https://stores.itoyokado.co.jp/_next/static/chunks/1795.8e1e0dc60266faa2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1795],{1795:function(e,t,n){n.r(t),n.d(t,{SlideNavigationButton:function(){return x},SliderModal:function(){return v}});var r=n(9499),o=n(4730),i=n(7294),a=n(2977),l=n(3253),c=n.n(l),s=n(6010),m=n(7160),p=n(719),u=n(8116),d=n(5012);n(2261),n(9831);var f=n(5893),h=["children","className"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach(function(t){(0,r.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var g=(0,i.memo)(function(e){var t,n=e.children,r=e.isOpen,o=e.onClose;return(0,f.jsxs)(c(),{closeTimeoutMS:300,isOpen:r,shouldCloseOnOverlayClick:!0,onRequestClose:o,overlayClassName:(0,s.Z)("fixed inset-0 z-modal flex items-center justify-center overflow-auto overscroll-contain bg-black/0 transition duration-300 ReactModal__Overlay--after-open:bg-black/40 ReactModal__Overlay--before-close:bg-black/0 md:p-[120px]"),className:(0,s.Z)("relative mx-auto mb-25 mt-auto h-[calc(100%-11.25rem)] w-[calc(100%-32px)] max-w-[1000px] opacity-0 outline-none transition-opacity duration-300 ReactModal__Content--after-open:opacity-100 ReactModal__Content--before-close:opacity-0 md:h-full md:min-h-[400px] md:w-full"),appElement:null!==(t=document.getElementById("__next"))&&void 0!==t?t:void 0,children:[(0,f.jsx)("button",{className:"absolute bottom-full right-[-8px] grid h-[32px] w-[32px] place-items-center text-white transition-opacity hover:opacity-50 md:right-[-32px]","aria-label":"閉じる",onClick:o,children:(0,f.jsx)(m.J,{iconName:"close"})}),n]})}),x=(0,i.memo)((0,i.forwardRef)(function(e,t){var n=e.children,r=e.className,i=(0,o.Z)(e,h);return(0,f.jsx)("button",_objectSpread(_objectSpread({ref:t,className:(0,s.Z)("canly-wideSlider-nav absolute top-full z-10 h-[32px] w-[32px] text-white transition-opacity hover:opacity-50 md:top-1/2 md:-translate-y-1/2",r)},i),{},{children:n}))})),b=(0,i.memo)(function(e){var t=(0,i.useRef)(null),n=(0,i.useRef)(null),r=(0,a.Z)().width;return 0===e.items.length?null:1===e.items.length?(0,f.jsx)(f.Fragment,{children:e.items.map(function(t,n){var o=e.isAnotherImageForSp&&t.imgForSp&&r<d.vl.md;return(0,f.jsx)("img",{src:o?t.imgForSp:t.img,alt:t.alt,className:"h-full w-full object-scale-down object-center"},n)})}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(x,{ref:t,className:(0,s.Z)("-left-2 grid place-items-center md:left-[-32px]"),children:(0,f.jsx)(m.J,{iconName:"chevron-left"})}),(0,f.jsx)(x,{ref:n,className:(0,s.Z)("-right-2 grid place-items-center md:right-[-32px]"),children:(0,f.jsx)(m.J,{iconName:"chevron-right"})}),(0,f.jsx)(p.tq,{wrapperTag:"ul",className:"h-full",modules:[u.Gk,u.W_,u.tl,u.LW,u.s5,u.pt],mousewheel:{forceToAxis:!0},slidesPerView:1,navigation:{prevEl:t.current,nextEl:n.current},loop:!0,speed:300,initialSlide:e.initialIndex,onInit:function(e){if(e.params.navigation){var r=e.params.navigation;r.prevEl=t.current,r.nextEl=n.current,e.navigation.init(),e.navigation.update()}},children:e.items.map(function(t,n){var o=e.isAnotherImageForSp&&t.imgForSp&&r<d.vl.md;return(0,f.jsx)(p.o5,{tag:"li",children:(0,f.jsx)("img",{src:o?t.imgForSp:t.img,alt:t.alt,className:"h-full w-full object-scale-down object-center"})},n)})})]})}),v=(0,i.memo)(function(e){return(0,f.jsx)(g,{isOpen:e.isOpen,onClose:e.onClose,children:(0,f.jsx)(b,{items:e.items,initialIndex:e.initialIndex,isAnotherImageForSp:!!e.isAnotherImageForSp})})});t.default=v}}]);