x-prop-tree 0.4.5 → 0.4.7

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