{"version":3,"file":"CL7lJ8vu.js","sources":["../../../../components/pages/common/general-carousel/slide/index.vue","../../../../components/pages/common/general-carousel/index.vue"],"sourcesContent":["<template>\n  <article\n    class=\"common-general-carousel__slide button-circle-1-trigger\"\n    ref=\"block\"\n    :class=\"{\n      'is-hover': isHover,\n    }\"\n  >\n    <!-- Content -->\n    <div class=\"common-general-carousel__content is-rounded-wrap m-top-24px\">\n      <div\n        class=\"common-general-carousel__content__preview\"\n        data-animate=\"block-image-preview\"\n      >\n        <WidgetPicture\n          class=\"is-cover\"\n          :image=\"{\n            custom: props.isVertical\n              ? props.item.portrait && props.item.portrait.responsiveImage\n                ? props.item.portrait.responsiveImage\n                : props.item?.image?.responsiveImage\n              : props.item?.image?.responsiveImage,\n          }\"\n          :lazyLoad=\"true\"\n          :alt=\"props.item?.image?.responsiveImage?.alt\"\n        />\n      </div>\n      <div\n        v-if=\"hasPreview\"\n        class=\"common-general-carousel__content__video\"\n        data-animate=\"block-video-preview\"\n      >\n        <WidgetVideo\n          class=\"is-cover\"\n          :videoUrl=\"props.item?.linkVideoPreview\"\n          :loop=\"true\"\n          :forcePlay=\"true\"\n          :autoplay=\"true\"\n          :muted=\"true\"\n          :preload=\"'auto'\"\n          :playInViewport=\"true\"\n        />\n      </div>\n\n      <!-- Quick View button -->\n      <div\n        class=\"common-general-carousel__content__quickview hide-for-touch\"\n        v-if=\"hasQuickView\"\n      >\n        <button\n          class=\"button-round-1 is-transparent\"\n          data-animate=\"block-quick-view\"\n          @click=\"(event) => onQuickView(event)\"\n        >\n          <span>{{ $t('cta.quickView') }}</span>\n\n          <img\n            src=\"@/assets/img/ico/ico-eye-white.svg\"\n            width=\"19\"\n            height=\"12\"\n            alt=\"White eye\"\n          />\n        </button>\n      </div>\n    </div>\n  </article>\n</template>\n\n<script>\nexport default {\n  name: 'CommonGeneralCarouselSlide',\n}\n</script>\n\n<script setup>\nimport { gsap } from 'gsap'\nimport { useSwiperSlide } from 'swiper/vue'\n\nconst props = defineProps({\n  item: Object,\n  isVertical: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst swiperSlide = useSwiperSlide()\n\nconst block = ref(null)\n\nconst isHover = ref(false)\nconst touch = ref(false)\n\nconst duration = 0.6\nconst durationFast = 0.4\nconst ease = 'power2.inOut'\n\nconst hasPreview = computed(() => props.item?.linkVideoPreview)\nconst hasQuickView = computed(() => props.item?.linkVideo)\n\nconst quickview = useState('quickview', () => null)\n\nwatch(\n  () => swiperSlide.value,\n  (swiperSlide) => {\n    const isActive = swiperSlide.isActive\n    const parent = block.value\n    const video = parent?.querySelector('[data-animate=\"block-video-preview\"]')\n    const button = parent?.querySelectorAll('[data-animate=\"block-quick-view\"]')\n\n    if (isActive) {\n      if (hasPreview.value) {\n        gsap.to(video, { autoAlpha: 1, duration, ease })\n      }\n\n      if (hasQuickView.value) {\n        gsap.to(button, { y: '0%', duration: durationFast, ease, stagger: 0.1 })\n      }\n    } else {\n      if (hasPreview.value) {\n        gsap.to(video, { autoAlpha: 0, duration, ease })\n      }\n\n      if (hasQuickView.value) {\n        gsap.to(button, {\n          y: '101%',\n          duration: durationFast,\n          ease,\n          stagger: 0.1,\n        })\n      }\n    }\n  }\n)\n\nonMounted(() => {\n  touch.value = 'ontouchstart' in window || !!navigator.maxTouchPoints /// !! trasformano 0/1 in Bool\n})\n\n/*const onMouseEnter = () => {\n  if (touch.value) return false\n\n  const parent = block.value\n  const video = parent.querySelector('[data-animate=\"block-video-preview\"]')\n  const button = parent.querySelectorAll('[data-animate=\"block-quick-view\"]')\n  const tags = parent.querySelectorAll('[data-animate=\"block-tag\"]')\n\n  isHover.value = true\n\n  if (hasPreview.value) {\n    gsap.to(video, { autoAlpha: 1, duration, ease })\n  }\n\n  if (hasQuickView.value) {\n    gsap.to(button, { y: '0%', duration: durationFast, ease, stagger: 0.1 })\n  }\n  if (tags.length) {\n    gsap.to(tags, { y: '0%', duration: durationFast, ease, stagger: 0.1 })\n  }\n}*/\n\n/*const onMouseLeave = () => {\n  if (touch.value) return false\n\n  const parent = block.value\n  const video = parent.querySelector('[data-animate=\"block-video-preview\"]')\n  const button = parent.querySelectorAll('[data-animate=\"block-quick-view\"]')\n  const tags = parent.querySelectorAll('[data-animate=\"block-tag\"]')\n\n  isHover.value = false\n\n  if (hasPreview.value) {\n    gsap.to(video, { autoAlpha: 0, duration, ease })\n  }\n\n  if (hasQuickView.value) {\n    gsap.to(button, { y: '100%', duration: durationFast, ease, stagger: 0.1 })\n  }\n  if (tags.length) {\n    gsap.to(tags, { y: '100%', duration: durationFast, ease, stagger: 0.1 })\n  }\n}*/\n\n/*const onViewportEnter = () => {\n  const parent = block.value\n  const video = parent.querySelector('[data-animate=\"block-video-preview\"]')\n\n  if (hasPreview.value) {\n    gsap.to(video, { autoAlpha: 1, duration, ease })\n  }\n}\n\nconst onViewportLeave = () => {\n  const parent = block.value\n  const video = parent.querySelector('[data-animate=\"block-video-preview\"]')\n\n  if (hasPreview.value) {\n    gsap.to(video, { autoAlpha: 0, duration, ease })\n  }\n}*/\n\nconst onQuickView = (event) => {\n  event.stopPropagation() // Previene la propagazione del click al link\n  event.preventDefault() // Previene l'azione predefinita del bottone\n\n  quickview.value = props.item?.linkVideo\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div\n    v-if=\"props.item?.slides\"\n    class=\"common-general-carousel\"\n    :class=\"{ '--is-vertical': props.item?.isVertical }\"\n  >\n    <WidgetSliderSwiper\n      :length=\"props.item?.slides?.length\"\n      :centered-slides=\"true\"\n      :pagination=\"false\"\n    >\n      <template\n        v-for=\"(slide, index) in props.item?.slides\"\n        :key=\"slide.id\"\n        #[`slide-${index}`]\n      >\n        <PagesCommonGeneralCarouselSlide\n          :item=\"slide\"\n          :is-vertical=\"props.item?.isVertical\"\n        />\n      </template>\n    </WidgetSliderSwiper>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'CommonGeneralCarousel',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  item: Object,\n  alternative: Boolean,\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n"],"names":["__default__","props","__props","swiperSlide","useSwiperSlide","block","ref","isHover","touch","duration","durationFast","ease","hasPreview","computed","_a","hasQuickView","quickview","useState","watch","isActive","parent","video","button","gsap","onMounted","onQuickView","event"],"mappings":"gkBAqEeA,EAAA,CACb,KAAM,4BACR,uFAOA,MAAMC,EAAQC,EAQRC,EAAcC,EAAc,EAE5BC,EAAQC,EAAI,IAAI,EAEhBC,EAAUD,EAAI,EAAK,EACnBE,EAAQF,EAAI,EAAK,EAEjBG,EAAW,GACXC,EAAe,GACfC,EAAO,eAEPC,EAAaC,EAAS,WAAM,OAAAC,EAAAb,EAAM,OAAN,YAAAa,EAAY,iBAAgB,EACxDC,EAAeF,EAAS,WAAM,OAAAC,EAAAb,EAAM,OAAN,YAAAa,EAAY,UAAS,EAEnDE,EAAYC,EAAS,YAAa,IAAM,IAAI,EAElDC,EACE,IAAMf,EAAY,MACjBA,GAAgB,CACf,MAAMgB,EAAWhB,EAAY,SACvBiB,EAASf,EAAM,MACfgB,EAAQD,GAAA,YAAAA,EAAQ,cAAc,wCAC9BE,EAASF,GAAA,YAAAA,EAAQ,iBAAiB,qCAEpCD,GACEP,EAAW,OACbW,EAAK,GAAGF,EAAO,CAAE,UAAW,EAAG,SAAAZ,EAAU,KAAAE,CAAM,CAAA,EAG7CI,EAAa,OACfQ,EAAK,GAAGD,EAAQ,CAAE,EAAG,KAAM,SAAUZ,EAAc,KAAAC,EAAM,QAAS,EAAK,CAAA,IAGrEC,EAAW,OACbW,EAAK,GAAGF,EAAO,CAAE,UAAW,EAAG,SAAAZ,EAAU,KAAAE,CAAM,CAAA,EAG7CI,EAAa,OACfQ,EAAK,GAAGD,EAAQ,CACd,EAAG,OACH,SAAUZ,EACV,KAAAC,EACA,QAAS,EACV,CAAA,EAGT,CACA,EAEAa,EAAU,IAAM,CACdhB,EAAM,MAAQ,iBAAkB,QAAU,CAAC,CAAC,UAAU,cACxD,CAAC,EAgED,MAAMiB,EAAeC,GAAU,OAC7BA,EAAM,gBAAiB,EACvBA,EAAM,eAAgB,EAEtBV,EAAU,OAAQF,EAAAb,EAAM,OAAN,YAAAa,EAAY,SAChC,+jCCpLed,GAAA,CACb,KAAM,uBACR,wEAIA,MAAMC,EAAQC"}