x-prop-tree 0.4.7 → 0.4.8

package/dist/index.js

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.id="x-prop-tree",e.appendChild(document.createTextNode('.v-icon{--v-icon-size-multiplier: 1;align-items:center;display:inline-flex;font-feature-settings:"liga";height:1em;justify-content:center;letter-spacing:normal;line-height:1;position:relative;text-indent:0;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1em;min-width:1em}.v-icon--clickable{cursor:pointer}.v-icon--disabled{pointer-events:none;opacity:.38}.v-icon--size-x-small{font-size:calc(var(--v-icon-size-multiplier) * 1em)}.v-icon--size-small{font-size:calc(var(--v-icon-size-multiplier) * 1.25em)}.v-icon--size-default{font-size:calc(var(--v-icon-size-multiplier) * 1.5em)}.v-icon--size-large{font-size:calc(var(--v-icon-size-multiplier) * 1.75em)}.v-icon--size-x-large{font-size:calc(var(--v-icon-size-multiplier) * 2em)}.v-icon__svg{fill:currentColor;width:100%;height:100%}.v-icon--start{margin-inline-end:8px}.v-icon--end{margin-inline-start:8px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { Fragment as ae, reactive as we, computed as _, watchEffect as Be, toRefs as Ge, warn as qe, getCurrentInstance as Xe, inject as re, shallowRef as Ye, provide as $e, defineComponent as B, isRef as Fe, createVNode as C, mergeProps as Ie, unref as T, ref as F, toRef as Ze, Text as Ke, resolveDirective as G, withDirectives as q, openBlock as x, createElementBlock as j, normalizeStyle as Me, withModifiers as Q, renderSlot as Je, resolveComponent as p, createBlock as I, withCtx as P, renderList as Qe, createTextVNode as De, toDisplayString as ie, createElementVNode as je, createCommentVNode as oe, mergeModels as N, useModel as X, h as k } from "vue";
+import { Fragment as ae, reactive as we, computed as _, watchEffect as Be, toRefs as Ge, warn as qe, getCurrentInstance as Xe, inject as re, shallowRef as Ye, provide as $e, defineComponent as B, isRef as Ie, createVNode as C, mergeProps as Me, unref as T, ref as I, toRef as Ze, Text as Ke, resolveDirective as G, withDirectives as q, openBlock as x, createElementBlock as j, normalizeStyle as Fe, withModifiers as Q, renderSlot as Je, resolveComponent as p, createBlock as M, withCtx as P, renderList as Qe, createTextVNode as De, toDisplayString as ie, createElementVNode as je, createCommentVNode as oe, mergeModels as N, useModel as X, h as k } from "vue";
 import { useI18n as Ae } from "vue-i18n";
 import { useColor as ue, eventBus as Te, useViewStack as en } from "x-essential-lib";
 import { getPropDefault as A } from "x-runtime-lib";
@@ -369,9 +369,9 @@ function $n(e) {
     };
   });
 }
-function Fn(e, n) {
+function In(e, n) {
   const t = _(() => ({
-    text: Fe(e) ? e.value : null
+    text: Ie(e) ? e.value : null
   })), {
     colorClasses: l,
     colorStyles: a
@@ -381,7 +381,7 @@ function Fn(e, n) {
     textColorStyles: a
   };
 }
-const Ee = [String, Function, Object, Array], In = Symbol.for("vuetify:icons"), ne = L({
+const Ee = [String, Function, Object, Array], Mn = Symbol.for("vuetify:icons"), ne = L({
   icon: {
     type: Ee
   },
@@ -407,7 +407,7 @@ const Ee = [String, Function, Object, Array], In = Symbol.for("vuetify:icons"),
       });
     };
   }
-}), Mn = ee({
+}), Fn = ee({
   name: "VSvgIcon",
   inheritAttrs: !1,
   props: ne(),
@@ -415,7 +415,7 @@ const Ee = [String, Function, Object, Array], In = Symbol.for("vuetify:icons"),
     let {
       attrs: t
     } = n;
-    return () => C(e.tag, Ie(t, {
+    return () => C(e.tag, Me(t, {
       style: null
     }), {
       default: () => [C("svg", {
@@ -454,7 +454,7 @@ ee({
   }
 });
 const Dn = (e) => {
-  const n = re(In);
+  const n = re(Mn);
   if (!n) throw new Error("Missing Vuetify Icons provide!");
   return {
     iconData: _(() => {
@@ -466,7 +466,7 @@ const Dn = (e) => {
       let a = l;
       if (typeof a == "string" && (a = a.trim(), a.startsWith("$") && (a = (c = n.aliases) == null ? void 0 : c[a.slice(1)])), a || E(`Could not find aliased icon "${l}"`), Array.isArray(a))
         return {
-          component: Mn,
+          component: Fn,
           icon: a
         };
       if (typeof a != "string")
@@ -520,7 +520,7 @@ const Ln = L({
       attrs: t,
       slots: l
     } = n;
-    const a = F(), {
+    const a = I(), {
       themeClasses: r
     } = wn(e), {
       iconData: i
@@ -529,7 +529,7 @@ const Ln = L({
     } = Pn(e), {
       textColorClasses: c,
       textColorStyles: o
-    } = Fn(Ze(e, "color"));
+    } = In(Ze(e, "color"));
     return bn(() => {
       var S, w;
       const f = (S = l.default) == null ? void 0 : S.call(l);
@@ -563,7 +563,7 @@ const Ln = L({
     minHeight: {}
   },
   setup(e) {
-    const { backgroundColor2: n, highlightColor: t } = ue(), l = F(!1), a = _(() => ({
+    const { backgroundColor2: n, highlightColor: t } = ue(), l = I(!1), a = _(() => ({
       background: l.value ? t.value : n.value,
       minHeight: e.minHeight,
       paddingRight: "4px",
@@ -579,7 +579,7 @@ const Ln = L({
       const c = G("ripple");
       return q((x(), j("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
-        style: Me(a.value),
+        style: Fe(a.value),
         onContextmenu: Q(r, ["prevent"]),
         onMouseover: g[0] || (g[0] = (o) => l.value = !0),
         onMouseout: g[1] || (g[1] = (o) => l.value = !1)
@@ -593,7 +593,7 @@ const Ln = L({
 }), Hn = /* @__PURE__ */ B({
   __name: "menu",
   setup(e) {
-    const { t: n } = Ae(), t = F(0), l = F(0), a = _(() => [t.value, l.value]), r = (o) => {
+    const { t: n } = Ae(), t = I(0), l = I(0), a = _(() => [t.value, l.value]), r = (o) => {
       const f = () => {
         console.log("reset");
       };
@@ -609,9 +609,9 @@ const Ln = L({
     }, { open: c } = en("propTreeMenu", g);
     return (o, f) => {
       const y = p("v-list-item-title"), S = p("v-list-item"), w = p("v-list"), V = p("v-menu");
-      return x(), I(V, {
+      return x(), M(V, {
         modelValue: T(c),
-        "onUpdate:modelValue": f[0] || (f[0] = ($) => Fe(c) ? c.value = $ : null),
+        "onUpdate:modelValue": f[0] || (f[0] = ($) => Ie(c) ? c.value = $ : null),
         "location-strategy": "connected",
         target: a.value,
         scrim: "transparent"
@@ -619,7 +619,7 @@ const Ln = L({
         default: P(() => [
           C(w, null, {
             default: P(() => [
-              (x(!0), j(ae, null, Qe(i.value, ($, D) => (x(), I(S, {
+              (x(!0), j(ae, null, Qe(i.value, ($, D) => (x(), M(S, {
                 key: D,
                 link: "",
                 onClick: $.func
@@ -653,7 +653,7 @@ const Ln = L({
   },
   emits: ["collapse", "create", "delete"],
   setup(e, { emit: n }) {
-    const { backgroundColor2: t, highlightColor: l } = ue(), a = n, r = F(!1), i = _(() => ({
+    const { backgroundColor2: t, highlightColor: l } = ue(), a = n, r = I(!1), i = _(() => ({
       background: r.value ? l.value : t.value,
       height: "36px",
       marginBottom: "1px",
@@ -670,7 +670,7 @@ const Ln = L({
       const y = p("v-icon"), S = p("v-spacer"), w = G("ripple");
       return q((x(), j("div", {
         class: "d-flex align-center cursor-pointer",
-        style: Me(i.value),
+        style: Fe(i.value),
         onClick: g,
         onContextmenu: Q(c, ["prevent"]),
         onMouseover: f[2] || (f[2] = (V) => r.value = !0),
@@ -682,13 +682,13 @@ const Ln = L({
         }, null, 8, ["icon"]),
         je("span", null, ie(o.title), 1),
         C(S),
-        o.hasCreate ? (x(), I(y, {
+        o.hasCreate ? (x(), M(y, {
           key: 0,
           class: "ml-3",
           icon: T(Le),
           onClick: f[0] || (f[0] = Q((V) => a("create"), ["stop"]))
         }, null, 8, ["icon"])) : oe("", !0),
-        o.hasDelete ? (x(), I(y, {
+        o.hasDelete ? (x(), M(y, {
           key: 1,
           class: "ml-3",
           icon: T(Pe),
@@ -709,12 +709,12 @@ const Ln = L({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = X(e, "modelValue"), t = _(() => e.readonly), l = F("hexa");
+    const n = X(e, "modelValue"), t = _(() => e.readonly), l = I("hexa");
     return (a, r) => {
       const i = p("v-btn"), g = p("v-color-picker"), c = p("v-menu");
-      return x(), I(c, { "close-on-content-click": !1 }, {
+      return x(), M(c, { "close-on-content-click": !1 }, {
         activator: P(({ props: o }) => [
-          C(i, Ie(o, {
+          C(i, Me(o, {
             density: "comfortable",
             color: n.value,
             block: "",
@@ -757,7 +757,7 @@ const Ln = L({
     const n = X(e, "modelValue");
     return (t, l) => {
       const a = p("v-number-input"), r = G("ripple");
-      return q((x(), I(a, {
+      return q((x(), M(a, {
         modelValue: n.value,
         "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
         density: "compact",
@@ -793,7 +793,7 @@ const Ln = L({
     const n = X(e, "modelValue");
     return (t, l) => {
       const a = p("v-select"), r = G("ripple");
-      return q((x(), I(a, {
+      return q((x(), M(a, {
         modelValue: n.value,
         "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
         density: "compact",
@@ -825,7 +825,7 @@ const Ln = L({
     const t = X(e, "modelValue"), l = n;
     return (a, r) => {
       const i = p("v-text-field"), g = G("ripple");
-      return q((x(), I(i, {
+      return q((x(), M(i, {
         modelValue: t.value,
         "onUpdate:modelValue": r[0] || (r[0] = (c) => t.value = c),
         density: "compact",
@@ -857,7 +857,7 @@ const Ln = L({
     const n = X(e, "modelValue");
     return (t, l) => {
       const a = p("v-switch");
-      return x(), I(a, {
+      return x(), M(a, {
         modelValue: n.value,
         "onUpdate:modelValue": l[0] || (l[0] = (r) => n.value = r),
         class: "ml-1",
@@ -877,9 +877,9 @@ const Ln = L({
   },
   emits: ["change"],
   setup(e, { emit: n }) {
-    const { t } = Ae(), { backgroundColor1: l, backgroundColor2: a } = ue(), r = e, i = n, g = F("20px"), c = F("56px"), o = F("200px"), f = we({});
+    const { t } = Ae(), { backgroundColor1: l, backgroundColor2: a } = ue(), r = e, i = n, g = I("20px"), c = I("56px"), o = I("200px"), f = we({});
     function y(d, s, u, m) {
-      return s.keyFlag || (d !== "" && (d += "."), d += s.key), s.children ? s.array ? S(d, s, u, m) : w(d, s, u, m) : s.array ? V(d, s, u) : $(d, s, u);
+      return d !== "" && (d += "."), d += s.key, s.children ? s.array ? S(d, s, u, m) : w(d, s, u, m) : s.array ? V(d, s, u) : $(d, s, u);
     }
     function S(d, s, u, m) {
       u[s.key] instanceof Array || (u[s.key] = [], i("change", d, u[s.key]));
@@ -940,15 +940,15 @@ const Ln = L({
         (() => {
           var z;
           const h = [];
-          return (z = s.children) == null || z.forEach((M) => {
-            typeof m[M.key] != "object" && (m[M.key] = {
+          return (z = s.children) == null || z.forEach((F) => {
+            typeof m[F.key] != "object" && (m[F.key] = {
               collapse: !0
             });
             const We = y(
               d,
-              M,
-              s.keyFlag ? u : (typeof u[s.key] != "object" && (u[s.key] = {}, i("change", d, u[s.key])), u[s.key]),
-              m[M.key]
+              F,
+              (typeof u[s.key] != "object" && (u[s.key] = {}, i("change", d, u[s.key])), u[s.key]),
+              m[F.key]
             );
             h.push(We);
           }), h;
@@ -984,8 +984,8 @@ const Ln = L({
             [
               k(Se, {
                 modelValue: u[s.key][h],
-                "onUpdate:modelValue": (M) => {
-                  u[s.key][h] = M, i("change", d, u[s.key]);
+                "onUpdate:modelValue": (F) => {
+                  u[s.key][h] = F, i("change", d, u[s.key]);
                 },
                 hasDelete: !0,
                 onDelete: () => {
@@ -1046,10 +1046,10 @@ const Ln = L({
         items: (() => {
           var h;
           const v = [];
-          return (h = s.items) == null || h.forEach(({ title: z, value: M }) => {
+          return (h = s.items) == null || h.forEach(({ title: z, value: F }) => {
             v.push({
               title: t(z),
-              value: M
+              value: F
             });
           }), v;
         })(),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.4.7",
+  "version": "0.4.8",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,7 +26,7 @@
     "vue-i18n": "^10.0.4",
     "vuetify": "^3.7.3",
     "x-essential-lib": "^0.7.3",
-    "x-runtime-lib": "^0.4.9"
+    "x-runtime-lib": "^0.4.13"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.0",