{"version":3,"file":"BloHMvqn.js","sources":["../../../../pages/team/[slug]/index.vue"],"sourcesContent":["<template>\n  <div class=\"page page-pubblication page-light p-top-header\">\n    <section>\n      <div class=\"page-team p-bottom-xxxl-2\">\n        <div v-if=\"matchMedia\" class=\"page-team__col-left\">\n          <div\n            v-if=\"page?.image\"\n            class=\"page-team__image__wrap\"\n            data-animate=\"block-image-preview\"\n          >\n            <WidgetPicture\n              class=\"page-team__image\"\n              :image=\"{ custom: page?.image?.responsiveImage }\"\n              :lazyLoad=\"true\"\n              :alt=\"page.title\"\n            />\n          </div>\n          <div class=\"page-team__details\">\n            <p v-if=\"page.linkedin && page.linkedin !== ''\" class=\"text-1\">\n              <a :href=\"page.linkedin\" target=\"_blank\">Linkedin</a>\n            </p>\n            <p v-if=\"page.tel && page.tel !== ''\" class=\"text-1\">\n              <a :href=\"`tel:${page.tel.replace(/\\s/g, '')}`\">\n                {{ page.tel }}</a\n              >\n            </p>\n            <p v-if=\"page.mail && page.mail !== ''\" class=\"text-1\">\n              <a :href=\"`mailto:${page.mail.replace(/\\s/g, '')}`\">\n                {{ page.mail }}</a\n              >\n            </p>\n          </div>\n        </div>\n        <div class=\"page-team__col-right\">\n          <header class=\"page-team__header\">\n            <h1 class=\"title-base-mix\" v-html=\"page.name\" />\n            <p class=\"text-m-1 is-text-uppercase\" v-html=\"page.role\" />\n          </header>\n          <template v-if=\"!matchMedia\">\n            <div\n              v-if=\"page?.image\"\n              class=\"page-team__image__wrap\"\n              data-animate=\"block-image-preview\"\n            >\n              <WidgetPicture\n                class=\"page-team__image\"\n                :image=\"{ custom: page?.image?.responsiveImage }\"\n                :lazyLoad=\"true\"\n                :alt=\"page.title\"\n              />\n            </div>\n            <div class=\"page-team__details\">\n              <p v-if=\"page.linkedin && page.linkedin !== ''\" class=\"text-1\">\n                <a :href=\"page.linkedin\" target=\"_blank\">Linkedin</a>\n              </p>\n              <p v-if=\"page.tel && page.tel !== ''\" class=\"text-1\">\n                <a :href=\"`tel:${page.tel.replace(/\\s/g, '')}`\">\n                  {{ page.tel }}</a\n                >\n              </p>\n              <p v-if=\"page.mail && page.mail !== ''\" class=\"text-1\">\n                <a :href=\"`mailto:${page.mail.replace(/\\s/g, '')}`\">\n                  {{ page.mail }}</a\n                >\n              </p>\n            </div>\n          </template>\n          <div class=\"page-team__desc text-m-1\" v-html=\"page.bio\" />\n        </div>\n      </div>\n    </section>\n    <PagesCommonExtraScrollBlock v-if=\"nextTeam\">\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        \n           <p class=\"title-base-mix extra-scroll-block__title\"> {{ nextTeam.name}}</p>\n       \n        \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: 750px)')\n\nconst query = queries.team.getTeam\nconst variables = computed(() => ({\n  locale: locale.value,\n  filter: { slug: { eq: route.params.slug } },\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?.team) {\n  throw createError({ statusCode: 404 })\n}\nconst page = computed(() => data.value?.team)\nconst seo = computed(() => data.value?.team?.seo || {})\nconst allTeams = computed(() => data.value?.allTeams)\n\n//const latestNews = computed(() => data.value?.allNews)\nconst nextTeam = computed(() => {\n  return allTeams.value.find(el => el.position === page.value.position + 1) ? allTeams.value.find(el => el.position === page.value.position + 1) : allTeams.value.find(el => el.position === 1)\n  }\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 dataFormatted = (date) => {\n  const data = new Date(date)\n  // Array dei nomi dei mesi in inglese\n  const months = [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ]\n\n  const day = data.getDate().toString().padStart(2, '0')\n  const month = months[data.getMonth()]\n  const year = data.getFullYear()\n\n  const dataFormat = `${day} ${month} ${year}`\n  return dataFormat\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: 'team-slug', params: {slug: nextTeam.value.slug}}));\n          }, 500)\n        }\n      })\n      \n       if (extraScrollPercentage.value >= 100) {\n       \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","matchMedia","useHelpers","query","queries","variables","computed","data","__temp","__restore","_withAsyncContext","useGraphql","_a","createError","page","seo","_b","allTeams","nextTeam","el","extraScroll","SCROLL_THRESHOLD","isTransitioning","extraScrollPercentage","touchStartY","onMounted","handleScroll","event","onBeforeUnmount","onUnmounted","useSeo","watch","baretta","scrollPosition","documentHeight","scrollDelta","gsap"],"mappings":"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"}