1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8256],{1601:(e,t,l)=>{l.d(t,{m:()=>s});var n=l(5212);let s=async(e,t)=>(await n.Ay.getAll("product-listing-ct-as",{options:{locale:t},userAttributes:{locale:t},query:{id:{$in:e}},locale:t})).map(e=>({id:e.id??null,type:e.data?.type??null,icon:e.data?.icon??null,iconAltText:e.data?.iconAltText??null,eyebrow:e.data?.eyebrow??null,heading:e.data?.heading??null,copy:e.data?.copy??null,buttons:e.data?.buttons?.map(e=>({label:e.label??null,style:e.style??null,url:e.url??null}))??null,image:e.data?.image??null,backgroundVideo:e.data?.backgroundVideo??null,video:e.data?.video??null,mediaAltText:e.data?.mediaAltText??null}))},8256:(e,t,l)=>{l.r(t),l.d(t,{default:()=>b});var n=l(6029),s=l(1278),a=l(2988),r=l.n(a),i=l(8619),d=l.n(i),c=l(5729),o=l(3059),u=l(5212),p=l(9344),x=l(3135),h=l(1353),m=l(4231),f=l(1884),g=l(1601),w=l(9954),y=l(7435);let b=({useSmartCommerceSB:e=!1,cmsBrands:t,cmsProducts:l,cmsCtas:a,tag:i,showFilterButton:b,filterButtonLabel:v,layout:j,icon:N,eyebrow:_,iconAltText:k,heading:A,subheading:S,buttons:$,ctas:C,isOnPlp:E,onFilter:M})=>{let[T,L]=(0,c.useState)(0),[B,O]=(0,c.useState)(!1),[R,z]=(0,c.useState)([]),[W,D]=(0,c.useState)([]),[P,H]=(0,c.useState)([]),Z=(0,c.useRef)(null),Q=(0,c.useRef)(null),F=(0,c.useRef)(null),I=(0,s.useRouter)(),V=(0,u.Et)(),q=(0,c.useMemo)(()=>{let e=(l??W).map(e=>({type:"Product",product:e}));return C?.forEach(t=>{let l=(a??P).find(e=>e.id===t.cta?.id);l&&(e=[...e.slice(0,t.insertAfter??0),{type:"CTA",cta:l},...e.slice(t.insertAfter)])}),e},[l,W,a,P,C]),G=()=>{i&&E&&M instanceof Function&&M(i)},J=()=>{if("Slider Only"!==j||Q.current){if(Q.current){let e=Q.current.getBoundingClientRect();L(window.innerWidth-e.right)}}else if(F.current){let e=F.current.getBoundingClientRect();L(window.innerWidth-e.left)}return 0},K=async()=>{if(!a&&C&&C.length){let e=[];C.forEach(t=>{t.cta&&e.push(t.cta.id)}),H(await (0,g.m)(e,I.locale??"en-us"))}},U=async()=>{t||z(await (0,f.Fs)(I.locale??"en-us"))},X=async()=>{!l&&i&&D(await (0,w.f_)([i],I.locale??"en-us"))};(0,c.useEffect)(()=>{K(),U(),X()},[i]);let Y=d()(J,100);(0,c.useEffect)(()=>(J(),window.addEventListener("resize",Y),()=>{window.removeEventListener("resize",Y)}),[]);let ee=(0,c.useCallback)(()=>{if(Z.current&&Z.current.splide){let e=Z.current.splide.Components.Slides.get();e&&e.length&&(e[e.length-1].slide.getBoundingClientRect().right<window.innerWidth?O(!0):O(!1))}},[]);return((0,c.useEffect)(()=>{K(),U(),X(),ee()},[]),(0,c.useEffect)(()=>{V&&Z.current&&Z.current.splide&&(Z.current.splide.destroy(),Z.current.splide.mount())},[j]),(0,c.useEffect)(()=>{J()},[j]),l&&0!==l.length||V)?(0,n.jsxs)("div",{className:r()("w-full z-50 relative overflow-x-clip"),children:["Slider Only"===j&&A&&(0,n.jsxs)("div",{className:"o-container o-container--2xl pb-8 md:pb-12 flex flex-col items-center",children:[N&&(0,n.jsx)("img",{src:N,alt:k}),_&&(0,n.jsx)("span",{className:"text-p-sm md:text-p-base font-bold text-center mt-4",children:_}),A&&(0,n.jsx)("h2",{className:"font-gopher text-h-4xl md:text-h-5xl text-neutral-700 text-center w-full max-w-[1008px] mt-4",dangerouslySetInnerHTML:{__html:(0,y.W)(A??"")}}),S&&(0,n.jsx)("h3",{className:"text-p-base text-neutral-700 font-medium mt-4 text-center w-full max-w-[1008px]",children:S}),($&&!!$.length||b)&&(0,n.jsxs)("div",{className:"mt-8 flex flex-wrap gap-3",children:[b&&(0,n.jsx)(h.gZ,{type:E?h.M$.Button:h.M$.Link,href:E?"":`/products?category=${i}`,onClick:G,children:`${v} (${q.filter(e=>e.product&&e.product.id).length})`}),($??[]).map((e,t)=>{let l=h.Dh.Solid;return"Outline"===e.style&&(l=h.Dh.Outline),(0,n.jsx)(h.gZ,{type:h.M$.Auto,href:e.url.replaceAll("&","%26"),style:l,eventAction:"c-plp-carousel-list",eventLabel:e.label??"",children:e.label},t)})]})]}),(0,n.jsxs)("div",{className:"o-container o-container--2xl flex flex-col lg:flex-row",ref:F,children:["Copy Panel"===j&&(0,n.jsx)("div",{ref:Q,className:"w-full lg:w-[312px] pr-8 shrink-0",children:(0,n.jsxs)("div",{className:"flex flex-col w-full max-w-[327px]",children:[N&&(0,n.jsx)("img",{src:N,alt:k}),_&&(0,n.jsx)("span",{className:"text-p-sm md:text-p-base font-bold mt-4",children:_}),A&&(0,n.jsx)("h2",{className:"font-gopher text-h-4xl leading-[38.4px] text-neutral-700 mt-4",dangerouslySetInnerHTML:{__html:(0,y.W)(A??"")}}),S&&(0,n.jsx)("h3",{className:"text-p-base text-neutral-700 font-medium mt
1-4",children:S}),($&&!!$.length||b)&&(0,n.jsxs)("div",{className:"mt-8 flex flex-wrap gap-3",children:[b&&(0,n.jsx)(h.gZ,{type:E?h.M$.Button:h.M$.Link,href:E?"":`/products?category=${i}`,onClick:G,children:`${v} (${q.filter(e=>e.product&&e.product.id).length})`}),($??[]).map((e,t)=>{let l=h.Dh.Solid;return"Outline"===e.style&&(l=h.Dh.Outline),(0,n.jsx)(h.gZ,{type:h.M$.Auto,href:e.url.replaceAll("&","%26"),style:l,eventAction:"c-plp-carousel-list",eventLabel:e.label??"",children:e.label},t)})]})]})}),(0,n.jsx)("div",{className:"grow relative mt-8 lg:mt-0 -mr-8",children:(0,n.jsx)("div",{className:"w-full lg:w-[var(--desktop-width)]",style:{"--desktop-width":`${T}px`},children:(0,n.jsxs)(o.eB,{className:r()({"o-splide o-splide--overflow":"Slider Only"===j}),hasTrack:!1,ref:Z,options:{arrows:!0,autoWidth:!0,gap:12,autoHeight:!0,padding:{right:96},flickPower:300,speed:400,easing:"cubic-bezier(.25,.08,.53,.99)",breakpoints:{768:{dragMinThreshold:5,flickPower:200}}},onMoved:ee,children:[(0,n.jsxs)("div",{className:"splide__arrows",children:[(0,n.jsx)("button",{className:"splide__arrow splide__arrow--prev disabled:opacity-0 disabled:pointer-events-none absolute -left-4 md:left-12 top-1/2 transform -translate-y-1/2 z-20",children:(0,n.jsx)(p.Q,{left:!0})}),(0,n.jsx)("button",{className:r()("splide__arrow splide__arrow--next disabled:opacity-0 disabled:pointer-events-none transition-opacity duration-200 ease-out absolute right-4 md:right-12 top-1/2 transform -translate-y-1/2 z-20",{"opacity-0 pointer-events-none":B}),children:(0,n.jsx)(p.Q,{})})]}),(0,n.jsx)(o.v9,{className:"overflow-visible overflow-x-clip",children:q&&!!q.length&&q.map((l,s)=>(0,n.jsxs)(o.Nn,{children:["Product"===l.type&&l.product&&(0,n.jsx)(x.H,{useSmartButton:e,brands:t??R,className:"w-[158px] md:w-[280px] h-full",product:l.product}),"CTA"===l.type&&l.cta&&(0,n.jsx)(m.y,{className:"w-[158px] md:w-[280px] h-full",ctaData:l.cta})]},s))})]})})})]})]}):null}},9344:(e,t,l)=>{l.d(t,{Q:()=>d});var n=l(6029),s=l(2988),a=l.n(s),r=l(3801),i=l(6457);let d=({className:e,left:t})=>(0,n.jsx)("div",{className:a()(e,"bg-neutral-50 w-9 h-9 md:w-[42px] md:h-[42px] flex justify-center items-center border rounded-full",{"transform rotate-180":t}),children:(0,n.jsx)(r.i,{className:"w-5 h-5 md:w-6 md:h-6",svg:i.A})})}}]);
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.