lighthouse 12.0.0-dev.20240605 → 12.0.0-dev.20240607
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/audits/metrics/first-meaningful-paint.d.ts +1 -17
- package/core/audits/metrics/first-meaningful-paint.js +5 -47
- package/core/audits/metrics/interactive.d.ts +1 -1
- package/core/audits/metrics/interactive.js +1 -1
- package/core/audits/predictive-perf.js +0 -6
- package/core/audits/redirects.js +1 -2
- package/core/computed/metrics/lantern-interactive.js +3 -3
- package/core/computed/metrics/lantern-metric.d.ts +2 -2
- package/core/computed/metrics/lantern-metric.js +4 -1
- package/core/computed/metrics/timing-summary.js +0 -6
- package/core/lib/lantern/lantern.d.ts +10 -5
- package/core/lib/lantern/lantern.js +47 -0
- package/core/lib/lantern/metric.d.ts +6 -6
- package/core/lib/lantern/metric.js +3 -3
- package/core/lib/lantern/metrics/first-contentful-paint.js +2 -2
- package/core/lib/lantern/metrics/interactive.js +7 -7
- package/core/lib/lantern/metrics/largest-contentful-paint.js +2 -2
- package/core/lib/lantern/types/lantern.d.ts +8 -1
- package/core/lib/tracehouse/trace-processor.d.ts +0 -2
- package/core/lib/tracehouse/trace-processor.js +1 -31
- package/core/lib/traces/metric-trace-events.js +0 -5
- package/dist/report/bundle.esm.js +1 -1
- package/dist/report/flow.js +1 -1
- package/dist/report/standalone.js +1 -1
- package/package.json +1 -1
- package/report/renderer/performance-category-renderer.js +1 -1
- package/types/artifacts.d.ts +0 -12
- package/core/computed/metrics/first-meaningful-paint.d.ts +0 -21
- package/core/computed/metrics/first-meaningful-paint.js +0 -44
- package/core/computed/metrics/lantern-first-meaningful-paint.d.ts +0 -25
- package/core/computed/metrics/lantern-first-meaningful-paint.js +0 -43
- package/core/lib/lantern/metrics/first-meaningful-paint.d.ts +0 -6
- package/core/lib/lantern/metrics/first-meaningful-paint.js +0 -64
package/dist/report/flow.js
CHANGED
|
@@ -2606,7 +2606,7 @@ details[open] .lh-clump-toggletext--hide { display: block;}
|
|
|
2606
2606
|
display: none;
|
|
2607
2607
|
}
|
|
2608
2608
|
}
|
|
2609
|
-
`),t.append(n);let a=e.createElement("div","lh-topbar"),i=e.createElementNS("http://www.w3.org/2000/svg","svg","lh-topbar__logo");i.setAttribute("role","img"),i.setAttribute("title","Lighthouse logo"),i.setAttribute("fill","none"),i.setAttribute("xmlns","http://www.w3.org/2000/svg"),i.setAttribute("viewBox","0 0 48 48");let o=e.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("d","m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z"),o.setAttribute("fill","#F63");let r=e.createElementNS("http://www.w3.org/2000/svg","path");r.setAttribute("d","M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z"),r.setAttribute("fill","#FFA385");let s=e.createElementNS("http://www.w3.org/2000/svg","path");s.setAttribute("fill","#FF3"),s.setAttribute("d","M20.5 10h7v7h-7z"),i.append(" ",o," ",r," ",s," ");let p=e.createElement("a","lh-topbar__url");p.setAttribute("href",""),p.setAttribute("target","_blank"),p.setAttribute("rel","noopener");let c=e.createElement("div","lh-tools"),l=e.createElement("div","lh-tools-locale lh-hidden"),d=e.createElement("button","lh-button lh-tool-locale__button");d.setAttribute("id","lh-button__swap-locales"),d.setAttribute("title","Show Language Picker"),d.setAttribute("aria-label","Toggle language picker"),d.setAttribute("aria-haspopup","menu"),d.setAttribute("aria-expanded","false"),d.setAttribute("aria-controls","lh-tools-locale__selector-wrapper");let m=e.createElementNS("http://www.w3.org/2000/svg","svg");m.setAttribute("width","20px"),m.setAttribute("height","20px"),m.setAttribute("viewBox","0 0 24 24"),m.setAttribute("fill","currentColor");let h=e.createElementNS("http://www.w3.org/2000/svg","path");h.setAttribute("d","M0 0h24v24H0V0z"),h.setAttribute("fill","none");let g=e.createElementNS("http://www.w3.org/2000/svg","path");g.setAttribute("d","M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"),m.append(h,g),d.append(" ",m," ");let _=e.createElement("div","lh-tools-locale__selector-wrapper");_.setAttribute("id","lh-tools-locale__selector-wrapper"),_.setAttribute("role","menu"),_.setAttribute("aria-labelledby","lh-button__swap-locales"),_.setAttribute("aria-hidden","true"),_.append(" "," "),l.append(" ",d," ",_," ");let f=e.createElement("button","lh-tools__button");f.setAttribute("id","lh-tools-button"),f.setAttribute("title","Tools menu"),f.setAttribute("aria-label","Toggle report tools menu"),f.setAttribute("aria-haspopup","menu"),f.setAttribute("aria-expanded","false"),f.setAttribute("aria-controls","lh-tools-dropdown");let y=e.createElementNS("http://www.w3.org/2000/svg","svg");y.setAttribute("width","100%"),y.setAttribute("height","100%"),y.setAttribute("viewBox","0 0 24 24");let P=e.createElementNS("http://www.w3.org/2000/svg","path");P.setAttribute("d","M0 0h24v24H0z"),P.setAttribute("fill","none");let A=e.createElementNS("http://www.w3.org/2000/svg","path");A.setAttribute("d","M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"),y.append(" ",P," ",A," "),f.append(" ",y," ");let U=e.createElement("div","lh-tools__dropdown");U.setAttribute("id","lh-tools-dropdown"),U.setAttribute("role","menu"),U.setAttribute("aria-labelledby","lh-tools-button");let b=e.createElement("a","lh-report-icon lh-report-icon--print");b.setAttribute("role","menuitem"),b.setAttribute("tabindex","-1"),b.setAttribute("href","#"),b.setAttribute("data-i18n","dropdownPrintSummary"),b.setAttribute("data-action","print-summary");let w=e.createElement("a","lh-report-icon lh-report-icon--print");w.setAttribute("role","menuitem"),w.setAttribute("tabindex","-1"),w.setAttribute("href","#"),w.setAttribute("data-i18n","dropdownPrintExpanded"),w.setAttribute("data-action","print-expanded");let S=e.createElement("a","lh-report-icon lh-report-icon--copy");S.setAttribute("role","menuitem"),S.setAttribute("tabindex","-1"),S.setAttribute("href","#"),S.setAttribute("data-i18n","dropdownCopyJSON"),S.setAttribute("data-action","copy");let N=e.createElement("a","lh-report-icon lh-report-icon--download lh-hidden");N.setAttribute("role","menuitem"),N.setAttribute("tabindex","-1"),N.setAttribute("href","#"),N.setAttribute("data-i18n","dropdownSaveHTML"),N.setAttribute("data-action","save-html");let B=e.createElement("a","lh-report-icon lh-report-icon--download");B.setAttribute("role","menuitem"),B.setAttribute("tabindex","-1"),B.setAttribute("href","#"),B.setAttribute("data-i18n","dropdownSaveJSON"),B.setAttribute("data-action","save-json");let H=e.createElement("a","lh-report-icon lh-report-icon--open");H.setAttribute("role","menuitem"),H.setAttribute("tabindex","-1"),H.setAttribute("href","#"),H.setAttribute("data-i18n","dropdownViewer"),H.setAttribute("data-action","open-viewer");let G=e.createElement("a","lh-report-icon lh-report-icon--open");G.setAttribute("role","menuitem"),G.setAttribute("tabindex","-1"),G.setAttribute("href","#"),G.setAttribute("data-i18n","dropdownSaveGist"),G.setAttribute("data-action","save-gist");let W=e.createElement("a","lh-report-icon lh-report-icon--open lh-hidden");W.setAttribute("role","menuitem"),W.setAttribute("tabindex","-1"),W.setAttribute("href","#"),W.setAttribute("data-i18n","dropdownViewUnthrottledTrace"),W.setAttribute("data-action","view-unthrottled-trace");let J=e.createElement("a","lh-report-icon lh-report-icon--dark");return J.setAttribute("role","menuitem"),J.setAttribute("tabindex","-1"),J.setAttribute("href","#"),J.setAttribute("data-i18n","dropdownDarkTheme"),J.setAttribute("data-action","toggle-dark"),U.append(" ",b," ",w," ",S," "," ",N," ",B," ",H," ",G," "," ",W," ",J," "),c.append(" ",l," ",f," ",U," "),a.append(" "," ",i," ",p," ",c," "),t.append(a),t}function Eo(e){let t=e.createFragment(),n=e.createElement("div","lh-warnings lh-warnings--toplevel"),a=e.createElement("p","lh-warnings__msg"),i=e.createElement("ul");return n.append(" ",a," ",i," "),t.append(n),t}function ka(e,t){switch(t){case"3pFilter":return oo(e);case"audit":return ro(e);case"categoryHeader":return so(e);case"chevron":return lo(e);case"clump":return po(e);case"crc":return uo(e);case"crcChain":return co(e);case"elementScreenshot":return mo(e);case"explodeyGauge":return ho(e);case"footer":return go(e);case"fraction":return fo(e);case"gauge":return vo(e);case"heading":return bo(e);case"metric":return yo(e);case"scorescale":return _o(e);case"scoresWrapper":return Co(e);case"snippet":return wo(e);case"snippetContent":return xo(e);case"snippetHeader":return So(e);case"snippetLine":return ko(e);case"styles":return Po(e);case"topbar":return Ao(e);case"warningsToplevel":return Eo(e)}throw new Error("unexpected component: "+t)}var re=class{constructor(t,n){this._document=t,this._lighthouseChannel="unknown",this._componentCache=new Map,this.rootEl=n}createElement(t,n){let a=this._document.createElement(t);if(n)for(let i of n.split(/\s+/))i&&a.classList.add(i);return a}createElementNS(t,n,a){let i=this._document.createElementNS(t,n);if(a)for(let o of a.split(/\s+/))o&&i.classList.add(o);return i}createSVGElement(t,n){return this._document.createElementNS("http://www.w3.org/2000/svg",t,n)}createFragment(){return this._document.createDocumentFragment()}createTextNode(t){return this._document.createTextNode(t)}createChildOf(t,n,a){let i=this.createElement(n,a);return t.append(i),i}createComponent(t){let n=this._componentCache.get(t);if(n){let i=n.cloneNode(!0);return this.findAll("style",i).forEach(o=>o.remove()),i}return n=ka(this,t),this._componentCache.set(t,n),n.cloneNode(!0)}clearComponentCache(){this._componentCache.clear()}convertMarkdownLinkSnippets(t,n={}){let a=this.createElement("span");for(let i of I.splitMarkdownLink(t)){let o=i.text.includes("`")?this.convertMarkdownCodeSnippets(i.text):i.text;if(!i.isLink){a.append(o);continue}let r=new URL(i.linkHref);(["https://developers.google.com","https://web.dev","https://developer.chrome.com"].includes(r.origin)||n.alwaysAppendUtmSource)&&(r.searchParams.set("utm_source","lighthouse"),r.searchParams.set("utm_medium",this._lighthouseChannel));let p=this.createElement("a");p.rel="noopener",p.target="_blank",p.append(o),this.safelySetHref(p,r.href),a.append(p)}return a}safelySetHref(t,n){if(n=n||"",n.startsWith("#")){t.href=n;return}let a=["https:","http:"],i;try{i=new URL(n)}catch{}i&&a.includes(i.protocol)&&(t.href=i.href)}safelySetBlobHref(t,n){if(n.type!=="text/html"&&n.type!=="application/json")throw new Error("Unsupported blob type");let a=URL.createObjectURL(n);t.href=a}convertMarkdownCodeSnippets(t){let n=this.createElement("span");for(let a of I.splitMarkdownCodeSpans(t))if(a.isCode){let i=this.createElement("code");i.textContent=a.text,n.append(i)}else n.append(this._document.createTextNode(a.text));return n}setLighthouseChannel(t){this._lighthouseChannel=t}document(){return this._document}isDevTools(){return!!this._document.querySelector(".lh-devtools")}find(t,n=this.rootEl??this._document){let a=this.maybeFind(t,n);if(a===null)throw new Error(`query ${t} not found`);return a}maybeFind(t,n){return n.querySelector(t)}findAll(t,n){return Array.from(n.querySelectorAll(t))}fireEventOn(t,n=this._document,a){let i=new CustomEvent(t,a?{detail:a}:void 0);n.dispatchEvent(i)}saveFile(t,n){let a=this.createElement("a");a.download=n,this.safelySetBlobHref(a,t),this._document.body.append(a),a.click(),this._document.body.removeChild(a),setTimeout(()=>URL.revokeObjectURL(a.href),500)}};var se=class{constructor(t,n){this.dom=t,this.detailsRenderer=n}get _clumpTitles(){return{warning:v.strings.warningAuditsGroupTitle,manual:v.strings.manualAuditsGroupTitle,passed:v.strings.passedAuditsGroupTitle,notApplicable:v.strings.notApplicableAuditsGroupTitle}}renderAudit(t){let n=v.strings,a=this.dom.createComponent("audit"),i=this.dom.find("div.lh-audit",a);i.id=t.result.id;let o=t.result.scoreDisplayMode;t.result.displayValue&&(this.dom.find(".lh-audit__display-text",i).textContent=t.result.displayValue);let r=this.dom.find(".lh-audit__title",i);r.append(this.dom.convertMarkdownCodeSnippets(t.result.title));let s=this.dom.find(".lh-audit__description",i);s.append(this.dom.convertMarkdownLinkSnippets(t.result.description));for(let m of t.relevantMetrics||[]){let h=this.dom.createChildOf(s,"span","lh-audit__adorn");h.title=`Relevant to ${m.result.title}`,h.textContent=m.acronym||m.id}t.stackPacks&&t.stackPacks.forEach(m=>{let h=this.dom.createElement("img","lh-audit__stackpack__img");h.src=m.iconDataURL,h.alt=m.title;let g=this.dom.convertMarkdownLinkSnippets(m.description,{alwaysAppendUtmSource:!0}),_=this.dom.createElement("div","lh-audit__stackpack");_.append(h,g),this.dom.find(".lh-audit__stackpacks",i).append(_)});let p=this.dom.find("details",i);if(t.result.details){let m=this.detailsRenderer.render(t.result.details);m&&(m.classList.add("lh-details"),p.append(m))}if(this.dom.find(".lh-chevron-container",i).append(this._createChevron()),this._setRatingClass(i,t.result.score,o),t.result.scoreDisplayMode==="error"){i.classList.add("lh-audit--error");let m=this.dom.find(".lh-audit__display-text",i);m.textContent=n.errorLabel,m.classList.add("lh-tooltip-boundary");let h=this.dom.createChildOf(m,"div","lh-tooltip lh-tooltip--error");h.textContent=t.result.errorMessage||n.errorMissingAuditInfo}else if(t.result.explanation){let m=this.dom.createChildOf(r,"div","lh-audit-explanation");m.textContent=t.result.explanation}let c=t.result.warnings;if(!c||c.length===0)return i;let l=this.dom.find("summary",p),d=this.dom.createChildOf(l,"div","lh-warnings");if(this.dom.createChildOf(d,"span").textContent=n.warningHeader,c.length===1)d.append(this.dom.createTextNode(c.join("")));else{let m=this.dom.createChildOf(d,"ul");for(let h of c){let g=this.dom.createChildOf(m,"li");g.textContent=h}}return i}injectFinalScreenshot(t,n,a){let i=n["final-screenshot"];if(!i||i.scoreDisplayMode==="error"||!i.details||i.details.type!=="screenshot")return null;let o=this.dom.createElement("img","lh-final-ss-image"),r=i.details.data;o.src=r,o.alt=i.title;let s=this.dom.find(".lh-category .lh-category-header",t),p=this.dom.createElement("div","lh-category-headercol"),c=this.dom.createElement("div","lh-category-headercol lh-category-headercol--separator"),l=this.dom.createElement("div","lh-category-headercol");p.append(...s.childNodes),p.append(a),l.append(o),s.append(p,c,l),s.classList.add("lh-category-header__finalscreenshot")}_createChevron(){let t=this.dom.createComponent("chevron");return this.dom.find("svg.lh-chevron",t)}_setRatingClass(t,n,a){let i=E.calculateRating(n,a);return t.classList.add(`lh-audit--${a.toLowerCase()}`),a!=="informative"&&t.classList.add(`lh-audit--${i}`),t}renderCategoryHeader(t,n,a){let i=this.dom.createComponent("categoryHeader"),o=this.dom.find(".lh-score__gauge",i),r=this.renderCategoryScore(t,n,a);if(o.append(r),t.description){let s=this.dom.convertMarkdownLinkSnippets(t.description);this.dom.find(".lh-category-header__description",i).append(s)}return i}renderAuditGroup(t){let n=this.dom.createElement("div","lh-audit-group"),a=this.dom.createElement("div","lh-audit-group__header");this.dom.createChildOf(a,"span","lh-audit-group__title").textContent=t.title,n.append(a);let i=null;return t.description&&(i=this.dom.convertMarkdownLinkSnippets(t.description),i.classList.add("lh-audit-group__description","lh-audit-group__footer"),n.append(i)),[n,i]}_renderGroupedAudits(t,n){let a=new Map,i="NotAGroup";a.set(i,[]);for(let r of t){let s=r.group||i,p=a.get(s)||[];p.push(r),a.set(s,p)}let o=[];for(let[r,s]of a){if(r===i){for(let d of s)o.push(this.renderAudit(d));continue}let p=n[r],[c,l]=this.renderAuditGroup(p);for(let d of s)c.insertBefore(this.renderAudit(d),l);c.classList.add(`lh-audit-group--${r}`),o.push(c)}return o}renderUnexpandableClump(t,n){let a=this.dom.createElement("div");return this._renderGroupedAudits(t,n).forEach(o=>a.append(o)),a}renderClump(t,{auditRefsOrEls:n,description:a,openByDefault:i}){let o=this.dom.createComponent("clump"),r=this.dom.find(".lh-clump",o);i&&r.setAttribute("open","");let s=this.dom.find(".lh-audit-group__header",r),p=this._clumpTitles[t];this.dom.find(".lh-audit-group__title",s).textContent=p;let c=this.dom.find(".lh-audit-group__itemcount",r);c.textContent=`(${n.length})`;let l=n.map(m=>m instanceof HTMLElement?m:this.renderAudit(m));r.append(...l);let d=this.dom.find(".lh-audit-group",o);if(a){let m=this.dom.convertMarkdownLinkSnippets(a);m.classList.add("lh-audit-group__description","lh-audit-group__footer"),d.append(m)}return this.dom.find(".lh-clump-toggletext--show",d).textContent=v.strings.show,this.dom.find(".lh-clump-toggletext--hide",d).textContent=v.strings.hide,r.classList.add(`lh-clump--${t.toLowerCase()}`),d}renderCategoryScore(t,n,a){let i;if(a&&E.shouldDisplayAsFraction(a.gatherMode)?i=this.renderCategoryFraction(t):i=this.renderScoreGauge(t,n),a?.omitLabel&&this.dom.find(".lh-gauge__label,.lh-fraction__label",i).remove(),a?.onPageAnchorRendered){let o=this.dom.find("a",i);a.onPageAnchorRendered(o)}return i}renderScoreGauge(t,n){let a=this.dom.createComponent("gauge"),i=this.dom.find("a.lh-gauge__wrapper",a);E.isPluginCategory(t.id)&&i.classList.add("lh-gauge__wrapper--plugin");let o=Number(t.score),r=this.dom.find(".lh-gauge",a),s=this.dom.find("circle.lh-gauge-arc",r);s&&this._setGaugeArc(s,o);let p=Math.round(o*100),c=this.dom.find("div.lh-gauge__percentage",a);return c.textContent=p.toString(),t.score===null&&(c.classList.add("lh-gauge--error"),c.textContent="",c.title=v.strings.errorLabel),t.auditRefs.length===0||this.hasApplicableAudits(t)?i.classList.add(`lh-gauge__wrapper--${E.calculateRating(t.score)}`):(i.classList.add("lh-gauge__wrapper--not-applicable"),c.textContent="-",c.title=v.strings.notApplicableAuditsGroupTitle),this.dom.find(".lh-gauge__label",a).textContent=t.title,a}renderCategoryFraction(t){let n=this.dom.createComponent("fraction"),a=this.dom.find("a.lh-fraction__wrapper",n),{numPassed:i,numPassableAudits:o,totalWeight:r}=E.calculateCategoryFraction(t),s=i/o,p=this.dom.find(".lh-fraction__content",n),c=this.dom.createElement("span");c.textContent=`${i}/${o}`,p.append(c);let l=E.calculateRating(s);return r===0&&(l="null"),a.classList.add(`lh-fraction__wrapper--${l}`),this.dom.find(".lh-fraction__label",n).textContent=t.title,n}hasApplicableAudits(t){return t.auditRefs.some(n=>n.result.scoreDisplayMode!=="notApplicable")}_setGaugeArc(t,n){let a=2*Math.PI*Number(t.getAttribute("r")),i=Number(t.getAttribute("stroke-width")),o=.25*i/a;t.style.transform=`rotate(${-90+o*360}deg)`;let r=n*a-i/2;n===0&&(t.style.opacity="0"),n===1&&(r=a),t.style.strokeDasharray=`${Math.max(r,0)} ${a}`}_auditHasWarning(t){return!!t.result.warnings?.length}_getClumpIdForAuditRef(t){let n=t.result.scoreDisplayMode;return n==="manual"||n==="notApplicable"?n:E.showAsPassed(t.result)?this._auditHasWarning(t)?"warning":"passed":"failed"}render(t,n={},a){let i=this.dom.createElement("div","lh-category");i.id=t.id,i.append(this.renderCategoryHeader(t,n,a));let o=new Map;o.set("failed",[]),o.set("warning",[]),o.set("manual",[]),o.set("passed",[]),o.set("notApplicable",[]);for(let s of t.auditRefs){if(s.group==="hidden")continue;let p=this._getClumpIdForAuditRef(s),c=o.get(p);c.push(s),o.set(p,c)}for(let s of o.values())s.sort((p,c)=>c.weight-p.weight);let r=o.get("failed")?.length;for(let[s,p]of o){if(p.length===0)continue;if(s==="failed"){let m=this.renderUnexpandableClump(p,n);m.classList.add("lh-clump--failed"),i.append(m);continue}let c=s==="manual"?t.manualDescription:void 0,l=s==="warning"||s==="manual"&&r===0,d=this.renderClump(s,{auditRefsOrEls:p,description:c,openByDefault:l});i.append(d)}return i}};var je=class{static initTree(t){let n=0,a=Object.keys(t);return a.length>0&&(n=t[a[0]].request.startTime),{tree:t,startTime:n,transferSize:0}}static createSegment(t,n,a,i,o,r){let s=t[n],p=Object.keys(t),c=p.indexOf(n)===p.length-1,l=!!s.children&&Object.keys(s.children).length>0,d=Array.isArray(o)?o.slice(0):[];return typeof r<"u"&&d.push(!r),{node:s,isLastChild:c,hasChildren:l,startTime:a,transferSize:i+s.request.transferSize,treeMarkers:d}}static createChainNode(t,n,a){let i=t.createComponent("crcChain");t.find(".lh-crc-node",i).setAttribute("title",n.node.request.url);let o=t.find(".lh-crc-node__tree-marker",i);n.treeMarkers.forEach(d=>{let m=d?"lh-tree-marker lh-vert":"lh-tree-marker";o.append(t.createElement("span",m),t.createElement("span","lh-tree-marker"))});let r=n.isLastChild?"lh-tree-marker lh-up-right":"lh-tree-marker lh-vert-right",s=n.hasChildren?"lh-tree-marker lh-horiz-down":"lh-tree-marker lh-right";o.append(t.createElement("span",r),t.createElement("span","lh-tree-marker lh-right"),t.createElement("span",s));let p=n.node.request.url,c=a.renderTextURL(p),l=t.find(".lh-crc-node__tree-value",i);if(l.append(c),!n.hasChildren){let{startTime:d,endTime:m,transferSize:h}=n.node.request,g=t.createElement("span","lh-crc-node__chain-duration");g.textContent=" - "+v.i18n.formatMilliseconds((m-d)*1e3)+", ";let _=t.createElement("span","lh-crc-node__chain-duration");_.textContent=v.i18n.formatBytesToKiB(h,.01),l.append(g,_)}return i}static buildTree(t,n,a,i,o,r){if(i.append(_e.createChainNode(t,a,r)),a.node.children)for(let s of Object.keys(a.node.children)){let p=_e.createSegment(a.node.children,s,a.startTime,a.transferSize,a.treeMarkers,a.isLastChild);_e.buildTree(t,n,p,i,o,r)}}static render(t,n,a){let i=t.createComponent("crc"),o=t.find(".lh-crc",i);t.find(".lh-crc-initial-nav",i).textContent=v.strings.crcInitialNavigation,t.find(".lh-crc__longest_duration_label",i).textContent=v.strings.crcLongestDurationLabel,t.find(".lh-crc__longest_duration",i).textContent=v.i18n.formatMilliseconds(n.longestChain.duration);let r=_e.initTree(n.chains);for(let s of Object.keys(r.tree)){let p=_e.createSegment(r.tree,s,r.startTime,r.transferSize);_e.buildTree(t,i,p,o,n,a)}return t.find(".lh-crc-container",i)}},_e=je;function Lo(e,t){return t.left<=e.width&&0<=t.right&&t.top<=e.height&&0<=t.bottom}function Pa(e,t,n){return e<t?t:e>n?n:e}function Uo(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}var le=class e{static getScreenshotPositions(t,n,a){let i=Uo(t),o=Pa(i.x-n.width/2,0,a.width-n.width),r=Pa(i.y-n.height/2,0,a.height-n.height);return{screenshot:{left:o,top:r},clip:{left:t.left-o,top:t.top-r}}}static renderClipPathInScreenshot(t,n,a,i,o){let r=t.find("clipPath",n),s=`clip-${v.getUniqueSuffix()}`;r.id=s,n.style.clipPath=`url(#${s})`;let p=a.top/o.height,c=p+i.height/o.height,l=a.left/o.width,d=l+i.width/o.width,m=[`0,0 1,0 1,${p} 0,${p}`,`0,${c} 1,${c} 1,1 0,1`,`0,${p} ${l},${p} ${l},${c} 0,${c}`,`${d},${p} 1,${p} 1,${c} ${d},${c}`];for(let h of m){let g=t.createElementNS("http://www.w3.org/2000/svg","polygon");g.setAttribute("points",h),r.append(g)}}static installFullPageScreenshot(t,n){t.style.setProperty("--element-screenshot-url",`url('${n.data}')`)}static installOverlayFeature(t){let{dom:n,rootEl:a,overlayContainerEl:i,fullPageScreenshot:o}=t,r="lh-screenshot-overlay--enabled";a.classList.contains(r)||(a.classList.add(r),a.addEventListener("click",s=>{let p=s.target;if(!p)return;let c=p.closest(".lh-node > .lh-element-screenshot");if(!c)return;let l=n.createElement("div","lh-element-screenshot__overlay");i.append(l);let d={width:l.clientWidth*.95,height:l.clientHeight*.8},m={width:Number(c.dataset.rectWidth),height:Number(c.dataset.rectHeight),left:Number(c.dataset.rectLeft),right:Number(c.dataset.rectLeft)+Number(c.dataset.rectWidth),top:Number(c.dataset.rectTop),bottom:Number(c.dataset.rectTop)+Number(c.dataset.rectHeight)},h=e.render(n,o.screenshot,m,d);if(!h){l.remove();return}l.append(h),l.addEventListener("click",()=>l.remove())}))}static _computeZoomFactor(t,n){let i={x:n.width/t.width,y:n.height/t.height},o=.75*Math.min(i.x,i.y);return Math.min(1,o)}static render(t,n,a,i){if(!Lo(n,a))return null;let o=t.createComponent("elementScreenshot"),r=t.find("div.lh-element-screenshot",o);r.dataset.rectWidth=a.width.toString(),r.dataset.rectHeight=a.height.toString(),r.dataset.rectLeft=a.left.toString(),r.dataset.rectTop=a.top.toString();let s=this._computeZoomFactor(a,i),p={width:i.width/s,height:i.height/s};p.width=Math.min(n.width,p.width),p.height=Math.min(n.height,p.height);let c={width:p.width*s,height:p.height*s},l=e.getScreenshotPositions(a,p,{width:n.width,height:n.height}),d=t.find("div.lh-element-screenshot__image",r);d.style.width=c.width+"px",d.style.height=c.height+"px",d.style.backgroundPositionY=-(l.screenshot.top*s)+"px",d.style.backgroundPositionX=-(l.screenshot.left*s)+"px",d.style.backgroundSize=`${n.width*s}px ${n.height*s}px`;let m=t.find("div.lh-element-screenshot__element-marker",r);m.style.width=a.width*s+"px",m.style.height=a.height*s+"px",m.style.left=l.clip.left*s+"px",m.style.top=l.clip.top*s+"px";let h=t.find("div.lh-element-screenshot__mask",r);return h.style.width=c.width+"px",h.style.height=c.height+"px",e.renderClipPathInScreenshot(t,h,l.clip,a,p),r}};var To=["http://","https://","data:"],Io=["bytes","numeric","ms","timespanMs"],Ce=class{constructor(t,n={}){this._dom=t,this._fullPageScreenshot=n.fullPageScreenshot,this._entities=n.entities}render(t){switch(t.type){case"filmstrip":return this._renderFilmstrip(t);case"list":return this._renderList(t);case"table":case"opportunity":return this._renderTable(t);case"criticalrequestchain":return je.render(this._dom,t,this);case"screenshot":case"debugdata":case"treemap-data":return null;default:return this._renderUnknown(t.type,t)}}_renderBytes(t){let n=v.i18n.formatBytesToKiB(t.value,t.granularity||.1),a=this._renderText(n);return a.title=v.i18n.formatBytes(t.value),a}_renderMilliseconds(t){let n;return t.displayUnit==="duration"?n=v.i18n.formatDuration(t.value):n=v.i18n.formatMilliseconds(t.value,t.granularity||10),this._renderText(n)}renderTextURL(t){let n=t,a,i,o;try{let s=I.parseURL(n);a=s.file==="/"?s.origin:s.file,i=s.file==="/"||s.hostname===""?"":`(${s.hostname})`,o=n}catch{a=n}let r=this._dom.createElement("div","lh-text__url");if(r.append(this._renderLink({text:a,url:n})),i){let s=this._renderText(i);s.classList.add("lh-text__url-host"),r.append(s)}return o&&(r.title=n,r.dataset.url=n),r}_renderLink(t){let n=this._dom.createElement("a");if(this._dom.safelySetHref(n,t.url),!n.href){let a=this._renderText(t.text);return a.classList.add("lh-link"),a}return n.rel="noopener",n.target="_blank",n.textContent=t.text,n.classList.add("lh-link"),n}_renderText(t){let n=this._dom.createElement("div","lh-text");return n.textContent=t,n}_renderNumeric(t){let n=v.i18n.formatNumber(t.value,t.granularity||.1),a=this._dom.createElement("div","lh-numeric");return a.textContent=n,a}_renderThumbnail(t){let n=this._dom.createElement("img","lh-thumbnail"),a=t;return n.src=a,n.title=a,n.alt="",n}_renderUnknown(t,n){console.error(`Unknown details type: ${t}`,n);let a=this._dom.createElement("details","lh-unknown");return this._dom.createChildOf(a,"summary").textContent=`We don't know how to render audit details of type \`${t}\`. The Lighthouse version that collected this data is likely newer than the Lighthouse version of the report renderer. Expand for the raw JSON.`,this._dom.createChildOf(a,"pre").textContent=JSON.stringify(n,null,2),a}_renderTableValue(t,n){if(t==null)return null;if(typeof t=="object")switch(t.type){case"code":return this._renderCode(t.value);case"link":return this._renderLink(t);case"node":return this.renderNode(t);case"numeric":return this._renderNumeric(t);case"source-location":return this.renderSourceLocation(t);case"url":return this.renderTextURL(t.value);default:return this._renderUnknown(t.type,t)}switch(n.valueType){case"bytes":{let a=Number(t);return this._renderBytes({value:a,granularity:n.granularity})}case"code":{let a=String(t);return this._renderCode(a)}case"ms":{let a={value:Number(t),granularity:n.granularity,displayUnit:n.displayUnit};return this._renderMilliseconds(a)}case"numeric":{let a=Number(t);return this._renderNumeric({value:a,granularity:n.granularity})}case"text":{let a=String(t);return this._renderText(a)}case"thumbnail":{let a=String(t);return this._renderThumbnail(a)}case"timespanMs":{let a=Number(t);return this._renderMilliseconds({value:a})}case"url":{let a=String(t);return To.some(i=>a.startsWith(i))?this.renderTextURL(a):this._renderCode(a)}default:return this._renderUnknown(n.valueType,t)}}_getDerivedSubItemsHeading(t){return t.subItemsHeading?{key:t.subItemsHeading.key||"",valueType:t.subItemsHeading.valueType||t.valueType,granularity:t.subItemsHeading.granularity||t.granularity,displayUnit:t.subItemsHeading.displayUnit||t.displayUnit,label:""}:null}_renderTableRow(t,n){let a=this._dom.createElement("tr");for(let i of n){if(!i||!i.key){this._dom.createChildOf(a,"td","lh-table-column--empty");continue}let o=t[i.key],r;if(o!=null&&(r=this._renderTableValue(o,i)),r){let s=`lh-table-column--${i.valueType}`;this._dom.createChildOf(a,"td",s).append(r)}else this._dom.createChildOf(a,"td","lh-table-column--empty")}return a}_renderTableRowsFromItem(t,n){let a=this._dom.createFragment();if(a.append(this._renderTableRow(t,n)),!t.subItems)return a;let i=n.map(this._getDerivedSubItemsHeading);if(!i.some(Boolean))return a;for(let o of t.subItems.items){let r=this._renderTableRow(o,i);r.classList.add("lh-sub-item-row"),a.append(r)}return a}_adornEntityGroupRow(t){let n=t.dataset.entity;if(!n)return;let a=this._entities?.find(o=>o.name===n);if(!a)return;let i=this._dom.find("td",t);if(a.category){let o=this._dom.createElement("span");o.classList.add("lh-audit__adorn"),o.textContent=a.category,i.append(" ",o)}if(a.isFirstParty){let o=this._dom.createElement("span");o.classList.add("lh-audit__adorn","lh-audit__adorn1p"),o.textContent=v.strings.firstPartyChipLabel,i.append(" ",o)}if(a.homepage){let o=this._dom.createElement("a");o.href=a.homepage,o.target="_blank",o.title=v.strings.openInANewTabTooltip,o.classList.add("lh-report-icon--external"),i.append(" ",o)}}_renderEntityGroupRow(t,n){let a={...n[0]};a.valueType="text";let i=[a,...n.slice(1)],o=this._dom.createFragment();return o.append(this._renderTableRow(t,i)),this._dom.find("tr",o).classList.add("lh-row--group"),o}_getEntityGroupItems(t){let{items:n,headings:a,sortedBy:i}=t;if(!n.length||t.isEntityGrouped||!n.some(l=>l.entity))return[];let o=new Set(t.skipSumming||[]),r=[];for(let l of a)!l.key||o.has(l.key)||Io.includes(l.valueType)&&r.push(l.key);let s=a[0].key;if(!s)return[];let p=new Map;for(let l of n){let d=typeof l.entity=="string"?l.entity:void 0,m=p.get(d)||{[s]:d||v.strings.unattributable,entity:d};for(let h of r)m[h]=Number(m[h]||0)+Number(l[h]||0);p.set(d,m)}let c=[...p.values()];return i&&c.sort(E.getTableItemSortComparator(i)),c}_renderTable(t){if(!t.items.length)return this._dom.createElement("span");let n=this._dom.createElement("table","lh-table"),a=this._dom.createChildOf(n,"thead"),i=this._dom.createChildOf(a,"tr");for(let s of t.headings){let c=`lh-table-column--${s.valueType||"text"}`,l=this._dom.createElement("div","lh-text");l.textContent=s.label,this._dom.createChildOf(i,"th",c).append(l)}let o=this._getEntityGroupItems(t),r=this._dom.createChildOf(n,"tbody");if(o.length)for(let s of o){let p=typeof s.entity=="string"?s.entity:void 0,c=this._renderEntityGroupRow(s,t.headings);for(let d of t.items.filter(m=>m.entity===p))c.append(this._renderTableRowsFromItem(d,t.headings));let l=this._dom.findAll("tr",c);p&&l.length&&(l.forEach(d=>d.dataset.entity=p),this._adornEntityGroupRow(l[0])),r.append(c)}else{let s=!0;for(let p of t.items){let c=this._renderTableRowsFromItem(p,t.headings),l=this._dom.findAll("tr",c),d=l[0];if(typeof p.entity=="string"&&(d.dataset.entity=p.entity),t.isEntityGrouped&&p.entity)d.classList.add("lh-row--group"),this._adornEntityGroupRow(d);else for(let m of l)m.classList.add(s?"lh-row--even":"lh-row--odd");s=!s,r.append(c)}}return n}_renderList(t){let n=this._dom.createElement("div","lh-list");return t.items.forEach(a=>{let i=this.render(a);i&&n.append(i)}),n}renderNode(t){let n=this._dom.createElement("span","lh-node");if(t.nodeLabel){let r=this._dom.createElement("div");r.textContent=t.nodeLabel,n.append(r)}if(t.snippet){let r=this._dom.createElement("div");r.classList.add("lh-node__snippet"),r.textContent=t.snippet,n.append(r)}if(t.selector&&(n.title=t.selector),t.path&&n.setAttribute("data-path",t.path),t.selector&&n.setAttribute("data-selector",t.selector),t.snippet&&n.setAttribute("data-snippet",t.snippet),!this._fullPageScreenshot)return n;let a=t.lhId&&this._fullPageScreenshot.nodes[t.lhId];if(!a||a.width===0||a.height===0)return n;let i={width:147,height:100},o=le.render(this._dom,this._fullPageScreenshot.screenshot,a,i);return o&&n.prepend(o),n}renderSourceLocation(t){if(!t.url)return null;let n=`${t.url}:${t.line+1}:${t.column}`,a;t.original&&(a=`${t.original.file||"<unmapped>"}:${t.original.line+1}:${t.original.column}`);let i;if(t.urlProvider==="network"&&a)i=this._renderLink({url:t.url,text:a}),i.title=`maps to generated location ${n}`;else if(t.urlProvider==="network"&&!a)i=this.renderTextURL(t.url),this._dom.find(".lh-link",i).textContent+=`:${t.line+1}:${t.column}`;else if(t.urlProvider==="comment"&&a)i=this._renderText(`${a} (from source map)`),i.title=`${n} (from sourceURL)`;else if(t.urlProvider==="comment"&&!a)i=this._renderText(`${n} (from sourceURL)`);else return null;return i.classList.add("lh-source-location"),i.setAttribute("data-source-url",t.url),i.setAttribute("data-source-line",String(t.line)),i.setAttribute("data-source-column",String(t.column)),i}_renderFilmstrip(t){let n=this._dom.createElement("div","lh-filmstrip");for(let a of t.items){let i=this._dom.createChildOf(n,"div","lh-filmstrip__frame"),o=this._dom.createChildOf(i,"img","lh-filmstrip__thumbnail");o.src=a.data,o.alt="Screenshot"}return n}_renderCode(t){let n=this._dom.createElement("pre","lh-code");return n.textContent=t,n}};function Aa(e){let t=e.createComponent("explodeyGauge");return e.find(".lh-exp-gauge-component",t)}function Ea(e,t,n){let a=e.find("div.lh-exp-gauge__wrapper",t);a.className="",a.classList.add("lh-exp-gauge__wrapper",`lh-exp-gauge__wrapper--${E.calculateRating(n.score)}`),No(e,a,n)}function Ro(e,t,n){n=n||e/32;let a=e/n,i=.5*n,o=a+i+n,r=2*Math.PI*a,s=Math.acos(1-.5*Math.pow(.5*n/a,2))*a,p=2*Math.PI*o,c=Math.acos(1-.5*Math.pow(.5*n/o,2))*o;return{radiusInner:a,radiusOuter:o,circumferenceInner:r,circumferenceOuter:p,getArcLength:()=>Math.max(0,Number(t*r)),getMetricArcLength:(l,d=!1)=>{let m=d?0:2*c;return Math.max(0,Number(l*p-i-m))},endDiffInner:s,endDiffOuter:c,strokeWidth:n,strokeGap:i}}function No(e,t,n){let o=Number(n.score),{radiusInner:r,radiusOuter:s,circumferenceInner:p,circumferenceOuter:c,getArcLength:l,getMetricArcLength:d,endDiffInner:m,endDiffOuter:h,strokeWidth:g,strokeGap:_}=Ro(128,o),f=e.find("svg.lh-exp-gauge",t);e.find(".lh-exp-gauge__label",f).textContent=n.title,f.setAttribute("viewBox",[-64,-64/2,128,128/2].join(" ")),f.style.setProperty("--stroke-width",`${g}px`),f.style.setProperty("--circle-meas",(2*Math.PI).toFixed(4));let y=e.find("g.lh-exp-gauge__outer",t),P=e.find("g.lh-exp-gauge__inner",t),A=e.find("circle.lh-cover",y),U=e.find("circle.lh-exp-gauge__arc",P),b=e.find("text.lh-exp-gauge__percentage",P);y.style.setProperty("--scale-initial",String(r/s)),y.style.setProperty("--radius",`${s}px`),A.style.setProperty("--radius",`${.5*(r+s)}px`),A.setAttribute("stroke-width",String(_)),f.style.setProperty("--radius",`${r}px`),U.setAttribute("stroke-dasharray",`${l()} ${(p-l()).toFixed(4)}`),U.setAttribute("stroke-dashoffset",String(.25*p-m)),b.textContent=Math.round(o*100).toString();let w=s+g,S=s-g,N=n.auditRefs.filter(L=>L.group==="metrics"&&L.weight),B=N.reduce((L,D)=>L+=D.weight,0),H=.25*c-h-.5*_,G=-.5*Math.PI;y.querySelectorAll(".metric").forEach(L=>{N.map(q=>`metric--${q.id}`).find(q=>L.classList.contains(q))||L.remove()}),N.forEach((L,D)=>{let z=L.acronym??L.id,q=!y.querySelector(`.metric--${z}`),V=e.maybeFind(`g.metric--${z}`,y)||e.createSVGElement("g"),me=e.maybeFind(`.metric--${z} circle.lh-exp-gauge--faded`,y)||e.createSVGElement("circle"),Se=e.maybeFind(`.metric--${z} circle.lh-exp-gauge--miniarc`,y)||e.createSVGElement("circle"),de=e.maybeFind(`.metric--${z} circle.lh-exp-gauge-hovertarget`,y)||e.createSVGElement("circle"),K=e.maybeFind(`.metric--${z} text.metric__label`,y)||e.createSVGElement("text"),Y=e.maybeFind(`.metric--${z} text.metric__value`,y)||e.createSVGElement("text");V.classList.add("metric",`metric--${z}`),me.classList.add("lh-exp-gauge__arc","lh-exp-gauge__arc--metric","lh-exp-gauge--faded"),Se.classList.add("lh-exp-gauge__arc","lh-exp-gauge__arc--metric","lh-exp-gauge--miniarc"),de.classList.add("lh-exp-gauge__arc","lh-exp-gauge__arc--metric","lh-exp-gauge-hovertarget");let he=L.weight/B,Zt=d(he),Kt=L.result.score?L.result.score*he:0,Xt=d(Kt),ei=he*c,Yt=d(he,!0),Qt=E.calculateRating(L.result.score,L.result.scoreDisplayMode);V.style.setProperty("--metric-rating",Qt),V.style.setProperty("--metric-color",`var(--color-${Qt})`),V.style.setProperty("--metric-offset",`${H}`),V.style.setProperty("--i",D.toString()),me.setAttribute("stroke-dasharray",`${Zt} ${c-Zt}`),Se.style.setProperty("--metric-array",`${Xt} ${c-Xt}`),de.setAttribute("stroke-dasharray",`${Yt} ${c-Yt-h}`),K.classList.add("metric__label"),Y.classList.add("metric__value"),K.textContent=z,Y.textContent=`+${Math.round(Kt*100)}`;let en=G+he*Math.PI,ke=Math.cos(en),Pe=Math.sin(en);switch(!0){case ke>0:Y.setAttribute("text-anchor","end");break;case ke<0:K.setAttribute("text-anchor","end");break;case ke===0:K.setAttribute("text-anchor","middle"),Y.setAttribute("text-anchor","middle");break}switch(!0){case Pe>0:K.setAttribute("dominant-baseline","hanging");break;case Pe<0:Y.setAttribute("dominant-baseline","hanging");break;case Pe===0:K.setAttribute("dominant-baseline","middle"),Y.setAttribute("dominant-baseline","middle");break}K.setAttribute("x",(w*ke).toFixed(2)),K.setAttribute("y",(w*Pe).toFixed(2)),Y.setAttribute("x",(S*ke).toFixed(2)),Y.setAttribute("y",(S*Pe).toFixed(2)),q&&(V.appendChild(me),V.appendChild(Se),V.appendChild(de),V.appendChild(K),V.appendChild(Y),y.appendChild(V)),H-=ei,G+=he*2*Math.PI});let W=y.querySelector(".lh-exp-gauge-underhovertarget")||e.createSVGElement("circle");W.classList.add("lh-exp-gauge__arc","lh-exp-gauge__arc--metric","lh-exp-gauge-hovertarget","lh-exp-gauge-underhovertarget");let J=d(1,!0);if(W.setAttribute("stroke-dasharray",`${J} ${c-J-h}`),W.isConnected||y.prepend(W),f.dataset.listenersSetup)return;f.dataset.listenersSetup=!0,xe(f),f.addEventListener("pointerover",L=>{if(L.target===f&&f.classList.contains("state--expanded")){f.classList.remove("state--expanded"),f.classList.contains("state--highlight")&&(f.classList.remove("state--highlight"),e.find(".metric--highlight",f).classList.remove("metric--highlight"));return}if(!(L.target instanceof Element))return;let D=L.target.parentNode;if(D instanceof SVGElement){if(D&&D===P){f.classList.contains("state--expanded")?f.classList.contains("state--highlight")&&(f.classList.remove("state--highlight"),e.find(".metric--highlight",f).classList.remove("metric--highlight")):f.classList.add("state--expanded");return}if(D&&D.classList&&D.classList.contains("metric")){let z=D.style.getPropertyValue("--metric-rating");if(t.style.setProperty("--color-highlight",`var(--color-${z}-secondary)`),!f.classList.contains("state--highlight"))f.classList.add("state--highlight"),D.classList.add("metric--highlight");else{let q=e.find(".metric--highlight",f);D!==q&&(q.classList.remove("metric--highlight"),D.classList.add("metric--highlight"))}}}}),f.addEventListener("mouseleave",()=>{f.classList.remove("state--highlight"),f.querySelector(".metric--highlight")?.classList.remove("metric--highlight")});async function xe(L){if(await new Promise(K=>setTimeout(K,1e3)),L.classList.contains("state--expanded"))return;let D=e.find(".lh-exp-gauge__inner",L),z=`uniq-${Math.random()}`;D.setAttribute("id",z);let q=e.createSVGElement("use");q.setAttribute("href",`#${z}`),L.appendChild(q);let V=2.5;L.style.setProperty("--peek-dur",`${V}s`),L.classList.add("state--peek","state--expanded");let me=()=>{L.classList.remove("state--peek","state--expanded"),q.remove()},Se=setTimeout(()=>{L.removeEventListener("mouseenter",de),me()},V*1e3*1.5);function de(){clearTimeout(Se),me()}L.addEventListener("mouseenter",de,{once:!0})}}var dt=class extends se{_renderMetric(t){let n=this.dom.createComponent("metric"),a=this.dom.find(".lh-metric",n);a.id=t.result.id;let i=E.calculateRating(t.result.score,t.result.scoreDisplayMode);a.classList.add(`lh-metric--${i}`);let o=this.dom.find(".lh-metric__title",n);o.textContent=t.result.title;let r=this.dom.find(".lh-metric__value",n);r.textContent=t.result.displayValue||"";let s=this.dom.find(".lh-metric__description",n);if(s.append(this.dom.convertMarkdownLinkSnippets(t.result.description)),t.result.scoreDisplayMode==="error"){s.textContent="",r.textContent="Error!";let p=this.dom.createChildOf(s,"span");p.textContent=t.result.errorMessage||"Report error: no metric information"}else t.result.scoreDisplayMode==="notApplicable"&&(r.textContent="--");return a}_getScoringCalculatorHref(t){let n=t.filter(d=>d.group==="metrics"),a=t.find(d=>d.id==="interactive"),i=t.find(d=>d.id==="first-cpu-idle"),o=t.find(d=>d.id==="first-meaningful-paint");a&&n.push(a),i&&n.push(i),o&&n.push(o);let r=d=>Math.round(d*100)/100,p=[...n.map(d=>{let m;return typeof d.result.numericValue=="number"?(m=d.id==="cumulative-layout-shift"?r(d.result.numericValue):Math.round(d.result.numericValue),m=m.toString()):m="null",[d.acronym||d.id,m]})];v.reportJson&&(p.push(["device",v.reportJson.configSettings.formFactor]),p.push(["version",v.reportJson.lighthouseVersion]));let c=new URLSearchParams(p),l=new URL("https://googlechrome.github.io/lighthouse/scorecalc/");return l.hash=c.toString(),l.href}overallImpact(t,n){if(!t.result.metricSavings)return{overallImpact:0,overallLinearImpact:0};let a=0,i=0;for(let[o,r]of Object.entries(t.result.metricSavings)){if(r===void 0)continue;let s=n.find(h=>h.acronym===o);if(!s||s.result.score===null)continue;let p=s.result.numericValue;if(!p)continue;let c=r/p*s.weight;i+=c;let l=s.result.scoringOptions;if(!l)continue;let m=(I.computeLogNormalScore(l,p-r)-s.result.score)*s.weight;a+=m}return{overallImpact:a,overallLinearImpact:i}}render(t,n,a){let i=v.strings,o=this.dom.createElement("div","lh-category");o.id=t.id,o.append(this.renderCategoryHeader(t,n,a));let r=t.auditRefs.filter(b=>b.group==="metrics");if(r.length){let[b,w]=this.renderAuditGroup(n.metrics),S=this.dom.createElement("input","lh-metrics-toggle__input"),N=`lh-metrics-toggle${v.getUniqueSuffix()}`;S.setAttribute("aria-label","Toggle the display of metric descriptions"),S.type="checkbox",S.id=N,b.prepend(S);let B=this.dom.find(".lh-audit-group__header",b),H=this.dom.createChildOf(B,"label","lh-metrics-toggle__label");H.htmlFor=N;let G=this.dom.createChildOf(H,"span","lh-metrics-toggle__labeltext--show"),W=this.dom.createChildOf(H,"span","lh-metrics-toggle__labeltext--hide");G.textContent=v.strings.expandView,W.textContent=v.strings.collapseView;let J=this.dom.createElement("div","lh-metrics-container");if(b.insertBefore(J,w),r.forEach(xe=>{J.append(this._renderMetric(xe))}),o.querySelector(".lh-gauge__wrapper")){let xe=this.dom.find(".lh-category-header__description",o),L=this.dom.createChildOf(xe,"div","lh-metrics__disclaimer"),D=this.dom.convertMarkdownLinkSnippets(i.varianceDisclaimer);L.append(D);let z=this.dom.createChildOf(L,"a","lh-calclink");z.target="_blank",z.textContent=i.calculatorLink,this.dom.safelySetHref(z,this._getScoringCalculatorHref(t.auditRefs))}b.classList.add("lh-audit-group--metrics"),o.append(b)}let s=this.dom.createChildOf(o,"div","lh-filmstrip-container"),c=t.auditRefs.find(b=>b.id==="screenshot-thumbnails")?.result;if(c?.details){s.id=c.id;let b=this.detailsRenderer.render(c.details);b&&s.append(b)}let l=t.auditRefs.filter(b=>b.group==="diagnostics").map(b=>{let{overallImpact:w,overallLinearImpact:S}=this.overallImpact(b,r),N=b.result.guidanceLevel||1,B=this.renderAudit(b);return{auditRef:b,auditEl:B,overallImpact:w,overallLinearImpact:S,guidanceLevel:N}}),d=l.filter(b=>!E.showAsPassed(b.auditRef.result)),m=l.filter(b=>E.showAsPassed(b.auditRef.result)),[h,g]=this.renderAuditGroup(n.diagnostics);h.classList.add("lh-audit-group--diagnostics");function _(b){for(let w of l)if(b==="All")w.auditEl.hidden=!1;else{let S=w.auditRef.result.metricSavings?.[b]===void 0;w.auditEl.hidden=S}d.sort((w,S)=>{let N=w.auditRef.result.score||0,B=S.auditRef.result.score||0;if(N!==B)return N-B;if(b!=="All"){let H=w.auditRef.result.metricSavings?.[b]??-1,G=S.auditRef.result.metricSavings?.[b]??-1;if(H!==G)return G-H}return w.overallImpact!==S.overallImpact?S.overallImpact*S.guidanceLevel-w.overallImpact*w.guidanceLevel:w.overallImpact===0&&S.overallImpact===0&&w.overallLinearImpact!==S.overallLinearImpact?S.overallLinearImpact*S.guidanceLevel-w.overallLinearImpact*w.guidanceLevel:S.guidanceLevel-w.guidanceLevel});for(let w of d)h.insertBefore(w.auditEl,g)}let f=new Set;for(let b of d){let w=b.auditRef.result.metricSavings||{};for(let[S,N]of Object.entries(w))typeof N=="number"&&f.add(S)}let y=r.filter(b=>b.acronym&&f.has(b.acronym));if(y.length&&this.renderMetricAuditFilter(y,o,_),_("All"),d.length&&o.append(h),!m.length)return o;let P={auditRefsOrEls:m.map(b=>b.auditEl),groupDefinitions:n},A=this.renderClump("passed",P);if(o.append(A),(!a||a?.gatherMode==="navigation")&&t.score!==null){let b=Aa(this.dom);Ea(this.dom,b,t),this.dom.find(".lh-score__gauge",o).replaceWith(b)}return o}renderMetricAuditFilter(t,n,a){let i=this.dom.createElement("div","lh-metricfilter"),o=this.dom.createChildOf(i,"span","lh-metricfilter__text");o.textContent=v.strings.showRelevantAudits;let r=[{acronym:"All",id:"All"},...t],s=v.getUniqueSuffix();for(let p of r){let c=`metric-${p.acronym}-${s}`,l=this.dom.createChildOf(i,"input","lh-metricfilter__radio");l.type="radio",l.name=`metricsfilter-${s}`,l.id=c;let d=this.dom.createChildOf(i,"label","lh-metricfilter__label");d.htmlFor=c,d.title="result"in p?p.result.title:"",d.textContent=p.acronym||p.id,p.acronym==="All"&&(l.checked=!0,d.classList.add("lh-metricfilter__label--active")),n.append(i),l.addEventListener("input",m=>{for(let g of n.querySelectorAll("label.lh-metricfilter__label"))g.classList.toggle("lh-metricfilter__label--active",g.htmlFor===c);n.classList.toggle("lh-category--filtered",p.acronym!=="All"),a(p.acronym||"All");let h=n.querySelectorAll("div.lh-audit-group, details.lh-audit-group");for(let g of h){g.hidden=!1;let _=Array.from(g.querySelectorAll("div.lh-audit")),f=!!_.length&&_.every(y=>y.hidden);g.hidden=f}})}}};var ht=class{constructor(t){this._dom=t,this._opts={}}renderReport(t,n,a){if(!this._dom.rootEl&&n){console.warn("Please adopt the new report API in renderer/api.js.");let o=n.closest(".lh-root");o?this._dom.rootEl=o:(n.classList.add("lh-root","lh-vars"),this._dom.rootEl=n)}else this._dom.rootEl&&n&&(this._dom.rootEl=n);a&&(this._opts=a),this._dom.setLighthouseChannel(t.configSettings.channel||"unknown");let i=E.prepareReportResult(t);return this._dom.rootEl.textContent="",this._dom.rootEl.append(this._renderReport(i)),this._opts.occupyEntireViewport&&this._dom.rootEl.classList.add("lh-max-viewport"),this._dom.rootEl}_renderReportTopbar(t){let n=this._dom.createComponent("topbar"),a=this._dom.find("a.lh-topbar__url",n);return a.textContent=t.finalDisplayedUrl,a.title=t.finalDisplayedUrl,this._dom.safelySetHref(a,t.finalDisplayedUrl),n}_renderReportHeader(){let t=this._dom.createComponent("heading"),n=this._dom.createComponent("scoresWrapper");return this._dom.find(".lh-scores-wrapper-placeholder",t).replaceWith(n),t}_renderReportFooter(t){let n=this._dom.createComponent("footer");return this._renderMetaBlock(t,n),this._dom.find(".lh-footer__version_issue",n).textContent=v.strings.footerIssue,this._dom.find(".lh-footer__version",n).textContent=t.lighthouseVersion,n}_renderMetaBlock(t,n){let a=E.getEmulationDescriptions(t.configSettings||{}),i=t.userAgent.match(/(\w*Chrome\/[\d.]+)/),o=Array.isArray(i)?i[1].replace("/"," ").replace("Chrome","Chromium"):"Chromium",r=t.configSettings.channel,s=t.environment.benchmarkIndex.toFixed(0),p=t.environment.credits?.["axe-core"],c=[`${v.strings.runtimeSettingsBenchmark}: ${s}`,`${v.strings.runtimeSettingsCPUThrottling}: ${a.cpuThrottling}`];a.screenEmulation&&c.push(`${v.strings.runtimeSettingsScreenEmulation}: ${a.screenEmulation}`),p&&c.push(`${v.strings.runtimeSettingsAxeVersion}: ${p}`);let l=v.strings.runtimeAnalysisWindow;t.gatherMode==="timespan"?l=v.strings.runtimeAnalysisWindowTimespan:t.gatherMode==="snapshot"&&(l=v.strings.runtimeAnalysisWindowSnapshot);let d=[["date",`Captured at ${v.i18n.formatDateTime(t.fetchTime)}`],["devices",`${a.deviceEmulation} with Lighthouse ${t.lighthouseVersion}`,c.join(`
|
|
2609
|
+
`),t.append(n);let a=e.createElement("div","lh-topbar"),i=e.createElementNS("http://www.w3.org/2000/svg","svg","lh-topbar__logo");i.setAttribute("role","img"),i.setAttribute("title","Lighthouse logo"),i.setAttribute("fill","none"),i.setAttribute("xmlns","http://www.w3.org/2000/svg"),i.setAttribute("viewBox","0 0 48 48");let o=e.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("d","m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z"),o.setAttribute("fill","#F63");let r=e.createElementNS("http://www.w3.org/2000/svg","path");r.setAttribute("d","M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z"),r.setAttribute("fill","#FFA385");let s=e.createElementNS("http://www.w3.org/2000/svg","path");s.setAttribute("fill","#FF3"),s.setAttribute("d","M20.5 10h7v7h-7z"),i.append(" ",o," ",r," ",s," ");let p=e.createElement("a","lh-topbar__url");p.setAttribute("href",""),p.setAttribute("target","_blank"),p.setAttribute("rel","noopener");let c=e.createElement("div","lh-tools"),l=e.createElement("div","lh-tools-locale lh-hidden"),d=e.createElement("button","lh-button lh-tool-locale__button");d.setAttribute("id","lh-button__swap-locales"),d.setAttribute("title","Show Language Picker"),d.setAttribute("aria-label","Toggle language picker"),d.setAttribute("aria-haspopup","menu"),d.setAttribute("aria-expanded","false"),d.setAttribute("aria-controls","lh-tools-locale__selector-wrapper");let m=e.createElementNS("http://www.w3.org/2000/svg","svg");m.setAttribute("width","20px"),m.setAttribute("height","20px"),m.setAttribute("viewBox","0 0 24 24"),m.setAttribute("fill","currentColor");let h=e.createElementNS("http://www.w3.org/2000/svg","path");h.setAttribute("d","M0 0h24v24H0V0z"),h.setAttribute("fill","none");let g=e.createElementNS("http://www.w3.org/2000/svg","path");g.setAttribute("d","M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"),m.append(h,g),d.append(" ",m," ");let _=e.createElement("div","lh-tools-locale__selector-wrapper");_.setAttribute("id","lh-tools-locale__selector-wrapper"),_.setAttribute("role","menu"),_.setAttribute("aria-labelledby","lh-button__swap-locales"),_.setAttribute("aria-hidden","true"),_.append(" "," "),l.append(" ",d," ",_," ");let f=e.createElement("button","lh-tools__button");f.setAttribute("id","lh-tools-button"),f.setAttribute("title","Tools menu"),f.setAttribute("aria-label","Toggle report tools menu"),f.setAttribute("aria-haspopup","menu"),f.setAttribute("aria-expanded","false"),f.setAttribute("aria-controls","lh-tools-dropdown");let y=e.createElementNS("http://www.w3.org/2000/svg","svg");y.setAttribute("width","100%"),y.setAttribute("height","100%"),y.setAttribute("viewBox","0 0 24 24");let P=e.createElementNS("http://www.w3.org/2000/svg","path");P.setAttribute("d","M0 0h24v24H0z"),P.setAttribute("fill","none");let A=e.createElementNS("http://www.w3.org/2000/svg","path");A.setAttribute("d","M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"),y.append(" ",P," ",A," "),f.append(" ",y," ");let U=e.createElement("div","lh-tools__dropdown");U.setAttribute("id","lh-tools-dropdown"),U.setAttribute("role","menu"),U.setAttribute("aria-labelledby","lh-tools-button");let b=e.createElement("a","lh-report-icon lh-report-icon--print");b.setAttribute("role","menuitem"),b.setAttribute("tabindex","-1"),b.setAttribute("href","#"),b.setAttribute("data-i18n","dropdownPrintSummary"),b.setAttribute("data-action","print-summary");let w=e.createElement("a","lh-report-icon lh-report-icon--print");w.setAttribute("role","menuitem"),w.setAttribute("tabindex","-1"),w.setAttribute("href","#"),w.setAttribute("data-i18n","dropdownPrintExpanded"),w.setAttribute("data-action","print-expanded");let S=e.createElement("a","lh-report-icon lh-report-icon--copy");S.setAttribute("role","menuitem"),S.setAttribute("tabindex","-1"),S.setAttribute("href","#"),S.setAttribute("data-i18n","dropdownCopyJSON"),S.setAttribute("data-action","copy");let N=e.createElement("a","lh-report-icon lh-report-icon--download lh-hidden");N.setAttribute("role","menuitem"),N.setAttribute("tabindex","-1"),N.setAttribute("href","#"),N.setAttribute("data-i18n","dropdownSaveHTML"),N.setAttribute("data-action","save-html");let B=e.createElement("a","lh-report-icon lh-report-icon--download");B.setAttribute("role","menuitem"),B.setAttribute("tabindex","-1"),B.setAttribute("href","#"),B.setAttribute("data-i18n","dropdownSaveJSON"),B.setAttribute("data-action","save-json");let H=e.createElement("a","lh-report-icon lh-report-icon--open");H.setAttribute("role","menuitem"),H.setAttribute("tabindex","-1"),H.setAttribute("href","#"),H.setAttribute("data-i18n","dropdownViewer"),H.setAttribute("data-action","open-viewer");let G=e.createElement("a","lh-report-icon lh-report-icon--open");G.setAttribute("role","menuitem"),G.setAttribute("tabindex","-1"),G.setAttribute("href","#"),G.setAttribute("data-i18n","dropdownSaveGist"),G.setAttribute("data-action","save-gist");let W=e.createElement("a","lh-report-icon lh-report-icon--open lh-hidden");W.setAttribute("role","menuitem"),W.setAttribute("tabindex","-1"),W.setAttribute("href","#"),W.setAttribute("data-i18n","dropdownViewUnthrottledTrace"),W.setAttribute("data-action","view-unthrottled-trace");let J=e.createElement("a","lh-report-icon lh-report-icon--dark");return J.setAttribute("role","menuitem"),J.setAttribute("tabindex","-1"),J.setAttribute("href","#"),J.setAttribute("data-i18n","dropdownDarkTheme"),J.setAttribute("data-action","toggle-dark"),U.append(" ",b," ",w," ",S," "," ",N," ",B," ",H," ",G," "," ",W," ",J," "),c.append(" ",l," ",f," ",U," "),a.append(" "," ",i," ",p," ",c," "),t.append(a),t}function Eo(e){let t=e.createFragment(),n=e.createElement("div","lh-warnings lh-warnings--toplevel"),a=e.createElement("p","lh-warnings__msg"),i=e.createElement("ul");return n.append(" ",a," ",i," "),t.append(n),t}function ka(e,t){switch(t){case"3pFilter":return oo(e);case"audit":return ro(e);case"categoryHeader":return so(e);case"chevron":return lo(e);case"clump":return po(e);case"crc":return uo(e);case"crcChain":return co(e);case"elementScreenshot":return mo(e);case"explodeyGauge":return ho(e);case"footer":return go(e);case"fraction":return fo(e);case"gauge":return vo(e);case"heading":return bo(e);case"metric":return yo(e);case"scorescale":return _o(e);case"scoresWrapper":return Co(e);case"snippet":return wo(e);case"snippetContent":return xo(e);case"snippetHeader":return So(e);case"snippetLine":return ko(e);case"styles":return Po(e);case"topbar":return Ao(e);case"warningsToplevel":return Eo(e)}throw new Error("unexpected component: "+t)}var re=class{constructor(t,n){this._document=t,this._lighthouseChannel="unknown",this._componentCache=new Map,this.rootEl=n}createElement(t,n){let a=this._document.createElement(t);if(n)for(let i of n.split(/\s+/))i&&a.classList.add(i);return a}createElementNS(t,n,a){let i=this._document.createElementNS(t,n);if(a)for(let o of a.split(/\s+/))o&&i.classList.add(o);return i}createSVGElement(t,n){return this._document.createElementNS("http://www.w3.org/2000/svg",t,n)}createFragment(){return this._document.createDocumentFragment()}createTextNode(t){return this._document.createTextNode(t)}createChildOf(t,n,a){let i=this.createElement(n,a);return t.append(i),i}createComponent(t){let n=this._componentCache.get(t);if(n){let i=n.cloneNode(!0);return this.findAll("style",i).forEach(o=>o.remove()),i}return n=ka(this,t),this._componentCache.set(t,n),n.cloneNode(!0)}clearComponentCache(){this._componentCache.clear()}convertMarkdownLinkSnippets(t,n={}){let a=this.createElement("span");for(let i of I.splitMarkdownLink(t)){let o=i.text.includes("`")?this.convertMarkdownCodeSnippets(i.text):i.text;if(!i.isLink){a.append(o);continue}let r=new URL(i.linkHref);(["https://developers.google.com","https://web.dev","https://developer.chrome.com"].includes(r.origin)||n.alwaysAppendUtmSource)&&(r.searchParams.set("utm_source","lighthouse"),r.searchParams.set("utm_medium",this._lighthouseChannel));let p=this.createElement("a");p.rel="noopener",p.target="_blank",p.append(o),this.safelySetHref(p,r.href),a.append(p)}return a}safelySetHref(t,n){if(n=n||"",n.startsWith("#")){t.href=n;return}let a=["https:","http:"],i;try{i=new URL(n)}catch{}i&&a.includes(i.protocol)&&(t.href=i.href)}safelySetBlobHref(t,n){if(n.type!=="text/html"&&n.type!=="application/json")throw new Error("Unsupported blob type");let a=URL.createObjectURL(n);t.href=a}convertMarkdownCodeSnippets(t){let n=this.createElement("span");for(let a of I.splitMarkdownCodeSpans(t))if(a.isCode){let i=this.createElement("code");i.textContent=a.text,n.append(i)}else n.append(this._document.createTextNode(a.text));return n}setLighthouseChannel(t){this._lighthouseChannel=t}document(){return this._document}isDevTools(){return!!this._document.querySelector(".lh-devtools")}find(t,n=this.rootEl??this._document){let a=this.maybeFind(t,n);if(a===null)throw new Error(`query ${t} not found`);return a}maybeFind(t,n){return n.querySelector(t)}findAll(t,n){return Array.from(n.querySelectorAll(t))}fireEventOn(t,n=this._document,a){let i=new CustomEvent(t,a?{detail:a}:void 0);n.dispatchEvent(i)}saveFile(t,n){let a=this.createElement("a");a.download=n,this.safelySetBlobHref(a,t),this._document.body.append(a),a.click(),this._document.body.removeChild(a),setTimeout(()=>URL.revokeObjectURL(a.href),500)}};var se=class{constructor(t,n){this.dom=t,this.detailsRenderer=n}get _clumpTitles(){return{warning:v.strings.warningAuditsGroupTitle,manual:v.strings.manualAuditsGroupTitle,passed:v.strings.passedAuditsGroupTitle,notApplicable:v.strings.notApplicableAuditsGroupTitle}}renderAudit(t){let n=v.strings,a=this.dom.createComponent("audit"),i=this.dom.find("div.lh-audit",a);i.id=t.result.id;let o=t.result.scoreDisplayMode;t.result.displayValue&&(this.dom.find(".lh-audit__display-text",i).textContent=t.result.displayValue);let r=this.dom.find(".lh-audit__title",i);r.append(this.dom.convertMarkdownCodeSnippets(t.result.title));let s=this.dom.find(".lh-audit__description",i);s.append(this.dom.convertMarkdownLinkSnippets(t.result.description));for(let m of t.relevantMetrics||[]){let h=this.dom.createChildOf(s,"span","lh-audit__adorn");h.title=`Relevant to ${m.result.title}`,h.textContent=m.acronym||m.id}t.stackPacks&&t.stackPacks.forEach(m=>{let h=this.dom.createElement("img","lh-audit__stackpack__img");h.src=m.iconDataURL,h.alt=m.title;let g=this.dom.convertMarkdownLinkSnippets(m.description,{alwaysAppendUtmSource:!0}),_=this.dom.createElement("div","lh-audit__stackpack");_.append(h,g),this.dom.find(".lh-audit__stackpacks",i).append(_)});let p=this.dom.find("details",i);if(t.result.details){let m=this.detailsRenderer.render(t.result.details);m&&(m.classList.add("lh-details"),p.append(m))}if(this.dom.find(".lh-chevron-container",i).append(this._createChevron()),this._setRatingClass(i,t.result.score,o),t.result.scoreDisplayMode==="error"){i.classList.add("lh-audit--error");let m=this.dom.find(".lh-audit__display-text",i);m.textContent=n.errorLabel,m.classList.add("lh-tooltip-boundary");let h=this.dom.createChildOf(m,"div","lh-tooltip lh-tooltip--error");h.textContent=t.result.errorMessage||n.errorMissingAuditInfo}else if(t.result.explanation){let m=this.dom.createChildOf(r,"div","lh-audit-explanation");m.textContent=t.result.explanation}let c=t.result.warnings;if(!c||c.length===0)return i;let l=this.dom.find("summary",p),d=this.dom.createChildOf(l,"div","lh-warnings");if(this.dom.createChildOf(d,"span").textContent=n.warningHeader,c.length===1)d.append(this.dom.createTextNode(c.join("")));else{let m=this.dom.createChildOf(d,"ul");for(let h of c){let g=this.dom.createChildOf(m,"li");g.textContent=h}}return i}injectFinalScreenshot(t,n,a){let i=n["final-screenshot"];if(!i||i.scoreDisplayMode==="error"||!i.details||i.details.type!=="screenshot")return null;let o=this.dom.createElement("img","lh-final-ss-image"),r=i.details.data;o.src=r,o.alt=i.title;let s=this.dom.find(".lh-category .lh-category-header",t),p=this.dom.createElement("div","lh-category-headercol"),c=this.dom.createElement("div","lh-category-headercol lh-category-headercol--separator"),l=this.dom.createElement("div","lh-category-headercol");p.append(...s.childNodes),p.append(a),l.append(o),s.append(p,c,l),s.classList.add("lh-category-header__finalscreenshot")}_createChevron(){let t=this.dom.createComponent("chevron");return this.dom.find("svg.lh-chevron",t)}_setRatingClass(t,n,a){let i=E.calculateRating(n,a);return t.classList.add(`lh-audit--${a.toLowerCase()}`),a!=="informative"&&t.classList.add(`lh-audit--${i}`),t}renderCategoryHeader(t,n,a){let i=this.dom.createComponent("categoryHeader"),o=this.dom.find(".lh-score__gauge",i),r=this.renderCategoryScore(t,n,a);if(o.append(r),t.description){let s=this.dom.convertMarkdownLinkSnippets(t.description);this.dom.find(".lh-category-header__description",i).append(s)}return i}renderAuditGroup(t){let n=this.dom.createElement("div","lh-audit-group"),a=this.dom.createElement("div","lh-audit-group__header");this.dom.createChildOf(a,"span","lh-audit-group__title").textContent=t.title,n.append(a);let i=null;return t.description&&(i=this.dom.convertMarkdownLinkSnippets(t.description),i.classList.add("lh-audit-group__description","lh-audit-group__footer"),n.append(i)),[n,i]}_renderGroupedAudits(t,n){let a=new Map,i="NotAGroup";a.set(i,[]);for(let r of t){let s=r.group||i,p=a.get(s)||[];p.push(r),a.set(s,p)}let o=[];for(let[r,s]of a){if(r===i){for(let d of s)o.push(this.renderAudit(d));continue}let p=n[r],[c,l]=this.renderAuditGroup(p);for(let d of s)c.insertBefore(this.renderAudit(d),l);c.classList.add(`lh-audit-group--${r}`),o.push(c)}return o}renderUnexpandableClump(t,n){let a=this.dom.createElement("div");return this._renderGroupedAudits(t,n).forEach(o=>a.append(o)),a}renderClump(t,{auditRefsOrEls:n,description:a,openByDefault:i}){let o=this.dom.createComponent("clump"),r=this.dom.find(".lh-clump",o);i&&r.setAttribute("open","");let s=this.dom.find(".lh-audit-group__header",r),p=this._clumpTitles[t];this.dom.find(".lh-audit-group__title",s).textContent=p;let c=this.dom.find(".lh-audit-group__itemcount",r);c.textContent=`(${n.length})`;let l=n.map(m=>m instanceof HTMLElement?m:this.renderAudit(m));r.append(...l);let d=this.dom.find(".lh-audit-group",o);if(a){let m=this.dom.convertMarkdownLinkSnippets(a);m.classList.add("lh-audit-group__description","lh-audit-group__footer"),d.append(m)}return this.dom.find(".lh-clump-toggletext--show",d).textContent=v.strings.show,this.dom.find(".lh-clump-toggletext--hide",d).textContent=v.strings.hide,r.classList.add(`lh-clump--${t.toLowerCase()}`),d}renderCategoryScore(t,n,a){let i;if(a&&E.shouldDisplayAsFraction(a.gatherMode)?i=this.renderCategoryFraction(t):i=this.renderScoreGauge(t,n),a?.omitLabel&&this.dom.find(".lh-gauge__label,.lh-fraction__label",i).remove(),a?.onPageAnchorRendered){let o=this.dom.find("a",i);a.onPageAnchorRendered(o)}return i}renderScoreGauge(t,n){let a=this.dom.createComponent("gauge"),i=this.dom.find("a.lh-gauge__wrapper",a);E.isPluginCategory(t.id)&&i.classList.add("lh-gauge__wrapper--plugin");let o=Number(t.score),r=this.dom.find(".lh-gauge",a),s=this.dom.find("circle.lh-gauge-arc",r);s&&this._setGaugeArc(s,o);let p=Math.round(o*100),c=this.dom.find("div.lh-gauge__percentage",a);return c.textContent=p.toString(),t.score===null&&(c.classList.add("lh-gauge--error"),c.textContent="",c.title=v.strings.errorLabel),t.auditRefs.length===0||this.hasApplicableAudits(t)?i.classList.add(`lh-gauge__wrapper--${E.calculateRating(t.score)}`):(i.classList.add("lh-gauge__wrapper--not-applicable"),c.textContent="-",c.title=v.strings.notApplicableAuditsGroupTitle),this.dom.find(".lh-gauge__label",a).textContent=t.title,a}renderCategoryFraction(t){let n=this.dom.createComponent("fraction"),a=this.dom.find("a.lh-fraction__wrapper",n),{numPassed:i,numPassableAudits:o,totalWeight:r}=E.calculateCategoryFraction(t),s=i/o,p=this.dom.find(".lh-fraction__content",n),c=this.dom.createElement("span");c.textContent=`${i}/${o}`,p.append(c);let l=E.calculateRating(s);return r===0&&(l="null"),a.classList.add(`lh-fraction__wrapper--${l}`),this.dom.find(".lh-fraction__label",n).textContent=t.title,n}hasApplicableAudits(t){return t.auditRefs.some(n=>n.result.scoreDisplayMode!=="notApplicable")}_setGaugeArc(t,n){let a=2*Math.PI*Number(t.getAttribute("r")),i=Number(t.getAttribute("stroke-width")),o=.25*i/a;t.style.transform=`rotate(${-90+o*360}deg)`;let r=n*a-i/2;n===0&&(t.style.opacity="0"),n===1&&(r=a),t.style.strokeDasharray=`${Math.max(r,0)} ${a}`}_auditHasWarning(t){return!!t.result.warnings?.length}_getClumpIdForAuditRef(t){let n=t.result.scoreDisplayMode;return n==="manual"||n==="notApplicable"?n:E.showAsPassed(t.result)?this._auditHasWarning(t)?"warning":"passed":"failed"}render(t,n={},a){let i=this.dom.createElement("div","lh-category");i.id=t.id,i.append(this.renderCategoryHeader(t,n,a));let o=new Map;o.set("failed",[]),o.set("warning",[]),o.set("manual",[]),o.set("passed",[]),o.set("notApplicable",[]);for(let s of t.auditRefs){if(s.group==="hidden")continue;let p=this._getClumpIdForAuditRef(s),c=o.get(p);c.push(s),o.set(p,c)}for(let s of o.values())s.sort((p,c)=>c.weight-p.weight);let r=o.get("failed")?.length;for(let[s,p]of o){if(p.length===0)continue;if(s==="failed"){let m=this.renderUnexpandableClump(p,n);m.classList.add("lh-clump--failed"),i.append(m);continue}let c=s==="manual"?t.manualDescription:void 0,l=s==="warning"||s==="manual"&&r===0,d=this.renderClump(s,{auditRefsOrEls:p,description:c,openByDefault:l});i.append(d)}return i}};var je=class{static initTree(t){let n=0,a=Object.keys(t);return a.length>0&&(n=t[a[0]].request.startTime),{tree:t,startTime:n,transferSize:0}}static createSegment(t,n,a,i,o,r){let s=t[n],p=Object.keys(t),c=p.indexOf(n)===p.length-1,l=!!s.children&&Object.keys(s.children).length>0,d=Array.isArray(o)?o.slice(0):[];return typeof r<"u"&&d.push(!r),{node:s,isLastChild:c,hasChildren:l,startTime:a,transferSize:i+s.request.transferSize,treeMarkers:d}}static createChainNode(t,n,a){let i=t.createComponent("crcChain");t.find(".lh-crc-node",i).setAttribute("title",n.node.request.url);let o=t.find(".lh-crc-node__tree-marker",i);n.treeMarkers.forEach(d=>{let m=d?"lh-tree-marker lh-vert":"lh-tree-marker";o.append(t.createElement("span",m),t.createElement("span","lh-tree-marker"))});let r=n.isLastChild?"lh-tree-marker lh-up-right":"lh-tree-marker lh-vert-right",s=n.hasChildren?"lh-tree-marker lh-horiz-down":"lh-tree-marker lh-right";o.append(t.createElement("span",r),t.createElement("span","lh-tree-marker lh-right"),t.createElement("span",s));let p=n.node.request.url,c=a.renderTextURL(p),l=t.find(".lh-crc-node__tree-value",i);if(l.append(c),!n.hasChildren){let{startTime:d,endTime:m,transferSize:h}=n.node.request,g=t.createElement("span","lh-crc-node__chain-duration");g.textContent=" - "+v.i18n.formatMilliseconds((m-d)*1e3)+", ";let _=t.createElement("span","lh-crc-node__chain-duration");_.textContent=v.i18n.formatBytesToKiB(h,.01),l.append(g,_)}return i}static buildTree(t,n,a,i,o,r){if(i.append(_e.createChainNode(t,a,r)),a.node.children)for(let s of Object.keys(a.node.children)){let p=_e.createSegment(a.node.children,s,a.startTime,a.transferSize,a.treeMarkers,a.isLastChild);_e.buildTree(t,n,p,i,o,r)}}static render(t,n,a){let i=t.createComponent("crc"),o=t.find(".lh-crc",i);t.find(".lh-crc-initial-nav",i).textContent=v.strings.crcInitialNavigation,t.find(".lh-crc__longest_duration_label",i).textContent=v.strings.crcLongestDurationLabel,t.find(".lh-crc__longest_duration",i).textContent=v.i18n.formatMilliseconds(n.longestChain.duration);let r=_e.initTree(n.chains);for(let s of Object.keys(r.tree)){let p=_e.createSegment(r.tree,s,r.startTime,r.transferSize);_e.buildTree(t,i,p,o,n,a)}return t.find(".lh-crc-container",i)}},_e=je;function Lo(e,t){return t.left<=e.width&&0<=t.right&&t.top<=e.height&&0<=t.bottom}function Pa(e,t,n){return e<t?t:e>n?n:e}function Uo(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}var le=class e{static getScreenshotPositions(t,n,a){let i=Uo(t),o=Pa(i.x-n.width/2,0,a.width-n.width),r=Pa(i.y-n.height/2,0,a.height-n.height);return{screenshot:{left:o,top:r},clip:{left:t.left-o,top:t.top-r}}}static renderClipPathInScreenshot(t,n,a,i,o){let r=t.find("clipPath",n),s=`clip-${v.getUniqueSuffix()}`;r.id=s,n.style.clipPath=`url(#${s})`;let p=a.top/o.height,c=p+i.height/o.height,l=a.left/o.width,d=l+i.width/o.width,m=[`0,0 1,0 1,${p} 0,${p}`,`0,${c} 1,${c} 1,1 0,1`,`0,${p} ${l},${p} ${l},${c} 0,${c}`,`${d},${p} 1,${p} 1,${c} ${d},${c}`];for(let h of m){let g=t.createElementNS("http://www.w3.org/2000/svg","polygon");g.setAttribute("points",h),r.append(g)}}static installFullPageScreenshot(t,n){t.style.setProperty("--element-screenshot-url",`url('${n.data}')`)}static installOverlayFeature(t){let{dom:n,rootEl:a,overlayContainerEl:i,fullPageScreenshot:o}=t,r="lh-screenshot-overlay--enabled";a.classList.contains(r)||(a.classList.add(r),a.addEventListener("click",s=>{let p=s.target;if(!p)return;let c=p.closest(".lh-node > .lh-element-screenshot");if(!c)return;let l=n.createElement("div","lh-element-screenshot__overlay");i.append(l);let d={width:l.clientWidth*.95,height:l.clientHeight*.8},m={width:Number(c.dataset.rectWidth),height:Number(c.dataset.rectHeight),left:Number(c.dataset.rectLeft),right:Number(c.dataset.rectLeft)+Number(c.dataset.rectWidth),top:Number(c.dataset.rectTop),bottom:Number(c.dataset.rectTop)+Number(c.dataset.rectHeight)},h=e.render(n,o.screenshot,m,d);if(!h){l.remove();return}l.append(h),l.addEventListener("click",()=>l.remove())}))}static _computeZoomFactor(t,n){let i={x:n.width/t.width,y:n.height/t.height},o=.75*Math.min(i.x,i.y);return Math.min(1,o)}static render(t,n,a,i){if(!Lo(n,a))return null;let o=t.createComponent("elementScreenshot"),r=t.find("div.lh-element-screenshot",o);r.dataset.rectWidth=a.width.toString(),r.dataset.rectHeight=a.height.toString(),r.dataset.rectLeft=a.left.toString(),r.dataset.rectTop=a.top.toString();let s=this._computeZoomFactor(a,i),p={width:i.width/s,height:i.height/s};p.width=Math.min(n.width,p.width),p.height=Math.min(n.height,p.height);let c={width:p.width*s,height:p.height*s},l=e.getScreenshotPositions(a,p,{width:n.width,height:n.height}),d=t.find("div.lh-element-screenshot__image",r);d.style.width=c.width+"px",d.style.height=c.height+"px",d.style.backgroundPositionY=-(l.screenshot.top*s)+"px",d.style.backgroundPositionX=-(l.screenshot.left*s)+"px",d.style.backgroundSize=`${n.width*s}px ${n.height*s}px`;let m=t.find("div.lh-element-screenshot__element-marker",r);m.style.width=a.width*s+"px",m.style.height=a.height*s+"px",m.style.left=l.clip.left*s+"px",m.style.top=l.clip.top*s+"px";let h=t.find("div.lh-element-screenshot__mask",r);return h.style.width=c.width+"px",h.style.height=c.height+"px",e.renderClipPathInScreenshot(t,h,l.clip,a,p),r}};var To=["http://","https://","data:"],Io=["bytes","numeric","ms","timespanMs"],Ce=class{constructor(t,n={}){this._dom=t,this._fullPageScreenshot=n.fullPageScreenshot,this._entities=n.entities}render(t){switch(t.type){case"filmstrip":return this._renderFilmstrip(t);case"list":return this._renderList(t);case"table":case"opportunity":return this._renderTable(t);case"criticalrequestchain":return je.render(this._dom,t,this);case"screenshot":case"debugdata":case"treemap-data":return null;default:return this._renderUnknown(t.type,t)}}_renderBytes(t){let n=v.i18n.formatBytesToKiB(t.value,t.granularity||.1),a=this._renderText(n);return a.title=v.i18n.formatBytes(t.value),a}_renderMilliseconds(t){let n;return t.displayUnit==="duration"?n=v.i18n.formatDuration(t.value):n=v.i18n.formatMilliseconds(t.value,t.granularity||10),this._renderText(n)}renderTextURL(t){let n=t,a,i,o;try{let s=I.parseURL(n);a=s.file==="/"?s.origin:s.file,i=s.file==="/"||s.hostname===""?"":`(${s.hostname})`,o=n}catch{a=n}let r=this._dom.createElement("div","lh-text__url");if(r.append(this._renderLink({text:a,url:n})),i){let s=this._renderText(i);s.classList.add("lh-text__url-host"),r.append(s)}return o&&(r.title=n,r.dataset.url=n),r}_renderLink(t){let n=this._dom.createElement("a");if(this._dom.safelySetHref(n,t.url),!n.href){let a=this._renderText(t.text);return a.classList.add("lh-link"),a}return n.rel="noopener",n.target="_blank",n.textContent=t.text,n.classList.add("lh-link"),n}_renderText(t){let n=this._dom.createElement("div","lh-text");return n.textContent=t,n}_renderNumeric(t){let n=v.i18n.formatNumber(t.value,t.granularity||.1),a=this._dom.createElement("div","lh-numeric");return a.textContent=n,a}_renderThumbnail(t){let n=this._dom.createElement("img","lh-thumbnail"),a=t;return n.src=a,n.title=a,n.alt="",n}_renderUnknown(t,n){console.error(`Unknown details type: ${t}`,n);let a=this._dom.createElement("details","lh-unknown");return this._dom.createChildOf(a,"summary").textContent=`We don't know how to render audit details of type \`${t}\`. The Lighthouse version that collected this data is likely newer than the Lighthouse version of the report renderer. Expand for the raw JSON.`,this._dom.createChildOf(a,"pre").textContent=JSON.stringify(n,null,2),a}_renderTableValue(t,n){if(t==null)return null;if(typeof t=="object")switch(t.type){case"code":return this._renderCode(t.value);case"link":return this._renderLink(t);case"node":return this.renderNode(t);case"numeric":return this._renderNumeric(t);case"source-location":return this.renderSourceLocation(t);case"url":return this.renderTextURL(t.value);default:return this._renderUnknown(t.type,t)}switch(n.valueType){case"bytes":{let a=Number(t);return this._renderBytes({value:a,granularity:n.granularity})}case"code":{let a=String(t);return this._renderCode(a)}case"ms":{let a={value:Number(t),granularity:n.granularity,displayUnit:n.displayUnit};return this._renderMilliseconds(a)}case"numeric":{let a=Number(t);return this._renderNumeric({value:a,granularity:n.granularity})}case"text":{let a=String(t);return this._renderText(a)}case"thumbnail":{let a=String(t);return this._renderThumbnail(a)}case"timespanMs":{let a=Number(t);return this._renderMilliseconds({value:a})}case"url":{let a=String(t);return To.some(i=>a.startsWith(i))?this.renderTextURL(a):this._renderCode(a)}default:return this._renderUnknown(n.valueType,t)}}_getDerivedSubItemsHeading(t){return t.subItemsHeading?{key:t.subItemsHeading.key||"",valueType:t.subItemsHeading.valueType||t.valueType,granularity:t.subItemsHeading.granularity||t.granularity,displayUnit:t.subItemsHeading.displayUnit||t.displayUnit,label:""}:null}_renderTableRow(t,n){let a=this._dom.createElement("tr");for(let i of n){if(!i||!i.key){this._dom.createChildOf(a,"td","lh-table-column--empty");continue}let o=t[i.key],r;if(o!=null&&(r=this._renderTableValue(o,i)),r){let s=`lh-table-column--${i.valueType}`;this._dom.createChildOf(a,"td",s).append(r)}else this._dom.createChildOf(a,"td","lh-table-column--empty")}return a}_renderTableRowsFromItem(t,n){let a=this._dom.createFragment();if(a.append(this._renderTableRow(t,n)),!t.subItems)return a;let i=n.map(this._getDerivedSubItemsHeading);if(!i.some(Boolean))return a;for(let o of t.subItems.items){let r=this._renderTableRow(o,i);r.classList.add("lh-sub-item-row"),a.append(r)}return a}_adornEntityGroupRow(t){let n=t.dataset.entity;if(!n)return;let a=this._entities?.find(o=>o.name===n);if(!a)return;let i=this._dom.find("td",t);if(a.category){let o=this._dom.createElement("span");o.classList.add("lh-audit__adorn"),o.textContent=a.category,i.append(" ",o)}if(a.isFirstParty){let o=this._dom.createElement("span");o.classList.add("lh-audit__adorn","lh-audit__adorn1p"),o.textContent=v.strings.firstPartyChipLabel,i.append(" ",o)}if(a.homepage){let o=this._dom.createElement("a");o.href=a.homepage,o.target="_blank",o.title=v.strings.openInANewTabTooltip,o.classList.add("lh-report-icon--external"),i.append(" ",o)}}_renderEntityGroupRow(t,n){let a={...n[0]};a.valueType="text";let i=[a,...n.slice(1)],o=this._dom.createFragment();return o.append(this._renderTableRow(t,i)),this._dom.find("tr",o).classList.add("lh-row--group"),o}_getEntityGroupItems(t){let{items:n,headings:a,sortedBy:i}=t;if(!n.length||t.isEntityGrouped||!n.some(l=>l.entity))return[];let o=new Set(t.skipSumming||[]),r=[];for(let l of a)!l.key||o.has(l.key)||Io.includes(l.valueType)&&r.push(l.key);let s=a[0].key;if(!s)return[];let p=new Map;for(let l of n){let d=typeof l.entity=="string"?l.entity:void 0,m=p.get(d)||{[s]:d||v.strings.unattributable,entity:d};for(let h of r)m[h]=Number(m[h]||0)+Number(l[h]||0);p.set(d,m)}let c=[...p.values()];return i&&c.sort(E.getTableItemSortComparator(i)),c}_renderTable(t){if(!t.items.length)return this._dom.createElement("span");let n=this._dom.createElement("table","lh-table"),a=this._dom.createChildOf(n,"thead"),i=this._dom.createChildOf(a,"tr");for(let s of t.headings){let c=`lh-table-column--${s.valueType||"text"}`,l=this._dom.createElement("div","lh-text");l.textContent=s.label,this._dom.createChildOf(i,"th",c).append(l)}let o=this._getEntityGroupItems(t),r=this._dom.createChildOf(n,"tbody");if(o.length)for(let s of o){let p=typeof s.entity=="string"?s.entity:void 0,c=this._renderEntityGroupRow(s,t.headings);for(let d of t.items.filter(m=>m.entity===p))c.append(this._renderTableRowsFromItem(d,t.headings));let l=this._dom.findAll("tr",c);p&&l.length&&(l.forEach(d=>d.dataset.entity=p),this._adornEntityGroupRow(l[0])),r.append(c)}else{let s=!0;for(let p of t.items){let c=this._renderTableRowsFromItem(p,t.headings),l=this._dom.findAll("tr",c),d=l[0];if(typeof p.entity=="string"&&(d.dataset.entity=p.entity),t.isEntityGrouped&&p.entity)d.classList.add("lh-row--group"),this._adornEntityGroupRow(d);else for(let m of l)m.classList.add(s?"lh-row--even":"lh-row--odd");s=!s,r.append(c)}}return n}_renderList(t){let n=this._dom.createElement("div","lh-list");return t.items.forEach(a=>{let i=this.render(a);i&&n.append(i)}),n}renderNode(t){let n=this._dom.createElement("span","lh-node");if(t.nodeLabel){let r=this._dom.createElement("div");r.textContent=t.nodeLabel,n.append(r)}if(t.snippet){let r=this._dom.createElement("div");r.classList.add("lh-node__snippet"),r.textContent=t.snippet,n.append(r)}if(t.selector&&(n.title=t.selector),t.path&&n.setAttribute("data-path",t.path),t.selector&&n.setAttribute("data-selector",t.selector),t.snippet&&n.setAttribute("data-snippet",t.snippet),!this._fullPageScreenshot)return n;let a=t.lhId&&this._fullPageScreenshot.nodes[t.lhId];if(!a||a.width===0||a.height===0)return n;let i={width:147,height:100},o=le.render(this._dom,this._fullPageScreenshot.screenshot,a,i);return o&&n.prepend(o),n}renderSourceLocation(t){if(!t.url)return null;let n=`${t.url}:${t.line+1}:${t.column}`,a;t.original&&(a=`${t.original.file||"<unmapped>"}:${t.original.line+1}:${t.original.column}`);let i;if(t.urlProvider==="network"&&a)i=this._renderLink({url:t.url,text:a}),i.title=`maps to generated location ${n}`;else if(t.urlProvider==="network"&&!a)i=this.renderTextURL(t.url),this._dom.find(".lh-link",i).textContent+=`:${t.line+1}:${t.column}`;else if(t.urlProvider==="comment"&&a)i=this._renderText(`${a} (from source map)`),i.title=`${n} (from sourceURL)`;else if(t.urlProvider==="comment"&&!a)i=this._renderText(`${n} (from sourceURL)`);else return null;return i.classList.add("lh-source-location"),i.setAttribute("data-source-url",t.url),i.setAttribute("data-source-line",String(t.line)),i.setAttribute("data-source-column",String(t.column)),i}_renderFilmstrip(t){let n=this._dom.createElement("div","lh-filmstrip");for(let a of t.items){let i=this._dom.createChildOf(n,"div","lh-filmstrip__frame"),o=this._dom.createChildOf(i,"img","lh-filmstrip__thumbnail");o.src=a.data,o.alt="Screenshot"}return n}_renderCode(t){let n=this._dom.createElement("pre","lh-code");return n.textContent=t,n}};function Aa(e){let t=e.createComponent("explodeyGauge");return e.find(".lh-exp-gauge-component",t)}function Ea(e,t,n){let a=e.find("div.lh-exp-gauge__wrapper",t);a.className="",a.classList.add("lh-exp-gauge__wrapper",`lh-exp-gauge__wrapper--${E.calculateRating(n.score)}`),No(e,a,n)}function Ro(e,t,n){n=n||e/32;let a=e/n,i=.5*n,o=a+i+n,r=2*Math.PI*a,s=Math.acos(1-.5*Math.pow(.5*n/a,2))*a,p=2*Math.PI*o,c=Math.acos(1-.5*Math.pow(.5*n/o,2))*o;return{radiusInner:a,radiusOuter:o,circumferenceInner:r,circumferenceOuter:p,getArcLength:()=>Math.max(0,Number(t*r)),getMetricArcLength:(l,d=!1)=>{let m=d?0:2*c;return Math.max(0,Number(l*p-i-m))},endDiffInner:s,endDiffOuter:c,strokeWidth:n,strokeGap:i}}function No(e,t,n){let o=Number(n.score),{radiusInner:r,radiusOuter:s,circumferenceInner:p,circumferenceOuter:c,getArcLength:l,getMetricArcLength:d,endDiffInner:m,endDiffOuter:h,strokeWidth:g,strokeGap:_}=Ro(128,o),f=e.find("svg.lh-exp-gauge",t);e.find(".lh-exp-gauge__label",f).textContent=n.title,f.setAttribute("viewBox",[-64,-64/2,128,128/2].join(" ")),f.style.setProperty("--stroke-width",`${g}px`),f.style.setProperty("--circle-meas",(2*Math.PI).toFixed(4));let y=e.find("g.lh-exp-gauge__outer",t),P=e.find("g.lh-exp-gauge__inner",t),A=e.find("circle.lh-cover",y),U=e.find("circle.lh-exp-gauge__arc",P),b=e.find("text.lh-exp-gauge__percentage",P);y.style.setProperty("--scale-initial",String(r/s)),y.style.setProperty("--radius",`${s}px`),A.style.setProperty("--radius",`${.5*(r+s)}px`),A.setAttribute("stroke-width",String(_)),f.style.setProperty("--radius",`${r}px`),U.setAttribute("stroke-dasharray",`${l()} ${(p-l()).toFixed(4)}`),U.setAttribute("stroke-dashoffset",String(.25*p-m)),b.textContent=Math.round(o*100).toString();let w=s+g,S=s-g,N=n.auditRefs.filter(L=>L.group==="metrics"&&L.weight),B=N.reduce((L,D)=>L+=D.weight,0),H=.25*c-h-.5*_,G=-.5*Math.PI;y.querySelectorAll(".metric").forEach(L=>{N.map(q=>`metric--${q.id}`).find(q=>L.classList.contains(q))||L.remove()}),N.forEach((L,D)=>{let z=L.acronym??L.id,q=!y.querySelector(`.metric--${z}`),V=e.maybeFind(`g.metric--${z}`,y)||e.createSVGElement("g"),me=e.maybeFind(`.metric--${z} circle.lh-exp-gauge--faded`,y)||e.createSVGElement("circle"),Se=e.maybeFind(`.metric--${z} circle.lh-exp-gauge--miniarc`,y)||e.createSVGElement("circle"),de=e.maybeFind(`.metric--${z} circle.lh-exp-gauge-hovertarget`,y)||e.createSVGElement("circle"),K=e.maybeFind(`.metric--${z} text.metric__label`,y)||e.createSVGElement("text"),Y=e.maybeFind(`.metric--${z} text.metric__value`,y)||e.createSVGElement("text");V.classList.add("metric",`metric--${z}`),me.classList.add("lh-exp-gauge__arc","lh-exp-gauge__arc--metric","lh-exp-gauge--faded"),Se.classList.add("lh-exp-gauge__arc","lh-exp-gauge__arc--metric","lh-exp-gauge--miniarc"),de.classList.add("lh-exp-gauge__arc","lh-exp-gauge__arc--metric","lh-exp-gauge-hovertarget");let he=L.weight/B,Zt=d(he),Kt=L.result.score?L.result.score*he:0,Xt=d(Kt),ei=he*c,Yt=d(he,!0),Qt=E.calculateRating(L.result.score,L.result.scoreDisplayMode);V.style.setProperty("--metric-rating",Qt),V.style.setProperty("--metric-color",`var(--color-${Qt})`),V.style.setProperty("--metric-offset",`${H}`),V.style.setProperty("--i",D.toString()),me.setAttribute("stroke-dasharray",`${Zt} ${c-Zt}`),Se.style.setProperty("--metric-array",`${Xt} ${c-Xt}`),de.setAttribute("stroke-dasharray",`${Yt} ${c-Yt-h}`),K.classList.add("metric__label"),Y.classList.add("metric__value"),K.textContent=z,Y.textContent=`+${Math.round(Kt*100)}`;let en=G+he*Math.PI,ke=Math.cos(en),Pe=Math.sin(en);switch(!0){case ke>0:Y.setAttribute("text-anchor","end");break;case ke<0:K.setAttribute("text-anchor","end");break;case ke===0:K.setAttribute("text-anchor","middle"),Y.setAttribute("text-anchor","middle");break}switch(!0){case Pe>0:K.setAttribute("dominant-baseline","hanging");break;case Pe<0:Y.setAttribute("dominant-baseline","hanging");break;case Pe===0:K.setAttribute("dominant-baseline","middle"),Y.setAttribute("dominant-baseline","middle");break}K.setAttribute("x",(w*ke).toFixed(2)),K.setAttribute("y",(w*Pe).toFixed(2)),Y.setAttribute("x",(S*ke).toFixed(2)),Y.setAttribute("y",(S*Pe).toFixed(2)),q&&(V.appendChild(me),V.appendChild(Se),V.appendChild(de),V.appendChild(K),V.appendChild(Y),y.appendChild(V)),H-=ei,G+=he*2*Math.PI});let W=y.querySelector(".lh-exp-gauge-underhovertarget")||e.createSVGElement("circle");W.classList.add("lh-exp-gauge__arc","lh-exp-gauge__arc--metric","lh-exp-gauge-hovertarget","lh-exp-gauge-underhovertarget");let J=d(1,!0);if(W.setAttribute("stroke-dasharray",`${J} ${c-J-h}`),W.isConnected||y.prepend(W),f.dataset.listenersSetup)return;f.dataset.listenersSetup=!0,xe(f),f.addEventListener("pointerover",L=>{if(L.target===f&&f.classList.contains("state--expanded")){f.classList.remove("state--expanded"),f.classList.contains("state--highlight")&&(f.classList.remove("state--highlight"),e.find(".metric--highlight",f).classList.remove("metric--highlight"));return}if(!(L.target instanceof Element))return;let D=L.target.parentNode;if(D instanceof SVGElement){if(D&&D===P){f.classList.contains("state--expanded")?f.classList.contains("state--highlight")&&(f.classList.remove("state--highlight"),e.find(".metric--highlight",f).classList.remove("metric--highlight")):f.classList.add("state--expanded");return}if(D&&D.classList&&D.classList.contains("metric")){let z=D.style.getPropertyValue("--metric-rating");if(t.style.setProperty("--color-highlight",`var(--color-${z}-secondary)`),!f.classList.contains("state--highlight"))f.classList.add("state--highlight"),D.classList.add("metric--highlight");else{let q=e.find(".metric--highlight",f);D!==q&&(q.classList.remove("metric--highlight"),D.classList.add("metric--highlight"))}}}}),f.addEventListener("mouseleave",()=>{f.classList.remove("state--highlight"),f.querySelector(".metric--highlight")?.classList.remove("metric--highlight")});async function xe(L){if(await new Promise(K=>setTimeout(K,1e3)),L.classList.contains("state--expanded"))return;let D=e.find(".lh-exp-gauge__inner",L),z=`uniq-${Math.random()}`;D.setAttribute("id",z);let q=e.createSVGElement("use");q.setAttribute("href",`#${z}`),L.appendChild(q);let V=2.5;L.style.setProperty("--peek-dur",`${V}s`),L.classList.add("state--peek","state--expanded");let me=()=>{L.classList.remove("state--peek","state--expanded"),q.remove()},Se=setTimeout(()=>{L.removeEventListener("mouseenter",de),me()},V*1e3*1.5);function de(){clearTimeout(Se),me()}L.addEventListener("mouseenter",de,{once:!0})}}var dt=class extends se{_renderMetric(t){let n=this.dom.createComponent("metric"),a=this.dom.find(".lh-metric",n);a.id=t.result.id;let i=E.calculateRating(t.result.score,t.result.scoreDisplayMode);a.classList.add(`lh-metric--${i}`);let o=this.dom.find(".lh-metric__title",n);o.textContent=t.result.title;let r=this.dom.find(".lh-metric__value",n);r.textContent=t.result.displayValue||"";let s=this.dom.find(".lh-metric__description",n);if(s.append(this.dom.convertMarkdownLinkSnippets(t.result.description)),t.result.scoreDisplayMode==="error"){s.textContent="",r.textContent="Error!";let p=this.dom.createChildOf(s,"span");p.textContent=t.result.errorMessage||"Report error: no metric information"}else t.result.scoreDisplayMode==="notApplicable"&&(r.textContent="--");return a}_getScoringCalculatorHref(t){let n=t.filter(d=>d.group==="metrics"),a=t.find(d=>d.id==="interactive"),i=t.find(d=>d.id==="first-cpu-idle"),o=t.find(d=>d.id==="first-meaningful-paint");a&&n.push(a),i&&n.push(i),o&&typeof o.result.score=="number"&&n.push(o);let r=d=>Math.round(d*100)/100,p=[...n.map(d=>{let m;return typeof d.result.numericValue=="number"?(m=d.id==="cumulative-layout-shift"?r(d.result.numericValue):Math.round(d.result.numericValue),m=m.toString()):m="null",[d.acronym||d.id,m]})];v.reportJson&&(p.push(["device",v.reportJson.configSettings.formFactor]),p.push(["version",v.reportJson.lighthouseVersion]));let c=new URLSearchParams(p),l=new URL("https://googlechrome.github.io/lighthouse/scorecalc/");return l.hash=c.toString(),l.href}overallImpact(t,n){if(!t.result.metricSavings)return{overallImpact:0,overallLinearImpact:0};let a=0,i=0;for(let[o,r]of Object.entries(t.result.metricSavings)){if(r===void 0)continue;let s=n.find(h=>h.acronym===o);if(!s||s.result.score===null)continue;let p=s.result.numericValue;if(!p)continue;let c=r/p*s.weight;i+=c;let l=s.result.scoringOptions;if(!l)continue;let m=(I.computeLogNormalScore(l,p-r)-s.result.score)*s.weight;a+=m}return{overallImpact:a,overallLinearImpact:i}}render(t,n,a){let i=v.strings,o=this.dom.createElement("div","lh-category");o.id=t.id,o.append(this.renderCategoryHeader(t,n,a));let r=t.auditRefs.filter(b=>b.group==="metrics");if(r.length){let[b,w]=this.renderAuditGroup(n.metrics),S=this.dom.createElement("input","lh-metrics-toggle__input"),N=`lh-metrics-toggle${v.getUniqueSuffix()}`;S.setAttribute("aria-label","Toggle the display of metric descriptions"),S.type="checkbox",S.id=N,b.prepend(S);let B=this.dom.find(".lh-audit-group__header",b),H=this.dom.createChildOf(B,"label","lh-metrics-toggle__label");H.htmlFor=N;let G=this.dom.createChildOf(H,"span","lh-metrics-toggle__labeltext--show"),W=this.dom.createChildOf(H,"span","lh-metrics-toggle__labeltext--hide");G.textContent=v.strings.expandView,W.textContent=v.strings.collapseView;let J=this.dom.createElement("div","lh-metrics-container");if(b.insertBefore(J,w),r.forEach(xe=>{J.append(this._renderMetric(xe))}),o.querySelector(".lh-gauge__wrapper")){let xe=this.dom.find(".lh-category-header__description",o),L=this.dom.createChildOf(xe,"div","lh-metrics__disclaimer"),D=this.dom.convertMarkdownLinkSnippets(i.varianceDisclaimer);L.append(D);let z=this.dom.createChildOf(L,"a","lh-calclink");z.target="_blank",z.textContent=i.calculatorLink,this.dom.safelySetHref(z,this._getScoringCalculatorHref(t.auditRefs))}b.classList.add("lh-audit-group--metrics"),o.append(b)}let s=this.dom.createChildOf(o,"div","lh-filmstrip-container"),c=t.auditRefs.find(b=>b.id==="screenshot-thumbnails")?.result;if(c?.details){s.id=c.id;let b=this.detailsRenderer.render(c.details);b&&s.append(b)}let l=t.auditRefs.filter(b=>b.group==="diagnostics").map(b=>{let{overallImpact:w,overallLinearImpact:S}=this.overallImpact(b,r),N=b.result.guidanceLevel||1,B=this.renderAudit(b);return{auditRef:b,auditEl:B,overallImpact:w,overallLinearImpact:S,guidanceLevel:N}}),d=l.filter(b=>!E.showAsPassed(b.auditRef.result)),m=l.filter(b=>E.showAsPassed(b.auditRef.result)),[h,g]=this.renderAuditGroup(n.diagnostics);h.classList.add("lh-audit-group--diagnostics");function _(b){for(let w of l)if(b==="All")w.auditEl.hidden=!1;else{let S=w.auditRef.result.metricSavings?.[b]===void 0;w.auditEl.hidden=S}d.sort((w,S)=>{let N=w.auditRef.result.score||0,B=S.auditRef.result.score||0;if(N!==B)return N-B;if(b!=="All"){let H=w.auditRef.result.metricSavings?.[b]??-1,G=S.auditRef.result.metricSavings?.[b]??-1;if(H!==G)return G-H}return w.overallImpact!==S.overallImpact?S.overallImpact*S.guidanceLevel-w.overallImpact*w.guidanceLevel:w.overallImpact===0&&S.overallImpact===0&&w.overallLinearImpact!==S.overallLinearImpact?S.overallLinearImpact*S.guidanceLevel-w.overallLinearImpact*w.guidanceLevel:S.guidanceLevel-w.guidanceLevel});for(let w of d)h.insertBefore(w.auditEl,g)}let f=new Set;for(let b of d){let w=b.auditRef.result.metricSavings||{};for(let[S,N]of Object.entries(w))typeof N=="number"&&f.add(S)}let y=r.filter(b=>b.acronym&&f.has(b.acronym));if(y.length&&this.renderMetricAuditFilter(y,o,_),_("All"),d.length&&o.append(h),!m.length)return o;let P={auditRefsOrEls:m.map(b=>b.auditEl),groupDefinitions:n},A=this.renderClump("passed",P);if(o.append(A),(!a||a?.gatherMode==="navigation")&&t.score!==null){let b=Aa(this.dom);Ea(this.dom,b,t),this.dom.find(".lh-score__gauge",o).replaceWith(b)}return o}renderMetricAuditFilter(t,n,a){let i=this.dom.createElement("div","lh-metricfilter"),o=this.dom.createChildOf(i,"span","lh-metricfilter__text");o.textContent=v.strings.showRelevantAudits;let r=[{acronym:"All",id:"All"},...t],s=v.getUniqueSuffix();for(let p of r){let c=`metric-${p.acronym}-${s}`,l=this.dom.createChildOf(i,"input","lh-metricfilter__radio");l.type="radio",l.name=`metricsfilter-${s}`,l.id=c;let d=this.dom.createChildOf(i,"label","lh-metricfilter__label");d.htmlFor=c,d.title="result"in p?p.result.title:"",d.textContent=p.acronym||p.id,p.acronym==="All"&&(l.checked=!0,d.classList.add("lh-metricfilter__label--active")),n.append(i),l.addEventListener("input",m=>{for(let g of n.querySelectorAll("label.lh-metricfilter__label"))g.classList.toggle("lh-metricfilter__label--active",g.htmlFor===c);n.classList.toggle("lh-category--filtered",p.acronym!=="All"),a(p.acronym||"All");let h=n.querySelectorAll("div.lh-audit-group, details.lh-audit-group");for(let g of h){g.hidden=!1;let _=Array.from(g.querySelectorAll("div.lh-audit")),f=!!_.length&&_.every(y=>y.hidden);g.hidden=f}})}}};var ht=class{constructor(t){this._dom=t,this._opts={}}renderReport(t,n,a){if(!this._dom.rootEl&&n){console.warn("Please adopt the new report API in renderer/api.js.");let o=n.closest(".lh-root");o?this._dom.rootEl=o:(n.classList.add("lh-root","lh-vars"),this._dom.rootEl=n)}else this._dom.rootEl&&n&&(this._dom.rootEl=n);a&&(this._opts=a),this._dom.setLighthouseChannel(t.configSettings.channel||"unknown");let i=E.prepareReportResult(t);return this._dom.rootEl.textContent="",this._dom.rootEl.append(this._renderReport(i)),this._opts.occupyEntireViewport&&this._dom.rootEl.classList.add("lh-max-viewport"),this._dom.rootEl}_renderReportTopbar(t){let n=this._dom.createComponent("topbar"),a=this._dom.find("a.lh-topbar__url",n);return a.textContent=t.finalDisplayedUrl,a.title=t.finalDisplayedUrl,this._dom.safelySetHref(a,t.finalDisplayedUrl),n}_renderReportHeader(){let t=this._dom.createComponent("heading"),n=this._dom.createComponent("scoresWrapper");return this._dom.find(".lh-scores-wrapper-placeholder",t).replaceWith(n),t}_renderReportFooter(t){let n=this._dom.createComponent("footer");return this._renderMetaBlock(t,n),this._dom.find(".lh-footer__version_issue",n).textContent=v.strings.footerIssue,this._dom.find(".lh-footer__version",n).textContent=t.lighthouseVersion,n}_renderMetaBlock(t,n){let a=E.getEmulationDescriptions(t.configSettings||{}),i=t.userAgent.match(/(\w*Chrome\/[\d.]+)/),o=Array.isArray(i)?i[1].replace("/"," ").replace("Chrome","Chromium"):"Chromium",r=t.configSettings.channel,s=t.environment.benchmarkIndex.toFixed(0),p=t.environment.credits?.["axe-core"],c=[`${v.strings.runtimeSettingsBenchmark}: ${s}`,`${v.strings.runtimeSettingsCPUThrottling}: ${a.cpuThrottling}`];a.screenEmulation&&c.push(`${v.strings.runtimeSettingsScreenEmulation}: ${a.screenEmulation}`),p&&c.push(`${v.strings.runtimeSettingsAxeVersion}: ${p}`);let l=v.strings.runtimeAnalysisWindow;t.gatherMode==="timespan"?l=v.strings.runtimeAnalysisWindowTimespan:t.gatherMode==="snapshot"&&(l=v.strings.runtimeAnalysisWindowSnapshot);let d=[["date",`Captured at ${v.i18n.formatDateTime(t.fetchTime)}`],["devices",`${a.deviceEmulation} with Lighthouse ${t.lighthouseVersion}`,c.join(`
|
|
2610
2610
|
`)],["samples-one",v.strings.runtimeSingleLoad,v.strings.runtimeSingleLoadTooltip],["stopwatch",l],["networkspeed",`${a.summary}`,`${v.strings.runtimeSettingsNetworkThrottling}: ${a.networkThrottling}`],["chrome",`Using ${o}`+(r?` with ${r}`:""),`${v.strings.runtimeSettingsUANetwork}: "${t.environment.networkUserAgent}"`]],m=this._dom.find(".lh-meta__items",n);for(let[h,g,_]of d){let f=this._dom.createChildOf(m,"li","lh-meta__item");if(f.textContent=g,_){f.classList.add("lh-tooltip-boundary");let y=this._dom.createChildOf(f,"div","lh-tooltip");y.textContent=_}f.classList.add("lh-report-icon",`lh-report-icon--${h}`)}}_renderReportWarnings(t){if(!t.runWarnings||t.runWarnings.length===0)return this._dom.createElement("div");let n=this._dom.createComponent("warningsToplevel"),a=this._dom.find(".lh-warnings__msg",n);a.textContent=v.strings.toplevelWarningsMessage;let i=[];for(let o of t.runWarnings){let r=this._dom.createElement("li");r.append(this._dom.convertMarkdownLinkSnippets(o)),i.push(r)}return this._dom.find("ul",n).append(...i),n}_renderScoreGauges(t,n,a){let i=[],o=[];for(let r of Object.values(t.categories)){let p=(a[r.id]||n).renderCategoryScore(r,t.categoryGroups||{},{gatherMode:t.gatherMode}),c=this._dom.find("a.lh-gauge__wrapper, a.lh-fraction__wrapper",p);c&&(this._dom.safelySetHref(c,`#${r.id}`),c.addEventListener("click",l=>{if(!c.matches('[href^="#"]'))return;let d=c.getAttribute("href"),m=this._dom.rootEl;if(!d||!m)return;let h=this._dom.find(d,m);l.preventDefault(),h.scrollIntoView()}),this._opts.onPageAnchorRendered?.(c)),E.isPluginCategory(r.id)?o.push(p):i.push(p)}return[...i,...o]}_renderReport(t){v.apply({providedStrings:t.i18n.rendererFormattedStrings,i18n:new ce(t.configSettings.locale),reportJson:t});let n=new Ce(this._dom,{fullPageScreenshot:t.fullPageScreenshot??void 0,entities:t.entities}),a=new se(this._dom,n),i={performance:new dt(this._dom,n)},o=this._dom.createElement("div");o.append(this._renderReportHeader());let r=this._dom.createElement("div","lh-container"),s=this._dom.createElement("div","lh-report");s.append(this._renderReportWarnings(t));let p;Object.keys(t.categories).length===1?o.classList.add("lh-header--solo-category"):p=this._dom.createElement("div","lh-scores-header");let l=this._dom.createElement("div");if(l.classList.add("lh-scorescale-wrap"),l.append(this._dom.createComponent("scorescale")),p){let g=this._dom.find(".lh-scores-container",o);p.append(...this._renderScoreGauges(t,a,i)),g.append(p,l);let _=this._dom.createElement("div","lh-sticky-header");_.append(...this._renderScoreGauges(t,a,i)),r.append(_)}let d=this._dom.createElement("div","lh-categories");s.append(d);let m={gatherMode:t.gatherMode};for(let g of Object.values(t.categories)){let _=i[g.id]||a;_.dom.createChildOf(d,"div","lh-category-wrapper").append(_.render(g,t.categoryGroups,m))}a.injectFinalScreenshot(d,t.audits,l);let h=this._dom.createFragment();return this._opts.omitGlobalStyles||h.append(this._dom.createComponent("styles")),this._opts.omitTopbar||h.append(this._renderReportTopbar(t)),h.append(r),s.append(this._renderReportFooter(t)),r.append(o,s),t.fullPageScreenshot&&le.installFullPageScreenshot(this._dom.rootEl,t.fullPageScreenshot.screenshot),h}};function we(e,t){let n=e.rootEl;typeof t>"u"?n.classList.toggle("lh-dark"):n.classList.toggle("lh-dark",t)}var Do=typeof btoa<"u"?btoa:e=>Buffer.from(e).toString("base64"),zo=typeof atob<"u"?atob:e=>Buffer.from(e,"base64").toString();async function jo(e,t){let n=new TextEncoder().encode(e);if(t.gzip)if(typeof CompressionStream<"u"){let o=new CompressionStream("gzip"),r=o.writable.getWriter();r.write(n),r.close();let s=await new Response(o.readable).arrayBuffer();n=new Uint8Array(s)}else n=window.pako.gzip(e);let a="",i=5e3;for(let o=0;o<n.length;o+=i)a+=String.fromCharCode(...n.subarray(o,o+i));return Do(a)}function Mo(e,t){let n=zo(e),a=Uint8Array.from(n,i=>i.charCodeAt(0));return t.gzip?window.pako.ungzip(a,{to:"string"}):new TextDecoder().decode(a)}var La={toBase64:jo,fromBase64:Mo};function Vt(){let e=window.location.host.endsWith(".vercel.app"),t=new URLSearchParams(window.location.search).has("dev");return e?`https://${window.location.host}/gh-pages`:t?"http://localhost:7333":"https://googlechrome.github.io/lighthouse"}function $t(e){let t=e.generatedTime,n=e.fetchTime||t;return`${e.lighthouseVersion}-${e.finalDisplayedUrl}-${n}`}function Ho(e,t,n){let a=new URL(t).origin;window.addEventListener("message",function o(r){r.origin===a&&i&&r.data.opened&&(i.postMessage(e,a),window.removeEventListener("message",o))});let i=window.open(t,n)}async function Ua(e,t,n){let a=new URL(t),i=!!window.CompressionStream;a.hash=await La.toBase64(JSON.stringify(e),{gzip:i}),i&&a.searchParams.set("gzip","1"),window.open(a.toString(),n)}async function Ta(e){let t="viewer-"+$t(e),n=Vt()+"/viewer/";await Ua({lhr:e},n,t)}async function Ia(e){let t="viewer-"+$t(e),n=Vt()+"/viewer/";Ho({lhr:e},n,t)}function Ra(e){if(!e.audits["script-treemap-data"].details)throw new Error("no script treemap data found");let n={lhr:{mainDocumentUrl:e.mainDocumentUrl,finalUrl:e.finalUrl,finalDisplayedUrl:e.finalDisplayedUrl,audits:{"script-treemap-data":e.audits["script-treemap-data"]},configSettings:{locale:e.configSettings.locale}}},a=Vt()+"/treemap/",i="treemap-"+$t(e);Ua(n,a,i)}var gt=class{constructor(t){this._dom=t,this._toggleEl,this._menuEl,this.onDocumentKeyDown=this.onDocumentKeyDown.bind(this),this.onToggleClick=this.onToggleClick.bind(this),this.onToggleKeydown=this.onToggleKeydown.bind(this),this.onMenuFocusOut=this.onMenuFocusOut.bind(this),this.onMenuKeydown=this.onMenuKeydown.bind(this),this._getNextMenuItem=this._getNextMenuItem.bind(this),this._getNextSelectableNode=this._getNextSelectableNode.bind(this),this._getPreviousMenuItem=this._getPreviousMenuItem.bind(this)}setup(t){this._toggleEl=this._dom.find(".lh-topbar button.lh-tools__button",this._dom.rootEl),this._toggleEl.addEventListener("click",this.onToggleClick),this._toggleEl.addEventListener("keydown",this.onToggleKeydown),this._menuEl=this._dom.find(".lh-topbar div.lh-tools__dropdown",this._dom.rootEl),this._menuEl.addEventListener("keydown",this.onMenuKeydown),this._menuEl.addEventListener("click",t)}close(){this._toggleEl.classList.remove("lh-active"),this._toggleEl.setAttribute("aria-expanded","false"),this._menuEl.contains(this._dom.document().activeElement)&&this._toggleEl.focus(),this._menuEl.removeEventListener("focusout",this.onMenuFocusOut),this._dom.document().removeEventListener("keydown",this.onDocumentKeyDown)}open(t){this._toggleEl.classList.contains("lh-active")?t.focus():this._menuEl.addEventListener("transitionend",()=>{t.focus()},{once:!0}),this._toggleEl.classList.add("lh-active"),this._toggleEl.setAttribute("aria-expanded","true"),this._menuEl.addEventListener("focusout",this.onMenuFocusOut),this._dom.document().addEventListener("keydown",this.onDocumentKeyDown)}onToggleClick(t){t.preventDefault(),t.stopImmediatePropagation(),this._toggleEl.classList.contains("lh-active")?this.close():this.open(this._getNextMenuItem())}onToggleKeydown(t){switch(t.code){case"ArrowUp":t.preventDefault(),this.open(this._getPreviousMenuItem());break;case"ArrowDown":case"Enter":case" ":t.preventDefault(),this.open(this._getNextMenuItem());break;default:}}onMenuKeydown(t){let n=t.target;switch(t.code){case"ArrowUp":t.preventDefault(),this._getPreviousMenuItem(n).focus();break;case"ArrowDown":t.preventDefault(),this._getNextMenuItem(n).focus();break;case"Home":t.preventDefault(),this._getNextMenuItem().focus();break;case"End":t.preventDefault(),this._getPreviousMenuItem().focus();break;default:}}onDocumentKeyDown(t){t.keyCode===27&&this.close()}onMenuFocusOut(t){let n=t.relatedTarget;this._menuEl.contains(n)||this.close()}_getNextSelectableNode(t,n){let a=t.filter(o=>!(!(o instanceof HTMLElement)||o.hasAttribute("disabled")||window.getComputedStyle(o).display==="none")),i=n?a.indexOf(n)+1:0;return i>=a.length&&(i=0),a[i]}_getNextMenuItem(t){let n=Array.from(this._menuEl.childNodes);return this._getNextSelectableNode(n,t)}_getPreviousMenuItem(t){let n=Array.from(this._menuEl.childNodes).reverse();return this._getNextSelectableNode(n,t)}};var ft=class{constructor(t,n){this.lhr,this._reportUIFeatures=t,this._dom=n,this._dropDownMenu=new gt(this._dom),this._copyAttempt=!1,this.topbarEl,this.categoriesEl,this.stickyHeaderEl,this.highlightEl,this.onDropDownMenuClick=this.onDropDownMenuClick.bind(this),this.onKeyUp=this.onKeyUp.bind(this),this.onCopy=this.onCopy.bind(this),this.collapseAllDetails=this.collapseAllDetails.bind(this)}enable(t){this.lhr=t,this._dom.rootEl.addEventListener("keyup",this.onKeyUp),this._dom.document().addEventListener("copy",this.onCopy),this._dropDownMenu.setup(this.onDropDownMenuClick),this._setUpCollapseDetailsAfterPrinting(),this._dom.find(".lh-topbar__logo",this._dom.rootEl).addEventListener("click",()=>we(this._dom)),this._setupStickyHeader()}onDropDownMenuClick(t){t.preventDefault();let n=t.target;if(!(!n||!n.hasAttribute("data-action"))){switch(n.getAttribute("data-action")){case"copy":this.onCopyButtonClick();break;case"print-summary":this.collapseAllDetails(),this._print();break;case"print-expanded":this.expandAllDetails(),this._print();break;case"save-json":{let a=JSON.stringify(this.lhr,null,2);this._reportUIFeatures._saveFile(new Blob([a],{type:"application/json"}));break}case"save-html":{let a=this._reportUIFeatures.getReportHtml();try{this._reportUIFeatures._saveFile(new Blob([a],{type:"text/html"}))}catch(i){this._dom.fireEventOn("lh-log",this._dom.document(),{cmd:"error",msg:"Could not export as HTML. "+i.message})}break}case"open-viewer":{this._dom.isDevTools()?Ta(this.lhr):Ia(this.lhr);break}case"save-gist":{this._reportUIFeatures.saveAsGist();break}case"toggle-dark":{we(this._dom);break}case"view-unthrottled-trace":this._reportUIFeatures._opts.onViewTrace?.()}this._dropDownMenu.close()}}onCopy(t){this._copyAttempt&&t.clipboardData&&(t.preventDefault(),t.clipboardData.setData("text/plain",JSON.stringify(this.lhr,null,2)),this._dom.fireEventOn("lh-log",this._dom.document(),{cmd:"log",msg:"Report JSON copied to clipboard"})),this._copyAttempt=!1}onCopyButtonClick(){this._dom.fireEventOn("lh-analytics",this._dom.document(),{cmd:"send",fields:{hitType:"event",eventCategory:"report",eventAction:"copy"}});try{this._dom.document().queryCommandSupported("copy")&&(this._copyAttempt=!0,this._dom.document().execCommand("copy")||(this._copyAttempt=!1,this._dom.fireEventOn("lh-log",this._dom.document(),{cmd:"warn",msg:"Your browser does not support copy to clipboard."})))}catch(t){this._copyAttempt=!1,this._dom.fireEventOn("lh-log",this._dom.document(),{cmd:"log",msg:t.message})}}onKeyUp(t){(t.ctrlKey||t.metaKey)&&t.keyCode===80&&this._dropDownMenu.close()}expandAllDetails(){this._dom.findAll(".lh-categories details",this._dom.rootEl).map(n=>n.open=!0)}collapseAllDetails(){this._dom.findAll(".lh-categories details",this._dom.rootEl).map(n=>n.open=!1)}_print(){this._reportUIFeatures._opts.onPrintOverride?this._reportUIFeatures._opts.onPrintOverride(this._dom.rootEl):self.print()}resetUIState(){this._dropDownMenu.close()}_getScrollParent(t){let{overflowY:n}=window.getComputedStyle(t);return n!=="visible"&&n!=="hidden"?t:t.parentElement?this._getScrollParent(t.parentElement):document}_setUpCollapseDetailsAfterPrinting(){"onbeforeprint"in self?self.addEventListener("afterprint",this.collapseAllDetails):self.matchMedia("print").addListener(n=>{n.matches?this.expandAllDetails():this.collapseAllDetails()})}_setupStickyHeader(){this.topbarEl=this._dom.find("div.lh-topbar",this._dom.rootEl),this.categoriesEl=this._dom.find("div.lh-categories",this._dom.rootEl),window.requestAnimationFrame(()=>window.requestAnimationFrame(()=>{try{this.stickyHeaderEl=this._dom.find("div.lh-sticky-header",this._dom.rootEl)}catch{return}this.highlightEl=this._dom.createChildOf(this.stickyHeaderEl,"div","lh-highlighter");let t=this._getScrollParent(this._dom.find(".lh-container",this._dom.rootEl));t.addEventListener("scroll",()=>this._updateStickyHeader());let n=t instanceof window.Document?document.documentElement:t;new window.ResizeObserver(()=>this._updateStickyHeader()).observe(n)}))}_updateStickyHeader(){if(!this.stickyHeaderEl)return;let t=this.topbarEl.getBoundingClientRect().bottom,n=this.categoriesEl.getBoundingClientRect().top,a=t>=n,o=Array.from(this._dom.rootEl.querySelectorAll(".lh-category")).filter(d=>d.getBoundingClientRect().top-window.innerHeight/2<0),r=o.length>0?o.length-1:0,s=this.stickyHeaderEl.querySelectorAll(".lh-gauge__wrapper, .lh-fraction__wrapper"),p=s[r],c=s[0].getBoundingClientRect().left,l=p.getBoundingClientRect().left-c;this.highlightEl.style.transform=`translate(${l}px)`,this.stickyHeaderEl.classList.toggle("lh-sticky-header--visible",a)}};function Na(e,t){let n=t?new Date(t):new Date,a=n.toLocaleTimeString("en-US",{hour12:!1}),i=n.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).split("/");i.unshift(i.pop());let o=i.join("-");return`${e}_${o}_${a}`.replace(/[/?<>\\:*|"]/g,"-")}function Da(e){let t=new URL(e.finalDisplayedUrl).hostname;return Na(t,e.fetchTime)}function za(e){let t=e.steps[0].lhr,n=e.name.replace(/\s/g,"-");return Na(n,t.fetchTime)}function Fo(e){return Array.from(e.tBodies[0].rows)}var vt=class{constructor(t,n={}){this.json,this._dom=t,this._opts=n,this._topbar=n.omitTopbar?null:new ft(this,t),this.onMediaQueryChange=this.onMediaQueryChange.bind(this)}initFeatures(t){this.json=t,this._fullPageScreenshot=I.getFullPageScreenshot(t),this._topbar&&(this._topbar.enable(t),this._topbar.resetUIState()),this._setupMediaQueryListeners(),this._setupThirdPartyFilter(),this._setupElementScreenshotOverlay(this._dom.rootEl);let n=this._dom.isDevTools()||this._opts.disableDarkMode||this._opts.disableAutoDarkModeAndFireworks;!n&&window.matchMedia("(prefers-color-scheme: dark)").matches&&we(this._dom,!0);let i=["performance","accessibility","best-practices","seo"].every(p=>{let c=t.categories[p];return c&&c.score===1}),o=this._opts.disableFireworks||this._opts.disableAutoDarkModeAndFireworks;if(i&&!o&&(this._enableFireworks(),n||we(this._dom,!0)),t.categories.performance&&t.categories.performance.auditRefs.some(p=>!!(p.group==="metrics"&&t.audits[p.id].errorMessage))){let p=this._dom.find("input.lh-metrics-toggle__input",this._dom.rootEl);p.checked=!0}this.json.audits["script-treemap-data"]&&this.json.audits["script-treemap-data"].details&&this.addButton({text:v.strings.viewTreemapLabel,icon:"treemap",onClick:()=>Ra(this.json)}),this._opts.onViewTrace&&(t.configSettings.throttlingMethod==="simulate"?this._dom.find('a[data-action="view-unthrottled-trace"]',this._dom.rootEl).classList.remove("lh-hidden"):this.addButton({text:v.strings.viewTraceLabel,onClick:()=>this._opts.onViewTrace?.()})),this._opts.getStandaloneReportHTML&&this._dom.find('a[data-action="save-html"]',this._dom.rootEl).classList.remove("lh-hidden");for(let p of this._dom.findAll("[data-i18n]",this._dom.rootEl)){let l=p.getAttribute("data-i18n");p.textContent=v.strings[l]}}addButton(t){let n=this._dom.rootEl.querySelector(".lh-audit-group--metrics");if(!n)return;let a=n.querySelector(".lh-buttons");a||(a=this._dom.createChildOf(n,"div","lh-buttons"));let i=["lh-button"];t.icon&&(i.push("lh-report-icon"),i.push(`lh-report-icon--${t.icon}`));let o=this._dom.createChildOf(a,"button",i.join(" "));return o.textContent=t.text,o.addEventListener("click",t.onClick),o}resetUIState(){this._topbar&&this._topbar.resetUIState()}getReportHtml(){if(!this._opts.getStandaloneReportHTML)throw new Error("`getStandaloneReportHTML` is not set");return this.resetUIState(),this._opts.getStandaloneReportHTML()}saveAsGist(){throw new Error("Cannot save as gist from base report")}_enableFireworks(){this._dom.find(".lh-scores-container",this._dom.rootEl).classList.add("lh-score100")}_setupMediaQueryListeners(){let t=self.matchMedia("(max-width: 500px)");t.addListener(this.onMediaQueryChange),this.onMediaQueryChange(t)}_resetUIState(){this._topbar&&this._topbar.resetUIState()}onMediaQueryChange(t){this._dom.rootEl.classList.toggle("lh-narrow",t.matches)}_setupThirdPartyFilter(){let t=["uses-rel-preconnect","third-party-facades"],n=["legacy-javascript"];Array.from(this._dom.rootEl.querySelectorAll("table.lh-table")).filter(o=>o.querySelector("td.lh-table-column--url, td.lh-table-column--source-location")).filter(o=>{let r=o.closest(".lh-audit");if(!r)throw new Error(".lh-table not within audit");return!t.includes(r.id)}).forEach(o=>{let r=Fo(o),s=r.filter(f=>!f.classList.contains("lh-sub-item-row")),p=this._getThirdPartyRows(s,I.getFinalDisplayedUrl(this.json)),c=r.some(f=>f.classList.contains("lh-row--even")),l=this._dom.createComponent("3pFilter"),d=this._dom.find("input",l);d.addEventListener("change",f=>{let y=f.target instanceof HTMLInputElement&&!f.target.checked,P=!0,A=s[0];for(;A;){let U=y&&p.includes(A);do A.classList.toggle("lh-row--hidden",U),c&&(A.classList.toggle("lh-row--even",!U&&P),A.classList.toggle("lh-row--odd",!U&&!P)),A=A.nextElementSibling;while(A&&A.classList.contains("lh-sub-item-row"));U||(P=!P)}});let m=p.filter(f=>!f.classList.contains("lh-row--group")).length;this._dom.find(".lh-3p-filter-count",l).textContent=`${m}`,this._dom.find(".lh-3p-ui-string",l).textContent=v.strings.thirdPartyResourcesLabel;let h=p.length===s.length,g=!p.length;if((h||g)&&(this._dom.find("div.lh-3p-filter",l).hidden=!0),!o.parentNode)return;o.parentNode.insertBefore(l,o);let _=o.closest(".lh-audit");if(!_)throw new Error(".lh-table not within audit");n.includes(_.id)&&!h&&d.click()})}_setupElementScreenshotOverlay(t){this._fullPageScreenshot&&le.installOverlayFeature({dom:this._dom,rootEl:t,overlayContainerEl:t,fullPageScreenshot:this._fullPageScreenshot})}_getThirdPartyRows(t,n){let a=I.getEntityFromUrl(n,this.json.entities),i=this.json.entities?.find(r=>r.isFirstParty===!0)?.name,o=[];for(let r of t){if(i){if(!r.dataset.entity||r.dataset.entity===i)continue}else{let s=r.querySelector("div.lh-text__url");if(!s)continue;let p=s.dataset.url;if(!p||!(I.getEntityFromUrl(p,this.json.entities)!==a))continue}o.push(r)}return o}_saveFile(t){let n=t.type.match("json")?".json":".html",a=Da({finalDisplayedUrl:I.getFinalDisplayedUrl(this.json),fetchTime:this.json.fetchTime})+n;this._opts.onSaveFileOverride?this._opts.onSaveFileOverride(t,a):this._dom.saveFile(t,a)}};function ja(e,t={}){let n=document.createElement("article");n.classList.add("lh-root","lh-vars");let a=new re(n.ownerDocument,n);return new ht(a).renderReport(e,n,t),new vt(a,t).initFeatures(e),n}function Ma(e,t){let n=new re(document,document.documentElement),a=new Ce(n);return new se(n,a).renderCategoryScore(e,{},t)}function Ha(e,t){new re(document,document.documentElement).saveFile(e,t)}function Fa(e){return new re(document,document.documentElement).convertMarkdownCodeSnippets(e)}function Ba(){return new re(document,document.documentElement).createComponent("styles")}var Oa=({category:e,href:t,gatherMode:n})=>{let a=ie(()=>Ma(e,{gatherMode:n,omitLabel:!0,onPageAnchorRendered:i=>i.href=t}),[e,t]);return u("div",{ref:a,"data-testid":"CategoryScore"})};var Ga=({text:e})=>{let t=ie(()=>Fa(e),[e]);return u("span",{ref:t})};var Bo=2;function Oo(e,t){switch(e){case"navigation":return t.navigationReport;case"timespan":return t.timespanReport;case"snapshot":return t.snapshotReport}}function Go(e,t){switch(e){case"pass":return t.ratingPass;case"average":return t.ratingAverage;case"fail":return t.ratingFail;case"error":return t.ratingError}}function Va(e){return e.weight*(1-e.result.score)}var Vo=({audit:e})=>{let t=E.calculateRating(e.result.score,e.result.scoreDisplayMode);return u("div",{className:`SummaryTooltipAudit SummaryTooltipAudit--${t}`,children:u(Ga,{text:e.result.title})})},$o=({category:e})=>{let t=M();function n(i){return i.result.score!==null&&i.group!=="metrics"&&i.group!=="hidden"&&(i.weight>0||i.group==="diagnostics")&&!E.showAsPassed(i.result)}let a=e.auditRefs.filter(n).sort((i,o)=>{let r=Va(i),s=Va(o);if(r!==s)return s-r;if(i.result.score!==o.result.score)return i.result.score-o.result.score;let p=i.result.metricSavings?.LCP||0;return(o.result.metricSavings?.LCP||0)-p}).splice(0,Bo);return a.length?u("div",{className:"SummaryTooltipAudits",children:[u("div",{className:"SummaryTooltipAudits__title",children:t.highestImpact}),a.map(i=>u(Vo,{audit:i},i.id))]}):null},Wo=({category:e,gatherMode:t,url:n})=>{let a=M(),i=mt(),{numPassed:o,numPassableAudits:r,numInformative:s,totalWeight:p}=E.calculateCategoryFraction(e),c=ze(),l=E.shouldDisplayAsFraction(t),d=l?o/r:e.score,m=d===null?"error":E.calculateRating(d);return u("div",{className:"SummaryTooltip",children:[u("div",{className:"SummaryTooltip__title",children:Oo(t,a)}),u("div",{className:"SummaryTooltip__url",children:n}),u(Z,{}),u("div",{className:"SummaryTooltip__category",children:[u("div",{className:"SummaryTooltip__category-title",children:e.title}),p!==0&&u("div",{className:`SummaryTooltip__rating SummaryTooltip__rating--${m}`,children:[u("span",{children:Go(m,a)}),!l&&e.score!==null&&u(j,{children:[u("span",{children:" · "}),u("span",{children:c.formatter.formatInteger(e.score*100)})]})]})]}),u("div",{className:"SummaryTooltip__fraction",children:[u("span",{children:i(a.passedAuditCount,{numPassed:o})}),u("span",{children:" / "}),u("span",{children:i(a.passableAuditCount,{numPassableAudits:r})})]}),s!==0&&u("div",{className:"SummaryTooltip__informative",children:i(a.informativeAuditCount,{numInformative:s})}),u($o,{category:e})]})},$a=({category:e,href:t,gatherMode:n,finalDisplayedUrl:a})=>u("div",{className:"SummaryCategory",children:e?u("div",{className:"SummaryCategory__content",children:[u(Oa,{category:e,href:t,gatherMode:n}),u(Wo,{category:e,gatherMode:n,url:a})]}):u("div",{className:"SummaryCategory__null","data-testid":"SummaryCategory__null"})});var Jo=["performance","accessibility","best-practices","seo"],qo=40,Zo=({lhr:e})=>{let t=M();return u("div",{className:"SummaryNavigationHeader","data-testid":"SummaryNavigationHeader",children:[u(oe,{}),u("div",{className:"SummaryNavigationHeader__url",children:u("a",{rel:"noopener",target:"_blank",href:e.finalDisplayedUrl,children:e.finalDisplayedUrl})}),u("div",{className:"SummaryNavigationHeader__category",children:t.categoryPerformance}),u("div",{className:"SummaryNavigationHeader__category",children:t.categoryAccessibility}),u("div",{className:"SummaryNavigationHeader__category",children:t.categoryBestPractices}),u("div",{className:"SummaryNavigationHeader__category",children:t.categorySeo})]})},Ko=({lhr:e,label:t,hashIndex:n})=>{let a=Q(()=>E.prepareReportResult(e),[e]),i=M(),o=Qe(e.gatherMode,i);return u("div",{className:"SummaryFlowStep",children:[e.gatherMode==="navigation"||n===0?u(Zo,{lhr:e}):u("div",{className:"SummaryFlowStep__separator",children:[u(oe,{}),u(Z,{})]}),u(et,{lhr:e,width:qo}),u(oe,{mode:e.gatherMode}),u("div",{className:"SummaryFlowStep__label",children:[u("div",{className:"SummaryFlowStep__mode",children:o}),u("a",{className:"SummaryFlowStep__link",href:`#index=${n}`,children:t})]}),Jo.map(r=>u($a,{category:a.categories[r],href:`#index=${n}&anchor=${r}`,gatherMode:e.gatherMode,finalDisplayedUrl:e.finalDisplayedUrl},r))]})},Xo=()=>{let e=$();return u("div",{className:"SummaryFlow",children:e.steps.map((t,n)=>u(Ko,{lhr:t.lhr,label:t.name,hashIndex:n},t.lhr.fetchTime))})},Yo=()=>{let e=$(),t=M(),n=mt(),a=0,i=0,o=0;for(let p of e.steps)switch(p.lhr.gatherMode){case"navigation":a++;break;case"timespan":i++;break;case"snapshot":o++;break}let r=[];a&&r.push(n(t.navigationReportCount,{numNavigation:a})),i&&r.push(n(t.timespanReportCount,{numTimespan:i})),o&&r.push(n(t.snapshotReportCount,{numSnapshot:o}));let s=r.join(" · ");return u("div",{className:"SummaryHeader",children:[u("div",{className:"SummaryHeader__title",children:t.summary}),u("div",{className:"SummaryHeader__subtitle",children:s})]})},Qo=({children:e})=>u("div",{className:"SummarySectionHeader",children:[u("div",{className:"SummarySectionHeader__content",children:e}),u(Z,{})]}),Wa=()=>{let e=M();return u("div",{className:"Summary","data-testid":"Summary",children:[u(Yo,{}),u(Z,{}),u(Qo,{children:e.allReports}),u(Xo,{})]})};function er(e,t){let n=e.cloneNode(!0);if(!n.hash)return n;let a=e.hash.substr(1);n.hash=`#index=${t}&anchor=${a}`,n.onclick=i=>{i.preventDefault();let o=document.getElementById(a);o&&o.scrollIntoView()},e.replaceWith(n)}var Ja=({hashState:e})=>{let t=ie(()=>ja(e.currentLhr,{disableFireworks:!0,disableDarkMode:!0,omitTopbar:!0,omitGlobalStyles:!0,onPageAnchorRendered:n=>er(n,e.index)}),[e]);return u("div",{ref:t,"data-testid":"Report"})};var Wt=e=>{let t=M();return u("div",{className:"HelpDialogColumn",children:[u("div",{className:"HelpDialogColumn__legend",children:[u("div",{className:"HelpDialogColumnTimeline",children:[e.icon,u("div",{className:"HelpDialogColumnTimeline__line"})]}),u("div",{className:"HelpDialogColumn__legend-label",children:e.userFriendlyModeLabel})]}),u("div",{className:"HelpDialogColumn__header",children:[u("div",{className:"HelpDialogColumn__header-title",children:e.lighthouseOfficialModeLabel}),u("p",{children:e.modeDescription})]}),u("div",{className:"HelpDialogColumn__use-cases",children:[u("p",{children:e.useCaseInstruction}),u("ul",{children:e.useCases.map((n,a)=>u("li",{children:n},a))})]}),u("div",{className:"HelpDialogColumn__categories",children:[u("p",{children:t.categories}),u("ul",{children:e.availableCategories.map((n,a)=>u("li",{children:n},a))})]})]})},qa=({onClose:e})=>{let t=M();return u("div",{className:"HelpDialog",children:[u("div",{className:"HelpDialog__title",children:[u("div",{children:t.helpDialogTitle}),u("div",{style:{flexGrow:1}}),u("button",{className:"HelpDialog__close",onClick:e,children:u(Nn,{})})]}),u("div",{className:"HelpDialog__columns",children:[u(Wt,{icon:u(Ke,{}),userFriendlyModeLabel:t.navigationDescription,lighthouseOfficialModeLabel:t.navigationReport,modeDescription:t.navigationLongDescription,useCaseInstruction:t.helpUseCaseInstructionNavigation,useCases:[t.helpUseCaseNavigation1,t.helpUseCaseNavigation2,t.helpUseCaseNavigation3],availableCategories:[t.categoryPerformance,t.categoryAccessibility,t.categoryBestPractices,t.categorySeo]}),u(Wt,{icon:u(Xe,{}),userFriendlyModeLabel:t.timespanDescription,lighthouseOfficialModeLabel:t.timespanReport,modeDescription:t.timespanLongDescription,useCaseInstruction:t.helpUseCaseInstructionTimespan,useCases:[t.helpUseCaseTimespan1,t.helpUseCaseTimespan2],availableCategories:[t.categoryPerformance,t.categoryBestPractices]}),u(Wt,{icon:u(Ye,{}),userFriendlyModeLabel:t.snapshotDescription,lighthouseOfficialModeLabel:t.snapshotReport,modeDescription:t.snapshotLongDescription,useCaseInstruction:t.helpUseCaseInstructionSnapshot,useCases:[t.helpUseCaseSnapshot1,t.helpUseCaseSnapshot2],availableCategories:[t.categoryPerformance,t.categoryAccessibility,t.categoryBestPractices,t.categorySeo]})]})]})};function Jt(e,t){let n=new Blob([t],{type:"text/html"}),a=za(e)+".html";Jt.saveFile(n,a)}Jt.saveFile=Ha;var tr=()=>u("svg",{role:"img",class:"lh-topbar__logo",title:"Lighthouse logo",width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",children:[u("path",{d:"m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z",fill:"#F63"}),u("path",{d:"M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z",fill:"#FFA385"}),u("path",{fill:"#FF3",d:"M20.5 10h7v7h-7z"})]}),bt=({onClick:e,label:t,children:n})=>u("button",{className:"TopbarButton",onClick:e,"aria-label":t,children:n}),Za=({onMenuClick:e})=>{let t=$(),n=M(),[a,i]=ae(!1),{getReportHtml:o,saveAsGist:r}=Gn();return u("div",{className:"Topbar",children:[u(bt,{onClick:e,label:"Button that opens and closes the sidebar",children:u(Mn,{})}),u("div",{className:"Topbar__logo",children:u(tr,{})}),u("div",{className:"Topbar__title",children:n.title}),o&&u(bt,{onClick:()=>{let s=o(t);Jt(t,s)},label:"Button that saves the report as HTML",children:n.save}),r&&u(bt,{onClick:()=>r(t),label:"Button that saves the report to a gist",children:n.dropdownSaveGist}),u("div",{style:{flexGrow:1}}),u(bt,{onClick:()=>i(s=>!s),label:"Button that toggles the help dialog",children:u("div",{className:"Topbar__help-label",children:[u(Hn,{}),n.helpLabel]})}),a?u(qa,{onClose:()=>i(!1)}):null]})};var nr=80,ar=120,qt=({lhr:e,position:t})=>{let n=t==="main"?ar:nr;return u("div",{className:`HeaderThumbnail HeaderThumbnail--${t}`,children:[u(et,{lhr:e,height:n}),u("div",{className:"HeaderThumbnail__icon",children:u(Pt,{mode:e.gatherMode})})]})},Ka=({hashState:e})=>{let t=$(),{index:n}=e,a=t.steps[n],i=t.steps[n-1],o=t.steps[n+1],r=M(),s=Qe(a.lhr.gatherMode,r);return u("div",{className:"Header",children:[i&&u(j,{children:[t.steps[n-2]&&u("div",{className:"Header__segment"}),u("div",{className:"Header__prev-thumbnail",children:[u(qt,{lhr:i.lhr,position:"prev"}),u("div",{className:"Header__segment"})]}),u("a",{className:"Header__prev-title",href:`#index=${n-1}`,children:i.name})]}),u("div",{className:"Header__current-thumbnail",children:u(qt,{lhr:a.lhr,position:"main"})}),u("div",{className:"Header__current-title",children:[a.name,u("div",{className:"Header__current-description",children:s})]}),o&&u(j,{children:[u("div",{className:"Header__next-thumbnail",children:[u("div",{className:"Header__segment"}),u(qt,{lhr:o.lhr,position:"next"})]}),u("a",{className:"Header__next-title",href:`#index=${n+1}`,children:o.name}),t.steps[n+2]&&u("div",{className:"Header__segment"})]})]})};var Xa=()=>{let e=ie(Ba);return u("div",{ref:e})};function ir(e){return!e||!e.anchor?null:document.getElementById(e.anchor)}var or=()=>{let e=be(),t=qe(null);return Je(()=>{let n=ir(e);n?n.scrollIntoView():t.current&&(t.current.scrollTop=0)},[e]),u("div",{ref:t,className:"Content",children:e?u(j,{children:[u(Ka,{hashState:e}),u(Ja,{hashState:e})]}):u(Wa,{})})},Ya=({flowResult:e,options:t})=>{let[n,a]=ae(!1),i=Q(()=>t||{},[t]);return u(kt.Provider,{value:i,children:u(St.Provider,{value:e,children:u(wa,{children:[u(Xa,{}),u("div",{className:ve("App",{"App--collapsed":n}),"data-testid":"App",children:[u(Za,{onMenuClick:()=>a(o=>!o)}),u(Sa,{}),u(or,{})]})]})})})};function Qa(e,t,n){t.classList.add("flow-vars","lh-vars","lh-root"),bn(_t(Ya,{flowResult:e,options:n}),t)}function rr(){let e=document.body.querySelector("main");if(!e)throw Error("Container element not found");Qa(window.__LIGHTHOUSE_FLOW_JSON__,e,{getReportHtml:()=>document.documentElement.outerHTML})}window.__initLighthouseFlowReport__=rr;window.__initLighthouseFlowReport__();})();
|
|
2611
2611
|
/**
|
|
2612
2612
|
* @license
|