@browserless.io/browserless 2.2.0-beta-8 → 2.3.0-beta-1

package/static/devtools/cookie_table/cookie_table.js

@@ -0,0 +1 @@
+import{RelatedIssue as t}from"../browser_sdk/browser_sdk.js";import{ParsedURL as e}from"../common/common.js";import{DataGrid as i}from"../data_grid/data_grid.js";import{i18n as s}from"../i18n/i18n.js";import{StringUtilities as a}from"../platform/platform.js";import{Cookie as o}from"../sdk/sdk.js";import{Widget as r,Tooltip as l,Icon as n}from"../ui/ui.js";const d={session:"Session",name:"Name",value:"Value",size:"Size",editableCookies:"Editable Cookies",cookies:"Cookies",na:"N/A",showRequestsWithThisCookie:"Show Requests With This Cookie",showIssueAssociatedWithThis:"Show issue associated with this cookie"},u=s.registerUIStrings("cookie_table/CookiesTable.ts",d),c=s.getLocalizedString.bind(void 0,u),h=c(d.session);class b extends r.VBox{constructor(t,e,s,a,r){super(),this.registerRequiredCSS("cookie_table/cookiesTable.css",{enableLegacyPatching:!0}),this.element.classList.add("cookies-table"),this._saveCallback=e,this._refreshCallback=s,this._deleteCallback=r;const l=Boolean(e),n=[{id:o.Attributes.Name,title:c(d.name),sortable:!0,disclosure:l,sort:i.Order.Ascending,longText:!0,weight:24,editable:l},{id:o.Attributes.Value,title:c(d.value),sortable:!0,longText:!0,weight:34,editable:l},{id:o.Attributes.Domain,title:"Domain",sortable:!0,weight:7,editable:l},{id:o.Attributes.Path,title:"Path",sortable:!0,weight:7,editable:l},{id:o.Attributes.Expires,title:"Expires / Max-Age",sortable:!0,weight:7,editable:l},{id:o.Attributes.Size,title:c(d.size),sortable:!0,align:i.Align.Right,weight:7},{id:o.Attributes.HttpOnly,title:"HttpOnly",sortable:!0,align:i.Align.Center,weight:7,dataType:i.DataType.Boolean,editable:l},{id:o.Attributes.Secure,title:"Secure",sortable:!0,align:i.Align.Center,weight:7,dataType:i.DataType.Boolean,editable:l},{id:o.Attributes.SameSite,title:"SameSite",sortable:!0,weight:7,editable:l},{id:o.Attributes.SameParty,title:"SameParty",sortable:!0,align:i.Align.Center,weight:7,dataType:i.DataType.Boolean,editable:!1},{id:o.Attributes.Priority,title:"Priority",sortable:!0,sort:i.Order.Descending,weight:7,editable:l}];this._dataGrid=l?new i.DataGridImpl({displayName:c(d.editableCookies),columns:n,editCallback:this._onUpdateCookie.bind(this),deleteCallback:this._onDeleteCookie.bind(this),refreshCallback:s}):new i.DataGridImpl({displayName:c(d.cookies),columns:n,editCallback:void 0,deleteCallback:void 0,refreshCallback:void 0}),this._dataGrid.setStriped(!0),this._dataGrid.setName("cookiesTable"),this._dataGrid.addEventListener(i.Events.SortingChanged,this._rebuildTable,this),this._dataGrid.setRowContextMenuCallback(this._populateContextMenu.bind(this)),t&&this._dataGrid.renderInline(),a&&this._dataGrid.addEventListener(i.Events.SelectedNode,a,this),this._lastEditedColumnId=null,this._dataGrid.asWidget().show(this.element),this._data=[],this._cookieDomain="",this._cookieToBlockedReasons=null}setCookies(t,e){this.setCookieFolders([{cookies:t,folderName:null}],e)}setCookieFolders(t,e){this._data=t,this._cookieToBlockedReasons=e||null,this._rebuildTable()}setCookieDomain(t){this._cookieDomain=t}selectedCookie(){const t=this._dataGrid.selectedNode;return t?t.cookie:null}_getSelectionCookies(){const t=this._dataGrid.selectedNode,e=t&&t.traverseNextNode(!0),i=t&&t.traversePreviousNode(!0);return{current:t&&t.cookie,neighbor:e&&e.cookie||i&&i.cookie}}willHide(){this._lastEditedColumnId=null}_findSelectedCookie(t,e){if(!e)return null;const i=t.current,s=e.find((t=>this._isSameCookie(t,i)));if(s)return s;const a=t.neighbor,o=e.find((t=>this._isSameCookie(t,a)));return o||null}_isSameCookie(t,e){return null!=e&&e.name()===t.name()&&e.domain()===t.domain()&&e.path()===t.path()}_rebuildTable(){const t=this._getSelectionCookies(),e=this._lastEditedColumnId;this._lastEditedColumnId=null,this._dataGrid.rootNode().removeChildren();for(let s=0;s<this._data.length;++s){const a=this._data[s],r=this._findSelectedCookie(t,a.cookies);if(a.folderName){const t={};t[o.Attributes.Name]=a.folderName,t[o.Attributes.Value]="",t[o.Attributes.Size]=this._totalSize(a.cookies),t[o.Attributes.Domain]="",t[o.Attributes.Path]="",t[o.Attributes.Expires]="",t[o.Attributes.HttpOnly]="",t[o.Attributes.Secure]="",t[o.Attributes.SameSite]="",t[o.Attributes.SameParty]="",t[o.Attributes.Priority]="";const s=new i.DataGridNode(t);s.selectable=!0,this._dataGrid.rootNode().appendChild(s),s.element().classList.add("row-group"),this._populateNode(s,a.cookies,r,e),s.expand()}else this._populateNode(this._dataGrid.rootNode(),a.cookies,r,e)}t.current&&e&&!this._dataGrid.selectedNode&&this._addInactiveNode(this._dataGrid.rootNode(),t.current,e),this._saveCallback&&this._dataGrid.addCreationNode(!1)}_populateNode(t,e,i,s){if(t.removeChildren(),e){this._sortCookies(e);for(let a=0;a<e.length;++a){const o=e[a],r=this._createGridNode(o);t.appendChild(r),this._isSameCookie(o,i)&&(r.select(),null!==s&&this._dataGrid.startEditingNextEditableColumnOfDataGridNode(r,s))}}}_addInactiveNode(t,e,i){const s=this._createGridNode(e);t.appendChild(s),s.select(),s.setInactive(!0),null!==i&&this._dataGrid.startEditingNextEditableColumnOfDataGridNode(s,i)}_totalSize(t){let e=0;for(let i=0;t&&i<t.length;++i)e+=t[i].size();return e}_sortCookies(t){const e=this._dataGrid.isSortOrderAscending()?1:-1;function i(t,e){switch(e){case o.Attributes.Name:return String(t.name());case o.Attributes.Value:return String(t.value());case o.Attributes.Domain:return String(t.domain());case o.Attributes.Path:return String(t.path());case o.Attributes.HttpOnly:return String(t.httpOnly());case o.Attributes.Secure:return String(t.secure());case o.Attributes.SameSite:return String(t.sameSite());case o.Attributes.SameParty:return String(t.sameParty());default:return String(t.name())}}let s;const r=this._dataGrid.sortColumnId()||o.Attributes.Name;s=r===o.Attributes.Expires?function(t,i){return t.session()!==i.session()?e*(t.session()?1:-1):t.session()?0:t.maxAge()&&i.maxAge()?e*(t.maxAge()-i.maxAge()):t.expires()&&i.expires()?e*(t.expires()-i.expires()):e*(t.expires()?1:-1)}:r===o.Attributes.Size?function(t,i){return e*(t.size()-i.size())}:r===o.Attributes.Priority?function(t,i){const s=[Protocol.Network.CookiePriority.Low,Protocol.Network.CookiePriority.Medium,Protocol.Network.CookiePriority.High],a=s.indexOf(t.priority()),o=s.indexOf(i.priority());return e*(a-o)}:function(t,s,o){return e*a.compare(i(s,t),i(o,t))}.bind(null,r),t.sort(s)}_createGridNode(t){const e={};e[o.Attributes.Name]=t.name(),e[o.Attributes.Value]=t.value(),t.type()===o.Type.Request?(e[o.Attributes.Domain]=t.domain()?t.domain():c(d.na),e[o.Attributes.Path]=t.path()?t.path():c(d.na)):(e[o.Attributes.Domain]=t.domain()||"",e[o.Attributes.Path]=t.path()||""),t.maxAge()?e[o.Attributes.Expires]=Number.secondsToString(Math.floor(t.maxAge())):t.expires()?t.expires()<0?e[o.Attributes.Expires]=h:e[o.Attributes.Expires]=new Date(t.expires()).toISOString():e[o.Attributes.Expires]=t.type()===o.Type.Request?c(d.na):h,e[o.Attributes.Size]=t.size(),e[o.Attributes.HttpOnly]=t.httpOnly(),e[o.Attributes.Secure]=t.secure(),e[o.Attributes.SameSite]=t.sameSite()||"",e[o.Attributes.SameParty]=t.sameParty(),e[o.Attributes.Priority]=t.priority()||"";const i=this._cookieToBlockedReasons?this._cookieToBlockedReasons.get(t):null,s=new m(e,t,i||null);return s.selectable=!0,s}_onDeleteCookie(t){t.cookie&&this._deleteCallback&&this._deleteCallback(t.cookie,(()=>this._refresh()))}_onUpdateCookie(t,e,i,s){this._lastEditedColumnId=e,this._setDefaults(t),this._isValidCookieData(t.data)?this._saveNode(t):t.setDirty(!0)}_setDefaults(t){null===t.data[o.Attributes.Name]&&(t.data[o.Attributes.Name]=""),null===t.data[o.Attributes.Value]&&(t.data[o.Attributes.Value]=""),null===t.data[o.Attributes.Domain]&&(t.data[o.Attributes.Domain]=this._cookieDomain),null===t.data[o.Attributes.Path]&&(t.data[o.Attributes.Path]="/"),null===t.data[o.Attributes.Expires]&&(t.data[o.Attributes.Expires]=h)}_saveNode(t){const e=t.cookie,i=this._createCookieFromData(t.data);t.cookie=i,this._saveCallback&&this._saveCallback(i,e).then((e=>{e?this._refresh():t.setDirty(!0)}))}_createCookieFromData(t){const e=new o.Cookie(t[o.Attributes.Name],t[o.Attributes.Value],null,t[o.Attributes.Priority]);return e.addAttribute(o.Attributes.Domain,t[o.Attributes.Domain]),e.addAttribute(o.Attributes.Path,t[o.Attributes.Path]),t.expires&&t.expires!==h&&e.addAttribute(o.Attributes.Expires,new Date(t[o.Attributes.Expires]).toUTCString()),t[o.Attributes.HttpOnly]&&e.addAttribute(o.Attributes.HttpOnly),t[o.Attributes.Secure]&&e.addAttribute(o.Attributes.Secure),t[o.Attributes.SameSite]&&e.addAttribute(o.Attributes.SameSite,t[o.Attributes.SameSite]),t[o.Attributes.SameParty]&&e.addAttribute(o.Attributes.SameParty),e.setSize(t[o.Attributes.Name].length+t[o.Attributes.Value].length),e}_isValidCookieData(t){return(Boolean(t.name)||Boolean(t.value))&&this._isValidDomain(t.domain)&&this._isValidPath(t.path)&&this._isValidDate(t.expires)}_isValidDomain(t){if(!t)return!0;const i=e.ParsedURL.fromString("http://"+t);return null!==i&&i.domain()===t}_isValidPath(t){const i=e.ParsedURL.fromString("http://example.com"+t);return null!==i&&i.path===t}_isValidDate(t){return""===t||t===h||!isNaN(Date.parse(t))}_refresh(){this._refreshCallback&&this._refreshCallback()}_populateContextMenu(e,i){const s=i.cookie;if(!s)return;const a=s;e.revealSection().appendItem(c(d.showRequestsWithThisCookie),(()=>{const t=new CustomEvent("networkrevealandfilter",{bubbles:!0,composed:!0,detail:[{filterType:"cookie-domain",filterValue:a.domain()},{filterType:"cookie-name",filterValue:a.name()}]});this.element.dispatchEvent(t)})),t.hasIssues(a)&&e.revealSection().appendItem(c(d.showIssueAssociatedWithThis),(()=>{t.reveal(a)}))}}class m extends i.DataGridNode{constructor(t,e,i){super(t),this.cookie=e,this._blockedReasons=i}createCells(t){super.createCells(t),this._blockedReasons&&this._blockedReasons.length&&t.classList.add("flagged-cookie-attribute-row")}createCell(t){const e=super.createCell(t);l.Tooltip.install(e,e.textContent||"");let i="";if(this._blockedReasons)for(const e of this._blockedReasons){const s=e.attribute===t,a=!e.attribute&&t===o.Attributes.Name;(s||a)&&(i&&(i+="\n"),i+=e.uiString)}if(i){const t=n.Icon.create("smallicon-info","cookie-warning-icon");l.Tooltip.install(t,i),e.insertBefore(t,e.firstChild),e.classList.add("flagged-cookie-attribute-cell")}return e}}var p=Object.freeze({__proto__:null,UIStrings:d,CookiesTable:b,DataGridNode:m});export{p as CookiesTable};

package/static/devtools/cookie_table/cookie_table_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("cookie_table/cookiesTable.css","/*\n * Copyright (c) 2019 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.cookies-table .flagged-cookie-row {\n  background-color: yellow;\n}\n\n.cookies-table .cookie-warning-icon {\n  margin-right: 4px;\n}\n\n.cookies-table td.flagged-cookie-attribute-cell .cookie-warning-icon {\n  filter: grayscale();\n}\n\n.cookies-table tr.revealed.data-grid-data-grid-node.flagged-cookie-attribute-row:not(.selected):nth-child(odd) {\n  background-color: hsl(51deg 85% 80%);\n}\n\n.cookies-table tr.revealed.data-grid-data-grid-node.flagged-cookie-attribute-row:not(.selected):nth-child(even) {\n  background-color: rgb(255 240 155);\n}\n\n/*# sourceURL=cookie_table/cookiesTable.css */");

package/static/devtools/coverage/coverage-legacy.js

@@ -0,0 +1 @@
+import{CoverageDecorationManager as e,CoverageListView as o,CoverageModel as r,CoverageView as a}from"./coverage.js";self.Coverage=self.Coverage||{},Coverage=Coverage||{},Coverage.CoverageDecorationManager=e.CoverageDecorationManager,Coverage.CoverageListView=o.CoverageListView,Coverage.CoverageModel=r.CoverageModel,Coverage.CoverageModel.Events=r.Events,Coverage.CoverageType=r.CoverageType,Coverage.coverageTypeToString=o.coverageTypeToString,Coverage.URLCoverageInfo=r.URLCoverageInfo,Coverage.CoverageInfo=r.CoverageInfo,Coverage.CoverageView=a.CoverageView,Coverage.CoverageView.LineDecorator=a.LineDecorator,Coverage.CoverageView.ActionDelegate=a.ActionDelegate;

package/static/devtools/coverage/coverage-meta.js

@@ -0,0 +1 @@
+import{i18n as e}from"../i18n/i18n.js";import{Runtime as t}from"../root/root.js";import{ViewManager as o,ActionRegistration as r}from"../ui/ui.js";const a={coverage:"Coverage",showCoverage:"Show Coverage",instrumentCoverage:"Instrument coverage",stopInstrumentingCoverageAndShow:"Stop instrumenting coverage and show results",startInstrumentingCoverageAnd:"Start instrumenting coverage and reload page"},n=e.registerUIStrings("coverage/coverage-meta.ts",a),i=e.getLazilyComputedLocalizedString.bind(void 0,n);let g;async function s(){return g||(await t.Runtime.instance().loadModulePromise("coverage"),g=await import("./coverage.js")),g}o.registerViewExtension({location:"drawer-view",id:"coverage",title:i(a.coverage),commandPrompt:i(a.showCoverage),persistence:"closeable",order:100,loadView:async()=>(await s()).CoverageView.CoverageView.instance()}),r.registerActionExtension({actionId:"coverage.toggle-recording",iconClass:"largeicon-start-recording",toggleable:!0,toggledIconClass:"largeicon-stop-recording",toggleWithRedColor:!0,loadActionDelegate:async()=>(await s()).CoverageView.ActionDelegate.instance(),category:r.ActionCategory.PERFORMANCE,options:[{value:!0,title:i(a.instrumentCoverage)},{value:!1,title:i(a.stopInstrumentingCoverageAndShow)}]}),r.registerActionExtension({actionId:"coverage.start-with-reload",iconClass:"largeicon-refresh",loadActionDelegate:async()=>(await s()).CoverageView.ActionDelegate.instance(),category:r.ActionCategory.PERFORMANCE,title:i(a.startInstrumentingCoverageAnd)});export{a as UIStrings};

package/static/devtools/coverage/coverage.js

@@ -0,0 +1 @@
+import{ObjectWrapper as e,Revealer as t,Settings as o}from"../common/common.js";import{ArrayUtilities as s,MapUtilities as i,NumberUtilities as n,DateUtilities as r}from"../platform/platform.js";import{SDKModel as a,CPUProfilerModel as l,CSSModel as c,DebuggerModel as d,ResourceTreeModel as h}from"../sdk/sdk.js";import{Text as u,TextRange as g}from"../text_utils/text_utils.js";import{DataGrid as _,SortableDataGrid as p}from"../data_grid/data_grid.js";import{SourceFormatter as v}from"../formatter/formatter.js";import{i18n as f}from"../i18n/i18n.js";import{Widget as m,Tooltip as S,UIUtils as C,Toolbar as y,ActionRegistry as b,ViewManager as B}from"../ui/ui.js";import{Workspace as T,UISourceCode as P}from"../workspace/workspace.js";import{DebuggerWorkspaceBinding as w,CSSWorkspaceBinding as x,FileUtils as R}from"../bindings/bindings.js";import{userMetrics as I,UserMetrics as k}from"../host/host.js";import{SourcesTextEditor as L}from"../source_frame/source_frame.js";var M;!function(e){e.CoverageUpdated="CoverageUpdated",e.CoverageReset="CoverageReset"}(M||(M={}));class E extends a.SDKModel{constructor(e){super(e),this._cpuProfilerModel=e.model(l.CPUProfilerModel),this._cssModel=e.model(c.CSSModel),this._debuggerModel=e.model(d.DebuggerModel),this._coverageByURL=new Map,this._coverageByContentProvider=new Map,this._coverageUpdateTimes=new Set,this._suspensionState="Active",this._pollTimer=null,this._currentPollPromise=null,this._shouldResumePollingOnResume=!1,this._jsBacklog=[],this._cssBacklog=[],this._performanceTraceRecording=!1}async start(e){if("Active"!==this._suspensionState)throw Error("Cannot start CoverageModel while it is not active.");const t=[];return this._cssModel&&(this._clearCSS(),this._cssModel.addEventListener(c.Events.StyleSheetAdded,this._handleStyleSheetAdded,this),t.push(this._cssModel.startCoverage())),this._cpuProfilerModel&&t.push(this._cpuProfilerModel.startPreciseCoverage(e,this.preciseCoverageDeltaUpdate.bind(this))),await Promise.all(t),Boolean(this._cssModel||this._cpuProfilerModel)}preciseCoverageDeltaUpdate(e,t,o){this._coverageUpdateTimes.add(e),this._backlogOrProcessJSCoverage(o,e)}async stop(){await this.stopPolling();const e=[];this._cpuProfilerModel&&e.push(this._cpuProfilerModel.stopPreciseCoverage()),this._cssModel&&(e.push(this._cssModel.stopCoverage()),this._cssModel.removeEventListener(c.Events.StyleSheetAdded,this._handleStyleSheetAdded,this)),await Promise.all(e)}reset(){this._coverageByURL=new Map,this._coverageByContentProvider=new Map,this._coverageUpdateTimes=new Set,this.dispatchEventToListeners(M.CoverageReset)}async startPolling(){this._currentPollPromise||"Active"!==this._suspensionState||await this._pollLoop()}async _pollLoop(){this._clearTimer(),this._currentPollPromise=this._pollAndCallback(),await this._currentPollPromise,("Active"===this._suspensionState||this._performanceTraceRecording)&&(this._pollTimer=window.setTimeout((()=>this._pollLoop()),200))}async stopPolling(){this._clearTimer(),await this._currentPollPromise,this._currentPollPromise=null,await this._pollAndCallback()}async _pollAndCallback(){if("Suspended"===this._suspensionState&&!this._performanceTraceRecording)return;const e=await this._takeAllCoverage();console.assert("Suspended"!==this._suspensionState||Boolean(this._performanceTraceRecording),"CoverageModel was suspended while polling."),e.length&&this.dispatchEventToListeners(M.CoverageUpdated,e)}_clearTimer(){this._pollTimer&&(clearTimeout(this._pollTimer),this._pollTimer=null)}async preSuspendModel(e){"Active"===this._suspensionState&&(this._suspensionState="Suspending","performance-timeline"!==e?this._currentPollPromise&&(await this.stopPolling(),this._shouldResumePollingOnResume=!0):this._performanceTraceRecording=!0)}async suspendModel(e){this._suspensionState="Suspended"}async resumeModel(){}async postResumeModel(){this._suspensionState="Active",this._performanceTraceRecording=!1,this._shouldResumePollingOnResume&&(this._shouldResumePollingOnResume=!1,await this.startPolling())}entries(){return Array.from(this._coverageByURL.values())}getCoverageForUrl(e){return this._coverageByURL.get(e)||null}usageForRange(e,t,o){const s=this._coverageByContentProvider.get(e);return s&&s.usageForRange(t,o)}_clearCSS(){for(const e of this._coverageByContentProvider.values()){if(1!==e.type())continue;const t=e.contentProvider();this._coverageByContentProvider.delete(t);const o=`${t.startLine}:${t.startColumn}`,s=this._coverageByURL.get(e.url());s&&s._coverageInfoByLocation.delete(o)&&(s._addToSizes(-e._usedSize,-e._size),s._coverageInfoByLocation.size||this._coverageByURL.delete(e.url()))}if(this._cssModel)for(const e of this._cssModel.getAllStyleSheetHeaders())this._addStyleSheetToCSSCoverage(e)}async _takeAllCoverage(){const[e,t]=await Promise.all([this._takeCSSCoverage(),this._takeJSCoverage()]);return[...e,...t]}async _takeJSCoverage(){if(!this._cpuProfilerModel)return[];const{coverage:e,timestamp:t}=await this._cpuProfilerModel.takePreciseCoverage();return this._coverageUpdateTimes.add(t),this._backlogOrProcessJSCoverage(e,t)}coverageUpdateTimes(){return this._coverageUpdateTimes}async _backlogOrProcessJSCoverage(e,t){if(e.length>0&&this._jsBacklog.push({rawCoverageData:e,stamp:t}),"Active"!==this._suspensionState)return[];const o=(e,t)=>e.stamp-t.stamp,s=[];for(const{rawCoverageData:e,stamp:t}of this._jsBacklog.sort(o))s.push(this._processJSCoverage(e,t));return this._jsBacklog=[],s.flat()}async processJSBacklog(){this._backlogOrProcessJSCoverage([],0)}_processJSCoverage(e,t){if(!this._debuggerModel)return[];const o=[];for(const s of e){const e=this._debuggerModel.scriptForId(s.scriptId);if(!e)continue;const i=[];let n=2;for(const e of s.functions){!1!==e.isBlockCoverage||1===e.ranges.length&&!e.ranges[0].count||(n|=4);for(const t of e.ranges)i.push(t)}const r=this._addCoverage(e,e.contentLength,e.lineOffset,e.columnOffset,i,n,t);r&&o.push(r)}return o}_handleStyleSheetAdded(e){const t=e.data;this._addStyleSheetToCSSCoverage(t)}async _takeCSSCoverage(){if(!this._cssModel||"Active"!==this._suspensionState)return[];const{coverage:e,timestamp:t}=await this._cssModel.takeCoverageDelta();return this._coverageUpdateTimes.add(t),this._backlogOrProcessCSSCoverage(e,t)}async _backlogOrProcessCSSCoverage(e,t){if(e.length>0&&this._cssBacklog.push({rawCoverageData:e,stamp:t}),"Active"!==this._suspensionState)return[];const o=(e,t)=>e.stamp-t.stamp,s=[];for(const{rawCoverageData:e,stamp:t}of this._cssBacklog.sort(o))s.push(this._processCSSCoverage(e,t));return this._cssBacklog=[],s.flat()}_processCSSCoverage(e,t){if(!this._cssModel)return[];const o=[],s=new Map;for(const t of e){const e=this._cssModel.styleSheetHeaderForId(t.styleSheetId);if(!e)continue;let o=s.get(e);o||(o=[],s.set(e,o)),o.push({startOffset:t.startOffset,endOffset:t.endOffset,count:Number(t.used)})}for(const e of s){const s=e[0],i=e[1],n=this._addCoverage(s,s.contentLength,s.startLine,s.startColumn,i,1,t);n&&o.push(n)}return o}static _convertToDisjointSegments(e,t){e.sort(((e,t)=>e.startOffset-t.startOffset));const o=[],s=[];for(const t of e){let e=s[s.length-1];for(;e&&e.endOffset<=t.startOffset;)i(e.endOffset,e.count),s.pop(),e=s[s.length-1];i(t.startOffset,e?e.count:0),s.push(t)}for(let e=s.pop();e;e=s.pop())i(e.endOffset,e.count);function i(e,s){const i=o[o.length-1];if(i){if(i.end===e)return;if(i.count===s)return void(i.end=e)}o.push({end:e,count:s,stamp:t})}return o}_addStyleSheetToCSSCoverage(e){this._addCoverage(e,e.contentLength,e.startLine,e.startColumn,[],1,Date.now())}_addCoverage(e,t,o,s,i,n,r){const a=e.contentURL();if(!a)return null;let l=this._coverageByURL.get(a),c=!1;l||(c=!0,l=new F(a),this._coverageByURL.set(a,l));const d=l._ensureEntry(e,t,o,s,n);this._coverageByContentProvider.set(e,d);const h=E._convertToDisjointSegments(i,r),u=h[h.length-1];u&&u.end<t&&h.push({end:t,stamp:r,count:0});const g=d._usedSize;return d.mergeCoverage(h),c||d._usedSize!==g?(l._addToSizes(d._usedSize-g,0),d):null}async exportReport(e){const t=[];function o(e,t){const[o,s]=e.split(":"),[i,n]=t.split(":");return Number.parseInt(o,10)-Number.parseInt(i,10)||Number.parseInt(s,10)-Number.parseInt(n,10)}const s=Array.from(this._coverageByURL.keys()).sort();for(const e of s){const s=this._coverageByURL.get(e);if(!s)continue;const i=s.url();if(i.startsWith("extensions::")||i.startsWith("chrome-extension://"))continue;let n=!1;for(const e of s._coverageInfoByLocation.values())if(e._lineOffset||e._columnOffset){n=Boolean(i);break}let r=null;if(n){const e=h.ResourceTreeModel.resourceForURL(i);if(e){const t=(await e.requestContent()).content;r=new u.Text(t||"")}}const a=Array.from(s._coverageInfoByLocation.keys()).sort(o);if(r){const e={url:i,ranges:[],text:r.value()};for(const t of a){const o=s._coverageInfoByLocation.get(t);if(!o)continue;const i=r?r.offsetFromPosition(o._lineOffset,o._columnOffset):0;let n=0;for(const t of o._segments)t.count?e.ranges.push({start:n+i,end:t.end+i}):n=t.end}t.push(e)}else for(const e of a){const o=s._coverageInfoByLocation.get(e);if(!o)continue;const n={url:i,ranges:[],text:(await o.contentProvider().requestContent()).content};let r=0;for(const e of o._segments)e.count?n.ranges.push({start:r,end:e.end}):r=e.end;t.push(n)}}await e.write(JSON.stringify(t,void 0,2)),e.close()}}a.SDKModel.register(E,a.Capability.None,!1);class F extends e.ObjectWrapper{constructor(e){super(),this._url=e,this._coverageInfoByLocation=new Map,this._size=0,this._usedSize=0,this._isContentScript=!1}url(){return this._url}type(){return this._type}size(){return this._size}usedSize(){return this._usedSize}unusedSize(){return this._size-this._usedSize}usedPercentage(){return 0===this._size?0:this.usedSize()/this.size()*100}unusedPercentage(){return 0===this._size?100:this.unusedSize()/this.size()*100}isContentScript(){return this._isContentScript}entries(){return this._coverageInfoByLocation.values()}_addToSizes(e,t){this._usedSize+=e,this._size+=t,0===e&&0===t||this.dispatchEventToListeners(F.Events.SizesChanged)}_ensureEntry(e,t,o,s,i){const n=`${o}:${s}`;let r=this._coverageInfoByLocation.get(n);return 2&i&&!this._coverageInfoByLocation.size&&(this._isContentScript=e.isContentScript()),this._type|=i,r?(r._coverageType|=i,r):(2&i&&!this._coverageInfoByLocation.size&&(this._isContentScript=e.isContentScript()),r=new A(e,t,o,s,i),this._coverageInfoByLocation.set(n,r),this._addToSizes(0,t),r)}}F.Events={SizesChanged:Symbol("SizesChanged")};const z=(e,t)=>{const o=[];let s=0,i=0;for(;s<e.length&&i<t.length;){const n=e[s],r=t[i],a=(n.count||0)+(r.count||0),l=Math.min(n.end,r.end),c=o[o.length-1],d=Math.min(n.stamp,r.stamp);c&&c.count===a&&c.stamp===d?c.end=l:o.push({end:l,count:a,stamp:d}),n.end<=r.end&&s++,n.end>=r.end&&i++}for(;s<e.length;s++)o.push(e[s]);for(;i<t.length;i++)o.push(t[i]);return o};class A{constructor(e,t,o,s,i){this._contentProvider=e,this._size=t,this._usedSize=0,this._statsByTimestamp=new Map,this._lineOffset=o,this._columnOffset=s,this._coverageType=i,this._segments=[]}contentProvider(){return this._contentProvider}url(){return this._contentProvider.contentURL()}type(){return this._coverageType}mergeCoverage(e){this._segments=z(this._segments,e),this._updateStats()}usedByTimestamp(){return this._statsByTimestamp}size(){return this._size}usageForRange(e,t){let o=s.upperBound(this._segments,e,((e,t)=>e-t.end));for(;o<this._segments.length&&this._segments[o].end<t;++o)if(this._segments[o].count)return!0;return o<this._segments.length&&Boolean(this._segments[o].count)}_updateStats(){this._statsByTimestamp=new Map,this._usedSize=0;let e=0;for(const t of this._segments){let o=this._statsByTimestamp.get(t.stamp);if(void 0===o&&(o=0),t.count){const s=t.end-e;this._usedSize+=s,this._statsByTimestamp.set(t.stamp,o+s)}e=t.end}}}var U=Object.freeze({__proto__:null,get Events(){return M},CoverageModel:E,URLCoverageInfo:F,mergeSegments:z,CoverageInfo:A});const O={css:"CSS",jsPerFunction:"JS (per function)",jsPerBlock:"JS (per block)",url:"URL",type:"Type",totalBytes:"Total Bytes",unusedBytes:"Unused Bytes",usageVisualization:"Usage Visualization",codeCoverage:"Code Coverage",jsCoverageWithPerFunction:"JS coverage with per function granularity: Once a function was executed, the whole function is marked as covered.",jsCoverageWithPerBlock:"JS coverage with per block granularity: Once a block of JavaScript was executed, that block is marked as covered.",Byte:"1 byte",sBytes:"{PH1} bytes",sPercent:"{PH1} %",ByteS:"1 byte, {PH1}",sBytesS:"{PH1} bytes, {PH2}",sBytesSBelongToFunctionsThatHave:"{PH1} bytes ({PH2} %) belong to functions that have not (yet) been executed.",sBytesSBelongToBlocksOf:"{PH1} bytes ({PH2} %) belong to blocks of JavaScript that have not (yet) been executed.",sBytesSBelongToFunctionsThatHaveExecuted:"{PH1} bytes ({PH2} %) belong to functions that have executed at least once.",sBytesSBelongToBlocksOfJavascript:"{PH1} bytes ({PH2} %) belong to blocks of JavaScript that have executed at least once.",sOfFileUnusedSOfFileUsed:"{PH1} % of file unused, {PH2} % of file used"},H=f.registerUIStrings("coverage/CoverageListView.ts",O),V=f.getLocalizedString.bind(void 0,H);function N(e){const t=[];return 1&e&&t.push(V(O.css)),4&e?t.push(V(O.jsPerFunction)):2&e&&t.push(V(O.jsPerBlock)),t.join("+")}class j extends m.VBox{constructor(e){super(!0),this._nodeForCoverageInfo=new Map,this._isVisibleFilter=e,this._highlightRegExp=null,this.registerRequiredCSS("coverage/coverageListView.css",{enableLegacyPatching:!0});const t=[{id:"url",title:V(O.url),width:"250px",fixedWidth:!1,sortable:!0},{id:"type",title:V(O.type),width:"45px",fixedWidth:!0,sortable:!0},{id:"size",title:V(O.totalBytes),width:"60px",fixedWidth:!0,sortable:!0,align:_.Align.Right},{id:"unusedSize",title:V(O.unusedBytes),width:"100px",fixedWidth:!0,sortable:!0,align:_.Align.Right,sort:_.Order.Descending},{id:"bars",title:V(O.usageVisualization),width:"250px",fixedWidth:!1,sortable:!0}];this._dataGrid=new p.SortableDataGrid({displayName:V(O.codeCoverage),columns:t,editCallback:void 0,refreshCallback:void 0,deleteCallback:void 0}),this._dataGrid.setResizeMethod(_.ResizeMethod.Last),this._dataGrid.element.classList.add("flex-auto"),this._dataGrid.element.addEventListener("keydown",this._onKeyDown.bind(this),!1),this._dataGrid.addEventListener(_.Events.OpenedNode,this._onOpenedNode,this),this._dataGrid.addEventListener(_.Events.SortingChanged,this._sortingChanged,this);const o=this._dataGrid.asWidget();o.show(this.contentElement),this.setDefaultFocusedChild(o)}update(e){let t=!1;const o=e.reduce(((e,t)=>Math.max(e,t.size())),0),s=this._dataGrid.rootNode();for(const i of e){let e=this._nodeForCoverageInfo.get(i);e?this._isVisibleFilter(e._coverageInfo)&&(t=e._refreshIfNeeded(o)||t):(e=new D(i,o),this._nodeForCoverageInfo.set(i,e),this._isVisibleFilter(e._coverageInfo)&&(s.appendChild(e),t=!0))}t&&this._sortingChanged()}reset(){this._nodeForCoverageInfo.clear(),this._dataGrid.rootNode().removeChildren()}updateFilterAndHighlight(e){this._highlightRegExp=e;let t=!1;for(const e of this._nodeForCoverageInfo.values()){const o=this._isVisibleFilter(e._coverageInfo),s=Boolean(e.parent);o&&e._setHighlight(this._highlightRegExp),o!==s&&(t=!0,o?this._dataGrid.rootNode().appendChild(e):e.remove())}t&&this._sortingChanged()}selectByUrl(e){for(const[t,o]of this._nodeForCoverageInfo.entries())if(t.url()===e){o.revealAndSelect();break}}_onOpenedNode(){this._revealSourceForSelectedNode()}_onKeyDown(e){"Enter"===e.key&&(e.consume(!0),this._revealSourceForSelectedNode())}async _revealSourceForSelectedNode(){const e=this._dataGrid.selectedNode;if(!e)return;const o=e._coverageInfo;let s=T.WorkspaceImpl.instance().uiSourceCodeForURL(o.url());if(!s)return;s=(await v.SourceFormatter.instance().format(s)).formattedSourceCode,this._dataGrid.selectedNode===e&&t.reveal(s)}_sortingChanged(){const e=this._dataGrid.sortColumnId();if(!e)return;const t=D.sortFunctionForColumn(e);t&&this._dataGrid.sortNodes(t,!this._dataGrid.isSortOrderAscending())}}class D extends p.SortableDataGridNode{constructor(e,t){super(),this._coverageInfo=e,this._url=e.url(),this._maxSize=t,this._highlightRegExp=null}_setHighlight(e){this._highlightRegExp!==e&&(this._highlightRegExp=e,this.refresh())}_refreshIfNeeded(e){return(this._lastUsedSize!==this._coverageInfo.usedSize()||e!==this._maxSize)&&(this._lastUsedSize=this._coverageInfo.usedSize(),this._maxSize=e,this.refresh(),!0)}createCell(e){const t=this.createTD(e);switch(e){case"url":{S.Tooltip.install(t,this._url);const o=t.createChild("div","url-outer"),s=o.createChild("div","url-prefix"),i=o.createChild("div","url-suffix"),n=/^(.*)(\/[^/]*)$/.exec(this._url);s.textContent=n?n[1]:this._url,i.textContent=n?n[2]:"",this._highlightRegExp&&this._highlight(o,this._url),this.setCellAccessibleName(this._url,t,e);break}case"type":t.textContent=N(this._coverageInfo.type()),4&this._coverageInfo.type()?S.Tooltip.install(t,V(O.jsCoverageWithPerFunction)):2&this._coverageInfo.type()&&S.Tooltip.install(t,V(O.jsCoverageWithPerBlock));break;case"size":{t.createChild("span").textContent=Number.withThousandsSeparator(this._coverageInfo.size()||0);const o=1===this._coverageInfo.size()?V(O.Byte):V(O.sBytes,{PH1:this._coverageInfo.size()||0});this.setCellAccessibleName(o,t,e);break}case"unusedSize":{const o=this._coverageInfo.unusedSize()||0,s=t.createChild("span"),i=t.createChild("span","percent-value");s.textContent=Number.withThousandsSeparator(o);const n=V(O.sPercent,{PH1:this._percentageString(this._coverageInfo.unusedPercentage())});i.textContent=n;const r=1===o?V(O.ByteS,{PH1:n}):V(O.sBytesS,{PH1:o,PH2:n});this.setCellAccessibleName(r,t,e);break}case"bars":{const o=t.createChild("div","bar-container"),s=this._percentageString(this._coverageInfo.unusedPercentage()),i=this._percentageString(this._coverageInfo.usedPercentage());if(this._coverageInfo.unusedSize()>0){const e=o.createChild("div","bar bar-unused-size");e.style.width=(this._coverageInfo.unusedSize()/this._maxSize*100||0)+"%",4&this._coverageInfo.type()?S.Tooltip.install(e,V(O.sBytesSBelongToFunctionsThatHave,{PH1:this._coverageInfo.unusedSize(),PH2:s})):2&this._coverageInfo.type()&&S.Tooltip.install(e,V(O.sBytesSBelongToBlocksOf,{PH1:this._coverageInfo.unusedSize(),PH2:s}))}if(this._coverageInfo.usedSize()>0){const e=o.createChild("div","bar bar-used-size");e.style.width=(this._coverageInfo.usedSize()/this._maxSize*100||0)+"%",4&this._coverageInfo.type()?S.Tooltip.install(e,V(O.sBytesSBelongToFunctionsThatHaveExecuted,{PH1:this._coverageInfo.usedSize(),PH2:i})):2&this._coverageInfo.type()&&S.Tooltip.install(e,V(O.sBytesSBelongToBlocksOfJavascript,{PH1:this._coverageInfo.usedSize(),PH2:i}))}this.setCellAccessibleName(V(O.sOfFileUnusedSOfFileUsed,{PH1:s,PH2:i}),t,e)}}return t}_percentageString(e){return e.toFixed(1)}_highlight(e,t){if(!this._highlightRegExp)return;const o=this._highlightRegExp.exec(t);if(!o||!o.length)return;const s=new g.SourceRange(o.index,o[0].length);C.highlightRangesWithStyleClass(e,[s],"filter-highlight")}static sortFunctionForColumn(e){const t=(e,t)=>e._url.localeCompare(t._url);switch(e){case"url":return t;case"type":return(e,o)=>{const s=N(e._coverageInfo.type()),i=N(o._coverageInfo.type());return s.localeCompare(i)||t(e,o)};case"size":return(e,o)=>e._coverageInfo.size()-o._coverageInfo.size()||t(e,o);case"bars":case"unusedSize":return(e,o)=>e._coverageInfo.unusedSize()-o._coverageInfo.unusedSize()||t(e,o);default:return console.assert(!1,"Unknown sort field: "+e),null}}}var W=Object.freeze({__proto__:null,UIStrings:O,coverageTypeToString:N,CoverageListView:j,GridNode:D});class G{constructor(e){this._coverageModel=e,this._textByProvider=new Map,this._uiSourceCodeByContentProvider=new i.Multimap;for(const e of T.WorkspaceImpl.instance().uiSourceCodes())e.addLineDecoration(0,"coverage",this);T.WorkspaceImpl.instance().addEventListener(T.Events.UISourceCodeAdded,this._onUISourceCodeAdded,this)}reset(){for(const e of T.WorkspaceImpl.instance().uiSourceCodes())e.removeDecorationsForType("coverage")}dispose(){this.reset(),T.WorkspaceImpl.instance().removeEventListener(T.Events.UISourceCodeAdded,this._onUISourceCodeAdded,this)}update(e){for(const t of e)for(const e of this._uiSourceCodeByContentProvider.get(t.contentProvider()))e.removeDecorationsForType("coverage"),e.addLineDecoration(0,"coverage",this)}async usageByLine(e){const t=[],{content:o}=await e.requestContent();if(!o)return[];const s=new u.Text(o);await this._updateTexts(e,s);const i=s.lineEndings();for(let o=0;o<s.lineCount();++o){const s=i[o]-(o?i[o-1]:0)-1;if(!s){t.push(void 0);continue}const n=this._rawLocationsForSourceLocation(e,o,0),r=this._rawLocationsForSourceLocation(e,o,s),[a,l]=await Promise.all([n,r]);let c=void 0;for(let e=0,t=0;e<a.length;++e){const o=a[e];for(;t<l.length&&G._compareLocations(o,l[t])>=0;)++t;if(t>=l.length||l[t].id!==o.id)continue;const s=l[t++],i=this._textByProvider.get(s.contentProvider);if(!i)continue;const n=i.value();let r=Math.min(i.offsetFromPosition(o.line,o.column),n.length-1),d=Math.min(i.offsetFromPosition(s.line,s.column),n.length-1);for(;r<=d&&/\s/.test(n[r]);)++r;for(;r<=d&&/\s/.test(n[d]);)--d;if(r<=d&&(c=this._coverageModel.usageForRange(s.contentProvider,r,d)),c)break}t.push(c)}return t}async _updateTexts(e,t){const o=[];for(let s=0;s<t.lineCount();++s)for(const t of await this._rawLocationsForSourceLocation(e,s,0))this._textByProvider.has(t.contentProvider)||(this._textByProvider.set(t.contentProvider,null),this._uiSourceCodeByContentProvider.set(t.contentProvider,e),o.push(this._updateTextForProvider(t.contentProvider)));await Promise.all(o)}async _updateTextForProvider(e){const{content:t}=await e.requestContent();this._textByProvider.set(e,new u.Text(t||""))}async _rawLocationsForSourceLocation(e,t,o){const s=[],i=e.contentType();if(i.hasScripts()){let n=await w.DebuggerWorkspaceBinding.instance().uiLocationToRawLocations(e,t,o);n=n.filter((e=>Boolean(e.script())));for(const e of n){const t=e.script();t&&(t.isInlineScript()&&i.isDocument()&&(e.lineNumber-=t.lineOffset,e.lineNumber||(e.columnNumber-=t.columnOffset)),s.push({id:"js:"+e.scriptId,contentProvider:t,line:e.lineNumber,column:e.columnNumber}))}}if(i.isStyleSheet()||i.isDocument()){const n=x.CSSWorkspaceBinding.instance().uiLocationToRawLocations(new P.UILocation(e,t,o));for(const e of n){const t=e.header();t&&(t.isInline&&i.isDocument()&&(e.lineNumber-=t.startLine,e.lineNumber||(e.columnNumber-=t.startColumn)),s.push({id:"css:"+e.styleSheetId,contentProvider:t,line:e.lineNumber,column:e.columnNumber}))}}return s.sort(G._compareLocations)}static _compareLocations(e,t){return e.id.localeCompare(t.id)||e.line-t.line||e.column-t.column}_onUISourceCodeAdded(e){e.data.addLineDecoration(0,"coverage",this)}}var J=Object.freeze({__proto__:null,decoratorType:"coverage",CoverageDecorationManager:G});const $={chooseCoverageGranularityPer:"Choose coverage granularity: Per function has low overhead, per block has significant overhead.",perFunction:"Per function",perBlock:"Per block",clearAll:"Clear all",export:"Export...",urlFilter:"URL filter",filterCoverageByType:"Filter coverage by type",all:"All",css:"CSS",javascript:"JavaScript",includeExtensionContentScripts:"Include extension content scripts",contentScripts:"Content scripts",clickTheReloadButtonSToReloadAnd:"Click the reload button {PH1} to reload and start capturing coverage.",clickTheRecordButtonSToStart:"Click the record button {PH1} to start capturing coverage.",filteredSTotalS:"Filtered: {PH1}  Total: {PH2}",sOfSSUsedSoFarSUnused:"{PH1} of {PH2} ({PH3}%) used so far,\n        {PH4} unused."},q=f.registerUIStrings("coverage/CoverageView.ts",$),K=f.getLocalizedString.bind(void 0,q);let Q,X;class Y extends m.VBox{constructor(){super(!0),this._model=null,this._decorationManager=null,this._resourceTreeModel=null,this.registerRequiredCSS("coverage/coverageView.css",{enableLegacyPatching:!0});const e=this.contentElement.createChild("div","coverage-toolbar-container"),t=new y.Toolbar("coverage-toolbar",e);this._coverageTypeComboBox=new y.ToolbarComboBox(this._onCoverageTypeComboBoxSelectionChanged.bind(this),K($.chooseCoverageGranularityPer));const s=[{label:K($.perFunction),value:6},{label:K($.perBlock),value:2}];for(const e of s)this._coverageTypeComboBox.addOption(this._coverageTypeComboBox.createOption(e.label,""+e.value));this._coverageTypeComboBoxSetting=o.Settings.instance().createSetting("coverageViewCoverageType",0),this._coverageTypeComboBox.setSelectedIndex(this._coverageTypeComboBoxSetting.get()),this._coverageTypeComboBox.setEnabled(!0),t.appendToolbarItem(this._coverageTypeComboBox),this._toggleRecordAction=b.ActionRegistry.instance().action("coverage.toggle-recording"),this._toggleRecordButton=y.Toolbar.createActionButton(this._toggleRecordAction),t.appendToolbarItem(this._toggleRecordButton);const i=a.TargetManager.instance().mainTarget(),n=i&&i.model(h.ResourceTreeModel);if(this._inlineReloadButton=null,n){const e=b.ActionRegistry.instance().action("coverage.start-with-reload");this._startWithReloadButton=y.Toolbar.createActionButton(e),t.appendToolbarItem(this._startWithReloadButton),this._toggleRecordButton.setEnabled(!1),this._toggleRecordButton.setVisible(!1)}this._clearButton=new y.ToolbarButton(K($.clearAll),"largeicon-clear"),this._clearButton.addEventListener(y.ToolbarButton.Events.Click,this._clear.bind(this)),t.appendToolbarItem(this._clearButton),t.appendSeparator(),this._saveButton=new y.ToolbarButton(K($.export),"largeicon-download"),this._saveButton.addEventListener(y.ToolbarButton.Events.Click,(e=>{this._exportReport()})),t.appendToolbarItem(this._saveButton),this._saveButton.setEnabled(!1),this._textFilterRegExp=null,t.appendSeparator(),this._filterInput=new y.ToolbarInput(K($.urlFilter),"",.4,1),this._filterInput.setEnabled(!1),this._filterInput.addEventListener(y.ToolbarInput.Event.TextChanged,this._onFilterChanged,this),t.appendToolbarItem(this._filterInput),t.appendSeparator(),this._typeFilterValue=null,this._filterByTypeComboBox=new y.ToolbarComboBox(this._onFilterByTypeChanged.bind(this),K($.filterCoverageByType));const r=[{label:K($.all),value:""},{label:K($.css),value:1},{label:K($.javascript),value:6}];for(const e of r)this._filterByTypeComboBox.addOption(this._filterByTypeComboBox.createOption(e.label,""+e.value));this._filterByTypeComboBox.setSelectedIndex(0),this._filterByTypeComboBox.setEnabled(!1),t.appendToolbarItem(this._filterByTypeComboBox),t.appendSeparator(),this._showContentScriptsSetting=o.Settings.instance().createSetting("showContentScripts",!1),this._showContentScriptsSetting.addChangeListener(this._onFilterChanged,this),this._contentScriptsCheckbox=new y.ToolbarSettingCheckbox(this._showContentScriptsSetting,K($.includeExtensionContentScripts),K($.contentScripts)),this._contentScriptsCheckbox.setEnabled(!1),t.appendToolbarItem(this._contentScriptsCheckbox),this._coverageResultsElement=this.contentElement.createChild("div","coverage-results"),this._landingPage=this._buildLandingPage(),this._listView=new j(this._isVisible.bind(this,!1)),this._statusToolbarElement=this.contentElement.createChild("div","coverage-toolbar-summary"),this._statusMessageElement=this._statusToolbarElement.createChild("div","coverage-message"),this._landingPage.show(this._coverageResultsElement)}static instance(){return Q||(Q=new Y),Q}_buildLandingPage(){const e=new m.VBox;let t;if(this._startWithReloadButton)this._inlineReloadButton=C.createInlineButton(y.Toolbar.createActionButtonForId("coverage.start-with-reload")),t=f.getFormatLocalizedString(q,$.clickTheReloadButtonSToReloadAnd,{PH1:this._inlineReloadButton});else{const e=C.createInlineButton(y.Toolbar.createActionButton(this._toggleRecordAction));t=f.getFormatLocalizedString(q,$.clickTheRecordButtonSToStart,{PH1:e})}return t.classList.add("message"),e.contentElement.appendChild(t),e.element.classList.add("landing-page"),e}_clear(){this._model&&this._model.reset(),this._reset()}_reset(){this._decorationManager&&(this._decorationManager.dispose(),this._decorationManager=null),this._listView.reset(),this._listView.detach(),this._landingPage.show(this._coverageResultsElement),this._statusMessageElement.textContent="",this._filterInput.setEnabled(!1),this._filterByTypeComboBox.setEnabled(!1),this._contentScriptsCheckbox.setEnabled(!1),this._saveButton.setEnabled(!1)}_toggleRecording(){!this._toggleRecordAction.toggled()?this._startRecording({reload:!1,jsCoveragePerBlock:this.isBlockCoverageSelected()}):this.stopRecording()}isBlockCoverageSelected(){const e=this._coverageTypeComboBox.selectedOption();return 2===Number(e?e.value:Number.NaN)}_selectCoverageType(e){const t=e?1:0;this._coverageTypeComboBox.setSelectedIndex(t)}_onCoverageTypeComboBoxSelectionChanged(){this._coverageTypeComboBoxSetting.set(this._coverageTypeComboBox.selectedIndex())}async ensureRecordingStarted(){this._toggleRecordAction.toggled()&&await this.stopRecording(),await this._startRecording({reload:!1,jsCoveragePerBlock:!1})}async _startRecording(e){let t,o;this._startWithReloadButton&&this._startWithReloadButton.element.hasFocus()||this._inlineReloadButton&&this._inlineReloadButton.hasFocus()?o=!0:this.hasFocus()&&(t=!0),this._reset();const s=a.TargetManager.instance().mainTarget();if(!s)return;const{reload:i,jsCoveragePerBlock:n}={reload:!1,jsCoveragePerBlock:!1,...e};if(this._model&&!i||(this._model=s.model(E)),!this._model)return;I.actionTaken(k.Action.CoverageStarted),n&&I.actionTaken(k.Action.CoverageStartedPerBlock);await this._model.start(Boolean(n))&&(this._selectCoverageType(Boolean(n)),this._model.addEventListener(M.CoverageUpdated,this._onCoverageDataReceived,this),this._resourceTreeModel=s.model(h.ResourceTreeModel),this._resourceTreeModel&&this._resourceTreeModel.addEventListener(h.Events.MainFrameNavigated,this._onMainFrameNavigated,this),this._decorationManager=new G(this._model),this._toggleRecordAction.setToggled(!0),this._clearButton.setEnabled(!1),this._startWithReloadButton&&(this._startWithReloadButton.setEnabled(!1),this._startWithReloadButton.setVisible(!1),this._toggleRecordButton.setEnabled(!0),this._toggleRecordButton.setVisible(!0),o&&this._toggleRecordButton.focus()),this._coverageTypeComboBox.setEnabled(!1),this._filterInput.setEnabled(!0),this._filterByTypeComboBox.setEnabled(!0),this._contentScriptsCheckbox.setEnabled(!0),this._landingPage.isShowing()&&this._landingPage.detach(),this._listView.show(this._coverageResultsElement),t&&!o&&this._listView.focus(),i&&this._resourceTreeModel?this._resourceTreeModel.reloadPage():this._model.startPolling())}_onCoverageDataReceived(e){const t=e.data;this._updateViews(t)}async stopRecording(){this._resourceTreeModel&&(this._resourceTreeModel.removeEventListener(h.Events.MainFrameNavigated,this._onMainFrameNavigated,this),this._resourceTreeModel=null),this.hasFocus()&&this._listView.focus(),this._model&&(await this._model.stop(),this._model.removeEventListener(M.CoverageUpdated,this._onCoverageDataReceived,this)),this._toggleRecordAction.setToggled(!1),this._coverageTypeComboBox.setEnabled(!0),this._startWithReloadButton&&(this._startWithReloadButton.setEnabled(!0),this._startWithReloadButton.setVisible(!0),this._toggleRecordButton.setEnabled(!1),this._toggleRecordButton.setVisible(!1)),this._clearButton.setEnabled(!0)}processBacklog(){this._model&&this._model.processJSBacklog()}_onMainFrameNavigated(){this._model&&this._model.reset(),this._decorationManager&&this._decorationManager.reset(),this._listView.reset(),this._model&&this._model.startPolling()}_updateViews(e){this._updateStats(),this._listView.update(this._model&&this._model.entries()||[]),this._saveButton.setEnabled(null!==this._model&&this._model.entries().length>0),this._decorationManager&&this._decorationManager.update(e)}_updateStats(){const e={total:0,unused:0},t={total:0,unused:0};let o=!1;if(this._model)for(const s of this._model.entries())e.total+=s.size(),e.unused+=s.unusedSize(),this._isVisible(!1,s)?(t.total+=s.size(),t.unused+=s.unusedSize()):o=!0;function s({total:e,unused:t}){const o=e-t,s=e?Math.round(100*o/e):0;return K($.sOfSSUsedSoFarSUnused,{PH1:n.bytesToString(o),PH2:n.bytesToString(e),PH3:s,PH4:n.bytesToString(t)})}this._statusMessageElement.textContent=o?K($.filteredSTotalS,{PH1:s(t),PH2:s(e)}):s(e)}_onFilterChanged(){if(!this._listView)return;const e=this._filterInput.value();this._textFilterRegExp=e?createPlainTextSearchRegex(e,"i"):null,this._listView.updateFilterAndHighlight(this._textFilterRegExp),this._updateStats()}_onFilterByTypeChanged(){if(!this._listView)return;I.actionTaken(k.Action.CoverageReportFiltered);const e=this._filterByTypeComboBox.selectedOption(),t=e&&e.value;this._typeFilterValue=parseInt(t||"",10)||null,this._listView.updateFilterAndHighlight(this._textFilterRegExp),this._updateStats()}_isVisible(e,t){const o=t.url();return!o.startsWith(Y._extensionBindingsURLPrefix)&&(!(t.isContentScript()&&!this._showContentScriptsSetting.get())&&(!(this._typeFilterValue&&!(t.type()&this._typeFilterValue))&&(e||!this._textFilterRegExp||this._textFilterRegExp.test(o))))}async _exportReport(){const e=new R.FileOutputStream,t=`Coverage-${r.toISO8601Compact(new Date)}.json`;await e.open(t)&&this._model&&this._model.exportReport(e)}selectCoverageItemByUrl(e){this._listView.selectByUrl(e)}}Y._extensionBindingsURLPrefix="extensions::";class Z{handleAction(e,t){const o="coverage";return B.ViewManager.instance().showView(o,!1,!0).then((()=>{const e=B.ViewManager.instance().view(o);return e&&e.widget()})).then((e=>this._innerHandleAction(e,t))),!0}static instance(e={forceNew:null}){const{forceNew:t}=e;return X&&!t||(X=new Z),X}_innerHandleAction(e,t){switch(t){case"coverage.toggle-recording":e._toggleRecording();break;case"coverage.start-with-reload":e._startRecording({reload:!0,jsCoveragePerBlock:e.isBlockCoverageSelected()});break;default:console.assert(!1,"Unknown action: "+t)}}}class ee{constructor(){this._listeners=new WeakMap}decorate(e,t){const o=e.decorationsForType("coverage");if(!o||!o.size)return void this._uninstallGutter(t);o.values().next().value.data().usageByLine(e).then((o=>{t.operation((()=>this._innerDecorate(e,t,o)))}))}_innerDecorate(e,t,o){const s=ee._gutterType;this._uninstallGutter(t),o.length&&this._installGutter(t,e.url());for(let e=0;e<o.length;++e){if("boolean"!=typeof o[e])continue;const i=o[e]?"text-editor-coverage-used-marker":"text-editor-coverage-unused-marker",n=document.createElement("div");n.classList.add(i),t.setGutterDecoration(e,s,n)}}makeGutterClickHandler(e){return function(t){if(t.data.gutterType!==ee._gutterType)return;const o="coverage";B.ViewManager.instance().showView(o).then((()=>{const e=B.ViewManager.instance().view(o);return e&&e.widget()})).then((t=>{const o=e.match(/(.*):formatted$/),s=o&&o[1]||e;t.selectCoverageItemByUrl(s)}))}}_installGutter(e,t){let o=this._listeners.get(e);o||(o=this.makeGutterClickHandler(t),this._listeners.set(e,o)),e.installGutter(ee._gutterType,!1),e.addEventListener(L.Events.GutterClick,o,this)}_uninstallGutter(e){e.uninstallGutter(ee._gutterType);const t=this._listeners.get(e);t&&(e.removeEventListener(L.Events.GutterClick,t,this),this._listeners.delete(e))}}ee._gutterType="CodeMirror-gutter-coverage";var te=Object.freeze({__proto__:null,UIStrings:$,CoverageView:Y,ActionDelegate:Z,LineDecorator:ee});export{J as CoverageDecorationManager,W as CoverageListView,U as CoverageModel,te as CoverageView};

package/static/devtools/coverage/coverage_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("coverage/coverageListView.css",".data-grid {\n  border: none;\n}\n\n.data-grid td .url-outer {\n  width: 100%;\n  display: inline-flex;\n  justify-content: flex-start;\n}\n\n.data-grid td .url-outer .filter-highlight {\n  font-weight: bold;\n}\n\n.data-grid td .url-prefix {\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n}\n\n.data-grid td .url-suffix {\n  flex: none;\n}\n\n.data-grid td .bar {\n  display: inline-block;\n  height: 8px;\n  border: 1px solid transparent;\n}\n\n.data-grid .selected td .bar {\n  border-top: 1px white solid;\n  border-bottom: 1px white solid;\n}\n\n.data-grid .selected td .bar:last-child {\n  border-right: 1px white solid;\n}\n\n.data-grid .selected td .bar:first-child {\n  border-left: 1px white solid;\n}\n\n.data-grid td .bar-unused-size {\n  background-color: #ee442f;\n}\n\n.data-grid td .bar-used-size {\n  background-color: #63acbe;\n}\n\n.data-grid td .percent-value {\n  color: #888;\n  width: 45px;\n  display: inline-block;\n}\n\n.data-grid:focus tr.selected span.percent-value {\n  color: #eee;\n}\n\n@media (forced-colors: active) {\n  .data-grid td .bar-container {\n    forced-color-adjust: none;\n  }\n\n  .data-grid td .bar-unused-size {\n    background-color: ButtonText;\n  }\n\n  .data-grid td .bar-used-size {\n    background-color: ButtonFace;\n  }\n\n  .data-grid td .bar {\n    border-color: ButtonText;\n  }\n\n  .data-grid .selected td .bar {\n    border-top-color: HighlightText;\n    border-bottom-color: HighlightText;\n  }\n\n  .data-grid .selected td .bar:last-child {\n    border-right-color: HighlightText;\n  }\n\n  .data-grid .selected td .bar:first-child {\n    border-left-color: HighlightText;\n  }\n\n  .data-grid:focus tr.selected span.percent-value {\n    color: HighlightText;\n  }\n}\n\n/*# sourceURL=coverage/coverageListView.css */");RootModule.Runtime.cachedResources.set("coverage/coverageView.css","/*\n * Copyright (c) 2016 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n:host {\n  overflow: hidden;\n}\n\n.coverage-toolbar-container {\n  display: flex;\n  border-bottom: 1px solid #ccc;\n  flex: 0 0 auto;\n}\n\n.coverage-toolbar {\n  display: inline-block;\n  width: 100%;\n}\n\n.coverage-toolbar-summary {\n  background-color: #eee;\n  border-top: 1px solid #ccc;\n  padding-left: 5px;\n  flex: 0 0 19px;\n  display: flex;\n  padding-right: 5px;\n}\n\n.coverage-toolbar-summary .coverage-message {\n  padding-top: 2px;\n  padding-left: 1ex;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.coverage-results {\n  overflow-y: auto;\n  display: flex;\n  flex: auto;\n}\n\n.landing-page {\n  justify-content: center;\n  align-items: center;\n  padding: 20px;\n}\n\n.landing-page .message {\n  white-space: pre-line;\n}\n\n/*# sourceURL=coverage/coverageView.css */");

package/static/devtools/coverage_test_runner/coverage_test_runner.js

@@ -0,0 +1,151 @@
+// Copyright 2017 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * @fileoverview using private properties isn't a Closure violation in tests.
+ */
+self.CoverageTestRunner = self.CoverageTestRunner || {};
+
+/**
+ * @param jsCoveragePerBlock - Collect per Block coverage if `true`, per function coverage otherwise.
+ * @return {!Promise}
+ */
+CoverageTestRunner.startCoverage = async function(jsCoveragePerBlock) {
+  self.UI.viewManager.showView('coverage');
+  const coverageView = self.runtime.sharedInstance(Coverage.CoverageView);
+  await coverageView._startRecording({reload: false, jsCoveragePerBlock});
+};
+
+/**
+ * @return {!Promise}
+ */
+CoverageTestRunner.stopCoverage = function() {
+  const coverageView = self.runtime.sharedInstance(Coverage.CoverageView);
+  return coverageView.stopRecording();
+};
+
+/**
+ * @return {!Promise}
+ */
+CoverageTestRunner.suspendCoverageModel = async function() {
+  const coverageView = self.runtime.sharedInstance(Coverage.CoverageView);
+  await coverageView._model.preSuspendModel();
+  await coverageView._model.suspendModel();
+};
+
+/**
+ * @return {!Promise}
+ */
+CoverageTestRunner.resumeCoverageModel = async function() {
+  const coverageView = self.runtime.sharedInstance(Coverage.CoverageView);
+  await coverageView._model.resumeModel();
+  await coverageView._model.postResumeModel();
+};
+
+/**
+ * @return {!Promise}
+ */
+CoverageTestRunner.pollCoverage = async function() {
+  const coverageView = self.runtime.sharedInstance(Coverage.CoverageView);
+  // Make sure not to have two instances of _pollAndCallback running at the same time.
+  await coverageView._model._currentPollPromise;
+  return coverageView._model._pollAndCallback();
+};
+
+/**
+ * @return {!Promise<Coverage.CoverageModel>}
+ */
+CoverageTestRunner.getCoverageModel = function() {
+  const coverageView = self.runtime.sharedInstance(Coverage.CoverageView);
+  return coverageView._model;
+};
+
+/**
+ * @return {!Promise<string>}
+ */
+CoverageTestRunner.exportReport = async function() {
+  const coverageView = self.runtime.sharedInstance(Coverage.CoverageView);
+  let data;
+  await coverageView._model.exportReport({
+    write: d => {
+      data = d;
+    },
+    close: _ => 0
+  });
+  return data;
+};
+
+/**
+ * @return {!Promise<!SourceFrame.SourceFrame>}
+ */
+CoverageTestRunner.sourceDecorated = async function(source) {
+  await self.UI.inspectorView.showPanel('sources');
+  const decoratePromise = TestRunner.addSnifferPromise(Coverage.CoverageView.LineDecorator.prototype, '_innerDecorate');
+  const sourceFrame = await SourcesTestRunner.showScriptSourcePromise(source);
+  await decoratePromise;
+  return sourceFrame;
+};
+
+CoverageTestRunner.dumpDecorations = async function(source) {
+  const sourceFrame = await CoverageTestRunner.sourceDecorated(source);
+  CoverageTestRunner.dumpDecorationsInSourceFrame(sourceFrame);
+};
+
+/**
+ * @return {?DataGrid.DataGridNode}
+ */
+CoverageTestRunner.findCoverageNodeForURL = function(url) {
+  const coverageListView = self.runtime.sharedInstance(Coverage.CoverageView)._listView;
+  const rootNode = coverageListView._dataGrid.rootNode();
+
+  for (const child of rootNode.children) {
+    if (child._coverageInfo.url().endsWith(url)) {
+      return child;
+    }
+  }
+
+  return null;
+};
+
+CoverageTestRunner.dumpDecorationsInSourceFrame = function(sourceFrame) {
+  const markerMap = new Map([['used', '+'], ['unused', '-']]);
+  const codeMirror = sourceFrame.textEditor.codeMirror();
+
+  for (let line = 0; line < codeMirror.lineCount(); ++line) {
+    const text = codeMirror.getLine(line);
+    let markerType = ' ';
+    const lineInfo = codeMirror.lineInfo(line);
+
+    if (!lineInfo) {
+      continue;
+    }
+
+    const gutterElement = lineInfo.gutterMarkers && lineInfo.gutterMarkers['CodeMirror-gutter-coverage'];
+
+    if (gutterElement) {
+      const markerClass = /^text-editor-coverage-(\w*)-marker$/.exec(gutterElement.classList)[1];
+      markerType = markerMap.get(markerClass) || gutterElement.classList;
+    }
+
+    TestRunner.addResult(`${line}: ${markerType} ${text}`);
+  }
+};
+
+CoverageTestRunner.dumpCoverageListView = function() {
+  const coverageListView = self.runtime.sharedInstance(Coverage.CoverageView)._listView;
+  const dataGrid = coverageListView._dataGrid;
+  dataGrid.updateInstantly();
+
+  for (const child of dataGrid.rootNode().children) {
+    const data = child._coverageInfo;
+    const url = TestRunner.formatters.formatAsURL(data.url());
+
+    if (url.startsWith('test://')) {
+      continue;
+    }
+
+    const type = Coverage.coverageTypeToString(data.type());
+    TestRunner.addResult(`${url} ${type} used: ${data.usedSize()} unused: ${data.unusedSize()} total: ${data.size()}`);
+  }
+};

package/static/devtools/cpu_profiler_test_runner/cpu_profiler_test_runner.js

@@ -0,0 +1,72 @@
+// Copyright 2017 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * @fileoverview using private properties isn't a Closure violation in tests.
+ */
+self.CPUProfilerTestRunner = self.CPUProfilerTestRunner || {};
+
+CPUProfilerTestRunner.startProfilerTest = function(callback) {
+  TestRunner.addResult('Profiler was enabled.');
+  TestRunner.addSniffer(UI.panels.js_profiler, '_addProfileHeader', CPUProfilerTestRunner._profileHeaderAdded, true);
+  TestRunner.addSniffer(Profiler.ProfileView.prototype, 'refresh', CPUProfilerTestRunner._profileViewRefresh, true);
+  TestRunner.safeWrap(callback)();
+};
+
+CPUProfilerTestRunner.completeProfilerTest = function() {
+  TestRunner.addResult('');
+  TestRunner.addResult('Profiler was disabled.');
+  TestRunner.completeTest();
+};
+
+CPUProfilerTestRunner.runProfilerTestSuite = function(testSuite) {
+  const testSuiteTests = testSuite.slice();
+
+  function runner() {
+    if (!testSuiteTests.length) {
+      CPUProfilerTestRunner.completeProfilerTest();
+      return;
+    }
+
+    const nextTest = testSuiteTests.shift();
+    TestRunner.addResult('');
+    TestRunner.addResult(
+        'Running: ' +
+        /function\s([^(]*)/.exec(nextTest)[1]);
+    TestRunner.safeWrap(nextTest)(runner, runner);
+  }
+
+  CPUProfilerTestRunner.startProfilerTest(runner);
+};
+
+CPUProfilerTestRunner.showProfileWhenAdded = function(title) {
+  CPUProfilerTestRunner._showProfileWhenAdded = title;
+};
+
+CPUProfilerTestRunner._profileHeaderAdded = function(profile) {
+  if (CPUProfilerTestRunner._showProfileWhenAdded === profile.title) {
+    UI.panels.js_profiler.showProfile(profile);
+  }
+};
+
+CPUProfilerTestRunner.waitUntilProfileViewIsShown = function(title, callback) {
+  callback = TestRunner.safeWrap(callback);
+  const profilesPanel = UI.panels.js_profiler;
+
+  if (profilesPanel.visibleView && profilesPanel.visibleView.profile &&
+      profilesPanel.visibleView.profileHeader.title === title) {
+    callback(profilesPanel.visibleView);
+  } else {
+    CPUProfilerTestRunner._waitUntilProfileViewIsShownCallback = {title: title, callback: callback};
+  }
+};
+
+CPUProfilerTestRunner._profileViewRefresh = function() {
+  if (CPUProfilerTestRunner._waitUntilProfileViewIsShownCallback &&
+      CPUProfilerTestRunner._waitUntilProfileViewIsShownCallback.title === this.profileHeader.title) {
+    const callback = CPUProfilerTestRunner._waitUntilProfileViewIsShownCallback;
+    delete CPUProfilerTestRunner._waitUntilProfileViewIsShownCallback;
+    callback.callback(this);
+  }
+};

package/static/devtools/css_overview/css_overview-meta.js

@@ -0,0 +1 @@
+import{i18n as e}from"../i18n/i18n.js";import{Runtime as i}from"../root/root.js";import{ViewManager as r}from"../ui/ui.js";const o={cssOverview:"CSS Overview",showCssOverview:"Show CSS Overview"},s=e.registerUIStrings("css_overview/css_overview-meta.ts",o),t=e.getLazilyComputedLocalizedString.bind(void 0,s);let v;r.registerViewExtension({location:"panel",id:"cssoverview",commandPrompt:t(o.showCssOverview),title:t(o.cssOverview),order:95,loadView:async()=>(await async function(){return v||(await i.Runtime.instance().loadModulePromise("css_overview"),v=await import("./css_overview.js")),v}()).CSSOverviewPanel.CSSOverviewPanel.instance(),experiment:i.ExperimentName.CSS_OVERVIEW});export{o as UIStrings};

package/static/devtools/css_overview/css_overview.js

@@ -0,0 +1,146 @@
+import{ObjectWrapper as e,Color as t,ColorUtils as s,Linkifier as i}from"../common/common.js";import{SDKModel as n,CSSModel as o,DOMModel as a}from"../sdk/sdk.js";import{i18n as r}from"../i18n/i18n.js";import{ContrastInfo as l}from"../color_picker/color_picker.js";import{Runtime as d}from"../root/root.js";import{Widget as c,UIUtils as h,Fragment as u,Toolbar as v,Panel as m,SplitWidget as p,TabbedPane as g,Icon as _,Tooltip as b}from"../ui/ui.js";import{Linkifier as S}from"../components/components.js";import{SortableDataGrid as f,DataGrid as C}from"../data_grid/data_grid.js";import{NumberUtilities as w}from"../platform/platform.js";import{TextRange as y}from"../text_utils/text_utils.js";import{userMetrics as I,UserMetrics as k}from"../host/host.js";class $ extends e.ObjectWrapper{constructor(){super(),this.currentUrl=n.TargetManager.instance().inspectedURL(),n.TargetManager.instance().addEventListener(n.Events.InspectedURLChanged,this._checkUrlAndResetIfChanged,this)}_checkUrlAndResetIfChanged(){this.currentUrl!==n.TargetManager.instance().inspectedURL()&&(this.currentUrl=n.TargetManager.instance().inspectedURL(),this.dispatchEventToListeners(A.Reset))}}const A={RequestOverviewStart:Symbol("RequestOverviewStart"),RequestNodeHighlight:Symbol("RequestNodeHighlight"),PopulateNodes:Symbol("PopulateNodes"),RequestOverviewCancel:Symbol("RequestOverviewCancel"),OverviewCompleted:Symbol("OverviewCompleted"),Reset:Symbol("Reset")};var E=Object.freeze({__proto__:null,OverviewController:$,Events:A});const T={topAppliedToAStatically:"Top applied to a statically positioned element",leftAppliedToAStatically:"Left applied to a statically positioned element",rightAppliedToAStatically:"Right applied to a statically positioned element",bottomAppliedToAStatically:"Bottom applied to a statically positioned element",widthAppliedToAnInlineElement:"Width applied to an inline element",heightAppliedToAnInlineElement:"Height applied to an inline element",verticalAlignmentAppliedTo:"Vertical alignment applied to element which is neither inline nor table-cell"},x=r.registerUIStrings("css_overview/CSSOverviewUnusedDeclarations.js",T),M=r.getLocalizedString.bind(void 0,x);class O{static _add(e,t,s){const i=e.get(t)||[];i.push(s),e.set(t,i)}static checkForUnusedPositionValues(e,t,s,i,n,o,a,r){if("static"===s[i]){if("auto"!==s[n]){const i=M(T.topAppliedToAStatically);this._add(e,i,{declaration:"top: "+s[n],nodeId:t})}if("auto"!==s[o]){const i=M(T.leftAppliedToAStatically);this._add(e,i,{declaration:"left: "+s[o],nodeId:t})}if("auto"!==s[a]){const i=M(T.rightAppliedToAStatically);this._add(e,i,{declaration:"right: "+s[a],nodeId:t})}if("auto"!==s[r]){const i=M(T.bottomAppliedToAStatically);this._add(e,i,{declaration:"bottom: "+s[r],nodeId:t})}}}static checkForUnusedWidthAndHeightValues(e,t,s,i,n,o){if("inline"===s[i]){if("auto"!==s[n]){const i=M(T.widthAppliedToAnInlineElement);this._add(e,i,{declaration:"width: "+s[n],nodeId:t})}if("auto"!==s[o]){const i=M(T.heightAppliedToAnInlineElement);this._add(e,i,{declaration:"height: "+s[o],nodeId:t})}}}static checkForInvalidVerticalAlignment(e,t,s,i,n){if(s[i]&&"inline"!==s[i]&&!s[i].startsWith("table")&&"baseline"!==s[n]){const i=M(T.verticalAlignmentAppliedTo);this._add(e,i,{declaration:"vertical-align: "+s[n],nodeId:t})}}}var L=Object.freeze({__proto__:null,UIStrings:T,UnusedDeclaration:undefined,CSSOverviewUnusedDeclarations:O});class R extends n.SDKModel{constructor(e){super(e),this._runtimeAgent=e.runtimeAgent(),this._cssAgent=e.cssAgent(),this._domAgent=e.domAgent(),this._domSnapshotAgent=e.domsnapshotAgent(),this._overlayAgent=e.overlayAgent()}highlightNode(e){const s={contentColor:t.PageHighlight.Content.toProtocolRGBA(),showInfo:!0,contrastAlgorithm:d.experiments.isEnabled("APCA")?Protocol.Overlay.ContrastAlgorithm.Apca:Protocol.Overlay.ContrastAlgorithm.Aa};this._overlayAgent.invoke_hideHighlight(),this._overlayAgent.invoke_highlightNode({backendNodeId:e,highlightConfig:s})}async getNodeStyleStats(){const e=new Map,s=new Map,i=new Map,n=new Map,o=new Map,a=new Map,r=new Map,c=e=>e.hasAlpha()?e.asString(t.Format.HEXA):e.asString(t.Format.HEX),h=(e,s,i)=>{if(-1===e)return;const n=_[e];if(!n)return;const o=t.Color.parse(n);if(!o||0===o.rgba()[3])return;const a=c(o);if(!a)return;const r=i.get(a)||new Set;return r.add(s),i.set(a,r),o},u=e=>new Set(["altglyph","circle","ellipse","path","polygon","polyline","rect","svg","text","textpath","tref","tspan"]).has(e.toLowerCase()),v=e=>new Set(["iframe","video","embed","img"]).has(e.toLowerCase()),m=(e,t)=>new Set(["tr","td","thead","tbody"]).has(e.toLowerCase())&&t.startsWith("table");let p=0;const{documents:g,strings:_}=await this._domSnapshotAgent.invoke_captureSnapshot({computedStyles:["background-color","color","fill","border-top-width","border-top-color","border-bottom-width","border-bottom-color","border-left-width","border-left-color","border-right-width","border-right-color","font-family","font-size","font-weight","line-height","position","top","right","bottom","left","display","width","height","vertical-align"]});for(const{nodes:b,layout:S}of g){p+=S.nodeIndex.length;for(let p=0;p<S.styles.length;p++){const g=S.styles[p],f=S.nodeIndex[p];if(!b.backendNodeId||!b.nodeName)continue;const C=b.backendNodeId[f],w=b.nodeName[f],[y,I,k,$,A,E,T,x,M,L,R,P,F,N,V,D,H,B,W,U,q,z,j,G]=g,Q=h(y,C,e),X=h(I,C,s);if(u(_[w])&&h(k,C,n),"0px"!==_[$]&&h(A,C,o),"0px"!==_[E]&&h(T,C,o),"0px"!==_[x]&&h(M,C,o),"0px"!==_[L]&&h(R,C,o),P&&-1!==P){const e=_[P],t=a.get(e)||new Map,s="font-size",i="font-weight",n="line-height",o=t.get(s)||new Map,r=t.get(i)||new Map,l=t.get(n)||new Map;if(-1!==F){const e=_[F],t=o.get(e)||[];t.push(C),o.set(e,t)}if(-1!==N){const e=_[N],t=r.get(e)||[];t.push(C),r.set(e,t)}if(-1!==V){const e=_[V],t=l.get(e)||[];t.push(C),l.set(e,t)}t.set(s,o),t.set(i,r),t.set(n,l),a.set(e,t)}if(Q&&X&&"#text"===_[w]){const e=new l.ContrastInfo({backgroundColors:[Q.asString(t.Format.HEXA)],computedFontSize:-1!==F?_[F]:"",computedFontWeight:-1!==N?_[N]:""});e.setColor(X);const s=`${c(X)}_${c(Q)}`;if(d.experiments.isEnabled("APCA")){const t=e.contrastRatioAPCA(),n=e.contrastRatioAPCAThreshold();if(!(!(!t||!n)&&Math.abs(t)>=n)){const e={nodeId:C,contrastRatio:t,textColor:X,backgroundColor:Q,thresholdsViolated:{aa:!1,aaa:!1,apca:!0}};i.has(s)?i.get(s).push(e):i.set(s,[e])}}else{const t=e.contrastRatioThreshold("aa")||0,n=e.contrastRatioThreshold("aaa")||0,o=e.contrastRatio()||0;if(t>o||n>o){const e={nodeId:C,contrastRatio:o,textColor:X,backgroundColor:Q,thresholdsViolated:{aa:t>o,aaa:n>o,apca:!1}};i.has(s)?i.get(s).push(e):i.set(s,[e])}}}O.checkForUnusedPositionValues(r,C,_,D,H,U,B,W),u(_[w])||v(_[w])||O.checkForUnusedWidthAndHeightValues(r,C,_,q,z,j),-1===G||m(_[w],_[q])||O.checkForInvalidVerticalAlignment(r,C,_,q,G)}}return{backgroundColors:e,textColors:s,textColorContrastIssues:i,fillColors:n,borderColors:o,fontInfo:a,unusedDeclarations:r,elementCount:p}}getComputedStyleForNode(e){return this._cssAgent.invoke_getComputedStyleForNode({nodeId:e})}async getMediaQueries(){const e=await this._cssAgent.invoke_getMediaQueries(),t=new Map;if(!e)return t;for(const s of e.medias){if("linkedSheet"===s.source)continue;const e=t.get(s.text)||[];e.push(s),t.set(s.text,e)}return t}async getGlobalStylesheetStats(){const{result:e}=await this._runtimeAgent.invoke_evaluate({expression:"(function() {\n      let styleRules = 0;\n      let inlineStyles = 0;\n      let externalSheets = 0;\n      const stats = {\n        // Simple.\n        type: new Set(),\n        class: new Set(),\n        id: new Set(),\n        universal: new Set(),\n        attribute: new Set(),\n\n        // Non-simple.\n        nonSimple: new Set()\n      };\n\n      for (const styleSheet of document.styleSheets) {\n        if (styleSheet.href) {\n          externalSheets++;\n        } else {\n          inlineStyles++;\n        }\n\n        // Attempting to grab rules can trigger a DOMException.\n        // Try it and if it fails skip to the next stylesheet.\n        let rules;\n        try {\n          rules = styleSheet.rules;\n        } catch (err) {\n          continue;\n        }\n\n        for (const rule of rules) {\n          if ('selectorText' in rule) {\n            styleRules++;\n\n            // Each group that was used.\n            for (const selectorGroup of rule.selectorText.split(',')) {\n              // Each selector in the group.\n              for (const selector of selectorGroup.split(/[\\t\\n\\f\\r ]+/g)) {\n                if (selector.startsWith('.')) {\n                  // Class.\n                  stats.class.add(selector);\n                } else if (selector.startsWith('#')) {\n                  // Id.\n                  stats.id.add(selector);\n                } else if (selector.startsWith('*')) {\n                  // Universal.\n                  stats.universal.add(selector);\n                } else if (selector.startsWith('[')) {\n                  // Attribute.\n                  stats.attribute.add(selector);\n                } else {\n                  // Type or non-simple selector.\n                  const specialChars = /[#.:\\[\\]|\\+>~]/;\n                  if (specialChars.test(selector)) {\n                    stats.nonSimple.add(selector);\n                  } else {\n                    stats.type.add(selector);\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      return {\n        styleRules,\n        inlineStyles,\n        externalSheets,\n        stats: {\n          // Simple.\n          type: stats.type.size,\n          class: stats.class.size,\n          id: stats.id.size,\n          universal: stats.universal.size,\n          attribute: stats.attribute.size,\n\n          // Non-simple.\n          nonSimple: stats.nonSimple.size\n        }\n      }\n    })()",returnByValue:!0});if("object"===e.type)return e.value}}n.SDKModel.register(R,n.Capability.DOM,!1);var P=Object.freeze({__proto__:null,CSSOverviewModel:R});const F={captureOverview:"Capture overview",cssOverview:"CSS Overview"},N=r.registerUIStrings("css_overview/CSSOverviewStartView.js",F),V=r.getLocalizedString.bind(void 0,N);class D extends c.Widget{constructor(e){super(),this.registerRequiredCSS("css_overview/cssOverviewStartView.css",{enableLegacyPatching:!1}),this._controller=e,this._render()}_render(){const e=h.createTextButton(V(F.captureOverview),(()=>this._controller.dispatchEventToListeners(A.RequestOverviewStart)),"",!0);this.setDefaultFocusedElement(e);const t=u.Fragment.build`
+      <div class="vbox overview-start-view">
+        <h1>${V(F.cssOverview)}</h1>
+        <div>${e}</div>
+      </div>
+    `;this.contentElement.appendChild(t.element()),this.contentElement.style.overflow="auto"}}var H=Object.freeze({__proto__:null,UIStrings:F,CSSOverviewStartView:D});const B={cancel:"Cancel"},W=r.registerUIStrings("css_overview/CSSOverviewProcessingView.js",B),U=r.getLocalizedString.bind(void 0,W);class q extends c.Widget{constructor(e){super(),this.registerRequiredCSS("css_overview/cssOverviewProcessingView.css",{enableLegacyPatching:!1}),this._formatter=new Intl.NumberFormat("en-US"),this._controller=e,this._render()}_render(){const e=h.createTextButton(U(B.cancel),(()=>this._controller.dispatchEventToListeners(A.RequestOverviewCancel)),"",!0);this.setDefaultFocusedElement(e),this.fragment=u.Fragment.build`
+      <div class="vbox overview-processing-view">
+        <h1>Processing page</h1>
+        <div>${e}</div>
+      </div>
+    `,this.contentElement.appendChild(this.fragment.element()),this.contentElement.style.overflow="auto"}}var z=Object.freeze({__proto__:null,UIStrings:B,CSSOverviewProcessingView:q});const j={clearOverview:"Clear overview"},G=r.registerUIStrings("css_overview/CSSOverviewSidebarPanel.js",j),Q=r.getLocalizedString.bind(void 0,G);class X extends c.VBox{static get ITEM_CLASS_NAME(){return"overview-sidebar-panel-item"}static get SELECTED(){return"selected"}constructor(){super(!0),this.registerRequiredCSS("css_overview/cssOverviewSidebarPanel.css",{enableLegacyPatching:!1}),this.contentElement.classList.add("overview-sidebar-panel"),this.contentElement.addEventListener("click",this._onItemClick.bind(this));const e=new v.ToolbarButton(Q(j.clearOverview),"largeicon-clear");e.addEventListener(v.ToolbarButton.Events.Click,this._reset,this);const t=this.contentElement.createChild("div","overview-toolbar");new v.Toolbar("",t).appendToolbarItem(e)}addItem(e,t){const s=this.contentElement.createChild("div",X.ITEM_CLASS_NAME);s.textContent=e,s.dataset.id=t}_reset(){this.dispatchEventToListeners(K.Reset)}_deselectAllItems(){this.contentElement.querySelectorAll("."+X.ITEM_CLASS_NAME).forEach((e=>{e.classList.remove(X.SELECTED)}))}_onItemClick(e){const t=e.composedPath()[0];if(!t.classList.contains(X.ITEM_CLASS_NAME))return;const{id:s}=t.dataset;s&&(this.select(s),this.dispatchEventToListeners(K.ItemSelected,s))}select(e){const t=this.contentElement.querySelector(`[data-id=${CSS.escape(e)}]`);t&&(t.classList.contains(X.SELECTED)||(this._deselectAllItems(),t.classList.add(X.SELECTED)))}}const K={ItemSelected:Symbol("ItemSelected"),Reset:Symbol("Reset")};var J=Object.freeze({__proto__:null,UIStrings:j,CSSOverviewSidebarPanel:X,SidebarEvents:K});const Y={overviewSummary:"Overview summary",colors:"Colors",fontInfo:"Font info",unusedDeclarations:"Unused declarations",mediaQueries:"Media queries",elements:"Elements",externalStylesheets:"External stylesheets",inlineStyleElements:"Inline style elements",styleRules:"Style rules",typeSelectors:"Type selectors",idSelectors:"ID selectors",classSelectors:"Class selectors",universalSelectors:"Universal selectors",attributeSelectors:"Attribute selectors",nonsimpleSelectors:"Non-simple selectors",backgroundColorsS:"Background colors: {PH1}",textColorsS:"Text colors: {PH1}",fillColorsS:"Fill colors: {PH1}",borderColorsS:"Border colors: {PH1}",thereAreNoFonts:"There are no fonts.",thereAreNoUnusedDeclarations:"There are no unused declarations.",thereAreNoMediaQueries:"There are no media queries.",contrastIssues:"Contrast issues",occurrence:"occurrence",occurrences:"occurrences",sS:"{PH1} {PH2}",contrastIssuesS:"Contrast issues: {PH1}",textColorSOverSBackgroundResults:"Text color {PH1} over {PH2} background results in low contrast for {PH3} elements",aa:"AA",aaa:"AAA",apca:"APCA",element:"Element",declaration:"Declaration",source:"Source",contrastRatio:"Contrast ratio",cssOverviewElements:"CSS Overview Elements",showElement:"Show element"},Z=r.registerUIStrings("css_overview/CSSOverviewCompletedView.js",Y),ee=r.getLocalizedString.bind(void 0,Z);function te(e){let[t,s,i]=e.hsla();return t=Math.round(360*t),s=Math.round(100*s),i=Math.round(100*i),i=Math.max(0,i-15),`1px solid hsl(${t}deg ${s}% ${i}%)`}class se extends m.PanelWithSidebar{constructor(e,t){super("css_overview_completed_view"),this.registerRequiredCSS("css_overview/cssOverviewCompletedView.css",{enableLegacyPatching:!1}),this._controller=e,this._formatter=new Intl.NumberFormat("en-US"),this._mainContainer=new p.SplitWidget(!0,!0),this._resultsContainer=new c.VBox,this._elementContainer=new ie,this._elementContainer.addEventListener(g.Events.TabClosed,(e=>{0===e.data&&this._mainContainer.setSidebarMinimized(!0)})),this._mainContainer.registerRequiredCSS("css_overview/cssOverviewCompletedView.css",{enableLegacyPatching:!0}),this._mainContainer.setMainWidget(this._resultsContainer),this._mainContainer.setSidebarWidget(this._elementContainer),this._mainContainer.setVertical(!1),this._mainContainer.setSecondIsSidebar(!0),this._mainContainer.setSidebarMinimized(!0),this._sideBar=new X,this.splitWidget().setSidebarWidget(this._sideBar),this.splitWidget().setMainWidget(this._mainContainer);const s=t.model(o.CSSModel),i=t.model(a.DOMModel);if(!s||!i)throw new Error("Target must provide CSS and DOM models");this._cssModel=s,this._domModel=i,this._domAgent=t.domAgent(),this._linkifier=new S.Linkifier(20,!0),this._viewMap=new Map,this._sideBar.addItem(ee(Y.overviewSummary),"summary"),this._sideBar.addItem(ee(Y.colors),"colors"),this._sideBar.addItem(ee(Y.fontInfo),"font-info"),this._sideBar.addItem(ee(Y.unusedDeclarations),"unused-declarations"),this._sideBar.addItem(ee(Y.mediaQueries),"media-queries"),this._sideBar.select("summary"),this._sideBar.addEventListener(K.ItemSelected,this._sideBarItemSelected,this),this._sideBar.addEventListener(K.Reset,this._sideBarReset,this),this._controller.addEventListener(A.Reset,this._reset,this),this._controller.addEventListener(A.PopulateNodes,this._createElementsView,this),this._resultsContainer.element.addEventListener("click",this._onClick.bind(this)),this._data=null}wasShown(){super.wasShown()}_sideBarItemSelected(e){const t=e.data,s=this._fragment.$(t);s&&s.scrollIntoView()}_sideBarReset(){this._controller.dispatchEventToListeners(A.Reset)}_reset(){this._resultsContainer.element.removeChildren(),this._mainContainer.setSidebarMinimized(!0),this._elementContainer.closeTabs(),this._viewMap=new Map,se.pushedNodes.clear(),this._sideBar.select("summary")}_onClick(e){if(!e.target)return;const t=e.target.dataset,s=t.type;if(!s||!this._data)return;let i;switch(s){case"contrast":{const e=t.section,n=t.key;if(!n)return;i={type:s,key:n,nodes:this._data.textColorContrastIssues.get(n)||[],section:e};break}case"color":{const e=t.color,n=t.section;if(!e)return;let o;switch(n){case"text":o=this._data.textColors.get(e);break;case"background":o=this._data.backgroundColors.get(e);break;case"fill":o=this._data.fillColors.get(e);break;case"border":o=this._data.borderColors.get(e)}if(!o)return;o=Array.from(o).map((e=>({nodeId:e}))),i={type:s,color:e,nodes:o,section:n};break}case"unused-declarations":{const e=t.declaration;if(!e)return;const n=this._data.unusedDeclarations.get(e);if(!n)return;i={type:s,declaration:e,nodes:n};break}case"media-queries":{const e=t.text;if(!e)return;const n=this._data.mediaQueries.get(e);if(!n)return;i={type:s,text:e,nodes:n};break}case"font-info":{const e=t.value;if(!t.path)return;const[n,o]=t.path.split("/");if(!e)return;const a=this._data.fontInfo.get(n);if(!a)return;const r=a.get(o);if(!r)return;const l=r.get(e);if(!l)return;i={type:s,name:`${e} (${n}, ${o})`,nodes:l.map((e=>({nodeId:e})))};break}default:return}e.consume(),this._controller.dispatchEventToListeners(A.PopulateNodes,i),this._mainContainer.setSidebarMinimized(!1)}_onMouseOver(e){const t=e.composedPath().find((e=>e.dataset&&e.dataset.backendNodeId));if(!t)return;const s=Number(t.dataset.backendNodeId);this._controller.dispatchEventToListeners(A.RequestNodeHighlight,s)}async _render(e){if(!e||!("backgroundColors"in e)||!("textColors"in e))return;this._data=e;const{elementCount:t,backgroundColors:s,textColors:i,textColorContrastIssues:n,fillColors:o,borderColors:a,globalStyleStats:r,mediaQueries:l,unusedDeclarations:d,fontInfo:c}=this._data,h=this._sortColorsByLuminance(s),v=this._sortColorsByLuminance(i),m=this._sortColorsByLuminance(o),p=this._sortColorsByLuminance(a);this._fragment=u.Fragment.build`
+    <div class="vbox overview-completed-view">
+      <div $="summary" class="results-section horizontally-padded summary">
+        <h1>${ee(Y.overviewSummary)}</h1>
+
+        <ul>
+          <li>
+            <div class="label">${ee(Y.elements)}</div>
+            <div class="value">${this._formatter.format(t)}</div>
+          </li>
+          <li>
+            <div class="label">${ee(Y.externalStylesheets)}</div>
+            <div class="value">${this._formatter.format(r.externalSheets)}</div>
+          </li>
+          <li>
+            <div class="label">${ee(Y.inlineStyleElements)}</div>
+            <div class="value">${this._formatter.format(r.inlineStyles)}</div>
+          </li>
+          <li>
+            <div class="label">${ee(Y.styleRules)}</div>
+            <div class="value">${this._formatter.format(r.styleRules)}</div>
+          </li>
+          <li>
+            <div class="label">${ee(Y.mediaQueries)}</div>
+            <div class="value">${this._formatter.format(l.size)}</div>
+          </li>
+          <li>
+            <div class="label">${ee(Y.typeSelectors)}</div>
+            <div class="value">${this._formatter.format(r.stats.type)}</div>
+          </li>
+          <li>
+            <div class="label">${ee(Y.idSelectors)}</div>
+            <div class="value">${this._formatter.format(r.stats.id)}</div>
+          </li>
+          <li>
+            <div class="label">${ee(Y.classSelectors)}</div>
+            <div class="value">${this._formatter.format(r.stats.class)}</div>
+          </li>
+          <li>
+            <div class="label">${ee(Y.universalSelectors)}</div>
+            <div class="value">${this._formatter.format(r.stats.universal)}</div>
+          </li>
+          <li>
+            <div class="label">${ee(Y.attributeSelectors)}</div>
+            <div class="value">${this._formatter.format(r.stats.attribute)}</div>
+          </li>
+          <li>
+            <div class="label">${ee(Y.nonsimpleSelectors)}</div>
+            <div class="value">${this._formatter.format(r.stats.nonSimple)}</div>
+          </li>
+        </ul>
+      </div>
+
+      <div $="colors" class="results-section horizontally-padded colors">
+        <h1>${ee(Y.colors)}</h1>
+        <h2>${ee(Y.backgroundColorsS,{PH1:h.length})}</h2>
+        <ul>
+          ${h.map(this._colorsToFragment.bind(this,"background"))}
+        </ul>
+
+        <h2>${ee(Y.textColorsS,{PH1:v.length})}</h2>
+        <ul>
+          ${v.map(this._colorsToFragment.bind(this,"text"))}
+        </ul>
+
+        ${n.size>0?this._contrastIssuesToFragment(n):""}
+
+        <h2>${ee(Y.fillColorsS,{PH1:m.length})}</h2>
+        <ul>
+          ${m.map(this._colorsToFragment.bind(this,"fill"))}
+        </ul>
+
+        <h2>${ee(Y.borderColorsS,{PH1:p.length})}</h2>
+        <ul>
+          ${p.map(this._colorsToFragment.bind(this,"border"))}
+        </ul>
+      </div>
+
+      <div $="font-info" class="results-section font-info">
+        <h1>${ee(Y.fontInfo)}</h1>
+        ${c.size>0?this._fontInfoToFragment(c):u.Fragment.build`<div>${ee(Y.thereAreNoFonts)}</div>`}
+      </div>
+
+      <div $="unused-declarations" class="results-section unused-declarations">
+        <h1>${ee(Y.unusedDeclarations)}</h1>
+        ${d.size>0?this._groupToFragment(d,"unused-declarations","declaration"):u.Fragment.build`<div class="horizontally-padded">${ee(Y.thereAreNoUnusedDeclarations)}</div>`}
+      </div>
+
+      <div $="media-queries" class="results-section media-queries">
+        <h1>${ee(Y.mediaQueries)}</h1>
+        ${l.size>0?this._groupToFragment(l,"media-queries","text"):u.Fragment.build`<div class="horizontally-padded">${ee(Y.thereAreNoMediaQueries)}</div>`}
+      </div>
+    </div>`,this._resultsContainer.element.appendChild(this._fragment.element())}_createElementsView(e){const{type:t,nodes:s}=e.data;let i="",n="";switch(t){case"contrast":{const{section:t,key:s}=e.data;i=`${t}-${s}`,n=ee(Y.contrastIssues);break}case"color":{const{section:t,color:s}=e.data;i=`${t}-${s}`,n=`${s.toUpperCase()} (${t})`;break}case"unused-declarations":{const{declaration:t}=e.data;i=""+t,n=""+t;break}case"media-queries":{const{text:t}=e.data;i=""+t,n=""+t;break}case"font-info":{const{name:t}=e.data;i=""+t,n=""+t;break}}let o=this._viewMap.get(i);o||(o=new ne(this._controller,this._domModel,this._cssModel,this._linkifier),o.populateNodes(s),this._viewMap.set(i,o)),this._elementContainer.appendTab(i,n,o,!0)}_fontInfoToFragment(e){const t=Array.from(e.entries());return u.Fragment.build`
+      ${t.map((([e,t])=>u.Fragment.build`<section class="font-family"><h2>${e}</h2> ${this._fontMetricsToFragment(e,t)}</section>`))}
+    `}_fontMetricsToFragment(e,t){const s=Array.from(t.entries());return u.Fragment.build`
+      <div class="font-metric">
+      ${s.map((([t,s])=>{const i=`${e}/${t}`;return u.Fragment.build`
+          <div>
+            <h3>${t}</h3>
+            ${this._groupToFragment(s,"font-info","value",i)}
+          </div>`}))}
+      </div>`}_groupToFragment(e,t,s,i=""){const n=Array.from(e.entries()).sort(((e,t)=>{const s=e[1];return t[1].length-s.length})),o=n.reduce(((e,t)=>e+t[1].length),0);return u.Fragment.build`<ul>
+    ${n.map((([e,n])=>{const a=100*n.length/o,r=1===n.length?ee(Y.occurrence):ee(Y.occurrences);return u.Fragment.build`<li>
+        <div class="title">${e}</div>
+        <button data-type="${t}" data-path="${i}" data-${s}="${e}">
+          <div class="details">${ee(Y.sS,{PH1:n.length,PH2:r})}</div>
+          <div class="bar-container">
+            <div class="bar" style="width: ${a}%"></div>
+          </div>
+        </button>
+      </li>`}))}
+    </ul>`}_contrastIssuesToFragment(e){return u.Fragment.build`
+      <h2>${ee(Y.contrastIssuesS,{PH1:e.size})}</h2>
+      <ul>
+        ${[...e.entries()].map((([e,t])=>this._contrastIssueToFragment(e,t)))}
+      </ul>
+    `}_contrastIssueToFragment(e,s){console.assert(s.length>0);let i=s[0];for(const e of s)Math.abs(e.contrastRatio)<Math.abs(i.contrastRatio)&&(i=e);const n=i.textColor.asString(t.Format.HEXA),o=i.backgroundColor.asString(t.Format.HEXA),a=d.experiments.isEnabled("APCA"),r=u.Fragment.build`<li>
+      <button
+        title="${ee(Y.textColorSOverSBackgroundResults,{PH1:n,PH2:o,PH3:s.length})}"
+        data-type="contrast" data-key="${e}" data-section="contrast" class="block" $="color">
+        Text
+      </button>
+      <div class="block-title">
+        <div class="contrast-warning hidden" $="aa"><span class="threshold-label">${ee(Y.aa)}</span></div>
+        <div class="contrast-warning hidden" $="aaa"><span class="threshold-label">${ee(Y.aaa)}</span></div>
+        <div class="contrast-warning hidden" $="apca"><span class="threshold-label">${ee(Y.apca)}</span></div>
+      </div>
+    </li>`;if(a){const e=r.$("apca");i.thresholdsViolated.apca?e.appendChild(_.Icon.create("smallicon-no")):e.appendChild(_.Icon.create("smallicon-checkmark-square")),e.classList.remove("hidden")}else{const e=r.$("aa");i.thresholdsViolated.aa?e.appendChild(_.Icon.create("smallicon-no")):e.appendChild(_.Icon.create("smallicon-checkmark-square"));const t=r.$("aaa");i.thresholdsViolated.aaa?t.appendChild(_.Icon.create("smallicon-no")):t.appendChild(_.Icon.create("smallicon-checkmark-square")),e.classList.remove("hidden"),t.classList.remove("hidden")}const l=r.$("color");return l.style.backgroundColor=o,l.style.color=n,l.style.border=te(i.backgroundColor),r}_colorsToFragment(e,s){const i=u.Fragment.build`<li>
+      <button data-type="color" data-color="${s}" data-section="${e}" class="block" $="color"></button>
+      <div class="block-title">${s}</div>
+    </li>`,n=i.$("color");n.style.backgroundColor=s;const o=t.Color.parse(s);if(o)return n.style.border=te(o),i}_sortColorsByLuminance(e){return Array.from(e.keys()).sort(((e,i)=>{const n=t.Color.parse(e),o=t.Color.parse(i);return n&&o?s.luminance(o.rgba())-s.luminance(n.rgba()):0}))}setOverviewData(e){this._render(e)}}se.pushedNodes=new Set;class ie extends c.VBox{constructor(){super(),this._tabbedPane=new g.TabbedPane,this._tabbedPane.show(this.element),this._tabbedPane.addEventListener(g.Events.TabClosed,(()=>{this.dispatchEventToListeners(g.Events.TabClosed,this._tabbedPane.tabIds().length)}))}appendTab(e,t,s,i){this._tabbedPane.hasTab(e)||this._tabbedPane.appendTab(e,t,s,void 0,void 0,i),this._tabbedPane.selectTab(e)}closeTabs(){this._tabbedPane.closeTabs(this._tabbedPane.tabIds())}}class ne extends c.Widget{constructor(e,t,s,i){super(),this._controller=e,this._domModel=t,this._cssModel=s,this._linkifier=i,this._elementGridColumns=[{id:"nodeId",title:ee(Y.element),sortable:!0,weight:50,titleDOMFragment:void 0,sort:void 0,align:void 0,width:void 0,fixedWidth:void 0,editable:void 0,nonSelectable:void 0,longText:void 0,disclosure:void 0,allowInSortByEvenWhenHidden:void 0,dataType:void 0,defaultWeight:void 0},{id:"declaration",title:ee(Y.declaration),sortable:!0,weight:50,titleDOMFragment:void 0,sort:void 0,align:void 0,width:void 0,fixedWidth:void 0,editable:void 0,nonSelectable:void 0,longText:void 0,disclosure:void 0,allowInSortByEvenWhenHidden:void 0,dataType:void 0,defaultWeight:void 0},{id:"sourceURL",title:ee(Y.source),sortable:!1,weight:100,titleDOMFragment:void 0,sort:void 0,align:void 0,width:void 0,fixedWidth:void 0,editable:void 0,nonSelectable:void 0,longText:void 0,disclosure:void 0,allowInSortByEvenWhenHidden:void 0,dataType:void 0,defaultWeight:void 0},{id:"contrastRatio",title:ee(Y.contrastRatio),sortable:!0,weight:25,titleDOMFragment:void 0,sort:void 0,align:void 0,width:"150px",fixedWidth:!0,editable:void 0,nonSelectable:void 0,longText:void 0,disclosure:void 0,allowInSortByEvenWhenHidden:void 0,dataType:void 0,defaultWeight:void 0}],this._elementGrid=new f.SortableDataGrid({displayName:ee(Y.cssOverviewElements),columns:this._elementGridColumns,editCallback:void 0,deleteCallback:void 0,refreshCallback:void 0}),this._elementGrid.element.classList.add("element-grid"),this._elementGrid.element.addEventListener("mouseover",this._onMouseOver.bind(this)),this._elementGrid.setStriped(!0),this._elementGrid.addEventListener(C.Events.SortingChanged,this._sortMediaQueryDataGrid.bind(this)),this.element.appendChild(this._elementGrid.element)}_sortMediaQueryDataGrid(){const e=this._elementGrid.sortColumnId();if(!e)return;const t=f.SortableDataGrid.StringComparator.bind(null,e);this._elementGrid.sortNodes(t,!this._elementGrid.isSortOrderAscending())}_onMouseOver(e){const t=e.composedPath().find((e=>e.dataset&&e.dataset.backendNodeId));if(!t)return;const s=Number(t.dataset.backendNodeId);this._controller.dispatchEventToListeners(A.RequestNodeHighlight,s)}async populateNodes(e){if(this._elementGrid.rootNode().removeChildren(),!e.length)return;const[t]=e,s=new Set;let i;if(t.nodeId&&s.add("nodeId"),t.declaration&&s.add("declaration"),t.sourceURL&&s.add("sourceURL"),t.contrastRatio&&s.add("contrastRatio"),s.has("nodeId")){const t=e.reduce(((e,t)=>se.pushedNodes.has(t.nodeId)?e:(se.pushedNodes.add(t.nodeId),e.add(t.nodeId))),new Set);i=await this._domModel.pushNodesByBackendIdsToFrontend(t)}for(const t of e){if(s.has("nodeId")){if(!i)continue;const e=i.get(t.nodeId);if(!e)continue;t.node=e}const e=new oe(this._elementGrid,t,this._linkifier,this._cssModel);e.selectable=!1,this._elementGrid.insertChild(e)}this._elementGrid.setColumnsVisiblity(s),this._elementGrid.renderInline(),this._elementGrid.wasShown()}}class oe extends f.SortableDataGridNode{constructor(e,t,s,i){super(e,t.hasChildren),this.data=t,this._linkifier=s,this._cssModel=i}createCell(e){if("nodeId"===e){const t=this.createTD(e);return t.textContent="...",i.Linkifier.linkify(this.data.node).then((e=>{t.textContent="",e.dataset.backendNodeId=this.data.node.backendNodeId(),t.appendChild(e);const s=document.createElement("button");s.classList.add("show-element"),b.Tooltip.install(s,ee(Y.showElement)),s.tabIndex=0,s.onclick=()=>this.data.node.scrollIntoView(),t.appendChild(s)})),t}if("sourceURL"===e){const t=this.createTD(e);if(this.data.range){const e=this._linkifyRuleLocation(this._cssModel,this._linkifier,this.data.styleSheetId,y.TextRange.fromObject(this.data.range));e&&""!==e.textContent?t.appendChild(e):t.textContent="(unable to link)"}else t.textContent="(unable to link to inlined styles)";return t}if("contrastRatio"===e){const t=this.createTD(e),s=d.experiments.isEnabled("APCA"),i=w.floor(this.data.contrastRatio,2),n=s?i+"%":i,o=u.Fragment.build`
+        <div class="contrast-container-in-grid" $="container">
+          <span class="contrast-preview" style="border: ${te(this.data.backgroundColor)}; color: ${this.data.textColor.asString()}; background-color: ${this.data.backgroundColor.asString()};">Aa</span>
+          <span>${n}</span>
+        </div>
+      `,a=o.$("container");return s?(a.append(u.Fragment.build`<span>${ee(Y.apca)}</span>`.element()),this.data.thresholdsViolated.apca?a.appendChild(_.Icon.create("smallicon-no")):a.appendChild(_.Icon.create("smallicon-checkmark-square"))):(a.append(u.Fragment.build`<span>${ee(Y.aa)}</span>`.element()),this.data.thresholdsViolated.aa?a.appendChild(_.Icon.create("smallicon-no")):a.appendChild(_.Icon.create("smallicon-checkmark-square")),a.append(u.Fragment.build`<span>${ee(Y.aaa)}</span>`.element()),this.data.thresholdsViolated.aaa?a.appendChild(_.Icon.create("smallicon-no")):a.appendChild(_.Icon.create("smallicon-checkmark-square"))),t.appendChild(o.element()),t}return super.createCell(e)}_linkifyRuleLocation(e,t,s,i){const n=e.styleSheetHeaderForId(s);if(!n)return;const a=n.lineNumberInSource(i.startLine),r=n.columnNumberInSource(i.startLine,i.startColumn),l=new o.CSSLocation(n,a,r);return t.linkifyCSSLocation(l)}}var ae=Object.freeze({__proto__:null,UIStrings:Y,NodeStyleStats:undefined,ContrastIssue:undefined,OverviewData:undefined,FontInfo:undefined,CSSOverviewCompletedView:se,DetailsView:ie,ElementDetailsView:ne,ElementNode:oe});let re;class le extends m.Panel{constructor(){super("css_overview"),this.registerRequiredCSS("css_overview/cssOverview.css",{enableLegacyPatching:!1}),this.element.classList.add("css-overview-panel");const[e]=n.TargetManager.instance().models(R);this._model=e,this._controller=new $,this._startView=new D(this._controller),this._processingView=new q(this._controller),this._completedView=new se(this._controller,e.target()),this._controller.addEventListener(A.RequestOverviewStart,(e=>{I.actionTaken(k.Action.CaptureCssOverviewClicked),this._startOverview()}),this),this._controller.addEventListener(A.RequestOverviewCancel,this._cancelOverview,this),this._controller.addEventListener(A.OverviewCompleted,this._overviewCompleted,this),this._controller.addEventListener(A.Reset,this._reset,this),this._controller.addEventListener(A.RequestNodeHighlight,this._requestNodeHighlight,this),this._reset()}static instance(){return re||(re=new le),re}_reset(){this._backgroundColors=new Map,this._textColors=new Map,this._fillColors=new Map,this._borderColors=new Map,this._fontInfo=new Map,this._mediaQueries=new Map,this._unusedDeclarations=new Map,this._elementCount=0,this._cancelled=!1,this._globalStyleStats={styleRules:0,inlineStyles:0,externalSheets:0,stats:{type:0,class:0,id:0,universal:0,attribute:0,nonSimple:0}},this._renderInitialView()}_requestNodeHighlight(e){this._model.highlightNode(e.data)}_renderInitialView(){this._processingView.hideWidget(),this._completedView.hideWidget(),this._startView.show(this.contentElement)}_renderOverviewStartedView(){this._startView.hideWidget(),this._completedView.hideWidget(),this._processingView.show(this.contentElement)}_renderOverviewCompletedView(){this._startView.hideWidget(),this._processingView.hideWidget(),this._completedView.show(this.contentElement),this._completedView.setOverviewData({backgroundColors:this._backgroundColors,textColors:this._textColors,textColorContrastIssues:this._textColorContrastIssues,fillColors:this._fillColors,borderColors:this._borderColors,globalStyleStats:this._globalStyleStats,fontInfo:this._fontInfo,elementCount:this._elementCount,mediaQueries:this._mediaQueries,unusedDeclarations:this._unusedDeclarations})}async _startOverview(){this._renderOverviewStartedView();const[e,{elementCount:t,backgroundColors:s,textColors:i,textColorContrastIssues:n,fillColors:o,borderColors:a,fontInfo:r,unusedDeclarations:l},d]=await Promise.all([this._model.getGlobalStylesheetStats(),this._model.getNodeStyleStats(),this._model.getMediaQueries()]);t&&(this._elementCount=t),e&&(this._globalStyleStats=e),d&&(this._mediaQueries=d),s&&(this._backgroundColors=s),i&&(this._textColors=i),n&&(this._textColorContrastIssues=n),o&&(this._fillColors=o),a&&(this._borderColors=a),r&&(this._fontInfo=r),l&&(this._unusedDeclarations=l),this._controller.dispatchEventToListeners(A.OverviewCompleted)}_getStyleValue(e,t){const s=e.filter((e=>e.name===t));if(s.length)return s[0].value}_cancelOverview(){this._cancelled=!0}_overviewCompleted(){this._renderOverviewCompletedView()}}var de=Object.freeze({__proto__:null,CSSOverviewPanel:le});export{ae as CSSOverviewCompletedView,E as CSSOverviewController,P as CSSOverviewModel,de as CSSOverviewPanel,z as CSSOverviewProcessingView,J as CSSOverviewSidebarPanel,H as CSSOverviewStartView,L as CSSOverviewUnusedDeclarations};

package/static/devtools/css_overview/css_overview_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("css_overview/cssOverview.css","/**\n * Copyright 2019 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.css-overview-panel {\n  overflow: hidden;\n}\n\n/*# sourceURL=css_overview/cssOverview.css */");RootModule.Runtime.cachedResources.set("css_overview/cssOverviewStartView.css","/**\n * Copyright 2019 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.overview-start-view {\n  overflow: hidden;\n  padding: 16px;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n}\n\n.overview-start-view h1 {\n  font-size: 16px;\n  text-align: center;\n  font-weight: normal;\n  margin: 0;\n  padding: 8px;\n}\n\n.overview-start-view div {\n  font-size: 12px;\n  text-align: center;\n  font-weight: normal;\n  margin: 0;\n  padding-bottom: 44px;\n}\n\n/*# sourceURL=css_overview/cssOverviewStartView.css */");RootModule.Runtime.cachedResources.set("css_overview/cssOverviewProcessingView.css","/**\n * Copyright 2019 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.overview-processing-view {\n  overflow: hidden;\n  padding: 16px;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n}\n\n.overview-processing-view h1 {\n  font-size: 16px;\n  text-align: center;\n  font-weight: normal;\n  margin: 0;\n  padding: 8px;\n}\n\n.overview-processing-view h2 {\n  font-size: 12px;\n  text-align: center;\n  font-weight: normal;\n  margin: 0;\n  padding-top: 32px;\n}\n\n/*# sourceURL=css_overview/cssOverviewProcessingView.css */");RootModule.Runtime.cachedResources.set("css_overview/cssOverviewCompletedView.css","/**\n * Copyright 2019 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.overview-completed-view {\n  overflow: auto;\n\n  --overview-default-padding: 28px;\n  --overview-icon-padding: 32px;\n}\n\n.overview-completed-view .summary ul,\n.overview-completed-view .colors ul {\n  display: flex;\n  flex-wrap: wrap;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.overview-completed-view .summary ul {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, 140px);\n  grid-gap: 16px;\n}\n\n.overview-completed-view .colors ul li {\n  display: inline-block;\n  margin: 0 0 16px 0;\n  padding: 0 8px 0 0;\n}\n\n.overview-completed-view .summary ul li {\n  display: flex;\n  flex-direction: column;\n  grid-column-start: auto;\n}\n\n.overview-completed-view li .label {\n  font-size: 12px;\n  padding-bottom: 2px;\n}\n\n.overview-completed-view li .value {\n  font-size: 17px;\n}\n\n.overview-completed-view ul li span {\n  font-weight: bold;\n}\n\n.unused-rules-grid .header-container,\n.unused-rules-grid .data-container,\n.unused-rules-grid table.data {\n  position: relative;\n}\n\n.unused-rules-grid .data-container {\n  top: 0;\n  max-height: 350px;\n}\n\n.unused-rules-grid {\n  border-left: none;\n  border-right: none;\n}\n\n/** Ensure links are rendered at the correct height */\n\n.unused-rules-grid .monospace {\n  display: block;\n  height: 18px;\n}\n\n.element-grid {\n  flex: 1;\n  border-left: none;\n  border-right: none;\n  overflow: auto;\n}\n\n.block {\n  width: 65px;\n  height: 25px;\n  border-radius: 3px;\n  margin-right: 16px;\n  cursor: pointer;\n}\n\n.block-title {\n  padding-top: 4px;\n  font-size: 12px;\n  color: var(--color-text-primary);\n  text-transform: uppercase;\n  letter-spacing: 0;\n}\n\n.results-section {\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--color-details-hairline);\n  padding: var(--overview-default-padding) 0 var(--overview-default-padding) 0;\n}\n\n.horizontally-padded {\n  padding-left: var(--overview-default-padding);\n  padding-right: var(--overview-default-padding);\n}\n\n.results-section h1 {\n  font-size: 15px;\n  font-weight: normal;\n  padding: 0;\n  margin: 0 0 20px 0;\n  padding-left: calc(var(--overview-default-padding) + var(--overview-icon-padding));\n  position: relative;\n  height: 26px;\n  line-height: 26px;\n}\n\n.results-section h1::before {\n  content: '';\n  display: block;\n  position: absolute;\n  left: var(--overview-default-padding);\n  top: 0;\n  width: 26px;\n  height: 26px;\n  background-image: url(Images/cssoverview_icons_2x.avif);\n  background-size: 104px 26px;\n}\n\n.results-section.horizontally-padded h1 {\n  padding-left: var(--overview-icon-padding);\n}\n\n.results-section.horizontally-padded h1::before {\n  left: 0;\n}\n\n.results-section.summary h1 {\n  padding-left: 0;\n}\n\n.results-section.summary h1::before {\n  display: none;\n}\n\n.results-section.colors h1::before {\n  background-position: 0 0;\n}\n\n.results-section.font-info h1::before {\n  background-position: -26px 0;\n}\n\n.results-section.unused-declarations h1::before {\n  background-position: -52px 0;\n}\n\n.results-section.media-queries h1::before {\n  background-position: -78px 0;\n}\n\n.results-section.colors h2 {\n  margin-top: 20px;\n  font-size: 13px;\n  font-weight: normal;\n}\n\n.overview-completed-view .font-info ul,\n.overview-completed-view .media-queries ul,\n.overview-completed-view .unused-declarations ul {\n  width: 100%;\n  list-style: none;\n  margin: 0;\n  padding: 0 var(--overview-default-padding);\n}\n\n.overview-completed-view .font-info ul li,\n.overview-completed-view .media-queries ul li,\n.overview-completed-view .unused-declarations ul li {\n  display: grid;\n  grid-template-columns: 2fr 3fr;\n  grid-gap: 12px;\n  margin-bottom: 4px;\n  align-items: center;\n}\n\n.overview-completed-view .font-info button,\n.overview-completed-view .media-queries button,\n.overview-completed-view .unused-declarations button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  border-radius: 2px;\n  cursor: pointer;\n  height: 28px;\n  background: none;\n}\n\n.overview-completed-view .font-info button .details,\n.overview-completed-view .media-queries button .details,\n.overview-completed-view .unused-declarations button .details {\n  min-width: 100px;\n  text-align: right;\n  margin-right: 8px;\n  color: var(--color-primary);\n  pointer-events: none;\n}\n\n.overview-completed-view .font-info button .bar-container,\n.overview-completed-view .media-queries button .bar-container,\n.overview-completed-view .unused-declarations button .bar-container {\n  flex: 1;\n  pointer-events: none;\n}\n\n.overview-completed-view .font-info button .bar,\n.overview-completed-view .media-queries button .bar,\n.overview-completed-view .unused-declarations button .bar {\n  height: 8px;\n  background: var(--color-primary);\n  border-radius: 2px;\n  min-width: 2px;\n}\n\n.overview-completed-view .font-info button:hover .details,\n.overview-completed-view .font-info button:focus .details,\n.overview-completed-view .media-queries button:hover .details,\n.overview-completed-view .media-queries button:focus .details,\n.overview-completed-view .unused-declarations button:hover .details,\n.overview-completed-view .unused-declarations button:focus .details {\n  color: var(--color-primary-variant);\n}\n\n.overview-completed-view .font-info button:hover .bar,\n.overview-completed-view .font-info button:focus .bar,\n.overview-completed-view .media-queries button:hover .bar,\n.overview-completed-view .media-queries button:focus .bar,\n.overview-completed-view .unused-declarations button:hover .bar,\n.overview-completed-view .unused-declarations button:focus .bar {\n  background-color: var(--color-primary-variant);\n  box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 0 0 2px rgb(66 133 244 / 40%);\n  color: var(--color-background);\n}\n\n.overview-completed-view .font-info .font-metric {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-gap: 12px;\n}\n\n.overview-completed-view .font-info ul {\n  padding: 0;\n}\n\n.overview-completed-view .font-info ul li {\n  grid-template-columns: 1fr 4fr;\n}\n\n.overview-completed-view .font-info h2 {\n  font-size: 14px;\n  font-weight: bold;\n  margin: 0 0 1em 0;\n}\n\n.overview-completed-view .font-info h3 {\n  font-size: 13px;\n  font-weight: normal;\n  font-style: italic;\n  margin: 0 0 0.5em 0;\n}\n\n.overview-completed-view .font-info {\n  padding-bottom: 0;\n}\n\n.overview-completed-view .font-family {\n  padding: var(--overview-default-padding);\n}\n\n.overview-completed-view .font-family:nth-child(2n+1) {\n  background: var(--color-background);\n}\n\n.overview-completed-view .font-family:first-of-type {\n  padding-top: 0;\n}\n\n.contrast-warning {\n  display: flex;\n  align-items: baseline;\n}\n\n.contrast-warning .threshold-label {\n  font-weight: normal;\n  width: 30px;\n}\n\n.contrast-warning [is=ui-icon] {\n  margin-left: 5px;\n}\n\n.contrast-preview {\n  padding: 0 5px;\n}\n\n.contrast-container-in-grid {\n  display: flex;\n  align-items: baseline;\n}\n\n.contrast-container-in-grid > * {\n  margin-right: 5px;\n  min-width: initial;\n}\n\n[is=ui-icon].smallicon-checkmark-square {\n  background-color: #00b06f;\n}\n\n[is=ui-icon].smallicon-no {\n  background-color: red;\n}\n\n.data .nodeId-column {\n  align-items: center;\n  display: flex;\n  height: 20px;\n}\n\n.show-element {\n  margin: 0 0 0 8px;\n  padding: 0;\n  background: none;\n  border: none;\n  -webkit-mask-image: url(Images/ic_show_node_16x16.svg);\n  background-color: var(--color-background-elevation-1);\n  width: 16px;\n  height: 16px;\n  display: none;\n  cursor: pointer;\n  flex: none;\n}\n\n.show-element:focus,\n.show-element:hover {\n  background-color: var(--color-syntax-1);\n}\n\n.nodeId-column:focus-within .show-element,\n.nodeId-column:hover .show-element {\n  display: inline-block;\n}\n\n/*# sourceURL=css_overview/cssOverviewCompletedView.css */");RootModule.Runtime.cachedResources.set("css_overview/cssOverviewSidebarPanel.css","/**\n * Copyright 2019 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.overview-sidebar-panel {\n  overflow: auto;\n  display: flex;\n  background: var(--color-background-elevation-1);\n}\n\n.overview-sidebar-panel-item {\n  height: 30px;\n  padding-left: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--color-text-primary);\n}\n\n.overview-sidebar-panel-item:hover,\n.overview-sidebar-panel-item:focus {\n  background: var(--color-background-highlight);\n}\n\n.overview-sidebar-panel-item.selected {\n  background: var(--color-primary);\n  color: var(--color-background);\n}\n\n.overview-toolbar {\n  border-bottom: 1px solid var(--color-details-hairline);\n}\n\n/*# sourceURL=css_overview/cssOverviewSidebarPanel.css */");

package/static/devtools/data_grid/data_grid-legacy.js

@@ -0,0 +1 @@
+import{DataGrid as a,ShowMoreDataGridNode as t,SortableDataGrid as r,ViewportDataGrid as d}from"./data_grid.js";self.DataGrid=self.DataGrid||{},DataGrid=DataGrid||{},DataGrid._preferredWidthSymbol=Symbol("preferredWidth"),DataGrid._columnIdSymbol=Symbol("columnId"),DataGrid._sortIconSymbol=Symbol("sortIcon"),DataGrid._longTextSymbol=Symbol("longText"),DataGrid.DataGrid=a.DataGridImpl,DataGrid.CreationDataGridNode=a.CreationDataGridNode,DataGrid.DataGridNode=a.DataGridNode,DataGrid.DataGridWidget=a.DataGridWidget,DataGrid.DataGrid.Events=a.Events,DataGrid.DataGrid.Order=a.Order,DataGrid.DataGrid.Align=a.Align,DataGrid.DataGrid.DataType=a.DataType,DataGrid.DataGrid.ResizeMethod=a.ResizeMethod,DataGrid.ShowMoreDataGridNode=t.ShowMoreDataGridNode,DataGrid.SortableDataGrid=r.SortableDataGrid,DataGrid.SortableDataGridNode=r.SortableDataGridNode,DataGrid.ViewportDataGrid=d.ViewportDataGrid,DataGrid.ViewportDataGrid.Events=d.Events,DataGrid.ViewportDataGridNode=d.ViewportDataGridNode;