x-prop-tree 0.5.4 → 0.5.6

package/dist/index.js

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