{"version":3,"mappings":"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","names":["isLG","useBreakpoints","theme","patternRef","ref","stage","clientNumberRef","numbersRef","bgTween","bgTweenOpposite","tween","isInitialAnimationDone","isSectionVisible","stop","useIntersectionObserver","isIntersecting","_observerElement","watch","pattern","_a","gElements","gsap","ScrollTrigger","layer","index","el","onUnmounted"],"sources":["../../../../components/section/client-numbers/SectionClientNumbers.global.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"clientNumberRef\"\n    class=\"bg-noiseGradientGreen min-h-screen overflow-hidden py-28 lg:py-36\"\n  >\n    <div class=\"relative min-h-screen transition opacity duration-1000\" :class=\"isSectionVisible ? 'opacity-100' : 'opacity-0'\">\n      <div\n        ref=\"stage\"\n        class=\"logo-wrapper absolute left-0 right-0 mx-auto h-full w-full max-w-[746px] lg:max-w-[1500px] min-h-screen\"\n      >\n        <LazyLogoPattern v-if=\"isSectionVisible\" ref=\"patternRef\" class=\"absolute h-full w-full\" />\n      </div>\n      <div\n        :class=\"isSectionVisible ? 'opacity-100' : 'opacity-0'\"\n        class=\"pointer-events-none relative flex w-fit flex-col gap-8 px-10 pt-24 text-white lg:px-40 transition-opacity delay-1000 duration-1000\"\n      >\n        <div\n          v-for=\"item in data.statistics\"\n          :key=\"item.title\"\n          ref=\"numbersRef\"\n          class=\"numbers-wrapper container\"\n        >\n          <div class=\"font-mono text-5xl-ub lg:text-8xl-ub\">\n            {{ item.number }}\n          </div>\n          <div class=\"text-2xl font-bold\">\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { gsap } from 'gsap'\nimport { ScrollTrigger } from 'gsap/ScrollTrigger'\nimport type { SectionClientNumberListRecord } from '~/types/generated'\nimport { theme } from '#tailwind-config'\n\nconst breakpoints = useBreakpoints(theme.screens)\nconst isLG = breakpoints.greater('lg')\n\ndefineProps({\n  data: {\n    type: Object as PropType<SectionClientNumberListRecord>,\n    default: () => {}\n  }\n})\n\nconst patternRef = ref<Ref<{ logoPattern: Element }> | null>(null)\n\nconst stage: Ref<HTMLDivElement | null> = ref(null)\nconst clientNumberRef = ref<HTMLElement | null>(null)\nconst numbersRef = ref<HTMLElement[] | null>(null)\nlet bgTween: null | any = null\nlet bgTweenOpposite: null | any = null\nlet tween: null | any = null\n\nconst isInitialAnimationDone = ref(false)\nconst isSectionVisible = ref(false)\n\nconst { stop } = useIntersectionObserver(\n  stage,\n  ([{ isIntersecting }], _observerElement) => {\n    if (isIntersecting) {\n      isSectionVisible.value = true\n      if (isInitialAnimationDone.value) {\n        bgTweenOpposite?.paused(false)\n      } else {\n        bgTween?.paused(false)\n      }\n    } else {\n      bgTween?.paused(true)\n      bgTweenOpposite?.paused(true)\n    }\n  },\n  {\n    threshold: 0.2\n  }\n)\n\nwatch(\n  [isSectionVisible, patternRef],\n  () => {\n    const pattern = patternRef.value?.logoPattern\n    const gElements = pattern?.children\n\n    if (\n      isSectionVisible.value &&\n      clientNumberRef.value &&\n      numbersRef.value &&\n      stage.value &&\n      pattern &&\n      gElements\n    ) {\n      gsap.registerPlugin(ScrollTrigger)\n\n      tween = gsap.timeline({\n        scrollTrigger: {\n          trigger: clientNumberRef.value,\n          start: 'top-=40% top',\n          end: 'bottom bottom',\n          scrub: true,\n          markers: false\n        }\n      })\n\n      bgTween = gsap.timeline({\n        onComplete: () => {\n          isInitialAnimationDone.value = true\n          bgTweenOpposite.play()\n        }\n      })\n\n      bgTweenOpposite = gsap.timeline({\n        paused: true,\n        repeat: -1,\n        repeatDelay: 1\n      })\n\n      numbersRef.value.forEach((layer, index) => {\n        tween.from(\n          layer,\n          {\n            x: (index + 2) * 30,\n            opacity: 0,\n            stagger: 2\n          },\n          index * 0.2\n        )\n      })\n\n      tween.from(\n        stage.value,\n        {\n          x: 60,\n          opacity: 0,\n          stagger: 2\n        },\n        -0.2\n      )\n\n      Array.from(gElements).forEach((el, index) => {\n        bgTween.to(\n          el,\n          {\n            color: 'white',\n            stagger: 0.2\n          },\n          isLG.value ? index * 0.01 : index * 0.03\n        )\n\n        bgTweenOpposite.to(\n          el,\n          {\n            color: 'black',\n            stagger: 0.2\n          },\n          isLG.value ? index * 0.01 : index * 0.03\n        )\n\n        if (index % 4 === 0) {\n          bgTweenOpposite.to(\n            el,\n            {\n              color: 'white',\n              delay: 1,\n              stagger: 0.2\n            },\n            '>',\n            isLG.value ? index * 0.01 : index * 0.03\n          )\n        } else {\n          bgTweenOpposite.to(\n            el,\n            {\n              color: 'white',\n              delay: 3,\n              stagger: 0.2\n            },\n            '>',\n            isLG.value ? index * 0.01 : index * 0.03\n          )\n        }\n\n        if (index % 4 === 0) {\n          bgTweenOpposite.to(\n            el,\n            {\n              color: 'black',\n              delay: 3,\n              stagger: 0.2\n            },\n            '>',\n            isLG.value ? index * 0.01 : index * 0.03\n          )\n        } else {\n          bgTweenOpposite.to(\n            el,\n            {\n              color: 'black',\n              delay: 3,\n              stagger: 0.2\n            },\n            '>',\n            isLG.value ? index * 0.01 : index * 0.03\n          )\n        }\n\n        bgTweenOpposite.to(\n          el,\n          {\n            color: 'white',\n            delay: 3,\n            stagger: 0.2\n          },\n          '>',\n          isLG.value ? index * 0.01 : index * 0.03\n        )\n      })\n    }\n  },\n  { deep: true }\n)\n\nonUnmounted(() => {\n  tween?.kill()\n  bgTween?.kill()\n  bgTweenOpposite?.kill()\n  stop()\n})\n</script>\n"],"file":"_nuxt/SectionClientNumbers.global.8ed16861.js"}