json-renderers 1.18.4 → 1.18.5

package/docs/dist/min.js

@@ -1,234 +1,245 @@
-const et = {
+const Q = {
   version: "v18.0.0",
   description: "build table from store data and render to DOM uses json-to-spec, json-to-dom under the hood"
-}, rt = (t) => {
-  const e = t;
-  typeof globalThis > "u" || !e || (globalThis.ks ?? (globalThis.ks = {}), globalThis.ks.jsonRenderers = {
-    meta: et,
-    render: e
+}, Y = (t) => {
+  const o = t;
+  typeof globalThis > "u" || !o || (globalThis.ks ?? (globalThis.ks = {}), globalThis.ks.jsonRenderers = {
+    meta: Q,
+    render: o
   });
-}, st = (t) => {
-  const e = (t == null ? void 0 : t.inConfig) ?? t;
-  if (!e || typeof e != "object")
+}, Z = (t) => {
+  const o = (t == null ? void 0 : t.inConfig) ?? t;
+  if (!o || typeof o != "object")
     throw new TypeError("Config must be an object");
-  const r = e.type;
-  if (r === void 0)
+  const e = o.type;
+  if (e === void 0)
     throw new Error('Missing compulsory key: "type"');
-  if (typeof r != "string")
+  if (typeof e != "string")
     throw new TypeError("type must be a string");
   return !0;
-}, nt = (t) => {
-  const e = (t == null ? void 0 : t.inConfig) ?? t;
-  if (!e || typeof e != "object")
+}, tt = (t) => {
+  const o = (t == null ? void 0 : t.inConfig) ?? t;
+  if (!o || typeof o != "object")
     throw new TypeError("Config must be an object");
-  const r = e.data;
-  if (r === void 0)
+  const e = o.data;
+  if (e === void 0)
     throw new Error('Missing compulsory key: "data"');
-  if (!Array.isArray(r))
+  if (!Array.isArray(e))
     throw new TypeError("data must be an Array");
   return !0;
-}, ot = (t) => {
-  const e = (t == null ? void 0 : t.inConfig) ?? t;
-  if (!e || typeof e != "object")
+}, et = (t) => {
+  const o = (t == null ? void 0 : t.inConfig) ?? t;
+  if (!o || typeof o != "object")
     throw new TypeError("Config must be an object");
-  const r = e.columns;
-  if (r === void 0)
+  const e = o.columns;
+  if (e === void 0)
     throw new Error('Missing compulsory key: "columns"');
-  if (!Array.isArray(r))
+  if (!Array.isArray(e))
     throw new TypeError("columns must be an Array");
   return !0;
-}, at = (t) => {
-  const e = (t == null ? void 0 : t.inConfig) ?? t;
-  if (!e || typeof e != "object")
+}, ot = (t) => {
+  const o = (t == null ? void 0 : t.inConfig) ?? t;
+  if (!o || typeof o != "object")
     throw new TypeError("Config must be an object");
-  const r = e.showLog;
-  if (r !== void 0 && typeof r != "boolean")
+  const e = o.showLog;
+  if (e !== void 0 && typeof e != "boolean")
     throw new TypeError("showLog must be a boolean");
   return !0;
-}, I = (t) => {
-  const e = (t == null ? void 0 : t.inConfig) ?? t;
-  if (!e || typeof e != "object" || Array.isArray(e))
+}, x = (t) => {
+  const o = (t == null ? void 0 : t.inConfig) ?? t;
+  if (!o || typeof o != "object" || Array.isArray(o))
     throw new TypeError("Config must be an object");
-  return st(e), nt(e), ot(e), at(e), !0;
-}, lt = (t) => {
-  const e = (t == null ? void 0 : t.inConfig) ?? t;
-  if (!e || typeof e != "object")
+  return Z(o), tt(o), et(o), ot(o), !0;
+}, rt = (t) => {
+  const o = (t == null ? void 0 : t.inConfig) ?? t;
+  if (!o || typeof o != "object")
     throw new TypeError("Config must be an object");
-  const r = e.targetHtmlId;
-  if (r === void 0)
+  const e = o.targetHtmlId;
+  if (e === void 0)
     throw new Error('Missing compulsory key: "targetHtmlId"');
-  if (typeof r != "string")
+  if (typeof e != "string")
     throw new TypeError("targetHtmlId must be a string");
-  if (r.trim().length === 0)
+  if (e.trim().length === 0)
     throw new Error("targetHtmlId must be a non-empty string");
   return !0;
-}, it = (t) => {
-  const e = (t == null ? void 0 : t.inConfig) ?? t;
-  if (!e || typeof e != "object")
+}, nt = (t) => {
+  const o = (t == null ? void 0 : t.inConfig) ?? t;
+  if (!o || typeof o != "object")
     throw new TypeError("Config must be an object");
-  const r = e.appendPosition;
-  if (r === void 0)
+  const e = o.appendPosition;
+  if (e === void 0)
     throw new Error('Missing compulsory key: "appendPosition"');
-  if (typeof r != "string")
+  if (typeof e != "string")
     throw new TypeError("appendPosition must be a string");
   return !0;
-}, ct = (t) => {
-  const e = (t == null ? void 0 : t.inConfig) ?? t;
-  if (!e || typeof e != "object")
+}, at = (t) => {
+  const o = (t == null ? void 0 : t.inConfig) ?? t;
+  if (!o || typeof o != "object")
     throw new TypeError("Config must be an object");
-  const r = e.classToApply;
-  if (r === void 0)
+  const e = o.classToApply;
+  if (e === void 0)
     throw new Error('Missing compulsory key: "classToApply"');
-  if (typeof r != "string")
+  if (typeof e != "string")
     throw new TypeError("classToApply must be a string");
   return !0;
-}, K = (t) => {
-  const e = (t == null ? void 0 : t.inConfig) ?? t;
-  if (!e || typeof e != "object" || Array.isArray(e))
+}, L = (t) => {
+  const o = (t == null ? void 0 : t.inConfig) ?? t;
+  if (!o || typeof o != "object" || Array.isArray(o))
     throw new TypeError("Config must be an object");
-  return lt(e), it(e), ct(e), !0;
-}, ut = "table", dt = "", bt = [], pt = [], ft = "", ht = "replace", yt = !1, w = {
-  type: ut,
-  targetHtmlId: dt,
-  data: bt,
-  columns: pt,
-  classToApply: ft,
-  appendPosition: ht,
-  showLog: yt
-}, z = (t) => {
-  const e = typeof t == "object" && t !== null ? t.inKey ?? t.key : t;
-  return e && e in w ? w[e] : { ...w };
+  return rt(o), nt(o), at(o), !0;
+}, st = "table", lt = "", it = [], ct = [], ut = "", dt = "replace", bt = !1, w = {
+  type: st,
+  targetHtmlId: lt,
+  data: it,
+  columns: ct,
+  classToApply: ut,
+  appendPosition: dt,
+  showLog: bt
+}, P = (t) => {
+  const o = typeof t == "object" && t !== null ? t.inKey ?? t.key : t;
+  return o && o in w ? w[o] : { ...w };
 };
-Object.assign(z, w);
-const T = (t) => {
-  const e = (t == null ? void 0 : t.inConfig) ?? t;
-  if (!e || typeof e != "object" || Array.isArray(e))
+Object.assign(P, w);
+const $ = (t) => {
+  const o = (t == null ? void 0 : t.inConfig) ?? t;
+  if (!o || typeof o != "object" || Array.isArray(o))
     throw new TypeError("Config must be an object");
-  return I(e), K(e), !0;
+  return x(o), L(o), !0;
 };
-T.getSpec = z;
-T.configSpec = w;
-T.guardSpec = I;
-T.guardMount = K;
-const mt = {
+$.getSpec = P;
+$.configSpec = w;
+$.guardSpec = x;
+$.guardMount = L;
+const pt = {
   version: "1.22.0",
   name: "json-renderers-build"
-}, wt = (t) => {
+}, mt = (t) => {
   t && (globalThis.ks ?? (globalThis.ks = {}), globalThis.ks.jsonRenderersBuild = {
-    meta: mt,
+    meta: pt,
     render: t
   });
-}, gt = (t) => typeof t == "object" && t !== null && !Array.isArray(t), Tt = (t, e) => {
-  if (!gt(t)) return;
-  let r = {};
-  for (const [s, a] of Object.entries(t))
-    r[s] = C(e, a);
-  return r;
-}, Ct = (t, e) => {
-  const r = structuredClone(t);
-  return Array.isArray(r) ? r.map((a) => C(e, a)) : void 0;
-}, W = (t, e, r) => {
-  if (t === "${agg:count}" && "rowData" in e) {
-    if (Array.isArray(e == null ? void 0 : e.rowData))
-      return e == null ? void 0 : e.rowData.length;
+}, ft = (t) => typeof t == "object" && t !== null && !Array.isArray(t), ht = (t, o) => {
+  if (!ft(t)) return;
+  let e = {};
+  for (const [r, a] of Object.entries(t))
+    e[r] = m(o, a);
+  return e;
+}, yt = (t, o) => {
+  const e = structuredClone(t);
+  return Array.isArray(e) ? e.map((a) => m(o, a)) : void 0;
+}, D = (t, o, e) => {
+  if (t === "${agg:count}" && "rowData" in o) {
+    if (Array.isArray(o == null ? void 0 : o.rowData))
+      return o == null ? void 0 : o.rowData.length;
   } else
-    return t === "${rowValue}" && "rowData" in e ? e == null ? void 0 : e.rowData : t.replace(/\$\{(\w+)\}/g, (s, a) => e[a] !== void 0 ? e[a] : s);
-}, At = (t, e) => W(t, e), xt = (t, e, r) => {
-  if (e == null)
+    return t === "${rowValue}" && "rowData" in o ? o == null ? void 0 : o.rowData : t.replace(/\$\{(\w+)\}/g, (r, a) => o[a] !== void 0 ? o[a] : r);
+}, Ct = (t, o) => D(t, o), wt = (t, o, e) => {
+  if (e && console.log("inElement : ", t), e && console.log("inTemplate : ", o), o == null)
     throw new TypeError("inTemplate is required");
-  if (typeof e != "object" && typeof e != "string")
+  if (typeof o != "object" && typeof o != "string")
     throw new TypeError("inTemplate must be an object or string");
   if (!t || typeof t != "object" || Array.isArray(t))
     throw new TypeError("inElement must be an object");
   return !0;
-}, C = (t, e, r) => {
-  const s = t, a = e;
-  xt(s, a);
+}, $t = {
+  name: "json-transformer-funcs-primitive",
+  version: "1.9.0"
+}, gt = (t) => {
+  var o, e;
+  typeof globalThis > "u" || !t || (globalThis.ks ?? (globalThis.ks = {}), (o = globalThis.ks).applyTemplate ?? (o.applyTemplate = t), (e = globalThis.ks).transformerFuncs ?? (e.transformerFuncs = {}), globalThis.ks.transformerFuncs.primitive = {
+    meta: $t,
+    applyTemplate: t
+  });
+}, m = (t, o, e) => {
+  const r = t, a = o;
+  wt(r, a, e);
   const n = structuredClone(a);
-  return typeof n == "string" ? W(n, s) : (n === null || typeof n != "object" || ("textContent" in n && (n.textContent = At(n == null ? void 0 : n.textContent, s)), "attributes" in n && (n.attributes = Tt(n == null ? void 0 : n.attributes, s)), "children" in n && (n.children = Ct(n == null ? void 0 : n.children, s))), n);
-}, Nt = (t, e) => {
+  return typeof n == "string" ? D(n, r) : (n === null || typeof n != "object" || ("textContent" in n && (n.textContent = Ct(n == null ? void 0 : n.textContent, r)), "attributes" in n && (n.attributes = ht(n == null ? void 0 : n.attributes, r)), "children" in n && (n.children = yt(n == null ? void 0 : n.children, r))), n);
+};
+gt(m);
+const Nt = (t, o) => {
   if (!Array.isArray(t))
     throw new TypeError("inSource must be an Array");
   if (t.length === 0)
     throw new Error("inSource cannot be empty");
-  for (let r = 0; r < t.length; r++)
-    if (!t[r] || typeof t[r] != "object")
-      throw new TypeError(`inSource[${r}] must be an object`);
-  if (!e || typeof e != "object" && typeof e != "string")
+  for (let e = 0; e < t.length; e++)
+    if (!t[e] || typeof t[e] != "object")
+      throw new TypeError(`inSource[${e}] must be an object`);
+  if (!o || typeof o != "object" && typeof o != "string")
     throw new TypeError("inTemplate must be an object or string");
   return !0;
-}, L = (t, e) => {
-  const r = t, s = e;
-  return Nt(r, s), r.map((a) => C(a, s));
-}, $t = (t, e) => t.map((s) => ({
-  ...s,
-  rowData: e[s.columnName]
-})), St = (t, e, r) => {
-  var a, n, i, d, o, u;
+}, h = (t, o) => {
+  const e = t, r = o;
+  return Nt(e, r), e.map((a) => m(a, r));
+}, xt = (t, o) => t.map((r) => ({
+  ...r,
+  rowData: o[r.columnName]
+})), Tt = (t, o, e) => {
+  var a, n, s, i, l, c;
   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 l = 0; l < t.length; l++) {
-    const c = t[l];
-    if (!c || typeof c != "object")
-      throw new TypeError(`inColumns[${l}] must be an object`);
-    if (typeof c.columnName != "string" || !c.columnName.trim())
-      throw new TypeError(`inColumns[${l}].columnName must be a non-empty string`);
+  for (let u = 0; u < t.length; u++) {
+    const d = t[u];
+    if (!d || typeof d != "object")
+      throw new TypeError(`inColumns[${u}] must be an object`);
+    if (typeof d.columnName != "string" || !d.columnName.trim())
+      throw new TypeError(`inColumns[${u}].columnName must be a non-empty string`);
   }
-  if (!Array.isArray(e))
+  if (!Array.isArray(o))
     throw new TypeError("inData must be an Array");
-  for (let l = 0; l < e.length; l++) {
-    const c = e[l];
-    if (!c || typeof c != "object")
-      throw new TypeError(`inData[${l}] must be an object`);
+  for (let u = 0; u < o.length; u++) {
+    const d = o[u];
+    if (!d || typeof d != "object")
+      throw new TypeError(`inData[${u}] must be an object`);
   }
-  if (!r || typeof r != "object" || Array.isArray(r))
+  if (!e || typeof e != "object" || Array.isArray(e))
     throw new TypeError("inSpec must be an object");
-  const s = ((i = (n = (a = t[0]) == null ? void 0 : a.template) == null ? void 0 : n.body) == null ? void 0 : i.tr) || "buildBodyTr";
-  if (!(s in r))
-    throw new Error(`Row template "${s}" not found in inSpec`);
-  for (let l = 0; l < t.length; l++) {
-    const c = t[l], b = ((o = (d = c.template) == null ? void 0 : d.body) == null ? void 0 : o.cell) || ((u = c.template) == null ? void 0 : u.bodyCell) || "buildBodyCell";
-    if (!(b in r))
-      throw new Error(`Cell template "${b}" for column "${c.columnName}" not found in inSpec`);
+  const r = ((s = (n = (a = t[0]) == null ? void 0 : a.template) == null ? void 0 : n.body) == null ? void 0 : s.tr) || "buildBodyTr";
+  if (!(r in e))
+    throw new Error(`Row template "${r}" not found in inSpec`);
+  for (let u = 0; u < t.length; u++) {
+    const d = t[u], b = ((l = (i = d.template) == null ? void 0 : i.body) == null ? void 0 : l.cell) || ((c = d.template) == null ? void 0 : c.bodyCell) || "buildBodyCell";
+    if (!(b in e))
+      throw new Error(`Cell template "${b}" for column "${d.columnName}" not found in inSpec`);
   }
   return !0;
-}, jt = (t, e) => t.map((s) => {
-  var d, o, u;
-  const a = ((o = (d = s.template) == null ? void 0 : d.body) == null ? void 0 : o.cell) || ((u = s.template) == null ? void 0 : u.bodyCell) || "buildBodyCell", n = e[a];
-  return C(s, n);
-}), It = (t, e, r) => {
-  var u, l, c;
-  St(t, e, r);
-  const s = t, a = e, n = r, i = ((c = (l = (u = s[0]) == null ? void 0 : u.template) == null ? void 0 : l.body) == null ? void 0 : c.tr) || "buildBodyTr", d = n[i];
+}, At = (t, o) => t.map((r) => {
+  var i, l, c;
+  const a = ((l = (i = r.template) == null ? void 0 : i.body) == null ? void 0 : l.cell) || ((c = r.template) == null ? void 0 : c.bodyCell) || "buildBodyCell", n = o[a];
+  return m(r, n);
+}), O = (t, o, e) => {
+  var c, u, d;
+  Tt(t, o, e);
+  const r = t, a = o, n = e, s = ((d = (u = (c = r[0]) == null ? void 0 : c.template) == null ? void 0 : u.body) == null ? void 0 : d.tr) || "buildBodyTr", i = n[s];
   return a.map((b) => {
-    const f = C(b, d), x = $t(s, b), N = jt(x, n);
-    return f.children = N, f;
+    const C = m(b, i), _ = xt(r, b), X = At(_, n);
+    return C.children = X, C;
   });
-}, B = (t, e) => {
-  var r;
-  if (((r = t == null ? void 0 : t.attributes) == null ? void 0 : r["data-role"]) === e) return t;
-  for (const s of (t == null ? void 0 : t.children) ?? []) {
-    const a = B(s, e);
+}, y = (t, o) => {
+  var e;
+  if (((e = t == null ? void 0 : t.attributes) == null ? void 0 : e["data-role"]) === o) return t;
+  for (const r of (t == null ? void 0 : t.children) ?? []) {
+    const a = y(r, o);
     if (a) return a;
   }
   return null;
-}, Lt = (t, e) => {
-  const r = t[e.fileName], s = e.dataRole ? B(r, e.dataRole) : r;
-  return (e.filePath ?? []).reduce((a, n) => a[n], s);
-}, vt = {
+}, It = (t, o) => {
+  const e = t[o.fileName], r = o.dataRole ? y(e, o.dataRole) : e;
+  return (o.filePath ?? []).reduce((a, n) => a[n], r);
+}, kt = {
   tagName: "tr",
   attributes: {
     class: "align-middle"
   },
   children: []
-}, kt = {
+}, jt = {
   tagName: "col",
   attributes: {
     width: "${width}"
   }
-}, Et = {
+}, Ft = {
   tagName: "th",
   textContent: "${columnName}",
   attributes: {
@@ -247,19 +258,19 @@ const mt = {
       }
     }
   ]
-}, Pt = {
+}, vt = {
   tagName: "td",
   textContent: "${rowValue}",
   attributes: {
     class: "py-3 px-3 text-secondary"
   }
-}, Dt = {
+}, St = {
   tagName: "button",
   textContent: "${columnName}",
   attributes: {
     class: "btn btn-primary btn-sm"
   }
-}, Rt = {
+}, Et = {
   tagName: "td",
   attributes: {
     class: "py-2 px-3 text-center"
@@ -273,38 +284,38 @@ const mt = {
       }
     }
   ]
-}, Ft = {
+}, Rt = {
   tagName: "option",
   textContent: "${rowValue}",
   attributes: {
     value: "${rowValue}"
   }
-}, Mt = {
+}, Lt = {
   tagName: "select",
   attributes: {
     id: "LedgerName"
   },
   children: []
-}, Ht = {
+}, Pt = {
   tagName: "datalist",
   attributes: {
     "data-name": "${columnName}"
   },
   children: []
-}, P = {
-  buildBodyTr: vt,
-  buildColGroup: kt,
-  buildHeader: Et,
+}, j = {
+  buildBodyTr: kt,
+  buildColGroup: jt,
+  buildHeader: Ft,
   buildFooter: Bt,
-  buildBodyCell: Pt,
-  button: Dt,
-  buttonCell: Rt,
-  buildOption: Ft,
-  buildSelect: Mt,
-  buildDataList: Ht
-}, Vt = "table", Gt = {
+  buildBodyCell: vt,
+  button: St,
+  buttonCell: Et,
+  buildOption: Rt,
+  buildSelect: Lt,
+  buildDataList: Pt
+}, Dt = "table", Ot = {
   class: "table table-hover table-striped align-middle border mb-0"
-}, Kt = [
+}, Vt = [
   {
     tagName: "colgroup",
     attributes: {
@@ -350,11 +361,11 @@ const mt = {
       }
     ]
   }
-], _ = {
-  tagName: Vt,
-  attributes: Gt,
-  children: Kt
-}, zt = [
+], V = {
+  tagName: Dt,
+  attributes: Ot,
+  children: Vt
+}, Wt = [
   {
     narration: "Build the column widths for the table using the configured columns.",
     destinationPath: {
@@ -391,7 +402,7 @@ const mt = {
     templateKey: "buildHeader",
     func: "fromCollection"
   }
-], Wt = [
+], qt = [
   {
     narration: "Build the table body rows for the table using the configured columns and data.",
     destinationPath: {
@@ -409,66 +420,69 @@ const mt = {
     },
     func: "twoDimensional"
   }
-], $ = (t) => Array.isArray(t) ? t : [t], R = {
-  set: (t, e, r) => {
-    t[e] = r;
+], g = (t) => Array.isArray(t) ? t : [t], B = {
+  set: (t, o, e) => {
+    t[o] = e;
   },
-  push: (t, e, r) => {
-    t[e].push(...$(r));
+  push: (t, o, e) => {
+    t[o].push(...g(e));
   },
-  unshift: (t, e, r) => {
-    t[e].unshift(...$(r));
+  unshift: (t, o, e) => {
+    t[o].unshift(...g(e));
   },
-  pushToRows: (t, e, r) => {
-    t[e].forEach((s) => {
-      s.children.push(...structuredClone($(r)));
+  pushToRows: (t, o, e) => {
+    t[o].forEach((r) => {
+      r.children.push(...structuredClone(g(e)));
     });
   },
-  unshiftToRows: (t, e, r) => {
-    t[e].forEach((s) => {
-      s.children.unshift(...structuredClone($(r)));
+  unshiftToRows: (t, o, e) => {
+    t[o].forEach((r) => {
+      r.children.unshift(...structuredClone(g(e)));
     });
   },
-  unshiftSerialToRows: (t, e, r) => {
-    t[e].forEach((s, a) => {
-      const n = structuredClone(r);
-      n.textContent = a + 1, s.children.unshift(n);
+  unshiftSerialToRows: (t, o, e) => {
+    t[o].forEach((r, a) => {
+      const n = structuredClone(e);
+      n.textContent = a + 1, r.children.unshift(n);
     });
   }
-}, q = (t, e, r) => {
-  const s = e.dataRole ? B(t[e.fileName], e.dataRole) : t[e.fileName], a = [...e.filePath ?? []], n = a.pop(), i = a.reduce((o, u) => o[u], s);
-  (R[e.action] || R.set)(i, n, r);
-}, m = { data: {}, base: _, spec: P }, O = {
-  fromCollection: L,
-  twoDimensional: It
-}, _t = (t) => {
-  t.forEach((e) => {
-    const r = Lt(m, e.sourcePath);
-    if (r) {
-      const s = O[e.func](r, P[e.templateKey]);
-      q(m, e.destinationPath, s);
+}, W = (t, o, e) => {
+  const r = o.dataRole ? y(t[o.fileName], o.dataRole) : t[o.fileName], a = [...o.filePath ?? []], n = a.pop(), s = a.reduce((l, c) => l[c], r);
+  (B[o.action] || B.set)(s, n, e);
+}, f = { data: {}, base: V, spec: j }, q = {
+  fromCollection: h,
+  twoDimensional: O
+}, Ht = (t) => {
+  t.forEach((o) => {
+    const e = It(f, o.sourcePath);
+    if (e) {
+      const r = q[o.func](e, j[o.templateKey]);
+      W(f, o.destinationPath, r);
     } else
-      console.log("   !instruction : ", e), console.log("   !source : ", r);
+      console.log("   !instruction : ", o), console.log("   !source : ", e);
   });
-}, qt = (t) => {
-  t.forEach((e) => {
-    const r = O[e.func](
-      m.data.columns,
-      m.data.data,
-      P
+}, zt = (t) => {
+  t.forEach((o) => {
+    const e = q[o.func](
+      f.data.columns,
+      f.data.data,
+      j
     );
-    q(m, e.destinationPath, r);
+    W(f, o.destinationPath, e);
   });
-}, Ot = (t) => (m.data = t, _t(zt), qt(Wt), _), F = ({
+}, Mt = (t) => (f.data = t, Ht(Wt), zt(qt), V), v = ({
   inData: t,
-  inColumns: e,
-  inType: r,
-  footer: s = [],
+  inColumns: o,
+  inType: e,
+  footer: r = [],
   options: a
-} = {}) => Ot({
-  columns: e,
+} = {}) => Mt({
+  columns: o,
   data: t
-}), Jt = {
+}), Gt = ({ inData: t = [], inColumns: o = [] } = {}) => ({
+  data: t,
+  columns: o
+}), Kt = {
   tagName: "option",
   textContent: "${rowValue}",
   attributes: {
@@ -480,58 +494,80 @@ const mt = {
     id: "LedgerName"
   },
   children: []
-}, Xt = {
+}, Jt = {
   tagName: "datalist",
   attributes: {
     "data-name": "${columnName}"
   },
   children: []
-}, g = {
-  buildOption: Jt,
+}, p = {
+  buildOption: Kt,
   buildSelect: Ut,
-  buildDataList: Xt
-}, Qt = ({ inData: t = [] } = {}) => {
-  const e = (t ?? []).map(
-    (s) => typeof s == "object" && s !== null ? s : { rowValue: s }
-  ), r = structuredClone(g.buildSelect);
-  return r.children = L(e, g.buildOption), r;
-}, Yt = ({ inData: t = [], inColumns: e = [] } = {}) => e.map((s) => {
-  const a = structuredClone(g.buildOption);
-  a.textContent = a.textContent.replace("rowValue", s.columnName), a.attributes.value = a.attributes.value.replace("rowValue", s.columnName);
-  const n = L(t, a);
-  return console.log("createdArray : ", n[0], a), n;
-}), M = ({ inData: t = [] } = {}) => {
-  const e = (t ?? []).map(
-    (s) => typeof s == "object" && s !== null ? s : { rowValue: s }
-  ), r = structuredClone(g.buildDataList);
-  return r.children = L(e, g.buildOption), r;
-}, Zt = {
+  buildDataList: Jt
+}, _t = (t, o = p.buildOption) => {
+  const e = structuredClone(o);
+  return e.textContent = e.textContent.replace("rowValue", t), e.attributes.value = e.attributes.value.replace("rowValue", t), e;
+}, Xt = (t, o) => {
+  const e = o == null ? void 0 : o.columnName, r = structuredClone(p.buildSelect);
+  r.attributes.id = e, r.attributes["data-name"] = e;
+  const a = _t(e, p.buildOption);
+  return r.children = h(t, a), r;
+}, Qt = ({ data: t, columns: o }) => o.map((e) => Xt(t, e)), Yt = (t = {}) => {
+  const { data: o, columns: e } = Gt(t);
+  return Qt({ data: o, columns: e });
+}, Zt = ({ inData: t = [], inColumns: o = [] } = {}) => ({
+  data: t,
+  columns: o
+}), te = (t, o = p.buildOption) => {
+  const e = structuredClone(o);
+  return e.textContent = e.textContent.replace("rowValue", t), e.attributes.value = e.attributes.value.replace("rowValue", t), e;
+}, ee = (t, o) => {
+  const e = o == null ? void 0 : o.columnName, r = te(e, p.buildOption);
+  return h(t, r);
+}, oe = ({ data: t, columns: o }) => o.map((e) => ee(t, e)), re = (t = {}) => {
+  const { data: o, columns: e } = Zt(t);
+  return oe({ data: o, columns: e });
+}, ne = ({ inData: t = [], inColumns: o = [] } = {}) => ({
+  data: t,
+  columns: o
+}), ae = (t, o = p.buildOption) => {
+  const e = structuredClone(o);
+  return e.textContent = e.textContent.replace("rowValue", t), e.attributes.value = e.attributes.value.replace("rowValue", t), e;
+}, se = (t, o) => {
+  const e = o == null ? void 0 : o.columnName, r = structuredClone(p.buildDataList);
+  r.attributes.id = e, r.attributes["data-name"] = e;
+  const a = ae(e, p.buildOption);
+  return r.children = h(t, a), r;
+}, le = ({ data: t, columns: o }) => o.map((e) => se(t, e)), S = (t = {}) => {
+  const { data: o, columns: e } = ne(t);
+  return le({ data: o, columns: e });
+}, ie = {
   version: "1.2.0",
   name: "json-renderers-build-input-row"
-}, te = (t) => {
-  const e = t;
-  if (typeof globalThis > "u" || !e) return;
+}, ce = (t) => {
+  const o = t;
+  if (typeof globalThis > "u" || !o) return;
   globalThis.ks ?? (globalThis.ks = {});
-  const r = typeof e == "function" ? e : e.render;
+  const e = typeof o == "function" ? o : o.render;
   globalThis.ks.jsonRenderersBuildInputRow = {
-    meta: Zt,
-    render: r,
-    ...typeof e == "object" ? e : {}
+    meta: ie,
+    render: e,
+    ...typeof o == "object" ? o : {}
   };
-}, ee = "input", re = {
+}, ue = "input", de = {
   type: "search",
   placeholder: "Search...",
   class: "form-control",
   id: "searchInputId"
-}, se = {
-  tagName: ee,
-  attributes: re
-}, S = ({ inOptions: t = {}, options: e = {} } = {}) => {
-  const r = t && Object.keys(t).length > 0 ? t : e, s = structuredClone(se);
-  return r.placeholder && (s.attributes.placeholder = r.placeholder), r.class && (s.attributes.class = r.class), r.id && (s.attributes.id = r.id), r.name && (s.attributes.name = r.name), r.type && (s.attributes.type = r.type), r.value && (s.attributes.value = r.value), s;
-}, ne = "div", oe = {
+}, be = {
+  tagName: ue,
+  attributes: de
+}, N = ({ inOptions: t = {}, options: o = {} } = {}) => {
+  const e = t && Object.keys(t).length > 0 ? t : o, r = structuredClone(be);
+  return e.placeholder && (r.attributes.placeholder = e.placeholder), e.class && (r.attributes.class = e.class), e.id && (r.attributes.id = e.id), e.name && (r.attributes.name = e.name), e.type && (r.attributes.type = e.type), e.value && (r.attributes.value = e.value), r;
+}, pe = "div", me = {
   class: "d-flex align-items-center gap-2"
-}, ae = [
+}, fe = [
   {
     tagName: "label",
     textContent: "Search:",
@@ -549,16 +585,16 @@ const mt = {
       id: "searchInputId"
     }
   }
-], le = {
-  tagName: ne,
-  attributes: oe,
-  children: ae
-}, A = ({ inOptions: t = {}, options: e = {} } = {}) => {
-  const r = t && Object.keys(t).length > 0 ? t : e, s = structuredClone(le), a = s.children[0], n = s.children[1];
-  return r.label && (a.textContent = r.label), r.id && (a.attributes.for = r.id, n.attributes.id = r.id), r.placeholder && (n.attributes.placeholder = r.placeholder), r.class && (n.attributes.class = r.class), r.name && (n.attributes.name = r.name), r.type && (n.attributes.type = r.type), r.wrapperClass && (s.attributes.class = r.wrapperClass), r.labelClass && (a.attributes.class = r.labelClass), s;
-}, ie = "div", ce = {
+], he = {
+  tagName: pe,
+  attributes: me,
+  children: fe
+}, T = ({ inOptions: t = {}, options: o = {} } = {}) => {
+  const e = t && Object.keys(t).length > 0 ? t : o, r = structuredClone(he), a = r.children[0], n = r.children[1];
+  return e.label && (a.textContent = e.label), e.id && (a.attributes.for = e.id, n.attributes.id = e.id), e.placeholder && (n.attributes.placeholder = e.placeholder), e.class && (n.attributes.class = e.class), e.name && (n.attributes.name = e.name), e.type && (n.attributes.type = e.type), e.wrapperClass && (r.attributes.class = e.wrapperClass), e.labelClass && (a.attributes.class = e.labelClass), r;
+}, ye = "div", Ce = {
   class: "d-flex align-items-center gap-2"
-}, ue = [
+}, we = [
   {
     tagName: "label",
     textContent: "Search:",
@@ -585,323 +621,762 @@ const mt = {
       id: "searchButtonId"
     }
   }
-], de = {
-  tagName: ie,
-  attributes: ce,
-  children: ue
-}, v = ({ inOptions: t = {}, options: e = {} } = {}) => {
-  const r = t && Object.keys(t).length > 0 ? t : e, s = structuredClone(de), a = s.children[0], n = s.children[1], i = s.children[2];
-  return r.label && (a.textContent = r.label), r.id && (a.attributes.for = r.id, n.attributes.id = r.id), r.placeholder && (n.attributes.placeholder = r.placeholder), r.class && (n.attributes.class = r.class), r.name && (n.attributes.name = r.name), r.type && (n.attributes.type = r.type), r.buttonText && (i.textContent = r.buttonText), r.buttonClass && (i.attributes.class = r.buttonClass), r.buttonId && (i.attributes.id = r.buttonId), r.wrapperClass && (s.attributes.class = r.wrapperClass), r.labelClass && (a.attributes.class = r.labelClass), s;
-}, be = {
-  input: S,
-  inputOnly: S,
-  inputWithLabel: A,
-  inputWithLabelButton: v
-}, pe = ({
+], $e = {
+  tagName: ye,
+  attributes: Ce,
+  children: we
+}, F = ({ inOptions: t = {}, options: o = {} } = {}) => {
+  const e = t && Object.keys(t).length > 0 ? t : o, r = structuredClone($e), a = r.children[0], n = r.children[1], s = r.children[2];
+  return e.label && (a.textContent = e.label), e.id && (a.attributes.for = e.id, n.attributes.id = e.id), e.placeholder && (n.attributes.placeholder = e.placeholder), e.class && (n.attributes.class = e.class), e.name && (n.attributes.name = e.name), e.type && (n.attributes.type = e.type), e.buttonText && (s.textContent = e.buttonText), e.buttonClass && (s.attributes.class = e.buttonClass), e.buttonId && (s.attributes.id = e.buttonId), e.wrapperClass && (r.attributes.class = e.wrapperClass), e.labelClass && (a.attributes.class = e.labelClass), r;
+}, ge = {
+  input: N,
+  inputOnly: N,
+  inputWithLabel: T,
+  inputWithLabelButton: F
+}, Ne = ({
   type: t = "inputWithLabel",
-  options: e = {},
-  inType: r,
-  inOptions: s
+  options: o = {},
+  inType: e,
+  inOptions: r
 } = {}) => {
-  const a = r ?? t, n = s ?? e;
-  return (be[a] || A)({ inOptions: n, options: n });
+  const a = e ?? t, n = r ?? o;
+  return (ge[a] || T)({ inOptions: n, options: n });
 };
-te({
-  render: pe,
-  inputOnly: S,
-  inputWithLabel: A,
-  inputWithLabelButton: v
+ce({
+  render: Ne,
+  inputOnly: N,
+  inputWithLabel: T,
+  inputWithLabelButton: F
 });
-const k = ({ inOptions: t = {}, options: e = {} } = {}) => {
-  const r = t && Object.keys(t).length > 0 ? t : e;
-  return (r == null ? void 0 : r.label) === !1 || (r == null ? void 0 : r.flavour) === "inputOnly" ? S({ inOptions: r }) : (r == null ? void 0 : r.flavour) === "inputWithLabelButton" || r != null && r.button || r != null && r.buttonText ? v({ inOptions: r }) : A({ inOptions: r });
-}, fe = {
+const A = ({ inOptions: t = {}, options: o = {} } = {}) => {
+  const e = t && Object.keys(t).length > 0 ? t : o;
+  return (e == null ? void 0 : e.label) === !1 || (e == null ? void 0 : e.flavour) === "inputOnly" ? N({ inOptions: e }) : (e == null ? void 0 : e.flavour) === "inputWithLabelButton" || e != null && e.button || e != null && e.buttonText ? F({ inOptions: e }) : T({ inOptions: e });
+}, xe = {
   version: "1.2.0",
   name: "json-renderers-build-form"
-}, he = (t) => {
-  const e = t;
-  typeof globalThis > "u" || !e || (globalThis.ks ?? (globalThis.ks = {}), globalThis.ks.jsonRenderersBuildForm = {
-    meta: fe,
-    render: e
-  });
-}, ye = {
-  tagName: "form",
-  attributes: {
-    class: "vstack gap-3",
-    id: "appFormId"
+}, Te = (t) => {
+  typeof globalThis > "u" || !t || (globalThis.ks ?? (globalThis.ks = {}), globalThis.ks.jsonRenderersBuildForm = { meta: xe, render: t });
+}, Ae = "div", Ie = {
+  class: "${cardClass}",
+  "data-role": "form-card"
+}, ke = [
+  {
+    tagName: "header",
+    attributes: {
+      class: "${headerClass}",
+      "data-role": "form-header"
+    },
+    children: [
+      {
+        tagName: "div",
+        attributes: {
+          class: "${headingClass}"
+        },
+        children: [
+          {
+            tagName: "h2",
+            textContent: "${title}",
+            attributes: {
+              class: "${titleClass}"
+            }
+          },
+          {
+            tagName: "p",
+            textContent: "${description}",
+            attributes: {
+              class: "${descriptionClass}"
+            }
+          }
+        ]
+      },
+      {
+        tagName: "span",
+        textContent: "${recordId}",
+        attributes: {
+          class: "${recordIdClass}",
+          "data-role": "record-id"
+        }
+      },
+      {
+        tagName: "div",
+        attributes: {
+          class: "${headerActionsClass}",
+          "data-role": "header-actions"
+        },
+        children: []
+      }
+    ]
   },
-  children: []
-}, me = {
+  {
+    tagName: "div",
+    attributes: {
+      class: "${cardBodyClass}"
+    },
+    children: [
+      {
+        tagName: "form",
+        attributes: {
+          id: "${formId}",
+          "data-role": "form-body"
+        },
+        children: []
+      }
+    ]
+  },
+  {
+    tagName: "footer",
+    attributes: {
+      class: "${footerClass}",
+      "data-role": "form-footer"
+    },
+    children: [
+      {
+        tagName: "div",
+        attributes: {
+          class: "${footerActionsClass}",
+          "data-role": "footer-actions"
+        },
+        children: []
+      }
+    ]
+  }
+], je = {
+  tagName: Ae,
+  attributes: Ie,
+  children: ke
+}, Fe = () => structuredClone(je), Be = "header-actions", ve = "button", E = {
+  destinationRole: Be,
+  template: ve
+}, Se = {
+  tagName: "button",
+  textContent: "${label}",
+  attributes: {
+    type: "${type}",
+    form: "${formId}",
+    class: "${buttonClass} ${buttonSizeClass} ${buttonPaddingClass}"
+  }
+}, Ee = {
+  button: Se
+}, Re = (t, o) => {
+  const e = structuredClone(t), r = h(o.header.actions, Ee[E.template]);
+  return y(e, E.destinationRole).children.push(...r), e;
+}, Le = "form-body", Pe = {
+  destinationRole: Le
+}, De = {
   tagName: "div",
   attributes: {
-    class: "mb-3"
+    class: "${rowClass}"
   },
   children: []
-}, we = {
-  tagName: "label",
-  textContent: "Label",
+}, Oe = {
+  tagName: "div",
   attributes: {
-    class: "form-label fw-semibold",
-    for: "fieldId"
-  }
-}, ge = {
-  tagName: "input",
+    class: "${fieldClass}"
+  },
+  children: [
+    {
+      tagName: "label",
+      textContent: "${label}",
+      attributes: {
+        class: "${labelClass}",
+        for: "${columnName}"
+      }
+    },
+    {
+      tagName: "input",
+      attributes: {
+        type: "${type}",
+        class: "${inputClass} ${inputSizeClass}",
+        id: "${columnName}",
+        name: "${columnName}",
+        placeholder: "${placeholder}",
+        value: "${rowValue}"
+      }
+    }
+  ]
+}, Ve = {
+  tagName: "div",
   attributes: {
-    type: "text",
-    placeholder: "",
-    class: "form-control",
-    id: "fieldId",
-    name: "fieldName"
-  }
-}, Te = {
-  tagName: "button",
-  textContent: "Submit",
+    class: "${fieldClass}"
+  },
+  children: [
+    {
+      tagName: "label",
+      textContent: "${label}",
+      attributes: {
+        class: "${labelClass}",
+        for: "${columnName}"
+      }
+    },
+    {
+      tagName: "input",
+      attributes: {
+        type: "${type}",
+        class: "${inputClass} ${inputSizeClass}",
+        id: "${columnName}",
+        name: "${columnName}",
+        placeholder: "${placeholder}",
+        value: "${rowValue}",
+        required: "required"
+      }
+    }
+  ]
+}, We = {
+  tagName: "div",
   attributes: {
-    type: "submit",
-    class: "btn btn-primary align-self-start",
-    id: "formSubmitBtnId"
-  }
-}, y = {
-  form: ye,
-  fieldWrapper: me,
-  label: we,
-  input: ge,
-  submitButton: Te
-}, Ce = ({ inColumn: t, inRow: e = {}, inIndex: r = 0 } = {}) => {
-  var x, N;
-  const s = t, a = e, n = r, i = (s == null ? void 0 : s.columnName) ?? `field_${n}`, d = (s == null ? void 0 : s.type) ?? "text", o = (s == null ? void 0 : s.label) ?? (s == null ? void 0 : s.title) ?? i, u = (s == null ? void 0 : s.id) ?? `form-${n}-${i.toLowerCase()}`, l = a[i] ?? (s == null ? void 0 : s.value), c = structuredClone(y.fieldWrapper), b = structuredClone(y.label);
-  if (b.textContent = o, b.attributes.for = u, d === "checkbox") {
-    c.attributes.class = "form-check mb-3";
-    const p = structuredClone(y.input);
-    return p.attributes.type = "checkbox", p.attributes.class = "form-check-input", p.attributes.id = u, p.attributes.name = i, p.attributes.value = "true", p.properties = { checked: !!(l ?? (s == null ? void 0 : s.checked) ?? !1) }, b.attributes.class = "form-check-label", c.children = [p, b], c;
-  }
-  if (d === "textarea") {
-    const p = {
+    class: "${fieldClass}"
+  },
+  children: [
+    {
+      tagName: "label",
+      textContent: "${label}",
+      attributes: {
+        class: "${labelClass}",
+        for: "${columnName}"
+      }
+    },
+    {
       tagName: "textarea",
-      textContent: l ? String(l) : "",
+      textContent: "${rowValue}",
       attributes: {
-        class: (s == null ? void 0 : s.class) ?? "form-control",
-        rows: String((s == null ? void 0 : s.rows) ?? 3),
-        id: u,
-        name: i,
-        placeholder: (s == null ? void 0 : s.placeholder) ?? ""
+        class: "${inputClass} ${inputSizeClass}",
+        rows: "3",
+        id: "${columnName}",
+        name: "${columnName}",
+        placeholder: "${placeholder}"
       }
-    };
-    return c.children = [b, p], c;
-  }
-  if (d === "select") {
-    const p = {
-      tagName: "select",
+    }
+  ]
+}, qe = {
+  tagName: "div",
+  attributes: {
+    class: "${checkboxWrapperClass} ${fieldClass}"
+  },
+  children: [
+    {
+      tagName: "input",
       attributes: {
-        class: (s == null ? void 0 : s.class) ?? "form-select",
-        id: u,
-        name: i
-      },
-      children: ((s == null ? void 0 : s.options) ?? []).map((h) => {
-        const D = String(typeof h == "object" ? h.value : h), Z = typeof h == "object" ? h.label ?? h.value : String(h), tt = l != null && String(l) === D;
-        return {
-          tagName: "option",
-          textContent: Z,
-          attributes: {
-            value: D,
-            ...tt ? { selected: !0 } : {}
-          }
-        };
-      })
-    };
-    return c.children = [b, p], c;
-  }
-  const f = structuredClone(y.input);
-  if (f.attributes.type = d, f.attributes.id = u, f.attributes.name = i, s != null && s.placeholder && (f.attributes.placeholder = s.placeholder), s != null && s.class && (f.attributes.class = s.class), l != null && (f.attributes.value = String(l)), s != null && s.buttonText || s != null && s.button) {
-    const p = {
-      tagName: "button",
-      textContent: s.buttonText ?? ((x = s.button) == null ? void 0 : x.text) ?? "Action",
+        type: "checkbox",
+        class: "${checkboxInputClass}",
+        id: "${columnName}",
+        name: "${columnName}",
+        value: "true"
+      }
+    },
+    {
+      tagName: "label",
+      textContent: "${label}",
       attributes: {
-        type: "button",
-        class: s.buttonClass ?? ((N = s.button) == null ? void 0 : N.class) ?? "btn btn-success",
-        id: s.buttonId ?? `${u}-btn`
+        class: "${checkboxLabelClass}",
+        for: "${columnName}"
       }
-    };
-    return c.children = [b, f, p], c;
-  }
-  return c.children = [b, f], c;
-}, j = ({ inColumns: t = [], inData: e = [], inOptions: r = {}, columns: s, data: a, options: n } = {}) => {
-  const i = Array.isArray(t) && t.length > 0 ? t : Array.isArray(s) ? s : [], d = Array.isArray(e) && e.length > 0 ? e : Array.isArray(a) ? a : [], o = r && Object.keys(r).length > 0 ? r : n ?? {}, u = d[0] ?? {}, l = structuredClone(y.form);
-  if (o != null && o.formId && (l.attributes.id = o.formId), o != null && o.className && (l.attributes.class = o.className), l.children = i.map(
-    (c, b) => Ce({ inColumn: c, inRow: u, inIndex: b })
-  ), (o == null ? void 0 : o.showSubmit) !== !1 && (o == null ? void 0 : o.submitButton) !== !1) {
-    const c = structuredClone(y.submitButton);
-    o != null && o.submitLabel && (c.textContent = o.submitLabel), o != null && o.submitClass && (c.attributes.class = o.submitClass), l.children.push(c);
-  }
-  return l;
-}, Ae = {
-  tagName: "form",
+    }
+  ]
+}, He = {
+  tagName: "div",
   attributes: {
-    class: "vstack gap-3",
-    id: "inlineFormId"
+    class: "${fieldClass}"
   },
-  children: []
-}, xe = {
-  tagName: "button",
-  textContent: "Submit",
-  attributes: {
-    type: "submit",
-    class: "btn btn-primary align-self-start",
-    id: "formSubmitBtnId"
-  }
-}, H = {
-  form: Ae,
-  submitButton: xe
-}, Ne = ({ inColumn: t, inRow: e = {}, inIndex: r = 0 } = {}) => {
-  var c, b;
-  const s = t, a = e, n = r, i = (s == null ? void 0 : s.columnName) ?? `field_${n}`, d = (s == null ? void 0 : s.type) ?? "text", o = (s == null ? void 0 : s.label) ?? (s == null ? void 0 : s.title) ?? i, u = (s == null ? void 0 : s.id) ?? `form-${n}-${i.toLowerCase()}`, l = a[i] ?? (s == null ? void 0 : s.value);
-  return s != null && s.buttonText || s != null && s.button ? v({
-    inOptions: {
-      label: o,
-      type: d,
-      id: u,
-      name: i,
-      placeholder: (s == null ? void 0 : s.placeholder) ?? "",
-      class: (s == null ? void 0 : s.class) ?? "form-control",
-      value: l != null ? String(l) : void 0,
-      buttonText: s.buttonText ?? ((c = s.button) == null ? void 0 : c.text) ?? "Action",
-      buttonClass: s.buttonClass ?? ((b = s.button) == null ? void 0 : b.class) ?? "btn btn-outline-primary",
-      buttonId: s.buttonId ?? `${u}-btn`,
-      wrapperClass: "d-flex align-items-center gap-2 mb-3",
-      labelClass: "form-label mb-0 text-nowrap fw-semibold"
+  children: [
+    {
+      tagName: "label",
+      textContent: "${label}",
+      attributes: {
+        class: "${inlineLabelClass}",
+        for: "${columnName}"
+      }
+    },
+    {
+      tagName: "input",
+      attributes: {
+        type: "${type}",
+        class: "${inputClass} ${inputSizeClass} ${inlineInputClass}",
+        id: "${columnName}",
+        name: "${columnName}",
+        placeholder: "${placeholder}",
+        value: "${rowValue}"
+      }
     }
-  }) : A({
-    inOptions: {
-      label: o,
-      type: d,
-      id: u,
-      name: i,
-      placeholder: (s == null ? void 0 : s.placeholder) ?? "",
-      class: (s == null ? void 0 : s.class) ?? "form-control",
-      value: l != null ? String(l) : void 0,
-      wrapperClass: "d-flex align-items-center gap-2 mb-3",
-      labelClass: "form-label mb-0 text-nowrap fw-semibold"
+  ]
+}, ze = {
+  tagName: "div",
+  attributes: {
+    class: "${fieldClass}"
+  },
+  children: [
+    {
+      tagName: "label",
+      textContent: "${label}",
+      attributes: {
+        class: "${inlineLabelClass}",
+        for: "${columnName}"
+      }
+    },
+    {
+      tagName: "input",
+      attributes: {
+        type: "${type}",
+        class: "${inputClass} ${inputSizeClass} ${inlineInputClass}",
+        id: "${columnName}",
+        name: "${columnName}",
+        placeholder: "${placeholder}",
+        value: "${rowValue}",
+        required: "required"
+      }
     }
-  });
-}, V = ({ inColumns: t = [], inData: e = [], inOptions: r = {}, columns: s, data: a, options: n } = {}) => {
-  const i = Array.isArray(t) && t.length > 0 ? t : Array.isArray(s) ? s : [], d = Array.isArray(e) && e.length > 0 ? e : Array.isArray(a) ? a : [], o = r && Object.keys(r).length > 0 ? r : n ?? {}, u = d[0] ?? {}, l = structuredClone(H.form);
-  if (o != null && o.formId && (l.attributes.id = o.formId), o != null && o.className && (l.attributes.class = o.className), l.children = i.map(
-    (c, b) => Ne({ inColumn: c, inRow: u, inIndex: b })
-  ), (o == null ? void 0 : o.showSubmit) !== !1 && (o == null ? void 0 : o.submitButton) !== !1) {
-    const c = structuredClone(H.submitButton);
-    o != null && o.submitLabel && (c.textContent = o.submitLabel), o != null && o.submitClass && (c.attributes.class = o.submitClass), l.children.push(c);
-  }
-  return l;
-}, $e = {
+  ]
+}, Me = {
   tagName: "div",
   attributes: {
-    class: "d-flex align-items-center gap-2 mt-3"
+    class: "${fieldClass}"
   },
   children: [
+    {
+      tagName: "label",
+      textContent: "${label}",
+      attributes: {
+        class: "${inlineLabelClass}",
+        for: "${columnName}"
+      }
+    },
+    {
+      tagName: "input",
+      attributes: {
+        type: "${type}",
+        class: "${inputClass} ${inputSizeClass} ${inlineInputClass}",
+        id: "${columnName}",
+        name: "${columnName}",
+        placeholder: "${placeholder}",
+        value: "${rowValue}"
+      }
+    },
     {
       tagName: "button",
-      textContent: "Submit",
+      textContent: "${buttonText}",
       attributes: {
-        type: "submit",
-        class: "btn btn-primary",
-        id: "submitBtnId"
+        type: "${buttonType}",
+        class: "${inlineButtonClass}"
+      }
+    }
+  ]
+}, Ge = {
+  tagName: "div",
+  attributes: {
+    class: "${fieldClass}"
+  },
+  children: [
+    {
+      tagName: "label",
+      textContent: "${label}",
+      attributes: {
+        class: "${inlineLabelClass}",
+        for: "${columnName}"
+      }
+    },
+    {
+      tagName: "input",
+      attributes: {
+        type: "${type}",
+        class: "${inputClass} ${inputSizeClass} ${inlineInputClass}",
+        id: "${columnName}",
+        name: "${columnName}",
+        placeholder: "${placeholder}",
+        value: "${rowValue}",
+        required: "required"
       }
     },
     {
       tagName: "button",
-      textContent: "Cancel",
+      textContent: "${buttonText}",
       attributes: {
-        type: "button",
-        class: "btn btn-secondary",
-        id: "cancelBtnId"
+        type: "${buttonType}",
+        class: "${inlineButtonClass}"
       }
     }
   ]
-}, Se = {
-  buttonBar: $e
-}, G = ({ inColumns: t = [], inData: e = [], inOptions: r = {}, columns: s, data: a, options: n } = {}) => {
-  const i = Array.isArray(t) && t.length > 0 ? t : Array.isArray(s) ? s : [], d = Array.isArray(e) && e.length > 0 ? e : Array.isArray(a) ? a : [], o = r && Object.keys(r).length > 0 ? r : n ?? {}, u = j({
-    inColumns: i,
-    inData: d,
-    inOptions: { ...o, submitButton: !1, showSubmit: !1 }
-  }), l = structuredClone(Se.buttonBar);
-  return o.submitLabel && (l.children[0].textContent = o.submitLabel), o.cancelLabel && (l.children[1].textContent = o.cancelLabel), u.children.push(l), u;
-}, je = {
-  stacked: j,
-  vertical: j,
-  inline: V,
-  horizontal: V,
-  withButtons: G,
-  buttons: G
-}, J = (t = {}) => (t.type ?? (t.type = "stacked"), I(t), (je[t.type] || j)({
-  inColumns: t.columns,
-  inData: t.data,
-  inOptions: t.options
-}));
-he(J);
-const Ie = ({
+}, Ke = {
+  tagName: "div",
+  attributes: {
+    class: "${fieldClass}"
+  },
+  children: [
+    {
+      tagName: "label",
+      textContent: "${label}",
+      attributes: {
+        class: "${inlineLabelClass}",
+        for: "${columnName}"
+      }
+    },
+    {
+      tagName: "textarea",
+      textContent: "${rowValue}",
+      attributes: {
+        class: "${inputClass} ${inputSizeClass} ${inlineInputClass}",
+        rows: "3",
+        id: "${columnName}",
+        name: "${columnName}",
+        placeholder: "${placeholder}"
+      }
+    }
+  ]
+}, Ue = {
+  tagName: "div",
+  attributes: {
+    class: "${inlineCheckboxWrapperClass}"
+  },
+  children: [
+    {
+      tagName: "input",
+      attributes: {
+        type: "checkbox",
+        class: "${checkboxInputClass}",
+        id: "${columnName}",
+        name: "${columnName}",
+        value: "true"
+      }
+    },
+    {
+      tagName: "label",
+      textContent: "${label}",
+      attributes: {
+        class: "${checkboxLabelClass}",
+        for: "${columnName}"
+      }
+    }
+  ]
+}, Je = {
+  buildBodyTr: De,
+  buildBodyCell: Oe,
+  buildRequiredField: Ve,
+  buildTextareaField: We,
+  buildCheckboxField: qe,
+  buildInlineField: He,
+  buildInlineRequiredField: ze,
+  buildInlineFieldWithButton: Me,
+  buildInlineRequiredFieldWithButton: Ge,
+  buildInlineTextareaField: Ke,
+  buildInlineCheckboxField: Ue
+}, _e = (t, o, e) => {
+  const r = t.map((s) => {
+    var c, u, d, b, C;
+    const i = ((u = (c = s.template) == null ? void 0 : c.body) == null ? void 0 : u.cell) ?? (s.required ? "buildRequiredField" : "buildBodyCell");
+    let l = ((d = e.fieldTemplates) == null ? void 0 : d[i]) ?? i;
+    return s.buttonText && (l = ((b = e.buttonFieldTemplates) == null ? void 0 : b[l]) ?? l), {
+      ...s,
+      label: s.label ?? s.title ?? s.columnName,
+      type: s.type ?? "text",
+      placeholder: s.placeholder ?? "",
+      buttonType: s.buttonType ?? "button",
+      template: { ...s.template, body: { ...(C = s.template) == null ? void 0 : C.body, cell: l } }
+    };
+  }), a = o[0] ?? {}, n = Object.fromEntries(r.map((s) => [
+    s.columnName,
+    a[s.columnName] ?? s.value ?? ""
+  ]));
+  return { columns: r, rows: [n] };
+}, Xe = (t, o, e) => {
+  const r = _e(o.columns, o.records, e.body), a = O(r.columns, r.rows, Je), n = structuredClone(t);
+  return y(n, Pe.destinationRole).children.push(...Array.isArray(a) ? a : [a]), n;
+}, Qe = "footer-actions", Ye = "button", R = {
+  destinationRole: Qe,
+  template: Ye
+}, Ze = {
+  tagName: "button",
+  textContent: "${label}",
+  attributes: {
+    type: "${type}",
+    form: "${formId}",
+    class: "${buttonClass} ${buttonSizeClass} ${buttonPaddingClass}"
+  }
+}, to = {
+  button: Ze
+}, eo = (t, o) => {
+  const e = structuredClone(t), r = h(o.footer.actions, to[R.template]);
+  return y(e, R.destinationRole).children.push(...r), e;
+}, H = ({ inColumns: t, inData: o, inOptions: e, columns: r, data: a, options: n } = {}) => ({
+  columns: Array.isArray(t) && t.length > 0 ? t : Array.isArray(r) ? r : [],
+  records: Array.isArray(o) && o.length > 0 ? o : Array.isArray(a) ? a : [],
+  options: e && Object.keys(e).length > 0 ? e : n ?? {}
+}), oo = "bigButtonsForm", ro = "Account details", no = "Update your profile information.", ao = "", so = "label", lo = "stacked", io = "saveCancel", co = {
+  formId: oo,
+  title: ro,
+  description: no,
+  recordId: ao,
+  header: so,
+  body: lo,
+  footer: io
+}, uo = {
+  actions: []
+}, bo = {
+  actions: []
+}, po = {
+  actions: [
+    {
+      label: "Refresh",
+      type: "button",
+      buttonClass: "${headerButtonClass}"
+    }
+  ]
+}, mo = {
+  actions: []
+}, fo = {
+  none: uo,
+  label: bo,
+  labelWithRefresh: po,
+  labelWithId: mo
+}, ho = {
+  fieldTemplates: {
+    buildBodyCell: "buildInlineField",
+    buildRequiredField: "buildInlineRequiredField",
+    buildTextareaField: "buildInlineTextareaField",
+    buildCheckboxField: "buildInlineCheckboxField"
+  },
+  buttonFieldTemplates: {
+    buildInlineField: "buildInlineFieldWithButton",
+    buildInlineRequiredField: "buildInlineRequiredFieldWithButton"
+  }
+}, yo = {
+  fieldTemplates: {},
+  buttonFieldTemplates: {}
+}, Co = {
+  fieldTemplates: {},
+  buttonFieldTemplates: {}
+}, wo = {
+  inline: ho,
+  stacked: yo,
+  threeColumns: Co
+}, $o = {
+  actions: []
+}, go = {
+  actions: [
+    {
+      label: "Save",
+      type: "submit",
+      buttonClass: "${primaryButtonClass}"
+    },
+    {
+      label: "Cancel",
+      type: "reset",
+      buttonClass: "${secondaryButtonClass}"
+    }
+  ]
+}, No = {
+  actions: [
+    {
+      label: "Edit",
+      type: "button",
+      buttonClass: "${infoButtonClass}"
+    }
+  ]
+}, xo = {
+  none: $o,
+  saveCancel: go,
+  edit: No
+}, I = (t, o, e) => {
+  const r = t[o];
+  if (!r) throw new RangeError("Unknown bigButtons " + e + ": " + o);
+  return r;
+}, z = (t) => {
+  if (typeof t != "object" || t === null || Array.isArray(t))
+    throw new TypeError("bigButtons options must be an object keyed by renderer type");
+  const o = t["form.bigButtons"] ?? {};
+  if (typeof o != "object" || o === null || Array.isArray(o))
+    throw new TypeError('options["form.bigButtons"] must be an object');
+  const e = { ...co, ...o };
+  return {
+    options: e,
+    header: I(fo, e.header, "header"),
+    body: I(wo, e.body, "body"),
+    footer: I(xo, e.footer, "footer")
+  };
+}, To = (t, o = {}) => {
+  const e = H(o), r = z(e.options), a = Re(t, r), n = Xe(a, e, r);
+  return eo(n, r);
+}, Ao = {
+  none: {
+    headerClass: "d-none",
+    headerActionsClass: "d-none"
+  },
+  label: {
+    headerClass: "card-header d-flex align-items-center justify-content-between gap-3",
+    headingClass: "me-auto",
+    titleClass: "h4 fw-semibold mb-1",
+    descriptionClass: "text-muted mb-0",
+    recordIdClass: "d-none",
+    headerActionsClass: "d-none",
+    headerButtonClass: "btn btn-outline-secondary text-nowrap"
+  },
+  labelWithRefresh: {
+    headerClass: "card-header d-flex align-items-center justify-content-between gap-3",
+    headingClass: "me-auto",
+    titleClass: "h4 fw-semibold mb-1",
+    descriptionClass: "text-muted mb-0",
+    recordIdClass: "d-none",
+    headerActionsClass: "d-flex align-items-center gap-2",
+    headerButtonClass: "btn btn-outline-secondary text-nowrap"
+  },
+  labelWithId: {
+    headerClass: "card-header d-flex align-items-center justify-content-between gap-3",
+    headingClass: "me-auto",
+    titleClass: "h4 fw-semibold mb-1",
+    descriptionClass: "text-muted mb-0",
+    recordIdClass: "badge text-bg-light border text-secondary",
+    headerActionsClass: "d-none",
+    headerButtonClass: "btn btn-outline-secondary text-nowrap"
+  }
+}, Io = {
+  bootstrap: Ao
+}, ko = (t, o) => {
+  var r;
+  const e = (r = Io[o]) == null ? void 0 : r[t.header];
+  if (!e) throw new RangeError("Unknown bigButtons header: " + t.header);
+  return e;
+}, jo = "bootstrap", Fo = {
+  bootstrap: {
+    base: {
+      cardClass: "card border-0 shadow-sm w-100",
+      cardBodyClass: "card-body p-4 p-lg-5",
+      labelClass: "form-label fw-semibold",
+      inputClass: "form-control",
+      inputSizeClass: "form-control-lg",
+      checkboxWrapperClass: "form-check mb-3",
+      checkboxInputClass: "form-check-input",
+      checkboxLabelClass: "form-check-label"
+    },
+    bodies: {
+      inline: {
+        rowClass: "vstack gap-3",
+        fieldClass: "d-flex align-items-center gap-3",
+        inlineLabelClass: "form-label fw-semibold mb-0 text-nowrap",
+        inlineInputClass: "flex-grow-1",
+        inlineCheckboxWrapperClass: "form-check d-flex align-items-center gap-2"
+      },
+      stacked: {
+        rowClass: "vstack gap-3",
+        fieldClass: "w-100"
+      },
+      threeColumns: {
+        rowClass: "row g-3",
+        fieldClass: "col-md-4"
+      }
+    }
+  }
+}, k = {
+  defaultFramework: jo,
+  frameworks: Fo
+}, Bo = (t, o) => {
+  const e = k.frameworks[o];
+  if (!e) throw new RangeError("Unknown bigButtons framework: " + o);
+  const r = e.bodies[t.body];
+  if (!r) throw new RangeError("Unknown bigButtons body: " + t.body);
+  return { ...e.base, ...r };
+}, vo = {
+  base: {
+    footerClass: "card-footer bg-transparent",
+    footerActionsClass: "d-flex flex-wrap justify-content-end gap-2",
+    buttonSizeClass: "btn-lg",
+    buttonPaddingClass: "px-4 py-2",
+    primaryButtonClass: "btn btn-primary text-nowrap",
+    secondaryButtonClass: "btn btn-outline-secondary text-nowrap",
+    infoButtonClass: "btn btn-outline-info text-nowrap",
+    inlineButtonClass: "btn btn-outline-secondary text-nowrap"
+  },
+  footers: {
+    none: {
+      footerClass: "d-none"
+    },
+    saveCancel: {},
+    edit: {}
+  }
+}, So = {
+  bootstrap: vo
+}, Eo = (t, o) => {
+  const e = So[o], r = e == null ? void 0 : e.footers[t.footer];
+  if (!e) throw new RangeError("Unknown bigButtons framework: " + o);
+  if (!r) throw new RangeError("Unknown bigButtons footer: " + t.footer);
+  return { ...e.base, ...r };
+}, Ro = (t, o = {}) => {
+  const e = z(H(o).options), { options: r } = e, a = r.framework ?? k.defaultFramework;
+  if (!k.frameworks[a]) throw new RangeError("Unknown bigButtons framework: " + a);
+  const s = Object.assign(
+    {},
+    r,
+    Bo(r, a),
+    ko(r, a),
+    Eo(r, a)
+  );
+  return m(s, structuredClone(t));
+}, Lo = (t = {}) => {
+  const o = Fe(), e = To(o, t);
+  return Ro(e, t);
+}, M = (t = {}) => {
+  const o = { ...t, type: t.type ?? "form.bigButtons" };
+  return x(o), Lo(o);
+};
+Te(M);
+const Po = ({
   inType: t = "stacked",
-  inData: e,
-  inColumns: r
-} = {}) => J({
+  inData: o,
+  inColumns: e
+} = {}) => M({
   type: t,
-  columns: r,
-  data: e
-}), Le = {
-  table: F,
-  tableFromSpec: F,
-  select: Qt,
-  selectOptionsOnly: Yt,
-  dataList: M,
-  datalist: M,
-  searchInput: k,
-  search: k,
-  inputRow: k,
-  form: Ie
-}, U = (t = {}) => {
-  I(t);
-  const e = t == null ? void 0 : t.showLog, r = t.type;
-  let s = r, a = r;
-  if (r.includes(".")) {
-    const d = r.split(".");
-    s = d[0], a = d[1];
+  columns: e,
+  data: o
+}), Do = {
+  table: v,
+  tableFromSpec: v,
+  select: Yt,
+  selectOptionsOnly: re,
+  dataList: S,
+  datalist: S,
+  searchInput: A,
+  search: A,
+  inputRow: A,
+  form: Po
+}, G = (t = {}) => {
+  x(t);
+  const o = t == null ? void 0 : t.showLog, e = t.type;
+  let r = e, a = e;
+  if (e.includes(".")) {
+    const i = e.split(".");
+    r = i[0], a = i[1];
   }
-  const n = Le[s];
+  const n = Do[r];
   if (!n)
-    throw new Error(`Renderer for type "${s}" not found.`);
-  const i = n({
+    throw new Error(`Renderer for type "${r}" not found.`);
+  const s = n({
     inType: a,
     inColumns: t.columns,
     inData: t.data,
     inOptions: t.options,
     options: t.options
   });
-  return e && console.log("json-renderers-build output:", i), i;
+  return o && console.log("json-renderers-build output:", s), s;
 };
-wt(U);
-const ve = ({
+mt(G);
+const Oo = ({
   inColumns: t,
-  inType: e = "table",
-  inData: r,
-  inShowLog: s = !1
-} = {}) => U({
-  type: e,
-  data: r ?? [],
+  inType: o = "table",
+  inData: e,
+  inShowLog: r = !1
+} = {}) => G({
+  type: o,
+  data: e ?? [],
   columns: t,
-  showLog: s
-}), ke = {
+  showLog: r
+}), Vo = {
   version: "v9",
   description: "JSON-to-DOM engine with SVG namespace support, mixed text content, and centralized traversal"
-}, Ee = ({ inFuncDefinition: t, inReviewSpec: e } = {}) => {
+}, Wo = (t) => {
   if (typeof globalThis > "u" || !t) return;
   globalThis.ks ?? (globalThis.ks = {});
-  const r = {
-    meta: ke,
-    buildSpecElement: t,
-    reviewSpec: e
+  const o = {
+    meta: Vo,
+    buildSpecElement: t
   };
-  globalThis.ks["json-to-tag"] = r, globalThis.ks.jsonToTag = r;
-}, Be = (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 ?? "") : Q(t), X = (t) => Array.isArray(t) ? t.map(Be).flat(1 / 0).filter(Boolean) : [], Pe = (t) => (t == null, t), De = "http://www.w3.org/2000/svg", Re = /* @__PURE__ */ new Set([
+  globalThis.ks["json-to-tag"] = o, globalThis.ks.jsonToTag = o;
+}, 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 ?? "") : U(t), K = (t) => Array.isArray(t) ? t.map(qo).flat(1 / 0).filter(Boolean) : [], Ho = (t) => (t == null, t), zo = "http://www.w3.org/2000/svg", Mo = /* @__PURE__ */ new Set([
   "svg",
   "path",
   "symbol",
@@ -928,425 +1403,100 @@ const ve = ({
   "fegaussianblur",
   "femerge",
   "femergenode"
-]), Fe = ({ inTagName: t }) => {
-  const e = t == null ? void 0 : t.toLowerCase();
-  if (!e) return null;
-  if (e === "checkbox") {
-    const r = document.createElement("input");
-    return r.type = "checkbox", r;
+]), Go = ({ inTagName: t }) => {
+  const o = t == null ? void 0 : t.toLowerCase();
+  if (!o) return null;
+  if (o === "checkbox") {
+    const e = document.createElement("input");
+    return e.type = "checkbox", e;
   }
-  return Re.has(e) ? document.createElementNS(De, e) : document.createElement(e);
-}, Me = ({ inElement: t, inTextContent: e }) => (!t || e === void 0 || e === null || (t.textContent = e), t), He = ({ inElement: t, inProperties: e }) => (t && e && typeof e == "object" && Object.assign(t, e), t), Ve = "http://www.w3.org/1999/xlink", Ge = ({ inElement: t, inAttributes: e }) => {
-  const r = t, s = e;
-  if (!r || !s || typeof s != "object")
-    return r;
-  const a = typeof SVGElement < "u" ? r instanceof SVGElement : r.namespaceURI === "http://www.w3.org/2000/svg";
-  return Object.entries(s).forEach(([n, i]) => {
+  return Mo.has(o) ? document.createElementNS(zo, o) : document.createElement(o);
+}, Ko = ({ inElement: t, inTextContent: o }) => (!t || o === void 0 || o === null || (t.textContent = o), t), Uo = ({ inElement: t, inProperties: o }) => (t && o && typeof o == "object" && Object.assign(t, o), t), Jo = "http://www.w3.org/1999/xlink", _o = ({ inElement: t, inAttributes: o }) => {
+  const e = t, r = o;
+  if (!e || !r || typeof r != "object")
+    return e;
+  const a = typeof SVGElement < "u" ? e instanceof SVGElement : e.namespaceURI === "http://www.w3.org/2000/svg";
+  return Object.entries(r).forEach(([n, s]) => {
     if (n === "class") {
-      a ? r.setAttribute("class", String(i)) : r.className = i;
+      a ? e.setAttribute("class", String(s)) : e.className = s;
       return;
     }
     if (n === "xlink:href" || n === "href") {
-      if (i != null) {
-        const d = String(i);
+      if (s != null) {
+        const i = String(s);
         if (a)
           try {
-            r.setAttributeNS(Ve, "href", d);
+            e.setAttributeNS(Jo, "href", i);
           } catch {
           }
-        r.setAttribute("href", d), r.setAttribute("xlink:href", d);
+        e.setAttribute("href", i), e.setAttribute("xlink:href", i);
       }
       return;
     }
-    if (typeof i == "boolean") {
-      i ? r.setAttribute(n, "") : r.removeAttribute(n);
+    if (typeof s == "boolean") {
+      s ? e.setAttribute(n, "") : e.removeAttribute(n);
       return;
     }
-    i != null && r.setAttribute(n, String(i));
-  }), r;
-}, Ke = ({ inElement: t, inClassList: e }) => {
-  if (!t || !e) return t;
-  const r = typeof e == "string" ? e.split(/\s+/).filter(Boolean) : Array.isArray(e) ? e.filter((s) => typeof s == "string" && s.trim()) : [];
-  return r.length && t.classList.add(...r), t;
-}, ze = (t) => {
+    s != null && e.setAttribute(n, String(s));
+  }), e;
+}, Xo = ({ inElement: t, inClassList: o }) => {
+  if (!t || !o) return t;
+  const e = typeof o == "string" ? o.split(/\s+/).filter(Boolean) : Array.isArray(o) ? o.filter((r) => typeof r == "string" && r.trim()) : [];
+  return e.length && t.classList.add(...e), t;
+}, Qo = (t) => {
   if (!t || typeof t != "object" || Array.isArray(t) || !t.tagName) return null;
-  const e = Fe({ inTagName: t.tagName });
-  if (!e) return null;
-  if (Me({
-    inElement: e,
-    inTextContent: Pe(t.textContent),
+  const o = Go({ inTagName: t.tagName });
+  if (!o) return null;
+  if (Ko({
+    inElement: o,
+    inTextContent: Ho(t.textContent),
     inTagName: t.tagName
-  }), He({
-    inElement: e,
+  }), Uo({
+    inElement: o,
     inProperties: t.properties
-  }), Ge({
-    inElement: e,
+  }), _o({
+    inElement: o,
     inAttributes: t.attributes
-  }), Ke({
-    inElement: e,
+  }), Xo({
+    inElement: o,
     inClassList: t.classList
   }), Array.isArray(t.children)) {
-    const r = X(t.children);
-    r.length && e.append(...r);
+    const e = K(t.children);
+    e.length && o.append(...e);
   }
-  return e;
-}, Q = (t) => t == null ? null : typeof Node < "u" && t instanceof Node ? t : Array.isArray(t) ? X(t) : typeof t == "object" ? ze(t) : typeof t == "string" || typeof t == "number" ? document.createTextNode(String(t)) : null, We = "./tags.schema.json", _e = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "title",
-    "role"
-  ],
-  childTags: []
-}, qe = {
-  allowsTextContent: !1,
-  allowsChildren: !1,
-  allowedAttributes: [
-    "type",
-    "placeholder",
-    "value",
-    "name",
-    "disabled",
-    "readonly",
-    "required",
-    "list"
-  ]
-}, Oe = {
-  allowsTextContent: !1,
-  allowsChildren: !1,
-  allowedAttributes: [
-    "type",
-    "checked",
-    "name",
-    "value",
-    "disabled",
-    "required"
-  ]
-}, Je = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "span"
-  ],
-  childTags: [
-    "col"
-  ]
-}, Ue = {
-  allowsTextContent: !1,
-  allowsChildren: !1,
-  allowedAttributes: [
-    "span",
-    "style",
-    "width"
-  ]
-}, Xe = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "for"
-  ],
-  childTags: []
-}, Qe = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "action",
-    "method",
-    "autocomplete",
-    "enctype",
-    "name",
-    "novalidate",
-    "target"
-  ],
-  childTags: []
-}, Ye = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "name",
-    "disabled",
-    "required",
-    "multiple",
-    "size"
-  ],
-  childTags: [
-    "option"
-  ]
-}, Ze = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [],
-  childTags: []
-}, tr = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [],
-  childTags: []
-}, er = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [],
-  childTags: []
-}, rr = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [],
-  childTags: []
-}, sr = {
-  allowsTextContent: !1,
-  allowsChildren: !1,
-  allowedAttributes: [
-    "src",
-    "alt",
-    "width",
-    "height",
-    "loading"
-  ]
-}, nr = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "type",
-    "disabled",
-    "name",
-    "value"
-  ],
-  childTags: []
-}, or = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "border",
-    "cellpadding",
-    "cellspacing"
-  ],
-  childTags: [
-    "caption",
-    "colgroup",
-    "thead",
-    "tbody",
-    "tfoot",
-    "tr"
-  ]
-}, ar = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [],
-  childTags: [
-    "tr"
-  ]
-}, lr = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [],
-  childTags: [
-    "tr"
-  ]
-}, ir = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [],
-  childTags: [
-    "tr"
-  ]
-}, cr = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [],
-  childTags: [
-    "td",
-    "th"
-  ]
-}, ur = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "scope",
-    "colspan",
-    "rowspan"
-  ],
-  childTags: []
-}, dr = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "colspan",
-    "rowspan"
-  ],
-  childTags: []
-}, br = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [],
-  childTags: [
-    "option"
-  ]
-}, pr = {
-  allowsTextContent: !0,
-  allowsChildren: !1,
-  allowedAttributes: [
-    "value",
-    "label",
-    "selected",
-    "disabled"
-  ]
-}, fr = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "role"
-  ],
-  childTags: []
-}, hr = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "href",
-    "target",
-    "rel",
-    "title",
-    "download"
-  ],
-  childTags: []
-}, yr = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "aria-hidden"
-  ],
-  childTags: []
-}, mr = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [],
-  childTags: []
-}, wr = {
-  allowsTextContent: !1,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "type"
-  ],
-  childTags: [
-    "li"
-  ]
-}, gr = {
-  allowsTextContent: !0,
-  allowsChildren: !0,
-  allowedAttributes: [
-    "value"
-  ],
-  childTags: []
-}, Tr = {
-  allowsTextContent: !1,
-  allowsChildren: !1,
-  allowedAttributes: []
-}, Cr = {
-  $schema: We,
-  div: _e,
-  input: qe,
-  checkbox: Oe,
-  colgroup: Je,
-  col: Ue,
-  label: Xe,
-  form: Qe,
-  select: Ye,
-  p: Ze,
-  h1: tr,
-  h2: er,
-  span: rr,
-  img: sr,
-  button: nr,
-  table: or,
-  thead: ar,
-  tbody: lr,
-  tfoot: ir,
-  tr: cr,
-  th: ur,
-  td: dr,
-  datalist: br,
-  option: pr,
-  header: fr,
-  a: hr,
-  i: yr,
-  small: mr,
-  ul: wr,
-  li: gr,
-  hr: Tr
-}, E = ({ inSpec: t }) => {
-  const e = t;
-  if (!e) return [];
-  if (Array.isArray(e))
-    return e.flatMap((s) => E({ inSpec: s }));
-  if (typeof e != "object") return [];
-  const r = [];
-  return typeof e.tagName == "string" && e.tagName.trim().length > 0 && r.push(e.tagName.toLowerCase()), Array.isArray(e.children) && e.children.length > 0 && e.children.forEach((s) => {
-    const a = E({ inSpec: s });
-    r.push(...a);
-  }), r;
-}, Ar = ({ inTagsFound: t, inAllowedTags: e }) => {
-  const r = t ?? [], s = e ?? {}, a = new Set(
-    Object.keys(s).filter((l) => l !== "$schema").map((l) => l.toLowerCase())
-  ), n = {}, i = [], d = [];
-  r.forEach((l) => {
-    n[l] = (n[l] || 0) + 1, a.has(l) ? i.includes(l) || i.push(l) : d.includes(l) || d.push(l);
-  });
-  const o = r.length, u = d.length === 0;
-  return {
-    totalTags: o,
-    tagCounts: n,
-    uniqueTags: Object.keys(n),
-    recognizedTags: i,
-    unrecognizedTags: d,
-    areAllTagsPresent: u
-  };
-}, xr = ({ inSpec: t, inTags: e = Cr } = {}) => {
-  const r = t, s = e, a = E({ inSpec: r }), n = Ar({
-    inTagsFound: a,
-    inAllowedTags: s
-  });
-  return {
-    areAllTagsPresent: n.areAllTagsPresent,
-    totalTags: n.totalTags,
-    tagCounts: n.tagCounts,
-    uniqueTags: n.uniqueTags,
-    recognizedTags: n.recognizedTags,
-    unrecognizedTags: n.unrecognizedTags
-  };
-}, Y = (t = {}) => {
-  const e = (t == null ? void 0 : t.spec) ?? (t == null ? void 0 : t.inSpec) ?? t;
-  return Q(e);
+  return o;
+}, U = (t) => t == null ? null : typeof Node < "u" && t instanceof Node ? t : Array.isArray(t) ? K(t) : typeof t == "object" ? Qo(t) : typeof t == "string" || typeof t == "number" ? document.createTextNode(String(t)) : null, J = (t = {}) => {
+  const o = (t == null ? void 0 : t.spec) ?? (t == null ? void 0 : t.inSpec) ?? t;
+  return U(o);
 };
-Ee({
-  inFuncDefinition: Y,
-  inReviewSpec: xr
-});
-const Nr = ({
+Wo(J);
+const Yo = ({
   inSpec: t,
-  inTargetHtmlId: e,
-  inAppendPosition: r,
-  inShowLog: s = !1
+  inTargetHtmlId: o,
+  inAppendPosition: e,
+  inShowLog: r = !1
 } = {}) => {
-  const a = t, n = e, i = r, d = s, o = Y(a);
-  d && console.log("renderToDom 1 (content):", o);
-  const u = document.getElementById(n);
-  return u ? (Array.isArray(o) || o instanceof NodeList || o instanceof HTMLCollection ? i === "prepend" ? u.prepend(...o) : u.append(...o) : i === "prepend" ? u.prepend(o) : (u.innerHTML = "", u.append(o)), d && console.log("renderToDom 2 (mounted):", u), u) : null;
-}, $r = (t = {}) => {
-  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 r = ve({
+  const a = t, n = o, s = e, i = r, l = J(a);
+  i && console.log("renderToDom 1 (content):", l);
+  const c = document.getElementById(n);
+  return c ? (Array.isArray(l) || l instanceof NodeList || l instanceof HTMLCollection ? s === "prepend" ? c.prepend(...l) : c.append(...l) : s === "prepend" ? c.prepend(l) : (c.innerHTML = "", c.append(l)), i && console.log("renderToDom 2 (mounted):", c), c) : null;
+}, Zo = (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 = Oo({
     inColumns: t.columns,
     inData: t.data,
     inType: t.type,
     inShowLog: t.showLog
   });
-  return Nr({
-    inSpec: r,
+  return Yo({
+    inSpec: e,
     inTargetHtmlId: t.targetHtmlId,
     inAppendPosition: t.appendPosition,
     inShowLog: t.showLog
   });
 };
-rt($r);
+Y(Zo);
 export {
-  $r as default,
-  $r as render
+  Zo as default,
+  Zo as render
 };