{"version":3,"sources":["webpack:///./src/events.js","webpack:///./src/components/PageBuilder/Elements/TextTile.vue?cc6e","webpack:///./src/assets/plus_white.svg","webpack:///./src/components/PageBuilder/Elements/TextTile.vue?d20a","webpack:///./src/components/PageBuilder/TextTiles.vue?4b21","webpack:///./src/components/PageBuilder/TextTiles.vue","webpack:///./src/components/PageBuilder/Elements/TextTile.vue","webpack:///src/components/PageBuilder/Elements/TextTile.vue","webpack:///./src/components/PageBuilder/Elements/TextTile.vue?083c","webpack:///./src/components/PageBuilder/Elements/TextTile.vue?b173","webpack:///src/components/PageBuilder/TextTiles.vue","webpack:///./src/components/PageBuilder/TextTiles.vue?4890","webpack:///./src/components/PageBuilder/TextTiles.vue?f05c"],"names":["ToggleTextTile","constructor","component","this","ToggleTeamMember","ToggleSelectField","ResetEventFilters","ApplyEventFilters","formats","targetGroups","format","targetGroup","module","exports","render","_vm","_c","_self","staticClass","attrs","cmsBlock","anchorTag","_l","tiles","tile","key","id","staticRenderFns","class","open","on","toggle","_v","_s","localize","title","domProps","md","text","require","name","props","data","eventListeners","event","handler","methods","EventBus","publish","window","innerWidth","components","TextTile"],"mappings":"gHAAA,0KAIO,MAAMA,EACTC,YAAYC,GACRC,KAAKD,UAAYA,GAIlB,MAAME,EACTH,YAAYC,GACRC,KAAKD,UAAYA,GAIlB,MAAMG,EACTJ,YAAYC,GACRC,KAAKD,UAAYA,GAIlB,MAAMI,GAEN,MAAMC,EACTN,YAAYO,EAASC,GACjBN,KAAKO,OAASF,EACdL,KAAKQ,YAAcF,K,oCC3B3B,W,8CCAAG,EAAOC,QAAU,IAA0B,+B,kFCA3C,W,kCCAA,W,yCCAA,IAAIC,EAAS,WAAkB,IAAIC,EAAIZ,KAAKa,EAAGD,EAAIE,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,4BAA4BC,MAAM,CAAC,GAAKJ,EAAIK,SAASC,YAAY,CAACL,EAAG,MAAM,CAACE,YAAY,SAASH,EAAIO,GAAIP,EAAIK,SAASG,OAAO,SAASC,GAAM,OAAOR,EAAG,WAAW,CAACS,IAAID,EAAKE,GAAGP,MAAM,CAAC,KAAOK,QAAU,MAE/RG,EAAkB,GCFlBb,EAAS,WAAkB,IAAIC,EAAIZ,KAAKa,EAAGD,EAAIE,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAOU,MAAM,CAACC,KAAMd,EAAIc,MAAMC,GAAG,CAAC,MAAQf,EAAIgB,SAAS,CAACf,EAAG,MAAM,CAACE,YAAY,QAAQU,MAAM,CAACC,KAAMd,EAAIc,OAAO,CAACd,EAAIiB,GAAG,IAAIjB,EAAIkB,GAAGlB,EAAImB,SAASnB,EAAIS,KAAKW,QAAQ,OAAOnB,EAAG,MAAM,CAACE,YAAY,OAAOU,MAAM,CAACC,KAAMd,EAAIc,MAAMO,SAAS,CAAC,UAAYrB,EAAIkB,GAAGlB,EAAIsB,GAAGtB,EAAImB,SAASnB,EAAIS,KAAKc,WAAWtB,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOU,MAAM,CAACC,KAAMd,EAAIc,MAAMV,MAAM,CAAC,IAAMoB,EAAQ,WAAqBvB,EAAG,MAAM,CAACE,YAAY,aAAaU,MAAM,CAACC,KAAMd,EAAIc,MAAMV,MAAM,CAAC,IAAMoB,EAAQ,gBAE/kBZ,EAAkB,G,wBCetB,GACAa,KAAA,WAEAC,MAAA,CACA,QAGAC,OACA,OACAb,MAAA,IAIAc,eAAA,CACA,CACAC,MAAA5C,OACA6C,QAAAD,GACAA,EAAA1C,WAAA,OACA,KAAA2B,MAAA,MAMAiB,QAAA,CACAf,SACAgB,OAAAC,QAAA,IAAAhD,OAAA,OACAiD,OAAAC,WAAA,OACA,KAAArB,MAAA,KAAAA,SC7C+W,I,kCCS3W3B,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCTf,GACAsC,KAAA,YAEAC,MAAA,CACA,YAGAU,WAAA,CACAC,aCnBiW,ICQ7V,G,UAAY,eACd,EACAtC,EACAa,GACA,EACA,KACA,WACA,OAIa,e","file":"js/chunk-cccc56d6.7e425fe4.js","sourcesContent":["//#############################################################################\n//Available Events for the Event Bus System\n//#############################################################################\n\nexport class ToggleTextTile {\n    constructor(component){\n        this.component = component\n    }\n}\n\nexport class ToggleTeamMember {\n    constructor(component){\n        this.component = component\n    }\n}\n\nexport class ToggleSelectField {\n    constructor(component) {\n        this.component = component\n    }\n}\n\nexport class ResetEventFilters {}\n\nexport class ApplyEventFilters {\n    constructor(formats, targetGroups){\n        this.format = formats\n        this.targetGroup = targetGroups\n    }\n}\n","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!./TextTile.vue?vue&type=style&index=1&id=03bfc724&prod&lang=scss\"","module.exports = __webpack_public_path__ + \"img/plus_white.4b752ea2.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!./TextTile.vue?vue&type=style&index=0&id=03bfc724&prod&lang=scss&scoped=true\"","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!./TextTiles.vue?vue&type=style&index=0&id=7b564943&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"component-container white\",attrs:{\"id\":_vm.cmsBlock.anchorTag}},[_c('div',{staticClass:\"tiles\"},_vm._l((_vm.cmsBlock.tiles),function(tile){return _c('TextTile',{key:tile.id,attrs:{\"tile\":tile}})}),1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tile\",class:{open: _vm.open},on:{\"click\":_vm.toggle}},[_c('div',{staticClass:\"title\",class:{open: _vm.open}},[_vm._v(\" \"+_vm._s(_vm.localize(_vm.tile.title))+\" \")]),_c('div',{staticClass:\"text\",class:{open: _vm.open},domProps:{\"innerHTML\":_vm._s(_vm.md(_vm.localize(_vm.tile.text)))}}),_c('div',{staticClass:\"plus-button-wrapper\"},[_c('img',{staticClass:\"plus\",class:{open: _vm.open},attrs:{\"src\":require(\"@/assets/x.svg\")}}),_c('img',{staticClass:\"plus light\",class:{open: _vm.open},attrs:{\"src\":require(\"@/assets/plus_white.svg\")}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"tile\" v-on:click=\"toggle\" :class=\"{open: open}\">\n        <div class=\"title\" :class=\"{open: open}\">\n            {{ localize(tile.title) }}\n        </div>\n        <div class=\"text\" :class=\"{open: open}\" v-html=\"md(localize(tile.text))\"></div>\n        <div class=\"plus-button-wrapper\">\n            <img class=\"plus\" :class=\"{open: open}\" src=\"@/assets/x.svg\"/>\n            <img class=\"plus light\" :class=\"{open: open}\" src=\"@/assets/plus_white.svg\"/>\n        </div>\n    </div>\n</template>\n\n<script>\n    import { EventBus } from '@/event-bus'\n    import { ToggleTextTile } from '@/events'\n\n    export default {\n        name: 'TextTile',\n\n        props: [\n            'tile'\n        ],\n\n        data() {\n            return {\n                open: false\n            }\n        },\n\n        eventListeners: [\n            {\n                event: ToggleTextTile,\n                handler(event){\n                    if(event.component != this){\n                        this.open = false\n                    }\n                }\n            }\n        ],\n\n        methods: {\n            toggle() {\n                EventBus.publish(new ToggleTextTile(this))\n                if(window.innerWidth < 1600){\n                    this.open = !this.open\n                }\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n    $scrollbarPadding: 20px;\n\n    @mixin openTile {\n        background: $timberGreen;\n        color:white !important;\n    }\n\n    @mixin openPlus {\n        transform: rotate(0deg);\n\n        &.dark {\n            display: none;\n        }\n\n        &.light {\n            display: block;\n        }\n    }\n\n    @mixin openTitle {\n        font-family: getFontFamily('defaultText');\n        font-size: getFontSize('defaultText', 'desktop');\n        color: white;\n        text-transform: uppercase;\n    }\n\n    @mixin openText {\n        display: block;\n    }\n\n    .tile {\n        background: white;\n        height: calc(500px - 120px);\n        width: calc(100% - 120px);\n        position: relative;\n        color: $timberGreen;\n        overflow: hidden;\n        padding-top: 40px;\n        padding-left: 60px;\n        padding-right: 60px;\n        padding-bottom: 80px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        flex-direction: column;\n        hyphens: auto;\n\n        @include breakpoint('tablet') {\n            padding-top: 30px;\n            padding-left: 40px;\n            padding-right: 40px;\n            height: calc(500px - 110px);\n            width: calc(100% - 80px);\n        }\n        @include breakpoint('mobile') {\n            padding-top: 20px;\n            padding-left: 30px;\n            padding-right: 30px;\n            height: calc(400px - 100px);\n            width: calc(100% - 60px);\n        }\n\n        &:nth-child(odd) {\n            background: $lightGrey;\n        }\n        \n        &.open {\n            @include openTile;\n        }\n\n        .title {\n            font-family: getFontFamily('textHeader');\n            font-size: getFontSize('textHeader', 'desktop');\n            color: $timberGreen;\n\n            @include breakpoint('tablet') {\n                font-size: getFontSize('textHeader', 'tablet');\n            }\n            @include breakpoint('mobile') {\n                font-size: getFontSize('textHeader', 'mobile');\n            }\n\n            &.open {\n                @include openTitle;\n            }\n        }\n\n        .text {\n            display: none;\n            color: white;\n            text-align: start;\n            overflow-y: scroll;\n            padding-top: 20px;\n\n            &.open {\n                @include openText;\n            }\n        }\n\n        .plus-button-wrapper {\n            margin-top: 10px;\n            padding-right: $scrollbarPadding;\n            position: absolute;\n            bottom: 50px;\n            width: calc(100% - 200px);\n            display: flex;\n            justify-content: center;\n\n            .plus {\n                transform: rotate(45deg);\n                width: 20px;\n                height: 20px;\n                cursor: pointer;\n\n                &.dark {\n                    display: block;\n                }\n                &.light {\n                    display: none;\n                }\n\n                &.open {\n                    @include openPlus;\n                }\n\n                &:hover {\n                    opacity: 0.75;\n                }\n            }\n        }\n\n        @include breakpointAbove('tablet') {\n\n            &:hover {\n                @include openTile;\n\n                .title {\n                    @include openTitle;\n                }\n\n                .text {\n                    @include openText;\n                }\n\n                .plus-button-wrapper {\n                    .plus {\n                        @include openPlus;\n                    }\n                }\n            }\n        }\n    }\n</style>\n\n<style lang=\"scss\">\n    .tile {\n        .text {\n            p {\n                color: white;\n                font-family: getFontFamily('smallText');\n                font-size: getFontSize('smallText', 'desktop');\n                font-style: getFontStyle('smallText');\n\n                @include breakpoint('tablet') {\n                    font-size: getFontSize('smallText', 'tablet');\n                }\n                @include breakpoint('mobile') {\n                    font-size: getFontSize('smallText', 'mobile');\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!./TextTile.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!./TextTile.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TextTile.vue?vue&type=template&id=03bfc724&scoped=true\"\nimport script from \"./TextTile.vue?vue&type=script&lang=js\"\nexport * from \"./TextTile.vue?vue&type=script&lang=js\"\nimport style0 from \"./TextTile.vue?vue&type=style&index=0&id=03bfc724&prod&lang=scss&scoped=true\"\nimport style1 from \"./TextTile.vue?vue&type=style&index=1&id=03bfc724&prod&lang=scss\"\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  \"03bfc724\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <section :id=\"cmsBlock.anchorTag\" class=\"component-container white\">\n        <div class=\"tiles\">\n            <TextTile v-for=\"tile in cmsBlock.tiles\" :key=\"tile.id\" :tile=\"tile\"/>\n        </div>\n    </section>\n</template>\n\n<script>\n    import TextTile from '@/components/PageBuilder/Elements/TextTile'\n\n    export default {\n        name: 'TextTiles',\n\n        props: [\n            'cmsBlock'\n        ],\n\n        components: {\n            TextTile\n        }\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n.component-container {\n\n    .tiles {\n        width: 100%;\n        max-width: $container-width;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 1fr 1fr;\n\n        @include breakpoint('mobile') {\n            grid-template-columns: 1fr;\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!./TextTiles.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!./TextTiles.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TextTiles.vue?vue&type=template&id=7b564943&scoped=true\"\nimport script from \"./TextTiles.vue?vue&type=script&lang=js\"\nexport * from \"./TextTiles.vue?vue&type=script&lang=js\"\nimport style0 from \"./TextTiles.vue?vue&type=style&index=0&id=7b564943&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  \"7b564943\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}