x-prop-tree 0.5.0 → 0.5.2

package/dist/index.js

@@ -1,633 +1,633 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.id="x-prop-tree",e.appendChild(document.createTextNode('.v-icon{--v-icon-size-multiplier: 1;align-items:center;display:inline-flex;font-feature-settings:"liga";height:1em;justify-content:center;letter-spacing:normal;line-height:1;position:relative;text-indent:0;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1em;min-width:1em}.v-icon--clickable{cursor:pointer}.v-icon--disabled{pointer-events:none;opacity:.38}.v-icon--size-x-small{font-size:calc(var(--v-icon-size-multiplier) * 1em)}.v-icon--size-small{font-size:calc(var(--v-icon-size-multiplier) * 1.25em)}.v-icon--size-default{font-size:calc(var(--v-icon-size-multiplier) * 1.5em)}.v-icon--size-large{font-size:calc(var(--v-icon-size-multiplier) * 1.75em)}.v-icon--size-x-large{font-size:calc(var(--v-icon-size-multiplier) * 2em)}.v-icon__svg{fill:currentColor;width:100%;height:100%}.v-icon--start{margin-inline-end:8px}.v-icon--end{margin-inline-start:8px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { Fragment as ue, reactive as De, computed as V, watchEffect as re, toRefs as Xe, warn as Ye, getCurrentInstance as Ze, inject as oe, shallowRef as Ke, provide as Te, defineComponent as w, isRef as ce, createVNode as _, mergeProps as de, unref as T, ref as B, toRef as Je, Text as Qe, resolveDirective as R, withDirectives as P, openBlock as C, createElementBlock as Y, normalizeStyle as Ae, withModifiers as j, renderSlot as je, resolveComponent as k, createBlock as I, withCtx as F, renderList as en, createTextVNode as fe, toDisplayString as ee, createElementVNode as nn, createCommentVNode as se, mergeModels as L, useModel as U, h as p } from "vue";
-import { useI18n as me } from "vue-i18n";
-import { useColor as ye, eventBus as Pe, useViewStack as Le } from "x-essential-lib";
-import { getPropDefault as D } from "x-runtime-lib";
-var tn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", ln = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", Oe = "M19,13H5V11H19V13Z", ze = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-function O(e, n) {
-  return (t) => Object.keys(e).reduce((l, a) => {
-    const u = typeof e[a] == "object" && e[a] != null && !Array.isArray(e[a]) ? e[a] : {
-      type: e[a]
+import { Fragment as Ye, reactive as Qt, computed as I, watchEffect as Xe, toRefs as kn, warn as Rn, getCurrentInstance as Nn, inject as Ze, shallowRef as Un, provide as en, defineComponent as L, isRef as Je, createVNode as P, mergeProps as Qe, unref as z, ref as M, toRef as zn, Text as Hn, resolveDirective as ae, withDirectives as W, openBlock as E, createElementBlock as ye, normalizeStyle as tn, withModifiers as we, renderSlot as Gn, resolveComponent as V, createBlock as D, withCtx as R, renderList as Wn, createTextVNode as et, toDisplayString as Pe, createElementVNode as Kn, createCommentVNode as Re, mergeModels as K, useModel as se, watch as Ne, h as _ } from "vue";
+import { useI18n as tt } from "vue-i18n";
+import { useColor as nt, eventBus as nn, useViewStack as rn } from "x-essential-lib";
+import { parsePixelStr as qn, parsePercentStr as Yn, getPropDefault as k } from "x-runtime-lib";
+var Xn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", Zn = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", an = "M19,13H5V11H19V13Z", sn = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
+function X(e, t) {
+  return (n) => Object.keys(e).reduce((r, i) => {
+    const o = typeof e[i] == "object" && e[i] != null && !Array.isArray(e[i]) ? e[i] : {
+      type: e[i]
     };
-    return t && a in t ? l[a] = {
-      ...u,
-      default: t[a]
-    } : l[a] = u, n && !l[a].source && (l[a].source = n), l;
+    return n && i in n ? r[i] = {
+      ...o,
+      default: n[i]
+    } : r[i] = o, t && !r[i].source && (r[i].source = t), r;
   }, {});
 }
-const sn = O({
+const Jn = X({
   class: [String, Array, Object],
   style: {
     type: [String, Array, Object],
     default: null
   }
 }, "component");
-function G(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "px";
+function le(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "px";
   if (!(e == null || e === ""))
-    return isNaN(+e) ? String(e) : isFinite(+e) ? `${Number(e)}${n}` : void 0;
+    return isNaN(+e) ? String(e) : isFinite(+e) ? `${Number(e)}${t}` : void 0;
 }
-function ge(e) {
-  let n;
-  return e !== null && typeof e == "object" && ((n = Object.getPrototypeOf(e)) === Object.prototype || n === null);
+function ct(e) {
+  let t;
+  return e !== null && typeof e == "object" && ((t = Object.getPrototypeOf(e)) === Object.prototype || t === null);
 }
-function le(e, n) {
-  return n.every((t) => e.hasOwnProperty(t));
+function Fe(e, t) {
+  return t.every((n) => e.hasOwnProperty(n));
 }
-function an(e, n) {
-  const t = {}, l = new Set(Object.keys(e));
-  for (const a of n)
-    l.has(a) && (t[a] = e[a]);
-  return t;
+function Qn(e, t) {
+  const n = {}, r = new Set(Object.keys(e));
+  for (const i of t)
+    r.has(i) && (n[i] = e[i]);
+  return n;
 }
-function ve(e, n) {
-  let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "0";
-  return e + t.repeat(Math.max(0, n - e.length));
+function ft(e, t) {
+  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "0";
+  return e + n.repeat(Math.max(0, t - e.length));
 }
-function un(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
-  const t = [];
-  let l = 0;
-  for (; l < e.length; )
-    t.push(e.substr(l, n)), l += n;
-  return t;
+function er(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+  const n = [];
+  let r = 0;
+  for (; r < e.length; )
+    n.push(e.substr(r, t)), r += t;
+  return n;
 }
-function He() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = arguments.length > 2 ? arguments[2] : void 0;
-  const l = {};
-  for (const a in e)
-    l[a] = e[a];
-  for (const a in n) {
-    const i = e[a], u = n[a];
-    if (ge(i) && ge(u)) {
-      l[a] = He(i, u, t);
+function on() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = arguments.length > 2 ? arguments[2] : void 0;
+  const r = {};
+  for (const i in e)
+    r[i] = e[i];
+  for (const i in t) {
+    const a = e[i], o = t[i];
+    if (ct(a) && ct(o)) {
+      r[i] = on(a, o, n);
       continue;
     }
-    if (t && Array.isArray(i) && Array.isArray(u)) {
-      l[a] = t(i, u);
+    if (n && Array.isArray(a) && Array.isArray(o)) {
+      r[i] = n(a, o);
       continue;
     }
-    l[a] = u;
+    r[i] = o;
   }
-  return l;
+  return r;
 }
-function Ne(e) {
-  return e.map((n) => n.type === ue ? Ne(n.children) : n).flat();
+function ln(e) {
+  return e.map((t) => t.type === Ye ? ln(t.children) : t).flat();
 }
-function N() {
+function ne() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-  if (N.cache.has(e)) return N.cache.get(e);
-  const n = e.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
-  return N.cache.set(e, n), n;
-}
-N.cache = /* @__PURE__ */ new Map();
-function Re(e) {
-  const n = De({}), t = V(e);
-  return re(() => {
-    for (const l in t.value)
-      n[l] = t.value[l];
+  if (ne.cache.has(e)) return ne.cache.get(e);
+  const t = e.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
+  return ne.cache.set(e, t), t;
+}
+ne.cache = /* @__PURE__ */ new Map();
+function un(e) {
+  const t = Qt({}), n = I(e);
+  return Xe(() => {
+    for (const r in n.value)
+      t[r] = n.value[r];
   }, {
     flush: "sync"
-  }), Xe(n);
-}
-function rn(e, n) {
-  return e.includes(n);
-}
-const H = 2.4, he = 0.2126729, pe = 0.7151522, _e = 0.072175, on = 0.55, cn = 0.58, dn = 0.57, fn = 0.62, J = 0.03, ke = 1.45, mn = 5e-4, yn = 1.25, gn = 1.25, Ve = 0.078, Ce = 12.82051282051282, Q = 0.06, xe = 1e-3;
-function be(e, n) {
-  const t = (e.r / 255) ** H, l = (e.g / 255) ** H, a = (e.b / 255) ** H, i = (n.r / 255) ** H, u = (n.g / 255) ** H, d = (n.b / 255) ** H;
-  let o = t * he + l * pe + a * _e, c = i * he + u * pe + d * _e;
-  if (o <= J && (o += (J - o) ** ke), c <= J && (c += (J - c) ** ke), Math.abs(c - o) < mn) return 0;
-  let m;
-  if (c > o) {
-    const y = (c ** on - o ** cn) * yn;
-    m = y < xe ? 0 : y < Ve ? y - y * Ce * Q : y - Q;
+  }), kn(t);
+}
+function tr(e, t) {
+  return e.includes(t);
+}
+const te = 2.4, dt = 0.2126729, gt = 0.7151522, mt = 0.072175, nr = 0.55, rr = 0.58, ar = 0.57, sr = 0.62, be = 0.03, yt = 1.45, ir = 5e-4, or = 1.25, lr = 1.25, vt = 0.078, pt = 12.82051282051282, Te = 0.06, ht = 1e-3;
+function _t(e, t) {
+  const n = (e.r / 255) ** te, r = (e.g / 255) ** te, i = (e.b / 255) ** te, a = (t.r / 255) ** te, o = (t.g / 255) ** te, f = (t.b / 255) ** te;
+  let l = n * dt + r * gt + i * mt, c = a * dt + o * gt + f * mt;
+  if (l <= be && (l += (be - l) ** yt), c <= be && (c += (be - c) ** yt), Math.abs(c - l) < ir) return 0;
+  let y;
+  if (c > l) {
+    const d = (c ** nr - l ** rr) * or;
+    y = d < ht ? 0 : d < vt ? d - d * pt * Te : d - Te;
   } else {
-    const y = (c ** fn - o ** dn) * gn;
-    m = y > -xe ? 0 : y > -Ve ? y - y * Ce * Q : y + Q;
+    const d = (c ** sr - l ** ar) * lr;
+    y = d > -ht ? 0 : d > -vt ? d - d * pt * Te : d + Te;
   }
-  return m * 100;
+  return y * 100;
 }
-function q(e) {
-  Ye(`Vuetify: ${e}`);
+function ue(e) {
+  Rn(`Vuetify: ${e}`);
 }
-function ae(e) {
+function Ue(e) {
   return !!e && /^(#|var\(--|(rgb|hsl)a?\()/.test(e);
 }
-function vn(e) {
-  return ae(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
+function ur(e) {
+  return Ue(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
 }
-const Se = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, hn = {
-  rgb: (e, n, t, l) => ({
+const bt = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, cr = {
+  rgb: (e, t, n, r) => ({
     r: e,
-    g: n,
-    b: t,
-    a: l
+    g: t,
+    b: n,
+    a: r
   }),
-  rgba: (e, n, t, l) => ({
+  rgba: (e, t, n, r) => ({
     r: e,
-    g: n,
-    b: t,
-    a: l
+    g: t,
+    b: n,
+    a: r
   }),
-  hsl: (e, n, t, l) => we({
+  hsl: (e, t, n, r) => Tt({
     h: e,
-    s: n,
-    l: t,
-    a: l
+    s: t,
+    l: n,
+    a: r
   }),
-  hsla: (e, n, t, l) => we({
+  hsla: (e, t, n, r) => Tt({
     h: e,
-    s: n,
-    l: t,
-    a: l
+    s: t,
+    l: n,
+    a: r
   }),
-  hsv: (e, n, t, l) => X({
+  hsv: (e, t, n, r) => fe({
     h: e,
-    s: n,
-    v: t,
-    a: l
+    s: t,
+    v: n,
+    a: r
   }),
-  hsva: (e, n, t, l) => X({
+  hsva: (e, t, n, r) => fe({
     h: e,
-    s: n,
-    v: t,
-    a: l
+    s: t,
+    v: n,
+    a: r
   })
 };
-function W(e) {
+function oe(e) {
   if (typeof e == "number")
-    return (isNaN(e) || e < 0 || e > 16777215) && q(`'${e}' is not a valid hex color`), {
+    return (isNaN(e) || e < 0 || e > 16777215) && ue(`'${e}' is not a valid hex color`), {
       r: (e & 16711680) >> 16,
       g: (e & 65280) >> 8,
       b: e & 255
     };
-  if (typeof e == "string" && Se.test(e)) {
+  if (typeof e == "string" && bt.test(e)) {
     const {
-      groups: n
-    } = e.match(Se), {
-      fn: t,
-      values: l
-    } = n, a = l.split(/,\s*/).map((i) => i.endsWith("%") && ["hsl", "hsla", "hsv", "hsva"].includes(t) ? parseFloat(i) / 100 : parseFloat(i));
-    return hn[t](...a);
+      groups: t
+    } = e.match(bt), {
+      fn: n,
+      values: r
+    } = t, i = r.split(/,\s*/).map((a) => a.endsWith("%") && ["hsl", "hsla", "hsv", "hsva"].includes(n) ? parseFloat(a) / 100 : parseFloat(a));
+    return cr[n](...i);
   } else if (typeof e == "string") {
-    let n = e.startsWith("#") ? e.slice(1) : e;
-    [3, 4].includes(n.length) ? n = n.split("").map((l) => l + l).join("") : [6, 8].includes(n.length) || q(`'${e}' is not a valid hex(a) color`);
-    const t = parseInt(n, 16);
-    return (isNaN(t) || t < 0 || t > 4294967295) && q(`'${e}' is not a valid hex(a) color`), pn(n);
+    let t = e.startsWith("#") ? e.slice(1) : e;
+    [3, 4].includes(t.length) ? t = t.split("").map((r) => r + r).join("") : [6, 8].includes(t.length) || ue(`'${e}' is not a valid hex(a) color`);
+    const n = parseInt(t, 16);
+    return (isNaN(n) || n < 0 || n > 4294967295) && ue(`'${e}' is not a valid hex(a) color`), fr(t);
   } else if (typeof e == "object") {
-    if (le(e, ["r", "g", "b"]))
+    if (Fe(e, ["r", "g", "b"]))
       return e;
-    if (le(e, ["h", "s", "l"]))
-      return X(Ue(e));
-    if (le(e, ["h", "s", "v"]))
-      return X(e);
+    if (Fe(e, ["h", "s", "l"]))
+      return fe(cn(e));
+    if (Fe(e, ["h", "s", "v"]))
+      return fe(e);
   }
   throw new TypeError(`Invalid color: ${e == null ? e : String(e) || e.constructor.name}
 Expected #hex, #hexa, rgb(), rgba(), hsl(), hsla(), object or number`);
 }
-function X(e) {
+function fe(e) {
   const {
-    h: n,
-    s: t,
-    v: l,
-    a
-  } = e, i = (d) => {
-    const o = (d + n / 60) % 6;
-    return l - l * t * Math.max(Math.min(o, 4 - o, 1), 0);
-  }, u = [i(5), i(3), i(1)].map((d) => Math.round(d * 255));
+    h: t,
+    s: n,
+    v: r,
+    a: i
+  } = e, a = (f) => {
+    const l = (f + t / 60) % 6;
+    return r - r * n * Math.max(Math.min(l, 4 - l, 1), 0);
+  }, o = [a(5), a(3), a(1)].map((f) => Math.round(f * 255));
   return {
-    r: u[0],
-    g: u[1],
-    b: u[2],
-    a
+    r: o[0],
+    g: o[1],
+    b: o[2],
+    a: i
   };
 }
-function we(e) {
-  return X(Ue(e));
+function Tt(e) {
+  return fe(cn(e));
 }
-function Ue(e) {
+function cn(e) {
   const {
-    h: n,
-    s: t,
-    l,
-    a
-  } = e, i = l + t * Math.min(l, 1 - l), u = i === 0 ? 0 : 2 - 2 * l / i;
+    h: t,
+    s: n,
+    l: r,
+    a: i
+  } = e, a = r + n * Math.min(r, 1 - r), o = a === 0 ? 0 : 2 - 2 * r / a;
   return {
-    h: n,
-    s: u,
-    v: i,
-    a
+    h: t,
+    s: o,
+    v: a,
+    a: i
   };
 }
-function pn(e) {
-  e = _n(e);
-  let [n, t, l, a] = un(e, 2).map((i) => parseInt(i, 16));
-  return a = a === void 0 ? a : a / 255, {
-    r: n,
-    g: t,
-    b: l,
-    a
+function fr(e) {
+  e = dr(e);
+  let [t, n, r, i] = er(e, 2).map((a) => parseInt(a, 16));
+  return i = i === void 0 ? i : i / 255, {
+    r: t,
+    g: n,
+    b: r,
+    a: i
   };
 }
-function _n(e) {
-  return e.startsWith("#") && (e = e.slice(1)), e = e.replace(/([^0-9a-f])/gi, "F"), (e.length === 3 || e.length === 4) && (e = e.split("").map((n) => n + n).join("")), e.length !== 6 && (e = ve(ve(e, 6), 8, "F")), e;
+function dr(e) {
+  return e.startsWith("#") && (e = e.slice(1)), e = e.replace(/([^0-9a-f])/gi, "F"), (e.length === 3 || e.length === 4) && (e = e.split("").map((t) => t + t).join("")), e.length !== 6 && (e = ft(ft(e, 6), 8, "F")), e;
 }
-function kn(e) {
-  const n = Math.abs(be(W(0), W(e)));
-  return Math.abs(be(W(16777215), W(e))) > Math.min(n, 50) ? "#fff" : "#000";
+function gr(e) {
+  const t = Math.abs(_t(oe(0), oe(e)));
+  return Math.abs(_t(oe(16777215), oe(e))) > Math.min(t, 50) ? "#fff" : "#000";
 }
-function Z(e, n) {
-  const t = Ze();
-  if (!t)
+function ve(e, t) {
+  const n = Nn();
+  if (!n)
     throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
-  return t;
+  return n;
 }
-function Vn() {
+function mr() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "composables";
-  const n = Z(e).type;
-  return N((n == null ? void 0 : n.aliasName) || (n == null ? void 0 : n.name));
+  const t = ve(e).type;
+  return ne((t == null ? void 0 : t.aliasName) || (t == null ? void 0 : t.name));
 }
-function Cn(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Z("injectSelf");
+function yr(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ve("injectSelf");
   const {
-    provides: t
-  } = n;
-  if (t && e in t)
-    return t[e];
-}
-const ie = Symbol.for("vuetify:defaults");
-function Ee() {
-  const e = oe(ie);
+    provides: n
+  } = t;
+  if (n && e in n)
+    return n[e];
+}
+const ze = Symbol.for("vuetify:defaults");
+function fn() {
+  const e = Ze(ze);
   if (!e) throw new Error("[Vuetify] Could not find defaults instance");
   return e;
 }
-function xn(e, n) {
-  var t, l;
-  return typeof ((t = e.props) == null ? void 0 : t[n]) < "u" || typeof ((l = e.props) == null ? void 0 : l[N(n)]) < "u";
+function vr(e, t) {
+  var n, r;
+  return typeof ((n = e.props) == null ? void 0 : n[t]) < "u" || typeof ((r = e.props) == null ? void 0 : r[ne(t)]) < "u";
 }
-function bn() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 ? arguments[1] : void 0, t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Ee();
-  const l = Z("useDefaults");
-  if (n = n ?? l.type.name ?? l.type.__name, !n)
+function pr() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : fn();
+  const r = ve("useDefaults");
+  if (t = t ?? r.type.name ?? r.type.__name, !t)
     throw new Error("[Vuetify] Could not determine component name");
-  const a = V(() => {
-    var o;
-    return (o = t.value) == null ? void 0 : o[e._as ?? n];
-  }), i = new Proxy(e, {
-    get(o, c) {
-      var y, S, $, x, M, A, K;
-      const m = Reflect.get(o, c);
-      return c === "class" || c === "style" ? [(y = a.value) == null ? void 0 : y[c], m].filter((f) => f != null) : typeof c == "string" && !xn(l.vnode, c) ? ((S = a.value) == null ? void 0 : S[c]) !== void 0 ? ($ = a.value) == null ? void 0 : $[c] : ((M = (x = t.value) == null ? void 0 : x.global) == null ? void 0 : M[c]) !== void 0 ? (K = (A = t.value) == null ? void 0 : A.global) == null ? void 0 : K[c] : m : m;
+  const i = I(() => {
+    var l;
+    return (l = n.value) == null ? void 0 : l[e._as ?? t];
+  }), a = new Proxy(e, {
+    get(l, c) {
+      var d, v, T, h, $, A, x;
+      const y = Reflect.get(l, c);
+      return c === "class" || c === "style" ? [(d = i.value) == null ? void 0 : d[c], y].filter((B) => B != null) : typeof c == "string" && !vr(r.vnode, c) ? ((v = i.value) == null ? void 0 : v[c]) !== void 0 ? (T = i.value) == null ? void 0 : T[c] : (($ = (h = n.value) == null ? void 0 : h.global) == null ? void 0 : $[c]) !== void 0 ? (x = (A = n.value) == null ? void 0 : A.global) == null ? void 0 : x[c] : y : y;
     }
-  }), u = Ke();
-  re(() => {
-    if (a.value) {
-      const o = Object.entries(a.value).filter((c) => {
-        let [m] = c;
-        return m.startsWith(m[0].toUpperCase());
+  }), o = Un();
+  Xe(() => {
+    if (i.value) {
+      const l = Object.entries(i.value).filter((c) => {
+        let [y] = c;
+        return y.startsWith(y[0].toUpperCase());
       });
-      u.value = o.length ? Object.fromEntries(o) : void 0;
+      o.value = l.length ? Object.fromEntries(l) : void 0;
     } else
-      u.value = void 0;
+      o.value = void 0;
   });
-  function d() {
-    const o = Cn(ie, l);
-    Te(ie, V(() => u.value ? He((o == null ? void 0 : o.value) ?? {}, u.value) : o == null ? void 0 : o.value));
+  function f() {
+    const l = yr(ze, r);
+    en(ze, I(() => o.value ? on((l == null ? void 0 : l.value) ?? {}, o.value) : l == null ? void 0 : l.value));
   }
   return {
-    props: i,
-    provideSubDefaults: d
+    props: a,
+    provideSubDefaults: f
   };
 }
-function ne(e) {
+function Ve(e) {
   if (e._setup = e._setup ?? e.setup, !e.name)
-    return q("The component is missing an explicit name, unable to generate default prop value"), e;
+    return ue("The component is missing an explicit name, unable to generate default prop value"), e;
   if (e._setup) {
-    e.props = O(e.props ?? {}, e.name)();
-    const n = Object.keys(e.props).filter((t) => t !== "class" && t !== "style");
-    e.filterProps = function(l) {
-      return an(l, n);
-    }, e.props._as = String, e.setup = function(l, a) {
-      const i = Ee();
-      if (!i.value) return e._setup(l, a);
+    e.props = X(e.props ?? {}, e.name)();
+    const t = Object.keys(e.props).filter((n) => n !== "class" && n !== "style");
+    e.filterProps = function(r) {
+      return Qn(r, t);
+    }, e.props._as = String, e.setup = function(r, i) {
+      const a = fn();
+      if (!a.value) return e._setup(r, i);
       const {
-        props: u,
-        provideSubDefaults: d
-      } = bn(l, l._as ?? e.name, i), o = e._setup(u, a);
-      return d(), o;
+        props: o,
+        provideSubDefaults: f
+      } = pr(r, r._as ?? e.name, a), l = e._setup(o, i);
+      return f(), l;
     };
   }
   return e;
 }
-function We() {
+function dn() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  return (n) => (e ? ne : w)(n);
+  return (t) => (e ? Ve : L)(t);
 }
-function Sn(e) {
-  const n = Z("useRender");
-  n.render = e;
+function hr(e) {
+  const t = ve("useRender");
+  t.render = e;
 }
-const $e = Symbol.for("vuetify:theme"), wn = O({
+const $t = Symbol.for("vuetify:theme"), _r = X({
   theme: String
 }, "theme");
-function $n(e) {
-  Z("provideTheme");
-  const n = oe($e, null);
-  if (!n) throw new Error("Could not find Vuetify theme injection");
-  const t = V(() => e.theme ?? n.name.value), l = V(() => n.themes.value[t.value]), a = V(() => n.isDisabled ? void 0 : `v-theme--${t.value}`), i = {
-    ...n,
-    name: t,
-    current: l,
-    themeClasses: a
+function br(e) {
+  ve("provideTheme");
+  const t = Ze($t, null);
+  if (!t) throw new Error("Could not find Vuetify theme injection");
+  const n = I(() => e.theme ?? t.name.value), r = I(() => t.themes.value[n.value]), i = I(() => t.isDisabled ? void 0 : `v-theme--${n.value}`), a = {
+    ...t,
+    name: n,
+    current: r,
+    themeClasses: i
   };
-  return Te($e, i), i;
+  return en($t, a), a;
 }
-const In = O({
+const Tr = X({
   tag: {
     type: String,
     default: "div"
   }
 }, "tag");
-function Bn(e) {
-  return Re(() => {
-    const n = [], t = {};
+function $r(e) {
+  return un(() => {
+    const t = [], n = {};
     if (e.value.background)
-      if (ae(e.value.background)) {
-        if (t.backgroundColor = e.value.background, !e.value.text && vn(e.value.background)) {
-          const l = W(e.value.background);
-          if (l.a == null || l.a === 1) {
-            const a = kn(l);
-            t.color = a, t.caretColor = a;
+      if (Ue(e.value.background)) {
+        if (n.backgroundColor = e.value.background, !e.value.text && ur(e.value.background)) {
+          const r = oe(e.value.background);
+          if (r.a == null || r.a === 1) {
+            const i = gr(r);
+            n.color = i, n.caretColor = i;
           }
         }
       } else
-        n.push(`bg-${e.value.background}`);
-    return e.value.text && (ae(e.value.text) ? (t.color = e.value.text, t.caretColor = e.value.text) : n.push(`text-${e.value.text}`)), {
-      colorClasses: n,
-      colorStyles: t
+        t.push(`bg-${e.value.background}`);
+    return e.value.text && (Ue(e.value.text) ? (n.color = e.value.text, n.caretColor = e.value.text) : t.push(`text-${e.value.text}`)), {
+      colorClasses: t,
+      colorStyles: n
     };
   });
 }
-function Mn(e, n) {
-  const t = V(() => ({
-    text: ce(e) ? e.value : null
+function Cr(e, t) {
+  const n = I(() => ({
+    text: Je(e) ? e.value : null
   })), {
-    colorClasses: l,
-    colorStyles: a
-  } = Bn(t);
+    colorClasses: r,
+    colorStyles: i
+  } = $r(n);
   return {
-    textColorClasses: l,
-    textColorStyles: a
+    textColorClasses: r,
+    textColorStyles: i
   };
 }
-const Ge = [String, Function, Object, Array], Fn = Symbol.for("vuetify:icons"), te = O({
+const gn = [String, Function, Object, Array], wr = Symbol.for("vuetify:icons"), Ie = X({
   icon: {
-    type: Ge
+    type: gn
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
     type: String,
     required: !0
   }
-}, "icon"), Ie = We()({
+}, "icon"), Ct = dn()({
   name: "VComponentIcon",
-  props: te(),
-  setup(e, n) {
+  props: Ie(),
+  setup(e, t) {
     let {
-      slots: t
-    } = n;
+      slots: n
+    } = t;
     return () => {
-      const l = e.icon;
-      return _(e.tag, null, {
+      const r = e.icon;
+      return P(e.tag, null, {
         default: () => {
-          var a;
-          return [e.icon ? _(l, null, null) : (a = t.default) == null ? void 0 : a.call(t)];
+          var i;
+          return [e.icon ? P(r, null, null) : (i = n.default) == null ? void 0 : i.call(n)];
         }
       });
     };
   }
-}), Dn = ne({
+}), Ar = Ve({
   name: "VSvgIcon",
   inheritAttrs: !1,
-  props: te(),
-  setup(e, n) {
+  props: Ie(),
+  setup(e, t) {
     let {
-      attrs: t
-    } = n;
-    return () => _(e.tag, de(t, {
+      attrs: n
+    } = t;
+    return () => P(e.tag, Qe(n, {
       style: null
     }), {
-      default: () => [_("svg", {
+      default: () => [P("svg", {
         class: "v-icon__svg",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         role: "img",
         "aria-hidden": "true"
-      }, [Array.isArray(e.icon) ? e.icon.map((l) => Array.isArray(l) ? _("path", {
-        d: l[0],
-        "fill-opacity": l[1]
-      }, null) : _("path", {
-        d: l
-      }, null)) : _("path", {
+      }, [Array.isArray(e.icon) ? e.icon.map((r) => Array.isArray(r) ? P("path", {
+        d: r[0],
+        "fill-opacity": r[1]
+      }, null) : P("path", {
+        d: r
+      }, null)) : P("path", {
         d: e.icon
       }, null)])]
     });
   }
 });
-ne({
+Ve({
   name: "VLigatureIcon",
-  props: te(),
+  props: Ie(),
   setup(e) {
-    return () => _(e.tag, null, {
+    return () => P(e.tag, null, {
       default: () => [e.icon]
     });
   }
 });
-ne({
+Ve({
   name: "VClassIcon",
-  props: te(),
+  props: Ie(),
   setup(e) {
-    return () => _(e.tag, {
+    return () => P(e.tag, {
       class: e.icon
     }, null);
   }
 });
-const Tn = (e) => {
-  const n = oe(Fn);
-  if (!n) throw new Error("Missing Vuetify Icons provide!");
+const Sr = (e) => {
+  const t = Ze(wr);
+  if (!t) throw new Error("Missing Vuetify Icons provide!");
   return {
-    iconData: V(() => {
-      var o;
-      const l = T(e);
-      if (!l) return {
-        component: Ie
+    iconData: I(() => {
+      var l;
+      const r = z(e);
+      if (!r) return {
+        component: Ct
       };
-      let a = l;
-      if (typeof a == "string" && (a = a.trim(), a.startsWith("$") && (a = (o = n.aliases) == null ? void 0 : o[a.slice(1)])), a || q(`Could not find aliased icon "${l}"`), Array.isArray(a))
+      let i = r;
+      if (typeof i == "string" && (i = i.trim(), i.startsWith("$") && (i = (l = t.aliases) == null ? void 0 : l[i.slice(1)])), i || ue(`Could not find aliased icon "${r}"`), Array.isArray(i))
         return {
-          component: Dn,
-          icon: a
+          component: Ar,
+          icon: i
         };
-      if (typeof a != "string")
+      if (typeof i != "string")
         return {
-          component: Ie,
-          icon: a
+          component: Ct,
+          icon: i
         };
-      const i = Object.keys(n.sets).find((c) => typeof a == "string" && a.startsWith(`${c}:`)), u = i ? a.slice(i.length + 1) : a;
+      const a = Object.keys(t.sets).find((c) => typeof i == "string" && i.startsWith(`${c}:`)), o = a ? i.slice(a.length + 1) : i;
       return {
-        component: n.sets[i ?? n.defaultSet].component,
-        icon: u
+        component: t.sets[a ?? t.defaultSet].component,
+        icon: o
       };
     })
   };
-}, An = ["x-small", "small", "default", "large", "x-large"], Pn = O({
+}, xr = ["x-small", "small", "default", "large", "x-large"], Or = X({
   size: {
     type: [String, Number],
     default: "default"
   }
 }, "size");
-function Ln(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Vn();
-  return Re(() => {
-    let t, l;
-    return rn(An, e.size) ? t = `${n}--size-${e.size}` : e.size && (l = {
-      width: G(e.size),
-      height: G(e.size)
+function Pr(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : mr();
+  return un(() => {
+    let n, r;
+    return tr(xr, e.size) ? n = `${t}--size-${e.size}` : e.size && (r = {
+      width: le(e.size),
+      height: le(e.size)
     }), {
-      sizeClasses: t,
-      sizeStyles: l
+      sizeClasses: n,
+      sizeStyles: r
     };
   });
 }
-const On = O({
+const Vr = X({
   color: String,
   disabled: Boolean,
   start: Boolean,
   end: Boolean,
-  icon: Ge,
-  ...sn(),
-  ...Pn(),
-  ...In({
+  icon: gn,
+  ...Jn(),
+  ...Or(),
+  ...Tr({
     tag: "i"
   }),
-  ...wn()
-}, "VIcon"), zn = We()({
+  ..._r()
+}, "VIcon"), Ir = dn()({
   name: "VIcon",
-  props: On(),
-  setup(e, n) {
+  props: Vr(),
+  setup(e, t) {
     let {
-      attrs: t,
-      slots: l
-    } = n;
-    const a = B(), {
-      themeClasses: i
-    } = $n(e), {
-      iconData: u
-    } = Tn(V(() => a.value || e.icon)), {
-      sizeClasses: d
-    } = Ln(e), {
-      textColorClasses: o,
+      attrs: n,
+      slots: r
+    } = t;
+    const i = M(), {
+      themeClasses: a
+    } = br(e), {
+      iconData: o
+    } = Sr(I(() => i.value || e.icon)), {
+      sizeClasses: f
+    } = Pr(e), {
+      textColorClasses: l,
       textColorStyles: c
-    } = Mn(Je(e, "color"));
-    return Sn(() => {
-      var S, $;
-      const m = (S = l.default) == null ? void 0 : S.call(l);
-      m && (a.value = ($ = Ne(m).filter((x) => x.type === Qe && x.children && typeof x.children == "string")[0]) == null ? void 0 : $.children);
-      const y = !!(t.onClick || t.onClickOnce);
-      return _(u.value.component, {
+    } = Cr(zn(e, "color"));
+    return hr(() => {
+      var v, T;
+      const y = (v = r.default) == null ? void 0 : v.call(r);
+      y && (i.value = (T = ln(y).filter((h) => h.type === Hn && h.children && typeof h.children == "string")[0]) == null ? void 0 : T.children);
+      const d = !!(n.onClick || n.onClickOnce);
+      return P(o.value.component, {
         tag: e.tag,
-        icon: u.value.icon,
-        class: ["v-icon", "notranslate", i.value, d.value, o.value, {
-          "v-icon--clickable": y,
+        icon: o.value.icon,
+        class: ["v-icon", "notranslate", a.value, f.value, l.value, {
+          "v-icon--clickable": d,
           "v-icon--disabled": e.disabled,
           "v-icon--start": e.start,
           "v-icon--end": e.end
         }, e.class],
-        style: [d.value ? void 0 : {
-          fontSize: G(e.size),
-          height: G(e.size),
-          width: G(e.size)
+        style: [f.value ? void 0 : {
+          fontSize: le(e.size),
+          height: le(e.size),
+          width: le(e.size)
         }, c.value, e.style],
-        role: y ? "button" : void 0,
-        "aria-hidden": !y,
-        tabindex: y ? e.disabled ? -1 : 0 : void 0
+        role: d ? "button" : void 0,
+        "aria-hidden": !d,
+        tabindex: d ? e.disabled ? -1 : 0 : void 0
       }, {
-        default: () => [m]
+        default: () => [y]
       });
     }), {};
   }
-}), Hn = /* @__PURE__ */ w({
+}), Er = /* @__PURE__ */ L({
   __name: "entry",
   props: {
     minHeight: {}
   },
   setup(e) {
-    const { backgroundColor2: n, highlightColor: t } = ye(), l = B(!1), a = V(() => ({
-      background: l.value ? t.value : n.value,
+    const { backgroundColor2: t, highlightColor: n } = nt(), r = M(!1), i = I(() => ({
+      background: r.value ? n.value : t.value,
       minHeight: e.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
-    })), i = (u) => {
-      Pe.emit("propTreeMenu", {
-        x: u.clientX,
-        y: u.clientY
+    })), a = (o) => {
+      nn.emit("propTreeMenu", {
+        x: o.clientX,
+        y: o.clientY
       });
     };
-    return (u, d) => {
-      const o = R("ripple");
-      return P((C(), Y("div", {
+    return (o, f) => {
+      const l = ae("ripple");
+      return W((E(), ye("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
-        style: Ae(a.value),
-        onContextmenu: j(i, ["prevent"]),
-        onMouseover: d[0] || (d[0] = (c) => l.value = !0),
-        onMouseout: d[1] || (d[1] = (c) => l.value = !1)
+        style: tn(i.value),
+        onContextmenu: we(a, ["prevent"]),
+        onMouseover: f[0] || (f[0] = (c) => r.value = !0),
+        onMouseout: f[1] || (f[1] = (c) => r.value = !1)
       }, [
-        je(u.$slots, "default")
+        Gn(o.$slots, "default")
       ], 36)), [
-        [o]
+        [l]
       ]);
     };
   }
-}), Nn = /* @__PURE__ */ w({
+}), Mr = /* @__PURE__ */ L({
   __name: "menu",
   setup(e) {
-    const { t: n } = me(), t = B(0), l = B(0), a = V(() => [t.value, l.value]), i = (c) => {
-      const m = () => {
+    const { t } = tt(), n = M(0), r = M(0), i = I(() => [n.value, r.value]), a = (c) => {
+      const y = () => {
         console.log("reset");
       };
       c.push({
-        title: n("x-prop-tree.reset"),
-        func: m
+        title: t("x-prop-tree.reset"),
+        func: y
       });
-    }, u = V(() => {
+    }, o = I(() => {
       const c = [];
-      return i(c), c;
-    }), d = (c) => {
-      t.value = c.x, l.value = c.y;
-    }, { open: o } = Le("propTreeMenu", d);
-    return (c, m) => {
-      const y = k("v-list-item-title"), S = k("v-list-item"), $ = k("v-list"), x = k("v-menu");
-      return C(), I(x, {
-        modelValue: T(o),
-        "onUpdate:modelValue": m[0] || (m[0] = (M) => ce(o) ? o.value = M : null),
+      return a(c), c;
+    }), f = (c) => {
+      n.value = c.x, r.value = c.y;
+    }, { open: l } = rn("propTreeMenu", f);
+    return (c, y) => {
+      const d = V("v-list-item-title"), v = V("v-list-item"), T = V("v-list"), h = V("v-menu");
+      return E(), D(h, {
+        modelValue: z(l),
+        "onUpdate:modelValue": y[0] || (y[0] = ($) => Je(l) ? l.value = $ : null),
         "location-strategy": "connected",
-        target: a.value,
+        target: i.value,
         scrim: "transparent"
       }, {
-        default: F(() => [
-          _($, null, {
-            default: F(() => [
-              (C(!0), Y(ue, null, en(u.value, (M, A) => (C(), I(S, {
+        default: R(() => [
+          P(T, null, {
+            default: R(() => [
+              (E(!0), ye(Ye, null, Wn(o.value, ($, A) => (E(), D(v, {
                 key: A,
                 link: "",
-                onClick: M.func
+                onClick: $.func
               }, {
-                default: F(() => [
-                  _(y, null, {
-                    default: F(() => [
-                      fe(ee(M.title), 1)
+                default: R(() => [
+                  P(d, null, {
+                    default: R(() => [
+                      et(Pe($.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -642,7 +642,7 @@ const On = O({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Be = /* @__PURE__ */ w({
+}), wt = /* @__PURE__ */ L({
   __name: "title",
   props: {
     title: {},
@@ -652,56 +652,56 @@ const On = O({
     index: { default: 0 }
   },
   emits: ["collapse", "create", "delete"],
-  setup(e, { emit: n }) {
-    const { backgroundColor2: t, highlightColor: l } = ye(), a = n, i = B(!1), u = V(() => ({
-      background: i.value ? l.value : t.value,
+  setup(e, { emit: t }) {
+    const { backgroundColor2: n, highlightColor: r } = nt(), i = t, a = M(!1), o = I(() => ({
+      background: a.value ? r.value : n.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
-    })), d = () => {
-      a("collapse", !e.collapse);
-    }, o = (c) => {
-      Pe.emit("propTreeMenu", {
+    })), f = () => {
+      i("collapse", !e.collapse);
+    }, l = (c) => {
+      nn.emit("propTreeMenu", {
         x: c.clientX,
         y: c.clientY
       });
     };
-    return (c, m) => {
-      const y = k("v-icon"), S = k("v-spacer"), $ = R("ripple");
-      return P((C(), Y("div", {
+    return (c, y) => {
+      const d = V("v-icon"), v = V("v-spacer"), T = ae("ripple");
+      return W((E(), ye("div", {
         class: "d-flex align-center cursor-pointer",
-        style: Ae(u.value),
-        onClick: d,
-        onContextmenu: j(o, ["prevent"]),
-        onMouseover: m[2] || (m[2] = (x) => i.value = !0),
-        onMouseout: m[3] || (m[3] = (x) => i.value = !1)
+        style: tn(o.value),
+        onClick: f,
+        onContextmenu: we(l, ["prevent"]),
+        onMouseover: y[2] || (y[2] = (h) => a.value = !0),
+        onMouseout: y[3] || (y[3] = (h) => a.value = !1)
       }, [
-        _(y, {
+        P(d, {
           class: "mr-1",
-          icon: c.collapse ? T(ln) : T(tn)
+          icon: c.collapse ? z(Zn) : z(Xn)
         }, null, 8, ["icon"]),
-        nn("span", null, ee(c.title), 1),
-        _(S),
-        c.hasCreate ? (C(), I(y, {
+        Kn("span", null, Pe(c.title), 1),
+        P(v),
+        c.hasCreate ? (E(), D(d, {
           key: 0,
           class: "ml-3",
-          icon: T(ze),
-          onClick: m[0] || (m[0] = j((x) => a("create"), ["stop"]))
-        }, null, 8, ["icon"])) : se("", !0),
-        c.hasDelete ? (C(), I(y, {
+          icon: z(sn),
+          onClick: y[0] || (y[0] = we((h) => i("create"), ["stop"]))
+        }, null, 8, ["icon"])) : Re("", !0),
+        c.hasDelete ? (E(), D(d, {
           key: 1,
           class: "ml-3",
-          icon: T(Oe),
-          onClick: m[1] || (m[1] = j((x) => a("delete", c.index), ["stop"]))
-        }, null, 8, ["icon"])) : se("", !0)
+          icon: z(an),
+          onClick: y[1] || (y[1] = we((h) => i("delete", c.index), ["stop"]))
+        }, null, 8, ["icon"])) : Re("", !0)
       ], 36)), [
-        [$]
+        [T]
       ]);
     };
   }
-}), Rn = /* @__PURE__ */ w({
+}), Lr = /* @__PURE__ */ L({
   __name: "colorPicker",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ K({
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
@@ -709,29 +709,29 @@ const On = O({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = U(e, "modelValue"), t = V(() => e.readonly), l = B("hexa");
-    return (a, i) => {
-      const u = k("v-btn"), d = k("v-color-picker"), o = k("v-menu");
-      return C(), I(o, { "close-on-content-click": !1 }, {
-        activator: F(({ props: c }) => [
-          _(u, de(c, {
+    const t = se(e, "modelValue"), n = I(() => e.readonly), r = M("hexa");
+    return (i, a) => {
+      const o = V("v-btn"), f = V("v-color-picker"), l = V("v-menu");
+      return E(), D(l, { "close-on-content-click": !1 }, {
+        activator: R(({ props: c }) => [
+          P(o, Qe(c, {
             density: "comfortable",
-            color: n.value,
+            color: t.value,
             block: "",
-            disabled: t.value
+            disabled: n.value
           }), {
-            default: F(() => [
-              fe(ee(n.value), 1)
+            default: R(() => [
+              et(Pe(t.value), 1)
             ]),
             _: 2
           }, 1040, ["color", "disabled"])
         ]),
-        default: F(() => [
-          _(d, {
-            modelValue: n.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value = c),
-            mode: l.value,
-            "onUpdate:mode": i[1] || (i[1] = (c) => l.value = c),
+        default: R(() => [
+          P(f, {
+            modelValue: t.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (c) => t.value = c),
+            mode: r.value,
+            "onUpdate:mode": a[1] || (a[1] = (c) => r.value = c),
             "show-swatches": "",
             "swatches-max-height": "150px"
           }, null, 8, ["modelValue", "mode"])
@@ -740,24 +740,24 @@ const On = O({
       });
     };
   }
-}), Un = /* @__PURE__ */ w({
+}), Br = /* @__PURE__ */ L({
   __name: "compSelect",
   setup(e) {
-    const n = V(() => "<n/a>"), t = () => {
-    }, { open: l } = Le("compSelectDlg", t);
-    return (a, i) => {
-      const u = k("v-btn"), d = k("v-dialog");
-      return C(), I(d, {
-        modelValue: T(l),
-        "onUpdate:modelValue": i[0] || (i[0] = (o) => ce(l) ? l.value = o : null)
+    const t = I(() => "<n/a>"), n = () => {
+    }, { open: r } = rn("compSelectDlg", n);
+    return (i, a) => {
+      const o = V("v-btn"), f = V("v-dialog");
+      return E(), D(f, {
+        modelValue: z(r),
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => Je(r) ? r.value = l : null)
       }, {
-        activator: F(({ props: o }) => [
-          _(u, de(o, {
+        activator: R(({ props: l }) => [
+          P(o, Qe(l, {
             density: "comfortable",
             block: ""
           }), {
-            default: F(() => [
-              fe(ee(n.value), 1)
+            default: R(() => [
+              et(Pe(t.value), 1)
             ]),
             _: 2
           }, 1040)
@@ -766,84 +766,79 @@ const On = O({
       }, 8, ["modelValue"]);
     };
   }
-}), En = { class: "my-2" }, Wn = /* @__PURE__ */ w({
+}), Fr = { class: "my-2" }, Dr = /* @__PURE__ */ L({
   __name: "multiTypes",
-  props: /* @__PURE__ */ L({
-    types: {},
-    precision: { default: 4 },
-    min: { default: () => -1 / 0 },
-    max: { default: () => 1 / 0 },
-    step: { default: 1 }
+  props: /* @__PURE__ */ K({
+    types: {}
   }, {
-    modelValue: {},
+    modelValue: { default: "" },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n } = me(), t = U(e, "modelValue"), l = V(() => {
-      const d = [];
-      return e.types.forEach((o, c) => {
-        d.push({
-          title: n(o.name),
+    const { t } = tt(), n = se(e, "modelValue"), r = M(0), i = I(() => {
+      const f = [];
+      return e.types.forEach((l, c) => {
+        f.push({
+          title: t(l.name),
           value: c
         });
-      }), d;
-    }), a = B(0);
-    re(() => {
-      for (let d = 0; d < e.types.length; d++)
-        if (e.types[d].validator(t.value)) {
-          a.value = d;
-          break;
-        }
+      }), f;
     });
-    const i = V(() => e.types[a.value]), u = () => {
-      t.value = i.value.default;
-    };
-    return (d, o) => {
-      const c = k("v-select"), m = k("v-number-input"), y = R("ripple");
-      return C(), Y("div", En, [
-        P(_(c, {
-          modelValue: a.value,
-          "onUpdate:modelValue": [
-            o[0] || (o[0] = (S) => a.value = S),
-            u
-          ],
+    e.types.some((f, l) => f.validator(n.value) ? (r.value = l, !0) : !1);
+    const a = I(() => e.types[r.value]);
+    Ne(a, (f) => {
+      n.value = f.default;
+    });
+    const o = M(0);
+    return Xe(() => {
+      a.value.ui === "pixelInput" ? o.value = qn(n.value) : a.value.ui === "percentInput" && (o.value = Yn(n.value));
+    }), Ne(o, (f) => {
+      a.value.ui === "pixelInput" ? n.value = f + "px" : a.value.ui === "percentInput" && (n.value = f + "%");
+    }), (f, l) => {
+      const c = V("v-select"), y = V("v-number-input"), d = ae("ripple");
+      return E(), ye("div", Fr, [
+        W(P(c, {
+          modelValue: r.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (v) => r.value = v),
           density: "compact",
-          items: l.value,
+          items: i.value,
           "hide-details": "",
           "single-line": ""
         }, null, 8, ["modelValue", "items"]), [
           [
-            y,
+            d,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        i.value.ui === "pixelInput" || i.value.ui === "percentInput" ? P((C(), I(m, {
+        a.value.ui === "pixelInput" || a.value.ui === "percentInput" ? W((E(), D(y, {
           key: 0,
+          modelValue: o.value,
+          "onUpdate:modelValue": l[1] || (l[1] = (v) => o.value = v),
           density: "compact",
           "control-variant": "stacked",
-          precision: d.precision,
-          min: d.min,
-          max: d.max,
-          step: d.step,
+          precision: a.value.precision,
+          min: a.value.min,
+          max: a.value.max,
+          step: a.value.step,
           "hide-details": "",
           "single-line": ""
-        }, null, 8, ["precision", "min", "max", "step"])), [
+        }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
           [
-            y,
+            d,
             void 0,
             void 0,
             { stop: !0 }
           ]
-        ]) : se("", !0)
+        ]) : Re("", !0)
       ]);
     };
   }
-}), Gn = /* @__PURE__ */ w({
+}), jr = /* @__PURE__ */ L({
   __name: "numInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ K({
     precision: { default: 4 },
     min: { default: () => -1 / 0 },
     max: { default: () => 1 / 0 },
@@ -855,24 +850,24 @@ const On = O({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = U(e, "modelValue");
-    return (t, l) => {
-      const a = k("v-number-input"), i = R("ripple");
-      return P((C(), I(a, {
-        modelValue: n.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
+    const t = se(e, "modelValue");
+    return (n, r) => {
+      const i = V("v-number-input"), a = ae("ripple");
+      return W((E(), D(i, {
+        modelValue: t.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (o) => t.value = o),
         density: "compact",
         "control-variant": "stacked",
-        precision: t.precision,
-        min: t.min,
-        max: t.max,
-        step: t.step,
+        precision: n.precision,
+        min: n.min,
+        max: n.max,
+        step: n.step,
         "hide-details": "",
         "single-line": "",
-        readonly: t.readonly
+        readonly: n.readonly
       }, null, 8, ["modelValue", "precision", "min", "max", "step", "readonly"])), [
         [
-          i,
+          a,
           void 0,
           void 0,
           { stop: !0 }
@@ -880,9 +875,9 @@ const On = O({
       ]);
     };
   }
-}), qn = /* @__PURE__ */ w({
+}), kr = /* @__PURE__ */ L({
   __name: "select",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ K({
     readonly: { type: Boolean, default: !1 },
     items: {}
   }, {
@@ -891,20 +886,20 @@ const On = O({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = U(e, "modelValue");
-    return (t, l) => {
-      const a = k("v-select"), i = R("ripple");
-      return P((C(), I(a, {
-        modelValue: n.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
+    const t = se(e, "modelValue");
+    return (n, r) => {
+      const i = V("v-select"), a = ae("ripple");
+      return W((E(), D(i, {
+        modelValue: t.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (o) => t.value = o),
         density: "compact",
-        items: t.items,
+        items: n.items,
         "hide-details": "",
         "single-line": "",
-        readonly: t.readonly
+        readonly: n.readonly
       }, null, 8, ["modelValue", "items", "readonly"])), [
         [
-          i,
+          a,
           void 0,
           void 0,
           { stop: !0 }
@@ -912,32 +907,32 @@ const On = O({
       ]);
     };
   }
-}), Me = /* @__PURE__ */ w({
+}), At = /* @__PURE__ */ L({
   __name: "strInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ K({
     readonly: { type: Boolean, default: !1 },
     hasDelete: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ L(["delete"], ["update:modelValue"]),
-  setup(e, { emit: n }) {
-    const t = U(e, "modelValue"), l = n;
-    return (a, i) => {
-      const u = k("v-text-field"), d = R("ripple");
-      return P((C(), I(u, {
-        modelValue: t.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (o) => t.value = o),
+  emits: /* @__PURE__ */ K(["delete"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const n = se(e, "modelValue"), r = t;
+    return (i, a) => {
+      const o = V("v-text-field"), f = ae("ripple");
+      return W((E(), D(o, {
+        modelValue: n.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
         density: "compact",
-        "append-inner-icon": a.hasDelete ? T(Oe) : "",
+        "append-inner-icon": i.hasDelete ? z(an) : "",
         "hide-details": "",
         "single-line": "",
-        readonly: a.readonly,
-        "onClick:appendInner": i[1] || (i[1] = (o) => l("delete"))
+        readonly: i.readonly,
+        "onClick:appendInner": a[1] || (a[1] = (l) => r("delete"))
       }, null, 8, ["modelValue", "append-inner-icon", "readonly"])), [
         [
-          d,
+          f,
           void 0,
           void 0,
           { stop: !0 }
@@ -945,9 +940,9 @@ const On = O({
       ]);
     };
   }
-}), Xn = /* @__PURE__ */ w({
+}), Rr = /* @__PURE__ */ L({
   __name: "switch",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ K({
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: Boolean },
@@ -955,36 +950,766 @@ const On = O({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = U(e, "modelValue");
-    return (t, l) => {
-      const a = k("v-switch");
-      return C(), I(a, {
-        modelValue: n.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
+    const t = se(e, "modelValue");
+    return (n, r) => {
+      const i = V("v-switch");
+      return E(), D(i, {
+        modelValue: t.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
         class: "ml-1",
         density: "compact",
         color: "primary",
         "hide-details": "",
-        readonly: t.readonly
+        readonly: n.readonly
       }, null, 8, ["modelValue", "readonly"]);
     };
   }
 });
-function Fe(e, n) {
-  const t = n.split(".");
-  let l = e;
-  return t.forEach((a) => {
-    l[a] || (l[a] = {}), l = l[a];
-  }), l.collapse === void 0 && (l.collapse = !0), l.collapse;
-}
-function Yn(e, n, t) {
-  const l = n.split(".");
-  let a = e;
-  l.forEach((i) => {
-    a[i] || (a[i] = {}), a = a[i];
-  }), a.collapse = t;
-}
-const Zn = /* @__PURE__ */ w({
+function St(e, t) {
+  let n = e;
+  return t.forEach((r) => {
+    n[r] || (n[r] = {}), n = n[r];
+  }), n.collapse === void 0 && (n.collapse = !0), n.collapse;
+}
+function Nr(e, t, n) {
+  let r = e;
+  t.forEach((i) => {
+    r[i] || (r[i] = {}), r = r[i];
+  }), r.collapse = n;
+}
+var mn = typeof global == "object" && global && global.Object === Object && global, Ur = typeof self == "object" && self && self.Object === Object && self, j = mn || Ur || Function("return this")(), H = j.Symbol, yn = Object.prototype, zr = yn.hasOwnProperty, Hr = yn.toString, ie = H ? H.toStringTag : void 0;
+function Gr(e) {
+  var t = zr.call(e, ie), n = e[ie];
+  try {
+    e[ie] = void 0;
+    var r = !0;
+  } catch {
+  }
+  var i = Hr.call(e);
+  return r && (t ? e[ie] = n : delete e[ie]), i;
+}
+var Wr = Object.prototype, Kr = Wr.toString;
+function qr(e) {
+  return Kr.call(e);
+}
+var Yr = "[object Null]", Xr = "[object Undefined]", xt = H ? H.toStringTag : void 0;
+function pe(e) {
+  return e == null ? e === void 0 ? Xr : Yr : xt && xt in Object(e) ? Gr(e) : qr(e);
+}
+function q(e) {
+  return e != null && typeof e == "object";
+}
+var de = Array.isArray;
+function he(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var Zr = "[object AsyncFunction]", Jr = "[object Function]", Qr = "[object GeneratorFunction]", ea = "[object Proxy]";
+function vn(e) {
+  if (!he(e))
+    return !1;
+  var t = pe(e);
+  return t == Jr || t == Qr || t == Zr || t == ea;
+}
+var De = j["__core-js_shared__"], Ot = function() {
+  var e = /[^.]+$/.exec(De && De.keys && De.keys.IE_PROTO || "");
+  return e ? "Symbol(src)_1." + e : "";
+}();
+function ta(e) {
+  return !!Ot && Ot in e;
+}
+var na = Function.prototype, ra = na.toString;
+function Z(e) {
+  if (e != null) {
+    try {
+      return ra.call(e);
+    } catch {
+    }
+    try {
+      return e + "";
+    } catch {
+    }
+  }
+  return "";
+}
+var aa = /[\\^$.*+?()[\]{}|]/g, sa = /^\[object .+?Constructor\]$/, ia = Function.prototype, oa = Object.prototype, la = ia.toString, ua = oa.hasOwnProperty, ca = RegExp(
+  "^" + la.call(ua).replace(aa, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function fa(e) {
+  if (!he(e) || ta(e))
+    return !1;
+  var t = vn(e) ? ca : sa;
+  return t.test(Z(e));
+}
+function da(e, t) {
+  return e == null ? void 0 : e[t];
+}
+function J(e, t) {
+  var n = da(e, t);
+  return fa(n) ? n : void 0;
+}
+var He = J(j, "WeakMap"), Pt = Object.create, ga = /* @__PURE__ */ function() {
+  function e() {
+  }
+  return function(t) {
+    if (!he(t))
+      return {};
+    if (Pt)
+      return Pt(t);
+    e.prototype = t;
+    var n = new e();
+    return e.prototype = void 0, n;
+  };
+}();
+function ma(e, t) {
+  var n = -1, r = e.length;
+  for (t || (t = Array(r)); ++n < r; )
+    t[n] = e[n];
+  return t;
+}
+var Vt = function() {
+  try {
+    var e = J(Object, "defineProperty");
+    return e({}, "", {}), e;
+  } catch {
+  }
+}();
+function ya(e, t) {
+  for (var n = -1, r = e == null ? 0 : e.length; ++n < r && t(e[n], n, e) !== !1; )
+    ;
+  return e;
+}
+var va = 9007199254740991, pa = /^(?:0|[1-9]\d*)$/;
+function ha(e, t) {
+  var n = typeof e;
+  return t = t ?? va, !!t && (n == "number" || n != "symbol" && pa.test(e)) && e > -1 && e % 1 == 0 && e < t;
+}
+function pn(e, t, n) {
+  t == "__proto__" && Vt ? Vt(e, t, {
+    configurable: !0,
+    enumerable: !0,
+    value: n,
+    writable: !0
+  }) : e[t] = n;
+}
+function rt(e, t) {
+  return e === t || e !== e && t !== t;
+}
+var _a = Object.prototype, ba = _a.hasOwnProperty;
+function hn(e, t, n) {
+  var r = e[t];
+  (!(ba.call(e, t) && rt(r, n)) || n === void 0 && !(t in e)) && pn(e, t, n);
+}
+function Ee(e, t, n, r) {
+  var i = !n;
+  n || (n = {});
+  for (var a = -1, o = t.length; ++a < o; ) {
+    var f = t[a], l = void 0;
+    l === void 0 && (l = e[f]), i ? pn(n, f, l) : hn(n, f, l);
+  }
+  return n;
+}
+var Ta = 9007199254740991;
+function _n(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= Ta;
+}
+function bn(e) {
+  return e != null && _n(e.length) && !vn(e);
+}
+var $a = Object.prototype;
+function at(e) {
+  var t = e && e.constructor, n = typeof t == "function" && t.prototype || $a;
+  return e === n;
+}
+function Ca(e, t) {
+  for (var n = -1, r = Array(e); ++n < e; )
+    r[n] = t(n);
+  return r;
+}
+var wa = "[object Arguments]";
+function It(e) {
+  return q(e) && pe(e) == wa;
+}
+var Tn = Object.prototype, Aa = Tn.hasOwnProperty, Sa = Tn.propertyIsEnumerable, xa = It(/* @__PURE__ */ function() {
+  return arguments;
+}()) ? It : function(e) {
+  return q(e) && Aa.call(e, "callee") && !Sa.call(e, "callee");
+};
+function Oa() {
+  return !1;
+}
+var $n = typeof exports == "object" && exports && !exports.nodeType && exports, Et = $n && typeof module == "object" && module && !module.nodeType && module, Pa = Et && Et.exports === $n, Mt = Pa ? j.Buffer : void 0, Va = Mt ? Mt.isBuffer : void 0, Se = Va || Oa, Ia = "[object Arguments]", Ea = "[object Array]", Ma = "[object Boolean]", La = "[object Date]", Ba = "[object Error]", Fa = "[object Function]", Da = "[object Map]", ja = "[object Number]", ka = "[object Object]", Ra = "[object RegExp]", Na = "[object Set]", Ua = "[object String]", za = "[object WeakMap]", Ha = "[object ArrayBuffer]", Ga = "[object DataView]", Wa = "[object Float32Array]", Ka = "[object Float64Array]", qa = "[object Int8Array]", Ya = "[object Int16Array]", Xa = "[object Int32Array]", Za = "[object Uint8Array]", Ja = "[object Uint8ClampedArray]", Qa = "[object Uint16Array]", es = "[object Uint32Array]", w = {};
+w[Wa] = w[Ka] = w[qa] = w[Ya] = w[Xa] = w[Za] = w[Ja] = w[Qa] = w[es] = !0;
+w[Ia] = w[Ea] = w[Ha] = w[Ma] = w[Ga] = w[La] = w[Ba] = w[Fa] = w[Da] = w[ja] = w[ka] = w[Ra] = w[Na] = w[Ua] = w[za] = !1;
+function ts(e) {
+  return q(e) && _n(e.length) && !!w[pe(e)];
+}
+function st(e) {
+  return function(t) {
+    return e(t);
+  };
+}
+var Cn = typeof exports == "object" && exports && !exports.nodeType && exports, ce = Cn && typeof module == "object" && module && !module.nodeType && module, ns = ce && ce.exports === Cn, je = ns && mn.process, re = function() {
+  try {
+    var e = ce && ce.require && ce.require("util").types;
+    return e || je && je.binding && je.binding("util");
+  } catch {
+  }
+}(), Lt = re && re.isTypedArray, wn = Lt ? st(Lt) : ts, rs = Object.prototype, as = rs.hasOwnProperty;
+function An(e, t) {
+  var n = de(e), r = !n && xa(e), i = !n && !r && Se(e), a = !n && !r && !i && wn(e), o = n || r || i || a, f = o ? Ca(e.length, String) : [], l = f.length;
+  for (var c in e)
+    (t || as.call(e, c)) && !(o && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (c == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    i && (c == "offset" || c == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    a && (c == "buffer" || c == "byteLength" || c == "byteOffset") || // Skip index properties.
+    ha(c, l))) && f.push(c);
+  return f;
+}
+function Sn(e, t) {
+  return function(n) {
+    return e(t(n));
+  };
+}
+var ss = Sn(Object.keys, Object), is = Object.prototype, os = is.hasOwnProperty;
+function ls(e) {
+  if (!at(e))
+    return ss(e);
+  var t = [];
+  for (var n in Object(e))
+    os.call(e, n) && n != "constructor" && t.push(n);
+  return t;
+}
+function it(e) {
+  return bn(e) ? An(e) : ls(e);
+}
+function us(e) {
+  var t = [];
+  if (e != null)
+    for (var n in Object(e))
+      t.push(n);
+  return t;
+}
+var cs = Object.prototype, fs = cs.hasOwnProperty;
+function ds(e) {
+  if (!he(e))
+    return us(e);
+  var t = at(e), n = [];
+  for (var r in e)
+    r == "constructor" && (t || !fs.call(e, r)) || n.push(r);
+  return n;
+}
+function ot(e) {
+  return bn(e) ? An(e, !0) : ds(e);
+}
+var ge = J(Object, "create");
+function gs() {
+  this.__data__ = ge ? ge(null) : {}, this.size = 0;
+}
+function ms(e) {
+  var t = this.has(e) && delete this.__data__[e];
+  return this.size -= t ? 1 : 0, t;
+}
+var ys = "__lodash_hash_undefined__", vs = Object.prototype, ps = vs.hasOwnProperty;
+function hs(e) {
+  var t = this.__data__;
+  if (ge) {
+    var n = t[e];
+    return n === ys ? void 0 : n;
+  }
+  return ps.call(t, e) ? t[e] : void 0;
+}
+var _s = Object.prototype, bs = _s.hasOwnProperty;
+function Ts(e) {
+  var t = this.__data__;
+  return ge ? t[e] !== void 0 : bs.call(t, e);
+}
+var $s = "__lodash_hash_undefined__";
+function Cs(e, t) {
+  var n = this.__data__;
+  return this.size += this.has(e) ? 0 : 1, n[e] = ge && t === void 0 ? $s : t, this;
+}
+function Y(e) {
+  var t = -1, n = e == null ? 0 : e.length;
+  for (this.clear(); ++t < n; ) {
+    var r = e[t];
+    this.set(r[0], r[1]);
+  }
+}
+Y.prototype.clear = gs;
+Y.prototype.delete = ms;
+Y.prototype.get = hs;
+Y.prototype.has = Ts;
+Y.prototype.set = Cs;
+function ws() {
+  this.__data__ = [], this.size = 0;
+}
+function Me(e, t) {
+  for (var n = e.length; n--; )
+    if (rt(e[n][0], t))
+      return n;
+  return -1;
+}
+var As = Array.prototype, Ss = As.splice;
+function xs(e) {
+  var t = this.__data__, n = Me(t, e);
+  if (n < 0)
+    return !1;
+  var r = t.length - 1;
+  return n == r ? t.pop() : Ss.call(t, n, 1), --this.size, !0;
+}
+function Os(e) {
+  var t = this.__data__, n = Me(t, e);
+  return n < 0 ? void 0 : t[n][1];
+}
+function Ps(e) {
+  return Me(this.__data__, e) > -1;
+}
+function Vs(e, t) {
+  var n = this.__data__, r = Me(n, e);
+  return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
+}
+function U(e) {
+  var t = -1, n = e == null ? 0 : e.length;
+  for (this.clear(); ++t < n; ) {
+    var r = e[t];
+    this.set(r[0], r[1]);
+  }
+}
+U.prototype.clear = ws;
+U.prototype.delete = xs;
+U.prototype.get = Os;
+U.prototype.has = Ps;
+U.prototype.set = Vs;
+var me = J(j, "Map");
+function Is() {
+  this.size = 0, this.__data__ = {
+    hash: new Y(),
+    map: new (me || U)(),
+    string: new Y()
+  };
+}
+function Es(e) {
+  var t = typeof e;
+  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
+}
+function Le(e, t) {
+  var n = e.__data__;
+  return Es(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+}
+function Ms(e) {
+  var t = Le(this, e).delete(e);
+  return this.size -= t ? 1 : 0, t;
+}
+function Ls(e) {
+  return Le(this, e).get(e);
+}
+function Bs(e) {
+  return Le(this, e).has(e);
+}
+function Fs(e, t) {
+  var n = Le(this, e), r = n.size;
+  return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
+}
+function Q(e) {
+  var t = -1, n = e == null ? 0 : e.length;
+  for (this.clear(); ++t < n; ) {
+    var r = e[t];
+    this.set(r[0], r[1]);
+  }
+}
+Q.prototype.clear = Is;
+Q.prototype.delete = Ms;
+Q.prototype.get = Ls;
+Q.prototype.has = Bs;
+Q.prototype.set = Fs;
+function xn(e, t) {
+  for (var n = -1, r = t.length, i = e.length; ++n < r; )
+    e[i + n] = t[n];
+  return e;
+}
+var On = Sn(Object.getPrototypeOf, Object);
+function Ds() {
+  this.__data__ = new U(), this.size = 0;
+}
+function js(e) {
+  var t = this.__data__, n = t.delete(e);
+  return this.size = t.size, n;
+}
+function ks(e) {
+  return this.__data__.get(e);
+}
+function Rs(e) {
+  return this.__data__.has(e);
+}
+var Ns = 200;
+function Us(e, t) {
+  var n = this.__data__;
+  if (n instanceof U) {
+    var r = n.__data__;
+    if (!me || r.length < Ns - 1)
+      return r.push([e, t]), this.size = ++n.size, this;
+    n = this.__data__ = new Q(r);
+  }
+  return n.set(e, t), this.size = n.size, this;
+}
+function N(e) {
+  var t = this.__data__ = new U(e);
+  this.size = t.size;
+}
+N.prototype.clear = Ds;
+N.prototype.delete = js;
+N.prototype.get = ks;
+N.prototype.has = Rs;
+N.prototype.set = Us;
+function zs(e, t) {
+  return e && Ee(t, it(t), e);
+}
+function Hs(e, t) {
+  return e && Ee(t, ot(t), e);
+}
+var Pn = typeof exports == "object" && exports && !exports.nodeType && exports, Bt = Pn && typeof module == "object" && module && !module.nodeType && module, Gs = Bt && Bt.exports === Pn, Ft = Gs ? j.Buffer : void 0, Dt = Ft ? Ft.allocUnsafe : void 0;
+function Ws(e, t) {
+  if (t)
+    return e.slice();
+  var n = e.length, r = Dt ? Dt(n) : new e.constructor(n);
+  return e.copy(r), r;
+}
+function Ks(e, t) {
+  for (var n = -1, r = e == null ? 0 : e.length, i = 0, a = []; ++n < r; ) {
+    var o = e[n];
+    t(o, n, e) && (a[i++] = o);
+  }
+  return a;
+}
+function Vn() {
+  return [];
+}
+var qs = Object.prototype, Ys = qs.propertyIsEnumerable, jt = Object.getOwnPropertySymbols, lt = jt ? function(e) {
+  return e == null ? [] : (e = Object(e), Ks(jt(e), function(t) {
+    return Ys.call(e, t);
+  }));
+} : Vn;
+function Xs(e, t) {
+  return Ee(e, lt(e), t);
+}
+var Zs = Object.getOwnPropertySymbols, In = Zs ? function(e) {
+  for (var t = []; e; )
+    xn(t, lt(e)), e = On(e);
+  return t;
+} : Vn;
+function Js(e, t) {
+  return Ee(e, In(e), t);
+}
+function En(e, t, n) {
+  var r = t(e);
+  return de(e) ? r : xn(r, n(e));
+}
+function Ge(e) {
+  return En(e, it, lt);
+}
+function Qs(e) {
+  return En(e, ot, In);
+}
+var We = J(j, "DataView"), Ke = J(j, "Promise"), qe = J(j, "Set"), kt = "[object Map]", ei = "[object Object]", Rt = "[object Promise]", Nt = "[object Set]", Ut = "[object WeakMap]", zt = "[object DataView]", ti = Z(We), ni = Z(me), ri = Z(Ke), ai = Z(qe), si = Z(He), F = pe;
+(We && F(new We(new ArrayBuffer(1))) != zt || me && F(new me()) != kt || Ke && F(Ke.resolve()) != Rt || qe && F(new qe()) != Nt || He && F(new He()) != Ut) && (F = function(e) {
+  var t = pe(e), n = t == ei ? e.constructor : void 0, r = n ? Z(n) : "";
+  if (r)
+    switch (r) {
+      case ti:
+        return zt;
+      case ni:
+        return kt;
+      case ri:
+        return Rt;
+      case ai:
+        return Nt;
+      case si:
+        return Ut;
+    }
+  return t;
+});
+var ii = Object.prototype, oi = ii.hasOwnProperty;
+function li(e) {
+  var t = e.length, n = new e.constructor(t);
+  return t && typeof e[0] == "string" && oi.call(e, "index") && (n.index = e.index, n.input = e.input), n;
+}
+var xe = j.Uint8Array;
+function ut(e) {
+  var t = new e.constructor(e.byteLength);
+  return new xe(t).set(new xe(e)), t;
+}
+function ui(e, t) {
+  var n = t ? ut(e.buffer) : e.buffer;
+  return new e.constructor(n, e.byteOffset, e.byteLength);
+}
+var ci = /\w*$/;
+function fi(e) {
+  var t = new e.constructor(e.source, ci.exec(e));
+  return t.lastIndex = e.lastIndex, t;
+}
+var Ht = H ? H.prototype : void 0, Gt = Ht ? Ht.valueOf : void 0;
+function di(e) {
+  return Gt ? Object(Gt.call(e)) : {};
+}
+function gi(e, t) {
+  var n = t ? ut(e.buffer) : e.buffer;
+  return new e.constructor(n, e.byteOffset, e.length);
+}
+var mi = "[object Boolean]", yi = "[object Date]", vi = "[object Map]", pi = "[object Number]", hi = "[object RegExp]", _i = "[object Set]", bi = "[object String]", Ti = "[object Symbol]", $i = "[object ArrayBuffer]", Ci = "[object DataView]", wi = "[object Float32Array]", Ai = "[object Float64Array]", Si = "[object Int8Array]", xi = "[object Int16Array]", Oi = "[object Int32Array]", Pi = "[object Uint8Array]", Vi = "[object Uint8ClampedArray]", Ii = "[object Uint16Array]", Ei = "[object Uint32Array]";
+function Mi(e, t, n) {
+  var r = e.constructor;
+  switch (t) {
+    case $i:
+      return ut(e);
+    case mi:
+    case yi:
+      return new r(+e);
+    case Ci:
+      return ui(e, n);
+    case wi:
+    case Ai:
+    case Si:
+    case xi:
+    case Oi:
+    case Pi:
+    case Vi:
+    case Ii:
+    case Ei:
+      return gi(e, n);
+    case vi:
+      return new r();
+    case pi:
+    case bi:
+      return new r(e);
+    case hi:
+      return fi(e);
+    case _i:
+      return new r();
+    case Ti:
+      return di(e);
+  }
+}
+function Li(e) {
+  return typeof e.constructor == "function" && !at(e) ? ga(On(e)) : {};
+}
+var Bi = "[object Map]";
+function Fi(e) {
+  return q(e) && F(e) == Bi;
+}
+var Wt = re && re.isMap, Di = Wt ? st(Wt) : Fi, ji = "[object Set]";
+function ki(e) {
+  return q(e) && F(e) == ji;
+}
+var Kt = re && re.isSet, Ri = Kt ? st(Kt) : ki, Ni = 1, Ui = 2, zi = 4, Mn = "[object Arguments]", Hi = "[object Array]", Gi = "[object Boolean]", Wi = "[object Date]", Ki = "[object Error]", Ln = "[object Function]", qi = "[object GeneratorFunction]", Yi = "[object Map]", Xi = "[object Number]", Bn = "[object Object]", Zi = "[object RegExp]", Ji = "[object Set]", Qi = "[object String]", eo = "[object Symbol]", to = "[object WeakMap]", no = "[object ArrayBuffer]", ro = "[object DataView]", ao = "[object Float32Array]", so = "[object Float64Array]", io = "[object Int8Array]", oo = "[object Int16Array]", lo = "[object Int32Array]", uo = "[object Uint8Array]", co = "[object Uint8ClampedArray]", fo = "[object Uint16Array]", go = "[object Uint32Array]", b = {};
+b[Mn] = b[Hi] = b[no] = b[ro] = b[Gi] = b[Wi] = b[ao] = b[so] = b[io] = b[oo] = b[lo] = b[Yi] = b[Xi] = b[Bn] = b[Zi] = b[Ji] = b[Qi] = b[eo] = b[uo] = b[co] = b[fo] = b[go] = !0;
+b[Ki] = b[Ln] = b[to] = !1;
+function Ae(e, t, n, r, i, a) {
+  var o, f = t & Ni, l = t & Ui, c = t & zi;
+  if (o !== void 0)
+    return o;
+  if (!he(e))
+    return e;
+  var y = de(e);
+  if (y) {
+    if (o = li(e), !f)
+      return ma(e, o);
+  } else {
+    var d = F(e), v = d == Ln || d == qi;
+    if (Se(e))
+      return Ws(e, f);
+    if (d == Bn || d == Mn || v && !i) {
+      if (o = l || v ? {} : Li(e), !f)
+        return l ? Js(e, Hs(o, e)) : Xs(e, zs(o, e));
+    } else {
+      if (!b[d])
+        return i ? e : {};
+      o = Mi(e, d, f);
+    }
+  }
+  a || (a = new N());
+  var T = a.get(e);
+  if (T)
+    return T;
+  a.set(e, o), Ri(e) ? e.forEach(function(A) {
+    o.add(Ae(A, t, n, A, e, a));
+  }) : Di(e) && e.forEach(function(A, x) {
+    o.set(x, Ae(A, t, n, x, e, a));
+  });
+  var h = c ? l ? Qs : Ge : l ? ot : it, $ = y ? void 0 : h(e);
+  return ya($ || e, function(A, x) {
+    $ && (x = A, A = e[x]), hn(o, x, Ae(A, t, n, x, e, a));
+  }), o;
+}
+var mo = 1, yo = 4;
+function qt(e) {
+  return Ae(e, mo | yo);
+}
+var vo = "__lodash_hash_undefined__";
+function po(e) {
+  return this.__data__.set(e, vo), this;
+}
+function ho(e) {
+  return this.__data__.has(e);
+}
+function Oe(e) {
+  var t = -1, n = e == null ? 0 : e.length;
+  for (this.__data__ = new Q(); ++t < n; )
+    this.add(e[t]);
+}
+Oe.prototype.add = Oe.prototype.push = po;
+Oe.prototype.has = ho;
+function _o(e, t) {
+  for (var n = -1, r = e == null ? 0 : e.length; ++n < r; )
+    if (t(e[n], n, e))
+      return !0;
+  return !1;
+}
+function bo(e, t) {
+  return e.has(t);
+}
+var To = 1, $o = 2;
+function Fn(e, t, n, r, i, a) {
+  var o = n & To, f = e.length, l = t.length;
+  if (f != l && !(o && l > f))
+    return !1;
+  var c = a.get(e), y = a.get(t);
+  if (c && y)
+    return c == t && y == e;
+  var d = -1, v = !0, T = n & $o ? new Oe() : void 0;
+  for (a.set(e, t), a.set(t, e); ++d < f; ) {
+    var h = e[d], $ = t[d];
+    if (r)
+      var A = o ? r($, h, d, t, e, a) : r(h, $, d, e, t, a);
+    if (A !== void 0) {
+      if (A)
+        continue;
+      v = !1;
+      break;
+    }
+    if (T) {
+      if (!_o(t, function(x, B) {
+        if (!bo(T, B) && (h === x || i(h, x, n, r, a)))
+          return T.push(B);
+      })) {
+        v = !1;
+        break;
+      }
+    } else if (!(h === $ || i(h, $, n, r, a))) {
+      v = !1;
+      break;
+    }
+  }
+  return a.delete(e), a.delete(t), v;
+}
+function Co(e) {
+  var t = -1, n = Array(e.size);
+  return e.forEach(function(r, i) {
+    n[++t] = [i, r];
+  }), n;
+}
+function wo(e) {
+  var t = -1, n = Array(e.size);
+  return e.forEach(function(r) {
+    n[++t] = r;
+  }), n;
+}
+var Ao = 1, So = 2, xo = "[object Boolean]", Oo = "[object Date]", Po = "[object Error]", Vo = "[object Map]", Io = "[object Number]", Eo = "[object RegExp]", Mo = "[object Set]", Lo = "[object String]", Bo = "[object Symbol]", Fo = "[object ArrayBuffer]", Do = "[object DataView]", Yt = H ? H.prototype : void 0, ke = Yt ? Yt.valueOf : void 0;
+function jo(e, t, n, r, i, a, o) {
+  switch (n) {
+    case Do:
+      if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
+        return !1;
+      e = e.buffer, t = t.buffer;
+    case Fo:
+      return !(e.byteLength != t.byteLength || !a(new xe(e), new xe(t)));
+    case xo:
+    case Oo:
+    case Io:
+      return rt(+e, +t);
+    case Po:
+      return e.name == t.name && e.message == t.message;
+    case Eo:
+    case Lo:
+      return e == t + "";
+    case Vo:
+      var f = Co;
+    case Mo:
+      var l = r & Ao;
+      if (f || (f = wo), e.size != t.size && !l)
+        return !1;
+      var c = o.get(e);
+      if (c)
+        return c == t;
+      r |= So, o.set(e, t);
+      var y = Fn(f(e), f(t), r, i, a, o);
+      return o.delete(e), y;
+    case Bo:
+      if (ke)
+        return ke.call(e) == ke.call(t);
+  }
+  return !1;
+}
+var ko = 1, Ro = Object.prototype, No = Ro.hasOwnProperty;
+function Uo(e, t, n, r, i, a) {
+  var o = n & ko, f = Ge(e), l = f.length, c = Ge(t), y = c.length;
+  if (l != y && !o)
+    return !1;
+  for (var d = l; d--; ) {
+    var v = f[d];
+    if (!(o ? v in t : No.call(t, v)))
+      return !1;
+  }
+  var T = a.get(e), h = a.get(t);
+  if (T && h)
+    return T == t && h == e;
+  var $ = !0;
+  a.set(e, t), a.set(t, e);
+  for (var A = o; ++d < l; ) {
+    v = f[d];
+    var x = e[v], B = t[v];
+    if (r)
+      var _e = o ? r(B, x, v, t, e, a) : r(x, B, v, e, t, a);
+    if (!(_e === void 0 ? x === B || i(x, B, n, r, a) : _e)) {
+      $ = !1;
+      break;
+    }
+    A || (A = v == "constructor");
+  }
+  if ($ && !A) {
+    var G = e.constructor, ee = t.constructor;
+    G != ee && "constructor" in e && "constructor" in t && !(typeof G == "function" && G instanceof G && typeof ee == "function" && ee instanceof ee) && ($ = !1);
+  }
+  return a.delete(e), a.delete(t), $;
+}
+var zo = 1, Xt = "[object Arguments]", Zt = "[object Array]", $e = "[object Object]", Ho = Object.prototype, Jt = Ho.hasOwnProperty;
+function Go(e, t, n, r, i, a) {
+  var o = de(e), f = de(t), l = o ? Zt : F(e), c = f ? Zt : F(t);
+  l = l == Xt ? $e : l, c = c == Xt ? $e : c;
+  var y = l == $e, d = c == $e, v = l == c;
+  if (v && Se(e)) {
+    if (!Se(t))
+      return !1;
+    o = !0, y = !1;
+  }
+  if (v && !y)
+    return a || (a = new N()), o || wn(e) ? Fn(e, t, n, r, i, a) : jo(e, t, l, n, r, i, a);
+  if (!(n & zo)) {
+    var T = y && Jt.call(e, "__wrapped__"), h = d && Jt.call(t, "__wrapped__");
+    if (T || h) {
+      var $ = T ? e.value() : e, A = h ? t.value() : t;
+      return a || (a = new N()), i($, A, n, r, a);
+    }
+  }
+  return v ? (a || (a = new N()), Uo(e, t, n, r, i, a)) : !1;
+}
+function Dn(e, t, n, r, i) {
+  return e === t ? !0 : e == null || t == null || !q(e) && !q(t) ? e !== e && t !== t : Go(e, t, n, r, Dn, i);
+}
+function Ce(e, t) {
+  return Dn(e, t);
+}
+const Wo = /* @__PURE__ */ L({
   __name: "index",
   props: {
     unique: {},
@@ -992,82 +1717,124 @@ const Zn = /* @__PURE__ */ w({
     object: {}
   },
   emits: ["change"],
-  setup(e, { emit: n }) {
-    const { t } = me(), { backgroundColor1: l, backgroundColor2: a } = ye(), i = e, u = n, d = B("20px"), o = B("56px"), c = B("200px"), m = De({});
-    function y(f, s, r, g) {
-      return f !== "" && (f += "."), f += s.key, s.children ? s.array ? S(f, s, r, g) : $(f, s, r, g) : s.array ? x(f, s, r) : M(f, s, r);
-    }
-    function S(f, s, r, g) {
-      r[s.key] instanceof Array || (r[s.key] = [], u("change", f, r[s.key]));
-      const b = p(Be, {
-        title: t(s.name),
-        collapse: (typeof g.collapse != "boolean" && (g.collapse = !0), g.collapse),
-        onCollapse: (h) => {
-          g.collapse = h;
+  setup(e, { emit: t }) {
+    const { t: n } = tt(), { backgroundColor1: r, backgroundColor2: i } = nt(), a = e, o = t, f = M("20px"), l = M("56px"), c = M("200px"), y = Qt({}), d = (g, s) => {
+      T(), o("change", g, s);
+    }, v = M({}), T = () => {
+      if (!a.config || !a.object) {
+        v.value = {};
+        return;
+      }
+      const g = (u, m, O, p) => {
+        if (u = qt(u), u.push(m.key), p[m.key] || (p[m.key] = {}), m.ui) {
+          if (Ce(u, ["basic", "id"]) || Ce(u, ["basic", "name"]))
+            return !1;
+          const S = !Ce(m.default, O[m.key]);
+          return p[m.key].__change__ = S, S;
+        } else if (m.array) {
+          const S = !Ce(m.default, O[m.key]);
+          return p[m.key].__change__ = S, S;
+        } else {
+          let S = !1;
+          return m.children.forEach((C) => {
+            g(u, C, O[m.key], p[m.key]) && (S = !0);
+          }), p[m.key].__change__ = S, S;
+        }
+      }, s = {};
+      a.config.forEach((u) => {
+        g([], u, a.object, s);
+      }), v.value = s;
+    };
+    Ne([() => a.unique, () => a.config, () => a.object], () => {
+      T();
+    });
+    const h = (g) => {
+      let s = v.value;
+      return g.forEach((u) => {
+        if (s = s[u], !s)
+          return console.assert(!1, "isPropChanged unpkg failed"), !1;
+      }), s.__change__ ?? !1;
+    }, $ = (g, s, u, m) => (g = qt(g), g.push(s.key), s.ui ? s.array ? B(g, s, u) : _e(g, s, u) : s.array ? A(g, s, u, m) : x(g, s, u, m)), A = (g, s, u, m) => {
+      if (s.ui)
+        return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
+      if (!s.array)
+        return console.assert(!1), _("div", "renderBranchArray prop array must be valid");
+      u[s.key] instanceof Array || (u[s.key] = k(s), d(g, u[s.key]));
+      let O = n(s.name);
+      h(g) && (O += " *");
+      const p = _(wt, {
+        title: O,
+        collapse: (typeof m.collapse != "boolean" && (m.collapse = !0), m.collapse),
+        onCollapse: (C) => {
+          m.collapse = C;
         },
         onCreate: () => {
-          r[s.key].push({}), u("change", f, r[s.key]);
+          u[s.key].push({}), d(g, u[s.key]);
         }
-      }), v = p(
+      }), S = _(
         "div",
         {
           style: {
-            paddingLeft: d.value
+            paddingLeft: f.value
           }
         },
         (() => {
-          g[s.key] instanceof Array || (g[s.key] = []);
-          for (let h = 0; h < r[s.key].length; h++)
-            typeof g[s.key][h] != "object" && (g[s.key][h] = {
+          m[s.key] instanceof Array || (m[s.key] = []);
+          for (let C = 0; C < u[s.key].length; C++)
+            typeof m[s.key][C] != "object" && (m[s.key][C] = {
               collapse: !0
             });
           return [];
         })()
       );
-      return p(
+      return _(
         "div",
         {
           style: {
-            background: a.value,
+            background: i.value,
             marginBottom: "1px"
           }
         },
         (() => {
-          const h = [];
-          return h.push(b), g.collapse || h.push(v), h;
+          const C = [];
+          return C.push(p), m.collapse || C.push(S), C;
         })()
       );
-    }
-    function $(f, s, r, g) {
-      const b = p(Be, {
-        title: t(s.name),
-        collapse: Fe(g, f),
-        onCollapse: (h) => {
-          Yn(g, f, h);
+    }, x = (g, s, u, m) => {
+      if (s.ui)
+        return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
+      if (s.array)
+        return console.assert(!1), _("div", "renderBranchScalar prop array must be invalid");
+      let O = n(s.name);
+      h(g) && (O += " *");
+      const p = _(wt, {
+        title: O,
+        collapse: St(m, g),
+        onCollapse: (C) => {
+          Nr(m, g, C);
         }
-      }), v = p(
+      }), S = _(
         "div",
         {
           style: {
-            background: l.value,
-            paddingLeft: d.value
+            background: r.value,
+            paddingLeft: f.value
           }
         },
         (() => {
-          var z;
-          const h = [];
-          return (z = s.children) == null || z.forEach((E) => {
-            const qe = y(
-              f,
-              E,
-              (typeof r[s.key] != "object" && (r[s.key] = {}, u("change", f, r[s.key])), r[s.key]),
-              g
+          const C = [];
+          return s.children.forEach((Be) => {
+            const jn = $(
+              g,
+              Be,
+              (typeof u[s.key] != "object" && (u[s.key] = {}, d(g, u[s.key])), u[s.key]),
+              m
             );
-            h.push(qe);
-          }), h;
+            C.push(jn);
+          }), C;
         })()
       );
-      return p(
+      return _(
         "div",
         {
           style: {
@@ -1075,41 +1842,44 @@ const Zn = /* @__PURE__ */ w({
           }
         },
         (() => {
-          const h = [];
-          return h.push(b), Fe(g, f) || h.push(v), h;
+          const C = [];
+          return C.push(p), St(m, g) || C.push(S), C;
         })()
       );
-    }
-    function x(f, s, r) {
-      r[s.key] instanceof Array || (r[s.key] = D(s), u("change", f, r[s.key]));
-      let g = () => [];
-      return s.ui === "strInput" ? g = () => {
-        const b = [];
-        for (let h = 0; h < r[s.key].length; h++) {
-          const z = p(
+    }, B = (g, s, u) => {
+      if (!s.ui)
+        return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
+      if (!s.array)
+        return console.assert(!1), _("div", "renderLeafArray prop array must be valid");
+      u[s.key] instanceof Array || (u[s.key] = k(s), d(g, u[s.key]));
+      let m = () => [];
+      return s.ui === "strInput" ? m = () => {
+        const O = [];
+        for (let S = 0; S < u[s.key].length; S++) {
+          const C = _(
             "div",
             {
               class: "d-flex align-center justify-center",
               style: {
-                height: o.value
+                height: l.value
               }
             },
             [
-              p(Me, {
-                modelValue: r[s.key][h],
-                "onUpdate:modelValue": (E) => {
-                  r[s.key][h] = E, u("change", f, r[s.key]);
+              _(At, {
+                modelValue: u[s.key][S],
+                "onUpdate:modelValue": (Be) => {
+                  u[s.key][S] = Be, d(g, u[s.key]);
                 },
                 hasDelete: !0,
                 onDelete: () => {
-                  r[s.key].splice(h, 1), u("change", f, r[s.key]);
+                  u[s.key].splice(S, 1), d(g, u[s.key]);
                 }
               })
             ]
           );
-          b.push(z);
+          O.push(C);
         }
-        const v = p(
+        const p = _(
           "div",
           {
             class: "d-flex align-center justify-center",
@@ -1123,103 +1893,103 @@ const Zn = /* @__PURE__ */ w({
               border: "thin dashed #bdbdbd"
             },
             onClick: () => {
-              r[s.key].push(""), u("change", f, r[s.key]);
+              u[s.key].push(""), d(g, u[s.key]);
             }
           },
-          [p(zn, { icon: ze })]
+          [_(Ir, { icon: sn })]
         );
-        return b.push(v), b;
-      } : console.assert(!1, "invalid prop ui", s.ui), A(t(s.name), g());
-    }
-    function M(f, s, r) {
-      let g = () => [];
-      return s.ui === "void" ? r[s.key] === void 0 && (console.assert(s.default !== void 0), r[s.key] = D(s), u("change", f, r[s.key])) : s.ui === "strInput" ? g = () => [p(Me, {
-        modelValue: s.static ? s.value : (typeof r[s.key] != "string" && (r[s.key] = D(s), u("change", f, r[s.key])), r[s.key]),
-        "onUpdate:modelValue": (v) => {
-          s.static || v !== r[s.key] && (r[s.key] = v, u("change", f, v));
+        return O.push(p), O;
+      } : console.assert(!1, "renderLeafArray not implemented"), G(g, s, m());
+    }, _e = (g, s, u) => {
+      if (!s.ui)
+        return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
+      if (s.array)
+        return console.assert(!1), _("div", "renderLeafScalar prop array must be invalid");
+      let m = () => [];
+      return s.ui === "dummy" ? u[s.key] === void 0 && (u[s.key] = k(s), d(g, u[s.key])) : s.ui === "strInput" ? m = () => [_(At, {
+        modelValue: s.static ? s.value : (typeof u[s.key] != "string" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          s.static || p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
         },
         readonly: s.static || s.readonly
-      })] : s.ui === "numInput" ? g = () => [p(Gn, {
-        modelValue: (typeof r[s.key] != "number" && (r[s.key] = D(s), u("change", f, r[s.key])), r[s.key]),
-        "onUpdate:modelValue": (v) => {
-          v !== r[s.key] && (r[s.key] = v, u("change", f, v));
+      })] : s.ui === "numInput" ? m = () => [_(jr, {
+        modelValue: (typeof u[s.key] != "number" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
         },
         readonly: s.readonly
-      })] : s.ui === "switch" ? g = () => [p(Xn, {
-        modelValue: (typeof r[s.key] != "boolean" && (r[s.key] = D(s), u("change", f, r[s.key])), r[s.key]),
-        "onUpdate:modelValue": (v) => {
-          v !== r[s.key] && (r[s.key] = v, u("change", f, v));
+      })] : s.ui === "switch" ? m = () => [_(Rr, {
+        modelValue: (typeof u[s.key] != "boolean" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
         },
         readonly: s.readonly
-      })] : s.ui === "select" ? g = () => [p(qn, {
-        modelValue: (typeof r[s.key] != "string" && (r[s.key] = D(s), u("change", f, r[s.key])), r[s.key]),
-        "onUpdate:modelValue": (v) => {
-          v !== r[s.key] && (r[s.key] = v, u("change", f, v));
+      })] : s.ui === "select" ? m = () => [_(kr, {
+        modelValue: (typeof u[s.key] != "string" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
         },
         items: (() => {
-          var h;
-          const v = [];
-          return (h = s.items) == null || h.forEach(({ title: z, value: E }) => {
-            v.push({
-              title: t(z),
-              value: E
+          const p = [];
+          return s.items.forEach(({ title: S, value: C }) => {
+            p.push({
+              title: n(S),
+              value: C
             });
-          }), v;
+          }), p;
         })(),
         readonly: s.readonly
-      })] : s.ui === "colorPicker" ? g = () => [p(Rn, {
-        modelValue: (typeof r[s.key] != "string" && (r[s.key] = D(s), u("change", f, r[s.key])), r[s.key]),
-        "onUpdate:modelValue": (v) => {
-          v !== r[s.key] && (r[s.key] = v, u("change", f, v));
+      })] : s.ui === "colorPicker" ? m = () => [_(Lr, {
+        modelValue: (typeof u[s.key] != "string" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
         },
         readonly: s.readonly
-      })] : s.ui === "multiTypes" ? g = () => [p(Wn, {
-        modelValue: (typeof r[s.key] != "string" && (r[s.key] = D(s), u("change", f, r[s.key])), r[s.key]),
-        types: s.types,
-        precision: s.precision,
-        min: s.min,
-        max: s.max,
-        step: s.step
-      })] : s.ui === "compSelect" ? g = () => [p(Un, {})] : console.assert(!1, "invalid prop ui", s.ui), A(t(s.name), g());
-    }
-    function A(f, s) {
-      return p(
-        Hn,
+      })] : s.ui === "multiTypes" ? m = () => [_(Dr, {
+        modelValue: (typeof u[s.key] != "string" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
+        },
+        types: s.types
+      })] : s.ui === "compSelect" ? m = () => [_(Br, {})] : console.assert(!1, "renderLeafScalar not implemented"), G(g, s, m());
+    }, G = (g, s, u) => {
+      let m = n(s.name);
+      return h(g) && (m += " *"), _(
+        Er,
         {
-          minHeight: o.value
+          minHeight: l.value
         },
         () => [
-          p("span", { class: "ml-1", innerHTML: f }),
-          p("div", { style: { width: c.value } }, s)
+          _("span", { class: "ml-1", innerHTML: m }),
+          _("div", { style: { width: c.value } }, u)
         ]
       );
-    }
-    const K = () => p(
+    }, ee = () => _(
       "div",
       {
         class: "text-body-2"
       },
       (() => {
-        const f = [];
-        if (i.unique && i.config && i.object) {
-          m[i.unique] || (m[i.unique] = {});
-          const s = m[i.unique];
-          i.config.forEach((r) => {
-            const g = y("", r, i.object, s);
-            f.push(g);
+        const g = [];
+        if (a.unique && a.config && a.object) {
+          y[a.unique] || (y[a.unique] = {});
+          const s = y[a.unique];
+          a.config.forEach((u) => {
+            const m = $([], u, a.object, s);
+            g.push(m);
           });
         }
-        return f;
+        return g;
       })()
     );
-    return (f, s) => (C(), Y(ue, null, [
-      _(K),
-      _(Nn)
+    return (g, s) => (E(), ye(Ye, null, [
+      P(ee),
+      P(Mr)
     ], 64));
   }
-}), Kn = (e) => {
-  e.component("XPropTree", Zn);
-}, nt = { install: Kn };
+}), Ko = (e) => {
+  e.component("XPropTree", Wo);
+}, Jo = { install: Ko };
 export {
-  nt as default
+  Jo as default
 };