@mdn/fred 2.4.2 → 2.5.0

package/out/static/client/{9127.4debc5342015b0ec.js → 9127.08c4f752c4186007.js}

@@ -1,4 +1,4 @@
-export const __rspack_esm_id="9127";export const __rspack_esm_ids=["9127"];export const __webpack_modules__={93487(e,t,i){i.d(t,{A:()=>n});var r=i(97825),s=i(31601),o=i.n(s),a=i(76314),l=i.n(a)()(o());l.push([e.id,"*{box-sizing:border-box}.wrap{--img-size:3.75em;--li-size:calc(var(--img-size)*2.5)}ul{--circle-border-size:0.375em;align-content:start;display:grid;gap:2rem 1rem;grid-template-columns:repeat(auto-fit,minmax(var(--li-size),1fr));justify-items:center;margin:0;padding:0}@media (width <= 769px){ul{display:flex;margin-top:2rem;overflow-x:auto}}a,li{align-items:center;display:flex;flex-direction:column;flex-shrink:0;text-align:center}li{color:var(--community-text-primary);width:var(--li-size)}img{background:var(--community-circle-img-border);border:var(--circle-border-size) var(--community-circle-img-border) solid;border-radius:50%;flex-shrink:0;height:var(--img-size);width:var(--img-size)}a{color:unset;font-weight:500}svg{display:none}@supports (offset-path:ellipse(100% 50% at 100% 50%)){@media (769px < width){.wrap{container-type:size;height:100%;width:100%}.inner{font-size:min(1rem,3.5cqmin);padding:calc(var(--img-size)/2) calc(var(--li-size)/2)}ul{aspect-ratio:1/2;margin-left:auto;max-height:var(--community-circle-height);min-height:0;min-width:0;position:relative}svg,ul{display:block}svg{height:100%;overflow:visible;position:absolute;width:100%;fill:none;stroke:var(--community-circle-img-border);stroke-width:var(--circle-border-size)}li{animation:community-circle .1ms forwards;offset-anchor:center calc(var(--img-size)*.5);offset-distance:var(--offset-distance);offset-path:ellipse(100% 50% at 100% 50%);offset-rotate:0deg}li:nth-of-type(n+6){--img-size:5em;offset-path:ellipse(50% 25% at 100% 50%)}@keyframes community-circle{0%{offset-distance:calc(var(--offset-distance) - .1%)}}li:first-of-type{--offset-distance:75%}li:nth-of-type(2){--offset-distance:62.5%}li:nth-of-type(3){--offset-distance:50%}li:nth-of-type(4){--offset-distance:37.5%}li:nth-of-type(5){--offset-distance:25%}li:nth-of-type(6){--offset-distance:75%}li:nth-of-type(7){--offset-distance:50%}li:nth-of-type(8){--offset-distance:25%}.org{display:-webkit-box;overflow:hidden;line-clamp:2}}}",""]);let n=(0,r.AH)([l.toString()])},23082(e,t,i){i.r(t),i.d(t,{MDNContributorList:()=>MDNContributorList});var r=i(97825),s=i(93487);let MDNContributorList=class MDNContributorList extends r.WF{static ssr=!1;static properties={_contributors:{state:!0}};static styles=s.A;constructor(){super(),this._contributors=[]}_onChildrenChanged(){let e=this.querySelector("ul"),t=[];if(e){let i=[...e.querySelectorAll("li")];for(let e=0;e<8;e++){let r=function(e){let t=Math.floor(Math.random()*e.length);return e.splice(t,1)[0]}(i);if(!r)break;let[s,o,a]=[...r.childNodes].map(e=>e?.textContent?.trim()||void 0);if(!s||!o){e--;continue}t.push({name:s,github:o,org:a})}this._contributors=t}}connectedCallback(){super.connectedCallback(),this._onChildrenChanged(),new MutationObserver(()=>this._onChildrenChanged()).observe(this,{subtree:!0,childList:!0,characterData:!0})}render(){return(0,r.qy)`<div class="wrap">
+export const __rspack_esm_id="9127";export const __rspack_esm_ids=["9127"];export const __webpack_modules__={93487(e,t,i){i.d(t,{A:()=>n});var r=i(97825),s=i(31601),o=i.n(s),a=i(76314),l=i.n(a)()(o());l.push([e.id,"*{box-sizing:border-box}.wrap{--img-size:3.75em;--li-size:calc(var(--img-size)*2.5)}ul{--circle-border-size:0.375em;align-content:start;display:grid;gap:2rem 1rem;grid-template-columns:repeat(auto-fit,minmax(var(--li-size),1fr));justify-items:center;margin:0;padding:0}@media (width <= 769px){ul{display:flex;margin-top:2rem;overflow-x:auto}}a,li{align-items:center;display:flex;flex-direction:column;flex-shrink:0;text-align:center}li{color:var(--community-text-primary);width:var(--li-size)}img{background:var(--community-circle-img-border);border:var(--circle-border-size) var(--community-circle-img-border) solid;border-radius:50%;flex-shrink:0;height:var(--img-size);width:var(--img-size)}a{color:unset;font-weight:500}svg{display:none}@supports (offset-path:ellipse(100% 50% at 100% 50%)){@media (width > 769px){.wrap{container-type:size;height:100%;width:100%}.inner{font-size:min(1rem,3.5cqmin);padding:calc(var(--img-size)/2) calc(var(--li-size)/2)}ul{aspect-ratio:1/2;margin-left:auto;max-height:var(--community-circle-height);min-height:0;min-width:0;position:relative}svg,ul{display:block}svg{height:100%;overflow:visible;position:absolute;width:100%;fill:none;stroke:var(--community-circle-img-border);stroke-width:var(--circle-border-size)}li{animation:community-circle .1ms forwards;offset-anchor:center calc(var(--img-size)*.5);offset-distance:var(--offset-distance);offset-path:ellipse(100% 50% at 100% 50%);offset-rotate:0deg}li:nth-of-type(n+6){--img-size:5em;offset-path:ellipse(50% 25% at 100% 50%)}@keyframes community-circle{0%{offset-distance:calc(var(--offset-distance) - .1%)}}li:first-of-type{--offset-distance:75%}li:nth-of-type(2){--offset-distance:62.5%}li:nth-of-type(3){--offset-distance:50%}li:nth-of-type(4){--offset-distance:37.5%}li:nth-of-type(5){--offset-distance:25%}li:nth-of-type(6){--offset-distance:75%}li:nth-of-type(7){--offset-distance:50%}li:nth-of-type(8){--offset-distance:25%}.org{display:-webkit-box;overflow:hidden;line-clamp:2}}}",""]);let n=(0,r.AH)([l.toString()])},23082(e,t,i){i.r(t),i.d(t,{MDNContributorList:()=>MDNContributorList});var r=i(97825),s=i(93487);let MDNContributorList=class MDNContributorList extends r.WF{static ssr=!1;static properties={_contributors:{state:!0}};static styles=s.A;constructor(){super(),this._contributors=[]}_onChildrenChanged(){let e=this.querySelector("ul"),t=[];if(e){let i=[...e.querySelectorAll("li")];for(let e=0;e<8;e++){let r=function(e){let t=Math.floor(Math.random()*e.length);return e.splice(t,1)[0]}(i);if(!r)break;let[s,o,a]=[...r.childNodes].map(e=>e?.textContent?.trim()||void 0);if(!s||!o){e--;continue}t.push({name:s,github:o,org:a})}this._contributors=t}}connectedCallback(){super.connectedCallback(),this._onChildrenChanged(),new MutationObserver(()=>this._onChildrenChanged()).observe(this,{subtree:!0,childList:!0,characterData:!0})}render(){return(0,r.qy)`<div class="wrap">
       <div class="inner">
         <ul>
           <svg>
@@ -44,4 +44,4 @@ export const __rspack_esm_id="9127";export const __rspack_esm_ids=["9127"];expor
         </ul>
       </div>
     </div>`}};customElements.define("mdn-contributor-list",MDNContributorList)}};
-//# sourceMappingURL=9127.4debc5342015b0ec.js.map
+//# sourceMappingURL=9127.08c4f752c4186007.js.map

package/out/static/client/{9127.4debc5342015b0ec.js.map → 9127.08c4f752c4186007.js.map}

@@ -1 +1 @@
-{"version":3,"file":"9127.4debc5342015b0ec.js","sources":["webpack://@mdn/fred/./components/contributor-list/element.css","webpack://@mdn/fred/./components/contributor-list/element.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*{box-sizing:border-box}.wrap{--img-size:3.75em;--li-size:calc(var(--img-size)*2.5)}ul{--circle-border-size:0.375em;align-content:start;display:grid;gap:2rem 1rem;grid-template-columns:repeat(auto-fit,minmax(var(--li-size),1fr));justify-items:center;margin:0;padding:0}@media (width <= 769px){ul{display:flex;margin-top:2rem;overflow-x:auto}}a,li{align-items:center;display:flex;flex-direction:column;flex-shrink:0;text-align:center}li{color:var(--community-text-primary);width:var(--li-size)}img{background:var(--community-circle-img-border);border:var(--circle-border-size) var(--community-circle-img-border) solid;border-radius:50%;flex-shrink:0;height:var(--img-size);width:var(--img-size)}a{color:unset;font-weight:500}svg{display:none}@supports (offset-path:ellipse(100% 50% at 100% 50%)){@media (769px < width){.wrap{container-type:size;height:100%;width:100%}.inner{font-size:min(1rem,3.5cqmin);padding:calc(var(--img-size)/2) calc(var(--li-size)/2)}ul{aspect-ratio:1/2;margin-left:auto;max-height:var(--community-circle-height);min-height:0;min-width:0;position:relative}svg,ul{display:block}svg{height:100%;overflow:visible;position:absolute;width:100%;fill:none;stroke:var(--community-circle-img-border);stroke-width:var(--circle-border-size)}li{animation:community-circle .1ms forwards;offset-anchor:center calc(var(--img-size)*.5);offset-distance:var(--offset-distance);offset-path:ellipse(100% 50% at 100% 50%);offset-rotate:0deg}li:nth-of-type(n+6){--img-size:5em;offset-path:ellipse(50% 25% at 100% 50%)}@keyframes community-circle{0%{offset-distance:calc(var(--offset-distance) - .1%)}}li:first-of-type{--offset-distance:75%}li:nth-of-type(2){--offset-distance:62.5%}li:nth-of-type(3){--offset-distance:50%}li:nth-of-type(4){--offset-distance:37.5%}li:nth-of-type(5){--offset-distance:25%}li:nth-of-type(6){--offset-distance:75%}li:nth-of-type(7){--offset-distance:50%}li:nth-of-type(8){--offset-distance:25%}.org{display:-webkit-box;overflow:hidden;line-clamp:2}}}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","import { LitElement, html } from \"lit\";\n\nimport styles from \"./element.css?lit\";\n\n/** @import { ContributorData } from \"./types.d.ts\" */\n\nexport class MDNContributorList extends LitElement {\n  static ssr = false;\n\n  static properties = {\n    _contributors: { state: true },\n  };\n\n  static styles = styles;\n\n  constructor() {\n    super();\n    /** @type {ContributorData[]} */\n    this._contributors = [];\n  }\n\n  _onChildrenChanged() {\n    const contributorList = this.querySelector(\"ul\");\n    /** @type {ContributorData[]} */\n    const randomContributors = [];\n    if (contributorList) {\n      const contributors = [...contributorList.querySelectorAll(\"li\")];\n      for (let index = 0; index < 8; index++) {\n        const contributor = popRandom(contributors);\n        if (!contributor) {\n          break;\n        }\n        const [name, github, org] = [...contributor.childNodes].map(\n          (node) => node?.textContent?.trim() || undefined,\n        );\n        if (!name || !github) {\n          index--;\n          continue;\n        }\n        randomContributors.push({\n          name,\n          github,\n          org,\n        });\n      }\n      this._contributors = randomContributors;\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._onChildrenChanged();\n    new MutationObserver(() => this._onChildrenChanged()).observe(this, {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    });\n  }\n\n  render() {\n    return html`<div class=\"wrap\">\n      <div class=\"inner\">\n        <ul>\n          <svg>\n            <defs>\n              <mask id=\"hide-half\">\n                <rect\n                  x=\"0%\"\n                  y=\"0%\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  fill=\"#fff\"\n                  stroke=\"#fff\"\n                />\n              </mask>\n            </defs>\n            <ellipse\n              rx=\"100%\"\n              ry=\"50%\"\n              cx=\"100%\"\n              cy=\"50%\"\n              mask=\"url(#hide-half)\"\n            />\n            <ellipse\n              rx=\"50%\"\n              ry=\"25%\"\n              cx=\"100%\"\n              cy=\"50%\"\n              mask=\"url(#hide-half)\"\n            />\n          </svg>\n          ${this._contributors.map(({ name, github, org }) => {\n            const imgSrc = `https://avatars.githubusercontent.com/${github\n              ?.split(\"/\")\n              .slice(-1)}`;\n            return html`<li>\n              <a href=${github} target=\"_blank\" rel=\"nofollow noreferrer\">\n                <img\n                  src=\"${imgSrc}?size=80\"\n                  srcset=\"${imgSrc}?size=160 2x\"\n                  loading=\"lazy\"\n                  referrerpolicy=\"no-referrer\"\n                />\n                ${name}\n              </a>\n              <span class=\"org\">${org}</span>\n            </li>`;\n          })}\n        </ul>\n      </div>\n    </div>`;\n  }\n}\n\ncustomElements.define(\"mdn-contributor-list\", MDNContributorList);\n\n/**\n * @template T\n * @param {Array<T>} array\n */\nfunction popRandom(array) {\n  const i = Math.floor(Math.random() * array.length);\n  // mutate the array:\n  return array.splice(i, 1)[0];\n}\n"],"names":["MDNContributorList","s","Math","MutationObserver","customElements"],"mappings":"yLAII,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,i8DAAk8D,GAAG,EAE9+D,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C,mGCFhD,IAAMA,mBAAN,MAAMA,2BAA2B,IAAU,CAChD,OAAO,IAAM,EAAM,AAEnB,QAAO,WAAa,CAClB,cAAe,CAAE,MAAO,EAAK,CAC/B,CAAE,AAEF,QAAO,OAASC,EAAA,CAAM,AAAC,AAEvB,cAAc,CACZ,KAAK,GAEL,IAAI,CAAC,aAAa,CAAG,EAAE,AACzB,CAEA,oBAAqB,CACnB,IAAM,EAAkB,IAAI,CAAC,aAAa,CAAC,MAErC,EAAqB,EAAE,CAC7B,GAAI,EAAiB,CACnB,IAAM,EAAe,IAAI,EAAgB,gBAAgB,CAAC,MAAM,CAChE,IAAK,IAAI,EAAQ,EAAG,EAAQ,EAAG,IAAS,CACtC,IAAM,EAAc,AA4F5B,SAAmB,CAAK,EACtB,IAAM,EAAIC,KAAK,KAAK,CAACA,KAAK,MAAM,GAAK,EAAM,MAAM,EAEjD,OAAO,EAAM,MAAM,CAAC,EAAG,EAAE,CAAC,EAAE,AAC9B,EAhGsC,GAC9B,GAAI,CAAC,EACH,MAEF,GAAM,CAAC,EAAM,EAAQ,EAAI,CAAG,IAAI,EAAY,UAAU,CAAC,CAAC,GAAG,CACzD,AAAC,GAAS,GAAM,aAAa,QAAU,QAEzC,GAAI,CAAC,GAAQ,CAAC,EAAQ,CACpB,IACA,QACF,CACA,EAAmB,IAAI,CAAC,CACtB,OACA,SACA,KACF,EACF,CACA,IAAI,CAAC,aAAa,CAAG,CACvB,CACF,CAEA,mBAAoB,CAClB,KAAK,CAAC,oBACN,IAAI,CAAC,kBAAkB,GACvB,IAAIC,iBAAiB,IAAM,IAAI,CAAC,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAE,CAClE,QAAS,GACT,UAAW,GACX,cAAe,EACjB,EACF,CAEA,QAAS,CACP,MAAO,QAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA+BN,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAE,MAAI,CAAE,QAAM,CAAE,KAAG,CAAE,IAC7C,IAAM,EAAS,CAAC,sCAAsC,EAAE,GACpD,MAAM,KACP,MAAM,IAAI,CAAC,CACd,MAAO,QAAI,CAAC;sBACF,EAAE,EAAO;;uBAER,EAAE,EAAO;0BACN,EAAE,EAAO;;;;gBAInB,EAAE,EAAK;;gCAES,EAAE,EAAI;iBACrB,CAAC,AACR,GAAG;;;UAGH,CAAC,AACT,CACF,EAEAC,eAAe,MAAM,CAAC,uBAAwBJ,mB"}
+{"version":3,"file":"9127.08c4f752c4186007.js","sources":["webpack://@mdn/fred/./components/contributor-list/element.css","webpack://@mdn/fred/./components/contributor-list/element.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*{box-sizing:border-box}.wrap{--img-size:3.75em;--li-size:calc(var(--img-size)*2.5)}ul{--circle-border-size:0.375em;align-content:start;display:grid;gap:2rem 1rem;grid-template-columns:repeat(auto-fit,minmax(var(--li-size),1fr));justify-items:center;margin:0;padding:0}@media (width <= 769px){ul{display:flex;margin-top:2rem;overflow-x:auto}}a,li{align-items:center;display:flex;flex-direction:column;flex-shrink:0;text-align:center}li{color:var(--community-text-primary);width:var(--li-size)}img{background:var(--community-circle-img-border);border:var(--circle-border-size) var(--community-circle-img-border) solid;border-radius:50%;flex-shrink:0;height:var(--img-size);width:var(--img-size)}a{color:unset;font-weight:500}svg{display:none}@supports (offset-path:ellipse(100% 50% at 100% 50%)){@media (width > 769px){.wrap{container-type:size;height:100%;width:100%}.inner{font-size:min(1rem,3.5cqmin);padding:calc(var(--img-size)/2) calc(var(--li-size)/2)}ul{aspect-ratio:1/2;margin-left:auto;max-height:var(--community-circle-height);min-height:0;min-width:0;position:relative}svg,ul{display:block}svg{height:100%;overflow:visible;position:absolute;width:100%;fill:none;stroke:var(--community-circle-img-border);stroke-width:var(--circle-border-size)}li{animation:community-circle .1ms forwards;offset-anchor:center calc(var(--img-size)*.5);offset-distance:var(--offset-distance);offset-path:ellipse(100% 50% at 100% 50%);offset-rotate:0deg}li:nth-of-type(n+6){--img-size:5em;offset-path:ellipse(50% 25% at 100% 50%)}@keyframes community-circle{0%{offset-distance:calc(var(--offset-distance) - .1%)}}li:first-of-type{--offset-distance:75%}li:nth-of-type(2){--offset-distance:62.5%}li:nth-of-type(3){--offset-distance:50%}li:nth-of-type(4){--offset-distance:37.5%}li:nth-of-type(5){--offset-distance:25%}li:nth-of-type(6){--offset-distance:75%}li:nth-of-type(7){--offset-distance:50%}li:nth-of-type(8){--offset-distance:25%}.org{display:-webkit-box;overflow:hidden;line-clamp:2}}}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","import { LitElement, html } from \"lit\";\n\nimport styles from \"./element.css?lit\";\n\n/** @import { ContributorData } from \"./types.d.ts\" */\n\nexport class MDNContributorList extends LitElement {\n  static ssr = false;\n\n  static properties = {\n    _contributors: { state: true },\n  };\n\n  static styles = styles;\n\n  constructor() {\n    super();\n    /** @type {ContributorData[]} */\n    this._contributors = [];\n  }\n\n  _onChildrenChanged() {\n    const contributorList = this.querySelector(\"ul\");\n    /** @type {ContributorData[]} */\n    const randomContributors = [];\n    if (contributorList) {\n      const contributors = [...contributorList.querySelectorAll(\"li\")];\n      for (let index = 0; index < 8; index++) {\n        const contributor = popRandom(contributors);\n        if (!contributor) {\n          break;\n        }\n        const [name, github, org] = [...contributor.childNodes].map(\n          (node) => node?.textContent?.trim() || undefined,\n        );\n        if (!name || !github) {\n          index--;\n          continue;\n        }\n        randomContributors.push({\n          name,\n          github,\n          org,\n        });\n      }\n      this._contributors = randomContributors;\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._onChildrenChanged();\n    new MutationObserver(() => this._onChildrenChanged()).observe(this, {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    });\n  }\n\n  render() {\n    return html`<div class=\"wrap\">\n      <div class=\"inner\">\n        <ul>\n          <svg>\n            <defs>\n              <mask id=\"hide-half\">\n                <rect\n                  x=\"0%\"\n                  y=\"0%\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  fill=\"#fff\"\n                  stroke=\"#fff\"\n                />\n              </mask>\n            </defs>\n            <ellipse\n              rx=\"100%\"\n              ry=\"50%\"\n              cx=\"100%\"\n              cy=\"50%\"\n              mask=\"url(#hide-half)\"\n            />\n            <ellipse\n              rx=\"50%\"\n              ry=\"25%\"\n              cx=\"100%\"\n              cy=\"50%\"\n              mask=\"url(#hide-half)\"\n            />\n          </svg>\n          ${this._contributors.map(({ name, github, org }) => {\n            const imgSrc = `https://avatars.githubusercontent.com/${github\n              ?.split(\"/\")\n              .slice(-1)}`;\n            return html`<li>\n              <a href=${github} target=\"_blank\" rel=\"nofollow noreferrer\">\n                <img\n                  src=\"${imgSrc}?size=80\"\n                  srcset=\"${imgSrc}?size=160 2x\"\n                  loading=\"lazy\"\n                  referrerpolicy=\"no-referrer\"\n                />\n                ${name}\n              </a>\n              <span class=\"org\">${org}</span>\n            </li>`;\n          })}\n        </ul>\n      </div>\n    </div>`;\n  }\n}\n\ncustomElements.define(\"mdn-contributor-list\", MDNContributorList);\n\n/**\n * @template T\n * @param {Array<T>} array\n */\nfunction popRandom(array) {\n  const i = Math.floor(Math.random() * array.length);\n  // mutate the array:\n  return array.splice(i, 1)[0];\n}\n"],"names":["MDNContributorList","s","Math","MutationObserver","customElements"],"mappings":"yLAII,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,i8DAAk8D,GAAG,EAE9+D,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C,mGCFhD,IAAMA,mBAAN,MAAMA,2BAA2B,IAAU,CAChD,OAAO,IAAM,EAAM,AAEnB,QAAO,WAAa,CAClB,cAAe,CAAE,MAAO,EAAK,CAC/B,CAAE,AAEF,QAAO,OAASC,EAAA,CAAM,AAAC,AAEvB,cAAc,CACZ,KAAK,GAEL,IAAI,CAAC,aAAa,CAAG,EAAE,AACzB,CAEA,oBAAqB,CACnB,IAAM,EAAkB,IAAI,CAAC,aAAa,CAAC,MAErC,EAAqB,EAAE,CAC7B,GAAI,EAAiB,CACnB,IAAM,EAAe,IAAI,EAAgB,gBAAgB,CAAC,MAAM,CAChE,IAAK,IAAI,EAAQ,EAAG,EAAQ,EAAG,IAAS,CACtC,IAAM,EAAc,AA4F5B,SAAmB,CAAK,EACtB,IAAM,EAAIC,KAAK,KAAK,CAACA,KAAK,MAAM,GAAK,EAAM,MAAM,EAEjD,OAAO,EAAM,MAAM,CAAC,EAAG,EAAE,CAAC,EAAE,AAC9B,EAhGsC,GAC9B,GAAI,CAAC,EACH,MAEF,GAAM,CAAC,EAAM,EAAQ,EAAI,CAAG,IAAI,EAAY,UAAU,CAAC,CAAC,GAAG,CACzD,AAAC,GAAS,GAAM,aAAa,QAAU,QAEzC,GAAI,CAAC,GAAQ,CAAC,EAAQ,CACpB,IACA,QACF,CACA,EAAmB,IAAI,CAAC,CACtB,OACA,SACA,KACF,EACF,CACA,IAAI,CAAC,aAAa,CAAG,CACvB,CACF,CAEA,mBAAoB,CAClB,KAAK,CAAC,oBACN,IAAI,CAAC,kBAAkB,GACvB,IAAIC,iBAAiB,IAAM,IAAI,CAAC,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAE,CAClE,QAAS,GACT,UAAW,GACX,cAAe,EACjB,EACF,CAEA,QAAS,CACP,MAAO,QAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA+BN,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAE,MAAI,CAAE,QAAM,CAAE,KAAG,CAAE,IAC7C,IAAM,EAAS,CAAC,sCAAsC,EAAE,GACpD,MAAM,KACP,MAAM,IAAI,CAAC,CACd,MAAO,QAAI,CAAC;sBACF,EAAE,EAAO;;uBAER,EAAE,EAAO;0BACN,EAAE,EAAO;;;;gBAInB,EAAE,EAAK;;gCAES,EAAE,EAAI;iBACrB,CAAC,AACR,GAAG;;;UAGH,CAAC,AACT,CACF,EAEAC,eAAe,MAAM,CAAC,uBAAwBJ,mB"}

package/out/static/client/{9204.515db9110e143075.js → 9204.f8aa5d9f8a79f3d4.js}

@@ -1,4 +1,4 @@
-export const __rspack_esm_id="9204";export const __rspack_esm_ids=["9204"];export const __webpack_modules__={18150(e,a,t){t.d(a,{A:()=>p});var o=t(97825),c=t(31601),r=t.n(c),n=t(76314),l=t.n(n)()(r());l.push([e.id,':host{background-color:var(--color-background-primary);display:block}.top-placement,.top-placement-leaderboard{--place-top-background-light:var(--color-background-primary);--place-top-color-light:var(--color-text-primary);--place-top-cta-background-light:var(--color-text-primary);--place-top-cta-color-light:var(--color-background-secondary);--place-top-background-dark:var(--color-background-primary);--place-top-color-dark:var(--color-text-primary);--place-top-cta-background-dark:var(--color-text-primary);--place-top-cta-color-dark:var(--color-background-secondary);--csstools-light-dark-toggle-2c33ad20-0:var(--csstools-color-scheme--light) var(--place-top-color-dark);--place-top-color:var(--csstools-light-dark-toggle-2c33ad20-0,var(--place-top-color-light));--csstools-light-dark-toggle-2c33ad20-1:var(--csstools-color-scheme--light) var(--place-top-cta-background-dark);--place-top-cta-background:var(--csstools-light-dark-toggle-2c33ad20-1,var(--place-top-cta-background-light));--csstools-light-dark-toggle-2c33ad20-2:var(--csstools-color-scheme--light) var(--place-top-cta-color-dark);--place-top-cta-color:var(--csstools-light-dark-toggle-2c33ad20-2,var(--place-top-cta-color-light));background-color:var(--place-top-background);min-height:calc(var(--top-placement-inner-height) + var(--top-placement-inner-padding)*2);padding-inline:var(--layout-side-padding)}@supports (color:light-dark(red,red)){.top-placement,.top-placement-leaderboard{--place-top-color:light-dark(var(--place-top-color-light),var(--place-top-color-dark));--place-top-cta-background:light-dark(var(--place-top-cta-background-light),var(--place-top-cta-background-dark));--place-top-cta-color:light-dark(var(--place-top-cta-color-light),var(--place-top-cta-color-dark))}}@supports not (color:light-dark(tan,tan)){:is(.top-placement,.top-placement-leaderboard) *{--csstools-light-dark-toggle-2c33ad20-0:var(--csstools-color-scheme--light) var(--place-top-color-dark);--place-top-color:var(--csstools-light-dark-toggle-2c33ad20-0,var(--place-top-color-light));--csstools-light-dark-toggle-2c33ad20-1:var(--csstools-color-scheme--light) var(--place-top-cta-background-dark);--place-top-cta-background:var(--csstools-light-dark-toggle-2c33ad20-1,var(--place-top-cta-background-light));--csstools-light-dark-toggle-2c33ad20-2:var(--csstools-color-scheme--light) var(--place-top-cta-color-dark);--place-top-cta-color:var(--csstools-light-dark-toggle-2c33ad20-2,var(--place-top-cta-color-light))}}.top-placement{--csstools-light-dark-toggle-2c33ad20-3:var(--csstools-color-scheme--light) var(--place-top-background-dark);--place-top-background:var(--csstools-light-dark-toggle-2c33ad20-3,var(--place-top-background-light));--top-placement-inner-height:3.125rem;--top-placement-inner-padding:0.125rem;border-bottom:1px solid var(--color-border-primary);padding-bottom:.125rem}@supports (color:light-dark(red,red)){.top-placement{--place-top-background:light-dark(var(--place-top-background-light),var(--place-top-background-dark))}}@supports not (color:light-dark(tan,tan)){.top-placement *{--csstools-light-dark-toggle-2c33ad20-3:var(--csstools-color-scheme--light) var(--place-top-background-dark);--place-top-background:var(--csstools-light-dark-toggle-2c33ad20-3,var(--place-top-background-light))}}.top-placement .placement-container{align-items:center;display:grid;font-size:.75rem;grid-template-areas:"pong cta" "no note";height:100%;margin:0 auto;width:100%}@media (769px < width){.top-placement .placement-container{grid-template-areas:"pong cta note" "pong cta no";grid-template-columns:fit-content(100%) auto fit-content(100%)}}:is(.top-placement .placement-container) .placement-inner{border:none;display:contents;width:100%}:is(:is(.top-placement .placement-container) .placement-inner) .placement-link{display:contents}:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content{align-items:center;color:var(--place-top-color);display:flex;flex-direction:row;grid-area:pong;padding:var(--top-placement-inner-padding);-webkit-text-decoration:none;text-decoration:none}:is(:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content) img{height:var(--top-placement-inner-height);max-height:var(--top-placement-inner-height);width:auto}:is(:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content) span{color:var(--place-top-color);max-height:var(--top-placement-inner-height);overflow:auto;padding:0 1rem}:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-cta{background-color:var(--place-top-cta-background);border-radius:.25rem;color:var(--place-top-cta-color);font-size:var(--font-size-small);grid-area:cta;height:fit-content;margin-right:auto;padding:.25rem 1rem;text-align:center}:is(:is(.top-placement .placement-container) .placement-inner) mdn-placement-note{grid-area:note;margin:.25rem 0 auto auto}:is(.top-placement .placement-container) mdn-placement-no{color:var(--place-top-color);grid-area:no;margin:auto 0 0 2rem;width:auto}.top-placement-leaderboard{--place-top-background:#0000;--top-placement-inner-height:5.625rem;--top-placement-inner-padding:0rem;padding-bottom:0}.top-placement-leaderboard .placement-container{align-items:center;display:grid;font-size:.75rem;grid-template-areas:"left pong note" "left pong no";grid-template-columns:1fr fit-content(100%) 1fr;height:100%;margin:0 auto;width:100%}:is(.top-placement-leaderboard .placement-container) .placement-inner{border:none;display:contents;width:100%}:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link{display:contents}:is(:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link) .placement-content{align-items:center;display:flex;flex-direction:column;grid-area:pong;justify-content:center;padding:0}:is(:is(:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link) .placement-content) img{height:5.625rem;width:45.5rem}:is(.top-placement-leaderboard .placement-container) mdn-placement-note{grid-area:note;margin:.25rem 0 auto auto}@media (width <= 992px){:is(.top-placement-leaderboard .placement-container) mdn-placement-note{display:none}}:is(.top-placement-leaderboard .placement-container) mdn-placement-no{color:var(--color-text-secondary);grid-area:no;margin:auto 0 .25rem auto}@media (width <= 992px){:is(.top-placement-leaderboard .placement-container) mdn-placement-no{display:none}}.top-placement.empty{border-bottom:none}.fallback{align-items:center;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;flex-direction:column;justify-content:center}.fallback__copy{color:var(--color-text-secondary);font-size:var(--font-size-normal);line-height:var(--top-banner-height);margin:0 auto}.fallback__copy a{color:var(--color-link-normal)}',""]);let p=(0,o.AH)([l.toString()])},9951(e,a,t){t.r(a),t.d(a,{MDNPlacementTop:()=>MDNPlacementTop});var o=t(97825),c=t(52258),r=t(5350);t(47764),t(13755);var n=t(30776),l=t(18150);let MDNPlacementTop=class MDNPlacementTop extends(0,n.N)(o.WF){static styles=l.A;renderInitial(){return(0,o.qy)`<div class="top-placement empty"></div>`}renderFallback(){return(0,o.qy)`
+export const __rspack_esm_id="9204";export const __rspack_esm_ids=["9204"];export const __webpack_modules__={18150(e,a,t){t.d(a,{A:()=>p});var o=t(97825),c=t(31601),r=t.n(c),n=t(76314),l=t.n(n)()(r());l.push([e.id,':host{background-color:var(--color-background-primary);display:block}.top-placement,.top-placement-leaderboard{--place-top-background-light:var(--color-background-primary);--place-top-color-light:var(--color-text-primary);--place-top-cta-background-light:var(--color-text-primary);--place-top-cta-color-light:var(--color-background-secondary);--place-top-background-dark:var(--color-background-primary);--place-top-color-dark:var(--color-text-primary);--place-top-cta-background-dark:var(--color-text-primary);--place-top-cta-color-dark:var(--color-background-secondary);--csstools-light-dark-toggle-2c33ad20-0:var(--csstools-color-scheme--light) var(--place-top-color-dark);--place-top-color:var(--csstools-light-dark-toggle-2c33ad20-0,var(--place-top-color-light));--csstools-light-dark-toggle-2c33ad20-1:var(--csstools-color-scheme--light) var(--place-top-cta-background-dark);--place-top-cta-background:var(--csstools-light-dark-toggle-2c33ad20-1,var(--place-top-cta-background-light));--csstools-light-dark-toggle-2c33ad20-2:var(--csstools-color-scheme--light) var(--place-top-cta-color-dark);--place-top-cta-color:var(--csstools-light-dark-toggle-2c33ad20-2,var(--place-top-cta-color-light));background-color:var(--place-top-background);min-height:calc(var(--top-placement-inner-height) + var(--top-placement-inner-padding)*2);padding-inline:var(--layout-side-padding)}@supports (color:light-dark(red,red)){.top-placement,.top-placement-leaderboard{--place-top-color:light-dark(var(--place-top-color-light),var(--place-top-color-dark));--place-top-cta-background:light-dark(var(--place-top-cta-background-light),var(--place-top-cta-background-dark));--place-top-cta-color:light-dark(var(--place-top-cta-color-light),var(--place-top-cta-color-dark))}}@supports not (color:light-dark(tan,tan)){:is(.top-placement,.top-placement-leaderboard) *{--csstools-light-dark-toggle-2c33ad20-0:var(--csstools-color-scheme--light) var(--place-top-color-dark);--place-top-color:var(--csstools-light-dark-toggle-2c33ad20-0,var(--place-top-color-light));--csstools-light-dark-toggle-2c33ad20-1:var(--csstools-color-scheme--light) var(--place-top-cta-background-dark);--place-top-cta-background:var(--csstools-light-dark-toggle-2c33ad20-1,var(--place-top-cta-background-light));--csstools-light-dark-toggle-2c33ad20-2:var(--csstools-color-scheme--light) var(--place-top-cta-color-dark);--place-top-cta-color:var(--csstools-light-dark-toggle-2c33ad20-2,var(--place-top-cta-color-light))}}.top-placement{--csstools-light-dark-toggle-2c33ad20-3:var(--csstools-color-scheme--light) var(--place-top-background-dark);--place-top-background:var(--csstools-light-dark-toggle-2c33ad20-3,var(--place-top-background-light));--top-placement-inner-height:3.125rem;--top-placement-inner-padding:0.125rem;border-bottom:1px solid var(--color-border-primary);padding-bottom:.125rem}@supports (color:light-dark(red,red)){.top-placement{--place-top-background:light-dark(var(--place-top-background-light),var(--place-top-background-dark))}}@supports not (color:light-dark(tan,tan)){.top-placement *{--csstools-light-dark-toggle-2c33ad20-3:var(--csstools-color-scheme--light) var(--place-top-background-dark);--place-top-background:var(--csstools-light-dark-toggle-2c33ad20-3,var(--place-top-background-light))}}.top-placement .placement-container{align-items:center;display:grid;font-size:.75rem;grid-template-areas:"pong cta" "no note";height:100%;margin:0 auto;width:100%}@media (width > 769px){.top-placement .placement-container{grid-template-areas:"pong cta note" "pong cta no";grid-template-columns:fit-content(100%) auto fit-content(100%)}}:is(.top-placement .placement-container) .placement-inner{border:none;display:contents;width:100%}:is(:is(.top-placement .placement-container) .placement-inner) .placement-link{display:contents}:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content{align-items:center;color:var(--place-top-color);display:flex;flex-direction:row;grid-area:pong;padding:var(--top-placement-inner-padding);-webkit-text-decoration:none;text-decoration:none}:is(:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content) img{height:var(--top-placement-inner-height);max-height:var(--top-placement-inner-height);width:auto}:is(:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content) span{color:var(--place-top-color);max-height:var(--top-placement-inner-height);overflow:auto;padding:0 1rem}:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-cta{background-color:var(--place-top-cta-background);border-radius:.25rem;color:var(--place-top-cta-color);font-size:var(--font-size-small);grid-area:cta;height:fit-content;margin-right:auto;padding:.25rem 1rem;text-align:center}:is(:is(.top-placement .placement-container) .placement-inner) mdn-placement-note{grid-area:note;margin:.25rem 0 auto auto}:is(.top-placement .placement-container) mdn-placement-no{color:var(--place-top-color);grid-area:no;margin:auto 0 0 2rem;width:auto}.top-placement-leaderboard{--place-top-background:#0000;--top-placement-inner-height:5.625rem;--top-placement-inner-padding:0rem;padding-bottom:0}.top-placement-leaderboard .placement-container{align-items:center;display:grid;font-size:.75rem;grid-template-areas:"left pong note" "left pong no";grid-template-columns:1fr fit-content(100%) 1fr;height:100%;margin:0 auto;width:100%}:is(.top-placement-leaderboard .placement-container) .placement-inner{border:none;display:contents;width:100%}:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link{display:contents}:is(:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link) .placement-content{align-items:center;display:flex;flex-direction:column;grid-area:pong;justify-content:center;padding:0}:is(:is(:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link) .placement-content) img{height:5.625rem;width:45.5rem}:is(.top-placement-leaderboard .placement-container) mdn-placement-note{grid-area:note;margin:.25rem 0 auto auto}@media (width <= 992px){:is(.top-placement-leaderboard .placement-container) mdn-placement-note{display:none}}:is(.top-placement-leaderboard .placement-container) mdn-placement-no{color:var(--color-text-secondary);grid-area:no;margin:auto 0 .25rem auto}@media (width <= 992px){:is(.top-placement-leaderboard .placement-container) mdn-placement-no{display:none}}.top-placement.empty{border-bottom:none}.fallback{align-items:center;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;flex-direction:column;justify-content:center}.fallback__copy{color:var(--color-text-secondary);font-size:var(--font-size-normal);line-height:var(--top-banner-height);margin:0 auto}.fallback__copy a{color:var(--color-link-normal)}',""]);let p=(0,o.AH)([l.toString()])},9951(e,a,t){t.r(a),t.d(a,{MDNPlacementTop:()=>MDNPlacementTop});var o=t(97825),c=t(52258),r=t(5350);t(47764),t(13755);var n=t(30776),l=t(18150);let MDNPlacementTop=class MDNPlacementTop extends(0,n.N)(o.WF){static styles=l.A;renderInitial(){return(0,o.qy)`<div class="top-placement empty"></div>`}renderFallback(){return(0,o.qy)`
       <div class="fallback">
         <p class="fallback__copy">
           Learn frontend, backend, and AI from our course partner
@@ -68,4 +68,4 @@ export const __rspack_esm_id="9204";export const __rspack_esm_ids=["9204"];expor
             <mdn-placement-no></mdn-placement-no>
           </section>
         </div>`}};customElements.define("mdn-placement-top",MDNPlacementTop)}};
-//# sourceMappingURL=9204.515db9110e143075.js.map
+//# sourceMappingURL=9204.f8aa5d9f8a79f3d4.js.map

package/out/static/client/{9204.515db9110e143075.js.map → 9204.f8aa5d9f8a79f3d4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"9204.515db9110e143075.js","sources":["webpack://@mdn/fred/./components/placement-top/element.css","webpack://@mdn/fred/./components/placement-top/element.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{background-color:var(--color-background-primary);display:block}.top-placement,.top-placement-leaderboard{--place-top-background-light:var(--color-background-primary);--place-top-color-light:var(--color-text-primary);--place-top-cta-background-light:var(--color-text-primary);--place-top-cta-color-light:var(--color-background-secondary);--place-top-background-dark:var(--color-background-primary);--place-top-color-dark:var(--color-text-primary);--place-top-cta-background-dark:var(--color-text-primary);--place-top-cta-color-dark:var(--color-background-secondary);--csstools-light-dark-toggle-2c33ad20-0:var(--csstools-color-scheme--light) var(--place-top-color-dark);--place-top-color:var(--csstools-light-dark-toggle-2c33ad20-0,var(--place-top-color-light));--csstools-light-dark-toggle-2c33ad20-1:var(--csstools-color-scheme--light) var(--place-top-cta-background-dark);--place-top-cta-background:var(--csstools-light-dark-toggle-2c33ad20-1,var(--place-top-cta-background-light));--csstools-light-dark-toggle-2c33ad20-2:var(--csstools-color-scheme--light) var(--place-top-cta-color-dark);--place-top-cta-color:var(--csstools-light-dark-toggle-2c33ad20-2,var(--place-top-cta-color-light));background-color:var(--place-top-background);min-height:calc(var(--top-placement-inner-height) + var(--top-placement-inner-padding)*2);padding-inline:var(--layout-side-padding)}@supports (color:light-dark(red,red)){.top-placement,.top-placement-leaderboard{--place-top-color:light-dark(var(--place-top-color-light),var(--place-top-color-dark));--place-top-cta-background:light-dark(var(--place-top-cta-background-light),var(--place-top-cta-background-dark));--place-top-cta-color:light-dark(var(--place-top-cta-color-light),var(--place-top-cta-color-dark))}}@supports not (color:light-dark(tan,tan)){:is(.top-placement,.top-placement-leaderboard) *{--csstools-light-dark-toggle-2c33ad20-0:var(--csstools-color-scheme--light) var(--place-top-color-dark);--place-top-color:var(--csstools-light-dark-toggle-2c33ad20-0,var(--place-top-color-light));--csstools-light-dark-toggle-2c33ad20-1:var(--csstools-color-scheme--light) var(--place-top-cta-background-dark);--place-top-cta-background:var(--csstools-light-dark-toggle-2c33ad20-1,var(--place-top-cta-background-light));--csstools-light-dark-toggle-2c33ad20-2:var(--csstools-color-scheme--light) var(--place-top-cta-color-dark);--place-top-cta-color:var(--csstools-light-dark-toggle-2c33ad20-2,var(--place-top-cta-color-light))}}.top-placement{--csstools-light-dark-toggle-2c33ad20-3:var(--csstools-color-scheme--light) var(--place-top-background-dark);--place-top-background:var(--csstools-light-dark-toggle-2c33ad20-3,var(--place-top-background-light));--top-placement-inner-height:3.125rem;--top-placement-inner-padding:0.125rem;border-bottom:1px solid var(--color-border-primary);padding-bottom:.125rem}@supports (color:light-dark(red,red)){.top-placement{--place-top-background:light-dark(var(--place-top-background-light),var(--place-top-background-dark))}}@supports not (color:light-dark(tan,tan)){.top-placement *{--csstools-light-dark-toggle-2c33ad20-3:var(--csstools-color-scheme--light) var(--place-top-background-dark);--place-top-background:var(--csstools-light-dark-toggle-2c33ad20-3,var(--place-top-background-light))}}.top-placement .placement-container{align-items:center;display:grid;font-size:.75rem;grid-template-areas:\"pong cta\" \"no note\";height:100%;margin:0 auto;width:100%}@media (769px < width){.top-placement .placement-container{grid-template-areas:\"pong cta note\" \"pong cta no\";grid-template-columns:fit-content(100%) auto fit-content(100%)}}:is(.top-placement .placement-container) .placement-inner{border:none;display:contents;width:100%}:is(:is(.top-placement .placement-container) .placement-inner) .placement-link{display:contents}:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content{align-items:center;color:var(--place-top-color);display:flex;flex-direction:row;grid-area:pong;padding:var(--top-placement-inner-padding);-webkit-text-decoration:none;text-decoration:none}:is(:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content) img{height:var(--top-placement-inner-height);max-height:var(--top-placement-inner-height);width:auto}:is(:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content) span{color:var(--place-top-color);max-height:var(--top-placement-inner-height);overflow:auto;padding:0 1rem}:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-cta{background-color:var(--place-top-cta-background);border-radius:.25rem;color:var(--place-top-cta-color);font-size:var(--font-size-small);grid-area:cta;height:fit-content;margin-right:auto;padding:.25rem 1rem;text-align:center}:is(:is(.top-placement .placement-container) .placement-inner) mdn-placement-note{grid-area:note;margin:.25rem 0 auto auto}:is(.top-placement .placement-container) mdn-placement-no{color:var(--place-top-color);grid-area:no;margin:auto 0 0 2rem;width:auto}.top-placement-leaderboard{--place-top-background:#0000;--top-placement-inner-height:5.625rem;--top-placement-inner-padding:0rem;padding-bottom:0}.top-placement-leaderboard .placement-container{align-items:center;display:grid;font-size:.75rem;grid-template-areas:\"left pong note\" \"left pong no\";grid-template-columns:1fr fit-content(100%) 1fr;height:100%;margin:0 auto;width:100%}:is(.top-placement-leaderboard .placement-container) .placement-inner{border:none;display:contents;width:100%}:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link{display:contents}:is(:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link) .placement-content{align-items:center;display:flex;flex-direction:column;grid-area:pong;justify-content:center;padding:0}:is(:is(:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link) .placement-content) img{height:5.625rem;width:45.5rem}:is(.top-placement-leaderboard .placement-container) mdn-placement-note{grid-area:note;margin:.25rem 0 auto auto}@media (width <= 992px){:is(.top-placement-leaderboard .placement-container) mdn-placement-note{display:none}}:is(.top-placement-leaderboard .placement-container) mdn-placement-no{color:var(--color-text-secondary);grid-area:no;margin:auto 0 .25rem auto}@media (width <= 992px){:is(.top-placement-leaderboard .placement-container) mdn-placement-no{display:none}}.top-placement.empty{border-bottom:none}.fallback{align-items:center;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;flex-direction:column;justify-content:center}.fallback__copy{color:var(--color-text-secondary);font-size:var(--font-size-normal);line-height:var(--top-banner-height);margin:0 auto}.fallback__copy a{color:var(--color-link-normal)}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","import { LitElement, html, nothing } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nimport \"../placement-note/element.js\";\nimport \"../placement-no/element.js\";\n\nimport { PlacementMixin } from \"../placement/mixin.js\";\n\nimport styles from \"./element.css?lit\";\n\n/**\n * @import * as Placements from \"../placement/types.js\";\n * @import { TemplateResult } from \"lit\";\n */\n\nexport class MDNPlacementTop extends PlacementMixin(LitElement) {\n  static styles = styles;\n\n  /**\n   *\n   * @returns {TemplateResult | symbol}\n   */\n  renderInitial() {\n    return html`<div class=\"top-placement empty\"></div>`;\n  }\n\n  renderFallback() {\n    return html`\n      <div class=\"fallback\">\n        <p class=\"fallback__copy\">\n          Learn frontend, backend, and AI from our course partner\n          <a\n            href=\"https://scrimba.com/learn/frontend?via=mdn\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            data-glean-id=\"banner_scrimba_click\"\n          >\n            Scrimba\n          </a>\n        </p>\n      </div>\n    `;\n  }\n\n  /**\n   *\n   * @param {Placements.PlacementContextData} placementContext\n   * @returns\n   */\n  renderComplete(placementContext) {\n    if (placementContext.status === \"noads\") {\n      return nothing;\n    }\n\n    const data = placementContext?.hpTop || placementContext?.top;\n    if (!data) {\n      return this.renderFallback();\n    }\n    const {\n      status,\n      click,\n      view,\n      copy,\n      image,\n      imageFormat,\n      alt,\n      cta,\n      colors,\n      version,\n    } = data;\n    if (status !== \"success\") {\n      return this.renderFallback();\n    }\n    if (!this._viewedUrl) {\n      this._viewedUrl = view;\n      this._version = version;\n    }\n    const {\n      textColor,\n      backgroundColor,\n      ctaTextColor,\n      ctaBackgroundColor,\n      textColorDark,\n      backgroundColorDark,\n      ctaTextColorDark,\n      ctaBackgroundColorDark,\n    } = colors || {};\n    const styles = Object.fromEntries(\n      [\n        [\"--place-top-background-light\", backgroundColor],\n        [\"--place-top-color-light\", textColor],\n        [\"--place-top-cta-background-light\", ctaBackgroundColor],\n        [\"--place-top-cta-color-light\", ctaTextColor],\n        [\"--place-top-background-dark\", backgroundColorDark || backgroundColor],\n        [\"--place-top-color-dark\", textColorDark || textColor],\n        [\n          \"--place-top-cta-background-dark\",\n          ctaBackgroundColorDark || ctaBackgroundColor,\n        ],\n        [\"--place-top-cta-color-dark\", ctaTextColorDark || ctaBackgroundColor],\n      ].filter(([_, v]) => Boolean(v)),\n    );\n    const type = \"top-banner\";\n\n    return imageFormat === \"leaderboard\"\n      ? html`<div\n          ${ref(this._placementRef)}\n          class=\"top-placement-leaderboard\"\n          style=${styleMap(styles)}\n          data-type=${type}\n        >\n          <section class=\"placement-container\">\n            <div class=\"placement-inner\">\n              <a\n                class=\"placement-link\"\n                data-glean-id=${`pong: pong->click ${type}`}\n                href=${this.clickLink(click, version)}\n                target=\"_blank\"\n                rel=\"sponsored\"\n                ><div class=\"placement-content\">\n                  <img\n                    src=${this.imgLink(image)}\n                    aria-hidden=${!alt}\n                    alt=${alt || \"\"}\n                    height=\"90\"\n                  />\n                </div>\n              </a>\n            </div>\n            <mdn-placement-note></mdn-placement-note>\n            <mdn-placement-no></mdn-placement-no>\n          </section>\n        </div>`\n      : html`<div\n          ${ref(this._placementRef)}\n          class=\"top-placement\"\n          style=${styleMap(styles)}\n          data-type=${type}\n        >\n          <section class=\"placement-container\">\n            <div class=\"placement-inner\">\n              <a\n                class=\"placement-link\"\n                data-glean-id=${`pong: pong->click ${type}`}\n                href=${this.clickLink(click, version)}\n                target=\"_blank\"\n                rel=\"sponsored\"\n                ><div class=\"placement-content\">\n                  <img\n                    src=${this.imgLink(image)}\n                    aria-hidden=${!alt}\n                    alt=${alt || \"\"}\n                    height=\"50\"\n                  /><span>${copy}</span>\n                </div>\n                <span class=\"placement-cta\">${cta}</span></a\n              >\n              <mdn-placement-note></mdn-placement-note>\n            </div>\n            <mdn-placement-no></mdn-placement-no>\n          </section>\n        </div>`;\n  }\n}\n\ncustomElements.define(\"mdn-placement-top\", MDNPlacementTop);\n"],"names":["MDNPlacementTop","i","Object","customElements"],"mappings":"yLAII,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,qzNAAszN,GAAG,EAEl2N,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C,kJCQhD,IAAMA,gBAAN,MAAMA,uBAAwB,QAAe,IAAU,EAC5D,OAAO,OAAS,GAAM,AAAC,AAMvB,gBAAgB,CACd,MAAO,QAAI,CAAC,uCAAuC,CAAC,AACtD,CAEA,gBAAiB,CACf,MAAO,QAAI,CAAC;;;;;;;;;;;;;;IAcZ,CAAC,AACH,CAOA,eAAe,CAAgB,CAAE,CAC/B,GAAI,AAA4B,UAA5B,EAAiB,MAAM,CACzB,OAAO,IAAO,CAGhB,IAAM,EAAO,GAAkB,OAAS,GAAkB,IAC1D,GAAI,CAAC,EACH,OAAO,IAAI,CAAC,cAAc,GAE5B,GAAM,CACJ,QAAM,CACN,OAAK,CACL,MAAI,CACJ,MAAI,CACJC,MAAAA,CAAK,CACL,aAAW,CACX,KAAG,CACH,KAAG,CACH,QAAM,CACN,SAAO,CACR,CAAG,EACJ,GAAI,AAAW,YAAX,EACF,OAAO,IAAI,CAAC,cAAc,EAEvB,KAAI,CAAC,UAAU,GAClB,IAAI,CAAC,UAAU,CAAG,EAClB,IAAI,CAAC,QAAQ,CAAG,GAElB,GAAM,CACJ,WAAS,CACT,iBAAe,CACf,cAAY,CACZ,oBAAkB,CAClB,eAAa,CACb,qBAAmB,CACnB,kBAAgB,CAChB,wBAAsB,CACvB,CAAG,GAAU,CAAC,EACT,EAASC,OAAO,WAAW,CAC/B,CACE,CAAC,+BAAgC,EAAgB,CACjD,CAAC,0BAA2B,EAAU,CACtC,CAAC,mCAAoC,EAAmB,CACxD,CAAC,8BAA+B,EAAa,CAC7C,CAAC,8BAA+B,GAAuB,EAAgB,CACvE,CAAC,yBAA0B,GAAiB,EAAU,CACtD,CACE,kCACA,GAA0B,EAC3B,CACD,CAAC,6BAA8B,GAAoB,EAAmB,CACvE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAG,EAAE,GAAK,EAAQ,IAEzB,EAAO,aAEb,MAAO,AAAgB,gBAAhB,EACH,QAAI,CAAC;UACH,EAAE,QAAI,IAAI,CAAC,aAAa,EAAE;;gBAEpB,EAAE,QAAS,GAAQ;oBACf,EAAE,EAAK;;;;;;8BAMG,EAAE,CAAC,kBAAkB,EAAE,EAAK,CAAC,CAAC;qBACvC,EAAE,IAAI,CAAC,SAAS,CAAC,EAAO,GAAS;;;;;wBAK9B,EAAE,IAAI,CAAC,OAAO,CAACD,GAAO;gCACd,EAAE,CAAC,EAAI;wBACf,EAAE,GAAO,GAAG;;;;;;;;;cAStB,CAAC,CACP,QAAI,CAAC;UACH,EAAE,QAAI,IAAI,CAAC,aAAa,EAAE;;gBAEpB,EAAE,QAAS,GAAQ;oBACf,EAAE,EAAK;;;;;;8BAMG,EAAE,CAAC,kBAAkB,EAAE,EAAK,CAAC,CAAC;qBACvC,EAAE,IAAI,CAAC,SAAS,CAAC,EAAO,GAAS;;;;;wBAK9B,EAAE,IAAI,CAAC,OAAO,CAACA,GAAO;gCACd,EAAE,CAAC,EAAI;wBACf,EAAE,GAAO,GAAG;;0BAEV,EAAE,EAAK;;4CAEW,EAAE,EAAI;;;;;;cAMpC,CAAC,AACb,CACF,EAEAE,eAAe,MAAM,CAAC,oBAAqBH,gB"}
+{"version":3,"file":"9204.f8aa5d9f8a79f3d4.js","sources":["webpack://@mdn/fred/./components/placement-top/element.css","webpack://@mdn/fred/./components/placement-top/element.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{background-color:var(--color-background-primary);display:block}.top-placement,.top-placement-leaderboard{--place-top-background-light:var(--color-background-primary);--place-top-color-light:var(--color-text-primary);--place-top-cta-background-light:var(--color-text-primary);--place-top-cta-color-light:var(--color-background-secondary);--place-top-background-dark:var(--color-background-primary);--place-top-color-dark:var(--color-text-primary);--place-top-cta-background-dark:var(--color-text-primary);--place-top-cta-color-dark:var(--color-background-secondary);--csstools-light-dark-toggle-2c33ad20-0:var(--csstools-color-scheme--light) var(--place-top-color-dark);--place-top-color:var(--csstools-light-dark-toggle-2c33ad20-0,var(--place-top-color-light));--csstools-light-dark-toggle-2c33ad20-1:var(--csstools-color-scheme--light) var(--place-top-cta-background-dark);--place-top-cta-background:var(--csstools-light-dark-toggle-2c33ad20-1,var(--place-top-cta-background-light));--csstools-light-dark-toggle-2c33ad20-2:var(--csstools-color-scheme--light) var(--place-top-cta-color-dark);--place-top-cta-color:var(--csstools-light-dark-toggle-2c33ad20-2,var(--place-top-cta-color-light));background-color:var(--place-top-background);min-height:calc(var(--top-placement-inner-height) + var(--top-placement-inner-padding)*2);padding-inline:var(--layout-side-padding)}@supports (color:light-dark(red,red)){.top-placement,.top-placement-leaderboard{--place-top-color:light-dark(var(--place-top-color-light),var(--place-top-color-dark));--place-top-cta-background:light-dark(var(--place-top-cta-background-light),var(--place-top-cta-background-dark));--place-top-cta-color:light-dark(var(--place-top-cta-color-light),var(--place-top-cta-color-dark))}}@supports not (color:light-dark(tan,tan)){:is(.top-placement,.top-placement-leaderboard) *{--csstools-light-dark-toggle-2c33ad20-0:var(--csstools-color-scheme--light) var(--place-top-color-dark);--place-top-color:var(--csstools-light-dark-toggle-2c33ad20-0,var(--place-top-color-light));--csstools-light-dark-toggle-2c33ad20-1:var(--csstools-color-scheme--light) var(--place-top-cta-background-dark);--place-top-cta-background:var(--csstools-light-dark-toggle-2c33ad20-1,var(--place-top-cta-background-light));--csstools-light-dark-toggle-2c33ad20-2:var(--csstools-color-scheme--light) var(--place-top-cta-color-dark);--place-top-cta-color:var(--csstools-light-dark-toggle-2c33ad20-2,var(--place-top-cta-color-light))}}.top-placement{--csstools-light-dark-toggle-2c33ad20-3:var(--csstools-color-scheme--light) var(--place-top-background-dark);--place-top-background:var(--csstools-light-dark-toggle-2c33ad20-3,var(--place-top-background-light));--top-placement-inner-height:3.125rem;--top-placement-inner-padding:0.125rem;border-bottom:1px solid var(--color-border-primary);padding-bottom:.125rem}@supports (color:light-dark(red,red)){.top-placement{--place-top-background:light-dark(var(--place-top-background-light),var(--place-top-background-dark))}}@supports not (color:light-dark(tan,tan)){.top-placement *{--csstools-light-dark-toggle-2c33ad20-3:var(--csstools-color-scheme--light) var(--place-top-background-dark);--place-top-background:var(--csstools-light-dark-toggle-2c33ad20-3,var(--place-top-background-light))}}.top-placement .placement-container{align-items:center;display:grid;font-size:.75rem;grid-template-areas:\"pong cta\" \"no note\";height:100%;margin:0 auto;width:100%}@media (width > 769px){.top-placement .placement-container{grid-template-areas:\"pong cta note\" \"pong cta no\";grid-template-columns:fit-content(100%) auto fit-content(100%)}}:is(.top-placement .placement-container) .placement-inner{border:none;display:contents;width:100%}:is(:is(.top-placement .placement-container) .placement-inner) .placement-link{display:contents}:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content{align-items:center;color:var(--place-top-color);display:flex;flex-direction:row;grid-area:pong;padding:var(--top-placement-inner-padding);-webkit-text-decoration:none;text-decoration:none}:is(:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content) img{height:var(--top-placement-inner-height);max-height:var(--top-placement-inner-height);width:auto}:is(:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-content) span{color:var(--place-top-color);max-height:var(--top-placement-inner-height);overflow:auto;padding:0 1rem}:is(:is(:is(.top-placement .placement-container) .placement-inner) .placement-link) .placement-cta{background-color:var(--place-top-cta-background);border-radius:.25rem;color:var(--place-top-cta-color);font-size:var(--font-size-small);grid-area:cta;height:fit-content;margin-right:auto;padding:.25rem 1rem;text-align:center}:is(:is(.top-placement .placement-container) .placement-inner) mdn-placement-note{grid-area:note;margin:.25rem 0 auto auto}:is(.top-placement .placement-container) mdn-placement-no{color:var(--place-top-color);grid-area:no;margin:auto 0 0 2rem;width:auto}.top-placement-leaderboard{--place-top-background:#0000;--top-placement-inner-height:5.625rem;--top-placement-inner-padding:0rem;padding-bottom:0}.top-placement-leaderboard .placement-container{align-items:center;display:grid;font-size:.75rem;grid-template-areas:\"left pong note\" \"left pong no\";grid-template-columns:1fr fit-content(100%) 1fr;height:100%;margin:0 auto;width:100%}:is(.top-placement-leaderboard .placement-container) .placement-inner{border:none;display:contents;width:100%}:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link{display:contents}:is(:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link) .placement-content{align-items:center;display:flex;flex-direction:column;grid-area:pong;justify-content:center;padding:0}:is(:is(:is(:is(.top-placement-leaderboard .placement-container) .placement-inner) .placement-link) .placement-content) img{height:5.625rem;width:45.5rem}:is(.top-placement-leaderboard .placement-container) mdn-placement-note{grid-area:note;margin:.25rem 0 auto auto}@media (width <= 992px){:is(.top-placement-leaderboard .placement-container) mdn-placement-note{display:none}}:is(.top-placement-leaderboard .placement-container) mdn-placement-no{color:var(--color-text-secondary);grid-area:no;margin:auto 0 .25rem auto}@media (width <= 992px){:is(.top-placement-leaderboard .placement-container) mdn-placement-no{display:none}}.top-placement.empty{border-bottom:none}.fallback{align-items:center;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;flex-direction:column;justify-content:center}.fallback__copy{color:var(--color-text-secondary);font-size:var(--font-size-normal);line-height:var(--top-banner-height);margin:0 auto}.fallback__copy a{color:var(--color-link-normal)}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","import { LitElement, html, nothing } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nimport \"../placement-note/element.js\";\nimport \"../placement-no/element.js\";\n\nimport { PlacementMixin } from \"../placement/mixin.js\";\n\nimport styles from \"./element.css?lit\";\n\n/**\n * @import * as Placements from \"../placement/types.js\";\n * @import { TemplateResult } from \"lit\";\n */\n\nexport class MDNPlacementTop extends PlacementMixin(LitElement) {\n  static styles = styles;\n\n  /**\n   *\n   * @returns {TemplateResult | symbol}\n   */\n  renderInitial() {\n    return html`<div class=\"top-placement empty\"></div>`;\n  }\n\n  renderFallback() {\n    return html`\n      <div class=\"fallback\">\n        <p class=\"fallback__copy\">\n          Learn frontend, backend, and AI from our course partner\n          <a\n            href=\"https://scrimba.com/learn/frontend?via=mdn\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            data-glean-id=\"banner_scrimba_click\"\n          >\n            Scrimba\n          </a>\n        </p>\n      </div>\n    `;\n  }\n\n  /**\n   *\n   * @param {Placements.PlacementContextData} placementContext\n   * @returns\n   */\n  renderComplete(placementContext) {\n    if (placementContext.status === \"noads\") {\n      return nothing;\n    }\n\n    const data = placementContext?.hpTop || placementContext?.top;\n    if (!data) {\n      return this.renderFallback();\n    }\n    const {\n      status,\n      click,\n      view,\n      copy,\n      image,\n      imageFormat,\n      alt,\n      cta,\n      colors,\n      version,\n    } = data;\n    if (status !== \"success\") {\n      return this.renderFallback();\n    }\n    if (!this._viewedUrl) {\n      this._viewedUrl = view;\n      this._version = version;\n    }\n    const {\n      textColor,\n      backgroundColor,\n      ctaTextColor,\n      ctaBackgroundColor,\n      textColorDark,\n      backgroundColorDark,\n      ctaTextColorDark,\n      ctaBackgroundColorDark,\n    } = colors || {};\n    const styles = Object.fromEntries(\n      [\n        [\"--place-top-background-light\", backgroundColor],\n        [\"--place-top-color-light\", textColor],\n        [\"--place-top-cta-background-light\", ctaBackgroundColor],\n        [\"--place-top-cta-color-light\", ctaTextColor],\n        [\"--place-top-background-dark\", backgroundColorDark || backgroundColor],\n        [\"--place-top-color-dark\", textColorDark || textColor],\n        [\n          \"--place-top-cta-background-dark\",\n          ctaBackgroundColorDark || ctaBackgroundColor,\n        ],\n        [\"--place-top-cta-color-dark\", ctaTextColorDark || ctaBackgroundColor],\n      ].filter(([_, v]) => Boolean(v)),\n    );\n    const type = \"top-banner\";\n\n    return imageFormat === \"leaderboard\"\n      ? html`<div\n          ${ref(this._placementRef)}\n          class=\"top-placement-leaderboard\"\n          style=${styleMap(styles)}\n          data-type=${type}\n        >\n          <section class=\"placement-container\">\n            <div class=\"placement-inner\">\n              <a\n                class=\"placement-link\"\n                data-glean-id=${`pong: pong->click ${type}`}\n                href=${this.clickLink(click, version)}\n                target=\"_blank\"\n                rel=\"sponsored\"\n                ><div class=\"placement-content\">\n                  <img\n                    src=${this.imgLink(image)}\n                    aria-hidden=${!alt}\n                    alt=${alt || \"\"}\n                    height=\"90\"\n                  />\n                </div>\n              </a>\n            </div>\n            <mdn-placement-note></mdn-placement-note>\n            <mdn-placement-no></mdn-placement-no>\n          </section>\n        </div>`\n      : html`<div\n          ${ref(this._placementRef)}\n          class=\"top-placement\"\n          style=${styleMap(styles)}\n          data-type=${type}\n        >\n          <section class=\"placement-container\">\n            <div class=\"placement-inner\">\n              <a\n                class=\"placement-link\"\n                data-glean-id=${`pong: pong->click ${type}`}\n                href=${this.clickLink(click, version)}\n                target=\"_blank\"\n                rel=\"sponsored\"\n                ><div class=\"placement-content\">\n                  <img\n                    src=${this.imgLink(image)}\n                    aria-hidden=${!alt}\n                    alt=${alt || \"\"}\n                    height=\"50\"\n                  /><span>${copy}</span>\n                </div>\n                <span class=\"placement-cta\">${cta}</span></a\n              >\n              <mdn-placement-note></mdn-placement-note>\n            </div>\n            <mdn-placement-no></mdn-placement-no>\n          </section>\n        </div>`;\n  }\n}\n\ncustomElements.define(\"mdn-placement-top\", MDNPlacementTop);\n"],"names":["MDNPlacementTop","i","Object","customElements"],"mappings":"yLAII,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,qzNAAszN,GAAG,EAEl2N,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C,kJCQhD,IAAMA,gBAAN,MAAMA,uBAAwB,QAAe,IAAU,EAC5D,OAAO,OAAS,GAAM,AAAC,AAMvB,gBAAgB,CACd,MAAO,QAAI,CAAC,uCAAuC,CAAC,AACtD,CAEA,gBAAiB,CACf,MAAO,QAAI,CAAC;;;;;;;;;;;;;;IAcZ,CAAC,AACH,CAOA,eAAe,CAAgB,CAAE,CAC/B,GAAI,AAA4B,UAA5B,EAAiB,MAAM,CACzB,OAAO,IAAO,CAGhB,IAAM,EAAO,GAAkB,OAAS,GAAkB,IAC1D,GAAI,CAAC,EACH,OAAO,IAAI,CAAC,cAAc,GAE5B,GAAM,CACJ,QAAM,CACN,OAAK,CACL,MAAI,CACJ,MAAI,CACJC,MAAAA,CAAK,CACL,aAAW,CACX,KAAG,CACH,KAAG,CACH,QAAM,CACN,SAAO,CACR,CAAG,EACJ,GAAI,AAAW,YAAX,EACF,OAAO,IAAI,CAAC,cAAc,EAEvB,KAAI,CAAC,UAAU,GAClB,IAAI,CAAC,UAAU,CAAG,EAClB,IAAI,CAAC,QAAQ,CAAG,GAElB,GAAM,CACJ,WAAS,CACT,iBAAe,CACf,cAAY,CACZ,oBAAkB,CAClB,eAAa,CACb,qBAAmB,CACnB,kBAAgB,CAChB,wBAAsB,CACvB,CAAG,GAAU,CAAC,EACT,EAASC,OAAO,WAAW,CAC/B,CACE,CAAC,+BAAgC,EAAgB,CACjD,CAAC,0BAA2B,EAAU,CACtC,CAAC,mCAAoC,EAAmB,CACxD,CAAC,8BAA+B,EAAa,CAC7C,CAAC,8BAA+B,GAAuB,EAAgB,CACvE,CAAC,yBAA0B,GAAiB,EAAU,CACtD,CACE,kCACA,GAA0B,EAC3B,CACD,CAAC,6BAA8B,GAAoB,EAAmB,CACvE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAG,EAAE,GAAK,EAAQ,IAEzB,EAAO,aAEb,MAAO,AAAgB,gBAAhB,EACH,QAAI,CAAC;UACH,EAAE,QAAI,IAAI,CAAC,aAAa,EAAE;;gBAEpB,EAAE,QAAS,GAAQ;oBACf,EAAE,EAAK;;;;;;8BAMG,EAAE,CAAC,kBAAkB,EAAE,EAAK,CAAC,CAAC;qBACvC,EAAE,IAAI,CAAC,SAAS,CAAC,EAAO,GAAS;;;;;wBAK9B,EAAE,IAAI,CAAC,OAAO,CAACD,GAAO;gCACd,EAAE,CAAC,EAAI;wBACf,EAAE,GAAO,GAAG;;;;;;;;;cAStB,CAAC,CACP,QAAI,CAAC;UACH,EAAE,QAAI,IAAI,CAAC,aAAa,EAAE;;gBAEpB,EAAE,QAAS,GAAQ;oBACf,EAAE,EAAK;;;;;;8BAMG,EAAE,CAAC,kBAAkB,EAAE,EAAK,CAAC,CAAC;qBACvC,EAAE,IAAI,CAAC,SAAS,CAAC,EAAO,GAAS;;;;;wBAK9B,EAAE,IAAI,CAAC,OAAO,CAACA,GAAO;gCACd,EAAE,CAAC,EAAI;wBACf,EAAE,GAAO,GAAG;;0BAEV,EAAE,EAAK;;4CAEW,EAAE,EAAI;;;;;;cAMpC,CAAC,AACb,CACF,EAEAE,eAAe,MAAM,CAAC,oBAAqBH,gB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"9324.61778c81f15bcebc.js","sources":["webpack://@mdn/fred/./components/sidebar-filter/element.css","webpack://@mdn/fred/./components/global/global.css?1b68","webpack://@mdn/fred/./components/visually-hidden/global.css?228a","webpack://@mdn/fred/./components/sidebar-filter/sidebar-filterer.js","webpack://@mdn/fred/./components/sidebar-filter/element.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../visually-hidden/global.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_1___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../global/global.css\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/filter.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{align-items:center;display:grid;grid-template-areas:\"icon input button\";grid-template-columns:2.2rem 1fr min-content}.icon{background-color:var(--color-text-secondary);content:\"\";grid-area:icon;height:1.25rem;justify-self:center;margin-left:.4rem;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.input{background-color:initial;border:1px solid var(--color-border-primary);border-radius:var(--radius-full);grid-area:1/1/-1/-1;margin:0;padding:.3rem 4.2rem .3rem 2.2rem;width:100%}.input::placeholder{color:var(--color-text-secondary)}.input:focus{border-color:#0000}.counter{background-color:var(--color-background-yellow);border-radius:var(--radius-normal);font-size:var(--font-size-small);grid-area:input;justify-self:end;line-height:var(--font-line-ui);padding:.25rem;white-space:nowrap}.button{grid-area:button}.button::part(button){border-radius:50%}.button::part(button):hover{background-color:initial}:placeholder-shown~.button{visibility:hidden}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","/**\n * Splits a search query into an array of lowercase terms.\n * @param {string} query The input search query.\n * @returns {string[]} The resulting array of query terms.\n */\nfunction splitQuery(query) {\n  return query.toLowerCase().split(/\\s+/).filter(Boolean);\n}\n\n/**\n * @typedef {object} Item\n * @property {string} haystack - The lowercased text for matching.\n * @property {HTMLAnchorElement} link - The anchor element.\n * @property {HTMLElement} container - The container (closest 'li' element).\n * @property {HTMLElement|undefined} heading - The heading element (if any).\n * @property {HTMLDetailsElement[]} parents - The parent details elements.\n */\n\n/**\n * A class to filter sidebar items based on search queries.\n */\nexport class SidebarFilterer {\n  /**\n   * @param {HTMLElement} root The root element to search within.\n   */\n  constructor(root) {\n    /**\n     * @type {HTMLElement[]}\n     */\n    this.allHeadings = [...root.querySelectorAll(\"li strong\")].filter(\n      (el) => el instanceof HTMLElement,\n    );\n\n    /**\n     * @type {HTMLDetailsElement[]}\n     */\n    this.allParents = [...root.querySelectorAll(\"details\")];\n\n    const links = [...root.querySelectorAll(\"a[href]\")].filter(\n      (a) => a instanceof HTMLAnchorElement,\n    );\n\n    /**\n     * @type {Item[]}\n     */\n    this.items = links.map((link) => ({\n      haystack: (link.textContent || \"\").toLowerCase(),\n      link,\n      container: this.getContainerOf(link),\n      heading: this.getHeadingOf(link),\n      parents: this.getParentsOf(link),\n    }));\n\n    /**\n     * @type {HTMLElement|null}\n     */\n    this.toc = root.querySelector(\".reference-toc\") || null;\n  }\n\n  /**\n   * Applies a filter to the sidebar items.\n   * @param {string} query The filter query.\n   * @returns {number|undefined} The number of matching items if a query is provided; otherwise undefined.\n   */\n  applyFilter(query) {\n    if (query) {\n      this.toggleTOC(false);\n      return this.showOnlyMatchingItems(query);\n    } else {\n      this.toggleTOC(true);\n      this.showAllItems();\n      return;\n    }\n  }\n\n  /**\n   * Toggles the TOC (table of contents) element's visibility.\n   * @private\n   * @param {boolean} show Whether to show the TOC.\n   */\n  toggleTOC(show) {\n    if (this.toc) {\n      this.toggleElement(this.toc, show);\n    }\n  }\n\n  /**\n   * Toggles the display style of an element.\n   * @private\n   * @param {HTMLElement} el The element to toggle.\n   * @param {boolean} show Whether to show (true) or hide (false) the element.\n   */\n  toggleElement(el, show) {\n    el.style.display = show ? \"\" : \"none\";\n  }\n\n  /**\n   * Resets and shows all sidebar items.\n   */\n  showAllItems() {\n    for (const { link } of this.items) this.resetLink(link);\n    for (const heading of this.allHeadings) this.resetHeading(heading);\n    for (const parent of this.allParents) this.resetParent(parent);\n  }\n\n  /**\n   * Resets a link by removing any highlighting and ensuring its container is visible.\n   * @private\n   * @param {HTMLAnchorElement} link The link to reset.\n   */\n  resetLink(link) {\n    this.resetHighlighting(link);\n    const container = this.getContainerOf(link);\n    this.toggleElement(container, true);\n  }\n\n  /**\n   * Returns the container element (the closest \"li\") for the provided element.\n   * @private\n   * @param {HTMLElement} el The element to find the container for.\n   * @returns {HTMLElement} The container element.\n   */\n  getContainerOf(el) {\n    return el.closest(\"li\") || el;\n  }\n\n  /**\n   * Resets a heading by ensuring its container is visible.\n   * @private\n   * @param {HTMLElement} heading The heading element to reset.\n   */\n  resetHeading(heading) {\n    const container = this.getContainerOf(heading);\n    this.toggleElement(container, true);\n  }\n\n  /**\n   * Resets a parent details element by showing its container and restoring its open state.\n   * @private\n   * @param {HTMLDetailsElement} parent The details element to reset.\n   */\n  resetParent(parent) {\n    const container = this.getContainerOf(parent);\n    this.toggleElement(container, true);\n    if (parent.dataset.wasOpen) {\n      parent.open = JSON.parse(parent.dataset.wasOpen);\n      delete parent.dataset.wasOpen;\n    }\n  }\n\n  /**\n   * Removes highlighting from the given link element.\n   * @private\n   * @param {HTMLAnchorElement} link The link element to reset.\n   */\n  resetHighlighting(link) {\n    const nodes = [\n      ...link.querySelectorAll(\"span.sidebar-filter-mark-container, mark\"),\n    ];\n    const parents = new Set();\n    for (const node of nodes) {\n      const parent = node.parentElement;\n      node.replaceWith(document.createTextNode(node.textContent || \"\"));\n      if (parent) {\n        parents.add(parent);\n      }\n    }\n    for (const parent of parents) parent.normalize();\n  }\n\n  /**\n   * Shows only the items that match the provided query.\n   * @param {string} query The search query.\n   * @returns {number} The count of matching items.\n   */\n  showOnlyMatchingItems(query) {\n    for (const heading of this.allHeadings) this.hideHeading(heading);\n    for (const parent of this.allParents) this.collapseParent(parent);\n\n    // Split the query into search terms.\n    const terms = splitQuery(query);\n    let matchCount = 0;\n\n    // Evaluate each item.\n    for (const { haystack, link, container, heading, parents } of this.items) {\n      this.resetHighlighting(link);\n      const isMatch = terms.every((needle) => haystack.includes(needle));\n\n      this.toggleElement(container, isMatch);\n\n      if (isMatch) {\n        matchCount++;\n        this.highlightMatches(link, terms);\n        if (heading) {\n          this.showHeading(heading);\n        }\n        for (const parent of parents) {\n          this.expandParent(parent);\n        }\n      }\n    }\n\n    return matchCount;\n  }\n\n  /**\n   * Hides a heading element by toggling its container.\n   * @private\n   * @param {HTMLElement} heading The heading element to hide.\n   */\n  hideHeading(heading) {\n    const container = this.getContainerOf(heading);\n    this.toggleElement(container, false);\n  }\n\n  /**\n   * Collapses a parent details element and hides its container.\n   * @private\n   * @param {HTMLDetailsElement} parent The details element to collapse.\n   */\n  collapseParent(parent) {\n    const container = this.getContainerOf(parent);\n    this.toggleElement(container, false);\n    parent.dataset.wasOpen = parent.dataset.wasOpen || String(parent.open);\n    parent.open = false;\n  }\n\n  /**\n   * Highlights matching terms within an element by wrapping them with a <mark> element.\n   * @private\n   * @param {HTMLElement} el The element to highlight.\n   * @param {string[]} terms The search terms.\n   */\n  highlightMatches(el, terms) {\n    const nodes = this.getTextNodesOf(el);\n\n    for (const node of nodes) {\n      const haystack = node.textContent?.toLowerCase();\n      if (!haystack) {\n        continue;\n      }\n\n      const ranges = new Map();\n      for (const needle of terms) {\n        const index = haystack.indexOf(needle);\n        if (index !== -1) {\n          ranges.set(index, index + needle.length);\n        }\n      }\n      const sortedRanges = [...ranges.entries()].sort(\n        ([x1, y1], [x2, y2]) => x1 - x2 || y1 - y2,\n      );\n\n      const span = this.replaceChildNode(node, \"span\");\n      span.className = \"sidebar-filter-mark-container\";\n\n      /** @type {Text|undefined} */\n      const initialRest = [...span.childNodes].find(\n        (node) => node instanceof Text,\n      );\n\n      if (!initialRest) {\n        continue;\n      }\n\n      /** @type {Text} */\n      let rest = initialRest;\n      let cursor = 0;\n\n      for (const [rangeBegin, rangeEnd] of sortedRanges) {\n        if (rangeBegin < cursor) {\n          // Ignore overlapping or conflicting ranges.\n          continue;\n        }\n\n        // Split the text node to isolate the matching segment.\n        const match = rest.splitText(rangeBegin - cursor);\n        const newRest = match.splitText(rangeEnd - rangeBegin);\n\n        // Replace the matching text node with a <mark> element.\n        this.replaceChildNode(match, \"mark\");\n\n        rest = newRest;\n        cursor = rangeEnd;\n      }\n    }\n  }\n\n  /**\n   * Recursively collects all text nodes under a given node.\n   * @private\n   * @param {Node} node The node to search within.\n   * @returns {Array<Node & Text>} An array of text nodes.\n   */\n  getTextNodesOf(node) {\n    const parents = [node];\n    /** @type {Array<Node & Text>} */\n    const nodes = [];\n\n    for (const parent of parents) {\n      for (const childNode of parent.childNodes) {\n        if (childNode.nodeType === Node.TEXT_NODE) {\n          // @ts-expect-error TypeScript doesn't understand that Node.TEXT_NODE implies Node & Text.\n          nodes.push(childNode);\n        } else if (childNode.hasChildNodes && childNode.hasChildNodes()) {\n          parents.push(childNode);\n        }\n      }\n    }\n    return nodes;\n  }\n\n  /**\n   * Replaces a child node with a new element of the specified tag.\n   * @private\n   * @param {ChildNode} node The node to be replaced.\n   * @param {string} tagName The tag name for the new element.\n   * @returns {HTMLElement} The newly created element.\n   */\n  replaceChildNode(node, tagName) {\n    const text = node.textContent;\n    const newNode = document.createElement(tagName);\n    newNode.textContent = text || \"\";\n    node.replaceWith(newNode);\n    return newNode;\n  }\n\n  /**\n   * Ensures that the container for the given heading is visible.\n   * @private\n   * @param {HTMLElement} heading The heading element to show.\n   */\n  showHeading(heading) {\n    const container = heading && this.getContainerOf(heading);\n    if (container) {\n      this.toggleElement(container, true);\n    }\n  }\n\n  /**\n   * Retrieves the first heading element (from allHeadings) that appears before the specified element.\n   * @private\n   * @param {HTMLElement} el The reference element.\n   * @returns {HTMLElement|undefined} The matching heading or undefined.\n   */\n  getHeadingOf(el) {\n    return this.findFirstElementBefore(el, this.allHeadings);\n  }\n\n  /**\n   * Finds the first element among candidates that occurs before the specified element in the document.\n   * @private\n   * @param {HTMLElement} el The reference element.\n   * @param {HTMLElement[]} candidates An array of candidate elements.\n   * @returns {HTMLElement|undefined} The found element or undefined if none found.\n   */\n  findFirstElementBefore(el, candidates) {\n    return [...candidates]\n      .reverse()\n      .find(\n        (candidate) =>\n          candidate.compareDocumentPosition(el) &\n          Node.DOCUMENT_POSITION_FOLLOWING,\n      );\n  }\n\n  /**\n   * Expands a parent details element and ensures its container is visible.\n   * @private\n   * @param {HTMLDetailsElement} parent The details element to expand.\n   */\n  expandParent(parent) {\n    const container = this.getContainerOf(parent);\n    this.toggleElement(container, true);\n    parent.open = true;\n  }\n\n  /**\n   * Retrieves all parent <details> elements for the given element.\n   * @private\n   * @param {HTMLElement} el The element for which to find parent details.\n   * @returns {HTMLDetailsElement[]} An array of parent <details> elements.\n   */\n  getParentsOf(el) {\n    const parents = [];\n    let parent = el.parentElement ? el.parentElement.closest(\"details\") : null;\n\n    while (parent) {\n      parents.push(parent);\n      parent = parent.parentElement\n        ? parent.parentElement.closest(\"details\")\n        : null;\n    }\n\n    return parents;\n  }\n}\n","/**\n * @file Sidebar filter Lit element.\n */\n\nimport { LitElement, html } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport cancelIcon from \"../icon/cancel.svg?lit\";\n\nimport styles from \"./element.css?lit\";\nimport { SidebarFilterer } from \"./sidebar-filterer.js\";\n\nclass MDNSidebarFilter extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  static properties = {\n    query: { type: String },\n    matchCount: { state: true, type: Number },\n  };\n\n  /**\n   * Creates an instance of SidebarFilterElement.\n   */\n  constructor() {\n    super();\n    /** @type {string} */\n    this.query = \"\";\n    /** @type {number|undefined} */\n    this.matchCount = undefined;\n    /** @type {boolean} */\n    this.hasTyped = false;\n    /**\n     * @type {SidebarFilterer|null}\n     */\n    this._filterer = null;\n    /**\n     * @type {HTMLElement|null}\n     */\n    this._quicklinks = null;\n    /**\n     * @type {HTMLElement|null}\n     */\n    this._sidebarInnerNav = null;\n  }\n\n  firstUpdated() {\n    this._quicklinks = document.querySelector(\".left-sidebar\");\n    if (this._quicklinks) {\n      this._sidebarInnerNav =\n        /** @type {HTMLElement|null} */ (\n          this._quicklinks.querySelector(\".left-sidebar__content\")\n        ) || null;\n    }\n  }\n\n  /**\n   * Saves the current scroll position from the specified elements and resets them.\n   * @private\n   */\n  _saveScrollPosition() {\n    const refs = [this._quicklinks, this._sidebarInnerNav];\n    for (const el of refs) {\n      if (el && el.dataset.lastScrollTop === undefined && el.scrollTop > 0) {\n        el.dataset.lastScrollTop = String(el.scrollTop);\n        el.scrollTop = 0;\n      }\n    }\n  }\n\n  /**\n   * Restores the scroll position of the previously saved elements.\n   * @private\n   */\n  _restoreScrollPosition() {\n    const refs = [this._quicklinks, this._sidebarInnerNav];\n    for (const el of refs) {\n      if (el && typeof el.dataset.lastScrollTop === \"string\") {\n        el.scrollTop = Number(el.dataset.lastScrollTop);\n        delete el.dataset.lastScrollTop;\n      }\n    }\n  }\n\n  /**\n   * Lit lifecycle method called after properties are updated.\n   * Triggers telemetry events and applies filtering logic when properties change.\n   * @param {Map<string, any>} changedProperties\n   */\n  updated(changedProperties) {\n    if (changedProperties.has(\"query\")) {\n      // Mark that the user has typed if the query is non-empty.\n      if (this.query && this.query.trim().length > 0 && !this.hasTyped) {\n        this.hasTyped = true;\n      }\n\n      if (this._quicklinks) {\n        // Initialize the filterer if it has not yet been created.\n        if (!this._filterer) {\n          const root = this._quicklinks.querySelector(\".left-sidebar__content\");\n          if (root instanceof HTMLElement) {\n            this._filterer = new SidebarFilterer(root);\n          }\n        }\n        const trimmedQuery = this.query.trim();\n        if (trimmedQuery) {\n          this._saveScrollPosition();\n        }\n        if (this._filterer) {\n          const count = this._filterer.applyFilter(trimmedQuery);\n          this.matchCount = count;\n        }\n        if (!trimmedQuery) {\n          this._restoreScrollPosition();\n        }\n      }\n    }\n  }\n\n  /**\n   * Event handler for input events on the text field.\n   * @param {Event} event The input event.\n   * @private\n   */\n  _onInput(event) {\n    const target = /** @type {HTMLInputElement} */ (event.target);\n    this.query = target.value;\n  }\n\n  /**\n   * Clears the filter input and resets the active state.\n   * @private\n   */\n  _clearFilter() {\n    this.query = \"\";\n  }\n\n  /**\n   * Renders the component template.\n   * @returns {import(\"@lit\").TemplateResult}\n   */\n  render() {\n    return html`\n      <label class=\"icon\" for=\"input\">\n        <span class=\"visually-hidden\"\n          >${this.l10n(\"sidebar-filter-filter-sidebar\")`Filter sidebar`}</span\n        >\n      </label>\n      <input\n        id=\"input\"\n        autocomplete=\"off\"\n        class=\"input\"\n        type=\"text\"\n        placeholder=${this.l10n(\"sidebar-filter-filter\")`Filter`}\n        .value=${this.query}\n        @input=${this._onInput}\n      />\n      ${this.matchCount === undefined\n        ? \"\"\n        : html` <span class=\"counter\"> ${this.matchCount} </span> `}\n      <mdn-button\n        class=\"button\"\n        variant=\"plain\"\n        label=${this.l10n(\n          \"sidebar-filter-clear-filter-input\",\n        )`Clear filter input`}\n        .icon=${cancelIcon}\n        icon-only\n        @click=${this._clearFilter}\n      ></mdn-button>\n    `;\n  }\n}\n\ncustomElements.define(\"mdn-sidebar-filter\", MDNSidebarFilter);\n"],"names":["SidebarFilterer","e","HTMLElement","HTMLAnchorElement","JSON","Set","document","t","Boolean","String","r","Map","Text","Node","MDNSidebarFilter","s","Number","customElements"],"mappings":"2OAOI,EAAgC,kBAChC,EAA0B,IAA4B,KAC1D,EAAwB,CAAC,CAAC,GAAiC,EAC3D,EAAwB,CAAC,CAAC,GAAiC,EAC3D,IAAI,EAAqC,IAAgC,GAEzE,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,CAAC,oRAAoR,EAAE,EAAmC,iBAAiB,EAAE,EAAmC,ysBAAysB,CAAC,CAAE,GAAG,EAExmC,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C,mECZnD,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,wNAAyN,GAAG,EAErQ,MAAe,EAAwB,QAAQ,E,mECJ3C,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,4OAA6O,GAAG,EAEzR,MAAe,EAAwB,QAAQ,E,yHCcxC,IAAMA,gBAAN,MAAMA,gBAIX,YAAY,CAAI,CAAE,CAIhB,IAAI,CAAC,WAAW,CAAG,IAAI,EAAK,gBAAgB,CAAC,aAAa,CAAC,MAAM,CAC/D,AAACC,GAAOA,aAAcC,aAMxB,IAAI,CAAC,UAAU,CAAG,IAAI,EAAK,gBAAgB,CAAC,WAAW,CAEvD,IAAM,EAAQ,IAAI,EAAK,gBAAgB,CAAC,WAAW,CAAC,MAAM,CACxD,AAAC,GAAM,aAAaC,kBAMtB,KAAI,CAAC,KAAK,CAAG,EAAM,GAAG,CAAC,AAAC,GAAU,EAChC,SAAU,AAAC,GAAK,WAAW,EAAI,EAAC,EAAG,WAAW,GAC9C,OACA,UAAW,IAAI,CAAC,cAAc,CAAC,GAC/B,QAAS,IAAI,CAAC,YAAY,CAAC,GAC3B,QAAS,IAAI,CAAC,YAAY,CAAC,EAC7B,IAKA,IAAI,CAAC,GAAG,CAAG,EAAK,aAAa,CAAC,mBAAqB,IACrD,CAOA,YAAY,CAAK,CAAE,CACjB,GAAI,EAEF,OADA,IAAI,CAAC,SAAS,CAAC,IACR,IAAI,CAAC,qBAAqB,CAAC,GAElC,IAAI,CAAC,SAAS,CAAC,IACf,IAAI,CAAC,YAAY,EAGrB,CAOA,UAAU,CAAI,CAAE,CACV,IAAI,CAAC,GAAG,EACV,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAE,EAEjC,CAQA,cAAcF,CAAE,CAAE,CAAI,CAAE,CACtBA,EAAG,KAAK,CAAC,OAAO,CAAG,EAAO,GAAK,MACjC,CAKA,cAAe,CACb,IAAK,GAAM,CAAE,MAAI,CAAE,GAAI,IAAI,CAAC,KAAK,CAAE,IAAI,CAAC,SAAS,CAAC,GAClD,IAAK,IAAM,KAAW,IAAI,CAAC,WAAW,CAAE,IAAI,CAAC,YAAY,CAAC,GAC1D,IAAK,IAAM,KAAU,IAAI,CAAC,UAAU,CAAE,IAAI,CAAC,WAAW,CAAC,EACzD,CAOA,UAAU,CAAI,CAAE,CACd,IAAI,CAAC,iBAAiB,CAAC,GACvB,IAAM,EAAY,IAAI,CAAC,cAAc,CAAC,GACtC,IAAI,CAAC,aAAa,CAAC,EAAW,GAChC,CAQA,eAAeA,CAAE,CAAE,CACjB,OAAOA,EAAG,OAAO,CAAC,OAASA,CAC7B,CAOA,aAAa,CAAO,CAAE,CACpB,IAAM,EAAY,IAAI,CAAC,cAAc,CAAC,GACtC,IAAI,CAAC,aAAa,CAAC,EAAW,GAChC,CAOA,YAAY,CAAM,CAAE,CAClB,IAAM,EAAY,IAAI,CAAC,cAAc,CAAC,GACtC,IAAI,CAAC,aAAa,CAAC,EAAW,IAC1B,EAAO,OAAO,CAAC,OAAO,GACxB,EAAO,IAAI,CAAGG,KAAK,KAAK,CAAC,EAAO,OAAO,CAAC,OAAO,EAC/C,OAAO,EAAO,OAAO,CAAC,OAAO,CAEjC,CAOA,kBAAkB,CAAI,CAAE,CACtB,IAAM,EAAQ,IACT,EAAK,gBAAgB,CAAC,4CAC1B,CACK,EAAU,IAAIC,IACpB,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAS,EAAK,aAAa,CACjC,EAAK,WAAW,CAACC,SAAS,cAAc,CAAC,EAAK,WAAW,EAAI,KACzD,GACF,EAAQ,GAAG,CAAC,EAEhB,CACA,IAAK,IAAM,KAAU,EAAS,EAAO,SAAS,EAChD,CAOA,sBAAsB,CAAK,CAAE,CAC3B,IAAK,IAAM,KAAW,IAAI,CAAC,WAAW,CAAE,IAAI,CAAC,WAAW,CAAC,GACzD,IAAK,IAAM,KAAU,IAAI,CAAC,UAAU,CAAE,IAAI,CAAC,cAAc,CAAC,GAG1D,IAAMC,EA9KD,AA8KoB,EA9Kd,WAAW,GAAG,KAAK,CAAC,OAAO,MAAM,CAACC,SA+KzC,EAAa,EAGjB,IAAK,GAAM,CAAE,UAAQ,CAAE,MAAI,CAAE,WAAS,CAAE,SAAO,CAAE,SAAO,CAAE,GAAI,IAAI,CAAC,KAAK,CAAE,CACxE,IAAI,CAAC,iBAAiB,CAAC,GACvB,IAAM,EAAUD,EAAM,KAAK,CAAC,AAAC,GAAW,EAAS,QAAQ,CAAC,IAI1D,GAFA,IAAI,CAAC,aAAa,CAAC,EAAW,GAE1B,EAMF,IAAK,IAAM,KALX,IACA,IAAI,CAAC,gBAAgB,CAAC,EAAMA,GACxB,GACF,IAAI,CAAC,WAAW,CAAC,GAEE,GACnB,IAAI,CAAC,YAAY,CAAC,EAGxB,CAEA,OAAO,CACT,CAOA,YAAY,CAAO,CAAE,CACnB,IAAM,EAAY,IAAI,CAAC,cAAc,CAAC,GACtC,IAAI,CAAC,aAAa,CAAC,EAAW,GAChC,CAOA,eAAe,CAAM,CAAE,CACrB,IAAM,EAAY,IAAI,CAAC,cAAc,CAAC,GACtC,IAAI,CAAC,aAAa,CAAC,EAAW,IAC9B,EAAO,OAAO,CAAC,OAAO,CAAG,EAAO,OAAO,CAAC,OAAO,EAAIE,OAAO,EAAO,IAAI,EACrE,EAAO,IAAI,CAAG,EAChB,CAQA,iBAAiBR,CAAE,CAAEM,CAAK,CAAE,CAG1B,IAAK,IAAM,KAFG,IAAI,CAAC,cAAc,CAACN,GAER,CACxB,IAAM,EAAW,EAAK,WAAW,EAAE,cACnC,GAAI,CAAC,EACH,SAGF,IAAMS,EAAS,IAAIC,IACnB,IAAK,IAAM,KAAUJ,EAAO,CAC1B,IAAM,EAAQ,EAAS,OAAO,CAAC,EAC3B,AAAU,MAAV,GACFG,EAAO,GAAG,CAAC,EAAO,EAAQ,EAAO,MAAM,CAE3C,CACA,IAAM,EAAe,IAAIA,EAAO,OAAO,GAAG,CAAC,IAAI,CAC7C,CAAC,CAAC,EAAI,EAAG,CAAE,CAAC,EAAI,EAAG,GAAK,EAAK,GAAM,EAAK,GAGpC,EAAO,IAAI,CAAC,gBAAgB,CAAC,EAAM,OACzC,GAAK,SAAS,CAAG,gCAGjB,IAAM,EAAc,IAAI,EAAK,UAAU,CAAC,CAAC,IAAI,CAC3C,AAAC,GAAS,aAAgBE,MAG5B,GAAI,CAAC,EACH,SAIF,IAAI,EAAO,EACP,EAAS,EAEb,IAAK,GAAM,CAAC,EAAY,EAAS,GAAI,EAAc,CACjD,GAAI,EAAa,EAEf,SAIF,IAAM,EAAQ,EAAK,SAAS,CAAC,EAAa,GACpC,EAAU,EAAM,SAAS,CAAC,EAAW,GAG3C,IAAI,CAAC,gBAAgB,CAAC,EAAO,QAE7B,EAAO,EACP,EAAS,CACX,CACF,CACF,CAQA,eAAe,CAAI,CAAE,CACnB,IAAM,EAAU,CAAC,EAAK,CAEhB,EAAQ,EAAE,CAEhB,IAAK,IAAM,KAAU,EACnB,IAAK,IAAM,KAAa,EAAO,UAAU,CACnC,EAAU,QAAQ,GAAKC,KAAK,SAAS,CAEvC,EAAM,IAAI,CAAC,GACF,EAAU,aAAa,EAAI,EAAU,aAAa,IAC3D,EAAQ,IAAI,CAAC,GAInB,OAAO,CACT,CASA,iBAAiB,CAAI,CAAEN,CAAO,CAAE,CAC9B,IAAM,EAAO,EAAK,WAAW,CACvB,EAAUD,SAAS,aAAa,CAACC,GAGvC,OAFA,EAAQ,WAAW,CAAG,GAAQ,GAC9B,EAAK,WAAW,CAAC,GACV,CACT,CAOA,YAAY,CAAO,CAAE,CACnB,IAAM,EAAY,GAAW,IAAI,CAAC,cAAc,CAAC,EAC7C,IACF,IAAI,CAAC,aAAa,CAAC,EAAW,GAElC,CAQA,aAAaN,CAAE,CAAE,CACf,OAAO,IAAI,CAAC,sBAAsB,CAACA,EAAI,IAAI,CAAC,WAAW,CACzD,CASA,uBAAuBA,CAAE,CAAE,CAAU,CAAE,CACrC,MAAO,IAAI,EAAW,CACnB,OAAO,GACP,IAAI,CACH,AAAC,GACC,EAAU,uBAAuB,CAACA,GAClCY,KAAK,2BAA2B,CAExC,CAOA,aAAa,CAAM,CAAE,CACnB,IAAM,EAAY,IAAI,CAAC,cAAc,CAAC,GACtC,IAAI,CAAC,aAAa,CAAC,EAAW,IAC9B,EAAO,IAAI,CAAG,EAChB,CAQA,aAAaZ,CAAE,CAAE,CACf,IAAM,EAAU,EAAE,CACd,EAASA,EAAG,aAAa,CAAGA,EAAG,aAAa,CAAC,OAAO,CAAC,WAAa,KAEtE,KAAO,GACL,EAAQ,IAAI,CAAC,GACb,EAAS,EAAO,aAAa,CACzB,EAAO,aAAa,CAAC,OAAO,CAAC,WAC7B,KAGN,OAAO,CACT,CACF,EChYA,IAAMa,iBAAN,MAAMA,wBAAyB,QAAU,IAAU,EACjD,OAAO,OAASC,EAAA,CAAM,AAAC,AAEvB,QAAO,WAAa,CAClB,MAAO,CAAE,KAAMN,MAAO,EACtB,WAAY,CAAE,MAAO,GAAM,KAAMO,MAAO,CAC1C,CAAE,AAKF,cAAc,CACZ,KAAK,GAEL,IAAI,CAAC,KAAK,CAAG,GAEb,IAAI,CAAC,UAAU,CAAG,OAElB,IAAI,CAAC,QAAQ,CAAG,GAIhB,IAAI,CAAC,SAAS,CAAG,KAIjB,IAAI,CAAC,WAAW,CAAG,KAInB,IAAI,CAAC,gBAAgB,CAAG,IAC1B,CAEA,cAAe,CACb,IAAI,CAAC,WAAW,CAAGV,SAAS,aAAa,CAAC,iBACtC,IAAI,CAAC,WAAW,EAClB,KAAI,CAAC,gBAAgB,CACa,AAC9B,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,2BAC5B,IAAG,CAEd,CAMA,qBAAsB,CAEpB,IAAK,IAAML,IADE,CAAC,IAAI,CAAC,WAAW,CAAE,IAAI,CAAC,gBAAgB,CAAC,CAEhDA,GAAMA,AAA6B,SAA7BA,EAAG,OAAO,CAAC,aAAa,EAAkBA,EAAG,SAAS,CAAG,IACjEA,EAAG,OAAO,CAAC,aAAa,CAAGQ,OAAOR,EAAG,SAAS,EAC9CA,EAAG,SAAS,CAAG,EAGrB,CAMA,wBAAyB,CAEvB,IAAK,IAAMA,IADE,CAAC,IAAI,CAAC,WAAW,CAAE,IAAI,CAAC,gBAAgB,CAAC,CAEhDA,GAAM,AAAoC,UAApC,OAAOA,EAAG,OAAO,CAAC,aAAa,GACvCA,EAAG,SAAS,CAAGe,OAAOf,EAAG,OAAO,CAAC,aAAa,EAC9C,OAAOA,EAAG,OAAO,CAAC,aAAa,CAGrC,CAOA,QAAQ,CAAiB,CAAE,CACzB,GAAI,EAAkB,GAAG,CAAC,WAEpB,IAAI,CAAC,KAAK,EAAI,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,MAAM,CAAG,GAAK,CAAC,IAAI,CAAC,QAAQ,EAC9D,KAAI,CAAC,QAAQ,CAAG,EAAG,EAGjB,IAAI,CAAC,WAAW,EAAE,CAEpB,GAAI,CAAC,IAAI,CAAC,SAAS,CAAE,CACnB,IAAM,EAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,yBACxC,cAAgBC,aAClB,KAAI,CAAC,SAAS,CAAG,IAAIF,gBAAgB,EAAI,CAE7C,CACA,IAAM,EAAe,IAAI,CAAC,KAAK,CAAC,IAAI,GAIpC,GAHI,GACF,IAAI,CAAC,mBAAmB,GAEtB,IAAI,CAAC,SAAS,CAAE,CAClB,IAAM,EAAQ,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EACzC,KAAI,CAAC,UAAU,CAAG,CACpB,CACI,AAAC,GACH,IAAI,CAAC,sBAAsB,EAE/B,CAEJ,CAOA,SAASC,CAAK,CAAE,CACd,IAAMM,EAA0CN,EAAM,MAAM,AAC5D,KAAI,CAAC,KAAK,CAAGM,EAAO,KAAK,AAC3B,CAMA,cAAe,CACb,IAAI,CAAC,KAAK,CAAG,EACf,CAMA,QAAS,CACP,MAAO,QAAI,CAAC;;;WAGL,EAAE,IAAI,CAAC,IAAI,CAAC,gCAAgC,CAAC,cAAc,CAAC,CAAC;;;;;;;;oBAQpD,EAAE,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;eAClD,EAAE,IAAI,CAAC,KAAK,CAAC;eACb,EAAE,IAAI,CAAC,QAAQ,CAAC;;MAEzB,EAAE,AAAoB,SAApB,IAAI,CAAC,UAAU,CACb,GACA,QAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;;;;cAItD,EAAE,IAAI,CAAC,IAAI,CACf,oCACD,CAAC,kBAAkB,CAAC,CAAC;cAChB,EAAE,GAAU,CAAC;;eAEZ,EAAE,IAAI,CAAC,YAAY,CAAC;;IAE/B,CAAC,AACH,CACF,EAEAU,eAAe,MAAM,CAAC,qBAAsBH,iB"}

package/out/static/client/{9326.6a60853854f7ec9b.css → 9326.431ef0e548c5f096.css}

@@ -1,2 +1,2 @@
-:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) .modules) input[type=radio]:not(:checked)~a.lets-begin,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) .modules) input[type=radio]:not(:checked)~ol.modules-list{display:none}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list{display:grid;grid-template-areas:"started core  extensions" "hr      hr    hr" "mod     mod   mod" "cta     cta   cta";grid-template-columns:auto;margin:0;padding:0}@media (426px < width){:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list{grid-template-areas:"started core  extensions spacer" "hr      hr    hr         hr" "mod     mod   mod        mod" "cta     cta   cta        cta";grid-template-columns:auto auto auto 1fr}}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list):before{border:none;border-top:1px solid var(--color-border-primary);content:"";grid-area:hr;margin:0 0 1.5rem;width:100%}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item{display:contents}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked+label{color:var(--color-text-primary)}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked+label):before{height:0;position:absolute;transform:translate3d(-.75rem,.75rem,0);width:0}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked:focus-visible+label{outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:not(:checked)+label{color:var(--color-text-secondary);opacity:.775}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{cursor:pointer;width:max-content}#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input,#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{grid-area:started}#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked+label:before{content:url(/static/client/curriculum-modules-underline.113521bd9c0e27fe.svg#1)}#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input,#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{grid-area:core}@media (426px < width){#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input,#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{margin-left:2rem}}#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked+label:before{content:url(/static/client/curriculum-modules-underline.113521bd9c0e27fe.svg#2)}#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input,#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{grid-area:extensions}@media (426px < width){#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input,#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{margin-left:2rem}}#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked+label:before{content:url(/static/client/curriculum-modules-underline.113521bd9c0e27fe.svg#3)}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>ol.modules-list{grid-area:mod;margin:0}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>a.lets-begin{grid-area:cta;margin-left:.5rem;margin-top:2rem;width:fit-content}@media (769px < width){:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>a.lets-begin{margin-left:0}}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list{display:grid;flex-wrap:wrap;gap:1rem;grid-template-columns:1fr 1fr 1fr;justify-items:center;margin:0;overflow:scroll;padding:.5rem;scroll-snap-type:inline mandatory}@media (769px < width){:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list{overflow:inherit;padding:0}}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) :focus-visible{outline-offset:-2px}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item{--spacing:1rem;--icon-size:4rem;display:block}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a{background-color:var(--curriculum-bg-color-list-item-body);border:1px solid var(--curriculum-border-color);border-radius:var(--elem-radius);box-shadow:var(--curriculum-shadow);display:flex;flex-direction:column;height:100%;justify-self:center;max-width:20rem;min-width:15rem;overflow:auto;padding:0;scroll-snap-align:center;-webkit-text-decoration:none;text-decoration:none;width:100%}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a):hover{border-color:var(--curriculum-border-color-hover);-webkit-text-decoration:none;text-decoration:none}@media (769px < width){:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a{min-width:auto}}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>header{align-items:center;background-color:var(--curriculum-bg-color-list-item-header);display:flex;flex-direction:column;font-weight:var(--font-weight-bold);height:10.5rem;height:calc(var(--spacing)*3 + var(--icon-size) + 2lh);padding:var(--spacing);row-gap:var(--spacing)}:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>header) svg.topic-icon{height:var(--icon-size);width:var(--icon-size)}:is(:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>header) svg.topic-icon) circle{fill:var(--curriculum-bg-color-list-item-icon)}:is(:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>header) svg.topic-icon) path{fill:var(--curriculum-color-list-item-icon)}:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>header)>span{color:var(--color-text-primary);margin:0 auto;text-align:center}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>section{align-items:center;display:flex;flex-direction:column;flex-grow:1;font-size:var(--font-size-normal);justify-content:space-between;padding:var(--spacing)}:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>section) p{color:var(--color-text-secondary);margin:0;text-align:center}:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>section) p:last-child{color:var(--curriculum-color-topic);font-weight:var(--font-weight-bold)}@media (426px < width){:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list{grid-template-columns:1fr 1fr}}@media (1441px < width){:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list{grid-template-columns:1fr 1fr 1fr}}
-/*# sourceMappingURL=9326.6a60853854f7ec9b.css.map*/
+:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) .modules) input[type=radio]:not(:checked)~a.lets-begin,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) .modules) input[type=radio]:not(:checked)~ol.modules-list{display:none}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list{display:grid;grid-template-areas:"started core  extensions" "hr      hr    hr" "mod     mod   mod" "cta     cta   cta";grid-template-columns:auto;margin:0;padding:0}@media (width > 426px){:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list{grid-template-areas:"started core  extensions spacer" "hr      hr    hr         hr" "mod     mod   mod        mod" "cta     cta   cta        cta";grid-template-columns:auto auto auto 1fr}}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list):before{border:none;border-top:1px solid var(--color-border-primary);content:"";grid-area:hr;margin:0 0 1.5rem;width:100%}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item{display:contents}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked+label{color:var(--color-text-primary)}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked+label):before{height:0;position:absolute;transform:translate3d(-.75rem,.75rem,0);width:0}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked:focus-visible+label{outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:not(:checked)+label{color:var(--color-text-secondary);opacity:.775}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{cursor:pointer;width:max-content}#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input,#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{grid-area:started}#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked+label:before{content:url(/static/client/curriculum-modules-underline.113521bd9c0e27fe.svg#1)}#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input,#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{grid-area:core}@media (width > 426px){#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input,#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{margin-left:2rem}}#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked+label:before{content:url(/static/client/curriculum-modules-underline.113521bd9c0e27fe.svg#2)}#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input,#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{grid-area:extensions}@media (width > 426px){#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input,#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>label{margin-left:2rem}}#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>input:checked+label:before{content:url(/static/client/curriculum-modules-underline.113521bd9c0e27fe.svg#3)}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>ol.modules-list{grid-area:mod;margin:0}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>a.lets-begin{grid-area:cta;margin-left:.5rem;margin-top:2rem;width:fit-content}@media (width > 769px){:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)>a.lets-begin{margin-left:0}}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list{display:grid;flex-wrap:wrap;gap:1rem;grid-template-columns:1fr 1fr 1fr;justify-items:center;margin:0;overflow:scroll;padding:.5rem;scroll-snap-type:inline mandatory}@media (width > 769px){:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list{overflow:inherit;padding:0}}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) :focus-visible{outline-offset:-2px}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item{--spacing:1rem;--icon-size:4rem;display:block}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a{background-color:var(--curriculum-bg-color-list-item-body);border:1px solid var(--curriculum-border-color);border-radius:var(--elem-radius);box-shadow:var(--curriculum-shadow);display:flex;flex-direction:column;height:100%;justify-self:center;max-width:20rem;min-width:15rem;overflow:auto;padding:0;scroll-snap-align:center;-webkit-text-decoration:none;text-decoration:none;width:100%}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a):hover{border-color:var(--curriculum-border-color-hover);-webkit-text-decoration:none;text-decoration:none}@media (width > 769px){:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a{min-width:auto}}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>header{align-items:center;background-color:var(--curriculum-bg-color-list-item-header);display:flex;flex-direction:column;font-weight:var(--font-weight-bold);height:10.5rem;height:calc(var(--spacing)*3 + var(--icon-size) + 2lh);padding:var(--spacing);row-gap:var(--spacing)}:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>header) svg.topic-icon{height:var(--icon-size);width:var(--icon-size)}:is(:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>header) svg.topic-icon) circle{fill:var(--curriculum-bg-color-list-item-icon)}:is(:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>header) svg.topic-icon) path{fill:var(--curriculum-color-list-item-icon)}:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>header)>span{color:var(--color-text-primary);margin:0 auto;text-align:center}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>section{align-items:center;display:flex;flex-direction:column;flex-grow:1;font-size:var(--font-size-normal);justify-content:space-between;padding:var(--spacing)}:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>section) p{color:var(--color-text-secondary);margin:0;text-align:center}:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)>a)>section) p:last-child{color:var(--curriculum-color-topic);font-weight:var(--font-weight-bold)}@media (width > 426px){:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list{grid-template-columns:1fr 1fr}}@media (width > 1441px){:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list{grid-template-columns:1fr 1fr 1fr}}
+/*# sourceMappingURL=9326.431ef0e548c5f096.css.map*/

package/out/static/client/{9326.6a60853854f7ec9b.css.map → 9326.431ef0e548c5f096.css.map}

@@ -1 +1 @@
-{"version":3,"file":"9326.6a60853854f7ec9b.css","sources":["webpack://@mdn/fred/./components/curriculum/module-list.css"],"sourcesContent":["\n      :is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) .modules) input[type=\"radio\"]:not(:checked) ~ a.lets-begin,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) .modules) input[type=\"radio\"]:not(:checked) ~ ol.modules-list {\n        display: none;\n      }:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list {\n      display: grid;\n\n      grid-template-areas:\n        \"started core  extensions\"\n        \"hr      hr    hr\"\n        \"mod     mod   mod\"\n        \"cta     cta   cta\";\n      grid-template-columns: auto;\n\n      padding: 0;\n      margin: 0;\n    }@media (426px < width) {:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list {\n        grid-template-areas:\n          \"started core  extensions spacer\"\n          \"hr      hr    hr         hr\"\n          \"mod     mod   mod        mod\"\n          \"cta     cta   cta        cta\";\n        grid-template-columns: auto auto auto 1fr;\n    }\n      }:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list)::before {\n        grid-area: hr;\n\n        width: 100%;\n\n        margin: 0 0 1.5rem;\n\n        content: \"\";\n\n        border: none;\n        border-top: 1px solid var(--color-border-primary);\n      }:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item {\n        display: contents;\n      }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:checked + label {\n          color: var(--color-text-primary);\n        }:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item) > input:checked + label)::before {\n            position: absolute;\n\n            width: 0;\n            height: 0;\n\n            transform: translate3d(-0.75rem, 0.75rem, 0);\n          }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:checked:focus-visible + label {\n          outline-style: auto;\n          outline-color: var(--accent-primary);\n          outline-offset: 1px;\n        }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:not(:checked) + label {\n          color: var(--color-text-secondary);\n          opacity: 0.775;\n        }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label {\n          width: max-content;\n          cursor: pointer;\n        }#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label,#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input {\n            grid-area: started;\n          }#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:checked + label::before {\n            content: url(\"./assets/curriculum-modules-underline.svg#1\");\n          }#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label,#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input {\n            grid-area: core;\n          }@media (426px < width) {#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label,#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input {\n              margin-left: 2rem;\n          }\n            }#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:checked + label::before {\n            content: url(\"./assets/curriculum-modules-underline.svg#2\");\n          }#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label,#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input {\n            grid-area: extensions;\n          }@media (426px < width) {#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label,#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input {\n              margin-left: 2rem;\n          }\n            }#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:checked + label::before {\n            content: url(\"./assets/curriculum-modules-underline.svg#3\");\n          }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > ol.modules-list {\n          grid-area: mod;\n          margin: 0;\n        }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > a.lets-begin {\n          grid-area: cta;\n\n          width: fit-content;\n\n          margin-top: 2rem;\n          margin-left: 0.5rem;\n        }@media (769px < width) {:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > a.lets-begin {\n            margin-left: 0;\n        }\n          }:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list {\n      display: grid;\n\n      flex-wrap: wrap;\n\n      grid-template-columns: 1fr 1fr 1fr;\n\n      gap: 1rem;\n      justify-items: center;\n\n      padding: 0.5rem;\n      margin: 0;\n\n      overflow: scroll;\n\n      scroll-snap-type: inline mandatory;\n    }@media (769px < width) {:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list {\n        padding: 0;\n        overflow: inherit;\n    }\n      }:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) :focus-visible {\n        outline-offset: -2px;\n      }:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item {\n        --spacing: 1rem;\n        --icon-size: 4rem;\n        display: block;\n      }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)  > a {\n          display: flex;\n\n          flex-direction: column;\n\n          justify-self: center;\n\n          width: 100%;\n          min-width: 15rem;\n          max-width: 20rem;\n          height: 100%;\n\n          padding: 0;\n\n          overflow: auto;\n\n          -webkit-text-decoration: none;\n\n          text-decoration: none;\n\n          scroll-snap-align: center;\n\n          background-color: var(--curriculum-bg-color-list-item-body);\n          border: 1px solid var(--curriculum-border-color);\n          border-radius: var(--elem-radius);\n          box-shadow: var(--curriculum-shadow);\n        }:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a):hover {\n            -webkit-text-decoration: none;\n            text-decoration: none;\n            border-color: var(--curriculum-border-color-hover);\n          }@media (769px < width) {:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)  > a {\n            min-width: initial;\n        }\n          }:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a)  > header {\n            display: flex;\n\n            flex-direction: column;\n\n            row-gap: var(--spacing);\n            align-items: center;\n\n            height: 10.5rem;\n            height: calc(3 * var(--spacing) + var(--icon-size) + 2lh);\n\n            padding: var(--spacing);\n\n            font-weight: var(--font-weight-bold);\n\n            background-color: var(--curriculum-bg-color-list-item-header);\n          }:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > header) svg.topic-icon {\n              width: var(--icon-size);\n              height: var(--icon-size);\n            }:is(:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > header) svg.topic-icon) circle {\n                fill: var(--curriculum-bg-color-list-item-icon);\n              }:is(:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > header) svg.topic-icon) path {\n                fill: var(--curriculum-color-list-item-icon);\n              }:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > header)  > span {\n              margin: 0 auto;\n              color: var(--color-text-primary);\n              text-align: center;\n            }:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a)  > section {\n            display: flex;\n\n            flex-grow: 1;\n            flex-direction: column;\n\n            align-items: center;\n            justify-content: space-between;\n\n            padding: var(--spacing);\n\n            font-size: var(--font-size-normal);\n          }:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > section) p {\n              margin: 0;\n              color: var(--color-text-secondary);\n              text-align: center;\n            }:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > section) p:last-child {\n              font-weight: var(--font-weight-bold);\n              color: var(--curriculum-color-topic);\n            }@media (426px < width) {:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr 1fr;\n    }\n      }@media (1441px < width) {:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr 1fr 1fr;\n    }\n      }\n"],"names":[],"mappings":"AACM,qVACE,YACF,CAAC,mIACD,YAAa,CAEb,yGAIqB,CACrB,0BAA2B,CAG3B,QAAS,CADT,SAEF,CAAC,uBAAwB,mIACrB,iJAIgC,CAChC,wCACJ,CACE,CAAC,+IASC,WAAY,CACZ,gDAAiD,CAHjD,UAAW,CANX,YAAa,CAIb,iBAAkB,CAFlB,UAQF,CAAC,kKACC,gBACF,CAAC,2LACG,+BACF,CAAC,uMAIG,QAAS,CAHT,iBAAkB,CAKlB,uCAA4C,CAH5C,OAIF,CAAC,yMAED,mCAAoC,CACpC,kBAAmB,CAFnB,kBAGF,CAAC,iMACC,iCAAkC,CAClC,YACF,CAAC,6KAEC,cAAe,CADf,iBAEF,CAAC,8WACG,iBACF,CAAC,4MACC,+EACF,CAAC,8WACC,cACF,CAAC,uBAAwB,8WACrB,gBACJ,CACE,CAAC,4MACD,+EACF,CAAC,8WACC,oBACF,CAAC,uBAAwB,8WACrB,gBACJ,CACE,CAAC,4MACD,+EACF,CAAC,uLACD,aAAc,CACd,QACF,CAAC,oLACC,aAAc,CAKd,iBAAmB,CADnB,eAAgB,CAFhB,iBAIF,CAAC,uBAAwB,oLACrB,aACJ,CACE,CAAC,8HACL,YAAa,CAEb,cAAe,CAIf,QAAS,CAFT,iCAAkC,CAGlC,oBAAqB,CAGrB,QAAS,CAET,eAAgB,CAHhB,aAAe,CAKf,iCACF,CAAC,uBAAwB,8HAErB,gBAAiB,CADjB,SAEJ,CACE,CAAC,kJACC,mBACF,CAAC,uJACC,cAAe,CACf,gBAAiB,CACjB,aACF,CAAC,8JAsBG,0DAA2D,CAC3D,+CAAgD,CAChD,gCAAiC,CACjC,mCAAoC,CAxBpC,YAAa,CAEb,qBAAsB,CAOtB,WAAY,CALZ,mBAAoB,CAIpB,eAAgB,CADhB,eAAgB,CAMhB,aAAc,CAFd,SAAU,CAQV,wBAAyB,CAJzB,4BAA6B,CAE7B,oBAAqB,CAXrB,UAmBF,CAAC,yKAGG,iDAAkD,CAFlD,4BAA6B,CAC7B,oBAEF,CAAC,uBAAwB,8JACvB,cACJ,CACE,CAAC,0KAMC,kBAAmB,CASnB,4DAA6D,CAd7D,YAAa,CAEb,qBAAsB,CAUtB,mCAAoC,CALpC,cAAe,CACf,sDAAyD,CAEzD,sBAAuB,CANvB,sBAWF,CAAC,8LAEG,uBAAwB,CADxB,sBAEF,CAAC,0MACG,8CACF,CAAC,wMACC,2CACF,CAAC,oLAED,+BAAgC,CADhC,aAAc,CAEd,iBACF,CAAC,2KAMD,kBAAmB,CALnB,YAAa,CAGb,qBAAsB,CADtB,WAAY,CAQZ,iCAAkC,CAJlC,6BAA8B,CAE9B,sBAGF,CAAC,kLAEG,iCAAkC,CADlC,QAAS,CAET,iBACF,CAAC,6LAEC,mCAAoC,CADpC,mCAEF,CAAC,uBAAwB,8HAC7B,6BACJ,CACE,CAAC,wBAAyB,8HACxB,iCACJ,CACE"}
+{"version":3,"file":"9326.431ef0e548c5f096.css","sources":["webpack://@mdn/fred/./components/curriculum/module-list.css"],"sourcesContent":["\n      :is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) .modules) input[type=\"radio\"]:not(:checked) ~ a.lets-begin,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) .modules) input[type=\"radio\"]:not(:checked) ~ ol.modules-list {\n        display: none;\n      }:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list {\n      display: grid;\n\n      grid-template-areas:\n        \"started core  extensions\"\n        \"hr      hr    hr\"\n        \"mod     mod   mod\"\n        \"cta     cta   cta\";\n      grid-template-columns: auto;\n\n      padding: 0;\n      margin: 0;\n    }@media (width > 426px) {:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list {\n        grid-template-areas:\n          \"started core  extensions spacer\"\n          \"hr      hr    hr         hr\"\n          \"mod     mod   mod        mod\"\n          \"cta     cta   cta        cta\";\n        grid-template-columns: auto auto auto 1fr;\n    }\n      }:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list)::before {\n        grid-area: hr;\n\n        width: 100%;\n\n        margin: 0 0 1.5rem;\n\n        content: \"\";\n\n        border: none;\n        border-top: 1px solid var(--color-border-primary);\n      }:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item {\n        display: contents;\n      }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:checked + label {\n          color: var(--color-text-primary);\n        }:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item) > input:checked + label)::before {\n            position: absolute;\n\n            width: 0;\n            height: 0;\n\n            transform: translate3d(-0.75rem, 0.75rem, 0);\n          }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:checked:focus-visible + label {\n          outline-style: auto;\n          outline-color: var(--accent-primary);\n          outline-offset: 1px;\n        }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:not(:checked) + label {\n          color: var(--color-text-secondary);\n          opacity: 0.775;\n        }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label {\n          width: max-content;\n          cursor: pointer;\n        }#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label,#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input {\n            grid-area: started;\n          }#modules-0:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:checked + label::before {\n            content: url(\"./assets/curriculum-modules-underline.svg#1\");\n          }#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label,#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input {\n            grid-area: core;\n          }@media (width > 426px) {#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label,#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input {\n              margin-left: 2rem;\n          }\n            }#modules-1:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:checked + label::before {\n            content: url(\"./assets/curriculum-modules-underline.svg#2\");\n          }#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label,#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input {\n            grid-area: extensions;\n          }@media (width > 426px) {#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > label,#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input {\n              margin-left: 2rem;\n          }\n            }#modules-2:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > input:checked + label::before {\n            content: url(\"./assets/curriculum-modules-underline.svg#3\");\n          }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > ol.modules-list {\n          grid-area: mod;\n          margin: 0;\n        }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > a.lets-begin {\n          grid-area: cta;\n\n          width: fit-content;\n\n          margin-top: 2rem;\n          margin-left: 0.5rem;\n        }@media (width > 769px) {:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list-list) li.modules-list-list-item)  > a.lets-begin {\n            margin-left: 0;\n        }\n          }:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list {\n      display: grid;\n\n      flex-wrap: wrap;\n\n      grid-template-columns: 1fr 1fr 1fr;\n\n      gap: 1rem;\n      justify-items: center;\n\n      padding: 0.5rem;\n      margin: 0;\n\n      overflow: scroll;\n\n      scroll-snap-type: inline mandatory;\n    }@media (width > 769px) {:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list {\n        padding: 0;\n        overflow: inherit;\n    }\n      }:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) :focus-visible {\n        outline-offset: -2px;\n      }:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item {\n        --spacing: 1rem;\n        --icon-size: 4rem;\n        display: block;\n      }:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)  > a {\n          display: flex;\n\n          flex-direction: column;\n\n          justify-self: center;\n\n          width: 100%;\n          min-width: 15rem;\n          max-width: 20rem;\n          height: 100%;\n\n          padding: 0;\n\n          overflow: auto;\n\n          -webkit-text-decoration: none;\n\n          text-decoration: none;\n\n          scroll-snap-align: center;\n\n          background-color: var(--curriculum-bg-color-list-item-body);\n          border: 1px solid var(--curriculum-border-color);\n          border-radius: var(--elem-radius);\n          box-shadow: var(--curriculum-shadow);\n        }:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a):hover {\n            -webkit-text-decoration: none;\n            text-decoration: none;\n            border-color: var(--curriculum-border-color-hover);\n          }@media (width > 769px) {:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item)  > a {\n            min-width: initial;\n        }\n          }:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a)  > header {\n            display: flex;\n\n            flex-direction: column;\n\n            row-gap: var(--spacing);\n            align-items: center;\n\n            height: 10.5rem;\n            height: calc(3 * var(--spacing) + var(--icon-size) + 2lh);\n\n            padding: var(--spacing);\n\n            font-weight: var(--font-weight-bold);\n\n            background-color: var(--curriculum-bg-color-list-item-header);\n          }:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > header) svg.topic-icon {\n              width: var(--icon-size);\n              height: var(--icon-size);\n            }:is(:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > header) svg.topic-icon) circle {\n                fill: var(--curriculum-bg-color-list-item-icon);\n              }:is(:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > header) svg.topic-icon) path {\n                fill: var(--curriculum-color-list-item-icon);\n              }:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > header)  > span {\n              margin: 0 auto;\n              color: var(--color-text-primary);\n              text-align: center;\n            }:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a)  > section {\n            display: flex;\n\n            flex-grow: 1;\n            flex-direction: column;\n\n            align-items: center;\n            justify-content: space-between;\n\n            padding: var(--spacing);\n\n            font-size: var(--font-size-normal);\n          }:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > section) p {\n              margin: 0;\n              color: var(--color-text-secondary);\n              text-align: center;\n            }:is(:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list) li.module-list-item) > a) > section) p:last-child {\n              font-weight: var(--font-weight-bold);\n              color: var(--curriculum-color-topic);\n            }@media (width > 426px) {:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr 1fr;\n    }\n      }@media (width > 1441px) {:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container) .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr 1fr 1fr;\n    }\n      }\n"],"names":[],"mappings":"AACM,qVACE,YACF,CAAC,mIACD,YAAa,CAEb,yGAIqB,CACrB,0BAA2B,CAG3B,QAAS,CADT,SAEF,CAAC,uBAAwB,mIACrB,iJAIgC,CAChC,wCACJ,CACE,CAAC,+IASC,WAAY,CACZ,gDAAiD,CAHjD,UAAW,CANX,YAAa,CAIb,iBAAkB,CAFlB,UAQF,CAAC,kKACC,gBACF,CAAC,2LACG,+BACF,CAAC,uMAIG,QAAS,CAHT,iBAAkB,CAKlB,uCAA4C,CAH5C,OAIF,CAAC,yMAED,mCAAoC,CACpC,kBAAmB,CAFnB,kBAGF,CAAC,iMACC,iCAAkC,CAClC,YACF,CAAC,6KAEC,cAAe,CADf,iBAEF,CAAC,8WACG,iBACF,CAAC,4MACC,+EACF,CAAC,8WACC,cACF,CAAC,uBAAwB,8WACrB,gBACJ,CACE,CAAC,4MACD,+EACF,CAAC,8WACC,oBACF,CAAC,uBAAwB,8WACrB,gBACJ,CACE,CAAC,4MACD,+EACF,CAAC,uLACD,aAAc,CACd,QACF,CAAC,oLACC,aAAc,CAKd,iBAAmB,CADnB,eAAgB,CAFhB,iBAIF,CAAC,uBAAwB,oLACrB,aACJ,CACE,CAAC,8HACL,YAAa,CAEb,cAAe,CAIf,QAAS,CAFT,iCAAkC,CAGlC,oBAAqB,CAGrB,QAAS,CAET,eAAgB,CAHhB,aAAe,CAKf,iCACF,CAAC,uBAAwB,8HAErB,gBAAiB,CADjB,SAEJ,CACE,CAAC,kJACC,mBACF,CAAC,uJACC,cAAe,CACf,gBAAiB,CACjB,aACF,CAAC,8JAsBG,0DAA2D,CAC3D,+CAAgD,CAChD,gCAAiC,CACjC,mCAAoC,CAxBpC,YAAa,CAEb,qBAAsB,CAOtB,WAAY,CALZ,mBAAoB,CAIpB,eAAgB,CADhB,eAAgB,CAMhB,aAAc,CAFd,SAAU,CAQV,wBAAyB,CAJzB,4BAA6B,CAE7B,oBAAqB,CAXrB,UAmBF,CAAC,yKAGG,iDAAkD,CAFlD,4BAA6B,CAC7B,oBAEF,CAAC,uBAAwB,8JACvB,cACJ,CACE,CAAC,0KAMC,kBAAmB,CASnB,4DAA6D,CAd7D,YAAa,CAEb,qBAAsB,CAUtB,mCAAoC,CALpC,cAAe,CACf,sDAAyD,CAEzD,sBAAuB,CANvB,sBAWF,CAAC,8LAEG,uBAAwB,CADxB,sBAEF,CAAC,0MACG,8CACF,CAAC,wMACC,2CACF,CAAC,oLAED,+BAAgC,CADhC,aAAc,CAEd,iBACF,CAAC,2KAMD,kBAAmB,CALnB,YAAa,CAGb,qBAAsB,CADtB,WAAY,CAQZ,iCAAkC,CAJlC,6BAA8B,CAE9B,sBAGF,CAAC,kLAEG,iCAAkC,CADlC,QAAS,CAET,iBACF,CAAC,6LAEC,mCAAoC,CADpC,mCAEF,CAAC,uBAAwB,8HAC7B,6BACJ,CACE,CAAC,wBAAyB,8HACxB,iCACJ,CACE"}

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

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