@inpageedit/core 0.16.1 → 0.17.1

package/dist/{index-BcTomMXW.js → index-_Sydb5MZ.js}

@@ -1,10 +1,10 @@
-import { j as _, P as Ae, F as Ie } from "./Promise.withResolvers-C4chhLB1.js";
-import { S as Le, a as Fe } from "./index-D7rUF8vA.js";
-import { a as re, m as te, u as ae, b as oe, e as T, o as Me, f as le, g as Pe, w as J, n as U, h as F, i as je, j as Te, t as De, k as Re, s as Oe, r as O, l as z, p as qe, q, v as G, F as He, x as Ue, y as Be, z as se, A as Ve, B as ne, c as ze } from "./vueHooks-Bs93iP61.js";
+import { j as _, P as Le, F as Ae } from "./Promise.withResolvers-C4chhLB1.js";
+import { S as Pe, a as Ie } from "./index-CaTtMzfu.js";
+import { a as oe, m as ae, u as se, b as le, e as D, o as Me, f as ce, g as Fe, w as K, n as B, h as I, i as je, j as Re, t as De, k as Te, s as Oe, r as q, l as G, p as qe, q as H, v as J, F as He, x as Ue, y as Be, z as ne, A as Ve, B as re, c as ze } from "./vueHooks-Bs93iP61.js";
 import { n as Ge } from "./noop-ClDc6zv4.js";
 import { _ as Je } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { BasePlugin as We } from "./core.js";
-const k = '@charset "UTF-8";:host{display:block;font-family:var(--schema-font-family, ui-sans-serif, system-ui, -apple-system);color:var(--schema-color-fg, #111827)}*,*:before,*:after{box-sizing:border-box}.wrapper{display:block;background:var(--schema-color-bg, #ffffff)}.form{display:grid;gap:12px}.field{display:grid;gap:6px;padding:8px 10px;border:1px solid var(--schema-color-muted, #e5e7eb);border-radius:var(--schema-radius, 10px);background:var(--schema-surface, #fff)}.label{font-size:12px;color:var(--schema-color-muted-text, #6b7280)}.input,select,textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--schema-color-muted, #e5e7eb);background:var(--schema-input-bg, #fff);color:inherit}.checkbox{display:inline-flex;align-items:center;gap:8px}.helper{font-size:12px;color:var(--schema-color-muted-text, #6b7280)}.row{display:grid;gap:8px}.actions{display:flex;gap:8px}.btn{padding:6px 10px;border:1px solid var(--schema-color-muted, #e5e7eb);background:var(--schema-btn-bg, #f8fafc);border-radius:8px;cursor:pointer;color:var(--schema-color-fg)}.btn.primary{background:var(--schema-color-primary, #2563eb);color:#fff;border-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.danger{background:var(--schema-color-danger, #dc2626);color:#fff;border-color:transparent}.group{display:grid;gap:10px}.kv{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.badge{display:inline-flex;padding:2px 6px;border-radius:999px;font-size:11px;background:var(--schema-badge-bg, #eef2ff);color:var(--schema-badge-fg, #4f46e5)}.hidden{display:none!important}.toolbar{display:flex;gap:6px}.schema-collection-row{position:relative;transition:transform var(--schema-collection-transition-duration, .25s) var(--schema-collection-transition-ease, ease),opacity var(--schema-collection-transition-duration, .25s) var(--schema-collection-transition-ease, ease)}.schema-collection-row.enter{opacity:0}.schema-collection-row.enter.enter-active{opacity:1}.schema-collection-row.leaving{opacity:0}.field.schema-type-array .group,.field.schema-type-array .group .row{position:relative}', ce = {
+import { BasePlugin as Ke } from "./core.js";
+const w = '@charset "UTF-8";:host{display:block;font-family:var(--schema-font-family, ui-sans-serif, system-ui, -apple-system);color:var(--schema-color-fg, #111827)}*,*:before,*:after{box-sizing:border-box}.wrapper{display:block;background:var(--schema-color-bg, #ffffff)}.form{display:grid;gap:12px}.field{display:grid;gap:6px;padding:8px 10px;border:1px solid var(--schema-color-muted, #e5e7eb);border-radius:var(--schema-radius, 10px);background:var(--schema-surface, #fff)}.label{font-size:12px;color:var(--schema-color-muted-text, #6b7280)}.input,select,textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--schema-color-muted, #e5e7eb);background:var(--schema-input-bg, #fff);color:inherit}.checkbox{display:inline-flex;align-items:center;gap:8px}.helper{font-size:12px;color:var(--schema-color-muted-text, #6b7280)}.row{display:grid;gap:8px}.actions{display:flex;gap:8px}.btn{padding:6px 10px;border:1px solid var(--schema-color-muted, #e5e7eb);background:var(--schema-btn-bg, #f8fafc);border-radius:8px;cursor:pointer;color:var(--schema-color-fg)}.btn.primary{background:var(--schema-color-primary, #2563eb);color:#fff;border-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.danger{background:var(--schema-color-danger, #dc2626);color:#fff;border-color:transparent}.group{display:grid;gap:10px}.kv{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.badge{display:inline-flex;padding:2px 6px;border-radius:999px;font-size:11px;background:var(--schema-badge-bg, #eef2ff);color:var(--schema-badge-fg, #4f46e5)}.hidden{display:none!important}.toolbar{display:flex;gap:6px}.schema-collection-row{position:relative;transition:transform var(--schema-collection-transition-duration, .25s) var(--schema-collection-transition-ease, ease),opacity var(--schema-collection-transition-duration, .25s) var(--schema-collection-transition-ease, ease)}.schema-collection-row.enter{opacity:0}.schema-collection-row.enter.enter-active{opacity:1}.schema-collection-row.leaving{opacity:0}.field.schema-type-array .group,.field.schema-type-array .group .row{position:relative}.keyshortcut-wrap{display:flex;gap:.5em;align-items:center}.keyshortcut-btn{padding:6px 8px;font-size:1em}.keyshortcut-btn.recording{background:var(--schema-color-primary, #2563eb);color:#fff;border-color:transparent;animation:keyshortcut-pulse .5s ease-in-out infinite}@keyframes keyshortcut-pulse{0%,to{opacity:1}50%{opacity:.6}}', ue = {
   arrayAdd: "+",
   arrayMoveUp: "↑",
   arrayMoveDown: "↓",
@@ -14,35 +14,35 @@ const k = '@charset "UTF-8";:host{display:block;font-family:var(--schema-font-fa
   rootLabel: "root"
 }, b = (n, e) => {
   customElements.get(n) || customElements.define(n, e);
-}, Qe = (n, e, s) => {
+}, We = (n, e, s) => {
   if (!e.length) return;
-  let a = n, t = null, r = null;
+  let a = n, t = null, i = null;
   for (let o = 0; o < e.length - 1; o++) {
     const c = e[o];
     let h = a?.[c];
-    h == null ? (h = typeof e[o + 1] == "number" ? [] : {}, a[c] = h) : typeof h != "object" && (h = typeof e[o + 1] == "number" ? [] : {}, a[c] = h), t = a, r = c, a = h;
+    h == null ? (h = typeof e[o + 1] == "number" ? [] : {}, a[c] = h) : typeof h != "object" && (h = typeof e[o + 1] == "number" ? [] : {}, a[c] = h), t = a, i = c, a = h;
   }
-  const i = e[e.length - 1];
+  const r = e[e.length - 1];
   if (a == null || typeof a != "object") {
-    const o = typeof i == "number" ? [] : {};
+    const o = typeof r == "number" ? [] : {};
     if (t)
-      t[r] = o, a = o;
+      t[i] = o, a = o;
     else
       return;
   }
   try {
-    a[i] = s;
+    a[r] = s;
   } catch {
     try {
       const o = Array.isArray(a) ? a.slice() : { ...a };
-      o[i] = s, t && (t[r] = o);
+      o[r] = s, t && (t[i] = o);
     } catch {
     }
   }
-}, R = (n) => n.map(String).join("."), Xe = (n) => n.replace(/[^a-zA-Z0-9_-]/g, "_"), I = (n) => `schema_${Xe(R(n) || "root")}`, P = (n) => R(n), p = (n, ...e) => {
+}, O = (n) => n.map(String).join("."), Qe = (n) => n.replace(/[^a-zA-Z0-9_-]/g, "_"), A = (n) => `schema_${Qe(O(n) || "root")}`, j = (n) => O(n), f = (n, ...e) => {
   const s = new Set(e);
   s.size && n.setAttribute("part", Array.from(s).join(" "));
-}, Ye = [
+}, Xe = [
   "wrapper",
   "form",
   "field",
@@ -122,10 +122,10 @@ function de(n) {
 function N(n) {
   return n?.meta ?? {};
 }
-function Ze(n) {
+function Ye(n) {
   return n.length > 0 && n.every((e) => e?.type === "const");
 }
-function j(n) {
+function R(n) {
   if (!n) return;
   const e = n, s = e.meta || {};
   if (Object.prototype.hasOwnProperty.call(s, "default")) return s.default;
@@ -154,26 +154,26 @@ function j(n) {
       return {};
     case "union": {
       const t = e.list || [];
-      return t.length ? j(t[0]) : void 0;
+      return t.length ? R(t[0]) : void 0;
     }
     case "const":
       return e.value;
     case "date":
       return;
     case "intersect": {
-      const t = e.list || [], r = (o, c) => {
+      const t = e.list || [], i = (o, c) => {
         if (Array.isArray(o) && Array.isArray(c)) return c.slice();
         if (o && c && typeof o == "object" && typeof c == "object") {
           const h = { ...o };
           for (const l of Object.keys(c))
-            h[l] = l in h ? r(h[l], c[l]) : c[l];
+            h[l] = l in h ? i(h[l], c[l]) : c[l];
           return h;
         }
         return c ?? o;
       };
-      let i = {};
-      for (const o of t) i = r(i, j(o));
-      return i;
+      let r = {};
+      for (const o of t) r = i(r, R(o));
+      return r;
     }
     default:
       return;
@@ -181,20 +181,20 @@ function j(n) {
 }
 class S extends HTMLElement {
   constructor() {
-    super(), this._path = [], this._i18n = ce, this.$root = this.attachShadow({ mode: "open" });
+    super(), this._path = [], this._i18n = ue, this.$root = this.attachShadow({ mode: "open" });
     const e = document.createElement("style");
-    e.textContent = k, this.$root.appendChild(e);
+    e.textContent = w, this.$root.appendChild(e);
   }
   /** 初始化公共容器（带类名与 data-path） */
   makeFieldContainer(e, s) {
     const a = document.createElement("div");
-    if (a.className = `field schema-form-item schema-type-${e}`, a.setAttribute("data-path", R(this._path)), p(a, "field", `field-${e}`), this._label) {
+    if (a.className = `field schema-form-item schema-type-${e}`, a.setAttribute("data-path", O(this._path)), f(a, "field", `field-${e}`), this._label) {
       const t = document.createElement("label");
-      t.className = "label", t.textContent = this._label, p(t, "field-label"), a.appendChild(t);
+      t.className = "label", t.textContent = this._label, f(t, "field-label"), a.appendChild(t);
     }
     if (s && s !== this._label) {
       const t = document.createElement("div");
-      t.className = "helper", t.textContent = s, p(t, "field-helper"), a.appendChild(t);
+      t.className = "helper", t.textContent = s, f(t, "field-helper"), a.appendChild(t);
     }
     return a;
   }
@@ -240,113 +240,148 @@ class S extends HTMLElement {
     );
   }
 }
-class ue extends S {
+class F extends S {
+  static {
+    this.recEnd = null;
+  }
   render() {
     if (this.$input && this.$root.contains(this.$input)) {
-      const r = !!this.$root.querySelector("label.label");
-      if (!(this._label && !r)) {
-        const i = this._value ?? "";
-        this.$input.value !== i && document.activeElement !== this.$input && (this.$input.value = i);
+      const i = !!this.$root.querySelector("label.label");
+      if (!(this._label && !i)) {
+        const r = this._value ?? "";
+        this.$input.value !== r && document.activeElement !== this.$input && (this.$input.value = r);
         return;
       }
     }
-    this.$root.innerHTML = `<style>${k}</style>`;
+    this.$root.innerHTML = `<style>${w}</style>`;
     const e = N(this._schema), s = this.makeFieldContainer("string", e.description), a = document.createElement("input");
-    this.$input = a, a.className = "input", p(a, "field-input", "field-input-text"), a.type = "text", a.name = P(this._path), a.id = I(this._path), e?.pattern?.source && (a.pattern = e.pattern.source), e?.max != null && (a.maxLength = e.max), a.value = this._value ?? "", a.oninput = () => this.emitChange(X("string", a.value));
+    this.$input = a, a.className = "input", f(a, "field-input", "field-input-text"), a.type = "text", a.name = j(this._path), a.id = A(this._path), e?.pattern?.source && (a.pattern = e.pattern.source), e?.max != null && (a.maxLength = e.max), a.value = this._value ?? "", a.oninput = () => this.emitChange(X("string", a.value));
     const t = s.querySelector("label.label");
-    t && (t.htmlFor = a.id), s.appendChild(a), this.$root.appendChild(s);
+    if (t && (t.htmlFor = a.id), e.role === "keyshortcut") {
+      const i = document.createElement("div");
+      i.className = "keyshortcut-wrap";
+      const r = document.createElement("button");
+      r.type = "button", r.className = "btn keyshortcut-btn", r.title = "Record shortcut", r.textContent = "⌨";
+      let o = null;
+      const c = () => {
+        o && (o(), o = null, r.classList.remove("recording"), r.title = "Record shortcut", F.recEnd === c && (F.recEnd = null));
+      };
+      r.onclick = () => {
+        if (o) {
+          c();
+          return;
+        }
+        F.recEnd?.(), F.recEnd = c, r.classList.add("recording"), r.title = "Press your keys! (Esc to cancel)";
+        const h = (l) => {
+          if (l.preventDefault(), l.stopPropagation(), l.key === "Escape") {
+            c();
+            return;
+          }
+          const m = [];
+          l.ctrlKey && m.push("ctrl"), l.metaKey && m.push("meta"), l.altKey && m.push("alt"), l.shiftKey && m.push("shift");
+          const d = l.key.toLowerCase();
+          if (["control", "meta", "alt", "shift"].includes(d)) return;
+          m.push(d);
+          const p = m.join("-"), u = a.value.trimEnd();
+          u.toLowerCase().split(/\s*,\s*/).includes(p) || (a.value = u ? u.replace(/,+$/, "") + ", " + p : p, this.emitChange(a.value)), c();
+        };
+        document.addEventListener("keydown", h, { capture: !0 }), o = () => document.removeEventListener("keydown", h, { capture: !0 });
+      }, i.appendChild(a), i.appendChild(r), s.appendChild(i);
+    } else
+      s.appendChild(a);
+    this.$root.appendChild(s);
   }
 }
-b("schema-form-string", ue);
+b("schema-form-string", F);
 class he extends S {
   render() {
     if (this.$input && this.$root.contains(this.$input)) {
-      const i = !!this.$root.querySelector("label.label");
-      if (!(this._label && !i)) {
+      const r = !!this.$root.querySelector("label.label");
+      if (!(this._label && !r)) {
         const o = this._value ?? "";
         this.$input.value !== String(o) && document.activeElement !== this.$input && (this.$input.value = o);
         return;
       }
     }
-    this.$root.innerHTML = `<style>${k}</style>`;
+    this.$root.innerHTML = `<style>${w}</style>`;
     const e = this._schema?.type ?? "number", s = N(this._schema), a = this.makeFieldContainer("number", s.description), t = document.createElement("input");
-    this.$input = t, t.className = "input", p(t, "field-input", "field-input-number"), t.name = P(this._path), t.id = I(this._path), s?.min != null && (t.min = String(s.min)), s?.max != null && (t.max = String(s.max)), s?.step != null && (t.step = String(s.step)), e === "percent" && !t.step && (t.step = "0.01"), t.value = this._value ?? "", t.oninput = () => this.emitChange(X(e, t.value));
-    const r = a.querySelector("label.label");
-    r && (r.htmlFor = t.id), s.role === "slider" ? t.type = "range" : t.type = "number", a.appendChild(t), this.$root.appendChild(a);
+    this.$input = t, t.className = "input", f(t, "field-input", "field-input-number"), t.name = j(this._path), t.id = A(this._path), s?.min != null && (t.min = String(s.min)), s?.max != null && (t.max = String(s.max)), s?.step != null && (t.step = String(s.step)), e === "percent" && !t.step && (t.step = "0.01"), t.value = this._value ?? "", t.oninput = () => this.emitChange(X(e, t.value));
+    const i = a.querySelector("label.label");
+    i && (i.htmlFor = t.id), s.role === "slider" ? t.type = "range" : t.type = "number", a.appendChild(t), this.$root.appendChild(a);
   }
 }
 b("schema-form-number", he);
 class me extends S {
   render() {
-    this.$root.innerHTML = `<style>${k}</style>`;
+    this.$root.innerHTML = `<style>${w}</style>`;
     const e = N(this._schema), s = this.makeFieldContainer("boolean", e.description), a = document.createElement("label");
-    a.className = "checkbox", p(a, "field-checkbox");
+    a.className = "checkbox", f(a, "field-checkbox");
     const t = document.createElement("input");
-    t.type = "checkbox", t.checked = !!this._value, t.name = P(this._path), t.id = I(this._path), p(t, "field-input", "field-input-checkbox");
-    const r = document.createElement("span");
-    r.textContent = e.description ?? this._label ?? "", p(r, "field-checkbox-text"), t.onchange = () => this.emitChange(t.checked);
-    const i = s.querySelector("label.label");
-    i && (i.htmlFor = t.id), a.append(t, r), s.appendChild(a), this.$root.appendChild(s);
+    t.type = "checkbox", t.checked = !!this._value, t.name = j(this._path), t.id = A(this._path), f(t, "field-input", "field-input-checkbox");
+    const i = document.createElement("span");
+    i.textContent = e.description ?? this._label ?? "", f(i, "field-checkbox-text"), t.onchange = () => this.emitChange(t.checked);
+    const r = s.querySelector("label.label");
+    r && (r.htmlFor = t.id), a.append(t, i), s.appendChild(a), this.$root.appendChild(s);
   }
 }
 b("schema-form-boolean", me);
-function B(n) {
+function V(n) {
   return String(n).padStart(2, "0");
 }
-function D(n) {
-  return `${n.getFullYear()}-${B(n.getMonth() + 1)}-${B(n.getDate())}`;
+function T(n) {
+  return `${n.getFullYear()}-${V(n.getMonth() + 1)}-${V(n.getDate())}`;
 }
 function W(n) {
-  return `${B(n.getHours())}:${B(n.getMinutes())}`;
+  return `${V(n.getHours())}:${V(n.getMinutes())}`;
 }
-function H(n) {
-  return `${D(n)}T${W(n)}`;
+function U(n) {
+  return `${T(n)}T${W(n)}`;
 }
 class pe extends S {
   render() {
     if (this.$input && this.$root.contains(this.$input)) {
-      const i = !!this.$root.querySelector("label.label");
-      if (!(this._label && !i)) {
+      const r = !!this.$root.querySelector("label.label");
+      if (!(this._label && !r)) {
         const o = N(this._schema).role || "date";
         if (document.activeElement !== this.$input)
           if (this._value instanceof Date)
-            o === "date" ? this.$input.value = D(this._value) : o === "time" ? this.$input.value = W(this._value) : o === "datetime" && (this.$input.value = H(this._value));
+            o === "date" ? this.$input.value = T(this._value) : o === "time" ? this.$input.value = W(this._value) : o === "datetime" && (this.$input.value = U(this._value));
           else if (typeof this._value == "string" && o !== "time") {
             const c = new Date(this._value);
-            isNaN(+c) || (o === "date" ? this.$input.value = D(c) : o === "datetime" && (this.$input.value = H(c)));
+            isNaN(+c) || (o === "date" ? this.$input.value = T(c) : o === "datetime" && (this.$input.value = U(c)));
           } else this._value || (this.$input.value = "");
         return;
       }
     }
-    this.$root.innerHTML = `<style>${k}</style>`;
+    this.$root.innerHTML = `<style>${w}</style>`;
     const e = N(this._schema), s = this.makeFieldContainer("date", e.description), a = document.createElement("input");
-    this.$input = a, a.className = "input", p(a, "field-input", "field-input-date");
+    this.$input = a, a.className = "input", f(a, "field-input", "field-input-date");
     const t = e.role || "date";
-    if (t === "datetime" ? a.type = "datetime-local" : t === "time" ? a.type = "time" : a.type = "date", a.name = P(this._path), a.id = I(this._path), this._value instanceof Date)
-      t === "date" ? a.value = D(this._value) : t === "time" ? a.value = W(this._value) : t === "datetime" && (a.value = H(this._value));
+    if (t === "datetime" ? a.type = "datetime-local" : t === "time" ? a.type = "time" : a.type = "date", a.name = j(this._path), a.id = A(this._path), this._value instanceof Date)
+      t === "date" ? a.value = T(this._value) : t === "time" ? a.value = W(this._value) : t === "datetime" && (a.value = U(this._value));
     else if (typeof this._value == "string" && t !== "time") {
-      const i = new Date(this._value);
-      isNaN(+i) || (t === "date" ? a.value = D(i) : t === "datetime" && (a.value = H(i)));
+      const r = new Date(this._value);
+      isNaN(+r) || (t === "date" ? a.value = T(r) : t === "datetime" && (a.value = U(r)));
     }
     a.oninput = () => {
       e.role;
-      let i;
+      let r;
       if (!a.value)
-        i = void 0;
+        r = void 0;
       else {
         const o = new Date(a.value);
-        i = Number.isNaN(+o) ? void 0 : o;
+        r = Number.isNaN(+o) ? void 0 : o;
       }
-      this.emitChange(i);
+      this.emitChange(r);
     };
-    const r = s.querySelector("label.label");
-    r && (r.htmlFor = a.id), s.appendChild(a), this.$root.appendChild(s);
+    const i = s.querySelector("label.label");
+    i && (i.htmlFor = a.id), s.appendChild(a), this.$root.appendChild(s);
   }
 }
 b("schema-form-date", pe);
 class Y extends S {
   render() {
-    this.$root.innerHTML = `<style>${k}</style>`;
+    this.$root.innerHTML = `<style>${w}</style>`;
     const e = N(this._schema), s = this._schema.value;
     if (e.role === "raw-html") {
       if (s instanceof Node) {
@@ -356,47 +391,47 @@ class Y extends S {
         this.$root.append(s());
         return;
       } else if (typeof s == "string") {
-        const i = document.createElement("div");
-        i.innerHTML = String(s), p(i, "field-const-value"), this.$root.appendChild(i);
+        const r = document.createElement("div");
+        r.innerHTML = String(s), f(r, "field-const-value"), this.$root.appendChild(r);
         return;
       }
     }
     const a = this.makeFieldContainer("const", e.description), t = document.createElement("section");
-    t.className = "const content", t.textContent = String(s), t.id = I(this._path), p(t, "field-const-value");
-    const r = a.querySelector("label.label");
-    r && (r.htmlFor = t.id), a.appendChild(t), this.$root.appendChild(a);
+    t.className = "const content", t.textContent = String(s), t.id = A(this._path), f(t, "field-const-value");
+    const i = a.querySelector("label.label");
+    i && (i.htmlFor = t.id), a.appendChild(t), this.$root.appendChild(a);
   }
 }
 b("schema-form-const", Y);
 class fe extends S {
   render() {
-    this.$root.innerHTML = `<style>${k}</style>`;
+    this.$root.innerHTML = `<style>${w}</style>`;
     const e = N(this._schema), s = this.makeFieldContainer("intersect", e.description);
     s.classList.remove("field");
     const a = document.createElement("div");
-    a.classList.add("group"), p(a, "field-group");
-    const t = this._schema.list || [], r = t.length > 0 && t.every((o) => o?.type === "object"), i = (o, c) => {
+    a.classList.add("group"), f(a, "field-group");
+    const t = this._schema.list || [], i = t.length > 0 && t.every((o) => o?.type === "object"), r = (o, c) => {
       if (Array.isArray(o) && Array.isArray(c)) return c.slice();
       if (o && c && typeof o == "object" && typeof c == "object") {
         const h = { ...o };
         for (const l of Object.keys(c))
-          h[l] = l in h ? i(h[l], c[l]) : c[l];
+          h[l] = l in h ? r(h[l], c[l]) : c[l];
         return h;
       }
       return c ?? o;
     };
-    if (r) {
+    if (i) {
       const o = this._value && typeof this._value == "object" ? this._value : {};
       t.forEach((c, h) => {
-        const l = c?.meta?.description ?? "", m = L(c, this._path, o, l, this._i18n);
-        m.addEventListener("change", (u) => {
-          u.stopPropagation();
-          const f = i(this._value ?? {}, u.detail.value);
-          this.emitChange(f);
+        const l = c?.meta?.description ?? "", m = P(c, this._path, o, l, this._i18n);
+        m.addEventListener("change", (d) => {
+          d.stopPropagation();
+          const p = r(this._value ?? {}, d.detail.value);
+          this.emitChange(p);
         }), a.appendChild(m);
       });
     } else {
-      const o = t[t.length - 1], c = L(o, this._path, this._value, this._label, this._i18n);
+      const o = t[t.length - 1], c = P(o, this._path, this._value, this._label, this._i18n);
       c.addEventListener("change", (h) => {
         h.stopPropagation(), this.emitChange(h.detail.value);
       }), a.appendChild(c);
@@ -405,7 +440,7 @@ class fe extends S {
   }
 }
 b("schema-form-intersect", fe);
-function Ke(n) {
+function Ze(n) {
   switch (n.type) {
     case "intersect":
       return "schema-form-intersect";
@@ -437,45 +472,45 @@ function Ke(n) {
       return "schema-form-string";
   }
 }
-function L(n, e, s, a, t) {
-  const r = Ke(n), i = document.createElement(r);
-  return i.schema = n, i.path = e, i.label = a, t && (i.i18n = t), i.setValue?.(s), i.setAttribute("exportparts", Ye), i;
+function P(n, e, s, a, t) {
+  const i = Ze(n), r = document.createElement(i);
+  return r.schema = n, r.path = e, r.label = a, t && (r.i18n = t), r.setValue?.(s), r.setAttribute("exportparts", Xe), r;
 }
 class ve extends S {
   render() {
-    this.$root.innerHTML = `<style>${k}</style>`;
+    this.$root.innerHTML = `<style>${w}</style>`;
     const e = N(this._schema), s = this.makeFieldContainer("union", e.description), a = this._schema.list || [];
-    if (Ze(a)) {
+    if (Ye(a)) {
       const t = document.createElement("select");
-      t.className = "input", p(t, "field-input", "field-input-select"), t.name = P(this._path), t.id = I(this._path), a.forEach((i) => {
+      t.className = "input", f(t, "field-input", "field-input-select"), t.name = j(this._path), t.id = A(this._path), a.forEach((r) => {
         const o = document.createElement("option");
-        o.value = String(i.value), o.textContent = String(i.meta?.description || i.value || i.type), this._value === i.value && (o.selected = !0), t.appendChild(o);
+        o.value = String(r.value), o.textContent = String(r.meta?.description || r.value || r.type), this._value === r.value && (o.selected = !0), t.appendChild(o);
       }), t.onchange = () => this.emitChange(X("string", t.value));
-      const r = s.querySelector("label.label");
-      r && (r.htmlFor = t.id), s.appendChild(t);
+      const i = s.querySelector("label.label");
+      i && (i.htmlFor = t.id), s.appendChild(t);
     } else {
       const t = document.createElement("div");
-      t.className = "toolbar", p(t, "field-toolbar");
-      const r = document.createElement("select");
-      r.className = "input", p(r, "field-input", "field-input-select", "field-toolbar-select"), r.name = P(this._path) + ".__type", r.id = I(this._path) + "__type";
-      let i = 0;
+      t.className = "toolbar", f(t, "field-toolbar");
+      const i = document.createElement("select");
+      i.className = "input", f(i, "field-input", "field-input-select", "field-toolbar-select"), i.name = j(this._path) + ".__type", i.id = A(this._path) + "__type";
+      let r = 0;
       a.forEach((l, m) => {
-        const u = document.createElement("option");
-        u.value = String(m), u.textContent = String(l.meta?.description || l.value || l.type), r.appendChild(u);
-      }), r.onchange = () => {
-        i = Number(r.value);
-        const l = a[i], m = j(l);
+        const d = document.createElement("option");
+        d.value = String(m), d.textContent = String(l.meta?.description || l.value || l.type), i.appendChild(d);
+      }), i.onchange = () => {
+        r = Number(i.value);
+        const l = a[r], m = R(l);
         this.emitChange(m), h();
       };
       const o = s.querySelector("label.label");
-      o && (o.htmlFor = r.id), t.appendChild(r), s.appendChild(t);
+      o && (o.htmlFor = i.id), t.appendChild(i), s.appendChild(t);
       const c = document.createElement("div");
-      c.className = "group", p(c, "field-group");
+      c.className = "group", f(c, "field-group");
       const h = () => {
         c.innerHTML = "";
-        const l = a[i], m = L(l, this._path, this._value, this._label);
-        m instanceof Y || (m.addEventListener("change", (u) => {
-          u.stopPropagation(), this.emitChange(u.detail.value);
+        const l = a[r], m = P(l, this._path, this._value, this._label);
+        m instanceof Y || (m.addEventListener("change", (d) => {
+          d.stopPropagation(), this.emitChange(d.detail.value);
         }), c.appendChild(m));
       };
       h(), s.appendChild(c);
@@ -486,21 +521,21 @@ class ve extends S {
 b("schema-form-union", ve);
 class ge extends S {
   render() {
-    this.$root.innerHTML = `<style>${k}</style>`;
+    this.$root.innerHTML = `<style>${w}</style>`;
     const e = N(this._schema), s = this.makeFieldContainer("tuple", e.description), a = document.createElement("div");
-    a.className = "group", p(a, "field-group");
+    a.className = "group", f(a, "field-group");
     const t = Array.isArray(this._value) ? this._value : [];
-    (this._schema.list || []).forEach((r, i) => {
-      const o = L(
-        r,
-        [...this._path, i],
-        t[i],
-        `${this._label ?? ""}[${i}]`
+    (this._schema.list || []).forEach((i, r) => {
+      const o = P(
+        i,
+        [...this._path, r],
+        t[r],
+        `${this._label ?? ""}[${r}]`
       );
       o.addEventListener("change", (c) => {
         c.stopPropagation();
         const h = Array.isArray(this._value) ? this._value.slice() : [];
-        h[i] = c.detail.value, this.emitChange(h);
+        h[r] = c.detail.value, this.emitChange(h);
       }), a.appendChild(o);
     }), s.appendChild(a), this.$root.appendChild(s);
   }
@@ -508,23 +543,23 @@ class ge extends S {
 b("schema-form-tuple", ge);
 class _e extends S {
   render() {
-    this.$root.innerHTML = `<style>${k}</style>`;
+    this.$root.innerHTML = `<style>${w}</style>`;
     const e = N(this._schema), s = this.makeFieldContainer("object", e.description), a = document.createElement("div");
-    a.className = "group", p(a, "field-group");
+    a.className = "group", f(a, "field-group");
     const t = this._schema.dict || {};
-    Object.keys(t).forEach((r) => {
-      if (t[r]?.meta?.hidden) return;
-      const i = (this._value ?? {})[r], o = L(t[r], [...this._path, r], i, r);
+    Object.keys(t).forEach((i) => {
+      if (t[i]?.meta?.hidden) return;
+      const r = (this._value ?? {})[i], o = P(t[i], [...this._path, i], r, i);
       o.addEventListener("change", (c) => {
         c.stopPropagation();
         const h = { ...this._value ?? {} };
-        h[r] = c.detail.value, this.emitChange(h);
+        h[i] = c.detail.value, this.emitChange(h);
       }), a.appendChild(o);
     }), s.appendChild(a), this.$root.appendChild(s);
   }
 }
 b("schema-form-object", _e);
-class V extends S {
+class z extends S {
   constructor() {
     super(...arguments), this._itemIds = [];
   }
@@ -537,7 +572,7 @@ class V extends S {
         return crypto.randomUUID();
     } catch {
     }
-    return "i" + V._idCounter++;
+    return "i" + z._idCounter++;
   }
   ensureItemIds(e) {
     for (; this._itemIds.length < e; ) this._itemIds.push(this.generateItemId());
@@ -555,169 +590,169 @@ class V extends S {
     Array.from(e.querySelectorAll(".row")).forEach((a) => {
       const t = a.dataset.uid;
       if (!t) return;
-      const r = s[t];
-      if (!r) return;
-      const i = a.getBoundingClientRect(), o = r.left - i.left, c = r.top - i.top;
+      const i = s[t];
+      if (!i) return;
+      const r = a.getBoundingClientRect(), o = i.left - r.left, c = i.top - r.top;
       (o || c) && (a.style.transition = "none", a.style.transform = `translate(${o}px, ${c}px)`, requestAnimationFrame(() => {
         a.style.transition = "transform .25s ease", a.style.transform = "";
       }));
     });
   }
   render() {
-    this.$root.innerHTML = `<style>${k}</style>`;
+    this.$root.innerHTML = `<style>${w}</style>`;
     const e = N(this._schema), s = this.makeFieldContainer("array", e.description), a = document.createElement("div");
-    a.className = "group", p(a, "field-group");
-    const t = this._schema.inner, r = () => Array.isArray(this._value) ? this._value : [];
-    this.ensureItemIds(r().length);
-    const i = (h, l) => {
-      a.innerHTML = "", r().forEach((m, u) => {
-        const f = [...this._path, u], d = document.createElement("div");
-        d.className = "row schema-collection-row", p(d, "field-row", "collection-row");
-        const g = this._itemIds[u];
-        d.dataset.uid = g, d.setAttribute("data-path", R(f));
-        const v = L(
+    a.className = "group", f(a, "field-group");
+    const t = this._schema.inner, i = () => Array.isArray(this._value) ? this._value : [];
+    this.ensureItemIds(i().length);
+    const r = (h, l) => {
+      a.innerHTML = "", i().forEach((m, d) => {
+        const p = [...this._path, d], u = document.createElement("div");
+        u.className = "row schema-collection-row", f(u, "field-row", "collection-row");
+        const g = this._itemIds[d];
+        u.dataset.uid = g, u.setAttribute("data-path", O(p));
+        const v = P(
           t,
-          f,
+          p,
           m,
-          `${this._label ?? ""}[${u}]`
+          `${this._label ?? ""}[${d}]`
         );
-        v.addEventListener("change", ($) => {
-          $.stopPropagation();
-          const x = r().slice();
-          x[u] = $.detail.value, this._value = x, this.emitChange(x);
+        v.addEventListener("change", (E) => {
+          E.stopPropagation();
+          const C = i().slice();
+          C[d] = E.detail.value, this._value = C, this.emitChange(C);
         });
-        const C = document.createElement("div");
-        C.className = "actions", p(C, "field-actions");
-        const w = document.createElement("button");
-        w.type = "button", w.className = "btn", p(w, "field-button", "field-button-secondary"), w.textContent = this._i18n.arrayMoveUp ?? "↑", w.onclick = () => {
-          if (u <= 0) return;
-          const $ = this.capturePositions(a), x = r().slice();
-          [x[u - 1], x[u]] = [x[u], x[u - 1]], [this._itemIds[u - 1], this._itemIds[u]] = [
-            this._itemIds[u],
-            this._itemIds[u - 1]
-          ], this._value = x, i($), this.emitChange(x);
+        const x = document.createElement("div");
+        x.className = "actions", f(x, "field-actions");
+        const k = document.createElement("button");
+        k.type = "button", k.className = "btn", f(k, "field-button", "field-button-secondary"), k.textContent = this._i18n.arrayMoveUp ?? "↑", k.onclick = () => {
+          if (d <= 0) return;
+          const E = this.capturePositions(a), C = i().slice();
+          [C[d - 1], C[d]] = [C[d], C[d - 1]], [this._itemIds[d - 1], this._itemIds[d]] = [
+            this._itemIds[d],
+            this._itemIds[d - 1]
+          ], this._value = C, r(E), this.emitChange(C);
         };
-        const E = document.createElement("button");
-        E.type = "button", E.className = "btn", p(E, "field-button", "field-button-secondary"), E.textContent = this._i18n.arrayMoveDown ?? "↓", E.onclick = () => {
-          const $ = r();
-          if (u >= $.length - 1) return;
-          const x = this.capturePositions(a), A = $.slice();
-          [A[u + 1], A[u]] = [A[u], A[u + 1]], [this._itemIds[u + 1], this._itemIds[u]] = [
-            this._itemIds[u],
-            this._itemIds[u + 1]
-          ], this._value = A, i(x), this.emitChange(A);
+        const $ = document.createElement("button");
+        $.type = "button", $.className = "btn", f($, "field-button", "field-button-secondary"), $.textContent = this._i18n.arrayMoveDown ?? "↓", $.onclick = () => {
+          const E = i();
+          if (d >= E.length - 1) return;
+          const C = this.capturePositions(a), L = E.slice();
+          [L[d + 1], L[d]] = [L[d], L[d + 1]], [this._itemIds[d + 1], this._itemIds[d]] = [
+            this._itemIds[d],
+            this._itemIds[d + 1]
+          ], this._value = L, r(C), this.emitChange(L);
         };
         const y = document.createElement("button");
-        y.type = "button", y.className = "btn danger", p(y, "field-button", "field-button-danger"), y.textContent = this._i18n.arrayRemove ?? "×", y.onclick = () => {
-          d.classList.add("leaving");
-          const $ = 250;
-          let x = !1;
-          const A = () => {
-            if (x) return;
-            x = !0, clearTimeout(ke);
-            const ee = r().filter((xt, Se) => Se !== u);
-            this._itemIds.splice(u, 1);
+        y.type = "button", y.className = "btn danger", f(y, "field-button", "field-button-danger"), y.textContent = this._i18n.arrayRemove ?? "×", y.onclick = () => {
+          u.classList.add("leaving");
+          const E = 250;
+          let C = !1;
+          const L = () => {
+            if (C) return;
+            C = !0, clearTimeout(we);
+            const te = i().filter((Ct, Se) => Se !== d);
+            this._itemIds.splice(d, 1);
             const Ne = this.capturePositions(a);
-            this._value = ee, i(Ne), this.emitChange(ee);
+            this._value = te, r(Ne), this.emitChange(te);
           };
-          d.addEventListener("transitionend", A, { once: !0 });
-          const ke = setTimeout(A, $ + 80);
-        }, C.append(w, E, y), d.appendChild(v), d.appendChild(C), a.appendChild(d), l && l === g && (d.classList.add("enter"), requestAnimationFrame(() => {
-          d.classList.add("enter-active");
+          u.addEventListener("transitionend", L, { once: !0 });
+          const we = setTimeout(L, E + 80);
+        }, x.append(k, $, y), u.appendChild(v), u.appendChild(x), a.appendChild(u), l && l === g && (u.classList.add("enter"), requestAnimationFrame(() => {
+          u.classList.add("enter-active");
         }), requestAnimationFrame(() => {
-          d.classList.remove("enter");
+          u.classList.remove("enter");
         }));
       }), h && this.playFLIP(a, h);
     };
-    i();
+    r();
     const o = document.createElement("button");
-    o.type = "button", o.className = "btn primary", p(o, "field-button", "field-button-primary"), o.textContent = this._i18n.arrayAdd ?? "+", o.onclick = () => {
-      const h = this.capturePositions(a), l = r().slice(), m = j(t);
+    o.type = "button", o.className = "btn primary", f(o, "field-button", "field-button-primary"), o.textContent = this._i18n.arrayAdd ?? "+", o.onclick = () => {
+      const h = this.capturePositions(a), l = i().slice(), m = R(t);
       l.push(m);
-      const u = this.generateItemId();
-      this._itemIds.push(u), this._value = l, i(h, u), this.emitChange(l);
+      const d = this.generateItemId();
+      this._itemIds.push(d), this._value = l, r(h, d), this.emitChange(l);
     };
     const c = document.createElement("div");
-    c.className = "actions", p(c, "field-actions"), c.appendChild(o), s.appendChild(a), s.appendChild(c), this.$root.appendChild(s);
+    c.className = "actions", f(c, "field-actions"), c.appendChild(o), s.appendChild(a), s.appendChild(c), this.$root.appendChild(s);
   }
 }
-b("schema-form-array", V);
+b("schema-form-array", z);
 class be extends S {
   render() {
-    this.$root.innerHTML = `<style>${k}</style>`;
+    this.$root.innerHTML = `<style>${w}</style>`;
     const e = N(this._schema), s = this.makeFieldContainer("dict", e.description), a = document.createElement("div");
-    a.className = "group", p(a, "field-group");
-    const t = this._schema.inner, r = this._value ?? {}, i = (u) => `d_${u}`, o = () => {
-      const u = {};
-      return a.querySelectorAll(".kv").forEach((f) => {
-        const d = f.dataset.uid;
-        d && (u[d] = f.getBoundingClientRect());
-      }), u;
-    }, c = (u) => {
-      a.querySelectorAll(".kv").forEach((f) => {
-        const d = f.dataset.uid;
-        if (!d) return;
-        const g = u[d];
+    a.className = "group", f(a, "field-group");
+    const t = this._schema.inner, i = this._value ?? {}, r = (d) => `d_${d}`, o = () => {
+      const d = {};
+      return a.querySelectorAll(".kv").forEach((p) => {
+        const u = p.dataset.uid;
+        u && (d[u] = p.getBoundingClientRect());
+      }), d;
+    }, c = (d) => {
+      a.querySelectorAll(".kv").forEach((p) => {
+        const u = p.dataset.uid;
+        if (!u) return;
+        const g = d[u];
         if (!g) return;
-        const v = f.getBoundingClientRect(), C = g.left - v.left, w = g.top - v.top;
-        (C || w) && (f.style.transition = "none", f.style.transform = `translate(${C}px, ${w}px)`, requestAnimationFrame(() => {
-          f.style.transition = "transform .25s ease", f.style.transform = "";
+        const v = p.getBoundingClientRect(), x = g.left - v.left, k = g.top - v.top;
+        (x || k) && (p.style.transition = "none", p.style.transform = `translate(${x}px, ${k}px)`, requestAnimationFrame(() => {
+          p.style.transition = "transform .25s ease", p.style.transform = "";
         }));
       });
-    }, h = (u, f) => {
-      a.innerHTML = "", Object.keys(r).forEach((d) => {
-        const g = [...this._path, d], v = document.createElement("div");
-        v.className = "kv schema-collection-row", p(v, "field-row", "collection-row"), v.dataset.uid = i(d), v.setAttribute("data-path", R(g));
-        const C = document.createElement("input");
-        C.className = "input", p(C, "field-input", "field-input-text"), C.value = d, C.name = P(g) + ".__key", C.id = I(g) + "__key";
-        const w = L(t, g, r[d], `${this._label ?? ""}[${d}]`), E = document.createElement("button");
-        E.type = "button", E.className = "btn danger", p(E, "field-button", "field-button-danger"), E.textContent = this._i18n.dictRemove ?? "×", E.onclick = () => {
+    }, h = (d, p) => {
+      a.innerHTML = "", Object.keys(i).forEach((u) => {
+        const g = [...this._path, u], v = document.createElement("div");
+        v.className = "kv schema-collection-row", f(v, "field-row", "collection-row"), v.dataset.uid = r(u), v.setAttribute("data-path", O(g));
+        const x = document.createElement("input");
+        x.className = "input", f(x, "field-input", "field-input-text"), x.value = u, x.name = j(g) + ".__key", x.id = A(g) + "__key";
+        const k = P(t, g, i[u], `${this._label ?? ""}[${u}]`), $ = document.createElement("button");
+        $.type = "button", $.className = "btn danger", f($, "field-button", "field-button-danger"), $.textContent = this._i18n.dictRemove ?? "×", $.onclick = () => {
           const y = o();
-          delete r[d];
-          const $ = { ...this._value ?? {} };
-          delete $[d], this._value = $, h(y), this.emitChange($);
-        }, C.onchange = () => {
-          const y = C.value.trim();
-          if (!y || y === d || r[y] !== void 0) return;
-          const $ = o();
-          r[y] = r[d], delete r[d];
-          const x = { ...this._value ?? {} };
-          x[y] = x[d], delete x[d], this._value = x, h($), this.emitChange(x);
-        }, w.addEventListener("change", (y) => {
+          delete i[u];
+          const E = { ...this._value ?? {} };
+          delete E[u], this._value = E, h(y), this.emitChange(E);
+        }, x.onchange = () => {
+          const y = x.value.trim();
+          if (!y || y === u || i[y] !== void 0) return;
+          const E = o();
+          i[y] = i[u], delete i[u];
+          const C = { ...this._value ?? {} };
+          C[y] = C[u], delete C[u], this._value = C, h(E), this.emitChange(C);
+        }, k.addEventListener("change", (y) => {
           y.stopPropagation();
-          const $ = { ...this._value ?? {} };
-          $[d] = y.detail.value, this._value = $, this.emitChange($);
-        }), v.append(C, w, E), a.appendChild(v), f === d && (v.classList.add("enter"), requestAnimationFrame(() => v.classList.add("enter-active")), requestAnimationFrame(() => v.classList.remove("enter")));
-      }), u && c(u);
+          const E = { ...this._value ?? {} };
+          E[u] = y.detail.value, this._value = E, this.emitChange(E);
+        }), v.append(x, k, $), a.appendChild(v), p === u && (v.classList.add("enter"), requestAnimationFrame(() => v.classList.add("enter-active")), requestAnimationFrame(() => v.classList.remove("enter")));
+      }), d && c(d);
     };
     h();
     const l = document.createElement("button");
-    l.type = "button", l.className = "btn primary", p(l, "field-button", "field-button-primary"), l.textContent = this._i18n.dictAdd ?? "+", l.onclick = () => {
-      let u = Object.keys(r).length + 1, f = `k${u}`;
-      for (; r[f] !== void 0; ) f = `k${++u}`;
-      const d = o();
-      r[f] = j(t);
-      const g = { ...this._value ?? {}, [f]: r[f] };
-      this._value = g, h(d, f), this.emitChange(g);
+    l.type = "button", l.className = "btn primary", f(l, "field-button", "field-button-primary"), l.textContent = this._i18n.dictAdd ?? "+", l.onclick = () => {
+      let d = Object.keys(i).length + 1, p = `k${d}`;
+      for (; i[p] !== void 0; ) p = `k${++d}`;
+      const u = o();
+      i[p] = R(t);
+      const g = { ...this._value ?? {}, [p]: i[p] };
+      this._value = g, h(u, p), this.emitChange(g);
     };
     const m = document.createElement("div");
-    m.className = "actions", p(m, "field-actions"), m.appendChild(l), s.appendChild(a), s.appendChild(m), this.$root.appendChild(s);
+    m.className = "actions", f(m, "field-actions"), m.appendChild(l), s.appendChild(a), s.appendChild(m), this.$root.appendChild(s);
   }
 }
 b("schema-form-dict", be);
 class ye extends HTMLElement {
   constructor() {
-    super(), this._i18n = { ...ce }, this._i18nCommitted = !1, this.$root = this.attachShadow({ mode: "open" });
+    super(), this._i18n = { ...ue }, this._i18nCommitted = !1, this.$root = this.attachShadow({ mode: "open" });
     const e = document.createElement("style");
-    e.textContent = k, this.$root.appendChild(e);
+    e.textContent = w, this.$root.appendChild(e);
     const s = document.createElement("div");
-    s.className = "wrapper", p(s, "wrapper");
+    s.className = "wrapper", f(s, "wrapper");
     const a = document.createElement("form");
-    a.className = "form", p(a, "form"), s.appendChild(a), this.$root.appendChild(s), this.addEventListener("change", (t) => {
+    a.className = "form", f(a, "form"), s.appendChild(a), this.$root.appendChild(s), this.addEventListener("change", (t) => {
       if (!t?.detail) return;
-      const { path: r, value: i } = t.detail;
-      Array.isArray(r) && r.length === 0 ? this._state = i : Qe(this._state ?? (this._state = {}), r, i), this.dispatchEvent(
-        new CustomEvent("form-change", { detail: { path: r, value: i, state: this._state } })
+      const { path: i, value: r } = t.detail;
+      Array.isArray(i) && i.length === 0 ? this._state = r : We(this._state ?? (this._state = {}), i, r), this.dispatchEvent(
+        new CustomEvent("form-change", { detail: { path: i, value: r, state: this._state } })
       );
     });
   }
@@ -727,7 +762,7 @@ class ye extends HTMLElement {
     try {
       this._state = this._schema(null, { autofix: !0 });
     } catch {
-      this._state = j(this._schema);
+      this._state = R(this._schema);
     }
     this.render();
   }
@@ -754,7 +789,7 @@ class ye extends HTMLElement {
     try {
       this._state = this._schema(null, { autofix: !0 });
     } catch {
-      this._state = j(this._schema);
+      this._state = R(this._schema);
     }
     this.render();
   }
@@ -772,7 +807,7 @@ class ye extends HTMLElement {
     if (!this._schema) return;
     const e = this.$root.querySelector("form");
     e.innerHTML = "";
-    const s = L(
+    const s = P(
       this._schema,
       [],
       this._state,
@@ -784,11 +819,11 @@ class ye extends HTMLElement {
 }
 b("schema-form", ye);
 function et() {
-  b("schema-form", ye), b("schema-form-string", ue), b("schema-form-number", he), b("schema-form-boolean", me), b("schema-form-date", pe), b("schema-form-const", Y), b("schema-form-union", ve), b("schema-form-tuple", ge), b("schema-form-object", _e), b("schema-form-array", V), b("schema-form-dict", be), b("schema-form-intersect", fe);
+  b("schema-form", ye), b("schema-form-string", F), b("schema-form-number", he), b("schema-form-boolean", me), b("schema-form-date", pe), b("schema-form-const", Y), b("schema-form-union", ve), b("schema-form-tuple", ge), b("schema-form-object", _e), b("schema-form-array", z), b("schema-form-dict", be), b("schema-form-intersect", fe);
 }
-const tt = /* @__PURE__ */ re({
+const tt = /* @__PURE__ */ oe({
   __name: "SchemasteryFormVue",
-  props: /* @__PURE__ */ te({
+  props: /* @__PURE__ */ ae({
     schema: {},
     value: {},
     validateOnChange: { type: Boolean, default: !1 }
@@ -798,39 +833,39 @@ const tt = /* @__PURE__ */ re({
     value: { required: !1, default: {} },
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ te(["change"], ["update:schema", "update:value"]),
+  emits: /* @__PURE__ */ ae(["change"], ["update:schema", "update:value"]),
   setup(n, { expose: e, emit: s }) {
-    const a = ae(n, "schema"), t = ae(n, "value"), r = s, i = oe("elRef");
+    const a = se(n, "schema"), t = se(n, "value"), i = s, r = le("elRef");
     let o = !1, c = !1;
     const h = (l) => {
       if (c)
         return;
-      const m = i.value, u = n.validateOnChange ? m.getData({ validate: !0 }) : l.detail.state;
-      o = !0, t.value = u, U(() => {
+      const m = r.value, d = n.validateOnChange ? m.getData({ validate: !0 }) : l.detail.state;
+      o = !0, t.value = d, B(() => {
         o = !1;
-      }), r("change", l.detail);
+      }), i("change", l.detail);
     };
     return Me(() => {
       et();
-    }), le(() => {
-      const l = i.value;
+    }), ce(() => {
+      const l = r.value;
       a.value && (l.schema = a.value), t.value !== void 0 && l.setData(t.value, { validate: !1, autofix: !0 }), l.addEventListener("form-change", h);
-    }), Pe(() => {
-      i.value?.removeEventListener("form-change", h);
-    }), J(
+    }), Fe(() => {
+      r.value?.removeEventListener("form-change", h);
+    }), K(
       a,
       (l) => {
-        o || i.value && l && i.value.schema !== l && (c = !0, i.value.schema = l, U(() => {
+        o || r.value && l && r.value.schema !== l && (c = !0, r.value.schema = l, B(() => {
           c = !1;
         }));
       },
       { deep: !0, immediate: !0 }
-    ), J(
+    ), K(
       t,
       (l) => {
-        if (o || !i.value || l === void 0) return;
-        const m = i.value.getData({ validate: !1 });
-        JSON.stringify(m) !== JSON.stringify(l) && (c = !0, i.value.setData(l, { validate: !1 }), U(() => {
+        if (o || !r.value || l === void 0) return;
+        const m = r.value.getData({ validate: !1 });
+        JSON.stringify(m) !== JSON.stringify(l) && (c = !0, r.value.setData(l, { validate: !1 }), B(() => {
           c = !1;
         }));
       },
@@ -838,33 +873,33 @@ const tt = /* @__PURE__ */ re({
     ), e({
       /** 手动设置数据并可选择是否触发 v-model:data */
       setData(l, m) {
-        const u = i.value;
-        u.setData(l, { validate: !!m?.validate }), m?.emit && (t.value = u.getData({ validate: !!m?.validate }));
+        const d = r.value;
+        d.setData(l, { validate: !!m?.validate }), m?.emit && (t.value = d.getData({ validate: !!m?.validate }));
       },
       /** 获取数据 */
       getData(l) {
-        return i.value.getData(l);
+        return r.value.getData(l);
       },
       /** 设置 schema，并同步到 v-model:schema */
       setSchema(l, m = !0) {
-        i.value.schema = l, m && (a.value = l);
+        r.value.schema = l, m && (a.value = l);
       },
       refresh() {
-        i.value.refresh();
+        r.value.refresh();
       },
       reset() {
-        i.value.reset();
+        r.value.reset();
       },
       /** 原生元素 */
-      el: i
-    }), (l, m) => (F(), T("schema-form", je({
+      el: r
+    }), (l, m) => (I(), D("schema-form", je({
       ref_key: "elRef",
-      ref: i
+      ref: r
     }, l.$attrs), null, 16));
   }
 });
 function M(n, e = /* @__PURE__ */ new WeakMap()) {
-  if (Te(n))
+  if (Re(n))
     return M(n.value, e);
   if (n === null || typeof n != "object")
     return n;
@@ -876,21 +911,21 @@ function M(n, e = /* @__PURE__ */ new WeakMap()) {
     return new RegExp(n);
   if (n instanceof Map) {
     const t = /* @__PURE__ */ new Map();
-    return e.set(n, t), Array.from(n.entries()).forEach(([r, i]) => {
-      t.set(r, M(i, e));
+    return e.set(n, t), Array.from(n.entries()).forEach(([i, r]) => {
+      t.set(i, M(r, e));
     }), t;
   }
   if (n instanceof Set) {
     const t = /* @__PURE__ */ new Set();
-    return e.set(n, t), Array.from(n).forEach((r) => {
-      t.add(M(r, e));
+    return e.set(n, t), Array.from(n).forEach((i) => {
+      t.add(M(i, e));
     }), t;
   }
   if (Array.isArray(n)) {
     const t = [];
     e.set(n, t);
-    for (const r of n)
-      t.push(M(r, e));
+    for (const i of n)
+      t.push(M(i, e));
     return t;
   }
   const s = De(n), a = {};
@@ -901,104 +936,104 @@ function M(n, e = /* @__PURE__ */ new WeakMap()) {
     a[t] = M(s[t], e);
   return a;
 }
-const at = { id: "preferences-ui-app" }, st = { class: "tabbar" }, nt = { class: "tabbar-tabs" }, it = ["onClick", "data-value"], rt = { class: "tabbar-content" }, ot = { key: 0 }, lt = { style: { "max-height": "20em", overflow: "auto" } }, ct = /* @__PURE__ */ re({
+const at = { id: "preferences-ui-app" }, st = { class: "tabbar" }, nt = { class: "tabbar-tabs" }, rt = ["onClick", "data-value"], it = { class: "tabbar-content" }, ot = { key: 0 }, lt = { style: { "max-height": "20em", overflow: "auto" } }, ct = /* @__PURE__ */ oe({
   __name: "PreferencesApp",
   setup(n, { expose: e }) {
-    const s = Re(), a = !1, t = Oe([]), r = O([]), i = O(""), o = z(() => r.value.find((d) => d.name === i.value) || null), c = z(() => {
-      const d = t.value.filter((g) => g.category === i.value).map((g) => g.schema);
-      return d.length === 0 ? null : Le.intersect(d);
-    }), h = z(() => o.value && typeof o.value.autoGenerateForm == "boolean" ? o.value.autoGenerateForm : !0), l = O({});
+    const s = Te(), a = !1, t = Oe([]), i = q([]), r = q(""), o = G(() => i.value.find((u) => u.name === r.value) || null), c = G(() => {
+      const u = t.value.filter((g) => g.category === r.value).map((g) => g.schema);
+      return u.length === 0 ? null : Pe.intersect(u);
+    }), h = G(() => o.value && typeof o.value.autoGenerateForm == "boolean" ? o.value.autoGenerateForm : !0), l = q({});
     e({
       getValue() {
         return M(l);
       },
-      mergeValue(d) {
+      mergeValue(u) {
         l.value = {
           ...l.value,
-          ...d
+          ...u
         };
       },
-      selectTab(d) {
-        i.value = d;
+      selectTab(u) {
+        r.value = u;
       }
-    }), le(async () => {
-      s.inject(["preferences"], async (d) => {
-        const g = await d.preferences.getAll();
-        l.value = g, r.value = d.preferences.getConfigCategories(), t.value = d.preferences.getConfigRegistries(), i.value = r.value[0].name;
+    }), ce(async () => {
+      s.inject(["preferences"], async (u) => {
+        const g = await u.preferences.getAll();
+        l.value = g, i.value = u.preferences.getConfigCategories(), t.value = u.preferences.getConfigRegistries(), r.value = i.value[0].name;
       });
     });
-    const m = (d, g) => {
-      d.preventDefault(), i.value = g;
-      const v = d.currentTarget;
+    const m = (u, g) => {
+      u.preventDefault(), r.value = g;
+      const v = u.currentTarget;
       v && v.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
-    }, u = oe("customRenderContainerRef"), f = O([]);
+    }, d = le("customRenderContainerRef"), p = q([]);
     return qe(() => {
-      f.value.forEach((d) => d()), f.value = [];
-    }), J(
+      p.value.forEach((u) => u()), p.value = [];
+    }), K(
       o,
-      async (d) => {
-        f.value.forEach((v) => v()), f.value = [], await U();
-        const g = u.value;
-        if (g && (g.innerText = "", d && typeof d.customRenderer == "function")) {
+      async (u) => {
+        p.value.forEach((v) => v()), p.value = [], await B();
+        const g = d.value;
+        if (g && (g.innerText = "", u && typeof u.customRenderer == "function")) {
           let v = Ge;
-          const C = (y) => {
+          const x = (y) => {
             v = y;
-          }, w = (y) => {
-            f.value.push(y);
-          }, E = await d.customRenderer({ ctx: s, onMounted: C, onUnmount: w });
-          E && (g.appendChild(E), v?.(g));
+          }, k = (y) => {
+            p.value.push(y);
+          }, $ = await u.customRenderer({ ctx: s, onMounted: x, onUnmount: k });
+          $ && (g.appendChild($), v?.(g));
         }
       },
       { immediate: !0, deep: !1 }
-    ), (d, g) => (F(), T("div", at, [
-      q("div", st, [
-        q("div", nt, [
-          (F(!0), T(He, null, Ue(r.value, (v) => (F(), T("a", {
-            class: Be(["tab", { active: i.value === v.name }]),
+    ), (u, g) => (I(), D("div", at, [
+      H("div", st, [
+        H("div", nt, [
+          (I(!0), D(He, null, Ue(i.value, (v) => (I(), D("a", {
+            class: Be(["tab", { active: r.value === v.name }]),
             key: v.name,
-            onClick: (C) => m(C, v.name),
+            onClick: (x) => m(x, v.name),
             "data-value": v.name
-          }, se(v.label), 11, it))), 128))
+          }, ne(v.label), 11, rt))), 128))
         ]),
-        q("div", rt, [
-          o.value && o.value.customRenderer ? (F(), T("div", {
+        H("div", it, [
+          o.value && o.value.customRenderer ? (I(), D("div", {
             class: "custom-render-container",
             ref_key: "customRenderContainerRef",
-            ref: u,
-            key: i.value
-          })) : G("", !0),
-          h.value && c.value ? (F(), Ve(ne(tt), {
+            ref: d,
+            key: r.value
+          })) : J("", !0),
+          h.value && c.value ? (I(), Ve(re(tt), {
             class: "auto-schema-form",
-            key: i.value,
-            "data-category": i.value,
+            key: r.value,
+            "data-category": r.value,
             schema: c.value,
             value: l.value,
             "onUpdate:value": g[0] || (g[0] = (v) => l.value = { ...l.value, ...v }),
             "validate-on-change": !1,
             i18n: { rootLabel: "" }
-          }, null, 8, ["data-category", "schema", "value"])) : G("", !0)
+          }, null, 8, ["data-category", "schema", "value"])) : J("", !0)
         ])
       ]),
-      ne(a) ? (F(), T("details", ot, [
-        q("pre", lt, se(l.value), 1)
-      ])) : G("", !0)
+      re(a) ? (I(), D("details", ot, [
+        H("pre", lt, ne(l.value), 1)
+      ])) : J("", !0)
     ]));
   }
-}), dt = /* @__PURE__ */ Je(ct, [["__scopeId", "data-v-775e2739"]]);
-var ut = Object.create, Z = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, xe = (n, e) => (e = Symbol[n]) ? e : /* @__PURE__ */ Symbol.for("Symbol." + n), Ce = (n) => {
+}), ut = /* @__PURE__ */ Je(ct, [["__scopeId", "data-v-775e2739"]]);
+var dt = Object.create, Z = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, Ce = (n, e) => (e = Symbol[n]) ? e : /* @__PURE__ */ Symbol.for("Symbol." + n), xe = (n) => {
   throw TypeError(n);
-}, mt = (n, e, s) => e in n ? Z(n, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[e] = s, pt = (n, e) => Z(n, "name", { value: e, configurable: !0 }), ft = (n) => [, , , ut(n?.[xe("metadata")] ?? null)], vt = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], $e = (n) => n !== void 0 && typeof n != "function" ? Ce("Function expected") : n, gt = (n, e, s, a, t) => ({ kind: vt[n], name: e, metadata: a, addInitializer: (r) => s._ ? Ce("Already initialized") : t.push($e(r || null)) }), _t = (n, e) => mt(e, xe("metadata"), n[3]), bt = (n, e, s, a) => {
-  for (var t = 0, r = n[e >> 1], i = r && r.length; t < i; t++) r[t].call(s);
+}, mt = (n, e, s) => e in n ? Z(n, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[e] = s, pt = (n, e) => Z(n, "name", { value: e, configurable: !0 }), ft = (n) => [, , , dt(n?.[Ce("metadata")] ?? null)], vt = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Ee = (n) => n !== void 0 && typeof n != "function" ? xe("Function expected") : n, gt = (n, e, s, a, t) => ({ kind: vt[n], name: e, metadata: a, addInitializer: (i) => s._ ? xe("Already initialized") : t.push(Ee(i || null)) }), _t = (n, e) => mt(e, Ce("metadata"), n[3]), bt = (n, e, s, a) => {
+  for (var t = 0, i = n[e >> 1], r = i && i.length; t < r; t++) i[t].call(s);
   return a;
-}, yt = (n, e, s, a, t, r) => {
-  var i, o, c, h = e & 7, l = !1, m = 0, u = n[m] || (n[m] = []), f = h && (t = t.prototype, h < 5 && (h > 3 || !l) && ht(t, s));
+}, yt = (n, e, s, a, t, i) => {
+  var r, o, c, h = e & 7, l = !1, m = 0, d = n[m] || (n[m] = []), p = h && (t = t.prototype, h < 5 && (h > 3 || !l) && ht(t, s));
   pt(t, s);
-  for (var d = a.length - 1; d >= 0; d--)
-    c = gt(h, s, o = {}, n[3], u), i = (0, a[d])(t, c), o._ = 1, $e(i) && (t = i);
-  return _t(n, t), f && Z(t, s, f), l ? h ^ 4 ? r : f : t;
-}, Ee, K, we;
-Ee = [Fe(["preferences", "modal", "$", "$$"])];
-class Q extends (we = We) {
+  for (var u = a.length - 1; u >= 0; u--)
+    c = gt(h, s, o = {}, n[3], d), r = (0, a[u])(t, c), o._ = 1, Ee(r) && (t = r);
+  return _t(n, t), p && Z(t, s, p), l ? h ^ 4 ? i : p : t;
+}, $e, ee, ke;
+$e = [Ie(["preferences", "modal", "$", "$$"])];
+class Q extends (ke = Ke) {
   constructor(e) {
     super(e, {}, "preferences-ui"), this.ctx = e, this._modal = null, this._form = null, e.set("preferencesUI", this);
     const s = e.$, a = e.$$;
@@ -1072,13 +1107,13 @@ class Q extends (we = We) {
         group: "group2",
         index: 99,
         onClick: () => this.showModal()
-      }), this.addDisposeHandler((r) => {
-        r.toolbox.removeButton("preferences");
+      }), this.addDisposeHandler((i) => {
+        i.toolbox.removeButton("preferences");
       });
     });
   }
   async start() {
-    import("./PluginPrefSync-CDTFyM8g.js").then(({ PluginPrefSync: e }) => {
+    import("./PluginPrefSync-C8tb5SJJ.js").then(({ PluginPrefSync: e }) => {
       this.ctx.plugin(e);
     }).catch(this.ctx.logger.warn), this.ctx.on("preferences/changed", (e) => {
       this._form?.mergeValue?.(e.input);
@@ -1096,7 +1131,7 @@ class Q extends (we = We) {
       outSideClose: !1,
       center: !0,
       title: `${e`InPageEdit Preferences`} (${this.ctx.version})`,
-      content: /* @__PURE__ */ _(Ie, { children: /* @__PURE__ */ _(Ae, {}) })
+      content: /* @__PURE__ */ _(Ae, { children: /* @__PURE__ */ _(Le, {}) })
     });
     s.get$window().classList.add("dialog");
     const a = /* @__PURE__ */ _(
@@ -1110,11 +1145,11 @@ class Q extends (we = We) {
       ctx: this.ctx,
       modal: s
     });
-    const t = this.createPreferencesUIApp(), r = t.mount(a);
-    return this._form = r, this.ctx.emit("preferences-ui/vue-app-mounted", {
+    const t = this.createPreferencesUIApp(), i = t.mount(a);
+    return this._form = i, this.ctx.emit("preferences-ui/vue-app-mounted", {
       ctx: this.ctx,
       app: t,
-      form: r
+      form: i
     }), s.setButtons([
       {
         label: e`Close`,
@@ -1127,10 +1162,10 @@ class Q extends (we = We) {
         label: e`Save`,
         className: "is-primary is-ghost",
         method: async () => {
-          const i = r.getValue();
+          const r = i.getValue();
           try {
-            const o = await this.ctx.preferences.setMany(i);
-            this.logger.info("preferences saved", i, o);
+            const o = await this.ctx.preferences.setMany(r);
+            this.logger.info("preferences saved", r, o);
           } catch (o) {
             this.logger.error("failed to save preferences", o);
           }
@@ -1165,13 +1200,13 @@ class Q extends (we = We) {
     return this._form?.mergeValue?.(e), !!this._form?.mergeValue;
   }
   createPreferencesUIApp() {
-    return ze(this.ctx, dt);
+    return ze(this.ctx, ut);
   }
 }
-K = ft(we);
-Q = yt(K, 0, "PluginPreferencesUI", Ee, Q);
-bt(K, 1, Q);
+ee = ft(ke);
+Q = yt(ee, 0, "PluginPreferencesUI", $e, Q);
+bt(ee, 1, Q);
 export {
   Q as PluginPreferencesUI
 };
-//# sourceMappingURL=index-BcTomMXW.js.map
+//# sourceMappingURL=index-_Sydb5MZ.js.map