{"version":3,"sources":["webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/Slider.vue?260f","webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/Slider.vue?1b40","webpack:///../../mu-plugins/ruter-base/src/components/blocks/Slider.vue","webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/Slider.vue?f45c","webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/Slider.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","class","fadeOnChange","attrs","carouselId","on","pageChange","_l","data","slide","slideIndex","key","image","src","srcset","alt","onImgLoad","_v","_s","caption","_e","currentSlide","slides","length","staticRenderFns","component"],"mappings":"iHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,gCAAgC,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,WAAW,CAACG,IAAI,WAAWC,MAAM,CAAC,CACnR,iBAAmBR,EAAIS,eACxBC,MAAM,CAAC,GAAKV,EAAIW,WAAW,QAAU,EAAE,mBAAoB,EAAM,mBAAoB,EAAK,oBAAsB,gDAAkD,oBAAsB,gDAAkDC,GAAG,CAAC,WAAaZ,EAAIa,aAAab,EAAIc,GAAId,EAAIe,KAAW,QAAE,SAASC,EAAMC,GAAY,OAAOb,EAAG,QAAQ,CAACc,IAAIlB,EAAIW,WAAa,UAAYM,GAAY,CAACb,EAAG,SAAS,CAACA,EAAG,MAAM,CAACM,MAAM,CAAC,IAAMM,EAAMG,MAAMC,IAAI,OAASJ,EAAMG,MAAME,OAAO,IAAML,EAAMG,MAAMG,KAAKV,GAAG,CAAC,KAAOZ,EAAIuB,aAAcP,EAAa,QAAEZ,EAAG,aAAa,CAACJ,EAAIwB,GAAGxB,EAAIyB,GAAGT,EAAMU,YAAY1B,EAAI2B,YAAW,GAAGvB,EAAG,OAAO,CAACG,IAAI,gBAAgBD,YAAY,wBAAwB,CAACN,EAAIwB,GAAG,qBAAqBxB,EAAIyB,GAAGzB,EAAI4B,cAAc,MAAM5B,EAAIyB,GAAGzB,EAAIe,KAAKc,OAAOC,QAAQ,qBAAqB,QACzxBC,EAAkB,G,YC6CtB,GACE,MAAF,SACE,KAFF,WAGI,MAAJ,CACM,aAAN,EACM,cAAN,EACM,QAAN,OAGE,WAAF,CACI,SAAJ,cACI,MAAJ,YAEE,SAAF,CACI,WADJ,WAEM,OAAN,qDAEI,WAJJ,WAKM,OAAN,qCAGE,QAAF,CACI,mBADJ,WAEM,IAAN,yBACM,KAAN,oCACM,IAAN,kCACA,mCACA,iCACA,6DAEM,KAAN,oDAEM,IAAN,iDACA,yBACQ,EAAR,oCAGM,KAAN,oCAEA,iBACQ,KAAR,uCAGI,WAtBJ,WAuBM,KAAN,gBACM,KAAN,+CACM,KAAN,sBAEI,UA3BJ,WA4BM,KAAN,sBAEI,mBA9BJ,WA8BM,IAAN,OACM,aAAN,cACM,KAAN,+BACQ,EAAR,uBACA,OAGE,QA1DF,WA2DI,KAAJ,qBACI,OAAJ,oDAEE,cA9DF,WA+DI,OAAJ,wDC/Gqf,I,wBCQjfC,EAAY,eACd,EACAjC,EACAgC,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/blocks.Slider-legacy.c6e3162e.js","sourcesContent":["export * from \"-!../../../../../themes/aarsrapport-2021/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../themes/aarsrapport-2021/node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../themes/aarsrapport-2021/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../themes/aarsrapport-2021/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../themes/aarsrapport-2021/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../themes/aarsrapport-2021/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../themes/aarsrapport-2021/node_modules/vue-loader/lib/index.js??vue-loader-options!./Slider.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"block-wrapper slider-section\"},[_c('div',{staticClass:\"row align-center\"},[_c('div',{staticClass:\"columns small-12 medium-8 large-6\"},[_c('carousel',{ref:\"carousel\",class:[{\n                    'fade-on-change' : _vm.fadeOnChange\n                }],attrs:{\"id\":_vm.carouselId,\"perPage\":1,\"paginationEnabled\":false,\"navigationEnabled\":true,\"navigationNextLabel\":'<span class=\\'screen-reader-only\\'>Neste</span>',\"navigationPrevLabel\":'<span class=\\'screen-reader-only\\'>Prev</span>'},on:{\"pageChange\":_vm.pageChange}},_vm._l((_vm.data.slides),function(slide,slideIndex){return _c('slide',{key:_vm.carouselId + '-slide-' + slideIndex},[_c('figure',[_c('img',{attrs:{\"src\":slide.image.src,\"srcset\":slide.image.srcset,\"alt\":slide.image.alt},on:{\"load\":_vm.onImgLoad}}),(slide.caption)?_c('figcaption',[_vm._v(_vm._s(slide.caption))]):_vm._e()])])}),1),_c('span',{ref:\"carouselCount\",staticClass:\"carousel-slide-count\"},[_vm._v(\"\\n                \"+_vm._s(_vm.currentSlide)+\" / \"+_vm._s(_vm.data.slides.length)+\"\\n            \")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <section class=\"block-wrapper slider-section\">\n        <div class=\"row align-center\">\n            <div class=\"columns small-12 medium-8 large-6\">\n                <carousel \n                    ref=\"carousel\"\n                    :id=\"carouselId\"\n                    :perPage=\"1\" \n                    :paginationEnabled=\"false\"\n                    :navigationEnabled=\"true\"\n                    :navigationNextLabel=\"'<span class=\\'screen-reader-only\\'>Neste</span>'\" \n                    :navigationPrevLabel=\"'<span class=\\'screen-reader-only\\'>Prev</span>'\" \n                    :class=\"[{\n                        'fade-on-change' : fadeOnChange\n                    }]\"\n                     v-on:pageChange=\"pageChange\">\n                    <slide v-for=\"(slide, slideIndex) in data.slides\" \n                        :key=\"carouselId + '-slide-' + slideIndex\">\n                        <figure>\n                            <img \n                                :src=\"slide.image.src\"\n                                :srcset=\"slide.image.srcset\" \n                                :alt=\"slide.image.alt\"\n                                @load=\"onImgLoad\" />\n                            <figcaption v-if=\"slide.caption\">{{ slide.caption }}</figcaption>\n                        </figure>\n                    </slide>\n                </carousel>\n                <span \n                    ref=\"carouselCount\" \n                    class=\"carousel-slide-count\">\n                    {{ currentSlide }} / {{ data.slides.length }}\n                </span>\n            </div>\n        </div>\n    </section>\n</template>\n\n<style lang=\"scss\">\n    @import \"../../styles/scss/component/slider\";\n</style>\n\n<script>\n    import {\n        Carousel,\n        Slide, \n    } from 'vue-carousel';\n\n    export default {\n        props: ['data'],\n        data() {\n            return {\n                currentSlide: 1,\n                fadeOnChange: false,\n                timeout: null,\n            }\n        },\n        components: {\n            Carousel,\n            Slide,\n        },\n        computed: {\n            slideCount() {\n                return JSON.parse(JSON.stringify(this.data.slides)).length;\n            },\n            carouselId() {\n                return this.data.component_id + '-carousel';\n            }\n        },\n        methods: {\n            repositionNavItems() {\n                const isMobile = (window.innerWidth<1024);\n                this.$refs.carousel.currentHeight = 'auto';\n                const activeIndex = this.$refs.carousel.currentPage;\n                const activeSlide = this.$refs.carousel.$children[activeIndex];\n                const slideHeight = activeSlide.$el.children[0].clientHeight;\n                const figcaptionHeight = activeSlide.$el.children[0].querySelector('figcaption').clientHeight;\n\n                this.$refs.carouselCount.style.bottom = (isMobile) ? 'auto' : (figcaptionHeight + 25) + 'px';\n\n                const slideNav = this.$refs.carousel.$children[this.slideCount];\n                if (typeof slideNav !== 'undefined') {\n                    slideNav.$el.style.bottom = (isMobile) ? '0px' : (figcaptionHeight - 60) + 'px';\n                }\n\n                this.$refs.carousel.currentHeight = slideHeight + 'px';\n\n                if (isMobile && this.visible) {\n                    this.$scrollTo(this.data.component_id, 500);\n                }\n            },\n            pageChange() {\n                this.fadeOnChange = true;\n                this.currentSlide = this.$refs.carousel.currentPage + 1;\n                this.repositionNavItems();\n            },\n            onImgLoad() {\n                this.handleWindowResize();\n            },\n            handleWindowResize() {\n                clearTimeout(this.timeout);\n                this.timeout = setTimeout(() => {\n                    this.repositionNavItems();\n                }, 150);\n            }\n        },\n        mounted() {\n            this.repositionNavItems();\n            window.addEventListener('resize', this.handleWindowResize);\n        },\n        beforeDestroy() {\n            window.removeEventListener('resize', this.handleWindowResize);\n        }\n    }\n</script>","import mod from \"-!../../../../../themes/aarsrapport-2021/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../themes/aarsrapport-2021/node_modules/thread-loader/dist/cjs.js!../../../../../themes/aarsrapport-2021/node_modules/babel-loader/lib/index.js!../../../../../themes/aarsrapport-2021/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../themes/aarsrapport-2021/node_modules/vue-loader/lib/index.js??vue-loader-options!./Slider.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../themes/aarsrapport-2021/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../themes/aarsrapport-2021/node_modules/thread-loader/dist/cjs.js!../../../../../themes/aarsrapport-2021/node_modules/babel-loader/lib/index.js!../../../../../themes/aarsrapport-2021/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../themes/aarsrapport-2021/node_modules/vue-loader/lib/index.js??vue-loader-options!./Slider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Slider.vue?vue&type=template&id=4b7f06d1&\"\nimport script from \"./Slider.vue?vue&type=script&lang=js&\"\nexport * from \"./Slider.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Slider.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../themes/aarsrapport-2021/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}