@mdn/fred 0.1.0 → 0.2.0

package/dist/client/9222.f3820fec7e0a91be.js

@@ -1,104 +0,0 @@
-/*! For license information please see 9222.f3820fec7e0a91be.js.LICENSE.txt */
-export const __webpack_ids__=["9222"];export const __webpack_modules__={89745:function(e,t,s){e.exports=s.p+"arrow-right.648145f00e77b7f0.svg"},6882:function(e,t,s){s.r(t),s.d(t,{MDNSiteSearch:()=>MDNSiteSearch});var i=s(35470),r=s(14703),a=s(67621),o=s(69535);s(50272);var l=s(56276),n=s(77837),c=s(47270);let h={"en-us":"English (US)",de:"Deutsch",fr:"Fran\xe7ais",es:"Espa\xf1ol",it:"Italiano",ja:"日本語",ko:"한국어","pt-br":"Portugu\xeas (BR)",ru:"Русский","zh-cn":"简体中文","zh-tw":"繁體中文"};function g(e){return h[e.toLowerCase()]||e}let MDNSiteSearch=class MDNSiteSearch extends(0,o.q)(r.oi){static styles=c.Z;static ssr=!1;static properties={_inputValue:{state:!0},_query:{state:!0},_page:{state:!0}};constructor(){super(),this._inputValue=void 0,this._query=void 0,this._locales=[this.locale],this._sort="",this._page=1}_searchTask=new i.iQ(this,{args:()=>[this._query,this._locales,this._sort,this._page],task:async([e,t,s,i],{signal:r})=>{if(!e)return;let a=new URLSearchParams({q:e,sort:s,page:i.toString()});for(let e of t)a.append("locale",e);let o=await fetch(`/api/v1/search?${a}`,{signal:r});if(!o.ok)throw Error(`${o.status}: ${o.statusText}`);return o.json()}});connectedCallback(){super.connectedCallback();let e=new URLSearchParams(location.search),t=e.get("q")||void 0;this._inputValue=t,this._query=t,this._locales=e.has("locale")?e.getAll("locale").sort():[this.locale],this._sort=e.get("sort")||"best";let s=e.get("page");if(s)try{this._page=Number.parseInt(s,10)}catch{this._page=1}}_handleInput(e){let t=e.target;this._inputValue=t.value}_handleKeyDown(e){"Enter"===e.key&&(e.preventDefault(),this._executeSearch())}_handleSearch(e){e.preventDefault(),this._executeSearch()}_executeSearch(){let e=this._inputValue?.trim();if(e){let t=new URL(location.href);t.searchParams.set("q",e),t.searchParams.set("page","1"),globalThis.history.pushState({},"",t),this._page=1,this._query=e}}renderInputs(){return(0,r.dy)`
-      <div class="site-search-form">
-        <div class="site-search-form__form">
-          <input
-            class="site-search-form__input"
-            name="query"
-            type="text"
-            .value=${this._inputValue||""}
-            @input=${this._handleInput}
-            @keydown=${this._handleKeyDown}
-          />
-          <mdn-button
-            icon-only="true"
-            .icon=${n.Z}
-            variant="plain"
-            class="site-search-form__submit"
-            @click=${this._handleSearch}
-            ?disabled=${!this._inputValue||""===this._inputValue.trim()}
-            >${this.l10n`Search`}</mdn-button
-          >
-        </div>
-      </div>
-    `}renderPagination(e,t,s){let i=Math.ceil(t/s);if(t<=s)return r.Ld;let a=null,o=null,l=null,n=null;return(t>e*s&&e<i&&(l=e+1),e>1&&(a=e-1),l||null!==a)?(a&&(o=new URL(globalThis.location.href),1===a?o.searchParams.delete("page"):o.searchParams.set("page",a.toString())),l&&(n=new URL(globalThis.location.href)).searchParams.set("page",l.toString()),(0,r.dy)` <ul>
-        ${o?(0,r.dy)` <li>
-              <mdn-button variant="secondary" href=${o.toString()}
-                >${this.l10n`Previous`}</mdn-button
-              >
-            </li>`:(0,r.dy)`<li></li>`}
-        ${l?(0,r.dy)` <li>
-              <mdn-button variant="secondary" href=${n}
-                >${this.l10n`Next`}</mdn-button
-              >
-            </li>`:(0,r.dy)`<li></li>`}
-      </ul>`):r.Ld}renderSuggestions(e){return e.suggestions.length>0?(0,r.dy)`
-        <section class="site-search__suggestions">
-          <p class="site-search-suggestions__text">
-            ${this.l10n("site-search-suggestions-text")`Did you mean…`}
-          </p>
-          <ul class="site-search-suggestions__list">
-            ${e.suggestions.map(e=>{let t=new URL(location.href);return t.searchParams.delete("page"),t.searchParams.set("q",e.text),(0,r.dy)`
-                <li class="site-search-suggestions__item">
-                  <a class="site-search-suggestions__link" href=${t.href}
-                    >${e.text}</a
-                  >
-                  <span class="site-search-suggestions__matches"
-                    >${this.l10n.raw({id:"site-search-suggestion-matches",args:{matches:e.total.value,relation:e.total.relation}})}</span
-                  >
-                </li>
-              `})}
-          </ul>
-        </section>
-      `:r.Ld}render(){let e="en-US"===this.locale?[]:[[this.locale],["en-US"],[this.locale,"en-US"].sort()],t=[["best",this.l10n`Best`],["relevance",this.l10n`Relevance`],["popularity",this.l10n`Popularity`]];return this._searchTask.render({pending:()=>(0,r.dy)`
-        ${this.renderInputs()}
-        <div class="site-search__searching">${this.l10n`Searching…`}</div>
-      `,complete:s=>s?(0,r.dy)`
-              ${this.renderInputs()}
-
-                ${this.renderSuggestions(s)}
-              <section class="site-search__options">
-                ${e.length>0?(0,r.dy)` <h2>${this.l10n`Language`}</h2>
-                        <ul>
-                          ${e.map(e=>{let t=1==e.length?g(e.at(0)||"en-US"):this.l10n`Both`;if(this._locales.join(",")===e.join(","))return(0,r.dy)`<li><em>${t}</em></li>`;{let s=new URL(location.href);for(let t of(s.searchParams.delete("locale"),e))s.searchParams.append("locale",t);return(0,r.dy)`<li>
-                                <a href=${s.toString()}>${t}</a>
-                              </li>`}})}
-                        </ul>`:r.Ld}
-                <h2>${this.l10n`Sort by`}</h2>
-                <ul>
-                  ${t.map(([e,t])=>{if(this._sort===e)return(0,r.dy)`<li><em>${t}</em></li>`;{let s=new URL(location.href);return s.searchParams.set("sort",e),(0,r.dy)`<li>
-                        <a href=${s.toString()}>${t}</a>
-                      </li>`}})}
-                </ul>
-              </section>
-              <section class="site-search__results">
-                <p class="site-search__results-stats">${this.l10n.raw({id:"site-search-search-stats",args:{results:s.metadata.total.value}})}</p>
-              <ul class="site-search-results">
-                ${s.documents.map(e=>(0,r.dy)`<li class="site-search-results__item">
-                      <article>
-                        <p class="site-search-results__path">
-                          ${(0,l.H)(e.mdn_url,this.locale)}
-                        </p>
-                        <h2 class="site-search-results__title">
-                          <a href=${e.mdn_url}>
-                            ${e.highlight.title&&e.highlight.title.length>0?(0,a.A)(e.highlight.title[0]):e.title}
-                            ${e.locale.toLowerCase()===this.locale.toLowerCase()?r.Ld:(0,r.dy)`<sup
-                                  class="site-search-results__locale-indicator"
-                                  >${g(e.locale)}</sup
-                                >`}
-                          </a>
-                        </h2>
-                        <p class="site-search-results__description">
-                          ${e.highlight.body&&e.highlight.body.length>0?e.highlight.body.map(e=>(0,a.A)(e)):e.summary}
-                        </p>
-                      </article>
-                    </li>`)}
-                </ul>
-                </section>
-                </section>
-                <nav class="site-search__results-pagination">
-                  ${this.renderPagination(s.metadata.page,s.metadata.total.value,s.metadata.size)}
-                </nav>
-              </section>
-            `:(0,r.dy)`${this.renderInputs()}`,error:e=>(0,r.dy)`Error: ${e}`})}};customElements.define("mdn-site-search",MDNSiteSearch)},13566:function(e,t,s){s.d(t,{o:()=>r});var i=s(32529);let r=e=>e??i.Ld},47270:function(e,t,s){s.d(t,{Z:()=>u});var i=s(14703),r=s(8081),a=s.n(r),o=s(23645),l=s.n(o),n=s(61667),c=s.n(n),h=new s.U(s(89745)),g=l()(a()),d=c()(h);g.push([e.id,`:host{line-height:var(--font-line-content)}:host a{color:var(--color-link-normal)}:host a:visited{color:var(--color-link-visited)}:host a:active,:host a:hover{-webkit-text-decoration:none;text-decoration:none}:host{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-yellow-20);--color-highlight-background:var(--csstools-light-dark-toggle--0,var(--color-yellow-80))}@supports (color:light-dark(red,red)){:host{--color-highlight-background:light-dark(var(--color-yellow-80),var(--color-yellow-20))}}@supports not (color:light-dark(tan,tan)){:host *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-yellow-20);--color-highlight-background:var(--csstools-light-dark-toggle--0,var(--color-yellow-80))}}.site-search__options{align-items:baseline;display:flex;flex-direction:row;gap:.25rem}@media (max-width:769px){.site-search__options{align-items:flex-start;flex-direction:column}.site-search__options h2{margin-bottom:0;margin-top:.5rem}.site-search__options ul{margin-bottom:.5rem;margin-top:0}}.site-search__options li,.site-search__options ul{display:inline-block}.site-search__options li:not(:last-child):after{content:" | ";display:inline;margin-right:.5ch}.site-search__options h2{display:inline;font-size:var(--font-size-small);font-weight:600}.site-search__options ul{font-size:var(--font-size-small);margin-right:1rem;padding-inline:0}.site-search__title{display:none;font-size:var(--font-size-large);font-weight:700}.site-search__searching{font-size:var(--font-size-small);margin-top:1rem}.site-search__results-stats{color:var(--color-text-secondary);font-size:var(--font-size-small);margin:.25rem 0 1rem}@media (max-width:426px){.site-search__results-stats{display:none}}.site-search-results{list-style:none;margin:0;padding-inline:0}.site-search-results__title{font-size:var(--font-size-large);font-weight:400}.site-search-suggestions__list{padding:0;padding-inline:0}.site-search-suggestions__item:before{background-color:var(--color-text-secondary);content:"";display:inline-block;height:1em;margin-right:.1em;-webkit-mask-image:url(${d});mask-image:url(${d});-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;width:1em}.site-search-suggestions__item{list-style-type:none}.site-search-suggestions__text{margin:1rem 0}.site-search-suggestions__matches{color:var(--color-text-secondary);font-size:var(--font-size-small)}.site-search-form{display:flex;flex-direction:column;margin-top:2rem}.site-search-form__form{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:2rem;display:flex;padding:.25rem 1rem;width:fit-content}.site-search-form__submit{--color-gray-80:#0000;--color-gray-20:#0000}.site-search-form__input{background:#0000;border:none;font-size:var(--font-size-large);font-weight:400;outline:none}.site-search-results__item article{display:grid;grid-template-areas:"path" "title" "description"}.site-search-results__item{margin-bottom:1.5rem}.site-search-results__title{grid-area:title;margin:0}.site-search-results__title mark{background-color:var(--color-highlight-background);color:inherit}.site-search-results__path{color:var(--color-text-secondary);font-size:var(--font-size-small);grid-area:path;margin:0}.site-search-results__description{grid-area:description;margin:0 0 .25rem}.site-search-results__description mark{background-color:var(--color-highlight-background);color:inherit}.site-search-results__locale-indicator{background-color:var(--color-background-secondary);border-radius:1em;color:var(--color-text-secondary);font-size:var(--font-size-small);margin:0 0 .25em;padding:.25em .5em}.site-search__results-pagination ul{align-items:center;display:flex;gap:.5rem;justify-content:space-between;list-style:none;padding-inline:0}`,""]);let u=(0,i.iv)([g.toString()])},77837:function(e,t,s){s.d(t,{Z:()=>r});var i=s(14703);let r=(0,i.YP)`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m21 21-4.34-4.34"/><circle cx="11" cy="11" r="8"/></svg>`}};
-//# sourceMappingURL=9222.f3820fec7e0a91be.js.map

package/dist/client/9222.f3820fec7e0a91be.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"9222.f3820fec7e0a91be.js","sources":["webpack://@mdn/fred/./components/site-search/element.js","webpack://@mdn/fred/./node_modules/lit-html/directives/if-defined.js","webpack://@mdn/fred/./components/site-search/element.css","webpack://@mdn/fred/./components/icon/search.svg"],"sourcesContent":["import { Task } from \"@lit/task\";\nimport { LitElement, html, nothing } from \"lit\";\n\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\n\nimport \"../button/element.js\";\n\nimport { mdnUrl2Breadcrumb } from \"../../utils/mdn-url2breadcrumb.js\";\nimport searchIcon from \"../icon/search.svg?lit\";\n\nimport styles from \"./element.css?lit\";\n\n/**\n * @type {{[key: string]: string}}\n */\nconst localeMap = {\n  \"en-us\": \"English (US)\",\n  de: \"Deutsch\",\n  fr: \"Français\",\n  es: \"Español\",\n  it: \"Italiano\",\n  ja: \"日本語\",\n  ko: \"한국어\",\n  \"pt-br\": \"Português (BR)\",\n  ru: \"Русский\",\n  \"zh-cn\": \"简体中文\",\n  \"zh-tw\": \"繁體中文\",\n};\n\n/**\n *\n * @param {string} code\n * @returns {string}\n */\nfunction readableLocaleCode(code) {\n  return localeMap[code.toLowerCase()] || code;\n}\n\nexport class MDNSiteSearch extends L10nMixin(LitElement) {\n  static styles = styles;\n  static ssr = false;\n\n  static properties = {\n    _inputValue: { state: true },\n    _query: { state: true },\n    _page: { state: true },\n  };\n\n  constructor() {\n    super();\n    /** @type {string | undefined} */\n    this._inputValue = undefined;\n    /** @type {string | undefined} */\n    this._query = undefined;\n    /** @type {string[]} */\n    this._locales = [this.locale];\n    /** @type {string} */\n    this._sort = \"\";\n    this._page = 1;\n  }\n\n  _searchTask = new Task(this, {\n    args: () => [this._query, this._locales, this._sort, this._page],\n    task: async ([query, locales, sort, page], { signal }) => {\n      if (!query) {\n        return;\n      }\n\n      const params = new URLSearchParams({\n        q: query,\n        sort,\n        page: page.toString(),\n      });\n\n      for (const locale of locales) {\n        params.append(\"locale\", locale);\n      }\n\n      const res = await fetch(`/api/v1/search?${params}`, { signal });\n      if (!res.ok) {\n        throw new Error(`${res.status}: ${res.statusText}`);\n      }\n\n      return /** @type {Promise<import(\"./types.js\").SearchResponse>} */ (\n        res.json()\n      );\n    },\n  });\n\n  connectedCallback() {\n    super.connectedCallback();\n    const params = new URLSearchParams(location.search);\n    const queryParam = params.get(\"q\") || undefined;\n\n    this._inputValue = queryParam;\n    this._query = queryParam;\n\n    this._locales = params.has(\"locale\")\n      ? params.getAll(\"locale\").sort()\n      : [this.locale];\n    this._sort = params.get(\"sort\") || \"best\";\n\n    const page = params.get(\"page\");\n\n    if (page) {\n      try {\n        this._page = Number.parseInt(page, 10);\n      } catch {\n        this._page = 1;\n      }\n    }\n  }\n\n  /**\n   * @param {Event} event\n   */\n  _handleInput(event) {\n    const target = /** @type {HTMLInputElement} */ (event.target);\n    this._inputValue = target.value;\n  }\n\n  /**\n   * @param {KeyboardEvent} event\n   */\n  _handleKeyDown(event) {\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n      this._executeSearch();\n    }\n  }\n\n  /**\n   * @param {Event} event\n   */\n  _handleSearch(event) {\n    event.preventDefault();\n    this._executeSearch();\n  }\n\n  _executeSearch() {\n    const trimmedQuery = this._inputValue?.trim();\n    if (trimmedQuery) {\n      const url = new URL(location.href);\n      url.searchParams.set(\"q\", trimmedQuery);\n      url.searchParams.set(\"page\", \"1\");\n      globalThis.history.pushState({}, \"\", url);\n\n      this._page = 1;\n      this._query = trimmedQuery; // this triggers the search\n    }\n  }\n\n  renderInputs() {\n    return html`\n      <div class=\"site-search-form\">\n        <div class=\"site-search-form__form\">\n          <input\n            class=\"site-search-form__input\"\n            name=\"query\"\n            type=\"text\"\n            .value=${this._inputValue || \"\"}\n            @input=${this._handleInput}\n            @keydown=${this._handleKeyDown}\n          />\n          <mdn-button\n            icon-only=\"true\"\n            .icon=${searchIcon}\n            variant=\"plain\"\n            class=\"site-search-form__submit\"\n            @click=${this._handleSearch}\n            ?disabled=${!this._inputValue || this._inputValue.trim() === \"\"}\n            >${this.l10n`Search`}</mdn-button\n          >\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   *\n   * @param {number} currentPage\n   * @param {number} hitCount\n   * @param {number} pageSize\n   */\n  renderPagination(currentPage, hitCount, pageSize) {\n    let maxPage = Math.ceil(hitCount / pageSize);\n    if (hitCount <= pageSize) {\n      return nothing;\n    }\n    let previousPage = null;\n    let previousURL = null;\n    let nextPage = null;\n    let nextURL = null;\n\n    if (hitCount > currentPage * pageSize && currentPage < maxPage) {\n      nextPage = currentPage + 1;\n    }\n    if (currentPage > 1) {\n      previousPage = currentPage - 1;\n    }\n\n    if (nextPage || previousPage !== null) {\n      if (previousPage) {\n        previousURL = new URL(globalThis.location.href);\n        if (previousPage === 1) {\n          previousURL.searchParams.delete(\"page\");\n        } else {\n          previousURL.searchParams.set(\"page\", previousPage.toString());\n        }\n      }\n\n      if (nextPage) {\n        nextURL = new URL(globalThis.location.href);\n        nextURL.searchParams.set(\"page\", nextPage.toString());\n      }\n\n      return html` <ul>\n        ${previousURL\n          ? html` <li>\n              <mdn-button variant=\"secondary\" href=${previousURL.toString()}\n                >${this.l10n`Previous`}</mdn-button\n              >\n            </li>`\n          : html`<li></li>`}\n        ${nextPage\n          ? html` <li>\n              <mdn-button variant=\"secondary\" href=${nextURL}\n                >${this.l10n`Next`}</mdn-button\n              >\n            </li>`\n          : html`<li></li>`}\n      </ul>`;\n    }\n    return nothing;\n  }\n\n  /**\n   *\n   * @param {import(\"./types.js\").SearchResponse} results\n   */\n  renderSuggestions(results) {\n    if (results.suggestions.length > 0) {\n      return html`\n        <section class=\"site-search__suggestions\">\n          <p class=\"site-search-suggestions__text\">\n            ${this.l10n(\"site-search-suggestions-text\")`Did you mean…`}\n          </p>\n          <ul class=\"site-search-suggestions__list\">\n            ${results.suggestions.map((suggestion) => {\n              const url = new URL(location.href);\n              url.searchParams.delete(\"page\");\n              url.searchParams.set(\"q\", suggestion.text);\n              return html`\n                <li class=\"site-search-suggestions__item\">\n                  <a class=\"site-search-suggestions__link\" href=${url.href}\n                    >${suggestion.text}</a\n                  >\n                  <span class=\"site-search-suggestions__matches\"\n                    >${this.l10n.raw({\n                      id: \"site-search-suggestion-matches\",\n                      args: {\n                        matches: suggestion.total.value,\n                        relation: suggestion.total.relation,\n                      },\n                    })}</span\n                  >\n                </li>\n              `;\n            })}\n          </ul>\n        </section>\n      `;\n    }\n    return nothing;\n  }\n\n  render() {\n    /** @type {Array<string[]>} */\n    const LOCALE_OPTIONS =\n      this.locale === \"en-US\"\n        ? []\n        : [[this.locale], [\"en-US\"], [this.locale, \"en-US\"].sort()];\n\n    /** @type {[string, string][]} */\n    const SORT_OPTIONS = [\n      [\"best\", this.l10n`Best`],\n      [\"relevance\", this.l10n`Relevance`],\n      [\"popularity\", this.l10n`Popularity`],\n    ];\n\n    return this._searchTask.render({\n      pending: () => html`\n        ${this.renderInputs()}\n        <div class=\"site-search__searching\">${this.l10n`Searching…`}</div>\n      `,\n\n      complete: (results) => {\n        return results\n          ? html`\n              ${this.renderInputs()}\n\n                ${this.renderSuggestions(results)}\n              <section class=\"site-search__options\">\n                ${\n                  LOCALE_OPTIONS.length > 0\n                    ? html` <h2>${this.l10n`Language`}</h2>\n                        <ul>\n                          ${LOCALE_OPTIONS.map((locales) => {\n                            const label =\n                              locales.length == 1\n                                ? readableLocaleCode(locales.at(0) || \"en-US\")\n                                : this.l10n`Both`;\n                            if (this._locales.join(\",\") === locales.join(\",\")) {\n                              return html`<li><em>${label}</em></li>`;\n                            } else {\n                              const url = new URL(location.href);\n                              url.searchParams.delete(\"locale\");\n                              for (const locale of locales) {\n                                url.searchParams.append(\"locale\", locale);\n                              }\n                              return html`<li>\n                                <a href=${url.toString()}>${label}</a>\n                              </li>`;\n                            }\n                          })}\n                        </ul>`\n                    : nothing\n                }\n                <h2>${this.l10n`Sort by`}</h2>\n                <ul>\n                  ${SORT_OPTIONS.map(([sort, label]) => {\n                    if (this._sort === sort) {\n                      return html`<li><em>${label}</em></li>`;\n                    } else {\n                      const url = new URL(location.href);\n                      url.searchParams.set(\"sort\", sort);\n                      return html`<li>\n                        <a href=${url.toString()}>${label}</a>\n                      </li>`;\n                    }\n                  })}\n                </ul>\n              </section>\n              <section class=\"site-search__results\">\n                <p class=\"site-search__results-stats\">${this.l10n.raw({\n                  id: \"site-search-search-stats\",\n                  args: {\n                    results: results.metadata.total.value,\n                  },\n                })}</p>\n              <ul class=\"site-search-results\">\n                ${results.documents.map(\n                  (result) =>\n                    html`<li class=\"site-search-results__item\">\n                      <article>\n                        <p class=\"site-search-results__path\">\n                          ${mdnUrl2Breadcrumb(result.mdn_url, this.locale)}\n                        </p>\n                        <h2 class=\"site-search-results__title\">\n                          <a href=${result.mdn_url}>\n                            ${result.highlight.title &&\n                            result.highlight.title.length > 0\n                              ? unsafeHTML(result.highlight.title[0])\n                              : result.title}\n                            ${result.locale.toLowerCase() ===\n                            this.locale.toLowerCase()\n                              ? nothing\n                              : html`<sup\n                                  class=\"site-search-results__locale-indicator\"\n                                  >${readableLocaleCode(result.locale)}</sup\n                                >`}\n                          </a>\n                        </h2>\n                        <p class=\"site-search-results__description\">\n                          ${result.highlight.body &&\n                          result.highlight.body.length > 0\n                            ? result.highlight.body.map((b) => unsafeHTML(b))\n                            : result.summary}\n                        </p>\n                      </article>\n                    </li>`,\n                )}\n                </ul>\n                </section>\n                </section>\n                <nav class=\"site-search__results-pagination\">\n                  ${this.renderPagination(results.metadata.page, results.metadata.total.value, results.metadata.size)}\n                </nav>\n              </section>\n            `\n          : html`${this.renderInputs()}`;\n      },\n      error: (e) => html`Error: ${e}`,\n    });\n  }\n}\n\ncustomElements.define(\"mdn-site-search\", MDNSiteSearch);\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/arrow-right.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{line-height:var(--font-line-content)}:host a{color:var(--color-link-normal)}:host a:visited{color:var(--color-link-visited)}:host a:active,:host a:hover{-webkit-text-decoration:none;text-decoration:none}:host{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-yellow-20);--color-highlight-background:var(--csstools-light-dark-toggle--0,var(--color-yellow-80))}@supports (color:light-dark(red,red)){:host{--color-highlight-background:light-dark(var(--color-yellow-80),var(--color-yellow-20))}}@supports not (color:light-dark(tan,tan)){:host *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-yellow-20);--color-highlight-background:var(--csstools-light-dark-toggle--0,var(--color-yellow-80))}}.site-search__options{align-items:baseline;display:flex;flex-direction:row;gap:.25rem}@media (max-width:769px){.site-search__options{align-items:flex-start;flex-direction:column}.site-search__options h2{margin-bottom:0;margin-top:.5rem}.site-search__options ul{margin-bottom:.5rem;margin-top:0}}.site-search__options li,.site-search__options ul{display:inline-block}.site-search__options li:not(:last-child):after{content:\" | \";display:inline;margin-right:.5ch}.site-search__options h2{display:inline;font-size:var(--font-size-small);font-weight:600}.site-search__options ul{font-size:var(--font-size-small);margin-right:1rem;padding-inline:0}.site-search__title{display:none;font-size:var(--font-size-large);font-weight:700}.site-search__searching{font-size:var(--font-size-small);margin-top:1rem}.site-search__results-stats{color:var(--color-text-secondary);font-size:var(--font-size-small);margin:.25rem 0 1rem}@media (max-width:426px){.site-search__results-stats{display:none}}.site-search-results{list-style:none;margin:0;padding-inline:0}.site-search-results__title{font-size:var(--font-size-large);font-weight:400}.site-search-suggestions__list{padding:0;padding-inline:0}.site-search-suggestions__item:before{background-color:var(--color-text-secondary);content:\"\";display:inline-block;height:1em;margin-right:.1em;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;width:1em}.site-search-suggestions__item{list-style-type:none}.site-search-suggestions__text{margin:1rem 0}.site-search-suggestions__matches{color:var(--color-text-secondary);font-size:var(--font-size-small)}.site-search-form{display:flex;flex-direction:column;margin-top:2rem}.site-search-form__form{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:2rem;display:flex;padding:.25rem 1rem;width:fit-content}.site-search-form__submit{--color-gray-80:#0000;--color-gray-20:#0000}.site-search-form__input{background:#0000;border:none;font-size:var(--font-size-large);font-weight:400;outline:none}.site-search-results__item article{display:grid;grid-template-areas:\"path\" \"title\" \"description\"}.site-search-results__item{margin-bottom:1.5rem}.site-search-results__title{grid-area:title;margin:0}.site-search-results__title mark{background-color:var(--color-highlight-background);color:inherit}.site-search-results__path{color:var(--color-text-secondary);font-size:var(--font-size-small);grid-area:path;margin:0}.site-search-results__description{grid-area:description;margin:0 0 .25rem}.site-search-results__description mark{background-color:var(--color-highlight-background);color:inherit}.site-search-results__locale-indicator{background-color:var(--color-background-secondary);border-radius:1em;color:var(--color-text-secondary);font-size:var(--font-size-small);margin:0 0 .25em;padding:.25em .5em}.site-search__results-pagination ul{align-items:center;display:flex;gap:.5rem;justify-content:space-between;list-style:none;padding-inline:0}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","import { svg } from \"lit\"; export default svg`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"m21 21-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></svg>`;"],"names":["MDNSiteSearch","s","URLSearchParams","fetch","Error","location","Number","e","t","URL","globalThis","Math","n","customElements"],"mappings":"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"}

package/dist/client/9632.b317ca4ae5930b4a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"9632.b317ca4ae5930b4a.js","sources":["webpack://@mdn/fred/./components/button/server.css?64e3"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.25rem;color:var(--color-text-primary);column-gap:.3125em;cursor:pointer;display:inline-flex;font-family:var(--font-family-text);font-size:.875em;font-weight:450;justify-content:center;line-height:var(--font-line-ui);margin:0;padding:.5em;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle}.button[data-variant=primary]{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-black);color:var(--csstools-light-dark-toggle--0,var(--color-white));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-white);background-color:var(--csstools-light-dark-toggle--1,var(--color-black))}@supports (color:light-dark(red,red)){.button[data-variant=primary]{background-color:light-dark(var(--color-black),var(--color-white));color:light-dark(var(--color-white),var(--color-black))}}.button[data-variant=primary]:hover{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-gray-80);background-color:var(--csstools-light-dark-toggle--2,var(--color-gray-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary]:hover{background-color:light-dark(var(--color-gray-20),var(--color-gray-80))}}.button[data-variant=primary][data-action=positive]{color:var(--color-white);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-green-20);background-color:var(--csstools-light-dark-toggle--3,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]{background-color:light-dark(var(--color-green-50),var(--color-green-20))}}.button[data-variant=primary][data-action=positive]:hover{--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-green-50);background-color:var(--csstools-light-dark-toggle--4,var(--color-green-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]:hover{background-color:light-dark(var(--color-green-20),var(--color-green-50))}}.button[data-variant=primary][data-action=negative]{color:var(--color-white);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-red-20);background-color:var(--csstools-light-dark-toggle--5,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]{background-color:light-dark(var(--color-red-50),var(--color-red-20))}}.button[data-variant=primary][data-action=negative]:hover{--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-red-50);background-color:var(--csstools-light-dark-toggle--6,var(--color-red-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]:hover{background-color:light-dark(var(--color-red-20),var(--color-red-50))}}.button[data-variant=secondary]{border-color:currentcolor}.button[data-variant=secondary]:hover{--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle--7,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=secondary]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=secondary][data-action=positive]{--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle--8,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=secondary][data-action=positive]:hover{--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle--9,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=secondary][data-action=negative]{--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle--10,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=secondary][data-action=negative]:hover{--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle--11,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[data-variant=plain]:hover{--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle--12,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=plain]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=plain][data-action=positive]{--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle--13,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=plain][data-action=positive]:hover{--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle--14,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=plain][data-action=negative]{--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle--15,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=plain][data-action=negative]:hover{--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle--16,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[disabled]{--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) var(--color-gray-60)!important;color:var(--csstools-light-dark-toggle--17,var(--color-gray-40))!important;cursor:default;--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) var(--color-gray-20)!important;background-color:var(--csstools-light-dark-toggle--18,var(--color-gray-80))!important;border-color:#0000}@supports (color:light-dark(red,red)){.button[disabled]{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))!important;color:light-dark(var(--color-gray-40),var(--color-gray-60))!important}}.button .icon{display:flex}.button svg{height:1.25em;width:1.25em}.button .label{padding-block:.125em;padding-inline:.0625em}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":[],"mappings":"iJAGI,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,gsOAAisO,GAAG,EAE7uO,MAAe,EAAwB,QAAQ,E"}

package/dist/client/index.e36c34deca671725.js

@@ -1,251 +0,0 @@
-export const __webpack_ids__=["2980"];export const __webpack_modules__={65013:function(e,t,n){var o={"./code-example/element.js":["66178","8807","9632","3536","5759","8877","6213","8769"],"./dropdown/element.js":["18399","3892"],"./compat-table-lazy/element.js":["27907","8468","8911","1916"],"./live-sample-result/element.js":["72620","8807","2801","9632","3536","9446","8684","8877","4036"],"./observatory-tests-and-scores/element.js":["65034","5401","665"],"./play-runner/element.js":["18103","8807","9446","8684","217"],"./placement-no/element.js":["43028","1971","6125"],"./ix-tab-wrapper/element.js":["17739","3649"],"./placement-top/element.js":["61485","8807","2801","1971","6125","3895","8349","3580"],"./play-controller/element.js":["4406","9577"],"./search-button/element.js":["12233","391"],"./observatory-form/element.js":["14793","8807","9632","3536","7013","4531"],"./observatory-results/element.js":["80478","9632","3536","7345","7013","5401","5066","6681","4045","8896","5531"],"./about-tabs/element.js":["94856","7509"],"./placement-sidebar/element.js":["46907","8807","2801","1971","6125","3895","8349","8483"],"./observatory-human-duration/element.js":["32570","7345","8896"],"./placement-hp-main/element.js":["90445","8807","2801","1971","6125","3895","8349","736"],"./playground/element.js":["6067","8807","2801","8016","8551","4338","7667","5837","9130","8722","7945","9632","3536","1971","6125","3895","8349","9446","8684","1048","5293","9577","917","8483","37"],"./site-search/element.js":["6882","9632","3536","9222"],"./interactive-example/element.js":["97877","8807","8016","8551","4338","7667","5837","9130","8722","7945","8226","9632","3536","9446","8684","1048","5293","9577","5759","8877","9133","6213","3649","7731","2656"],"./copy-button/element.js":["28553","9632","3536","5759","6078"],"./observatory-comparison-table/element.js":["93305","7345","5401","5066"],"./sidebar-filter/element.js":["98903","7461"],"./issues-table/element.js":["89787","7816"],"./ix-tab-panel/element.js":["89948","9133"],"./play-editor/element.js":["74580","8016","8551","4338","7667","5837","9130","8722","7945","9446","5293"],"./scrim-inline/element.js":["37142","2801","1342"],"./survey/element.js":["2211","8807","9632","3536","2448"],"./switch/element.js":["32013","476"],"./toggle-sidebar/element.js":["37775","9632","3536","9398"],"./themed-image/element.js":["19425","2713"],"./collection-save-button/element.js":["84500","9632","3536","1971","917","1624"],"./contributor-list/element.js":["20082","533"],"./user-menu/element.js":["64504","9632","1971","8468","7898"],"./button/element.js":["50272","9632","3536","176"],"./homepage-search/element.js":["73594","1739"],"./modal/element.js":["86499","9632","3536","917"],"./color-theme/element.js":["56379","3892","6955"],"./about-team-member/element.js":["22928","2633"],"./content-feedback/element.js":["48665","9632","3536","770"],"./play-console/element.js":["4976","1048"],"./compat-table/element.js":["50757","8468","8911"],"./ix-tab/element.js":["49000","9133","7731"],"./curriculum-tabs/element.js":["87163","6339"],"./login-button/element.js":["56980","9632","3536","3981"],"./observatory-header-link/element.js":["55072","7345","6681"],"./observatory-rescan-button/element.js":["90811","9632","3536","4045"],"./progress-bar/element.js":["42678","7013"],"./placement-bottom/element.js":["68543","8807","2801","1971","6125","3895","8349","4849"],"./image-history/element.js":["31061","6656"],"./not-found/element.js":["80203","2826"],"./language-always-redirect-button/element.js":["92513","2255","1004"],"./placement-note/element.js":["83294","3895"],"./language-switcher/element.js":["36403","3892","476","2255","3769"],"./search-modal/element.js":["39187"]};function a(e){if(!n.o(o,e))return Promise.resolve().then(function(){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t});var t=o[e],a=t[0];return Promise.all(t.slice(1).map(n.e)).then(function(){return n(a)})}a.keys=()=>Object.keys(o),a.id=65013,e.exports=a},99454:function(e,t,n){e.exports=n.p+"search.5dd31cbeea7d1af9.svg"},8900:function(e,t,n){n.d(t,{W2:()=>s,Xq:()=>l,mz:()=>i,sA:()=>a,vP:()=>o,vd:()=>r});let o=d("PLAYGROUND_BASE_HOST","mdnplay.dev"),a=d("FXA_SIGNIN_URL","/users/fxa/login/authenticate/"),r=d("FXA_SIGNOUT_URL","/users/fxa/login/logout/"),s=c("GLEAN_ENABLED",!1),i=d("GLEAN_CHANNEL","dev");c("ROBOTS_GLOBAL_ALLOW",!1);let l=c("WRITER_MODE",!1);function c(e,t){try{return!!JSON.parse({FRED_WRITER_MODE:"true",FRED_LEGACY:"true"}[`FRED_${e}`]||JSON.stringify(t))}catch{return t}}function d(e,t){return({FRED_WRITER_MODE:"true",FRED_LEGACY:"true"})[`FRED_${e}`]||t}},64349:function(){let e=document.querySelector('[aria-controls="navigation__popup"]'),t=document.querySelector(".navigation");e instanceof HTMLElement&&t instanceof HTMLElement&&e.addEventListener("click",()=>{let n=("true"!==t.dataset.open).toString();t.dataset.open=n,e.setAttribute("aria-expanded",n)})},39187:function(e,t,n){n.r(t),n.d(t,{MDNSearchModal:()=>MDNSearchModal,splitQuery:()=>l});var o=n(35470),a=n(14703),r=n(69535),s=n(56276),i=n(1613);let MDNSearchModal=class MDNSearchModal extends(0,r.q)(a.oi){static styles=i.Z;static properties={_index:{state:!0},_query:{state:!0},_selected:{state:!0},_shiftFocus:{state:!0}};constructor(){super(),this._index=void 0,this._query="",this._selected=0,this._shiftFocus=!1}async _loadIndex(){this._index||(this._index=this._fetchIndex())}async _fetchIndex(){let e=await fetch(`/${this.locale}/search-index.json`),t=await e.json();return{flex:t.map(({title:e,url:t},n)=>({index:n,title:e.toLowerCase(),slugTail:t.split("/").pop()?.toLowerCase()||""})),items:t}}showModal(){this._loadIndex(),this.shadowRoot?.querySelector("dialog")?.showModal(),this.shadowRoot?.querySelector("input")?.select()}_input({target:e}){e instanceof HTMLInputElement&&(this._query=e.value)}_keydown(e){switch(e.key){case"ArrowUp":e.preventDefault(),this._select(this._selected-1);break;case"ArrowDown":e.preventDefault(),this._select(this._selected+1);break;default:return}}_getSelectedItem(){return this.shadowRoot?.querySelector("[data-selected] a")??null}_select(e){let t=(this._queryIndex.value?.length||0)+1,n=e%t;this._selected=n<0?t+e:n,setTimeout(()=>{let e=this._getSelectedItem();e instanceof HTMLElement&&e.scrollIntoView({behavior:"smooth",block:"nearest"})},0)}_submit(e){e.preventDefault();let t=this._getSelectedItem();t instanceof HTMLElement&&t.click()}_focus({target:e}){if(e instanceof HTMLElement){let t=e.closest("[data-result]");if(t instanceof HTMLElement){let e=Number.parseInt(t.dataset.result||"NaN",10);Number.isNaN(e)||(this._selected=e,this._shiftFocus=!0)}else this._shiftFocus=!1}}_globalKeydown(e){let t=e.composedPath()?.[0]||e.target;if(t instanceof HTMLElement&&(["TEXTAREA","INPUT"].includes(t.tagName)||t.isContentEditable))return;let n=globalThis.getSelection()?.toString(),o=e.key,a=e.ctrlKey||e.metaKey,r="k"===o&&a&&!e.shiftKey;("/"===o&&!a||r)&&(e.preventDefault(),this.showModal(),n&&(this._query=n))}_queryIndex=new o.iQ(this,{args:()=>[this._index,this._query],task:async([e,t])=>{if(e&&t){var n=t,o=await e;let a=n.toLowerCase().trim(),r=l(n);return o.flex.filter(({title:e})=>r.every(t=>e.includes(t))).map(({index:e,title:t,slugTail:n})=>[Number([t,n].includes(a)),e]).sort(([e],[t])=>t-e).map(([e,t])=>t).slice(0,10).map(e=>e&&(o.items||[])[e]).filter(Boolean)}}});connectedCallback(){super.connectedCallback(),this._globalKeydown=this._globalKeydown.bind(this),document.addEventListener("keydown",this._globalKeydown),this._loadIndex=this._loadIndex.bind(this),this.renderRoot.addEventListener("mouseover",this._loadIndex)}disconnectedCallback(){super.disconnectedCallback(),this.renderRoot.removeEventListener("mouseover",this._loadIndex),document.removeEventListener("keydown",this._globalKeydown)}_renderLoadingSearchIndex(){return(0,a.dy)`<progress
-      aria-label=${this.l10n`Loading search index…`}
-    ></progress>`}render(){let e=this._queryIndex.value?.length||0;return(0,a.dy)`
-      <dialog @keydown=${this._keydown} @focusin=${this._focus} closedby="any">
-        <form @submit=${this._submit}>
-          <input
-            type="text"
-            .value=${this._query}
-            autofocus
-            @input=${this._input}
-            placeholder=${this.l10n`Search`}
-            aria-label=${this.l10n`Search`}
-          />
-        </form>
-        ${this._queryIndex.render({initial:this._renderLoadingSearchIndex.bind(this),pending:this._renderLoadingSearchIndex.bind(this)})}
-        <ul>
-          ${this._queryIndex.render({complete:e=>e?.map(({title:e,url:t},n)=>(0,a.dy)`
-                  <li ?data-selected=${this._selected===n} data-result=${n}>
-                    <a href=${t}
-                      ><span class="slug"
-                        >${(0,s.H)(t,this.locale)}</span
-                      >
-                      <span class="title"
-                        >${(function(e,t){let n=l(t),o=n.map(e=>e.replaceAll(/[.*+?^${}()|[\]\\]/g,String.raw`\$&`)).map(e=>`(${e})`).join("|");return e.split(RegExp(o,"gi")).filter(Boolean).map(e=>n.includes(e.toLowerCase())?(0,a.dy)`<mark>${e}</mark>`:e)})(e,this._query)}</span
-                      ></a
-                    >
-                  </li>
-                `)})}
-          ${this._query?(0,a.dy)`<li
-                ?data-selected=${this._selected===e}
-                data-result=${e}
-              >
-                <a
-                  href=${`/${this.locale}/search?${new URLSearchParams({q:this._query})}`}
-                  ><span class="title"
-                    >${this.l10n.raw({id:"search-modal-site-search",args:{query:this._query},elements:{query:{tag:"code"}}})}</span
-                  ></a
-                >
-              </li>`:a.Ld}
-        </ul>
-      </dialog>
-    `}updated(){if(this._shiftFocus){let e=this._getSelectedItem();e instanceof HTMLElement&&e.focus()}}};function l(e){return(e=e.trim().toLowerCase()).startsWith(".")||e.endsWith(".")?e.split(/[ ,]+/):e.split(/[ ,.]+/)}customElements.define("mdn-search-modal",MDNSearchModal)},32521:function(e,t,n){n.a(e,async function(e,t){try{n(17023),n(94966),n(31952),n(47259),n(94102),n(64349),n(30872);var o=n(35090),a=n(77220);n(68325),n(28011);var r=e([o,a]);[o,a]=r.then?(await r)():r,t()}catch(e){t(e)}})},35090:function(e,t,n){n.a(e,async function(e,t){try{for(let e of document.querySelectorAll('div.code-example pre:not(.hidden):not([class*="live-sample"]):not([class*="interactive-example"])')){let{upgradePre:t}=await Promise.all([n.e("8807"),n.e("9632"),n.e("3536"),n.e("5759"),n.e("8877"),n.e("6213"),n.e("8769")]).then(n.bind(n,66178));t(e)}t()}catch(e){t(e)}},1)},68325:function(){for(let e of document.querySelectorAll("pre.css-formal-syntax")){if(!e.textContent)continue;let t=document.createElement("div");t.className="code-example";let n=e.nextElementSibling;e.replaceWith(t),t.append(e),n&&(n.remove(),t.append(n))}},31952:function(e,t,n){var o=n(68247),a=n(8900);let r=!document.cookie.split("; ").includes("moz-1st-party-data-opt-out=true")&&a.W2;o.ZP.initialize("mdn-fred",r,{enableAutoPageLoadEvents:!0,enableAutoElementClickEvents:!0,channel:a.mz})},77220:function(e,t,n){n.a(e,async function(e,t){try{for(let e of document.querySelectorAll("iframe[data-live-id]"))if(e instanceof HTMLIFrameElement){let{liveId:t,livePath:o}=e.dataset;if(t){let a={},r=[];for(let e of document.querySelectorAll(`.live-sample___${t}, .live-sample---${t}`)){let{MDNCodeExample:t,upgradePre:o}=await Promise.all([n.e("8807"),n.e("9632"),n.e("3536"),n.e("5759"),n.e("8877"),n.e("6213"),n.e("8769")]).then(n.bind(n,66178)),s=e instanceof t?e:o(e);if(s){r.push(s);let{language:e,code:t}=s;a[e]?a[e]+=t:a[e]=t}}await Promise.all([n.e("8807"),n.e("2801"),n.e("9632"),n.e("3536"),n.e("9446"),n.e("8684"),n.e("8877"),n.e("4036")]).then(n.bind(n,72620));let s=document.createElement("mdn-live-sample-result");for(let n of(s.liveId=t,s.code=a,s.srcPrefix=o,s.allow=e.allow||void 0,s.sandbox=e.sandbox.toString(),s.height=e.height,e.closest(".code-example")?.replaceWith(s),r))n.liveSample||=s}}t()}catch(e){t(e)}},1)},47259:function(e,t,n){let o=new Set;for(let e of document.querySelectorAll("*")){let t=e.tagName.toLowerCase();if(t.startsWith("mdn-")||"interactive-example"===t){let e=t.replace("mdn-","");o.has(e)||(o.add(e),n(65013)(`./${e}/element.js`).catch(t=>{console.error(`couldn't load code for <${e}>: does the element's code not match the naming schema?`,t)}))}}},94102:function(){let e=document.querySelector(".left-sidebar"),t=e?.querySelector('[aria-current="page"]');e&&t instanceof HTMLElement&&e.scrollTo({top:t.offsetTop-window.innerHeight/4})},28011:function(e,t,n){var o=n(39187);let a=document.querySelector('.a11y-menu a[href="#search"]');if(a instanceof HTMLAnchorElement){let e=document.querySelector("#search");e instanceof o.MDNSearchModal?a.addEventListener("click",t=>{let{target:n}=t;n instanceof HTMLElement&&(n.blur(),t.preventDefault()),e.showModal()}):(console.error("MDNSearchModal not found!"),a.hidden=!0)}},30872:function(){for(let e of document.querySelectorAll(".generic-toc, .reference-toc, .document-toc, .blog-toc"))e instanceof HTMLElement&&function(e){let t=[...e.querySelectorAll("a")],n=new Map;for(let e of t.reverse()){let t=document.querySelector(`[id="${decodeURIComponent(e.hash).slice(1)}"]`);if(!t)continue;let o=t.closest("section");for(;o&&o instanceof HTMLElement&&!n.has(o);)n.set(o,e),o=o.nextElementSibling}let o=new WeakMap,a=new Set,r={threshold:0},s=document.querySelector("header");s instanceof HTMLElement&&(r.rootMargin=`-${s.clientHeight}px 0px 0px 0px`);let i=new IntersectionObserver(e=>{for(let{target:t,isIntersecting:r}of e){if(!(t instanceof HTMLElement))continue;if(!a.has(t))if(!r)continue;else a.add(t);let e=n.get(t);if(!e)continue;let s=(o.get(e)??0)+(r?1:-1);e.ariaCurrent=s>0?"true":null,o.set(e,s)}},r);for(let e of n.keys())i.observe(e)}(e)},69535:function(e,t,n){n.d(t,{q:()=>m});var o=n(87987),a=n(76610),r=n(67621);let s=`# TODO Use comments, see: https://firefox-source-docs.mozilla.org/l10n/fluent/review.html#comments
-# TODO Consider using terms, see: https://firefox-source-docs.mozilla.org/l10n/fluent/review.html#terms and https://projectfluent.org/fluent/guide/references.html#message-references
-
-article-footer-last-modified = This page was last modified on <time data-l10n-name="date">{ $date }</timestamp> by <a data-l10n-name="contributors">MDN contributors</a>.
-article-footer-source-title = Folder: { $folder } (Opens in a new tab)
-
-baseline-asterisk = { $asterisk } Some parts of this feature may have varying levels of support.
-baseline-high-extra = This feature is well established and works across many devices and browser versions. It’s been available across browsers since { $date }.
-baseline-low-extra = Since { $date }, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
-baseline-not-extra = This feature is not Baseline because it does not work in some of the most widely-used browsers.
-baseline-supported-in = Supported in { $browsers }
-baseline-unsupported-in = Not widely supported in { $browsers }
-baseline-supported-and-unsupported-in = Supported in { $supported }, but not widely supported in { $unsupported }
-
-homepage-hero-title = Resources for Developers,<br> by Developers
-homepage-hero-description = Documenting <a data-l10n-name="css">CSS</a>, <a data-l10n-name="html">HTML</a>, and <a data-l10n-name="js">JavaScript</a>, since 2005.
-
-not-found-title = Page not found
-not-found-description = Sorry, the page <code data-l10n-name="url">{ $url }</code> could not be found.
-not-found-fallback-english = <strong data-l10n-name="strong">Good news:</strong> The page you requested exists in <em data-l10n-name="em">English</em>.
-not-found-fallback-search = The page you requested doesn't exist, but you could try a site search for:
-not-found-back = Go back to the home page
-
-reference-toc-header = In this article
-
-footer-mofo = Visit <a data-l10n-name="moco">Mozilla Corporation’s</a> not-for-profit parent, the <a data-l10n-name="mofo">Mozilla Foundation</a>.
-footer-copyright = Portions of this content are \xa91998–2024 by individual mozilla.org contributors. Content available under <a data-l10n-name="cc">a Creative Commons license</a>.
-
-search-modal-site-search = Site search for <em>{ $query }</em>
-
-site-search-search-stats = Found { $results } documents.
-site-search-suggestion-matches =  { $relation ->
-    [gt] more than { $matches ->
-        [one]   { $matches } match
-       *[other] { $matches } matches
-    }
-   *[eq] { $matches ->
-        [one]   { $matches } match
-       *[other] { $matches } matches
-    }
-}
-site-search-suggestions-text = Did you mean:
-
-blog-time-to-read = { $minutes ->
-    [one]   { $minutes } minute read
-   *[other] { $minutes } minutes read
-}
-blog-post-not-found = Blog post not found.
-
-blog-previous = Previous post
-blog-next = Next post
-
-Report = Report
-
-obs-title = HTTP Observatory
-obs-landing-intro = Launched in 2016, the HTTP Observatory enhances web security by analyzing compliance with best security practices. It has provided insights to over 6.9 million websites through 47 million scans.
-obs-assessment = Developed by Mozilla, the HTTP Observatory performs an in-depth assessment of a site’s HTTP headers and other key security configurations.
-obs-scanning = Its automated scanning process provides developers and website administrators with detailed, actionable feedback, focusing on identifying and addressing potential security vulnerabilities.
-obs-security = The tool is instrumental in helping developers and website administrators strengthen their sites against common security threats in a constantly advancing digital environment.
-obs-mdn = The HTTP Observatory provides effective security insights, guided by Mozilla's expertise and commitment to a safer and more secure internet and based on well-established trends and guidelines.
-
-
-compat-loading = Loading…
-
-compat-browser-version-date = { $browser } { $version } – Released { $date }
-compat-browser-version-released = Released { $date }
-
-compat-link-report-issue = Report problems with this compatibility data
-compat-link-report-issue-title = Report an issue with this compatibility data
-compat-link-report-missing-title = Report missing compatibility data
-compat-link-report-missing = Report this issue
-compat-link-source = View data on GitHub
-compat-link-source-title = File: { $filename }
-
-compat-deprecated = Deprecated
-compat-experimental = Experimental
-compat-nonstandard = Non-standard
-compat-no = No
-
-compat-support-full = Full support
-compat-support-partial = Partial support
-compat-support-no = No support
-compat-support-unknown = Support unknown
-compat-support-preview = Preview browser support
-compat-support-prefix = Implemented with the vendor prefix: { $prefix }
-compat-support-altname = Alternate name: { $altname }
-compat-support-removed = Removed in { $version } and later
-compat-support-see-impl-url = See <a data-l10n-name="impl_url">{ $label }</a>
-compat-support-flags =
-  { NUMBER($has_added) ->
-    [one] From version { $version_added }
-    *[other] {""}
-  }{ $has_last ->
-    [one] { NUMBER($has_added) ->
-          *[zero] Until { $versionLast } users
-          [one] {" "}until { $versionLast } users
-      }
-    *[zero] { NUMBER($has_added) ->
-          *[zero] Users
-          [one] {" "}users
-      }
-  }
-  {" "}must explicitly set the <code data-l10n-name="name">{ $flag_name }</code>{" "}
-  { $flag_type ->
-    *[preference] preference
-    [runtime_flag] runtime flag
-  }{ NUMBER($has_value) ->
-    [one] {" "}to <code data-l10n-name="value">{ $flag_value }</code>
-    *[other] {""}
-  }{"."}
-  { NUMBER($flag_type) ->
-    [preference] To change preferences in { $browser_name }, visit { $browser_pref_url }.
-    *[other] {""}
-  }
-
-compat-legend = Legend
-compat-legend-tip = Tip: you can click/tap on a cell for more information.
-compat-legend-yes = { compat-support-full }
-compat-legend-partial = { compat-support-partial }
-compat-legend-preview = In development. Supported in a pre-release version.
-compat-legend-no = { compat-support-no }
-compat-legend-unknown = Compatibility unknown
-compat-legend-experimental = { compat-experimental }. Expect behavior to change in the future.
-compat-legend-nonstandard = { compat-nonstandard }. Check cross-browser support before using.
-compat-legend-deprecated = { compat-deprecated }. Not for use in new websites.
-compat-legend-footnote = See implementation notes.
-compat-legend-disabled = User must explicitly enable this feature.
-compat-legend-altname = Uses a non-standard name.
-compat-legend-prefix = Requires a vendor prefix or different name for use.
-compat-legend-more = Has more compatibility info.
-
-sidebar-filter-matches = { $matches ->
-  [0] No matches
-  [1] { $matches } match
-   *[other] { $matches } matches
-}
-
-placement-note = Ad
-placement-no = Don't want to see ads?
-
-pagination-next = Next page
-pagination-prev = Previous page
-pagination-current = Current page
-pagination-goto = Go to page { $page }
-
-logout = Sign out
-login = Log in
-settings = My settings
-`,i={"en-US":s,de:`content-feedback-question = War diese \xdcbersetzung hilfreich?
-content-feedback-reason = Warum war diese \xdcbersetzung nicht hilfreich?
-content-feedback-thanks = Vielen Dank f\xfcr die R\xfcckmeldung!
-
-reference-toc-header = In diesem Artikel
-
-footer-tagline = Dein Bauplan f\xfcr ein besseres Internet.
-footer-mofo = Besuche die gemeinn\xfctzige Muttergesellschaft der <a data-l10n-name="moco">Mozilla Corporation</a>, die <a data-l10n-name="mofo">Mozilla Foundation</a>.
-footer-copyright = Teile dieses Inhalts sind \xa91998–2024 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verf\xfcgbar unter <a data-l10n-name="cc">einer Creative-Commons-Lizenz</a>.
-
-search-modal-site-search = Erweiterte Suche nach <em>{ $query }</em>
-
-site-search-search-stats = { $results } Dokumente gefunden.
-site-search-suggestion-matches =  { $relation ->
-    [gt] mehr als { $matches ->
-        [one]   { $matches } \xdcbereinstimmung
-       *[other] { $matches } \xdcbereinstimmungen
-    }
-   *[eq] { $matches ->
-        [one]   { $matches } \xdcbereinstimmung
-       *[other] { $matches } \xdcbereinstimmungen
-    }
-}
-site-search-suggestions-text = Meinten Sie:
-
-
-theme-default = Systemstandard
-
-blog-time-to-read = { $minutes ->
-    [one]   { $minutes } Minute Lesezeit
-   *[other] { $minutes } Minuten Lesezeit
-}
-blog-post-not-found = Blogartikel nicht gefunden.
-
-blog-previous = Voriger Artikel
-blog-next = N\xe4chster Artikel
-
-No = Nein
-Submit = Abschicken
-Yes = Ja
-
-Report = Report
-
-obs-title = HTTP Observatory
-obs-landing-intro = Seit 2016 verbessert HTTP Observatory die Sicherheit durch Analyse der Einhaltung bew\xe4hrter Sicherheitspraktiken. Es hat durch 47 Millionen Scans Einblicke in \xfcber 6,9 Millionen Websites geliefert.
-obs-assessment = Das von Mozilla entwickelte HTTP Observatory f\xfchrt eine umfassende Bewertung der HTTP-Header und weiterer zentraler Sicherheitskonfigurationen einer Website durch.
-obs-scanning = Der automatisierte Scan-Prozess liefert Entwicklern und Website-Administratoren detailliertes, handlungsorientiertes Feedback und konzentriert sich darauf, potenzielle Sicherheitsl\xfccken zu erkennen und zu beheben.
-obs-security = Das Tool unterst\xfctzt Entwickler und Website-Administratoren ma\xdfgeblich dabei, ihre Websites in einem sich stetig weiterentwickelnden digitalen Umfeld gegen h\xe4ufige Sicherheitsbedrohungen abzusichern.
-obs-mdn = Das HTTP Observatory bietet wirksame Sicherheitseinblicke auf Grundlage von Mozillas Expertise und Engagement f\xfcr ein sichereres Internet sowie basierend auf etablierten Trends und Richtlinien.
-`,es:`blog-toc-title = En este art\xedculo
-
-`,fr:`blog-toc-title = Dans cet article
-`,ja:`blog-toc-title = この記事では
-
-`,ko:`blog-toc-title = 목차
-`,"pt-BR":`blog-toc-title = Neste artigo
-
-`,ru:`blog-toc-title = В этой статье
-`,"zh-CN":`blog-toc-title = 在本文中
-`,"zh-TW":`blog-toc-title = 在本文中
-`},l=["i","strong","br","em"],c=["title","aria-label"];let Fluent=class Fluent{constructor(e="en-US",t=[]){this.locale=e,this.usBundle=Fluent.constructBundle(new o.Yk(e),[s]),t.length>0&&(this.bundle=Fluent.constructBundle(new o.Yk(e),[s,...t]))}static constructBundle(e,t=[]){for(let n of t){let t=e.addResource(new o.WZ(n),{allowOverrides:!0});t.length>0&&console.error(t)}return e}get(e,t,n,o){let a=this.getMessage(e,t,n);if(a)return Fluent.sanitize(a,o)}static sanitize(e,t={}){let n={};for(let e of Object.values(t))n[e.tag]=[...Object.keys(e).filter(e=>"tag"!==e),...c];let o=[...Object.values(t).map(e=>e.tag),...l],s=!0,i=a(e,{allowedAttributes:n,allowedTags:o,allowedSchemes:["http","https","mailto"],filter(e){let n=e.attrs["data-l10n-name"];if(n)for(let[o,a]of Object.entries(t[n]||{}))e.attrs[o]=a;return!!(l.includes(e.tag)||n&&Object.keys(t).includes(n)&&t[n]?.tag===e.tag)&&(s=!1,!0)}},!0);return s?i:(0,r.A)(i)}getMessage(e,t,n={},o=this.bundle,a=!1){let r,s=o?o.getMessage(e):void 0;if("qa"===this.locale)return`[${e}${t?`.${t}`:""}]`;if(!s){if(a)return;return this.getMessage(e,t,n,this.usBundle,!0)}if(t){if(!(r=s.attributes[t])){if(a)return;return this.getMessage(e,t,n,this.usBundle,!0)}}else s.value&&(r=s.value);if(!r||!o)return"";let i=[],l=o?.formatPattern(r,n,i);return i.length>0&&console.error(i),l}};let d=new Map;function u(e){if(e){if(!d.has(e)){let t=i[e],n=new Fluent(e,t?[t]:void 0);d.set(e,n)}return d.get(e)}}let m=e=>class extends e{constructor(...e){super(...e);let t=function(){let e=globalThis.__MDNServerContext?.getStore(),t=globalThis.__MDNClientContext;return e||t}();this.locale=t.locale,this.l10n=function(e){function t(t,n){if("string"==typeof t){let n=u(e)?.get(t),o=`[${t}]`,a=e=>{let t=e[0];return n||t||o};return a.toString=()=>"string"==typeof n&&n||o,a}return t[0]||""}return t.raw=function({id:t,attr:n,args:o,elements:a}){let r=u(e);return r?r.get(t,n,o,a):`[${t}]`},t}(this.locale)}}},17023:function(){globalThis.__MDNClientContext={locale:globalThis.location.pathname.split("/")[1]||"en-US"}},56276:function(e,t,n){n.d(t,{H:()=>o});function o(e,t){let n=e.replaceAll("_"," ").split("/").filter(e=>!["",t,"docs"].includes(e));return(n=n.map(e=>"API"===e?"Web APIs":e)).length>1&&"Web"===n.at(0)&&n.splice(0,1),n.length>1&&n.splice(-1,1),n.join(" / ")}},1613:function(e,t,n){n.d(t,{Z:()=>h});var o=n(14703),a=n(8081),r=n.n(a),s=n(23645),i=n.n(s),l=n(61667),c=n.n(l),d=new n.U(n(99454)),u=i()(r()),m=c()(d);u.push([e.id,`*,:after,:before{box-sizing:border-box}dialog{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:.5rem;padding:0}@media (min-width:1006.02px){dialog{margin:calc(var(--sticky-header-height) + 1rem) auto 1rem;max-height:calc(100% - var(--sticky-header-height) - 2rem);width:calc(var(--layout-content-max) + 1rem)}}@media (max-width:1006px){dialog{margin:1rem auto;max-height:calc(100% - 2rem);width:100%}}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-black-alpha-75);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--csstools-light-dark-toggle--1,var(--color-white-alpha-75))}@supports (color:light-dark(red,red)){dialog::backdrop{background-color:light-dark(var(--color-white-alpha-75),var(--color-black-alpha-75))}}progress{margin:0 auto .5rem;width:calc(100% - 2rem)}form{display:grid;font-size:var(--font-size-large);gap:.5rem;grid-template-columns:min-content 1fr;padding:1rem;place-items:center}form:before{background-color:var(--color-border-secondary);content:"";height:1em;-webkit-mask-image:url(${m});mask-image:url(${m});-webkit-mask-size:contain;mask-size:contain;width:1em}input{background-color:initial;border:none;font-size:inherit;margin:0;outline:none;padding:0;width:100%}input::placeholder{color:var(--color-text-secondary)}ul{margin:0;overflow:auto;overscroll-behavior:contain;padding:0}ul:has(li){border-top:1px solid var(--color-border-primary)}li[data-selected]{background:var(--color-background-blue);border-color:var(--color-blue-50)}li{border-inline-start:2px solid #0000;list-style-type:none}li:not([data-selected]):hover{background-color:var(--color-background-secondary)}li>*{padding:.5rem 1.5rem;width:100%}a{color:var(--color-link-normal);display:grid;-webkit-text-decoration:none;text-decoration:none}a:visited{color:var(--color-link-visited)}.title{font-size:var(--font-size-large)}.slug{color:var(--color-text-secondary);font-size:var(--font-size-small)}mark{color:var(--color-text-primary);--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-yellow-20);background-color:var(--csstools-light-dark-toggle--0,var(--color-yellow-80))}@supports (color:light-dark(red,red)){mark{background-color:light-dark(var(--color-yellow-80),var(--color-yellow-20))}}`,""]);let h=(0,o.iv)([u.toString()])}};import e from"./runtime.51020603a07b972d.js";import*as t from"./5557.247c4c4c61d91b4d.js";e.C(t);import*as n from"./7326.b1ad5a6bece08bb2.js";e.C(n);import*as o from"./index.e36c34deca671725.js";e.C(o),e(e.s=32521);
-//# sourceMappingURL=index.e36c34deca671725.js.map