https://www.kg-mobility.com/assets/CompAwardToast-CT5MhEt8.js

1import{_ as e,r as l,l as o,M as a,o as t,n,a as s,c as r,b as i,a4 as u,i as d,Z as c,H as v,f as m,a7 as p,x as g,V as w,K as b,F as f,w as y,Q as k,a6 as h,O as x,p as _,j as T}from"./index-Dg0AKBzW.js";import{i as C,a as D,b as S}from"./iosDetective-DtNs46ap.js";const L=["href"],M=["innerHTML"],E=["href"],U=["innerHTML"],q="toast-bar-showroom",I="close",A=e({__name:"CompToastBar",props:{startDt:{type:String,default:""},endDt:{type:String,default:""},data:{type:Object,required:!0},file:{type:String,required:""}},setup(e){const f=e,y=l(!1),k=l(!1),h=l(null),x=l(""),_=l(!1),T="undefined"!=typeof window&&"function"==typeof window.isMobile&&window.isMobile(),A=C()||D()||S(),H=o((()=>{var e;return null==(e=f.data.textList)?void 0:e.map((e=>({bgColor:"1"===(null==e?void 0:e.dispSeq)&&(null==e?void 0:e.linkText1)||"",textColor:"2"===(null==e?void 0:e.dispSeq)&&(null==e?void 0:e.linkText1)||"",mini:(null==e?void 0:e.linkUrl1)||""})))})),P=o((()=>{var e;return"mo_mini"===(null==(e=H.value[0])?void 0:e.mini)&&T})),W=o((()=>{var e;return null==(e=f.data.fileList)?void 0:e.map((e=>({url:(null==e?void 0:e.linkUrl)||"",carPc:(null==e?void 0:e.fileUrlPc)||"",carMo:(null==e?void 0:e.fileUrlMo)||"",shortTxt:(null==e?void 0:e.title)||"",longTxt:(null==e?void 0:e.sbstTxt)||""})))})),j=o((()=>{var e;const l=null==(e=W.value)?void 0:e[0];return(e=>{if(!e)return"";if(e.startsWith("/")&&!e.startsWith("//"))return e;try{const{pathname:l}=new URL(e);if(l.startsWith("/attached/"))return l}catch{}return e})(T?null==l?void 0:l.carMo:null==l?void 0:l.carPc)||(T?"/images/cm/toast-bar/cm-toast-car-q300_mo.json":"/images/cm/toast-bar/cm-toast-car-q300_pc.json")})),N=o((()=>{const e=navigator.userAgent.toLowerCase();return e.includes("naver(inapp")||e.includes("naverapp")}));let O=0;const B=()=>{O=window.innerWidth>=1024?window.innerHeight/8:window.innerHeight/2.4};let F=null,V=null,R=null,z=null;const K=()=>{y.value=!1,k.value=!1,F&&(F.kill(),F=null),clearTimeout(R),h.value&&w.set(h.value,{opacity:0,pointerEvents:"none"})},Q=()=>{h.value&&(document.body.classList.contains("scroll-disabled")||x.value!==I&&(h.value.style.removeProperty("display"),K(),requestAnimationFrame((()=>{h.value&&!document.body.classList.contains("scroll-disabled")&&(P.value||"main"!==f.file||(y.value=!0,k.value=!0),F=w.timeline({delay:"main"===f.file?0:1.5}),F.fromTo(h.value,{opacity:0,pointerEvents:"none"},{opacity:1,pointerEvents:"auto",duration:.5,ease:"power2.out",onStart:()=>{P.value||"main"===f.file||(y.value=!0,k.value=!0)},onComplete:()=>{z&&(z.disconnect(),z=null),P.value||(R=setTimeout((async()=>{var e;const l=null==(e=h.value)?void 0:e.querySelector(".toast-text-box"),o=(null==l?void 0:l.offsetWidth)??0;if(await b(),!l)return;const a=l.scrollWidth;w.fromTo(l,{width:o},{width:a,duration:1.5,ease:"power3.out"})}),"main"===f.file?10:800))}}))}))))},Y=()=>{h.value&&(k.value=!1,y.value=!1,h.value.style.opacity=0,h.value.style.pointerEvents="none",x.value=I,sessionStorage.setItem(q,I))},Z=()=>{V||(V=requestAnimationFrame((()=>{if(V=null,!h.value)return;const e=window.scrollY;h.value.classList.add("add-transition"),x.value===I?(h.value.style.opacity=0,h.value.style.pointerEvents="none"):(h.value.style.opacity=e>O?0:1,h.value.style.pointerEvents=e>O?"none":"auto")})))};a((()=>{if(f.startDt&&f.endDt){const e=new Date,l=new Date(f.startDt),o=new Date(f.endDt);isNaN(l)||isNaN(o)||(_.value=e>=l&&e<=o)}else _.value=!0})),t((()=>{h.value&&(x.value=sessionStorage.getItem(q)??"",B(),window.addEventListener("resize",B,{passive:!0}),window.addEventListener("scroll",Z,{passive:!0}),z=new MutationObserver((()=>{document.body.classList.contains("scroll-disabled")?K():Q()})),z.observe(document.body,{attributes:!0,attributeFilter:["class"]}),Q())})),n((()=>{window.removeEventListener("scroll",Z),window.removeEventListener("resize",B),V&&cancelAnimationFrame(V),F&&F.kill(),z&&(z.disconnect(),z=null),clearTimeout(R),clearTimeout(null)}));const G=e=>{var l,o,a;if("function"==typeof window.kakaoPixel){const e=window.kakaoPixel("3698690982471289449");null==(l=null==e?void 0:e.pageView)||l.call(e),null==(o=null==e?void 0:e.signUp)||o.call(e,"SignUp")}null==(a=window.fbq)||a.call(window,"trackCustom","engagement",{eventType:"Standard",eventParam:"C",modelName:"무쏘"}),"function"==typeof gtag&&gtag("event","conversion",{send_to:"AW-16475370150/VUE_CND-pvoaEKbliLA9"}),setTimeout((()=>{e&&window.open(e,"_blank","noopener,noreferrer")}),500)};return(e,l)=>{var o,a,t,n,w,b,x,T,C,D,S,q,I,O,B;return _.value?(s(),r("div",{key:0,ref_key:"toastBarRef",ref:h,class:g(["toast-bar",{open:y.value,ios:m(A),mini:P.value,"naver-app":N.value,main:"main"===f.file}])},[i("div",{class:"toast-text-box",style:c({backgroundColor:null==(a=null==(o=H.value)?void 0:o[0])?void 0:a.bgColor,color:null==(n=null==(t=H.value)?void 0:t[1])?void 0:n.textColor,"--toast-bg-color":(null==(b=null==(w=H.value)?void 0:w[0])?void 0:b.bgColor)||"var(--sec-gold)"})},[y.value?d("",!0):(s(),r("a",{key:0,href:null==(T=null==(x=W.value)?void 0:x[0])?void 0:T.url,target:"_blank",rel:"noopener noreferrer",style:{cursor:"pointer"},onClick:l[0]||(l[0]=u((e=>{var l,o;return G(null==(o=null==(l=W.value)?void 0:l[0])?void 0:o.url)}),["prevent"]))},[i("span",{innerHTML:null==(D=null==(C=W.value)?void 0:C[0])?void 0:D.shortTxt},null,8,M)],8,L)),k.value&&(null==(S=W.value)?void 0:S[0])?(s(),r("a",{key:1,href:null==(I=null==(q=W.value)?void 0:q[0])?void 0:I.url,target:"_blank",rel:"noopener noreferrer",style:{cursor:"pointer"},onClick:l[1]||(l[1]=u((e=>{var l,o;return G(null==(o=null==(l=W.value)?void 0:l[0])?void 0:o.url)}),["prevent"]))},[i("span",{innerHTML:null==(B=null==(O=W.value)?void 0:O[0])?void 0:B.longTxt},null,8,U)],8,E)):d("",!0)],4),(s(),v(m(p),{key:j.value,animationLink:j.value,loop:!0,autoplay:!0},null,8,["animationLink"])),i("button",{class:g(["close-btn",{show:P.value}]),onClick:Y},"닫기",2)],2)):d("",!0)}}},[["__scopeId","data-v-283bfc69"]]),H="/images/lp/logo-bcli-pc.svg",P="/images/lp/logo-musso.svg",W="/images/lp/logo-coty.svg",j=e=>(_("data-v-83347c9a"),e=e(),T(),e),N={key:0,class:"bcli",href:"https://www.kg-mobility.com/br/news/press-release/0000001430",target:"_blank",rel:"noopener noreferrer"},O=[j((()=>i("img",{class:"img-logo",src:H,alt:"logo-bcli"},null,-1))),j((()=>i("div",{class:"text-box"}

1,[i("p",null,[i("span",null,"2026 브랜드"),i("span",null,"고객충성도 대상 선정")])],-1)))],B=j((()=>i("a",{class:"bcli",href:"https://www.kg-mobility.com/br/news/press-release/0000001430",target:"_blank",rel:"noopener noreferrer"},[i("img",{class:"img-logo",src:H,alt:"logo-bcli"}),i("div",{class:"text-box"},[i("img",{class:"musso-logo",src:P,alt:"2026 브랜드 고객충성도 대상 선정"}),i("p",null,[i("span",null,"2026 브랜드"),i("span",null,"고객충성도 대상 선정")])])],-1))),F=j((()=>i("div",{class:"reddot"},[i("a",{href:"https://www.kg-mobility.com/br/news/press-release/0000001413",target:"_blank",rel:"noopener noreferrer"},[i("img",{class:"img-logo",src:"/images/lp/logo-reddot-main-mo.svg",alt:"logo-reddot"})])],-1))),V=j((()=>i("a",{class:"coty",href:"https://www.kg-mobility.com/br/news/notification/0000001353",rel:"noopener noreferrer"},[i("img",{class:"img-logo",src:W,alt:"logo-coty"}),i("div",{class:"text-box"},[i("img",{class:"musso-logo",src:"/images/lp/logo-musso-ev-mo.svg",alt:"MUSSO EV ‘2026 올해의 차’ 유틸리티 부문 선정"}),i("p",null,[i("span",null,"’2026 올해의 차’"),i("span",null,"유틸리티 부문 선정")])])],-1))),R={key:0,class:"reddot"},z=[j((()=>i("a",{href:"https://www.kg-mobility.com/br/news/press-release/0000001413",target:"_blank",rel:"noopener noreferrer"},[i("img",{class:"img-logo",src:"/images/lp/logo-reddot.svg",alt:"logo-reddot"})],-1)))],K={key:1,class:"coty",href:"https://www.kg-mobility.com/br/news/notification/0000001353",rel:"noopener noreferrer"},Q=[j((()=>i("img",{class:"img-logo",src:W,alt:"logo-coty"},null,-1))),j((()=>i("div",{class:"text-box"},[i("img",{class:"musso-logo",src:"/images/lp/logo-musso-ev-pc.svg",alt:"MUSSO EV ‘2026 올해의 차’ 유틸리티 부문 선정"}),i("p",null,[i("span",null,"’2026 올해의 차’"),i("span",null,"유틸리티 부문 선정")])],-1)))],Y={key:2,class:"bcli",href:"https://www.kg-mobility.com/br/news/press-release/0000001430",target:"_blank",rel:"noopener noreferrer","aria-label":"2026 브랜드 고객충성도 대상 선정"},Z=[j((()=>i("img",{class:"img-logo",src:H,alt:"logo-bcli"},null,-1))),j((()=>i("div",{class:"text-box"},[i("img",{class:"musso-logo",src:P,alt:"2026 브랜드 고객충성도 대상 선정"}),i("p",null,[i("span",null,"2026 브랜드"),i("span",null,"고객충성도 대상 선정")])],-1)))],G={key:3,class:"mtb",href:"/etc/mtb/bridge",target:"_blank",rel:"noopener noreferrer","aria-label":"2026 UCI MTB 월드시리즈 공식 후원사 이벤트로 이동"},J=[j((()=>i("img",{class:"img-logo",src:"/images/lp/logo-mtb.svg",alt:"2026 UCI MTB 월드시리즈 공식 후원사"},null,-1))),j((()=>i("div",{class:"text-box"},[i("p",null,[i("span",null,"2026 UCI MTB"),i("span",null,"월드시리즈 공식 후원사")])],-1)))],X=e({__name:"CompAwardToast",props:{startDt:{type:String,default:""},endDt:{type:String,default:""},type:{type:String,default:""},mode:{type:String,default:""}},setup(e){const o=e,n=l(window.isMobile()),i=l(null),u=l(null);l(0);const c=l(!1);return a((()=>{if(o.startDt&&o.endDt){const e=new Date,l=new Date(o.startDt),a=new Date(o.endDt);c.value=!(e<l||e>a)}})),t((()=>{})),(e,l)=>(s(),r("div",{ref_key:"awardToastRef",ref:i,class:g(["award-toast-bar",{main:"main"===o.type,showroom:"showroom"===o.type,musso:"musso"===o.mode}])},[n.value?(s(),r(f,{key:0},["musso"===o.mode?(s(),r("a",N,O)):d("",!0),"musso"!==o.mode?(s(),v(m(x),{key:1,ref_key:"awardSwiperRef",ref:u,class:"award-swiper",modules:[m(h)],autoplay:{delay:1200,disableOnInteraction:!1},loop:!0,"slides-per-view":1,"space-between":0,speed:800},{default:y((()=>["main"===o.type?(s(),v(m(k),{key:0},{default:y((()=>[B])),_:1})):d("",!0),"musso"!==o.mode?(s(),v(m(k),{key:1},{default:y((()=>[F])),_:1})):d("",!0),"musso"!==o.mode?(s(),v(m(k),{key:2},{default:y((()=>[V])),_:1})):d("",!0)])),_:1},8,["modules"])):d("",!0)],64)):d("",!0),n.value?d("",!0):(s(),r(f,{key:1},["musso"!==o.mode?(s(),r("div",R,z)):d("",!0),"musso"!==o.mode?(s(),r("a",K,Q)):d("",!0),"musso-ev"!==o.mode?(s(),r("a",Y,Z)):d("",!0),"main"===o.type?(s(),r("a",G,J)):d("",!0)],64))],2))}},[["__scopeId","data-v-83347c9a"]]);export{A as C,X as a};