Migrates browser_debugger/ to esm
Bug: 1006759
Change-Id: I6fd8ea8fb749bf1231b481a8b311f0370fe9e401
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/1934217
Commit-Queue: Paul Lewis <[email protected]>
Reviewed-by: Tim van der Lippe <[email protected]>
diff --git a/front_end/browser_debugger/DOMBreakpointsSidebarPane.js b/front_end/browser_debugger/DOMBreakpointsSidebarPane.js
index 7689b54..e888440 100644
--- a/front_end/browser_debugger/DOMBreakpointsSidebarPane.js
+++ b/front_end/browser_debugger/DOMBreakpointsSidebarPane.js
@@ -31,7 +31,7 @@
/**
* @implements {UI.ContextFlavorListener}
*/
-BrowserDebugger.DOMBreakpointsSidebarPane = class extends UI.VBox {
+export class DOMBreakpointsSidebarPane extends UI.VBox {
constructor() {
super(true);
this.registerRequiredCSS('browser_debugger/domBreakpointsSidebarPane.css');
@@ -112,7 +112,7 @@
element.appendChild(labelElement);
const description = createElement('div');
- const breakpointTypeLabel = BrowserDebugger.DOMBreakpointsSidebarPane.BreakpointTypeLabels.get(breakpoint.type);
+ const breakpointTypeLabel = BreakpointTypeLabels.get(breakpoint.type);
description.textContent = breakpointTypeLabel;
const linkifiedNode = createElementWithClass('monospace');
linkifiedNode.style.display = 'block';
@@ -204,12 +204,9 @@
element.classList.add('breakpoint-hit');
this._highlightedElement = element;
}
-};
+}
-/** @typedef {!{element: !Element, checkbox: !Element, breakpoint: !SDK.DOMDebuggerModel.DOMBreakpoint}} */
-BrowserDebugger.DOMBreakpointsSidebarPane.Item;
-
-BrowserDebugger.DOMBreakpointsSidebarPane.BreakpointTypeLabels = new Map([
+export const BreakpointTypeLabels = new Map([
[SDK.DOMDebuggerModel.DOMBreakpoint.Type.SubtreeModified, Common.UIString('Subtree modified')],
[SDK.DOMDebuggerModel.DOMBreakpoint.Type.AttributeModified, Common.UIString('Attribute modified')],
[SDK.DOMDebuggerModel.DOMBreakpoint.Type.NodeRemoved, Common.UIString('Node removed')],
@@ -218,7 +215,7 @@
/**
* @implements {UI.ContextMenu.Provider}
*/
-BrowserDebugger.DOMBreakpointsSidebarPane.ContextMenuProvider = class {
+export class ContextMenuProvider {
/**
* @override
* @param {!Event} event
@@ -254,4 +251,22 @@
label, toggleBreakpoint.bind(null, type), domDebuggerModel.hasDOMBreakpoint(node, type));
}
}
-};
+}
+
+/* Legacy exported object */
+self.BrowserDebugger = self.BrowserDebugger || {};
+
+/* Legacy exported object */
+BrowserDebugger = BrowserDebugger || {};
+
+/**
+ * @constructor
+ */
+BrowserDebugger.DOMBreakpointsSidebarPane = DOMBreakpointsSidebarPane;
+
+BrowserDebugger.DOMBreakpointsSidebarPane.BreakpointTypeLabels = BreakpointTypeLabels;
+
+/** @typedef {!{element: !Element, checkbox: !Element, breakpoint: !SDK.DOMDebuggerModel.DOMBreakpoint}} */
+BrowserDebugger.DOMBreakpointsSidebarPane.Item;
+
+BrowserDebugger.DOMBreakpointsSidebarPane.ContextMenuProvider = ContextMenuProvider;
