{"version":3,"file":"B77bnMcg.js","sources":["../../../../components/widget/anchor-menu/mobile/index.vue","../../../../components/widget/anchor-menu/desk/index.vue","../../../../components/widget/anchor-menu/index.vue","../../../../pages/prodotti/index.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"items && items.length\"\n    :class=\"['anchor-menu-mobile', { '--menu-hide': hideScrollTop }]\"\n  >\n    <div\n      v-element-sizes=\"{ id: 'nav-anchor' }\"\n      class=\"anchor-menu-mobile__wrap\"\n      ref=\"anchorMenu\"\n    >\n      <swiper\n        ref=\"swiperRef\"\n        :slides-per-view=\"'auto'\"\n        :spaceBetween=\"20\"\n        :centeredSlides=\"false\"\n        :mousewheel=\"true\"\n        class=\"anchor-menu__slider\"\n        @swiper=\"(swiper) => (swiperInstance = swiper)\"\n      >\n        <swiper-slide\n          v-for=\"(item, index) in items\"\n          :key=\"item.id\"\n          :class=\"{ '--is-active': active === index }\"\n        >\n          <NuxtLink\n            :to=\"localePath({ hash: `#${item.idAnchor}` })\"\n            @click.prevent=\"scrollToSection(`#${item.idAnchor}`)\"\n            class=\"anchor-menu__item-wrap\"\n          >\n            <span v-if=\"matchMedia\" class=\"anchor-menu__item-circle\"></span>\n            <!-- Usa v-if per mostrare solo l'elemento attivo -->\n            <div\n              :class=\"{ '--is-active': active === index }\"\n              ref=\"anchors\"\n              class=\"anchor-menu__el\"\n            >\n              <span v-if=\"matchMedia\" class=\"anchor-menu__el__bar\" />\n              <div\n                v-html=\"\n                  matchMedia\n                    ? item.header.title\n                    : item.header.title.replace(/<br\\s*\\/?>/gi, ' ')\n                \"\n              />\n            </div>\n          </NuxtLink>\n        </swiper-slide>\n      </swiper>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'AnchorMenu',\n}\n</script>\n\n<script setup>\nimport { gsap } from 'gsap'\nimport { Swiper, SwiperSlide } from 'swiper/vue'\n\nconst props = defineProps({\n  items: {\n    type: Array,\n    default: () => [],\n  },\n  showIndexes: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst active = ref(0)\n\nconst matchMedia = useHelpers().evalMatchMedia('(min-width: 1000px)')\n\nconst scrolledProductState = useScrolledProductState()\n\nconst hideScrollTop = setHideScrollTop()\n\nconst anchors = ref([])\n\nconst route = useRoute()\n\nconst scrollToSection = (id) => {\n  const element = document.querySelector(id)\n  if (element) {\n    window.lenis.scrollTo(element, {\n      duration: 0.2,\n    })\n    const selectActive = getIndexByAnchor(id.replace(/#/g, ''))\n    active.value = selectActive\n  }\n}\n\nconst swiperRef = ref(null)\nconst swiperInstance = ref(null) // Riferimento allo Swiper\n\n// Funzione per passare a una slide specifica\nconst goToSlide = (index) => {\n  if (swiperInstance.value) {\n    swiperInstance.value.slideTo(index) // Sposta Swiper sulla slide attiva\n  }\n}\n\nconst getIndexByAnchor = (anchor) => {\n  return props.items.findIndex((item) => item.idAnchor === anchor)\n}\n\nconst handleAnimation = (newIndex) => {\n  const currentAnchor = anchors.value[active.value]\n  const nextAnchor = anchors.value[newIndex]\n  console.log(nextAnchor, currentAnchor)\n  active.value = newIndex\n  goToSlide(newIndex)\n  /* gsap.to(currentAnchor, {\n    opacity: 0,\n    duration: 0.6,\n    onComplete: () => {\n      active.value = newIndex;\n\n      // Anima l'ingresso del nuovo valore\n      gsap.fromTo(\n        nextAnchor,\n        { opacity: 0 },\n        { opacity: 1,  duration: 0.4 }\n      );\n    },\n  });*/\n}\n\nwatch(\n  () => scrolledProductState.value.action,\n  (newAction) => {\n    const currentIndex = active.value\n\n    if (newAction === 'enter') {\n      // Sto scrollando verso il basso, quindi devo prendere l'ancora relativa allo scrolledProductState.value.anchor\n      const nextIndex = getIndexByAnchor(scrolledProductState.value.anchor)\n      if (nextIndex !== -1 && nextIndex !== currentIndex) {\n        handleAnimation(nextIndex)\n      }\n    } else if (newAction === 'leave-back') {\n      // Sto scrollando verso l'alto, quindi devo prendere l'ancora precedente\n      const currentAnchorIndex = getIndexByAnchor(\n        scrolledProductState.value.anchor\n      )\n      const previousIndex = currentAnchorIndex > 0 ? currentAnchorIndex - 1 : 0\n\n      if (previousIndex !== -1 && previousIndex !== currentIndex) {\n        handleAnimation(previousIndex)\n      }\n    }\n  }\n)\n\nonMounted(() => {\n  if (route.hash) {\n    scrollToSection(route.hash)\n  } else {\n    active.value = 0\n    const mountedActive = getIndexByAnchor(scrolledProductState.value.anchor)\n    if (mountedActive !== -1) {\n      handleAnimation(mountedActive)\n    } else {\n      handleAnimation(0)\n    }\n  }\n})\n\nonMounted(() => {\n  anchors.value = document.querySelectorAll('.anchor-menu__el')\n  if (!matchMedia.value) {\n    setTimeout(() => {\n      checkSticky()\n    }, 300)\n  }\n})\n\nconst anchorMenu = ref()\n\nconst checkSticky = () => {\n  const stickyElement = document.querySelector('.anchor-menu-mobile')\n  /*const stickyOffset = stickyElement.offsetTop;\nconst stickyHeight = anchorMenu.value.offsetHeight ;\nconsole.log(stickyOffset, stickyHeight)*/\n\n  window.addEventListener('scroll', () => {\n    if (window.scrollY >= window.innerHeight) {\n      stickyElement.classList.add('is-sticky')\n    } else {\n      stickyElement.classList.remove('is-sticky')\n    }\n  })\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div\n    v-if=\"items && items.length\"\n    :class=\"['anchor-menu', { '--menu-hide': hideScrollTop }]\"\n  >\n    <div\n      v-element-sizes=\"{ id: 'nav-anchor' }\"\n      class=\"anchor-menu__wrap\"\n      ref=\"anchorMenu\"\n    >\n      <ul class=\"anchor-menu__list\">\n        <li\n          v-for=\"(item, index) in items\"\n          :key=\"item.id\"\n          :class=\"{ '--is-active': active === index }\"\n        >\n          <NuxtLink\n            :to=\"localePath({ hash: `#${item.idAnchor}` })\"\n            @click.prevent=\"scrollToSection(`#${item.idAnchor}`)\"\n            class=\"anchor-menu__item-wrap\"\n          >\n            <span v-if=\"matchMedia\" class=\"anchor-menu__item-circle\"></span>\n            <!-- Usa v-if per mostrare solo l'elemento attivo -->\n            <div\n              :class=\"{ '--is-active': active === index }\"\n              ref=\"anchors\"\n              class=\"anchor-menu__el\"\n            >\n              <span v-if=\"matchMedia\" class=\"anchor-menu__el__bar\" />\n              <div\n                v-html=\"\n                  matchMedia\n                    ? item.header.title\n                    : item.header.title.replace(/<br\\s*\\/?>/gi, ' ')\n                \"\n              />\n            </div>\n          </NuxtLink>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'AnchorMenu',\n}\n</script>\n\n<script setup>\nimport { gsap } from 'gsap'\nimport { Swiper, SwiperSlide } from 'swiper/vue'\n\nconst props = defineProps({\n  items: {\n    type: Array,\n    default: () => [],\n  },\n  showIndexes: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst active = ref(0)\n\nconst matchMedia = useHelpers().evalMatchMedia('(min-width: 1000px)')\n\nconst scrolledProductState = useScrolledProductState()\n\nconst hideScrollTop = setHideScrollTop()\n\nconst anchors = ref([])\n\nconst route = useRoute()\n\nconst scrollToSection = (id) => {\n  const element = document.querySelector(id)\n  if (element) {\n    window.lenis.scrollTo(element, {\n      duration: 0.2,\n    })\n    const selectActive = getIndexByAnchor(id.replace(/#/g, ''))\n    active.value = selectActive\n  }\n}\n\nconst getIndexByAnchor = (anchor) => {\n  return props.items.findIndex((item) => item.idAnchor === anchor)\n}\n\nconst handleAnimation = (newIndex) => {\n  const currentAnchor = anchors.value[active.value]\n  const nextAnchor = anchors.value[newIndex]\n  console.log(nextAnchor, currentAnchor)\n  active.value = newIndex\n  /* gsap.to(currentAnchor, {\n    opacity: 0,\n    duration: 0.6,\n    onComplete: () => {\n      active.value = newIndex;\n\n      // Anima l'ingresso del nuovo valore\n      gsap.fromTo(\n        nextAnchor,\n        { opacity: 0 },\n        { opacity: 1,  duration: 0.4 }\n      );\n    },\n  });*/\n}\n\nwatch(\n  () => scrolledProductState.value.action,\n  (newAction) => {\n    const currentIndex = active.value\n\n    if (newAction === 'enter') {\n      // Sto scrollando verso il basso, quindi devo prendere l'ancora relativa allo scrolledProductState.value.anchor\n      const nextIndex = getIndexByAnchor(scrolledProductState.value.anchor)\n      if (nextIndex !== -1 && nextIndex !== currentIndex) {\n        console.log(nextIndex)\n        handleAnimation(nextIndex)\n      }\n    } else if (newAction === 'leave-back') {\n      // Sto scrollando verso l'alto, quindi devo prendere l'ancora precedente\n      const currentAnchorIndex = getIndexByAnchor(\n        scrolledProductState.value.anchor\n      )\n      const previousIndex = currentAnchorIndex > 0 ? currentAnchorIndex - 1 : 0\n\n      if (previousIndex !== -1 && previousIndex !== currentIndex) {\n        handleAnimation(previousIndex)\n      }\n    }\n  }\n)\n\nonMounted(() => {\n  if (route.hash) {\n    scrollToSection(route.hash)\n  } else {\n    active.value = 0\n    const mountedActive = getIndexByAnchor(scrolledProductState.value.anchor)\n    if (mountedActive !== -1) {\n      handleAnimation(mountedActive)\n    } else {\n      handleAnimation(0)\n    }\n  }\n})\n\nonMounted(() => {\n  anchors.value = document.querySelectorAll('.anchor-menu__el')\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <template v-if=\"!matchMedia\">\n    <WidgetAnchorMenuMobile :items=\"props.items\" />\n  </template>\n  <template v-else>\n    <WidgetAnchorMenuDesk :items=\"props.items\" />\n  </template>\n</template>\n\n<script>\nexport default {\n  name: 'AnchorMenu',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  items: {\n    type: Array,\n    default: () => [],\n  },\n  showIndexes: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst matchMedia = useHelpers().evalMatchMedia('(min-width: 1000px)')\n</script>\n","<template>\n  <div class=\"page page-prodotti\">\n    <PagesCommonHero v-if=\"productsPage.hero\" :hero=\"productsPage.hero\" />\n    <WidgetAnchorMenu v-if=\"productsSection\" :items=\"productsSection\" />\n    <PagesCommonModularBody\n      v-if=\"productsPage.body\"\n      :items=\"productsPage.body\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport queries from '@/graphql/dato/queries/index.js'\nimport pageTransition from '@/assets/js/transitions/helper.js'\nimport { useDatoStore } from '@/store/dato.js'\n\ndefinePageMeta({\n  layout: 'default',\n  pageTransition,\n})\n\nconst { locale } = useI18n()\nconst touch = ref(false)\n\nconst query = queries.products.getProductsPage\nconst variables = computed(() => ({\n  locale: locale.value,\n}))\n\nconst { data } = await useGraphql(query, variables)\n\nif (!data.value?.productsPage) {\n  throw createError({ statusCode: 404 })\n}\n\nonMounted(() => {\n  touch.value = 'ontouchstart' in window || !!navigator.maxTouchPoints /// !! trasformano 0/1 in Bool\n})\n\nconst productsPage = computed(() => data.value?.productsPage)\nconst seo = computed(() => data.value?.productsPage?.seo || {})\n\n// Seo\nuseSeo({\n  ...seo.value,\n})\n\nconst productsSection = computed(\n  () =>\n    data.value?.productsPage?.body.filter(\n      (el) => el.__typename === 'ProductsSectionRecord'\n    ) || null\n)\n</script>\n"],"names":["__default__","props","__props","active","ref","matchMedia","useHelpers","scrolledProductState","useScrolledProductState","hideScrollTop","setHideScrollTop","anchors","route","useRoute","scrollToSection","id","element","selectActive","getIndexByAnchor","swiperRef","swiperInstance","goToSlide","index","anchor","item","handleAnimation","newIndex","currentAnchor","nextAnchor","watch","newAction","currentIndex","nextIndex","currentAnchorIndex","previousIndex","onMounted","mountedActive","checkSticky","anchorMenu","stickyElement","locale","useI18n","touch","query","queries","variables","computed","data","__temp","__restore","_withAsyncContext","useGraphql","_a","createError","productsPage","seo","_b","useSeo","productsSection","el"],"mappings":"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"}