https://www.missgoauction.com/_next/static/chunks/1592.0077d4419c1c0283.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1592],{96447:function(e,n,t){var i=t(26314);n.Z=void 0;var l=i(t(80984)),s=t(57437);n.Z=(0,l.default)((0,s.jsx)("path",{d:"M14.71 15.88 10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41a.9959.9959 0 0 0-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42"}),"KeyboardArrowLeftRounded")},92145:function(e,n,t){var i=t(26314);n.Z=void 0;var l=i(t(80984)),s=t(57437);n.Z=(0,l.default)((0,s.jsx)("path",{d:"M9.29 15.88 13.17 12 9.29 8.12a.9959.9959 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42"}),"KeyboardArrowRightRounded")},71592:function(e,n,t){t.r(n),t.d(n,{AuctionRelatedItem:function(){return AuctionRelatedItem}});var i=t(60230),l=t(57437),s=t(96447),r=t(92145),a=t(24033),o=t(2265),c=t(56636);t(38020),t(15615);var d=t(97062),p=t(28278),u=t(1763);function _templateObject(){let e=(0,i._)(["\n    position: relative;\n    display: flex;\n    width: 100%;\n    height: 50px;\n    align-items: center;\n    margin-top: ",";\n\n    ","\n\n    .relatedItemTitle {\n        text-align: center;\n        font-size: ",";\n        font-weight: 700;\n        line-height: 16px;\n        margin-right: 8px;\n        white-space: noWrap;\n        color: ",";\n    }\n\n    .swiper-wrapper {\n        align-items: center;\n    }\n    .swiper-button-prev {\n        left: -4px;\n        top: 28px;\n    }\n    .swiper-button-next {\n        right: -4px;\n        top: 28px;\n    }\n\n    .itemMobileWrapper {\n        display: none;\n    }\n\n    .clickArrowIcon {\n        color: transparent;\n        position: absolute;\n        top: ",";\n        right: ",";\n        z-index: 2;\n    }\n\n    .itemWrapper {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        padding: 0 36px;\n        flex: 1;\n    }\n\n    @media screen and (max-width: 768px) {\n    }\n\n    @media screen and (max-width: 355px) {\n    }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,i._)(["\n    bottom: 51%;\n    width: 36px;\n    height: 36px;\n    cursor: ",";\n    color: ",";\n    pointer-events: ",";\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,i._)(["\n    display: none;\n    position: static;\n    margin: 0;\n    margin: 0 5px;\n    width: 20px;\n    font-size: 17px;\n    font-weight: bold;\n\n    @media screen and (max-width: 768px) {\n    }\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,i._)(["\n    width: 216px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n"]);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,i._)(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 50px;\n    background-color: ",";\n    color: ",";\n\n    border: ",";\n    border-right: ",";\n\n    padding: 4px 0;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    .itemStatus {\n        font-size: 12px;\n        font-weight: 400;\n    }\n    .itemNo {\n        font-size: 13px;\n        font-weight: 700;\n    }\n"]);return _templateObject4=function(){return e},e}let AuctionRelatedItem=e=>{let{relatedItems:n,itemId:t}=e,i=(0,a.useSearchParams)(),c=(0,a.useRouter)(),u=(0,a.usePathname)(),f=u.includes("detail"),[b,v]=(0,o.useState)(0),[g,j]=(0,o.useState)(null);(0,o.useEffect)(()=>{if(t&&n){let e=n.findIndex(e=>e.item_id===t);v(Math.floor(e/5)),j(e)}else v(0),j(null)},[n]);let w=null==n?void 0:n.slice(5*b,(b+1)*5),handleItemClick=e=>{var t,l;let s=5*b+e,r=Object.fromEntries(i),a={...r,itemId:null===(t=n[s])||void 0===t?void 0:t.item_id};if(u.includes("/item/")){let e=u.includes("/auction/")?"/auction/item/":"/publicAuction/item/";return e+=null===(l=n[s])||void 0===l?void 0:l.item_id,c.push(e),!1}c.push("".concat(u,"?").concat(new URLSearchParams(a)))},_=(0,o.useRef)(null),$=(0,o.useRef)(null);return(0,l.jsxs)(m,{$isWide:f,children:[(0,l.jsxs)("h1",{className:"relatedItemTitle",children:["관련물건 ",!f&&(0,l.jsx)("br",{}),"번호"]}),(0,l.jsxs)(p.tq,{className:"itemWrapper",modules:[d.W_],slidesPerView:5,navigation:!0,children:[null==w?void 0:w.map((e,n)=>(0,l.jsx)(p.o5,{style:{width:"auto"},children:(0,l.jsxs)(h,{$isActiveItem:5*b+n===g,$isLast:n===w.length-1,onClick:()=>

1handleItemClick(n),children:[(0,l.jsx)("p",{className:"itemNo",children:null==e?void 0:e.no}),(0,l.jsx)("p",{className:"itemStatus",children:null==e?void 0:e.status})]})},n)),(0,l.jsx)(x,{$disabled:0===b,className:"swiper-button-prev",onClick:()=>{b>0&&v(e=>e-1)},children:(0,l.jsx)(s.Z,{sx:{cursor:"pointer"}})}),(0,l.jsx)(x,{$disabled:(b+1)*5>=n.length,className:"swiper-button-next",onClick:()=>{(b+1)*5<n.length&&v(e=>e+1)},children:(0,l.jsx)(r.Z,{sx:{cursor:"pointer"}})})]}),(0,l.jsx)(p.tq,{modules:[d.Rv,d.W_],navigation:{prevEl:_.current,nextEl:$.current,enabled:!0},slidesPerGroup:5,slidesPerView:"auto",freeMode:{enabled:!0},className:"itemMobileWrapper",style:{margin:0},children:null==n?void 0:n.map((e,t)=>(0,l.jsx)(p.o5,{children:(0,l.jsxs)(h,{$isLast:t==n.length-1,$isActiveItem:5*b+t===g,onClick:()=>handleItemClick(t),children:[(0,l.jsx)("p",{className:"itemNo",children:null==e?void 0:e.no}),(0,l.jsx)("p",{className:"itemStatus",children:null==e?void 0:e.status})]})},t))})]})},m=c.ZP.div(_templateObject(),e=>e.$isWide?"0px":"6px",e=>e.$isWide&&"\n    &::after {\n    position: absolute;\n    left: -14px;\n    content: '';\n      display: block;\n      width: 448px;\n      height: 22px;\n      border-left: 1px solid #d9d9d9;\n      border-right: 1px solid #d9d9d9;\n    }\n  ",e=>e.$isWide?"16px":"14px",u.G.colors.normalTextColor,e=>e.$isWide?"-28px":"-40px",e=>e.$isWide?"-0px":"0"),x=c.ZP.div(_templateObject1(),e=>e.$disabled?"not-allowed":"pointer",e=>e.$disabled?"gray":"black",e=>e.$disabled?"none":"auto");c.ZP.div(_templateObject2()),c.ZP.div(_templateObject3());let h=c.ZP.div(_templateObject4(),e=>e.$isActiveItem?"#2275EE":"transparent",e=>e.$isActiveItem?"#ffffff":"#0C002C",e=>e.$isActiveItem?"1px solid #2275EE":"1px solid #c9c9c9",e=>

1e.$isLast?e.$isActiveItem?"1px solid #2275EE":"1px solid #c9c9c9":"none")},15615:function(){}}]);