{"version":3,"file":"B9zNx49v.js","sources":["../../../../pages/lab.vue"],"sourcesContent":["<template>\n  <div class=\"page page-pubblication page-light p-top-header\">\n    <section>\n      <div class=\"row-4-desk m-bottom-xl-1\">\n        <PagesCommonTextHeader\n          v-if=\"page\"\n          :title=\"page.title\"\n          :intro=\"page?.subtitle\"\n          class=\"--align-left\"\n        />\n      </div>\n    </section>\n\n    <PagesCommonImageVideoBlock\n      :item=\"{\n        image: page.wideMedia?.image,\n        linkVideo: page.wideMedia?.videoUrl,\n      }\"\n      class=\"m-bottom-m-1\"\n    />\n\n    <template v-if=\"page.section && page.section.length > 0\">\n      <section v-for=\"sec in page.section\" :key=\"sec.id\" class=\"lab-section\">\n        <div class=\"row-4-desk-gradual p-top-xl-3 p-bottom-xl-2\">\n          <div v-for=\"row in sec.row\" :key=\"row.id\">\n            <div class=\"lab-section__wrap\">\n              <div class=\"lab-section__col\">\n                <div\n                  v-html=\"row.title\"\n                  class=\"lab-section__title title-m-2 m-bottom-32px\"\n                />\n                <div\n                  v-if=\"row.image && row.image.responsiveImage\"\n                  class=\"lab-section__image-wrap hide-for-large\"\n                  data-animate=\"block-image-preview\"\n                >\n                  <WidgetPicture\n                    class=\"is-cover lab-section__image-wrap\"\n                    :image=\"{ custom: row.image.responsiveImage }\"\n                    :lazyLoad=\"true\"\n                    :alt=\"row.image.responsiveImage.alt\"\n                  />\n                </div>\n                <div\n                  v-html=\"row.text\"\n                  class=\"lab-section__text text-base-mix m-bottom-32px\"\n                />\n              </div>\n              <div class=\"lab-section__col\">\n                <div\n                  v-if=\"row.image && row.image.responsiveImage\"\n                  class=\"lab-section__image-wrap show-for-large\"\n                  data-animate=\"block-image-preview\"\n                >\n                  <WidgetPicture\n                    class=\"is-cover lab-section__image-wrap\"\n                    :image=\"{ custom: row.image.responsiveImage }\"\n                    :lazyLoad=\"true\"\n                    :alt=\"row.image.responsiveImage.alt\"\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n          <div\n            v-if=\"sec.imageWide && sec.imageWide.responsiveImage\"\n            class=\"lab-section__image-wide-wrap\"\n            data-animate=\"block-image-preview\"\n          >\n            <WidgetPicture\n              class=\"is-cover lab-section__image-wide-wrap\"\n              :image=\"{ custom: sec.imageWide.responsiveImage }\"\n              :lazyLoad=\"true\"\n              :alt=\"sec.imageWide.responsiveImage.alt\"\n            />\n          </div>\n        </div>\n      </section>\n    </template>\n    <PagesCommonExtraScrollBlock>\n      <div class=\"extra-scroll-block__col --left\">\n        <p class=\"is-text-uppercase text-1 \">Keep scrolling<br>\n        to discover our</p>\n        <p class=\"title-base-mix extra-scroll-block__title\">Research</p>\n        </div>\n        <div class=\"extra-scroll-block__col --right\">\n          \n          <div class=\"extra-scroll-block__bar\">\n            <p class=\"is-text-uppercase text-1\">Scroll to<br>Next page</p>\n          <div class=\"progress-bar\"><div ref=\"progressBar\" class=\"progress-bar-violet\" ></div></div>\n            <img src=\"@/assets/img/ico/ico-forward-arrow.svg\" alt=\"Next page\" class=\"extra-scroll-block__icon\"/>\n          </div>\n        </div>\n    </PagesCommonExtraScrollBlock>\n  </div>\n</template>\n\n<script setup>\nimport { gsap } from 'gsap'\nimport queries from '@/graphql/dato/queries/index.js'\n\n//import pageTransition from '@/assets/js/transitions/helper.js'\n\ndefinePageMeta({\n  layout: 'default',\n  //pageTransition,\n})\n\nconst { locale } = useI18n()\nconst route = useRoute()\nconst router = useRouter()\nconst localePath = useLocalePath()\n\nconst touch = ref(false)\nconst matchMedia = useHelpers().evalMatchMedia('(min-width: 1100px)')\n\n\nconst query = queries.lab.getLab\nconst variables = computed(() => ({\n  locale: locale.value,\n}))\n\nconst staggeredBlocksShown = ref(false)\nconst duration = 0.6\nconst durationFast = 0.4\nconst ease = 'power2.inOut'\n\nconst { data } = await useGraphql(query, variables)\n\nif (!data.value?.lab) {\n  throw createError({ statusCode: 404 })\n}\nconst page = computed(() => data.value?.lab)\nconst seo = computed(() => data.value?.lab?.seo || {})\nconst pubblications = computed(() => data.value?.allPubblications)\n\n\nlet extraScroll = 0; // Contatore per lo scroll extra\nconst SCROLL_THRESHOLD = ref(500); // Soglia di 300 px virtuali\nconst isTransitioning = ref(false)\nconst extraScrollPercentage = ref(0)\nlet touchStartY = 0\n\nonMounted(() => {\n  touch.value = 'ontouchstart' in window || !!navigator.maxTouchPoints\n  window.addEventListener('wheel', handleScroll);\nwindow.addEventListener('touchmove', handleScroll, { passive: false }); // Per dispositivi mobili\n window.addEventListener('touchstart', (event) => {\n    touchStartY = event.touches[0].clientY;\n  })\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('wheel', handleScroll);\n  window.removeEventListener('touchmove', handleScroll);\n  window.removeEventListener('touchstart', () => {})\n})\n\nonUnmounted(() => {})\n\n// Seo\nuseSeo({\n  ...seo.value,\n})\n\nwatch(\n  () => route.path,\n  () => {}\n)\n\nconst handleScroll = (event) => {\n  const baretta = document.querySelector('.progress-bar-violet')\n // console.log('dentro handleSCroll')\n  const scrollPosition = window.innerHeight + window.scrollY;\n  const documentHeight = document.documentElement.scrollHeight;\n\n  //console.log(scrollPosition, documentHeight)\n\n\n  if (scrollPosition >= documentHeight - 5 && !isTransitioning.value) {\n    // L'utente è al fondo: registra il movimento di scroll extra\n   let scrollDelta = 0;\n\n    // Determina il delta per il movimento del mouse (wheel) o touch (touchmove)\n    if (event.type === 'wheel') {\n      scrollDelta = event.deltaY; // movimento della rotella del mouse\n    } else if (event.type === 'touchmove') {\n      const touch = event.touches[0];\n    scrollDelta = touchStartY - touch.clientY;\n    touchStartY = touch.clientY // movimento del tocco su dispositivi mobili\n    }\n\n    if (touch.value) {\n      SCROLL_THRESHOLD.value = 100\n    }\n\n    // Accumula lo scroll extra\n    extraScroll += scrollDelta;\n    //console.log(extraScroll, extraScrollPercentage.value)\n    extraScrollPercentage.value = Math.min(100, (extraScroll / SCROLL_THRESHOLD.value) * 100)\n\n      // Riempi la progress bar in base allo scroll extra\n      gsap.to(baretta, {\n        width: `${extraScrollPercentage.value}%`,\n        duration: 0.1,\n      })\n\n    if (extraScroll >= SCROLL_THRESHOLD.value ) {\n      //console.log('dentro if extra scroll')\n      // Cambia pagina e resetta il contatore\n       gsap.to(baretta, {\n        width: `100%`,\n        duration: 0.1,\n        onComplete: ()=>{\n          isTransitioning.value = true;\n            setTimeout(() => {\n            router.push(localePath({name: 'research'}));\n          }, 500)\n        }\n      })\n        \n      \n       if (extraScrollPercentage.value >= 100) {\n         // Sostituisci '/next-page' con il percorso desiderato\n      }\n       // Ritardo per l'animazione (0.5s corrisponde a .page-fade)\n    }\n  } else {\n    // Resetta il contatore se l'utente scrolla verso l'alto o non è al fondo\n    extraScroll = 0;\n    extraScrollPercentage.value = 0\n    gsap.to(baretta, {\n        width: `${extraScrollPercentage.value}%`,\n        duration: 0.1,\n      })\n  }\n}\n</script>\n"],"names":["locale","useI18n","route","useRoute","router","useRouter","localePath","useLocalePath","touch","ref","useHelpers","query","queries","variables","computed","data","__temp","__restore","_withAsyncContext","useGraphql","_a","createError","page","seo","_b","extraScroll","SCROLL_THRESHOLD","isTransitioning","extraScrollPercentage","touchStartY","onMounted","handleScroll","event","onBeforeUnmount","onUnmounted","useSeo","watch","baretta","scrollPosition","documentHeight","scrollDelta","gsap"],"mappings":"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"}