https://www.777town.net/landing/common_v21/js/common.min.js

1let SiteTemplate=(()=>{let r=864e5,t=!1,a=Math.floor(window.scrollY),u=window.innerWidth,o=window.innerHeight,i,p;function e(e){document.addEventListener("DOMContentLoaded",e)}function n(e){window.addEventListener("load",e)}function l(e){window.addEventListener("resize",()=>{t||(t=!0,requestAnimationFrame(()=>{u=window.innerWidth,e(),t=!1}))})}function c(e){window.addEventListener("scroll",()=>{t||(t=!0,requestAnimationFrame(()=>{a=Math.floor(window.scrollY),e(),t=!1}))})}function s(e){var t=e.closest("picture"),t=(t&&t.querySelectorAll("source").forEach(e=>{var t=e.getAttribute("data-srcset");t&&(e.setAttribute("srcset",t),e.removeAttribute("data-srcset"))}),e.getAttribute("data-src"));t&&(e.setAttribute("src",t),e.removeAttribute("data-src")),e.classList.remove("lazyload")}function d(){(p=new Swiper(".banner__slider",{loop:!0,autoplay:{delay:5e3,disableOnInteraction:!1},initialSlide:1,centeredSlides:!0,loopAdditionalSlides:3,speed:500,slidesPerView:"auto",spaceBetween:5,pagination:{el:".banner .swiper-pagination",clickable:!0},navigation:{nextEl:".banner .swiper-button-next",prevEl:".banner .swiper-button-prev"},breakpoints:{768:{spaceBetween:10}},on:{init:function(){document.querySelector(".banner__slider").classList.add("done")}}})).autoplay.stop();new Swiper(".about__slider",{loop:!0,centeredSlides:!0,loopAdditionalSlides:2,slidesPerView:"auto",pagination:{el:"#about .swiper-pagination",clickable:!0},navigation:{nextEl:"#about .swiper-button-next",prevEl:"#about .swiper-button-prev"},on:{init:function(){m(this.realIndex)},slideChange:function(){m(this.realIndex)},slideChangeTransitionStart:function(){var e;document.querySelectorAll(".swiper-slide video").forEach(e=>{e.muted=!0,e.pause()}),0!==(e=document.querySelectorAll(".swiper-slide-active video")).length&&e.forEach(e=>{e.muted=!0,e.play()})}}})}function m(e){var t=document.querySelector(".about__number-wrapper .current-number"),e=String(e+1).padStart(2,"0");"01"===(t.textContent=e)?t.classList.add("number-1"):t.classList.remove("number-1")}function g(){let o=document.querySelectorAll(".machine__tab"),r=document.querySelectorAll(".machine__container");o.forEach((e,t)=>{e.addEventListener("click",function(){var e;o.forEach(e=>e.classList.remove("active")),r.forEach(e=>e.classList.remove("active")),this.classList.add("active"),r[t].classList.add("active"),(e=document.querySelector(".machine__container.active"))&&(e=gsap.utils.toArray(e.querySelectorAll(".machine")),gsap.fromTo(e,{x:-50,opacity:0},{x:0,opacity:1,duration:1,ease:"power3.out",stagger:.1,overwrite:"auto"}))})})}function f(){let r=document.querySelector(".fv__marquee-container");var t=document.querySelector(".fv__marquee-line"),e=document.querySelector(".fv__marquee-unit"),o=e.cloneNode(!0);t.appendChild(o);let a=e.offsetWidth;for(var i=r.offsetWidth;a<2*i;){var n=e.cloneNode(!0);t.appendChild(n),a+=n.offsetWidth}for(let e=0;e<2;e++){var l=t.cloneNode(!0);r.appendChild(l)}var o=document.querySelectorAll(".fv__marquee-line"),c=o[2].querySelectorAll(".fv__marquee-unit");c.forEach(e=>{var t,o;t=e,e=6,e=(o=Array.from(t.children)).splice(0,e),o=[...o,...e],t.innerHTML="",o.forEach(e=>t.appendChild(e))});let s=new Array(o.length).fill(!1),d=(o.forEach((e,t)=>{var o=1===t,r=o?-u/2:u/2,a=gsap.utils.toArray(e.querySelectorAll(".machine__img"));a=a.filter(e=>{e=e.getBoundingClientRect();return-100<e.right&&e.left<window.innerWidth+100}),o=o?a:[...a].reverse();let i;i=0<t?"-=0.1":"+=0.05",gsap.fromTo(o,{x:r,opacity:0,filter:"blur(10px)"},{x:0,opacity:1,filter:"blur(0px)",duration:.5,ease:"Power4.in",onComplete:()=>{e.classList.add("appear"),s[t]=!0,s.every(e=>!0===e)&&(gsap.utils.toArray(".fv__anim-elem").forEach((e,t)=>{e.parentNode.classList.add("finished"),document.querySelector(".fv__anim-elem-main").parentNode.classList.add("finished"),gsap.fromTo(e,{opacity:0},{opacity:1,duration:.7,ease:"Expo.inOut",onComplete:()=>{}})}),gsap.fromTo(".fv__anim-elem-main",{scale:.8,opacity:0}

1,{scale:1.3,opacity:1,duration:.4,delay:.2,ease:"Expo.out",force3D:!0,onComplete:()=>{gsap.to(".fv__anim-elem-main",{scale:1,duration:.3,ease:"power2.in",onComplete:()=>{setTimeout(()=>{document.querySelector(".banner").classList.contains("active")||document.querySelector(".banner").classList.add("active")},500),p.autoplay.start()}})}}))}},i)}),e.offsetWidth);o.forEach((o,e)=>{let t=gsap.to(o,{x:1===e?d:-d,duration:100,ease:"none",repeat:-1,onUpdate:function(){var e=o.querySelectorAll(".fv__marquee-unit"),t=gsap.getProperty(o,"x");Math.abs(t)>=d&&(o.appendChild(e[0]),gsap.set(o,{x:0}))}});ScrollTrigger.create({trigger:r,start:"top bottom",end:"bottom top",onToggle:e=>{e.isActive?t.timeScale(1):t.timeScale(0)}})})}function y(){var e=Math.floor(.2*o),t=(document.documentElement.scrollHeight,document.querySelector("footer").getBoundingClientRect().top+a),t=Math.floor(t);e<=a&&a<t?document.querySelector("#floating").classList.add("visible"):document.querySelector("#floating").classList.remove("visible")}return{init:function(){e(()=>{{var e=document.querySelectorAll("img.lazyload");let t=new IntersectionObserver((e,t)=>{e.forEach(e=>{e.isIntersecting&&(s(e.target),t.unobserve(e.target))})},{rootMargin:"0px 0px 300px 0px",threshold:.1});e.forEach(e=>{e.getBoundingClientRect().top<window.innerHeight?s(e):t.observe(e)})}gsap.registerPlugin(ScrollTrigger);{let t=document.getElementById("popup");t.querySelectorAll(".close-btn, .overlay").forEach(e=>{e.addEventListener("click",()=>{t.classList.remove("active");var e=(new Date).getTime();localStorage.setItem("popupClosed",e)})})}y(),document.querySelectorAll(".fv__deco").forEach((e,t)=>{t=t%2==0?-u:u;gsap.fromTo(e,{x:t,opacity:0}

1,{x:0,opacity:1,duration:.4,ease:"Power2.out"})}),f(),gsap.fromTo(".machine__container.active .machine",{x:-50,opacity:0},{x:0,opacity:1,duration:1,ease:"power3.out",stagger:.1,overwrite:"auto",scrollTrigger:{trigger:".machine__wrapper",start:"top 50%",toggleActions:"play none none none"}}),g(),d(),document.querySelectorAll(".anim-section").forEach(e=>{var t=e.querySelector(".anim-section-wrapper "),o=e.querySelector(".cut-in-elem-wrapper"),r=o.querySelector(".cut-in-elem-before"),a=o.querySelector(".cut-in-elem-after"),r=gsap.utils.toArray([r,a]),a=gsap.utils.toArray(e.querySelectorAll("[class*='anim-elem-']")).filter(e=>!e.closest(".swiper-slide")),e=e.querySelector(".swiper-slide-active"),e=[...e?gsap.utils.toArray(e.querySelectorAll("[class*='anim-elem-']")):[],...a];e.sort((e,t)=>parseInt(e.className.match(/anim-elem-(\d+)/)?.[1]||0,10)-parseInt(t.className.match(/anim-elem-(\d+)/)?.[1]||0,10));let i=Math.floor(o.offsetHeight/2);a=gsap.timeline({scrollTrigger:{trigger:t,start:"top 80%",toggleActions:"play none none none"}});a.to(r,{y:e=>0===e?-i:i,duration:.3,ease:"power4.in"}),a.add("elementsStart","-=0.35");let n=gsap.timeline();e.forEach((e,t)=>{t=0===t?0:"-=0.9";n.fromTo(e,{scale:0,rotationY:0,opacity:0},{scale:1.2,rotationY:360,opacity:1,duration:1,ease:"circ.inOut",force3D:!0},t).to(e,{scale:1,duration:.2,ease:"power2.out"},"-=0.2")}),a.add(n,"elementsStart"),a.call(()=>{document.querySelector(".about__slider").classList.add("finished")},null,"+=0.5")}),gsap.utils.toArray(".scrl-anim-elem").forEach(e=>{gsap.fromTo(e,{y:50,opacity:0},{scrollTrigger:{trigger:e,start:"top 70%",toggleActions:"play none none none"},y:0,opacity:1,duration:.5,ease:"Expo.inOut"})}),gsap.matchMedia().add("(max-width: 640px)",()=>{gsap.fromTo(".course_present_2",{y:60,opacity:0,scale:0},{scrollTrigger:{trigger:"#elem-2",start:"top 50%",toggleActions:"play none none none"},y:0,opacity:1,scale:1,duration:.3,ease:"Power4.out"})}),gsap.matchMedia().add("(min-width: 641px)",()=>{gsap.fromTo(".course_present_2",{y:230,opacity:0,scale:0},{scrollTrigger:{trigger:"#elem-2",start:"top 50%",toggleActions:"play none none none"},y:0,opacity:1,scale:1,duration:.3,ease:"Power4.out"})})}),n(()=>{var e;document.querySelectorAll("img.lazyload").forEach(e=>{e.complete&&0<e.naturalWidth&&e.classList.remove("lazyload")}),0!==(e=document.querySelectorAll(".swiper-slide-duplicate .about__contents .movie-wrapper video")).length&&e.forEach(e=>{e.pause()}),ScrollTrigger.refresh()}),l(()=>{ScrollTrigger.refresh()}),c(()=>{var e,t,o;y(),o=document.getElementById("popup"),document.getElementById("fv").offsetHeight,20<=a&&!o.classList.contains("active")&&o.classList.contains("first-time")&&(o.classList.remove("first-time"),e=localStorage.getItem("popupClosed"),t=(new Date).getTime(),!e||t-e>r)&&o.classList.add("active"),document.querySelector(".banner").classList.contains("active")||document.querySelector(".banner").classList.add("active"),clearTimeout(i),i=setTimeout(()=>{ScrollTrigger.refresh()},100)}),window.onload=function(){ScrollTrigger.refresh()}},onReady:e,onLoad:n,onResize:l,onScroll:c}})();SiteTemplate.init();