@mdn/fred 2.4.3 → 2.5.0

package/out/static/client/9324.61778c81f15bcebc.js

@@ -0,0 +1,26 @@
+export const __rspack_esm_id="9324";export const __rspack_esm_ids=["9324"];export const __webpack_modules__={27376(e,t,i){i.d(t,{A:()=>g});var r=i(97825),l=i(31601),n=i.n(l),s=i(76314),o=i.n(s),a=i(67168),h=i(39807),d=i(4417),c=i.n(d),p=new i.U(i(36956)),u=o()(n());u.i(a.A),u.i(h.A);var f=c()(p);u.push([e.id,`:host{align-items:center;display:grid;grid-template-areas:"icon input button";grid-template-columns:2.2rem 1fr min-content}.icon{background-color:var(--color-text-secondary);content:"";grid-area:icon;height:1.25rem;justify-self:center;margin-left:.4rem;-webkit-mask-image:url(${f});mask-image:url(${f});-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.input{background-color:initial;border:1px solid var(--color-border-primary);border-radius:var(--radius-full);grid-area:1/1/-1/-1;margin:0;padding:.3rem 4.2rem .3rem 2.2rem;width:100%}.input::placeholder{color:var(--color-text-secondary)}.input:focus{border-color:#0000}.counter{background-color:var(--color-background-yellow);border-radius:var(--radius-normal);font-size:var(--font-size-small);grid-area:input;justify-self:end;line-height:var(--font-line-ui);padding:.25rem;white-space:nowrap}.button{grid-area:button}.button::part(button){border-radius:50%}.button::part(button):hover{background-color:initial}:placeholder-shown~.button{visibility:hidden}`,""]);let g=(0,r.AH)([u.toString()])},39807(e,t,i){i.d(t,{A:()=>o});var r=i(31601),l=i.n(r),n=i(76314),s=i.n(n)()(l());s.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=s.toString()},67168(e,t,i){i.d(t,{A:()=>o});var r=i(31601),l=i.n(r),n=i(76314),s=i.n(n)()(l());s.push([e.id,".visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}",""]);let o=s.toString()},36956(e,t,i){e.exports=i.p+"filter.b77a4ccbfb57e2ef.svg"},83703(e,t,i){var r=i(97825),l=i(70693),n=i(10336),s=i(27376);let SidebarFilterer=class SidebarFilterer{constructor(e){this.allHeadings=[...e.querySelectorAll("li strong")].filter(e=>e instanceof HTMLElement),this.allParents=[...e.querySelectorAll("details")];let t=[...e.querySelectorAll("a[href]")].filter(e=>e instanceof HTMLAnchorElement);this.items=t.map(e=>({haystack:(e.textContent||"").toLowerCase(),link:e,container:this.getContainerOf(e),heading:this.getHeadingOf(e),parents:this.getParentsOf(e)})),this.toc=e.querySelector(".reference-toc")||null}applyFilter(e){if(e)return this.toggleTOC(!1),this.showOnlyMatchingItems(e);this.toggleTOC(!0),this.showAllItems()}toggleTOC(e){this.toc&&this.toggleElement(this.toc,e)}toggleElement(e,t){e.style.display=t?"":"none"}showAllItems(){for(let{link:e}of this.items)this.resetLink(e);for(let e of this.allHeadings)this.resetHeading(e);for(let e of this.allParents)this.resetParent(e)}resetLink(e){this.resetHighlighting(e);let t=this.getContainerOf(e);this.toggleElement(t,!0)}getContainerOf(e){return e.closest("li")||e}resetHeading(e){let t=this.getContainerOf(e);this.toggleElement(t,!0)}resetParent(e){let t=this.getContainerOf(e);this.toggleElement(t,!0),e.dataset.wasOpen&&(e.open=JSON.parse(e.dataset.wasOpen),delete e.dataset.wasOpen)}resetHighlighting(e){let t=[...e.querySelectorAll("span.sidebar-filter-mark-container, mark")],i=new Set;for(let e of t){let t=e.parentElement;e.replaceWith(document.createTextNode(e.textContent||"")),t&&i.add(t)}for(let e of i)e.normalize()}showOnlyMatchingItems(e){for(let e of this.allHeadings)this.hideHeading(e);for(let e of this.allParents)this.collapseParent(e);let t=e.toLowerCase().split(/\s+/).filter(Boolean),i=0;for(let{haystack:e,link:r,container:l,heading:n,parents:s}of this.items){this.resetHighlighting(r);let o=t.every(t=>e.includes(t));if(this.toggleElement(l,o),o)for(let e of(i++,this.highlightMatches(r,t),n&&this.showHeading(n),s))this.expandParent(e)}return i}hideHeading(e){let t=this.getContainerOf(e);this.toggleElement(t,!1)}collapseParent(e){let t=this.getContainerOf(e);this.toggleElement(t,!1),e.dataset.wasOpen=e.dataset.wasOpen||String(e.open),e.open=!1}highlightMatches(e,t){for(let i of this.getTextNodesOf(e)){let e=i.textContent?.toLowerCase();if(!e)continue;let r=new Map;for(let i of t){let t=e.indexOf(i);-1!==t&&r.set(t,t+i.length)}let l=[...r.entries()].sort(([e,t],[i,r])=>e-i||t-r),n=this.replaceChildNode(i,"span");n.className="sidebar-filter-mark-container";let s=[...n.childNodes].find(e=>e instanceof Text);if(!s)continue;let o=s,a=0;for(let[e,t]of l){if(e<a)continue;let i=o.splitText(e-a),r=i.splitText(t-e);this.replaceChildNode(i,"mark"),o=r,a=t}}}getTextNodesOf(e){let t=[e],i=[];for(let e of t)for(let r of e.childNodes)r.nodeType===Node.TEXT_NODE?i.push(r):r.hasChildNodes&&r.hasChildNodes()&&t.push(r);return i}replaceChildNode(e,t){let i=e.textContent,r=document.createElement(t);return r.textContent=i||"",e.replaceWith(r),r}showHeading(e){let t=e&&this.getContainerOf(e);t&&this.toggleElement(t,!0)}getHeadingOf(e){return this.findFirstElementBefore(e,this.allHeadings)}findFirstElementBefore(e,t){return[...t].reverse().find(t=>t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING)}expandParent(e){let t=this.getContainerOf(e);this.toggleElement(t,!0),e.open=!0}getParentsOf(e){let t=[],i=e.parentElement?e.parentElement.closest("details"):null;for(;i;)t.push(i),i=i.parentElement?i.parentElement.closest("details"):null;return t}};let MDNSidebarFilter=class MDNSidebarFilter extends(0,l.J)(r.WF){static styles=s.A;static properties={query:{type:String},matchCount:{state:!0,type:Number}};constructor(){super(),this.query="",this.matchCount=void 0,this.hasTyped=!1,this._filterer=null,this._quicklinks=null,this._sidebarInnerNav=null}firstUpdated(){this._quicklinks=document.querySelector(".left-sidebar"),this._quicklinks&&(this._sidebarInnerNav=this._quicklinks.querySelector(".left-sidebar__content")||null)}_saveScrollPosition(){for(let e of[this._quicklinks,this._sidebarInnerNav])e&&void 0===e.dataset.lastScrollTop&&e.scrollTop>0&&(e.dataset.lastScrollTop=String(e.scrollTop),e.scrollTop=0)}_restoreScrollPosition(){for(let e of[this._quicklinks,this._sidebarInnerNav])e&&"string"==typeof e.dataset.lastScrollTop&&(e.scrollTop=Number(e.dataset.lastScrollTop),delete e.dataset.lastScrollTop)}updated(e){if(e.has("query")&&(this.query&&this.query.trim().length>0&&!this.hasTyped&&(this.hasTyped=!0),this._quicklinks)){if(!this._filterer){let e=this._quicklinks.querySelector(".left-sidebar__content");e instanceof HTMLElement&&(this._filterer=new SidebarFilterer(e))}let e=this.query.trim();if(e&&this._saveScrollPosition(),this._filterer){let t=this._filterer.applyFilter(e);this.matchCount=t}e||this._restoreScrollPosition()}}_onInput(e){let t=e.target;this.query=t.value}_clearFilter(){this.query=""}render(){return(0,r.qy)`
+      <label class="icon" for="input">
+        <span class="visually-hidden"
+          >${this.l10n("sidebar-filter-filter-sidebar")`Filter sidebar`}</span
+        >
+      </label>
+      <input
+        id="input"
+        autocomplete="off"
+        class="input"
+        type="text"
+        placeholder=${this.l10n("sidebar-filter-filter")`Filter`}
+        .value=${this.query}
+        @input=${this._onInput}
+      />
+      ${void 0===this.matchCount?"":(0,r.qy)` <span class="counter"> ${this.matchCount} </span> `}
+      <mdn-button
+        class="button"
+        variant="plain"
+        label=${this.l10n("sidebar-filter-clear-filter-input")`Clear filter input`}
+        .icon=${n.A}
+        icon-only
+        @click=${this._clearFilter}
+      ></mdn-button>
+    `}};customElements.define("mdn-sidebar-filter",MDNSidebarFilter)}};
+//# sourceMappingURL=9324.61778c81f15bcebc.js.map

package/out/static/client/9324.61778c81f15bcebc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"9324.61778c81f15bcebc.js","sources":["webpack://@mdn/fred/./components/sidebar-filter/element.css","webpack://@mdn/fred/./components/global/global.css?1b68","webpack://@mdn/fred/./components/visually-hidden/global.css?228a","webpack://@mdn/fred/./components/sidebar-filter/sidebar-filterer.js","webpack://@mdn/fred/./components/sidebar-filter/element.js"],"sourcesContent":["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]!../visually-hidden/global.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_1___ 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/filter.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___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\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{align-items:center;display:grid;grid-template-areas:\"icon input button\";grid-template-columns:2.2rem 1fr min-content}.icon{background-color:var(--color-text-secondary);content:\"\";grid-area:icon;height:1.25rem;justify-self:center;margin-left:.4rem;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.input{background-color:initial;border:1px solid var(--color-border-primary);border-radius:var(--radius-full);grid-area:1/1/-1/-1;margin:0;padding:.3rem 4.2rem .3rem 2.2rem;width:100%}.input::placeholder{color:var(--color-text-secondary)}.input:focus{border-color:#0000}.counter{background-color:var(--color-background-yellow);border-radius:var(--radius-normal);font-size:var(--font-size-small);grid-area:input;justify-self:end;line-height:var(--font-line-ui);padding:.25rem;white-space:nowrap}.button{grid-area:button}.button::part(button){border-radius:50%}.button::part(button):hover{background-color:initial}:placeholder-shown~.button{visibility:hidden}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\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\";\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","// 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, `.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","/**\n * Splits a search query into an array of lowercase terms.\n * @param {string} query The input search query.\n * @returns {string[]} The resulting array of query terms.\n */\nfunction splitQuery(query) {\n  return query.toLowerCase().split(/\\s+/).filter(Boolean);\n}\n\n/**\n * @typedef {object} Item\n * @property {string} haystack - The lowercased text for matching.\n * @property {HTMLAnchorElement} link - The anchor element.\n * @property {HTMLElement} container - The container (closest 'li' element).\n * @property {HTMLElement|undefined} heading - The heading element (if any).\n * @property {HTMLDetailsElement[]} parents - The parent details elements.\n */\n\n/**\n * A class to filter sidebar items based on search queries.\n */\nexport class SidebarFilterer {\n  /**\n   * @param {HTMLElement} root The root element to search within.\n   */\n  constructor(root) {\n    /**\n     * @type {HTMLElement[]}\n     */\n    this.allHeadings = [...root.querySelectorAll(\"li strong\")].filter(\n      (el) => el instanceof HTMLElement,\n    );\n\n    /**\n     * @type {HTMLDetailsElement[]}\n     */\n    this.allParents = [...root.querySelectorAll(\"details\")];\n\n    const links = [...root.querySelectorAll(\"a[href]\")].filter(\n      (a) => a instanceof HTMLAnchorElement,\n    );\n\n    /**\n     * @type {Item[]}\n     */\n    this.items = links.map((link) => ({\n      haystack: (link.textContent || \"\").toLowerCase(),\n      link,\n      container: this.getContainerOf(link),\n      heading: this.getHeadingOf(link),\n      parents: this.getParentsOf(link),\n    }));\n\n    /**\n     * @type {HTMLElement|null}\n     */\n    this.toc = root.querySelector(\".reference-toc\") || null;\n  }\n\n  /**\n   * Applies a filter to the sidebar items.\n   * @param {string} query The filter query.\n   * @returns {number|undefined} The number of matching items if a query is provided; otherwise undefined.\n   */\n  applyFilter(query) {\n    if (query) {\n      this.toggleTOC(false);\n      return this.showOnlyMatchingItems(query);\n    } else {\n      this.toggleTOC(true);\n      this.showAllItems();\n      return;\n    }\n  }\n\n  /**\n   * Toggles the TOC (table of contents) element's visibility.\n   * @private\n   * @param {boolean} show Whether to show the TOC.\n   */\n  toggleTOC(show) {\n    if (this.toc) {\n      this.toggleElement(this.toc, show);\n    }\n  }\n\n  /**\n   * Toggles the display style of an element.\n   * @private\n   * @param {HTMLElement} el The element to toggle.\n   * @param {boolean} show Whether to show (true) or hide (false) the element.\n   */\n  toggleElement(el, show) {\n    el.style.display = show ? \"\" : \"none\";\n  }\n\n  /**\n   * Resets and shows all sidebar items.\n   */\n  showAllItems() {\n    for (const { link } of this.items) this.resetLink(link);\n    for (const heading of this.allHeadings) this.resetHeading(heading);\n    for (const parent of this.allParents) this.resetParent(parent);\n  }\n\n  /**\n   * Resets a link by removing any highlighting and ensuring its container is visible.\n   * @private\n   * @param {HTMLAnchorElement} link The link to reset.\n   */\n  resetLink(link) {\n    this.resetHighlighting(link);\n    const container = this.getContainerOf(link);\n    this.toggleElement(container, true);\n  }\n\n  /**\n   * Returns the container element (the closest \"li\") for the provided element.\n   * @private\n   * @param {HTMLElement} el The element to find the container for.\n   * @returns {HTMLElement} The container element.\n   */\n  getContainerOf(el) {\n    return el.closest(\"li\") || el;\n  }\n\n  /**\n   * Resets a heading by ensuring its container is visible.\n   * @private\n   * @param {HTMLElement} heading The heading element to reset.\n   */\n  resetHeading(heading) {\n    const container = this.getContainerOf(heading);\n    this.toggleElement(container, true);\n  }\n\n  /**\n   * Resets a parent details element by showing its container and restoring its open state.\n   * @private\n   * @param {HTMLDetailsElement} parent The details element to reset.\n   */\n  resetParent(parent) {\n    const container = this.getContainerOf(parent);\n    this.toggleElement(container, true);\n    if (parent.dataset.wasOpen) {\n      parent.open = JSON.parse(parent.dataset.wasOpen);\n      delete parent.dataset.wasOpen;\n    }\n  }\n\n  /**\n   * Removes highlighting from the given link element.\n   * @private\n   * @param {HTMLAnchorElement} link The link element to reset.\n   */\n  resetHighlighting(link) {\n    const nodes = [\n      ...link.querySelectorAll(\"span.sidebar-filter-mark-container, mark\"),\n    ];\n    const parents = new Set();\n    for (const node of nodes) {\n      const parent = node.parentElement;\n      node.replaceWith(document.createTextNode(node.textContent || \"\"));\n      if (parent) {\n        parents.add(parent);\n      }\n    }\n    for (const parent of parents) parent.normalize();\n  }\n\n  /**\n   * Shows only the items that match the provided query.\n   * @param {string} query The search query.\n   * @returns {number} The count of matching items.\n   */\n  showOnlyMatchingItems(query) {\n    for (const heading of this.allHeadings) this.hideHeading(heading);\n    for (const parent of this.allParents) this.collapseParent(parent);\n\n    // Split the query into search terms.\n    const terms = splitQuery(query);\n    let matchCount = 0;\n\n    // Evaluate each item.\n    for (const { haystack, link, container, heading, parents } of this.items) {\n      this.resetHighlighting(link);\n      const isMatch = terms.every((needle) => haystack.includes(needle));\n\n      this.toggleElement(container, isMatch);\n\n      if (isMatch) {\n        matchCount++;\n        this.highlightMatches(link, terms);\n        if (heading) {\n          this.showHeading(heading);\n        }\n        for (const parent of parents) {\n          this.expandParent(parent);\n        }\n      }\n    }\n\n    return matchCount;\n  }\n\n  /**\n   * Hides a heading element by toggling its container.\n   * @private\n   * @param {HTMLElement} heading The heading element to hide.\n   */\n  hideHeading(heading) {\n    const container = this.getContainerOf(heading);\n    this.toggleElement(container, false);\n  }\n\n  /**\n   * Collapses a parent details element and hides its container.\n   * @private\n   * @param {HTMLDetailsElement} parent The details element to collapse.\n   */\n  collapseParent(parent) {\n    const container = this.getContainerOf(parent);\n    this.toggleElement(container, false);\n    parent.dataset.wasOpen = parent.dataset.wasOpen || String(parent.open);\n    parent.open = false;\n  }\n\n  /**\n   * Highlights matching terms within an element by wrapping them with a <mark> element.\n   * @private\n   * @param {HTMLElement} el The element to highlight.\n   * @param {string[]} terms The search terms.\n   */\n  highlightMatches(el, terms) {\n    const nodes = this.getTextNodesOf(el);\n\n    for (const node of nodes) {\n      const haystack = node.textContent?.toLowerCase();\n      if (!haystack) {\n        continue;\n      }\n\n      const ranges = new Map();\n      for (const needle of terms) {\n        const index = haystack.indexOf(needle);\n        if (index !== -1) {\n          ranges.set(index, index + needle.length);\n        }\n      }\n      const sortedRanges = [...ranges.entries()].sort(\n        ([x1, y1], [x2, y2]) => x1 - x2 || y1 - y2,\n      );\n\n      const span = this.replaceChildNode(node, \"span\");\n      span.className = \"sidebar-filter-mark-container\";\n\n      /** @type {Text|undefined} */\n      const initialRest = [...span.childNodes].find(\n        (node) => node instanceof Text,\n      );\n\n      if (!initialRest) {\n        continue;\n      }\n\n      /** @type {Text} */\n      let rest = initialRest;\n      let cursor = 0;\n\n      for (const [rangeBegin, rangeEnd] of sortedRanges) {\n        if (rangeBegin < cursor) {\n          // Ignore overlapping or conflicting ranges.\n          continue;\n        }\n\n        // Split the text node to isolate the matching segment.\n        const match = rest.splitText(rangeBegin - cursor);\n        const newRest = match.splitText(rangeEnd - rangeBegin);\n\n        // Replace the matching text node with a <mark> element.\n        this.replaceChildNode(match, \"mark\");\n\n        rest = newRest;\n        cursor = rangeEnd;\n      }\n    }\n  }\n\n  /**\n   * Recursively collects all text nodes under a given node.\n   * @private\n   * @param {Node} node The node to search within.\n   * @returns {Array<Node & Text>} An array of text nodes.\n   */\n  getTextNodesOf(node) {\n    const parents = [node];\n    /** @type {Array<Node & Text>} */\n    const nodes = [];\n\n    for (const parent of parents) {\n      for (const childNode of parent.childNodes) {\n        if (childNode.nodeType === Node.TEXT_NODE) {\n          // @ts-expect-error TypeScript doesn't understand that Node.TEXT_NODE implies Node & Text.\n          nodes.push(childNode);\n        } else if (childNode.hasChildNodes && childNode.hasChildNodes()) {\n          parents.push(childNode);\n        }\n      }\n    }\n    return nodes;\n  }\n\n  /**\n   * Replaces a child node with a new element of the specified tag.\n   * @private\n   * @param {ChildNode} node The node to be replaced.\n   * @param {string} tagName The tag name for the new element.\n   * @returns {HTMLElement} The newly created element.\n   */\n  replaceChildNode(node, tagName) {\n    const text = node.textContent;\n    const newNode = document.createElement(tagName);\n    newNode.textContent = text || \"\";\n    node.replaceWith(newNode);\n    return newNode;\n  }\n\n  /**\n   * Ensures that the container for the given heading is visible.\n   * @private\n   * @param {HTMLElement} heading The heading element to show.\n   */\n  showHeading(heading) {\n    const container = heading && this.getContainerOf(heading);\n    if (container) {\n      this.toggleElement(container, true);\n    }\n  }\n\n  /**\n   * Retrieves the first heading element (from allHeadings) that appears before the specified element.\n   * @private\n   * @param {HTMLElement} el The reference element.\n   * @returns {HTMLElement|undefined} The matching heading or undefined.\n   */\n  getHeadingOf(el) {\n    return this.findFirstElementBefore(el, this.allHeadings);\n  }\n\n  /**\n   * Finds the first element among candidates that occurs before the specified element in the document.\n   * @private\n   * @param {HTMLElement} el The reference element.\n   * @param {HTMLElement[]} candidates An array of candidate elements.\n   * @returns {HTMLElement|undefined} The found element or undefined if none found.\n   */\n  findFirstElementBefore(el, candidates) {\n    return [...candidates]\n      .reverse()\n      .find(\n        (candidate) =>\n          candidate.compareDocumentPosition(el) &\n          Node.DOCUMENT_POSITION_FOLLOWING,\n      );\n  }\n\n  /**\n   * Expands a parent details element and ensures its container is visible.\n   * @private\n   * @param {HTMLDetailsElement} parent The details element to expand.\n   */\n  expandParent(parent) {\n    const container = this.getContainerOf(parent);\n    this.toggleElement(container, true);\n    parent.open = true;\n  }\n\n  /**\n   * Retrieves all parent <details> elements for the given element.\n   * @private\n   * @param {HTMLElement} el The element for which to find parent details.\n   * @returns {HTMLDetailsElement[]} An array of parent <details> elements.\n   */\n  getParentsOf(el) {\n    const parents = [];\n    let parent = el.parentElement ? el.parentElement.closest(\"details\") : null;\n\n    while (parent) {\n      parents.push(parent);\n      parent = parent.parentElement\n        ? parent.parentElement.closest(\"details\")\n        : null;\n    }\n\n    return parents;\n  }\n}\n","/**\n * @file Sidebar filter Lit element.\n */\n\nimport { LitElement, html } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport cancelIcon from \"../icon/cancel.svg?lit\";\n\nimport styles from \"./element.css?lit\";\nimport { SidebarFilterer } from \"./sidebar-filterer.js\";\n\nclass MDNSidebarFilter extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  static properties = {\n    query: { type: String },\n    matchCount: { state: true, type: Number },\n  };\n\n  /**\n   * Creates an instance of SidebarFilterElement.\n   */\n  constructor() {\n    super();\n    /** @type {string} */\n    this.query = \"\";\n    /** @type {number|undefined} */\n    this.matchCount = undefined;\n    /** @type {boolean} */\n    this.hasTyped = false;\n    /**\n     * @type {SidebarFilterer|null}\n     */\n    this._filterer = null;\n    /**\n     * @type {HTMLElement|null}\n     */\n    this._quicklinks = null;\n    /**\n     * @type {HTMLElement|null}\n     */\n    this._sidebarInnerNav = null;\n  }\n\n  firstUpdated() {\n    this._quicklinks = document.querySelector(\".left-sidebar\");\n    if (this._quicklinks) {\n      this._sidebarInnerNav =\n        /** @type {HTMLElement|null} */ (\n          this._quicklinks.querySelector(\".left-sidebar__content\")\n        ) || null;\n    }\n  }\n\n  /**\n   * Saves the current scroll position from the specified elements and resets them.\n   * @private\n   */\n  _saveScrollPosition() {\n    const refs = [this._quicklinks, this._sidebarInnerNav];\n    for (const el of refs) {\n      if (el && el.dataset.lastScrollTop === undefined && el.scrollTop > 0) {\n        el.dataset.lastScrollTop = String(el.scrollTop);\n        el.scrollTop = 0;\n      }\n    }\n  }\n\n  /**\n   * Restores the scroll position of the previously saved elements.\n   * @private\n   */\n  _restoreScrollPosition() {\n    const refs = [this._quicklinks, this._sidebarInnerNav];\n    for (const el of refs) {\n      if (el && typeof el.dataset.lastScrollTop === \"string\") {\n        el.scrollTop = Number(el.dataset.lastScrollTop);\n        delete el.dataset.lastScrollTop;\n      }\n    }\n  }\n\n  /**\n   * Lit lifecycle method called after properties are updated.\n   * Triggers telemetry events and applies filtering logic when properties change.\n   * @param {Map<string, any>} changedProperties\n   */\n  updated(changedProperties) {\n    if (changedProperties.has(\"query\")) {\n      // Mark that the user has typed if the query is non-empty.\n      if (this.query && this.query.trim().length > 0 && !this.hasTyped) {\n        this.hasTyped = true;\n      }\n\n      if (this._quicklinks) {\n        // Initialize the filterer if it has not yet been created.\n        if (!this._filterer) {\n          const root = this._quicklinks.querySelector(\".left-sidebar__content\");\n          if (root instanceof HTMLElement) {\n            this._filterer = new SidebarFilterer(root);\n          }\n        }\n        const trimmedQuery = this.query.trim();\n        if (trimmedQuery) {\n          this._saveScrollPosition();\n        }\n        if (this._filterer) {\n          const count = this._filterer.applyFilter(trimmedQuery);\n          this.matchCount = count;\n        }\n        if (!trimmedQuery) {\n          this._restoreScrollPosition();\n        }\n      }\n    }\n  }\n\n  /**\n   * Event handler for input events on the text field.\n   * @param {Event} event The input event.\n   * @private\n   */\n  _onInput(event) {\n    const target = /** @type {HTMLInputElement} */ (event.target);\n    this.query = target.value;\n  }\n\n  /**\n   * Clears the filter input and resets the active state.\n   * @private\n   */\n  _clearFilter() {\n    this.query = \"\";\n  }\n\n  /**\n   * Renders the component template.\n   * @returns {import(\"@lit\").TemplateResult}\n   */\n  render() {\n    return html`\n      <label class=\"icon\" for=\"input\">\n        <span class=\"visually-hidden\"\n          >${this.l10n(\"sidebar-filter-filter-sidebar\")`Filter sidebar`}</span\n        >\n      </label>\n      <input\n        id=\"input\"\n        autocomplete=\"off\"\n        class=\"input\"\n        type=\"text\"\n        placeholder=${this.l10n(\"sidebar-filter-filter\")`Filter`}\n        .value=${this.query}\n        @input=${this._onInput}\n      />\n      ${this.matchCount === undefined\n        ? \"\"\n        : html` <span class=\"counter\"> ${this.matchCount} </span> `}\n      <mdn-button\n        class=\"button\"\n        variant=\"plain\"\n        label=${this.l10n(\n          \"sidebar-filter-clear-filter-input\",\n        )`Clear filter input`}\n        .icon=${cancelIcon}\n        icon-only\n        @click=${this._clearFilter}\n      ></mdn-button>\n    `;\n  }\n}\n\ncustomElements.define(\"mdn-sidebar-filter\", MDNSidebarFilter);\n"],"names":["SidebarFilterer","e","HTMLElement","HTMLAnchorElement","JSON","Set","document","t","Boolean","String","r","Map","Text","Node","MDNSidebarFilter","s","Number","customElements"],"mappings":"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"}

package/out/static/client/{index.b2ccf995e945e9dc.js → index.ae68bec0e2489b62.js}

@@ -1,4 +1,4 @@
-/*! For license information please see index.b2ccf995e945e9dc.js.LICENSE.txt */
+/*! For license information please see index.ae68bec0e2489b62.js.LICENSE.txt */
 export const __rspack_esm_id="8410";export const __rspack_esm_ids=["8410"];export const __webpack_modules__={537(e,t,o){o.d(t,{default:()=>a});let a=`# WARNING: don't use this file as a source for strings requiring l10n, use ../template.ftl instead:
 # this file only contains manually added strings, not ones inlined in code. See ../README.md for more details.
 
@@ -154,7 +154,7 @@ content-feedback-reason = Why was this page not helpful to you?
 content-feedback-thanks = Thank you for your feedback!
 
 writer-reload-polling = Polling every { $seconds }s
-`},3971(e,t,o){o.d(t,{A:()=>p});var a=o(97825),n=o(31601),r=o.n(n),s=o(76314),i=o.n(s),l=o(4417),c=o.n(l),d=new o.U(o(70054)),u=i()(r()),m=c()(d);u.push([e.id,`*,:after,:before{box-sizing:border-box}dialog{border:0;overscroll-behavior:contain;padding:0}@media (width > 1044px){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 <= 1044px){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 <= 1044px){progress{margin-inline:.3rem}}.close{font-size:1.37rem;grid-area:close}@media (width > 1044px){.close{display:none}}form{display:grid;gap:.5rem;grid-area:search;grid-template-columns:min-content 1fr;padding:1rem;place-items:center}@media (width <= 1044px){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;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,a.AH)([u.toString()])},10336(e,t,o){o.d(t,{A:()=>n});var a=o(97825);let n=(0,a.JW)`<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>`},98693(e,t,o){var a={"./code-example/element.js":["84352","6703","6203","1861","6475","7065","7517"],"./dropdown/element.js":["58623","2868","4740"],"./live-sample-result/element.js":["47849","6703","3611","6203","5950","4098","1861","5330"],"./observatory-tests-and-scores/element.js":["56538","6407"],"./play-runner/element.js":["63657","6703","5950","4098","4074"],"./search-button/element.js":["23745","3690"],"./survey/element.js":["70134","6703","6203","2105","2283"],"./ix-tab-wrapper/element.js":["49979","2568"],"./placement-sidebar/element.js":["57468","6703","3611","8280","1477","5649","2173"],"./placement-hp-main/element.js":["44394","6703","3611","8280","1477","5649","4759"],"./record-visit/element.js":["55237","5562","3094"],"./toggle-sidebar/element.js":["27486","6203","2415"],"./user-menu/element.js":["76706","6203","2105","3775"],"./interactive-example/element.js":["81505","6703","749","3730","3106","993","6216","2080","640","9515","1356","6203","5950","4098","6760","3047","1861","2448","6475","4419","7065","2568","5338","5722"],"./copy-button/element.js":["38262","6203","6475","4660"],"./observatory-comparison-table/element.js":["50117","9410","2006"],"./sidebar-filter/element.js":["83703","9324"],"./issues-table/element.js":["37511","4204"],"./scrim-inline/element.js":["43602","3611","5183"],"./switch/element.js":["41798","9099"],"./collection-save-button/element.js":["1355","6203","3000","4920"],"./contributor-list/element.js":["23082","9127"],"./button/element.js":["17398","6203","9898"],"./homepage-search/element.js":["27373","7678"],"./modal/element.js":["14903","6203","3000"],"./color-theme/element.js":["55269","2868","544"],"./about-team-member/element.js":["612","8981"],"./content-feedback/element.js":["83818","6203","4891"],"./play-console/element.js":["71787","6760"],"./ix-tab/element.js":["18977","4419","5338"],"./observatory-header-link/element.js":["1879","9410","3676"],"./curriculum-tabs/element.js":["52500","9717"],"./placement-bottom/element.js":["7895","6703","3611","8280","1477","5649","4060"],"./image-history/element.js":["47706","1975"],"./not-found/element.js":["2622","8926","3555"],"./placement-note/element.js":["47764","1477"],"./compat-table-lazy/element.js":["96678","2105","718","251"],"./site-search/element.js":["41425","6203","9578"],"./placement-no/element.js":["13755","8280"],"./play-controller/element.js":["23731","2448"],"./placement-top/element.js":["9951","6703","3611","8280","1477","5649","9204"],"./observatory-form/element.js":["17547","6703","6203","6110","8364"],"./observatory-results/element.js":["13430","6203","9410","2868","6110","2006","7593","3676","4070","3259"],"./about-tabs/element.js":["54842","7047"],"./observatory-human-duration/element.js":["37077","9410","4070"],"./playground/element.js":["14652","6703","749","3730","3106","993","6216","2080","640","9515","6203","5950","4098","6760","3047","2448","3000","291"],"./ix-tab-panel/element.js":["89854","4419"],"./play-editor/element.js":["63386","749","3730","3106","993","6216","2080","640","9515","5950","3047"],"./themed-image/element.js":["48125","5102"],"./writer-open-editor/element.js":["51310","6203","9967"],"./progress-bar/element.js":["20141","6110"],"./compat-table/element.js":["72301","2105","718"],"./login-button/element.js":["70242","6203","6067"],"./observatory-rescan-button/element.js":["14416","6203","7593","3140"],"./recently-visited/element.js":["95821","5562","5246"],"./language-always-redirect-button/element.js":["77108","8300","5685"],"./language-switcher/element.js":["64786","2868","9099","8300","8926","5667"],"./search-modal/element.js":["97154"],"./writer-reload/element.js":["14925","4366"]};function n(e){if(!o.o(a,e))return Promise.resolve().then(function(){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t});var t=a[e],n=t[0];return Promise.all(t.slice(1).map(o.e)).then(function(){return o(n)})}n.keys=()=>Object.keys(a),n.id=98693,e.exports=n},9177(e,t,o){var a={"./en-US.ftl":["537"],"./es.ftl":["59137","7898"],"./de.ftl":["89516","6333"],"./pt-BR.ftl":["27146","8839"],"./ja.ftl":["68942","7027"],"./zh-TW.ftl":["81023","8964"],"./fr.ftl":["23293","1550"],"./ru.ftl":["40730","3255"],"./zh-CN.ftl":["39555","9456"],"./ko.ftl":["45687","8604"]};function n(e){if(!o.o(a,e))return Promise.resolve().then(function(){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t});var t=a[e],n=t[0];return Promise.all(t.slice(1).map(o.e)).then(function(){return o(n)})}n.keys=()=>Object.keys(a),n.id=9177,e.exports=n},70054(e,t,o){e.exports=o.p+"search.5dd31cbeea7d1af9.svg"},51874(){try{let t=document.querySelector(".baseline-indicator");function e(e){e?localStorage.setItem("baseline-indicator","open"):localStorage.removeItem("baseline-indicator")}t instanceof HTMLDetailsElement&&(t.addEventListener("toggle",()=>{e(t.open)}),e(t.open))}catch(e){console.warn("Unable to attach to baseline indicator",e)}},99502(e,t,o){o.d(t,{i7:()=>f,iW:()=>y,tf:()=>l,I:()=>d,mR:()=>u,_0:()=>h,Q:()=>v,sR:()=>c,vQ:()=>m,kv:()=>p,g_:()=>g,QD:()=>b});let a=[],n=r("RUNTIME_ENV",!0);function r(e,t,o){try{return!!JSON.parse(i(e,o)||JSON.stringify(t))}catch{return t}}function s(e,t,o){let a=i(e,o),n=a?Number.parseInt(a,10):t;return Number.isNaN(n)?t:n}function i(e,t={}){let{runtime:o}={runtime:!1,...t},r=`FRED_${e}`;return o&&n?(a.push(r),globalThis.process?.env[r]||i(e)):({FRED_RUNTIME_ENV:"true",FRED_PLAYGROUND_LOCAL:"false",FRED_LEGACY:"true"})[r]}let l=i("PLAYGROUND_BASE_HOST",void 0)||"mdnplay.dev",c=r("PLAYGROUND_LOCAL",!1,{runtime:!0}),d=s("PORT",3e3,{runtime:!0});r("OPEN_BROWSER_ON_START",!1,{runtime:!0});let u=s("PLAYGROUND_PORT",3001,{runtime:!0}),m=i("FXA_SIGNIN_URL",void 0)||"/users/fxa/login/authenticate/",p=i("FXA_SIGNOUT_URL",void 0)||"/users/fxa/login/logout/",h=r("GLEAN_ENABLED",!1),g=i("GLEAN_CHANNEL",void 0)||"dev",f=r("GLEAN_DEBUG",!1);r("ROBOTS_GLOBAL_ALLOW",!0);let b=r("WRITER_MODE",!1,{runtime:!0}),y=i("BCD_BASE_URL",void 0)||"https://bcd.developer.mozilla.org",v=i("OBSERVATORY_API_URL",void 0)||"https://observatory-api.mdn.mozilla.net";i("TRANSCEND_BUNDLE_ID",void 0)},36153(){let e=document.querySelector('[aria-controls="navigation__popup"]'),t=document.querySelector(".navigation");e instanceof HTMLElement&&t instanceof HTMLElement&&e.addEventListener("click",()=>{let o=("true"!==t.dataset.open).toString();t.dataset.open=o,e.setAttribute("aria-expanded",o)})},97154(e,t,o){o.r(t),o.d(t,{MDNSearchModal:()=>MDNSearchModal,splitQuery:()=>d});var a=o(31011),n=o(97825),r=o(70693),s=o(23727),i=o(14632),l=o(10336),c=o(3971);let MDNSearchModal=class MDNSearchModal extends(0,r.J)(n.WF){static ssr=!1;static styles=c.A;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,this._hasEngaged=!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},o)=>({index:o,title:e.toLowerCase(),slugTail:t.split("/").pop()?.toLowerCase()||""})),items:t}}showModal(){this._loadIndex(),this.shadowRoot?.querySelector("dialog")?.showModal(),this.shadowRoot?.querySelector("input")?.select()}_input({inputType:e,target:t}){t instanceof HTMLInputElement&&(this._query=t.value,!this._hasEngaged&&e.startsWith("insert")&&(this._hasEngaged=!0,(0,s.w)(`quick-search-change: ${"insertFromPaste"===e?"paste":"type"}`)))}_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:o,altKey:a,metaKey:n}=e,r=this._getSelectedItem();r instanceof HTMLElement&&(e.preventDefault(),r.dispatchEvent(new MouseEvent("click",{bubbles:!0,composed:!0,ctrlKey:t,shiftKey:o,altKey:a,metaKey:n})));break}default:return}}_getSelectedItem(){return this.shadowRoot?.querySelector("[data-selected] a")??null}_select(e){let t=(this._queryIndex.value?.length||0)+1,o=e%t;this._selected=o<0?t+e:o,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 o=globalThis.getSelection()?.toString(),a=e.key,n=e.ctrlKey||e.metaKey,r="/"===a&&!n,i="k"===a&&n&&!e.shiftKey;(r||i)&&(e.preventDefault(),(0,s.w)(`quick-search-open: keyboard -> ${r?"slash":"ctrl-k"}`),this.showModal(),o&&(this._query=o,this._hasEngaged||(this._hasEngaged=!0,(0,s.w)("quick-search-change: selection"))))}_queryIndex=new a.YZ(this,{args:()=>[this._index,this._query],task:async([e,t])=>{if(e&&t){var o,a;let n,r;return o=t,a=await e,n=o.toLowerCase().trim(),r=d(o),a.flex.filter(({title:e})=>r.every(t=>e.includes(t))).map(({index:e,title:t,slugTail:o})=>[Number([t,o].includes(n)),e]).sort(([e],[t])=>t-e).map(([e,t])=>t).slice(0,10).map(e=>e&&(a.items||[])[e]).filter(Boolean)}}});_close(){this.shadowRoot?.querySelector("dialog")?.close()}_toggle({newState:e}){document.documentElement.classList.toggle("search-modal-open","open"===e)}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),document.documentElement.classList.remove("search-modal-open")}_renderLoadingSearchIndex(){return(0,n.qy)`<progress
+`},3971(e,t,o){o.d(t,{A:()=>p});var a=o(97825),n=o(31601),r=o.n(n),s=o(76314),i=o.n(s),l=o(4417),c=o.n(l),d=new o.U(o(70054)),u=i()(r()),m=c()(d);u.push([e.id,`*,:after,:before{box-sizing:border-box}dialog{border:0;overscroll-behavior:contain;padding:0}@media (width > 1044px){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 <= 1044px){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 <= 1044px){progress{margin-inline:.3rem}}.close{font-size:1.37rem;grid-area:close}@media (width > 1044px){.close{display:none}}form{display:grid;gap:.5rem;grid-area:search;grid-template-columns:min-content 1fr;padding:1rem;place-items:center}@media (width <= 1044px){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;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,a.AH)([u.toString()])},10336(e,t,o){o.d(t,{A:()=>n});var a=o(97825);let n=(0,a.JW)`<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>`},98693(e,t,o){var a={"./code-example/element.js":["84352","6703","6203","1861","6475","7065","7517"],"./dropdown/element.js":["58623","2868","4740"],"./live-sample-result/element.js":["47849","6703","3611","6203","5950","4098","1861","5330"],"./observatory-tests-and-scores/element.js":["56538","6407"],"./play-runner/element.js":["63657","6703","5950","4098","4074"],"./search-button/element.js":["23745","3690"],"./survey/element.js":["70134","6703","6203","2105","2283"],"./ix-tab-wrapper/element.js":["49979","2568"],"./placement-sidebar/element.js":["57468","6703","3611","8280","1477","5649","2173"],"./placement-hp-main/element.js":["44394","6703","3611","8280","1477","5649","4759"],"./record-visit/element.js":["55237","5562","3094"],"./toggle-sidebar/element.js":["27486","6203","2415"],"./user-menu/element.js":["76706","6203","2105","3775"],"./interactive-example/element.js":["81505","6703","749","3730","3106","993","6216","2080","640","9515","1356","6203","5950","4098","6760","3047","1861","2448","6475","4419","7065","2568","5338","5722"],"./copy-button/element.js":["38262","6203","6475","4660"],"./observatory-comparison-table/element.js":["50117","9410","2006"],"./sidebar-filter/element.js":["83703","9324"],"./issues-table/element.js":["37511","4204"],"./scrim-inline/element.js":["43602","3611","5183"],"./switch/element.js":["41798","9099"],"./collection-save-button/element.js":["1355","6203","3000","4920"],"./contributor-list/element.js":["23082","9127"],"./button/element.js":["17398","6203","9898"],"./homepage-search/element.js":["27373","7678"],"./modal/element.js":["14903","6203","3000"],"./color-theme/element.js":["55269","2868","544"],"./about-team-member/element.js":["612","8981"],"./content-feedback/element.js":["83818","6203","4891"],"./play-console/element.js":["71787","6760"],"./ix-tab/element.js":["18977","4419","5338"],"./observatory-header-link/element.js":["1879","9410","3676"],"./curriculum-tabs/element.js":["52500","9717"],"./placement-bottom/element.js":["7895","6703","3611","8280","1477","5649","4060"],"./image-history/element.js":["47706","1975"],"./not-found/element.js":["2622","8926","3555"],"./placement-note/element.js":["47764","1477"],"./compat-table-lazy/element.js":["96678","2105","6002","251"],"./site-search/element.js":["41425","6203","9578"],"./placement-no/element.js":["13755","8280"],"./play-controller/element.js":["23731","2448"],"./placement-top/element.js":["9951","6703","3611","8280","1477","5649","9204"],"./observatory-form/element.js":["17547","6703","6203","6110","8364"],"./observatory-results/element.js":["13430","6203","9410","2868","6110","2006","7593","3676","4070","3259"],"./about-tabs/element.js":["54842","7047"],"./observatory-human-duration/element.js":["37077","9410","4070"],"./playground/element.js":["14652","6703","749","3730","3106","993","6216","2080","640","9515","6203","5950","4098","6760","3047","2448","3000","291"],"./ix-tab-panel/element.js":["89854","4419"],"./play-editor/element.js":["63386","749","3730","3106","993","6216","2080","640","9515","5950","3047"],"./themed-image/element.js":["48125","5102"],"./writer-open-editor/element.js":["51310","6203","9967"],"./progress-bar/element.js":["20141","6110"],"./compat-table/element.js":["12969","2105","6002"],"./login-button/element.js":["70242","6203","6067"],"./observatory-rescan-button/element.js":["14416","6203","7593","3140"],"./recently-visited/element.js":["95821","5562","5246"],"./language-always-redirect-button/element.js":["77108","8300","5685"],"./language-switcher/element.js":["64786","2868","9099","8300","8926","5667"],"./search-modal/element.js":["97154"],"./writer-reload/element.js":["14925","4366"]};function n(e){if(!o.o(a,e))return Promise.resolve().then(function(){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t});var t=a[e],n=t[0];return Promise.all(t.slice(1).map(o.e)).then(function(){return o(n)})}n.keys=()=>Object.keys(a),n.id=98693,e.exports=n},9177(e,t,o){var a={"./en-US.ftl":["537"],"./es.ftl":["59137","7898"],"./de.ftl":["89516","6333"],"./pt-BR.ftl":["27146","8839"],"./ja.ftl":["68942","7027"],"./zh-TW.ftl":["81023","8964"],"./fr.ftl":["23293","1550"],"./ru.ftl":["40730","3255"],"./zh-CN.ftl":["39555","9456"],"./ko.ftl":["45687","8604"]};function n(e){if(!o.o(a,e))return Promise.resolve().then(function(){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t});var t=a[e],n=t[0];return Promise.all(t.slice(1).map(o.e)).then(function(){return o(n)})}n.keys=()=>Object.keys(a),n.id=9177,e.exports=n},70054(e,t,o){e.exports=o.p+"search.5dd31cbeea7d1af9.svg"},51874(){try{let t=document.querySelector(".baseline-indicator");function e(e){e?localStorage.setItem("baseline-indicator","open"):localStorage.removeItem("baseline-indicator")}t instanceof HTMLDetailsElement&&(t.addEventListener("toggle",()=>{e(t.open)}),e(t.open))}catch(e){console.warn("Unable to attach to baseline indicator",e)}},99502(e,t,o){o.d(t,{i7:()=>f,iW:()=>y,tf:()=>l,I:()=>d,mR:()=>u,_0:()=>h,Q:()=>v,sR:()=>c,vQ:()=>m,kv:()=>p,g_:()=>g,QD:()=>b});let a=[],n=r("RUNTIME_ENV",!0);function r(e,t,o){try{return!!JSON.parse(i(e,o)||JSON.stringify(t))}catch{return t}}function s(e,t,o){let a=i(e,o),n=a?Number.parseInt(a,10):t;return Number.isNaN(n)?t:n}function i(e,t={}){let{runtime:o}={runtime:!1,...t},r=`FRED_${e}`;return o&&n?(a.push(r),globalThis.process?.env[r]||i(e)):({FRED_RUNTIME_ENV:"true",FRED_PLAYGROUND_LOCAL:"false",FRED_LEGACY:"true"})[r]}let l=i("PLAYGROUND_BASE_HOST",void 0)||"mdnplay.dev",c=r("PLAYGROUND_LOCAL",!1,{runtime:!0}),d=s("PORT",3e3,{runtime:!0});r("OPEN_BROWSER_ON_START",!1,{runtime:!0});let u=s("PLAYGROUND_PORT",3001,{runtime:!0}),m=i("FXA_SIGNIN_URL",void 0)||"/users/fxa/login/authenticate/",p=i("FXA_SIGNOUT_URL",void 0)||"/users/fxa/login/logout/",h=r("GLEAN_ENABLED",!1),g=i("GLEAN_CHANNEL",void 0)||"dev",f=r("GLEAN_DEBUG",!1);r("ROBOTS_GLOBAL_ALLOW",!0);let b=r("WRITER_MODE",!1,{runtime:!0}),y=i("BCD_BASE_URL",void 0)||"https://bcd.developer.mozilla.org",v=i("OBSERVATORY_API_URL",void 0)||"https://observatory-api.mdn.mozilla.net";i("TRANSCEND_AIRGAP_URL",void 0)},36153(){let e=document.querySelector('[aria-controls="navigation__popup"]'),t=document.querySelector(".navigation");e instanceof HTMLElement&&t instanceof HTMLElement&&e.addEventListener("click",()=>{let o=("true"!==t.dataset.open).toString();t.dataset.open=o,e.setAttribute("aria-expanded",o)})},97154(e,t,o){o.r(t),o.d(t,{MDNSearchModal:()=>MDNSearchModal,splitQuery:()=>d});var a=o(31011),n=o(97825),r=o(70693),s=o(23727),i=o(14632),l=o(10336),c=o(3971);let MDNSearchModal=class MDNSearchModal extends(0,r.J)(n.WF){static ssr=!1;static styles=c.A;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,this._hasEngaged=!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},o)=>({index:o,title:e.toLowerCase(),slugTail:t.split("/").pop()?.toLowerCase()||""})),items:t}}showModal(){this._loadIndex(),this.shadowRoot?.querySelector("dialog")?.showModal(),this.shadowRoot?.querySelector("input")?.select()}_input({inputType:e,target:t}){t instanceof HTMLInputElement&&(this._query=t.value,!this._hasEngaged&&e.startsWith("insert")&&(this._hasEngaged=!0,(0,s.w)(`quick-search-change: ${"insertFromPaste"===e?"paste":"type"}`)))}_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:o,altKey:a,metaKey:n}=e,r=this._getSelectedItem();r instanceof HTMLElement&&(e.preventDefault(),r.dispatchEvent(new MouseEvent("click",{bubbles:!0,composed:!0,ctrlKey:t,shiftKey:o,altKey:a,metaKey:n})));break}default:return}}_getSelectedItem(){return this.shadowRoot?.querySelector("[data-selected] a")??null}_select(e){let t=(this._queryIndex.value?.length||0)+1,o=e%t;this._selected=o<0?t+e:o,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 o=globalThis.getSelection()?.toString(),a=e.key,n=e.ctrlKey||e.metaKey,r="/"===a&&!n,i="k"===a&&n&&!e.shiftKey;(r||i)&&(e.preventDefault(),(0,s.w)(`quick-search-open: keyboard -> ${r?"slash":"ctrl-k"}`),this.showModal(),o&&(this._query=o,this._hasEngaged||(this._hasEngaged=!0,(0,s.w)("quick-search-change: selection"))))}_queryIndex=new a.YZ(this,{args:()=>[this._index,this._query],task:async([e,t])=>{if(e&&t){var o,a;let n,r;return o=t,a=await e,n=o.toLowerCase().trim(),r=d(o),a.flex.filter(({title:e})=>r.every(t=>e.includes(t))).map(({index:e,title:t,slugTail:o})=>[Number([t,o].includes(n)),e]).sort(([e],[t])=>t-e).map(([e,t])=>t).slice(0,10).map(e=>e&&(a.items||[])[e]).filter(Boolean)}}});_close(){this.shadowRoot?.querySelector("dialog")?.close()}_toggle({newState:e}){document.documentElement.classList.toggle("search-modal-open","open"===e)}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),document.documentElement.classList.remove("search-modal-open")}_renderLoadingSearchIndex(){return(0,n.qy)`<progress
       aria-label=${this.l10n("search-modal-loading-search-index")`Loading search index…`}
     ></progress>`}render(){let e=this._queryIndex.value?.length||0,t=this._query?`/${this.locale}/search?${new URLSearchParams({q:this._query})}`:null;return(0,n.qy)`
       <dialog
@@ -217,5 +217,5 @@ writer-reload-polling = Polling every { $seconds }s
               </li>`:n.s6}
         </ul>
       </dialog>
-    `}updated(){if(this._shiftFocus){let e=this._getSelectedItem();e instanceof HTMLElement&&e.focus()}}};function d(e){return(e=e.trim().toLowerCase()).startsWith(".")||e.endsWith(".")?e.split(/[ ,]+/):e.split(/[ ,.]+/)}customElements.define("mdn-search-modal",MDNSearchModal)},45742(e,t,o){let a;o.d(t,{L:()=>i});var n=o(99502);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 n.QD?new Promise(()=>{}):(a||(a=l().catch(e=>(console.error(e),s))),a)}async function l(){let e=await fetch("/api/v1/whoami");if(!e.ok)throw Error(e.statusText);try{let t=await e.json(),o=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=o?.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:o}}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"}}},33779(e,t,o){o.a(e,async function(e,t){try{o(95831),o(46079),o(41759),o(98769);var a=o(17765);o(31557),o(51874),o(70315),o(36153),o(70408);var n=o(88068),r=o(76787);o(98109);var s=o(15381),i=e([a,n,r,s]);[a,n,r,s]=i.then?(await i)():i,t()}catch(e){t(e)}})},88068(e,t,o){o.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([o.e("6703"),o.e("6203"),o.e("1861"),o.e("6475"),o.e("7065"),o.e("7517")]).then(o.bind(o,84352));t(e)}t()}catch(e){t(e)}},1)},98769(){"closedBy"in HTMLDialogElement.prototype||addEventListener("click",e=>{let t=e.composedPath()[0];if(t instanceof HTMLDialogElement&&"any"===t.getAttribute("closedby")){let o=t.getBoundingClientRect(),{clientX:a,clientY:n}=e;o.top<=n&&n<=o.bottom&&o.left<=a&&a<=o.right||t.close()}})},41759(e,t,o){var a=o(91610),n=o(99502),r=o(23727);let s=!document.cookie.split("; ").includes("moz-1st-party-data-opt-out=true")&&n._0;n.i7&&(a.A.setDebugViewTag("mdn-dev"),a.A.setLogPings(!0)),a.A.initialize("mdn-fred",s,{enableAutoPageLoadEvents:!0,enableAutoElementClickEvents:!0,channel:n.g_}),document.addEventListener("click",e=>{let t=e.composedPath()?.[0];if(t!==e.target&&t instanceof Element){let e=t.closest("[data-glean-id]");if(e instanceof HTMLElement){let t=e.dataset.gleanId;t&&(0,r.w)(t)}}let o=t??e.target;if(o instanceof Element){let e=o.closest("a");e instanceof HTMLAnchorElement&&e.href&&e.origin&&e.origin!==document.location.origin&&(0,r.w)(`external-link: ${e.href}`)}})},76787(e,t,o){o.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:a}=e.dataset;if(t){let n={},r=[],s=t.replaceAll(".",String.raw`\.`);for(let e of document.querySelectorAll(`.live-sample___${s}, .live-sample---${s}`)){let{MDNCodeExample:t,upgradePre:a}=await Promise.all([o.e("6703"),o.e("6203"),o.e("1861"),o.e("6475"),o.e("7065"),o.e("7517")]).then(o.bind(o,84352)),s=e instanceof t?e:a(e);if(s){r.push(s);let{language:e,code:t}=s;n[e]?n[e]+=t:n[e]=t}}await Promise.all([o.e("6703"),o.e("3611"),o.e("6203"),o.e("5950"),o.e("4098"),o.e("1861"),o.e("5330")]).then(o.bind(o,47849));let i=document.createElement("mdn-live-sample-result");for(let o of(i.liveId=t,i.code=n,i.srcPrefix=a,i.allow=e.allow||void 0,i.sandbox=e.sandbox.toString(),i.height=e.height,e.closest(".code-example")?.replaceWith(i),r))o.liveSample||=i}}t()}catch(e){t(e)}},1)},31557(e,t,o){let a=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-","");a.has(e)||(a.add(e),o(98693)(`./${e}/element.js`).catch(t=>{console.error(`couldn't load code for <${e}>: does the element's code not match the naming schema?`,t)}))}}},70315(){let e=document.querySelector("#main-sidebar"),t=e?.querySelector('[aria-current="page"]');e&&t instanceof HTMLElement&&e.scrollTo({top:t.offsetTop-window.innerHeight/4})},98109(e,t,o){var a=o(97154);let n=document.querySelector('.a11y-menu a[href="#search"]');if(n instanceof HTMLAnchorElement){let e=document.querySelector("#search");e instanceof a.MDNSearchModal?n.addEventListener("click",t=>{let{target:o}=t;o instanceof HTMLElement&&(o.blur(),t.preventDefault()),e.showModal()}):(console.error("MDNSearchModal not found!"),n.hidden=!0)}},70408(){for(let e of document.querySelectorAll(".generic-toc, .reference-toc, .document-toc, .blog-toc"))e instanceof HTMLElement&&function(e){let t=[...e.querySelectorAll("a")],o=new Map;for(let e of t.reverse()){let t=document.querySelector(`[id="${decodeURIComponent(e.hash).slice(1)}"]`);if(!t)continue;let a=t.closest("section");for(;a&&a instanceof HTMLElement&&!o.has(a);)o.set(a,e),a=a.nextElementSibling}let a=new WeakMap,n=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(!n.has(t))if(!r)continue;else n.add(t);let e=o.get(t);if(!e)continue;let s=(a.get(e)??0)+(r?1:-1);e.ariaCurrent=s>0?"true":null,a.set(e,s)}},r);for(let e of o.keys())i.observe(e)}(e)},15381(e,t,o){o.a(e,async function(e,t){try{var a=o(45742);try{let e=await (0,a.L)(),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)},99704(e,t,o){o.d(t,{Ay:()=>p,FU:()=>m});var a=o(83315),n=o(81233),r=o(17003),s=o(537);let i={"en-US":s.default},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 a.Np(e,{useIsolating:!1}),[s.default]),t.length>0&&(this.bundle=Fluent.constructBundle(new a.Np(e,{useIsolating:!1}),[s.default,...t]))}static constructBundle(e,t=[]){for(let o of t){let t=e.addResource(new a.B$(o),{allowOverrides:!0});t.length>0&&console.error(t)}return e}get(e,t,o,a){let n=this.getMessage(e,t,o);if(n)return Fluent.sanitize(n,a)}static sanitize(e,t={}){let o={};for(let e of Object.values(t))o[e.tag]=[...Object.keys(e).filter(e=>"tag"!==e),...c];let a=[...Object.values(t).map(e=>e.tag),...l],s=!0,i=n(e,{allowedAttributes:o,allowedTags:a,allowedSchemes:["http","https","mailto"],filter(e){let o=e.attrs["data-l10n-name"];if(o)for(let[a,n]of Object.entries(t[o]||{}))e.attrs[a]=n;return!!(l.includes(e.tag)||o&&Object.keys(t).includes(o)&&t[o]?.tag===e.tag)&&(s=!1,!0)}},!0);return s?i:(0,r._)(i)}getMessage(e,t,o={},a=this.bundle,n=!1){let r,s=a?a.getMessage(e):void 0;if("qai"===this.locale)return`[${e}${t?`.${t}`:""}]`;if(!s){if(n)return;return this.getMessage(e,t,o,this.usBundle,!0)}if(t){if(!(r=s.attributes[t])){if(n)return;return this.getMessage(e,t,o,this.usBundle,!0)}}else s.value&&(r=s.value);if(!r||!a)return"";let i=[],l=a?.formatPattern(r,o,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];if(!t)return new Fluent(e);let o=new Fluent(e,[t]);d.set(e,o)}return d.get(e)}}async function m(e){if("qai"!==e&&!i[e])try{let{default:t}=await o(9177)(`./${e}.ftl`);i[e]=t}catch(e){console.error(e)}}function p(e){function t(t,o){let a=u(e)?.get(t),n="string"==typeof a?a:void 0,r=`[${t}]`,s=e=>{let t=e[0];return n||t||r};return s.toString=()=>n||r,s}return t.raw=function({id:t,attr:o,args:a,elements:n}){let r=u(e);return r?r.get(t,o,a,n):`[${t}]`},t}},17765(e,t,o){o.a(e,async function(e,t){try{var a=o(36611),n=o(99704);let e=(0,a.V)().locale;e&&await (0,n.FU)(e),t()}catch(e){t(e)}},1)},70693(e,t,o){o.d(t,{J:()=>r});var a=o(36611),n=o(99704);let r=e=>class extends e{constructor(...e){super(...e);let t=(0,a.V)();this.locale=t.locale,this.l10n=(0,n.Ay)(this.locale)}}},36611(e,t,o){o.d(t,{V:()=>a});function a(){let e=globalThis.__MDNServerContext?.getStore(),t=globalThis.__MDNClientContext;return e||t}},95831(){globalThis.__MDNClientContext={locale:globalThis.location.pathname.split("/")[1]||"en-US"}},23727(e,t,o){o.d(t,{w:()=>n});var a=o(34388);function n(e){a.A.recordElementClick({id:e,url:globalThis.location.href,referrer:document.referrer,title:document.title})}},14632(e,t,o){o.d(t,{o:()=>a});function a(e,t){let o=e.replaceAll("_"," ").split("/").filter(e=>!["",t,"docs"].includes(e));return(o=o.map(e=>"API"===e?"Web APIs":e)).length>1&&"Web"===o.at(0)&&o.splice(0,1),o.length>1&&o.splice(-1,1),o.join(" / ")}}};import{__webpack_require__ as e}from"./runtime.8ebca7827bf4c35c.js";import*as t from"./1111.53dba753dc3eb961.js";e.C(t);import*as o from"./8903.f870aafb338b203a.js";e.C(o);import*as a from"./index.b2ccf995e945e9dc.js";e.C(a),e(e.s=33779);
-//# sourceMappingURL=index.b2ccf995e945e9dc.js.map
+    `}updated(){if(this._shiftFocus){let e=this._getSelectedItem();e instanceof HTMLElement&&e.focus()}}};function d(e){return(e=e.trim().toLowerCase()).startsWith(".")||e.endsWith(".")?e.split(/[ ,]+/):e.split(/[ ,.]+/)}customElements.define("mdn-search-modal",MDNSearchModal)},45742(e,t,o){let a;o.d(t,{L:()=>i});var n=o(99502);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 n.QD?new Promise(()=>{}):(a||(a=l().catch(e=>(console.error(e),s))),a)}async function l(){let e=await fetch("/api/v1/whoami");if(!e.ok)throw Error(e.statusText);try{let t=await e.json(),o=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=o?.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:o}}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"}}},33779(e,t,o){o.a(e,async function(e,t){try{o(95831),o(46079),o(41759),o(98769);var a=o(17765);o(31557),o(51874),o(70315),o(36153),o(70408);var n=o(88068),r=o(76787);o(98109);var s=o(15381),i=e([a,n,r,s]);[a,n,r,s]=i.then?(await i)():i,t()}catch(e){t(e)}})},88068(e,t,o){o.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([o.e("6703"),o.e("6203"),o.e("1861"),o.e("6475"),o.e("7065"),o.e("7517")]).then(o.bind(o,84352));t(e)}t()}catch(e){t(e)}},1)},98769(){"closedBy"in HTMLDialogElement.prototype||addEventListener("click",e=>{let t=e.composedPath()[0];if(t instanceof HTMLDialogElement&&"any"===t.getAttribute("closedby")){let o=t.getBoundingClientRect(),{clientX:a,clientY:n}=e;o.top<=n&&n<=o.bottom&&o.left<=a&&a<=o.right||t.close()}})},41759(e,t,o){var a=o(91610),n=o(99502),r=o(23727);let s=!document.cookie.split("; ").includes("moz-1st-party-data-opt-out=true")&&n._0;n.i7&&(a.A.setDebugViewTag("mdn-dev"),a.A.setLogPings(!0)),a.A.initialize("mdn-fred",s,{enableAutoPageLoadEvents:!0,enableAutoElementClickEvents:!0,channel:n.g_}),document.addEventListener("click",e=>{let t=e.composedPath()?.[0];if(t!==e.target&&t instanceof Element){let e=t.closest("[data-glean-id]");if(e instanceof HTMLElement){let t=e.dataset.gleanId;t&&(0,r.w)(t)}}let o=t??e.target;if(o instanceof Element){let e=o.closest("a");e instanceof HTMLAnchorElement&&e.href&&e.origin&&e.origin!==document.location.origin&&(0,r.w)(`external-link: ${e.href}`)}})},76787(e,t,o){o.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:a}=e.dataset;if(t){let n={},r=[],s=t.replaceAll(".",String.raw`\.`);for(let e of document.querySelectorAll(`.live-sample___${s}, .live-sample---${s}`)){let{MDNCodeExample:t,upgradePre:a}=await Promise.all([o.e("6703"),o.e("6203"),o.e("1861"),o.e("6475"),o.e("7065"),o.e("7517")]).then(o.bind(o,84352)),s=e instanceof t?e:a(e);if(s){r.push(s);let{language:e,code:t}=s;n[e]?n[e]+=t:n[e]=t}}await Promise.all([o.e("6703"),o.e("3611"),o.e("6203"),o.e("5950"),o.e("4098"),o.e("1861"),o.e("5330")]).then(o.bind(o,47849));let i=document.createElement("mdn-live-sample-result");for(let o of(i.liveId=t,i.code=n,i.srcPrefix=a,i.allow=e.allow||void 0,i.sandbox=e.sandbox.toString(),i.height=e.height,e.closest(".code-example")?.replaceWith(i),r))o.liveSample||=i}}t()}catch(e){t(e)}},1)},31557(e,t,o){let a=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-","");a.has(e)||(a.add(e),o(98693)(`./${e}/element.js`).catch(t=>{console.error(`couldn't load code for <${e}>: does the element's code not match the naming schema?`,t)}))}}},70315(){let e=document.querySelector("#main-sidebar"),t=e?.querySelector('[aria-current="page"]');e&&t instanceof HTMLElement&&e.scrollTo({top:t.offsetTop-window.innerHeight/4})},98109(e,t,o){var a=o(97154);let n=document.querySelector('.a11y-menu a[href="#search"]');if(n instanceof HTMLAnchorElement){let e=document.querySelector("#search");e instanceof a.MDNSearchModal?n.addEventListener("click",t=>{let{target:o}=t;o instanceof HTMLElement&&(o.blur(),t.preventDefault()),e.showModal()}):(console.error("MDNSearchModal not found!"),n.hidden=!0)}},70408(){for(let e of document.querySelectorAll(".generic-toc, .reference-toc, .document-toc, .blog-toc"))e instanceof HTMLElement&&function(e){let t=[...e.querySelectorAll("a")],o=new Map;for(let e of t.reverse()){let t=document.querySelector(`[id="${decodeURIComponent(e.hash).slice(1)}"]`);if(!t)continue;let a=t.closest("section");for(;a&&a instanceof HTMLElement&&!o.has(a);)o.set(a,e),a=a.nextElementSibling}let a=new WeakMap,n=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(!n.has(t))if(!r)continue;else n.add(t);let e=o.get(t);if(!e)continue;let s=(a.get(e)??0)+(r?1:-1);e.ariaCurrent=s>0?"true":null,a.set(e,s)}},r);for(let e of o.keys())i.observe(e)}(e)},15381(e,t,o){o.a(e,async function(e,t){try{var a=o(45742);try{let e=await (0,a.L)(),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)},99704(e,t,o){o.d(t,{Ay:()=>p,FU:()=>m});var a=o(83315),n=o(81233),r=o(17003),s=o(537);let i={"en-US":s.default},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 a.Np(e,{useIsolating:!1}),[s.default]),t.length>0&&(this.bundle=Fluent.constructBundle(new a.Np(e,{useIsolating:!1}),[s.default,...t]))}static constructBundle(e,t=[]){for(let o of t){let t=e.addResource(new a.B$(o),{allowOverrides:!0});t.length>0&&console.error(t)}return e}get(e,t,o,a){let n=this.getMessage(e,t,o);if(n)return Fluent.sanitize(n,a)}static sanitize(e,t={}){let o={};for(let e of Object.values(t))o[e.tag]=[...Object.keys(e).filter(e=>"tag"!==e),...c];let a=[...Object.values(t).map(e=>e.tag),...l],s=!0,i=n(e,{allowedAttributes:o,allowedTags:a,allowedSchemes:["http","https","mailto"],filter(e){let o=e.attrs["data-l10n-name"];if(o)for(let[a,n]of Object.entries(t[o]||{}))e.attrs[a]=n;return!!(l.includes(e.tag)||o&&Object.keys(t).includes(o)&&t[o]?.tag===e.tag)&&(s=!1,!0)}},!0);return s?i:(0,r._)(i)}getMessage(e,t,o={},a=this.bundle,n=!1){let r,s=a?a.getMessage(e):void 0;if("qai"===this.locale)return`[${e}${t?`.${t}`:""}]`;if(!s){if(n)return;return this.getMessage(e,t,o,this.usBundle,!0)}if(t){if(!(r=s.attributes[t])){if(n)return;return this.getMessage(e,t,o,this.usBundle,!0)}}else s.value&&(r=s.value);if(!r||!a)return"";let i=[],l=a?.formatPattern(r,o,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];if(!t)return new Fluent(e);let o=new Fluent(e,[t]);d.set(e,o)}return d.get(e)}}async function m(e){if("qai"!==e&&!i[e])try{let{default:t}=await o(9177)(`./${e}.ftl`);i[e]=t}catch(e){console.error(e)}}function p(e){function t(t,o){let a=u(e)?.get(t),n="string"==typeof a?a:void 0,r=`[${t}]`,s=e=>{let t=e[0];return n||t||r};return s.toString=()=>n||r,s}return t.raw=function({id:t,attr:o,args:a,elements:n}){let r=u(e);return r?r.get(t,o,a,n):`[${t}]`},t}},17765(e,t,o){o.a(e,async function(e,t){try{var a=o(36611),n=o(99704);let e=(0,a.V)().locale;e&&await (0,n.FU)(e),t()}catch(e){t(e)}},1)},70693(e,t,o){o.d(t,{J:()=>r});var a=o(36611),n=o(99704);let r=e=>class extends e{constructor(...e){super(...e);let t=(0,a.V)();this.locale=t.locale,this.l10n=(0,n.Ay)(this.locale)}}},36611(e,t,o){o.d(t,{V:()=>a});function a(){let e=globalThis.__MDNServerContext?.getStore(),t=globalThis.__MDNClientContext;return e||t}},95831(){globalThis.__MDNClientContext={locale:globalThis.location.pathname.split("/")[1]||"en-US"}},23727(e,t,o){o.d(t,{w:()=>n});var a=o(34388);function n(e){a.A.recordElementClick({id:e,url:globalThis.location.href,referrer:document.referrer,title:document.title})}},14632(e,t,o){o.d(t,{o:()=>a});function a(e,t){let o=e.replaceAll("_"," ").split("/").filter(e=>!["",t,"docs"].includes(e));return(o=o.map(e=>"API"===e?"Web APIs":e)).length>1&&"Web"===o.at(0)&&o.splice(0,1),o.length>1&&o.splice(-1,1),o.join(" / ")}}};import{__webpack_require__ as e}from"./runtime.5a92d4f860d6d798.js";import*as t from"./1111.53dba753dc3eb961.js";e.C(t);import*as o from"./8903.f870aafb338b203a.js";e.C(o);import*as a from"./index.ae68bec0e2489b62.js";e.C(a),e(e.s=33779);
+//# sourceMappingURL=index.ae68bec0e2489b62.js.map

package/out/static/client/index.ae68bec0e2489b62.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ae68bec0e2489b62.js","sources":["webpack://@mdn/fred/./l10n/locales/en-US.ftl","webpack://@mdn/fred/./components/search-modal/element.css","webpack://@mdn/fred/./components/icon/cancel.svg","webpack://@mdn/fred/./components|lazy|/^\\.\\/.*\\/element\\.js$/|groupOptions: {}|strict namespace object","webpack://@mdn/fred/./l10n/locales|lazy|/^\\.\\/.*\\.ftl$/|referencedExports: default|groupOptions: {}|strict namespace object","webpack://@mdn/fred/./components/baseline-indicator/hook.js","webpack://@mdn/fred/./components/env/runtime.js","webpack://@mdn/fred/./components/env/utils.js","webpack://@mdn/fred/./components/env/index.js","webpack://@mdn/fred/./components/navigation/hook.js","webpack://@mdn/fred/./components/search-modal/element.js","webpack://@mdn/fred/./components/user/context.js","webpack://@mdn/fred/./hooks/code-examples.js","webpack://@mdn/fred/./hooks/dialog-closedby.js","webpack://@mdn/fred/./hooks/glean-init.js","webpack://@mdn/fred/./utils/telemetry-opt-out.js","webpack://@mdn/fred/./hooks/live-samples.js","webpack://@mdn/fred/./hooks/load-elements.js","webpack://@mdn/fred/./hooks/sidebar-scroll-to-current.js","webpack://@mdn/fred/./hooks/skip-to-search.js","webpack://@mdn/fred/./hooks/toc-highlight.js","webpack://@mdn/fred/./hooks/user-ping.js","webpack://@mdn/fred/./l10n/fluent.js","webpack://@mdn/fred/./l10n/hook.js","webpack://@mdn/fred/./l10n/mixin.js","webpack://@mdn/fred/./symmetric-context/both.js","webpack://@mdn/fred/./symmetric-context/client.js","webpack://@mdn/fred/./utils/glean.js","webpack://@mdn/fred/./utils/mdn-url2breadcrumb.js"],"sourcesContent":["export default `# WARNING: don't use this file as a source for strings requiring l10n, use ../template.ftl instead:\n# this file only contains manually added strings, not ones inlined in code. See ../README.md for more details.\n\n# TODO Use comments, see: https://firefox-source-docs.mozilla.org/l10n/fluent/review.html#comments\n# 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\n\narticle-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>.\narticle-footer-source-title = Folder: { \\$folder } (Opens in a new tab)\n\nbaseline-asterisk = Some parts of this feature may have varying levels of support.\nbaseline-high-extra = This feature is well established and works across many devices and browser versions. It’s been available across browsers since { \\$date }.\nbaseline-low-extra = Since { \\$date }, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.\nbaseline-not-extra = This feature is not Baseline because it does not work in some of the most widely-used browsers.\nbaseline-supported-in = Supported in { \\$browsers }\nbaseline-unsupported-in = Not widely supported in { \\$browsers }\nbaseline-supported-and-unsupported-in = Supported in { \\$supported }, but not widely supported in { \\$unsupported }\n\nhomepage-hero-title = Resources for Developers,<br> by Developers\nhomepage-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.\n\nnot-found-title = Page not found\nnot-found-description = Sorry, the page <code data-l10n-name=\"url\">{ \\$url }</code> could not be found.\nnot-found-fallback-english = <strong data-l10n-name=\"strong\">Good news:</strong> The page you requested exists in <em data-l10n-name=\"em\">English</em>.\nnot-found-fallback-search = The page you requested doesn't exist, but you could try a site search for:\nnot-found-back = Go back to the home page\n\nreference-toc-header = In this article\n\nfooter-mofo = Visit <a data-l10n-name=\"moco\">Mozilla Corporation’s</a> not-for-profit parent, the <a data-l10n-name=\"mofo\">Mozilla Foundation</a>.\nfooter-copyright = Portions of this content are ©1998–{ \\$year } by individual mozilla.org contributors. Content available under <a data-l10n-name=\"cc\">a Creative Commons license</a>.\n\nsearch-modal-site-search = Site search for <em>{ \\$query }</em>\n\nsite-search-search-stats = Found { \\$results } documents.\nsite-search-suggestion-matches =  { \\$relation ->\n    [gt] more than { \\$matches ->\n        [one]   { \\$matches } match\n       *[other] { \\$matches } matches\n    }\n   *[eq] { \\$matches ->\n        [one]   { \\$matches } match\n       *[other] { \\$matches } matches\n    }\n}\n\nblog-time-to-read = { \\$minutes ->\n    [one]   { \\$minutes } minute read\n   *[other] { \\$minutes } minutes read\n}\nblog-post-not-found = Blog post not found.\n\nblog-previous = Previous post\nblog-next = Next post\n\n-brand-name-obs = HTTP Observatory\nobs-report = Report\nobs-title = { -brand-name-obs }\nobs-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.\nobs-assessment = Developed by Mozilla, the { -brand-name-obs } performs an in-depth assessment of a site’s HTTP headers and other key security configurations.\nobs-scanning = Its automated scanning process provides developers and website administrators with detailed, actionable feedback, focusing on identifying and addressing potential security vulnerabilities.\nobs-security = The tool is instrumental in helping developers and website administrators strengthen their sites against common security threats in a constantly advancing digital environment.\nobs-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.\n\n\ncompat-loading = Loading…\ncompat-js-required = Enable JavaScript to view this browser compatibility table.\n\ncompat-browser-version-date = { \\$browser } { \\$version } – Release date: { \\$date }\ncompat-browser-version-released = Release date: { \\$date }\n\ncompat-link-report-issue = Report problems with this compatibility data\ncompat-link-report-issue-title = Report an issue with this compatibility data\ncompat-link-report-missing-title = Report missing compatibility data\ncompat-link-report-missing = Report this issue\ncompat-link-source = View data on GitHub\ncompat-link-source-title = File: { \\$filename }\n\ncompat-deprecated = Deprecated\ncompat-experimental = Experimental\ncompat-nonstandard = Non-standard\ncompat-no = No\n\ncompat-support-full = Full support\ncompat-support-partial = Partial support\ncompat-support-no = No support\ncompat-support-unknown = Support unknown\ncompat-support-prefix = Implemented with the vendor prefix: { \\$prefix }\ncompat-support-altname = Alternate name: { \\$altname }\ncompat-support-removed = Removed in { \\$version } and later\ncompat-support-see-impl-url = See <a data-l10n-name=\"impl_url\">{ \\$label }</a>\ncompat-support-flags =\n  { NUMBER(\\$has_added) ->\n    [one] From version { \\$version_added }\n    *[other] {\"\"}\n  }{ \\$has_last ->\n    [one] { NUMBER(\\$has_added) ->\n          *[zero] Until { \\$versionLast } users\n          [one] {\" \"}until { \\$versionLast } users\n      }\n    *[zero] { NUMBER(\\$has_added) ->\n          *[zero] Users\n          [one] {\" \"}users\n      }\n  }\n  {\" \"}must explicitly set the <code data-l10n-name=\"name\">{ \\$flag_name }</code>{\" \"}\n  { \\$flag_type ->\n    *[preference] preference\n    [runtime_flag] runtime flag\n  }{ NUMBER(\\$has_value) ->\n    [one] {\" \"}to <code data-l10n-name=\"value\">{ \\$flag_value }</code>\n    *[other] {\"\"}\n  }{\".\"}\n  { NUMBER(\\$has_pref_url) ->\n    [one] { \\$flag_type ->\n      [preference] To change preferences in { \\$browser_name }, visit { \\$browser_pref_url }.\n      *[other] {\"\"}\n    }\n    *[other] {\"\"}\n  }\n\ncompat-legend = Legend\ncompat-legend-tip = Tip: you can click/tap on a cell for more information.\ncompat-legend-yes = { compat-support-full }\ncompat-legend-partial = { compat-support-partial }\ncompat-legend-preview = In development. Supported in a pre-release version.\ncompat-legend-no = { compat-support-no }\ncompat-legend-unknown = Compatibility unknown\ncompat-legend-experimental = { compat-experimental }. Expect behavior to change in the future.\ncompat-legend-nonstandard = { compat-nonstandard }. Check cross-browser support before using.\ncompat-legend-deprecated = { compat-deprecated }. Not for use in new websites.\ncompat-legend-footnote = See implementation notes.\ncompat-legend-disabled = User must explicitly enable this feature.\ncompat-legend-altname = Uses a non-standard name.\ncompat-legend-prefix = Requires a vendor prefix or different name for use.\ncompat-legend-more = Has more compatibility info.\n\nplacement-note = Ad\nplacement-no = Don't want to see ads?\n\npagination-next = Next page\npagination-prev = Previous page\npagination-current = Current page\npagination-goto = Go to page { \\$page }\n\nlogout = Sign out\nlogin = Log in\n\nexample-play-button-label = Play\nexample-play-button-title = Run example in MDN Playground (opens in new tab)\n\ncontent-feedback-question = Was this page helpful to you?\ncontent-feedback-reason = Why was this page not helpful to you?\ncontent-feedback-thanks = Thank you for your feedback!\n\nwriter-reload-polling = Polling every { \\$seconds }s\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/search.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, `*,:after,:before{box-sizing:border-box}dialog{border:0;overscroll-behavior:contain;padding:0}@media (width > 1044px){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 <= 1044px){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 <= 1044px){progress{margin-inline:.3rem}}.close{font-size:1.37rem;grid-area:close}@media (width > 1044px){.close{display:none}}form{display:grid;gap:.5rem;grid-area:search;grid-template-columns:min-content 1fr;padding:1rem;place-items:center}@media (width <= 1044px){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(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});-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;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)}`, \"\"]);\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=\"M18 6 6 18M6 6l12 12\"/></svg>`;","var map = {\n  \"./code-example/element.js\": [\n    \"84352\",\n    \"6703\",\n    \"6203\",\n    \"1861\",\n    \"6475\",\n    \"7065\",\n    \"7517\"\n  ],\n  \"./dropdown/element.js\": [\n    \"58623\",\n    \"2868\",\n    \"4740\"\n  ],\n  \"./live-sample-result/element.js\": [\n    \"47849\",\n    \"6703\",\n    \"3611\",\n    \"6203\",\n    \"5950\",\n    \"4098\",\n    \"1861\",\n    \"5330\"\n  ],\n  \"./observatory-tests-and-scores/element.js\": [\n    \"56538\",\n    \"6407\"\n  ],\n  \"./play-runner/element.js\": [\n    \"63657\",\n    \"6703\",\n    \"5950\",\n    \"4098\",\n    \"4074\"\n  ],\n  \"./search-button/element.js\": [\n    \"23745\",\n    \"3690\"\n  ],\n  \"./survey/element.js\": [\n    \"70134\",\n    \"6703\",\n    \"6203\",\n    \"2105\",\n    \"2283\"\n  ],\n  \"./ix-tab-wrapper/element.js\": [\n    \"49979\",\n    \"2568\"\n  ],\n  \"./placement-sidebar/element.js\": [\n    \"57468\",\n    \"6703\",\n    \"3611\",\n    \"8280\",\n    \"1477\",\n    \"5649\",\n    \"2173\"\n  ],\n  \"./placement-hp-main/element.js\": [\n    \"44394\",\n    \"6703\",\n    \"3611\",\n    \"8280\",\n    \"1477\",\n    \"5649\",\n    \"4759\"\n  ],\n  \"./record-visit/element.js\": [\n    \"55237\",\n    \"5562\",\n    \"3094\"\n  ],\n  \"./toggle-sidebar/element.js\": [\n    \"27486\",\n    \"6203\",\n    \"2415\"\n  ],\n  \"./user-menu/element.js\": [\n    \"76706\",\n    \"6203\",\n    \"2105\",\n    \"3775\"\n  ],\n  \"./interactive-example/element.js\": [\n    \"81505\",\n    \"6703\",\n    \"749\",\n    \"3730\",\n    \"3106\",\n    \"993\",\n    \"6216\",\n    \"2080\",\n    \"640\",\n    \"9515\",\n    \"1356\",\n    \"6203\",\n    \"5950\",\n    \"4098\",\n    \"6760\",\n    \"3047\",\n    \"1861\",\n    \"2448\",\n    \"6475\",\n    \"4419\",\n    \"7065\",\n    \"2568\",\n    \"5338\",\n    \"5722\"\n  ],\n  \"./copy-button/element.js\": [\n    \"38262\",\n    \"6203\",\n    \"6475\",\n    \"4660\"\n  ],\n  \"./observatory-comparison-table/element.js\": [\n    \"50117\",\n    \"9410\",\n    \"2006\"\n  ],\n  \"./sidebar-filter/element.js\": [\n    \"83703\",\n    \"9324\"\n  ],\n  \"./issues-table/element.js\": [\n    \"37511\",\n    \"4204\"\n  ],\n  \"./scrim-inline/element.js\": [\n    \"43602\",\n    \"3611\",\n    \"5183\"\n  ],\n  \"./switch/element.js\": [\n    \"41798\",\n    \"9099\"\n  ],\n  \"./collection-save-button/element.js\": [\n    \"1355\",\n    \"6203\",\n    \"3000\",\n    \"4920\"\n  ],\n  \"./contributor-list/element.js\": [\n    \"23082\",\n    \"9127\"\n  ],\n  \"./button/element.js\": [\n    \"17398\",\n    \"6203\",\n    \"9898\"\n  ],\n  \"./homepage-search/element.js\": [\n    \"27373\",\n    \"7678\"\n  ],\n  \"./modal/element.js\": [\n    \"14903\",\n    \"6203\",\n    \"3000\"\n  ],\n  \"./color-theme/element.js\": [\n    \"55269\",\n    \"2868\",\n    \"544\"\n  ],\n  \"./about-team-member/element.js\": [\n    \"612\",\n    \"8981\"\n  ],\n  \"./content-feedback/element.js\": [\n    \"83818\",\n    \"6203\",\n    \"4891\"\n  ],\n  \"./play-console/element.js\": [\n    \"71787\",\n    \"6760\"\n  ],\n  \"./ix-tab/element.js\": [\n    \"18977\",\n    \"4419\",\n    \"5338\"\n  ],\n  \"./observatory-header-link/element.js\": [\n    \"1879\",\n    \"9410\",\n    \"3676\"\n  ],\n  \"./curriculum-tabs/element.js\": [\n    \"52500\",\n    \"9717\"\n  ],\n  \"./placement-bottom/element.js\": [\n    \"7895\",\n    \"6703\",\n    \"3611\",\n    \"8280\",\n    \"1477\",\n    \"5649\",\n    \"4060\"\n  ],\n  \"./image-history/element.js\": [\n    \"47706\",\n    \"1975\"\n  ],\n  \"./not-found/element.js\": [\n    \"2622\",\n    \"8926\",\n    \"3555\"\n  ],\n  \"./placement-note/element.js\": [\n    \"47764\",\n    \"1477\"\n  ],\n  \"./compat-table-lazy/element.js\": [\n    \"96678\",\n    \"2105\",\n    \"6002\",\n    \"251\"\n  ],\n  \"./site-search/element.js\": [\n    \"41425\",\n    \"6203\",\n    \"9578\"\n  ],\n  \"./placement-no/element.js\": [\n    \"13755\",\n    \"8280\"\n  ],\n  \"./play-controller/element.js\": [\n    \"23731\",\n    \"2448\"\n  ],\n  \"./placement-top/element.js\": [\n    \"9951\",\n    \"6703\",\n    \"3611\",\n    \"8280\",\n    \"1477\",\n    \"5649\",\n    \"9204\"\n  ],\n  \"./observatory-form/element.js\": [\n    \"17547\",\n    \"6703\",\n    \"6203\",\n    \"6110\",\n    \"8364\"\n  ],\n  \"./observatory-results/element.js\": [\n    \"13430\",\n    \"6203\",\n    \"9410\",\n    \"2868\",\n    \"6110\",\n    \"2006\",\n    \"7593\",\n    \"3676\",\n    \"4070\",\n    \"3259\"\n  ],\n  \"./about-tabs/element.js\": [\n    \"54842\",\n    \"7047\"\n  ],\n  \"./observatory-human-duration/element.js\": [\n    \"37077\",\n    \"9410\",\n    \"4070\"\n  ],\n  \"./playground/element.js\": [\n    \"14652\",\n    \"6703\",\n    \"749\",\n    \"3730\",\n    \"3106\",\n    \"993\",\n    \"6216\",\n    \"2080\",\n    \"640\",\n    \"9515\",\n    \"6203\",\n    \"5950\",\n    \"4098\",\n    \"6760\",\n    \"3047\",\n    \"2448\",\n    \"3000\",\n    \"291\"\n  ],\n  \"./ix-tab-panel/element.js\": [\n    \"89854\",\n    \"4419\"\n  ],\n  \"./play-editor/element.js\": [\n    \"63386\",\n    \"749\",\n    \"3730\",\n    \"3106\",\n    \"993\",\n    \"6216\",\n    \"2080\",\n    \"640\",\n    \"9515\",\n    \"5950\",\n    \"3047\"\n  ],\n  \"./themed-image/element.js\": [\n    \"48125\",\n    \"5102\"\n  ],\n  \"./writer-open-editor/element.js\": [\n    \"51310\",\n    \"6203\",\n    \"9967\"\n  ],\n  \"./progress-bar/element.js\": [\n    \"20141\",\n    \"6110\"\n  ],\n  \"./compat-table/element.js\": [\n    \"12969\",\n    \"2105\",\n    \"6002\"\n  ],\n  \"./login-button/element.js\": [\n    \"70242\",\n    \"6203\",\n    \"6067\"\n  ],\n  \"./observatory-rescan-button/element.js\": [\n    \"14416\",\n    \"6203\",\n    \"7593\",\n    \"3140\"\n  ],\n  \"./recently-visited/element.js\": [\n    \"95821\",\n    \"5562\",\n    \"5246\"\n  ],\n  \"./language-always-redirect-button/element.js\": [\n    \"77108\",\n    \"8300\",\n    \"5685\"\n  ],\n  \"./language-switcher/element.js\": [\n    \"64786\",\n    \"2868\",\n    \"9099\",\n    \"8300\",\n    \"8926\",\n    \"5667\"\n  ],\n  \"./search-modal/element.js\": [\n    \"97154\"\n  ],\n  \"./writer-reload/element.js\": [\n    \"14925\",\n    \"4366\"\n  ]\n};\nfunction __rspack_async_context(req) {\n  if(!__webpack_require__.o(map, req)) {\n    return Promise.resolve().then(function() {\n      var e = new Error(\"Cannot find module '\" + req + \"'\");\n      e.code = 'MODULE_NOT_FOUND';\n      throw e;\n    });\n  }\n\n  var ids = map[req], id = ids[0];\n  return Promise.all(ids.slice(1).map(__webpack_require__.e)).then(function() {\n    return __webpack_require__(id);\n  });\n}\n\n__rspack_async_context.keys = () => (Object.keys(map));\n__rspack_async_context.id = 98693;\nmodule.exports = __rspack_async_context;\n","var map = {\n  \"./en-US.ftl\": [\n    \"537\"\n  ],\n  \"./es.ftl\": [\n    \"59137\",\n    \"7898\"\n  ],\n  \"./de.ftl\": [\n    \"89516\",\n    \"6333\"\n  ],\n  \"./pt-BR.ftl\": [\n    \"27146\",\n    \"8839\"\n  ],\n  \"./ja.ftl\": [\n    \"68942\",\n    \"7027\"\n  ],\n  \"./zh-TW.ftl\": [\n    \"81023\",\n    \"8964\"\n  ],\n  \"./fr.ftl\": [\n    \"23293\",\n    \"1550\"\n  ],\n  \"./ru.ftl\": [\n    \"40730\",\n    \"3255\"\n  ],\n  \"./zh-CN.ftl\": [\n    \"39555\",\n    \"9456\"\n  ],\n  \"./ko.ftl\": [\n    \"45687\",\n    \"8604\"\n  ]\n};\nfunction __rspack_async_context(req) {\n  if(!__webpack_require__.o(map, req)) {\n    return Promise.resolve().then(function() {\n      var e = new Error(\"Cannot find module '\" + req + \"'\");\n      e.code = 'MODULE_NOT_FOUND';\n      throw e;\n    });\n  }\n\n  var ids = map[req], id = ids[0];\n  return Promise.all(ids.slice(1).map(__webpack_require__.e)).then(function() {\n    return __webpack_require__(id);\n  });\n}\n\n__rspack_async_context.keys = () => (Object.keys(map));\n__rspack_async_context.id = 9177;\nmodule.exports = __rspack_async_context;\n","try {\n  const indicator = document.querySelector(\".baseline-indicator\");\n  if (indicator instanceof HTMLDetailsElement) {\n    indicator.addEventListener(\"toggle\", () => {\n      saveState(indicator.open);\n    });\n    saveState(indicator.open);\n  }\n\n  /**\n   * @param {boolean} open\n   */\n  function saveState(open) {\n    if (open) {\n      localStorage.setItem(\"baseline-indicator\", \"open\");\n    } else {\n      localStorage.removeItem(\"baseline-indicator\");\n    }\n  }\n} catch (error) {\n  console.warn(\"Unable to attach to baseline indicator\", error);\n}\n","import { parseBool } from \"./utils.js\";\n\n/** @type {string[]} */\nexport const runtimeVariables = [];\n/** Overriden to prod default (false) in rspack config, set to true so it works in dev server by default. */\nexport const RUNTIME_ENV = parseBool(\"RUNTIME_ENV\", true);\n","import { RUNTIME_ENV, runtimeVariables } from \"./runtime.js\";\n\n/**\n * @typedef {object} Options\n * @property {boolean} [runtime] Allow setting this value at runtime\n */\n\n/**\n * @param {string} name\n * @param {boolean} fallback\n * @param {Options} [options]\n */\nexport function parseBool(name, fallback, options) {\n  try {\n    return Boolean(\n      JSON.parse(getEnv(name, options) || JSON.stringify(fallback)),\n    );\n  } catch {\n    return fallback;\n  }\n}\n\n/**\n * @param {string} name\n * @param {number} fallback\n * @param {Options} [options]\n */\nexport function parseInt(name, fallback, options) {\n  const stringValue = getEnv(name, options);\n  const numberValue = stringValue ? Number.parseInt(stringValue, 10) : fallback;\n  return Number.isNaN(numberValue) ? fallback : numberValue;\n}\n\n/**\n * @param {string} name\n * @param {string} fallback\n * @param {Options} [options]\n */\nexport function parseString(name, fallback, options) {\n  return getEnv(name, options) || fallback;\n}\n\n/**\n * @param {string} name\n * @param {Options} [options]\n * @returns {string | undefined}\n */\nfunction getEnv(name, options = {}) {\n  const { runtime } = { runtime: false, ...options };\n  const fullName = `FRED_${name}`;\n  if (runtime && RUNTIME_ENV) {\n    runtimeVariables.push(fullName);\n    // safely navigate if process is not defined\n    return globalThis.process?.env[fullName] || getEnv(name);\n  }\n  return globalThis.__MDNEnv?.[fullName];\n}\n","import { parseBool, parseInt, parseString } from \"./utils.js\";\n\nexport const PLAYGROUND_BASE_HOST = parseString(\n  \"PLAYGROUND_BASE_HOST\",\n  \"mdnplay.dev\",\n);\nexport const PLAYGROUND_LOCAL = parseBool(\"PLAYGROUND_LOCAL\", false, {\n  runtime: true,\n});\nexport const PORT = parseInt(\"PORT\", 3000, { runtime: true });\nexport const OPEN_BROWSER_ON_START = parseBool(\"OPEN_BROWSER_ON_START\", false, {\n  runtime: true,\n});\nexport const PLAYGROUND_PORT = parseInt(\"PLAYGROUND_PORT\", 3001, {\n  runtime: true,\n});\n\nexport const FXA_SIGNIN_URL = parseString(\n  \"FXA_SIGNIN_URL\",\n  \"/users/fxa/login/authenticate/\",\n);\nexport const FXA_SIGNOUT_URL = parseString(\n  \"FXA_SIGNOUT_URL\",\n  \"/users/fxa/login/logout/\",\n);\n\n/** Set to non-prod default, because we don't want glean to run without explicitly enabling. */\nexport const GLEAN_ENABLED = parseBool(\"GLEAN_ENABLED\", false);\n/** Set to non-prod default, because we don't want glean to run without explicitly enabling. */\nexport const GLEAN_CHANNEL = parseString(\"GLEAN_CHANNEL\", \"dev\");\nexport const GLEAN_DEBUG = parseBool(\"GLEAN_DEBUG\", false);\n\n/**\n * While there is a risk from not including the `noindex` meta tag on stage etc, we have a\n * `robots.txt` in place, and the effect of accidentally including it on prod is far worse:\n * so this must be the prod default.\n */\nexport const ROBOTS_GLOBAL_ALLOW = parseBool(\"ROBOTS_GLOBAL_ALLOW\", true);\n\nexport const WRITER_MODE = parseBool(\"WRITER_MODE\", false, { runtime: true });\n\nexport const BCD_BASE_URL = parseString(\n  \"BCD_BASE_URL\",\n  \"https://bcd.developer.mozilla.org\",\n);\n\nexport const OBSERVATORY_API_URL = parseString(\n  \"OBSERVATORY_API_URL\",\n  \"https://observatory-api.mdn.mozilla.net\",\n);\n\n// Transcend Consent Management - https://docs.transcend.io/docs/consent\nexport const TRANSCEND_AIRGAP_URL = parseString(\"TRANSCEND_AIRGAP_URL\", \"\");\n","const button = document.querySelector(`[aria-controls=\"navigation__popup\"]`);\nconst navigation = document.querySelector(\".navigation\");\nif (button instanceof HTMLElement && navigation instanceof HTMLElement) {\n  button.addEventListener(\"click\", () => {\n    const open = (!(navigation.dataset.open === \"true\")).toString();\n    navigation.dataset.open = open;\n    button.setAttribute(\"aria-expanded\", open);\n  });\n}\n","import { Task } from \"@lit/task\";\nimport { LitElement, html, nothing } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\n\nimport { gleanClick } from \"../../utils/glean.js\";\nimport { mdnUrl2Breadcrumb } from \"../../utils/mdn-url2breadcrumb.js\";\n\nimport exitIcon from \"../icon/cancel.svg?lit\";\n\nimport styles from \"./element.css?lit\";\n\nexport class MDNSearchModal extends L10nMixin(LitElement) {\n  static ssr = false;\n  static styles = styles;\n\n  static properties = {\n    _index: { state: true },\n    _query: { state: true },\n    _selected: { state: true },\n    _shiftFocus: { state: true },\n  };\n\n  constructor() {\n    super();\n    /** @type {Promise<import(\"./types.js\").SearchIndex> | undefined} */\n    this._index = undefined;\n    this._query = \"\";\n    this._selected = 0;\n    this._shiftFocus = false;\n    /** Capture whether user has engaged with the search. */\n    this._hasEngaged = false;\n  }\n\n  async _loadIndex() {\n    if (this._index) {\n      return;\n    }\n\n    this._index = this._fetchIndex();\n  }\n\n  async _fetchIndex() {\n    const res = await fetch(`/${this.locale}/search-index.json`);\n    /** @type {import(\"./types.js\").SearchIndexItem[]} */\n    const items = await res.json();\n    /** @type {import(\"./types.js\").SearchIndexFlexItem[]} */\n    const flex = items.map(({ title, url }, index) => ({\n      index,\n      title: title.toLowerCase(),\n      slugTail: url.split(\"/\").pop()?.toLowerCase() || \"\",\n    }));\n\n    return {\n      flex,\n      items,\n    };\n  }\n\n  showModal() {\n    this._loadIndex();\n    this.shadowRoot?.querySelector(\"dialog\")?.showModal();\n    this.shadowRoot?.querySelector(\"input\")?.select();\n  }\n\n  /** @param {InputEvent} event */\n  _input({ inputType, target }) {\n    if (target instanceof HTMLInputElement) {\n      this._query = target.value;\n      if (!this._hasEngaged && inputType.startsWith(\"insert\")) {\n        this._hasEngaged = true;\n        gleanClick(\n          `quick-search-change: ${inputType === \"insertFromPaste\" ? \"paste\" : \"type\"}`,\n        );\n      }\n    }\n  }\n\n  /** @param {KeyboardEvent} event */\n  _keydown(event) {\n    switch (event.key) {\n      case \"ArrowUp\": {\n        event.preventDefault();\n        this._select(this._selected - 1);\n        break;\n      }\n      case \"ArrowDown\":\n        event.preventDefault();\n        this._select(this._selected + 1);\n        break;\n\n      case \"Enter\": {\n        const { ctrlKey, shiftKey, altKey, metaKey } = event;\n        const item = this._getSelectedItem();\n        if (item instanceof HTMLElement) {\n          event.preventDefault();\n          item.dispatchEvent(\n            new MouseEvent(\"click\", {\n              bubbles: true,\n              composed: true,\n              // we attempt to pass modifier keys through\n              // but browser support is incredibly varied:\n              ctrlKey,\n              shiftKey,\n              altKey,\n              metaKey,\n            }),\n          );\n        }\n        break;\n      }\n\n      default:\n        return;\n    }\n  }\n\n  /** @returns {HTMLElement|null} */\n  _getSelectedItem() {\n    return this.shadowRoot?.querySelector(\"[data-selected] a\") ?? null;\n  }\n\n  /** @param {number} index */\n  _select(index) {\n    const results = (this._queryIndex.value?.length || 0) + 1;\n    const value = index % results;\n    this._selected = value < 0 ? results + index : value;\n    setTimeout(() => {\n      const item = this._getSelectedItem();\n      if (item instanceof HTMLElement) {\n        item.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"nearest\",\n        });\n      }\n    }, 0);\n  }\n\n  /** @param {SubmitEvent} event */\n  _submit(event) {\n    event.preventDefault();\n    const item = this._getSelectedItem();\n    if (item instanceof HTMLElement) {\n      item.click();\n    }\n  }\n\n  /** @param {FocusEvent} event */\n  _focus({ target }) {\n    if (target instanceof HTMLElement) {\n      const focused = target.closest(\"[data-result]\");\n      if (focused instanceof HTMLElement) {\n        const index = Number.parseInt(focused.dataset.result || \"NaN\", 10);\n        if (!Number.isNaN(index)) {\n          this._selected = index;\n          this._shiftFocus = true;\n        }\n      } else {\n        this._shiftFocus = false;\n      }\n    }\n  }\n\n  /** @param {KeyboardEvent} event */\n  _globalKeydown(event) {\n    const target = event.composedPath()?.[0] || event.target;\n    const isTextField =\n      target instanceof HTMLElement &&\n      ([\"TEXTAREA\", \"INPUT\"].includes(target.tagName) ||\n        target.isContentEditable);\n\n    if (isTextField) {\n      return;\n    }\n\n    const selection = globalThis.getSelection()?.toString();\n    const keyPressed = event.key;\n    const ctrlOrMetaPressed = event.ctrlKey || event.metaKey;\n    const isSlash = keyPressed === \"/\" && !ctrlOrMetaPressed;\n    const isCtrlK = keyPressed === \"k\" && ctrlOrMetaPressed && !event.shiftKey;\n\n    if (isSlash || isCtrlK) {\n      event.preventDefault();\n      gleanClick(\n        `quick-search-open: keyboard -> ${isSlash ? \"slash\" : \"ctrl-k\"}`,\n      );\n      this.showModal();\n      if (selection) {\n        this._query = selection;\n        if (!this._hasEngaged) {\n          this._hasEngaged = true;\n          gleanClick(\"quick-search-change: selection\");\n        }\n      }\n    }\n  }\n\n  _queryIndex = new Task(this, {\n    args: () => [this._index, this._query],\n    task: async ([index, query]) => {\n      if (!index || !query) {\n        return;\n      }\n      return quickSearch(query, await index);\n    },\n  });\n\n  _close() {\n    this.shadowRoot?.querySelector(\"dialog\")?.close();\n  }\n\n  /** @param {ToggleEvent} event */\n  _toggle({ newState }) {\n    document.documentElement.classList.toggle(\n      \"search-modal-open\",\n      newState === \"open\",\n    );\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._globalKeydown = this._globalKeydown.bind(this);\n    document.addEventListener(\"keydown\", this._globalKeydown);\n    this._loadIndex = this._loadIndex.bind(this);\n    this.renderRoot.addEventListener(\"mouseover\", this._loadIndex);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.renderRoot.removeEventListener(\"mouseover\", this._loadIndex);\n    document.removeEventListener(\"keydown\", this._globalKeydown);\n    document.documentElement.classList.remove(\"search-modal-open\");\n  }\n\n  _renderLoadingSearchIndex() {\n    return html`<progress\n      aria-label=${this.l10n(\n        \"search-modal-loading-search-index\",\n      )`Loading search index…`}\n    ></progress>`;\n  }\n\n  render() {\n    const siteSearchIndex = this._queryIndex.value?.length || 0;\n    const searchUrl = this._query\n      ? `/${this.locale}/search?${new URLSearchParams({ q: this._query })}`\n      : null;\n    return html`\n      <dialog\n        @keydown=${this._keydown}\n        @focusin=${this._focus}\n        @toggle=${this._toggle}\n        closedby=\"any\"\n      >\n        <form\n          method=\"get\"\n          action=${`/${this.locale}/search`}\n          @submit=${this._submit}\n        >\n          <input\n            type=\"search\"\n            name=\"q\"\n            .value=${this._query}\n            autocomplete=\"off\"\n            autofocus\n            @input=${this._input}\n            placeholder=${this.l10n(\"search-modal-search\")`Search`}\n            aria-label=${this.l10n(\"search-modal-search\")`Search`}\n          />\n        </form>\n        <mdn-button\n          class=\"close\"\n          variant=\"plain\"\n          icon-only\n          .icon=${exitIcon}\n          @click=${this._close}\n          >${this.l10n(\"search-modal-exit-search\")`Exit search`}</mdn-button\n        >\n        ${this._queryIndex.render({\n          initial: this._renderLoadingSearchIndex.bind(this),\n          pending: this._renderLoadingSearchIndex.bind(this),\n        })}\n        <ul>\n          ${this._queryIndex.render({\n            complete: (results) =>\n              results?.map(\n                ({ title, url }, i) => html`\n                  <li ?data-selected=${this._selected === i} data-result=${i}>\n                    <a\n                      href=${url}\n                      data-glean-id=${`quick-search: results[${1 + i}] -> ${this._query} -> ${url}`}\n                      ><span class=\"slug\"\n                        >${mdnUrl2Breadcrumb(url, this.locale)}</span\n                      >\n                      <span class=\"title\"\n                        >${HighlightMatch(title, this._query)}</span\n                      ></a\n                    >\n                  </li>\n                `,\n              ),\n          })}\n          ${searchUrl\n            ? html`<li\n                ?data-selected=${this._selected === siteSearchIndex}\n                data-result=${siteSearchIndex}\n              >\n                <a\n                  href=${searchUrl}\n                  data-glean-id=${`quick-search: site-search -> ${this._query}`}\n                  ><span class=\"title\"\n                    >${this.l10n.raw({\n                      id: \"search-modal-site-search\",\n                      args: {\n                        query: this._query,\n                      },\n                      elements: {\n                        query: { tag: \"code\" },\n                      },\n                    })}</span\n                  ></a\n                >\n              </li>`\n            : nothing}\n        </ul>\n      </dialog>\n    `;\n  }\n\n  updated() {\n    if (this._shiftFocus) {\n      const selected = this._getSelectedItem();\n      if (selected instanceof HTMLElement) {\n        selected.focus();\n      }\n    }\n  }\n}\n\ncustomElements.define(\"mdn-search-modal\", MDNSearchModal);\n\n/**\n * @param {string} input\n * @param {import(\"./types.js\").SearchIndex} index\n * @returns {import(\"./types.js\").SearchResultItem[]}\n */\nfunction quickSearch(input, index) {\n  const inputValueLC = input.toLowerCase().trim();\n  const q = splitQuery(input);\n  const indexResults = index.flex\n    .filter(({ title }) => q.every((q) => title.includes(q)))\n    .map(({ index, title, slugTail }) => {\n      const exact = Number([title, slugTail].includes(inputValueLC));\n      return /** @type {const} */ ([exact, index]);\n    })\n    .sort(([aExact], [bExact]) => bExact - aExact) // Boost exact matches.\n    .map(([_, i]) => i)\n    .slice(0, 10);\n\n  return indexResults.map((i) => i && (index.items || [])[i]).filter(Boolean);\n}\n\n/**\n * Used by quicksearch and sidebar filters.\n * @param {string} term\n * @returns {string[]}\n */\nexport function splitQuery(term) {\n  term = term.trim().toLowerCase();\n  return term.startsWith(\".\") || term.endsWith(\".\")\n    ? // Dot is probably meaningful.\n      term.split(/[ ,]+/)\n    : // Dot is probably just a word separator.\n      term.split(/[ ,.]+/);\n}\n\n/**\n * @param {string} title\n * @param {string} query\n */\nfunction HighlightMatch(title, query) {\n  // Split on highlight term and include term into parts, ignore case.\n  const words = splitQuery(query);\n  // $& means the whole matched string\n  const regexWords = words.map((s) =>\n    s.replaceAll(/[.*+?^${}()|[\\]\\\\]/g, String.raw`\\$&`),\n  );\n  const regex = regexWords.map((word) => `(${word})`).join(\"|\");\n  const parts = title.split(new RegExp(regex, \"gi\"));\n  return parts\n    .filter(Boolean)\n    .map((part) =>\n      words.includes(part.toLowerCase()) ? html`<mark>${part}</mark>` : part,\n    );\n}\n","/**\n * @import * as User from \"../user/types.js\";\n */\n\nimport { WRITER_MODE } from \"../env/index.js\";\n\nconst DEFAULT_GEO = { country: \"United States\", country_iso: \"US\" };\n\n/**\n * @type {User.User}\n */\nconst DEFAULT_USER = {\n  username: null,\n  isAuthenticated: false,\n  avatarUrl: null,\n  isSubscriber: false,\n  subscriptionType: null,\n  email: null,\n  geo: DEFAULT_GEO,\n  settings: null,\n};\n\n/**\n * @type {Promise<User.User> | undefined}\n */\nlet USER;\n\n/**\n *\n * @returns {Promise<User.User>}\n */\nexport function globalUser() {\n  if (WRITER_MODE) {\n    return new Promise(() => {});\n  }\n  if (!USER) {\n    USER = fetchUserData().catch((error) => {\n      console.error(error);\n      return DEFAULT_USER;\n    });\n  }\n  return USER;\n}\n\n/**\n *\n * @returns {Promise<User.User>}\n */\nasync function fetchUserData() {\n  const response = await fetch(\"/api/v1/whoami\");\n  if (!response.ok) {\n    throw new Error(response.statusText);\n  }\n\n  try {\n    /**\n     * @type {User.WhoamiResponse}\n     */\n    const data = await response.json();\n    const settings = data?.settings\n      ? {\n          aiHelpHistory:\n            typeof data.settings?.ai_help_history === \"boolean\"\n              ? data.settings.ai_help_history\n              : null,\n          noAds: data.settings?.no_ads ?? null,\n        }\n      : DEFAULT_USER.settings;\n    Settings.noAds = settings?.noAds || false;\n    return {\n      username: data.username ?? DEFAULT_USER.username,\n      isAuthenticated: data.is_authenticated ?? DEFAULT_USER.isAuthenticated,\n      avatarUrl: data.avatar_url ?? DEFAULT_USER.avatarUrl,\n      isSubscriber: data.is_subscriber ?? DEFAULT_USER.isSubscriber,\n      subscriptionType:\n        data.subscription_type === \"core\"\n          ? \"mdn_core\"\n          : (data.subscription_type ?? DEFAULT_USER.subscriptionType),\n      email: data.email ?? DEFAULT_USER.email,\n      geo: {\n        country: (data.geo && data.geo.country) ?? DEFAULT_GEO.country,\n        country_iso:\n          (data.geo && data.geo.country_iso) ?? DEFAULT_GEO.country_iso,\n      },\n      settings,\n    };\n  } catch {\n    throw new Error(response.statusText);\n  }\n}\n\nexport const Settings = {\n  set noAds(value) {\n    if (value) {\n      globalThis.localStorage.setItem(\"nop\", \"yes\");\n    } else {\n      globalThis.localStorage.removeItem(\"nop\");\n    }\n  },\n\n  get noAds() {\n    return globalThis.localStorage?.getItem?.(\"nop\") === \"yes\";\n  },\n};\n","for (const pre of document.querySelectorAll(\n  `div.code-example pre:not(.hidden):not([class*=\"live-sample\"]):not([class*=\"interactive-example\"])`,\n)) {\n  const { upgradePre } = await import(\"../components/code-example/element.js\");\n  upgradePre(pre);\n}\n","/**\n * dialog closedby polyfill based on https://github.com/tak-dcxi/dialog-closedby-polyfill\n *\n * @license MIT\n *\n * Copyright (c) 2025 Takahiro Arai\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nif (!(\"closedBy\" in HTMLDialogElement.prototype)) {\n  addEventListener(\"click\", (event) => {\n    const source = event.composedPath()[0];\n    if (\n      source instanceof HTMLDialogElement &&\n      source.getAttribute(\"closedby\") === \"any\"\n    ) {\n      const rect = source.getBoundingClientRect();\n      const { clientX: x, clientY: y } = event;\n      const inside =\n        rect.top <= y && y <= rect.bottom && rect.left <= x && x <= rect.right;\n\n      if (!inside) source.close();\n    }\n  });\n}\n","import Glean from \"@mozilla/glean/web\";\n\nimport {\n  GLEAN_CHANNEL,\n  GLEAN_DEBUG,\n  GLEAN_ENABLED,\n} from \"../components/env/index.js\";\nimport { gleanClick } from \"../utils/glean.js\";\nimport { userIsOptedOut } from \"../utils/telemetry-opt-out.js\";\n\nconst GLEAN_APP_ID = \"mdn-fred\";\n\nconst uploadEnabled = !userIsOptedOut() && GLEAN_ENABLED;\n\nif (GLEAN_DEBUG) {\n  Glean.setDebugViewTag(\"mdn-dev\");\n  Glean.setLogPings(true);\n}\n\nGlean.initialize(GLEAN_APP_ID, uploadEnabled, {\n  enableAutoPageLoadEvents: true,\n  enableAutoElementClickEvents: true,\n  channel: GLEAN_CHANNEL,\n});\n\ndocument.addEventListener(\"click\", (event) => {\n  const composedTarget = event.composedPath()?.[0];\n  if (composedTarget !== event.target && composedTarget instanceof Element) {\n    // Workaround for automatic click events in shadow DOM.\n    // See: https://bugzil.la/1988206\n    const taggedElement = composedTarget.closest(\"[data-glean-id]\");\n    if (taggedElement instanceof HTMLElement) {\n      const gleanId = taggedElement.dataset.gleanId;\n      if (gleanId) {\n        gleanClick(gleanId);\n      }\n    }\n  }\n\n  const target = composedTarget ?? event.target;\n  if (target instanceof Element) {\n    // External link measurement.\n    const anchor = target.closest(\"a\");\n    if (\n      anchor instanceof HTMLAnchorElement &&\n      anchor.href &&\n      anchor.origin &&\n      anchor.origin !== document.location.origin\n    ) {\n      gleanClick(`external-link: ${anchor.href}`);\n    }\n  }\n});\n","const FIRST_PARTY_DATA_OPT_OUT_COOKIE_NAME = \"moz-1st-party-data-opt-out\";\n\n/**\n * Checks if user has opted out of first-party data collection.\n * @param {string} [cookie] - An optional mock cookie string to ease unit testing.\n * @returns {boolean} True if user has opted out, false otherwise\n */\nexport function userIsOptedOut(cookie) {\n  return (cookie || document.cookie)\n    .split(\"; \")\n    .includes(`${FIRST_PARTY_DATA_OPT_OUT_COOKIE_NAME}=true`);\n}\n","/**\n * @import { MDNCodeExample } from \"../components/code-example/element.js\";\n */\n\nfor (const iframe of document.querySelectorAll(\"iframe[data-live-id]\")) {\n  if (iframe instanceof HTMLIFrameElement) {\n    const { liveId, livePath } = iframe.dataset;\n    if (liveId) {\n      /** @type {Record<string, string>} */\n      const liveSampleCode = {};\n      /** @type {MDNCodeExample[]} */\n      const codeExamples = [];\n\n      const escapedId = liveId.replaceAll(\".\", String.raw`\\.`);\n      for (const element of document.querySelectorAll(\n        `.live-sample___${escapedId}, .live-sample---${escapedId}`,\n      )) {\n        const { MDNCodeExample, upgradePre } =\n          await import(\"../components/code-example/element.js\");\n        const codeExample =\n          element instanceof MDNCodeExample ? element : upgradePre(element);\n        if (codeExample) {\n          codeExamples.push(codeExample);\n          const { language, code } = codeExample;\n          if (liveSampleCode[language]) {\n            liveSampleCode[language] += code;\n          } else {\n            liveSampleCode[language] = code;\n          }\n        }\n      }\n\n      await import(\"../components/live-sample-result/element.js\");\n      const result = document.createElement(\"mdn-live-sample-result\");\n      result.liveId = liveId;\n      result.code = liveSampleCode;\n      result.srcPrefix = livePath;\n      result.allow = iframe.allow || undefined;\n      result.sandbox = iframe.sandbox.toString();\n      result.height = iframe.height;\n      iframe.closest(\".code-example\")?.replaceWith(result);\n\n      for (const codeExample of codeExamples) {\n        codeExample.liveSample ||= result;\n      }\n    }\n  }\n}\n","const loaded = new Set();\nfor (const element of document.querySelectorAll(\"*\")) {\n  const tag = element.tagName.toLowerCase();\n  if (tag.startsWith(\"mdn-\") || tag === \"interactive-example\") {\n    const component = tag.replace(\"mdn-\", \"\");\n    if (!loaded.has(component)) {\n      loaded.add(component);\n      // we don't want to await, because we want these to load in parallel\n      // eslint-disable-next-line unicorn/prefer-top-level-await\n      import(`../components/${component}/element.js`).catch((error) => {\n        console.error(\n          `couldn't load code for <${component}>: does the element's code not match the naming schema?`,\n          error,\n        );\n      });\n    }\n  }\n}\n","const sidebar = document.querySelector(\"#main-sidebar\");\nconst current = sidebar?.querySelector('[aria-current=\"page\"]');\nif (sidebar && current instanceof HTMLElement) {\n  sidebar.scrollTo({\n    top: current.offsetTop - window.innerHeight / 4,\n  });\n}\n","import { MDNSearchModal } from \"../components/search-modal/element.js\";\n\nconst skipToSearch = document.querySelector(`.a11y-menu a[href=\"#search\"]`);\n\nif (skipToSearch instanceof HTMLAnchorElement) {\n  const search = document.querySelector(\"#search\");\n\n  if (search instanceof MDNSearchModal) {\n    skipToSearch.addEventListener(\"click\", (event) => {\n      const { target } = event;\n\n      if (target instanceof HTMLElement) {\n        target.blur();\n        event.preventDefault();\n      }\n\n      search.showModal();\n    });\n  } else {\n    console.error(\"MDNSearchModal not found!\");\n    skipToSearch.hidden = true;\n  }\n}\n","/**\n * @param {HTMLElement} toc\n * @returns {void}\n */\nfunction highlightTOC(toc) {\n  // 1. Collect TOC items\n  const tocItems = [...toc.querySelectorAll(\"a\")];\n\n  // 2. Map sections to TOC item\n  /** @type {Map<HTMLElement, HTMLAnchorElement>} */\n  const tocItemBySection = new Map();\n  for (const item of tocItems.reverse()) {\n    const target = document.querySelector(\n      `[id=\"${decodeURIComponent(item.hash).slice(1)}\"]`,\n    );\n\n    if (!target) {\n      continue;\n    }\n\n    /** @type {Element|null} */\n    let section = target.closest(\"section\");\n\n    while (\n      section &&\n      section instanceof HTMLElement &&\n      !tocItemBySection.has(section)\n    ) {\n      tocItemBySection.set(section, item);\n      const next = section.nextElementSibling;\n      section = next;\n    }\n  }\n\n  /** @type {WeakMap<HTMLElement,number>} */\n  const visibleSectionsByItem = new WeakMap();\n\n  /** @type {Set<HTMLElement>} */\n  const everVisibleSections = new Set();\n\n  // 3. Handle visibility transitions\n  const onIntersect = (/** @type {IntersectionObserverEntry[]} */ entries) => {\n    for (const { target, isIntersecting } of entries) {\n      if (!(target instanceof HTMLElement)) {\n        continue;\n      }\n\n      if (!everVisibleSections.has(target)) {\n        if (isIntersecting) {\n          everVisibleSections.add(target);\n        } else {\n          continue;\n        }\n      }\n\n      const item = tocItemBySection.get(target);\n\n      if (!item) {\n        continue;\n      }\n\n      const visibleCount =\n        (visibleSectionsByItem.get(item) ?? 0) + (isIntersecting ? 1 : -1);\n\n      item.ariaCurrent = visibleCount > 0 ? \"true\" : null;\n      visibleSectionsByItem.set(item, visibleCount);\n    }\n  };\n\n  // 5. Determine options.\n  /** @type {IntersectionObserverInit} */\n  const options = {\n    threshold: 0,\n  };\n  const header = document.querySelector(\"header\");\n  if (header instanceof HTMLElement) {\n    options.rootMargin = `-${header.clientHeight}px 0px 0px 0px`;\n  }\n\n  // 5. Init observer.\n  const observer = new IntersectionObserver(onIntersect, options);\n\n  // 6. Observe sections.\n  for (const section of tocItemBySection.keys()) {\n    observer.observe(section);\n  }\n}\n\nfor (const toc of document.querySelectorAll(\n  \".generic-toc, .reference-toc, .document-toc, .blog-toc\",\n)) {\n  if (toc instanceof HTMLElement) {\n    highlightTOC(toc);\n  }\n}\n","import { globalUser } from \"../components/user/context.js\";\n\ntry {\n  const user = await globalUser();\n  const nextPing = new Date(localStorage.getItem(\"next-ping\") || 0);\n  if (navigator.sendBeacon && user.isAuthenticated && nextPing < new Date()) {\n    const params = new URLSearchParams();\n\n    navigator.sendBeacon(\"/api/v1/ping\", params);\n\n    const newNextPing = new Date();\n    newNextPing.setUTCDate(newNextPing.getUTCDate() + 1);\n    newNextPing.setUTCHours(0);\n    newNextPing.setUTCMinutes(0);\n    newNextPing.setUTCSeconds(0);\n    newNextPing.setUTCMilliseconds(0);\n    localStorage.setItem(\"next-ping\", newNextPing.toISOString());\n  }\n} catch (error) {\n  console.error(\"Failed to send ping\", error);\n}\n","import { FluentBundle, FluentResource } from \"@fluent/bundle\";\nimport insane from \"insane\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n\nimport enUS_ftl from \"./locales/en-US.ftl\";\n\n/**\n * @import { AllowedTags } from \"insane\";\n */\n\n/** @type {Record<string, string>} */\nconst ftlMap = {\n  \"en-US\": enUS_ftl,\n};\n\nconst ALLOWED_TAGS = [\"i\", \"strong\", \"br\", \"em\"];\nconst ALLOWED_ATTRIBUTES = [\"title\", \"aria-label\"];\n\nexport class Fluent {\n  /**\n   * @param {string} locale\n   * @param {string[]} resources\n   */\n  constructor(locale = \"en-US\", resources = []) {\n    this.locale = locale;\n\n    this.usBundle = Fluent.constructBundle(\n      new FluentBundle(locale, { useIsolating: false }),\n      [enUS_ftl],\n    );\n\n    if (resources.length > 0) {\n      this.bundle = Fluent.constructBundle(\n        new FluentBundle(locale, { useIsolating: false }),\n        [enUS_ftl, ...resources],\n      );\n    }\n  }\n\n  /**\n   * @param {FluentBundle} bundle\n   * @param {string[]} resources\n   */\n  static constructBundle(bundle, resources = []) {\n    for (const r of resources) {\n      const errors = bundle.addResource(new FluentResource(r), {\n        allowOverrides: true,\n      });\n      if (errors.length > 0) {\n        console.error(errors);\n      }\n    }\n    return bundle;\n  }\n\n  /**\n   * @param {string} id\n   * @param {string} [attr]\n   * @param {Record<string, any>} [args]\n   * @param {Record<string, import(\"../types/fluent.js\").Element>} [elements]\n   * @returns {string | ReturnType<typeof unsafeHTML> | undefined}\n   */\n  get(id, attr, args, elements) {\n    const message = this.getMessage(id, attr, args);\n    if (!message) {\n      return;\n    }\n    return Fluent.sanitize(message, elements);\n  }\n\n  /**\n   * @param {string} message\n   * @param {Record<string, import(\"../types/fluent.js\").Element>} [elements]\n   * @returns {string | ReturnType<typeof unsafeHTML>}\n   */\n  static sanitize(message, elements = {}) {\n    /** @type { Record<string, string[]> } */\n    const allowedAttributes = {};\n    for (const t of Object.values(elements)) {\n      allowedAttributes[t.tag] = [\n        ...Object.keys(t).filter((x) => x !== \"tag\"),\n        ...ALLOWED_ATTRIBUTES,\n      ];\n    }\n\n    const allowedTags = [\n      ...Object.values(elements).map((t) => t.tag),\n      ...ALLOWED_TAGS,\n    ];\n\n    let safe = true;\n    const sanitized = insane(\n      message,\n      {\n        allowedAttributes,\n        allowedTags: /** @type {AllowedTags[]} */ (allowedTags),\n        allowedSchemes: [\"http\", \"https\", \"mailto\"],\n        filter(token) {\n          // TODO: use element names directly\n          const name = token.attrs[\"data-l10n-name\"];\n          if (name) {\n            for (const [k, v] of Object.entries(elements[name] || {})) {\n              token.attrs[k] = v;\n            }\n          }\n          if (\n            ALLOWED_TAGS.includes(token.tag) ||\n            (name &&\n              Object.keys(elements).includes(name) &&\n              elements[name]?.tag === token.tag)\n          ) {\n            safe = false;\n            return true;\n          }\n          return false;\n        },\n      },\n      true,\n    );\n    return safe ? sanitized : unsafeHTML(sanitized);\n  }\n\n  /**\n   * @param {string} id\n   * @param {string} [attr]\n   * @param {Record<string, any>} [args]\n   * @param {FluentBundle | undefined} [bundle]\n   * @param {boolean} [us]\n   * @returns {string | undefined}\n   */\n  getMessage(id, attr, args = {}, bundle = this.bundle, us = false) {\n    const parentMessage = bundle ? bundle.getMessage(id) : undefined;\n    let message;\n\n    if (this.locale === \"qai\") {\n      return `[${id}${attr ? `.${attr}` : \"\"}]`;\n    }\n\n    if (!parentMessage) {\n      if (us) {\n        // console.error(`string ${id} doesn't exist`);\n        // return `[${id}${attr ? `.${attr}` : \"\"}]`;\n        return;\n      }\n      return this.getMessage(id, attr, args, this.usBundle, true);\n    }\n\n    if (attr) {\n      message = parentMessage.attributes[attr];\n      if (!message) {\n        if (us) {\n          // console.error(`string ${id} with ${attr} attribute doesn't exist`);\n          // return `[${id}.${attr}]`;\n          return;\n        }\n        return this.getMessage(id, attr, args, this.usBundle, true);\n      }\n    } else if (parentMessage.value) {\n      message = parentMessage.value;\n    }\n\n    if (!message || !bundle) {\n      return \"\";\n    }\n\n    /** @type {Error[]} */\n    const errors = [];\n    const formatted = bundle?.formatPattern(message, args, errors);\n    if (errors.length > 0) {\n      console.error(errors);\n    }\n    return formatted;\n  }\n}\n\n/** @type {Map<string, Fluent>} */\nconst fluent = new Map();\n\n/**\n * @param {string} [locale]\n */\nfunction getLocale(locale) {\n  if (!locale) {\n    return;\n  }\n  if (!fluent.has(locale)) {\n    const ftl = ftlMap[locale];\n    if (!ftl) {\n      return new Fluent(locale);\n    }\n    const localeF = new Fluent(locale, [ftl]);\n    fluent.set(locale, localeF);\n  }\n  return fluent.get(locale);\n}\n\n/**\n * @param {string} locale\n */\nexport async function loadFluentFile(locale) {\n  if (locale !== \"qai\" && !ftlMap[locale]) {\n    try {\n      const { default: localeStrings } = await import(\n        `./locales/${locale}.ftl`\n      );\n      ftlMap[locale] = localeStrings;\n    } catch (error) {\n      console.error(error);\n    }\n  }\n}\n\n/**\n * @param {string} locale\n */\nexport default function getFluentContext(locale) {\n  /**\n   * @param {string} id\n   * @param {string} [_comment]\n   * @returns {import(\"../types/fluent.js\").L10nTag}\n   */\n  function l10n(id, _comment) {\n    // called as a function, returning a template tag:\n    // l10n(\"foobar\")`Foobar`\n    const localizedStringOrHtml = getLocale(locale)?.get(id);\n    // if fluent has returned a lit html template, discard it\n    const localizedString =\n      typeof localizedStringOrHtml === \"string\"\n        ? localizedStringOrHtml\n        : undefined;\n    const fallbackString = `[${id}]`;\n    /** @type {import(\"../types/fluent.js\").L10nTag} */\n    const tag = (strings) => {\n      // we don't currently support any expressions in the template string\n      // we might in the future, if we use l10n.raw a lot\n      const templateString = strings[0];\n      return localizedString || templateString || fallbackString;\n    };\n    tag.toString = () => {\n      // called as a function, used as a function:\n      // ${l10n(\"foobar\")}\n      return localizedString || fallbackString;\n    };\n    return tag;\n  }\n\n  /**\n   * @param {{ id: string, attr?: string, args?: Record<string, any>, elements?: Record<string, import(\"../types/fluent.js\").Element> }} param0\n   */\n  l10n.raw = function ({ id, attr, args, elements }) {\n    const fluent = getLocale(locale);\n    if (fluent) {\n      return fluent.get(id, attr, args, elements);\n    }\n    return `[${id}]`;\n  };\n\n  return l10n;\n}\n\n// const l10n = getFluentContext(\"en-US\");\n\n// console.log(l10n`Hello`);\n// console.log(l10n(\"hello\")`Hello`);\n// console.log(l10n(\"hello\", \"a greeting to the user\")`Hello`);\n// console.log(l10n.raw({ id: \"hello\" }));\n// console.log(`${l10n(\"hello\")}`);\n\n// should show error:\n// l10n(\"hello\")`Hello ${\"world\"}`;\n","import { getSymmetricContext } from \"../symmetric-context/both.js\";\n\nimport { loadFluentFile } from \"./fluent.js\";\n\nconst locale = getSymmetricContext().locale;\nif (locale) await loadFluentFile(locale);\n","import { getSymmetricContext } from \"../symmetric-context/both.js\";\n\nimport getFluentContext from \"./fluent.js\";\n\n/**\n * @import { LitElement } from \"lit\";\n */\n\n/**\n * @template {new (...args: any[]) => LitElement} TBase\n * @param {TBase} Base\n */\nexport const L10nMixin = (Base) =>\n  class LocalizedElement extends Base {\n    /**\n     * @param  {...any} args\n     */\n    constructor(...args) {\n      super(...args);\n      const context = getSymmetricContext();\n      this.locale = context.locale;\n      this.l10n = getFluentContext(this.locale);\n    }\n  };\n","/**\n * Runs on either client or server,\n * and returns the client or server context respectively\n * @returns {import(\"./types.js\").SymmetricContext}\n */\nexport function getSymmetricContext() {\n  const serverStore = globalThis.__MDNServerContext?.getStore();\n  const clientStore = globalThis.__MDNClientContext;\n  return serverStore || clientStore;\n}\n","/**\n * The client-derived values of the symmetric context:\n * this will run within a user's web browser\n * @type {import(\"./types.js\").SymmetricContext}\n */\nglobalThis.__MDNClientContext = {\n  locale: globalThis.location.pathname.split(\"/\")[1] || \"en-US\",\n};\n","import GleanMetrics from \"@mozilla/glean/metrics\";\n\n/**\n * Records a click event.\n *\n * Use only if automatic click events are not an option.\n * See: https://mozilla.github.io/glean.js/automatic_instrumentation/click_events/\n *\n * @param {string} source\n */\nexport function gleanClick(source) {\n  GleanMetrics.recordElementClick({\n    id: source,\n    url: globalThis.location.href,\n    referrer: document.referrer,\n    title: document.title,\n  });\n}\n","/**\n * Returns an MDN URL into a Breadcrumb-like string representation.\n *\n * @param {string} url - the full MDN URL (e.g. \"/en-US/docs/Web/HTML/Reference/Elements/a\").\n * @param {string} locale - the locale (to omit)\n * @returns {string} the breadcrumb-like string for the URL.\n */\nexport function mdnUrl2Breadcrumb(url, locale) {\n  let parents = url\n    .replaceAll(\"_\", \" \")\n    .split(\"/\")\n    .filter((p) => ![\"\", locale, \"docs\"].includes(p));\n\n  // Replace \"API\" for clarity.\n  parents = parents.map((p) => (p === \"API\" ? \"Web APIs\" : p));\n\n  if (parents.length > 1 && parents.at(0) === \"Web\") {\n    // Remove virtual \"Web\" path.\n    parents.splice(0, 1);\n  }\n\n  if (parents.length > 1) {\n    // Remove current item.\n    parents.splice(-1, 1);\n  }\n\n  return parents.join(\" / \");\n}\n"],"names":["Promise","Error","Object","document","localStorage","HTMLDetailsElement","e","console","o","JSON","n","Number","globalThis","HTMLElement","MDNSearchModal","fetch","t","HTMLInputElement","a","MouseEvent","setTimeout","i","Boolean","URLSearchParams","String","RegExp","customElements","value","HTMLDialogElement","addEventListener","Element","HTMLAnchorElement","HTMLIFrameElement","Set","window","Map","decodeURIComponent","WeakMap","IntersectionObserver","Date","navigator","Fluent","s"],"mappings":";+IAAA,MAAe,CAAC;AAChB;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,CAAC,yGCtJG,EAAgC,kBAChC,EAA0B,IAA4B,KACtD,EAAqC,IAAgC,GAEzE,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,CAAC,2vDAA2vD,EAAE,EAAmC,iBAAiB,EAAE,EAAmC,63BAA63B,CAAC,CAAE,GAAG,EAEnwF,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,gDCX5B,MAAe,QAAG,CAAC,2NAA2N,CAAC,eCA1Q,IAAI,EAAM,CACR,4BAA6B,CAC3B,QACA,OACA,OACA,OACA,OACA,OACA,OACD,CACD,wBAAyB,CACvB,QACA,OACA,OACD,CACD,kCAAmC,CACjC,QACA,OACA,OACA,OACA,OACA,OACA,OACA,OACD,CACD,4CAA6C,CAC3C,QACA,OACD,CACD,2BAA4B,CAC1B,QACA,OACA,OACA,OACA,OACD,CACD,6BAA8B,CAC5B,QACA,OACD,CACD,sBAAuB,CACrB,QACA,OACA,OACA,OACA,OACD,CACD,8BAA+B,CAC7B,QACA,OACD,CACD,iCAAkC,CAChC,QACA,OACA,OACA,OACA,OACA,OACA,OACD,CACD,iCAAkC,CAChC,QACA,OACA,OACA,OACA,OACA,OACA,OACD,CACD,4BAA6B,CAC3B,QACA,OACA,OACD,CACD,8BAA+B,CAC7B,QACA,OACA,OACD,CACD,yBAA0B,CACxB,QACA,OACA,OACA,OACD,CACD,mCAAoC,CAClC,QACA,OACA,MACA,OACA,OACA,MACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACD,CACD,2BAA4B,CAC1B,QACA,OACA,OACA,OACD,CACD,4CAA6C,CAC3C,QACA,OACA,OACD,CACD,8BAA+B,CAC7B,QACA,OACD,CACD,4BAA6B,CAC3B,QACA,OACD,CACD,4BAA6B,CAC3B,QACA,OACA,OACD,CACD,sBAAuB,CACrB,QACA,OACD,CACD,sCAAuC,CACrC,OACA,OACA,OACA,OACD,CACD,gCAAiC,CAC/B,QACA,OACD,CACD,sBAAuB,CACrB,QACA,OACA,OACD,CACD,+BAAgC,CAC9B,QACA,OACD,CACD,qBAAsB,CACpB,QACA,OACA,OACD,CACD,2BAA4B,CAC1B,QACA,OACA,MACD,CACD,iCAAkC,CAChC,MACA,OACD,CACD,gCAAiC,CAC/B,QACA,OACA,OACD,CACD,4BAA6B,CAC3B,QACA,OACD,CACD,sBAAuB,CACrB,QACA,OACA,OACD,CACD,uCAAwC,CACtC,OACA,OACA,OACD,CACD,+BAAgC,CAC9B,QACA,OACD,CACD,gCAAiC,CAC/B,OACA,OACA,OACA,OACA,OACA,OACA,OACD,CACD,6BAA8B,CAC5B,QACA,OACD,CACD,yBAA0B,CACxB,OACA,OACA,OACD,CACD,8BAA+B,CAC7B,QACA,OACD,CACD,iCAAkC,CAChC,QACA,OACA,OACA,MACD,CACD,2BAA4B,CAC1B,QACA,OACA,OACD,CACD,4BAA6B,CAC3B,QACA,OACD,CACD,+BAAgC,CAC9B,QACA,OACD,CACD,6BAA8B,CAC5B,OACA,OACA,OACA,OACA,OACA,OACA,OACD,CACD,gCAAiC,CAC/B,QACA,OACA,OACA,OACA,OACD,CACD,mCAAoC,CAClC,QACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACD,CACD,0BAA2B,CACzB,QACA,OACD,CACD,0CAA2C,CACzC,QACA,OACA,OACD,CACD,0BAA2B,CACzB,QACA,OACA,MACA,OACA,OACA,MACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACD,CACD,4BAA6B,CAC3B,QACA,OACD,CACD,2BAA4B,CAC1B,QACA,MACA,OACA,OACA,MACA,OACA,OACA,MACA,OACA,OACA,OACD,CACD,4BAA6B,CAC3B,QACA,OACD,CACD,kCAAmC,CACjC,QACA,OACA,OACD,CACD,4BAA6B,CAC3B,QACA,OACD,CACD,4BAA6B,CAC3B,QACA,OACA,OACD,CACD,4BAA6B,CAC3B,QACA,OACA,OACD,CACD,yCAA0C,CACxC,QACA,OACA,OACA,OACD,CACD,gCAAiC,CAC/B,QACA,OACA,OACD,CACD,+CAAgD,CAC9C,QACA,OACA,OACD,CACD,iCAAkC,CAChC,QACA,OACA,OACA,OACA,OACA,OACD,CACD,4BAA6B,CAC3B,QACD,CACD,6BAA8B,CAC5B,QACA,OACD,AACH,EACA,SAAS,EAAuB,CAAG,EACjC,GAAG,CAAC,EAAoB,CAAC,CAAC,EAAK,GAC7B,OAAOA,QAAQ,OAAO,GAAG,IAAI,CAAC,WAC5B,IAAI,EAAI,AAAIC,MAAM,uBAAyB,EAAM,IAEjD,OADA,EAAE,IAAI,CAAG,mBACH,CACR,GAGF,IAAI,EAAM,CAAG,CAAC,EAAI,CAAE,EAAK,CAAG,CAAC,EAAE,CAC/B,OAAOD,QAAQ,GAAG,CAAC,EAAI,KAAK,CAAC,GAAG,GAAG,CAAC,EAAoB,CAAC,GAAG,IAAI,CAAC,WAC/D,OAAO,EAAoB,EAC7B,EACF,CAEA,EAAuB,IAAI,CAAG,IAAOE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"}