1(globalThis.webpackChunkverso=globalThis.webpackChunkverso||[]).push([[5565],{47211:(e,n,t)=>{const i=t(45697),a=t(67294),{useState:o,useEffect:r}=t(67294),{connect:l}=t(59800),{loadData:d}=t(90949),s=t(69379),c=t(26895),{LoaderWrapper:g}=t(51159),p=t(62702),{trackComponent:h}=t(40199),u=({dataUrl:e,storeKey:n,data:t,setData:i,loaderType:l="Circle",...u})=>{a.useEffect((()=>{h("GroupedNavigationContainer")}),[]);const[m,v]=o(!1),[y,k]=o(!1),f=c[l];return r((()=>{!async function(){if(!t&&e){v(!0);try{const t=await d({url:`${e}`}),a=t?t[n]:[];i(n,a)}catch(e){k(!0)}finally{v(!1)}}}()}),[e]),a.createElement(a.Fragment,null,y&&a.createElement(p.ContentCenterNoBackground,{ariaLive:"polite",className:"brand-background__lede",dangerousHed:"Oops",dangerousDek:"something went wrong"}),m&&a.createElement(g,null,a.createElement(f,null)),t&&a.createElement(s,{groupedLinks:t,...u}))};u.propTypes={analyticsEventForFilter:i.string,data:i.array,dataUrl:i.string.isRequired,filterLabel:i.string,hasAtoZIndex:i.bool,hasFilter:i.bool,loaderType:i.string,setData:i.func.isRequired,storeKey:i.string.isRequired},e.exports=l(((e,{storeKey:n})=>({data:e.groupedNavigation?.[n]||null})),(e=>({setData:(n,t)=>{e({type:"MERGE_KEY",key:"groupedNavigation",value:{[n]:t}})}})))(u)},24616:(e,n,t)=>{e.exports=t(47211)},51159:(e,n,t)=>{const i=t(51117).default,{calculateSpacing:a}=t(79720),o=i.div.withConfig({displayName:"LoaderWrapper"})` 2 padding-top: ${a(6)}; 3 text-align: center; 4`;e.exports={LoaderWrapper:o}},66744:(e,n,t)=>{const i=t(67294),{useState:a,useRef:o,useEffect:r}=t(67294),l=t(45697),{useIntl:d}=t(76186),s=t(23493),c=t(58376).Z,{connector:g}=t(92078),{trackComponent:p}=t(40199),{googleAnalytics:h}=t(28601),u=t(24616),m=t(22397),v=t(81768),y=t(55754),{INITIAL_STATE:k,computeScroll:f}=t(37332),{ChannelNavigationWrapper:b,ChannelNavigationContainer:w,ChannelNavigationContent:$,ChannelNavigationLogoWrapper:N,ChannelNavigationLogo:x,ChannelNavigationScrollViewLogo:C,ChannelNavigationLinksWrapper:L,ChannelNavigationLinksList:A,ChannelNavigationLinkItem:I,ChannelNavigationLink:E,ChannelNavigationChannelDrawer:S,ChannelNavigationGroupedNavigation:T,ChannelNavigationGlobalDrawer:D,ChannelNavigationAccount:G,ChannelNavigationToggle:F,ChannelNavigationSecondaryMenu:M,ChannelNavigationBookmarkAlert:B}=t(38621),W=({accountProps:e,isFixed:n,logo:t,isAccountsEnabled:l,scrollViewLogo:g,channelNavigationLinks:W,channelNavigationLogoBaseUrl:_,overrideChannelNavigationLinks:U,secondaryMenuProps:O,showExternalProfileLink:Z,loaderType:P,onNavigationLinkClick:R,activeLinkIndex:H,user:j,hideLinksOnMobile:V,hideDrawerScroll:q})=>{i.useEffect((()=>{p("ChannelNavigation")}),[]);const[z,K]=a(!1),[Y,J]=i.useState(!1),[X,Q]=a(null),[ee,ne]=a(k),te=o(null),{formatMessage:ie}=d(),ae=U||W;i.useEffect((()=>{const e=e=>{"Escape"===e.key&&Y&&(h.emitGoogleTrackingEvent("hamburger-menu-"+(Y?"collapsed":"expanded")),J(!1))};return Y&&window.addEventListener("keyup",e),()=>window.removeEventListener("keyup",e)}),[Y]);const oe=()=>{ne((e=>({...f(e),scrollHeight:(document?.body?.scrollHeight??0)-(document?.body?.clientHeight??0)})))};r((()=>{const e=s(oe,100);return window.addEventListener("scroll",e,{passive:!0}),()=>window.removeEventListener("scroll",e)}),[n]);const{direction:re,pageYOffset:le,scrollHeight:de}=ee,se=Y?v:y,ce=n||le>0,ge=n||"up"!==re&&le>0||de===le;return ae&&ae.length?i.createElement(b,{isFixed:ce},i.createElement(w,{ref:te,"data-testid":"channel-navigation",hideLinksOnMobile:V},i.createElement($,{isFixed:ce,isScrollingDown:ge},t&&g&&i.createElement(N,{isFixed:ce,isScrollingDown:ge},i.createElement("a",{href:_},i.createElement(x,{isScrollingDown:ge,...t}),ge&&i.createElement(C,{isScrollingDown:ge,...g})))),i.createElement(L,{isScrollingDown:ge,hideLinksOnMobile:V},i.createElement(A,{"data-journey-hook":"channel-navigation"},ae.map(((e,n)=>{const t=void 0===H||n===H;return i.createElement(I,{key:e.key||e.type},i.createElement(E,{tabIndex:0,isActive:t,label:e.text,href:e.href,as:"a",isInline:!0,onClick:n=>{e.apiEndpoint&&(n.preventDefault(),K(!0),Q({...e})),R&&R(e),h.emitGoogleTrackingEvent(e.analyticsEvent)}},e.text))})))),Z&&i.createElement(G,{isScrollingDown:ge,isAccountWithAvatar:!1,signInLabel:Z?.signInLabel,signInLink:Z?.signInLink,user:{isAuthenticated:!1}}),!Z&&l&&j&&i.createElement(G,{isScrollingDown:ge,isAccountWithAvatar:e.accountIconInverted&&!0,accountLinks:e.accountLinks,savedStoriesLabel:e?.savedStoriesLabel,accountBookmarkAlertLabel:e?.accountBookmarkAlertLabel,accountLabel:e?.accountLabel,accountAvatar:e.accountIconInverted,signInLabel:e?.signInLabel,signInLink:e?.signInLink,signOutLink:e?.signOutLink,user:j,className:"standard-navigation__section--ut
4ility-links-login",tooltip:e.tooltip}),i.createElement(F,{tabIndex:0,isIconButton:!0,isScrollingDown:ge,ButtonIcon:se,label:"Open Navigation Menu",onClickHandler:()=>{h.emitGoogleTrackingEvent("hamburger-menu-"+(Y?"collapsed":"expanded")),J(!Y)},role:"button","aria-expanded":Y}),i.createElement(B,{dataTestId:"BookmarkAlert"},i.createElement("p",null,ie(c.bookmarkAlertLabel)," ",i.createElement("a",{href:"/account/saved/images"},ie(c.bookmarkAlertMyAccountLabel))))),!!X&&i.createElement(S,{isOpen:z,onClose:()=>{K(!1)},hideDrawerScroll:q,contentLabel:ie(c.channelDrawerContentLabel),showCloseButton:!0,className:"channel-navigation-drawer"},i.createElement(T,null,i.createElement(u,{storeKey:X.key,dataUrl:X.apiEndpoint,hasAtoZIndex:X.hasAtoZIndex,loaderType:P,hasFilter:X.hasFilter,filterLabel:X.filterLabel}))),i.createElement(D,{isOpen:Y,onClose:()=>ne(!Y),contentLabel:"Navigation Menu"},i.createElement(M,{isFixed:ce},!l&&Z?i.createElement(m,{...O,user:{isAuthenticated:!1},isAccountsEnabled:!0,contentAlign:"center"}):i.createElement(m,{accountProps:e,...O,user:j,isAccountsEnabled:l,contentAlign:"center"})))):null},_=l.shape({text:l.string,key:l.string,apiEndpoint:l.string});W.defaultProps={accountProps:{accountLinks:[]},hideLinksOnMobile:!1,isAccountsEnabled:!1},W.propTypes={accountProps:l.object,activeLinkIndex:l.number,channelNavigationLinks:l.arrayOf(_),channelNavigationLogoBaseUrl:l.string,hideDrawerScroll:l.bool,hideLinksOnMobile:l.bool,isAccountsEnabled:l.bool,isFixed:l.bool,loaderType:l.string,logo:l.object,onNavigationLinkClick:l.func,overrideChannelNavigationLinks:l.arrayOf(_),scrollViewLogo:l.object,secondaryMenuProps:l.object,showExternalProfileLink:l.object,user:l.shape({isAuthenticated:l.bool.isRequired})},W.displayName="ChannelNavigation",e.exports=g(W,{keysToPluck:["user","isAccountsEnabled","accountProps"]})},15565:(e,n,t)=>{const{asConfiguredComponent:i}=t(36380),a=t(66744);e.exports=i(a,"ChannelNavigation")},38621:(e,n,t)=>{const i=t(51117).default,{calculateSpacing:a,getColorToken:o,getColorStyles:r,getTypographyStyles:l,getZIndex:d,maxScreen:s}=t(79720),{hideVisually:c}=t(65496),{BREAKPOINTS:g,ZINDEX_MAP:p}=t(85326),{maxThresholds:h}
4=t(28657),u=t(7279),m=t(38167),v=t(63030),y=t(48655),k=t(70009),f=t(74882),{SecondaryMenuAccount:b}=t(51275),{StandardNavigationDropdown:w,StandardNavigationAccountLabel:$,AccountDropdownToggleIcon:N,NavigationAccountSignIn:x,StandardNavigationSuccessLoginAlert:C,NavigationAccountIconWrapper:L,JourneyUnitDivider:A,AccountDropdownBookmarkAlert:I}=t(87649),{GridItem:E}=t(14134),{SignOutButtonWrapper:S}=t(7042),{AlertMessage:T}=t(19195),D=i.nav.withConfig({displayName:"ChannelNavigationWrapper"})` 5 position: relative; 6 z-index: ${p.persistentTopLayer}; 7 max-height: ${a(24)}; 8 ${({isFixed:e})=>e&&"\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n "}; 9`;D.displayName="ChannelNavigationWrapper";const G=i.div.withConfig({displayName:"ChannelNavigationContainer"})` 10 position: relative; 11 ${({hideLinksOnMobile:e})=>`padding-bottom: ${a(e?0:7)};`} 12 13 @media (min-width: ${g.md}) { 14 border-bottom: 1px solid rgba(51, 51, 51, 1); 15 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 16 background: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; 17 padding-bottom: 0; 18 } 19`,F=i.div.withConfig({displayName:"ChannelNavigationContent"})` 20 display: flex; 21 position: relative; 22 flex-wrap: wrap; 23 z-index: 1; 24 margin: 0 auto; 25 border-bottom: 1px solid 26 ${({theme:e})=>o(e,"colors.consumption.lead.inverted.divider")}; 27 background: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; 28 @media (min-width: ${g.md}) { 29 flex-wrap: ${({isScrollingDown:e})=>e?"nowrap":"wrap"}; 30 } 31`,M=i.div.withConfig({displayName:"ChannelNavigationLogoWrapper"})` 32 display: flex; 33 justify-content: center; 34 margin: 0 auto; 35 padding: ${a(1)}; 36 37 @media (min-width: ${g.md}) { 38 ${({isScrollingDown:e})=>e?`\n left: ${a(3)};\n position: absolute;\n padding: ${a(1)};\n width: unset;\n `:`\n width:100vw; \n padding: ${a(1)} 0;\n `} 39 } 40`,B=i(v).withConfig({displayName:"ChannelNavigationLogo"})` 41 width: 96px; 42 @media (min-width: ${g.md}) { 43 display: flex; 44 padding: ${a(1)} 0; 45 width: 168px; 46 height: 88px; 47 ${({isScrollingDown:e})=>e&&`\n ${c()}\n `}; 48 } 49`,W=i(v).withConfig({displayName:"ChannelNavigationScrollViewLogo"})` 50 @media (max-width: ${g.md}) { 51 ${c()} 52 } 53 padding: ${a(.5)} 0; 54 width: 83px; 55 height: unset; 56`,_=i(y.NoMargins).withConfig({displayName:"ChannelNavigationLinksWrapper"})` 57 > ${E} { 58 grid-column: 1; 59 margin: 0 auto; 60 text-align: center; 61 @media (min-width: ${g.md}) { 62 grid-column: 2 / span 10; 63 } 64 } 65 66 position: absolute; 67 top: auto; 68 transition: transform 0.5s ease-in-out; 69 background: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; 70 width: 100%; 71 overflow-x: auto; 72 overflow-y: hidden; 73 74 ${({isScrollingDown:e})=>e?"transform: translateY(-100%);":"transform: translateY(0%);"} 75 76 @media (min-width: ${g.md}) { 77 display: grid; 78 position: initial; 79 align-items: center; 80 justify-content: center; 81 transform: none; 82 margin: 0 calculateSpacing(14.5); 83 height: 64px; 84 } 85 86 @media (max-width: ${h.md}px) { 87 ${({hideLinksOnMobile:e})=>e?`${c()};`:`padding: ${a(2)} 0 ${a(2)}\n ${a(3)};\n &::after {\n background: linear-gradient(\n to right,\n rgba(0, 0, 0, 0.01) 31.25%,\n ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}\n 100%\n );\n content: '';\n height: ${a(4)};\n width: 48px;\n bottom: ${a(2)};\n right: 0;\n position: sticky;\n pointer-events: none;`} 88 } 89`,U=i.ul.withConfig({displayName:"ChannelNavigationLinksList"})` 90 display: flex; 91 margin: 0 auto; 92 list-style: none; 93 text-align: center; 94 padding-inline-start: 0; 95 96 @media (max-width: ${g.md}) { 97 ${({hideLinksOnMobile:e})=>e?`${c()};`:""} 98 } 99`,O=i.li.withConfig({displayName:"ChannelNavigationLinkItem"})` 100 padding-right: ${a(2)}; 101 102 &:last-child { 103 padding-right: 0; 104 } 105 106 @media (min-width: ${g.md}) { 107 margin-right: 0; 108 padding-right: ${a(3)}; 109 } 110`,Z=i.a.withConfig({displayName:"ChannelNavigationLink"})` 111 ${({theme:e})=>l(e,"typography.definitions.foundation.link-primary")} 112 113 border: none; 114 min-width: auto; 115 text-decoration: none; 116 white-space: nowrap; 117 color: rgb( 118 ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link",{rgbOnly:!0})}, 119 ${({isActive:e})=>e?"1":"0.6"} 120 ); 121 122 &:hover { 123 color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link-hover")}; 124 } 125`,P=i(m.Right).withConfig({displayName:"ChannelNavigationChannelDrawer"})` 126 &&& { 127 ${({hideDrawerScroll:e})=>e&&"\n height: 100%;\n "} 128 } 129 @media (min-width: ${g.md}) { 130 width: 400px; 131 max-width: 400px; 132 133 && { 134 height: 100%; 135 } 136 } 137`,R=i.div.withConfig({displayName:"ChannelNavigationGroupedNavigation"})` 138 padding: 0 ${a(4)} ${a(2)}; 139 height: 100%; 140`,H=i(m).withConfig({displayName:"ChannelNavigationGlobalDrawer"})` 141 height: auto; 142`,j=i(k).withConfig({displayName:"ChannelNavigationAccount"})` 143 position: absolute; 144 right: ${a(3)}; 145 border: none; 146 background: transparent; 147 padding: ${a(1)} ${a(1.5)}; 148 149 @media (min-width: ${g.md}) { 150 left: inherit; 151 padding: 0; 152 min-width: auto; 153 } 154 155 &&&.standard-navigation-account { 156 position: absolute; 157 top: ${({isScrollingDown:e})=>a(e?1.4:14.4)}; 158 margin-right: ${({isAccountWithAvatar:e})=>a(e?4:3)}; 159 margin-left: ${a(1.5)}; 160 width: ${a(12)}; 161 height: ${a(6)}; 162 white-space: nowrap; 163 } 164 165 ${T} { 166 white-space: normal; 167 } 168 169 @media (max-width: ${g.md}) { 170 // The below line is to surface SignIn in mobile devices with avatar enabled 171 // and hide the SignIn in mobile devices if avatar is not enabled 172 ${({isAccountWithAvatar:e})=>!e&&"display: none;"} 173 &&&.standard-navigation-account { 174 top: ${a(.4)}; 175 z-index: 1; 176 margin-right: ${a(2)}; 177 } 178 } 179 180 ${$} { 181 justify-content: flex-end; 182 color: ${({theme:e})=>o(e,"colors.interactive.base.white")}; 183 184 &:hover, 185 &:link, 186 &:visited, 187 &:active { 188 color: ${({theme:e})=>o(e,"colors.interactive.base.white")}; 189 190 svg { 191 path { 192 fill: ${({theme:e})=>o(e,"colors.interactive.base.white")}; 193 } 194 } 195 } 196 197 ${L}:hover { 198 ${({theme:e})=>r(e,"background","colors.interactive.base.dark")}; 199 border-color: transparent; 200 } 201 202 // Since, there is no journey unit rendered in ChannelNav, 203 // explicitly setting the display of the divider line to none 204 ${A} { 205 display: none; 206 } 207 } 208 209 .standard-navigation-account--icon, 210 ${N} { 211 svg { 212 path { 213 fill: ${({theme:e})=>o(e,"colors.interactive.base.white")}; 214 } 215 } 216 } 217 218 ${w} { 219 top: ${a(6)}; 220 right: ${a(.8)}; 221 background-color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; 222 color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link")}; 223 224 &::before, 225 &::after { 226 content: none; 227 } 228 229 @media (min-width: ${g.md}) { 230 right: ${a(.4)}; 231 } 232 } 233 234 ${w} .account-links__navigation { 235 background-color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; 236 237 .navigation__list-item { 238 &:hover { 239 background-color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; 240 } 241 242 .navigation__link { 243 ${({theme:e})=>l(e,"typography.definitions.foundation.link-secondary")}; 244 color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link")}; 245 } 246 } 247 } 248 249 ${x} { 250 ${({theme:e})=>r(e,"color","colors.consumption.body.inverted.body")}; 251 } 252 253 ${w} 254 255 ${S}.account-links__sign-out { 256 ${({theme:e})=>l(e,"typography.definitions.foundation.link-secondary")}; 257 color: ${o("colors.consumption.lead.inverted.link")}; 258 259 &:hover { 260 background-color: ${o("colors.consumption.lead.standard.divider")}; 261 color: ${o("colors.consumption.lead.standard.link")}; 262 } 263 } 264 265 ${C} { 266 top: ${a(6.75)}; 267 background-color: ${o("colors.interactive.base.black")}; 268 ${({theme:e})=>r(e,"border-color","colors.discovery.body.black.border")}; 269 270 ${s(g.md)} { 271 left: -${a(30)}; 272 } 273 274 .alert-arrow { 275 &::before { 276 border-color: transparent transparent 277 ${o("colors.discovery.body.black.border")}; 278 } 279 280 &::after { 281 border-color: transparent transparent 282 ${o("colors.interactive.base.black")}; 283 } 284 } 285 286 .alert-message { 287 padding: ${a(3)} ${a(2)}; 288 max-width: fit-content; 289 white-space: normal; 290 ${({theme:e})=>r(e,"color","colors.consumption.lead.inverted.context-signature")}; 291 } 292 293 .close-alert-button { 294 svg { 295 ${({theme:e})=>r(e,"fill","colors.interactive.base.white")}; 296 } 297 } 298 } 299 // since AccountDropdownBookmarkAlert is not used in channel navigation 300 // explicitly setting display to none 301 ${I} { 302 display: none; 303 } 304`,V=i(u.Utility).withConfig({displayName:"ChannelNavigationToggle"})` 305 position: absolute; 306 top: 14px; 307 right: ${a(2)}; 308 z-index: ${d("dropdown")}; 309 border: none; 310 background: transparent; 311 padding: ${a(1)} ${a(1.5)}; 312 width: ${a(4)}; 313 height: ${a(4)}; 314 @media (min-width: ${g.md}) { 315 top: ${({isScrollingDown:e})=>e?a(2.5):"124px"}; 316 left: inherit; 317 padding: 0; 318 min-width: auto; 319 } 320 321 & > div { 322 position: absolute; 323 } 324 325 path { 326 fill: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link")}; 327 } 328 329 &:focus { 330 outline: 2px auto -webkit-focus-ring-color; 331 border: unset; 332 background: transparent; 333 } 334 335 &:hover { 336 border-width: unset; 337 border-style: none; 338 border-color: transparent; 339 background: transparent; 340 341 path { 342 fill: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link-hover")}; 343 } 344 } 345`,q=i.div.withConfig({displayName:"ChannelNavigationSecondaryMenu"})` 346 padding-top: ${({isFixed:e})=>e?0:"62px"}; 347 height: 100%; 348 ${b} { 349 display: block; 350 } 351 352 @media (min-width: ${g.md}) { 353 padding-top: ${({isFixed:e})=>e?0:"160px"}; 354 } 355 356 @media (min-width: ${g.lg}) { 357 height: 100vh; 358 ${b} { 359 display: none; 360 } 361 } 362`,z=i(f).withConfig({displayName:"ChannelNavigationBookmarkAlert"})` 363 @media (min-width: ${g.lg}) { 364 display: flex; 365 top: ${a(8.25)}; 366 left: ${a(163.5)}; 367 } 368`;e.exports={ChannelNavigationBookmarkAlert:z,ChannelNavigationWrapper:D,ChannelNavigationContainer:G,ChannelNavigationContent:F,ChannelNavigationLogoWrapper:M,ChannelNavigationLogo:B,ChannelNavigationScrollViewLogo:W,ChannelNavigationLinksList:U,ChannelNavigationLinksWrapper:_,ChannelNavigationLinkItem:O,ChannelNavigationLink:Z,ChannelNavigationChannelDrawer:P,ChannelNavigationGlobalDrawer:H,ChannelNavigationGroupedNavigation:R,ChannelNavigationAccount:j,ChannelNavigationToggle:V,ChannelNavigationSecondaryMenu:q}},58376:(e,n,t)=>{const i=t(76186);n.Z=(0,i.defineMessages)({toggleLabel:{id:"ChannelNavigation.ToggleLabel",defaultMessage:"Open Navigation Menu",description:"ChannelNavigation component toggle label"},channelDrawerContentLabel:{id:"ChannelNavigation.ChannelDrawerContentLabel",defaultMessage:"Runway filters navigation",description:"ChannelNavigation component channel drawer content label"},globalDrawerContentLabel:{id:"ChannelNavigation.GlobalDrawerContentLabel",defaultMessage:"Navigation Menu",description:"ChannelNavigation component global drawer content label"},bookmarkAlertLabel:{id:"ChannelNavigation.BookmarkAlertLabel",defaultMessage:"Image saved. View saved images in ",description:"Bookmark alert label before the link"},bookmarkAlertMyAccountLabel:{id:"ChannelNavigation.BookmarkAlertMyAccountLabel",defaultMessage:"My Account.",description:"My account view saved images link text"}})},31383:(e,n,t)=>{const i=t(45697),a=t(94184),o=t(67294),r=t(98288),{trackComponent:l}=t(40199),{UtilityLedeHeader:d,UtilityLedeWrapper:s,UtilityLedeHedText:c,UtilityLedeDekText:g,UtilityLedeImage:p}=t(44397),h=({ariaLive:e,className:n,dangerousDek:t,dangerousHed:i,image:r,shouldUseAlternativeStyle:h,hasAlternateNewsletterStyle:u,hasInverted:m,variations:v,variationName:y})=>{o.useEffect((()=>{l("UtilityLede",y)}),[y]);const k=r&&Object.keys(r).length>0;return o.createElement(d,{className:a("utility-lede",n),"aria-live":e,"aria-label":"UtilityPageHeader",contentAlign:v.contentAlign,hasBackgroun
368d:v.hasBackground,hasImage:k,alternativeStyle:h},r&&o.createElement(p,{hasImage:k,...r}),o.createElement(s,{alternativeStyle:h},o.createElement(c,{"data-testid":"UtilityLedeHedText",hasImage:k,dangerouslySetInnerHTML:{__html:i},hasInverted:m,hasAlternateNewsletterStyle:u}),t&&o.createElement(g,{"data-testid":"UtilityLedeDekText",hasImage:k,dangerouslySetInnerHTML:{__html:t},hasAlternateNewsletterStyle:u})))};h.propTypes={ariaLive:i.string,className:i.string,dangerousDek:i.string,dangerousHed:i.string.isRequired,hasAlternateNewsletterStyle:i.bool,hasInverted:i.bool,image:i.shape(r.propTypes),shouldUseAlternativeStyle:i.bool,variationName:i.string,variations:i.shape({contentAlign:i.oneOf(["center","left","right"]),hasBackground:i.bool})},h.defaultProps={shouldUseAlternativeStyle:!1,variations:{contentAlign:"center",hasBackground:!0}},e.exports=h},62702:(e,n,t)=>{e.exports=t(83375)},44397:(e,n,t)=>{const{default:i,css:a}=t(51117),{calculateSpacing:o,getColorStyles:r,getTypographyStyles:l}=t(79720),{BaseText:d}=t(74327),{BREAKPOINTS:s}=t(85326),c=t(98288),g=i.header.withConfig({displayName:"UtilityLedeHeader"})` 369 ${({contentAlign:e})=>e?(e=>`\n text-align: ${e};\n`)(e):""} 370 ${({theme:e,hasBackground:n})=>n?(e=>`\n ${r(e,"background-color","colors.discovery.body.white.background")};\n`)(e):""} 371 ${({hasImage:e})=>e?`\n display: grid;\n grid-template-columns: repeat(8, 1fr);\n grid-column-gap: 1.5rem;\n align-items: center;\n padding: ${o(12)} 0 ${o(100)} 0;\n @media (min-width: 0) and (max-width: ${s.md}){\n grid-gap: ${o(2)};\n grid-template-columns: repeat(4, 1fr);\n padding: ${o(5)} 0 ${o(5)} 0;\n justify-items: center;\n }\n `:""} 372 ${({alternativeStyle:e})=>e?`\n grid-gap: ${o(2)} 0;\n @media (min-width: 0) and (max-width: ${s.md}){\n grid-gap: ${o(4)} 0;\n }\n `:""} 373`,p=i.div.withConfig({displayName:"UtilityLedeWrapper"})` 374 grid-auto-flow: row; 375 grid-column: 4 / span 5; 376 377 @media (min-width: 0) and (max-width: ${s.md}) { 378 grid-gap: ${o(2)} 0; 379 grid-column: 1 / span 4; 380 } 381 382 ${e=>!0===e.alternativeStyle?`\n grid-gap: ${o(2)} 0;\n @media (min-width: 0) and (max-width: ${s.md}){\n grid-gap: ${o(4)} 0;\n }\n `:""} 383`,h=i(d).withConfig({displayName:"UtilityLedeHedText"})` 384 ${({hasAlternateNewsletterStyle:e})=>e&&a` 385 ${({theme:e})=>l(e,"typography.definitions.utility.heading")}; 386 `} 387 ${e=>!0===e.alternativeStyle?`\n ${({theme:e})=>r(e,"color","colors.discovery.lead.primary.hed")};\n ${({theme:e})=>l(e,"typography.definitions.discovery.page-hed-section")};\n `:""} 388 ${e=>!0===e.hasImage?"\n margin: 0;\n ":`margin: 0 0 ${o(2,"px")};`} 389 390 ${e=>!0===e.hasInverted&&a` 391 ${({theme:e})=>r(e,"color","colors.discovery.body.white.context-texture")}; 392 ${({theme:e})=>l(e,"typography.definitions.discovery.hed-core-primary")}; 393 line-height: 25px; 394 font-size: 20px; 395 `} 396`;h.defaultProps={as:"h1",colorToken:"colors.discovery.body.white.heading",typeIdentity:"typography.definitions.discovery.hed-break-out"};const u=i(d).withConfig({displayName:"UtilityLedeDekText"})` 397 a { 398 ${({theme:e})=>r(e,"color","colors.discovery.body.white.accent")}; 399 ${e=>!0===e.hasAlternateNewsletterStyle?a` 400 ${r("color","colors.foundation.expanded-utility.nav-link.default")}; 401 text-decoration: none; 402 `:""} 403 } 404 405 p { 406 margin: 0; /* overwrite native browser margins for paragraph tags */ 407 } 408 ${e=>!0===e.alternativeStyle?`\n ${({theme:e})=>r(e,"color","colors.discovery.lead.primary.description")};\n ${({theme:e})=>l(e,"typography.definitions.discovery.description.feature")};\n a {\n ${({theme:e})=>r(e,"color","colors.discovery.lead.primary.description")};\n }\n `:""} 409 410 ${e=>!0===e.hasImage?"\n margin: 0;\n ":`margin: ${o(2,"px")} 0 0;`} 411 412 @media (min-width: 0) and (max-width: ${s.md}) { 413 grid-row: 2; 414 } 415 416 ${e=>!0===e.hasAlternateNewsletterStyle?a` 417 ${l("typography.definitions.utility.description")} 418 `:""} 419`;u.defaultProps={as:"h2",colorToken:"colors.discovery.body.white.description",typeIdentity:"typography.definitions.consumptionEditorial.body-core"};const m=i(c).withConfig({displayName:"UtilityLedeImage"})` 420 grid-column: 1 / span 3; 421 @media (min-width: 0) and (max-width: ${s.md}) { 422 grid-column: 2 / span 2; 423 grid-row: 1; 424 } 425 ${e=>!0===e.hasImage?`\n @media (min-width: 0) and (max-width: ${s.md}){\n padding-bottom: 0;\n }\n `:""} 426`;e.exports={UtilityLedeHeader:g,UtilityLedeWrapper:p,UtilityLedeHedText:h,UtilityLedeDekText:u,UtilityLedeImage:m}},83375:(e,n,t)=>{const{asVariation:i}
426=t(95545),a=t(31383);a.ContentCenterNoBackground=i(a,"ContentCenterNoBackground",{contentAlign:"center",hasBackground:!1}),a.ContentRightNoBackground=i(a,"ContentRightNoBackground",{contentAlign:"right",hasBackground:!1}),a.ContentLeftNoBackground=i(a,"ContentLeftNoBackground",{contentAlign:"left",hasBackground:!1}),e.exports=a},90949:(e,n,t)=>{const{fetchWithTimeout:i}=t(84317),{loadData:a}=t(59998);e.exports={fetchWithTimeout:i,loadData:a}},59998:e=>{e.exports={loadData:async function({url:e,gtmEvent:n=null}){window.dataLayer&&n&&window.dataLayer.push({event:n});const t=await fetch(e);if(t.ok)return t.json();throw new Error(t.statusText)}}},46775:(e,n,t)=>{const i=t(45697),a=t(67294),{AtoZIndexWrapper:o,AtoZIndexList:r,AtoZIndexLink:l,AtoZIndexText:d}=t(97168),s=["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","#"],c=({links:e,linksRef:n,navId:t})=>{if(!e||!e.length)return null;const i=e=>{e.preventDefault();const t=window.requestAnimationFrame||(e=>window.setTimeout(e,20)),i=document.getElementById(e.target.hash.replace("#",""));if(!i)return;const{offsetTop:a}=i,{offsetTop:o,scrollTop:r}=n.current,l=a-o-r;let d=0;const s=()=>{d+=20;const e=function(e,n,t,i){let a=e;return a/=300,a<1?t/2*a*a+n:(a--,-t/2*(a*(a-2)-1)+n)}(d,r,l);n.current.scrollTop=e,d<600&&t(s)};s()};return a.createElement(o,{"data-testid":"AtoZIndexWrapper"},a.createElement(r,null,s.map((n=>{const o=e.find((e=>e.groupName===n));return o?a.createElement("li",{key:n},a.createElement(l,{"data-testid":"AtoZIndexLink",href:"#"+("#"===o.groupName?`other-${t}`:`${o.groupName.toLowerCase()}-${t}`),onClick:i},n)):a.createElement(d,{key:n},n)}))))};c.propTypes={links:i.arrayOf(i.shape({groupName:i.string.isRequired})),linksRef:i.object,navId:i.string},e.exports=c},86422:(e,n,t)=>{const i=t(45697),a=t(67294),{useIntl:o}=t(76186),{useState:r}=t(67294),l=t(73955),d=t(48349),s=t(83066),{asConfiguredComponent:c}=t(36380),{filter:g,useDebounce:p}=t(5392),h=t(46775),{trackComponent:u}=t(40199),{GroupedNavigationWrapper:m,GroupedNavigationFilter:v,GroupedNavigationFilterContent:y,GroupedNavigationFilterInput:k,GroupedNavigationContent:f,GroupedNavigationLinks:b,GroupedNavigationGroup:w,GroupedNavigationIndex:$}=t(97168),N=t(97349).Z,x=({className:e,groupedLinks:n,showContentDivider:t=!0,hasAtoZIndex:i=!1,hasFilter:c=!1,analyticsEventForFilter:x,filterLabel:C})=>{a.useEffect((()=>{u("GroupedNavigation")}),[]);const{formatMessage:L}=o(),A=a.useRef(null),I=l(),[E,S]=r(""),[T,D]=p(n,200);return n&&n.length?a.createElement(m,{className:e,hasFilter:c,"data-testid":"GroupedNavigationWrapper"},c&&a.createElement(v,null,a.createElement(y,null,a.createElement(k,{placeholder:C,"aria-label":C||L(N.filterInputAriaLabelText),name:"filter",type:"text",onChange:e=>{const t=e.target.value;S(t),D((()=>g(n,t)))},onFocus:()=>{x&&d.emitGoogleTrackingEvent(x)},value:E}),a.createElement(s,null))),a.createElement(f,{hasFilter:c},a.createElement(b,{ref:A},T.map((e=>{if(!e.links)return null;const n=e.links.map((e=>{const n=!0===e.isSecondary?"link--secondary":"link--primary";return{...e,className:n}})),o={};return i&&(o.id="#"===e.groupName?`other-${I}`:`${e.groupName.toLowerCase()}-${I}`),a.createElement(w,{key:e.groupName,className:"grouped-navigation__group",links:n,linkClassName:"grouped-navigation__link",heading:e.groupName,showContentDivider:t,shouldStyleListItems:!0,attributes:o})}))),i&&a.createElement($,{className:"grouped-navigation__index"},a.createElement(h,{links:n,linksRef:A,navId:I})))):null},C=i.shape({text:i.string.isRequired,url:i.string.isRequired,isSecondary:i.bool,analyticsEvent:i.string}),L=i.arrayOf(i.shape({links:i.arrayOf(C),groupName:i.string,groupId:i.string}));x.propTypes={analyticsEventForFilter:i.string,className:i.string,filterLabel:i.string,groupedLinks:L,hasAtoZIndex:i.bool,hasFilter:i.bool,showContentDivider:i.bool},x.displayName="GroupedNavigation",e.exports=c(x,"GroupedNavigation"),e.exports.groupedLinksShape=L},69379:(e,n,t)=>{e.exports=t(86422)},97168:(e,n,t)=>{const i=t(51117).default,{BaseLink:a,BaseText:o}=t(74327),{calculateSpacing:r,getLinkStyles:l,getTypographyStyles:d,getColorStyles:s,getInputFieldStyles:c}=t(79720),g=t(55399),p=i.div.withConfig({displayName:"GroupedNavigationWrapper"})` 427 padding-top: ${r(4)}; 428 height: 100%; 429 430 ${({hasFilter:e})=>e&&`padding-top: ${r(2)};`} 431 432 .navigation__heading { 433 ${({theme:e})=>d(e,"typography.definitions.foundation.title-primary")}; 434 margin: 0; 435 line-height: normal; 436 ${({theme:e})=>s(e,"color","colors.foundation.expanded-utility.nav-link.default")}; 437 } 438 439 .navigation__list-item { 440 white-space: normal; 441 } 442 443 .content-divider { 444 display: block; 445 margin-bottom: ${r(2)}; 446 border-bottom-width: ${r(.5)}; 447 border-bottom-style: solid; 448 ${({theme:e})=>s(e,"border-bottom-color","colors.discovery.lead.secondary.accent")}; 449 padding-top: ${r(1)}; 450 width: ${r(2)}; 451 } 452 453 .grouped-navigation__link { 454 ${({theme:e})=>l(e,"colors.foundation.expanded-utility.nav-link.default","colors.foundation.expanded-utility.nav-link.hover","navigation")} 455 456 &.link--primary { 457 ${({theme:e})=>d(e,"typography.definitions.foundation.link-primary")}; 458 } 459 460 &.link--secondary { 461 ${({theme:e})=>d(e,"typography.definitions.foundation.link-secondary")}; 462 } 463 } 464`,h=i.div.withConfig({displayName:"GroupedNavigationFilter"})` 465 position: static; 466 border-width: 0 0 1px; 467 border-style: solid; 468 ${({theme:e})=>s(e,"color","colors.discovery.body.white.divider")}; 469 width: calc(100% - 1.25rem); 470 height: 60px; 471 472 .icon { 473 position: absolute; 474 top: 10px; 475 right: 0; 476 pointer-events: none; 477 } 478`,u=i.div.withConfig({displayName:"GroupedNavigationFilterContent"})` 479 position: relative; 480`,m=i(o).withConfig({displayName:"GroupedNavigationFilterInput"})` 481 ${({theme:e})=>c(e,"normal","background")}; 482 ${({theme:e})=>c(e,"normal","text")}; 483 border: none; 484 width: 100%; 485 height: ${r(6.2)}; 486`;m.defaultProps={as:"input",typeIdentity:"typography.definitions.foundation.link-secondary"};const v=i.div.withConfig({displayName:"GroupedNavigationContent"})` 487 display: flex; 488 height: 100% 489 ${({hasFilter:e})=>e&&`\n padding-top: ${r(4)};\n height: calc(100% - 60px);\n `}; 490`,y=i.div.withConfig({displayName:"GroupedNavigationLinks"})` 491 flex: 1; 492 height: 100%; 493 overflow-y: auto; 494 max-height: 100vh; 495 496 && li { 497 padding-bottom: ${r(2)}; 498 499 &.link--primary { 500 ${({theme:e})=>d(e,"typography.definitions.foundation.link-primary")}; 501 } 502 503 &.link--secondary { 504 ${({theme:e})=>d(e,"typography.definitions.foundation.link-secondary")}; 505 } 506 } 507`,k=i(g.Vertical).withConfig({displayName:"GroupedNavigationGroup"})` 508 padding-bottom: ${r(5)}; 509`,f=i.div.withConfig({displayName:"GroupedNavigationIndex"})` 510 position: static; 511 padding-right: ${r(1)}; 512 overflow-y: auto; 513`,b=i(o).withConfig({displayName:"AtoZIndexWrapper"})` 514 width: ${r(3)}; 515 text-align: center; 516`;b.defaultProps={as:"nav"};const w=i(o).withConfig({displayName:"AtoZIndexList"})` 517 margin-top: 0; 518 padding: 0; 519 list-style: none; 520`;w.defaultProps={as:"ul"};const $=i(a).withConfig({displayName:"AtoZIndexLink"})` 521 display: block; 522 background: none; 523 padding-top: ${r(.25)}; 524 padding-bottom: ${r(.25)}; 525 width: 100%; 526`;
526$.defaultProps={colorSecondaryLinkToken:"colors.foundation.expanded-utility.nav-link.hover",colorStaticLinkToken:"colors.foundation.expanded-utility.nav-link.default",colorToken:"colors.foundation.expanded-utility.nav-link.default",linkStyle:"navigation",typeToken:"typography.definitions.foundation.link-secondary"};const N=i(o).withConfig({displayName:"AtoZIndexText"})` 527 margin: 0; 528 padding-top: ${r(.25)}; 529 padding-bottom: ${r(.25)}; 530`;N.defaultProps={as:"li",colorToken:"colors.foundation.expanded-utility.nav-link.default",typeIdentity:"typography.definitions.foundation.link-secondary"},e.exports={GroupedNavigationWrapper:p,GroupedNavigationFilter:h,GroupedNavigationFilterContent:u,GroupedNavigationFilterInput:m,GroupedNavigationContent:v,GroupedNavigationLinks:y,GroupedNavigationGroup:k,GroupedNavigationIndex:f,AtoZIndexWrapper:b,AtoZIndexList:w,AtoZIndexLink:$,AtoZIndexText:N}},97349:(e,n,t)=>{const i=t(76186);n.Z=(0,i.defineMessages)({filterInputAriaLabelText:{id:"GroupedNavigation.FilterInputAriaLabel",defaultMessage:"Filter links",description:"Grouped Navigation Filter component aria label text",isConfigurable:!0}})},5392:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.useDebounce=n.filter=void 0;const{useState:i,useCallback:a}=t(67294),o=t(23279);n.filter=(e,n)=>{if(!n?.trim())return e;const t=e=>e.toString().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/[^a-z0-9\s]/gi,"");return e.map((e=>({...e,links:e.links?.filter((e=>/(\s|')/.test(n)?t(e.text).includes(t(n)):e.text.match(/([a-zA-Z]\.){2,}/)?e.text.split(" ").filter((e=>t(e).startsWith(t(n)))).length:e.text.split(/([ \-'â.]+)/).filter((e=>t(e).startsWith(t(n)))).length))}))).filter((e=>e.links?.length))},n.useDebounce=(e,n)=>{const[t,r]=i(e),l=a(o((e=>{r(e)}),n),[]);return[t,e=>{l(e)}]}}}]);
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.