@ea-lab/reactive-json 1.0.0-alpha.0 → 1.0.0-alpha.2

package/dist/component/action/HashChangeListener.js

@@ -3,28 +3,28 @@ import { useContext as h, useEffect as E } from "react";
 import { EventDispatcherContext as x } from "../../engine/EventDispatcherContext.js";
 import { GlobalDataContext as L } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as T } from "../../engine/TemplateContext.js";
-import { b as d } from "../../TemplateSystem-kQJEKjik.js";
-const R = (n) => {
-  const e = h(x), a = h(L), o = h(T), s = a.plugins ?? {}, f = (s == null ? void 0 : s.reaction) ?? {}, t = (n == null ? void 0 : n.actionProps) ?? void 0;
+import { evaluateTemplateValueCollection as d } from "../../engine/TemplateSystem.js";
+const R = (a) => {
+  const e = h(x), n = h(L), o = h(T), s = n.plugins ?? {}, f = (s == null ? void 0 : s.reaction) ?? {}, t = (a == null ? void 0 : a.actionProps) ?? void 0;
   return E(() => {
     const v = t ?? void 0, r = (t == null ? void 0 : t.what) ?? void 0, w = (t == null ? void 0 : t.whenHashIs) ?? void 0, g = (t == null ? void 0 : t.whenHashWas) ?? void 0, i = d({
-      globalDataContext: a,
+      globalDataContext: n,
       templateContext: o,
       valueToEvaluate: w
     }), c = d({
-      globalDataContext: a,
+      globalDataContext: n,
       templateContext: o,
       valueToEvaluate: g
     }), m = (l) => {
       if (typeof i == "string" && new URL(l.newUrl).hash !== i || typeof c == "string" && new URL(l.oldUrl).hash !== c)
         return;
       const u = r && (f[r] ?? void 0);
-      u && u({ args: v, event: l, globalDataContext: a, templateContext: o });
+      u && u({ args: v, event: l, globalDataContext: n, templateContext: o });
     };
     return e == null || e.addEventListener("hashchange", m), () => {
       e == null || e.removeEventListener("hashchange", m);
     };
-  }, [e, a, t, o]), /* @__PURE__ */ C(H, { children: n.children });
+  }, [e, n, t, o]), /* @__PURE__ */ C(H, { children: a.children });
 };
 export {
   R as HashChangeListener

package/dist/component/action/MessageListener.js

@@ -4,7 +4,7 @@ import { useContext as r, useEffect as x } from "react";
 import { EventDispatcherContext as C } from "../../engine/EventDispatcherContext.js";
 import { GlobalDataContext as h } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as M } from "../../engine/TemplateContext.js";
-import { b as T } from "../../TemplateSystem-kQJEKjik.js";
+import { evaluateTemplateValueCollection as T } from "../../engine/TemplateSystem.js";
 const G = (e) => {
   const o = r(C), n = r(h), a = r(M), s = n.plugins ?? {}, d = (s == null ? void 0 : s.reaction) ?? {}, t = (e == null ? void 0 : e.actionProps) ?? void 0;
   return x(() => {

package/dist/component/action/Redirect.js

@@ -1,11 +1,11 @@
 import { useContext as o } from "react";
 import { GlobalDataContext as n } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as l } from "../../engine/TemplateContext.js";
-import { a as m } from "../../TemplateSystem-kQJEKjik.js";
-const f = (e) => {
+import { evaluateTemplateValue as m } from "../../engine/TemplateSystem.js";
+const s = (e) => {
   const a = o(n), r = o(l), { to: t } = e.actionProps;
   !t || typeof t != "string" || (window.location.href = m({ valueToEvaluate: t, globalDataContext: a, templateContext: r }));
 };
 export {
-  f as Redirect
+  s as Redirect
 };

package/dist/component/action/SetAttributeValue.js

@@ -1,7 +1,7 @@
 import { useContext as f, useEffect as V } from "react";
 import { GlobalDataContext as d } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as x } from "../../engine/TemplateContext.js";
-import { a as b } from "../../TemplateSystem-kQJEKjik.js";
+import { evaluateTemplateValue as b } from "../../engine/TemplateSystem.js";
 const T = (a) => {
   const l = f(d), c = f(x), { attributesHolderRef: t } = a, { name: e, mode: s = "append", value: n, preventDuplicateValues: i = !0, separator: o = " " } = a.actionProps;
   return V(() => {

package/dist/component/action/ToggleAttributeValue.js

@@ -1,7 +1,7 @@
 import { useContext as y, useEffect as E } from "react";
 import { GlobalDataContext as D } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as O } from "../../engine/TemplateContext.js";
-import { a as P } from "../../TemplateSystem-kQJEKjik.js";
+import { evaluateTemplateValue as P } from "../../engine/TemplateSystem.js";
 const q = (i) => {
   const x = y(D), b = y(O), { attributesHolderRef: l } = i, { name: o, value: m, separator: u = " ", keepAttributeWhenEmpty: V = !1 } = i.actionProps || {};
   return E(() => {

package/dist/component/action/UnsetAttribute.js

@@ -1,21 +1,21 @@
 import { useContext as r, useEffect as l } from "react";
 import { GlobalDataContext as c } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as u } from "../../engine/TemplateContext.js";
-import { a as i } from "../../TemplateSystem-kQJEKjik.js";
+import { evaluateTemplateValue as i } from "../../engine/TemplateSystem.js";
 const C = (e) => {
-  const a = r(c), n = r(u), { attributesHolderRef: t } = e, { name: o } = e.actionProps || {};
+  const n = r(c), a = r(u), { attributesHolderRef: t } = e, { name: o } = e.actionProps || {};
   return l(() => {
     if (!(t != null && t.current) || !o)
       return;
     const m = String(
       i({
         valueToEvaluate: o,
-        globalDataContext: a,
-        templateContext: n
+        globalDataContext: n,
+        templateContext: a
       })
     );
     t.current.removeAttribute(m);
-  }, [o, a.data, n, t]), e.children;
+  }, [o, n.data, a, t]), e.children;
 };
 export {
   C as UnsetAttribute

package/dist/component/action/UnsetAttributeValue.js

@@ -1,7 +1,7 @@
 import { useContext as p, useEffect as g } from "react";
 import { GlobalDataContext as E } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as N } from "../../engine/TemplateContext.js";
-import { a as A } from "../../TemplateSystem-kQJEKjik.js";
+import { evaluateTemplateValue as A } from "../../engine/TemplateSystem.js";
 const I = (a) => {
   const l = p(E), s = p(N), { attributesHolderRef: r } = a, { name: n, value: i, separator: c = " ", unsetAllOccurrences: C, unsetCount: f } = a.actionProps || {};
   return g(() => {

package/dist/component/dataMapping/simpleMapping.js

@@ -1,12 +1,12 @@
-import { d as V, b as v } from "../../TemplateSystem-kQJEKjik.js";
-function T({ config: h, globalDataContext: o, templateContext: i, responseData: m }) {
-  const { stringMap: M = {}, onErrorMap: p } = h, { updateData: g } = o;
+import { dataLocationToPath as V, evaluateTemplateValueCollection as v } from "../../engine/TemplateSystem.js";
+function T({ config: h, globalDataContext: a, templateContext: i, responseData: m }) {
+  const { stringMap: M = {}, onErrorMap: p } = h, { updateData: g } = a;
   try {
     Object.entries(M).map(([r, t]) => l({
       destinationDataLocation: r,
       mappingConfig: t,
-      sourceDataRetriever: ({ location: n }) => u({ location: n, data: m })
-    })).filter(Boolean).forEach(s);
+      sourceDataRetriever: ({ location: n }) => s({ location: n, data: m })
+    })).filter(Boolean).forEach(u);
   } catch (e) {
     if (!p)
       throw e;
@@ -14,12 +14,12 @@ function T({ config: h, globalDataContext: o, templateContext: i, responseData:
       destinationDataLocation: t,
       mappingConfig: n,
       sourceDataRetriever: w
-    })).filter(Boolean).forEach(s);
+    })).filter(Boolean).forEach(u);
   }
-  function s({ destinationPath: e, value: r, updateMode: t }) {
+  function u({ destinationPath: e, value: r, updateMode: t }) {
     g(r, e, t);
   }
-  function u({ location: e, data: r }) {
+  function s({ location: e, data: r }) {
     if (typeof r != "object")
       throw new Error("simpleMapping: Could not find location in response data: " + e + ".");
     if (!e || e === "")
@@ -27,7 +27,7 @@ function T({ config: h, globalDataContext: o, templateContext: i, responseData:
     const t = e.split(".")[0];
     if (t in r) {
       const n = e.split(".").slice(1).join(".");
-      return n === "" ? r[t] : u({ location: n, data: r[t] });
+      return n === "" ? r[t] : s({ location: n, data: r[t] });
     }
     throw new Error(
       "simpleMapping: Could not find location in response data: " + e + " (location not found in data)."
@@ -36,7 +36,7 @@ function T({ config: h, globalDataContext: o, templateContext: i, responseData:
   function w({ location: e }) {
     return v({
       valueToEvaluate: e,
-      globalDataContext: o,
+      globalDataContext: a,
       templateContext: i,
       evaluationDepth: -1
     });
@@ -48,26 +48,26 @@ function T({ config: h, globalDataContext: o, templateContext: i, responseData:
       console.warn("simpleMapping: 'value' is missing for", e);
       return;
     }
-    const a = V({
+    const o = V({
       dataLocation: e,
       // TODO: This is incorrect because simpleMapping could be called from a fetchData reaction that is not located at the root of the data.
       currentPath: "data",
-      globalDataContext: o,
+      globalDataContext: a,
       templateContext: i
     });
-    if (typeof a != "string" || !a.startsWith("data")) {
+    if (typeof o != "string" || !o.startsWith("data")) {
       console.warn(
         "simpleMapping: the given destination path is invalid:",
         e,
         "->",
-        a
+        o
       );
       return;
     }
     try {
       const d = t({ location: n });
       return {
-        destinationPath: a,
+        destinationPath: o,
         value: d,
         updateMode: f
       };
@@ -77,12 +77,12 @@ function T({ config: h, globalDataContext: o, templateContext: i, responseData:
       if (c !== void 0) {
         const y = v({
           valueToEvaluate: c,
-          globalDataContext: o,
+          globalDataContext: a,
           templateContext: i,
           evaluationDepth: -1
         });
         return {
-          destinationPath: a,
+          destinationPath: o,
           value: y,
           updateMode: f
         };

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

@@ -1,7 +1,7 @@
 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 { A as L } from "../../../../TemplateSystem-kQJEKjik.js";
+import { ActionDependant as L } from "../../../../engine/Actions.js";
 import "../../../../engine/EventDispatcherContext.js";
 import "../../../../engine/EventDispatcherProvider.js";
 import "../../../../engine/GlobalDataContext.js";
@@ -9,29 +9,30 @@ import "../../../../engine/PaginationContext.js";
 import "../../../../lodash-CYNxjS-I.js";
 import { TemplateContext as $ } from "../../../../engine/TemplateContext.js";
 import "../../../../index-NNBvIV0S.js";
+import "../../../../jsonpath-B9kE9k9e.js";
 import "../../../../js-yaml-Bw0KO4XO.js";
 import "../../../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-import { DebugMode as c } from "./DebugMode.enum.js";
+import { DebugMode as r } 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", A = "_active_1ny7q_58", M = "_path_1ny7q_62", w = "_value_1ny7q_66", H = "_copyBtn_1ny7q_70", V = "_copyBtnSuccess_1ny7q_74", F = "_copyBtnError_1ny7q_78", W = "_info_1ny7q_82", n = {
+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: A,
-  path: M,
-  value: w,
+  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);
+}, pt = ({ props: v }) => {
+  const [c, u] = p(!1), [i, _] = p(r.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");
@@ -41,7 +42,7 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
     const t = d.current;
     try {
       if (await navigator.clipboard.writeText(
-        i === c.JSON ? b : h.map((s) => `${s.path}: ${JSON.stringify(s.value)}`).join(`
+        i === r.JSON ? b : h.map((s) => `${s.path}: ${JSON.stringify(s.value)}`).join(`
 `)
       ), !t) return;
       t.classList.add(n.copyBtnSuccess), t.textContent = "Copied!", setTimeout(() => {
@@ -56,7 +57,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} ${r ? n.expanded : ""}`,
+      className: `${n.container} ${c ? n.expanded : ""}`,
       onClick: () => u((t) => !t),
       role: "button",
       ref: f,
@@ -67,20 +68,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: [
-            r && /* @__PURE__ */ a(x, { children: [
+            c && /* @__PURE__ */ a(x, { children: [
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: `${n.btn} ${i === c.LIST ? n.active : ""}`,
-                  onClick: () => _(c.LIST),
+                  className: `${n.btn} ${i === r.LIST ? n.active : ""}`,
+                  onClick: () => _(r.LIST),
                   children: "List"
                 }
               ),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: `${n.btn} ${i === c.JSON ? n.active : ""}`,
-                  onClick: () => _(c.JSON),
+                  className: `${n.btn} ${i === r.JSON ? n.active : ""}`,
+                  onClick: () => _(r.JSON),
                   children: "JSON"
                 }
               )
@@ -90,10 +91,10 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
               {
                 className: n.btn,
                 onClick: () => u((t) => !t),
-                children: r ? "Collapse" : "Expand"
+                children: c ? "Collapse" : "Expand"
               }
             ),
-            r && /* @__PURE__ */ e(
+            c && /* @__PURE__ */ e(
               "button",
               {
                 className: `${n.btn} ${n.copyBtn}`,
@@ -104,12 +105,12 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
             )
           ] })
         ] }),
-        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 }) })
+        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 }) })
       ]
     }
   ) });
   return y ? E.createPortal(N, y) : null;
 };
 export {
-  dt as VariablesDebug
+  pt as VariablesDebug
 };

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

@@ -2,75 +2,77 @@ import { jsx as h } from "react/jsx-runtime";
 import { F as k, S as B } from "../../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
 import { l as _ } from "../../../lodash-CYNxjS-I.js";
 import { useContext as A, forwardRef as R } from "react";
-import { a as G, V as H, A as O } from "../../../TemplateSystem-kQJEKjik.js";
-import { GlobalDataContext as W } from "../../../engine/GlobalDataContext.js";
-import { TemplateContext as V } from "../../../engine/TemplateContext.js";
+import { ActionDependant as G } from "../../../engine/Actions.js";
+import { GlobalDataContext as H } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as y } from "../../../engine/TemplateContext.js";
+import { evaluateTemplateValue as O } from "../../../engine/TemplateSystem.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 u = t.length;
-    for (r = 0; r < u; r++) t[r] && (n = y(t[r])) && (a && (a += " "), a += n);
+    var s = t.length;
+    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 = "", u = arguments.length; n < u; 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 ee = ({ props: t, path: r, datafield: n }) => {
+const ae = ({ props: t, path: r, datafield: n }) => {
   var P, T;
-  const a = A(W), u = A(V);
-  let { formData: i, formDataPath: s } = q({
+  const a = A(H), s = A(y);
+  let { formData: i, formDataPath: u } = q({
     currentPath: r,
     datafield: n,
     dataLocation: t.dataLocation,
     defaultValue: t.defaultFieldValue,
     globalDataContext: a,
-    templateContext: u
+    templateContext: s
   });
   if (i === void 0)
     return null;
-  const L = t.itemTemplate ?? null, c = G({
+  const L = t.itemTemplate ?? null, c = O({
     valueToEvaluate: t.treeRootPath ?? void 0,
     globalDataContext: a,
-    templateContext: u
-  }), v = t.maxDepth, w = typeof c != "string" ? !0 : t.maxDepthIsAbsolute ?? !0, p = t.keepBaseItem ?? !1;
+    templateContext: s
+  }), v = t.maxDepth, w = typeof c != "string" ? !0 : t.maxDepthIsAbsolute ?? !0, C = t.keepBaseItem ?? !1;
   let f = 0, b = null, I;
   if (typeof c == "string" && c.length > 0) {
     const e = c.split(".");
-    let m = b, o = i, d = s;
+    let m = b, o = i, d = u;
     for (; e.length > 0; ) {
       const l = Number.parseInt(e.shift());
-      if (Number.isNaN(l) || (m = (i == null ? void 0 : i.id) ?? null, o = i, d = s, I = l, b = (P = i[l]) == null ? void 0 : P.id, i = ((T = i[l]) == null ? void 0 : T.children) ?? void 0, s = s + "." + l + ".children", i === void 0))
+      if (Number.isNaN(l) || (m = (i == null ? void 0 : i.id) ?? null, o = i, d = u, I = l, b = (P = i[l]) == null ? void 0 : P.id, i = ((T = i[l]) == null ? void 0 : T.children) ?? void 0, u = u + "." + l + ".children", i === void 0))
         return null;
       ++f;
     }
-    p && (b = m, i = o, s = d, i = [i[I]]);
+    C && (b = m, i = o, u = d, i = [i[I]]);
   }
   const F = (e) => {
-    let m = e, o = s;
+    let m = e, o = u;
     if (f > 0) {
       m = _.cloneDeep(m);
-      const d = (l, C = 0) => {
+      const d = (l, p = 0) => {
         var x;
-        C === 0 && (l.parentId = b), l.depth += f, (x = l.children) == null || x.forEach((D) => {
-          d(D, C + 1);
+        p === 0 && (l.parentId = b), l.depth += f, (x = l.children) == null || x.forEach((D) => {
+          d(D, p + 1);
         });
       };
       m.forEach((l) => {
         d(l, 0);
       });
     }
-    c !== void 0 && p && (m = e[0], o = s + "." + I), a.updateData(m, o);
+    c !== void 0 && C && (m = e[0], o = u + "." + I), a.updateData(m, o);
   }, N = R((e, m) => {
     const o = e.item.value ?? {}, d = [];
     let l = e.item;
     for (d.push(l.index); l.parent; )
       d.push("children"), l = l.parent, d.push(l.index);
     d.reverse();
-    const x = s + "." + d.join(".") + ".value";
+    const x = u + "." + d.join(".") + ".value";
     o._treeItemDepth = e.item.depth, o._treeItemIndex = e.item.index, o._treeItemIndex1 = e.item.index + 1;
     const D = {};
     return D._treeAddCollapseButton = () => !!e.onCollapse && !!e.childCount && /* @__PURE__ */ h(
@@ -98,20 +100,20 @@ const ee = ({ 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,
               templatePath: x,
               sortableTreeData: D
             },
-            children: /* @__PURE__ */ h(H, { props: L, currentData: o })
+            children: /* @__PURE__ */ h(W, { props: L, currentData: o })
           }
         )
       }
     );
   }), j = _.cloneDeep(i), E = t.sortableTreeOptions ?? {};
-  return /* @__PURE__ */ h(O, { ...t, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ h(G, { ...t, children: /* @__PURE__ */ h(
     B,
     {
       ...E,
@@ -129,5 +131,5 @@ function J(t) {
   return r.reverse().join(" ");
 }
 export {
-  ee as FolderSortableTree
+  ae as FolderSortableTree
 };

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

@@ -1,43 +1,44 @@
-import { jsx as u, Fragment as m } from "react/jsx-runtime";
+import { jsx as u, Fragment as s } from "react/jsx-runtime";
 import { useContext as f } from "react";
-import { a as c, A as d } from "../../../TemplateSystem-kQJEKjik.js";
-import { GlobalDataContext as v } from "../../../engine/GlobalDataContext.js";
-import { TemplateContext as C } from "../../../engine/TemplateContext.js";
-const T = ({ props: t }) => {
-  const r = f(v), l = f(C);
-  let a = !1, e, o;
+import { ActionDependant as d } from "../../../engine/Actions.js";
+import { GlobalDataContext as p } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as v } from "../../../engine/TemplateContext.js";
+import { evaluateTemplateValue as c } from "../../../engine/TemplateSystem.js";
+const h = ({ props: t }) => {
+  const r = f(p), l = f(v);
+  let o = !1, e, a;
   if (t.content !== void 0 && (e = c({ valueToEvaluate: t.content, globalDataContext: r, templateContext: l })), e == null || e === "")
     return null;
-  switch (t.format !== void 0 && (o = c({ valueToEvaluate: t.format, globalDataContext: r, templateContext: l })), o) {
+  switch (t.format !== void 0 && (a = c({ valueToEvaluate: t.format, globalDataContext: r, templateContext: l })), a) {
     case "roman-upper":
-      a = s(e);
+      o = m(e);
       break;
     case "roman-lower":
-      a = s(e, !0);
+      o = m(e, !0);
       break;
     case "latin-upper":
-      a = n(e);
+      o = n(e);
       break;
     case "latin-lower":
-      a = n(e, !0);
+      o = n(e, !0);
       break;
     default:
-      a = e;
+      o = e;
       break;
   }
-  return /* @__PURE__ */ u(d, { ...t, children: /* @__PURE__ */ u(m, { children: a !== !1 && a }) });
+  return /* @__PURE__ */ u(d, { ...t, children: /* @__PURE__ */ u(s, { children: o !== !1 && o }) });
 };
 function n(t, r = !1) {
   if (t < 1)
     return !1;
-  let l = t % 26, a = t / 26 | 0, e = l ? String.fromCharCode(64 + l) : (--a, "Z");
-  const o = a ? n(a) + e : e;
-  return r ? o.toLowerCase() : o;
+  let l = t % 26, o = t / 26 | 0, e = l ? String.fromCharCode(64 + l) : (--o, "Z");
+  const a = o ? n(o) + e : e;
+  return r ? a.toLowerCase() : a;
 }
-function s(t, r = !1) {
+function m(t, r = !1) {
   if (t < 1)
     return !1;
-  const a = [
+  const o = [
     ["M", 1e3],
     ["CM", 900],
     ["D", 500],
@@ -51,9 +52,9 @@ function s(t, r = !1) {
     ["V", 5],
     ["IV", 4],
     ["I", 1]
-  ].reduce((e, [o, i]) => (e += o.repeat(Math.floor(t / i)), t = t % i, e), "");
-  return r ? a.toLowerCase() : a;
+  ].reduce((e, [a, i]) => (e += a.repeat(Math.floor(t / i)), t = t % i, e), "");
+  return r ? o.toLowerCase() : o;
 }
 export {
-  T as FormatNumeral
+  h as FormatNumeral
 };

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

@@ -1,9 +1,59 @@
-import "react/jsx-runtime";
-import { H as a, n as e } from "../../../TemplateSystem-kQJEKjik.js";
-import "react";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/TemplateContext.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 {
-  a as Html,
-  e as normalizeAttributesForReactJsx
+  N as Html
 };