{"version":3,"file":"static/js/1344.6244b90b.js","mappings":"8JAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOA,EACL,MACA,CACEE,WAAY,CACV,CACEC,KAAM,qBACNC,QAAS,uBACTC,MAAOP,EAAIQ,yBACXC,WAAY,6BAGhBC,YAAa,iBAEf,CACER,EACE,QACA,CACES,IAAKX,EAAIW,IACTC,MAAOZ,EAAIa,UACXC,MAAO,CAAEC,QAASf,EAAIgB,cACtBC,GAAI,CACFC,aAAclB,EAAImB,mBAClBC,YAAapB,EAAIqB,oBAGrBrB,EAAIsB,GAAGtB,EAAIuB,OAAO,SAAUC,EAAMC,GAChC,OAAOvB,EACL,MACA,CAAEwB,IAAK1B,EAAI2B,KAAOF,GAClB,CAACzB,EAAI4B,GAAG,aAAc,KAAM,CAAEJ,KAAMA,EAAMC,MAAOA,KACjD,EAEJ,IACA,IAGJ,EAEJ,EAEA1B,EAAO8B,eAAgB,E,oCC3C2J,EC0BlL,CACAxB,KAAAA,eAEAyB,MAAAA,CACAP,MAAAA,CAAAQ,KAAAA,MAAAA,QAAAC,UAAAA,GACAjB,QAAAA,CAAAgB,KAAAA,OAAAE,QAAAA,WAAA,WACApB,UAAAA,CAAAkB,KAAAA,OAAAE,QAAAA,UAGAC,OAAAA,CAAAA,EAAAA,GAEAC,WAAAA,CACAC,MAAAA,EAAAA,GAGAC,SAAAA,CACAV,KAAAA,WACA,oBACA,GAGAW,KAAAA,WACA,OACA3B,IAAAA,QACA4B,aAAAA,EACAvB,aAAAA,EAAAA,OAAAA,CAAAA,EAAAA,CACAwB,aAAAA,EACAC,eAAAA,EACAC,KAAAA,EACAC,QAAAA,EACAC,eAAAA,EACAC,gBAAAA,EACAC,MAAAA,IACAC,WAAAA,CACA,CACAC,WAAAA,IACAC,SAAAA,CACAT,aAAAA,EACAC,eAAAA,EACAK,MAAAA,SAOA,cAEA,EAEAI,QAAAA,WACA,0BACA,EAEAC,QAAAA,WACA,+CACA,EAEAC,cAAAA,WACA,gDACA,EAEAC,MAAAA,CACA9B,MAAAA,WACA,aACA,GAGA+B,QAAAA,CACAC,OAAAA,WAAA,WAGA,+BACA,2BACA,wBACA,yBACA,GACA,EAEAC,QAAAA,WACA,oDACA,EAEArC,mBAAAA,SAAAA,EAAAA,EAAAA,EAAAA,GACA,6BACA,EAEAE,kBAAAA,SAAAA,EAAAA,EAAAA,GACA,4BAEA,EAEAoC,gBAAAA,WAAA,WACA,2BACA,WACA,GACA,EAEAC,gBAAAA,WAAAA,ICzGA,GAXgB,E,SAAA,GACd,EACA3D,EHgCoB,IG9BpB,EACA,KACA,KACA,MAI8B,O","sources":["webpack://finnish-art/./src/components/global/SlickSlides.vue","webpack://finnish-art/./src/components/global/SlickSlides.vue?b326","webpack://finnish-art/src/components/global/SlickSlides.vue","webpack://finnish-art/./src/components/global/SlickSlides.vue?ffb5"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      directives: [\n        {\n          name: \"observe-visibility\",\n          rawName: \"v-observe-visibility\",\n          value: _vm.observeVisibilityOptions,\n          expression: \"observeVisibilityOptions\",\n        },\n      ],\n      staticClass: \"slick-wrapper\",\n    },\n    [\n      _c(\n        \"slick\",\n        {\n          ref: _vm.ref,\n          class: _vm.className,\n          attrs: { options: _vm.slickOptions },\n          on: {\n            beforeChange: _vm.handleBeforeChange,\n            afterChange: _vm.handleAfterChange,\n          },\n        },\n        _vm._l(_vm.items, function (item, index) {\n          return _c(\n            \"div\",\n            { key: _vm.rand + index },\n            [_vm._t(\"slide-card\", null, { item: item, index: index })],\n            2\n          )\n        }),\n        0\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SlickSlides.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SlickSlides.vue?vue&type=script&lang=js&\"","<template lang=\"pug\">\ndiv.slick-wrapper(\n    v-observe-visibility=\"observeVisibilityOptions\")\n\n    slick(\n        v-bind:ref=\"ref\"\n        v-bind:options=\"slickOptions\"\n        v-bind:class=\"className\"\n        v-on:beforeChange=\"handleBeforeChange\"\n        v-on:afterChange=\"handleAfterChange\")\n        div(v-for=\"(item, index) in items\" v-bind:key=\"rand + index\")\n            slot(name=\"slide-card\" v-bind:item=\"item\" v-bind:index=\"index\")\n\n    //- div {{ `${currentSlide + 1} / ${items.length}` }}\n\n</template>\n\n<script>\nimport Slick from 'vue-slick';\n\n// Slick carousel styles\nimport 'slick-carousel/slick/slick.css';\nimport 'assets/styles/slick-theme.scss';\n\nimport IntersectionObserverMixin from '@/components/Base/IntersectionObserverMixin';\n\nexport default {\n    name: 'slick-slides',\n\n    props: {\n        items: {        type: Array[Object], required: true },\n        options: {      type: Object, default: function () { return {}; } },\n        className: {    type: String, default: 'slick' }\n    },\n\n    mixins: [ IntersectionObserverMixin ],\n\n    components: {\n        Slick\n    },\n\n    computed: {\n        rand: function () {\n            return _.random(10000);\n        }\n    },\n\n    data: function () {\n        return {\n            ref: 'slick',\n            currentSlide: 0,\n            slickOptions: _.extend({}, {\n                slidesToShow: 3,\n                slidesToScroll: 3,\n                rows: 1,\n                arrows: true,\n                variableWidth: false,\n                adaptiveHeight: false,\n                speed: 2000,\n                responsive: [\n                    {\n                        breakpoint: 480,\n                        settings: {\n                            slidesToShow: 1,\n                            slidesToScroll: 1,\n                            speed: 1500\n                        }\n                    }\n                    // You can unslick at a given breakpoint now by adding:\n                    // settings: \"unslick\"\n                    // instead of a settings object\n                ]\n            }, this.options)\n        };\n    },\n\n    created: function () {\n        this.ref = 'slick' + this.rand;\n    },\n\n    mounted: function () {\n        this.$eventBus.$on('slides-reset', this.reSlick);\n    },\n\n    beforeDestroy: function () {\n        this.$eventBus.$off('slides-reset', this.reSlick);\n    },\n\n    watch: {\n        items: function () {\n            this.reInit();\n        }\n    },\n\n    methods: {\n        reInit: function () {\n            // re-create slick after update in dynamic list\n            // just reSlick() is not enough\n            this.$refs[this.ref].destroy();\n            this.$nextTick(() => {\n                this.$refs[this.ref].create();\n                this.$refs[this.ref].goTo(0, true);\n            });\n        },\n\n        reSlick: function () {\n            this.$refs[this.ref] && this.$refs[this.ref].reSlick();\n        },\n\n        handleBeforeChange: function (event, slick, currentSlide, nextSlide) {\n            this.$emit('before-change', nextSlide);\n        },\n\n        handleAfterChange: function (event, slick, currentSlide) {\n            this.$emit('after-change', currentSlide);\n            // this.currentSlide = currentSlide;\n        },\n\n        onIntersectShow: function () {\n            this.$nextTick(() => {\n                this.reSlick();\n            });\n        },\n\n        onIntersectHide: function () {}\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/variables';\n\n.slick-track {\n    height: auto; // this might be dangerous but important for some views!\n    min-height: 400px;\n    @media screen and (max-width: $breakpoint-mobile - 1) {\n        min-height: 200px;\n    }\n}\n.slick-slide {\n    max-height: 200px;\n    margin: 0;\n    margin-right: 0.5rem;\n    // hidden large slides should not take too much space\n    transition: ease-out;\n    transition-duration: 2750ms;\n    transition-delay: 75ms;\n    &.slick-active {\n        height: auto;\n        max-height: 200vh;\n    }\n    &.slick-active > div:last-child {\n        margin-right: 0;\n    }\n    .card-image figure {\n        height: inherit;\n    }\n    img {\n        width: inherit;\n        height: inherit;\n        max-width: 100%;\n        min-height: inherit;\n        max-height: inherit;\n    }\n}\n.slick-prev, .slick-next {\n    top: 42%;\n}\n\n/**\n * Responsive card with social button inside the header\n */\n@media screen and (max-width: $breakpoint-desktop - 1) {\n    .slick-track {\n        .card.card-social-header {\n            .card-header-title {\n                max-width: unset;\n            }\n            .card-link {\n                flex-direction: column !important;\n                .social-button-wrapper {\n                    margin: 0.5rem 0;\n                    margin-left: auto;\n                }\n            }\n        }\n    }\n}\n</style>\n","import { render, staticRenderFns } from \"./SlickSlides.vue?vue&type=template&id=39a15b99&lang=pug&\"\nimport script from \"./SlickSlides.vue?vue&type=script&lang=js&\"\nexport * from \"./SlickSlides.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SlickSlides.vue?vue&type=style&index=0&id=39a15b99&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  null,\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","observeVisibilityOptions","expression","staticClass","ref","class","className","attrs","options","slickOptions","on","beforeChange","handleBeforeChange","afterChange","handleAfterChange","_l","items","item","index","key","rand","_t","_withStripped","props","type","required","default","mixins","components","Slick","computed","data","currentSlide","slidesToShow","slidesToScroll","rows","arrows","variableWidth","adaptiveHeight","speed","responsive","breakpoint","settings","created","mounted","beforeDestroy","watch","methods","reInit","reSlick","onIntersectShow","onIntersectHide"],"sourceRoot":""}