{"version":3,"sources":["webpack:///./src/components/oEmbed.js","webpack:///./src/templates/collection-page-template.js"],"names":["OEmbed","props","render","className","data-card-key","data-card-controls","data-card-width","this","image","fluid","href","url","title","description","string","React","Component","TagItem","tag","to","slug","CollectionPageTemplate","collectionPageData","data","contentfulCollection","Links","links","map","link","key","time","moment","createdAt","format","Tags","tags","hideNav","introduction","src","Container","value","oEmbed","documentToReactComponents","json","linksTitle","gerelateerdeCollecties","collectionItems"],"mappings":"4PAkCeA,E,YA3BX,WAAYC,GAAQ,IAAD,SACf,cAAMA,IAAN,MAEKA,MAAQA,EAHE,E,oCAMnBC,OAAA,WACI,OACI,yBAAKC,UAAU,yBACX,gCAAYA,UAAU,eAAeC,gBAAc,mCAAmCC,qBAAoB,EAAGC,kBAAgB,QACrG,OAAnBC,KAAKN,MAAMO,OAAyC,OAAzBD,KAAKN,MAAMO,MAAMC,OACzC,kBAAC,IAAD,CAAKA,MAAOF,KAAKN,MAAMO,MAAMC,QAEjC,4BACI,uBAAGC,KAAMH,KAAKN,MAAMU,IAAKR,UAAU,wBAAwBI,KAAKN,MAAMW,QAEzEL,KAAKN,MAAMY,aAAqD,MAAtCN,KAAKN,MAAMY,YAAYA,aAC9C,yBAAKV,UAAU,4BAA2B,kBAAC,IAAD,CAAiBW,OAAQP,KAAKN,MAAMY,YAAYA,eAG9F,4BAAQV,UAAU,kDAAlB,+D,GArBCY,IAAMC,W,wBCiFrBC,EAAU,SAAC,GAAW,IAAVC,EAAS,EAATA,IACd,OACI,kBAAC,OAAD,CAAMC,GAAE,IAAMD,EAAIE,KAAQjB,UAAU,6CAA6Ce,EAAIA,MAiE9EG,UA3IgB,SAAC,GAAY,IAClCC,EADiC,EAAVC,KACGC,qBAC1BC,EAAQH,EAAmBI,MAAMC,KAAI,SAACC,GAAD,OAAU,kBAAC,IAAD,CAAUC,IAAKD,EAAKhB,MAAOgB,KAAMA,OAChFE,EAAOC,IAAOT,EAAmBU,WAAWC,OAAO,wBACnDC,EAAOZ,EAAmBa,KAAOb,EAAmBa,KAAKR,KAAI,SAACT,GAAD,OAAU,kBAAC,EAAD,CAASW,IAAKX,EAAIA,IAAKA,IAAKA,OAAW,KAEpH,OACI,kBAAC,IAAD,CAAQkB,SAAS,GACb,kBAAC,IAAD,CAAKzB,IAAG,8CAAgDW,EAAmBF,KAAnE,IAA4ER,MAAOU,EAAmBV,MAAOC,YAAcS,EAAmBe,aAAef,EAAmBe,aAAaA,aAAe,GAAK7B,MAAOc,EAAmBd,MAAMC,MAAM6B,MAC/P,6BAASnC,UAAU,WACf,kBAACoC,EAAA,EAAD,KACI,6BAASpC,UAAU,6CACf,4BAAQA,UAAU,qBACd,0BAAMA,UAAU,kBAAkBqC,MAAOlB,EAAmBU,WAAYF,GACxE,wBAAI3B,UAAU,8BAA8BmB,EAAmBV,OAC/D,yBAAKT,UAAU,4BACwB,OAAlCmB,EAAmBe,aAAsB,kBAAC,IAAD,CAAiBvB,OAAQQ,EAAmBe,aAAaA,eAAkB,OAG7H,iCACI,yBAAKlC,UAAU,sBACX,yBAAKA,UAAU,oBACuB,OAAjCmB,EAAmBd,MAAMC,OACtB,kBAAC,IAAD,CAAKA,MAAOa,EAAmBd,MAAMC,MAAON,UAAU,2BAE1D,kBAAC,EAAD,CAAQQ,IAAKW,EAAmBmB,OAAQ7B,MAAOU,EAAmBV,MAAOJ,MAAOc,EAAmBd,SAEpE,OAAlCc,EAAmBT,aAChB,yBAAKV,UAAU,+BACVuC,oCAA0BpB,EAAmBT,YAAY8B,OAGzD,OAART,GACG,yBAAK/B,UAAU,uBACX,wBAAIA,UAAU,yBAAd,QACA,0BAAMA,UAAU,mBACX+B,SAUjC,6BAAS/B,UAAU,WACf,kBAACoC,EAAA,EAAD,CAAW9B,OAAK,GACZ,yBAAKN,UAAU,iBACX,wBAAIA,UAAU,2BACwB,OAAhCmB,EAAmBsB,WAAoBtB,EAAmBsB,WAAa,kDAGjF,wBAAIzC,UAAU,qBACTsB,KAIZH,EAAmBuB,wBAChB,6BAAS1C,UAAU,WACf,kBAACoC,EAAA,EAAD,CAAW9B,OAAK,GACZ,yBAAKN,UAAU,iBACX,wBAAIA,UAAU,2BAAd,4BAEJ,kBAAC,IAAD,CAAiB2C,gBAAiBxB,EAAmBuB","file":"component---src-templates-collection-page-template-js-fd5447824248bc5274df.js","sourcesContent":["import React from 'react'\nimport Img from 'gatsby-image'\n\n//components\nimport RenderMultiLine from '../components/RenderMultiline'\n\nclass OEmbed extends React.Component {\n    constructor(props) {\n        super(props);\n        \n        this.props = props;    \n    }\n    \n    render(){            \n        return (\n            <div className=\"collection-embed-card\">\n                <blockquote className=\"embedly-card\" data-card-key=\"9014f99ec2a7482a94aa568da00ee012\" data-card-controls={1} data-card-width=\"100%\">\n                    {this.props.image!==null && this.props.image.fluid!==null &&\n                        <Img fluid={this.props.image.fluid}/>\n                    }\n                    <h4>\n                        <a href={this.props.url} className=\"heading card-heading\">{this.props.title}</a>\n                    </h4>\n                    {this.props.description && this.props.description.description != null &&\n                        <div className=\"card-description wysiwyg\"><RenderMultiLine string={this.props.description.description}/></div>\n\n                    }\n                    <button className=\"btn btn-primary btn-cookieMessage tm-acceptAll\">Accepteer marketing cookies om deze content in te laden!</button>\n                </blockquote>\n            </div>\n        )\n    }\n}\n\nexport default OEmbed\n","import React from 'react'\nimport { graphql, Link } from 'gatsby'\nimport { Container } from 'react-bootstrap'\nimport moment from 'moment'\nimport Img from 'gatsby-image'\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\n\n//components\nimport Layout from '../components/layout'\nimport CollectionCards from '../components/collection-cards'\nimport OEmbed from '../components/oEmbed'\nimport SEO from \"../components/seo\"\nimport LinkCard from '../components/link-card'\nimport RenderMultiLine from '../components/RenderMultiline'\n\nconst CollectionPageTemplate = ({data}) => {    \n    const collectionPageData = data.contentfulCollection\n    const Links = collectionPageData.links.map((link)=> (<LinkCard key={link.title} link={link}/>));\n    const time = moment(collectionPageData.createdAt).format(\"HH:mm - DD MMMM YYYY\")\n    const Tags = collectionPageData.tags ? collectionPageData.tags.map((tag) => (<TagItem key={tag.tag} tag={tag}/>)) : null;\n    \n    return(\n        <Layout hideNav={true}>\n            <SEO url={`https://bibliotheekverrijker.nl/inspiratie/${collectionPageData.slug}/`} title={collectionPageData.title} description={(collectionPageData.introduction ? collectionPageData.introduction.introduction : '')} image={collectionPageData.image.fluid.src} />\n            <section className=\"section\">\n                <Container>\n                    <article className=\"collection has-padding-large has-bg-white\">\n                        <header className=\"collection-header\">\n                            <time className=\"collection-meta\" value={collectionPageData.createdAt}>{time}</time>\n                            <h1 className=\"heading collection-heading\">{collectionPageData.title}</h1>\n                            <div className=\"collection-intro wysiwyg\">\n                                {collectionPageData.introduction!==null ? <RenderMultiLine string={collectionPageData.introduction.introduction}/> : null}\n                            </div>\n                        </header>\n                        <section>\n                            <div className=\"collection-content\">\n                                <div className=\"collection-embed\">\n                                    {collectionPageData.image.fluid!==null &&\n                                        <Img fluid={collectionPageData.image.fluid} className=\"collection-embed-image\" />\n                                    }\n                                    <OEmbed url={collectionPageData.oEmbed} title={collectionPageData.title} image={collectionPageData.image}/>\n                                </div>\n                                {collectionPageData.description!== null &&\n                                    <div className=\"section-block block wysiwyg\">\n                                        {documentToReactComponents(collectionPageData.description.json)}\n                                    </div>\n                                }\n                                {Tags!== null &&                                    \n                                    <div className=\"section-block block\">\n                                        <h2 className=\"heading block-heading\">Tags</h2>\n                                        <span className=\"collection-tags\">\n                                            {Tags}\n                                        </span>\n                                    </div>\n                                }\n                            </div>\n                        </section>\n                    </article>\n                </Container>\n            </section>\n            \n            <section className=\"section\">\n                <Container fluid>\n                    <div className=\"section-intro\">\n                        <h2 className=\"heading section-heading\">\n                            {(collectionPageData.linksTitle!==null ? collectionPageData.linksTitle : 'Een greep uit de collectie van de bibliotheek') }\n                        </h2>\n                    </div>\n                    <ul className=\"cards cards-links\">\n                        {Links}\n                    </ul>\n                </Container>\n            </section>\n            {collectionPageData.gerelateerdeCollecties &&\n                <section className=\"section\">\n                    <Container fluid>\n                        <div className=\"section-intro\">\n                            <h2 className=\"heading section-heading\">Gerelateerde collecties</h2>\n                        </div>\n                        <CollectionCards collectionItems={collectionPageData.gerelateerdeCollecties}/>\n                    </Container>\n                </section>\n            }\n        </Layout>\n    )\n}\n\nconst TagItem = ({tag}) => {    \n    return(\n        <Link to={`/${tag.slug}`} className=\"btn btn-primary btn-sm collection-tag tag\">{tag.tag}</Link>\n    )\n}\n\nexport const query = graphql`\n    query($slug: String!) {\n        contentfulCollection( slug: { eq: $slug }) {\n            title\n            slug\n            createdAt\n            oEmbed\n            introduction {\n                introduction\n            }\n            description {\n                json\n            }\n            linksTitle\n            image {\n                fluid(maxWidth:1024, maxHeight:1024){\n                    ...GatsbyContentfulFluid\n                }\n                title\n            }\n            links {\n                title\n                description {\n                    description\n                }\n                url\n                image {\n                    fluid(maxWidth:400, maxHeight:400){\n                        ...GatsbyContentfulFluid\n                    }\n                    title\n                }\n                type {\n                    identifier\n                    type\n                    slug\n                }\n                partner\n                tags {\n                    tag\n                    slug\n                }\n            }\n            tags {\n                tag\n                slug\n            }\n            gerelateerdeCollecties {\n                slug,\n                title,\n                oEmbed,\n                image {\n                    fluid(maxWidth:400, maxHeight:400){\n                        ...GatsbyContentfulFluid\n                    }\n                    title\n                }\n            }\n        }\n    }\n`\nexport default CollectionPageTemplate\n"],"sourceRoot":""}