@mdn/fred 2.4.1 → 2.4.3

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/{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.15ed245d7a4f66ec.js → index.b2ccf995e945e9dc.js}

@@ -1,4 +1,4 @@
-/*! For license information please see index.15ed245d7a4f66ec.js.LICENSE.txt */
+/*! For license information please see index.b2ccf995e945e9dc.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,10 +154,15 @@ 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;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;overscroll-behavior:contain;padding:0}ul:has(li){border-top:1px solid var(--color-border-primary)}li[data-selected]{background:var(--color-background-blue);border-color:var(--color-blue-50)}li{border-inline-start:2px solid #0000;list-style-type:none}li:not([data-selected]):hover{background-color:var(--color-background-secondary)}li>*{padding:.5rem 1.5rem;width:100%}a{color:var(--color-link-normal);display:grid;-webkit-text-decoration:none;text-decoration:none}a:visited{color:var(--color-link-visited)}.slug{color:var(--color-text-secondary);font-size:var(--font-size-small)}mark{background-color:var(--color-background-yellow);color:var(--color-text-primary)}`,""]);let p=(0,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()}connectedCallback(){super.connectedCallback(),this._globalKeydown=this._globalKeydown.bind(this),document.addEventListener("keydown",this._globalKeydown),this._loadIndex=this._loadIndex.bind(this),this.renderRoot.addEventListener("mouseover",this._loadIndex)}disconnectedCallback(){super.disconnectedCallback(),this.renderRoot.removeEventListener("mouseover",this._loadIndex),document.removeEventListener("keydown",this._globalKeydown)}_renderLoadingSearchIndex(){return(0,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","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
       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 @keydown=${this._keydown} @focusin=${this._focus} closedby="any">
+      <dialog
+        @keydown=${this._keydown}
+        @focusin=${this._focus}
+        @toggle=${this._toggle}
+        closedby="any"
+      >
         <form
           method="get"
           action=${`/${this.locale}/search`}
@@ -212,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.6bb9da89bdbb84bf.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.15ed245d7a4f66ec.js";e.C(a),e(e.s=33779);
-//# sourceMappingURL=index.15ed245d7a4f66ec.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.8ebca7827bf4c35c.js";import*as t from"./1111.53dba753dc3eb961.js";e.C(t);import*as o from"./8903.f870aafb338b203a.js";e.C(o);import*as a from"./index.b2ccf995e945e9dc.js";e.C(a),e(e.s=33779);
+//# sourceMappingURL=index.b2ccf995e945e9dc.js.map