x-prop-tree 0.5.1 → 0.5.2

package/dist/index.js

@@ -1,633 +1,633 @@
 (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 Te, computed as V, watchEffect as re, toRefs as Ye, warn as Ze, getCurrentInstance as Ke, inject as oe, shallowRef as Je, provide as Ae, defineComponent as w, isRef as ce, createVNode as _, mergeProps as de, unref as T, ref as $, toRef as Qe, Text as je, resolveDirective as N, withDirectives as P, openBlock as C, createElementBlock as X, normalizeStyle as Pe, withModifiers as Q, renderSlot as et, resolveComponent as k, createBlock as B, withCtx as F, renderList as tt, createTextVNode as me, toDisplayString as j, createElementVNode as nt, createCommentVNode as se, mergeModels as L, useModel as R, watch as ge, h as p } from "vue";
-import { useI18n as fe } from "vue-i18n";
-import { useColor as ye, eventBus as Le, useViewStack as Oe } from "x-essential-lib";
-import { parsePixelStr as lt, parsePercentStr as st, getPropDefault as D } from "x-runtime-lib";
-var at = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", ut = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", ze = "M19,13H5V11H19V13Z", He = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-function O(e, t) {
-  return (n) => Object.keys(e).reduce((l, a) => {
-    const i = typeof e[a] == "object" && e[a] != null && !Array.isArray(e[a]) ? e[a] : {
-      type: e[a]
+import { Fragment as Ye, reactive as Qt, computed as I, watchEffect as Xe, toRefs as kn, warn as Rn, getCurrentInstance as Nn, inject as Ze, shallowRef as Un, provide as en, defineComponent as L, isRef as Je, createVNode as P, mergeProps as Qe, unref as z, ref as M, toRef as zn, Text as Hn, resolveDirective as ae, withDirectives as W, openBlock as E, createElementBlock as ye, normalizeStyle as tn, withModifiers as we, renderSlot as Gn, resolveComponent as V, createBlock as D, withCtx as R, renderList as Wn, createTextVNode as et, toDisplayString as Pe, createElementVNode as Kn, createCommentVNode as Re, mergeModels as K, useModel as se, watch as Ne, h as _ } from "vue";
+import { useI18n as tt } from "vue-i18n";
+import { useColor as nt, eventBus as nn, useViewStack as rn } from "x-essential-lib";
+import { parsePixelStr as qn, parsePercentStr as Yn, getPropDefault as k } from "x-runtime-lib";
+var Xn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", Zn = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", an = "M19,13H5V11H19V13Z", sn = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
+function X(e, t) {
+  return (n) => Object.keys(e).reduce((r, i) => {
+    const o = typeof e[i] == "object" && e[i] != null && !Array.isArray(e[i]) ? e[i] : {
+      type: e[i]
     };
-    return n && a in n ? l[a] = {
-      ...i,
-      default: n[a]
-    } : l[a] = i, t && !l[a].source && (l[a].source = t), l;
+    return n && i in n ? r[i] = {
+      ...o,
+      default: n[i]
+    } : r[i] = o, t && !r[i].source && (r[i].source = t), r;
   }, {});
 }
-const it = O({
+const Jn = X({
   class: [String, Array, Object],
   style: {
     type: [String, Array, Object],
     default: null
   }
 }, "component");
-function W(e) {
+function le(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "px";
   if (!(e == null || e === ""))
     return isNaN(+e) ? String(e) : isFinite(+e) ? `${Number(e)}${t}` : void 0;
 }
-function ve(e) {
+function ct(e) {
   let t;
   return e !== null && typeof e == "object" && ((t = Object.getPrototypeOf(e)) === Object.prototype || t === null);
 }
-function le(e, t) {
+function Fe(e, t) {
   return t.every((n) => e.hasOwnProperty(n));
 }
-function rt(e, t) {
-  const n = {}, l = new Set(Object.keys(e));
-  for (const a of t)
-    l.has(a) && (n[a] = e[a]);
+function Qn(e, t) {
+  const n = {}, r = new Set(Object.keys(e));
+  for (const i of t)
+    r.has(i) && (n[i] = e[i]);
   return n;
 }
-function he(e, t) {
+function ft(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 ot(e) {
+function er(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
   const n = [];
-  let l = 0;
-  for (; l < e.length; )
-    n.push(e.substr(l, t)), l += t;
+  let r = 0;
+  for (; r < e.length; )
+    n.push(e.substr(r, t)), r += t;
   return n;
 }
-function Ue() {
+function on() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = arguments.length > 2 ? arguments[2] : void 0;
-  const l = {};
-  for (const a in e)
-    l[a] = e[a];
-  for (const a in t) {
-    const u = e[a], i = t[a];
-    if (ve(u) && ve(i)) {
-      l[a] = Ue(u, i, n);
+  const r = {};
+  for (const i in e)
+    r[i] = e[i];
+  for (const i in t) {
+    const a = e[i], o = t[i];
+    if (ct(a) && ct(o)) {
+      r[i] = on(a, o, n);
       continue;
     }
-    if (n && Array.isArray(u) && Array.isArray(i)) {
-      l[a] = n(u, i);
+    if (n && Array.isArray(a) && Array.isArray(o)) {
+      r[i] = n(a, o);
       continue;
     }
-    l[a] = i;
+    r[i] = o;
   }
-  return l;
+  return r;
 }
-function Ne(e) {
-  return e.map((t) => t.type === ie ? Ne(t.children) : t).flat();
+function ln(e) {
+  return e.map((t) => t.type === Ye ? ln(t.children) : t).flat();
 }
-function U() {
+function ne() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-  if (U.cache.has(e)) return U.cache.get(e);
+  if (ne.cache.has(e)) return ne.cache.get(e);
   const t = e.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
-  return U.cache.set(e, t), t;
-}
-U.cache = /* @__PURE__ */ new Map();
-function Re(e) {
-  const t = Te({}), n = V(e);
-  return re(() => {
-    for (const l in n.value)
-      t[l] = n.value[l];
+  return ne.cache.set(e, t), t;
+}
+ne.cache = /* @__PURE__ */ new Map();
+function un(e) {
+  const t = Qt({}), n = I(e);
+  return Xe(() => {
+    for (const r in n.value)
+      t[r] = n.value[r];
   }, {
     flush: "sync"
-  }), Ye(t);
+  }), kn(t);
 }
-function ct(e, t) {
+function tr(e, t) {
   return e.includes(t);
 }
-const H = 2.4, pe = 0.2126729, _e = 0.7151522, ke = 0.072175, dt = 0.55, mt = 0.58, ft = 0.57, yt = 0.62, K = 0.03, Ve = 1.45, gt = 5e-4, vt = 1.25, ht = 1.25, Ce = 0.078, xe = 12.82051282051282, J = 0.06, be = 1e-3;
-function Se(e, t) {
-  const n = (e.r / 255) ** H, l = (e.g / 255) ** H, a = (e.b / 255) ** H, u = (t.r / 255) ** H, i = (t.g / 255) ** H, m = (t.b / 255) ** H;
-  let o = n * pe + l * _e + a * ke, c = u * pe + i * _e + m * ke;
-  if (o <= K && (o += (K - o) ** Ve), c <= K && (c += (K - c) ** Ve), Math.abs(c - o) < gt) return 0;
-  let f;
-  if (c > o) {
-    const g = (c ** dt - o ** mt) * vt;
-    f = g < be ? 0 : g < Ce ? g - g * xe * J : g - J;
+const te = 2.4, dt = 0.2126729, gt = 0.7151522, mt = 0.072175, nr = 0.55, rr = 0.58, ar = 0.57, sr = 0.62, be = 0.03, yt = 1.45, ir = 5e-4, or = 1.25, lr = 1.25, vt = 0.078, pt = 12.82051282051282, Te = 0.06, ht = 1e-3;
+function _t(e, t) {
+  const n = (e.r / 255) ** te, r = (e.g / 255) ** te, i = (e.b / 255) ** te, a = (t.r / 255) ** te, o = (t.g / 255) ** te, f = (t.b / 255) ** te;
+  let l = n * dt + r * gt + i * mt, c = a * dt + o * gt + f * mt;
+  if (l <= be && (l += (be - l) ** yt), c <= be && (c += (be - c) ** yt), Math.abs(c - l) < ir) return 0;
+  let y;
+  if (c > l) {
+    const d = (c ** nr - l ** rr) * or;
+    y = d < ht ? 0 : d < vt ? d - d * pt * Te : d - Te;
   } else {
-    const g = (c ** yt - o ** ft) * ht;
-    f = g > -be ? 0 : g > -Ce ? g - g * xe * J : g + J;
+    const d = (c ** sr - l ** ar) * lr;
+    y = d > -ht ? 0 : d > -vt ? d - d * pt * Te : d + Te;
   }
-  return f * 100;
+  return y * 100;
 }
-function G(e) {
-  Ze(`Vuetify: ${e}`);
+function ue(e) {
+  Rn(`Vuetify: ${e}`);
 }
-function ae(e) {
+function Ue(e) {
   return !!e && /^(#|var\(--|(rgb|hsl)a?\()/.test(e);
 }
-function pt(e) {
-  return ae(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
+function ur(e) {
+  return Ue(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
 }
-const we = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, _t = {
-  rgb: (e, t, n, l) => ({
+const bt = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, cr = {
+  rgb: (e, t, n, r) => ({
     r: e,
     g: t,
     b: n,
-    a: l
+    a: r
   }),
-  rgba: (e, t, n, l) => ({
+  rgba: (e, t, n, r) => ({
     r: e,
     g: t,
     b: n,
-    a: l
+    a: r
   }),
-  hsl: (e, t, n, l) => Ie({
+  hsl: (e, t, n, r) => Tt({
     h: e,
     s: t,
     l: n,
-    a: l
+    a: r
   }),
-  hsla: (e, t, n, l) => Ie({
+  hsla: (e, t, n, r) => Tt({
     h: e,
     s: t,
     l: n,
-    a: l
+    a: r
   }),
-  hsv: (e, t, n, l) => q({
+  hsv: (e, t, n, r) => fe({
     h: e,
     s: t,
     v: n,
-    a: l
+    a: r
   }),
-  hsva: (e, t, n, l) => q({
+  hsva: (e, t, n, r) => fe({
     h: e,
     s: t,
     v: n,
-    a: l
+    a: r
   })
 };
-function E(e) {
+function oe(e) {
   if (typeof e == "number")
-    return (isNaN(e) || e < 0 || e > 16777215) && G(`'${e}' is not a valid hex color`), {
+    return (isNaN(e) || e < 0 || e > 16777215) && ue(`'${e}' is not a valid hex color`), {
       r: (e & 16711680) >> 16,
       g: (e & 65280) >> 8,
       b: e & 255
     };
-  if (typeof e == "string" && we.test(e)) {
+  if (typeof e == "string" && bt.test(e)) {
     const {
       groups: t
-    } = e.match(we), {
+    } = e.match(bt), {
       fn: n,
-      values: l
-    } = t, a = l.split(/,\s*/).map((u) => u.endsWith("%") && ["hsl", "hsla", "hsv", "hsva"].includes(n) ? parseFloat(u) / 100 : parseFloat(u));
-    return _t[n](...a);
+      values: r
+    } = t, i = r.split(/,\s*/).map((a) => a.endsWith("%") && ["hsl", "hsla", "hsv", "hsva"].includes(n) ? parseFloat(a) / 100 : parseFloat(a));
+    return cr[n](...i);
   } else if (typeof e == "string") {
     let t = e.startsWith("#") ? e.slice(1) : e;
-    [3, 4].includes(t.length) ? t = t.split("").map((l) => l + l).join("") : [6, 8].includes(t.length) || G(`'${e}' is not a valid hex(a) color`);
+    [3, 4].includes(t.length) ? t = t.split("").map((r) => r + r).join("") : [6, 8].includes(t.length) || ue(`'${e}' is not a valid hex(a) color`);
     const n = parseInt(t, 16);
-    return (isNaN(n) || n < 0 || n > 4294967295) && G(`'${e}' is not a valid hex(a) color`), kt(t);
+    return (isNaN(n) || n < 0 || n > 4294967295) && ue(`'${e}' is not a valid hex(a) color`), fr(t);
   } else if (typeof e == "object") {
-    if (le(e, ["r", "g", "b"]))
+    if (Fe(e, ["r", "g", "b"]))
       return e;
-    if (le(e, ["h", "s", "l"]))
-      return q(Ee(e));
-    if (le(e, ["h", "s", "v"]))
-      return q(e);
+    if (Fe(e, ["h", "s", "l"]))
+      return fe(cn(e));
+    if (Fe(e, ["h", "s", "v"]))
+      return fe(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 q(e) {
+function fe(e) {
   const {
     h: t,
     s: n,
-    v: l,
-    a
-  } = e, u = (m) => {
-    const o = (m + t / 60) % 6;
-    return l - l * n * Math.max(Math.min(o, 4 - o, 1), 0);
-  }, i = [u(5), u(3), u(1)].map((m) => Math.round(m * 255));
+    v: r,
+    a: i
+  } = e, a = (f) => {
+    const l = (f + t / 60) % 6;
+    return r - r * n * Math.max(Math.min(l, 4 - l, 1), 0);
+  }, o = [a(5), a(3), a(1)].map((f) => Math.round(f * 255));
   return {
-    r: i[0],
-    g: i[1],
-    b: i[2],
-    a
+    r: o[0],
+    g: o[1],
+    b: o[2],
+    a: i
   };
 }
-function Ie(e) {
-  return q(Ee(e));
+function Tt(e) {
+  return fe(cn(e));
 }
-function Ee(e) {
+function cn(e) {
   const {
     h: t,
     s: n,
-    l,
-    a
-  } = e, u = l + n * Math.min(l, 1 - l), i = u === 0 ? 0 : 2 - 2 * l / u;
+    l: r,
+    a: i
+  } = e, a = r + n * Math.min(r, 1 - r), o = a === 0 ? 0 : 2 - 2 * r / a;
   return {
     h: t,
-    s: i,
-    v: u,
-    a
+    s: o,
+    v: a,
+    a: i
   };
 }
-function kt(e) {
-  e = Vt(e);
-  let [t, n, l, a] = ot(e, 2).map((u) => parseInt(u, 16));
-  return a = a === void 0 ? a : a / 255, {
+function fr(e) {
+  e = dr(e);
+  let [t, n, r, i] = er(e, 2).map((a) => parseInt(a, 16));
+  return i = i === void 0 ? i : i / 255, {
     r: t,
     g: n,
-    b: l,
-    a
+    b: r,
+    a: i
   };
 }
-function Vt(e) {
-  return e.startsWith("#") && (e = e.slice(1)), e = e.replace(/([^0-9a-f])/gi, "F"), (e.length === 3 || e.length === 4) && (e = e.split("").map((t) => t + t).join("")), e.length !== 6 && (e = he(he(e, 6), 8, "F")), e;
+function dr(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 = ft(ft(e, 6), 8, "F")), e;
 }
-function Ct(e) {
-  const t = Math.abs(Se(E(0), E(e)));
-  return Math.abs(Se(E(16777215), E(e))) > Math.min(t, 50) ? "#fff" : "#000";
+function gr(e) {
+  const t = Math.abs(_t(oe(0), oe(e)));
+  return Math.abs(_t(oe(16777215), oe(e))) > Math.min(t, 50) ? "#fff" : "#000";
 }
-function Y(e, t) {
-  const n = Ke();
+function ve(e, t) {
+  const n = Nn();
   if (!n)
     throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
   return n;
 }
-function xt() {
+function mr() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "composables";
-  const t = Y(e).type;
-  return U((t == null ? void 0 : t.aliasName) || (t == null ? void 0 : t.name));
+  const t = ve(e).type;
+  return ne((t == null ? void 0 : t.aliasName) || (t == null ? void 0 : t.name));
 }
-function bt(e) {
-  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Y("injectSelf");
+function yr(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ve("injectSelf");
   const {
     provides: n
   } = t;
   if (n && e in n)
     return n[e];
 }
-const ue = Symbol.for("vuetify:defaults");
-function We() {
-  const e = oe(ue);
+const ze = Symbol.for("vuetify:defaults");
+function fn() {
+  const e = Ze(ze);
   if (!e) throw new Error("[Vuetify] Could not find defaults instance");
   return e;
 }
-function St(e, t) {
-  var n, l;
-  return typeof ((n = e.props) == null ? void 0 : n[t]) < "u" || typeof ((l = e.props) == null ? void 0 : l[U(t)]) < "u";
+function vr(e, t) {
+  var n, r;
+  return typeof ((n = e.props) == null ? void 0 : n[t]) < "u" || typeof ((r = e.props) == null ? void 0 : r[ne(t)]) < "u";
 }
-function wt() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : We();
-  const l = Y("useDefaults");
-  if (t = t ?? l.type.name ?? l.type.__name, !t)
+function pr() {
+  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] : fn();
+  const r = ve("useDefaults");
+  if (t = t ?? r.type.name ?? r.type.__name, !t)
     throw new Error("[Vuetify] Could not determine component name");
-  const a = V(() => {
-    var o;
-    return (o = n.value) == null ? void 0 : o[e._as ?? t];
-  }), u = new Proxy(e, {
-    get(o, c) {
-      var g, x, I, b, M, A, Z;
-      const f = Reflect.get(o, c);
-      return c === "class" || c === "style" ? [(g = a.value) == null ? void 0 : g[c], f].filter((d) => d != null) : typeof c == "string" && !St(l.vnode, c) ? ((x = a.value) == null ? void 0 : x[c]) !== void 0 ? (I = a.value) == null ? void 0 : I[c] : ((M = (b = n.value) == null ? void 0 : b.global) == null ? void 0 : M[c]) !== void 0 ? (Z = (A = n.value) == null ? void 0 : A.global) == null ? void 0 : Z[c] : f : f;
+  const i = I(() => {
+    var l;
+    return (l = n.value) == null ? void 0 : l[e._as ?? t];
+  }), a = new Proxy(e, {
+    get(l, c) {
+      var d, v, T, h, $, A, x;
+      const y = Reflect.get(l, c);
+      return c === "class" || c === "style" ? [(d = i.value) == null ? void 0 : d[c], y].filter((B) => B != null) : typeof c == "string" && !vr(r.vnode, c) ? ((v = i.value) == null ? void 0 : v[c]) !== void 0 ? (T = i.value) == null ? void 0 : T[c] : (($ = (h = n.value) == null ? void 0 : h.global) == null ? void 0 : $[c]) !== void 0 ? (x = (A = n.value) == null ? void 0 : A.global) == null ? void 0 : x[c] : y : y;
     }
-  }), i = Je();
-  re(() => {
-    if (a.value) {
-      const o = Object.entries(a.value).filter((c) => {
-        let [f] = c;
-        return f.startsWith(f[0].toUpperCase());
+  }), o = Un();
+  Xe(() => {
+    if (i.value) {
+      const l = Object.entries(i.value).filter((c) => {
+        let [y] = c;
+        return y.startsWith(y[0].toUpperCase());
       });
-      i.value = o.length ? Object.fromEntries(o) : void 0;
+      o.value = l.length ? Object.fromEntries(l) : void 0;
     } else
-      i.value = void 0;
+      o.value = void 0;
   });
-  function m() {
-    const o = bt(ue, l);
-    Ae(ue, V(() => i.value ? Ue((o == null ? void 0 : o.value) ?? {}, i.value) : o == null ? void 0 : o.value));
+  function f() {
+    const l = yr(ze, r);
+    en(ze, I(() => o.value ? on((l == null ? void 0 : l.value) ?? {}, o.value) : l == null ? void 0 : l.value));
   }
   return {
-    props: u,
-    provideSubDefaults: m
+    props: a,
+    provideSubDefaults: f
   };
 }
-function ee(e) {
+function Ve(e) {
   if (e._setup = e._setup ?? e.setup, !e.name)
-    return G("The component is missing an explicit name, unable to generate default prop value"), e;
+    return ue("The component is missing an explicit name, unable to generate default prop value"), e;
   if (e._setup) {
-    e.props = O(e.props ?? {}, e.name)();
+    e.props = X(e.props ?? {}, e.name)();
     const t = Object.keys(e.props).filter((n) => n !== "class" && n !== "style");
-    e.filterProps = function(l) {
-      return rt(l, t);
-    }, e.props._as = String, e.setup = function(l, a) {
-      const u = We();
-      if (!u.value) return e._setup(l, a);
+    e.filterProps = function(r) {
+      return Qn(r, t);
+    }, e.props._as = String, e.setup = function(r, i) {
+      const a = fn();
+      if (!a.value) return e._setup(r, i);
       const {
-        props: i,
-        provideSubDefaults: m
-      } = wt(l, l._as ?? e.name, u), o = e._setup(i, a);
-      return m(), o;
+        props: o,
+        provideSubDefaults: f
+      } = pr(r, r._as ?? e.name, a), l = e._setup(o, i);
+      return f(), l;
     };
   }
   return e;
 }
-function Ge() {
+function dn() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  return (t) => (e ? ee : w)(t);
+  return (t) => (e ? Ve : L)(t);
 }
-function It(e) {
-  const t = Y("useRender");
+function hr(e) {
+  const t = ve("useRender");
   t.render = e;
 }
-const $e = Symbol.for("vuetify:theme"), $t = O({
+const $t = Symbol.for("vuetify:theme"), _r = X({
   theme: String
 }, "theme");
-function Bt(e) {
-  Y("provideTheme");
-  const t = oe($e, null);
+function br(e) {
+  ve("provideTheme");
+  const t = Ze($t, null);
   if (!t) throw new Error("Could not find Vuetify theme injection");
-  const n = V(() => e.theme ?? t.name.value), l = V(() => t.themes.value[n.value]), a = V(() => t.isDisabled ? void 0 : `v-theme--${n.value}`), u = {
+  const n = I(() => e.theme ?? t.name.value), r = I(() => t.themes.value[n.value]), i = I(() => t.isDisabled ? void 0 : `v-theme--${n.value}`), a = {
     ...t,
     name: n,
-    current: l,
-    themeClasses: a
+    current: r,
+    themeClasses: i
   };
-  return Ae($e, u), u;
+  return en($t, a), a;
 }
-const Mt = O({
+const Tr = X({
   tag: {
     type: String,
     default: "div"
   }
 }, "tag");
-function Ft(e) {
-  return Re(() => {
+function $r(e) {
+  return un(() => {
     const t = [], n = {};
     if (e.value.background)
-      if (ae(e.value.background)) {
-        if (n.backgroundColor = e.value.background, !e.value.text && pt(e.value.background)) {
-          const l = E(e.value.background);
-          if (l.a == null || l.a === 1) {
-            const a = Ct(l);
-            n.color = a, n.caretColor = a;
+      if (Ue(e.value.background)) {
+        if (n.backgroundColor = e.value.background, !e.value.text && ur(e.value.background)) {
+          const r = oe(e.value.background);
+          if (r.a == null || r.a === 1) {
+            const i = gr(r);
+            n.color = i, n.caretColor = i;
           }
         }
       } else
         t.push(`bg-${e.value.background}`);
-    return e.value.text && (ae(e.value.text) ? (n.color = e.value.text, n.caretColor = e.value.text) : t.push(`text-${e.value.text}`)), {
+    return e.value.text && (Ue(e.value.text) ? (n.color = e.value.text, n.caretColor = e.value.text) : t.push(`text-${e.value.text}`)), {
       colorClasses: t,
       colorStyles: n
     };
   });
 }
-function Dt(e, t) {
-  const n = V(() => ({
-    text: ce(e) ? e.value : null
+function Cr(e, t) {
+  const n = I(() => ({
+    text: Je(e) ? e.value : null
   })), {
-    colorClasses: l,
-    colorStyles: a
-  } = Ft(n);
+    colorClasses: r,
+    colorStyles: i
+  } = $r(n);
   return {
-    textColorClasses: l,
-    textColorStyles: a
+    textColorClasses: r,
+    textColorStyles: i
   };
 }
-const qe = [String, Function, Object, Array], Tt = Symbol.for("vuetify:icons"), te = O({
+const gn = [String, Function, Object, Array], wr = Symbol.for("vuetify:icons"), Ie = X({
   icon: {
-    type: qe
+    type: gn
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
     type: String,
     required: !0
   }
-}, "icon"), Be = Ge()({
+}, "icon"), Ct = dn()({
   name: "VComponentIcon",
-  props: te(),
+  props: Ie(),
   setup(e, t) {
     let {
       slots: n
     } = t;
     return () => {
-      const l = e.icon;
-      return _(e.tag, null, {
+      const r = e.icon;
+      return P(e.tag, null, {
         default: () => {
-          var a;
-          return [e.icon ? _(l, null, null) : (a = n.default) == null ? void 0 : a.call(n)];
+          var i;
+          return [e.icon ? P(r, null, null) : (i = n.default) == null ? void 0 : i.call(n)];
         }
       });
     };
   }
-}), At = ee({
+}), Ar = Ve({
   name: "VSvgIcon",
   inheritAttrs: !1,
-  props: te(),
+  props: Ie(),
   setup(e, t) {
     let {
       attrs: n
     } = t;
-    return () => _(e.tag, de(n, {
+    return () => P(e.tag, Qe(n, {
       style: null
     }), {
-      default: () => [_("svg", {
+      default: () => [P("svg", {
         class: "v-icon__svg",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         role: "img",
         "aria-hidden": "true"
-      }, [Array.isArray(e.icon) ? e.icon.map((l) => Array.isArray(l) ? _("path", {
-        d: l[0],
-        "fill-opacity": l[1]
-      }, null) : _("path", {
-        d: l
-      }, null)) : _("path", {
+      }, [Array.isArray(e.icon) ? e.icon.map((r) => Array.isArray(r) ? P("path", {
+        d: r[0],
+        "fill-opacity": r[1]
+      }, null) : P("path", {
+        d: r
+      }, null)) : P("path", {
         d: e.icon
       }, null)])]
     });
   }
 });
-ee({
+Ve({
   name: "VLigatureIcon",
-  props: te(),
+  props: Ie(),
   setup(e) {
-    return () => _(e.tag, null, {
+    return () => P(e.tag, null, {
       default: () => [e.icon]
     });
   }
 });
-ee({
+Ve({
   name: "VClassIcon",
-  props: te(),
+  props: Ie(),
   setup(e) {
-    return () => _(e.tag, {
+    return () => P(e.tag, {
       class: e.icon
     }, null);
   }
 });
-const Pt = (e) => {
-  const t = oe(Tt);
+const Sr = (e) => {
+  const t = Ze(wr);
   if (!t) throw new Error("Missing Vuetify Icons provide!");
   return {
-    iconData: V(() => {
-      var o;
-      const l = T(e);
-      if (!l) return {
-        component: Be
+    iconData: I(() => {
+      var l;
+      const r = z(e);
+      if (!r) return {
+        component: Ct
       };
-      let a = l;
-      if (typeof a == "string" && (a = a.trim(), a.startsWith("$") && (a = (o = t.aliases) == null ? void 0 : o[a.slice(1)])), a || G(`Could not find aliased icon "${l}"`), Array.isArray(a))
+      let i = r;
+      if (typeof i == "string" && (i = i.trim(), i.startsWith("$") && (i = (l = t.aliases) == null ? void 0 : l[i.slice(1)])), i || ue(`Could not find aliased icon "${r}"`), Array.isArray(i))
         return {
-          component: At,
-          icon: a
+          component: Ar,
+          icon: i
         };
-      if (typeof a != "string")
+      if (typeof i != "string")
         return {
-          component: Be,
-          icon: a
+          component: Ct,
+          icon: i
         };
-      const u = Object.keys(t.sets).find((c) => typeof a == "string" && a.startsWith(`${c}:`)), i = u ? a.slice(u.length + 1) : a;
+      const a = Object.keys(t.sets).find((c) => typeof i == "string" && i.startsWith(`${c}:`)), o = a ? i.slice(a.length + 1) : i;
       return {
-        component: t.sets[u ?? t.defaultSet].component,
-        icon: i
+        component: t.sets[a ?? t.defaultSet].component,
+        icon: o
       };
     })
   };
-}, Lt = ["x-small", "small", "default", "large", "x-large"], Ot = O({
+}, xr = ["x-small", "small", "default", "large", "x-large"], Or = X({
   size: {
     type: [String, Number],
     default: "default"
   }
 }, "size");
-function zt(e) {
-  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : xt();
-  return Re(() => {
-    let n, l;
-    return ct(Lt, e.size) ? n = `${t}--size-${e.size}` : e.size && (l = {
-      width: W(e.size),
-      height: W(e.size)
+function Pr(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : mr();
+  return un(() => {
+    let n, r;
+    return tr(xr, e.size) ? n = `${t}--size-${e.size}` : e.size && (r = {
+      width: le(e.size),
+      height: le(e.size)
     }), {
       sizeClasses: n,
-      sizeStyles: l
+      sizeStyles: r
     };
   });
 }
-const Ht = O({
+const Vr = X({
   color: String,
   disabled: Boolean,
   start: Boolean,
   end: Boolean,
-  icon: qe,
-  ...it(),
-  ...Ot(),
-  ...Mt({
+  icon: gn,
+  ...Jn(),
+  ...Or(),
+  ...Tr({
     tag: "i"
   }),
-  ...$t()
-}, "VIcon"), Ut = Ge()({
+  ..._r()
+}, "VIcon"), Ir = dn()({
   name: "VIcon",
-  props: Ht(),
+  props: Vr(),
   setup(e, t) {
     let {
       attrs: n,
-      slots: l
+      slots: r
     } = t;
-    const a = $(), {
-      themeClasses: u
-    } = Bt(e), {
-      iconData: i
-    } = Pt(V(() => a.value || e.icon)), {
-      sizeClasses: m
-    } = zt(e), {
-      textColorClasses: o,
+    const i = M(), {
+      themeClasses: a
+    } = br(e), {
+      iconData: o
+    } = Sr(I(() => i.value || e.icon)), {
+      sizeClasses: f
+    } = Pr(e), {
+      textColorClasses: l,
       textColorStyles: c
-    } = Dt(Qe(e, "color"));
-    return It(() => {
-      var x, I;
-      const f = (x = l.default) == null ? void 0 : x.call(l);
-      f && (a.value = (I = Ne(f).filter((b) => b.type === je && b.children && typeof b.children == "string")[0]) == null ? void 0 : I.children);
-      const g = !!(n.onClick || n.onClickOnce);
-      return _(i.value.component, {
+    } = Cr(zn(e, "color"));
+    return hr(() => {
+      var v, T;
+      const y = (v = r.default) == null ? void 0 : v.call(r);
+      y && (i.value = (T = ln(y).filter((h) => h.type === Hn && h.children && typeof h.children == "string")[0]) == null ? void 0 : T.children);
+      const d = !!(n.onClick || n.onClickOnce);
+      return P(o.value.component, {
         tag: e.tag,
-        icon: i.value.icon,
-        class: ["v-icon", "notranslate", u.value, m.value, o.value, {
-          "v-icon--clickable": g,
+        icon: o.value.icon,
+        class: ["v-icon", "notranslate", a.value, f.value, l.value, {
+          "v-icon--clickable": d,
           "v-icon--disabled": e.disabled,
           "v-icon--start": e.start,
           "v-icon--end": e.end
         }, e.class],
-        style: [m.value ? void 0 : {
-          fontSize: W(e.size),
-          height: W(e.size),
-          width: W(e.size)
+        style: [f.value ? void 0 : {
+          fontSize: le(e.size),
+          height: le(e.size),
+          width: le(e.size)
         }, c.value, e.style],
-        role: g ? "button" : void 0,
-        "aria-hidden": !g,
-        tabindex: g ? e.disabled ? -1 : 0 : void 0
+        role: d ? "button" : void 0,
+        "aria-hidden": !d,
+        tabindex: d ? e.disabled ? -1 : 0 : void 0
       }, {
-        default: () => [f]
+        default: () => [y]
       });
     }), {};
   }
-}), Nt = /* @__PURE__ */ w({
+}), Er = /* @__PURE__ */ L({
   __name: "entry",
   props: {
     minHeight: {}
   },
   setup(e) {
-    const { backgroundColor2: t, highlightColor: n } = ye(), l = $(!1), a = V(() => ({
-      background: l.value ? n.value : t.value,
+    const { backgroundColor2: t, highlightColor: n } = nt(), r = M(!1), i = I(() => ({
+      background: r.value ? n.value : t.value,
       minHeight: e.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
-    })), u = (i) => {
-      Le.emit("propTreeMenu", {
-        x: i.clientX,
-        y: i.clientY
+    })), a = (o) => {
+      nn.emit("propTreeMenu", {
+        x: o.clientX,
+        y: o.clientY
       });
     };
-    return (i, m) => {
-      const o = N("ripple");
-      return P((C(), X("div", {
+    return (o, f) => {
+      const l = ae("ripple");
+      return W((E(), ye("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
-        style: Pe(a.value),
-        onContextmenu: Q(u, ["prevent"]),
-        onMouseover: m[0] || (m[0] = (c) => l.value = !0),
-        onMouseout: m[1] || (m[1] = (c) => l.value = !1)
+        style: tn(i.value),
+        onContextmenu: we(a, ["prevent"]),
+        onMouseover: f[0] || (f[0] = (c) => r.value = !0),
+        onMouseout: f[1] || (f[1] = (c) => r.value = !1)
       }, [
-        et(i.$slots, "default")
+        Gn(o.$slots, "default")
       ], 36)), [
-        [o]
+        [l]
       ]);
     };
   }
-}), Rt = /* @__PURE__ */ w({
+}), Mr = /* @__PURE__ */ L({
   __name: "menu",
   setup(e) {
-    const { t } = fe(), n = $(0), l = $(0), a = V(() => [n.value, l.value]), u = (c) => {
-      const f = () => {
+    const { t } = tt(), n = M(0), r = M(0), i = I(() => [n.value, r.value]), a = (c) => {
+      const y = () => {
         console.log("reset");
       };
       c.push({
         title: t("x-prop-tree.reset"),
-        func: f
+        func: y
       });
-    }, i = V(() => {
+    }, o = I(() => {
       const c = [];
-      return u(c), c;
-    }), m = (c) => {
-      n.value = c.x, l.value = c.y;
-    }, { open: o } = Oe("propTreeMenu", m);
-    return (c, f) => {
-      const g = k("v-list-item-title"), x = k("v-list-item"), I = k("v-list"), b = k("v-menu");
-      return C(), B(b, {
-        modelValue: T(o),
-        "onUpdate:modelValue": f[0] || (f[0] = (M) => ce(o) ? o.value = M : null),
+      return a(c), c;
+    }), f = (c) => {
+      n.value = c.x, r.value = c.y;
+    }, { open: l } = rn("propTreeMenu", f);
+    return (c, y) => {
+      const d = V("v-list-item-title"), v = V("v-list-item"), T = V("v-list"), h = V("v-menu");
+      return E(), D(h, {
+        modelValue: z(l),
+        "onUpdate:modelValue": y[0] || (y[0] = ($) => Je(l) ? l.value = $ : null),
         "location-strategy": "connected",
-        target: a.value,
+        target: i.value,
         scrim: "transparent"
       }, {
-        default: F(() => [
-          _(I, null, {
-            default: F(() => [
-              (C(!0), X(ie, null, tt(i.value, (M, A) => (C(), B(x, {
+        default: R(() => [
+          P(T, null, {
+            default: R(() => [
+              (E(!0), ye(Ye, null, Wn(o.value, ($, A) => (E(), D(v, {
                 key: A,
                 link: "",
-                onClick: M.func
+                onClick: $.func
               }, {
-                default: F(() => [
-                  _(g, null, {
-                    default: F(() => [
-                      me(j(M.title), 1)
+                default: R(() => [
+                  P(d, null, {
+                    default: R(() => [
+                      et(Pe($.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -642,7 +642,7 @@ const Ht = O({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Me = /* @__PURE__ */ w({
+}), wt = /* @__PURE__ */ L({
   __name: "title",
   props: {
     title: {},
@@ -653,55 +653,55 @@ const Ht = O({
   },
   emits: ["collapse", "create", "delete"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: l } = ye(), a = t, u = $(!1), i = V(() => ({
-      background: u.value ? l.value : n.value,
+    const { backgroundColor2: n, highlightColor: r } = nt(), i = t, a = M(!1), o = I(() => ({
+      background: a.value ? r.value : n.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
-    })), m = () => {
-      a("collapse", !e.collapse);
-    }, o = (c) => {
-      Le.emit("propTreeMenu", {
+    })), f = () => {
+      i("collapse", !e.collapse);
+    }, l = (c) => {
+      nn.emit("propTreeMenu", {
         x: c.clientX,
         y: c.clientY
       });
     };
-    return (c, f) => {
-      const g = k("v-icon"), x = k("v-spacer"), I = N("ripple");
-      return P((C(), X("div", {
+    return (c, y) => {
+      const d = V("v-icon"), v = V("v-spacer"), T = ae("ripple");
+      return W((E(), ye("div", {
         class: "d-flex align-center cursor-pointer",
-        style: Pe(i.value),
-        onClick: m,
-        onContextmenu: Q(o, ["prevent"]),
-        onMouseover: f[2] || (f[2] = (b) => u.value = !0),
-        onMouseout: f[3] || (f[3] = (b) => u.value = !1)
+        style: tn(o.value),
+        onClick: f,
+        onContextmenu: we(l, ["prevent"]),
+        onMouseover: y[2] || (y[2] = (h) => a.value = !0),
+        onMouseout: y[3] || (y[3] = (h) => a.value = !1)
       }, [
-        _(g, {
+        P(d, {
           class: "mr-1",
-          icon: c.collapse ? T(ut) : T(at)
+          icon: c.collapse ? z(Zn) : z(Xn)
         }, null, 8, ["icon"]),
-        nt("span", null, j(c.title), 1),
-        _(x),
-        c.hasCreate ? (C(), B(g, {
+        Kn("span", null, Pe(c.title), 1),
+        P(v),
+        c.hasCreate ? (E(), D(d, {
           key: 0,
           class: "ml-3",
-          icon: T(He),
-          onClick: f[0] || (f[0] = Q((b) => a("create"), ["stop"]))
-        }, null, 8, ["icon"])) : se("", !0),
-        c.hasDelete ? (C(), B(g, {
+          icon: z(sn),
+          onClick: y[0] || (y[0] = we((h) => i("create"), ["stop"]))
+        }, null, 8, ["icon"])) : Re("", !0),
+        c.hasDelete ? (E(), D(d, {
           key: 1,
           class: "ml-3",
-          icon: T(ze),
-          onClick: f[1] || (f[1] = Q((b) => a("delete", c.index), ["stop"]))
-        }, null, 8, ["icon"])) : se("", !0)
+          icon: z(an),
+          onClick: y[1] || (y[1] = we((h) => i("delete", c.index), ["stop"]))
+        }, null, 8, ["icon"])) : Re("", !0)
       ], 36)), [
-        [I]
+        [T]
       ]);
     };
   }
-}), Et = /* @__PURE__ */ w({
+}), Lr = /* @__PURE__ */ L({
   __name: "colorPicker",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ K({
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
@@ -709,29 +709,29 @@ const Ht = O({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = R(e, "modelValue"), n = V(() => e.readonly), l = $("hexa");
-    return (a, u) => {
-      const i = k("v-btn"), m = k("v-color-picker"), o = k("v-menu");
-      return C(), B(o, { "close-on-content-click": !1 }, {
-        activator: F(({ props: c }) => [
-          _(i, de(c, {
+    const t = se(e, "modelValue"), n = I(() => e.readonly), r = M("hexa");
+    return (i, a) => {
+      const o = V("v-btn"), f = V("v-color-picker"), l = V("v-menu");
+      return E(), D(l, { "close-on-content-click": !1 }, {
+        activator: R(({ props: c }) => [
+          P(o, Qe(c, {
             density: "comfortable",
             color: t.value,
             block: "",
             disabled: n.value
           }), {
-            default: F(() => [
-              me(j(t.value), 1)
+            default: R(() => [
+              et(Pe(t.value), 1)
             ]),
             _: 2
           }, 1040, ["color", "disabled"])
         ]),
-        default: F(() => [
-          _(m, {
+        default: R(() => [
+          P(f, {
             modelValue: t.value,
-            "onUpdate:modelValue": u[0] || (u[0] = (c) => t.value = c),
-            mode: l.value,
-            "onUpdate:mode": u[1] || (u[1] = (c) => l.value = c),
+            "onUpdate:modelValue": a[0] || (a[0] = (c) => t.value = c),
+            mode: r.value,
+            "onUpdate:mode": a[1] || (a[1] = (c) => r.value = c),
             "show-swatches": "",
             "swatches-max-height": "150px"
           }, null, 8, ["modelValue", "mode"])
@@ -740,24 +740,24 @@ const Ht = O({
       });
     };
   }
-}), Wt = /* @__PURE__ */ w({
+}), Br = /* @__PURE__ */ L({
   __name: "compSelect",
   setup(e) {
-    const t = V(() => "<n/a>"), n = () => {
-    }, { open: l } = Oe("compSelectDlg", n);
-    return (a, u) => {
-      const i = k("v-btn"), m = k("v-dialog");
-      return C(), B(m, {
-        modelValue: T(l),
-        "onUpdate:modelValue": u[0] || (u[0] = (o) => ce(l) ? l.value = o : null)
+    const t = I(() => "<n/a>"), n = () => {
+    }, { open: r } = rn("compSelectDlg", n);
+    return (i, a) => {
+      const o = V("v-btn"), f = V("v-dialog");
+      return E(), D(f, {
+        modelValue: z(r),
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => Je(r) ? r.value = l : null)
       }, {
-        activator: F(({ props: o }) => [
-          _(i, de(o, {
+        activator: R(({ props: l }) => [
+          P(o, Qe(l, {
             density: "comfortable",
             block: ""
           }), {
-            default: F(() => [
-              me(j(t.value), 1)
+            default: R(() => [
+              et(Pe(t.value), 1)
             ]),
             _: 2
           }, 1040)
@@ -766,9 +766,9 @@ const Ht = O({
       }, 8, ["modelValue"]);
     };
   }
-}), Gt = { class: "my-2" }, qt = /* @__PURE__ */ w({
+}), Fr = { class: "my-2" }, Dr = /* @__PURE__ */ L({
   __name: "multiTypes",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ K({
     types: {}
   }, {
     modelValue: { default: "" },
@@ -776,69 +776,69 @@ const Ht = O({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t } = fe(), n = R(e, "modelValue"), l = $(0), a = V(() => {
-      const m = [];
-      return e.types.forEach((o, c) => {
-        m.push({
-          title: t(o.name),
+    const { t } = tt(), n = se(e, "modelValue"), r = M(0), i = I(() => {
+      const f = [];
+      return e.types.forEach((l, c) => {
+        f.push({
+          title: t(l.name),
           value: c
         });
-      }), m;
+      }), f;
     });
-    e.types.some((m, o) => m.validator(n.value) ? (l.value = o, !0) : !1);
-    const u = V(() => e.types[l.value]);
-    ge(u, (m) => {
-      n.value = m.default;
+    e.types.some((f, l) => f.validator(n.value) ? (r.value = l, !0) : !1);
+    const a = I(() => e.types[r.value]);
+    Ne(a, (f) => {
+      n.value = f.default;
     });
-    const i = $(0);
-    return re(() => {
-      u.value.ui === "pixelInput" ? i.value = lt(n.value) : u.value.ui === "percentInput" && (i.value = st(n.value));
-    }), ge(i, (m) => {
-      u.value.ui === "pixelInput" ? n.value = m + "px" : u.value.ui === "percentInput" && (n.value = m + "%");
-    }), (m, o) => {
-      const c = k("v-select"), f = k("v-number-input"), g = N("ripple");
-      return C(), X("div", Gt, [
-        P(_(c, {
-          modelValue: l.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (x) => l.value = x),
+    const o = M(0);
+    return Xe(() => {
+      a.value.ui === "pixelInput" ? o.value = qn(n.value) : a.value.ui === "percentInput" && (o.value = Yn(n.value));
+    }), Ne(o, (f) => {
+      a.value.ui === "pixelInput" ? n.value = f + "px" : a.value.ui === "percentInput" && (n.value = f + "%");
+    }), (f, l) => {
+      const c = V("v-select"), y = V("v-number-input"), d = ae("ripple");
+      return E(), ye("div", Fr, [
+        W(P(c, {
+          modelValue: r.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (v) => r.value = v),
           density: "compact",
-          items: a.value,
+          items: i.value,
           "hide-details": "",
           "single-line": ""
         }, null, 8, ["modelValue", "items"]), [
           [
-            g,
+            d,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        u.value.ui === "pixelInput" || u.value.ui === "percentInput" ? P((C(), B(f, {
+        a.value.ui === "pixelInput" || a.value.ui === "percentInput" ? W((E(), D(y, {
           key: 0,
-          modelValue: i.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (x) => i.value = x),
+          modelValue: o.value,
+          "onUpdate:modelValue": l[1] || (l[1] = (v) => o.value = v),
           density: "compact",
           "control-variant": "stacked",
-          precision: u.value.precision,
-          min: u.value.min,
-          max: u.value.max,
-          step: u.value.step,
+          precision: a.value.precision,
+          min: a.value.min,
+          max: a.value.max,
+          step: a.value.step,
           "hide-details": "",
           "single-line": ""
         }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
           [
-            g,
+            d,
             void 0,
             void 0,
             { stop: !0 }
           ]
-        ]) : se("", !0)
+        ]) : Re("", !0)
       ]);
     };
   }
-}), Xt = /* @__PURE__ */ w({
+}), jr = /* @__PURE__ */ L({
   __name: "numInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ K({
     precision: { default: 4 },
     min: { default: () => -1 / 0 },
     max: { default: () => 1 / 0 },
@@ -850,12 +850,12 @@ const Ht = O({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = R(e, "modelValue");
-    return (n, l) => {
-      const a = k("v-number-input"), u = N("ripple");
-      return P((C(), B(a, {
+    const t = se(e, "modelValue");
+    return (n, r) => {
+      const i = V("v-number-input"), a = ae("ripple");
+      return W((E(), D(i, {
         modelValue: t.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (i) => t.value = i),
+        "onUpdate:modelValue": r[0] || (r[0] = (o) => t.value = o),
         density: "compact",
         "control-variant": "stacked",
         precision: n.precision,
@@ -867,7 +867,7 @@ const Ht = O({
         readonly: n.readonly
       }, null, 8, ["modelValue", "precision", "min", "max", "step", "readonly"])), [
         [
-          u,
+          a,
           void 0,
           void 0,
           { stop: !0 }
@@ -875,9 +875,9 @@ const Ht = O({
       ]);
     };
   }
-}), Yt = /* @__PURE__ */ w({
+}), kr = /* @__PURE__ */ L({
   __name: "select",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ K({
     readonly: { type: Boolean, default: !1 },
     items: {}
   }, {
@@ -886,12 +886,12 @@ const Ht = O({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = R(e, "modelValue");
-    return (n, l) => {
-      const a = k("v-select"), u = N("ripple");
-      return P((C(), B(a, {
+    const t = se(e, "modelValue");
+    return (n, r) => {
+      const i = V("v-select"), a = ae("ripple");
+      return W((E(), D(i, {
         modelValue: t.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (i) => t.value = i),
+        "onUpdate:modelValue": r[0] || (r[0] = (o) => t.value = o),
         density: "compact",
         items: n.items,
         "hide-details": "",
@@ -899,7 +899,7 @@ const Ht = O({
         readonly: n.readonly
       }, null, 8, ["modelValue", "items", "readonly"])), [
         [
-          u,
+          a,
           void 0,
           void 0,
           { stop: !0 }
@@ -907,32 +907,32 @@ const Ht = O({
       ]);
     };
   }
-}), Fe = /* @__PURE__ */ w({
+}), At = /* @__PURE__ */ L({
   __name: "strInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ K({
     readonly: { type: Boolean, default: !1 },
     hasDelete: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ L(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ K(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = R(e, "modelValue"), l = t;
-    return (a, u) => {
-      const i = k("v-text-field"), m = N("ripple");
-      return P((C(), B(i, {
+    const n = se(e, "modelValue"), r = t;
+    return (i, a) => {
+      const o = V("v-text-field"), f = ae("ripple");
+      return W((E(), D(o, {
         modelValue: n.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (o) => n.value = o),
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
         density: "compact",
-        "append-inner-icon": a.hasDelete ? T(ze) : "",
+        "append-inner-icon": i.hasDelete ? z(an) : "",
         "hide-details": "",
         "single-line": "",
-        readonly: a.readonly,
-        "onClick:appendInner": u[1] || (u[1] = (o) => l("delete"))
+        readonly: i.readonly,
+        "onClick:appendInner": a[1] || (a[1] = (l) => r("delete"))
       }, null, 8, ["modelValue", "append-inner-icon", "readonly"])), [
         [
-          m,
+          f,
           void 0,
           void 0,
           { stop: !0 }
@@ -940,9 +940,9 @@ const Ht = O({
       ]);
     };
   }
-}), Zt = /* @__PURE__ */ w({
+}), Rr = /* @__PURE__ */ L({
   __name: "switch",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ K({
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: Boolean },
@@ -950,12 +950,12 @@ const Ht = O({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = R(e, "modelValue");
-    return (n, l) => {
-      const a = k("v-switch");
-      return C(), B(a, {
+    const t = se(e, "modelValue");
+    return (n, r) => {
+      const i = V("v-switch");
+      return E(), D(i, {
         modelValue: t.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
         class: "ml-1",
         density: "compact",
         color: "primary",
@@ -965,21 +965,751 @@ const Ht = O({
     };
   }
 });
-function De(e, t) {
-  const n = t.split(".");
-  let l = e;
-  return n.forEach((a) => {
-    l[a] || (l[a] = {}), l = l[a];
-  }), l.collapse === void 0 && (l.collapse = !0), l.collapse;
-}
-function Kt(e, t, n) {
-  const l = t.split(".");
-  let a = e;
-  l.forEach((u) => {
-    a[u] || (a[u] = {}), a = a[u];
-  }), a.collapse = n;
-}
-const Jt = /* @__PURE__ */ w({
+function St(e, t) {
+  let n = e;
+  return t.forEach((r) => {
+    n[r] || (n[r] = {}), n = n[r];
+  }), n.collapse === void 0 && (n.collapse = !0), n.collapse;
+}
+function Nr(e, t, n) {
+  let r = e;
+  t.forEach((i) => {
+    r[i] || (r[i] = {}), r = r[i];
+  }), r.collapse = n;
+}
+var mn = typeof global == "object" && global && global.Object === Object && global, Ur = typeof self == "object" && self && self.Object === Object && self, j = mn || Ur || Function("return this")(), H = j.Symbol, yn = Object.prototype, zr = yn.hasOwnProperty, Hr = yn.toString, ie = H ? H.toStringTag : void 0;
+function Gr(e) {
+  var t = zr.call(e, ie), n = e[ie];
+  try {
+    e[ie] = void 0;
+    var r = !0;
+  } catch {
+  }
+  var i = Hr.call(e);
+  return r && (t ? e[ie] = n : delete e[ie]), i;
+}
+var Wr = Object.prototype, Kr = Wr.toString;
+function qr(e) {
+  return Kr.call(e);
+}
+var Yr = "[object Null]", Xr = "[object Undefined]", xt = H ? H.toStringTag : void 0;
+function pe(e) {
+  return e == null ? e === void 0 ? Xr : Yr : xt && xt in Object(e) ? Gr(e) : qr(e);
+}
+function q(e) {
+  return e != null && typeof e == "object";
+}
+var de = Array.isArray;
+function he(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var Zr = "[object AsyncFunction]", Jr = "[object Function]", Qr = "[object GeneratorFunction]", ea = "[object Proxy]";
+function vn(e) {
+  if (!he(e))
+    return !1;
+  var t = pe(e);
+  return t == Jr || t == Qr || t == Zr || t == ea;
+}
+var De = j["__core-js_shared__"], Ot = function() {
+  var e = /[^.]+$/.exec(De && De.keys && De.keys.IE_PROTO || "");
+  return e ? "Symbol(src)_1." + e : "";
+}();
+function ta(e) {
+  return !!Ot && Ot in e;
+}
+var na = Function.prototype, ra = na.toString;
+function Z(e) {
+  if (e != null) {
+    try {
+      return ra.call(e);
+    } catch {
+    }
+    try {
+      return e + "";
+    } catch {
+    }
+  }
+  return "";
+}
+var aa = /[\\^$.*+?()[\]{}|]/g, sa = /^\[object .+?Constructor\]$/, ia = Function.prototype, oa = Object.prototype, la = ia.toString, ua = oa.hasOwnProperty, ca = RegExp(
+  "^" + la.call(ua).replace(aa, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function fa(e) {
+  if (!he(e) || ta(e))
+    return !1;
+  var t = vn(e) ? ca : sa;
+  return t.test(Z(e));
+}
+function da(e, t) {
+  return e == null ? void 0 : e[t];
+}
+function J(e, t) {
+  var n = da(e, t);
+  return fa(n) ? n : void 0;
+}
+var He = J(j, "WeakMap"), Pt = Object.create, ga = /* @__PURE__ */ function() {
+  function e() {
+  }
+  return function(t) {
+    if (!he(t))
+      return {};
+    if (Pt)
+      return Pt(t);
+    e.prototype = t;
+    var n = new e();
+    return e.prototype = void 0, n;
+  };
+}();
+function ma(e, t) {
+  var n = -1, r = e.length;
+  for (t || (t = Array(r)); ++n < r; )
+    t[n] = e[n];
+  return t;
+}
+var Vt = function() {
+  try {
+    var e = J(Object, "defineProperty");
+    return e({}, "", {}), e;
+  } catch {
+  }
+}();
+function ya(e, t) {
+  for (var n = -1, r = e == null ? 0 : e.length; ++n < r && t(e[n], n, e) !== !1; )
+    ;
+  return e;
+}
+var va = 9007199254740991, pa = /^(?:0|[1-9]\d*)$/;
+function ha(e, t) {
+  var n = typeof e;
+  return t = t ?? va, !!t && (n == "number" || n != "symbol" && pa.test(e)) && e > -1 && e % 1 == 0 && e < t;
+}
+function pn(e, t, n) {
+  t == "__proto__" && Vt ? Vt(e, t, {
+    configurable: !0,
+    enumerable: !0,
+    value: n,
+    writable: !0
+  }) : e[t] = n;
+}
+function rt(e, t) {
+  return e === t || e !== e && t !== t;
+}
+var _a = Object.prototype, ba = _a.hasOwnProperty;
+function hn(e, t, n) {
+  var r = e[t];
+  (!(ba.call(e, t) && rt(r, n)) || n === void 0 && !(t in e)) && pn(e, t, n);
+}
+function Ee(e, t, n, r) {
+  var i = !n;
+  n || (n = {});
+  for (var a = -1, o = t.length; ++a < o; ) {
+    var f = t[a], l = void 0;
+    l === void 0 && (l = e[f]), i ? pn(n, f, l) : hn(n, f, l);
+  }
+  return n;
+}
+var Ta = 9007199254740991;
+function _n(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= Ta;
+}
+function bn(e) {
+  return e != null && _n(e.length) && !vn(e);
+}
+var $a = Object.prototype;
+function at(e) {
+  var t = e && e.constructor, n = typeof t == "function" && t.prototype || $a;
+  return e === n;
+}
+function Ca(e, t) {
+  for (var n = -1, r = Array(e); ++n < e; )
+    r[n] = t(n);
+  return r;
+}
+var wa = "[object Arguments]";
+function It(e) {
+  return q(e) && pe(e) == wa;
+}
+var Tn = Object.prototype, Aa = Tn.hasOwnProperty, Sa = Tn.propertyIsEnumerable, xa = It(/* @__PURE__ */ function() {
+  return arguments;
+}()) ? It : function(e) {
+  return q(e) && Aa.call(e, "callee") && !Sa.call(e, "callee");
+};
+function Oa() {
+  return !1;
+}
+var $n = typeof exports == "object" && exports && !exports.nodeType && exports, Et = $n && typeof module == "object" && module && !module.nodeType && module, Pa = Et && Et.exports === $n, Mt = Pa ? j.Buffer : void 0, Va = Mt ? Mt.isBuffer : void 0, Se = Va || Oa, Ia = "[object Arguments]", Ea = "[object Array]", Ma = "[object Boolean]", La = "[object Date]", Ba = "[object Error]", Fa = "[object Function]", Da = "[object Map]", ja = "[object Number]", ka = "[object Object]", Ra = "[object RegExp]", Na = "[object Set]", Ua = "[object String]", za = "[object WeakMap]", Ha = "[object ArrayBuffer]", Ga = "[object DataView]", Wa = "[object Float32Array]", Ka = "[object Float64Array]", qa = "[object Int8Array]", Ya = "[object Int16Array]", Xa = "[object Int32Array]", Za = "[object Uint8Array]", Ja = "[object Uint8ClampedArray]", Qa = "[object Uint16Array]", es = "[object Uint32Array]", w = {};
+w[Wa] = w[Ka] = w[qa] = w[Ya] = w[Xa] = w[Za] = w[Ja] = w[Qa] = w[es] = !0;
+w[Ia] = w[Ea] = w[Ha] = w[Ma] = w[Ga] = w[La] = w[Ba] = w[Fa] = w[Da] = w[ja] = w[ka] = w[Ra] = w[Na] = w[Ua] = w[za] = !1;
+function ts(e) {
+  return q(e) && _n(e.length) && !!w[pe(e)];
+}
+function st(e) {
+  return function(t) {
+    return e(t);
+  };
+}
+var Cn = typeof exports == "object" && exports && !exports.nodeType && exports, ce = Cn && typeof module == "object" && module && !module.nodeType && module, ns = ce && ce.exports === Cn, je = ns && mn.process, re = function() {
+  try {
+    var e = ce && ce.require && ce.require("util").types;
+    return e || je && je.binding && je.binding("util");
+  } catch {
+  }
+}(), Lt = re && re.isTypedArray, wn = Lt ? st(Lt) : ts, rs = Object.prototype, as = rs.hasOwnProperty;
+function An(e, t) {
+  var n = de(e), r = !n && xa(e), i = !n && !r && Se(e), a = !n && !r && !i && wn(e), o = n || r || i || a, f = o ? Ca(e.length, String) : [], l = f.length;
+  for (var c in e)
+    (t || as.call(e, c)) && !(o && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (c == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    i && (c == "offset" || c == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    a && (c == "buffer" || c == "byteLength" || c == "byteOffset") || // Skip index properties.
+    ha(c, l))) && f.push(c);
+  return f;
+}
+function Sn(e, t) {
+  return function(n) {
+    return e(t(n));
+  };
+}
+var ss = Sn(Object.keys, Object), is = Object.prototype, os = is.hasOwnProperty;
+function ls(e) {
+  if (!at(e))
+    return ss(e);
+  var t = [];
+  for (var n in Object(e))
+    os.call(e, n) && n != "constructor" && t.push(n);
+  return t;
+}
+function it(e) {
+  return bn(e) ? An(e) : ls(e);
+}
+function us(e) {
+  var t = [];
+  if (e != null)
+    for (var n in Object(e))
+      t.push(n);
+  return t;
+}
+var cs = Object.prototype, fs = cs.hasOwnProperty;
+function ds(e) {
+  if (!he(e))
+    return us(e);
+  var t = at(e), n = [];
+  for (var r in e)
+    r == "constructor" && (t || !fs.call(e, r)) || n.push(r);
+  return n;
+}
+function ot(e) {
+  return bn(e) ? An(e, !0) : ds(e);
+}
+var ge = J(Object, "create");
+function gs() {
+  this.__data__ = ge ? ge(null) : {}, this.size = 0;
+}
+function ms(e) {
+  var t = this.has(e) && delete this.__data__[e];
+  return this.size -= t ? 1 : 0, t;
+}
+var ys = "__lodash_hash_undefined__", vs = Object.prototype, ps = vs.hasOwnProperty;
+function hs(e) {
+  var t = this.__data__;
+  if (ge) {
+    var n = t[e];
+    return n === ys ? void 0 : n;
+  }
+  return ps.call(t, e) ? t[e] : void 0;
+}
+var _s = Object.prototype, bs = _s.hasOwnProperty;
+function Ts(e) {
+  var t = this.__data__;
+  return ge ? t[e] !== void 0 : bs.call(t, e);
+}
+var $s = "__lodash_hash_undefined__";
+function Cs(e, t) {
+  var n = this.__data__;
+  return this.size += this.has(e) ? 0 : 1, n[e] = ge && t === void 0 ? $s : t, this;
+}
+function Y(e) {
+  var t = -1, n = e == null ? 0 : e.length;
+  for (this.clear(); ++t < n; ) {
+    var r = e[t];
+    this.set(r[0], r[1]);
+  }
+}
+Y.prototype.clear = gs;
+Y.prototype.delete = ms;
+Y.prototype.get = hs;
+Y.prototype.has = Ts;
+Y.prototype.set = Cs;
+function ws() {
+  this.__data__ = [], this.size = 0;
+}
+function Me(e, t) {
+  for (var n = e.length; n--; )
+    if (rt(e[n][0], t))
+      return n;
+  return -1;
+}
+var As = Array.prototype, Ss = As.splice;
+function xs(e) {
+  var t = this.__data__, n = Me(t, e);
+  if (n < 0)
+    return !1;
+  var r = t.length - 1;
+  return n == r ? t.pop() : Ss.call(t, n, 1), --this.size, !0;
+}
+function Os(e) {
+  var t = this.__data__, n = Me(t, e);
+  return n < 0 ? void 0 : t[n][1];
+}
+function Ps(e) {
+  return Me(this.__data__, e) > -1;
+}
+function Vs(e, t) {
+  var n = this.__data__, r = Me(n, e);
+  return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
+}
+function U(e) {
+  var t = -1, n = e == null ? 0 : e.length;
+  for (this.clear(); ++t < n; ) {
+    var r = e[t];
+    this.set(r[0], r[1]);
+  }
+}
+U.prototype.clear = ws;
+U.prototype.delete = xs;
+U.prototype.get = Os;
+U.prototype.has = Ps;
+U.prototype.set = Vs;
+var me = J(j, "Map");
+function Is() {
+  this.size = 0, this.__data__ = {
+    hash: new Y(),
+    map: new (me || U)(),
+    string: new Y()
+  };
+}
+function Es(e) {
+  var t = typeof e;
+  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
+}
+function Le(e, t) {
+  var n = e.__data__;
+  return Es(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+}
+function Ms(e) {
+  var t = Le(this, e).delete(e);
+  return this.size -= t ? 1 : 0, t;
+}
+function Ls(e) {
+  return Le(this, e).get(e);
+}
+function Bs(e) {
+  return Le(this, e).has(e);
+}
+function Fs(e, t) {
+  var n = Le(this, e), r = n.size;
+  return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
+}
+function Q(e) {
+  var t = -1, n = e == null ? 0 : e.length;
+  for (this.clear(); ++t < n; ) {
+    var r = e[t];
+    this.set(r[0], r[1]);
+  }
+}
+Q.prototype.clear = Is;
+Q.prototype.delete = Ms;
+Q.prototype.get = Ls;
+Q.prototype.has = Bs;
+Q.prototype.set = Fs;
+function xn(e, t) {
+  for (var n = -1, r = t.length, i = e.length; ++n < r; )
+    e[i + n] = t[n];
+  return e;
+}
+var On = Sn(Object.getPrototypeOf, Object);
+function Ds() {
+  this.__data__ = new U(), this.size = 0;
+}
+function js(e) {
+  var t = this.__data__, n = t.delete(e);
+  return this.size = t.size, n;
+}
+function ks(e) {
+  return this.__data__.get(e);
+}
+function Rs(e) {
+  return this.__data__.has(e);
+}
+var Ns = 200;
+function Us(e, t) {
+  var n = this.__data__;
+  if (n instanceof U) {
+    var r = n.__data__;
+    if (!me || r.length < Ns - 1)
+      return r.push([e, t]), this.size = ++n.size, this;
+    n = this.__data__ = new Q(r);
+  }
+  return n.set(e, t), this.size = n.size, this;
+}
+function N(e) {
+  var t = this.__data__ = new U(e);
+  this.size = t.size;
+}
+N.prototype.clear = Ds;
+N.prototype.delete = js;
+N.prototype.get = ks;
+N.prototype.has = Rs;
+N.prototype.set = Us;
+function zs(e, t) {
+  return e && Ee(t, it(t), e);
+}
+function Hs(e, t) {
+  return e && Ee(t, ot(t), e);
+}
+var Pn = typeof exports == "object" && exports && !exports.nodeType && exports, Bt = Pn && typeof module == "object" && module && !module.nodeType && module, Gs = Bt && Bt.exports === Pn, Ft = Gs ? j.Buffer : void 0, Dt = Ft ? Ft.allocUnsafe : void 0;
+function Ws(e, t) {
+  if (t)
+    return e.slice();
+  var n = e.length, r = Dt ? Dt(n) : new e.constructor(n);
+  return e.copy(r), r;
+}
+function Ks(e, t) {
+  for (var n = -1, r = e == null ? 0 : e.length, i = 0, a = []; ++n < r; ) {
+    var o = e[n];
+    t(o, n, e) && (a[i++] = o);
+  }
+  return a;
+}
+function Vn() {
+  return [];
+}
+var qs = Object.prototype, Ys = qs.propertyIsEnumerable, jt = Object.getOwnPropertySymbols, lt = jt ? function(e) {
+  return e == null ? [] : (e = Object(e), Ks(jt(e), function(t) {
+    return Ys.call(e, t);
+  }));
+} : Vn;
+function Xs(e, t) {
+  return Ee(e, lt(e), t);
+}
+var Zs = Object.getOwnPropertySymbols, In = Zs ? function(e) {
+  for (var t = []; e; )
+    xn(t, lt(e)), e = On(e);
+  return t;
+} : Vn;
+function Js(e, t) {
+  return Ee(e, In(e), t);
+}
+function En(e, t, n) {
+  var r = t(e);
+  return de(e) ? r : xn(r, n(e));
+}
+function Ge(e) {
+  return En(e, it, lt);
+}
+function Qs(e) {
+  return En(e, ot, In);
+}
+var We = J(j, "DataView"), Ke = J(j, "Promise"), qe = J(j, "Set"), kt = "[object Map]", ei = "[object Object]", Rt = "[object Promise]", Nt = "[object Set]", Ut = "[object WeakMap]", zt = "[object DataView]", ti = Z(We), ni = Z(me), ri = Z(Ke), ai = Z(qe), si = Z(He), F = pe;
+(We && F(new We(new ArrayBuffer(1))) != zt || me && F(new me()) != kt || Ke && F(Ke.resolve()) != Rt || qe && F(new qe()) != Nt || He && F(new He()) != Ut) && (F = function(e) {
+  var t = pe(e), n = t == ei ? e.constructor : void 0, r = n ? Z(n) : "";
+  if (r)
+    switch (r) {
+      case ti:
+        return zt;
+      case ni:
+        return kt;
+      case ri:
+        return Rt;
+      case ai:
+        return Nt;
+      case si:
+        return Ut;
+    }
+  return t;
+});
+var ii = Object.prototype, oi = ii.hasOwnProperty;
+function li(e) {
+  var t = e.length, n = new e.constructor(t);
+  return t && typeof e[0] == "string" && oi.call(e, "index") && (n.index = e.index, n.input = e.input), n;
+}
+var xe = j.Uint8Array;
+function ut(e) {
+  var t = new e.constructor(e.byteLength);
+  return new xe(t).set(new xe(e)), t;
+}
+function ui(e, t) {
+  var n = t ? ut(e.buffer) : e.buffer;
+  return new e.constructor(n, e.byteOffset, e.byteLength);
+}
+var ci = /\w*$/;
+function fi(e) {
+  var t = new e.constructor(e.source, ci.exec(e));
+  return t.lastIndex = e.lastIndex, t;
+}
+var Ht = H ? H.prototype : void 0, Gt = Ht ? Ht.valueOf : void 0;
+function di(e) {
+  return Gt ? Object(Gt.call(e)) : {};
+}
+function gi(e, t) {
+  var n = t ? ut(e.buffer) : e.buffer;
+  return new e.constructor(n, e.byteOffset, e.length);
+}
+var mi = "[object Boolean]", yi = "[object Date]", vi = "[object Map]", pi = "[object Number]", hi = "[object RegExp]", _i = "[object Set]", bi = "[object String]", Ti = "[object Symbol]", $i = "[object ArrayBuffer]", Ci = "[object DataView]", wi = "[object Float32Array]", Ai = "[object Float64Array]", Si = "[object Int8Array]", xi = "[object Int16Array]", Oi = "[object Int32Array]", Pi = "[object Uint8Array]", Vi = "[object Uint8ClampedArray]", Ii = "[object Uint16Array]", Ei = "[object Uint32Array]";
+function Mi(e, t, n) {
+  var r = e.constructor;
+  switch (t) {
+    case $i:
+      return ut(e);
+    case mi:
+    case yi:
+      return new r(+e);
+    case Ci:
+      return ui(e, n);
+    case wi:
+    case Ai:
+    case Si:
+    case xi:
+    case Oi:
+    case Pi:
+    case Vi:
+    case Ii:
+    case Ei:
+      return gi(e, n);
+    case vi:
+      return new r();
+    case pi:
+    case bi:
+      return new r(e);
+    case hi:
+      return fi(e);
+    case _i:
+      return new r();
+    case Ti:
+      return di(e);
+  }
+}
+function Li(e) {
+  return typeof e.constructor == "function" && !at(e) ? ga(On(e)) : {};
+}
+var Bi = "[object Map]";
+function Fi(e) {
+  return q(e) && F(e) == Bi;
+}
+var Wt = re && re.isMap, Di = Wt ? st(Wt) : Fi, ji = "[object Set]";
+function ki(e) {
+  return q(e) && F(e) == ji;
+}
+var Kt = re && re.isSet, Ri = Kt ? st(Kt) : ki, Ni = 1, Ui = 2, zi = 4, Mn = "[object Arguments]", Hi = "[object Array]", Gi = "[object Boolean]", Wi = "[object Date]", Ki = "[object Error]", Ln = "[object Function]", qi = "[object GeneratorFunction]", Yi = "[object Map]", Xi = "[object Number]", Bn = "[object Object]", Zi = "[object RegExp]", Ji = "[object Set]", Qi = "[object String]", eo = "[object Symbol]", to = "[object WeakMap]", no = "[object ArrayBuffer]", ro = "[object DataView]", ao = "[object Float32Array]", so = "[object Float64Array]", io = "[object Int8Array]", oo = "[object Int16Array]", lo = "[object Int32Array]", uo = "[object Uint8Array]", co = "[object Uint8ClampedArray]", fo = "[object Uint16Array]", go = "[object Uint32Array]", b = {};
+b[Mn] = b[Hi] = b[no] = b[ro] = b[Gi] = b[Wi] = b[ao] = b[so] = b[io] = b[oo] = b[lo] = b[Yi] = b[Xi] = b[Bn] = b[Zi] = b[Ji] = b[Qi] = b[eo] = b[uo] = b[co] = b[fo] = b[go] = !0;
+b[Ki] = b[Ln] = b[to] = !1;
+function Ae(e, t, n, r, i, a) {
+  var o, f = t & Ni, l = t & Ui, c = t & zi;
+  if (o !== void 0)
+    return o;
+  if (!he(e))
+    return e;
+  var y = de(e);
+  if (y) {
+    if (o = li(e), !f)
+      return ma(e, o);
+  } else {
+    var d = F(e), v = d == Ln || d == qi;
+    if (Se(e))
+      return Ws(e, f);
+    if (d == Bn || d == Mn || v && !i) {
+      if (o = l || v ? {} : Li(e), !f)
+        return l ? Js(e, Hs(o, e)) : Xs(e, zs(o, e));
+    } else {
+      if (!b[d])
+        return i ? e : {};
+      o = Mi(e, d, f);
+    }
+  }
+  a || (a = new N());
+  var T = a.get(e);
+  if (T)
+    return T;
+  a.set(e, o), Ri(e) ? e.forEach(function(A) {
+    o.add(Ae(A, t, n, A, e, a));
+  }) : Di(e) && e.forEach(function(A, x) {
+    o.set(x, Ae(A, t, n, x, e, a));
+  });
+  var h = c ? l ? Qs : Ge : l ? ot : it, $ = y ? void 0 : h(e);
+  return ya($ || e, function(A, x) {
+    $ && (x = A, A = e[x]), hn(o, x, Ae(A, t, n, x, e, a));
+  }), o;
+}
+var mo = 1, yo = 4;
+function qt(e) {
+  return Ae(e, mo | yo);
+}
+var vo = "__lodash_hash_undefined__";
+function po(e) {
+  return this.__data__.set(e, vo), this;
+}
+function ho(e) {
+  return this.__data__.has(e);
+}
+function Oe(e) {
+  var t = -1, n = e == null ? 0 : e.length;
+  for (this.__data__ = new Q(); ++t < n; )
+    this.add(e[t]);
+}
+Oe.prototype.add = Oe.prototype.push = po;
+Oe.prototype.has = ho;
+function _o(e, t) {
+  for (var n = -1, r = e == null ? 0 : e.length; ++n < r; )
+    if (t(e[n], n, e))
+      return !0;
+  return !1;
+}
+function bo(e, t) {
+  return e.has(t);
+}
+var To = 1, $o = 2;
+function Fn(e, t, n, r, i, a) {
+  var o = n & To, f = e.length, l = t.length;
+  if (f != l && !(o && l > f))
+    return !1;
+  var c = a.get(e), y = a.get(t);
+  if (c && y)
+    return c == t && y == e;
+  var d = -1, v = !0, T = n & $o ? new Oe() : void 0;
+  for (a.set(e, t), a.set(t, e); ++d < f; ) {
+    var h = e[d], $ = t[d];
+    if (r)
+      var A = o ? r($, h, d, t, e, a) : r(h, $, d, e, t, a);
+    if (A !== void 0) {
+      if (A)
+        continue;
+      v = !1;
+      break;
+    }
+    if (T) {
+      if (!_o(t, function(x, B) {
+        if (!bo(T, B) && (h === x || i(h, x, n, r, a)))
+          return T.push(B);
+      })) {
+        v = !1;
+        break;
+      }
+    } else if (!(h === $ || i(h, $, n, r, a))) {
+      v = !1;
+      break;
+    }
+  }
+  return a.delete(e), a.delete(t), v;
+}
+function Co(e) {
+  var t = -1, n = Array(e.size);
+  return e.forEach(function(r, i) {
+    n[++t] = [i, r];
+  }), n;
+}
+function wo(e) {
+  var t = -1, n = Array(e.size);
+  return e.forEach(function(r) {
+    n[++t] = r;
+  }), n;
+}
+var Ao = 1, So = 2, xo = "[object Boolean]", Oo = "[object Date]", Po = "[object Error]", Vo = "[object Map]", Io = "[object Number]", Eo = "[object RegExp]", Mo = "[object Set]", Lo = "[object String]", Bo = "[object Symbol]", Fo = "[object ArrayBuffer]", Do = "[object DataView]", Yt = H ? H.prototype : void 0, ke = Yt ? Yt.valueOf : void 0;
+function jo(e, t, n, r, i, a, o) {
+  switch (n) {
+    case Do:
+      if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
+        return !1;
+      e = e.buffer, t = t.buffer;
+    case Fo:
+      return !(e.byteLength != t.byteLength || !a(new xe(e), new xe(t)));
+    case xo:
+    case Oo:
+    case Io:
+      return rt(+e, +t);
+    case Po:
+      return e.name == t.name && e.message == t.message;
+    case Eo:
+    case Lo:
+      return e == t + "";
+    case Vo:
+      var f = Co;
+    case Mo:
+      var l = r & Ao;
+      if (f || (f = wo), e.size != t.size && !l)
+        return !1;
+      var c = o.get(e);
+      if (c)
+        return c == t;
+      r |= So, o.set(e, t);
+      var y = Fn(f(e), f(t), r, i, a, o);
+      return o.delete(e), y;
+    case Bo:
+      if (ke)
+        return ke.call(e) == ke.call(t);
+  }
+  return !1;
+}
+var ko = 1, Ro = Object.prototype, No = Ro.hasOwnProperty;
+function Uo(e, t, n, r, i, a) {
+  var o = n & ko, f = Ge(e), l = f.length, c = Ge(t), y = c.length;
+  if (l != y && !o)
+    return !1;
+  for (var d = l; d--; ) {
+    var v = f[d];
+    if (!(o ? v in t : No.call(t, v)))
+      return !1;
+  }
+  var T = a.get(e), h = a.get(t);
+  if (T && h)
+    return T == t && h == e;
+  var $ = !0;
+  a.set(e, t), a.set(t, e);
+  for (var A = o; ++d < l; ) {
+    v = f[d];
+    var x = e[v], B = t[v];
+    if (r)
+      var _e = o ? r(B, x, v, t, e, a) : r(x, B, v, e, t, a);
+    if (!(_e === void 0 ? x === B || i(x, B, n, r, a) : _e)) {
+      $ = !1;
+      break;
+    }
+    A || (A = v == "constructor");
+  }
+  if ($ && !A) {
+    var G = e.constructor, ee = t.constructor;
+    G != ee && "constructor" in e && "constructor" in t && !(typeof G == "function" && G instanceof G && typeof ee == "function" && ee instanceof ee) && ($ = !1);
+  }
+  return a.delete(e), a.delete(t), $;
+}
+var zo = 1, Xt = "[object Arguments]", Zt = "[object Array]", $e = "[object Object]", Ho = Object.prototype, Jt = Ho.hasOwnProperty;
+function Go(e, t, n, r, i, a) {
+  var o = de(e), f = de(t), l = o ? Zt : F(e), c = f ? Zt : F(t);
+  l = l == Xt ? $e : l, c = c == Xt ? $e : c;
+  var y = l == $e, d = c == $e, v = l == c;
+  if (v && Se(e)) {
+    if (!Se(t))
+      return !1;
+    o = !0, y = !1;
+  }
+  if (v && !y)
+    return a || (a = new N()), o || wn(e) ? Fn(e, t, n, r, i, a) : jo(e, t, l, n, r, i, a);
+  if (!(n & zo)) {
+    var T = y && Jt.call(e, "__wrapped__"), h = d && Jt.call(t, "__wrapped__");
+    if (T || h) {
+      var $ = T ? e.value() : e, A = h ? t.value() : t;
+      return a || (a = new N()), i($, A, n, r, a);
+    }
+  }
+  return v ? (a || (a = new N()), Uo(e, t, n, r, i, a)) : !1;
+}
+function Dn(e, t, n, r, i) {
+  return e === t ? !0 : e == null || t == null || !q(e) && !q(t) ? e !== e && t !== t : Go(e, t, n, r, Dn, i);
+}
+function Ce(e, t) {
+  return Dn(e, t);
+}
+const Wo = /* @__PURE__ */ L({
   __name: "index",
   props: {
     unique: {},
@@ -988,76 +1718,123 @@ const Jt = /* @__PURE__ */ w({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = fe(), { backgroundColor1: l, backgroundColor2: a } = ye(), u = e, i = t, m = $("20px"), o = $("56px"), c = $("200px"), f = Te({}), g = (d, s, r, v) => (d !== "" && (d += "."), d += s.key, s.children ? s.array ? x(d, s, r, v) : I(d, s, r, v) : s.array ? b(d, s, r) : M(d, s, r)), x = (d, s, r, v) => {
-      r[s.key] instanceof Array || (r[s.key] = [], i("change", d, r[s.key]));
-      const S = p(Me, {
-        title: n(s.name),
-        collapse: (typeof v.collapse != "boolean" && (v.collapse = !0), v.collapse),
-        onCollapse: (h) => {
-          v.collapse = h;
+    const { t: n } = tt(), { backgroundColor1: r, backgroundColor2: i } = nt(), a = e, o = t, f = M("20px"), l = M("56px"), c = M("200px"), y = Qt({}), d = (g, s) => {
+      T(), o("change", g, s);
+    }, v = M({}), T = () => {
+      if (!a.config || !a.object) {
+        v.value = {};
+        return;
+      }
+      const g = (u, m, O, p) => {
+        if (u = qt(u), u.push(m.key), p[m.key] || (p[m.key] = {}), m.ui) {
+          if (Ce(u, ["basic", "id"]) || Ce(u, ["basic", "name"]))
+            return !1;
+          const S = !Ce(m.default, O[m.key]);
+          return p[m.key].__change__ = S, S;
+        } else if (m.array) {
+          const S = !Ce(m.default, O[m.key]);
+          return p[m.key].__change__ = S, S;
+        } else {
+          let S = !1;
+          return m.children.forEach((C) => {
+            g(u, C, O[m.key], p[m.key]) && (S = !0);
+          }), p[m.key].__change__ = S, S;
+        }
+      }, s = {};
+      a.config.forEach((u) => {
+        g([], u, a.object, s);
+      }), v.value = s;
+    };
+    Ne([() => a.unique, () => a.config, () => a.object], () => {
+      T();
+    });
+    const h = (g) => {
+      let s = v.value;
+      return g.forEach((u) => {
+        if (s = s[u], !s)
+          return console.assert(!1, "isPropChanged unpkg failed"), !1;
+      }), s.__change__ ?? !1;
+    }, $ = (g, s, u, m) => (g = qt(g), g.push(s.key), s.ui ? s.array ? B(g, s, u) : _e(g, s, u) : s.array ? A(g, s, u, m) : x(g, s, u, m)), A = (g, s, u, m) => {
+      if (s.ui)
+        return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
+      if (!s.array)
+        return console.assert(!1), _("div", "renderBranchArray prop array must be valid");
+      u[s.key] instanceof Array || (u[s.key] = k(s), d(g, u[s.key]));
+      let O = n(s.name);
+      h(g) && (O += " *");
+      const p = _(wt, {
+        title: O,
+        collapse: (typeof m.collapse != "boolean" && (m.collapse = !0), m.collapse),
+        onCollapse: (C) => {
+          m.collapse = C;
         },
         onCreate: () => {
-          r[s.key].push({}), i("change", d, r[s.key]);
+          u[s.key].push({}), d(g, u[s.key]);
         }
-      }), y = p(
+      }), S = _(
         "div",
         {
           style: {
-            paddingLeft: m.value
+            paddingLeft: f.value
           }
         },
         (() => {
-          v[s.key] instanceof Array || (v[s.key] = []);
-          for (let h = 0; h < r[s.key].length; h++)
-            typeof v[s.key][h] != "object" && (v[s.key][h] = {
+          m[s.key] instanceof Array || (m[s.key] = []);
+          for (let C = 0; C < u[s.key].length; C++)
+            typeof m[s.key][C] != "object" && (m[s.key][C] = {
               collapse: !0
             });
           return [];
         })()
       );
-      return p(
+      return _(
         "div",
         {
           style: {
-            background: a.value,
+            background: i.value,
             marginBottom: "1px"
           }
         },
         (() => {
-          const h = [];
-          return h.push(S), v.collapse || h.push(y), h;
+          const C = [];
+          return C.push(p), m.collapse || C.push(S), C;
         })()
       );
-    }, I = (d, s, r, v) => {
-      const S = p(Me, {
-        title: n(s.name),
-        collapse: De(v, d),
-        onCollapse: (h) => {
-          Kt(v, d, h);
+    }, x = (g, s, u, m) => {
+      if (s.ui)
+        return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
+      if (s.array)
+        return console.assert(!1), _("div", "renderBranchScalar prop array must be invalid");
+      let O = n(s.name);
+      h(g) && (O += " *");
+      const p = _(wt, {
+        title: O,
+        collapse: St(m, g),
+        onCollapse: (C) => {
+          Nr(m, g, C);
         }
-      }), y = p(
+      }), S = _(
         "div",
         {
           style: {
-            background: l.value,
-            paddingLeft: m.value
+            background: r.value,
+            paddingLeft: f.value
           }
         },
         (() => {
-          var z;
-          const h = [];
-          return (z = s.children) == null || z.forEach((ne) => {
-            const Xe = g(
-              d,
-              ne,
-              (typeof r[s.key] != "object" && (r[s.key] = {}, i("change", d, r[s.key])), r[s.key]),
-              v
+          const C = [];
+          return s.children.forEach((Be) => {
+            const jn = $(
+              g,
+              Be,
+              (typeof u[s.key] != "object" && (u[s.key] = {}, d(g, u[s.key])), u[s.key]),
+              m
             );
-            h.push(Xe);
-          }), h;
+            C.push(jn);
+          }), C;
         })()
       );
-      return p(
+      return _(
         "div",
         {
           style: {
@@ -1065,40 +1842,44 @@ const Jt = /* @__PURE__ */ w({
           }
         },
         (() => {
-          const h = [];
-          return h.push(S), De(v, d) || h.push(y), h;
+          const C = [];
+          return C.push(p), St(m, g) || C.push(S), C;
         })()
       );
-    }, b = (d, s, r) => {
-      r[s.key] instanceof Array || (r[s.key] = D(s), i("change", d, r[s.key]));
-      let v = () => [];
-      return s.ui === "strInput" ? v = () => {
-        const S = [];
-        for (let h = 0; h < r[s.key].length; h++) {
-          const z = p(
+    }, B = (g, s, u) => {
+      if (!s.ui)
+        return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
+      if (!s.array)
+        return console.assert(!1), _("div", "renderLeafArray prop array must be valid");
+      u[s.key] instanceof Array || (u[s.key] = k(s), d(g, u[s.key]));
+      let m = () => [];
+      return s.ui === "strInput" ? m = () => {
+        const O = [];
+        for (let S = 0; S < u[s.key].length; S++) {
+          const C = _(
             "div",
             {
               class: "d-flex align-center justify-center",
               style: {
-                height: o.value
+                height: l.value
               }
             },
             [
-              p(Fe, {
-                modelValue: r[s.key][h],
-                "onUpdate:modelValue": (ne) => {
-                  r[s.key][h] = ne, i("change", d, r[s.key]);
+              _(At, {
+                modelValue: u[s.key][S],
+                "onUpdate:modelValue": (Be) => {
+                  u[s.key][S] = Be, d(g, u[s.key]);
                 },
                 hasDelete: !0,
                 onDelete: () => {
-                  r[s.key].splice(h, 1), i("change", d, r[s.key]);
+                  u[s.key].splice(S, 1), d(g, u[s.key]);
                 }
               })
             ]
           );
-          S.push(z);
+          O.push(C);
         }
-        const y = p(
+        const p = _(
           "div",
           {
             class: "d-flex align-center justify-center",
@@ -1112,96 +1893,103 @@ const Jt = /* @__PURE__ */ w({
               border: "thin dashed #bdbdbd"
             },
             onClick: () => {
-              r[s.key].push(""), i("change", d, r[s.key]);
+              u[s.key].push(""), d(g, u[s.key]);
             }
           },
-          [p(Ut, { icon: He })]
+          [_(Ir, { icon: sn })]
         );
-        return S.push(y), S;
-      } : console.assert(!1, "invalid prop ui", s.ui), A(n(s.name), v());
-    }, M = (d, s, r) => {
-      let v = () => [];
-      return s.ui === "dummy" ? r[s.key] === void 0 && (r[s.key] = D(s), i("change", d, r[s.key])) : s.ui === "strInput" ? v = () => [p(Fe, {
-        modelValue: s.static ? s.value : (typeof r[s.key] != "string" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
-        "onUpdate:modelValue": (y) => {
-          s.static || y !== r[s.key] && (r[s.key] = y, i("change", d, y));
+        return O.push(p), O;
+      } : console.assert(!1, "renderLeafArray not implemented"), G(g, s, m());
+    }, _e = (g, s, u) => {
+      if (!s.ui)
+        return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
+      if (s.array)
+        return console.assert(!1), _("div", "renderLeafScalar prop array must be invalid");
+      let m = () => [];
+      return s.ui === "dummy" ? u[s.key] === void 0 && (u[s.key] = k(s), d(g, u[s.key])) : s.ui === "strInput" ? m = () => [_(At, {
+        modelValue: s.static ? s.value : (typeof u[s.key] != "string" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          s.static || p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
         },
         readonly: s.static || s.readonly
-      })] : s.ui === "numInput" ? v = () => [p(Xt, {
-        modelValue: (typeof r[s.key] != "number" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
-        "onUpdate:modelValue": (y) => {
-          y !== r[s.key] && (r[s.key] = y, i("change", d, y));
+      })] : s.ui === "numInput" ? m = () => [_(jr, {
+        modelValue: (typeof u[s.key] != "number" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
         },
         readonly: s.readonly
-      })] : s.ui === "switch" ? v = () => [p(Zt, {
-        modelValue: (typeof r[s.key] != "boolean" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
-        "onUpdate:modelValue": (y) => {
-          y !== r[s.key] && (r[s.key] = y, i("change", d, y));
+      })] : s.ui === "switch" ? m = () => [_(Rr, {
+        modelValue: (typeof u[s.key] != "boolean" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
         },
         readonly: s.readonly
-      })] : s.ui === "select" ? v = () => [p(Yt, {
-        modelValue: (typeof r[s.key] != "string" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
-        "onUpdate:modelValue": (y) => {
-          y !== r[s.key] && (r[s.key] = y, i("change", d, y));
+      })] : s.ui === "select" ? m = () => [_(kr, {
+        modelValue: (typeof u[s.key] != "string" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
         },
         items: (() => {
-          const y = [];
-          return s.items.forEach(({ title: h, value: z }) => {
-            y.push({
-              title: n(h),
-              value: z
+          const p = [];
+          return s.items.forEach(({ title: S, value: C }) => {
+            p.push({
+              title: n(S),
+              value: C
             });
-          }), y;
+          }), p;
         })(),
         readonly: s.readonly
-      })] : s.ui === "colorPicker" ? v = () => [p(Et, {
-        modelValue: (typeof r[s.key] != "string" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
-        "onUpdate:modelValue": (y) => {
-          y !== r[s.key] && (r[s.key] = y, i("change", d, y));
+      })] : s.ui === "colorPicker" ? m = () => [_(Lr, {
+        modelValue: (typeof u[s.key] != "string" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
         },
         readonly: s.readonly
-      })] : s.ui === "multiTypes" ? v = () => [p(qt, {
-        modelValue: (typeof r[s.key] != "string" && (r[s.key] = D(s), i("change", d, r[s.key])), r[s.key]),
-        "onUpdate:modelValue": (y) => {
-          y !== r[s.key] && (r[s.key] = y, i("change", d, y));
+      })] : s.ui === "multiTypes" ? m = () => [_(Dr, {
+        modelValue: (typeof u[s.key] != "string" && (u[s.key] = k(s), d(g, u[s.key])), u[s.key]),
+        "onUpdate:modelValue": (p) => {
+          p !== u[s.key] && (u[s.key] = p, d(g, u[s.key]));
         },
         types: s.types
-      })] : s.ui === "compSelect" ? v = () => [p(Wt, {})] : console.assert(!1, "invalid prop ui", s.ui), A(n(s.name), v());
-    }, A = (d, s) => p(
-      Nt,
-      {
-        minHeight: o.value
-      },
-      () => [
-        p("span", { class: "ml-1", innerHTML: d }),
-        p("div", { style: { width: c.value } }, s)
-      ]
-    ), Z = () => p(
+      })] : s.ui === "compSelect" ? m = () => [_(Br, {})] : console.assert(!1, "renderLeafScalar not implemented"), G(g, s, m());
+    }, G = (g, s, u) => {
+      let m = n(s.name);
+      return h(g) && (m += " *"), _(
+        Er,
+        {
+          minHeight: l.value
+        },
+        () => [
+          _("span", { class: "ml-1", innerHTML: m }),
+          _("div", { style: { width: c.value } }, u)
+        ]
+      );
+    }, ee = () => _(
       "div",
       {
         class: "text-body-2"
       },
       (() => {
-        const d = [];
-        if (u.unique && u.config && u.object) {
-          f[u.unique] || (f[u.unique] = {});
-          const s = f[u.unique];
-          u.config.forEach((r) => {
-            const v = g("", r, u.object, s);
-            d.push(v);
+        const g = [];
+        if (a.unique && a.config && a.object) {
+          y[a.unique] || (y[a.unique] = {});
+          const s = y[a.unique];
+          a.config.forEach((u) => {
+            const m = $([], u, a.object, s);
+            g.push(m);
           });
         }
-        return d;
+        return g;
       })()
     );
-    return (d, s) => (C(), X(ie, null, [
-      _(Z),
-      _(Rt)
+    return (g, s) => (E(), ye(Ye, null, [
+      P(ee),
+      P(Mr)
     ], 64));
   }
-}), Qt = (e) => {
-  e.component("XPropTree", Jt);
-}, ln = { install: Qt };
+}), Ko = (e) => {
+  e.component("XPropTree", Wo);
+}, Jo = { install: Ko };
 export {
-  ln as default
+  Jo as default
 };