(globalThis.webpackChunkverso=globalThis.webpackChunkverso||[]).push([[2315],{59559:(e,t,n)=>{const r=n(45697),a=n(67294),{asConfiguredComponent:i}=n(36380),o=n(81768),{CategoryFilterItemButton:l,CategoryFilterItemText:s,CategoryFilterItemWapper:d}=n(55410),{trackComponent:c}=n(40199),p=({dangerousText:e,Icon:t,onClickHandler:n,theme:r})=>{const i="inverted"===r;return a.useEffect((()=>{c("CategoryFilterItem")}),[]),a.createElement(d,{className:"item-wrapper"},a.createElement(l,{onClick:n,isInverted:i,"aria-label":"action button"},a.createElement(t,null)),a.createElement(s,{isInverted:i,dangerouslySetInnerHTML:{__html:e}}))};p.propTypes={dangerousText:r.string.isRequired,Icon:r.func,onClickHandler:r.func,theme:r.oneOf(["standard","inverted"])},p.defaultProps={Icon:o,theme:"standard"},p.displayName="CategoryFilterItem",e.exports=i(p,"CategoryFilterItem")},29034:(e,t,n)=>{e.exports=n(59559)},55410:(e,t,n)=>{const r=n(51117).default,{BaseText:a}=n(74327),{getColorToken:i,calculateSpacing:o,getTypographyStyles:l}=n(79720),s=r.div.withConfig({displayName:"CategoryFilterItemWapper"})` display: flex; flex-shrink: 0; padding: 0; `,d=r.button.withConfig({displayName:"CategoryFilterItemButton"})` ${"\n display: flex;\n align-items: center;\n justify-content: center;\n"} margin-right: ${o(2)}; outline: none; border: 1px solid ${i("colors.interactive.base.black")}; border-radius: 50%; background: #fff; background-color: ${({isInverted:e,theme:t})=>i(t,e?"colors.consumption.lead.inverted.heading":"colors.consumption.lead.standard.heading")}; padding: 0; width: 17px; height: 17px; svg { fill: ${({isInverted:e,theme:t})=>i(t,e?"colors.interactive.base.black":"colors.interactive.base.white")}; } &:hover { text-decoration: none; } `,c=r(a).withConfig({displayName:"CategoryFilterItemText"})` ${({theme:e})=>l(e,"typography.definitions.utility.input-core")}; color: ${({isInverted:e,theme:t})=>i(t,e?"colors.consumption.lead.inverted.heading":"colors.consumption.lead.standard.heading")}; `;e.exports={CategoryFilterItemButton:d,CategoryFilterItemText:c,CategoryFilterItemWapper:s}},58918:(e,t,n)=>{const r=n(45697),a=n(67294),{useState:i,useEffect:o,useImperativeHandle:l}=n(67294),{asConfiguredComponent:s}=n(36380),{asThemedComponent:d}=n(3517),{connector:c}=n(92078),{trackComponent:p}=n(40199),{FilterWrapper:u,ButtonUtilityInvertedWrapper:m,TriangleUpIconWrapper:g,ButtonUtilityWrapper:h,InvertedTriangleDownIconWrapper:v,WrapSelectedTokens:f}=n(75753),b=n(7279),{BaseWrap:x}=n(74327),y=n(48655),C=n(75238),k=n(76612),w=n(42670),S=({channelTree:e,hideStoryCount:t,storyCount:n,onFilterSaveCallback:r,variations:s,isGridLayout:d,saveButtonText:c,hasEnableIcon:S,filterRef:I,variationName:N})=>{a.useEffect((()=>{p("ChannelFilter",N)}),[N]);const[T,F]=i(!1),[$,W]=i({}),[E,B]=i(JSON.parse(JSON.stringify(e))),[O,D]=i([]),[A,M]=i([]),[H,U]=i(!1),[L,P]=i(!1),R=d?y.WithMargins:x;o((()=>{const e=new URLSearchParams(window.location.search);(e.get("q")||e.get("filter"))&&P(!0);const t=E?[...E]:[],n=[];t.forEach((e=>{let t=0;e.sub.forEach((e=>{e.selected&&(n.push(e),t++)})),e.text=t>0?`${e.originalText} (${t})`:e.originalText})),M(n),B(t)}),[]),l(I,(()=>({resetSelectedSubFilters:()=>{D([]),M([]),B((e=>e.map((e=>({...e,text:e.originalText,sub:e.sub.map((e=>({...e,selected:!1})))})))))}})));const z={filterData:E,finalSelectedSubFilters:A,isDirty:H,isGridLayout:d,overlayData:$,selectedSubFilters:O,setFilterData:B,setFinalSelectedSubFilters:M,onFilterSaveCallback:r,setIsDirty:U,setIsOverlayVisible:F,setSelectedSubFilters:D,variations:s,saveButtonText:c},_={filterData:E,finalSelectedSubFilters:A,setFilterData:B,setFinalSelectedSubFilters:M,onFilterSaveCallback:r,storyCount:n,hideStoryCount:t,variations:s};return a.createElement(R,{className:"channelfilter-wrapper"},a.createElement(u,null,E.map((e=>{const{ButtonComponent:t,ButtonWrapper:n,IconWrapper:r}={ButtonComponent:(i=e.text===e.originalText)?b.Utility:b.UtilityInverted,ButtonWrapper:i?h:m,IconWrapper:i?v:g};var i;return a.createElement(n,{key:e.id,isInverted:s.isInverted,className:"button-wrapper"},a.createElement(t,{id:e.id,label:e.text,title:e.text,iconPosition:"after",hasDarkBackground:!0,hasEnableIcon:S,onClickHandler:()=>{const t=e.sub.filter((e=>e.selected));D(t),F(!0),W(e)},ButtonIcon:()=>a.createElement(r,{isInverted:s.isInverted},a.createElement(C,null))}))})),T&&a.createElement(k,{...z})),a.createElement(f,null,L&&a.createElement(w,{..._})))};S.propTypes={channelTree:r.arrayOf(r.shape({id:r.string,text:r.string,originalText:r.string,sub:r.arrayOf(r.shape({id:r.string,text:r.string,selected:r.boolean,hierarchyString:r.string}))})),filterRef:r.shape({current:r.object}),hasEnableIcon:r.bool,hideStoryCount:r.bool,isGridLayout:r.bool,onFilterSaveCallback:r.func,saveButtonText:r.string,storyCount:r.number,variationName:r.string,variations:r.shape({isInverted:r.bool})},S.defaultProps={hasEnableIcon:!1,hideStoryCount:!1,isGridLayout:!0,variations:{isInverted:!1}},S.displayName="ChannelFilter",e.exports=c(d(s(S,"ChannelFilter")),{keysToPluck:["channelTree"]})},42670:(e,t,n)=>{const r=n(45697),a=n(67294),{useIntl:i}=n(76186),o=n(68164).Z,{SearchTokensContainer:l,SearchTokensInfoCount:s,SearchTokensinfoClearAllButton:d,SearchTokensInfoWapper:c,TokenWrapper:p}=n(75753),u=n(29034),{getUrlWithUpdatedFilters:m}=n(19287),g=({filterData:e,finalSelectedSubFilters:t,setFilterData:n,setFinalSelectedSubFilters:r,onFilterSaveCallback:g,storyCount:h,hideStoryCount:v,variations:f})=>{const{formatMessage:b}=i();return a.createElement(l,{isInverted:f.isInverted,className:"info-container"},a.createElement(c,{className:"info-wapper"},!v&&a.createElement(s,{isInverted:f.isInverted,className:"story-count"},b(o.storyCountText,{storyCount:h})),a.createElement(d,{isInverted:f.isInverted,onClick:()=>(()=>{const e=`${window.location.origin}${window.location.pathname}`;window.location=`${e}`})(),className:"clear-all-selected-filter"},b(o.clearAllFiltersText))),t.map((i=>a.createElement(p,{key:i.id,isInverted:f.isInverted,className:"selected-filter-token"},a.createElement(u,{onClickHandler:()=>(a=>{const i=[...e],o=(()=>{for(const e of i)for(const t of e.sub)if(t.id===a.id)return e;return{}})();let l=0;o.sub.forEach((e=>{a.id===e.id&&(e.selected=!1),e.selected&&l++})),o.text=0!==l?`${o.originalText} (${l})`:o.originalText;const s=t.filter((e=>e.id!==a.id));if(n(i),r(s),g)g(s);else{const{location:e}=window,t=m({filters:s,location:e});window.location=t}})(i),dangerousText:i.text,theme:f.isInverted?"inverted":"standard"})))))};g.propTypes={filterData:r.arrayOf(r.shape({id:r.string,text:r.string,originalText:r.string,sub:r.arrayOf(r.shape({id:r.string,text:r.string,selected:r.boolean,hierarchyString:r.string}))})),finalSelectedSubFilters:r.arrayOf(r.shape({id:r.string,text:r.string,selected:r.boolean,hierarchyString:r.string})),hideStoryCount:r.bool,onFilterSaveCallback:r.func,setFilterData:r.func,setFinalSelectedSubFilters:r.func,storyCount:r.number,variations:r.shape({isInverted:r.bool})},g.displayName="FilterInfo",e.exports=g},76612:(e,t,n)=>{const r=n(45697),a=n(67294),{useRef:i}=n(67294),{useIntl:o}=n(76186),{googleAnalytics:l}=n(28601),s=n(68164).Z,{ModalWrapper:d,OverlayWrapper:c,ModalDialogWrapper:p,HeaderTextWrapper:u,FilterOptionTextWrapper:m,FlexContainer:g,MobileFooterWrapper:h,HeaderButtonsWrapper:v,SaveButtonWrapper:f,FilterOptionsWrapper:b,HeaderWrapper:x,CloseIconWrapper:y,ClearAllTextWrapper:C,FilterOptionTokenWrapper:k}=n(75753),{BaseWrap:w}=n(74327),S=n(81768),I=n(6083),N=n(29034),{getUrlWithUpdatedFilters:T,useOutsideClick:F}=n(19287),$=({filterData:e,finalSelectedSubFilters:t,isDirty:n,isGridLayout:r,overlayData:$,selectedSubFilters:W,setFilterData:E,setFinalSelectedSubFilters:B,onFilterSaveCallback:O,setIsDirty:D,setIsOverlayVisible:A,setSelectedSubFilters:M,variations:H,saveButtonText:U})=>{const{formatMessage:L}=o(),P=i(null);F(P,A);const R=r?c:w,z=e=>{W.includes(e)?M(W.filter((t=>t!==e))):M([...W,e]),D(!0)};return a.createElement(d,{className:"modal-wrapper"},a.createElement(R,{className:"channelfilter-wrapper"},a.createElement(p,{isInverted:H.isInverted,ref:P},a.createElement(x,null,a.createElement(u,{isInverted:H.isInverted},`${L(s.filterPreamble)} ${$.text}`),a.createElement(y,{isInverted:H.isInverted,onClick:()=>{A(!1),D(!1),M([])}},a.createElement(S,null)),a.createElement(h,null,a.createElement(v,{isInverted:H.isInverted},a.createElement(C,{isInverted:H.isInverted,onClick:()=>(()=>{const e=W.filter((e=>{for(const t of $.sub)if(t.id===e.id)return!1;return!0}));M(e),D(!0)})(),className:"clear-all-filter"},L(s.clearAllText)),a.createElement(f,{id:"channel-filter-save",label:U||L(s.saveButtonText),title:L(s.saveButtonText),onClickHandler:()=>(()=>{const n=[...e];n.forEach((e=>{if(e.id===$.id){let t=0;e.sub.forEach((e=>{e.selected=!1,W.forEach((n=>{e.id===n.id&&(e.selected=!0,t++)}))})),e.text=0!==t?`${e.originalText} (${t})`:e.originalText}}));const r=[...t.filter((e=>{for(const t of $.sub)if(e.id===t.id)return!1;return!0})),...W];if((e=>{const t=W.map((e=>e.text)),n=`${$.originalText}: ${t.join(" | ")}`;l.emitGoogleTrackingEvent("channelfilter click-tracking",{"ai-hub-filter":n})})(),B(r),E(n),D(!1),M([]),A(!1),t.length>0||r.length>0)if(O)O(r);else{const{location:e}=window,t=T({filters:r,location:e});window.location=t}})(),isInverted:H.isInverted,className:"save-filter"})))),a.createElement(b,null,a.createElement(g,null,$.sub.map((e=>{const r=n?W:t;for(const t of r)if(e.id===t.id)return a.createElement(k,{key:e.id,isInverted:H.isInverted,onClick:()=>z(e),className:"token-wrapper"},a.createElement(N,{dangerousText:e.text,theme:H.isInverted?"standard":"inverted",Icon:I}));return a.createElement(m,{key:e.id,onClick:()=>z(e),className:"text-wrapper"},e.text)})))))))};$.propTypes={filterData:r.arrayOf(r.shape({id:r.string,text:r.string,originalText:r.string,sub:r.arrayOf(r.shape({id:r.string,text:r.string,selected:r.boolean,hierarchyString:r.string}))})),finalSelectedSubFilters:r.arrayOf(r.shape({id:r.string,text:r.string,selected:r.boolean,hierarchyString:r.string})),isDirty:r.bool,isGridLayout:r.bool,onFilterSaveCallback:r.func,overlayData:r.shape({id:r.string,text:r.string,originalText:r.string,sub:r.arrayOf(r.shape({id:r.string,text:r.string,selected:r.boolean,hierarchyString:r.string}))}),saveButtonText:r.string,selectedSubFilters:r.arrayOf(r.shape({id:r.string,text:r.string,selected:r.boolean,hierarchyString:r.string})),setFilterData:r.func,setFinalSelectedSubFilters:r.func,setIsDirty:r.func,setIsOverlayVisible:r.func,setSelectedSubFilters:r.func,variations:r.shape({isInverted:r.bool})},$.displayName="FilterOverlay",e.exports=$},3217:e=>{e.exports=({filters:e,location:t})=>{const n=e.map((e=>e.hierarchyString));let r="";const a=new URLSearchParams(t.search).get("q");return n.length&&(r=`?filter=${n.join(",")}`,t.search===r)?t:(a&&(r+=r?"&":"?",r+=`q=${a}${0===n.length?"&filter=channels/artificial-intelligence":""}`),`${t.origin}${t.pathname}${r}`)}},19287:(e,t,n)=>{const r=n(3217),a=n(93221);e.exports={getUrlWithUpdatedFilters:r,useOutsideClick:a}},93221:(e,t,n)=>{const{useEffect:r}=n(67294);e.exports=(e,t)=>{r((()=>{const n=n=>{e.current&&!e.current.contains(n.target)&&t(!1)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}}),[e,t])}},33570:(e,t,n)=>{const r=n(24139);e.exports=r},75753:(e,t,n)=>{const r=n(51117).default,{BaseText:a}=n(74327),{BREAKPOINTS:i}=n(85326),o=n(48655),l=n(7279),{getColorToken:s,calculateSpacing:d,getTypographyStyles:c}=n(79720),p=r.div.withConfig({displayName:"FilterWrapper"})` display: flex; flex-direction: row; flex-wrap: wrap; margin-left: 0; padding: 15px 0 15px 0; `,u=r.div.withConfig({displayName:"ButtonUtilityInvertedWrapper"})` padding: 0 20px 20px 0; .button { border-color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.heading":"colors.consumption.lead.inverted.background")}; text-transform: capitalize; ${({theme:e})=>c(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; &:hover, &:focus { background-color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.heading":"colors.consumption.lead.inverted.background")}; color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.background":"colors.consumption.lead.inverted.heading")}; } } `,m=r(u).withConfig({displayName:"ButtonUtilityWrapper"})` .button { border-color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.heading":"colors.consumption.lead.inverted.background")}; &:hover, &:focus { border-color: ${({isInverted:e,theme:t})=>e&&s(t,"colors.consumption.lead.inverted.heading")}; background-color: ${({isInverted:e,theme:t})=>s(t,"colors.consumption.lead.inverted.background")}; color: ${({theme:e})=>s(e,"colors.consumption.lead.inverted.heading")}; } } `,g=r.div.withConfig({displayName:"TriangleUpIconWrapper"})` height: 14px; .icon { width: 15px; height: 15px; stroke-width: 3; } `,h=r.div.withConfig({displayName:"InvertedTriangleDownIconWrapper"})` height: 14px; .icon { width: 15px; height: 15px; stroke-width: 3; polyline { stroke: ${({theme:e})=>s(e,"colors.consumption.lead.inverted.heading")}; } } `,v=r.div.withConfig({displayName:"ModalWrapper"})` position: absolute; left: 0; z-index: 49; outline: 0; width: 100%; height: 100%; overflow: hidden; @media (max-width: ${i.md}) { position: fixed; top: 0; left: 0; z-index: 1000; overflow-y: scroll; } `,f=r.div.withConfig({displayName:"ModalDialogWrapper"})` background: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.heading":"colors.consumption.lead.inverted.background")}; height: fit-content; @media (max-width: ${i.md}) { height: 100%; } `,b=r(o.WithMargins).withConfig({displayName:"OverlayWrapper"})` min-height: 313px; @media (max-width: ${i.md}) { && { padding: 0; } height: 100vh; } `,x=r.h1.withConfig({displayName:"HeaderTextWrapper"})` ${({theme:e})=>c(e,"typography.discover.hed.core.secondary")}; float: left; line-height: 29px; color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.standard.heading":"colors.consumption.lead.inverted.heading")}; font-size: 24px; @media (max-width: ${i.md}) { max-width: 70vw; } `,y=r.div.withConfig({displayName:"HeaderWrapper"})` padding: 31px 69px 50px 67px; @media (max-width: ${i.md}) { padding: 31px 22px 31px 22px; } `,C=r.div.withConfig({displayName:"FilterOptionTextWrapper"})` ${({theme:e})=>c(e,"typography.definitions.utility.input-core")}; cursor: pointer; padding-right: 24px; padding-bottom: 32px; line-height: 40px; -webkit-text-fill-color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.body.standard.body-deemphasized":"colors.consumption.body.inverted.body-deemphasized")}; color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.body.standard.body-deemphasized":"colors.consumption.body.inverted.body-deemphasized")}; &:hover, &:focus { text-decoration: underline; } @media (max-width: ${i.md}) { padding: 0 0 24px 0; line-height: 20px; } `,k=r(C).withConfig({displayName:"FilterOptionTokenWrapper"})` margin-top: 10px; padding-bottom: 45px; text-decoration: underline; color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.background":"colors.consumption.lead.inverted.heading")}; @media (max-width: ${i.md}) { margin-top: 0; padding-bottom: 25px; } `,w=r(C).withConfig({displayName:"ClearAllTextWrapper"})` padding: 4px 30px; &:hover, &:focus { text-decoration: underline; color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.background":"colors.consumption.lead.inverted.heading")}; } @media (max-width: ${i.md}) { padding: 15px 30px; } `,S=r.div.withConfig({displayName:"FlexContainer"})` display: flex; flex-wrap: wrap; @media (max-width: ${i.md}) { && { all: unset; } } `,I=r.div.withConfig({displayName:"FilterOptionsWrapper"})` padding: 32px 69px 0 69px; @media (max-width: ${i.md}) { padding-top: 46px; padding-bottom: 70px; padding-left: 22px; } `,N=r.div.withConfig({displayName:"MobileFooterWrapper"})` @media (max-width: ${i.md}) { position: fixed; bottom: 0; left: 0; z-index: 1000000; box-shadow: 0 4px 24px rgb(0 0 0 / 25%); width: 100%; } `,T=r.div.withConfig({displayName:"HeaderButtonsWrapper"})` display: flex; float: right; @media (max-width: ${i.md}) { justify-content: center; float: none; background-color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.heading":"colors.consumption.lead.inverted.background")}; padding: 10px; } `,F=r(l.Utility).withConfig({displayName:"SaveButtonWrapper"})` border-radius: 3px; background-color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.background":"colors.consumption.lead.inverted.heading")}; min-width: 100px; height: 47px; color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.heading":"colors.consumption.lead.inverted.background")}; &:hover, &:focus { border-color: ${({theme:e})=>s(e,"colors.consumption.lead.inverted.background")}; background-color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.background":"colors.consumption.lead.inverted.heading")}; color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.heading":"colors.consumption.lead.inverted.background")}; } `,$=r.div.withConfig({displayName:"CloseIconWrapper"})` display: none; @media (max-width: ${i.md}) { display: block; float: right; margin-top: 15px; cursor: pointer; svg { path { fill: ${({isInverted:e,theme:t})=>e?"initial":s(t,"colors.interactive.base.white")}; } } } `,W=r.div.withConfig({displayName:"SearchTokensContainer"})` display: flex; flex-wrap: wrap; padding-bottom: ${d(2)}; ${({isInverted:e,theme:t})=>e&&`\n background: ${s(t,"colors.consumption.lead.inverted.heading-background")};\n `} `,E=r(a).withConfig({displayName:"SearchTokensInfoWapper"})` margin: ${d(1)} 0 ${d(4)} 0; width: 100%; ${c("typography.definitions.utility.label")} `,B=r.span.withConfig({displayName:"SearchTokensInfoCount"})` margin-right: ${d(1)}; color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.body.inverted.body-deemphasized":"colors.consumption.body.standard.body-deemphasized")}; `,O=r.button.withConfig({displayName:"SearchTokensinfoClearAllButton"})` outline: none; background: transparent; padding: 0; color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.heading":"colors.consumption.lead.standard.heading")}; text-decoration-line: underline; `,D=r.div.withConfig({displayName:"WrapSelectedTokens"})` margin-top: -40px; `,A=r.hr.withConfig({displayName:"HorizontalLine"})` border-bottom: none; width: 100%; `,M=r.div.withConfig({displayName:"TokenWrapper"})` margin-top: -10px; padding: 0 32px 16px 0; &:hover, &:focus { text-decoration: underline; color: ${({isInverted:e,theme:t})=>s(t,e?"colors.consumption.lead.inverted.heading":"colors.consumption.lead.inverted.background")}; } `;e.exports={FilterWrapper:p,ButtonUtilityInvertedWrapper:u,TriangleUpIconWrapper:g,ModalWrapper:v,ModalDialogWrapper:f,OverlayWrapper:b,HeaderTextWrapper:x,FilterOptionTextWrapper:C,FlexContainer:S,MobileFooterWrapper:N,HeaderButtonsWrapper:T,SaveButtonWrapper:F,FilterOptionsWrapper:I,HeaderWrapper:y,CloseIconWrapper:$,ClearAllTextWrapper:w,ButtonUtilityWrapper:m,InvertedTriangleDownIconWrapper:h,SearchTokensContainer:W,SearchTokensInfoCount:B,SearchTokensinfoClearAllButton:O,SearchTokensInfoWapper:E,WrapSelectedTokens:D,HorizontalLine:A,TokenWrapper:M,FilterOptionTokenWrapper:k}},68164:(e,t,n)=>{const r=n(76186);t.Z=(0,r.defineMessages)({filterPreamble:{id:"ChannelFilter.FilterPreamble",defaultMessage:"Filter by",description:"ChannelFilter component filter preamble"},clearAllText:{id:"ChannelFilter.ClearAll",defaultMessage:"Clear All",description:"ChannelFilter component clear all text"},saveButtonText:{id:"ChannelFilter.Save",defaultMessage:"Save",description:"ChannelFilter component save button text"},storyCountText:{id:"ChannelFilter.StoryCount",defaultMessage:"Showing {storyCount, plural, one {# Story} other {# Stories}}",description:"ChannelFilter component story count text"},clearAllFiltersText:{id:"ChannelFilter.ClearAllFiltersText",defaultMessage:"Clear All Filters and Keywords",description:"ChannelFilter component clear all sub filter text"}})},24139:(e,t,n)=>{const{asVariation:r}=n(95545),a=n(58918);a.Inverted=r(a,"Inverted",{isInverted:!0}),e.exports=a},81535:(e,t,n)=>{const r=n(45697),a=n(67294),{SubNavigationCarousel:i,SubNavigationDropdown:o}=n(26079),{trackNavigationEvent:l}=n(68612),s=({layout:e,links:t,hasBackgroundColor:n,hasBorders:r,isCentered:s,isSlim:d,className:c,trackingNamespace:p})=>{const u=e=>{const t={type:"click",label:e?.target?.textContent?.toString(),subject:"sub_header_menu",items:[{content_title:e?.target?.textContent?.toString(),content_url:e?.target?.href}],placement:"header"};l(t)};return a.createElement(a.Fragment,null,"SubNavigationCarousel"===e&&a.createElement(i,{hasBackgroundColor:n,handleClickEvent:u,className:c,hasBorders:r,isCentered:s,isSlim:d,links:t,trackingNamespace:p||"SubNavigation"}),"SubNavigationDropdown"===e&&a.createElement(a.Fragment,null,a.createElement(o,{hasBackgroundColor:n,trackingNamespace:p||"SubNavigation",className:c,links:t}),a.createElement(i,{hasBackgroundColor:n,layout:e,handleClickEvent:u,className:c,hasBorders:r,isCentered:s,isSlim:d,links:t,trackingNamespace:p||"SubNavigation"})))};s.displayName="SubNavigation",s.propTypes={className:r.string,hasBackgroundColor:r.bool,hasBorders:r.bool,isCentered:r.bool,isSlim:r.bool,layout:r.oneOf(["SubNavigationCarousel","SubNavigationDropdown"]),links:r.arrayOf(r.shape({text:r.string.isRequired,url:r.string.isRequired,isActive:r.bool})),trackingNamespace:r.string},s.defaultProps={className:"",hasBackgroundColor:!1,hasBorders:!1,isCentered:!1,isSlim:!1,layout:"SubNavigationCarousel",trackingNamespace:""},e.exports=s},26291:(e,t,n)=>{const{asConfiguredComponent:r}=n(36380),a=n(81535);e.exports=r(a,"SubNavigation")},26079:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SubNavigationDropdown=t.SubNavigationCarousel=void 0;const{default:r,css:a}=n(51117),{calculateSpacing:i,getColorToken:o}=n(79720),{resolveMenuKey:l}=n(37332),s=n(24445),d=n(44630),{BREAKPOINTS:c}=n(85326),p=a` ${({hasBackgroundColor:e,theme:t})=>e?`background-color: ${o(t,l(t,"colors.foundation.menu-bg.collapsed"))};`:`&::after {\n background: linear-gradient(90deg, rgba(${o(t,l(t,"colors.background.adContainer.standard"),{rgbOnly:!0})}, 0) 0%, rgba(${o(t,l(t,"colors.background.adContainer.standard"),{rgbOnly:!0})}, 1) 75%);\n @media (max-width: ${c.md}) {\n width: ${i(7)};\n position: absolute;\n content: '';\n }\n }`} `;t.SubNavigationCarousel=r(s).withConfig({displayName:"SubNavigationCarousel"})` ${p}; ${({layout:e})=>"SubNavigationDropdown"===e&&`\n display: flex;\n @media (max-width: ${c.md}) {\n display: none;\n }\n `} `,t.SubNavigationDropdown=r(d).withConfig({displayName:"SubNavigationDropdown"})` ${p}; display: none; @media (max-width: ${c.md}) { display: block; } `},54844:(e,t,n)=>{const r=n(67294),{useRef:a}=n(67294),i=n(45697),{componentTracking:o}=n(28601),{trackComponent:l}=n(40199),{NavigationDropdownButton:s}=n(58468),{useSelectReducer:d,useCallbacks:c}=n(80754),{NavWrapper:p,NavDropdownWrapper:u}=n(16837),{NavListItem:m,NavLink:g}=n(62920),h=n(79e3),v={width:12,height:7},f=({links:e,shouldEnableBundleComponentAnalytics:t,trackingNamespace:n,className:i})=>{const f=a(null),b=a(null),x=a([]),[y,C]=d(),{onSelectOpen:k}=c(y,C,b,x);if(r.useEffect((()=>{l("DropdownNavigation")}),[]),!e?.length)return null;const w=e.find((e=>e.isActive))||e[0],S=w===e[0]?e.slice(1):e,I=y.isOpen?"opened-chevron":"";return r.createElement(p,{"data-testid":"DropdownNavigation"},r.createElement(s,{ref:f,"aria-expanded":y.isOpen,"aria-haspopup":"true",onClick:k,className:i},r.createElement("span",null,r.createElement(g,{tabIndex:"0",role:"link",href:w.url},r.createElement("span",null,w.text))),r.createElement("span",{"aria-hidden":"true",className:I},r.createElement(h,{...v}))),r.createElement(u,{ref:b,isOpen:y.isOpen,role:"menu"},r.createElement((({navLinks:e})=>e.map((({onClick:e,isActive:a,text:i,url:l,showOnlyInBreakpoints:s},d)=>{let c={};return t&&(c=o.addDataSectionTitleAttribute(t,n,d)),r.createElement(m,{...c,key:i,isSlim:!0,isActive:a,showOnlyInBreakpoints:s},r.createElement(g,{ref:e=>{x.current[d]=e},tabIndex:"0",role:"link",href:l,onClick:e,isActive:a},r.createElement("span",null,i)))}))),{navLinks:S})))};f.propTypes={className:i.string,links:i.array.isRequired,shouldEnableBundleComponentAnalytics:i.bool,trackingNamespace:i.string.isRequired},f.displayName="DropdownNavigation",e.exports=f},44630:(e,t,n)=>{e.exports=n(54844)},16837:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.NavDropdownWrapper=t.NavWrapper=void 0;const{default:r}=n(51117),{getColorStyles:a,calculateSpacing:i}=n(79720),{resolveMenuKey:o}=n(37332),{BREAKPOINTS:l}=n(85326);t.NavWrapper=r.div.withConfig({displayName:"NavWrapper"})` display: none; position: relative; z-index: 1; border-width: 1px 0; border-style: solid; ${({theme:e})=>a(e,"border-color","colors.foundation.menu.dividers")}; width: 100%; button { padding-left: ${i(3)}; height: 48px; a { pointer-events: none; } } svg, button a span { ${({theme:e})=>a(e,"color",o(e,"colors.foundation.collapsed-menu.nav-link.hover"))}; } svg { transition: transform 0.2s linear; } .opened-chevron svg { transform: rotate(180deg); } @media (max-width: ${l.md}) { display: block; } `,t.NavDropdownWrapper=r.ul.withConfig({displayName:"NavDropdownWrapper"})` display: none; ${({theme:e})=>a(e,"background-color",o(e,"colors.foundation.menu-bg.expanded"))}; margin: 0; box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); padding: 0 ${i(3)}; @media (max-width: ${l.md}) { display: ${({isOpen:e})=>e?"block":"none"}; li:first-child, li + li { margin-left: ${i(1.5)}; &::before { bottom: unset; left: -${i(1.5)}; width: 4px; height: 100%; } } } `},17272:(e,t,n)=>{const{asConfiguredComponent:r}=n(36380),{asThemedComponent:a}=n(3517),i=n(31983);e.exports=a(r(i,"SectionHeader"))},31983:(e,t,n)=>{const{asVariation:r}=n(95545),a=n(24334);a.displayName="SectionHeader",a.SubHedToggleChips=r(a,"SubHedToggleChips",{showSubHedToggleChips:!0}),e.exports=a}}]);