@qilin-agent/experimental-inspector 0.0.0-stage → 3.1.3

package/lib/devtools/chunks/browser_debugger-p7Rr4IBR.js

@@ -0,0 +1,629 @@
+import { n as e } from "./chunk-DF993M8W.js";
+import { x as t, z as n } from "./platform-BzB373NB.js";
+import { Ot as r, at as i, bt as a, vt as o, wt as s } from "./common-qd_KLeYO.js";
+import { Aa as c, As as l, Cl as u, D as d, Dt as f, J as ee, Jd as te, L as ne, La as re, Md as p, No as m, Ns as h, O as g, Pd as _, St as ie, Ts as v, Tt as ae, U as y, Ut as oe, Vo as se, Xn as ce, Yn as le, Zi as ue, Zo as de, _o as b, _r as fe, br as x, bt as pe, ei as S, et as me, fa as C, fo as he, gr as ge, hc as w, hl as T, ii as _e, jr as E, js as D, l as ve, mc as ye, ml as O, mo as be, no as k, nt as xe, pl as A, qd as j, yr as Se } from "./legacy-Bqn4Q0Tf.js";
+import { c as Ce } from "./common-DjRFwulW.js";
+import { t as we } from "./event_listeners-BeTH3gi2.js";
+import { M, k as N } from "./sources-BIZssBei.js";
+//#region \0qilin-devtools:css:/home/runner/work/QiLin/QiLin/node_modules/.pnpm/chrome-devtools-frontend@1.0.1638082/node_modules/chrome-devtools-frontend/front_end/panels/browser_debugger/categorizedBreakpointsSidebarPane.css.mjs
+var Te = "/*\n * Copyright 2016 The Chromium Authors\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  margin: 0;\n  padding: 2px 4px;\n  min-height: 18px;\n}\n\n.tree-outline {\n  padding: 0;\n}\n\n.tree-outline li {\n  margin-left: 14px;\n  user-select: text;\n}\n\n.tree-outline li.parent {\n  margin-left: 1px;\n}\n\n.tree-outline li:not(.parent)::before {\n  display: none;\n}\n\n.breakpoint-hit {\n  background-color: var(--sys-color-yellow-container);\n  color: var(--sys-color-on-yellow-container);\n}\n\n.breakpoint-hit-marker {\n  background-color: var(--sys-color-yellow-container);\n  border-right: 3px solid var(--sys-color-yellow-outline);\n  color: var(--sys-color-on-yellow-container);\n  height: 100%;\n  left: 0;\n  margin-left: -30px;\n  position: absolute;\n  right: -4px;\n  z-index: -1;\n}\n\ndevtools-checkbox.source-code {\n  max-width: 100%;\n}\n", Ee = /* @__PURE__ */ e({
+	CategorizedBreakpointsSidebarPane: () => z,
+	DEFAULT_VIEW: () => R
+}), P = {
+	auctionWorklet: "Ad Auction Worklet",
+	animation: "Animation",
+	breakpointHit: "breakpoint hit",
+	canvas: "Canvas",
+	clipboard: "Clipboard",
+	control: "Control",
+	device: "Device",
+	domMutation: "DOM Mutation",
+	dragDrop: "Drag / drop",
+	geolocation: "Geolocation",
+	keyboard: "Keyboard",
+	load: "Load",
+	media: "Media",
+	mouse: "Mouse",
+	notification: "Notification",
+	parse: "Parse",
+	pictureinpicture: "Picture-in-Picture",
+	pointer: "Pointer",
+	script: "Script",
+	sharedStorageWorklet: "Shared Storage Worklet",
+	timer: "Timer",
+	touch: "Touch",
+	trustedTypeViolations: "Trusted Type Violations",
+	webaudio: "WebAudio",
+	window: "Window",
+	worker: "Worker",
+	xhr: "XHR"
+}, F = s("panels/browser_debugger/CategorizedBreakpointsSidebarPane.ts", P), De = a.bind(void 0, F), I = o.bind(void 0, F), { html: L, render: Oe } = m, { ifExpanded: ke } = ve, R = (e, r, i) => {
+	let a = (t) => !!e.filterText || e.highlightedItem && t.includes(e.highlightedItem) || t.some((e) => e.enabled()), o = e.filterText ? new RegExp(t(e.filterText), "i") : null, s = (t) => !o || !!M(t.name).match(o) || t === e.highlightedItem, c = e.sortedCategoryNames.values().map((t) => {
+		let n = e.categories.get(t);
+		return o && B(t).match(o) ? [t, n] : [t, n?.filter(s)];
+	}).filter((e) => !!e[1]?.length).toArray(), l = (t, n) => {
+		let r = t.target;
+		if (!(r instanceof oe)) return;
+		let i = r.checked;
+		n instanceof ye ? e.onBreakpointChange(n, i) : e.categories.get(n)?.forEach((t) => e.onBreakpointChange(t, i));
+	}, u = (t) => se({
+		small: !0,
+		"source-code": !0,
+		"breakpoint-hit": e.highlightedItem === t
+	});
+	Oe(L`
+    <devtools-toolbar jslog=${be()}>
+      <devtools-toolbar-input
+        type="filter"
+        @change=${(t) => e.onFilterChanged(t.detail)}
+        style="flex: 1;"
+        ></devtools-toolbar-input>
+    </devtools-toolbar>
+    <devtools-tree autofocus @keydown=${(t) => {
+		t.key === " " && (e.onSpaceKeyDown(), t.preventDefault());
+	}} .template=${L`
+      <ul role="tree">
+        ${c.map(([t, r]) => L`
+          <li @select=${() => e.onItemSelected(t)}
+              @expand=${() => e.onExpandCollapse()}
+              role="treeitem"
+              jslog-context=${t}
+              aria-checked=${r.some((e) => e.enabled()) ? r.some((e) => !e.enabled()) ? "mixed" : !0 : !1}
+              ?open=${a(r)}>
+            <style>${Te}</style>
+            <devtools-checkbox
+              class="small"
+              tabIndex=-1
+              title=${B(t)}
+              ?indeterminate=${r.some((e) => !e.enabled()) && r.some((e) => e.enabled())}
+              ?checked=${!r.some((e) => !e.enabled())}
+              @change=${(e) => l(e, t)}
+            >${B(t)}</devtools-checkbox>
+            <ul role="group">
+              ${ke(L`${r.map((t) => L`
+                <li @select=${() => e.onItemSelected(t)}
+                    role="treeitem"
+                    aria-checked=${t.enabled()}
+                    jslog-context=${n(t.name)}>
+                  <div ?hidden=${t !== e.highlightedItem} class="breakpoint-hit-marker"></div>
+                  <devtools-checkbox
+                    class=${u(t)}
+                    tabIndex=-1
+                    title=${M(t.name)}
+                    ?checked=${t.enabled()}
+                    aria-description=${t === e.highlightedItem ? De(P.breakpointHit) : de}
+                    @change=${(e) => l(e, t)}
+                  >${M(t.name)}</devtools-checkbox>
+                </li>`)}`)}
+            </ul>
+          </li>`)}
+      </ul>`}>
+    </devtools-tree>`, i, { container: { attributes: { jslog: e.jslog } } });
+}, z = class extends S {
+	#e;
+	#t;
+	categories = /* @__PURE__ */ new Map();
+	#n;
+	#r = null;
+	#i = null;
+	#a;
+	#o = null;
+	constructor(e, t, n, i = R) {
+		super({ useShadowDom: "pure" }), this.#a = i, this.#t = t, this.#e = n;
+		for (let t of e) {
+			let e = this.categories.get(t.category());
+			e || (e = [], this.categories.set(t.category(), e)), e.push(t);
+		}
+		this.#n = [...this.categories.keys()].sort((e, t) => {
+			let n = B(e), i = B(t);
+			return n.localeCompare(i, r.instance().locale);
+		}), p.instance().addModelListener(A, T.DebuggerPaused, this.update, this), p.instance().addModelListener(A, T.DebuggerResumed, this.update, this), C.instance().addFlavorChangeListener(_, this.update, this), this.requestUpdate();
+	}
+	getBreakpointFromPausedDetails(e) {
+		return null;
+	}
+	update() {
+		let e = C.instance().flavor(_), t = e ? e.model(A) : null, n = t ? t.debuggerPausedDetails() : null, r = n && this.getBreakpointFromPausedDetails(n);
+		this.#r = r, r && (E.instance().showView(this.#e), this.requestUpdate());
+	}
+	#s(e) {
+		this.#i = e, this.requestUpdate();
+	}
+	#c(e) {
+		this.#o = e;
+	}
+	#l() {
+		let e = this.#o;
+		if (e) if (e instanceof ye) this.onBreakpointChanged(e, !e.enabled());
+		else {
+			let t = this.categories.get(e);
+			if (t) {
+				let e = t.some((e) => !e.enabled());
+				t.forEach((t) => this.onBreakpointChanged(t, e));
+			}
+		}
+	}
+	onBreakpointChanged(e, t) {
+		e.setEnabled(t), this.requestUpdate();
+	}
+	performUpdate() {
+		let e = {
+			filterText: this.#i,
+			jslog: this.#t,
+			onFilterChanged: this.#s.bind(this),
+			onBreakpointChange: this.onBreakpointChanged.bind(this),
+			onItemSelected: this.#c.bind(this),
+			onSpaceKeyDown: this.#l.bind(this),
+			sortedCategoryNames: this.#n,
+			categories: this.categories,
+			highlightedItem: this.#r,
+			onExpandCollapse: () => {
+				this.requestUpdate();
+			}
+		};
+		this.#a(e, void 0, this.contentElement);
+	}
+}, Ae = {
+	[w.ANIMATION]: I(P.animation),
+	[w.AUCTION_WORKLET]: I(P.auctionWorklet),
+	[w.CANVAS]: I(P.canvas),
+	[w.CLIPBOARD]: I(P.clipboard),
+	[w.CONTROL]: I(P.control),
+	[w.DEVICE]: I(P.device),
+	[w.DOM_MUTATION]: I(P.domMutation),
+	[w.DRAG_DROP]: I(P.dragDrop),
+	[w.GEOLOCATION]: I(P.geolocation),
+	[w.KEYBOARD]: I(P.keyboard),
+	[w.LOAD]: I(P.load),
+	[w.MEDIA]: I(P.media),
+	[w.MOUSE]: I(P.mouse),
+	[w.NOTIFICATION]: I(P.notification),
+	[w.PARSE]: I(P.parse),
+	[w.PICTURE_IN_PICTURE]: I(P.pictureinpicture),
+	[w.POINTER]: I(P.pointer),
+	[w.SCRIPT]: I(P.script),
+	[w.SHARED_STORAGE_WORKLET]: I(P.sharedStorageWorklet),
+	[w.TIMER]: I(P.timer),
+	[w.TOUCH]: I(P.touch),
+	[w.TRUSTED_TYPE_VIOLATION]: I(P.trustedTypeViolations),
+	[w.WEB_AUDIO]: I(P.webaudio),
+	[w.WINDOW]: I(P.window),
+	[w.WORKER]: I(P.worker),
+	[w.XHR]: I(P.xhr)
+};
+function B(e) {
+	return Ae[e]();
+}
+//#endregion
+//#region node_modules/.pnpm/chrome-devtools-frontend@1.0.1638082/node_modules/chrome-devtools-frontend/front_end/panels/browser_debugger/CSPViolationBreakpointsSidebarPane.ts
+var je = /* @__PURE__ */ e({ CSPViolationBreakpointsSidebarPane: () => Me }), Me = class extends z {
+	constructor() {
+		let e = l.instance().cspViolationBreakpoints();
+		super(e, `${k("sources.csp-violation-breakpoints")}`, "sources.csp-violation-breakpoints");
+	}
+	getBreakpointFromPausedDetails(e) {
+		let t = e.auxData?.violationType ? e.auxData.violationType : "";
+		return l.instance().cspViolationBreakpoints().find((e) => e.type() === t) || null;
+	}
+	onBreakpointChanged(e, t) {
+		super.onBreakpointChanged(e, t), l.instance().updateCSPViolationBreakpoints();
+	}
+}, Ne = "/*\n * Copyright 2017 The Chromium Authors\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@scope to (devtools-widget > *) {\n  :scope {\n    overflow: auto;\n  }\n\n  .monospace {\n    font-family: var(--monospace-font-family);\n    font-size: var(--monospace-font-size);\n  }\n\n  .dom-breakpoints-container {\n    flex-grow: 1;\n  }\n\n  .breakpoint-list {\n    padding: 0 0 3px;\n    list-style-type: none;\n    margin: 0;\n  }\n\n  .breakpoint-list .dom-breakpoint > div {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .breakpoint-entry {\n    display: flex;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    padding: 2px 0;\n  }\n\n  .breakpoint-entry:focus-visible {\n    background-color: var(--sys-color-tonal-container);\n  }\n\n  .breakpoint-hit {\n    background-color: var(--sys-color-neutral-container);\n    color: var(--sys-color-on-surface);\n  }\n\n  .placeholder {\n    display: flex;\n    height: 100%;\n    justify-content: center;\n  }\n\n  .gray-info-message {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 20px;\n  }\n}\n\n:host-context(.sources.panel) .empty-view-scroller {\n  display: none;\n}\n\n:host-context(.elements.panel) .placeholder .gray-info-message {\n  display: none;\n}\n\n@media (forced-colors: active) {\n  @scope to (devtools-widget > *) {\n    .breakpoint-entry:focus-visible,\n    .breakpoint-list .breakpoint-entry:hover {\n      forced-color-adjust: none;\n      background-color: Highlight;\n    }\n\n    .breakpoint-entry:focus-visible *,\n    .breakpoint-list .breakpoint-entry:hover * {\n      color: HighlightText;\n    }\n  }\n}\n", Pe = /* @__PURE__ */ e({
+	ContextMenuProvider: () => Ve,
+	DEFAULT_VIEW: () => K,
+	DOMBreakpointsSidebarPane: () => ze
+}), V = {
+	noBreakpoints: "No DOM breakpoints",
+	domBreakpointsDescription: "DOM breakpoints pause on the code that changes a DOM node or its children.",
+	domBreakpointsList: "DOM Breakpoints list",
+	sS: "{PH1}: {PH2}",
+	sSS: "{PH1}: {PH2}, {PH3}",
+	checked: "checked",
+	unchecked: "unchecked",
+	sBreakpointHit: "{PH1} breakpoint hit",
+	breakpointHit: "breakpoint hit",
+	revealDomNodeInElementsPanel: "Reveal DOM node in Elements panel",
+	removeBreakpoint: "Remove breakpoint",
+	removeAllDomBreakpoints: "Remove all DOM breakpoints",
+	subtreeModified: "Subtree modified",
+	attributeModified: "Attribute modified",
+	nodeRemoved: "Node removed",
+	breakOn: "Break on",
+	breakpointRemoved: "Breakpoint removed",
+	breakpointSet: "Breakpoint set"
+}, H = s("panels/browser_debugger/DOMBreakpointsSidebarPane.ts", V), U = a.bind(void 0, H), W = o.bind(void 0, H), Fe = "https://developer.chrome.com/docs/devtools/javascript/breakpoints#dom", { html: G, render: Ie, Directives: Le } = m, { widget: Re } = _e, K = (e, t, n) => {
+	let r = e.breakpoints.length > 0;
+	Ie(G`
+      <style>${Ne}</style>
+      <div class="dom-breakpoints-container" jslog=${k("sources.dom-breakpoints").track({ resize: !0 })}>
+        ${r ? G`<ul class="breakpoint-list"
+              aria-label=${U(V.domBreakpointsList)}>
+            ${e.breakpoints.map((t) => {
+		let { breakpoint: n } = t, r = n.enabled ? U(V.checked) : U(V.unchecked), i = Ce.instance().linkify(n.node, {
+			preventKeyboardFocus: !0,
+			tooltip: void 0
+		}), a = n.node.simpleSelector();
+		return G`
+                <li class=${`breakpoint-entry ${t.isHighlighted ? "breakpoint-hit" : ""}`}
+                    tabindex=${t.isFocused ? "0" : "-1"}
+                    @click=${() => e.onBreakpointClick(n)}
+                    @contextmenu=${(t) => e.onBreakpointContextMenu(n, t)}
+                    @keydown=${(t) => e.onBreakpointKeyDown(n, t)}
+                    aria-label=${U(V.sSS, {
+			PH1: t.label,
+			PH2: a,
+			PH3: r
+		})}
+                    aria-description=${t.isHighlighted ? U(V.sBreakpointHit, { PH1: r }) : r}
+                    jslog=${c().context(n.type).track({ keydown: "ArrowUp|ArrowDown|PageUp|PageDown" })}>
+                  <devtools-checkbox
+                    class="checkbox-label"
+                    .checked=${n.enabled}
+                    @click=${(e) => e.stopPropagation()}
+                    @change=${() => e.onBreakpointCheckboxClick(n)}
+                    tabindex="-1"
+                    aria-label=${U(V.sS, {
+			PH1: t.label,
+			PH2: a
+		})}
+                    aria-description=${Le.ifDefined(t.isHighlighted ? U(V.breakpointHit) : void 0)}
+                    jslog=${he().track({ click: !0 })}>
+                  </devtools-checkbox>
+                  <div class="dom-breakpoint">
+                    <code class="monospace" style="display: block;">${i}</code>
+                    <div>${t.label}</div>
+                  </div>
+                </li>`;
+	})}
+          </ul>` : G`<div class="placeholder">
+            <div class="gray-info-message">${U(V.noBreakpoints)}</div>
+            ${Re(ne, {
+		header: U(V.noBreakpoints),
+		text: U(V.domBreakpointsDescription),
+		link: Fe
+	})}
+          </div>`}
+      </div>
+    `, n);
+}, q, ze = class e extends S {
+	#e = [];
+	#t = null;
+	#n = null;
+	#r;
+	set highlightedBreakpoint(e) {
+		this.#t = e, this.requestUpdate();
+	}
+	set focusedBreakpoint(e) {
+		this.#n !== e && (this.#n = e, this.#i(), this.requestUpdate());
+	}
+	#i() {
+		this.#n && !this.#e.includes(this.#n) && (this.#n = null), !this.#n && this.#e.length > 0 && (this.#n = this.#e[0]);
+	}
+	constructor(e = K) {
+		super({ useShadowDom: !0 }), this.#r = e, p.instance().addModelListener(D, h.DOM_BREAKPOINT_ADDED, this.breakpointAdded, this), p.instance().addModelListener(D, h.DOM_BREAKPOINT_TOGGLED, this.breakpointToggled, this), p.instance().addModelListener(D, h.DOM_BREAKPOINTS_REMOVED, this.breakpointsRemoved, this);
+		for (let e of p.instance().models(D)) {
+			e.retrieveDOMBreakpoints();
+			for (let t of e.domBreakpoints()) this.addBreakpoint(t);
+		}
+		this.update();
+	}
+	static instance() {
+		return q ||= new e(), q;
+	}
+	performUpdate() {
+		let e = {
+			breakpoints: this.#e.map((e) => ({
+				breakpoint: e,
+				label: Be.get(e.type)?.() ?? "",
+				isHighlighted: e === this.#t,
+				isFocused: e === this.#n
+			})),
+			onBreakpointClick: this.onBreakpointClick.bind(this),
+			onBreakpointCheckboxClick: this.onBreakpointCheckboxClick.bind(this),
+			onBreakpointContextMenu: this.onBreakpointContextMenu.bind(this),
+			onBreakpointKeyDown: this.onBreakpointKeyDown.bind(this)
+		};
+		this.#r(e, void 0, this.contentElement);
+	}
+	onBreakpointClick(e) {
+		this.focusedBreakpoint = e;
+	}
+	onBreakpointKeyDown(e, t) {
+		let n = t;
+		if (n.key === " ") this.onBreakpointCheckboxClick(e), n.consume(!0);
+		else if (n.key === "ArrowUp" || n.key === "ArrowDown") {
+			let t = this.#e.indexOf(e), r = n.key === "ArrowUp" ? t - 1 : t + 1;
+			r >= 0 && r < this.#e.length && (this.focusedBreakpoint = this.#e[r], this.updateComplete.then(() => {
+				this.contentElement.querySelectorAll(".breakpoint-entry")[r].focus();
+			}), n.consume(!0));
+		}
+	}
+	breakpointAdded(e) {
+		this.addBreakpoint(e.data);
+	}
+	breakpointToggled(e) {
+		this.requestUpdate();
+	}
+	breakpointsRemoved(e) {
+		let t = e.data;
+		for (let e of t) {
+			let t = this.#e.indexOf(e);
+			t >= 0 && this.#e.splice(t, 1);
+		}
+		this.#i(), this.requestUpdate();
+	}
+	addBreakpoint(e) {
+		this.#e.includes(e) || (this.#e.push(e), this.#e.sort((e, t) => e.type > t.type ? -1 : +(e.type < t.type)), this.#i(), this.requestUpdate());
+	}
+	onBreakpointContextMenu(e, t) {
+		this.focusedBreakpoint = e;
+		let n = new x(t);
+		n.defaultSection().appendItem(U(V.revealDomNodeInElementsPanel), () => i(e.node), { jslogContext: "reveal-in-elements" }), n.defaultSection().appendItem(U(V.removeBreakpoint), () => {
+			e.domDebuggerModel.removeDOMBreakpoint(e.node, e.type);
+		}, { jslogContext: "remove-breakpoint" }), n.defaultSection().appendItem(U(V.removeAllDomBreakpoints), () => {
+			e.domDebuggerModel.removeAllDOMBreakpoints();
+		}, { jslogContext: "remove-all-dom-breakpoints" }), n.show();
+	}
+	onBreakpointCheckboxClick(e) {
+		this.focusedBreakpoint = e, e.domDebuggerModel.toggleDOMBreakpoint(e, !e.enabled);
+	}
+	flavorChanged(e) {
+		this.update();
+	}
+	update() {
+		let e = C.instance().flavor(O);
+		if (this.highlightedBreakpoint = null, !e?.auxData || e.reason !== te.PausedEventReason.DOM) return;
+		let t = e.debuggerModel.target().model(D);
+		if (!t) return;
+		let n = t.resolveDOMBreakpointData(e.auxData);
+		if (n) {
+			for (let e of this.#e) e.node === n.node && e.type === n.type && (this.highlightedBreakpoint = e, this.focusedBreakpoint = e);
+			this.#t && E.instance().showView("sources.dom-breakpoints");
+		}
+	}
+}, Be = new Map([
+	[j.DOMBreakpointType.SubtreeModified, W(V.subtreeModified)],
+	[j.DOMBreakpointType.AttributeModified, W(V.attributeModified)],
+	[j.DOMBreakpointType.NodeRemoved, W(V.nodeRemoved)]
+]), Ve = class {
+	appendApplicableItems(e, t, n) {
+		if (n.pseudoType()) return;
+		let r = n.domModel().target().model(D);
+		if (!r) return;
+		function i(e) {
+			if (!r) return;
+			let t = N.get(e), i = t ? t() : "";
+			r.hasDOMBreakpoint(n, e) ? (r.removeDOMBreakpoint(n, e), y.alert(`${U(V.breakpointRemoved)}: ${i}`)) : (r.setDOMBreakpoint(n, e), y.alert(`${U(V.breakpointSet)}: ${i}`));
+		}
+		let a = t.debugSection().appendSubMenuItem(U(V.breakOn), !1, "break-on"), o = {
+			SubtreeModified: j.DOMBreakpointType.SubtreeModified,
+			AttributeModified: j.DOMBreakpointType.AttributeModified,
+			NodeRemoved: j.DOMBreakpointType.NodeRemoved
+		};
+		for (let e of Object.values(o)) {
+			let t = N.get(e);
+			t && a.defaultSection().appendCheckboxItem(t(), i.bind(null, e), {
+				checked: r.hasDOMBreakpoint(n, e),
+				jslogContext: e
+			});
+		}
+	}
+}, He = /* @__PURE__ */ e({ EventListenerBreakpointsSidebarPane: () => Ue }), J, Ue = class e extends z {
+	constructor() {
+		let e = l.instance().eventListenerBreakpoints(), t = v.instance().eventListenerBreakpoints();
+		e = e.concat(t), super(e, `${k("sources.event-listener-breakpoints")}`, "sources.event-listener-breakpoints");
+	}
+	static instance() {
+		return J ||= new e(), J;
+	}
+	getBreakpointFromPausedDetails(e) {
+		let t = e.auxData;
+		return t ? t && l.instance().resolveEventListenerBreakpoint(t) || v.instance().resolveEventListenerBreakpoint(t) : null;
+	}
+}, We = /* @__PURE__ */ e({
+	ActionDelegate: () => Ge,
+	ObjectEventListenersSidebarPane: () => Y,
+	objectGroupName: () => X
+}), Y = class e extends S {
+	#e;
+	eventListenersView;
+	constructor() {
+		super(), this.contentElement.setAttribute("jslog", `${k("sources.global-listeners")}`), this.eventListenersView = new we(), this.eventListenersView.changeCallback = this.requestUpdate.bind(this), this.eventListenersView.enableDefaultTreeFocus = !0, this.eventListenersView.show(this.element), this.setDefaultFocusedChild(this.eventListenersView), this.requestUpdate();
+	}
+	toolbarItems() {
+		let e = le.createActionButton("browser-debugger.refresh-global-event-listeners");
+		return e.setSize(ue.SMALL), [e];
+	}
+	async performUpdate() {
+		this.#e &&= (this.#e.runtimeModel.releaseObjectGroup(X), void 0);
+		let e = [], t = C.instance().flavor(u);
+		if (t) {
+			this.#e = t;
+			let n = await t.evaluate({
+				expression: "self",
+				objectGroup: X,
+				includeCommandLineAPI: !1,
+				silent: !0,
+				returnByValue: !1,
+				generatePreview: !1
+			}, !1, !1);
+			!("error" in n) && !n.exceptionDetails && e.push(n.object);
+		}
+		await this.eventListenersView.addObjects(e);
+	}
+	wasShown() {
+		super.wasShown(), C.instance().addFlavorChangeListener(u, this.requestUpdate, this), C.instance().setFlavor(e, this);
+	}
+	willHide() {
+		C.instance().setFlavor(e, null), C.instance().removeFlavorChangeListener(u, this.requestUpdate, this), super.willHide(), this.#e &&= (this.#e.runtimeModel.releaseObjectGroup(X), void 0);
+	}
+}, Ge = class {
+	handleAction(e, t) {
+		switch (t) {
+			case "browser-debugger.refresh-global-event-listeners": {
+				let t = e.flavor(Y);
+				return t ? (t.requestUpdate(), !0) : !1;
+			}
+		}
+		return !1;
+	}
+}, X = "object-event-listeners-sidebar-pane", Ke = "/*\n * Copyright 2017 The Chromium Authors\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.breakpoint-list {\n  padding-bottom: 3px;\n}\n\n.breakpoint-list .editing.being-edited {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.breakpoint-condition {\n  display: block;\n  margin: 4px 8px 4px 23px;\n}\n\n.breakpoint-condition-input {\n  display: block;\n  margin-left: 0;\n  margin-right: 0;\n  border: 1px solid var(--sys-color-neutral-outline);\n  border-radius: 4px;\n\n  &:focus {\n    outline: 5px auto var(--sys-color-tonal-outline);\n    box-shadow: none;\n  }\n}\n\n.breakpoint-entry {\n  white-space: nowrap;\n  padding: 2px 0;\n}\n\n.breakpoint-list .breakpoint-entry:focus-visible {\n  background-color: var(--sys-color-tonal-container);\n}\n\n.breakpoint-entry devtools-checkbox {\n  max-width: 100%;\n}\n\n.breakpoint-hit {\n  background-color: var(--sys-color-yellow-container);\n  border-right: 3px solid var(--sys-color-yellow-outline);\n  color: var(--sys-color-on-yellow-container);\n}\n\n@media (forced-colors: active) {\n  .breakpoint-list .breakpoint-entry:hover,\n  .breakpoint-list .breakpoint-entry:focus-visible {\n    forced-color-adjust: none;\n    background-color: Highlight;\n  }\n\n  .breakpoint-list .breakpoint-entry:hover *,\n  .breakpoint-list .breakpoint-entry:focus-visible * {\n    color: HighlightText;\n  }\n}\n", qe = /* @__PURE__ */ e({ XHRBreakpointsSidebarPane: () => Ze }), Z = {
+	xhrfetchBreakpoints: "XHR/fetch Breakpoints",
+	noBreakpoints: "No breakpoints",
+	addXhrfetchBreakpoint: "Add XHR/fetch breakpoint",
+	addBreakpoint: "Add breakpoint",
+	breakWhenUrlContains: "Break when URL contains:",
+	urlBreakpoint: "URL Breakpoint",
+	urlContainsS: "URL contains \"{PH1}\"",
+	anyXhrOrFetch: "Any XHR or fetch",
+	breakpointHit: "breakpoint hit",
+	removeAllBreakpoints: "Remove all breakpoints",
+	removeBreakpoint: "Remove breakpoint"
+}, Je = s("panels/browser_debugger/XHRBreakpointsSidebarPane.ts", Z), Q = a.bind(void 0, Je), $ = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), Xe, Ze = class e extends S {
+	#e;
+	#t;
+	#n;
+	#r;
+	#i;
+	#a;
+	constructor() {
+		super({
+			jslog: `${k("source.xhr-breakpoints")}`,
+			useShadowDom: !0
+		}), this.registerRequiredCSS(Ke), this.#e = new Se(), this.#t = new ge(this.#e, this, fe.NonViewport), this.contentElement.appendChild(this.#t.element), this.#t.element.classList.add("breakpoint-list", "hidden"), me(this.#t.element), f(this.#t.element, Q(Z.xhrfetchBreakpoints)), this.#n = this.contentElement.createChild("div", "gray-info-message"), this.#n.textContent = Q(Z.noBreakpoints), this.#r = /* @__PURE__ */ new Map(), this.#i = new ce(Q(Z.addXhrfetchBreakpoint), "plus", void 0, "sources.add-xhr-fetch-breakpoint"), this.#i.setSize(ue.SMALL), this.#i.addEventListener(ce.Events.CLICK, () => {
+			this.addButtonClicked();
+		}), this.#n.addEventListener("contextmenu", this.emptyElementContextMenu.bind(this), !0), this.#n.tabIndex = -1, this.restoreBreakpoints(), this.update();
+	}
+	static instance() {
+		return Xe ||= new e(), Xe;
+	}
+	toolbarItems() {
+		return [this.#i];
+	}
+	emptyElementContextMenu(e) {
+		let t = new x(e);
+		t.defaultSection().appendItem(Q(Z.addBreakpoint), this.addButtonClicked.bind(this), { jslogContext: "sources.add-xhr-fetch-breakpoint" }), t.show();
+	}
+	async addButtonClicked() {
+		await E.instance().showView("sources.xhr-breakpoints");
+		let e = document.createElement("p");
+		e.classList.add("breakpoint-condition"), e.textContent = Q(Z.breakWhenUrlContains), e.setAttribute("jslog", `${b("condition").track({ change: !0 })}`);
+		let t = e.createChild("span", "breakpoint-condition-input");
+		f(t, Q(Z.urlBreakpoint)), this.addListElement(e, this.#t.element.firstChild);
+		let n = new d((t, n) => {
+			this.removeListElement(e), l.instance().addXHRBreakpoint(n, !0), this.setBreakpoint(n), this.update();
+		}, () => {
+			this.removeListElement(e), this.update();
+		}, void 0);
+		g.startEditing(t, n);
+	}
+	heightForItem(e) {
+		return 0;
+	}
+	isItemSelectable(e) {
+		return !0;
+	}
+	setBreakpoint(e) {
+		this.#e.indexOf(e) === -1 ? this.#e.insertWithComparator(e, (e, t) => e > t ? 1 : e < t ? -1 : 0) : this.#t.refreshItem(e), (!this.#t.selectedItem() || !this.hasFocus()) && this.#t.selectItem(this.#e.at(0));
+	}
+	createElementForItem(e) {
+		let t = document.createElement("div");
+		xe(t);
+		let n = t.createChild("div", "breakpoint-entry");
+		$.set(t, n);
+		let r = l.instance().xhrBreakpoints().get(e) || !1;
+		ee(n), pe(n, r), n.addEventListener("contextmenu", this.contextMenu.bind(this, e), !0);
+		let i = e ? Q(Z.urlContainsS, { PH1: e }) : Q(Z.anyXhrOrFetch), a = oe.create(i, r, void 0, void 0, !0);
+		return ae(a, !0), f(n, i), n.appendChild(a), a.addEventListener("click", this.checkboxClicked.bind(this, e, r), !1), n.addEventListener("click", (t) => {
+			t.target === n && this.checkboxClicked(e, r);
+		}, !1), Ye.set(n, a), a.tabIndex = -1, n.tabIndex = -1, e === this.#t.selectedItem() && (n.tabIndex = 0, this.setDefaultFocusedElement(n)), n.addEventListener("keydown", (t) => {
+			let n = !1;
+			t.key === " " ? (this.checkboxClicked(e, r), n = !0) : t.key === "Enter" && (this.labelClicked(e), n = !0), n && t.consume(!0);
+		}), e === this.#a && (n.classList.add("breakpoint-hit"), ie(n, Q(Z.breakpointHit))), a.classList.add("cursor-auto"), a.addEventListener("dblclick", this.labelClicked.bind(this, e), !1), this.#r.set(e, t), t.setAttribute("jslog", `${re().track({
+			click: !0,
+			dblclick: !0,
+			resize: !0,
+			keydown: "ArrowUp|ArrowDown|PageUp|PageDown|Enter|Space"
+		})}`), t;
+	}
+	selectedItemChanged(e, t, n, r) {
+		if (n) {
+			let e = $.get(n);
+			if (!e) throw Error("Expected breakpoint entry to be found for an element");
+			e.tabIndex = -1;
+		}
+		if (r) {
+			let e = $.get(r);
+			if (!e) throw Error("Expected breakpoint entry to be found for an element");
+			this.setDefaultFocusedElement(e), e.tabIndex = 0, this.hasFocus() && e.focus();
+		}
+	}
+	updateSelectedItemARIA(e, t) {
+		return !0;
+	}
+	removeBreakpoint(e) {
+		let t = this.#e.indexOf(e);
+		t >= 0 && this.#e.remove(t), this.#r.delete(e), this.update();
+	}
+	addListElement(e, t) {
+		this.#t.element.insertBefore(e, t), this.#n.classList.add("hidden"), this.#t.element.classList.remove("hidden");
+	}
+	removeListElement(e) {
+		this.#t.element.removeChild(e), this.#t.element.firstElementChild || (this.#n.classList.remove("hidden"), this.#t.element.classList.add("hidden"));
+	}
+	contextMenu(e, t) {
+		let n = new x(t);
+		function r() {
+			l.instance().removeXHRBreakpoint(e), this.removeBreakpoint(e);
+		}
+		function i() {
+			for (let e of this.#r.keys()) l.instance().removeXHRBreakpoint(e), this.removeBreakpoint(e);
+			this.update();
+		}
+		let a = Q(Z.removeAllBreakpoints);
+		n.defaultSection().appendItem(Q(Z.addBreakpoint), this.addButtonClicked.bind(this), { jslogContext: "sources.add-xhr-fetch-breakpoint" }), n.defaultSection().appendItem(Q(Z.removeBreakpoint), r.bind(this), { jslogContext: "sources.remove-xhr-fetch-breakpoint" }), n.defaultSection().appendItem(a, i.bind(this), { jslogContext: "sources.remove-all-xhr-fetch-breakpoints" }), n.show();
+	}
+	checkboxClicked(e, t) {
+		let n = this.hasFocus();
+		l.instance().toggleXHRBreakpoint(e, !t), this.#t.refreshItem(e), this.#t.selectItem(e), n && this.focus();
+	}
+	labelClicked(e) {
+		let t = this.#r.get(e), n = document.createElement("span");
+		n.classList.add("breakpoint-condition"), n.textContent = e, n.setAttribute("jslog", `${b("condition").track({ change: !0 })}`), t && (this.#t.element.insertBefore(n, t), t.classList.add("hidden"));
+		let r = new d((t, n, r, i) => {
+			this.removeListElement(t), l.instance().removeXHRBreakpoint(e), this.removeBreakpoint(e);
+			let a = !0;
+			if (i) {
+				let e = $.get(i), t = e ? Ye.get(e) : void 0;
+				t && (a = t.checked);
+			}
+			l.instance().addXHRBreakpoint(n, a), this.setBreakpoint(n), this.#t.selectItem(n), this.focus();
+		}, (e, t) => {
+			this.removeListElement(e), t && t.classList.remove("hidden"), this.focus();
+		}, t);
+		g.startEditing(n, r);
+	}
+	flavorChanged(e) {
+		this.update();
+	}
+	update() {
+		let e = this.#e.length === 0;
+		this.#t.element.classList.toggle("hidden", e), this.#n.classList.toggle("hidden", !e);
+		let t = C.instance().flavor(O);
+		if (!t || t.reason !== te.PausedEventReason.XHR) {
+			if (this.#a) {
+				let e = this.#a;
+				this.#a = void 0, this.#e.indexOf(e) >= 0 && this.#t.refreshItem(e);
+			}
+			return;
+		}
+		let n = t.auxData?.breakpointURL;
+		this.#a = n, !(this.#e.indexOf(n) < 0) && (this.#t.refreshItem(n), E.instance().showView("sources.xhr-breakpoints"));
+	}
+	restoreBreakpoints() {
+		let e = l.instance().xhrBreakpoints();
+		for (let t of e.keys()) this.setBreakpoint(t);
+	}
+};
+//#endregion
+export { je as CSPViolationBreakpointsSidebarPane, Ee as CategorizedBreakpointsSidebarPane, Pe as DOMBreakpointsSidebarPane, He as EventListenerBreakpointsSidebarPane, We as ObjectEventListenersSidebarPane, qe as XHRBreakpointsSidebarPane };

package/lib/devtools/chunks/changes-DeW5MC9u.js

@@ -0,0 +1,2 @@
+import { i as e, r as t, t as n } from "./changes-k42bihtm.js";
+export { e as ChangesSidebar, n as ChangesView, t as CombinedDiffView };