{"version":3,"file":"BaPTw1oG.js","sources":["../../../../components/pages/common/general-grid-block/index.vue","../../../../components/pages/common/general-grid-block-text/index.vue","../../../../components/pages/common/grid-parallax/index.vue"],"sourcesContent":["<template>\n  <article\n    class=\"common-general-grid-block button-circle-1-trigger\"\n    ref=\"block\"\n    :class=\"{\n      'is-hover': isHover,\n      'is-alternative': alternative,\n    }\"\n  >\n    <!-- Content -->\n    <div\n      class=\"common-general-grid-block__content is-rounded-wrap m-top-24px\"\n      :class=\"{ '--is-full-width': props.item?.fullWidth }\"\n    >\n      <div\n        class=\"common-general-grid-block__content__preview\"\n        data-animate=\"block-image-preview\"\n      >\n        <WidgetPicture\n          class=\"is-cover\"\n          :image=\"{ custom: props.item?.image?.responsiveImage }\"\n          :lazyLoad=\"true\"\n          :retination=\"props.retination\"\n          :alt=\"props.item?.image?.responsiveImage?.alt\"\n        />\n      </div>\n      <div\n        v-if=\"hasPreview\"\n        class=\"common-general-grid-block__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          @play=\"onViewportEnter\"\n          @pause=\"onViewportLeave\"\n        />\n      </div>\n\n      <!-- Quick View button -->\n      <div\n        class=\"common-general-grid-block__content__quickview\"\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: 'CommonGeneralGridBlock',\n}\n</script>\n\n<script setup>\nimport { gsap } from 'gsap'\n\nconst props = defineProps({\n  item: Object,\n  alternative: Boolean,\n  retination: Boolean,\n})\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\nonMounted(() => {\n  touch.value = 'ontouchstart' in window || !!navigator.maxTouchPoints /// !! trasformano 0/1 in Bool\n})\n\nconst 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\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}\n\nconst 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\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}\n\nconst onViewportEnter = () => {\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 (hasPreview.value) {\n    gsap.to(video, { autoAlpha: 1, duration, ease })\n  }\n  if (hasQuickView.value) {\n    gsap.to(button, { y: '0%', duration: durationFast, ease, stagger: 0.1 })\n  }\n}\n\nconst onViewportLeave = () => {\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 (hasPreview.value) {\n    gsap.to(video, { autoAlpha: 0, duration, ease })\n  }\n  if (hasQuickView.value) {\n    gsap.to(button, { y: '100%', duration: durationFast, 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  <article\n    class=\"common-general-grid-block-text\"\n    ref=\"block\"\n    :class=\"{\n      'is-alternative': alternative,\n    }\"\n  >\n    <!-- Content -->\n    <div class=\"common-general-grid-block-text__content m-top-24px\">\n      <div v-html=\"item.text\" />\n    </div>\n  </article>\n</template>\n\n<script>\nexport default {\n  name: 'CommonGeneralGridBlockText',\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","<template>\n  <div v-if=\"props.items\" ref=\"gridParallax\" class=\"grid-parallax\">\n    <div\n      v-for=\"(item, index) in props.items\"\n      :key=\"item.id\"\n      :ref=\"(el) => setRefs(index, el)\"\n      class=\"grid-parallax__block\"\n      :class=\"{\n        'is-small': index % 2 == 0 ? props.reverse : !props.reverse,\n        'is-left': index % 2 == 0,\n        'is-right': index % 2 !== 0,\n        'is-single': props.items?.length === 1,\n      }\"\n    >\n      <div class=\"grid-parallax__block__content\">\n        <template v-if=\"item.__typename === 'ProjectRecord'\">\n          <ListingProjectBlock\n            :alternative=\"true\"\n            :item=\"item\"\n            :key=\"item.id\"\n          />\n        </template>\n        <template\n          v-if=\"\n            item.__typename === 'GridBlockItemRecord' ||\n            item.__typename === 'ImageVideoBlockRecord'\n          \"\n        >\n          <PagesCommonGeneralGridBlock\n            :item=\"item\"\n            :key=\"item.id\"\n            :alternative=\"true\"\n            :retination=\"props.retination\"\n            :class=\"{\n              '--has-text': item.sideText,\n              '--small-height': item.smallHeight,\n            }\"\n          />\n        </template>\n        <template v-if=\"item.__typename === 'GridBlockItemTextRecord'\">\n          <PagesCommonGeneralGridBlockText\n            v-if=\"props.items.length > 1 && !item.fullWidth\"\n            :item=\"item\"\n            :key=\"item.id\"\n            :alternative=\"true\"\n            :class=\"{ '--side-text': props.items.length > 1 }\"\n          />\n          <WidgetIntroTextBlock v-else :text=\"item.text\" />\n        </template>\n        <template v-if=\"item.__typename === 'TwoColumnsGridTextRecord'\">\n          <PagesCommonTwoColTextBlock\n            :item=\"item\"\n            :key=\"item.id\"\n            class=\"m-top-l-2\"\n          />\n        </template>\n        <template v-if=\"item.__typename === 'ServicesBlockRecord'\">\n          <PagesTechnologyServices\n            :title=\"item.title\"\n            :services=\"item.texts\"\n            :key=\"item.id\"\n          />\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesCommonGridParallax',\n}\n</script>\n\n<script setup>\nimport gsap from 'gsap'\nimport ScrollTrigger from 'gsap/ScrollTrigger'\n\ngsap.registerPlugin(ScrollTrigger)\n\nconst props = defineProps({\n  items: {\n    type: Array,\n    required: true,\n  },\n  reverse: Boolean,\n  retination: Boolean,\n})\n\nconst gridParallax = ref(null)\nconst leftBlock = ref(null)\nconst rightBlock = ref(null)\n\nconst setRefs = (index, el) => {\n  if (index % 2 == 0) {\n    leftBlock.value = el\n  } else {\n    rightBlock.value = el\n  }\n}\n\nonMounted(() => {\n  if (rightBlock?.value) {\n    const rightElement = rightBlock.value\n    if (rightElement) {\n      gsap.to(rightElement, {\n        yPercent: !props.reverse ? -25 : 15,\n        ease: 'none',\n        scrollTrigger: {\n          trigger: gridParallax.value,\n          start: 'bottom bottom',\n          end: 'bottom top',\n          scrub: true,\n        },\n      })\n    }\n  }\n\n  if (leftBlock.value) {\n    const leftElement = leftBlock.value\n    if (leftElement) {\n      gsap.to(leftElement, {\n        yPercent: props.reverse ? -25 : 15,\n        ease: 'none',\n        scrollTrigger: {\n          trigger: gridParallax.value,\n          start: 'bottom bottom',\n          end: 'bottom top',\n          scrub: true,\n        },\n      })\n    }\n  }\n  ScrollTrigger.refresh()\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n"],"names":["__default__","props","__props","block","ref","isHover","touch","duration","durationFast","ease","hasPreview","computed","_a","hasQuickView","quickview","useState","onMounted","onViewportEnter","parent","video","button","gsap","onViewportLeave","onQuickView","event","ScrollTrigger","gridParallax","leftBlock","rightBlock","setRefs","index","el","rightElement","leftElement"],"mappings":"8kBAsEeA,EAAA,CACb,KAAM,wBACR,0FAMA,MAAMC,EAAQC,EAMRC,EAAQC,EAAI,IAAI,EAEhBC,EAAUD,EAAI,EAAK,EACnBE,EAAQF,EAAI,EAAK,EAEjBG,EAAW,GACXC,EAAe,GACfC,EAAO,eAEPC,EAAaC,EAAS,WAAM,OAAAC,EAAAX,EAAM,OAAN,YAAAW,EAAY,iBAAgB,EACxDC,EAAeF,EAAS,WAAM,OAAAC,EAAAX,EAAM,OAAN,YAAAW,EAAY,UAAS,EAEnDE,EAAYC,EAAS,YAAa,IAAM,IAAI,EAElDC,EAAU,IAAM,CACdV,EAAM,MAAQ,iBAAkB,QAAU,CAAC,CAAC,UAAU,cACxD,CAAC,EAsCD,MAAMW,EAAkB,IAAM,CAC5B,MAAMC,EAASf,EAAM,MACfgB,EAAQD,GAAA,YAAAA,EAAQ,cAAc,wCAC9BE,EAASF,GAAA,YAAAA,EAAQ,iBAAiB,qCAEpCR,EAAW,OACbW,EAAK,GAAGF,EAAO,CAAE,UAAW,EAAG,SAAAZ,EAAU,KAAAE,CAAM,CAAA,EAE7CI,EAAa,OACfQ,EAAK,GAAGD,EAAQ,CAAE,EAAG,KAAM,SAAUZ,EAAc,KAAAC,EAAM,QAAS,EAAK,CAAA,CAE3E,EAEMa,EAAkB,IAAM,CAC5B,MAAMJ,EAASf,EAAM,MACfgB,EAAQD,GAAA,YAAAA,EAAQ,cAAc,wCAC9BE,EAASF,GAAA,YAAAA,EAAQ,iBAAiB,qCAEpCR,EAAW,OACbW,EAAK,GAAGF,EAAO,CAAE,UAAW,EAAG,SAAAZ,EAAU,KAAAE,CAAM,CAAA,EAE7CI,EAAa,OACfQ,EAAK,GAAGD,EAAQ,CAAE,EAAG,OAAQ,SAAUZ,EAAc,KAAAC,CAAM,CAAA,CAE/D,EAEMc,EAAeC,GAAU,OAC7BA,EAAM,gBAAiB,EACvBA,EAAM,eAAgB,EAEtBV,EAAU,OAAQF,EAAAX,EAAM,OAAN,YAAAW,EAAY,SAChC,osCCzJeZ,GAAA,CACb,KAAM,4BACR,8SCmDeA,GAAA,CACb,KAAM,yBACR,0GAOAqB,EAAK,eAAeI,CAAa,EAEjC,MAAMxB,EAAQC,EASRwB,EAAetB,EAAI,IAAI,EACvBuB,EAAYvB,EAAI,IAAI,EACpBwB,EAAaxB,EAAI,IAAI,EAErByB,EAAU,CAACC,EAAOC,IAAO,CACzBD,EAAQ,GAAK,EACfH,EAAU,MAAQI,EAElBH,EAAW,MAAQG,CAEvB,EAEA,OAAAf,EAAU,IAAM,CACd,GAAIY,GAAA,MAAAA,EAAY,MAAO,CACrB,MAAMI,EAAeJ,EAAW,MAC5BI,GACFX,EAAK,GAAGW,EAAc,CACpB,SAAW/B,EAAM,QAAgB,GAAN,IAC3B,KAAM,OACN,cAAe,CACb,QAASyB,EAAa,MACtB,MAAO,gBACP,IAAK,aACL,MAAO,EACR,CACF,CAAA,CAEP,CAEE,GAAIC,EAAU,MAAO,CACnB,MAAMM,EAAcN,EAAU,MAC1BM,GACFZ,EAAK,GAAGY,EAAa,CACnB,SAAUhC,EAAM,QAAU,IAAM,GAChC,KAAM,OACN,cAAe,CACb,QAASyB,EAAa,MACtB,MAAO,gBACP,IAAK,aACL,MAAO,EACR,CACF,CAAA,CAEP,CACED,EAAc,QAAO,CACvB,CAAC"}