{"version":3,"sources":["webpack:///./src/components/PageBuilder/TiledMenu.vue?e6dd","webpack:///./src/components/PageBuilder/TiledMenu.vue","webpack:///src/components/PageBuilder/TiledMenu.vue","webpack:///./src/components/PageBuilder/TiledMenu.vue?93e9","webpack:///./src/components/PageBuilder/TiledMenu.vue?ed10"],"names":["render","_vm","this","_c","_self","staticClass","attrs","cmsBlock","anchorTag","_l","menuTiles","menuTile","backgroundImage","getImageUrl","data","attributes","url","alternativeText","_e","class","titleLinkType","target","_v","_s","localize","title","menuItems","menuItem","staticRenderFns","name","props","methods","linkType","internalUrl","externalUrl","anchor","component"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAM,CAAC,GAAKL,EAAIM,SAASC,YAAYP,EAAIQ,GAAIR,EAAIM,SAASG,WAAW,SAASC,GAAU,OAAOR,EAAG,MAAM,CAACE,YAAY,aAAa,CAAEM,EAASC,gBAAiBT,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAM,CAAC,IAAML,EAAIY,YAAYF,EAASC,gBAAgBE,KAAKC,WAAWC,KAAK,IAAML,EAASC,gBAAgBE,KAAKC,WAAWE,mBAAmBhB,EAAIiB,KAAKf,EAAG,MAAM,CAACE,YAAY,UAAUc,MAAM,CAAC,MAASR,EAASC,kBAAkB,CAAED,EAASS,cAAejB,EAAG,IAAI,CAACG,MAAM,CAAC,KAAOL,EAAIe,IAAIL,EAAUA,EAASS,eAAe,OAASnB,EAAIoB,OAAOV,EAAUA,EAASS,iBAAiB,CAACjB,EAAG,KAAK,CAACE,YAAY,SAAS,CAACJ,EAAIqB,GAAGrB,EAAIsB,GAAGtB,EAAIuB,SAASb,EAASc,aAAatB,EAAG,KAAK,CAACE,YAAY,SAAS,CAACJ,EAAIqB,GAAGrB,EAAIsB,GAAGtB,EAAIuB,SAASb,EAASc,WAAWtB,EAAG,MAAM,CAACE,YAAY,cAAcJ,EAAIQ,GAAIE,EAASe,WAAW,SAASC,GAAU,OAAOxB,EAAG,IAAI,CAACE,YAAY,YAAYC,MAAM,CAAC,KAAOL,EAAIe,IAAIW,GAAU,OAAS1B,EAAIoB,OAAOM,KAAY,CAAC1B,EAAIqB,GAAG,IAAIrB,EAAIsB,GAAGtB,EAAIuB,SAASG,EAASF,QAAQ,UAAS,UAAS,IAEljCG,EAAkB,GCgCtB,GACAC,KAAA,YAEAC,MAAA,CACA,YAGAC,QAAA,CACAf,IAAAW,EAAAK,EAAA,MAIA,OAHAA,IACAA,EAAAL,EAAAK,UAEAA,GACA,eACA,OAAAL,EAAAM,YACA,eACA,YAAAT,SAAAG,EAAAO,aACA,aACA,OAAAP,EAAAQ,SAIAd,OAAAM,EAAAK,EAAA,MAIA,OAHAA,IACAA,EAAAL,EAAAK,UAEAA,GACA,eACA,eACA,QACA,kBChEiW,I,wBCQ7VI,EAAY,eACd,EACApC,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E","file":"js/chunk-4b570431.6efdb69a.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!./TiledMenu.vue?vue&type=style&index=0&id=2e53547a&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"menu-tiles\",attrs:{\"id\":_vm.cmsBlock.anchorTag}},_vm._l((_vm.cmsBlock.menuTiles),function(menuTile){return _c('div',{staticClass:\"menu-tile\"},[(menuTile.backgroundImage)?_c('img',{staticClass:\"background\",attrs:{\"src\":_vm.getImageUrl(menuTile.backgroundImage.data.attributes.url),\"alt\":menuTile.backgroundImage.data.attributes.alternativeText}}):_vm._e(),_c('div',{staticClass:\"content\",class:{'dark': !menuTile.backgroundImage}},[(menuTile.titleLinkType)?_c('a',{attrs:{\"href\":_vm.url(menuTile, menuTile.titleLinkType),\"target\":_vm.target(menuTile, menuTile.titleLinkType)}},[_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.localize(menuTile.title)))])]):_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.localize(menuTile.title)))]),_c('div',{staticClass:\"menu-items\"},_vm._l((menuTile.menuItems),function(menuItem){return _c('a',{staticClass:\"menu-item\",attrs:{\"href\":_vm.url(menuItem),\"target\":_vm.target(menuItem)}},[_vm._v(\" \"+_vm._s(_vm.localize(menuItem.title))+\" \")])}),0)])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div :id=\"cmsBlock.anchorTag\" class=\"menu-tiles\">\n        <div v-for=\"menuTile in cmsBlock.menuTiles\" class=\"menu-tile\">\n            <img\n                v-if=\"menuTile.backgroundImage\"\n                class=\"background\" \n                :src=\"getImageUrl(menuTile.backgroundImage.data.attributes.url)\"\n                :alt=\"menuTile.backgroundImage.data.attributes.alternativeText\"\n            />\n            <div class=\"content\" :class=\"{'dark': !menuTile.backgroundImage}\">\n                <a\n                    v-if=\"menuTile.titleLinkType\"\n                    :href=\"url(menuTile, menuTile.titleLinkType)\"\n                    :target=\"target(menuTile, menuTile.titleLinkType)\"\n                >\n                    <h3 class=\"title\">{{ localize(menuTile.title) }}</h3>\n                </a>\n                <h3 v-else class=\"title\">{{ localize(menuTile.title) }}</h3>\n                <div class=\"menu-items\">\n                    <a\n                        class=\"menu-item\"\n                        v-for=\"menuItem in menuTile.menuItems\"\n                        :href=\"url(menuItem)\"\n                        :target=\"target(menuItem)\"\n                    >\n                        {{ localize(menuItem.title) }}\n                    </a>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    export default {\n        name: 'TiledMenu',\n\n        props: [\n            'cmsBlock'\n        ],\n\n        methods: {\n            url(menuItem, linkType = null) {\n                if(!linkType) {\n                    linkType = menuItem.linkType\n                }\n                switch(linkType){\n                    case 'internal':\n                        return menuItem.internalUrl\n                    case 'external': \n                        return this.localize(menuItem.externalUrl)\n                    case 'anchor':\n                        return menuItem.anchor\n                }\n            },\n\n            target(menuItem, linkType = null) {\n                if(!linkType) {\n                    linkType = menuItem.linkType\n                }\n                switch(linkType){\n                    case 'external':\n                        return '_blank'\n                    default:\n                        return '_self'\n                }\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n    .menu-tiles {\n        display: grid;\n        grid-template-columns: 1fr 1fr 1fr;\n\n        @include breakpoint('mobile') {\n            grid-template-columns: 1fr;\n        }\n\n        .menu-tile {\n            height: 458px;\n            position: relative;\n            overflow: hidden;\n            background: $lightGrey;\n\n            @include breakpoint('mobile') {\n                height: 300px;\n                padding-top: 50px;\n            }\n\n            .background {\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n\n            .content {\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                padding-top: 80px;\n\n                @include breakpoint('mobile') {\n                    padding-top: 55px;\n                }\n\n                &.dark {\n                    color: $timberGreen;\n\n                    a {\n                        color: $timberGreen;\n                    }\n                }\n\n                .title {\n                    width: 100%;\n                    text-align: center;\n                    hyphens: auto;\n                    color: inherit;\n                    font-size: getFontSize('textHeader', 'desktop');\n\n                    @include breakpoint('tablet') {\n                        font-size: getFontSize('textHeader', 'tablet');\n                    }\n                    @include breakpoint('mobile') {\n                        font-size: getFontSize('textHeader', 'mobile');\n                        margin-bottom: 4px;\n                    }\n                }\n\n                .menu-items {\n                    display: flex;\n                    flex-direction: column;\n                    width: 100%;\n                    align-items: center;\n                    justify-content: center;\n\n                    .menu-item {\n                        line-height: 40px;\n                        color: inherit;\n                        font-weight: bold;\n                        font-size: getFontSize('smallText', 'desktop');\n\n                        @include breakpoint('tablet') {\n                            font-size: getFontSize('smallText', 'tablet');\n                        }\n                        @include breakpoint('mobile') {\n                            font-size: getFontSize('smallText', 'mobile');\n                            line-height: 30px;\n                        }\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!./TiledMenu.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!./TiledMenu.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TiledMenu.vue?vue&type=template&id=2e53547a&scoped=true\"\nimport script from \"./TiledMenu.vue?vue&type=script&lang=js\"\nexport * from \"./TiledMenu.vue?vue&type=script&lang=js\"\nimport style0 from \"./TiledMenu.vue?vue&type=style&index=0&id=2e53547a&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  \"2e53547a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}