{"version":3,"sources":["webpack:///./src/components/PageBuilder/ImageBlock.vue","webpack:///src/components/PageBuilder/ImageBlock.vue","webpack:///./src/components/PageBuilder/ImageBlock.vue?1047","webpack:///./src/components/PageBuilder/ImageBlock.vue?2046","webpack:///./src/components/PageBuilder/ImageBlock.vue?1114"],"names":["render","_vm","this","_c","_self","staticClass","class","cmsBlock","backgroundStyle","imageStyle","attrs","anchorTag","keepAspectRatio","_l","Object","entries","srcsets","format","set","originalFormat","slice","_e","localize","image","data","attributes","alternativeText","hasCopyright","copyright","staticRenderFns","name","props","components","Copyright","computed","length","getImageSrcsets","hasWebp","_","teamMemberImageAltTag","teamMember","placeholderImage","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,sBAAsBC,MAAML,EAAIM,SAASC,iBAAiB,CAACL,EAAG,MAAM,CAACE,YAAY,cAAcC,MAAML,EAAIM,SAASE,WAAWC,MAAM,CAAC,GAAKT,EAAIM,SAASI,YAAY,CAACR,EAAG,UAAU,CAACG,MAAM,CAAC,cAAcL,EAAIM,SAASK,kBAAkB,CAACX,EAAIY,GAAIC,OAAOC,QAAQd,EAAIe,UAAU,UAAUC,EAAQC,IAAM,MAAO,CAAED,IAAWhB,EAAIkB,eAAgBhB,EAAG,SAAS,CAACO,MAAM,CAAC,OAASQ,EAAI,MAAQ,QAAQ,KAAO,SAAWD,EAAOG,MAAM,MAAMnB,EAAIoB,SAAQlB,EAAG,MAAM,CAACO,MAAM,CAAC,QAAU,OAAO,SAAW,QAAQ,OAAST,EAAIe,QAAQf,EAAIkB,gBAAgB,KAAO,SAAWlB,EAAIkB,eAAeC,MAAM,GAAG,MAAQ,QAAQ,IAAMnB,EAAIqB,SAASrB,EAAIM,SAASgB,OAAOC,KAAKC,WAAWC,gBAAgB,MAAQ,OAAO,OAAS,WAAW,GAAIzB,EAAI0B,aAAcxB,EAAG,YAAY,CAACO,MAAM,CAAC,KAAOT,EAAIM,SAASgB,MAAMK,aAAa3B,EAAIoB,MAAM,MAEt2BQ,EAAkB,G,YCiBP,GACfC,KAAA,aAEAC,MAAA,CACA,YAGAC,WAAA,CACAC,kBAGAC,SAAA,CACAP,eACA,aAAApB,SAAAgB,MAAAK,WAAA,KAAArB,SAAAgB,MAAAK,UAAAO,OAAA,GAGAnB,UACA,YAAAoB,gBAAA,KAAAd,SAAA,KAAAf,SAAAgB,OAAAC,KAAAC,aAGAY,UACA,aAAArB,QAAA,UAGAG,iBACA,UAAAF,EAAAqB,KAAAxB,OAAAC,QAAA,KAAAC,SACA,aAAAC,EACA,OAAAA,EAGA,aAGAsB,wBACA,YAAAC,YAAA,KAAAA,WAAAhB,KAAAC,WAAAF,MAAAC,KACA,KAAAgB,WAAAhB,KAAAC,WAAAF,MAAAC,KAAAC,WAAAC,gBACA,KAAAe,iBACA,KAAAA,iBAAAjB,KAAAC,WAAAC,qBADA,KCvDkW,I,wBCQ9VgB,EAAY,eACd,EACA1C,EACA6B,GACA,EACA,KACA,WACA,MAIa,aAAAa,E,2CCnBf,W","file":"js/chunk-3788b848.55afb41f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"component-container\",class:_vm.cmsBlock.backgroundStyle},[_c('div',{staticClass:\"image-block\",class:_vm.cmsBlock.imageStyle,attrs:{\"id\":_vm.cmsBlock.anchorTag}},[_c('picture',{class:{'keep-aspect':_vm.cmsBlock.keepAspectRatio}},[_vm._l((Object.entries(_vm.srcsets)),function([format, set]){return [(format !== _vm.originalFormat)?_c('source',{attrs:{\"srcset\":set,\"sizes\":\"100vw\",\"type\":'image/' + format.slice(1)}}):_vm._e()]}),_c('img',{attrs:{\"loading\":\"lazy\",\"decoding\":\"async\",\"srcset\":_vm.srcsets[_vm.originalFormat],\"type\":'image/' + _vm.originalFormat.slice(1),\"sizes\":\"100vw\",\"alt\":_vm.localize(_vm.cmsBlock.image).data.attributes.alternativeText,\"width\":\"100%\",\"height\":\"100%\"}})],2),(_vm.hasCopyright)?_c('Copyright',{attrs:{\"text\":_vm.cmsBlock.image.copyright}}):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"component-container\" :class=\"cmsBlock.backgroundStyle\">\n        <div :id=\"cmsBlock.anchorTag\" class=\"image-block\" :class=\"cmsBlock.imageStyle\">\n            <picture v-bind:class=\"{'keep-aspect':cmsBlock.keepAspectRatio}\">\n                <template v-for=\"[format, set] of Object.entries(srcsets)\">\n                    <source v-if=\"format !== originalFormat\" :srcset=\"set\" sizes=\"100vw\" :type=\"'image/' + format.slice(1)\">\n                </template>\n                <img loading=\"lazy\" decoding=\"async\" :srcset=\"srcsets[originalFormat]\"\n                    :type=\"'image/' + originalFormat.slice(1)\" sizes=\"100vw\"\n                    :alt=\"localize(cmsBlock.image).data.attributes.alternativeText\" width=\"100%\" height=\"100%\">\n            </picture>\n            <Copyright v-if=\"hasCopyright\" :text=\"cmsBlock.image.copyright\" />\n        </div>\n    </div>\n</template>\n\n<script>\nimport Copyright from '@/components/PageBuilder/Elements/Copyright'\n\nexport default {\n    name: 'ImageBlock',\n\n    props: [\n        'cmsBlock'\n    ],\n\n    components: {\n        Copyright\n    },\n\n    computed: {\n        hasCopyright() {\n            return this.cmsBlock.image.copyright ? this.cmsBlock.image.copyright.length > 0 : false\n        },\n\n        srcsets() {\n            return this.getImageSrcsets(this.localize(this.cmsBlock.image).data.attributes)\n        },\n\n        hasWebp() {\n            return this.srcsets['.webp'] ? true : false\n        },\n\n        originalFormat() {\n            for (const [format, _] of Object.entries(this.srcsets)) {\n                if (format !== '.webp') {\n                    return format\n                }\n            }\n            return null\n        },\n\n        teamMemberImageAltTag() {\n            if (this.teamMember && this.teamMember.data.attributes.image.data) {\n                return this.teamMember.data.attributes.image.data.attributes.alternativeText\n            } else if (this.placeholderImage) {\n                return this.placeholderImage.data.attributes.alternativeText\n            }\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.component-container {\n\n    .image-block {\n        padding: 0 getSpacing('padding-default-horizontal', 'desktop');\n        line-height: 0;\n        position: relative;\n        overflow: hidden;\n        max-width: $container-width;\n        margin: 0 auto;\n\n        @include breakpoint('tablet') {\n            padding: 0 getSpacing('padding-default-horizontal', 'tablet');\n        }\n\n        @include breakpoint('mobile') {\n            padding: 0 0;\n        }\n\n        img {\n            width: 100%;\n            height: 800px;\n            object-fit: cover;\n\n            @include breakpoint('tablet') {\n                height: 600px;\n            }\n\n            @include breakpoint('mobile') {\n                height: 400px;\n            }\n        }\n\n        .keep-aspect {\n            img {\n                height: auto;\n            }\n        }\n\n        \n    }\n\n    .image-block.full_width {\n        width: 100%;\n        max-width: 100%;\n        padding: 0 0;\n    }\n    .image-block.small_width {\n        width: 33%;\n        max-width: 33%;\n        \n        @include breakpoint('mobile') {\n            width: 50%;\n            max-width: 50%;\n        }\n    }\n}\n\n\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageBlock.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageBlock.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageBlock.vue?vue&type=template&id=74cef8c4&scoped=true\"\nimport script from \"./ImageBlock.vue?vue&type=script&lang=js\"\nexport * from \"./ImageBlock.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImageBlock.vue?vue&type=style&index=0&id=74cef8c4&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"74cef8c4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageBlock.vue?vue&type=style&index=0&id=74cef8c4&prod&lang=scss&scoped=true\""],"sourceRoot":""}