PageSourceSearch

https://www.wired.com/verso/static/9645.bcbd4f6672a769a72e09.js

js wired.com collected 2026-09-24 05:18:12 UTC 14,754 bytes, 258 lines download raw bytes

1"use strict";(globalThis.webpackChunkverso=globalThis.webpackChunkverso||[]).push([[9645],{60434(e,t,i){i.d(t,{Ay:()=>A,HG:()=>x,LZ:()=>f,Mq:()=>w,Nf:()=>l,Q1:()=>M,cn:()=>$,i$:()=>b,tJ:()=>c,tT:()=>y,tw:()=>u,u3:()=>m,vB:()=>T,vT:()=>g});var a=i(38267),n=i(18608),o=i(26865),r=i(88456),d=i(96472),s=i(99906);const l=a.Ay.div.withConfig({displayName:"TextFieldLabelText"})`
2  ${(0,o.Gg)("typography.definitions.utility.label")};
3  transition: color ${d.L6.timingButtonDefault} ease-in;
4`,c=a.Ay.div.withConfig({displayName:"TextFieldIcon"})`
5  svg {
6    ${({theme:e})=>(0,o.FM)(e,"normal","icon")}
7  }
8
9  .icon-search {
10    margin-top: 8px;
11    margin-left: 9px;
12  }
13
14  &:active,
15  &:focus {
16    svg {
17      ${({theme:e})=>(0,o.FM)(e,"active","icon")}
18    }
19  }
20  position: absolute;
21  top: -5%;
22  transform: translateY(calc(50% + ${(0,o.Kq)(1)}));
23  transition: fill ${d.L6.timingButtonDefault} ease-in;
24  width: ${(0,o.Kq)(3)};
25  height: 1.7rem;
26
27  /* leading */
28  ${({LeadingIcon:e})=>e&&`left: ${(0,o.Kq)(1)};`}
29
30  /* trailing */
31  ${({TrailingIcon:e})=>e&&`right: ${(0,o.Kq)(1)};`}
32`,h=a.AH`
33  ${(0,o.Gg)("typography.definitions.utility.input-core")};
34  margin-top: ${(0,o.Kq)(1)};
35  padding: ${(0,o.Kq)(1)} ${(0,o.Kq)(1.5)};
36  width: 100%;
37  text-transform: none;
38  transition-property: color, background, border;
39  transition-duration: ${d.L6.timingButtonDefault};
40  transition-timing-function: ease-in;
41
42  ${({theme:e})=>(0,o.FM)(e,"normal","background")}
43  ${({theme:e})=>(0,o.FM)(e,"normal","text")}
44  ${({theme:e})=>(0,o.FM)(e,"normal","border")}
45
46  &:focus {
47    outline: 0;
48    + ${c} {
49      svg {
50        ${({theme:e})=>(0,o.FM)(e,"valid","icon")}
51      }
52    }
53  }
54
55  &:active,
56  &:focus {
57    ${({theme:e})=>(0,o.FM)(e,"active","background")}
58    ${({theme:e})=>(0,o.FM)(e,"active","text")}
59    ${({theme:e})=>(0,o.FM)(e,"active","border")}
60  }
61
62  &[disabled] {
63    ${({theme:e})=>(0,o.FM)(e,"disabled","background")}
64    ${({theme:e})=>(0,o.FM)(e,"disabled","text")}
65    ${({theme:e})=>(0,o.FM)(e,"disabled","border")}
66  }
67`,u=(0,a.Ay)(n.aE).withConfig({displayName:"TextFieldControlInput"})`
68  ${h}
69  border-radius: 0;
70  height: ${(0,o.Kq)(6)};
71  appearance: none;
72  ${(0,o.R9)("hasLeadingIcon",!0,`padding-left: ${(0,o.Kq)(6.25)};`)}
73
74  ${(0,o.R9)("hasTrailingIcon",!0,`padding-right: ${(0,o.Kq)(6)};`)}
75`,g=(0,a.Ay)(n.MW).withConfig({displayName:"TextFieldControlTextarea"})`
76  ${h}
77  max-width: 100%;
78
79  resize: none;
80  ${({customHeightMultiplier:e})=>e?`  \n      height:${(0,o.Kq)(e)};\n    `:`\n     height:${(0,o.Kq)(19)};\n    `}
81  ${({hasBoxShadow:e})=>e&&"\n    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);\n  "}
82   ${({hasRoundedEdges:e})=>e&&"\n    border-radius: 999px;\n  "}
83`,p=a.AH`
84  ${u}, ${g} {
85    ${({theme:e})=>(0,o.FM)(e,"valid","background")}
86    ${({theme:e})=>(0,o.FM)(e,"valid","text")}
87    ${({theme:e})=>(0,o.FM)(e,"valid","border")}
88  }
89
90  ${c} {
91    svg {
92      ${({theme:e})=>(0,o.FM)(e,"valid","icon")}
93    }
94  }
95`,m=a.Ay.div.withConfig({displayName:"TextFieldAssistiveText"})`
96  ${(0,o.Gg)("typography.definitions.utility.assistive-text")}
97
98  grid-column: -1 / 1;
99  transition: color ${d.L6.timingButtonDefault} ease-in;
100  margin-top: ${(0,o.Kq)(1)};
101
102  ${({theme:e})=>(0,o._o)(e,"color","colors.interactive.base.dark")};
103`,$=(0,a.Ay)(n.vm).withConfig({displayName:"TextFieldLabel"}).attrs(e=>({as:"label",...e}))`
104  /* disabled */
105  ${l}, ${m} {
106    ${({isDisabled:e,theme:t})=>e&&(0,o._o)(t,"color","colors.interactive.base.dark")}
107  }
108
109  ${c} {
110    svg {
111      ${({theme:e})=>(0,o.FM)(e,"disabled","icon")}
112    }
113  }
114
115  /* leading-icon */
116  ${u}, ${g} {
117    ${(0,o.R9)("hasInlineLabel",!0,a.AH`
118        margin-top: 0;
119        padding-top: ${(0,o.Kq)(3)};
120      `)}
121  }
122
123  /* inline */
124  ${l} {
125    ${(0,o.R9)("hasInlineLabel",!0,a.AH`
126        ${(0,o.Gg)("typography.definitions.utility.assistive-text")};
127        position: absolute;
128        z-index: 1;
129        margin-left: 1px; /* to match the 1px left border of the input area */
130        padding: ${(0,o.Kq)(1)} ${(0,o.Kq)(1)} 0;
131      `)}
132  }
133
134  ${(0,o.R9)("isActivated",!0,p)}
135`,f=a.Ay.div.withConfig({displayName:"TextFieldInputContainer"})`
136  position: relative;
137  grid-column: 1;
138
139  input[type='search'] {
140    appearance: none;
141  }
142`,b=a.Ay.datalist.withConfig({displayName:"TextFieldDataList"})``,y=a.Ay.option.withConfig({displayName:"TextFieldDataListOption"})``,w=(0,a.Ay)(r.A).withConfig({displayName:"TextFieldButton"})`
143  height: 48px;
144  ${(0,o.Xm)(0,d.LO.md)} {
145    margin-top: ${(0,o.Kq)(1)};
146  }
147
148  /* mobile-hide */
149  ${({hideButtonInMobile:e})=>e&&`\n    ${(0,o.Xm)(0,`${s.VS.md}px`)} {\n      position: absolute;\n      visibility: hidden;\n    }\n  `}
150
151  ${({theme:e,isInverted:t})=>t&&`\n      border-radius: 3px;\n      ${(0,o._o)(e,"background-color","colors.interactive.base.brand-secondary")};\n      \n      ${(0,o.H4)(d.LO.md)} {\n        margin-left: ${(0,o.Kq)(1)};\n      }\n\n  `}
152`,x=(0,a.Ay)(n.vm).withConfig({displayName:"TextFieldErrorText"}).attrs(e=>({as:"div",colorToken:"colors.interactive.feedback.invalid-primary",topSpacing:1,typeIdentity:"typography.definitions.utility.assistive-text",...e}))`
153  grid-column: -1 / 1;
154`,S=a.AH`
155  ${u}, ${g} {
156    ${({theme:e})=>
156(0,o.FM)(e,"invalid","background")}
157    ${({theme:e})=>(0,o.FM)(e,"invalid","text")}
158    ${({theme:e})=>(0,o.FM)(e,"invalid","border")}
159  }
160
161  ${c} {
162    svg {
163      ${({theme:e})=>(0,o.FM)(e,"invalid","icon")}
164    }
165  }
166
167  ${({hasAttachedButton:e,isAlwaysStacked:t})=>e&&!t&&`\n    ${(0,o.H4)(d.LO.md)} {\n      grid-column: 1 / span 2;\n    }\n  `}
168`,v=a.AH`
169  ${(0,o.Xm)(0,d.LO.md)} {
170    grid-template-columns: auto ${(0,o.Kq)(14)};
171    align-items: end;
172  }
173
174  ${w} {
175    margin-top: 0;
176    ${(0,o.Xm)(0,d.LO.md)} {
177      min-width: unset;
178    }
179  }
180`,T=a.Ay.span.withConfig({displayName:"TextFieldWrapper"})`
181  display: grid;
182  margin-bottom: ${(0,o.Kq)(2)};
183
184  ${(0,o.H4)(d.LO.md)} {
185    ${({shouldUseAlternativeStyle:e})=>e&&`margin-bottom: ${(0,o.Kq)(3)};`}
186  }
187
188  /* hasAttachedButton */
189  ${({hasAttachedButton:e,isAlwaysStacked:t})=>!t&&e?`\n    ${(0,o.H4)(d.LO.md)} {\n      grid-template-columns: 1fr auto;\n      align-items: end;\n    }\n  `:""}
190  ${({hasAttachedButtonForMobile:e})=>e&&`\n    ${(0,o.L7)(d.LO.md)} {\n      grid-template-columns: 1fr auto;\n      align-items: end;\n    }`}
191
192  ::placeholder {
193    ${({theme:e})=>(0,o._o)(e,"color","colors.interactive.base.dark")};
194  }
195
196  ${({hasAttachedButton:e,isNeverStacked:t})=>e&&t?v:""};
197
198  /* error */
199  ${(0,o.R9)("hasErrorState",!0,S)}
200  /* alternative-style */
201
202  ${l} {
203    ${({hasAttachedButton:e,isAlwaysStacked:t})=>!t&&e?`\n      ${(0,o.H4)(d.LO.md)} {\n          grid-column: span 2;\n      }\n    `:""}
204  }
205
206  ${x} {
207    ${({hasAttachedButton:e,isAlwaysStacked:t})=>!t&&e?`\n      ${(0,o.H4)(d.LO.md)} {\n        grid-column: 1 / span 2;\n      }\n    `:""}
208  }
209`,M=(0,a.Ay)(n.sH).withConfig({displayName:"TextFieldErrorSuggestion"}).attrs(e=>({colorToken:"colors.interactive.feedback.invalid-primary",typeIdentity:"typography.definitions.utility.assistive-text",...e}))`
210  text-decoration: underline;
211
212  &:hover {
213    ${({theme:e})=>(0,o._o)(e,"color","colors.interactive.feedback.invalid-primary")};
214  }
215`,A={TextFieldWrapper:T,TextFieldLabel:$,TextFieldLabelText:l,TextFieldInputContainer:f,TextFieldControlInput:u,TextFieldControlTextarea:g,TextFieldIcon:c,TextFieldDataList:b,TextFieldDataListOption:y,TextFieldButton:w,TextFieldAssistiveText:m,TextFieldErrorText:x,TextFieldErrorSuggestion:M}},89017(e,t,i){i.d(t,{A:()=>h});var a=i(32485),n=i.n(a),o=i(5556),r=i.n(o),d=i(96540),s=i(98708),l=i(53499);const c=({children:e,className:t,hideDividers:i=!1,hasTopDivider:a,isMultiple:o})=>(d.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(l.G.RENDER,{name:"UtilityBar"})},[]),d.createElement(s.B,{className:n()(t,"utility-bar"),"data-testid":"UtilityBar",hasTopDivider:a,hideDividers:i,isMultiple:o},e));c.propTypes={children:r().shape([r().arrayOf(r().node),r().node]),className:r().string,hasTopDivider:r().bool,hideDividers:r().bool,isMultiple:r().bool};const h=c},98708(e,t,i){i.d(t,{B:()=>r});var a=i(38267),n=i(26865),o=i(96472);const r=a.Ay.div.withConfig({displayName:"UtilityBarWrapper"})`
216  ${({hasTopDivider:e})=>e?"border-top: 1px solid;":""};
217
218  &:only-child {
219    ${({theme:e})=>(0,n._o)(e,"border-color","colors.consumption.body.standard.divider")};
220  }
221
222  border-bottom: 1px solid;
223  ${({theme:e})=>(0,n._o)(e,"border-color","colors.consumption.body.standard.divider")};
224  padding-bottom: 0;
225
226  @media (min-width: ${o.LO.md}) {
227    padding: ${(0,n.Kq)(1.875)} 0;
228  }
229
230  @media (min-width: 0) and (max-width: ${o.LO.md}) {
231    margin-bottom: ${(0,n.Kq)(2.5)};
232  }
233
234  .dropdown {
235    display: flex;
236    align-items: center;
237
238    @media (min-width: 0) and (max-width: ${o.LO.md}) {
239      margin-bottom: ${(0,n.Kq)(3.75)};
240    }
241
242    .dropdown__assistive-label {
243      ${(0,n.Gg)("typography.definitions.utility.label")};
244      padding: 0 ${(0,n.Kq)(2)} 0 0;
245    }
246
247    .dropdown__field {
248      @media (min-width: 0) and (max-width: ${o.LO.sm}) {
249        margin-left: auto;
250        width: ${(0,n.Kq)(21)};
251      }
252    }
253  }
254
255  ${({isMultiple:e})=>e&&`\n      .dropdown + .dropdown {\n        padding: ${(0,n.Kq)(2)} 0 0;\n      }\n\n      @media (min-width: ${o.LO.sm}) and (max-width: ${o.LO.md}) {\n        .dropdown__field {\n          margin-left: auto;\n          width: ${(0,n.Kq)(21)};\n        }\n      }\n\n      @media (min-width: ${o.LO.md}) {\n        display: flex;\n\n        .dropdown {\n          display: inline-flex;\n\n          + .dropdown {\n            padding: 0 0 0 ${(0,n.Kq)(7)};\n          }\n        }\n      }\n    `}
256
257  ${({hideDividers:e})=>e&&"\n      border-top: none;\n      border-bottom: none;\n    "}
258`},10958(e,t,i){i.d(t,{A:()=>a});const a=(0,i(72267).YK)({noResultsHed:{id:"SearchPage.NoResultsHed",defaultMessage:"No stories found for your search",description:"Hed text when no results are found"},resultsHed:{id:"SearchPage.ResultsHed",defaultMessage:"Search stories from {brandName}",description:"Hed text when results are found"},resultswithWordHed:{id:"SearchPage.resultswithWordHed",defaultMessage:"Search results for ",description:"Hed text when results are found"},noResultsContentHed:{id:"SearchPage.noResultsContentHed",defaultMessage:"We didn't find any recipes, articles or videos for ",description:"SubHed text when no results are found"},noResultsCustomContentHed:{id:"SearchPage.noResultsCustomContentHed",defaultMessage:"We didn't find any results for",description:"SubHed alternate text when no results are found"},noResultsSubHed:{id:"SearchPage.noResultsSubHed",defaultMessage:"We didn't find any ",description:"SubHed text when no results are found"},searchInputAriaLabel:{id:"SearchPage.SearchInputAriaLabel",defaultMessage:"search",description:"ARIA label for the search box"},searchInputPlaceholder:{id:"SearchPage.SearchInputPlaceholder",defaultMessage:'Try "Racial justice"',description:"Placeholder text for the search box",isConfigurable:!0},searchButtonLabel:{id:"SearchPage.SearchButtonLabel",defaultMessage:"Search",description:"Label for the search button"},sortLabel:{id:"SearchPage.SortLabel",defaultMessage:"Sort by",description:"Label for the sort dropdown"},loadMoreButtonLabel:{id:"SearchPage.LoadMoreButtonLabel",defaultMessage:"More Stories",description:""},loadMoreLoadingLabel:{id:"SearchPage.LoadMoreLoadingLabel",defaultMessage:"Loading ...",description:""},clearAll:{id:"SearchPage.ClearAll",defaultMessage:"Clear All",description:"Text in SearchPage component to clear filters"},sortBy:{id:"SearchPage.SortBy",defaultMessage:"Sort By",description:"SearchPage component sort by text for sorting result"},noResultsFound:{id:"SearchPage.NoResultsFound",defaultMessage:"Sorry we can't display any results for those filtering options, please try again",description:"Message to be shown if no results are found when filtered."},filterResults:{id:"SearchPage.FilterResults",defaultMessage:"Filter Results",description:"SearchPage component filter results text"},loading:{id:"SearchPage.Loading",defaultMessage:"Loading ...",description:"SearchPage component loading text"},moreStories:{id:"SearchPage.MoreStories",defaultMessage:"More Stories",description:"SearchPage component more stories text"},showAllArtists:{id:"SearchPage.showAllArtists",defaultMessage:"SHOW ALL ARTISTS",description:"SearchPage component show all artist"},showAllAuthors:{id:"SearchPage.showAllAuthors",defaultMessage:"SHOW ALL AUTHORS",description:"SearchPage component show all author"},resultsHedForIssueDate:{id:"SearchPage.ResultsHedOnIssueDate",defaultMessage:" Search Results from {issueDate} issue",description:"Hed text when results are found for issueDate"},authorsTitle:{id:"SearchPage.AuthorTitle",defaultMessage:"{count, plural, one {Author} other {Authors} }",description:"Search Author titles with plurals"},reviewsTitle:{id:"SearchPage.ReviewTitle",defaultMessage:"{count, plural, one {Review} other {Reviews} }",description:"Search Review titles with plurals"},tracksTitle:{id:"SearchPage.TrackTitle",defaultMessage:"{count, plural, one {Track} other {Tracks} }
258",description:"Search track titles with plurals"},featuresTitle:{id:"SearchPage.FeatureTitle",defaultMessage:"{count, plural, one {Feature} other {Features} }",description:"Search feature titles with plurals"},videosTitle:{id:"SearchPage.VideoTitle",defaultMessage:"{count, plural, one {Video} other {Videos} }",description:"Search video titles with plurals"},artistsTitle:{id:"SearchPage.ArtistTitle",defaultMessage:"{count, plural, one {Artist} other {Artists} }",description:"Search artist titles with plurals"},newsTitle:{id:"SearchPage.NewsTitle",defaultMessage:"News",description:"Search news titles with plurals"},columnsTitle:{id:"SearchPage.ColumnsTitle",defaultMessage:"Columns",description:"Search columns titles with plurals"}})},1123(e,t,i){i.d(t,{Cy:()=>h,Rn:()=>s,VO:()=>r,aU:()=>d,mO:()=>c,mS:()=>l});var a=i(26865),n=i(75163),o=i(96472);const r=()=>`\n  --grid-gap: ${(0,a.Kq)(2)};\n  --grid-margin: ${(0,a.Kq)(3)};\n\n  @media (min-width: ${o.LO.md}) {\n    --grid-gap: ${(0,a.Kq)(3)};\n    --grid-margin: ${(0,a.Kq)(6)};\n  }\n\n  @media (min-width: ${o.LO.lg}) {\n    --grid-gap: ${(0,a.Kq)(4)};\n  }\n\n  @media (min-width: ${o.LO.xl}) {\n    --grid-margin: ${(0,a.Kq)(8)};\n  }\n  `,d=(e,t=!1)=>{const i=t?-1:1;return`\n    ${e}-right: calc(${i} * var(--grid-margin));\n    ${e}-left: calc(${i} * var(--grid-margin));\n  `},s=e=>`\n      ${n.pT.Color.Surface}:  #${e};\n      ${n.pT.Color.SurfaceAd}:  #${e};\n      background-color: #${e};\n    `,l=e=>`\n      border-color: #${e};\n    `,c=e=>`\n      border-top: 1px solid #${e};\n   `,h=()=>`padding-top: ${(0,a.Kq)(7,"px")};`}}]);

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.