1gsap.registerPlugin(PixiPlugin,CustomEase);function getFitContainer(elem,screen,scale=1){const ew=elem._texture?elem._texture.width:elem.width,eh=elem._texture?elem._texture.height:elem.height,e_ratio=ew/eh,cw=screen.width,ch=screen.height,c_ratio=cw/ch,ret={width:0,height:0,x:0,y:0};return e_ratio>=c_ratio?(ret.height=ch*scale,ret.width=ch*e_ratio*scale):(ret.height=cw/e_ratio*scale,ret.width=cw*scale),ret.x=cw*.5,ret.y=ch*.5,ret}function splitText(container2){const inner_text=container2.textContent;let html="",letter_cache;Array.from(inner_text).forEach(letter=>{/\\/.test(letter)?html+="<br>":/\|/.test(letter)?html+='<br class="tbmin">':/\t|\s/.test(letter)&&/\t|\s/.test(letter_cache)||(/\t|\s/.test(letter)?html+=`<span class="letter space">${letter}</span>`:html+=`<span class="letter">${letter}</span>`),letter_cache=letter}),container2.innerHTML=html}function showLetters(container2,speed=.4,overrap=.3,callback){const letters=container2.querySelectorAll(".letter");if(letters){let total_duration=0;const start_timings=[],durations=[],interval=1;return Array.from(letters).forEach(elem=>{const _interval=/,|ã/.test(elem.textContent)?interval:0,dur=speed*.8+speed*.2*Math.random(),_overrap=Math.min(dur,overrap);start_timings.push(total_duration),durations.push(dur),total_duration+=dur-_overrap+_interval}),gsap.timeline().fromTo(letters,{opacity:0,scaleX:1.8,filter:"blur(4px)"},{opacity:1,scaleX:1,filter:"blur(0px)",duration:idx=>durations[idx],delay:(idx,elem,_array)=>start_timings[idx],onComplete:()=>{typeof callback=="function"&&callback()}},0),total_duration}}function hideLetters(container2,_dur=3,speed=1.2,_delay=0){const letters=container2.querySelectorAll(".letter");if(letters){const durations=Array.from(letters).map(()=>speed*.5+speed*.5*Math.random());gsap.timeline().fromTo(letters,{opacity:1,scaleX:1,filter:"blur(0px)"},{opacity:0,scaleX:1.8,filter:"blur(4px)",duration:idx=>durations[idx],delay:(idx,elem,_array)=>Math.max(0,_dur*(idx/_array.length)-durations[idx])+_delay},0)}}const app=new PIXI.Application,container=document.querySelector("#intro"),paragraphs=document.querySelectorAll("#introText .paragraph"),timeout_collector=[],timeline_collector=[];[...paragraphs].forEach(splitText);const intro_flag=function(){return location.hash==""};async function removeIntro(){const wrapper=document.querySelector("#introWrap");wrapper&&(removeIntroBg(),await gsap.to(wrapper,{autoAlpha:0,duration:.8,onComplete:()=>{try{app.destroy()}catch{}return document.querySelector("body").classList.remove("fixed"),killAllTimelines(),wrapper?.remove(),!0}}))}function killAllTimelines(){timeout_collector.forEach(timer_id=>{clearTimeout(timer_id)}),timeline_collector.forEach(timeline=>{timeline.kill()})}function skipIntro(){removeIntroBg();async function gotoTop(){return await killAllTimelines(),await removeIntro(),!0}document.readyState=="loading"?window.addEventListener("load",e=>{gotoTop()}):gotoTop()}function introScroll(){const intro_wrapper=document.querySelector("#introWrap"),intro_bg=document.querySelector("#introBg"),intro0_bg_container=document.querySelector(".intro0__bg-container"),scroll_indicator=document.querySelector("#scrollDownIndicator"),intro_skip_threshold=.35;let skip_started=!1;const tl_start=gsap.timeline({}),tl_repeat=gsap.timeline({repeat:-1,repeatDelay:.6,delay:.3});CustomEase.create("scrollIndicator","M0,0 C0.204,0.05 0.379,0.152 0.44,0.3 0.521,0.499 0.48,0.673 0.642,0.856 0.751,0.981 0.91,1 1,1 ");let total_scroll=0;tl_start.to(scroll_indicator,{scaleY:1,duration:1,ease:"scrollIndicator"}).pause(),tl_repeat.set(scroll_indicator,{"--scroll-down-origin":"center top"}).to(scroll_indicator,{"--scroll-down-indicator":1,duration:.7,ease:"scrollIndicator"}).set(scroll_indicator,{"--scroll-down-origin":"center bottom"}).to(scroll_indicator,{"--scroll-down-indicator":0,duration:.7,ease:"scrollIndicator"},">+=0").pause();function startScrollIndicator(){tl_start.play(),tl_repeat.play()}setTimeout(startScrollIndicator,3e3);function moveIntroWrapper(){total_scroll<window.innerHeight*intro_skip_threshold&&!skip_started?(gsap.to(intro_wrapper,{"--intro-scroll-y":`${total_scroll*-1}px`,"--intro-total-scroll":total_scroll,duration:.6,ease:"power3.out"}),intro_bg.classList.contains("start-removing")||gsap.to(intro_bg,{opacity:1-total_scroll/window.innerHeight,duration:.6}),intro0_bg_container!=null&&gsap.to(intro0_bg_container,{scale:1+total_scroll/window.innerHeight*.33,duration:.6,ease:"power3.out"})):skip_started||(skip_started=!0,gsap.to(intro_wrapper,{"--intro-scroll-y":`${window.innerHeight*-.75}px`,"--intro-total-scroll":1,duration:.6,ease:"power1.inOut"}),skipIntro())}document.addEventListener("wheel",e=>{total_scroll=Math.max(0,total_scroll+e.deltaY*.25),moveIntroWrapper()});let touch_start=null;document.addEventListener("touchstart",e=>{touch_start=e.touches[0].clientY}),document.addEventListener("touchmove",e=>{if(touch_start!=null){const touch_end=e.touches[0].clientY;total_scroll=Math.max(0,total_scroll+(touch_start-touch_end)*1),moveIntroWrapper(),touch_start=touch_end}}),document.addEventListener("touchend",e=>{touch_start!=null&&(moveIntroWrapper(),touch_start=null)}),intro_wrapper.hideScrollIndicator=function(){tl_repeat.kill(),gsap.timeline().set(scroll_indicator,{"--scroll-down-origin":"center bottom"}).to(scroll_indicator,{scaleY:0,duration:.6,ease:"power2.inOut"})}}function removeIntroBg(){const intro_bg=document.querySelector("#introBg");intro_bg&&!intro_bg.classList.contains("start-removing")&&(intro_bg.classList.add("start-removing"),gsap.timeline({onComplete:()=>{console.log("remove intro bg"),intro_bg.remove()}}).to(intro_bg,{opacity:0,duration:.6,ease:"power2.inOut"}))}if(!intro_flag())skipIntro();else{async function intro(){await app.init({resizeTo:window,backgroundColor:0,zIndex:!0}),container.appendChild(app.canvas);let zIndex=1;PIXI.Assets.addBundle("intro",intro_assets);const assets=await PIXI.Assets.loadBundle("intro");function scene0(){let mql_portrait=window.matchMedia("(max-aspect-ratio: 2/3)");const logo=document.querySelector("#logoIntro"),path_a=logo.querySelector("#pathA"),path_b=logo.querySelector("#pathB"),path_a_length=path_a.getTotalLength(),path_b_length=path_b.getTotalLength(),bg=document.querySelector(".intro0__bg"),btn_start=document.querySelector("#btnIntroStart"),btn_skip=document.querySelector("#btnIntroSkip");path_a.style.strokeDashoffset=path_a_length*-1,path_a.style.strokeDasharray=`${path_a_length} ${path_a_length}`,path_b.style.strokeDashoffset=path_b_length*-1,path_b.style.strokeDasharray=`${path_b_length} ${path_b_length}`;function logoOut(callback,loopback=!1){gsap.killTweensOf(logo);const wrapper=document.querySelector("#intro0"),tl_out=gsap.timeline();wrapper.style.pointerEvents="none",tl_out.to(bg,{opacity:0,scale:1.05,duration:1},0).to(logo,{opacity:0,y:()=>-20,duration:1,ease:"power1.inOut",onComplete:()=>{typeof callback=="function"&&requestAnimationFrame(callback),!loopback&&wrapper!=null&&wrapper.remove()}},0),timeline_collector.push(tl_out),mql_portrait.removeEventListener("change",retryScene0)}const tl=gsap.timeline();tl.set(bg,{opacity:0}
1).set(path_a,{y:()=>50}).set(path_b,{y:()=>50}),bg.tagName=="video"?tl.to(bg,{opacity:1,duration:8}):tl.to(bg,{opacity:1,ease:"none"}).fromTo(bg,{scale:1.2},{scale:1,duration:20,ease:"ease.out"},"<"),tl.to(logo,{opacity:1,duration:.6},0).to(path_a,{strokeDashoffset:0,duration:3.6,ease:"power1.inOut"},0).to(path_b,{strokeDashoffset:0,duration:2.6,ease:"power1.inOut"},1).to(path_a,{y:0,duration:2,ease:"power2.inOut"},2.2).to(path_b,{y:0,duration:2.2,ease:"power2.inOut"},2.2).fromTo(".introLogo__text",{opacity:0,y:()=>10},{opacity:1,y:0,ease:"power1.inOut",duration:1.6,stagger:.2},3).fromTo(".intro0__btns",{opacity:0,y:()=>20},{opacity:1,y:0,duration:2,ease:"power2.inOut"},2.8).pause(),timeline_collector.push(tl);function retryScene0(){tl.kill(),gsap.killTweensOf(bg),gsap.killTweensOf(logo),gsap.killTweensOf(path_a),gsap.killTweensOf(path_b),gsap.killTweensOf(".introLogo__text"),mql_portrait.removeEventListener("change",retryScene0),scene0()}mql_portrait.addEventListener("change",retryScene0,{once:!0}),bg.tagName=="VIDEO"?(bg.addEventListener("canplay",()=>{bg.play(),tl.play()}),bg.src=bg.dataset.src,bg.load()):(tl.play(),bg.removeAttribute("hidden")),btn_start?.addEventListener("click",()=>{logoOut(playIntro),gsap.to(btn_start,{opacity:0,scale:1}),gsap.to(btn_skip,{opacity:0,scale:.95})},{once:!0}),btn_skip?.addEventListener("click",()=>{logoOut(),removeIntro(),gsap.to(btn_skip,{opacity:0,scale:1}),gsap.to(btn_start,{opacity:0,scale:.95})},{once:!0})}function indicatorBar(){const progress=this.time()/this.duration();let clippath="inset(0 0% 0 0%)",offset=.12;progress<=offset?clippath=`inset(0 ${100*(1-Power3.easeInOut(progress/offset))}% 0 0%)`:progress>=1-offset&&(clippath=`inset(0 0% 0 ${100*Power3.easeInOut((progress-(1-offset))/offset)}%)`),gsap.set(".introIndicator__bar",{"--progress":progress,clipPath:clippath})}function oneScene(key,_duration=6,callback=null){const scene={},wink_default=4.800000000000001;let tex=assets[key],sprite=PIXI.Sprite.from(tex);sprite.zIndex=zIndex++,scene.texture=tex;function adjustSize(){if(app.stage&&sprite){sprite.anchor.set(.5);const sizes=getFitContainer(sprite,app.screen);sprite.width=sizes.width,sprite.height=sizes.height,sprite.x=sizes.x,sprite.y=sizes.y}else window.removeEventListener("resize",adjustSize)}window.addEventListener("resize",adjustSize),adjustSize(),scene.adjust=adjustSize,tex.source.resource.playsinline=!0,sprite.alpha=0,app.stage.addChild(sprite);const pos=(.4+.1*Math.random())/(sprite._texture.width/sprite._texture.height),blur=new PIXI.filters.TiltShiftFilter({blur:0,gradientBlur:0,startY:app.stage.height*pos,endY:app.stage.height*pos}),color=new PIXI.filters.AdjustmentFilter({alpha:0,brightness:2});sprite.filters=[blur,color];function adjustBlurPosition(){app&&app.stage?(blur.startY=app.stage.height*pos,blur.endY=app.stage.height*pos):window.removeEventListener("resize",adjustBlurPosition)}window.addEventListener("resize",adjustBlurPosition);const total_duration=Math.min(_duration,tex.source.resource.tagName!=null&&tex.source.resource.tagName=="VIDEO"?tex.source.resource.duration:_duration),wink_duration=Math.min(wink_default,total_duration*.4),start_fadeout_timing=total_duration-wink_duration,tl=gsap.timeline({onUpdate:indicatorBar});scene.duration=total_duration,tl.set(sprite,{alpha:1},0).fromTo(blur,{gradientBlur:0,blur:80},{gradientBlur:800,blur:40,ease:"power1.in",duration:wink_duration},0).fromTo(color,{alpha:0},{alpha:1,ease:"power1",duration:wink_duration},0).to(sprite,{width:()=>getFitContainer(sprite,app.screen,1.1).width,height:()=>getFitContainer(sprite,app.screen,1.1).height,ease:"none",duration:wink_duration+start_fadeout_timing},0).fromTo(blur,{gradientBlur:800,blur:40},{gradientBlur:0,blur:80,ease:"power1.out",duration:wink_duration},start_fadeout_timing).fromTo(color,{alpha:1,brightness:1},{alpha:0,brightness:.5,ease:"none",duration:wink_duration,onComplete:()=>{sprite.destroy(),typeof callback=="function"&&callback()}},start_fadeout_timing),timeline_collector.push(tl)}function setCaption(key){const caption=intro_captions[key],index=String(key+1).padStart(2,"0"),container1=document.querySelector(".introIndicator__date"),container2=document.querySelector(".introIndicator__place"),container3=document.querySelector(".introIndex .current"),date_span=document.createElement("span"),place_span=document.createElement("span"),index_span=document.createElement("span"),current_date_span=container1.querySelector("span"),current_place_span=container2.querySelector("span"),current_index_span=container3.querySelector("span");date_span.textContent=caption.date,place_span.textContent=caption.place,index_span.textContent=index,current_date_span.addEventListener("animationend",()=>{current_date_span.remove()}),current_place_span.addEventListener("animationend",()=>{current_place_span.remove()}),current_index_span.addEventListener("animationend",()=>{current_index_span.remove()}
1),container1.prepend(date_span),container2.prepend(place_span),container3.prepend(index_span)}const scene_duration=8.5;function scene01(){oneScene("intro_src01",scene_duration),setCaption(0)}function scene02(){oneScene("intro_src02",scene_duration),setCaption(1)}function scene03(){oneScene("intro_src03",scene_duration),setCaption(2)}function scene04(){oneScene("intro_src04",scene_duration),setCaption(3)}function scene05(){oneScene("intro_src05",scene_duration),setCaption(4)}function scene06(){oneScene("intro_src06",scene_duration),setCaption(5)}function playIntro(){typeof window.playBGM=="function"&&window.playBGM();const intro_wrapper=document.querySelector("#introWrap");intro_wrapper!=null&&typeof intro_wrapper.hideScrollIndicator=="function"&&intro_wrapper.hideScrollIndicator();let duration=scene_duration*1e3,overrap=50;timeout_collector.push(setTimeout(scene01,0)),timeout_collector.push(setTimeout(scene02,duration*1-overrap*1)),timeout_collector.push(setTimeout(scene03,duration*2-overrap*2)),timeout_collector.push(setTimeout(scene04,duration*3-overrap*3)),timeout_collector.push(setTimeout(scene05,duration*4-overrap*4)),timeout_collector.push(setTimeout(scene06,duration*5-overrap*5)),timeout_collector.push(setTimeout(()=>{showBrandStory()},4e3)),gsap.fromTo(".introIndicator",{opacity:0,y:10},{opacity:1,y:0,duration:1,delay:.5,ease:"power1.out"}),gsap.fromTo(".introIndex",{opacity:0,y:10},{opacity:1,y:0,duration:1,delay:.5,ease:"power1.out"}),gsap.set("#introText",{opacity:1}),document.querySelector("#introText").hidden=!1,initFollower()}function endLogoType(){gsap.timeline().set("#introFinish svg",{opacity:1},0).to(".introIndicator",{opacity:0,y:-10,duration:1,delay:.5,ease:"power1.out"},0).to(".introIndex",{opacity:0,y:-10,duration:1,delay:.5,ease:"power1.out"},.1).fromTo(app.renderer.background,{color:"#000000"},{color:"#ffffff",duration:2},0).to("#introWrap",{backgroundColor:"#ffffff",duration:1},0).fromTo("#introFinish svg .logoType__line",{y:5,opacity:0,filter:"blur(2px)"},{y:0,opacity:1,filter:"blur(0px)",stagger:.2,duration:1,ease:"power1.out"},2).to("#introFinish svg .logoType__line",{y:-5,opacity:0,filter:"blur(2px)",stagger:.2,duration:1,ease:"power1.in"},6)}function endIntro(){document.querySelectorAll("#introText .paragraph").forEach((paragraph,index)=>{hideLetters(paragraph,1,.8,index*.5)}),timeout_collector.push(setTimeout(endLogoType,1e3)),timeout_collector.push(setTimeout(removeIntro,1e4)),document.querySelector("#introSkipButton").hide()}function showBrandStory(){const paragraphs2=document.querySelector("#introText").querySelectorAll(".paragraph"),interval=2e3,speed=1.1,overlap=.89;let total_duration=0,index=0,move_total=0;function showNextParagraph(){const paragraph=paragraphs2[index++];if(move_total-=paragraph.offsetHeight,index<paragraphs2.length){const wait=showLetters(paragraph,speed,overlap);total_duration+=wait,timeout_collector.push(setTimeout(showNextParagraph,wait*1e3+interval))}else{const wait=showLetters(paragraph,speed,overlap,()=>{timeout_collector.push(setTimeout(endIntro,1600))});total_duration+=wait}}showNextParagraph()}function initFollower(){const intro_wrapper=document.querySelector("#introWrap"),follower=document.querySelector("#introSkipButton");let xTo=gsap.quickTo(follower,"x",{duration:.4,ease:"power3.out"}),yTo=gsap.quickTo(follower,"y",{duration:.4,ease:"power3.out"}),xSet=gsap.quickTo(follower,"x",{duration:.05,ease:"power3.out"}),ySet=gsap.quickTo(follower,"y",{duration:.05,ease:"power3.out"}),mm=gsap.matchMedia(),disabled=!1;function hideFollower(){follower.classList.remove("is-active")}function showFollower(){follower.classList.add("is-active")}mm.add("(any-pointer: fine)",()=>{let timer;function move(e){if(!disabled)if(follower.classList.contains("is-active")){timer!=null&&clearTimeout(timer);const wrapper_scroll=intro_wrapper.style.getPropertyValue("--intro-total-scroll")!=""?parseInt(intro_wrapper.style.getPropertyValue("--intro-total-scroll")):0;xTo(e.clientX-15),yTo(e.clientY-15+wrapper_scroll),timer=setTimeout(hideFollower,3e3)}else xSet(e.clientX-15),ySet(e.clientY-15),timeout_collector.push(setTimeout(showFollower,100))}window.addEventListener("mousemove",move),window.addEventListener("click",move),follower.addEventListener("click",()=>{window.removeEventListener("mousemove",move),window.removeEventListener("click",move),skipIntro(),hideFollower()},{once:!0})}),mm.add("(any-pointer: coarse)",()=>{function toggleFollowerTouch(e){disabled||(e.target.closest("#introSkipButton")?(window.removeEventListener("touchstart",toggleFollowerTouch),skipIntro(),hideFollower()):follower.classList.contains("is-active")?hideFollower():(e.touches!=null?(xSet(e.touches[0].clientX),ySet(e.touches[0].clientY-40)):(xSet(e.clientX),ySet(e.clientY)),showFollower()))}window.addEventListener("touchstart",toggleFollowerTouch)}),follower.hide=()=>{disabled=!0,hideFollower()}}document.querySelector("body").classList.add("fixed"),scene0()}document.addEventListener("DOMContentLoaded",()=>{intro(),setTimeout(()=>{introScroll()},1e3)})} 2//# sourceMappingURL=/cdn/shop/t/11/assets/intro.js.map?v=159353462974767438051782820144
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.