{"version":3,"file":"advertisement.component.js","sources":["../../../../KNHS.Website.Frontend/script/vue/apps/advertisement/config/index.ts","../../../../KNHS.Website.Frontend/node_modules/swiper/shared/effect-init.js","../../../../KNHS.Website.Frontend/node_modules/swiper/shared/effect-target.js","../../../../KNHS.Website.Frontend/node_modules/swiper/shared/effect-virtual-transition-end.js","../../../../KNHS.Website.Frontend/node_modules/swiper/modules/effect-fade/effect-fade.js","../../../../KNHS.Website.Frontend/script/vue/apps/advertisement/AdvertisementCarousel.vue","../../../../KNHS.Website.Frontend/script/vue/apps/advertisement/AdvertisementCarousel.vue","../../../../KNHS.Website.Frontend/script/vue/apps/advertisement/index.ts","../../../../KNHS.Website.Frontend/script/advertisement.component.ts"],"sourcesContent":["const NAME_SPACE = 'AdvertisementComponent';\n\nexport { NAME_SPACE };\n","export default function effectInit(params) {\n  const {\n    effect,\n    swiper,\n    on,\n    setTranslate,\n    setTransition,\n    overwriteParams,\n    perspective,\n    recreateShadows,\n    getEffectParams\n  } = params;\n  on('beforeInit', () => {\n    if (swiper.params.effect !== effect) return;\n    swiper.classNames.push(`${swiper.params.containerModifierClass}${effect}`);\n\n    if (perspective && perspective()) {\n      swiper.classNames.push(`${swiper.params.containerModifierClass}3d`);\n    }\n\n    const overwriteParamsResult = overwriteParams ? overwriteParams() : {};\n    Object.assign(swiper.params, overwriteParamsResult);\n    Object.assign(swiper.originalParams, overwriteParamsResult);\n  });\n  on('setTranslate', () => {\n    if (swiper.params.effect !== effect) return;\n    setTranslate();\n  });\n  on('setTransition', (_s, duration) => {\n    if (swiper.params.effect !== effect) return;\n    setTransition(duration);\n  });\n  on('transitionEnd', () => {\n    if (swiper.params.effect !== effect) return;\n\n    if (recreateShadows) {\n      if (!getEffectParams || !getEffectParams().slideShadows) return; // remove shadows\n\n      swiper.slides.each(slideEl => {\n        const $slideEl = swiper.$(slideEl);\n        $slideEl.find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').remove();\n      }); // create new one\n\n      recreateShadows();\n    }\n  });\n  let requireUpdateOnVirtual;\n  on('virtualUpdate', () => {\n    if (swiper.params.effect !== effect) return;\n\n    if (!swiper.slides.length) {\n      requireUpdateOnVirtual = true;\n    }\n\n    requestAnimationFrame(() => {\n      if (requireUpdateOnVirtual && swiper.slides && swiper.slides.length) {\n        setTranslate();\n        requireUpdateOnVirtual = false;\n      }\n    });\n  });\n}","export default function effectTarget(effectParams, $slideEl) {\n  if (effectParams.transformEl) {\n    return $slideEl.find(effectParams.transformEl).css({\n      'backface-visibility': 'hidden',\n      '-webkit-backface-visibility': 'hidden'\n    });\n  }\n\n  return $slideEl;\n}","export default function effectVirtualTransitionEnd({\n  swiper,\n  duration,\n  transformEl,\n  allSlides\n}) {\n  const {\n    slides,\n    activeIndex,\n    $wrapperEl\n  } = swiper;\n\n  if (swiper.params.virtualTranslate && duration !== 0) {\n    let eventTriggered = false;\n    let $transitionEndTarget;\n\n    if (allSlides) {\n      $transitionEndTarget = transformEl ? slides.find(transformEl) : slides;\n    } else {\n      $transitionEndTarget = transformEl ? slides.eq(activeIndex).find(transformEl) : slides.eq(activeIndex);\n    }\n\n    $transitionEndTarget.transitionEnd(() => {\n      if (eventTriggered) return;\n      if (!swiper || swiper.destroyed) return;\n      eventTriggered = true;\n      swiper.animating = false;\n      const triggerEvents = ['webkitTransitionEnd', 'transitionend'];\n\n      for (let i = 0; i < triggerEvents.length; i += 1) {\n        $wrapperEl.trigger(triggerEvents[i]);\n      }\n    });\n  }\n}","import effectInit from '../../shared/effect-init.js';\nimport effectTarget from '../../shared/effect-target.js';\nimport effectVirtualTransitionEnd from '../../shared/effect-virtual-transition-end.js';\nexport default function EffectFade({\n  swiper,\n  extendParams,\n  on\n}) {\n  extendParams({\n    fadeEffect: {\n      crossFade: false,\n      transformEl: null\n    }\n  });\n\n  const setTranslate = () => {\n    const {\n      slides\n    } = swiper;\n    const params = swiper.params.fadeEffect;\n\n    for (let i = 0; i < slides.length; i += 1) {\n      const $slideEl = swiper.slides.eq(i);\n      const offset = $slideEl[0].swiperSlideOffset;\n      let tx = -offset;\n      if (!swiper.params.virtualTranslate) tx -= swiper.translate;\n      let ty = 0;\n\n      if (!swiper.isHorizontal()) {\n        ty = tx;\n        tx = 0;\n      }\n\n      const slideOpacity = swiper.params.fadeEffect.crossFade ? Math.max(1 - Math.abs($slideEl[0].progress), 0) : 1 + Math.min(Math.max($slideEl[0].progress, -1), 0);\n      const $targetEl = effectTarget(params, $slideEl);\n      $targetEl.css({\n        opacity: slideOpacity\n      }).transform(`translate3d(${tx}px, ${ty}px, 0px)`);\n    }\n  };\n\n  const setTransition = duration => {\n    const {\n      transformEl\n    } = swiper.params.fadeEffect;\n    const $transitionElements = transformEl ? swiper.slides.find(transformEl) : swiper.slides;\n    $transitionElements.transition(duration);\n    effectVirtualTransitionEnd({\n      swiper,\n      duration,\n      transformEl,\n      allSlides: true\n    });\n  };\n\n  effectInit({\n    effect: 'fade',\n    swiper,\n    on,\n    setTranslate,\n    setTransition,\n    overwriteParams: () => ({\n      slidesPerView: 1,\n      slidesPerGroup: 1,\n      watchSlidesProgress: true,\n      spaceBetween: 0,\n      virtualTranslate: !swiper.params.cssMode\n    })\n  });\n}","<template>\n    <swiper\n        :slides-per-view=\"1\"\n        effect=\"fade\"\n        :autoplay=\"autoPlayOptions\"\n        :modules=\"[EffectFade, Autoplay]\"\n        :loop=\"true\"\n        @swiper=\"onSwiper\">\n        <swiper-slide v-for=\"(ad, index) in ads\" :key=\"`slide-${index}`\">\n            <!-- TODO: \n            - Picture tag\n            - Container queries? -->\n            <a\n                class=\"advertisement\"\n                :href=\"ad.Link.Url\"\n                :title=\"ad.Link.Text\"\n                :target=\"ad.Link.Target\">\n                <figure class=\"advertisement__figure\">\n                    <img :src=\"ad.Image.ImageUrl\" :alt=\"ad.Image.AlternativeText\" loading=\"lazy\" />\n                </figure>\n            </a>\n        </swiper-slide>\n    </swiper>\n</template>\n\n<script lang=\"ts\">\nimport { IAd } from './interface/advertisement.model';\nimport { defineComponent, PropType } from 'vue';\nimport { Autoplay } from 'swiper';\nimport { EffectFade } from 'swiper';\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport { AutoplayOptions } from 'swiper/types';\n\nexport default defineComponent({\n    components: {\n        Swiper,\n        SwiperSlide,\n    },\n    props: {\n        ads: {\n            type: Array as PropType<Array<IAd>>, //https://forum.vuejs.org/t/specifying-array-type-of-prop-in-vue-3-0-with-typescript/103169\n            required: true,\n        },\n    },\n    setup() {\n        const onSwiper = (swiper: any) => {\n            setTimeout(() => {\n                swiper.autoplay.start();\n            }, 300);\n        };\n        const autoPlayOptions: AutoplayOptions = {\n            delay: 3000,\n            pauseOnMouseEnter: false,\n            disableOnInteraction: false,\n        };\n        return {\n            autoPlayOptions,\n            Autoplay,\n            EffectFade,\n            onSwiper,\n        };\n    },\n});\n</script>\n","<template>\n    <swiper\n        :slides-per-view=\"1\"\n        effect=\"fade\"\n        :autoplay=\"autoPlayOptions\"\n        :modules=\"[EffectFade, Autoplay]\"\n        :loop=\"true\"\n        @swiper=\"onSwiper\">\n        <swiper-slide v-for=\"(ad, index) in ads\" :key=\"`slide-${index}`\">\n            <!-- TODO: \n            - Picture tag\n            - Container queries? -->\n            <a\n                class=\"advertisement\"\n                :href=\"ad.Link.Url\"\n                :title=\"ad.Link.Text\"\n                :target=\"ad.Link.Target\">\n                <figure class=\"advertisement__figure\">\n                    <img :src=\"ad.Image.ImageUrl\" :alt=\"ad.Image.AlternativeText\" loading=\"lazy\" />\n                </figure>\n            </a>\n        </swiper-slide>\n    </swiper>\n</template>\n\n<script lang=\"ts\">\nimport { IAd } from './interface/advertisement.model';\nimport { defineComponent, PropType } from 'vue';\nimport { Autoplay } from 'swiper';\nimport { EffectFade } from 'swiper';\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport { AutoplayOptions } from 'swiper/types';\n\nexport default defineComponent({\n    components: {\n        Swiper,\n        SwiperSlide,\n    },\n    props: {\n        ads: {\n            type: Array as PropType<Array<IAd>>, //https://forum.vuejs.org/t/specifying-array-type-of-prop-in-vue-3-0-with-typescript/103169\n            required: true,\n        },\n    },\n    setup() {\n        const onSwiper = (swiper: any) => {\n            setTimeout(() => {\n                swiper.autoplay.start();\n            }, 300);\n        };\n        const autoPlayOptions: AutoplayOptions = {\n            delay: 3000,\n            pauseOnMouseEnter: false,\n            disableOnInteraction: false,\n        };\n        return {\n            autoPlayOptions,\n            Autoplay,\n            EffectFade,\n            onSwiper,\n        };\n    },\n});\n</script>\n","import { NAME_SPACE } from './config';\nimport Advertisement from './AdvertisementCarousel.vue';\n\nexport default {\n    name: NAME_SPACE,\n    components: {\n        'advertisements-carousel': Advertisement,\n    },\n};\n","import { createApp } from './vue';\n\nimport advertisement from './vue/apps/advertisement';\n\nconst advertisementMountingContainer = document.querySelectorAll('.js-ads-container');\n\nif (advertisementMountingContainer) {\n    const ads = [];\n\n    advertisementMountingContainer.forEach((el) => {\n        const app = createApp(advertisement).mount(el);\n        ads.push(app);\n    });\n}\n"],"names":["NAME_SPACE","effectInit","params","effect","swiper","on","setTranslate","setTransition","overwriteParams","perspective","recreateShadows","getEffectParams","overwriteParamsResult","_s","duration","slideEl","requireUpdateOnVirtual","effectTarget","effectParams","$slideEl","effectVirtualTransitionEnd","transformEl","allSlides","slides","activeIndex","$wrapperEl","eventTriggered","$transitionEndTarget","triggerEvents","EffectFade","extendParams","i","tx","ty","slideOpacity","_sfc_main","defineComponent","Swiper","SwiperSlide","Autoplay","_resolveComponent","_openBlock","_createBlock","_component_swiper","_ctx","_createElementBlock","_Fragment","_renderList","ad","index","_withCtx","_createElementVNode","_hoisted_2","advertisement","Advertisement","advertisementMountingContainer","el","createApp"],"mappings":"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"}