@mdn/fred 0.1.0 → 0.2.0

package/dist/client/391.ead0b358d96c9c13.js

@@ -1,8 +0,0 @@
-export const __webpack_ids__=["391"];export const __webpack_modules__={12233:function(o,r,t){t.r(r),t.d(r,{MDNSearchButton:()=>MDNSearchButton});var e=t(14703),n=t(69535),c=t(77837),s=t(39187),l=t(67082);let MDNSearchButton=class MDNSearchButton extends(0,n.q)(e.oi){static styles=l.Z;_showModal(){let o=document.querySelector("#search");o instanceof s.MDNSearchModal?o.showModal():console.error("MDNSearchModal not found!")}render(){return(0,e.dy)`<button
-      class="mdn-search-button"
-      title=${this.l10n`Search the site`}
-      @click=${this._showModal}
-    >
-      ${c.Z}
-    </button>`}};customElements.define("mdn-search-button",MDNSearchButton)},67082:function(o,r,t){t.d(r,{Z:()=>a});var e=t(14703),n=t(8081),c=t.n(n),s=t(23645),l=t.n(s)()(c());l.push([o.id,'.mdn-search-button{align-items:center;background-color:var(--color-background-page);border:1px solid var(--color-border-primary);border-radius:calc(infinity*1px);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.25rem .25rem .25rem .75rem;width:5rem}.mdn-search-button:before{content:"";height:18px;width:15px;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-blue-80);border-bottom:2px solid var(--csstools-light-dark-toggle--0,var(--color-blue-50))}@supports (color:light-dark(red,red)){.mdn-search-button:before{border-bottom:2px solid light-dark(var(--color-blue-50),var(--color-blue-80))}}',""]);let a=(0,e.iv)([l.toString()])},77837:function(o,r,t){t.d(r,{Z:()=>n});var e=t(14703);let n=(0,e.YP)`<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="m21 21-4.34-4.34"/><circle cx="11" cy="11" r="8"/></svg>`}};
-//# sourceMappingURL=391.ead0b358d96c9c13.js.map

package/dist/client/391.ead0b358d96c9c13.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"391.ead0b358d96c9c13.js","sources":["webpack://@mdn/fred/./components/search-button/element.js","webpack://@mdn/fred/./components/search-button/element.css","webpack://@mdn/fred/./components/icon/search.svg"],"sourcesContent":["import { LitElement, html } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport searchIcon from \"../icon/search.svg?lit\";\nimport { MDNSearchModal } from \"../search-modal/element.js\";\n\nimport styles from \"./element.css?lit\";\n\nexport class MDNSearchButton extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  _showModal() {\n    const search = document.querySelector(\"#search\");\n    if (search instanceof MDNSearchModal) {\n      search.showModal();\n    } else {\n      console.error(\"MDNSearchModal not found!\");\n    }\n  }\n\n  render() {\n    return html`<button\n      class=\"mdn-search-button\"\n      title=${this.l10n`Search the site`}\n      @click=${this._showModal}\n    >\n      ${searchIcon}\n    </button>`;\n  }\n}\n\ncustomElements.define(\"mdn-search-button\", MDNSearchButton);\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, `.mdn-search-button{align-items:center;background-color:var(--color-background-page);border:1px solid var(--color-border-primary);border-radius:calc(infinity*1px);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.25rem .25rem .25rem .75rem;width:5rem}.mdn-search-button:before{content:\"\";height:18px;width:15px;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-blue-80);border-bottom:2px solid var(--csstools-light-dark-toggle--0,var(--color-blue-50))}@supports (color:light-dark(red,red)){.mdn-search-button:before{border-bottom:2px solid light-dark(var(--color-blue-50),var(--color-blue-80))}}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","import { svg } from \"lit\"; export default svg`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"m21 21-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></svg>`;"],"names":["MDNSearchButton","document","console","customElements"],"mappings":"4MAQO,IAAMA,gBAAN,MAAMA,uBAAwB,QAAU,IAAU,EACvD,OAAO,OAAS,GAAM,AAAC,AAEvB,aAAa,CACX,IAAM,EAASC,SAAS,aAAa,CAAC,UAClC,cAAkB,gBAAc,CAClC,EAAO,SAAS,GAEhBC,QAAQ,KAAK,CAAC,4BAElB,CAEA,QAAS,CACP,MAAO,QAAI,CAAC;;YAEJ,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;aAC5B,EAAE,IAAI,CAAC,UAAU,CAAC;;MAEzB,EAAE,GAAU,CAAC;aACN,CAAC,AACZ,CACF,EAEAC,eAAe,MAAM,CAAC,oBAAqBH,gB,sFC3BvC,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,6oBAA8oB,GAAG,EAE1rB,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C,wDCR5B,MAAe,QAAG,CAAC,sPAAsP,CAAC,A"}

package/dist/client/4036.5ca9997e4c034473.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"4036.5ca9997e4c034473.js","sources":["webpack://@mdn/fred/./components/live-sample-result/element.js","webpack://@mdn/fred/./node_modules/lit-html/directives/if-defined.js","webpack://@mdn/fred/./components/live-sample-result/element.css"],"sourcesContent":["import { LitElement, html, nothing } from \"lit\";\n\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\n\nimport styles from \"./element.css?lit\";\n\nimport \"../play-runner/element.js\";\nimport \"../button/element.js\";\n\nexport class MDNLiveSampleResult extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  static properties = {\n    liveId: { attribute: \"live-id\" },\n    code: { type: Object },\n    allowed: {},\n    sandbox: {},\n    srcPrefix: { attribute: \"src-prefix\" },\n    height: {},\n    breakoutLink: { state: true },\n  };\n\n  constructor() {\n    super();\n    /** @type {string | undefined} */\n    this.liveId = undefined;\n    /** @type {Record<string, string> | undefined} */\n    this.code = undefined;\n    /** @type {string | undefined} */\n    this.allow = undefined;\n    /** @type {string | undefined} */\n    this.sandbox = undefined;\n    /** @type {string | undefined} */\n    this.srcPrefix = undefined;\n    /** @type {string | undefined} */\n    this.height = undefined;\n    /** @type {string | undefined} */\n    this.breakoutLink = undefined;\n  }\n\n  _openFullscreen(replace = false) {\n    if (this._runnerSrc) {\n      if (replace || this._fullscreenReplace) {\n        location.replace(this._runnerSrc);\n      } else {\n        location.href = this._runnerSrc;\n      }\n    } else {\n      this._fullscreenPending = true;\n      if (replace) {\n        this._fullscreenReplace = true;\n      }\n    }\n  }\n\n  /** @param {MouseEvent} event */\n  _fullscreenClick(event) {\n    if (\n      this.liveId &&\n      event.target instanceof HTMLAnchorElement &&\n      event.target.hash === `#livesample_fullscreen=${this.liveId}`\n    ) {\n      event.preventDefault();\n      this._openFullscreen();\n    }\n  }\n\n  /** @param {CustomEvent<string>} event */\n  _runnerSrcUpdated({ detail }) {\n    this._runnerSrc = detail;\n    if (this._fullscreenPending) {\n      this._openFullscreen();\n    }\n    const playUrl = new URL(\"/en-US/play\", location.href);\n    playUrl.search = new URL(this._runnerSrc).search;\n    this.breakoutLink = playUrl.href;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._fullscreenClick = this._fullscreenClick.bind(this);\n    document.addEventListener(\"click\", this._fullscreenClick);\n    if (location.hash === `#livesample_fullscreen=${this.liveId}`) {\n      this._openFullscreen();\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"code-example\">\n        <div class=\"example-header\">\n          ${this.breakoutLink\n            ? html`<mdn-button variant=\"secondary\" href=${this.breakoutLink}\n                >${this.l10n`Play`}</mdn-button\n              >`\n            : nothing}\n        </div>\n        <mdn-play-runner\n          @mdn-play-runner-src=${this._runnerSrcUpdated}\n          .code=${this.code}\n          .allow=${this.allow}\n          .sandbox=${this.sandbox}\n          .srcPrefix=${this.srcPrefix}\n          style=${styleMap({\n            height: this.height ? this.height + \"px\" : undefined,\n          })}\n        ></mdn-play-runner>\n      </div>\n    `;\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener(\"click\", this._fullscreenClick);\n  }\n}\n\ncustomElements.define(\"mdn-live-sample-result\", MDNLiveSampleResult);\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","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]!../code-example/common.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.code-example .example-header{justify-content:end;padding-right:.5rem}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNLiveSampleResult","Object","location","e","HTMLAnchorElement","URL","document","n","s","customElements"],"mappings":";4NAWO,IAAMA,oBAAN,MAAMA,2BAA4B,QAAU,IAAU,EAC3D,OAAO,OAAS,GAAM,AAAC,AAEvB,QAAO,WAAa,CAClB,OAAQ,CAAE,UAAW,SAAU,EAC/B,KAAM,CAAE,KAAMC,MAAO,EACrB,QAAS,CAAC,EACV,QAAS,CAAC,EACV,UAAW,CAAE,UAAW,YAAa,EACrC,OAAQ,CAAC,EACT,aAAc,CAAE,MAAO,EAAK,CAC9B,CAAE,AAEF,cAAc,CACZ,KAAK,GAEL,IAAI,CAAC,MAAM,CAAG,OAEd,IAAI,CAAC,IAAI,CAAG,OAEZ,IAAI,CAAC,KAAK,CAAG,OAEb,IAAI,CAAC,OAAO,CAAG,OAEf,IAAI,CAAC,SAAS,CAAG,OAEjB,IAAI,CAAC,MAAM,CAAG,OAEd,IAAI,CAAC,YAAY,CAAG,MACtB,CAEA,gBAAgB,EAAU,EAAK,CAAE,CAC3B,IAAI,CAAC,UAAU,CACb,GAAW,IAAI,CAAC,kBAAkB,CACpCC,SAAS,OAAO,CAAC,IAAI,CAAC,UAAU,EAEhCA,SAAS,IAAI,CAAG,IAAI,CAAC,UAAU,EAGjC,IAAI,CAAC,kBAAkB,CAAG,GACtB,GACF,KAAI,CAAC,kBAAkB,CAAG,EAAG,EAGnC,CAGA,iBAAiBC,CAAK,CAAE,CAEpB,IAAI,CAAC,MAAM,EACXA,EAAM,MAAM,YAAYC,mBACxBD,EAAM,MAAM,CAAC,IAAI,GAAK,CAAC,uBAAuB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,GAE7DA,EAAM,cAAc,GACpB,IAAI,CAAC,eAAe,GAExB,CAGA,kBAAkB,CAAE,QAAM,CAAE,CAAE,CAC5B,IAAI,CAAC,UAAU,CAAG,EACd,IAAI,CAAC,kBAAkB,EACzB,IAAI,CAAC,eAAe,GAEtB,IAAM,EAAU,IAAIE,IAAI,cAAeH,SAAS,IAAI,CACpD,GAAQ,MAAM,CAAG,IAAIG,IAAI,IAAI,CAAC,UAAU,EAAE,MAAM,CAChD,IAAI,CAAC,YAAY,CAAG,EAAQ,IAAI,AAClC,CAEA,mBAAoB,CAClB,KAAK,CAAC,oBACN,IAAI,CAAC,gBAAgB,CAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EACvDC,SAAS,gBAAgB,CAAC,QAAS,IAAI,CAAC,gBAAgB,EACpDJ,SAAS,IAAI,GAAK,CAAC,uBAAuB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,EAC3D,IAAI,CAAC,eAAe,EAExB,CAEA,QAAS,CACP,MAAO,QAAI,CAAC;;;UAGN,EAAE,IAAI,CAAC,YAAY,CACf,QAAI,CAAC,qCAAqC,EAAE,IAAI,CAAC,YAAY,CAAC;iBAC3D,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;eACpB,CAAC,CACFK,EAAA,EAAO,CAAC;;;+BAGS,EAAE,IAAI,CAAC,iBAAiB,CAAC;gBACxC,EAAE,IAAI,CAAC,IAAI,CAAC;iBACX,EAAE,IAAI,CAAC,KAAK,CAAC;mBACX,EAAE,IAAI,CAAC,OAAO,CAAC;qBACb,EAAE,IAAI,CAAC,SAAS,CAAC;gBACtB,EAAE,GAAAC,EAAA,GAAS,CACf,OAAQ,IAAI,CAAC,MAAM,CAAG,IAAI,CAAC,MAAM,CAAG,KAAO,MAC7C,GAAG;;;IAGT,CAAC,AACH,CAEA,sBAAuB,CACrB,KAAK,CAAC,uBACNF,SAAS,mBAAmB,CAAC,QAAS,IAAI,CAAC,gBAAgB,CAC7D,CACF,EAEAG,eAAe,MAAM,CAAC,yBAA0BT,4EClH7C,IAAM,EAAE,GAAG,GAAG,IAAC,0GCAd,EAA0B,IAA4B,KAC1D,EAAwB,CAAC,CAAC,GAAiC,EAE3D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,yEAA0E,GAAG,EAEtH,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG"}

package/dist/client/4045.c0fd898eab0b2a5c.js

@@ -1,8 +0,0 @@
-/*! For license information please see 4045.c0fd898eab0b2a5c.js.LICENSE.txt */
-export const __webpack_ids__=["4045"];export const __webpack_modules__={90811:function(e,t,n){n.r(t),n.d(t,{MDNObservatoryRescanButton:()=>MDNObservatoryRescanButton});var i=n(14703);n(50272);let MDNObservatoryRescanButton=class MDNObservatoryRescanButton extends i.oi{static properties={from:{type:Object},duration:{type:Number},_remainingTime:{state:!0}};constructor(){super(),this.from=new Date,this.duration=60,this._remainingTime=0,this._interval=null}connectedCallback(){super.connectedCallback(),this._remainingTime=this._calculateRemainingTime(),this._interval=setInterval(()=>{this._remainingTime=this._calculateRemainingTime()},1e3)}disconnectedCallback(){super.disconnectedCallback(),this._interval&&(clearInterval(this._interval),this._interval=null)}_calculateRemainingTime(){return Math.max(0,this.from.getTime()+1e3*this.duration-Date.now())}_icon(e){return(0,i.dy)`<span
-      class="progress"
-      style="  display: inline-block; width: 0.9rem; height: 0.9rem; border-radius: 50%; background: conic-gradient(light-dark(var(--color-gray-40), var(--color-gray-60)) 0grad, ${e}%, rgba(0,0,0,0) ${e}% 100%)"
-    ></span>`}render(){let e=this._remainingTime<=0,t=Math.floor(this._remainingTime/1e3)+1;return e?(0,i.dy)`<mdn-button>Rescan</mdn-button>`:(0,i.dy)` <mdn-button disabled .icon=${this._icon(100*t/60)}
-          >Please wait to rescan</mdn-button
-        >`}};customElements.define("mdn-observatory-rescan-button",MDNObservatoryRescanButton)},13566:function(e,t,n){n.d(t,{o:()=>a});var i=n(32529);let a=e=>e??i.Ld}};
-//# sourceMappingURL=4045.c0fd898eab0b2a5c.js.map

package/dist/client/4045.c0fd898eab0b2a5c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"4045.c0fd898eab0b2a5c.js","sources":["webpack://@mdn/fred/./components/observatory-rescan-button/element.js","webpack://@mdn/fred/./node_modules/lit-html/directives/if-defined.js"],"sourcesContent":["import { LitElement, html } from \"lit\";\n\nimport \"../button/element.js\";\n\nexport class MDNObservatoryRescanButton extends LitElement {\n  static properties = {\n    from: { type: Object }, // Date object\n    duration: { type: Number },\n    _remainingTime: { state: true },\n  };\n\n  constructor() {\n    super();\n    this.from = new Date();\n    this.duration = 60;\n    this._remainingTime = 0;\n    this._interval = null;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._remainingTime = this._calculateRemainingTime();\n    this._interval = setInterval(() => {\n      this._remainingTime = this._calculateRemainingTime();\n    }, 1000);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this._interval) {\n      clearInterval(this._interval);\n      this._interval = null;\n    }\n  }\n\n  _calculateRemainingTime() {\n    const endTime = this.from.getTime() + this.duration * 1000;\n    return Math.max(0, endTime - Date.now());\n  }\n\n  /**\n   *\n   * @param {number} progressPercent\n   */\n  _icon(progressPercent) {\n    return html`<span\n      class=\"progress\"\n      style=\"  display: inline-block; width: 0.9rem; height: 0.9rem; border-radius: 50%; background: conic-gradient(light-dark(var(--color-gray-40), var(--color-gray-60)) 0grad, ${progressPercent}%, rgba(0,0,0,0) ${progressPercent}% 100%)\"\n    ></span>`;\n  }\n\n  render() {\n    const isExpired = this._remainingTime <= 0;\n    const remainingSecs = Math.floor(this._remainingTime / 1000) + 1;\n    const progressPercent = (remainingSecs * 100) / 60;\n\n    return isExpired\n      ? html`<mdn-button>Rescan</mdn-button>`\n      : html` <mdn-button disabled .icon=${this._icon(progressPercent)}\n          >Please wait to rescan</mdn-button\n        >`;\n  }\n}\n\ncustomElements.define(\n  \"mdn-observatory-rescan-button\",\n  MDNObservatoryRescanButton,\n);\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n"],"names":["MDNObservatoryRescanButton","Object","Number","Date","setInterval","clearInterval","Math","customElements"],"mappings":";gMAIO,IAAMA,2BAAN,MAAMA,mCAAmC,IAAU,CACxD,OAAO,WAAa,CAClB,KAAM,CAAE,KAAMC,MAAO,EACrB,SAAU,CAAE,KAAMC,MAAO,EACzB,eAAgB,CAAE,MAAO,EAAK,CAChC,CAAE,AAEF,cAAc,CACZ,KAAK,GACL,IAAI,CAAC,IAAI,CAAG,IAAIC,KAChB,IAAI,CAAC,QAAQ,CAAG,GAChB,IAAI,CAAC,cAAc,CAAG,EACtB,IAAI,CAAC,SAAS,CAAG,IACnB,CAEA,mBAAoB,CAClB,KAAK,CAAC,oBACN,IAAI,CAAC,cAAc,CAAG,IAAI,CAAC,uBAAuB,GAClD,IAAI,CAAC,SAAS,CAAGC,YAAY,KAC3B,IAAI,CAAC,cAAc,CAAG,IAAI,CAAC,uBAAuB,EACpD,EAAG,IACL,CAEA,sBAAuB,CACrB,KAAK,CAAC,uBACF,IAAI,CAAC,SAAS,GAChBC,cAAc,IAAI,CAAC,SAAS,EAC5B,IAAI,CAAC,SAAS,CAAG,KAErB,CAEA,yBAA0B,CAExB,OAAOC,KAAK,GAAG,CAAC,EAAG,AADH,IAAI,CAAC,IAAI,CAAC,OAAO,GAAK,AAAgB,IAAhB,IAAI,CAAC,QAAQ,CACtBH,KAAK,GAAG,GACvC,CAMA,MAAM,CAAe,CAAE,CACrB,MAAO,QAAI,CAAC;;kLAEkK,EAAE,EAAgB,iBAAiB,EAAE,EAAgB;YAC3N,CAAC,AACX,CAEA,QAAS,CACP,IAAM,EAAY,IAAI,CAAC,cAAc,EAAI,EACnC,EAAgBG,KAAK,KAAK,CAAC,IAAI,CAAC,cAAc,CAAG,KAAQ,EAG/D,OAAO,EACH,QAAI,CAAC,+BAA+B,CAAC,CACrC,QAAI,CAAC,4BAA4B,EAAE,IAAI,CAAC,KAAK,CAJzB,AAAiB,IAAhB,EAAuB,IAImB;;SAE9D,CAAC,AACR,CACF,EAEAC,eAAe,MAAM,CACnB,gCACAP,mFC7DC,IAAM,EAAE,GAAG,GAAG,IAAC"}

package/dist/client/4531.4ae011f8a64a2b27.js

@@ -1,34 +0,0 @@
-/*! For license information please see 4531.4ae011f8a64a2b27.js.LICENSE.txt */
-export const __webpack_ids__=["4531"];export const __webpack_modules__={62249:function(r,o,e){e.d(o,{Z:()=>n});var t=e(8081),a=e.n(t),i=e(23645),s=e.n(i)()(a());s.push([r.id,".visually-hidden{border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important}",""]);let n=s.toString()},14793:function(r,o,e){e.r(o),e.d(o,{MDNObservatoryForm:()=>MDNObservatoryForm});var t=e(14703),a=e(51968);e(42678),e(50272);var i=e(81008);let s={TypeError:"Observatory is currently down."};let MDNObservatoryForm=class MDNObservatoryForm extends t.oi{static styles=i.Z;static properties={_queryRunning:{type:Boolean,state:!0},_hostname:{type:String,state:!0},_errorMessage:{type:String,state:!0}};constructor(){super(),this._queryRunning=!1,this._hostname="",this._errorMessage=""}inputRef=(0,a.V)();firstUpdated(){this.inputRef.value?.focus()}async _handleSubmit(r){r.preventDefault(),this._errorMessage="";let o=this.inputRef.value;if(!o?.value.trim()){this._errorMessage="Please enter a valid hostname";return}let e=o.value.trim();try{let r=new URL(e);this._hostname=r.hostname.trim()||e}catch{this._hostname=e}this._queryRunning=!0;try{let r=`https://observatory-api.mdn.mozilla.net/api/v2/analyze?host=${encodeURIComponent(this._hostname)}`,o=await fetch(r,{method:"POST"});if(!o.ok){let r=await o.json();throw Error(`Request failed: ${r.message}`)}globalThis.location.href=`/en-US/observatory/analyze?host=${encodeURIComponent(this._hostname)}`}catch(r){this._errorMessage=`${s[r.name]||"message"in r?r.message:r}`}finally{this._queryRunning=!1}}render(){return this._queryRunning?(0,t.dy)`
-          <label class="visually-hidden" for="progress-bar">
-            Scanning ${this._hostname} </label
-          ><mdn-progress-bar id="progress-bar"></mdn-progress-bar>
-        `:(0,t.dy)`
-          <form @submit=${this._handleSubmit} class="observatory-form">
-            <div class="observatory-form__input-group">
-              <label htmlFor="host" class="visually-hidden">
-                Domain name or URL
-              </label>
-              <input
-                class="input observatory-form__input"
-                placeholder="Scan a website for free (e.g. mdn.dev)"
-                type="text"
-                name="host"
-                id="host"
-                .value=${this._hostname}
-                autofocus
-                ${(0,a.i)(this.inputRef)}
-              />
-              <button
-                class="button observatory-form__submit"
-                type="submit"
-                ?disabled=${this._queryRunning}
-                data-variant="primary"
-              >
-                Scan
-              </button>
-            </div>
-          </form>
-          ${this._errorMessage?(0,t.dy)`<div class="error">${this._errorMessage}</div>`:t.Ld}
-        `}};customElements.define("mdn-observatory-form",MDNObservatoryForm)},13566:function(r,o,e){e.d(o,{o:()=>a});var t=e(32529);let a=r=>r??t.Ld},81008:function(r,o,e){e.d(o,{Z:()=>p});var t=e(14703),a=e(8081),i=e.n(a),s=e(23645),n=e.n(s),l=e(56718),d=e(62249),m=n()(i());m.i(l.Z),m.i(d.Z),m.push([r.id,':host{font:400 var(--base-font-size) var(--font-body)}.observatory-form__input-group{display:flex;height:3rem}.observatory-form__input-group :focus-visible{outline:1px solid var(--observatory-accent);outline-offset:-1px;outline-width:1px}.observatory-form__input-group ::placeholder{color:var(--color-text-secondary);opacity:.8}.observatory-form__input-group .observatory-form__input{flex-grow:1;font:inherit;padding:0 .75rem;width:100%;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-05);background-color:var(--csstools-light-dark-toggle--0,var(--color-gray-90));border:1px solid var(--color-border-primary);border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}@supports (color:light-dark(red,red)){.observatory-form__input-group .observatory-form__input{background-color:light-dark(var(--color-gray-90),var(--color-gray-05))}}:is(.observatory-form__input-group .observatory-form__input)::placeholder{overflow-x:hidden;text-overflow:ellipsis}.observatory-form__input-group .observatory-form__submit{border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);font:var(--type-emphasis-m);font-size:1rem;height:unset;padding:0 2rem}.error{color:var(--form-invalid-color);margin-top:.5rem}.error:before{background-color:var(--form-invalid-color);content:"";display:inline-block;height:1.15rem;margin-bottom:.25rem;margin-right:.5rem;-webkit-mask-image:var(--alert-circle-img);mask-image:var(--alert-circle-img);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1.5em}',""]);let p=(0,t.iv)([m.toString()])}};
-//# sourceMappingURL=4531.4ae011f8a64a2b27.js.map

package/dist/client/4531.4ae011f8a64a2b27.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"4531.4ae011f8a64a2b27.js","sources":["webpack://@mdn/fred/./components/visually-hidden/global.css?9b14","webpack://@mdn/fred/./components/observatory-form/element.js","webpack://@mdn/fred/./node_modules/lit-html/directives/if-defined.js","webpack://@mdn/fred/./components/observatory-form/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, `.visually-hidden{border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { LitElement, html, nothing } from \"lit\";\nimport { createRef, ref } from \"lit/directives/ref.js\";\nimport \"../progress-bar/element.js\";\nimport \"../button/element.js\";\n\nimport styles from \"./element.css?lit\";\n\nconst ERROR_MAP = {\n  TypeError: \"Observatory is currently down.\", // `fetch()` errors catch-all\n};\n\nexport class MDNObservatoryForm extends LitElement {\n  static styles = styles;\n\n  static properties = {\n    _queryRunning: { type: Boolean, state: true },\n    _hostname: { type: String, state: true },\n    _errorMessage: { type: String, state: true },\n  };\n\n  constructor() {\n    super();\n    this._queryRunning = false;\n    this._hostname = \"\";\n    this._errorMessage = \"\";\n  }\n  /** @type {import(\"@lit\").Ref<HTMLInputElement>}  */\n  inputRef = createRef();\n\n  firstUpdated() {\n    this.inputRef.value?.focus();\n  }\n\n  /**\n   * @param {Event} event\n   */\n  async _handleSubmit(event) {\n    event.preventDefault();\n    this._errorMessage = \"\";\n    const input = this.inputRef.value;\n    if (!input?.value.trim()) {\n      this._errorMessage = \"Please enter a valid hostname\";\n      return;\n    }\n\n    const host = input.value.trim();\n    try {\n      // tolerate url-style host values and pick out the hostname part\n      const url = new URL(host);\n      this._hostname = url.hostname.trim() || host;\n    } catch {\n      this._hostname = host;\n    }\n    this._queryRunning = true;\n    try {\n      const apiUrl = `https://observatory-api.mdn.mozilla.net/api/v2/analyze?host=${encodeURIComponent(\n        this._hostname,\n      )}`;\n      const response = await fetch(apiUrl, { method: \"POST\" });\n      if (!response.ok) {\n        const json = await response.json();\n        throw new Error(`Request failed: ${json.message}`);\n      }\n      globalThis.location.href = `/en-US/observatory/analyze?host=${encodeURIComponent(\n        this._hostname,\n      )}`;\n    } catch (error) {\n      // @ts-expect-error\n      this._errorMessage = `${ERROR_MAP[error.name] || \"message\" in error ? error[\"message\"] : error}`;\n    } finally {\n      this._queryRunning = false;\n    }\n  }\n\n  render() {\n    return this._queryRunning\n      ? html`\n          <label class=\"visually-hidden\" for=\"progress-bar\">\n            Scanning ${this._hostname} </label\n          ><mdn-progress-bar id=\"progress-bar\"></mdn-progress-bar>\n        `\n      : html`\n          <form @submit=${this._handleSubmit} class=\"observatory-form\">\n            <div class=\"observatory-form__input-group\">\n              <label htmlFor=\"host\" class=\"visually-hidden\">\n                Domain name or URL\n              </label>\n              <input\n                class=\"input observatory-form__input\"\n                placeholder=\"Scan a website for free (e.g. mdn.dev)\"\n                type=\"text\"\n                name=\"host\"\n                id=\"host\"\n                .value=${this._hostname}\n                autofocus\n                ${ref(this.inputRef)}\n              />\n              <button\n                class=\"button observatory-form__submit\"\n                type=\"submit\"\n                ?disabled=${this._queryRunning}\n                data-variant=\"primary\"\n              >\n                Scan\n              </button>\n            </div>\n          </form>\n          ${this._errorMessage\n            ? html`<div class=\"error\">${this._errorMessage}</div>`\n            : nothing}\n        `;\n  }\n}\n\ncustomElements.define(\"mdn-observatory-form\", MDNObservatoryForm);\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","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]!../button/server.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]!../visually-hidden/global.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{font:400 var(--base-font-size) var(--font-body)}.observatory-form__input-group{display:flex;height:3rem}.observatory-form__input-group :focus-visible{outline:1px solid var(--observatory-accent);outline-offset:-1px;outline-width:1px}.observatory-form__input-group ::placeholder{color:var(--color-text-secondary);opacity:.8}.observatory-form__input-group .observatory-form__input{flex-grow:1;font:inherit;padding:0 .75rem;width:100%;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-05);background-color:var(--csstools-light-dark-toggle--0,var(--color-gray-90));border:1px solid var(--color-border-primary);border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}@supports (color:light-dark(red,red)){.observatory-form__input-group .observatory-form__input{background-color:light-dark(var(--color-gray-90),var(--color-gray-05))}}:is(.observatory-form__input-group .observatory-form__input)::placeholder{overflow-x:hidden;text-overflow:ellipsis}.observatory-form__input-group .observatory-form__submit{border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);font:var(--type-emphasis-m);font-size:1rem;height:unset;padding:0 2rem}.error{color:var(--form-invalid-color);margin-top:.5rem}.error:before{background-color:var(--form-invalid-color);content:\"\";display:inline-block;height:1.15rem;margin-bottom:.25rem;margin-right:.5rem;-webkit-mask-image:var(--alert-circle-img);mask-image:var(--alert-circle-img);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1.5em}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNObservatoryForm","Boolean","String","URL","encodeURIComponent","fetch","Error","globalThis","customElements","t"],"mappings":";iJAGI,EAA0B,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,iRAAkR,GAAG,EAE9T,MAAe,EAAwB,QAAQ,+ICA/C,IAAM,EAAY,CAChB,UAAW,gCACb,EAEO,IAAMA,mBAAN,MAAMA,2BAA2B,IAAU,CAChD,OAAO,OAAS,GAAM,AAAC,AAEvB,QAAO,WAAa,CAClB,cAAe,CAAE,KAAMC,QAAS,MAAO,EAAK,EAC5C,UAAW,CAAE,KAAMC,OAAQ,MAAO,EAAK,EACvC,cAAe,CAAE,KAAMA,OAAQ,MAAO,EAAK,CAC7C,CAAE,AAEF,cAAc,CACZ,KAAK,GACL,IAAI,CAAC,aAAa,CAAG,GACrB,IAAI,CAAC,SAAS,CAAG,GACjB,IAAI,CAAC,aAAa,CAAG,EACvB,CAEA,SAAW,SAAY,AAEvB,eAAe,CACb,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,OACvB,CAKA,MAAM,cAAc,CAAK,CAAE,CACzB,EAAM,cAAc,GACpB,IAAI,CAAC,aAAa,CAAG,GACrB,IAAM,EAAQ,IAAI,CAAC,QAAQ,CAAC,KAAK,CACjC,GAAI,CAAC,GAAO,MAAM,OAAQ,CACxB,IAAI,CAAC,aAAa,CAAG,gCACrB,MACF,CAEA,IAAM,EAAO,EAAM,KAAK,CAAC,IAAI,GAC7B,GAAI,CAEF,IAAM,EAAM,IAAIC,IAAI,EACpB,KAAI,CAAC,SAAS,CAAG,EAAI,QAAQ,CAAC,IAAI,IAAM,CAC1C,CAAE,KAAM,CACN,IAAI,CAAC,SAAS,CAAG,CACnB,CACA,IAAI,CAAC,aAAa,CAAG,GACrB,GAAI,CACF,IAAM,EAAS,CAAC,4DAA4D,EAAEC,mBAC5E,IAAI,CAAC,SAAS,EACd,CAAC,CACG,EAAW,MAAMC,MAAM,EAAQ,CAAE,OAAQ,MAAO,GACtD,GAAI,CAAC,EAAS,EAAE,CAAE,CAChB,IAAM,EAAO,MAAM,EAAS,IAAI,EAChC,OAAM,AAAIC,MAAM,CAAC,gBAAgB,EAAE,EAAK,OAAO,CAAC,CAAC,CACnD,CACAC,WAAW,QAAQ,CAAC,IAAI,CAAG,CAAC,gCAAgC,EAAEH,mBAC5D,IAAI,CAAC,SAAS,EACd,CAAC,AACL,CAAE,MAAO,EAAO,CAEd,IAAI,CAAC,aAAa,CAAG,CAAC,EAAE,CAAS,CAAC,EAAM,IAAI,CAAC,EAAI,YAAa,EAAQ,EAAM,OAAU,CAAG,EAAM,CAAC,AAClG,QAAU,CACR,IAAI,CAAC,aAAa,CAAG,EACvB,CACF,CAEA,QAAS,CACP,OAAO,IAAI,CAAC,aAAa,CACrB,QAAI,CAAC;;qBAEQ,EAAE,IAAI,CAAC,SAAS,CAAC;;QAE9B,CAAC,CACD,QAAI,CAAC;wBACW,EAAE,IAAI,CAAC,aAAa,CAAC;;;;;;;;;;;uBAWtB,EAAE,IAAI,CAAC,SAAS,CAAC;;gBAExB,EAAE,QAAI,IAAI,CAAC,QAAQ,EAAE;;;;;0BAKX,EAAE,IAAI,CAAC,aAAa,CAAC;;;;;;;UAOrC,EAAE,IAAI,CAAC,aAAa,CAChB,QAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CACpD,IAAO,CAAC;QACd,CAAC,AACP,CACF,EAEAI,eAAe,MAAM,CAAC,uBAAwBR,2EC7G3C,IAAM,EAAE,GAAG,GAAGS,EAAA,EAAC,qHCCd,EAA0B,IAA4B,KAC1D,EAAwB,CAAC,CAAC,GAAiC,EAC3D,EAAwB,CAAC,CAAC,GAAiC,EAE3D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,gsDAAisD,GAAG,EAE7uD,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG"}

package/dist/client/5531.3f07c9b4290520c7.js

@@ -1,387 +0,0 @@
-export const __webpack_ids__=["5531"];export const __webpack_modules__={80478:function(t,e,a){a.r(e),a.d(e,{MDNObservatoryResults:()=>MDNObservatoryResults});var s=a(35470),r=a(14703),o=a(66176),i=a(57964),l=a(28110);let n=(0,r.YP)`<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><path fill="#DFD172" d="m18 0-1.26 2.75L14 4l2.74 1.26L18 8l1.25-2.74L22 4l-2.75-1.25M8 3 5.5 8.5 0 11l5.5 2.5L8 19l2.5-5.5L16 11l-5.5-2.5M18 14l-1.26 2.74L14 18l2.74 1.25L18 22l1.25-2.75L22 18l-2.75-1.26"/></svg>`,d=(0,r.YP)`<svg width="22" height="22" class="arrow" viewBox="0 0 22 22"><path d="M12.124 1.733a1 1 0 0 1 1.673 0l8.811 13.423a1 1 0 0 1-.835 1.548l-17.614.007a1 1 0 0 1-.837-1.548Z"/></svg>`;a(90811);let c=["unsafeInline","unsafeEval","unsafeObjects","unsafeInlineStyle","insecureSchemeActive","insecureSchemePassive","antiClickjacking","defaultNone","insecureBaseUri","insecureFormAction","strictDynamic"],b=new Set(["insecureBaseUri","insecureFormAction","insecureSchemeActive","insecureSchemePassive","unsafeEval","unsafeInline","unsafeInlineStyle","unsafeObjects"]);a(55072),a(42678),a(93305),a(32570);let MDNObservatoryResults=class MDNObservatoryResults extends r.oi{static styles=i.Z;constructor(){super(),this.host=null,this.selectedTab=0,this._usePostInApi=!1}static properties={host:{type:String},selectedTab:{state:!0,type:Number},_usePostInApi:{state:!0,type:Boolean}};_apiTask=new s.iQ(this,{args:()=>[this.host],task:async([t],{signal:e})=>{if(!t)throw Error("No host provided");try{let a=await fetch(`${o._v}/api/v2/analyze?host=${encodeURIComponent(t)}`,{signal:e,method:this._usePostInApi?"POST":"GET"});if(!a.ok){let t=`${a.status}: ${a.statusText}`;try{let e=await a.json();e.error&&(t=e.message)}catch{}throw Error(t)}return await a.json()}catch(t){throw Error("Observatory API request for scan data failed",{cause:t})}}});connectedCallback(){super.connectedCallback(),this._updateSelectedTab=this._updateSelectedTab.bind(this),this.selectedTab=this._getSelectedTab(),globalThis.addEventListener("hashchange",this._updateSelectedTab)}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("hashchange",this._updateSelectedTab)}firstUpdated(){let t=new URLSearchParams(globalThis.location.search);this.host=t.get("host")}_updateSelectedTab(){this.selectedTab=this._getSelectedTab()}_getSelectedTab(){let t=["scoring","csp","cookies","headers","history","benchmark"].indexOf(globalThis.location.hash.replace("#",""));return -1===t?0:t}async _rescan(t){t.preventDefault(),this.host&&(this._usePostInApi=!0,this._apiTask.run())}_handleTabSelect(t,e){this.selectedTab=t,globalThis.history.replaceState("","",globalThis.location.pathname+globalThis.location.search+"#"+e)}render(){return this.host?this._apiTask.render({pending:()=>(0,r.dy)` <label class="visually-hidden" for="progress-bar">
-            Rescanning ${this.host} </label
-          ><mdn-progress-bar id="progress-bar"></mdn-progress-bar>`,complete:t=>(0,r.dy)`
-        <section class="summary">
-          ${(function({result:t,host:e,rescan:a}){return(0,r.dy)`
-    <h2 class="summary">
-      Scan summary:
-      <span class="host">${(0,l.Ju)(e,t)}</span>
-    </h2>
-    <section class="scan-result">
-      <section class="grade-trend">
-        <div class="overall">
-          <button
-            popovertarget="grade-popover"
-            aria-label="show info tooltip"
-            class="info-tooltip"
-            tabindex="0"
-          >
-            <div
-              class=${`grade grade-${t.scan.grade?.[0]?.toLowerCase()}`}
-            >
-              ${(0,l.x8)(t.scan.grade)}
-            </div>
-            ${function(t){let e=o.Xu.map(e=>(0,r.dy)`
-      <tr class=${t.scan.grade===e.grade?"current":""}>
-        <td>${(0,l.x8)(e.grade)}</td>
-        <td>
-          ${e.scoreText}
-          ${t.scan.grade===e.grade&&e.stars?n:""}
-        </td>
-      </tr>
-    `);return(0,r.dy)`
-    <span
-      popover
-      id="grade-popover"
-      aria-describedby="grade-table"
-      class="tooltip-popup"
-    >
-      ${d}
-      <table class="grade-tooltip" id="grades-table" role="tooltip">
-        <thead>
-          <tr>
-            <th>Grade</th>
-            <th>Score</th>
-          </tr>
-        </thead>
-        <tbody>
-          ${e}
-        </tbody>
-      </table>
-    </span>
-  `}(t)}
-          </button>
-        </div>
-        ${function({result:t}){switch(function(t){let[e,a]=t.history.length>0?[t.history.at(-2)?.score,t.history.at(-2)?.grade]:[void 0,void 0],s=t.scan.score,r=t.scan.grade;return"number"==typeof s&&"number"==typeof e&&r!==a&&s!==e?e<s?"up":"down":"none"}(t)){case"up":return(0,r.dy)`
-        <div class="trend">
-          <span class="arrow-up" aria-hidden="true"> ↗︎ </span>
-          since last scan
-        </div>
-      `;case"down":return(0,r.dy)`
-        <div class="trend">
-          <span class="arrow-down" aria-hidden="true"> ↘︎ </span>
-          since last scan
-        </div>
-      `;default:return r.Ld}}({result:t})}
-      </section>
-      <section class="data">
-        <div>
-          <a href="/en-US/observatory/docs/tests_and_scoring" target="_blank">
-            <span class="label">Score</span></a
-          >: ${t.scan.score}&thinsp;/&thinsp;100
-        </div>
-        <div>
-          <a href="#history"> <span class="label">Scan Time</span></a
-          >:
-          <mdn-observatory-human-duration
-            .date=${new Date(t.scan.scanned_at)}
-          ></mdn-observatory-human-duration>
-        </div>
-        <a href="/en-US/observatory/docs/tests_and_scoring" target="_blank">
-          <span class="label">Tests Passed</span></a
-        >: ${t.scan.tests_passed}&thinsp;/&thinsp;
-        ${t.scan.tests_quantity}
-      </section>
-      <section class="actions">
-        <mdn-observatory-rescan-button
-          .from=${new Date(t.scan.scanned_at)}
-          .duration=${60}
-          @click=${a}
-        ></mdn-observatory-rescan-button>
-        <div class="scan-another">
-          <a href="/en-US/observatory"> Scan another website </a>
-        </div>
-      </section>
-    </section>
-  `})({result:t,host:this.host||"",rescan:this._rescan})}
-        </section>
-        <section class="results">
-          ${(function({result:t,selectedTab:e=0,onTabSelect:a}){let s=[{label:"Scoring",key:"scoring",element:(0,r.dy)`${function({result:t}){let e=90>=(t.scan.score||0)&&Object.entries(t.tests).find(([t,e])=>e.score_modifier>0);if(0===Object.keys(t.tests).length)return(0,r.dy)`No tests found.`;let a=o.DQ.map(e=>{let a=t.tests[e];return a?(0,r.dy)`
-      <tr>
-        <td data-header="Test">
-          <a
-            href=${a.link}
-            target="_blank"
-            rel="noreferrer"
-            class=${a.link.startsWith("/")?"":"external"}
-          >
-            ${a.title}
-          </a>
-        </td>
-        ${null===a.pass?(0,r.dy)`<td data-header="Score">-</td>`:(0,r.dy)` <td class="score" data-header="Score">
-              <span>
-                <span class="obs-score-value">
-                  ${function({overallScore:t,scoreModifier:e}){let a=t>=90,s=(0,l.x8)(`${e>0?`+${e}`:e}`);return(0,r.dy)`
-    <span class=${!a&&e>0?"not-counted":""}>
-      ${!a&&e>0?(0,r.dy)`0<sup><a href="#bonus-points-explanation">*</a></sup>`:s}
-    </span>
-  `}({overallScore:t.scan.score||0,scoreModifier:a.score_modifier})}
-                </span>
-                ${(0,l.nq)({pass:a.pass})}
-              </span>
-            </td>`}
-        <td data-header="Reason" .innerHTML=${a.score_description}></td>
-        <td
-          data-header="Advice"
-          .innerHTML=${a.recommendation||'<p class="obs-none">None</p>'}
-        ></td>
-      </tr>
-    `:null});return(0,r.dy)`
-    <table class="tests">
-      <thead>
-        <tr>
-          <th>Test</th>
-          <th>Score</th>
-          <th>Reason</th>
-          <th>Recommendation</th>
-        </tr>
-      </thead>
-      <tbody>
-        ${a}
-      </tbody>
-    </table>
-    ${e?(0,r.dy)` <section class="footnote" id="bonus-points-explanation">
-          <sup>*</sup> Normally awards bonus points, however, in this case they
-          are not included in the overall score (
-          <a href="/en-US/observatory/docs/tests_and_scoring" target="_blank">
-            find out why
-          </a>
-          ).
-        </section>`:null}
-  `}({result:t})}`},{label:"CSP analysis",key:"csp",element:(0,r.dy)`${function({result:t}){let e=t.tests["content-security-policy"]?.policy,a=t.tests["content-security-policy"]?.pass||!1;if(!e)return t.tests["content-security-policy"]?.result==="csp-not-implemented-but-reporting-enabled"?(0,r.dy)`
-        <table class="csp">
-          <tbody>
-            <tr>
-              <td>
-                <p>
-                  <code>Content-Security-Policy-Report-Only</code> header
-                  detected. Implement an enforced policy; see
-                  <a href="/en-US/docs/Web/HTTP/CSP" target="_blank">
-                    MDN's Content Security Policy (CSP) documentation </a
-                  >.
-                </p>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      `:(0,r.dy)`
-      <table class="csp">
-        <tbody>
-          <tr>
-            <td>
-              <p>No CSP headers detected</p>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    `;let s=c.map(t=>{if(!e[t])return null;let a=e[t];return(0,r.dy)`
-      <tr>
-        <td data-header="Test" .innerHTML=${a.description}></td>
-        <td data-header="Pass">
-          ${(0,l.nq)({pass:b.has(t)?!a.pass:a.pass})}
-        </td>
-        <td data-header="Info" .innerHTML=${a.info}></td>
-      </tr>
-    `});return(0,r.dy)`
-    <div class="detail-header">
-      <p class="arrow">${(0,l.nq)({pass:a})}</p>
-      <div
-        class="detail-header-content"
-        .innerHTML=${t.tests["content-security-policy"]?.score_description??'<p class="obs-none">None</p>'}
-      ></div>
-    </div>
-
-    <table class="csp">
-      <thead>
-        <tr>
-          <th>Test</th>
-          <th>Result</th>
-          <th>Info</th>
-        </tr>
-      </thead>
-      <tbody>
-        ${s}
-      </tbody>
-    </table>
-  `}({result:t})}`},{label:"Cookies",key:"cookies",element:(0,r.dy)`${function({result:t}){let e=t.tests.cookies?.data,a=t.tests.cookies?.pass;if(!e||0===Object.keys(e).length)return(0,r.dy)`
-      <table class="cookies">
-        <tbody>
-          <tr>
-            <td>No cookies detected</td>
-          </tr>
-        </tbody>
-      </table>
-    `;let s=Object.entries(e).map(([t,e])=>(0,r.dy)`
-      <tr>
-        <td data-header="Name" class="cookie-name">${t}</td>
-        <td data-header="Expires">
-          ${e.expires?(0,l.EK)({expires:e.expires}):"Session"}
-        </td>
-        <td data-header="Path">
-          <code>${e.path}</code>
-        </td>
-        <td data-header="Secure">${(0,l.nq)({pass:e.secure})}</td>
-        <td data-header="HttpOnly">${(0,l.nq)({pass:e.httponly})}</td>
-        <td data-header="SameSite">
-          ${e.samesite?(0,r.dy)`<code>${(0,l.M2)(e.samesite)}</code>`:"-"}
-        </td>
-        <td data-header="Prefixed">${(0,l.Tv)({cookieName:t})}</td>
-      </tr>
-    `);return(0,r.dy)`
-    <div class="detail-header">
-      <p class="arrow">
-        ${(0,l.nq)({pass:void 0===a?null:a})}
-      </p>
-      <div
-        class="detail-header-content"
-        .innerHTML=${t.tests.cookies?.score_description??'<p class="obs-none">None</p>'}
-      ></div>
-    </div>
-    <table class="cookies">
-      <thead>
-        <tr>
-          <th>Name</th>
-          <th>
-            <a
-              target="_blank"
-              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#expires"
-              >Expires</a
-            >
-          </th>
-          <th>
-            <a
-              target="_blank"
-              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#path"
-              >Path</a
-            >
-          </th>
-          <th>
-            <a
-              target="_blank"
-              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#secure"
-              >Secure</a
-            >
-          </th>
-          <th>
-            <a
-              target="_blank"
-              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#httponly"
-              >HttpOnly</a
-            >
-          </th>
-          <th>
-            <a
-              target="_blank"
-              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#samesite"
-              >SameSite</a
-            >
-          </th>
-          <th>
-            <a
-              target="_blank"
-              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#name"
-              >Prefix</a
-            >
-          </th>
-        </tr>
-      </thead>
-      <tbody>
-        ${s}
-      </tbody>
-    </table>
-  `}({result:t})}`},{label:"Raw server headers",key:"headers",element:(0,r.dy)`${function({result:t}){if(!t.scan.response_headers)return(0,r.dy)`
-      <table class="headers">
-        <tbody>
-          <tr>
-            <td>No headers detected</td>
-          </tr>
-        </tbody>
-      </table>
-    `;let e=Object.entries(t.scan.response_headers).map(([t,e])=>(0,r.dy)`
-      <tr>
-        <td data-header="Header">
-          <mdn-observatory-header-link header=${t}>
-            ${(0,l.bU)(t)}
-          </mdn-observatory-header-link>
-        </td>
-        <td data-header="Value">${e}</td>
-      </tr>
-    `);return(0,r.dy)`
-    <table class="headers">
-      <thead>
-        <tr>
-          <th>Header</th>
-          <th>Value</th>
-        </tr>
-      </thead>
-      <tbody>
-        ${e}
-      </tbody>
-    </table>
-  `}({result:t})}`},{label:"Scan history",key:"history",element:(0,r.dy)`${function({result:t}){if(0===t.history.length)return r.Ld;let e=[...t.history].reverse().map(({scanned_at:t,score:e,grade:a})=>(0,r.dy)`
-      <tr>
-        <td data-header="Date">${(0,l.o0)(new Date(t))}</td>
-        <td data-header="Score">${e}</td>
-        <td data-header="Grade">${(0,l.x8)(a)}</td>
-      </tr>
-    `);return(0,r.dy)`
-    <h2>Changes in score over time</h2>
-    <table class="history">
-      <thead>
-        <tr>
-          <th>Date</th>
-          <th>Score</th>
-          <th>Grade</th>
-        </tr>
-      </thead>
-      <tbody>
-        ${e}
-      </tbody>
-    </table>
-  `}({result:t})}`},{label:"Benchmark comparison",key:"benchmark",element:(0,r.dy)`${function({result:t}){return(0,r.dy)`
-    <h2>Performance trends from the past year</h2>
-    <mdn-observatory-comparison-table
-      .result=${t}
-    ></mdn-observatory-comparison-table>
-    <p>
-      Refer to this graph to assess the website's current status. By following
-      the recommendations provided and rescanning, you can expect an improvement
-      in the website's grade.
-    </p>
-  `}({result:t})}`}].map((t,s)=>(0,r.dy)`
-      <li id="tabs-${s}" class="tabs-list-item">
-        <input
-          class="visually-hidden"
-          id="tab-${s}"
-          name="selected"
-          type="radio"
-          role="tab"
-          .checked=${s===e}
-          aria-controls="tab-container-${s}"
-          @change=${()=>a(s,t.key)}
-        />
-        <label for="tab-${s}" id="tab-label-${s}">${t.label}</label>
-        <section
-          class="tab-content"
-          role="tabpanel"
-          aria-labelledby="tab-label-${s}"
-          id="tab-container-${s}"
-        >
-          <div class="scroll-container">${t.element}</div>
-        </section>
-      </li>
-    `);return(0,r.dy)`
-    <section class="scan-results">
-      <h2 class="result" id="scan-results-header">Scan results</h2>
-      <ol
-        class="tabs-list"
-        role="tablist"
-        aria-labelledby="scan-results-header"
-      >
-        ${s}
-      </ol>
-    </section>
-  `})({result:t,selectedTab:this.selectedTab,onTabSelect:(t,e)=>this._handleTabSelect(t,e)})}
-        </section>
-      </div>`,error:t=>(0,r.dy)`<div class="error">${t}</div>`}):r.Ld}};customElements.define("mdn-observatory-results",MDNObservatoryResults)},57964:function(t,e,a){a.d(e,{Z:()=>b});var s=a(14703),r=a(8081),o=a.n(r),i=a(23645),l=a.n(i),n=a(62249),d=a(56718),c=l()(o());c.i(n.Z),c.i(d.Z),c.push([t.id,'.scan-result{background-color:var(--color-background-primary);border-radius:var(--border-radius);column-gap:var(--spacing);display:grid;grid-template-areas:"grade data actions";grid-template-columns:auto 3fr 1fr;justify-content:space-between;margin-bottom:3rem;max-width:var(--max-width);padding:var(--spacing)}@media (max-width:1200px){.scan-result{align-items:flex-start;grid-template-areas:"grade data actions";grid-template-columns:auto 1fr auto;justify-content:space-between;row-gap:calc(var(--spacing)/2)}}@media (max-width:992px){.scan-result{grid-template-areas:"grade data   " ".     actions";grid-template-columns:min-content 1fr}}:host{line-height:var(--font-line-content)}.trend{margin-top:1rem}.arrow-down{color:var(--observatory-arrow-down-color)}.arrow-up{color:var(--observatory-arrow-up-color)}h2{font-size:1.375rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem}h2:before{background-color:var(--color-text-primary);content:"";display:inline-block;-webkit-mask-position:left;mask-position:left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}h2 .host{font-weight:400}h2.summary:before{height:1.4rem;-webkit-mask-image:var(--summary-icon);mask-image:var(--summary-icon);width:2rem}h2.result:before{height:1.2rem;-webkit-mask-image:var(--results-icon);mask-image:var(--results-icon);width:2rem}code{font-weight:600}.grade-trend{grid-area:grade;justify-self:start}.data{grid-area:data}.actions{grid-area:actions}mdn-observatory-rescan-button{min-width:30rem}.info-tooltip{background:none;border:none;cursor:pointer;display:inline-block;position:relative}.scan-another{font-size:var(--font-size-small);font-weight:400;margin-top:1.2rem}.label{font-weight:600}a{color:var(--color-text-primary);-webkit-text-decoration:none;text-decoration:none}a:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--color-text-secondary)}.grade{background:var(--grade-bg);border:1px solid var(--grade-border);border-radius:.2em;color:var(--grade-border);display:inline-block;font-size:1.7rem;font-weight:600;height:5rem;line-height:5rem;text-align:center;width:5rem}.grade-a{--grade-bg:var(--observatory-grade-a-bg);--grade-border:var(--observatory-grade-a-border)}.grade-b{--grade-bg:var(--observatory-grade-b-bg);--grade-border:var(--observatory-grade-b-border)}.grade-c{--grade-bg:var(--observatory-grade-c-bg);--grade-border:var(--observatory-grade-c-border)}.grade-d{--grade-bg:var(--observatory-grade-d-bg);--grade-border:var(--observatory-grade-d-border)}.grade-f{--grade-bg:var(--observatory-grade-f-bg);--grade-border:var(--observatory-grade-f-border)}.tooltip-popup{--tooltip-offset:-6.3rem;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle--0,#b3b3b3);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle--1,#fff);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle--2,#1b1b1b);background-color:var(--color-bg-tooltip);border-radius:var(--border-radius);border-width:0;color:var(--color-tooltip);inset:unset;line-height:var(--font-line-content);margin-top:.5rem;max-width:min(100vw,20rem);overflow:visible;padding:1.5rem;position:relative;text-align:center;transform:translateX(var(--tooltip-offset));width:max-content;z-index:1}@supports (color:light-dark(red,red)){.tooltip-popup{--color-tooltip:light-dark(#b3b3b3,#696969);--color-tooltip-highlight:light-dark(#fff,#1b1b1b);--color-bg-tooltip:light-dark(#1b1b1b,#fff)}}@supports not (color:light-dark(tan,tan)){.tooltip-popup *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle--0,#b3b3b3);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle--1,#fff);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle--2,#1b1b1b)}}.tooltip-popup .arrow{margin-left:-1rem;margin-top:-2rem;padding:0;position:absolute;fill:var(--color-bg-tooltip)}.tooltip-popup table{border:0;border-collapse:collapse;white-space:nowrap;width:10rem}:is(.tooltip-popup table) tr{color:var(--color-tooltip);font-size:.875rem}.current:is(:is(.tooltip-popup table) tr){color:var(--color-tooltip-highlight)}:is(.tooltip-popup table) td,:is(.tooltip-popup table) th{background-color:unset;border:0;font-weight:var(--font-body);text-align:left;width:50%}:is(.tooltip-popup table) th{font-size:1rem;padding:0 0 .75rem}:is(.tooltip-popup table) td{padding:0}:is(:is(.tooltip-popup table) td) svg{vertical-align:-.3rem}.scroll-container{margin-bottom:1.5rem;margin-top:.8rem;overflow-x:auto;overscroll-behavior-x:none}.detail-header{display:flex;gap:.5rem;padding:0 1.5rem 0 0}.detail-header .arrow{color:var(--color-text-secondary)}.detail-header .detail-header-title{font-weight:600;padding-right:.2rem}.detail-header p{margin:1rem 0}:is(.obs-pass-icon svg.pass) path{fill:var(--observatory-pass-icon-bg)}:is(.obs-pass-icon svg.pass) circle{fill:var(--observatory-pass-icon-color)}:is(.obs-pass-icon svg.fail) path{fill:var(--observatory-fail-icon-bg)}:is(.obs-pass-icon svg.fail) circle{fill:var(--observatory-fail-icon-color)}.footnote{font-size:var(--type-smaller-font-size);margin-top:1rem}.scan-results table{background:var(--observatory-table-bg);border:none;border-collapse:collapse;min-width:calc(992px - 14rem);width:100%}:is(.scan-results table) th{background:var(--observatory-table-header-bg);color:var(--color-text-secondary);font-weight:500;vertical-align:top}:is(:is(.scan-results table) th) tr{background-color:unset}:is(.scan-results table) tr:nth-child(2n){background-color:var(--observatory-table-bg-alternate)}:is(.scan-results table) td{overflow-wrap:anywhere;padding:.5rem 1.5rem;vertical-align:top}.cookie-name:is(:is(.scan-results table) td):first-child{max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score:is(:is(.scan-results table) td)>span{display:flex;flex-direction:row;justify-content:space-between}:is(.scan-results table) a{color:var(--color-text-primary);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--color-text-secondary)}:is(:is(.scan-results table) a):active,:is(:is(.scan-results table) a):hover{-webkit-text-decoration:none;text-decoration:none}:is(.scan-results table) span.not-counted{color:var(--color-text-secondary)}:is(:is(.scan-results table) span.not-counted) a{-webkit-text-decoration:none;text-decoration:none}:is(.tests:is(.scan-results table) th,.tests:is(.scan-results table) td):first-of-type{width:25%}.tests:is(.scan-results table) td.score{white-space:nowrap}:is(.csp:is(.scan-results table) th,.csp:is(.scan-results table) td):first-of-type{width:45%}:is(.headers:is(.scan-results table) th,.headers:is(.scan-results table) td):first-of-type{width:30%}:is(.cookies:is(.scan-results table) th,.cookies:is(.scan-results table) td):nth-of-type(n+3){text-align:center}:is(.scan-results table) td,:is(.scan-results table) th{border:none;padding:1.5rem}:is(:is(.scan-results table) th,:is(.scan-results table) td) :first-child{margin-top:0}:is(:is(.scan-results table) th,:is(.scan-results table) td) :last-child{margin-bottom:0}:is(.scan-results table) .icon{height:1.3rem;width:1.3rem}@media (max-width:426px){:is(:is(:is(.scan-results table) td) .iso-date) code{font-size:x-small}}@media (max-width:992px){.scan-results table{min-width:0}:is(.scan-results table) thead{display:none}:is(.scan-results table) tbody{display:block}:is(.scan-results table) tr{display:grid;grid-template-columns:max-content auto}:is(.scan-results table) tr:nth-of-type(odd){background:var(--observatory-table-header-bg)}:is(.scan-results table) td{column-gap:2em;display:grid;grid-auto-flow:column;grid-column:span 2;grid-template-columns:subgrid}:is(:is(.scan-results table) td) .humanized-duration{display:none}:is(.scan-results table) td:before{content:attr(data-header);display:inline;font-weight:600}:is(.tests:is(.scan-results table),.csp:is(.scan-results table),.headers:is(.scan-results table),.cookies:is(.scan-results table)) td:first-of-type{width:auto}:is(.scan-results table) td:not(:last-of-type){padding-bottom:0}:is(.scan-results table) td:nth-of-type(n+2){padding-top:.75rem}.cookies:is(.scan-results table) td:nth-of-type(n+3){text-align:left}:is(.scan-results table) td.score{display:grid}:is(:is(.scan-results table) td.score)>span{display:block}:is(:is(.scan-results table) td.score) .obs-pass-icon{display:inline-block;height:1.5em;vertical-align:top}}ol.tabs-list{column-gap:3rem;display:grid;grid-template-areas:"tab-0 tab-1 tab-2 tab-3 tab-4 tab-5 ." "hr    hr    hr    hr    hr    hr    hr " "mod   mod   mod   mod   mod   mod   mod";grid-template-columns:repeat(6,max-content) 1fr;margin:0;overflow-x:auto;overscroll-behavior-x:none;padding:0}@media (max-width:992px){ol.tabs-list{column-gap:1.75rem;grid-template-columns:repeat(6,max-content) auto}}ol.tabs-list:before{border:none;border-top:1px solid var(--color-border-primary);content:"";grid-area:hr;margin:0;width:100%}ol.tabs-list input[type=radio]:not(:checked)~.tab-content{display:none}ol.tabs-list li.tabs-list-item{display:contents}:is(ol.tabs-list li.tabs-list-item)>input:checked+label{border-bottom:2px solid var(--observatory-accent);color:var(--color-text-primary)}:is(ol.tabs-list li.tabs-list-item)>input:not(:checked)+label:hover{border-bottom:2px solid var(--observatory-accent-light);color:var(--color-text-primary)}:is(ol.tabs-list li.tabs-list-item)>input:checked:focus-visible+label{outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}:is(ol.tabs-list li.tabs-list-item)>input:not(:checked)+label{color:var(--color-text-secondary);opacity:.775}:is(ol.tabs-list li.tabs-list-item)>label{cursor:pointer;height:2.2rem;width:max-content}#tabs-0:is(ol.tabs-list li.tabs-list-item)>input,#tabs-0:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-0}#tabs-1:is(ol.tabs-list li.tabs-list-item)>input,#tabs-1:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-1}#tabs-2:is(ol.tabs-list li.tabs-list-item)>input,#tabs-2:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-2}#tabs-3:is(ol.tabs-list li.tabs-list-item)>input,#tabs-3:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-3}#tabs-4:is(ol.tabs-list li.tabs-list-item)>input,#tabs-4:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-4}#tabs-5:is(ol.tabs-list li.tabs-list-item)>input,#tabs-5:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-5}:is(ol.tabs-list li.tabs-list-item)>section.tab-content{grid-area:mod;left:0;margin:0;position:sticky}@media (max-width:992px){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:calc(100vw - 15rem)}}@media (max-width:769px){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:calc(100vw - 2rem)}}',""]);let b=(0,s.iv)([c.toString()])}};
-//# sourceMappingURL=5531.3f07c9b4290520c7.js.map