x-prop-tree 0.3.2 → 0.3.4

package/dist/index.js

@@ -1,8 +1,9 @@
 (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 Ie, reactive as he, computed as C, watchEffect as ve, toRefs as Ae, warn as De, getCurrentInstance as Te, inject as J, shallowRef as ze, provide as ke, defineComponent as z, isRef as Re, createVNode as k, mergeProps as Me, unref as Pe, ref as B, toRef as Ne, Text as Oe, mergeModels as K, useModel as Ce, resolveComponent as W, openBlock as _, createElementBlock as xe, normalizeStyle as be, createBlock as G, resolveDirective as Ee, withDirectives as Le, createElementVNode as He, toDisplayString as We, withModifiers as Q, createCommentVNode as j, h as y } from "vue";
+import { Fragment as Ae, reactive as ve, computed as k, watchEffect as Ce, toRefs as De, warn as Le, getCurrentInstance as Me, inject as Q, shallowRef as Te, provide as ke, defineComponent as M, isRef as ze, createVNode as C, mergeProps as Re, unref as W, ref as I, toRef as Pe, Text as He, mergeModels as K, useModel as xe, resolveComponent as G, openBlock as p, createElementBlock as be, normalizeStyle as Ve, createBlock as U, resolveDirective as Ne, withDirectives as Oe, createElementVNode as Ee, toDisplayString as We, withModifiers as j, createCommentVNode as ee, h as y } from "vue";
 import { useI18n as Ge } from "vue-i18n";
 import { useColor as Ue } from "x-essential-lib";
-import { getPropDefault as E } from "x-runtime-lib";
+import { getPropDefault as N } from "x-runtime-lib";
+var qe = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", Ze = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", Ye = "M19,13H5V11H19V13Z", Ke = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
 function w(e, t) {
   return (n) => Object.keys(e).reduce((s, a) => {
     const u = typeof e[a] == "object" && e[a] != null && !Array.isArray(e[a]) ? e[a] : {
@@ -14,7 +15,7 @@ function w(e, t) {
     } : s[a] = u, t && !s[a].source && (s[a].source = t), s;
   }, {});
 }
-const qe = w({
+const Xe = w({
   class: [String, Array, Object],
   style: {
     type: [String, Array, Object],
@@ -26,23 +27,23 @@ function A(e) {
   if (!(e == null || e === ""))
     return isNaN(+e) ? String(e) : isFinite(+e) ? `${Number(e)}${t}` : void 0;
 }
-function ee(e) {
+function te(e) {
   return e !== null && typeof e == "object" && !Array.isArray(e);
 }
 function Y(e, t) {
   return t.every((n) => e.hasOwnProperty(n));
 }
-function Ye(e, t) {
+function Je(e, t) {
   const n = {}, s = new Set(Object.keys(e));
   for (const a of t)
     s.has(a) && (n[a] = e[a]);
   return n;
 }
-function te(e, t) {
+function ne(e, t) {
   let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "0";
   return e + n.repeat(Math.max(0, t - e.length));
 }
-function Ke(e) {
+function Qe(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
   const n = [];
   let s = 0;
@@ -57,7 +58,7 @@ function Se() {
     s[a] = e[a];
   for (const a in t) {
     const r = e[a], u = t[a];
-    if (ee(r) && ee(u)) {
+    if (te(r) && te(u)) {
       s[a] = Se(r, u, n);
       continue;
     }
@@ -69,8 +70,8 @@ function Se() {
   }
   return s;
 }
-function Ve(e) {
-  return e.map((t) => t.type === Ie ? Ve(t.children) : t).flat();
+function we(e) {
+  return e.map((t) => t.type === Ae ? we(t.children) : t).flat();
 }
 function F() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
@@ -80,44 +81,44 @@ function F() {
   return F.cache.set(e, t), t;
 }
 F.cache = /* @__PURE__ */ new Map();
-function we(e) {
-  const t = he({}), n = C(e);
-  return ve(() => {
+function _e(e) {
+  const t = ve({}), n = k(e);
+  return Ce(() => {
     for (const s in n.value)
       t[s] = n.value[s];
   }, {
     flush: "sync"
-  }), Ae(t);
+  }), De(t);
 }
-function Xe(e, t) {
+function je(e, t) {
   return e.includes(t);
 }
-const p = 2.4, ne = 0.2126729, se = 0.7151522, ae = 0.072175, Ze = 0.55, Je = 0.58, Qe = 0.57, je = 0.62, L = 0.03, le = 1.45, et = 5e-4, tt = 1.25, nt = 1.25, re = 0.078, ie = 12.82051282051282, H = 0.06, ue = 1e-3;
-function oe(e, t) {
-  const n = (e.r / 255) ** p, s = (e.g / 255) ** p, a = (e.b / 255) ** p, r = (t.r / 255) ** p, u = (t.g / 255) ** p, m = (t.b / 255) ** p;
-  let o = n * ne + s * se + a * ae, f = r * ne + u * se + m * ae;
-  if (o <= L && (o += (L - o) ** le), f <= L && (f += (L - f) ** le), Math.abs(f - o) < et)
+const _ = 2.4, se = 0.2126729, ae = 0.7151522, le = 0.072175, et = 0.55, tt = 0.58, nt = 0.57, st = 0.62, O = 0.03, re = 1.45, at = 5e-4, lt = 1.25, rt = 1.25, ie = 0.078, ue = 12.82051282051282, E = 0.06, oe = 1e-3;
+function ce(e, t) {
+  const n = (e.r / 255) ** _, s = (e.g / 255) ** _, a = (e.b / 255) ** _, r = (t.r / 255) ** _, u = (t.g / 255) ** _, m = (t.b / 255) ** _;
+  let o = n * se + s * ae + a * le, f = r * se + u * ae + m * le;
+  if (o <= O && (o += (O - o) ** re), f <= O && (f += (O - f) ** re), Math.abs(f - o) < at)
     return 0;
   let h;
   if (f > o) {
-    const g = (f ** Ze - o ** Je) * tt;
-    h = g < ue ? 0 : g < re ? g - g * ie * H : g - H;
+    const g = (f ** et - o ** tt) * lt;
+    h = g < oe ? 0 : g < ie ? g - g * ue * E : g - E;
   } else {
-    const g = (f ** je - o ** Qe) * nt;
-    h = g > -ue ? 0 : g > -re ? g - g * ie * H : g + H;
+    const g = (f ** st - o ** nt) * rt;
+    h = g > -oe ? 0 : g > -ie ? g - g * ue * E : g + E;
   }
   return h * 100;
 }
 function D(e) {
-  De(`Vuetify: ${e}`);
+  Le(`Vuetify: ${e}`);
 }
 function X(e) {
   return !!e && /^(#|var\(--|(rgb|hsl)a?\()/.test(e);
 }
-function st(e) {
+function it(e) {
   return X(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
 }
-const ce = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, at = {
+const fe = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, ut = {
   rgb: (e, t, n, s) => ({
     r: e,
     g: t,
@@ -130,63 +131,63 @@ const ce = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, at = {
     b: n,
     a: s
   }),
-  hsl: (e, t, n, s) => fe({
+  hsl: (e, t, n, s) => de({
     h: e,
     s: t,
     l: n,
     a: s
   }),
-  hsla: (e, t, n, s) => fe({
+  hsla: (e, t, n, s) => de({
     h: e,
     s: t,
     l: n,
     a: s
   }),
-  hsv: (e, t, n, s) => T({
+  hsv: (e, t, n, s) => L({
     h: e,
     s: t,
     v: n,
     a: s
   }),
-  hsva: (e, t, n, s) => T({
+  hsva: (e, t, n, s) => L({
     h: e,
     s: t,
     v: n,
     a: s
   })
 };
-function I(e) {
+function $(e) {
   if (typeof e == "number")
     return (isNaN(e) || e < 0 || e > 16777215) && D(`'${e}' is not a valid hex color`), {
       r: (e & 16711680) >> 16,
       g: (e & 65280) >> 8,
       b: e & 255
     };
-  if (typeof e == "string" && ce.test(e)) {
+  if (typeof e == "string" && fe.test(e)) {
     const {
       groups: t
-    } = e.match(ce), {
+    } = e.match(fe), {
       fn: n,
       values: s
     } = t, a = s.split(/,\s*/).map((r) => r.endsWith("%") && ["hsl", "hsla", "hsv", "hsva"].includes(n) ? parseFloat(r) / 100 : parseFloat(r));
-    return at[n](...a);
+    return ut[n](...a);
   } else if (typeof e == "string") {
     let t = e.startsWith("#") ? e.slice(1) : e;
     [3, 4].includes(t.length) ? t = t.split("").map((s) => s + s).join("") : [6, 8].includes(t.length) || D(`'${e}' is not a valid hex(a) color`);
     const n = parseInt(t, 16);
-    return (isNaN(n) || n < 0 || n > 4294967295) && D(`'${e}' is not a valid hex(a) color`), lt(t);
+    return (isNaN(n) || n < 0 || n > 4294967295) && D(`'${e}' is not a valid hex(a) color`), ot(t);
   } else if (typeof e == "object") {
     if (Y(e, ["r", "g", "b"]))
       return e;
     if (Y(e, ["h", "s", "l"]))
-      return T(pe(e));
+      return L(pe(e));
     if (Y(e, ["h", "s", "v"]))
-      return T(e);
+      return L(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 T(e) {
+function L(e) {
   const {
     h: t,
     s: n,
@@ -203,8 +204,8 @@ function T(e) {
     a
   };
 }
-function fe(e) {
-  return T(pe(e));
+function de(e) {
+  return L(pe(e));
 }
 function pe(e) {
   const {
@@ -220,9 +221,9 @@ function pe(e) {
     a
   };
 }
-function lt(e) {
-  e = rt(e);
-  let [t, n, s, a] = Ke(e, 2).map((r) => parseInt(r, 16));
+function ot(e) {
+  e = ct(e);
+  let [t, n, s, a] = Qe(e, 2).map((r) => parseInt(r, 16));
   return a = a === void 0 ? a : a / 255, {
     r: t,
     g: n,
@@ -230,59 +231,59 @@ function lt(e) {
     a
   };
 }
-function rt(e) {
-  return e.startsWith("#") && (e = e.slice(1)), e = e.replace(/([^0-9a-f])/gi, "F"), (e.length === 3 || e.length === 4) && (e = e.split("").map((t) => t + t).join("")), e.length !== 6 && (e = te(te(e, 6), 8, "F")), e;
+function ct(e) {
+  return e.startsWith("#") && (e = e.slice(1)), e = e.replace(/([^0-9a-f])/gi, "F"), (e.length === 3 || e.length === 4) && (e = e.split("").map((t) => t + t).join("")), e.length !== 6 && (e = ne(ne(e, 6), 8, "F")), e;
 }
-function it(e) {
-  const t = Math.abs(oe(I(0), I(e)));
-  return Math.abs(oe(I(16777215), I(e))) > Math.min(t, 50) ? "#fff" : "#000";
+function ft(e) {
+  const t = Math.abs(ce($(0), $(e)));
+  return Math.abs(ce($(16777215), $(e))) > Math.min(t, 50) ? "#fff" : "#000";
 }
-function R(e, t) {
-  const n = Te();
+function T(e, t) {
+  const n = Me();
   if (!n)
     throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
   return n;
 }
-function ut() {
+function dt() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "composables";
-  const t = R(e).type;
+  const t = T(e).type;
   return F((t == null ? void 0 : t.aliasName) || (t == null ? void 0 : t.name));
 }
-function ot(e) {
-  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : R("injectSelf");
+function mt(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : T("injectSelf");
   const {
     provides: n
   } = t;
   if (n && e in n)
     return n[e];
 }
-const Z = Symbol.for("vuetify:defaults");
-function _e() {
-  const e = J(Z);
+const J = Symbol.for("vuetify:defaults");
+function Fe() {
+  const e = Q(J);
   if (!e)
     throw new Error("[Vuetify] Could not find defaults instance");
   return e;
 }
-function ct(e, t) {
+function gt(e, t) {
   var n, s;
   return typeof ((n = e.props) == null ? void 0 : n[t]) < "u" || typeof ((s = e.props) == null ? void 0 : s[F(t)]) < "u";
 }
-function ft() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : _e();
-  const s = R("useDefaults");
+function yt() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Fe();
+  const s = T("useDefaults");
   if (t = t ?? s.type.name ?? s.type.__name, !t)
     throw new Error("[Vuetify] Could not determine component name");
-  const a = C(() => {
+  const a = k(() => {
     var o;
     return (o = n.value) == null ? void 0 : o[e._as ?? t];
   }), r = new Proxy(e, {
     get(o, f) {
-      var g, S, V, b, M, P, d;
+      var g, V, S, b, z, R, d;
       const h = Reflect.get(o, f);
-      return f === "class" || f === "style" ? [(g = a.value) == null ? void 0 : g[f], h].filter((l) => l != null) : typeof f == "string" && !ct(s.vnode, f) ? ((S = a.value) == null ? void 0 : S[f]) !== void 0 ? (V = a.value) == null ? void 0 : V[f] : ((M = (b = n.value) == null ? void 0 : b.global) == null ? void 0 : M[f]) !== void 0 ? (d = (P = n.value) == null ? void 0 : P.global) == null ? void 0 : d[f] : h : h;
+      return f === "class" || f === "style" ? [(g = a.value) == null ? void 0 : g[f], h].filter((l) => l != null) : typeof f == "string" && !gt(s.vnode, f) ? ((V = a.value) == null ? void 0 : V[f]) !== void 0 ? (S = a.value) == null ? void 0 : S[f] : ((z = (b = n.value) == null ? void 0 : b.global) == null ? void 0 : z[f]) !== void 0 ? (d = (R = n.value) == null ? void 0 : R.global) == null ? void 0 : d[f] : h : h;
     }
-  }), u = ze();
-  ve(() => {
+  }), u = Te();
+  Ce(() => {
     if (a.value) {
       const o = Object.entries(a.value).filter((f) => {
         let [h] = f;
@@ -293,74 +294,74 @@ function ft() {
       u.value = void 0;
   });
   function m() {
-    const o = ot(Z, s);
-    ke(Z, C(() => u.value ? Se((o == null ? void 0 : o.value) ?? {}, u.value) : o == null ? void 0 : o.value));
+    const o = mt(J, s);
+    ke(J, k(() => u.value ? Se((o == null ? void 0 : o.value) ?? {}, u.value) : o == null ? void 0 : o.value));
   }
   return {
     props: r,
     provideSubDefaults: m
   };
 }
-function U(e) {
+function q(e) {
   if (e._setup = e._setup ?? e.setup, !e.name)
     return D("The component is missing an explicit name, unable to generate default prop value"), e;
   if (e._setup) {
     e.props = w(e.props ?? {}, e.name)();
     const t = Object.keys(e.props).filter((n) => n !== "class" && n !== "style");
     e.filterProps = function(s) {
-      return Ye(s, t);
+      return Je(s, t);
     }, e.props._as = String, e.setup = function(s, a) {
-      const r = _e();
+      const r = Fe();
       if (!r.value)
         return e._setup(s, a);
       const {
         props: u,
         provideSubDefaults: m
-      } = ft(s, s._as ?? e.name, r), o = e._setup(u, a);
+      } = yt(s, s._as ?? e.name, r), o = e._setup(u, a);
       return m(), o;
     };
   }
   return e;
 }
-function Fe() {
+function Be() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  return (t) => (e ? U : z)(t);
+  return (t) => (e ? q : M)(t);
 }
-function dt(e) {
-  const t = R("useRender");
+function ht(e) {
+  const t = T("useRender");
   t.render = e;
 }
-const de = Symbol.for("vuetify:theme"), mt = w({
+const me = Symbol.for("vuetify:theme"), vt = w({
   theme: String
 }, "theme");
-function gt(e) {
-  R("provideTheme");
-  const t = J(de, null);
+function Ct(e) {
+  T("provideTheme");
+  const t = Q(me, null);
   if (!t)
     throw new Error("Could not find Vuetify theme injection");
-  const n = C(() => e.theme ?? t.name.value), s = C(() => t.themes.value[n.value]), a = C(() => t.isDisabled ? void 0 : `v-theme--${n.value}`), r = {
+  const n = k(() => e.theme ?? t.name.value), s = k(() => t.themes.value[n.value]), a = k(() => t.isDisabled ? void 0 : `v-theme--${n.value}`), r = {
     ...t,
     name: n,
     current: s,
     themeClasses: a
   };
-  return ke(de, r), r;
+  return ke(me, r), r;
 }
-const yt = w({
+const kt = w({
   tag: {
     type: String,
     default: "div"
   }
 }, "tag");
-function ht(e) {
-  return we(() => {
+function xt(e) {
+  return _e(() => {
     const t = [], n = {};
     if (e.value.background)
       if (X(e.value.background)) {
-        if (n.backgroundColor = e.value.background, !e.value.text && st(e.value.background)) {
-          const s = I(e.value.background);
+        if (n.backgroundColor = e.value.background, !e.value.text && it(e.value.background)) {
+          const s = $(e.value.background);
           if (s.a == null || s.a === 1) {
-            const a = it(s);
+            const a = ft(s);
             n.color = a, n.caretColor = a;
           }
         }
@@ -372,111 +373,111 @@ function ht(e) {
     };
   });
 }
-function vt(e, t) {
-  const n = C(() => ({
-    text: Re(e) ? e.value : null
+function bt(e, t) {
+  const n = k(() => ({
+    text: ze(e) ? e.value : null
   })), {
     colorClasses: s,
     colorStyles: a
-  } = ht(n);
+  } = xt(n);
   return {
     textColorClasses: s,
     textColorStyles: a
   };
 }
-const $e = [String, Function, Object, Array], kt = Symbol.for("vuetify:icons"), q = w({
+const Ie = [String, Function, Object, Array], Vt = Symbol.for("vuetify:icons"), Z = w({
   icon: {
-    type: $e
+    type: Ie
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
     type: String,
     required: !0
   }
-}, "icon"), me = Fe()({
+}, "icon"), ge = Be()({
   name: "VComponentIcon",
-  props: q(),
+  props: Z(),
   setup(e, t) {
     let {
       slots: n
     } = t;
     return () => {
       const s = e.icon;
-      return k(e.tag, null, {
+      return C(e.tag, null, {
         default: () => {
           var a;
-          return [e.icon ? k(s, null, null) : (a = n.default) == null ? void 0 : a.call(n)];
+          return [e.icon ? C(s, null, null) : (a = n.default) == null ? void 0 : a.call(n)];
         }
       });
     };
   }
-}), Ct = U({
+}), St = q({
   name: "VSvgIcon",
   inheritAttrs: !1,
-  props: q(),
+  props: Z(),
   setup(e, t) {
     let {
       attrs: n
     } = t;
-    return () => k(e.tag, Me(n, {
+    return () => C(e.tag, Re(n, {
       style: null
     }), {
-      default: () => [k("svg", {
+      default: () => [C("svg", {
         class: "v-icon__svg",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         role: "img",
         "aria-hidden": "true"
-      }, [Array.isArray(e.icon) ? e.icon.map((s) => Array.isArray(s) ? k("path", {
+      }, [Array.isArray(e.icon) ? e.icon.map((s) => Array.isArray(s) ? C("path", {
         d: s[0],
         "fill-opacity": s[1]
-      }, null) : k("path", {
+      }, null) : C("path", {
         d: s
-      }, null)) : k("path", {
+      }, null)) : C("path", {
         d: e.icon
       }, null)])]
     });
   }
 });
-U({
+q({
   name: "VLigatureIcon",
-  props: q(),
+  props: Z(),
   setup(e) {
-    return () => k(e.tag, null, {
+    return () => C(e.tag, null, {
       default: () => [e.icon]
     });
   }
 });
-U({
+q({
   name: "VClassIcon",
-  props: q(),
+  props: Z(),
   setup(e) {
-    return () => k(e.tag, {
+    return () => C(e.tag, {
       class: e.icon
     }, null);
   }
 });
-const xt = (e) => {
-  const t = J(kt);
+const wt = (e) => {
+  const t = Q(Vt);
   if (!t)
     throw new Error("Missing Vuetify Icons provide!");
   return {
-    iconData: C(() => {
+    iconData: k(() => {
       var o;
-      const s = Pe(e);
+      const s = W(e);
       if (!s)
         return {
-          component: me
+          component: ge
         };
       let a = s;
       if (typeof a == "string" && (a = a.trim(), a.startsWith("$") && (a = (o = t.aliases) == null ? void 0 : o[a.slice(1)])), a || D(`Could not find aliased icon "${s}"`), Array.isArray(a))
         return {
-          component: Ct,
+          component: St,
           icon: a
         };
       if (typeof a != "string")
         return {
-          component: me,
+          component: ge,
           icon: a
         };
       const r = Object.keys(t.sets).find((f) => typeof a == "string" && a.startsWith(`${f}:`)), u = r ? a.slice(r.length + 1) : a;
@@ -486,17 +487,17 @@ const xt = (e) => {
       };
     })
   };
-}, bt = ["x-small", "small", "default", "large", "x-large"], St = w({
+}, _t = ["x-small", "small", "default", "large", "x-large"], pt = w({
   size: {
     type: [String, Number],
     default: "default"
   }
 }, "size");
-function Vt(e) {
-  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ut();
-  return we(() => {
+function Ft(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : dt();
+  return _e(() => {
     let n, s;
-    return Xe(bt, e.size) ? n = `${t}--size-${e.size}` : e.size && (s = {
+    return je(_t, e.size) ? n = `${t}--size-${e.size}` : e.size && (s = {
       width: A(e.size),
       height: A(e.size)
     }), {
@@ -505,42 +506,42 @@ function Vt(e) {
     };
   });
 }
-const wt = w({
+const Bt = w({
   color: String,
   disabled: Boolean,
   start: Boolean,
   end: Boolean,
-  icon: $e,
-  ...qe(),
-  ...St(),
-  ...yt({
+  icon: Ie,
+  ...Xe(),
+  ...pt(),
+  ...kt({
     tag: "i"
   }),
-  ...mt()
-}, "VIcon"), pt = Fe()({
+  ...vt()
+}, "VIcon"), It = Be()({
   name: "VIcon",
-  props: wt(),
+  props: Bt(),
   setup(e, t) {
     let {
       attrs: n,
       slots: s
     } = t;
-    const a = B(), {
+    const a = I(), {
       themeClasses: r
-    } = gt(e), {
+    } = Ct(e), {
       iconData: u
-    } = xt(C(() => a.value || e.icon)), {
+    } = wt(k(() => a.value || e.icon)), {
       sizeClasses: m
-    } = Vt(e), {
+    } = Ft(e), {
       textColorClasses: o,
       textColorStyles: f
-    } = vt(Ne(e, "color"));
-    return dt(() => {
-      var S, V;
-      const h = (S = s.default) == null ? void 0 : S.call(s);
-      h && (a.value = (V = Ve(h).filter((b) => b.type === Oe && b.children && typeof b.children == "string")[0]) == null ? void 0 : V.children);
+    } = bt(Pe(e, "color"));
+    return ht(() => {
+      var V, S;
+      const h = (V = s.default) == null ? void 0 : V.call(s);
+      h && (a.value = (S = we(h).filter((b) => b.type === He && b.children && typeof b.children == "string")[0]) == null ? void 0 : S.children);
       const g = !!(n.onClick || n.onClickOnce);
-      return k(u.value.component, {
+      return C(u.value.component, {
         tag: e.tag,
         icon: u.value.icon,
         class: ["v-icon", "notranslate", r.value, m.value, o.value, {
@@ -562,7 +563,7 @@ const wt = w({
       });
     }), {};
   }
-}), _t = /* @__PURE__ */ z({
+}), $t = /* @__PURE__ */ M({
   __name: "index",
   props: /* @__PURE__ */ K({
     min: { default: -1 / 0 },
@@ -576,15 +577,15 @@ const wt = w({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = Ce(e, "modelValue"), n = e, s = C(() => ({
+    const t = xe(e, "modelValue"), n = e, s = k(() => ({
       width: "250px"
     }));
     return (a, r) => {
-      const u = W("v-text-field");
-      return _(), xe("div", {
-        style: be(s.value)
+      const u = G("v-text-field");
+      return p(), be("div", {
+        style: Ve(s.value)
       }, [
-        k(u, {
+        C(u, {
           "model-value": t.value,
           variant: "outlined",
           density: "compact",
@@ -595,7 +596,7 @@ const wt = w({
       ], 4);
     };
   }
-}), ge = /* @__PURE__ */ z({
+}), ye = /* @__PURE__ */ M({
   __name: "index",
   props: /* @__PURE__ */ K({
     readonly: { type: Boolean, default: !1 },
@@ -606,23 +607,23 @@ const wt = w({
   }),
   emits: /* @__PURE__ */ K(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = Ce(e, "modelValue"), s = e, a = t;
+    const n = xe(e, "modelValue"), s = e, a = t;
     return (r, u) => {
-      const m = W("v-text-field");
-      return _(), G(m, {
+      const m = G("v-text-field");
+      return p(), U(m, {
         modelValue: n.value,
         "onUpdate:modelValue": u[0] || (u[0] = (o) => n.value = o),
         "onClick:appendInner": u[1] || (u[1] = (o) => a("delete")),
         variant: "outlined",
         density: "compact",
-        "append-inner-icon": s.hasDelete ? "$minus" : "",
+        "append-inner-icon": s.hasDelete ? W(Ye) : "",
         readonly: s.readonly,
         "hide-details": "",
         "single-line": ""
       }, null, 8, ["modelValue", "append-inner-icon", "readonly"]);
     };
   }
-}), ye = /* @__PURE__ */ z({
+}), he = /* @__PURE__ */ M({
   __name: "index",
   props: {
     title: {},
@@ -633,40 +634,40 @@ const wt = w({
   },
   emits: ["collapse", "create", "delete"],
   setup(e, { emit: t }) {
-    const n = e, s = t, a = C(() => ({
+    const n = e, s = t, a = k(() => ({
       height: "36px"
     }));
     return (r, u) => {
-      const m = W("v-icon"), o = W("v-spacer"), f = Ee("ripple");
-      return Le((_(), xe("div", {
+      const m = G("v-icon"), o = G("v-spacer"), f = Ne("ripple");
+      return Oe((p(), be("div", {
         onClick: u[2] || (u[2] = (h) => s("collapse", !n.collapse)),
         class: "d-flex align-center",
-        style: be(a.value)
+        style: Ve(a.value)
       }, [
-        k(m, {
+        C(m, {
           class: "mr-1",
-          icon: n.collapse ? "$chevronRight" : "$chevronDown"
+          icon: n.collapse ? W(Ze) : W(qe)
         }, null, 8, ["icon"]),
-        He("span", null, We(n.title), 1),
-        k(o),
-        n.hasCreate ? (_(), G(m, {
+        Ee("span", null, We(n.title), 1),
+        C(o),
+        n.hasCreate ? (p(), U(m, {
           key: 0,
-          onClick: u[0] || (u[0] = Q((h) => s("create"), ["stop"])),
+          onClick: u[0] || (u[0] = j((h) => s("create"), ["stop"])),
           class: "ml-3",
           icon: "$plus"
-        })) : j("", !0),
-        n.hasDelete ? (_(), G(m, {
+        })) : ee("", !0),
+        n.hasDelete ? (p(), U(m, {
           key: 1,
-          onClick: u[1] || (u[1] = Q((h) => s("delete", n.index), ["stop"])),
+          onClick: u[1] || (u[1] = j((h) => s("delete", n.index), ["stop"])),
           class: "ml-3",
           icon: "$sub"
-        })) : j("", !0)
+        })) : ee("", !0)
       ], 4)), [
         [f]
       ]);
     };
   }
-}), Ft = /* @__PURE__ */ z({
+}), At = /* @__PURE__ */ M({
   __name: "index",
   props: {
     unique: {},
@@ -675,13 +676,13 @@ const wt = w({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = Ge(), { backgroundColor2: s } = Ue(), a = e, r = t, u = B("20px"), m = B("56px"), o = B("10px"), f = B("250px"), h = he({});
+    const { t: n } = Ge(), { backgroundColor2: s } = Ue(), a = e, r = t, u = I("20px"), m = I("56px"), o = I("10px"), f = I("250px"), h = ve({});
     function g(d, l, i, c) {
-      return l.keyFlag || (d += l.key), l.children ? l.array ? S(d, l, i, c) : V(d, l, i, c) : l.array ? b(d, l, i) : M(d, l, i);
+      return l.keyFlag || (d += l.key), l.children ? l.array ? V(d, l, i, c) : S(d, l, i, c) : l.array ? b(d, l, i) : z(d, l, i);
     }
-    function S(d, l, i, c) {
+    function V(d, l, i, c) {
       i[l.key] instanceof Array || (i[l.key] = [], r("change", d, i[l.key]));
-      const $ = y(ye, {
+      const B = y(he, {
         title: n(l.name),
         collapse: !!c.collapse,
         onCollapse: (v) => {
@@ -716,12 +717,12 @@ const wt = w({
         },
         (() => {
           const v = [];
-          return v.push($), c.collapse || v.push(x), v;
+          return v.push(B), c.collapse || v.push(x), v;
         })()
       );
     }
-    function V(d, l, i, c) {
-      const $ = y(ye, {
+    function S(d, l, i, c) {
+      const B = y(he, {
         title: n(l.name),
         collapse: !!c.collapse,
         onCollapse: (v) => {
@@ -735,19 +736,19 @@ const wt = w({
           }
         },
         (() => {
-          var N;
+          var P;
           const v = [];
-          return (N = l.children) == null || N.forEach((O) => {
-            typeof c[O.key] != "object" && (c[O.key] = {
+          return (P = l.children) == null || P.forEach((H) => {
+            typeof c[H.key] != "object" && (c[H.key] = {
               collapse: !0
             });
-            const Be = g(
+            const $e = g(
               d,
-              O,
+              H,
               l.keyFlag ? i : (typeof i[l.key] != "object" && (i[l.key] = {}, r("change", d, i[l.key])), i[l.key]),
-              c[O.key]
+              c[H.key]
             );
-            v.push(Be);
+            v.push($e);
           }), v;
         })()
       );
@@ -761,12 +762,12 @@ const wt = w({
         },
         (() => {
           const v = [];
-          return v.push($), c.collapse || v.push(x), v;
+          return v.push(B), c.collapse || v.push(x), v;
         })()
       );
     }
     function b(d, l, i) {
-      if (i[l.key] instanceof Array || (i[l.key] = E(l), r("change", d, i[l.key])), l.ui === "strInput")
+      if (i[l.key] instanceof Array || (i[l.key] = N(l), r("change", d, i[l.key])), l.ui === "strInput")
         return y(
           "div",
           {
@@ -809,10 +810,10 @@ const wt = w({
                       }
                     },
                     [
-                      y(ge, {
+                      y(ye, {
                         modelValue: i[l.key][x],
-                        "onUpdate:modelValue": (N) => {
-                          i[l.key][x] = N, r("change", d, i[l.key]);
+                        "onUpdate:modelValue": (P) => {
+                          i[l.key][x] = P, r("change", d, i[l.key]);
                         },
                         hasDelete: !0,
                         onDelete: () => {
@@ -823,7 +824,7 @@ const wt = w({
                   );
                   c.push(v);
                 }
-                const $ = y(
+                const B = y(
                   "div",
                   {
                     class: {
@@ -844,18 +845,18 @@ const wt = w({
                       i[l.key].push(""), r("change", d, i[l.key]);
                     }
                   },
-                  [y(pt, { icon: "$plus" })]
+                  [y(It, { icon: Ke })]
                 );
-                return c.push($), c;
+                return c.push(B), c;
               })()
             )
           ]
         );
       console.assert(!1);
     }
-    function M(d, l, i) {
+    function z(d, l, i) {
       if (l.ui === "void")
-        i[l.key] === void 0 && (console.assert(l.default !== void 0), i[l.key] = E(l), r("change", d, i[l.key]));
+        i[l.key] === void 0 && (console.assert(l.default !== void 0), i[l.key] = N(l), r("change", d, i[l.key]));
       else {
         if (l.ui === "strInput")
           return y(
@@ -886,8 +887,8 @@ const wt = w({
                   }
                 },
                 [
-                  y(ge, {
-                    modelValue: l.static ? l.value : (typeof i[l.key] != "string" && (i[l.key] = E(l), r("change", d, i[l.key])), i[l.key]),
+                  y(ye, {
+                    modelValue: l.static ? l.value : (typeof i[l.key] != "string" && (i[l.key] = N(l), r("change", d, i[l.key])), i[l.key]),
                     "onUpdate:modelValue": (c) => {
                       l.static || c !== i[l.key] && (i[l.key] = c, r("change", d, c));
                     },
@@ -926,8 +927,8 @@ const wt = w({
                   }
                 },
                 [
-                  y(_t, {
-                    modelValue: (typeof i[l.key] != "number" && (i[l.key] = E(l), r("change", d, i[l.key])), i[l.key]),
+                  y($t, {
+                    modelValue: (typeof i[l.key] != "number" && (i[l.key] = N(l), r("change", d, i[l.key])), i[l.key]),
                     "onUpdate:modelValue": (c) => {
                       c !== i[l.key] && (i[l.key] = c, r("change", d, c));
                     },
@@ -939,7 +940,7 @@ const wt = w({
           );
       }
     }
-    const P = () => y(
+    const R = () => y(
       "div",
       {
         class: {
@@ -959,11 +960,11 @@ const wt = w({
         return d;
       })()
     );
-    return (d, l) => (_(), G(P));
+    return (d, l) => (p(), U(R));
   }
-}), $t = (e) => {
-  e.component("x-prop-tree", Ft);
-}, Tt = { install: $t };
+}), Dt = (e) => {
+  e.component("x-prop-tree", At);
+}, Rt = { install: Dt };
 export {
-  Tt as default
+  Rt as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.3.2",
+  "version": "0.3.4",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,8 +25,8 @@
     "vue": "^3.4.30",
     "vue-i18n": "^9.13.1",
     "vuetify": "^3.6.10",
-    "x-essential-lib": "^0.5.66",
-    "x-runtime-lib": "^0.3.6"
+    "x-essential-lib": "^0.5.84",
+    "x-runtime-lib": "^0.3.7"
   },
   "devDependencies": {
     "@mdi/js": "^7.4.47",