@mdn/fred 0.1.0 → 0.2.0

package/dist/client/614.01075c8e848f77c4.css

@@ -1,2 +0,0 @@
-.curriculum-content-container .sidebar{color:var(--text-secondary);max-height:calc(100vh - var(--sticky-header-height));overflow-y:auto;position:sticky;top:var(--sticky-header-height)}:is(.curriculum-content-container .sidebar) .backdrop{display:none}-heading:is(.curriculum-content-container .sidebar){color:var(--text-primary);font-size:var(--font-size-small);font-weight:400;letter-spacing:1.5px;margin:0}:is(.curriculum-content-container .sidebar) li>em{background-color:var(--background-toc-active);border-bottom-right-radius:.25rem;border-left:2px solid var(--category-color);border-top-right-radius:.25rem;display:inline-block;font-style:normal;font-variation-settings:normal;font-weight:600;-webkit-hyphens:auto;hyphens:auto;padding:.25rem .5rem}:is(.curriculum-content-container .sidebar) a{color:var(--text-secondary);display:inline-block;-webkit-hyphens:auto;hyphens:auto;padding:.25rem;-webkit-text-decoration:none;text-decoration:none}:is(:is(.curriculum-content-container .sidebar) a):focus,:is(:is(.curriculum-content-container .sidebar) a):hover{-webkit-text-decoration:underline;text-decoration:underline}:is(.curriculum-content-container .sidebar) li.section{display:flex;font-size:var(--type-base-font-size-rem);font-weight:var(--font-body-strong-weight);letter-spacing:.02rem;margin-top:1.5rem}.no-link:is(:is(.curriculum-content-container .sidebar) li.section){padding:.25rem}:is(.curriculum-content-container .sidebar) li:first-of-type strong{margin-top:unset}:is(.curriculum-content-container .sidebar) ol{font-size:var(--font-size-small)}:is(:is(.curriculum-content-container .sidebar) ol) ol,:is(:is(.curriculum-content-container .sidebar) ol) ul{padding-left:.5rem}:is(:is(:is(.curriculum-content-container .sidebar) ol) li) .icon{margin-right:.01em}.no-bullet:is(:is(:is(.curriculum-content-container .sidebar) ol) li){display:block;font-weight:var(--font-body-strong-weight);list-style-type:none}:is(.curriculum-content-container .sidebar) .sidebar-actions{height:0;padding-bottom:4rem;position:sticky;top:0;z-index:var(--z-index-main-header)}:is(:is(.curriculum-content-container .sidebar) .sidebar-actions)~.sidebar-inner-nav{margin-top:.5rem}@media (max-width:769px){:is(.curriculum-content-container .sidebar) .sidebar-actions{height:unset;margin-top:unset;padding-bottom:unset;position:unset;top:unset}:is(:is(.curriculum-content-container .sidebar) .sidebar-actions)~.sidebar-inner-nav{margin-top:unset}}:is(.curriculum-content-container .sidebar) .sidebar-heading~div>ol,:is(.curriculum-content-container .sidebar) .sidebar-heading~ol{margin-top:1rem}:is(.curriculum-content-container .sidebar) li,:is(.curriculum-content-container .sidebar) summary{margin-bottom:.5rem}:is(.curriculum-content-container .sidebar) summary{cursor:pointer;font-size:var(--font-size-small)}:is(.curriculum-content-container .sidebar) code{font-family:var(--font-code);font-size:var(--font-size-small);line-height:1.2;padding:.125rem;word-wrap:break-word;background-color:initial;border-radius:var(--elem-radius);white-space:normal}:is(.curriculum-content-container .sidebar) details{margin:.75rem 0}:is(:is(.curriculum-content-container .sidebar) details) ol{padding-left:.75rem}:is(.curriculum-content-container .sidebar) .icon{align-self:center;background-size:14px;height:14px;margin-right:-.25rem;-webkit-mask-size:14px;mask-size:14px;width:14px}:is(.curriculum-content-container .sidebar) .icon-experimental,:is(.curriculum-content-container .sidebar) .icon-nonstandard{background-color:var(--icon-information)}:is(.curriculum-content-container .sidebar) .icon-deprecated{background-color:var(--icon-critical)}@media (max-width:769px){.curriculum-content-container .sidebar{height:100vh;left:0;max-height:100vh;position:fixed;right:0;top:var(--offset);transform:translateX(-100%)}:is(.curriculum-content-container .sidebar) .sidebar-inner{background:var(--background-primary);border-right:1px solid var(--border-primary);display:grid;height:var(--max-height);max-height:var(--max-height);max-width:20rem;overflow:hidden;overflow:auto;padding:1rem;position:relative;transform:translateX(-100%);transition:transform .2s linear;width:80vw;will-change:transform}:is(:is(.curriculum-content-container .sidebar) .sidebar-inner) .sidebar-inner-nav{display:contents;-webkit-mask-image:linear-gradient(180deg,#000 0 calc(100% - 3rem),#0000);mask-image:linear-gradient(180deg,#000 0 calc(100% - 3rem),#0000);padding-bottom:3rem}@media (min-height:44rem){:is(.curriculum-content-container .sidebar) .sidebar-inner{display:flex;flex-direction:column;overflow:hidden}:is(:is(.curriculum-content-container .sidebar) .sidebar-inner) .sidebar-inner-nav{display:block;overflow:auto}}:is(:is(.curriculum-content-container .sidebar) .sidebar-inner) .place{align-self:center;grid-row:2/3;justify-self:center;margin-bottom:0}:is(.curriculum-content-container .sidebar) .backdrop{background:#0000004d;border-radius:0;bottom:0;cursor:default;display:flex;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .2s linear;width:100%;will-change:opacity}.is-animating:is(.curriculum-content-container .sidebar),.is-expanded:is(.curriculum-content-container .sidebar),.is-expanded:is(.curriculum-content-container .sidebar) .sidebar-inner{transform:translateX(0)}.is-expanded:is(.curriculum-content-container .sidebar) .backdrop{opacity:1}:is(.curriculum-content-container .sidebar) .place{display:none}.curriculum-content-container .sidebar{display:flex;position:relative}}@media (max-width:992px),(min-height:44rem){.curriculum-content-container .sidebar{display:block;overflow:auto}}@media (max-width:1441px){.curriculum-content-container .sidebar{max-height:calc(100vh - var(--sticky-header-height));overflow-y:auto;position:sticky;top:var(--sticky-header-height)}}.curriculum-module,.curriculum-overview{display:grid;grid-template-columns:var(--layout-2-sidebars);padding-inline:var(--layout-side-padding)}:is(.curriculum-module,.curriculum-overview) .curriculum-content{grid-column:content}:is(.curriculum-module,.curriculum-overview) .sidebar-container{grid-column:left-sidebar}:is(.curriculum-module,.curriculum-overview) .toc-container{grid-column:right-sidebar}@media (max-width:64.999rem){.curriculum-module,.curriculum-overview{grid-template-columns:var(--layout-1-sidebar-left)}:is(.curriculum-module,.curriculum-overview) .toc{display:none}}@media (max-width:48.999rem){.curriculum-module,.curriculum-overview{grid-template-columns:var(--layout-no-sidebar)}:is(.curriculum-module,.curriculum-overview) .sidebar-container{display:none}}
-/*# sourceMappingURL=614.01075c8e848f77c4.css.map*/

package/dist/client/614.01075c8e848f77c4.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"614.01075c8e848f77c4.css","sources":["webpack://@mdn/fred/./components/curriculum/sidebar.css","webpack://@mdn/fred/./components/curriculum/layout.css"],"sourcesContent":[".curriculum-content-container .sidebar {\n  position: sticky;\n  top: var(--sticky-header-height);\n\n  max-height: calc(100vh - var(--sticky-header-height));\n\n  overflow-y: auto;\n\n  color: var(--text-secondary);\n\n  /* li > em {\n    display: inline-block;\n\n    padding: 0.25rem 0.5rem;\n\n    font-variation-settings: normal;\n    font-style: normal;\n    font-weight: 600;\n\n    background-color: var(--background-toc-active);\n    border-left: 2px solid var(--category-color);\n    border-top-right-radius: 0.25rem;\n    border-bottom-right-radius: 0.25rem;\n  } */\n\n  .backdrop {\n    display: none;\n  }\n\n  &-heading {\n    margin: 0;\n\n    font-size: var(--font-size-small);\n    font-weight: 400;\n\n    color: var(--text-primary);\n\n    letter-spacing: 1.5px;\n  }\n\n  /* highlight of current page in sidebar */\n  li > em {\n    display: inline-block;\n\n    padding: 0.25rem 0.5rem;\n\n    font-variation-settings: normal;\n    font-style: normal;\n    font-weight: 600;\n\n    hyphens: auto;\n\n    background-color: var(--background-toc-active);\n    border-left: 2px solid var(--category-color);\n    border-top-right-radius: 0.25rem;\n    border-bottom-right-radius: 0.25rem;\n  }\n\n  a {\n    display: inline-block;\n\n    padding: 0.25rem;\n\n    color: var(--text-secondary);\n\n    hyphens: auto;\n\n    text-decoration: none;\n\n    &:hover,\n    &:focus {\n      text-decoration: underline;\n    }\n  }\n\n  li.section {\n    display: flex;\n\n    margin-top: 1.5rem;\n\n    font-size: var(--type-base-font-size-rem);\n    font-weight: var(--font-body-strong-weight);\n\n    letter-spacing: 0.02rem;\n\n    &.no-link {\n      padding: 0.25rem;\n    }\n  }\n\n  li:first-of-type strong {\n    margin-top: unset;\n  }\n\n  ol {\n    font-size: var(--font-size-small);\n\n    ol,\n    ul {\n      padding-left: 0.5rem;\n    }\n\n    li {\n      .icon {\n        margin-right: 0.01em;\n      }\n\n      &.no-bullet {\n        display: block;\n        font-weight: var(--font-body-strong-weight);\n        list-style-type: none;\n      }\n    }\n  }\n\n  .sidebar-actions {\n    position: sticky;\n    top: 0;\n    z-index: var(--z-index-main-header);\n\n    height: 0;\n\n    padding-bottom: 4rem;\n\n    ~ .sidebar-inner-nav {\n      margin-top: 0.5rem;\n    }\n\n    @media (--screen-small-and-narrower) {\n      position: unset;\n      top: unset;\n\n      height: unset;\n\n      padding-bottom: unset;\n      margin-top: unset;\n\n      ~ .sidebar-inner-nav {\n        margin-top: unset;\n      }\n    }\n  }\n\n  /* This is for sidebars where there is no sub-heading\n   * for example: https://developer-mozilla.org/en-US/docs/Web/HTML/Element/progress\n   */\n  .sidebar-heading ~ ol,\n  .sidebar-heading ~ div > ol {\n    margin-top: 1rem;\n  }\n\n  summary,\n  li {\n    margin-bottom: 0.5rem;\n  }\n\n  summary {\n    font-size: var(--font-size-small);\n    cursor: pointer;\n  }\n\n  code {\n    padding: 0.125rem;\n\n    font-family: var(--font-code);\n    font-size: var(--font-size-small);\n\n    line-height: 1.2;\n\n    word-wrap: break-word;\n    white-space: normal;\n\n    background-color: initial;\n    border-radius: var(--elem-radius);\n  }\n\n  details {\n    margin: 0.75rem 0;\n\n    ol {\n      padding-left: 0.75rem;\n    }\n  }\n\n  .icon {\n    align-self: center;\n\n    width: 14px;\n    height: 14px;\n\n    margin-right: -0.25rem;\n\n    background-size: 14px;\n\n    mask-size: 14px;\n  }\n\n  /* icons in sidebars */\n  .icon-experimental,\n  .icon-nonstandard {\n    background-color: var(--icon-information);\n  }\n\n  .icon-deprecated {\n    background-color: var(--icon-critical);\n  }\n\n  /* apply drawer styles only to the sizes that need them. */\n  @media (--screen-small-and-narrower) {\n    position: fixed;\n    top: var(--offset);\n    right: 0;\n    left: 0;\n\n    height: 100vh;\n    max-height: 100vh;\n\n    transform: translateX(-100%);\n\n    .sidebar-inner {\n      position: relative;\n\n      display: grid;\n\n      width: 80vw;\n      max-width: 20rem;\n      height: var(--max-height);\n      max-height: var(--max-height);\n\n      padding: 1rem;\n\n      overflow: hidden; /* animations look janky if scrollbars are present */\n      overflow: auto;\n\n      background: var(--background-primary);\n      border-right: 1px solid var(--border-primary);\n\n      transform: translateX(-100%);\n\n      transition: 0.2s linear transform;\n\n      will-change: transform;\n\n      .sidebar-inner-nav {\n        display: contents;\n        padding-bottom: 3rem;\n        mask-image: linear-gradient(\n          to bottom,\n          rgb(0 0 0) 0% calc(100% - 3rem),\n          rgb(0 0 0 / 0%) 100%\n        );\n      }\n\n      /* screen height place limit */\n      @media (height >= 44rem) {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n\n        .sidebar-inner-nav {\n          display: block;\n          overflow: auto;\n        }\n      }\n\n      .place {\n        grid-row: 2/3;\n\n        align-self: center;\n        justify-self: center;\n\n        margin-bottom: 0;\n      }\n    }\n\n    .backdrop {\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n\n      display: flex;\n\n      width: 100%;\n\n      cursor: default;\n\n      background: rgb(0 0 0 / 30%);\n      border-radius: 0;\n\n      opacity: 0;\n\n      transition: opacity 0.2s linear;\n\n      will-change: opacity;\n    }\n\n    &.is-animating {\n      transform: translateX(0);\n    }\n\n    &.is-expanded {\n      transform: translateX(0);\n\n      /* no transition on this one, just show it. */\n\n      .sidebar-inner {\n        transform: translateX(0);\n      }\n\n      .backdrop {\n        opacity: 1;\n      }\n    }\n  }\n\n  @media (--screen-small-and-narrower) {\n    .place {\n      display: none;\n    }\n  }\n\n  @media (--screen-small-and-narrower) {\n    position: relative;\n    display: flex;\n  }\n\n  @media (--screen-medium-and-narrower), (height >= 44rem) {\n    display: block;\n    overflow: auto;\n  }\n\n  @media (--screen-xlarge-and-narrower) {\n    position: sticky;\n    top: var(--sticky-header-height);\n\n    max-height: calc(100vh - var(--sticky-header-height));\n\n    overflow-y: auto;\n  }\n}\n","/* layout */\n.curriculum-module,\n.curriculum-overview {\n  display: grid;\n  grid-template-columns: var(--layout-2-sidebars);\n  padding-inline: var(--layout-side-padding);\n\n  .curriculum-content {\n    grid-column: content;\n  }\n\n  .sidebar-container {\n    grid-column: left-sidebar;\n  }\n\n  .toc-container {\n    grid-column: right-sidebar;\n  }\n\n  @media (--screen-layout-1-sidebar-or-less) {\n    grid-template-columns: var(--layout-1-sidebar-left);\n\n    .toc {\n      display: none;\n    }\n  }\n\n  @media (--screen-layout-no-sidebar) {\n    grid-template-columns: var(--layout-no-sidebar);\n\n    .sidebar-container {\n      display: none;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/client/6213.32f53c1c3ef65496.js

@@ -1,20 +0,0 @@
-export const __webpack_ids__=["6213"];export const __webpack_modules__={28072:function(e,t,o){o.d(t,{Z:()=>r});var l=o(8081),a=o.n(l),s=o(23645),i=o.n(s)()(a());i.push([e.id,".token.cdata,.token.comment,.token.doctype,.token.prolog{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle--0,#858585);color:light-dark(#858585,#b3b3b3)}.token.punctuation{--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle--1,#858585);color:light-dark(#858585,#b3b3b3)}.token.attr-name,.token.builtin,.token.class-name,.token.function,.token.inserted,.token.property,.token.selector{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #ff97a0;color:var(--csstools-light-dark-toggle--2,#d30038);color:light-dark(#d30038,#ff97a0)}.token.atrule,.token.attr-value{--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle--3,#007936);color:light-dark(#007936,#00d061)}.token.keyword{--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #c1cff1;color:var(--csstools-light-dark-toggle--4,#0069c2);color:light-dark(#0069c2,#c1cff1)}.token.boolean,.token.char,.token.constant,.token.deleted,.token.number,.token.string,.token.symbol,.token.tag{--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle--5,#007936);color:light-dark(#007936,#00d061)}.token.builtin,.token.inserted,.token.selector,.token.template-string>.token.string{--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #bea5ff;color:var(--csstools-light-dark-toggle--6,#872bff);color:light-dark(#872bff,#bea5ff)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}",""]);let r=i.toString()},54681:function(e,t,o){o.d(t,{Z:()=>r});var l=o(8081),a=o.n(l),s=o(23645),i=o.n(s)()(a());i.push([e.id,"*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}",""]);let r=i.toString()},66178:function(e,t,o){o.r(t),o.d(t,{MDNCodeExample:()=>MDNCodeExample,upgradePre:()=>c});var l=o(35470),a=o(14703),s=o(51968),i=o(67621);o(28553);var r=o(58620);let n=new Set(["html","js","css","wat"]);let MDNCodeExample=class MDNCodeExample extends a.oi{static styles=r.Z;static properties={language:{type:String},code:{type:String}};constructor(){super(),this.language="",this.code="",this._liveSample=void 0,this._liveSampleUpdate=this._liveSampleUpdate.bind(this)}get liveSample(){return this._liveSample}set liveSample(e){e&&(this._liveSample&&this._liveSample.removeEventListener("mdn-play-runner-src",this._liveSampleUpdate),this._liveSample=e,this._liveSample.addEventListener("mdn-play-runner-src",this._liveSampleUpdate))}_liveSampleUpdate(){this.requestUpdate()}_codeRef=(0,s.V)();_highlightTask=new l.iQ(this,{args:()=>[this.language,this.code],task:async([e,t])=>{let{highlightString:l}=await Promise.all([o.e("4876"),o.e("7194")]).then(o.bind(o,55508));return l(t,e)}});render(){return(0,a.dy)`
-      <div class="code-example">
-        <div class="example-header">
-          <span class="language-name">${this.language}</span>
-          <mdn-copy-button
-            .copiesFrom=${this._codeRef.value}
-            variant="secondary"
-          ></mdn-copy-button>
-          ${this.liveSample?.breakoutLink?(0,a.dy)`<mdn-button
-                variant="secondary"
-                href=${this.liveSample?.breakoutLink}
-                target="_blank"
-                rel="opener"
-                >Play</mdn-button
-              >`:a.Ld}
-        </div>
-        <pre><code ${(0,s.i)(this._codeRef)}>${this._highlightTask.render({initial:()=>this.code,pending:()=>this.code,complete:e=>(0,i.A)(e)})}</code></pre>
-      </div>
-    `}};function c(e){if(e instanceof HTMLPreElement){let t=e.closest("div.code-example"),o=[...e.classList].find(e=>n.has(e))||t?.querySelector(".language-name")?.textContent?.trim(),l=[...e.classList].some(e=>"hidden"===e||e.startsWith("interactive-example")),a=[...e.classList].filter(e=>e.startsWith("live-sample___")||e.startsWith("live-sample---")),s=e.querySelector("code")?.textContent;if(t&&o&&s){let e=document.createElement("mdn-code-example");return e.language=o,e.code=s,e.hidden=l,e.classList=[...a].join(" "),t.replaceWith(e),e}}}customElements.define("mdn-code-example",MDNCodeExample)},58620:function(e,t,o){o.d(t,{Z:()=>h});var l=o(14703),a=o(8081),s=o.n(a),i=o(23645),r=o.n(i),n=o(54681),c=o(28072),d=o(56523),g=r()(s());g.i(n.Z),g.i(c.Z),g.i(d.Z),g.push([e.id,".code-example .example-header{gap:.5rem;padding-right:.5rem}:is(.code-example .example-header) .language-name{margin-right:auto}",""]);let h=(0,l.iv)([g.toString()])}};
-//# sourceMappingURL=6213.32f53c1c3ef65496.js.map

package/dist/client/6213.32f53c1c3ef65496.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"6213.32f53c1c3ef65496.js","sources":["webpack://@mdn/fred/./components/code-example/prism.css","webpack://@mdn/fred/./components/global/global.css?272a","webpack://@mdn/fred/./components/code-example/element.js","webpack://@mdn/fred/./components/code-example/element.css"],"sourcesContent":["// 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, `.token.cdata,.token.comment,.token.doctype,.token.prolog{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle--0,#858585);color:light-dark(#858585,#b3b3b3)}.token.punctuation{--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle--1,#858585);color:light-dark(#858585,#b3b3b3)}.token.attr-name,.token.builtin,.token.class-name,.token.function,.token.inserted,.token.property,.token.selector{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #ff97a0;color:var(--csstools-light-dark-toggle--2,#d30038);color:light-dark(#d30038,#ff97a0)}.token.atrule,.token.attr-value{--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle--3,#007936);color:light-dark(#007936,#00d061)}.token.keyword{--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #c1cff1;color:var(--csstools-light-dark-toggle--4,#0069c2);color:light-dark(#0069c2,#c1cff1)}.token.boolean,.token.char,.token.constant,.token.deleted,.token.number,.token.string,.token.symbol,.token.tag{--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle--5,#007936);color:light-dark(#007936,#00d061)}.token.builtin,.token.inserted,.token.selector,.token.template-string>.token.string{--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #bea5ff;color:var(--csstools-light-dark-toggle--6,#872bff);color:light-dark(#872bff,#bea5ff)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { Task } from \"@lit/task\";\nimport { LitElement, html, nothing } from \"lit\";\nimport { createRef, ref } from \"lit/directives/ref.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n\nimport \"../copy-button/element.js\";\nimport styles from \"./element.css?lit\";\n\n/**\n * @import { MDNLiveSampleResult } from \"../live-sample-result/element.js\";\n */\n\nconst LANGUAGE_CLASSES = new Set([\"html\", \"js\", \"css\", \"wat\"]);\n\nexport class MDNCodeExample extends LitElement {\n  static styles = styles;\n\n  static properties = {\n    language: { type: String },\n    code: { type: String },\n  };\n\n  constructor() {\n    super();\n    this.language = \"\";\n    this.code = \"\";\n    /** @type {MDNLiveSampleResult | undefined} */\n    this._liveSample = undefined;\n    this._liveSampleUpdate = this._liveSampleUpdate.bind(this);\n  }\n\n  get liveSample() {\n    return this._liveSample;\n  }\n\n  set liveSample(result) {\n    if (result) {\n      if (this._liveSample) {\n        this._liveSample.removeEventListener(\n          \"mdn-play-runner-src\",\n          this._liveSampleUpdate,\n        );\n      }\n      this._liveSample = result;\n      this._liveSample.addEventListener(\n        \"mdn-play-runner-src\",\n        this._liveSampleUpdate,\n      );\n    }\n  }\n\n  _liveSampleUpdate() {\n    this.requestUpdate();\n  }\n\n  _codeRef = createRef();\n\n  _highlightTask = new Task(this, {\n    args: () => [this.language, this.code],\n    task: async ([language, code]) => {\n      const { highlightString } = await import(\"./syntax-highlight.js\");\n      return highlightString(code, language);\n    },\n  });\n\n  render() {\n    return html`\n      <div class=\"code-example\">\n        <div class=\"example-header\">\n          <span class=\"language-name\">${this.language}</span>\n          <mdn-copy-button\n            .copiesFrom=${this._codeRef.value}\n            variant=\"secondary\"\n          ></mdn-copy-button>\n          ${this.liveSample?.breakoutLink\n            ? html`<mdn-button\n                variant=\"secondary\"\n                href=${this.liveSample?.breakoutLink}\n                target=\"_blank\"\n                rel=\"opener\"\n                >Play</mdn-button\n              >`\n            : nothing}\n        </div>\n        <pre><code ${ref(this._codeRef)}>${this._highlightTask.render({\n          initial: () => this.code,\n          pending: () => this.code,\n          complete: (highlighted) => unsafeHTML(highlighted),\n        })}</code></pre>\n      </div>\n    `;\n  }\n}\n\ncustomElements.define(\"mdn-code-example\", MDNCodeExample);\n\n/**\n * @param {Element} pre\n * @returns {MDNCodeExample | undefined}\n */\nexport function upgradePre(pre) {\n  if (pre instanceof HTMLPreElement) {\n    const example = pre.closest(\"div.code-example\");\n    const language =\n      [...pre.classList].find((c) => LANGUAGE_CLASSES.has(c)) ||\n      example?.querySelector(\".language-name\")?.textContent?.trim();\n    const hidden = [...pre.classList].some(\n      (c) => c === \"hidden\" || c.startsWith(\"interactive-example\"),\n    );\n    const liveSampleClasses = [...pre.classList].filter(\n      (c) => c.startsWith(\"live-sample___\") || c.startsWith(\"live-sample---\"),\n    );\n    const code = pre.querySelector(\"code\")?.textContent;\n    if (example && language && code) {\n      const newExample = document.createElement(\"mdn-code-example\");\n      newExample.language = language;\n      newExample.code = code;\n      newExample.hidden = hidden;\n      newExample.classList = [...liveSampleClasses].join(\" \");\n      example.replaceWith(newExample);\n      return newExample;\n    }\n  }\n  return;\n}\n","import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../global/global.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_1___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./prism.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_2___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./common.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.code-example .example-header{gap:.5rem;padding-right:.5rem}:is(.code-example .example-header) .language-name{margin-right:auto}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["Set","MDNCodeExample","String","HTMLPreElement","document","customElements"],"mappings":"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"}

package/dist/client/665.bfa5abb72f818c34.js

@@ -1,34 +0,0 @@
-export const __webpack_ids__=["665"];export const __webpack_modules__={65034:function(t,r,e){e.r(r),e.d(r,{MDNObservatoryTestsAndScores:()=>MDNObservatoryTestsAndScores});var o=e(35470),a=e(14703),n=e(67621),s=e(66176),i=e(51513);let MDNObservatoryTestsAndScores=class MDNObservatoryTestsAndScores extends a.oi{static styles=i.Z;static ssr=!1;_fetchMatrixTask=new o.iQ(this,{task:async()=>{let t=await fetch(`${s._v}/api/v2/recommendation_matrix`);return t.ok?(await t.json()).map(t=>({...t,results:t.results.map(t=>({...t,description_html:t.description}))})):[]},args:()=>[]});render(){return this._fetchMatrixTask.render({pending:()=>(0,a.dy)`<div class="loading">Loading tests and scoring data...</div>`,complete:t=>t.map(t=>(0,a.dy)`
-            <section>
-              <h3 id=${t.name}>${t.title}</h3>
-              <p>
-                See <a href=${t.mdnLink}>${t.title}</a> for guidance.
-              </p>
-              <figure class="table-container">
-                <table>
-                  <thead>
-                    <tr>
-                      <th>Test result</th>
-                      <th>Description</th>
-                      <th align="center">Modifier</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    ${t.results.map(t=>(0,a.dy)`
-                        <tr>
-                          <td>${t.name}</td>
-                          <td>${(0,n.A)(t.description_html)}</td>
-                          <td>${t.scoreModifier}</td>
-                        </tr>
-                      `)}
-                  </tbody>
-                </table>
-              </figure>
-            </section>
-          `),error:t=>(0,a.dy)`
-        <div class="error">
-          Failed to load tests and scoring data. Please try again later.
-          ${console.error("Observatory matrix fetch error:",t)}
-        </div>
-      `})}};customElements.define("mdn-observatory-tests-and-scores",MDNObservatoryTestsAndScores)},51513:function(t,r,e){e.d(r,{Z:()=>d});var o=e(14703),a=e(8081),n=e.n(a),s=e(23645),i=e.n(s)()(n());i.push([t.id,":host{display:block}.error{background-color:var(--error-bg,#fee);border-radius:.25rem;color:var(--error-color,#d33);margin:1rem 0;padding:1rem}section{margin-bottom:3rem}h3{font-size:var(--font-size-large);font-weight:400;line-height:var(--font-line-content);margin-bottom:1rem;margin-top:2rem}.table-container{margin:1rem 0;overflow-x:auto}table{border-collapse:collapse;min-width:600px;width:100%}td,th{border:1px solid var(--color-border-primary);padding:.5rem .75rem;text-align:left}th{background-color:var(--color-background-secondary,#f5f5f5);font-weight:700}th[align=center]{text-align:center}tr:nth-child(2n){background-color:var(--color-background-secondary)}td:last-child{text-align:center}",""]);let d=(0,o.iv)([i.toString()])}};
-//# sourceMappingURL=665.bfa5abb72f818c34.js.map

package/dist/client/665.bfa5abb72f818c34.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"665.bfa5abb72f818c34.js","sources":["webpack://@mdn/fred/./components/observatory-tests-and-scores/element.js","webpack://@mdn/fred/./components/observatory-tests-and-scores/element.css"],"sourcesContent":["import { Task } from \"@lit/task\";\nimport { LitElement, html } from \"lit\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n\nimport { OBSERVATORY_API_URL } from \"../observatory/constants.js\";\n\nimport styles from \"./element.css?lit\";\n\nexport class MDNObservatoryTestsAndScores extends LitElement {\n  static styles = styles;\n  static ssr = false;\n\n  _fetchMatrixTask = new Task(this, {\n    task: async () => {\n      const response = await fetch(\n        `${OBSERVATORY_API_URL}/api/v2/recommendation_matrix`,\n      );\n\n      if (!response.ok) {\n        return [];\n      }\n\n      /**\n       * @type {import(\"@observatory\").ScoringResponse}\n       */\n      const data = await response.json();\n\n      const ret = data.map((entry) => ({\n        ...entry,\n        results: entry.results.map((result) => ({\n          ...result,\n          description_html: result.description,\n        })),\n      }));\n      return ret;\n    },\n    args: () => [],\n  });\n\n  render() {\n    return this._fetchMatrixTask.render({\n      pending: () =>\n        html`<div class=\"loading\">Loading tests and scoring data...</div>`,\n      complete: (data) =>\n        data.map(\n          (entry) => html`\n            <section>\n              <h3 id=${entry.name}>${entry.title}</h3>\n              <p>\n                See <a href=${entry.mdnLink}>${entry.title}</a> for guidance.\n              </p>\n              <figure class=\"table-container\">\n                <table>\n                  <thead>\n                    <tr>\n                      <th>Test result</th>\n                      <th>Description</th>\n                      <th align=\"center\">Modifier</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    ${entry.results.map(\n                      (result) => html`\n                        <tr>\n                          <td>${result.name}</td>\n                          <td>${unsafeHTML(result.description_html)}</td>\n                          <td>${result.scoreModifier}</td>\n                        </tr>\n                      `,\n                    )}\n                  </tbody>\n                </table>\n              </figure>\n            </section>\n          `,\n        ),\n      error: (error) => html`\n        <div class=\"error\">\n          Failed to load tests and scoring data. Please try again later.\n          ${console.error(\"Observatory matrix fetch error:\", error)}\n        </div>\n      `,\n    });\n  }\n}\n\ncustomElements.define(\n  \"mdn-observatory-tests-and-scores\",\n  MDNObservatoryTestsAndScores,\n);\n","import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block}.error{background-color:var(--error-bg,#fee);border-radius:.25rem;color:var(--error-color,#d33);margin:1rem 0;padding:1rem}section{margin-bottom:3rem}h3{font-size:var(--font-size-large);font-weight:400;line-height:var(--font-line-content);margin-bottom:1rem;margin-top:2rem}.table-container{margin:1rem 0;overflow-x:auto}table{border-collapse:collapse;min-width:600px;width:100%}td,th{border:1px solid var(--color-border-primary);padding:.5rem .75rem;text-align:left}th{background-color:var(--color-background-secondary,#f5f5f5);font-weight:700}th[align=center]{text-align:center}tr:nth-child(2n){background-color:var(--color-background-secondary)}td:last-child{text-align:center}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNObservatoryTestsAndScores","fetch","console","customElements"],"mappings":"sOAQO,IAAMA,6BAAN,MAAMA,qCAAqC,IAAU,CAC1D,OAAO,OAAS,GAAM,AAAC,AACvB,QAAO,IAAM,EAAM,AAEnB,kBAAmB,IAAI,IAAI,CAAC,IAAI,CAAE,CAChC,KAAM,UACJ,IAAM,EAAW,MAAMC,MACrB,CAAC,EAAE,IAAmB,CAAC,6BAA6B,CAAC,SAGvD,AAAK,EAAS,EAAE,CASJ,AAFC,OAAM,EAAS,IAAI,EAAC,EAEhB,GAAG,CAAC,AAAC,GAAW,EAC/B,GAAG,CAAK,CACR,QAAS,EAAM,OAAO,CAAC,GAAG,CAAC,AAAC,GAAY,EACtC,GAAG,CAAM,CACT,iBAAkB,EAAO,WAAW,AACtC,GACF,IAdS,EAAE,AAgBb,EACA,KAAM,IAAM,EAAE,AAChB,EAAG,AAEH,SAAS,CACP,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAClC,QAAS,IACP,QAAI,CAAC,4DAA4D,CAAC,CACpE,SAAU,AAAC,GACT,EAAK,GAAG,CACN,AAAC,GAAU,QAAI,CAAC;;qBAEL,EAAE,EAAM,IAAI,CAAC,CAAC,EAAE,EAAM,KAAK,CAAC;;4BAErB,EAAE,EAAM,OAAO,CAAC,CAAC,EAAE,EAAM,KAAK,CAAC;;;;;;;;;;;;oBAYvC,EAAE,EAAM,OAAO,CAAC,GAAG,CACjB,AAAC,GAAW,QAAI,CAAC;;8BAET,EAAE,EAAO,IAAI,CAAC;8BACd,EAAE,QAAW,EAAO,gBAAgB,EAAE;8BACtC,EAAE,EAAO,aAAa,CAAC;;sBAE/B,CAAC,EACD;;;;;UAKZ,CAAC,EAEL,MAAO,AAAC,GAAU,QAAI,CAAC;;;UAGnB,EAAEC,QAAQ,KAAK,CAAC,kCAAmC,GAAO;;MAE9D,CAAC,AACH,EACF,CACF,EAEAC,eAAe,MAAM,CACnB,mCACAH,6B,sFCpFE,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,+rBAAgsB,GAAG,EAE5uB,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}

package/dist/client/6681.4bc549fb34f3fd5c.js

@@ -1,6 +0,0 @@
-export const __webpack_ids__=["6681"];export const __webpack_modules__={55072:function(e,t,r){r.r(t),r.d(t,{MDNObservatoryHeaderLink:()=>MDNObservatoryHeaderLink});var s=r(35470),i=r(14703),n=r(28110),a=r(64643);let MDNObservatoryHeaderLink=class MDNObservatoryHeaderLink extends i.oi{static styles=a.Z;static properties={header:{type:String},_headerExists:{type:Boolean,state:!0},_isChecking:{type:Boolean,state:!0},_hasChecked:{type:Boolean,state:!0}};constructor(){super(),this.header="",this._headerExists=!1,this._isChecking=!1,this._hasChecked=!1}_checkHeaderTask=new s.iQ(this,{task:async([e])=>{if(!e)return{exists:!1};let t=(0,n.M2)(e),r=`/en-US/docs/Web/HTTP/Reference/Headers/${encodeURIComponent(t)}`;try{return{exists:(await fetch(`${r}/index.json`,{method:"HEAD"})).ok,displayHeaderName:t,headerPath:r}}catch{return{exists:!1,displayHeaderName:t,headerPath:r}}},args:()=>[this.header],onComplete:e=>{this._headerExists=e.exists,this._isChecking=!1,this._hasChecked=!0},onError:()=>{this._headerExists=!1,this._isChecking=!1,this._hasChecked=!0}});connectedCallback(){super.connectedCallback(),this.header&&!this._hasChecked&&(this._isChecking=!0,this._checkHeaderTask.run())}render(){let e=(0,n.M2)(this.header||"");if(this._isChecking||!this._hasChecked)return(0,i.dy)`${e}`;if(this._headerExists){let t=`/en-US/docs/Web/HTTP/Reference/Headers/${encodeURIComponent(e)}`;return(0,i.dy)`
-        <a href=${t} target="_blank" rel="noreferrer">
-          ${e}
-        </a>
-      `}return(0,i.dy)`${e}`}};customElements.define("mdn-observatory-header-link",MDNObservatoryHeaderLink)},64643:function(e,t,r){r.d(t,{Z:()=>h});var s=r(14703),i=r(8081),n=r.n(i),a=r(23645),o=r.n(a)()(n());o.push([e.id,"a{color:var(--color-text-primary);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--color-text-secondary)}a:hover{-webkit-text-decoration:none;text-decoration:none}",""]);let h=(0,s.iv)([o.toString()])}};
-//# sourceMappingURL=6681.4bc549fb34f3fd5c.js.map

package/dist/client/6955.90a316f179d37d80.js

@@ -1,52 +0,0 @@
-export const __webpack_ids__=["6955"];export const __webpack_modules__={77053:function(e,o,t){e.exports=t.p+"contrast.d86e85c43de8dee8.svg"},83373:function(e,o,t){e.exports=t.p+"moon.74026b9da82b0694.svg"},66253:function(e,o,t){e.exports=t.p+"sun.1d7c3ad7bf6fc390.svg"},56379:function(e,o,t){t.r(o),t.d(o,{MDNColorTheme:()=>MDNColorTheme});var r=t(14703),a=t(69535),l=t(56409);t(18399);let MDNColorTheme=class MDNColorTheme extends(0,a.q)(r.oi){static styles=l.Z;static properties={_mode:{state:!0}};constructor(){super(),this._mode="light dark"}_setMode({target:e}){if(e instanceof HTMLElement){let o=e.dataset.mode;if("light dark"===o||"light"===o||"dark"===o){this._mode=o;try{localStorage.setItem("theme",o)}catch(e){console.warn("Unable to write theme to localStorage",e)}let e=this.shadowRoot?.querySelector("mdn-dropdown");e&&(e.open=!1)}}}willUpdate(e){e.has("_mode")&&globalThis.document&&(document.documentElement.style.colorScheme=this._mode,document.documentElement.dataset.theme=this._mode,this.dispatchEvent(new CustomEvent("mdn-color-theme-update",{bubbles:!0,composed:!0,detail:this._mode})))}render(){return(0,r.dy)`<div class="color-theme">
-      <mdn-dropdown>
-        <button
-          slot="button"
-          class="color-theme__button"
-          data-mode=${this._mode}
-          type="button"
-          aria-label=${this.l10n`Switch color theme`}
-        >
-          <span>${this.l10n`Theme`}</span>
-        </button>
-        <div
-          slot="dropdown"
-          class="color-theme__dropdown"
-          id="color-theme__dropdown"
-        >
-          <ul class="color-theme__list">
-            <li>
-              <button
-                class="color-theme__option"
-                data-mode="light dark"
-                type="button"
-                @click=${this._setMode}
-              >
-                ${this.l10n("theme-default")`OS default`}
-              </button>
-            </li>
-            <li>
-              <button
-                class="color-theme__option"
-                data-mode="light"
-                type="button"
-                @click=${this._setMode}
-              >
-                ${this.l10n`Light`}
-              </button>
-            </li>
-            <li>
-              <button
-                class="color-theme__option"
-                data-mode="dark"
-                type="button"
-                @click=${this._setMode}
-              >
-                ${this.l10n`Dark`}
-              </button>
-            </li>
-          </ul>
-        </div>
-      </mdn-dropdown>
-    </div>`}firstUpdated(){let e;try{e=localStorage.getItem("theme")}catch(e){console.warn("Unable to read theme from localStorage",e)}("light dark"===e||"light"===e||"dark"===e)&&(this._mode=e)}};customElements.define("mdn-color-theme",MDNColorTheme)},56409:function(e,o,t){t.d(o,{Z:()=>p});var r=t(14703),a=t(8081),l=t.n(a),i=t(23645),n=t.n(i),d=t(61667),m=t.n(d),c=new t.U(t(77053)),s=new t.U(t(66253)),h=new t.U(t(83373)),_=n()(l()),g=m()(c),u=m()(s),b=m()(h);_.push([e.id,`.color-theme{--color-theme-light-dark:url(${g});--color-theme-light:url(${u});--color-theme-dark:url(${b});position:relative}.color-theme__button{align-items:center;background-color:initial;border:none;color:inherit;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.color-theme__button:is(:hover,:focus,[aria-expanded=true]){background-color:var(--color-background-secondary)}@media (max-width:769px){.color-theme__button>span{display:none}}.color-theme__button:before{background-color:currentcolor;content:"";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__button[data-mode="light dark"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__button[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__button[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__dropdown{border:1px solid var(--color-border-primary);padding:.75rem;position:absolute;right:0;z-index:1}.color-theme__dropdown,.color-theme__list{background-color:var(--color-background-primary);margin:0;width:max-content}.color-theme__list{list-style:none;padding:0}.color-theme__option{align-items:center;background-color:initial;border:none;color:var(--color-text-primary);column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:.25rem;width:100%}.color-theme__option:hover{background-color:var(--color-background-secondary)}.color-theme__option:before{background-color:currentcolor;content:"";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__option[data-mode="light dark"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__option[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__option[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}`,""]);let p=(0,r.iv)([_.toString()])}};
-//# sourceMappingURL=6955.90a316f179d37d80.js.map

package/dist/client/6955.90a316f179d37d80.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"6955.90a316f179d37d80.js","sources":["webpack://@mdn/fred/./components/color-theme/element.js","webpack://@mdn/fred/./components/color-theme/element.css"],"sourcesContent":["import { LitElement, html } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\n\nimport styles from \"./element.css?lit\";\n\nimport \"../dropdown/element.js\";\n\nexport class MDNColorTheme extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  static properties = {\n    _mode: { state: true },\n  };\n\n  constructor() {\n    super();\n    /** @type {import(\"./types.js\").ColorScheme} */\n    this._mode = \"light dark\";\n  }\n\n  /** @param {MouseEvent} event */\n  _setMode({ target }) {\n    if (target instanceof HTMLElement) {\n      const mode = target.dataset.mode;\n      if (mode === \"light dark\" || mode === \"light\" || mode === \"dark\") {\n        this._mode = mode;\n        try {\n          localStorage.setItem(\"theme\", mode);\n        } catch (error) {\n          console.warn(\"Unable to write theme to localStorage\", error);\n        }\n        const dropdown = this.shadowRoot?.querySelector(\"mdn-dropdown\");\n        if (dropdown) {\n          dropdown.open = false;\n        }\n      }\n    }\n  }\n\n  /**\n   * @param {import(\"lit\").PropertyValues<this>} changedProperties\n   */\n  willUpdate(changedProperties) {\n    if (changedProperties.has(\"_mode\") && globalThis.document) {\n      document.documentElement.style.colorScheme = this._mode;\n      document.documentElement.dataset.theme = this._mode;\n      this.dispatchEvent(\n        new CustomEvent(\"mdn-color-theme-update\", {\n          bubbles: true,\n          composed: true,\n          detail: this._mode,\n        }),\n      );\n    }\n  }\n\n  render() {\n    return html`<div class=\"color-theme\">\n      <mdn-dropdown>\n        <button\n          slot=\"button\"\n          class=\"color-theme__button\"\n          data-mode=${this._mode}\n          type=\"button\"\n          aria-label=${this.l10n`Switch color theme`}\n        >\n          <span>${this.l10n`Theme`}</span>\n        </button>\n        <div\n          slot=\"dropdown\"\n          class=\"color-theme__dropdown\"\n          id=\"color-theme__dropdown\"\n        >\n          <ul class=\"color-theme__list\">\n            <li>\n              <button\n                class=\"color-theme__option\"\n                data-mode=\"light dark\"\n                type=\"button\"\n                @click=${this._setMode}\n              >\n                ${this.l10n(\"theme-default\")`OS default`}\n              </button>\n            </li>\n            <li>\n              <button\n                class=\"color-theme__option\"\n                data-mode=\"light\"\n                type=\"button\"\n                @click=${this._setMode}\n              >\n                ${this.l10n`Light`}\n              </button>\n            </li>\n            <li>\n              <button\n                class=\"color-theme__option\"\n                data-mode=\"dark\"\n                type=\"button\"\n                @click=${this._setMode}\n              >\n                ${this.l10n`Dark`}\n              </button>\n            </li>\n          </ul>\n        </div>\n      </mdn-dropdown>\n    </div>`;\n  }\n\n  firstUpdated() {\n    // we have to do this here and immediately cause a re-render\n    // as doing so in connectedCallback causes a hydration error:\n    // https://github.com/lit/lit/issues/1434\n\n    // this logic is also reflected in \"/entry.inline.js\"\n\n    let mode;\n    try {\n      mode = localStorage.getItem(\"theme\");\n    } catch (error) {\n      console.warn(\"Unable to read theme from localStorage\", error);\n    }\n    if (mode === \"light dark\" || mode === \"light\" || mode === \"dark\") {\n      this._mode = mode;\n    }\n  }\n}\n\ncustomElements.define(\"mdn-color-theme\", MDNColorTheme);\n","import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/contrast.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../icon/sun.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(\"../icon/moon.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.color-theme{--color-theme-light-dark:url(${___CSS_LOADER_URL_REPLACEMENT_0___});--color-theme-light:url(${___CSS_LOADER_URL_REPLACEMENT_1___});--color-theme-dark:url(${___CSS_LOADER_URL_REPLACEMENT_2___});position:relative}.color-theme__button{align-items:center;background-color:initial;border:none;color:inherit;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.color-theme__button:is(:hover,:focus,[aria-expanded=true]){background-color:var(--color-background-secondary)}@media (max-width:769px){.color-theme__button>span{display:none}}.color-theme__button:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__button[data-mode=\"light dark\"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__button[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__button[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__dropdown{border:1px solid var(--color-border-primary);padding:.75rem;position:absolute;right:0;z-index:1}.color-theme__dropdown,.color-theme__list{background-color:var(--color-background-primary);margin:0;width:max-content}.color-theme__list{list-style:none;padding:0}.color-theme__option{align-items:center;background-color:initial;border:none;color:var(--color-text-primary);column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:.25rem;width:100%}.color-theme__option:hover{background-color:var(--color-background-secondary)}.color-theme__option:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__option[data-mode=\"light dark\"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__option[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__option[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNColorTheme","HTMLElement","localStorage","e","console","globalThis","document","CustomEvent","customElements","_"],"mappings":"kYAQO,IAAMA,cAAN,MAAMA,qBAAsB,QAAU,IAAU,EACrD,OAAO,OAAS,GAAM,AAAC,AAEvB,QAAO,WAAa,CAClB,MAAO,CAAE,MAAO,EAAK,CACvB,CAAE,AAEF,cAAc,CACZ,KAAK,GAEL,IAAI,CAAC,KAAK,CAAG,YACf,CAGA,SAAS,CAAE,QAAM,CAAE,CAAE,CACnB,GAAI,aAAkBC,YAAa,CACjC,IAAM,EAAO,EAAO,OAAO,CAAC,IAAI,CAChC,GAAI,AAAS,eAAT,GAAyB,AAAS,UAAT,GAAoB,AAAS,SAAT,EAAiB,CAChE,IAAI,CAAC,KAAK,CAAG,EACb,GAAI,CACFC,aAAa,OAAO,CAAC,QAAS,EAChC,CAAE,MAAOC,EAAO,CACdC,QAAQ,IAAI,CAAC,wCAAyCD,EACxD,CACA,IAAM,EAAW,IAAI,CAAC,UAAU,EAAE,cAAc,eAC5C,IACF,GAAS,IAAI,CAAG,EAAI,CAExB,CACF,CACF,CAKA,WAAW,CAAiB,CAAE,CACxB,EAAkB,GAAG,CAAC,UAAYE,WAAW,QAAQ,GACvDC,SAAS,eAAe,CAAC,KAAK,CAAC,WAAW,CAAG,IAAI,CAAC,KAAK,CACvDA,SAAS,eAAe,CAAC,OAAO,CAAC,KAAK,CAAG,IAAI,CAAC,KAAK,CACnD,IAAI,CAAC,aAAa,CAChB,IAAIC,YAAY,yBAA0B,CACxC,QAAS,GACT,SAAU,GACV,OAAQ,IAAI,CAAC,KAAK,AACpB,IAGN,CAEA,QAAS,CACP,MAAO,QAAI,CAAC;;;;;oBAKI,EAAE,IAAI,CAAC,KAAK,CAAC;;qBAEZ,EAAE,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;;gBAErC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;;;;;;;;;;;;uBAaZ,EAAE,IAAI,CAAC,QAAQ,CAAC;;gBAEvB,EAAE,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;;;;;;;;uBAQlC,EAAE,IAAI,CAAC,QAAQ,CAAC;;gBAEvB,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;;;;;;;uBAQZ,EAAE,IAAI,CAAC,QAAQ,CAAC;;gBAEvB,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;;;UAMxB,CAAC,AACT,CAEA,cAAe,CAOb,IAAI,EACJ,GAAI,CACF,EAAOL,aAAa,OAAO,CAAC,QAC9B,CAAE,MAAOC,EAAO,CACdC,QAAQ,IAAI,CAAC,yCAA0CD,EACzD,CACI,CAAS,eAAT,GAAyB,AAAS,UAAT,GAAoB,AAAS,SAAT,CAAc,GAC7D,KAAI,CAAC,KAAK,CAAG,CAAG,CAEpB,CACF,EAEAK,eAAe,MAAM,CAAC,kBAAmBR,c,mHC7HrC,EAAgC,kBAChC,EAAgC,kBAChC,EAAgC,kBAChCS,EAA0B,IAA4B,KACtD,EAAqC,IAAgC,GACrE,EAAqC,IAAgC,GACrE,EAAqC,IAAgC,GAEzEA,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,CAAC,0CAA0C,EAAE,EAAmC,0BAA0B,EAAE,EAAmC,yBAAyB,EAAE,EAAmC,o8DAAo8D,CAAC,CAAE,GAAG,EAEhsE,MAAe,SAAI,CAACA,EAAwB,QAAQ,GAAG,C"}