{"version":3,"sources":["webpack:///./src/components/PageBuilder/TextBlockWithIcons.vue?d25a","webpack:///./src/components/PageBuilder/TextBlockWithIcons.vue","webpack:///src/components/PageBuilder/TextBlockWithIcons.vue","webpack:///./src/components/PageBuilder/TextBlockWithIcons.vue?a99f","webpack:///./src/components/PageBuilder/TextBlockWithIcons.vue?e00e"],"names":["render","_vm","this","_c","_self","class","cmsBlock","textBlockWithIconsStyle","attrs","anchorTag","staticClass","domProps","_s","md","localize","text","_l","iconLinks","iconLink","index","isInternalLink","_e","key","id","Object","entries","srcsets","format","set","originalFormats","slice","icon","data","attributes","alternativeText","staticRenderFns","name","props","computed","push","getImageSrcsets","hasWebp","hasWebps","srcset","_","component"],"mappings":"gHAAA,W,kECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAMJ,EAAIK,SAASC,wBAAwBC,MAAM,CAAC,GAAKP,EAAIK,SAASG,YAAY,CAACN,EAAG,MAAM,CAACO,YAAY,cAAcC,SAAS,CAAC,UAAYV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,SAASb,EAAIK,SAASS,WAAWZ,EAAG,MAAM,CAACO,YAAY,cAAc,CAACT,EAAIe,GAAIf,EAAIK,SAASW,WAAW,SAASC,EAASC,GAAO,MAAO,CAAGlB,EAAImB,eAAenB,EAAIa,SAASI,EAASA,WAAqgBjB,EAAIoB,KAA7flB,EAAG,IAAI,CAACmB,IAAIJ,EAASK,GAAGf,MAAM,CAAC,KAAOP,EAAIa,SAASI,EAASA,YAAY,CAACf,EAAG,UAAU,CAACF,EAAIe,GAAIQ,OAAOC,QAAQxB,EAAIyB,QAAQP,KAAS,UAAUQ,EAAQC,IAAM,MAAO,CAAED,IAAW1B,EAAI4B,gBAAgBV,GAAQhB,EAAG,SAAS,CAACK,MAAM,CAAC,OAASoB,EAAI,MAAQ,QAAQ,KAAO,SAAWD,EAAOG,MAAM,MAAM7B,EAAIoB,SAAQlB,EAAG,MAAM,CAACK,MAAM,CAAC,OAASP,EAAIyB,QAAQP,GAAOlB,EAAI4B,gBAAgBV,IAAQ,KAAO,SAAWlB,EAAI4B,gBAAgBV,GAAOW,MAAM,GAAG,MAAQ,QAAQ,IAAMZ,EAASa,KAAKC,KAAKC,WAAWC,oBAAoB,KAAejC,EAAImB,eAAenB,EAAIa,SAASI,EAASA,WAAYf,EAAG,cAAc,CAACmB,IAAIJ,EAASK,GAAGf,MAAM,CAAC,KAAOP,EAAIa,SAASI,EAASA,YAAY,CAACf,EAAG,UAAU,CAACF,EAAIe,GAAIQ,OAAOC,QAAQxB,EAAIyB,QAAQP,KAAS,UAAUQ,EAAQC,IAAM,MAAO,CAAED,IAAW1B,EAAI4B,gBAAgBV,GAAQhB,EAAG,SAAS,CAACK,MAAM,CAAC,OAASoB,EAAI,MAAQ,QAAQ,KAAO,SAAWD,EAAOG,MAAM,MAAM7B,EAAIoB,SAAQlB,EAAG,MAAM,CAACK,MAAM,CAAC,OAASP,EAAIyB,QAAQP,GAAOlB,EAAI4B,gBAAgBV,IAAQ,KAAO,SAAWlB,EAAI4B,gBAAgBV,GAAOW,MAAM,GAAG,MAAQ,QAAQ,IAAMZ,EAASa,KAAKC,KAAKC,WAAWC,oBAAoB,KAAKjC,EAAIoB,UAAS,MAEh/Cc,EAAkB,GCkCP,G,UAAA,CACfC,KAAA,qBAEAC,MAAA,CACA,YAGAC,SAAA,CACAZ,UACA,IAAAA,EAAA,GACA,UAAAR,KAAA,KAAAZ,SAAAW,UACAS,EAAAa,KAAA,KAAAC,gBAAAtB,EAAAa,KAAAC,KAAAC,aAEA,OAAAP,GAGAe,UACA,IAAAC,EAAA,GACA,UAAAC,KAAA,KAAAjB,QACAgB,EAAAH,OAAAI,EAAA,UAEA,OAAAD,GAGAb,kBACA,IAAAA,EAAA,GACA,UAAAc,KAAA,KAAAjB,QACA,UAAAC,EAAAiB,KAAApB,OAAAC,QAAAkB,GACA,UAAAhB,GACAE,EAAAU,KAAAZ,GAKA,OAAAE,MCtE0W,I,wBCQtWgB,EAAY,eACd,EACA7C,EACAmC,GACA,EACA,KACA,WACA,MAIa,aAAAU,E","file":"js/chunk-0804a952.6ffd8058.js","sourcesContent":["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!./TextBlockWithIcons.vue?vue&type=style&index=0&id=10e250fc&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{class:_vm.cmsBlock.textBlockWithIconsStyle,attrs:{\"id\":_vm.cmsBlock.anchorTag}},[_c('div',{staticClass:\"cms-content\",domProps:{\"innerHTML\":_vm._s(_vm.md(_vm.localize(_vm.cmsBlock.text)))}}),_c('div',{staticClass:\"icon-links\"},[_vm._l((_vm.cmsBlock.iconLinks),function(iconLink,index){return [(!_vm.isInternalLink(_vm.localize(iconLink.iconLink)))?_c('a',{key:iconLink.id,attrs:{\"href\":_vm.localize(iconLink.iconLink)}},[_c('picture',[_vm._l((Object.entries(_vm.srcsets[index])),function([format, set]){return [(format !== _vm.originalFormats[index])?_c('source',{attrs:{\"srcset\":set,\"sizes\":\"500px\",\"type\":'image/' + format.slice(1)}}):_vm._e()]}),_c('img',{attrs:{\"srcset\":_vm.srcsets[index][_vm.originalFormats[index]],\"type\":'image/' + _vm.originalFormats[index].slice(1),\"sizes\":\"500px\",\"alt\":iconLink.icon.data.attributes.alternativeText}})],2)]):_vm._e(),(_vm.isInternalLink(_vm.localize(iconLink.iconLink)))?_c('router-link',{key:iconLink.id,attrs:{\"href\":_vm.localize(iconLink.iconLink)}},[_c('picture',[_vm._l((Object.entries(_vm.srcsets[index])),function([format, set]){return [(format !== _vm.originalFormats[index])?_c('source',{attrs:{\"srcset\":set,\"sizes\":\"500px\",\"type\":'image/' + format.slice(1)}}):_vm._e()]}),_c('img',{attrs:{\"srcset\":_vm.srcsets[index][_vm.originalFormats[index]],\"type\":'image/' + _vm.originalFormats[index].slice(1),\"sizes\":\"500px\",\"alt\":iconLink.icon.data.attributes.alternativeText}})],2)]):_vm._e()]})],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <section :id=\"cmsBlock.anchorTag\" :class=\"cmsBlock.textBlockWithIconsStyle\">\n        <div v-html=\"md(localize(cmsBlock.text))\" class=\"cms-content\"></div>\n        <div class=\"icon-links\">\n            <template v-for=\"(iconLink, index) in cmsBlock.iconLinks\">\n                <a v-if=\"!isInternalLink(localize(iconLink.iconLink))\" :key=\"iconLink.id\"\n                    :href=\"localize(iconLink.iconLink)\">\n                    <picture>\n                        <template v-for=\"[format, set] of Object.entries(srcsets[index])\">\n                            <source v-if=\"format !== originalFormats[index]\" :srcset=\"set\" sizes=\"500px\"\n                                :type=\"'image/' + format.slice(1)\">\n                        </template>\n                        <img :srcset=\"srcsets[index][originalFormats[index]]\"\n                            :type=\"'image/' + originalFormats[index].slice(1)\" sizes=\"500px\"\n                            :alt=\"iconLink.icon.data.attributes.alternativeText\">\n                    </picture>\n                </a>\n                <router-link v-if=\"isInternalLink(localize(iconLink.iconLink))\" :key=\"iconLink.id\"\n                    :href=\"localize(iconLink.iconLink)\">\n                    <picture>\n                        <template v-for=\"[format, set] of Object.entries(srcsets[index])\">\n                            <source v-if=\"format !== originalFormats[index]\" :srcset=\"set\" sizes=\"500px\"\n                                :type=\"'image/' + format.slice(1)\">\n                        </template>\n                        <img :srcset=\"srcsets[index][originalFormats[index]]\"\n                            :type=\"'image/' + originalFormats[index].slice(1)\" sizes=\"500px\"\n                            :alt=\"iconLink.icon.data.attributes.alternativeText\">\n                    </picture>\n                </router-link>\n            </template>\n\n        </div>\n    </section>\n</template>\n\n<script>\nexport default {\n    name: 'TextBlockWithIcons',\n\n    props: [\n        'cmsBlock'\n    ],\n\n    computed: {\n        srcsets() {\n            let srcsets = []\n            for (const iconLink of this.cmsBlock.iconLinks) {\n                srcsets.push(this.getImageSrcsets(iconLink.icon.data.attributes))\n            }\n            return srcsets\n        },\n\n        hasWebp() {\n            let hasWebps = []\n            for (const srcset of this.srcsets) {\n                hasWebps.push(srcset['.webp'] ? true : false)\n            }\n            return hasWebps\n        },\n\n        originalFormats() {\n            let originalFormats = []\n            for (const srcset of this.srcsets) {\n                for (const [format, _] of Object.entries(srcset)) {\n                    if (format !== '.webp') {\n                        originalFormats.push(format)\n                    }\n                }\n            }\n\n            return originalFormats\n        },\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\nsection {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n\n    .cms-content {\n        max-width: $container-width;\n        margin: 0 auto;\n        padding: 0 24px;\n        padding-bottom: 1px;\n\n        @include breakpoint('max-width') {\n            padding: 0 getSpacing('section-left-right', 'desktop');\n        }\n\n        @include breakpoint('tablet') {\n            padding: 0 getSpacing('section-left-right', 'tablet');\n        }\n\n        @include breakpoint('mobile') {\n            padding: 0 getSpacing('section-left-right', 'mobile');\n        }\n    }\n\n    .icon-links {\n        a {\n            img {\n                max-height: 250px; //new in 4.0\n                padding: 10px;\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!./TextBlockWithIcons.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!./TextBlockWithIcons.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TextBlockWithIcons.vue?vue&type=template&id=10e250fc&scoped=true\"\nimport script from \"./TextBlockWithIcons.vue?vue&type=script&lang=js\"\nexport * from \"./TextBlockWithIcons.vue?vue&type=script&lang=js\"\nimport style0 from \"./TextBlockWithIcons.vue?vue&type=style&index=0&id=10e250fc&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  \"10e250fc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}