1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4017],{78325:function(t,e,o){o.d(e,{M:function(){return d}});var r=o(30719),n=o(965);o(99008),o(44233);var a=o(67294),l=o(12537),i=o(15913),c=o(85518),s=o(35944),u={name:"1khbhcg",styles:"img{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-user-drag:none;-moz-touch-callout:none;-moz-user-select:none;user-select:none;}"},d=function(t){var e=t.edit_front,o=t.front,c=t.back,d=(0,a.useState)(null),h=d[0],m=d[1],f=(0,a.useState)(0),g=f[0],b=f[1],w=(0,a.useState)(!1),x=w[0],v=w[1],y=(0,a.useState)("front"),_=y[0],Z=y[1],k=function(t){return"".concat("https://card-image.cardova.co.jp","/").concat(t)},N=function(t){h&&h.slideTo(t)};return(0,s.BX)("div",{className:"gallery-box relative mx-auto mb-4 w-full overflow-hidden pl-12 pr-12 pt-2 md:mb-0 md:mt-6 md:w-full md:pl-6 md:pr-14 lg:-mt-10 lg:py-16 lg:pr-16",css:u,onContextMenu:function(t){return t.preventDefault(),!1},children:[(0,s.BX)(r.tq,{className:"card-gallery relative !z-20 mx-auto aspect-square h-full w-full !overflow-visible",onSwiper:m,onSlideChangeTransitionEnd:function(t){b(t.activeIndex)},touchStartPreventDefault:!0,allowTouchMove:!0,breakpoints:{1024:{touchStartPreventDefault:!1,allowTouchMove:!1}},modules:[n.W_],spaceBetween:8,navigation:{prevEl:"#button_prev",nextEl:"#button_next"},children:[(0,s.tZ)(r.o5,{children:(0,s.tZ)(i.B,{image:o,type:"front",setShowModal:v,setShowImage:Z,title:""})}),(0,s.tZ)(r.o5,{children:(0,s.tZ)(i.B,{image:c,type:"back",setShowModal:v,setShowImage:Z,title:""})}),e&&(0,s.tZ)(r.o5,{children:(0,s.tZ)(i.B,{image:e,type:"edit_front",setShowModal:v,setShowImage:Z,title:""})})]}),e&&(0,s.tZ)("div",{onClick:function(){return N(2)},className:" group absolute !left-auto !right-0 !top-[168px] z-30 !mt-0 flex !h-14 !w-10 cursor-pointer flex-col items-center justify-center rounded bg-white p-1.5 !opacity-100 transition-all duration-200 ease-in-out after:hidden lg:!top-[253px] lg:!h-[72px] lg:!w-12 lg:py-2 lg:hover:!opacity-80\n ".concat(2===g?"border-2 border-keycolor":"border border-primary-400"),children:(0,s.tZ)("figure",{id:"thumb-ura",className:"relative flex h-full w-full flex-col items-center justify-center",children:(0,s.tZ)("img",{src:k(e),alt:"",className:"z-[3] max-h-full rounded object-contain drop-shadow-[0_2px_4px_rgba(45,45,45,0.6)]"})})}),(0,s.tZ)("div",{onClick:function(){return N(1)},className:" group absolute !left-auto !right-0 !top-[104px] z-30 !mt-0 flex !h-14 !w-10 cursor-pointer flex-col items-center justify-center rounded bg-white p-1.5 !opacity-100 transition-all duration-200 ease-in-out after:hidden lg:!top-[175px] lg:!h-[72px] lg:!w-12 lg:py-2 lg:hover:!opacity-80\n ".concat(1===g?"border-2 border-keycolor":"border border-primary-400"),children:(0,s.tZ)("figure",{id:"thumb-omote",className:"relative flex h-full w-full flex-col items-center justify-center",children:(0,s.tZ)("img",{src:k(c),alt:"",className:"z-[3] max-h-full rounded object-contain drop-shadow-[0_2px_4px_rgba(45,45,45,0.6)]"})})}),(0,s.tZ)("div",{onClick:function(){return N(0)},className:"edit-front group absolute !left-auto !right-0 !top-[40px] z-30 !mt-0 flex !h-14 !w-10 cursor-pointer flex-col items-center justify-center rounded bg-white p-1.5 !opacity-100 transition-all duration-200 ease-in-out after:hidden lg:!top-[97px] lg:!h-[72px] lg:!w-12 lg:py-2 lg:hover:!opacity-80 ".concat(0===g?"border-2 border-keycolor":"border border-primary-400"),children:(0,s.tZ)("figure",{className:"relative flex h-full w-full flex-col items-center justify-center",children:(0,s.tZ)("img",{src:k(o),className:"z-[3] max-h-full rounded object-contain drop-shadow-[0_2px_4px_rgba(45,45,45,0.6)]",alt:""})})}),(0,s.tZ)(p,{showModal:x,setShowModal:v,showImage:_,edit_front:e,front:o,back:c}),(0,s.tZ)(l.V,{showModal:x,setShowModal:v,showImage:_,edit_front:e,front:o,back:c}),(0,s.tZ)("div",{className:"absolute bottom-0 left-0 z-[29] -ml-1 h-full w-10 bg-primary-200 lg:w-5"}),(0,s.tZ)("div",{className:"absolute bottom-0 right-0 z-[29] -mr-1 h-full w-14 bg-primary-200"})]})},p=function(t){var e=t.showModal,o=t.setShowModal,r=t.showImage,n=t.edit_front,a=t.front,l=t.back,i=function(t){return"".concat("https://card-image.cardova.co.jp","/").concat(t)};return(0,s.BX)(s.HY,{children:[(0,s.BX)("div",{onClick:function(){return o(!1)}
1,className:"js-modal modal-wrapper is-show fixed left-0 top-0 z-[100] flex h-[100dvh] w-screen items-center justify-center px-8 py-8 transition-all duration-200 ease-in-out lg:p-9 ".concat(e?"pointer-events-auto opacity-100":"pointer-events-none opacity-0"," ").concat(c.Em?"lg:h-[100dvh]":"lg:pointer-events-none lg:h-screen lg:opacity-0"),children:[(0,s.tZ)("button",{onClick:function(){return o(!1)},className:"js-closeBtn group absolute right-7 top-2 z-10 flex h-9 w-9 cursor-pointer flex-col items-center justify-center p-2 transition-all duration-200 ease-in-out lg:mr-0 ".concat(e?"pointer-events-auto opacity-100":"pointer-events-none opacity-0"),children:(0,s.tZ)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",className:"h-full w-full fill-white transition-all duration-200 ease-in-out group-hover:fill-keycolor",children:(0,s.tZ)("path",{d:"M10.95,9.89L19.57,1.28c.29-.29,.29-.77,0-1.06-.29-.29-.77-.29-1.06,0L9.89,8.83,1.28,.22C.99-.07,.51-.07,.22,.22-.07,.51-.07,.99,.22,1.28L8.83,9.89,.22,18.51c-.29,.29-.29,.77,0,1.06,.29,.29,.77,.29,1.06,0L9.89,10.95l8.61,8.61c.14,.14,.33,.22,.53,.22s.39-.08,.53-.22c.29-.29,.29-.77,0-1.06L10.95,9.89Z"})})}),"edit_front"===r?(0,s.tZ)("img",{onClick:function(t){return t.stopPropagation()},src:i(null!=n?n:""),className:"mt-8 max-h-[calc(100dvh_-_30px)] max-w-[100%] rounded object-contain drop-shadow-[0_4px_8px_rgba(45,45,45,0.6)] md:max-h-[calc(100dvh_-_100px)]",alt:""}):"front"===r?(0,s.tZ)("img",{onClick:function(t){return t.stopPropagation()},src:i(a),className:"mt-8 max-h-[calc(100dvh_-_30px)] max-w-[100%] rounded object-contain drop-shadow-[0_4px_8px_rgba(45,45,45,0.6)] md:max-h-[calc(100dvh_-_100px)]",alt:""}):(0,s.tZ)("img",{onClick:function(t){return t.stopPropagation()},src:i(l),className:"mt-8 max-h-[calc(100dvh_-_30px)] max-w-[100%] rounded object-contain drop-shadow-[0_4px_8px_rgba(45,45,45,0.6)] md:max-h-[calc(100dvh_-_100px)]",alt:""})]}),(0,s.tZ)("div",{onClick:function(){return o(!1)},className:"modal-overlay fixed left-0 top-0 z-[99] h-screen w-screen bg-primary/95 duration-200 lg:h-screen ".concat(e?"pointer-events-auto opacity-100":"pointer-events-none opacity-0"," ").concat(c.Em?"":"lg:pointer-events-none lg:opacity-0")})]})}},27812:function(t,e,o){o.d(e,{Z:function(){return a}});var r=o(52587),n=o(2937);function a(t){return function(t){if(Array.isArray(t))return(0,r.Z)(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||(0,n.Z)(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.