@ea-lab/reactive-json 1.4.0 → 2.0.0

package/dist/component/action/CustomEventListener.js

@@ -8,11 +8,12 @@ import "../../engine/EventDispatcherContext.js";
 import "../../engine/EventDispatcherProvider.js";
 import "../../engine/PaginationContext.js";
 import "../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
+import "../../engine/StoreContext.js";
 import "../../index-NNBvIV0S.js";
 import { replaceEventPlaceholders as E } from "../../engine/utility/eventPlaceholderSystem.js";
 import "../../js-yaml-CFDLc3Ha.js";
 import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-const j = (o) => {
+const k = (o) => {
   const e = l(C), i = l(x), d = o.attributesHolderRef, n = e.plugins ?? {}, f = (n == null ? void 0 : n.reaction) ?? {}, t = (o == null ? void 0 : o.actionProps) ?? void 0;
   return v(() => {
     const p = t ?? void 0, m = (t == null ? void 0 : t.what) ?? void 0, c = (a) => {
@@ -29,5 +30,5 @@ const j = (o) => {
   }, [e, t, i]), o.children;
 };
 export {
-  j as CustomEventListener
+  k as CustomEventListener
 };

package/dist/component/action/ReactOnEvent.js

@@ -8,12 +8,13 @@ import "../../engine/EventDispatcherContext.js";
 import "../../engine/EventDispatcherProvider.js";
 import "../../engine/PaginationContext.js";
 import "../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
+import "../../engine/StoreContext.js";
 import "../../index-NNBvIV0S.js";
 import { replaceEventPlaceholders as j } from "../../engine/utility/eventPlaceholderSystem.js";
 import "../../js-yaml-CFDLc3Ha.js";
 import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-const H = (s) => {
-  const p = l(A), g = l(E), n = p.plugins ?? {}, b = (n == null ? void 0 : n.reaction) ?? {}, { actionProps: P } = s, c = {};
+const I = (p) => {
+  const s = l(A), g = l(E), n = s.plugins ?? {}, b = (n == null ? void 0 : n.reaction) ?? {}, { actionProps: P } = p, c = {};
   for (const [o, a] of Object.entries(P))
     c[o] = (t) => {
       let r = !0;
@@ -42,7 +43,7 @@ const H = (s) => {
             timeStamp: t.timeStamp,
             type: t.type
           },
-          globalDataContext: p,
+          globalDataContext: s,
           templateContext: g
         }), i.stopPropagation === !0)
           break;
@@ -58,9 +59,9 @@ const H = (s) => {
       var r;
       return t.type === C ? m((r = t == null ? void 0 : t.props) == null ? void 0 : r.children) : typeof t != "object" || !y(t) ? t : T(t, c);
     });
-  }, F = m(s.children);
+  }, F = m(p.children);
   return /* @__PURE__ */ d(x, { children: F });
 };
 export {
-  H as ReactOnEvent
+  I as ReactOnEvent
 };

package/dist/component/attributeTransformer/setAttributeValue.js

@@ -10,20 +10,21 @@ import "../../engine/EventDispatcherProvider.js";
 import "../../engine/PaginationContext.js";
 import "../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
 import { normalizeAttributeNameForReactJsx as d } from "../../engine/utility/reactJsxHelpers.js";
+import "../../engine/StoreContext.js";
 import "../../index-NNBvIV0S.js";
 import "../../js-yaml-CFDLc3Ha.js";
 import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-const f = (e, p, u, a) => {
+const f = (e, s, m, a) => {
   const l = { ...e };
-  for (const r in p)
-    if (Object.prototype.hasOwnProperty.call(p, r)) {
-      const n = p[r], t = l[r];
+  for (const r in s)
+    if (Object.prototype.hasOwnProperty.call(s, r)) {
+      const n = s[r], t = l[r];
       if (n !== null && typeof n == "object" && !Array.isArray(n))
-        t !== null && typeof t == "object" && !Array.isArray(t) ? l[r] = f(t, n, u, a) : l[r] = n;
+        t !== null && typeof t == "object" && !Array.isArray(t) ? l[r] = f(t, n, m, a) : l[r] = n;
       else if (typeof t == "string" && typeof n == "string") {
-        const s = t ? t.split(a) : [];
-        if (!u || !s.includes(n)) {
-          const o = [...s, n];
+        const p = t ? t.split(a) : [];
+        if (!m || !p.includes(n)) {
+          const o = [...p, n];
           l[r] = o.join(a);
         } else
           l[r] = t;
@@ -31,10 +32,10 @@ const f = (e, p, u, a) => {
         l[r] = n;
     }
   return l;
-}, P = ({ attributes: e, globalDataContext: p, singleTransformProps: u, templateContext: a }) => {
-  const { name: l, mode: r = "append", value: n, preventDuplicateValues: t = !0, separator: s = " " } = u, o = V({
+}, q = ({ attributes: e, globalDataContext: s, singleTransformProps: m, templateContext: a }) => {
+  const { name: l, mode: r = "append", value: n, preventDuplicateValues: t = !0, separator: p = " " } = m, o = V({
     valueToEvaluate: n,
-    globalDataContext: p,
+    globalDataContext: s,
     templateContext: a
   }), i = d(l);
   if (o === void 0)
@@ -43,12 +44,12 @@ const f = (e, p, u, a) => {
     if (r === "replace")
       e[i] = o;
     else {
-      const c = e[i] || {}, m = typeof c == "object" && !Array.isArray(c) ? c : {};
+      const c = e[i] || {}, u = typeof c == "object" && !Array.isArray(c) ? c : {};
       e[i] = f(
-        m,
+        u,
         o,
         t,
-        s
+        p
       );
     }
   else if (r === "replace")
@@ -57,14 +58,14 @@ const f = (e, p, u, a) => {
     const c = e[i] || "";
     if (typeof c != "string")
       return e[i] = o, e;
-    const m = c ? c.split(s) : [];
-    if (!t || !m.includes(o)) {
-      const y = [...m, o];
-      e[i] = y.join(s);
+    const u = c ? c.split(p) : [];
+    if (!t || !u.includes(o)) {
+      const y = [...u, o];
+      e[i] = y.join(p);
     }
   }
   return e;
 };
 export {
-  P as setAttributeValue
+  q as setAttributeValue
 };

package/dist/component/attributeTransformer/toggleAttributeValue.js

@@ -10,37 +10,38 @@ import "../../engine/EventDispatcherProvider.js";
 import "../../engine/PaginationContext.js";
 import "../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
 import { normalizeAttributeNameForReactJsx as A } from "../../engine/utility/reactJsxHelpers.js";
+import "../../engine/StoreContext.js";
 import "../../index-NNBvIV0S.js";
 import "../../js-yaml-CFDLc3Ha.js";
 import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-const q = ({ attributes: o, globalDataContext: V, singleTransformProps: x, templateContext: g }) => {
-  const { name: p, value: u, separator: m = " ", keepAttributeWhenEmpty: h = !1 } = x || {};
-  if (!p || u === void 0)
+const B = ({ attributes: o, globalDataContext: V, singleTransformProps: x, templateContext: g }) => {
+  const { name: p, value: m, separator: u = " ", keepAttributeWhenEmpty: h = !1 } = x || {};
+  if (!p || m === void 0)
     return o;
   const s = v({
-    valueToEvaluate: u,
+    valueToEvaluate: m,
     globalDataContext: V,
     templateContext: g
-  }), i = A(p), f = o[i] || "";
-  let l = [...f ? f.split(m).filter((e) => e.trim() !== "") : []];
+  }), n = A(p), f = o[n] || "";
+  let l = [...f ? f.split(u).filter((e) => e.trim() !== "") : []];
   if (Array.isArray(s)) {
     const e = s.map((t) => String(t));
     if (e.length === 0)
       return o;
     if (e.length === 1) {
-      const t = e[0], n = l.indexOf(t);
-      n > -1 ? l.splice(n, 1) : t !== "" && l.push(t);
+      const t = e[0], i = l.indexOf(t);
+      i > -1 ? l.splice(i, 1) : t !== "" && l.push(t);
     } else {
-      let t = -1, n = -1;
+      let t = -1, i = -1;
       for (let r = 0; r < e.length; r++) {
         const a = e[r], d = l.indexOf(a);
         if (d > -1) {
-          t = d, n = r;
+          t = d, i = r;
           break;
         }
       }
       if (t > -1) {
-        const r = (n + 1) % e.length, a = e[r];
+        const r = (i + 1) % e.length, a = e[r];
         l.splice(t, 1), a !== "" && l.push(a);
       } else {
         const r = e[0];
@@ -51,9 +52,9 @@ const q = ({ attributes: o, globalDataContext: V, singleTransformProps: x, templ
     const e = String(s), t = l.indexOf(e);
     t > -1 ? l.splice(t, 1) : l.push(e);
   }
-  const c = l.join(m);
-  return c.trim() === "" ? h ? o[i] = "" : delete o[i] : o[i] = c, o;
+  const c = l.join(u);
+  return c.trim() === "" ? h ? o[n] = "" : delete o[n] : o[n] = c, o;
 };
 export {
-  q as toggleAttributeValue
+  B as toggleAttributeValue
 };

package/dist/component/attributeTransformer/unsetAttributeValue.js

@@ -10,11 +10,12 @@ import "../../engine/EventDispatcherProvider.js";
 import "../../engine/PaginationContext.js";
 import "../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
 import { normalizeAttributeNameForReactJsx as w } from "../../engine/utility/reactJsxHelpers.js";
+import "../../engine/StoreContext.js";
 import "../../index-NNBvIV0S.js";
 import "../../js-yaml-CFDLc3Ha.js";
 import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-const y = ({ attributes: t, globalDataContext: l, singleTransformProps: A, templateContext: a }) => {
-  const { name: s, value: m, separator: c = " ", unsetAllOccurrences: C, unsetCount: p } = A || {};
+const B = ({ attributes: t, globalDataContext: l, singleTransformProps: A, templateContext: a }) => {
+  const { name: s, value: m, separator: p = " ", unsetAllOccurrences: C, unsetCount: c } = A || {};
   if (!s || m === void 0)
     return t;
   const n = String(
@@ -23,14 +24,14 @@ const y = ({ attributes: t, globalDataContext: l, singleTransformProps: A, templ
       globalDataContext: l,
       templateContext: a
     })
-  ), u = p !== void 0 ? V({
-    valueToEvaluate: p,
+  ), u = c !== void 0 ? V({
+    valueToEvaluate: c,
     globalDataContext: l,
     templateContext: a
   }) : void 0, i = w(s), f = t[i] || "";
   if (!f)
     return t;
-  let e = [...f.split(c)];
+  let e = [...f.split(p)];
   (() => {
     if (C === !0) {
       e = e.filter((r) => r !== n);
@@ -52,9 +53,9 @@ const y = ({ attributes: t, globalDataContext: l, singleTransformProps: A, templ
     let d = 0;
     e = e.reverse().filter((r) => r === n && d < N ? (d++, !1) : !0).reverse();
   })();
-  const v = e.join(c);
+  const v = e.join(p);
   return v.trim() === "" ? delete t[i] : t[i] = v, t;
 };
 export {
-  y as unsetAttributeValue
+  B as unsetAttributeValue
 };

package/dist/component/element/debug/VariablesDebug/VariablesDebug.js

@@ -1,86 +1,100 @@
-import { jsx as e, jsxs as a, Fragment as x } from "react/jsx-runtime";
-import { useState as p, useContext as B, useRef as g, useEffect as q, useMemo as m } from "react";
-import { r as E } from "../../../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
-import { ActionDependant as L } from "../../../../engine/Actions.js";
+import { jsx as e, jsxs as i, Fragment as J } from "react/jsx-runtime";
+import { useState as m, useContext as B, useRef as E, useEffect as O, useCallback as q, useSyncExternalStore as j, useMemo as f } from "react";
+import { r as C } from "../../../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
+import { ActionDependant as T } from "../../../../engine/Actions.js";
+import "../../../../lodash-CYNxjS-I.js";
 import "../../../../engine/EventDispatcherContext.js";
 import "../../../../engine/EventDispatcherProvider.js";
-import "../../../../engine/GlobalDataContext.js";
+import { GlobalDataContext as x } from "../../../../engine/GlobalDataContext.js";
 import "../../../../engine/PaginationContext.js";
-import "../../../../lodash-CYNxjS-I.js";
-import { TemplateContext as $ } from "../../../../engine/TemplateContext.js";
+import { TemplateContext as I } from "../../../../engine/TemplateContext.js";
+import "../../../../engine/StoreContext.js";
 import "../../../../index-NNBvIV0S.js";
 import "../../../../jsonpath-B9kE9k9e.js";
 import "../../../../js-yaml-CFDLc3Ha.js";
 import "../../../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-import { DebugMode as c } from "./DebugMode.enum.js";
-import R from "./ModeDisplay/DebugList/DebugList.js";
-import D from "./ModeDisplay/DebugJson/DebugJson.js";
-import { flattenObject as J } from "./utils.js";
-import '../../../../assets/VariablesDebug.css';const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_34", T = "_header_1ny7q_39", I = "_actions_1ny7q_45", P = "_btn_1ny7q_50", M = "_active_1ny7q_58", w = "_path_1ny7q_62", A = "_value_1ny7q_66", H = "_copyBtn_1ny7q_70", V = "_copyBtnSuccess_1ny7q_74", F = "_copyBtnError_1ny7q_78", W = "_info_1ny7q_82", n = {
-  debugRoot: O,
-  container: j,
-  expanded: k,
-  header: T,
-  actions: I,
-  btn: P,
-  active: M,
-  path: w,
-  value: A,
-  copyBtn: H,
-  copyBtnSuccess: V,
-  copyBtnError: F,
-  info: W
-}, dt = ({ props: v }) => {
-  const [r, u] = p(!1), [i, _] = p(c.LIST), o = B($), d = g(null), [y, S] = p(null), f = g(null);
-  q(() => {
+import { DebugMode as s } from "./DebugMode.enum.js";
+import M from "./ModeDisplay/DebugList/DebugList.js";
+import w from "./ModeDisplay/DebugJson/DebugJson.js";
+import { flattenObject as A } from "./utils.js";
+import '../../../../assets/VariablesDebug.css';const H = "_debugRoot_1ny7q_1", V = "_container_1ny7q_16", W = "_expanded_1ny7q_34", z = "_header_1ny7q_39", F = "_actions_1ny7q_45", G = "_btn_1ny7q_50", K = "_active_1ny7q_58", Q = "_path_1ny7q_62", U = "_value_1ny7q_66", X = "_copyBtn_1ny7q_70", Y = "_copyBtnSuccess_1ny7q_74", Z = "_copyBtnError_1ny7q_78", tt = "_info_1ny7q_82", o = {
+  debugRoot: H,
+  container: V,
+  expanded: W,
+  header: z,
+  actions: F,
+  btn: G,
+  active: K,
+  path: Q,
+  value: U,
+  copyBtn: X,
+  copyBtnSuccess: Y,
+  copyBtnError: Z,
+  info: tt
+}, St = ({ props: D }) => {
+  const [a, _] = m(!1), [d, y] = m(s.LIST), n = B(I), u = E(null), [b, L] = m(null), h = E(null);
+  O(() => {
     if (typeof document > "u") return;
     let t = document.getElementById("rj-debug-root");
-    t || (t = document.createElement("div"), t.id = "rj-debug-root", t.classList.add(n.debugRoot), document.body.appendChild(t)), S(t);
+    t || (t = document.createElement("div"), t.id = "rj-debug-root", t.classList.add(o.debugRoot), document.body.appendChild(t)), L(t);
   }, []);
-  const l = m(() => (o == null ? void 0 : o.templateData) ?? {}, [o]), b = m(() => JSON.stringify(l, null, 2), [l, o]), h = m(() => J(l), [l, o]), C = async () => {
-    const t = d.current;
+  const p = B(x), c = p == null ? void 0 : p.store, g = (t) => !t || t === "data" ? "" : t.startsWith("data.") ? t.substring(5) : t, P = q((t) => {
+    if (c) {
+      const r = g(n == null ? void 0 : n.templatePath);
+      return c.subscribe(r, t);
+    }
+    return () => {
+    };
+  }, [c, n == null ? void 0 : n.templatePath]), $ = q(() => {
+    if (c) {
+      const t = g(n == null ? void 0 : n.templatePath);
+      return c.get(t);
+    }
+    return n == null ? void 0 : n.templateData;
+  }, [c, n == null ? void 0 : n.templateData, n == null ? void 0 : n.templatePath]), S = j(P, $), l = f(() => S ?? {}, [S]), v = f(() => JSON.stringify(l, null, 2), [l]), N = f(() => A(l), [l]), R = async () => {
+    const t = u.current;
     try {
       if (await navigator.clipboard.writeText(
-        i === c.JSON ? b : h.map((s) => `${s.path}: ${JSON.stringify(s.value)}`).join(`
+        d === s.JSON ? v : N.map((r) => `${r.path}: ${JSON.stringify(r.value)}`).join(`
 `)
       ), !t) return;
-      t.classList.add(n.copyBtnSuccess), t.textContent = "Copied!", setTimeout(() => {
-        var s;
-        (s = d.current) == null || s.classList.remove(n.copyBtnSuccess, n.copyBtnError);
+      t.classList.add(o.copyBtnSuccess), t.textContent = "Copied!", setTimeout(() => {
+        var r;
+        (r = u.current) == null || r.classList.remove(o.copyBtnSuccess, o.copyBtnError);
       }, 3e3);
     } catch {
-      t == null || t.classList.add(n.copyBtnError), setTimeout(() => {
-        t == null || t.classList.remove(n.copyBtnError);
+      t == null || t.classList.add(o.copyBtnError), setTimeout(() => {
+        t == null || t.classList.remove(o.copyBtnError);
       }, 3e3);
     }
-  }, N = /* @__PURE__ */ e(L, { ...v, attributesHolderRef: f, children: /* @__PURE__ */ a(
+  }, k = /* @__PURE__ */ e(T, { ...D, attributesHolderRef: h, children: /* @__PURE__ */ i(
     "div",
     {
-      className: `${n.container} ${r ? n.expanded : ""}`,
-      onClick: () => u((t) => !t),
+      className: `${o.container} ${a ? o.expanded : ""}`,
+      onClick: () => _((t) => !t),
       role: "button",
-      ref: f,
+      ref: h,
       children: [
-        /* @__PURE__ */ a("div", { className: n.header, children: [
-          /* @__PURE__ */ a("p", { style: { margin: 0, fontWeight: 600 }, children: [
+        /* @__PURE__ */ i("div", { className: o.header, children: [
+          /* @__PURE__ */ i("p", { style: { margin: 0, fontWeight: 600 }, children: [
             "Debug Variables ",
-            /* @__PURE__ */ e("code", { children: o.templatePath })
+            /* @__PURE__ */ e("code", { children: n.templatePath })
           ] }),
-          /* @__PURE__ */ a("div", { className: n.actions, onClick: (t) => t.stopPropagation(), children: [
-            r && /* @__PURE__ */ a(x, { children: [
+          /* @__PURE__ */ i("div", { className: o.actions, onClick: (t) => t.stopPropagation(), children: [
+            a && /* @__PURE__ */ i(J, { children: [
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: `${n.btn} ${i === c.LIST ? n.active : ""}`,
-                  onClick: () => _(c.LIST),
+                  className: `${o.btn} ${d === s.LIST ? o.active : ""}`,
+                  onClick: () => y(s.LIST),
                   children: "List"
                 }
               ),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: `${n.btn} ${i === c.JSON ? n.active : ""}`,
-                  onClick: () => _(c.JSON),
+                  className: `${o.btn} ${d === s.JSON ? o.active : ""}`,
+                  onClick: () => y(s.JSON),
                   children: "JSON"
                 }
               )
@@ -88,28 +102,28 @@ import '../../../../assets/VariablesDebug.css';const O = "_debugRoot_1ny7q_1", j
             /* @__PURE__ */ e(
               "button",
               {
-                className: n.btn,
-                onClick: () => u((t) => !t),
-                children: r ? "Collapse" : "Expand"
+                className: o.btn,
+                onClick: () => _((t) => !t),
+                children: a ? "Collapse" : "Expand"
               }
             ),
-            r && /* @__PURE__ */ e(
+            a && /* @__PURE__ */ e(
               "button",
               {
-                className: `${n.btn} ${n.copyBtn}`,
-                onClick: C,
-                ref: d,
+                className: `${o.btn} ${o.copyBtn}`,
+                onClick: R,
+                ref: u,
                 children: "Copy"
               }
             )
           ] })
         ] }),
-        r && /* @__PURE__ */ e("div", { className: n.info, onClick: (t) => t.stopPropagation(), children: i === c.JSON ? /* @__PURE__ */ e(D, { jsonString: b }) : /* @__PURE__ */ e(R, { flatRows: h }) })
+        a && /* @__PURE__ */ e("div", { className: o.info, onClick: (t) => t.stopPropagation(), children: d === s.JSON ? /* @__PURE__ */ e(w, { jsonString: v }) : /* @__PURE__ */ e(M, { flatRows: N }) })
       ]
     }
   ) });
-  return y ? E.createPortal(N, y) : null;
+  return b ? C.createPortal(k, b) : null;
 };
 export {
-  dt as VariablesDebug
+  St as VariablesDebug
 };

package/dist/component/element/html/LabelFromValue.js

@@ -1,29 +1,41 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { useContext as f } from "react";
-import { ActionDependant as D } from "../../../engine/Actions.js";
+import { ActionDependant as d } from "../../../engine/Actions.js";
 import { GlobalDataContext as x } from "../../../engine/GlobalDataContext.js";
 import { TemplateContext as b } from "../../../engine/TemplateContext.js";
-import { evaluateTemplateValue as c } from "../../../engine/TemplateSystem.js";
+import { evaluateTemplateValue as s } from "../../../engine/TemplateSystem.js";
 import { View as V } from "../../../engine/View.js";
-const O = ({ currentData: s, datafield: o, path: v, props: e }) => {
-  const n = f(x), t = f(b), m = e.dynamicOptions ?? void 0;
+const E = ({ currentData: v, datafield: e, path: D, props: a }) => {
+  const m = f(x), t = f(b), r = a.dynamicOptions ?? void 0;
   let i;
-  m ? i = c({ valueToEvaluate: m, globalDataContext: n, templateContext: t }) ?? [] : i = e.options ?? [];
-  let a;
-  const r = e.defaultFieldValue ?? void 0, p = e.dataLocation ?? void 0;
-  p ? a = c({
-    globalDataContext: n,
-    templateContext: t,
-    valueToEvaluate: p
-  }) ?? r : ((t.templateData[o] ?? void 0) === void 0 && (t.templateData = typeof t.templateData == "object" ? t.templateData : {}, t.templateData[o] = r), a = t.templateData[o]);
-  let l = i.find((d) => d.value === a);
+  r ? i = s({ valueToEvaluate: r, globalDataContext: m, templateContext: t }) ?? [] : i = a.options ?? [];
+  let o;
+  const n = a.defaultFieldValue ?? void 0, p = a.dataLocation ?? void 0;
+  if (p)
+    o = s({
+      globalDataContext: m,
+      templateContext: t,
+      valueToEvaluate: p
+    }) ?? n;
+  else {
+    if ((t.templateData[e] ?? void 0) === void 0)
+      if (typeof t.templateData == "object" && t.templateData !== null)
+        t.templateData[e] = n;
+      else
+        try {
+          t.templateData = {}, t.templateData[e] = n;
+        } catch {
+        }
+    o = t.templateData[e];
+  }
+  let l = i.find((u) => u.value === o);
   if (!l || !l.label) {
-    if (!a)
+    if (!o)
       return null;
-    l = a;
+    l = o;
   }
-  return /* @__PURE__ */ u(D, { ...e, children: /* @__PURE__ */ u(V, { currentData: s, datafield: o, path: v, props: l.label }) });
+  return /* @__PURE__ */ c(d, { ...a, children: /* @__PURE__ */ c(V, { currentData: v, datafield: e, path: D, props: l.label }) });
 };
 export {
-  O as LabelFromValue
+  E as LabelFromValue
 };

package/dist/component/element/index.js

@@ -1,22 +1,22 @@
 import { d as o } from "../../index-CACLSxWi.js";
 import { f as e } from "../../index-CpGvV5AF.js";
 import { h as r } from "../../index-BNvY8PkY.js";
-import { s as t } from "../../index-Ya6_R5yr.js";
+import { s as t } from "../../index-DJuOXIM5.js";
 import { VariablesDebug as n } from "./debug/VariablesDebug/VariablesDebug.js";
 import { Input as F } from "./form/Input.js";
 import { CheckBoxField as c } from "./form/CheckBoxField.js";
 import { ColorField as C } from "./form/ColorField.js";
 import { DateField as T } from "./form/DateField.js";
 import { DateTimeField as S } from "./form/DateTimeField.js";
-import { EmailField as D } from "./form/EmailField.js";
+import { EmailField as g } from "./form/EmailField.js";
 import { FileField as R } from "./form/FileField.js";
 import { HiddenField as B } from "./form/HiddenField.js";
 import { MonthField as v } from "./form/MonthField.js";
-import { NumberField as A } from "./form/NumberField.js";
-import { PasswordField as I } from "./form/PasswordField.js";
-import { RangeField as M } from "./form/RangeField.js";
-import { SearchField as V } from "./form/SearchField.js";
-import { SelectField as y } from "./form/SelectField.js";
+import { NumberField as y } from "./form/NumberField.js";
+import { PasswordField as H } from "./form/PasswordField.js";
+import { RangeField as J } from "./form/RangeField.js";
+import { SearchField as N } from "./form/SearchField.js";
+import { SelectField as W } from "./form/SelectField.js";
 import { TelField as U } from "./form/TelField.js";
 import { TextAreaField as q } from "./form/TextAreaField.js";
 import { TextField as G } from "./form/TextField.js";
@@ -31,12 +31,13 @@ import { PreformattedMarkup as lo } from "./html/PreformattedMarkup.js";
 import { SortableTreeItemCollapseButton as io } from "./html/SortableTreeItemCollapseButton.js";
 import { Count as no } from "./special/Count.js";
 import { DataFilter as so } from "./special/DataFilter.js";
-import { DelayedActions as uo, getReactionFunctionsToExecute as Co } from "./special/DelayedActions.js";
-import { PageControls as To } from "./special/PageControls.js";
-import { Phantom as So } from "./special/Phantom.js";
-import { ReactiveJsonBasicComponentWrapper as Do } from "./special/ReactiveJsonBasicComponentWrapper.js";
-import { ReactiveJsonSubroot as Ro } from "./special/ReactiveJsonSubroot.js";
-import { Switch as Bo } from "./special/Switch.js";
+import { DataSync as uo } from "./special/DataSync.js";
+import { DelayedActions as bo, getReactionFunctionsToExecute as To } from "./special/DelayedActions.js";
+import { PageControls as So } from "./special/PageControls.js";
+import { Phantom as go } from "./special/Phantom.js";
+import { ReactiveJsonBasicComponentWrapper as Ro } from "./special/ReactiveJsonBasicComponentWrapper.js";
+import { ReactiveJsonSubroot as Bo } from "./special/ReactiveJsonSubroot.js";
+import { Switch as vo } from "./special/Switch.js";
 const x = {
   ...o,
   ...e,
@@ -48,10 +49,11 @@ export {
   C as ColorField,
   no as Count,
   so as DataFilter,
+  uo as DataSync,
   T as DateField,
   S as DateTimeField,
-  uo as DelayedActions,
-  D as EmailField,
+  bo as DelayedActions,
+  g as EmailField,
   R as FileField,
   $ as FolderSortableTree,
   eo as FormatNumeral,
@@ -60,18 +62,18 @@ export {
   F as Input,
   po as LabelFromValue,
   v as MonthField,
-  A as NumberField,
-  To as PageControls,
-  I as PasswordField,
-  So as Phantom,
+  y as NumberField,
+  So as PageControls,
+  H as PasswordField,
+  go as Phantom,
   lo as PreformattedMarkup,
-  M as RangeField,
-  Do as ReactiveJsonBasicComponentWrapper,
-  Ro as ReactiveJsonSubroot,
-  V as SearchField,
-  y as SelectField,
+  J as RangeField,
+  Ro as ReactiveJsonBasicComponentWrapper,
+  Bo as ReactiveJsonSubroot,
+  N as SearchField,
+  W as SelectField,
   io as SortableTreeItemCollapseButton,
-  Bo as Switch,
+  vo as Switch,
   U as TelField,
   q as TextAreaField,
   G as TextField,
@@ -80,5 +82,5 @@ export {
   n as VariablesDebug,
   Z as WeekField,
   x as coreElementComponents,
-  Co as getReactionFunctionsToExecute
+  To as getReactionFunctionsToExecute
 };