@ea-lab/reactive-json 1.0.0-alpha.5 → 1.0.0-alpha.7

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_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}}
+._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/component/attributeTransformer/index.js

@@ -0,0 +1,13 @@
+import { setAttributeValue as t } from "./setAttributeValue.js";
+import { unsetAttribute as r } from "./unsetAttribute.js";
+import { unsetAttributeValue as e } from "./unsetAttributeValue.js";
+import { toggleAttributeValue as o } from "./toggleAttributeValue.js";
+const p = {
+  setAttributeValue: t,
+  toggleAttributeValue: o,
+  unsetAttribute: r,
+  unsetAttributeValue: e
+};
+export {
+  p as coreAttributeTransformerComponents
+};

package/dist/component/attributeTransformer/setAttributeValue.js

@@ -0,0 +1,36 @@
+import "react/jsx-runtime";
+import "../../jsonpath-B9kE9k9e.js";
+import "../../lodash-CYNxjS-I.js";
+import "react";
+import "../../engine/GlobalDataContext.js";
+import "../../engine/TemplateContext.js";
+import { evaluateTemplateValue as v } from "../../engine/TemplateSystem.js";
+import "../../engine/EventDispatcherContext.js";
+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 '../../assets/reset.css';/* empty css                   */
+import "../../index-NNBvIV0S.js";
+import "../../js-yaml-Bw0KO4XO.js";
+import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
+const q = ({ attributes: e, globalDataContext: a, singleTransformProps: i, templateContext: l }) => {
+  const { name: n, mode: u = "append", value: c, preventDuplicateValues: s = !0, separator: r = " " } = i, t = v({
+    valueToEvaluate: c,
+    globalDataContext: a,
+    templateContext: l
+  }), o = d(n);
+  if (u === "replace")
+    e[o] = t;
+  else {
+    const m = e[o] || "", p = m ? m.split(r) : [];
+    if (!s || !p.includes(t)) {
+      const V = [...p, t];
+      e[o] = V.join(r);
+    }
+  }
+  return e;
+};
+export {
+  q as setAttributeValue
+};

package/dist/component/attributeTransformer/toggleAttributeValue.js

@@ -0,0 +1,60 @@
+import "react/jsx-runtime";
+import "../../jsonpath-B9kE9k9e.js";
+import "../../lodash-CYNxjS-I.js";
+import "react";
+import "../../engine/GlobalDataContext.js";
+import "../../engine/TemplateContext.js";
+import { evaluateTemplateValue as v } from "../../engine/TemplateSystem.js";
+import "../../engine/EventDispatcherContext.js";
+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 '../../assets/reset.css';/* empty css                   */
+import "../../index-NNBvIV0S.js";
+import "../../js-yaml-Bw0KO4XO.js";
+import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
+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: m,
+    globalDataContext: V,
+    templateContext: g
+  }), 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], i = l.indexOf(t);
+      i > -1 ? l.splice(i, 1) : t !== "" && l.push(t);
+    } else {
+      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, i = r;
+          break;
+        }
+      }
+      if (t > -1) {
+        const r = (i + 1) % e.length, a = e[r];
+        l.splice(t, 1), a !== "" && l.push(a);
+      } else {
+        const r = e[0];
+        r !== "" && l.push(r);
+      }
+    }
+  } else {
+    const e = String(s), t = l.indexOf(e);
+    t > -1 ? l.splice(t, 1) : l.push(e);
+  }
+  const c = l.join(u);
+  return c.trim() === "" ? h ? o[n] = "" : delete o[n] : o[n] = c, o;
+};
+export {
+  B as toggleAttributeValue
+};

package/dist/component/attributeTransformer/unsetAttribute.js

@@ -0,0 +1,10 @@
+import { normalizeAttributeNameForReactJsx as z } from "../../engine/utility/reactJsxHelpers.js";
+const N = ({ attributes: c, singleTransformProps: d }) => {
+  if (typeof (d == null ? void 0 : d.name) != "string" || d.name === "")
+    return c;
+  const x = z(d == null ? void 0 : d.name);
+  return c != null && c[x] && delete c[x], c;
+};
+export {
+  N as unsetAttribute
+};

package/dist/component/attributeTransformer/unsetAttributeValue.js

@@ -0,0 +1,61 @@
+import "react/jsx-runtime";
+import "../../jsonpath-B9kE9k9e.js";
+import "../../lodash-CYNxjS-I.js";
+import "react";
+import "../../engine/GlobalDataContext.js";
+import "../../engine/TemplateContext.js";
+import { evaluateTemplateValue as V } from "../../engine/TemplateSystem.js";
+import "../../engine/EventDispatcherContext.js";
+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 '../../assets/reset.css';/* empty css                   */
+import "../../index-NNBvIV0S.js";
+import "../../js-yaml-Bw0KO4XO.js";
+import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
+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(
+    V({
+      valueToEvaluate: m,
+      globalDataContext: l,
+      templateContext: a
+    })
+  ), 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(p)];
+  (() => {
+    if (C === !0) {
+      e = e.filter((r) => r !== n);
+      return;
+    }
+    const o = parseInt(u, 10);
+    if (!(!isNaN(o) && u !== void 0 && u !== null)) {
+      e = e.filter((r) => r !== n);
+      return;
+    }
+    if (o === 0)
+      return;
+    if (o > 0) {
+      let r = 0;
+      e = e.filter((T) => T === n && r < o ? (r++, !1) : !0);
+      return;
+    }
+    const N = Math.abs(o);
+    let d = 0;
+    e = e.reverse().filter((r) => r === n && d < N ? (d++, !1) : !0).reverse();
+  })();
+  const v = e.join(p);
+  return v.trim() === "" ? delete t[i] : t[i] = v, t;
+};
+export {
+  B as unsetAttributeValue
+};

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

@@ -12,11 +12,12 @@ 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";
-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 = {
+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,
@@ -30,8 +31,8 @@ import '../../../../assets/VariablesDebug.css';const O = "_debugRoot_1ny7q_1", j
   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 @@ import '../../../../assets/VariablesDebug.css';const O = "_debugRoot_1ny7q_1", j
     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 @@ import '../../../../assets/VariablesDebug.css';const O = "_debugRoot_1ny7q_1", j
   }, 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 @@ import '../../../../assets/VariablesDebug.css';const O = "_debugRoot_1ny7q_1", j
             /* @__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 @@ import '../../../../assets/VariablesDebug.css';const O = "_debugRoot_1ny7q_1", j
               {
                 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 @@ import '../../../../assets/VariablesDebug.css';const O = "_debugRoot_1ny7q_1", j
             )
           ] })
         ] }),
-        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/form/ColorField.js

@@ -0,0 +1,21 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Input as i } from "./Input.js";
+const s = (t) => {
+  var r;
+  return /* @__PURE__ */ p(
+    i,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "color"
+        }
+      }
+    }
+  );
+};
+export {
+  s as ColorField
+};

package/dist/component/element/form/DateField.js

@@ -0,0 +1,21 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Input as i } from "./Input.js";
+const s = (t) => {
+  var r;
+  return /* @__PURE__ */ p(
+    i,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "date"
+        }
+      }
+    }
+  );
+};
+export {
+  s as DateField
+};

package/dist/component/element/form/DateTimeField.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Input as p } from "./Input.js";
+const s = (t) => {
+  var r;
+  return /* @__PURE__ */ i(
+    p,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "datetime-local"
+        }
+      }
+    }
+  );
+};
+export {
+  s as DateTimeField
+};

package/dist/component/element/form/EmailField.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Input as p } from "./Input.js";
+const s = (t) => {
+  var r;
+  return /* @__PURE__ */ i(
+    p,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "email"
+        }
+      }
+    }
+  );
+};
+export {
+  s as EmailField
+};

package/dist/component/element/form/FileField.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Input as p } from "./Input.js";
+const s = (t) => {
+  var r;
+  return /* @__PURE__ */ i(
+    p,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "file"
+        }
+      }
+    }
+  );
+};
+export {
+  s as FileField
+};

package/dist/component/element/form/HiddenField.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Input as p } from "./Input.js";
+const d = (t) => {
+  var r;
+  return /* @__PURE__ */ i(
+    p,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "hidden"
+        }
+      }
+    }
+  );
+};
+export {
+  d as HiddenField
+};

package/dist/component/element/form/Input.js

@@ -0,0 +1,59 @@
+import { jsx as l, jsxs as h, Fragment as P } from "react/jsx-runtime";
+import { useContext as v, useRef as j, useMemo as F } from "react";
+import { ActionDependant as R } from "../../../engine/Actions.js";
+import { useEvaluatedAttributes as i, evaluateTemplateValue as A } from "../../../engine/TemplateSystem.js";
+import { GlobalDataContext as W } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as H } from "../../../engine/TemplateContext.js";
+import { propsDataLocationToPathAndValue as M } from "../../../engine/utility/formElementsCommon.js";
+import { View as w } from "../../../engine/View.js";
+const J = ({ props: t, datafield: x, path: r, currentData: o }) => {
+  const a = v(W), n = v(H), u = j(null), s = i(t.attributes), T = i(t.inputAttributes ?? []), g = i(t.labelAttributes ?? []), { formData: C, formDataPath: y } = M({
+    currentPath: r,
+    datafield: x,
+    dataLocation: t.dataLocation,
+    defaultValue: t.defaultFieldValue,
+    globalDataContext: a,
+    templateContext: n
+  }), E = (I) => {
+    a.updateData(I.currentTarget.value, y);
+  }, L = A({
+    valueToEvaluate: t.placeholder,
+    globalDataContext: a,
+    templateContext: n
+  }), V = A({
+    valueToEvaluate: t.inputType,
+    globalDataContext: a,
+    templateContext: n
+  }), c = !!t.label, m = t.forceWrapper, b = m === !0 || m !== !1 && c, e = {
+    onChange: E,
+    placeholder: L,
+    type: V ?? "text",
+    value: C ?? "",
+    ...T
+  };
+  b || Object.assign(e, s);
+  const d = F(() => e.id ? e.id : `input-${Math.random().toString(36).substring(2, 9)}`, [e.id]);
+  e.id = d;
+  const D = {
+    htmlFor: d,
+    ...g
+  }, f = /* @__PURE__ */ l("input", { ref: u, ...e }), p = c && /* @__PURE__ */ l("label", { ...D, children: /* @__PURE__ */ l(
+    w,
+    {
+      currentData: (o == null ? void 0 : o.label) ?? void 0,
+      datafield: "label",
+      path: r + ".label",
+      props: t.label
+    }
+  ) });
+  return /* @__PURE__ */ l(R, { ...t, attributesHolderRef: u, children: b ? /* @__PURE__ */ h("div", { ...s, children: [
+    p,
+    f
+  ] }) : /* @__PURE__ */ h(P, { children: [
+    p,
+    f
+  ] }) });
+};
+export {
+  J as Input
+};

package/dist/component/element/form/MonthField.js

@@ -0,0 +1,21 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Input as i } from "./Input.js";
+const s = (t) => {
+  var r;
+  return /* @__PURE__ */ p(
+    i,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "month"
+        }
+      }
+    }
+  );
+};
+export {
+  s as MonthField
+};

package/dist/component/element/form/NumberField.js

@@ -0,0 +1,21 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Input as u } from "./Input.js";
+const s = (t) => {
+  var r;
+  return /* @__PURE__ */ p(
+    u,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "number"
+        }
+      }
+    }
+  );
+};
+export {
+  s as NumberField
+};

package/dist/component/element/form/PasswordField.js

@@ -0,0 +1,21 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Input as s } from "./Input.js";
+const o = (t) => {
+  var r;
+  return /* @__PURE__ */ p(
+    s,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "password"
+        }
+      }
+    }
+  );
+};
+export {
+  o as PasswordField
+};

package/dist/component/element/form/RangeField.js

@@ -0,0 +1,21 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Input as i } from "./Input.js";
+const s = (t) => {
+  var r;
+  return /* @__PURE__ */ p(
+    i,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "range"
+        }
+      }
+    }
+  );
+};
+export {
+  s as RangeField
+};

package/dist/component/element/form/SearchField.js

@@ -0,0 +1,21 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Input as i } from "./Input.js";
+const u = (t) => {
+  var r;
+  return /* @__PURE__ */ p(
+    i,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "search"
+        }
+      }
+    }
+  );
+};
+export {
+  u as SearchField
+};

package/dist/component/element/form/TelField.js

@@ -0,0 +1,21 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Input as i } from "./Input.js";
+const s = (t) => {
+  var r;
+  return /* @__PURE__ */ p(
+    i,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "tel"
+        }
+      }
+    }
+  );
+};
+export {
+  s as TelField
+};

package/dist/component/element/form/TextField.js

@@ -0,0 +1,21 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Input as i } from "./Input.js";
+const s = (t) => {
+  var r;
+  return /* @__PURE__ */ p(
+    i,
+    {
+      ...t,
+      props: {
+        ...t.props,
+        inputAttributes: {
+          ...(r = t.props) == null ? void 0 : r.inputAttributes,
+          type: "text"
+        }
+      }
+    }
+  );
+};
+export {
+  s as TextField
+};