@mdn/fred 2.9.0 → 2.9.1

package/out/static/ssr/stats.json

@@ -9,11 +9,11 @@
       "assets": [
         {
           "name": "index.js",
-          "size": 1442539
+          "size": 1442519
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 1442539,
+      "assetsSize": 1442519,
       "auxiliaryAssets": [
         {
           "name": "desktop-saving-page.bbb8eedefb3e848f.png",
@@ -317,7 +317,7 @@
         },
         {
           "name": "index.js.map",
-          "size": 4342495
+          "size": 4342307
         },
         {
           "name": "deno.aed70d20abbf1067.svg",
@@ -512,7 +512,7 @@
           "size": 135602
         }
       ],
-      "auxiliaryAssetsSize": 8805496,
+      "auxiliaryAssetsSize": 8805308,
       "children": {},
       "childAssets": {}
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdn/fred",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "repository": "https://github.com/mdn/fred",
   "license": "MPL-2.0",
   "author": "MDN Web Docs",
@@ -47,10 +47,10 @@
     "@lit-labs/ssr-client": "^1.1.8",
     "@lit/task": "^1.0.3",
     "@mdn/rari": "0.2.34",
-    "@mdn/watify": "^1.1.9",
+    "@mdn/watify": "^1.1.10",
     "@mozilla/glean": "^5.0.8",
     "codemirror": "^6.0.1",
-    "compression": "^1.8.1",
+    "compression": "^1.8.2",
     "concurrently": "^10.0.5",
     "cookie-parser": "^1.4.7",
     "express": "^5.2.1",
@@ -77,11 +77,11 @@
     "@fluent/syntax": "^0.19.0",
     "@jackolope/lit-analyzer": "^3.2.0",
     "@jackolope/ts-lit-plugin": "^3.1.6",
-    "@mdn/browser-compat-data": "^8.1.0",
-    "@mdn/yari": "^5.1.2",
-    "@rsdoctor/rspack-plugin": "^1.5.0",
-    "@rspack/cli": "^2.2.2",
-    "@rspack/core": "^2.2.2",
+    "@mdn/browser-compat-data": "^8.1.1",
+    "@mdn/yari": "^6.0.0",
+    "@rsdoctor/rspack-plugin": "^1.6.4",
+    "@rspack/cli": "^2.2.3",
+    "@rspack/core": "^2.2.3",
     "@svgr/webpack": "^8.1.0",
     "@types/compression": "^1.8.1",
     "@types/cookie-parser": "^1.4.10",
@@ -89,27 +89,27 @@
     "@types/he": "^1.2.3",
     "@types/insane": "^1.0.0",
     "@types/mocha": "^10.0.10",
-    "@types/node": "^24.13.3",
+    "@types/node": "^24.13.4",
     "@types/prismjs": "^1.26.6",
     "@types/webpack-hot-middleware": "^2.25.12",
-    "@wdio/cli": "^9.31.6",
+    "@wdio/cli": "^9.31.7",
     "@wdio/firefox-profile-service": "^9.31.2",
     "@wdio/globals": "^9.31.3",
-    "@wdio/local-runner": "^9.31.6",
-    "@wdio/mocha-framework": "^9.31.6",
+    "@wdio/local-runner": "^9.31.7",
+    "@wdio/mocha-framework": "^9.31.7",
     "@wdio/spec-reporter": "^9.31.2",
-    "@zip.js/zip.js": "^2.11.4",
+    "@zip.js/zip.js": "^2.14.0",
     "css-loader": "^7.1.5",
     "css-minimizer-webpack-plugin": "^8.0.0",
-    "dexie": "^4.4.5",
+    "dexie": "^4.4.6",
     "downshift": "^9.4.0",
-    "eslint": "^10.6.0",
+    "eslint": "^10.10.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import-x": "^4.17.1",
-    "eslint-plugin-jsdoc": "^64.3.6",
+    "eslint-plugin-jsdoc": "^64.3.9",
     "eslint-plugin-lit": "^2.3.1",
     "eslint-plugin-n": "^18.3.0",
-    "eslint-plugin-unicorn": "^65.0.1",
+    "eslint-plugin-unicorn": "^74.0.0",
     "eslint-plugin-wc": "^3.1.0",
     "globals": "^17.12.0",
     "lefthook": "^2.1.12",
@@ -143,7 +143,7 @@
     "stylelint-order": ">=7.0.1",
     "tmp": ">=0.2.4"
   },
-  "packageManager": "npm@11.12.1",
+  "packageManager": "npm@11.19.0",
   "engines": {
     "node": ">=24"
   },
@@ -152,5 +152,18 @@
       "name": "npm",
       "version": ">=11.8.0"
     }
+  },
+  "allowScripts": {
+    "@mdn/rari": true,
+    "@parcel/watcher": true,
+    "edgedriver": true,
+    "esbuild": true,
+    "fsevents": false,
+    "geckodriver": true,
+    "gifsicle": true,
+    "lefthook": true,
+    "mozjpeg": true,
+    "pngquant-bin": true,
+    "unrs-resolver": true
   }
 }

package/utils/mdn-url2breadcrumb.js

@@ -21,7 +21,7 @@ export function mdnUrl2Breadcrumb(url, locale) {
 
   if (parents.length > 1 && parents.at(0) === "Web") {
     // Remove virtual "Web" path.
-    parents.splice(0, 1);
+    parents.shift();
   }
 
   if (parents.length > 1) {

package/out/static/client/169.71c8bb45e4bcc0b1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"169.71c8bb45e4bcc0b1.js","sources":["webpack://@mdn/fred/./components/sidebar-filter/element.css","webpack://@mdn/fred/./components/global/global.css?d300","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;mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});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}#content{scroll-margin-block-start:var(--sticky-header-height)}`, \"\"]);\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.findLast(\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 { gleanClick } from \"../../utils/glean.js\";\nimport cancelIcon from \"../icon/cancel.svg?lit\";\n\nimport styles from \"./element.css?lit\";\nimport { SidebarFilterer } from \"./sidebar-filterer.js\";\n\nimport \"../button/element.js\";\n\nclass MDNSidebarFilter extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  static get properties() {\n    return {\n      query: { type: String },\n      matchCount: { state: true, type: Number },\n    };\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 {import(\"lit\").PropertyValues<this>} 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        gleanClick(\"sidebar_filter_typed\");\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 focus events on the text field.\n   * @private\n   */\n  _onFocus() {\n    gleanClick(\"sidebar_filter_focus\");\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        @focus=${this._onFocus}\n        @input=${this._onInput}\n      />\n      ${\n        this.matchCount === undefined\n          ? \"\"\n          : html` <span class=\"counter\"> ${this.matchCount} </span> `\n      }\n      <mdn-button\n        class=\"button\"\n        variant=\"plain\"\n        .icon=${cancelIcon}\n        icon-only\n        @click=${this._clearFilter}\n        >${this.l10n(\n          \"sidebar-filter-clear-filter-input\",\n        )`Clear filter input`}</mdn-button\n      >\n    `;\n  }\n}\n\ncustomElements.define(\"mdn-sidebar-filter\", MDNSidebarFilter);\n"],"names":["SidebarFilterer","e","HTMLElement","HTMLAnchorElement","JSON","Set","document","t","Boolean","String","r","Map","s","Text","Node","MDNSidebarFilter","Number","customElements"],"mappings":"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"}

package/out/static/client/4366.c631051400430846.js

@@ -1,4 +0,0 @@
-export const __rspack_esm_id=4366;export const __rspack_esm_ids=[4366];export const __webpack_modules__={11932(t,e,i){var s=i(22009),a=i(31601),r=i.n(a),n=i(76314),o=(i.n(n))()(r());o.push([t.id,"div{align-items:center;display:flex;height:100%;padding-inline:.5em}",""]);let l=(0,s.AH)([o.toString()]);i.d(e,{},{A:l})},14925(t,e,i){i.r(e);var s=i(22009),a=i(70693),r=i(11932);let MDNWriterReload=class MDNWriterReload extends(0,a.J)(s.WF){static ssr=!1;static styles=r.A;constructor(){super(),this._state="",this._comparisons=0}get _interval(){return Number(sessionStorage.getItem("writer-reload-interval")||1e3)}set _interval(t){sessionStorage.setItem("writer-reload-interval",t.toString()),this._reloading||this.requestUpdate()}connectedCallback(){super.connectedCallback(),this._pollForChanges()}render(){let t=this._interval/1e3;return(0,s.qy)`<div>
-      ${this.l10n.raw({id:"writer-reload-polling",args:{seconds:t}})}
-    </div>`}async _reloadIfChanged(){let t=new URL("index.json",new URL(location.pathname+"/",location.origin)),e=await fetch(t);if(e.ok){let t=await e.text();this._state?(this._comparisons++,this._state!==t?(this._comparisons<=1&&(this._interval=2*this._interval),location.reload(),this._reloading=!0):this._interval=this._interval<=2e3?1e3:this._interval/2):this._state=t}else console.error("Failed to fetch document",e.status,e.statusText)}async _pollForChanges(){for(;!this._reloading;)"visible"===document.visibilityState&&await this._reloadIfChanged(),await n(this._interval)}};async function n(t){return new Promise(e=>setTimeout(e,t))}customElements.define("mdn-writer-reload",MDNWriterReload),i.d(e,{default:()=>MDNWriterReload})}};
-//# sourceMappingURL=4366.c631051400430846.js.map

package/out/static/client/4366.c631051400430846.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"4366.c631051400430846.js","sources":["webpack://@mdn/fred/./components/writer-reload/element.css","webpack://@mdn/fred/./components/writer-reload/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\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `div{align-items:center;display:flex;height:100%;padding-inline:.5em}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","import { LitElement, html } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\n\nimport styles from \"./element.css?lit\";\n\n/**\n * Custom element which reloads the page when the document has changed.\n */\nexport default class MDNWriterReload extends L10nMixin(LitElement) {\n  static ssr = false;\n  static styles = styles;\n\n  constructor() {\n    super();\n    this._state = \"\";\n    this._comparisons = 0;\n  }\n\n  get _interval() {\n    return Number(sessionStorage.getItem(\"writer-reload-interval\") || 1000);\n  }\n\n  /** @param {number} interval  */\n  set _interval(interval) {\n    sessionStorage.setItem(\"writer-reload-interval\", interval.toString());\n    if (!this._reloading) {\n      this.requestUpdate();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._pollForChanges();\n  }\n\n  render() {\n    const seconds = this._interval / 1000;\n    return html`<div>\n      ${this.l10n.raw({\n        id: \"writer-reload-polling\",\n        args: { seconds },\n      })}\n    </div>`;\n  }\n\n  async _reloadIfChanged() {\n    const url = new URL(\n      \"index.json\",\n      new URL(location.pathname + \"/\", location.origin),\n    );\n    const res = await fetch(url);\n    if (res.ok) {\n      const state = await res.text();\n      // eslint-disable-next-line unicorn/no-negated-condition\n      if (!this._state) {\n        this._state = state;\n      } else {\n        this._comparisons++;\n        // eslint-disable-next-line unicorn/no-negated-condition\n        if (this._state !== state) {\n          if (this._comparisons <= 1) {\n            this._interval = this._interval * 2;\n          }\n          location.reload();\n          this._reloading = true;\n        } else {\n          this._interval = this._interval <= 2000 ? 1000 : this._interval / 2;\n        }\n      }\n    } else {\n      console.error(\"Failed to fetch document\", res.status, res.statusText);\n    }\n  }\n\n  async _pollForChanges() {\n    while (!this._reloading) {\n      if (document.visibilityState === \"visible\") {\n        await this._reloadIfChanged();\n      }\n      await timeout(this._interval);\n    }\n  }\n}\n\n/**\n * @param {number} ms\n */\nasync function timeout(ms) {\n  return new Promise((resolve) => setTimeout(resolve, ms));\n}\n\ncustomElements.define(\"mdn-writer-reload\", MDNWriterReload);\n"],"names":["MDNWriterReload","Number","sessionStorage","URL","location","fetch","console","document","Promise","setTimeout","customElements"],"mappings":"oKAII,EAA0B,C,UAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,uEAAwE,GAAG,EAEpH,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,E,0ECCxC,IAAMA,gBAAN,MAAMA,uBAAwB,QAAU,IAAU,EAC/D,OAAO,IAAM,EAAM,AACnB,QAAO,OAAS,GAAM,AAAC,AAEvB,cAAc,CACZ,KAAK,GACL,IAAI,CAAC,MAAM,CAAG,GACd,IAAI,CAAC,YAAY,CAAG,CACtB,CAEA,IAAI,WAAY,CACd,OAAOC,OAAOC,eAAe,OAAO,CAAC,2BAA6B,IACpE,CAGA,IAAI,UAAU,CAAQ,CAAE,CACtBA,eAAe,OAAO,CAAC,yBAA0B,EAAS,QAAQ,IAC9D,AAAC,IAAI,CAAC,UAAU,EAClB,IAAI,CAAC,aAAa,EAEtB,CAEA,mBAAoB,CAClB,KAAK,CAAC,oBACN,IAAI,CAAC,eAAe,EACtB,CAEA,QAAS,CACP,IAAM,EAAU,IAAI,CAAC,SAAS,CAAG,IACjC,MAAO,QAAI,CAAC;MACV,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CACd,GAAI,wBACJ,KAAM,CAAE,SAAQ,CAClB,GAAG;UACC,CAAC,AACT,CAEA,MAAM,kBAAmB,CACvB,IAAM,EAAM,IAAIC,IACd,aACA,IAAIA,IAAIC,SAAS,QAAQ,CAAG,IAAKA,SAAS,MAAM,GAE5C,EAAM,MAAMC,MAAM,GACxB,GAAI,EAAI,EAAE,CAAE,CACV,IAAM,EAAQ,MAAM,EAAI,IAAI,EAEvB,KAAI,CAAC,MAAM,EAGd,IAAI,CAAC,YAAY,GAEb,IAAI,CAAC,MAAM,GAAK,GACd,IAAI,CAAC,YAAY,EAAI,GACvB,KAAI,CAAC,SAAS,CAAG,AAAiB,EAAjB,IAAI,CAAC,SAAS,AAAG,EAEpCD,SAAS,MAAM,GACf,IAAI,CAAC,UAAU,CAAG,IAElB,IAAI,CAAC,SAAS,CAAG,IAAI,CAAC,SAAS,EAAI,IAAO,IAAO,IAAI,CAAC,SAAS,CAAG,GAXpE,IAAI,CAAC,MAAM,CAAG,CAclB,MACEE,QAAQ,KAAK,CAAC,2BAA4B,EAAI,MAAM,CAAE,EAAI,UAAU,CAExE,CAEA,MAAM,iBAAkB,CACtB,KAAO,CAAC,IAAI,CAAC,UAAU,EACjBC,AAA6B,YAA7BA,SAAS,eAAe,EAC1B,MAAM,IAAI,CAAC,gBAAgB,GAE7B,MAAM,EAAQ,IAAI,CAAC,SAAS,CAEhC,CACF,EAKA,eAAe,EAAQ,CAAE,EACvB,OAAO,IAAIC,QAAQ,AAAC,GAAYC,WAAW,EAAS,GACtD,CAEAC,eAAe,MAAM,CAAC,oBAAqBV,iB"}

package/out/static/client/5562.6cc078ec59eb355d.js

@@ -1,2 +0,0 @@
-export const __rspack_esm_id=5562;export const __rspack_esm_ids=[5562];export const __webpack_modules__={93649(e,t,s){let RecentlyVisitedPages=class RecentlyVisitedPages{static #e="recently-visited";#t;constructor(){this.#t=this.#s()}#s(){let e=localStorage.getItem(RecentlyVisitedPages.#e);if(e){let t;try{if(t=JSON.parse(e),Array.isArray(t))return t.map(e=>new RecentlyVisitedPage(e))}catch{console.error(`Parsing ${RecentlyVisitedPages.#e} failed`)}}return[]}#a(){localStorage.setItem(RecentlyVisitedPages.#e,JSON.stringify(this.#t))}map(e){return this.#t.map(e)}add(e){this.#t=[...new Map([e,...this.#t].map(e=>[e.path,e])).values()].slice(0,10),this.#a()}};let RecentlyVisitedPage=class RecentlyVisitedPage{title="";path="";constructor(e){Object.assign(this,e)}};s.d(t,{B:()=>RecentlyVisitedPages,E:()=>RecentlyVisitedPage})}};
-//# sourceMappingURL=5562.6cc078ec59eb355d.js.map

package/out/static/client/5562.6cc078ec59eb355d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"5562.6cc078ec59eb355d.js","sources":["webpack://@mdn/fred/./components/recently-visited/index.js"],"sourcesContent":["export class RecentlyVisitedPages {\n  static #key = \"recently-visited\";\n  #pages;\n\n  constructor() {\n    this.#pages = this.#getFromStorage();\n  }\n\n  #getFromStorage() {\n    const storage = localStorage.getItem(RecentlyVisitedPages.#key);\n    if (storage) {\n      let pages;\n      try {\n        pages = JSON.parse(storage);\n        if (Array.isArray(pages)) {\n          return pages.map((page) => new RecentlyVisitedPage(page));\n        }\n      } catch {\n        console.error(`Parsing ${RecentlyVisitedPages.#key} failed`);\n      }\n    }\n    return [];\n  }\n\n  #saveToStorage() {\n    localStorage.setItem(\n      RecentlyVisitedPages.#key,\n      JSON.stringify(this.#pages),\n    );\n  }\n\n  /**\n   * @template T\n   * @param {(value: RecentlyVisitedPage, index: number, array: RecentlyVisitedPage[]) => T} callback\n   * @returns {T[]}\n   */\n  map(callback) {\n    return this.#pages.map(callback);\n  }\n\n  /**\n   * @param {RecentlyVisitedPage} page\n   */\n  add(page) {\n    this.#pages = [\n      ...new Map([page, ...this.#pages].map((p) => [p.path, p])).values(),\n    ].slice(0, 10);\n    this.#saveToStorage();\n  }\n}\n\nexport class RecentlyVisitedPage {\n  title = \"\";\n  path = \"\";\n\n  /**\n   * @param {object} data\n   * @param {string} data.title\n   * @param {string} data.path\n   */\n  constructor(data) {\n    Object.assign(this, data);\n  }\n}\n"],"names":["RecentlyVisitedPages","localStorage","JSON","Array","RecentlyVisitedPage","console","Map","Object"],"mappings":"sHAAO,IAAMA,qBAAN,MAAMA,qBACX,OAAO,EAAI,CAAG,kBAAmB,AACjC,GAAM,AAAC,AAEP,cAAc,CACZ,IAAI,CAAC,EAAM,CAAG,IAAI,CAAC,EAAe,EACpC,CAEA,EAAe,GACb,IAAM,EAAUC,aAAa,OAAO,CAACD,qBAAqB,EAAI,EAC9D,GAAI,EAAS,CACX,IAAI,EACJ,GAAI,CAEF,GADA,EAAQE,KAAK,KAAK,CAAC,GACfC,MAAM,OAAO,CAAC,GAChB,OAAO,EAAM,GAAG,CAAC,AAAC,GAAS,IAAIC,oBAAoB,GAEvD,CAAE,KAAM,CACNC,QAAQ,KAAK,CAAC,CAAC,QAAQ,EAAEL,qBAAqB,EAAI,CAAC,OAAO,CAAC,CAC7D,CACF,CACA,MAAO,EAAE,AACX,CAEA,EAAc,GACZC,aAAa,OAAO,CAClBD,qBAAqB,EAAI,CACzBE,KAAK,SAAS,CAAC,IAAI,CAAC,EAAM,EAE9B,CAOA,IAAI,CAAQ,CAAE,CACZ,OAAO,IAAI,CAAC,EAAM,CAAC,GAAG,CAAC,EACzB,CAKA,IAAI,CAAI,CAAE,CACR,IAAI,CAAC,EAAM,CAAG,IACT,IAAII,IAAI,CAAC,KAAS,IAAI,CAAC,EAAM,CAAC,CAAC,GAAG,CAAC,AAAC,GAAM,CAAC,EAAE,IAAI,CAAE,EAAE,GAAG,MAAM,GAClE,CAAC,KAAK,CAAC,EAAG,IACX,IAAI,CAAC,EAAc,EACrB,CACF,EAEO,IAAMF,oBAAN,MAAMA,oBACX,MAAQ,EAAG,AACX,MAAO,EAAG,AAOV,aAAY,CAAI,CAAE,CAChBG,OAAO,MAAM,CAAC,IAAI,CAAE,EACtB,CACF,E"}

package/out/static/client/8233.270639ccdecf7be1.js

@@ -1,2 +0,0 @@
-export const __rspack_esm_id=8233;export const __rspack_esm_ids=[8233];export const __webpack_modules__={12911(e,t,n){e.exports=n.p+"watify_bg.e3ab88fab7f71ec6.wasm"},72624(e,t,n){let a;function r(e){let t=function(e,t,n){if(void 0===n){let n=c.encode(e),a=t(n.length,1)>>>0;return o().subarray(a,a+n.length).set(n),f=n.length,a}let a=e.length,r=t(a,1)>>>0,i=o(),s=0;for(;s<a;s++){let t=e.charCodeAt(s);if(t>127)break;i[r+s]=t}if(s!==a){0!==s&&(e=e.slice(s)),r=n(r,a,a=s+3*e.length,1)>>>0;let t=o().subarray(r+s,r+a);s+=c.encodeInto(e,t).written,r=n(r,a,s,1)>>>0}return f=s,r}(e,a.__wbindgen_malloc,a.__wbindgen_realloc),n=f,r=a.watify(t,n);if(r[3]){let e;throw i=r[2],e=a.__wbindgen_externrefs.get(i),a.__externref_table_dealloc(i),e}var i,s,l,_=(s=r[0],l=r[1],s>>>=0,o().subarray(s/1,s/1+l)).slice();return a.__wbindgen_free(r[0],+r[1],1),_}let i=null;function o(){return(null===i||0===i.byteLength)&&(i=new Uint8Array(a.memory.buffer)),i}let s=new TextDecoder("utf-8",{ignoreBOM:!0,fatal:!0});s.decode();let l=0,c=new TextEncoder;"encodeInto"in c||(c.encodeInto=function(e,t){let n=c.encode(e);return t.set(n),{read:e.length,written:n.length}});let f=0;async function _(e,t){if("function"==typeof Response&&e instanceof Response){if("function"==typeof WebAssembly.instantiateStreaming)try{return await WebAssembly.instantiateStreaming(e,t)}catch(t){if(e.ok&&function(e){switch(e){case"basic":case"cors":case"default":return!0}return!1}(e.type)&&"application/wasm"!==e.headers.get("Content-Type"))console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n",t);else throw t}let n=await e.arrayBuffer();return await WebAssembly.instantiate(n,t)}{let n=await WebAssembly.instantiate(e,t);return n instanceof WebAssembly.Instance?{instance:n,module:e}:n}}async function u(e){if(void 0!==a)return a;void 0!==e&&(Object.getPrototypeOf(e)===Object.prototype?{module_or_path:e}=e:console.warn("using deprecated parameters for the initialization function; pass a single object instead")),void 0===e&&(e=new n.U(n(12911))),("string"==typeof e||"function"==typeof Request&&e instanceof Request||"function"==typeof URL&&e instanceof URL)&&(e=fetch(e));let{instance:t,module:r}=await _(await e,{__proto__:null,"./watify_bg.js":{__proto__:null,__wbindgen_cast_0000000000000001:function(e,t){var n,a,r,i;return n=e,a=t,r=n>>>=0,(l+=i=a)>=0x7ff00000&&((s=new TextDecoder("utf-8",{ignoreBOM:!0,fatal:!0})).decode(),l=i),s.decode(o().subarray(r,r+i))},__wbindgen_init_externref_table:function(){let e=a.__wbindgen_externrefs,t=e.grow(4);e.set(0,void 0),e.set(t+0,void 0),e.set(t+1,null),e.set(t+2,!0),e.set(t+3,!1)}}});return a=t.exports,i=null,a.__wbindgen_start(),a}n.d(t,{default:()=>u,watify:()=>r})}};
-//# sourceMappingURL=8233.270639ccdecf7be1.js.map

package/out/static/client/8233.270639ccdecf7be1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"8233.270639ccdecf7be1.js","sources":["webpack://@mdn/fred/./node_modules/@mdn/watify/watify.js"],"sourcesContent":["/* @ts-self-types=\"./watify.d.ts\" */\n\n/**\n * Parses the given WAT text and returns a vector of bytes on success or a JavaScript error on failure.\n *\n * # Arguments\n *\n * * `text` - A string slice containing the WAT text to be parsed.\n *\n * # Returns\n *\n * * `Ok(Vec<u8>)` containing the parsed byte code if parsing is successful.\n * * `Err(JsValue)` if parsing fails, with the error message converted into a JavaScript error value.\n * @param {string} text\n * @returns {Uint8Array}\n */\nexport function watify(text) {\n    const ptr0 = passStringToWasm0(text, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);\n    const len0 = WASM_VECTOR_LEN;\n    const ret = wasm.watify(ptr0, len0);\n    if (ret[3]) {\n        throw takeFromExternrefTable0(ret[2]);\n    }\n    var v2 = getArrayU8FromWasm0(ret[0], ret[1]).slice();\n    wasm.__wbindgen_free(ret[0], ret[1] * 1, 1);\n    return v2;\n}\n\nfunction __wbg_get_imports() {\n    const import0 = {\n        __proto__: null,\n        __wbindgen_cast_0000000000000001: function(arg0, arg1) {\n            // Cast intrinsic for `Ref(String) -> Externref`.\n            const ret = getStringFromWasm0(arg0, arg1);\n            return ret;\n        },\n        __wbindgen_init_externref_table: function() {\n            const table = wasm.__wbindgen_externrefs;\n            const offset = table.grow(4);\n            table.set(0, undefined);\n            table.set(offset + 0, undefined);\n            table.set(offset + 1, null);\n            table.set(offset + 2, true);\n            table.set(offset + 3, false);\n        },\n    };\n    return {\n        __proto__: null,\n        \"./watify_bg.js\": import0,\n    };\n}\n\nfunction getArrayU8FromWasm0(ptr, len) {\n    ptr = ptr >>> 0;\n    return getUint8ArrayMemory0().subarray(ptr / 1, ptr / 1 + len);\n}\n\nfunction getStringFromWasm0(ptr, len) {\n    ptr = ptr >>> 0;\n    return decodeText(ptr, len);\n}\n\nlet cachedUint8ArrayMemory0 = null;\nfunction getUint8ArrayMemory0() {\n    if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {\n        cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);\n    }\n    return cachedUint8ArrayMemory0;\n}\n\nfunction passStringToWasm0(arg, malloc, realloc) {\n    if (realloc === undefined) {\n        const buf = cachedTextEncoder.encode(arg);\n        const ptr = malloc(buf.length, 1) >>> 0;\n        getUint8ArrayMemory0().subarray(ptr, ptr + buf.length).set(buf);\n        WASM_VECTOR_LEN = buf.length;\n        return ptr;\n    }\n\n    let len = arg.length;\n    let ptr = malloc(len, 1) >>> 0;\n\n    const mem = getUint8ArrayMemory0();\n\n    let offset = 0;\n\n    for (; offset < len; offset++) {\n        const code = arg.charCodeAt(offset);\n        if (code > 0x7F) break;\n        mem[ptr + offset] = code;\n    }\n    if (offset !== len) {\n        if (offset !== 0) {\n            arg = arg.slice(offset);\n        }\n        ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;\n        const view = getUint8ArrayMemory0().subarray(ptr + offset, ptr + len);\n        const ret = cachedTextEncoder.encodeInto(arg, view);\n\n        offset += ret.written;\n        ptr = realloc(ptr, len, offset, 1) >>> 0;\n    }\n\n    WASM_VECTOR_LEN = offset;\n    return ptr;\n}\n\nfunction takeFromExternrefTable0(idx) {\n    const value = wasm.__wbindgen_externrefs.get(idx);\n    wasm.__externref_table_dealloc(idx);\n    return value;\n}\n\nlet cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });\ncachedTextDecoder.decode();\nconst MAX_SAFARI_DECODE_BYTES = 2146435072;\nlet numBytesDecoded = 0;\nfunction decodeText(ptr, len) {\n    numBytesDecoded += len;\n    if (numBytesDecoded >= MAX_SAFARI_DECODE_BYTES) {\n        cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });\n        cachedTextDecoder.decode();\n        numBytesDecoded = len;\n    }\n    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));\n}\n\nconst cachedTextEncoder = new TextEncoder();\n\nif (!('encodeInto' in cachedTextEncoder)) {\n    cachedTextEncoder.encodeInto = function (arg, view) {\n        const buf = cachedTextEncoder.encode(arg);\n        view.set(buf);\n        return {\n            read: arg.length,\n            written: buf.length\n        };\n    };\n}\n\nlet WASM_VECTOR_LEN = 0;\n\nlet wasmModule, wasm;\nfunction __wbg_finalize_init(instance, module) {\n    wasm = instance.exports;\n    wasmModule = module;\n    cachedUint8ArrayMemory0 = null;\n    wasm.__wbindgen_start();\n    return wasm;\n}\n\nasync function __wbg_load(module, imports) {\n    if (typeof Response === 'function' && module instanceof Response) {\n        if (typeof WebAssembly.instantiateStreaming === 'function') {\n            try {\n                return await WebAssembly.instantiateStreaming(module, imports);\n            } catch (e) {\n                const validResponse = module.ok && expectedResponseType(module.type);\n\n                if (validResponse && module.headers.get('Content-Type') !== 'application/wasm') {\n                    console.warn(\"`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\\n\", e);\n\n                } else { throw e; }\n            }\n        }\n\n        const bytes = await module.arrayBuffer();\n        return await WebAssembly.instantiate(bytes, imports);\n    } else {\n        const instance = await WebAssembly.instantiate(module, imports);\n\n        if (instance instanceof WebAssembly.Instance) {\n            return { instance, module };\n        } else {\n            return instance;\n        }\n    }\n\n    function expectedResponseType(type) {\n        switch (type) {\n            case 'basic': case 'cors': case 'default': return true;\n        }\n        return false;\n    }\n}\n\nfunction initSync(module) {\n    if (wasm !== undefined) return wasm;\n\n\n    if (module !== undefined) {\n        if (Object.getPrototypeOf(module) === Object.prototype) {\n            ({module} = module)\n        } else {\n            console.warn('using deprecated parameters for `initSync()`; pass a single object instead')\n        }\n    }\n\n    const imports = __wbg_get_imports();\n    if (!(module instanceof WebAssembly.Module)) {\n        module = new WebAssembly.Module(module);\n    }\n    const instance = new WebAssembly.Instance(module, imports);\n    return __wbg_finalize_init(instance, module);\n}\n\nasync function __wbg_init(module_or_path) {\n    if (wasm !== undefined) return wasm;\n\n\n    if (module_or_path !== undefined) {\n        if (Object.getPrototypeOf(module_or_path) === Object.prototype) {\n            ({module_or_path} = module_or_path)\n        } else {\n            console.warn('using deprecated parameters for the initialization function; pass a single object instead')\n        }\n    }\n\n    if (module_or_path === undefined) {\n        module_or_path = new URL('watify_bg.wasm', import.meta.url);\n    }\n    const imports = __wbg_get_imports();\n\n    if (typeof module_or_path === 'string' || (typeof Request === 'function' && module_or_path instanceof Request) || (typeof URL === 'function' && module_or_path instanceof URL)) {\n        module_or_path = fetch(module_or_path);\n    }\n\n    const { instance, module } = await __wbg_load(await module_or_path, imports);\n\n    return __wbg_finalize_init(instance, module);\n}\n\nexport { initSync, __wbg_init as default };\n"],"names":["c","r","i","l","Uint8Array","TextDecoder","TextEncoder","_","Response","WebAssembly","console","Object","n","Request","URL","fetch"],"mappings":"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"}

package/out/static/client/8401.adf96abc27ac7387.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"8401.adf96abc27ac7387.js","sources":["webpack://@mdn/fred/./components/live-sample-result/element.css","webpack://@mdn/fred/./components/live-sample-result/element.js","webpack://@mdn/fred/./node_modules/lit-html/directives/keyed.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]!../global/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]!../code-example/common.css\";\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___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.code-example .example-header{justify-content:end;padding-right:.5rem}@media print{.example-header,mdn-button{display:none!important}}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","import { LitElement, html, nothing } from \"lit\";\n\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\n\nimport styles from \"./element.css?lit\";\n\nimport \"../play-runner/element.js\";\nimport \"../button/element.js\";\n\nexport class MDNLiveSampleResult extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  static get properties() {\n    return {\n      liveId: { attribute: \"live-id\" },\n      code: { type: Object },\n      allowed: {},\n      sandbox: {},\n      srcPrefix: { attribute: \"src-prefix\" },\n      height: {},\n      breakoutLink: { state: true },\n    };\n  }\n\n  constructor() {\n    super();\n    /** @type {string | undefined} */\n    this.liveId = undefined;\n    /** @type {Record<string, string> | undefined} */\n    this.code = undefined;\n    /** @type {string | undefined} */\n    this.allow = undefined;\n    /** @type {string | undefined} */\n    this.sandbox = undefined;\n    /** @type {string | undefined} */\n    this.srcPrefix = undefined;\n    /** @type {string | undefined} */\n    this.height = undefined;\n    /** @type {string | undefined} */\n    this.breakoutLink = undefined;\n  }\n\n  _openFullscreen(replace = false) {\n    if (this._runnerSrc) {\n      if (replace || this._fullscreenReplace) {\n        location.replace(this._runnerSrc);\n      } else {\n        location.href = this._runnerSrc;\n      }\n    } else {\n      this._fullscreenPending = true;\n      if (replace) {\n        this._fullscreenReplace = true;\n      }\n    }\n  }\n\n  /** @param {MouseEvent} event */\n  _fullscreenClick(event) {\n    if (\n      this.liveId &&\n      event.target instanceof HTMLAnchorElement &&\n      event.target.hash === `#livesample_fullscreen=${this.liveId}`\n    ) {\n      event.preventDefault();\n      this._openFullscreen();\n    }\n  }\n\n  /** @param {CustomEvent<string>} event */\n  _runnerSrcUpdated({ detail }) {\n    this._runnerSrc = detail;\n    if (this._fullscreenPending) {\n      this._openFullscreen();\n    }\n    const playUrl = new URL(\n      `/${document.documentElement.lang}/play`,\n      location.href,\n    );\n    playUrl.search = new URL(this._runnerSrc).search;\n    if (this.srcPrefix)\n      playUrl.searchParams.append(\"srcPrefix\", this.srcPrefix);\n    this.breakoutLink = playUrl.href;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._fullscreenClick = this._fullscreenClick.bind(this);\n    document.addEventListener(\"click\", this._fullscreenClick);\n    if (location.hash === `#livesample_fullscreen=${this.liveId}`) {\n      this._openFullscreen();\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"code-example\">\n        <div class=\"example-header\">\n          ${\n            this.breakoutLink\n              ? html`<mdn-button\n                  variant=\"secondary\"\n                  href=${this.breakoutLink}\n                  target=\"_blank\"\n                  rel=\"opener\"\n                  aria-label=${this.l10n(\"example-play-button-title\")}\n                  title=${this.l10n(\"example-play-button-title\")}\n                  >${this.l10n(\"example-play-button-label\")}</mdn-button\n                >`\n              : nothing\n          }\n        </div>\n        <mdn-play-runner\n          @mdn-play-runner-src=${this._runnerSrcUpdated}\n          .code=${this.code}\n          .allow=${this.allow}\n          .sandbox=${[\n            ...new Set([\n              \"allow-modals\",\n              \"allow-downloads\",\n              \"allow-fullscreen\",\n              \"allow-orientation-lock\",\n              ...(this.sandbox?.split(\" \") || []),\n            ]),\n          ].join(\" \")}\n          .srcPrefix=${this.srcPrefix}\n          permalink\n          style=${styleMap({\n            height: this.height\n              ? `${this.height}${/[0-9]$/.test(this.height) ? \"px\" : \"\"}`\n              : undefined,\n          })}\n        ></mdn-play-runner>\n      </div>\n    `;\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener(\"click\", this._fullscreenClick);\n  }\n}\n\ncustomElements.define(\"mdn-live-sample-result\", MDNLiveSampleResult);\n","import{nothing as r}from\"../lit-html.js\";import{directive as t,Directive as e}from\"../directive.js\";import{setCommittedValue as s}from\"../directive-helpers.js\";\n/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const i=t(class extends e{constructor(){super(...arguments),this.key=r}render(r,t){return this.key=r,t}update(r,[t,e]){return t!==this.key&&(s(r),this.key=t),e}});export{i as keyed};\n//# sourceMappingURL=keyed.js.map\n"],"names":["MDNLiveSampleResult","Object","location","e","HTMLAnchorElement","URL","document","Set","s","customElements","arguments","t"],"mappings":"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"}