x-prop-tree 0.4.10 → 0.4.12

package/dist/index.js

@@ -1,37 +1,37 @@
 (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 ae, reactive as Be, computed as V, watchEffect as $e, toRefs as qe, warn as Xe, getCurrentInstance as Ye, inject as re, shallowRef as Ze, provide as Ie, defineComponent as B, isRef as Me, createVNode as C, mergeProps as Fe, unref as A, ref as I, toRef as Ke, Text as Je, resolveDirective as G, withDirectives as q, openBlock as x, createElementBlock as j, normalizeStyle as De, withModifiers as Q, renderSlot as Qe, resolveComponent as _, createBlock as M, withCtx as T, renderList as je, createTextVNode as Ae, toDisplayString as ie, createElementVNode as en, createCommentVNode as oe, mergeModels as H, useModel as X, h as k } from "vue";
-import { useI18n as Te } from "vue-i18n";
-import { useColor as ue, eventBus as Pe, useViewStack as nn } from "x-essential-lib";
+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", Le = "M19,13H5V11H19V13Z", ze = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-function P(e, n) {
+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 i = typeof e[a] == "object" && e[a] != null && !Array.isArray(e[a]) ? e[a] : {
+    const u = typeof e[a] == "object" && e[a] != null && !Array.isArray(e[a]) ? e[a] : {
       type: e[a]
     };
     return t && a in t ? l[a] = {
-      ...i,
+      ...u,
       default: t[a]
-    } : l[a] = i, n && !l[a].source && (l[a].source = n), l;
+    } : l[a] = u, n && !l[a].source && (l[a].source = n), l;
   }, {});
 }
-const sn = P({
+const sn = O({
   class: [String, Array, Object],
   style: {
     type: [String, Array, Object],
     default: null
   }
 }, "component");
-function E(e) {
+function G(e) {
   let n = 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;
 }
-function ce(e) {
+function ge(e) {
   let n;
   return e !== null && typeof e == "object" && ((n = Object.getPrototypeOf(e)) === Object.prototype || n === null);
 }
-function te(e, n) {
+function le(e, n) {
   return n.every((t) => e.hasOwnProperty(t));
 }
 function an(e, n) {
@@ -40,11 +40,11 @@ function an(e, n) {
     l.has(a) && (t[a] = e[a]);
   return t;
 }
-function de(e, 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 rn(e) {
+function un(e) {
   let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
   const t = [];
   let l = 0;
@@ -52,72 +52,72 @@ function rn(e) {
     t.push(e.substr(l, n)), l += n;
   return t;
 }
-function Oe() {
+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 r = e[a], i = n[a];
-    if (ce(r) && ce(i)) {
-      l[a] = Oe(r, i, t);
+    const i = e[a], u = n[a];
+    if (ge(i) && ge(u)) {
+      l[a] = He(i, u, t);
       continue;
     }
-    if (t && Array.isArray(r) && Array.isArray(i)) {
-      l[a] = t(r, i);
+    if (t && Array.isArray(i) && Array.isArray(u)) {
+      l[a] = t(i, u);
       continue;
     }
-    l[a] = i;
+    l[a] = u;
   }
   return l;
 }
-function He(e) {
-  return e.map((n) => n.type === ae ? He(n.children) : n).flat();
+function Ne(e) {
+  return e.map((n) => n.type === ue ? Ne(n.children) : n).flat();
 }
-function O() {
+function N() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-  if (O.cache.has(e)) return O.cache.get(e);
+  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 O.cache.set(e, n), n;
+  return N.cache.set(e, n), n;
 }
-O.cache = /* @__PURE__ */ new Map();
-function Ne(e) {
-  const n = Be({}), t = V(e);
-  return $e(() => {
+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];
   }, {
     flush: "sync"
-  }), qe(n);
+  }), Xe(n);
 }
-function un(e, n) {
+function rn(e, n) {
   return e.includes(n);
 }
-const z = 2.4, fe = 0.2126729, me = 0.7151522, ge = 0.072175, on = 0.55, cn = 0.58, dn = 0.57, fn = 0.62, K = 0.03, ye = 1.45, mn = 5e-4, gn = 1.25, yn = 1.25, ve = 0.078, he = 12.82051282051282, J = 0.06, ke = 1e-3;
-function Ce(e, n) {
-  const t = (e.r / 255) ** z, l = (e.g / 255) ** z, a = (e.b / 255) ** z, r = (n.r / 255) ** z, i = (n.g / 255) ** z, m = (n.b / 255) ** z;
-  let c = t * fe + l * me + a * ge, o = r * fe + i * me + m * ge;
-  if (c <= K && (c += (K - c) ** ye), o <= K && (o += (K - o) ** ye), Math.abs(o - c) < mn) return 0;
-  let f;
-  if (o > c) {
-    const y = (o ** on - c ** cn) * gn;
-    f = y < ke ? 0 : y < ve ? y - y * he * J : y - J;
+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;
   } else {
-    const y = (o ** fn - c ** dn) * yn;
-    f = y > -ke ? 0 : y > -ve ? y - y * he * J : y + J;
+    const y = (c ** fn - o ** dn) * gn;
+    m = y > -xe ? 0 : y > -Ve ? y - y * Ce * Q : y + Q;
   }
-  return f * 100;
+  return m * 100;
 }
-function U(e) {
-  Xe(`Vuetify: ${e}`);
+function q(e) {
+  Ye(`Vuetify: ${e}`);
 }
-function le(e) {
+function ae(e) {
   return !!e && /^(#|var\(--|(rgb|hsl)a?\()/.test(e);
 }
 function vn(e) {
-  return le(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
+  return ae(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
 }
-const pe = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, hn = {
+const Se = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, hn = {
   rgb: (e, n, t, l) => ({
     r: e,
     g: n,
@@ -130,99 +130,99 @@ const pe = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, hn = {
     b: t,
     a: l
   }),
-  hsl: (e, n, t, l) => Ve({
+  hsl: (e, n, t, l) => we({
     h: e,
     s: n,
     l: t,
     a: l
   }),
-  hsla: (e, n, t, l) => Ve({
+  hsla: (e, n, t, l) => we({
     h: e,
     s: n,
     l: t,
     a: l
   }),
-  hsv: (e, n, t, l) => W({
+  hsv: (e, n, t, l) => X({
     h: e,
     s: n,
     v: t,
     a: l
   }),
-  hsva: (e, n, t, l) => W({
+  hsva: (e, n, t, l) => X({
     h: e,
     s: n,
     v: t,
     a: l
   })
 };
-function R(e) {
+function W(e) {
   if (typeof e == "number")
-    return (isNaN(e) || e < 0 || e > 16777215) && U(`'${e}' is not a valid hex color`), {
+    return (isNaN(e) || e < 0 || e > 16777215) && q(`'${e}' is not a valid hex color`), {
       r: (e & 16711680) >> 16,
       g: (e & 65280) >> 8,
       b: e & 255
     };
-  if (typeof e == "string" && pe.test(e)) {
+  if (typeof e == "string" && Se.test(e)) {
     const {
       groups: n
-    } = e.match(pe), {
+    } = e.match(Se), {
       fn: t,
       values: l
-    } = n, a = l.split(/,\s*/).map((r) => r.endsWith("%") && ["hsl", "hsla", "hsv", "hsva"].includes(t) ? parseFloat(r) / 100 : parseFloat(r));
+    } = n, a = l.split(/,\s*/).map((i) => i.endsWith("%") && ["hsl", "hsla", "hsv", "hsva"].includes(t) ? parseFloat(i) / 100 : parseFloat(i));
     return hn[t](...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) || U(`'${e}' is not a valid hex(a) color`);
+    [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) && U(`'${e}' is not a valid hex(a) color`), kn(n);
+    return (isNaN(t) || t < 0 || t > 4294967295) && q(`'${e}' is not a valid hex(a) color`), pn(n);
   } else if (typeof e == "object") {
-    if (te(e, ["r", "g", "b"]))
+    if (le(e, ["r", "g", "b"]))
       return e;
-    if (te(e, ["h", "s", "l"]))
-      return W(Re(e));
-    if (te(e, ["h", "s", "v"]))
-      return W(e);
+    if (le(e, ["h", "s", "l"]))
+      return X(Ue(e));
+    if (le(e, ["h", "s", "v"]))
+      return X(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 W(e) {
+function X(e) {
   const {
     h: n,
     s: t,
     v: l,
     a
-  } = e, r = (m) => {
-    const c = (m + n / 60) % 6;
-    return l - l * t * Math.max(Math.min(c, 4 - c, 1), 0);
-  }, i = [r(5), r(3), r(1)].map((m) => Math.round(m * 255));
+  } = 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));
   return {
-    r: i[0],
-    g: i[1],
-    b: i[2],
+    r: u[0],
+    g: u[1],
+    b: u[2],
     a
   };
 }
-function Ve(e) {
-  return W(Re(e));
+function we(e) {
+  return X(Ue(e));
 }
-function Re(e) {
+function Ue(e) {
   const {
     h: n,
     s: t,
     l,
     a
-  } = e, r = l + t * Math.min(l, 1 - l), i = r === 0 ? 0 : 2 - 2 * l / r;
+  } = e, i = l + t * Math.min(l, 1 - l), u = i === 0 ? 0 : 2 - 2 * l / i;
   return {
     h: n,
-    s: i,
-    v: r,
+    s: u,
+    v: i,
     a
   };
 }
-function kn(e) {
-  e = Cn(e);
-  let [n, t, l, a] = rn(e, 2).map((r) => parseInt(r, 16));
+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,
@@ -230,140 +230,140 @@ function kn(e) {
     a
   };
 }
-function Cn(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 = de(de(e, 6), 8, "F")), e;
+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 pn(e) {
-  const n = Math.abs(Ce(R(0), R(e)));
-  return Math.abs(Ce(R(16777215), R(e))) > Math.min(n, 50) ? "#fff" : "#000";
+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 Y(e, n) {
-  const t = Ye();
+function Z(e, n) {
+  const t = Ze();
   if (!t)
     throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
   return t;
 }
 function Vn() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "composables";
-  const n = Y(e).type;
-  return O((n == null ? void 0 : n.aliasName) || (n == null ? void 0 : n.name));
+  const n = Z(e).type;
+  return N((n == null ? void 0 : n.aliasName) || (n == null ? void 0 : n.name));
 }
-function _n(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Y("injectSelf");
+function Cn(e) {
+  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Z("injectSelf");
   const {
     provides: t
   } = n;
   if (t && e in t)
     return t[e];
 }
-const se = Symbol.for("vuetify:defaults");
+const ie = Symbol.for("vuetify:defaults");
 function Ee() {
-  const e = re(se);
+  const e = oe(ie);
   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[O(n)]) < "u";
+  return typeof ((t = e.props) == null ? void 0 : t[n]) < "u" || typeof ((l = e.props) == null ? void 0 : l[N(n)]) < "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 = Y("useDefaults");
+  const l = Z("useDefaults");
   if (n = n ?? l.type.name ?? l.type.__name, !n)
     throw new Error("[Vuetify] Could not determine component name");
   const a = V(() => {
-    var c;
-    return (c = t.value) == null ? void 0 : c[e._as ?? n];
-  }), r = new Proxy(e, {
-    get(c, o) {
-      var y, S, w, p, $, F, Z;
-      const f = Reflect.get(c, o);
-      return o === "class" || o === "style" ? [(y = a.value) == null ? void 0 : y[o], f].filter((d) => d != null) : typeof o == "string" && !xn(l.vnode, o) ? ((S = a.value) == null ? void 0 : S[o]) !== void 0 ? (w = a.value) == null ? void 0 : w[o] : (($ = (p = t.value) == null ? void 0 : p.global) == null ? void 0 : $[o]) !== void 0 ? (Z = (F = t.value) == null ? void 0 : F.global) == null ? void 0 : Z[o] : f : f;
+    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;
     }
-  }), i = Ze();
-  $e(() => {
+  }), u = Ke();
+  re(() => {
     if (a.value) {
-      const c = Object.entries(a.value).filter((o) => {
-        let [f] = o;
-        return f.startsWith(f[0].toUpperCase());
+      const o = Object.entries(a.value).filter((c) => {
+        let [m] = c;
+        return m.startsWith(m[0].toUpperCase());
       });
-      i.value = c.length ? Object.fromEntries(c) : void 0;
+      u.value = o.length ? Object.fromEntries(o) : void 0;
     } else
-      i.value = void 0;
+      u.value = void 0;
   });
-  function m() {
-    const c = _n(se, l);
-    Ie(se, V(() => i.value ? Oe((c == null ? void 0 : c.value) ?? {}, i.value) : c == null ? void 0 : c.value));
+  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));
   }
   return {
-    props: r,
-    provideSubDefaults: m
+    props: i,
+    provideSubDefaults: d
   };
 }
-function ee(e) {
+function ne(e) {
   if (e._setup = e._setup ?? e.setup, !e.name)
-    return U("The component is missing an explicit name, unable to generate default prop value"), e;
+    return q("The component is missing an explicit name, unable to generate default prop value"), e;
   if (e._setup) {
-    e.props = P(e.props ?? {}, e.name)();
+    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 r = Ee();
-      if (!r.value) return e._setup(l, a);
+      const i = Ee();
+      if (!i.value) return e._setup(l, a);
       const {
-        props: i,
-        provideSubDefaults: m
-      } = bn(l, l._as ?? e.name, r), c = e._setup(i, a);
-      return m(), c;
+        props: u,
+        provideSubDefaults: d
+      } = bn(l, l._as ?? e.name, i), o = e._setup(u, a);
+      return d(), o;
     };
   }
   return e;
 }
-function Ue() {
+function We() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  return (n) => (e ? ee : B)(n);
+  return (n) => (e ? ne : w)(n);
 }
 function Sn(e) {
-  const n = Y("useRender");
+  const n = Z("useRender");
   n.render = e;
 }
-const _e = Symbol.for("vuetify:theme"), wn = P({
+const $e = Symbol.for("vuetify:theme"), wn = O({
   theme: String
 }, "theme");
-function Bn(e) {
-  Y("provideTheme");
-  const n = re(_e, null);
+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}`), r = {
+  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
   };
-  return Ie(_e, r), r;
+  return Te($e, i), i;
 }
-const $n = P({
+const In = O({
   tag: {
     type: String,
     default: "div"
   }
 }, "tag");
-function In(e) {
-  return Ne(() => {
+function Bn(e) {
+  return Re(() => {
     const n = [], t = {};
     if (e.value.background)
-      if (le(e.value.background)) {
+      if (ae(e.value.background)) {
         if (t.backgroundColor = e.value.background, !e.value.text && vn(e.value.background)) {
-          const l = R(e.value.background);
+          const l = W(e.value.background);
           if (l.a == null || l.a === 1) {
-            const a = pn(l);
+            const a = kn(l);
             t.color = a, t.caretColor = a;
           }
         }
       } else
         n.push(`bg-${e.value.background}`);
-    return e.value.text && (le(e.value.text) ? (t.color = e.value.text, t.caretColor = e.value.text) : n.push(`text-${e.value.text}`)), {
+    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
     };
@@ -371,117 +371,117 @@ function In(e) {
 }
 function Mn(e, n) {
   const t = V(() => ({
-    text: Me(e) ? e.value : null
+    text: ce(e) ? e.value : null
   })), {
     colorClasses: l,
     colorStyles: a
-  } = In(t);
+  } = Bn(t);
   return {
     textColorClasses: l,
     textColorStyles: a
   };
 }
-const We = [String, Function, Object, Array], Fn = Symbol.for("vuetify:icons"), ne = P({
+const Ge = [String, Function, Object, Array], Fn = Symbol.for("vuetify:icons"), te = O({
   icon: {
-    type: We
+    type: Ge
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
     type: String,
     required: !0
   }
-}, "icon"), xe = Ue()({
+}, "icon"), Ie = We()({
   name: "VComponentIcon",
-  props: ne(),
+  props: te(),
   setup(e, n) {
     let {
       slots: t
     } = n;
     return () => {
       const l = e.icon;
-      return C(e.tag, null, {
+      return _(e.tag, null, {
         default: () => {
           var a;
-          return [e.icon ? C(l, null, null) : (a = t.default) == null ? void 0 : a.call(t)];
+          return [e.icon ? _(l, null, null) : (a = t.default) == null ? void 0 : a.call(t)];
         }
       });
     };
   }
-}), Dn = ee({
+}), Dn = ne({
   name: "VSvgIcon",
   inheritAttrs: !1,
-  props: ne(),
+  props: te(),
   setup(e, n) {
     let {
       attrs: t
     } = n;
-    return () => C(e.tag, Fe(t, {
+    return () => _(e.tag, de(t, {
       style: null
     }), {
-      default: () => [C("svg", {
+      default: () => [_("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) ? C("path", {
+      }, [Array.isArray(e.icon) ? e.icon.map((l) => Array.isArray(l) ? _("path", {
         d: l[0],
         "fill-opacity": l[1]
-      }, null) : C("path", {
+      }, null) : _("path", {
         d: l
-      }, null)) : C("path", {
+      }, null)) : _("path", {
         d: e.icon
       }, null)])]
     });
   }
 });
-ee({
+ne({
   name: "VLigatureIcon",
-  props: ne(),
+  props: te(),
   setup(e) {
-    return () => C(e.tag, null, {
+    return () => _(e.tag, null, {
       default: () => [e.icon]
     });
   }
 });
-ee({
+ne({
   name: "VClassIcon",
-  props: ne(),
+  props: te(),
   setup(e) {
-    return () => C(e.tag, {
+    return () => _(e.tag, {
       class: e.icon
     }, null);
   }
 });
-const An = (e) => {
-  const n = re(Fn);
+const Tn = (e) => {
+  const n = oe(Fn);
   if (!n) throw new Error("Missing Vuetify Icons provide!");
   return {
     iconData: V(() => {
-      var c;
-      const l = A(e);
+      var o;
+      const l = T(e);
       if (!l) return {
-        component: xe
+        component: Ie
       };
       let a = l;
-      if (typeof a == "string" && (a = a.trim(), a.startsWith("$") && (a = (c = n.aliases) == null ? void 0 : c[a.slice(1)])), a || U(`Could not find aliased icon "${l}"`), Array.isArray(a))
+      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))
         return {
           component: Dn,
           icon: a
         };
       if (typeof a != "string")
         return {
-          component: xe,
+          component: Ie,
           icon: a
         };
-      const r = Object.keys(n.sets).find((o) => typeof a == "string" && a.startsWith(`${o}:`)), i = r ? a.slice(r.length + 1) : a;
+      const i = Object.keys(n.sets).find((c) => typeof a == "string" && a.startsWith(`${c}:`)), u = i ? a.slice(i.length + 1) : a;
       return {
-        component: n.sets[r ?? n.defaultSet].component,
-        icon: i
+        component: n.sets[i ?? n.defaultSet].component,
+        icon: u
       };
     })
   };
-}, Tn = ["x-small", "small", "default", "large", "x-large"], Pn = P({
+}, An = ["x-small", "small", "default", "large", "x-large"], Pn = O({
   size: {
     type: [String, Number],
     default: "default"
@@ -489,145 +489,145 @@ const An = (e) => {
 }, "size");
 function Ln(e) {
   let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Vn();
-  return Ne(() => {
+  return Re(() => {
     let t, l;
-    return un(Tn, e.size) ? t = `${n}--size-${e.size}` : e.size && (l = {
-      width: E(e.size),
-      height: E(e.size)
+    return rn(An, e.size) ? t = `${n}--size-${e.size}` : e.size && (l = {
+      width: G(e.size),
+      height: G(e.size)
     }), {
       sizeClasses: t,
       sizeStyles: l
     };
   });
 }
-const zn = P({
+const On = O({
   color: String,
   disabled: Boolean,
   start: Boolean,
   end: Boolean,
-  icon: We,
+  icon: Ge,
   ...sn(),
   ...Pn(),
-  ...$n({
+  ...In({
     tag: "i"
   }),
   ...wn()
-}, "VIcon"), On = Ue()({
+}, "VIcon"), zn = We()({
   name: "VIcon",
-  props: zn(),
+  props: On(),
   setup(e, n) {
     let {
       attrs: t,
       slots: l
     } = n;
-    const a = I(), {
-      themeClasses: r
-    } = Bn(e), {
-      iconData: i
-    } = An(V(() => a.value || e.icon)), {
-      sizeClasses: m
+    const a = B(), {
+      themeClasses: i
+    } = $n(e), {
+      iconData: u
+    } = Tn(V(() => a.value || e.icon)), {
+      sizeClasses: d
     } = Ln(e), {
-      textColorClasses: c,
-      textColorStyles: o
-    } = Mn(Ke(e, "color"));
+      textColorClasses: o,
+      textColorStyles: c
+    } = Mn(Je(e, "color"));
     return Sn(() => {
-      var S, w;
-      const f = (S = l.default) == null ? void 0 : S.call(l);
-      f && (a.value = (w = He(f).filter((p) => p.type === Je && p.children && typeof p.children == "string")[0]) == null ? void 0 : w.children);
+      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 C(i.value.component, {
+      return _(u.value.component, {
         tag: e.tag,
-        icon: i.value.icon,
-        class: ["v-icon", "notranslate", r.value, m.value, c.value, {
+        icon: u.value.icon,
+        class: ["v-icon", "notranslate", i.value, d.value, o.value, {
           "v-icon--clickable": y,
           "v-icon--disabled": e.disabled,
           "v-icon--start": e.start,
           "v-icon--end": e.end
         }, e.class],
-        style: [m.value ? void 0 : {
-          fontSize: E(e.size),
-          height: E(e.size),
-          width: E(e.size)
-        }, o.value, e.style],
+        style: [d.value ? void 0 : {
+          fontSize: G(e.size),
+          height: G(e.size),
+          width: G(e.size)
+        }, c.value, e.style],
         role: y ? "button" : void 0,
         "aria-hidden": !y,
         tabindex: y ? e.disabled ? -1 : 0 : void 0
       }, {
-        default: () => [f]
+        default: () => [m]
       });
     }), {};
   }
-}), Hn = /* @__PURE__ */ B({
+}), Hn = /* @__PURE__ */ w({
   __name: "entry",
   props: {
     minHeight: {}
   },
   setup(e) {
-    const { backgroundColor2: n, highlightColor: t } = ue(), l = I(!1), a = V(() => ({
+    const { backgroundColor2: n, highlightColor: t } = ye(), l = B(!1), a = V(() => ({
       background: l.value ? t.value : n.value,
       minHeight: e.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
-    })), r = (i) => {
+    })), i = (u) => {
       Pe.emit("propTreeMenu", {
-        x: i.clientX,
-        y: i.clientY
+        x: u.clientX,
+        y: u.clientY
       });
     };
-    return (i, m) => {
-      const c = G("ripple");
-      return q((x(), j("div", {
+    return (u, d) => {
+      const o = R("ripple");
+      return P((C(), Y("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
-        style: De(a.value),
-        onContextmenu: Q(r, ["prevent"]),
-        onMouseover: m[0] || (m[0] = (o) => l.value = !0),
-        onMouseout: m[1] || (m[1] = (o) => l.value = !1)
+        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)
       }, [
-        Qe(i.$slots, "default")
+        je(u.$slots, "default")
       ], 36)), [
-        [c]
+        [o]
       ]);
     };
   }
-}), Nn = /* @__PURE__ */ B({
+}), Nn = /* @__PURE__ */ w({
   __name: "menu",
   setup(e) {
-    const { t: n } = Te(), t = I(0), l = I(0), a = V(() => [t.value, l.value]), r = (o) => {
-      const f = () => {
+    const { t: n } = me(), t = B(0), l = B(0), a = V(() => [t.value, l.value]), i = (c) => {
+      const m = () => {
         console.log("reset");
       };
-      o.push({
+      c.push({
         title: n("x-prop-tree.reset"),
-        func: f
+        func: m
       });
-    }, i = V(() => {
-      const o = [];
-      return r(o), o;
-    }), m = (o) => {
-      t.value = o.x, l.value = o.y;
-    }, { open: c } = nn("propTreeMenu", m);
-    return (o, f) => {
-      const y = _("v-list-item-title"), S = _("v-list-item"), w = _("v-list"), p = _("v-menu");
-      return x(), M(p, {
-        modelValue: A(c),
-        "onUpdate:modelValue": f[0] || (f[0] = ($) => Me(c) ? c.value = $ : null),
+    }, u = 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, {
+        modelValue: T(o),
+        "onUpdate:modelValue": m[0] || (m[0] = (M) => ce(o) ? o.value = M : null),
         "location-strategy": "connected",
         target: a.value,
         scrim: "transparent"
       }, {
-        default: T(() => [
-          C(w, null, {
-            default: T(() => [
-              (x(!0), j(ae, null, je(i.value, ($, F) => (x(), M(S, {
-                key: F,
+        default: F(() => [
+          _($, null, {
+            default: F(() => [
+              (C(!0), Y(ue, null, en(u.value, (M, A) => (C(), I(S, {
+                key: A,
                 link: "",
-                onClick: $.func
+                onClick: M.func
               }, {
-                default: T(() => [
-                  C(y, null, {
-                    default: T(() => [
-                      Ae(ie($.title), 1)
+                default: F(() => [
+                  _(y, null, {
+                    default: F(() => [
+                      fe(ee(M.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -642,7 +642,7 @@ const zn = P({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), be = /* @__PURE__ */ B({
+}), Be = /* @__PURE__ */ w({
   __name: "title",
   props: {
     title: {},
@@ -653,55 +653,55 @@ const zn = P({
   },
   emits: ["collapse", "create", "delete"],
   setup(e, { emit: n }) {
-    const { backgroundColor2: t, highlightColor: l } = ue(), a = n, r = I(!1), i = V(() => ({
-      background: r.value ? l.value : t.value,
+    const { backgroundColor2: t, highlightColor: l } = ye(), a = n, i = B(!1), u = V(() => ({
+      background: i.value ? l.value : t.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
-    })), m = () => {
+    })), d = () => {
       a("collapse", !e.collapse);
-    }, c = (o) => {
+    }, o = (c) => {
       Pe.emit("propTreeMenu", {
-        x: o.clientX,
-        y: o.clientY
+        x: c.clientX,
+        y: c.clientY
       });
     };
-    return (o, f) => {
-      const y = _("v-icon"), S = _("v-spacer"), w = G("ripple");
-      return q((x(), j("div", {
+    return (c, m) => {
+      const y = k("v-icon"), S = k("v-spacer"), $ = R("ripple");
+      return P((C(), Y("div", {
         class: "d-flex align-center cursor-pointer",
-        style: De(i.value),
-        onClick: m,
-        onContextmenu: Q(c, ["prevent"]),
-        onMouseover: f[2] || (f[2] = (p) => r.value = !0),
-        onMouseout: f[3] || (f[3] = (p) => r.value = !1)
+        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)
       }, [
-        C(y, {
+        _(y, {
           class: "mr-1",
-          icon: o.collapse ? A(ln) : A(tn)
+          icon: c.collapse ? T(ln) : T(tn)
         }, null, 8, ["icon"]),
-        en("span", null, ie(o.title), 1),
-        C(S),
-        o.hasCreate ? (x(), M(y, {
+        nn("span", null, ee(c.title), 1),
+        _(S),
+        c.hasCreate ? (C(), I(y, {
           key: 0,
           class: "ml-3",
-          icon: A(ze),
-          onClick: f[0] || (f[0] = Q((p) => a("create"), ["stop"]))
-        }, null, 8, ["icon"])) : oe("", !0),
-        o.hasDelete ? (x(), M(y, {
+          icon: T(ze),
+          onClick: m[0] || (m[0] = j((x) => a("create"), ["stop"]))
+        }, null, 8, ["icon"])) : se("", !0),
+        c.hasDelete ? (C(), I(y, {
           key: 1,
           class: "ml-3",
-          icon: A(Le),
-          onClick: f[1] || (f[1] = Q((p) => a("delete", o.index), ["stop"]))
-        }, null, 8, ["icon"])) : oe("", !0)
+          icon: T(Oe),
+          onClick: m[1] || (m[1] = j((x) => a("delete", c.index), ["stop"]))
+        }, null, 8, ["icon"])) : se("", !0)
       ], 36)), [
-        [w]
+        [$]
       ]);
     };
   }
-}), Rn = /* @__PURE__ */ B({
+}), Rn = /* @__PURE__ */ w({
   __name: "colorPicker",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ L({
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
@@ -709,29 +709,29 @@ const zn = P({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = X(e, "modelValue"), t = V(() => e.readonly), l = I("hexa");
-    return (a, r) => {
-      const i = _("v-btn"), m = _("v-color-picker"), c = _("v-menu");
-      return x(), M(c, { "close-on-content-click": !1 }, {
-        activator: T(({ props: o }) => [
-          C(i, Fe(o, {
+    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, {
             density: "comfortable",
             color: n.value,
             block: "",
             disabled: t.value
           }), {
-            default: T(() => [
-              Ae(ie(n.value), 1)
+            default: F(() => [
+              fe(ee(n.value), 1)
             ]),
             _: 2
           }, 1040, ["color", "disabled"])
         ]),
-        default: T(() => [
-          C(m, {
+        default: F(() => [
+          _(d, {
             modelValue: n.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (o) => n.value = o),
+            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value = c),
             mode: l.value,
-            "onUpdate:mode": r[1] || (r[1] = (o) => l.value = o),
+            "onUpdate:mode": i[1] || (i[1] = (c) => l.value = c),
             "show-swatches": "",
             "swatches-max-height": "150px"
           }, null, 8, ["modelValue", "mode"])
@@ -740,12 +740,113 @@ const zn = P({
       });
     };
   }
-}), En = /* @__PURE__ */ B({
-  __name: "numInput",
-  props: /* @__PURE__ */ H({
+}), Un = /* @__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, {
+        modelValue: T(l),
+        "onUpdate:modelValue": i[0] || (i[0] = (o) => ce(l) ? l.value = o : null)
+      }, {
+        activator: F(({ props: o }) => [
+          _(u, de(o, {
+            density: "comfortable",
+            block: ""
+          }), {
+            default: F(() => [
+              fe(ee(n.value), 1)
+            ]),
+            _: 2
+          }, 1040)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), En = { class: "my-2" }, Wn = /* @__PURE__ */ w({
+  __name: "multiTypes",
+  props: /* @__PURE__ */ L({
+    types: {},
+    precision: { default: 4 },
     min: { default: () => -1 / 0 },
     max: { default: () => 1 / 0 },
+    step: { default: 1 }
+  }, {
+    modelValue: {},
+    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),
+          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;
+        }
+    });
+    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
+          ],
+          density: "compact",
+          items: l.value,
+          "hide-details": "",
+          "single-line": ""
+        }, null, 8, ["modelValue", "items"]), [
+          [
+            y,
+            void 0,
+            void 0,
+            { stop: !0 }
+          ]
+        ]),
+        i.value.ui === "pixelInput" || i.value.ui === "percentInput" ? P((C(), I(m, {
+          key: 0,
+          density: "compact",
+          "control-variant": "stacked",
+          precision: d.precision,
+          min: d.min,
+          max: d.max,
+          step: d.step,
+          "hide-details": "",
+          "single-line": ""
+        }, null, 8, ["precision", "min", "max", "step"])), [
+          [
+            y,
+            void 0,
+            void 0,
+            { stop: !0 }
+          ]
+        ]) : se("", !0)
+      ]);
+    };
+  }
+}), Gn = /* @__PURE__ */ w({
+  __name: "numInput",
+  props: /* @__PURE__ */ L({
     precision: { default: 4 },
+    min: { default: () => -1 / 0 },
+    max: { default: () => 1 / 0 },
     step: { default: 1 },
     readonly: { type: Boolean, default: !1 }
   }, {
@@ -754,24 +855,24 @@ const zn = P({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = X(e, "modelValue");
+    const n = U(e, "modelValue");
     return (t, l) => {
-      const a = _("v-number-input"), r = G("ripple");
-      return q((x(), M(a, {
+      const a = k("v-number-input"), i = R("ripple");
+      return P((C(), I(a, {
         modelValue: n.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
         density: "compact",
         "control-variant": "stacked",
+        precision: t.precision,
         min: t.min,
         max: t.max,
-        precision: t.precision,
         step: t.step,
         "hide-details": "",
         "single-line": "",
         readonly: t.readonly
-      }, null, 8, ["modelValue", "min", "max", "precision", "step", "readonly"])), [
+      }, null, 8, ["modelValue", "precision", "min", "max", "step", "readonly"])), [
         [
-          r,
+          i,
           void 0,
           void 0,
           { stop: !0 }
@@ -779,9 +880,9 @@ const zn = P({
       ]);
     };
   }
-}), Un = /* @__PURE__ */ B({
+}), qn = /* @__PURE__ */ w({
   __name: "select",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ L({
     readonly: { type: Boolean, default: !1 },
     items: {}
   }, {
@@ -790,12 +891,12 @@ const zn = P({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = X(e, "modelValue");
+    const n = U(e, "modelValue");
     return (t, l) => {
-      const a = _("v-select"), r = G("ripple");
-      return q((x(), M(a, {
+      const a = k("v-select"), i = R("ripple");
+      return P((C(), I(a, {
         modelValue: n.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
         density: "compact",
         items: t.items,
         "hide-details": "",
@@ -803,7 +904,7 @@ const zn = P({
         readonly: t.readonly
       }, null, 8, ["modelValue", "items", "readonly"])), [
         [
-          r,
+          i,
           void 0,
           void 0,
           { stop: !0 }
@@ -811,32 +912,32 @@ const zn = P({
       ]);
     };
   }
-}), Se = /* @__PURE__ */ B({
+}), Me = /* @__PURE__ */ w({
   __name: "strInput",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ L({
     readonly: { type: Boolean, default: !1 },
     hasDelete: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ L(["delete"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = X(e, "modelValue"), l = n;
-    return (a, r) => {
-      const i = _("v-text-field"), m = G("ripple");
-      return q((x(), M(i, {
+    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": r[0] || (r[0] = (c) => t.value = c),
+        "onUpdate:modelValue": i[0] || (i[0] = (o) => t.value = o),
         density: "compact",
-        "append-inner-icon": a.hasDelete ? A(Le) : "",
+        "append-inner-icon": a.hasDelete ? T(Oe) : "",
         "hide-details": "",
         "single-line": "",
         readonly: a.readonly,
-        "onClick:appendInner": r[1] || (r[1] = (c) => l("delete"))
+        "onClick:appendInner": i[1] || (i[1] = (o) => l("delete"))
       }, null, 8, ["modelValue", "append-inner-icon", "readonly"])), [
         [
-          m,
+          d,
           void 0,
           void 0,
           { stop: !0 }
@@ -844,9 +945,9 @@ const zn = P({
       ]);
     };
   }
-}), Wn = /* @__PURE__ */ B({
+}), Xn = /* @__PURE__ */ w({
   __name: "switch",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ L({
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: Boolean },
@@ -854,12 +955,12 @@ const zn = P({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = X(e, "modelValue");
+    const n = U(e, "modelValue");
     return (t, l) => {
-      const a = _("v-switch");
-      return x(), M(a, {
+      const a = k("v-switch");
+      return C(), I(a, {
         modelValue: n.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (r) => n.value = r),
+        "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
         class: "ml-1",
         density: "compact",
         color: "primary",
@@ -869,21 +970,21 @@ const zn = P({
     };
   }
 });
-function we(e, n) {
+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 Gn(e, n, t) {
+function Yn(e, n, t) {
   const l = n.split(".");
   let a = e;
-  l.forEach((r) => {
-    a[r] || (a[r] = {}), a = a[r];
+  l.forEach((i) => {
+    a[i] || (a[i] = {}), a = a[i];
   }), a.collapse = t;
 }
-const qn = /* @__PURE__ */ B({
+const Zn = /* @__PURE__ */ w({
   __name: "index",
   props: {
     unique: {},
@@ -892,38 +993,38 @@ const qn = /* @__PURE__ */ B({
   },
   emits: ["change"],
   setup(e, { emit: n }) {
-    const { t } = Te(), { backgroundColor1: l, backgroundColor2: a } = ue(), r = e, i = n, m = I("20px"), c = I("56px"), o = I("200px"), f = Be({});
-    function y(d, s, u, g) {
-      return d !== "" && (d += "."), d += s.key, s.children ? s.array ? S(d, s, u, g) : w(d, s, u, g) : s.array ? p(d, s, u) : $(d, s, u);
+    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(d, s, u, g) {
-      u[s.key] instanceof Array || (u[s.key] = [], i("change", d, u[s.key]));
-      const b = k(be, {
+    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;
         },
         onCreate: () => {
-          u[s.key].push({}), i("change", d, u[s.key]);
+          r[s.key].push({}), u("change", f, r[s.key]);
         }
-      }), v = k(
+      }), v = p(
         "div",
         {
           style: {
-            paddingLeft: m.value
+            paddingLeft: d.value
           }
         },
         (() => {
           g[s.key] instanceof Array || (g[s.key] = []);
-          for (let h = 0; h < u[s.key].length; h++)
+          for (let h = 0; h < r[s.key].length; h++)
             typeof g[s.key][h] != "object" && (g[s.key][h] = {
               collapse: !0
             });
           return [];
         })()
       );
-      return k(
+      return p(
         "div",
         {
           style: {
@@ -937,36 +1038,36 @@ const qn = /* @__PURE__ */ B({
         })()
       );
     }
-    function w(d, s, u, g) {
-      const b = k(be, {
+    function $(f, s, r, g) {
+      const b = p(Be, {
         title: t(s.name),
-        collapse: we(g, d),
+        collapse: Fe(g, f),
         onCollapse: (h) => {
-          Gn(g, d, h);
+          Yn(g, f, h);
         }
-      }), v = k(
+      }), v = p(
         "div",
         {
           style: {
             background: l.value,
-            paddingLeft: m.value
+            paddingLeft: d.value
           }
         },
         (() => {
-          var L;
+          var z;
           const h = [];
-          return (L = s.children) == null || L.forEach((N) => {
-            const Ge = y(
-              d,
-              N,
-              (typeof u[s.key] != "object" && (u[s.key] = {}, i("change", d, u[s.key])), u[s.key]),
+          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
             );
-            h.push(Ge);
+            h.push(qe);
           }), h;
         })()
       );
-      return k(
+      return p(
         "div",
         {
           style: {
@@ -975,40 +1076,40 @@ const qn = /* @__PURE__ */ B({
         },
         (() => {
           const h = [];
-          return h.push(b), we(g, d) || h.push(v), h;
+          return h.push(b), Fe(g, f) || h.push(v), h;
         })()
       );
     }
-    function p(d, s, u) {
-      u[s.key] instanceof Array || (u[s.key] = D(s), i("change", d, u[s.key]));
+    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 < u[s.key].length; h++) {
-          const L = k(
+        for (let h = 0; h < r[s.key].length; h++) {
+          const z = p(
             "div",
             {
               class: "d-flex align-center justify-center",
               style: {
-                height: c.value
+                height: o.value
               }
             },
             [
-              k(Se, {
-                modelValue: u[s.key][h],
-                "onUpdate:modelValue": (N) => {
-                  u[s.key][h] = N, i("change", d, u[s.key]);
+              p(Me, {
+                modelValue: r[s.key][h],
+                "onUpdate:modelValue": (E) => {
+                  r[s.key][h] = E, u("change", f, r[s.key]);
                 },
                 hasDelete: !0,
                 onDelete: () => {
-                  u[s.key].splice(h, 1), i("change", d, u[s.key]);
+                  r[s.key].splice(h, 1), u("change", f, r[s.key]);
                 }
               })
             ]
           );
-          b.push(L);
+          b.push(z);
         }
-        const v = k(
+        const v = p(
           "div",
           {
             class: "d-flex align-center justify-center",
@@ -1022,96 +1123,103 @@ const qn = /* @__PURE__ */ B({
               border: "thin dashed #bdbdbd"
             },
             onClick: () => {
-              u[s.key].push(""), i("change", d, u[s.key]);
+              r[s.key].push(""), u("change", f, r[s.key]);
             }
           },
-          [k(On, { icon: ze })]
+          [p(zn, { icon: ze })]
         );
         return b.push(v), b;
-      } : console.assert(!1, "invalid prop ui", s.ui), F(t(s.name), g());
+      } : console.assert(!1, "invalid prop ui", s.ui), A(t(s.name), g());
     }
-    function $(d, s, u) {
+    function M(f, s, r) {
       let g = () => [];
-      return s.ui === "void" ? u[s.key] === void 0 && (console.assert(s.default !== void 0), u[s.key] = D(s), i("change", d, u[s.key])) : s.ui === "strInput" ? g = () => [k(Se, {
-        modelValue: s.static ? s.value : (typeof u[s.key] != "string" && (u[s.key] = D(s), i("change", d, u[s.key])), u[s.key]),
+      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 !== u[s.key] && (u[s.key] = v, i("change", d, v));
+          s.static || v !== r[s.key] && (r[s.key] = v, u("change", f, v));
         },
         readonly: s.static || s.readonly
-      })] : s.ui === "numInput" ? g = () => [k(En, {
-        modelValue: (typeof u[s.key] != "number" && (u[s.key] = D(s), i("change", d, u[s.key])), u[s.key]),
+      })] : 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 !== u[s.key] && (u[s.key] = v, i("change", d, v));
+          v !== r[s.key] && (r[s.key] = v, u("change", f, v));
         },
         readonly: s.readonly
-      })] : s.ui === "switch" ? g = () => [k(Wn, {
-        modelValue: (typeof u[s.key] != "boolean" && (u[s.key] = D(s), i("change", d, u[s.key])), u[s.key]),
+      })] : 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 !== u[s.key] && (u[s.key] = v, i("change", d, v));
+          v !== r[s.key] && (r[s.key] = v, u("change", f, v));
         },
         readonly: s.readonly
-      })] : s.ui === "select" ? g = () => [k(Un, {
-        modelValue: (typeof u[s.key] != "string" && (u[s.key] = D(s), i("change", d, u[s.key])), u[s.key]),
+      })] : 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 !== u[s.key] && (u[s.key] = v, i("change", d, v));
+          v !== r[s.key] && (r[s.key] = v, u("change", f, v));
         },
         items: (() => {
           var h;
           const v = [];
-          return (h = s.items) == null || h.forEach(({ title: L, value: N }) => {
+          return (h = s.items) == null || h.forEach(({ title: z, value: E }) => {
             v.push({
-              title: t(L),
-              value: N
+              title: t(z),
+              value: E
             });
           }), v;
         })(),
         readonly: s.readonly
-      })] : s.ui === "colorPicker" ? g = () => [k(Rn, {
-        modelValue: (typeof u[s.key] != "string" && (u[s.key] = D(s), i("change", d, u[s.key])), u[s.key]),
+      })] : 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 !== u[s.key] && (u[s.key] = v, i("change", d, v));
+          v !== r[s.key] && (r[s.key] = v, u("change", f, v));
         },
         readonly: s.readonly
-      })] : console.assert(!1, "invalid prop ui", s.ui), F(t(s.name), g());
+      })] : 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 F(d, s) {
-      return k(
+    function A(f, s) {
+      return p(
         Hn,
         {
-          minHeight: c.value
+          minHeight: o.value
         },
         () => [
-          k("span", { class: "ml-1", innerHTML: d }),
-          k("div", { style: { width: o.value } }, s)
+          p("span", { class: "ml-1", innerHTML: f }),
+          p("div", { style: { width: c.value } }, s)
         ]
       );
     }
-    const Z = () => k(
+    const K = () => p(
       "div",
       {
         class: "text-body-2"
       },
       (() => {
-        const d = [];
-        if (r.unique && r.config && r.object) {
-          f[r.unique] || (f[r.unique] = {});
-          const s = f[r.unique];
-          r.config.forEach((u) => {
-            const g = y("", u, r.object, s);
-            d.push(g);
+        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);
           });
         }
-        return d;
+        return f;
       })()
     );
-    return (d, s) => (x(), j(ae, null, [
-      C(Z),
-      C(Nn)
+    return (f, s) => (C(), Y(ue, null, [
+      _(K),
+      _(Nn)
     ], 64));
   }
-}), Xn = (e) => {
-  e.component("XPropTree", qn);
-}, Qn = { install: Xn };
+}), Kn = (e) => {
+  e.component("XPropTree", Zn);
+}, nt = { install: Kn };
 export {
-  Qn as default
+  nt as default
 };