chrome-devtools-frontend
Version:
Chrome DevTools UI
40 lines (33 loc) • 199 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('fs')) :
typeof define === 'function' && define.amd ? define(['fs'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, (global.Lighthouse = global.Lighthouse || {}, global.Lighthouse.ReportGenerator = factory()));
}(this, (function () { 'use strict';
function getAugmentedNamespace(n) {
if (n.__esModule) return n;
var a = Object.defineProperty({}, '__esModule', {value: true});
Object.keys(n).forEach(function (k) {
var d = Object.getOwnPropertyDescriptor(n, k);
Object.defineProperty(a, k, d.get ? d : {
enumerable: true,
get: function () {
return n[k];
}
});
});
return a;
}
var _rollupPluginShim1 = {};
var _rollupPluginShim1$1 = /*#__PURE__*/Object.freeze({
__proto__: null,
'default': _rollupPluginShim1
});
var require$$1 = /*@__PURE__*/getAugmentedNamespace(_rollupPluginShim1$1);
/**
* @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.
*/
const flowReportAssets = require$$1;
const REPORT_TEMPLATE = "<!--\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-->\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/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEhklEQVR4AWJxL/BhIAesev1U5tcflpncgNrKIsqNIwzC9feMpDUzs70kOczMzMzJJcxwCTMzncPMnOwtzBwzMzPb0vRfeZPp0VhPS5I39V5fdiXV1/VD+9QC7OVn9BsyH1XIoEI1PfmJvLFowVV564+34DFUHudbmfDh4kVXh//7XwE+WjS/YfXZe3yr4j2rqj1AIhSB7hZ8ZtPZu/zw8cK523U4wE1/rvPfWrz4zs0m9ZdC9yUJAlASdBAgocRegfF/f3/h/PuaFsxMdwjAR0vm1+06eMMfIrhLqTWqdH4EumU2SPfMhigJAlRQbZrgrRsl9U+Y2DYDFCz3ILC9kiAiqSrMwbWT0nceEnR+9Kggc2zjOJCASDENkg0a5HfZZgDP81CM3CrQs2Z1+o7DJ6ePr8sK0AOCHv5Jjdt3evyYSaZ351VIStIxPRAUtrBYbxC6w+BZ0ivVSBKkIhJhemSyZpfB00EiPO2VjzYkxhcqXQqCWCShGplvi3y0QxqbuBurMjyJeWnkHZuAEgIQGsUBqwrfjZ+IlBgKyRJzVVYF8O6qFWdh86YzQzMrZigYmxAyfvHgLZQ/LC1CbeniW2Hkqr/PH16SgvGuf2/uzNMBwJA/njxizGPtSyAf7EziJCMGRDRdhoAC4PL1A/SrKQMAAQkEfpJAcRQdrBJ7gNwjSpJsdwK+CANBkqa1LgQB4IicV9nYUct7gaxuDJUErQIiEAiMxLVOFlKzIktPpT0ggpdpC/8YAHnxbgkUY4tAAFSR7AAXNyAAWHJrA/kHGjzg5nleuwFO7Nd/IoDw4Pm58+4jNLmYG0wRA5bErc2Mr3Y+dXTDW1VvwqbJkzMCHQ4S1GTCBOIgUHJrGdEwqzR+jAp/o2qAZelUDoQnruEEdDclJI6576AlNVfc+22XN/+Y1vnJD0Yind6UpEEvn/Hqq15EYjCW7jZCJEpnNvDgkyelDjs106kuux2AAXCSobULOWP8mLhYlpoDMK4qAFXJGk+grtH8YXVz5KJblqaG1+VUdTc0I290bmUQAriGITRbdQnom0aoFj8kx1+wMD2ifncAXUQE4SkDqN1hE0jEophs1SUwZAOhUAiMCLwRtamtTZtbbmZErSAUHbSysaoEmnrsakiMiUAURi283gN6wans9oX8rOCrj7/JP35DFD+iQ7Au/K2KE1jzx6ujjUnXFH9KjEq6ZlhsTBICrNLJf47Pv/pkHzvup1w4dmUbEei0+bcXRqJuh5kVARQ8byyYxOwNGr7A87xh1tp8sGT+uMInrwi++Xj7TQz2d27NvwEkrOflAFQGIDA5khASBCGdO2/Z/MnLPwYfv5TFhjW7QhVKAB6afwe2LpFlFsCnlQEosgQgDsdOG1/LKeNqJS4JCSPJ/i+TakwEARor7gER1Iva5JmPOJK0RUqmoPnnlzFCtmIAhAAQEIQRgDaiYPIauNXcnDlRIrWNFY3hm7PG9YRqr7IV7HrCgAC17befjEvRq2nGhAHtBqDpOuI/I1diUUAMYIxEdyejBJqLnNoszGZtfiX/CztGv2mq+sdaAAAAAElFTkSuQmCC\">\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";
const 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=\"data:image/jpeg;base64,\",t=\"pass\",n=.9,r=\"average\",o=.5,i=\"fail\",a=\"error\",l=[\"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 s{static i18n=null;static get PASS_THRESHOLD(){return.9}static get MS_DISPLAY_VALUE(){return\"%10d ms\"}static prepareReportResult(t){const n=JSON.parse(JSON.stringify(t));n.configSettings.locale||(n.configSettings.locale=\"en\"),n.configSettings.formFactor||(n.configSettings.formFactor=n.configSettings.emulatedFormFactor);for(const t of Object.values(n.audits))if(\"not_applicable\"!==t.scoreDisplayMode&&\"not-applicable\"!==t.scoreDisplayMode||(t.scoreDisplayMode=\"notApplicable\"),t.details&&(void 0!==t.details.type&&\"diagnostic\"!==t.details.type||(t.details.type=\"debugdata\"),\"filmstrip\"===t.details.type))for(const n of t.details.items)n.data.startsWith(e)||(n.data=e+n.data);if(\"object\"!=typeof n.categories)throw new Error(\"No categories provided.\");const r=new Map,[o]=n.lighthouseVersion.split(\".\").map(Number),i=n.categories.performance;if(o<9&&i){n.categoryGroups||(n.categoryGroups={}),n.categoryGroups.hidden={title:\"\"};for(const e of i.auditRefs)e.group?[\"load-opportunities\",\"diagnostics\"].includes(e.group)&&delete e.group:e.group=\"hidden\"}for(const e of Object.values(n.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 t=n.audits[e.id];e.result=t,r.has(e.id)&&(e.relevantMetrics=r.get(e.id)),n.stackPacks&&n.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 n}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)>=n}}static calculateRating(e,l){if(\"manual\"===l||\"notApplicable\"===l)return t;if(\"error\"===l)return a;if(null===e)return i;let s=i;return e>=n?s=t:e>=o&&(s=r),s}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 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.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 parseURL(e){const t=new URL(e);return{file:s.getURLDisplayName(t),hostname:t.hostname,origin:t.origin}}static createOrReturnURL(e){return e instanceof URL?e:new URL(e)}static getTld(e){const t=e.split(\".\").slice(-2);return l.includes(t[0])?\".\"+t.join(\".\"):\".\"+t[t.length-1]}static getRootDomain(e){const t=s.createOrReturnURL(e).hostname,n=s.getTld(t).split(\".\");return t.split(\".\").slice(-n.length).join(\".\")}static getEmulationDescriptions(e){let t,n,r;const o=e.throttling;switch(e.throttlingMethod){case\"provided\":r=n=t=s.i18n.strings.throttlingProvided;break;case\"devtools\":{const{cpuSlowdownMultiplier:e,requestLatencyMs:i}=o;t=s.i18n.formatNumber(e)+\"x slowdown (DevTools)\",n=`${s.i18n.formatNumber(i)} ms HTTP RTT, ${s.i18n.formatNumber(o.downloadThroughputKbps)} Kbps down, ${s.i18n.formatNumber(o.uploadThroughputKbps)} Kbps up (DevTools)`,r=562.5===i&&o.downloadThroughputKbps===1638.4*.9&&675===o.uploadThroughputKbps?s.i18n.strings.runtimeSlow4g:s.i18n.strings.runtimeCustom;break}case\"simulate\":{const{cpuSlowdownMultiplier:e,rttMs:i,throughputKbps:a}=o;t=s.i18n.formatNumber(e)+\"x slowdown (Simulated)\",n=`${s.i18n.formatNumber(i)} ms TCP RTT, ${s.i18n.formatNumber(a)} Kbps throughput (Simulated)`,r=150===i&&1638.4===a?s.i18n.strings.runtimeSlow4g:s.i18n.strings.runtimeCustom;break}default:r=t=n=s.i18n.strings.runtimeUnknown}return{deviceEmulation:{mobile:s.i18n.strings.runtimeMobileEmulation,desktop:s.i18n.strings.runtimeDesktopEmulation}[e.formFactor]||s.i18n.strings.runtimeNoEmulation,cpuThrottling:t,networkThrottling:n,summary:r}}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)))}static isPluginCategory(e){return e.startsWith(\"lighthouse-plugin-\")}static shouldDisplayAsFraction(e){return\"timespan\"===e||\"snapshot\"===e}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}}}s.reportJson=null,s.getUniqueSuffix=(()=>{let e=0;return function(){return e++}})(),s.UIStrings={varianceDisclaimer:\"Values are estimated and may vary. The [performance score is calculated](https://web.dev/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:\"CPU/Memory Power\",runtimeSettingsAxeVersion:\"Axe version\",footerIssue:\"File an issue\",runtimeNoEmulation:\"No emulation\",runtimeMobileEmulation:\"Emulated Moto G4\",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\"};\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 c{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.appendChild(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__mask\"),i=e.createElementNS(\"http://www.w3.org/2000/svg\",\"svg\");i.setAttribute(\"height\",\"0\"),i.setAttribute(\"width\",\"0\");const a=e.createElementNS(\"http://www.w3.org/2000/svg\",\"defs\"),l=e.createElementNS(\"http://www.w3.org/2000/svg\",\"clipPath\");l.setAttribute(\"clipPathUnits\",\"objectBoundingBox\"),a.append(\" \",l,\" \",\" \"),i.append(\" \",a,\" \"),o.append(\" \",i,\" \");const s=e.createElement(\"div\",\"lh-element-screenshot__image\"),c=e.createElement(\"div\",\"lh-element-screenshot__element-marker\");return r.append(\" \",o,\" \",s,\" \",c,\" \"),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 C=e.createElementNS(\"http://www.w3.org/2000/svg\",\"circle\");C.setAttribute(\"fill\",\"#FFFFFF\"),C.setAttribute(\"cx\",\"12\"),C.setAttribute(\"cy\",\"12\"),C.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(\" \",C,\" \",z,\" \"),m.append(\" \",\" \",f,\" \",v,\" \",\" \",y,\" \",\" \",x,\" \",\" \",A,\" \"),o.append(\" \",i,\" \",m,\" \");const S=e.createElement(\"div\",\"lh-gauge__label\");return r.append(\" \",o,\" \",S,\" \"),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 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 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(v