x-prop-tree 0.4.6 → 0.4.8

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