{"version":3,"file":"D1Wv1AS1.js","sources":["../../../../../../../app/components/canvas/containers/VideoRocket.vue","../../../../../../../app/components/canvas/containers/SectionHomeContent.vue","../../../../../../../app/components/sections/SectionHome.global.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// import gsap from 'gsap'\n// import { ScrollToPlugin } from 'gsap/ScrollToPlugin'\n\ninterface Props {\n  title: string\n  src: string | undefined\n  srcFull: string | undefined\n  width?: number\n  height?: number\n}\n\nwithDefaults(defineProps<Props>(), {\n  width: 1920,\n  height: 1080\n})\n\nconst emit = defineEmits(['onClick', 'onEnded', 'onExit', 'onMouseEnter', 'onMouseLeave'])\nconst maskRef = ref<SVGElement | null>(null)\n\n// const playerRef = ref(null)\n// const isVideoFullView = ref(false)\n// const { bodyLock, bodyUnlock } = useBodyLock()\n\nconst handlePlay = () => {\n  // if (isVideoFullView.value) return\n  emit('onClick')\n  // bodyLock()\n  /*\n  gsap.to(window, {\n    duration: 0.5,\n    scrollTo: { y: '#home-content-scroll', autoKill: true },\n    ease: 'expo.out'\n  })\n\n  if (!playerRef.value) return\n  playerRef.value.player?.play()\n  */\n  // isVideoFullView.value = true\n}\n\n/*\nconst handleEnded = () => {\n  emit('onEnded', playerRef.value)\n  isVideoFullView.value = false\n  bodyUnlock()\n}\n\nconst handleExit = () => {\n  emit('onExit')\n  isVideoFullView.value = false\n  bodyUnlock()\n\n  if (!playerRef.value) return\n  playerRef.value.player?.pause()\n}\n\nconst isCloseButtonVisible = ref(true)\n\nonMounted(() => {\n  gsap.registerPlugin(ScrollToPlugin)\n})\n*/\n</script>\n\n<template>\n  <div class=\"absolute left-0 top-0 h-full w-full\">\n    <svg ref=\"maskRef\" class=\"fx-mask-svg\" width=\"1\" height=\"1\" viewBox=\"0 0 1 1\" fill=\"none\">\n      <defs>\n        <clipPath id=\"clip-mask\" class=\"fx-mask-group\" clipPathUnits=\"objectBoundingBox\">\n          <path\n            transform=\"scale(1.8, 2.2) translate(-0.1 -0.195) rotate(15 0 0)\"\n            class=\"fx-mask-path\"\n            d=\"M0.573627 0.323593C0.573627 0.323593 0.535666 0.259863 0.51376 0.222865C0.509389 0.215482 0.505049 0.208639 0.5009 0.201908C0.468773 0.149714 0.408906 0.154711 0.390625 0.163081L0.391213 0.162094L0.406712 0.136045C0.448918 0.0653287 0.551244 0.0653287 0.593434 0.136045L0.74787 0.395026C0.77003 0.432198 0.743276 0.479364 0.700037 0.479364C0.679244 0.479364 0.659993 0.468416 0.649342 0.450562L0.573627 0.323593Z\"\n          />\n          <path\n            transform=\"scale(1.8, 2.2) translate(-0.1 -0.195) rotate(15 0 0)\"\n            class=\"fx-mask-path\"\n            d=\"M0.250195 0.39704C0.250483 0.396469 0.250707 0.395835 0.251027 0.395296L0.358766 0.216489C0.371264 0.19545 0.394898 0.181641 0.421269 0.181641C0.446439 0.181641 0.468586 0.194562 0.481419 0.214031C0.482827 0.216156 0.482587 0.21568 0.484939 0.219263C0.485755 0.220579 0.486651 0.222101 0.487483 0.223496L0.430662 0.317767L0.426405 0.324854C0.426949 0.324696 0.427493 0.324537 0.428037 0.324379C0.488684 0.306986 0.55349 0.333432 0.585845 0.387147C0.605816 0.420282 0.625674 0.45326 0.625674 0.45326C0.588054 0.434139 0.535616 0.421773 0.490428 0.421773C0.388593 0.421773 0.354238 0.466419 0.315418 0.477057C0.314714 0.477263 0.313994 0.477422 0.313274 0.477596C0.311386 0.478056 0.309481 0.478437 0.307561 0.478722C0.307049 0.478801 0.306537 0.478833 0.306025 0.478896C0.303801 0.479166 0.301545 0.47934 0.29924 0.47934C0.256372 0.479324 0.229713 0.43379 0.250195 0.39704Z\"\n          />\n          <!-- \n          <rect\n            class=\"fx-mask-path\"\n            width=\"0.3\"\n            height=\"0.3\"\n            x=\"0.5\"\n            y=\"0.5\"\n            transform=\"translate(-0.15, -0.15)\"\n            fill=\"blue\"\n          />\n          -->\n        </clipPath>\n      </defs>\n    </svg>\n    <div\n      class=\"fx-video-mask absolute left-1/2 top-1/2 h-[250px] w-[324px] origin-center -translate-x-1/2 -translate-y-1/2 cursor-pointer object-cover [clip-path:url(#clip-mask)] lg:h-[526px] lg:w-[680px]\"\n      @click=\"handlePlay\"\n      @mouseenter=\"$emit('onMouseEnter')\"\n      @mouseleave=\"$emit('onMouseLeave')\"\n    >\n      <VideoLoop\n        :src=\"src\"\n        :width=\"width\"\n        :height=\"height\"\n        class=\"absolute h-full w-full object-cover\"\n      />\n      <!-- \n      <VideoPlayer\n        v-show=\"isVideoFullView\"\n        ref=\"playerRef\"\n        class=\"absolute h-screen w-screen object-cover\"\n        :options=\"{\n          controls: true,\n          sources: [\n            {\n              src: srcFull,\n              type: 'application/x-mpegURL'\n            }\n          ],\n          preload: 'auto',\n          fill: true,\n          bigPlayButton: false,\n          controlBar: {\n            volumePanel: false,\n            playToggle: false,\n            fullscreenToggle: false,\n            pictureInPictureToggle: false,\n            currentTimeDisplay: false,\n            remainingTimeDisplay: false\n          }\n        }\"\n        @useractive=\"isCloseButtonVisible = true\"\n        @userinactive=\"isCloseButtonVisible = false\"\n        @ended=\"handleEnded\"\n      >\n      </VideoPlayer>\n      -->\n    </div>\n    <div\n      class=\"pointer-events-none absolute left-0 top-0 h-full w-full overflow-hidden lg:text-center\"\n    >\n      <div class=\"container relative h-full lg:flex lg:flex-col lg:justify-center\">\n        <Heading\n          v-if=\"title\"\n          class=\"fx-reel-heading pt-28 font-black leading-[0.84] tracking-tighter text-black opacity-70 mix-blend-overlay clamp-[2.2rem,10.5vw,6.25rem] lg:mx-auto lg:pt-0 lg:clamp-[4rem,11vw,10rem]\"\n          :size=\"undefined\"\n          :is-semantic=\"false\"\n        >\n          <span class=\"fx-hero-title block\" v-html=\"title\" />\n        </Heading>\n      </div>\n    </div>\n    <!-- \n    <Transition name=\"button\">\n      <Button\n        v-show=\"isVideoFullView && isCloseButtonVisible\"\n        variant=\"cta\"\n        class=\"!absolute right-4 top-4 z-[1] md:right-5 md:top-5 [&>span:last-child]:w-9 [&>span:last-child]:px-0 [&>span:last-child]:lg:w-10\"\n        type=\"button\"\n        @click=\"handleExit\"\n      >\n        <Icon name=\"close\" />\n      </Button>\n    </Transition>\n    -->\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport gsap from 'gsap'\nimport { ScrollTrigger } from 'gsap/ScrollTrigger'\nimport { EasePack } from 'gsap/EasePack'\nimport type { HeadingProps } from '~/components/text/Heading.vue'\nimport { useAppStore } from '~/stores/AppStore'\nimport { AppView } from '~/types'\n\ndefineProps<{\n  data: SectionHomeRecord\n  moduleIndex: number\n  level: HeadingProps['level']\n  isSemantic: boolean\n  invertedStyles: Record<string, boolean | undefined>\n}>()\n\nconst store = useAppStore()\nconst { isMobileOrTablet } = useDevice()\nconst isHoverable = ref(false)\n\ndefineEmits(['on-click'])\n\nconst ctxRef = ref<HTMLElement | null>(null)\nlet ctx: gsap.Context | null = null\nlet tlIntro: GSAPTimeline | null = null\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nlet tlPush: GSAPTimeline | null = null\nlet tlReel: GSAPTimeline | null = null\nlet tweenHover: GSAPTween | null = null\n\nconst maskRef = ref<HTMLElement | null>(null)\n\n/*\nfunction showReel() {\n  isHoverable.value = false\n  if (tlReel) {\n    tlReel.play()\n    store.setView(AppView.VIDEO)\n  }\n}\n*/\n\nfunction hideReel() {\n  if (tlReel) {\n    tlReel.timeScale(2).reverse()\n  }\n}\n\nconst handleMouseEnter = () => {\n  if (!isHoverable.value) return\n  tweenHover?.timeScale(1).play()\n}\n\nconst handleMouseLeave = () => {\n  if (!isHoverable.value) return\n  tweenHover?.timeScale(1.5).reverse()\n}\n\nonMounted(() => {\n  if (ctxRef.value) {\n    gsap.registerPlugin(ScrollTrigger, EasePack)\n\n    ctx = gsap.context((self: gsap.Context) => {\n      const elVideoHeading = self.selector ? self.selector('.fx-reel-heading') : null\n      const elVideoTitle = self.selector ? self.selector('.fx-hero-title span span') : null\n      const elVideoMask = self.selector ? self.selector('.fx-video-mask') : null\n      const elVideoMaskPath = self.selector ? self.selector('.fx-mask-path') : null\n\n      gsap.set(elVideoMask, { autoAlpha: 0 })\n      gsap.set(elVideoHeading, { opacity: 1 })\n      gsap.set(elVideoTitle, { y: '100%' })\n\n      tlIntro = gsap\n        .timeline({\n          paused: true,\n          onComplete: () => {\n            isHoverable.value = true\n          }\n        })\n        .addLabel('start')\n        .to(elVideoTitle, {\n          y: '0%',\n          duration: 1.3,\n          ease: 'power4.out'\n        })\n        .to(\n          elVideoMask,\n          {\n            duration: 1.3,\n            autoAlpha: 1,\n            ease: 'power4.out'\n          },\n          'start'\n        )\n\n      ScrollTrigger.create({\n        trigger: ctxRef.value,\n        start: `${window.innerHeight * 2.2} bottom`,\n        markers: false,\n        onEnter: () => {\n          tlIntro?.timeScale(1).play()\n        },\n        onEnterBack: () => {\n          tlIntro?.timeScale(3.8).reverse()\n        }\n      })\n\n      tlPush = gsap.timeline({\n        scrollTrigger: {\n          trigger: ctxRef.value,\n          start: isMobileOrTablet\n            ? `${window.innerHeight * 3.5} center`\n            : `${window.innerHeight * 2.5} center`,\n          end: isMobileOrTablet ? `+=${window.innerHeight * 1.5}` : `+=${window.innerHeight * 2}`,\n          markers: false,\n          scrub: isMobileOrTablet ? 0.5 : true\n        },\n        onStart: () => {\n          isHoverable.value = false\n        },\n        onReverseComplete: () => {\n          isHoverable.value = true\n        }\n      })\n\n      const mm = gsap.matchMedia()\n      mm.add('(min-width: 1024px)', () => {\n        if (tlPush) {\n          tlPush.to(ctxRef.value, {\n            y: `-${window.innerHeight * 1.5}`\n          })\n        }\n      })\n      mm.add('(max-width: 1023px)', () => {\n        if (tlPush) {\n          tlPush.to(\n            ctxRef.value,\n            {\n              opacity: 0\n            },\n            -1\n          )\n        }\n      })\n      gsap.defaults({ ease: 'power4.out' })\n\n      tlReel = gsap.timeline({\n        paused: true,\n        onStart: () => {\n          gsap.set(elVideoMask, { clearProps: 'all' })\n        },\n        onReverseComplete: () => {\n          store.setView(AppView.APP)\n          isHoverable.value = true\n        }\n      })\n      tlReel.addLabel('start')\n      tlReel.to(\n        elVideoMaskPath,\n        {\n          duration: 3,\n          scale: 12,\n          rotate: -15,\n          transformOrigin: 'center center',\n          ease: 'linear'\n        },\n        'start'\n      )\n      tlReel.to(\n        elVideoHeading,\n        {\n          duration: 1,\n          opacity: 0\n        },\n        'start'\n      )\n      tlReel.to(\n        elVideoMask,\n        {\n          duration: 1,\n          width: '100%',\n          height: '100%',\n          y: 0,\n          x: 0\n        },\n        'start'\n      )\n\n      tweenHover = gsap.to(elVideoMask, {\n        duration: 0.4,\n        scale: 1.05,\n        ease: 'power1.out',\n        paused: true\n      })\n\n      const xTo = gsap.quickTo(elVideoMask, 'x', { duration: 0.6, ease: 'power3' })\n      const yTo = gsap.quickTo(elVideoMask, 'y', { duration: 0.6, ease: 'power3' })\n\n      window.addEventListener('mousemove', (e) => {\n        if (!isHoverable.value) return\n        xTo((-(e.clientX - window.innerWidth / 2) / window.innerWidth) * 150)\n        yTo((-(e.clientY - window.innerHeight / 2) / window.innerHeight) * 150)\n      })\n    }, ctxRef.value as HTMLElement)\n  }\n})\n\nonUnmounted(() => {\n  if (ctx) {\n    ctx.revert()\n  }\n})\n</script>\n\n<template>\n  <div id=\"home-content\" ref=\"ctxRef\" class=\"relative text-black lg:text-center\">\n    <div\n      class=\"from-tramsparent absolute -top-30 left-0 h-30 w-full bg-gradient-to-t from-white to-transparent\"\n    />\n    <div>\n      <div\n        class=\"container relative h-screen w-full overflow-hidden lg:flex lg:flex-col lg:justify-center\"\n      >\n        <Heading\n          v-if=\"data.title\"\n          class=\"pt-28 font-black leading-[0.84] tracking-tighter clamp-[2.2rem,10.5vw,6.25rem] lg:mx-auto lg:pt-0 lg:clamp-[4rem,11vw,10rem]\"\n          :level=\"level\"\n          :size=\"undefined\"\n          :is-semantic=\"isSemantic\"\n        >\n          <span class=\"fx-hero-title block\" v-html=\"data.title\" />\n        </Heading>\n        <VideoRocket\n          ref=\"maskRef\"\n          :title=\"data.title\"\n          :src=\"data.reel?.videoLoop?.url\"\n          :src-full=\"data.reel?.video?.video?.streamingUrl\"\n          @on-click=\"$emit('on-click')\"\n          @on-ended=\"hideReel\"\n          @on-exit=\"hideReel\"\n          @on-mouse-enter=\"handleMouseEnter\"\n          @on-mouse-leave=\"handleMouseLeave\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport gsap from 'gsap'\nimport { ScrollTrigger } from 'gsap/ScrollTrigger'\n\nconst props = defineProps<{\n  data: SectionHomeRecord\n  moduleIndex: number\n}>()\n\nconst { level, isSemantic, invertedStyles } = useSectionRules(\n  props.moduleIndex,\n  props.data.invertColorTheme\n)\n\nconst appConfig = useAppConfig()\nconst isDifference = ref(false)\nconst ctxRef = ref<HTMLElement | null>(null)\n\nlet ctx: gsap.Context | null = null\n\nconst isIntroScene = useState('intro')\nisIntroScene.value = true\nconst isVideoVisible = ref(false)\n\nonMounted(() => {\n  if (ctxRef.value) {\n    gsap.registerPlugin(ScrollTrigger)\n\n    ctx = gsap.context(() => {\n      ScrollTrigger.create({\n        trigger: '#home-content-scroll',\n        start: 'top bottom',\n        markers: false,\n        onEnter: () => {\n          isDifference.value = true\n        },\n        onEnterBack: () => {\n          isDifference.value = true\n        }\n      })\n\n      ScrollTrigger.refresh()\n      ScrollTrigger.sort()\n    }, ctxRef.value as HTMLElement)\n  }\n})\n\nonUnmounted(() => {\n  if (ctx) {\n    ctx.revert()\n    isIntroScene.value = false\n  }\n})\n</script>\n\n<template>\n  <div id=\"home\" ref=\"ctxRef\" class=\"bg-white pb-[50vh] pt-[200vh] lg:pb-0\">\n    <div\n      id=\"home-fixed-wrapper\"\n      class=\"pointer-events-none fixed left-0 top-0 h-screen w-full lg:z-[1]\"\n    >\n      <CanvasRocket :enabled=\"appConfig.ui.enable3D\" />\n      <SectionHomeContent\n        :data=\"data\"\n        :module-index=\"moduleIndex\"\n        :level=\"level\"\n        :is-semantic=\"isSemantic\"\n        :inverted-styles=\"invertedStyles\"\n        class=\"pointer-events-auto\"\n        :class=\"{\n          'text-white mix-blend-difference': !isDifference\n        }\"\n        @on-click=\"isVideoVisible = true\"\n      />\n      <!-- <LazyAltiMeter /> -->\n      <ScrollDown align=\"center\" color=\"black\" />\n    </div>\n    <div\n      id=\"home-content-scroll\"\n      class=\"dummy-holder pointer-events-none relative h-screen bg-transparent lg:bg-white\"\n    ></div>\n    <Transition name=\"videoOverlay\">\n      <VideoFullScreen\n        v-if=\"isVideoVisible\"\n        :options=\"{\n          controls: true,\n          autoplay: true,\n          preload: 'metadata',\n          sources: [\n            {\n              src: data.reel?.video?.video?.streamingUrl ?? '',\n              type: 'application/x-mpegURL'\n            }\n          ],\n          fill: true,\n          bigPlayButton: false,\n          controlBar: {\n            volumePanel: false,\n            playToggle: false,\n            fullscreenToggle: false,\n            pictureInPictureToggle: false,\n            currentTimeDisplay: false,\n            remainingTimeDisplay: false\n          }\n        }\"\n        @on-close=\"isVideoVisible = false\"\n      />\n    </Transition>\n  </div>\n</template>\n"],"names":["emit","__emit","maskRef","ref","handlePlay","store","useAppStore","isMobileOrTablet","useDevice","isHoverable","ctxRef","ctx","tlIntro","tlPush","tlReel","tweenHover","hideReel","handleMouseEnter","handleMouseLeave","onMounted","gsap","ScrollTrigger","EasePack","self","elVideoHeading","elVideoTitle","elVideoMask","elVideoMaskPath","mm","AppView","xTo","yTo","e","onUnmounted","props","__props","level","isSemantic","invertedStyles","useSectionRules","appConfig","useAppConfig","isDifference","isIntroScene","useState","isVideoVisible"],"mappings":"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"}