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

package/lib/devtools/chunks/settings_ui-Df8-TVsv.js

@@ -0,0 +1,175 @@
+import { z as e } from "./platform-BzB373NB.js";
+import { at as t, bt as n, h as r, wt as i } from "./common-qd_KLeYO.js";
+import { $i as a, Fo as o, La as s, No as c, Or as l, Po as u, Ur as d, Ut as f, Vo as p, Wo as m, Xf as h, Zi as g, Zo as _, fo as v, in as y, ja as b, pt as x } from "./legacy-C0IOfyhX.js";
+import "./common-C6gzvSKg.js";
+import { t as S } from "./checkbox.css-Cwxn2mfx.js";
+//#region \0dsh-devtools:css:/home/runner/work/QiLin/QiLin/node_modules/.pnpm/chrome-devtools-frontend@1.0.1638082/node_modules/chrome-devtools-frontend/front_end/ui/components/settings/settingDeprecationWarning.css.mjs
+var C = "/*\n * Copyright 2022 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.clickable {\n  cursor: pointer;\n}\n\ndevtools-icon {\n  vertical-align: text-bottom;\n  padding-left: 2px;\n}\n", { html: w } = c, T = class extends HTMLElement {
+	#e = this.attachShadow({ mode: "open" });
+	set data(e) {
+		this.#t(e);
+	}
+	#t({ disabled: e, warning: n, experiment: r }) {
+		let i = {
+			clickable: !1,
+			medium: !0
+		}, a;
+		e && r && (i.clickable = !0, a = () => {
+			t(r);
+		}), o(w`
+        <style>${C}</style>
+        <devtools-icon class=${p(i)} name="info" title=${n} @click=${a}></devtools-icon>`, this.#e, { host: this });
+	}
+};
+customElements.define("devtools-setting-deprecation-warning", T);
+//#endregion
+//#region \0dsh-devtools:css:/home/runner/work/QiLin/QiLin/node_modules/.pnpm/chrome-devtools-frontend@1.0.1638082/node_modules/chrome-devtools-frontend/front_end/ui/components/settings/settingCheckbox.css.mjs
+var E = "/*\n * Copyright 2021 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  padding: 0;\n  margin: 0;\n}\n\ninput {\n  height: 12px;\n  width: 12px;\n  min-height: 12px;\n  min-width: 12px;\n  margin: 6px;\n}\n\nlabel {\n  display: inline-flex;\n  align-items: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\np {\n  margin: 6px 0;\n}\n\n.disabled-reason {\n  box-sizing: border-box;\n  margin-left: var(--sys-size-2);\n  width: var(--sys-size-9);\n  height: var(--sys-size-9);\n}\n\n.info-icon {\n  cursor: pointer;\n  position: relative;\n  margin-left: var(--sys-size-2);\n  top: var(--sys-size-2);\n  width: var(--sys-size-9);\n  height: var(--sys-size-9);\n}\n\n.link {\n  color: var(--text-link);\n  text-decoration: underline;\n}\n", { html: D, Directives: { ifDefined: O } } = c, k = { learnMore: "Learn more" }, A = i("ui/components/settings/SettingCheckbox.ts", k), j = n.bind(void 0, A), M = class extends HTMLElement {
+	#e = this.attachShadow({ mode: "open" });
+	#t;
+	#n;
+	#r;
+	set data(e) {
+		this.#n && this.#t && this.#t.removeChangeListener(this.#n.listener), this.#t = e.setting, this.#r = e.textOverride, this.#n = this.#t.addChangeListener(() => {
+			this.#i();
+		}), this.#i();
+	}
+	icon() {
+		if (!this.#t) return;
+		if (this.#t.deprecation) return D`<devtools-setting-deprecation-warning .data=${this.#t.deprecation}></devtools-setting-deprecation-warning>`;
+		let e = this.#t.learnMore();
+		if (e) {
+			let t = `${this.#t.name}-documentation`, n = {
+				iconName: "info",
+				variant: a.ICON,
+				size: g.SMALL,
+				jslogContext: t
+			}, r = e.url;
+			if (e.tooltip) {
+				let i = `${this.#t.name}-information`;
+				return D`
+          <devtools-button
+            class="info-icon"
+            aria-details=${i}
+            aria-disabled=true
+            accessibleLabel=${e.tooltip()}
+            .data=${n}
+          ></devtools-button>
+          <devtools-tooltip id=${i} variant="rich">
+            <span>${e.tooltip()}</span><br />
+            ${r ? D`<devtools-link
+                  href=${r}
+                  class="link"
+                  .jslogContext=${t}
+                  >${j(k.learnMore)}</devtools-link
+                >` : _}
+          </devtools-tooltip>
+        `;
+			}
+			if (r) return n.iconName = "help", n.title = j(k.learnMore), D`<devtools-button
+          class="info-icon"
+          @click=${(e) => {
+				h.openInNewTab(r), e.consume();
+			}}
+          .data=${n}
+        ></devtools-button>`;
+		}
+	}
+	get checked() {
+		return !this.#t || this.#t.disabledReasons().length > 0 ? !1 : this.#t.get();
+	}
+	#i() {
+		if (!this.#t) throw Error("No \"Setting\" object provided for rendering");
+		let e = this.icon(), t = `${this.#t.learnMore() ? this.#t.learnMore()?.tooltip?.() : ""}`, n = this.#t.disabledReasons(), r = n.length ? D`
+      <devtools-button class="disabled-reason" .iconName=${"info"} .variant=${a.ICON} .size=${g.SMALL} title=${O(n.join("\n"))} @click=${onclick}></devtools-button>
+    ` : _;
+		o(D`
+      <style>${S}</style>
+      <style>${E}</style>
+      <p>
+        <label title=${t}>
+          <input
+            type="checkbox"
+            .checked=${this.checked}
+            ?disabled=${this.#t.disabled()}
+            @change=${this.#a}
+            jslog=${v().track({ change: !0 }).context(this.#t.name)}
+            aria-label=${this.#t.title()}
+          />
+          ${this.#r || this.#t.title()}${r}
+        </label>
+        ${e}
+      </p>`, this.#e, { host: this });
+	}
+	#a(e) {
+		this.#t?.set(e.target.checked), this.dispatchEvent(new CustomEvent("change", {
+			bubbles: !0,
+			composed: !1
+		}));
+	}
+};
+customElements.define("setting-checkbox", M);
+//#endregion
+//#region node_modules/.pnpm/chrome-devtools-frontend@1.0.1638082/node_modules/chrome-devtools-frontend/front_end/ui/legacy/components/settings_ui/SettingsUI.ts
+var { createRef: N, ref: P } = m, F = {
+	srequiresReload: "*Requires reload",
+	settingsChangedReloadDevTools: "Settings changed. To apply, reload DevTools."
+}, I = i("ui/legacy/components/settings_ui/SettingsUI.ts", F), L = n.bind(void 0, I);
+function R(e, t, n) {
+	let r = f.create(e, void 0, void 0, t.name);
+	return r.name = e, y(r, t), n && d.install(r, n), r;
+}
+function z(t, n) {
+	let r = t.title(), i = t.options(), a = t.reloadRequired(), { deprecation: o } = t, c = x("labelledControl"), d = N();
+	return u`
+    <div class=${p({ "chrome-select-label": !!n })}>
+      <p class="settings-select">
+        <label for=${c}>
+          ${r}
+          ${n ? u`<p>${n}</p>` : _}
+          ${o ? u`<devtools-setting-deprecation-warning .data=${o}></devtools-setting-deprecation-warning>` : _}
+        </label>
+        <select
+          id=${c}
+          aria-label=${r}
+          .disabled=${t.disabled()}
+          @change=${(e) => {
+		let n = e.target;
+		t.set(i[n.selectedIndex].value), a && (l.instance().displayReloadRequiredWarning(L(F.settingsChangedReloadDevTools)), d.value && d.value.classList.remove("hidden"));
+	}}
+          jslog=${b().track({ change: !0 }).context(t.name)}
+        >
+          ${i.map((n) => n.text && typeof n.value == "string" ? u`
+                <option
+                  value=${n.value}
+                  ?selected=${t.get() === n.value}
+                  jslog=${s(e(n.value)).track({ click: !0 })}
+                >
+                  ${n.text}
+                </option>
+              ` : _)}
+        </select>
+      </p>
+      ${a ? u`
+        <p ${P(d)} class="reload-warning hidden" role="alert" aria-live="polite">
+          ${L(F.srequiresReload)}
+        </p>` : _}
+    </div>
+  `;
+}
+var B = function(e, t) {
+	switch (e.type()) {
+		case r.BOOLEAN: return u`<setting-checkbox .data=${{ setting: e }} @change=${() => {
+			e.reloadRequired() && l.instance().displayReloadRequiredWarning(L(F.settingsChangedReloadDevTools));
+		}}></setting-checkbox>`;
+		case r.ENUM: return z(e, t);
+		default: return console.error("Invalid setting type: " + e.type()), _;
+	}
+}, V = function(e, t) {
+	let n = B(e, t);
+	if (n === _) return null;
+	let r = document.createDocumentFragment();
+	return o(n, r), r.firstElementChild;
+};
+//#endregion
+export { R as n, V as t };