@inpageedit/core 0.13.1 → 0.14.0

package/dist/{index-B7c6jL9x.js → index-BKIf3i0I.js}

@@ -1,11 +1,10 @@
-import { j as _, P as Ae, F as Le } from "./index-CM_6yF2v.js";
-import { a as re, m as te, u as ae, b as oe, e as D, o as Ie, f as le, g as Me, w as J, n as U, h as M, i as Pe, j as Fe, t as je, k as De, s as Te, r as H, l as z, p as Re, q as O, v as G, F as He, x as Oe, y as qe, z as ne, A as Ue, B as se, c as Be } from "./vueHooks-l04s8cIl.js";
-import { S as Ve, I as ze } from "./endpoints-DgyuoRZd.js";
+import { j as _, P as Ae, F as Ie } from "./index-CM_6yF2v.js";
+import { a as re, m as te, u as ae, b as oe, e as T, o as Le, f as le, g as Fe, w as J, n as U, h as F, i as Me, j as Pe, t as je, k as Te, s as De, r as O, l as z, p as Re, q, v as G, F as Oe, x as qe, y as He, z as se, A as Ue, B as ne, c as Be } from "./vueHooks-l04s8cIl.js";
+import { S as Ve, I as ze } from "./Preferences-85Q9FAmb.js";
 import { n as Ge } from "./noop-ClDc6zv4.js";
 import { _ as Je } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { B as We } from "./BasePlugin-Bf2UuIHF.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}';
-const ce = {
+import { B as We } from "./BasePlugin-CU8beLYu.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: "↓",
@@ -40,7 +39,7 @@ const ce = {
     } 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) => {
+}, 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) => {
   const s = new Set(e);
   s.size && n.setAttribute("part", Array.from(s).join(" "));
 }, Ye = [
@@ -255,7 +254,7 @@ class ue extends S {
     }
     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));
+    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));
     const t = s.querySelector("label.label");
     t && (t.htmlFor = a.id), s.appendChild(a), this.$root.appendChild(s);
   }
@@ -273,7 +272,7 @@ class he extends S {
     }
     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));
+    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);
   }
@@ -285,7 +284,7 @@ class me extends S {
     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");
+    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");
@@ -296,14 +295,14 @@ b("schema-form-boolean", me);
 function B(n) {
   return String(n).padStart(2, "0");
 }
-function T(n) {
+function D(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)}`;
+function H(n) {
+  return `${D(n)}T${W(n)}`;
 }
 class pe extends S {
   render() {
@@ -313,10 +312,10 @@ class pe extends S {
         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));
+            o === "date" ? this.$input.value = D(this._value) : o === "time" ? this.$input.value = W(this._value) : o === "datetime" && (this.$input.value = H(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)));
+            isNaN(+c) || (o === "date" ? this.$input.value = D(c) : o === "datetime" && (this.$input.value = H(c)));
           } else this._value || (this.$input.value = "");
         return;
       }
@@ -325,11 +324,11 @@ class pe extends S {
     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));
+    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));
     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)));
+      isNaN(+i) || (t === "date" ? a.value = D(i) : t === "datetime" && (a.value = H(i)));
     }
     a.oninput = () => {
       e.role;
@@ -365,7 +364,7 @@ class Y extends S {
       }
     }
     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");
+    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);
   }
@@ -391,7 +390,7 @@ class fe extends S {
     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);
+        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);
@@ -399,7 +398,7 @@ class fe extends S {
         }), a.appendChild(m);
       });
     } else {
-      const o = t[t.length - 1], c = I(o, this._path, this._value, this._label, this._i18n);
+      const o = t[t.length - 1], c = L(o, this._path, this._value, this._label, this._i18n);
       c.addEventListener("change", (h) => {
         h.stopPropagation(), this.emitChange(h.detail.value);
       }), a.appendChild(c);
@@ -440,7 +439,7 @@ function Ke(n) {
       return "schema-form-string";
   }
 }
-function I(n, e, s, a, t) {
+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;
 }
@@ -450,7 +449,7 @@ class ve extends S {
     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) => {
+      t.className = "input", p(t, "field-input", "field-input-select"), t.name = P(this._path), t.id = I(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));
@@ -460,7 +459,7 @@ class ve extends S {
       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";
+      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;
       a.forEach((l, m) => {
         const u = document.createElement("option");
@@ -476,7 +475,7 @@ class ve extends S {
       c.className = "group", p(c, "field-group");
       const h = () => {
         c.innerHTML = "";
-        const l = a[i], m = I(l, this._path, this._value, this._label);
+        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);
         }), c.appendChild(m));
@@ -494,7 +493,7 @@ class ge extends S {
     a.className = "group", p(a, "field-group");
     const t = Array.isArray(this._value) ? this._value : [];
     (this._schema.list || []).forEach((r, i) => {
-      const o = I(
+      const o = L(
         r,
         [...this._path, i],
         t[i],
@@ -517,7 +516,7 @@ class _e extends S {
     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);
+      const i = (this._value ?? {})[r], o = L(t[r], [...this._path, r], i, r);
       o.addEventListener("change", (c) => {
         c.stopPropagation();
         const h = { ...this._value ?? {} };
@@ -578,33 +577,33 @@ class V extends S {
         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(
+        const v = L(
           t,
           f,
           m,
           `${this._label ?? ""}[${u}]`
         );
-        v.addEventListener("change", (E) => {
-          E.stopPropagation();
+        v.addEventListener("change", ($) => {
+          $.stopPropagation();
           const x = r().slice();
-          x[u] = E.detail.value, this._value = x, this.emitChange(x);
+          x[u] = $.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();
+          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(E), this.emitChange(x);
+          ], this._value = x, i($), 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();
+        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]
@@ -613,7 +612,7 @@ class V extends S {
         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;
+          const $ = 250;
           let x = !1;
           const A = () => {
             if (x) return;
@@ -624,8 +623,8 @@ class V extends S {
             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(() => {
+          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");
         }), requestAnimationFrame(() => {
           d.classList.remove("enter");
@@ -672,25 +671,25 @@ class be extends S {
         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 = () => {
+        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 = () => {
           const y = o();
           delete r[d];
-          const E = { ...this._value ?? {} };
-          delete E[d], this._value = E, h(y), this.emitChange(E);
+          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 E = o();
+          const $ = 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);
+          x[y] = x[d], delete x[d], this._value = x, h($), 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")));
+          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);
     };
     h();
@@ -775,7 +774,7 @@ class ye extends HTMLElement {
     if (!this._schema) return;
     const e = this.$root.querySelector("form");
     e.innerHTML = "";
-    const s = I(
+    const s = L(
       this._schema,
       [],
       this._state,
@@ -813,12 +812,12 @@ const tt = /* @__PURE__ */ re({
         o = !1;
       }), r("change", l.detail);
     };
-    return Ie(() => {
+    return Le(() => {
       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);
-    }), Me(() => {
+    }), Fe(() => {
       i.value?.removeEventListener("form-change", h);
     }), J(
       a,
@@ -860,15 +859,15 @@ const tt = /* @__PURE__ */ re({
       },
       /** 原生元素 */
       el: i
-    }), (l, m) => (M(), D("schema-form", Pe({
+    }), (l, m) => (F(), T("schema-form", Me({
       ref_key: "elRef",
       ref: i
     }, l.$attrs), null, 16));
   }
 });
-function P(n, e = /* @__PURE__ */ new WeakMap()) {
-  if (Fe(n))
-    return P(n.value, e);
+function M(n, e = /* @__PURE__ */ new WeakMap()) {
+  if (Pe(n))
+    return M(n.value, e);
   if (n === null || typeof n != "object")
     return n;
   if (e.has(n))
@@ -880,40 +879,40 @@ function P(n, e = /* @__PURE__ */ new WeakMap()) {
   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.set(r, M(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.add(M(r, e));
     }), t;
   }
   if (Array.isArray(n)) {
     const t = [];
     e.set(n, t);
     for (const r of n)
-      t.push(P(r, e));
+      t.push(M(r, e));
     return t;
   }
   const s = je(n), a = {};
   e.set(n, a);
   for (const t of Object.keys(s))
-    a[t] = P(s[t], e);
+    a[t] = M(s[t], e);
   for (const t of Object.getOwnPropertySymbols(s))
-    a[t] = P(s[t], e);
+    a[t] = M(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({
+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({
   __name: "PreferencesApp",
   setup(n, { expose: e }) {
-    const s = De(), a = !1, t = Te([]), r = H([]), i = H(""), o = z(() => r.value.find((d) => d.name === i.value) || null), c = z(() => {
+    const s = Te(), a = !1, t = De([]), 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 : Ve.intersect(d);
-    }), h = z(() => o.value && typeof o.value.autoGenerateForm == "boolean" ? o.value.autoGenerateForm : !0), l = H({});
+    }), h = z(() => o.value && typeof o.value.autoGenerateForm == "boolean" ? o.value.autoGenerateForm : !0), l = O({});
     e({
       getValue() {
-        return P(l);
+        return M(l);
       },
       mergeValue(d) {
         l.value = {
@@ -934,7 +933,7 @@ const at = { id: "preferences-ui-app" }, nt = { class: "tabbar" }, st = { class:
       d.preventDefault(), i.value = g;
       const v = d.currentTarget;
       v && v.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
-    }, u = oe("customRenderContainerRef"), f = H([]);
+    }, u = oe("customRenderContainerRef"), f = O([]);
     return Re(() => {
       f.value.forEach((d) => d()), f.value = [];
     }), J(
@@ -948,29 +947,29 @@ const at = { id: "preferences-ui-app" }, nt = { class: "tabbar" }, st = { class:
             v = y;
           }, w = (y) => {
             f.value.push(y);
-          }, $ = await d.customRenderer({ ctx: s, onMounted: C, onUnmount: w });
-          $ && (g.appendChild($), v?.(g));
+          }, E = await d.customRenderer({ ctx: s, onMounted: C, onUnmount: w });
+          E && (g.appendChild(E), v?.(g));
         }
       },
       { immediate: !0, deep: !1 }
-    ), (d, g) => (M(), D("div", at, [
-      O("div", nt, [
-        O("div", st, [
-          (M(!0), D(He, null, Oe(r.value, (v) => (M(), D("a", {
-            class: qe(["tab", { active: i.value === v.name }]),
+    ), (d, g) => (F(), T("div", at, [
+      q("div", st, [
+        q("div", nt, [
+          (F(!0), T(Oe, null, qe(r.value, (v) => (F(), T("a", {
+            class: He(["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))
+          }, se(v.label), 11, it))), 128))
         ]),
-        O("div", rt, [
-          o.value && o.value.customRenderer ? (M(), D("div", {
+        q("div", rt, [
+          o.value && o.value.customRenderer ? (F(), T("div", {
             class: "custom-render-container",
             ref_key: "customRenderContainerRef",
             ref: u,
             key: i.value
           })) : G("", !0),
-          h.value && c.value ? (M(), Ue(se(tt), {
+          h.value && c.value ? (F(), Ue(ne(tt), {
             class: "auto-schema-form",
             key: i.value,
             "data-category": i.value,
@@ -982,70 +981,79 @@ const at = { id: "preferences-ui-app" }, nt = { class: "tabbar" }, st = { class:
           }, null, 8, ["data-category", "schema", "value"])) : G("", !0)
         ])
       ]),
-      se(a) ? (M(), D("details", ot, [
-        O("pre", lt, ne(l.value), 1)
+      ne(a) ? (F(), T("details", ot, [
+        q("pre", lt, se(l.value), 1)
       ])) : G("", !0)
     ]));
   }
 }), dt = /* @__PURE__ */ Je(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) => {
+}, 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);
   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);
+    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;
-}, $e, K, we;
-$e = [ze(["preferences", "modal"])];
+}, Ee, K, we;
+Ee = [ze(["preferences", "modal", "$", "$$"])];
 class Q extends (we = We) {
   constructor(e) {
-    super(e, {}, "preferences-ui"), this.ctx = e, this._modal = null, this._form = null, e.set("preferencesUI", this), e.preferences.defineCategory({
+    super(e, {}, "preferences-ui"), this.ctx = e, this._modal = null, this._form = null, e.set("preferencesUI", this);
+    const s = e.$, a = e.$$;
+    e.preferences.defineCategory({
+      name: "general",
+      label: s`prefs.general.label`,
+      description: s`prefs.general.description`,
+      autoGenerateForm: !0
+    }), e.preferences.defineCategory({
+      name: "editor",
+      label: s`prefs.editor.label`,
+      description: s`prefs.editor.description`,
+      autoGenerateForm: !0
+    }), e.preferences.defineCategory({
       name: "about",
-      label: "About",
-      description: "About InPageEdit",
+      label: a`prefs.about.label`,
+      description: a`prefs.about.description`,
       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__ */ _("p", { children: a`prefs.about.intro` }),
+        /* @__PURE__ */ _("h3", { children: a`prefs.about.portals.header` }),
         /* @__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.HOME_URL, target: "_blank", children: a`prefs.about.portals.officialwebsite` }) }),
           /* @__PURE__ */ _("li", { children: /* @__PURE__ */ _(
             "a",
             {
               href: `${this.ctx.Endpoints.UPDATE_LOGS_URL}#${this.ctx.version.split("-")[0]}`,
               target: "_blank",
-              children: "Update Logs"
+              children: a`prefs.about.portals.updatelogs`
             }
           ) })
         ] }),
-        /* @__PURE__ */ _("h3", { children: "Join us" }),
+        /* @__PURE__ */ _("h3", { children: a`prefs.about.joinus.header` }),
         /* @__PURE__ */ _("ul", { children: [
           /* @__PURE__ */ _("li", { children: [
-            /* @__PURE__ */ _("strong", { children: "GitHub" }),
+            /* @__PURE__ */ _("strong", { children: a`prefs.about.joinus.github` }),
             ":",
             " ",
-            /* @__PURE__ */ _("a", { href: this.ctx.Endpoints.GITHUB_URL, target: "_blank", children: "inpageedit/inpageedit-next" })
+            /* @__PURE__ */ _("a", { href: this.ctx.Endpoints.GITHUB_URL, target: "_blank", children: `${this.ctx.Endpoints.GITHUB_OWNER}/${this.ctx.Endpoints.GITHUB_REPO}` })
           ] }),
           /* @__PURE__ */ _("li", { children: [
-            /* @__PURE__ */ _("strong", { children: "QQ Group" }),
-            ": 1026023666"
+            /* @__PURE__ */ _("strong", { children: a`prefs.about.joinus.qqgroup` }),
+            ": ",
+            this.ctx.Endpoints.QQ_GROUP_ID
           ] })
         ] }),
         /* @__PURE__ */ _("hr", {}),
-        /* @__PURE__ */ _("p", { style: { textAlign: "center" }, children: [
-          "InPageEdit-NEXT Copyright © 2025-",
-          (/* @__PURE__ */ new Date()).getFullYear(),
-          " dragon-fish"
-        ] }),
+        /* @__PURE__ */ _("p", { style: { textAlign: "center" }, children: a`prefs.about.copyright` }),
         /* @__PURE__ */ _("hr", {})
       ] })
-    }), e.inject(["toolbox"], (s) => {
-      s.toolbox.addButton({
+    }), e.inject(["toolbox"], (t) => {
+      t.toolbox.addButton({
         id: "preferences",
         icon: /* @__PURE__ */ _(
           "svg",
@@ -1062,17 +1070,17 @@ class Q extends (we = We) {
             ]
           }
         ),
-        tooltip: "Configure Preferences",
+        tooltip: s`Configure Preferences`,
         group: "group2",
         index: 99,
         onClick: () => this.showModal()
-      }), this.addDisposeHandler((a) => {
-        a.toolbox.removeButton("preferences");
+      }), this.addDisposeHandler((r) => {
+        r.toolbox.removeButton("preferences");
       });
     });
   }
   async start() {
-    import("./PluginPrefSync-Dn1Xsiqz.js").then(({ PluginPrefSync: e }) => {
+    import("./PluginPrefSync-B-gPsC2n.js").then(({ PluginPrefSync: e }) => {
       this.ctx.plugin(e);
     }).catch(this.ctx.logger.warn), this.ctx.on("preferences/changed", (e) => {
       this._form?.mergeValue?.(e.input);
@@ -1081,64 +1089,65 @@ class Q extends (we = We) {
   stop() {
   }
   showModal() {
+    const e = this.ctx.$;
     if (this._modal && !this._modal.isDestroyed)
       return this._modal;
-    const e = this.ctx.modal.show({
+    const s = 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, {}) })
+      title: `${e`InPageEdit Preferences`} (${this.ctx.version})`,
+      content: /* @__PURE__ */ _(Ie, { children: /* @__PURE__ */ _(Ae, {}) })
     });
-    e.get$window().classList.add("dialog");
-    const s = /* @__PURE__ */ _(
+    s.get$window().classList.add("dialog");
+    const a = /* @__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", {
+    s.setContent(a), this.ctx.emit("preferences-ui/modal-shown", {
       ctx: this.ctx,
-      modal: e
+      modal: s
     });
-    const a = this.createPreferencesUIApp(), t = a.mount(s);
-    return this._form = t, this.ctx.emit("preferences-ui/vue-app-mounted", {
+    const t = this.createPreferencesUIApp(), r = t.mount(a);
+    return this._form = r, this.ctx.emit("preferences-ui/vue-app-mounted", {
       ctx: this.ctx,
-      app: a,
-      form: t
-    }), e.setButtons([
+      app: t,
+      form: r
+    }), s.setButtons([
       {
-        label: "Close",
+        label: e`Close`,
         className: "is-ghost",
         method: () => {
-          e.close();
+          s.close();
         }
       },
       {
-        label: "Save",
+        label: e`Save`,
         className: "is-primary is-ghost",
         method: async () => {
-          const r = t.getValue();
+          const i = r.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);
+            const o = await this.ctx.preferences.setMany(i);
+            this.logger.info("preferences saved", i, o);
+          } catch (o) {
+            this.logger.error("failed to save preferences", o);
           }
-          e.close(), this.ctx.modal.notify("success", {
-            title: "Preferences Saved",
-            content: /* @__PURE__ */ _("p", { children: "Some settings may take effect after reloading the page." })
+          s.close(), this.ctx.modal.notify("success", {
+            title: e`Preferences Saved`,
+            content: /* @__PURE__ */ _("p", { children: e`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", {
+    ]), this._modal = s, s.on(s.Event.Close, () => {
+      this.logger.debug("preferences modal closed, vue app unmounting"), t.unmount(), this._modal = null, this._form = null, this.ctx.emit("preferences-ui/modal-closed", {
         ctx: this.ctx,
-        modal: e
+        modal: s
       });
-    }), e;
+    }), s;
   }
   getCurrentModal() {
     return this._modal;
@@ -1162,9 +1171,9 @@ class Q extends (we = We) {
   }
 }
 K = ft(we);
-Q = yt(K, 0, "PluginPreferencesUI", $e, Q);
+Q = yt(K, 0, "PluginPreferencesUI", Ee, Q);
 bt(K, 1, Q);
 export {
   Q as PluginPreferencesUI
 };
-//# sourceMappingURL=index-B7c6jL9x.js.map
+//# sourceMappingURL=index-BKIf3i0I.js.map