x-prop-tree 0.7.31 → 0.7.32

package/dist/index.js

@@ -1,8 +1,8 @@
-import { provide as re, inject as ae, defineComponent as E, ref as O, computed as L, resolveComponent as $, createBlock as B, openBlock as k, unref as M, isRef as ue, withCtx as K, createVNode as w, createElementBlock as q, Fragment as me, renderList as Me, createTextVNode as ge, toDisplayString as J, resolveDirective as ee, withDirectives as Z, withModifiers as X, normalizeStyle as G, createElementVNode as D, createCommentVNode as Y, onMounted as Oe, onBeforeUnmount as Be, watch as ie, useModel as F, useId as _e, onUnmounted as Se, withKeys as Pe, mergeProps as Ve, mergeModels as j, useTemplateRef as Ye, watchEffect as He, h as S, renderSlot as St, reactive as Vt } from "vue";
+import { provide as re, inject as ae, defineComponent as E, ref as O, computed as L, resolveComponent as $, createBlock as B, openBlock as k, unref as M, isRef as ue, withCtx as K, createVNode as w, createElementBlock as q, Fragment as me, renderList as Me, createTextVNode as ge, toDisplayString as J, resolveDirective as ee, withDirectives as Z, withModifiers as X, normalizeStyle as G, createElementVNode as D, createCommentVNode as Y, onMounted as Oe, onBeforeUnmount as Be, watch as ie, useModel as F, useId as _e, onUnmounted as Se, withKeys as Ae, mergeProps as Ve, mergeModels as j, useTemplateRef as Ye, watchEffect as He, h as S, renderSlot as St, reactive as Vt } from "vue";
 import { useI18n as ne } from "vue-i18n";
 import { useViewStack as ye, useColor as I, globalObjects as Ct, useSystem as le, eventBus as fe, injectDark as $t, injectLocale as Ut, openNumberDlg as We, openPromptDlg as bt } from "x-essential-lib";
-import { getPropertyDefault as H, pkgs as qe, getPropertyTag as wt, elements as Mt, makeSlotId as Fe, parsePixelStr as Pt, parsePercentStr as At } from "x-runtime-lib";
-import { c as Qe, i as Ae, r as pe, d as Ze, v as je } from "./vendor.f0ug048x.js";
+import { getPropertyDefault as H, pkgs as qe, getTag as wt, elements as Mt, makeSlotId as Fe, parsePixelStr as At, parsePercentStr as Pt } from "x-runtime-lib";
+import { c as Qe, i as Pe, r as pe, d as Ze, v as je } from "./vendor.f0ug048x.js";
 import { globalState as Ke } from "x-state-lib";
 import { useDisplay as Re } from "vuetify";
 import { XBlockly as Lt } from "x-block-lib";
@@ -83,7 +83,7 @@ const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t
 }, Ee = (t) => !(t instanceof Array), Le = (t) => t instanceof Array, Tt = [
   ["basic", "id"],
   ["basic", "name"]
-], Nt = (t) => Tt.find((s) => Ae(t, s)), De = (t, s, l, e, n, o, i) => (t = Qe(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), Nt(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Le(e.children) ? qt(
+], Nt = (t) => Tt.find((s) => Pe(t, s)), De = (t, s, l, e, n, o, i) => (t = Qe(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), Nt(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Le(e.children) ? qt(
   t,
   s,
   l,
@@ -153,7 +153,7 @@ const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t
       ) && (a.change = !0), a.change && (e.change = !0);
     });
   }
-  return e.change || (e.change = !Ae(r, H(s))), e.change;
+  return e.change || (e.change = !Pe(r, H(s))), e.change;
 }, Bt = (t, s, l, e, n, o, i) => {
   if (s.ui)
     return console.assert(
@@ -199,12 +199,12 @@ const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t
       u,
       !1
     ) && (e.change = !0);
-  return e.change || (e.change = !Ae(r, H(s))), e.change;
+  return e.change || (e.change = !Pe(r, H(s))), e.change;
 }, Kt = (t, s, l, e, n) => {
   if (!t.ui)
     return console.assert(!1, "execPropertyLeafScalar property ui must be valid"), !1;
   let o;
-  return e !== void 0 && !n ? o = s[e] : o = s[t.key], l.change = !Ae(o, H(t, !0)), l.change;
+  return e !== void 0 && !n ? o = s[e] : o = s[t.key], l.change = !Pe(o, H(t, !0)), l.change;
 }, Ge = (t, s, l, e) => {
   if (s.length <= 0 || !l) {
     t.value = {};
@@ -286,17 +286,17 @@ const jt = /* @__PURE__ */ E({
         const V = be(l.value, u.value);
         if (V)
           if (V.ui) {
-            const P = xe(e.value, u.value.slice(0, -1));
-            if (!P)
+            const A = xe(e.value, u.value.slice(0, -1));
+            if (!A)
               return;
-            P[u.value[u.value.length - 1]] = H(V), o(u.value, P[u.value[u.value.length - 1]]);
+            A[u.value[u.value.length - 1]] = H(V), o(u.value, A[u.value[u.value.length - 1]]);
           } else if (V.array) {
-            const P = u.value[u.value.length - 1];
-            if (P === void 0) {
+            const A = u.value[u.value.length - 1];
+            if (A === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
-            if (typeof P == "string") {
+            if (typeof A == "string") {
               const T = xe(e.value, u.value.slice(0, -1));
               if (!T)
                 return;
@@ -310,11 +310,11 @@ const jt = /* @__PURE__ */ E({
               });
             }
           } else {
-            const P = xe(e.value, u.value);
-            if (!P)
+            const A = xe(e.value, u.value);
+            if (!A)
               return;
             V.children.forEach((T) => {
-              P[T.key] = H(V), o([...u.value, T.key], P[T.key]);
+              A[T.key] = H(V), o([...u.value, T.key], A[T.key]);
             });
           }
       };
@@ -337,13 +337,13 @@ const jt = /* @__PURE__ */ E({
         if (!V)
           return !1;
         try {
-          const { property: P } = JSON.parse(V);
-          if (!P)
+          const { property: A } = JSON.parse(V);
+          if (!A)
             return !1;
           const T = be(l.value, u.value);
-          return Dt(P, T);
-        } catch (P) {
-          console.error(P);
+          return Dt(A, T);
+        } catch (A) {
+          console.error(A);
         }
         return !1;
       }, g = () => {
@@ -352,10 +352,10 @@ const jt = /* @__PURE__ */ E({
         const V = localStorage.getItem("propTreeCopy");
         if (V)
           try {
-            const { object: P } = JSON.parse(V), T = be(l.value, u.value);
-            console.log(P, T);
-          } catch (P) {
-            console.error(P);
+            const { object: A } = JSON.parse(V), T = be(l.value, u.value);
+            console.log(A, T);
+          } catch (A) {
+            console.error(A);
           }
       };
       U() && x.push({
@@ -369,7 +369,7 @@ const jt = /* @__PURE__ */ E({
       i.value = x.x, r.value = x.y, u.value = x.keys;
     }, { open: C } = ye("propTreeMenu", d);
     return (x, U) => {
-      const g = $("v-list-item-title"), V = $("v-list-item"), P = $("v-list"), T = $("v-menu");
+      const g = $("v-list-item-title"), V = $("v-list-item"), A = $("v-list"), T = $("v-menu");
       return k(), B(T, {
         modelValue: M(C),
         "onUpdate:modelValue": U[0] || (U[0] = (Q) => ue(C) ? C.value = Q : null),
@@ -378,7 +378,7 @@ const jt = /* @__PURE__ */ E({
         target: a.value
       }, {
         default: K(() => [
-          w(P, null, {
+          w(A, null, {
             default: K(() => [
               (k(!0), q(me, null, Me(p.value, (Q, he) => (k(), B(V, {
                 key: he,
@@ -483,8 +483,8 @@ function en(t, s, l) {
         count: 0
       });
       let V = 0;
-      for (const P of U.items) {
-        const T = Mt[P];
+      for (const A of U.items) {
+        const T = Mt[A];
         if (T && !T.internal && T.slots)
           for (const Q of T.slots) {
             const he = Fe("elementSlot", T.key, Q.key), Te = `${e.global.t(T.name)} / ${e.global.t(Q.name)}`;
@@ -514,11 +514,11 @@ function en(t, s, l) {
       const U = d[x.id];
       if (U && U.meta.slots)
         for (const g of U.meta.slots) {
-          const V = Fe("customSlot", x.id, g.id), P = `${x.name} / ${g.name}`;
+          const V = Fe("customSlot", x.id, g.id), A = `${x.name} / ${g.name}`;
           m.push({
             id: V,
             type: 1,
-            name: P,
+            name: A,
             position: C++,
             group: x.groupId
           });
@@ -752,7 +752,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
         "no-click-animation": "",
         persistent: "",
         transition: "scroll-x-reverse-transition",
-        onKeydown: d[6] || (d[6] = Pe(X((g) => m.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: d[6] || (d[6] = Ae(X((g) => m.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: K(({ props: g }) => [
           w(C, Ve(g, {
@@ -1034,7 +1034,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
         "no-click-animation": "",
         persistent: "",
         transition: "scroll-x-reverse-transition",
-        onKeydown: d[6] || (d[6] = Pe(X((g) => m.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: d[6] || (d[6] = Ae(X((g) => m.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: K(({ props: g }) => [
           w(C, Ve(g, {
@@ -1164,7 +1164,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
         "no-click-animation": "",
         persistent: "",
         transition: "dialog-bottom-transition",
-        onKeydown: d[5] || (d[5] = Pe(X((V) => v.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: d[5] || (d[5] = Ae(X((V) => v.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: K(({ props: V }) => [
           w(C, Ve(V, {
@@ -1228,7 +1228,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
       }, 8, ["modelValue"]);
     };
   }
-}), Mn = { class: "d-flex justify-space-between align-center my-2" }, Pn = { class: "flex-grow-1" }, An = /* @__PURE__ */ E({
+}), Mn = { class: "d-flex justify-space-between align-center my-2" }, An = { class: "flex-grow-1" }, Pn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ j({
     hasDelete: { type: Boolean, default: !1 },
@@ -1267,17 +1267,17 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
       C !== void 0 && (m.value = C);
     };
     return He(() => {
-      c.value?.ui === "pixelInput" ? m.value = Pt(n.value) : c.value?.ui === "percentInput" && (m.value = At(n.value));
+      c.value?.ui === "pixelInput" ? m.value = At(n.value) : c.value?.ui === "percentInput" && (m.value = Pt(n.value));
     }), ie(m, (d) => {
       c.value?.ui === "pixelInput" ? n.value = d + "px" : c.value?.ui === "percentInput" && (n.value = d + "%");
     }), (d, C) => {
       const x = $("v-select"), U = $("v-number-input"), g = $("v-btn"), V = ee("ripple");
       return k(), q("div", Mn, [
-        D("div", Pn, [
+        D("div", An, [
           Z(w(x, {
             modelValue: u.value,
             "onUpdate:modelValue": [
-              C[0] || (C[0] = (P) => u.value = P),
+              C[0] || (C[0] = (A) => u.value = A),
               v
             ],
             density: "compact",
@@ -1295,7 +1295,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
           c.value?.ui === "pixelInput" || c.value?.ui === "percentInput" ? Z((k(), B(U, {
             key: 0,
             modelValue: m.value,
-            "onUpdate:modelValue": C[1] || (C[1] = (P) => m.value = P),
+            "onUpdate:modelValue": C[1] || (C[1] = (A) => m.value = A),
             "control-variant": "stacked",
             density: "compact",
             "hide-details": "",
@@ -1320,7 +1320,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: C[2] || (C[2] = X((P) => o("delete"), ["stop"]))
+          onClick: C[2] || (C[2] = X((A) => o("delete"), ["stop"]))
         })) : Y("", !0)
       ]);
     };
@@ -1531,7 +1531,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
         "no-click-animation": "",
         persistent: "",
         transition: "scroll-x-reverse-transition",
-        onKeydown: d[6] || (d[6] = Pe(X((g) => m.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: d[6] || (d[6] = Ae(X((g) => m.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: K(({ props: g }) => [
           w(C, Ve(g, {
@@ -1789,7 +1789,7 @@ function Zn(t) {
   }) };
 }
 function jn(t) {
-  return { renderUiMultiTypes: (l, e, n, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), S("div", "renderUiMultiTypes property ui must be multiTypes")) : S(An, {
+  return { renderUiMultiTypes: (l, e, n, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), S("div", "renderUiMultiTypes property ui must be multiTypes")) : S(Pn, {
     modelValue: te(
       l,
       e,
@@ -2079,7 +2079,7 @@ const il = /* @__PURE__ */ E({
       c,
       r,
       u
-    ), { renderUiDummy: g } = Qn(v), { renderUiStrInput: V } = ol(v), { renderUiNumInput: P } = In(v), { renderUiSwitch: T } = sl(v), { renderUiSelect: Q } = nl(v), { renderUiColorPicker: he } = Yn(v), { renderUiJsonEditor: Te } = Zn(v), { renderUiMultiTypes: ct } = jn(v), { renderUiCompSelect: dt } = Wn(v), { renderUiSlotSelect: mt } = ll(v), { renderUiAdaptSlotSelect: ft } = Gn(v), Ce = (y, f, _, h, b, N) => (y = Qe(y), b !== void 0 ? (y.push(b), N && y.push(f.key)) : y.push(f.key), f.ui ? f.array && h ? gt(
+    ), { renderUiDummy: g } = Qn(v), { renderUiStrInput: V } = ol(v), { renderUiNumInput: A } = In(v), { renderUiSwitch: T } = sl(v), { renderUiSelect: Q } = nl(v), { renderUiColorPicker: he } = Yn(v), { renderUiJsonEditor: Te } = Zn(v), { renderUiMultiTypes: ct } = jn(v), { renderUiCompSelect: dt } = Wn(v), { renderUiSlotSelect: mt } = ll(v), { renderUiAdaptSlotSelect: ft } = Gn(v), Ce = (y, f, _, h, b, N) => (y = Qe(y), b !== void 0 ? (y.push(b), N && y.push(f.key)) : y.push(f.key), f.ui ? f.array && h ? gt(
       y,
       f,
       _,
@@ -2115,11 +2115,11 @@ const il = /* @__PURE__ */ E({
         title: ce,
         collapse: h.collapse,
         hasCreate: !0,
-        onCollapse: (A) => {
-          h.collapse = A;
+        onCollapse: (P) => {
+          h.collapse = P;
         },
-        onMenu: (A, R) => {
-          fe.emit("propTreeMenu", { x: A, y: R, keys: y });
+        onMenu: (P, R) => {
+          fe.emit("propTreeMenu", { x: P, y: R, keys: y });
         },
         onCreate: () => {
           z.push({}), v(y, z);
@@ -2132,7 +2132,7 @@ const il = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const A = [];
+          const P = [];
           for (let R = 0; R < z.length; R++) {
             if (!Ne(h.children)) {
               console.assert(!1);
@@ -2168,7 +2168,7 @@ const il = /* @__PURE__ */ E({
                 h.children.splice(se, 1), z.splice(se, 1), v(y, z);
               }
             });
-            A.push(kt);
+            P.push(kt);
             const xt = S(
               "div",
               {
@@ -2199,9 +2199,9 @@ const il = /* @__PURE__ */ E({
                 }), se;
               })()
             );
-            h.children[R].collapse || A.push(xt);
+            h.children[R].collapse || P.push(xt);
           }
-          return A;
+          return P;
         })()
       );
       return S(
@@ -2212,8 +2212,8 @@ const il = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const A = [];
-          return A.push(ke), h.collapse || A.push(W), A;
+          const P = [];
+          return P.push(ke), h.collapse || P.push(W), P;
         })()
       );
     }, pt = (y, f, _, h, b, N) => {
@@ -2232,8 +2232,8 @@ const il = /* @__PURE__ */ E({
         onCollapse: (W) => {
           h.collapse = W;
         },
-        onMenu: (W, A) => {
-          fe.emit("propTreeMenu", { x: W, y: A, keys: y });
+        onMenu: (W, P) => {
+          fe.emit("propTreeMenu", { x: W, y: P, keys: y });
         },
         onDelete: () => {
           b === void 0 || N || (_.splice(b, 1), v(y.slice(0, -1), _));
@@ -2247,20 +2247,20 @@ const il = /* @__PURE__ */ E({
         },
         (() => {
           const W = [];
-          return f.children.forEach((A) => {
+          return f.children.forEach((P) => {
             if (!ze(h.children)) {
               console.assert(!1);
               return;
             }
-            h.children[A.key] || (h.children[A.key] = {
+            h.children[P.key] || (h.children[P.key] = {
               collapse: !0,
-              children: !A.ui && A.array ? [] : {}
+              children: !P.ui && P.array ? [] : {}
             });
             const R = Ce(
               y,
-              A,
+              P,
               (typeof _[f.key] != "object" && (_[f.key] = {}, v(y, _[f.key])), _[f.key]),
-              h.children[A.key]
+              h.children[P.key]
             );
             W.push(R);
           }), W;
@@ -2293,11 +2293,11 @@ const il = /* @__PURE__ */ E({
         title: ce,
         collapse: h.collapse,
         hasCreate: !0,
-        onCollapse: (A) => {
-          h.collapse = A;
+        onCollapse: (P) => {
+          h.collapse = P;
         },
-        onMenu: (A, R) => {
-          fe.emit("propTreeMenu", { x: A, y: R, keys: y });
+        onMenu: (P, R) => {
+          fe.emit("propTreeMenu", { x: P, y: R, keys: y });
         },
         onCreate: () => {
           z.push(H(f, !0)), v(y, z);
@@ -2310,12 +2310,12 @@ const il = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const A = [];
+          const P = [];
           for (let R = 0; R < z.length; R++) {
             const $e = Ce(y, f, z, void 0, R, !1);
-            A.push($e);
+            P.push($e);
           }
-          return A;
+          return P;
         })()
       );
       return S(
@@ -2326,15 +2326,15 @@ const il = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const A = [];
-          return A.push(ke), h.collapse || A.push(W), A;
+          const P = [];
+          return P.push(ke), h.collapse || P.push(W), P;
         })()
       );
     }, yt = (y, f, _, h, b) => {
       if (!f.ui)
         return console.assert(!1), S("div", "renderLeafScalar property ui must be valid");
       let N;
-      return f.ui === "dummy" ? N = g(y, f, _, h, b) : f.ui === "strInput" ? N = V(y, f, _, h, b) : f.ui === "numInput" ? N = P(y, f, _, h, b) : f.ui === "switch" ? N = T(y, f, _, h, b) : f.ui === "select" ? N = Q(y, f, _, h, b) : f.ui === "colorPicker" ? N = he(y, f, _, h, b) : f.ui === "jsonEditor" ? N = Te(y, f, _, h, b) : f.ui === "multiTypes" ? N = ct(y, f, _, h, b) : f.ui === "selectComp" ? N = dt(y, f, _, h, b) : f.ui === "selectSlot" ? N = mt(y, f, _, h, b) : f.ui === "selectAdaptSlot" ? N = ft(y, f, _, h, b) : console.assert(!1, "renderLeafScalar not implemented"), N ? U(y, f, N) : S("div");
+      return f.ui === "dummy" ? N = g(y, f, _, h, b) : f.ui === "strInput" ? N = V(y, f, _, h, b) : f.ui === "numInput" ? N = A(y, f, _, h, b) : f.ui === "switch" ? N = T(y, f, _, h, b) : f.ui === "select" ? N = Q(y, f, _, h, b) : f.ui === "colorPicker" ? N = he(y, f, _, h, b) : f.ui === "jsonEditor" ? N = Te(y, f, _, h, b) : f.ui === "multiTypes" ? N = ct(y, f, _, h, b) : f.ui === "selectComp" ? N = dt(y, f, _, h, b) : f.ui === "selectSlot" ? N = mt(y, f, _, h, b) : f.ui === "selectAdaptSlot" ? N = ft(y, f, _, h, b) : console.assert(!1, "renderLeafScalar not implemented"), N ? U(y, f, N) : S("div");
     }, ht = () => S(
       "div",
       {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.7.31",
+  "version": "0.7.32",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,11 +26,11 @@
     "vue": "^3.5.26",
     "vue-i18n": "^11.2.2",
     "vuetify": "^3.11.4",
-    "x-block-lib": "^0.8.76",
+    "x-block-lib": "^0.8.83",
     "x-essential-lib": "^0.9.20",
     "x-group-list": "^0.4.7",
-    "x-runtime-lib": "^0.8.150",
-    "x-state-lib": "^0.3.32"
+    "x-runtime-lib": "^0.8.158",
+    "x-state-lib": "^0.3.34"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",