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

package/static/devtools/data_grid/data_grid.js

@@ -0,0 +1 @@
+import{ObjectWrapper as e,Settings as t,UIString as i}from"../common/common.js";import{StringUtilities as s,ls as n,NumberUtilities as l,ArrayUtilities as d}from"../platform/platform.js";import{Utils as o,ARIAUtils as r,Tooltip as a,Icon as h,UIUtils as c,InplaceEditor as u,ContextMenu as _,Widget as m}from"../ui/ui.js";const p=new WeakMap,g=new WeakMap,C=new WeakMap,f=new WeakMap,b=new WeakMap,N=new WeakMap;class v extends e.ObjectWrapper{constructor(e){super();const{displayName:t,columns:i,editCallback:s,deleteCallback:n,refreshCallback:l}=e;this.element=document.createElement("div"),this.element.classList.add("data-grid"),o.appendStyle(this.element,"data_grid/dataGrid.css",{enableLegacyPatching:!0}),this.element.tabIndex=0,this.element.addEventListener("keydown",this._keyDown.bind(this),!1),this.element.addEventListener("contextmenu",this._contextMenu.bind(this),!0),this.element.addEventListener("focusin",(e=>{this.updateGridAccessibleNameOnFocus(),e.consume(!0)})),this.element.addEventListener("focusout",(e=>{this.updateGridAccessibleName(""),e.consume(!0)})),r.markAsApplication(this.element),this._displayName=t,this._editCallback=s,this._deleteCallback=n,this._refreshCallback=l;const d=this.element.createChild("div","header-container");this._headerTable=d.createChild("table","header"),r.markAsHidden(this._headerTable),this._headerTableHeaders={},this._scrollContainer=this.element.createChild("div","data-container"),this._dataTable=this._scrollContainer.createChild("table","data"),s&&this._dataTable.addEventListener("dblclick",this._ondblclick.bind(this),!1),this._dataTable.addEventListener("mousedown",this._mouseDownInDataTable.bind(this)),this._dataTable.addEventListener("click",this._clickInDataTable.bind(this),!0),this._inline=!1,this._columnsArray=[],this._columns={},this.visibleColumnsArray=i,i.forEach((e=>this._innerAddColumn(e))),this._cellClass=null,this._headerTableColumnGroup=this._headerTable.createChild("colgroup"),this._headerTableBody=this._headerTable.createChild("tbody"),this._headerRow=this._headerTableBody.createChild("tr"),this._dataTableColumnGroup=this._dataTable.createChild("colgroup"),this.dataTableBody=this._dataTable.createChild("tbody"),this._topFillerRow=this.dataTableBody.createChild("tr","data-grid-filler-row revealed"),this._bottomFillerRow=this.dataTableBody.createChild("tr","data-grid-filler-row revealed"),this.setVerticalPadding(0,0),this._refreshHeader(),this._editing=!1,this.selectedNode=null,this.expandNodesWhenArrowing=!1,this.setRootNode(new E),this.setHasSelection(!1),this.indentWidth=15,this._resizers=[],this._columnWidthsInitialized=!1,this._cornerWidth=x,this._resizeMethod=T.Nearest,this._headerContextMenuCallback=null,this._rowContextMenuCallback=null,this.elementToDataGridNode=new WeakMap}_firstSelectableNode(){let e=this._rootNode;for(;e&&!e.selectable;)e=e.traverseNextNode(!0)||void 0;return e}_lastSelectableNode(){let e=this._rootNode,t=this._rootNode;for(;t;)t.selectable&&(e=t),t=t.traverseNextNode(!0)||void 0;return e}setElementContent(e,t){const i=this.columnIdFromNode(e);if(!i)return;const s=this._columns[i];s.dataType===y.Boolean?v.setElementBoolean(e,Boolean(t)):null!==t&&v.setElementText(e,t,Boolean(s.longText))}static setElementText(e,t,i){i&&t.length>1e3?(e.textContent=s.trimEndWithMaxLength(t,1e3),a.Tooltip.install(e,t),p.set(e,t)):(e.textContent=t,a.Tooltip.install(e,""),p.delete(e))}static setElementBoolean(e,t){e.textContent=t?"✓":"",a.Tooltip.install(e,"")}setStriped(e){this.element.classList.toggle("striped-data-grid",e)}setFocusable(e){this.element.tabIndex=e?0:-1,!1===e&&r.removeRole(this.element)}setHasSelection(e){this.element.classList.toggle("no-selection",!e)}updateGridAccessibleName(e){const t=this.selectedNode&&this.selectedNode.existingElement()?this.selectedNode.nodeAccessibleText:"";this.element===this.element.ownerDocument.deepActiveElement()&&r.alert(e||t,this.element)}updateGridAccessibleNameOnFocus(){let e;if(this.selectedNode&&this.selectedNode.existingElement()){let t="";this.selectedNode.hasChildren()&&(t=this.selectedNode.expanded?n`expanded`:n`collapsed`);e=`${n`${this._displayName} Row ${t}`} ${this.selectedNode.nodeAccessibleText}`}else{if(!this._rootNode)return;const t=this._enumerateChildren(this._rootNode,[],1),i=n`Rows: ${t.length}`;e=n`${this._displayName} ${i}, use the up and down arrow keys to navigate and interact with the rows of the table; Use browse mode to read cell by cell.`}r.alert(e,this.element)}headerTableBody(){return this._headerTableBody}_innerAddColumn(e,t){e.defaultWeight=e.weight;const i=e.id;i in this._columns&&this._innerRemoveColumn(i),void 0===t&&(t=this._columnsArray.length),this._columnsArray.splice(t,0,e),this._columns[i]=e,e.disclosure&&(this.disclosureColumnId=i);const s=document.createElement("th");s.className=i+"-column",g.set(s,i),this._headerTableHeaders[i]=s;const n=document.createElement("div");if(e.titleDOMFragment?n.appendChild(e.titleDOMFragment):n.textContent=e.title||null,s.appendChild(n),e.sort&&(s.classList.add(e.sort),this._sortColumnCell=s),e.sortable){s.addEventListener("click",this._clickInHeaderCell.bind(this),!1),s.classList.add("sortable");const e=h.Icon.create("","sort-order-icon");s.createChild("div","sort-order-icon-container").appendChild(e),C.set(s,e)}}addColumn(e,t){this._innerAddColumn(e,t)}_innerRemoveColumn(e){if(!this._columns[e])return;delete this._columns[e];const t=this._columnsArray.findIndex((t=>t.id===e));this._columnsArray.splice(t,1);const i=this._headerTableHeaders[e];i.parentElement&&i.parentElement.removeChild(i),delete this._headerTableHeaders[e]}removeColumn(e){this._innerRemoveColumn(e)}setCellClass(e){this._cellClass=e}_refreshHeader(){this._headerTableColumnGroup.removeChildren(),this._dataTableColumnGroup.removeChildren(),this._headerRow.removeChildren(),this._topFillerRow.removeChildren(),this._bottomFillerRow.removeChildren();for(let e=0;e<this.visibleColumnsArray.length;++e){const t=this.visibleColumnsArray[e],i=t.id,s=this._headerTableColumnGroup.createChild("col"),n=this._dataTableColumnGroup.createChild("col");t.width&&(s.style.width=t.width,n.style.width=t.width),this._headerRow.appendChild(this._headerTableHeaders[i]);const l=this._topFillerRow.createChild("th","top-filler-td");l.textContent=t.title||null,l.scope="col";const d=this._bottomFillerRow.createChild("td","bottom-filler-td");g.set(d,i)}this._headerRow.createChild("th","corner");const e=this._topFillerRow.createChild("th","corner");e.classList.add("top-filler-td"),e.scope="col",this._bottomFillerRow.createChild("td","corner").classList.add("bottom-filler-td"),this._headerTableColumnGroup.createChild("col","corner"),this._dataTableColumnGroup.createChild("col","corner")}setVerticalPadding(e,t){const i=e+"px",s=e||t?t+"px":"auto";this._topFillerRow.style.height===i&&this._bottomFillerRow.style.height===s||(this._topFillerRow.style.height=i,this._bottomFillerRow.style.height=s,this.dispatchEventToListeners(S.PaddingChanged))}setRootNode(e){this._rootNode&&(this._rootNode.removeChildren(),this._rootNode.dataGrid=null,this._rootNode._isRoot=!1),this._rootNode=e,e._isRoot=!0,e.setHasChildren(!1),e._expanded=!0,e._revealed=!0,e.selectable=!1,e.dataGrid=this}rootNode(){let e=this._rootNode;return e||(e=new E,this.setRootNode(e)),e}_ondblclick(e){if(this._editing||this._editingNode)return;const t=this.columnIdFromNode(e.target);t&&this._columns[t].editable&&this._startEditing(e.target)}_startEditingColumnOfDataGridNode(e,t){this._editing=!0,this._editingNode=e,this._editingNode.select();const i=this._editingNode._element;if(!i)return;const s=i.children[t],n=p.get(s);n&&(s.textContent=n);const l=this.visibleColumnsArray[t];if(l.dataType===y.Boolean){const t=c.CheckboxLabel.create(void 0,e.data[l.id]);r.setAccessibleName(t,l.title||"");let i=!1;t.style.height="100%";const n=t.checkboxElement;n.classList.add("inside-datagrid");const d=n.checked;n.addEventListener("change",(()=>{i=!0,this._editingCommitted(s,n.checked,d,void 0,"forward")}),!1),n.addEventListener("keydown",(e=>{if("Tab"===e.key)return e.consume(!0),i=!0,this._editingCommitted(s,n.checked,d,void 0,e.shiftKey?"backward":"forward");" "===e.key?(e.consume(!0),n.checked=!n.checked):"Enter"===e.key&&(e.consume(!0),i=!0,this._editingCommitted(s,n.checked,d,void 0,"forward"))}),!1),n.addEventListener("blur",(()=>{i||this._editingCommitted(s,n.checked,n.checked,void 0,"next")}),!1),s.innerHTML="",s.appendChild(t),n.focus()}else{u.InplaceEditor.startEditing(s,this._startEditingConfig(s));const e=s.getComponentSelection();e&&e.selectAllChildren(s)}}startEditingNextEditableColumnOfDataGridNode(e,t){const i=this._columns[t],s=this.visibleColumnsArray.indexOf(i),n=this._nextEditableColumn(s);-1!==n&&this._startEditingColumnOfDataGridNode(e,n)}_startEditing(e){if(!c.enclosingNodeOrSelfWithNodeName(e,"td"))return;if(this._editingNode=this.dataGridNodeFromNode(e),!this._editingNode){if(!this.creationNode)return;this._editingNode=this.creationNode}if(this._editingNode instanceof A&&this._editingNode.isCreationNode)return void this._startEditingColumnOfDataGridNode(this._editingNode,this._nextEditableColumn(-1));const t=this.columnIdFromNode(e);if(!t)return;const i=this._columns[t],s=this.visibleColumnsArray.indexOf(i);this._editingNode&&this._startEditingColumnOfDataGridNode(this._editingNode,s)}renderInline(){this.element.classList.add("inline"),this._cornerWidth=0,this._inline=!0,this.updateWidths()}_startEditingConfig(e){return new u.Config(this._editingCommitted.bind(this),this._editingCancelled.bind(this))}_editingCommitted(e,t,i,s,n){const l=this.columnIdFromNode(e);if(!l)return void this._editingCancelled(e);const d=this._columns[l],o=this.visibleColumnsArray.indexOf(d);if(!this._editingNode)return;const r=null===this._editingNode.data[l]?"":this._editingNode.data[l],a=this._editingNode;function h(e){if(n){if("forward"===n){const t=this._nextEditableColumn(-1),i=a instanceof A&&a.isCreationNode;if(i&&o===t&&!e)return;const s=this._nextEditableColumn(o);if(-1!==s)return void this._startEditingColumnOfDataGridNode(a,s);const n=a.traverseNextNode(!0,null,!0);return n?void this._startEditingColumnOfDataGridNode(n,t):i&&e&&this.creationNode?(this.addCreationNode(!1),void this._startEditingColumnOfDataGridNode(this.creationNode,t)):void 0}if("backward"!==n);else{const e=this._nextEditableColumn(o,!0);if(-1!==e)return void this._startEditingColumnOfDataGridNode(a,e);const t=this._nextEditableColumn(this.visibleColumnsArray.length,!0),i=a.traversePreviousNode(!0,!0);i&&this._startEditingColumnOfDataGridNode(i,t)}}}if(this.setElementContent(e,t),r===t)return this._editingCancelled(e),void h.call(this,!1);this._editingNode.data[l]=t,this._editCallback&&(this._editCallback(this._editingNode,l,r,t),this._editingNode instanceof A&&this._editingNode.isCreationNode&&this.addCreationNode(!1),this._editingCancelled(e),h.call(this,!0))}_editingCancelled(e){this._editing=!1,this._editingNode=null}_nextEditableColumn(e,t){const i=t?-1:1,s=this.visibleColumnsArray;for(let t=e+i;t>=0&&t<s.length;t+=i)if(s[t].editable)return t;return-1}sortColumnId(){return this._sortColumnCell&&g.get(this._sortColumnCell)||null}sortOrder(){return!this._sortColumnCell||this._sortColumnCell.classList.contains(w.Ascending)?w.Ascending:this._sortColumnCell.classList.contains(w.Descending)?w.Descending:null}isSortOrderAscending(){return!this._sortColumnCell||this._sortColumnCell.classList.contains(w.Ascending)}_autoSizeWidths(e,t,i){t&&(t=Math.min(t,Math.floor(100/e.length)));let s=0;for(let t=0;t<e.length;++t)s+=e[t];let n=0;for(let l=0;l<e.length;++l){let d=Math.round(100*e[l]/s);t&&d<t?d=t:i&&d>i&&(d=i),n+=d,e[l]=d}let l=n-100;for(;t&&l>0;)for(let i=0;i<e.length&&(!(e[i]>t)||(--e[i],--l,l));++i);for(;i&&l<0;)for(let t=0;t<e.length&&(!(e[t]<i)||(++e[t],++l,l));++t);return e}autoSizeColumns(e,t,i){let s=[];for(let e=0;e<this._columnsArray.length;++e)s.push((this._columnsArray[e].title||"").length);if(i=i||0,!this._rootNode)return;const n=this._enumerateChildren(this._rootNode,[],i+1);for(let e=0;e<n.length;++e){const t=n[e];for(let e=0;e<this._columnsArray.length;++e){const i=String(t.data[this._columnsArray[e].id]);i.length>s[e]&&(s[e]=i.length)}}s=this._autoSizeWidths(s,e,t);for(let e=0;e<this._columnsArray.length;++e)this._columnsArray[e].weight=s[e];this._columnWidthsInitialized=!1,this.updateWidths()}_enumerateChildren(e,t,i){if(e._isRoot||t.push(e),!i)return[];for(let s=0;s<e.children.length;++s)this._enumerateChildren(e.children[s],t,i-1);return t}onResize(){this.updateWidths()}updateWidths(){if(!this._columnWidthsInitialized&&this.element.offsetWidth){const e=this.element.offsetWidth-this._cornerWidth,t=this._headerTableBody.rows[0].cells,i=t.length-1;for(let s=0;s<i;s++){const i=this.visibleColumnsArray[s];i.weight||(i.weight=100*t[s].offsetWidth/e||10)}this._columnWidthsInitialized=!0}this._applyColumnWeights()}indexOfVisibleColumn(e){return this.visibleColumnsArray.findIndex((t=>t.id===e))}setName(e){this._columnWeightsSetting=t.Settings.instance().createSetting("dataGrid-"+e+"-columnWeights",{}),this._loadColumnWeights()}_resetColumnWeights(){for(const e of this._columnsArray)e.defaultWeight&&(e.weight=e.defaultWeight);this._applyColumnWeights(),this._saveColumnWeights()}_loadColumnWeights(){if(!this._columnWeightsSetting)return;const e=this._columnWeightsSetting.get();for(let t=0;t<this._columnsArray.length;++t){const i=this._columnsArray[t],s=e[i.id];s&&(i.weight=s)}this._applyColumnWeights()}_saveColumnWeights(){if(!this._columnWeightsSetting)return;const e={};for(let t=0;t<this._columnsArray.length;++t){const i=this._columnsArray[t];e[i.id]=i.weight}this._columnWeightsSetting.set(e)}wasShown(){this._loadColumnWeights()}willHide(){}_applyColumnWeights(){let e=this.element.offsetWidth-this._cornerWidth;if(e<=0)return;let t=0;const i=[];for(let s=0;s<this.visibleColumnsArray.length;++s){if(this.visibleColumnsArray[s].fixedWidth){const t=this._headerTableColumnGroup.children[s],n=f.get(t)||this._headerTableBody.rows[0].cells[s].offsetWidth;i[s]=n,e-=n}else t+=this.visibleColumnsArray[s].weight||0}let s=0,n=0;for(let l=0;l<this.visibleColumnsArray.length;++l){const d=this.visibleColumnsArray[l];let o;if(d.fixedWidth)o=i[l];else{s+=d.weight||0;const i=s*e/t|0;o=Math.max(i-n,14),n=i}this._setPreferredWidth(l,o)}this._positionResizers()}setColumnsVisiblity(e){this.visibleColumnsArray=[];for(const t of this._columnsArray)e.has(t.id)&&this.visibleColumnsArray.push(t);this._refreshHeader(),this._applyColumnWeights();const t=this._enumerateChildren(this.rootNode(),[],-1);for(const e of t)e.refresh()}get scrollContainer(){return this._scrollContainer}_positionResizers(){const e=this._headerTableColumnGroup.children.length-1,t=[],i=this._resizers;for(;i.length>e-1;){const e=i.pop();e&&e.remove()}for(let i=0;i<e-1;i++)t[i]=(t[i-1]||0)+this._headerTableBody.rows[0].cells[i].offsetWidth;for(let s=0;s<e-1;s++){let e=i[s];e||(e=document.createElement("div"),N.set(e,s),e.classList.add("data-grid-resizer"),c.installDragHandle(e,this._startResizerDragging.bind(this),this._resizerDragging.bind(this),this._endResizerDragging.bind(this),"col-resize"),this.element.appendChild(e),i.push(e)),b.get(e)!==t[s]&&(b.set(e,t[s]),e.style.left=t[s]+"px")}}addCreationNode(e){this.creationNode&&this.creationNode.makeNormal();const t={};for(const e in this._columns)t[e]=null;this.creationNode=new A(t,e),this.rootNode().appendChild(this.creationNode)}_keyDown(e){if(!(e instanceof KeyboardEvent))return;if(e.shiftKey||e.metaKey||e.ctrlKey||this._editing||c.isEditing())return;let t,i=!1;if(this.selectedNode)if("ArrowUp"!==e.key||e.altKey)if("ArrowDown"!==e.key||e.altKey){if("ArrowLeft"===e.key)this.selectedNode.expanded?(e.altKey?this.selectedNode.collapseRecursively():this.selectedNode.collapse(),i=!0):this.selectedNode.parent&&!this.selectedNode.parent._isRoot&&(i=!0,this.selectedNode.parent.selectable?(t=this.selectedNode.parent,i=!!t):this.selectedNode.parent&&this.selectedNode.parent.collapse());else if("ArrowRight"===e.key)this.selectedNode.revealed?this.selectedNode.hasChildren()&&(i=!0,this.selectedNode.expanded?(t=this.selectedNode.children[0],i=!!t):e.altKey?this.selectedNode.expandRecursively():this.selectedNode.expand()):(this.selectedNode.reveal(),i=!0);else if(8===e.keyCode||46===e.keyCode)this._deleteCallback&&(i=!0,this._deleteCallback(this.selectedNode));else if("Enter"===e.key)if(this._editCallback){i=!0;const e=this.selectedNode._element;if(!e)return;this._startEditing(e.children[this._nextEditableColumn(-1)])}else this.dispatchEventToListeners(S.OpenedNode,this.selectedNode)}else{for(t=this.selectedNode.traverseNextNode(!0);t&&!t.selectable;)t=t.traverseNextNode(!0);i=!!t}else{for(t=this.selectedNode.traversePreviousNode(!0);t&&!t.selectable;)t=t.traversePreviousNode(!0);i=!!t}else"ArrowUp"!==e.key||e.altKey?"ArrowDown"!==e.key||e.altKey||(t=this._firstSelectableNode()):t=this._lastSelectableNode(),i=!!t;t&&(t.reveal(),t.select()),"ArrowUp"!==e.key&&"ArrowDown"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||document.activeElement===this.element||this.element.focus(),i&&e.consume(!0)}updateSelectionBeforeRemoval(e,t){let i,s=this.selectedNode;for(;s&&s!==e;)s=s.parent;if(!s)return;for(s=e;s&&!s.nextSibling;s=s.parent);for(s&&(i=s.nextSibling);i&&!i.selectable;)i=i.traverseNextNode(!0);const n=i instanceof A&&i.isCreationNode;if(!i||n){if(!e)return;for(i=e.traversePreviousNode(!0);i&&!i.selectable;)i=i.traversePreviousNode(!0)}i?(i.reveal(),i.select()):this.selectedNode&&this.selectedNode.deselect()}dataGridNodeFromNode(e){const t=c.enclosingNodeOrSelfWithNodeName(e,"tr");return t&&this.elementToDataGridNode.get(t)||null}columnIdFromNode(e){const t=c.enclosingNodeOrSelfWithNodeName(e,"td");return t&&g.get(t)||null}_clickInHeaderCell(e){const t=c.enclosingNodeOrSelfWithNodeName(e.target,"th");t&&this._sortByColumnHeaderCell(t)}_sortByColumnHeaderCell(e){if(!g.has(e)||!e.classList.contains("sortable"))return;let t=w.Ascending;e===this._sortColumnCell&&this.isSortOrderAscending()&&(t=w.Descending),this._sortColumnCell&&this._sortColumnCell.classList.remove(w.Ascending,w.Descending),this._sortColumnCell=e,e.classList.add(t);const i=C.get(e);i&&(i.setIconType(t===w.Ascending?"smallicon-triangle-up":"smallicon-triangle-down"),this.dispatchEventToListeners(S.SortingChanged))}markColumnAsSortedBy(e,t){this._sortColumnCell&&this._sortColumnCell.classList.remove(w.Ascending,w.Descending),this._sortColumnCell=this._headerTableHeaders[e],this._sortColumnCell.classList.add(t)}headerTableHeader(e){return this._headerTableHeaders[e]}_mouseDownInDataTable(e){const t=e.target,i=this.dataGridNodeFromNode(t);if(!i||!i.selectable||i.isEventWithinDisclosureTriangle(e))return;const s=this.columnIdFromNode(t);s&&this._columns[s].nonSelectable||(e.metaKey?i.selected?i.deselect():i.select():(i.select(),this.dispatchEventToListeners(S.OpenedNode,i)))}setHeaderContextMenuCallback(e){this._headerContextMenuCallback=e}setRowContextMenuCallback(e){this._rowContextMenuCallback=e}_contextMenu(e){if(!(e instanceof MouseEvent))return;const t=new _.ContextMenu(e),s=e.target,l=this.visibleColumnsArray.filter((e=>e.sortable&&e.title)),d=this._columnsArray.filter((e=>-1===l.indexOf(e)&&e.allowInSortByEvenWhenHidden)),o=[...l,...d];if(o.length>0){const e=t.defaultSection().appendSubMenuItem(n`Sort By`);for(const t of o){const i=this._headerTableHeaders[t.id];e.defaultSection().appendItem(t.title,this._sortByColumnHeaderCell.bind(this,i))}}if(s.isSelfOrDescendant(this._headerTableBody))return this._headerContextMenuCallback&&this._headerContextMenuCallback(t),t.defaultSection().appendItem(i.UIString("Reset Columns"),this._resetColumnWeights.bind(this)),void t.show();const r=t.defaultSection().appendSubMenuItem(n`Header Options`);this._headerContextMenuCallback&&this._headerContextMenuCallback(r),r.defaultSection().appendItem(i.UIString("Reset Columns"),this._resetColumnWeights.bind(this));const a=0===e.button,h=a?this.selectedNode:this.dataGridNodeFromNode(s),c=this.selectedNode&&this.selectedNode.existingElement();if(a&&c){const e=c.getBoundingClientRect();if(e){const i=(e.right+e.left)/2,s=(e.bottom+e.top)/2;t.setX(i),t.setY(s)}}if(!this._refreshCallback||h&&h===this.creationNode||t.defaultSection().appendItem(i.UIString("Refresh"),this._refreshCallback.bind(this)),h&&h.selectable&&!h.isEventWithinDisclosureTriangle(e)){if(this._editCallback)if(h===this.creationNode){const e=this._nextEditableColumn(-1),s=h.element().children[e];t.defaultSection().appendItem(i.UIString("Add new"),this._startEditing.bind(this,s))}else if(a){const e=this._nextEditableColumn(-1);if(e>-1){const i=this.visibleColumnsArray[e];i&&i.editable&&t.defaultSection().appendItem(n`Edit "${i.title}"`,this._startEditingColumnOfDataGridNode.bind(this,h,e))}}else{const e=this.columnIdFromNode(s);e&&this._columns[e].editable&&t.defaultSection().appendItem(i.UIString('Edit "%s"',this._columns[e].title),this._startEditing.bind(this,s))}this._deleteCallback&&h!==this.creationNode&&t.defaultSection().appendItem(i.UIString("Delete"),this._deleteCallback.bind(this,h)),this._rowContextMenuCallback&&this._rowContextMenuCallback(t,h)}t.show()}_clickInDataTable(e){const t=this.dataGridNodeFromNode(e.target);t&&t.hasChildren()&&t.isEventWithinDisclosureTriangle(e)&&(t.expanded?e.altKey?t.collapseRecursively():t.collapse():e.altKey?t.expandRecursively():t.expand())}setResizeMethod(e){this._resizeMethod=e}_startResizerDragging(e){return this._currentResizer=e.target,!0}_endResizerDragging(){this._currentResizer=null,this._saveColumnWeights()}_resizerDragging(e){const t=this._currentResizer;if(!t)return;let i=e.clientX-this.element.totalOffsetLeft();const s=this._headerTableBody.rows[0].cells;let n=0,d=N.get(t);if(void 0===d)return;let o=d+1;for(let e=0;e<d;e++)n+=s[e].offsetWidth;this._resizeMethod===T.Last?o=this._resizers.length:this._resizeMethod===T.First&&(n+=s[d].offsetWidth-s[0].offsetWidth,d=0);const r=n+s[d].offsetWidth+s[o].offsetWidth,a=n+G,h=r-G;if(a>h)return;i=l.clamp(i,a,h);const c=i-k;b.set(t,c),t.style.left=c+"px",this._setPreferredWidth(d,i-n),this._setPreferredWidth(o,r-i);const u=this.visibleColumnsArray[d],_=this.visibleColumnsArray[o];if(u.weight&&_.weight){const e=u.weight+_.weight,t=r-n;u.weight=(i-n)*e/t,_.weight=(r-i)*e/t}this._positionResizers(),e.preventDefault()}_setPreferredWidth(e,t){const i=t+"px",s=this._headerTableColumnGroup.children[e];f.set(s,t),s.style.width=i;this._dataTableColumnGroup.children[e].style.width=i}columnOffset(e){if(!this.element.offsetWidth)return 0;for(let t=1;t<this.visibleColumnsArray.length;++t)if(e===this.visibleColumnsArray[t].id&&this._resizers[t-1])return b.get(this._resizers[t-1])||0;return 0}asWidget(){return this._dataGridWidget||(this._dataGridWidget=new L(this)),this._dataGridWidget}topFillerRowElement(){return this._topFillerRow}}const x=14,S={SelectedNode:Symbol("SelectedNode"),DeselectedNode:Symbol("DeselectedNode"),OpenedNode:Symbol("OpenedNode"),SortingChanged:Symbol("SortingChanged"),PaddingChanged:Symbol("PaddingChanged")},w={Ascending:"sort-ascending",Descending:"sort-descending"},y={String:Symbol("String"),Boolean:Symbol("Boolean")},G=24,k=3,T={Nearest:"nearest",First:"first",Last:"last"};class E extends e.ObjectWrapper{constructor(e,t){super(),this._element=null,this._expanded=!1,this._selected=!1,this._dirty=!1,this._inactive=!1,this.key,this._depth,this._revealed,this._attached=!1,this._savedPosition=null,this._shouldRefreshChildren=!0,this._data=e||{},this._hasChildren=t||!1,this.children=[],this.dataGrid=null,this.parent=null,this.previousSibling=null,this.nextSibling=null,this.disclosureToggleWidth=10,this.selectable=!0,this._isRoot=!1,this.nodeAccessibleText="",this.cellAccessibleTextMap=new Map,this.isCreationNode=!1}element(){if(!this._element){const e=this.createElement();this.createCells(e)}return this._element}createElement(){return this._element=document.createElement("tr"),this._element.classList.add("data-grid-data-grid-node"),this.dataGrid&&this.dataGrid.elementToDataGridNode.set(this._element,this),this._hasChildren&&this._element.classList.add("parent"),this.expanded&&this._element.classList.add("expanded"),this.selected&&this._element.classList.add("selected"),this.revealed&&this._element.classList.add("revealed"),this._dirty&&this._element.classList.add("dirty"),this._inactive&&this._element.classList.add("inactive"),this.isCreationNode&&this._element.classList.add("creation-node"),this._element}existingElement(){return this._element||null}resetElement(){this._element=null}createCells(e){if(e.removeChildren(),!this.dataGrid||!this.parent)return;const t=this.dataGrid.visibleColumnsArray,i=[];!this._hasChildren&&this.parent._isRoot||i.push(n`level ${this.depth+1}`);for(let s=0;s<t.length;++s){const l=t[s],d=e.appendChild(this.createCell(l.id)),o=n`${l.title}`;l.dataType===y.Boolean&&!0===this.data[l.id]&&this.setCellAccessibleName(n`checked`,d,l.id),i.push(`${o}: ${this.cellAccessibleTextMap.get(l.id)||d.textContent}`)}this.nodeAccessibleText=i.join(", "),e.appendChild(this.createTDWithClass("corner"))}get data(){return this._data}set data(e){this._data=e||{},this.refresh()}get revealed(){if(void 0!==this._revealed)return this._revealed;let e=this.parent;for(;e&&!e._isRoot;){if(!e.expanded)return this._revealed=!1,!1;e=e.parent}return this.revealed=!0,!0}set revealed(e){if(this._revealed!==e){this._revealed=e,this._element&&this._element.classList.toggle("revealed",this._revealed);for(let t=0;t<this.children.length;++t)this.children[t].revealed=e&&this.expanded}}isDirty(){return this._dirty}setDirty(e){this._dirty!==e&&(this._dirty=e,this._element&&(e?this._element.classList.add("dirty"):this._element.classList.remove("dirty")))}isInactive(){return this._inactive}setInactive(e){this._inactive!==e&&(this._inactive=e,this._element&&(e?this._element.classList.add("inactive"):this._element.classList.remove("inactive")))}hasChildren(){return this._hasChildren}setHasChildren(e){this._hasChildren!==e&&(this._hasChildren=e,this._element&&(this._element.classList.toggle("parent",this._hasChildren),this._element.classList.toggle("expanded",this._hasChildren&&this.expanded)))}get depth(){return void 0!==this._depth||(this.parent&&!this.parent._isRoot?this._depth=this.parent.depth+1:this._depth=0),this._depth}get leftPadding(){return this.depth*(this.dataGrid?this.dataGrid.indentWidth:1)}get shouldRefreshChildren(){return this._shouldRefreshChildren}set shouldRefreshChildren(e){this._shouldRefreshChildren=e,e&&this.expanded&&this.expand()}get selected(){return this._selected}set selected(e){e?this.select():this.deselect()}get expanded(){return this._expanded}set expanded(e){e?this.expand():this.collapse()}refresh(){this.dataGrid||(this._element=null),this._element&&this.createCells(this._element)}createTDWithClass(e){const t=document.createElement("td");e&&(t.className=e);const i=this.dataGrid?this.dataGrid._cellClass:null;return i&&t.classList.add(i),t}createTD(e){const t=this.createTDWithClass(e+"-column");if(g.set(t,e),this.dataGrid){const i=this.dataGrid._columns[e].align;i&&t.classList.add(i),e===this.dataGrid.disclosureColumnId&&(t.classList.add("disclosure"),this.leftPadding&&t.style.setProperty("padding-left",this.leftPadding+"px"))}return t}createCell(e){const t=this.createTD(e),i=this.data[e];return i instanceof Node?t.appendChild(i):null!==i&&this.dataGrid&&this.dataGrid.setElementContent(t,i),t}setCellAccessibleName(e,t,i){this.cellAccessibleTextMap.set(i,e);for(let e=0;e<t.children.length;e++)r.markAsHidden(t.children[e]);r.setAccessibleName(t,e)}nodeSelfHeight(){return 20}appendChild(e){this.insertChild(e,this.children.length)}resetNode(e){delete this._depth,delete this._revealed,e||(this.previousSibling&&(this.previousSibling.nextSibling=this.nextSibling),this.nextSibling&&(this.nextSibling.previousSibling=this.previousSibling),this.dataGrid=null,this.parent=null,this.nextSibling=null,this.previousSibling=null,this._attached=!1)}insertChild(e,t){if(!e)throw"insertChild: Node can't be undefined or null.";if(e.parent===this){const i=this.children.indexOf(e);if(i<0&&console.assert(!1,"Inconsistent DataGrid state"),i===t)return;i<t&&--t}e.remove(),this.children.splice(t,0,e),this.setHasChildren(!0),e.parent=this,e.dataGrid=this.dataGrid,e.recalculateSiblings(t),e._shouldRefreshChildren=!0;let i=e.children[0];for(;i;)i.resetNode(!0),i.dataGrid=this.dataGrid,i._attached=!1,i._shouldRefreshChildren=!0,i=i.traverseNextNode(!1,e,!0);this.expanded&&e._attach(),this.revealed||(e.revealed=!1)}remove(){this.parent&&this.parent.removeChild(this)}removeChild(e){if(!e)throw"removeChild: Node can't be undefined or null.";if(e.parent!==this)throw"removeChild: Node is not a child of this node.";this.dataGrid&&this.dataGrid.updateSelectionBeforeRemoval(e,!1),e._detach(),e.resetNode(),d.removeElement(this.children,e,!0),this.children.length<=0&&this.setHasChildren(!1)}removeChildren(){this.dataGrid&&this.dataGrid.updateSelectionBeforeRemoval(this,!0);for(let e=0;e<this.children.length;++e){const t=this.children[e];t._detach(),t.resetNode()}this.children=[],this.setHasChildren(!1)}recalculateSiblings(e){if(!this.parent)return;const t=this.parent.children[e-1]||null;t&&(t.nextSibling=this),this.previousSibling=t;const i=this.parent.children[e+1]||null;i&&(i.previousSibling=this),this.nextSibling=i}collapse(){if(!this._isRoot){this._element&&this._element.classList.remove("expanded"),this._expanded=!1,this.selected&&this.dataGrid&&this.dataGrid.updateGridAccessibleName(n`collapsed`);for(let e=0;e<this.children.length;++e)this.children[e].revealed=!1}}collapseRecursively(){let e=this;for(;e;)e.expanded&&e.collapse(),e=e.traverseNextNode(!1,this,!0)}populate(){}expand(){if(this._hasChildren&&!this.expanded&&!this._isRoot){if(this.revealed&&!this._shouldRefreshChildren)for(let e=0;e<this.children.length;++e)this.children[e].revealed=!0;if(this._shouldRefreshChildren){for(let e=0;e<this.children.length;++e)this.children[e]._detach();if(this.populate(),this._attached)for(let e=0;e<this.children.length;++e){const t=this.children[e];this.revealed&&(t.revealed=!0),t._attach()}this._shouldRefreshChildren=!1}this._element&&this._element.classList.add("expanded"),this.selected&&this.dataGrid&&this.dataGrid.updateGridAccessibleName(n`expanded`),this._expanded=!0}}expandRecursively(){let e=this;for(;e;)e.expand(),e=e.traverseNextNode(!1,this)}reveal(){if(this._isRoot)return;let e=this.parent;for(;e&&!e._isRoot;)e.expanded||e.expand(),e=e.parent;this.element().scrollIntoViewIfNeeded(!1)}select(e){this.dataGrid&&this.selectable&&!this.selected&&(this.dataGrid.selectedNode&&this.dataGrid.selectedNode.deselect(),this._selected=!0,this.dataGrid.selectedNode=this,this._element&&(this._element.classList.add("selected"),this.dataGrid.setHasSelection(!0),this.dataGrid.updateGridAccessibleName()),e||this.dataGrid.dispatchEventToListeners(S.SelectedNode,this))}revealAndSelect(){this._isRoot||(this.reveal(),this.select())}deselect(e){this.dataGrid&&this.dataGrid.selectedNode===this&&this.selected&&(this._selected=!1,this.dataGrid.selectedNode=null,this._element&&(this._element.classList.remove("selected"),this.dataGrid.setHasSelection(!1),this.dataGrid.updateGridAccessibleName("")),e||this.dataGrid.dispatchEventToListeners(S.DeselectedNode))}traverseNextNode(e,t,i,s){!i&&this._hasChildren&&this.populate(),s&&(s.depthChange=0);let n=!e||this.revealed?this.children[0]:null;if(n&&(!e||this.expanded))return s&&(s.depthChange=1),n;if(this===t)return null;if(n=!e||this.revealed?this.nextSibling:null,n)return n;for(n=this;n&&!n._isRoot&&(e&&!n.revealed||!n.nextSibling)&&n.parent!==t;)s&&(s.depthChange-=1),n=n.parent;return n&&(!e||n.revealed)?n.nextSibling:null}traversePreviousNode(e,t){let i=!e||this.revealed?this.previousSibling:null;for(!t&&i&&i._hasChildren&&i.populate();i&&(!e||i.revealed&&i.expanded)&&i.children[i.children.length-1];)!t&&i._hasChildren&&i.populate(),i=!e||i.revealed&&i.expanded?i.children[i.children.length-1]:null;return i||(!this.parent||this.parent._isRoot?null:this.parent)}isEventWithinDisclosureTriangle(e){if(!this._hasChildren)return!1;const t=c.enclosingNodeOrSelfWithNodeName(e.target,"td");if(!(t&&t instanceof HTMLElement&&t.classList.contains("disclosure")))return!1;const i=t.totalOffsetLeft()+this.leftPadding;return e.pageX>=i&&e.pageX<=i+this.disclosureToggleWidth}_attach(){if(!this.dataGrid||this._attached)return;this._attached=!0;const e=this.traversePreviousNode(!0,!0),t=e?e.element():this.dataGrid._topFillerRow;if(this.dataGrid.dataTableBody.insertBefore(this.element(),t.nextSibling),this.expanded)for(let e=0;e<this.children.length;++e)this.children[e]._attach()}_detach(){if(this._attached){this._attached=!1,this._element&&this._element.remove();for(let e=0;e<this.children.length;++e)this.children[e]._detach()}}savePosition(){if(!this._savedPosition){if(!this.parent)throw"savePosition: Node must have a parent.";this._savedPosition={parent:this.parent,index:this.parent.children.indexOf(this)}}}restorePosition(){this._savedPosition&&(this.parent!==this._savedPosition.parent&&this._savedPosition.parent.insertChild(this,this._savedPosition.index),this._savedPosition=null)}}class A extends E{constructor(e,t){super(e,t),this.isCreationNode=!0}makeNormal(){this.isCreationNode=!1}}class L extends m.VBox{constructor(e){super(),this._dataGrid=e,this.element.appendChild(e.element),this.setDefaultFocusedElement(e.element)}wasShown(){this._dataGrid.wasShown()}willHide(){this._dataGrid.willHide()}onResize(){this._dataGrid.onResize()}elementsToRestoreScrollPositionsFor(){return[this._dataGrid._scrollContainer]}}var R=Object.freeze({__proto__:null,DataGridImpl:v,CornerWidth:x,Events:S,Order:w,Align:{Center:"center",Right:"right"},DataType:y,ColumnResizePadding:G,CenterResizerOverBorderAdjustment:k,ResizeMethod:T,DataGridNode:E,CreationDataGridNode:A,DataGridWidget:L,Parameters:undefined,ColumnDescriptor:undefined});class W extends v{constructor(e){super(e),this._onScrollBound=this._onScroll.bind(this),this.scrollContainer.addEventListener("scroll",this._onScrollBound,!0),this._visibleNodes=[],this._inline=!1,this._stickToBottom=!1,this._updateIsFromUser=!1,this._lastScrollTop=0,this._firstVisibleIsStriped=!1,this._isStriped=!1,this.setRootNode(new I)}rootNode(){return super.rootNode()}setStriped(e){this._isStriped=e;let t=!0;if(this._visibleNodes.length){const e=this.rootNode().flatChildren();t=Boolean(e.indexOf(this._visibleNodes[0]))}this._updateStripesClass(t)}_updateStripesClass(e){this.element.classList.toggle("striped-data-grid",!e&&this._isStriped),this.element.classList.toggle("striped-data-grid-starts-with-odd",e&&this._isStriped)}setScrollContainer(e){this.scrollContainer.removeEventListener("scroll",this._onScrollBound,!0),this._scrollContainer=e,this.scrollContainer.addEventListener("scroll",this._onScrollBound,!0)}onResize(){this._stickToBottom&&(this.scrollContainer.scrollTop=this.scrollContainer.scrollHeight-this.scrollContainer.clientHeight),this.scheduleUpdate(),super.onResize()}setStickToBottom(e){this._stickToBottom=e}_onScroll(e){this._stickToBottom=c.isScrolledToBottom(this.scrollContainer),this._lastScrollTop!==this.scrollContainer.scrollTop&&this.scheduleUpdate(!0)}scheduleUpdateStructure(){this.scheduleUpdate()}scheduleUpdate(e){this._stickToBottom&&e&&(this._stickToBottom=c.isScrolledToBottom(this.scrollContainer)),this._updateIsFromUser=this._updateIsFromUser||Boolean(e),this._updateAnimationFrameId||(this._updateAnimationFrameId=this.element.window().requestAnimationFrame(this._update.bind(this)))}updateInstantly(){this._update()}renderInline(){this._inline=!0,super.renderInline(),this._update()}_calculateVisibleNodes(e,t){const i=this.rootNode().flatChildren();if(this._inline)return{topPadding:0,bottomPadding:0,contentHeight:0,visibleNodes:i,offset:0};const s=i.length;let n=0,l=0;for(;n<s&&l+i[n].nodeSelfHeight()<t;++n)l+=i[n].nodeSelfHeight();const d=n,o=l;for(;n<s&&l<t+e;++n)l+=i[n].nodeSelfHeight();const r=n;let a=0;for(;n<s;++n)a+=i[n].nodeSelfHeight();return{topPadding:o,bottomPadding:a,contentHeight:l-o,visibleNodes:i.slice(d,r),offset:d}}_contentHeight(){const e=this.rootNode().flatChildren();let t=0;for(let i=0,s=e.length;i<s;++i)t+=e[i].nodeSelfHeight();return t}_update(){this._updateAnimationFrameId&&(this.element.window().cancelAnimationFrame(this._updateAnimationFrameId),delete this._updateAnimationFrameId);const e=this.scrollContainer.clientHeight;let t=this.scrollContainer.scrollTop;const i=t,s=Math.max(0,this._contentHeight()-e);!this._updateIsFromUser&&this._stickToBottom&&(t=s),this._updateIsFromUser=!1,t=Math.min(s,t);const n=this._calculateVisibleNodes(e,t),l=n.visibleNodes,d=new Set(l);for(let e=0;e<this._visibleNodes.length;++e){const t=this._visibleNodes[e];if(!d.has(t)&&t.attached()){const e=t.existingElement();e&&e.remove()}}let o=this.topFillerRowElement();const r=this.dataTableBody;let a=n.offset;if(l.length){const e=this.rootNode().flatChildren().indexOf(l[0]);this._updateStripesClass(Boolean(e%2)),this._stickToBottom&&-1!==e&&Boolean(e%2)!==this._firstVisibleIsStriped&&(a+=1)}this._firstVisibleIsStriped=Boolean(a%2);for(let e=0;e<l.length;++e){const t=l[e],i=t.element();t.setStriped((a+e)%2==0),i!==o.nextSibling&&r.insertBefore(i,o.nextSibling),t.revealed=!0,o=i}this.setVerticalPadding(n.topPadding,n.bottomPadding),this._lastScrollTop=t,t!==i&&(this.scrollContainer.scrollTop=t);const h=n.contentHeight<=e&&n.topPadding+n.bottomPadding===0;h!==this.element.classList.contains("data-grid-fits-viewport")&&(this.element.classList.toggle("data-grid-fits-viewport",h),this.updateWidths()),this._visibleNodes=l,this.dispatchEventToListeners(D.ViewportCalculated)}_revealViewportNode(e){const t=this.rootNode().flatChildren(),i=t.indexOf(e);if(-1===i)return;let s=0;for(let e=0;e<i;++e)s+=t[e].nodeSelfHeight();const n=s+e.nodeSelfHeight();let l=this.scrollContainer.scrollTop;l>s?(l=s,this._stickToBottom=!1):l+this.scrollContainer.offsetHeight<n&&(l=n-this.scrollContainer.offsetHeight),this.scrollContainer.scrollTop=l}}const D={ViewportCalculated:Symbol("ViewportCalculated")};class I extends E{constructor(e,t){super(e,t),this._stale=!1,this._flatNodes=null,this._isStriped=!1}element(){const e=this.existingElement(),t=e||this.createElement();return e&&!this._stale||(this.createCells(t),this._stale=!1),t}setStriped(e){this._isStriped=e,this.element().classList.toggle("odd",e)}isStriped(){return this._isStriped}clearFlatNodes(){this._flatNodes=null;const e=this.parent;e&&e.clearFlatNodes()}flatChildren(){if(this._flatNodes)return this._flatNodes;const e=[],t=[this.children],i=[0];let s=0;for(;s>=0;){if(t[s].length<=i[s]){s--;continue}const n=t[s][i[s]++];e.push(n),n.expanded&&n.children.length&&(s++,t[s]=n.children,i[s]=0)}return this._flatNodes=e,e}insertChild(e,t){if(this.clearFlatNodes(),e.parent===this){const i=this.children.indexOf(e);if(i<0&&console.assert(!1,"Inconsistent DataGrid state"),i===t)return;i<t&&--t}e.remove(),e.parent=this,e.dataGrid=this.dataGrid,this.children.length||this.setHasChildren(!0),this.children.splice(t,0,e),e.recalculateSiblings(t),this.expanded&&this.dataGrid&&this.dataGrid.scheduleUpdateStructure()}removeChild(e){if(this.clearFlatNodes(),this.dataGrid&&this.dataGrid.updateSelectionBeforeRemoval(e,!1),e.previousSibling&&(e.previousSibling.nextSibling=e.nextSibling),e.nextSibling&&(e.nextSibling.previousSibling=e.previousSibling),e.parent!==this)throw"removeChild: Node is not a child of this node.";d.removeElement(this.children,e,!0),e._unlink(),this.children.length||this.setHasChildren(!1),this.expanded&&this.dataGrid&&this.dataGrid.scheduleUpdateStructure()}removeChildren(){this.clearFlatNodes(),this.dataGrid&&this.dataGrid.updateSelectionBeforeRemoval(this,!0);for(let e=0;e<this.children.length;++e)this.children[e]._unlink();this.children=[],this.expanded&&this.dataGrid&&this.dataGrid.scheduleUpdateStructure()}_unlink(){const e=this.existingElement();this.attached()&&e&&e.remove(),this.resetNode()}collapse(){if(!this.expanded)return;this.clearFlatNodes(),this._expanded=!1;const e=this.existingElement();e&&e.classList.remove("expanded"),this.selected&&this.dataGrid.updateGridAccessibleName(n`collapsed`),this.dataGrid.scheduleUpdateStructure()}expand(){this.expanded||(this.dataGrid._stickToBottom=!1,this.clearFlatNodes(),super.expand(),this.dataGrid.scheduleUpdateStructure())}attached(){const e=this.existingElement();return Boolean(this.dataGrid&&e&&e.parentElement)}refresh(){this.attached()?(this._stale=!0,this.dataGrid.scheduleUpdate()):this.resetElement()}reveal(){this.dataGrid._revealViewportNode(this)}recalculateSiblings(e){this.clearFlatNodes(),super.recalculateSiblings(e)}}var B=Object.freeze({__proto__:null,ViewportDataGrid:W,Events:D,ViewportDataGridNode:I});class F extends W{constructor(e){super(e),this._sortingFunction=F.TrivialComparator,this.setRootNode(new P)}static TrivialComparator(e,t){return 0}static NumericComparator(e,t,i){const s=t.data[e],n=i.data[e],l=Number(s instanceof Node?s.textContent:s),d=Number(n instanceof Node?n.textContent:n);return l<d?-1:l>d?1:0}static StringComparator(e,t,i){const s=t.data[e],n=i.data[e],l=s instanceof Node?s.textContent:String(s),d=n instanceof Node?n.textContent:String(n);return l&&d?l<d?-1:l>d?1:0:0}static Comparator(e,t,i,s){return t?e(s,i):e(i,s)}static create(e,t,i){const s=e.length;if(!s)return null;const n=[];for(let t=0;t<e.length;++t){const i=String(t);n.push({id:i,title:e[t],sortable:!0})}const l=[];for(let i=0;i<t.length/s;++i){const n={};for(let l=0;l<e.length;++l)n[l]=t[s*i+l];const d=new P(n);d.selectable=!1,l.push(d)}const d=new F({displayName:i,columns:n}),o=l.length,r=d.rootNode();for(let e=0;e<o;++e)r.appendChild(l[e]);return d.addEventListener(S.SortingChanged,(function(){const e=d.rootNode().children,t=d.sortColumnId();if(!t)return;let i=!0;for(let s=0;s<e.length;s++){const n=e[s].data[t];if(isNaN(n instanceof Node?n.textContent:n)){i=!1;break}}const s=i?F.NumericComparator:F.StringComparator;d.sortNodes(s.bind(null,t),!d.isSortOrderAscending())})),d}insertChild(e){this.rootNode().insertChildOrdered(e)}sortNodes(e,t){this._sortingFunction=F.Comparator.bind(null,e,t),this.rootNode().recalculateSiblings(0),this.rootNode()._sortChildren(),this.scheduleUpdateStructure()}}class P extends I{constructor(e,t){super(e,t)}insertChildOrdered(e){const t=this.dataGrid;t&&this.insertChild(e,d.upperBound(this.children,e,t._sortingFunction))}_sortChildren(){const e=this.dataGrid;if(e){this.children.sort(e._sortingFunction);for(let e=0;e<this.children.length;++e){this.children[e].recalculateSiblings(e)}for(let e=0;e<this.children.length;++e){this.children[e]._sortChildren()}}}}var H=Object.freeze({__proto__:null,SortableDataGrid:F,SortableDataGridNode:P});var O=Object.freeze({__proto__:null,ShowMoreDataGridNode:class extends E{constructor(e,t,s,n){super({summaryRow:!0},!1),this._callback=e,this._startPosition=t,this._endPosition=s,this._chunkSize=n,this.showNext=document.createElement("button"),this.showNext.classList.add("text-button"),this.showNext.type="button",this.showNext.addEventListener("click",this._showNextChunk.bind(this),!1),this.showNext.textContent=i.UIString("Show %d before",this._chunkSize),this.showAll=document.createElement("button"),this.showAll.classList.add("text-button"),this.showAll.type="button",this.showAll.addEventListener("click",this._showAll.bind(this),!1),this.showLast=document.createElement("button"),this.showLast.classList.add("text-button"),this.showLast.type="button",this.showLast.addEventListener("click",this._showLastChunk.bind(this),!1),this.showLast.textContent=i.UIString("Show %d after",this._chunkSize),this._updateLabels(),this.selectable=!1}_showNextChunk(){this._callback(this._startPosition,this._startPosition+this._chunkSize)}_showAll(){this._callback(this._startPosition,this._endPosition)}_showLastChunk(){this._callback(this._endPosition-this._chunkSize,this._endPosition)}_updateLabels(){const e=this._endPosition-this._startPosition;e>this._chunkSize?(this.showNext.classList.remove("hidden"),this.showLast.classList.remove("hidden")):(this.showNext.classList.add("hidden"),this.showLast.classList.add("hidden")),this.showAll.textContent=i.UIString("Show all %d",e)}createCells(e){this._hasCells=!1,super.createCells(e)}createCell(e){const t=this.createTD(e);return t.classList.add("show-more"),this._hasCells||(this._hasCells=!0,this.depth&&this.dataGrid&&t.style.setProperty("padding-left",this.depth*this.dataGrid.indentWidth+"px"),t.appendChild(this.showNext),t.appendChild(this.showAll),t.appendChild(this.showLast)),t}setStartPosition(e){this._startPosition=e,this._updateLabels()}setEndPosition(e){this._endPosition=e,this._updateLabels()}nodeSelfHeight(){return 40}dispose(){}}});export{R as DataGrid,O as ShowMoreDataGridNode,H as SortableDataGrid,B as ViewportDataGrid};

package/static/devtools/data_grid/data_grid_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("data_grid/dataGrid.css",".data-grid {\n  position: relative;\n  border: 1px solid rgb(204 204 204) !important;\n  line-height: 120%;\n}\n\n.data-grid table {\n  table-layout: fixed;\n  border-spacing: 0;\n  border-collapse: separate;\n  height: 100%;\n  width: 100%;\n}\n\n.data-grid .header-container,\n.data-grid .data-container {\n  position: absolute;\n  left: 0;\n  right: 0;\n  overflow-x: hidden;\n}\n\n.data-grid .header-container {\n  top: 0;\n  height: 21px;\n}\n\n.data-grid .data-container {\n  top: 21px;\n  bottom: 0;\n  overflow-y: overlay;\n  transform: translateZ(0);\n}\n\n.data-grid .aria-live-label {\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.data-grid.inline .header-container,\n.data-grid.inline .data-container {\n  position: static;\n}\n\n.data-grid .corner {\n  width: 14px;\n  padding-right: 0;\n  padding-left: 0;\n  border-left: 0 none transparent !important;\n}\n\n.data-grid.inline .corner {\n  display: none;\n}\n\n.platform-mac .data-grid .corner,\n.data-grid.data-grid-fits-viewport .corner {\n  display: none;\n}\n\n.data-grid .top-filler-td,\n.data-grid .bottom-filler-td {\n  height: auto !important;\n  padding: 0 !important;\n}\n\n.data-grid table.data {\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  border-top: 0 none transparent;\n  table-layout: fixed;\n}\n\n.data-grid.inline table.data {\n  position: static;\n}\n\n.data-grid table.data tr {\n  display: none;\n  height: 20px;\n}\n\n.data-grid table.data tr.revealed {\n  display: table-row;\n}\n\n.striped-data-grid .revealed.data-grid-data-grid-node:nth-child(odd),\n.striped-data-grid-starts-with-odd .revealed.data-grid-data-grid-node:nth-child(even) {\n  background-color: hsl(214deg 70% 97%);\n}\n\n.data-grid td,\n.data-grid th {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  line-height: 18px;\n  height: 18px;\n  border-left: 1px solid #aaa;\n  padding: 1px 4px;\n}\n\n.data-grid td {\n  vertical-align: top;\n  user-select: text;\n}\n\n.data-grid th {\n  text-align: left;\n  background-color: var(--toolbar-bg-color);\n  border-bottom: 1px solid #aaa;\n  font-weight: normal;\n  vertical-align: middle;\n}\n\n.data-grid th:first-child,\n.data-grid td:first-child {\n  border-left: none !important;\n}\n\n.data-grid td > div,\n.data-grid th > div {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  min-width: 8px;\n}\n\n.data-grid td.editing > div {\n  text-overflow: clip;\n}\n\n.data-grid .center {\n  text-align: center;\n}\n\n.data-grid .right {\n  text-align: right;\n}\n\n.data-grid th.sortable {\n  position: relative;\n}\n\n.data-grid th.sortable:active::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  background-color: rgb(0 0 0 / 15%);\n}\n\n.data-grid th .sort-order-icon-container {\n  position: absolute;\n  top: 1px;\n  right: 0;\n  bottom: 1px;\n  display: flex;\n  align-items: center;\n}\n\n.data-grid th .sort-order-icon {\n  margin-right: 4px;\n  margin-bottom: -2px;\n  display: none;\n}\n\n.data-grid th.sort-ascending .sort-order-icon,\n.data-grid th.sort-descending .sort-order-icon {\n  display: block;\n}\n\n.data-grid th.sortable:hover {\n  background-color: hsl(0deg 0% 90% / 100%);\n}\n\n.data-grid .top-filler-td {\n  border-bottom: 0 none transparent;\n  line-height: 0;\n}\n\n.data-grid button {\n  line-height: 18px;\n  color: inherit;\n}\n\n.data-grid td.disclosure::before {\n  user-select: none;\n  -webkit-mask-image: url(Images/treeoutlineTriangles.svg);\n  -webkit-mask-position: 0 0;\n  -webkit-mask-size: 32px 24px;\n  float: left;\n  width: 8px;\n  height: 12px;\n  margin-right: 2px;\n  content: \"\";\n  position: relative;\n  top: 3px;\n  background-color: rgb(110 110 110);\n}\n\n.data-grid tr:not(.parent) td.disclosure::before {\n  background-color: transparent;\n}\n\n.data-grid tr.expanded td.disclosure::before {\n  -webkit-mask-position: -16px 0;\n}\n\n.data-grid table.data tr.revealed.selected {\n  background-color: rgb(212 212 212);\n  color: inherit;\n}\n\n.data-grid.no-selection:focus-visible {\n  border: 1px solid var(--accent-color) !important;\n}\n\n.data-grid:focus table.data tr.selected {\n  background-color: var(--selection-bg-color);\n  color: var(--selection-fg-color);\n}\n\n.data-grid:focus tr.selected .devtools-link {\n  color: var(--selection-fg-color);\n}\n\n.data-grid:focus tr.parent.selected td.disclosure::before {\n  background-color: var(--selection-fg-color);\n  -webkit-mask-position: 0 0;\n}\n\n.data-grid:focus tr.expanded.selected td.disclosure::before {\n  background-color: var(--selection-fg-color);\n  -webkit-mask-position: -16px 0;\n}\n\n.data-grid tr.inactive {\n  color: rgb(128 128 128);\n  font-style: italic;\n}\n\n.data-grid tr.dirty {\n  background-color: hsl(0deg 100% 92%);\n  color: red;\n  font-style: normal;\n}\n\n.data-grid:focus tr.selected.dirty {\n  background-color: hsl(0deg 100% 70%);\n}\n\n.data-grid td.show-more {\n  white-space: normal;\n}\n\n.data-grid td.show-more::before {\n  display: none;\n}\n\n.data-grid-resizer {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 5px;\n  z-index: 500;\n}\n\n@media (forced-colors: active) {\n  .sort-order-icon-container [is=ui-icon].icon-mask,\n  .data-grid td.disclosure::before {\n    forced-color-adjust: none;\n    background-color: ButtonText;\n  }\n\n  .data-grid.no-selection:focus-visible * {\n    color: ButtonText;\n  }\n\n  .data-grid th.sortable:hover *,\n  .data-grid th.sortable:hover .sort-order-icon-container [is=ui-icon].icon-mask,\n  .data-grid tr.parent.selected td.disclosure::before,\n  .data-grid:focus tr.parent.selected td.disclosure::before,\n  .data-grid table.data tr.parent.revealed:hover td.disclosure::before {\n    background-color: HighlightText;\n  }\n\n  .striped-data-grid .revealed.data-grid-data-grid-node:nth-child(odd),\n  .striped-data-grid-starts-with-odd .revealed.data-grid-data-grid-node:nth-child(even),\n  .request-cookies-view tr.revealed.data-grid-data-grid-node.flagged-cookie-attribute-row:not(.selected):nth-child(2n),\n  .cookies-table tr.revealed.data-grid-data-grid-node.flagged-cookie-attribute-row:not(.selected):nth-child(odd) {\n    background-color: canvas;\n  }\n\n  .data-grid.no-selection:focus-visible {\n    forced-color-adjust: none;\n    border-color: Highlight;\n  }\n\n  .data-grid th.sortable:hover,\n  .data-grid table.data tr.revealed:hover,\n  .data-grid table.data tr.revealed.selected,\n  .striped-data-grid .revealed:hover.data-grid-data-grid-node:nth-child(odd),\n  .striped-data-grid-starts-with-odd .revealed:hover.data-grid-data-grid-node:nth-child(even),\n  .request-cookies-view tr.revealed:hover.data-grid-data-grid-node.flagged-cookie-attribute-row:not(.selected):nth-child(2n),\n  .cookies-table tr.revealed:hover.data-grid-data-grid-node.flagged-cookie-attribute-row:not(.selected):nth-child(odd) {\n    forced-color-adjust: none;\n    background-color: Highlight;\n  }\n\n  .data-grid table.data tr.revealed:hover *,\n  .data-grid table.data tr.revealed.selected *,\n  .data-grid table.data tr.revealed:focus *,\n  .data-grid table.data tr.revealed:hover .heap-object-tag {\n    color: HighlightText;\n  }\n\n  .data-grid th {\n    background-color: canvas;\n    border-color: Highlight;\n  }\n}\n\n/*# sourceURL=data_grid/dataGrid.css */");

package/static/devtools/data_grid_test_runner/data_grid_test_runner.js

@@ -0,0 +1,78 @@
+// 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.DataGridTestRunner = self.DataGridTestRunner || {};
+
+DataGridTestRunner.dumpDataGrid = function(root, descentIntoCollapsed, prefix) {
+  if (!prefix) {
+    prefix = '';
+  }
+  const suffix = root.selected ? ' <- selected' : '';
+  const columnKeys = root.dataGrid._columnsArray.map(column => column.id);
+  const outputColumns = [];
+  for (const key of columnKeys) {
+    if (key in root.data) {
+      outputColumns.push(root.data[key]);
+    }
+  }
+  if (outputColumns.length) {
+    TestRunner.addResult(prefix + outputColumns.join(' | ') + suffix);
+  }
+
+  if (!descentIntoCollapsed && !root.expanded) {
+    return;
+  }
+  for (const child of root.children) {
+    DataGridTestRunner.dumpDataGrid(child, descentIntoCollapsed, prefix + ' ');
+  }
+};
+
+DataGridTestRunner.validateDataGrid = function(root) {
+  const children = root.children;
+
+  for (let i = 0; i < children.length; ++i) {
+    const child = children[i];
+
+    if (child.parent !== root) {
+      throw 'Wrong parent for child ' + child.data.id + ' of ' + root.data.id;
+    }
+
+    if (child.nextSibling !== ((i + 1 === children.length ? null : children[i + 1]))) {
+      throw 'Wrong child.nextSibling for ' + child.data.id + ' (' + i + ' of ' + children.length + ') ';
+    }
+
+    if (child.previousSibling !== ((i ? children[i - 1] : null))) {
+      throw 'Wrong child.previousSibling for ' + child.data.id + ' (' + i + ' of ' + children.length + ') ';
+    }
+
+    if (child.parent && !child.parent._isRoot && child.depth !== root.depth + 1) {
+      throw 'Wrong depth for ' + child.data.id + ' expected ' + (root.depth + 1) + ' but got ' + child.depth;
+    }
+
+    DataGridTestRunner.validateDataGrid(child);
+  }
+
+  const selectedNode = root.dataGrid.selectedNode;
+
+  if (!root.parent && selectedNode) {
+    if (!selectedNode.selectable) {
+      throw 'Selected node is not selectable';
+    }
+    let node = selectedNode;
+    for (; node && node !== root; node = node.parent) {
+    }
+
+    if (!node) {
+      throw 'Selected node (' + selectedNode.data.id + ') is not within the DataGrid';
+    }
+  }
+};
+
+DataGridTestRunner.dumpAndValidateDataGrid = function(root) {
+  DataGridTestRunner.dumpDataGrid(root);
+  DataGridTestRunner.validateDataGrid(root);
+};

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

@@ -0,0 +1 @@
+import{DeveloperResourcesView as e}from"./developer_resources.js";self.DeveloperResources=self.DeveloperResources||{},DeveloperResources=DeveloperResources||{},DeveloperResources.DeveloperResourcesView=e.DeveloperResourcesView;

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

@@ -0,0 +1 @@
+import{i18n as e}from"../i18n/i18n.js";import{Runtime as o}from"../root/root.js";import{ViewManager as r}from"../ui/ui.js";const s={developerResources:"Developer Resources",showDeveloperResources:"Show Developer Resources"},i=e.registerUIStrings("developer_resources/developer_resources-meta.ts",s),t=e.getLazilyComputedLocalizedString.bind(void 0,i);let n;r.registerViewExtension({location:"drawer-view",id:"resource-loading-pane",title:t(s.developerResources),commandPrompt:t(s.showDeveloperResources),order:100,persistence:"closeable",experiment:o.ExperimentName.DEVELOPER_RESOURCES_VIEW,loadView:async()=>(await async function(){return n||(await o.Runtime.instance().loadModulePromise("developer_resources"),n=await import("./developer_resources.js")),n}()).DeveloperResourcesView.DeveloperResourcesView.instance()});export{s as UIStrings};

package/static/devtools/developer_resources/developer_resources.js

@@ -0,0 +1 @@
+import{Throttler as e}from"../common/common.js";import{i18n as t}from"../i18n/i18n.js";import{FrameManager as i,OverlayModel as s,PageResourceLoader as r}from"../sdk/sdk.js";import{Widget as o,Tooltip as a,UIUtils as n,Toolbar as l}from"../ui/ui.js";import{DataGrid as h,SortableDataGrid as d}from"../data_grid/data_grid.js";import{InspectorFrontendHost as c}from"../host/host.js";import{TextRange as u}from"../text_utils/text_utils.js";const g={status:"Status",url:"URL",initiator:"Initiator",totalBytes:"Total Bytes",error:"Error",developerResources:"Developer Resources",copyUrl:"Copy URL",copyInitiatorUrl:"Copy initiator URL",pending:"pending",success:"success",failure:"failure",Byte:"1 byte",sBytes:"{PH1} bytes"},p=t.registerUIStrings("developer_resources/DeveloperResourcesListView.ts",g),_=t.getLocalizedString.bind(void 0,p);class m extends o.VBox{constructor(e){super(!0),this._nodeForItem=new Map,this._isVisibleFilter=e,this._highlightRegExp=null,this.registerRequiredCSS("developer_resources/developerResourcesListView.css",{enableLegacyPatching:!1});const t=[{id:"status",title:_(g.status),width:"60px",fixedWidth:!0,sortable:!0},{id:"url",title:_(g.url),width:"250px",fixedWidth:!1,sortable:!0},{id:"initiator",title:_(g.initiator),width:"80px",fixedWidth:!1,sortable:!0},{id:"size",title:_(g.totalBytes),width:"80px",fixedWidth:!0,sortable:!0,align:h.Align.Right},{id:"errorMessage",title:_(g.error),width:"200px",fixedWidth:!1,sortable:!0}];this._dataGrid=new d.SortableDataGrid({displayName:_(g.developerResources),columns:t,editCallback:void 0,refreshCallback:void 0,deleteCallback:void 0}),this._dataGrid.setResizeMethod(h.ResizeMethod.Last),this._dataGrid.element.classList.add("flex-auto"),this._dataGrid.addEventListener(h.Events.SortingChanged,this._sortingChanged,this),this._dataGrid.setRowContextMenuCallback(this._populateContextMenu.bind(this));const i=this._dataGrid.asWidget();i.show(this.contentElement),this.setDefaultFocusedChild(i)}_populateContextMenu(e,t){const i=t.item;e.clipboardSection().appendItem(_(g.copyUrl),(()=>{c.InspectorFrontendHostInstance.copyText(i.url)})),i.initiator.initiatorUrl&&e.clipboardSection().appendItem(_(g.copyInitiatorUrl),(()=>{c.InspectorFrontendHostInstance.copyText(i.initiator.initiatorUrl)}))}update(e){let t=!1;const i=this._dataGrid.rootNode();for(const s of e){let e=this._nodeForItem.get(s);e?this._isVisibleFilter(e.item)&&(t=e._refreshIfNeeded()||t):(e=new x(s),this._nodeForItem.set(s,e),this._isVisibleFilter(e.item)&&(i.appendChild(e),t=!0))}t&&this._sortingChanged()}reset(){this._nodeForItem.clear(),this._dataGrid.rootNode().removeChildren()}updateFilterAndHighlight(e){this._highlightRegExp=e;let t=!1;for(const e of this._nodeForItem.values()){const i=this._isVisibleFilter(e.item),s=Boolean(e.parent);i&&e._setHighlight(this._highlightRegExp),i!==s&&(t=!0,i?this._dataGrid.rootNode().appendChild(e):e.remove())}t&&this._sortingChanged()}_sortingChanged(){const e=this._dataGrid.sortColumnId();if(!e)return;const t=x.sortFunctionForColumn(e);t&&this._dataGrid.sortNodes(t,!this._dataGrid.isSortOrderAscending())}}class x extends d.SortableDataGridNode{constructor(e){super(),this.item=e,this._highlightRegExp=null}_setHighlight(e){this._highlightRegExp!==e&&(this._highlightRegExp=e,this.refresh())}_refreshIfNeeded(){return this.refresh(),!0}createCell(e){const t=this.createTD(e);switch(e){case"url":{a.Tooltip.install(t,this.item.url);const i=t.createChild("div","url-outer"),s=i.createChild("div","url-prefix"),r=i.createChild("div","url-suffix"),o=/^(.*)(\/[^/]*)$/.exec(this.item.url);s.textContent=o?o[1]:this.item.url,r.textContent=o?o[2]:"",this._highlightRegExp&&this._highlight(i,this.item.url),this.setCellAccessibleName(this.item.url,t,e);break}case"initiator":{const r=this.item.initiator.initiatorUrl||"";t.textContent=r,a.Tooltip.install(t,r),this.setCellAccessibleName(r,t,e),t.onmouseenter=()=>{const e=i.FrameManager.instance().getFrame(this.item.initiator.frameId||"");e&&e.highlight()},t.onmouseleave=()=>s.OverlayModel.hideDOMNodeHighlight();break}case"status":null===this.item.success?t.textContent=_(g.pending):t.textContent=this.item.success?_(g.success):_(g.failure);break;case"size":{const i=this.item.size;if(null!==i){t.createChild("span").textContent=Number.withThousandsSeparator(i);const s=1===i?_(g.Byte):_(g.sBytes,{PH1:i});this.setCellAccessibleName(s,t,e)}break}case"errorMessage":t.classList.add("error-message"),this.item.errorMessage&&(t.textContent=this.item.errorMessage,this._highlightRegExp&&this._highlight(t,this.item.errorMessage))}return t}_highlight(e,t){if(!this._highlightRegExp)return;const i=this._highlightRegExp.exec(t);if(!i||!i.length)return;const s=new u.SourceRange(i.index,i[0].length);n.highlightRangesWithStyleClass(e,[s],"filter-highlight")}static sortFunctionForColumn(e){const t=e=>null===e?-1:Number(e);switch(e){case"url":return(e,t)=>e.item.url.localeCompare(t.item.url);case"status":return(e,i)=>t(e.item.success)-t(i.item.success);case"size":return(e,i)=>t(e.item.size)-t(i.item.size);case"initiator":return(e,t)=>(e.item.initiator.initiatorUrl||"").localeCompare(t.item.initiator.initiatorUrl||"");case"errorMessage":return(e,t)=>(e.item.errorMessage||"").localeCompare(t.item.errorMessage||"");default:return console.assert(!1,"Unknown sort field: "+e),null}}}const b={enterTextToSearchTheUrlAndError:"Enter text to search the URL and Error columns",loadHttpsDeveloperResources:"Load HTTP(S) developer resources through the inspected target",enableLoadingThroughTarget:"Enable loading through target",resourcesCurrentlyLoading:"{PH1} resources, {PH2} currently loading",resources:"{PH1} resources"},v=t.registerUIStrings("developer_resources/DeveloperResourcesView.ts",b),C=t.getLocalizedString.bind(void 0,v);let f;class R extends o.VBox{constructor(){super(!0),this.registerRequiredCSS("developer_resources/developerResourcesView.css",{enableLegacyPatching:!0});const t=this.contentElement.createChild("div","developer-resource-view-toolbar-container"),i=new l.Toolbar("developer-resource-view-toolbar",t);this._textFilterRegExp=null;this._filterInput=new l.ToolbarInput(C(b.enterTextToSearchTheUrlAndError),"",1),this._filterInput.addEventListener(l.ToolbarInput.Event.TextChanged,this._onFilterChanged,this),i.appendToolbarItem(this._filterInput);const s=r.getLoadThroughTargetSetting(),o=new l.ToolbarSettingCheckbox(s,C(b.loadHttpsDeveloperResources),C(b.enableLoadingThroughTarget));i.appendToolbarItem(o),this._coverageResultsElement=this.contentElement.createChild("div","developer-resource-view-results"),this._listView=new m(this._isVisible.bind(this)),this._listView.show(this._coverageResultsElement),this._statusToolbarElement=this.contentElement.createChild("div","developer-resource-view-toolbar-summary"),this._statusMessageElement=this._statusToolbarElement.createChild("div","developer-resource-view-message"),this._throttler=new e.Throttler(100),this._loader=r.PageResourceLoader.instance(),this._loader.addEventListener(r.Events.Update,this._onUpdate,this),this._onUpdate()}static instance(){return f||(f=new R),f}_onUpdate(){this._throttler.schedule(this._update.bind(this))}async _update(){this._listView.reset(),this._listView.update(this._loader.getResourcesLoaded().values()),this._updateStats()}_updateStats(){const{loading:e,resources:t}=this._loader.getNumberOfResources();this._statusMessageElement.textContent=e>0?C(b.resourcesCurrentlyLoading,{PH1:t,PH2:e}):C(b.resources,{PH1:t})}_isVisible(e){return!this._textFilterRegExp||this._textFilterRegExp.test(e.url)||this._textFilterRegExp.test(e.errorMessage||"")}_onFilterChanged(){if(!this._listView)return;const e=this._filterInput.value();this._textFilterRegExp=e?createPlainTextSearchRegex(e,"i"):null,this._listView.updateFilterAndHighlight(this._textFilterRegExp),this._updateStats()}}var w=Object.freeze({__proto__:null,UIStrings:b,DeveloperResourcesView:R});export{w as DeveloperResourcesView};

package/static/devtools/developer_resources/developer_resources_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("developer_resources/developerResourcesView.css","/*\n * Copyright (c) 2020 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.developer-resource-view-toolbar-container {\n  display: flex;\n  border-bottom: 1px solid #ccc;\n  flex: 0 0 auto;\n}\n\n.developer-resource-view-toolbar {\n  display: inline-block;\n  width: 100%;\n}\n\n.developer-resource-view-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.developer-resource-view-toolbar-summary .developer-resource-view-message {\n  padding-top: 2px;\n  padding-left: 1ex;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.developer-resource-view-results {\n  overflow-y: auto;\n  display: flex;\n  flex: auto;\n}\n\n/*# sourceURL=developer_resources/developerResourcesView.css */");RootModule.Runtime.cachedResources.set("developer_resources/developerResourcesListView.css","/*\n * Copyright (c) 2020 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.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.error-message .filter-highlight {\n  font-weight: bold;\n}\n\n/*# sourceURL=developer_resources/developerResourcesListView.css */");

package/static/devtools/device_mode_test_runner/device_mode_test_runner.js

@@ -0,0 +1,45 @@
+// 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.DeviceModeTestRunner = self.DeviceModeTestRunner || {};
+
+DeviceModeTestRunner.buildFakePhone = function(overrides) {
+  const StandardPhoneJSON = {
+    'show-by-default': false,
+    'title': 'Fake Phone 1',
+
+    'screen': {
+      'horizontal': {'width': 480, 'height': 320},
+
+      'device-pixel-ratio': 2,
+
+      'vertical': {'width': 320, 'height': 480}
+    },
+
+    'capabilities': ['touch', 'mobile'],
+    'user-agent': 'fakeUserAgent',
+    'type': 'phone',
+
+    'modes': [
+      {
+        'title': 'default',
+        'orientation': 'vertical',
+
+        'insets': {'left': 0, 'top': 0, 'right': 0, 'bottom': 0}
+      },
+      {
+        'title': 'default',
+        'orientation': 'horizontal',
+
+        'insets': {'left': 0, 'top': 0, 'right': 0, 'bottom': 0}
+      }
+    ]
+  };
+
+  const json = Object.assign(StandardPhoneJSON, overrides || {});
+  return Emulation.EmulatedDevice.fromJSONV1(json);
+};

package/static/devtools/devtools_app.html

@@ -0,0 +1,20 @@
+<!--
+ * Copyright 2018 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.
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>DevTools</title>
+<style>
+  @media (prefers-color-scheme: dark) {
+    body {
+      background-color: rgb(41 42 45);
+    }
+  }
+</style>
+<meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' 'unsafe-inline' https://chrome-devtools-frontend.appspot.com">
+<meta name="referrer" content="no-referrer">
+<script type="module" src="devtools_app.js"></script>
+<body class="undocked" id="-blink-dev-tools">

package/static/devtools/devtools_app.js

@@ -0,0 +1 @@
+Root.allDescriptors.push(...[{"extensions":[{"category":"Appearance","title":"Show What's New after each update","defaultValue":true,"settingName":"help.show-release-note","settingType":"boolean","type":"setting","options":[{"value":true,"title":"Show What's New after each update"},{"value":false,"title":"Do not show What's New after each update"}]},{"category":"Help","className":"Help.ReleaseNotesActionDelegate","type":"action","actionId":"help.release-notes","title":"Release notes"},{"order":10,"type":"context-menu-item","location":"mainMenuHelp/default","actionId":"help.release-notes"},{"category":"Help","tags":"bug","title":"Report a DevTools issue","className":"Help.ReportIssueActionDelegate","actionId":"help.report-issue","type":"action"},{"order":11,"type":"context-menu-item","location":"mainMenuHelp/default","actionId":"help.report-issue"},{"className":"Help.HelpLateInitialization","type":"late-initialization"}],"dependencies":["i18n","ui","host"],"modules":["help_module.js","help-legacy.js"],"name":"help"},{"modules":["accessibility_module.js"],"name":"accessibility"},{"extensions":[{"category":"Layers","bindings":[{"shortcut":"0"}],"type":"action","actionId":"layers.reset-view","title":"Reset view"},{"category":"Layers","bindings":[{"shortcut":"x"}],"type":"action","actionId":"layers.pan-mode","title":"Switch to pan mode"},{"category":"Layers","bindings":[{"shortcut":"v"}],"type":"action","actionId":"layers.rotate-mode","title":"Switch to rotate mode"},{"category":"Layers","bindings":[{"shortcut":"Shift+Plus"},{"shortcut":"NumpadPlus"}],"type":"action","actionId":"layers.zoom-in","title":"Zoom in"},{"category":"Layers","bindings":[{"shortcut":"Shift+Minus"},{"shortcut":"NumpadMinus"}],"type":"action","actionId":"layers.zoom-out","title":"Zoom out"},{"category":"Layers","bindings":[{"shortcut":"Up"},{"shortcut":"w"}],"type":"action","actionId":"layers.up","title":"Pan or rotate up"},{"category":"Layers","bindings":[{"shortcut":"Down"},{"shortcut":"s"}],"type":"action","actionId":"layers.down","title":"Pan or rotate down"},{"category":"Layers","bindings":[{"shortcut":"Left"},{"shortcut":"a"}],"type":"action","actionId":"layers.left","title":"Pan or rotate left"},{"category":"Layers","bindings":[{"shortcut":"Right"},{"shortcut":"d"}],"type":"action","actionId":"layers.right","title":"Pan or rotate right"}],"dependencies":["components","i18n","sdk","timeline_model","ui","perf_ui"],"modules":["layer_viewer_module.js","layer_viewer-legacy.js"],"name":"layer_viewer"},{"dependencies":["i18n","ui","sdk","data_grid"],"modules":["cookie_table_module.js","cookie_table-legacy.js"],"name":"cookie_table"},{"dependencies":["emulation"],"extensions":[{"device":{"show-by-default":false,"title":"iPhone 4","screen":{"horizontal":{"width":480,"height":320},"device-pixel-ratio":2,"vertical":{"width":320,"height":480}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_2 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Version/7.0 Mobile/11D257 Safari/9537.53","type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":true,"title":"iPhone 5/SE","screen":{"horizontal":{"width":568,"outline":{"insets":{"top":25,"right":115,"bottom":28,"left":115},"image":"@url(optimized/iPhone5-landscape.avif)"},"height":320},"device-pixel-ratio":2,"vertical":{"width":320,"outline":{"insets":{"top":105,"right":25,"bottom":111,"left":29},"image":"@url(optimized/iPhone5-portrait.avif)"},"height":568}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_1 like Mac OS X) AppleWebKit/603.1.30 (KHTML, like Gecko) Version/10.0 Mobile/14E304 Safari/602.1","type":"phone"},"type":"emulated-device","order":30},{"device":{"show-by-default":true,"title":"iPhone 6/7/8","screen":{"horizontal":{"width":667,"outline":{"insets":{"top":28,"right":106,"bottom":28,"left":106},"image":"@url(optimized/iPhone6-landscape.avif)"},"height":375},"device-pixel-ratio":2,"vertical":{"width":375,"outline":{"insets":{"top":105,"right":28,"bottom":105,"left":28},"image":"@url(optimized/iPhone6-portrait.avif)"},"height":667}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1","type":"phone"},"type":"emulated-device","order":31},{"device":{"show-by-default":true,"title":"iPhone 6/7/8 Plus","screen":{"horizontal":{"width":736,"outline":{"insets":{"top":29,"right":109,"bottom":27,"left":109},"image":"@url(optimized/iPhone6Plus-landscape.avif)"},"height":414},"device-pixel-ratio":3,"vertical":{"width":414,"outline":{"insets":{"top":107,"right":30,"bottom":111,"left":26},"image":"@url(optimized/iPhone6Plus-portrait.avif)"},"height":736}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1","type":"phone"},"type":"emulated-device","order":32},{"device":{"show-by-default":true,"title":"iPhone X","screen":{"horizontal":{"width":812,"height":375},"device-pixel-ratio":3,"vertical":{"width":375,"height":812}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1","type":"phone"},"type":"emulated-device","order":33},{"device":{"show-by-default":false,"title":"BlackBerry Z30","screen":{"horizontal":{"width":640,"height":360},"device-pixel-ratio":2,"vertical":{"width":360,"height":640}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/10.0.9.2372 Mobile Safari/537.10+","type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Nexus 4","screen":{"horizontal":{"width":640,"height":384},"device-pixel-ratio":2,"vertical":{"width":384,"height":640}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 4.4.2; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36","user-agent-metadata":{"platformVersion":"4.4.2","platform":"Android","model":"Nexus 4","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"modes":[{"insets":{"top":25,"right":0,"bottom":48,"left":0},"image":"@url(optimized/google-nexus-5-vertical-default-1x.avif) 1x, @url(optimized/google-nexus-5-vertical-default-2x.avif) 2x","orientation":"vertical","title":"default"},{"insets":{"top":80,"right":0,"bottom":48,"left":0},"image":"@url(optimized/google-nexus-5-vertical-navigation-1x.avif) 1x, @url(optimized/google-nexus-5-vertical-navigation-2x.avif) 2x","orientation":"vertical","title":"navigation bar"},{"insets":{"top":80,"right":0,"bottom":312,"left":0},"image":"@url(optimized/google-nexus-5-vertical-keyboard-1x.avif) 1x, @url(optimized/google-nexus-5-vertical-keyboard-2x.avif) 2x","orientation":"vertical","title":"keyboard"},{"insets":{"top":25,"right":42,"bottom":0,"left":0},"image":"@url(optimized/google-nexus-5-horizontal-default-1x.avif) 1x, @url(optimized/google-nexus-5-horizontal-default-2x.avif) 2x","orientation":"horizontal","title":"default"},{"insets":{"top":80,"right":42,"bottom":0,"left":0},"image":"@url(optimized/google-nexus-5-horizontal-navigation-1x.avif) 1x, @url(optimized/google-nexus-5-horizontal-navigation-2x.avif) 2x","orientation":"horizontal","title":"navigation bar"},{"insets":{"top":80,"right":42,"bottom":202,"left":0},"image":"@url(optimized/google-nexus-5-horizontal-keyboard-1x.avif) 1x, @url(optimized/google-nexus-5-horizontal-keyboard-2x.avif) 2x","orientation":"horizontal","title":"keyboard"}],"title":"Nexus 5","screen":{"horizontal":{"width":640,"height":360},"device-pixel-ratio":3,"vertical":{"width":360,"height":640}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36","user-agent-metadata":{"platformVersion":"6.0","platform":"Android","model":"Nexus 5","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"modes":[{"insets":{"top":24,"right":0,"bottom":48,"left":0},"image":"@url(optimized/google-nexus-5x-vertical-default-1x.avif) 1x, @url(optimized/google-nexus-5x-vertical-default-2x.avif) 2x","orientation":"vertical","title":"default"},{"insets":{"top":80,"right":0,"bottom":48,"left":0},"image":"@url(optimized/google-nexus-5x-vertical-navigation-1x.avif) 1x, @url(optimized/google-nexus-5x-vertical-navigation-2x.avif) 2x","orientation":"vertical","title":"navigation bar"},{"insets":{"top":80,"right":0,"bottom":342,"left":0},"image":"@url(optimized/google-nexus-5x-vertical-keyboard-1x.avif) 1x, @url(optimized/google-nexus-5x-vertical-keyboard-2x.avif) 2x","orientation":"vertical","title":"keyboard"},{"insets":{"top":24,"right":48,"bottom":0,"left":0},"image":"@url(optimized/google-nexus-5x-horizontal-default-1x.avif) 1x, @url(optimized/google-nexus-5x-horizontal-default-2x.avif) 2x","orientation":"horizontal","title":"default"},{"insets":{"top":80,"right":48,"bottom":0,"left":0},"image":"@url(optimized/google-nexus-5x-horizontal-navigation-1x.avif) 1x, @url(optimized/google-nexus-5x-horizontal-navigation-2x.avif) 2x","orientation":"horizontal","title":"navigation bar"},{"insets":{"top":80,"right":48,"bottom":222,"left":0},"image":"@url(optimized/google-nexus-5x-horizontal-keyboard-1x.avif) 1x, @url(optimized/google-nexus-5x-horizontal-keyboard-2x.avif) 2x","orientation":"horizontal","title":"keyboard"}],"title":"Nexus 5X","screen":{"horizontal":{"width":732,"outline":{"insets":{"top":21,"right":98,"bottom":19,"left":88},"image":"@url(optimized/Nexus5X-landscape.avif)"},"height":412},"device-pixel-ratio":2.625,"vertical":{"width":412,"outline":{"insets":{"top":88,"right":22,"bottom":98,"left":18},"image":"@url(optimized/Nexus5X-portrait.avif)"},"height":732}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 5X Build/OPR4.170623.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36","user-agent-metadata":{"platformVersion":"8.0.0","platform":"Android","model":"Nexus 5X","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Nexus 6","screen":{"horizontal":{"width":732,"height":412},"device-pixel-ratio":3.5,"vertical":{"width":412,"height":732}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 7.1.1; Nexus 6 Build/N6F26U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36","user-agent-metadata":{"platformVersion":"7.1.1","platform":"Android","model":"Nexus 6","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Nexus 6P","screen":{"horizontal":{"width":732,"outline":{"insets":{"top":17,"right":88,"bottom":17,"left":94},"image":"@url(optimized/Nexus6P-landscape.avif)"},"height":412},"device-pixel-ratio":3.5,"vertical":{"width":412,"outline":{"insets":{"top":94,"right":16,"bottom":88,"left":16},"image":"@url(optimized/Nexus6P-portrait.avif)"},"height":732}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 6P Build/OPP3.170518.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36","user-agent-metadata":{"platformVersion":"8.0.0","platform":"Android","model":"Nexus 6P","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":true,"title":"Pixel 2","screen":{"horizontal":{"width":731,"height":411},"device-pixel-ratio":2.625,"vertical":{"width":411,"height":731}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36","user-agent-metadata":{"platformVersion":"8.0","platform":"Android","model":"Pixel 2","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device","order":20},{"device":{"show-by-default":true,"title":"Pixel 2 XL","screen":{"horizontal":{"width":823,"height":411},"device-pixel-ratio":3.5,"vertical":{"width":411,"height":823}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36","user-agent-metadata":{"platformVersion":"8.0.0","platform":"Android","model":"Pixel 2 XL","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device","order":21},{"device":{"show-by-default":false,"title":"LG Optimus L70","screen":{"horizontal":{"width":640,"height":384},"device-pixel-ratio":1.25,"vertical":{"width":384,"height":640}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; U; Android 4.4.2; en-us; LGMS323 Build/KOT49I.MS32310c) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/%s Mobile Safari/537.36","user-agent-metadata":{"platformVersion":"4.4.2","platform":"Android","model":"LGMS323","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Nokia N9","screen":{"horizontal":{"width":854,"height":480},"device-pixel-ratio":1,"vertical":{"width":480,"height":854}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13","type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Nokia Lumia 520","screen":{"horizontal":{"width":533,"height":320},"device-pixel-ratio":1.5,"vertical":{"width":320,"height":533}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 520)","type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Microsoft Lumia 550","screen":{"horizontal":{"width":640,"height":360},"device-pixel-ratio":2,"vertical":{"width":640,"height":360}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 550) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Mobile Safari/537.36 Edge/14.14263","type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Microsoft Lumia 950","screen":{"horizontal":{"width":640,"height":360},"device-pixel-ratio":4,"vertical":{"width":360,"height":640}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Mobile Safari/537.36 Edge/14.14263","type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Galaxy S III","screen":{"horizontal":{"width":640,"height":360},"device-pixel-ratio":2,"vertical":{"width":360,"height":640}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30","user-agent-metadata":{"platformVersion":"4.0","platform":"Android","model":"GT-I9300","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":true,"title":"Galaxy S5","screen":{"horizontal":{"width":640,"height":360},"device-pixel-ratio":3,"vertical":{"width":360,"height":640}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36","user-agent-metadata":{"platformVersion":"5.0","platform":"Android","model":"SM-G900P","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device","order":10},{"device":{"show-by-default":false,"title":"JioPhone 2","screen":{"horizontal":{"width":320,"height":240},"device-pixel-ratio":1,"vertical":{"width":240,"height":320}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Mobile; LYF/F300B/LYF-F300B-001-01-15-130718-i;Android; rv:48.0) Gecko/48.0 Firefox/48.0 KAIOS/2.5","type":"phone"},"type":"emulated-device","order":1},{"device":{"show-by-default":false,"title":"Kindle Fire HDX","screen":{"horizontal":{"width":1280,"height":800},"device-pixel-ratio":2,"vertical":{"width":800,"height":1280}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true","type":"tablet"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"iPad Mini","screen":{"horizontal":{"width":1024,"height":768},"device-pixel-ratio":2,"vertical":{"width":768,"height":1024}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (iPad; CPU OS 11_0 like Mac OS X) AppleWebKit/604.1.34 (KHTML, like Gecko) Version/11.0 Mobile/15A5341f Safari/604.1","type":"tablet"},"type":"emulated-device"},{"device":{"show-by-default":true,"title":"iPad","screen":{"horizontal":{"width":1024,"outline":{"insets":{"top":56,"right":116,"bottom":52,"left":112},"image":"@url(optimized/iPad-landscape.avif)"},"height":768},"device-pixel-ratio":2,"vertical":{"width":768,"outline":{"insets":{"top":114,"right":55,"bottom":114,"left":52},"image":"@url(optimized/iPad-portrait.avif)"},"height":1024}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (iPad; CPU OS 11_0 like Mac OS X) AppleWebKit/604.1.34 (KHTML, like Gecko) Version/11.0 Mobile/15A5341f Safari/604.1","type":"tablet"},"type":"emulated-device","order":40},{"device":{"show-by-default":true,"title":"iPad Pro","screen":{"horizontal":{"width":1366,"height":1024},"device-pixel-ratio":2,"vertical":{"width":1024,"height":1366}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (iPad; CPU OS 11_0 like Mac OS X) AppleWebKit/604.1.34 (KHTML, like Gecko) Version/11.0 Mobile/15A5341f Safari/604.1","type":"tablet"},"type":"emulated-device","order":41},{"device":{"show-by-default":false,"title":"Blackberry PlayBook","screen":{"horizontal":{"width":1024,"height":600},"device-pixel-ratio":1,"vertical":{"width":600,"height":1024}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Version/7.2.1.0 Safari/536.2+","type":"tablet"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Nexus 10","screen":{"horizontal":{"width":1280,"height":800},"device-pixel-ratio":2,"vertical":{"width":800,"height":1280}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 10 Build/MOB31T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Safari/537.36","user-agent-metadata":{"platformVersion":"6.0.1","platform":"Android","model":"Nexus 10","architecture":"","mobile":false},"type":"tablet"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Nexus 7","screen":{"horizontal":{"width":960,"height":600},"device-pixel-ratio":2,"vertical":{"width":600,"height":960}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 7 Build/MOB30X) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Safari/537.36","user-agent-metadata":{"platformVersion":"6.0.1","platform":"Android","model":"Nexus 7","architecture":"","mobile":false},"type":"tablet"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Galaxy Note 3","screen":{"horizontal":{"width":640,"height":360},"device-pixel-ratio":3,"vertical":{"width":360,"height":640}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30","user-agent-metadata":{"platformVersion":"4.3","platform":"Android","model":"SM-N900T","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"title":"Galaxy Note II","screen":{"horizontal":{"width":640,"height":360},"device-pixel-ratio":2,"vertical":{"width":360,"height":640}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30","user-agent-metadata":{"platformVersion":"4.1","platform":"Android","model":"GT-N7100","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":false,"modes":[{"orientation":"horizontal","title":"default"}],"title":"Laptop with touch","screen":{"horizontal":{"width":1280,"height":950},"device-pixel-ratio":1,"vertical":{"width":950,"height":1280}},"capabilities":["touch"],"user-agent":"","type":"notebook"},"type":"emulated-device"},{"device":{"show-by-default":false,"modes":[{"orientation":"horizontal","title":"default"}],"title":"Laptop with HiDPI screen","screen":{"horizontal":{"width":1440,"height":900},"device-pixel-ratio":2,"vertical":{"width":900,"height":1440}},"capabilities":[],"user-agent":"","type":"notebook"},"type":"emulated-device"},{"device":{"show-by-default":false,"modes":[{"orientation":"horizontal","title":"default"}],"title":"Laptop with MDPI screen","screen":{"horizontal":{"width":1280,"height":800},"device-pixel-ratio":1,"vertical":{"width":800,"height":1280}},"capabilities":[],"user-agent":"","type":"notebook"},"type":"emulated-device"},{"device":{"show-by-default":true,"title":"Moto G4","screen":{"horizontal":{"width":640,"outline":{"insets":{"top":30,"right":74,"bottom":30,"left":91},"image":"@url(optimized/MotoG4-landscape.avif)"},"height":360},"device-pixel-ratio":3,"vertical":{"width":360,"outline":{"insets":{"top":91,"right":30,"bottom":74,"left":30},"image":"@url(optimized/MotoG4-portrait.avif)"},"height":640}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 6.0.1; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36","user-agent-metadata":{"platformVersion":"6.0.1","platform":"Android","model":"Moto G (4)","architecture":"","mobile":true},"type":"phone"},"type":"emulated-device"},{"device":{"show-by-default":true,"modes":[{"insets":{"top":0,"right":0,"bottom":0,"left":0},"orientation":"vertical","title":"default"},{"insets":{"top":0,"right":0,"bottom":0,"left":0},"orientation":"horizontal","title":"default"},{"insets":{"top":0,"right":0,"bottom":0,"left":0},"orientation":"vertical-spanned","title":"spanned"},{"insets":{"top":0,"right":0,"bottom":0,"left":0},"orientation":"horizontal-spanned","title":"spanned"}],"title":"Surface Duo","type":"phone","screen":{"horizontal-spanned":{"hinge":{"y":540,"width":720,"contentColor":{"a":1,"r":38,"b":38,"g":38},"x":0,"height":34},"width":720,"height":1114},"horizontal":{"width":720,"height":540},"vertical-spanned":{"hinge":{"y":0,"width":34,"contentColor":{"a":1,"r":38,"b":38,"g":38},"x":540,"height":720},"width":1114,"height":720},"device-pixel-ratio":2.5,"vertical":{"width":540,"height":720}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36","dual-screen":true},"type":"emulated-device","order":45},{"device":{"show-by-default":true,"modes":[{"insets":{"top":0,"right":0,"bottom":0,"left":0},"orientation":"vertical","title":"default"},{"insets":{"top":0,"right":0,"bottom":0,"left":0},"orientation":"horizontal","title":"default"},{"insets":{"top":0,"right":0,"bottom":0,"left":0},"orientation":"vertical-spanned","title":"spanned"},{"insets":{"top":0,"right":0,"bottom":0,"left":0},"orientation":"horizontal-spanned","title":"spanned"}],"title":"Galaxy Fold","type":"phone","screen":{"horizontal-spanned":{"width":512,"height":717},"horizontal":{"width":653,"height":280},"vertical-spanned":{"width":717,"height":512},"device-pixel-ratio":3,"vertical":{"width":280,"height":653}},"capabilities":["touch","mobile"],"user-agent":"Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36","dual-screen":true},"type":"emulated-device","order":46}],"name":"emulated_devices","resources":[]},{"dependencies":["common","data_grid","i18n","platform","ui","host"],"modules":["webauthn_module.js","webauthn-legacy.js"],"name":"webauthn"},{"extensions":[{"className":"Issues.IssueRevealer","contextTypes":["SDK.Issue"],"destination":"Issues view","type":"@Common.Revealer"}],"dependencies":["common","platform","ui","host","components","sdk","network","browser_sdk"],"modules":["issues_module.js","issues-legacy.js"],"name":"issues"},{"dependencies":["i18n","layer_viewer"],"modules":["layers-legacy.js"],"name":"layers"},{"dependencies":["components","emulation","timeline","i18n","inspector_main","sdk","services","ui","theme_support"],"modules":["lighthouse_module.js","lighthouse-legacy.js"],"name":"lighthouse"},{"extensions":[{"className":"Network.NetworkPanel.ContextMenuProvider","contextTypes":["SDK.NetworkRequest","SDK.Resource","Workspace.UISourceCode"],"type":"@UI.ContextMenu.Provider"},{"className":"Network.NetworkPanel.RequestRevealer","contextTypes":["SDK.NetworkRequest"],"destination":"Network panel","type":"@Common.Revealer"},{"className":"Network.NetworkPanel.RequestLocationRevealer","contextTypes":["Network.UIRequestLocation"],"type":"@Common.Revealer"},{"category":"Network","className":"Network.NetworkPanel","type":"@UI.ViewLocationResolver","name":"network-sidebar"}],"dependencies":["browser_sdk","client_variations","common","components","cookie_table","data_grid","har_importer","host","mobile_throttling","object_ui","perf_ui","persistence","sdk","search","source_frame","ui"],"modules":["network_module.js","network-legacy.js"],"name":"network"},{"dependencies":["i18n","components","sdk","ui","data_grid","source_frame","perf_ui"],"modules":["media_module.js","media-legacy.js"],"name":"media"},{"modules":["animation_module.js"],"name":"animation"},{"extensions":[{"className":"Resources.ResourcesPanel.ResourceRevealer","contextTypes":["SDK.Resource"],"destination":"Application panel","type":"@Common.Revealer"},{"className":"Resources.ResourcesPanel.CookieReferenceRevealer","contextTypes":["SDK.CookieReference"],"destination":"Application panel","type":"@Common.Revealer"},{"category":"Resources","className":"Resources.ClearStorageView.ActionDelegate","type":"action","actionId":"resources.clear","title":"Clear site data"},{"category":"Resources","className":"Resources.ClearStorageView.ActionDelegate","type":"action","actionId":"resources.clear-incl-third-party-cookies","title":"Clear site data (including third-party cookies)"},{"iconClass":"largeicon-start-recording","toggledIconClass":"largeicon-stop-recording","className":"Resources.BackgroundServiceView.ActionDelegate","toggleWithRedColor":true,"actionId":"background-service.toggle-recording","toggleable":true,"contextTypes":["Resources.BackgroundServiceView"],"bindings":[{"platform":"windows,linux","shortcut":"Ctrl+E"},{"platform":"mac","shortcut":"Meta+E"}],"category":"Background Services","type":"action","options":[{"value":true,"title":"Start recording events"},{"value":false,"title":"Stop recording events"}]}],"dependencies":["source_frame","cookie_table","inline_editor","data_grid","components","object_ui","perf_ui","mobile_throttling","network","sources","browser_sdk","i18n"],"modules":["resources_module.js","resources-legacy.js"],"name":"resources"},{"extensions":[{"className":"Elements.ElementsTreeOutline.Renderer","contextTypes":["SDK.DOMNode","SDK.DeferredDOMNode"],"type":"@UI.Renderer"},{"className":"Elements.ElementsPanel.DOMNodeRevealer","contextTypes":["SDK.DOMNode","SDK.DeferredDOMNode","SDK.RemoteObject"],"destination":"Elements panel","type":"@Common.Revealer"},{"className":"Elements.DOMLinkifier.Linkifier","contextTypes":["SDK.DOMNode","SDK.DeferredDOMNode"],"type":"@Common.Linkifier"},{"className":"Elements.ElementsPanel.CSSPropertyRevealer","contextTypes":["SDK.CSSProperty"],"destination":"styles sidebar","type":"@Common.Revealer"},{"className":"Elements.ElementStatePaneWidget.ButtonProvider","type":"@UI.ToolbarItem.Provider","order":1,"location":"styles-sidebarpane-toolbar"},{"className":"Elements.ClassesPaneWidget.ButtonProvider","type":"@UI.ToolbarItem.Provider","order":2,"location":"styles-sidebarpane-toolbar"},{"className":"Elements.StylesSidebarPane.ButtonProvider","type":"@UI.ToolbarItem.Provider","order":100,"location":"styles-sidebarpane-toolbar"},{"className":"Elements.ElementsPanel.PseudoStateMarkerDecorator","marker":"pseudo-state-marker","type":"@Elements.MarkerDecorator"},{"marker":"hidden-marker","factoryName":"Elements.GenericDecorator","type":"@Elements.MarkerDecorator","color":"#555","title":"Element is hidden"},{"order":0,"type":"@UI.ToolbarItem.Provider","actionId":"elements.toggle-element-search","location":"main-toolbar-left"}],"dependencies":["components","extensions","inline_editor","color_picker","event_listeners"],"modules":["elements_module.js","elements-legacy.js"],"name":"elements"},{"modules":["css_overview_module.js"],"name":"css_overview"},{"extensions":[{"category":"Performance","title":"Hide chrome frame in Layers view","defaultValue":false,"settingName":"frameViewerHideChromeWindow","settingType":"boolean","type":"setting"},{"className":"Timeline.LoadTimelineHandler","type":"@Common.QueryParamHandler","name":"loadTimelineFromURL"},{"className":"Timeline.CLSLinkifier.Linkifier","contextTypes":["Timeline.CLSLinkifier.CLSRect"],"type":"@Common.Linkifier"},{"order":10,"type":"context-menu-item","location":"timelineMenu/open","actionId":"timeline.load-from-file"},{"order":15,"type":"context-menu-item","location":"timelineMenu/open","actionId":"timeline.save-to-file"},{"category":"Performance","iconClass":"largeicon-start-recording","toggledIconClass":"largeicon-stop-recording","className":"Timeline.TimelinePanel.ActionDelegate","toggleWithRedColor":true,"actionId":"timeline.toggle-recording","toggleable":true,"contextTypes":["Timeline.TimelinePanel"],"bindings":[{"platform":"windows,linux","shortcut":"Ctrl+E"},{"platform":"mac","shortcut":"Meta+E"}],"type":"action","options":[{"value":true,"title":"Record"},{"value":false,"title":"Stop"}]},{"iconClass":"largeicon-refresh","category":"Performance","title":"Start profiling and reload page","className":"Timeline.TimelinePanel.ActionDelegate","contextTypes":["Timeline.TimelinePanel"],"actionId":"timeline.record-reload","bindings":[{"platform":"windows,linux","shortcut":"Ctrl+Shift+E"},{"platform":"mac","shortcut":"Meta+Shift+E"}],"type":"action"},{"category":"Performance","title":"Save profile\u2026","className":"Timeline.TimelinePanel.ActionDelegate","contextTypes":["Timeline.TimelinePanel"],"actionId":"timeline.save-to-file","bindings":[{"platform":"windows,linux","shortcut":"Ctrl+S"},{"platform":"mac","shortcut":"Meta+S"}],"type":"action"},{"category":"Performance","title":"Load profile\u2026","className":"Timeline.TimelinePanel.ActionDelegate","contextTypes":["Timeline.TimelinePanel"],"actionId":"timeline.load-from-file","bindings":[{"platform":"windows,linux","shortcut":"Ctrl+O"},{"platform":"mac","shortcut":"Meta+O"}],"type":"action"},{"category":"Performance","title":"Previous frame","className":"Timeline.TimelinePanel.ActionDelegate","contextTypes":["Timeline.TimelinePanel"],"actionId":"timeline.jump-to-previous-frame","bindings":[{"shortcut":"["}],"type":"action"},{"category":"Performance","title":"Next frame","className":"Timeline.TimelinePanel.ActionDelegate","contextTypes":["Timeline.TimelinePanel"],"actionId":"timeline.jump-to-next-frame","bindings":[{"shortcut":"]"}],"type":"action"},{"category":"Performance","title":"Show recent timeline sessions","className":"Timeline.TimelinePanel.ActionDelegate","contextTypes":["Timeline.TimelinePanel"],"actionId":"timeline.show-history","bindings":[{"platform":"windows,linux","shortcut":"Ctrl+H"},{"platform":"mac","shortcut":"Meta+Y"}],"type":"action"},{"category":"Performance","title":"Previous recording","className":"Timeline.TimelinePanel.ActionDelegate","contextTypes":["Timeline.TimelinePanel"],"actionId":"timeline.previous-recording","bindings":[{"platform":"windows,linux","shortcut":"Alt+Left"},{"platform":"mac","shortcut":"Meta+Left"}],"type":"action"},{"category":"Performance","title":"Next recording","className":"Timeline.TimelinePanel.ActionDelegate","contextTypes":["Timeline.TimelinePanel"],"actionId":"timeline.next-recording","bindings":[{"platform":"windows,linux","shortcut":"Alt+Right"},{"platform":"mac","shortcut":"Meta+Right"}],"type":"action"}],"dependencies":["components","coverage","layer_viewer","timeline_model","perf_ui","extensions","data_grid","profiler","mobile_throttling"],"modules":["timeline_module.js","timeline-legacy.js"],"name":"timeline"},{"extensions":[{"className":"BrowserDebugger.XHRBreakpointsSidebarPane","contextTypes":["SDK.DebuggerPausedDetails"],"type":"@UI.ContextFlavorListener"},{"marker":"breakpoint-marker","factoryName":"Elements.GenericDecorator","type":"@Elements.MarkerDecorator","color":"rgb(105, 140, 254)","title":"DOM Breakpoint"},{"className":"BrowserDebugger.DOMBreakpointsSidebarPane.ContextMenuProvider","contextTypes":["SDK.DOMNode"],"type":"@UI.ContextMenu.Provider"},{"className":"BrowserDebugger.DOMBreakpointsSidebarPane","contextTypes":["SDK.DebuggerPausedDetails"],"type":"@UI.ContextFlavorListener"},{"className":"Sources.OverridesNavigatorView","viewId":"navigator-overrides","type":"@Sources.NavigatorView"},{"className":"Sources.ContentScriptsNavigatorView","viewId":"navigator-contentScripts","type":"@Sources.NavigatorView"}],"dependencies":["elements","sources","console"],"modules":["browser_debugger_module.js","browser_debugger-legacy.js"],"name":"browser_debugger"},{"dependencies":["common","browser_sdk"],"modules":[],"name":"har_importer"},{"extensions":[{"className":"Emulation.AdvancedAppProvider","type":"@Common.AppProvider","order":0,"condition":"can_dock"},{"actionId":"emulation.capture-screenshot","type":"context-menu-item","location":"deviceModeMenu/save","order":12},{"order":1,"type":"@UI.ToolbarItem.Provider","actionId":"emulation.toggle-device-mode","condition":"can_dock","location":"main-toolbar-left"},{"actionId":"emulation.capture-full-height-screenshot","type":"context-menu-item","location":"deviceModeMenu/save","order":13}],"dependencies":["bindings","components","host","platform","ui","mobile_throttling"],"modules":["emulation-legacy.js"],"name":"emulation"},{"dependencies":["i18n","sdk","ui"],"modules":["performance_monitor_module.js","performance_monitor-legacy.js"],"name":"performance_monitor"},{"extensions":[{"defaultValue":[],"type":"setting","settingName":"customNetworkConditions","settingType":"array"},{"category":"Network","tags":"device, throttling","title":"Go offline","className":"MobileThrottling.ThrottlingManager.ActionDelegate","actionId":"network-conditions.network-offline","type":"action"},{"category":"Network","tags":"device, throttling","title":"Enable slow 3G throttling","className":"MobileThrottling.ThrottlingManager.ActionDelegate","actionId":"network-conditions.network-low-end-mobile","type":"action"},{"category":"Network","tags":"device, throttling","title":"Enable fast 3G throttling","className":"MobileThrottling.ThrottlingManager.ActionDelegate","actionId":"network-conditions.network-mid-tier-mobile","type":"action"},{"category":"Network","tags":"device, throttling","title":"Go online","className":"MobileThrottling.ThrottlingManager.ActionDelegate","actionId":"network-conditions.network-online","type":"action"}],"dependencies":["common","i18n","sdk","ui","protocol_client"],"modules":["mobile_throttling.js","mobile_throttling-legacy.js","ThrottlingPresets.js","MobileThrottlingSelector.js","NetworkPanelIndicator.js","NetworkThrottlingSelector.js","ThrottlingSettingsTab.js","ThrottlingManager.js"],"name":"mobile_throttling"},{"dependencies":["text_utils","ui","sdk","data_grid"],"modules":["developer_resources_module.js"],"name":"developer_resources"},{"dependencies":["components","i18n","sdk","ui"],"modules":["web_audio_module.js","web_audio-legacy.js"],"name":"web_audio"},{"dependencies":["sdk"],"modules":["timeline_model.js","timeline_model-legacy.js","TimelineModelFilter.js","TracingLayerTree.js","TimelineModel.js","TimelineIRModel.js","TimelineJSProfile.js","TimelineFrameModel.js","TimelineProfileTree.js"],"name":"timeline_model"},{"extensions":[{"className":"InspectorMain.InspectorMain","type":"early-initialization"},{"category":"Navigation","iconClass":"largeicon-refresh","title":"Reload page","className":"InspectorMain.ReloadActionDelegate","actionId":"inspector_main.reload","bindings":[{"platform":"windows,linux","shortcut":"Ctrl+R"},{"platform":"windows,linux","shortcut":"F5"},{"platform":"mac","shortcut":"Meta+R"}],"type":"action"},{"category":"Navigation","title":"Hard reload page","className":"InspectorMain.ReloadActionDelegate","actionId":"inspector_main.hard-reload","bindings":[{"platform":"windows,linux","shortcut":"Shift+Ctrl+R"},{"platform":"windows,linux","shortcut":"Shift+F5"},{"platform":"windows,linux","shortcut":"Ctrl+F5"},{"platform":"windows,linux","shortcut":"Ctrl+Shift+F5"},{"platform":"mac","shortcut":"Shift+Meta+R"}],"type":"action"},{"className":"InspectorMain.NodeIndicator","type":"@UI.ToolbarItem.Provider","order":2,"location":"main-toolbar-left"},{"category":"Network","title":"Force ad blocking on this site","storageType":"session","defaultValue":false,"settingName":"network.adBlockingEnabled","settingType":"boolean","type":"setting","options":[{"value":true,"title":"Block ads on this site"},{"value":false,"title":"Show ads on this site, if allowed"}]},{"category":"Global","title":"Auto-open DevTools for popups","defaultValue":false,"options":[{"value":true,"title":"Auto-open DevTools for popups"},{"value":false,"title":"Do not auto-open DevTools for popups"}],"settingName":"autoAttachToCreatedPages","settingType":"boolean","type":"setting","order":2},{"category":"Appearance","title":"Don't show Chrome Data Saver warning","defaultValue":false,"settingName":"disableDataSaverInfobar","settingType":"boolean","type":"setting"},{"category":"Appearance","title":"Disable paused state overlay","defaultValue":false,"settingName":"disablePausedStateOverlay","settingType":"boolean","type":"setting"}],"dependencies":["components","mobile_throttling"],"modules":["inspector_main-legacy.js"],"name":"inspector_main"},{"dependencies":["network"],"modules":["security_module.js","security-legacy.js"],"name":"security"}]);Root.applicationDescriptor.modules.push(...[{"name":"help"},{"name":"accessibility"},{"name":"layer_viewer"},{"name":"cookie_table"},{"name":"emulated_devices"},{"name":"webauthn"},{"name":"issues"},{"name":"layers"},{"name":"lighthouse"},{"name":"network"},{"name":"media"},{"name":"animation"},{"name":"resources"},{"name":"elements"},{"name":"css_overview"},{"name":"timeline"},{"name":"browser_debugger"},{"name":"har_importer"},{"type":"autostart","name":"emulation"},{"name":"security"},{"type":"autostart","name":"mobile_throttling"},{"name":"developer_resources"},{"name":"web_audio"},{"name":"timeline_model"},{"type":"autostart","name":"inspector_main"},{"name":"performance_monitor"}]);import*as RootModule from'./root/root.js';RootModule.Runtime.cachedResources.set("mobile_throttling/throttlingSettingsTab.css","/*\n * Copyright 2015 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.header {\n  padding: 0 0 6px;\n  border-bottom: 1px solid #eee;\n  font-size: 18px;\n  font-weight: normal;\n  flex: none;\n}\n\n.add-conditions-button {\n  flex: none;\n  margin: 10px 2px;\n  min-width: 140px;\n  align-self: flex-start;\n}\n\n.conditions-list {\n  max-width: 500px;\n  min-width: 340px;\n  flex: auto;\n}\n\n.conditions-list-item {\n  padding: 3px 5px 3px 5px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  flex: auto 1 1;\n}\n\n.conditions-list-text {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  flex: 0 0 70px;\n  user-select: none;\n  color: #222;\n  text-align: end;\n  position: relative;\n}\n\n.conditions-list-title {\n  text-align: start;\n  display: flex;\n  flex: auto;\n  align-items: flex-start;\n}\n\n.conditions-list-title-text {\n  overflow: hidden;\n  flex: auto;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.conditions-list-separator {\n  flex: 0 0 1px;\n  background-color: rgb(231 231 231);\n  height: 30px;\n  margin: 0 4px;\n}\n\n.conditions-list-separator-invisible {\n  visibility: hidden;\n  height: 100% !important;\n}\n\n.conditions-edit-row {\n  flex: none;\n  display: flex;\n  flex-direction: row;\n  margin: 6px 5px;\n}\n\n.conditions-edit-row input {\n  width: 100%;\n  text-align: inherit;\n}\n\n.conditions-edit-optional {\n  position: absolute;\n  bottom: -20px;\n  right: 0;\n  color: rgb(128 128 128);\n}\n\n/*# sourceURL=mobile_throttling/throttlingSettingsTab.css */");RootModule.Runtime.cachedResources.set("inspector_main/nodeIcon.css","/*\n * Copyright 2017 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.node-icon {\n  width: 28px;\n  height: 26px;\n  background-image: url(Images/nodeIcon.avif);\n  background-size: 17px 17px;\n  background-repeat: no-repeat;\n  background-position: center;\n  opacity: 80%;\n  cursor: auto;\n}\n\n.node-icon:hover {\n  opacity: 100%;\n}\n\n.node-icon.inactive {\n  filter: grayscale(100%);\n}\n\n/*# sourceURL=inspector_main/nodeIcon.css */");RootModule.Runtime.cachedResources.set("inspector_main/renderingOptions.css","/*\n * Copyright (c) 2015 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  padding: 12px;\n}\n\n[is=dt-checkbox] {\n  margin: 0 0 10px 0;\n  flex: none;\n}\n\n.panel-section-separator {\n  height: 1px;\n  margin-bottom: 10px;\n  background: var(--color-details-hairline);\n  flex: none;\n}\n\n.panel-section-separator:last-child {\n  background: transparent;\n}\n\n.chrome-select-label {\n  margin-bottom: 16px;\n}\n\n/*# sourceURL=inspector_main/renderingOptions.css */");RootModule.Runtime.cachedResources.set("emulation/deviceModeToolbar.css","/*\n * Copyright 2015 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.device-mode-size-input {\n  width: 41px;\n  max-height: 18px;\n  margin: 0 2px;\n  text-align: center;\n}\n\n.device-mode-size-input:disabled {\n  background: transparent;\n  user-select: none;\n  opacity: 60%;\n}\n\n.device-mode-size-input:focus::-webkit-input-placeholder {\n  color: transparent;\n}\n\n.device-mode-x {\n  margin: 0 1px;\n  font-size: 16px;\n}\n\n.device-mode-empty-toolbar-element {\n  width: 0;\n}\n\n/*# sourceURL=emulation/deviceModeToolbar.css */");RootModule.Runtime.cachedResources.set("emulation/deviceModeView.css","/*\n * Copyright 2015 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  align-items: stretch;\n  flex: auto;\n  background-color: hsl(0deg 0% 98%);\n}\n\n.device-mode-toolbar {\n  flex: none;\n  background-color: hsl(0deg 0% 98%);\n  border-bottom: 1px solid #ccc;\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n}\n\n.device-mode-toolbar .toolbar {\n  overflow: hidden;\n  flex: 0 100000 auto;\n  padding: 0 5px;\n}\n\n.device-mode-toolbar .toolbar.device-mode-toolbar-fixed-size {\n  flex: 0 1 auto;\n}\n\n.device-mode-toolbar-options.toolbar {\n  position: sticky;\n  right: 0;\n  flex: none;\n}\n\n.device-mode-toolbar-spacer {\n  flex: 1 1 0;\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n}\n\n.device-mode-content-clip {\n  overflow: hidden;\n  flex: auto;\n}\n\n.device-mode-media-container {\n  flex: none;\n  overflow: hidden;\n  box-shadow: inset 0 -1px #ccc;\n}\n\n.device-mode-content-clip:not(.device-mode-outline-visible) .device-mode-media-container {\n  margin-bottom: 20px;\n}\n\n.device-mode-presets-container {\n  flex: 0 0 20px;\n  display: flex;\n}\n\n.device-mode-presets-container-inner {\n  flex: auto;\n  justify-content: center;\n  position: relative;\n  background-color: hsl(0deg 0% 90%);\n  border: 2px solid hsl(0deg 0% 98%);\n  border-bottom: 2px solid hsl(0deg 0% 98%);\n}\n\n.device-mode-presets-container:hover {\n  transition: opacity 0.1s;\n  transition-delay: 50ms;\n  opacity: 100%;\n}\n\n.device-mode-preset-bar-outer {\n  pointer-events: none;\n  display: flex;\n  justify-content: center;\n}\n\n.device-mode-preset-bar {\n  border-left: 2px solid hsl(0deg 0% 98%);\n  border-right: 2px solid hsl(0deg 0% 98%);\n  pointer-events: auto;\n  text-align: center;\n  flex: none;\n  cursor: pointer;\n  color: #5a5a5a;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  margin-bottom: 1px;\n}\n\n.device-mode-preset-bar:hover {\n  transition: background-color 0.1s;\n  transition-delay: 50ms;\n  background-color: #d6d6d6;\n}\n\n.device-mode-preset-bar > span {\n  visibility: hidden;\n}\n\n.device-mode-preset-bar:hover > span {\n  transition: visibility 0.1s;\n  transition-delay: 50ms;\n  visibility: visible;\n}\n\n.device-mode-content-area {\n  flex: auto;\n  position: relative;\n  margin: 0;\n}\n\n.device-mode-screen-area {\n  position: absolute;\n  left: 0;\n  right: 0;\n  width: 0;\n  height: 0;\n  background-color: #171717;\n}\n\n.device-mode-content-clip:not(.device-mode-outline-visible) .device-mode-screen-area {\n  box-shadow: hsl(240deg 3% 84%) 0 0 0 0.5px, hsl(0deg 0% 80% / 40%) 0 0 20px;\n}\n\n.device-mode-screen-image {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.device-mode-resizer {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  transition: background-color 0.1s ease, opacity 0.1s ease;\n}\n\n.device-mode-resizer:hover {\n  background-color: hsl(0deg 0% 0% / 10%);\n  opacity: 100%;\n}\n\n.device-mode-resizer > div {\n  pointer-events: none;\n}\n\n.device-mode-right-resizer {\n  top: 0;\n  bottom: -1px;\n  right: -20px;\n  width: 20px;\n}\n\n.device-mode-left-resizer {\n  top: 0;\n  bottom: -1px;\n  left: -20px;\n  width: 20px;\n  opacity: 0%;\n}\n\n.device-mode-bottom-resizer {\n  left: 0;\n  right: -1px;\n  bottom: -20px;\n  height: 20px;\n}\n\n.device-mode-bottom-right-resizer {\n  left: 0;\n  top: 0;\n  right: -20px;\n  bottom: -20px;\n  background-color: hsl(0deg 0% 0% / 2%);\n}\n\n.device-mode-bottom-left-resizer {\n  left: -20px;\n  top: 0;\n  right: 0;\n  bottom: -20px;\n  opacity: 0%;\n}\n\n.device-mode-right-resizer > div {\n  content: url(Images/resizeHorizontal.svg);\n  width: 6px;\n  height: 26px;\n}\n\n.device-mode-left-resizer > div {\n  content: url(Images/resizeHorizontal.svg);\n  width: 6px;\n  height: 26px;\n}\n\n.device-mode-bottom-resizer > div {\n  content: url(Images/resizeVertical.svg);\n  margin-bottom: -2px;\n  width: 26px;\n  height: 6px;\n}\n\n.device-mode-bottom-right-resizer > div {\n  position: absolute;\n  bottom: 3px;\n  right: 3px;\n  width: 13px;\n  height: 13px;\n  content: url(Images/resizeDiagonal.svg);\n}\n\n.device-mode-bottom-left-resizer > div {\n  position: absolute;\n  bottom: 3px;\n  left: 3px;\n  width: 13px;\n  height: 13px;\n  content: url(Images/resizeDiagonal.svg);\n  transform: rotate(90deg);\n}\n\n.device-mode-page-area {\n  position: absolute;\n  left: 0;\n  right: 0;\n  width: 0;\n  height: 0;\n  display: flex;\n  background-color: #fcfcfc;\n}\n\n.device-mode-ruler {\n  position: absolute;\n  overflow: visible;\n}\n\n.device-mode-ruler-top {\n  height: 20px;\n  right: 0;\n}\n\n.device-mode-ruler-left {\n  width: 20px;\n  bottom: 0;\n}\n\n.device-mode-ruler-content {\n  pointer-events: none;\n  position: absolute;\n  left: -20px;\n  top: -20px;\n}\n\n.device-mode-ruler-top .device-mode-ruler-content {\n  border-top: 1px solid transparent;\n  right: 0;\n  bottom: 20px;\n  background-color: hsl(0deg 0% 98% / 90%);\n}\n\n.device-mode-ruler-left .device-mode-ruler-content {\n  border-left: 1px solid transparent;\n  border-top: 1px solid transparent;\n  right: 20px;\n  bottom: 0;\n}\n\n.device-mode-content-clip.device-mode-outline-visible .device-mode-ruler-top .device-mode-ruler-content {\n  border-top: 1px solid hsl(0deg 0% 50%);\n}\n\n.device-mode-content-clip.device-mode-outline-visible .device-mode-ruler-left .device-mode-ruler-content {\n  border-left: 1px solid hsl(0deg 0% 50%);\n  border-top: 1px solid hsl(0deg 0% 50%);\n}\n\n.device-mode-ruler-inner {\n  position: absolute;\n}\n\n.device-mode-ruler-top .device-mode-ruler-inner {\n  top: 0;\n  bottom: 0;\n  left: 20px;\n  right: 0;\n  border-bottom: 1px solid hsl(0deg 0% 50%);\n}\n\n.device-mode-ruler-left .device-mode-ruler-inner {\n  left: 0;\n  right: 0;\n  top: 19px;\n  bottom: 0;\n  border-right: 1px solid hsl(0deg 0% 50%);\n  background-color: hsl(0deg 0% 98% / 90%);\n}\n\n.device-mode-ruler-marker {\n  position: absolute;\n}\n\n.device-mode-ruler-top .device-mode-ruler-marker {\n  width: 0;\n  height: 5px;\n  bottom: 0;\n  border-right: 1px solid hsl(0deg 0% 50%);\n  margin-right: -1px;\n}\n\n.device-mode-ruler-top .device-mode-ruler-marker.device-mode-ruler-marker-medium {\n  height: 10px;\n}\n\n.device-mode-ruler-top .device-mode-ruler-marker.device-mode-ruler-marker-large {\n  height: 15px;\n}\n\n.device-mode-ruler-left .device-mode-ruler-marker {\n  height: 0;\n  width: 5px;\n  right: 0;\n  border-bottom: 1px solid hsl(0deg 0% 50%);\n  margin-bottom: -1px;\n}\n\n.device-mode-ruler-left .device-mode-ruler-marker.device-mode-ruler-marker-medium {\n  width: 10px;\n}\n\n.device-mode-ruler-left .device-mode-ruler-marker.device-mode-ruler-marker-large {\n  width: 15px;\n}\n\n.device-mode-ruler-text {\n  color: hsl(0deg 0% 50%);\n  position: relative;\n  pointer-events: auto;\n}\n\n.device-mode-ruler-text:hover {\n  color: hsl(0deg 0% 10%);\n}\n\n.device-mode-ruler-top .device-mode-ruler-text {\n  left: 2px;\n  top: -2px;\n}\n\n.device-mode-ruler-left .device-mode-ruler-text {\n  left: -4px;\n  top: -15px;\n  transform: rotate(270deg);\n}\n\n/*# sourceURL=emulation/deviceModeView.css */");RootModule.Runtime.cachedResources.set("emulation/devicesSettingsTab.css","/*\n * Copyright 2015 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.devices-settings-tab .settings-tab.settings-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  height: 100%;\n  margin: 0;\n}\n\n.devices-settings-tab .devices-button-row {\n  flex: none;\n  display: flex;\n}\n\n.devices-settings-tab .devices-button-row button {\n  margin-right: 10px;\n  min-width: 120px;\n  flex: none;\n}\n\n.devices-settings-tab .devices-list {\n  width: 350px;\n  margin-top: 10px;\n}\n\n.devices-list-item {\n  padding: 3px 5px 3px 5px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  flex: auto 1 1;\n  cursor: pointer;\n  overflow: hidden;\n  color: #222;\n  user-select: none;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.devices-list-checkbox {\n  height: 12px;\n  width: 12px;\n  margin: 2px 5px 2px 2px;\n  flex: none;\n  pointer-events: none;\n}\n\n.devices-list-checkbox:focus {\n  outline: auto 5px -webkit-focus-ring-color;\n}\n\n.device-name {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.devices-edit-fields {\n  flex: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  padding-left: 4px;\n  margin-bottom: 5px;\n}\n\n.devices-edit-fields b {\n  margin-top: 8px;\n  margin-bottom: 0;\n}\n\n.devices-edit-client-hints-heading {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 5px;\n}\n\n/* Don't want the bottom margin in the specific case of the folding one;\n * it messes with alignment with the arrow (which is a ::before) and  it's\n * spaced reasonably without it anyway\n */\nli .devices-edit-client-hints-heading {\n  margin-bottom: 0;\n}\n\n.devices-edit-client-hints-heading b {\n  margin-inline-end: 2px;\n}\n\n.devices-edit-client-hints-heading .help-icon {\n  margin-left: 2px;\n  margin-right: 2px;\n  vertical-align: middle;\n}\n\n.devices-edit-client-hints-heading a:focus {\n  box-shadow: var(--focus-ring-active-shadow);\n}\n\n.devices-edit-fields input {\n  flex: auto;\n  margin: 8px 5px 0 5px;\n}\n\nli.devices-edit-client-hints-field {\n  /* Cancel out padding from treeview's .tree-outline ol */\n  left: -12px;\n}\n\n.devices-edit-client-hints-field input {\n  flex: auto;\n  margin: 8px 5px 0 5px;\n}\n\n.devices-edit-fields .device-edit-fixed {\n  flex: 0 0 140px;\n}\n\n.devices-edit-fields select {\n  margin: 8px 5px 0 5px;\n}\n\n/*# sourceURL=emulation/devicesSettingsTab.css */");RootModule.Runtime.cachedResources.set("emulation/inspectedPagePlaceholder.css","/*\n * Copyright 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  background-color: var(--color-background);\n}\n\n/*# sourceURL=emulation/inspectedPagePlaceholder.css */");RootModule.Runtime.cachedResources.set("emulation/locationsSettingsTab.css","/*\n * Copyright 2018 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.header {\n  padding: 0 0 6px;\n  border-bottom: 1px solid #eee;\n  font-size: 18px;\n  font-weight: normal;\n  flex: none;\n}\n\n.add-locations-button {\n  flex: none;\n  margin: 10px 2px;\n  min-width: 140px;\n  align-self: flex-start;\n}\n\n.locations-list {\n  max-width: 600px;\n  min-width: 340px;\n  flex: auto;\n}\n\n.locations-list-item {\n  padding: 3px 6px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  flex: auto 1 1;\n}\n\n.locations-list-text {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  flex-basis: 170px;\n  user-select: none;\n  color: #222;\n  text-align: end;\n  position: relative;\n  overflow: hidden;\n}\n\n.locations-list-title {\n  text-align: start;\n}\n\n.locations-list-title-text {\n  overflow: hidden;\n  flex: auto;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.locations-list-separator {\n  flex: 0 0 1px;\n  background-color: rgb(231 231 231);\n  height: 30px;\n  margin: 0 4px;\n}\n\n.locations-list-separator-invisible {\n  visibility: hidden;\n  height: 100% !important;\n}\n\n.locations-edit-row {\n  display: flex;\n  flex-direction: row;\n  margin: 6px 5px;\n}\n\n.locations-edit-row input {\n  width: 100%;\n  text-align: inherit;\n}\n\n.locations-input-container {\n  padding: 1px;\n}\n\n/*# sourceURL=emulation/locationsSettingsTab.css */");RootModule.Runtime.cachedResources.set("emulation/mediaQueryInspector.css","/*\n * Copyright 2015 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/* Media query bars */\n\n.media-inspector-view {\n  height: 50px;\n}\n\n.media-inspector-marker-container {\n  height: 14px;\n  margin: 2px 0;\n  position: relative;\n}\n\n.media-inspector-bar {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  pointer-events: none;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n\n.media-inspector-marker {\n  flex: none;\n  pointer-events: auto;\n  margin: 1px 0;\n  white-space: nowrap;\n  z-index: auto;\n  position: relative;\n}\n\n.media-inspector-marker-spacer {\n  flex: auto;\n}\n\n.media-inspector-marker:hover {\n  margin: -1px 0;\n  opacity: 100%;\n}\n\n.media-inspector-marker-max-width {\n  background-color: hsl(207deg 90% 77%);\n  border-right: 2px solid hsl(207deg 90% 61%);\n  border-left: 2px solid hsl(207deg 90% 61%);\n}\n\n.media-inspector-marker-inactive .media-inspector-marker-max-width:not(:hover) {\n  background-color: hsl(199deg 94% 94%);\n}\n\n.media-inspector-marker-min-max-width {\n  background-color: hsl(88deg 50% 76%);\n  border-left: 2px solid #689f38;\n  border-right: 2px solid hsl(92deg 48% 42%);\n}\n\n.media-inspector-marker-min-max-width:hover {\n  z-index: 1;\n}\n\n.media-inspector-marker-inactive .media-inspector-marker-min-max-width:not(:hover) {\n  background-color: hsl(125deg 39% 94%);\n}\n\n.media-inspector-marker-min-width {\n  background-color: hsl(36deg 100% 75%);\n  flex: auto;\n}\n\n.media-inspector-marker-inactive .media-inspector-marker-min-width:not(:hover) {\n  background-color: hsl(37deg 100% 94%);\n}\n\n.media-inspector-marker-min-width-right {\n  border-left: 2px solid hsl(30deg 100% 48%);\n}\n\n.media-inspector-marker-min-width-left {\n  border-right: 2px solid hsl(30deg 100% 48%);\n}\n\n/* Media query labels */\n\n.media-inspector-marker-label-container {\n  position: absolute;\n  z-index: 1;\n}\n\n.media-inspector-marker:not(:hover) .media-inspector-marker-label-container {\n  display: none;\n}\n\n.media-inspector-marker-label-container-left {\n  left: -2px;\n}\n\n.media-inspector-marker-label-container-right {\n  right: -2px;\n}\n\n.media-inspector-marker-label {\n  color: #222;\n  position: absolute;\n  top: 1px;\n  bottom: 0;\n  font-size: 12px;\n  pointer-events: none;\n}\n\n.media-inspector-label-right {\n  right: 4px;\n}\n\n.media-inspector-label-left {\n  left: 4px;\n}\n\n/*# sourceURL=emulation/mediaQueryInspector.css */");RootModule.Runtime.cachedResources.set("emulation/sensors.css","/*\n * Copyright (c) 2015 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.sensors-view {\n  padding: 12px;\n  display: block;\n}\n\n.sensors-view input {\n  width: 100%;\n  max-width: 120px;\n  margin: -5px 10px 0 0;\n  text-align: end;\n}\n\n.sensors-view input[readonly] {\n  background-color: rgb(235 235 228);\n}\n\n.sensors-view fieldset {\n  border: none;\n  padding: 10px 0;\n  flex: 0 0 auto;\n  margin: 0;\n}\n\n.sensors-view fieldset[disabled] {\n  opacity: 50%;\n}\n\n.orientation-axis-input-container input {\n  max-width: 120px;\n}\n\n.sensors-view input:focus::-webkit-input-placeholder {\n  color: transparent !important;\n}\n\n.sensors-view .chrome-select {\n  width: 200px;\n}\n\n.sensors-group-title {\n  width: 80px;\n  line-height: 24px;\n}\n\n.sensors-group {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n}\n\n.geo-fields {\n  flex: 2 0 200px;\n}\n\n.latlong-group {\n  display: flex;\n  margin-bottom: 10px;\n}\n\n.latlong-title {\n  width: 70px;\n}\n\n.timezone-error {\n  margin-left: 10px;\n  color: var(--input-validation-error);\n}\n\n/* Device Orientation */\n\n.orientation-content {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.orientation-fields {\n  margin-right: 10px;\n}\n\n.orientation-stage {\n  perspective: 700px;\n  perspective-origin: 50% 50%;\n  width: 160px;\n  height: 150px;\n  background: linear-gradient(#e1f5fe 0%, #e1f5fe 64%, #b0ebf3 64%, #def6f9 100%);\n  transition: 0.2s ease opacity, 0.2s ease filter;\n  overflow: hidden;\n  margin-bottom: 10px;\n}\n\n.orientation-stage.disabled {\n  filter: grayscale();\n  opacity: 50%;\n  cursor: default !important;\n}\n\n.orientation-element,\n.orientation-element::before,\n.orientation-element::after {\n  position: absolute;\n  box-sizing: border-box;\n  transform-style: preserve-3d;\n  background: no-repeat;\n  background-size: cover;\n  backface-visibility: hidden;\n}\n\n.orientation-box {\n  width: 62px;\n  height: 122px;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  transform: rotate3d(1, 0, 0, 90deg);\n}\n\n.orientation-layer {\n  width: 100%;\n  height: 100%;\n  transform-style: preserve-3d;\n}\n\n.orientation-box.is-animating,\n.is-animating .orientation-layer {\n  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n\n.orientation-front,\n.orientation-back {\n  width: 62px;\n  height: 122px;\n  border-radius: 8px;\n}\n\n.orientation-front {\n  background-image: url(Images/accelerometer-front.svg);\n}\n\n.orientation-back {\n  transform: rotateY(180deg) translateZ(8px);\n  background-image: url(Images/accelerometer-back.svg);\n}\n\n.orientation-left,\n.orientation-right {\n  width: 8px;\n  height: 106px;\n  top: 8px;\n  background-position: center center;\n}\n\n.orientation-left {\n  left: -8px;\n  transform-origin: right center;\n  transform: rotateY(-90deg);\n  background-image: url(Images/accelerometer-left.png);\n}\n\n.orientation-right {\n  right: -8px;\n  transform-origin: left center;\n  transform: rotateY(90deg);\n  background-image: url(Images/accelerometer-right.png);\n}\n\n.orientation-left::before,\n.orientation-left::after,\n.orientation-right::before,\n.orientation-right::after {\n  content: '';\n  width: 8px;\n  height: 6px;\n}\n\n.orientation-left::before,\n.orientation-left::after {\n  background-image: url(Images/accelerometer-left.png);\n}\n\n.orientation-right::before,\n.orientation-right::after {\n  background-image: url(Images/accelerometer-right.png);\n}\n\n.orientation-left::before,\n.orientation-right::before {\n  top: -6px;\n  transform-origin: center bottom;\n  transform: rotateX(26deg);\n  background-position: center top;\n}\n\n.orientation-left::after,\n.orientation-right::after {\n  bottom: -6px;\n  transform-origin: center top;\n  transform: rotateX(-25deg);\n  background-position: center bottom;\n}\n\n.orientation-top,\n.orientation-bottom {\n  width: 50px;\n  height: 8px;\n  left: 8px;\n  background-position: center center;\n}\n\n.orientation-top {\n  top: -8px;\n  transform-origin: center bottom;\n  transform: rotateX(90deg);\n  background-image: url(Images/accelerometer-top.png);\n}\n\n.orientation-bottom {\n  bottom: -8px;\n  transform-origin: center top;\n  transform: rotateX(-90deg);\n  background-image: url(Images/accelerometer-bottom.png);\n}\n\n.orientation-top::before,\n.orientation-top::after,\n.orientation-bottom::before,\n.orientation-bottom::after {\n  content: '';\n  width: 8px;\n  height: 8px;\n}\n\n.orientation-top::before,\n.orientation-top::after {\n  background-image: url(Images/accelerometer-top.png);\n}\n\n.orientation-bottom::before,\n.orientation-bottom::after {\n  background-image: url(Images/accelerometer-bottom.png);\n}\n\n.orientation-top::before,\n.orientation-bottom::before {\n  left: -6px;\n  transform-origin: right center;\n  transform: rotateY(-26deg);\n  background-position: left center;\n}\n\n.orientation-top::after,\n.orientation-bottom::after {\n  right: -6px;\n  transform-origin: left center;\n  transform: rotateY(26deg);\n  background-position: right center;\n}\n\n.orientation-axis-input-container {\n  margin-bottom: 10px;\n}\n\n.orientation-reset-button {\n  min-width: 80px;\n}\n\nfieldset.device-orientation-override-section {\n  margin: 0;\n  display: flex;\n}\n\n.panel-section-separator {\n  height: 2px;\n  margin-bottom: 8px;\n  background: #f1f1f1;\n}\n\nbutton.text-button {\n  margin: 0 10px;\n}\n\n@media (forced-colors: active) {\n  .sensors-view fieldset[disabled] {\n    opacity: 100%;\n  }\n}\n\n.chrome-select-label {\n  margin-bottom: 16px;\n}\n\n/*# sourceURL=emulation/sensors.css */");import'./shell.js';import'./css_overview/css_overview-meta.js';import'./elements/elements-meta.js';import'./browser_debugger/browser_debugger-meta.js';import'./network/network-meta.js';import'./security/security-meta.js';import'./emulation/emulation-meta.js';import'./accessibility/accessibility-meta.js';import'./animation/animation-meta.js';import'./developer_resources/developer_resources-meta.js';import'./inspector_main/inspector_main-meta.js';import'./resources/resources-meta.js';import'./issues/issues-meta.js';import'./help/help-meta.js';import'./layers/layers-meta.js';import'./lighthouse/lighthouse-meta.js';import'./media/media-meta.js';import'./mobile_throttling/mobile_throttling-meta.js';import'./performance_monitor/performance_monitor-meta.js';import'./timeline/timeline-meta.js';import'./web_audio/web_audio-meta.js';import'./webauthn/webauthn-meta.js';import*as Startup from'./startup/startup.js';Startup.RuntimeInstantiator.startApplication('devtools_app');