@ea-lab/reactive-json 1.0.0-alpha.1 → 1.0.0-alpha.3

package/dist/assets/VariablesDebug.css

@@ -1 +1,4 @@
-._debugRoot_1ny7q_1{position:fixed;bottom:12px;right:12px;display:flex;flex-direction:column;align-items:stretch;gap:8px;width:min(560px,96vw);max-height:70vh;overflow-y:auto;z-index:9998;pointer-events:none}._container_1ny7q_16{position:relative;bottom:auto;right:auto;background-color:#111827;color:#e5e7eb;padding:10px;border-radius:8px;box-shadow:0 2px 12px #0000004d;cursor:pointer;border:1px solid #374151;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;z-index:9999;width:100%;overflow:hidden;pointer-events:auto}._container_1ny7q_16._expanded_1ny7q_34{width:100%;max-height:64vh}._header_1ny7q_39{display:flex;align-items:center;justify-content:space-between}._actions_1ny7q_45{display:flex;gap:8px}._btn_1ny7q_50{background:transparent;color:#e5e7eb;border:1px solid #4b5563;border-radius:6px;padding:2px 8px}._btn_1ny7q_50._active_1ny7q_58{background:#1f2937}._path_1ny7q_62{color:#93c5fd}._value_1ny7q_66{color:#fbbf24}._copyBtn_1ny7q_70{transition:background-color .2s ease-in-out}._copyBtnSuccess_1ny7q_74{background-color:#10b932}._copyBtnError_1ny7q_78{background-color:#ef4444}._info_1ny7q_82{margin-top:8px}@media (max-width: 480px){._debugRoot_1ny7q_1{right:8px;left:8px;width:auto}}
+/*! 
+https://serp.co/tools/css-reset/
+<link rel="stylesheet" href="https://css.serp.co/css-reset/normalize.css/">
+*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}._debugRoot_1ny7q_1{position:fixed;bottom:12px;right:12px;display:flex;flex-direction:column;align-items:stretch;gap:8px;width:min(560px,96vw);max-height:70vh;overflow-y:auto;z-index:9998;pointer-events:none}._container_1ny7q_16{position:relative;bottom:auto;right:auto;background-color:#111827;color:#e5e7eb;padding:10px;border-radius:8px;box-shadow:0 2px 12px #0000004d;cursor:pointer;border:1px solid #374151;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;z-index:9999;width:100%;overflow:hidden;pointer-events:auto}._container_1ny7q_16._expanded_1ny7q_34{width:100%;max-height:64vh}._header_1ny7q_39{display:flex;align-items:center;justify-content:space-between}._actions_1ny7q_45{display:flex;gap:8px}._btn_1ny7q_50{background:transparent;color:#e5e7eb;border:1px solid #4b5563;border-radius:6px;padding:2px 8px}._btn_1ny7q_50._active_1ny7q_58{background:#1f2937}._path_1ny7q_62{color:#93c5fd}._value_1ny7q_66{color:#fbbf24}._copyBtn_1ny7q_70{transition:background-color .2s ease-in-out}._copyBtnSuccess_1ny7q_74{background-color:#10b932}._copyBtnError_1ny7q_78{background-color:#ef4444}._info_1ny7q_82{margin-top:8px}@media (max-width: 480px){._debugRoot_1ny7q_1{right:8px;left:8px;width:auto}}

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

@@ -12,12 +12,11 @@ import "../../../../index-NNBvIV0S.js";
 import "../../../../jsonpath-B9kE9k9e.js";
 import "../../../../js-yaml-Bw0KO4XO.js";
 import "../../../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-import { DebugMode as r } from "./DebugMode.enum.js";
+import { DebugMode as c } from "./DebugMode.enum.js";
 import R from "./ModeDisplay/DebugList/DebugList.js";
 import D from "./ModeDisplay/DebugJson/DebugJson.js";
-import '../../../../assets/reset.css';import '../../../../assets/VariablesDebug.css';/* empty css                         */
 import { flattenObject as J } from "./utils.js";
-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 = {
+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,
@@ -31,8 +30,8 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
   copyBtnSuccess: V,
   copyBtnError: F,
   info: W
-}, pt = ({ props: v }) => {
-  const [c, u] = p(!1), [i, _] = p(r.LIST), o = B($), d = g(null), [y, S] = p(null), f = g(null);
+}, 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(() => {
     if (typeof document > "u") return;
     let t = document.getElementById("rj-debug-root");
@@ -42,7 +41,7 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
     const t = d.current;
     try {
       if (await navigator.clipboard.writeText(
-        i === r.JSON ? b : h.map((s) => `${s.path}: ${JSON.stringify(s.value)}`).join(`
+        i === c.JSON ? b : h.map((s) => `${s.path}: ${JSON.stringify(s.value)}`).join(`
 `)
       ), !t) return;
       t.classList.add(n.copyBtnSuccess), t.textContent = "Copied!", setTimeout(() => {
@@ -57,7 +56,7 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
   }, N = /* @__PURE__ */ e(L, { ...v, attributesHolderRef: f, children: /* @__PURE__ */ a(
     "div",
     {
-      className: `${n.container} ${c ? n.expanded : ""}`,
+      className: `${n.container} ${r ? n.expanded : ""}`,
       onClick: () => u((t) => !t),
       role: "button",
       ref: f,
@@ -68,20 +67,20 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
             /* @__PURE__ */ e("code", { children: o.templatePath })
           ] }),
           /* @__PURE__ */ a("div", { className: n.actions, onClick: (t) => t.stopPropagation(), children: [
-            c && /* @__PURE__ */ a(x, { children: [
+            r && /* @__PURE__ */ a(x, { children: [
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: `${n.btn} ${i === r.LIST ? n.active : ""}`,
-                  onClick: () => _(r.LIST),
+                  className: `${n.btn} ${i === c.LIST ? n.active : ""}`,
+                  onClick: () => _(c.LIST),
                   children: "List"
                 }
               ),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: `${n.btn} ${i === r.JSON ? n.active : ""}`,
-                  onClick: () => _(r.JSON),
+                  className: `${n.btn} ${i === c.JSON ? n.active : ""}`,
+                  onClick: () => _(c.JSON),
                   children: "JSON"
                 }
               )
@@ -91,10 +90,10 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
               {
                 className: n.btn,
                 onClick: () => u((t) => !t),
-                children: c ? "Collapse" : "Expand"
+                children: r ? "Collapse" : "Expand"
               }
             ),
-            c && /* @__PURE__ */ e(
+            r && /* @__PURE__ */ e(
               "button",
               {
                 className: `${n.btn} ${n.copyBtn}`,
@@ -105,12 +104,12 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
             )
           ] })
         ] }),
-        c && /* @__PURE__ */ e("div", { className: n.info, onClick: (t) => t.stopPropagation(), children: i === r.JSON ? /* @__PURE__ */ e(D, { jsonString: b }) : /* @__PURE__ */ e(R, { flatRows: h }) })
+        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 }) })
       ]
     }
   ) });
   return y ? E.createPortal(N, y) : null;
 };
 export {
-  pt as VariablesDebug
+  dt as VariablesDebug
 };

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

@@ -4,26 +4,26 @@ import { l as _ } from "../../../lodash-CYNxjS-I.js";
 import { useContext as A, forwardRef as R } from "react";
 import { ActionDependant as G } from "../../../engine/Actions.js";
 import { GlobalDataContext as H } from "../../../engine/GlobalDataContext.js";
-import { TemplateContext as V } from "../../../engine/TemplateContext.js";
+import { TemplateContext as y } from "../../../engine/TemplateContext.js";
 import { evaluateTemplateValue as O } from "../../../engine/TemplateSystem.js";
-import { V as W } from "../../../View-D8TN1L2h.js";
+import { View as W } from "../../../engine/View.js";
 import { propsDataLocationToPathAndValue as q } from "../../../engine/utility/formElementsCommon.js";
-function y(t) {
+function V(t) {
   var r, n, a = "";
   if (typeof t == "string" || typeof t == "number") a += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var s = t.length;
-    for (r = 0; r < s; r++) t[r] && (n = y(t[r])) && (a && (a += " "), a += n);
+    for (r = 0; r < s; r++) t[r] && (n = V(t[r])) && (a && (a += " "), a += n);
   } else for (n in t) t[n] && (a && (a += " "), a += n);
   return a;
 }
 function z() {
-  for (var t, r, n = 0, a = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (r = y(t)) && (a && (a += " "), a += r);
+  for (var t, r, n = 0, a = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (r = V(t)) && (a && (a += " "), a += r);
   return a;
 }
 const ae = ({ props: t, path: r, datafield: n }) => {
   var P, T;
-  const a = A(H), s = A(V);
+  const a = A(H), s = A(y);
   let { formData: i, formDataPath: u } = q({
     currentPath: r,
     datafield: n,
@@ -100,7 +100,7 @@ const ae = ({ props: t, path: r, datafield: n }) => {
         "data-htmlbuilder-tree-item-is-last": e.isLast,
         ref: m,
         children: /* @__PURE__ */ h(
-          V.Provider,
+          y.Provider,
           {
             value: {
               templateData: o,

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

@@ -1,11 +1,59 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../engine/Actions.js";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/utility/reactJsxHelpers.js";
-import "../../../engine/TemplateContext.js";
-import "../../../engine/TemplateSystem.js";
-import { H as f } from "../../../View-D8TN1L2h.js";
+import { jsx as o, jsxs as d, Fragment as u } from "react/jsx-runtime";
+import { useContext as b, useRef as A } from "react";
+import { ActionDependant as C } from "../../../engine/Actions.js";
+import { GlobalDataContext as T } from "../../../engine/GlobalDataContext.js";
+import { normalizeAttributesForReactJsx as g } from "../../../engine/utility/reactJsxHelpers.js";
+import { TemplateContext as j } from "../../../engine/TemplateContext.js";
+import { evaluateAttributes as k } from "../../../engine/TemplateSystem.js";
+import { View as c } from "../../../engine/View.js";
+const N = ({ props: e, currentData: m, datafield: v, path: x }) => {
+  const h = b(T), p = b(j), i = A(null), l = `${e.tag}`, r = e.extra ?? {}, n = g(e.attributes), a = g(m.attributes);
+  for (const t of Object.keys(a)) {
+    if (t.charAt(0) === "+") {
+      const s = t.substring(1);
+      n[s] = (n[s] ?? "").length > 0 ? (
+        // Append using a space.
+        " " + a[t]
+      ) : (
+        // Set directly.
+        a[t]
+      );
+      continue;
+    }
+    n[t] = a[t];
+  }
+  const f = k({ attrs: n, globalDataContext: h, templateContext: p });
+  return /* @__PURE__ */ o(C, { ...e, attributesHolderRef: i, children: ((t) => t && [
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "link",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr"
+  ].indexOf(t) !== -1)(e.tag) ? /* @__PURE__ */ d(u, { children: [
+    /* @__PURE__ */ o(l, { ref: i, ...f }),
+    Object.keys(r).length ? /* @__PURE__ */ o(c, { props: r }) : ""
+  ] }) : /* @__PURE__ */ d(u, { children: [
+    /* @__PURE__ */ o(l, { ref: i, ...f, children: e.content && /* @__PURE__ */ o(
+      c,
+      {
+        currentData: m.content ?? void 0,
+        datafield: "content",
+        path: x + ".content",
+        props: e.content
+      }
+    ) }),
+    Object.keys(r).length ? /* @__PURE__ */ o(c, { props: r }) : ""
+  ] }) });
+};
 export {
-  f as Html
+  N as Html
 };

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

@@ -2,11 +2,11 @@ import { jsx as u } from "react/jsx-runtime";
 import { useContext as f } from "react";
 import { ActionDependant as D } from "../../../engine/Actions.js";
 import { GlobalDataContext as x } from "../../../engine/GlobalDataContext.js";
-import { TemplateContext as V } from "../../../engine/TemplateContext.js";
+import { TemplateContext as b } from "../../../engine/TemplateContext.js";
 import { evaluateTemplateValue as c } from "../../../engine/TemplateSystem.js";
-import { V as b } from "../../../View-D8TN1L2h.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(V), m = e.dynamicOptions ?? void 0;
+  const n = f(x), t = f(b), m = e.dynamicOptions ?? void 0;
   let i;
   m ? i = c({ valueToEvaluate: m, globalDataContext: n, templateContext: t }) ?? [] : i = e.options ?? [];
   let a;
@@ -22,7 +22,7 @@ const O = ({ currentData: s, datafield: o, path: v, props: e }) => {
       return null;
     l = a;
   }
-  return /* @__PURE__ */ u(D, { ...e, children: /* @__PURE__ */ u(b, { currentData: s, datafield: o, path: v, props: l.label }) });
+  return /* @__PURE__ */ u(D, { ...e, children: /* @__PURE__ */ u(V, { currentData: s, datafield: o, path: v, props: l.label }) });
 };
 export {
   O as LabelFromValue

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

@@ -1,6 +1,6 @@
 import { FolderSortableTree as o } from "./FolderSortableTree.js";
 import { FormatNumeral as m } from "./FormatNumeral.js";
-import { H as l } from "../../../View-D8TN1L2h.js";
+import { Html as l } from "./Html.js";
 import { LabelFromValue as f } from "./LabelFromValue.js";
 import { PreformattedMarkup as u } from "./PreformattedMarkup.js";
 import { SortableTreeItemCollapseButton as F } from "./SortableTreeItemCollapseButton.js";

package/dist/component/element/index.js

@@ -1,36 +1,42 @@
-import "../../index-CACLSxWi.js";
-import "../../index-B3RKTGQ2.js";
-import { R as m, c as a } from "../../index-BYLJtf9L.js";
-import { VariablesDebug as f } from "./debug/VariablesDebug/VariablesDebug.js";
-import { FolderSortableTree as n } from "./html/FolderSortableTree.js";
-import { FormatNumeral as s } from "./html/FormatNumeral.js";
-import { H as c } from "../../View-D8TN1L2h.js";
-import { LabelFromValue as b } from "./html/LabelFromValue.js";
-import { PreformattedMarkup as F } from "./html/PreformattedMarkup.js";
+import { d as o } from "../../index-CACLSxWi.js";
+import { h as e } from "../../index-BNvY8PkY.js";
+import { s as r } from "../../index-Ya6_R5yr.js";
+import { VariablesDebug as s } from "./debug/VariablesDebug/VariablesDebug.js";
+import { FolderSortableTree as l } from "./html/FolderSortableTree.js";
+import { FormatNumeral as c } from "./html/FormatNumeral.js";
+import { Html as C } from "./html/Html.js";
+import { LabelFromValue as d } from "./html/LabelFromValue.js";
+import { PreformattedMarkup as g } from "./html/PreformattedMarkup.js";
 import { SortableTreeItemCollapseButton as S } from "./html/SortableTreeItemCollapseButton.js";
-import { Count as g } from "./special/Count.js";
-import { DataFilter as P } from "./special/DataFilter.js";
-import { DelayedActions as h, getReactionFunctionsToExecute as v } from "./special/DelayedActions.js";
-import { PageControls as E } from "./special/PageControls.js";
-import { Phantom as J } from "./special/Phantom.js";
-import { ReactiveJsonBasicComponentWrapper as k } from "./special/ReactiveJsonBasicComponentWrapper.js";
-import { Switch as y } from "./special/Switch.js";
+import { Count as P } from "./special/Count.js";
+import { DataFilter as T } from "./special/DataFilter.js";
+import { DelayedActions as B, getReactionFunctionsToExecute as E } from "./special/DelayedActions.js";
+import { PageControls as V } from "./special/PageControls.js";
+import { Phantom as w } from "./special/Phantom.js";
+import { ReactiveJsonBasicComponentWrapper as A } from "./special/ReactiveJsonBasicComponentWrapper.js";
+import { ReactiveJsonSubroot as I } from "./special/ReactiveJsonSubroot.js";
+import { Switch as M } from "./special/Switch.js";
+const a = {
+  ...o,
+  ...e,
+  ...r
+};
 export {
-  g as Count,
-  P as DataFilter,
-  h as DelayedActions,
-  n as FolderSortableTree,
-  s as FormatNumeral,
-  c as Html,
-  b as LabelFromValue,
-  E as PageControls,
-  J as Phantom,
-  F as PreformattedMarkup,
-  k as ReactiveJsonBasicComponentWrapper,
-  m as ReactiveJsonSubroot,
+  P as Count,
+  T as DataFilter,
+  B as DelayedActions,
+  l as FolderSortableTree,
+  c as FormatNumeral,
+  C as Html,
+  d as LabelFromValue,
+  V as PageControls,
+  w as Phantom,
+  g as PreformattedMarkup,
+  A as ReactiveJsonBasicComponentWrapper,
+  I as ReactiveJsonSubroot,
   S as SortableTreeItemCollapseButton,
-  y as Switch,
-  f as VariablesDebug,
+  M as Switch,
+  s as VariablesDebug,
   a as coreElementComponents,
-  v as getReactionFunctionsToExecute
+  E as getReactionFunctionsToExecute
 };

package/dist/component/element/special/DataFilter.js

@@ -3,7 +3,7 @@ import { useContext as b } from "react";
 import { isValid as P } from "../../../engine/Actions.js";
 import { GlobalDataContext as D } from "../../../engine/GlobalDataContext.js";
 import { TemplateContext as x } from "../../../engine/TemplateContext.js";
-import { V as v } from "../../../View-D8TN1L2h.js";
+import { View as v } from "../../../engine/View.js";
 const W = (t) => {
   var u, f;
   const o = b(D), e = b(x), n = { globalDataContext: o, templateContext: e }, { contextToFilter: l = "global", filters: y = [] } = t.props, s = (p) => {

package/dist/component/element/special/DelayedActions.js

@@ -3,8 +3,8 @@ import { useContext as m, useEffect as x } from "react";
 import { ActionDependant as v, isValid as A } from "../../../engine/Actions.js";
 import { GlobalDataContext as F } from "../../../engine/GlobalDataContext.js";
 import { TemplateContext as h } from "../../../engine/TemplateContext.js";
-import { V as y } from "../../../View-D8TN1L2h.js";
-const V = ({ props: t, currentData: e, path: i }) => {
+import { View as y } from "../../../engine/View.js";
+const p = ({ props: t, currentData: e, path: i }) => {
   const c = m(F), n = m(h), a = Array.isArray(t.delayedActions) ? t.delayedActions : [], o = { globalDataContext: c, templateContext: n };
   return x(() => {
     if (!t.interval)
@@ -44,6 +44,6 @@ const V = ({ props: t, currentData: e, path: i }) => {
   return i;
 };
 export {
-  V as DelayedActions,
+  p as DelayedActions,
   g as getReactionFunctionsToExecute
 };

package/dist/component/element/special/Phantom.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { ActionDependant as i } from "../../../engine/Actions.js";
-import { V as m } from "../../../View-D8TN1L2h.js";
+import { View as m } from "../../../engine/View.js";
 const p = ({ props: o, currentData: t, path: e }) => /* @__PURE__ */ n(i, { ...o, children: o.content && /* @__PURE__ */ n(
   m,
   {

package/dist/component/element/special/ReactiveJsonBasicComponentWrapper.js

@@ -1,32 +1,19 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ActionDependant as m } from "../../../engine/Actions.js";
-import "../../../engine/EventDispatcherContext.js";
-import "../../../engine/EventDispatcherProvider.js";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/PaginationContext.js";
-import "../../../lodash-CYNxjS-I.js";
-import "react";
-import "../../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
-import "../../../engine/TemplateContext.js";
-import { useEvaluatedAttributes as p } from "../../../engine/TemplateSystem.js";
-import '../../../assets/reset.css';/* empty css                      */
-import { V as a } from "../../../View-D8TN1L2h.js";
-import "../../../index-NNBvIV0S.js";
-import "../../../jsonpath-B9kE9k9e.js";
-import "../../../js-yaml-Bw0KO4XO.js";
-import "../../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-function R({ props: t, currentData: i, path: e, reactComponent: o }) {
-  const n = p(t.attributes);
-  return o ? /* @__PURE__ */ r(m, { ...t, children: /* @__PURE__ */ r(o, { ...n, children: t.content && /* @__PURE__ */ r(
-    a,
+import { jsx as e } from "react/jsx-runtime";
+import { ActionDependant as c } from "../../../engine/Actions.js";
+import { useEvaluatedAttributes as a } from "../../../engine/TemplateSystem.js";
+import { View as m } from "../../../engine/View.js";
+function p({ props: t, currentData: r, path: o, reactComponent: n }) {
+  const i = a(t.attributes);
+  return n ? /* @__PURE__ */ e(c, { ...t, children: /* @__PURE__ */ e(n, { ...i, children: t.content && /* @__PURE__ */ e(
+    m,
     {
-      currentData: i.content ?? void 0,
+      currentData: r.content ?? void 0,
       datafield: "content",
-      path: e + ".content",
+      path: o + ".content",
       props: t.content
     }
   ) }) }) : null;
 }
 export {
-  R as ReactiveJsonBasicComponentWrapper
+  p as ReactiveJsonBasicComponentWrapper
 };

package/dist/component/element/special/ReactiveJsonSubroot.js

@@ -1,16 +1,57 @@
-import "react/jsx-runtime";
-import "../../../engine/Actions.js";
-import "../../../engine/EventDispatcherContext.js";
-import "../../../engine/EventDispatcherProvider.js";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/PaginationContext.js";
-import { R as u } from "../../../index-BYLJtf9L.js";
-import "../../../engine/TemplateContext.js";
-import "../../../engine/TemplateSystem.js";
+import { jsx as v } from "react/jsx-runtime";
+import { useContext as f } from "react";
+import { ActionDependant as g } from "../../../engine/Actions.js";
+import { GlobalDataContext as x } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as I } from "../../../engine/TemplateContext.js";
+import { evaluateTemplateValueCollection as h, dataLocationToPath as T } from "../../../engine/TemplateSystem.js";
 import "../../../lodash-CYNxjS-I.js";
-import "../../../engine/utility/analyzeDataOverrideReferences.js";
+import { analyzeDataOverrideReferences as E } from "../../../engine/utility/analyzeDataOverrideReferences.js";
 import "../../../js-yaml-Bw0KO4XO.js";
-import "react";
+const L = ({ props: t }) => {
+  var d;
+  const a = f(x), n = f(I), l = a.ReactiveJsonRoot;
+  if (!l)
+    return null;
+  const e = h({
+    valueToEvaluate: t == null ? void 0 : t.rjOptions,
+    globalDataContext: a,
+    templateContext: n
+  }) || {};
+  if (typeof e != "object")
+    return;
+  let o;
+  if ((t == null ? void 0 : t.sharedUpdates) === !0 && ((d = t == null ? void 0 : t.rjOptions) != null && d.dataOverride)) {
+    const c = E(t.rjOptions.dataOverride);
+    if (c.size > 0) {
+      o = /* @__PURE__ */ new Map();
+      for (const [s, u] of c) {
+        const D = (b, m, C) => {
+          try {
+            const r = T({
+              dataLocation: u,
+              currentPath: n.templatePath,
+              globalDataContext: a,
+              templateContext: n
+            }), R = m ? `${r}.${m}` : r;
+            a.updateData(b, R, C);
+          } catch (r) {
+            console.warn(`Error during upstream propagation for ${u}:`, r);
+          }
+        };
+        o.set(s, D);
+      }
+    }
+  }
+  const i = Number.isInteger(parseInt(t == null ? void 0 : t.dataOverrideEvaluationDepth)) ? parseInt(t == null ? void 0 : t.dataOverrideEvaluationDepth) : 10;
+  e != null && e.dataOverride && Number.isInteger(i) && i !== 0 && (e.dataOverride = h({
+    valueToEvaluate: e == null ? void 0 : e.dataOverride,
+    globalDataContext: a,
+    templateContext: n,
+    evaluationDepth: i
+  }) || {});
+  const O = a.plugins ?? {};
+  return /* @__PURE__ */ v(g, { ...t, children: /* @__PURE__ */ v(l, { ...e, plugins: O, upstreamUpdateCallbacks: o }) });
+};
 export {
-  u as ReactiveJsonSubroot
+  L as ReactiveJsonSubroot
 };

package/dist/component/element/special/Switch.js

@@ -1,19 +1,19 @@
-import { jsx as a, jsxs as y, Fragment as W } from "react/jsx-runtime";
+import { jsx as i, jsxs as y, Fragment as W } from "react/jsx-runtime";
 import { useContext as T, createElement as A } from "react";
 import { ActionDependant as L } from "../../../engine/Actions.js";
 import { GlobalDataContext as k } from "../../../engine/GlobalDataContext.js";
 import { PaginationContext as z } from "../../../engine/PaginationContext.js";
 import { TemplateContext as B } from "../../../engine/TemplateContext.js";
 import { evaluateTemplateValue as F, isTemplateValue as G, dataLocationToPath as K, evaluateAttributes as R } from "../../../engine/TemplateSystem.js";
-import { V as x } from "../../../View-D8TN1L2h.js";
+import { View as x } from "../../../engine/View.js";
 import { usePagination as q } from "../../hook/usePagination.js";
 const _ = ({ props: t, currentData: e, path: f }) => {
-  const m = T(k), i = T(B), g = (t == null ? void 0 : t.cardinality) ?? -1, V = (t == null ? void 0 : t.options) ?? [], h = (t == null ? void 0 : t.singleOption) ?? void 0, C = !!h, l = (t == null ? void 0 : t.content) ?? null, P = l && F({
+  const m = T(k), a = T(B), g = (t == null ? void 0 : t.cardinality) ?? -1, w = (t == null ? void 0 : t.options) ?? [], h = (t == null ? void 0 : t.singleOption) ?? void 0, C = !!h, l = (t == null ? void 0 : t.content) ?? null, P = l && F({
     globalDataContext: m,
-    templateContext: i,
+    templateContext: a,
     valueToEvaluate: l
-  }), u = Object.entries(typeof P == "object" ? P : e).map(([I, n]) => {
-    const o = I;
+  }), u = Object.entries(typeof P == "object" ? P : e).map(([V, n]) => {
+    const o = V;
     if (g >= 1 && o >= g || !n || typeof n != "object")
       return null;
     let c, b, d;
@@ -22,17 +22,17 @@ const _ = ({ props: t, currentData: e, path: f }) => {
     else {
       if (c = Object.keys(n)[0] ?? void 0, c === void 0)
         return null;
-      b = Object.values(n)[0] ?? void 0, d = V[c] ?? void 0;
+      b = Object.values(n)[0] ?? void 0, d = w[c] ?? void 0;
     }
     if (d === void 0)
       return null;
     let S = (G(l) && K({
       dataLocation: l,
-      currentPath: i.templatePath,
+      currentPath: a.templatePath,
       globalDataContext: m,
-      templateContext: i
+      templateContext: a
     }) || f) + "." + o;
-    return C || (S += "." + c), /* @__PURE__ */ a(
+    return C || (S += "." + c), /* @__PURE__ */ i(
       x,
       {
         currentData: b,
@@ -45,17 +45,17 @@ const _ = ({ props: t, currentData: e, path: f }) => {
   }), v = q({
     dataToPaginate: u,
     ...(t == null ? void 0 : t.paginationProps) ?? {}
-  }), j = t != null && t.paginated ? u.slice(v.firstShownItemIndex, v.maxShownItemIndexExcluded) : u, w = t != null && t.contentWrapper ? A(
+  }), j = t != null && t.paginated ? u.slice(v.firstShownItemIndex, v.maxShownItemIndexExcluded) : u, I = t != null && t.contentWrapper ? A(
     t.contentWrapper.tag ?? "div",
     R({
       attrs: t.contentWrapper.attributes ?? {},
       globalDataContext: m,
       options: { normalizeBeforeEvaluation: !0 },
-      templateContext: i
+      templateContext: a
     }),
     j
   ) : j, O = /* @__PURE__ */ y(W, { children: [
-    (t == null ? void 0 : t.before) && /* @__PURE__ */ a(
+    (t == null ? void 0 : t.before) && /* @__PURE__ */ i(
       x,
       {
         currentData: (e == null ? void 0 : e.before) ?? void 0,
@@ -64,8 +64,8 @@ const _ = ({ props: t, currentData: e, path: f }) => {
         props: t == null ? void 0 : t.before
       }
     ),
-    w,
-    (t == null ? void 0 : t.after) && /* @__PURE__ */ a(
+    I,
+    (t == null ? void 0 : t.after) && /* @__PURE__ */ i(
       x,
       {
         currentData: (e == null ? void 0 : e.after) ?? void 0,
@@ -75,7 +75,7 @@ const _ = ({ props: t, currentData: e, path: f }) => {
       }
     )
   ] });
-  return /* @__PURE__ */ a(L, { ...t, children: t != null && t.paginated ? /* @__PURE__ */ a(z.Provider, { value: { pagination: v }, children: O }) : O });
+  return /* @__PURE__ */ i(L, { ...t, children: t != null && t.paginated ? /* @__PURE__ */ i(z.Provider, { value: { pagination: v }, children: O }) : O });
 };
 export {
   _ as Switch

package/dist/component/element/special/index.js

@@ -1,19 +1,19 @@
 import { Count as e } from "./Count.js";
-import { DataFilter as a } from "./DataFilter.js";
-import { DelayedActions as p, getReactionFunctionsToExecute as m } from "./DelayedActions.js";
+import { DataFilter as n } from "./DataFilter.js";
+import { DelayedActions as a, getReactionFunctionsToExecute as m } from "./DelayedActions.js";
 import { PageControls as c } from "./PageControls.js";
 import { Phantom as i } from "./Phantom.js";
 import { ReactiveJsonBasicComponentWrapper as u } from "./ReactiveJsonBasicComponentWrapper.js";
-import { R as l } from "../../../index-BYLJtf9L.js";
+import { ReactiveJsonSubroot as C } from "./ReactiveJsonSubroot.js";
 import { Switch as g } from "./Switch.js";
 export {
   e as Count,
-  a as DataFilter,
-  p as DelayedActions,
+  n as DataFilter,
+  a as DelayedActions,
   c as PageControls,
   i as Phantom,
   u as ReactiveJsonBasicComponentWrapper,
-  l as ReactiveJsonSubroot,
+  C as ReactiveJsonSubroot,
   g as Switch,
   m as getReactionFunctionsToExecute
 };