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

package/lib/devtools/chunks/emulation-cjFPXHT9.js

@@ -0,0 +1,157 @@
+import { n as e } from "./chunk-DF993M8W.js";
+import { bt as t, wt as n } from "./common-qd_KLeYO.js";
+import { T as r, bn as i, ei as a, fo as o, lt as s, qa as c, w as l, xn as u } from "./legacy-Bqn4Q0Tf.js";
+import { c as d, d as f, l as p, o as m, p as h, r as g, s as _, t as v, u as y } from "./emulation-EtJlEukP.js";
+import { t as b } from "./components-CnPGgDUW.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/settings/emulation/devicesSettingsTab.css.mjs
+var x = "/*\n * Copyright 2015 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.device-card-content {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.list {\n  &:has(div) {\n    border: none;\n  }\n}\n\n#custom-device-add-button {\n  padding: var(--sys-size-5) var(--sys-size-6);\n}\n\n.devices-settings-tab .devices-button-row {\n  flex: none;\n  display: flex;\n\n  devtools-button {\n    margin: 4px 0 0 5px;\n  }\n}\n\n.devices-settings-tab .devices-list {\n  width: min(350px, 100%);\n  margin-top: 10px;\n}\n\n.devices-list-item {\n  padding: var(--sys-size-3) var(--sys-size-6);\n  height: var(--sys-size-13);\n  display: flex;\n  align-items: center;\n  flex: auto 1 1;\n  overflow: hidden;\n  color: var(--sys-color-on-surface);\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.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/* 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(--sys-color-state-focus-ring);\n}\n\n.devices-edit-fields input {\n  flex: auto;\n  margin: 8px 5px 0;\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;\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;\n}\n", S = /* @__PURE__ */ e({ DevicesSettingsTab: () => E }), C = {
+	customDevices: "Custom devices",
+	defaultDevices: "Default devices",
+	addCustomDevice: "Add custom device",
+	device: "Device",
+	deviceName: "Device Name",
+	width: "Width",
+	height: "Height",
+	devicePixelRatio: "Device pixel ratio",
+	userAgentString: "User agent string",
+	userAgentType: "User agent type",
+	deviceNameMustBeLessThanS: "Device name must be less than {PH1} characters.",
+	deviceNameCannotBeEmpty: "Device name cannot be empty.",
+	deviceAddedOrUpdated: "Device {PH1} successfully added/updated.",
+	userAgentStringCannotBeEmpty: "User agent string cannot be empty."
+}, w = n("panels/settings/emulation/DevicesSettingsTab.ts", C), T = t.bind(void 0, w), E = class extends a {
+	containerElement;
+	addCustomButton;
+	ariaSuccessMessageElement;
+	#e;
+	#t;
+	muteUpdate;
+	emulatedDevicesList;
+	editor;
+	constructor() {
+		super({ jslog: `${c("devices")}` }), this.registerRequiredCSS(x), this.containerElement = this.contentElement.createChild("div", "settings-card-container-wrapper").createChild("div"), this.containerElement.classList.add("settings-card-container", "ignore-list-settings"), this.#t = new r(this, !1), this.#t.registerRequiredCSS(x), this.#t.element.classList.add("devices-list", "device-card-content"), this.muteUpdate = !1, this.emulatedDevicesList = p.instance(), this.emulatedDevicesList.addEventListener(y.CUSTOM_DEVICES_UPDATED, this.devicesUpdated, this), this.emulatedDevicesList.addEventListener(y.STANDARD_DEVICES_UPDATED, this.devicesUpdated, this), this.ariaSuccessMessageElement = this.contentElement.createChild("div", "device-success-message"), s(this.ariaSuccessMessageElement, !1), this.addCustomButton = i(T(C.addCustomDevice), this.addCustomDevice.bind(this), { jslogContext: "add-custom-device" }), this.addCustomButton.id = "custom-device-add-button";
+		let e = document.createElement("div");
+		e.classList.add("device-card-content"), e.appendChild(this.ariaSuccessMessageElement);
+		let t = e.createChild("div");
+		e.appendChild(this.addCustomButton);
+		let n = this.containerElement.createChild("devtools-card");
+		n.heading = T(C.customDevices), n.append(e), this.#e = new r(this, !1), this.#e.registerRequiredCSS(x), this.#e.element.classList.add("devices-list"), this.#e.show(t);
+		let a = this.containerElement.createChild("devtools-card");
+		a.heading = T(C.defaultDevices), a.append(this.#t.element);
+	}
+	wasShown() {
+		super.wasShown(), this.devicesUpdated();
+	}
+	devicesUpdated() {
+		if (this.muteUpdate) return;
+		this.#t.clear(), this.#e.clear();
+		let e = this.emulatedDevicesList.custom().slice();
+		for (let t = 0; t < e.length; ++t) this.#e.appendItem(e[t], !0);
+		e = this.emulatedDevicesList.standard().slice(), e.sort(d.deviceComparator);
+		for (let t = 0; t < e.length; ++t) this.#t.appendItem(e[t], !1);
+	}
+	muteAndSaveDeviceList(e) {
+		this.muteUpdate = !0, e ? this.emulatedDevicesList.saveCustomDevices() : this.emulatedDevicesList.saveStandardDevices(), this.muteUpdate = !1;
+	}
+	addCustomDevice() {
+		let e = new d();
+		e.deviceScaleFactor = 0, e.horizontal.width = 700, e.horizontal.height = 400, e.vertical.width = 400, e.vertical.height = 700, this.#e.addNewItem(this.emulatedDevicesList.custom().length, e);
+	}
+	toNumericInputValue(e) {
+		return e ? String(e) : "";
+	}
+	renderItem(e, t) {
+		let n = document.createElement("label");
+		n.classList.add("devices-list-item");
+		let r = n.createChild("input", "devices-list-checkbox");
+		r.type = "checkbox", r.checked = e.show(), r.addEventListener("click", a.bind(this), !1), r.setAttribute("jslog", `${o().track({ click: !0 })}`);
+		let i = document.createElement("span");
+		return i.classList.add("device-name"), i.appendChild(document.createTextNode(e.title)), n.appendChild(i), n;
+		function a(n) {
+			let i = r.checked;
+			e.setShow(i), this.muteAndSaveDeviceList(t), n.consume();
+		}
+	}
+	removeItemRequested(e) {
+		this.emulatedDevicesList.removeCustomDevice(e);
+	}
+	commitEdit(e, t, n) {
+		e.title = t.control("title").value.trim(), e.vertical.width = t.control("width").value ? parseInt(t.control("width").value, 10) : 0, e.vertical.height = t.control("height").value ? parseInt(t.control("height").value, 10) : 0, e.horizontal.width = e.vertical.height, e.horizontal.height = e.vertical.width, e.deviceScaleFactor = t.control("scale").value ? parseFloat(t.control("scale").value) : 0, e.userAgent = t.control("user-agent").value, e.modes = [], e.modes.push({
+			title: "",
+			orientation: h,
+			insets: new g(0, 0, 0, 0),
+			image: null
+		}), e.modes.push({
+			title: "",
+			orientation: f,
+			insets: new g(0, 0, 0, 0),
+			image: null
+		}), e.capabilities = [];
+		let r = t.control("ua-type").value;
+		(r === m.MOBILE || r === m.MOBILE_NO_TOUCH) && e.capabilities.push(_.MOBILE), (r === m.MOBILE || r === m.DESKTOP_TOUCH) && e.capabilities.push(_.TOUCH);
+		let i = t.control("ua-metadata").value.metaData, a = e.userAgent.trim().length > 0;
+		e.userAgentMetadata = null, a && i && (e.userAgentMetadata = {
+			...i,
+			mobile: r === m.MOBILE || r === m.MOBILE_NO_TOUCH
+		}), n ? this.emulatedDevicesList.addCustomDevice(e) : this.emulatedDevicesList.saveCustomDevices(), this.addCustomButton.scrollIntoViewIfNeeded(), this.addCustomButton.focus(), this.ariaSuccessMessageElement.setAttribute("aria-label", T(C.deviceAddedOrUpdated, { PH1: e.title }));
+	}
+	beginEdit(e) {
+		let t = this.createEditor();
+		t.control("title").value = e.title, t.control("width").value = this.toNumericInputValue(e.vertical.width), t.control("height").value = this.toNumericInputValue(e.vertical.height), t.control("scale").value = this.toNumericInputValue(e.deviceScaleFactor), t.control("user-agent").value = e.userAgent;
+		let n;
+		return n = e.mobile() ? e.touch() ? m.MOBILE : m.MOBILE_NO_TOUCH : e.touch() ? m.DESKTOP_TOUCH : m.DESKTOP, t.control("ua-type").value = n, t.control("ua-metadata").value = { metaData: e.userAgentMetadata || void 0 }, t;
+	}
+	createEditor() {
+		if (this.editor) return this.editor;
+		let e = new l();
+		this.editor = e;
+		let t = e.contentElement(), n = t.createChild("div", "devices-edit-fields");
+		u(n.createChild("b"), T(C.device));
+		let r = e.createInput("title", "text", T(C.deviceName), g);
+		n.createChild("div", "hbox").appendChild(r), r.id = "custom-device-name-field";
+		let i = n.createChild("div", "hbox");
+		i.appendChild(e.createInput("width", "text", T(C.width), _)), i.appendChild(e.createInput("height", "text", T(C.height), y));
+		let a = e.createInput("scale", "text", T(C.devicePixelRatio), x);
+		a.classList.add("device-edit-fixed"), i.appendChild(a);
+		let o = t.createChild("div", "devices-edit-fields");
+		u(o.createChild("b"), T(C.userAgentString));
+		let s = o.createChild("div", "hbox");
+		s.appendChild(e.createInput("user-agent", "text", T(C.userAgentString), h));
+		let c = [
+			m.MOBILE,
+			m.MOBILE_NO_TOUCH,
+			m.DESKTOP,
+			m.DESKTOP_TOUCH
+		], d = e.createSelect("ua-type", c, () => ({ valid: !0 }), T(C.userAgentType));
+		d.classList.add("device-edit-fixed"), s.appendChild(d);
+		let f = e.createCustomControl("ua-metadata", b, p);
+		return f.value = {}, f.addEventListener("clienthintschange", () => e.requestValidation(), !1), t.appendChild(f), e;
+		function p() {
+			return f.validate();
+		}
+		function h(e, t, n) {
+			return n.value.trim().length > 0 ? { valid: !0 } : {
+				valid: !1,
+				errorMessage: T(C.userAgentStringCannotBeEmpty)
+			};
+		}
+		function g(e, t, n) {
+			let r = !1, i, a = n.value.trim();
+			return a.length >= 50 ? i = T(C.deviceNameMustBeLessThanS, { PH1: 50 }) : a.length === 0 ? i = T(C.deviceNameCannotBeEmpty) : r = !0, {
+				valid: r,
+				errorMessage: i
+			};
+		}
+		function _(e, t, n) {
+			return v.widthValidator(n.value);
+		}
+		function y(e, t, n) {
+			return v.heightValidator(n.value);
+		}
+		function x(e, t, n) {
+			return v.scaleValidator(n.value);
+		}
+	}
+};
+//#endregion
+export { S as DevicesSettingsTab };

package/lib/devtools/chunks/event_listeners-BeTH3gi2.js

@@ -0,0 +1,414 @@
+import { $ as e, at as t, bt as n, wt as r } from "./common-qd_KLeYO.js";
+import { $i as i, $l as a, Dt as o, L as s, Ms as c, Ur as l, Xi as u, Xl as d, Zi as f, Zl as p, br as m, ei as h, ha as g, i as _, js as v, o as y, ql as b } from "./legacy-Bqn4Q0Tf.js";
+import { C as x } from "./common-DjRFwulW.js";
+import { d as S, m as C, o as w, s as T } from "./object_ui-BYgPTK_b.js";
+import { t as E } from "./objectValue.css-C9o9fdM2.js";
+//#region node_modules/.pnpm/chrome-devtools-frontend@1.0.1638082/node_modules/chrome-devtools-frontend/front_end/panels/event_listeners/EventListenersUtils.ts
+async function D(t) {
+	let n = t.runtimeModel().target().model(v);
+	if (!n) return {
+		eventListeners: [],
+		internalHandlers: null
+	};
+	let r = {
+		internalHandlers: null,
+		eventListeners: []
+	};
+	return await t.callFunction(_, void 0).then(h).then(i).then(a).then(m).catch((e) => (console.error(e), r));
+	function i(e) {
+		return e.getOwnProperties(!1);
+	}
+	async function a(e) {
+		if (!e.properties) throw Error("Object properties is empty");
+		let t = [];
+		for (let n of e.properties) n.name === "eventListeners" && n.value && t.push(o(n.value).then(u)), n.name === "internalHandlers" && n.value && t.push(s(n.value).then(f)), n.name === "errorString" && n.value && p(n.value);
+		await Promise.all(t);
+	}
+	function o(e) {
+		return b.objectAsArray(e).map(r).then(g);
+		function r(e) {
+			let r, i, a, o, s = null, u = null, d = null, f = null, p = [];
+			p.push(e.callFunctionJSON(m, void 0).then(g));
+			function m() {
+				return {
+					type: this.type,
+					useCapture: this.useCapture,
+					passive: this.passive,
+					once: this.once
+				};
+			}
+			function g(e) {
+				e && (e.type !== void 0 && (r = e.type), e.useCapture !== void 0 && (i = e.useCapture), e.passive !== void 0 && (a = e.passive), e.once !== void 0 && (o = e.once));
+			}
+			p.push(e.callFunction(_).then(h).then(v).then(l).then(y));
+			function _() {
+				return this.handler || null;
+			}
+			function v(e) {
+				return u = e, u;
+			}
+			function y(e) {
+				return s = e, e.debuggerModel().functionDetailsPromise(e).then(b);
+			}
+			function b(e) {
+				d = e ? e.location : null;
+			}
+			p.push(e.callFunction(x).then(h).then(S));
+			function x() {
+				return this.remove || null;
+			}
+			function S(e) {
+				e.type === "function" && (f = e);
+			}
+			return Promise.all(p).then(C).catch((e) => (console.error(e), null));
+			function C() {
+				if (!d) throw Error("Empty event listener's location");
+				return new c(n, t, r, i, a, o, s, u, d, f, c.Origin.FRAMEWORK_USER);
+			}
+		}
+	}
+	function s(e) {
+		return b.objectAsArray(e).map(l).then(b.createFromRemoteObjects.bind(null));
+	}
+	function l(e) {
+		return d.objectAsFunction(e).targetFunction();
+	}
+	function u(e) {
+		r.eventListeners = e;
+	}
+	function f(e) {
+		r.internalHandlers = e;
+	}
+	function p(t) {
+		e.instance().error(String(t.value));
+	}
+	function m() {
+		return r;
+	}
+	function h(e) {
+		if (e.wasThrown || !e.object) throw Error("Exception in callFunction or empty result");
+		return e.object;
+	}
+	function g(e) {
+		return e.filter(t);
+		function t(e) {
+			return !!e;
+		}
+	}
+	function _() {
+		let e = [], t = [], n = [], r = [u];
+		try {
+			self.devtoolsFrameworkEventListeners && a(self.devtoolsFrameworkEventListeners) && (r = r.concat(self.devtoolsFrameworkEventListeners));
+		} catch (t) {
+			e.push("devtoolsFrameworkEventListeners call produced error: " + c(t));
+		}
+		for (let i = 0; i < r.length; ++i) try {
+			let e = r[i](this);
+			if (e.eventListeners && a(e.eventListeners)) {
+				let n = e.eventListeners.map((e) => o(e)).filter(l);
+				t = t.concat(n);
+			}
+			if (e.internalHandlers && a(e.internalHandlers)) {
+				let t = e.internalHandlers.map((e) => s(e)).filter(l);
+				n = n.concat(t);
+			}
+		} catch (t) {
+			e.push("fetcher call produced error: " + c(t));
+		}
+		let i = {
+			eventListeners: t,
+			internalHandlers: n.length ? n : void 0
+		};
+		if (i.internalHandlers || delete i.internalHandlers, e.length) {
+			let t = "Framework Event Listeners API Errors:\n	" + e.join("\n	");
+			t = t.substr(0, t.length - 1), i.errorString = t;
+		}
+		return (i.errorString === "" || i.errorString === void 0) && delete i.errorString, i;
+		function a(e) {
+			if (!e || typeof e != "object") return !1;
+			try {
+				if (typeof e.splice == "function") {
+					let t = e.length;
+					return typeof t == "number" && t >>> 0 === t && (t > 0 || 1 / t > 0);
+				}
+			} catch {}
+			return !1;
+		}
+		function o(t) {
+			try {
+				let n = "";
+				if (!t) n += "empty event listener, ";
+				else {
+					let e = t.type;
+					(!e || typeof e != "string") && (n += "event listener's type isn't string or empty, ");
+					let r = t.useCapture;
+					typeof r != "boolean" && (n += "event listener's useCapture isn't boolean or undefined, ");
+					let i = t.passive;
+					typeof i != "boolean" && (n += "event listener's passive isn't boolean or undefined, ");
+					let a = t.once;
+					typeof a != "boolean" && (n += "event listener's once isn't boolean or undefined, ");
+					let o = t.handler;
+					(!o || typeof o != "function") && (n += "event listener's handler isn't a function or empty, ");
+					let s = t.remove;
+					if (s && typeof s != "function" && (n += "event listener's remove isn't a function, "), !n) return {
+						type: e,
+						useCapture: r,
+						passive: i,
+						once: a,
+						handler: o,
+						remove: s
+					};
+				}
+				return e.push(n.substr(0, n.length - 2)), null;
+			} catch (t) {
+				return e.push(c(t)), null;
+			}
+		}
+		function s(t) {
+			return t && typeof t == "function" ? t : (e.push("internal handler isn't a function or empty"), null);
+		}
+		function c(e) {
+			try {
+				return String(e);
+			} catch {
+				return "<error>";
+			}
+		}
+		function l(e) {
+			return !!e;
+		}
+		function u(e) {
+			if (!e || !(e instanceof Node)) return { eventListeners: [] };
+			let t = window.jQuery;
+			if (!t?.fn) return { eventListeners: [] };
+			let n = t, r = t._data || t.data, i = [], a = [];
+			if (typeof r == "function") {
+				let t = r(e, "events");
+				for (let n in t) for (let r in t[n]) {
+					let a = t[n][r];
+					if (typeof a == "object" || typeof a == "function") {
+						let t = {
+							handler: a.handler || a,
+							useCapture: !0,
+							passive: !1,
+							once: !1,
+							type: n,
+							remove: d.bind(e, a.selector)
+						};
+						i.push(t);
+					}
+				}
+				let n = r(e);
+				n && typeof n.handle == "function" && a.push(n.handle);
+			}
+			let o = n(e)[0];
+			if (o) {
+				let e = o.$events;
+				for (let t in e) {
+					let n = e[t];
+					for (let e in n) if (typeof n[e] == "function") {
+						let r = {
+							handler: n[e],
+							useCapture: !0,
+							passive: !1,
+							once: !1,
+							type: t
+						};
+						i.push(r);
+					}
+				}
+				o?.$handle && a.push(o.$handle);
+			}
+			return {
+				eventListeners: i,
+				internalHandlers: a
+			};
+		}
+		function d(e, t, n) {
+			if (!this || !(this instanceof Node)) return;
+			let r = this, i = window.jQuery;
+			i?.fn && i(r).off(t, e, n);
+		}
+	}
+}
+//#endregion
+//#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/event_listeners/eventListenersView.css.mjs
+var O = "/*\n * Copyright 2015 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.tree-outline-disclosure li {\n  padding: 0 0 0 5px;\n  overflow: hidden;\n  display: flex;\n  min-height: var(--sys-size-8);\n  align-items: center;\n}\n\n.tree-outline-disclosure {\n  padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */\n  padding-right: 3px;\n}\n\n.tree-outline-disclosure li.parent::before {\n  top: 0 !important; /* stylelint-disable-line declaration-no-important */\n}\n\n.tree-outline-disclosure .name {\n  color: var(--sys-color-token-tag);\n}\n\n.tree-outline-disclosure .object-value-node,\n.tree-outline-disclosure .object-value-object {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.event-listener-details {\n  display: flex;\n  min-height: var(--sys-size-8);\n  align-items: center;\n  gap: var(--sys-size-2);\n\n  devtools-button {\n    height: var(--sys-size-8);\n  }\n}\n\n.event-listener-tree-subtitle {\n  float: right;\n  margin-left: 5px;\n  flex-shrink: 0;\n}\n\n.event-listener-button {\n  padding: 0 5px;\n  color: var(--sys-color-primary);\n  background-color: var(--sys-color-cdt-base-container);\n  border-radius: 7px;\n  border: 1px solid var(--sys-color-tonal-outline);\n  margin-left: 5px;\n  display: block;\n  flex-shrink: 0;\n\n  &:hover {\n    background-color: var(--sys-color-state-hover-on-subtle);\n  }\n\n  &:active {\n    background-color: var(--sys-color-state-ripple-neutral-on-subtle);\n  }\n}\n\n.placeholder:not(.hidden) + .event-listener-tree {\n  display: none;\n}\n\n.placeholder {\n  display: flex;\n  margin: auto;\n  align-items: center;\n  justify-content: center;\n}\n\n.sources.panel .empty-view-scroller {\n  display: none;\n}\n\n.elements.panel .placeholder {\n  display: block;\n\n  .gray-info-message {\n    display: none;\n  }\n}\n\n.tree-outline-disclosure li:hover .event-listener-button {\n  display: inline;\n}\n\n@media (forced-colors: active) {\n  .event-listener-details .event-listener-button {\n    forced-color-adjust: none;\n    opacity: 100%;\n    background: ButtonFace;\n    color: ButtonText;\n    border-color: ButtonText;\n  }\n\n  .event-listener-button:hover {\n    background-color: Highlight !important; /* stylelint-disable-line declaration-no-important */\n    color: HighlightText;\n    border-color: ButtonText;\n  }\n\n  .tree-outline.hide-selection-when-blurred .selected:focus-visible .event-listener-button,\n  .tree-outline-disclosure li:focus-visible .gray-info-message {\n    background-color: Highlight;\n    color: HighlightText;\n    border-color: HighlightText;\n  }\n}\n", k = {
+	noEventListeners: "No event listeners",
+	eventListenersExplanation: "On this page you will find registered event listeners",
+	deleteEventListener: "Delete event listener",
+	togglePassive: "Toggle Passive",
+	toggleWhetherEventListenerIs: "Toggle whether event listener is passive or blocking",
+	openInElementsPanel: "Open in Elements panel",
+	passive: "Passive"
+}, A = r("panels/event_listeners/EventListenersView.ts", k), j = n.bind(void 0, A), M = class extends h {
+	changeCallback = () => {};
+	enableDefaultTreeFocus = !1;
+	treeOutline;
+	emptyHolder;
+	objects = [];
+	filter;
+	#e = new x();
+	#t = /* @__PURE__ */ new Map();
+	constructor(e) {
+		super(e), this.registerRequiredCSS(O), this.emptyHolder = this.element.createChild("div", "placeholder hidden"), this.emptyHolder.createChild("span", "gray-info-message").textContent = j(k.noEventListeners), new s(j(k.noEventListeners), j(k.eventListenersExplanation)).show(this.emptyHolder), this.treeOutline = new y(), this.treeOutline.setComparator(N.comparator), this.treeOutline.element.classList.add("event-listener-tree", "monospace"), this.treeOutline.setShowSelectionOnKeyboardFocus(!0), this.treeOutline.setFocusable(!0), this.treeOutline.registerRequiredCSS(O, E), this.element.appendChild(this.treeOutline.element);
+	}
+	focus() {
+		this.enableDefaultTreeFocus && (this.emptyHolder.classList.contains("hidden") ? this.emptyHolder.focus() : this.treeOutline.forceSelect());
+	}
+	async performUpdate() {
+		await this.addObjects(this.objects), this.filter && this.showFrameworkListeners(this.filter.showFramework, this.filter.showPassive, this.filter.showBlocking);
+	}
+	async addObjects(e) {
+		let t = this.treeOutline.rootElement().children();
+		for (let e of t) e.removeChildren();
+		this.#e.reset(), await Promise.all(e.map((e) => e ? this.addObject(e) : Promise.resolve())), this.addEmptyHolderIfNeeded(), this.eventListenersArrivedForTest();
+	}
+	addObject(e) {
+		let t, n = null, r = [], i = e.runtimeModel().target().model(v);
+		return i && r.push(i.eventListeners(e).then(a)), r.push(D(e).then(o)), Promise.all(r).then(s).then(c.bind(this));
+		function a(e) {
+			t = e;
+		}
+		function o(e) {
+			n = e;
+		}
+		async function s() {
+			if (!n || !n.internalHandlers) return;
+			return await n.internalHandlers.object().callFunctionJSON(r, t.map(e)).then(i);
+			function e(e) {
+				return p.toCallArgument(e.handler());
+			}
+			function r() {
+				let e = [], t = new Set(this);
+				for (let n of arguments) e.push(t.has(n));
+				return e;
+			}
+			function i(e) {
+				if (e) for (let n = 0; n < t.length; ++n) e[n] && t[n].markAsFramework();
+			}
+		}
+		function c() {
+			this.addObjectEventListeners(e, t), n && this.addObjectEventListeners(e, n.eventListeners);
+		}
+	}
+	addObjectEventListeners(e, t) {
+		if (t) for (let n of t) this.getOrCreateTreeElementForType(n.type()).addObjectEventListener(n, e);
+	}
+	showFrameworkListeners(e, t, n) {
+		let r = this.treeOutline.rootElement().children();
+		for (let i of r) {
+			let r = !0;
+			for (let a of i.children()) {
+				let i = a, o = i.eventListener().origin(), s = !1;
+				o === c.Origin.FRAMEWORK_USER && !e && (s = !0), o === c.Origin.FRAMEWORK && e && (s = !0), !t && i.eventListener().passive() && (s = !0), !n && !i.eventListener().passive() && (s = !0), i.hidden = s, r &&= s;
+			}
+			i.hidden = r;
+		}
+	}
+	getOrCreateTreeElementForType(e) {
+		let t = this.#t.get(e);
+		return t || (t = new N(e, this.#e, this.changeCallback), this.#t.set(e, t), t.hidden = !0, this.treeOutline.appendChild(t)), this.emptyHolder.classList.add("hidden"), t;
+	}
+	addEmptyHolderIfNeeded() {
+		let e = !0, t = null;
+		for (let n of this.treeOutline.rootElement().children()) n.hidden = !n.firstChild(), e &&= n.hidden, !t && !n.hidden && (t = n);
+		e && this.emptyHolder.classList.contains("hidden") && this.emptyHolder.classList.remove("hidden"), t && t.select(!0), this.treeOutline.setFocusable(!!t);
+	}
+	eventListenersArrivedForTest() {}
+}, N = class extends _ {
+	toggleOnClick;
+	linkifier;
+	changeCallback;
+	constructor(e, t, n) {
+		super(e), this.toggleOnClick = !0, this.linkifier = t, this.changeCallback = n, o(this.listItemElement, `${e}, event listener`);
+	}
+	static comparator(e, t) {
+		return e.title === t.title ? 0 : e.title > t.title ? 1 : -1;
+	}
+	addObjectEventListener(e, t) {
+		let n = new P(e, t, this.linkifier, this.changeCallback);
+		this.appendChild(n);
+	}
+}, P = class extends _ {
+	#e;
+	editable;
+	changeCallback;
+	valueTitle;
+	constructor(e, t, n, r) {
+		super("", !0), this.#e = e, this.editable = !1, this.setTitle(t, n), this.changeCallback = r;
+	}
+	async onpopulate() {
+		let e = [], t = this.#e, n = t.domDebuggerModel().runtimeModel();
+		e.push(new C(n.createRemotePropertyFromPrimitiveValue("useCapture", t.useCapture()), void 0, {
+			readOnly: !1,
+			propertiesMode: w.OWN_AND_INTERNAL_AND_INHERITED
+		})), e.push(new C(n.createRemotePropertyFromPrimitiveValue("passive", t.passive()), void 0, {
+			readOnly: !1,
+			propertiesMode: w.OWN_AND_INTERNAL_AND_INHERITED
+		})), e.push(new C(n.createRemotePropertyFromPrimitiveValue("once", t.once()), void 0, {
+			readOnly: !1,
+			propertiesMode: w.OWN_AND_INTERNAL_AND_INHERITED
+		})), t.handler() !== void 0 && e.push(new C(new a("handler", t.handler()), void 0, {
+			readOnly: !1,
+			propertiesMode: w.OWN_AND_INTERNAL_AND_INHERITED
+		})), S.populateWithProperties(this, { properties: e }, !0, !0, void 0);
+	}
+	setTitle(e, n) {
+		let r = this.listItemElement.createChild("span", "event-listener-details"), a = T.createPropertyValue(e, !1, !1);
+		if (this.valueTitle = a, r.appendChild(this.valueTitle), this.#e.canRemove()) {
+			let e = new u();
+			e.data = {
+				variant: i.ICON,
+				size: f.MICRO,
+				iconName: "bin",
+				jslogContext: "delete-event-listener"
+			}, l.install(e, j(k.deleteEventListener)), e.addEventListener("click", (e) => {
+				this.removeListener(), e.consume();
+			}, !1), r.appendChild(e);
+		}
+		if (this.#e.isScrollBlockingType() && this.#e.canTogglePassive()) {
+			let e = r.createChild("button", "event-listener-button");
+			e.textContent = j(k.togglePassive), e.setAttribute("jslog", `${g("passive").track({ click: !0 })}`), l.install(e, j(k.toggleWhetherEventListenerIs)), e.addEventListener("click", (e) => {
+				this.togglePassiveListener(), e.consume();
+			}, !1), r.appendChild(e);
+		}
+		let o = r.createChild("span", "event-listener-tree-subtitle"), s = n.linkifyRawLocation(this.#e.location(), this.#e.sourceURL(), void 0, { tabStop: !0 });
+		o.appendChild(s), this.listItemElement.addEventListener("contextmenu", (n) => {
+			let r = new m(n);
+			n.target !== s && r.appendApplicableItems(s), e.subtype === "node" && r.defaultSection().appendItem(j(k.openInElementsPanel), () => t(e), { jslogContext: "reveal-in-elements" }), r.defaultSection().appendItem(j(k.deleteEventListener), this.removeListener.bind(this), {
+				disabled: !this.#e.canRemove(),
+				jslogContext: "delete-event-listener"
+			}), r.defaultSection().appendCheckboxItem(j(k.passive), this.togglePassiveListener.bind(this), {
+				checked: this.#e.passive(),
+				disabled: !this.#e.canTogglePassive(),
+				jslogContext: "passive"
+			}), r.show();
+		});
+	}
+	removeListener() {
+		this.removeListenerBar(), this.#e.remove();
+	}
+	togglePassiveListener() {
+		this.#e.togglePassive().then(() => this.changeCallback());
+	}
+	removeListenerBar() {
+		let e = this.parent;
+		if (!e) return;
+		e.removeChild(this), e.childCount() || e.collapse();
+		let t = !0;
+		for (let n of e.children()) n.hidden || (t = !1);
+		e.hidden = t;
+	}
+	eventListener() {
+		return this.#e;
+	}
+	onenter() {
+		return this.valueTitle ? (this.valueTitle.click(), !0) : !1;
+	}
+	ondelete() {
+		return this.#e.canRemove() ? (this.removeListener(), !0) : !1;
+	}
+};
+//#endregion
+export { M as t };