https://www.verkkokauppa.com/assets/build/4323.72a9ad22c9.js

1"use strict";(globalThis["__LOADABLE_LOADED_CHUNKS__"]||=[]).push([[4323],{72580(e,i,t){var o=t(4400),n=t(96540),s=t(71468),a=t(82947),r=t(86998);const l=(e,{dataLayerListName:i,indexOffset:t=0,isOutletProductList:l=!1,products:d})=>{const c=(0,n.useRef)(null),p=(0,n.useRef)([]),h=(0,s.wA)(),u=(0,s.d4)(r.w),f=(0,n.useCallback)(()=>{const e=d.map(e=>e&&(l?~~e.customerReturnsInfo?.id:~~e.pid)).filter(Boolean),o=[...e].sort().join(",");o&&!p.current.includes(o)&&(h((0,a.AB)({pidsOrIds:e,isOutletProductList:l,dataLayerListName:i,indexOffset:t})),p.current.push(o))},[i,h,t,l,d]),g=(0,o.useIsIntersecting)(e,{rootMargin:"-25% 0%"})&&!u;return(0,n.useEffect)(()=>(g&&d?.length&&(c.current=window.setTimeout(f,1e3)),()=>{c.current&&(window.clearTimeout(c.current),c.current=null)}),[g,f,d]),(0,n.useMemo)(()=>({onBlur:f,onFocus:f,onKeyDown:f,onKeyUp:f,onMouseDown:f,onMouseUp:f,onTouchEnd:f,onTouchMove:f,onTouchStart:f}),[f])};t.d(i,["A",0,l])},89275(e,i,t){t.d(i,{A:()=>X});var o=t(17277),n=t(14181),s=t(22816),a=t(4400),r=t(14218),l=t(96540),d=t(6596),c=t(52689),p=t(48270),h=t(86055),u=t(71464),f=t(90377);const g=d["default"].button.withConfig({componentId:"sc-1seer3s-0"})({...f.nD,position:"relative",width:n.space.L,height:n.space.L,color:n.color.text.link,fontWeight:n.font.weight.semiBold,boxShadow:"none",textDecoration:"none","&:hover":{boxShadow:`inset 0 -2px 0 -1px ${n.color.border.primary}`,textDecoration:"none"},"@supports selector(:focus-visible)":{":focus-visible":{outline:"none",textDecoration:"none",boxShadow:`inset 0 0 0 2px ${n.color.border.highlight.secondary}`}},"@supports not selector(:focus-visible)":{":focus":{outline:"none",textDecoration:"none",boxShadow:`inset 0 0 0 2px ${n.color.border.highlight.secondary}`}},"::before":{content:'""',display:"block",minWidth:n.size.target.L,width:"100%",minHeight:n.size.target.L,height:"100%",position:"absolute",top:"50%",left:"50%",transform:"translateX(-50%) translateY(-50%)"}},({checked:e})=>e&&{color:`${n.color.text.primary} !important`,boxShadow:`inset 0 -2px 0 -1px ${n.color.border.highlight.primary}`});var m=t(61311),x=t(85663),b=t(86532),v=t(34474),w=t(74848);const y=(0,l.forwardRef)(({appearance:e="primary",size:i="M",disabled:t=!1,className:o,children:n,onClick:s,onDragStart:a=v.wo,onKeyDown:r=v.jS,...l},d)=>{const{root:c}=(0,x.buttonRecipe)({appearance:e,size:i,iconOnly:!0}),{root:p}=(0,x.iconButtonRecipe)({size:i});return(0,w.jsx)(b.N_,{ref:d,"aria-disabled":t||void 0,className:(0,m.cx)(c,p,o),role:"button",onClick:t?v.wo:s,onDragStart:a,onKeyDown:r,...l,children:n})});y.displayName="LinkIconButton";const $=y,S=(0,d["default"])(b.N_).withConfig({componentId:"sc-11kppzo-0"})({position:"relative",width:n.space.L,height:n.space.L,color:n.color.text.link,fontWeight:n.font.weight.semiBold,boxShadow:"none",textDecoration:"none !important",transition:`box-shadow ${n.motion.duration[125]} ${n.motion.easing.inOut}`,"&:hover":{boxShadow:`inset 0 -2px 0 -1px ${n.color.border.primary}`},"@supports selector(:focus-visible)":{":focus-visible":{outline:"none",boxShadow:`inset 0 0 0 2px ${n.color.border.highlight.secondary}`}},"@supports not selector(:focus-visible)":{":focus":{outline:"none",boxShadow:`inset 0 0 0 2px ${n.color.border.highlight.secondary}`}},"::before":{content:'""',display:"block",minWidth:n.size.target.L,width:"100%",minHeight:n.size.target.L,height:"100%",position:"absolute",top:"50%",left:"50%",transform:"translateX(-50%) translateY(-50%)"}},({checked:e})=>e&&{color:`${n.color.text.primary} !important`,boxShadow:`inset 0 -2px 0 -1px ${n.color.border.highlight.primary}`}),k=({checked:e=!1,hidden:i=!1,children:t,className:o,disabled:n,href:s,index:r,isNext:d,isPrevious:c,onClick:p,title:h,size:f,...m})=>{const x=(0,l.useCallback)(e=>{p(e,r)},[p,r]);if(i)return null;const b=s?S:g;return d||c?s?(0,w.jsx)($,{appearance:"ghost",className:o,disabled:n,role:void 0,size:f,title:h,to:s,onClick:x,...(0,a.filterDomProps)(m),children:t}):(0,w.jsx)(u.A,{appearance:"ghost",className:o,disabled:n,pressed:e,role:"button",size:f,title:h,onClick:x,...(0,a.filterDomProps)(m),children:t}):(0,w.jsx)(b,{checked:e,className:o,disabled:n,role:s?void 0:"button",size:f,slug:s,title:h,to:s,onClick:x,...(0,a.filterDomProps)(m),children:t})};k.displayName="Pagination.PaginateItem";const C=(0,d["default"])(k).withConfig({componentId:"sc-1rj6jkl-0"})({display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}),L=s.E.M,j=s.E.XXS,P=(0,d["default"])(C).withConfig({componentId:"sc-15vrf2o-0"})({order:1}),I=d["default"].nav.withConfig({componentId:"sc-15vrf2o-1"})({boxSizing:"border-box",display:"flex",width:"100%",padding:0,position:"relative",justifyContent:"center",alignItems:"center",textAlign:"center",userSelect:"none"}),N=d["default"].ol.withConfig({componentId:"sc-15vrf2o-2"})({display:"flex",justifyContent:"center",listStyle:"none",margin:0,padding:0}),z=(0,d["default"])(N).withConfig({componentId:"sc-15vrf2o-3"})(({ellipsis:e})=>({"&::after, &::before":{display:"inline-block",fontWeight:n.font.weight.semiBold,margin:n.space.XXS},'&[start="1"]::after':e?{content:`"…"`}:{},'&:not([start="1"])::before':e?{content:'"…"'}:{}})),M=({asLinks:e=!0,className:i,hrefPrefix:t="",hrefSuffix:o="",pageNo:n,isLoading:s=!1,isPathParam:d=!1,next:u=(0,w.jsx)(r.In,{iconName:"FaArrowRightSolid"}),nextLabel:f="Seuraava sivu",onClick:g,pageCount:m,preventDefault:x=!1,previous:b=(0,w.jsx)(r.In,{iconName:"FaArrowLeftSolid"}),previousLabel:v="Edellinen sivu"})=>{const y=(0,l.useRef)(null),{width:$}=(0,a.useElementSize)(y),S=(0,l.useCallback)((e,i)=>{x&&e.preventDefault(),g?g(i):(0,p.h)(y.current?.parentElement)},[g,x]),k=(0,l.useMemo)(()=>

1{if($){const e=$-4*(L+j)-2*L,i=Math.floor(e/(L+j));return i>1?Math.min(i,16):1}return 4},[$]),{pageRange:M,isFirstPage:X,isLastPage:A,nextIndex:D,previousIndex:T,showFirstPage:O,showLastPage:E,rangeStart:R,rangeEnd:B}=(0,l.useMemo)(()=>{const e=1===n,i=n===m,t=e?n:n-1,o=i?n:n+1,s=Math.floor(k/2);let a=n-s,r=n+s;a<1?(a=1,r=Math.min(k,m)):r>m&&(a=Math.max(m-k+1,1),r=m);return{pageRange:(0,c.y1)(Math.max(0,a-1),Math.min(m,r)-1),isFirstPage:e,isLastPage:i,nextIndex:o,previousIndex:t,showFirstPage:a>1,showLastPage:r<m,rangeStart:a,rangeEnd:r}},[n,m,k]);if(e&&!t||!e&&!g)return h.yz&&console.error("Pagination needs either hrefPrefix or onClick handler"),null;const _=d?"/":"";return(0,w.jsx)("div",{ref:y,className:i,children:m>1&&(0,w.jsxs)(I,{"aria-label":"Valitse sivu",role:"navigation",children:[(0,w.jsx)(P,{"aria-label":f,disabled:A,href:e?`${t}${D?`${_}${D}`:""}${o}`:void 0,index:D,size:"L",title:f,isNext:!0,onClick:S,children:u}),(0,w.jsx)(C,{"aria-label":v,disabled:X,href:e?`${t}${T?`${_}${T}`:""}${o}`:void 0,index:T,size:"L",title:v,isPrevious:!0,onClick:S,children:b}),O&&(0,w.jsx)(z,{ellipsis:R>2,start:1,children:(0,w.jsx)("li",{children:(0,w.jsx)(C,{"aria-label":`Ensimmäinen sivu (sivu 1)`,href:e?`${t}${o}`:void 0,index:1,size:"M",title:`Ensimmäinen sivu (sivu 1)`,onClick:S,children:"1"})})}),(0,w.jsx)(N,{start:M[0]+1,children:M.map(i=>(0,w.jsx)("li",{children:(0,w.jsx)(C,{"aria-current":i+1===n?"page":void 0,"aria-label":i+1===n?`Tämä sivu (sivu ${i+1})`:`Sivu ${i+1}`,checked:i+1===n,href:e?`${t}${_}${i+1}${o}`:void 0,index:i+1,size:"M",title:i+1===n?`Tämä sivu (sivu ${i+1})`:`Sivu ${i+1}`,onClick:S,children:i+1===n&&s?(0,w.jsx)(r.y$,{}):i+1})},i))}),E&&(0,w.jsx)(z,{ellipsis:B+1!==m,start:m,children:(0,w.jsx)("li",{children:(0,w.jsx)(C,{"aria-label":`Viimeinen sivu (sivu ${m})`,href:e?`${t}${m?`${_}${m}`:""}${o}`:void 0,index:m,size:"M",title:`Viimeinen sivu (sivu ${m})`,onClick:S,children:m})})})]})})};M.displayName="Pagination";const X=(0,d["default"])(M).withConfig({componentId:"sc-15vrf2o-4"})(({pageCount:e})=>({display:e>1?void 0:"none",margin:`${n.space.XS} 0`,[o.breakpoint.min.S]:{margin:n.space.XS}}))},1446(e,i,t){t.d(i,{A:()=>j});var o=t(4400),n=t(25164),s=t(96540),a=t(71468),r=t(51184),l=t(54360),d=t(72580),c=t(87291),p=t(8695),h=t(26960),u=t(11080),f=t(86998),g=t(37059),m=t(17277),x=t(14181),b=t(48945),v=t(6596);const w=(0,v["default"])(b.P.ol).withConfig({componentId:"sc-1twc5z9-0"})({display:"flex",listStyle:"none",margin:0,padding:0,width:"100%",flexWrap:"wrap"}),y=v["default"].li.withConfig({componentId:"sc-1twc5z9-1"})({boxSizing:"border-box",listStyle:"none"},({type:e})=>e===p.go[0]?{width:"100%","&:not(:first-of-type)":{marginTop:x.space.XXS}}:e===p.go[1]?{paddingLeft:x.space.XXS,paddingTop:x.space.XXS,width:"50%",[`.${g.h}`]:{height:"100%",width:"100% !important"},[(0,m.bV)("464px")]:{width:"calc(100% / 3)"},[m.breakpoint.min.S]:{width:"25%"},[m.breakpoint.min.M]:{width:"calc(100% / 6)"}}:e===p.go[2]?{paddingLeft:x.space.XXS,paddingTop:x.space.XXS,width:"100%",[`.${g.h}`]:{height:"100%"},[(0,m.bV)("464px")]:{width:"50%"},[m.breakpoint.min.S]:{width:"calc(100% / 3)"},[m.breakpoint.min.M]:{width:"25%"}}:void 0),$=v["default"].div.withConfig({componentId:"sc-1twc5z9-2"})(({resetPadding:e})=>({margin:e?`-${x.space.XXS} 0 0 -${x.space.XXS}`:void 0,width:e?`calc(100% + ${x.space.XXS})`:"100%"}));var S=t(15779),k=t(74848);const C={loading:{opacity:0},loaded:{opacity:1}},L=(0,s.forwardRef)((e,i)=>{const{dataLayerListName:t,indexOffset:m=0,isOutletProductList:x,loading:b,loadingPlaceholders:v,products:L,type:j=p.go[0]}=e,P=(0,a.d4)(f.w),I=(0,o.useMultipleRefs)(i),N=(0,d.A)(I,{dataLayerListName:t,indexOffset:m,isOutletProductList:x,products:L}),z=(0,s.useMemo)(()=>({indexOffset:m,isOutlet:x,name:t,urlParam:(0,c.Ml)(L)}),[x,t,L,m]),M=(0,o.useIsIntersecting)(I),X=(0,a.wA)(),A=(0,l.A)();(0,s.useEffect)(()=>{if(!x&&L.length&&M){const e=L.map(e=>e?.pid).filter(h.R);e.length&&X(u.YJ.started({pids:e}))}},[X,M,x,L]);const D=(0,s.useMemo)(()=>2===j?415:1===j?204:void 0,[j]);return(0,k.jsx)($,{resetPadding:0!==j,children:(0,k.jsx)(r.A.Provider,{value:z,children:(0,k.jsx)(n.N,{children:(0,k.jsx)(w,{animate:b&&!v?"loading":"loaded",start:0===m?void 0:m+1,variants:C,...N,ref:I,children:L.map((e,i)=>{const t=e&&"loading"in e&&e.loading||void 0,o=e&&"failed"in e&&e.failed||void 0,n=`${e?.pid??"product"}-${i}${P?"-ssr":""}`;return(0,k.jsx)(y,{type:j,children:0===j?(0,k.jsx)(S.A,{failed:o,index:i,loading:b||t,product:e}):(0,k.jsx)(g.A,{extraSmall:1===j,imgWidth:D,index:i,loading:b||t,product:e,productImageSize:1===j?"S":void 0,showAvailability:2===j||A})},`${n}`)})})})})})});L.displayName="ProductCardList";const j=L}

1,96396(e,i,t){t.d(i,{A:()=>f});var o=t(14218),n=t(6596),s=t(43955),a=t(8695),r=t(14181),l=t(96540),d=t(71464),c=t(74848);const p=({className:e,checked:i,listType:t,onClick:n})=>{const s=a.u8[t],r=a.IU[t],p=(0,l.useCallback)(()=>{n(t)},[t,n]);return(0,c.jsx)(d.A,{appearance:"secondary","aria-label":r,className:e,name:r,pressed:i,title:r,onClick:p,children:(0,c.jsx)(o.In,{iconName:s})})};p.displayName="ProducListTypeButton";const h=(0,n["default"])(p).withConfig({componentId:"sc-1rmm6dg-0"})(({onDark:e=!1})=>e&&{'&[aria-pressed="true"]':{"&:not(:disabled):not([aria-disabled])":{background:r.color.fundaments.white}}}),u=({className:e,currentListType:i,onChange:t})=>{const n=(0,s.A)();return(0,c.jsx)(o.ob,{className:e,gap:"2xs",wrap:!1,children:a.go.map(e=>(0,c.jsx)(h,{checked:n&&e===i,listType:e,onClick:t},e))})};u.displayName="ProductListTypeControl";const f=(0,n["default"])(u).withConfig({componentId:"sc-vp5gsx-0"})({})}}]);
2//# sourceMappingURL=/assets/maps/4323.92838adc90.js.map