{"version":3,"sources":["webpack:///./src/components/PageBuilder/StartupSlider.vue?4551","webpack:///./src/components/PageBuilder/StartupSlider.vue","webpack:///src/components/PageBuilder/StartupSlider.vue","webpack:///./src/components/PageBuilder/StartupSlider.vue?1cbb","webpack:///./src/components/PageBuilder/StartupSlider.vue?f6b9"],"names":["render","_vm","this","_c","_self","staticClass","attrs","cmsBlock","anchorTag","ref","_l","startupSlides","slide","index","key","id","Object","entries","srcsets","format","set","originalFormats","slice","_e","image","data","attributes","alternativeText","on","onImgLoad","hasCopyright","isMobile","copyright","getImageUrl","logo","url","localizeAlt","domProps","_s","md","prevSlide","require","nextSlide","staticRenderFns","name","props","components","Copyright","slider","computed","push","getImageSrcsets","hasWebp","hasWebps","srcset","_","mounted","self","$nextTick","Flickity","$refs","prevNextButtons","pageDots","autoPlay","wrapAround","pauseAutoPlayOnHover","imagesLoaded","methods","resize","length","previous","next","slideActive","active","selectedIndex","selectSlide","select","component"],"mappings":"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","file":"js/chunk-101eeec2.c490cfb8.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!./StartupSlider.vue?vue&type=style&index=0&id=1251527c&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"component-container white\"},[_c('div',{staticClass:\"startup-slider-wrapper dark\",attrs:{\"id\":_vm.cmsBlock.anchorTag}},[_c('div',{ref:\"slider\",staticClass:\"startup-slider\"},_vm._l((_vm.cmsBlock.startupSlides),function(slide,index){return _c('div',{key:slide.id,staticClass:\"slide\"},[_c('div',{staticClass:\"slide-image-container\"},[_c('picture',[_vm._l((Object.entries(_vm.srcsets[index])),function([format, set]){return [(format !== _vm.originalFormats[index])?_c('source',{attrs:{\"srcset\":set,\"sizes\":\"(max-width: 1200px) 90vw, 50vw\",\"type\":'image/' + format.slice(1)}}):_vm._e()]}),_c('img',{staticClass:\"slide-image\",attrs:{\"loading\":\"lazy\",\"decoding\":\"async\",\"srcset\":_vm.srcsets[index][_vm.originalFormats[index]],\"type\":'image/' + _vm.originalFormats[index].slice(1),\"sizes\":\"(max-width: 1200px) 90vw, 50vw\",\"alt\":slide.image.data.attributes.alternativeText},on:{\"load\":_vm.onImgLoad}})],2),(_vm.hasCopyright(slide) && _vm.isMobile())?_c('Copyright',{attrs:{\"text\":slide.copyright}}):_vm._e()],1),_c('div',{staticClass:\"slide-details-wrapper\"},[_c('div',{staticClass:\"slide-details-content\"},[_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"loading\":\"lazy\",\"decoding\":\"async\",\"src\":_vm.getImageUrl(slide.logo.data.attributes.url),\"alt\":slide.logo.data.attributes.alternativeText}})]),(_vm.localizeAlt(slide, 'text'))?_c('div',{staticClass:\"slide-text\",domProps:{\"innerHTML\":_vm._s(_vm.md(_vm.localizeAlt(slide, 'text')))}}):_vm._e()])]),(_vm.hasCopyright(slide) && !_vm.isMobile())?_c('Copyright',{attrs:{\"text\":slide.copyright}}):_vm._e()],1)}),0),_c('div',{staticClass:\"slider-ui\"},[_c('div',{staticClass:\"slider-arrows\"},[_c('div',{staticClass:\"slider-prev\",on:{\"click\":_vm.prevSlide}},[_c('img',{attrs:{\"src\":require(\"@/assets/arrow_left.svg\"),\"width\":\"21px\",\"height\":\"40px\",\"alt\":\"Previous Slide\"}})]),_c('div',{staticClass:\"slider-next\",on:{\"click\":_vm.nextSlide}},[_c('img',{attrs:{\"src\":require(\"@/assets/arrow_right.svg\"),\"width\":\"21px\",\"height\":\"40px\",\"alt\":\"Next Slide\"}})])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"component-container white\">\n        <div :id=\"cmsBlock.anchorTag\" class=\"startup-slider-wrapper dark\">\n            <div class=\"startup-slider\" ref=\"slider\">\n                <div class=\"slide\" v-for=\"(slide, index) in cmsBlock.startupSlides\" :key=\"slide.id\">\n                    <div class=\"slide-image-container\">\n                        <picture>\n                            <template v-for=\"[format, set] of Object.entries(srcsets[index])\">\n                                <source v-if=\"format !== originalFormats[index]\" :srcset=\"set\" sizes=\"(max-width: 1200px) 90vw, 50vw\"\n                                    :type=\"'image/' + format.slice(1)\">\n                            </template>\n                            <img class=\"slide-image\" loading=\"lazy\" decoding=\"async\" :srcset=\"srcsets[index][originalFormats[index]]\" @load=\"onImgLoad\"\n                                :type=\"'image/' + originalFormats[index].slice(1)\" sizes=\"(max-width: 1200px) 90vw, 50vw\"\n                                :alt=\"slide.image.data.attributes.alternativeText\">\n                        </picture>\n                        <Copyright v-if=\"hasCopyright(slide) && isMobile()\" :text=\"slide.copyright\" />\n                    </div>\n                    <div class=\"slide-details-wrapper\">\n                        <div class=\"slide-details-content\">\n                            <div class=\"logo\">\n                                <img loading=\"lazy\" decoding=\"async\" :src=\"getImageUrl(slide.logo.data.attributes.url)\"\n                                    :alt=\"slide.logo.data.attributes.alternativeText\" />\n                            </div>\n                            <div class=\"slide-text\" v-if=\"localizeAlt(slide, 'text')\"\n                                v-html=\"md(localizeAlt(slide, 'text'))\"></div>\n                        </div>\n                    </div>\n                    <Copyright v-if=\"hasCopyright(slide) && !isMobile()\" :text=\"slide.copyright\" />\n                </div>\n            </div>\n            <div class=\"slider-ui\">\n                <div class=\"slider-arrows\">\n                    <div class=\"slider-prev\" v-on:click=\"prevSlide\">\n                        <img src=\"@/assets/arrow_left.svg\" width=\"21px\" height=\"40px\" alt=\"Previous Slide\" />\n                    </div>\n                    <div class=\"slider-next\" v-on:click=\"nextSlide\">\n                        <img src=\"@/assets/arrow_right.svg\" width=\"21px\" height=\"40px\" alt=\"Next Slide\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport Flickity from 'flickity'\nimport Copyright from '@/components/PageBuilder/Elements/Copyright'\nimport { isMobile } from '@/helper'\n\nexport default {\n    name: 'StartupSlider',\n\n    props: [\n        'cmsBlock'\n    ],\n\n    components: {\n        Copyright\n    },\n\n    data() {\n        return {\n            slider: null\n        }\n    },\n\n    computed: {\n        srcsets() {\n            let srcsets = []\n            for (const slide of this.cmsBlock.startupSlides) {\n                srcsets.push(this.getImageSrcsets(slide.image.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    mounted() {\n        var self = this\n        this.$nextTick(() => {\n            self.slider = new Flickity(self.$refs.slider, {\n                prevNextButtons: false,\n                pageDots: true,\n                autoPlay: 7000, // 7000\n                wrapAround: true,\n                pauseAutoPlayOnHover: false,\n                imagesLoaded: true\n            })\n        })\n    },\n\n    methods: {\n        onImgLoad() {\n            this.slider.resize()\n        },\n\n        hasCopyright(slide) {\n            return slide.copyright ? slide.copyright.length > 0 : false\n        },\n\n        isMobile: isMobile,\n\n        prevSlide() {\n            this.slider.previous()\n        },\n\n        nextSlide() {\n            this.slider.next()\n        },\n\n        slideActive(slide) {\n            if (this.slider) {\n                return {\n                    active: this.slider.selectedIndex == slide - 1\n                }\n            }\n        },\n\n        selectSlide(slide) {\n            this.slider.select(slide - 1)\n        }\n\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.component-container {\n    .startup-slider-wrapper {\n        position: relative;\n        max-width: $container-width;\n        margin: 0 auto;\n        height: unset;\n        aspect-ratio: 16/9;\n        overflow: hidden;\n\n        @include breakpoint('mobile') {\n            aspect-ratio: unset;\n            height: 625px;\n        }\n\n        .startup-slider {\n            overflow: hidden;\n            position: relative;\n            height: 100%;\n\n            ::v-deep .flickity-viewport {\n                height: 100% !important;\n\n                .flickity-slider {\n                    height: 100% !important;\n                }\n\n\n                .slide {\n                    position: relative;\n                    width: 100%;\n                    height: 100%;\n                    overflow: hidden;\n\n                    .slide-image-container {\n                        position: relative;\n                        height: 100%; //900px; //1440px\n                        width: 100%;\n\n                        @include breakpoint('mobile') {\n                            height: unset;\n                            aspect-ratio: 16/9;\n                        }\n\n                        /*@include breakpoint('max-width') {\n                        height: 900px;\n                    }\n\n                    @include breakpoint('tablet') {\n                        height: 711px;\n                    }\n\n                    @include breakpoint('tablet-xs') {\n                        height: 533px;\n                    }\n\n                    @include breakpoint('mobile') {\n                        height: 430px;\n                    }\n\n                    @include breakpoint('mobile-xs') {\n                        height: 242px;\n                    }*/\n\n                        .slide-image {\n                            width: 100%;\n                            height: 100%;\n                            object-fit: cover;\n                        }\n                    }\n\n\n\n                    .slide-details-wrapper {\n                        position: absolute;\n                        bottom: 0;\n                        left: 0;\n                        right: 0;\n                        display: flex;\n                        background: rgba(0, 0, 0, 0.5);\n                        padding: getSpacing('padding-default-horizontal', 'mobile');\n                        padding-bottom: calc(getSpacing('padding-default-horizontal', 'mobile') + 34px);\n                        /*\n                    @include breakpoint('tablet') {\n                        padding: 30px;\n                        padding-bottom: 60px;\n                    }*/\n\n                        @include breakpoint('mobile') {\n                            position: relative;\n                            background: $timberGreen;\n                        }\n\n                        .slide-details-content {\n                            width: 100%;\n                            margin: 0 auto;\n                            display: flex;\n\n                            @include breakpoint('mobile') {\n                                flex-direction: column;\n                                width: 100%;\n                            }\n\n                            .logo {\n                                display: flex;\n                                align-items: center;\n                                height: 100px;\n                                width: 450px;\n\n                                img {\n                                    height: 100%;\n                                    width: 100%;\n                                    margin: auto;\n                                    display: block;\n                                    object-fit: contain;\n                                    filter: brightness(0) grayscale(1) invert(1);\n                                }\n\n                                @include breakpoint('mobile') {\n                                    justify-content: center;\n                                    height: 75px;\n                                    width: 50%;\n                                    margin: 0 auto;\n                                    margin-bottom: 20px;\n                                }\n\n                                .startup-title {\n                                    font-size: getFontSize('sliderLogoText', 'desktop');\n                                    font-weight: getFontWeight('sliderLogoText');\n                                    font-style: getFontStyle('sliderLogoText');\n                                    font-family: getFontFamily('sliderLogoText');\n                                    margin-left: 20px;\n\n                                    @include breakpoint('tablet') {\n                                        font-size: getFontSize('sliderLogoText', 'tablet');\n                                    }\n\n                                    @include breakpoint('mobile') {\n                                        font-size: getFontSize('sliderLogoText', 'mobile');\n                                    }\n\n                                    .title {\n                                        font-size: getFontSize('sliderLogoTextBold', 'desktop');\n                                        font-weight: getFontWeight('sliderLogoTextBold');\n                                        font-style: getFontStyle('sliderLogoTextBold');\n                                        font-family: getFontFamily('sliderLogoTextBold');\n\n                                        @include breakpoint('tablet') {\n                                            font-size: getFontSize('sliderLogoTextBold', 'tablet');\n                                        }\n\n                                        @include breakpoint('mobile') {\n                                            font-size: getFontSize('sliderLogoTextBold', 'mobile');\n                                        }\n                                    }\n                                }\n                            }\n\n                            .slide-text {\n                                margin-left: 50px;\n\n                                @include breakpoint('mobile') {\n                                    margin-left: 0;\n                                }\n\n                                p {\n                                    font-size: getFontSize('smallText', 'desktop');\n                                    font-family: getFontFamily('smallText');\n                                    text-align: start;\n                                    margin: 5px 0px;\n\n                                    @include breakpoint('tablet') {\n                                        font-size: getFontSize('smallText', 'tablet');\n                                    }\n\n                                    @include breakpoint('mobile') {\n                                        font-size: getFontSize('smallText', 'mobile');\n                                    }\n                                }\n\n                                strong {\n                                    font-size: getFontSize('smallText', 'desktop');\n\n                                    @include breakpoint('tablet') {\n                                        font-size: getFontSize('smallText', 'tablet');\n                                    }\n\n                                    @include breakpoint('mobile') {\n                                        font-size: getFontSize('smallText', 'mobile');\n                                    }\n                                }\n\n                                a {\n                                    font-size: getFontSize('smallText', 'desktop');\n\n                                    @include breakpoint('tablet') {\n                                        font-size: getFontSize('smallText', 'tablet');\n                                    }\n\n                                    @include breakpoint('mobile') {\n                                        font-size: getFontSize('smallText', 'mobile');\n                                    }\n                                }\n                            }\n                        }\n                    }\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!./StartupSlider.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!./StartupSlider.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StartupSlider.vue?vue&type=template&id=1251527c&scoped=true\"\nimport script from \"./StartupSlider.vue?vue&type=script&lang=js\"\nexport * from \"./StartupSlider.vue?vue&type=script&lang=js\"\nimport style0 from \"./StartupSlider.vue?vue&type=style&index=0&id=1251527c&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  \"1251527c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}