json-renderers 1.16.1 → 1.17.7

package/docs/dist/min.js

@@ -1,1047 +1,597 @@
-const k = {
-  version: "v15.0.0",
+const q = {
+  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())
+}, _ = (e) => {
+  const t = e;
+  if (typeof globalThis > "u" || !t) return;
+  globalThis.ks ?? (globalThis.ks = {});
+  const o = typeof t == "function" ? t : t.render, n = typeof t == "object" ? t.getSpec : void 0;
+  globalThis.ks.jsonRenderers = {
+    meta: q,
+    ...typeof t == "object" ? t : {},
+    render: o,
+    renderToDom: o,
+    domMount: t == null ? void 0 : t.renderToDom,
+    ...n ? { getSpec: n } : {}
+  };
+}, J = "table", Y = "", U = [], X = [], Q = "", W = "replace", Z = !1, b = {
+  type: J,
+  targetHtmlId: Y,
+  data: U,
+  columns: X,
+  classToApply: Q,
+  appendPosition: W,
+  showLog: Z
+}, tt = ({ inConfig: e } = {}) => {
+  const t = e;
+  if (!t || typeof t != "object")
+    throw console.error("Config must be an object"), new TypeError("Config must be an object");
+  for (const o of Object.keys(b)) {
+    if (!(o in t) || t[o] === void 0)
+      throw console.error(`Missing compulsory key: "${o}"`), new Error(`Missing compulsory key: "${o}"`);
+    if (Array.isArray(b[o])) {
+      if (!Array.isArray(t[o]))
+        throw console.error(`${o} must be an Array`), new TypeError(`${o} must be an Array`);
+    } else if (typeof t[o] != typeof b[o])
+      throw console.error(`${o} must be of type ${typeof b[o]}`), new TypeError(`${o} must be of type ${typeof b[o]}`);
+  }
+  if (typeof t.targetHtmlId == "string" && !t.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))
-    throw console.error("columns must be an array"), new TypeError("columns must be an array");
-  if (typeof r != "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 = {
-  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 = {
-  value: ""
-}, q = "", G = {
-  tagName: L,
-  attributes: K,
-  textContent: q
-}, z = ({ inColumn: t } = {}) => {
-  const e = structuredClone(G);
-  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 })
-  ];
-  return e.children = n, e;
-}, X = "tbody", Q = [], Y = {
-  tagName: X,
-  children: Q
-}, Z = "tr", tt = [], et = {
-  tagName: Z,
-  children: tt
-}, ot = "td", nt = {
-  value: ""
-}, rt = "", st = {
-  tagName: ot,
-  attributes: nt,
-  textContent: rt
-}, lt = ({ 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) => {
-    const s = Array.isArray(t) ? t[r] : t == null ? void 0 : t[r];
-    return lt({ inValue: s });
-  });
-  return n.children = o, n;
-}, ct = ({ inData: t = [], inColumns: e = [] } = {}) => {
-  const n = structuredClone(Y), o = t.map((r) => at({
-    inRow: r,
-    inColumns: e
-  }));
-  return n.children = o, n;
-}, it = "tfoot", ut = {
-  class: "table-light"
-}, dt = [], bt = {
-  tagName: it,
-  attributes: ut,
-  children: dt
-}, mt = "tr", ht = {
-  class: "align-middle"
-}, pt = [], ft = {
-  tagName: mt,
-  attributes: ht,
-  children: pt
-}, gt = "td", yt = {
-  class: "align-middle py-2"
-}, wt = [], Ct = {
-  tagName: gt,
-  attributes: yt,
-  children: wt
-}, $t = "input", Nt = {
-  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 = {
-  class: "align-middle"
-}, Bt = [], Ut = {
-  tagName: Et,
-  attributes: kt,
-  children: Bt
-}, jt = "td", vt = {
-  class: "align-middle py-2"
-}, Ot = [], It = {
-  tagName: jt,
-  attributes: vt,
-  children: Ot
-}, Wt = "input", Ft = {
-  type: "text",
-  name: "",
-  placeholder: "",
-  class: "form-control form-control-sm"
-}, Jt = {
-  tagName: Wt,
-  attributes: Ft
-}, Dt = "button", Vt = {
-  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
-  })), e;
-}, Kt = ({ inColumns: t = [] } = {}) => Lt({ inColumns: t }), qt = "tr", Gt = {
-  class: "fw-semibold align-middle"
-}, zt = [], Pt = {
-  tagName: qt,
-  attributes: Gt,
-  children: zt
-}, _t = "td", Xt = {
-  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 = {
-  class: "align-middle"
-}, se = [], le = {
-  tagName: ne,
-  attributes: re,
-  children: se
-}, ae = "td", ce = {
-  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))
-      throw new Error(`Unknown footer "${r}".`);
-    return g[r]({ inColumns: e, inData: n });
-  }), o;
-}, he = ({
-  inColumns: t = [],
-  inData: e = [],
-  inFooter: n = []
+}, O = ({
+  type: e = "table",
+  targetHtmlId: t,
+  data: o,
+  columns: n,
+  classToApply: a = "",
+  appendPosition: r = "replace",
+  showLog: s = !1
 } = {}) => {
-  const o = structuredClone(F), r = [
-    _({ inColumns: t }),
-    ct({ inData: e, inColumns: t })
-  ];
-  if (!Array.isArray(n))
-    throw new TypeError("The footer property must be an array of footer names.");
-  return n.length > 0 && r.push(me({
-    inFooter: n,
-    inColumns: t,
-    inData: e
-  })), o.children = r, o;
-}, pe = (t) => {
-  const [e, n] = t.children;
-  e.children[0].children.unshift({
-    tagName: "th",
-    textContent: "#"
-  }), n.children.forEach((o, r) => {
-    o.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({
-    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
-      }))
-    });
-  });
-}, ye = (t, e = {}) => (e.showSerial && pe(t), e.showOptions && ge(t, e.showOptions), t), we = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {}
-}, Ce = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {
-    showSerial: !0
-  }
-}, $e = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
+  const y = {
+    type: e,
+    targetHtmlId: t,
+    data: o,
+    columns: n,
+    classToApply: a,
+    appendPosition: r,
+    showLog: s
+  };
+  return tt({ inConfig: y }), y;
+}, P = () => ({ ...b });
+Object.assign(P, b);
+const et = {
+  version: "1.15.0",
+  name: "json-renderers-build"
+}, ot = (e) => {
+  const t = e;
+  if (typeof globalThis > "u" || !t) return;
+  globalThis.ks ?? (globalThis.ks = {});
+  const o = typeof t == "function" ? t : t.render, n = typeof t == "object" ? t.getSpec : void 0;
+  globalThis.ks.jsonRenderersBuild = {
+    meta: et,
+    renderToDom: o,
+    render: o,
+    ...n ? { getSpec: n } : {},
+    ...typeof t == "object" ? t : {}
+  };
+}, N = ["table", "tableFromSpec", "select", "selectOptionsOnly", "dataList", "datalist"], nt = ["table", "tableFromSpec"], F = ({ inConfig: e } = {}) => {
+  const t = e;
+  if (!t || typeof t != "object")
+    throw console.error("Config must be an object"), new TypeError("Config must be an object");
+  if (typeof t.type != "string" || !N.includes(t.type))
+    throw console.error(`type must be one of: ${N.join(", ")}`), new Error(`type must be one of: ${N.join(", ")}`);
+  if (t.showLog !== void 0 && typeof t.showLog != "boolean")
+    throw console.error("showLog must be a boolean"), new TypeError("showLog must be a boolean");
+  if (!Array.isArray(t.data))
+    throw console.error("data must be an Array"), new TypeError("data must be an Array");
+  if (nt.includes(t.type)) {
+    if (!Array.isArray(t.columns))
+      throw console.error("columns must be an array for table rendering"), new TypeError("columns must be an array for table rendering");
+    for (let o = 0; o < t.columns.length; o++) {
+      const n = t.columns[o];
+      if (!n || typeof n != "object")
+        throw console.error(`columns[${o}] must be an object`), new TypeError(`columns[${o}] must be an object`);
+      if (typeof n.columnName != "string" || !n.columnName.trim())
+        throw console.error(`columns[${o}].columnName must be a non-empty string`), new TypeError(`columns[${o}].columnName must be a non-empty string`);
     }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {
-    showOptions: !0
-  }
-}, Ne = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
+    for (let o = 0; o < t.data.length; o++) {
+      const n = t.data[o];
+      if (!n || typeof n != "object")
+        throw console.error(`data[${o}] must be an object`), new TypeError(`data[${o}] must be an object`);
     }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {
-    showOptions: [
-      {
-        label: "Show",
-        type: "button"
-      },
-      {
-        label: "Edit",
-        type: "button"
+    if (t.columns.length > 0 && t.data.length > 0) {
+      const o = t.columns.map((r) => r.columnName), n = Object.keys(t.data[0]);
+      if (!o.some((r) => n.includes(r))) {
+        const r = `Data alignment error: None of the columns [${o.join(", ")}] match any keys in data rows [${n.join(", ")}]`;
+        throw console.error(r), new Error(r);
       }
-    ]
-  }
-}, Ae = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
     }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {
-    showSerial: !0,
-    showOptions: [
-      {
-        label: "Show",
-        type: "button"
-      }
-    ]
   }
-}, Te = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  footer: [
-    "inputs"
-  ],
-  options: {}
-}, Se = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  footer: [
-    "inputsWithSave"
-  ],
-  options: {}
-}, xe = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "2"
-    },
-    {
-      itemName: "0.11-25",
-      baseUnit: "3"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  footer: [
-    "totals"
-  ],
-  options: {}
-}, Ee = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "2"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  footer: [
-    "inputs",
-    "totals",
-    "inputsWithSave",
-    "empty"
-  ],
-  options: {}
-}, ke = {
-  type: "tableHead",
-  data: [],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {}
-}, Be = {
-  type: "tableBody",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "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 = ({
-  type: t = "table",
-  inData: e,
-  inColumns: n,
-  footer: o = [],
-  options: r = {}
-} = {}) => {
-  if (t === "table") {
-    const s = he({
-      inColumns: n,
-      inData: e,
-      inFooter: o
-    });
-    return ye(s, r);
+  return !0;
+}, rt = "table", at = [], lt = [], st = {}, ct = !1, h = {
+  type: rt,
+  columns: at,
+  data: lt,
+  options: st,
+  showLog: ct
+}, it = [
+  {
+    columnName: "Name",
+    width: "150px"
+  },
+  {
+    columnName: "Designation",
+    width: "100px"
   }
-  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({
-    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;
-  typeof s == "function" && (l = s({
-    inSource: o,
-    inRecipe: r
-  }));
-  for (const [a, i] of Object.entries(l))
-    Array.isArray(i) && r && a in r && (l[a] = w({
-      inItems: i,
-      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,
-    inRecipe: r,
-    inExecute: s
-  }) : typeof o == "object" && o !== null ? je({
-    inSource: o,
-    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,
-    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)) {
-    if (!(a in r))
-      continue;
-    const u = r[a], c = ve({ inKey: a, inDirective: u });
-    let m = i;
-    m = Oe({
-      inValue: m,
-      inDirective: u,
-      inExecute: s
-    }), m = Ie({ inValue: m, inDirective: u }), m = We({ inValue: m, inDirective: u }), l[c] = m;
+], ut = [
+  {
+    Name: "Keshav",
+    Designation: "Founder"
   }
-  return l;
+], dt = {
+  columns: it,
+  data: ut
+}, f = {
+  ...h,
+  ...dt
+}, x = ({
+  type: e = f.type,
+  data: t = f.data,
+  columns: o = f.columns,
+  options: n = f.options,
+  showLog: a = f.showLog
+} = {}) => {
+  const l = {
+    type: e,
+    data: t,
+    columns: o,
+    options: n,
+    showLog: a
+  };
+  return F({ inConfig: l }), 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);
-  return t;
-}
-const Je = ({ inSource: t, inOperation: e, inExecute: n }) => {
-  const o = 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;
-      });
-      o[s] = a;
-    }
+Object.assign(x, f);
+x.toJSON = () => structuredClone(f);
+const pt = (e) => typeof e == "object" && e !== null && !Array.isArray(e), ft = (e, t) => {
+  if (!pt(e)) return;
+  let o = {};
+  for (const [n, a] of Object.entries(e))
+    o[n] = w(a, t);
   return o;
-}, De = ({ inSource: t, inTemplate: e }) => {
-  const n = t;
-  let o = [];
-  for (const [r, s] of Object.entries(n)) {
-    const l = structuredClone(e);
-    l.textContent = s, o.push(l);
-  }
-  return o;
-}, Ve = ({ inSource: t, inBuild: e, inExecute: n }) => {
-  const o = structuredClone(t), r = structuredClone(e);
-  for (const [s, l] of Object.entries(r)) {
-    const a = De({
-      inSource: o[s],
-      inTemplate: l
-    });
-    o[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,
-    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)) {
-    const l = structuredClone(e);
-    l.textContent = s, o.push(l);
+}, bt = (e, t) => {
+  const o = structuredClone(e);
+  return Array.isArray(o) ? o.map((a) => w(t, a)) : void 0;
+}, k = (e, t, o) => {
+  if (e === "${agg:count}" && "rowData" in t) {
+    if (Array.isArray(t == null ? void 0 : t.rowData))
+      return t == null ? void 0 : t.rowData.length;
+  } else
+    return e === "${rowValue}" && "rowData" in t ? t == null ? void 0 : t.rowData : e.replace(/\$\{(\w+)\}/g, (n, a) => t[a] !== void 0 ? t[a] : n);
+}, ht = (e, t) => k(e, t), mt = (e, t, o) => {
+  if (e == null)
+    throw new TypeError("inTemplate is required");
+  if (typeof e != "object" && typeof e != "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;
+}, w = (e, t, o) => {
+  const n = e, a = t;
+  mt(n, a);
+  const r = structuredClone(a);
+  return typeof r == "string" ? k(r, n) : (r === null || typeof r != "object" || ("textContent" in r && (r.textContent = ht(r == null ? void 0 : r.textContent, n)), "attributes" in r && (r.attributes = ft(r == null ? void 0 : r.attributes, n)), "children" in r && (r.children = bt(r == null ? void 0 : r.children, n))), r);
+}, gt = (e, t) => {
+  if (!Array.isArray(e))
+    throw new TypeError("inSource must be an Array");
+  if (e.length === 0)
+    throw new Error("inSource cannot be empty");
+  for (let o = 0; o < e.length; o++)
+    if (!e[o] || typeof e[o] != "object")
+      throw new TypeError(`inSource[${o}] must be an object`);
+  if (!t || typeof t != "object" && typeof t != "string")
+    throw new TypeError("inTemplate must be an object or string");
+  return !0;
+}, C = (e, t) => {
+  const o = e, n = t;
+  return gt(o, n), o.map((a) => w(a, n));
+}, wt = (e, t) => e.map((n) => ({
+  ...n,
+  rowData: t[n.columnName]
+})), yt = (e, t, o) => {
+  var a, r, s, c, i, u;
+  if (!Array.isArray(e))
+    throw new TypeError("inColumns must be an Array");
+  if (e.length === 0)
+    throw new Error("inColumns cannot be empty");
+  for (let l = 0; l < e.length; l++) {
+    const d = e[l];
+    if (!d || typeof d != "object")
+      throw new TypeError(`inColumns[${l}] must be an object`);
+    if (typeof d.columnName != "string" || !d.columnName.trim())
+      throw new TypeError(`inColumns[${l}].columnName must be a non-empty string`);
   }
-  return o;
-}, Me = ({ inSource: t, inBuild: e, inExecute: n }) => {
-  const o = structuredClone(t), r = structuredClone(e);
-  for (const [s, l] of Object.entries(r)) {
-    const a = Re({
-      inSource: o[s],
-      inTemplate: l
-    });
-    o[s] = a;
+  if (!Array.isArray(t))
+    throw new TypeError("inData must be an Array");
+  for (let l = 0; l < t.length; l++) {
+    const d = t[l];
+    if (!d || typeof d != "object")
+      throw new TypeError(`inData[${l}] must be an object`);
   }
-  return o;
-}, Le = ({ 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);
-  for (const [s, l] of Object.entries(r)) {
-    const a = Le({
-      inSource: o[s],
-      inTemplate: l == null ? void 0 : l.cell
-    });
-    o[s] = l == null ? void 0 : l.row, o[s].children = a;
+  if (!o || typeof o != "object" || Array.isArray(o))
+    throw new TypeError("inSpec must be an object");
+  const n = ((s = (r = (a = e[0]) == null ? void 0 : a.template) == null ? void 0 : r.body) == null ? void 0 : s.tr) || "buildBodyTr";
+  if (!(n in o))
+    throw new Error(`Row template "${n}" not found in inSpec`);
+  for (let l = 0; l < e.length; l++) {
+    const d = e[l], p = ((i = (c = d.template) == null ? void 0 : c.body) == null ? void 0 : i.cell) || ((u = d.template) == null ? void 0 : u.bodyCell) || "buildBodyCell";
+    if (!(p in o))
+      throw new Error(`Cell template "${p}" for column "${d.columnName}" not found in inSpec`);
   }
-  return o;
-}, qe = ({ inSource: t, inTemplate: e }) => t.map((o) => {
-  const r = structuredClone(e == null ? void 0 : e.row), s = Ge({
-    inSource: o,
-    inTemplate: e == null ? void 0 : e.cell
+  return !0;
+}, Tt = (e, t) => e.map((n) => {
+  var c, i, u;
+  const a = ((i = (c = n.template) == null ? void 0 : c.body) == null ? void 0 : i.cell) || ((u = n.template) == null ? void 0 : u.bodyCell) || "buildBodyCell", r = t[a];
+  return w(n, r);
+}), Ct = (e, t, o) => {
+  var u, l, d;
+  yt(e, t, o);
+  const n = e, a = t, r = o, s = ((d = (l = (u = n[0]) == null ? void 0 : u.template) == null ? void 0 : l.body) == null ? void 0 : d.tr) || "buildBodyTr", c = r[s];
+  return a.map((p) => {
+    const A = w(p, c), y = wt(n, p), z = Tt(y, r);
+    return A.children = z, A;
   });
-  return r.children = s, r;
-}), Ge = ({ inSource: t, inTemplate: e }) => {
-  const n = t;
-  let o = [];
-  for (const [r, s] of Object.entries(n)) {
-    const l = structuredClone(e);
-    l.textContent = s, o.push(l);
+}, S = (e, t) => {
+  var o;
+  if (((o = e == null ? void 0 : e.attributes) == null ? void 0 : o["data-role"]) === t) return e;
+  for (const n of (e == null ? void 0 : e.children) ?? []) {
+    const a = S(n, t);
+    if (a) return a;
   }
-  return o;
-}, ze = ({ inSource: t, inBuild: e, inExecute: n }) => {
-  const o = structuredClone(t), r = structuredClone(e);
-  for (const [s, l] of Object.entries(r)) {
-    const a = qe({
-      inSource: o[s],
-      inTemplate: l
-    });
-    o[s] = l == null ? void 0 : l.body, o[s].children = a;
+  return null;
+}, At = (e, t) => {
+  const o = e[t.fileName], n = t.dataRole ? S(o, t.dataRole) : o;
+  return (t.filePath ?? []).reduce((a, r) => a[r], n);
+}, Nt = {
+  tagName: "tr",
+  attributes: {
+    class: "align-middle"
+  },
+  children: []
+}, $t = {
+  tagName: "col",
+  attributes: {
+    width: "${width}"
   }
-  return o;
-}, Pe = ({ inSource: t, inTemplate: e }) => t.map((o) => {
-  const r = structuredClone(e == null ? void 0 : e.row), s = _e({
-    inSource: o,
-    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)) {
-    const l = structuredClone(e);
-    l.textContent = s, o.push(l);
+}, xt = {
+  tagName: "th",
+  textContent: "${columnName}",
+  attributes: {
+    class: "py-3 px-3 fw-semibold text-uppercase small"
   }
-  return o;
-}, Xe = ({ inSource: t, inBuild: e, inExecute: n }) => {
-  const o = structuredClone(t), r = structuredClone(e);
-  for (const [s, l] of Object.entries(r)) {
-    const a = Pe({
-      inSource: o[s],
-      inTemplate: l
-    });
-    o[s] = l == null ? void 0 : l.body, o[s].children = a;
+}, St = {
+  tagName: "td",
+  children: [
+    {
+      tagName: "input",
+      attributes: {
+        type: "text",
+        placeholder: "enter ${columnName}",
+        name: "${columnName}",
+        class: "form-control"
+      }
+    }
+  ]
+}, jt = {
+  tagName: "td",
+  textContent: "${rowValue}",
+  attributes: {
+    class: "py-3 px-3 text-secondary"
   }
-  return o;
-}, Qe = ({ inSource: t, inTransform: e, inExecute: n }) => {
-  const o = e, r = {};
-  for (let [s, l] of Object.entries(o))
-    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({
-  inSource: t,
-  inRecipe: e,
-  inExecute: b
-}), Ye = {
-  children: ""
-}, Ze = {
-  children: {
-    operationType: "loopArray",
-    template: {
-      tagName: "option",
+}, Lt = {
+  tagName: "button",
+  textContent: "${columnName}",
+  attributes: {
+    class: "btn btn-primary btn-sm"
+  }
+}, Dt = {
+  tagName: "td",
+  attributes: {
+    class: "py-2 px-3 text-center"
+  },
+  children: [
+    {
+      tagName: "button",
+      textContent: "${agg:count}",
       attributes: {
-        value: "${}"
-      },
-      textContent: "${}"
+        class: "btn btn-primary btn-sm"
+      }
     }
+  ]
+}, Et = {
+  tagName: "option",
+  textContent: "${rowValue}",
+  attributes: {
+    value: "${rowValue}"
   }
-}, to = {
-  transform: Ye,
-  operation: Ze
-}, N = ({
-  inData: t
-}) => {
-  let n = $({
-    children: t
-  }, to);
-  return n == null ? void 0 : n.children;
-}, eo = "select", oo = {
-  id: "LedgerName"
-}, no = [], ro = {
-  tagName: eo,
-  attributes: oo,
-  children: no
-}, so = ({
-  inData: t
-}) => {
-  let n = N({
-    inData: t
-  });
-  const o = structuredClone(ro);
-  return o.children = n, o;
-}, lo = "table", ao = {
+}, Ot = {
+  tagName: "select",
+  attributes: {
+    id: "LedgerName"
+  },
+  children: []
+}, Pt = {
+  tagName: "datalist",
+  attributes: {
+    "data-name": "${columnName}"
+  },
+  children: []
+}, j = {
+  buildBodyTr: Nt,
+  buildColGroup: $t,
+  buildHeader: xt,
+  buildFooter: St,
+  buildBodyCell: jt,
+  button: Lt,
+  buttonCell: Dt,
+  buildOption: Et,
+  buildSelect: Ot,
+  buildDataList: Pt
+}, Ft = "table", kt = {
   class: "table table-hover table-striped align-middle border mb-0"
-}, co = [
+}, It = [
+  {
+    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",
+    attributes: {
+      "data-role": "table-body"
+    },
     children: []
+  },
+  {
+    tagName: "tfoot",
+    attributes: {
+      "data-role": "table-footer"
+    },
+    children: [
+      {
+        tagName: "tr",
+        attributes: {
+          "data-role": "table-footer-row"
+        },
+        children: []
+      }
+    ]
   }
-], io = {
-  tagName: lo,
-  attributes: ao,
-  children: co
-}, uo = {
-  columns: {
-    row: {
-      tagName: "tr"
+], I = {
+  tagName: Ft,
+  attributes: kt,
+  children: It
+}, Rt = [
+  {
+    narration: "Build the column widths for the table using the configured columns.",
+    destinationPath: {
+      fileName: "base",
+      dataRole: "table-colgroup",
+      filePath: [
+        "children"
+      ]
     },
-    cell: {
-      tagName: "th",
-      textContent: "${}"
-    }
+    sourcePath: {
+      fileName: "data",
+      filePath: [
+        "columns"
+      ]
+    },
+    templateKey: "buildColGroup",
+    func: "fromCollection"
+  },
+  {
+    narration: "Build the header row for the table using the configured columns.",
+    destinationPath: {
+      fileName: "base",
+      dataRole: "table-header-row",
+      filePath: [
+        "children"
+      ]
+    },
+    sourcePath: {
+      fileName: "data",
+      filePath: [
+        "columns"
+      ]
+    },
+    templateKey: "buildHeader",
+    func: "fromCollection"
   }
-}, bo = {
-  rows: {
-    body: {
-      tagName: "tbody"
+], vt = [
+  {
+    narration: "Build the table body rows for the table using the configured columns and data.",
+    destinationPath: {
+      fileName: "base",
+      dataRole: "table-body",
+      filePath: [
+        "children"
+      ]
     },
-    row: {
-      tagName: "tr"
+    sourcePath: {
+      fileName: "data",
+      filePath: [
+        "columns"
+      ]
     },
-    cell: {
-      tagName: "td",
-      textContent: "${}"
-    }
+    func: "twoDimensional"
   }
-}, 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)
+], T = (e) => Array.isArray(e) ? e : [e], L = {
+  set: (e, t, o) => {
+    e[t] = o;
+  },
+  push: (e, t, o) => {
+    e[t].push(...T(o));
+  },
+  unshift: (e, t, o) => {
+    e[t].unshift(...T(o));
+  },
+  pushToRows: (e, t, o) => {
+    e[t].forEach((n) => {
+      n.children.push(...structuredClone(T(o)));
     });
-  });
-}, 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
-      }))
+  },
+  unshiftToRows: (e, t, o) => {
+    e[t].forEach((n) => {
+      n.children.unshift(...structuredClone(T(o)));
+    });
+  },
+  unshiftSerialToRows: (e, t, o) => {
+    e[t].forEach((n, a) => {
+      const r = structuredClone(o);
+      r.textContent = a + 1, n.children.unshift(r);
     });
-  });
-}, 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"
-      },
-      {
-        label: "Edit",
-        type: "button"
-      }
-    ]
   }
-}, Ao = {
-  type: "table",
-  data: [
-    {
-      itemName: "0.09/30mm",
-      baseUnit: "kgs"
-    }
-  ],
-  columns: [
-    "itemName",
-    "baseUnit"
-  ],
-  options: {
-    showSerial: !0,
-    showOptions: [
-      {
-        label: "Show",
-        type: "button"
-      }
-    ]
+}, R = (e, t, o) => {
+  const n = t.dataRole ? S(e[t.fileName], t.dataRole) : e[t.fileName], a = [...t.filePath ?? []], r = a.pop(), s = a.reduce((i, u) => i[u], n);
+  (L[t.action] || L.set)(s, r, o);
+}, m = { data: {}, base: I, spec: j }, v = {
+  fromCollection: C,
+  twoDimensional: Ct
+}, Ht = (e) => {
+  e.forEach((t) => {
+    const o = At(m, t.sourcePath);
+    if (o) {
+      const n = v[t.func](o, j[t.templateKey]);
+      R(m, t.destinationPath, n);
+    } else
+      console.log("   !instruction : ", t), console.log("   !source : ", o);
+  });
+}, Vt = (e) => {
+  e.forEach((t) => {
+    const o = v[t.func](
+      m.data.columns,
+      m.data.data,
+      j
+    );
+    R(m, t.destinationPath, o);
+  });
+}, Bt = (e) => (m.data = e, Ht(Rt), Vt(vt), I), D = ({
+  inData: e,
+  inColumns: t,
+  footer: o = [],
+  options: n
+} = {}) => Bt({
+  columns: t,
+  data: e
+}), Mt = {
+  tagName: "option",
+  textContent: "${rowValue}",
+  attributes: {
+    value: "${rowValue}"
   }
-}, 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"
-    },
-    {
-      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 = ({
-  inData: t,
-  inColumns: e,
-  footer: n = [],
-  options: o
+}, Gt = {
+  tagName: "select",
+  attributes: {
+    id: "LedgerName"
+  },
+  children: []
+}, Kt = {
+  tagName: "datalist",
+  attributes: {
+    "data-name": "${columnName}"
+  },
+  children: []
+}, g = {
+  buildOption: Mt,
+  buildSelect: Gt,
+  buildDataList: Kt
+}, zt = ({ inData: e = [] } = {}) => {
+  const t = (e ?? []).map(
+    (n) => typeof n == "object" && n !== null ? n : { rowValue: n }
+  ), o = structuredClone(g.buildSelect);
+  return o.children = C(t, g.buildOption), o;
+}, qt = ({ inData: e = [], inColumns: t = [] } = {}) => t.map((n) => {
+  const a = structuredClone(g.buildOption);
+  return a.textContent = a.textContent.replace("rowValue", n.columnName), a.attributes.value = a.attributes.value.replace("rowValue", n.columnName), C(e, a);
+}), E = ({ inData: e = [] } = {}) => {
+  const t = (e ?? []).map(
+    (n) => typeof n == "object" && n !== null ? n : { rowValue: n }
+  ), o = structuredClone(g.buildDataList);
+  return o.children = C(t, g.buildOption), o;
+}, _t = {
+  table: D,
+  tableFromSpec: D,
+  select: zt,
+  selectOptionsOnly: qt,
+  dataList: E,
+  datalist: E
+}, H = ({
+  type: e = h.type,
+  data: t = h.data,
+  columns: o = h.columns,
+  options: n = h.options,
+  showLog: a = h.showLog
 } = {}) => {
-  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 = ({
-  type: t = "table",
-  data: e,
-  columns: n,
-  options: o
-}) => {
-  const s = jo[t];
-  return s({
-    inColumns: n,
-    inData: e,
-    options: o
+  const l = {
+    type: e,
+    data: t,
+    columns: o,
+    options: n,
+    showLog: a
+  };
+  F({ inConfig: l });
+  const d = _t[l.type];
+  if (!d)
+    throw new Error(`Renderer for type "${l.type}" not found.`);
+  const p = d({
+    inColumns: l.columns,
+    inData: l.data,
+    options: l.options
   });
+  return l.showLog && console.log("json-renderers-build output:", p), p;
 };
-v(T);
-const vo = {
+ot({ render: H, getSpec: x, spec: f });
+const V = ({
+  inColumns: e,
+  inType: t = "table",
+  inData: o,
+  inShowLog: n = !1
+} = {}) => H({
+  type: t,
+  data: o ?? [],
+  columns: e,
+  showLog: n
+}), Jt = {
   version: "v9",
   description: "JSON-to-DOM engine with SVG namespace support, mixed text content, and centralized traversal"
-}, Oo = ({ inFuncDefinition: t, inReviewSpec: e } = {}) => {
-  if (typeof globalThis > "u" || !t) return;
+}, Yt = ({ inFuncDefinition: e, inReviewSpec: t } = {}) => {
+  if (typeof globalThis > "u" || !e) return;
   globalThis.ks ?? (globalThis.ks = {});
-  const n = {
-    meta: vo,
-    buildSpecElement: t,
-    reviewSpec: e
+  const o = {
+    meta: Jt,
+    buildSpecElement: e,
+    reviewSpec: t
   };
-  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;
+}, Ut = (e) => e == null ? null : typeof Node < "u" && e instanceof Node ? e : typeof e == "string" || typeof e == "number" ? document.createTextNode(String(e)) : typeof e == "object" && (e.nodeType === 3 || e.tagName === "#text" || !e.tagName && (e.textContent !== void 0 || e.text !== void 0)) ? document.createTextNode(e.textContent ?? e.text ?? "") : M(e), B = (e) => Array.isArray(e) ? e.map(Ut).flat(1 / 0).filter(Boolean) : [], Xt = (e) => (e == null, e), Qt = "http://www.w3.org/2000/svg", Wt = /* @__PURE__ */ new Set([
   "svg",
   "path",
   "symbol",
@@ -1068,69 +618,69 @@ const vo = {
   "fegaussianblur",
   "femerge",
   "femergenode"
-]), Do = ({ 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;
+]), Zt = ({ inTagName: e }) => {
+  const t = e == null ? void 0 : e.toLowerCase();
+  if (!t) return null;
+  if (t === "checkbox") {
+    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]) => {
-    if (s === "class") {
-      r ? n.setAttribute("class", String(l)) : n.className = l;
+  return Wt.has(t) ? document.createElementNS(Qt, t) : document.createElement(t);
+}, te = ({ inElement: e, inTextContent: t }) => (!e || t === void 0 || t === null || (e.textContent = t), e), ee = ({ inElement: e, inProperties: t }) => (e && t && typeof t == "object" && Object.assign(e, t), e), oe = "http://www.w3.org/1999/xlink", ne = ({ inElement: e, inAttributes: t }) => {
+  const o = e, n = t;
+  if (!o || !n || typeof n != "object")
+    return o;
+  const a = typeof SVGElement < "u" ? o instanceof SVGElement : o.namespaceURI === "http://www.w3.org/2000/svg";
+  return Object.entries(n).forEach(([r, s]) => {
+    if (r === "class") {
+      a ? o.setAttribute("class", String(s)) : o.className = s;
       return;
     }
-    if (s === "xlink:href" || s === "href") {
-      if (l != null) {
-        const a = String(l);
-        if (r)
+    if (r === "xlink:href" || r === "href") {
+      if (s != null) {
+        const c = String(s);
+        if (a)
           try {
-            n.setAttributeNS(Ho, "href", a);
+            o.setAttributeNS(oe, "href", c);
           } catch {
           }
-        n.setAttribute("href", a), n.setAttribute("xlink:href", a);
+        o.setAttribute("href", c), o.setAttribute("xlink:href", c);
       }
       return;
     }
-    if (typeof l == "boolean") {
-      l ? n.setAttribute(s, "") : n.removeAttribute(s);
+    if (typeof s == "boolean") {
+      s ? o.setAttribute(r, "") : o.removeAttribute(r);
       return;
     }
-    l != null && n.setAttribute(s, String(l));
-  }), n;
-}, Lo = ({ 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) => {
-  if (!t || typeof t != "object" || Array.isArray(t) || !t.tagName) return null;
-  const e = Do({ inTagName: t.tagName });
-  if (!e) return null;
-  if (Vo({
-    inElement: e,
-    inTextContent: Wo(t.textContent),
-    inTagName: t.tagName
-  }), Ro({
-    inElement: e,
-    inProperties: t.properties
-  }), Mo({
-    inElement: e,
-    inAttributes: t.attributes
-  }), Lo({
-    inElement: e,
-    inClassList: t.classList
-  }), Array.isArray(t.children)) {
-    const n = S(t.children);
-    n.length && e.append(...n);
+    s != null && o.setAttribute(r, String(s));
+  }), o;
+}, re = ({ inElement: e, inClassList: t }) => {
+  if (!e || !t) return e;
+  const o = typeof t == "string" ? t.split(/\s+/).filter(Boolean) : Array.isArray(t) ? t.filter((n) => typeof n == "string" && n.trim()) : [];
+  return o.length && e.classList.add(...o), e;
+}, ae = (e) => {
+  if (!e || typeof e != "object" || Array.isArray(e) || !e.tagName) return null;
+  const t = Zt({ inTagName: e.tagName });
+  if (!t) return null;
+  if (te({
+    inElement: t,
+    inTextContent: Xt(e.textContent),
+    inTagName: e.tagName
+  }), ee({
+    inElement: t,
+    inProperties: e.properties
+  }), ne({
+    inElement: t,
+    inAttributes: e.attributes
+  }), re({
+    inElement: t,
+    inClassList: e.classList
+  }), Array.isArray(e.children)) {
+    const o = B(e.children);
+    o.length && t.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 = {
+  return t;
+}, M = (e) => e == null ? null : typeof Node < "u" && e instanceof Node ? e : Array.isArray(e) ? B(e) : typeof e == "object" ? ae(e) : typeof e == "string" || typeof e == "number" ? document.createTextNode(String(e)) : null, le = "./tags.schema.json", se = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1138,7 +688,7 @@ const vo = {
     "role"
   ],
   childTags: []
-}, zo = {
+}, ce = {
   allowsTextContent: !1,
   allowsChildren: !1,
   allowedAttributes: [
@@ -1151,7 +701,7 @@ const vo = {
     "required",
     "list"
   ]
-}, Po = {
+}, ie = {
   allowsTextContent: !1,
   allowsChildren: !1,
   allowedAttributes: [
@@ -1162,7 +712,7 @@ const vo = {
     "disabled",
     "required"
   ]
-}, _o = {
+}, ue = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1171,7 +721,7 @@ const vo = {
   childTags: [
     "col"
   ]
-}, Xo = {
+}, de = {
   allowsTextContent: !1,
   allowsChildren: !1,
   allowedAttributes: [
@@ -1179,14 +729,14 @@ const vo = {
     "style",
     "width"
   ]
-}, Qo = {
+}, pe = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
     "for"
   ],
   childTags: []
-}, Yo = {
+}, fe = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1199,7 +749,7 @@ const vo = {
     "target"
   ],
   childTags: []
-}, Zo = {
+}, be = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1212,27 +762,27 @@ const vo = {
   childTags: [
     "option"
   ]
-}, tn = {
+}, he = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: []
-}, en = {
+}, me = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: []
-}, on = {
+}, ge = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: []
-}, nn = {
+}, we = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: []
-}, rn = {
+}, ye = {
   allowsTextContent: !1,
   allowsChildren: !1,
   allowedAttributes: [
@@ -1242,7 +792,7 @@ const vo = {
     "height",
     "loading"
   ]
-}, sn = {
+}, Te = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1252,7 +802,7 @@ const vo = {
     "value"
   ],
   childTags: []
-}, ln = {
+}, Ce = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1268,28 +818,28 @@ const vo = {
     "tfoot",
     "tr"
   ]
-}, an = {
+}, Ae = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: [
     "tr"
   ]
-}, cn = {
+}, Ne = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: [
     "tr"
   ]
-}, un = {
+}, $e = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: [
     "tr"
   ]
-}, dn = {
+}, xe = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [],
@@ -1297,7 +847,7 @@ const vo = {
     "td",
     "th"
   ]
-}, bn = {
+}, Se = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1306,7 +856,7 @@ const vo = {
     "rowspan"
   ],
   childTags: []
-}, mn = {
+}, je = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1314,14 +864,14 @@ const vo = {
     "rowspan"
   ],
   childTags: []
-}, hn = {
+}, Le = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: [
     "option"
   ]
-}, pn = {
+}, De = {
   allowsTextContent: !0,
   allowsChildren: !1,
   allowedAttributes: [
@@ -1330,14 +880,14 @@ const vo = {
     "selected",
     "disabled"
   ]
-}, fn = {
+}, Ee = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
     "role"
   ],
   childTags: []
-}, gn = {
+}, Oe = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1348,19 +898,19 @@ const vo = {
     "download"
   ],
   childTags: []
-}, yn = {
+}, Pe = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
     "aria-hidden"
   ],
   childTags: []
-}, wn = {
+}, Fe = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [],
   childTags: []
-}, Cn = {
+}, ke = {
   allowsTextContent: !1,
   allowsChildren: !0,
   allowedAttributes: [
@@ -1369,142 +919,129 @@ const vo = {
   childTags: [
     "li"
   ]
-}, $n = {
+}, Ie = {
   allowsTextContent: !0,
   allowsChildren: !0,
   allowedAttributes: [
     "value"
   ],
   childTags: []
-}, Nn = {
+}, Re = {
   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 }) => {
-  const e = t;
-  if (!e) return [];
-  if (Array.isArray(e))
-    return e.flatMap((o) => p({ inSpec: o }));
-  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())
-  ), 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);
+}, ve = {
+  $schema: le,
+  div: se,
+  input: ce,
+  checkbox: ie,
+  colgroup: ue,
+  col: de,
+  label: pe,
+  form: fe,
+  select: be,
+  p: he,
+  h1: me,
+  h2: ge,
+  span: we,
+  img: ye,
+  button: Te,
+  table: Ce,
+  thead: Ae,
+  tbody: Ne,
+  tfoot: $e,
+  tr: xe,
+  th: Se,
+  td: je,
+  datalist: Le,
+  option: De,
+  header: Ee,
+  a: Oe,
+  i: Pe,
+  small: Fe,
+  ul: ke,
+  li: Ie,
+  hr: Re
+}, $ = ({ inSpec: e }) => {
+  const t = e;
+  if (!t) return [];
+  if (Array.isArray(t))
+    return t.flatMap((n) => $({ inSpec: n }));
+  if (typeof t != "object") return [];
+  const o = [];
+  return typeof t.tagName == "string" && t.tagName.trim().length > 0 && o.push(t.tagName.toLowerCase()), Array.isArray(t.children) && t.children.length > 0 && t.children.forEach((n) => {
+    const a = $({ inSpec: n });
+    o.push(...a);
+  }), o;
+}, He = ({ inTagsFound: e, inAllowedTags: t }) => {
+  const o = e ?? [], n = t ?? {}, a = new Set(
+    Object.keys(n).filter((l) => l !== "$schema").map((l) => l.toLowerCase())
+  ), r = {}, s = [], c = [];
+  o.forEach((l) => {
+    r[l] = (r[l] || 0) + 1, a.has(l) ? s.includes(l) || s.push(l) : c.includes(l) || c.push(l);
   });
-  const i = n.length, u = a.length === 0;
+  const i = o.length, u = c.length === 0;
   return {
     totalTags: i,
-    tagCounts: s,
-    uniqueTags: Object.keys(s),
-    recognizedTags: l,
-    unrecognizedTags: a,
+    tagCounts: r,
+    uniqueTags: Object.keys(r),
+    recognizedTags: s,
+    unrecognizedTags: c,
     areAllTagsPresent: u
   };
-}, Sn = ({ inSpec: t, inTags: e = An } = {}) => {
-  const n = t, o = e, r = p({ inSpec: n }), s = Tn({
-    inTagsFound: r,
-    inAllowedTags: o
+}, Ve = ({ inSpec: e, inTags: t = ve } = {}) => {
+  const o = e, n = t, a = $({ inSpec: o }), r = He({
+    inTagsFound: a,
+    inAllowedTags: n
   });
   return {
-    areAllTagsPresent: s.areAllTagsPresent,
-    totalTags: s.totalTags,
-    tagCounts: s.tagCounts,
-    uniqueTags: s.uniqueTags,
-    recognizedTags: s.recognizedTags,
-    unrecognizedTags: s.unrecognizedTags
+    areAllTagsPresent: r.areAllTagsPresent,
+    totalTags: r.totalTags,
+    tagCounts: r.tagCounts,
+    uniqueTags: r.uniqueTags,
+    recognizedTags: r.recognizedTags,
+    unrecognizedTags: r.unrecognizedTags
   };
-}, E = (t = {}) => {
-  const e = (t == null ? void 0 : t.spec) ?? (t == null ? void 0 : t.inSpec) ?? t;
-  return x(e);
+}, G = (e = {}) => {
+  const t = (e == null ? void 0 : e.spec) ?? (e == null ? void 0 : e.inSpec) ?? e;
+  return M(t);
 };
-Oo({
-  inFuncDefinition: E,
-  inReviewSpec: Sn
+Yt({
+  inFuncDefinition: G,
+  inReviewSpec: Ve
 });
-const xn = ({
+const K = ({
+  inSpec: e,
   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
+  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 a = e, r = t, s = o, c = n, i = G(a);
+  c && console.log("renderToDom 1 (content):", i);
+  const u = document.getElementById(r);
+  return u ? (Array.isArray(i) || i instanceof NodeList || i instanceof HTMLCollection ? s === "prepend" ? u.prepend(...i) : u.append(...i) : s === "prepend" ? u.prepend(i) : (u.innerHTML = "", u.append(i)), c && console.log("renderToDom 2 (mounted):", u), u) : null;
+}, Be = (e = {}) => {
+  const t = O(e);
+  (t == null ? void 0 : t.showLog) && console.log("first : ", t == null ? void 0 : t.columns, t == null ? void 0 : t.data);
+  const n = V({
+    inColumns: t.columns,
+    inData: t.data,
+    inType: t.type,
+    inShowLog: t.showLog
   });
-  const h = xn({
-    inTargetHtmlId: i,
-    inColumns: c,
-    showLog: l,
-    inData: u,
-    type: a
+  return K({
+    inSpec: n,
+    inTargetHtmlId: t.targetHtmlId,
+    inAppendPosition: t.appendPosition,
+    inShowLog: t.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);
+_({ render: Be, getSpec: P, validateConfig: O, buildSpec: V, renderToDom: K });
 export {
-  En as default
+  V as buildSpec,
+  Be as default,
+  P as getSpec,
+  Be as render,
+  K as renderToDom,
+  O as validateConfig
 };