import A from"./ProductDetailType.BntoalVd.js";import R from"./ProductDetailBrandIntro.SrpZgavm.js";import Z from"./ProductDetailGrade.C1_31dkk.js";import j from"./ProductDetailSizeGuide.CZ9ii7KB.js";import q from"./ProductDetailAddInfo.DScuqt-K.js";import{a as F}from"./entry.D6zHP6Ts.js";import{k as J,a as b,a0 as U,j as K,J as c,L as v,O as y,a5 as g,X as s,Y as L,u as p,a2 as Q,a3 as ee,a6 as $,a4 as D,Z as te,M as oe,_ as ae,$ as ne}from"./swiper-vue.DQP6BQs2.js";import{_ as se}from"./_plugin-vue_export-helper.DlAUqK2U.js";import"./client-only.saeGHt6_.js";const le=a=>{if(a==null||a==="-"||a==="")return"-";if(a==="s")return"봄";if(a==="m")return"여름";if(a==="a")return"가을";if(a==="w")return"겨울";if(a==="f"||a==="x")return"사계절";if(a==="1")return"SS";if(a==="2")return"AW";if(a==="0")return"-"},T=a=>(ae("data-v-9aa25db4"),a=a(),ne(),a),ie={class:"relative overflow-hidden"},re={class:"my-10"},ce=T(()=>s("h3",{class:"headline-b px-5 text-black"},"상품설명",-1)),de=T(()=>s("p",{class:"subhead-3-b mt-4 px-5 text-black"},"착용 계절",-1)),ue={class:"body-2-r mt-1 px-5 text-black"},pe=T(()=>s("p",{class:"subhead-3-b mb-1 mt-4 px-5 text-black"},"상품 상세 정보",-1)),fe=["innerHTML"],me=["src"],he=T(()=>s("div",{class:"p-5"},[s("img",{src:"https://s3.ap-northeast-2.amazonaws.com/saas-img.the-relay.kr/global/orm/product_detail/zoom_detail_img.png",alt:"이미지를 확대하여 확인해 보세요!"})],-1)),_e={class:"space-y-1.5"},ve=["onTouchstart"],ge=["id"],xe=["src"],be={class:"absolute w-full"},ye=J({__name:"ProductTabDetail",props:{prodDTO:{},cleanList:{},detailInfo:{},detailType:{},detailGrade:{},detailBrandIntro:{}},setup(a){let I;const S=b(0),d=b(!1),Y=()=>{if(d.value=!d.value,!d.value)setTimeout(()=>{window.scrollTo({top:S.value,left:0,behavior:"smooth"})},10);else{const e=I.getBoundingClientRect();S.value=window.pageYOffset+e.top-window.innerHeight/2}};let k,w=-1,m,n=[],B;const O=b(0),t=b({x:0,y:0,scale:1}),P=({x:e,y:l,scale:o})=>{t.value.x=e,t.value.y=l,t.value.scale=o,o<=1&&(t.value.x=0,t.value.y=0,t.value.scale=1),m.style.transform=`translateX(${t.value.x}px) translateY(${t.value.y}px) scale(${t.value.scale})`},H=()=>{k=e=>{e.touches.length>1&&e.preventDefault()},document.addEventListener("touchmove",k,{passive:!1})},X=e=>{m=document.getElementById(e)},z=()=>{t.value={x:0,y:0,scale:1},n=[],m.style.transformOrigin="0px 0px"},C=(e,l)=>{X(`img-wrapper${l}`),m.classList.remove("custom-transition"),O.value!==l&&z();const o=e.changedTouches;if(n.length+o.length<=2)for(let i=0;i<o.length;i++)n.push(o[i]);O.value=l},E=e=>{const l=e.changedTouches;for(let o=0;o<l.length;o++){const i=n.findIndex(r=>r.identifier===l[o].identifier);i!==-1&&n.splice(i,1)}t.value.scale>1&&(m.classList.add("custom-transition"),B=setTimeout(()=>{P({x:t.value.x,y:t.value.y,scale:0})},100))},M=e=>{const l=e.changedTouches;for(let o=0;o<l.length;o++){const i=l[o],r=n.findIndex(u=>u.identifier===i.identifier);if(r!==-1&&(n[r]=i,n.length===2)){const u=n[0].clientX-n[1].clientX,h=n[0].clientY-n[1].clientY,_=Math.sqrt(u*u+h*h);if(w>0){const f=_-w,x=(n[0].clientX+n[1].clientX)/2,N=(n[0].clientY+n[1].clientY)/2,{top:V,left:W}=e.currentTarget.getBoundingClientRect();G({zoom:f,x:x-W,y:N-V})}w=_}}},G=({zoom:e,x:l,y:o})=>{if(e===0)return;m.style.transformOrigin="0px 0px";const i=.05,r=t.value.scale+(e>0?i:-i),u=(l-t.value.x)*(r/t.value.scale)-(l-t.value.x),h=(o-t.value.y)*(r/t.value.scale)-(o-t.value.y),_=t.value.x-u,f=t.value.y-h;P({x:_,y:f,scale:r})};return U(()=>{H(),I=document.getElementById("product_detail_img_open_button")}),K(()=>{clearTimeout(B)}),(e,l)=>{const o=A,i=R,r=Z,u=j,h=q;return c(),v("div",ie,[e.detailType!=null?(c(),y(o,{key:0,"detail-type":e.detailType},null,8,["detail-type"])):g("",!0),e.detailBrandIntro!=null?(c(),y(i,{key:1,"detail-brand-intro":e.detailBrandIntro},null,8,["detail-brand-intro"])):g("",!0),e.detailGrade!=null?(c(),y(r,{key:2,"detail-grade":e.detailGrade},null,8,["detail-grade"])):g("",!0),s("div",{class:"overflow-hidden",style:$({height:p(d)?"":"1000px"})},[s("div",re,[ce,de,s("p",ue,L(("formatSeason"in e?e.formatSeason:p(le))(e.prodDTO.season)),1),pe,e.prodDTO.detailDesc.startsWith("http")?(c(),v("img",{key:1,class:"w-full",src:e.prodDTO.detailDesc},null,8,me)):(c(),v("div",{key:0,class:"px-5 text-black",innerHTML:e.prodDTO.detailDesc},null,8,fe))]),he,s("div",_e,[(c(!0),v(Q,null,ee(e.prodDTO.imgs,(_,f)=>(c(),v("div",{key:f,class:"overflow-hidden",onTouchstart:x=>C(x,f),onTouchend:E,onTouchmove:M},[s("div",{id:"img-wrapper"+f,class:"scale-1 origin-top-left transform"},[s("img",{src:_,class:"h-full w-full",draggable:"false"},null,8,xe)],8,ge)],40,ve))),128))])],4),s("div",be,[p(d)?g("",!0):(c(),v("div",{key:0,style:$({boxShadow:"0px -10px 50px 50px rgba(255,255,255,1)"})},null,4)),s("div",{class:D(["mx-5",p(d)?"my-5":""])},[s("button",{id:"product_detail_img_open_button",type:"button",class:"btn-h52-r0-line-wfull flex gap-0.5",onClick:Y},[te(" 상세 정보 "+L(p(d)?"닫기":"더보기")+" ",1),s("i",{class:D(["text-base",p(d)?"rb-arrow-up":"rb-arrow-down"])},null,2)])],2)]),s("div",{class:D(["w-full",p(d)?"h-[92px]":"h-13"])},null,2),("appStore"in e?e.appStore:p(F))().getDomain=="orm"&&e.prodDTO.subBrandId==="12"?(c(),y(u,{key:3})):g("",!0),oe(h,{"clean-list":e.cleanList,"detail-info":e.detailInfo},null,8,["clean-list","detail-info"])])}}}),Le=se(ye,[["__scopeId","data-v-9aa25db4"]]);export{Le as default};
