{"version":3,"file":"COoCfjF2.js","sources":["../../../../components/pages/common/hero/index.vue","../../../../components/widget/content-sticky-exsud/index.vue"],"sourcesContent":["<template>\n  <div :key=\"props.hero?.id\" ref=\"heroBlock\" class=\"pages-common-hero\">\n    <div class=\"pages-common-hero__wrap\">\n      <div\n        class=\"pages-common-hero__preview__image\"\n        v-if=\"props.hero?.image?.responsiveImage\"\n      >\n        <WidgetPicture\n          class=\"is-cover\"\n          :image=\"{ custom: props.hero?.image?.responsiveImage }\"\n          :lazyLoad=\"true\"\n          :alt=\"\n            props.hero.image?.responsiveImage?.alt !== null\n              ? props.hero.image.responsiveImage.alt\n              : props.hero.title\n          \"\n        />\n      </div>\n      <div v-if=\"hasPreview\" class=\"pages-common-hero__preview__video\">\n        <WidgetVideo\n          class=\"is-cover\"\n          :videoUrl=\"props.hero?.previewVideo\"\n          :loop=\"true\"\n          :forcePlay=\"true\"\n          :autoplay=\"true\"\n          :muted=\"true\"\n          :controls=\"false\"\n        />\n        <!--  <div class=\"video-html is-cover\">\n    <video\n      ref=\"videoElement\"\n      :src=\"props.hero?.previewVideo\"\n      :controls=\"false\"\n      :muted=\"true\"\n      :loop=\"true\"\n      playsinline\n      :autoplay=\"true\"\n      preload=\"none\"\n    />\n  </div>-->\n      </div>\n\n      <div class=\"pages-common-hero__text__wrap\">\n        <div\n          class=\"pages-common-hero__text__content row-1\"\n          :class=\"{ '--white-text': props.hero?.whiteText }\"\n        >\n          <div\n            data-animate=\"preloader-reveal\"\n            class=\"pages-common-hero__title title-xl-1\"\n            v-html=\"props.hero?.title\"\n          />\n          <div\n            data-animate=\"preloader-opacity\"\n            class=\"pages-common-hero__subtitle text-s-1\"\n            v-html=\"props.hero?.text\"\n          />\n        </div>\n      </div>\n\n      <!-- Quick View button -->\n      <div\n        class=\"pages-common-hero__quickview\"\n        data-animate=\"preloader-opacity\"\n        v-if=\"hasQuickView && showButton\"\n      >\n        <WidgetButtonCtaIco :label=\"$t('cta.playReel')\" @click=\"onQuickView\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesCommonHero',\n}\n</script>\n\n<script setup>\nimport { gsap } from 'gsap'\nimport { ScrollTrigger } from 'gsap/ScrollTrigger'\ngsap.registerPlugin(ScrollTrigger)\n\nconst props = defineProps({\n  hero: Object,\n})\n\nconst isInView = ref(null)\nconst heroBlock = ref(null)\n\nconst lightTheme = setLightTheme()\nconst route = useRoute()\n\nconst lenis = inject('lenis')\n\nconst hasPreview = computed(() => props.hero?.previewVideo)\nconst hasQuickView = computed(() => props.hero?.overlayFullVideo)\n\nconst quickview = useState('quickview', () => null)\n\nconst blockOverlay = ref(null)\nconst blockOverlayVideo = ref(null)\n\nconst showButton = ref(false)\n\nconst duration = 0.6\nconst durationFast = 0.4\nconst durationSlow = 1\nconst ease = 'power2.inOut'\n\nwatch(\n  () => isInView.value,\n  (isInView) => {\n    if (isInView && props.hero.whiteText) {\n      document.body.classList?.add('--light-theme')\n      lightTheme.value = true\n    } else {\n      document.body.classList?.remove('--light-theme')\n      lightTheme.value = false\n    }\n  }\n)\n\nonUnmounted(() => {\n  //console.log('on unmounted: ', isInView.value, lightTheme.value)\n\n  ScrollTrigger.refresh()\n  isInView.value = true\n  //console.log('unmounted hero inView true')\n  /*if ((!route?.name?.includes('contacts') && !route?.name?.includes('lets-talk'))) {\n    console.log('sono qua dentro unmounted hero')\n      document.body.classList?.remove('--light-theme')\n      lightTheme.value = false}*/\n  //ScrollTrigger.getById('scrollHero')?.kill(true)\n})\n\nonMounted(() => {\n  //console.log('on mount')\n  isInView.value = true\n  if (isInView.value && props.hero.whiteText) {\n    document.body.classList?.add('--light-theme')\n    lightTheme.value = true\n    //console.log('mounted hero if inview -> light true')\n  }\n\n  ScrollTrigger.create({\n    id: 'scrollHero',\n    start: 'top top-=5px',\n    end: 'bottom top+=40px',\n    trigger: heroBlock.value,\n    onEnter: () => {\n      //console.log('enter scroll')\n      isInView.value = true\n      /*if (props.hero.whiteText) {\n        document.body.classList?.add('--light-theme')\n        lightTheme.value = true\n      }*/\n    },\n    onEnterBack: () => {\n      //console.log('enter back scroll')\n      isInView.value = true\n      /*if (props.hero.whiteText) {\n        document.body.classList?.add('--light-theme')\n        lightTheme.value = true\n      }*/\n    },\n    onLeave: () => {\n      //console.log('leave scroll')\n      isInView.value = false\n    },\n    onLeaveBack: () => {\n      //console.log('leave back scroll')\n      isInView.value = true\n      /*if (props.hero.whiteText) {\n        console.log(isInView.value)\n        document.body.classList?.add('--light-theme')\n        lightTheme.value = true\n      }*/\n    },\n  })\n\n  setTimeout(() => {\n    showButton.value = true\n\n    if (isInView.value && props.hero.whiteText) {\n      document.body.classList?.add('--light-theme')\n      lightTheme.value = true\n      //console.log('mounted hero timeout if inview -> light true')\n    }\n  }, 500)\n})\n\nwatch(\n  () => route.path,\n  () => {\n    if (\n      !route?.name?.includes('contacts') &&\n      !route?.name?.includes('lets-talk') &&\n      !route?.name?.includes('expertise-slug')\n    ) {\n      document.body.classList?.remove('--light-theme')\n      lightTheme.value = false\n    }\n\n    isInView.value = true\n    //lenis.value.scrollTo(0)\n    //\n    ScrollTrigger.getById('scrollHero')?.kill(true)\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  quickview.value = props.hero?.overlayFullVideo\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"content-sticky\" ref=\"content\" v-anim-opacity-fader>\n    <!-- Header Sticky -->\n    <header v-if=\"props.preTitle || props.title\" class=\"content-sticky__header\">\n      <p v-if=\"props.preTitle\" class=\"text-l-1\" v-anim-reveal-text>\n        {{ props.preTitle }}\n      </p>\n      <div\n        v-if=\"props.title\"\n        class=\"title-xl-1 m-top-20px\"\n        v-anim-reveal-text\n        v-html=\"props.title\"\n      />\n    </header>\n    <!-- Content -->\n    <div class=\"content-sticky__header__content m-top-l-1\">\n      <slot name=\"content\"></slot>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'WidgetContentStickyExsud',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  preTitle: String,\n  title: String,\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n"],"names":["__default__","gsap","ScrollTrigger","props","__props","isInView","ref","heroBlock","lightTheme","setLightTheme","route","useRoute","inject","hasPreview","computed","_a","hasQuickView","quickview","useState","showButton","watch","_b","onUnmounted","onMounted","_c","_d","_e","onQuickView","event"],"mappings":"giBAyEeA,GAAA,CACb,KAAM,iBACR,oDAMAC,EAAK,eAAeC,CAAa,EAEjC,MAAMC,EAAQC,EAIRC,EAAWC,EAAI,IAAI,EACnBC,EAAYD,EAAI,IAAI,EAEpBE,EAAaC,EAAa,EAC1BC,EAAQC,EAAQ,EAERC,EAAO,OAAO,EAE5B,MAAMC,EAAaC,EAAS,WAAM,OAAAC,EAAAZ,EAAM,OAAN,YAAAY,EAAY,aAAY,EACpDC,EAAeF,EAAS,WAAM,OAAAC,EAAAZ,EAAM,OAAN,YAAAY,EAAY,iBAAgB,EAE1DE,EAAYC,EAAS,YAAa,IAAM,IAAI,EAE7BZ,EAAI,IAAI,EACHA,EAAI,IAAI,EAElC,MAAMa,EAAab,EAAI,EAAK,EAO5Bc,EACE,IAAMf,EAAS,MACdA,GAAa,SACRA,GAAYF,EAAM,KAAK,YACzBY,EAAA,SAAS,KAAK,YAAd,MAAAA,EAAyB,IAAI,iBAC7BP,EAAW,MAAQ,MAEnBa,EAAA,SAAS,KAAK,YAAd,MAAAA,EAAyB,OAAO,iBAChCb,EAAW,MAAQ,GAEzB,CACA,EAEAc,EAAY,IAAM,CAGhBpB,EAAc,QAAO,EACrBG,EAAS,MAAQ,EAOnB,CAAC,EAEDkB,EAAU,IAAM,OAEdlB,EAAS,MAAQ,GACbA,EAAS,OAASF,EAAM,KAAK,aAC/BY,EAAA,SAAS,KAAK,YAAd,MAAAA,EAAyB,IAAI,iBAC7BP,EAAW,MAAQ,IAIrBN,EAAc,OAAO,CACnB,GAAI,aACJ,MAAO,eACP,IAAK,mBACL,QAASK,EAAU,MACnB,QAAS,IAAM,CAEbF,EAAS,MAAQ,EAKlB,EACD,YAAa,IAAM,CAEjBA,EAAS,MAAQ,EAKlB,EACD,QAAS,IAAM,CAEbA,EAAS,MAAQ,EAClB,EACD,YAAa,IAAM,CAEjBA,EAAS,MAAQ,EAMlB,CACF,CAAA,EAED,WAAW,IAAM,OACfc,EAAW,MAAQ,GAEfd,EAAS,OAASF,EAAM,KAAK,aAC/BY,EAAA,SAAS,KAAK,YAAd,MAAAA,EAAyB,IAAI,iBAC7BP,EAAW,MAAQ,GAGzB,EAAK,GAAG,CACR,CAAC,EAEDY,EACE,IAAMV,EAAM,KACZ,IAAM,eAEF,GAACK,EAAAL,GAAA,YAAAA,EAAO,OAAP,MAAAK,EAAa,SAAS,cACvB,GAACM,EAAAX,GAAA,YAAAA,EAAO,OAAP,MAAAW,EAAa,SAAS,eACvB,GAACG,EAAAd,GAAA,YAAAA,EAAO,OAAP,MAAAc,EAAa,SAAS,sBAEvBC,EAAA,SAAS,KAAK,YAAd,MAAAA,EAAyB,OAAO,iBAChCjB,EAAW,MAAQ,IAGrBH,EAAS,MAAQ,IAGjBqB,EAAAxB,EAAc,QAAQ,YAAY,IAAlC,MAAAwB,EAAqC,KAAK,GAC9C,CACA,EAEA,MAAMC,EAAeC,GAAU,OAC7BA,EAAM,gBAAiB,EACvBA,EAAM,eAAgB,EACtBX,EAAU,OAAQF,EAAAZ,EAAM,OAAN,YAAAY,EAAY,gBAChC,q5CCjMef,GAAA,CACb,KAAM,0BACR,qEAIA,MAAMG,EAAQC"}