npm - @react-native/debugger-frontend - Versions diffs - 0.73.0-nightly-20230922-52104c6ee - Mend

@react-native/debugger-frontend 0.73.0-nightly-20230922-52104c6ee

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.

Files changed (656) hide show

package/dist/third-party/front_end/panels/lighthouse/lighthouse.js ADDED Viewed

@@ -0,0 +1,66 @@
+import*as e from"../../core/common/common.js";import*as t from"../../core/host/host.js";import*as n from"../../core/i18n/i18n.js";import*as i from"../../core/platform/platform.js";import*as r from"../../core/sdk/sdk.js";import*as o from"../../models/emulation/emulation.js";import*as a from"../emulation/emulation.js";import*as s from"../../ui/legacy/legacy.js";import*as l from"../../models/workspace/workspace.js";import*as c from"../../third_party/lighthouse/report/report.js";import*as h from"../../ui/legacy/components/utils/utils.js";import*as d from"../../ui/legacy/theme_support/theme_support.js";import*as p from"../timeline/timeline.js";var g,u;g=self,u=function(e){const t={REPORT_TEMPLATE:'\x3c!--\n@license\nCopyright 2018 The Lighthouse Authors. All Rights Reserved.\n\nLicensed under the Apache License, Version 2.0 (the "License");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an "AS-IS" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n--\x3e\n<!doctype html>\n<html lang="en">\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">\n  <link rel="icon" href=\'data:image/svg+xml;utf8,<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z" fill="%23F63"/><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="%23FFA385"/><path fill="%23FF3" d="M20.5 10h7v7h-7z"/></svg>\'>\n  <title>Lighthouse Report</title>\n  <style>body {margin: 0}</style>\n</head>\n<body>\n  <noscript>Lighthouse report requires JavaScript. Please enable.</noscript>\n\n  <div id="lh-log"></div>\n\n  <script>window.__LIGHTHOUSE_JSON__ = %%LIGHTHOUSE_JSON%%;<\/script>\n  <script>%%LIGHTHOUSE_JAVASCRIPT%%\n  __initLighthouseReport__();\n  //# sourceURL=compiled-reportrenderer.js\n  <\/script>\n  <script>console.log(\'window.__LIGHTHOUSE_JSON__\', __LIGHTHOUSE_JSON__);<\/script>\n</body>\n</html>\n',REPORT_JAVASCRIPT:'!function(){"use strict";\n/**\n   * @license\n   * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\n   *\n   * Licensed under the Apache License, Version 2.0 (the "License");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *      http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an "AS-IS" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   */const e={PASS:{label:"pass",minScore:.9},AVERAGE:{label:"average",minScore:.5},FAIL:{label:"fail"},ERROR:{label:"error"}},t=["com","co","gov","edu","ac","org","go","gob","or","net","in","ne","nic","gouv","web","spb","blog","jus","kiev","mil","wi","qc","ca","bel","on"];class n{static get RATINGS(){return e}static get PASS_THRESHOLD(){return.9}static get MS_DISPLAY_VALUE(){return"%10d ms"}static getFinalDisplayedUrl(e){if(e.finalDisplayedUrl)return e.finalDisplayedUrl;if(e.finalUrl)return e.finalUrl;throw new Error("Could not determine final displayed URL")}static getMainDocumentUrl(e){return e.mainDocumentUrl||e.finalUrl}static getFullPageScreenshot(e){return e.fullPageScreenshot?e.fullPageScreenshot:e.audits["full-page-screenshot"]?.details}static splitMarkdownCodeSpans(e){const t=[],n=e.split(/`(.*?)`/g);for(let e=0;e<n.length;e++){const r=n[e];if(!r)continue;const o=e%2!=0;t.push({isCode:o,text:r})}return t}static splitMarkdownLink(e){const t=[],n=e.split(/\\[([^\\]]+?)\\]\\((https?:\\/\\/.*?)\\)/g);for(;n.length;){const[e,r,o]=n.splice(0,3);e&&t.push({isLink:!1,text:e}),r&&o&&t.push({isLink:!0,text:r,linkHref:o})}return t}static truncate(e,t,n="…"){if(e.length<=t)return e;const r=new Intl.Segmenter(void 0,{granularity:"grapheme"}).segment(e)[Symbol.iterator]();let o=0;for(let i=0;i<=t-n.length;i++){const t=r.next();if(t.done)return e;o=t.value.index}for(let t=0;t<n.length;t++)if(r.next().done)return e;return e.slice(0,o)+n}static getURLDisplayName(e,t){const n=void 0!==(t=t||{numPathParts:void 0,preserveQuery:void 0,preserveHost:void 0}).numPathParts?t.numPathParts:2,r=void 0===t.preserveQuery||t.preserveQuery,o=t.preserveHost||!1;let i;if("about:"===e.protocol||"data:"===e.protocol)i=e.href;else{i=e.pathname;const t=i.split("/").filter((e=>e.length));n&&t.length>n&&(i="…"+t.slice(-1*n).join("/")),o&&(i=`${e.host}/${i.replace(/^\\//,"")}`),r&&(i=`${i}${e.search}`)}if("data:"!==e.protocol&&(i=i.slice(0,200),i=i.replace(/([a-f0-9]{7})[a-f0-9]{13}[a-f0-9]*/g,"$1…"),i=i.replace(/([a-zA-Z0-9-_]{9})(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])[a-zA-Z0-9-_]{10,}/g,"$1…"),i=i.replace(/(\\d{3})\\d{6,}/g,"$1…"),i=i.replace(/\\u2026+/g,"…"),i.length>64&&i.includes("?")&&(i=i.replace(/\\?([^=]*)(=)?.*/,"?$1$2…"),i.length>64&&(i=i.replace(/\\?.*/,"?…")))),i.length>64){const e=i.lastIndexOf(".");i=e>=0?i.slice(0,63-(i.length-e))+"…"+i.slice(e):i.slice(0,63)+"…"}return i}static getChromeExtensionOrigin(e){const t=new URL(e);return t.protocol+"//"+t.host}static parseURL(e){const t=new URL(e);return{file:n.getURLDisplayName(t),hostname:t.hostname,origin:"chrome-extension:"===t.protocol?n.getChromeExtensionOrigin(e):t.origin}}static createOrReturnURL(e){return e instanceof URL?e:new URL(e)}static getTld(e){const n=e.split(".").slice(-2);return t.includes(n[0])?"."+n.join("."):"."+n[n.length-1]}static getRootDomain(e){const t=n.createOrReturnURL(e).hostname,r=n.getTld(t).split(".");return t.split(".").slice(-r.length).join(".")}static filterRelevantLines(e,t,n){if(0===t.length)return e.slice(0,2*n+1);const r=new Set;return(t=t.sort(((e,t)=>(e.lineNumber||0)-(t.lineNumber||0)))).forEach((({lineNumber:e})=>{let t=e-n,o=e+n;for(;t<1;)t++,o++;r.has(t-3-1)&&(t-=3);for(let e=t;e<=o;e++){const t=e;r.add(t)}})),e.filter((e=>r.has(e.lineNumber)))\n/**\n   * @license\n   * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\n   *\n   * Licensed under the Apache License, Version 2.0 (the "License");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *      http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an "AS-IS" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   */}}class r{constructor(e,t){this._document=e,this._lighthouseChannel="unknown",this._componentCache=new Map,this.rootEl=t}createElement(e,t){const n=this._document.createElement(e);if(t)for(const e of t.split(/\\s+/))e&&n.classList.add(e);return n}createElementNS(e,t,n){const r=this._document.createElementNS(e,t);if(n)for(const e of n.split(/\\s+/))e&&r.classList.add(e);return r}createFragment(){return this._document.createDocumentFragment()}createTextNode(e){return this._document.createTextNode(e)}createChildOf(e,t,n){const r=this.createElement(t,n);return e.append(r),r}createComponent(e){let t=this._componentCache.get(e);if(t){const e=t.cloneNode(!0);return this.findAll("style",e).forEach((e=>e.remove())),e}return t=function(e,t){switch(t){case"3pFilter":return function(e){const t=e.createFragment(),n=e.createElement("style");n.append("\\n    .lh-3p-filter {\\n      color: var(--color-gray-600);\\n      float: right;\\n      padding: 6px var(--stackpack-padding-horizontal);\\n    }\\n    .lh-3p-filter-label, .lh-3p-filter-input {\\n      vertical-align: middle;\\n      user-select: none;\\n    }\\n    .lh-3p-filter-input:disabled + .lh-3p-ui-string {\\n      text-decoration: line-through;\\n    }\\n  "),t.append(n);const r=e.createElement("div","lh-3p-filter"),o=e.createElement("label","lh-3p-filter-label"),i=e.createElement("input","lh-3p-filter-input");i.setAttribute("type","checkbox"),i.setAttribute("checked","");const a=e.createElement("span","lh-3p-ui-string");a.append("Show 3rd party resources");const l=e.createElement("span","lh-3p-filter-count");return o.append(" ",i," ",a," (",l,") "),r.append(" ",o," "),t.append(r),t}(e);case"audit":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-audit"),r=e.createElement("details","lh-expandable-details"),o=e.createElement("summary"),i=e.createElement("div","lh-audit__header lh-expandable-details__summary"),a=e.createElement("span","lh-audit__score-icon"),l=e.createElement("span","lh-audit__title-and-text"),s=e.createElement("span","lh-audit__title"),c=e.createElement("span","lh-audit__display-text");l.append(" ",s," ",c," ");const d=e.createElement("div","lh-chevron-container");i.append(" ",a," ",l," ",d," "),o.append(" ",i," ");const h=e.createElement("div","lh-audit__description"),p=e.createElement("div","lh-audit__stackpacks");return r.append(" ",o," ",h," ",p," "),n.append(" ",r," "),t.append(n),t}(e);case"categoryHeader":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-category-header"),r=e.createElement("div","lh-score__gauge");r.setAttribute("role","heading"),r.setAttribute("aria-level","2");const o=e.createElement("div","lh-category-header__description");return n.append(" ",r," ",o," "),t.append(n),t}(e);case"chevron":return function(e){const t=e.createFragment(),n=e.createElementNS("http://www.w3.org/2000/svg","svg","lh-chevron");n.setAttribute("viewBox","0 0 100 100");const r=e.createElementNS("http://www.w3.org/2000/svg","g","lh-chevron__lines"),o=e.createElementNS("http://www.w3.org/2000/svg","path","lh-chevron__line lh-chevron__line-left");o.setAttribute("d","M10 50h40");const i=e.createElementNS("http://www.w3.org/2000/svg","path","lh-chevron__line lh-chevron__line-right");return i.setAttribute("d","M90 50H50"),r.append(" ",o," ",i," "),n.append(" ",r," "),t.append(n),t}(e);case"clump":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-audit-group"),r=e.createElement("details","lh-clump"),o=e.createElement("summary"),i=e.createElement("div","lh-audit-group__summary"),a=e.createElement("div","lh-audit-group__header"),l=e.createElement("span","lh-audit-group__title"),s=e.createElement("span","lh-audit-group__itemcount");a.append(" ",l," ",s," "," "," ");const c=e.createElement("div","lh-clump-toggle"),d=e.createElement("span","lh-clump-toggletext--show"),h=e.createElement("span","lh-clump-toggletext--hide");return c.append(" ",d," ",h," "),i.append(" ",a," ",c," "),o.append(" ",i," "),r.append(" ",o," "),n.append(" "," ",r," "),t.append(n),t}(e);case"crc":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-crc-container"),r=e.createElement("style");r.append(\'\\n      .lh-crc .lh-tree-marker {\\n        width: 12px;\\n        height: 26px;\\n        display: block;\\n        float: left;\\n        background-position: top left;\\n      }\\n      .lh-crc .lh-horiz-down {\\n        background: url(\\\'data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><g fill="%23D8D8D8" fill-rule="evenodd"><path d="M16 12v2H-2v-2z"/><path d="M9 12v14H7V12z"/></g></svg>\\\');\\n      }\\n      .lh-crc .lh-right {\\n        background: url(\\\'data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M16 12v2H0v-2z" fill="%23D8D8D8" fill-rule="evenodd"/></svg>\\\');\\n      }\\n      .lh-crc .lh-up-right {\\n        background: url(\\\'data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M7 0h2v14H7zm2 12h7v2H9z" fill="%23D8D8D8" fill-rule="evenodd"/></svg>\\\');\\n      }\\n      .lh-crc .lh-vert-right {\\n        background: url(\\\'data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M7 0h2v27H7zm2 12h7v2H9z" fill="%23D8D8D8" fill-rule="evenodd"/></svg>\\\');\\n      }\\n      .lh-crc .lh-vert {\\n        background: url(\\\'data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M7 0h2v26H7z" fill="%23D8D8D8" fill-rule="evenodd"/></svg>\\\');\\n      }\\n      .lh-crc .lh-crc-tree {\\n        font-size: 14px;\\n        width: 100%;\\n        overflow-x: auto;\\n      }\\n      .lh-crc .lh-crc-node {\\n        height: 26px;\\n        line-height: 26px;\\n        white-space: nowrap;\\n      }\\n      .lh-crc .lh-crc-node__tree-value {\\n        margin-left: 10px;\\n      }\\n      .lh-crc .lh-crc-node__tree-value div {\\n        display: inline;\\n      }\\n      .lh-crc .lh-crc-node__chain-duration {\\n        font-weight: 700;\\n      }\\n      .lh-crc .lh-crc-initial-nav {\\n        color: #595959;\\n        font-style: italic;\\n      }\\n      .lh-crc__summary-value {\\n        margin-bottom: 10px;\\n      }\\n    \');const o=e.createElement("div"),i=e.createElement("div","lh-crc__summary-value"),a=e.createElement("span","lh-crc__longest_duration_label"),l=e.createElement("b","lh-crc__longest_duration");i.append(" ",a," ",l," "),o.append(" ",i," ");const s=e.createElement("div","lh-crc"),c=e.createElement("div","lh-crc-initial-nav");return s.append(" ",c," "," "),n.append(" ",r," ",o," ",s," "),t.append(n),t}(e);case"crcChain":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-crc-node"),r=e.createElement("span","lh-crc-node__tree-marker"),o=e.createElement("span","lh-crc-node__tree-value");return n.append(" ",r," ",o," "),t.append(n),t}(e);case"elementScreenshot":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-element-screenshot"),r=e.createElement("div","lh-element-screenshot__content"),o=e.createElement("div","lh-element-screenshot__image"),i=e.createElement("div","lh-element-screenshot__mask"),a=e.createElementNS("http://www.w3.org/2000/svg","svg");a.setAttribute("height","0"),a.setAttribute("width","0");const l=e.createElementNS("http://www.w3.org/2000/svg","defs"),s=e.createElementNS("http://www.w3.org/2000/svg","clipPath");s.setAttribute("clipPathUnits","objectBoundingBox"),l.append(" ",s," "," "),a.append(" ",l," "),i.append(" ",a," ");const c=e.createElement("div","lh-element-screenshot__element-marker");return o.append(" ",i," ",c," "),r.append(" ",o," "),n.append(" ",r," "),t.append(n),t}(e);case"footer":return function(e){const t=e.createFragment(),n=e.createElement("style");n.append("\\n    .lh-footer {\\n      padding: var(--footer-padding-vertical) calc(var(--default-padding) * 2);\\n      max-width: var(--report-content-max-width);\\n      margin: 0 auto;\\n    }\\n    .lh-footer .lh-generated {\\n      text-align: center;\\n    }\\n  "),t.append(n);const r=e.createElement("footer","lh-footer"),o=e.createElement("ul","lh-meta__items");o.append(" ");const i=e.createElement("div","lh-generated"),a=e.createElement("b");a.append("Lighthouse");const l=e.createElement("span","lh-footer__version"),s=e.createElement("a","lh-footer__version_issue");return s.setAttribute("href","https://github.com/GoogleChrome/Lighthouse/issues"),s.setAttribute("target","_blank"),s.setAttribute("rel","noopener"),s.append("File an issue"),i.append(" "," Generated by ",a," ",l," | ",s," "),r.append(" ",o," ",i," "),t.append(r),t}(e);case"fraction":return function(e){const t=e.createFragment(),n=e.createElement("a","lh-fraction__wrapper"),r=e.createElement("div","lh-fraction__content-wrapper"),o=e.createElement("div","lh-fraction__content"),i=e.createElement("div","lh-fraction__background");o.append(" ",i," "),r.append(" ",o," ");const a=e.createElement("div","lh-fraction__label");return n.append(" ",r," ",a," "),t.append(n),t}(e);case"gauge":return function(e){const t=e.createFragment(),n=e.createElement("a","lh-gauge__wrapper"),r=e.createElement("div","lh-gauge__svg-wrapper"),o=e.createElementNS("http://www.w3.org/2000/svg","svg","lh-gauge");o.setAttribute("viewBox","0 0 120 120");const i=e.createElementNS("http://www.w3.org/2000/svg","circle","lh-gauge-base");i.setAttribute("r","56"),i.setAttribute("cx","60"),i.setAttribute("cy","60"),i.setAttribute("stroke-width","8");const a=e.createElementNS("http://www.w3.org/2000/svg","circle","lh-gauge-arc");a.setAttribute("r","56"),a.setAttribute("cx","60"),a.setAttribute("cy","60"),a.setAttribute("stroke-width","8"),o.append(" ",i," ",a," "),r.append(" ",o," ");const l=e.createElement("div","lh-gauge__percentage"),s=e.createElement("div","lh-gauge__label");return n.append(" "," ",r," ",l," "," ",s," "),t.append(n),t}(e);case"gaugePwa":return function(e){const t=e.createFragment(),n=e.createElement("style");n.append("\\n    .lh-gauge--pwa .lh-gauge--pwa__component {\\n      display: none;\\n    }\\n    .lh-gauge--pwa__wrapper:not(.lh-badged--all) .lh-gauge--pwa__logo > path {\\n      /* Gray logo unless everything is passing. */\\n      fill: #B0B0B0;\\n    }\\n\\n    .lh-gauge--pwa__disc {\\n      fill: var(--color-gray-200);\\n    }\\n\\n    .lh-gauge--pwa__logo--primary-color {\\n      fill: #304FFE;\\n    }\\n\\n    .lh-gauge--pwa__logo--secondary-color {\\n      fill: #3D3D3D;\\n    }\\n    .lh-dark .lh-gauge--pwa__logo--secondary-color {\\n      fill: #D8B6B6;\\n    }\\n\\n    /* No passing groups. */\\n    .lh-gauge--pwa__wrapper:not([class*=\'lh-badged--\']) .lh-gauge--pwa__na-line {\\n      display: inline;\\n    }\\n    /* Just optimized. Same n/a line as no passing groups. */\\n    .lh-gauge--pwa__wrapper.lh-badged--pwa-optimized:not(.lh-badged--pwa-installable) .lh-gauge--pwa__na-line {\\n      display: inline;\\n    }\\n\\n    /* Just installable. */\\n    .lh-gauge--pwa__wrapper.lh-badged--pwa-installable .lh-gauge--pwa__installable-badge {\\n      display: inline;\\n    }\\n\\n    /* All passing groups. */\\n    .lh-gauge--pwa__wrapper.lh-badged--all .lh-gauge--pwa__check-circle {\\n      display: inline;\\n    }\\n  "),t.append(n);const r=e.createElement("a","lh-gauge__wrapper lh-gauge--pwa__wrapper"),o=e.createElementNS("http://www.w3.org/2000/svg","svg","lh-gauge lh-gauge--pwa");o.setAttribute("viewBox","0 0 60 60");const i=e.createElementNS("http://www.w3.org/2000/svg","defs"),a=e.createElementNS("http://www.w3.org/2000/svg","linearGradient");a.setAttribute("id","lh-gauge--pwa__check-circle__gradient"),a.setAttribute("x1","50%"),a.setAttribute("y1","0%"),a.setAttribute("x2","50%"),a.setAttribute("y2","100%");const l=e.createElementNS("http://www.w3.org/2000/svg","stop");l.setAttribute("stop-color","#00C852"),l.setAttribute("offset","0%");const s=e.createElementNS("http://www.w3.org/2000/svg","stop");s.setAttribute("stop-color","#009688"),s.setAttribute("offset","100%"),a.append(" ",l," ",s," ");const c=e.createElementNS("http://www.w3.org/2000/svg","linearGradient");c.setAttribute("id","lh-gauge--pwa__installable__shadow-gradient"),c.setAttribute("x1","76.056%"),c.setAttribute("x2","24.111%"),c.setAttribute("y1","82.995%"),c.setAttribute("y2","24.735%");const d=e.createElementNS("http://www.w3.org/2000/svg","stop");d.setAttribute("stop-color","#A5D6A7"),d.setAttribute("offset","0%");const h=e.createElementNS("http://www.w3.org/2000/svg","stop");h.setAttribute("stop-color","#80CBC4"),h.setAttribute("offset","100%"),c.append(" ",d," ",h," ");const p=e.createElementNS("http://www.w3.org/2000/svg","g");p.setAttribute("id","lh-gauge--pwa__installable-badge");const u=e.createElementNS("http://www.w3.org/2000/svg","circle");u.setAttribute("fill","#FFFFFF"),u.setAttribute("cx","10"),u.setAttribute("cy","10"),u.setAttribute("r","10");const g=e.createElementNS("http://www.w3.org/2000/svg","path");g.setAttribute("fill","#009688"),g.setAttribute("d","M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"),p.append(" ",u," ",g," "),i.append(" ",a," ",c," ",p," ");const m=e.createElementNS("http://www.w3.org/2000/svg","g");m.setAttribute("stroke","none"),m.setAttribute("fill-rule","nonzero");const f=e.createElementNS("http://www.w3.org/2000/svg","circle","lh-gauge--pwa__disc");f.setAttribute("cx","30"),f.setAttribute("cy","30"),f.setAttribute("r","30");const v=e.createElementNS("http://www.w3.org/2000/svg","g","lh-gauge--pwa__logo"),b=e.createElementNS("http://www.w3.org/2000/svg","path","lh-gauge--pwa__logo--secondary-color");b.setAttribute("d","M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z");const _=e.createElementNS("http://www.w3.org/2000/svg","path","lh-gauge--pwa__logo--primary-color");_.setAttribute("d","M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z");const w=e.createElementNS("http://www.w3.org/2000/svg","path","lh-gauge--pwa__logo--secondary-color");w.setAttribute("fill-rule","nonzero"),w.setAttribute("d","M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"),v.append(" ",b," ",_," ",w," ");const y=e.createElementNS("http://www.w3.org/2000/svg","rect","lh-gauge--pwa__component lh-gauge--pwa__na-line");y.setAttribute("fill","#FFFFFF"),y.setAttribute("x","20"),y.setAttribute("y","32"),y.setAttribute("width","20"),y.setAttribute("height","4"),y.setAttribute("rx","2");const x=e.createElementNS("http://www.w3.org/2000/svg","g","lh-gauge--pwa__component lh-gauge--pwa__installable-badge");x.setAttribute("transform","translate(20, 29)");const k=e.createElementNS("http://www.w3.org/2000/svg","path");k.setAttribute("fill","url(#lh-gauge--pwa__installable__shadow-gradient)"),k.setAttribute("d","M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z");const E=e.createElementNS("http://www.w3.org/2000/svg","use");E.setAttribute("href","#lh-gauge--pwa__installable-badge"),x.append(" ",k," ",E," ");const A=e.createElementNS("http://www.w3.org/2000/svg","g","lh-gauge--pwa__component lh-gauge--pwa__check-circle");A.setAttribute("transform","translate(18, 28)");const S=e.createElementNS("http://www.w3.org/2000/svg","circle");S.setAttribute("fill","#FFFFFF"),S.setAttribute("cx","12"),S.setAttribute("cy","12"),S.setAttribute("r","12");const z=e.createElementNS("http://www.w3.org/2000/svg","path");z.setAttribute("fill","url(#lh-gauge--pwa__check-circle__gradient)"),z.setAttribute("d","M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"),A.append(" ",S," ",z," "),m.append(" "," ",f," ",v," "," ",y," "," ",x," "," ",A," "),o.append(" ",i," ",m," ");const C=e.createElement("div","lh-gauge__label");return r.append(" ",o," ",C," "),t.append(r),t}(e);case"heading":return function(e){const t=e.createFragment(),n=e.createElement("style");n.append("\\n    /* CSS Fireworks. Originally by Eddie Lin\\n       https://codepen.io/paulirish/pen/yEVMbP\\n    */\\n    .lh-pyro {\\n      display: none;\\n      z-index: 1;\\n      pointer-events: none;\\n    }\\n    .lh-score100 .lh-pyro {\\n      display: block;\\n    }\\n    .lh-score100 .lh-lighthouse stop:first-child {\\n      stop-color: hsla(200, 12%, 95%, 0);\\n    }\\n    .lh-score100 .lh-lighthouse stop:last-child {\\n      stop-color: hsla(65, 81%, 76%, 1);\\n    }\\n\\n    .lh-pyro > .lh-pyro-before, .lh-pyro > .lh-pyro-after {\\n      position: absolute;\\n      width: 5px;\\n      height: 5px;\\n      border-radius: 2.5px;\\n      box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;\\n      animation: 1s bang ease-out infinite backwards,  1s gravity ease-in infinite backwards,  5s position linear infinite backwards;\\n      animation-delay: 1s, 1s, 1s;\\n    }\\n\\n    .lh-pyro > .lh-pyro-after {\\n      animation-delay: 2.25s, 2.25s, 2.25s;\\n      animation-duration: 1.25s, 1.25s, 6.25s;\\n    }\\n\\n    @keyframes bang {\\n      to {\\n        opacity: 1;\\n        box-shadow: -70px -115.67px #47ebbc, -28px -99.67px #eb47a4, 58px -31.67px #7eeb47, 13px -141.67px #eb47c5, -19px 6.33px #7347eb, -2px -74.67px #ebd247, 24px -151.67px #eb47e0, 57px -138.67px #b4eb47, -51px -104.67px #479eeb, 62px 8.33px #ebcf47, -93px 0.33px #d547eb, -16px -118.67px #47bfeb, 53px -84.67px #47eb83, 66px -57.67px #eb47bf, -93px -65.67px #91eb47, 30px -13.67px #86eb47, -2px -59.67px #83eb47, -44px 1.33px #eb47eb, 61px -58.67px #47eb73, 5px -22.67px #47e8eb, -66px -28.67px #ebe247, 42px -123.67px #eb5547, -75px 26.33px #7beb47, 15px -52.67px #a147eb, 36px -51.67px #eb8347, -38px -12.67px #eb5547, -46px -59.67px #47eb81, 78px -114.67px #eb47ba, 15px -156.67px #eb47bf, -36px 1.33px #eb4783, -72px -86.67px #eba147, 31px -46.67px #ebe247, -68px 29.33px #47e2eb, -55px 19.33px #ebe047, -56px 27.33px #4776eb, -13px -91.67px #eb5547, -47px -138.67px #47ebc7, -18px -96.67px #eb47ac, 11px -88.67px #4783eb, -67px -28.67px #47baeb, 53px 10.33px #ba47eb, 11px 19.33px #5247eb, -5px -11.67px #eb4791, -68px -4.67px #47eba7, 95px -37.67px #eb478b, -67px -162.67px #eb5d47, -54px -120.67px #eb6847, 49px -12.67px #ebe047, 88px 8.33px #47ebda, 97px 33.33px #eb8147, 6px -71.67px #ebbc47;\\n      }\\n    }\\n    @keyframes gravity {\\n      from {\\n        opacity: 1;\\n      }\\n      to {\\n        transform: translateY(80px);\\n        opacity: 0;\\n      }\\n    }\\n    @keyframes position {\\n      0%, 19.9% {\\n        margin-top: 4%;\\n        margin-left: 47%;\\n      }\\n      20%, 39.9% {\\n        margin-top: 7%;\\n        margin-left: 30%;\\n      }\\n      40%, 59.9% {\\n        margin-top: 6%;\\n        margin-left: 70%;\\n      }\\n      60%, 79.9% {\\n        margin-top: 3%;\\n        margin-left: 20%;\\n      }\\n      80%, 99.9% {\\n        margin-top: 3%;\\n        margin-left: 80%;\\n      }\\n    }\\n  "),t.append(n);const r=e.createElement("div","lh-header-container"),o=e.createElement("div","lh-scores-wrapper-placeholder");return r.append(" ",o," "),t.append(r),t}(e);case"metric":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-metric"),r=e.createElement("div","lh-metric__innerwrap"),o=e.createElement("div","lh-metric__icon"),i=e.createElement("span","lh-metric__title"),a=e.createElement("div","lh-metric__value"),l=e.createElement("div","lh-metric__description");return r.append(" ",o," ",i," ",a," ",l," "),n.append(" ",r," "),t.append(n),t}(e);case"opportunity":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-audit lh-audit--load-opportunity"),r=e.createElement("details","lh-expandable-details"),o=e.createElement("summary"),i=e.createElement("div","lh-audit__header"),a=e.createElement("div","lh-load-opportunity__cols"),l=e.createElement("div","lh-load-opportunity__col lh-load-opportunity__col--one"),s=e.createElement("span","lh-audit__score-icon"),c=e.createElement("div","lh-audit__title");l.append(" ",s," ",c," ");const d=e.createElement("div","lh-load-opportunity__col lh-load-opportunity__col--two"),h=e.createElement("div","lh-load-opportunity__sparkline"),p=e.createElement("div","lh-sparkline"),u=e.createElement("div","lh-sparkline__bar");p.append(u),h.append(" ",p," ");const g=e.createElement("div","lh-audit__display-text"),m=e.createElement("div","lh-chevron-container");d.append(" ",h," ",g," ",m," "),a.append(" ",l," ",d," "),i.append(" ",a," "),o.append(" ",i," ");const f=e.createElement("div","lh-audit__description"),v=e.createElement("div","lh-audit__stackpacks");return r.append(" ",o," ",f," ",v," "),n.append(" ",r," "),t.append(n),t}(e);case"opportunityHeader":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-load-opportunity__header lh-load-opportunity__cols"),r=e.createElement("div","lh-load-opportunity__col lh-load-opportunity__col--one"),o=e.createElement("div","lh-load-opportunity__col lh-load-opportunity__col--two");return n.append(" ",r," ",o," "),t.append(n),t}(e);case"scorescale":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-scorescale"),r=e.createElement("span","lh-scorescale-range lh-scorescale-range--fail");r.append("0–49");const o=e.createElement("span","lh-scorescale-range lh-scorescale-range--average");o.append("50–89");const i=e.createElement("span","lh-scorescale-range lh-scorescale-range--pass");return i.append("90–100"),n.append(" ",r," ",o," ",i," "),t.append(n),t}(e);case"scoresWrapper":return function(e){const t=e.createFragment(),n=e.createElement("style");n.append("\\n    .lh-scores-container {\\n      display: flex;\\n      flex-direction: column;\\n      padding: var(--default-padding) 0;\\n      position: relative;\\n      width: 100%;\\n    }\\n\\n    .lh-sticky-header {\\n      --gauge-circle-size: var(--gauge-circle-size-sm);\\n      --plugin-badge-size: 16px;\\n      --plugin-icon-size: 75%;\\n      --gauge-wrapper-width: 60px;\\n      --gauge-percentage-font-size: 13px;\\n      position: fixed;\\n      left: 0;\\n      right: 0;\\n      top: var(--topbar-height);\\n      font-weight: 500;\\n      display: none;\\n      justify-content: center;\\n      background-color: var(--sticky-header-background-color);\\n      border-bottom: 1px solid var(--color-gray-200);\\n      padding-top: var(--score-container-padding);\\n      padding-bottom: 4px;\\n      z-index: 1;\\n      pointer-events: none;\\n    }\\n\\n    .lh-devtools .lh-sticky-header {\\n      /* The report within DevTools is placed in a container with overflow, which changes the placement of this header unless we change `position` to `sticky.` */\\n      position: sticky;\\n    }\\n\\n    .lh-sticky-header--visible {\\n      display: grid;\\n      grid-auto-flow: column;\\n      pointer-events: auto;\\n    }\\n\\n    /* Disable the gauge arc animation for the sticky header, so toggling display: none\\n       does not play the animation. */\\n    .lh-sticky-header .lh-gauge-arc {\\n      animation: none;\\n    }\\n\\n    .lh-sticky-header .lh-gauge__label,\\n    .lh-sticky-header .lh-fraction__label {\\n      display: none;\\n    }\\n\\n    .lh-highlighter {\\n      width: var(--gauge-wrapper-width);\\n      height: 1px;\\n      background-color: var(--highlighter-background-color);\\n      /* Position at bottom of first gauge in sticky header. */\\n      position: absolute;\\n      grid-column: 1;\\n      bottom: -1px;\\n    }\\n\\n    .lh-gauge__wrapper:first-of-type {\\n      contain: none;\\n    }\\n  "),t.append(n);const r=e.createElement("div","lh-scores-wrapper"),o=e.createElement("div","lh-scores-container"),i=e.createElement("div","lh-pyro"),a=e.createElement("div","lh-pyro-before"),l=e.createElement("div","lh-pyro-after");return i.append(" ",a," ",l," "),o.append(" ",i," "),r.append(" ",o," "),t.append(r),t}(e);case"snippet":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-snippet"),r=e.createElement("style");return r.append(\'\\n          :root {\\n            --snippet-highlight-light: #fbf1f2;\\n            --snippet-highlight-dark: #ffd6d8;\\n          }\\n\\n         .lh-snippet__header {\\n          position: relative;\\n          overflow: hidden;\\n          padding: 10px;\\n          border-bottom: none;\\n          color: var(--snippet-color);\\n          background-color: var(--snippet-background-color);\\n          border: 1px solid var(--report-border-color-secondary);\\n        }\\n        .lh-snippet__title {\\n          font-weight: bold;\\n          float: left;\\n        }\\n        .lh-snippet__node {\\n          float: left;\\n          margin-left: 4px;\\n        }\\n        .lh-snippet__toggle-expand {\\n          padding: 1px 7px;\\n          margin-top: -1px;\\n          margin-right: -7px;\\n          float: right;\\n          background: transparent;\\n          border: none;\\n          cursor: pointer;\\n          font-size: 14px;\\n          color: #0c50c7;\\n        }\\n\\n        .lh-snippet__snippet {\\n          overflow: auto;\\n          border: 1px solid var(--report-border-color-secondary);\\n        }\\n        /* Container needed so that all children grow to the width of the scroll container */\\n        .lh-snippet__snippet-inner {\\n          display: inline-block;\\n          min-width: 100%;\\n        }\\n\\n        .lh-snippet:not(.lh-snippet--expanded) .lh-snippet__show-if-expanded {\\n          display: none;\\n        }\\n        .lh-snippet.lh-snippet--expanded .lh-snippet__show-if-collapsed {\\n          display: none;\\n        }\\n\\n        .lh-snippet__line {\\n          background: white;\\n          white-space: pre;\\n          display: flex;\\n        }\\n        .lh-snippet__line:not(.lh-snippet__line--message):first-child {\\n          padding-top: 4px;\\n        }\\n        .lh-snippet__line:not(.lh-snippet__line--message):last-child {\\n          padding-bottom: 4px;\\n        }\\n        .lh-snippet__line--content-highlighted {\\n          background: var(--snippet-highlight-dark);\\n        }\\n        .lh-snippet__line--message {\\n          background: var(--snippet-highlight-light);\\n        }\\n        .lh-snippet__line--message .lh-snippet__line-number {\\n          padding-top: 10px;\\n          padding-bottom: 10px;\\n        }\\n        .lh-snippet__line--message code {\\n          padding: 10px;\\n          padding-left: 5px;\\n          color: var(--color-fail);\\n          font-family: var(--report-font-family);\\n        }\\n        .lh-snippet__line--message code {\\n          white-space: normal;\\n        }\\n        .lh-snippet__line-icon {\\n          padding-top: 10px;\\n          display: none;\\n        }\\n        .lh-snippet__line--message .lh-snippet__line-icon {\\n          display: block;\\n        }\\n        .lh-snippet__line-icon:before {\\n          content: "";\\n          display: inline-block;\\n          vertical-align: middle;\\n          margin-right: 4px;\\n          width: var(--score-icon-size);\\n          height: var(--score-icon-size);\\n          background-image: var(--fail-icon-url);\\n        }\\n        .lh-snippet__line-number {\\n          flex-shrink: 0;\\n          width: 40px;\\n          text-align: right;\\n          font-family: monospace;\\n          padding-right: 5px;\\n          margin-right: 5px;\\n          color: var(--color-gray-600);\\n          user-select: none;\\n        }\\n    \'),n.append(" ",r," "),t.append(n),t}(e);case"snippetContent":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-snippet__snippet"),r=e.createElement("div","lh-snippet__snippet-inner");return n.append(" ",r," "),t.append(n),t}(e);case"snippetHeader":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-snippet__header"),r=e.createElement("div","lh-snippet__title"),o=e.createElement("div","lh-snippet__node"),i=e.createElement("button","lh-snippet__toggle-expand"),a=e.createElement("span","lh-snippet__btn-label-collapse lh-snippet__show-if-expanded"),l=e.createElement("span","lh-snippet__btn-label-expand lh-snippet__show-if-collapsed");return i.append(" ",a," ",l," "),n.append(" ",r," ",o," ",i," "),t.append(n),t}(e);case"snippetLine":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-snippet__line"),r=e.createElement("div","lh-snippet__line-number"),o=e.createElement("div","lh-snippet__line-icon"),i=e.createElement("code");return n.append(" ",r," ",o," ",i," "),t.append(n),t}(e);case"styles":return function(e){const t=e.createFragment(),n=e.createElement("style");return n.append(\'/**\\n * @license\\n * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\\n *\\n * Licensed under the Apache License, Version 2.0 (the "License");\\n * you may not use this file except in compliance with the License.\\n * You may obtain a copy of the License at\\n *\\n *      http://www.apache.org/licenses/LICENSE-2.0\\n *\\n * Unless required by applicable law or agreed to in writing, software\\n * distributed under the License is distributed on an "AS-IS" BASIS,\\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\\n * See the License for the specific language governing permissions and\\n * limitations under the License.\\n */\\n\\n/*\\n  Naming convention:\\n\\n  If a variable is used for a specific component: --{component}-{property name}-{modifier}\\n\\n  Both {component} and {property name} should be kebab-case. If the target is the entire page,\\n  use \\\'report\\\' for the component. The property name should not be abbreviated. Use the\\n  property name the variable is intended for - if it\\\'s used for multiple, a common descriptor\\n  is fine (ex: \\\'size\\\' for a variable applied to \\\'width\\\' and \\\'height\\\'). If a variable is shared\\n  across multiple components, either create more variables or just drop the "{component}-"\\n  part of the name. Append any modifiers at the end (ex: \\\'big\\\', \\\'dark\\\').\\n\\n  For colors: --color-{hue}-{intensity}\\n\\n  {intensity} is the Material Design tag - 700, A700, etc.\\n*/\\n.lh-vars {\\n  /* Palette using Material Design Colors\\n   * https://www.materialui.co/colors */\\n  --color-amber-50: #FFF8E1;\\n  --color-blue-200: #90CAF9;\\n  --color-blue-900: #0D47A1;\\n  --color-blue-A700: #2962FF;\\n  --color-blue-primary: #06f;\\n  --color-cyan-500: #00BCD4;\\n  --color-gray-100: #F5F5F5;\\n  --color-gray-300: #CFCFCF;\\n  --color-gray-200: #E0E0E0;\\n  --color-gray-400: #BDBDBD;\\n  --color-gray-50: #FAFAFA;\\n  --color-gray-500: #9E9E9E;\\n  --color-gray-600: #757575;\\n  --color-gray-700: #616161;\\n  --color-gray-800: #424242;\\n  --color-gray-900: #212121;\\n  --color-gray: #000000;\\n  --color-green-700: #080;\\n  --color-green: #0c6;\\n  --color-lime-400: #D3E156;\\n  --color-orange-50: #FFF3E0;\\n  --color-orange-700: #C33300;\\n  --color-orange: #fa3;\\n  --color-red-700: #c00;\\n  --color-red: #f33;\\n  --color-teal-600: #00897B;\\n  --color-white: #FFFFFF;\\n\\n  /* Context-specific colors */\\n  --color-average-secondary: var(--color-orange-700);\\n  --color-average: var(--color-orange);\\n  --color-fail-secondary: var(--color-red-700);\\n  --color-fail: var(--color-red);\\n  --color-hover: var(--color-gray-50);\\n  --color-informative: var(--color-blue-900);\\n  --color-pass-secondary: var(--color-green-700);\\n  --color-pass: var(--color-green);\\n  --color-not-applicable: var(--color-gray-600);\\n\\n  /* Component variables */\\n  --audit-description-padding-left: calc(var(--score-icon-size) + var(--score-icon-margin-left) + var(--score-icon-margin-right));\\n  --audit-explanation-line-height: 16px;\\n  --audit-group-margin-bottom: calc(var(--default-padding) * 6);\\n  --audit-group-padding-vertical: 8px;\\n  --audit-margin-horizontal: 5px;\\n  --audit-padding-vertical: 8px;\\n  --category-padding: calc(var(--default-padding) * 6) var(--edge-gap-padding) calc(var(--default-padding) * 4);\\n  --chevron-line-stroke: var(--color-gray-600);\\n  --chevron-size: 12px;\\n  --default-padding: 8px;\\n  --edge-gap-padding: calc(var(--default-padding) * 4);\\n  --env-item-background-color: var(--color-gray-100);\\n  --env-item-font-size: 28px;\\n  --env-item-line-height: 36px;\\n  --env-item-padding: 10px 0px;\\n  --env-name-min-width: 220px;\\n  --footer-padding-vertical: 16px;\\n  --gauge-circle-size-big: 96px;\\n  --gauge-circle-size: 48px;\\n  --gauge-circle-size-sm: 32px;\\n  --gauge-label-font-size-big: 18px;\\n  --gauge-label-font-size: var(--report-font-size-secondary);\\n  --gauge-label-line-height-big: 24px;\\n  --gauge-label-line-height: var(--report-line-height-secondary);\\n  --gauge-percentage-font-size-big: 38px;\\n  --gauge-percentage-font-size: var(--report-font-size-secondary);\\n  --gauge-wrapper-width: 120px;\\n  --header-line-height: 24px;\\n  --highlighter-background-color: var(--report-text-color);\\n  --icon-square-size: calc(var(--score-icon-size) * 0.88);\\n  --image-preview-size: 48px;\\n  --link-color: var(--color-blue-primary);\\n  --locale-selector-background-color: var(--color-white);\\n  --metric-toggle-lines-fill: #7F7F7F;\\n  --metric-value-font-size: calc(var(--report-font-size) * 1.8);\\n  --metrics-toggle-background-color: var(--color-gray-200);\\n  --plugin-badge-background-color: var(--color-white);\\n  --plugin-badge-size-big: calc(var(--gauge-circle-size-big) / 2.7);\\n  --plugin-badge-size: calc(var(--gauge-circle-size) / 2.7);\\n  --plugin-icon-size: 65%;\\n  --pwa-icon-margin: 0 var(--default-padding);\\n  --pwa-icon-size: var(--topbar-logo-size);\\n  --report-background-color: #fff;\\n  --report-border-color-secondary: #ebebeb;\\n  --report-font-family-monospace: \\\'Roboto Mono\\\', \\\'Menlo\\\', \\\'dejavu sans mono\\\', \\\'Consolas\\\', \\\'Lucida Console\\\', monospace;\\n  --report-font-family: Roboto, Helvetica, Arial, sans-serif;\\n  --report-font-size: 14px;\\n  --report-font-size-secondary: 12px;\\n  --report-icon-size: var(--score-icon-background-size);\\n  --report-line-height: 24px;\\n  --report-line-height-secondary: 20px;\\n  --report-monospace-font-size: calc(var(--report-font-size) * 0.85);\\n  --report-text-color-secondary: var(--color-gray-800);\\n  --report-text-color: var(--color-gray-900);\\n  --report-content-max-width: calc(60 * var(--report-font-size)); /* defaults to 840px */\\n  --report-content-min-width: 360px;\\n  --report-content-max-width-minus-edge-gap: calc(var(--report-content-max-width) - var(--edge-gap-padding) * 2);\\n  --score-container-padding: 8px;\\n  --score-icon-background-size: 24px;\\n  --score-icon-margin-left: 6px;\\n  --score-icon-margin-right: 14px;\\n  --score-icon-margin: 0 var(--score-icon-margin-right) 0 var(--score-icon-margin-left);\\n  --score-icon-size: 12px;\\n  --score-icon-size-big: 16px;\\n  --screenshot-overlay-background: rgba(0, 0, 0, 0.3);\\n  --section-padding-vertical: calc(var(--default-padding) * 6);\\n  --snippet-background-color: var(--color-gray-50);\\n  --snippet-color: #0938C2;\\n  --sparkline-height: 5px;\\n  --stackpack-padding-horizontal: 10px;\\n  --sticky-header-background-color: var(--report-background-color);\\n  --sticky-header-buffer: calc(var(--topbar-height) + var(--sticky-header-height));\\n  --sticky-header-height: calc(var(--gauge-circle-size-sm) + var(--score-container-padding) * 2);\\n  --table-group-header-background-color: #EEF1F4;\\n  --table-group-header-text-color: var(--color-gray-700);\\n  --table-higlight-background-color: #F5F7FA;\\n  --tools-icon-color: var(--color-gray-600);\\n  --topbar-background-color: var(--color-white);\\n  --topbar-height: 32px;\\n  --topbar-logo-size: 24px;\\n  --topbar-padding: 0 8px;\\n  --toplevel-warning-background-color: hsla(30, 100%, 75%, 10%);\\n  --toplevel-warning-message-text-color: var(--color-average-secondary);\\n  --toplevel-warning-padding: 18px;\\n  --toplevel-warning-text-color: var(--report-text-color);\\n\\n  /* SVGs */\\n  --plugin-icon-url-dark: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="%23FFFFFF"><path d="M0 0h24v24H0z" fill="none"/><path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z"/></svg>\\\');\\n  --plugin-icon-url: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="%23757575"><path d="M0 0h24v24H0z" fill="none"/><path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z"/></svg>\\\');\\n\\n  --pass-icon-url: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><title>check</title><path fill="%23178239" d="M24 4C12.95 4 4 12.95 4 24c0 11.04 8.95 20 20 20 11.04 0 20-8.96 20-20 0-11.05-8.96-20-20-20zm-4 30L10 24l2.83-2.83L20 28.34l15.17-15.17L38 16 20 34z"/></svg>\\\');\\n  --average-icon-url: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><title>info</title><path fill="%23E67700" d="M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 30h-4V22h4v12zm0-16h-4v-4h4v4z"/></svg>\\\');\\n  --fail-icon-url: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><title>warn</title><path fill="%23C7221F" d="M2 42h44L24 4 2 42zm24-6h-4v-4h4v4zm0-8h-4v-8h4v8z"/></svg>\\\');\\n  --error-icon-url: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 15"><title>error</title><path d="M0 15H 3V 12H 0V" fill="%23FF4E42"/><path d="M0 9H 3V 0H 0V" fill="%23FF4E42"/></svg>\\\');\\n\\n  --pwa-installable-gray-url: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="nonzero"><circle fill="%23DAE0E3" cx="12" cy="12" r="12"/><path d="M12 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm3.5 7.7h-2.8v2.8h-1.4v-2.8H8.5v-1.4h2.8V8.5h1.4v2.8h2.8v1.4z" fill="%23FFF"/></g></svg>\\\');\\n  --pwa-optimized-gray-url: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="%23DAE0E3" width="24" height="24" rx="12"/><path fill="%23FFF" d="M12 15.07l3.6 2.18-.95-4.1 3.18-2.76-4.2-.36L12 6.17l-1.64 3.86-4.2.36 3.2 2.76-.96 4.1z"/><path d="M5 5h14v14H5z"/></g></svg>\\\');\\n\\n  --pwa-installable-gray-url-dark: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="nonzero"><circle fill="%23424242" cx="12" cy="12" r="12"/><path d="M12 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm3.5 7.7h-2.8v2.8h-1.4v-2.8H8.5v-1.4h2.8V8.5h1.4v2.8h2.8v1.4z" fill="%23FFF"/></g></svg>\\\');\\n  --pwa-optimized-gray-url-dark: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="%23424242" width="24" height="24" rx="12"/><path fill="%23FFF" d="M12 15.07l3.6 2.18-.95-4.1 3.18-2.76-4.2-.36L12 6.17l-1.64 3.86-4.2.36 3.2 2.76-.96 4.1z"/><path d="M5 5h14v14H5z"/></g></svg>\\\');\\n\\n  --pwa-installable-color-url: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero" fill="none"><circle fill="%230CCE6B" cx="12" cy="12" r="12"/><path d="M12 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm3.5 7.7h-2.8v2.8h-1.4v-2.8H8.5v-1.4h2.8V8.5h1.4v2.8h2.8v1.4z" fill="%23FFF"/></g></svg>\\\');\\n  --pwa-optimized-color-url: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="%230CCE6B" width="24" height="24" rx="12"/><path d="M5 5h14v14H5z"/><path fill="%23FFF" d="M12 15.07l3.6 2.18-.95-4.1 3.18-2.76-4.2-.36L12 6.17l-1.64 3.86-4.2.36 3.2 2.76-.96 4.1z"/></g></svg>\\\');\\n\\n  --swap-locale-icon-url: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path 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"/></svg>\\\');\\n}\\n\\n@media not print {\\n  .lh-dark {\\n    /* Pallete */\\n    --color-gray-200: var(--color-gray-800);\\n    --color-gray-300: #616161;\\n    --color-gray-400: var(--color-gray-600);\\n    --color-gray-700: var(--color-gray-400);\\n    --color-gray-50: #757575;\\n    --color-gray-600: var(--color-gray-500);\\n    --color-green-700: var(--color-green);\\n    --color-orange-700: var(--color-orange);\\n    --color-red-700: var(--color-red);\\n    --color-teal-600: var(--color-cyan-500);\\n\\n    /* Context-specific colors */\\n    --color-hover: rgba(0, 0, 0, 0.2);\\n    --color-informative: var(--color-blue-200);\\n\\n    /* Component variables */\\n    --env-item-background-color: #393535;\\n    --link-color: var(--color-blue-200);\\n    --locale-selector-background-color: var(--color-gray-200);\\n    --plugin-badge-background-color: var(--color-gray-800);\\n    --report-background-color: var(--color-gray-900);\\n    --report-border-color-secondary: var(--color-gray-200);\\n    --report-text-color-secondary: var(--color-gray-400);\\n    --report-text-color: var(--color-gray-100);\\n    --snippet-color: var(--color-cyan-500);\\n    --topbar-background-color: var(--color-gray);\\n    --toplevel-warning-background-color: hsl(33deg 14% 18%);\\n    --toplevel-warning-message-text-color: var(--color-orange-700);\\n    --toplevel-warning-text-color: var(--color-gray-100);\\n    --table-group-header-background-color: rgba(186, 196, 206, 0.15);\\n    --table-group-header-text-color: var(--color-gray-100);\\n    --table-higlight-background-color: rgba(186, 196, 206, 0.09);\\n\\n    /* SVGs */\\n    --plugin-icon-url: var(--plugin-icon-url-dark);\\n    --pwa-installable-gray-url: var(--pwa-installable-gray-url-dark);\\n    --pwa-optimized-gray-url: var(--pwa-optimized-gray-url-dark);\\n  }\\n}\\n\\n@media only screen and (max-width: 480px) {\\n  .lh-vars {\\n    --audit-group-margin-bottom: 20px;\\n    --edge-gap-padding: var(--default-padding);\\n    --env-name-min-width: 120px;\\n    --gauge-circle-size-big: 96px;\\n    --gauge-circle-size: 72px;\\n    --gauge-label-font-size-big: 22px;\\n    --gauge-label-font-size: 14px;\\n    --gauge-label-line-height-big: 26px;\\n    --gauge-label-line-height: 20px;\\n    --gauge-percentage-font-size-big: 34px;\\n    --gauge-percentage-font-size: 26px;\\n    --gauge-wrapper-width: 112px;\\n    --header-padding: 16px 0 16px 0;\\n    --image-preview-size: 24px;\\n    --plugin-icon-size: 75%;\\n    --pwa-icon-margin: 0 7px 0 -3px;\\n    --report-font-size: 14px;\\n    --report-line-height: 20px;\\n    --score-icon-margin-left: 2px;\\n    --score-icon-size: 10px;\\n    --topbar-height: 28px;\\n    --topbar-logo-size: 20px;\\n  }\\n\\n  /* Not enough space to adequately show the relative savings bars. */\\n  .lh-sparkline {\\n    display: none;\\n  }\\n}\\n\\n.lh-vars.lh-devtools {\\n  --audit-explanation-line-height: 14px;\\n  --audit-group-margin-bottom: 20px;\\n  --audit-group-padding-vertical: 12px;\\n  --audit-padding-vertical: 4px;\\n  --category-padding: 12px;\\n  --default-padding: 12px;\\n  --env-name-min-width: 120px;\\n  --footer-padding-vertical: 8px;\\n  --gauge-circle-size-big: 72px;\\n  --gauge-circle-size: 64px;\\n  --gauge-label-font-size-big: 22px;\\n  --gauge-label-font-size: 14px;\\n  --gauge-label-line-height-big: 26px;\\n  --gauge-label-line-height: 20px;\\n  --gauge-percentage-font-size-big: 34px;\\n  --gauge-percentage-font-size: 26px;\\n  --gauge-wrapper-width: 97px;\\n  --header-line-height: 20px;\\n  --header-padding: 16px 0 16px 0;\\n  --screenshot-overlay-background: transparent;\\n  --plugin-icon-size: 75%;\\n  --pwa-icon-margin: 0 7px 0 -3px;\\n  --report-font-family-monospace: \\\'Menlo\\\', \\\'dejavu sans mono\\\', \\\'Consolas\\\', \\\'Lucida Console\\\', monospace;\\n  --report-font-family: \\\'.SFNSDisplay-Regular\\\', \\\'Helvetica Neue\\\', \\\'Lucida Grande\\\', sans-serif;\\n  --report-font-size: 12px;\\n  --report-line-height: 20px;\\n  --score-icon-margin-left: 2px;\\n  --score-icon-size: 10px;\\n  --section-padding-vertical: 8px;\\n}\\n\\n.lh-container:not(.lh-topbar + .lh-container) {\\n  --topbar-height: 0;\\n  --sticky-header-height: 0;\\n  --sticky-header-buffer: 0;\\n}\\n\\n.lh-devtools.lh-root {\\n  height: 100%;\\n}\\n.lh-devtools.lh-root img {\\n  /* Override devtools default \\\'min-width: 0\\\' so svg without size in a flexbox isn\\\'t collapsed. */\\n  min-width: auto;\\n}\\n.lh-devtools .lh-container {\\n  overflow-y: scroll;\\n  height: calc(100% - var(--topbar-height));\\n  /** The .lh-container is the scroll parent in DevTools so we exclude the topbar from the sticky header buffer. */\\n  --sticky-header-buffer: calc(var(--sticky-header-height));\\n}\\n@media print {\\n  .lh-devtools .lh-container {\\n    overflow: unset;\\n  }\\n}\\n.lh-devtools .lh-sticky-header {\\n  /* This is normally the height of the topbar, but we want it to stick to the top of our scroll container .lh-container` */\\n  top: 0;\\n}\\n.lh-devtools .lh-element-screenshot__overlay {\\n  position: absolute;\\n}\\n\\n@keyframes fadeIn {\\n  0% { opacity: 0;}\\n  100% { opacity: 0.6;}\\n}\\n\\n.lh-root *, .lh-root *::before, .lh-root *::after {\\n  box-sizing: border-box;\\n}\\n\\n.lh-root {\\n  font-family: var(--report-font-family);\\n  font-size: var(--report-font-size);\\n  margin: 0;\\n  line-height: var(--report-line-height);\\n  background: var(--report-background-color);\\n  color: var(--report-text-color);\\n}\\n\\n.lh-root :focus-visible {\\n    outline: -webkit-focus-ring-color auto 3px;\\n}\\n.lh-root summary:focus {\\n    outline: none;\\n    box-shadow: 0 0 0 1px hsl(217, 89%, 61%);\\n}\\n\\n.lh-root [hidden] {\\n  display: none !important;\\n}\\n\\n.lh-root pre {\\n  margin: 0;\\n}\\n\\n.lh-root pre,\\n.lh-root code {\\n  font-family: var(--report-font-family-monospace);\\n}\\n\\n.lh-root details > summary {\\n  cursor: pointer;\\n}\\n\\n.lh-hidden {\\n  display: none !important;\\n}\\n\\n.lh-container {\\n  /*\\n  Text wrapping in the report is so much FUN!\\n  We have a `word-break: break-word;` globally here to prevent a few common scenarios, namely\\n  long non-breakable text (usually URLs) found in:\\n    1. The footer\\n    2. .lh-node (outerHTML)\\n    3. .lh-code\\n\\n  With that sorted, the next challenge is appropriate column sizing and text wrapping inside our\\n  .lh-details tables. Even more fun.\\n    * We don\\\'t want table headers ("Potential Savings (ms)") to wrap or their column values, but\\n    we\\\'d be happy for the URL column to wrap if the URLs are particularly long.\\n    * We want the narrow columns to remain narrow, providing the most column width for URL\\n    * We don\\\'t want the table to extend past 100% width.\\n    * Long URLs in the URL column can wrap. Util.getURLDisplayName maxes them out at 64 characters,\\n      but they do not get any overflow:ellipsis treatment.\\n  */\\n  word-break: break-word;\\n}\\n\\n.lh-audit-group a,\\n.lh-category-header__description a,\\n.lh-audit__description a,\\n.lh-warnings a,\\n.lh-footer a,\\n.lh-table-column--link a {\\n  color: var(--link-color);\\n}\\n\\n.lh-audit__description, .lh-audit__stackpack {\\n  --inner-audit-padding-right: var(--stackpack-padding-horizontal);\\n  padding-left: var(--audit-description-padding-left);\\n  padding-right: var(--inner-audit-padding-right);\\n  padding-top: 8px;\\n  padding-bottom: 8px;\\n}\\n\\n.lh-details {\\n  margin-top: var(--default-padding);\\n  margin-bottom: var(--default-padding);\\n  margin-left: var(--audit-description-padding-left);\\n  /* whatever the .lh-details side margins are */\\n  width: 100%;\\n}\\n\\n.lh-audit__stackpack {\\n  display: flex;\\n  align-items: center;\\n}\\n\\n.lh-audit__stackpack__img {\\n  max-width: 30px;\\n  margin-right: var(--default-padding)\\n}\\n\\n/* Report header */\\n\\n.lh-report-icon {\\n  display: flex;\\n  align-items: center;\\n  padding: 10px 12px;\\n  cursor: pointer;\\n}\\n.lh-report-icon[disabled] {\\n  opacity: 0.3;\\n  pointer-events: none;\\n}\\n\\n.lh-report-icon::before {\\n  content: "";\\n  margin: 4px;\\n  background-repeat: no-repeat;\\n  width: var(--report-icon-size);\\n  height: var(--report-icon-size);\\n  opacity: 0.7;\\n  display: inline-block;\\n  vertical-align: middle;\\n}\\n.lh-report-icon:hover::before {\\n  opacity: 1;\\n}\\n.lh-dark .lh-report-icon::before {\\n  filter: invert(1);\\n}\\n.lh-report-icon--print::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/><path fill="none" d="M0 0h24v24H0z"/></svg>\\\');\\n}\\n.lh-report-icon--copy::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>\\\');\\n}\\n.lh-report-icon--open::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h4v-2H5V8h14v10h-4v2h4c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm-7 6l-4 4h3v6h2v-6h3l-4-4z"/></svg>\\\');\\n}\\n.lh-report-icon--download::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>\\\');\\n}\\n.lh-report-icon--dark::before {\\n  background-image:url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 100 125"><path d="M50 23.587c-16.27 0-22.799 12.574-22.799 21.417 0 12.917 10.117 22.451 12.436 32.471h20.726c2.32-10.02 12.436-19.554 12.436-32.471 0-8.843-6.528-21.417-22.799-21.417zM39.637 87.161c0 3.001 1.18 4.181 4.181 4.181h.426l.41 1.231C45.278 94.449 46.042 95 48.019 95h3.963c1.978 0 2.74-.551 3.365-2.427l.409-1.231h.427c3.002 0 4.18-1.18 4.18-4.181V80.91H39.637v6.251zM50 18.265c1.26 0 2.072-.814 2.072-2.073v-9.12C52.072 5.813 51.26 5 50 5c-1.259 0-2.072.813-2.072 2.073v9.12c0 1.259.813 2.072 2.072 2.072zM68.313 23.727c.994.774 2.135.634 2.91-.357l5.614-7.187c.776-.992.636-2.135-.356-2.909-.992-.776-2.135-.636-2.91.357l-5.613 7.186c-.778.993-.636 2.135.355 2.91zM91.157 36.373c-.306-1.222-1.291-1.815-2.513-1.51l-8.85 2.207c-1.222.305-1.814 1.29-1.51 2.512.305 1.223 1.291 1.814 2.513 1.51l8.849-2.206c1.223-.305 1.816-1.291 1.511-2.513zM86.757 60.48l-8.331-3.709c-1.15-.512-2.225-.099-2.736 1.052-.512 1.151-.1 2.224 1.051 2.737l8.33 3.707c1.15.514 2.225.101 2.736-1.05.513-1.149.1-2.223-1.05-2.737zM28.779 23.37c.775.992 1.917 1.131 2.909.357.992-.776 1.132-1.917.357-2.91l-5.615-7.186c-.775-.992-1.917-1.132-2.909-.357s-1.131 1.917-.356 2.909l5.614 7.187zM21.715 39.583c.305-1.223-.288-2.208-1.51-2.513l-8.849-2.207c-1.222-.303-2.208.289-2.513 1.511-.303 1.222.288 2.207 1.511 2.512l8.848 2.206c1.222.304 2.208-.287 2.513-1.509zM21.575 56.771l-8.331 3.711c-1.151.511-1.563 1.586-1.05 2.735.511 1.151 1.586 1.563 2.736 1.052l8.331-3.711c1.151-.511 1.563-1.586 1.05-2.735-.512-1.15-1.585-1.562-2.736-1.052z"/></svg>\\\');\\n}\\n.lh-report-icon--treemap::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="black"><path d="M3 5v14h19V5H3zm2 2h15v4H5V7zm0 10v-4h4v4H5zm6 0v-4h9v4h-9z"/></svg>\\\');\\n}\\n.lh-report-icon--date::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 11h2v2H7v-2zm14-5v14a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h1V2h2v2h8V2h2v2h1a2 2 0 012 2zM5 8h14V6H5v2zm14 12V10H5v10h14zm-4-7h2v-2h-2v2zm-4 0h2v-2h-2v2z"/></svg>\\\');\\n}\\n.lh-report-icon--devices::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 6h18V4H4a2 2 0 00-2 2v11H0v3h14v-3H4V6zm19 2h-6a1 1 0 00-1 1v10c0 .6.5 1 1 1h6c.6 0 1-.5 1-1V9c0-.6-.5-1-1-1zm-1 9h-4v-7h4v7z"/></svg>\\\');\\n}\\n.lh-report-icon--world::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm7 6h-3c-.3-1.3-.8-2.5-1.4-3.6A8 8 0 0 1 18.9 8zm-7-4a14 14 0 0 1 2 4h-4a14 14 0 0 1 2-4zM4.3 14a8.2 8.2 0 0 1 0-4h3.3a16.5 16.5 0 0 0 0 4H4.3zm.8 2h3a14 14 0 0 0 1.3 3.6A8 8 0 0 1 5.1 16zm3-8H5a8 8 0 0 1 4.3-3.6L8 8zM12 20a14 14 0 0 1-2-4h4a14 14 0 0 1-2 4zm2.3-6H9.7a14.7 14.7 0 0 1 0-4h4.6a14.6 14.6 0 0 1 0 4zm.3 5.6c.6-1.2 1-2.4 1.4-3.6h3a8 8 0 0 1-4.4 3.6zm1.8-5.6a16.5 16.5 0 0 0 0-4h3.3a8.2 8.2 0 0 1 0 4h-3.3z"/></svg>\\\');\\n}\\n.lh-report-icon--stopwatch::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.1-6.6L20.5 6l-1.4-1.4L17.7 6A9 9 0 0 0 3 13a9 9 0 1 0 16-5.6zm-7 12.6a7 7 0 1 1 0-14 7 7 0 0 1 0 14z"/></svg>\\\');\\n}\\n.lh-report-icon--networkspeed::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.9 5c-.2 0-.3 0-.4.2v.2L10.1 17a2 2 0 0 0-.2 1 2 2 0 0 0 4 .4l2.4-12.9c0-.3-.2-.5-.5-.5zM1 9l2 2c2.9-2.9 6.8-4 10.5-3.6l1.2-2.7C10 3.8 4.7 5.3 1 9zm20 2 2-2a15.4 15.4 0 0 0-5.6-3.6L17 8.2c1.5.7 2.9 1.6 4.1 2.8zm-4 4 2-2a9.9 9.9 0 0 0-2.7-1.9l-.5 3 1.2.9zM5 13l2 2a7.1 7.1 0 0 1 4-2l1.3-2.9C9.7 10.1 7 11 5 13z"/></svg>\\\');\\n}\\n.lh-report-icon--samples-one::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="7" cy="14" r="3"/><path d="M7 18a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm4-2a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm5.6 17.6a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>\\\');\\n}\\n.lh-report-icon--samples-many::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 18a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm4-2a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm5.6 17.6a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/><circle cx="7" cy="14" r="3"/><circle cx="11" cy="6" r="3"/></svg>\\\');\\n}\\n.lh-report-icon--chrome::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -50 562 562"><path d="M256 25.6v25.6a204 204 0 0 1 144.8 60 204 204 0 0 1 60 144.8 204 204 0 0 1-60 144.8 204 204 0 0 1-144.8 60 204 204 0 0 1-144.8-60 204 204 0 0 1-60-144.8 204 204 0 0 1 60-144.8 204 204 0 0 1 144.8-60V0a256 256 0 1 0 0 512 256 256 0 0 0 0-512v25.6z"/><path d="M256 179.2v25.6a51.3 51.3 0 0 1 0 102.4 51.3 51.3 0 0 1 0-102.4v-51.2a102.3 102.3 0 1 0-.1 204.7 102.3 102.3 0 0 0 .1-204.7v25.6z"/><path d="M256 204.8h217.6a25.6 25.6 0 0 0 0-51.2H256a25.6 25.6 0 0 0 0 51.2m44.3 76.8L191.5 470.1a25.6 25.6 0 1 0 44.4 25.6l108.8-188.5a25.6 25.6 0 1 0-44.4-25.6m-88.6 0L102.9 93.2a25.7 25.7 0 0 0-35-9.4 25.7 25.7 0 0 0-9.4 35l108.8 188.5a25.7 25.7 0 0 0 35 9.4 25.9 25.9 0 0 0 9.4-35.1"/></svg>\\\');\\n}\\n.lh-report-icon--external::before {\\n  background-image: url(\\\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path d="M3.15 11.9a1.01 1.01 0 0 1-.743-.307 1.01 1.01 0 0 1-.306-.743v-7.7c0-.292.102-.54.306-.744a1.01 1.01 0 0 1 .744-.306H7v1.05H3.15v7.7h7.7V7h1.05v3.85c0 .291-.103.54-.307.743a1.01 1.01 0 0 1-.743.307h-7.7Zm2.494-2.8-.743-.744 5.206-5.206H8.401V2.1h3.5v3.5h-1.05V3.893L5.644 9.1Z"/></svg>\\\');\\n}\\n\\n.lh-buttons {\\n  display: flex;\\n  flex-wrap: wrap;\\n  margin: var(--default-padding) 0;\\n}\\n.lh-button {\\n  height: 32px;\\n  border: 1px solid var(--report-border-color-secondary);\\n  border-radius: 3px;\\n  color: var(--link-color);\\n  background-color: var(--report-background-color);\\n  margin: 5px;\\n}\\n\\n.lh-button:first-of-type {\\n  margin-left: 0;\\n}\\n\\n/* Node */\\n.lh-node__snippet {\\n  font-family: var(--report-font-family-monospace);\\n  color: var(--snippet-color);\\n  font-size: var(--report-monospace-font-size);\\n  line-height: 20px;\\n}\\n\\n/* Score */\\n\\n.lh-audit__score-icon {\\n  width: var(--score-icon-size);\\n  height: var(--score-icon-size);\\n  margin: var(--score-icon-margin);\\n}\\n\\n.lh-audit--pass .lh-audit__display-text {\\n  color: var(--color-pass-secondary);\\n}\\n.lh-audit--pass .lh-audit__score-icon,\\n.lh-scorescale-range--pass::before {\\n  border-radius: 100%;\\n  background: var(--color-pass);\\n}\\n\\n.lh-audit--average .lh-audit__display-text {\\n  color: var(--color-average-secondary);\\n}\\n.lh-audit--average .lh-audit__score-icon,\\n.lh-scorescale-range--average::before {\\n  background: var(--color-average);\\n  width: var(--icon-square-size);\\n  height: var(--icon-square-size);\\n}\\n\\n.lh-audit--fail .lh-audit__display-text {\\n  color: var(--color-fail-secondary);\\n}\\n.lh-audit--fail .lh-audit__score-icon,\\n.lh-audit--error .lh-audit__score-icon,\\n.lh-scorescale-range--fail::before {\\n  border-left: calc(var(--score-icon-size) / 2) solid transparent;\\n  border-right: calc(var(--score-icon-size) / 2) solid transparent;\\n  border-bottom: var(--score-icon-size) solid var(--color-fail);\\n}\\n\\n.lh-audit--error .lh-audit__score-icon,\\n.lh-metric--error .lh-metric__icon {\\n  background-image: var(--error-icon-url);\\n  background-repeat: no-repeat;\\n  background-position: center;\\n  border: none;\\n}\\n\\n.lh-gauge__wrapper--fail .lh-gauge--error {\\n  background-image: var(--error-icon-url);\\n  background-repeat: no-repeat;\\n  background-position: center;\\n  transform: scale(0.5);\\n  top: var(--score-container-padding);\\n}\\n\\n.lh-audit--manual .lh-audit__display-text,\\n.lh-audit--notapplicable .lh-audit__display-text {\\n  color: var(--color-gray-600);\\n}\\n.lh-audit--manual .lh-audit__score-icon,\\n.lh-audit--notapplicable .lh-audit__score-icon {\\n  border: calc(0.2 * var(--score-icon-size)) solid var(--color-gray-400);\\n  border-radius: 100%;\\n  background: none;\\n}\\n\\n.lh-audit--informative .lh-audit__display-text {\\n  color: var(--color-gray-600);\\n}\\n\\n.lh-audit--informative .lh-audit__score-icon {\\n  border: calc(0.2 * var(--score-icon-size)) solid var(--color-gray-400);\\n  border-radius: 100%;\\n}\\n\\n.lh-audit__description,\\n.lh-audit__stackpack {\\n  color: var(--report-text-color-secondary);\\n}\\n.lh-audit__adorn {\\n  border: 1px solid var(--color-gray-500);\\n  border-radius: 3px;\\n  margin: 0 3px;\\n  padding: 0 2px;\\n  line-height: 1.1;\\n  display: inline-block;\\n  font-size: 90%;\\n  color: var(--report-text-color-secondary);\\n}\\n\\n.lh-category-header__description  {\\n  text-align: center;\\n  color: var(--color-gray-700);\\n  margin: 0px auto;\\n  max-width: 400px;\\n}\\n\\n\\n.lh-audit__display-text,\\n.lh-load-opportunity__sparkline,\\n.lh-chevron-container {\\n  margin: 0 var(--audit-margin-horizontal);\\n}\\n.lh-chevron-container {\\n  margin-right: 0;\\n}\\n\\n.lh-audit__title-and-text {\\n  flex: 1;\\n}\\n\\n.lh-audit__title-and-text code {\\n  color: var(--snippet-color);\\n  font-size: var(--report-monospace-font-size);\\n}\\n\\n/* Prepend display text with em dash separator. But not in Opportunities. */\\n.lh-audit__display-text:not(:empty):before {\\n  content: \\\'—\\\';\\n  margin-right: var(--audit-margin-horizontal);\\n}\\n.lh-audit-group.lh-audit-group--load-opportunities .lh-audit__display-text:not(:empty):before {\\n  display: none;\\n}\\n\\n/* Expandable Details (Audit Groups, Audits) */\\n.lh-audit__header {\\n  display: flex;\\n  align-items: center;\\n  padding: var(--default-padding);\\n}\\n\\n.lh-audit--load-opportunity .lh-audit__header {\\n  display: block;\\n}\\n\\n\\n.lh-metricfilter {\\n  display: grid;\\n  justify-content: end;\\n  align-items: center;\\n  grid-auto-flow: column;\\n  gap: 4px;\\n  color: var(--color-gray-700);\\n}\\n\\n.lh-metricfilter__radio {\\n  /*\\n   * Instead of hiding, position offscreen so it\\\'s still accessible to screen readers\\n   * https://bugs.chromium.org/p/chromium/issues/detail?id=1439785\\n   */\\n  position: fixed;\\n  left: -9999px;\\n}\\n.lh-metricfilter input[type=\\\'radio\\\']:focus-visible + label {\\n  outline: -webkit-focus-ring-color auto 1px;\\n}\\n\\n.lh-metricfilter__label {\\n  display: inline-flex;\\n  padding: 0 4px;\\n  height: 16px;\\n  text-decoration: underline;\\n  align-items: center;\\n  cursor: pointer;\\n  font-size: 90%;\\n}\\n\\n.lh-metricfilter__label--active {\\n  background: var(--color-blue-primary);\\n  color: var(--color-white);\\n  border-radius: 3px;\\n  text-decoration: none;\\n}\\n/* Give the \\\'All\\\' choice a more muted display */\\n.lh-metricfilter__label--active[for="metric-All"] {\\n  background-color: var(--color-blue-200) !important;\\n  color: black !important;\\n}\\n\\n.lh-metricfilter__text {\\n  margin-right: 8px;\\n}\\n\\n/* If audits are filtered, hide the itemcount for Passed Audits… */\\n.lh-category--filtered .lh-audit-group .lh-audit-group__itemcount {\\n  display: none;\\n}\\n\\n\\n.lh-audit__header:hover {\\n  background-color: var(--color-hover);\\n}\\n\\n/* We want to hide the browser\\\'s default arrow marker on summary elements. Admittedly, it\\\'s complicated. */\\n.lh-root details > summary {\\n  /* Blink 89+ and Firefox will hide the arrow when display is changed from (new) default of `list-item` to block.  https://chromestatus.com/feature/6730096436051968*/\\n  display: block;\\n}\\n/* Safari and Blink <=88 require using the -webkit-details-marker selector */\\n.lh-root details > summary::-webkit-details-marker {\\n  display: none;\\n}\\n\\n/* Perf Metric */\\n\\n.lh-metrics-container {\\n  display: grid;\\n  grid-auto-rows: 1fr;\\n  grid-template-columns: 1fr 1fr;\\n  grid-column-gap: var(--report-line-height);\\n  margin-bottom: var(--default-padding);\\n}\\n\\n.lh-metric {\\n  border-top: 1px solid var(--report-border-color-secondary);\\n}\\n\\n.lh-category:not(.lh--hoisted-meta) .lh-metric:nth-last-child(-n+2) {\\n  border-bottom: 1px solid var(--report-border-color-secondary);\\n}\\n\\n.lh-metric__innerwrap {\\n  display: grid;\\n  /**\\n   * Icon -- Metric Name\\n   *      -- Metric Value\\n   */\\n  grid-template-columns: calc(var(--score-icon-size) + var(--score-icon-margin-left) + var(--score-icon-margin-right)) 1fr;\\n  align-items: center;\\n  padding: var(--default-padding);\\n}\\n\\n.lh-metric__details {\\n  order: -1;\\n}\\n\\n.lh-metric__title {\\n  flex: 1;\\n}\\n\\n.lh-calclink {\\n  padding-left: calc(1ex / 3);\\n}\\n\\n.lh-metric__description {\\n  display: none;\\n  grid-column-start: 2;\\n  grid-column-end: 4;\\n  color: var(--report-text-color-secondary);\\n}\\n\\n.lh-metric__value {\\n  font-size: var(--metric-value-font-size);\\n  margin: calc(var(--default-padding) / 2) 0;\\n  white-space: nowrap; /* No wrapping between metric value and the icon */\\n  grid-column-start: 2;\\n}\\n\\n\\n@media screen and (max-width: 535px) {\\n  .lh-metrics-container {\\n    display: block;\\n  }\\n\\n  .lh-metric {\\n    border-bottom: none !important;\\n  }\\n  .lh-category:not(.lh--hoisted-meta) .lh-metric:nth-last-child(1) {\\n    border-bottom: 1px solid var(--report-border-color-secondary) !important;\\n  }\\n\\n  /* Change the grid to 3 columns for narrow viewport. */\\n  .lh-metric__innerwrap {\\n  /**\\n   * Icon -- Metric Name -- Metric Value\\n   */\\n    grid-template-columns: calc(var(--score-icon-size) + var(--score-icon-margin-left) + var(--score-icon-margin-right)) 2fr 1fr;\\n  }\\n  .lh-metric__value {\\n    justify-self: end;\\n    grid-column-start: unset;\\n  }\\n}\\n\\n/* No-JS toggle switch */\\n/* Keep this selector sync\\\'d w/ `magicSelector` in report-ui-features-test.js */\\n .lh-metrics-toggle__input:checked ~ .lh-metrics-container .lh-metric__description {\\n  display: block;\\n}\\n\\n/* TODO get rid of the SVGS and clean up these some more */\\n.lh-metrics-toggle__input {\\n  opacity: 0;\\n  position: absolute;\\n  right: 0;\\n  top: 0px;\\n}\\n\\n.lh-metrics-toggle__input + div > label > .lh-metrics-toggle__labeltext--hide,\\n.lh-metrics-toggle__input:checked + div > label > .lh-metrics-toggle__labeltext--show {\\n  display: none;\\n}\\n.lh-metrics-toggle__input:checked + div > label > .lh-metrics-toggle__labeltext--hide {\\n  display: inline;\\n}\\n.lh-metrics-toggle__input:focus + div > label {\\n  outline: -webkit-focus-ring-color auto 3px;\\n}\\n\\n.lh-metrics-toggle__label {\\n  cursor: pointer;\\n  font-size: var(--report-font-size-secondary);\\n  line-height: var(--report-line-height-secondary);\\n  color: var(--color-gray-700);\\n}\\n\\n/* Pushes the metric description toggle button to the right. */\\n.lh-audit-group--metrics .lh-audit-group__header {\\n  display: flex;\\n  justify-content: space-between;\\n}\\n\\n.lh-metric__icon,\\n.lh-scorescale-range::before {\\n  content: \\\'\\\';\\n  width: var(--score-icon-size);\\n  height: var(--score-icon-size);\\n  display: inline-block;\\n  margin: var(--score-icon-margin);\\n}\\n\\n.lh-metric--pass .lh-metric__value {\\n  color: var(--color-pass-secondary);\\n}\\n.lh-metric--pass .lh-metric__icon {\\n  border-radius: 100%;\\n  background: var(--color-pass);\\n}\\n\\n.lh-metric--average .lh-metric__value {\\n  color: var(--color-average-secondary);\\n}\\n.lh-metric--average .lh-metric__icon {\\n  background: var(--color-average);\\n  width: var(--icon-square-size);\\n  height: var(--icon-square-size);\\n}\\n\\n.lh-metric--fail .lh-metric__value {\\n  color: var(--color-fail-secondary);\\n}\\n.lh-metric--fail .lh-metric__icon {\\n  border-left: calc(var(--score-icon-size) / 2) solid transparent;\\n  border-right: calc(var(--score-icon-size) / 2) solid transparent;\\n  border-bottom: var(--score-icon-size) solid var(--color-fail);\\n}\\n\\n.lh-metric--error .lh-metric__value,\\n.lh-metric--error .lh-metric__description {\\n  color: var(--color-fail-secondary);\\n}\\n\\n/* Perf load opportunity */\\n\\n.lh-load-opportunity__cols {\\n  display: flex;\\n  align-items: flex-start;\\n}\\n\\n.lh-load-opportunity__header .lh-load-opportunity__col {\\n  color: var(--color-gray-600);\\n  display: unset;\\n  line-height: calc(2.3 * var(--report-font-size));\\n}\\n\\n.lh-load-opportunity__col {\\n  display: flex;\\n}\\n\\n.lh-load-opportunity__col--one {\\n  flex: 5;\\n  align-items: center;\\n  margin-right: 2px;\\n}\\n.lh-load-opportunity__col--two {\\n  flex: 4;\\n  text-align: right;\\n}\\n\\n.lh-audit--load-opportunity .lh-audit__display-text {\\n  text-align: right;\\n  flex: 0 0 7.5ch;\\n}\\n\\n\\n/* Sparkline */\\n\\n.lh-load-opportunity__sparkline {\\n  flex: 1;\\n  margin-top: calc((var(--report-line-height) - var(--sparkline-height)) / 2);\\n}\\n\\n.lh-sparkline {\\n  height: var(--sparkline-height);\\n  width: 100%;\\n}\\n\\n.lh-sparkline__bar {\\n  height: 100%;\\n  float: right;\\n}\\n\\n.lh-audit--pass .lh-sparkline__bar {\\n  background: var(--color-pass);\\n}\\n\\n.lh-audit--average .lh-sparkline__bar {\\n  background: var(--color-average);\\n}\\n\\n.lh-audit--fail .lh-sparkline__bar {\\n  background: var(--color-fail);\\n}\\n\\n/* Filmstrip */\\n\\n.lh-filmstrip-container {\\n  /* smaller gap between metrics and filmstrip */\\n  margin: -8px auto 0 auto;\\n}\\n\\n.lh-filmstrip {\\n  display: grid;\\n  justify-content: space-between;\\n  padding-bottom: var(--default-padding);\\n  width: 100%;\\n  grid-template-columns: repeat(auto-fit, 90px);\\n}\\n\\n.lh-filmstrip__frame {\\n  text-align: right;\\n  position: relative;\\n}\\n\\n.lh-filmstrip__thumbnail {\\n  border: 1px solid var(--report-border-color-secondary);\\n  max-height: 150px;\\n  max-width: 120px;\\n}\\n\\n/* Audit */\\n\\n.lh-audit {\\n  border-bottom: 1px solid var(--report-border-color-secondary);\\n}\\n\\n/* Apply border-top to just the first audit. */\\n.lh-audit {\\n  border-top: 1px solid var(--report-border-color-secondary);\\n}\\n.lh-audit ~ .lh-audit {\\n  border-top: none;\\n}\\n\\n\\n.lh-audit--error .lh-audit__display-text {\\n  color: var(--color-fail-secondary);\\n}\\n\\n/* Audit Group */\\n\\n.lh-audit-group {\\n  margin-bottom: var(--audit-group-margin-bottom);\\n  position: relative;\\n}\\n.lh-audit-group--metrics {\\n  margin-bottom: calc(var(--audit-group-margin-bottom) / 2);\\n}\\n\\n.lh-audit-group__header::before {\\n  /* By default, groups don\\\'t get an icon */\\n  content: none;\\n  width: var(--pwa-icon-size);\\n  height: var(--pwa-icon-size);\\n  margin: var(--pwa-icon-margin);\\n  display: inline-block;\\n  vertical-align: middle;\\n}\\n\\n/* Style the "over budget" columns red. */\\n.lh-audit-group--budgets #performance-budget tbody tr td:nth-child(4),\\n.lh-audit-group--budgets #performance-budget tbody tr td:nth-child(5),\\n.lh-audit-group--budgets #timing-budget tbody tr td:nth-child(3) {\\n  color: var(--color-red-700);\\n}\\n\\n/* Align the "over budget request count" text to be close to the "over budget bytes" column. */\\n.lh-audit-group--budgets .lh-table tbody tr td:nth-child(4){\\n  text-align: right;\\n}\\n\\n.lh-audit-group--budgets .lh-details--budget {\\n  width: 100%;\\n  margin: 0 0 var(--default-padding);\\n}\\n\\n.lh-audit-group--pwa-installable .lh-audit-group__header::before {\\n  content: \\\'\\\';\\n  background-image: var(--pwa-installable-gray-url);\\n}\\n.lh-audit-group--pwa-optimized .lh-audit-group__header::before {\\n  content: \\\'\\\';\\n  background-image: var(--pwa-optimized-gray-url);\\n}\\n.lh-audit-group--pwa-installable.lh-badged .lh-audit-group__header::before {\\n  background-image: var(--pwa-installable-color-url);\\n}\\n.lh-audit-group--pwa-optimized.lh-badged .lh-audit-group__header::before {\\n  background-image: var(--pwa-optimized-color-url);\\n}\\n\\n.lh-audit-group--metrics .lh-audit-group__summary {\\n  margin-top: 0;\\n  margin-bottom: 0;\\n}\\n\\n.lh-audit-group__summary {\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: center;\\n}\\n\\n.lh-audit-group__header .lh-chevron {\\n  margin-top: calc((var(--report-line-height) - 5px) / 2);\\n}\\n\\n.lh-audit-group__header {\\n  letter-spacing: 0.8px;\\n  padding: var(--default-padding);\\n  padding-left: 0;\\n}\\n\\n.lh-audit-group__header, .lh-audit-group__summary {\\n  font-size: var(--report-font-size-secondary);\\n  line-height: var(--report-line-height-secondary);\\n  color: var(--color-gray-700);\\n}\\n\\n.lh-audit-group__title {\\n  text-transform: uppercase;\\n  font-weight: 500;\\n}\\n\\n.lh-audit-group__itemcount {\\n  color: var(--color-gray-600);\\n}\\n\\n.lh-audit-group__footer {\\n  color: var(--color-gray-600);\\n  display: block;\\n  margin-top: var(--default-padding);\\n}\\n\\n.lh-details,\\n.lh-category-header__description,\\n.lh-load-opportunity__header,\\n.lh-audit-group__footer {\\n  font-size: var(--report-font-size-secondary);\\n  line-height: var(--report-line-height-secondary);\\n}\\n\\n.lh-audit-explanation {\\n  margin: var(--audit-padding-vertical) 0 calc(var(--audit-padding-vertical) / 2) var(--audit-margin-horizontal);\\n  line-height: var(--audit-explanation-line-height);\\n  display: inline-block;\\n}\\n\\n.lh-audit--fail .lh-audit-explanation {\\n  color: var(--color-fail-secondary);\\n}\\n\\n/* Report */\\n.lh-list > :not(:last-child) {\\n  margin-bottom: calc(var(--default-padding) * 2);\\n}\\n\\n.lh-header-container {\\n  display: block;\\n  margin: 0 auto;\\n  position: relative;\\n  word-wrap: break-word;\\n}\\n\\n.lh-header-container .lh-scores-wrapper {\\n  border-bottom: 1px solid var(--color-gray-200);\\n}\\n\\n\\n.lh-report {\\n  min-width: var(--report-content-min-width);\\n}\\n\\n.lh-exception {\\n  font-size: large;\\n}\\n\\n.lh-code {\\n  white-space: normal;\\n  margin-top: 0;\\n  font-size: var(--report-monospace-font-size);\\n}\\n\\n.lh-warnings {\\n  --item-margin: calc(var(--report-line-height) / 6);\\n  color: var(--color-average-secondary);\\n  margin: var(--audit-padding-vertical) 0;\\n  padding: var(--default-padding)\\n    var(--default-padding)\\n    var(--default-padding)\\n    calc(var(--audit-description-padding-left));\\n  background-color: var(--toplevel-warning-background-color);\\n}\\n.lh-warnings span {\\n  font-weight: bold;\\n}\\n\\n.lh-warnings--toplevel {\\n  --item-margin: calc(var(--header-line-height) / 4);\\n  color: var(--toplevel-warning-text-color);\\n  margin-left: auto;\\n  margin-right: auto;\\n  max-width: var(--report-content-max-width-minus-edge-gap);\\n  padding: var(--toplevel-warning-padding);\\n  border-radius: 8px;\\n}\\n\\n.lh-warnings__msg {\\n  color: var(--toplevel-warning-message-text-color);\\n  margin: 0;\\n}\\n\\n.lh-warnings ul {\\n  margin: 0;\\n}\\n.lh-warnings li {\\n  margin: var(--item-margin) 0;\\n}\\n.lh-warnings li:last-of-type {\\n  margin-bottom: 0;\\n}\\n\\n.lh-scores-header {\\n  display: flex;\\n  flex-wrap: wrap;\\n  justify-content: center;\\n}\\n.lh-scores-header__solo {\\n  padding: 0;\\n  border: 0;\\n}\\n\\n/* Gauge */\\n\\n.lh-gauge__wrapper--pass {\\n  color: var(--color-pass-secondary);\\n  fill: var(--color-pass);\\n  stroke: var(--color-pass);\\n}\\n\\n.lh-gauge__wrapper--average {\\n  color: var(--color-average-secondary);\\n  fill: var(--color-average);\\n  stroke: var(--color-average);\\n}\\n\\n.lh-gauge__wrapper--fail {\\n  color: var(--color-fail-secondary);\\n  fill: var(--color-fail);\\n  stroke: var(--color-fail);\\n}\\n\\n.lh-gauge__wrapper--not-applicable {\\n  color: var(--color-not-applicable);\\n  fill: var(--color-not-applicable);\\n  stroke: var(--color-not-applicable);\\n}\\n\\n.lh-fraction__wrapper .lh-fraction__content::before {\\n  content: \\\'\\\';\\n  height: var(--score-icon-size);\\n  width: var(--score-icon-size);\\n  margin: var(--score-icon-margin);\\n  display: inline-block;\\n}\\n.lh-fraction__wrapper--pass .lh-fraction__content {\\n  color: var(--color-pass-secondary);\\n}\\n.lh-fraction__wrapper--pass .lh-fraction__background {\\n  background-color: var(--color-pass);\\n}\\n.lh-fraction__wrapper--pass .lh-fraction__content::before {\\n  background-color: var(--color-pass);\\n  border-radius: 50%;\\n}\\n.lh-fraction__wrapper--average .lh-fraction__content {\\n  color: var(--color-average-secondary);\\n}\\n.lh-fraction__wrapper--average .lh-fraction__background,\\n.lh-fraction__wrapper--average .lh-fraction__content::before {\\n  background-color: var(--color-average);\\n}\\n.lh-fraction__wrapper--fail .lh-fraction__content {\\n  color: var(--color-fail);\\n}\\n.lh-fraction__wrapper--fail .lh-fraction__background {\\n  background-color: var(--color-fail);\\n}\\n.lh-fraction__wrapper--fail .lh-fraction__content::before {\\n  border-left: calc(var(--score-icon-size) / 2) solid transparent;\\n  border-right: calc(var(--score-icon-size) / 2) solid transparent;\\n  border-bottom: var(--score-icon-size) solid var(--color-fail);\\n}\\n.lh-fraction__wrapper--null .lh-fraction__content {\\n  color: var(--color-gray-700);\\n}\\n.lh-fraction__wrapper--null .lh-fraction__background {\\n  background-color: var(--color-gray-700);\\n}\\n.lh-fraction__wrapper--null .lh-fraction__content::before {\\n  border-radius: 50%;\\n  border: calc(0.2 * var(--score-icon-size)) solid var(--color-gray-700);\\n}\\n\\n.lh-fraction__background {\\n  position: absolute;\\n  height: 100%;\\n  width: 100%;\\n  border-radius: calc(var(--gauge-circle-size) / 2);\\n  opacity: 0.1;\\n  z-index: -1;\\n}\\n\\n.lh-fraction__content-wrapper {\\n  height: var(--gauge-circle-size);\\n  display: flex;\\n  align-items: center;\\n}\\n\\n.lh-fraction__content {\\n  display: flex;\\n  position: relative;\\n  align-items: center;\\n  justify-content: center;\\n  font-size: calc(0.3 * var(--gauge-circle-size));\\n  line-height: calc(0.4 * var(--gauge-circle-size));\\n  width: max-content;\\n  min-width: calc(1.5 * var(--gauge-circle-size));\\n  padding: calc(0.1 * var(--gauge-circle-size)) calc(0.2 * var(--gauge-circle-size));\\n  --score-icon-size: calc(0.21 * var(--gauge-circle-size));\\n  --score-icon-margin: 0 calc(0.15 * var(--gauge-circle-size)) 0 0;\\n}\\n\\n.lh-gauge {\\n  stroke-linecap: round;\\n  width: var(--gauge-circle-size);\\n  height: var(--gauge-circle-size);\\n}\\n\\n.lh-category .lh-gauge {\\n  --gauge-circle-size: var(--gauge-circle-size-big);\\n}\\n\\n.lh-gauge-base {\\n  opacity: 0.1;\\n}\\n\\n.lh-gauge-arc {\\n  fill: none;\\n  transform-origin: 50% 50%;\\n  animation: load-gauge var(--transition-length) ease both;\\n  animation-delay: 250ms;\\n}\\n\\n.lh-gauge__svg-wrapper {\\n  position: relative;\\n  height: var(--gauge-circle-size);\\n}\\n.lh-category .lh-gauge__svg-wrapper,\\n.lh-category .lh-fraction__wrapper {\\n  --gauge-circle-size: var(--gauge-circle-size-big);\\n}\\n\\n/* The plugin badge overlay */\\n.lh-gauge__wrapper--plugin .lh-gauge__svg-wrapper::before {\\n  width: var(--plugin-badge-size);\\n  height: var(--plugin-badge-size);\\n  background-color: var(--plugin-badge-background-color);\\n  background-image: var(--plugin-icon-url);\\n  background-repeat: no-repeat;\\n  background-size: var(--plugin-icon-size);\\n  background-position: 58% 50%;\\n  content: "";\\n  position: absolute;\\n  right: -6px;\\n  bottom: 0px;\\n  display: block;\\n  z-index: 100;\\n  box-shadow: 0 0 4px rgba(0,0,0,.2);\\n  border-radius: 25%;\\n}\\n.lh-category .lh-gauge__wrapper--plugin .lh-gauge__svg-wrapper::before {\\n  width: var(--plugin-badge-size-big);\\n  height: var(--plugin-badge-size-big);\\n}\\n\\n@keyframes load-gauge {\\n  from { stroke-dasharray: 0 352; }\\n}\\n\\n.lh-gauge__percentage {\\n  width: 100%;\\n  height: var(--gauge-circle-size);\\n  position: absolute;\\n  font-family: var(--report-font-family-monospace);\\n  font-size: calc(var(--gauge-circle-size) * 0.34 + 1.3px);\\n  line-height: 0;\\n  text-align: center;\\n  top: calc(var(--score-container-padding) + var(--gauge-circle-size) / 2);\\n}\\n\\n.lh-category .lh-gauge__percentage {\\n  --gauge-circle-size: var(--gauge-circle-size-big);\\n  --gauge-percentage-font-size: var(--gauge-percentage-font-size-big);\\n}\\n\\n.lh-gauge__wrapper,\\n.lh-fraction__wrapper {\\n  position: relative;\\n  display: flex;\\n  align-items: center;\\n  flex-direction: column;\\n  text-decoration: none;\\n  padding: var(--score-container-padding);\\n\\n  --transition-length: 1s;\\n\\n  /* Contain the layout style paint & layers during animation*/\\n  contain: content;\\n  will-change: opacity; /* Only using for layer promotion */\\n}\\n\\n.lh-gauge__label,\\n.lh-fraction__label {\\n  font-size: var(--gauge-label-font-size);\\n  font-weight: 500;\\n  line-height: var(--gauge-label-line-height);\\n  margin-top: 10px;\\n  text-align: center;\\n  color: var(--report-text-color);\\n  word-break: keep-all;\\n}\\n\\n/* TODO(#8185) use more BEM (.lh-gauge__label--big) instead of relying on descendant selector */\\n.lh-category .lh-gauge__label,\\n.lh-category .lh-fraction__label {\\n  --gauge-label-font-size: var(--gauge-label-font-size-big);\\n  --gauge-label-line-height: var(--gauge-label-line-height-big);\\n  margin-top: 14px;\\n}\\n\\n.lh-scores-header .lh-gauge__wrapper,\\n.lh-scores-header .lh-fraction__wrapper,\\n.lh-scores-header .lh-gauge--pwa__wrapper,\\n.lh-sticky-header .lh-gauge__wrapper,\\n.lh-sticky-header .lh-fraction__wrapper,\\n.lh-sticky-header .lh-gauge--pwa__wrapper {\\n  width: var(--gauge-wrapper-width);\\n}\\n\\n.lh-scorescale {\\n  display: inline-flex;\\n\\n  gap: calc(var(--default-padding) * 4);\\n  margin: 16px auto 0 auto;\\n  font-size: var(--report-font-size-secondary);\\n  color: var(--color-gray-700);\\n\\n}\\n\\n.lh-scorescale-range {\\n  display: flex;\\n  align-items: center;\\n  font-family: var(--report-font-family-monospace);\\n  white-space: nowrap;\\n}\\n\\n.lh-category-header__finalscreenshot .lh-scorescale {\\n  border: 0;\\n  display: flex;\\n  justify-content: center;\\n}\\n\\n.lh-category-header__finalscreenshot .lh-scorescale-range {\\n  font-family: unset;\\n  font-size: 12px;\\n}\\n\\n.lh-scorescale-wrap {\\n  display: contents;\\n}\\n\\n/* Hide category score gauages if it\\\'s a single category report */\\n.lh-header--solo-category .lh-scores-wrapper {\\n  display: none;\\n}\\n\\n\\n.lh-categories {\\n  width: 100%;\\n}\\n\\n.lh-category {\\n  padding: var(--category-padding);\\n  max-width: var(--report-content-max-width);\\n  margin: 0 auto;\\n\\n  scroll-margin-top: var(--sticky-header-buffer);\\n}\\n\\n.lh-category-wrapper {\\n  border-bottom: 1px solid var(--color-gray-200);\\n}\\n.lh-category-wrapper:last-of-type {\\n  border-bottom: 0;\\n}\\n\\n.lh-category-header {\\n  margin-bottom: var(--section-padding-vertical);\\n}\\n\\n.lh-category-header .lh-score__gauge {\\n  max-width: 400px;\\n  width: auto;\\n  margin: 0px auto;\\n}\\n\\n.lh-category-header__finalscreenshot {\\n  display: grid;\\n  grid-template: none / 1fr 1px 1fr;\\n  justify-items: center;\\n  align-items: center;\\n  gap: var(--report-line-height);\\n  min-height: 288px;\\n  margin-bottom: var(--default-padding);\\n}\\n\\n.lh-final-ss-image {\\n  /* constrain the size of the image to not be too large */\\n  max-height: calc(var(--gauge-circle-size-big) * 2.8);\\n  max-width: calc(var(--gauge-circle-size-big) * 3.5);\\n  border: 1px solid var(--color-gray-200);\\n  padding: 4px;\\n  border-radius: 3px;\\n  display: block;\\n}\\n\\n.lh-category-headercol--separator {\\n  background: var(--color-gray-200);\\n  width: 1px;\\n  height: var(--gauge-circle-size-big);\\n}\\n\\n@media screen and (max-width: 780px) {\\n  .lh-category-header__finalscreenshot {\\n    grid-template: 1fr 1fr / none\\n  }\\n  .lh-category-headercol--separator {\\n    display: none;\\n  }\\n}\\n\\n\\n/* 964 fits the min-width of the filmstrip */\\n@media screen and (max-width: 964px) {\\n  .lh-report {\\n    margin-left: 0;\\n    width: 100%;\\n  }\\n}\\n\\n@media print {\\n  body {\\n    -webkit-print-color-adjust: exact; /* print background colors */\\n  }\\n  .lh-container {\\n    display: block;\\n  }\\n  .lh-report {\\n    margin-left: 0;\\n    padding-top: 0;\\n  }\\n  .lh-categories {\\n    margin-top: 0;\\n  }\\n}\\n\\n.lh-table {\\n  position: relative;\\n  border-collapse: separate;\\n  border-spacing: 0;\\n  /* Can\\\'t assign padding to table, so shorten the width instead. */\\n  width: calc(100% - var(--audit-description-padding-left) - var(--stackpack-padding-horizontal));\\n  border: 1px solid var(--report-border-color-secondary);\\n}\\n\\n.lh-table thead th {\\n  position: sticky;\\n  top: calc(var(--sticky-header-buffer) + 1em);\\n  z-index: 1;\\n  background-color: var(--report-background-color);\\n  border-bottom: 1px solid var(--report-border-color-secondary);\\n  font-weight: normal;\\n  color: var(--color-gray-600);\\n  /* See text-wrapping comment on .lh-container. */\\n  word-break: normal;\\n}\\n\\n.lh-row--group {\\n  background-color: var(--table-group-header-background-color);\\n}\\n\\n.lh-row--group td {\\n  font-weight: bold;\\n  font-size: 1.05em;\\n  color: var(--table-group-header-text-color);\\n}\\n\\n.lh-row--group td:first-child {\\n  font-weight: normal;\\n}\\n\\n.lh-row--group .lh-text {\\n  color: inherit;\\n  text-decoration: none;\\n  display: inline-block;\\n}\\n\\n.lh-row--group a.lh-link:hover {\\n  text-decoration: underline;\\n}\\n\\n.lh-row--group .lh-audit__adorn {\\n  text-transform: capitalize;\\n  font-weight: normal;\\n  padding: 2px 3px 1px 3px;\\n}\\n\\n.lh-row--group .lh-audit__adorn1p {\\n  color: var(--link-color);\\n  border-color: var(--link-color);\\n}\\n\\n.lh-row--group .lh-report-icon--external::before {\\n  content: "";\\n  background-repeat: no-repeat;\\n  width: 14px;\\n  height: 16px;\\n  opacity: 0.7;\\n  display: inline-block;\\n  vertical-align: middle;\\n}\\n\\n.lh-row--group .lh-report-icon--external {\\n  display: none;\\n}\\n\\n.lh-row--group:hover .lh-report-icon--external {\\n  display: inline-block;\\n}\\n\\n.lh-dark .lh-report-icon--external::before {\\n  filter: invert(1);\\n}\\n\\n/** Manages indentation of two-level and three-level nested adjacent rows */\\n\\n.lh-row--group ~ [data-entity]:not(.lh-row--group) td:first-child {\\n  padding-left: 20px;\\n}\\n\\n.lh-row--group ~ [data-entity]:not(.lh-row--group) ~ .lh-sub-item-row td:first-child {\\n  padding-left: 40px;\\n}\\n\\n.lh-row--even {\\n  background-color: var(--table-group-header-background-color);\\n}\\n.lh-row--hidden {\\n  display: none;\\n}\\n\\n.lh-table th,\\n.lh-table td {\\n  padding: var(--default-padding);\\n}\\n\\n.lh-table tr {\\n  vertical-align: middle;\\n}\\n\\n.lh-table tr:hover {\\n  background-color: var(--table-higlight-background-color);\\n}\\n\\n/* Looks unnecessary, but mostly for keeping the <th>s left-aligned */\\n.lh-table-column--text,\\n.lh-table-column--source-location,\\n.lh-table-column--url,\\n/* .lh-table-column--thumbnail, */\\n/* .lh-table-column--empty,*/\\n.lh-table-column--code,\\n.lh-table-column--node {\\n  text-align: left;\\n}\\n\\n.lh-table-column--code {\\n  min-width: 100px;\\n}\\n\\n.lh-table-column--bytes,\\n.lh-table-column--timespanMs,\\n.lh-table-column--ms,\\n.lh-table-column--numeric {\\n  text-align: right;\\n  word-break: normal;\\n}\\n\\n\\n\\n.lh-table .lh-table-column--thumbnail {\\n  width: var(--image-preview-size);\\n}\\n\\n.lh-table-column--url {\\n  min-width: 250px;\\n}\\n\\n.lh-table-column--text {\\n  min-width: 80px;\\n}\\n\\n/* Keep columns narrow if they follow the URL column */\\n/* 12% was determined to be a decent narrow width, but wide enough for column headings */\\n.lh-table-column--url + th.lh-table-column--bytes,\\n.lh-table-column--url + .lh-table-column--bytes + th.lh-table-column--bytes,\\n.lh-table-column--url + .lh-table-column--ms,\\n.lh-table-column--url + .lh-table-column--ms + th.lh-table-column--bytes,\\n.lh-table-column--url + .lh-table-column--bytes + th.lh-table-column--timespanMs {\\n  width: 12%;\\n}\\n\\n.lh-text__url-host {\\n  display: inline;\\n}\\n\\n.lh-text__url-host {\\n  margin-left: calc(var(--report-font-size) / 2);\\n  opacity: 0.6;\\n  font-size: 90%\\n}\\n\\n.lh-thumbnail {\\n  object-fit: cover;\\n  width: var(--image-preview-size);\\n  height: var(--image-preview-size);\\n  display: block;\\n}\\n\\n.lh-unknown pre {\\n  overflow: scroll;\\n  border: solid 1px var(--color-gray-200);\\n}\\n\\n.lh-text__url > a {\\n  color: inherit;\\n  text-decoration: none;\\n}\\n\\n.lh-text__url > a:hover {\\n  text-decoration: underline dotted #999;\\n}\\n\\n.lh-sub-item-row {\\n  margin-left: 20px;\\n  margin-bottom: 0;\\n  color: var(--color-gray-700);\\n}\\n\\n.lh-sub-item-row td {\\n  padding-top: 4px;\\n  padding-bottom: 4px;\\n  padding-left: 20px;\\n}\\n\\n/* Chevron\\n   https://codepen.io/paulirish/pen/LmzEmK\\n */\\n.lh-chevron {\\n  --chevron-angle: 42deg;\\n  /* Edge doesn\\\'t support transform: rotate(calc(...)), so we define it here */\\n  --chevron-angle-right: -42deg;\\n  width: var(--chevron-size);\\n  height: var(--chevron-size);\\n  margin-top: calc((var(--report-line-height) - 12px) / 2);\\n}\\n\\n.lh-chevron__lines {\\n  transition: transform 0.4s;\\n  transform: translateY(var(--report-line-height));\\n}\\n.lh-chevron__line {\\n stroke: var(--chevron-line-stroke);\\n stroke-width: var(--chevron-size);\\n stroke-linecap: square;\\n transform-origin: 50%;\\n transform: rotate(var(--chevron-angle));\\n transition: transform 300ms, stroke 300ms;\\n}\\n\\n.lh-expandable-details .lh-chevron__line-right,\\n.lh-expandable-details[open] .lh-chevron__line-left {\\n transform: rotate(var(--chevron-angle-right));\\n}\\n\\n.lh-expandable-details[open] .lh-chevron__line-right {\\n  transform: rotate(var(--chevron-angle));\\n}\\n\\n\\n.lh-expandable-details[open]  .lh-chevron__lines {\\n transform: translateY(calc(var(--chevron-size) * -1));\\n}\\n\\n.lh-expandable-details[open] {\\n  animation: 300ms openDetails forwards;\\n  padding-bottom: var(--default-padding);\\n}\\n\\n@keyframes openDetails {\\n  from {\\n    outline: 1px solid var(--report-background-color);\\n  }\\n  to {\\n   outline: 1px solid;\\n   box-shadow: 0 2px 4px rgba(0, 0, 0, .24);\\n  }\\n}\\n\\n@media screen and (max-width: 780px) {\\n  /* no black outline if we\\\'re not confident the entire table can be displayed within bounds */\\n  .lh-expandable-details[open] {\\n    animation: none;\\n  }\\n}\\n\\n.lh-expandable-details[open] summary, details.lh-clump > summary {\\n  border-bottom: 1px solid var(--report-border-color-secondary);\\n}\\ndetails.lh-clump[open] > summary {\\n  border-bottom-width: 0;\\n}\\n\\n\\n\\ndetails .lh-clump-toggletext--hide,\\ndetails[open] .lh-clump-toggletext--show { display: none; }\\ndetails[open] .lh-clump-toggletext--hide { display: block;}\\n\\n\\n/* Tooltip */\\n.lh-tooltip-boundary {\\n  position: relative;\\n}\\n\\n.lh-tooltip {\\n  position: absolute;\\n  display: none; /* Don\\\'t retain these layers when not needed */\\n  opacity: 0;\\n  background: #ffffff;\\n  white-space: pre-line; /* Render newlines in the text */\\n  min-width: 246px;\\n  max-width: 275px;\\n  padding: 15px;\\n  border-radius: 5px;\\n  text-align: initial;\\n  line-height: 1.4;\\n}\\n/* shrink tooltips to not be cutoff on left edge of narrow viewports\\n   45vw is chosen to be ~= width of the left column of metrics\\n*/\\n@media screen and (max-width: 535px) {\\n  .lh-tooltip {\\n    min-width: 45vw;\\n    padding: 3vw;\\n  }\\n}\\n\\n.lh-tooltip-boundary:hover .lh-tooltip {\\n  display: block;\\n  animation: fadeInTooltip 250ms;\\n  animation-fill-mode: forwards;\\n  animation-delay: 850ms;\\n  bottom: 100%;\\n  z-index: 1;\\n  will-change: opacity;\\n  right: 0;\\n  pointer-events: none;\\n}\\n\\n.lh-tooltip::before {\\n  content: "";\\n  border: solid transparent;\\n  border-bottom-color: #fff;\\n  border-width: 10px;\\n  position: absolute;\\n  bottom: -20px;\\n  right: 6px;\\n  transform: rotate(180deg);\\n  pointer-events: none;\\n}\\n\\n@keyframes fadeInTooltip {\\n  0% { opacity: 0; }\\n  75% { opacity: 1; }\\n  100% { opacity: 1;  filter: drop-shadow(1px 0px 1px #aaa) drop-shadow(0px 2px 4px hsla(206, 6%, 25%, 0.15)); pointer-events: auto; }\\n}\\n\\n/* Element screenshot */\\n.lh-element-screenshot {\\n  float: left;\\n  margin-right: 20px;\\n}\\n.lh-element-screenshot__content {\\n  overflow: hidden;\\n  min-width: 110px;\\n  display: flex;\\n  justify-content: center;\\n  background-color: var(--report-background-color);\\n}\\n.lh-element-screenshot__image {\\n  position: relative;\\n  /* Set by ElementScreenshotRenderer.installFullPageScreenshotCssVariable */\\n  background-image: var(--element-screenshot-url);\\n  outline: 2px solid #777;\\n  background-color: white;\\n  background-repeat: no-repeat;\\n}\\n.lh-element-screenshot__mask {\\n  position: absolute;\\n  background: #555;\\n  opacity: 0.8;\\n}\\n.lh-element-screenshot__element-marker {\\n  position: absolute;\\n  outline: 2px solid var(--color-lime-400);\\n}\\n.lh-element-screenshot__overlay {\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  z-index: 2000; /* .lh-topbar is 1000 */\\n  background: var(--screenshot-overlay-background);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  cursor: zoom-out;\\n}\\n\\n.lh-element-screenshot__overlay .lh-element-screenshot {\\n  margin-right: 0; /* clearing margin used in thumbnail case */\\n  outline: 1px solid var(--color-gray-700);\\n}\\n\\n.lh-screenshot-overlay--enabled .lh-element-screenshot {\\n  cursor: zoom-out;\\n}\\n.lh-screenshot-overlay--enabled .lh-node .lh-element-screenshot {\\n  cursor: zoom-in;\\n}\\n\\n\\n.lh-meta__items {\\n  --meta-icon-size: calc(var(--report-icon-size) * 0.667);\\n  padding: var(--default-padding);\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 1fr;\\n  background-color: var(--env-item-background-color);\\n  border-radius: 3px;\\n  margin: 0 0 var(--default-padding) 0;\\n  font-size: 12px;\\n  column-gap: var(--default-padding);\\n  color: var(--color-gray-700);\\n}\\n\\n.lh-meta__item {\\n  display: block;\\n  list-style-type: none;\\n  position: relative;\\n  padding: 0 0 0 calc(var(--meta-icon-size) + var(--default-padding) * 2);\\n  cursor: unset; /* disable pointer cursor from report-icon */\\n}\\n\\n.lh-meta__item.lh-tooltip-boundary {\\n  text-decoration: dotted underline var(--color-gray-500);\\n  cursor: help;\\n}\\n\\n.lh-meta__item.lh-report-icon::before {\\n  position: absolute;\\n  left: var(--default-padding);\\n  width: var(--meta-icon-size);\\n  height: var(--meta-icon-size);\\n}\\n\\n.lh-meta__item.lh-report-icon:hover::before {\\n  opacity: 0.7;\\n}\\n\\n.lh-meta__item .lh-tooltip {\\n  color: var(--color-gray-800);\\n}\\n\\n.lh-meta__item .lh-tooltip::before {\\n  right: auto; /* Set the tooltip arrow to the leftside */\\n  left: 6px;\\n}\\n\\n/* Change the grid for narrow viewport. */\\n@media screen and (max-width: 640px) {\\n  .lh-meta__items {\\n    grid-template-columns: 1fr 1fr;\\n  }\\n}\\n@media screen and (max-width: 535px) {\\n  .lh-meta__items {\\n    display: block;\\n  }\\n}\\n\\n\\n/*# sourceURL=report-styles.css */\\n\'),t.append(n),t}(e);case"topbar":return function(e){const t=e.createFragment(),n=e.createElement("style");n.append("\\n    .lh-topbar {\\n      position: sticky;\\n      top: 0;\\n      left: 0;\\n      right: 0;\\n      z-index: 1000;\\n      display: flex;\\n      align-items: center;\\n      height: var(--topbar-height);\\n      padding: var(--topbar-padding);\\n      font-size: var(--report-font-size-secondary);\\n      background-color: var(--topbar-background-color);\\n      border-bottom: 1px solid var(--color-gray-200);\\n    }\\n\\n    .lh-topbar__logo {\\n      width: var(--topbar-logo-size);\\n      height: var(--topbar-logo-size);\\n      user-select: none;\\n      flex: none;\\n    }\\n\\n    .lh-topbar__url {\\n      margin: var(--topbar-padding);\\n      text-decoration: none;\\n      color: var(--report-text-color);\\n      text-overflow: ellipsis;\\n      overflow: hidden;\\n      white-space: nowrap;\\n    }\\n\\n    .lh-tools {\\n      display: flex;\\n      align-items: center;\\n      margin-left: auto;\\n      will-change: transform;\\n      min-width: var(--report-icon-size);\\n    }\\n    .lh-tools__button {\\n      width: var(--report-icon-size);\\n      min-width: 24px;\\n      height: var(--report-icon-size);\\n      cursor: pointer;\\n      margin-right: 5px;\\n      /* This is actually a button element, but we want to style it like a transparent div. */\\n      display: flex;\\n      background: none;\\n      color: inherit;\\n      border: none;\\n      padding: 0;\\n      font: inherit;\\n      outline: inherit;\\n    }\\n    .lh-tools__button svg {\\n      fill: var(--tools-icon-color);\\n    }\\n    .lh-dark .lh-tools__button svg {\\n      filter: invert(1);\\n    }\\n    .lh-tools__button.lh-active + .lh-tools__dropdown {\\n      opacity: 1;\\n      clip: rect(-1px, 194px, 242px, -3px);\\n      visibility: visible;\\n    }\\n    .lh-tools__dropdown {\\n      position: absolute;\\n      background-color: var(--report-background-color);\\n      border: 1px solid var(--report-border-color);\\n      border-radius: 3px;\\n      padding: calc(var(--default-padding) / 2) 0;\\n      cursor: pointer;\\n      top: 36px;\\n      right: 0;\\n      box-shadow: 1px 1px 3px #ccc;\\n      min-width: 125px;\\n      clip: rect(0, 164px, 0, 0);\\n      visibility: hidden;\\n      opacity: 0;\\n      transition: all 200ms cubic-bezier(0,0,0.2,1);\\n    }\\n    .lh-tools__dropdown a {\\n      color: currentColor;\\n      text-decoration: none;\\n      white-space: nowrap;\\n      padding: 0 6px;\\n      line-height: 2;\\n    }\\n    .lh-tools__dropdown a:hover,\\n    .lh-tools__dropdown a:focus {\\n      background-color: var(--color-gray-200);\\n      outline: none;\\n    }\\n    /* save-gist option hidden in report. */\\n    .lh-tools__dropdown a[data-action=\'save-gist\'] {\\n      display: none;\\n    }\\n\\n    .lh-locale-selector {\\n      width: 100%;\\n      color: var(--report-text-color);\\n      background-color: var(--locale-selector-background-color);\\n      padding: 2px;\\n    }\\n    .lh-tools-locale {\\n      display: flex;\\n      align-items: center;\\n      flex-direction: row-reverse;\\n    }\\n    .lh-tools-locale__selector-wrapper {\\n      transition: opacity 0.15s;\\n      opacity: 0;\\n      max-width: 200px;\\n    }\\n    .lh-button.lh-tool-locale__button {\\n      height: var(--topbar-height);\\n      color: var(--tools-icon-color);\\n      padding: calc(var(--default-padding) / 2);\\n    }\\n    .lh-tool-locale__button.lh-active + .lh-tools-locale__selector-wrapper {\\n      opacity: 1;\\n      clip: rect(-1px, 194px, 242px, -3px);\\n      visibility: visible;\\n      margin: 0 4px;\\n    }\\n\\n    @media screen and (max-width: 964px) {\\n      .lh-tools__dropdown {\\n        right: 0;\\n        left: initial;\\n      }\\n    }\\n    @media print {\\n      .lh-topbar {\\n        position: static;\\n        margin-left: 0;\\n      }\\n\\n      .lh-tools__dropdown {\\n        display: none;\\n      }\\n    }\\n  "),t.append(n);const r=e.createElement("div","lh-topbar"),o=e.createElementNS("http://www.w3.org/2000/svg","svg","lh-topbar__logo");o.setAttribute("role","img"),o.setAttribute("title","Lighthouse logo"),o.setAttribute("fill","none"),o.setAttribute("xmlns","http://www.w3.org/2000/svg"),o.setAttribute("viewBox","0 0 48 48");const i=e.createElementNS("http://www.w3.org/2000/svg","path");i.setAttribute("d","m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z"),i.setAttribute("fill","#F63");const a=e.createElementNS("http://www.w3.org/2000/svg","path");a.setAttribute("d","M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z"),a.setAttribute("fill","#FFA385");const l=e.createElementNS("http://www.w3.org/2000/svg","path");l.setAttribute("fill","#FF3"),l.setAttribute("d","M20.5 10h7v7h-7z"),o.append(" ",i," ",a," ",l," ");const s=e.createElement("a","lh-topbar__url");s.setAttribute("href",""),s.setAttribute("target","_blank"),s.setAttribute("rel","noopener");const c=e.createElement("div","lh-tools"),d=e.createElement("div","lh-tools-locale lh-hidden"),h=e.createElement("button","lh-button lh-tool-locale__button");h.setAttribute("id","lh-button__swap-locales"),h.setAttribute("title","Show Language Picker"),h.setAttribute("aria-label","Toggle language picker"),h.setAttribute("aria-haspopup","menu"),h.setAttribute("aria-expanded","false"),h.setAttribute("aria-controls","lh-tools-locale__selector-wrapper");const p=e.createElementNS("http://www.w3.org/2000/svg","svg");p.setAttribute("width","20px"),p.setAttribute("height","20px"),p.setAttribute("viewBox","0 0 24 24"),p.setAttribute("fill","currentColor");const u=e.createElementNS("http://www.w3.org/2000/svg","path");u.setAttribute("d","M0 0h24v24H0V0z"),u.setAttribute("fill","none");const 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"),p.append(u,g),h.append(" ",p," ");const m=e.createElement("div","lh-tools-locale__selector-wrapper");m.setAttribute("id","lh-tools-locale__selector-wrapper"),m.setAttribute("role","menu"),m.setAttribute("aria-labelledby","lh-button__swap-locales"),m.setAttribute("aria-hidden","true"),m.append(" "," "),d.append(" ",h," ",m," ");const 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");const v=e.createElementNS("http://www.w3.org/2000/svg","svg");v.setAttribute("width","100%"),v.setAttribute("height","100%"),v.setAttribute("viewBox","0 0 24 24");const b=e.createElementNS("http://www.w3.org/2000/svg","path");b.setAttribute("d","M0 0h24v24H0z"),b.setAttribute("fill","none");const _=e.createElementNS("http://www.w3.org/2000/svg","path");_.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"),v.append(" ",b," ",_," "),f.append(" ",v," ");const w=e.createElement("div","lh-tools__dropdown");w.setAttribute("id","lh-tools-dropdown"),w.setAttribute("role","menu"),w.setAttribute("aria-labelledby","lh-tools-button");const y=e.createElement("a","lh-report-icon lh-report-icon--print");y.setAttribute("role","menuitem"),y.setAttribute("tabindex","-1"),y.setAttribute("href","#"),y.setAttribute("data-i18n","dropdownPrintSummary"),y.setAttribute("data-action","print-summary");const x=e.createElement("a","lh-report-icon lh-report-icon--print");x.setAttribute("role","menuitem"),x.setAttribute("tabindex","-1"),x.setAttribute("href","#"),x.setAttribute("data-i18n","dropdownPrintExpanded"),x.setAttribute("data-action","print-expanded");const k=e.createElement("a","lh-report-icon lh-report-icon--copy");k.setAttribute("role","menuitem"),k.setAttribute("tabindex","-1"),k.setAttribute("href","#"),k.setAttribute("data-i18n","dropdownCopyJSON"),k.setAttribute("data-action","copy");const E=e.createElement("a","lh-report-icon lh-report-icon--download lh-hidden");E.setAttribute("role","menuitem"),E.setAttribute("tabindex","-1"),E.setAttribute("href","#"),E.setAttribute("data-i18n","dropdownSaveHTML"),E.setAttribute("data-action","save-html");const A=e.createElement("a","lh-report-icon lh-report-icon--download");A.setAttribute("role","menuitem"),A.setAttribute("tabindex","-1"),A.setAttribute("href","#"),A.setAttribute("data-i18n","dropdownSaveJSON"),A.setAttribute("data-action","save-json");const S=e.createElement("a","lh-report-icon lh-report-icon--open");S.setAttribute("role","menuitem"),S.setAttribute("tabindex","-1"),S.setAttribute("href","#"),S.setAttribute("data-i18n","dropdownViewer"),S.setAttribute("data-action","open-viewer");const z=e.createElement("a","lh-report-icon lh-report-icon--open");z.setAttribute("role","menuitem"),z.setAttribute("tabindex","-1"),z.setAttribute("href","#"),z.setAttribute("data-i18n","dropdownSaveGist"),z.setAttribute("data-action","save-gist");const C=e.createElement("a","lh-report-icon lh-report-icon--dark");return C.setAttribute("role","menuitem"),C.setAttribute("tabindex","-1"),C.setAttribute("href","#"),C.setAttribute("data-i18n","dropdownDarkTheme"),C.setAttribute("data-action","toggle-dark"),w.append(" ",y," ",x," ",k," "," ",E," ",A," ",S," ",z," ",C," "),c.append(" ",d," ",f," ",w," "),r.append(" "," ",o," ",s," ",c," "),t.append(r),t}(e);case"warningsToplevel":return function(e){const t=e.createFragment(),n=e.createElement("div","lh-warnings lh-warnings--toplevel"),r=e.createElement("p","lh-warnings__msg"),o=e.createElement("ul");return n.append(" ",r," ",o," "),t.append(n),t}(e)}throw new Error("unexpected component: "+t)}(this,e),this._componentCache.set(e,t),t.cloneNode(!0)}clearComponentCache(){this._componentCache.clear()}convertMarkdownLinkSnippets(e,t={}){const r=this.createElement("span");for(const o of n.splitMarkdownLink(e)){const e=o.text.includes("`")?this.convertMarkdownCodeSnippets(o.text):o.text;if(!o.isLink){r.append(e);continue}const n=new URL(o.linkHref);(["https://developers.google.com","https://web.dev","https://developer.chrome.com"].includes(n.origin)||t.alwaysAppendUtmSource)&&(n.searchParams.set("utm_source","lighthouse"),n.searchParams.set("utm_medium",this._lighthouseChannel));const i=this.createElement("a");i.rel="noopener",i.target="_blank",i.append(e),this.safelySetHref(i,n.href),r.append(i)}return r}safelySetHref(e,t){if((t=t||"").startsWith("#"))return void(e.href=t);let n;try{n=new URL(t)}catch(e){}n&&["https:","http:"].includes(n.protocol)&&(e.href=n.href)}safelySetBlobHref(e,t){if("text/html"!==t.type&&"application/json"!==t.type)throw new Error("Unsupported blob type");const n=URL.createObjectURL(t);e.href=n}convertMarkdownCodeSnippets(e){const t=this.createElement("span");for(const r of n.splitMarkdownCodeSpans(e))if(r.isCode){const e=this.createElement("code");e.textContent=r.text,t.append(e)}else t.append(this._document.createTextNode(r.text));return t}setLighthouseChannel(e){this._lighthouseChannel=e}document(){return this._document}isDevTools(){return!!this._document.querySelector(".lh-devtools")}find(e,t){const n=t.querySelector(e);if(null===n)throw new Error(`query ${e} not found`);return n}findAll(e,t){return Array.from(t.querySelectorAll(e))}fireEventOn(e,t=this._document,n){const r=new CustomEvent(e,n?{detail:n}:void 0);t.dispatchEvent(r)}saveFile(e,t){const n=this.createElement("a");n.download=t,this.safelySetBlobHref(n,e),this._document.body.append(n),n.click(),this._document.body.removeChild(n),setTimeout((()=>URL.revokeObjectURL(n.href)),500)}}\n/**\n   * @license Copyright 2023 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */let o=0;class i{static i18n=null;static strings={};static reportJson=null;static apply(e){i.strings={...c,...e.providedStrings},i.i18n=e.i18n,i.reportJson=e.reportJson}static getUniqueSuffix(){return o++}static resetUniqueSuffix(){o=0}}\n/**\n   * @license Copyright 2023 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */const a="data:image/jpeg;base64,",l=n.RATINGS;\n/**\n   * @license Copyright 2023 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */class s{static prepareReportResult(e){const t=JSON.parse(JSON.stringify(e));!function(e){e.configSettings.locale||(e.configSettings.locale="en"),e.configSettings.formFactor||(e.configSettings.formFactor=e.configSettings.emulatedFormFactor),e.finalDisplayedUrl=n.getFinalDisplayedUrl(e),e.mainDocumentUrl=n.getMainDocumentUrl(e);for(const t of Object.values(e.audits))if("not_applicable"!==t.scoreDisplayMode&&"not-applicable"!==t.scoreDisplayMode||(t.scoreDisplayMode="notApplicable"),t.details){if(void 0!==t.details.type&&"diagnostic"!==t.details.type||(t.details.type="debugdata"),"filmstrip"===t.details.type)for(const e of t.details.items)e.data.startsWith(a)||(e.data=a+e.data);if("table"===t.details.type)for(const e of t.details.headings){const{itemType:t,text:n}=e;void 0!==t&&(e.valueType=t,delete e.itemType),void 0!==n&&(e.label=n,delete e.text);const r=e.subItemsHeading?.itemType;e.subItemsHeading&&void 0!==r&&(e.subItemsHeading.valueType=r,delete e.subItemsHeading.itemType)}if("third-party-summary"===t.id&&("opportunity"===t.details.type||"table"===t.details.type)){const{headings:e,items:n}=t.details;if("link"===e[0].valueType){e[0].valueType="text";for(const e of n)"object"==typeof e.entity&&"link"===e.entity.type&&(e.entity=e.entity.text);t.details.isEntityGrouped=!0}}}const[t]=e.lighthouseVersion.split(".").map(Number),r=e.categories.performance;if(t<9&&r){e.categoryGroups||(e.categoryGroups={}),e.categoryGroups.hidden={title:""};for(const e of r.auditRefs)e.group?["load-opportunities","diagnostics"].includes(e.group)&&delete e.group:e.group="hidden"}if(e.environment||(e.environment={benchmarkIndex:0,networkUserAgent:e.userAgent,hostUserAgent:e.userAgent}),e.configSettings.screenEmulation||(e.configSettings.screenEmulation={width:-1,height:-1,deviceScaleFactor:-1,mobile:/mobile/i.test(e.environment.hostUserAgent),disabled:!1}),e.i18n||(e.i18n={}),e.audits["full-page-screenshot"]){const t=e.audits["full-page-screenshot"].details;e.fullPageScreenshot=t?{screenshot:t.screenshot,nodes:t.nodes}:null,delete e.audits["full-page-screenshot"]}}(t);for(const e of Object.values(t.audits))e.details&&("opportunity"!==e.details.type&&"table"!==e.details.type||!e.details.isEntityGrouped&&t.entities&&s.classifyEntities(t.entities,e.details));if("object"!=typeof t.categories)throw new Error("No categories provided.");const r=new Map;for(const e of Object.values(t.categories))e.auditRefs.forEach((e=>{e.relevantAudits&&e.relevantAudits.forEach((t=>{const n=r.get(t)||[];n.push(e),r.set(t,n)}))})),e.auditRefs.forEach((e=>{const n=t.audits[e.id];e.result=n,r.has(e.id)&&(e.relevantMetrics=r.get(e.id)),t.stackPacks&&t.stackPacks.forEach((t=>{t.descriptions[e.id]&&(e.stackPacks=e.stackPacks||[],e.stackPacks.push({title:t.title,iconDataURL:t.iconDataURL,description:t.descriptions[e.id]}))}))}));return t}static getUrlLocatorFn(e){const t=e.find((e=>"url"===e.valueType))?.key;if(t&&"string"==typeof t)return e=>{const n=e[t];if("string"==typeof n)return n};const n=e.find((e=>"source-location"===e.valueType))?.key;return n?e=>{const t=e[n];if("object"==typeof t&&"source-location"===t.type)return t.url}:void 0}static classifyEntities(e,t){const{items:r,headings:o}=t;if(!r.length||r.some((e=>e.entity)))return;const i=s.getUrlLocatorFn(o);if(i)for(const t of r){const r=i(t);if(!r)continue;let o="";try{o=n.parseURL(r).origin}catch{}if(!o)continue;const a=e.find((e=>e.origins.includes(o)));a&&(t.entity=a.name)}}static getTableItemSortComparator(e){return(t,n)=>{for(const r of e){const e=t[r],o=n[r];if(typeof e==typeof o&&["number","string"].includes(typeof e)||console.warn(`Warning: Attempting to sort unsupported value type: ${r}.`),"number"==typeof e&&"number"==typeof o&&e!==o)return o-e;if("string"==typeof e&&"string"==typeof o&&e!==o)return e.localeCompare(o)}return 0}}static getEmulationDescriptions(e){let t,n,r;const o=e.throttling,a=i.i18n,l=i.strings;switch(e.throttlingMethod){case"provided":r=n=t=l.throttlingProvided;break;case"devtools":{const{cpuSlowdownMultiplier:e,requestLatencyMs:i}=o;t=a.formatNumber(e)+"x slowdown (DevTools)",n=`${a.formatMilliseconds(i)} HTTP RTT, ${a.formatKbps(o.downloadThroughputKbps)} down, ${a.formatKbps(o.uploadThroughputKbps)} up (DevTools)`,r=562.5===i&&o.downloadThroughputKbps===1638.4*.9&&675===o.uploadThroughputKbps?l.runtimeSlow4g:l.runtimeCustom;break}case"simulate":{const{cpuSlowdownMultiplier:e,rttMs:i,throughputKbps:s}=o;t=a.formatNumber(e)+"x slowdown (Simulated)",n=`${a.formatMilliseconds(i)} TCP RTT, ${a.formatKbps(s)} throughput (Simulated)`,r=150===i&&1638.4===s?l.runtimeSlow4g:l.runtimeCustom;break}default:r=t=n=l.runtimeUnknown}const s="devtools"!==e.channel&&e.screenEmulation.disabled,c="devtools"===e.channel?"mobile"===e.formFactor:e.screenEmulation.mobile;let d=l.runtimeMobileEmulation;return s?d=l.runtimeNoEmulation:c||(d=l.runtimeDesktopEmulation),{deviceEmulation:d,screenEmulation:s?void 0:`${e.screenEmulation.width}x${e.screenEmulation.height}, DPR ${e.screenEmulation.deviceScaleFactor}`,cpuThrottling:t,networkThrottling:n,summary:r}}static showAsPassed(e){switch(e.scoreDisplayMode){case"manual":case"notApplicable":return!0;case"error":case"informative":return!1;case"numeric":case"binary":default:return Number(e.score)>=l.PASS.minScore}}static calculateRating(e,t){if("manual"===t||"notApplicable"===t)return l.PASS.label;if("error"===t)return l.ERROR.label;if(null===e)return l.FAIL.label;let n=l.FAIL.label;return e>=l.PASS.minScore?n=l.PASS.label:e>=l.AVERAGE.minScore&&(n=l.AVERAGE.label),n}static calculateCategoryFraction(e){let t=0,n=0,r=0,o=0;for(const i of e.auditRefs){const e=s.showAsPassed(i.result);"hidden"!==i.group&&"manual"!==i.result.scoreDisplayMode&&"notApplicable"!==i.result.scoreDisplayMode&&("informative"!==i.result.scoreDisplayMode?(++t,o+=i.weight,e&&n++):e||++r)}return{numPassed:n,numPassableAudits:t,numInformative:r,totalWeight:o}}static isPluginCategory(e){return e.startsWith("lighthouse-plugin-")}static shouldDisplayAsFraction(e){return"timespan"===e||"snapshot"===e}}const c={varianceDisclaimer:"Values are estimated and may vary. The [performance score is calculated](https://developer.chrome.com/docs/lighthouse/performance/performance-scoring/) directly from these metrics.",calculatorLink:"See calculator.",showRelevantAudits:"Show audits relevant to:",opportunityResourceColumnLabel:"Opportunity",opportunitySavingsColumnLabel:"Estimated Savings",errorMissingAuditInfo:"Report error: no audit information",errorLabel:"Error!",warningHeader:"Warnings: ",warningAuditsGroupTitle:"Passed audits but with warnings",passedAuditsGroupTitle:"Passed audits",notApplicableAuditsGroupTitle:"Not applicable",manualAuditsGroupTitle:"Additional items to manually check",toplevelWarningsMessage:"There were issues affecting this run of Lighthouse:",crcInitialNavigation:"Initial Navigation",crcLongestDurationLabel:"Maximum critical path latency:",snippetExpandButtonLabel:"Expand snippet",snippetCollapseButtonLabel:"Collapse snippet",lsPerformanceCategoryDescription:"[Lighthouse](https://developers.google.com/web/tools/lighthouse/) analysis of the current page on an emulated mobile network. Values are estimated and may vary.",labDataTitle:"Lab Data",thirdPartyResourcesLabel:"Show 3rd-party resources",viewTreemapLabel:"View Treemap",viewTraceLabel:"View Trace",viewOriginalTraceLabel:"View Original Trace",dropdownPrintSummary:"Print Summary",dropdownPrintExpanded:"Print Expanded",dropdownCopyJSON:"Copy JSON",dropdownSaveHTML:"Save as HTML",dropdownSaveJSON:"Save as JSON",dropdownViewer:"Open in Viewer",dropdownSaveGist:"Save as Gist",dropdownDarkTheme:"Toggle Dark Theme",runtimeSettingsDevice:"Device",runtimeSettingsNetworkThrottling:"Network throttling",runtimeSettingsCPUThrottling:"CPU throttling",runtimeSettingsUANetwork:"User agent (network)",runtimeSettingsBenchmark:"Unthrottled CPU/Memory Power",runtimeSettingsAxeVersion:"Axe version",runtimeSettingsScreenEmulation:"Screen emulation",footerIssue:"File an issue",runtimeNoEmulation:"No emulation",runtimeMobileEmulation:"Emulated Moto G Power",runtimeDesktopEmulation:"Emulated Desktop",runtimeUnknown:"Unknown",runtimeSingleLoad:"Single page load",runtimeAnalysisWindow:"Initial page load",runtimeSingleLoadTooltip:"This data is taken from a single page load, as opposed to field data summarizing many sessions.",throttlingProvided:"Provided by environment",show:"Show",hide:"Hide",expandView:"Expand view",collapseView:"Collapse view",runtimeSlow4g:"Slow 4G throttling",runtimeCustom:"Custom throttling",firstPartyChipLabel:"1st party",openInANewTabTooltip:"Open in a new tab",unattributable:"Unattributable"};\n/**\n   * @license\n   * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\n   *\n   * Licensed under the Apache License, Version 2.0 (the "License");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *      http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an "AS-IS" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   */class d{constructor(e,t){this.dom=e,this.detailsRenderer=t}get _clumpTitles(){return{warning:i.strings.warningAuditsGroupTitle,manual:i.strings.manualAuditsGroupTitle,passed:i.strings.passedAuditsGroupTitle,notApplicable:i.strings.notApplicableAuditsGroupTitle}}renderAudit(e){const t=this.dom.createComponent("audit");return this.populateAuditValues(e,t)}populateAuditValues(e,t){const n=i.strings,r=this.dom.find(".lh-audit",t);r.id=e.result.id;const o=e.result.scoreDisplayMode;e.result.displayValue&&(this.dom.find(".lh-audit__display-text",r).textContent=e.result.displayValue);const a=this.dom.find(".lh-audit__title",r);a.append(this.dom.convertMarkdownCodeSnippets(e.result.title));const l=this.dom.find(".lh-audit__description",r);l.append(this.dom.convertMarkdownLinkSnippets(e.result.description));for(const t of e.relevantMetrics||[]){const e=this.dom.createChildOf(l,"span","lh-audit__adorn");e.title="Relevant to "+t.result.title,e.textContent=t.acronym||t.id}e.stackPacks&&e.stackPacks.forEach((e=>{const t=this.dom.createElement("img","lh-audit__stackpack__img");t.src=e.iconDataURL,t.alt=e.title;const n=this.dom.convertMarkdownLinkSnippets(e.description,{alwaysAppendUtmSource:!0}),o=this.dom.createElement("div","lh-audit__stackpack");o.append(t,n),this.dom.find(".lh-audit__stackpacks",r).append(o)}));const s=this.dom.find("details",r);if(e.result.details){const t=this.detailsRenderer.render(e.result.details);t&&(t.classList.add("lh-details"),s.append(t))}if(this.dom.find(".lh-chevron-container",r).append(this._createChevron()),this._setRatingClass(r,e.result.score,o),"error"===e.result.scoreDisplayMode){r.classList.add("lh-audit--error");const t=this.dom.find(".lh-audit__display-text",r);t.textContent=n.errorLabel,t.classList.add("lh-tooltip-boundary"),this.dom.createChildOf(t,"div","lh-tooltip lh-tooltip--error").textContent=e.result.errorMessage||n.errorMissingAuditInfo}else e.result.explanation&&(this.dom.createChildOf(a,"div","lh-audit-explanation").textContent=e.result.explanation);const c=e.result.warnings;if(!c||0===c.length)return r;const d=this.dom.find("summary",s),h=this.dom.createChildOf(d,"div","lh-warnings");if(this.dom.createChildOf(h,"span").textContent=n.warningHeader,1===c.length)h.append(this.dom.createTextNode(c.join("")));else{const e=this.dom.createChildOf(h,"ul");for(const t of c)this.dom.createChildOf(e,"li").textContent=t}return r}injectFinalScreenshot(e,t,n){const r=t["final-screenshot"];if(!r||"error"===r.scoreDisplayMode)return null;if(!r.details||"screenshot"!==r.details.type)return null;const o=this.dom.createElement("img","lh-final-ss-image"),i=r.details.data;o.src=i,o.alt=r.title;const a=this.dom.find(".lh-category .lh-category-header",e),l=this.dom.createElement("div","lh-category-headercol"),s=this.dom.createElement("div","lh-category-headercol lh-category-headercol--separator"),c=this.dom.createElement("div","lh-category-headercol");l.append(...a.childNodes),l.append(n),c.append(o),a.append(l,s,c),a.classList.add("lh-category-header__finalscreenshot")}_createChevron(){const e=this.dom.createComponent("chevron");return this.dom.find("svg.lh-chevron",e)}_setRatingClass(e,t,n){const r=s.calculateRating(t,n);return e.classList.add("lh-audit--"+n.toLowerCase()),"informative"!==n&&e.classList.add("lh-audit--"+r),e}renderCategoryHeader(e,t,n){const r=this.dom.createComponent("categoryHeader"),o=this.dom.find(".lh-score__gauge",r),i=this.renderCategoryScore(e,t,n);if(o.append(i),e.description){const t=this.dom.convertMarkdownLinkSnippets(e.description);this.dom.find(".lh-category-header__description",r).append(t)}return r}renderAuditGroup(e){const t=this.dom.createElement("div","lh-audit-group"),n=this.dom.createElement("div","lh-audit-group__header");this.dom.createChildOf(n,"span","lh-audit-group__title").textContent=e.title,t.append(n);let r=null;return e.description&&(r=this.dom.convertMarkdownLinkSnippets(e.description),r.classList.add("lh-audit-group__description","lh-audit-group__footer"),t.append(r)),[t,r]}_renderGroupedAudits(e,t){const n=new Map,r="NotAGroup";n.set(r,[]);for(const t of e){const e=t.group||r,o=n.get(e)||[];o.push(t),n.set(e,o)}const o=[];for(const[e,i]of n){if(e===r){for(const e of i)o.push(this.renderAudit(e));continue}const n=t[e],[a,l]=this.renderAuditGroup(n);for(const e of i)a.insertBefore(this.renderAudit(e),l);a.classList.add("lh-audit-group--"+e),o.push(a)}return o}renderUnexpandableClump(e,t){const n=this.dom.createElement("div");return this._renderGroupedAudits(e,t).forEach((e=>n.append(e))),n}renderClump(e,{auditRefs:t,description:n}){const r=this.dom.createComponent("clump"),o=this.dom.find(".lh-clump",r);"warning"===e&&o.setAttribute("open","");const a=this.dom.find(".lh-audit-group__header",o),l=this._clumpTitles[e];this.dom.find(".lh-audit-group__title",a).textContent=l,this.dom.find(".lh-audit-group__itemcount",o).textContent=`(${t.length})`;const s=t.map(this.renderAudit.bind(this));o.append(...s);const c=this.dom.find(".lh-audit-group",r);if(n){const e=this.dom.convertMarkdownLinkSnippets(n);e.classList.add("lh-audit-group__description","lh-audit-group__footer"),c.append(e)}return this.dom.find(".lh-clump-toggletext--show",c).textContent=i.strings.show,this.dom.find(".lh-clump-toggletext--hide",c).textContent=i.strings.hide,o.classList.add("lh-clump--"+e.toLowerCase()),c}renderCategoryScore(e,t,n){let r;if(r=n&&s.shouldDisplayAsFraction(n.gatherMode)?this.renderCategoryFraction(e):this.renderScoreGauge(e,t),n?.omitLabel&&this.dom.find(".lh-gauge__label,.lh-fraction__label",r).remove(),n?.onPageAnchorRendered){const e=this.dom.find("a",r);n.onPageAnchorRendered(e)}return r}renderScoreGauge(e,t){const n=this.dom.createComponent("gauge"),r=this.dom.find("a.lh-gauge__wrapper",n);s.isPluginCategory(e.id)&&r.classList.add("lh-gauge__wrapper--plugin");const o=Number(e.score),a=this.dom.find(".lh-gauge",n),l=this.dom.find("circle.lh-gauge-arc",a);l&&this._setGaugeArc(l,o);const c=Math.round(100*o),d=this.dom.find("div.lh-gauge__percentage",n);return d.textContent=c.toString(),null===e.score&&(d.classList.add("lh-gauge--error"),d.textContent="",d.title=i.strings.errorLabel),0===e.auditRefs.length||this.hasApplicableAudits(e)?r.classList.add("lh-gauge__wrapper--"+s.calculateRating(e.score)):(r.classList.add("lh-gauge__wrapper--not-applicable"),d.textContent="-",d.title=i.strings.notApplicableAuditsGroupTitle),this.dom.find(".lh-gauge__label",n).textContent=e.title,n}renderCategoryFraction(e){const t=this.dom.createComponent("fraction"),n=this.dom.find("a.lh-fraction__wrapper",t),{numPassed:r,numPassableAudits:o,totalWeight:i}=s.calculateCategoryFraction(e),a=r/o,l=this.dom.find(".lh-fraction__content",t),c=this.dom.createElement("span");c.textContent=`${r}/${o}`,l.append(c);let d=s.calculateRating(a);return 0===i&&(d="null"),n.classList.add("lh-fraction__wrapper--"+d),this.dom.find(".lh-fraction__label",t).textContent=e.title,t}hasApplicableAudits(e){return e.auditRefs.some((e=>"notApplicable"!==e.result.scoreDisplayMode))}_setGaugeArc(e,t){const n=2*Math.PI*Number(e.getAttribute("r")),r=Number(e.getAttribute("stroke-width")),o=.25*r/n;e.style.transform=`rotate(${360*o-90}deg)`;let i=t*n-r/2;0===t&&(e.style.opacity="0"),1===t&&(i=n),e.style.strokeDasharray=`${Math.max(i,0)} ${n}`}_auditHasWarning(e){return Boolean(e.result.warnings?.length)}_getClumpIdForAuditRef(e){const t=e.result.scoreDisplayMode;return"manual"===t||"notApplicable"===t?t:s.showAsPassed(e.result)?this._auditHasWarning(e)?"warning":"passed":"failed"}render(e,t={},n){const r=this.dom.createElement("div","lh-category");r.id=e.id,r.append(this.renderCategoryHeader(e,t,n));const o=new Map;o.set("failed",[]),o.set("warning",[]),o.set("manual",[]),o.set("passed",[]),o.set("notApplicable",[]);for(const t of e.auditRefs){const e=this._getClumpIdForAuditRef(t),n=o.get(e);n.push(t),o.set(e,n)}for(const e of o.values())e.sort(((e,t)=>t.weight-e.weight));for(const[n,i]of o){if(0===i.length)continue;if("failed"===n){const e=this.renderUnexpandableClump(i,t);e.classList.add("lh-clump--failed"),r.append(e);continue}const o="manual"===n?e.manualDescription:void 0,a=this.renderClump(n,{auditRefs:i,description:o});r.append(a)}return r}}\n/**\n   * @license\n   * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\n   *\n   * Licensed under the Apache License, Version 2.0 (the "License");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *      http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an "AS-IS" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   */class h{static initTree(e){let t=0;const n=Object.keys(e);return n.length>0&&(t=e[n[0]].request.startTime),{tree:e,startTime:t,transferSize:0}}static createSegment(e,t,n,r,o,i){const a=e[t],l=Object.keys(e),s=l.indexOf(t)===l.length-1,c=!!a.children&&Object.keys(a.children).length>0,d=Array.isArray(o)?o.slice(0):[];return void 0!==i&&d.push(!i),{node:a,isLastChild:s,hasChildren:c,startTime:n,transferSize:r+a.request.transferSize,treeMarkers:d}}static createChainNode(e,t,n){const r=e.createComponent("crcChain");e.find(".lh-crc-node",r).setAttribute("title",t.node.request.url);const o=e.find(".lh-crc-node__tree-marker",r);t.treeMarkers.forEach((t=>{const n=t?"lh-tree-marker lh-vert":"lh-tree-marker";o.append(e.createElement("span",n),e.createElement("span","lh-tree-marker"))}));const a=t.isLastChild?"lh-tree-marker lh-up-right":"lh-tree-marker lh-vert-right",l=t.hasChildren?"lh-tree-marker lh-horiz-down":"lh-tree-marker lh-right";o.append(e.createElement("span",a),e.createElement("span","lh-tree-marker lh-right"),e.createElement("span",l));const s=t.node.request.url,c=n.renderTextURL(s),d=e.find(".lh-crc-node__tree-value",r);if(d.append(c),!t.hasChildren){const{startTime:n,endTime:r,transferSize:o}=t.node.request,a=e.createElement("span","lh-crc-node__chain-duration");a.textContent=" - "+i.i18n.formatMilliseconds(1e3*(r-n))+", ";const l=e.createElement("span","lh-crc-node__chain-duration");l.textContent=i.i18n.formatBytesToKiB(o,.01),d.append(a,l)}return r}static buildTree(e,t,n,r,o,i){if(r.append(p.createChainNode(e,n,i)),n.node.children)for(const a of Object.keys(n.node.children)){const l=p.createSegment(n.node.children,a,n.startTime,n.transferSize,n.treeMarkers,n.isLastChild);p.buildTree(e,t,l,r,o,i)}}static render(e,t,n){const r=e.createComponent("crc"),o=e.find(".lh-crc",r);e.find(".lh-crc-initial-nav",r).textContent=i.strings.crcInitialNavigation,e.find(".lh-crc__longest_duration_label",r).textContent=i.strings.crcLongestDurationLabel,e.find(".lh-crc__longest_duration",r).textContent=i.i18n.formatMilliseconds(t.longestChain.duration);const a=p.initTree(t.chains);for(const i of Object.keys(a.tree)){const l=p.createSegment(a.tree,i,a.startTime,a.transferSize);p.buildTree(e,r,l,o,t,n)}return e.find(".lh-crc-container",r)}}const p=h;\n/**\n   * @license Copyright 2020 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */function u(e,t,n){return e<t?t:e>n?n:e}class g{static getScreenshotPositions(e,t,n){const r=(i=e).left+i.width/2,o=i.top+i.height/2;var i;const a=u(r-t.width/2,0,n.width-t.width),l=u(o-t.height/2,0,n.height-t.height);return{screenshot:{left:a,top:l},clip:{left:e.left-a,top:e.top-l}}}static renderClipPathInScreenshot(e,t,n,r,o){const a=e.find("clipPath",t),l="clip-"+i.getUniqueSuffix();a.id=l,t.style.clipPath=`url(#${l})`;const s=n.top/o.height,c=s+r.height/o.height,d=n.left/o.width,h=d+r.width/o.width,p=[`0,0             1,0            1,${s}          0,${s}`,`0,${c}     1,${c}    1,1               0,1`,`0,${s}        ${d},${s} ${d},${c} 0,${c}`,`${h},${s} 1,${s}       1,${c}       ${h},${c}`];for(const t of p){const n=e.createElementNS("http://www.w3.org/2000/svg","polygon");n.setAttribute("points",t),a.append(n)}}static installFullPageScreenshot(e,t){e.style.setProperty("--element-screenshot-url",`url(\'${t.data}\')`)}static installOverlayFeature(e){const{dom:t,rootEl:n,overlayContainerEl:r,fullPageScreenshot:o}=e,i="lh-screenshot-overlay--enabled";n.classList.contains(i)||(n.classList.add(i),n.addEventListener("click",(e=>{const n=e.target;if(!n)return;const i=n.closest(".lh-node > .lh-element-screenshot");if(!i)return;const a=t.createElement("div","lh-element-screenshot__overlay");r.append(a);const l={width:.95*a.clientWidth,height:.8*a.clientHeight},s={width:Number(i.dataset.rectWidth),height:Number(i.dataset.rectHeight),left:Number(i.dataset.rectLeft),right:Number(i.dataset.rectLeft)+Number(i.dataset.rectWidth),top:Number(i.dataset.rectTop),bottom:Number(i.dataset.rectTop)+Number(i.dataset.rectHeight)},c=g.render(t,o.screenshot,s,l);c?(a.append(c),a.addEventListener("click",(()=>a.remove()))):a.remove()})))}static _computeZoomFactor(e,t){const n={x:t.width/e.width,y:t.height/e.height},r=.75*Math.min(n.x,n.y);return Math.min(1,r)}static render(e,t,n,r){if(!function(e,t){return t.left<=e.width&&0<=t.right&&t.top<=e.height&&0<=t.bottom}(t,n))return null;const o=e.createComponent("elementScreenshot"),i=e.find("div.lh-element-screenshot",o);i.dataset.rectWidth=n.width.toString(),i.dataset.rectHeight=n.height.toString(),i.dataset.rectLeft=n.left.toString(),i.dataset.rectTop=n.top.toString();const a=this._computeZoomFactor(n,r),l={width:r.width/a,height:r.height/a};l.width=Math.min(t.width,l.width),l.height=Math.min(t.height,l.height);const s=l.width*a,c=l.height*a,d=g.getScreenshotPositions(n,l,{width:t.width,height:t.height}),h=e.find("div.lh-element-screenshot__image",i);h.style.width=s+"px",h.style.height=c+"px",h.style.backgroundPositionY=-d.screenshot.top*a+"px",h.style.backgroundPositionX=-d.screenshot.left*a+"px",h.style.backgroundSize=`${t.width*a}px ${t.height*a}px`;const p=e.find("div.lh-element-screenshot__element-marker",i);p.style.width=n.width*a+"px",p.style.height=n.height*a+"px",p.style.left=d.clip.left*a+"px",p.style.top=d.clip.top*a+"px";const u=e.find("div.lh-element-screenshot__mask",i);return u.style.width=s+"px",u.style.height=c+"px",g.renderClipPathInScreenshot(e,u,d.clip,n,l),i\n/**\n   * @license\n   * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\n   *\n   * Licensed under the Apache License, Version 2.0 (the "License");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *      http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an "AS-IS" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   */}}const m=["http://","https://","data:"],f=["bytes","numeric","ms","timespanMs"];class v{constructor(e,t={}){this._dom=e,this._fullPageScreenshot=t.fullPageScreenshot,this._entities=t.entities}render(e){switch(e.type){case"filmstrip":return this._renderFilmstrip(e);case"list":return this._renderList(e);case"table":case"opportunity":return this._renderTable(e);case"criticalrequestchain":return h.render(this._dom,e,this);case"screenshot":case"debugdata":case"treemap-data":return null;default:return this._renderUnknown(e.type,e)}}_renderBytes(e){const t=i.i18n.formatBytesToKiB(e.value,e.granularity||.1),n=this._renderText(t);return n.title=i.i18n.formatBytes(e.value),n}_renderMilliseconds(e){let t;return t="duration"===e.displayUnit?i.i18n.formatDuration(e.value):i.i18n.formatMilliseconds(e.value,e.granularity||10),this._renderText(t)}renderTextURL(e){const t=e;let r,o,i;try{const e=n.parseURL(t);r="/"===e.file?e.origin:e.file,o="/"===e.file||""===e.hostname?"":`(${e.hostname})`,i=t}catch(e){r=t}const a=this._dom.createElement("div","lh-text__url");if(a.append(this._renderLink({text:r,url:t})),o){const e=this._renderText(o);e.classList.add("lh-text__url-host"),a.append(e)}return i&&(a.title=t,a.dataset.url=t),a}_renderLink(e){const t=this._dom.createElement("a");if(this._dom.safelySetHref(t,e.url),!t.href){const t=this._renderText(e.text);return t.classList.add("lh-link"),t}return t.rel="noopener",t.target="_blank",t.textContent=e.text,t.classList.add("lh-link"),t}_renderText(e){const t=this._dom.createElement("div","lh-text");return t.textContent=e,t}_renderNumeric(e){const t=i.i18n.formatNumber(e.value,e.granularity||.1),n=this._dom.createElement("div","lh-numeric");return n.textContent=t,n}_renderThumbnail(e){const t=this._dom.createElement("img","lh-thumbnail"),n=e;return t.src=n,t.title=n,t.alt="",t}_renderUnknown(e,t){console.error("Unknown details type: "+e,t);const n=this._dom.createElement("details","lh-unknown");return this._dom.createChildOf(n,"summary").textContent=`We don\'t know how to render audit details of type \\`${e}\\`. 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(n,"pre").textContent=JSON.stringify(t,null,2),n}_renderTableValue(e,t){if(null==e)return null;if("object"==typeof e)switch(e.type){case"code":return this._renderCode(e.value);case"link":return this._renderLink(e);case"node":return this.renderNode(e);case"numeric":return this._renderNumeric(e);case"source-location":return this.renderSourceLocation(e);case"url":return this.renderTextURL(e.value);default:return this._renderUnknown(e.type,e)}switch(t.valueType){case"bytes":{const n=Number(e);return this._renderBytes({value:n,granularity:t.granularity})}case"code":{const t=String(e);return this._renderCode(t)}case"ms":{const n={value:Number(e),granularity:t.granularity,displayUnit:t.displayUnit};return this._renderMilliseconds(n)}case"numeric":{const n=Number(e);return this._renderNumeric({value:n,granularity:t.granularity})}case"text":{const t=String(e);return this._renderText(t)}case"thumbnail":{const t=String(e);return this._renderThumbnail(t)}case"timespanMs":{const t=Number(e);return this._renderMilliseconds({value:t})}case"url":{const t=String(e);return m.some((e=>t.startsWith(e)))?this.renderTextURL(t):this._renderCode(t)}default:return this._renderUnknown(t.valueType,e)}}_getDerivedSubItemsHeading(e){return e.subItemsHeading?{key:e.subItemsHeading.key||"",valueType:e.subItemsHeading.valueType||e.valueType,granularity:e.subItemsHeading.granularity||e.granularity,displayUnit:e.subItemsHeading.displayUnit||e.displayUnit,label:""}:null}_renderTableRow(e,t){const n=this._dom.createElement("tr");for(const r of t){if(!r||!r.key){this._dom.createChildOf(n,"td","lh-table-column--empty");continue}const t=e[r.key];let o;if(null!=t&&(o=this._renderTableValue(t,r)),o){const e="lh-table-column--"+r.valueType;this._dom.createChildOf(n,"td",e).append(o)}else this._dom.createChildOf(n,"td","lh-table-column--empty")}return n}_renderTableRowsFromItem(e,t){const n=this._dom.createFragment();if(n.append(this._renderTableRow(e,t)),!e.subItems)return n;const r=t.map(this._getDerivedSubItemsHeading);if(!r.some(Boolean))return n;for(const t of e.subItems.items){const e=this._renderTableRow(t,r);e.classList.add("lh-sub-item-row"),n.append(e)}return n}_adornEntityGroupRow(e){const t=e.dataset.entity;if(!t)return;const n=this._entities?.find((e=>e.name===t));if(!n)return;const r=this._dom.find("td",e);if(n.category){const e=this._dom.createElement("span");e.classList.add("lh-audit__adorn"),e.textContent=n.category,r.append(" ",e)}if(n.isFirstParty){const e=this._dom.createElement("span");e.classList.add("lh-audit__adorn","lh-audit__adorn1p"),e.textContent=i.strings.firstPartyChipLabel,r.append(" ",e)}if(n.homepage){const e=this._dom.createElement("a");e.href=n.homepage,e.target="_blank",e.title=i.strings.openInANewTabTooltip,e.classList.add("lh-report-icon--external"),r.append(" ",e)}}_renderEntityGroupRow(e,t){const n={...t[0]};n.valueType="text";const r=[n,...t.slice(1)],o=this._dom.createFragment();return o.append(this._renderTableRow(e,r)),this._dom.find("tr",o).classList.add("lh-row--group"),o}_getEntityGroupItems(e){const{items:t,headings:n,sortedBy:r}=e;if(!t.length||e.isEntityGrouped||!t.some((e=>e.entity)))return[];const o=new Set(e.skipSumming||[]),a=[];for(const e of n)e.key&&!o.has(e.key)&&f.includes(e.valueType)&&a.push(e.key);const l=n[0].key;if(!l)return[];const c=new Map;for(const e of t){const t="string"==typeof e.entity?e.entity:void 0,n=c.get(t)||{[l]:t||i.strings.unattributable,entity:t};for(const t of a)n[t]=Number(n[t]||0)+Number(e[t]||0);c.set(t,n)}const d=[...c.values()];return r&&d.sort(s.getTableItemSortComparator(r)),d}_renderTable(e){if(!e.items.length)return this._dom.createElement("span");const t=this._dom.createElement("table","lh-table"),n=this._dom.createChildOf(t,"thead"),r=this._dom.createChildOf(n,"tr");for(const t of e.headings){const e="lh-table-column--"+(t.valueType||"text"),n=this._dom.createElement("div","lh-text");n.textContent=t.label,this._dom.createChildOf(r,"th",e).append(n)}const o=this._getEntityGroupItems(e),i=this._dom.createChildOf(t,"tbody");if(o.length)for(const t of o){const n="string"==typeof t.entity?t.entity:void 0,r=this._renderEntityGroupRow(t,e.headings);for(const t of e.items.filter((e=>e.entity===n)))r.append(this._renderTableRowsFromItem(t,e.headings));const o=this._dom.findAll("tr",r);n&&o.length&&(o.forEach((e=>e.dataset.entity=n)),this._adornEntityGroupRow(o[0])),i.append(r)}else{let t=!0;for(const n of e.items){const r=this._renderTableRowsFromItem(n,e.headings),o=this._dom.findAll("tr",r),a=o[0];if("string"==typeof n.entity&&(a.dataset.entity=n.entity),e.isEntityGrouped&&n.entity)a.classList.add("lh-row--group"),this._adornEntityGroupRow(a);else for(const e of o)e.classList.add(t?"lh-row--even":"lh-row--odd");t=!t,i.append(r)}}return t}_renderList(e){const t=this._dom.createElement("div","lh-list");return e.items.forEach((e=>{const n=this.render(e);n&&t.append(n)})),t}renderNode(e){const t=this._dom.createElement("span","lh-node");if(e.nodeLabel){const n=this._dom.createElement("div");n.textContent=e.nodeLabel,t.append(n)}if(e.snippet){const n=this._dom.createElement("div");n.classList.add("lh-node__snippet"),n.textContent=e.snippet,t.append(n)}if(e.selector&&(t.title=e.selector),e.path&&t.setAttribute("data-path",e.path),e.selector&&t.setAttribute("data-selector",e.selector),e.snippet&&t.setAttribute("data-snippet",e.snippet),!this._fullPageScreenshot)return t;const n=e.lhId&&this._fullPageScreenshot.nodes[e.lhId];if(!n||0===n.width||0===n.height)return t;const r=g.render(this._dom,this._fullPageScreenshot.screenshot,n,{width:147,height:100});return r&&t.prepend(r),t}renderSourceLocation(e){if(!e.url)return null;const t=`${e.url}:${e.line+1}:${e.column}`;let n,r;if(e.original&&(n=`${e.original.file||"<unmapped>"}:${e.original.line+1}:${e.original.column}`),"network"===e.urlProvider&&n)r=this._renderLink({url:e.url,text:n}),r.title="maps to generated location "+t;else if("network"!==e.urlProvider||n)if("comment"===e.urlProvider&&n)r=this._renderText(n+" (from source map)"),r.title=t+" (from sourceURL)";else{if("comment"!==e.urlProvider||n)return null;r=this._renderText(t+" (from sourceURL)")}else r=this.renderTextURL(e.url),this._dom.find(".lh-link",r).textContent+=`:${e.line+1}:${e.column}`;return r.classList.add("lh-source-location"),r.setAttribute("data-source-url",e.url),r.setAttribute("data-source-line",String(e.line)),r.setAttribute("data-source-column",String(e.column)),r}_renderFilmstrip(e){const t=this._dom.createElement("div","lh-filmstrip");for(const n of e.items){const e=this._dom.createChildOf(t,"div","lh-filmstrip__frame"),r=this._dom.createChildOf(e,"img","lh-filmstrip__thumbnail");r.src=n.data,r.alt="Screenshot"}return t}_renderCode(e){const t=this._dom.createElement("pre","lh-code");return t.textContent=e,t\n/**\n   * @license Copyright 2020 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */}}const b=1048576;class _{constructor(e){"en-XA"===e&&(e="de"),this._locale=e,this._cachedNumberFormatters=new Map}_formatNumberWithGranularity(e,t,n={}){if(void 0!==t){const r=-Math.log10(t);Number.isInteger(r)||(console.warn(`granularity of ${t} is invalid. Using 1 instead`),t=1),t<1&&((n={...n}).minimumFractionDigits=n.maximumFractionDigits=Math.ceil(r)),e=Math.round(e/t)*t,Object.is(e,-0)&&(e=0)}else Math.abs(e)<5e-4&&(e=0);let r;const o=[n.minimumFractionDigits,n.maximumFractionDigits,n.style,n.unit,n.unitDisplay,this._locale].join("");return r=this._cachedNumberFormatters.get(o),r||(r=new Intl.NumberFormat(this._locale,n),this._cachedNumberFormatters.set(o,r)),r.format(e).replace(" "," ")}formatNumber(e,t){return this._formatNumberWithGranularity(e,t)}formatInteger(e){return this._formatNumberWithGranularity(e,1)}formatPercent(e){return new Intl.NumberFormat(this._locale,{style:"percent"}).format(e)}formatBytesToKiB(e,t){return this._formatNumberWithGranularity(e/1024,t)+" KiB"}formatBytesToMiB(e,t){return this._formatNumberWithGranularity(e/b,t)+" MiB"}formatBytes(e,t=1){return this._formatNumberWithGranularity(e,t,{style:"unit",unit:"byte",unitDisplay:"long"})}formatBytesWithBestUnit(e,t){return e>=b?this.formatBytesToMiB(e,t):e>=1024?this.formatBytesToKiB(e,t):this._formatNumberWithGranularity(e,t,{style:"unit",unit:"byte",unitDisplay:"narrow"})}formatKbps(e,t){return this._formatNumberWithGranularity(e,t,{style:"unit",unit:"kilobit-per-second",unitDisplay:"short"})}formatMilliseconds(e,t){return this._formatNumberWithGranularity(e,t,{style:"unit",unit:"millisecond",unitDisplay:"short"})}formatSeconds(e,t){return this._formatNumberWithGranularity(e/1e3,t,{style:"unit",unit:"second",unitDisplay:"narrow"})}formatDateTime(e){const t={month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"numeric",timeZoneName:"short"};let n;try{n=new Intl.DateTimeFormat(this._locale,t)}catch(e){t.timeZone="UTC",n=new Intl.DateTimeFormat(this._locale,t)}return n.format(new Date(e))}formatDuration(e){let t=e/1e3;if(0===Math.round(t))return"None";const n=[],r={day:86400,hour:3600,minute:60,second:1};return Object.keys(r).forEach((e=>{const o=r[e],i=Math.floor(t/o);if(i>0){t-=i*o;const r=this._formatNumberWithGranularity(i,1,{style:"unit",unit:e,unitDisplay:"narrow"});n.push(r)}})),n.join(" ")\n/**\n   * @license\n   * Copyright 2018 The Lighthouse Authors. All Rights Reserved.\n   *\n   * Licensed under the Apache License, Version 2.0 (the "License");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *      http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an "AS-IS" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   */}}class w extends d{_renderMetric(e){const t=this.dom.createComponent("metric"),n=this.dom.find(".lh-metric",t);n.id=e.result.id;const r=s.calculateRating(e.result.score,e.result.scoreDisplayMode);n.classList.add("lh-metric--"+r),this.dom.find(".lh-metric__title",t).textContent=e.result.title;const o=this.dom.find(".lh-metric__value",t);o.textContent=e.result.displayValue||"";const i=this.dom.find(".lh-metric__description",t);return i.append(this.dom.convertMarkdownLinkSnippets(e.result.description)),"error"===e.result.scoreDisplayMode?(i.textContent="",o.textContent="Error!",this.dom.createChildOf(i,"span").textContent=e.result.errorMessage||"Report error: no metric information"):"notApplicable"===e.result.scoreDisplayMode&&(o.textContent="--"),n}_renderOpportunity(e,t){const n=this.dom.createComponent("opportunity"),r=this.populateAuditValues(e,n);if(r.id=e.result.id,!e.result.details||"error"===e.result.scoreDisplayMode)return r;const o=e.result.details;if(void 0===o.overallSavingsMs)return r;const a=this.dom.find("span.lh-audit__display-text, div.lh-audit__display-text",r),l=o.overallSavingsMs/t*100+"%";if(this.dom.find("div.lh-sparkline__bar",r).style.width=l,a.textContent=i.i18n.formatSeconds(o.overallSavingsMs,.01),e.result.displayValue){const t=e.result.displayValue;this.dom.find("div.lh-load-opportunity__sparkline",r).title=t,a.title=t}return r}_getWastedMs(e){if(e.result.details){const t=e.result.details;if("number"!=typeof t.overallSavingsMs)throw new Error("non-opportunity details passed to _getWastedMs");return t.overallSavingsMs}return Number.MIN_VALUE}_getScoringCalculatorHref(e){const t=e.filter((e=>"metrics"===e.group)),n=e.find((e=>"interactive"===e.id)),r=e.find((e=>"first-cpu-idle"===e.id)),o=e.find((e=>"first-meaningful-paint"===e.id));n&&t.push(n),r&&t.push(r),o&&t.push(o);const a=[...t.map((e=>{let t;var n;return"number"==typeof e.result.numericValue?(t="cumulative-layout-shift"===e.id?(n=e.result.numericValue,Math.round(100*n)/100):Math.round(e.result.numericValue),t=t.toString()):t="null",[e.acronym||e.id,t]}))];i.reportJson&&(a.push(["device",i.reportJson.configSettings.formFactor]),a.push(["version",i.reportJson.lighthouseVersion]));const l=new URLSearchParams(a),s=new URL("https://googlechrome.github.io/lighthouse/scorecalc/");return s.hash=l.toString(),s.href}_classifyPerformanceAudit(e){return e.group?null:void 0!==e.result.details?.overallSavingsMs?"load-opportunity":"diagnostic"}render(e,t,n){const r=i.strings,o=this.dom.createElement("div","lh-category");o.id=e.id,o.append(this.renderCategoryHeader(e,t,n));const a=e.auditRefs.filter((e=>"metrics"===e.group));if(a.length){const[n,l]=this.renderAuditGroup(t.metrics),s=this.dom.createElement("input","lh-metrics-toggle__input"),c="lh-metrics-toggle"+i.getUniqueSuffix();s.setAttribute("aria-label","Toggle the display of metric descriptions"),s.type="checkbox",s.id=c,n.prepend(s);const d=this.dom.find(".lh-audit-group__header",n),h=this.dom.createChildOf(d,"label","lh-metrics-toggle__label");h.htmlFor=c;const p=this.dom.createChildOf(h,"span","lh-metrics-toggle__labeltext--show"),u=this.dom.createChildOf(h,"span","lh-metrics-toggle__labeltext--hide");p.textContent=i.strings.expandView,u.textContent=i.strings.collapseView;const g=this.dom.createElement("div","lh-metrics-container");if(n.insertBefore(g,l),a.forEach((e=>{g.append(this._renderMetric(e))})),o.querySelector(".lh-gauge__wrapper")){const t=this.dom.find(".lh-category-header__description",o),n=this.dom.createChildOf(t,"div","lh-metrics__disclaimer"),i=this.dom.convertMarkdownLinkSnippets(r.varianceDisclaimer);n.append(i);const a=this.dom.createChildOf(n,"a","lh-calclink");a.target="_blank",a.textContent=r.calculatorLink,this.dom.safelySetHref(a,this._getScoringCalculatorHref(e.auditRefs))}n.classList.add("lh-audit-group--metrics"),o.append(n)}const l=this.dom.createChildOf(o,"div","lh-filmstrip-container"),c=e.auditRefs.find((e=>"screenshot-thumbnails"===e.id))?.result;if(c?.details){l.id=c.id;const e=this.detailsRenderer.render(c.details);e&&l.append(e)}const d=e.auditRefs.filter((e=>"load-opportunity"===this._classifyPerformanceAudit(e))).filter((e=>!s.showAsPassed(e.result))).sort(((e,t)=>this._getWastedMs(t)-this._getWastedMs(e))),h=a.filter((e=>!!e.relevantAudits));if(h.length&&this.renderMetricAuditFilter(h,o),d.length){const e=2e3,n=d.map((e=>this._getWastedMs(e))),i=Math.max(...n),a=Math.max(1e3*Math.ceil(i/1e3),e),[l,s]=this.renderAuditGroup(t["load-opportunities"]),c=this.dom.createComponent("opportunityHeader");this.dom.find(".lh-load-opportunity__col--one",c).textContent=r.opportunityResourceColumnLabel,this.dom.find(".lh-load-opportunity__col--two",c).textContent=r.opportunitySavingsColumnLabel;const h=this.dom.find(".lh-load-opportunity__header",c);l.insertBefore(h,s),d.forEach((e=>l.insertBefore(this._renderOpportunity(e,a),s))),l.classList.add("lh-audit-group--load-opportunities"),o.append(l)}const p=e.auditRefs.filter((e=>"diagnostic"===this._classifyPerformanceAudit(e))).filter((e=>!s.showAsPassed(e.result))).sort(((e,t)=>("informative"===e.result.scoreDisplayMode?100:Number(e.result.score))-("informative"===t.result.scoreDisplayMode?100:Number(t.result.score))));if(p.length){const[e,n]=this.renderAuditGroup(t.diagnostics);p.forEach((t=>e.insertBefore(this.renderAudit(t),n))),e.classList.add("lh-audit-group--diagnostics"),o.append(e)}const u=e.auditRefs.filter((e=>this._classifyPerformanceAudit(e)&&s.showAsPassed(e.result)));if(!u.length)return o;const g={auditRefs:u,groupDefinitions:t},m=this.renderClump("passed",g);o.append(m);const f=[];if(["performance-budget","timing-budget"].forEach((t=>{const n=e.auditRefs.find((e=>e.id===t));if(n?.result.details){const e=this.detailsRenderer.render(n.result.details);e&&(e.id=t,e.classList.add("lh-details","lh-details--budget","lh-audit"),f.push(e))}})),f.length>0){const[e,n]=this.renderAuditGroup(t.budgets);f.forEach((t=>e.insertBefore(t,n))),e.classList.add("lh-audit-group--budgets"),o.append(e)}return o}renderMetricAuditFilter(e,t){const n=this.dom.createElement("div","lh-metricfilter");this.dom.createChildOf(n,"span","lh-metricfilter__text").textContent=i.strings.showRelevantAudits;const r=[{acronym:"All"},...e],o=i.getUniqueSuffix();for(const e of r){const r=`metric-${e.acronym}-${o}`,i=this.dom.createChildOf(n,"input","lh-metricfilter__radio");i.type="radio",i.name="metricsfilter-"+o,i.id=r;const a=this.dom.createChildOf(n,"label","lh-metricfilter__label");a.htmlFor=r,a.title=e.result?.title,a.textContent=e.acronym||e.id,"All"===e.acronym&&(i.checked=!0,a.classList.add("lh-metricfilter__label--active")),t.append(n),i.addEventListener("input",(n=>{for(const e of t.querySelectorAll("label.lh-metricfilter__label"))e.classList.toggle("lh-metricfilter__label--active",e.htmlFor===r);t.classList.toggle("lh-category--filtered","All"!==e.acronym);for(const n of t.querySelectorAll("div.lh-audit"))"All"!==e.acronym?(n.hidden=!0,e.relevantAudits&&e.relevantAudits.includes(n.id)&&(n.hidden=!1)):n.hidden=!1;const o=t.querySelectorAll("div.lh-audit-group, details.lh-audit-group");for(const e of o){e.hidden=!1;const t=Array.from(e.querySelectorAll("div.lh-audit")),n=!!t.length&&t.every((e=>e.hidden));e.hidden=n}}))}}}\n/**\n   * @license\n   * Copyright 2018 The Lighthouse Authors. All Rights Reserved.\n   *\n   * Licensed under the Apache License, Version 2.0 (the "License");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *      http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an "AS-IS" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   */class y extends d{render(e,t={}){const n=this.dom.createElement("div","lh-category");n.id=e.id,n.append(this.renderCategoryHeader(e,t));const r=e.auditRefs,o=r.filter((e=>"manual"!==e.result.scoreDisplayMode)),i=this._renderAudits(o,t);n.append(i);const a=r.filter((e=>"manual"===e.result.scoreDisplayMode)),l=this.renderClump("manual",{auditRefs:a,description:e.manualDescription});return n.append(l),n}renderCategoryScore(e,t){if(null===e.score)return super.renderScoreGauge(e,t);const n=this.dom.createComponent("gaugePwa"),r=this.dom.find("a.lh-gauge--pwa__wrapper",n),o=n.querySelector("svg");if(!o)throw new Error("no SVG element found in PWA score gauge template");y._makeSvgReferencesUnique(o);const i=this._getGroupIds(e.auditRefs),a=this._getPassingGroupIds(e.auditRefs);if(a.size===i.size)r.classList.add("lh-badged--all");else for(const e of a)r.classList.add("lh-badged--"+e);return this.dom.find(".lh-gauge__label",n).textContent=e.title,r.title=this._getGaugeTooltip(e.auditRefs,t),n}_getGroupIds(e){const t=e.map((e=>e.group)).filter((e=>!!e));return new Set(t)}_getPassingGroupIds(e){const t=this._getGroupIds(e);for(const n of e)!s.showAsPassed(n.result)&&n.group&&t.delete(n.group);return t}_getGaugeTooltip(e,t){const n=this._getGroupIds(e),r=[];for(const o of n){const n=e.filter((e=>e.group===o)),i=n.length,a=n.filter((e=>s.showAsPassed(e.result))).length,l=t[o].title;r.push(`${l}: ${a}/${i}`)}return r.join(", ")}_renderAudits(e,t){const n=this.renderUnexpandableClump(e,t),r=this._getPassingGroupIds(e);for(const e of r)this.dom.find(".lh-audit-group--"+e,n).classList.add("lh-badged");return n}static _makeSvgReferencesUnique(e){const t=e.querySelector("defs");if(!t)return;const n=i.getUniqueSuffix(),r=t.querySelectorAll("[id]");for(const t of r){const r=t.id,o=`${r}-${n}`;t.id=o;const i=e.querySelectorAll(`use[href="#${r}"]`);for(const e of i)e.setAttribute("href","#"+o);const a=e.querySelectorAll(`[fill="url(#${r})"]`);for(const e of a)e.setAttribute("fill",`url(#${o})`)}}}\n/**\n   * @license\n   * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\n   *\n   * Licensed under the Apache License, Version 2.0 (the "License");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *      http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an "AS-IS" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   *\n   * Dummy text for ensuring report robustness: <\\/script> pre$`post %%LIGHTHOUSE_JSON%%\n   * (this is handled by terser)\n   */class x{constructor(e){this._dom=e,this._opts={}}renderReport(e,t,n){if(!this._dom.rootEl&&t){console.warn("Please adopt the new report API in renderer/api.js.");const e=t.closest(".lh-root");e?this._dom.rootEl=e:(t.classList.add("lh-root","lh-vars"),this._dom.rootEl=t)}else this._dom.rootEl&&t&&(this._dom.rootEl=t);n&&(this._opts=n),this._dom.setLighthouseChannel(e.configSettings.channel||"unknown");const r=s.prepareReportResult(e);return this._dom.rootEl.textContent="",this._dom.rootEl.append(this._renderReport(r)),this._dom.rootEl}_renderReportTopbar(e){const t=this._dom.createComponent("topbar"),n=this._dom.find("a.lh-topbar__url",t);return n.textContent=e.finalDisplayedUrl,n.title=e.finalDisplayedUrl,this._dom.safelySetHref(n,e.finalDisplayedUrl),t}_renderReportHeader(){const e=this._dom.createComponent("heading"),t=this._dom.createComponent("scoresWrapper");return this._dom.find(".lh-scores-wrapper-placeholder",e).replaceWith(t),e}_renderReportFooter(e){const t=this._dom.createComponent("footer");return this._renderMetaBlock(e,t),this._dom.find(".lh-footer__version_issue",t).textContent=i.strings.footerIssue,this._dom.find(".lh-footer__version",t).textContent=e.lighthouseVersion,t}_renderMetaBlock(e,t){const n=s.getEmulationDescriptions(e.configSettings||{}),r=e.userAgent.match(/(\\w*Chrome\\/[\\d.]+)/),o=Array.isArray(r)?r[1].replace("/"," ").replace("Chrome","Chromium"):"Chromium",a=e.configSettings.channel,l=e.environment.benchmarkIndex.toFixed(0),c=e.environment.credits?.["axe-core"],d=[`${i.strings.runtimeSettingsBenchmark}: ${l}`,`${i.strings.runtimeSettingsCPUThrottling}: ${n.cpuThrottling}`];n.screenEmulation&&d.push(`${i.strings.runtimeSettingsScreenEmulation}: ${n.screenEmulation}`),c&&d.push(`${i.strings.runtimeSettingsAxeVersion}: ${c}`);const h=[["date","Captured at "+i.i18n.formatDateTime(e.fetchTime)],["devices",`${n.deviceEmulation} with Lighthouse ${e.lighthouseVersion}`,d.join("\\n")],["samples-one",i.strings.runtimeSingleLoad,i.strings.runtimeSingleLoadTooltip],["stopwatch",i.strings.runtimeAnalysisWindow],["networkspeed",""+n.summary,`${i.strings.runtimeSettingsNetworkThrottling}: ${n.networkThrottling}`],["chrome","Using "+o+(a?" with "+a:""),`${i.strings.runtimeSettingsUANetwork}: "${e.environment.networkUserAgent}"`]],p=this._dom.find(".lh-meta__items",t);for(const[e,t,n]of h){const r=this._dom.createChildOf(p,"li","lh-meta__item");r.textContent=t,n&&(r.classList.add("lh-tooltip-boundary"),this._dom.createChildOf(r,"div","lh-tooltip").textContent=n),r.classList.add("lh-report-icon","lh-report-icon--"+e)}}_renderReportWarnings(e){if(!e.runWarnings||0===e.runWarnings.length)return this._dom.createElement("div");const t=this._dom.createComponent("warningsToplevel");this._dom.find(".lh-warnings__msg",t).textContent=i.strings.toplevelWarningsMessage;const n=[];for(const t of e.runWarnings){const e=this._dom.createElement("li");e.append(this._dom.convertMarkdownLinkSnippets(t)),n.push(e)}return this._dom.find("ul",t).append(...n),t}_renderScoreGauges(e,t,n){const r=[],o=[],i=[];for(const a of Object.values(e.categories)){const l=n[a.id]||t,c=l.renderCategoryScore(a,e.categoryGroups||{},{gatherMode:e.gatherMode}),d=this._dom.find("a.lh-gauge__wrapper, a.lh-fraction__wrapper",c);d&&(this._dom.safelySetHref(d,"#"+a.id),d.addEventListener("click",(e=>{if(!d.matches(\'[href^="#"]\'))return;const t=d.getAttribute("href"),n=this._dom.rootEl;if(!t||!n)return;const r=this._dom.find(t,n);e.preventDefault(),r.scrollIntoView()})),this._opts.onPageAnchorRendered?.(d)),s.isPluginCategory(a.id)?i.push(c):l.renderCategoryScore===t.renderCategoryScore?r.push(c):o.push(c)}return[...r,...o,...i]}_renderReport(e){i.apply({providedStrings:e.i18n.rendererFormattedStrings,i18n:new _(e.configSettings.locale),reportJson:e});const t=new v(this._dom,{fullPageScreenshot:e.fullPageScreenshot??void 0,entities:e.entities}),n=new d(this._dom,t),r={performance:new w(this._dom,t),pwa:new y(this._dom,t)},o=this._dom.createElement("div");o.append(this._renderReportHeader());const a=this._dom.createElement("div","lh-container"),l=this._dom.createElement("div","lh-report");let s;l.append(this._renderReportWarnings(e)),1===Object.keys(e.categories).length?o.classList.add("lh-header--solo-category"):s=this._dom.createElement("div","lh-scores-header");const c=this._dom.createElement("div");if(c.classList.add("lh-scorescale-wrap"),c.append(this._dom.createComponent("scorescale")),s){const t=this._dom.find(".lh-scores-container",o);s.append(...this._renderScoreGauges(e,n,r)),t.append(s,c);const i=this._dom.createElement("div","lh-sticky-header");i.append(...this._renderScoreGauges(e,n,r)),a.append(i)}const h=this._dom.createElement("div","lh-categories");l.append(h);const p={gatherMode:e.gatherMode};for(const t of Object.values(e.categories)){const o=r[t.id]||n;o.dom.createChildOf(h,"div","lh-category-wrapper").append(o.render(t,e.categoryGroups,p))}n.injectFinalScreenshot(h,e.audits,c);const u=this._dom.createFragment();return this._opts.omitGlobalStyles||u.append(this._dom.createComponent("styles")),this._opts.omitTopbar||u.append(this._renderReportTopbar(e)),u.append(a),l.append(this._renderReportFooter(e)),a.append(o,l),e.fullPageScreenshot&&g.installFullPageScreenshot(this._dom.rootEl,e.fullPageScreenshot.screenshot),u\n/**\n   * @license Copyright 2021 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */}}function k(e,t){const n=e.rootEl;void 0===t?n.classList.toggle("lh-dark"):n.classList.toggle("lh-dark",t)}\n/**\n   * @license Copyright 2021 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */const E="undefined"!=typeof btoa?btoa:e=>Buffer.from(e).toString("base64"),A=("undefined"!=typeof atob&&atob,async function(e,t){let n=(new TextEncoder).encode(e);if(t.gzip)if("undefined"!=typeof CompressionStream){const e=new CompressionStream("gzip"),t=e.writable.getWriter();t.write(n),t.close();const r=await new Response(e.readable).arrayBuffer();n=new Uint8Array(r)}else n=window.pako.gzip(e);let r="";for(let e=0;e<n.length;e+=5e3)r+=String.fromCharCode(...n.subarray(e,e+5e3));return E(r)});\n/**\n   * @license\n   * Copyright 2021 The Lighthouse Authors. All Rights Reserved.\n   *\n   * Licensed under the Apache License, Version 2.0 (the "License");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *      http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an "AS-IS" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   */\nfunction S(){const 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 z(e){const t=e.generatedTime,n=e.fetchTime||t;return`${e.lighthouseVersion}-${e.finalDisplayedUrl}-${n}`}async function C(e,t,n){const r=new URL(t),o=Boolean(window.CompressionStream);r.hash=await A(JSON.stringify(e),{gzip:o}),o&&r.searchParams.set("gzip","1"),window.open(r.toString(),n)}\n/**\n   * @license Copyright 2021 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */\nclass L{constructor(e){this._dom=e,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(e){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",e)}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(e){this._toggleEl.classList.contains("lh-active")?e.focus():this._menuEl.addEventListener("transitionend",(()=>{e.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(e){e.preventDefault(),e.stopImmediatePropagation(),this._toggleEl.classList.contains("lh-active")?this.close():this.open(this._getNextMenuItem())}onToggleKeydown(e){switch(e.code){case"ArrowUp":e.preventDefault(),this.open(this._getPreviousMenuItem());break;case"ArrowDown":case"Enter":case" ":e.preventDefault(),this.open(this._getNextMenuItem())}}onMenuKeydown(e){const t=e.target;switch(e.code){case"ArrowUp":e.preventDefault(),this._getPreviousMenuItem(t).focus();break;case"ArrowDown":e.preventDefault(),this._getNextMenuItem(t).focus();break;case"Home":e.preventDefault(),this._getNextMenuItem().focus();break;case"End":e.preventDefault(),this._getPreviousMenuItem().focus()}}onDocumentKeyDown(e){27===e.keyCode&&this.close()}onMenuFocusOut(e){const t=e.relatedTarget;this._menuEl.contains(t)||this.close()}_getNextSelectableNode(e,t){const n=e.filter((e=>e instanceof HTMLElement&&!e.hasAttribute("disabled")&&"none"!==window.getComputedStyle(e).display));let r=t?n.indexOf(t)+1:0;return r>=n.length&&(r=0),n[r]}_getNextMenuItem(e){const t=Array.from(this._menuEl.childNodes);return this._getNextSelectableNode(t,e)}_getPreviousMenuItem(e){const t=Array.from(this._menuEl.childNodes).reverse();return this._getNextSelectableNode(t,e)}}\n/**\n   * @license Copyright 2021 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */class M{constructor(e,t){this.lhr,this._reportUIFeatures=e,this._dom=t,this._dropDownMenu=new L(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(e){this.lhr=e,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",(()=>k(this._dom))),this._setupStickyHeader()}onDropDownMenuClick(e){e.preventDefault();const t=e.target;if(t&&t.hasAttribute("data-action")){switch(t.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":{const e=JSON.stringify(this.lhr,null,2);this._reportUIFeatures._saveFile(new Blob([e],{type:"application/json"}));break}case"save-html":{const t=this._reportUIFeatures.getReportHtml();try{this._reportUIFeatures._saveFile(new Blob([t],{type:"text/html"}))}catch(e){this._dom.fireEventOn("lh-log",this._dom.document(),{cmd:"error",msg:"Could not export as HTML. "+e.message})}break}case"open-viewer":this._dom.isDevTools()?async function(e){const t="viewer-"+z(e),n=S()+"/viewer/";await C({lhr:e},n,t)}(this.lhr):async function(e){const t="viewer-"+z(e);!function(e,t,n){const r=new URL(t).origin;window.addEventListener("message",(function t(n){n.origin===r&&o&&n.data.opened&&(o.postMessage(e,r),window.removeEventListener("message",t))}));const o=window.open(t,n)}({lhr:e},S()+"/viewer/",t)}(this.lhr);break;case"save-gist":this._reportUIFeatures.saveAsGist();break;case"toggle-dark":k(this._dom)}this._dropDownMenu.close()}}onCopy(e){this._copyAttempt&&e.clipboardData&&(e.preventDefault(),e.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(e){this._copyAttempt=!1,this._dom.fireEventOn("lh-log",this._dom.document(),{cmd:"log",msg:e.message})}}onKeyUp(e){(e.ctrlKey||e.metaKey)&&80===e.keyCode&&this._dropDownMenu.close()}expandAllDetails(){this._dom.findAll(".lh-categories details",this._dom.rootEl).map((e=>e.open=!0))}collapseAllDetails(){this._dom.findAll(".lh-categories details",this._dom.rootEl).map((e=>e.open=!1))}_print(){this._reportUIFeatures._opts.onPrintOverride?this._reportUIFeatures._opts.onPrintOverride(this._dom.rootEl):self.print()}resetUIState(){this._dropDownMenu.close()}_getScrollParent(e){const{overflowY:t}=window.getComputedStyle(e);return"visible"!==t&&"hidden"!==t?e:e.parentElement?this._getScrollParent(e.parentElement):document}_setUpCollapseDetailsAfterPrinting(){"onbeforeprint"in self?self.addEventListener("afterprint",this.collapseAllDetails):self.matchMedia("print").addListener((e=>{e.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");const e=this._getScrollParent(this._dom.find(".lh-container",this._dom.rootEl));e.addEventListener("scroll",(()=>this._updateStickyHeader()));const t=e instanceof window.Document?document.documentElement:e;new window.ResizeObserver((()=>this._updateStickyHeader())).observe(t)}))))}_updateStickyHeader(){if(!this.stickyHeaderEl)return;const e=this.topbarEl.getBoundingClientRect().bottom>=this.categoriesEl.getBoundingClientRect().top,t=Array.from(this._dom.rootEl.querySelectorAll(".lh-category")).filter((e=>e.getBoundingClientRect().top-window.innerHeight/2<0)),n=t.length>0?t.length-1:0,r=this.stickyHeaderEl.querySelectorAll(".lh-gauge__wrapper, .lh-fraction__wrapper"),o=r[n],i=r[0].getBoundingClientRect().left,a=o.getBoundingClientRect().left-i;this.highlightEl.style.transform=`translate(${a}px)`,this.stickyHeaderEl.classList.toggle("lh-sticky-header--visible",e)}}\n/**\n   * @license Copyright 2017 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */\n/**\n   * @license\n   * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\n   *\n   * Licensed under the Apache License, Version 2.0 (the "License");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *      http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an "AS-IS" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   */\nclass F{constructor(e,t={}){this.json,this._dom=e,this._opts=t,this._topbar=t.omitTopbar?null:new M(this,e),this.onMediaQueryChange=this.onMediaQueryChange.bind(this)}initFeatures(e){this.json=e,this._fullPageScreenshot=n.getFullPageScreenshot(e),this._topbar&&(this._topbar.enable(e),this._topbar.resetUIState()),this._setupMediaQueryListeners(),this._setupThirdPartyFilter(),this._setupElementScreenshotOverlay(this._dom.rootEl);const t=this._dom.isDevTools()||this._opts.disableDarkMode||this._opts.disableAutoDarkModeAndFireworks;!t&&window.matchMedia("(prefers-color-scheme: dark)").matches&&k(this._dom,!0);const r=["performance","accessibility","best-practices","seo"].every((t=>{const n=e.categories[t];return n&&1===n.score})),o=this._opts.disableFireworks||this._opts.disableAutoDarkModeAndFireworks;r&&!o&&(this._enableFireworks(),t||k(this._dom,!0)),e.categories.performance&&e.categories.performance.auditRefs.some((t=>Boolean("metrics"===t.group&&e.audits[t.id].errorMessage)))&&(this._dom.find("input.lh-metrics-toggle__input",this._dom.rootEl).checked=!0),this.json.audits["script-treemap-data"]&&this.json.audits["script-treemap-data"].details&&this.addButton({text:i.strings.viewTreemapLabel,icon:"treemap",onClick:()=>function(e){if(!e.audits["script-treemap-data"].details)throw new Error("no script treemap data found");C({lhr:{mainDocumentUrl:e.mainDocumentUrl,finalUrl:e.finalUrl,finalDisplayedUrl:e.finalDisplayedUrl,audits:{"script-treemap-data":e.audits["script-treemap-data"]},configSettings:{locale:e.configSettings.locale}}},S()+"/treemap/","treemap-"+z(e))}(this.json)}),this._opts.onViewTrace&&this.addButton({text:"simulate"===e.configSettings.throttlingMethod?i.strings.viewOriginalTraceLabel:i.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(const e of this._dom.findAll("[data-i18n]",this._dom.rootEl)){const t=e.getAttribute("data-i18n");e.textContent=i.strings[t]}}addButton(e){const t=this._dom.rootEl.querySelector(".lh-audit-group--metrics");if(!t)return;let n=t.querySelector(".lh-buttons");n||(n=this._dom.createChildOf(t,"div","lh-buttons"));const r=["lh-button"];e.icon&&(r.push("lh-report-icon"),r.push("lh-report-icon--"+e.icon));const o=this._dom.createChildOf(n,"button",r.join(" "));return o.textContent=e.text,o.addEventListener("click",e.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(){const e=self.matchMedia("(max-width: 500px)");e.addListener(this.onMediaQueryChange),this.onMediaQueryChange(e)}_resetUIState(){this._topbar&&this._topbar.resetUIState()}onMediaQueryChange(e){this._dom.rootEl.classList.toggle("lh-narrow",e.matches)}_setupThirdPartyFilter(){const e=["uses-rel-preconnect","third-party-facades"],t=["legacy-javascript"];Array.from(this._dom.rootEl.querySelectorAll("table.lh-table")).filter((e=>e.querySelector("td.lh-table-column--url, td.lh-table-column--source-location"))).filter((t=>{const n=t.closest(".lh-audit");if(!n)throw new Error(".lh-table not within audit");return!e.includes(n.id)})).forEach((e=>{const r=function(e){return Array.from(e.tBodies[0].rows)}(e),o=r.filter((e=>!e.classList.contains("lh-sub-item-row"))),a=this._getThirdPartyRows(o,n.getFinalDisplayedUrl(this.json)),l=r.some((e=>e.classList.contains("lh-row--even"))),s=this._dom.createComponent("3pFilter"),c=this._dom.find("input",s);c.addEventListener("change",(e=>{const t=e.target instanceof HTMLInputElement&&!e.target.checked;let n=!0,r=o[0];for(;r;){const e=t&&a.includes(r);do{r.classList.toggle("lh-row--hidden",e),l&&(r.classList.toggle("lh-row--even",!e&&n),r.classList.toggle("lh-row--odd",!e&&!n)),r=r.nextElementSibling}while(r&&r.classList.contains("lh-sub-item-row"));e||(n=!n)}}));const d=a.filter((e=>!e.classList.contains("lh-row--group"))).length;this._dom.find(".lh-3p-filter-count",s).textContent=""+d,this._dom.find(".lh-3p-ui-string",s).textContent=i.strings.thirdPartyResourcesLabel;const h=a.length===o.length,p=!a.length;if((h||p)&&(this._dom.find("div.lh-3p-filter",s).hidden=!0),!e.parentNode)return;e.parentNode.insertBefore(s,e);const u=e.closest(".lh-audit");if(!u)throw new Error(".lh-table not within audit");t.includes(u.id)&&!h&&c.click()}))}_setupElementScreenshotOverlay(e){this._fullPageScreenshot&&g.installOverlayFeature({dom:this._dom,rootEl:e,overlayContainerEl:e,fullPageScreenshot:this._fullPageScreenshot})}_getThirdPartyRows(e,t){const r=n.getRootDomain(t),o=this.json.entities?.find((e=>!0===e.isFirstParty))?.name,i=[];for(const t of e){if(o){if(!t.dataset.entity||t.dataset.entity===o)continue}else{const e=t.querySelector("div.lh-text__url");if(!e)continue;const o=e.dataset.url;if(!o)continue;if(n.getRootDomain(o)===r)continue}i.push(t)}return i}_saveFile(e){const t=e.type.match("json")?".json":".html",r=function(e){return function(e,t){const n=t?new Date(t):new Date,r=n.toLocaleTimeString("en-US",{hour12:!1}),o=n.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).split("/");return o.unshift(o.pop()),`${e}_${o.join("-")}_${r}`.replace(/[/?<>\\\\:*|"]/g,"-")}(new URL(e.finalDisplayedUrl).hostname,e.fetchTime)}({finalDisplayedUrl:n.getFinalDisplayedUrl(this.json),fetchTime:this.json.fetchTime})+t;this._opts.onSaveFileOverride?this._opts.onSaveFileOverride(e,r):this._dom.saveFile(e,r)}}\n/**\n   * @license Copyright 2021 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */\n/**\n   * @license\n   * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\n   *\n   * Licensed under the Apache License, Version 2.0 (the "License");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *      http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an "AS-IS" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   */class T{constructor(e){this.el=e;const t=document.createElement("style");if(t.textContent="\\n      #lh-log {\\n        position: fixed;\\n        background-color: #323232;\\n        color: #fff;\\n        min-height: 48px;\\n        min-width: 288px;\\n        padding: 16px 24px;\\n        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\\n        border-radius: 2px;\\n        margin: 12px;\\n        font-size: 14px;\\n        cursor: default;\\n        transition: transform 0.3s, opacity 0.3s;\\n        transform: translateY(100px);\\n        opacity: 0;\\n        bottom: 0;\\n        left: 0;\\n        z-index: 3;\\n        display: flex;\\n        flex-direction: row;\\n        justify-content: center;\\n        align-items: center;\\n      }\\n      \\n      #lh-log.lh-show {\\n        opacity: 1;\\n        transform: translateY(0);\\n      }\\n    ",!this.el.parentNode)throw new Error("element needs to be in the DOM");this.el.parentNode.insertBefore(t,this.el),this._id=void 0}log(e,t=!0){this._id&&clearTimeout(this._id),this.el.textContent=e,this.el.classList.add("lh-show"),t&&(this._id=setTimeout((()=>{this.el.classList.remove("lh-show")}),7e3))}warn(e){this.log("Warning: "+e)}error(e){this.log(e),setTimeout((()=>{throw new Error(e)}),0)}hide(){this._id&&clearTimeout(this._id),this.el.classList.remove("lh-show")\n/**\n   * @license Copyright 2021 The Lighthouse Authors. All Rights Reserved.\n   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n   */}}window.__initLighthouseReport__=function(){const e=function(e,t={}){const n=document.createElement("article");n.classList.add("lh-root","lh-vars");const o=new r(n.ownerDocument,n);return new x(o).renderReport(e,n,t),new F(o,t).initFeatures(e),n}(window.__LIGHTHOUSE_JSON__,{getStandaloneReportHTML:()=>document.documentElement.outerHTML});document.body.append(e),document.addEventListener("lh-analytics",(e=>{window.ga&&ga(e.detail.cmd,e.detail.fields)})),document.addEventListener("lh-log",(e=>{const t=document.querySelector("div#lh-log");if(!t)return;const n=new T(t),r=e.detail;switch(r.cmd){case"log":n.log(r.msg);break;case"warn":n.warn(r.msg);break;case"error":n.error(r.msg);break;case"hide":n.hide()}}))}}();'};
+/**
+   * @license Copyright 2018 The Lighthouse Authors. All Rights Reserved.
+   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
+   */
+/**
+   * @license Copyright 2017 The Lighthouse Authors. All Rights Reserved.
+   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+   * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
+   */
+class n{static replaceStrings(e,t){if(0===t.length)return e;const i=t[0],r=t.slice(1);return e.split(i.search).map((e=>n.replaceStrings(e,r))).join(i.replacement)}static sanitizeJson(e){return JSON.stringify(e).replace(/</g,"\\u003c").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}static generateReportHtml(e){const i=n.sanitizeJson(e),r=t.REPORT_JAVASCRIPT.replace(/<\//g,"\\u003c/");return n.replaceStrings(t.REPORT_TEMPLATE,[{search:"%%LIGHTHOUSE_JSON%%",replacement:i},{search:"%%LIGHTHOUSE_JAVASCRIPT%%",replacement:r}])}static generateFlowReportHtml(e){const i=n.sanitizeJson(e),r=t.FLOW_REPORT_JAVASCRIPT.replace(/<\//g,"\\u003c/");return n.replaceStrings(t.FLOW_REPORT_TEMPLATE,[{search:"%%LIGHTHOUSE_FLOW_JSON%%",replacement:i},{search:"%%LIGHTHOUSE_FLOW_JAVASCRIPT%%",replacement:r},{search:"/*%%LIGHTHOUSE_FLOW_CSS%%*/",replacement:t.FLOW_REPORT_CSS}])}static generateReportCSV(e){const t=e=>`"${e.replace(/"/g,'""')}"`,n=e=>e.map((e=>null===e?"null":e.toString())).map(t),i=[],r=["requestedUrl","finalDisplayedUrl","fetchTime","gatherMode"];i.push(n(r)),i.push(n(r.map((t=>e[t]??null)))),i.push([]),i.push(["category","score"]);for(const t of Object.values(e.categories))i.push(n([t.id,t.score]));i.push([]),i.push(["category","audit","score","displayValue","description"]);for(const t of Object.values(e.categories))for(const r of t.auditRefs){const o=e.audits[r.id];o&&i.push(n([t.id,r.id,o.score,o.displayValue||"",o.description]))}return i.map((e=>e.join(","))).join("\r\n")}static isFlowResult(e){return"steps"in e}static generateReport(e,t){const i=Array.isArray(t);"string"==typeof t&&(t=[t]);const r=t.map((t=>{if("html"===t)return n.isFlowResult(e)?n.generateFlowReportHtml(e):n.generateReportHtml(e);if("csv"===t){if(n.isFlowResult(e))throw new Error("CSV output is not support for user flows");return n.generateReportCSV(e)}if("json"===t)return JSON.stringify(e,null,2);throw new Error("Invalid output mode: "+t)}));return i?r:r[0]}}e.ReportGenerator=n,Object.defineProperty(e,"__esModule",{value:!0})},"object"==typeof exports&&"undefined"!=typeof module?u(exports,require("fs"),require("module"),require("url"),require("path")):"function"==typeof define&&define.amd?define(["exports","fs","module","url","path"],u):u(((g="undefined"!=typeof globalThis?globalThis:g||self).Lighthouse=g.Lighthouse||{},g.Lighthouse.ReportGenerator={}));const m={canOnlyAuditHttphttpsPages:"Can only audit pages on HTTP or HTTPS. Navigate to a different page.",thereMayBeStoredDataAffectingSingular:"There may be stored data affecting loading performance in this location: {PH1}. Audit this page in an incognito window to prevent those resources from affecting your scores.",thereMayBeStoredDataAffectingLoadingPlural:"There may be stored data affecting loading performance in these locations: {PH1}. Audit this page in an incognito window to prevent those resources from affecting your scores.",multipleTabsAreBeingControlledBy:"Multiple tabs are being controlled by the same `service worker`. Close your other tabs on the same origin to audit this page.",atLeastOneCategoryMustBeSelected:"At least one category must be selected.",localStorage:"Local Storage",indexeddb:"IndexedDB",webSql:"Web SQL",performance:"Performance",howLongDoesThisAppTakeToShow:"How long does this app take to show content and become usable",progressiveWebApp:"Progressive Web App",doesThisPageMeetTheStandardOfA:"Does this page meet the standard of a Progressive Web App",bestPractices:"Best practices",doesThisPageFollowBestPractices:"Does this page follow best practices for modern web development",accessibility:"Accessibility",isThisPageUsableByPeopleWith:"Is this page usable by people with disabilities or impairments",seo:"SEO",isThisPageOptimizedForSearch:"Is this page optimized for search engine results ranking",publisherAds:"Publisher Ads",isThisPageOptimizedForAdSpeedAnd:"Is this page optimized for ad speed and quality",applyMobileEmulation:"Apply mobile emulation",applyMobileEmulationDuring:"Apply mobile emulation during auditing",lighthouseMode:"Lighthouse mode",runLighthouseInMode:"Run Lighthouse in navigation, timespan, or snapshot mode",navigation:"Navigation (Default)",navigationTooltip:"Navigation mode analyzes a page load, exactly like the original Lighthouse reports.",timespan:"Timespan",timespanTooltip:"Timespan mode analyzes an arbitrary period of time, typically containing user interactions.",snapshot:"Snapshot",snapshotTooltip:"Snapshot mode analyzes the page in a particular state, typically after user interactions.",mobile:"Mobile",desktop:"Desktop",throttlingMethod:"Throttling method",simulatedThrottling:"Simulated throttling (default)",devtoolsThrottling:"DevTools throttling (advanced)",simulateASlowerPageLoadBasedOn:"Simulated throttling simulates a slower page load based on data from an initial unthrottled load. DevTools throttling actually slows down the page.",clearStorage:"Clear storage",legacyNavigation:"Legacy navigation",useLegacyNavigation:"Analyze the page using classic Lighthouse when in navigation mode.",resetStorageLocalstorage:"Reset storage (`cache`, `service workers`, etc) before auditing. (Good for performance & `PWA` testing)",javaScriptDisabled:"JavaScript is disabled. You need to enable JavaScript to audit this page. Open the Command Menu and run the Enable JavaScript command to enable JavaScript."},f=n.i18n.registerUIStrings("panels/lighthouse/LighthouseController.ts",m),b=n.i18n.getLocalizedString.bind(void 0,f),v=n.i18n.getLazilyComputedLocalizedString.bind(void 0,f);class w extends e.ObjectWrapper.ObjectWrapper{protocolService;manager;serviceWorkerListeners;inspectedURL;currentLighthouseRun;emulationStateBefore;constructor(t){super(),this.protocolService=t,t.registerStatusCallback((e=>this.dispatchEventToListeners(S.AuditProgressChanged,{message:e})));for(const e of _)e.setting.addChangeListener(this.recomputePageAuditability.bind(this));for(const e of x)e.setting.addChangeListener(this.recomputePageAuditability.bind(this));e.Settings.Settings.instance().moduleSetting("javaScriptDisabled").addChangeListener(this.recomputePageAuditability.bind(this)),r.TargetManager.TargetManager.instance().observeModels(r.ServiceWorkerManager.ServiceWorkerManager,this),r.TargetManager.TargetManager.instance().addEventListener(r.TargetManager.Events.InspectedURLChanged,this.recomputePageAuditability,this)}modelAdded(e){e.target()===r.TargetManager.TargetManager.instance().primaryPageTarget()&&(this.manager=e,this.serviceWorkerListeners=[this.manager.addEventListener(r.ServiceWorkerManager.Events.RegistrationUpdated,this.recomputePageAuditability,this),this.manager.addEventListener(r.ServiceWorkerManager.Events.RegistrationDeleted,this.recomputePageAuditability,this)],this.recomputePageAuditability())}modelRemoved(t){this.manager===t&&(this.serviceWorkerListeners&&e.EventTarget.removeEventListeners(this.serviceWorkerListeners),this.manager=null,this.recomputePageAuditability())}hasActiveServiceWorker(){if(!this.manager)return!1;const t=this.manager.target();if(!t)return!1;const n=e.ParsedURL.ParsedURL.fromString(t.inspectedURL()),i=n&&n.securityOrigin();for(const e of this.manager.registrations().values())if(e.securityOrigin===i)for(const t of e.versions.values())if(t.controlledClients.length>1)return!0;return!1}hasAtLeastOneCategory(){return _.some((e=>e.setting.get()))}unauditablePageMessage(){if(!this.manager)return null;const e=this.manager.target(),t=e&&e.inspectedURL();if(!t?.startsWith("http"))return b(m.canOnlyAuditHttphttpsPages);try{if(new URL(t).pathname.endsWith(".pdf"))return b(m.canOnlyAuditHttphttpsPages)}catch(e){return b(m.canOnlyAuditHttphttpsPages)}return null}javaScriptDisabled(){return e.Settings.Settings.instance().moduleSetting("javaScriptDisabled").get()}async hasImportantResourcesNotCleared(){const e=x.find((e=>"lighthouse.clear_storage"===e.setting.name));if(e&&!e.setting.get())return"";if(!this.manager)return"";const t=this.manager.target(),n=t.inspectedURL();if(!n)return"";const i=await t.storageAgent().invoke_getUsageAndQuota({origin:n});if(i.getError())return"";const r=i.usageBreakdown.filter((e=>e.usage)).map((e=>y.get(e.storageType))).map((e=>e?e():void 0)).filter(Boolean);return 1===r.length?b(m.thereMayBeStoredDataAffectingSingular,{PH1:String(r[0])}):r.length>1?b(m.thereMayBeStoredDataAffectingLoadingPlural,{PH1:r.join(", ")}):""}async evaluateInspectedURL(){if(!this.manager)return i.DevToolsPath.EmptyUrlString;const e=this.manager.target(),t=e.inspectedURL(),n=e.model(r.ResourceTreeModel.ResourceTreeModel),o=n&&await n.navigationHistory();if(!n||!o)return t;const{currentIndex:a,entries:s}=o;return s[a].url}getCurrentRun(){return this.currentLighthouseRun}getFlags(){const e={};for(const t of x)t.setFlags(e,t.setting.get());return e}getCategoryIDs(){const e=[];for(const t of _)t.setting.get()&&e.push(t.configID);return e}async getInspectedURL(e){return(e&&e.force||!this.inspectedURL)&&(this.inspectedURL=await this.evaluateInspectedURL()),this.inspectedURL}recomputePageAuditability(){const e=this.hasActiveServiceWorker(),t=this.hasAtLeastOneCategory(),n=this.unauditablePageMessage(),i=this.javaScriptDisabled();let r="";e?r=b(m.multipleTabsAreBeingControlledBy):t?n?r=n:i&&(r=b(m.javaScriptDisabled)):r=b(m.atLeastOneCategoryMustBeSelected),this.dispatchEventToListeners(S.PageAuditabilityChanged,{helpText:r}),this.hasImportantResourcesNotCleared().then((e=>{"navigation"!==this.getFlags().mode&&(e=""),this.dispatchEventToListeners(S.PageWarningsChanged,{warning:e})}))}recordMetrics(e){switch(t.userMetrics.actionTaken(t.UserMetrics.Action.LighthouseStarted),e.mode){case"navigation":e.legacyNavigation?t.userMetrics.lighthouseModeRun(t.UserMetrics.LighthouseModeRun.LegacyNavigation):t.userMetrics.lighthouseModeRun(t.UserMetrics.LighthouseModeRun.Navigation);break;case"timespan":t.userMetrics.lighthouseModeRun(t.UserMetrics.LighthouseModeRun.Timespan);break;case"snapshot":t.userMetrics.lighthouseModeRun(t.UserMetrics.LighthouseModeRun.Snapshot)}}async startLighthouse(){try{const e=await this.getInspectedURL({force:!0}),t=this.getCategoryIDs(),n=this.getFlags();this.recordMetrics(n),this.currentLighthouseRun={inspectedURL:e,categoryIDs:t,flags:n},await this.setupEmulationAndProtocolConnection(),"timespan"===n.mode&&await this.protocolService.startTimespan(this.currentLighthouseRun)}catch(e){throw await this.restoreEmulationAndProtocolConnection(),e}}async collectLighthouseResults(){try{if(!this.currentLighthouseRun)throw new Error("Lighthouse is not started");const e=await this.protocolService.collectLighthouseResults(this.currentLighthouseRun);if(!e)throw new Error("Auditing failed to produce a result");if(e.fatal){const t=new Error(e.message);throw t.stack=e.stack,t}return t.userMetrics.actionTaken(t.UserMetrics.Action.LighthouseFinished),await this.restoreEmulationAndProtocolConnection(),e}catch(e){throw await this.restoreEmulationAndProtocolConnection(),e}finally{this.currentLighthouseRun=void 0}}async cancelLighthouse(){await this.restoreEmulationAndProtocolConnection(),this.currentLighthouseRun=void 0}async setupEmulationAndProtocolConnection(){const e=this.getFlags(),t=o.DeviceModeModel.DeviceModeModel.instance();if(this.emulationStateBefore={emulation:{type:t.type(),enabled:t.enabledSetting().get(),outlineEnabled:t.deviceOutlineSetting().get(),toolbarControlsEnabled:t.toolbarControlsEnabledSetting().get(),scale:t.scaleSetting().get(),device:t.device(),mode:t.mode()},network:{conditions:r.NetworkManager.MultitargetNetworkManager.instance().networkConditions()}},t.toolbarControlsEnabledSetting().set(!1),"formFactor"in e&&"desktop"===e.formFactor)t.enabledSetting().set(!1),t.emulate(o.DeviceModeModel.Type.None,null,null);else if("mobile"===e.formFactor){t.enabledSetting().set(!0),t.deviceOutlineSetting().set(!0);for(const e of o.EmulatedDevices.EmulatedDevicesList.instance().standard())"Moto G Power"===e.title&&t.emulate(o.DeviceModeModel.Type.Device,e,e.modes[0],1)}await this.protocolService.attach()}async restoreEmulationAndProtocolConnection(){if(!this.currentLighthouseRun)return;if(await this.protocolService.detach(),this.emulationStateBefore){const e=o.DeviceModeModel.DeviceModeModel.instance();e.emulate(o.DeviceModeModel.Type.None,null,null);const{type:t,enabled:n,outlineEnabled:i,toolbarControlsEnabled:a,scale:s,device:l,mode:c}=this.emulationStateBefore.emulation;e.enabledSetting().set(n),e.deviceOutlineSetting().set(i),e.toolbarControlsEnabledSetting().set(a),t===o.DeviceModeModel.Type.Responsive&&e.scaleSetting().set(s),e.emulate(t,l,c,s),r.NetworkManager.MultitargetNetworkManager.instance().setNetworkConditions(this.emulationStateBefore.network.conditions),delete this.emulationStateBefore}a.InspectedPagePlaceholder.InspectedPagePlaceholder.instance().update(!0);const e=r.TargetManager.TargetManager.instance().primaryPageTarget();if(!e)return;const t=e.model(r.ResourceTreeModel.ResourceTreeModel);if(!t)return;if("navigation"===this.currentLighthouseRun.flags.mode){const e=await this.getInspectedURL();await t.navigate(e)}}}const y=new Map([["local_storage",v(m.localStorage)],["indexeddb",v(m.indexeddb)],["websql",v(m.webSql)]]),_=[{setting:e.Settings.Settings.instance().createSetting("lighthouse.cat_perf",!0,e.Settings.SettingStorageType.Synced),configID:"performance",title:v(m.performance),description:v(m.howLongDoesThisAppTakeToShow),plugin:!1,supportedModes:["navigation","timespan","snapshot"]},{setting:e.Settings.Settings.instance().createSetting("lighthouse.cat_a11y",!0,e.Settings.SettingStorageType.Synced),configID:"accessibility",title:v(m.accessibility),description:v(m.isThisPageUsableByPeopleWith),plugin:!1,supportedModes:["navigation","snapshot"]},{setting:e.Settings.Settings.instance().createSetting("lighthouse.cat_best_practices",!0,e.Settings.SettingStorageType.Synced),configID:"best-practices",title:v(m.bestPractices),description:v(m.doesThisPageFollowBestPractices),plugin:!1,supportedModes:["navigation","timespan","snapshot"]},{setting:e.Settings.Settings.instance().createSetting("lighthouse.cat_seo",!0,e.Settings.SettingStorageType.Synced),configID:"seo",title:v(m.seo),description:v(m.isThisPageOptimizedForSearch),plugin:!1,supportedModes:["navigation","snapshot"]},{setting:e.Settings.Settings.instance().createSetting("lighthouse.cat_pwa",!0,e.Settings.SettingStorageType.Synced),configID:"pwa",title:v(m.progressiveWebApp),description:v(m.doesThisPageMeetTheStandardOfA),plugin:!1,supportedModes:["navigation"]},{setting:e.Settings.Settings.instance().createSetting("lighthouse.cat_pubads",!1,e.Settings.SettingStorageType.Synced),plugin:!0,configID:"lighthouse-plugin-publisher-ads",title:v(m.publisherAds),description:v(m.isThisPageOptimizedForAdSpeedAnd),supportedModes:["navigation"]}],x=[{setting:e.Settings.Settings.instance().createSetting("lighthouse.device_type","mobile",e.Settings.SettingStorageType.Synced),title:v(m.applyMobileEmulation),description:v(m.applyMobileEmulationDuring),setFlags:(e,t)=>{e.formFactor=t},options:[{label:v(m.mobile),value:"mobile"},{label:v(m.desktop),value:"desktop"}],learnMore:void 0},{setting:e.Settings.Settings.instance().createSetting("lighthouse.mode","navigation",e.Settings.SettingStorageType.Synced),title:v(m.lighthouseMode),description:v(m.runLighthouseInMode),setFlags:(e,t)=>{e.mode=t},options:[{label:v(m.navigation),tooltip:v(m.navigationTooltip),value:"navigation"},{label:v(m.timespan),tooltip:v(m.timespanTooltip),value:"timespan"},{label:v(m.snapshot),tooltip:v(m.snapshotTooltip),value:"snapshot"}],learnMore:"https://github.com/GoogleChrome/lighthouse/blob/HEAD/docs/user-flows.md"},{setting:e.Settings.Settings.instance().createSetting("lighthouse.throttling","simulate",e.Settings.SettingStorageType.Synced),title:v(m.throttlingMethod),learnMore:"https://github.com/GoogleChrome/lighthouse/blob/master/docs/throttling.md#devtools-lighthouse-panel-throttling",description:v(m.simulateASlowerPageLoadBasedOn),setFlags:(e,t)=>{e.throttlingMethod="string"==typeof t?t:t?"simulate":"devtools"},options:[{label:v(m.simulatedThrottling),value:"simulate"},{label:v(m.devtoolsThrottling),value:"devtools"}]},{setting:e.Settings.Settings.instance().createSetting("lighthouse.clear_storage",!0,e.Settings.SettingStorageType.Synced),title:v(m.clearStorage),description:v(m.resetStorageLocalstorage),setFlags:(e,t)=>{e.disableStorageReset=!t},options:void 0,learnMore:void 0},{setting:e.Settings.Settings.instance().createSetting("lighthouse.legacy_navigation",!1,e.Settings.SettingStorageType.Synced),title:v(m.legacyNavigation),description:v(m.useLegacyNavigation),setFlags:(e,t)=>{e.legacyNavigation=t},options:void 0,learnMore:void 0}];var S;!function(e){e.PageAuditabilityChanged="PageAuditabilityChanged",e.PageWarningsChanged="PageWarningsChanged",e.AuditProgressChanged="AuditProgressChanged"}(S||(S={}));var L=Object.freeze({__proto__:null,LighthouseController:w,Presets:_,RuntimeSettings:x,get Events(){return S}});const A=new CSSStyleSheet;A.replaceSync(".toolbar{background-color:var(--color-background-elevation-1);border-bottom:var(--legacy-divider-border)}.lh-root{--report-menu-width:0;user-select:text}.lh-audit-group{position:relative}button.view-trace{margin:10px}.lighthouse-results-container{position:relative}.lh-tools--viewer{display:none!important}.lighthouse-settings-pane{flex:none}.lighthouse-settings-pane .toolbar{flex:1 1}.lighthouse-toolbar-container{display:flex;flex:none}.lighthouse-toolbar-container > :first-child{flex:1 1 auto}.lh-devtools .lh-element-screenshot__overlay{position:absolute}\n/*# sourceURL=lighthousePanel.css */\n");let E=1;class k{mainSessionId;mainFrameId;mainTargetId;targetInfos;parallelConnection;lighthouseWorkerPromise;lighthouseMessageUpdateCallback;removeDialogHandler;configForTesting;async attach(){await r.TargetManager.TargetManager.instance().suspendAllTargets();const e=r.TargetManager.TargetManager.instance().primaryPageTarget();if(!e)throw new Error("Unable to find main target required for Lighthouse");const t=e.model(r.ChildTargetManager.ChildTargetManager);if(!t)throw new Error("Unable to find child target manager required for Lighthouse");const n=e.model(r.ResourceTreeModel.ResourceTreeModel);if(!n)throw new Error("Unable to find resource tree model required for Lighthouse");const i=n.mainFrame;if(!i)throw new Error("Unable to find main frame required for Lighthouse");const{connection:o,sessionId:a}=await t.createParallelConnection((e=>{"string"==typeof e&&(e=JSON.parse(e)),this.dispatchProtocolMessage(e)})),s=()=>{e.pageAgent().invoke_handleJavaScriptDialog({accept:!0})};n.addEventListener(r.ResourceTreeModel.Events.JavaScriptDialogOpening,s),this.removeDialogHandler=()=>n.removeEventListener(r.ResourceTreeModel.Events.JavaScriptDialogOpening,s),this.parallelConnection=o,this.targetInfos=t.targetInfos(),this.mainFrameId=i.id,this.mainTargetId=e.id(),this.mainSessionId=a}getLocales(){return[n.DevToolsLocale.DevToolsLocale.instance().locale]}async startTimespan(e){const{inspectedURL:t,categoryIDs:n,flags:i}=e;if(!(this.mainFrameId&&this.mainSessionId&&this.mainTargetId&&this.targetInfos))throw new Error("Unable to get target info required for Lighthouse");await this.sendWithResponse("startTimespan",{url:t,categoryIDs:n,flags:i,config:this.configForTesting,locales:this.getLocales(),mainSessionId:this.mainSessionId,mainFrameId:this.mainFrameId,mainTargetId:this.mainTargetId,targetInfos:this.targetInfos})}async collectLighthouseResults(e){const{inspectedURL:t,categoryIDs:n,flags:i}=e;if(!(this.mainFrameId&&this.mainSessionId&&this.mainTargetId&&this.targetInfos))throw new Error("Unable to get target info required for Lighthouse");let r=i.mode;return"timespan"===r&&(r="endTimespan"),this.sendWithResponse(r,{url:t,categoryIDs:n,flags:i,config:this.configForTesting,locales:this.getLocales(),mainSessionId:this.mainSessionId,mainFrameId:this.mainFrameId,mainTargetId:this.mainTargetId,targetInfos:this.targetInfos})}async detach(){const e=this.lighthouseWorkerPromise,t=this.parallelConnection;this.lighthouseWorkerPromise=void 0,this.parallelConnection=void 0,e&&(await e).terminate(),t&&await t.disconnect(),await r.TargetManager.TargetManager.instance().resumeAllTargets(),this.removeDialogHandler?.()}registerStatusCallback(e){this.lighthouseMessageUpdateCallback=e}dispatchProtocolMessage(e){const t=e;(t.sessionId||t.method&&t.method.startsWith("Target"))&&this.send("dispatchProtocolMessage",{message:e})}initWorker(){return this.lighthouseWorkerPromise=new Promise((e=>{const t=new URL("../../entrypoints/lighthouse_worker/lighthouse_worker.js",import.meta.url),n=new URL(self.location.href).searchParams.get("remoteBase");n&&t.searchParams.set("remoteBase",n);const i=new Worker(t,{type:"module"});i.addEventListener("message",(t=>{"workerReady"!==t.data?this.onWorkerMessage(t):e(i)}))})),this.lighthouseWorkerPromise}async ensureWorkerExists(){let e;return e=this.lighthouseWorkerPromise?await this.lighthouseWorkerPromise:await this.initWorker(),e}onWorkerMessage(e){const t=e.data;"statusUpdate"===t.action?this.lighthouseMessageUpdateCallback&&t.args&&"message"in t.args&&this.lighthouseMessageUpdateCallback(t.args.message):"sendProtocolMessage"===t.action&&t.args&&"message"in t.args&&this.sendProtocolMessage(t.args.message)}sendProtocolMessage(e){this.parallelConnection&&this.parallelConnection.sendRawMessage(e)}async send(e,t={}){const n=await this.ensureWorkerExists(),i=E++;n.postMessage({id:i,action:e,args:{...t,id:i}})}async sendWithResponse(e,t={}){const n=await this.ensureWorkerExists(),i=E++,r=new Promise((e=>{const t=r=>{const o=r.data;o.id===i&&(n.removeEventListener("message",t),e(o.result))};n.addEventListener("message",t)}));return n.postMessage({id:i,action:e,args:{...t,id:i}}),r}}var T=Object.freeze({__proto__:null,ProtocolService:k});class C{static renderLighthouseReport(n,r,o){let a;r&&(a=async()=>{const e=r.traces.defaultPass;t.userMetrics.actionTaken(t.UserMetrics.Action.LighthouseViewTrace),await s.InspectorView.InspectorView.instance().showPanel("timeline"),p.TimelinePanel.TimelinePanel.instance().loadFromEvents(e.traceEvents)});const h=c.renderReport(n,{disableDarkMode:!0,onViewTrace:a,onSaveFileOverride:async function(t){const r=`${new e.ParsedURL.ParsedURL(n.finalUrl||n.finalDisplayedUrl).domain().replace(/[^a-z0-9.-]+/gi,"_")}-${i.DateUtilities.toISO8601Compact(new Date(n.fetchTime))}${t.type.match("json")?".json":".html"}`,o=await t.text();l.FileManager.FileManager.instance().save(r,o,!0)},onPrintOverride:async function(e){const t=e.cloneNode(!0),n=window.open("","_blank","channelmode=1,status=1,resizable=1");n&&(n.document.body.replaceWith(t),await C.linkifyNodeDetails(t),o?.beforePrint?.(),n.focus(),n.print(),n.close(),o?.afterPrint?.())},getStandaloneReportHTML:function(){return Lighthouse.ReportGenerator.ReportGenerator.generateReportHtml(n)}});h.classList.add("lh-devtools");const g=()=>{h.classList.toggle("lh-dark","dark"===d.ThemeSupport.instance().themeName())};return d.ThemeSupport.instance().addEventListener(d.ThemeChangeEvent.eventName,g),g(),h._lighthouseResultForTesting=n,h._lighthouseArtifactsForTesting=r,C.waitForMainTargetLoad().then((()=>{C.linkifyNodeDetails(h),C.linkifySourceLocationDetails(h)})),h}static async waitForMainTargetLoad(){const e=r.TargetManager.TargetManager.instance().primaryPageTarget();if(!e)return;const t=e.model(r.ResourceTreeModel.ResourceTreeModel);t&&await t.once(r.ResourceTreeModel.Events.Load)}static async linkifyNodeDetails(t){const n=r.TargetManager.TargetManager.instance().primaryPageTarget();if(!n)return;const i=n.model(r.DOMModel.DOMModel);if(i)for(const n of t.getElementsByClassName("lh-node")){const t=n,r=t.dataset;if(!r.path)continue;const o=await i.pushNodeByPathToFrontend(r.path);if(!o)continue;const a=i.nodeForId(o);if(!a)continue;const l=await e.Linkifier.Linkifier.linkify(a,{tooltip:r.snippet,preventKeyboardFocus:void 0});s.Tooltip.Tooltip.install(t,"");const c=t.querySelector(".lh-element-screenshot");t.textContent="",c&&t.append(c),t.appendChild(l)}}static async linkifySourceLocationDetails(e){for(const t of e.getElementsByClassName("lh-source-location")){const e=t,n=e.dataset;if(!n.sourceUrl||!n.sourceLine||!n.sourceColumn)continue;const i=n.sourceUrl,r=Number(n.sourceLine),o=Number(n.sourceColumn),a=await h.Linkifier.Linkifier.linkifyURL(i,{lineNumber:r,columnNumber:o,showColumnNumber:!1,inlineFrameIndex:0,maxLength:40});s.Tooltip.Tooltip.install(e,""),e.textContent="",e.appendChild(a)}}}var I=Object.freeze({__proto__:null,LighthouseReportRenderer:C});const R={reports:"Reports",newReport:"(new report)"},M=n.i18n.registerUIStrings("panels/lighthouse/LighthouseReportSelector.ts",R),z=n.i18n.getLocalizedString.bind(void 0,M);class N{renderNewLighthouseView;newLighthouseItem;comboBoxInternal;itemByOptionElement;constructor(e){this.renderNewLighthouseView=e,this.newLighthouseItem=document.createElement("option"),this.comboBoxInternal=new s.Toolbar.ToolbarComboBox(this.handleChange.bind(this),z(R.reports),"lighthouse-report"),this.comboBoxInternal.setMaxWidth(180),this.comboBoxInternal.setMinWidth(140),this.itemByOptionElement=new Map,this.setEmptyState()}setEmptyState(){this.comboBoxInternal.selectElement().removeChildren(),this.comboBoxInternal.setEnabled(!1),this.newLighthouseItem=document.createElement("option"),this.newLighthouseItem.label=z(R.newReport),this.comboBoxInternal.selectElement().appendChild(this.newLighthouseItem),this.comboBoxInternal.select(this.newLighthouseItem)}handleChange(e){const t=this.selectedItem();t?t.select():this.renderNewLighthouseView()}selectedItem(){const e=this.comboBoxInternal.selectedOption();return this.itemByOptionElement.get(e)}hasCurrentSelection(){return Boolean(this.selectedItem())}hasItems(){return this.itemByOptionElement.size>0}comboBox(){return this.comboBoxInternal}prepend(e){const t=e.optionElement(),n=this.comboBoxInternal.selectElement();this.itemByOptionElement.set(t,e),n.insertBefore(t,n.firstElementChild),this.comboBoxInternal.setEnabled(!0),this.comboBoxInternal.select(t),e.select()}clearAll(){for(const e of this.comboBoxInternal.options())e!==this.newLighthouseItem&&(this.itemByOptionElement.get(e)?.delete(),this.itemByOptionElement.delete(e));this.setEmptyState()}selectNewReport(){this.comboBoxInternal.select(this.newLighthouseItem)}}class F{lighthouseResult;renderReport;showLandingCallback;element;constructor(t,n,i){this.lighthouseResult=t,this.renderReport=n,this.showLandingCallback=i;const r=t.finalDisplayedUrl||t.finalUrl||"",o=new e.ParsedURL.ParsedURL(r),a=t.fetchTime;this.element=document.createElement("option"),this.element.label=`${new Date(a).toLocaleTimeString()} - ${o.domain()}`}select(){this.renderReport()}optionElement(){return this.element}delete(){this.element&&this.element.remove(),this.showLandingCallback()}}var P=Object.freeze({__proto__:null,ReportSelector:N,Item:F});class O{setting;options;element;radioElements;ignoreChangeEvents;selectedIndex;constructor(e,t,n){this.setting=t,this.options=e,this.element=document.createElement("div"),s.ARIAUtils.setDescription(this.element,n),s.ARIAUtils.markAsRadioGroup(this.element),this.radioElements=[];for(const e of this.options){const i=s.Fragment.Fragment.build`
+  <label $="label" class="lighthouse-radio">
+  <input $="input" type="radio" value=${e.value} name=${t.name}>
+  <span $="span" class="lighthouse-radio-text">${e.label()}</span>
+  </label>
+  `;this.element.appendChild(i.element());const r=e.tooltip?.()||n;n&&(s.Tooltip.Tooltip.install(i.$("input"),r),s.Tooltip.Tooltip.install(i.$("span"),r));const o=i.$("input");o.addEventListener("change",this.valueChanged.bind(this)),this.radioElements.push(o)}this.ignoreChangeEvents=!1,this.selectedIndex=-1,t.addChangeListener(this.settingChanged,this),this.settingChanged()}updateUI(){this.ignoreChangeEvents=!0,this.radioElements[this.selectedIndex].checked=!0,this.ignoreChangeEvents=!1}settingChanged(){const e=this.setting.get();this.selectedIndex=this.options.findIndex((t=>t.value===e)),this.updateUI()}valueChanged(e){if(this.ignoreChangeEvents)return;const t=this.radioElements.find((e=>e.checked));t&&this.setting.set(t.value)}}var D=Object.freeze({__proto__:null,RadioSetting:O});const U=new CSSStyleSheet;U.replaceSync('.lighthouse-start-view{font-family:Roboto,sans-serif;font-size:var(--font-size);line-height:18px;padding:24px;overflow:auto;height:100%;--legacy-accent-color:#0535c1;--legacy-accent-color-hover:#17b;--font-size:14px;--report-font-family:roboto,helvetica,arial,sans-serif}.lighthouse-start-view header{display:flex;font-size:18px;flex-direction:row;align-items:center;column-gap:16px;margin-bottom:16px}.lighthouse-logo{width:75px;height:75px;flex-shrink:0;background-repeat:no-repeat;background-size:contain;background-image:var(--image-file-lighthouse_logo)}.lighthouse-start-view .lighthouse-logo{width:45px;height:45px}.lighthouse-form-section{padding:8px;flex:1 1}.lighthouse-form-section-label{margin:7px 0;font-weight:500}.lighthouse-form-section-label i span{position:relative;top:-2px}.lighthouse-form-section-label span.largeicon-checkmark{top:-4px}.lighthouse-form-section-label .lighthouse-learn-more{margin:20px}.lighthouse-radio{display:flex;align-items:center}input[type="radio"]:focus{outline-width:2px}:host-context(.-theme-with-dark-background) input[type="radio"]{accent-color:var(--color-checkbox-accent-color)}.lighthouse-radio-text{margin-left:3px}.lighthouse-start-button-container{align-items:center}.lighthouse-start-view header.hbox .lighthouse-start-button-container{margin-left:auto}.lighthouse-start-view header.vbox .lighthouse-title{text-align:center}.lighthouse-start-button-container button{margin:16px auto;font-family:var(--report-font-family);font-weight:500;font-size:var(--font-size)}.lighthouse-start-button-container button:disabled{cursor:not-allowed}.lighthouse-launcher-row,\n.lighthouse-radio{margin-bottom:6px}.lighthouse-launcher-row:last-of-type,\n.lighthouse-radio:last-of-type{margin-bottom:0}.lighthouse-launcher-row .dimmed{padding-left:22px}.lighthouse-help-text{text-align:center;color:#f00;font-weight:bold;padding-left:10px}.lighthouse-warning-text{text-align:left;color:#ff8c00;font-weight:bold;padding-left:10px;padding-top:10px}.lighthouse-warning-text::before{content:"⚠";margin-right:10px}.lighthouse-options{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.lighthouse-options.narrow{grid-template-columns:1fr;grid-template-rows:auto auto auto}.lighthouse-options.wide{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto}\n/*# sourceURL=lighthouseStartView.css */\n');const B={generateLighthouseReport:"Generate a Lighthouse report",mode:"Mode",categories:"Categories",plugins:"Plugins",analyzeNavigation:"Analyze page load",analyzeSnapshot:"Analyze page state",startTimespan:"Start timespan",learnMore:"Learn more",device:"Device"},H=n.i18n.registerUIStrings("panels/lighthouse/LighthouseStartView.ts",B),V=n.i18n.getLocalizedString.bind(void 0,H);class W extends s.Widget.Widget{controller;panel;settingsToolbarInternal;startButton;helpText;warningText;checkboxes=[];changeFormMode;constructor(e,t){super(),this.controller=e,this.panel=t,this.settingsToolbarInternal=new s.Toolbar.Toolbar(""),this.render()}populateRuntimeSettingAsRadio(e,t,n){const i=x.find((t=>t.setting.name===e));if(!i||!i.options)throw new Error(`${e} is not a setting with options`);const r=document.createElement("div");if(r.classList.add("lighthouse-form-section-label"),r.textContent=t,i.learnMore){const e=s.XLink.XLink.create(i.learnMore,V(B.learnMore),"lighthouse-learn-more");r.append(e)}n.appendChild(r);const o=new O(i.options,i.setting,i.description());n.appendChild(o.element),s.ARIAUtils.setLabel(o.element,t)}populateRuntimeSettingAsToolbarCheckbox(e,t){const n=x.find((t=>t.setting.name===e));if(!n||!n.title)throw new Error(`${e} is not a setting with a title`);n.setting.setTitle(n.title());const i=new s.Toolbar.ToolbarSettingCheckbox(n.setting,n.description());if(t.appendToolbarItem(i),n.learnMore){const e=s.XLink.XLink.create(n.learnMore,V(B.learnMore),"lighthouse-learn-more");e.style.margin="5px",i.element.appendChild(e)}}populateRuntimeSettingAsToolbarDropdown(e,t){const n=x.find((t=>t.setting.name===e));if(!n||!n.title)throw new Error(`${e} is not a setting with a title`);const i=n.options?.map((e=>({label:e.label(),value:e.value})))||[];n.setting.setTitle(n.title());const r=new s.Toolbar.ToolbarSettingComboBox(i,n.setting,n.title());if(r.setTitle(n.description()),t.appendToolbarItem(r),n.learnMore){const e=s.XLink.XLink.create(n.learnMore,V(B.learnMore),"lighthouse-learn-more");e.style.margin="5px",r.element.appendChild(e)}}populateFormControls(e,t){const n=e.$("device-type-form-elements");this.populateRuntimeSettingAsRadio("lighthouse.device_type",V(B.device),n);const i=e.$("categories-form-elements"),r=e.$("plugins-form-elements");this.checkboxes=[];for(const e of _){const n=e.plugin?r:i;e.setting.setTitle(e.title());const o=new s.Toolbar.ToolbarSettingCheckbox(e.setting,e.description());n.createChild("div","vbox lighthouse-launcher-row").appendChild(o.element),o.element.setAttribute("data-lh-category",e.configID),this.checkboxes.push({preset:e,checkbox:o}),t&&!e.supportedModes.includes(t)&&(o.setEnabled(!1),o.setIndeterminate(!0))}s.ARIAUtils.markAsGroup(i),s.ARIAUtils.setLabel(i,V(B.categories)),s.ARIAUtils.markAsGroup(r),s.ARIAUtils.setLabel(r,V(B.plugins))}render(){this.populateRuntimeSettingAsToolbarCheckbox("lighthouse.legacy_navigation",this.settingsToolbarInternal),this.populateRuntimeSettingAsToolbarCheckbox("lighthouse.clear_storage",this.settingsToolbarInternal),this.populateRuntimeSettingAsToolbarDropdown("lighthouse.throttling",this.settingsToolbarInternal);const{mode:e}=this.controller.getFlags();this.populateStartButton(e);const t=s.Fragment.Fragment.build`
+<form class="lighthouse-start-view">
+  <header class="hbox">
+    <div class="lighthouse-logo"></div>
+    <div class="lighthouse-title">${V(B.generateLighthouseReport)}</div>
+    <div class="lighthouse-start-button-container" $="start-button-container">${this.startButton}</div>
+  </header>
+  <div $="help-text" class="lighthouse-help-text hidden"></div>
+  <div class="lighthouse-options hbox">
+    <div class="lighthouse-form-section">
+      <div class="lighthouse-form-elements" $="mode-form-elements"></div>
+    </div>
+    <div class="lighthouse-form-section">
+      <div class="lighthouse-form-elements" $="device-type-form-elements"></div>
+    </div>
+    <div class="lighthouse-form-categories">
+      <div class="lighthouse-form-section">
+        <div class="lighthouse-form-section-label">${V(B.categories)}</div>
+        <div class="lighthouse-form-elements" $="categories-form-elements"></div>
+      </div>
+      <div class="lighthouse-form-section">
+        <div class="lighthouse-form-section-label">
+          <div class="lighthouse-icon-label">${V(B.plugins)}</div>
+        </div>
+        <div class="lighthouse-form-elements" $="plugins-form-elements"></div>
+      </div>
+    </div>
+  </div>
+  <div $="warning-text" class="lighthouse-warning-text hidden"></div>
+</form>
+    `;this.helpText=t.$("help-text"),this.warningText=t.$("warning-text");const n=t.$("mode-form-elements");this.populateRuntimeSettingAsRadio("lighthouse.mode",V(B.mode),n),this.populateFormControls(t,e),this.contentElement.textContent="",this.contentElement.append(t.element()),this.refresh()}populateStartButton(e){let t,n;"timespan"===e?(t=V(B.startTimespan),n=()=>{this.panel.handleTimespanStart()}):"snapshot"===e?(t=V(B.analyzeSnapshot),n=()=>{this.panel.handleCompleteRun()}):(t=V(B.analyzeNavigation),n=()=>{this.panel.handleCompleteRun()});const i=this.contentElement.querySelector(".lighthouse-start-button-container");i&&(i.textContent="",this.startButton=s.UIUtils.createTextButton(t,n,"",!0),i.append(this.startButton))}refresh(){const{mode:e}=this.controller.getFlags();this.populateStartButton(e);for(const{checkbox:t,preset:n}of this.checkboxes)n.supportedModes.includes(e)?(t.setEnabled(!0),t.setIndeterminate(!1)):(t.setEnabled(!1),t.setIndeterminate(!0));this.onResize()}onResize(){const e=this.contentElement.offsetWidth<500,t=this.contentElement.offsetWidth>800,n=this.contentElement.querySelector(".lighthouse-start-view header"),i=this.contentElement.querySelector(".lighthouse-options");n&&(n.classList.toggle("hbox",!e),n.classList.toggle("vbox",e)),i&&(i.classList.toggle("wide",t),i.classList.toggle("narrow",e))}focusStartButton(){this.startButton.focus()}setStartButtonEnabled(e){this.helpText&&this.helpText.classList.toggle("hidden",e),this.startButton&&(this.startButton.disabled=!e)}setUnauditableExplanation(e){this.helpText&&(this.helpText.textContent=e)}setWarningText(e){this.warningText&&(this.warningText.textContent=e,this.warningText.classList.toggle("hidden",!e))}wasShown(){super.wasShown(),this.controller.recomputePageAuditability(),this.registerCSSFiles([U])}settingsToolbar(){return this.settingsToolbarInternal}}var $=Object.freeze({__proto__:null,StartView:W});const G=new CSSStyleSheet;G.replaceSync(".lighthouse-view{--view-horizontal-margin:20px;margin:7px var(--view-horizontal-margin);flex:auto;align-items:center;width:100%;max-width:500px}.lighthouse-view h2{color:var(--color-text-primary);font-weight:bold;font-size:14px;flex:none;width:100%;text-align:left}.lighthouse-view button{z-index:10;margin-left:auto;margin-right:0}.lighthouse-status{width:100%;flex:auto;align-items:center;color:var(--color-text-primary)}.lighthouse-status-text{text-align:center;min-height:50px;margin-bottom:10px;display:flex;justify-content:center;flex-direction:column;max-width:100%}.lighthouse-status-text code{user-select:text;text-align:left;white-space:pre-wrap;overflow:auto}.lighthouse-progress-wrapper{width:calc(100% + 2 * var(--view-horizontal-margin));height:2px;background-color:var(--color-background-highlight);position:relative;margin:10px}.lighthouse-progress-bar{width:0%;height:100%;background:var(--color-primary-variant);position:absolute;transform-origin:left;animation-fill-mode:forwards;animation-timing-function:ease-out;--progress-bar-loading-duration:45s;--progress-bar-gathering-duration:12s;--progress-bar-gathering-percent:70%;--progress-bar-auditing-duration:5s;--progress-bar-auditing-percent:95%}.lighthouse-progress-bar.errored{width:100%;background:#e50303}.lighthouse-progress-bar.loading{animation-duration:var(--progress-bar-loading-duration);animation-name:progressBarLoading}@keyframes progressBarLoading{0%{width:0%}100%{width:var(--progress-bar-gathering-percent)}}.lighthouse-progress-bar.gathering{animation-duration:var(--progress-bar-gathering-duration);animation-name:progressBarGathering}@keyframes progressBarGathering{0%{width:var(--progress-bar-gathering-percent)}100%{width:var(--progress-bar-auditing-percent)}}.lighthouse-progress-bar.auditing{animation-duration:var(--progress-bar-auditing-duration);animation-name:progressBarAuditing}@keyframes progressBarAuditing{0%{width:var(--progress-bar-auditing-percent)}100%{width:99%}}.lighthouse-report-error{display:block;margin-top:5px}.lighthouse-action-buttons{align-self:end;column-gap:8px}\n/*# sourceURL=lighthouseDialog.css */\n");const j={cancel:"Cancel",loading:"Loading…",auditingS:"Auditing {PH1}",auditingYourWebPage:"Auditing your web page",cancelling:"Cancelling…",lighthouseIsWarmingUp:"`Lighthouse` is warming up…",lighthouseIsLoadingYourPage:"`Lighthouse` is loading your page",fastFactMessageWithPlaceholder:"💡 {PH1}",ahSorryWeRanIntoAnError:"Ah, sorry! We ran into an error.",tryToNavigateToTheUrlInAFresh:"Try to navigate to the URL in a fresh `Chrome` profile without any other tabs or extensions open and try again.",ifThisIssueIsReproduciblePlease:"If this issue is reproducible, please report it at the `Lighthouse` `GitHub` repo.",lighthouseIsLoadingThePage:"Lighthouse is loading the page.",lighthouseIsGatheringInformation:"`Lighthouse` is gathering information about the page to compute your score.",almostThereLighthouseIsNow:"Almost there! `Lighthouse` is now generating your report.",lighthouseIsLoadingYourPageWith:"`Lighthouse` is loading your page with throttling to measure performance on a mobile device on 3G.",lighthouseIsLoadingYourPageWithThrottling:"`Lighthouse` is loading your page with throttling to measure performance on a slow desktop on 3G.",lighthouseIsLoadingYourPageWithMobile:"`Lighthouse` is loading your page with mobile emulation.",mbTakesAMinimumOfSecondsTo:"1MB takes a minimum of 5 seconds to download on a typical 3G connection [Source: `WebPageTest` and `DevTools` 3G definition].",rebuildingPinterestPagesFor:"Rebuilding Pinterest pages for performance increased conversion rates by 15% [Source: `WPO Stats`]",byReducingTheResponseSizeOfJson:"By reducing the response size of JSON needed for displaying comments, Instagram saw increased impressions [Source: `WPO Stats`]",walmartSawAIncreaseInRevenueFor:"Walmart saw a 1% increase in revenue for every 100ms improvement in page load [Source: `WPO Stats`]",ifASiteTakesSecondToBecome:"If a site takes >1 second to become interactive, users lose attention, and their perception of completing the page task is broken [Source: `Google Developers Blog`]",OfGlobalMobileUsersInWereOnGOrG:"75% of global mobile users in 2016 were on 2G or 3G [Source: `GSMA Mobile`]",theAverageUserDeviceCostsLess:"The average user device costs less than 200 USD. [Source: `International Data Corporation`]",SecondsIsTheAverageTimeAMobile:"19 seconds is the average time a mobile web page takes to load on a 3G connection [Source: `Google DoubleClick blog`]",OfMobilePagesTakeNearlySeconds:"70% of mobile pages take nearly 7 seconds for the visual content above the fold to display on the screen. [Source: `Think with Google`]",asPageLoadTimeIncreasesFromOne:"As page load time increases from one second to seven seconds, the probability of a mobile site visitor bouncing increases 113%. [Source: `Think with Google`]",asTheNumberOfElementsOnAPage:"As the number of elements on a page increases from 400 to 6,000, the probability of conversion drops 95%. [Source: `Think with Google`]",lighthouseOnlySimulatesMobile:"`Lighthouse` only simulates mobile performance; to measure performance on a real device, try WebPageTest.org [Source: `Lighthouse` team]"},q=n.i18n.registerUIStrings("panels/lighthouse/LighthouseStatusView.ts",j),Y=n.i18n.getLocalizedString.bind(void 0,q),K=n.i18n.getLazilyComputedLocalizedString.bind(void 0,q);class J{panel;statusView;statusHeader;progressWrapper;progressBar;statusText;cancelButton;inspectedURL;textChangedAt;fastFactsQueued;currentPhase;scheduledFastFactTimeout;dialog;constructor(e){this.panel=e,this.statusView=null,this.statusHeader=null,this.progressWrapper=null,this.progressBar=null,this.statusText=null,this.cancelButton=null,this.inspectedURL="",this.textChangedAt=0,this.fastFactsQueued=te.map((e=>e())),this.currentPhase=null,this.scheduledFastFactTimeout=null,this.dialog=new s.Dialog.Dialog,this.dialog.setDimmed(!0),this.dialog.setCloseOnEscape(!1),this.dialog.setOutsideClickCallback((e=>e.consume(!0))),this.render()}render(){const e=s.Utils.createShadowRootWithCoreStyles(this.dialog.contentElement,{cssFile:[G],delegatesFocus:void 0}).createChild("div","lighthouse-view vbox"),t=s.UIUtils.createTextButton(Y(j.cancel),this.cancel.bind(this)),n=s.Fragment.Fragment.build`
+  <div class="lighthouse-view vbox">
+  <h2 $="status-header">Auditing your web page…</h2>
+  <div class="lighthouse-status vbox" $="status-view">
+  <div class="lighthouse-progress-wrapper" $="progress-wrapper">
+  <div class="lighthouse-progress-bar" $="progress-bar"></div>
+  </div>
+  <div class="lighthouse-status-text" $="status-text"></div>
+  </div>
+  ${t}
+  </div>
+  `;e.appendChild(n.element()),this.statusView=n.$("status-view"),this.statusHeader=n.$("status-header"),this.progressWrapper=n.$("progress-wrapper"),this.progressBar=n.$("progress-bar"),this.statusText=n.$("status-text"),s.ARIAUtils.markAsProgressBar(this.progressBar,0,X.length-1),this.cancelButton=t,s.ARIAUtils.markAsStatus(this.statusText),this.dialog.setDefaultFocusedElement(t),this.dialog.setSizeBehavior("SetExactWidthMaxHeight"),this.dialog.setMaxContentSize(new s.Geometry.Size(500,400))}reset(){this.resetProgressBarClasses(),clearTimeout(this.scheduledFastFactTimeout),this.textChangedAt=0,this.fastFactsQueued=te.map((e=>e())),this.currentPhase=null,this.scheduledFastFactTimeout=null}show(t){this.reset(),this.updateStatus(Y(j.loading));const n=e.ParsedURL.ParsedURL.fromString(this.inspectedURL),i=n&&n.host,r=i?Y(j.auditingS,{PH1:i}):Y(j.auditingYourWebPage);this.renderStatusHeader(r),this.dialog.show(t)}renderStatusHeader(e){this.statusHeader&&(this.statusHeader.textContent=`${e}…`)}hide(){this.dialog.isShowing()&&this.dialog.hide()}setInspectedURL(e=""){this.inspectedURL=e}updateStatus(e){if(!e||!this.statusText)return;if(e.startsWith("Cancel"))return this.commitTextChange(Y(j.cancelling)),void clearTimeout(this.scheduledFastFactTimeout);const t=this.getPhaseForMessage(e);if(t||this.currentPhase){if(t){this.currentPhase=t;const e=this.getMessageForPhase(t);if(this.commitTextChange(e),this.scheduleFastFactCheck(),this.resetProgressBarClasses(),this.progressBar){this.progressBar.classList.add(t.progressBarClass);const n=X.indexOf(t);s.ARIAUtils.setProgressBarValue(this.progressBar,n,e)}}}else this.commitTextChange(Y(j.lighthouseIsWarmingUp)),clearTimeout(this.scheduledFastFactTimeout)}cancel(){this.panel.handleRunCancel()}getMessageForPhase(e){if(e.message())return e.message();const t=x.find((e=>"lighthouse.device_type"===e.setting.name)),n=x.find((e=>"lighthouse.throttling"===e.setting.name)),i=t?t.setting.get():"",r=n?n.setting.get():"",o=ee.find((e=>e.deviceType===i&&e.throttling===r));return o?o.message():Y(j.lighthouseIsLoadingYourPage)}getPhaseForMessage(e){return X.find((t=>t.statusMessageRegex.test(e)))||null}resetProgressBarClasses(){this.progressBar&&(this.progressBar.className="lighthouse-progress-bar")}scheduleFastFactCheck(){this.currentPhase&&!this.scheduledFastFactTimeout&&(this.scheduledFastFactTimeout=window.setTimeout((()=>{this.updateFastFactIfNecessary(),this.scheduledFastFactTimeout=null,this.scheduleFastFactCheck()}),100))}updateFastFactIfNecessary(){if(performance.now()-this.textChangedAt<Q)return;if(!this.fastFactsQueued.length)return;const e=Math.floor(Math.random()*this.fastFactsQueued.length);this.commitTextChange(Y(j.fastFactMessageWithPlaceholder,{PH1:this.fastFactsQueued[e]})),this.fastFactsQueued.splice(e,1)}commitTextChange(e){this.statusText&&(this.textChangedAt=performance.now(),this.statusText.textContent=e)}renderBugReport(e){if(console.error(e),this.scheduledFastFactTimeout&&window.clearTimeout(this.scheduledFastFactTimeout),this.resetProgressBarClasses(),this.progressBar&&this.progressBar.classList.add("errored"),this.statusText)if(this.commitTextChange(""),s.UIUtils.createTextChild(this.statusText.createChild("p"),Y(j.ahSorryWeRanIntoAnError)),Z.some((t=>t.test(e.message)))){const e=Y(j.tryToNavigateToTheUrlInAFresh);s.UIUtils.createTextChild(this.statusText.createChild("p"),e)}else this.renderBugReportBody(e,this.inspectedURL)}renderText(e,t){this.renderStatusHeader(e),this.commitTextChange(t)}toggleCancelButton(e){this.cancelButton&&(this.cancelButton.style.visibility=e?"visible":"hidden")}renderBugReportBody(e,t){const n=navigator.userAgent.match(/Chrome\/(\S+)/)||["","Unknown"],i=`\n${e.friendlyMessage||e.message}\n\`\`\`\nChannel: DevTools\nInitial URL: ${t}\nChrome Version: ${n[1]}\nStack Trace: ${e.stack}\n\`\`\`\n`;this.statusText&&(s.UIUtils.createTextChild(this.statusText.createChild("p"),Y(j.ifThisIssueIsReproduciblePlease)),s.UIUtils.createTextChild(this.statusText.createChild("code","monospace"),i.trim()))}}const Q=6e3,Z=[/PARSING_PROBLEM/,/DOCUMENT_REQUEST/,/READ_FAILED/,/TRACING_ALREADY_STARTED/,/^You must provide a url to the runner/,/^You probably have multiple tabs open/],X=[{id:"loading",progressBarClass:"loading",message:K(j.lighthouseIsLoadingThePage),statusMessageRegex:/^(Navigating to)/},{id:"gathering",progressBarClass:"gathering",message:K(j.lighthouseIsGatheringInformation),statusMessageRegex:/(Gather|artifact)/i},{id:"auditing",progressBarClass:"auditing",message:K(j.almostThereLighthouseIsNow),statusMessageRegex:/^Audit/}],ee=[{deviceType:"mobile",throttling:"on",message:K(j.lighthouseIsLoadingYourPageWith)},{deviceType:"desktop",throttling:"on",message:K(j.lighthouseIsLoadingYourPageWithThrottling)},{deviceType:"mobile",throttling:"off",message:K(j.lighthouseIsLoadingYourPageWithMobile)},{deviceType:"desktop",throttling:"off",message:K(j.lighthouseIsLoadingThePage)}],te=[K(j.mbTakesAMinimumOfSecondsTo),K(j.rebuildingPinterestPagesFor),K(j.byReducingTheResponseSizeOfJson),K(j.walmartSawAIncreaseInRevenueFor),K(j.ifASiteTakesSecondToBecome),K(j.OfGlobalMobileUsersInWereOnGOrG),K(j.theAverageUserDeviceCostsLess),K(j.SecondsIsTheAverageTimeAMobile),K(j.OfMobilePagesTakeNearlySeconds),K(j.asPageLoadTimeIncreasesFromOne),K(j.asTheNumberOfElementsOnAPage),K(j.OfMobilePagesTakeNearlySeconds),K(j.lighthouseOnlySimulatesMobile)];var ne=Object.freeze({__proto__:null,StatusView:J,fastFactRotationInterval:Q,minimumTextVisibilityDuration:3e3,StatusPhases:X});const ie={timespanStarting:"Timespan starting…",timespanStarted:"Timespan started, interact with the page",endTimespan:"End timespan",cancel:"Cancel"},re=n.i18n.registerUIStrings("panels/lighthouse/LighthouseTimespanView.ts",ie),oe=n.i18n.getLocalizedString.bind(void 0,re);class ae extends s.Dialog.Dialog{panel;statusHeader;endButton;constructor(e){super(),this.panel=e,this.statusHeader=null,this.endButton=null,this.setDimmed(!0),this.setCloseOnEscape(!1),this.setOutsideClickCallback((e=>e.consume(!0))),this.render()}show(e){this.reset(),super.show(e)}reset(){this.statusHeader&&this.endButton&&(this.statusHeader.textContent=oe(ie.timespanStarting),this.endButton.disabled=!0)}ready(){this.statusHeader&&this.endButton&&(this.statusHeader.textContent=oe(ie.timespanStarted),this.endButton.disabled=!1,this.endButton.focus())}render(){const e=s.Utils.createShadowRootWithCoreStyles(this.contentElement,{cssFile:[G],delegatesFocus:void 0});this.endButton=s.UIUtils.createTextButton(oe(ie.endTimespan),this.endTimespan.bind(this),void 0,!0);const t=s.UIUtils.createTextButton(oe(ie.cancel),this.cancel.bind(this)),n=s.Fragment.Fragment.build`
+  <div class="lighthouse-view vbox">
+  <h2 $="status-header"></h2>
+  <div class="lighthouse-action-buttons hbox">
+  ${t}
+  ${this.endButton}
+  </div>
+  </div>
+  `;this.statusHeader=n.$("status-header"),e.appendChild(n.element()),this.setSizeBehavior("SetExactWidthMaxHeight"),this.setMaxContentSize(new s.Geometry.Size(500,400)),this.reset()}async endTimespan(){await this.panel.handleTimespanEnd()}async cancel(){await this.panel.handleRunCancel()}}const se={dropLighthouseJsonHere:"Drop `Lighthouse` JSON here",performAnAudit:"Perform an audit…",clearAll:"Clear all",lighthouseSettings:"`Lighthouse` settings",printing:"Printing",thePrintPopupWindowIsOpenPlease:"The print popup window is open. Please close it to continue.",cancelling:"Cancelling"},le=n.i18n.registerUIStrings("panels/lighthouse/LighthousePanel.ts",se),ce=n.i18n.getLocalizedString.bind(void 0,le);let he;class de extends s.Panel.Panel{controller;startView;statusView;timespanView;warningText;unauditableExplanation;cachedRenderedReports;dropTarget;auditResultsElement;clearButton;newButton;reportSelector;settingsPane;rightToolbar;showSettingsPaneSetting;constructor(e){super("lighthouse"),this.controller=e,this.startView=new W(this.controller,this),this.timespanView=new ae(this),this.statusView=new J(this),this.warningText=null,this.unauditableExplanation=null,this.cachedRenderedReports=new Map,this.dropTarget=new s.DropTarget.DropTarget(this.contentElement,[s.DropTarget.Type.File],ce(se.dropLighthouseJsonHere),this.handleDrop.bind(this)),this.controller.addEventListener(S.PageAuditabilityChanged,this.refreshStartAuditUI.bind(this)),this.controller.addEventListener(S.PageWarningsChanged,this.refreshWarningsUI.bind(this)),this.controller.addEventListener(S.AuditProgressChanged,this.refreshStatusUI.bind(this)),this.renderToolbar(),this.auditResultsElement=this.contentElement.createChild("div","lighthouse-results-container"),this.renderStartView(),this.controller.recomputePageAuditability()}static instance(e){if(!he||e?.forceNew){const t=e?.protocolService??new k,n=e?.controller??new w(t);he=new de(n)}return he}static getEvents(){return S}async handleTimespanStart(){try{this.timespanView.show(this.contentElement),await this.controller.startLighthouse(),this.timespanView.ready()}catch(e){this.handleError(e)}}async handleTimespanEnd(){try{this.timespanView.hide(),this.renderStatusView();const{lhr:e,artifacts:t}=await this.controller.collectLighthouseResults();this.buildReportUI(e,t)}catch(e){this.handleError(e)}}async handleCompleteRun(){try{await this.controller.startLighthouse(),this.renderStatusView();const{lhr:e,artifacts:t}=await this.controller.collectLighthouseResults();this.buildReportUI(e,t)}catch(e){this.handleError(e)}}async handleRunCancel(){this.statusView.updateStatus(ce(se.cancelling)),this.timespanView.hide(),await this.controller.cancelLighthouse(),this.renderStartView()}handleError(e){e instanceof Error&&this.statusView.renderBugReport(e)}refreshWarningsUI(e){this.controller.getCurrentRun()||(this.warningText=e.data.warning,this.startView.setWarningText(e.data.warning))}refreshStartAuditUI(e){this.controller.getCurrentRun()||(this.startView.refresh(),this.unauditableExplanation=e.data.helpText,this.startView.setUnauditableExplanation(e.data.helpText),this.startView.setStartButtonEnabled(!e.data.helpText))}refreshStatusUI(e){this.statusView.updateStatus(e.data.message)}refreshToolbarUI(){this.clearButton.setEnabled(this.reportSelector.hasItems())}clearAll(){this.reportSelector.clearAll(),this.renderStartView(),this.refreshToolbarUI()}renderToolbar(){const t=this.element.createChild("div","lighthouse-toolbar-container"),n=new s.Toolbar.Toolbar("",t);this.newButton=new s.Toolbar.ToolbarButton(ce(se.performAnAudit),"plus"),n.appendToolbarItem(this.newButton),this.newButton.addEventListener(s.Toolbar.ToolbarButton.Events.Click,this.renderStartView.bind(this)),n.appendSeparator(),this.reportSelector=new N((()=>this.renderStartView())),n.appendToolbarItem(this.reportSelector.comboBox()),this.clearButton=new s.Toolbar.ToolbarButton(ce(se.clearAll),"clear"),n.appendToolbarItem(this.clearButton),this.clearButton.addEventListener(s.Toolbar.ToolbarButton.Events.Click,this.clearAll.bind(this)),this.settingsPane=new s.Widget.HBox,this.settingsPane.show(this.contentElement),this.settingsPane.element.classList.add("lighthouse-settings-pane"),this.settingsPane.element.appendChild(this.startView.settingsToolbar().element),this.showSettingsPaneSetting=e.Settings.Settings.instance().createSetting("lighthouseShowSettingsToolbar",!1,e.Settings.SettingStorageType.Synced),this.rightToolbar=new s.Toolbar.Toolbar("",t),this.rightToolbar.appendSeparator(),this.rightToolbar.appendToolbarItem(new s.Toolbar.ToolbarSettingToggle(this.showSettingsPaneSetting,"gear",ce(se.lighthouseSettings),"gear-filled")),this.showSettingsPaneSetting.addChangeListener(this.updateSettingsPaneVisibility.bind(this)),this.updateSettingsPaneVisibility(),this.refreshToolbarUI()}updateSettingsPaneVisibility(){this.settingsPane.element.classList.toggle("hidden",!this.showSettingsPaneSetting.get())}toggleSettingsDisplay(e){this.rightToolbar.element.classList.toggle("hidden",!e),this.settingsPane.element.classList.toggle("hidden",!e),this.updateSettingsPaneVisibility()}renderStartView(){this.auditResultsElement.removeChildren(),this.statusView.hide(),this.reportSelector.selectNewReport(),this.contentElement.classList.toggle("in-progress",!1),this.startView.show(this.contentElement),this.toggleSettingsDisplay(!0),this.startView.setUnauditableExplanation(this.unauditableExplanation),this.startView.setStartButtonEnabled(!this.unauditableExplanation),this.unauditableExplanation||this.startView.focusStartButton(),this.startView.setWarningText(this.warningText),this.newButton.setEnabled(!1),this.refreshToolbarUI(),this.setDefaultFocusedChild(this.startView)}renderStatusView(){const e=this.controller.getCurrentRun()?.inspectedURL;this.contentElement.classList.toggle("in-progress",!0),this.statusView.setInspectedURL(e),this.statusView.show(this.contentElement)}beforePrint(){this.statusView.show(this.contentElement),this.statusView.toggleCancelButton(!1),this.statusView.renderText(ce(se.printing),ce(se.thePrintPopupWindowIsOpenPlease))}afterPrint(){this.statusView.hide(),this.statusView.toggleCancelButton(!0)}renderReport(e,t){this.toggleSettingsDisplay(!1),this.contentElement.classList.toggle("in-progress",!1),this.startView.hideWidget(),this.statusView.hide(),this.auditResultsElement.removeChildren(),this.newButton.setEnabled(!0),this.refreshToolbarUI();const n=this.cachedRenderedReports.get(e);if(n)return void this.auditResultsElement.appendChild(n);const i=C.renderLighthouseReport(e,t,{beforePrint:this.beforePrint.bind(this),afterPrint:this.afterPrint.bind(this)});this.cachedRenderedReports.set(e,i)}buildReportUI(e,t){if(null===e)return;const n=new F(e,(()=>this.renderReport(e,t)),this.renderStartView.bind(this));this.reportSelector.prepend(n),this.refreshToolbarUI(),this.renderReport(e),this.newButton.element.focus()}handleDrop(e){const t=e.items;if(!t.length)return;if("file"===t[0].kind){const e=t[0].getAsFile();if(!e)return;const n=new FileReader;n.onload=()=>this.loadedFromFile(n.result),n.readAsText(e)}}loadedFromFile(e){const t=JSON.parse(e);t.lighthouseVersion&&this.buildReportUI(t)}elementsToRestoreScrollPositionsFor(){const e=super.elementsToRestoreScrollPositionsFor(),t=this.auditResultsElement.querySelector(".lh-container");return t&&e.push(t),e}wasShown(){super.wasShown(),this.registerCSSFiles([A])}}var pe=Object.freeze({__proto__:null,LighthousePanel:de});var ge=Object.freeze({__proto__:null,LighthouseReportGenerator:class{generateReportHtml(e){return""}}});export{L as LighthouseController,pe as LighthousePanel,T as LighthouseProtocolService,I as LighthouseReportRenderer,P as LighthouseReportSelector,ge as LighthouseReporterTypes,$ as LighthouseStartView,ne as LighthouseStatusView,D as RadioSetting};