https://www.zielchain.com/assets/index18.js

1import{V as P,_ as X,r as M,u as Y,c as u,a as s,b as I,w as S,z as A,m as C,d as x,F as D,g as N,f as R,o as h,B as G,C as U,t as H,p as $,e as Z}from"./entry.js";import{f as J,i as K,h as Q,a as O,j as V}from"./swiper.min.js";import{a as ee,S as te,N as se}from"./navigation.min.js";function ae({swiper:e,extendParams:i,on:g}){i({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let n=!1,L=!1;e.thumbs={swiper:null};function p(){const t=e.thumbs.swiper;if(!t||t.destroyed)return;const a=t.clickedIndex,m=t.clickedSlide;if(m&&m.classList.contains(e.params.thumbs.slideThumbActiveClass)||typeof a>"u"||a===null)return;let r;t.params.loop?r=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10):r=a,e.params.loop?e.slideToLoop(r):e.slideTo(r)}function _(){const{thumbs:t}=e.params;if(n)return!1;n=!0;const a=e.constructor;if(t.swiper instanceof a)e.thumbs.swiper=t.swiper,Object.assign(e.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(e.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper.update();else if(K(t.swiper)){const m=Object.assign({},t.swiper);Object.assign(m,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper=new a(m),L=!0}return e.thumbs.swiper.el.classList.add(e.params.thumbs.thumbsContainerClass),e.thumbs.swiper.on("tap",p),!0}function f(t){const a=e.thumbs.swiper;if(!a||a.destroyed)return;const m=a.params.slidesPerView==="auto"?a.slidesPerViewDynamic():a.params.slidesPerView;let r=1;const c=e.params.thumbs.slideThumbActiveClass;if(e.params.slidesPerView>1&&!e.params.centeredSlides&&(r=e.params.slidesPerView),e.params.thumbs.multipleActiveThumbs||(r=1),r=Math.floor(r),a.slides.forEach(o=>o.classList.remove(c)),a.params.loop||a.params.virtual&&a.params.virtual.enabled)for(let o=0;o<r;o+=1)Q(a.slidesEl,`[data-swiper-slide-index="${e.realIndex+o}"]`).forEach(d=>{d.classList.add(c)});else for(let o=0;o<r;o+=1)a.slides[e.realIndex+o]&&a.slides[e.realIndex+o].classList.add(c);const y=e.params.thumbs.autoScrollOffset,k=y&&!a.params.loop;if(e.realIndex!==a.realIndex||k){const o=a.activeIndex;let d,l;if(a.params.loop){const E=a.slides.filter(w=>w.getAttribute("data-swiper-slide-index")===`${e.realIndex}`)[0];d=a.slides.indexOf(E),l=e.activeIndex>e.previousIndex?"next":"prev"}else d=e.realIndex,l=d>e.previousIndex?"next":"prev";k&&(d+=l==="next"?y:-1*y),a.visibleSlidesIndexes&&a.visibleSlidesIndexes.indexOf(d)<0&&(a.params.centeredSlides?d>o?d=d-Math.floor(m/2)+1:d=d+Math.floor(m/2)-1:d>o&&a.params.slidesPerGroup,a.slideTo(d,t?0:void 0))}}g("beforeInit",()=>{const{thumbs:t}=e.params;if(!(!t||!t.swiper))if(typeof t.swiper=="string"||t.swiper instanceof HTMLElement){const a=J(),m=()=>{const c=typeof t.swiper=="string"?a.querySelector(t.swiper):t.swiper;if(c&&c.swiper)t.swiper=c.swiper,_(),f(!0);else if(c){const y=k=>{t.swiper=k.detail[0],c.removeEventListener("init",y),_(),f(!0),t.swiper.update(),e.update()};c.addEventListener("init",y)}return c},r=()=>{if(e.destroyed)return;m()||requestAnimationFrame(r)};requestAnimationFrame(r)}else _(),f(!0)}),g("slideChange update resize observerUpdate",()=>{f()}),g("setTransition",(t,a)=>{const m=e.thumbs.swiper;!m||m.destroyed||m.setTransition(a)}),g("beforeDestroy",()=>{const t=e.thumbs.swiper;!t||t.destroyed||L&&t.destroy()}),Object.assign(e.thumbs,{init:_,update:f})}function ne({swiper:e,extendParams:i,emit:g,once:n}){i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function L(){if(e.params.cssMode)return;const f=e.getTranslate();e.setTranslate(f),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function p(){if(e.params.cssMode)return;const{touchEventsData:f,touches:t}=e;f.velocities.length===0&&f.velocities.push({position:t[e.isHorizontal()?"startX":"startY"],time:f.touchStartTime}),f.velocities.push({position:t[e.isHorizontal()?"currentX":"currentY"],time:O()})}function _({currentPos:f}){if(e.params.cssMode)return;const{params:t,wrapperEl:a,rtlTranslate:m,snapGrid:r,touchEventsData:c}=e,k=O()-c.touchStartTime;if(f<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(f>-e.maxTranslate()){e.slides.length<r.length?e.slideTo(r.length-1):e.slideTo(e.slides.length-1);return}if(t.freeMode.momentum){if(c.velocities.length>1){const v=c.velocities.pop(),b=c.velocities.pop(),q=v.position-b.position,z=v.time-b.time;e.velocity=q/z,e.velocity/=2,Math.abs(e.velocity)<t.freeMode.minimumVelocity&&(e.velocity=0),(z>150||O()-v.time>300)&&(e.velocity=0)}else e.velocity=0;

1e.velocity*=t.freeMode.momentumVelocityRatio,c.velocities.length=0;let o=1e3*t.freeMode.momentumRatio;const d=e.velocity*o;let l=e.translate+d;m&&(l=-l);let E=!1,w;const B=Math.abs(e.velocity)*20*t.freeMode.momentumBounceRatio;let W;if(l<e.maxTranslate())t.freeMode.momentumBounce?(l+e.maxTranslate()<-B&&(l=e.maxTranslate()-B),w=e.maxTranslate(),E=!0,c.allowMomentumBounce=!0):l=e.maxTranslate(),t.loop&&t.centeredSlides&&(W=!0);else if(l>e.minTranslate())t.freeMode.momentumBounce?(l-e.minTranslate()>B&&(l=e.minTranslate()+B),w=e.minTranslate(),E=!0,c.allowMomentumBounce=!0):l=e.minTranslate(),t.loop&&t.centeredSlides&&(W=!0);else if(t.freeMode.sticky){let v;for(let b=0;b<r.length;b+=1)if(r[b]>-l){v=b;break}Math.abs(r[v]-l)<Math.abs(r[v-1]-l)||e.swipeDirection==="next"?l=r[v]:l=r[v-1],l=-l}if(W&&n("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(m?o=Math.abs((-l-e.translate)/e.velocity):o=Math.abs((l-e.translate)/e.velocity),t.freeMode.sticky){const v=Math.abs((m?-l:l)-e.translate),b=e.slidesSizesGrid[e.activeIndex];v<b?o=t.speed:v<2*b?o=t.speed*1.5:o=t.speed*2.5}}else if(t.freeMode.sticky){e.slideToClosest();return}t.freeMode.momentumBounce&&E?(e.updateProgress(w),e.setTransition(o),e.setTranslate(l),e.transitionStart(!0,e.swipeDirection),e.animating=!0,V(a,()=>{!e||e.destroyed||!c.allowMomentumBounce||(g("momentumBounce"),e.setTransition(t.speed),setTimeout(()=>{e.setTranslate(w),V(a,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(g("_freeModeNoMomentumRelease"),e.updateProgress(l),e.setTransition(o),e.setTranslate(l),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,V(a,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(l),e.updateActiveIndex(),e.updateSlidesClasses()}else if(t.freeMode.sticky){e.slideToClosest();return}else t.freeMode&&g("_freeModeNoMomentumRelease");(!t.freeMode.momentum||k>=t.longSwipesMs)&&(e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:L,onTouchMove:p,onTouchEnd:_}})}const oe=window.setInterval,le=P("/assets/images/world/world_img_zc.mp4"),ie=P("/assets/images/world/world_img_xxi.mp4"),re=P("/assets/images/world/world_img_real.mp4"),j=P("/assets/images/world/slider-item01.png"),F=P("/assets/images/world/slider-item02.png"),ce={name:"worldView",data(){return{}},components:{Swiper:ee,SwiperSlide:te},setup(){const e=M(0),i=M(null),g={zc:M(null),xxi:M(null),real:M(null)},n=M("zc"),L=o=>{n.value=o,i.value.querySelectorAll("li").forEach(l=>{l.classList.remove("is-active")}),i.value.querySelector(`.item-${o}`).classList.add("is-active")},p=o=>{e.value=o.activeIndex},_=M(null),f=o=>{_.value=o},t=[{id:"tab1",thumbnail:"/assets/images/world/character/character-thm01.png",characterImage:"/assets/images/world/character/character-img01.png",characterBg:"/assets/images/world/character/character-bg01.png",characterName:"world.characterInfo01.name",characterType:"world.characterInfo01.type",characterWeapon:"world.characterInfo01.weapon",characterElement:"world.characterInfo01.element",characterOutline:"world.characterInfo01.outline"},{id:"tab2",thumbnail:"/assets/images/world/character/character-thm02.png",characterImage:"/assets/images/world/character/character-img02.png",characterBg:"/assets/images/world/character/character-bg02.png",characterName:"world.characterInfo02.name",characterType:"world.characterInfo02.type",characterWeapon:"world.characterInfo02.weapon",characterElement:"world.characterInfo02.element",characterOutline:"world.characterInfo02.outline"},{id:"tab3",thumbnail:"/assets/images/world/character/character-thm03.png",characterImage:"/assets/images/world/character/character-img03.png",characterBg:"/assets/images/world/character/character-bg03.png",characterName:"world.characterInfo03.name",characterType:"world.characterInfo03.type",characterWeapon:"world.characterInfo03.weapon",characterElement:"world.characterInfo03.element",characterOutline:"world.characterInfo03.outline"},{id:"tab4",thumbnail:"/assets/images/world/character/character-thm04.png",characterImage:"/assets/images/world/character/character-img04.png",characterBg:"/assets/images/world/character/character-bg04.png",characterName:"world.characterInfo04.name",characterType:"world.characterInfo04.type",characterWeapon:"world.characterInfo04.weapon",characterElement:"world.characterInfo04.element",characterOutline:"world.characterInfo04.outline"}],a=M(0),m=M(""),r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789/*:.,?!-_~#()[]{}|/^@%&+*=".split("");oe(()=>{let o="";for(let d=0;d<100;d++)o+=r[Math.floor(Math.random()*r.length)];m.value=o},100);const c=(o,d)=>{const l=Math.floor(Math.random()*(d.length-o));

1return d.slice(l,l+o)},y=o=>{a.value=o},k=o=>new URL(o,import.meta.url).href;return Y(()=>{L(n.value)}),{modules:[ne,se,ae],videoLabelElement:i,videoElement:g,currentWorld:n,activeSlideIndex:e,handleSlideChange:p,thumbsSwiper:_,setThumbsSwiper:f,tabs:t,getImagePath:k,activeTab:a,changeTab:y,onClickWorld:L,randomText:m,sliceText:c}},methods:{goScroll(e){document.querySelector("#"+e).scrollIntoView({behavior:"smooth"})}}},T=e=>($("data-v-592d7ef5"),e=e(),Z(),e),de={class:"worldView"},me={class:"base-container"},ue=["innerHTML"],he={class:"nav"},fe={class:"nav-inner"},_e={id:"world",class:"world"},ve={class:"inner"},Te=T(()=>s("h2",{class:"world-title"},"WORLD",-1)),ge={class:"contents"},be={class:"left"},pe=T(()=>s("span",null,null,-1)),ye=T(()=>s("span",null,null,-1)),Me={class:"right"},Ie={class:"video-wrap"},Se={class:"videos"},xe={key:0,ref:"videoElement.zc",src:le,playsinline:"",loop:"",autoplay:"",muted:"",alt:""},Le={key:0,ref:"videoElement.xxi",src:ie,playsinline:"",loop:"",autoplay:"",muted:"",alt:""},ke={key:0,ref:"videoElement.real",src:re,playsinline:"",loop:"",autoplay:"",muted:"",alt:""},Ce={class:"video-label",ref:"videoLabelElement"},we={class:"video-text-area"},Ee=["innerHTML"],He=["innerHTML"],Pe=["innerHTML"],Be={id:"type",class:"type"},We={class:"inner"},Ae=T(()=>s("h2",{class:"world-title"},"TYPE",-1)),Oe={class:"slider-wrap"},Ve={class:"slider-main"},ze=T(()=>s("img",{src:j,alt:""},null,-1)),De=T(()=>s("img",{src:F,alt:""},null,-1)),Ne={class:"swiper-arrow"},Re=T(()=>s("div",{class:"swiper-button-prev"},null,-1)),je={class:"label"},Fe=["innerHTML"],qe=T(()=>s("div",{class:"swiper-button-next"},null,-1)),Xe={class:"thumb-wrap"},Ye=T(()=>s("p",{class:"thumb-ttl"},"[ Type SELECT ]",-1)),Ge=T(()=>s("div",{class:"slide-img"},[s("img",{src:j,alt:""})],-1)),Ue=["innerHTML"],$e=T(()=>s("div",{class:"slide-img"},[s("img",{src:F,alt:""})],-1)),Ze=["innerHTML"],Je={class:"thumb-txt"},Ke=["innerHTML"],Qe=["innerHTML"],et={id:"character",class:"character"},tt={class:"inner"},st=T(()=>s("h2",{class:"world-title"},"character",-1)),at={class:"item"},nt={class:"item-image"},ot=["src"],lt={class:"bg"},it=["src"],rt={class:"item-content"},ct=["innerHTML"],dt={key:1,class:"title"},mt={class:"data-list"},ut={class:"data-list__item"},ht=["innerHTML"],ft=["innerHTML"],_t={key:1},vt={class:"data-list__item"},Tt={key:0},gt=["innerHTML"],bt=["innerHTML"],pt={key:1},yt={class:"data-list__item"},Mt=["innerHTML"],It=["innerHTML"],St={key:1},xt={class:"data-list__item"},Lt=["innerHTML"],kt=["innerHTML"],Ct={key:1},wt={class:"item-thumb"},Et=["onClick"],Ht=["src"];function Pt(e,i,g,n,L,p){const _=R("swiper-slide"),f=R("swiper");return h(),u("div",de,[s("div",me,[s("h1",{class:"base-title-primary",innerHTML:e.$t("world.title")},null,8,ue),s("div",he,[s("div",fe,[s("a",{onClick:i[0]||(i[0]=t=>p.goScroll("world"))},"WORLD"),s("a",{onClick:i[1]||(i[1]=t=>p.goScroll("type"))},"TYPE"),s("a",{onClick:i[2]||(i[2]=t=>p.goScroll("character"))},"character")])]),s("section",_e,[s("div",ve,[Te,s("div",ge,[s("div",be,[s("div",{class:"item-zc",onClick:i[3]||(i[3]=t=>n.onClickWorld("zc"))},"ZIELCHAIN"),s("div",{class:"item-xxi",onClick:i[4]||(i[4]=t=>n.onClickWorld("xxi"))},"XXI"),s("div",{class:"item-real",onClick:i[5]||(i[5]=t=>n.onClickWorld("real"))}," REAL WORLD "),pe,ye]),s("div",Me,[s("div",Ie,[s("div",Se,[I(A,{name:"fade"},{default:S(()=>[n.currentWorld==="zc"?(h(),u("video",xe,null,512)):C("",!0)]),_:1}),I(A,{name:"fade"},{default:S(()=>[n.currentWorld==="xxi"?(h(),u("video",Le,null,512)):C("",!0)]),_:1}),I(A,{name:"fade"},{default:S(()=>[n.currentWorld==="real"?(h(),u("video",ke,null,512)):C("",!0)]),_:1})]),s("ul",Ce,[s("li",{class:"item-zc",onClick:i[6]||(i[6]=t=>n.onClickWorld("zc"))}," [ ZIELCHAIN ] "),s("li",{class:"item-xxi",onClick:i[7]||(i[7]=t=>n.onClickWorld("xxi"))},"[ XXI ]"),s("li",{class:"item-real",onClick:i[8]||(i[8]=t=>n.onClickWorld("real"))}," [ real world ] ")],512)]),s("div",we,[n.currentWorld==="zc"?(h(),u("div",{key:0,class:"item",innerHTML:e.$t("world.zcText")},null,8,Ee)):C("",!0),n.currentWorld==="xxi"?(h(),u("div",{key:1,class:"item",innerHTML:e.$t("world.xxiText")},null,8,He)):C("",!0),n.currentWorld==="real"?(h(),u("div",{key:2,class:"item",innerHTML:e.$t("world.realText")},null,8,Pe)):C("",!0)])])])])]),s("section",Be,[s("div",We,[Ae,s("div",Oe,[s("div",Ve,[I(f,{class:"swiper",modules:n.modules,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},thumbs:{swiper:n.thumbsSwiper},onSlideChange:n.handleSlideChange},{default:S(()=>[I(_,{class:"slide"},{default:S(()=>[ze]),_:1}),I(_,{class:"slide"},{default:S(()=>[De]),_:1})]),_:1},8,["modules","thumbs","onSlideChange"]),s("div",Ne,[Re,s("div",je,[x(" [ Type ] - "),s("span",{innerHTML:e.$t(`world.typeInfo${(n.activeSlideIndex+1).toString().padStart(2,"0")}.label`)},null,8,Fe)]),qe])]),s("div",Xe,[Ye,I(f,{onSwiper:n.setThumbsSwiper,spaceBetween:15,slidesPerView:3.5,freeMode:!0,watchSlidesProgress:!0,modules:n.modules,breakpoints:{960:{slidesPerView:3,spaceBetween:40}},class:"thumb-swiper"},{default:S(()=>[I(_,{class:"slide"},{default:S(()=>[Ge,s("p",{class:"slide-label",innerHTML:e.$t("world.typeInfo01.label")},null,8,Ue)]),_:1}),I(_,{class:"slide"},{default:S(()=>[$e,s("p",{class:"slide-label",innerHTML:e.$t("world.typeInfo02.label")},null,8,Ze)]),_:1})]),_:1},8,["onSwiper","modules"]),s("div",Je,[s("div",{class:"title",innerHTML:e.$t(`world.typeInfo${(n.activeSlideIndex+1).toString().padStart(2,"0")}.label`)},null,8,Ke),s("div",{class:"text",innerHTML:e.$t(`world.typeInfo${(n.activeSlideIndex+1).toString().padStart(2,"0")}.text`)},null,8,Qe)])])])])]),s("section",et,[s("div",tt,[st,(h(!0),u(D,null,N(n.tabs,(t,a)=>G((h(),u("div",{key:a},[s("div",at,[s("div",nt,[s("figure",null,[s("img",{src:n.getImagePath(t.characterImage),alt:""},null,8,ot)]),s("div",lt,[s("img",{src:n.getImagePath(t.characterBg),alt:""},null,8,it)])]),s("div",rt,[e.$t(t.characterName)?(h(),u("h3",{key:0,class:"title",innerHTML:e.$t(t.characterName)},null,8,ct)):(h(),u("h3",dt,H(n.sliceText(7,n.randomText)),1)),s("ul",mt,[s("li",ut,[s("dl",null,[s("dt",null,[x(" ["),s("span",{innerHTML:e.$t("world.characterInfoLabel04")},null,8,ht),x("] ")]),e.$t(t.characterOutline)?(h(),u("dd",{key:0,innerHTML:e.$t(t.characterOutline)},null,8,ft)):(h(),u("dd",_t,H(n.sliceText(14,n.randomText)),1))])]),s("li",vt,[e.$t(t.characterType)?(h(),u("dl",Tt,[s("dt",null,[x(" ["),s("span",{innerHTML:e.$t("world.characterInfoLabel01")},null,8,gt),x("] ")]),e.$t(t.characterType)?(h(),u("dd",{key:0,innerHTML:e.$t(t.characterType)},null,8,bt)):(h(),u("dd",pt,H(n.sliceText(11,n.randomText)),1))])):C("",!0)]),s("li",yt,[s("dl",null,[s("dt",null,[x(" ["),s("span",{innerHTML:e.$t("world.characterInfoLabel02")},null,8,Mt),x("] ")]),e.$t(t.characterWeapon)?(h(),u("dd",{key:0,innerHTML:e.$t(t.characterWeapon)},null,8,It)):(h(),u("dd",St,H(n.sliceText(14,n.randomText)),1))])]),s("li",xt,[s("dl",null,[s("dt",null,[x(" ["),s("span",{innerHTML:e.$t("world.characterInfoLabel03")},null,8,Lt),x("] ")]),e.$t(t.characterElement)?(h(),u("dd",{key:0,innerHTML:e.$t(t.characterElement)},null,8,kt)):(h(),u("dd",Ct,H(n.sliceText(12,n.randomText)),1))])])])])])])),[[U,n.activeTab===a]])),128)),s("ul",wt,[(h(!0),u(D,null,N(n.tabs,(t,a)=>(h(),u("li",{key:a,onClick:m=>n.changeTab(a)},[s("img",{src:n.getImagePath(t.thumbnail),alt:""},null,8,Ht)],8,Et))),128))])])])])])}const Ot=X(ce,[["render",Pt],["__scopeId","data-v-592d7ef5"]]);export{Ot as default};