{"version":3,"sources":["webpack:///./src/assets/triangle.svg","webpack:///./src/components/PageBuilder/NamedListBlock.vue?a0f7","webpack:///./src/components/PageBuilder/NamedListBlock.vue","webpack:///src/components/PageBuilder/NamedListBlock.vue","webpack:///./src/components/PageBuilder/NamedListBlock.vue?6288","webpack:///./src/components/PageBuilder/NamedListBlock.vue?ebfa"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","class","cmsBlock","namedListStyle","attrs","anchorTag","listItemStyle","_l","namedListItems","item","key","id","_v","_s","localizeAlt","separator","addButton","isInternalLink","localize","buttonLink","buttonText","_e","staticRenderFns","name","props","computed","require","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,6B,oCCA3C,W,gECAA,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,sBAAsBC,MAAML,EAAIM,SAASC,eAAeC,MAAM,CAAC,GAAKR,EAAIM,SAASG,YAAY,CAACP,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAML,EAAIM,SAASI,eAAe,CAACV,EAAIW,GAAIX,EAAIM,SAASM,gBAAgB,SAASC,GAAM,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAKE,GAAGX,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIkB,YAAYL,EAAM,YAAYX,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,IAAMR,EAAImB,eAAejB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIkB,YAAYL,EAAM,iBAAiBb,EAAIM,SAASc,YAAcpB,EAAIqB,eAAerB,EAAIsB,SAAStB,EAAIM,SAASiB,aAAcrB,EAAG,IAAI,CAACM,MAAM,CAAC,KAAOR,EAAIsB,SAAStB,EAAIM,SAASiB,cAAc,CAACrB,EAAG,SAAS,CAACE,YAAY,eAAe,CAACJ,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGjB,EAAIsB,SAAStB,EAAIM,SAASkB,aAAa,SAASxB,EAAIyB,KAAMzB,EAAIM,SAASc,WAAapB,EAAIqB,eAAerB,EAAIsB,SAAStB,EAAIM,SAASiB,aAAcrB,EAAG,cAAc,CAACM,MAAM,CAAC,GAAKR,EAAIsB,SAAStB,EAAIM,SAASiB,cAAc,CAACrB,EAAG,SAAS,CAACE,YAAY,eAAe,CAACJ,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGjB,EAAIsB,SAAStB,EAAIM,SAASkB,aAAa,SAASxB,EAAIyB,MAAM,MAEpnCC,EAAkB,GCuBtB,GACAC,KAAA,iBAEAC,MAAA,CACA,YAGAC,SAAA,CACAV,YACA,YAAAb,SAAAI,eACA,aACA,OAAAoB,EAAA,YCpCsW,I,wBCQlWC,EAAY,eACd,EACAhC,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAK,E","file":"js/chunk-232cdf0a.2bc22ecc.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/triangle.5c362172.svg\";","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!./NamedListBlock.vue?vue&type=style&index=0&id=e6052a4c&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"component-container\",class:_vm.cmsBlock.namedListStyle,attrs:{\"id\":_vm.cmsBlock.anchorTag}},[_c('div',{staticClass:\"named-list\",class:_vm.cmsBlock.listItemStyle},[_vm._l((_vm.cmsBlock.namedListItems),function(item){return _c('div',{key:item.id,staticClass:\"list-item\"},[_c('div',{staticClass:\"key\"},[_vm._v(_vm._s(_vm.localizeAlt(item, 'name')))]),_c('div',{staticClass:\"separator\"},[_c('img',{attrs:{\"src\":_vm.separator}})]),_c('div',{staticClass:\"value\"},[_vm._v(_vm._s(_vm.localizeAlt(item, 'text')))])])}),(_vm.cmsBlock.addButton && !_vm.isInternalLink(_vm.localize(_vm.cmsBlock.buttonLink)))?_c('a',{attrs:{\"href\":_vm.localize(_vm.cmsBlock.buttonLink)}},[_c('button',{staticClass:\"button-dark\"},[_vm._v(\" \"+_vm._s(_vm.localize(_vm.cmsBlock.buttonText))+\" \")])]):_vm._e(),(_vm.cmsBlock.addButton && _vm.isInternalLink(_vm.localize(_vm.cmsBlock.buttonLink)))?_c('router-link',{attrs:{\"to\":_vm.localize(_vm.cmsBlock.buttonLink)}},[_c('button',{staticClass:\"button-dark\"},[_vm._v(\" \"+_vm._s(_vm.localize(_vm.cmsBlock.buttonText))+\" \")])]):_vm._e()],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <section :id=\"cmsBlock.anchorTag\" :class=\"cmsBlock.namedListStyle\" class=\"component-container\">\n        <div class=\"named-list\" :class=\"cmsBlock.listItemStyle\">\n            <div v-for=\"item in cmsBlock.namedListItems\" class=\"list-item\" :key=\"item.id\">\n                <div class=\"key\">{{ localizeAlt(item, 'name') }}</div>\n                <div class=\"separator\">\n                    <img :src=\"separator\"/>\n                </div>\n                <div class=\"value\">{{ localizeAlt(item, 'text') }}</div>\n            </div>\n            <a :href=\"localize(cmsBlock.buttonLink)\" v-if=\"cmsBlock.addButton && !isInternalLink(localize(cmsBlock.buttonLink))\">\n                <button class=\"button-dark\">\n                    {{ localize(cmsBlock.buttonText) }}\n                </button>\n            </a>\n            <router-link :to=\"localize(cmsBlock.buttonLink)\" v-if=\"cmsBlock.addButton && isInternalLink(localize(cmsBlock.buttonLink))\">\n                <button class=\"button-dark\">\n                    {{ localize(cmsBlock.buttonText) }}\n                </button>\n            </router-link>\n        </div>\n    </section>\n</template>\n\n<script>\n    export default {\n        name: 'NamedListBlock',\n\n        props: [\n            'cmsBlock'\n        ],\n\n        computed: {\n            separator() {\n                switch(this.cmsBlock.listItemStyle){\n                    case 'arrows':\n                        return require('@/assets/triangle.svg')\n                }\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n.component-container {\n    .named-list {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        max-width: $container-width;\n        margin: 0 auto;\n        padding: 0 getSpacing('padding-default-horizontal', 'desktop');\n\n        @include breakpoint('tablet') {\n            padding: 0 getSpacing('padding-default-horizontal', 'tablet');\n        }\n        @include breakpoint('mobile') {\n            padding: 0 getSpacing('padding-default-horizontal', 'mobile');\n        }\n\n        .list-item {\n            display: grid;\n            grid-template-columns: 0.75fr 0.25fr 2fr;\n            gap: 0px 10px;\n            margin-bottom: 30px;\n            margin-right: 80px;\n            width: 100%;\n\n            @include breakpoint('mobile') {\n                grid-template-columns: 1fr;\n                margin-right: unset;\n            }\n\n            .key {\n                display: flex;\n                align-items: center;\n                justify-content: flex-end;\n                font-size: getFontSize('defaultText', 'desktop');\n                font-weight: 600;\n                font-family: getFontFamily('defaultText');\n                \n\n                @include breakpoint('tablet') {\n                    font-size: getFontSize('defaultText', 'tablet');\n                }\n                @include breakpoint('mobile') {\n                    font-size: getFontSize('defaultText', 'mobile');\n                    text-align: left;\n                    justify-content: flex-start;\n                    margin-bottom: 10px;\n                }\n            }\n\n            .separator {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n\n                @include breakpoint('mobile') {\n                    display: none;\n                }\n            }\n\n            .value {\n                display: flex;\n                align-items: center;\n                justify-content: flex-start;\n                font-size: getFontSize('mediumText', 'desktop');\n                font-weight: getFontWeight('mediumText');\n                font-style: getFontStyle('mediumText');\n                font-family: getFontFamily('mediumText');\n\n                @include breakpoint('tablet') {\n                    font-size: getFontSize('mediumText', 'tablet');\n                }\n                @include breakpoint('mobile') {\n                    font-size: getFontSize('mediumText', 'mobile');\n                    text-align: left;\n                    justify-content: flext-start;\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!./NamedListBlock.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!./NamedListBlock.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NamedListBlock.vue?vue&type=template&id=e6052a4c&scoped=true\"\nimport script from \"./NamedListBlock.vue?vue&type=script&lang=js\"\nexport * from \"./NamedListBlock.vue?vue&type=script&lang=js\"\nimport style0 from \"./NamedListBlock.vue?vue&type=style&index=0&id=e6052a4c&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  \"e6052a4c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}