(globalThis.webpackChunkverso=globalThis.webpackChunkverso||[]).push([[3528],{76559:(e,i,t)=>{const a=t(67294),o=t(41609),r=t(45697),{useIntl:l}=t(76186),{calculateSpacing:n}=t(79720),{getSlots:s}=t(86972),d=t(67924),c=t(41334),g=t(32168),{Disclaimer:m}=t(5626),p=t(85650),{trackComponent:u}=t(40199),{componentTracking:h,googleAnalytics:C}=t(28601),{CarouselWrapper:b,ChipWrapper:y,EditorCard:$,EditorDescription:f,EditorDetails:S,EditorName:T,EditorResponsiveAsset:E,EditorsPicksCarousel:D,EditorTitle:k,FilterableSummaryListDynamicGridItemLayout:v,FilterableSummaryListGrid:w,FilterableSummaryListWrapper:N,FilterableSummaryListGridFullBleed:P,TitleWrapper:A,TitleToggleChipListWrapper:x}=t(78153),{ArticleGalleryCarouselBtnWrapper:B,ArticleGalleryCarouselButton:L}=t(28642),G=t(12102).Z,M={spacing:{sm:n(1.5),xl:n(2)},width:{sm:"60%",lg:"27%",xl:`calc(24% - ${n(1.5)})`,xxl:`calc(21% - ${n(1.5)})`}},I=({affiliateDisclaimer:e,buttonConfig:i,children:t,className:r,carouselControlTheme:n,controlButtonIcon:I,controlPlacement:F,controlPosition:H,dangerousDek:U,dangerousHed:W,defaultToggleChipTitle:O,editor:R,hasBorderBottom:z,hasGridBottomPadding:V,hasCarouselSliderPagination:j,hasControls:q,hasCustomMargin:K,hasCustomSlider:Z,hasImpressionTracking:_,hasModerateSpacingOnCarousel:J,hasModerateSpacingOnMobile:Q,hasNavigationButtonVariation:X,hasNoHorizontalScrollCarousel:Y,paginationStyle:ee,hasPadding:ie,hasPagination:te,hasProductDisclaimerAlternativeStyle:ae,hasTitleMarginTop:oe,hasTitleNoMargin:re,hasToggleGridColor:le,hasHigherHorizontalPadding:ne,sectionTitleVariation:se,selectedToggleChipTitle:de,shouldAppendFilterInUrl:ce,shouldChipsRedirectOnClick:ge,shouldDisplaySingleSlot:me,shouldHideMarginOnCarousel:pe,shouldHideMarginUnderDek:ue,shouldNotDisplayAllLabel:he,shouldEnableBundleComponentAnalytics:Ce,shouldShowDangerousDek:be,shouldUseInteractiveBrandColor:ye,isFirstProductListingContainer:$e,shouldUseAlternativeTitleStyle:fe,hasCarouselControl:Se,toggleChipRole:Te,trackingNamespace:Ee,isDotClickable:De,layout:ke,pos:ve,gridConfig:we,isEditorsPicksCarousel:Ne,hideAffiliateDisclaimer:Pe,isPlpCurated:Ae,hideDesktopPagination:xe,isUpcEnabled:Be,isSeriesNavigation:Le})=>{a.useEffect((()=>{u("FilterableSummaryList")}),[]);const{formatMessage:Ge}=l(),{slots:Me,urlData:Ie}=s(t),Fe=Object.keys(Me),[He,Ue]=a.useState(Fe),[We,Oe]=a.useState(He[0]),[Re,ze]=a.useState(O),Ve=W||U,je=Ee?.toggle||W,qe=Ee?.card||W;if(0===He.length)return null;const Ke=He.length>1||me,Ze=i.hasCtaLink?Ge(G.atArticleGalleryCarouselBtnTextWithCtaLink,{categoryName:i.name}):Ge(G.atArticleGalleryCarouselBtnText,{categoryName:i.name}),{isDynamicGridItemLayout:_e,shouldDisplayDenseGrid:Je}=we||{},Qe=()=>a.Children.map(Me[We].props.children,((e,i)=>{const t=h.addDataSectionTitleAttribute(Ce,`${qe}/${We}/`,i,!1),o=a.cloneElement(e,{analyticsDataAttribute:t});return a.createElement("div",null,o)})),Xe=()=>a.createElement(b,null,a.createElement(m.TextCenterNoTopRule,{isEnabled:!Pe&&Se&&$e,hasHigherHorizontalPadding:ne,hasProductDisclaimerAlternativeStyle:ae,disclaimerHtml:e}),a.createElement(p,{hideDesktopPagination:xe,hasControls:q,hasNavigationButtonVariation:X,hasPagination:te,controlButtonIcon:X?"ArrowIcon":I,shouldHideMarginOnCarousel:pe,hasModerateSpacingOnCarousel:J,controlPlacement:F,controlPosition:H,isDotClickable:De,hasPadding:ie,hasNoHorizontalScrollCarousel:Y,hasImpressionTracking:_,paginationStyle:j&&"slider"===ee?ee:"bullet",isPlpCurated:Ae,hasCustomSlider:j&&Z,dangerousHed:Ve,pos:ve,carouselControlTheme:n,isSeriesNavigation:Le},a.Children.map(Me[We].props.children,((e,i)=>{const t=h.addDataSectionTitleAttribute(Ce,`${qe}/${We}/`,i,!1),o=a.cloneElement(e,{analyticsDataAttribute:t}),r=`${Ve}/${We}`;return a.createElement(p.CarouselItem,{...Ce,...M,key:`${We}-${i}`,carouselTitle:r,carouselItemIndex:i,carouselItemName:e.props.dangerousHed,pos:ve,isUpcEnabled:Be,isSeriesNavigation:Le},o)}))),i.showButton&&i.url&&a.createElement(B,null,a.createElement("div",{className:"more-products"},a.createElement(L,{className:"article-gallery__more-button",label:Ze,btnStyle:"outlined",ariaLabel:Ze,href:i.hasCtaLink?i.url:`/products/shop${i.url}`,inputKind:"link"}))));return a.useEffect((()=>{{const e=decodeURIComponent(window?.location?.hash),i=He.findIndex((i=>`#${i.toLowerCase()}`===e.toLowerCase()));Oe(He[i>=0?i:0])}}),[He]),a.createElement(N,{className:r,hasToggleGridColor:le,hasPadding:ie,hasBorderBottom:z,isSeriesNavigation:Le},a.createElement(x,{hasDangerousDek:be&&U,hasCustomMargin:K,shouldUseAlternativeTitleStyle:fe,shouldUseInteractiveBrandColor:ye},Ve&&a.createElement(A,{className:"section-title",hasPadding:ie,hasTitleMarginTop:oe,as:g[se],dangerousHed:W,dangerousDek:U,hasTitleNoMargin:re,affiliateDisclaimer:e,shouldHideMarginUnderDek:ue,hasHigherHorizontalPadding:ne,hasProductDisclaimerAlternativeStyle:ae}),"GridFourColumns"===ke&&a.createElement(m.TextCenterNoTopRule,{isEnabled:!Pe&&$e,disclaimerHtml:e}),Ke&&a.createElement(y,{className:"clip-list",hasToggleGridColor:le,hasPadding:ie,hasModerateSpacingOnMobile:Q},a.createElement(c,{contentAlign:"center",layout:"nowrap",hasToggleGridColor:le,label:Re},He.map(((e,i)=>{const t=h.addDataSectionTitleAttribute(Ce,`${je}/${e}`),o=e===We;return he&&"All"===e?null:a.createElement(d,{index:i,analyticsDataAttribute:t,key:e,isChecked:o,hasToggleGridColor:le,onChange:i=>((e,i)=>{var t;Oe(i),me&&(e.detail.checked?(Ue([i]),de&&ze(de)):(Oe(Fe[0]),Ue(Fe),ze(O))),t=i,C.emitUniqueGoogleTrackingEvent("toggle-click",{clickText:t,clickType:"body"})})(i,e),isAnchorUrl:ce,redirectUrl:Ie[i],shouldUrlRedirect:ge,shouldDisplaySingleChip:me,role:Te},e)}))))),Ne&&!o(R)?a.createElement(D,null,a.createElement($,null,R.editorPhoto&&a.createElement(E,{...R.editorPhoto}),a.createElement(S,null,a.createElement(T,null,R.name),a.createElement(k,null,R.title)),a.createElement(f,null,R.editorNote)),Xe()):function(){switch(ke){case"GridFourColumns":return _e?a.createElement(v,{shouldDisplayDenseGrid:Je,hasGridBottomPadding:V,isUpcEnabled:Be},Qe()):a.createElement(w,{isUpcEnabled:Be},Qe());case"FullBleed":return a.createElement("div",null,Qe());case"FullBleedSideBySideContent":return a.createElement(P,null,Qe());default:return Xe()}}())};I.propTypes={affiliateDisclaimer:r.string,buttonConfig:r.object,carouselControlTheme:r.string,children:r.node.isRequired,className:r.string,controlButtonIcon:r.oneOf(["ChevronIcon","ArrowIcon"]),controlPlacement:r.oneOf(["right","space-between"]),controlPosition:r.oneOf(["top","bottom","center"]),dangerousDek:r.string,dangerousHed:r.string,defaultToggleChipTitle:r.string,editor:r.object,gridConfig:r.object,hasBorderBottom:r.bool,hasCarouselControl:r.bool,hasCarouselSliderPagination:r.bool,hasControls:r.bool,hasCustomMargin:r.bool,hasCustomSlider:r.bool,hasGridBottomPadding:r.bool,hasHigherHorizontalPadding:r.bool,hasImpressionTracking:r.bool,hasModerateSpacingOnCarousel:r.bool,hasModerateSpacingOnMobile:r.bool,hasNavigationButtonVariation:r.bool,hasNoHorizontalScrollCarousel:r.bool,hasPadding:r.bool,hasPagination:r.bool,hasProductDisclaimerAlternativeStyle:r.bool,hasTitleMarginTop:r.bool,hasTitleNoMargin:r.bool,hasToggleGridColor:r.bool,hideAffiliateDisclaimer:r.bool,hideDesktopPagination:r.bool,isDotClickable:r.bool,isEditorsPicksCarousel:r.bool,isFirstProductListingContainer:r.bool,isPimCollectionContainer:r.bool,isPlpCurated:r.bool,isSeriesNavigation:r.bool,isUpcEnabled:r.bool,layout:r.string,paginationStyle:r.string,pos:r.number,sectionTitleVariation:r.string,selectedToggleChipTitle:r.string,shouldAppendFilterInUrl:r.bool,shouldChipsRedirectOnClick:r.bool,shouldDisplaySingleSlot:r.bool,shouldEnableBundleComponentAnalytics:r.bool,shouldHideMarginOnCarousel:r.bool,shouldHideMarginUnderDek:r.bool,shouldNotDisplayAllLabel:r.bool,shouldShowDangerousDek:r.bool,shouldUseAlternativeTitleStyle:r.bool,shouldUseInteractiveBrandColor:r.bool,toggleChipRole:r.string,trackingNamespace:r.shape({toggle:r.string,card:r.string})},I.displayName="FilterableSummaryList",I.defaultProps={buttonConfig:{name:"",showButton:!1,url:""},carouselControlTheme:"",controlButtonIcon:"ChevronIcon",controlPlacement:"space-between",controlPosition:"center",hasCarouselControl:!1,hasControls:!0,hasCustomMargin:!1,hasHigherHorizontalPadding:!1,hasImpressionTracking:!1,hasNoHorizontalScrollCarousel:!1,hasPagination:!0,hasTitleMarginTop:!1,hideAffiliateDisclaimer:!1,isDotClickable:!1,isEditorsPicksCarousel:!1,isFirstProductListingContainer:!1,shouldAppendFilterInUrl:!0,shouldChipsRedirectOnClick:!1,shouldDisplaySingleSlot:!1,shouldEnableBundleComponentAnalytics:!1,shouldNotDisplayAllLabel:!1,shouldUseAlternativeTitleStyle:!1,shouldUseInteractiveBrandColor:!1},I.displayName="FilterableSummaryList",e.exports=I},33528:(e,i,t)=>{const{asConfiguredComponent:a}=t(36380),o=t(76559);e.exports=a(o,"FilterableSummaryList")},78153:(e,i,t)=>{const{css:a,default:o}=t(51117),{calculateSpacing:r,minScreen:l,maxScreen:n,minMaxScreen:s,getColorToken:d,getTypographyStyles:c,getColorStyles:g}=t(79720),{SectionTitleDivider:m}=t(80577),{CarouselControlButton:p,CarouselList:u,CarouselWrapper:h}=t(95764),C=t(48655),{BREAKPOINTS:b}=t(85326),y=t(99956),{ToggleButton:$}=t(27e3),{SummaryItemContent:f}=t(88269),{SummaryItemHedBase:S}=t(27853),T=o(C.EvenFour).withConfig({displayName:"FilterableSummaryListGrid"})` &.grid-even.grid-items-4 { ${l(b.md)} { grid-template-columns: repeat(4, minmax(0, 1fr)); } } &&& { ${({isUpcEnabled:e})=>e&&`\n ${s(0,b.md)} {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n \n padding-right: ${r(2)};\n padding-left: ${r(2)};\n column-gap: ${r(1)};\n \n }\n \n padding-right: ${r(3)};\n padding-left: ${r(3)};\n column-gap: ${r(2)};\n \n `} } &.grid-even { ${s(0,b.md)} { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-right: ${r(3)}; padding-left: ${r(3)}; } padding-right: ${r(4)}; padding-left: ${r(4)}; } &.grid { row-gap: ${r(6)}; } `,E=o(C.EvenFour).withConfig({displayName:"FilterableSummaryListGridFullBleed"})` &.grid-even.grid-items-4 { ${s(0,b.md)} { grid-template-columns: repeat(1, minmax(0, 1fr)); padding-top: ${r(3)}; padding-right: ${r(1)}; padding-left: ${r(1)}; } grid-template-columns: repeat(1, minmax(0, 1fr)); padding: ${r(3)}; padding-left: 0; row-gap: ${r(4)}; } `,D=o(C.DynamicGridItemLayout).withConfig({displayName:"FilterableSummaryListDynamicGridItemLayout"})` &.grid-even.grid-items-4 { ${l(b.md)} { grid-template-columns: repeat(4, minmax(0, 1fr)); } } &&& { ${({isUpcEnabled:e})=>e&&`\n ${s(0,b.md)} {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n \n padding-right: ${r(2)};\n padding-left: ${r(2)};\n column-gap: ${r(1)};\n \n }\n \n padding-right: ${r(3)};\n padding-left: ${r(3)};\n column-gap: ${r(2)};\n \n `} } &.grid-even { ${s(0,b.md)} { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-right: ${r(3)}; padding-left: ${r(3)}; } padding-right: ${r(4)}; padding-left: ${r(4)}; } &.grid { row-gap: ${r(6)}; ${({shouldDisplayDenseGrid:e=!0})=>!e&&"grid-auto-flow:row;"} ${({hasGridBottomPadding:e=!1})=>e&&`padding-bottom:${r(8)};`} } `,k=o.section.withConfig({displayName:"FilterableSummaryListWrapper"})` ${({theme:e,hasBorderBottom:i})=>i&&`border-bottom: 1px solid ${d(e,"colors.consumption.lead.standard.divider")};`} ${({hasPadding:e,hasToggleGridColor:i,isSeriesNavigation:t})=>e&&!i&&`padding: ${t?`${r(4)} 0 0`:`${r(4)} 0 ${r(4)}`};`} `,v=o.div.withConfig({displayName:"TitleToggleChipListWrapper"})` ${m} { ${({hasDangerousDek:e,hasCustomMargin:i})=>!e&&i?`margin-bottom: ${r(0)};`:`margin-bottom: ${r(5)};`} } ${({shouldUseAlternativeTitleStyle:e})=>e&&a` .section-title { margin: 0; border-top: none; padding-top: 0; @media (max-width: ${b.md}) { h2 { text-align: center; } } } @media (max-width: ${b.md}) { .list-wrapper { overflow-y: hidden; overflow-x: scroll; &::-webkit-scrollbar { display: none; } } } @media (min-width: ${b.md}) { ${g("border-color","colors.consumption.lead.standard.context-signature")}; display: flex; align-items: center; border-top: 2px solid; gap: 2rem; .clip-list { margin: 0; .list-wrapper { padding: 0; gap: ${r(3)}; button { border-radius: 0; background: none; padding: 0.2rem 0; font-size: 13px; font-weight: bold; &[aria-checked='false'] { ${g("color","colors.interactive.base.border")}; } &[aria-checked='true'] { ${g("color","colors.interactive.base.black")}; border-bottom: 1px solid; } &:hover, &:focus { box-shadow: none; } } } } } `} ${$} { ${({shouldUseInteractiveBrandColor:e})=>e&&a` &[aria-checked='false'] { ${e?g("background-color","colors.interactive.base.brand-secondary"):g("color","colors.interactive.base.black")}; } `} } `,w=o.div.withConfig({displayName:"TitleWrapper"})` ${({hasTitleMarginTop:e})=>{const i=r(4);return`margin: ${e?i:"0"} 0 ${i} 0;`}} ${({shouldHideMarginUnderDek:e})=>e&&"margin-bottom: 0;"}; ${({hasPadding:e})=>e&&`padding-left: ${r(3)};\n padding-right: ${r(3)};\n `} ${({hasTitleNoMargin:e})=>e&&"margin: 0;"} `,N=o.div.withConfig({displayName:"ChipWrapper"})` ${({hasToggleGridColor:e})=>e?`padding-bottom: ${r(4)};`:`margin: ${r(4)} 0 0 0;`} ${n(b.md)} { ${({hasModerateSpacingOnMobile:e})=>e&&`margin: ${r(2)} 0 0 0;`} } `,P=o.div.withConfig({displayName:"CarouselWrapper"})` ${p} { margin-top: 1rem; &:disabled { display: none; } } ${u} { ${n(b.md)} { scroll-padding: ${r(3)}; } } ${f} { ${S} { @media (max-width: ${b.md}) { ${({theme:e})=>c(e,"typography.definitions.discovery.hed-core-secondary")}; } } } `,A=o.section.withConfig({displayName:"EditorsPicksCarousel"})` display: grid; grid-template-columns: 100%; margin-top: ${r(4)}; overflow-x: hidden; @media (min-width: ${b.lg}) { grid-column-gap: ${r(4)}; grid-template-columns: calc(20% - ${r(4)}) 80%; ${h} { margin-top: 0; } } ${u} { margin: 0; } `,x=o.div.withConfig({displayName:"EditorCard"})` display: grid; grid-template-columns: auto 1fr; align-items: center; @media (min-width: ${b.lg}) { grid-template-columns: 1fr; grid-template-rows: repeat(3, max-content); margin: ${r(4)} 0; } `,B=o(y).withConfig({displayName:"EditorResponsiveAsset"})` border-radius: 50%; width: 80px; height: 80px; `,L=o.div.withConfig({displayName:"EditorDetails"})` margin-left: ${r(1)}; @media (min-width: ${b.lg}) { grid-column: 1; margin: ${r(1)} 0 0; } `,G=o.div.withConfig({displayName:"EditorName"})` ${({theme:e})=>c(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; `,M=o.div.withConfig({displayName:"EditorTitle"})` ${({theme:e})=>c(e,"typography.definitions.globalEditorial.accreditation-feature")}; `,I=o.div.withConfig({displayName:"EditorDescription"})` grid-column: 1 / span 2; margin-top: ${r(1.5)}; ${({theme:e})=>c(e,"typography.definitions.consumptionEditorial.description-embed")} @media (min-width: ${b.lg}) { margin-top: ${r(2.5)}; } `;e.exports={CarouselWrapper:P,ChipWrapper:N,EditorCard:x,EditorDescription:I,EditorDetails:L,EditorName:G,EditorResponsiveAsset:B,EditorsPicksCarousel:A,EditorTitle:M,FilterableSummaryListDynamicGridItemLayout:D,FilterableSummaryListGrid:T,FilterableSummaryListWrapper:k,FilterableSummaryListGridFullBleed:E,TitleWrapper:w,TitleToggleChipListWrapper:v}},12102:(e,i,t)=>{const a=t(76186);i.Z=(0,a.defineMessages)({atArticleGalleryCarouselBtnText:{id:"FilterableSummaryList.AtArticleGalleryCarouselBtnText",defaultMessage:"VIEW ALL {categoryName}",description:"Article and Gallery carousel button text"},atArticleGalleryCarouselBtnTextWithCtaLink:{id:"FilterableSummaryList.AtArticleGalleryCarouselBtnTextWithCtaLink",defaultMessage:"{categoryName}",description:"Article and Gallery carousel button text for cta link"}})},75985:(e,i,t)=>{const a=t(67294),o=t(45697),{trackComponent:r}=t(40199),l=({children:e,name:i})=>{if(a.useEffect((()=>{r("Slot")}),[]),!i)throw new Error("A slot must contain a name!");return e};l.propTypes={children:o.node.isRequired,name:o.string.isRequired},e.exports={Slot:l,getSlots:(e,i=[])=>{const t=new Set(i),o={};let r;const n=[];return a.Children.forEach(e,(e=>{r=e.props.name,n.push(e.props.url),e.type===l&&r&&(0===t.size||t.has(r))&&(o[r]=e)})),{slots:o,urlData:n}}}},86972:(e,i,t)=>{e.exports=t(75985)}}]);