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

package/README.md

@@ -144,11 +144,9 @@ This project was bootstrapped with [Vite](https://vite.dev/).
 This is where the main component code is located.
 
 We provided a basic set of components that people will mostly need.
-Those components usually wrap around famous third-party libs such as
-*React-Bootstrap* and *Chart.js*.
 
 Of course, you can add your own components in your React project,
-by following the same pattern.
+by following the same pattern, or extend by using plugins.
 
 #### Actions `/lib/component/action`
 

package/dist/View-D8TN1L2h.js

@@ -0,0 +1,126 @@
+import { jsx as n, jsxs as x, Fragment as C } from "react/jsx-runtime";
+import { useContext as h, useRef as j } from "react";
+import { ActionDependant as k } from "./engine/Actions.js";
+import { GlobalDataContext as D } from "./engine/GlobalDataContext.js";
+import { normalizeAttributesForReactJsx as A } from "./engine/utility/reactJsxHelpers.js";
+import { TemplateContext as T } from "./engine/TemplateContext.js";
+import H, { evaluateAttributes as R, evaluateTemplateValue as V, dataLocationToPath as O } from "./engine/TemplateSystem.js";
+const y = ({ props: t, currentData: o, datafield: s, path: l }) => {
+  const d = h(D), b = h(T), r = j(null), c = `${t.tag}`, f = t.extra ?? {}, e = A(t.attributes), a = A(o.attributes);
+  for (const i of Object.keys(a)) {
+    if (i.charAt(0) === "+") {
+      const g = i.substring(1);
+      e[g] = (e[g] ?? "").length > 0 ? (
+        // Append using a space.
+        " " + a[i]
+      ) : (
+        // Set directly.
+        a[i]
+      );
+      continue;
+    }
+    e[i] = a[i];
+  }
+  const u = R({ attrs: e, globalDataContext: d, templateContext: b });
+  return /* @__PURE__ */ n(k, { ...t, attributesHolderRef: r, children: ((i) => i && [
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "link",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr"
+  ].indexOf(i) !== -1)(t.tag) ? /* @__PURE__ */ x(C, { children: [
+    /* @__PURE__ */ n(c, { ref: r, ...u }),
+    Object.keys(f).length ? /* @__PURE__ */ n(m, { props: f }) : ""
+  ] }) : /* @__PURE__ */ x(C, { children: [
+    /* @__PURE__ */ n(c, { ref: r, ...u, children: t.content && /* @__PURE__ */ n(
+      m,
+      {
+        currentData: o.content ?? void 0,
+        datafield: "content",
+        path: l + ".content",
+        props: t.content
+      }
+    ) }),
+    Object.keys(f).length ? /* @__PURE__ */ n(m, { props: f }) : ""
+  ] }) });
+};
+function m({ props: t, currentData: o, datafield: s, path: l }) {
+  const d = h(D), b = h(T), r = d.plugins ?? {}, c = (r == null ? void 0 : r.element) ?? {};
+  if (!c)
+    return null;
+  const { element: f } = d;
+  if (o === void 0 && (o = ""), t != null && t.type) {
+    let e = c[t.type] ?? void 0;
+    return e === void 0 && (e = c.Html ?? y), (c.Html ?? y) === e && (t.tag = t.tag ?? t.type), /* @__PURE__ */ n(e, { path: l, props: t, currentData: o, datafield: s });
+  }
+  if (t != null && t.load) {
+    let e;
+    const a = (t == null ? void 0 : t.customDataLocation) ?? void 0, u = a ? (
+      // The data is located somewhere in the current data.
+      V({
+        globalDataContext: d,
+        templateContext: b,
+        valueToEvaluate: a
+      })
+    ) : (
+      // The data is the current data.
+      o
+    ), v = a ? O({
+      dataLocation: a,
+      currentPath: l,
+      globalDataContext: d,
+      templateContext: b
+    }) : l;
+    typeof t.load == "function" ? e = t.load(u) : e = f[t.load];
+    const { load: i, customDataLocation: g, ...L } = t;
+    return e = { ...e, ...L }, t.keepTemplateContext ? /* @__PURE__ */ n(
+      m,
+      {
+        currentData: u,
+        datafield: s,
+        path: v,
+        props: e
+      }
+    ) : /* @__PURE__ */ n(T.Provider, { value: { templateData: u, templatePath: v }, children: /* @__PURE__ */ n(
+      m,
+      {
+        currentData: u,
+        datafield: s,
+        path: v,
+        props: e
+      }
+    ) });
+  }
+  return Array.isArray(t) ? t.map((e, a) => /* @__PURE__ */ n(
+    m,
+    {
+      currentData: o[a] ?? void 0,
+      datafield: a,
+      path: l + "." + a,
+      props: e ?? void 0
+    },
+    l + "." + a
+  )) : typeof t == "object" ? Object.entries(t).map(([e, a]) => /* @__PURE__ */ n(
+    m,
+    {
+      currentData: o[e] ?? void 0,
+      datafield: e ?? void 0,
+      path: l + "." + e,
+      props: a
+    },
+    l + "." + e
+  )) : /* @__PURE__ */ n(H, { valueToEvaluate: o || (t ?? null) });
+}
+export {
+  y as H,
+  m as V
+};

package/dist/assets/VariablesDebug.css

@@ -1,4 +1 @@
-/*! 
-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_n8k8a_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_n8k8a_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_n8k8a_16._expanded_n8k8a_35{width:100%;max-height:64vh}._header_n8k8a_40{display:flex;align-items:center;justify-content:space-between}._actions_n8k8a_46{display:flex;gap:8px}._btn_n8k8a_51{background:transparent;color:#e5e7eb;border:1px solid #4b5563;border-radius:6px;padding:2px 8px}._btn_n8k8a_51._active_n8k8a_59{background:#1f2937}._path_n8k8a_63{color:#93c5fd}._value_n8k8a_67{color:#fbbf24}._copyBtn_n8k8a_71{transition:background-color .2s ease-in-out}._copyBtnSuccess_n8k8a_75{background-color:#10b932}._copyBtnError_n8k8a_79{background-color:#ef4444}._info_n8k8a_83{margin-top:8px}@media (max-width: 480px){._debugRoot_n8k8a_1{right:8px;left:8px;width:auto}}
+._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/assets/reset.css

@@ -0,0 +1,4 @@
+/*! 
+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}

package/dist/assets/usePagination.css

@@ -0,0 +1 @@
+._paginationContainer_1uiid_1{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:0;margin:0;list-style:none}._paginationFirst_1uiid_11,._paginationPrev_1uiid_12,._paginationItem_1uiid_13,._paginationNext_1uiid_14,._paginationLast_1uiid_15{position:relative;display:block;padding:.375rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;cursor:pointer;font-family:inherit;font-size:inherit;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}._paginationFirst_1uiid_11:hover:not(:disabled),._paginationPrev_1uiid_12:hover:not(:disabled),._paginationItem_1uiid_13:hover:not(:disabled),._paginationNext_1uiid_14:hover:not(:disabled),._paginationLast_1uiid_15:hover:not(:disabled){z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}._paginationFirst_1uiid_11:focus,._paginationPrev_1uiid_12:focus,._paginationItem_1uiid_13:focus,._paginationNext_1uiid_14:focus,._paginationLast_1uiid_15:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem #007bff40}._paginationFirst_1uiid_11:disabled,._paginationPrev_1uiid_12:disabled,._paginationItem_1uiid_13:disabled,._paginationNext_1uiid_14:disabled,._paginationLast_1uiid_15:disabled{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6;cursor:not-allowed;opacity:.65}._paginationFirst_1uiid_11{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}._paginationItem_1uiid_13._active_1uiid_71{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}._paginationLast_1uiid_15{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}._paginationEllipsis_1uiid_83{position:relative;display:block;padding:.375rem .75rem;margin-left:-1px;line-height:1.25;color:#6c757d;background-color:#fff;border:1px solid #dee2e6;cursor:default}

package/dist/component/action/HashChangeListener.js

@@ -1,9 +1,31 @@
-import "react/jsx-runtime";
-import "react";
-import "../../engine/EventDispatcherContext.js";
-import "../../engine/GlobalDataContext.js";
-import "../../engine/TemplateContext.js";
-import { H as a } from "../../VariablesDebug-1UzZWgD7.js";
+import { jsx as C, Fragment as H } from "react/jsx-runtime";
+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 { 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: n,
+      templateContext: o,
+      valueToEvaluate: w
+    }), c = d({
+      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: n, templateContext: o });
+    };
+    return e == null || e.addEventListener("hashchange", m), () => {
+      e == null || e.removeEventListener("hashchange", m);
+    };
+  }, [e, n, t, o]), /* @__PURE__ */ C(H, { children: a.children });
+};
 export {
-  a as HashChangeListener
+  R as HashChangeListener
 };

package/dist/component/action/MessageListener.js

@@ -1,10 +1,28 @@
-import "react/jsx-runtime";
-import "../../alterData-CjaFWyAA.js";
-import "react";
-import "../../engine/EventDispatcherContext.js";
-import "../../engine/GlobalDataContext.js";
-import "../../engine/TemplateContext.js";
-import { M as a } from "../../VariablesDebug-1UzZWgD7.js";
+import { jsx as v, Fragment as E } from "react/jsx-runtime";
+import { l as w } from "../../lodash-CYNxjS-I.js";
+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 { 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(() => {
+    const u = t ?? void 0, l = (t == null ? void 0 : t.what) ?? void 0, f = (t == null ? void 0 : t.whenMessageIs) ?? void 0, g = T({
+      globalDataContext: n,
+      templateContext: a,
+      valueToEvaluate: f
+    }), m = (i) => {
+      if (i.origin !== window.location.origin || !w.isEqual(i.data, g))
+        return;
+      const c = l && (d[l] ?? void 0);
+      c && c({ args: u, event: i, globalDataContext: n, templateContext: a });
+    };
+    return o == null || o.addEventListener("message", m), () => {
+      o == null || o.removeEventListener("message", m);
+    };
+  }, [o, n, t, a]), /* @__PURE__ */ v(E, { children: e.children });
+};
 export {
-  a as MessageListener
+  G as MessageListener
 };

package/dist/component/action/ReactOnEvent.js

@@ -1,10 +1,66 @@
-import "react/jsx-runtime";
-import "react";
-import "../../engine/GlobalDataContext.js";
-import "../../engine/TemplateContext.js";
-import { R as a, r as e } from "../../VariablesDebug-1UzZWgD7.js";
-import "../reaction/triggerEvent.js";
+import { jsx as A, Fragment as C } from "react/jsx-runtime";
+import { useContext as E, Children as d, Fragment as h, isValidElement as j, cloneElement as k } from "react";
+import { GlobalDataContext as R } from "../../engine/GlobalDataContext.js";
+import { TemplateContext as L } from "../../engine/TemplateContext.js";
+const w = (s) => {
+  const f = E(R), g = E(L), a = f.plugins ?? {}, P = (a == null ? void 0 : a.reaction) ?? {}, { actionProps: y } = s, p = {}, u = "<reactive-json:event>", v = "<reactive-json:event-new-value>", F = (e) => {
+    if (e && e.target) {
+      const r = e.target;
+      if (r.type === "checkbox")
+        return r.checked;
+      if (r.type === "radio")
+        return r.checked ? r.value : void 0;
+      if (typeof r.value < "u")
+        return r.value;
+      if (typeof r.checked < "u")
+        return r.checked;
+    }
+  }, b = (e, r) => {
+    if (e === v)
+      return F(r);
+    if (typeof e != "string" || !e.startsWith(u))
+      return e;
+    let t = e.slice(u.length);
+    if (t.startsWith(".") && (t = t.slice(1)), !!t)
+      return t.split(".").reduce((n, o) => n ? n[o] : void 0, r);
+  }, i = (e, r) => {
+    if (Array.isArray(e))
+      return e.map((t) => i(t, r));
+    if (e && typeof e == "object") {
+      const t = {};
+      for (const [n, o] of Object.entries(e))
+        t[n] = i(o, r);
+      return t;
+    }
+    return b(e, r);
+  };
+  for (const [e, r] of Object.entries(y))
+    p[e] = (t) => {
+      let n = !0;
+      for (const o of r) {
+        if (!o)
+          continue;
+        const m = o.what && (P[o.what] ?? null);
+        if (!m)
+          continue;
+        const c = i(o, t);
+        if (m({ args: c, event: t, globalDataContext: f, templateContext: g }), c.stopPropagation === !0)
+          break;
+        n = c.stopPropagation ?? !0;
+      }
+      n !== !1 && t.stopPropagation();
+    };
+  const l = (e) => {
+    if (!e)
+      return e;
+    const r = d.toArray(e);
+    return d.map(r, (t) => {
+      var n;
+      return t.type === h ? l((n = t == null ? void 0 : t.props) == null ? void 0 : n.children) : typeof t != "object" || !j(t) ? t : k(t, p);
+    });
+  }, x = l(s.children);
+  return /* @__PURE__ */ A(C, { children: x });
+};
 export {
-  a as ReactOnEvent,
-  e as reactionFunctions
+  w as ReactOnEvent
 };

package/dist/component/action/Redirect.js

@@ -1,7 +1,11 @@
-import "react";
-import "../../engine/GlobalDataContext.js";
-import "../../engine/TemplateContext.js";
-import { a as p } from "../../VariablesDebug-1UzZWgD7.js";
+import { useContext as o } from "react";
+import { GlobalDataContext as n } from "../../engine/GlobalDataContext.js";
+import { TemplateContext as l } from "../../engine/TemplateContext.js";
+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 {
-  p as Redirect
+  s as Redirect
 };

package/dist/component/action/SetAttributeValue.js

@@ -1,7 +1,39 @@
-import "react";
-import "../../engine/GlobalDataContext.js";
-import "../../engine/TemplateContext.js";
-import { S as m } from "../../VariablesDebug-1UzZWgD7.js";
+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 { 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(() => {
+    if (!(t != null && t.current) || !e || n === void 0)
+      return;
+    const r = String(
+      b({
+        valueToEvaluate: n,
+        globalDataContext: l,
+        templateContext: c
+      })
+    ), u = t.current;
+    if (s === "replace")
+      u.setAttribute(e, r);
+    else {
+      const m = u.getAttribute(e) || "", p = m ? m.split(o) : [];
+      if (!i || !p.includes(r)) {
+        const v = [...p, r];
+        u.setAttribute(e, v.join(o));
+      }
+    }
+  }, [
+    e,
+    s,
+    n,
+    i,
+    o,
+    l.data,
+    c,
+    t
+  ]), a.children;
+};
 export {
-  m as SetAttributeValue
+  T as SetAttributeValue
 };

package/dist/component/action/ToggleAttributeValue.js

@@ -1,7 +1,58 @@
-import "react";
-import "../../engine/GlobalDataContext.js";
-import "../../engine/TemplateContext.js";
-import { T as m } from "../../VariablesDebug-1UzZWgD7.js";
+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 { 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(() => {
+    if (!(l != null && l.current) || !o || m === void 0)
+      return;
+    const p = P({
+      valueToEvaluate: m,
+      globalDataContext: x,
+      templateContext: b
+    }), g = ((i.componentProps || {}).attributes || {})[o] || "", d = g ? g.split(u).filter((e) => e.trim() !== "") : [];
+    let n = [...d];
+    if (Array.isArray(p)) {
+      const e = p.map((t) => String(t));
+      if (e.length === 0)
+        return;
+      if (e.length === 1) {
+        const t = e[0], a = n.indexOf(t);
+        a > -1 ? n.splice(a, 1) : t !== "" && n.push(t);
+      } else {
+        let t = -1, a = -1;
+        for (let s = 0; s < e.length; s++) {
+          const f = e[s], v = n.indexOf(f);
+          if (v > -1) {
+            t = v, a = s;
+            break;
+          }
+        }
+        if (t > -1) {
+          const s = (a + 1) % e.length, f = e[s];
+          n.splice(t, 1), f !== "" && n.push(f);
+        } else {
+          const s = e[0];
+          s !== "" && n.push(s);
+        }
+      }
+    } else {
+      const e = String(p), t = n.indexOf(e);
+      t > -1 ? n.splice(t, 1) : n.push(e);
+    }
+    const c = l.current, A = c.getAttribute(o) || "", I = A ? A.split(u).filter((e) => e.trim() !== "") : [], T = d.filter((e) => !n.includes(e)), C = n.filter((e) => !d.includes(e));
+    let r = [...I];
+    T.forEach((e) => {
+      const t = r.indexOf(e);
+      t > -1 && r.splice(t, 1);
+    }), C.forEach((e) => {
+      r.includes(e) || r.push(e);
+    });
+    const h = r.join(u);
+    h.trim() === "" ? V ? c.setAttribute(o, "") : c.removeAttribute(o) : c.setAttribute(o, h);
+  }, [o, m, u, V, x.data, b, l]), i.children;
+};
 export {
-  m as ToggleAttributeValue
+  q as ToggleAttributeValue
 };

package/dist/component/action/UnsetAttribute.js

@@ -1,7 +1,22 @@
-import "react";
-import "../../engine/GlobalDataContext.js";
-import "../../engine/TemplateContext.js";
-import { U as p } from "../../VariablesDebug-1UzZWgD7.js";
+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 { evaluateTemplateValue as i } from "../../engine/TemplateSystem.js";
+const C = (e) => {
+  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: n,
+        templateContext: a
+      })
+    );
+    t.current.removeAttribute(m);
+  }, [o, n.data, a, t]), e.children;
+};
 export {
-  p as UnsetAttribute
+  C as UnsetAttribute
 };

package/dist/component/action/UnsetAttributeValue.js

@@ -1,7 +1,60 @@
-import "react";
-import "../../engine/GlobalDataContext.js";
-import "../../engine/TemplateContext.js";
-import { c as m } from "../../VariablesDebug-1UzZWgD7.js";
+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 { 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(() => {
+    if (!(r != null && r.current) || !n || i === void 0)
+      return;
+    const o = String(
+      A({
+        valueToEvaluate: i,
+        globalDataContext: l,
+        templateContext: s
+      })
+    ), m = f !== void 0 ? A({
+      valueToEvaluate: f,
+      globalDataContext: l,
+      templateContext: s
+    }) : void 0, v = r.current, d = v.getAttribute(n) || "";
+    if (!d)
+      return;
+    let t = [...d.split(c)];
+    (() => {
+      if (C === !0) {
+        t = t.filter((e) => e !== o);
+        return;
+      }
+      const u = parseInt(m, 10);
+      if (!(!isNaN(u) && m !== void 0 && m !== null)) {
+        t = t.filter((e) => e !== o);
+        return;
+      }
+      if (u === 0)
+        return;
+      if (u > 0) {
+        let e = 0;
+        t = t.filter((T) => T === o && e < u ? (e++, !1) : !0);
+        return;
+      }
+      const x = Math.abs(u);
+      let b = 0;
+      t = t.reverse().filter((e) => e === o && b < x ? (b++, !1) : !0).reverse();
+    })();
+    const V = t.join(c);
+    V.trim() === "" ? v.removeAttribute(n) : v.setAttribute(n, V);
+  }, [
+    n,
+    i,
+    c,
+    C,
+    f,
+    l.data,
+    s,
+    r
+  ]), a.children;
+};
 export {
-  m as UnsetAttributeValue
+  I as UnsetAttributeValue
 };

package/dist/component/action/index.js

@@ -1,18 +1,22 @@
-import { H as a, M as s, P as r, R as i, a as o, S as n, T as u, b as l, U as b, c, r as p } from "../../VariablesDebug-1UzZWgD7.js";
-import { Hide as A } from "./Hide.js";
-import { VisuallyHide as V } from "./VisuallyHide.js";
+import { HashChangeListener as r } from "./HashChangeListener.js";
+import { Hide as f } from "./Hide.js";
+import { MessageListener as m } from "./MessageListener.js";
+import { ReactOnEvent as x } from "./ReactOnEvent.js";
+import { Redirect as s } from "./Redirect.js";
+import { SetAttributeValue as n } from "./SetAttributeValue.js";
+import { ToggleAttributeValue as b } from "./ToggleAttributeValue.js";
+import { UnsetAttribute as A } from "./UnsetAttribute.js";
+import { UnsetAttributeValue as d } from "./UnsetAttributeValue.js";
+import { VisuallyHide as c } from "./VisuallyHide.js";
 export {
-  a as HashChangeListener,
-  A as Hide,
-  s as MessageListener,
-  r as Popover,
-  i as ReactOnEvent,
-  o as Redirect,
+  r as HashChangeListener,
+  f as Hide,
+  m as MessageListener,
+  x as ReactOnEvent,
+  s as Redirect,
   n as SetAttributeValue,
-  u as ToggleAttributeValue,
-  l as Tooltip,
-  b as UnsetAttribute,
-  c as UnsetAttributeValue,
-  V as VisuallyHide,
-  p as reactionFunctions
+  b as ToggleAttributeValue,
+  A as UnsetAttribute,
+  d as UnsetAttributeValue,
+  c as VisuallyHide
 };

package/dist/component/dataMapping/index.js

@@ -1,5 +1,8 @@
-import { d as o, s } from "../../VariablesDebug-1UzZWgD7.js";
+import { simpleMapping as p } from "./simpleMapping.js";
+const n = {
+  simpleMapping: p
+};
 export {
-  o as coreDataMappingComponents,
-  s as simpleMapping
+  n as coreDataMappingComponents,
+  p as simpleMapping
 };