1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5044],{15044:(e,t,r)=>{r.r(t),r.d(t,{default:()=>y});var i=r(80263),a=r(53239),l=r(96342),n=r(50290),o=r(16869),s=r(71010),c=r(14959),d=r(75290),m=r(25242),p=r(52680),g=r(8536),u=r(39812),h=r(6140),x=r(7249);let j=(0,u.A)(e=>{let{fontSizes:t,palette:r,breakpoints:{values:{sm:i}}}=e;return(0,h.A)({container:{background:r.bannerBackgroundColor},collectionGridContainer:{marginTop:0},titleList:{[(0,x.bH)(i)]:{padding:"0 0.375rem",marginTop:"0.313rem"}},similarProductTitle:{margin:0,[(0,x.bH)(i)]:{fontSize:t.xlarge}},reduceSpacingTop:{paddingTop:"0.5rem",[(0,x.bH)(i)]:{paddingTop:"1.5rem"},"& $titleList":{[(0,x.bH)(i)]:{marginTop:0}}},collectionItemTitle:{marginTop:"0.875rem"},collectionPoster:{marginTop:0},loadMoreButtonWrapper:{margin:"1rem",textAlign:"center"},loadMoreButton:{background:"transparent"},collectionImage:{width:"100%",height:"auto",display:"block"}})});var I=r(36831);let T=e=>{let{activeLocation:t,analyticsSource:r,collection:u,index:h,retailer:x}=e,T=(0,I.L)({featureProductList:!1,itemInScroll:!1,limitTotalTitleLines:!0,totalTitleLines:2}),b=j(),[N,k]=(0,a.useState)(!1),{displayName:f,entryId:y,image:A,url:C}=u,L=()=>{r&&(0,m.e3)({...(0,g.SY)(x,t),collection_id:y,collection_name:f,collection_position:h+1,source:r})},v=A?.file?.url??"",S=h<4?d.rw.Eager:d.rw.Lazy;return(0,i.jsx)(n.Ay,{className:T.productItem,item:!0,sm:2,children:(0,i.jsx)("div",{className:T.pinnedWrapper,children:(0,i.jsxs)("div",{className:T.linkProduct,children:[(0,i.jsxs)("a",{href:C,rel:"noopener noreferrer",target:"_blank",onClick:L,children:[!N&&!v&&(0,i.jsx)("div",{className:(0,l.A)(T.posterImagePlaceholder,T.squarePosterImagePlaceholder)}),v&&(0,i.jsx)("div",{className:(0,l.A)(T.posterContainer,T.posterContainerSquare,b.collectionPoster),"data-poster":!0,children:(0,i.jsxs)("div",{className:T.posterImageContainer,children:[!N&&(0,i.jsx)(o.A,{displayOnlyPoster:!0,displaySquarePosterImage:!0}),(0,i.jsx)(s.A,{altImageText:A?.description||f||"",applyImgWidth:c.Y2,className:(0,l.A)(T.image,T.squareImage,b.collectionImage,{[T.imageIsNotLoaded]:!N,[T.imageLoaded]:N}),fit:"fill",heightDesktop:c.Y2,heightMobile:c.Y2,imageUrl:v,loading:S,urlBuilder:p.hV,onLoad:()=>k(!0)})]})})]}),(0,i.jsx)("div",{className:(0,l.A)(T.boxDetails,b.collectionItemTitle),children:(0,i.jsx)("a",{href:C,rel:"noopener noreferrer",target:"_blank",onClick:L,children:(0,i.jsx)("p",{className:(0,l.A)(T.displayName,T.titleLineLimit),children:f})})})]})})})};var b=r(87779),N=r(17312),k=r(58438),f=r(40825);let y=e=>{let{activeLocation:t,analyticsSource:r,collections:n,isMobile:o,loadMoreText:s,reduceSpacingTop:m,retailer:p,title:g}=e,u=(0,f.c)({containerHeight:0}),h=j(),[x,I]=(0,a.useState)(c.D7),[y,A]=(0,a.useState)(!1);if(!n?.length)return null;let C=o?n.slice(0,x):n,L=o&&x<n.length,v=C.map((e,a)=>{let l=n.findIndex(t=>t.entryId===e.entryId);return(0,i.jsx)(T,{activeLocation:t,analyticsSource:r,collection:e,index:l,retailer:p},e.entryId??a)});return(0,i.jsxs)("div",{className:(0,l.A)(h.container,u.container,u.bgModeColor,{[h.reduceSpacingTop]:m}),children:[(0,i.jsxs)(b.A,{className:(0,l.A)(u.gridContainer,h.collectionGridContainer),direction:"row",children:[(0,i.jsx)(N.A,{displayTitle:!0,overrideClasses:h,productListContainerHeight:0,title:g}),v]}),L&&(0,i.jsx)("div",{className:h.loadMoreButtonWrapper,children:(0,i.jsx)(k.l,{className:h.loadMoreButton,fullWidth:!0,isLoading:y,isSuccess:!1,ttgVariant:d.M3.Quaternary,type:"button",onClick:()=>{A(!0),setTimeout(()=>{I(e=>e+c.D7),A(!1)},c.l3)},children:(0,i.jsx)("span",{children:s})})})]})}}}]);
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.