https://www.kg-mobility.com/assets/CompKGMBrand-BQhz-tJf.js

1import{_ as e,V as i,r as t,l,o as a,n,a as o,c as s,b as r,f as d,H as m,a7 as c,i as u,t as v,w as p,aV as b,F as y,h as g,x as k,ai as _,p as U,j as f}from"./index-Dg0AKBzW.js";import{S as h}from"./ScrollTrigger-D6Z6gCVd.js";import{m as x}from"./ma-bg-type1-C0Ef2Mg0.js";const w=e=>(U("data-v-8db484e9"),e=e(),f(),e),V=w((()=>r("div",{class:"bg-area"},null,-1))),L={class:"section-brand"},T=["src"],I={class:"default-section"},S={class:"brand section-contents-wrap"},E={class:"brand__title-warp"},z={class:"brand__title-box"},C={class:"brand__sub"},j={class:"brand__title"},q={key:0,class:"main-section horizontal-long"},B=["src"],P=["src"],R=w((()=>r("track",{kind:"captions"},null,-1))),D=["src"],H=w((()=>r("track",{kind:"captions"},null,-1))),M={key:1,class:"image-box"},W=["src"],A=["src"],G={class:"brand-box"},K={class:"brand__title-box"},O=["hidden"],Z={class:"brand__text"},F={class:"brand__title"},J={key:0},N=["onClick"],$=[w((()=>r("span",{class:"text"}," 자세히 보기 ",-1)))],Q={class:"brand__image"},X=["src","alt"],Y={key:1,class:"main-section horizontal-long"},ee={class:"brand-box"},ie={class:"brand__top-area"},te={class:"brand__title-box"},le={class:"brand__text"},ae={class:"brand__title"},ne=[w((()=>r("span",{class:"text"},"자세히 보기",-1)))],oe={key:0,class:"video-box-mo"},se=["src"],re=["src"],de=w((()=>r("track",{kind:"captions"},null,-1))),me=["src"],ce=w((()=>r("track",{kind:"captions"},null,-1))),ue={key:1,class:"image-box-mo"},ve=["src"],pe=["src"],be={class:"brand__title-box"},ye={class:"brand__text"},ge={class:"brand__title"},ke={key:0},_e=["onClick"],Ue=[w((()=>r("span",{class:"text"},"자세히 보기",-1)))],fe={class:"brand__image"},he=["src","alt"],xe=e({__name:"CompKGMBrand",props:{isGlobal:{type:Boolean,default:!1},items:{type:Object,default:{},required:!0}},setup(e){i.registerPlugin(h);const U=e,f=t(window.isDesktop()),w=["blur","black","box","caption"],xe=l((()=>{var e,i;const t=new URLSearchParams(window.location.search).get("brand_type"),l=String(t??(null==(i=null==(e=U.items)?void 0:e.mainVideo)?void 0:i.subTitle)??"").trim().toLowerCase();return w.includes(l)?l:""})),we=[{keys:["20260826085457858_jkKZiZ","20260825163301350_J2E3we"],ranges:[[0,2.2],[11.2,15.14]]}],Ve=t(null),Le=t(null),Te=t(null);let Ie=null;const Se=()=>{const e=Le.value;if(!e)return;let i=[];const t=()=>e.querySelector("video"),l=(i,t=e.clientWidth,l=e.clientHeight)=>{if(!i||!t)return;const a=(i.videoWidth||16)/(i.videoHeight||9),n=Math.min(l,t/a);e.style.setProperty("--video-fit-height",`${n}px`),e.style.setProperty("--video-fit-offset",(l-n)/2+"px")},a=t=>{if(!i.length||!t||!e.clientWidth)return;const l=t.currentTime;e.classList.toggle("is-caption-fit",i.some((([e,i])=>l>=e&&l<i)))},n=t=>{(t=>{var l;const a=(null==t?void 0:t.currentSrc)||(null==t?void 0:t.src)||"";i=(null==(l=we.find((e=>e.keys.some((e=>a.includes(e))))))?void 0:l.ranges)??[],i.length||e.classList.remove("is-caption-fit")})(t.target),l(t.target),a(t.target)},o=e=>a(e.target),s=()=>{i=[],e.classList.remove("is-caption-fit")},r=new ResizeObserver((([e])=>{const{width:i,height:a}=e.contentRect;l(t(),i,a)}));r.observe(e),e.addEventListener("loadstart",s,!0),e.addEventListener("loadedmetadata",n,!0),e.addEventListener("timeupdate",o,!0),e.addEventListener("seeked",o,!0);const d=t();(null==d?void 0:d.readyState)>=1&&n({target:d}),Ie=()=>{r.disconnect(),e.removeEventListener("loadstart",s,!0),e.removeEventListener("loadedmetadata",n,!0),e.removeEventListener("timeupdate",o,!0),e.removeEventListener("seeked",o,!0),e.classList.remove("is-caption-fit"),e.style.removeProperty("--video-fit-height"),e.style.removeProperty("--video-fit-offset")}};a((()=>{"caption"===xe.value&&Se();const e=i.timeline({scrollTrigger:{trigger:".section-brand",start:"top bottom"}});e.add((()=>{var t,l;if(t=".section-brand .brand__title-warp .brand__title-box *",l={trigger:".section-brand",opacity:1,y:0,delay:1,stagger:.2},i.from(t,{opacity:0,y:150,duration:.5,ease:"power2.out",stagger:l.stagger||.1,delay:.5,scrollTrigger:{trigger:l.trigger,start:"top bottom"}}),isMobile.value&&e.fromTo(".main-section > .brand-box .brand__item",{opacity:0,y:150},{opacity:1,y:0,delay:1,duration:.5,stagger:.1,ease:"power2.out"}),Ve.value){const e=Ve.value.querySelectorAll("video"),t=e[0],l=Ve.value.querySelector(".main-section > div:not(.brand__title-box)"),a=Ve.value.querySelectorAll(".main-section > .brand-box .brand__item");if(t&&(e.forEach((e=>(e=>{const i=()=>e.play().catch((()=>{}));e.readyState>=1?i():e.addEventListener("loadedmetadata",i,{once:!0})})(e))),Te.value=h.create({trigger:Ve.value,start:"top-=250 top",end:"bottom top",markers:!1})),l)if(f.value){const e=i.timeline({scrollTrigger:{trigger:Ve.value,start:"top-=250 top",end:"bottom bottom+=150",scrub:.8,markers:!1}});e.fromTo(l,{width:"100%",height:"600px",opacity:f.value?1:null},{width:"684px",height:"600px",opacity:f.value?1:null});const t="box"===xe.value?l.querySelector("video.video-ambient"):null;t&&e.fromTo(t,{opacity:.7},{opacity:1},"<"),e.fromTo(a,{opacity:0}

1,{opacity:1,duration:.5,ease:"power2.out"})}else i.fromTo(l,{width:"100%",height:"100%",opacity:1},{width:"100%",height:"100%",opacity:1})}}))})),n((()=>{Te.value&&Te.value.kill(),null==Ie||Ie()}));const Ee=e=>{if(!e)return;const i=window.location.origin,t=new URL(e,i);t.origin!==i?window.open(e,"_blank","noopener,noreferrer"):_.push(t.pathname)};return(e,i)=>{var t,l,a,n,_,h,w,we,Te,Ie,Se,ze,Ce,je,qe,Be,Pe,Re,De,He,Me,We,Ae;return o(),s("section",{class:k(["section-container",d(xe)&&"brand-type-"+d(xe)]),ref_key:"brandRef",ref:Ve},[V,r("section",L,[d(f)?(o(),m(d(c),{key:0,animationData:d(x),loop:!0,autoplay:!0},null,8,["animationData"])):u("",!0),"blur"===d(xe)&&d(f)&&(null==(t=U.items.mainVideo)?void 0:t.videoUrl)?(o(),s("video",{class:"section-ambient","aria-hidden":"true",key:"section-ambient-"+(null==(l=U.items.mainVideo)?void 0:l.videoUrl),muted:"",playsinline:"","webkit-playsinline":"",loop:"",preload:"metadata"},[r("source",{src:U.items.mainVideo.videoUrl,type:"video/mp4"},null,8,T)])):u("",!0),r("div",I,[r("div",S,[r("div",E,[r("div",z,[r("p",C,v(U.items.subTitle),1),r("p",j,v(U.items.title),1)])])]),d(f)?(o(),s("div",q,[(null==(a=U.items.mainVideo)?void 0:a.videoUrl)?(o(),s("div",{key:0,class:"video-box",ref_key:"videoBoxRef",ref:Le},["box"===d(xe)||"blur"===d(xe)?(o(),s("video",{class:"video-ambient","aria-hidden":"true",key:"ambient-"+(null==(n=U.items.mainVideo)?void 0:n.videoUrl),muted:"",playsinline:"","webkit-playsinline":"",loop:"",preload:"metadata"},[r("source",{src:U.items.mainVideo.videoUrl,type:"video/mp4"},null,8,B)])):u("",!0),(null==(_=U.items.mainVideo)?void 0:_.linkUrl)?(o(),m(b,{key:1,linkUrl:null==(h=U.items.mainVideo)?void 0:h.linkUrl},{default:p((()=>{var e;return[(o(),s("video",{key:null==(e=U.items.mainVideo)?void 0:e.videoUrl,muted:"",playsinline:"","webkit-playsinline":"",loop:"",preload:"metadata"},[r("source",{src:U.items.mainVideo.videoUrl,type:"video/mp4"},null,8,P),R]))]})),_:1},8,["linkUrl"])):(o(),s("video",{key:null==(w=U.items.mainVideo)?void 0:w.videoUrl,muted:"",playsinline:"","webkit-playsinline":"",loop:"",preload:"metadata"},[r("source",{src:U.items.mainVideo.videoUrl,type:"video/mp4"},null,8,D),H]))],512)):u("",!0),(null==(we=U.items.mainImg)?void 0:we.imgUrl)?(o(),s("div",M,[(null==(Te=U.items.mainImg)?void 0:Te.linkUrl)?(o(),m(b,{key:0,linkUrl:null==(Ie=U.items.mainImg)?void 0:Ie.linkUrl},{default:p((()=>[r("img",{loading:"lazy",src:U.items.mainImg.imgUrl},null,8,W)])),_:1},8,["linkUrl"])):(o(),s("img",{key:1,loading:"lazy",src:U.items.mainImg.imgUrl},null,8,A))])):u("",!0),r("div",G,[(o(!0),s(y,null,g(U.items.imgList,((e,i)=>(o(),s("div",{key:i,class:k(["brand__item",{"has-url":e.linkUrl,"has-title":e.title}])},[r("div",K,[r("div",{hidden:0===i},[r("span",Z,v(e.subTitle),1),r("span",F,v(e.title),1)],8,O),!e.linkUrl||d(f)&&0===i?u("",!0):(o(),s("div",J,[r("button",{type:"button",class:"brandBtn",onClick:i=>Ee(e.linkUrl)},$,8,N)]))]),r("div",Q,[r("img",{loading:"lazy",src:e.imgUrl,alt:e.sbstTxt},null,8,X)])],2)))),128))])])):(o(),s("div",Y,[r("div",ee,[r("div",ie,[r("div",te,[r("div",null,[r("span",le,v(null==(Se=U.items.mainVideo)?void 0:Se.subTitle),1),r("span",ae,v(null==(ze=U.items.mainVideo)?void 0:ze.title),1)]),r("div",null,[(null==(Ce=U.items.mainVideo)?void 0:Ce.linkUrl)?(o(),s("button",{key:0,type:"button",class:"brandBtn",onClick:i[0]||(i[0]=e=>{var i;return Ee(null==(i=U.items.mainVideo)?void 0:i.linkUrl)})},ne)):u("",!0)])]),(null==(je=U.items.mainVideo)?void 0:je.videoUrl)?(o(),s("div",oe,["box"===d(xe)||"blur"===d(xe)?(o(),s("video",{class:"video-ambient","aria-hidden":"true",key:"ambient-mo-"+(null==(qe=U.items.mainVideo)?void 0:qe.videoUrl),muted:"",playsinline:"","webkit-playsinline":"",loop:"",preload:"metadata"},[r("source",{src:U.items.mainVideo.videoUrl,type:"video/mp4"},null,8,se)])):u("",!0),(null==(Be=U.items.mainVideo)?void 0:Be.linkUrl)?(o(),m(b,{key:1,linkUrl:null==(Pe=U.items.mainVideo)?void 0:Pe.linkUrl},{default:p((()=>{var e;return[(o(),s("video",{key:null==(e=U.items.mainVideo)?void 0:e.videoUrl,muted:"",playsinline:"","webkit-playsinline":"",loop:"",preload:"metadata"},[r("source",{src:U.items.mainVideo.videoUrl,type:"video/mp4"},null,8,re),de]))]})),_:1},8,["linkUrl"])):(o(),s("video",{key:null==(Re=U.items.mainVideo)?void 0:Re.videoUrl,muted:"",playsinline:"","webkit-playsinline":"",loop:"",preload:"metadata"},[r("source",{src:U.items.mainVideo.videoUrl,type:"video/mp4"},null,8,me),ce]))])):u("",!0),(null==(De=U.items.mainImg)?void 0:De.imgUrl)?(o(),s("div",ue,[(null==(He=U.items.mainImg)?void 0:He.linkUrl)?(o(),m(b,{key:0,linkUrl:null==(Me=U.items.mainImg)?void 0:Me.linkUrl},{default:p((()=>[r("img",{loading:"lazy",src:U.items.mainImg.imgUrl},null,8,ve)])),_:1},8,["linkUrl"])):(o(),s("img",{key:1,loading:"lazy",src:U.items.mainImg.imgUrl},null,8,pe))])):u("",!0)]),(o(!0),s(y,null,g(null==(Ae=U.items.imgList)?void 0:Ae.slice(null!==(null==(We=U.items)?void 0:We.mainVideo)?2:1,5).filter((e=>e.linkUrl&&e.title&&e.subTitle)),((e,i)=>(o(),s("div",{key:i,class:k(["brand__item",{"has-url":e.linkUrl,"has-title":e.title}])},[r("div",be,[r("div",null,[r("span",ye,v(e.subTitle),1),r("span",ge,v(e.title),

11)]),e.linkUrl?(o(),s("div",ke,[r("button",{type:"button",class:"brandBtn",onClick:i=>Ee(e.linkUrl)},Ue,8,_e)])):u("",!0)]),r("div",fe,[r("img",{loading:"lazy",src:e.imgUrl,alt:e.sbstTxt},null,8,he)])],2)))),128))])]))])])],2)}}},[["__scopeId","data-v-8db484e9"]]);export{xe as default};