{"version":3,"sources":["webpack:///./src/templates/post.js"],"names":["AutoplaySlider","withAutoplay","AwesomeSlider","Post","data","location","post","leadershipPage","tags","slug","servicesPage","carousel","edges","filter","node","type","codeinjection_styles","length","className","play","cancelOnInteraction","interval","map","i","key","data-src","feature_image","style","backgroundImage","src","alt","title","excerpt","dangerouslySetInnerHTML","__html","html"],"mappings":"8FAAA,8GAWMA,GAXN,UAWuBC,IAAaC,MAqFrBC,UA5EF,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACZC,EAAOF,EAAKE,KACZC,EAAuC,mBAAtBD,EAAKE,KAAK,GAAGC,KAC9BC,EAAqC,iBAAtBJ,EAAKE,KAAK,GAAGC,KAC5BE,EAAWP,EAAKO,SAASC,MAAMC,QAAO,gBAAGC,EAAH,EAAGA,KAAH,MACxC,SAAUA,GAAQA,EAAKN,KAAK,GAAGC,OAASH,EAAKG,KAAO,eAGxD,OACI,oCACI,kBAAC,IAAD,CACIL,KAAMA,EACNC,SAAUA,EACVU,KAAK,YAET,kBAAC,IAAD,KACI,2BAAOA,KAAK,YAAZ,GAA2BT,EAAKU,uBAEpC,kBAAC,IAAD,KAEQL,EAASM,OAAS,EAEd,yBAAKC,UAAU,eACX,kBAAClB,EAAD,CACImB,MAAM,EACNC,qBAAqB,EACrBC,SAAU,KAEPV,EAASW,KAAI,gBAAGR,EAAH,EAAGA,KAAMS,EAAT,EAASA,EAAT,OACZ,yBAAKC,IAAMD,EAAIE,WAAWX,EAAKY,eAAkBZ,EAAKY,oBAKtEhB,GAAgBJ,EAAKoB,eAEpB,yBAAKR,UAAU,kBAAkBS,MAAO,CACjCC,gBAAgB,OAAQtB,EAAKoB,cAAd,OAI3B,yBAAKR,UAAU,aACX,6BAASA,UAAW,WAAaZ,EAAKE,KAAK,GAAGC,OACvCC,GAAgBJ,EAAKoB,cACpB,4BAAQR,UAAU,sBACd,yBAAKW,IAAMvB,EAAKoB,cAAgBI,IAAMxB,EAAKyB,SACnC,KAChB,6BAASb,UAAU,qBACf,wBAAIA,UAAU,iBAAiBZ,EAAKyB,OAClCxB,EAAiB,gCAAOD,EAAK0B,QAAZ,KAA8B,GAGjD,6BACId,UAAU,qCACVe,wBAAyB,CAAEC,OAAQ5B,EAAK6B","file":"component---src-templates-post-js-4785e043c413f81b64ed.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\nimport { Helmet } from 'react-helmet'\n\nimport { Layout } from '../components/common'\nimport { MetaData } from '../components/common/meta'\n\nimport AwesomeSlider from 'react-awesome-slider';\nimport withAutoplay from 'react-awesome-slider/dist/autoplay';\nimport 'react-awesome-slider/dist/styles.css';\nconst AutoplaySlider = withAutoplay(AwesomeSlider);\n\n\n/**\n* Single post view (/:slug)\n*\n* This file renders a single post and loads all the content.\n*\n*/\nconst Post = ({ data, location }) => {\n    const post = data.post\n    const leadershipPage = post.tags[0].slug === 'our-leadership'\n    const servicesPage = post.tags[0].slug === 'our-services'\n    const carousel = data.carousel.edges.filter(({ node }) => (\n        \"tags\" in node && node.tags[0].slug === post.slug + \"-carousel\" \n    ))\n\n    return (\n        <>\n            <MetaData\n                data={data}\n                location={location}\n                type=\"article\"\n            />\n            <Helmet>\n                <style type=\"text/css\">{`${post.codeinjection_styles}`}</style>\n            </Helmet>\n            <Layout>\n                { \n                    carousel.length > 0 ? \n\n                        <div className=\"site-banner\">\n                            <AutoplaySlider\n                                play={true}\n                                cancelOnInteraction={false} // should stop playing on user interaction\n                                interval={6000}\n                            >\n                                {  carousel.map(({ node, i }) => (\n                                    <div key={ i } data-src={ node.feature_image }>{ node.feature_image }</div>\n                                ))}\n                            </AutoplaySlider>\n                        </div> \n                    :\n                    servicesPage && post.feature_image && \n\n                     <div className=\"page-hero-image\" style={{\n                            backgroundImage: `url(${post.feature_image})` ,\n                    }}></div>          \n                }\n\n                <div className=\"container\">\n                    <article className={'content ' + post.tags[0].slug }>\n                        { !servicesPage && post.feature_image ?\n                            <figure className=\"post-feature-image\">\n                                <img src={ post.feature_image } alt={ post.title } />\n                            </figure> : null }\n                        <section className=\"post-full-content\">\n                            <h1 className=\"content-title\">{post.title}</h1>\n                            { leadershipPage ? <h2> { post.excerpt } </h2> : '' }\n\n                            {/* The main post content */ }\n                            <section\n                                className=\"content-body load-external-scripts\"\n                                dangerouslySetInnerHTML={{ __html: post.html }}\n                            />\n                        </section>\n                    </article>\n                </div>\n            </Layout>\n        </>\n    )\n}\n\nPost.propTypes = {\n    data: PropTypes.shape({\n        ghostPost: PropTypes.shape({\n            codeinjection_styles: PropTypes.object,\n            title: PropTypes.string.isRequired,\n            html: PropTypes.string.isRequired,\n            feature_image: PropTypes.string,\n        }).isRequired,\n    }).isRequired,\n    location: PropTypes.object.isRequired,\n}\n\nexport default Post\n\nexport const postQuery = graphql`\n    query($slug: String!) {\n        post: ghostPost(slug: { eq: $slug }) {\n            ...GhostPostFields\n        }\n        carousel: allGhostPost(filter: {tags: {elemMatch: {slug: {regex: \"/carousel/\"}}}}) {\n            edges {\n              node {\n                id\n                slug\n                tags {\n                  id\n                  slug\n                }\n                feature_image\n              }\n            }\n          }\n    }\n`\n"],"sourceRoot":""}