x-prop-tree 0.5.0 → 0.5.1

package/dist/index.js

@@ -1,421 +1,421 @@
 (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] : {
+import { Fragment as ie, reactive as Te, computed as V, watchEffect as re, toRefs as Ye, warn as Ze, getCurrentInstance as Ke, inject as oe, shallowRef as Je, provide as Ae, defineComponent as w, isRef as ce, createVNode as _, mergeProps as de, unref as T, ref as $, toRef as Qe, Text as je, resolveDirective as N, withDirectives as P, openBlock as C, createElementBlock as X, normalizeStyle as Pe, withModifiers as Q, renderSlot as et, resolveComponent as k, createBlock as B, withCtx as F, renderList as tt, createTextVNode as me, toDisplayString as j, createElementVNode as nt, createCommentVNode as se, mergeModels as L, useModel as R, watch as ge, h as p } from "vue";
+import { useI18n as fe } from "vue-i18n";
+import { useColor as ye, eventBus as Le, useViewStack as Oe } from "x-essential-lib";
+import { parsePixelStr as lt, parsePercentStr as st, getPropDefault as D } from "x-runtime-lib";
+var at = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", ut = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", ze = "M19,13H5V11H19V13Z", He = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
+function O(e, t) {
+  return (n) => Object.keys(e).reduce((l, a) => {
+    const i = typeof e[a] == "object" && e[a] != null && !Array.isArray(e[a]) ? e[a] : {
       type: e[a]
     };
-    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 && a in n ? l[a] = {
+      ...i,
+      default: n[a]
+    } : l[a] = i, t && !l[a].source && (l[a].source = t), l;
   }, {});
 }
-const sn = O({
+const it = O({
   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 W(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 ve(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 le(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 rt(e, t) {
+  const n = {}, l = new Set(Object.keys(e));
+  for (const a of t)
+    l.has(a) && (n[a] = e[a]);
+  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 he(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 = [];
+function ot(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+  const n = [];
   let l = 0;
   for (; l < e.length; )
-    t.push(e.substr(l, n)), l += n;
-  return t;
+    n.push(e.substr(l, t)), l += 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;
+function Ue() {
+  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 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);
+  for (const a in t) {
+    const u = e[a], i = t[a];
+    if (ve(u) && ve(i)) {
+      l[a] = Ue(u, i, n);
       continue;
     }
-    if (t && Array.isArray(i) && Array.isArray(u)) {
-      l[a] = t(i, u);
+    if (n && Array.isArray(u) && Array.isArray(i)) {
+      l[a] = n(u, i);
       continue;
     }
-    l[a] = u;
+    l[a] = i;
   }
   return l;
 }
 function Ne(e) {
-  return e.map((n) => n.type === ue ? Ne(n.children) : n).flat();
+  return e.map((t) => t.type === ie ? Ne(t.children) : t).flat();
 }
-function N() {
+function U() {
   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;
+  if (U.cache.has(e)) return U.cache.get(e);
+  const t = e.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
+  return U.cache.set(e, t), t;
 }
-N.cache = /* @__PURE__ */ new Map();
+U.cache = /* @__PURE__ */ new Map();
 function Re(e) {
-  const n = De({}), t = V(e);
+  const t = Te({}), n = V(e);
   return re(() => {
-    for (const l in t.value)
-      n[l] = t.value[l];
+    for (const l in n.value)
+      t[l] = n.value[l];
   }, {
     flush: "sync"
-  }), Xe(n);
+  }), Ye(t);
 }
-function rn(e, n) {
-  return e.includes(n);
+function ct(e, t) {
+  return e.includes(t);
 }
-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;
+const H = 2.4, pe = 0.2126729, _e = 0.7151522, ke = 0.072175, dt = 0.55, mt = 0.58, ft = 0.57, yt = 0.62, K = 0.03, Ve = 1.45, gt = 5e-4, vt = 1.25, ht = 1.25, Ce = 0.078, xe = 12.82051282051282, J = 0.06, be = 1e-3;
+function Se(e, t) {
+  const n = (e.r / 255) ** H, l = (e.g / 255) ** H, a = (e.b / 255) ** H, u = (t.r / 255) ** H, i = (t.g / 255) ** H, m = (t.b / 255) ** H;
+  let o = n * pe + l * _e + a * ke, c = u * pe + i * _e + m * ke;
+  if (o <= K && (o += (K - o) ** Ve), c <= K && (c += (K - c) ** Ve), Math.abs(c - o) < gt) return 0;
+  let f;
   if (c > o) {
-    const y = (c ** on - o ** cn) * yn;
-    m = y < xe ? 0 : y < Ve ? y - y * Ce * Q : y - Q;
+    const g = (c ** dt - o ** mt) * vt;
+    f = g < be ? 0 : g < Ce ? g - g * xe * J : g - J;
   } else {
-    const y = (c ** fn - o ** dn) * gn;
-    m = y > -xe ? 0 : y > -Ve ? y - y * Ce * Q : y + Q;
+    const g = (c ** yt - o ** ft) * ht;
+    f = g > -be ? 0 : g > -Ce ? g - g * xe * J : g + J;
   }
-  return m * 100;
+  return f * 100;
 }
-function q(e) {
-  Ye(`Vuetify: ${e}`);
+function G(e) {
+  Ze(`Vuetify: ${e}`);
 }
 function ae(e) {
   return !!e && /^(#|var\(--|(rgb|hsl)a?\()/.test(e);
 }
-function vn(e) {
+function pt(e) {
   return ae(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
 }
-const Se = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, hn = {
-  rgb: (e, n, t, l) => ({
+const we = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, _t = {
+  rgb: (e, t, n, l) => ({
     r: e,
-    g: n,
-    b: t,
+    g: t,
+    b: n,
     a: l
   }),
-  rgba: (e, n, t, l) => ({
+  rgba: (e, t, n, l) => ({
     r: e,
-    g: n,
-    b: t,
+    g: t,
+    b: n,
     a: l
   }),
-  hsl: (e, n, t, l) => we({
+  hsl: (e, t, n, l) => Ie({
     h: e,
-    s: n,
-    l: t,
+    s: t,
+    l: n,
     a: l
   }),
-  hsla: (e, n, t, l) => we({
+  hsla: (e, t, n, l) => Ie({
     h: e,
-    s: n,
-    l: t,
+    s: t,
+    l: n,
     a: l
   }),
-  hsv: (e, n, t, l) => X({
+  hsv: (e, t, n, l) => q({
     h: e,
-    s: n,
-    v: t,
+    s: t,
+    v: n,
     a: l
   }),
-  hsva: (e, n, t, l) => X({
+  hsva: (e, t, n, l) => q({
     h: e,
-    s: n,
-    v: t,
+    s: t,
+    v: n,
     a: l
   })
 };
-function W(e) {
+function E(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) && G(`'${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" && we.test(e)) {
     const {
-      groups: n
-    } = e.match(Se), {
-      fn: t,
+      groups: t
+    } = e.match(we), {
+      fn: n,
       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);
+    } = t, a = l.split(/,\s*/).map((u) => u.endsWith("%") && ["hsl", "hsla", "hsv", "hsva"].includes(n) ? parseFloat(u) / 100 : parseFloat(u));
+    return _t[n](...a);
   } 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((l) => l + l).join("") : [6, 8].includes(t.length) || G(`'${e}' is not a valid hex(a) color`);
+    const n = parseInt(t, 16);
+    return (isNaN(n) || n < 0 || n > 4294967295) && G(`'${e}' is not a valid hex(a) color`), kt(t);
   } else if (typeof e == "object") {
     if (le(e, ["r", "g", "b"]))
       return e;
     if (le(e, ["h", "s", "l"]))
-      return X(Ue(e));
+      return q(Ee(e));
     if (le(e, ["h", "s", "v"]))
-      return X(e);
+      return q(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 q(e) {
   const {
-    h: n,
-    s: t,
+    h: t,
+    s: n,
     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));
+  } = e, u = (m) => {
+    const o = (m + t / 60) % 6;
+    return l - l * n * Math.max(Math.min(o, 4 - o, 1), 0);
+  }, i = [u(5), u(3), u(1)].map((m) => Math.round(m * 255));
   return {
-    r: u[0],
-    g: u[1],
-    b: u[2],
+    r: i[0],
+    g: i[1],
+    b: i[2],
     a
   };
 }
-function we(e) {
-  return X(Ue(e));
+function Ie(e) {
+  return q(Ee(e));
 }
-function Ue(e) {
+function Ee(e) {
   const {
-    h: n,
-    s: t,
+    h: t,
+    s: n,
     l,
     a
-  } = e, i = l + t * Math.min(l, 1 - l), u = i === 0 ? 0 : 2 - 2 * l / i;
+  } = e, u = l + n * Math.min(l, 1 - l), i = u === 0 ? 0 : 2 - 2 * l / u;
   return {
-    h: n,
-    s: u,
-    v: i,
+    h: t,
+    s: i,
+    v: u,
     a
   };
 }
-function pn(e) {
-  e = _n(e);
-  let [n, t, l, a] = un(e, 2).map((i) => parseInt(i, 16));
+function kt(e) {
+  e = Vt(e);
+  let [t, n, l, a] = ot(e, 2).map((u) => parseInt(u, 16));
   return a = a === void 0 ? a : a / 255, {
-    r: n,
-    g: t,
+    r: t,
+    g: n,
     b: l,
     a
   };
 }
-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 Vt(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 = he(he(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 Ct(e) {
+  const t = Math.abs(Se(E(0), E(e)));
+  return Math.abs(Se(E(16777215), E(e))) > Math.min(t, 50) ? "#fff" : "#000";
 }
-function Z(e, n) {
-  const t = Ze();
-  if (!t)
+function Y(e, t) {
+  const n = Ke();
+  if (!n)
     throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
-  return t;
+  return n;
 }
-function Vn() {
+function xt() {
   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 = Y(e).type;
+  return U((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 bt(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Y("injectSelf");
   const {
-    provides: t
-  } = n;
-  if (t && e in t)
-    return t[e];
+    provides: n
+  } = t;
+  if (n && e in n)
+    return n[e];
 }
-const ie = Symbol.for("vuetify:defaults");
-function Ee() {
-  const e = oe(ie);
+const ue = Symbol.for("vuetify:defaults");
+function We() {
+  const e = oe(ue);
   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 St(e, t) {
+  var n, l;
+  return typeof ((n = e.props) == null ? void 0 : n[t]) < "u" || typeof ((l = e.props) == null ? void 0 : l[U(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 wt() {
+  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] : We();
+  const l = Y("useDefaults");
+  if (t = t ?? l.type.name ?? l.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, {
+    return (o = n.value) == null ? void 0 : o[e._as ?? t];
+  }), u = 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;
+      var g, x, I, b, M, A, Z;
+      const f = Reflect.get(o, c);
+      return c === "class" || c === "style" ? [(g = a.value) == null ? void 0 : g[c], f].filter((d) => d != null) : typeof c == "string" && !St(l.vnode, c) ? ((x = a.value) == null ? void 0 : x[c]) !== void 0 ? (I = a.value) == null ? void 0 : I[c] : ((M = (b = n.value) == null ? void 0 : b.global) == null ? void 0 : M[c]) !== void 0 ? (Z = (A = n.value) == null ? void 0 : A.global) == null ? void 0 : Z[c] : f : f;
     }
-  }), u = Ke();
+  }), i = Je();
   re(() => {
     if (a.value) {
       const o = Object.entries(a.value).filter((c) => {
-        let [m] = c;
-        return m.startsWith(m[0].toUpperCase());
+        let [f] = c;
+        return f.startsWith(f[0].toUpperCase());
       });
-      u.value = o.length ? Object.fromEntries(o) : void 0;
+      i.value = o.length ? Object.fromEntries(o) : void 0;
     } else
-      u.value = void 0;
+      i.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 m() {
+    const o = bt(ue, l);
+    Ae(ue, V(() => i.value ? Ue((o == null ? void 0 : o.value) ?? {}, i.value) : o == null ? void 0 : o.value));
   }
   return {
-    props: i,
-    provideSubDefaults: d
+    props: u,
+    provideSubDefaults: m
   };
 }
-function ne(e) {
+function ee(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 G("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");
+    const t = Object.keys(e.props).filter((n) => n !== "class" && n !== "style");
     e.filterProps = function(l) {
-      return an(l, n);
+      return rt(l, t);
     }, e.props._as = String, e.setup = function(l, a) {
-      const i = Ee();
-      if (!i.value) return e._setup(l, a);
+      const u = We();
+      if (!u.value) return e._setup(l, a);
       const {
-        props: u,
-        provideSubDefaults: d
-      } = bn(l, l._as ?? e.name, i), o = e._setup(u, a);
-      return d(), o;
+        props: i,
+        provideSubDefaults: m
+      } = wt(l, l._as ?? e.name, u), o = e._setup(i, a);
+      return m(), o;
     };
   }
   return e;
 }
-function We() {
+function Ge() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  return (n) => (e ? ne : w)(n);
+  return (t) => (e ? ee : w)(t);
 }
-function Sn(e) {
-  const n = Z("useRender");
-  n.render = e;
+function It(e) {
+  const t = Y("useRender");
+  t.render = e;
 }
-const $e = Symbol.for("vuetify:theme"), wn = O({
+const $e = Symbol.for("vuetify:theme"), $t = O({
   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,
+function Bt(e) {
+  Y("provideTheme");
+  const t = oe($e, null);
+  if (!t) throw new Error("Could not find Vuetify theme injection");
+  const n = V(() => e.theme ?? t.name.value), l = V(() => t.themes.value[n.value]), a = V(() => t.isDisabled ? void 0 : `v-theme--${n.value}`), u = {
+    ...t,
+    name: n,
     current: l,
     themeClasses: a
   };
-  return Te($e, i), i;
+  return Ae($e, u), u;
 }
-const In = O({
+const Mt = O({
   tag: {
     type: String,
     default: "div"
   }
 }, "tag");
-function Bn(e) {
+function Ft(e) {
   return Re(() => {
-    const n = [], t = {};
+    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 (n.backgroundColor = e.value.background, !e.value.text && pt(e.value.background)) {
+          const l = E(e.value.background);
           if (l.a == null || l.a === 1) {
-            const a = kn(l);
-            t.color = a, t.caretColor = a;
+            const a = Ct(l);
+            n.color = a, n.caretColor = a;
           }
         }
       } 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 && (ae(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(() => ({
+function Dt(e, t) {
+  const n = V(() => ({
     text: ce(e) ? e.value : null
   })), {
     colorClasses: l,
     colorStyles: a
-  } = Bn(t);
+  } = Ft(n);
   return {
     textColorClasses: l,
     textColorStyles: a
   };
 }
-const Ge = [String, Function, Object, Array], Fn = Symbol.for("vuetify:icons"), te = O({
+const qe = [String, Function, Object, Array], Tt = Symbol.for("vuetify:icons"), te = O({
   icon: {
-    type: Ge
+    type: qe
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
     type: String,
     required: !0
   }
-}, "icon"), Ie = We()({
+}, "icon"), Be = Ge()({
   name: "VComponentIcon",
   props: te(),
-  setup(e, n) {
+  setup(e, t) {
     let {
-      slots: t
-    } = n;
+      slots: n
+    } = t;
     return () => {
       const l = e.icon;
       return _(e.tag, null, {
         default: () => {
           var a;
-          return [e.icon ? _(l, null, null) : (a = t.default) == null ? void 0 : a.call(t)];
+          return [e.icon ? _(l, null, null) : (a = n.default) == null ? void 0 : a.call(n)];
         }
       });
     };
   }
-}), Dn = ne({
+}), At = ee({
   name: "VSvgIcon",
   inheritAttrs: !1,
   props: te(),
-  setup(e, n) {
+  setup(e, t) {
     let {
-      attrs: t
-    } = n;
-    return () => _(e.tag, de(t, {
+      attrs: n
+    } = t;
+    return () => _(e.tag, de(n, {
       style: null
     }), {
       default: () => [_("svg", {
@@ -435,7 +435,7 @@ const Ge = [String, Function, Object, Array], Fn = Symbol.for("vuetify:icons"),
     });
   }
 });
-ne({
+ee({
   name: "VLigatureIcon",
   props: te(),
   setup(e) {
@@ -444,7 +444,7 @@ ne({
     });
   }
 });
-ne({
+ee({
   name: "VClassIcon",
   props: te(),
   setup(e) {
@@ -453,181 +453,181 @@ ne({
     }, null);
   }
 });
-const Tn = (e) => {
-  const n = oe(Fn);
-  if (!n) throw new Error("Missing Vuetify Icons provide!");
+const Pt = (e) => {
+  const t = oe(Tt);
+  if (!t) throw new Error("Missing Vuetify Icons provide!");
   return {
     iconData: V(() => {
       var o;
       const l = T(e);
       if (!l) return {
-        component: Ie
+        component: Be
       };
       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))
+      if (typeof a == "string" && (a = a.trim(), a.startsWith("$") && (a = (o = t.aliases) == null ? void 0 : o[a.slice(1)])), a || G(`Could not find aliased icon "${l}"`), Array.isArray(a))
         return {
-          component: Dn,
+          component: At,
           icon: a
         };
       if (typeof a != "string")
         return {
-          component: Ie,
+          component: Be,
           icon: a
         };
-      const i = Object.keys(n.sets).find((c) => typeof a == "string" && a.startsWith(`${c}:`)), u = i ? a.slice(i.length + 1) : a;
+      const u = Object.keys(t.sets).find((c) => typeof a == "string" && a.startsWith(`${c}:`)), i = u ? a.slice(u.length + 1) : a;
       return {
-        component: n.sets[i ?? n.defaultSet].component,
-        icon: u
+        component: t.sets[u ?? t.defaultSet].component,
+        icon: i
       };
     })
   };
-}, An = ["x-small", "small", "default", "large", "x-large"], Pn = O({
+}, Lt = ["x-small", "small", "default", "large", "x-large"], Ot = O({
   size: {
     type: [String, Number],
     default: "default"
   }
 }, "size");
-function Ln(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Vn();
+function zt(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : xt();
   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)
+    let n, l;
+    return ct(Lt, e.size) ? n = `${t}--size-${e.size}` : e.size && (l = {
+      width: W(e.size),
+      height: W(e.size)
     }), {
-      sizeClasses: t,
+      sizeClasses: n,
       sizeStyles: l
     };
   });
 }
-const On = O({
+const Ht = O({
   color: String,
   disabled: Boolean,
   start: Boolean,
   end: Boolean,
-  icon: Ge,
-  ...sn(),
-  ...Pn(),
-  ...In({
+  icon: qe,
+  ...it(),
+  ...Ot(),
+  ...Mt({
     tag: "i"
   }),
-  ...wn()
-}, "VIcon"), zn = We()({
+  ...$t()
+}, "VIcon"), Ut = Ge()({
   name: "VIcon",
-  props: On(),
-  setup(e, n) {
+  props: Ht(),
+  setup(e, t) {
     let {
-      attrs: t,
+      attrs: n,
       slots: l
-    } = n;
-    const a = B(), {
-      themeClasses: i
-    } = $n(e), {
-      iconData: u
-    } = Tn(V(() => a.value || e.icon)), {
-      sizeClasses: d
-    } = Ln(e), {
+    } = t;
+    const a = $(), {
+      themeClasses: u
+    } = Bt(e), {
+      iconData: i
+    } = Pt(V(() => a.value || e.icon)), {
+      sizeClasses: m
+    } = zt(e), {
       textColorClasses: o,
       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, {
+    } = Dt(Qe(e, "color"));
+    return It(() => {
+      var x, I;
+      const f = (x = l.default) == null ? void 0 : x.call(l);
+      f && (a.value = (I = Ne(f).filter((b) => b.type === je && b.children && typeof b.children == "string")[0]) == null ? void 0 : I.children);
+      const g = !!(n.onClick || n.onClickOnce);
+      return _(i.value.component, {
         tag: e.tag,
-        icon: u.value.icon,
-        class: ["v-icon", "notranslate", i.value, d.value, o.value, {
-          "v-icon--clickable": y,
+        icon: i.value.icon,
+        class: ["v-icon", "notranslate", u.value, m.value, o.value, {
+          "v-icon--clickable": g,
           "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: [m.value ? void 0 : {
+          fontSize: W(e.size),
+          height: W(e.size),
+          width: W(e.size)
         }, c.value, e.style],
-        role: y ? "button" : void 0,
-        "aria-hidden": !y,
-        tabindex: y ? e.disabled ? -1 : 0 : void 0
+        role: g ? "button" : void 0,
+        "aria-hidden": !g,
+        tabindex: g ? e.disabled ? -1 : 0 : void 0
       }, {
-        default: () => [m]
+        default: () => [f]
       });
     }), {};
   }
-}), Hn = /* @__PURE__ */ w({
+}), Nt = /* @__PURE__ */ w({
   __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 } = ye(), l = $(!1), a = V(() => ({
+      background: l.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
+    })), u = (i) => {
+      Le.emit("propTreeMenu", {
+        x: i.clientX,
+        y: i.clientY
       });
     };
-    return (u, d) => {
-      const o = R("ripple");
-      return P((C(), Y("div", {
+    return (i, m) => {
+      const o = N("ripple");
+      return P((C(), X("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: Pe(a.value),
+        onContextmenu: Q(u, ["prevent"]),
+        onMouseover: m[0] || (m[0] = (c) => l.value = !0),
+        onMouseout: m[1] || (m[1] = (c) => l.value = !1)
       }, [
-        je(u.$slots, "default")
+        et(i.$slots, "default")
       ], 36)), [
         [o]
       ]);
     };
   }
-}), Nn = /* @__PURE__ */ w({
+}), Rt = /* @__PURE__ */ w({
   __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 } = fe(), n = $(0), l = $(0), a = V(() => [n.value, l.value]), u = (c) => {
+      const f = () => {
         console.log("reset");
       };
       c.push({
-        title: n("x-prop-tree.reset"),
-        func: m
+        title: t("x-prop-tree.reset"),
+        func: f
       });
-    }, u = V(() => {
+    }, i = V(() => {
       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, {
+      return u(c), c;
+    }), m = (c) => {
+      n.value = c.x, l.value = c.y;
+    }, { open: o } = Oe("propTreeMenu", m);
+    return (c, f) => {
+      const g = k("v-list-item-title"), x = k("v-list-item"), I = k("v-list"), b = k("v-menu");
+      return C(), B(b, {
         modelValue: T(o),
-        "onUpdate:modelValue": m[0] || (m[0] = (M) => ce(o) ? o.value = M : null),
+        "onUpdate:modelValue": f[0] || (f[0] = (M) => ce(o) ? o.value = M : null),
         "location-strategy": "connected",
         target: a.value,
         scrim: "transparent"
       }, {
         default: F(() => [
-          _($, null, {
+          _(I, null, {
             default: F(() => [
-              (C(!0), Y(ue, null, en(u.value, (M, A) => (C(), I(S, {
+              (C(!0), X(ie, null, tt(i.value, (M, A) => (C(), B(x, {
                 key: A,
                 link: "",
                 onClick: M.func
               }, {
                 default: F(() => [
-                  _(y, null, {
+                  _(g, null, {
                     default: F(() => [
-                      fe(ee(M.title), 1)
+                      me(j(M.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -642,7 +642,7 @@ const On = O({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Be = /* @__PURE__ */ w({
+}), Me = /* @__PURE__ */ w({
   __name: "title",
   props: {
     title: {},
@@ -652,54 +652,54 @@ 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: l } = ye(), a = t, u = $(!1), i = V(() => ({
+      background: u.value ? l.value : n.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
-    })), d = () => {
+    })), m = () => {
       a("collapse", !e.collapse);
     }, o = (c) => {
-      Pe.emit("propTreeMenu", {
+      Le.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, f) => {
+      const g = k("v-icon"), x = k("v-spacer"), I = N("ripple");
+      return P((C(), X("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: Pe(i.value),
+        onClick: m,
+        onContextmenu: Q(o, ["prevent"]),
+        onMouseover: f[2] || (f[2] = (b) => u.value = !0),
+        onMouseout: f[3] || (f[3] = (b) => u.value = !1)
       }, [
-        _(y, {
+        _(g, {
           class: "mr-1",
-          icon: c.collapse ? T(ln) : T(tn)
+          icon: c.collapse ? T(ut) : T(at)
         }, null, 8, ["icon"]),
-        nn("span", null, ee(c.title), 1),
-        _(S),
-        c.hasCreate ? (C(), I(y, {
+        nt("span", null, j(c.title), 1),
+        _(x),
+        c.hasCreate ? (C(), B(g, {
           key: 0,
           class: "ml-3",
-          icon: T(ze),
-          onClick: m[0] || (m[0] = j((x) => a("create"), ["stop"]))
+          icon: T(He),
+          onClick: f[0] || (f[0] = Q((b) => a("create"), ["stop"]))
         }, null, 8, ["icon"])) : se("", !0),
-        c.hasDelete ? (C(), I(y, {
+        c.hasDelete ? (C(), B(g, {
           key: 1,
           class: "ml-3",
-          icon: T(Oe),
-          onClick: m[1] || (m[1] = j((x) => a("delete", c.index), ["stop"]))
+          icon: T(ze),
+          onClick: f[1] || (f[1] = Q((b) => a("delete", c.index), ["stop"]))
         }, null, 8, ["icon"])) : se("", !0)
       ], 36)), [
-        [$]
+        [I]
       ]);
     };
   }
-}), Rn = /* @__PURE__ */ w({
+}), Et = /* @__PURE__ */ w({
   __name: "colorPicker",
   props: /* @__PURE__ */ L({
     readonly: { type: Boolean, default: !1 }
@@ -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 }, {
+    const t = R(e, "modelValue"), n = V(() => e.readonly), l = $("hexa");
+    return (a, u) => {
+      const i = k("v-btn"), m = k("v-color-picker"), o = k("v-menu");
+      return C(), B(o, { "close-on-content-click": !1 }, {
         activator: F(({ props: c }) => [
-          _(u, de(c, {
+          _(i, de(c, {
             density: "comfortable",
-            color: n.value,
+            color: t.value,
             block: "",
-            disabled: t.value
+            disabled: n.value
           }), {
             default: F(() => [
-              fe(ee(n.value), 1)
+              me(j(t.value), 1)
             ]),
             _: 2
           }, 1040, ["color", "disabled"])
         ]),
         default: F(() => [
-          _(d, {
-            modelValue: n.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value = c),
+          _(m, {
+            modelValue: t.value,
+            "onUpdate:modelValue": u[0] || (u[0] = (c) => t.value = c),
             mode: l.value,
-            "onUpdate:mode": i[1] || (i[1] = (c) => l.value = c),
+            "onUpdate:mode": u[1] || (u[1] = (c) => l.value = c),
             "show-swatches": "",
             "swatches-max-height": "150px"
           }, null, 8, ["modelValue", "mode"])
@@ -740,24 +740,24 @@ const On = O({
       });
     };
   }
-}), Un = /* @__PURE__ */ w({
+}), Wt = /* @__PURE__ */ w({
   __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, {
+    const t = V(() => "<n/a>"), n = () => {
+    }, { open: l } = Oe("compSelectDlg", n);
+    return (a, u) => {
+      const i = k("v-btn"), m = k("v-dialog");
+      return C(), B(m, {
         modelValue: T(l),
-        "onUpdate:modelValue": i[0] || (i[0] = (o) => ce(l) ? l.value = o : null)
+        "onUpdate:modelValue": u[0] || (u[0] = (o) => ce(l) ? l.value = o : null)
       }, {
         activator: F(({ props: o }) => [
-          _(u, de(o, {
+          _(i, de(o, {
             density: "comfortable",
             block: ""
           }), {
             default: F(() => [
-              fe(ee(n.value), 1)
+              me(j(t.value), 1)
             ]),
             _: 2
           }, 1040)
@@ -766,73 +766,68 @@ const On = O({
       }, 8, ["modelValue"]);
     };
   }
-}), En = { class: "my-2" }, Wn = /* @__PURE__ */ w({
+}), Gt = { class: "my-2" }, qt = /* @__PURE__ */ w({
   __name: "multiTypes",
   props: /* @__PURE__ */ L({
-    types: {},
-    precision: { default: 4 },
-    min: { default: () => -1 / 0 },
-    max: { default: () => 1 / 0 },
-    step: { default: 1 }
+    types: {}
   }, {
-    modelValue: {},
+    modelValue: { default: "" },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n } = me(), t = U(e, "modelValue"), l = V(() => {
-      const d = [];
+    const { t } = fe(), n = R(e, "modelValue"), l = $(0), a = V(() => {
+      const m = [];
       return e.types.forEach((o, c) => {
-        d.push({
-          title: n(o.name),
+        m.push({
+          title: t(o.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;
-        }
+      }), m;
     });
-    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, [
+    e.types.some((m, o) => m.validator(n.value) ? (l.value = o, !0) : !1);
+    const u = V(() => e.types[l.value]);
+    ge(u, (m) => {
+      n.value = m.default;
+    });
+    const i = $(0);
+    return re(() => {
+      u.value.ui === "pixelInput" ? i.value = lt(n.value) : u.value.ui === "percentInput" && (i.value = st(n.value));
+    }), ge(i, (m) => {
+      u.value.ui === "pixelInput" ? n.value = m + "px" : u.value.ui === "percentInput" && (n.value = m + "%");
+    }), (m, o) => {
+      const c = k("v-select"), f = k("v-number-input"), g = N("ripple");
+      return C(), X("div", Gt, [
         P(_(c, {
-          modelValue: a.value,
-          "onUpdate:modelValue": [
-            o[0] || (o[0] = (S) => a.value = S),
-            u
-          ],
+          modelValue: l.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (x) => l.value = x),
           density: "compact",
-          items: l.value,
+          items: a.value,
           "hide-details": "",
           "single-line": ""
         }, null, 8, ["modelValue", "items"]), [
           [
-            y,
+            g,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        i.value.ui === "pixelInput" || i.value.ui === "percentInput" ? P((C(), I(m, {
+        u.value.ui === "pixelInput" || u.value.ui === "percentInput" ? P((C(), B(f, {
           key: 0,
+          modelValue: i.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (x) => i.value = x),
           density: "compact",
           "control-variant": "stacked",
-          precision: d.precision,
-          min: d.min,
-          max: d.max,
-          step: d.step,
+          precision: u.value.precision,
+          min: u.value.min,
+          max: u.value.max,
+          step: u.value.step,
           "hide-details": "",
           "single-line": ""
-        }, null, 8, ["precision", "min", "max", "step"])), [
+        }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
           [
-            y,
+            g,
             void 0,
             void 0,
             { stop: !0 }
@@ -841,7 +836,7 @@ const On = O({
       ]);
     };
   }
-}), Gn = /* @__PURE__ */ w({
+}), Xt = /* @__PURE__ */ w({
   __name: "numInput",
   props: /* @__PURE__ */ L({
     precision: { default: 4 },
@@ -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 = R(e, "modelValue");
+    return (n, l) => {
+      const a = k("v-number-input"), u = N("ripple");
+      return P((C(), B(a, {
+        modelValue: t.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (i) => t.value = i),
         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,
+          u,
           void 0,
           void 0,
           { stop: !0 }
@@ -880,7 +875,7 @@ const On = O({
       ]);
     };
   }
-}), qn = /* @__PURE__ */ w({
+}), Yt = /* @__PURE__ */ w({
   __name: "select",
   props: /* @__PURE__ */ L({
     readonly: { type: Boolean, default: !1 },
@@ -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 = R(e, "modelValue");
+    return (n, l) => {
+      const a = k("v-select"), u = N("ripple");
+      return P((C(), B(a, {
+        modelValue: t.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (i) => t.value = i),
         density: "compact",
-        items: t.items,
+        items: n.items,
         "hide-details": "",
         "single-line": "",
-        readonly: t.readonly
+        readonly: n.readonly
       }, null, 8, ["modelValue", "items", "readonly"])), [
         [
-          i,
+          u,
           void 0,
           void 0,
           { stop: !0 }
@@ -912,7 +907,7 @@ const On = O({
       ]);
     };
   }
-}), Me = /* @__PURE__ */ w({
+}), Fe = /* @__PURE__ */ w({
   __name: "strInput",
   props: /* @__PURE__ */ L({
     readonly: { type: Boolean, default: !1 },
@@ -922,22 +917,22 @@ const On = O({
     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),
+  setup(e, { emit: t }) {
+    const n = R(e, "modelValue"), l = t;
+    return (a, u) => {
+      const i = k("v-text-field"), m = N("ripple");
+      return P((C(), B(i, {
+        modelValue: n.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (o) => n.value = o),
         density: "compact",
-        "append-inner-icon": a.hasDelete ? T(Oe) : "",
+        "append-inner-icon": a.hasDelete ? T(ze) : "",
         "hide-details": "",
         "single-line": "",
         readonly: a.readonly,
-        "onClick:appendInner": i[1] || (i[1] = (o) => l("delete"))
+        "onClick:appendInner": u[1] || (u[1] = (o) => l("delete"))
       }, null, 8, ["modelValue", "append-inner-icon", "readonly"])), [
         [
-          d,
+          m,
           void 0,
           void 0,
           { stop: !0 }
@@ -945,7 +940,7 @@ const On = O({
       ]);
     };
   }
-}), Xn = /* @__PURE__ */ w({
+}), Zt = /* @__PURE__ */ w({
   __name: "switch",
   props: /* @__PURE__ */ L({
     readonly: { type: Boolean, default: !1 }
@@ -955,36 +950,36 @@ const On = O({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = U(e, "modelValue");
-    return (t, l) => {
+    const t = R(e, "modelValue");
+    return (n, l) => {
       const a = k("v-switch");
-      return C(), I(a, {
-        modelValue: n.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
+      return C(), B(a, {
+        modelValue: t.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
         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(".");
+function De(e, t) {
+  const n = t.split(".");
   let l = e;
-  return t.forEach((a) => {
+  return n.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(".");
+function Kt(e, t, n) {
+  const l = t.split(".");
   let a = e;
-  l.forEach((i) => {
-    a[i] || (a[i] = {}), a = a[i];
-  }), a.collapse = t;
+  l.forEach((u) => {
+    a[u] || (a[u] = {}), a = a[u];
+  }), a.collapse = n;
 }
-const Zn = /* @__PURE__ */ w({
+const Jt = /* @__PURE__ */ w({
   __name: "index",
   props: {
     unique: {},
@@ -992,33 +987,29 @@ 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),
+  setup(e, { emit: t }) {
+    const { t: n } = fe(), { backgroundColor1: l, backgroundColor2: a } = ye(), u = e, i = t, m = $("20px"), o = $("56px"), c = $("200px"), f = Te({}), g = (d, s, r, v) => (d !== "" && (d += "."), d += s.key, s.children ? s.array ? x(d, s, r, v) : I(d, s, r, v) : s.array ? b(d, s, r) : M(d, s, r)), x = (d, s, r, v) => {
+      r[s.key] instanceof Array || (r[s.key] = [], i("change", d, r[s.key]));
+      const S = p(Me, {
+        title: n(s.name),
+        collapse: (typeof v.collapse != "boolean" && (v.collapse = !0), v.collapse),
         onCollapse: (h) => {
-          g.collapse = h;
+          v.collapse = h;
         },
         onCreate: () => {
-          r[s.key].push({}), u("change", f, r[s.key]);
+          r[s.key].push({}), i("change", d, r[s.key]);
         }
-      }), v = p(
+      }), y = p(
         "div",
         {
           style: {
-            paddingLeft: d.value
+            paddingLeft: m.value
           }
         },
         (() => {
-          g[s.key] instanceof Array || (g[s.key] = []);
+          v[s.key] instanceof Array || (v[s.key] = []);
           for (let h = 0; h < r[s.key].length; h++)
-            typeof g[s.key][h] != "object" && (g[s.key][h] = {
+            typeof v[s.key][h] != "object" && (v[s.key][h] = {
               collapse: !0
             });
           return [];
@@ -1034,36 +1025,35 @@ const Zn = /* @__PURE__ */ w({
         },
         (() => {
           const h = [];
-          return h.push(b), g.collapse || h.push(v), h;
+          return h.push(S), v.collapse || h.push(y), h;
         })()
       );
-    }
-    function $(f, s, r, g) {
-      const b = p(Be, {
-        title: t(s.name),
-        collapse: Fe(g, f),
+    }, I = (d, s, r, v) => {
+      const S = p(Me, {
+        title: n(s.name),
+        collapse: De(v, d),
         onCollapse: (h) => {
-          Yn(g, f, h);
+          Kt(v, d, h);
         }
-      }), v = p(
+      }), y = p(
         "div",
         {
           style: {
             background: l.value,
-            paddingLeft: d.value
+            paddingLeft: m.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
+          return (z = s.children) == null || z.forEach((ne) => {
+            const Xe = g(
+              d,
+              ne,
+              (typeof r[s.key] != "object" && (r[s.key] = {}, i("change", d, r[s.key])), r[s.key]),
+              v
             );
-            h.push(qe);
+            h.push(Xe);
           }), h;
         })()
       );
@@ -1076,15 +1066,14 @@ const Zn = /* @__PURE__ */ w({
         },
         (() => {
           const h = [];
-          return h.push(b), Fe(g, f) || h.push(v), h;
+          return h.push(S), De(v, d) || h.push(y), h;
         })()
       );
-    }
-    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 = [];
+    }, b = (d, s, r) => {
+      r[s.key] instanceof Array || (r[s.key] = D(s), i("change", d, r[s.key]));
+      let v = () => [];
+      return s.ui === "strInput" ? v = () => {
+        const S = [];
         for (let h = 0; h < r[s.key].length; h++) {
           const z = p(
             "div",
@@ -1095,21 +1084,21 @@ const Zn = /* @__PURE__ */ w({
               }
             },
             [
-              p(Me, {
+              p(Fe, {
                 modelValue: r[s.key][h],
-                "onUpdate:modelValue": (E) => {
-                  r[s.key][h] = E, u("change", f, r[s.key]);
+                "onUpdate:modelValue": (ne) => {
+                  r[s.key][h] = ne, i("change", d, r[s.key]);
                 },
                 hasDelete: !0,
                 onDelete: () => {
-                  r[s.key].splice(h, 1), u("change", f, r[s.key]);
+                  r[s.key].splice(h, 1), i("change", d, r[s.key]);
                 }
               })
             ]
           );
-          b.push(z);
+          S.push(z);
         }
-        const v = p(
+        const y = p(
           "div",
           {
             class: "d-flex align-center justify-center",
@@ -1123,103 +1112,96 @@ const Zn = /* @__PURE__ */ w({
               border: "thin dashed #bdbdbd"
             },
             onClick: () => {
-              r[s.key].push(""), u("change", f, r[s.key]);
+              r[s.key].push(""), i("change", d, r[s.key]);
             }
           },
-          [p(zn, { icon: ze })]
+          [p(Ut, { icon: He })]
         );
-        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 S.push(y), S;
+      } : console.assert(!1, "invalid prop ui", s.ui), A(n(s.name), v());
+    }, M = (d, s, r) => {
+      let v = () => [];
+      return s.ui === "dummy" ? r[s.key] === void 0 && (r[s.key] = D(s), i("change", d, r[s.key])) : s.ui === "strInput" ? v = () => [p(Fe, {
+        modelValue: s.static ? s.value : (typeof r[s.key] != "string" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
+        "onUpdate:modelValue": (y) => {
+          s.static || y !== r[s.key] && (r[s.key] = y, i("change", d, y));
         },
         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" ? v = () => [p(Xt, {
+        modelValue: (typeof r[s.key] != "number" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
+        "onUpdate:modelValue": (y) => {
+          y !== r[s.key] && (r[s.key] = y, i("change", d, y));
         },
         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" ? v = () => [p(Zt, {
+        modelValue: (typeof r[s.key] != "boolean" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
+        "onUpdate:modelValue": (y) => {
+          y !== r[s.key] && (r[s.key] = y, i("change", d, y));
         },
         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" ? v = () => [p(Yt, {
+        modelValue: (typeof r[s.key] != "string" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
+        "onUpdate:modelValue": (y) => {
+          y !== r[s.key] && (r[s.key] = y, i("change", d, y));
         },
         items: (() => {
-          var h;
-          const v = [];
-          return (h = s.items) == null || h.forEach(({ title: z, value: E }) => {
-            v.push({
-              title: t(z),
-              value: E
+          const y = [];
+          return s.items.forEach(({ title: h, value: z }) => {
+            y.push({
+              title: n(h),
+              value: z
             });
-          }), v;
+          }), y;
         })(),
         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" ? v = () => [p(Et, {
+        modelValue: (typeof r[s.key] != "string" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
+        "onUpdate:modelValue": (y) => {
+          y !== r[s.key] && (r[s.key] = y, i("change", d, y));
         },
         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,
-        {
-          minHeight: o.value
+      })] : s.ui === "multiTypes" ? v = () => [p(qt, {
+        modelValue: (typeof r[s.key] != "string" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
+        "onUpdate:modelValue": (y) => {
+          y !== r[s.key] && (r[s.key] = y, i("change", d, y));
         },
-        () => [
-          p("span", { class: "ml-1", innerHTML: f }),
-          p("div", { style: { width: c.value } }, s)
-        ]
-      );
-    }
-    const K = () => p(
+        types: s.types
+      })] : s.ui === "compSelect" ? v = () => [p(Wt, {})] : console.assert(!1, "invalid prop ui", s.ui), A(n(s.name), v());
+    }, A = (d, s) => p(
+      Nt,
+      {
+        minHeight: o.value
+      },
+      () => [
+        p("span", { class: "ml-1", innerHTML: d }),
+        p("div", { style: { width: c.value } }, s)
+      ]
+    ), Z = () => p(
       "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 d = [];
+        if (u.unique && u.config && u.object) {
+          f[u.unique] || (f[u.unique] = {});
+          const s = f[u.unique];
+          u.config.forEach((r) => {
+            const v = g("", r, u.object, s);
+            d.push(v);
           });
         }
-        return f;
+        return d;
       })()
     );
-    return (f, s) => (C(), Y(ue, null, [
-      _(K),
-      _(Nn)
+    return (d, s) => (C(), X(ie, null, [
+      _(Z),
+      _(Rt)
     ], 64));
   }
-}), Kn = (e) => {
-  e.component("XPropTree", Zn);
-}, nt = { install: Kn };
+}), Qt = (e) => {
+  e.component("XPropTree", Jt);
+}, ln = { install: Qt };
 export {
-  nt as default
+  ln as default
 };