https://partner.carmerce.com/_next/static/chunks/6659-938643ece0efefc2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6659],{16659:function(i,e,t){t.d(e,{Z:function(){return h}});var o=t(13179),n=t(67294),r=t(83940),l=t(90806),d=t(14965),c=t(2261),u=t(98918),s=t(35495),a=t(35944);function h(i){var e=i.width,t=void 0===e?void 0:e,o=i.height,h=void 0===o?void 0:o,g=i.content,w=i.setContent,f=(i.onClickPopupEnter,i.disableClose),p=i.imageData,b=i.activeIndex,y=i.isLite,Z=(0,n.useRef)(null),k=(0,n.useRef)(null),x=(0,n.useRef)(null),E=(0,n.useState)(b||0),C=E[0],I=E[1];(0,n.useEffect)((function(){var i;I(b||0),Z.current&&Z.current.focus(),window&&window.scrollTo(0,0),null!==k&&void 0!==k&&k.current&&(null===k||void 0===k||null===(i=k.current)||void 0===i||i.scrollIntoView())}),[g]),(0,n.useEffect)((function(){var i;null!==k&&void 0!==k&&k.current&&(null===k||void 0===k||null===(i=k.current)||void 0===i||i.scrollIntoView())}),[C]),(0,n.useEffect)((function(){var i;return g&&(document.body.style.cssText="\n      position: fixed; \n      top: -".concat(window.scrollY,"px;\n      overflow-y: scroll;\n      width: 100%;")),window&&window.scrollTo(0,0),null!==k&&void 0!==k&&k.current&&(null===k||void 0===k||null===(i=k.current)||void 0===i||i.scrollIntoView()),function(){var i=document.body.style.top;document.body.style.cssText="",window.scrollTo(0,-1*parseInt(i||"0",10))}}),[g]);var B=function(i){var e,t;"ArrowLeft"===i.key&&(null===(e=x.current)||void 0===e||e.slidePrev());"ArrowRight"===i.key&&(null===(t=x.current)||void 0===t||t.slideNext());"Escape"===i.key&&w(void 0)};return(0,n.useEffect)((function(){return window.addEventListener("keydown",B),function(){window.removeEventListener("keydown",B)}}),[]),g?(0,a.BX)(r.im,{w:!0,position:"fixed",style:{zIndex:500,top:30,left:0,bottom:0,right:0,overflow:"scroll",height:"100vh"},children:[(0,a.tZ)(m,{onClick:function(i){f||w(void 0),i.stopPropagation()}}),(0,a.BX)(v,{ref:k,_width:t,_height:h,borderColor:l.ZP.color.borderGray,children:[(0,a.BX)(r.im,{between:!0,children:[(0,a.tZ)(r.im,{}),(0,a.BX)(r.im,{onClick:function(){return f||w(void 0)},h:!0,mb:12,pointer:!0,children:[(0,a.tZ)(d.Z,{mr:"5px",b16sb19:!0,color:"white",children:"\ub2eb\uae30"}),(0,a.tZ)(r.Ee,{src:"/images/realtime-auction/ic-popup-close.png"})]})]}),(0,a.BX)(r.im,{height:"100%",mb:-20,children:[(0,a.tZ)(r.im,{children:(0,a.BX)(r.im,{position:"relative",width:"100%",children:[(0,a.tZ)(c.tq,{ref:x,modules:[u.W_],initialSlide:b,slidesPerView:1,style:{width:"100%",background:"white"},onSlideChange:function(i){return I(i.activeIndex)},onBeforeInit:function(i){x.current=i},children:null===p||void 0===p?void 0:p.map((function(i,e){return(0,a.tZ)(c.o5,{children:(0,a.tZ)(r.im,{w:!0,h:!0,position:"relative",children:(0,a.tZ)(r.im,{w:!0,h:!0,width:"100%",height:"".concat(37.5,"vw"),bg:"black",position:"",children:(0,a.BX)(r.im,{position:"relative",width:"auto",height:"100%",children:[(0,a.tZ)(s.Z,{zoomImgSrc:null===i||void 0===i?void 0:i.imageFileUrl,mgBorderWidth:4,mgShape:"square",mgWidth:220,mgHeight:220,zoomFactor:.8,width:"auto",height:"100%",src:null===i||void 0===i?void 0:i.imageFileUrl}),y&&(0,a.tZ)(r.im,{position:"absolute",width:140,style:{bottom:20,right:20},opacity:.6,children:(0,a.tZ)("img",{width:"100%",src:"/images/logo/carmerce-white.png"})})]})})})},e)}))}),(0,a.BX)(r.im,{children:[(0,a.tZ)(r.im,{onClick:function(){var i;return null===(i=x.current)||void 0===i?void 0:i.slidePrev()},position:"absolute",style:{borderRadius:"0.875rem",background:"rgba(16, 19, 26, 0.5)",padding:"0.25rem 0.625rem",zIndex:1,top:"0.75rem",left:"0.75rem",pointerEvents:"none"},children:(0,a.tZ)(d.Z,{b12r17:!0,color:"white",children:"".concat(C+1," / ").concat(null===p||void 0===p?void 0:p.length)})}),0!==C&&(0,a.tZ)(r.im,{onClick:function(){var i;return null===(i=x.current)||void 0===i?void 0:i.slidePrev()},position:"absolute",style:{zIndex:1,top:"50%",marginTop:-40,cursor:"pointer"},children:(0,a.tZ)(r.Ee,{width:50,height:80,src:"/images/realtime-auction/ic-detail-image-left-arrow.svg"})}),C!==(null===p||void 0===p?void 0:p.length)-1&&(0,a.tZ)(r.im,{onClick:function(){var i;return null===(i=x.current)||void 0===i?void 0:i.slideNext()},position:"absolute",style:{overflow:"hidden",zIndex:1,top:"50%",right:0,marginTop:-40,cursor:"pointer"},children:(0,a.tZ)(r.Ee,{width:50,height:80,src:"/images/realtime-auction/ic-detail-image-right-arrow.svg"})})]})]})}),(0,a.tZ)(r.im,{paddingBottom:100,display:"grid",style:{gridTemplateColumns:"1fr 1fr 1fr 1fr 1fr 1fr 1fr"}

1,children:null===p||void 0===p?void 0:p.map((function(i,e){return(0,a.tZ)(r.im,{border:C===e?"4px #007AFF solid":"",style:{cursor:"pointer"},width:"".concat(50/7,"/vw"),height:"".concat(37.5/7,"vw"),bg:"grey",onClick:function(){return x.current.slideTo(e,0)},children:(0,a.tZ)(r.Ee,{width:"100%",height:"100%",style:{objectFit:"cover"},src:null===i||void 0===i?void 0:i.thumbnailFileUrl,onErrorSrc:null===i||void 0===i?void 0:i.imageFileUrl})},e)}))})]})]})]}):(0,a.tZ)(a.HY,{})}var v=(0,o.Z)(r.im,{target:"e64f2bp1"})({name:"1lzwp2c",styles:"width:50vw;height:100vh;opacity:1;margin-top:50px;margin-bottom:170px;flex-direction:column;background:#ffffff00;z-index:600;& ::-webkit-scrollbar{width:5px;height:0px;background:none;}& ::-webkit-scrollbar-thumb{background:white;}& ::-webkit-scrollbar-track{background:none;}"}),m=(0,o.Z)(r.im,{target:"e64f2bp0"})({name:"1y2gjim",styles:"position:fixed;background:rgba(0, 0, 0, 0.7);width:100%;height:100vh;top:0;left:0"})}}]);