{"version":3,"file":"CpSlideshow.nEYnlB8T.js","sources":["../../../../components/cp/CpBanner/CpBannerImage.vue","../../../../components/cp/CpBanner/CpBanner.vue","../../../../utils/shuffleArray.ts","../../../../components/cp/CpSlideshow/CpSlideshow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import {ref, onMounted} from 'vue';\n  import {useHomeBannersStore} from '~/stores';\n\n    const props = withDefaults(defineProps<{\n      /** Custom description */\n      src: string\n      current: boolean\n      alt: string\n      aspectRatio?:string;\n      lazyLoad?: boolean;\n    }>(), {aspectRatio: '', lazyLoad: false});\n\n    const img = ref();\n\n    const emit = defineEmits(['load']);\n\n    const bannersStore = useHomeBannersStore();\n\n    onMounted(() => {\n      if (!props.lazyLoad || !img.value) {\n        return;\n      }\n      const element = img.value;\n\n      nextTick(() => {\n        if (!element || !element.complete) {\n          return;\n        }\n        emit('load');\n      });\n    });\n\n</script>\n\n<template>\n    <img\n        v-if=\"lazyLoad\"\n        ref=\"img\"\n        :class=\"current ? 'cp-banner-image__current' : 'cp-banner-image__preview'\"\n        :src=\"src\"\n        :alt=\"alt\"\n        :loading=\"'eager'\"\n        :fetchpriority=\"'high'\"\n        :style=\"aspectRatio\"\n        @load=\"$emit('load')\"\n    >\n    <img\n        v-else-if=\"bannersStore.firstImageLoaded || !lazyLoad\"\n        :class=\"current ? 'cp-banner-image__current' : 'cp-banner-image__preview'\"\n        :src=\"src\"\n        :alt=\"alt\"\n        :loading=\"'lazy'\"\n        :fetchpriority=\"'low'\"\n        :style=\"aspectRatio\"\n    >\n    <v-lazy v-else transition=\"fade-transition\">\n        <img\n            :class=\"current ? 'cp-banner-image__current' : 'cp-banner-image__preview'\"\n            :src=\"src\"\n            :alt=\"alt\"\n            :loading=\"'lazy'\"\n            :fetchpriority=\"'low'\"\n            :style=\"aspectRatio\"\n        >\n    </v-lazy>\n</template>\n\n<style scoped lang=\"scss\">\n\n    .cp-banner-image {\n      display: flex;\n      flex-grow: 1;\n      width: 100%;\n      &__current {\n          border-radius: 8px;\n          object-fit: cover;\n          object-position: left;\n          width: 100%;\n      }\n      &__preview {\n          opacity: 80%;\n          filter: blur(4dp);\n          -webkit-filter: blur(4dp);\n          border-radius: 8px;\n          object-fit: cover;\n          object-position: left;\n      }\n    }\n</style>\n","<script lang=\"ts\" setup>\n  import CpBannerImage from './CpBannerImage.vue';\n  import CpNuxtLink from '~/components/cp/CpNuxtLink/CpNuxtLink.vue';\n  import {useRouterStore} from '~/stores';\n  import {useHomeBannersStore} from '~/stores/homeBanners';\n\n    withDefaults(defineProps<{\n      /** Custom description */\n      src: string\n      current: boolean\n      link?: string | null\n      alt: string\n      applyAspectRatio?: boolean\n      priority?: boolean\n      aspectRatio?:string;\n      lazyLoad?: boolean;\n      imageLoaded?: boolean\n    }>(), {aspectRatio: ''});\n\n    const bannersStore = useHomeBannersStore();\n\n</script>\n\n<template>\n    <CpNuxtLink v-if=\"link\" :to=\"link\" @click=\"useRouterStore().unknownRoute = true\">\n        <div class=\"cp-banner\" :style=\"aspectRatio\">\n            <CpBannerImage\n                :src=\"src\"\n                :current=\"current\"\n                :alt=\"alt\"\n                :aspect-ratio=\"aspectRatio\"\n                :lazy-load=\"lazyLoad\"\n                @load=\"bannersStore.setImageLoaded()\"\n            />\n        </div>\n    </CpNuxtLink>\n    <div v-else class=\"cp-banner\" :style=\"aspectRatio\">\n        <CpBannerImage\n            :src=\"src\"\n            :current=\"current\"\n            :alt=\"alt\"\n            :aspect-ratio=\"aspectRatio\"\n            :lazy-load=\"lazyLoad\"\n            @load=\"bannersStore.setImageLoaded()\"\n        />\n    </div>\n</template>\n\n<style scoped lang=\"scss\">\n  .cp-banner {\n    display: flex;\n    flex-grow: 1;\n    width: 100%;\n  }\n</style>\n","/** Randomize an array with Durstenfeld algorithm\n *\n * @see https://en.wikipedia.org/wiki/Fisher%E2%80%93Yates_shuffle#The_modern_algorithm\n */\nexport const shuffleArray = <T>(input: T[]) => {\n  const array = [...input];\n  for (let i = array.length - 1; i > 0; i--) {\n    const j = Math.floor(Math.random() * (i + 1))\n    ;[array[i], array[j]] = [array[j], array[i]];\n  }\n  return array;\n};\n","<script setup lang=\"ts\">\n    import {Autoplay as SwiperAutoplay} from 'swiper/modules';\n    import {computed, toRefs} from 'vue';\n    import type {IBannerPlace} from '~/types';\n    import CpBanner from '~/components/cp/CpBanner/CpBanner.vue';\n    import {shuffleArray} from '~/utils/shuffleArray';\n\n    const props = defineProps<{\n      place: IBannerPlace\n      applyAspectRatio?: boolean\n      priority?: boolean\n      aspectRatio?:string;\n    }>();\n    const {banners: images, placeType} = toRefs(props.place);\n    const banners = computed(() => {\n      if (placeType.value === 'static') {\n        return images.value.slice(0, 1);\n      }\n      // Let's randomize the order of the banners to make it more interesting IT-19954\n      if (placeType.value === 'stackable') {\n        const shuffleImages = shuffleArray(images.value);\n        return shuffleImages.length === 2 ? [...shuffleImages, ...shuffleImages] : shuffleImages;\n      }\n      // Swiper behavior is affected when there are 2 CpBanners due loop\n      return images.value.length === 2 ? [...images.value, ...images.value] : images.value;\n    });\n\n</script>\n\n<template>\n    <div v-if=\"banners && banners.length\" class=\"cp-slideshow\">\n        <div v-if=\"banners.length === 1\" class=\"one__slide\">\n            <CpBanner\n                current\n                :link=\"banners[0].targetUrl\"\n                :src=\"banners[0].pictureUrl\"\n                :alt=\"banners[0].name\"\n                :apply-aspect-ratio=\"applyAspectRatio\"\n                :index=\"priority ? 0 : undefined\"\n                :aspect-ratio=\"aspectRatio\"\n                :priority=\"priority\"\n            />\n        </div>\n        <Swiper\n            v-else\n            :modules=\"[SwiperAutoplay]\"\n            :slides-per-view=\"'auto'\"\n            :centered-slides=\"true\"\n            :space-between=\"8\"\n            :autoplay=\"{\n                delay: 6000\n            }\"\n            :speed=\"500\"\n            :loop=\"banners.length > 1\"\n            :css-mode=\"true\"\n        >\n            <SwiperSlide v-for=\"(banner, bIndex) in banners\" :key=\"banner.name\" :style=\"{ width: 'calc(100% - 32px)' }\">\n                <CpBanner\n                    current\n                    :link=\"banner.targetUrl\"\n                    :src=\"banner.pictureUrl\"\n                    :alt=\"banner.name\"\n                    :apply-aspect-ratio=\"applyAspectRatio\"\n                    :lazy-load=\"priority ? bIndex === 0 : false\"\n                    :aspect-ratio=\"aspectRatio\"\n                    :priority=\"priority\"\n                />\n            </SwiperSlide>\n        </Swiper>\n    </div>\n</template>\n\n<style scoped lang=\"scss\">\n  .one__slide {\n    margin: 0 auto;\n    width: calc(100% - 32px);\n  }\n  .cp-slideshow {\n    margin: $cp-gutter 0 0;\n    .swiper-slide-next, .swiper-slide-prev {\n      transition: transform 0.5s;\n      filter: blur(1px);\n      transform: scaleY(0.8);\n    }\n    .swiper-slide-active {\n      transition: transform 0.5s;\n    }\n  }\n</style>\n"],"names":["props","__props","img","ref","emit","__emit","bannersStore","useHomeBannersStore","onMounted","element","nextTick","shuffleArray","input","array","i","j","images","placeType","toRefs","banners","computed","shuffleImages"],"mappings":"80BAII,MAAMA,EAAQC,EASRC,EAAMC,IAENC,EAAOC,EAEPC,EAAeC,IAErB,OAAAC,EAAU,IAAM,CACd,GAAI,CAACR,EAAM,UAAY,CAACE,EAAI,MAC1B,OAEF,MAAMO,EAAUP,EAAI,MAEpBQ,EAAS,IAAM,CACT,CAACD,GAAW,CAACA,EAAQ,UAGzBL,EAAK,MAAM,CAAA,CACZ,CAAA,CACF,49BCZD,MAAME,EAAeC,4rBCfZI,EAAmBC,GAAe,CACvC,MAAAC,EAAQ,CAAC,GAAGD,CAAK,EACvB,QAASE,EAAID,EAAM,OAAS,EAAGC,EAAI,EAAGA,IAAK,CACzC,MAAMC,EAAI,KAAK,MAAM,KAAK,UAAYD,EAAI,EAAE,EAC3C,CAACD,EAAMC,CAAC,EAAGD,EAAME,CAAC,CAAC,EAAI,CAACF,EAAME,CAAC,EAAGF,EAAMC,CAAC,CAAC,CAC7C,CACO,OAAAD,CACT,yLCJI,MAAMb,EAAQC,EAMR,CAAC,QAASe,EAAQ,UAAAC,CAAa,EAAAC,EAAOlB,EAAM,KAAK,EACjDmB,EAAUC,EAAS,IAAM,CACzB,GAAAH,EAAU,QAAU,SACtB,OAAOD,EAAO,MAAM,MAAM,EAAG,CAAC,EAG5B,GAAAC,EAAU,QAAU,YAAa,CAC7B,MAAAI,EAAgBV,EAAaK,EAAO,KAAK,EACxC,OAAAK,EAAc,SAAW,EAAI,CAAC,GAAGA,EAAe,GAAGA,CAAa,EAAIA,CAC7E,CAEA,OAAOL,EAAO,MAAM,SAAW,EAAI,CAAC,GAAGA,EAAO,MAAO,GAAGA,EAAO,KAAK,EAAIA,EAAO,KAAA,CAChF"}