@mdn/fred 1.3.2 → 1.4.0

package/out/static/ssr/stats.json

@@ -9,11 +9,11 @@
       "assets": [
         {
           "name": "index.js",
-          "size": 1411522
+          "size": 1412136
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 1411522,
+      "assetsSize": 1412136,
       "auxiliaryAssets": [
         {
           "name": "desktop-saving-page.bbb8eedefb3e848f.png",
@@ -317,7 +317,7 @@
         },
         {
           "name": "index.js.map",
-          "size": 4195782
+          "size": 4198882
         },
         {
           "name": "deno.aed70d20abbf1067.svg",
@@ -508,7 +508,7 @@
           "size": 135602
         }
       ],
-      "auxiliaryAssetsSize": 8657085,
+      "auxiliaryAssetsSize": 8660185,
       "children": {},
       "childAssets": {}
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdn/fred",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "repository": "https://github.com/mdn/fred",
   "license": "MPL-2.0",
   "author": "MDN Web Docs",
@@ -43,6 +43,7 @@
     "@lit-labs/ssr": "^3.3.1",
     "@lit-labs/ssr-client": "^1.1.7",
     "@lit/task": "^1.0.3",
+    "@mdn/rari": "0.1.49",
     "@mdn/watify": "^1.1.3",
     "@mozilla/glean": "^5.0.5",
     "codemirror": "^6.0.1",
@@ -68,12 +69,11 @@
     "@codemirror/view": "^6.38.2",
     "@csstools/postcss-global-data": "^3.1.0",
     "@eslint/compat": "^1.3.2",
-    "@eslint/js": "^9.34.0",
+    "@eslint/js": "^9.35.0",
     "@jackolope/lit-analyzer": "^3.2.0",
     "@jackolope/ts-lit-plugin": "^3.1.6",
-    "@mdn/browser-compat-data": "^7.1.2",
-    "@mdn/rari": "0.1.48",
-    "@mdn/yari": "^5.0.3",
+    "@mdn/browser-compat-data": "^7.1.4",
+    "@mdn/yari": "^5.1.1",
     "@rsdoctor/rspack-plugin": "^1.2.3",
     "@rspack/cli": "^1.5.2",
     "@rspack/core": "^1.5.2",
@@ -86,22 +86,22 @@
     "@types/node": "^22.18.1",
     "@types/prismjs": "^1.26.5",
     "@types/webpack-hot-middleware": "^2.25.10",
-    "@typescript-eslint/eslint-plugin": "^8.42.0",
-    "@zip.js/zip.js": "^2.7.73",
+    "@typescript-eslint/eslint-plugin": "^8.43.0",
+    "@zip.js/zip.js": "^2.8.1",
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.2",
     "dexie": "^4.2.0",
     "downshift": "^9.0.10",
-    "eslint": "^9.34.0",
+    "eslint": "^9.35.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsdoc": "^53.0.1",
+    "eslint-plugin-jsdoc": "^55.0.3",
     "eslint-plugin-lit": "^2.0.0",
     "eslint-plugin-n": "^17.21.3",
     "eslint-plugin-unicorn": "^60.0.0",
     "eslint-plugin-wc": "^3.0.0",
     "globals": "^16.3.0",
-    "lefthook": "^1.12.3",
+    "lefthook": "^1.12.4",
     "postcss": "^8.5.3",
     "postcss-custom-media": "^11.0.5",
     "postcss-loader": "^8.2.0",
@@ -110,17 +110,17 @@
     "prettier": "^3.5.3",
     "resolve-url-loader": "^5.0.0",
     "rspack-manifest-plugin": "^5.0.3",
-    "sass-embedded": "^1.92.0",
+    "sass-embedded": "^1.92.1",
     "sass-loader": "^16.0.5",
     "source-map-support": "^0.5.21",
     "spdy": "^4.0.2",
-    "stylelint": "^16.23.1",
-    "stylelint-config-recess-order": "^7.2.0",
+    "stylelint": "^16.24.0",
+    "stylelint-config-recess-order": "^7.3.0",
     "stylelint-config-standard": "^39.0.0",
     "svgo-loader": "^4.0.0",
     "typescript": "^5.9.2",
     "web-features": "^2.41.1",
-    "webpack-dev-middleware": "^7.4.2",
+    "webpack-dev-middleware": "^7.4.3",
     "webpack-hot-middleware": "^2.26.1",
     "webpack-merge": "^6.0.1",
     "webpack-stats-plugin": "^1.1.3"

package/utils/glean.js

@@ -7,15 +7,10 @@ import GleanMetrics from "@mozilla/glean/metrics";
  * Use only if automatic click events are not an option.
  * See: https://mozilla.github.io/glean.js/automatic_instrumentation/click_events/
  *
- * @param {string} id
- * @param {object} options
- * @param {string=} options.type
- * @param {string=} options.label
+ * @param {string} source
  */
-export function gleanClick(id, { type, label }) {
+export function gleanClick(source) {
   GleanMetrics.recordElementClick({
-    id,
-    type,
-    label,
+    id: source,
   });
 }

package/out/static/client/2308.69b80ae939b202ae.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"2308.69b80ae939b202ae.js","sources":["webpack://@mdn/fred/./components/compat-table/element.css","webpack://@mdn/fred/./components/compat-table/icons.css","webpack://@mdn/fred/./components/compat-table/index-common.css","webpack://@mdn/fred/./components/compat-table/index-desktop-md.css","webpack://@mdn/fred/./components/compat-table/index-desktop-xl.css","webpack://@mdn/fred/./components/compat-table/index-desktop.css","webpack://@mdn/fred/./components/compat-table/index-global.css","webpack://@mdn/fred/./components/compat-table/index-mobile.css","webpack://@mdn/fred/./components/compat-table/index-trailer.css","webpack://@mdn/fred/./components/visually-hidden/global.css?228a","webpack://@mdn/fred/./components/compat-table/constants.js","webpack://@mdn/fred/./components/compat-table/utils.js","webpack://@mdn/fred/./components/compat-table/feature-row.js","webpack://@mdn/fred/./components/compat-table/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]!./index-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]!./icons.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_2___ 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]!./index-common.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_3___ 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]!./index-mobile.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_4___ 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]!./index-desktop.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_5___ 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]!./index-desktop-md.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_6___ 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]!./index-desktop-xl.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_7___ 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]!./index-trailer.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___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_4___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_6___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_7___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, ``, \"\"]);\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\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/monitor.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../icon/smartphone.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(\"../icon/server.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(\"../icon/browser/chrome.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_4___ = new URL(\"../icon/browser/deno.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_5___ = new URL(\"../icon/browser/firefox.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_6___ = new URL(\"../icon/browser/edge.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_7___ = new URL(\"../icon/browser/nodejs.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_8___ = new URL(\"../icon/browser/opera.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_9___ = new URL(\"../icon/browser/safari.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_10___ = new URL(\"../icon/browser/samsung-internet.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_11___ = new URL(\"../icon/browser/webview.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_12___ = new URL(\"../icon/circle-x.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_13___ = new URL(\"../icon/circle-slash.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_14___ = new URL(\"../icon/check.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_15___ = new URL(\"../icon/circle-check.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_16___ = new URL(\"../icon/flask-conical.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_17___ = new URL(\"../icon/trash-2.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_18___ = new URL(\"../icon/triangle-alert.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_19___ = new URL(\"../icon/asterisk.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_20___ = new URL(\"../icon/circle-help.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_21___ = new URL(\"../icon/mdn-prefix.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_22___ = new URL(\"../icon/git-fork.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_23___ = new URL(\"../icon/flag.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_24___ = new URL(\"../icon/ellipsis.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___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\nvar ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___);\nvar ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);\nvar ___CSS_LOADER_URL_REPLACEMENT_6___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_6___);\nvar ___CSS_LOADER_URL_REPLACEMENT_7___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_7___);\nvar ___CSS_LOADER_URL_REPLACEMENT_8___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_8___);\nvar ___CSS_LOADER_URL_REPLACEMENT_9___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_9___);\nvar ___CSS_LOADER_URL_REPLACEMENT_10___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_10___);\nvar ___CSS_LOADER_URL_REPLACEMENT_11___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_11___);\nvar ___CSS_LOADER_URL_REPLACEMENT_12___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_12___);\nvar ___CSS_LOADER_URL_REPLACEMENT_13___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_13___);\nvar ___CSS_LOADER_URL_REPLACEMENT_14___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_14___);\nvar ___CSS_LOADER_URL_REPLACEMENT_15___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_15___);\nvar ___CSS_LOADER_URL_REPLACEMENT_16___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_16___);\nvar ___CSS_LOADER_URL_REPLACEMENT_17___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_17___);\nvar ___CSS_LOADER_URL_REPLACEMENT_18___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_18___);\nvar ___CSS_LOADER_URL_REPLACEMENT_19___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_19___);\nvar ___CSS_LOADER_URL_REPLACEMENT_20___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_20___);\nvar ___CSS_LOADER_URL_REPLACEMENT_21___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_21___);\nvar ___CSS_LOADER_URL_REPLACEMENT_22___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_22___);\nvar ___CSS_LOADER_URL_REPLACEMENT_23___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_23___);\nvar ___CSS_LOADER_URL_REPLACEMENT_24___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_24___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.icon{--size:var(--icon-size,1rem);background-color:var(--color-border-secondary);display:inline-block;flex-shrink:0;height:var(--size);-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:var(--size)}.icon.icon-desktop{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}.icon.icon-mobile{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___})}.icon.icon-server{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___})}.icon.icon-chrome{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___})}.icon.icon-deno{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_4___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_4___})}.icon.icon-firefox{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_5___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_5___})}.icon.icon-edge{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_6___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_6___})}.icon.icon-nodejs{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_7___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_7___})}.icon.icon-opera{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_8___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_8___})}.icon.icon-safari{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_9___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_9___})}.icon.icon-samsunginternet{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_10___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_10___})}.icon.icon-webview{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_11___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_11___})}.icon.icon-no{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_12___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_12___})}.icon.icon-partial{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_13___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_13___})}.icon.icon-yes{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_14___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_14___})}.icon.icon-yes-circle{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_15___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_15___})}.icon.icon-experimental{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_16___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_16___})}.icon.icon-deprecated{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_17___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_17___})}.icon.icon-nonstandard{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_18___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_18___})}.icon.icon-footnote{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_19___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_19___})}.icon.icon-unknown{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_20___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_20___})}.icon.icon-prefix{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_21___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_21___})}.icon.icon-altname{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_22___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_22___})}.icon.icon-disabled{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_23___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_23___})}.icon.icon-more{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_24___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_24___})}.icon.icon-preview{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_16___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_16___})}`, \"\"]);\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\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/circle-x.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../icon/circle-slash.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(\"../icon/circle-check.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(\"../icon/circle.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___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `table{display:grid;grid-auto-flow:row dense}:is(table thead) tr{display:contents}:is(:is(table thead) tr) td,:is(:is(table thead) tr) th{display:grid;grid-template-columns:subgrid}:is(:is(table tbody) tr) td,:is(:is(table tbody) tr) th,:is(table tbody) tr,table tbody{display:contents}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) button{display:grid;grid-template-columns:subgrid}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) .timeline{grid-column:1/-1}.bc-on-github{font-size:var(--font-size-small)}.bc-table{border:1px solid var(--color-border-primary);border-collapse:initial;border-radius:.25rem;border-spacing:0;margin:0;overflow-x:auto;width:100%}.bc-table td,.bc-table th{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:1px solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:0 solid var(--color-border-primary);font-weight:500;padding:.4rem}.bc-table td,.bc-table th,:is(.bc-table td,.bc-table th) code{font-size:var(--font-size-small)}.bc-table th{background:var(--color-background-primary);padding:.4rem;vertical-align:bottom}.bc-table thead{line-height:var(--font-line-ui);white-space:nowrap}:is(.bc-table tbody) tr{height:3rem}@media (426px < width){:is(:is(.bc-table tbody) tr):last-child td,:is(:is(.bc-table tbody) tr):last-child th{border-bottom-width:0}}:is(:is(.bc-table tbody) tr) th{border-left-width:0;vertical-align:middle}:is(.bc-table tbody) .bc-support{vertical-align:top}:is(:is(.bc-table tbody) .bc-support) button{cursor:pointer;width:100%}.bc-supports-no:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-red)}.bc-supports-partial:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-yellow)}.bc-supports-preview:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-blue)}.bc-supports-yes:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-green)}.bc-table .bc-supports{margin-bottom:1rem}:is(.bc-table .bc-supports) .icon-wrap{background:var(--color-background-page);padding-bottom:2px}:is(.bc-table .bc-supports.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-yellow)}:is(.bc-table .icon-wrap) .bc-support-level{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}:is(.bc-table .bc-support)>button>.icon-wrap{display:block}:is(.bc-table .bc-support) .icon.icon-removed-partial{background-color:var(--color-text-red);-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}:is(.bc-table .bc-support) .timeline .icon.icon-removed-partial{background-color:var(--color-text-yellow);-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___})}:is(.bc-table .bc-support.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-red)}.bc-table .bc-feature{align-items:center;border:none;display:flex;text-align:left;width:100%}:is(.bc-table .bc-feature)>*{border:none!important;flex-basis:max-content}.bc-table .bc-feature-depth-2{border-left:7px solid var(--color-border-primary)}.bc-table .bc-feature-depth-3{border-left:15px solid var(--color-border-primary)}.bc-table .timeline{display:none}.bc-table .bc-has-history:focus-within .timeline{display:initial}.bc-head-txt-label{line-height:var(--font-line-ui);text-orientation:sideways;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.bc-support{text-align:center;vertical-align:middle}.bc-level-no{background-color:var(--color-text-red)}.bc-level-partial{background-color:var(--color-text-yellow)}.bc-level-preview{background-color:var(--color-text-blue)}.bc-legend-items-container{display:flex;flex-wrap:wrap;font-size:var(--font-size-small);gap:1.5rem;margin-bottom:2rem}.bc-legend-tip{font-size:var(--font-size-small);font-style:italic;font-variation-settings:\"slnt\" -10;margin-bottom:1rem;margin-top:0}@media print{.bc-legend-tip{display:none!important}}.bc-legend-item{align-items:center;display:flex;gap:.5rem}.bc-legend-item-dt{display:flex}.bc-legend-item-dt .icon{background-color:var(--color-border-secondary)}.bc-platforms th{align-items:center;display:flex;justify-content:center}.bc-platforms td{border:none}.bc-browsers th{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:end;vertical-align:bottom}.bc-browsers td{border-width:0 0 1px}.bc-notes-list{margin:.5rem 0;position:relative;text-align:left;width:100%}.bc-notes-list:before{background:var(--color-border-primary);bottom:4px;content:\"\";left:7px;margin-top:.25rem;position:absolute;top:0;width:3px;z-index:-1}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child{position:relative}:is(.bc-notes-list .bc-notes-wrapper:last-child dd:last-child):before{background:var(--color-background-page);bottom:0;content:\"\";left:7px;position:absolute;top:3px;width:3px;z-index:-1}.bc-notes-list .bc-level-yes.icon.icon-yes{background-color:var(--color-text-green);-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___})}:is(.bc-notes-list .bc-supports-dd) .icon{background-color:var(--color-text-secondary);-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___})}:is(.bc-notes-list .bc-supports-dd) .icon-wrap{background-color:var(--color-background-page);padding-bottom:2px}.bc-notes-list .bc-version-label{display:inline}.bc-notes-list abbr{margin-right:4px;-webkit-text-decoration:none;text-decoration:none}.bc-notes-list dd{margin-bottom:1rem;padding-left:1.5rem;text-indent:-1.5rem}:is(.bc-notes-list dd):last-child{margin-bottom:2rem}.bc-notes-wrapper{color:var(--color-border-secondary);margin-bottom:1rem}.bc-notes-wrapper:last-child{margin-bottom:0}dl.bc-notes-list dt.bc-supports{margin-top:1rem}:is(dl.bc-notes-list dt.bc-supports):first-child{margin-top:0}dl.bc-notes-list dd.bc-supports-dd{margin-bottom:1rem}:is(dl.bc-notes-list dd.bc-supports-dd):last-child{margin-bottom:0}.only-icon span{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}.bc-table-row-header{padding:.25em;text-align:left;width:100%}.bc-table-row-header code{overflow:hidden}.bc-table-row-header .bc-icons{display:inline-flex;gap:.5ch;margin-left:.5ch;vertical-align:text-top}:is(.bc-table-row-header .bc-icons) .icon{background-color:var(--color-text-secondary)}.bc-github-link{font-size:var(--font-size-small)}:is(.main-page-content .bc-legend) dd,:is(.main-page-content .bc-legend) dt{margin-bottom:0;margin-left:0;margin-top:0}.main-page-content .bc-supports-dd{margin:0}`, \"\"]);\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, `@media (769px < width){.bc-on-github{text-align:right}.bc-table{grid-template-columns:minmax(25%,max-content) repeat(var(--compat-browser-count),calc(75%/var(--compat-browser-count)))}.icon{--size:calc(1rem + 1px)}}`, \"\"]);\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, `@media (1200px < width){.bc-table{grid-template-columns:minmax(33%,max-content) repeat(var(--compat-browser-count),calc(67%/var(--compat-browser-count)))}}`, \"\"]);\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, `@media (426px < width){.bc-table{grid-template-columns:minmax(20vw,min-content) repeat(var(--compat-browser-count),auto)}.bc-table thead{display:contents}:is(:is(.bc-table thead) .bc-platforms) th{vertical-align:revert}.bc-table tbody{--border:1px solid var(--color-border-primary)}:is(:is(.bc-table tbody) tr):not(:first-child) .bc-feature,:is(:is(:is(.bc-table tbody) tr):not(:first-child) th,:is(:is(.bc-table tbody) tr):not(:first-child) td)>*{border-top:var(--border)}:is(:is(:is(.bc-table tbody) tr) th:not(:first-child),:is(:is(.bc-table tbody) tr) td:not(:first-child))>*{border-left:var(--border)}.bc-table td,.bc-table th{background:inherit;padding:.25rem}.bc-table td.bc-support{padding:0}:is(.bc-table td.bc-support)>button{padding:.25rem}.bc-table .timeline{border-left:none!important;border-top:var(--border)}.bc-table .bc-has-history:focus-within>button{--padding-bottom-offset:-2px;border-bottom:2px solid var(--color-border-primary)}.table-container-inner{position:relative}.table-container-inner:after{bottom:0;content:\"\";height:10px;position:absolute;right:0;width:10px}.bcd-cell-text-wrapper .bc-browser-name,.bcd-cell-text-wrapper .bc-support-level{display:none}.bc-notes-list{margin-left:20%;max-width:80vw;width:auto}.bc-support .bc-support-level{display:none}.bc-has-history{cursor:pointer}.bc-has-history>button:hover{background:var(--color-background-secondary)}}`, \"\"]);\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\";\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]!../external-link/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]!../visually-hidden/global.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, `*{box-sizing:border-box;overflow-wrap:break-word}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}a:link{color:var(--color-link-normal)}a:visited{color:var(--color-link-visited)}a:hover{-webkit-text-decoration:none;text-decoration:none}code{background-color:var(--color-background-secondary);padding:.125rem .25rem;width:fit-content}button{appearance:none;background:none;border:none}`, \"\"]);\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, `@media (width <= 426px){.bc-table{grid-template-columns:auto}.bc-table thead{display:none}:is(.bc-table tr) td.bc-support{border:none;border-top:1px solid var(--color-border-primary);display:block}:is(:is(.bc-table tr) td.bc-support):last-child{border-bottom:1px solid var(--color-border-primary)}.bc-table .timeline{margin-left:.25rem}.bc-table tr:not(:first-of-type) .bc-feature{border-top:2px solid var(--color-border-primary)}.bc-table .bc-feature,.bc-table .bc-support>button{align-content:center;display:flex;flex-wrap:wrap;gap:.5rem}.bc-on-github a{white-space:nowrap}.table-container{overflow-x:auto}}`, \"\"]);\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, `.bcd-cell-text-wrapper{display:flex;flex-direction:row;gap:.5rem}@media (426px < width){.bcd-cell-text-wrapper{align-items:center;flex-direction:column}}.bcd-timeline-cell-text-wrapper{display:flex;flex-direction:row;gap:.25rem}.bcd-cell-text-copy{color:var(--color-text-primary)}.bc-supports-yes .bcd-cell-text-copy{color:var(--color-text-green)}.bc-supports-partial .bcd-cell-text-copy{color:var(--color-text-yellow)}.bc-supports-no .bcd-cell-text-copy{color:var(--color-text-red)}.bcd-cell-icons{display:flex;gap:.5rem}@media (426px < width){.bcd-cell-icons{display:block}.bc-table td.bc-support>button{padding-bottom:calc(.5rem + var(--padding-bottom-offset, 0px));padding-left:.25rem;padding-right:.25rem;padding-top:.5rem}}`, \"\"]);\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","// [libs/constants]\nexport const DEFAULT_LOCALE = \"en-US\";\n\n// [client/telemetry]\nexport const BCD_TABLE = \"bcd\";\n\nexport const ISSUE_METADATA_TEMPLATE = `\n<!-- Do not make changes below this line -->\n<details>\n<summary>MDN page report details</summary>\n\n* Query: \\`$QUERY_ID\\`\n* Report started: $DATE\n\n</details>\n`;\n","/**\n * A list of browsers to be hidden.\n * @constant {string[]}\n */\nexport const HIDDEN_BROWSERS = [\"bun\", \"ie\"];\n\n/**\n * Gets the first element of an array or returns the value itself.\n * @template T\n * @param {T | [T?, ...any[]]} a\n * @returns {T | undefined}\n */\nexport function getFirst(a) {\n  return Array.isArray(a) ? a[0] : a;\n}\n\n/**\n * Ensures the input is returned as an array.\n * @template T\n * @param {T | T[]} a\n * @returns {T[]}\n */\nexport function asList(a) {\n  return Array.isArray(a) ? a : [a];\n}\n\n/**\n * Finds the first compatibility depth in a BCD Identifier.\n * @param {import(\"@bcd\").Identifier} identifier\n * @returns {number}\n */\nfunction findFirstCompatDepth(identifier) {\n  /** @type {Array<[string, import(\"@bcd\").Identifier]>} */\n  const entries = [[\"\", identifier]];\n\n  do {\n    const entry = entries.shift();\n    if (!entry) {\n      break;\n    }\n    const [path, value] = entry;\n    if (value.__compat) {\n      // The depth is the number of segments in the path.\n      return path.split(\".\").length;\n    }\n\n    for (const [key, subvalue] of Object.entries(value)) {\n      const subpath = path ? `${path}.${key}` : key;\n      if (\"__compat\" in subvalue) {\n        entries.push([subpath, subvalue]);\n      }\n    }\n  } while (entries.length > 0);\n\n  // Fallback.\n  return 0;\n}\n\n/**\n * Recursively lists features from a BCD Identifier.\n * @param {import(\"@bcd\").Identifier} identifier\n * @param {string} [parentName]\n * @param {string} [rootName]\n * @param {number} [depth]\n * @param {number} [firstCompatDepth]\n * @returns {import(\"@compat\").Feature[]}\n */\nexport function listFeatures(\n  identifier,\n  parentName = \"\",\n  rootName = \"\",\n  depth = 0,\n  firstCompatDepth = 0,\n) {\n  /** @type {import(\"@compat\").Feature[]} */\n  const features = [];\n\n  if (rootName && identifier.__compat) {\n    features.push({\n      name: rootName,\n      compat: identifier.__compat,\n      depth,\n    });\n  }\n\n  if (rootName) {\n    firstCompatDepth = findFirstCompatDepth(identifier);\n  }\n\n  for (const [subName, subIdentifier] of Object.entries(identifier)) {\n    if (subName === \"__compat\") {\n      continue;\n    }\n\n    if (\"__compat\" in subIdentifier && subIdentifier.__compat) {\n      features.push({\n        name: parentName ? `${parentName}.${subName}` : subName,\n        compat: subIdentifier.__compat,\n        depth: depth + 1,\n      });\n    }\n\n    if (\"__compat\" in subIdentifier /* || depth + 1 < firstCompatDepth*/) {\n      features.push(\n        ...listFeatures(\n          subIdentifier,\n          subName,\n          \"\",\n          depth + 1,\n          firstCompatDepth,\n        ),\n      );\n    }\n  }\n  return features;\n}\n\n/**\n * Checks if the support statement is an array with more than one item.\n * @param {import(\"@bcd\").SupportStatement | undefined} support\n * @returns {boolean}\n */\nexport function hasMore(support) {\n  return Array.isArray(support) && support.length > 1;\n}\n\n/**\n * Determines if a version is a preview version.\n * @param {string | import(\"@bcd\").VersionValue | undefined} version\n * @param {import(\"@bcd\").BrowserStatement} browser\n * @returns {boolean}\n */\nexport function versionIsPreview(version, browser) {\n  if (version === \"preview\") {\n    return true;\n  }\n\n  if (browser && typeof version === \"string\" && browser.releases[version]) {\n    return [\"beta\", \"nightly\", \"planned\"].includes(\n      browser.releases[version].status,\n    );\n  }\n\n  return false;\n}\n\n/**\n * Checks if the support statement has noteworthy notes.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nexport function hasNoteworthyNotes(support) {\n  return (\n    !!(\n      (support.notes && support.notes.length > 0) ||\n      (support.impl_url && support.impl_url.length > 0)\n    ) &&\n    !support.version_removed &&\n    !support.partial_implementation\n  );\n}\n\n/**\n * Converts a bug URL to a simplified string.\n * @param {string} url\n * @returns {string}\n */\nexport function bugURLToString(url) {\n  const match = url.match(\n    /^https:\\/\\/(?:crbug\\.com|webkit\\.org\\/b|bugzil\\.la)\\/([0-9]+)/i,\n  );\n  const bugNumber = match ? match[1] : undefined;\n  return bugNumber ? `bug ${bugNumber}` : url;\n}\n\n/**\n * Checks if a support statement has any limitation.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nfunction hasLimitation(support) {\n  return hasMajorLimitation(support) || !!support.notes || !!support.impl_url;\n}\n\n/**\n * Checks if a support statement has major limitations.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nfunction hasMajorLimitation(support) {\n  return (\n    support.partial_implementation ||\n    !!support.alternative_name ||\n    !!support.flags ||\n    !!support.prefix ||\n    !!support.version_removed\n  );\n}\n\n/**\n * Checks if a support statement is fully supported without any limitation.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nexport function isFullySupportedWithoutLimitation(support) {\n  return !!support.version_added && !hasLimitation(support);\n}\n\n/**\n * Checks if a support statement is not supported at all.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nexport function isNotSupportedAtAll(support) {\n  return support.version_added === false && !hasLimitation(support);\n}\n\n/**\n * Checks if a support statement is fully supported without major limitations.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nfunction isFullySupportedWithoutMajorLimitation(support) {\n  return !!support.version_added && !hasMajorLimitation(support);\n}\n\n/**\n * Gets the current support statement from a support statement extended.\n *\n * Prioritizes support items in the following order:\n * 1. Full support without limitation.\n * 2. Full support with only notes and version_added.\n * 3. Full support with alternative name or prefix.\n * 4. Partial support.\n * 5. Support with flags only.\n * 6. No/Inactive support.\n * @param {import(\"@compat\").SupportStatementExtended | undefined} support\n * @returns {import(\"@compat\").SimpleSupportStatementExtended | undefined}\n */\nexport function getCurrentSupport(support) {\n  if (!support) return;\n\n  // Full support without limitation.\n  const noLimitationSupportItem = asList(support).find((item) =>\n    isFullySupportedWithoutLimitation(item),\n  );\n  if (noLimitationSupportItem) return noLimitationSupportItem;\n\n  // Full support with only notes and version_added.\n  const minorLimitationSupportItem = asList(support).find((item) =>\n    isFullySupportedWithoutMajorLimitation(item),\n  );\n  if (minorLimitationSupportItem) return minorLimitationSupportItem;\n\n  // Full support with alternative name/prefix.\n  const altnamePrefixSupportItem = asList(support).find(\n    (item) => !item.version_removed && (item.prefix || item.alternative_name),\n  );\n  if (altnamePrefixSupportItem) return altnamePrefixSupportItem;\n\n  // Partial support.\n  const partialSupportItem = asList(support).find(\n    (item) => !item.version_removed && item.partial_implementation,\n  );\n  if (partialSupportItem) return partialSupportItem;\n\n  // Support with flags only.\n  const flagSupportItem = asList(support).find(\n    (item) => !item.version_removed && item.flags,\n  );\n  if (flagSupportItem) return flagSupportItem;\n\n  // No/Inactive support.\n  const noSupportItem = asList(support).find((item) => item.version_removed);\n  if (noSupportItem) return noSupportItem;\n\n  // Default (likely never reached).\n  return getFirst(support);\n}\n","import { html } from \"lit\";\n\nimport { getCurrentSupport, versionIsPreview } from \"./utils.js\";\n\n/**\n * Returns a CSS class name based on support data and the browser.\n * @param {import(\"@compat\").SupportStatementExtended|undefined} support - The extended support statement.\n * @param {import(\"@bcd\").BrowserStatement} browser - The browser statement.\n * @returns {import(\"@compat\").SupportClassName}\n */\nexport function getSupportClassName(support, browser) {\n  if (!support) {\n    return \"unknown\";\n  }\n\n  const currentSupport = getCurrentSupport(support);\n  if (!currentSupport) {\n    return \"unknown\";\n  }\n  const { flags, version_added, version_removed, partial_implementation } =\n    currentSupport;\n\n  /** @type {import(\"@compat\").SupportClassName} */\n  let className;\n  if (version_added === null) {\n    className = \"unknown\";\n  } else if (versionIsPreview(version_added, browser)) {\n    className = \"preview\";\n  } else if (version_added) {\n    className = \"yes\";\n    if (version_removed || (flags && flags.length > 0)) {\n      className = \"no\";\n    }\n  } else {\n    className = \"no\";\n  }\n  if (partial_implementation) {\n    className = version_removed ? \"removed-partial\" : \"partial\";\n  }\n\n  return className;\n}\n\n/**\n * Returns a label string derived from a version value.\n * @param {string|boolean|null|undefined} version - The version value.\n * @param {import(\"@bcd\").BrowserStatement} browser - The browser statement.\n * @returns {string} The resulting label.\n */\nexport function labelFromString(version, browser) {\n  if (typeof version !== \"string\") {\n    return \"?\";\n  }\n  if (version === \"preview\") {\n    return browser.preview_name ?? \"Preview\";\n  }\n  // Treat BCD ranges as exact versions to avoid confusion for the reader\n  // See https://github.com/mdn/yari/issues/3238\n  if (version.startsWith(\"≤\")) {\n    version = version.slice(1);\n  }\n  // New: Omit trailing \".0\".\n  version = version.replaceAll(/(\\.0)+$/g, \"\");\n\n  return version;\n}\n\n/**\n * Generates a version label from added and removed support data.\n * @param {string|boolean|null|undefined} added - The added version.\n * @param {string|boolean|null|undefined} removed - The removed version.\n * @param {import(\"@bcd\").BrowserStatement} browser - The browser statement.\n * @returns {import(\"lit\").TemplateResult} A lit-html template result representing the version label.\n */\nexport function versionLabelFromSupport(added, removed, browser) {\n  if (typeof removed !== \"string\") {\n    return html`${labelFromString(added, browser)}`;\n  }\n  return html`${labelFromString(\n    added,\n    browser,\n  )}&#8202;&ndash;&#8202;${labelFromString(removed, browser)}`;\n}\n\n/**\n * Retrieves the browser release date from a support statement.\n * @param {import(\"@compat\").SupportStatementExtended|undefined} support - The extended support statement.\n * @returns {string|undefined} The release date if available.\n */\nexport function getSupportBrowserReleaseDate(support) {\n  if (!support) {\n    return;\n  }\n\n  return getCurrentSupport(support)?.release_date;\n}\n","import { LitElement, html, nothing } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\n\nimport {\n  BCD_TABLE,\n  DEFAULT_LOCALE,\n  ISSUE_METADATA_TEMPLATE,\n} from \"./constants.js\";\nimport styles from \"./element.css?lit\";\nimport {\n  getSupportBrowserReleaseDate,\n  getSupportClassName,\n  labelFromString,\n  versionLabelFromSupport,\n} from \"./feature-row.js\";\nimport {\n  HIDDEN_BROWSERS,\n  asList,\n  bugURLToString,\n  getCurrentSupport,\n  getFirst,\n  hasMore,\n  hasNoteworthyNotes,\n  isFullySupportedWithoutLimitation,\n  isNotSupportedAtAll,\n  listFeatures,\n  versionIsPreview,\n} from \"./utils.js\";\n\n/** @type {import(\"@compat\").IconName[]} */\nconst ICON_NAMES = [\n  \"yes\",\n  \"partial\",\n  \"preview\",\n  \"no\",\n  \"unknown\",\n  \"experimental\",\n  \"nonstandard\",\n  \"deprecated\",\n  \"footnote\",\n  \"disabled\",\n  \"altname\",\n  \"prefix\",\n  \"more\",\n];\n\n/**\n * @param {import(\"@bcd\").BrowserName} browser\n * @returns {string}\n */\nfunction browserToIconName(browser) {\n  if (browser.startsWith(\"firefox\")) {\n    return \"firefox\";\n  } else if (browser === \"webview_android\") {\n    return \"webview\";\n  } else if (browser === \"webview_ios\") {\n    return \"safari\";\n  } else {\n    return browser.split(\"_\")[0] ?? \"\";\n  }\n}\n\nexport class MDNCompatTable extends L10nMixin(LitElement) {\n  static properties = {\n    query: {},\n    locale: {},\n    data: {},\n    browserInfo: { attribute: \"browserinfo\" },\n    _pathname: { state: true },\n    _platforms: { state: true },\n    _browsers: { state: true },\n  };\n\n  static styles = styles;\n\n  constructor() {\n    super();\n    this.query = \"\";\n    /** @type {import(\"@bcd\").Identifier} */\n    this.data = {};\n    /** @type {Partial<import(\"@bcd\").Browsers>} */\n    this.browserInfo = {};\n    this.locale = \"\";\n    this._pathname = \"\";\n    /** @type {string[]} */\n    this._platforms = [];\n    /** @type {import(\"@bcd\").BrowserName[]} */\n    this._browsers = [];\n  }\n\n  get _breadcrumbs() {\n    return this.query.split(\".\");\n  }\n\n  get _category() {\n    return this._breadcrumbs[0] ?? \"\";\n  }\n\n  get _name() {\n    return this._breadcrumbs.at(-1) ?? \"\";\n  }\n\n  /**\n   * Gets the active legend items based on browser compatibility data.\n   * @param {import(\"@bcd\").Identifier} compat - The compatibility data identifier.\n   * @param {string} name - The name of the feature.\n   * @param {Partial<import(\"@bcd\").Browsers>} browserInfo - Information about browsers.\n   * @param {import(\"@bcd\").BrowserName[]} browsers - The list of displayed browsers.\n   * @returns {import(\"@compat\").IconName[]} An array of legend keys.\n   */\n  _getActiveLegendItems(compat, name, browserInfo, browsers) {\n    /** @type {Set<import(\"@compat\").IconName>} */\n    const legendItems = new Set();\n\n    for (const feature of listFeatures(compat, \"\", name)) {\n      const { status } = feature.compat;\n\n      if (status) {\n        if (status.experimental) {\n          legendItems.add(\"experimental\");\n        }\n        if (status.deprecated) {\n          legendItems.add(\"deprecated\");\n        }\n        if (!status.standard_track) {\n          legendItems.add(\"nonstandard\");\n        }\n      }\n\n      for (const browser of browsers) {\n        const browserSupport = feature.compat.support[browser] ?? {\n          version_added: false,\n        };\n\n        if (HIDDEN_BROWSERS.includes(browser)) {\n          continue;\n        }\n\n        const firstSupportItem = getFirst(browserSupport);\n        if (firstSupportItem && hasNoteworthyNotes(firstSupportItem)) {\n          legendItems.add(\"footnote\");\n        }\n\n        for (const versionSupport of asList(browserSupport)) {\n          if (versionSupport.version_added) {\n            if (versionSupport.flags && versionSupport.flags.length > 0) {\n              legendItems.add(\"no\");\n            } else if (\n              browserInfo[browser] &&\n              versionIsPreview(\n                versionSupport.version_added,\n                browserInfo[browser],\n              )\n            ) {\n              legendItems.add(\"preview\");\n            } else {\n              legendItems.add(\"yes\");\n            }\n          } else if (versionSupport.version_added == undefined) {\n            legendItems.add(\"unknown\");\n          } else {\n            legendItems.add(\"no\");\n          }\n\n          if (versionSupport.partial_implementation) {\n            legendItems.add(\"partial\");\n          }\n          if (versionSupport.prefix) {\n            legendItems.add(\"prefix\");\n          }\n          if (versionSupport.alternative_name) {\n            legendItems.add(\"altname\");\n          }\n          if (versionSupport.flags) {\n            legendItems.add(\"disabled\");\n          }\n        }\n\n        if (hasMore(browserSupport)) {\n          legendItems.add(\"more\");\n        }\n      }\n    }\n\n    return ICON_NAMES.filter((key) => legendItems.has(key));\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._pathname = globalThis.location.pathname;\n    [this._platforms, this._browsers] = gatherPlatformsAndBrowsers(\n      this._category,\n      this.data,\n      this.browserInfo,\n    );\n  }\n\n  get _issueUrl() {\n    const url = \"https://github.com/mdn/browser-compat-data/issues/new\";\n    const sp = new URLSearchParams();\n    const metadata = ISSUE_METADATA_TEMPLATE.replaceAll(\n      \"$DATE\",\n      new Date().toISOString(),\n    )\n      .replaceAll(\"$QUERY_ID\", this.query)\n      .trim();\n    sp.set(\"mdn-url\", `https://developer.mozilla.org${this._pathname}`);\n    sp.set(\"metadata\", metadata);\n    sp.set(\"title\", `${this.query} - <SUMMARIZE THE PROBLEM>`);\n    sp.set(\"template\", \"data-problem.yml\");\n\n    return `${url}?${sp.toString()}`;\n  }\n\n  _renderIssueLink() {\n    const onClick = (/** @type {MouseEvent} */ event) => {\n      event.preventDefault();\n      window.open(this._issueUrl, \"_blank\", \"noopener,noreferrer\");\n    };\n    const source_file = this.data.__compat?.source_file;\n    return html`<div class=\"bc-on-github\">\n      <a\n        class=\"bc-github-link external external-icon\"\n        href=\"#\"\n        @click=${onClick}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        title=${this.l10n(\n          \"compat-link-report-issue-title\",\n        )`Report an issue with this compatibility data`}\n      >\n        ${this.l10n(\n          \"compat-link-report-issue\",\n        )`Report problems with this compatibility data`}</a\n      >${source_file\n        ? html` •\n            <a\n              class=\"bc-github-link external external-icon\"\n              href=${`https://github.com/mdn/browser-compat-data/tree/main/${source_file}`}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              title=${this.l10n.raw({\n                id: \"compat-link-source-title\",\n                args: {\n                  filename: source_file,\n                },\n              })}\n            >\n              ${this.l10n(\"compat-link-source\")`View data on GitHub`}\n            </a>`\n        : undefined}\n    </div>`;\n  }\n\n  _renderTable() {\n    return html`<figure class=\"table-container\">\n      <figure class=\"table-container-inner\">\n        ${this._renderIssueLink()}\n        <table\n          class=\"bc-table bc-table-web\"\n          style=\"--compat-browser-count: ${Object.keys(this._browsers).length}\"\n        >\n          ${this._renderTableHeader()} ${this._renderTableBody()}\n        </table>\n      </figure>\n    </figure>`;\n  }\n\n  _renderTableHeader() {\n    return html`<thead>\n      ${this._renderPlatformHeaders()} ${this._renderBrowserHeaders()}\n    </thead>`;\n  }\n\n  _renderPlatformHeaders() {\n    const platformsWithBrowsers = this._platforms.map((platform) => ({\n      platform,\n      browsers: this._browsers.filter(\n        (browser) => this.browserInfo[browser]?.type === platform,\n      ),\n    }));\n\n    const grid = platformsWithBrowsers.map(({ browsers }) => browsers.length);\n\n    const platformCells = platformsWithBrowsers.map(\n      ({ platform, browsers }, index) => {\n        // Get the intersection of browsers in the `browsers` array and the\n        // `PLATFORM_BROWSERS[platform]`.\n        const browserCount = browsers.length;\n        const cellClass = `bc-platform bc-platform-${platform}`;\n        const iconClass = `icon icon-${platform}`;\n\n        const columnStart =\n          2 + grid.slice(0, index).reduce((acc, x) => acc + x, 0);\n        const columnEnd = columnStart + browserCount;\n        return html`<th\n          class=${cellClass}\n          colspan=${browserCount}\n          title=${platform}\n          style=\"grid-column: ${columnStart} / ${columnEnd}\"\n        >\n          <span class=${iconClass}></span>\n          <span class=\"visually-hidden\">${platform}</span>\n        </th>`;\n      },\n    );\n\n    return html`<tr class=\"bc-platforms\">\n      <td></td>\n      ${platformCells}\n    </tr>`;\n  }\n\n  _renderBrowserHeaders() {\n    // <BrowserHeaders>\n    const browserCells = this._browsers.map(\n      (browser) =>\n        html`<th class=${`bc-browser bc-browser-${browser}`}>\n          <div class=${`bc-head-txt-label bc-head-icon-${browser}`}>\n            ${this.browserInfo[browser]?.name}\n          </div>\n          <div\n            class=${`bc-head-icon-symbol icon icon-${browserToIconName(\n              browser,\n            )}`}\n          ></div>\n        </th>`,\n    );\n\n    return html`<tr class=\"bc-browsers\">\n      <td></td>\n      ${browserCells}\n    </tr>`;\n  }\n\n  _renderTableBody() {\n    // <FeatureListAccordion>\n    const { data, _browsers: browsers, browserInfo, locale } = this;\n    let features = listFeatures(data, \"\", this._name);\n\n    const MAX_FEATURES = 100;\n\n    // If there are too many features, hide nested features.\n    if (features.length > MAX_FEATURES) {\n      features = features.filter(({ depth }) => depth < 2);\n    }\n\n    // If there are still too many features, hide non-standard features.\n    if (features.length > MAX_FEATURES) {\n      features = features.filter(\n        ({ compat: { status } }) => status?.standard_track,\n      );\n    }\n\n    // If there are still too many features, hide deprecated features.\n    if (features.length > MAX_FEATURES) {\n      features = features.filter(\n        ({ compat: { status } }) => !status?.deprecated,\n      );\n    }\n\n    // If there are still too many features, hide experimental features.\n    if (features.length > MAX_FEATURES) {\n      features = features.filter(\n        ({ compat: { status } }) => !status?.experimental,\n      );\n    }\n\n    // At this point, we did all we can to reduce the number of features shown.\n    if (features.length > MAX_FEATURES) {\n      features = features.slice(0, MAX_FEATURES);\n    }\n\n    const featureRows = features.map((feature) => {\n      // <FeatureRow>\n      const { name, compat, depth } = feature;\n\n      const title = compat.description\n        ? html`<span>${unsafeHTML(compat.description)}</span>`\n        : html`<code>${name}</code>`;\n\n      let titleNode;\n      const titleContent = html`${title}${compat.status &&\n      this._renderStatusIcons(compat.status)}`;\n      if (compat.mdn_url && depth > 0) {\n        const href = compat.mdn_url.replace(\n          `/${DEFAULT_LOCALE}/docs`,\n          `/${locale}/docs`,\n        );\n        titleNode = html`<a\n          href=${href}\n          class=\"bc-table-row-header\"\n          data-glean=${`${BCD_TABLE}: link -> ${href}`}\n        >\n          ${titleContent}\n        </a>`;\n      } else {\n        titleNode = html`<div class=\"bc-table-row-header\">\n          ${titleContent}\n        </div>`;\n      }\n\n      const handleMousedown = (/** @type {MouseEvent} */ event) => {\n        // Blur active element if already focused.\n        const activeElement = this.shadowRoot?.activeElement;\n        const { currentTarget } = event;\n\n        if (\n          activeElement instanceof HTMLElement &&\n          currentTarget instanceof HTMLElement\n        ) {\n          const activeCell = activeElement.closest(\"td\");\n          const currentCell = currentTarget.closest(\"td\");\n\n          if (activeCell === currentCell) {\n            activeElement.blur();\n            event.preventDefault();\n            return;\n          }\n        }\n\n        if (currentTarget instanceof HTMLElement) {\n          // Workaround for Safari, which doesn't focus implicitly.\n          setTimeout(() => currentTarget.focus(), 0);\n        }\n      };\n\n      const browserCells = browsers.map((browserName) => {\n        // <CompatCell>\n        const browser = browserInfo[browserName];\n        if (!browser) {\n          return nothing;\n        }\n        const support = compat.support[browserName] ?? {\n          version_added: false,\n        };\n\n        const supportClassName = getSupportClassName(support, browser);\n        const notes = this._renderNotes(browser, support);\n\n        return html`<td\n          class=${`bc-support bc-browser-${browserName} bc-supports-${supportClassName} ${\n            notes ? \"bc-has-history\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            title=${ifDefined(notes && \"Toggle history\")}\n            @mousedown=${handleMousedown}\n          >\n            ${this._renderCellText(support, browser)}\n          </button>\n          ${notes &&\n          html`<div class=\"timeline\" tabindex=\"0\">\n            <dl class=\"bc-notes-list\">${notes}</dl>\n          </div>`}\n        </td>`;\n      });\n\n      return html`<tr>\n        <th class=${`bc-feature bc-feature-depth-${depth}`} scope=\"row\">\n          ${titleNode}\n        </th>\n        ${browserCells}\n      </tr>`;\n    });\n\n    return html`<tbody>\n      ${featureRows}\n    </tbody>`;\n  }\n\n  /**\n   * @param {import(\"@bcd\").SupportStatement} support\n   */\n  _renderCellIcons(support) {\n    const supportItem = getCurrentSupport(support);\n    if (!supportItem) {\n      return;\n    }\n\n    const icons = [\n      supportItem.prefix && this._renderIcon(\"prefix\"),\n      hasNoteworthyNotes(supportItem) && this._renderIcon(\"footnote\"),\n      supportItem.alternative_name && this._renderIcon(\"altname\"),\n      supportItem.flags && this._renderIcon(\"disabled\"),\n      hasMore(support) && this._renderIcon(\"more\"),\n    ].filter(Boolean);\n\n    return icons.length > 0\n      ? html`<div class=\"bc-icons\">${icons}</div>`\n      : undefined;\n  }\n\n  /**\n   * @param {import(\"@compat\").IconName} name\n   * @returns {import(\"@lit\").TemplateResult}\n   */\n  _renderIcon(name) {\n    const title = this._getLegendLabel(name);\n\n    return html`\n      <span class=\"icon-wrap\">\n        <abbr class=\"only-icon\" title=${ifDefined(title)}>\n          <span>${name}</span>\n          <i class=${`icon icon-${name}`}></i>\n        </abbr>\n      </span>\n    `;\n  }\n\n  /**\n   * @param {import(\"@compat\").IconName} name\n   */\n  _getLegendLabel(name) {\n    return {\n      yes: () => this.l10n(\"compat-legend-yes\"),\n      partial: () => this.l10n(\"compat-legend-partial\"),\n      preview: () => this.l10n(\"compat-legend-preview\"),\n      no: () => this.l10n(\"compat-legend-no\"),\n      unknown: () => this.l10n(\"compat-legend-unknown\"),\n      experimental: () => this.l10n(\"compat-legend-experimental\"),\n      nonstandard: () => this.l10n(\"compat-legend-nonstandard\"),\n      deprecated: () => this.l10n(\"compat-legend-deprecated\"),\n      footnote: () => this.l10n(\"compat-legend-footnote\"),\n      disabled: () => this.l10n(\"compat-legend-disabled\"),\n      altname: () => this.l10n(\"compat-legend-altname\"),\n      prefix: () => this.l10n(\"compat-legend-prefix\"),\n      more: () => this.l10n(\"compat-legend-more\"),\n    }[name]();\n  }\n\n  /**\n   * @param {import(\"@bcd\").StatusBlock} status\n   */\n  _renderStatusIcons(status) {\n    // <StatusIcons>\n    /**\n     * @type {Array<{ title: import(\"@lit\").L10nResult; text: import(\"@lit\").L10nResult; iconClassName: string }>}\n     */\n    const icons = [];\n\n    if (status.experimental) {\n      icons.push({\n        title: this._getLegendLabel(\"experimental\"),\n        text: this.l10n(\"compat-experimental\")`Experimental`,\n        iconClassName: \"icon-experimental\",\n      });\n    }\n\n    if (status.deprecated) {\n      icons.push({\n        title: this._getLegendLabel(\"deprecated\"),\n        text: this.l10n(\"compat-deprecated\")`Experimental`,\n        iconClassName: \"icon-deprecated\",\n      });\n    }\n\n    if (!status.standard_track) {\n      icons.push({\n        title: this._getLegendLabel(\"nonstandard\"),\n        text: this.l10n(\"compat-nonstandard\")`Non-standard`,\n        iconClassName: \"icon-nonstandard\",\n      });\n    }\n\n    const renderedIcons = icons.map(\n      (icon) =>\n        html`<abbr\n          class=${`only-icon icon ${icon.iconClassName}`}\n          title=${icon.title}\n        >\n          <span>${icon.text}</span>\n        </abbr>`,\n    );\n\n    return icons.length === 0\n      ? undefined\n      : html`<div class=\"bc-icons\">${renderedIcons}</div>`;\n  }\n\n  /**\n   *\n   * @param {import(\"@bcd\").BrowserStatement} browser\n   * @param {import(\"@bcd\").SupportStatement} support\n   */\n  _renderNotes(browser, support) {\n    return [...asList(support)]\n      .reverse()\n      .flatMap((item, i) => {\n        const notes = this._getNotes(browser, support, item);\n\n        const notesItems = notes.map(({ iconName, label }) => {\n          return html`<dd class=\"bc-supports-dd\">\n            ${this._renderIcon(iconName)}${typeof label === \"string\"\n              ? html`<span>${unsafeHTML(label)}</span>`\n              : label}\n          </dd>`;\n        });\n\n        const hasNotes = notesItems.length > 0;\n\n        return (\n          (i === 0 || hasNotes) &&\n          html`<div class=\"bc-notes-wrapper\">\n            <dt\n              class=${`bc-supports-${getSupportClassName(\n                item,\n                browser,\n              )} bc-supports`}\n            >\n              ${this._renderCellText(item, browser, true)}\n            </dt>\n            ${notesItems} ${hasNotes ? undefined : html`<dd></dd>`}\n          </div>`\n        );\n      })\n      .filter(Boolean);\n  }\n\n  /**\n   * @param {import(\"@bcd\").BrowserStatement} browser\n   * @param {import(\"@bcd\").SupportStatement} support\n   * @param {import(\"@bcd\").SimpleSupportStatement} item\n   * @returns\n   */\n  _getNotes(browser, support, item) {\n    /**\n     * @type {Array<{iconName: import(\"@compat\").IconName; label: string | import(\"@lit\").L10nResult | undefined }>}\n     */\n    const supportNotes = [];\n\n    if (\n      item.version_removed &&\n      !asList(support).some(\n        (otherItem) => otherItem.version_added === item.version_removed,\n      )\n    ) {\n      supportNotes.push({\n        iconName: \"footnote\",\n        label: this.l10n.raw({\n          id: \"compat-support-removed\",\n          args: {\n            version: labelFromString(item.version_removed, browser),\n          },\n        }),\n      });\n    }\n\n    if (item.partial_implementation) {\n      supportNotes.push({\n        iconName: \"footnote\",\n        label: this.l10n(\"compat-support-partial\")`Partial support`,\n      });\n    }\n\n    if (item.prefix) {\n      supportNotes.push({\n        iconName: \"prefix\",\n        label: this.l10n.raw({\n          id: \"compat-support-prefix\",\n          args: {\n            prefix: item.prefix,\n          },\n        }),\n      });\n    }\n\n    if (item.alternative_name) {\n      supportNotes.push({\n        iconName: \"altname\",\n        label: this.l10n.raw({\n          id: \"compat-support-altname\",\n          args: {\n            altname: item.alternative_name,\n          },\n        }),\n      });\n    }\n\n    if (item.flags) {\n      for (const { type, name, value_to_set } of item.flags) {\n        supportNotes.push({\n          iconName: \"disabled\",\n          label: this.l10n.raw({\n            id: \"compat-support-flags\",\n            args: {\n              has_added: Number(\n                typeof item.version_added === \"string\" &&\n                  item.version_added !== \"preview\",\n              ),\n              version_added: item.version_added,\n              has_last: Number(typeof item.version_last === \"string\"),\n              versionLast: item.version_last,\n              flag_type: type,\n              flag_name: name,\n              has_value: Number(typeof value_to_set === \"string\"),\n              flag_value: value_to_set,\n              browser_name: browser.name,\n              browser_pref_url: browser.pref_url,\n            },\n            elements: {\n              name: {\n                tag: \"code\",\n              },\n              value: {\n                tag: \"code\",\n              },\n            },\n          }),\n        });\n      }\n    }\n\n    if (item.notes) {\n      const notes = Array.isArray(item.notes) ? item.notes : [item.notes];\n      for (const note of notes) {\n        supportNotes.push({\n          iconName: \"footnote\",\n          label: note,\n        });\n      }\n    }\n\n    if (item.impl_url) {\n      const impl_urls = Array.isArray(item.impl_url)\n        ? item.impl_url\n        : [item.impl_url];\n\n      for (const impl_url of impl_urls) {\n        supportNotes.push({\n          iconName: \"footnote\",\n          label: this.l10n.raw({\n            id: \"compat-support-see-impl-url\",\n            args: {\n              label: bugURLToString(impl_url),\n            },\n            elements: {\n              impl_url: {\n                tag: \"a\",\n                href: impl_url,\n              },\n            },\n          }),\n        });\n      }\n    }\n\n    if (versionIsPreview(item.version_added, browser)) {\n      supportNotes.push({\n        iconName: \"footnote\",\n        label: this.l10n(\"compat-support-preview\")`Preview browser support`,\n      });\n    }\n\n    // If we encounter nothing else than the required `version_added` and\n    // `release_date` properties, assume full support.\n    // EDIT 1-5-21: if item.version_added doesn't exist, assume no support.\n    if (\n      isFullySupportedWithoutLimitation(item) &&\n      !versionIsPreview(item.version_added, browser)\n    ) {\n      supportNotes.push({\n        iconName: \"footnote\",\n        label: this.l10n(\"compat-support-full\")`Full support`,\n      });\n    } else if (isNotSupportedAtAll(item)) {\n      supportNotes.push({\n        iconName: \"footnote\",\n        label: this.l10n(\"compat-support-no\")`No support`,\n      });\n    }\n\n    if (supportNotes.length === 0) {\n      supportNotes.push({\n        iconName: \"unknown\",\n        label: this.l10n(\"compat-support-unknown\")`Support unknown`,\n      });\n    }\n\n    return supportNotes;\n  }\n\n  /**\n   *\n   * @param {import(\"@bcd\").SupportStatement | undefined} support\n   * @param {import(\"@bcd\").BrowserStatement} browser\n   * @param {boolean} [timeline]\n   */\n  _renderCellText(support, browser, timeline = false) {\n    const currentSupport = getCurrentSupport(support);\n\n    const added = currentSupport?.version_added ?? undefined;\n    const lastVersion = currentSupport?.version_last ?? undefined;\n\n    const browserReleaseDate = getSupportBrowserReleaseDate(support);\n    const supportClassName = getSupportClassName(support, browser);\n\n    let status;\n    switch (added) {\n      case undefined: {\n        status = { isSupported: \"unknown\" };\n        break;\n      }\n      case false: {\n        status = { isSupported: \"no\" };\n        break;\n      }\n      case \"preview\": {\n        status = { isSupported: \"preview\" };\n        break;\n      }\n      default: {\n        status = {\n          isSupported: supportClassName,\n          label: versionLabelFromSupport(added, lastVersion, browser),\n        };\n        break;\n      }\n    }\n\n    let label;\n    /** @type {\"\" | import(\"@lit\").L10nResult} */\n    let title = \"\";\n\n    switch (status.isSupported) {\n      case \"yes\": {\n        title = this.l10n(\"compat-support-full\")`Full support`;\n        label = status.label || this.l10n(\"compat-yes\")`Yes`;\n        break;\n      }\n\n      case \"partial\": {\n        title = this.l10n(\"compat-support-partial\")`Partial support`;\n        label = status.label || this.l10n(\"compat-partial\")`Partial`;\n        break;\n      }\n\n      case \"removed-partial\": {\n        if (timeline) {\n          title = this.l10n(\"compat-support-partial\")`Partial support`;\n          label = status.label || this.l10n(\"compat-partial\")`Partial`;\n        } else {\n          title = this.l10n(\"compat-support-no\")`No support`;\n          label = status.label || this.l10n(\"compat-no\")`No`;\n        }\n        break;\n      }\n\n      case \"no\": {\n        title = this.l10n(\"compat-support-no\")`No support`;\n        label = status.label || this.l10n(\"compat-no\")`No`;\n        break;\n      }\n\n      case \"preview\": {\n        title = this.l10n(\"compat-support-preview\")`Preview support`;\n        label = status.label || browser.preview_name;\n        break;\n      }\n\n      case \"unknown\": {\n        title = this.l10n(\"compat-support-unknown\")`Support unknown`;\n        label = \"?\";\n        break;\n      }\n    }\n\n    title = `${browser.name} – ${title}`;\n\n    return html`<div\n      class=${timeline\n        ? \"bcd-timeline-cell-text-wrapper\"\n        : \"bcd-cell-text-wrapper\"}\n    >\n      <div class=\"bcd-cell-icons\">\n        <span class=\"icon-wrap\">\n          <abbr\n            class=${`\n                bc-level-${supportClassName}\n                icon\n                icon-${supportClassName}`}\n            title=${title}\n          >\n            <span class=\"bc-support-level\">${title}</span>\n          </abbr>\n        </span>\n      </div>\n      <div class=\"bcd-cell-text-copy\">\n        <span class=\"bc-browser-name\">${browser.name}</span>\n        <span\n          class=\"bc-version-label\"\n          title=${browserReleaseDate && !timeline\n            ? this.l10n.raw({\n                id: \"compat-browser-version-date\",\n                args: {\n                  browser: browser.name,\n                  version: added,\n                  date: browserReleaseDate,\n                },\n              })\n            : \"\"}\n        >\n          ${!timeline || added ? label : undefined}\n          ${browserReleaseDate && timeline\n            ? ` (${this.l10n.raw({ id: \"compat-browser-version-released\", args: { date: browserReleaseDate } })})`\n            : \"\"}\n        </span>\n      </div>\n      ${support && this._renderCellIcons(support)}\n    </div>`;\n  }\n\n  _renderTableLegend() {\n    const { _browsers: browsers, browserInfo } = this;\n\n    if (!browserInfo) {\n      throw new Error(\"Missing browser info\");\n    }\n\n    const items = this._getActiveLegendItems(\n      this.data,\n      this._name,\n      browserInfo,\n      browsers,\n    ).map((key) => {\n      const label = this._getLegendLabel(key);\n      return [\"yes\", \"partial\", \"no\", \"unknown\", \"preview\"].includes(key)\n        ? html`<div class=\"bc-legend-item\">\n            <dt class=\"bc-legend-item-dt\">\n              <span class=${`bc-supports-${key} bc-supports`}>\n                <abbr\n                  class=${`bc-level bc-level-${key} icon icon-${key}`}\n                  title=${label}\n                >\n                  <span class=\"visually-hidden\">${label}</span>\n                </abbr>\n              </span>\n            </dt>\n            <dd class=\"bc-legend-item-dd\">${label}</dd>\n          </div>`\n        : html`<div class=\"bc-legend-item\">\n            <dt class=\"bc-legend-item-dt\">\n              <abbr class=\"legend-icons icon icon-${key}\" title=${label}></abbr>\n            </dt>\n            <dd class=\"bc-legend-item-dd\">${label}</dd>\n          </div>`;\n    });\n\n    return html`<section class=\"bc-legend\">\n      <h3 class=\"visually-hidden\" id=\"Legend\">\n        ${this.l10n(\"compat-legend\")`Legend`}\n      </h3>\n      <p class=\"bc-legend-tip\">\n        ${this.l10n(\n          \"compat-legend-tip\",\n        )`Tip: you can click/tap on a cell for more information.`}\n      </p>\n      <dl class=\"bc-legend-items-container\">${items}</dl>\n    </section>`;\n  }\n\n  render() {\n    return html` ${this._renderTable()} ${this._renderTableLegend()} `;\n  }\n}\n\ncustomElements.define(\"mdn-compat-table\", MDNCompatTable);\n\n/**\n * Return a list of platforms and browsers that are relevant for this category &\n * data.\n *\n * If the category is \"webextensions\", only those are shown. In all other cases\n * at least the entirety of the \"desktop\" and \"mobile\" platforms are shown. If\n * the category is JavaScript, the entirety of the \"server\" category is also\n * shown. In all other categories, if compat data has info about Deno / Node.js\n * those are also shown. Deno is always shown if Node.js is shown.\n * @param {string} category\n * @param {import(\"@bcd\").Identifier} data\n * @param {Partial<import(\"@bcd\").Browsers>} browserInfo\n * @returns {[string[], import(\"@bcd\").BrowserName[]]}\n */\nexport function gatherPlatformsAndBrowsers(category, data, browserInfo) {\n  const hasNodeJSData = data.__compat && \"nodejs\" in data.__compat.support;\n  const hasDenoData = data.__compat && \"deno\" in data.__compat.support;\n\n  let platforms = [\"desktop\", \"mobile\"];\n  if (category === \"javascript\" || hasNodeJSData || hasDenoData) {\n    platforms.push(\"server\");\n  }\n\n  /** @type {import(\"@bcd\").BrowserName[]} */\n  let browsers = [];\n\n  // Add browsers in platform order to align table cells\n  for (const platform of platforms) {\n    const platformBrowsers = /** @type {import(\"@bcd\").BrowserName[]} */ (\n      Object.keys(browserInfo)\n    );\n    browsers.push(\n      ...platformBrowsers.filter(\n        (browser) =>\n          browser in browserInfo && browserInfo[browser]?.type === platform,\n      ),\n    );\n  }\n\n  // Filter WebExtension browsers in corresponding tables.\n  if (category === \"webextensions\") {\n    browsers = browsers.filter(\n      (browser) => browserInfo[browser]?.accepts_webextensions,\n    );\n  }\n\n  // If there is no Node.js data for a category outside \"javascript\", don't\n  // show it. It ended up in the browser list because there is data for Deno.\n  if (category !== \"javascript\" && !hasNodeJSData) {\n    browsers = browsers.filter((browser) => browser !== \"nodejs\");\n  }\n\n  // Hide Internet Explorer compatibility data\n  browsers = browsers.filter((browser) => !HIDDEN_BROWSERS.includes(browser));\n\n  return [platforms, [...browsers]];\n}\n"],"names":["_","Array","r","s","e","Object","h","a","n","MDNCompatTable","Set","globalThis","URLSearchParams","Date","window","HTMLElement","setTimeout","Boolean","t","Number","l","Error","customElements"],"mappings":"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"}

package/out/static/client/288.ba983e8acda3116e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"288.ba983e8acda3116e.js","sources":["webpack://@mdn/fred/./components/placement-no/element.css","webpack://@mdn/fred/./components/placement-no/element.js","webpack://@mdn/fred/./components/placement/context.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, `:host{line-height:1rem}.placement-no{color:inherit;font-size:.6rem;margin-bottom:.5rem;max-width:12rem;padding:0;width:100%}.placement-no:focus,.placement-no:hover{opacity:unset;-webkit-text-decoration:none;text-decoration:none}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","import { Task } from \"@lit/task\";\nimport { LitElement, html, nothing } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport { globalPlacementContext } from \"../placement/context.js\";\nimport { globalUser } from \"../user/context.js\";\n\nimport styles from \"./element.css?lit\";\n\n/**\n * @import * as Placements from \"../placement/types.js\";\n * @import * as User from \"../user/types.js\";\n */\n\nclass MDNPlacementNo extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  _dataTask = new Task(this, {\n    task: async () => {\n      return {\n        context: await globalPlacementContext(),\n        user: await globalUser(),\n      };\n    },\n  });\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._dataTask.run();\n  }\n  render() {\n    return this._dataTask.render({\n      initial: () => nothing,\n      pending: () => nothing,\n\n      complete:\n        /**\n         * @param {{ context: Placements.PlacementContextData, user: User.User}} context\n         */\n        (context) => {\n          const { context: placementContext, user } = context;\n          const showNoAds = Boolean(\n            user?.isSubscriber || placementContext.plusAvailable,\n          );\n          return showNoAds\n            ? html`<a\n                class=\"placement-no\"\n                data-glean=${\"pong: \" +\n                (user?.isSubscriber ? \"pong->settings\" : \"pong->plus\")}\n                href=${user?.isSubscriber\n                  ? \"/en-US/plus/settings?ref=nope\"\n                  : \"/en-US/plus?ref=nope\"}\n              >\n                ${this.l10n(\"placement-no\")}\n              </a>`\n            : nothing;\n        },\n    });\n  }\n}\n\ncustomElements.define(\"mdn-placement-no\", MDNPlacementNo);\n","/**\n * @import * as Placements from \"../placement/types.js\";\n */\n\nimport { globalUser } from \"../user/context.js\";\n\n/**\n * @type {Placements.PlacementMap}\n */\nconst PLACEMENT_MAP = {\n  side: {\n    typ: \"side\",\n    renderer:\n      /Doc|BlogPost|CurriculumDefault|GenericDoc|SpaSearch|SpaNotFound|SpaPlay|SpaObservatoryAnalyze/gi,\n    pattern:\n      /^\\/[^/]+\\/(play|docs\\/|blog\\/|observatory\\/?|curriculum\\/[^$]|search$)/i,\n  },\n  top: {\n    typ: \"top-banner\",\n    renderer: /^(?!Homepage$).+/gi,\n    pattern: /^\\/[^/]+\\/(?!$|_homepage$).*/i,\n  },\n  hpTop: {\n    typ: \"top-banner\",\n    renderer: /Homepage/gi,\n    pattern: /^\\/[^/]+\\/($|_homepage$)/i,\n  },\n  hpMain: {\n    typ: \"hp-main\",\n    renderer: /Homepage/gi,\n    pattern: /^\\/[^/]+\\/($|_homepage$)/i,\n  },\n  hpFooter: {\n    typ: \"hp-footer\",\n    renderer: /Homepage/gi,\n    pattern: /^\\/[^/]+\\/($|_homepage$)/i,\n  },\n  bottom: {\n    typ: \"bottom-banner\",\n    renderer: /^(?!Homepage$).+/gi,\n    pattern: /^\\/[^/]+\\/docs\\//i,\n  },\n};\n\n/**\n *\n * @param {string} renderer\n * @returns {string[]}\n */\nfunction placementTypes(renderer) {\n  return (\n    Object.entries(PLACEMENT_MAP)\n      .map(([k, { renderer: re }]) => (re.test(renderer) ? k : null))\n      .filter((k) => k !== null) || []\n  );\n}\n/**\n * @type {Promise<Placements.PlacementContextData> | undefined}\n */\nlet PLACEMENT_CONTEXT;\n\n/**\n *\n * @returns {Promise<Placements.PlacementContextData>}\n */\nexport function globalPlacementContext() {\n  if (!PLACEMENT_CONTEXT) {\n    PLACEMENT_CONTEXT = globalUser().then((user) => {\n      return user.settings?.noAds\n        ? Promise.resolve({ status: \"noads\" })\n        : fetchPlacementData();\n    });\n  }\n  return PLACEMENT_CONTEXT;\n}\n/**\n * @returns {Promise<Placements.PlacementContextData>}\n */\nasync function fetchPlacementData() {\n  const response = await fetch(\"/pong/get\", {\n    method: \"POST\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n    },\n    body: JSON.stringify({\n      keywords: [],\n      pongs: placementTypes(\n        globalThis.document.documentElement.dataset.renderer || \"Unknown\",\n      ),\n    }),\n  });\n  if (!response.ok) {\n    throw new Error(response.statusText);\n  }\n\n  try {\n    const placementResponse = await response.json();\n    return placementResponse;\n  } catch {\n    throw new Error(response.statusText);\n  }\n}\n"],"names":["MDNPlacementNo","customElements","Promise","fetch","JSON","globalThis","Object","Error"],"mappings":"8LAII,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,uOAAwO,GAAG,EAEpR,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C,qGCMvD,IAAMA,eAAN,MAAMA,sBAAuB,QAAU,IAAU,EAC/C,OAAO,OAAS,GAAM,AAAC,AAEvB,WAAY,IAAI,IAAI,CAAC,IAAI,CAAE,CACzB,KAAM,SACG,EACL,QAAS,MAAM,UACf,KAAM,MAAM,SACd,EAEJ,EAAG,AAEH,oBAAoB,CAClB,KAAK,CAAC,oBACN,IAAI,CAAC,SAAS,CAAC,GAAG,EACpB,CACA,QAAS,CACP,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAC3B,QAAS,IAAM,IAAO,CACtB,QAAS,IAAM,IAAO,CAEtB,SAIE,AAAC,IACC,GAAM,CAAE,QAAS,CAAgB,CAAE,MAAI,CAAE,CAAG,EAI5C,OAAO,AAFL,GAAM,cAAgB,EAAiB,aAAa,CAGlD,QAAI,CAAC;;2BAEQ,EAAE,SACZ,IAAM,aAAe,iBAAmB,YAAW,EAAG;qBAClD,EAAE,GAAM,aACT,gCACA,uBAAuB;;gBAE3B,EAAE,IAAI,CAAC,IAAI,CAAC,gBAAgB;kBAC1B,CAAC,CACL,IAAO,AACb,CACJ,EACF,CACF,EAEAC,eAAe,MAAM,CAAC,mBAAoBD,e,4BCFtC,E,gCAlDJ,IAAM,EAAgB,CACpB,KAAM,CACJ,IAAK,OACL,SACE,kGACF,QACE,yEACJ,EACA,IAAK,CACH,IAAK,aACL,SAAU,qBACV,QAAS,+BACX,EACA,MAAO,CACL,IAAK,aACL,SAAU,aACV,QAAS,2BACX,EACA,OAAQ,CACN,IAAK,UACL,SAAU,aACV,QAAS,2BACX,EACA,SAAU,CACR,IAAK,YACL,SAAU,aACV,QAAS,2BACX,EACA,OAAQ,CACN,IAAK,gBACL,SAAU,qBACV,QAAS,mBACX,CACF,EAuBO,SAAS,IAQd,OAPI,AAAC,GACH,GAAoB,UAAa,IAAI,CAAC,AAAC,GAC9B,EAAK,QAAQ,EAAE,MAClBE,QAAQ,OAAO,CAAC,CAAE,OAAQ,OAAQ,GAClC,IACL,EAEI,CACT,CAIA,eAAe,QA7BS,EA8BtB,IAAM,EAAW,MAAMC,MAAM,YAAa,CACxC,OAAQ,OACR,QAAS,CACP,eAAgB,kBAClB,EACA,KAAMC,KAAK,SAAS,CAAC,CACnB,SAAU,EAAE,CACZ,KAAK,EArCa,EAsChBC,WAAW,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,EAAI,UApC5DC,OAAO,OAAO,CAAC,GACZ,GAAG,CAAC,CAAC,CAAC,EAAG,CAAE,SAAU,CAAE,CAAE,CAAC,GAAM,EAAG,IAAI,CAAC,GAAY,EAAI,MACxD,MAAM,CAAC,AAAC,GAAM,AAAM,OAAN,IAAe,EAAE,CAoClC,EACF,GACA,GAAI,CAAC,EAAS,EAAE,CACd,MAAM,AAAIC,MAAM,EAAS,UAAU,EAGrC,GAAI,CAEF,OAD0B,MAAM,EAAS,IAAI,EAE/C,CAAE,KAAM,CACN,MAAM,AAAIA,MAAM,EAAS,UAAU,CACrC,CACF,C"}

package/out/static/client/603.8cdd963a9e248a75.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"603.8cdd963a9e248a75.js","sources":["webpack://@mdn/fred/./components/content-feedback/element.css","webpack://@mdn/fred/./components/icon/thumbs-down.svg","webpack://@mdn/fred/./components/icon/thumbs-up.svg","webpack://@mdn/fred/./components/content-feedback/element.js","webpack://@mdn/fred/./node_modules/lit-html/directives/if-defined.js","webpack://@mdn/fred/./utils/glean.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, `.content-feedback{border:none;margin:0 0 .25rem;padding:0}.content-feedback>label{display:block;margin-bottom:.25rem}.content-feedback .thank-you{display:block;margin-bottom:calc(2.75rem + 2px)}.content-feedback mdn-button{flex:1;min-width:0}.content-feedback--buttons{display:inline-flex;gap:.75rem;margin:.25rem 0}.content-feedback--radios{align-items:center;display:flex;gap:.25rem;margin:.25rem 0}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","import { svg } from \"lit\"; export default svg`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M17 14V2M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88\"/></svg>`;","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=\"M7 10v12m8-16.12L14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88\"/></svg>`;","import \"../button/element.js\";\n\nimport { LitElement, html } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\n\nimport { gleanClick } from \"../../utils/glean.js\";\nimport thumbsDown from \"../icon/thumbs-down.svg?lit\";\nimport thumbsUp from \"../icon/thumbs-up.svg?lit\";\n\nimport styles from \"./element.css?lit\";\n\n/**\n * @typedef {\"outdated\"|\"incomplete\"|\"code_examples\"|\"technical\"|\"consistency\"|\"incomprehensible\"|\"linguistic\"|\"other\"} FeedbackReason\n */\n\n/** @type {Partial<Record<FeedbackReason, string>>} */\nconst FEEDBACK_REASONS = {\n  outdated: \"Content is out of date\",\n  incomplete: \"Missing information\",\n  code_examples: \"Code examples not working as expected\",\n  other: \"Other\",\n};\n\n/** @type {Partial<Record<FeedbackReason, string>>} */\nconst FEEDBACK_REASONS_DE = {\n  technical: \"Übersetzung enthält fachliche Fehler\",\n  consistency: \"Begriffe sind inkonsistent übersetzt\",\n  incomprehensible: \"Übersetzung ist nicht verständlich\",\n  linguistic: \"Übersetzung enthält sprachliche Fehler\",\n  code_examples: \"Code-Beispiele funktionieren nicht\",\n  other: \"Sonstige\",\n};\n\nexport class MDNContentFeedback extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  static properties = {\n    locale: { type: String },\n    _reason: { state: true },\n    _view: { state: true },\n  };\n\n  constructor() {\n    super();\n    this.locale = \"\";\n    this._reason = \"\";\n    /** @type {'vote'|'feedback'|'thanks'} */\n    this._view = \"vote\";\n  }\n\n  /**\n   * @param {MouseEvent} event\n   */\n  _handleVote({ target }) {\n    if (target instanceof HTMLElement) {\n      const vote = target.dataset.vote;\n      if (vote === \"yes\") {\n        this._view = \"thanks\";\n      } else if (vote === \"no\") {\n        this._view = \"feedback\";\n      }\n      // Reusing Thumbs' key to be able to reuse queries.\n      gleanClick(\"thumbs\", {\n        type: \"article-footer\",\n        label: vote === \"yes\" ? \"1\" : \"0\",\n      });\n    }\n  }\n\n  _handleFeedback() {\n    this._view = \"thanks\";\n    gleanClick(\"article-footer\", { type: \"feedback\", label: this._reason });\n  }\n\n  _renderVote() {\n    return html`<label\n        >${this.l10n(\n          \"content-feedback-question\",\n        )`Was this page helpful to you?`}\n      </label>\n      <div class=\"content-feedback--buttons\">\n        <mdn-button\n          data-vote=\"yes\"\n          @click=${this._handleVote}\n          .icon=${thumbsUp}\n          variant=\"secondary\"\n          action=\"positive\"\n        >\n          ${this.l10n`Yes`}\n        </mdn-button>\n        <mdn-button\n          data-vote=\"no\"\n          @click=${this._handleVote}\n          .icon=${thumbsDown}\n          variant=\"secondary\"\n          action=\"negative\"\n        >\n          ${this.l10n`No`}\n        </mdn-button>\n      </div>`;\n  }\n\n  _renderFeedback() {\n    const setReason =\n      /** @param {Event} event */\n      ({ target }) => {\n        if (target instanceof HTMLInputElement) {\n          this._reason = target.value;\n        }\n      };\n\n    return html`<label\n        >${this.l10n(\n          \"content-feedback-reason\",\n        )`Why was this page not helpful to you?`}</label\n      >\n      ${Object.entries(\n        this.locale === \"de\" ? FEEDBACK_REASONS_DE : FEEDBACK_REASONS,\n      ).map(\n        ([key, label]) =>\n          html`<div class=\"content-feedback--radios\">\n            <input\n              type=\"radio\"\n              id=${`reason_${key}`}\n              name=\"reason\"\n              .value=${key}\n              ?checked=${this._reason === key}\n              @change=${setReason}\n            />\n            <label for=${`reason_${key}`}>${label}</label>\n          </div>`,\n      )}\n      <div class=\"button-container\">\n        <mdn-button @click=${this._handleFeedback} ?disabled=${!this._reason}>\n          ${this.l10n`Submit`}\n        </mdn-button>\n      </div>`;\n  }\n\n  _renderThanks() {\n    return html`<span class=\"thank-you\">\n      ${this.l10n(\"content-feedback-thanks\")`Thank you for your feedback!`}\n      <span class=\"emoji\">❤️</span>\n    </span>`;\n  }\n\n  /**\n   * @param {'vote'|'feedback'|'thanks'} view\n   */\n  _renderInner(view) {\n    switch (view) {\n      case \"vote\":\n        return this._renderVote();\n      case \"feedback\":\n        return this._renderFeedback();\n      case \"thanks\":\n        return this._renderThanks();\n    }\n  }\n\n  render() {\n    return html`<fieldset class=\"content-feedback\">\n      ${this._renderInner(this._view)}\n    </fieldset>`;\n  }\n}\n\ncustomElements.define(\"mdn-content-feedback\", MDNContentFeedback);\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","// @ts-expect-error \"Could not find declaration file\"\nimport 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} id\n * @param {object} options\n * @param {string=} options.type\n * @param {string=} options.label\n */\nexport function gleanClick(id, { type, label }) {\n  GleanMetrics.recordElementClick({\n    id,\n    type,\n    label,\n  });\n}\n"],"names":["MDNContentFeedback","String","HTMLElement","HTMLInputElement","Object","customElements","o","t"],"mappings":"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"}

package/out/static/client/6536.faff8f026d145aad.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"6536.faff8f026d145aad.js","sources":["webpack://@mdn/fred/./components/play-controller/element.js"],"sourcesContent":["import { LitElement, css, html } from \"lit\";\n\n/** @import { VConsole } from \"../play-console/types.js\" */\n\nexport class MDNPlayController extends LitElement {\n  static properties = {\n    runOnStart: { type: Boolean, attribute: \"run-on-start\" },\n    runOnChange: { type: Boolean, attribute: \"run-on-change\" },\n    srcPrefix: { attribute: false },\n  };\n\n  static styles = css`\n    :host {\n      display: contents;\n    }\n  `;\n\n  constructor() {\n    super();\n    this.runOnStart = false;\n    this.runOnChange = false;\n    this.srcPrefix = \"\";\n    /** @type {Record<string, string>} */\n    this._code = {};\n    /** @type {Record<string, string>} */\n    this._hiddenCode = {};\n  }\n\n  /** @param {Record<string, string>} code */\n  set code(code) {\n    this._code = Object.fromEntries(\n      Object.entries(code).filter(\n        ([language]) => !language.endsWith(\"-hidden\"),\n      ),\n    );\n    this._hiddenCode = Object.fromEntries(\n      Object.entries(code)\n        .filter(([language]) => language.endsWith(\"-hidden\"))\n        .map(([language, value]) => [language.replace(/-hidden$/, \"\"), value]),\n    );\n    if (!this.initialCode) {\n      this.initialCode = code;\n    }\n    const editors = this.querySelectorAll(\"mdn-play-editor\");\n    for (const editor of editors) {\n      const language = editor.language;\n      if (language) {\n        const value = code[language];\n        editor.value = value ?? \"\";\n      }\n    }\n    if (this.runOnStart) {\n      this.run();\n    }\n  }\n\n  get code() {\n    const code = { ...this._code };\n    const editors = this.querySelectorAll(\"mdn-play-editor\");\n    for (const editor of editors) {\n      const language = editor.language;\n      if (language) {\n        code[language] = editor.value;\n      }\n    }\n    for (const [language, value] of Object.entries(this._hiddenCode)) {\n      code[language] = code[language] ? `${value}\\n${code[language]}` : value;\n    }\n    return code;\n  }\n\n  async format() {\n    try {\n      await Promise.all(\n        [...this.querySelectorAll(\"mdn-play-editor\")].map((e) => e.format()),\n      );\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  run() {\n    this.querySelector(\"mdn-play-console\")?.vconsole.clear();\n    const runner = this.querySelector(\"mdn-play-runner\");\n    if (runner) {\n      runner.srcPrefix = this.srcPrefix;\n      runner.code = this.code;\n    }\n  }\n\n  reset() {\n    this.code = this.initialCode ?? {};\n    if (this.runOnStart) {\n      this.run();\n    } else {\n      this.querySelector(\"mdn-play-console\")?.vconsole.clear();\n      const runner = this.querySelector(\"mdn-play-runner\");\n      if (runner) {\n        runner.code = undefined;\n      }\n    }\n  }\n\n  clear() {\n    this.initialCode = undefined;\n    this.srcPrefix = \"\";\n    this.reset();\n  }\n\n  _onEditorUpdate() {\n    if (this.runOnChange) {\n      this.run();\n    }\n  }\n\n  /** @param {CustomEvent<VConsole>} ev */\n  _onConsole(ev) {\n    this.querySelector(\"mdn-play-console\")?.onConsole(ev);\n  }\n\n  render() {\n    return html`\n      <slot @update=${this._onEditorUpdate} @console=${this._onConsole}></slot>\n    `;\n  }\n}\n\ncustomElements.define(\"mdn-play-controller\", MDNPlayController);\n"],"names":["MDNPlayController","Boolean","Object","Promise","e","console","customElements"],"mappings":"wMAIO,IAAMA,kBAAN,MAAMA,0BAA0B,IAAU,CAC/C,OAAO,WAAa,CAClB,WAAY,CAAE,KAAMC,QAAS,UAAW,cAAe,EACvD,YAAa,CAAE,KAAMA,QAAS,UAAW,eAAgB,EACzD,UAAW,CAAE,UAAW,EAAM,CAChC,CAAE,AAEF,QAAO,OAAS,QAAG,CAAC;;;;EAIpB,CAAC,AAAC,AAEF,cAAc,CACZ,KAAK,GACL,IAAI,CAAC,UAAU,CAAG,GAClB,IAAI,CAAC,WAAW,CAAG,GACnB,IAAI,CAAC,SAAS,CAAG,GAEjB,IAAI,CAAC,KAAK,CAAG,CAAC,EAEd,IAAI,CAAC,WAAW,CAAG,CAAC,CACtB,CAGA,IAAI,KAAK,CAAI,CAAE,CAeb,IAAK,IAAM,KAdX,IAAI,CAAC,KAAK,CAAGC,OAAO,WAAW,CAC7BA,OAAO,OAAO,CAAC,GAAM,MAAM,CACzB,CAAC,CAAC,EAAS,GAAK,CAAC,EAAS,QAAQ,CAAC,aAGvC,IAAI,CAAC,WAAW,CAAGA,OAAO,WAAW,CACnCA,OAAO,OAAO,CAAC,GACZ,MAAM,CAAC,CAAC,CAAC,EAAS,GAAK,EAAS,QAAQ,CAAC,YACzC,GAAG,CAAC,CAAC,CAAC,EAAU,EAAM,GAAK,CAAC,EAAS,OAAO,CAAC,WAAY,IAAK,EAAM,GAErE,AAAC,IAAI,CAAC,WAAW,EACnB,KAAI,CAAC,WAAW,CAAG,CAAG,EAER,IAAI,CAAC,gBAAgB,CAAC,oBACR,CAC5B,IAAM,EAAW,EAAO,QAAQ,CAC5B,GAEF,GAAO,KAAK,CAAG,AADD,CAAI,CAAC,EAAS,EACJ,EAAC,CAE7B,CACI,IAAI,CAAC,UAAU,EACjB,IAAI,CAAC,GAAG,EAEZ,CAEA,IAAI,MAAO,CACT,IAAM,EAAO,CAAE,GAAG,IAAI,CAAC,KAAK,AAAC,EAE7B,IAAK,IAAM,KADK,IAAI,CAAC,gBAAgB,CAAC,mBACR,CAC5B,IAAM,EAAW,EAAO,QAAQ,AAC5B,IACF,EAAI,CAAC,EAAS,CAAG,EAAO,KAAK,AAAD,CAEhC,CACA,IAAK,GAAM,CAAC,EAAU,EAAM,GAAIA,OAAO,OAAO,CAAC,IAAI,CAAC,WAAW,EAC7D,CAAI,CAAC,EAAS,CAAG,CAAI,CAAC,EAAS,CAAG,CAAC,EAAE;AAAQ,EAAE,CAAI,CAAC,EAAS,CAAC,CAAC,CAAG,EAEpE,OAAO,CACT,CAEA,MAAM,QAAS,CACb,GAAI,CACF,MAAMC,QAAQ,GAAG,CACf,IAAI,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,GAAG,CAAC,AAACC,GAAMA,EAAE,MAAM,IAErE,CAAE,MAAOA,EAAO,CACdC,QAAQ,KAAK,CAACD,EAChB,CACF,CAEA,KAAM,CACJ,IAAI,CAAC,aAAa,CAAC,qBAAqB,SAAS,QACjD,IAAM,EAAS,IAAI,CAAC,aAAa,CAAC,mBAC9B,IACF,EAAO,SAAS,CAAG,IAAI,CAAC,SAAS,CACjC,EAAO,IAAI,CAAG,IAAI,CAAC,IAAI,CAE3B,CAEA,OAAQ,CAEN,GADA,IAAI,CAAC,IAAI,CAAG,IAAI,CAAC,WAAW,EAAI,CAAC,EAC7B,IAAI,CAAC,UAAU,CACjB,IAAI,CAAC,GAAG,OACH,CACL,IAAI,CAAC,aAAa,CAAC,qBAAqB,SAAS,QACjD,IAAM,EAAS,IAAI,CAAC,aAAa,CAAC,kBAC9B,IACF,GAAO,IAAI,CAAG,MAAQ,CAE1B,CACF,CAEA,OAAQ,CACN,IAAI,CAAC,WAAW,CAAG,OACnB,IAAI,CAAC,SAAS,CAAG,GACjB,IAAI,CAAC,KAAK,EACZ,CAEA,iBAAkB,CACZ,IAAI,CAAC,WAAW,EAClB,IAAI,CAAC,GAAG,EAEZ,CAGA,WAAWA,CAAE,CAAE,CACb,IAAI,CAAC,aAAa,CAAC,qBAAqB,UAAUA,EACpD,CAEA,QAAS,CACP,MAAO,QAAI,CAAC;oBACI,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC;IACnE,CAAC,AACH,CACF,EAEAE,eAAe,MAAM,CAAC,sBAAuBN,kB"}

package/out/static/client/9784.214845ec6d3b77e3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"9784.214845ec6d3b77e3.js","sources":["webpack://@mdn/fred/./components/playground/element.css","webpack://@mdn/fred/./components/global/global.css?1b68","webpack://@mdn/fred/./components/login-button/element.js","webpack://@mdn/fred/./components/playground/element.js","webpack://@mdn/fred/./node_modules/lit-html/directives/keyed.js","webpack://@mdn/fred/./utils/glean.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\";\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// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.wrapper{display:grid;gap:1rem;grid-template-areas:\"left runner\";grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%}.wrapper section{display:flex;flex-direction:column;flex-grow:1;gap:1rem;grid-area:left}:is(.wrapper section) aside{align-items:center;border:var(--border);border-radius:.25rem;display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}:is(:is(.wrapper section) aside) h1{font-size:var(--font-size-normal);margin:0 auto 0 0}:is(:is(.wrapper section) aside) menu{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}:is(.wrapper section) details{border:var(--border);border-radius:.25rem;flex-direction:column;flex-shrink:0;overflow:hidden}[open]:is(:is(.wrapper section) details){flex-basis:0;flex-grow:1;min-height:12rem}[open]:is(:is(.wrapper section) details) mdn-play-editor{display:block}:is(:is(.wrapper section) details)::details-content{display:contents}:is(:is(.wrapper section) details) summary{cursor:pointer;height:2em;line-height:var(--font-line-ui);padding:.5em;-webkit-user-select:none;user-select:none}:is(:is(.wrapper section) details) mdn-play-editor{display:none;height:calc(100% - 2em)}.playground__runner-console:is(.wrapper section){border:var(--border);border-radius:.25rem;grid-area:runner;overflow:hidden}.playground__runner-console:is(.wrapper section) mdn-play-runner{flex-grow:1}.playground__runner-console:is(.wrapper section) .playground__console{background-color:var(--color-background-secondary);border-top:var(--border)}:is(.playground__runner-console:is(.wrapper section) .playground__console) div{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);text-align:center}:is(.playground__runner-console:is(.wrapper section) .playground__console) mdn-play-console{height:6rem}.wrapper mdn-placement-sidebar{grid-area:place;justify-self:center}@media (width <= 992px){.wrapper{display:flex;flex-direction:column}}mdn-modal section{display:flex;flex-direction:column;gap:.5rem}:is(mdn-modal section):first-child{margin-bottom:1rem}mdn-modal h2{font-size:var(--font-size-normal);font-weight:400;margin:0}mdn-modal label{display:flex;flex-direction:column;gap:.5rem}mdn-modal p{margin:0}mdn-modal.share section{align-items:center}mdn-modal.report section:last-child{flex-direction:row;justify-content:flex-end}`, \"\"]);\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","import { LitElement, html } from \"lit\";\n\nimport \"../button/element.js\";\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport { FXA_SIGNIN_URL } from \"../env/index.js\";\n\nexport class MDNLoginButton extends L10nMixin(LitElement) {\n  static ssr = false;\n\n  get _loginUrl() {\n    const next = location.href.replace(location.origin, \"\");\n    // TODO: deal with local login\n    const loginUrl = new URL(FXA_SIGNIN_URL, location.origin);\n    loginUrl.search = new URLSearchParams({ next }).toString();\n    return loginUrl.toString();\n  }\n\n  render() {\n    return html`<mdn-button href=${this._loginUrl}\n      >${this.l10n`Login`}</mdn-button\n    >`;\n  }\n}\n\ncustomElements.define(\"mdn-login-button\", MDNLoginButton);\n","import { Task } from \"@lit/task\";\nimport { LitElement, html, nothing } from \"lit\";\nimport { createRef, ref } from \"lit/directives/ref.js\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport { gleanClick } from \"../../utils/glean.js\";\nimport { globalUser } from \"../user/context.js\";\n\nimport styles from \"./element.css?lit\";\nimport { decompressFromBase64 } from \"./utils.js\";\n\nimport \"../play-controller/element.js\";\nimport \"../button/element.js\";\nimport \"../play-editor/element.js\";\nimport \"../play-runner/element.js\";\nimport \"../play-console/element.js\";\nimport \"../modal/element.js\";\nimport \"../login-button/element.js\";\n\n/**\n * @import { MDNPlayController } from \"../play-controller/element.js\";\n * @import { MDNModal } from \"../modal/element.js\";\n * @import { Ref } from \"lit/directives/ref.js\";\n */\n\nconst SESSION_KEY = \"playground-session-code\";\n\nexport class MDNPlayground extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  static properties = {\n    _gistID: { state: true },\n  };\n\n  constructor() {\n    super();\n    this._permalink = \"\";\n    this._autoRun = true;\n    /** @type {string | undefined} */\n    this._gistId = undefined;\n  }\n\n  /** @type {Ref<MDNPlayController>} */\n  _controller = createRef();\n  /** @type {Ref<MDNModal>} */\n  _shareModal = createRef();\n  /** @type {Ref<MDNModal>} */\n  _reportModal = createRef();\n\n  _user = new Task(this, {\n    task: async () => {\n      return await globalUser();\n    },\n  });\n\n  _format() {\n    this._controller.value?.format();\n  }\n\n  _run() {\n    const controller = this._controller.value;\n    if (controller) {\n      controller.run();\n      if (!this._autoRun) {\n        this._autoRun = true;\n        controller.runOnChange = true;\n        this._storeSession();\n      }\n    }\n  }\n\n  _share() {\n    this._shareModal.value?.showModal();\n  }\n\n  _clear() {\n    const controller = this._controller.value;\n    if (\n      confirm(this.l10n`Do you really want to clear everything?`) &&\n      controller\n    ) {\n      controller.clear();\n      this._storeSession();\n      this.requestUpdate();\n      const urlWithoutSearch = new URL(location.href);\n      urlWithoutSearch.search = \"\";\n      history.replaceState(undefined, \"\", urlWithoutSearch);\n    }\n  }\n\n  _reset() {\n    const controller = this._controller.value;\n    if (\n      confirm(this.l10n`Do you really want to revert your changes?`) &&\n      controller\n    ) {\n      controller.reset();\n      this._storeSession();\n      this.requestUpdate();\n    }\n  }\n\n  async _copyMarkdown() {\n    const controller = this._controller.value;\n    if (controller) {\n      const markdown = Object.entries(controller.code)\n        .map(\n          ([lang, code]) =>\n            code &&\n            `${\"```\"}${lang}\n${code}\n${\"```\"}`,\n        )\n        .filter(Boolean)\n        .join(\"\\n\\n\");\n      await navigator.clipboard.writeText(markdown);\n    }\n  }\n\n  async _createPermalink() {\n    const controller = this._controller.value;\n    if (controller) {\n      const res = await fetch(\"/api/v1/play/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(controller.code),\n      });\n      const { id } = await res.json();\n      const permalink = new URL(location.href);\n      permalink.search = new URLSearchParams({ id }).toString();\n\n      controller.initialCode = controller.code;\n      this._permalink = permalink.toString();\n      history.replaceState(undefined, \"\", permalink);\n      this.requestUpdate();\n    }\n  }\n\n  async _copyPermalink() {\n    if (this._permalink) {\n      await navigator.clipboard.writeText(this._permalink);\n    }\n  }\n\n  _storeSession() {\n    const controller = this._controller.value;\n    if (controller) {\n      const { srcPrefix, initialCode, code } = controller;\n      /** @type {import(\"./types.js\").PlaygroundSession} */\n      const session = {\n        srcPrefix,\n        initialCode,\n        code,\n        autoRun: this._autoRun,\n      };\n      sessionStorage.setItem(SESSION_KEY, JSON.stringify(session));\n    }\n  }\n\n  _loadSession() {\n    const { srcPrefix, initialCode, code, autoRun } = stateToSession(\n      JSON.parse(sessionStorage.getItem(SESSION_KEY) || \"{}\"),\n    );\n    const controller = this._controller.value;\n    if (controller) {\n      if (autoRun === false) {\n        this._autoRun = false;\n        controller.runOnStart = false;\n        controller.runOnChange = false;\n      }\n      controller.srcPrefix = srcPrefix;\n      controller.initialCode = initialCode;\n      controller.code = code;\n      this.requestUpdate();\n    }\n  }\n\n  async _loadFromUrl() {\n    const controller = this._controller.value;\n    if (controller) {\n      const params = new URLSearchParams(location.search);\n      const idParam = params.get(\"id\");\n      const stateParam = params.get(\"state\");\n      const srcPrefixParam = params.get(\"srcPrefix\");\n\n      if (idParam) {\n        this._gistId = idParam;\n      }\n\n      const { srcPrefix: srcPrefixState, code } =\n        (await (idParam\n          ? this._sessionFromApi(idParam)\n          : stateParam\n            ? this._sessionFromState(stateParam)\n            : undefined)) || {};\n\n      const srcPrefix = srcPrefixParam || srcPrefixState;\n\n      if (\n        srcPrefix !== undefined &&\n        code !== undefined &&\n        (controller.srcPrefix !== srcPrefix ||\n          !compareCode(controller.initialCode, code))\n      ) {\n        try {\n          if (\n            !opener?.location?.origin ||\n            opener?.location?.origin !== location.origin\n          ) {\n            throw new Error(\"origin doesn't match\");\n          }\n        } catch {\n          this._autoRun = false;\n          controller.runOnStart = false;\n          controller.runOnChange = false;\n        }\n        controller.srcPrefix = srcPrefix;\n        controller.initialCode = code;\n        controller.code = code;\n        this._storeSession();\n      }\n\n      this.requestUpdate();\n    }\n  }\n\n  /** @param {string} id */\n  async _sessionFromApi(id) {\n    const response = await fetch(`/api/v1/play/${encodeURIComponent(id)}`);\n    if (!response.ok) {\n      console.error(response.statusText);\n      return;\n    }\n\n    const permalink = new URL(location.href);\n    permalink.search = new URLSearchParams({ id }).toString();\n    this._permalink = permalink.toString();\n\n    gleanClick(\"playground\", { type: \"load-shared\" });\n    const code = await response.json();\n    return stateToSession(code);\n  }\n\n  /** @param {string} stateParam */\n  async _sessionFromState(stateParam) {\n    const { state } = await decompressFromBase64(stateParam);\n    return stateToSession(JSON.parse(state || \"{}\"));\n  }\n\n  _editorUpdate() {\n    this._storeSession();\n    this.requestUpdate();\n  }\n\n  _reportOpen() {\n    this._reportModal.value?.showModal();\n  }\n\n  _reportCancel() {\n    this._reportModal.value?.close();\n  }\n\n  async _reportSubmit() {\n    await fetch(\"/api/v1/play/flag\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify({\n        id: this._gistId,\n        reason: this._reportModal.value?.querySelector(\"textarea\")?.value,\n      }),\n    });\n    this._reportModal.value?.close();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._user.run();\n  }\n\n  render() {\n    const { code, initialCode } = this._controller.value ?? {};\n    const hasCode = Object.values(code ?? {}).some(Boolean);\n    const hasInitialCode = Object.values(initialCode ?? {}).some(Boolean);\n    const isResettable = hasInitialCode && !compareCode(code, initialCode);\n\n    return html`\n      <div class=\"wrapper\">\n        <mdn-play-controller\n          ${ref(this._controller)}\n          run-on-start\n          run-on-change\n        >\n          <section>\n            <aside>\n              <h1>${this.l10n`Playground`}</h1>\n              <menu>\n                <mdn-button\n                  variant=\"secondary\"\n                  @click=${this._format}\n                  ?disabled=${!hasCode}\n                  >${this.l10n`Format`}</mdn-button\n                >\n                <mdn-button\n                  variant=\"secondary\"\n                  @click=${this._run}\n                  ?disabled=${!hasCode}\n                  >${this.l10n`Run`}</mdn-button\n                >\n                <mdn-button\n                  variant=\"secondary\"\n                  @click=${this._share}\n                  ?disabled=${!hasCode}\n                  >${this.l10n`Share`}</mdn-button\n                >\n                <mdn-button\n                  variant=\"secondary\"\n                  @click=${this._clear}\n                  ?disabled=${!(hasCode || isResettable)}\n                  >${this.l10n`Clear`}</mdn-button\n                >\n                ${hasInitialCode\n                  ? html`<mdn-button\n                      variant=\"secondary\"\n                      @click=${this._reset}\n                      ?disabled=${!isResettable}\n                      >${this.l10n`Reset`}</mdn-button\n                    >`\n                  : nothing}\n              </menu>\n            </aside>\n            <details open>\n              <summary>HTML</summary>\n              <mdn-play-editor\n                language=\"html\"\n                @update=${this._editorUpdate}\n              ></mdn-play-editor>\n            </details>\n            <details open>\n              <summary>CSS</summary>\n              <mdn-play-editor\n                language=\"css\"\n                @update=${this._editorUpdate}\n              ></mdn-play-editor>\n            </details>\n            <details open>\n              <summary>JAVASCRIPT</summary>\n              <mdn-play-editor\n                language=\"js\"\n                @update=${this._editorUpdate}\n              ></mdn-play-editor>\n            </details>\n          </section>\n          <section class=\"playground__runner-console\">\n            ${this._gistId\n              ? html`<mdn-button @click=${this._reportOpen} variant=\"plain\">\n                  Seeing something inappropriate?\n                </mdn-button>`\n              : nothing}\n            <mdn-play-runner></mdn-play-runner>\n            <div class=\"playground__console\">\n              <div>${this.l10n`Console`}</div>\n              <mdn-play-console></mdn-play-console>\n            </div>\n          </section>\n        </mdn-play-controller>\n      </div>\n      <mdn-modal ${ref(this._shareModal)} class=\"share\">\n        <section>\n          <h2>${this.l10n`Share Markdown`}</h2>\n          <mdn-button variant=\"secondary\" @click=${this._copyMarkdown}\n            >${this.l10n`Copy markdown to clipboard`}</mdn-button\n          >\n        </section>\n        <section>\n          <h2>${this.l10n`Share your code via Permalink`}</h2>\n          ${this._user.render({\n            initial: () => html`<mdn-login-button></mdn-login-button>`,\n            pending: () => html`<mdn-login-button></mdn-login-button>`,\n            complete: (user) =>\n              user.isAuthenticated\n                ? this._permalink && !isResettable\n                  ? html`\n                      <input .value=${this._permalink} />\n                      <mdn-button\n                        variant=\"secondary\"\n                        @click=${this._copyPermalink}\n                        >${this.l10n`Copy to clipboard`}</mdn-button\n                      >\n                    `\n                  : html`<mdn-button @click=${this._createPermalink}\n                      >${this.l10n`Create link`}</mdn-button\n                    >`\n                : html`<mdn-login-button></mdn-login-button>`,\n          })}\n        </section>\n      </mdn-modal>\n      <mdn-modal ${ref(this._reportModal)} class=\"report\">\n        <section>\n          <p>Report this malicious or inappropriate shared playground.</p>\n          <label>\n            Can you please share some details on what's wrong with this content:\n            <textarea></textarea>\n          </label>\n        </section>\n        <section>\n          <mdn-button variant=\"secondary\" @click=${this._reportCancel}\n            >Cancel</mdn-button\n          >\n          <mdn-button @click=${this._reportSubmit}>Report</mdn-button>\n        </section>\n      </mdn-modal>\n    `;\n  }\n\n  firstUpdated() {\n    this._loadSession();\n    this._loadFromUrl();\n  }\n}\n\ncustomElements.define(\"mdn-playground\", MDNPlayground);\n\n/**\n * @param {import(\"./types.js\").PlaygroundStateParam | import(\"./types.js\").PlaygroundSession | {}} stateOrSession\n * @returns {import(\"./types.js\").PlaygroundSession}\n */\nfunction stateToSession(stateOrSession) {\n  if (\"html\" in stateOrSession) {\n    return {\n      srcPrefix: stateOrSession.src || \"\",\n      code: {\n        html: stateOrSession.html,\n        css: stateOrSession.css,\n        js: stateOrSession.js,\n      },\n    };\n  }\n  if (\"srcPrefix\" in stateOrSession) {\n    return stateOrSession;\n  }\n  return {\n    srcPrefix: \"\",\n    code: {},\n  };\n}\n\n/**\n * @param {Record<string, string>} [a]\n * @param {Record<string, string>} [b]\n * @returns {boolean}\n */\nfunction compareCode(a, b) {\n  return a === undefined || b === undefined\n    ? a === b\n    : Object.keys(a).length === Object.keys(b).length &&\n        Object.entries(a).every(([k, v]) => b[k] === v);\n}\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","// @ts-expect-error \"Could not find declaration file\"\nimport 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} id\n * @param {object} options\n * @param {string=} options.type\n * @param {string=} options.label\n */\nexport function gleanClick(id, { type, label }) {\n  GleanMetrics.recordElementClick({\n    id,\n    type,\n    label,\n  });\n}\n"],"names":["MDNLoginButton","location","URL","URLSearchParams","customElements","MDNPlayground","confirm","history","Object","Boolean","navigator","fetch","JSON","sessionStorage","s","opener","Error","encodeURIComponent","console","arguments","r","t"],"mappings":"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"}

package/out/static/legacy/2235.c0e6904b64ea18fe.js

@@ -1,2 +0,0 @@
-export const __webpack_id__="2235";export const __webpack_ids__=["2235"];export const __webpack_modules__={89238:function(e,t,r){r.r(t),r.d(t,{default:()=>d});var n=r(96540),l=r(60274),a=r(74353),o=r.n(a),c=r(6279),u=r.n(c),i=r(23425);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function d(){var e,t=(0,i.TU)(),r=(e=n.useState(void 0),function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r,n,l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var a=[],o=!0,c=!1;try{for(l=l.call(e);!(o=(r=l.next()).done)&&(a.push(r.value),a.length!==t);o=!0);}catch(e){c=!0,n=e}finally{try{o||null==l.return||l.return()}finally{if(c)throw n}}return a}}(e,2)||function(e,t){if(e){if("string"==typeof e)return m(e,2);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return m(e,t)}}(e,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a=r[0],c=r[1];return n.useEffect(function(){if(t)try{var e=localStorage.getItem("viewed-documents"),r=JSON.parse(e||"[]"),n=[],l=!0,a=!1,o=void 0;try{for(var u,i=r[Symbol.iterator]();!(l=(u=i.next()).done);l=!0){var m=u.value;n.push({url:m.url,title:m.title,timestamp:m.timestamp})}}catch(e){a=!0,o=e}finally{try{l||null==i.return||i.return()}finally{if(a)throw o}}c(n)}catch(e){console.warn("Failed to read recently viewed documents from localStorage",e),c(null)}},[t]),n.createElement("article",{id:"recently-viewed-documents","aria-labelledby":"recently-viewed-documents"},n.createElement("h3",null,"Recently viewed documents"),void 0===a?n.createElement(s,null,"Loading recently viewed documents"):null===a?n.createElement(s,null,"This feature requires cookies"):a.length?n.createElement("table",null,n.createElement("thead",null,n.createElement("tr",null,n.createElement("th",null,"Document"),n.createElement("th",null,"When"))),n.createElement("tbody",null,a.map(function(e){return n.createElement("tr",{key:e.url},n.createElement("td",null,n.createElement(l.N_,{to:e.url},e.title," ",n.createElement("small",null,e.url))),n.createElement("td",null,o()(new Date(e.timestamp)).fromNow()))}))):n.createElement(s,null,"No recently viewed documents at the moment"))}function s(e){var t=e.children;return n.createElement("p",{className:"notification"},t)}o().extend(u())}};
-//# sourceMappingURL=2235.c0e6904b64ea18fe.js.map