@inpageedit/core 0.11.1 → 0.12.1

package/dist/index-eARjMi7f.js

@@ -0,0 +1,1168 @@
+import { j as _, P as Ae, F as Le } from "./index-CM_6yF2v.js";
+import { S as Ie, B as Me, I as Pe } from "./index-DgQNTfPR.js";
+import { a as re, m as te, u as ae, b as oe, e as D, o as Fe, f as le, g as je, w as J, n as U, h as M, i as De, j as Te, t as Re, k as He, s as Oe, r as H, l as z, p as qe, q as O, v as G, F as Ue, x as Be, y as Ve, z as ne, A as ze, B as se, c as Ge } from "./vueHooks-l04s8cIl.js";
+import { n as Je } from "./noop-ClDc6zv4.js";
+import { _ as We } from "./_plugin-vue_export-helper-CHgC5LLL.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}.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 = {
+  arrayAdd: "+",
+  arrayMoveUp: "↑",
+  arrayMoveDown: "↓",
+  arrayRemove: "×",
+  dictAdd: "+",
+  dictRemove: "×",
+  rootLabel: "root"
+}, b = (n, e) => {
+  customElements.get(n) || customElements.define(n, e);
+}, Qe = (n, e, s) => {
+  if (!e.length) return;
+  let a = n, t = null, r = 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;
+  }
+  const i = e[e.length - 1];
+  if (a == null || typeof a != "object") {
+    const o = typeof i == "number" ? [] : {};
+    if (t)
+      t[r] = o, a = o;
+    else
+      return;
+  }
+  try {
+    a[i] = s;
+  } catch {
+    try {
+      const o = Array.isArray(a) ? a.slice() : { ...a };
+      o[i] = s, t && (t[r] = o);
+    } catch {
+    }
+  }
+}, R = (n) => n.map(String).join("."), Xe = (n) => n.replace(/[^a-zA-Z0-9_-]/g, "_"), L = (n) => `schema_${Xe(R(n) || "root")}`, F = (n) => R(n), p = (n, ...e) => {
+  const s = new Set(e);
+  s.size && n.setAttribute("part", Array.from(s).join(" "));
+}, Ye = [
+  "wrapper",
+  "form",
+  "field",
+  "field-intersect",
+  "field-string",
+  "field-number",
+  "field-boolean",
+  "field-date",
+  "field-const",
+  "field-array",
+  "field-object",
+  "field-tuple",
+  "field-union",
+  "field-dict",
+  "field-label",
+  "field-helper",
+  "field-group",
+  "field-row",
+  "field-actions",
+  "field-button",
+  "field-button-primary",
+  "field-button-danger",
+  "field-button-secondary",
+  "field-toolbar",
+  "field-badge",
+  "field-input",
+  "field-input-text",
+  "field-input-number",
+  "field-input-date",
+  "field-input-select",
+  "field-input-textarea",
+  "field-input-checkbox",
+  "field-const-value",
+  "collection-row",
+  "field-checkbox",
+  "field-checkbox-text",
+  "field-toolbar-select"
+].join(" ");
+function X(n, e) {
+  if (e == null) return e;
+  switch (n) {
+    case "number":
+    case "natural":
+    case "percent": {
+      if (e === "") return;
+      const s = Number(e);
+      return Number.isNaN(s) ? void 0 : s;
+    }
+    case "boolean":
+      return !!e;
+    case "date": {
+      if (!e) return;
+      const s = new Date(e);
+      return Number.isNaN(+s) ? void 0 : s;
+    }
+    case "const":
+    case "string":
+    default:
+      return e;
+  }
+}
+function ie(n) {
+  return typeof n == "function" && !!n?.type;
+}
+function de(n) {
+  if (!n) throw new Error("schema is required");
+  if (ie(n)) return n;
+  try {
+    const e = Schema.from(n);
+    if (ie(e)) return e;
+  } catch {
+  }
+  if (n?.type) {
+    const e = n.type;
+    if (Schema[e]) return Schema[e](n.inner ?? n.list ?? n.dict);
+  }
+  throw new Error("无法从传入对象生成 Schemastery 实例，请传入 schema 或 schema.toJSON() 的结果。");
+}
+function N(n) {
+  return n?.meta ?? {};
+}
+function Ze(n) {
+  return n.length > 0 && n.every((e) => e?.type === "const");
+}
+function j(n) {
+  if (!n) return;
+  const e = n, s = e.meta || {};
+  if (Object.prototype.hasOwnProperty.call(s, "default")) return s.default;
+  const a = e.type;
+  try {
+    const t = n();
+    if (t !== void 0) return t;
+  } catch {
+  }
+  switch (a) {
+    case "string":
+      return "";
+    case "number":
+    case "natural":
+    case "percent":
+      return 0;
+    case "boolean":
+      return !1;
+    case "array":
+      return [];
+    case "tuple":
+      return [];
+    case "object":
+      return {};
+    case "dict":
+      return {};
+    case "union": {
+      const t = e.list || [];
+      return t.length ? j(t[0]) : void 0;
+    }
+    case "const":
+      return e.value;
+    case "date":
+      return;
+    case "intersect": {
+      const t = e.list || [], 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 ? r(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;
+    }
+    default:
+      return;
+  }
+}
+class S extends HTMLElement {
+  constructor() {
+    super(), this._path = [], this._i18n = ce, this.$root = this.attachShadow({ mode: "open" });
+    const e = document.createElement("style");
+    e.textContent = k, 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) {
+      const t = document.createElement("label");
+      t.className = "label", t.textContent = this._label, p(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);
+    }
+    return a;
+  }
+  /** 外部设置 schema/path/label/value */
+  set schema(e) {
+    this._schema = de(e), this.render();
+  }
+  get schema() {
+    return this._schema;
+  }
+  set path(e) {
+    this._path = e ?? [], this.render();
+  }
+  get path() {
+    return this._path;
+  }
+  set label(e) {
+    this._label = e, this.render();
+  }
+  get label() {
+    return this._label;
+  }
+  set i18n(e) {
+    e && (this._i18n = { ...this._i18n, ...e }), this.render();
+  }
+  get i18n() {
+    return this._i18n;
+  }
+  setValue(e) {
+    this._value = e, this.render();
+  }
+  getValue() {
+    return this._value;
+  }
+  /** 触发变更事件（冒泡） */
+  emitChange(e) {
+    this._value = e, this.dispatchEvent(
+      new CustomEvent("change", {
+        bubbles: !0,
+        composed: !0,
+        detail: { path: this._path, value: e }
+      })
+    );
+  }
+}
+class ue extends S {
+  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);
+        return;
+      }
+    }
+    this.$root.innerHTML = `<style>${k}</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 = F(this._path), a.id = L(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);
+  }
+}
+b("schema-form-string", ue);
+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 o = this._value ?? "";
+        this.$input.value !== String(o) && document.activeElement !== this.$input && (this.$input.value = o);
+        return;
+      }
+    }
+    this.$root.innerHTML = `<style>${k}</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 = F(this._path), t.id = L(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);
+  }
+}
+b("schema-form-number", he);
+class me extends S {
+  render() {
+    this.$root.innerHTML = `<style>${k}</style>`;
+    const e = N(this._schema), s = this.makeFieldContainer("boolean", e.description), a = document.createElement("label");
+    a.className = "checkbox", p(a, "field-checkbox");
+    const t = document.createElement("input");
+    t.type = "checkbox", t.checked = !!this._value, t.name = F(this._path), t.id = L(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);
+  }
+}
+b("schema-form-boolean", me);
+function B(n) {
+  return String(n).padStart(2, "0");
+}
+function T(n) {
+  return `${n.getFullYear()}-${B(n.getMonth() + 1)}-${B(n.getDate())}`;
+}
+function W(n) {
+  return `${B(n.getHours())}:${B(n.getMinutes())}`;
+}
+function q(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 o = N(this._schema).role || "date";
+        if (document.activeElement !== this.$input)
+          if (this._value instanceof Date)
+            o === "date" ? this.$input.value = T(this._value) : o === "time" ? this.$input.value = W(this._value) : o === "datetime" && (this.$input.value = q(this._value));
+          else if (typeof this._value == "string" && o !== "time") {
+            const c = new Date(this._value);
+            isNaN(+c) || (o === "date" ? this.$input.value = T(c) : o === "datetime" && (this.$input.value = q(c)));
+          } else this._value || (this.$input.value = "");
+        return;
+      }
+    }
+    this.$root.innerHTML = `<style>${k}</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");
+    const t = e.role || "date";
+    if (t === "datetime" ? a.type = "datetime-local" : t === "time" ? a.type = "time" : a.type = "date", a.name = F(this._path), a.id = L(this._path), this._value instanceof Date)
+      t === "date" ? a.value = T(this._value) : t === "time" ? a.value = W(this._value) : t === "datetime" && (a.value = q(this._value));
+    else if (typeof this._value == "string" && t !== "time") {
+      const i = new Date(this._value);
+      isNaN(+i) || (t === "date" ? a.value = T(i) : t === "datetime" && (a.value = q(i)));
+    }
+    a.oninput = () => {
+      e.role;
+      let i;
+      if (!a.value)
+        i = void 0;
+      else {
+        const o = new Date(a.value);
+        i = Number.isNaN(+o) ? void 0 : o;
+      }
+      this.emitChange(i);
+    };
+    const r = s.querySelector("label.label");
+    r && (r.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>`;
+    const e = N(this._schema), s = this._schema.value;
+    if (e.role === "raw-html") {
+      if (s instanceof Node) {
+        this.$root.append(s);
+        return;
+      } else if (typeof s == "function") {
+        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);
+        return;
+      }
+    }
+    const a = this.makeFieldContainer("const", e.description), t = document.createElement("section");
+    t.className = "const content", t.textContent = String(s), t.id = L(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);
+  }
+}
+b("schema-form-const", Y);
+class fe extends S {
+  render() {
+    this.$root.innerHTML = `<style>${k}</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) => {
+      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];
+        return h;
+      }
+      return c ?? o;
+    };
+    if (r) {
+      const o = this._value && typeof this._value == "object" ? this._value : {};
+      t.forEach((c, h) => {
+        const l = c?.meta?.description ?? "", m = I(c, this._path, o, l, this._i18n);
+        m.addEventListener("change", (u) => {
+          u.stopPropagation();
+          const f = i(this._value ?? {}, u.detail.value);
+          this.emitChange(f);
+        }), a.appendChild(m);
+      });
+    } else {
+      const o = t[t.length - 1], c = I(o, this._path, this._value, this._label, this._i18n);
+      c.addEventListener("change", (h) => {
+        h.stopPropagation(), this.emitChange(h.detail.value);
+      }), a.appendChild(c);
+    }
+    s.appendChild(a), this.$root.appendChild(s);
+  }
+}
+b("schema-form-intersect", fe);
+function Ke(n) {
+  switch (n.type) {
+    case "intersect":
+      return "schema-form-intersect";
+    case "string":
+      return "schema-form-string";
+    case "number":
+    case "natural":
+    case "percent":
+      return "schema-form-number";
+    case "boolean":
+      return "schema-form-boolean";
+    case "date":
+      return "schema-form-date";
+    case "const":
+      return "schema-form-const";
+    case "array":
+      return "schema-form-array";
+    case "object":
+      return "schema-form-object";
+    case "tuple":
+      return "schema-form-tuple";
+    case "dict":
+      return "schema-form-dict";
+    case "union": {
+      const e = n.list || [];
+      return e.length === 2 && e[0]?.type === "is" && e[0]?.constructor === Date && e[1]?.type === "transform" && (e[1]?.inner?.meta?.role === "datetime" || e[1]?.inner?.meta?.role === "date" || e[1]?.inner?.meta?.role === "time") ? "schema-form-date" : "schema-form-union";
+    }
+    default:
+      return "schema-form-string";
+  }
+}
+function I(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;
+}
+class ve extends S {
+  render() {
+    this.$root.innerHTML = `<style>${k}</style>`;
+    const e = N(this._schema), s = this.makeFieldContainer("union", e.description), a = this._schema.list || [];
+    if (Ze(a)) {
+      const t = document.createElement("select");
+      t.className = "input", p(t, "field-input", "field-input-select"), t.name = F(this._path), t.id = L(this._path), a.forEach((i) => {
+        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);
+      }), t.onchange = () => this.emitChange(X("string", t.value));
+      const r = s.querySelector("label.label");
+      r && (r.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 = F(this._path) + ".__type", r.id = L(this._path) + "__type";
+      let i = 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);
+        this.emitChange(m), h();
+      };
+      const o = s.querySelector("label.label");
+      o && (o.htmlFor = r.id), t.appendChild(r), s.appendChild(t);
+      const c = document.createElement("div");
+      c.className = "group", p(c, "field-group");
+      const h = () => {
+        c.innerHTML = "";
+        const l = a[i], m = I(l, this._path, this._value, this._label);
+        m instanceof Y || (m.addEventListener("change", (u) => {
+          u.stopPropagation(), this.emitChange(u.detail.value);
+        }), c.appendChild(m));
+      };
+      h(), s.appendChild(c);
+    }
+    this.$root.appendChild(s);
+  }
+}
+b("schema-form-union", ve);
+class ge extends S {
+  render() {
+    this.$root.innerHTML = `<style>${k}</style>`;
+    const e = N(this._schema), s = this.makeFieldContainer("tuple", e.description), a = document.createElement("div");
+    a.className = "group", p(a, "field-group");
+    const t = Array.isArray(this._value) ? this._value : [];
+    (this._schema.list || []).forEach((r, i) => {
+      const o = I(
+        r,
+        [...this._path, i],
+        t[i],
+        `${this._label ?? ""}[${i}]`
+      );
+      o.addEventListener("change", (c) => {
+        c.stopPropagation();
+        const h = Array.isArray(this._value) ? this._value.slice() : [];
+        h[i] = c.detail.value, this.emitChange(h);
+      }), a.appendChild(o);
+    }), s.appendChild(a), this.$root.appendChild(s);
+  }
+}
+b("schema-form-tuple", ge);
+class _e extends S {
+  render() {
+    this.$root.innerHTML = `<style>${k}</style>`;
+    const e = N(this._schema), s = this.makeFieldContainer("object", e.description), a = document.createElement("div");
+    a.className = "group", p(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 = I(t[r], [...this._path, r], i, r);
+      o.addEventListener("change", (c) => {
+        c.stopPropagation();
+        const h = { ...this._value ?? {} };
+        h[r] = 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 {
+  constructor() {
+    super(...arguments), this._itemIds = [];
+  }
+  static {
+    this._idCounter = 0;
+  }
+  generateItemId() {
+    try {
+      if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
+        return crypto.randomUUID();
+    } catch {
+    }
+    return "i" + V._idCounter++;
+  }
+  ensureItemIds(e) {
+    for (; this._itemIds.length < e; ) this._itemIds.push(this.generateItemId());
+    this._itemIds.length > e && (this._itemIds.length = e);
+  }
+  // 采集当前行位置信息（用于 FLIP）
+  capturePositions(e) {
+    const s = {};
+    return e.querySelectorAll(".row").forEach((a) => {
+      const t = a.dataset.uid;
+      t && (s[t] = a.getBoundingClientRect());
+    }), s;
+  }
+  playFLIP(e, 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;
+      (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>`;
+    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 = I(
+          t,
+          f,
+          m,
+          `${this._label ?? ""}[${u}]`
+        );
+        v.addEventListener("change", (E) => {
+          E.stopPropagation();
+          const x = r().slice();
+          x[u] = E.detail.value, this._value = x, this.emitChange(x);
+        });
+        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 E = 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(E), this.emitChange(x);
+        };
+        const $ = document.createElement("button");
+        $.type = "button", $.className = "btn", p($, "field-button", "field-button-secondary"), $.textContent = this._i18n.arrayMoveDown ?? "↓", $.onclick = () => {
+          const E = r();
+          if (u >= E.length - 1) return;
+          const x = this.capturePositions(a), A = E.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 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 E = 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);
+            const Ne = this.capturePositions(a);
+            this._value = ee, i(Ne), this.emitChange(ee);
+          };
+          d.addEventListener("transitionend", A, { once: !0 });
+          const ke = setTimeout(A, E + 80);
+        }, C.append(w, $, y), d.appendChild(v), d.appendChild(C), a.appendChild(d), l && l === g && (d.classList.add("enter"), requestAnimationFrame(() => {
+          d.classList.add("enter-active");
+        }), requestAnimationFrame(() => {
+          d.classList.remove("enter");
+        }));
+      }), h && this.playFLIP(a, h);
+    };
+    i();
+    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);
+      l.push(m);
+      const u = this.generateItemId();
+      this._itemIds.push(u), this._value = l, i(h, u), 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);
+  }
+}
+b("schema-form-array", V);
+class be extends S {
+  render() {
+    this.$root.innerHTML = `<style>${k}</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];
+        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 = "";
+        }));
+      });
+    }, 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 = F(g) + ".__key", C.id = L(g) + "__key";
+        const w = I(t, g, r[d], `${this._label ?? ""}[${d}]`), $ = document.createElement("button");
+        $.type = "button", $.className = "btn danger", p($, "field-button", "field-button-danger"), $.textContent = this._i18n.dictRemove ?? "×", $.onclick = () => {
+          const y = o();
+          delete r[d];
+          const E = { ...this._value ?? {} };
+          delete E[d], this._value = E, h(y), this.emitChange(E);
+        }, C.onchange = () => {
+          const y = C.value.trim();
+          if (!y || y === d || r[y] !== void 0) return;
+          const E = o();
+          r[y] = r[d], delete r[d];
+          const x = { ...this._value ?? {} };
+          x[y] = x[d], delete x[d], this._value = x, h(E), this.emitChange(x);
+        }, w.addEventListener("change", (y) => {
+          y.stopPropagation();
+          const E = { ...this._value ?? {} };
+          E[d] = y.detail.value, this._value = E, this.emitChange(E);
+        }), v.append(C, w, $), a.appendChild(v), f === d && (v.classList.add("enter"), requestAnimationFrame(() => v.classList.add("enter-active")), requestAnimationFrame(() => v.classList.remove("enter")));
+      }), u && c(u);
+    };
+    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);
+    };
+    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);
+  }
+}
+b("schema-form-dict", be);
+class ye extends HTMLElement {
+  constructor() {
+    super(), this._i18n = { ...ce }, this._i18nCommitted = !1, this.$root = this.attachShadow({ mode: "open" });
+    const e = document.createElement("style");
+    e.textContent = k, this.$root.appendChild(e);
+    const s = document.createElement("div");
+    s.className = "wrapper", p(s, "wrapper");
+    const a = document.createElement("form");
+    a.className = "form", p(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 } })
+      );
+    });
+  }
+  // --- 对外 API ---
+  set schema(e) {
+    this._schema = de(e);
+    try {
+      this._state = this._schema(null, { autofix: !0 });
+    } catch {
+      this._state = j(this._schema);
+    }
+    this.render();
+  }
+  get schema() {
+    return this._schema;
+  }
+  set schemaJSON(e) {
+    this.schema = e;
+  }
+  get schemaJSON() {
+    return this._schema?.toJSON?.();
+  }
+  setData(e, s = { validate: !0, autofix: !0 }) {
+    if (!this._schema) throw new Error("请先设置 schema");
+    const a = s.validate ? this._schema(e ?? null, { autofix: s.autofix }) : e;
+    this._state = a, this.render();
+  }
+  getData(e = { validate: !0, autofix: !0 }) {
+    if (!this._schema) throw new Error("请先设置 schema");
+    const s = this._state;
+    return e.validate ? this._schema(s ?? null, { autofix: e.autofix }) : s;
+  }
+  reset() {
+    try {
+      this._state = this._schema(null, { autofix: !0 });
+    } catch {
+      this._state = j(this._schema);
+    }
+    this.render();
+  }
+  refresh() {
+    this.render();
+  }
+  // i18n 相关
+  set i18n(e) {
+    this._i18nCommitted || (this._i18n = { ...this._i18n, ...e }, this._i18nCommitted = !0, this.render());
+  }
+  get i18n() {
+    return this._i18n;
+  }
+  render() {
+    if (!this._schema) return;
+    const e = this.$root.querySelector("form");
+    e.innerHTML = "";
+    const s = I(
+      this._schema,
+      [],
+      this._state,
+      this._i18n.rootLabel,
+      this._i18n
+    );
+    e.appendChild(s);
+  }
+}
+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);
+}
+const tt = /* @__PURE__ */ re({
+  __name: "SchemasteryFormVue",
+  props: /* @__PURE__ */ te({
+    schema: {},
+    value: {},
+    validateOnChange: { type: Boolean, default: !1 }
+  }, {
+    schema: { required: !0 },
+    schemaModifiers: {},
+    value: { required: !1, default: {} },
+    valueModifiers: {}
+  }),
+  emits: /* @__PURE__ */ te(["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");
+    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(() => {
+        o = !1;
+      }), r("change", l.detail);
+    };
+    return Fe(() => {
+      et();
+    }), le(() => {
+      const l = i.value;
+      a.value && (l.schema = a.value), t.value !== void 0 && l.setData(t.value, { validate: !1, autofix: !0 }), l.addEventListener("form-change", h);
+    }), je(() => {
+      i.value?.removeEventListener("form-change", h);
+    }), J(
+      a,
+      (l) => {
+        o || i.value && l && i.value.schema !== l && (c = !0, i.value.schema = l, U(() => {
+          c = !1;
+        }));
+      },
+      { deep: !0, immediate: !0 }
+    ), J(
+      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(() => {
+          c = !1;
+        }));
+      },
+      { deep: !0, immediate: !0 }
+    ), 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 }));
+      },
+      /** 获取数据 */
+      getData(l) {
+        return i.value.getData(l);
+      },
+      /** 设置 schema，并同步到 v-model:schema */
+      setSchema(l, m = !0) {
+        i.value.schema = l, m && (a.value = l);
+      },
+      refresh() {
+        i.value.refresh();
+      },
+      reset() {
+        i.value.reset();
+      },
+      /** 原生元素 */
+      el: i
+    }), (l, m) => (M(), D("schema-form", De({
+      ref_key: "elRef",
+      ref: i
+    }, l.$attrs), null, 16));
+  }
+});
+function P(n, e = /* @__PURE__ */ new WeakMap()) {
+  if (Te(n))
+    return P(n.value, e);
+  if (n === null || typeof n != "object")
+    return n;
+  if (e.has(n))
+    return e.get(n);
+  if (n instanceof Date)
+    return new Date(n);
+  if (n instanceof RegExp)
+    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, P(i, e));
+    }), t;
+  }
+  if (n instanceof Set) {
+    const t = /* @__PURE__ */ new Set();
+    return e.set(n, t), Array.from(n).forEach((r) => {
+      t.add(P(r, e));
+    }), t;
+  }
+  if (Array.isArray(n)) {
+    const t = [];
+    e.set(n, t);
+    for (const r of n)
+      t.push(P(r, e));
+    return t;
+  }
+  const s = Re(n), a = {};
+  e.set(n, a);
+  for (const t of Object.keys(s))
+    a[t] = P(s[t], e);
+  for (const t of Object.getOwnPropertySymbols(s))
+    a[t] = P(s[t], e);
+  return a;
+}
+const at = { id: "preferences-ui-app" }, nt = { class: "tabbar" }, st = { class: "tabbar-tabs" }, it = ["onClick", "data-value"], rt = { class: "tabbar-content" }, ot = { key: 0 }, lt = { style: { "max-height": "20em", overflow: "auto" } }, ct = /* @__PURE__ */ re({
+  __name: "PreferencesApp",
+  setup(n, { expose: e }) {
+    const s = He(), a = !1, t = Oe([]), r = H([]), i = H(""), 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 : Ie.intersect(d);
+    }), h = z(() => o.value && typeof o.value.autoGenerateForm == "boolean" ? o.value.autoGenerateForm : !0), l = H({});
+    e({
+      getValue() {
+        return P(l);
+      },
+      mergeValue(d) {
+        l.value = {
+          ...l.value,
+          ...d
+        };
+      },
+      selectTab(d) {
+        i.value = d;
+      }
+    }), 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;
+      });
+    });
+    const m = (d, g) => {
+      d.preventDefault(), i.value = g;
+      const v = d.currentTarget;
+      v && v.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+    }, u = oe("customRenderContainerRef"), f = H([]);
+    return qe(() => {
+      f.value.forEach((d) => d()), f.value = [];
+    }), J(
+      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")) {
+          let v = Je;
+          const C = (y) => {
+            v = y;
+          }, w = (y) => {
+            f.value.push(y);
+          }, $ = await d.customRenderer({ ctx: s, onMounted: C, onUnmount: w });
+          $ && (g.appendChild($), v?.(g));
+        }
+      },
+      { immediate: !0, deep: !1 }
+    ), (d, g) => (M(), D("div", at, [
+      O("div", nt, [
+        O("div", st, [
+          (M(!0), D(Ue, null, Be(r.value, (v) => (M(), D("a", {
+            class: Ve(["tab", { active: i.value === v.name }]),
+            key: v.name,
+            onClick: (C) => m(C, v.name),
+            "data-value": v.name
+          }, ne(v.label), 11, it))), 128))
+        ]),
+        O("div", rt, [
+          o.value && o.value.customRenderer ? (M(), D("div", {
+            class: "custom-render-container",
+            ref_key: "customRenderContainerRef",
+            ref: u,
+            key: i.value
+          })) : G("", !0),
+          h.value && c.value ? (M(), ze(se(tt), {
+            class: "auto-schema-form",
+            key: i.value,
+            "data-category": i.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)
+        ])
+      ]),
+      se(a) ? (M(), D("details", ot, [
+        O("pre", lt, ne(l.value), 1)
+      ])) : G("", !0)
+    ]));
+  }
+}), dt = /* @__PURE__ */ We(ct, [["__scopeId", "data-v-7f07706b"]]);
+var ut = Object.create, Z = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, xe = (n, e) => (e = Symbol[n]) ? e : Symbol.for("Symbol." + n), Ce = (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"], Ee = (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(Ee(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);
+  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));
+  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, Ee(i) && (t = i);
+  return _t(n, t), f && Z(t, s, f), l ? h ^ 4 ? r : f : t;
+}, $e, K, we;
+$e = [Pe(["preferences", "modal"])];
+class Q extends (we = Me) {
+  constructor(e) {
+    super(e, {}, "preferences-ui"), this.ctx = e, this._modal = null, this._form = null, e.set("preferencesUI", this), e.preferences.defineCategory({
+      name: "about",
+      label: "About",
+      description: "About InPageEdit",
+      index: 99,
+      customRenderer: () => /* @__PURE__ */ _("section", { className: "theme-ipe-prose", children: [
+        /* @__PURE__ */ _("h2", { children: "✏️ InPageEdit NEXT" }),
+        /* @__PURE__ */ _("p", { children: "🚀 Modular, Extensible Supercharged Plugin for MediaWiki." }),
+        /* @__PURE__ */ _("h3", { children: "Portals" }),
+        /* @__PURE__ */ _("ul", { children: [
+          /* @__PURE__ */ _("li", { children: /* @__PURE__ */ _("a", { href: this.ctx.Endpoints.HOME_URL, target: "_blank", children: "Official Website & Help Center" }) }),
+          /* @__PURE__ */ _("li", { children: /* @__PURE__ */ _(
+            "a",
+            {
+              href: `${this.ctx.Endpoints.UPDATE_LOGS_URL}#${this.ctx.version.split("-")[0]}`,
+              target: "_blank",
+              children: "Update Logs"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ _("h3", { children: "Join us" }),
+        /* @__PURE__ */ _("ul", { children: [
+          /* @__PURE__ */ _("li", { children: [
+            /* @__PURE__ */ _("strong", { children: "GitHub" }),
+            ":",
+            " ",
+            /* @__PURE__ */ _("a", { href: this.ctx.Endpoints.GITHUB_URL, target: "_blank", children: "inpageedit/inpageedit-next" })
+          ] }),
+          /* @__PURE__ */ _("li", { children: [
+            /* @__PURE__ */ _("strong", { children: "QQ Group" }),
+            ": 1026023666"
+          ] })
+        ] }),
+        /* @__PURE__ */ _("hr", {}),
+        /* @__PURE__ */ _("p", { style: { textAlign: "center" }, children: [
+          "InPageEdit-NEXT Copyright © 2025-",
+          (/* @__PURE__ */ new Date()).getFullYear(),
+          " dragon-fish"
+        ] }),
+        /* @__PURE__ */ _("hr", {})
+      ] })
+    }), e.inject(["toolbox"], (s) => {
+      s.toolbox.addButton({
+        id: "preferences",
+        icon: /* @__PURE__ */ _(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "currentColor",
+            class: "icon icon-tabler icons-tabler-filled icon-tabler-settings",
+            children: [
+              /* @__PURE__ */ _("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+              /* @__PURE__ */ _("path", { d: "M14.647 4.081a.724 .724 0 0 0 1.08 .448c2.439 -1.485 5.23 1.305 3.745 3.744a.724 .724 0 0 0 .447 1.08c2.775 .673 2.775 4.62 0 5.294a.724 .724 0 0 0 -.448 1.08c1.485 2.439 -1.305 5.23 -3.744 3.745a.724 .724 0 0 0 -1.08 .447c-.673 2.775 -4.62 2.775 -5.294 0a.724 .724 0 0 0 -1.08 -.448c-2.439 1.485 -5.23 -1.305 -3.745 -3.744a.724 .724 0 0 0 -.447 -1.08c-2.775 -.673 -2.775 -4.62 0 -5.294a.724 .724 0 0 0 .448 -1.08c-1.485 -2.439 1.305 -5.23 3.744 -3.745a.722 .722 0 0 0 1.08 -.447c.673 -2.775 4.62 -2.775 5.294 0zm-2.647 4.919a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z" })
+            ]
+          }
+        ),
+        tooltip: "Configure Preferences",
+        group: "group2",
+        index: 99,
+        onClick: () => this.showModal()
+      }), this.addDisposeHandler((a) => {
+        a.toolbox.removeButton("preferences");
+      });
+    });
+  }
+  async start() {
+    import("./PluginPrefSync-Ziogy_o-.js").then(({ PluginPrefSync: e }) => {
+      this.ctx.plugin(e);
+    }).catch(this.ctx.logger.warn), this.ctx.on("preferences/changed", (e) => {
+      this._form?.mergeValue?.(e.input);
+    });
+  }
+  stop() {
+  }
+  showModal() {
+    if (this._modal && !this._modal.isDestroyed)
+      return this._modal;
+    const e = this.ctx.modal.show({
+      className: "ipe-preference compact-buttons",
+      sizeClass: "small",
+      outSideClose: !1,
+      center: !0,
+      title: `InPageEdit Preferences (${this.ctx.version})`,
+      content: /* @__PURE__ */ _(Le, { children: /* @__PURE__ */ _(Ae, {}) })
+    });
+    e.get$window().classList.add("dialog");
+    const s = /* @__PURE__ */ _(
+      "div",
+      {
+        id: "ipe-preferences-app",
+        style: { minHeight: "calc(85dvh - var(--ipe-modal-spacing) * 2)" }
+      }
+    );
+    e.setContent(s), this.ctx.emit("preferences-ui/modal-shown", {
+      ctx: this.ctx,
+      modal: e
+    });
+    const a = this.createPreferencesUIApp(), t = a.mount(s);
+    return this._form = t, this.ctx.emit("preferences-ui/vue-app-mounted", {
+      ctx: this.ctx,
+      app: a,
+      form: t
+    }), e.setButtons([
+      {
+        label: "Close",
+        className: "is-ghost",
+        method: () => {
+          e.close();
+        }
+      },
+      {
+        label: "Save",
+        className: "is-primary is-ghost",
+        method: async () => {
+          const r = t.getValue();
+          try {
+            const i = await this.ctx.preferences.setMany(r);
+            this.logger.info("preferences saved", r, i);
+          } catch (i) {
+            this.logger.error("failed to save preferences", i);
+          }
+          e.close(), this.ctx.modal.notify("success", {
+            title: "Preferences Saved",
+            content: /* @__PURE__ */ _("p", { children: "Some settings may take effect after reloading the page." })
+          });
+        }
+      }
+    ]), this._modal = e, e.on(e.Event.Close, () => {
+      this.logger.debug("preferences modal closed, vue app unmounting"), a.unmount(), this._modal = null, this._form = null, this.ctx.emit("preferences-ui/modal-closed", {
+        ctx: this.ctx,
+        modal: e
+      });
+    }), e;
+  }
+  getCurrentModal() {
+    return this._modal;
+  }
+  closeCurrentModal() {
+    return this._modal?.close();
+  }
+  async dispatchFormSave(e) {
+    e = e || this._form || void 0;
+    const s = e?.getValue();
+    return s ? (this.ctx.preferences.setMany(s), !0) : !1;
+  }
+  getCurrentFormValue() {
+    return this._form?.getValue();
+  }
+  mergeFormValue(e) {
+    return this._form?.mergeValue?.(e), !!this._form?.mergeValue;
+  }
+  createPreferencesUIApp() {
+    return Ge(this.ctx, dt);
+  }
+}
+K = ft(we);
+Q = yt(K, 0, "PluginPreferencesUI", $e, Q);
+bt(K, 1, Q);
+export {
+  Q as PluginPreferencesUI
+};
+//# sourceMappingURL=index-eARjMi7f.js.map