json-renderers 1.16.1 → 1.17.3

package/docs/dist/min.js

@@ -1,250 +1,307 @@
-const k = {
-  version: "v15.0.0",
+const V = {
+  version: "v17.0.0",
   description: "build table from store data and render to DOM uses json-to-spec, json-to-dom under the hood"
-}, B = (t) => {
-  var e;
-  typeof globalThis > "u" || !t || (globalThis.ks ?? (globalThis.ks = {}), (e = globalThis.ks).jsonRenderers ?? (e.jsonRenderers = {
-    meta: k,
-    renderToDom: t
-  }));
-}, U = ({ intype: t, indata: e, intargetHtmlId: n, incoumns: o, inshowLog: r }) => {
-  if (typeof t != "string" || t.trim() === "")
-    throw console.error("type must be a string"), new Error("type must be a string");
-  if (!Array.isArray(e))
-    throw console.error("data must be an Array"), new Error("data must be an Array");
-  if (typeof n != "string" || !n.trim())
+}, D = (t) => {
+  const e = t;
+  if (typeof globalThis > "u" || !e) return;
+  globalThis.ks ?? (globalThis.ks = {});
+  const o = typeof e == "function" ? e : e.render, n = typeof e == "object" ? e.getSpec : void 0;
+  globalThis.ks.jsonRenderers = {
+    meta: V,
+    ...typeof e == "object" ? e : {},
+    render: o,
+    renderToDom: o,
+    domMount: e == null ? void 0 : e.renderToDom,
+    ...n ? { getSpec: n } : {}
+  };
+}, W = "table", G = "", K = [], M = [], q = "", z = "replace", _ = !1, f = {
+  type: W,
+  targetHtmlId: G,
+  data: K,
+  columns: M,
+  classToApply: q,
+  appendPosition: z,
+  showLog: _
+}, X = ({ inConfig: t } = {}) => {
+  const e = t;
+  if (!e || typeof e != "object")
+    throw console.error("Config must be an object"), new TypeError("Config must be an object");
+  for (const o of Object.keys(f)) {
+    if (!(o in e) || e[o] === void 0)
+      throw console.error(`Missing compulsory key: "${o}"`), new Error(`Missing compulsory key: "${o}"`);
+    if (Array.isArray(f[o])) {
+      if (!Array.isArray(e[o]))
+        throw console.error(`${o} must be an Array`), new TypeError(`${o} must be an Array`);
+    } else if (typeof e[o] != typeof f[o])
+      throw console.error(`${o} must be of type ${typeof f[o]}`), new TypeError(`${o} must be of type ${typeof f[o]}`);
+  }
+  if (typeof e.targetHtmlId == "string" && !e.targetHtmlId.trim())
     throw console.error("targetHtmlId must be a non-empty string"), new TypeError("targetHtmlId must be a non-empty string");
-  if (!Array.isArray(o))
+  return !0;
+}, T = ({
+  type: t = "table",
+  targetHtmlId: e,
+  data: o,
+  columns: n,
+  classToApply: r = "",
+  appendPosition: s = "replace",
+  showLog: l = !1
+} = {}) => {
+  const A = {
+    type: t,
+    targetHtmlId: e,
+    data: o,
+    columns: n,
+    classToApply: r,
+    appendPosition: s,
+    showLog: l
+  };
+  return X({ inConfig: A }), A;
+}, S = () => ({ ...f });
+Object.assign(S, f);
+const Y = {
+  version: "v11.0.0",
+  description: "build table from store data and render to DOM uses json-to-spec, json-to-dom under the hood"
+}, Q = (t) => {
+  const e = t;
+  if (typeof globalThis > "u" || !e) return;
+  globalThis.ks ?? (globalThis.ks = {});
+  const o = typeof e == "function" ? e : e.render, n = typeof e == "object" ? e.getSpec : void 0;
+  globalThis.ks.jsonRenderersBuild = {
+    meta: Y,
+    renderToDom: o,
+    render: o,
+    ...n ? { getSpec: n } : {},
+    ...typeof e == "object" ? e : {}
+  };
+}, g = ["table", "select", "selectOptionsOnly", "tableFromSpec"], Z = ({ inConfig: t } = {}) => {
+  const e = t;
+  if (!e || typeof e != "object")
+    throw console.error("Config must be an object"), new TypeError("Config must be an object");
+  if (typeof e.type != "string" || !g.includes(e.type))
+    throw console.error(`type must be one of: ${g.join(", ")}`), new Error(`type must be one of: ${g.join(", ")}`);
+  if (!Array.isArray(e.data))
+    throw console.error("data must be an Array"), new TypeError("data must be an Array");
+  if (!Array.isArray(e.columns))
     throw console.error("columns must be an array"), new TypeError("columns must be an array");
-  if (typeof r != "boolean")
+  if (e.showLog !== void 0 && typeof e.showLog != "boolean")
     throw console.error("showLog must be a boolean"), new TypeError("showLog must be a boolean");
-  if (r !== !0)
-    throw console.error("showLog must be true"), new TypeError("showLog must be true");
   return !0;
-}, j = {
-  version: "v10.0.0",
-  description: "build table from store data and render to DOM uses json-to-spec, json-to-dom under the hood"
-}, v = (t) => {
-  var e;
-  typeof globalThis > "u" || !t || (globalThis.ks ?? (globalThis.ks = {}), (e = globalThis.ks).jsonRenderersBuild ?? (e.jsonRenderersBuild = {
-    meta: j,
-    renderToDom: t
-  }));
-}, O = "table", I = {
+}, tt = "table", et = {
   class: "table table-hover table-striped mb-0"
-}, W = [], F = {
-  tagName: O,
-  attributes: I,
-  children: W
-}, J = "thead", D = [], V = {
-  tagName: J,
-  children: D
-}, R = "tr", H = [], M = {
-  tagName: R,
-  children: H
-}, L = "th", K = {
+}, ot = [], nt = {
+  tagName: tt,
+  attributes: et,
+  children: ot
+}, rt = "thead", st = [], lt = {
+  tagName: rt,
+  children: st
+}, at = "tr", ct = [], it = {
+  tagName: at,
+  children: ct
+}, ut = "th", dt = {
   value: ""
-}, q = "", G = {
-  tagName: L,
-  attributes: K,
-  textContent: q
-}, z = ({ inColumn: t } = {}) => {
-  const e = structuredClone(G);
+}, bt = "", ft = {
+  tagName: ut,
+  attributes: dt,
+  textContent: bt
+}, ht = ({ inColumn: t } = {}) => {
+  const e = structuredClone(ft);
   return e.attributes.value = t, e.textContent = t, e;
-}, P = ({ inColumns: t = [] } = {}) => {
-  const e = structuredClone(M), n = t.map((o) => z({ inColumn: o }));
-  return e.children = n, e;
-}, _ = ({ inColumns: t = [] } = {}) => {
-  const e = structuredClone(V), n = [
-    P({ inColumns: t })
+}, mt = ({ inColumns: t = [] } = {}) => {
+  const e = structuredClone(it), o = t.map((n) => ht({ inColumn: n }));
+  return e.children = o, e;
+}, pt = ({ inColumns: t = [] } = {}) => {
+  const e = structuredClone(lt), o = [
+    mt({ inColumns: t })
   ];
-  return e.children = n, e;
-}, X = "tbody", Q = [], Y = {
-  tagName: X,
-  children: Q
-}, Z = "tr", tt = [], et = {
-  tagName: Z,
-  children: tt
-}, ot = "td", nt = {
+  return e.children = o, e;
+}, yt = "tbody", gt = [], wt = {
+  tagName: yt,
+  children: gt
+}, Ct = "tr", $t = [], At = {
+  tagName: Ct,
+  children: $t
+}, Nt = "td", xt = {
   value: ""
-}, rt = "", st = {
-  tagName: ot,
-  attributes: nt,
-  textContent: rt
-}, lt = ({ inValue: t } = {}) => {
-  const e = structuredClone(st);
+}, Tt = "", St = {
+  tagName: Nt,
+  attributes: xt,
+  textContent: Tt
+}, Et = ({ inValue: t } = {}) => {
+  const e = structuredClone(St);
   return e.attributes.value = t, e.textContent = t, e;
-}, at = ({ inRow: t, inColumns: e = [] } = {}) => {
-  const n = structuredClone(et), o = e.map((r) => {
+}, jt = ({ inRow: t, inColumns: e = [] } = {}) => {
+  const o = structuredClone(At), n = e.map((r) => {
     const s = Array.isArray(t) ? t[r] : t == null ? void 0 : t[r];
-    return lt({ inValue: s });
+    return Et({ inValue: s });
   });
-  return n.children = o, n;
-}, ct = ({ inData: t = [], inColumns: e = [] } = {}) => {
-  const n = structuredClone(Y), o = t.map((r) => at({
+  return o.children = n, o;
+}, Ft = ({ inData: t = [], inColumns: e = [] } = {}) => {
+  const o = structuredClone(wt), n = t.map((r) => jt({
     inRow: r,
     inColumns: e
   }));
-  return n.children = o, n;
-}, it = "tfoot", ut = {
+  return o.children = n, o;
+}, Bt = "tfoot", It = {
   class: "table-light"
-}, dt = [], bt = {
-  tagName: it,
-  attributes: ut,
-  children: dt
-}, mt = "tr", ht = {
+}, kt = [], Ot = {
+  tagName: Bt,
+  attributes: It,
+  children: kt
+}, vt = "tr", Pt = {
   class: "align-middle"
-}, pt = [], ft = {
-  tagName: mt,
-  attributes: ht,
-  children: pt
-}, gt = "td", yt = {
+}, Lt = [], Ht = {
+  tagName: vt,
+  attributes: Pt,
+  children: Lt
+}, Rt = "td", Jt = {
   class: "align-middle py-2"
-}, wt = [], Ct = {
-  tagName: gt,
-  attributes: yt,
-  children: wt
-}, $t = "input", Nt = {
+}, Ut = [], Vt = {
+  tagName: Rt,
+  attributes: Jt,
+  children: Ut
+}, Dt = "input", Wt = {
   type: "text",
   name: "",
   placeholder: "",
   class: "form-control form-control-sm"
-}, At = {
-  tagName: $t,
-  attributes: Nt
-}, Tt = ({ inColumn: t } = {}) => {
-  const e = structuredClone(Ct), n = structuredClone(At);
-  return n.attributes.name = t, n.attributes.placeholder = t, e.children.push(n), e;
-}, St = ({ inColumns: t = [] } = {}) => {
-  const e = structuredClone(ft);
-  return e.children = t.map((n) => Tt({ inColumn: n })), e;
-}, xt = ({ inColumns: t = [] } = {}) => St({ inColumns: t }), Et = "tr", kt = {
+}, Gt = {
+  tagName: Dt,
+  attributes: Wt
+}, Kt = ({ inColumn: t } = {}) => {
+  const e = structuredClone(Vt), o = structuredClone(Gt);
+  return o.attributes.name = t, o.attributes.placeholder = t, e.children.push(o), e;
+}, Mt = ({ inColumns: t = [] } = {}) => {
+  const e = structuredClone(Ht);
+  return e.children = t.map((o) => Kt({ inColumn: o })), e;
+}, qt = ({ inColumns: t = [] } = {}) => Mt({ inColumns: t }), zt = "tr", _t = {
   class: "align-middle"
-}, Bt = [], Ut = {
-  tagName: Et,
-  attributes: kt,
-  children: Bt
-}, jt = "td", vt = {
+}, Xt = [], Yt = {
+  tagName: zt,
+  attributes: _t,
+  children: Xt
+}, Qt = "td", Zt = {
   class: "align-middle py-2"
-}, Ot = [], It = {
-  tagName: jt,
-  attributes: vt,
-  children: Ot
-}, Wt = "input", Ft = {
+}, te = [], ee = {
+  tagName: Qt,
+  attributes: Zt,
+  children: te
+}, oe = "input", ne = {
   type: "text",
   name: "",
   placeholder: "",
   class: "form-control form-control-sm"
-}, Jt = {
-  tagName: Wt,
-  attributes: Ft
-}, Dt = "button", Vt = {
+}, re = {
+  tagName: oe,
+  attributes: ne
+}, se = "button", le = {
   type: "button",
   class: "btn btn-primary btn-sm ms-2"
-}, Rt = "Save", Ht = {
-  tagName: Dt,
-  attributes: Vt,
-  textContent: Rt
-}, Mt = ({ inColumn: t, inSave: e = !1 } = {}) => {
-  const n = structuredClone(It), o = structuredClone(Jt);
-  return o.attributes.name = t, o.attributes.placeholder = t, n.children.push(o), e && n.children.push(structuredClone(Ht)), n;
-}, Lt = ({ inColumns: t = [] } = {}) => {
-  const e = structuredClone(Ut);
-  return e.children = t.map((n, o) => Mt({
-    inColumn: n,
-    inSave: o === t.length - 1
+}, ae = "Save", ce = {
+  tagName: se,
+  attributes: le,
+  textContent: ae
+}, ie = ({ inColumn: t, inSave: e = !1 } = {}) => {
+  const o = structuredClone(ee), n = structuredClone(re);
+  return n.attributes.name = t, n.attributes.placeholder = t, o.children.push(n), e && o.children.push(structuredClone(ce)), o;
+}, ue = ({ inColumns: t = [] } = {}) => {
+  const e = structuredClone(Yt);
+  return e.children = t.map((o, n) => ie({
+    inColumn: o,
+    inSave: n === t.length - 1
   })), e;
-}, Kt = ({ inColumns: t = [] } = {}) => Lt({ inColumns: t }), qt = "tr", Gt = {
+}, de = ({ inColumns: t = [] } = {}) => ue({ inColumns: t }), be = "tr", fe = {
   class: "fw-semibold align-middle"
-}, zt = [], Pt = {
-  tagName: qt,
-  attributes: Gt,
-  children: zt
-}, _t = "td", Xt = {
+}, he = [], me = {
+  tagName: be,
+  attributes: fe,
+  children: he
+}, pe = "td", ye = {
   class: "align-middle py-2"
-}, Qt = "", Yt = {
-  tagName: _t,
-  attributes: Xt,
-  textContent: Qt
-}, Zt = (t, e) => Array.isArray(t) ? t[e] : t == null ? void 0 : t[e], te = ({ inColumn: t, inIndex: e, inData: n = [] } = {}) => {
-  const o = structuredClone(Yt), r = n.map((s) => Zt(s, t)).filter((s) => s != null && String(s).trim() !== "").map(Number).filter(Number.isFinite);
-  return o.textContent = r.length ? String(r.reduce((s, l) => s + l, 0)) : e === 0 ? "Total" : "", o;
-}, ee = ({ inColumns: t = [], inData: e = [] } = {}) => {
-  const n = structuredClone(Pt);
-  return n.children = t.map(
-    (o, r) => te({ inColumn: o, inIndex: r, inData: e })
-  ), n;
-}, oe = ({ inColumns: t = [], inData: e = [] } = {}) => ee({ inColumns: t, inData: e }), ne = "tr", re = {
+}, ge = "", we = {
+  tagName: pe,
+  attributes: ye,
+  textContent: ge
+}, Ce = (t, e) => Array.isArray(t) ? t[e] : t == null ? void 0 : t[e], $e = ({ inColumn: t, inIndex: e, inData: o = [] } = {}) => {
+  const n = structuredClone(we), r = o.map((s) => Ce(s, t)).filter((s) => s != null && String(s).trim() !== "").map(Number).filter(Number.isFinite);
+  return n.textContent = r.length ? String(r.reduce((s, l) => s + l, 0)) : e === 0 ? "Total" : "", n;
+}, Ae = ({ inColumns: t = [], inData: e = [] } = {}) => {
+  const o = structuredClone(me);
+  return o.children = t.map(
+    (n, r) => $e({ inColumn: n, inIndex: r, inData: e })
+  ), o;
+}, Ne = ({ inColumns: t = [], inData: e = [] } = {}) => Ae({ inColumns: t, inData: e }), xe = "tr", Te = {
   class: "align-middle"
-}, se = [], le = {
-  tagName: ne,
-  attributes: re,
-  children: se
-}, ae = "td", ce = {
+}, Se = [], Ee = {
+  tagName: xe,
+  attributes: Te,
+  children: Se
+}, je = "td", Fe = {
   class: "align-middle py-2"
-}, ie = {
-  tagName: ae,
-  attributes: ce
-}, ue = () => structuredClone(ie), de = ({ inColumns: t = [] } = {}) => {
-  const e = structuredClone(le);
-  return e.children = t.map(() => ue()), e;
-}, be = ({ inColumns: t = [] } = {}) => de({ inColumns: t }), g = {
-  inputs: xt,
-  inputsWithSave: Kt,
-  totals: oe,
-  empty: be
-}, me = ({ inFooter: t = [], inColumns: e = [], inData: n = [] } = {}) => {
-  const o = structuredClone(bt);
-  return o.children = t.map((r) => {
-    if (!Object.hasOwn(g, r))
+}, Be = {
+  tagName: je,
+  attributes: Fe
+}, Ie = () => structuredClone(Be), ke = ({ inColumns: t = [] } = {}) => {
+  const e = structuredClone(Ee);
+  return e.children = t.map(() => Ie()), e;
+}, Oe = ({ inColumns: t = [] } = {}) => ke({ inColumns: t }), N = {
+  inputs: qt,
+  inputsWithSave: de,
+  totals: Ne,
+  empty: Oe
+}, ve = ({ inFooter: t = [], inColumns: e = [], inData: o = [] } = {}) => {
+  const n = structuredClone(Ot);
+  return n.children = t.map((r) => {
+    if (!Object.hasOwn(N, r))
       throw new Error(`Unknown footer "${r}".`);
-    return g[r]({ inColumns: e, inData: n });
-  }), o;
-}, he = ({
+    return N[r]({ inColumns: e, inData: o });
+  }), n;
+}, Pe = ({
   inColumns: t = [],
   inData: e = [],
-  inFooter: n = []
+  inFooter: o = []
 } = {}) => {
-  const o = structuredClone(F), r = [
-    _({ inColumns: t }),
-    ct({ inData: e, inColumns: t })
+  const n = structuredClone(nt), r = [
+    pt({ inColumns: t }),
+    Ft({ inData: e, inColumns: t })
   ];
-  if (!Array.isArray(n))
+  if (!Array.isArray(o))
     throw new TypeError("The footer property must be an array of footer names.");
-  return n.length > 0 && r.push(me({
-    inFooter: n,
+  return o.length > 0 && r.push(ve({
+    inFooter: o,
     inColumns: t,
     inData: e
-  })), o.children = r, o;
-}, pe = (t) => {
-  const [e, n] = t.children;
+  })), n.children = r, n;
+}, Le = (t) => {
+  const [e, o] = t.children;
   e.children[0].children.unshift({
     tagName: "th",
     textContent: "#"
-  }), n.children.forEach((o, r) => {
-    o.children.unshift({
+  }), o.children.forEach((n, r) => {
+    n.children.unshift({
       tagName: "td",
       textContent: String(r + 1)
     });
   });
-}, fe = (t) => t === !0 ? [{ label: "Apply", type: "button" }] : Array.isArray(t) ? t : [], ge = (t, e) => {
-  const n = fe(e);
-  if (n.length === 0) return;
-  const [o, r] = t.children;
-  o.children[0].children.push({
+}, He = (t) => t === !0 ? [{ label: "Apply", type: "button" }] : Array.isArray(t) ? t : [], Re = (t, e) => {
+  const o = He(e);
+  if (o.length === 0) return;
+  const [n, r] = t.children;
+  n.children[0].children.push({
     tagName: "th",
     textContent: "Actions"
   }), r.children.forEach((s) => {
     s.children.push({
       tagName: "td",
-      children: n.map((l) => ({
+      children: o.map((l) => ({
         tagName: "button",
         attributes: { type: l.type || "button" },
         textContent: l.label
       }))
     });
   });
-}, ye = (t, e = {}) => (e.showSerial && pe(t), e.showOptions && ge(t, e.showOptions), t), we = {
+}, Je = (t, e = {}) => (e.showSerial && Le(t), e.showOptions && Re(t, e.showOptions), t), Ue = {
   type: "table",
   data: [
     {
@@ -257,7 +314,7 @@ const k = {
     "baseUnit"
   ],
   options: {}
-}, Ce = {
+}, Ve = {
   type: "table",
   data: [
     {
@@ -272,7 +329,7 @@ const k = {
   options: {
     showSerial: !0
   }
-}, $e = {
+}, De = {
   type: "table",
   data: [
     {
@@ -287,7 +344,7 @@ const k = {
   options: {
     showOptions: !0
   }
-}, Ne = {
+}, We = {
   type: "table",
   data: [
     {
@@ -311,7 +368,7 @@ const k = {
       }
     ]
   }
-}, Ae = {
+}, Ge = {
   type: "table",
   data: [
     {
@@ -332,7 +389,7 @@ const k = {
       }
     ]
   }
-}, Te = {
+}, Ke = {
   type: "table",
   data: [
     {
@@ -348,7 +405,7 @@ const k = {
     "inputs"
   ],
   options: {}
-}, Se = {
+}, Me = {
   type: "table",
   data: [
     {
@@ -364,7 +421,7 @@ const k = {
     "inputsWithSave"
   ],
   options: {}
-}, xe = {
+}, qe = {
   type: "table",
   data: [
     {
@@ -384,7 +441,7 @@ const k = {
     "totals"
   ],
   options: {}
-}, Ee = {
+}, ze = {
   type: "table",
   data: [
     {
@@ -403,7 +460,7 @@ const k = {
     "empty"
   ],
   options: {}
-}, ke = {
+}, _e = {
   type: "tableHead",
   data: [],
   columns: [
@@ -411,7 +468,7 @@ const k = {
     "baseUnit"
   ],
   options: {}
-}, Be = {
+}, Xe = {
   type: "tableBody",
   data: [
     {
@@ -424,266 +481,266 @@ const k = {
     "baseUnit"
   ],
   options: {}
-}, Ue = {
-  table: we,
-  tableWithSerial: Ce,
-  tableWithDefaultAction: $e,
-  tableWithCustomActions: Ne,
-  tableWithSerialAndActions: Ae,
-  tableWithFooter: Te,
-  tableWithFooterSave: Se,
-  tableWithTotals: xe,
-  tableWithMultipleFooters: Ee,
-  tableHead: ke,
-  tableBody: Be
-}, y = ({
+}, Ye = {
+  table: Ue,
+  tableWithSerial: Ve,
+  tableWithDefaultAction: De,
+  tableWithCustomActions: We,
+  tableWithSerialAndActions: Ge,
+  tableWithFooter: Ke,
+  tableWithFooterSave: Me,
+  tableWithTotals: qe,
+  tableWithMultipleFooters: ze,
+  tableHead: _e,
+  tableBody: Xe
+}, E = ({
   type: t = "table",
   inData: e,
-  inColumns: n,
-  footer: o = [],
+  inColumns: o,
+  footer: n = [],
   options: r = {}
 } = {}) => {
   if (t === "table") {
-    const s = he({
-      inColumns: n,
+    const s = Pe({
+      inColumns: o,
       inData: e,
-      inFooter: o
+      inFooter: n
     });
-    return ye(s, r);
+    return Je(s, r);
   }
   throw new Error(`Unknown table renderer type "${t}".`);
 };
-y.requests = Ue;
-const w = ({ inItems: t, inRecipe: e, inExecute: n }) => {
-  const o = t, r = e, s = n;
-  return o.map((l) => f({
+E.requests = Ye;
+const j = ({ inItems: t, inRecipe: e, inExecute: o }) => {
+  const n = t, r = e, s = o;
+  return n.map((l) => C({
     inSource: l,
     inRecipe: r,
     inExecute: s
   })).flat(1 / 0).filter(Boolean);
-}, je = ({ inSource: t, inRecipe: e, inExecute: n }) => {
-  const o = t, r = e, s = n;
-  let l = o;
+}, Qe = ({ inSource: t, inRecipe: e, inExecute: o }) => {
+  const n = t, r = e, s = o;
+  let l = n;
   typeof s == "function" && (l = s({
-    inSource: o,
+    inSource: n,
     inRecipe: r
   }));
-  for (const [a, i] of Object.entries(l))
-    Array.isArray(i) && r && a in r && (l[a] = w({
-      inItems: i,
+  for (const [a, c] of Object.entries(l))
+    Array.isArray(c) && r && a in r && (l[a] = j({
+      inItems: c,
       inRecipe: r[a],
       inExecute: s
     }));
   return l;
-}, f = ({ inSource: t, inRecipe: e, inExecute: n }) => {
-  const o = t, r = e, s = n;
-  return Array.isArray(o) ? w({
-    inItems: o,
+}, C = ({ inSource: t, inRecipe: e, inExecute: o }) => {
+  const n = t, r = e, s = o;
+  return Array.isArray(n) ? j({
+    inItems: n,
     inRecipe: r,
     inExecute: s
-  }) : typeof o == "object" && o !== null ? je({
-    inSource: o,
+  }) : typeof n == "object" && n !== null ? Qe({
+    inSource: n,
     inRecipe: r,
     inExecute: s
-  }) : o;
-}, ve = ({ inKey: t, inDirective: e }) => {
-  const n = t, o = e;
-  return (o == null ? void 0 : o.alterKey) || n;
-}, Oe = ({ inValue: t, inDirective: e, inExecute: n }) => {
-  const o = t, r = e, s = n;
-  return r && "transform" in r ? f({
-    inSource: o,
+  }) : n;
+}, Ze = ({ inKey: t, inDirective: e }) => {
+  const o = t, n = e;
+  return (n == null ? void 0 : n.alterKey) || o;
+}, to = ({ inValue: t, inDirective: e, inExecute: o }) => {
+  const n = t, r = e, s = o;
+  return r && "transform" in r ? C({
+    inSource: n,
     inRecipe: r,
     inExecute: s
-  }) : o;
-}, Ie = ({ inValue: t, inDirective: e }) => {
-  const n = t, o = e;
-  return (o == null ? void 0 : o.valueType) === "array" && !Array.isArray(n) ? [n] : n;
-}, We = ({ inValue: t, inDirective: e }) => {
-  const n = t, o = e;
-  return o != null && o.valueKey && n && typeof n == "object" ? n[o.valueKey] : n;
-}, Fe = ({ inSource: t, inTransform: e, inExecute: n }) => {
-  const o = t, r = e, s = n, l = {};
-  for (const [a, i] of Object.entries(o)) {
+  }) : n;
+}, eo = ({ inValue: t, inDirective: e }) => {
+  const o = t, n = e;
+  return (n == null ? void 0 : n.valueType) === "array" && !Array.isArray(o) ? [o] : o;
+}, oo = ({ inValue: t, inDirective: e }) => {
+  const o = t, n = e;
+  return n != null && n.valueKey && o && typeof o == "object" ? o[n.valueKey] : o;
+}, no = ({ inSource: t, inTransform: e, inExecute: o }) => {
+  const n = t, r = e, s = o, l = {};
+  for (const [a, c] of Object.entries(n)) {
     if (!(a in r))
       continue;
-    const u = r[a], c = ve({ inKey: a, inDirective: u });
-    let m = i;
-    m = Oe({
-      inValue: m,
-      inDirective: u,
+    const i = r[a], u = Ze({ inKey: a, inDirective: i });
+    let b = c;
+    b = to({
+      inValue: b,
+      inDirective: i,
       inExecute: s
-    }), m = Ie({ inValue: m, inDirective: u }), m = We({ inValue: m, inDirective: u }), l[c] = m;
+    }), b = eo({ inValue: b, inDirective: i }), b = oo({ inValue: b, inDirective: i }), l[u] = b;
   }
   return l;
 };
-function C(t, e) {
-  for (const n in t)
-    typeof t[n] == "object" && t[n] !== null ? C(t[n], e) : typeof t[n] == "string" && t[n] === "${}" && (t[n] = e);
+function F(t, e) {
+  for (const o in t)
+    typeof t[o] == "object" && t[o] !== null ? F(t[o], e) : typeof t[o] == "string" && t[o] === "${}" && (t[o] = e);
   return t;
 }
-const Je = ({ inSource: t, inOperation: e, inExecute: n }) => {
-  const o = t, r = e;
+const ro = ({ inSource: t, inOperation: e, inExecute: o }) => {
+  const n = t, r = e;
   for (const [s, l] of Object.entries(r))
-    if ("operationType" in l && l.operationType === "loopArray" && s in o) {
-      const a = o[s].map((i) => {
-        const u = structuredClone(l == null ? void 0 : l.template);
-        return C(u, i), u;
+    if ("operationType" in l && l.operationType === "loopArray" && s in n) {
+      const a = n[s].map((c) => {
+        const i = structuredClone(l == null ? void 0 : l.template);
+        return F(i, c), i;
       });
-      o[s] = a;
+      n[s] = a;
     }
-  return o;
-}, De = ({ inSource: t, inTemplate: e }) => {
-  const n = t;
-  let o = [];
-  for (const [r, s] of Object.entries(n)) {
+  return n;
+}, so = ({ inSource: t, inTemplate: e }) => {
+  const o = t;
+  let n = [];
+  for (const [r, s] of Object.entries(o)) {
     const l = structuredClone(e);
-    l.textContent = s, o.push(l);
+    l.textContent = s, n.push(l);
   }
-  return o;
-}, Ve = ({ inSource: t, inBuild: e, inExecute: n }) => {
-  const o = structuredClone(t), r = structuredClone(e);
+  return n;
+}, lo = ({ inSource: t, inBuild: e, inExecute: o }) => {
+  const n = structuredClone(t), r = structuredClone(e);
   for (const [s, l] of Object.entries(r)) {
-    const a = De({
-      inSource: o[s],
+    const a = so({
+      inSource: n[s],
       inTemplate: l
     });
-    o[s] = a;
+    n[s] = a;
   }
-  return o;
-}, Re = ({ inSource: t, inTemplate: e }) => t.map((o) => {
-  const r = structuredClone(e == null ? void 0 : e.row), s = He({
-    inSource: o,
+  return n;
+}, ao = ({ inSource: t, inTemplate: e }) => t.map((n) => {
+  const r = structuredClone(e == null ? void 0 : e.row), s = co({
+    inSource: n,
     inTemplate: e == null ? void 0 : e.cell
   });
   return r.children = s, r;
-}), He = ({ inSource: t, inTemplate: e }) => {
-  const n = t;
-  let o = [];
-  for (const [r, s] of Object.entries(n)) {
+}), co = ({ inSource: t, inTemplate: e }) => {
+  const o = t;
+  let n = [];
+  for (const [r, s] of Object.entries(o)) {
     const l = structuredClone(e);
-    l.textContent = s, o.push(l);
+    l.textContent = s, n.push(l);
   }
-  return o;
-}, Me = ({ inSource: t, inBuild: e, inExecute: n }) => {
-  const o = structuredClone(t), r = structuredClone(e);
+  return n;
+}, io = ({ inSource: t, inBuild: e, inExecute: o }) => {
+  const n = structuredClone(t), r = structuredClone(e);
   for (const [s, l] of Object.entries(r)) {
-    const a = Re({
-      inSource: o[s],
+    const a = ao({
+      inSource: n[s],
       inTemplate: l
     });
-    o[s] = a;
+    n[s] = a;
   }
-  return o;
-}, Le = ({ inSource: t, inTemplate: e }) => t.map((r) => {
+  return n;
+}, uo = ({ inSource: t, inTemplate: e }) => t.map((r) => {
   const s = structuredClone(e);
   return s.textContent = r == null ? void 0 : r.columnName, s;
-}), Ke = ({ inSource: t, inBuild: e, inExecute: n }) => {
-  const o = structuredClone(t), r = structuredClone(e);
+}), bo = ({ inSource: t, inBuild: e, inExecute: o }) => {
+  const n = structuredClone(t), r = structuredClone(e);
   for (const [s, l] of Object.entries(r)) {
-    const a = Le({
-      inSource: o[s],
+    const a = uo({
+      inSource: n[s],
       inTemplate: l == null ? void 0 : l.cell
     });
-    o[s] = l == null ? void 0 : l.row, o[s].children = a;
+    n[s] = l == null ? void 0 : l.row, n[s].children = a;
   }
-  return o;
-}, qe = ({ inSource: t, inTemplate: e }) => t.map((o) => {
-  const r = structuredClone(e == null ? void 0 : e.row), s = Ge({
-    inSource: o,
+  return n;
+}, fo = ({ inSource: t, inTemplate: e }) => t.map((n) => {
+  const r = structuredClone(e == null ? void 0 : e.row), s = ho({
+    inSource: n,
     inTemplate: e == null ? void 0 : e.cell
   });
   return r.children = s, r;
-}), Ge = ({ inSource: t, inTemplate: e }) => {
-  const n = t;
-  let o = [];
-  for (const [r, s] of Object.entries(n)) {
+}), ho = ({ inSource: t, inTemplate: e }) => {
+  const o = t;
+  let n = [];
+  for (const [r, s] of Object.entries(o)) {
     const l = structuredClone(e);
-    l.textContent = s, o.push(l);
+    l.textContent = s, n.push(l);
   }
-  return o;
-}, ze = ({ inSource: t, inBuild: e, inExecute: n }) => {
-  const o = structuredClone(t), r = structuredClone(e);
+  return n;
+}, mo = ({ inSource: t, inBuild: e, inExecute: o }) => {
+  const n = structuredClone(t), r = structuredClone(e);
   for (const [s, l] of Object.entries(r)) {
-    const a = qe({
-      inSource: o[s],
+    const a = fo({
+      inSource: n[s],
       inTemplate: l
     });
-    o[s] = l == null ? void 0 : l.body, o[s].children = a;
+    n[s] = l == null ? void 0 : l.body, n[s].children = a;
   }
-  return o;
-}, Pe = ({ inSource: t, inTemplate: e }) => t.map((o) => {
-  const r = structuredClone(e == null ? void 0 : e.row), s = _e({
-    inSource: o,
+  return n;
+}, po = ({ inSource: t, inTemplate: e }) => t.map((n) => {
+  const r = structuredClone(e == null ? void 0 : e.row), s = yo({
+    inSource: n,
     inTemplate: e == null ? void 0 : e.cell
   });
   return r.children = s, r;
-}), _e = ({ inSource: t, inTemplate: e }) => {
-  const n = t;
-  let o = [];
-  for (const [r, s] of Object.entries(n)) {
+}), yo = ({ inSource: t, inTemplate: e }) => {
+  const o = t;
+  let n = [];
+  for (const [r, s] of Object.entries(o)) {
     const l = structuredClone(e);
-    l.textContent = s, o.push(l);
+    l.textContent = s, n.push(l);
   }
-  return o;
-}, Xe = ({ inSource: t, inBuild: e, inExecute: n }) => {
-  const o = structuredClone(t), r = structuredClone(e);
+  return n;
+}, go = ({ inSource: t, inBuild: e, inExecute: o }) => {
+  const n = structuredClone(t), r = structuredClone(e);
   for (const [s, l] of Object.entries(r)) {
-    const a = Pe({
-      inSource: o[s],
+    const a = po({
+      inSource: n[s],
       inTemplate: l
     });
-    o[s] = l == null ? void 0 : l.body, o[s].children = a;
+    n[s] = l == null ? void 0 : l.body, n[s].children = a;
   }
-  return o;
-}, Qe = ({ inSource: t, inTransform: e, inExecute: n }) => {
-  const o = e, r = {};
-  for (let [s, l] of Object.entries(o))
+  return n;
+}, wo = ({ inSource: t, inTransform: e, inExecute: o }) => {
+  const n = e, r = {};
+  for (let [s, l] of Object.entries(n))
     console.log("aaaaaaaaa : ", s);
   return r;
-}, b = ({ inSource: t, inRecipe: e }) => {
-  let n = t;
-  const o = e;
-  return o && typeof o == "object" && "transform" in o && (n = Fe({
-    inSource: n,
-    inTransform: o.transform,
-    inExecute: b
-  })), o && typeof o == "object" && "operation" in o && (n = Je({
-    inSource: n,
-    inOperation: o.operation,
-    inExecute: b
-  })), o && typeof o == "object" && "build" in o && (n = Ve({
-    inSource: n,
-    inBuild: o == null ? void 0 : o.build,
-    inExecute: b
-  })), o && typeof o == "object" && "buildCollection" in o && (n = Me({
-    inSource: n,
-    inBuild: o == null ? void 0 : o.buildCollection,
-    inExecute: b
-  })), o && typeof o == "object" && "buildArray" in o && (n = Ke({
-    inSource: n,
-    inBuild: o == null ? void 0 : o.buildArray,
-    inExecute: b
-  })), o && typeof o == "object" && "buildBody" in o && (n = ze({
-    inSource: n,
-    inBuild: o == null ? void 0 : o.buildBody,
-    inExecute: b
-  })), o && typeof o == "object" && "objectToArray" in o && (n = Xe({
-    inSource: n,
-    inBuild: o == null ? void 0 : o.objectToArray,
-    inExecute: b
-  })), o && typeof o == "object" && "spec" in o && (n = Qe({
-    inSource: n,
-    inTransform: o == null ? void 0 : o.spec,
-    inExecute: b
-  })), n;
-}, $ = (t, e) => f({
+}, d = ({ inSource: t, inRecipe: e }) => {
+  let o = t;
+  const n = e;
+  return n && typeof n == "object" && "transform" in n && (o = no({
+    inSource: o,
+    inTransform: n.transform,
+    inExecute: d
+  })), n && typeof n == "object" && "operation" in n && (o = ro({
+    inSource: o,
+    inOperation: n.operation,
+    inExecute: d
+  })), n && typeof n == "object" && "build" in n && (o = lo({
+    inSource: o,
+    inBuild: n == null ? void 0 : n.build,
+    inExecute: d
+  })), n && typeof n == "object" && "buildCollection" in n && (o = io({
+    inSource: o,
+    inBuild: n == null ? void 0 : n.buildCollection,
+    inExecute: d
+  })), n && typeof n == "object" && "buildArray" in n && (o = bo({
+    inSource: o,
+    inBuild: n == null ? void 0 : n.buildArray,
+    inExecute: d
+  })), n && typeof n == "object" && "buildBody" in n && (o = mo({
+    inSource: o,
+    inBuild: n == null ? void 0 : n.buildBody,
+    inExecute: d
+  })), n && typeof n == "object" && "objectToArray" in n && (o = go({
+    inSource: o,
+    inBuild: n == null ? void 0 : n.objectToArray,
+    inExecute: d
+  })), n && typeof n == "object" && "spec" in n && (o = wo({
+    inSource: o,
+    inTransform: n == null ? void 0 : n.spec,
+    inExecute: d
+  })), o;
+}, Co = (t, e) => C({
   inSource: t,
   inRecipe: e,
-  inExecute: b
-}), Ye = {
+  inExecute: d
+}), $o = {
   children: ""
-}, Ze = {
+}, Ao = {
   children: {
     operationType: "loopArray",
     template: {
@@ -694,354 +751,379 @@ const Je = ({ inSource: t, inOperation: e, inExecute: n }) => {
       textContent: "${}"
     }
   }
-}, to = {
-  transform: Ye,
-  operation: Ze
-}, N = ({
+}, No = {
+  transform: $o,
+  operation: Ao
+}, B = ({
   inData: t
 }) => {
-  let n = $({
+  let o = Co({
     children: t
-  }, to);
-  return n == null ? void 0 : n.children;
-}, eo = "select", oo = {
+  }, No);
+  return o == null ? void 0 : o.children;
+}, xo = "select", To = {
   id: "LedgerName"
-}, no = [], ro = {
-  tagName: eo,
-  attributes: oo,
-  children: no
-}, so = ({
+}, So = [], Eo = {
+  tagName: xo,
+  attributes: To,
+  children: So
+}, jo = ({
   inData: t
 }) => {
-  let n = N({
+  let o = B({
     inData: t
   });
-  const o = structuredClone(ro);
-  return o.children = n, o;
-}, lo = "table", ao = {
+  const n = structuredClone(Eo);
+  return n.children = o, n;
+}, Fo = (t) => typeof t == "object" && t !== null && !Array.isArray(t), Bo = (t, e) => {
+  if (!Fo(t)) return;
+  let o = {};
+  for (const [n, r] of Object.entries(t))
+    o[n] = $(r, e);
+  return o;
+}, Io = (t, e) => {
+  const o = structuredClone(t);
+  return Array.isArray(o) ? o.map((r) => $(r, e)) : void 0;
+}, I = (t, e) => t.replace(/\$\{(\w+)\}/g, (o, n) => e[n] !== void 0 ? e[n] : o), ko = (t, e) => I(t, e), $ = (t, e) => {
+  const o = structuredClone(t);
+  return typeof o == "string" ? I(o, e) : (o === null || typeof o != "object" || ("textContent" in o && (o.textContent = ko(o == null ? void 0 : o.textContent, e)), "attributes" in o && (o.attributes = Bo(o == null ? void 0 : o.attributes, e)), "children" in o && (o.children = Io(o == null ? void 0 : o.children, e))), o);
+}, Oo = (t, e) => {
+  const o = t, n = e;
+  return o.map((r) => $(n, r));
+}, k = (t, e, o) => {
+  const n = o, r = e;
+  let s = [];
+  return n.map((l) => {
+    let a = structuredClone(t);
+    a.textContent = r[l.columnName], s.push(a);
+  }), s;
+}, O = (t, e, o) => {
+  t.forEach((n, r) => {
+    const s = e == null ? void 0 : e.data[r], l = k(o, s, e == null ? void 0 : e.columns);
+    n.children = l;
+  });
+}, vo = (t, e) => {
+  const o = structuredClone(e);
+  o.attributes.width = "50px", t.unshift(o);
+}, Po = (t, e) => {
+  const o = structuredClone(e);
+  o.textContent = "#", t.unshift(o);
+}, Lo = (t, e) => {
+  t.forEach((o, n) => {
+    const r = structuredClone(e);
+    r.textContent = n + 1, o.children.unshift(r);
+  });
+}, Ho = (t, e) => {
+  const o = structuredClone(e);
+  delete o.children, t.unshift(o);
+}, Ro = (t, e) => {
+  vo(t == null ? void 0 : t.children[0].children, e == null ? void 0 : e.buildColGroup), Po(t == null ? void 0 : t.children[1].children[0].children, e == null ? void 0 : e.buildHeader), Lo(t == null ? void 0 : t.children[2].children, e == null ? void 0 : e.buildBodyCell), Ho(t == null ? void 0 : t.children[3].children[0].children, e == null ? void 0 : e.buildFooter);
+}, Jo = (t, e) => {
+  const o = structuredClone(e);
+  o.attributes.width = "100px", t.push(o);
+}, Uo = (t, e) => {
+  const o = structuredClone(e);
+  o.textContent = "options", t.push(o);
+}, Vo = (t, e) => {
+  t.forEach((o, n) => {
+    const r = structuredClone(e);
+    r.textContent = "show", o.children.push(r);
+  });
+}, Do = (t, e) => {
+  const o = structuredClone(e);
+  o.textContent = "save", t.push(o);
+}, Wo = (t, e) => {
+  Jo(t == null ? void 0 : t.children[0].children, e == null ? void 0 : e.buildColGroup), Uo(t == null ? void 0 : t.children[1].children[0].children, e == null ? void 0 : e.buildHeader), Vo(t == null ? void 0 : t.children[2].children, e == null ? void 0 : e.button), Do(t == null ? void 0 : t.children[3].children[0].children, e == null ? void 0 : e.button);
+}, y = (t, e) => {
+  var o;
+  if (((o = t == null ? void 0 : t.attributes) == null ? void 0 : o["data-role"]) === e) return t;
+  for (const n of (t == null ? void 0 : t.children) ?? []) {
+    const r = y(n, e);
+    if (r) return r;
+  }
+  return null;
+}, Go = (t, e) => {
+  const o = t[e.fileName], n = e.dataRole ? y(o, e.dataRole) : o;
+  return (e.filePath ?? []).reduce((r, s) => r[s], n);
+}, Ko = {
+  tagName: "tr",
+  attributes: {
+    class: "align-middle"
+  },
+  children: []
+}, Mo = {
+  tagName: "col",
+  attributes: {
+    width: "${width}"
+  }
+}, qo = {
+  tagName: "th",
+  textContent: "${columnName}",
+  attributes: {
+    class: "py-3 px-3 fw-semibold text-uppercase small"
+  }
+}, zo = {
+  tagName: "td",
+  children: [
+    {
+      tagName: "input",
+      attributes: {
+        type: "text",
+        placeholder: "enter ${columnName}",
+        name: "${columnName}",
+        class: "form-control"
+      }
+    }
+  ]
+}, _o = {
+  tagName: "td",
+  textContent: "${rowValue}",
+  attributes: {
+    class: "py-3 px-3 text-secondary"
+  }
+}, Xo = {
+  tagName: "button",
+  textContent: "${columnName}",
+  attributes: {
+    class: "btn btn-primary btn-sm"
+  }
+}, Yo = {
+  tagName: "option",
+  textContent: "${rowValue}",
+  attributes: {
+    value: "${rowValue}"
+  }
+}, Qo = {
+  tagName: "select",
+  attributes: {
+    "data-name": "${columnName}"
+  },
+  children: []
+}, Zo = {
+  tagName: "datalist",
+  attributes: {
+    "data-name": "${columnName}"
+  },
+  children: []
+}, m = {
+  buildBodyTr: Ko,
+  buildColGroup: Mo,
+  buildHeader: qo,
+  buildFooter: zo,
+  buildBodyCell: _o,
+  button: Xo,
+  buildOption: Yo,
+  buildSelect: Qo,
+  buildDataList: Zo
+}, tn = "table", en = {
   class: "table table-hover table-striped align-middle border mb-0"
-}, co = [
+}, on = [
+  {
+    tagName: "colgroup",
+    attributes: {
+      "data-role": "table-colgroup"
+    },
+    children: []
+  },
   {
     tagName: "thead",
     attributes: {
-      class: "table-dark"
+      class: "table-dark",
+      "data-role": "table-header"
     },
     children: [
       {
         tagName: "tr",
+        attributes: {
+          "data-role": "table-header-row"
+        },
         children: []
       }
     ]
   },
   {
     tagName: "tbody",
-    children: []
-  }
-], io = {
-  tagName: lo,
-  attributes: ao,
-  children: co
-}, uo = {
-  columns: {
-    row: {
-      tagName: "tr"
-    },
-    cell: {
-      tagName: "th",
-      textContent: "${}"
-    }
-  }
-}, bo = {
-  rows: {
-    body: {
-      tagName: "tbody"
+    attributes: {
+      "data-role": "table-body"
     },
-    row: {
-      tagName: "tr"
+    children: []
+  },
+  {
+    tagName: "tfoot",
+    attributes: {
+      "data-role": "table-footer"
     },
-    cell: {
-      tagName: "td",
-      textContent: "${}"
-    }
-  }
-}, mo = {
-  buildArray: uo,
-  buildBody: bo
-}, ho = ({
-  inColumns: t = [],
-  inData: e = [],
-  inFooter: n = []
-} = {}) => {
-  const o = structuredClone(io), r = t.map((l) => ({
-    columnName: l
-  })), s = $({ columns: r, rows: e }, mo);
-  return o.children[0].children = [s == null ? void 0 : s.columns], o.children[1] = s == null ? void 0 : s.rows, o;
-}, po = (t) => {
-  const [e, n] = t.children;
-  console.log("aaaaaaa--", e.children[0]), e.children[0].children.unshift({
-    tagName: "th",
-    textContent: "#"
-  }), n.children.forEach((o, r) => {
-    o.children.unshift({
-      tagName: "td",
-      textContent: String(r + 1)
-    });
-  });
-}, fo = (t) => t === !0 ? [{ label: "Apply", type: "button" }] : Array.isArray(t) ? t : [], go = (t, e) => {
-  const n = fo(e);
-  if (n.length === 0) return;
-  const [o, r] = t.children;
-  o.children[0].children.push({
-    tagName: "th",
-    textContent: "Actions"
-  }), r.children.forEach((s) => {
-    s.children.push({
-      tagName: "td",
-      children: n.map((l) => ({
-        tagName: "button",
-        attributes: { type: l.type || "button" },
-        textContent: l.label
-      }))
-    });
-  });
-}, yo = (t, e = {}) => (e.showSerial && po(t), e.showOptions && go(t, e.showOptions), t), wo = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {}
-}, Co = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {
-    showSerial: !0
-  }
-}, $o = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {
-    showOptions: !0
-  }
-}, No = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {
-    showOptions: [
-      {
-        label: "Show",
-        type: "button"
-      },
+    children: [
       {
-        label: "Edit",
-        type: "button"
+        tagName: "tr",
+        attributes: {
+          "data-role": "table-footer-row"
+        },
+        children: []
       }
     ]
   }
-}, Ao = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {
-    showSerial: !0,
-    showOptions: [
-      {
-        label: "Show",
-        type: "button"
-      }
-    ]
+], h = {
+  tagName: tn,
+  attributes: en,
+  children: on
+}, nn = [
+  {
+    destinationPath: {
+      fileName: "base",
+      dataRole: "table-colgroup",
+      filePath: [
+        "children"
+      ]
+    },
+    sourcePath: {
+      fileName: "data",
+      filePath: [
+        "colGroup"
+      ]
+    },
+    templateKey: "buildColGroup",
+    func: "fromCollection"
+  },
+  {
+    destinationPath: {
+      fileName: "base",
+      dataRole: "table-header-row",
+      filePath: [
+        "children"
+      ]
+    },
+    sourcePath: {
+      fileName: "data",
+      filePath: [
+        "columns"
+      ]
+    },
+    templateKey: "buildHeader",
+    func: "fromCollection"
+  },
+  {
+    destinationPath: {
+      fileName: "base",
+      dataRole: "table-footer-row",
+      filePath: [
+        "children"
+      ]
+    },
+    sourcePath: {
+      fileName: "data",
+      filePath: [
+        "columns"
+      ]
+    },
+    templateKey: "buildFooter",
+    func: "fromCollection"
   }
-}, To = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  footer: [
-    "inputs"
-  ],
-  options: {}
-}, So = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  footer: [
-    "inputsWithSave"
-  ],
-  options: {}
-}, xo = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "2"
+], rn = [
+  {
+    destinationPath: {
+      fileName: "base",
+      dataRole: "table-body",
+      filePath: [
+        "children"
+      ]
     },
-    {
-      itemName: "0.11-25",
-      baseUnit: "3"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  footer: [
-    "totals"
-  ],
-  options: {}
-}, Eo = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "2"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  footer: [
-    "inputs",
-    "totals",
-    "inputsWithSave",
-    "empty"
-  ],
-  options: {}
-}, ko = {
-  type: "tableHead",
-  data: [],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {}
-}, Bo = {
-  type: "tableBody",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {}
-}, Uo = {
-  table: wo,
-  tableWithSerial: Co,
-  tableWithDefaultAction: $o,
-  tableWithCustomActions: No,
-  tableWithSerialAndActions: Ao,
-  tableWithFooter: To,
-  tableWithFooterSave: So,
-  tableWithTotals: xo,
-  tableWithMultipleFooters: Eo,
-  tableHead: ko,
-  tableBody: Bo
-}, A = ({
+    sourcePath: {
+      fileName: "data",
+      filePath: [
+        "data"
+      ]
+    },
+    templateKey: "buildBodyTr",
+    func: "fromCollection"
+  }
+], p = { data: {}, base: h, spec: m }, sn = { fromCollection: Oo, tableBody: k, buildBody: O }, ln = (t, e) => {
+  const o = t.dataRole ? y(p[t.fileName], t.dataRole) : p[t.fileName], n = [...t.filePath ?? []], r = n.pop(), s = n.reduce((l, a) => l[a], o);
+  s[r] = e;
+}, x = (t) => {
+  t.forEach((e) => {
+    const o = Go(p, e.sourcePath);
+    if (o) {
+      const n = sn[e.func](o, m[e.templateKey]);
+      ln(e.destinationPath, n);
+    } else
+      console.log("   !instruction : ", e), console.log("   !source : ", o);
+  });
+}, an = (t) => (p.data = t, x(rn), x(nn), O(y(h, "table-body").children, t, m.buildBodyCell), Ro(h, m), Wo(h, m), h), cn = ({
   inData: t,
   inColumns: e,
-  footer: n = [],
-  options: o
+  footer: o = [],
+  options: n
+} = {}) => an({
+  columns: e,
+  data: t
+}), un = {
+  table: E,
+  select: jo,
+  selectOptionsOnly: B,
+  tableFromSpec: cn
+}, v = ({
+  type: t = "table",
+  data: e,
+  columns: o,
+  options: n,
+  showLog: r = !1
 } = {}) => {
-  const r = ho({
-    inColumns: e,
-    inData: t,
-    inFooter: n
-  });
-  return o ? yo(r, o) : r;
-};
-A.requests = Uo;
-const jo = {
-  table: y,
-  select: so,
-  selectOptionsOnly: N,
-  tableFromSpec: A
-}, T = ({
+  const u = {
+    type: t,
+    data: e,
+    columns: o,
+    options: n,
+    showLog: r
+  };
+  return Z({ inConfig: u }), u;
+}, P = ({
   type: t = "table",
   data: e,
-  columns: n,
-  options: o
-}) => {
-  const s = jo[t];
-  return s({
-    inColumns: n,
-    inData: e,
-    options: o
+  columns: o,
+  options: n,
+  showLog: r = !1
+} = {}) => {
+  const s = v({
+    type: t,
+    data: e,
+    columns: o,
+    options: n,
+    showLog: r
+  }), l = un[s.type];
+  if (!l)
+    throw new Error(`Renderer for type "${s.type}" not found.`);
+  const a = l({
+    inColumns: s.columns,
+    inData: s.data,
+    options: s.options
   });
+  return s.showLog && console.log("json-renderers-build output:", a), a;
 };
-v(T);
-const vo = {
+Q({ render: P, getSpec: v });
+const L = ({
+  inColumns: t,
+  inType: e = "table",
+  inData: o,
+  inShowLog: n = !1
+} = {}) => P({
+  type: e,
+  data: o ?? [],
+  columns: t,
+  showLog: n
+}), dn = {
   version: "v9",
   description: "JSON-to-DOM engine with SVG namespace support, mixed text content, and centralized traversal"
-}, Oo = ({ inFuncDefinition: t, inReviewSpec: e } = {}) => {
+}, bn = ({ inFuncDefinition: t, inReviewSpec: e } = {}) => {
   if (typeof globalThis > "u" || !t) return;
   globalThis.ks ?? (globalThis.ks = {});
-  const n = {
-    meta: vo,
+  const o = {
+    meta: dn,
     buildSpecElement: t,
     reviewSpec: e
   };
-  globalThis.ks["json-to-tag"] = n, globalThis.ks.jsonToTag = n;
-}, Io = (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 ?? "") : x(t), S = (t) => Array.isArray(t) ? t.map(Io).flat(1 / 0).filter(Boolean) : [], Wo = (t) => (t == null, t), Fo = "http://www.w3.org/2000/svg", Jo = /* @__PURE__ */ new Set([
+  globalThis.ks["json-to-tag"] = o, globalThis.ks.jsonToTag = o;
+}, fn = (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 ?? "") : R(t), H = (t) => Array.isArray(t) ? t.map(fn).flat(1 / 0).filter(Boolean) : [], hn = (t) => (t == null, t), mn = "http://www.w3.org/2000/svg", pn = /* @__PURE__ */ new Set([
   "svg",
   "path",
   "symbol",
@@ -1068,22 +1150,22 @@ const vo = {
   "fegaussianblur",
   "femerge",
   "femergenode"
-]), Do = ({ inTagName: t }) => {
+]), yn = ({ inTagName: t }) => {
   const e = t == null ? void 0 : t.toLowerCase();
   if (!e) return null;
   if (e === "checkbox") {
-    const n = document.createElement("input");
-    return n.type = "checkbox", n;
+    const o = document.createElement("input");
+    return o.type = "checkbox", o;
   }
-  return Jo.has(e) ? document.createElementNS(Fo, e) : document.createElement(e);
-}, Vo = ({ inElement: t, inTextContent: e }) => (!t || e === void 0 || e === null || (t.textContent = e), t), Ro = ({ inElement: t, inProperties: e }) => (t && e && typeof e == "object" && Object.assign(t, e), t), Ho = "http://www.w3.org/1999/xlink", Mo = ({ inElement: t, inAttributes: e }) => {
-  const n = t, o = e;
-  if (!n || !o || typeof o != "object")
-    return n;
-  const r = typeof SVGElement < "u" ? n instanceof SVGElement : n.namespaceURI === "http://www.w3.org/2000/svg";
-  return Object.entries(o).forEach(([s, l]) => {
+  return pn.has(e) ? document.createElementNS(mn, e) : document.createElement(e);
+}, gn = ({ inElement: t, inTextContent: e }) => (!t || e === void 0 || e === null || (t.textContent = e), t), wn = ({ inElement: t, inProperties: e }) => (t && e && typeof e == "object" && Object.assign(t, e), t), Cn = "http://www.w3.org/1999/xlink", $n = ({ inElement: t, inAttributes: e }) => {
+  const o = t, n = e;
+  if (!o || !n || typeof n != "object")
+    return o;
+  const r = typeof SVGElement < "u" ? o instanceof SVGElement : o.namespaceURI === "http://www.w3.org/2000/svg";
+  return Object.entries(n).forEach(([s, l]) => {
     if (s === "class") {
-      r ? n.setAttribute("class", String(l)) : n.className = l;
+      r ? o.setAttribute("class", String(l)) : o.className = l;
       return;
     }
     if (s === "xlink:href" || s === "href") {
@@ -1091,46 +1173,46 @@ const vo = {
         const a = String(l);
         if (r)
           try {
-            n.setAttributeNS(Ho, "href", a);
+            o.setAttributeNS(Cn, "href", a);
           } catch {
           }
-        n.setAttribute("href", a), n.setAttribute("xlink:href", a);
+        o.setAttribute("href", a), o.setAttribute("xlink:href", a);
       }
       return;
     }
     if (typeof l == "boolean") {
-      l ? n.setAttribute(s, "") : n.removeAttribute(s);
+      l ? o.setAttribute(s, "") : o.removeAttribute(s);
       return;
     }
-    l != null && n.setAttribute(s, String(l));
-  }), n;
-}, Lo = ({ inElement: t, inClassList: e }) => {
+    l != null && o.setAttribute(s, String(l));
+  }), o;
+}, An = ({ inElement: t, inClassList: e }) => {
   if (!t || !e) return t;
-  const n = typeof e == "string" ? e.split(/\s+/).filter(Boolean) : Array.isArray(e) ? e.filter((o) => typeof o == "string" && o.trim()) : [];
-  return n.length && t.classList.add(...n), t;
-}, Ko = (t) => {
+  const o = typeof e == "string" ? e.split(/\s+/).filter(Boolean) : Array.isArray(e) ? e.filter((n) => typeof n == "string" && n.trim()) : [];
+  return o.length && t.classList.add(...o), t;
+}, Nn = (t) => {
   if (!t || typeof t != "object" || Array.isArray(t) || !t.tagName) return null;
-  const e = Do({ inTagName: t.tagName });
+  const e = yn({ inTagName: t.tagName });
   if (!e) return null;
-  if (Vo({
+  if (gn({
     inElement: e,
-    inTextContent: Wo(t.textContent),
+    inTextContent: hn(t.textContent),
     inTagName: t.tagName
-  }), Ro({
+  }), wn({
     inElement: e,
     inProperties: t.properties
-  }), Mo({
+  }), $n({
     inElement: e,
     inAttributes: t.attributes
-  }), Lo({
+  }), An({
     inElement: e,
     inClassList: t.classList
   }), Array.isArray(t.children)) {
-    const n = S(t.children);
-    n.length && e.append(...n);
+    const o = H(t.children);
+    o.length && e.append(...o);
   }
   return e;
-}, x = (t) => t == null ? null : typeof Node < "u" && t instanceof Node ? t : Array.isArray(t) ? S(t) : typeof t == "object" ? Ko(t) : typeof t == "string" || typeof t == "number" ? document.createTextNode(String(t)) : null, qo = "./tags.schema.json", Go = {
+}, R = (t) => t == null ? null : typeof Node < "u" && t instanceof Node ? t : Array.isArray(t) ? H(t) : typeof t == "object" ? Nn(t) : typeof t == "string" || typeof t == "number" ? document.createTextNode(String(t)) : null, xn = "./tags.schema.json", Tn = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1138,7 +1220,7 @@ const vo = {
     "role"
   ],
   childTags: []
-}, zo = {
+}, Sn = {
   allowsTextContent: !1,
   allowsChildren: !1,
   allowedAttributes: [
@@ -1151,7 +1233,7 @@ const vo = {
     "required",
     "list"
   ]
-}, Po = {
+}, En = {
   allowsTextContent: !1,
   allowsChildren: !1,
   allowedAttributes: [
@@ -1162,7 +1244,7 @@ const vo = {
     "disabled",
     "required"
   ]
-}, _o = {
+}, jn = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1171,7 +1253,7 @@ const vo = {
   childTags: [
     "col"
   ]
-}, Xo = {
+}, Fn = {
   allowsTextContent: !1,
   allowsChildren: !1,
   allowedAttributes: [
@@ -1179,14 +1261,14 @@ const vo = {
     "style",
     "width"
   ]
-}, Qo = {
+}, Bn = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
     "for"
   ],
   childTags: []
-}, Yo = {
+}, In = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1199,7 +1281,7 @@ const vo = {
     "target"
   ],
   childTags: []
-}, Zo = {
+}, kn = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1212,27 +1294,27 @@ const vo = {
   childTags: [
     "option"
   ]
-}, tn = {
+}, On = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: []
-}, en = {
+}, vn = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: []
-}, on = {
+}, Pn = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: []
-}, nn = {
+}, Ln = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: []
-}, rn = {
+}, Hn = {
   allowsTextContent: !1,
   allowsChildren: !1,
   allowedAttributes: [
@@ -1242,7 +1324,7 @@ const vo = {
     "height",
     "loading"
   ]
-}, sn = {
+}, Rn = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1252,7 +1334,7 @@ const vo = {
     "value"
   ],
   childTags: []
-}, ln = {
+}, Jn = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1268,28 +1350,28 @@ const vo = {
     "tfoot",
     "tr"
   ]
-}, an = {
+}, Un = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: [
     "tr"
   ]
-}, cn = {
+}, Vn = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: [
     "tr"
   ]
-}, un = {
+}, Dn = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: [
     "tr"
   ]
-}, dn = {
+}, Wn = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [],
@@ -1297,7 +1379,7 @@ const vo = {
     "td",
     "th"
   ]
-}, bn = {
+}, Gn = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1306,7 +1388,7 @@ const vo = {
     "rowspan"
   ],
   childTags: []
-}, mn = {
+}, Kn = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1314,14 +1396,14 @@ const vo = {
     "rowspan"
   ],
   childTags: []
-}, hn = {
+}, Mn = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: [
     "option"
   ]
-}, pn = {
+}, qn = {
   allowsTextContent: !0,
   allowsChildren: !1,
   allowedAttributes: [
@@ -1330,14 +1412,14 @@ const vo = {
     "selected",
     "disabled"
   ]
-}, fn = {
+}, zn = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
     "role"
   ],
   childTags: []
-}, gn = {
+}, _n = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1348,19 +1430,19 @@ const vo = {
     "download"
   ],
   childTags: []
-}, yn = {
+}, Xn = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
     "aria-hidden"
   ],
   childTags: []
-}, wn = {
+}, Yn = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: []
-}, Cn = {
+}, Qn = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1369,80 +1451,80 @@ const vo = {
   childTags: [
     "li"
   ]
-}, $n = {
+}, Zn = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
     "value"
   ],
   childTags: []
-}, Nn = {
+}, tr = {
   allowsTextContent: !1,
   allowsChildren: !1,
   allowedAttributes: []
-}, An = {
-  $schema: qo,
-  div: Go,
-  input: zo,
-  checkbox: Po,
-  colgroup: _o,
-  col: Xo,
-  label: Qo,
-  form: Yo,
-  select: Zo,
-  p: tn,
-  h1: en,
-  h2: on,
-  span: nn,
-  img: rn,
-  button: sn,
-  table: ln,
-  thead: an,
-  tbody: cn,
-  tfoot: un,
-  tr: dn,
-  th: bn,
-  td: mn,
-  datalist: hn,
-  option: pn,
-  header: fn,
-  a: gn,
-  i: yn,
-  small: wn,
-  ul: Cn,
-  li: $n,
-  hr: Nn
-}, p = ({ inSpec: t }) => {
+}, er = {
+  $schema: xn,
+  div: Tn,
+  input: Sn,
+  checkbox: En,
+  colgroup: jn,
+  col: Fn,
+  label: Bn,
+  form: In,
+  select: kn,
+  p: On,
+  h1: vn,
+  h2: Pn,
+  span: Ln,
+  img: Hn,
+  button: Rn,
+  table: Jn,
+  thead: Un,
+  tbody: Vn,
+  tfoot: Dn,
+  tr: Wn,
+  th: Gn,
+  td: Kn,
+  datalist: Mn,
+  option: qn,
+  header: zn,
+  a: _n,
+  i: Xn,
+  small: Yn,
+  ul: Qn,
+  li: Zn,
+  hr: tr
+}, w = ({ inSpec: t }) => {
   const e = t;
   if (!e) return [];
   if (Array.isArray(e))
-    return e.flatMap((o) => p({ inSpec: o }));
+    return e.flatMap((n) => w({ inSpec: n }));
   if (typeof e != "object") return [];
-  const n = [];
-  return typeof e.tagName == "string" && e.tagName.trim().length > 0 && n.push(e.tagName.toLowerCase()), Array.isArray(e.children) && e.children.length > 0 && e.children.forEach((o) => {
-    const r = p({ inSpec: o });
-    n.push(...r);
-  }), n;
-}, Tn = ({ inTagsFound: t, inAllowedTags: e }) => {
-  const n = t ?? [], o = e ?? {}, r = new Set(
-    Object.keys(o).filter((c) => c !== "$schema").map((c) => c.toLowerCase())
+  const o = [];
+  return typeof e.tagName == "string" && e.tagName.trim().length > 0 && o.push(e.tagName.toLowerCase()), Array.isArray(e.children) && e.children.length > 0 && e.children.forEach((n) => {
+    const r = w({ inSpec: n });
+    o.push(...r);
+  }), o;
+}, or = ({ inTagsFound: t, inAllowedTags: e }) => {
+  const o = t ?? [], n = e ?? {}, r = new Set(
+    Object.keys(n).filter((u) => u !== "$schema").map((u) => u.toLowerCase())
   ), s = {}, l = [], a = [];
-  n.forEach((c) => {
-    s[c] = (s[c] || 0) + 1, r.has(c) ? l.includes(c) || l.push(c) : a.includes(c) || a.push(c);
+  o.forEach((u) => {
+    s[u] = (s[u] || 0) + 1, r.has(u) ? l.includes(u) || l.push(u) : a.includes(u) || a.push(u);
   });
-  const i = n.length, u = a.length === 0;
+  const c = o.length, i = a.length === 0;
   return {
-    totalTags: i,
+    totalTags: c,
     tagCounts: s,
     uniqueTags: Object.keys(s),
     recognizedTags: l,
     unrecognizedTags: a,
-    areAllTagsPresent: u
+    areAllTagsPresent: i
   };
-}, Sn = ({ inSpec: t, inTags: e = An } = {}) => {
-  const n = t, o = e, r = p({ inSpec: n }), s = Tn({
+}, nr = ({ inSpec: t, inTags: e = er } = {}) => {
+  const o = t, n = e, r = w({ inSpec: o }), s = or({
     inTagsFound: r,
-    inAllowedTags: o
+    inAllowedTags: n
   });
   return {
     areAllTagsPresent: s.areAllTagsPresent,
@@ -1452,59 +1534,44 @@ const vo = {
     recognizedTags: s.recognizedTags,
     unrecognizedTags: s.unrecognizedTags
   };
-}, E = (t = {}) => {
+}, J = (t = {}) => {
   const e = (t == null ? void 0 : t.spec) ?? (t == null ? void 0 : t.inSpec) ?? t;
-  return x(e);
+  return R(e);
 };
-Oo({
-  inFuncDefinition: E,
-  inReviewSpec: Sn
+bn({
+  inFuncDefinition: J,
+  inReviewSpec: nr
 });
-const xn = ({
-  inTargetHtmlId: t,
-  inColumns: e,
-  type: n,
-  inData: o,
-  showLog: r
-} = {}) => {
-  const s = t, l = o ?? [], a = e;
-  r && console.log("buildSpec 1 :", s, l.localColumns);
-  let u = T({
-    type: n,
-    data: l,
-    columns: a
-  });
-  const c = E(u);
-  return console.log("buildSpec 2 :", u, c), r && console.log("buildSpec 3 :", c), c;
-}, En = ({
-  type: t = "table",
-  targetHtmlId: e,
-  data: n,
-  classToApply: o,
-  columns: r,
-  appendPosition: s,
-  showLog: l = !1
+const U = ({
+  inSpec: t,
+  inTargetHtmlId: e,
+  inAppendPosition: o,
+  inShowLog: n = !1
 } = {}) => {
-  const a = t, i = e, u = n, c = r;
-  U({
-    intype: a,
-    indata: u,
-    intargetHtmlId: i,
-    incoumns: c,
-    inshowLog: l
+  const r = t, s = e, l = o, a = n, c = J(r);
+  a && console.log("renderToDom 1 (content):", c);
+  const i = document.getElementById(s);
+  return i ? (Array.isArray(c) || c instanceof NodeList || c instanceof HTMLCollection ? l === "prepend" ? i.prepend(...c) : i.append(...c) : l === "prepend" ? i.prepend(c) : (i.innerHTML = "", i.append(c)), a && console.log("renderToDom 2 (mounted):", i), i) : null;
+}, rr = (t = {}) => {
+  const e = T(t), o = L({
+    inColumns: e.columns,
+    inData: e.data,
+    inType: e.type,
+    inShowLog: e.showLog
   });
-  const h = xn({
-    inTargetHtmlId: i,
-    inColumns: c,
-    showLog: l,
-    inData: u,
-    type: a
+  return U({
+    inSpec: o,
+    inTargetHtmlId: e.targetHtmlId,
+    inAppendPosition: e.appendPosition,
+    inShowLog: e.showLog
   });
-  l && console.log("showLog 2 :", h);
-  const d = document.getElementById(i);
-  return l && console.log("showLog 3 :", d), Array.isArray(h) || h instanceof NodeList || h instanceof HTMLCollection ? s === "prepend" ? d.prepend(...h) : d.append(...h) : s === "prepend" ? d.prepend(h) : (d && (d.innerHTML = ""), d.append(h)), l && console.log("showLog 5 :", d), d;
 };
-B(En);
+D({ render: rr, getSpec: S, validateConfig: T, buildSpec: L, renderToDom: U });
 export {
-  En as default
+  L as buildSpec,
+  rr as default,
+  S as getSpec,
+  rr as render,
+  U as renderToDom,
+  T as validateConfig
 };