json-renderers 1.18.8 → 1.20.1

package/docs/dist/min.js

@@ -1,13 +1,13 @@
-const it = {
-  version: "v18.0.0",
+const ct = {
+  version: "v20.0.0",
   description: "build table from store data and render to DOM uses json-to-spec, json-to-dom under the hood"
-}, ct = (t) => {
+}, ut = (t) => {
   const a = t;
   typeof globalThis > "u" || !a || (globalThis.ks ?? (globalThis.ks = {}), globalThis.ks.jsonRenderers = {
-    meta: it,
+    meta: ct,
     render: a
   });
-}, ut = (t) => {
+}, dt = (t) => {
   const a = (t == null ? void 0 : t.inConfig) ?? t;
   if (!a || typeof a != "object")
     throw new TypeError("Config must be an object");
@@ -17,7 +17,7 @@ const it = {
   if (typeof e != "string")
     throw new TypeError("type must be a string");
   return !0;
-}, dt = (t) => {
+}, bt = (t) => {
   const a = (t == null ? void 0 : t.inConfig) ?? t;
   if (!a || typeof a != "object")
     throw new TypeError("Config must be an object");
@@ -27,7 +27,7 @@ const it = {
   if (!Array.isArray(e))
     throw new TypeError("data must be an Array");
   return !0;
-}, bt = (t) => {
+}, pt = (t) => {
   const a = (t == null ? void 0 : t.inConfig) ?? t;
   if (!a || typeof a != "object")
     throw new TypeError("Config must be an object");
@@ -37,7 +37,7 @@ const it = {
   if (!Array.isArray(e))
     throw new TypeError("columns must be an Array");
   return !0;
-}, pt = (t) => {
+}, mt = (t) => {
   const a = (t == null ? void 0 : t.inConfig) ?? t;
   if (!a || typeof a != "object")
     throw new TypeError("Config must be an object");
@@ -49,8 +49,8 @@ const it = {
   const a = (t == null ? void 0 : t.inConfig) ?? t;
   if (!a || typeof a != "object" || Array.isArray(a))
     throw new TypeError("Config must be an object");
-  return ut(a), dt(a), bt(a), pt(a), !0;
-}, mt = (t) => {
+  return dt(a), bt(a), pt(a), mt(a), !0;
+}, ht = (t) => {
   const a = (t == null ? void 0 : t.inConfig) ?? t;
   if (!a || typeof a != "object")
     throw new TypeError("Config must be an object");
@@ -62,7 +62,7 @@ const it = {
   if (e.trim().length === 0)
     throw new Error("targetHtmlId must be a non-empty string");
   return !0;
-}, ht = (t) => {
+}, ft = (t) => {
   const a = (t == null ? void 0 : t.inConfig) ?? t;
   if (!a || typeof a != "object")
     throw new TypeError("Config must be an object");
@@ -72,7 +72,7 @@ const it = {
   if (typeof e != "string")
     throw new TypeError("appendPosition must be a string");
   return !0;
-}, ft = (t) => {
+}, yt = (t) => {
   const a = (t == null ? void 0 : t.inConfig) ?? t;
   if (!a || typeof a != "object")
     throw new TypeError("Config must be an object");
@@ -86,54 +86,174 @@ const it = {
   const a = (t == null ? void 0 : t.inConfig) ?? t;
   if (!a || typeof a != "object" || Array.isArray(a))
     throw new TypeError("Config must be an object");
-  return mt(a), ht(a), ft(a), !0;
-}, yt = "table", Ct = "", wt = [], gt = [], $t = "", Nt = "replace", Tt = !1, g = {
-  type: yt,
-  targetHtmlId: Ct,
-  data: wt,
+  return ht(a), ft(a), yt(a), !0;
+}, Ct = "table", wt = "", $t = [], gt = [], Nt = "", Tt = "replace", xt = !1, $ = {
+  type: Ct,
+  targetHtmlId: wt,
+  data: $t,
   columns: gt,
-  classToApply: $t,
-  appendPosition: Nt,
-  showLog: Tt
+  classToApply: Nt,
+  appendPosition: Tt,
+  showLog: xt
 }, G = (t) => {
   const a = typeof t == "object" && t !== null ? t.inKey ?? t.key : t;
-  return a && a in g ? g[a] : { ...g };
+  return a && a in $ ? $[a] : { ...$ };
 };
-Object.assign(G, g);
-const $ = (t) => {
+Object.assign(G, $);
+const g = (t) => {
   const a = (t == null ? void 0 : t.inConfig) ?? t;
   if (!a || typeof a != "object" || Array.isArray(a))
     throw new TypeError("Config must be an object");
   return P(a), q(a), !0;
 };
-$.getSpec = G;
-$.configSpec = g;
-$.guardSpec = P;
-$.guardMount = q;
-const xt = {
+g.getSpec = G;
+g.configSpec = $;
+g.guardSpec = P;
+g.guardMount = q;
+const Pt = {
+  version: "v10",
+  description: "JSON-to-DOM engine with SVG namespace support, mixed text content, and centralized traversal"
+}, At = (t) => {
+  if (typeof globalThis > "u" || !t) return;
+  globalThis.ks ?? (globalThis.ks = {});
+  const a = {
+    meta: Pt,
+    buildSpecElement: t
+  };
+  globalThis.ks["json-to-tag"] = a, globalThis.ks.jsonToTag = a;
+}, kt = (t) => t == null ? null : typeof Node < "u" && t instanceof Node ? t : typeof t == "string" || typeof t == "number" ? document.createTextNode(String(t)) : typeof t == "object" && (t.nodeType === 3 || t.tagName === "#text" || !t.tagName && (t.textContent !== void 0 || t.text !== void 0)) ? document.createTextNode(t.textContent ?? t.text ?? "") : U(t), z = (t) => Array.isArray(t) ? t.map(kt).flat(1 / 0).filter(Boolean) : [], It = (t) => (t == null, t), Bt = "http://www.w3.org/2000/svg", Ft = /* @__PURE__ */ new Set([
+  "svg",
+  "path",
+  "symbol",
+  "use",
+  "g",
+  "circle",
+  "ellipse",
+  "rect",
+  "line",
+  "polyline",
+  "polygon",
+  "text",
+  "tspan",
+  "defs",
+  "clippath",
+  "mask",
+  "pattern",
+  "marker",
+  "lineargradient",
+  "radialgradient",
+  "stop",
+  "image",
+  "filter",
+  "fegaussianblur",
+  "femerge",
+  "femergenode"
+]), jt = ({ inTagName: t }) => {
+  const a = t == null ? void 0 : t.toLowerCase();
+  if (!a) return null;
+  if (a === "checkbox") {
+    const e = document.createElement("input");
+    return e.type = "checkbox", e;
+  }
+  return Ft.has(a) ? document.createElementNS(Bt, a) : document.createElement(a);
+}, St = ({ inElement: t, inTextContent: a }) => (!t || a === void 0 || a === null || (t.textContent = a), t), Rt = ({ inElement: t, inProperties: a }) => (t && a && typeof a == "object" && Object.assign(t, a), t), vt = "http://www.w3.org/1999/xlink", Et = ({ inElement: t, inAttributes: a }) => {
+  const e = t, o = a;
+  if (!e || !o || typeof o != "object")
+    return e;
+  const n = typeof SVGElement < "u" ? e instanceof SVGElement : e.namespaceURI === "http://www.w3.org/2000/svg";
+  return Object.entries(o).forEach(([s, r]) => {
+    if (s === "class") {
+      n ? e.setAttribute("class", String(r)) : e.className = r;
+      return;
+    }
+    if (s === "xlink:href" || s === "href") {
+      if (r != null) {
+        const i = String(r);
+        if (n)
+          try {
+            e.setAttributeNS(vt, "href", i);
+          } catch {
+          }
+        e.setAttribute("href", i), e.setAttribute("xlink:href", i);
+      }
+      return;
+    }
+    if (typeof r == "boolean") {
+      r ? e.setAttribute(s, "") : e.removeAttribute(s);
+      return;
+    }
+    r != null && e.setAttribute(s, String(r));
+  }), e;
+}, Ot = ({ inElement: t, inClassList: a }) => {
+  if (!t || !a) return t;
+  const e = typeof a == "string" ? a.split(/\s+/).filter(Boolean) : Array.isArray(a) ? a.filter((o) => typeof o == "string" && o.trim()) : [];
+  return e.length && t.classList.add(...e), t;
+}, Dt = (t) => {
+  if (!t || typeof t != "object" || Array.isArray(t) || !t.tagName) return null;
+  const a = jt({ inTagName: t.tagName });
+  if (!a) return null;
+  if (St({
+    inElement: a,
+    inTextContent: It(t.textContent),
+    inTagName: t.tagName
+  }), Rt({
+    inElement: a,
+    inProperties: t.properties
+  }), Et({
+    inElement: a,
+    inAttributes: t.attributes
+  }), Ot({
+    inElement: a,
+    inClassList: t.classList
+  }), Array.isArray(t.children)) {
+    const e = z(t.children);
+    e.length && a.append(...e);
+  }
+  return a;
+}, U = (t) => t == null ? null : typeof Node < "u" && t instanceof Node ? t : Array.isArray(t) ? z(t) : typeof t == "object" ? Dt(t) : typeof t == "string" || typeof t == "number" ? document.createTextNode(String(t)) : null, J = (t = {}) => {
+  const a = (t == null ? void 0 : t.spec) ?? (t == null ? void 0 : t.inSpec) ?? t;
+  return U(a);
+};
+At(J);
+const Lt = {
+  version: "1.41.0",
+  name: "json-to-dom"
+}, Kt = (t) => {
+  t && (globalThis.ks ?? (globalThis.ks = {}), globalThis.ks.jsonToDom = {
+    meta: Lt,
+    appendToDom: t
+  });
+}, _ = ({ buildSpec: t, targetHtmlId: a, appendPosition: e, showLog: o }) => {
+  const n = t, s = a, r = e, i = o;
+  i && console.log("renderToDom 1 (content):", n);
+  const l = document.getElementById(s);
+  return l ? (Array.isArray(n) || n instanceof NodeList || n instanceof HTMLCollection ? r === "prepend" ? l.prepend(...n) : l.append(...n) : r === "prepend" ? l.prepend(n) : (l.innerHTML = "", l.append(n)), i && console.log("renderToDom 2 (mounted):", l), l) : null;
+};
+Kt(_);
+const Vt = {
   version: "1.22.0",
   name: "json-renderers-build"
-}, Pt = (t) => {
+}, Ht = (t) => {
   t && (globalThis.ks ?? (globalThis.ks = {}), globalThis.ks.jsonRenderersBuild = {
-    meta: xt,
+    meta: Vt,
     render: t
   });
-}, At = (t) => typeof t == "object" && t !== null && !Array.isArray(t), It = (t, a) => {
-  if (!At(t)) return;
+}, Mt = (t) => typeof t == "object" && t !== null && !Array.isArray(t), Wt = (t, a) => {
+  if (!Mt(t)) return;
   let e = {};
   for (const [o, n] of Object.entries(t))
     e[o] = p(a, n);
   return e;
-}, kt = (t, a) => {
+}, qt = (t, a) => {
   const e = structuredClone(t);
   return Array.isArray(e) ? e.map((n) => p(a, n)) : void 0;
-}, z = (t, a, e) => {
+}, X = (t, a, e) => {
   if (t === "${agg:count}" && "rowData" in a) {
     if (Array.isArray(a == null ? void 0 : a.rowData))
       return a == null ? void 0 : a.rowData.length;
   } else
     return t === "${rowValue}" && "rowData" in a ? a == null ? void 0 : a.rowData : t.replace(/\$\{(\w+)\}/g, (o, n) => a[n] !== void 0 ? a[n] : o);
-}, Bt = (t, a) => z(t, a), Ft = (t, a, e) => {
+}, Gt = (t, a) => X(t, a), zt = (t, a, e) => {
   if (e && console.log("inElement : ", t), e && console.log("inTemplate : ", a), a == null)
     throw new TypeError("inTemplate is required");
   if (typeof a != "object" && typeof a != "string")
@@ -141,23 +261,23 @@ const xt = {
   if (!t || typeof t != "object" || Array.isArray(t))
     throw new TypeError("inElement must be an object");
   return !0;
-}, St = {
+}, Ut = {
   name: "json-transformer-funcs-primitive",
   version: "1.9.0"
-}, jt = (t) => {
+}, Jt = (t) => {
   var a, e;
   typeof globalThis > "u" || !t || (globalThis.ks ?? (globalThis.ks = {}), (a = globalThis.ks).applyTemplate ?? (a.applyTemplate = t), (e = globalThis.ks).transformerFuncs ?? (e.transformerFuncs = {}), globalThis.ks.transformerFuncs.primitive = {
-    meta: St,
+    meta: Ut,
     applyTemplate: t
   });
 }, p = (t, a, e) => {
   const o = t, n = a;
-  Ft(o, n, e);
+  zt(o, n, e);
   const s = structuredClone(n);
-  return typeof s == "string" ? z(s, o) : (s === null || typeof s != "object" || ("textContent" in s && (s.textContent = Bt(s == null ? void 0 : s.textContent, o)), "attributes" in s && (s.attributes = It(s == null ? void 0 : s.attributes, o)), "children" in s && (s.children = kt(s == null ? void 0 : s.children, o))), s);
+  return typeof s == "string" ? X(s, o) : (s === null || typeof s != "object" || ("textContent" in s && (s.textContent = Gt(s == null ? void 0 : s.textContent, o)), "attributes" in s && (s.attributes = Wt(s == null ? void 0 : s.attributes, o)), "children" in s && (s.children = qt(s == null ? void 0 : s.children, o))), s);
 };
-jt(p);
-const Rt = (t, a) => {
+Jt(p);
+const _t = (t, a) => {
   if (!Array.isArray(t))
     throw new TypeError("inSource must be an Array");
   if (t.length === 0)
@@ -170,71 +290,71 @@ const Rt = (t, a) => {
   return !0;
 }, m = (t, a) => {
   const e = t, o = a;
-  return Rt(e, o), e.map((n) => p(n, o));
-}, vt = (t, a) => t.map((o) => ({
+  return _t(e, o), e.map((n) => p(n, o));
+}, Xt = (t, a) => t.map((o) => ({
   ...o,
   rowData: a[o.columnName]
-})), Et = (t, a, e) => {
-  var n, s, r, i, l, c;
+})), Qt = (t, a, e) => {
+  var n, s, r, i, l, u;
   if (!Array.isArray(t))
     throw new TypeError("inColumns must be an Array");
   if (t.length === 0)
     throw new Error("inColumns cannot be empty");
-  for (let u = 0; u < t.length; u++) {
-    const d = t[u];
+  for (let c = 0; c < t.length; c++) {
+    const d = t[c];
     if (!d || typeof d != "object")
-      throw new TypeError(`inColumns[${u}] must be an object`);
+      throw new TypeError(`inColumns[${c}] must be an object`);
     if (typeof d.columnName != "string" || !d.columnName.trim())
-      throw new TypeError(`inColumns[${u}].columnName must be a non-empty string`);
+      throw new TypeError(`inColumns[${c}].columnName must be a non-empty string`);
   }
   if (!Array.isArray(a))
     throw new TypeError("inData must be an Array");
-  for (let u = 0; u < a.length; u++) {
-    const d = a[u];
+  for (let c = 0; c < a.length; c++) {
+    const d = a[c];
     if (!d || typeof d != "object")
-      throw new TypeError(`inData[${u}] must be an object`);
+      throw new TypeError(`inData[${c}] must be an object`);
   }
   if (!e || typeof e != "object" || Array.isArray(e))
     throw new TypeError("inSpec must be an object");
   const o = ((r = (s = (n = t[0]) == null ? void 0 : n.template) == null ? void 0 : s.body) == null ? void 0 : r.tr) || "buildBodyTr";
   if (!(o in e))
     throw new Error(`Row template "${o}" not found in inSpec`);
-  for (let u = 0; u < t.length; u++) {
-    const d = t[u], h = ((l = (i = d.template) == null ? void 0 : i.body) == null ? void 0 : l.cell) || ((c = d.template) == null ? void 0 : c.bodyCell) || "buildBodyCell";
+  for (let c = 0; c < t.length; c++) {
+    const d = t[c], h = ((l = (i = d.template) == null ? void 0 : i.body) == null ? void 0 : l.cell) || ((u = d.template) == null ? void 0 : u.bodyCell) || "buildBodyCell";
     if (!(h in e))
       throw new Error(`Cell template "${h}" for column "${d.columnName}" not found in inSpec`);
   }
   return !0;
-}, Ot = (t, a) => t.map((o) => {
-  var i, l, c;
-  const n = ((l = (i = o.template) == null ? void 0 : i.body) == null ? void 0 : l.cell) || ((c = o.template) == null ? void 0 : c.bodyCell) || "buildBodyCell", s = a[n];
+}, Yt = (t, a) => t.map((o) => {
+  var i, l, u;
+  const n = ((l = (i = o.template) == null ? void 0 : i.body) == null ? void 0 : l.cell) || ((u = o.template) == null ? void 0 : u.bodyCell) || "buildBodyCell", s = a[n];
   return p(o, s);
 }), N = (t, a, e) => {
-  var c, u, d;
-  Et(t, a, e);
-  const o = t, n = a, s = e, r = ((d = (u = (c = o[0]) == null ? void 0 : c.template) == null ? void 0 : u.body) == null ? void 0 : d.tr) || "buildBodyTr", i = s[r];
+  var u, c, d;
+  Qt(t, a, e);
+  const o = t, n = a, s = e, r = ((d = (c = (u = o[0]) == null ? void 0 : u.template) == null ? void 0 : c.body) == null ? void 0 : d.tr) || "buildBodyTr", i = s[r];
   return n.map((h) => {
-    const w = p(h, i), rt = vt(o, h), lt = Ot(rt, s);
-    return w.children = lt, w;
+    const w = p(h, i), lt = Xt(o, h), it = Yt(lt, s);
+    return w.children = it, w;
   });
-}, Dt = {
+}, Zt = {
   tagName: "tr",
   attributes: {
     class: "align-middle"
   },
   children: []
-}, Lt = {
+}, te = {
   tagName: "col",
   attributes: {
     width: "${width}"
   }
-}, Kt = {
+}, ee = {
   tagName: "th",
   textContent: "${columnName}",
   attributes: {
     class: "py-3 px-3 fw-semibold text-uppercase small"
   }
-}, Vt = {
+}, ae = {
   tagName: "td",
   children: [
     {
@@ -249,19 +369,19 @@ const Rt = (t, a) => {
       }
     }
   ]
-}, Ht = {
+}, oe = {
   tagName: "td",
   textContent: "${rowValue}",
   attributes: {
     class: "py-3 px-3 text-secondary"
   }
-}, Mt = {
+}, ne = {
   tagName: "button",
   textContent: "${columnName}",
   attributes: {
     class: "btn btn-primary btn-sm"
   }
-}, Wt = {
+}, se = {
   tagName: "td",
   attributes: {
     class: "py-2 px-3 text-center"
@@ -275,7 +395,7 @@ const Rt = (t, a) => {
       }
     }
   ]
-}, qt = {
+}, re = {
   tagName: "td",
   attributes: {
     class: "py-2 px-3 text-center"
@@ -289,43 +409,43 @@ const Rt = (t, a) => {
       }
     }
   ]
-}, Gt = {
+}, le = {
   tagName: "option",
   textContent: "${rowValue}",
   attributes: {
     value: "${rowValue}"
   }
-}, zt = {
+}, ie = {
   tagName: "select",
   attributes: {
     id: "LedgerName"
   },
   children: []
-}, Ut = {
+}, ce = {
   tagName: "datalist",
   attributes: {
     "data-name": "${columnName}"
   },
   children: []
-}, Jt = {
+}, ue = {
   tagName: "td",
   children: []
 }, b = {
-  buildBodyTr: Dt,
-  buildColGroup: Lt,
-  buildHeader: Kt,
-  buildFooter: Vt,
-  buildBodyCell: Ht,
-  button: Mt,
-  buttonCell: Wt,
-  optionsButtonCell: qt,
-  buildOption: Gt,
-  buildSelect: zt,
-  buildDataList: Ut,
-  emptyCell: Jt
-}, _t = "table", Xt = {
+  buildBodyTr: Zt,
+  buildColGroup: te,
+  buildHeader: ee,
+  buildFooter: ae,
+  buildBodyCell: oe,
+  button: ne,
+  buttonCell: se,
+  optionsButtonCell: re,
+  buildOption: le,
+  buildSelect: ie,
+  buildDataList: ce,
+  emptyCell: ue
+}, de = "table", be = {
   class: "table table-hover table-striped align-middle border mb-0"
-}, Qt = [
+}, pe = [
   {
     tagName: "colgroup",
     attributes: {
@@ -371,11 +491,11 @@ const Rt = (t, a) => {
       }
     ]
   }
-], Yt = {
-  tagName: _t,
-  attributes: Xt,
-  children: Qt
-}, Zt = [
+], me = {
+  tagName: de,
+  attributes: be,
+  children: pe
+}, he = [
   {
     narration: "Build the column widths for the table using the configured columns.",
     destinationPath: {
@@ -412,7 +532,7 @@ const Rt = (t, a) => {
     templateKey: "buildHeader",
     func: "fromCollection"
   }
-], te = [
+], fe = [
   {
     narration: "Build the table body rows for the table using the configured columns and data.",
     destinationPath: {
@@ -438,92 +558,92 @@ const Rt = (t, a) => {
     if (n) return n;
   }
   return null;
-}, ee = (t, a) => {
+}, ye = (t, a) => {
   const e = t[a.fileName], o = a.dataRole ? C(e, a.dataRole) : e;
   return (a.filePath ?? []).reduce((n, s) => n[s], o);
-}, A = (t) => Array.isArray(t) ? t : [t], U = (t, a, e) => {
+}, A = (t) => Array.isArray(t) ? t : [t], Q = (t, a, e) => {
   t[a] = e;
-}, ae = (t, a, e) => {
+}, Ce = (t, a, e) => {
   t[a].push(...A(e));
-}, oe = (t, a, e) => {
+}, we = (t, a, e) => {
   t[a].unshift(...A(e));
-}, ne = (t, a, e) => {
+}, $e = (t, a, e) => {
   t[a].forEach((o) => {
     o.children.push(...structuredClone(A(e)));
   });
-}, se = (t, a, e) => {
+}, ge = (t, a, e) => {
   t[a].forEach((o) => {
     o.children.unshift(...structuredClone(A(e)));
   });
-}, re = (t, a, e) => {
+}, Ne = (t, a, e) => {
   t[a].forEach((o, n) => {
     const s = structuredClone(e);
     s.textContent = n + 1, o.children.unshift(s);
   });
-}, le = {
-  set: U,
-  push: ae,
-  unshift: oe,
-  pushToRows: ne,
-  unshiftToRows: se,
-  unshiftSerialToRows: re
-}, ie = (t, a) => {
+}, Te = {
+  set: Q,
+  push: Ce,
+  unshift: we,
+  pushToRows: $e,
+  unshiftToRows: ge,
+  unshiftSerialToRows: Ne
+}, xe = (t, a) => {
   const e = a.dataRole ? C(t[a.fileName], a.dataRole) : t[a.fileName], o = [...a.filePath ?? []], n = o.pop();
   return { parent: o.reduce((r, i) => r[i], e), key: n };
-}, J = (t, a, e) => {
-  const { parent: o, key: n } = ie(t, a);
-  (le[a.action] || U)(o, n, e);
-}, ce = (t, a, e) => {
+}, Y = (t, a, e) => {
+  const { parent: o, key: n } = xe(t, a);
+  (Te[a.action] || Q)(o, n, e);
+}, Pe = (t, a, e) => {
   var s, r;
   const o = !!((s = t.sourcePath) != null && s.fileName && Array.isArray((r = t.sourcePath) == null ? void 0 : r.filePath)), n = `structure/sourcePath: ${o ? "passed" : "failed"}`;
   return e.push(n), a && console.log(n), o;
-}, ue = (t, a, e) => {
+}, Ae = (t, a, e) => {
   var s, r;
   const o = !!((s = t.destinationPath) != null && s.fileName && Array.isArray((r = t.destinationPath) == null ? void 0 : r.filePath)), n = `structure/destinationPath: ${o ? "passed" : "failed"}`;
   return e.push(n), a && console.log(n), o;
-}, de = (t, a, e) => {
+}, ke = (t, a, e) => {
   const o = t.templateKey === void 0 || typeof t.templateKey == "string" && t.templateKey.length > 0, n = `structure/templateKey: ${o ? "passed" : "failed"}`;
   return e.push(n), a && console.log(n), o;
-}, be = (t, a, e) => {
+}, Ie = (t, a, e) => {
   const o = typeof t.func == "string" && t.func.length > 0, n = `structure/func: ${o ? "passed" : "failed"}`;
   return e.push(n), a && console.log(n), o;
-}, pe = (t, a, e) => [
-  ce(t, a, e),
-  ue(t, a, e),
-  de(t, a, e),
-  be(t, a, e)
-].every(Boolean), me = (t, a, e, o) => {
+}, Be = (t, a, e) => [
+  Pe(t, a, e),
+  Ae(t, a, e),
+  ke(t, a, e),
+  Ie(t, a, e)
+].every(Boolean), Fe = (t, a, e, o) => {
   const n = typeof a[t.func] == "function", s = `references/func (${t.func}): ${n ? "passed" : "failed"}`;
   return o.push(s), e && console.log(s), n;
-}, he = (t, a, e, o) => {
+}, je = (t, a, e, o) => {
   const n = t.templateKey === void 0 || Object.hasOwn(a, t.templateKey), s = `references/templateKey${t.templateKey === void 0 ? " (not used)" : ` (${t.templateKey})`}: ${n ? "passed" : "failed"}`;
   return o.push(s), e && console.log(s), n;
-}, fe = (t, a, e, o, n) => {
-  const s = me(t, a, o, n), r = he(t, e, o, n);
+}, Se = (t, a, e, o, n) => {
+  const s = Fe(t, a, o, n), r = je(t, e, o, n);
   return s && r;
-}, _ = (t, a, e, o, n) => pe(t, o, n) ? fe(t, a, e, o, n) : !1, ye = (t, a, e, o, n, s) => {
-  if (!_(t, e, o, n, s)) return;
-  const r = n, i = o, l = t.templateKey, c = i[l];
-  r && console.log("singleInstruction ; ", l, c);
-  const u = ee(a, t.sourcePath), d = e[t.func](u, c);
-  J(a, t.destinationPath, d);
+}, Z = (t, a, e, o, n) => Be(t, o, n) ? Se(t, a, e, o, n) : !1, Re = (t, a, e, o, n, s) => {
+  if (!Z(t, e, o, n, s)) return;
+  const r = n, i = o, l = t.templateKey, u = i[l];
+  r && console.log("singleInstruction ; ", l, u);
+  const c = ye(a, t.sourcePath), d = e[t.func](c, u);
+  Y(a, t.destinationPath, d);
 }, f = (t, a, e, o, n, s) => {
   t.forEach((r) => {
-    ye(r, a, e, o, n, s);
+    Re(r, a, e, o, n, s);
   });
-}, Ce = (t, a, e, o, n, s) => {
-  if (!_(t, e, o, n, s)) return;
+}, ve = (t, a, e, o, n, s) => {
+  if (!Z(t, e, o, n, s)) return;
   const r = e[t.func](
     a.data.columns,
     a.data.data,
     o
   );
-  J(a, t.destinationPath, r);
-}, S = (t, a, e, o, n, s) => {
+  Y(a, t.destinationPath, r);
+}, j = (t, a, e, o, n, s) => {
   t.forEach((r) => {
-    Ce(r, a, e, o, n, s);
+    ve(r, a, e, o, n, s);
   });
-}, we = [
+}, Ee = [
   {
     narration: "Prepend the serial column width to the table colgroup.",
     destinationPath: {
@@ -584,7 +704,7 @@ const Rt = (t, a) => {
     templateKey: "buildBodyCell",
     func: "applyTemplate"
   }
-], ge = [
+], Oe = [
   {
     narration: "Prepend an empty cell into the table footer row if footer row is present.",
     destinationPath: {
@@ -605,7 +725,7 @@ const Rt = (t, a) => {
     templateKey: "emptyCell",
     func: "applyTemplate"
   }
-], R = { applyTemplate: p }, $e = (t = {}, a = {}, e = !1, o = []) => {
+], R = { applyTemplate: p }, De = (t = {}, a = {}, e = !1, o = []) => {
   let n = t, s = a;
   t && typeof t == "object" && "inTableSpec" in t && (n = t.inTableSpec, s = t.inSerial || a);
   const i = {
@@ -621,10 +741,10 @@ const Rt = (t, a) => {
     base: n,
     spec: b
   };
-  f(we, i, R, b, e, o);
+  f(Ee, i, R, b, e, o);
   const l = C(n, "table-footer-row");
-  return l && Array.isArray(l.children) && l.children.length > 0 && f(ge, i, R, b, e, o), n;
-}, Ne = [
+  return l && Array.isArray(l.children) && l.children.length > 0 && f(Oe, i, R, b, e, o), n;
+}, Le = [
   {
     narration: "Append the options column width to the table colgroup.",
     destinationPath: {
@@ -685,7 +805,7 @@ const Rt = (t, a) => {
     templateKey: "optionsButtonCell",
     func: "applyTemplate"
   }
-], Te = [
+], Ke = [
   {
     narration: "Append an empty cell into the table footer row if footer row is present.",
     destinationPath: {
@@ -706,7 +826,7 @@ const Rt = (t, a) => {
     templateKey: "emptyCell",
     func: "applyTemplate"
   }
-], v = { applyTemplate: p }, xe = (t = {}, a = {}, e = !1, o = []) => {
+], v = { applyTemplate: p }, Ve = (t = {}, a = {}, e = !1, o = []) => {
   let n = t, s = a;
   t && typeof t == "object" && "inTableSpec" in t && (n = t.inTableSpec, s = t.inOptions || a);
   const i = {
@@ -722,14 +842,14 @@ const Rt = (t, a) => {
     base: n,
     spec: b
   };
-  f(Ne, i, v, b, e, o);
+  f(Le, i, v, b, e, o);
   const l = C(n, "table-footer-row");
-  return l && Array.isArray(l.children) && l.children.length > 0 && f(Te, i, v, b, e, o), n;
-}, X = ({ inOptions: t = {}, inBase: a, showLog: e = !1, returnLog: o = [] }) => {
+  return l && Array.isArray(l.children) && l.children.length > 0 && f(Ke, i, v, b, e, o), n;
+}, tt = ({ inOptions: t = {}, inBase: a, showLog: e = !1, returnLog: o = [] }) => {
   const n = t, s = a;
-  return (n.showSerial || n.serial) && $e(s, n.serial || {}, e, o), (n.showOptions || n.options) && xe(s, n.options || {}, e, o), s;
-}, E = { fromCollection: m, twoDimensional: N }, Pe = (t = {}, a = !1, e = []) => {
-  const o = t, n = o.columns || [], s = o.data || [], r = o.options, i = structuredClone(Yt), l = {
+  return (n.showSerial || n.serial) && De(s, n.serial || {}, e, o), (n.showOptions || n.options) && Ve(s, n.options || {}, e, o), s;
+}, E = { fromCollection: m, twoDimensional: N }, He = (t = {}, a = !1, e = []) => {
+  const o = t, n = o.columns || [], s = o.data || [], r = o.options, i = structuredClone(me), l = {
     data: {
       columns: n,
       data: s
@@ -737,10 +857,10 @@ const Rt = (t, a) => {
     base: i,
     spec: b
   };
-  return f(Zt, l, E, b, a, e), S(te, l, E, b, a, e), X({ inOptions: r, inBase: i }), i;
-}, Ae = "table", Ie = {
+  return f(he, l, E, b, a, e), j(fe, l, E, b, a, e), tt({ inOptions: r, inBase: i }), i;
+}, Me = "table", We = {
   class: "table table-hover table-striped align-middle border mb-0"
-}, ke = [
+}, qe = [
   {
     tagName: "colgroup",
     attributes: {
@@ -786,11 +906,11 @@ const Rt = (t, a) => {
       }
     ]
   }
-], Q = {
-  tagName: Ae,
-  attributes: Ie,
-  children: ke
-}, Be = [
+], et = {
+  tagName: Me,
+  attributes: We,
+  children: qe
+}, Ge = [
   {
     narration: "Build the column widths for the table using the configured columns.",
     destinationPath: {
@@ -827,9 +947,9 @@ const Rt = (t, a) => {
     templateKey: "buildHeader",
     func: "fromCollection"
   }
-], O = { data: {}, base: Q, spec: b }, Fe = { fromCollection: m }, Se = (t, a = !1, e = []) => (O.data = t, f(Be, O, Fe, b, a, e), Q), je = [], Y = {
-  children: je
-}, Re = [
+], O = { data: {}, base: et, spec: b }, ze = { fromCollection: m }, Ue = (t, a = !1, e = []) => (O.data = t, f(Ge, O, ze, b, a, e), et), Je = [], at = {
+  children: Je
+}, _e = [
   {
     narration: "Build the table body rows for the table using the configured columns and data.",
     destinationPath: {
@@ -846,9 +966,9 @@ const Rt = (t, a) => {
     },
     func: "twoDimensional"
   }
-], D = { data: {}, base: Y, spec: b }, ve = { twoDimensional: N }, Ee = (t, a = !1, e = []) => (D.data = t, S(Re, D, ve, b, a, e), Y.children), Oe = "table", De = {
+], D = { data: {}, base: at, spec: b }, Xe = { twoDimensional: N }, Qe = (t, a = !1, e = []) => (D.data = t, j(_e, D, Xe, b, a, e), at.children), Ye = "table", Ze = {
   class: "table table-hover table-striped align-middle border mb-0"
-}, Le = [
+}, ta = [
   {
     tagName: "colgroup",
     attributes: {
@@ -894,11 +1014,11 @@ const Rt = (t, a) => {
       }
     ]
   }
-], Ke = {
-  tagName: Oe,
-  attributes: De,
-  children: Le
-}, Ve = [
+], ea = {
+  tagName: Ye,
+  attributes: Ze,
+  children: ta
+}, aa = [
   {
     narration: "Build the column widths for the table using the configured columns.",
     destinationPath: {
@@ -953,7 +1073,7 @@ const Rt = (t, a) => {
     templateKey: "buildFooter",
     func: "fromCollection"
   }
-], He = [
+], oa = [
   {
     narration: "Build the table body rows for the table using the configured columns and data.",
     destinationPath: {
@@ -971,8 +1091,8 @@ const Rt = (t, a) => {
     },
     func: "twoDimensional"
   }
-], L = { fromCollection: m, twoDimensional: N }, Me = (t = {}, a = !1, e = []) => {
-  const o = t, n = o.inColumns || o.columns || [], s = o.inData || o.data || [], r = o.inOptions || o.options || {}, i = structuredClone(Ke), l = {
+], L = { fromCollection: m, twoDimensional: N }, na = (t = {}, a = !1, e = []) => {
+  const o = t, n = o.inColumns || o.columns || [], s = o.inData || o.data || [], r = o.inOptions || o.options || {}, i = structuredClone(ea), l = {
     data: {
       columns: n,
       data: s
@@ -980,10 +1100,10 @@ const Rt = (t, a) => {
     base: i,
     spec: b
   };
-  return f(Ve, l, L, b, a, e), S(He, l, L, b, a, e), X({ inOptions: r, inBase: i }), i;
-}, We = [], T = {
-  children: We
-}, qe = [
+  return f(aa, l, L, b, a, e), j(oa, l, L, b, a, e), tt({ inOptions: r, inBase: i }), i;
+}, sa = [], T = {
+  children: sa
+}, ra = [
   {
     narration: "Build the footer row for the table using the configured columns.",
     destinationPath: {
@@ -1001,12 +1121,12 @@ const Rt = (t, a) => {
     templateKey: "buildFooter",
     func: "fromCollection"
   }
-], K = { data: {}, base: T, spec: b }, Ge = { fromCollection: m, twoDimensional: N }, ze = (t, a = !1, e = []) => (K.data = t, f(qe, K, Ge, b, a, e), T == null ? void 0 : T.children), Ue = {
-  simple: Pe,
-  headerOnly: Se,
-  bodyOnly: Ee,
-  withFooter: Me,
-  footerOnly: ze
+], K = { data: {}, base: T, spec: b }, la = { fromCollection: m, twoDimensional: N }, ia = (t, a = !1, e = []) => (K.data = t, f(ra, K, la, b, a, e), T == null ? void 0 : T.children), ca = {
+  simple: He,
+  headerOnly: Ue,
+  bodyOnly: Qe,
+  withFooter: na,
+  footerOnly: ia
 }, V = ({
   inData: t,
   inColumns: a,
@@ -1015,102 +1135,102 @@ const Rt = (t, a) => {
   inOptions: n,
   inShowLog: s
 } = {}) => {
-  const r = e, i = Ue[r], l = n, c = s;
-  return c && console.log("table : ", r, l), i({
+  const r = e, i = ca[r], l = n, u = s;
+  return u && console.log("table : ", r, l), i({
     columns: a,
     data: t,
     options: l,
-    showLog: c
+    showLog: u
   });
-}, Je = ({ inData: t = [], inColumns: a = [] } = {}) => ({
+}, ua = ({ inData: t = [], inColumns: a = [] } = {}) => ({
   data: t,
   columns: a
-}), _e = {
+}), da = {
   tagName: "option",
   textContent: "${rowValue}",
   attributes: {
     value: "${rowValue}"
   }
-}, Xe = {
+}, ba = {
   tagName: "select",
   attributes: {
     id: "LedgerName"
   },
   children: []
-}, Qe = {
+}, pa = {
   tagName: "datalist",
   attributes: {
     "data-name": "${columnName}"
   },
   children: []
 }, y = {
-  buildOption: _e,
-  buildSelect: Xe,
-  buildDataList: Qe
-}, Ye = (t, a = y.buildOption) => {
+  buildOption: da,
+  buildSelect: ba,
+  buildDataList: pa
+}, ma = (t, a = y.buildOption) => {
   const e = structuredClone(a);
   return e.textContent = e.textContent.replace("rowValue", t), e.attributes.value = e.attributes.value.replace("rowValue", t), e;
-}, Ze = (t, a) => {
+}, ha = (t, a) => {
   const e = a == null ? void 0 : a.columnName, o = structuredClone(y.buildSelect);
   o.attributes.id = e, o.attributes["data-name"] = e;
-  const n = Ye(e, y.buildOption);
+  const n = ma(e, y.buildOption);
   return o.children = m(t, n), o;
-}, ta = ({ data: t, columns: a }) => a.map((e) => Ze(t, e)), ea = (t = {}) => {
-  const { data: a, columns: e } = Je(t);
-  return ta({ data: a, columns: e });
-}, aa = ({ inData: t = [], inColumns: a = [] } = {}) => ({
+}, fa = ({ data: t, columns: a }) => a.map((e) => ha(t, e)), ya = (t = {}) => {
+  const { data: a, columns: e } = ua(t);
+  return fa({ data: a, columns: e });
+}, Ca = ({ inData: t = [], inColumns: a = [] } = {}) => ({
   data: t,
   columns: a
-}), oa = (t, a = y.buildOption) => {
+}), wa = (t, a = y.buildOption) => {
   const e = structuredClone(a);
   return e.textContent = e.textContent.replace("rowValue", t), e.attributes.value = e.attributes.value.replace("rowValue", t), e;
-}, na = (t, a) => {
-  const e = a == null ? void 0 : a.columnName, o = oa(e, y.buildOption);
+}, $a = (t, a) => {
+  const e = a == null ? void 0 : a.columnName, o = wa(e, y.buildOption);
   return m(t, o);
-}, sa = ({ data: t, columns: a }) => a.map((e) => na(t, e)), ra = (t = {}) => {
-  const { data: a, columns: e } = aa(t);
-  return sa({ data: a, columns: e });
-}, la = ({ inData: t = [], inColumns: a = [] } = {}) => ({
+}, ga = ({ data: t, columns: a }) => a.map((e) => $a(t, e)), Na = (t = {}) => {
+  const { data: a, columns: e } = Ca(t);
+  return ga({ data: a, columns: e });
+}, Ta = ({ inData: t = [], inColumns: a = [] } = {}) => ({
   data: t,
   columns: a
-}), ia = (t, a = y.buildOption) => {
+}), xa = (t, a = y.buildOption) => {
   const e = structuredClone(a);
   return e.textContent = e.textContent.replace("rowValue", t), e.attributes.value = e.attributes.value.replace("rowValue", t), e;
-}, ca = (t, a) => {
+}, Pa = (t, a) => {
   const e = a == null ? void 0 : a.columnName, o = structuredClone(y.buildDataList);
   o.attributes.id = e, o.attributes["data-name"] = e;
-  const n = ia(e, y.buildOption);
+  const n = xa(e, y.buildOption);
   return o.children = m(t, n), o;
-}, ua = ({ data: t, columns: a }) => a.map((e) => ca(t, e)), H = (t = {}) => {
-  const { data: a, columns: e } = la(t);
-  return ua({ data: a, columns: e });
-}, da = {
+}, Aa = ({ data: t, columns: a }) => a.map((e) => Pa(t, e)), H = (t = {}) => {
+  const { data: a, columns: e } = Ta(t);
+  return Aa({ data: a, columns: e });
+}, ka = {
   version: "1.2.0",
   name: "json-renderers-build-input-row"
-}, ba = (t) => {
+}, Ia = (t) => {
   const a = t;
   if (typeof globalThis > "u" || !a) return;
   globalThis.ks ?? (globalThis.ks = {});
   const e = typeof a == "function" ? a : a.render;
   globalThis.ks.jsonRenderersBuildInputRow = {
-    meta: da,
+    meta: ka,
     render: e,
     ...typeof a == "object" ? a : {}
   };
-}, pa = "input", ma = {
+}, Ba = "input", Fa = {
   type: "search",
   placeholder: "Search...",
   class: "form-control",
   id: "searchInputId"
-}, ha = {
-  tagName: pa,
-  attributes: ma
+}, ja = {
+  tagName: Ba,
+  attributes: Fa
 }, x = ({ inOptions: t = {}, options: a = {} } = {}) => {
-  const e = t && Object.keys(t).length > 0 ? t : a, o = structuredClone(ha);
+  const e = t && Object.keys(t).length > 0 ? t : a, o = structuredClone(ja);
   return e.placeholder && (o.attributes.placeholder = e.placeholder), e.class && (o.attributes.class = e.class), e.id && (o.attributes.id = e.id), e.name && (o.attributes.name = e.name), e.type && (o.attributes.type = e.type), e.value && (o.attributes.value = e.value), o;
-}, fa = "div", ya = {
+}, Sa = "div", Ra = {
   class: "d-flex align-items-center gap-2"
-}, Ca = [
+}, va = [
   {
     tagName: "label",
     textContent: "Search:",
@@ -1128,16 +1248,16 @@ const Rt = (t, a) => {
       id: "searchInputId"
     }
   }
-], wa = {
-  tagName: fa,
-  attributes: ya,
-  children: Ca
-}, I = ({ inOptions: t = {}, options: a = {} } = {}) => {
-  const e = t && Object.keys(t).length > 0 ? t : a, o = structuredClone(wa), n = o.children[0], s = o.children[1];
+], Ea = {
+  tagName: Sa,
+  attributes: Ra,
+  children: va
+}, k = ({ inOptions: t = {}, options: a = {} } = {}) => {
+  const e = t && Object.keys(t).length > 0 ? t : a, o = structuredClone(Ea), n = o.children[0], s = o.children[1];
   return e.label && (n.textContent = e.label), e.id && (n.attributes.for = e.id, s.attributes.id = e.id), e.placeholder && (s.attributes.placeholder = e.placeholder), e.class && (s.attributes.class = e.class), e.name && (s.attributes.name = e.name), e.type && (s.attributes.type = e.type), e.wrapperClass && (o.attributes.class = e.wrapperClass), e.labelClass && (n.attributes.class = e.labelClass), o;
-}, ga = "div", $a = {
+}, Oa = "div", Da = {
   class: "d-flex align-items-center gap-2"
-}, Na = [
+}, La = [
   {
     tagName: "label",
     textContent: "Search:",
@@ -1164,45 +1284,45 @@ const Rt = (t, a) => {
       id: "searchButtonId"
     }
   }
-], Ta = {
-  tagName: ga,
-  attributes: $a,
-  children: Na
-}, j = ({ inOptions: t = {}, options: a = {} } = {}) => {
-  const e = t && Object.keys(t).length > 0 ? t : a, o = structuredClone(Ta), n = o.children[0], s = o.children[1], r = o.children[2];
+], Ka = {
+  tagName: Oa,
+  attributes: Da,
+  children: La
+}, S = ({ inOptions: t = {}, options: a = {} } = {}) => {
+  const e = t && Object.keys(t).length > 0 ? t : a, o = structuredClone(Ka), n = o.children[0], s = o.children[1], r = o.children[2];
   return e.label && (n.textContent = e.label), e.id && (n.attributes.for = e.id, s.attributes.id = e.id), e.placeholder && (s.attributes.placeholder = e.placeholder), e.class && (s.attributes.class = e.class), e.name && (s.attributes.name = e.name), e.type && (s.attributes.type = e.type), e.buttonText && (r.textContent = e.buttonText), e.buttonClass && (r.attributes.class = e.buttonClass), e.buttonId && (r.attributes.id = e.buttonId), e.wrapperClass && (o.attributes.class = e.wrapperClass), e.labelClass && (n.attributes.class = e.labelClass), o;
-}, xa = {
+}, Va = {
   input: x,
   inputOnly: x,
-  inputWithLabel: I,
-  inputWithLabelButton: j
-}, Pa = ({
+  inputWithLabel: k,
+  inputWithLabelButton: S
+}, Ha = ({
   type: t = "inputWithLabel",
   options: a = {},
   inType: e,
   inOptions: o
 } = {}) => {
   const n = e ?? t, s = o ?? a;
-  return (xa[n] || I)({ inOptions: s, options: s });
+  return (Va[n] || k)({ inOptions: s, options: s });
 };
-ba({
-  render: Pa,
+Ia({
+  render: Ha,
   inputOnly: x,
-  inputWithLabel: I,
-  inputWithLabelButton: j
+  inputWithLabel: k,
+  inputWithLabelButton: S
 });
-const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
+const I = ({ inOptions: t = {}, options: a = {} } = {}) => {
   const e = t && Object.keys(t).length > 0 ? t : a;
-  return (e == null ? void 0 : e.label) === !1 || (e == null ? void 0 : e.flavour) === "inputOnly" ? x({ inOptions: e }) : (e == null ? void 0 : e.flavour) === "inputWithLabelButton" || e != null && e.button || e != null && e.buttonText ? j({ inOptions: e }) : I({ inOptions: e });
-}, Aa = {
+  return (e == null ? void 0 : e.label) === !1 || (e == null ? void 0 : e.flavour) === "inputOnly" ? x({ inOptions: e }) : (e == null ? void 0 : e.flavour) === "inputWithLabelButton" || e != null && e.button || e != null && e.buttonText ? S({ inOptions: e }) : k({ inOptions: e });
+}, Ma = {
   version: "1.2.0",
   name: "json-renderers-build-form"
-}, Ia = (t) => {
-  typeof globalThis > "u" || !t || (globalThis.ks ?? (globalThis.ks = {}), globalThis.ks.jsonRenderersBuildForm = { meta: Aa, render: t });
-}, ka = "div", Ba = {
+}, Wa = (t) => {
+  typeof globalThis > "u" || !t || (globalThis.ks ?? (globalThis.ks = {}), globalThis.ks.jsonRenderersBuildForm = { meta: Ma, render: t });
+}, qa = "div", Ga = {
   class: "${cardClass}",
   "data-role": "form-card"
-}, Fa = [
+}, za = [
   {
     tagName: "header",
     attributes: {
@@ -1283,14 +1403,14 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       }
     ]
   }
-], Sa = {
-  tagName: ka,
-  attributes: Ba,
-  children: Fa
-}, ja = () => structuredClone(Sa), Ra = "header-actions", va = "button", M = {
-  destinationRole: Ra,
-  template: va
-}, Ea = {
+], Ua = {
+  tagName: qa,
+  attributes: Ga,
+  children: za
+}, Ja = () => structuredClone(Ua), _a = "header-actions", Xa = "button", M = {
+  destinationRole: _a,
+  template: Xa
+}, Qa = {
   tagName: "button",
   textContent: "${label}",
   attributes: {
@@ -1298,20 +1418,20 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
     form: "${formId}",
     class: "${buttonClass} ${buttonSizeClass} ${buttonPaddingClass}"
   }
-}, Oa = {
-  button: Ea
-}, Da = (t, a) => {
-  const e = structuredClone(t), o = m(a.header.actions, Oa[M.template]);
+}, Ya = {
+  button: Qa
+}, Za = (t, a) => {
+  const e = structuredClone(t), o = m(a.header.actions, Ya[M.template]);
   return C(e, M.destinationRole).children.push(...o), e;
-}, La = "form-body", Ka = {
-  destinationRole: La
-}, Va = {
+}, to = "form-body", eo = {
+  destinationRole: to
+}, ao = {
   tagName: "div",
   attributes: {
     class: "${rowClass}"
   },
   children: []
-}, Ha = {
+}, oo = {
   tagName: "div",
   attributes: {
     class: "${fieldClass}"
@@ -1337,7 +1457,7 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       }
     }
   ]
-}, Ma = {
+}, no = {
   tagName: "div",
   attributes: {
     class: "${fieldClass}"
@@ -1364,7 +1484,7 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       }
     }
   ]
-}, Wa = {
+}, so = {
   tagName: "div",
   attributes: {
     class: "${fieldClass}"
@@ -1390,7 +1510,7 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       }
     }
   ]
-}, qa = {
+}, ro = {
   tagName: "div",
   attributes: {
     class: "${checkboxWrapperClass} ${fieldClass}"
@@ -1415,7 +1535,7 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       }
     }
   ]
-}, Ga = {
+}, lo = {
   tagName: "div",
   attributes: {
     class: "${fieldClass}"
@@ -1441,7 +1561,7 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       }
     }
   ]
-}, za = {
+}, io = {
   tagName: "div",
   attributes: {
     class: "${fieldClass}"
@@ -1468,7 +1588,7 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       }
     }
   ]
-}, Ua = {
+}, co = {
   tagName: "div",
   attributes: {
     class: "${fieldClass}"
@@ -1502,7 +1622,7 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       }
     }
   ]
-}, Ja = {
+}, uo = {
   tagName: "div",
   attributes: {
     class: "${fieldClass}"
@@ -1537,7 +1657,7 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       }
     }
   ]
-}, _a = {
+}, bo = {
   tagName: "div",
   attributes: {
     class: "${fieldClass}"
@@ -1563,7 +1683,7 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       }
     }
   ]
-}, Xa = {
+}, po = {
   tagName: "div",
   attributes: {
     class: "${inlineCheckboxWrapperClass}"
@@ -1588,22 +1708,22 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       }
     }
   ]
-}, Qa = {
-  buildBodyTr: Va,
-  buildBodyCell: Ha,
-  buildRequiredField: Ma,
-  buildTextareaField: Wa,
-  buildCheckboxField: qa,
-  buildInlineField: Ga,
-  buildInlineRequiredField: za,
-  buildInlineFieldWithButton: Ua,
-  buildInlineRequiredFieldWithButton: Ja,
-  buildInlineTextareaField: _a,
-  buildInlineCheckboxField: Xa
-}, Ya = (t, a, e) => {
+}, mo = {
+  buildBodyTr: ao,
+  buildBodyCell: oo,
+  buildRequiredField: no,
+  buildTextareaField: so,
+  buildCheckboxField: ro,
+  buildInlineField: lo,
+  buildInlineRequiredField: io,
+  buildInlineFieldWithButton: co,
+  buildInlineRequiredFieldWithButton: uo,
+  buildInlineTextareaField: bo,
+  buildInlineCheckboxField: po
+}, ho = (t, a, e) => {
   const o = t.map((r) => {
-    var c, u, d, h, w;
-    const i = ((u = (c = r.template) == null ? void 0 : c.body) == null ? void 0 : u.cell) ?? (r.required ? "buildRequiredField" : "buildBodyCell");
+    var u, c, d, h, w;
+    const i = ((c = (u = r.template) == null ? void 0 : u.body) == null ? void 0 : c.cell) ?? (r.required ? "buildRequiredField" : "buildBodyCell");
     let l = ((d = e.fieldTemplates) == null ? void 0 : d[i]) ?? i;
     return r.buttonText && (l = ((h = e.buttonFieldTemplates) == null ? void 0 : h[l]) ?? l), {
       ...r,
@@ -1618,13 +1738,13 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
     n[r.columnName] ?? r.value ?? ""
   ]));
   return { columns: o, rows: [s] };
-}, Za = (t, a, e) => {
-  const o = Ya(a.columns, a.records, e.body), n = N(o.columns, o.rows, Qa), s = structuredClone(t);
-  return C(s, Ka.destinationRole).children.push(...Array.isArray(n) ? n : [n]), s;
-}, to = "footer-actions", eo = "button", W = {
-  destinationRole: to,
-  template: eo
-}, ao = {
+}, fo = (t, a, e) => {
+  const o = ho(a.columns, a.records, e.body), n = N(o.columns, o.rows, mo), s = structuredClone(t);
+  return C(s, eo.destinationRole).children.push(...Array.isArray(n) ? n : [n]), s;
+}, yo = "footer-actions", Co = "button", W = {
+  destinationRole: yo,
+  template: Co
+}, wo = {
   tagName: "button",
   textContent: "${label}",
   attributes: {
@@ -1632,28 +1752,28 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
     form: "${formId}",
     class: "${buttonClass} ${buttonSizeClass} ${buttonPaddingClass}"
   }
-}, oo = {
-  button: ao
-}, no = (t, a) => {
-  const e = structuredClone(t), o = m(a.footer.actions, oo[W.template]);
+}, $o = {
+  button: wo
+}, go = (t, a) => {
+  const e = structuredClone(t), o = m(a.footer.actions, $o[W.template]);
   return C(e, W.destinationRole).children.push(...o), e;
-}, Z = ({ inColumns: t, inData: a, inOptions: e, columns: o, data: n, options: s } = {}) => ({
+}, ot = ({ inColumns: t, inData: a, inOptions: e, columns: o, data: n, options: s } = {}) => ({
   columns: Array.isArray(t) && t.length > 0 ? t : Array.isArray(o) ? o : [],
   records: Array.isArray(a) && a.length > 0 ? a : Array.isArray(n) ? n : [],
   options: e && Object.keys(e).length > 0 ? e : s ?? {}
-}), so = "bigButtonsForm", ro = "Account details", lo = "Update your profile information.", io = "", co = "label", uo = "stacked", bo = "saveCancel", po = {
-  formId: so,
-  title: ro,
-  description: lo,
-  recordId: io,
-  header: co,
-  body: uo,
-  footer: bo
-}, mo = {
+}), No = "bigButtonsForm", To = "Account details", xo = "Update your profile information.", Po = "", Ao = "label", ko = "stacked", Io = "saveCancel", Bo = {
+  formId: No,
+  title: To,
+  description: xo,
+  recordId: Po,
+  header: Ao,
+  body: ko,
+  footer: Io
+}, Fo = {
   actions: []
-}, ho = {
+}, jo = {
   actions: []
-}, fo = {
+}, So = {
   actions: [
     {
       label: "Refresh",
@@ -1661,14 +1781,14 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       buttonClass: "${headerButtonClass}"
     }
   ]
-}, yo = {
+}, Ro = {
   actions: []
-}, Co = {
-  none: mo,
-  label: ho,
-  labelWithRefresh: fo,
-  labelWithId: yo
-}, wo = {
+}, vo = {
+  none: Fo,
+  label: jo,
+  labelWithRefresh: So,
+  labelWithId: Ro
+}, Eo = {
   fieldTemplates: {
     buildBodyCell: "buildInlineField",
     buildRequiredField: "buildInlineRequiredField",
@@ -1679,19 +1799,19 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
     buildInlineField: "buildInlineFieldWithButton",
     buildInlineRequiredField: "buildInlineRequiredFieldWithButton"
   }
-}, go = {
+}, Oo = {
   fieldTemplates: {},
   buttonFieldTemplates: {}
-}, $o = {
+}, Do = {
   fieldTemplates: {},
   buttonFieldTemplates: {}
-}, No = {
-  inline: wo,
-  stacked: go,
-  threeColumns: $o
-}, To = {
+}, Lo = {
+  inline: Eo,
+  stacked: Oo,
+  threeColumns: Do
+}, Ko = {
   actions: []
-}, xo = {
+}, Vo = {
   actions: [
     {
       label: "Save",
@@ -1704,7 +1824,7 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       buttonClass: "${secondaryButtonClass}"
     }
   ]
-}, Po = {
+}, Ho = {
   actions: [
     {
       label: "Edit",
@@ -1712,31 +1832,31 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
       buttonClass: "${infoButtonClass}"
     }
   ]
-}, Ao = {
-  none: To,
-  saveCancel: xo,
-  edit: Po
+}, Mo = {
+  none: Ko,
+  saveCancel: Vo,
+  edit: Ho
 }, B = (t, a, e) => {
   const o = t[a];
   if (!o) throw new RangeError("Unknown bigButtons " + e + ": " + a);
   return o;
-}, tt = (t) => {
+}, nt = (t) => {
   if (typeof t != "object" || t === null || Array.isArray(t))
     throw new TypeError("bigButtons options must be an object keyed by renderer type");
   const a = t["form.bigButtons"] ?? {};
   if (typeof a != "object" || a === null || Array.isArray(a))
     throw new TypeError('options["form.bigButtons"] must be an object');
-  const e = { ...po, ...a };
+  const e = { ...Bo, ...a };
   return {
     options: e,
-    header: B(Co, e.header, "header"),
-    body: B(No, e.body, "body"),
-    footer: B(Ao, e.footer, "footer")
+    header: B(vo, e.header, "header"),
+    body: B(Lo, e.body, "body"),
+    footer: B(Mo, e.footer, "footer")
   };
-}, Io = (t, a = {}) => {
-  const e = Z(a), o = tt(e.options), n = Da(t, o), s = Za(n, e, o);
-  return no(s, o);
-}, ko = {
+}, Wo = (t, a = {}) => {
+  const e = ot(a), o = nt(e.options), n = Za(t, o), s = fo(n, e, o);
+  return go(s, o);
+}, qo = {
   none: {
     headerClass: "d-none",
     headerActionsClass: "d-none"
@@ -1768,14 +1888,14 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
     headerActionsClass: "d-none",
     headerButtonClass: "btn btn-outline-secondary text-nowrap"
   }
-}, Bo = {
-  bootstrap: ko
-}, Fo = (t, a) => {
+}, Go = {
+  bootstrap: qo
+}, zo = (t, a) => {
   var o;
-  const e = (o = Bo[a]) == null ? void 0 : o[t.header];
+  const e = (o = Go[a]) == null ? void 0 : o[t.header];
   if (!e) throw new RangeError("Unknown bigButtons header: " + t.header);
   return e;
-}, So = "bootstrap", jo = {
+}, Uo = "bootstrap", Jo = {
   bootstrap: {
     base: {
       cardClass: "card border-0 shadow-sm w-100",
@@ -1806,15 +1926,15 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
     }
   }
 }, F = {
-  defaultFramework: So,
-  frameworks: jo
-}, Ro = (t, a) => {
+  defaultFramework: Uo,
+  frameworks: Jo
+}, _o = (t, a) => {
   const e = F.frameworks[a];
   if (!e) throw new RangeError("Unknown bigButtons framework: " + a);
   const o = e.bodies[t.body];
   if (!o) throw new RangeError("Unknown bigButtons body: " + t.body);
   return { ...e.base, ...o };
-}, vo = {
+}, Xo = {
   base: {
     footerClass: "card-footer bg-transparent",
     footerActionsClass: "d-flex flex-wrap justify-content-end gap-2",
@@ -1832,52 +1952,52 @@ const k = ({ inOptions: t = {}, options: a = {} } = {}) => {
     saveCancel: {},
     edit: {}
   }
-}, Eo = {
-  bootstrap: vo
-}, Oo = (t, a) => {
-  const e = Eo[a], o = e == null ? void 0 : e.footers[t.footer];
+}, Qo = {
+  bootstrap: Xo
+}, Yo = (t, a) => {
+  const e = Qo[a], o = e == null ? void 0 : e.footers[t.footer];
   if (!e) throw new RangeError("Unknown bigButtons framework: " + a);
   if (!o) throw new RangeError("Unknown bigButtons footer: " + t.footer);
   return { ...e.base, ...o };
-}, Do = (t, a = {}) => {
-  const e = tt(Z(a).options), { options: o } = e, n = o.framework ?? F.defaultFramework;
+}, Zo = (t, a = {}) => {
+  const e = nt(ot(a).options), { options: o } = e, n = o.framework ?? F.defaultFramework;
   if (!F.frameworks[n]) throw new RangeError("Unknown bigButtons framework: " + n);
   const r = Object.assign(
     {},
     o,
-    Ro(o, n),
-    Fo(o, n),
-    Oo(o, n)
+    _o(o, n),
+    zo(o, n),
+    Yo(o, n)
   );
   return p(r, structuredClone(t));
-}, Lo = (t = {}) => {
-  const a = ja(), e = Io(a, t);
-  return Do(e, t);
-}, et = (t = {}) => {
+}, tn = (t = {}) => {
+  const a = Ja(), e = Wo(a, t);
+  return Zo(e, t);
+}, st = (t = {}) => {
   const a = { ...t, type: t.type ?? "form.bigButtons" };
-  return P(a), Lo(a);
+  return P(a), tn(a);
 };
-Ia(et);
-const Ko = ({
+Wa(st);
+const en = ({
   inType: t = "stacked",
   inData: a,
   inColumns: e
-} = {}) => et({
+} = {}) => st({
   type: t,
   columns: e,
   data: a
-}), Vo = {
+}), an = {
   table: V,
   tableFromSpec: V,
-  select: ea,
-  selectOptionsOnly: ra,
+  select: ya,
+  selectOptionsOnly: Na,
   dataList: H,
   datalist: H,
-  searchInput: k,
-  search: k,
-  inputRow: k,
-  form: Ko
-}, at = (t = {}) => {
+  searchInput: I,
+  search: I,
+  inputRow: I,
+  form: en
+}, rt = (t = {}) => {
   P(t);
   const a = t == null ? void 0 : t.showLog;
   console.log("localShowLog : ", a);
@@ -1888,7 +2008,7 @@ const Ko = ({
     n = l[0], s = l[1];
   }
   a && console.log("localMainType : ", n, s);
-  const r = Vo[n];
+  const r = an[n];
   if (!r)
     throw new Error(`Renderer for type "${n}" not found.`);
   const i = r({
@@ -1901,149 +2021,39 @@ const Ko = ({
   });
   return a && console.log("json-renderers-build output:", i), i;
 };
-Pt(at);
-const Ho = ({
+Ht(rt);
+const on = ({
   inColumns: t,
   inType: a = "table",
   inData: e,
-  inShowLog: o = !1
-} = {}) => at({
+  inShowLog: o = !1,
+  inOptions: n
+} = {}) => rt({
   type: a,
   data: e ?? [],
   columns: t,
-  showLog: o
-}), Mo = {
-  version: "v10",
-  description: "JSON-to-DOM engine with SVG namespace support, mixed text content, and centralized traversal"
-}, Wo = (t) => {
-  if (typeof globalThis > "u" || !t) return;
-  globalThis.ks ?? (globalThis.ks = {});
-  const a = {
-    meta: Mo,
-    buildSpecElement: t
-  };
-  globalThis.ks["json-to-tag"] = a, globalThis.ks.jsonToTag = a;
-}, qo = (t) => t == null ? null : typeof Node < "u" && t instanceof Node ? t : typeof t == "string" || typeof t == "number" ? document.createTextNode(String(t)) : typeof t == "object" && (t.nodeType === 3 || t.tagName === "#text" || !t.tagName && (t.textContent !== void 0 || t.text !== void 0)) ? document.createTextNode(t.textContent ?? t.text ?? "") : nt(t), ot = (t) => Array.isArray(t) ? t.map(qo).flat(1 / 0).filter(Boolean) : [], Go = (t) => (t == null, t), zo = "http://www.w3.org/2000/svg", Uo = /* @__PURE__ */ new Set([
-  "svg",
-  "path",
-  "symbol",
-  "use",
-  "g",
-  "circle",
-  "ellipse",
-  "rect",
-  "line",
-  "polyline",
-  "polygon",
-  "text",
-  "tspan",
-  "defs",
-  "clippath",
-  "mask",
-  "pattern",
-  "marker",
-  "lineargradient",
-  "radialgradient",
-  "stop",
-  "image",
-  "filter",
-  "fegaussianblur",
-  "femerge",
-  "femergenode"
-]), Jo = ({ inTagName: t }) => {
-  const a = t == null ? void 0 : t.toLowerCase();
-  if (!a) return null;
-  if (a === "checkbox") {
-    const e = document.createElement("input");
-    return e.type = "checkbox", e;
-  }
-  return Uo.has(a) ? document.createElementNS(zo, a) : document.createElement(a);
-}, _o = ({ inElement: t, inTextContent: a }) => (!t || a === void 0 || a === null || (t.textContent = a), t), Xo = ({ inElement: t, inProperties: a }) => (t && a && typeof a == "object" && Object.assign(t, a), t), Qo = "http://www.w3.org/1999/xlink", Yo = ({ inElement: t, inAttributes: a }) => {
-  const e = t, o = a;
-  if (!e || !o || typeof o != "object")
-    return e;
-  const n = typeof SVGElement < "u" ? e instanceof SVGElement : e.namespaceURI === "http://www.w3.org/2000/svg";
-  return Object.entries(o).forEach(([s, r]) => {
-    if (s === "class") {
-      n ? e.setAttribute("class", String(r)) : e.className = r;
-      return;
-    }
-    if (s === "xlink:href" || s === "href") {
-      if (r != null) {
-        const i = String(r);
-        if (n)
-          try {
-            e.setAttributeNS(Qo, "href", i);
-          } catch {
-          }
-        e.setAttribute("href", i), e.setAttribute("xlink:href", i);
-      }
-      return;
-    }
-    if (typeof r == "boolean") {
-      r ? e.setAttribute(s, "") : e.removeAttribute(s);
-      return;
-    }
-    r != null && e.setAttribute(s, String(r));
-  }), e;
-}, Zo = ({ inElement: t, inClassList: a }) => {
-  if (!t || !a) return t;
-  const e = typeof a == "string" ? a.split(/\s+/).filter(Boolean) : Array.isArray(a) ? a.filter((o) => typeof o == "string" && o.trim()) : [];
-  return e.length && t.classList.add(...e), t;
-}, tn = (t) => {
-  if (!t || typeof t != "object" || Array.isArray(t) || !t.tagName) return null;
-  const a = Jo({ inTagName: t.tagName });
-  if (!a) return null;
-  if (_o({
-    inElement: a,
-    inTextContent: Go(t.textContent),
-    inTagName: t.tagName
-  }), Xo({
-    inElement: a,
-    inProperties: t.properties
-  }), Yo({
-    inElement: a,
-    inAttributes: t.attributes
-  }), Zo({
-    inElement: a,
-    inClassList: t.classList
-  }), Array.isArray(t.children)) {
-    const e = ot(t.children);
-    e.length && a.append(...e);
-  }
-  return a;
-}, nt = (t) => t == null ? null : typeof Node < "u" && t instanceof Node ? t : Array.isArray(t) ? ot(t) : typeof t == "object" ? tn(t) : typeof t == "string" || typeof t == "number" ? document.createTextNode(String(t)) : null, st = (t = {}) => {
-  const a = (t == null ? void 0 : t.spec) ?? (t == null ? void 0 : t.inSpec) ?? t;
-  return nt(a);
-};
-Wo(st);
-const en = ({
-  inSpec: t,
-  inTargetHtmlId: a,
-  inAppendPosition: e,
-  inShowLog: o = !1
-} = {}) => {
-  const n = t, s = a, r = e, i = o, l = st(n);
-  i && console.log("renderToDom 1 (content):", l);
-  const c = document.getElementById(s);
-  return c ? (Array.isArray(l) || l instanceof NodeList || l instanceof HTMLCollection ? r === "prepend" ? c.prepend(...l) : c.append(...l) : r === "prepend" ? c.prepend(l) : (c.innerHTML = "", c.append(l)), i && console.log("renderToDom 2 (mounted):", c), c) : null;
-}, an = (t = {}) => {
-  $(t), (t == null ? void 0 : t.showLog) && console.log("first : ", t == null ? void 0 : t.columns, t == null ? void 0 : t.data, t == null ? void 0 : t.appendPosition);
-  const e = Ho({
+  showLog: o,
+  options: n
+}), nn = (t = {}) => {
+  g(t);
+  const a = t == null ? void 0 : t.showLog, e = t == null ? void 0 : t.options;
+  a && console.log("first : ", t == null ? void 0 : t.options, t == null ? void 0 : t.columns, t == null ? void 0 : t.data, t == null ? void 0 : t.appendPosition);
+  const o = on({
     inColumns: t.columns,
     inData: t.data,
     inType: t.type,
-    inShowLog: t.showLog
-  });
-  return en({
-    inSpec: e,
-    inTargetHtmlId: t.targetHtmlId,
-    inAppendPosition: t.appendPosition,
-    inShowLog: t.showLog
+    inShowLog: t.showLog,
+    inOptions: e
+  }), n = J(o);
+  return _({
+    buildSpec: n,
+    targetHtmlId: t.targetHtmlId,
+    appendPosition: t.appendPosition,
+    showLog: t.showLog
   });
 };
-ct(an);
+ut(nn);
 export {
-  an as default,
-  an as render
+  nn as default,
+  nn as render
 };