@mdn/fred 2.4.2 → 2.4.3

package/out/static/client/{3259.767db1f79a406e65.js → 3259.ac8a5539251c647a.js}

@@ -1,4 +1,4 @@
-export const __rspack_esm_id="3259";export const __rspack_esm_ids=["3259"];export const __webpack_modules__={77564(t,e,a){a.d(e,{A:()=>y});var s=a(97825),r=a(31601),o=a.n(r),i=a(76314),l=a.n(i),n=a(39807),d=a(67168),c=a(4417),b=a.n(c),p=new a.U(a(9677)),h=new a.U(a(46843)),g=l()(o());g.i(n.A),g.i(d.A);var u=b()(p),m=b()(h);g.push([t.id,`:host{line-height:var(--font-line-content)}.scan-result{column-gap:2rem;display:grid;grid-template-areas:"grade data actions";grid-template-columns:auto 3fr 1fr;justify-content:space-between;max-width:var(--max-width)}.scan-result a{color:var(--color-text-primary)}.scan-result{background-color:var(--color-background-primary);border-radius:.3rem;margin-bottom:3rem;padding:2rem}@media (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 (width <= 992px){.scan-result{grid-template-areas:"grade data   " "grade actions";grid-template-columns:min-content 1fr}}.trend{margin-top:1rem}.arrow-down{color:var(--observatory-arrow-down-color)}.arrow-up{color:var(--observatory-arrow-up-color)}h2{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);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:var(--font-weight-normal)}h2.summary:before{height:1.4rem;-webkit-mask-image:url(${u});mask-image:url(${u});width:2rem}h2.result:before{height:1.2rem;-webkit-mask-image:url(${m});mask-image:url(${m});width:2rem}code{font-weight:var(--font-weight-bold)}.grade-trend{grid-area:grade;justify-self:start}.grade-trend .overall{position:relative}.data{grid-area:data}.actions{grid-area:actions}@media (width <= 992px){.actions{margin-top:1rem}}mdn-observatory-rescan-button{min-width:30rem}.info-tooltip{background:none;border:none;cursor:pointer;display:inline-block}.scan-another{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);margin-top:1.2rem}.grade,.label{font-weight:var(--font-weight-bold)}.grade{background:var(--grade-bg);border:1px solid var(--grade-border);border-radius:.2em;color:var(--grade-border);display:inline-block;font-size:var(--font-size-large);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{--csstools-light-dark-toggle-fd181dce-0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle-fd181dce-0,#b3b3b3);--csstools-light-dark-toggle-fd181dce-1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle-fd181dce-1,#fff);--csstools-light-dark-toggle-fd181dce-2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle-fd181dce-2,#1b1b1b);background-color:var(--color-bg-tooltip);border-radius:var(--border-radius);border-width:0;color:var(--color-tooltip);inset:unset;left:50%;line-height:var(--font-line-content);margin-top:.5rem;max-width:min(100vw,20rem);overflow:visible;padding:1.5rem;position:absolute;text-align:center;transform:translateX(-50%);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-fd181dce-0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle-fd181dce-0,#b3b3b3);--csstools-light-dark-toggle-fd181dce-1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle-fd181dce-1,#fff);--csstools-light-dark-toggle-fd181dce-2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle-fd181dce-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:var(--font-size-small)}.current:is(:is(.tooltip-popup table) tr){color:var(--color-tooltip-highlight);font-weight:var(--font-weight-bold)}: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:var(--font-size-normal);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:var(--font-weight-bold);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(--font-size-small);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 (width <= 426px){:is(:is(:is(.scan-results table) td) .iso-date) code{font-size:x-small}}@media not print{@media (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:var(--font-weight-bold)}}: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 (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;width:calc(100vw - 18rem)}@media (1200px < width){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:100%}}@media (width <= 769px){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:calc(100vw - 2rem)}}@media print{.scan-result{grid-template-columns:1fr 3fr!important;padding:.5rem!important}.obs-pass-icon svg{height:1.5em!important;width:1.5em!important}.scroll-container{overflow:hidden!important}ol.tabs-list input[type=radio]:not(:checked)~.tab-content{display:block!important}ol.tabs-list input[type=radio]{display:none!important}li.tabs-list-item input:checked+label,li.tabs-list-item input:checked+label:hover,li.tabs-list-item input:checked:focus-visible+label,li.tabs-list-item input:not(:checked)+label,li.tabs-list-item input:not(:checked)+label:hover{color:var(--color-text-primary)!important;display:block!important;font-size:1.5rem!important;font-weight:700!important;-webkit-text-decoration:none!important;text-decoration:none!important}ol.tabs-list,ol.tabs-list li.tabs-list-item{display:block!important}td,th{padding:.5rem!important}}`,""]);let y=(0,s.AH)([g.toString()])},65225(t,e,a){a.d(e,{A:()=>n});var s=a(97825),r=a(31601),o=a.n(r),i=a(76314),l=a.n(i)()(o());l.push([t.id,"@media print{.observatory-results-wrapper{background-color:#fff!important;grid-template-columns:[full-start] minmax(0,1fr) [full-end]!important}.observatory-results{grid-area:full!important}.actions,.button-wrap,.observatory-results-toc,.page-layout__header,.page_layout__banner,.rescan-button{display:none!important}}",""]);let n=(0,s.AH)([l.toString()])},46843(t,e,a){t.exports=a.p+"results-icon.cdcd65a79b167843.svg"},9677(t,e,a){t.exports=a.p+"summary-icon.70312ad5ea1a4289.svg"},13430(t,e,a){a.r(e),a.d(e,{MDNObservatoryResults:()=>MDNObservatoryResults});var s=a(31011),r=a(97825),o=a(99502),i=a(77564),l=a(65225),n=a(47571);let d=(0,r.JW)`<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" role="presentation" 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>`,c=(0,r.JW)`<svg width="22" height="22" class="arrow" role="presentation" viewBox="0 0 22 22"><path id="path1" 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>`,b=[{grade:"A+",scoreText:"100+",score:100,stars:!0},{grade:"A",scoreText:"90",score:90,stars:!0},{grade:"A-",scoreText:"85",score:85,stars:!0},{grade:"B+",scoreText:"80",score:80},{grade:"B",scoreText:"70",score:70},{grade:"B-",scoreText:"65",score:65},{grade:"C+",scoreText:"60",score:60},{grade:"C",scoreText:"50",score:50},{grade:"C-",scoreText:"45",score:45},{grade:"D+",scoreText:"40",score:40},{grade:"D",scoreText:"30",score:30},{grade:"D-",scoreText:"25",score:25},{grade:"F",scoreText:"0",score:0}],p=["content-security-policy","cookies","cross-origin-resource-sharing","redirection","referrer-policy","strict-transport-security","subresource-integrity","x-content-type-options","x-frame-options","cross-origin-resource-policy"];a(14416),a(58623);let h=["unsafeInline","unsafeEval","unsafeObjects","unsafeInlineStyle","insecureSchemeActive","insecureSchemePassive","antiClickjacking","defaultNone","insecureBaseUri","insecureFormAction","strictDynamic"],g=new Set(["insecureBaseUri","insecureFormAction","insecureSchemeActive","insecureSchemePassive","unsafeEval","unsafeInline","unsafeInlineStyle","unsafeObjects"]);a(1879),a(20141),a(50117),a(37077);let MDNObservatoryResults=class MDNObservatoryResults extends r.WF{static styles=[i.A,l.A];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.YZ(this,{args:()=>[this.host],task:async([t],{signal:e})=>{if(!t)throw Error("No host provided");try{let a=await fetch(`${o.Q}/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.qy)` <label class="visually-hidden" for="progress-bar">
+export const __rspack_esm_id="3259";export const __rspack_esm_ids=["3259"];export const __webpack_modules__={77564(t,e,a){a.d(e,{A:()=>y});var s=a(97825),r=a(31601),o=a.n(r),i=a(76314),l=a.n(i),n=a(39807),d=a(67168),c=a(4417),b=a.n(c),p=new a.U(a(9677)),h=new a.U(a(46843)),g=l()(o());g.i(n.A),g.i(d.A);var u=b()(p),m=b()(h);g.push([t.id,`:host{line-height:var(--font-line-content)}.scan-result{column-gap:2rem;display:grid;grid-template-areas:"grade data actions";grid-template-columns:auto 3fr 1fr;justify-content:space-between;max-width:var(--max-width)}.scan-result a{color:var(--color-text-primary)}.scan-result{background-color:var(--color-background-primary);border-radius:.3rem;margin-bottom:3rem;padding:2rem}@media (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 (width <= 992px){.scan-result{grid-template-areas:"grade data   " "grade actions";grid-template-columns:min-content 1fr}}.trend{margin-top:1rem}.arrow-down{color:var(--observatory-arrow-down-color)}.arrow-up{color:var(--observatory-arrow-up-color)}h2{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);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:var(--font-weight-normal)}h2.summary:before{height:1.4rem;-webkit-mask-image:url(${u});mask-image:url(${u});width:2rem}h2.result:before{height:1.2rem;-webkit-mask-image:url(${m});mask-image:url(${m});width:2rem}code{font-weight:var(--font-weight-bold)}.grade-trend{grid-area:grade;justify-self:start}.grade-trend .overall{position:relative}.data{grid-area:data}.actions{grid-area:actions}@media (width <= 992px){.actions{margin-top:1rem}}mdn-observatory-rescan-button{min-width:30rem}.info-tooltip{background:none;border:none;cursor:pointer;display:inline-block}.scan-another{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);margin-top:1.2rem}.grade,.label{font-weight:var(--font-weight-bold)}.grade{background:var(--grade-bg);border:1px solid var(--grade-border);border-radius:.2em;color:var(--grade-border);display:inline-block;font-size:var(--font-size-large);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{--csstools-light-dark-toggle-fd181dce-0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle-fd181dce-0,#b3b3b3);--csstools-light-dark-toggle-fd181dce-1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle-fd181dce-1,#fff);--csstools-light-dark-toggle-fd181dce-2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle-fd181dce-2,#1b1b1b);background-color:var(--color-bg-tooltip);border-radius:var(--border-radius);border-width:0;color:var(--color-tooltip);inset:unset;left:50%;line-height:var(--font-line-content);margin-top:.5rem;max-width:min(100vw,20rem);overflow:visible;padding:1.5rem;position:absolute;text-align:center;transform:translateX(-50%);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-fd181dce-0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle-fd181dce-0,#b3b3b3);--csstools-light-dark-toggle-fd181dce-1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle-fd181dce-1,#fff);--csstools-light-dark-toggle-fd181dce-2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle-fd181dce-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:var(--font-size-small)}.current:is(:is(.tooltip-popup table) tr){color:var(--color-tooltip-highlight);font-weight:var(--font-weight-bold)}: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:var(--font-size-normal);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:var(--font-weight-bold);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(--font-size-small);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 (width <= 426px){:is(:is(:is(.scan-results table) td) .iso-date) code{font-size:x-small}}@media not print{@media (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:var(--font-weight-bold)}}: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 (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;width:calc(100vw - 18rem)}@media (width > 1200px){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:100%}}@media (width <= 769px){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:calc(100vw - 2rem)}}@media print{.scan-result{grid-template-columns:1fr 3fr!important;padding:.5rem!important}.obs-pass-icon svg{height:1.5em!important;width:1.5em!important}.scroll-container{overflow:hidden!important}ol.tabs-list input[type=radio]:not(:checked)~.tab-content{display:block!important}ol.tabs-list input[type=radio]{display:none!important}li.tabs-list-item input:checked+label,li.tabs-list-item input:checked+label:hover,li.tabs-list-item input:checked:focus-visible+label,li.tabs-list-item input:not(:checked)+label,li.tabs-list-item input:not(:checked)+label:hover{color:var(--color-text-primary)!important;display:block!important;font-size:1.5rem!important;font-weight:700!important;-webkit-text-decoration:none!important;text-decoration:none!important}ol.tabs-list,ol.tabs-list li.tabs-list-item{display:block!important}td,th{padding:.5rem!important}}`,""]);let y=(0,s.AH)([g.toString()])},65225(t,e,a){a.d(e,{A:()=>n});var s=a(97825),r=a(31601),o=a.n(r),i=a(76314),l=a.n(i)()(o());l.push([t.id,"@media print{.observatory-results-wrapper{background-color:#fff!important;grid-template-columns:[full-start] minmax(0,1fr) [full-end]!important}.observatory-results{grid-area:full!important}.actions,.button-wrap,.observatory-results-toc,.page-layout__header,.page_layout__banner,.rescan-button{display:none!important}}",""]);let n=(0,s.AH)([l.toString()])},46843(t,e,a){t.exports=a.p+"results-icon.cdcd65a79b167843.svg"},9677(t,e,a){t.exports=a.p+"summary-icon.70312ad5ea1a4289.svg"},13430(t,e,a){a.r(e),a.d(e,{MDNObservatoryResults:()=>MDNObservatoryResults});var s=a(31011),r=a(97825),o=a(99502),i=a(77564),l=a(65225),n=a(47571);let d=(0,r.JW)`<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" role="presentation" 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>`,c=(0,r.JW)`<svg width="22" height="22" class="arrow" role="presentation" viewBox="0 0 22 22"><path id="path1" 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>`,b=[{grade:"A+",scoreText:"100+",score:100,stars:!0},{grade:"A",scoreText:"90",score:90,stars:!0},{grade:"A-",scoreText:"85",score:85,stars:!0},{grade:"B+",scoreText:"80",score:80},{grade:"B",scoreText:"70",score:70},{grade:"B-",scoreText:"65",score:65},{grade:"C+",scoreText:"60",score:60},{grade:"C",scoreText:"50",score:50},{grade:"C-",scoreText:"45",score:45},{grade:"D+",scoreText:"40",score:40},{grade:"D",scoreText:"30",score:30},{grade:"D-",scoreText:"25",score:25},{grade:"F",scoreText:"0",score:0}],p=["content-security-policy","cookies","cross-origin-resource-sharing","redirection","referrer-policy","strict-transport-security","subresource-integrity","x-content-type-options","x-frame-options","cross-origin-resource-policy"];a(14416),a(58623);let h=["unsafeInline","unsafeEval","unsafeObjects","unsafeInlineStyle","insecureSchemeActive","insecureSchemePassive","antiClickjacking","defaultNone","insecureBaseUri","insecureFormAction","strictDynamic"],g=new Set(["insecureBaseUri","insecureFormAction","insecureSchemeActive","insecureSchemePassive","unsafeEval","unsafeInline","unsafeInlineStyle","unsafeObjects"]);a(1879),a(20141),a(50117),a(37077);let MDNObservatoryResults=class MDNObservatoryResults extends r.WF{static styles=[i.A,l.A];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.YZ(this,{args:()=>[this.host],task:async([t],{signal:e})=>{if(!t)throw Error("No host provided");try{let a=await fetch(`${o.Q}/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.qy)` <label class="visually-hidden" for="progress-bar">
             Rescanning ${this.host} </label
           ><mdn-progress-bar id="progress-bar"></mdn-progress-bar>`,complete:t=>(0,r.qy)`
         <section class="summary">
@@ -386,4 +386,4 @@ export const __rspack_esm_id="3259";export const __rspack_esm_ids=["3259"];expor
   `})({result:t,selectedTab:this.selectedTab,onTabSelect:(t,e)=>this._handleTabSelect(t,e)})}
         </section>
       </div>`,error:t=>(0,r.qy)`<div class="error">${t}</div>`}):r.s6}};customElements.define("mdn-observatory-results",MDNObservatoryResults)}};
-//# sourceMappingURL=3259.767db1f79a406e65.js.map
+//# sourceMappingURL=3259.ac8a5539251c647a.js.map

package/out/static/client/{3259.767db1f79a406e65.js.map → 3259.ac8a5539251c647a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"3259.767db1f79a406e65.js","sources":["webpack://@mdn/fred/./components/observatory-results/element.css","webpack://@mdn/fred/./components/observatory-results/print.css?18a8","webpack://@mdn/fred/./components/observatory/assets/stars.svg","webpack://@mdn/fred/./components/observatory/assets/tooltip-arrow.svg","webpack://@mdn/fred/./components/observatory/constants.js","webpack://@mdn/fred/./components/observatory-results/csp.js","webpack://@mdn/fred/./components/observatory-results/element.js","webpack://@mdn/fred/./components/observatory-results/rating.js","webpack://@mdn/fred/./components/observatory-results/tooltip.js","webpack://@mdn/fred/./components/observatory-results/trend.js","webpack://@mdn/fred/./components/observatory-results/tabs.js","webpack://@mdn/fred/./components/observatory-results/scoring.js","webpack://@mdn/fred/./components/observatory-results/cookies.js","webpack://@mdn/fred/./components/observatory-results/raw-headers.js","webpack://@mdn/fred/./components/observatory-results/history.js","webpack://@mdn/fred/./components/observatory-results/comparison.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../global/global.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_1___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../visually-hidden/global.css\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../observatory/assets/summary-icon.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../observatory/assets/results-icon.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{line-height:var(--font-line-content)}.scan-result{column-gap:2rem;display:grid;grid-template-areas:\"grade data actions\";grid-template-columns:auto 3fr 1fr;justify-content:space-between;max-width:var(--max-width)}.scan-result a{color:var(--color-text-primary)}.scan-result{background-color:var(--color-background-primary);border-radius:.3rem;margin-bottom:3rem;padding:2rem}@media (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 (width <= 992px){.scan-result{grid-template-areas:\"grade data   \" \"grade actions\";grid-template-columns:min-content 1fr}}.trend{margin-top:1rem}.arrow-down{color:var(--observatory-arrow-down-color)}.arrow-up{color:var(--observatory-arrow-up-color)}h2{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);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:var(--font-weight-normal)}h2.summary:before{height:1.4rem;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});width:2rem}h2.result:before{height:1.2rem;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});width:2rem}code{font-weight:var(--font-weight-bold)}.grade-trend{grid-area:grade;justify-self:start}.grade-trend .overall{position:relative}.data{grid-area:data}.actions{grid-area:actions}@media (width <= 992px){.actions{margin-top:1rem}}mdn-observatory-rescan-button{min-width:30rem}.info-tooltip{background:none;border:none;cursor:pointer;display:inline-block}.scan-another{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);margin-top:1.2rem}.grade,.label{font-weight:var(--font-weight-bold)}.grade{background:var(--grade-bg);border:1px solid var(--grade-border);border-radius:.2em;color:var(--grade-border);display:inline-block;font-size:var(--font-size-large);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{--csstools-light-dark-toggle-fd181dce-0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle-fd181dce-0,#b3b3b3);--csstools-light-dark-toggle-fd181dce-1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle-fd181dce-1,#fff);--csstools-light-dark-toggle-fd181dce-2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle-fd181dce-2,#1b1b1b);background-color:var(--color-bg-tooltip);border-radius:var(--border-radius);border-width:0;color:var(--color-tooltip);inset:unset;left:50%;line-height:var(--font-line-content);margin-top:.5rem;max-width:min(100vw,20rem);overflow:visible;padding:1.5rem;position:absolute;text-align:center;transform:translateX(-50%);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-fd181dce-0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle-fd181dce-0,#b3b3b3);--csstools-light-dark-toggle-fd181dce-1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle-fd181dce-1,#fff);--csstools-light-dark-toggle-fd181dce-2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle-fd181dce-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:var(--font-size-small)}.current:is(:is(.tooltip-popup table) tr){color:var(--color-tooltip-highlight);font-weight:var(--font-weight-bold)}: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:var(--font-size-normal);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:var(--font-weight-bold);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(--font-size-small);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 (width <= 426px){:is(:is(:is(.scan-results table) td) .iso-date) code{font-size:x-small}}@media not print{@media (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:var(--font-weight-bold)}}: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 (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;width:calc(100vw - 18rem)}@media (1200px < width){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:100%}}@media (width <= 769px){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:calc(100vw - 2rem)}}@media print{.scan-result{grid-template-columns:1fr 3fr!important;padding:.5rem!important}.obs-pass-icon svg{height:1.5em!important;width:1.5em!important}.scroll-container{overflow:hidden!important}ol.tabs-list input[type=radio]:not(:checked)~.tab-content{display:block!important}ol.tabs-list input[type=radio]{display:none!important}li.tabs-list-item input:checked+label,li.tabs-list-item input:checked+label:hover,li.tabs-list-item input:checked:focus-visible+label,li.tabs-list-item input:not(:checked)+label,li.tabs-list-item input:not(:checked)+label:hover{color:var(--color-text-primary)!important;display:block!important;font-size:1.5rem!important;font-weight:700!important;-webkit-text-decoration:none!important;text-decoration:none!important}ol.tabs-list,ol.tabs-list li.tabs-list-item{display:block!important}td,th{padding:.5rem!important}}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\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, `@media print{.observatory-results-wrapper{background-color:#fff!important;grid-template-columns:[full-start] minmax(0,1fr) [full-end]!important}.observatory-results{grid-area:full!important}.actions,.button-wrap,.observatory-results-toc,.page-layout__header,.page_layout__banner,.rescan-button{display:none!important}}`, \"\"]);\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=\"22\" height=\"22\" fill=\"none\" role=\"presentation\" 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>`;","import { svg } from \"lit\"; export default svg`<svg width=\"22\" height=\"22\" class=\"arrow\" role=\"presentation\" viewBox=\"0 0 22 22\"><path id=\"path1\" 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>`;","/**\n * Scoring table for Observatory grades\n * @type {Array<{grade: string, scoreText: string, score: number, stars?: boolean}>}\n */\nconst SCORING_TABLE = [\n  { grade: \"A+\", scoreText: \"100+\", score: 100, stars: true },\n  { grade: \"A\", scoreText: \"90\", score: 90, stars: true },\n  { grade: \"A-\", scoreText: \"85\", score: 85, stars: true },\n  { grade: \"B+\", scoreText: \"80\", score: 80 },\n  { grade: \"B\", scoreText: \"70\", score: 70 },\n  { grade: \"B-\", scoreText: \"65\", score: 65 },\n  { grade: \"C+\", scoreText: \"60\", score: 60 },\n  { grade: \"C\", scoreText: \"50\", score: 50 },\n  { grade: \"C-\", scoreText: \"45\", score: 45 },\n  { grade: \"D+\", scoreText: \"40\", score: 40 },\n  { grade: \"D\", scoreText: \"30\", score: 30 },\n  { grade: \"D-\", scoreText: \"25\", score: 25 },\n  { grade: \"F\", scoreText: \"0\", score: 0 },\n];\n\n/**\n * Maintain consistent test order.\n * @type {string[]}\n */\nconst TEST_NAMES_IN_ORDER = [\n  \"content-security-policy\",\n  \"cookies\",\n  \"cross-origin-resource-sharing\",\n  \"redirection\",\n  \"referrer-policy\",\n  \"strict-transport-security\",\n  \"subresource-integrity\",\n  \"x-content-type-options\",\n  \"x-frame-options\",\n  \"cross-origin-resource-policy\",\n];\n\n// Export the constants\nexport { SCORING_TABLE, TEST_NAMES_IN_ORDER };\n","import { html } from \"lit\";\n\nimport { PassIcon } from \"../observatory/utils.js\";\n\n/** @type {(keyof import(\"@observatory\").CSPPolicy)[]} */\nconst policyTests = [\n  \"unsafeInline\",\n  \"unsafeEval\",\n  \"unsafeObjects\",\n  \"unsafeInlineStyle\",\n  \"insecureSchemeActive\",\n  \"insecureSchemePassive\",\n  \"antiClickjacking\",\n  \"defaultNone\",\n  \"insecureBaseUri\",\n  \"insecureFormAction\",\n  \"strictDynamic\",\n];\n\n// Policies where pass means bad\nconst negatedPolicies = new Set([\n  \"insecureBaseUri\",\n  \"insecureFormAction\",\n  \"insecureSchemeActive\",\n  \"insecureSchemePassive\",\n  \"unsafeEval\",\n  \"unsafeInline\",\n  \"unsafeInlineStyle\",\n  \"unsafeObjects\",\n]);\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} props\n * @returns { import(\"@lit\").TemplateResult }\n */\nexport function CSP({ result }) {\n  const policy = result.tests[\"content-security-policy\"]?.policy;\n  const pass = result.tests[\"content-security-policy\"]?.pass || false;\n\n  if (!policy) {\n    if (\n      result.tests[\"content-security-policy\"]?.result ===\n      \"csp-not-implemented-but-reporting-enabled\"\n    ) {\n      return html`\n        <table class=\"csp\">\n          <tbody>\n            <tr>\n              <td>\n                <p>\n                  <code>Content-Security-Policy-Report-Only</code> header\n                  detected. Implement an enforced policy; see\n                  <a href=\"/en-US/docs/Web/HTTP/CSP\" target=\"_blank\">\n                    MDN's Content Security Policy (CSP) documentation </a\n                  >.\n                </p>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      `;\n    }\n\n    return html`\n      <table class=\"csp\">\n        <tbody>\n          <tr>\n            <td>\n              <p>No CSP headers detected</p>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    `;\n  }\n\n  const rows = policyTests.map((pt) => {\n    if (!policy[pt]) return null;\n    /** @type {import(\"@observatory\").PolicyItem} */\n    const p = policy[pt];\n\n    return html`\n      <tr>\n        <td data-header=\"Test\" .innerHTML=${p.description}></td>\n        <td data-header=\"Pass\">\n          ${PassIcon({\n            pass: negatedPolicies.has(pt) ? !p.pass : p.pass,\n          })}\n        </td>\n        <td data-header=\"Info\" .innerHTML=${p.info}></td>\n      </tr>\n    `;\n  });\n\n  return html`\n    <div class=\"detail-header\">\n      <p class=\"arrow\">${PassIcon({ pass })}</p>\n      <div\n        class=\"detail-header-content\"\n        .innerHTML=${result.tests[\"content-security-policy\"]\n          ?.score_description ?? `<p class=\"obs-none\">None</p>`}\n      ></div>\n    </div>\n\n    <table class=\"csp\">\n      <thead>\n        <tr>\n          <th>Test</th>\n          <th>Result</th>\n          <th>Info</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${rows}\n      </tbody>\n    </table>\n  `;\n}\n","import { Task } from \"@lit/task\";\nimport { LitElement, html } from \"lit\";\nimport { nothing } from \"lit\";\n\nimport { OBSERVATORY_API_URL } from \"../env/index.js\";\n\nimport styles from \"./element.css?lit\";\nimport printStyles from \"./print.css?lit\";\nimport { Rating } from \"./rating.js\";\nimport { Tabs } from \"./tabs.js\";\n\nimport \"../../components/progress-bar/element.js\";\nimport \"../../components/observatory-comparison-table/element.js\";\nimport \"../../components/observatory-human-duration/element.js\";\n\nexport class MDNObservatoryResults extends LitElement {\n  static styles = [styles, printStyles];\n\n  constructor() {\n    super();\n    /** @type { string | null } */\n    this.host = null;\n    /** @type { number } */\n    this.selectedTab = 0;\n    /** @type { boolean } */\n    this._usePostInApi = false;\n  }\n\n  /**\n   * @type { import(\"@lit\").PropertyDeclarations }\n   */\n  static properties = {\n    host: { type: String },\n    selectedTab: { state: true, type: Number },\n    _usePostInApi: { state: true, type: Boolean },\n  };\n\n  _apiTask = new Task(this, {\n    args: () => [this.host],\n    task: async ([host], { signal }) => {\n      if (!host) {\n        throw new Error(\"No host provided\");\n      }\n      try {\n        const res = await fetch(\n          `${OBSERVATORY_API_URL}/api/v2/analyze?host=${encodeURIComponent(\n            host,\n          )}`,\n          { signal, method: this._usePostInApi ? \"POST\" : \"GET\" },\n        );\n        if (!res.ok) {\n          let message = `${res.status}: ${res.statusText}`;\n          try {\n            const data = await res.json();\n            if (data.error) {\n              message = data.message;\n            }\n          } catch {\n            // Ignore.\n          }\n          throw new Error(message);\n        }\n        return await res.json();\n      } catch (error) {\n        throw new Error(\"Observatory API request for scan data failed\", {\n          cause: error,\n        });\n      }\n    },\n  });\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._updateSelectedTab = this._updateSelectedTab.bind(this);\n    this.selectedTab = this._getSelectedTab();\n    globalThis.addEventListener(\"hashchange\", this._updateSelectedTab);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    globalThis.removeEventListener(\"hashchange\", this._updateSelectedTab);\n  }\n\n  firstUpdated() {\n    const params = new URLSearchParams(globalThis.location.search);\n    this.host = params.get(\"host\");\n  }\n\n  _updateSelectedTab() {\n    this.selectedTab = this._getSelectedTab();\n  }\n\n  /**\n   * @returns {number}\n   */\n  _getSelectedTab() {\n    const hash = globalThis.location.hash.replace(\"#\", \"\");\n    const tabs = [\n      \"scoring\",\n      \"csp\",\n      \"cookies\",\n      \"headers\",\n      \"history\",\n      \"benchmark\",\n    ];\n    const index = tabs.indexOf(hash);\n    return index === -1 ? 0 : index;\n  }\n\n  /**\n   *\n   * @param {Event} e\n   */\n  async _rescan(e) {\n    e.preventDefault();\n    if (!this.host) {\n      return;\n    }\n    this._usePostInApi = true;\n    this._apiTask.run();\n  }\n\n  /**\n   *\n   * @param {number} index\n   * @param {string} key\n   */\n  _handleTabSelect(index, key) {\n    this.selectedTab = index;\n    globalThis.history.replaceState(\n      \"\",\n      \"\",\n      globalThis.location.pathname + globalThis.location.search + \"#\" + key,\n    );\n  }\n\n  render() {\n    if (!this.host) {\n      return nothing;\n    }\n    return this._apiTask.render({\n      pending: () =>\n        html` <label class=\"visually-hidden\" for=\"progress-bar\">\n            Rescanning ${this.host} </label\n          ><mdn-progress-bar id=\"progress-bar\"></mdn-progress-bar>`,\n\n      complete: (data) => html`\n        <section class=\"summary\">\n          ${Rating({\n            result: data,\n            host: this.host || \"\",\n            rescan: this._rescan,\n          })}\n        </section>\n        <section class=\"results\">\n          ${Tabs({\n            result: data,\n            selectedTab: this.selectedTab,\n            onTabSelect: (index, key) => this._handleTabSelect(index, key),\n          })}\n        </section>\n      </div>`,\n\n      error: (e) => html`<div class=\"error\">${e}</div>`,\n    });\n  }\n}\n\ncustomElements.define(\"mdn-observatory-results\", MDNObservatoryResults);\n","import { html } from \"lit\";\n\nimport { formatMinus, hostAsRedirectChain } from \"../observatory/utils.js\";\n\nimport { Tooltip } from \"./tooltip.js\";\nimport { Trend } from \"./trend.js\";\n\nimport \"../observatory-rescan-button/element.js\";\nimport \"../dropdown/element.js\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result, host: string, rescan: Function}} props\n * @returns {import(\"@lit\").TemplateResult}\n */\nexport function Rating({ result, host, rescan }) {\n  return html`\n    <h2 class=\"summary\">\n      Scan summary:\n      <span class=\"host\">${hostAsRedirectChain(host, result)}</span>\n    </h2>\n    <section class=\"scan-result\">\n      <section class=\"grade-trend\">\n        <div class=\"overall\">\n          <mdn-dropdown>\n            <button\n              slot=\"button\"\n              aria-label=\"show info tooltip\"\n              class=\"info-tooltip\"\n              tabindex=\"0\"\n            >\n              <div\n                class=${`grade grade-${result.scan.grade?.[0]?.toLowerCase()}`}\n              >\n                ${formatMinus(result.scan.grade)}\n              </div>\n            </button>\n            ${Tooltip(result)}\n          </mdn-dropdown>\n        </div>\n        ${Trend({ result })}\n      </section>\n      <section class=\"data\">\n        <div>\n          <a href=\"/en-US/observatory/docs/tests_and_scoring\" target=\"_blank\">\n            <span class=\"label\">Score</span></a\n          >: ${result.scan.score}&thinsp;/&thinsp;100\n        </div>\n        <div>\n          <a href=\"#history\"> <span class=\"label\">Scan Time</span></a\n          >:\n          <mdn-observatory-human-duration\n            .date=${new Date(result.scan.scanned_at)}\n          ></mdn-observatory-human-duration>\n        </div>\n        <a href=\"/en-US/observatory/docs/tests_and_scoring\" target=\"_blank\">\n          <span class=\"label\">Tests Passed</span></a\n        >: ${result.scan.tests_passed}&thinsp;/&thinsp;\n        ${result.scan.tests_quantity}\n      </section>\n      <section class=\"actions\">\n        <mdn-observatory-rescan-button\n          .from=${new Date(result.scan.scanned_at)}\n          .duration=${60}\n          @click=${rescan}\n        ></mdn-observatory-rescan-button>\n        <div class=\"scan-another\">\n          <a href=\"/en-US/observatory\"> Scan another website </a>\n        </div>\n      </section>\n    </section>\n  `;\n}\n","import { html } from \"lit\";\n\nimport starsSvg from \"../observatory/assets/stars.svg?lit\";\nimport arrowSvg from \"../observatory/assets/tooltip-arrow.svg?lit\";\nimport { SCORING_TABLE } from \"../observatory/constants.js\";\nimport { formatMinus } from \"../observatory/utils.js\";\n\n/**\n */\n\n/**\n *\n * @param {import(\"@observatory\").Result} result\n */\nexport function Tooltip(result) {\n  const rows = SCORING_TABLE.map((st) => {\n    return html`\n      <tr class=${result.scan.grade === st.grade ? \"current\" : \"\"}>\n        <td>${formatMinus(st.grade)}</td>\n        <td>\n          ${st.scoreText}\n          ${result.scan.grade === st.grade && st.stars ? starsSvg : \"\"}\n        </td>\n      </tr>\n    `;\n  });\n\n  return html`\n    <div\n      slot=\"dropdown\"\n      id=\"grade-popover\"\n      aria-describedby=\"grade-table\"\n      class=\"tooltip-popup\"\n    >\n      ${arrowSvg}\n      <table class=\"grade-tooltip\" id=\"grades-table\" role=\"tooltip\">\n        <thead>\n          <tr>\n            <th>Grade</th>\n            <th>Score</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${rows}\n        </tbody>\n      </table>\n    </div>\n  `;\n}\n","import { html, nothing } from \"lit\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} props\n * @returns {import(\"@lit\").TemplateResult | nothing}\n */\nexport function Trend({ result }) {\n  switch (arrowState(result)) {\n    case \"up\": {\n      return html`\n        <div class=\"trend\">\n          <span class=\"arrow-up\" aria-hidden=\"true\"> ↗︎ </span>\n          since last scan\n        </div>\n      `;\n    }\n    case \"down\": {\n      return html`\n        <div class=\"trend\">\n          <span class=\"arrow-down\" aria-hidden=\"true\"> ↘︎ </span>\n          since last scan\n        </div>\n      `;\n    }\n    default: {\n      return nothing;\n    }\n  }\n}\n\n/**\n *\n * @param {import(\"@observatory\").Result} result\n * @returns {\"up\" | \"down\" | \"none\"}\n */\nfunction arrowState(result) {\n  const [oldScore, oldGrade] =\n    result.history.length > 0\n      ? [result.history.at(-2)?.score, result.history.at(-2)?.grade]\n      : [undefined, undefined];\n  const newScore = result.scan.score;\n  const newGrade = result.scan.grade;\n  if (\n    typeof newScore === \"number\" &&\n    typeof oldScore === \"number\" &&\n    newGrade !== oldGrade &&\n    newScore !== oldScore\n  ) {\n    return oldScore < newScore ? \"up\" : \"down\";\n  } else {\n    return \"none\";\n  }\n}\n","import { html } from \"lit\";\n\nimport { Comparison } from \"./comparison.js\";\nimport { Cookies } from \"./cookies.js\";\nimport { CSP } from \"./csp.js\";\nimport { History } from \"./history.js\";\nimport { RawHeaders } from \"./raw-headers.js\";\nimport { Scoring } from \"./scoring.js\";\n\n/**\n * @param {{\n *   result: import(\"@observatory\").Result,\n *   selectedTab: number,\n *   onTabSelect: (index: number, key: string) => void\n * }} props\n * @returns {import(\"@lit\").TemplateResult}\n */\nexport function Tabs({ result, selectedTab = 0, onTabSelect }) {\n  const tabs = [\n    {\n      label: \"Scoring\",\n      key: \"scoring\",\n      element: html`${Scoring({ result })}`,\n    },\n    {\n      label: \"CSP analysis\",\n      key: \"csp\",\n      element: html`${CSP({ result })}`,\n    },\n    {\n      label: \"Cookies\",\n      key: \"cookies\",\n      element: html`${Cookies({ result })}`,\n    },\n    {\n      label: \"Raw server headers\",\n      key: \"headers\",\n      element: html`${RawHeaders({ result })}`,\n    },\n    {\n      label: \"Scan history\",\n      key: \"history\",\n      element: html`${History({ result })}`,\n    },\n    {\n      label: \"Benchmark comparison\",\n      key: \"benchmark\",\n      element: html`${Comparison({ result })}`,\n    },\n  ];\n\n  const tabElements = tabs.map((tab, i) => {\n    const onChange = () => onTabSelect(i, tab.key);\n    return html`\n      <li id=\"tabs-${i}\" class=\"tabs-list-item\">\n        <input\n          class=\"visually-hidden\"\n          id=\"tab-${i}\"\n          name=\"selected\"\n          type=\"radio\"\n          role=\"tab\"\n          .checked=${i === selectedTab}\n          aria-controls=\"tab-container-${i}\"\n          @change=${onChange}\n        />\n        <label for=\"tab-${i}\" id=\"tab-label-${i}\">${tab.label}</label>\n        <section\n          class=\"tab-content\"\n          role=\"tabpanel\"\n          aria-labelledby=\"tab-label-${i}\"\n          id=\"tab-container-${i}\"\n        >\n          <div class=\"scroll-container\">${tab.element}</div>\n        </section>\n      </li>\n    `;\n  });\n\n  return html`\n    <section class=\"scan-results\">\n      <h2 class=\"result\" id=\"scan-results-header\">Scan results</h2>\n      <ol\n        class=\"tabs-list\"\n        role=\"tablist\"\n        aria-labelledby=\"scan-results-header\"\n      >\n        ${tabElements}\n      </ol>\n    </section>\n  `;\n}\n","import { html } from \"lit\";\n\nimport { TEST_NAMES_IN_ORDER } from \"../observatory/constants.js\";\nimport { PassIcon, formatMinus } from \"../observatory/utils.js\";\n\n/**\n * @param {{overallScore: number, scoreModifier: number}} props\n * @returns {import(\"@lit\").TemplateResult}\n */\nfunction ScoreModifier({ overallScore, scoreModifier }) {\n  const bonusEligible = overallScore >= 90;\n  const formattedScoreModifier = formatMinus(\n    `${scoreModifier > 0 ? `+${scoreModifier}` : scoreModifier}`,\n  );\n\n  return html`\n    <span class=${!bonusEligible && scoreModifier > 0 ? \"not-counted\" : \"\"}>\n      ${!bonusEligible && scoreModifier > 0\n        ? html`0<sup><a href=\"#bonus-points-explanation\">*</a></sup>`\n        : formattedScoreModifier}\n    </span>\n  `;\n}\n\n/**\n *\n * @param {{ result: import(\"@observatory\").Result}} result\n * @returns {import(\"@lit\").TemplateResult}\n */\nexport function Scoring({ result }) {\n  const showFootnote =\n    (result.scan.score || 0) <= 90 &&\n    Object.entries(result.tests).find(([_n, t]) => t.score_modifier > 0);\n\n  // empty case, should not happen\n  if (Object.keys(result.tests).length === 0) {\n    return html`No tests found.`;\n  }\n\n  const rows = TEST_NAMES_IN_ORDER.map((name) => {\n    const test = result.tests[name];\n    if (!test) return null;\n\n    return html`\n      <tr>\n        <td data-header=\"Test\">\n          <a\n            href=${test.link}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            class=${test.link.startsWith(\"/\") ? \"\" : \"external\"}\n          >\n            ${test.title}\n          </a>\n        </td>\n        ${test.pass === null\n          ? html`<td data-header=\"Score\">-</td>`\n          : html` <td class=\"score\" data-header=\"Score\">\n              <span>\n                <span class=\"obs-score-value\">\n                  ${ScoreModifier({\n                    overallScore: result.scan.score || 0,\n                    scoreModifier: test.score_modifier,\n                  })}\n                </span>\n                ${PassIcon({ pass: test.pass })}\n              </span>\n            </td>`}\n        <td data-header=\"Reason\" .innerHTML=${test.score_description}></td>\n        <td\n          data-header=\"Advice\"\n          .innerHTML=${test.recommendation || `<p class=\"obs-none\">None</p>`}\n        ></td>\n      </tr>\n    `;\n  });\n\n  return html`\n    <table class=\"tests\">\n      <thead>\n        <tr>\n          <th>Test</th>\n          <th>Score</th>\n          <th>Reason</th>\n          <th>Recommendation</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${rows}\n      </tbody>\n    </table>\n    ${showFootnote\n      ? html` <section class=\"footnote\" id=\"bonus-points-explanation\">\n          <sup>*</sup> Normally awards bonus points, however, in this case they\n          are not included in the overall score (\n          <a href=\"/en-US/observatory/docs/tests_and_scoring\" target=\"_blank\">\n            find out why\n          </a>\n          ).\n        </section>`\n      : null}\n  `;\n}\n","import { html } from \"lit\";\n\nimport {\n  CookiePrefix,\n  PassIcon,\n  Timestamp,\n  upperCaseHeaderName,\n} from \"../observatory/utils.js\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} props\n * @returns { import(\"@lit\").TemplateResult }\n */\nexport function Cookies({ result }) {\n  const cookies = result.tests[\"cookies\"]?.data;\n  const pass = result.tests[\"cookies\"]?.pass;\n\n  if (!cookies || Object.keys(cookies).length === 0) {\n    return html`\n      <table class=\"cookies\">\n        <tbody>\n          <tr>\n            <td>No cookies detected</td>\n          </tr>\n        </tbody>\n      </table>\n    `;\n  }\n\n  const rows = Object.entries(cookies).map(\n    ([key, value]) => html`\n      <tr>\n        <td data-header=\"Name\" class=\"cookie-name\">${key}</td>\n        <td data-header=\"Expires\">\n          ${value.expires ? Timestamp({ expires: value.expires }) : \"Session\"}\n        </td>\n        <td data-header=\"Path\">\n          <code>${value.path}</code>\n        </td>\n        <td data-header=\"Secure\">${PassIcon({ pass: value.secure })}</td>\n        <td data-header=\"HttpOnly\">${PassIcon({ pass: value.httponly })}</td>\n        <td data-header=\"SameSite\">\n          ${value.samesite\n            ? html`<code>${upperCaseHeaderName(value.samesite)}</code>`\n            : \"-\"}\n        </td>\n        <td data-header=\"Prefixed\">${CookiePrefix({ cookieName: key })}</td>\n      </tr>\n    `,\n  );\n\n  return html`\n    <div class=\"detail-header\">\n      <p class=\"arrow\">\n        ${PassIcon({ pass: pass === undefined ? null : pass })}\n      </p>\n      <div\n        class=\"detail-header-content\"\n        .innerHTML=${result.tests[\"cookies\"]?.score_description ??\n        `<p class=\"obs-none\">None</p>`}\n      ></div>\n    </div>\n    <table class=\"cookies\">\n      <thead>\n        <tr>\n          <th>Name</th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#expires\"\n              >Expires</a\n            >\n          </th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#path\"\n              >Path</a\n            >\n          </th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#secure\"\n              >Secure</a\n            >\n          </th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#httponly\"\n              >HttpOnly</a\n            >\n          </th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#samesite\"\n              >SameSite</a\n            >\n          </th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#name\"\n              >Prefix</a\n            >\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        ${rows}\n      </tbody>\n    </table>\n  `;\n}\n","import { html } from \"lit\";\n\nimport { headerLink } from \"../observatory/utils.js\";\n\nimport \"../observatory-header-link/element.js\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} props\n * @returns { import(\"@lit\").TemplateResult }\n */\nexport function RawHeaders({ result }) {\n  if (!result.scan.response_headers) {\n    return html`\n      <table class=\"headers\">\n        <tbody>\n          <tr>\n            <td>No headers detected</td>\n          </tr>\n        </tbody>\n      </table>\n    `;\n  }\n\n  const rows = Object.entries(result.scan.response_headers).map(\n    ([header, value]) => html`\n      <tr>\n        <td data-header=\"Header\">\n          <mdn-observatory-header-link header=${header}>\n            ${headerLink(header)}\n          </mdn-observatory-header-link>\n        </td>\n        <td data-header=\"Value\">${value}</td>\n      </tr>\n    `,\n  );\n\n  return html`\n    <table class=\"headers\">\n      <thead>\n        <tr>\n          <th>Header</th>\n          <th>Value</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${rows}\n      </tbody>\n    </table>\n  `;\n}\n","import { html, nothing } from \"lit\";\n\nimport { formatDateTime, formatMinus } from \"../observatory/utils.js\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} props\n * @returns { import(\"@lit\").TemplateResult | nothing }\n */\nexport function History({ result }) {\n  if (result.history.length === 0) {\n    return nothing;\n  }\n\n  const rows = [...result.history].reverse().map(\n    ({ scanned_at, score, grade }) => html`\n      <tr>\n        <td data-header=\"Date\">${formatDateTime(new Date(scanned_at))}</td>\n        <td data-header=\"Score\">${score}</td>\n        <td data-header=\"Grade\">${formatMinus(grade)}</td>\n      </tr>\n    `,\n  );\n\n  return html`\n    <h2>Changes in score over time</h2>\n    <table class=\"history\">\n      <thead>\n        <tr>\n          <th>Date</th>\n          <th>Score</th>\n          <th>Grade</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${rows}\n      </tbody>\n    </table>\n  `;\n}\n","import { html } from \"lit\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} result\n * @returns { import(\"@lit\").TemplateResult }\n */\nexport function Comparison({ result }) {\n  return html`\n    <h2>Performance trends from the past year</h2>\n    <mdn-observatory-comparison-table\n      .result=${result}\n    ></mdn-observatory-comparison-table>\n    <p>\n      Refer to this graph to assess the website's current status. By following\n      the recommendations provided and rescanning, you can expect an improvement\n      in the website's grade.\n    </p>\n  `;\n}\n"],"names":["Set","MDNObservatoryResults","String","Number","Boolean","Error","fetch","encodeURIComponent","globalThis","URLSearchParams","Date","Object","t","customElements"],"mappings":"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"}
+{"version":3,"file":"3259.ac8a5539251c647a.js","sources":["webpack://@mdn/fred/./components/observatory-results/element.css","webpack://@mdn/fred/./components/observatory-results/print.css?18a8","webpack://@mdn/fred/./components/observatory/assets/stars.svg","webpack://@mdn/fred/./components/observatory/assets/tooltip-arrow.svg","webpack://@mdn/fred/./components/observatory/constants.js","webpack://@mdn/fred/./components/observatory-results/csp.js","webpack://@mdn/fred/./components/observatory-results/element.js","webpack://@mdn/fred/./components/observatory-results/rating.js","webpack://@mdn/fred/./components/observatory-results/tooltip.js","webpack://@mdn/fred/./components/observatory-results/trend.js","webpack://@mdn/fred/./components/observatory-results/tabs.js","webpack://@mdn/fred/./components/observatory-results/scoring.js","webpack://@mdn/fred/./components/observatory-results/cookies.js","webpack://@mdn/fred/./components/observatory-results/raw-headers.js","webpack://@mdn/fred/./components/observatory-results/history.js","webpack://@mdn/fred/./components/observatory-results/comparison.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../global/global.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_1___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../visually-hidden/global.css\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../observatory/assets/summary-icon.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../observatory/assets/results-icon.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{line-height:var(--font-line-content)}.scan-result{column-gap:2rem;display:grid;grid-template-areas:\"grade data actions\";grid-template-columns:auto 3fr 1fr;justify-content:space-between;max-width:var(--max-width)}.scan-result a{color:var(--color-text-primary)}.scan-result{background-color:var(--color-background-primary);border-radius:.3rem;margin-bottom:3rem;padding:2rem}@media (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 (width <= 992px){.scan-result{grid-template-areas:\"grade data   \" \"grade actions\";grid-template-columns:min-content 1fr}}.trend{margin-top:1rem}.arrow-down{color:var(--observatory-arrow-down-color)}.arrow-up{color:var(--observatory-arrow-up-color)}h2{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);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:var(--font-weight-normal)}h2.summary:before{height:1.4rem;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});width:2rem}h2.result:before{height:1.2rem;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});width:2rem}code{font-weight:var(--font-weight-bold)}.grade-trend{grid-area:grade;justify-self:start}.grade-trend .overall{position:relative}.data{grid-area:data}.actions{grid-area:actions}@media (width <= 992px){.actions{margin-top:1rem}}mdn-observatory-rescan-button{min-width:30rem}.info-tooltip{background:none;border:none;cursor:pointer;display:inline-block}.scan-another{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);margin-top:1.2rem}.grade,.label{font-weight:var(--font-weight-bold)}.grade{background:var(--grade-bg);border:1px solid var(--grade-border);border-radius:.2em;color:var(--grade-border);display:inline-block;font-size:var(--font-size-large);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{--csstools-light-dark-toggle-fd181dce-0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle-fd181dce-0,#b3b3b3);--csstools-light-dark-toggle-fd181dce-1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle-fd181dce-1,#fff);--csstools-light-dark-toggle-fd181dce-2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle-fd181dce-2,#1b1b1b);background-color:var(--color-bg-tooltip);border-radius:var(--border-radius);border-width:0;color:var(--color-tooltip);inset:unset;left:50%;line-height:var(--font-line-content);margin-top:.5rem;max-width:min(100vw,20rem);overflow:visible;padding:1.5rem;position:absolute;text-align:center;transform:translateX(-50%);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-fd181dce-0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle-fd181dce-0,#b3b3b3);--csstools-light-dark-toggle-fd181dce-1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle-fd181dce-1,#fff);--csstools-light-dark-toggle-fd181dce-2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle-fd181dce-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:var(--font-size-small)}.current:is(:is(.tooltip-popup table) tr){color:var(--color-tooltip-highlight);font-weight:var(--font-weight-bold)}: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:var(--font-size-normal);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:var(--font-weight-bold);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(--font-size-small);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 (width <= 426px){:is(:is(:is(.scan-results table) td) .iso-date) code{font-size:x-small}}@media not print{@media (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:var(--font-weight-bold)}}: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 (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;width:calc(100vw - 18rem)}@media (width > 1200px){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:100%}}@media (width <= 769px){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:calc(100vw - 2rem)}}@media print{.scan-result{grid-template-columns:1fr 3fr!important;padding:.5rem!important}.obs-pass-icon svg{height:1.5em!important;width:1.5em!important}.scroll-container{overflow:hidden!important}ol.tabs-list input[type=radio]:not(:checked)~.tab-content{display:block!important}ol.tabs-list input[type=radio]{display:none!important}li.tabs-list-item input:checked+label,li.tabs-list-item input:checked+label:hover,li.tabs-list-item input:checked:focus-visible+label,li.tabs-list-item input:not(:checked)+label,li.tabs-list-item input:not(:checked)+label:hover{color:var(--color-text-primary)!important;display:block!important;font-size:1.5rem!important;font-weight:700!important;-webkit-text-decoration:none!important;text-decoration:none!important}ol.tabs-list,ol.tabs-list li.tabs-list-item{display:block!important}td,th{padding:.5rem!important}}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\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, `@media print{.observatory-results-wrapper{background-color:#fff!important;grid-template-columns:[full-start] minmax(0,1fr) [full-end]!important}.observatory-results{grid-area:full!important}.actions,.button-wrap,.observatory-results-toc,.page-layout__header,.page_layout__banner,.rescan-button{display:none!important}}`, \"\"]);\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=\"22\" height=\"22\" fill=\"none\" role=\"presentation\" 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>`;","import { svg } from \"lit\"; export default svg`<svg width=\"22\" height=\"22\" class=\"arrow\" role=\"presentation\" viewBox=\"0 0 22 22\"><path id=\"path1\" 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>`;","/**\n * Scoring table for Observatory grades\n * @type {Array<{grade: string, scoreText: string, score: number, stars?: boolean}>}\n */\nconst SCORING_TABLE = [\n  { grade: \"A+\", scoreText: \"100+\", score: 100, stars: true },\n  { grade: \"A\", scoreText: \"90\", score: 90, stars: true },\n  { grade: \"A-\", scoreText: \"85\", score: 85, stars: true },\n  { grade: \"B+\", scoreText: \"80\", score: 80 },\n  { grade: \"B\", scoreText: \"70\", score: 70 },\n  { grade: \"B-\", scoreText: \"65\", score: 65 },\n  { grade: \"C+\", scoreText: \"60\", score: 60 },\n  { grade: \"C\", scoreText: \"50\", score: 50 },\n  { grade: \"C-\", scoreText: \"45\", score: 45 },\n  { grade: \"D+\", scoreText: \"40\", score: 40 },\n  { grade: \"D\", scoreText: \"30\", score: 30 },\n  { grade: \"D-\", scoreText: \"25\", score: 25 },\n  { grade: \"F\", scoreText: \"0\", score: 0 },\n];\n\n/**\n * Maintain consistent test order.\n * @type {string[]}\n */\nconst TEST_NAMES_IN_ORDER = [\n  \"content-security-policy\",\n  \"cookies\",\n  \"cross-origin-resource-sharing\",\n  \"redirection\",\n  \"referrer-policy\",\n  \"strict-transport-security\",\n  \"subresource-integrity\",\n  \"x-content-type-options\",\n  \"x-frame-options\",\n  \"cross-origin-resource-policy\",\n];\n\n// Export the constants\nexport { SCORING_TABLE, TEST_NAMES_IN_ORDER };\n","import { html } from \"lit\";\n\nimport { PassIcon } from \"../observatory/utils.js\";\n\n/** @type {(keyof import(\"@observatory\").CSPPolicy)[]} */\nconst policyTests = [\n  \"unsafeInline\",\n  \"unsafeEval\",\n  \"unsafeObjects\",\n  \"unsafeInlineStyle\",\n  \"insecureSchemeActive\",\n  \"insecureSchemePassive\",\n  \"antiClickjacking\",\n  \"defaultNone\",\n  \"insecureBaseUri\",\n  \"insecureFormAction\",\n  \"strictDynamic\",\n];\n\n// Policies where pass means bad\nconst negatedPolicies = new Set([\n  \"insecureBaseUri\",\n  \"insecureFormAction\",\n  \"insecureSchemeActive\",\n  \"insecureSchemePassive\",\n  \"unsafeEval\",\n  \"unsafeInline\",\n  \"unsafeInlineStyle\",\n  \"unsafeObjects\",\n]);\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} props\n * @returns { import(\"@lit\").TemplateResult }\n */\nexport function CSP({ result }) {\n  const policy = result.tests[\"content-security-policy\"]?.policy;\n  const pass = result.tests[\"content-security-policy\"]?.pass || false;\n\n  if (!policy) {\n    if (\n      result.tests[\"content-security-policy\"]?.result ===\n      \"csp-not-implemented-but-reporting-enabled\"\n    ) {\n      return html`\n        <table class=\"csp\">\n          <tbody>\n            <tr>\n              <td>\n                <p>\n                  <code>Content-Security-Policy-Report-Only</code> header\n                  detected. Implement an enforced policy; see\n                  <a href=\"/en-US/docs/Web/HTTP/CSP\" target=\"_blank\">\n                    MDN's Content Security Policy (CSP) documentation </a\n                  >.\n                </p>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      `;\n    }\n\n    return html`\n      <table class=\"csp\">\n        <tbody>\n          <tr>\n            <td>\n              <p>No CSP headers detected</p>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    `;\n  }\n\n  const rows = policyTests.map((pt) => {\n    if (!policy[pt]) return null;\n    /** @type {import(\"@observatory\").PolicyItem} */\n    const p = policy[pt];\n\n    return html`\n      <tr>\n        <td data-header=\"Test\" .innerHTML=${p.description}></td>\n        <td data-header=\"Pass\">\n          ${PassIcon({\n            pass: negatedPolicies.has(pt) ? !p.pass : p.pass,\n          })}\n        </td>\n        <td data-header=\"Info\" .innerHTML=${p.info}></td>\n      </tr>\n    `;\n  });\n\n  return html`\n    <div class=\"detail-header\">\n      <p class=\"arrow\">${PassIcon({ pass })}</p>\n      <div\n        class=\"detail-header-content\"\n        .innerHTML=${result.tests[\"content-security-policy\"]\n          ?.score_description ?? `<p class=\"obs-none\">None</p>`}\n      ></div>\n    </div>\n\n    <table class=\"csp\">\n      <thead>\n        <tr>\n          <th>Test</th>\n          <th>Result</th>\n          <th>Info</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${rows}\n      </tbody>\n    </table>\n  `;\n}\n","import { Task } from \"@lit/task\";\nimport { LitElement, html } from \"lit\";\nimport { nothing } from \"lit\";\n\nimport { OBSERVATORY_API_URL } from \"../env/index.js\";\n\nimport styles from \"./element.css?lit\";\nimport printStyles from \"./print.css?lit\";\nimport { Rating } from \"./rating.js\";\nimport { Tabs } from \"./tabs.js\";\n\nimport \"../../components/progress-bar/element.js\";\nimport \"../../components/observatory-comparison-table/element.js\";\nimport \"../../components/observatory-human-duration/element.js\";\n\nexport class MDNObservatoryResults extends LitElement {\n  static styles = [styles, printStyles];\n\n  constructor() {\n    super();\n    /** @type { string | null } */\n    this.host = null;\n    /** @type { number } */\n    this.selectedTab = 0;\n    /** @type { boolean } */\n    this._usePostInApi = false;\n  }\n\n  /**\n   * @type { import(\"@lit\").PropertyDeclarations }\n   */\n  static properties = {\n    host: { type: String },\n    selectedTab: { state: true, type: Number },\n    _usePostInApi: { state: true, type: Boolean },\n  };\n\n  _apiTask = new Task(this, {\n    args: () => [this.host],\n    task: async ([host], { signal }) => {\n      if (!host) {\n        throw new Error(\"No host provided\");\n      }\n      try {\n        const res = await fetch(\n          `${OBSERVATORY_API_URL}/api/v2/analyze?host=${encodeURIComponent(\n            host,\n          )}`,\n          { signal, method: this._usePostInApi ? \"POST\" : \"GET\" },\n        );\n        if (!res.ok) {\n          let message = `${res.status}: ${res.statusText}`;\n          try {\n            const data = await res.json();\n            if (data.error) {\n              message = data.message;\n            }\n          } catch {\n            // Ignore.\n          }\n          throw new Error(message);\n        }\n        return await res.json();\n      } catch (error) {\n        throw new Error(\"Observatory API request for scan data failed\", {\n          cause: error,\n        });\n      }\n    },\n  });\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._updateSelectedTab = this._updateSelectedTab.bind(this);\n    this.selectedTab = this._getSelectedTab();\n    globalThis.addEventListener(\"hashchange\", this._updateSelectedTab);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    globalThis.removeEventListener(\"hashchange\", this._updateSelectedTab);\n  }\n\n  firstUpdated() {\n    const params = new URLSearchParams(globalThis.location.search);\n    this.host = params.get(\"host\");\n  }\n\n  _updateSelectedTab() {\n    this.selectedTab = this._getSelectedTab();\n  }\n\n  /**\n   * @returns {number}\n   */\n  _getSelectedTab() {\n    const hash = globalThis.location.hash.replace(\"#\", \"\");\n    const tabs = [\n      \"scoring\",\n      \"csp\",\n      \"cookies\",\n      \"headers\",\n      \"history\",\n      \"benchmark\",\n    ];\n    const index = tabs.indexOf(hash);\n    return index === -1 ? 0 : index;\n  }\n\n  /**\n   *\n   * @param {Event} e\n   */\n  async _rescan(e) {\n    e.preventDefault();\n    if (!this.host) {\n      return;\n    }\n    this._usePostInApi = true;\n    this._apiTask.run();\n  }\n\n  /**\n   *\n   * @param {number} index\n   * @param {string} key\n   */\n  _handleTabSelect(index, key) {\n    this.selectedTab = index;\n    globalThis.history.replaceState(\n      \"\",\n      \"\",\n      globalThis.location.pathname + globalThis.location.search + \"#\" + key,\n    );\n  }\n\n  render() {\n    if (!this.host) {\n      return nothing;\n    }\n    return this._apiTask.render({\n      pending: () =>\n        html` <label class=\"visually-hidden\" for=\"progress-bar\">\n            Rescanning ${this.host} </label\n          ><mdn-progress-bar id=\"progress-bar\"></mdn-progress-bar>`,\n\n      complete: (data) => html`\n        <section class=\"summary\">\n          ${Rating({\n            result: data,\n            host: this.host || \"\",\n            rescan: this._rescan,\n          })}\n        </section>\n        <section class=\"results\">\n          ${Tabs({\n            result: data,\n            selectedTab: this.selectedTab,\n            onTabSelect: (index, key) => this._handleTabSelect(index, key),\n          })}\n        </section>\n      </div>`,\n\n      error: (e) => html`<div class=\"error\">${e}</div>`,\n    });\n  }\n}\n\ncustomElements.define(\"mdn-observatory-results\", MDNObservatoryResults);\n","import { html } from \"lit\";\n\nimport { formatMinus, hostAsRedirectChain } from \"../observatory/utils.js\";\n\nimport { Tooltip } from \"./tooltip.js\";\nimport { Trend } from \"./trend.js\";\n\nimport \"../observatory-rescan-button/element.js\";\nimport \"../dropdown/element.js\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result, host: string, rescan: Function}} props\n * @returns {import(\"@lit\").TemplateResult}\n */\nexport function Rating({ result, host, rescan }) {\n  return html`\n    <h2 class=\"summary\">\n      Scan summary:\n      <span class=\"host\">${hostAsRedirectChain(host, result)}</span>\n    </h2>\n    <section class=\"scan-result\">\n      <section class=\"grade-trend\">\n        <div class=\"overall\">\n          <mdn-dropdown>\n            <button\n              slot=\"button\"\n              aria-label=\"show info tooltip\"\n              class=\"info-tooltip\"\n              tabindex=\"0\"\n            >\n              <div\n                class=${`grade grade-${result.scan.grade?.[0]?.toLowerCase()}`}\n              >\n                ${formatMinus(result.scan.grade)}\n              </div>\n            </button>\n            ${Tooltip(result)}\n          </mdn-dropdown>\n        </div>\n        ${Trend({ result })}\n      </section>\n      <section class=\"data\">\n        <div>\n          <a href=\"/en-US/observatory/docs/tests_and_scoring\" target=\"_blank\">\n            <span class=\"label\">Score</span></a\n          >: ${result.scan.score}&thinsp;/&thinsp;100\n        </div>\n        <div>\n          <a href=\"#history\"> <span class=\"label\">Scan Time</span></a\n          >:\n          <mdn-observatory-human-duration\n            .date=${new Date(result.scan.scanned_at)}\n          ></mdn-observatory-human-duration>\n        </div>\n        <a href=\"/en-US/observatory/docs/tests_and_scoring\" target=\"_blank\">\n          <span class=\"label\">Tests Passed</span></a\n        >: ${result.scan.tests_passed}&thinsp;/&thinsp;\n        ${result.scan.tests_quantity}\n      </section>\n      <section class=\"actions\">\n        <mdn-observatory-rescan-button\n          .from=${new Date(result.scan.scanned_at)}\n          .duration=${60}\n          @click=${rescan}\n        ></mdn-observatory-rescan-button>\n        <div class=\"scan-another\">\n          <a href=\"/en-US/observatory\"> Scan another website </a>\n        </div>\n      </section>\n    </section>\n  `;\n}\n","import { html } from \"lit\";\n\nimport starsSvg from \"../observatory/assets/stars.svg?lit\";\nimport arrowSvg from \"../observatory/assets/tooltip-arrow.svg?lit\";\nimport { SCORING_TABLE } from \"../observatory/constants.js\";\nimport { formatMinus } from \"../observatory/utils.js\";\n\n/**\n */\n\n/**\n *\n * @param {import(\"@observatory\").Result} result\n */\nexport function Tooltip(result) {\n  const rows = SCORING_TABLE.map((st) => {\n    return html`\n      <tr class=${result.scan.grade === st.grade ? \"current\" : \"\"}>\n        <td>${formatMinus(st.grade)}</td>\n        <td>\n          ${st.scoreText}\n          ${result.scan.grade === st.grade && st.stars ? starsSvg : \"\"}\n        </td>\n      </tr>\n    `;\n  });\n\n  return html`\n    <div\n      slot=\"dropdown\"\n      id=\"grade-popover\"\n      aria-describedby=\"grade-table\"\n      class=\"tooltip-popup\"\n    >\n      ${arrowSvg}\n      <table class=\"grade-tooltip\" id=\"grades-table\" role=\"tooltip\">\n        <thead>\n          <tr>\n            <th>Grade</th>\n            <th>Score</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${rows}\n        </tbody>\n      </table>\n    </div>\n  `;\n}\n","import { html, nothing } from \"lit\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} props\n * @returns {import(\"@lit\").TemplateResult | nothing}\n */\nexport function Trend({ result }) {\n  switch (arrowState(result)) {\n    case \"up\": {\n      return html`\n        <div class=\"trend\">\n          <span class=\"arrow-up\" aria-hidden=\"true\"> ↗︎ </span>\n          since last scan\n        </div>\n      `;\n    }\n    case \"down\": {\n      return html`\n        <div class=\"trend\">\n          <span class=\"arrow-down\" aria-hidden=\"true\"> ↘︎ </span>\n          since last scan\n        </div>\n      `;\n    }\n    default: {\n      return nothing;\n    }\n  }\n}\n\n/**\n *\n * @param {import(\"@observatory\").Result} result\n * @returns {\"up\" | \"down\" | \"none\"}\n */\nfunction arrowState(result) {\n  const [oldScore, oldGrade] =\n    result.history.length > 0\n      ? [result.history.at(-2)?.score, result.history.at(-2)?.grade]\n      : [undefined, undefined];\n  const newScore = result.scan.score;\n  const newGrade = result.scan.grade;\n  if (\n    typeof newScore === \"number\" &&\n    typeof oldScore === \"number\" &&\n    newGrade !== oldGrade &&\n    newScore !== oldScore\n  ) {\n    return oldScore < newScore ? \"up\" : \"down\";\n  } else {\n    return \"none\";\n  }\n}\n","import { html } from \"lit\";\n\nimport { Comparison } from \"./comparison.js\";\nimport { Cookies } from \"./cookies.js\";\nimport { CSP } from \"./csp.js\";\nimport { History } from \"./history.js\";\nimport { RawHeaders } from \"./raw-headers.js\";\nimport { Scoring } from \"./scoring.js\";\n\n/**\n * @param {{\n *   result: import(\"@observatory\").Result,\n *   selectedTab: number,\n *   onTabSelect: (index: number, key: string) => void\n * }} props\n * @returns {import(\"@lit\").TemplateResult}\n */\nexport function Tabs({ result, selectedTab = 0, onTabSelect }) {\n  const tabs = [\n    {\n      label: \"Scoring\",\n      key: \"scoring\",\n      element: html`${Scoring({ result })}`,\n    },\n    {\n      label: \"CSP analysis\",\n      key: \"csp\",\n      element: html`${CSP({ result })}`,\n    },\n    {\n      label: \"Cookies\",\n      key: \"cookies\",\n      element: html`${Cookies({ result })}`,\n    },\n    {\n      label: \"Raw server headers\",\n      key: \"headers\",\n      element: html`${RawHeaders({ result })}`,\n    },\n    {\n      label: \"Scan history\",\n      key: \"history\",\n      element: html`${History({ result })}`,\n    },\n    {\n      label: \"Benchmark comparison\",\n      key: \"benchmark\",\n      element: html`${Comparison({ result })}`,\n    },\n  ];\n\n  const tabElements = tabs.map((tab, i) => {\n    const onChange = () => onTabSelect(i, tab.key);\n    return html`\n      <li id=\"tabs-${i}\" class=\"tabs-list-item\">\n        <input\n          class=\"visually-hidden\"\n          id=\"tab-${i}\"\n          name=\"selected\"\n          type=\"radio\"\n          role=\"tab\"\n          .checked=${i === selectedTab}\n          aria-controls=\"tab-container-${i}\"\n          @change=${onChange}\n        />\n        <label for=\"tab-${i}\" id=\"tab-label-${i}\">${tab.label}</label>\n        <section\n          class=\"tab-content\"\n          role=\"tabpanel\"\n          aria-labelledby=\"tab-label-${i}\"\n          id=\"tab-container-${i}\"\n        >\n          <div class=\"scroll-container\">${tab.element}</div>\n        </section>\n      </li>\n    `;\n  });\n\n  return html`\n    <section class=\"scan-results\">\n      <h2 class=\"result\" id=\"scan-results-header\">Scan results</h2>\n      <ol\n        class=\"tabs-list\"\n        role=\"tablist\"\n        aria-labelledby=\"scan-results-header\"\n      >\n        ${tabElements}\n      </ol>\n    </section>\n  `;\n}\n","import { html } from \"lit\";\n\nimport { TEST_NAMES_IN_ORDER } from \"../observatory/constants.js\";\nimport { PassIcon, formatMinus } from \"../observatory/utils.js\";\n\n/**\n * @param {{overallScore: number, scoreModifier: number}} props\n * @returns {import(\"@lit\").TemplateResult}\n */\nfunction ScoreModifier({ overallScore, scoreModifier }) {\n  const bonusEligible = overallScore >= 90;\n  const formattedScoreModifier = formatMinus(\n    `${scoreModifier > 0 ? `+${scoreModifier}` : scoreModifier}`,\n  );\n\n  return html`\n    <span class=${!bonusEligible && scoreModifier > 0 ? \"not-counted\" : \"\"}>\n      ${!bonusEligible && scoreModifier > 0\n        ? html`0<sup><a href=\"#bonus-points-explanation\">*</a></sup>`\n        : formattedScoreModifier}\n    </span>\n  `;\n}\n\n/**\n *\n * @param {{ result: import(\"@observatory\").Result}} result\n * @returns {import(\"@lit\").TemplateResult}\n */\nexport function Scoring({ result }) {\n  const showFootnote =\n    (result.scan.score || 0) <= 90 &&\n    Object.entries(result.tests).find(([_n, t]) => t.score_modifier > 0);\n\n  // empty case, should not happen\n  if (Object.keys(result.tests).length === 0) {\n    return html`No tests found.`;\n  }\n\n  const rows = TEST_NAMES_IN_ORDER.map((name) => {\n    const test = result.tests[name];\n    if (!test) return null;\n\n    return html`\n      <tr>\n        <td data-header=\"Test\">\n          <a\n            href=${test.link}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            class=${test.link.startsWith(\"/\") ? \"\" : \"external\"}\n          >\n            ${test.title}\n          </a>\n        </td>\n        ${test.pass === null\n          ? html`<td data-header=\"Score\">-</td>`\n          : html` <td class=\"score\" data-header=\"Score\">\n              <span>\n                <span class=\"obs-score-value\">\n                  ${ScoreModifier({\n                    overallScore: result.scan.score || 0,\n                    scoreModifier: test.score_modifier,\n                  })}\n                </span>\n                ${PassIcon({ pass: test.pass })}\n              </span>\n            </td>`}\n        <td data-header=\"Reason\" .innerHTML=${test.score_description}></td>\n        <td\n          data-header=\"Advice\"\n          .innerHTML=${test.recommendation || `<p class=\"obs-none\">None</p>`}\n        ></td>\n      </tr>\n    `;\n  });\n\n  return html`\n    <table class=\"tests\">\n      <thead>\n        <tr>\n          <th>Test</th>\n          <th>Score</th>\n          <th>Reason</th>\n          <th>Recommendation</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${rows}\n      </tbody>\n    </table>\n    ${showFootnote\n      ? html` <section class=\"footnote\" id=\"bonus-points-explanation\">\n          <sup>*</sup> Normally awards bonus points, however, in this case they\n          are not included in the overall score (\n          <a href=\"/en-US/observatory/docs/tests_and_scoring\" target=\"_blank\">\n            find out why\n          </a>\n          ).\n        </section>`\n      : null}\n  `;\n}\n","import { html } from \"lit\";\n\nimport {\n  CookiePrefix,\n  PassIcon,\n  Timestamp,\n  upperCaseHeaderName,\n} from \"../observatory/utils.js\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} props\n * @returns { import(\"@lit\").TemplateResult }\n */\nexport function Cookies({ result }) {\n  const cookies = result.tests[\"cookies\"]?.data;\n  const pass = result.tests[\"cookies\"]?.pass;\n\n  if (!cookies || Object.keys(cookies).length === 0) {\n    return html`\n      <table class=\"cookies\">\n        <tbody>\n          <tr>\n            <td>No cookies detected</td>\n          </tr>\n        </tbody>\n      </table>\n    `;\n  }\n\n  const rows = Object.entries(cookies).map(\n    ([key, value]) => html`\n      <tr>\n        <td data-header=\"Name\" class=\"cookie-name\">${key}</td>\n        <td data-header=\"Expires\">\n          ${value.expires ? Timestamp({ expires: value.expires }) : \"Session\"}\n        </td>\n        <td data-header=\"Path\">\n          <code>${value.path}</code>\n        </td>\n        <td data-header=\"Secure\">${PassIcon({ pass: value.secure })}</td>\n        <td data-header=\"HttpOnly\">${PassIcon({ pass: value.httponly })}</td>\n        <td data-header=\"SameSite\">\n          ${value.samesite\n            ? html`<code>${upperCaseHeaderName(value.samesite)}</code>`\n            : \"-\"}\n        </td>\n        <td data-header=\"Prefixed\">${CookiePrefix({ cookieName: key })}</td>\n      </tr>\n    `,\n  );\n\n  return html`\n    <div class=\"detail-header\">\n      <p class=\"arrow\">\n        ${PassIcon({ pass: pass === undefined ? null : pass })}\n      </p>\n      <div\n        class=\"detail-header-content\"\n        .innerHTML=${result.tests[\"cookies\"]?.score_description ??\n        `<p class=\"obs-none\">None</p>`}\n      ></div>\n    </div>\n    <table class=\"cookies\">\n      <thead>\n        <tr>\n          <th>Name</th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#expires\"\n              >Expires</a\n            >\n          </th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#path\"\n              >Path</a\n            >\n          </th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#secure\"\n              >Secure</a\n            >\n          </th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#httponly\"\n              >HttpOnly</a\n            >\n          </th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#samesite\"\n              >SameSite</a\n            >\n          </th>\n          <th>\n            <a\n              target=\"_blank\"\n              href=\"/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#name\"\n              >Prefix</a\n            >\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        ${rows}\n      </tbody>\n    </table>\n  `;\n}\n","import { html } from \"lit\";\n\nimport { headerLink } from \"../observatory/utils.js\";\n\nimport \"../observatory-header-link/element.js\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} props\n * @returns { import(\"@lit\").TemplateResult }\n */\nexport function RawHeaders({ result }) {\n  if (!result.scan.response_headers) {\n    return html`\n      <table class=\"headers\">\n        <tbody>\n          <tr>\n            <td>No headers detected</td>\n          </tr>\n        </tbody>\n      </table>\n    `;\n  }\n\n  const rows = Object.entries(result.scan.response_headers).map(\n    ([header, value]) => html`\n      <tr>\n        <td data-header=\"Header\">\n          <mdn-observatory-header-link header=${header}>\n            ${headerLink(header)}\n          </mdn-observatory-header-link>\n        </td>\n        <td data-header=\"Value\">${value}</td>\n      </tr>\n    `,\n  );\n\n  return html`\n    <table class=\"headers\">\n      <thead>\n        <tr>\n          <th>Header</th>\n          <th>Value</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${rows}\n      </tbody>\n    </table>\n  `;\n}\n","import { html, nothing } from \"lit\";\n\nimport { formatDateTime, formatMinus } from \"../observatory/utils.js\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} props\n * @returns { import(\"@lit\").TemplateResult | nothing }\n */\nexport function History({ result }) {\n  if (result.history.length === 0) {\n    return nothing;\n  }\n\n  const rows = [...result.history].reverse().map(\n    ({ scanned_at, score, grade }) => html`\n      <tr>\n        <td data-header=\"Date\">${formatDateTime(new Date(scanned_at))}</td>\n        <td data-header=\"Score\">${score}</td>\n        <td data-header=\"Grade\">${formatMinus(grade)}</td>\n      </tr>\n    `,\n  );\n\n  return html`\n    <h2>Changes in score over time</h2>\n    <table class=\"history\">\n      <thead>\n        <tr>\n          <th>Date</th>\n          <th>Score</th>\n          <th>Grade</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${rows}\n      </tbody>\n    </table>\n  `;\n}\n","import { html } from \"lit\";\n\n/**\n *\n * @param {{result: import(\"@observatory\").Result}} result\n * @returns { import(\"@lit\").TemplateResult }\n */\nexport function Comparison({ result }) {\n  return html`\n    <h2>Performance trends from the past year</h2>\n    <mdn-observatory-comparison-table\n      .result=${result}\n    ></mdn-observatory-comparison-table>\n    <p>\n      Refer to this graph to assess the website's current status. By following\n      the recommendations provided and rescanning, you can expect an improvement\n      in the website's grade.\n    </p>\n  `;\n}\n"],"names":["Set","MDNObservatoryResults","String","Number","Boolean","Error","fetch","encodeURIComponent","globalThis","URLSearchParams","Date","Object","t","customElements"],"mappings":"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"}

package/out/static/client/{718.071765b571e2315c.js → 718.3a790c4c45336906.js}

@@ -1,4 +1,4 @@
-export const __rspack_esm_id="718";export const __rspack_esm_ids=["718"];export const __webpack_modules__={16162(e,t,r){r.d(t,{A:()=>f});var a=r(97825),o=r(31601),i=r.n(o),n=r(76314),s=r.n(n),l=r(80534),c=r(95734),d=r(31884),p=r(12629),b=r(15239),m=r(86777),u=r(71082),g=r(31946),h=s()(i());h.i(l.A),h.i(c.A),h.i(d.A),h.i(p.A),h.i(b.A),h.i(m.A),h.i(u.A),h.i(g.A),h.push([e.id,"",""]);let f=(0,a.AH)([h.toString()])},95734(e,t,r){r.d(t,{A:()=>el});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(4417),l=r.n(s),c=new r.U(r(1956)),d=new r.U(r(90703)),p=new r.U(r(87151)),b=new r.U(r(57308)),m=new r.U(r(32527)),u=new r.U(r(64341)),g=new r.U(r(40292)),h=new r.U(r(95410)),f=new r.U(r(73872)),v=new r.U(r(82242)),w=new r.U(r(50713)),x=new r.U(r(42595)),_=new r.U(r(86738)),y=new r.U(r(45221)),k=new r.U(r(48246)),$=new r.U(r(78718)),A=new r.U(r(92229)),q=new r.U(r(46895)),U=new r.U(r(6757)),N=new r.U(r(78547)),I=new r.U(r(50178)),S=new r.U(r(42470)),T=new r.U(r(96182)),L=new r.U(r(17715)),z=new r.U(r(66588)),C=new r.U(r(48951)),D=n()(o()),P=l()(c),j=l()(d),E=l()(p),M=l()(b),H=l()(m),B=l()(u),R=l()(g),O=l()(h),J=l()(f),F=l()(v),Q=l()(w),W=l()(x),Y=l()(_),G=l()(y),V=l()(k),Z=l()($),K=l()(A),X=l()(q),ee=l()(U),et=l()(N),er=l()(I),ea=l()(S),eo=l()(T),ei=l()(L),en=l()(z),es=l()(C);D.push([e.id,`.icon{--size:var(--icon-size,1rem);background-color:var(--color-border-secondary);display:inline-block;flex-shrink:0;height:var(--size);-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:var(--size)}.icon.icon-desktop{-webkit-mask-image:url(${P});mask-image:url(${P})}.icon.icon-mobile{-webkit-mask-image:url(${j});mask-image:url(${j})}.icon.icon-server{-webkit-mask-image:url(${E});mask-image:url(${E})}.icon.icon-bun{-webkit-mask-image:url(${M});mask-image:url(${M})}.icon.icon-chrome{-webkit-mask-image:url(${H});mask-image:url(${H})}.icon.icon-deno{-webkit-mask-image:url(${B});mask-image:url(${B})}.icon.icon-firefox{-webkit-mask-image:url(${R});mask-image:url(${R})}.icon.icon-edge{-webkit-mask-image:url(${O});mask-image:url(${O})}.icon.icon-nodejs{-webkit-mask-image:url(${J});mask-image:url(${J})}.icon.icon-opera{-webkit-mask-image:url(${F});mask-image:url(${F})}.icon.icon-safari{-webkit-mask-image:url(${Q});mask-image:url(${Q})}.icon.icon-samsunginternet{-webkit-mask-image:url(${W});mask-image:url(${W})}.icon.icon-webview{-webkit-mask-image:url(${Y});mask-image:url(${Y})}.icon.icon-no{-webkit-mask-image:url(${G});mask-image:url(${G})}.icon.icon-partial{-webkit-mask-image:url(${V});mask-image:url(${V})}.icon.icon-yes{-webkit-mask-image:url(${Z});mask-image:url(${Z})}.icon.icon-yes-circle{-webkit-mask-image:url(${K});mask-image:url(${K})}.icon.icon-experimental{-webkit-mask-image:url(${X});mask-image:url(${X})}.icon.icon-deprecated{-webkit-mask-image:url(${ee});mask-image:url(${ee})}.icon.icon-nonstandard{-webkit-mask-image:url(${et});mask-image:url(${et})}.icon.icon-footnote{-webkit-mask-image:url(${er});mask-image:url(${er})}.icon.icon-unknown{-webkit-mask-image:url(${ea});mask-image:url(${ea})}.icon.icon-prefix{-webkit-mask-image:url(${eo});mask-image:url(${eo})}.icon.icon-altname{-webkit-mask-image:url(${ei});mask-image:url(${ei})}.icon.icon-disabled{-webkit-mask-image:url(${en});mask-image:url(${en})}.icon.icon-more{-webkit-mask-image:url(${es});mask-image:url(${es})}.icon.icon-preview{-webkit-mask-image:url(${X});mask-image:url(${X})}`,""]);let el=D.toString()},31884(e,t,r){r.d(t,{A:()=>v});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(4417),l=r.n(s),c=new r.U(r(45221)),d=new r.U(r(48246)),p=new r.U(r(92229)),b=new r.U(r(82294)),m=n()(o()),u=l()(c),g=l()(d),h=l()(p),f=l()(b);m.push([e.id,`.table-container{overflow-x:hidden}table{display:grid;grid-auto-flow:row dense}:is(table thead) tr{display:contents}:is(:is(table thead) tr) td,:is(:is(table thead) tr) th{display:grid;grid-template-columns:subgrid}:is(:is(table tbody) tr) td,:is(:is(table tbody) tr) th,:is(table tbody) tr,table tbody{display:contents}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) button{display:grid;grid-template-columns:subgrid}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) .timeline{grid-column:1/-1}.bc-on-github{font-size:var(--font-size-small)}.bc-table{border:1px solid var(--color-border-primary);border-collapse:initial;border-radius:.25rem;border-spacing:0;margin:0;overflow-x:auto;width:100%}.bc-table td,.bc-table th{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:1px solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:0 solid var(--color-border-primary);font-weight:500;padding:.4rem}.bc-table td,.bc-table th,:is(.bc-table td,.bc-table th) code{font-size:var(--font-size-small)}.bc-table th{background:var(--color-background-primary);padding:.4rem;vertical-align:bottom}.bc-table thead{line-height:var(--font-line-ui);white-space:nowrap}:is(.bc-table tbody) tr{height:3rem}@media (426px < width){:is(:is(.bc-table tbody) tr):last-child td,:is(:is(.bc-table tbody) tr):last-child th{border-bottom-width:0}}:is(:is(.bc-table tbody) tr) th{border-left-width:0;vertical-align:middle}:is(.bc-table tbody) .bc-support{vertical-align:top}:is(:is(.bc-table tbody) .bc-support) button{cursor:pointer;width:100%}.bc-supports-no:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-red)}.bc-supports-partial:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-yellow)}.bc-supports-preview:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-blue)}.bc-supports-yes:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-green)}.bc-table .bc-supports{margin-bottom:1rem}:is(.bc-table .bc-supports) .icon-wrap{background:var(--color-background-page);padding-bottom:2px}:is(.bc-table .bc-supports.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-yellow)}:is(.bc-table .icon-wrap) .bc-support-level{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:is(.bc-table .bc-support)>button>.icon-wrap{display:block}:is(.bc-table .bc-support) .icon.icon-removed-partial{background-color:var(--color-text-red);-webkit-mask-image:url(${u});mask-image:url(${u})}:is(.bc-table .bc-support) .timeline .icon.icon-removed-partial{background-color:var(--color-text-yellow);-webkit-mask-image:url(${g});mask-image:url(${g})}:is(.bc-table .bc-support.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-red)}.bc-table .bc-feature{align-items:center;border:none;display:flex;text-align:left;width:100%}:is(.bc-table .bc-feature)>*{border:none!important;flex-basis:max-content}.bc-table .bc-feature-depth-2{border-left:7px solid var(--color-border-primary)}.bc-table .bc-feature-depth-3{border-left:15px solid var(--color-border-primary)}.bc-head-txt-label{line-height:var(--font-line-ui);text-orientation:sideways;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.bc-support{text-align:center;vertical-align:middle}.bc-level-no{background-color:var(--color-text-red)}.bc-level-partial{background-color:var(--color-text-yellow)}.bc-level-preview{background-color:var(--color-text-blue)}.bc-legend-items-container{display:flex;flex-wrap:wrap;font-size:var(--font-size-small);gap:1.5rem;margin-bottom:2rem}.bc-legend-tip{font-size:var(--font-size-small);font-style:italic;font-variation-settings:"slnt" -10;margin-bottom:1rem;margin-top:0}@media print{.bc-legend-tip{display:none!important}}.bc-legend-item{align-items:center;display:flex;gap:.5rem}.bc-legend-item-dt{display:flex}.bc-legend-item-dt .icon{background-color:var(--color-border-secondary)}.bc-platforms th{align-items:center;display:flex;justify-content:center}.bc-platforms td{border:none}.bc-browsers th{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:end;vertical-align:bottom}.bc-browsers td{border-width:0 0 1px}.bc-notes-list{margin:.5rem 0;position:relative;text-align:left;width:100%}.bc-notes-list:before{background:var(--color-border-primary);bottom:4px;content:"";left:7px;margin-top:.25rem;position:absolute;top:0;width:3px;z-index:-1}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child{position:relative}:is(.bc-notes-list .bc-notes-wrapper:last-child dd:last-child):before{background:var(--color-background-page);bottom:0;content:"";left:7px;position:absolute;top:3px;width:3px;z-index:-1}.bc-notes-list .bc-level-yes.icon.icon-yes{background-color:var(--color-text-green);-webkit-mask-image:url(${h});mask-image:url(${h})}:is(.bc-notes-list .bc-supports-dd) .icon{background-color:var(--color-text-secondary);-webkit-mask-image:url(${f});mask-image:url(${f})}:is(.bc-notes-list .bc-supports-dd) .icon-wrap{background-color:var(--color-background-page);padding-bottom:2px}.bc-notes-list .bc-version-label{display:inline}.bc-notes-list abbr{margin-right:4px;-webkit-text-decoration:none;text-decoration:none}.bc-notes-list dd{margin-bottom:1rem;padding-left:1.5rem;text-indent:-1.5rem}:is(.bc-notes-list dd):last-child{margin-bottom:2rem}.bc-notes-wrapper{color:var(--color-border-secondary);margin-bottom:1rem}.bc-notes-wrapper:last-child{margin-bottom:0}dl.bc-notes-list dt.bc-supports{margin-top:1rem}:is(dl.bc-notes-list dt.bc-supports):first-child{margin-top:0}dl.bc-notes-list dd.bc-supports-dd{margin-bottom:1rem}:is(dl.bc-notes-list dd.bc-supports-dd):last-child{margin-bottom:0}.only-icon span{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.bc-table-row-header{padding:.25em;text-align:left;width:100%}.bc-table-row-header code{overflow:hidden}.bc-table-row-header .bc-icons{display:inline-flex;gap:.5ch;margin-left:.5ch;vertical-align:text-top}:is(.bc-table-row-header .bc-icons) .icon{background-color:var(--color-text-secondary)}.bc-github-link{font-size:var(--font-size-small)}:is(.main-page-content .bc-legend) dd,:is(.main-page-content .bc-legend) dt{margin-bottom:0;margin-left:0;margin-top:0}.main-page-content .bc-supports-dd{margin:0}`,""]);let v=m.toString()},86777(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (769px < width){.bc-on-github{text-align:right}.bc-table{grid-template-columns:minmax(25%,max-content) repeat(var(--compat-browser-count),calc(75%/var(--compat-browser-count)))}.icon{--size:calc(1rem + 1px)}}",""]);let s=n.toString()},71082(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (1200px < width){.bc-table{grid-template-columns:minmax(33%,max-content) repeat(var(--compat-browser-count),calc(67%/var(--compat-browser-count)))}}",""]);let s=n.toString()},15239(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,'@media (426px < width){.bc-table{grid-template-columns:minmax(20vw,min-content) repeat(var(--compat-browser-count),auto)}.bc-table thead{display:contents}:is(:is(.bc-table thead) .bc-platforms) th{vertical-align:revert}.bc-table tbody{--border:1px solid var(--color-border-primary)}:is(:is(.bc-table tbody) tr):not(:first-child) .bc-feature,:is(:is(:is(.bc-table tbody) tr):not(:first-child) th,:is(:is(.bc-table tbody) tr):not(:first-child) td)>*{border-top:var(--border)}:is(:is(:is(.bc-table tbody) tr) th:not(:first-child),:is(:is(.bc-table tbody) tr) td:not(:first-child))>*{border-left:var(--border)}.bc-table td,.bc-table th{background:inherit;padding:.25rem}.bc-table td.bc-support{padding:0}:is(.bc-table td.bc-support)>button{padding:.25rem}.bc-table button[aria-expanded=false]~.timeline{display:none}.bc-table .timeline{border-left:none!important;border-top:var(--border)}:is(.bc-table .bc-has-history)>button[aria-expanded=true]{--padding-bottom-offset:-2px;border-bottom:2px solid var(--color-border-primary)}:is(.bc-table .bc-has-history)>button:hover{background:var(--color-background-secondary)}.table-container-inner{position:relative}.table-container-inner:after{bottom:0;content:"";height:10px;position:absolute;right:0;width:10px}.bcd-cell-text-wrapper .bc-browser-name,.bcd-cell-text-wrapper .bc-support-level{display:none}.bc-notes-list{margin-left:20%;max-width:80vw;width:auto}.bc-support .bc-support-level{display:none}}',""]);let s=n.toString()},80534(e,t,r){r.d(t,{A:()=>d});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(2128),l=r(67168),c=n()(o());c.i(s.A),c.i(l.A),c.push([e.id,"*{box-sizing:border-box;overflow-wrap:break-word}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}a:link{color:var(--color-link-normal)}a:visited{color:var(--color-link-visited)}a:hover{-webkit-text-decoration:none;text-decoration:none}code{background-color:var(--color-background-secondary);padding:.125rem .25rem;width:fit-content}button{appearance:none;background:none;border:none}",""]);let d=c.toString()},12629(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (width <= 426px){.bc-table{grid-template-columns:auto}.bc-table thead{display:none}:is(.bc-table tr) td.bc-support{border:none;border-top:1px solid var(--color-border-primary);display:block}:is(:is(.bc-table tr) td.bc-support):last-child{border-bottom:1px solid var(--color-border-primary)}.bc-table .timeline{margin-left:.25rem}.bc-table tr:not(:first-of-type) .bc-feature{border-top:2px solid var(--color-border-primary)}.bc-table .bc-feature,.bc-table .bc-support>button{align-content:center;display:flex;flex-wrap:wrap;gap:.5rem}.bc-on-github a{white-space:nowrap}.table-container{overflow-x:auto}}",""]);let s=n.toString()},31946(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,".bcd-cell-text-wrapper{display:flex;flex-direction:row;gap:.5rem}@media (426px < width){.bcd-cell-text-wrapper{align-items:center;flex-direction:column}}.bcd-timeline-cell-text-wrapper{display:flex;flex-direction:row;gap:.25rem}.bcd-cell-text-copy{color:var(--color-text-primary)}.bc-supports-yes .bcd-cell-text-copy{color:var(--color-text-green)}.bc-supports-partial .bcd-cell-text-copy{color:var(--color-text-yellow)}.bc-supports-no .bcd-cell-text-copy{color:var(--color-text-red)}.bcd-cell-icons{display:flex;gap:.5rem}@media (426px < width){.bcd-cell-icons{display:block}.bc-table td.bc-support>button{padding-bottom:calc(.5rem + var(--padding-bottom-offset, 0px));padding-left:.25rem;padding-right:.25rem;padding-top:.5rem}}",""]);let s=n.toString()},67168(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,".visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}",""]);let s=n.toString()},50178(e,t,r){e.exports=r.p+"asterisk.70f89e1fc672d4c5.svg"},57308(e,t,r){e.exports=r.p+"bun.b1abedd53bf758e4.svg"},32527(e,t,r){e.exports=r.p+"chrome.63fe87abc1b86c49.svg"},64341(e,t,r){e.exports=r.p+"deno.aed70d20abbf1067.svg"},95410(e,t,r){e.exports=r.p+"edge.29d1f7df37cf6b7b.svg"},40292(e,t,r){e.exports=r.p+"firefox.be3910badc184355.svg"},73872(e,t,r){e.exports=r.p+"nodejs.efc13657f2bf62f7.svg"},82242(e,t,r){e.exports=r.p+"opera.ebd6fbbb8600e404.svg"},50713(e,t,r){e.exports=r.p+"safari.f175cdae2ee0be76.svg"},42595(e,t,r){e.exports=r.p+"samsung-internet.f241f6953ef66c29.svg"},86738(e,t,r){e.exports=r.p+"webview.69c6470100eb7da1.svg"},78718(e,t,r){e.exports=r.p+"check.0440cf8a72ac2317.svg"},92229(e,t,r){e.exports=r.p+"circle-check.205f48f66c3c9d17.svg"},42470(e,t,r){e.exports=r.p+"circle-help.574fc498f309634e.svg"},48246(e,t,r){e.exports=r.p+"circle-slash.c109868d4bdda8e2.svg"},45221(e,t,r){e.exports=r.p+"circle-x.4b1c3fa0511867e7.svg"},82294(e,t,r){e.exports=r.p+"circle.5525ef23679c14ac.svg"},48951(e,t,r){e.exports=r.p+"ellipsis.a923666a0f31b0e6.svg"},66588(e,t,r){e.exports=r.p+"flag.a3ec9d1b88184452.svg"},46895(e,t,r){e.exports=r.p+"flask-conical.c16b3d71f14f31d1.svg"},17715(e,t,r){e.exports=r.p+"git-fork.97e5d1d4d29677cf.svg"},96182(e,t,r){e.exports=r.p+"mdn-prefix.42c58fad0d3fc035.svg"},1956(e,t,r){e.exports=r.p+"monitor.11d946399ebf690d.svg"},87151(e,t,r){e.exports=r.p+"server.ee27a0ad5e97acf2.svg"},90703(e,t,r){e.exports=r.p+"smartphone.1a49e06c0e294c6b.svg"},6757(e,t,r){e.exports=r.p+"trash-2.73b28bc66fb8543c.svg"},78547(e,t,r){e.exports=r.p+"triangle-alert.cff4c57ccef57da3.svg"},12520(e,t,r){r.d(t,{N:()=>a});let a=`
+export const __rspack_esm_id="718";export const __rspack_esm_ids=["718"];export const __webpack_modules__={16162(e,t,r){r.d(t,{A:()=>f});var a=r(97825),o=r(31601),i=r.n(o),n=r(76314),s=r.n(n),l=r(80534),c=r(95734),d=r(31884),p=r(12629),b=r(15239),m=r(86777),u=r(71082),g=r(31946),h=s()(i());h.i(l.A),h.i(c.A),h.i(d.A),h.i(p.A),h.i(b.A),h.i(m.A),h.i(u.A),h.i(g.A),h.push([e.id,"",""]);let f=(0,a.AH)([h.toString()])},95734(e,t,r){r.d(t,{A:()=>el});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(4417),l=r.n(s),c=new r.U(r(1956)),d=new r.U(r(90703)),p=new r.U(r(87151)),b=new r.U(r(57308)),m=new r.U(r(32527)),u=new r.U(r(64341)),g=new r.U(r(40292)),h=new r.U(r(95410)),f=new r.U(r(73872)),v=new r.U(r(82242)),w=new r.U(r(50713)),x=new r.U(r(42595)),_=new r.U(r(86738)),y=new r.U(r(45221)),k=new r.U(r(48246)),$=new r.U(r(78718)),A=new r.U(r(92229)),q=new r.U(r(46895)),U=new r.U(r(6757)),N=new r.U(r(78547)),I=new r.U(r(50178)),S=new r.U(r(42470)),T=new r.U(r(96182)),L=new r.U(r(17715)),z=new r.U(r(66588)),C=new r.U(r(48951)),D=n()(o()),P=l()(c),j=l()(d),E=l()(p),M=l()(b),H=l()(m),B=l()(u),R=l()(g),O=l()(h),J=l()(f),F=l()(v),Q=l()(w),W=l()(x),Y=l()(_),G=l()(y),V=l()(k),Z=l()($),K=l()(A),X=l()(q),ee=l()(U),et=l()(N),er=l()(I),ea=l()(S),eo=l()(T),ei=l()(L),en=l()(z),es=l()(C);D.push([e.id,`.icon{--size:var(--icon-size,1rem);background-color:var(--color-border-secondary);display:inline-block;flex-shrink:0;height:var(--size);-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:var(--size)}.icon.icon-desktop{-webkit-mask-image:url(${P});mask-image:url(${P})}.icon.icon-mobile{-webkit-mask-image:url(${j});mask-image:url(${j})}.icon.icon-server{-webkit-mask-image:url(${E});mask-image:url(${E})}.icon.icon-bun{-webkit-mask-image:url(${M});mask-image:url(${M})}.icon.icon-chrome{-webkit-mask-image:url(${H});mask-image:url(${H})}.icon.icon-deno{-webkit-mask-image:url(${B});mask-image:url(${B})}.icon.icon-firefox{-webkit-mask-image:url(${R});mask-image:url(${R})}.icon.icon-edge{-webkit-mask-image:url(${O});mask-image:url(${O})}.icon.icon-nodejs{-webkit-mask-image:url(${J});mask-image:url(${J})}.icon.icon-opera{-webkit-mask-image:url(${F});mask-image:url(${F})}.icon.icon-safari{-webkit-mask-image:url(${Q});mask-image:url(${Q})}.icon.icon-samsunginternet{-webkit-mask-image:url(${W});mask-image:url(${W})}.icon.icon-webview{-webkit-mask-image:url(${Y});mask-image:url(${Y})}.icon.icon-no{-webkit-mask-image:url(${G});mask-image:url(${G})}.icon.icon-partial{-webkit-mask-image:url(${V});mask-image:url(${V})}.icon.icon-yes{-webkit-mask-image:url(${Z});mask-image:url(${Z})}.icon.icon-yes-circle{-webkit-mask-image:url(${K});mask-image:url(${K})}.icon.icon-experimental{-webkit-mask-image:url(${X});mask-image:url(${X})}.icon.icon-deprecated{-webkit-mask-image:url(${ee});mask-image:url(${ee})}.icon.icon-nonstandard{-webkit-mask-image:url(${et});mask-image:url(${et})}.icon.icon-footnote{-webkit-mask-image:url(${er});mask-image:url(${er})}.icon.icon-unknown{-webkit-mask-image:url(${ea});mask-image:url(${ea})}.icon.icon-prefix{-webkit-mask-image:url(${eo});mask-image:url(${eo})}.icon.icon-altname{-webkit-mask-image:url(${ei});mask-image:url(${ei})}.icon.icon-disabled{-webkit-mask-image:url(${en});mask-image:url(${en})}.icon.icon-more{-webkit-mask-image:url(${es});mask-image:url(${es})}.icon.icon-preview{-webkit-mask-image:url(${X});mask-image:url(${X})}`,""]);let el=D.toString()},31884(e,t,r){r.d(t,{A:()=>v});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(4417),l=r.n(s),c=new r.U(r(45221)),d=new r.U(r(48246)),p=new r.U(r(92229)),b=new r.U(r(82294)),m=n()(o()),u=l()(c),g=l()(d),h=l()(p),f=l()(b);m.push([e.id,`.table-container{overflow-x:hidden}table{display:grid;grid-auto-flow:row dense}:is(table thead) tr{display:contents}:is(:is(table thead) tr) td,:is(:is(table thead) tr) th{display:grid;grid-template-columns:subgrid}:is(:is(table tbody) tr) td,:is(:is(table tbody) tr) th,:is(table tbody) tr,table tbody{display:contents}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) button{display:grid;grid-template-columns:subgrid}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) .timeline{grid-column:1/-1}.bc-on-github{font-size:var(--font-size-small)}.bc-table{border:1px solid var(--color-border-primary);border-collapse:initial;border-radius:.25rem;border-spacing:0;margin:0;overflow-x:auto;width:100%}.bc-table td,.bc-table th{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:1px solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:0 solid var(--color-border-primary);font-weight:500;padding:.4rem}.bc-table td,.bc-table th,:is(.bc-table td,.bc-table th) code{font-size:var(--font-size-small)}.bc-table th{background:var(--color-background-primary);padding:.4rem;vertical-align:bottom}.bc-table thead{line-height:var(--font-line-ui);white-space:nowrap}:is(.bc-table tbody) tr{height:3rem}@media (width > 426px){:is(:is(.bc-table tbody) tr):last-child td,:is(:is(.bc-table tbody) tr):last-child th{border-bottom-width:0}}:is(:is(.bc-table tbody) tr) th{border-left-width:0;vertical-align:middle}:is(.bc-table tbody) .bc-support{vertical-align:top}:is(:is(.bc-table tbody) .bc-support) button{cursor:pointer;width:100%}.bc-supports-no:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-red)}.bc-supports-partial:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-yellow)}.bc-supports-preview:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-blue)}.bc-supports-yes:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-green)}.bc-table .bc-supports{margin-bottom:1rem}:is(.bc-table .bc-supports) .icon-wrap{background:var(--color-background-page);padding-bottom:2px}:is(.bc-table .bc-supports.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-yellow)}:is(.bc-table .icon-wrap) .bc-support-level{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:is(.bc-table .bc-support)>button>.icon-wrap{display:block}:is(.bc-table .bc-support) .icon.icon-removed-partial{background-color:var(--color-text-red);-webkit-mask-image:url(${u});mask-image:url(${u})}:is(.bc-table .bc-support) .timeline .icon.icon-removed-partial{background-color:var(--color-text-yellow);-webkit-mask-image:url(${g});mask-image:url(${g})}:is(.bc-table .bc-support.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-red)}.bc-table .bc-feature{align-items:center;border:none;display:flex;text-align:left;width:100%}:is(.bc-table .bc-feature)>*{border:none!important;flex-basis:max-content}.bc-table .bc-feature-depth-2{border-left:7px solid var(--color-border-primary)}.bc-table .bc-feature-depth-3{border-left:15px solid var(--color-border-primary)}.bc-head-txt-label{line-height:var(--font-line-ui);text-orientation:sideways;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.bc-support{text-align:center;vertical-align:middle}.bc-level-no{background-color:var(--color-text-red)}.bc-level-partial{background-color:var(--color-text-yellow)}.bc-level-preview{background-color:var(--color-text-blue)}.bc-legend-items-container{display:flex;flex-wrap:wrap;font-size:var(--font-size-small);gap:1.5rem;margin-bottom:2rem}.bc-legend-tip{font-size:var(--font-size-small);font-style:italic;font-variation-settings:"slnt" -10;margin-bottom:1rem;margin-top:0}@media print{.bc-legend-tip{display:none!important}}.bc-legend-item{align-items:center;display:flex;gap:.5rem}.bc-legend-item-dt{display:flex}.bc-legend-item-dt .icon{background-color:var(--color-border-secondary)}.bc-platforms th{align-items:center;display:flex;justify-content:center}.bc-platforms td{border:none}.bc-browsers th{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:end;vertical-align:bottom}.bc-browsers td{border-width:0 0 1px}.bc-notes-list{margin:.5rem 0;position:relative;text-align:left;width:100%}.bc-notes-list:before{background:var(--color-border-primary);bottom:4px;content:"";left:7px;margin-top:.25rem;position:absolute;top:0;width:3px;z-index:-1}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child{position:relative}:is(.bc-notes-list .bc-notes-wrapper:last-child dd:last-child):before{background:var(--color-background-page);bottom:0;content:"";left:7px;position:absolute;top:3px;width:3px;z-index:-1}.bc-notes-list .bc-level-yes.icon.icon-yes{background-color:var(--color-text-green);-webkit-mask-image:url(${h});mask-image:url(${h})}:is(.bc-notes-list .bc-supports-dd) .icon{background-color:var(--color-text-secondary);-webkit-mask-image:url(${f});mask-image:url(${f})}:is(.bc-notes-list .bc-supports-dd) .icon-wrap{background-color:var(--color-background-page);padding-bottom:2px}.bc-notes-list .bc-version-label{display:inline}.bc-notes-list abbr{margin-right:4px;-webkit-text-decoration:none;text-decoration:none}.bc-notes-list dd{margin-bottom:1rem;padding-left:1.5rem;text-indent:-1.5rem}:is(.bc-notes-list dd):last-child{margin-bottom:2rem}.bc-notes-wrapper{color:var(--color-border-secondary);margin-bottom:1rem}.bc-notes-wrapper:last-child{margin-bottom:0}dl.bc-notes-list dt.bc-supports{margin-top:1rem}:is(dl.bc-notes-list dt.bc-supports):first-child{margin-top:0}dl.bc-notes-list dd.bc-supports-dd{margin-bottom:1rem}:is(dl.bc-notes-list dd.bc-supports-dd):last-child{margin-bottom:0}.only-icon span{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.bc-table-row-header{padding:.25em;text-align:left;width:100%}.bc-table-row-header code{overflow:hidden}.bc-table-row-header .bc-icons{display:inline-flex;gap:.5ch;margin-left:.5ch;vertical-align:text-top}:is(.bc-table-row-header .bc-icons) .icon{background-color:var(--color-text-secondary)}.bc-github-link{font-size:var(--font-size-small)}:is(.main-page-content .bc-legend) dd,:is(.main-page-content .bc-legend) dt{margin-bottom:0;margin-left:0;margin-top:0}.main-page-content .bc-supports-dd{margin:0}`,""]);let v=m.toString()},86777(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (width > 769px){.bc-on-github{text-align:right}.bc-table{grid-template-columns:minmax(25%,max-content) repeat(var(--compat-browser-count),calc(75%/var(--compat-browser-count)))}.icon{--size:calc(1rem + 1px)}}",""]);let s=n.toString()},71082(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (width > 1200px){.bc-table{grid-template-columns:minmax(33%,max-content) repeat(var(--compat-browser-count),calc(67%/var(--compat-browser-count)))}}",""]);let s=n.toString()},15239(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,'@media (width > 426px){.bc-table{grid-template-columns:minmax(20vw,min-content) repeat(var(--compat-browser-count),auto)}.bc-table thead{display:contents}:is(:is(.bc-table thead) .bc-platforms) th{vertical-align:revert}.bc-table tbody{--border:1px solid var(--color-border-primary)}:is(:is(.bc-table tbody) tr):not(:first-child) .bc-feature,:is(:is(:is(.bc-table tbody) tr):not(:first-child) th,:is(:is(.bc-table tbody) tr):not(:first-child) td)>*{border-top:var(--border)}:is(:is(:is(.bc-table tbody) tr) th:not(:first-child),:is(:is(.bc-table tbody) tr) td:not(:first-child))>*{border-left:var(--border)}.bc-table td,.bc-table th{background:inherit;padding:.25rem}.bc-table td.bc-support{padding:0}:is(.bc-table td.bc-support)>button{padding:.25rem}.bc-table button[aria-expanded=false]~.timeline{display:none}.bc-table .timeline{border-left:none!important;border-top:var(--border)}:is(.bc-table .bc-has-history)>button[aria-expanded=true]{--padding-bottom-offset:-2px;border-bottom:2px solid var(--color-border-primary)}:is(.bc-table .bc-has-history)>button:hover{background:var(--color-background-secondary)}.table-container-inner{position:relative}.table-container-inner:after{bottom:0;content:"";height:10px;position:absolute;right:0;width:10px}.bcd-cell-text-wrapper .bc-browser-name,.bcd-cell-text-wrapper .bc-support-level{display:none}.bc-notes-list{margin-left:20%;max-width:80vw;width:auto}.bc-support .bc-support-level{display:none}}',""]);let s=n.toString()},80534(e,t,r){r.d(t,{A:()=>d});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(2128),l=r(67168),c=n()(o());c.i(s.A),c.i(l.A),c.push([e.id,"*{box-sizing:border-box;overflow-wrap:break-word}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}a:link{color:var(--color-link-normal)}a:visited{color:var(--color-link-visited)}a:hover{-webkit-text-decoration:none;text-decoration:none}code{background-color:var(--color-background-secondary);padding:.125rem .25rem;width:fit-content}button{appearance:none;background:none;border:none}",""]);let d=c.toString()},12629(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (width <= 426px){.bc-table{grid-template-columns:auto}.bc-table thead{display:none}:is(.bc-table tr) td.bc-support{border:none;border-top:1px solid var(--color-border-primary);display:block}:is(:is(.bc-table tr) td.bc-support):last-child{border-bottom:1px solid var(--color-border-primary)}.bc-table .timeline{margin-left:.25rem}.bc-table tr:not(:first-of-type) .bc-feature{border-top:2px solid var(--color-border-primary)}.bc-table .bc-feature,.bc-table .bc-support>button{align-content:center;display:flex;flex-wrap:wrap;gap:.5rem}.bc-on-github a{white-space:nowrap}.table-container{overflow-x:auto}}",""]);let s=n.toString()},31946(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,".bcd-cell-text-wrapper{display:flex;flex-direction:row;gap:.5rem}@media (width > 426px){.bcd-cell-text-wrapper{align-items:center;flex-direction:column}}.bcd-timeline-cell-text-wrapper{display:flex;flex-direction:row;gap:.25rem}.bcd-cell-text-copy{color:var(--color-text-primary)}.bc-supports-yes .bcd-cell-text-copy{color:var(--color-text-green)}.bc-supports-partial .bcd-cell-text-copy{color:var(--color-text-yellow)}.bc-supports-no .bcd-cell-text-copy{color:var(--color-text-red)}.bcd-cell-icons{display:flex;gap:.5rem}@media (width > 426px){.bcd-cell-icons{display:block}.bc-table td.bc-support>button{padding-bottom:calc(.5rem + var(--padding-bottom-offset, 0px));padding-left:.25rem;padding-right:.25rem;padding-top:.5rem}}",""]);let s=n.toString()},67168(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,".visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}",""]);let s=n.toString()},50178(e,t,r){e.exports=r.p+"asterisk.70f89e1fc672d4c5.svg"},57308(e,t,r){e.exports=r.p+"bun.b1abedd53bf758e4.svg"},32527(e,t,r){e.exports=r.p+"chrome.63fe87abc1b86c49.svg"},64341(e,t,r){e.exports=r.p+"deno.aed70d20abbf1067.svg"},95410(e,t,r){e.exports=r.p+"edge.29d1f7df37cf6b7b.svg"},40292(e,t,r){e.exports=r.p+"firefox.be3910badc184355.svg"},73872(e,t,r){e.exports=r.p+"nodejs.efc13657f2bf62f7.svg"},82242(e,t,r){e.exports=r.p+"opera.ebd6fbbb8600e404.svg"},50713(e,t,r){e.exports=r.p+"safari.f175cdae2ee0be76.svg"},42595(e,t,r){e.exports=r.p+"samsung-internet.f241f6953ef66c29.svg"},86738(e,t,r){e.exports=r.p+"webview.69c6470100eb7da1.svg"},78718(e,t,r){e.exports=r.p+"check.0440cf8a72ac2317.svg"},92229(e,t,r){e.exports=r.p+"circle-check.205f48f66c3c9d17.svg"},42470(e,t,r){e.exports=r.p+"circle-help.574fc498f309634e.svg"},48246(e,t,r){e.exports=r.p+"circle-slash.c109868d4bdda8e2.svg"},45221(e,t,r){e.exports=r.p+"circle-x.4b1c3fa0511867e7.svg"},82294(e,t,r){e.exports=r.p+"circle.5525ef23679c14ac.svg"},48951(e,t,r){e.exports=r.p+"ellipsis.a923666a0f31b0e6.svg"},66588(e,t,r){e.exports=r.p+"flag.a3ec9d1b88184452.svg"},46895(e,t,r){e.exports=r.p+"flask-conical.c16b3d71f14f31d1.svg"},17715(e,t,r){e.exports=r.p+"git-fork.97e5d1d4d29677cf.svg"},96182(e,t,r){e.exports=r.p+"mdn-prefix.42c58fad0d3fc035.svg"},1956(e,t,r){e.exports=r.p+"monitor.11d946399ebf690d.svg"},87151(e,t,r){e.exports=r.p+"server.ee27a0ad5e97acf2.svg"},90703(e,t,r){e.exports=r.p+"smartphone.1a49e06c0e294c6b.svg"},6757(e,t,r){e.exports=r.p+"trash-2.73b28bc66fb8543c.svg"},78547(e,t,r){e.exports=r.p+"triangle-alert.cff4c57ccef57da3.svg"},12520(e,t,r){r.d(t,{N:()=>a});let a=`
 <!-- Do not make changes below this line -->
 <details>
 <summary>MDN page report details</summary>
@@ -164,4 +164,4 @@ export const __rspack_esm_id="718";export const __rspack_esm_ids=["718"];export
       </p>
       <dl class="bc-legend-items-container">${r}</dl>
     </section>`}render(){return(0,a.qy)` ${this._renderTable()} ${this._renderTableLegend()} `}};function k(e,t,r){let a=Object.entries(r).filter(([,{type:e}])=>"server"==e).map(([e])=>e),o=["desktop","mobile"];("javascript"===e||a.some(e=>t.__compat&&e in t.__compat.support))&&o.push("server");let i=[];for(let e of o){let t=Object.keys(r);i.push(...t.filter(t=>t in r&&r[t]?.type===e))}if("webextensions"===e&&(i=i.filter(e=>r[e]?.accepts_webextensions)),"javascript"!==e)for(let e of a)!t.__compat||e in t.__compat.support||(i=i.filter(t=>t!==e));return[o,[...i=i.filter(e=>c.includes(e))]]}customElements.define("mdn-compat-table",MDNCompatTable)}};
-//# sourceMappingURL=718.071765b571e2315c.js.map
+//# sourceMappingURL=718.3a790c4c45336906.js.map