{"version":3,"file":"XoHuz8mH.js","sources":["../../../../components/pages/team/listing-block/index.vue","../../../../pages/team/index.vue"],"sourcesContent":["<template>\n  <article\n    class=\"team-listing-block\"\n    ref=\"block\"\n    :class=\"{\n      'is-hover': isHover,\n      'is-alternative': alternative,\n    }\"\n    @mouseenter=\"onMouseEnter\"\n    @mouseleave=\"onMouseLeave\"\n  >\n    <nuxt-link\n      :to=\"localePath({ name: 'team-slug', params: { slug: props.item.slug } })\"\n      class=\"team-listing-block__wrap\"\n    >\n      <div\n        class=\"team-listing-block__image__wrap\"\n        data-animate=\"block-image-preview\"\n      >\n        <WidgetPicture\n          class=\"team-listing-block__image\"\n          :image=\"{ custom: props.item?.image?.responsiveImage }\"\n          :lazyLoad=\"true\"\n          :alt=\"props.item.name\"\n        />\n      </div>\n\n      <div class=\"team-listing-block__content__wrap\">\n        <div class=\"team-listing-block__content\">\n          <h2\n            :class=\"props.showHover ? 'title-m-1' : 'text-m-1'\"\n            class=\"team-listing-block__content__title\"\n          >\n            {{ props.item.name }}\n          </h2>\n\n          <template v-if=\"props.item.role && props.item.role !== ''\">\n            <p\n              ref=\"role\"\n              v-html=\"props.item.role\"\n              class=\"text-m-1 is-text-uppercase team-listing-block__content__role\"\n              data-animate=\"block-role\"\n            />\n          </template>\n        </div>\n      </div>\n    </nuxt-link>\n  </article>\n</template>\n\n<script>\nexport default {\n  name: 'PagesTeamListingBlock',\n}\n</script>\n\n<script setup>\nimport { gsap } from 'gsap'\nimport { debounce } from '~/assets/js/utils.js'\n\nconst props = defineProps({\n  item: Object,\n  alternative: Boolean,\n  showHover: {\n    type: Boolean,\n    default: true,\n  },\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 matchMedia = useHelpers().evalMatchMedia('(min-width: 1100px)')\n\nonMounted(() => {\n  touch.value = 'ontouchstart' in window || !!navigator.maxTouchPoints /// !! trasformano 0/1 in Bool\n  window.addEventListener('resize', debounce(onResize))\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 onMouseEnter = () => {\n  if (touch.value || !matchMedia.value) return false\n\n  const parent = block.value\n  const image = parent?.querySelector('[data-animate=\"block-image-preview\"]')\n  const role = parent?.querySelector('[data-animate=\"block-role\"]')\n\n  if (props.showHover) {\n    isHover.value = true\n  } else {\n    return false\n  }\n\n  if (image) {\n    gsap.to(image, { autoAlpha: 1, duration, ease })\n  }\n\n  if (role) {\n    gsap.to(role, { autoAlpha: 1, duration, ease })\n  }\n}\n\nconst onMouseLeave = () => {\n  if (touch.value || !matchMedia.value) return false\n\n  const parent = block.value\n  const image = parent?.querySelector('[data-animate=\"block-image-preview\"]')\n  const role = parent?.querySelector('[data-animate=\"block-role\"]')\n\n  isHover.value = false\n\n  if (image) {\n    gsap.to(image, { autoAlpha: 0, duration, ease })\n  }\n\n  if (role) {\n    gsap.to(role, { autoAlpha: 0, duration, ease })\n  }\n\n  /*if (hasPreview.value) {\n    gsap.to(video, { autoAlpha: 0, duration, ease })\n  }\n\n  if (hasQuickView.value || props.alternative) {\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\nconst onResize = () => {\n  const parent = block.value\n  const image = parent?.querySelector('[data-animate=\"block-image-preview\"]')\n  const role = parent?.querySelector('[data-animate=\"block-role\"]')\n  if (!matchMedia.value) {\n    if (image) {\n      gsap.to(image, { autoAlpha: 1, duration, ease })\n    }\n\n    if (role) {\n      gsap.to(role, { autoAlpha: 1, duration, ease })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"page page-pubblication page-light p-top-header\">\n    <section>\n      <div class=\"row-4-desk\">\n        <PagesCommonTextHeader\n          v-if=\"page\"\n          :title=\"page.title\"\n          :subtitle=\"page?.subtitle\"\n          class=\"--align-left\"\n        />\n      </div>\n    </section>\n    <section v-if=\"team && team.length > 0\" class=\"team-list m-top-xxxl-1\">\n      <ul class=\"team-list__list\">\n        <li v-for=\"member in team\" :key=\"member.id\" class=\"team-list__item\">\n          <PagesTeamListingBlock :item=\"member\" />\n        </li>\n      </ul>\n    </section>\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\">Lab</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\nconst query = queries.team.getTeamPage\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\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\nconst { data } = await useGraphql(query, variables)\n\nif (!data.value?.teamPage) {\n  //throw createError({ statusCode: 404 })\n}\nconst page = computed(() => data.value?.teamPage)\nconst seo = computed(() => data.value?.teamPage?.seo || {})\nconst team = computed(() => data.value?.allTeams)\n\nonMounted(() => {\n\n})\n\n// Gestisci lo scroll extra quando l'utente arriva al fondo della pagina\n  /*const handleScroll = (event) => {\n    const scrollHeight = document.documentElement.scrollHeight;\n    const scrollTop = window.scrollY;\n    const windowHeight = window.innerHeight;\n\nconsole.log(scrollTop, windowHeight, scrollHeight)\n    // Verifica se siamo alla fine della pagina\n    if (scrollTop + windowHeight >= scrollHeight - 5) {\n      console.log('dentro if')\n      // Calcola quanto extra lo scroll è stato oltre la fine della pagina\n      //const extraScroll = scrollTop + windowHeight - scrollHeight;\n      \n\n     extraScroll += event.deltaY\n     console.log(extraScroll)\n\n      // Controlla la percentuale di scroll extra rispetto alla soglia\n      const scrollPercentage = Math.min((extraScroll / SCROLL_THRESHOLD) * 100, 100);\n      console.log(scrollPercentage)\n\nconst baretta = document.querySelector('.progress-bar-violet')\n      console.log(progressBar)\n      // Riempi la progress bar in base allo scroll extra\n      gsap.to(baretta, {\n        width: `${scrollPercentage.value}%`,\n        duration: 0.1,\n      });\n\n      // Cambia pagina se il scroll extra ha superato la soglia\n      if (extraScroll >= SCROLL_THRESHOLD) {\n        //changePage();\n      }\n    }\n  };*/\n\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 = 60\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//console.log(extraScroll)\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\n      gsap.to(baretta, {\n        width: `100%`,\n        duration: 0.1,\n        onComplete: ()=>{\n          isTransitioning.value = true;\n            setTimeout(() => {\n            router.push(localePath({name: 'lab'}));\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    //isTransitioning.value = false;\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\n</script>\n"],"names":["__default__","props","__props","block","ref","isHover","touch","duration","ease","matchMedia","useHelpers","onMounted","debounce","onResize","onMouseEnter","parent","image","role","gsap","onMouseLeave","locale","useI18n","route","useRoute","router","useRouter","localePath","useLocalePath","query","queries","variables","computed","extraScroll","SCROLL_THRESHOLD","isTransitioning","extraScrollPercentage","touchStartY","data","__temp","__restore","_withAsyncContext","useGraphql","_a","page","seo","_b","team","handleScroll","event","onBeforeUnmount","onUnmounted","useSeo","watch","baretta","scrollPosition","documentHeight","scrollDelta"],"mappings":"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"}