1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39,3820,6982,9833],{9833:(e,t,r)=>{r.r(t),r.d(t,{LiquidButton:()=>u});var l=r(37876),n=r(76823);let i=({children:e,variant:t="body",as:r="p",type:i="m",className:s,"data-testid":d,onMouseEnter:o,onMouseLeave:a,onClick:c})=>(0,l.jsx)(r,{className:(0,n.f)([`text-${t}-${i} leading-${t}-${i} tracking-${t}-${i}`],s),onMouseEnter:o,onMouseLeave:a,onClick:c,children:e});var s=r(5646),d=r(81479);let o=s.Ay.div.withConfig({componentId:"sc-da93d04b-0"})(["display:inline-block;position:relative;width:",";height:",";min-width:150px;max-width:100%;"],e=>e.$isWidthAuto?"auto":`${e.width}px`,e=>`${e.height+60}px`),a=s.Ay.div.withConfig({componentId:"sc-da93d04b-1"})(["position:absolute;"," border-radius:100px;width:calc(100% - 10px);height:",";top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;@media (min-width:768px){width:",";}"],e=>e.$useCustomColorsAsImportant?` 2 border: 1px solid ${e.$color||d.l.white}; 3 `:`border: 1px solid var(--color-text, ${d.l.white});`,e=>`${e.height-10}px`,e=>e.$isWidthAuto?"calc(100% - 10px)":`${e.width-10}px`),c=s.Ay.div.withConfig({componentId:"sc-da93d04b-2"})(["position:relative;text-align:center;width:",";height:",";top:50%;left:50%;transform:translate(-50%,-50%);line-height:",";letter-spacing:0.1em;"," border-radius:100px;text-transform:uppercase;font-size:12px;letter-spacing:1.8px;padding:",";@media (min-width:768px){width:",";font-size:14px;letter-spacing:2.1px;}"],e=>e.$isWidthAuto?"auto":"100%",e=>`${e.height}px`,e=>`${e.height}px`,e=>e.$useCustomColorsAsImportant?` 4 color: ${e.$textColor}; 5 background: ${e.$bgColor||d.l.primary}; 6 `:` 7 color: var(--color-text, ${e.$textColor}); 8 background: var(--color-neutral, ${e.$bgColor}); 9 `,e=>e.$isWidthAuto?"0 20px":"",e=>e.$isWidthAuto?"auto":`${e.width}px`),u=({text:e,className:t,onButtonClick:r=()=>{},disabled:s=!1,variant:d="none",type:u="button",dataTest:h,as:m="div",...p})=>{if("none"!==d)return(0,l.jsx)(m,{type:u,onClick:r,disabled:s,className:(0,n.f)("font-secondary min-w-[150px] rounded-[100px] p-[5px] text-center",{"text-white bg-primary":"primary"===d,"text-black bg-white":"secondary"===d},t),children:(0,l.jsx)("div",{className:"border-1 border-white inline-block w-full rounded-[100px]",children:(0,l.jsx)(i,{className:"p-3",children:e})})});if(0===Object.keys(p).length)return null;let{width:x,height:w,color:f,textColor:g,useCustomColorsAsImportant:v,isWidthAuto:b}=p||{width:0,height:0,color:"transparent",textColor:"transparent",useCustomColorsAsImportant:!1,isWidthAuto:!1};return(0,l.jsx)(m,{onClick:r,disabled:s,type:u,children:(0,l.jsxs)(o,{width:x,height:w,$isWidthAuto:b,children:[(0,l.jsx)(a,{width:x,height:w,$color:g,$useCustomColorsAsImportant:v,$isWidthAuto:b}),(0,l.jsx)(c,{$textColor:g,$bgColor:f,width:x,height:w,$useCustomColorsAsImportant:v,$isWidthAuto:b,children:e})]})})}},26982:(e,t,r)=>{r.r(t),r.d(t,{ProductGrid:()=>h,default:()=>m});var l=r(37876),n=r(14232),i=r(81479),s=r(23781),d=r(68831),o=r(9833),a=r(53820),c=r(97384);let u=r(5646).Ay.section.withConfig({componentId:"sc-2d59b2f-0"})(["@media (min-width:1025px){.product-grid-big{.svg-product{bottom:calc(100% + 65px);}.card-link-component{&:hover{.svg-product{bottom:calc(100% + 68px);}}}}}@media (min-width:480px) and (max-width:768px){.product-grid-big{.svg-product{bottom:calc(100% + 65px);}}}"]),h=({id:e,heading:t,products:r=[],initialCount:h=16,pageCount:m=8,labels:p={results:"results",resultsSeen:"%0 of %1 results seen",sortBy:"Sort By",filters:"Filters",moreResults:"Show more",sortNewest:"Newest",sortAlpha:"Order (A-Z)"},currentSort:x,sortOptions:w,onShowFilters:f=()=>null,onSortProducts:g=()=>null,ctaColor:v,currentFiltersCount:b,trackingEvent:j})=>{let[y,C]=(0,n.useState)(()=>r.length>h?h:r.length),[$,k]=(0,n.useState)(438);return(0,n.useEffect)(()=>{k(window.innerWidth<=320?438:360)},[]),(0,n.useEffect)(()=>{y>r.length&&C(r.length),r.length>h&&y<h&&C(h)},[r]),console.log("----- ProductGrid rendered -----"),(0,l.jsxs)(u,{className:"max-w-none p-0",id:e,children:[(0,l.jsxs)("div",{className:"flex flex-col items-center justify-center md:justify-between md:flex-row px-small md:pb-10 pb-0 2xl:px-medium 3xl:px-xlarge w-full",children:[(0,l.jsx)("div",{className:"flex flex-grow justify-center w-full md:mr-14 md:justify-start",children:(0,l.jsx)(c.Title,{tag:"h2",type:"sm",children:t})}),(0,l.jsx)("div",{className:"flex w-full mt-5 md:mt-0",children:(0,l.jsx)(a.SortAndFilter,{id:`${e}
9_sort-controls`,labels:p,options:w,selectedSort:x,currentCount:r?.length||0,onSort:g,onFilter:f,currentFiltersCount:b})})]}),(0,l.jsx)(d.Grid,{children:(0,l.jsx)(d.GridRow,{columns:16,tabletBreakpoint:!0,children:r?.slice(0,y).map((e,t)=>(0,l.jsx)(d.GridItem,{colSpan:(0,d.getCardGridColspan)(y,t),className:8===(0,d.getCardGridColspan)(y,t)?"product-grid-big":"",children:(0,l.jsx)(s.Card,{data:e,copyDictionary:p,showInfo:!0,cardVariation:"product",link:e.link,cardType:"mediumSmall",height:`${$}px`,trackingEvent:j,position:t+1})},e.id))})}),(0,l.jsx)("div",{className:"text-center",children:y<r.length&&(0,l.jsxs)("button",{type:"button",onClick:()=>C(Math.min(r.length,y+m)),children:[(0,l.jsx)("span",{className:"sr-only",children:p?.moreResults}),(0,l.jsx)(o.LiquidButton,{text:p?.moreResults,height:50,width:200,color:v||i.l.primary,textColor:i.l.white})]})})]})};h.displayName="ProductGrid";let m=h},29955:(e,t,r)=>{r.d(t,{W:()=>n});var l=r(14232);let n=(e,t)=>{(0,l.useEffect)(()=>{let r=r=>{!e.current||e.current.contains(r.target)||t(r)};return document.addEventListener("mousedown",r),document.addEventListener("touchstart",r),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("touchstart",r)}},[e,t])}},48109:(e,t,r)=>{r.d(t,{J:()=>n});var l=r(37876);let n=()=>(0,l.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M18.2845 6.12766L9.07659 15.0809L5.71554 11.7787C5.54048 11.6426 5.26039 11.6426 5.12035 11.7787L4.10503 12.766C3.96499 12.9021 3.96499 13.1745 4.10503 13.3447L8.7965 17.8723C8.97155 18.0426 9.21663 18.0426 9.39169 17.8723L19.895 7.65957C20.035 7.5234 20.035 7.25106 19.895 7.08085L18.8797 6.12766C18.7396 5.95745 18.4595 5.95745 18.2845 6.12766Z",fill:"#292B29"})})},53820:(e,t,r)=>{r.r(t),r.d(t,{SortAndFilter:()=>j});var l=r(37876);let n=()=>(0,l.jsx)("svg",{width:"26",height:"26",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M18.4836 4H5.51636C4.17277 4 3.48535 5.62354 4.45399 6.5602L9.51591 11.6182V16.9883C9.51591 17.4879 9.73463 17.925 10.1096 18.2372L12.1094 19.7359C13.078 20.3915 14.5153 19.7671 14.5153 18.5182V11.6182L19.546 6.5602C20.5147 5.62354 19.8272 4 18.4836 4ZM13.0155 10.9937V18.487L11.0157 16.9883V10.9937L5.51636 5.49865H18.5149L13.0155 10.9937Z",fill:"#292B29"})});var i=r(14232),s=r(61285),d=r(48109);let o=()=>(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M6.88686 13.125C5.94155 13.125 5.4689 14.2422 6.1564 14.8867L11.2697 20C11.6564 20.4297 12.3009 20.4297 12.7306 20L17.8439 14.8867C18.4884 14.2422 18.0158 13.125 17.1134 13.125H6.88686ZM17.8439 8.61328L12.7306 3.5C12.3009 3.11328 11.6564 3.11328 11.2697 3.5L6.1564 8.61328C5.4689 9.30078 5.94155 10.375 6.88686 10.375H17.1134C18.0158 10.375 18.4884 9.30078 17.8439 8.61328Z",fill:"#292B29"})});var a=r(29955),c=r(97384),u=r(3874);let h=u.A.div` 10 flex 11 flex-row 12 flex-wrap 13 items-center 14 justify-center 15 md:flex-nowrap 16 md:justify-end 17 w-full 18`,m=(0,u.A)(c.Text)` 19 order-4 20 md:order-1 21 w-full 22 md:w-auto 23 text-center 24 md:text-left 25 pt-2.5 26 md:pt-0 27 whitespace-nowrap 28`,p=u.A.div` 29 order-2 30 w-full 31 md:w-auto 32 text-center 33 md:text-left 34 flex 35 flex-nowrap 36 justify-center 37`,x=u.A.button` 38 whitespace-nowrap 39 text-xs 40 border 41 rounded-full 42 tracking-xl 43 py-2 44 px-3.5 45 leading-4 46 uppercase 47 md:tracking-normal 48 md:font-primary 49 md:text-2xl 50 md:leading-8 51 md:border-0 52 md:rounded-none 53 md:font-medium 54 md:p-0 55 md:normal-case 56 ${({$active:e})=>e?"md:border-b-2":"md:border-b-2 md:border-transparent"} 57`,w=u.A.div` 58 fixed 59 top-headerM 60 overflow-x-hidden 61 right-0 62 left-0 63 bg-white 64 z-50 65 h-full 66 md:z-10 67 md:top-full 68 md:absolute 69 md:left-auto 70 md:w-300 71 md:h-auto 72`,f=u.A.div` 73 w-5 74 mr-5 75 md:w-16 76 md:w-6 77 md:mr-0 78`,g=u.A.button` 79 w-full 80 py-2 81 text-base 82 flex 83 flex-row 84 content-start 85 items-center 86 md:hover:bg-light-brown 87 md:p-2 88 ${({$selected:e})=>e?"font-medium":"font-normal"} 89`;var v=r(70039),b=r(69241);let j=({className:e="",labels:t={filters:"Filters",sortBy:"Sort By",results:"results"},options:r,selectedSort:u,currentCount:j,currentFiltersCount:y,show
89Filter:C=!0,onSort:$=()=>null,onFilter:k=()=>null})=>{let[A,N]=(0,i.useState)(!1),L=(0,i.createRef)(),{lock:W,unlock:S}=(0,v.G)({autoLock:!1,lockTarget:L.current,widthReflow:!0});return(0,i.useEffect)(()=>(L.current&&window.innerWidth<=768&&(A?W():S()),()=>{S()}),[A]),(0,a.W)(L,()=>N(!1)),(0,l.jsxs)(h,{className:(0,b.$)(e,A&&"z-99","relative"),ref:L,children:[void 0!==j&&(0,l.jsx)(m,{tag:"span",type:"md",children:`${j} ${t?.results}`}),(0,l.jsxs)(p,{children:[r?.length?(0,l.jsxs)(x,{type:"button",className:"md:ml-6",$active:A,onClick:()=>{window&&window.innerWidth<768&&window.scrollTo(0,0),N(!A)},children:[(0,l.jsx)("span",{className:"hidden md:inline-block relative top-0.5",children:(0,l.jsx)(o,{})}),(0,l.jsx)("span",{className:"md:ml-2",children:t?.sortBy})]}):null,C&&(0,l.jsxs)(x,{type:"button",className:`${r?.length?"ml-2.5":""} md:ml-8`,onClick:()=>{k(),N(!1)},children:[(0,l.jsx)("span",{className:"hidden md:inline-block relative top-0.5",children:(0,l.jsx)(n,{})}),y?(0,l.jsxs)("span",{className:"md:ml-2",children:[t?.filters," ",(0,l.jsx)("span",{className:"md:hidden",children:`(${y})`})]}):(0,l.jsx)("span",{className:"md:ml-2",children:t?.filters})]})]}),A&&(0,l.jsxs)(w,{children:[(0,l.jsxs)("div",{className:"p-5 flex items-center justify-between md:hidden",children:[(0,l.jsx)(c.Title,{tag:"span",type:"xxxs",children:t?.sortBy}),(0,l.jsx)("div",{onClick:()=>N(!1),children:(0,l.jsx)(s.U,{size:24})})]}),(0,l.jsx)("ul",{className:"px-5 m-0 md:py-4 md:px-0",children:r?.map(e=>(0,l.jsx)("li",{className:"ml-0 p-0 before:content-none",children:(0,l.jsxs)(g,{type:"button",$selected:e.value===u,onClick:()=>{$(e.value),N(!1)},children:[(0,l.jsx)(f,{children:e.value===u?(0,l.jsx)(d.J,{}):(0,l.jsx)("div",{className:"w-5 h-5 border-1 opacity-20 md:hidden"})}),e.label]})},e.value))})]})]})}},70039:(e,t,r)=>{r.d(t,{G:()=>n});var l=r(14232);let n=e=>{let{autoLock:t=!0,lockTarget:r,widthReflow:n}=e,[i,s]=(0,l.useState)(!1),d=(0,l.useRef)(null),o=(0,l.useRef)(null),a=()=>{if(d.current){let{overflow:e,paddingRight:t}=d.current.style;if(o.current={overflow:e,paddingRight:t},n){let e=d.current===document.body?window.innerWidth:d.current.offsetWidth,t=parseInt(window.getComputedStyle(d.current).paddingRight,10)||0,r=e-d.current.scrollWidth;d.current.style.paddingRight=`${r+t}px`}d.current.style.overflow="hidden",s(!0)}},c=()=>{d.current&&o.current&&(d.current.style.overflow=o.current.overflow,n&&(d.current.style.paddingRight=o.current.paddingRight)),s(!1)};return(0,l.useEffect)(()=>(r&&(d.current="string"==typeof r?document.querySelector(r):r),d.current||(d.current=document.body),t&&a(),()=>{c()}),[t,r]),{isLocked:i,lock:a,unlock:c}}}}]); 90//# sourceMappingURL=6982-5511597c78ef85f5.js.map
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.