@mdn/fred 1.0.0 → 1.1.0

package/out/static/client/9222.1f06b1e9f8a913f0.js

@@ -0,0 +1,98 @@
+/*! For license information please see 9222.1f06b1e9f8a913f0.js.LICENSE.txt */
+export const __webpack_ids__=["9222"];export const __webpack_modules__={176:function(e,t,s){s.d(t,{Z:()=>o});var i=s(8081),a=s.n(i),r=s(23645),n=s.n(r)()(a());n.push([e.id,"*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}",""]);let o=n.toString()},38235: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),a=s(14703),r=s(67621),n=s(69535);s(50272);var o=s(56276),l=s(15381),c=s(68784);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 d(e){return h[e.toLowerCase()]||e}let MDNSiteSearch=class MDNSiteSearch extends(0,n.q)(a.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._page=1}_searchTask=new i.iQ(this,{args:()=>[this._query,this._locales,this._page],task:async([e,t,s],{signal:i})=>{if(!e)return;let a=new URLSearchParams({q:e,page:s.toString()});for(let e of t)a.append("locale",e);let r=await fetch(`/api/v1/search?${a}`,{signal:i});if(!r.ok)throw Error(`${r.status}: ${r.statusText}`);return r.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];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,a.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=${l.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 a.Ld;let r=null,n=null,o=null,l=null;return(t>e*s&&e<i&&(o=e+1),e>1&&(r=e-1),o||null!==r)?(r&&(n=new URL(globalThis.location.href),1===r?n.searchParams.delete("page"):n.searchParams.set("page",r.toString())),o&&(l=new URL(globalThis.location.href)).searchParams.set("page",o.toString()),(0,a.dy)` <ul>
+        ${n?(0,a.dy)` <li>
+              <mdn-button variant="secondary" href=${n.toString()}
+                >${this.l10n`Previous`}</mdn-button
+              >
+            </li>`:(0,a.dy)`<li></li>`}
+        ${o?(0,a.dy)` <li>
+              <mdn-button variant="secondary" href=${l}
+                >${this.l10n`Next`}</mdn-button
+              >
+            </li>`:(0,a.dy)`<li></li>`}
+      </ul>`):a.Ld}renderSuggestions(e){return e.suggestions.length>0?(0,a.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,a.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>
+      `:a.Ld}render(){let e="en-US"===this.locale?[]:[[this.locale],["en-US"],[this.locale,"en-US"].sort()];return this._searchTask.render({pending:()=>(0,a.dy)`
+        ${this.renderInputs()}
+        <div class="site-search__searching">${this.l10n`Searching…`}</div>
+      `,complete:t=>t?(0,a.dy)`
+              ${this.renderInputs()}
+
+                ${this.renderSuggestions(t)}
+              <section class="site-search__options">
+                ${e.length>0?(0,a.dy)` <h2>${this.l10n`Language`}</h2>
+                        <ul>
+                          ${e.map(e=>{let t=1==e.length?d(e.at(0)||"en-US"):this.l10n`Both`;if(this._locales.join(",")===e.join(","))return(0,a.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,a.dy)`<li>
+                                <a href=${s.toString()}>${t}</a>
+                              </li>`}})}
+                        </ul>`:a.Ld}
+              </section>
+              <section class="site-search__results">
+                <p class="site-search__results-stats">${this.l10n.raw({id:"site-search-search-stats",args:{results:t.metadata.total.value}})}</p>
+              <ul class="site-search-results">
+                ${t.documents.map(e=>(0,a.dy)`<li class="site-search-results__item">
+                      <article>
+                        <p class="site-search-results__path">
+                          ${(0,o.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,r.A)(e.highlight.title[0]):e.title}
+                            ${e.locale.toLowerCase()===this.locale.toLowerCase()?a.Ld:(0,a.dy)`<sup
+                                  class="site-search-results__locale-indicator"
+                                  >${d(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,r.A)(e)):e.summary}
+                        </p>
+                      </article>
+                    </li>`)}
+                </ul>
+                </section>
+                </section>
+                <nav class="site-search__results-pagination">
+                  ${this.renderPagination(t.metadata.page,t.metadata.total.value,t.metadata.size)}
+                </nav>
+              </section>
+            `:(0,a.dy)`${this.renderInputs()}`,error:e=>(0,a.dy)`Error: ${e}`})}};customElements.define("mdn-site-search",MDNSiteSearch)},13566:function(e,t,s){s.d(t,{o:()=>a});var i=s(32529);let a=e=>e??i.Ld},68784:function(e,t,s){s.d(t,{Z:()=>_});var i=s(14703),a=s(8081),r=s.n(a),n=s(23645),o=s.n(n),l=s(176),c=s(61667),h=s.n(c),d=new s.U(s(38235)),u=o()(r());u.i(l.Z);var g=h()(d);u.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{--color-highlight-background:var(--color-background-yellow)}.site-search__options{align-items:baseline;display:flex;flex-direction:row;gap:.25rem}@media (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:var(--font-weight-bold)}.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 (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:var(--font-weight-normal)}.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(${g});mask-image:url(${g});-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:var(--font-weight-normal);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 _=(0,i.iv)([u.toString()])},15381:function(e,t,s){s.d(t,{Z:()=>a});var i=s(14703);let a=(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.1f06b1e9f8a913f0.js.map

package/out/static/client/9222.1f06b1e9f8a913f0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"9222.1f06b1e9f8a913f0.js","sources":["webpack://@mdn/fred/./components/global/global.css?2974","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":["// 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, `*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","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    this._page = 1;\n  }\n\n  _searchTask = new Task(this, {\n    args: () => [this._query, this._locales, this._page],\n    task: async ([query, locales, page], { signal }) => {\n      if (!query) {\n        return;\n      }\n\n      const params = new URLSearchParams({\n        q: query,\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\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    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              </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_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../global/global.css\";\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___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\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{--color-highlight-background:var(--color-background-yellow)}.site-search__options{align-items:baseline;display:flex;flex-direction:row;gap:.25rem}@media (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:var(--font-weight-bold)}.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 (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:var(--font-weight-normal)}.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:var(--font-weight-normal);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","URLSearchParams","r","fetch","Error","location","Number","e","t","URL","globalThis","Math","customElements"],"mappings":"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"}

package/out/static/client/index.3be656a3f89a8ddb.js

@@ -0,0 +1,257 @@
+/*! For license information please see index.3be656a3f89a8ddb.js.LICENSE.txt */
+export const __webpack_ids__=["2980"];export const __webpack_modules__={65013:function(e,t,n){var o={"./code-example/element.js":["66178","8807","3536","5500","5759","6213","8769"],"./dropdown/element.js":["18399","3892"],"./live-sample-result/element.js":["72620","8807","2801","3536","9446","8684","5500","4765"],"./observatory-tests-and-scores/element.js":["65034","665"],"./play-runner/element.js":["18103","8807","9446","8684","189"],"./search-button/element.js":["12233","391"],"./survey/element.js":["2211","8807","3536","2448"],"./ix-tab-wrapper/element.js":["17739","3649"],"./placement-sidebar/element.js":["46907","8807","2801","6125","3895","8349","8483"],"./placement-hp-main/element.js":["90445","8807","2801","6125","3895","8349","736"],"./toggle-sidebar/element.js":["37775","3536","9398"],"./user-menu/element.js":["1260","3536","2074","268"],"./interactive-example/element.js":["97877","8807","8016","8551","4338","7667","5837","9130","8722","7945","5353","3536","9446","8684","1048","5293","5500","9577","5759","9133","6213","3649","7731","2656"],"./copy-button/element.js":["28553","3536","5759","6078"],"./observatory-comparison-table/element.js":["93305","8169","5066"],"./sidebar-filter/element.js":["98903","7461"],"./issues-table/element.js":["89787","7816"],"./scrim-inline/element.js":["37142","2801","1342"],"./switch/element.js":["32013","476"],"./collection-save-button/element.js":["84500","3536","917","1624"],"./contributor-list/element.js":["20082","533"],"./button/element.js":["50272","3536","176"],"./homepage-search/element.js":["73594","1739"],"./modal/element.js":["86499","3536","917"],"./color-theme/element.js":["56379","3892","6955"],"./about-team-member/element.js":["22928","2633"],"./content-feedback/element.js":["48665","3536","770"],"./play-console/element.js":["4976","1048"],"./ix-tab/element.js":["49000","9133","7731"],"./observatory-header-link/element.js":["55072","8169","6681"],"./curriculum-tabs/element.js":["87163","6339"],"./placement-bottom/element.js":["68543","8807","2801","6125","3895","8349","4849"],"./image-history/element.js":["31061","6656"],"./not-found/element.js":["60884","5093","1589"],"./placement-note/element.js":["83294","3895"],"./compat-table-lazy/element.js":["27907","2074","8911","1916"],"./site-search/element.js":["6882","3536","9222"],"./placement-no/element.js":["43028","6125"],"./play-controller/element.js":["4406","9577"],"./placement-top/element.js":["61485","8807","2801","6125","3895","8349","3580"],"./observatory-form/element.js":["14793","8807","3536","7013","4531"],"./observatory-results/element.js":["59011","3536","8169","7013","5066","4045","6681","8896","642"],"./about-tabs/element.js":["94856","7509"],"./observatory-human-duration/element.js":["32570","8169","8896"],"./playground/element.js":["6067","8807","8016","8551","4338","7667","5837","9130","8722","7945","3536","9446","8684","1048","5293","9577","917","8431"],"./ix-tab-panel/element.js":["89948","9133"],"./play-editor/element.js":["74580","8016","8551","4338","7667","5837","9130","8722","7945","9446","5293"],"./themed-image/element.js":["19425","2713"],"./writer-open-editor/element.js":["91186","3536","833"],"./progress-bar/element.js":["42678","7013"],"./compat-table/element.js":["50757","2074","8911"],"./login-button/element.js":["56980","3536","3981"],"./observatory-rescan-button/element.js":["90811","3536","4045","1519"],"./language-always-redirect-button/element.js":["92513","2255","1004"],"./language-switcher/element.js":["36403","3892","476","5093","2255","3769"],"./search-modal/element.js":["39187"],"./writer-reload/element.js":["52084","1042"]};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},1536:function(e,t,n){e.exports=n.p+"search.5dd31cbeea7d1af9.svg"},8900:function(e,t,n){n.d(t,{AJ:()=>u,W2:()=>i,Xq:()=>d,ZM:()=>c,_v:()=>m,aG:()=>a,mz:()=>l,sA:()=>r,vP:()=>o,vd:()=>s});let o=h("PLAYGROUND_BASE_HOST","mdnplay.dev"),a=p("PLAYGROUND_LOCAL",!1),r=h("FXA_SIGNIN_URL","/users/fxa/login/authenticate/"),s=h("FXA_SIGNOUT_URL","/users/fxa/login/logout/"),i=p("GLEAN_ENABLED",!1),l=h("GLEAN_CHANNEL","dev"),c=p("GLEAN_DEBUG",!1);p("ROBOTS_GLOBAL_ALLOW",!0);let d=p("WRITER_MODE",!1),u=h("BCD_BASE_URL","https://bcd.developer.mozilla.org"),m=h("OBSERVATORY_API_URL","https://observatory-api.mdn.mozilla.net");function p(e,t){try{return!!JSON.parse({FRED_PLAYGROUND_LOCAL:"false",FRED_WRITER_MODE:"true",FRED_LEGACY:"true"}[`FRED_${e}`]||JSON.stringify(t))}catch{return t}}function h(e,t){return({FRED_PLAYGROUND_LOCAL:"false",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:()=>c});var o=n(35470),a=n(14703),r=n(69535),s=n(56276),i=n(34071),l=n(19910);let MDNSearchModal=class MDNSearchModal extends(0,r.q)(a.oi){static styles=l.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;case"Enter":{let{ctrlKey:t,shiftKey:n,altKey:o,metaKey:a}=e,r=this._getSelectedItem();r instanceof HTMLElement&&(e.preventDefault(),r.dispatchEvent(new MouseEvent("click",{bubbles:!0,ctrlKey:t,shiftKey:n,altKey:o,metaKey:a})));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=c(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)}}});_close(){this.shadowRoot?.querySelector("dialog")?.close()}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>
+        <mdn-button
+          class="close"
+          variant="plain"
+          icon-only
+          .icon=${i.Z}
+          @click=${this._close}
+          >${this.l10n`Exit search`}</mdn-button
+        >
+        ${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=c(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 c(e){return(e=e.trim().toLowerCase()).startsWith(".")||e.endsWith(".")?e.split(/[ ,]+/):e.split(/[ ,.]+/)}customElements.define("mdn-search-modal",MDNSearchModal)},13117:function(e,t,n){let o;n.d(t,{s:()=>i});var a=n(8900);let r={country:"United States",country_iso:"US"},s={username:null,isAuthenticated:!1,avatarUrl:null,isSubscriber:!1,subscriptionType:null,email:null,geo:r,settings:null};function i(){return a.Xq?new Promise(()=>{}):(o||(o=l().catch(e=>(console.error(e),s))),o)}async function l(){let e=await fetch("/api/v1/whoami");if(!e.ok)throw Error(e.statusText);try{let t=await e.json(),n=t?.settings?{aiHelpHistory:"boolean"==typeof t.settings?.ai_help_history?t.settings.ai_help_history:null,noAds:t.settings?.no_ads??null}:s.settings;return c.noAds=n?.noAds||!1,{username:t.username??s.username,isAuthenticated:t.is_authenticated??s.isAuthenticated,avatarUrl:t.avatar_url??s.avatarUrl,isSubscriber:t.is_subscriber??s.isSubscriber,subscriptionType:"core"===t.subscription_type?"mdn_core":t.subscription_type??s.subscriptionType,email:t.email??s.email,geo:{country:(t.geo&&t.geo.country)??r.country,country_iso:(t.geo&&t.geo.country_iso)??r.country_iso},settings:n}}catch{throw Error(e.statusText)}}let c={set noAds(value){value?globalThis.localStorage.setItem("nop","yes"):globalThis.localStorage.removeItem("nop")},get noAds(){return globalThis.localStorage?.getItem?.("nop")==="yes"}}},32521:function(e,t,n){n.a(e,async function(e,t){try{n(17023),n(94966),n(31952),n(13536),n(47259),n(94102),n(64349),n(30872);var o=n(35090),a=n(77220);n(28011);var r=n(98028),s=e([o,a,r]);[o,a,r]=s.then?(await s)():s,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("3536"),n.e("5500"),n.e("5759"),n.e("6213"),n.e("8769")]).then(n.bind(n,66178));t(e)}t()}catch(e){t(e)}},1)},13536:function(){"closedBy"in HTMLDialogElement.prototype||addEventListener("click",e=>{let t=e.composedPath()[0];if(t instanceof HTMLDialogElement&&"any"===t.getAttribute("closedby")){let n=t.getBoundingClientRect(),{clientX:o,clientY:a}=e;n.top<=a&&a<=n.bottom&&n.left<=o&&o<=n.right||t.close()}})},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;a.ZM&&(o.ZP.setDebugViewTag("mdn-dev"),o.ZP.setLogPings(!0)),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("3536"),n.e("5500"),n.e("5759"),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("3536"),n.e("9446"),n.e("8684"),n.e("5500"),n.e("4765")]).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)},98028:function(e,t,n){n.a(e,async function(e,t){try{var o=n(13117);try{let e=await (0,o.s)(),t=new Date(localStorage.getItem("next-ping")||0);if(navigator.sendBeacon&&e.isAuthenticated&&t<new Date){let e=new URLSearchParams;navigator.sendBeacon("/api/v1/ping",e);let t=new Date;t.setUTCDate(t.getUTCDate()+1),t.setUTCHours(0),t.setUTCMinutes(0),t.setUTCSeconds(0),t.setUTCMilliseconds(0),localStorage.setItem("next-ping",t.toISOString())}}catch(e){console.error("Failed to send ping",e)}t()}catch(e){t(e)}},1)},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 }</time> by <a data-l10n-name="contributors">MDN contributors</a>.
+article-footer-source-title = Folder: { $folder } (Opens in a new tab)
+
+baseline-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–{ $year } 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
+
+-brand-name-obs = HTTP Observatory
+obs-report = Report
+obs-title = { -brand-name-obs }
+obs-landing-intro = Launched in 2016, the { -brand-name-obs } 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 { -brand-name-obs } 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 { -brand-name-obs } 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] {""}
+  }{"."}
+  { $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.
+
+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
+
+example-play-button-label = Play
+example-play-button-title = Run example in MDN Playground (opens in new tab)
+`,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–{ $year } 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
+
+obs-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(" / ")}},19910:function(e,t,n){n.d(t,{Z:()=>p});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(1536)),u=i()(r()),m=c()(d);u.push([e.id,`*,:after,:before{box-sizing:border-box}dialog{border:0;padding:0}@media (width > 1006px){dialog{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:.5rem;font-size:var(--font-size-large);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)}dialog::backdrop{--csstools-light-dark-toggle-dee8eb9e-0: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-dee8eb9e-0,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))}}}@media (width <= 1006px){dialog{font-size:var(--font-size-normal);height:100%;margin:0;max-height:100%;max-width:100%;width:100%}}dialog[open]{display:grid;grid-template-areas:"search   close" "progress progress" "results  results";grid-template-columns:1fr min-content;grid-template-rows:var(--navigation-height) min-content min-content}progress{grid-area:progress;margin:0 1rem .5rem}@media (width <= 1006px){progress{margin-inline:.3rem}}.close{font-size:1.37rem;grid-area:close}@media (width > 1006px){.close{display:none}}form{display:grid;gap:.5rem;grid-area:search;grid-template-columns:min-content 1fr;padding:1rem;place-items:center}@media (width <= 1006px){form{align-self:center;background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:.5rem;margin-left:.3rem;padding:.5rem}}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{grid-area:results;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)}.slug{color:var(--color-text-secondary);font-size:var(--font-size-small)}mark{background-color:var(--color-background-yellow);color:var(--color-text-primary)}`,""]);let p=(0,o.iv)([u.toString()])},34071:function(e,t,n){n.d(t,{Z:()=>a});var o=n(14703);let a=(0,o.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="M18 6 6 18M6 6l12 12"/></svg>`}};import e from"./runtime.4c0894f761078f20.js";import*as t from"./5557.06f981ae72c79eea.js";e.C(t);import*as n from"./7326.9d0d137e939223ba.js";e.C(n);import*as o from"./index.3be656a3f89a8ddb.js";e.C(o),e(e.s=32521);
+//# sourceMappingURL=index.3be656a3f89a8ddb.js.map