{"version":3,"file":"f3FUWpxA.js","sources":["../../../../components/carousel/projects/index.vue"],"sourcesContent":["<template>\n  <div\n    class=\"carousel-projects\"\n    ref=\"carouselRef\"\n    :class=\"{ '--has-title': props.title }\"\n  >\n    <div\n      v-if=\"props.title\"\n      class=\"text-l-2 carousel-projects__title\"\n      v-html=\"props.title\"\n    />\n\n    <WidgetSliderSwiper\n      ref=\"swiperRef\"\n      :length=\"props.slides.length\"\n      :options=\"{\n        pagination: true,\n        hideButtons: true,\n        clickable: true,\n        slidesPerView: 'auto',\n      }\"\n    >\n      <template\n        v-for=\"(slide, index) in props.slides\"\n        :key=\"index\"\n        #[`slide-${index}`]\n      >\n        <PagesCommonProjectItem :data=\"slide\" />\n      </template>\n    </WidgetSliderSwiper>\n    <div\n      v-if=\"!touch\"\n      class=\"carousel-projects__prev-area\"\n      @mousemove=\"handleMouseMove($event, 'prev')\"\n      @click=\"handleClick($event, 'prev')\"\n      @mouseleave=\"mouseLeave\"\n    />\n    <div\n      v-if=\"!touch\"\n      class=\"carousel-projects__next-area\"\n      @mousemove=\"handleMouseMove($event, 'next')\"\n      @click=\"handleClick($event, 'next')\"\n      @mouseleave=\"mouseLeave\"\n    />\n    <div\n      v-if=\"!touch\"\n      ref=\"cursorRef\"\n      class=\"carousel-projects__cursor\"\n      :class=\"{\n        'is-left': isLeft,\n        'is-right': isRight,\n      }\"\n    >\n      <svg\n        id=\"arr-left\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"57\"\n        height=\"55\"\n        viewBox=\"0 0 57 55\"\n      >\n        <g id=\"Arrow_Left\" transform=\"translate(995.122 3485.633) rotate(180)\">\n          <rect\n            id=\"Rettangolo_93\"\n            data-name=\"Rettangolo 93\"\n            width=\"57\"\n            height=\"55\"\n            rx=\"27.5\"\n            transform=\"translate(938.122 3430.633)\"\n            fill=\"#ff6d05\"\n          />\n          <path\n            id=\"Unione_22\"\n            data-name=\"Unione 22\"\n            d=\"M-362.777-540.031a1.5,1.5,0,0,1,0-2.121l8.975-8.975h-19.45a1.5,1.5,0,0,1-1.5-1.5,1.5,1.5,0,0,1,1.5-1.5H-353.8l-8.974-8.975a1.5,1.5,0,0,1,0-2.121,1.5,1.5,0,0,1,2.121,0l11.535,11.535q.032.032.061.065h0l.006.007a1.494,1.494,0,0,1,.371.97c0,.006,0,.013,0,.019s0,.013,0,.019a1.492,1.492,0,0,1-.327.916v0l-.008.01,0,.006,0,0q-.045.054-.094.1l-11.535,11.535a1.5,1.5,0,0,1-1.061.44A1.493,1.493,0,0,1-362.777-540.031Z\"\n            transform=\"translate(1328.402 4011.112)\"\n            fill=\"#f7f1e9\"\n          />\n        </g>\n      </svg>\n\n      <svg\n        id=\"arr-right\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"57\"\n        height=\"55\"\n        viewBox=\"0 0 57 55\"\n      >\n        <g id=\"Arrow_Right\" transform=\"translate(-938.122 -3430.633)\">\n          <rect\n            id=\"Rettangolo_93\"\n            data-name=\"Rettangolo 93\"\n            width=\"57\"\n            height=\"55\"\n            rx=\"27.5\"\n            transform=\"translate(938.122 3430.633)\"\n            fill=\"#ff6d05\"\n          />\n          <path\n            id=\"Unione_22\"\n            data-name=\"Unione 22\"\n            d=\"M-362.777-540.031a1.5,1.5,0,0,1,0-2.121l8.975-8.975h-19.45a1.5,1.5,0,0,1-1.5-1.5,1.5,1.5,0,0,1,1.5-1.5H-353.8l-8.974-8.975a1.5,1.5,0,0,1,0-2.121,1.5,1.5,0,0,1,2.121,0l11.535,11.535q.032.032.061.065h0l.006.007a1.494,1.494,0,0,1,.371.97c0,.006,0,.013,0,.019s0,.013,0,.019a1.492,1.492,0,0,1-.327.916v0l-.008.01,0,.006,0,0q-.045.054-.094.1l-11.535,11.535a1.5,1.5,0,0,1-1.061.44A1.493,1.493,0,0,1-362.777-540.031Z\"\n            transform=\"translate(1328.402 4011.112)\"\n            fill=\"#f7f1e9\"\n          />\n        </g>\n      </svg>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'CarouselProjects',\n}\n</script>\n\n<script setup>\nimport { gsap } from 'gsap'\nimport { lerp } from '~/assets/js/utils.js'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: '',\n  },\n  slides: {\n    type: Array,\n    default: () => [],\n  },\n})\n\nconst touch = ref(false)\n\nconst carouselRef = ref(null)\nconst cursorRef = ref(null)\nconst swiperRef = ref(null)\nconst isCursorVisible = ref(false)\nconst isLeft = ref(false)\nconst isRight = ref(false)\nconst targetX = ref(0)\nconst targetY = ref(0)\nconst cursorX = ref(0)\nconst cursorY = ref(0)\nconst currentMask = ref('')\n\nconst cursorSize = 32\n\nconst updateMousePosition = (event) => {\n  const rect = carouselRef.value.getBoundingClientRect()\n  targetX.value = event.clientX - rect.left\n  targetY.value = event.clientY - rect.top\n}\n\nconst handleMouseMove = (event, action) => {\n  updateMousePosition(event)\n  if (action === 'prev' || action === 'next') {\n    if (action === 'prev') {\n      isRight.value = false\n      isLeft.value = true\n    }\n    if (action === 'next') {\n      isLeft.value = false\n      isRight.value = true\n    }\n\n    if (!isCursorVisible.value && cursorRef.value) {\n      isCursorVisible.value = true\n      gsap.to(cursorRef.value, {\n        scale: 1,\n        duration: 0.5,\n        ease: 'power2.out',\n      })\n    }\n\n    const mask =\n      action === 'prev' ? 'url(#playMaskLeft)' : 'url(#playMaskRight)'\n    gsap.delayedCall(0.25, () => {\n      currentMask.value = mask\n    })\n  }\n}\n\nconst handleClick = (event, action) => {\n  if (action === 'prev') {\n    swiperRef.value.slidePrev()\n  } else if (action === 'next') {\n    swiperRef.value.slideNext()\n  }\n}\n\nconst mouseLeave = () => {\n  if (cursorRef.value) {\n    gsap.to(cursorRef.value, {\n      scale: 0,\n      duration: 0.5,\n      ease: 'power2.out',\n      onComplete: () => {\n        isCursorVisible.value = false\n      },\n    })\n  }\n}\n\nconst animateCursor = () => {\n  cursorX.value = lerp(cursorX.value, targetX.value - cursorSize, 0.1)\n  cursorY.value = lerp(cursorY.value, targetY.value - cursorSize, 0.1)\n\n  if (cursorRef.value) {\n    gsap.to(cursorRef.value, {\n      x: cursorX.value,\n      y: cursorY.value,\n      duration: 0.1,\n      ease: 'none',\n    })\n  }\n\n  requestAnimationFrame(animateCursor)\n}\n\nonMounted(() => {\n  touch.value = 'ontouchstart' in window || !!navigator.maxTouchPoints\n  carouselRef.value.addEventListener('mousemove', handleMouseMove)\n  animateCursor()\n  // T-A-C-O-N\n  setTimeout(() => {\n    window.dispatchEvent(new Event('resize'))\n  }, 1000)\n})\n\nonUnmounted(() => {\n  if (carouselRef.value) {\n    carouselRef.value.removeEventListener('mousemove', handleMouseMove)\n  }\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n"],"names":["__default__","props","__props","touch","ref","carouselRef","cursorRef","swiperRef","isCursorVisible","isLeft","isRight","targetX","targetY","cursorX","cursorY","currentMask","cursorSize","updateMousePosition","event","rect","handleMouseMove","action","gsap","mask","handleClick","mouseLeave","animateCursor","lerp","onMounted","onUnmounted"],"mappings":"u3DA+GAA,EAAe,CACb,KAAM,kBACR,wGAOA,MAAMC,EAAQC,EAWRC,EAAQC,EAAI,EAAK,EAEjBC,EAAcD,EAAI,IAAI,EACtBE,EAAYF,EAAI,IAAI,EACpBG,EAAYH,EAAI,IAAI,EACpBI,EAAkBJ,EAAI,EAAK,EAC3BK,EAASL,EAAI,EAAK,EAClBM,EAAUN,EAAI,EAAK,EACnBO,EAAUP,EAAI,CAAC,EACfQ,EAAUR,EAAI,CAAC,EACfS,EAAUT,EAAI,CAAC,EACfU,EAAUV,EAAI,CAAC,EACfW,EAAcX,EAAI,EAAE,EAEpBY,EAAa,GAEbC,EAAuBC,GAAU,CACrC,MAAMC,EAAOd,EAAY,MAAM,sBAAuB,EACtDM,EAAQ,MAAQO,EAAM,QAAUC,EAAK,KACrCP,EAAQ,MAAQM,EAAM,QAAUC,EAAK,GACvC,EAEMC,EAAkB,CAACF,EAAOG,IAAW,CAEzC,GADAJ,EAAoBC,CAAK,EACrBG,IAAW,QAAUA,IAAW,OAAQ,CACtCA,IAAW,SACbX,EAAQ,MAAQ,GAChBD,EAAO,MAAQ,IAEbY,IAAW,SACbZ,EAAO,MAAQ,GACfC,EAAQ,MAAQ,IAGd,CAACF,EAAgB,OAASF,EAAU,QACtCE,EAAgB,MAAQ,GACxBc,EAAK,GAAGhB,EAAU,MAAO,CACvB,MAAO,EACP,SAAU,GACV,KAAM,YACd,CAAO,GAGH,MAAMiB,EACJF,IAAW,OAAS,qBAAuB,sBAC7CC,EAAK,YAAY,IAAM,IAAM,CAC3BP,EAAY,MAAQQ,CAC1B,CAAK,CACF,CACH,EAEMC,EAAc,CAACN,EAAOG,IAAW,CACjCA,IAAW,OACbd,EAAU,MAAM,UAAW,EAClBc,IAAW,QACpBd,EAAU,MAAM,UAAW,CAE/B,EAEMkB,EAAa,IAAM,CACnBnB,EAAU,OACZgB,EAAK,GAAGhB,EAAU,MAAO,CACvB,MAAO,EACP,SAAU,GACV,KAAM,aACN,WAAY,IAAM,CAChBE,EAAgB,MAAQ,EACzB,CACP,CAAK,CAEL,EAEMkB,EAAgB,IAAM,CAC1Bb,EAAQ,MAAQc,EAAKd,EAAQ,MAAOF,EAAQ,MAAQK,EAAY,EAAG,EACnEF,EAAQ,MAAQa,EAAKb,EAAQ,MAAOF,EAAQ,MAAQI,EAAY,EAAG,EAE/DV,EAAU,OACZgB,EAAK,GAAGhB,EAAU,MAAO,CACvB,EAAGO,EAAQ,MACX,EAAGC,EAAQ,MACX,SAAU,GACV,KAAM,MACZ,CAAK,EAGH,sBAAsBY,CAAa,CACrC,EAEA,OAAAE,EAAU,IAAM,CACdzB,EAAM,MAAQ,iBAAkB,QAAU,CAAC,CAAC,UAAU,eACtDE,EAAY,MAAM,iBAAiB,YAAae,CAAe,EAC/DM,EAAe,EAEf,WAAW,IAAM,CACf,OAAO,cAAc,IAAI,MAAM,QAAQ,CAAC,CACzC,EAAE,GAAI,CACT,CAAC,EAEDG,EAAY,IAAM,CACZxB,EAAY,OACdA,EAAY,MAAM,oBAAoB,YAAae,CAAe,CAEtE,CAAC"}