@guiexpert/demo-table-models 1.0.10 → 1.0.12

package/{index.js → dist/index.js}

@@ -1,28 +1,28 @@
-function $(s) {
+function X(s) {
   return s && s.type === "TreeRow";
 }
-function be(s) {
+function xe(s) {
   return s && s.type === "CheckboxColumnDef";
 }
-class k {
+class w {
   constructor(e = ">", r = "", a = []) {
     this.content = e, this.style = r, this.classes = a;
   }
 }
-class Ne {
-  constructor(e = new k(
+class ke {
+  constructor(e = new w(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), r = new k(
+  ), r = new w(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), a = new k(
+  ), a = new w(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), t = new k(
+  ), t = new w(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
@@ -30,12 +30,12 @@ class Ne {
     this.arrowExpanded = e, this.arrowCollapsed = r, this.arrowPlaceholder = a, this.arrowExpandCollapseAll = t;
   }
 }
-class fe {
-  constructor(e = new k("↑", "", ["ge-header-sorted-asc"]), r = new k("↓", "", ["ge-header-sorted-desc"]), a = new k("↑", "color:transparent;", [])) {
+class Re {
+  constructor(e = new w("↑", "", ["ge-header-sorted-asc"]), r = new w("↓", "", ["ge-header-sorted-desc"]), a = new w("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = r, this.iconPlaceholder = a;
   }
 }
-class T {
+class o {
   /**
    * Represents a constructor for a class.
    * @constructor
@@ -49,7 +49,7 @@ class T {
     this.r1 = e, this.c1 = r, this.r2 = a, this.c2 = t, this.gammaRange = n;
   }
   static create(e) {
-    return e.gammaRange === void 0 && (e.gammaRange = !1), new T(
+    return e.gammaRange === void 0 && (e.gammaRange = !1), new o(
       e.rowIndex1,
       e.columnIndex1,
       e.rowIndex2,
@@ -58,32 +58,32 @@ class T {
     );
   }
   static singleCell(e, r) {
-    return new T(e, r, e, r);
+    return new o(e, r, e, r);
   }
   static singleRow(e) {
-    return new T(e, 0, e, Number.MAX_SAFE_INTEGER);
+    return new o(e, 0, e, Number.MAX_SAFE_INTEGER);
   }
   static singleColumn(e) {
-    return new T(0, e, Number.MAX_SAFE_INTEGER, e);
+    return new o(0, e, Number.MAX_SAFE_INTEGER, e);
   }
   isInRange(e, r) {
     return e >= this.r1 && e <= this.r2 && r >= this.c1 && r <= this.c2;
   }
 }
-class S {
+class C {
   constructor(e, r, a) {
     this.header = e, this.body = r, this.footer = a;
   }
 }
-class Te {
-  render(e, r, a, t, n, m, i) {
+class De {
+  render(e, r, a, t, n, m, d) {
     if (n.isEditable(r, a)) {
-      i.addClass(e, "ge-table-row-input-div");
-      const d = n.getValueAt(r, a);
+      d.addClass(e, "ge-table-row-input-div");
+      const i = n.getValueAt(r, a);
       e.innerHTML = `
             <input
                 type="text"
-                value="${d}"
+                value="${i}"
                 autofocus
                 onfocus="this.setSelectionRange(0, this.value.length)"
                 data-listen="change"
@@ -98,7 +98,24 @@ class Te {
 }
 class q {
   constructor(e = "none", r = "single") {
-    this.selectionType = e, this.selectionMode = r, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
+    this.selectionType = e, this.selectionMode = r, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
+  }
+  getEventSelectionChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventSelectionChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventSelectionChangedListener(e) {
+    const r = this.listenerArr.indexOf(e, 0);
+    r > -1 && this.listenerArr.splice(r, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.silent || this.listenerArr.forEach((e) => e.onSelectionChanged(this));
+  }
+  firstClick(e, r) {
+    this.selectionType === "row" ? this.addRange(o.singleRow(e)) : this.selectionType === "column" && this.addRange(o.singleColumn(r));
   }
   getSelectionCount(e, r) {
     let a = 0;
@@ -116,33 +133,68 @@ class q {
     return this.ranges;
   }
   clear() {
-    this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
+    this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.fireChangeEvent();
   }
   hasSelection() {
-    return !!this.ranges.length;
+    return this.allSelected || !!this.ranges.length;
+  }
+  hasNoSelection() {
+    return !this.hasSelection();
+  }
+  /**
+   * Retrieves the merged row indices from the given range selection.
+   *
+   * @returns {number[]} Array of merged row indices
+   */
+  getMergedRowIndices() {
+    const e = /* @__PURE__ */ new Set();
+    for (const r of this.ranges)
+      for (let a = r.r1; a <= r.r2; a++)
+        !e.has(a) && !this.isInNegativeRange(a, 0) && e.add(a);
+    return Array.from(e);
   }
   selectAll() {
-    this.allSelected = !0;
+    this.allSelected = !0, this.fireChangeEvent();
+  }
+  isAllSelected() {
+    return this.allSelected;
   }
   addSelection(e) {
-    this.addRange(e);
+    this.addRange(e), this.fireChangeEvent();
   }
   removeSelection(e) {
     if (this.selectionType === "none")
       return;
     let r = e;
-    this.selectionType === "row" ? r = T.singleRow(e.r1) : this.selectionType === "column" && (r = T.singleColumn(e.c1)), this.negativeRanges.push(r);
+    this.selectionType === "row" ? r = o.singleRow(e.r1) : this.selectionType === "column" && (r = o.singleColumn(e.c1)), this.negativeRanges.push(r), this.fireChangeEvent();
   }
   togglePoint(e, r) {
-    this.getSelectionCount(e, r) > 0 ? this.removeSelection(T.singleCell(e, r)) : this.addSelection(T.singleCell(e, r));
+    this.getSelectionCount(e, r) > 0 ? this.removeSelection(o.singleCell(e, r)) : this.addSelection(o.singleCell(e, r));
+  }
+  isSelected(e, r) {
+    return this.getSelectionCount(e, r) > 0;
   }
   addRange(e) {
-    this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e));
+    this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e), this.fireChangeEvent());
   }
 }
-class oe {
+class Ae {
   constructor(e = "none") {
-    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
+    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
+  }
+  getEventFocusChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventFocusChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventFocusChangedListener(e) {
+    const r = this.listenerArr.indexOf(e, 0);
+    r > -1 && this.listenerArr.splice(r, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.listenerArr.forEach((e) => e.onFocusChanged(this));
   }
   clearChanged() {
     this.changed = !1;
@@ -151,10 +203,10 @@ class oe {
     return this.changed;
   }
   clear() {
-    this.rowIndex = -1, this.columnIndex = -1;
+    this.rowIndex = -1, this.columnIndex = -1, this.fireChangeEvent();
   }
   setFocus(e, r) {
-    (this.rowIndex !== e || this.columnIndex !== r) && (this.rowIndex = e, this.columnIndex = r, this.changed = !0);
+    (this.rowIndex !== e || this.columnIndex !== r) && (this.rowIndex = e, this.columnIndex = r, this.changed = !0, this.fireChangeEvent());
   }
   hasFocus(e, r) {
     return this.rowIndex === e && this.columnIndex === r;
@@ -163,40 +215,376 @@ class oe {
     return [this.rowIndex, this.columnIndex];
   }
 }
-const he = new q(), Se = new oe("cell");
-class Z {
+class ee {
+  constructor(e = new w(
+    "❯",
+    "",
+    ["gt-table-icon-expanded"]
+  ), r = new w(
+    "❯",
+    "transform: rotate(180deg) translate(-100%, -100%); transform-origin: 0 0;",
+    ["ge-table-icon-collapsed"]
+  )) {
+    this.iconExpanded = e, this.iconCollapsed = r;
+  }
+  // `⊖ `,  `⊕ `;
+}
+const Ue = new q(), Me = new Ae("cell");
+class z {
   constructor() {
     this.overflowX = "auto", this.overflowY = "auto", this.horizontalBorderVisible = !0, this.verticalBorderVisible = !0, this.footerSeparatorBorderVisible = !0, this.headerSeparatorBorderVisible = !0, this.fixedEastSeparatorBorderVisible = !0, this.fixedWestSeparatorBorderVisible = !0, this.tableTopBorderVisible = !0, this.tableBottomBorderVisible = !0, this.hoverRowVisible = !0, this.hoverColumnVisible = !0, this.columnsResizable = !0, this.columnsDraggable = !0, this.columnResizeHandleWidthInPx = 4, this.defaultRowHeights = {
       header: 34,
       body: 34,
       footer: 34
-    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new Ne(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new fe(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, r) => new Te(), this.getSelectionModel = () => he, this.getFocusModel = () => Se;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new ke(), this.headerGroupOptions = new ee(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Re(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, r) => new De(), this.getSelectionModel = () => Ue, this.getFocusModel = () => Me;
   }
 }
-class Q {
-  constructor(e, r = !0, a, t, n = 0, m = !1, i = !1) {
-    this.data = e, this.expanded = r, this.children = a, this.parent = t, this.deep = n, this.checked = m, this.keep = i, this.type = "TreeRow";
+const D = class D {
+  /**
+   * Returns the content to be copied based on the provided table model, selection model, and focus model.
+   *
+   * @param {TableModelIf} tableModel - The table model for data retrieval.
+   * @param {SelectionModelIf} selectionModel - The selection model to determine the selected range.
+   * @param {FocusModelIf} focusModel - The focus model to determine the focused cell.
+   * @return {Promise<string>} A promise that resolves to the copied content as a string.
+   * @throws {string} Throws an error if neither selection nor focus is defined.
+   */
+  createContent(e, r, a) {
+    return new Promise((t, n) => {
+      if (r != null && r.hasSelection()) {
+        const m = this.mergeRanges(r.getRanges());
+        if (m) {
+          m.c2 = Math.min(m.c2, e.getColumnCount() - 1), m.r2 = Math.min(m.r2, e.getBodyModel().getRowCount() - 1);
+          const d = [];
+          for (let i = m.r1; i <= m.r2; i++) {
+            const u = [];
+            for (let l = m.c1; l <= m.c2; l++) {
+              const c = r.isSelected(i, l) ? e.getBodyModel().getTextValueAt(i, l) : "";
+              u.push(c);
+            }
+            d.push(u.join(D.columnSeparatorChar));
+          }
+          return t(d.join(D.rowSeparatorChar));
+        }
+      }
+      if (a) {
+        const [m, d] = a.getFocus(), i = e.getBodyModel().getTextValueAt(m, d);
+        return t(i);
+      }
+      n("Cannot copy, neither selection nor focus defined.");
+    });
+  }
+  /**
+   * Copy the provided content to the clipboard.
+   *
+   * @param {string} content - The content to be copied.
+   * @return {Promise<void>} A promise that resolves when the content has been successfully copied to the clipboard.
+   */
+  copyContent(e) {
+    return navigator.clipboard.writeText(e);
+  }
+  /**
+   * Asynchronously copies the content of a table to the clipboard.
+   *
+   * @param {TableModelIf} tableModel - The table model to copy from.
+   * @param {SelectionModelIf} selectionModel - The selection model of the table.
+   * @param {FocusModelIf} focusModel - The focus model of the table.
+   * @returns {Promise<string>} A promise that resolves with the copied text if successful, or rejects if an error occurs.
+   */
+  copyToClipboard(e, r, a) {
+    return new Promise((t, n) => {
+      this.createContent(
+        e,
+        r,
+        a
+      ).then((m) => {
+        m && this.copyContent(m).then((d) => {
+          t(m);
+        }).catch((d) => {
+          n();
+        });
+      }).catch((m) => {
+        n();
+      });
+    });
+  }
+  /**
+   * Merges an array of CellRanges into a single merged CellRange.
+   *
+   * @param {CellRange[]} ranges - The array of CellRanges to be merged.
+   * @return {CellRange | undefined} - The merged CellRange, or undefined if the ranges array is empty.
+   */
+  mergeRanges(e) {
+    let r;
+    for (const a of e)
+      r ? (r.r1 = Math.min(r.r1, a.r1), r.c1 = Math.min(r.c1, a.c1), r.r2 = Math.max(r.r2, a.r2), r.c2 = Math.max(r.c2, a.c2)) : r = new o(a.r1, a.c1, a.r2, a.c2);
+    return r;
+  }
+};
+D.columnSeparatorChar = "	", D.rowSeparatorChar = `
+`;
+let me = D;
+const $ = class $ {
+};
+$.themes = ["light", "combat", "paper", "blackboard"], $.vars = {
+  light: `html[data-theme="light"] {
+  --ge-table-bg: rgba(255,255,255, 0.5);
+  --ge-table-header-west-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-header-center-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-header-east-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-header-west-text: #000;
+  --ge-table-header-center-text: #000;
+  --ge-table-header-east-text: #000;
+  --ge-table-header-west-horizontal-border: #ddd;
+  --ge-table-header-west-vertical-border: #ccc;
+  --ge-table-header-center-horizontal-border: #ddd;
+  --ge-table-header-center-vertical-border: #ccc;
+  --ge-table-header-east-horizontal-border: #ddd;
+  --ge-table-header-east-vertical-border: #ccc;
+  --ge-table-body-west-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-body-center-bg: rgba(255,255,255, 0.5);
+  --ge-table-body-east-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-body-west-text: #000;
+  --ge-table-body-center-text: #000;
+  --ge-table-body-east-text: #000;
+  --ge-table-body-west-horizontal-border: #ddd;
+  --ge-table-body-west-vertical-border: #ccc;
+  --ge-table-body-center-horizontal-border: #bbb;
+  --ge-table-body-center-vertical-border: #ddd;
+  --ge-table-body-east-horizontal-border: #ddd;
+  --ge-table-body-east-vertical-border: #ccc;
+  --ge-table-body-west-selected-range-bg: rgba(0, 152, 219, 0.4);
+  --ge-table-body-center-selected-range-bg: rgba(0, 152, 219, 0.4);
+  --ge-table-body-east-selected-range-bg: rgba(0, 152, 219, 0.4);
+  --ge-table-body-west-selected-range-text: #000;
+  --ge-table-body-center-selected-range-text: #000;
+  --ge-table-body-east-selected-range-text: #000;
+  --ge-table-footer-west-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-footer-center-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-footer-east-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-footer-west-text: #000;
+  --ge-table-footer-center-text: #000;
+  --ge-table-footer-east-text: #000;
+  --ge-table-footer-west-horizontal-border: #ddd;
+  --ge-table-footer-west-vertical-border: #ccc;
+  --ge-table-footer-center-horizontal-border: #ddd;
+  --ge-table-footer-center-vertical-border: #ccc;
+  --ge-table-footer-east-horizontal-border: #ddd;
+  --ge-table-footer-east-vertical-border: #ccc;
+  --ge-table-border: #ccc;
+  --ge-table-row-odd-bg: transparent;
+  --ge-table-row-even-bg: transparent;
+  --ge-table-column-odd-bg: transparent;
+  --ge-table-column-even-bg: transparent;
+  --ge-table-hover-column-bg: rgba(0, 224, 255, 0.27);
+  --ge-table-hover-row-bg: rgba(0, 224, 255, 0.27);
+  --ge-table-focus-border: rgb(0, 255, 255);
+  --ge-table-color-error-text: #e00034;
+  --ge-table-tree-arrow-collapsed-color: #e00034;
+  --ge-table-column-resize-handle-border: rgb(0, 255, 255);
+  --ge-table-dragged-col-div-bg: lightcyan;
+  --ge-table-drop-zone-bg: rgba(244, 255, 242, 0.6);
+}`,
+  combat: `html[data-theme="combat"] {
+  --ge-table-bg: #101010;
+  --ge-table-header-west-bg: #101010;
+  --ge-table-header-center-bg: #101010;
+  --ge-table-header-east-bg: #101010;
+  --ge-table-header-west-text: oklch(100% 0 0);
+  --ge-table-header-center-text: oklch(100% 0 0);
+  --ge-table-header-east-text: oklch(100% 0 0);
+  --ge-table-header-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-bg: #101010;
+  --ge-table-body-center-bg: #101010;
+  --ge-table-body-east-bg: #101010;
+  --ge-table-body-west-text: #b6b4b4;
+  --ge-table-body-center-text: #b6b4b4;
+  --ge-table-body-east-text: #b6b4b4;
+  --ge-table-body-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-selected-range-bg: oklch(20% 0.2 39.6 / 37%);
+  --ge-table-body-center-selected-range-bg: oklch(20% 0.2 39.6 / 37%);
+  --ge-table-body-east-selected-range-bg: oklch(20% 0.2 39.6 / 37%);
+  --ge-table-body-west-selected-range-text: #f00032;
+  --ge-table-body-center-selected-range-text: #f00032;
+  --ge-table-body-east-selected-range-text: #f00032;
+  --ge-table-footer-west-bg: #101010;
+  --ge-table-footer-center-bg: #101010;
+  --ge-table-footer-east-bg: #101010;
+  --ge-table-footer-west-text: oklch(100% 0 0);
+  --ge-table-footer-center-text: oklch(100% 0 0);
+  --ge-table-footer-east-text: oklch(100% 0 0);
+  --ge-table-footer-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-border: oklch(100% 0 0 / 0%);
+  --ge-table-row-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-row-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-hover-column-bg: oklch(34% 0.25 3.6 / 27%);
+  --ge-table-hover-row-bg: oklch(34% 0.25 3.6 / 27%);
+  --ge-table-focus-border: oklch(40% 0.25 3.6);
+  --ge-table-color-error-text: oklch(65% 0.31 43.2);
+  --ge-table-tree-arrow-collapsed-color: #e00034;
+  --ge-table-column-resize-handle-border: oklch(63% 0.31 43.2);
+  --ge-table-dragged-col-div-bg: #2c2e33;
+  --ge-table-drop-zone-bg: #101010;
+}`,
+  paper: `html[data-theme="paper"] {
+  --ge-table-bg: #e7e5df;
+  --ge-table-header-west-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-header-center-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-header-east-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-header-west-text: #111;
+  --ge-table-header-center-text: #111;
+  --ge-table-header-east-text: #111;
+  --ge-table-header-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-body-center-bg: #e7e5df;
+  --ge-table-body-east-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-body-west-text: #000;
+  --ge-table-body-center-text: #000;
+  --ge-table-body-east-text: #000;
+  --ge-table-body-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-selected-range-bg: #cfcdc2;
+  --ge-table-body-center-selected-range-bg: #cfcdc2;
+  --ge-table-body-east-selected-range-bg: #cfcdc2;
+  --ge-table-body-west-selected-range-text: #000;
+  --ge-table-body-center-selected-range-text: #000;
+  --ge-table-body-east-selected-range-text: #000;
+  --ge-table-footer-west-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-footer-center-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-footer-east-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-footer-west-text: #111;
+  --ge-table-footer-center-text: #111;
+  --ge-table-footer-east-text: #111;
+  --ge-table-footer-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-border: oklch(100% 0 0 / 0%);
+  --ge-table-row-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-row-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-hover-column-bg: oklch(5% 0.2 266.40000000000003 / 9%);
+  --ge-table-hover-row-bg: oklch(5% 0.2 266.40000000000003 / 9%);
+  --ge-table-focus-border: oklch(100% 0.19 205.20000000000002);
+  --ge-table-color-error-text: oklch(45% 0.25 43.2);
+  --ge-table-tree-arrow-collapsed-color: #e00034;
+  --ge-table-column-resize-handle-border: oklch(100% 0.19 205.20000000000002 / 71%);
+  --ge-table-dragged-col-div-bg: #2c2e33;
+  --ge-table-drop-zone-bg: #e7e5df;
+}`,
+  blackboard: `html[data-theme="dark"] {
+  --ge-table-bg: #0c1021;
+  --ge-table-header-west-bg: #0c1021;
+  --ge-table-header-center-bg: #0c1021;
+  --ge-table-header-east-bg: #0c1021;
+  --ge-table-header-west-text: #e0df85;
+  --ge-table-header-center-text: #e0df85;
+  --ge-table-header-east-text: #e0df85;
+  --ge-table-header-west-horizontal-border: transparent;
+  --ge-table-header-west-vertical-border: transparent;
+  --ge-table-header-center-horizontal-border: transparent;
+  --ge-table-header-center-vertical-border: transparent;
+  --ge-table-header-east-horizontal-border: transparent;
+  --ge-table-header-east-vertical-border: transparent;
+  --ge-table-body-west-bg: #0c1021;
+  --ge-table-body-center-bg: #0c1021;
+  --ge-table-body-east-bg: #0c1021;
+  --ge-table-body-west-text: #a7a7a7;
+  --ge-table-body-center-text: #a7a7a7;
+  --ge-table-body-east-text: #a7a7a7;
+  --ge-table-body-west-horizontal-border: transparent;
+  --ge-table-body-west-vertical-border: transparent;
+  --ge-table-body-center-horizontal-border: transparent;
+  --ge-table-body-center-vertical-border: transparent;
+  --ge-table-body-east-horizontal-border: transparent;
+  --ge-table-body-east-vertical-border: transparent;
+  --ge-table-body-west-selected-range-bg: #758129;
+  --ge-table-body-center-selected-range-bg: #758129;
+  --ge-table-body-east-selected-range-bg: #758129;
+  --ge-table-body-west-selected-range-text: oklch(100% 0 0);
+  --ge-table-body-center-selected-range-text: oklch(100% 0 0);
+  --ge-table-body-east-selected-range-text: oklch(100% 0 0);
+  --ge-table-footer-west-bg: #0c1021;
+  --ge-table-footer-center-bg: #0c1021;
+  --ge-table-footer-east-bg: #0c1021;
+  --ge-table-footer-west-text: #e0df85;
+  --ge-table-footer-center-text: #e0df85;
+  --ge-table-footer-east-text: #e0df85;
+  --ge-table-footer-west-horizontal-border: transparent;
+  --ge-table-footer-west-vertical-border: transparent;
+  --ge-table-footer-center-horizontal-border: transparent;
+  --ge-table-footer-center-vertical-border: otransparent;
+  --ge-table-footer-east-horizontal-border: transparent;
+  --ge-table-footer-east-vertical-border: transparent;
+  --ge-table-border: oklch(0% 0 0);
+  --ge-table-row-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-row-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-hover-column-bg: #a9a9a9;
+  --ge-table-hover-row-bg: #a9a9a9;
+  --ge-table-focus-border: #e1ff00;
+  --ge-table-color-error-text: #ff0040;
+  --ge-table-tree-arrow-collapsed-color: #e00034;
+  --ge-table-column-resize-handle-border: oklch(0% 0 0);
+  --ge-table-dragged-col-div-bg: #2c2e33;
+  --ge-table-drop-zone-bg: #758129;
+}`
+};
+let se = $;
+class ie {
+  constructor(e, r = !0, a, t, n = 0, m = !1, d = !1) {
+    this.data = e, this.expanded = r, this.children = a, this.parent = t, this.deep = n, this.checked = m, this.keep = d, this.type = "TreeRow";
   }
 }
-class A {
+class M {
   static buildTreeRows(e, r = "children", a = 12) {
     const t = [];
     for (const n of e)
-      t.push(A.buildTreeRow(n, r, void 0, 0, a));
+      t.push(M.buildTreeRow(n, r, void 0, 0, a));
     return t;
   }
-  static buildTreeRow(e, r = "children", a = new Q(e, !0, [], void 0, 0), t = 0, n = 12) {
-    var i;
+  static buildTreeRow(e, r = "children", a = new ie(e, !0, [], void 0, 0), t = 0, n = 12) {
+    var d;
     if (t > n)
       return console.warn("Max deep limit reached: ", t), a;
     const m = e[r];
     if (m)
-      for (const d of m) {
-        const p = new Q(d, !0, [], a, t + 1);
-        if ((i = a.children) == null || i.push(p), A.buildTreeRow(
-          d,
+      for (const i of m) {
+        const u = new ie(i, !0, [], a, t + 1);
+        if ((d = a.children) == null || d.push(u), M.buildTreeRow(
+          i,
           r,
-          p,
+          u,
           t + 1
         ), t > n)
           return console.warn("Max deep limit reached: ", t), a;
@@ -204,46 +592,46 @@ class A {
     return a;
   }
 }
-class v {
+class R {
   constructor(e = 34, r = 34, a = 34) {
     this.header = e, this.body = r, this.footer = a;
   }
 }
-class u {
+class p {
   constructor(e = 100, r = "px") {
     this.value = e, this.unit = r;
   }
 }
-const f = () => !0, U = () => !1;
+const g = () => !0, B = () => !1;
 class y {
-  constructor(e, r, a = new u(100, "px"), t = new S(), n = new S(), m = new u(100, "px"), i = new u(100, "px"), d, p, l, c, b, P, w, x, g = () => this.visible) {
-    this.property = e, this.headerLabel = r, this.width = a, this.classes = t, this.rendererMap = n, this.minWidth = m, this.maxWidth = i, this.sortable = d, this.sortComparator = p, this.sortState = l, this.sortStatesOrder = c, this.sortIconVisible = b, this.editable = P, this.getEditRenderer = w, this.editInputPipe = x, this.isVisible = g, this.visible = !0;
+  constructor(e, r, a = new p(100, "px"), t = new C(), n = new C(), m = new p(100, "px"), d = new p(100, "px"), i, u, l, c, N, G, v, k, b = () => this.visible) {
+    this.property = e, this.headerLabel = r, this.width = a, this.classes = t, this.rendererMap = n, this.minWidth = m, this.maxWidth = d, this.sortable = i, this.sortComparator = u, this.sortState = l, this.sortStatesOrder = c, this.sortIconVisible = N, this.editable = G, this.getEditRenderer = v, this.editInputPipe = k, this.isVisible = b, this.visible = !0;
   }
   static bodyRenderer(e) {
-    return new S(
+    return new C(
       void 0,
       e,
       void 0
     );
   }
   static create(e) {
-    const r = new S(
+    const r = new C(
       e.headerRenderer,
       e.bodyRenderer,
       e.footerRenderer
-    ), a = new S(
+    ), a = new C(
       e.headerClasses,
       e.bodyClasses,
       e.footerClasses
-    ), t = e.sortIconVisible ?? e.sortable ?? U, n = e.editable ?? e.editable ?? U, m = e.isVisible ?? e.isVisible ?? f;
+    ), t = e.sortIconVisible ?? e.sortable ?? B, n = e.editable ?? e.editable ?? B, m = e.isVisible ?? e.isVisible ?? g;
     return new y(
       e.property ?? "",
       e.headerLabel ?? "",
-      e.width ?? new u(100, "px"),
+      e.width ?? new p(100, "px"),
       a,
       r,
-      e.minWidth ?? new u(100, "px"),
-      e.maxWidth ?? new u(100, "px"),
+      e.minWidth ?? new p(100, "px"),
+      e.maxWidth ?? new p(100, "px"),
       e.sortable,
       e.sortComparator,
       e.sortState,
@@ -256,11 +644,14 @@ class y {
     );
   }
 }
-const Ce = new u(300, "px"), Pe = new u(250, "px"), Le = new u(220, "px"), D = new u(200, "px"), Ge = new u(160, "px"), ye = new u(150, "px"), ue = new u(140, "px"), z = new u(120, "px"), G = new u(100, "px"), ze = new u(90, "px"), Ze = new u(80, "px"), we = new u(70, "px"), I = new u(60, "px"), xe = new u(50, "px");
-class X {
+const Be = new p(300, "px"), Ie = new p(250, "px"), fe = new p(220, "px"), A = new p(200, "px"), qe = new p(160, "px"), Te = new p(150, "px"), re = new p(140, "px"), L = new p(120, "px"), T = new p(100, "px"), oe = new p(90, "px"), he = new p(80, "px"), Ve = new p(70, "px"), x = new p(60, "px"), He = new p(50, "px");
+class ae {
   constructor(e, r = [], a = -1) {
     this.areaIdent = e, this.columnDefs = r, this.defaultRowHeight = a, this.rowSelectionModel = void 0, this.yPositions = [], this.cellRenderers = r.map((t) => t.rendererMap[e]);
   }
+  getTextValueAt(e, r) {
+    return "" + this.getValueAt(e, r);
+  }
   getTooltipAt(e, r) {
     return "";
   }
@@ -314,11 +705,13 @@ class X {
     return !1;
   }
   isEditable(e, r) {
-    return this.columnDefs && r < this.columnDefs.length && this.columnDefs[r].editable ? this.columnDefs[r].editable() : !1;
+    var t, n;
+    const a = (t = this.columnDefs) == null ? void 0 : t[r];
+    return ((n = a == null ? void 0 : a.editable) == null ? void 0 : n.call(a)) ?? !1;
   }
   setValue(e, r, a) {
-    var i;
-    const t = (i = this.columnDefs[r]) == null ? void 0 : i.editInputPipe;
+    var d;
+    const t = (d = this.columnDefs[r]) == null ? void 0 : d.editInputPipe;
     t && (a = t(a, e, r));
     const n = this.getRowByIndex(e), m = this.columnDefs[r].property;
     return m.includes(".") ? this.setPropertyValue(n, m.split("."), a) : (n[m] = a, !0);
@@ -332,7 +725,7 @@ class X {
   setPropertyValue(e, r, a) {
     const t = r.shift();
     if (t) {
-      let n = e[t];
+      const n = e[t];
       return n && r.length ? this.setPropertyValue(n, r, a) : (e[t] = a, !0);
     }
     return !1;
@@ -348,7 +741,7 @@ class X {
       this.yPositions[r + 1] = this.getRowHeight(r) + this.yPositions[r];
   }
 }
-class o extends X {
+class S extends ae {
   constructor(e, r, a, t = []) {
     super(e, t, a), this.areaIdent = e, this.arr = r, this.defaultRowHeight = a, this.columnDefs = t, this.filteredArr = [...r];
   }
@@ -376,7 +769,7 @@ class o extends X {
     this.filteredArr.forEach((a) => this.arrayMove(a, e, r)), super.changeColumnOrder(e, r);
   }
 }
-class L {
+class Z {
   constructor(e = "body") {
     this.areaIdent = e, this.rowSelectionModel = void 0;
   }
@@ -386,6 +779,9 @@ class L {
   getValueAt(e, r) {
     return "";
   }
+  getTextValueAt(e, r) {
+    return "";
+  }
   getCellRenderer(e, r) {
   }
   getRowHeight(e) {
@@ -445,7 +841,7 @@ class L {
   changeColumnOrder(e, r) {
   }
 }
-class ke {
+class _e {
   flattenTree(e, r = []) {
     var a;
     for (const t of e)
@@ -456,7 +852,7 @@ class ke {
     return e.parent ? e.parent.expanded ? this.isVisible(e.parent) : !1 : !0;
   }
 }
-class pe {
+class Se {
   genericSortComparator(e, r, a) {
     if (typeof e == "number" && typeof r == "number")
       return a * (e - r);
@@ -474,9 +870,9 @@ class pe {
     return a * ("" + e).localeCompare("" + r);
   }
 }
-class ee extends X {
+class de extends ae {
   constructor(e, r, a, t = []) {
-    super(e, t, a), this.areaIdent = e, this.rows = r, this.defaultRowHeight = a, this.columnDefs = t, this.type = "AreaModelTree", this.sorterService = new pe(), this.service = new ke(), this.properties = t.map((n) => n.property), this.flattenRows = this.service.flattenTree(r), this.filteredFlattenRows = [...this.flattenRows];
+    super(e, t, a), this.areaIdent = e, this.rows = r, this.defaultRowHeight = a, this.columnDefs = t, this.type = "AreaModelTree", this.sorterService = new Se(), this.service = new _e(), this.properties = t.map((n) => n.property), this.flattenRows = this.service.flattenTree(r), this.filteredFlattenRows = [...this.flattenRows];
   }
   changeColumnOrder(e, r) {
     this.arrayMove(this.properties, e, r), super.changeColumnOrder(e, r);
@@ -533,8 +929,8 @@ class ee extends X {
     t && (a = t(a, e, r));
     const n = this.getRowByIndex(e);
     if (n) {
-      const i = n.data, d = this.columnDefs[r].property;
-      return d.includes(".") ? this.setPropertyValue(i, d.split("."), a) : (i[d] = a, !0);
+      const d = n.data, i = this.columnDefs[r].property;
+      return i.includes(".") ? this.setPropertyValue(d, i.split("."), a) : (d[i] = a, !0);
     }
     return !1;
   }
@@ -578,7 +974,7 @@ class ee extends X {
       t.children && this.treeSort(t.children, r, a);
   }
 }
-class re {
+class ye {
   constructor(e = []) {
     this.allRootNodes = e;
   }
@@ -638,12 +1034,12 @@ class re {
       a.checked && r.push(a), a.children && this.addSelectedRecursive(a.children, r);
   }
 }
-class ae {
+class ue {
   constructor(e = 0, r = 0, a = 0, t = 0) {
     this.top = e, this.right = r, this.bottom = a, this.left = t;
   }
 }
-class ve {
+class $e {
   constructor() {
     this.checkedRows = [];
   }
@@ -674,11 +1070,11 @@ class ve {
     }
   }
 }
-class V {
-  constructor(e, r, a, t = 0, n = 0, m = !1, i = new v(), d = [], p = [], l = -1, c = 0, b = 400, P = () => {
+class W {
+  constructor(e, r, a, t = 0, n = 0, m = !1, d = new R(), i = [], u = [], l = -1, c = 0, N = 400, G = () => {
   }) {
-    var w, x, g, O;
-    this.headerAreaModel = e, this.bodyAreaModel = r, this.footerAreaModel = a, this.fixedLeftColumnCount = t, this.fixedRightColumnCount = n, this.rowCheckboxVisible = m, this.defaultRowHeights = i, this.columnDefs = d, this.columnSizes = p, this.overridingColumnWidth = l, this.columnCount = c, this.parentSize = b, this.getSelectionModel = P, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new ae(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", r.areaIdent = "body", a.areaIdent = "footer", this.columnCount || ((w = this.columnDefs) != null && w.length ? this.columnCount = this.columnDefs.length : (x = this.columnSizes) != null && x.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (O = this.columnDefs) != null && O.length && be(this.columnDefs[0]) && !r.rowSelectionModel && (r.rowSelectionModel = new ve());
+    var v, k, b, F;
+    this.headerAreaModel = e, this.bodyAreaModel = r, this.footerAreaModel = a, this.fixedLeftColumnCount = t, this.fixedRightColumnCount = n, this.rowCheckboxVisible = m, this.defaultRowHeights = d, this.columnDefs = i, this.columnSizes = u, this.overridingColumnWidth = l, this.columnCount = c, this.parentSize = N, this.getSelectionModel = G, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new ue(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", r.areaIdent = "body", a.areaIdent = "footer", this.columnCount || ((v = this.columnDefs) != null && v.length ? this.columnCount = this.columnDefs.length : (k = this.columnSizes) != null && k.length && (this.columnCount = (b = this.columnSizes) == null ? void 0 : b.length)), (F = this.columnDefs) != null && F.length && xe(this.columnDefs[0]) && !r.rowSelectionModel && (r.rowSelectionModel = new $e());
   }
   init() {
     this.recalcSize(this.parentSize), this.overridingColumnWidth === -1 && this.calcXPositions(), this.headerAreaModel && this.headerAreaModel.init(), this.bodyAreaModel && this.bodyAreaModel.init(), this.footerAreaModel && this.footerAreaModel.init();
@@ -759,7 +1155,7 @@ class V {
    */
   recalcPadding() {
     const e = this.getSideAreaWidth("west"), r = this.getSideAreaWidth("east"), a = this.getAreaHeight("header"), t = this.getAreaHeight("footer");
-    this.padding = new ae(
+    this.padding = new ue(
       a,
       r,
       t,
@@ -977,7 +1373,13 @@ class V {
    * @returns {boolean} - `true` if the column is sortable, `false` otherwise.
    */
   isSortable(e) {
-    return this.columnDefs && e < this.columnDefs.length && this.columnDefs[e].sortable ? this.columnDefs[e].sortable() : !1;
+    var r;
+    if (this.columnDefs && e < this.columnDefs.length) {
+      const a = (r = this.columnDefs[e]) == null ? void 0 : r.sortable;
+      if (typeof a == "function")
+        return a();
+    }
+    return !1;
   }
   /**
    * Moves a column in the column order.
@@ -997,12 +1399,12 @@ class V {
       if (n.width.unit === "%" && e) {
         let m = Math.floor(n.width.value * e / 100);
         if (n.minWidth) {
-          let i = n.minWidth.unit === "px" ? n.minWidth.value : Math.floor(n.minWidth.value * e / 100);
-          m = Math.max(i, m);
+          const d = n.minWidth.unit === "px" ? n.minWidth.value : Math.floor(n.minWidth.value * e / 100);
+          m = Math.max(d, m);
         }
         if (n.maxWidth) {
-          let i = n.maxWidth.unit === "px" ? n.maxWidth.value : Math.floor(n.maxWidth.value * e / 100);
-          m = Math.min(i, m);
+          const d = n.maxWidth.unit === "px" ? n.maxWidth.value : Math.floor(n.maxWidth.value * e / 100);
+          m = Math.min(d, m);
         }
         return m;
       }
@@ -1023,9 +1425,12 @@ class V {
       this.xPositions[r + 1] = this.getColumnWidth(r) + this.xPositions[r];
   }
 }
-class Re extends X {
+class Ee extends ae {
   constructor(e, r, a, t = []) {
-    super(e, t, a), this.areaIdent = e, this.rows = r, this.defaultRowHeight = a, this.columnDefs = t, this.sorterService = new pe(), this.filteredRows = [...r], this.properties = t.map((n) => n.property);
+    super(e, t, a), this.areaIdent = e, this.rows = r, this.defaultRowHeight = a, this.columnDefs = t, this.sorterService = new Se(), this.filteredRows = [...r], this.properties = t.map((n) => n.property);
+  }
+  setRows(e) {
+    this.rows = e, this.filteredRows = [...e];
   }
   getRowCount() {
     var e;
@@ -1034,7 +1439,7 @@ class Re extends X {
   getValueAt(e, r) {
     const a = this.properties[r];
     let t = this.filteredRows[e];
-    return $(t) && (t = t.data), t ? this.getValueByT(t, a) : "";
+    return X(t) && (t = t.data), t ? this.getValueByT(t, a) : "";
   }
   getFilteredRows() {
     return this.filteredRows;
@@ -1071,12 +1476,11 @@ class Re extends X {
     };
   }
   getPropertyValue(e, r) {
-    const a = r.shift();
-    let t = e[a];
+    const a = r.shift(), t = e[a];
     return t && r.length ? this.getPropertyValue(t, r) : t;
   }
 }
-class B extends Re {
+class I extends Ee {
   constructor(e, r, a, t) {
     super(
       e,
@@ -1086,65 +1490,65 @@ class B extends Re {
     ), this.areaIdent = e, this.rows = r, this.columnDefs = a, this.defaultRowHeight = t;
   }
 }
-class N {
+class f {
   static createTableModel(e) {
-    var r, a, t, n, m, i, d, p, l, c, b, P, w, x;
+    var r, a, t, n, m, d, i, u, l, c, N, G, v, k;
     if (e.defaultRowHeights === void 0)
       if ((r = e.tableOptions) != null && r.defaultRowHeights)
         e.defaultRowHeights = e.tableOptions.defaultRowHeights;
       else {
-        if (e.defaultRowHeights = new v(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
-          const g = e.headerAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.header = g);
+        if (e.defaultRowHeights = new R(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
+          const b = e.headerAreaModel.defaultRowHeight;
+          b > -1 && (e.defaultRowHeights.header = b);
         }
         if (e.bodyAreaModel && "defaultRowHeight" in e.bodyAreaModel) {
-          const g = e.bodyAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.body = g);
+          const b = e.bodyAreaModel.defaultRowHeight;
+          b > -1 && (e.defaultRowHeights.body = b);
         }
         if (e.footerAreaModel && "defaultRowHeight" in e.footerAreaModel) {
-          const g = e.footerAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.footer = g);
+          const b = e.footerAreaModel.defaultRowHeight;
+          b > -1 && (e.defaultRowHeights.footer = b);
         }
       }
-    if (e.columnDefs === void 0 && ((a = e.properties) != null && a.length ? e.columnDefs = e.properties.map((g) => new y(g, g.toUpperCase(), D)) : (t = e.rows) != null && t.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new y(g, g.toUpperCase(), D)) : e.columnDefs = []), e.columnCount === void 0 && ((n = e.columnDefs) != null && n.length ? e.columnCount = e.columnDefs.length : (m = e.headerData) != null && m.length ? e.columnCount = e.headerData[0].length : (i = e.columnSizes) != null && i.length ? e.columnCount = (d = e.columnSizes) == null ? void 0 : d.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((p = e.headerData) != null && p.length ? e.headerAreaModel = new o(
+    if (e.columnDefs === void 0 && ((a = e.properties) != null && a.length ? e.columnDefs = e.properties.map((b) => new y(b, b.toUpperCase(), A)) : (t = e.rows) != null && t.length ? e.columnDefs = Object.keys(e.rows[0]).map((b) => new y(b, b.toUpperCase(), A)) : e.columnDefs = []), e.columnCount === void 0 && ((n = e.columnDefs) != null && n.length ? e.columnCount = e.columnDefs.length : (m = e.headerData) != null && m.length ? e.columnCount = e.headerData[0].length : (d = e.columnSizes) != null && d.length ? e.columnCount = (i = e.columnSizes) == null ? void 0 : i.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((u = e.headerData) != null && u.length ? e.headerAreaModel = new S(
       "header",
       e.headerData,
       e.defaultRowHeights.header,
       e.columnDefs
-    ) : (l = e.columnDefs) != null && l.length ? e.headerAreaModel = new o(
+    ) : (l = e.columnDefs) != null && l.length ? e.headerAreaModel = new S(
       "header",
-      [e.columnDefs.map((g) => g.headerLabel)],
+      [e.columnDefs.map((b) => b.headerLabel)],
       e.defaultRowHeights.header,
       e.columnDefs
-    ) : e.headerAreaModel = new L("header")), e.footerAreaModel || ((c = e.footerData) != null && c.length ? e.footerAreaModel = new o(
+    ) : e.headerAreaModel = new Z("header")), e.footerAreaModel || ((c = e.footerData) != null && c.length ? e.footerAreaModel = new S(
       "footer",
       e.footerData,
       e.defaultRowHeights.footer,
       e.columnDefs
-    ) : e.footerAreaModel = new L("footer")), !e.bodyAreaModel)
+    ) : e.footerAreaModel = new Z("footer")), !e.bodyAreaModel)
       if (e.rows)
-        if ((b = e.rows) != null && b.length && $(e.rows[0])) {
-          const g = e.rows;
-          e.bodyAreaModel = new ee(
+        if ((N = e.rows) != null && N.length && X(e.rows[0])) {
+          const b = e.rows;
+          e.bodyAreaModel = new de(
             "body",
-            g,
+            b,
             e.defaultRowHeights.body,
             e.columnDefs
-          ), (e.columnDefs[0].property === "CheckboxColumn" || (P = e.tableOptions) != null && P.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new re(g));
+          ), (e.columnDefs[0].property === "CheckboxColumn" || (G = e.tableOptions) != null && G.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new ye(b));
         } else
-          e.bodyAreaModel = new B(
+          e.bodyAreaModel = new I(
             "body",
             e.rows,
             e.columnDefs,
             e.defaultRowHeights.body
           );
       else
-        e.bodyData ? e.bodyAreaModel = new o(
+        e.bodyData ? e.bodyAreaModel = new S(
           "body",
           e.bodyData,
           e.defaultRowHeights.body
-        ) : e.bodyAreaModel = new L("body");
-    return e.fixedLeftColumnCount === void 0 && (e.fixedLeftColumnCount = 0), e.fixedRightColumnCount === void 0 && (e.fixedRightColumnCount = 0), e.rowCheckboxVisible === void 0 && (e.rowCheckboxVisible = !1), e.overridingColumnWidth === void 0 && (e.overridingColumnWidth = -1), !e.getSelectionModel && ((w = e.tableOptions) != null && w.getSelectionModel) && (e.getSelectionModel = (x = e.tableOptions) == null ? void 0 : x.getSelectionModel), new V(
+        ) : e.bodyAreaModel = new Z("body");
+    return e.fixedLeftColumnCount === void 0 && (e.fixedLeftColumnCount = 0), e.fixedRightColumnCount === void 0 && (e.fixedRightColumnCount = 0), e.rowCheckboxVisible === void 0 && (e.rowCheckboxVisible = !1), e.overridingColumnWidth === void 0 && (e.overridingColumnWidth = -1), !e.getSelectionModel && ((v = e.tableOptions) != null && v.getSelectionModel) && (e.getSelectionModel = (k = e.tableOptions) == null ? void 0 : k.getSelectionModel), new W(
       e.headerAreaModel,
       e.bodyAreaModel,
       e.footerAreaModel,
@@ -1161,27 +1565,27 @@ class N {
     );
   }
   static buildByTypedRowsParam(e) {
-    return N.buildByTypedRows(
+    return f.buildByTypedRows(
       e.rows ?? [],
       e.columnDefs,
-      e.tableOptions ?? new Z(),
+      e.tableOptions ?? new z(),
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0
     );
   }
-  static buildByTypedRows(e, r, a = new Z(), t = 0, n = 0) {
-    const m = a.defaultRowHeights, i = r[0].property === "CheckboxColumn";
-    if (e != null && e.length && $(e[0])) {
-      const d = e, p = new ee(
+  static buildByTypedRows(e, r, a = new z(), t = 0, n = 0) {
+    const m = a.defaultRowHeights, d = r[0].property === "CheckboxColumn";
+    if (e != null && e.length && X(e[0])) {
+      const i = e, u = new de(
         "body",
-        d,
+        i,
         m.body,
         r
       );
-      return (i || a.showCheckboxWihoutExtraColumn) && (p.rowSelectionModel = new re(d)), N.createByAreaModelsParam({
-        headerAreaModel: new o("header", [r.map((l) => l.headerLabel)], m.header),
-        bodyAreaModel: p,
-        footerAreaModel: new o("footer", [], m.footer),
+      return (d || a.showCheckboxWihoutExtraColumn) && (u.rowSelectionModel = new ye(i)), f.createByAreaModelsParam({
+        headerAreaModel: new S("header", [r.map((l) => l.headerLabel)], m.header),
+        bodyAreaModel: u,
+        footerAreaModel: new S("footer", [], m.footer),
         columnDefs: r,
         fixedLeftColumnCount: t,
         fixedRightColumnCount: n,
@@ -1192,7 +1596,7 @@ class N {
         overridingColumnWidth: -1
       });
     }
-    return N.createByObjectArrayParam({
+    return f.createByObjectArrayParam({
       rows: e,
       columnDefs: r,
       fixedLeftColumnCount: t,
@@ -1202,38 +1606,38 @@ class N {
   }
   static createByObjectArrayParam(e) {
     const r = e.rowCheckboxVisible !== void 0 ? e.rowCheckboxVisible : !1;
-    return N.createByObjectArray(
+    return f.createByObjectArray(
       e.rows,
       e.header ?? [],
       e.footer ?? [],
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0,
       r,
-      e.defaultRowHeights ?? new v(),
+      e.defaultRowHeights ?? new R(),
       e.columnDefs ?? [],
       e.columnSizes ?? []
     );
   }
-  static createByAreaModels(e = new L(), r, a = new L(), t = 0, n = 0, m = !1, i = new v(), d, p = [], l = -1, c) {
-    return new V(
+  static createByAreaModels(e = new Z(), r, a = new Z(), t = 0, n = 0, m = !1, d = new R(), i, u = [], l = -1, c) {
+    return new W(
       e,
       r,
       a,
       t,
       n,
       m,
-      i,
       d,
-      p,
+      i,
+      u,
       l,
       c
     );
   }
   static createByAreaModelsParam(e) {
-    return N.createByAreaModels(
-      e.headerAreaModel ?? new L(),
+    return f.createByAreaModels(
+      e.headerAreaModel ?? new Z(),
       e.bodyAreaModel,
-      e.footerAreaModel ?? new L(),
+      e.footerAreaModel ?? new Z(),
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0,
       e.rowCheckboxVisible === void 0 ? !1 : e.rowCheckboxVisible,
@@ -1244,34 +1648,34 @@ class N {
       e.columnCount ?? 0
     );
   }
-  static createByObjectArray(e, r = [], a = [], t = 0, n = 0, m = !1, i = new v(), d, p = []) {
+  static createByObjectArray(e, r = [], a = [], t = 0, n = 0, m = !1, d = new R(), i, u = []) {
     let l;
-    r != null && r.length ? l = new o("header", r, i.header, d) : d != null && d.length ? l = new o("header", [d.map((P) => P.headerLabel)], i.header, d) : l = new L();
-    const c = a ? new o("footer", a, i.footer, d) : new L(), b = new B("body", e, d, i.body);
-    return new V(
+    r != null && r.length ? l = new S("header", r, d.header, i) : i != null && i.length ? l = new S("header", [i.map((G) => G.headerLabel)], d.header, i) : l = new Z();
+    const c = a ? new S("footer", a, d.footer, i) : new Z(), N = new I("body", e, i, d.body);
+    return new W(
       l,
-      b,
+      N,
       c,
       t,
       n,
       m,
-      i,
       d,
-      p
+      i,
+      u
     );
   }
 }
-class H {
+class V {
   constructor(e, r) {
     this.tableModel = e, this.tableOptions = r;
   }
 }
-class W {
+class Y {
   constructor(e, r) {
     this.value = e, this.label = r;
   }
 }
-class Ae {
+class Oe {
   constructor() {
     this.autoRestoreSortingState = !1, this.autoRestoreCollapsedExpandedState = !1, this.autoRestoreScrollPosition = !1, this.autoRestoreCheckedState = !1, this.autoRestoreSelectedState = !1, this.getStorageKeyFn = void 0, this.isSame = (e, r, a) => {
       if (e && r && a.getRowId) {
@@ -1296,12 +1700,12 @@ class Ae {
     };
   }
 }
-class Ue {
+class Fe {
   constructor(e, r, a, t = !1, n = "normal", m = void 0) {
     this.data = e, this.property = r, this.toggle = a, this.closed = t, this.visibility = n, this.children = m, this.impl = "CellGroup";
   }
 }
-class De extends Ue {
+class We extends Fe {
   constructor(e, r = 0, a = 0, t) {
     super(
       e.data,
@@ -1373,22 +1777,24 @@ class De extends Ue {
   getParentCount(e = this, r = 0) {
     return e.parent && (r = r + 1 + this.getParentCount(e.parent, r)), r;
   }
-  log(e) {
-    const r = "													".substring(0, 2 * this.rowIndex), a = `${this.getColumnIndex()}`, t = `${this.getColumnCount(this)}`, n = `${this.getRowSpan(this, e)}`, m = `${this.getParentCount(this)}`;
-    if (console.info(`${r + this.data}
+  log(e = 10) {
+    const r = "													".substring(0, 2 * this.rowIndex), a = `${this.getColumnIndex()}`, t = `${this.getColumnCount(this)}`, n = `${this.getRowSpan(this, e)}`, m = `${this.getParentCount(this)}`, d = `${r + this.data}
       childIndex:${this.childIndex}
       row:${this.rowIndex}
       col:${a}
       vis:${this.visibility}
+      toggle:${this.toggle}
       closed:${this.closed}
       isVisible:${this.isVisible()}
       ownColumn:${this.ownColumn()}
       claimsSpace:${this.claimsSpace()}
       colCount:${t}
       rowSpan:${n}
-      pc:${m}`.replace(/[ \n]+/g, " ")), this.children)
+      pc:${m}`.replace(/[ \n]+/g, " ");
+    if (this.children)
       for (const i of this.children)
         i.log(e);
+    return d;
   }
 }
 class h {
@@ -1424,8 +1830,8 @@ class h {
   static buildGroupExts(e, r = [], a = 0, t) {
     let n;
     for (let m = 0; m < e.length; m++) {
-      const i = e[m], d = new De(i, a, m, t);
-      n && (d.leftNeighbour = n, n.rightNeighbour = d), r.push(d), i.children && (d.children = h.buildGroupExts(i.children, [], a + 1, d)), n = d;
+      const d = e[m], i = new We(d, a, m, t);
+      n && (i.leftNeighbour = n, n.rightNeighbour = i), r.push(i), d.children && (i.children = h.buildGroupExts(d.children, [], a + 1, i)), n = i;
     }
     return r;
   }
@@ -1447,15 +1853,15 @@ class h {
     for (const m of e) {
       if (m.rowIndex <= t) {
         a++;
-        for (let i = 0; i < r.length; i++)
-          r[i][a] = null;
+        for (let d = 0; d < r.length; d++)
+          r[d][a] = null;
       }
       if (r[m.rowIndex][a] = m, t = m.rowIndex, m.ownColumn() && ((n = m.children) != null && n.length)) {
-        for (let i = m.rowIndex + 1; i < r.length; i++)
-          r[i][a] = void 0;
+        for (let d = m.rowIndex + 1; d < r.length; d++)
+          r[d][a] = void 0;
         a++;
-        for (let i = 0; i < r.length; i++)
-          r[i][a] = null;
+        for (let d = 0; d < r.length; d++)
+          r[d][a] = null;
       }
     }
     return r;
@@ -1466,7 +1872,7 @@ class h {
       e.push(t.data + "    rowIndex:" + t.rowIndex), (a = t.children) != null && a.length && h.iterateThrowColumns(e, t.children);
   }
 }
-class K {
+class te {
   constructor() {
     this.areaIdent = "body", this.rowSelectionModel = void 0;
   }
@@ -1508,6 +1914,9 @@ class K {
   }
   getValueAt(e, r) {
   }
+  getTextValueAt(e, r) {
+    return "";
+  }
   getYPosByRowIndex(e) {
     return 0;
   }
@@ -1533,19 +1942,56 @@ class K {
     return !1;
   }
 }
-class Me {
-  render(e, r, a, t, n, m, i) {
-    const d = m != null && m.data ? m.data : "";
-    e.innerHTML = `${d}`;
+const E = class E {
+  constructor(e = new ee()) {
+    this.headerGroupOptions = e;
   }
-}
-class Ie {
-  constructor(e = "header", r, a = [], t) {
-    var n;
-    this.areaIdent = e, this.groups = r, this.columnDefs = a, this.defaultRowHeight = t, this.gammaCells = !0, this.groupExts = [], this.cellGroupExtCellRenderer = new Me(), this.groupExts = h.buildGroupExts(r), console.info(this.groupExts), console.info(this.getAllLeafs()), console.info(this.getMaxRowCount());
-    for (const m of this.groupExts)
-      m.log(this.getMaxRowCount());
-    this.arr = this.buildArray(), !((n = this.columnDefs) != null && n.length) && e === "header" && (this.columnDefs = h.buildColumnDefs(r)), console.info("this.columnDefs", this.columnDefs), console.info("this.arr", this.arr);
+  render(e, r, a, t, n, m, d) {
+    const i = m != null && m.data ? m.data : "";
+    if (m) {
+      const { toggle: u, visibility: l, closed: c } = m, N = u ? E.toggleHeaderGroup : "";
+      this.addText(e, t, r, a, i, N), u && l !== "always" && this.addArrowDiv(d, e, !c, r, a, t, N);
+    } else
+      this.addText(e, t, r, a, i, "");
+  }
+  addText(e, r, a, t, n, m) {
+    e.innerHTML = `<span 
+                data-ge-action="${m}"
+                data-area="${r}"
+                data-row-index="${a}"
+                data-col-index="${t}"
+                >${n}</span>`;
+  }
+  addArrowDiv(e, r, a = !0, t = -1, n = -1, m = "header", d) {
+    const i = e.createElement("div");
+    e.addClass(i, "ge-table-toggle-icon-div"), e.setStyle(i, "display", "inline-block"), e.setStyle(i, "position", ""), e.setStyle(i, "width", "20px"), e.setStyle(i, "background", "transparent"), e.setStyle(i, "cursor", "pointer"), e.setAttribute(i, "data-row-index", `${t}`), e.setAttribute(i, "data-col-index", `${n}`), e.setAttribute(i, "data-area", `${m}`), e.setAttribute(i, "data-ge-action", `${d}`);
+    let u;
+    a ? u = this.headerGroupOptions.iconExpanded : u = this.headerGroupOptions.iconCollapsed;
+    const l = u.content, c = e.createText(l);
+    e.appendChild(i, c), u.style && this.applyStyleString(e, i, u.style);
+    for (const N of u.classes)
+      e.addClass(i, N);
+    return e.appendChild(r, i), i;
+  }
+  applyStyleString(e, r, a) {
+    const t = a.split(";").map((n) => n.trim()).filter((n) => n);
+    for (const n of t) {
+      const [m, d] = n.split(":");
+      e.setStyle(r, m.trim(), d.trim());
+    }
+  }
+};
+E.toggleHeaderGroup = "toggleHeaderGroup";
+let J = E;
+class Ce {
+  constructor(e = "header", r, a = [], t, n = new ee()) {
+    this.areaIdent = e, this.groups = r, this.columnDefs = a, this.defaultRowHeight = t, this.headerGroupOptions = n, this.gammaCells = !0, this.arr = [], this.groupExts = [], this.cellGroupExtCellRenderer = new J(this.headerGroupOptions), this.groupExts = h.buildGroupExts(r), this.init();
+  }
+  init() {
+    var e;
+    for (const r of this.groupExts)
+      r.log(this.getMaxRowCount());
+    this.arr = this.buildArray(), !((e = this.columnDefs) != null && e.length) && this.areaIdent === "header" && (this.columnDefs = h.buildColumnDefs(this.groups));
   }
   getAllLeafs() {
     return h.flattenGroupExts(this.groupExts).filter((r) => !r.children);
@@ -1555,15 +2001,10 @@ class Ie {
     return e != null && e.length ? 1 + Math.max(...e.map((r) => r.getParentCount(r))) : 0;
   }
   buildArray() {
-    console.info("");
-    let e = h.flattenGroupExts(this.groupExts);
-    const r = e.length, a = 1 + Math.max(...e.map((i) => i.rowIndex));
-    console.info("max  row/col:", a + "/" + r);
-    const t = [];
-    h.iterateThrowColumns(t, this.groupExts), console.info(t);
-    const n = Array.from(Array(a).keys()).map((i) => []);
-    let m = h.buildArrayOfArrays(e, n);
-    return console.table(m), m;
+    const e = h.flattenGroupExts(this.groupExts), r = 1 + Math.max(...e.map((m) => m.rowIndex)), a = [];
+    h.iterateThrowColumns(a, this.groupExts);
+    const t = Array.from(Array(r).keys()).map((m) => []), n = h.buildArrayOfArrays(e, t);
+    return console.table(n), n;
   }
   changeColumnOrder(e, r) {
   }
@@ -1609,11 +2050,12 @@ class Ie {
   getValueAt(e, r) {
     return this.arr[e][r];
   }
+  getTextValueAt(e, r) {
+    return "" + this.getValueAt(e, r);
+  }
   getYPosByRowIndex(e) {
     return 0;
   }
-  init() {
-  }
   getRowHeight(e) {
     return this.defaultRowHeight;
   }
@@ -1636,21 +2078,25 @@ class Ie {
   setValue(e, r, a) {
     return !1;
   }
+  toggleHeaderGroup(e) {
+    const r = this.arr[e.rowIdx][e.colIdx];
+    return r != null && r.toggle && r.visibility !== "always" && (r.closed = !r.closed, this.init()), h.buildColumnDefs(this.groupExts);
+  }
 }
-class Be {
+class Ke {
   static bodyRenderer(e) {
-    return new S(void 0, e, void 0);
+    return new C(void 0, e, void 0);
   }
 }
-class _e {
+class Le {
   constructor(e, r = !0, a = !1) {
     this.property = e, this.skipCheckableCheck = r, this.readonly = a;
   }
-  render(e, r, a, t, n, m, i) {
+  render(e, r, a, t, n, m, d) {
     if (this.readonly || this.skipCheckableCheck || n.isRowCheckable(r)) {
-      i.addClass(e, "ge-table-row-checkbox-div");
-      const d = n.getRowByIndex(r), l = n.getValueByT(d, this.property) === !0 ? "checked" : "", c = this.readonly ? " readonly " : "";
-      if (i.addClass(e, "ge-padding-property-checkbox"), e.innerHTML = `
+      d.addClass(e, "ge-table-row-checkbox-div");
+      const i = n.getRowByIndex(r), l = n.getValueByT(i, this.property) === !0 ? "checked" : "", c = this.readonly ? " readonly " : "";
+      if (d.addClass(e, "ge-padding-property-checkbox"), e.innerHTML = `
         <input
           type="checkbox"
           data-area="${t}"
@@ -1661,13 +2107,13 @@ class _e {
           ${l}
           ${c}
           class="ge-input-checkbox">`, !this.readonly) {
-        const b = e.querySelector(".ge-input-checkbox");
-        b && b.addEventListener("click", (P, w) => (d[this.property] = !d[this.property], !0));
+        const N = e.querySelector(".ge-input-checkbox");
+        N && N.addEventListener("click", (G, v) => (i[this.property] = !i[this.property], !0));
       }
     }
   }
 }
-class Y {
+class O {
   constructor() {
     this.formatter = new Intl.DateTimeFormat("de-DE", {
       year: "numeric",
@@ -1675,33 +2121,33 @@ class Y {
       day: "2-digit"
     });
   }
-  render(e, r, a, t, n, m, i) {
+  render(e, r, a, t, n, m, d) {
     if (m) {
-      let d = "";
+      let i = "";
       try {
-        d = this.formatter.format(new Date(m));
+        i = this.formatter.format(new Date(m));
       } catch {
-        d = m;
+        i = m;
       }
       e.innerHTML = `
           <div class="ge-table-label-div" data-row-index="${r}" data-col-index="${a}" data-area="${t}" style="position: relative; background: transparent; width: 100%; height: 100%;">
-            <div class="ge-table-label" data-row-index="${r}" data-col-index="${a}" data-area="${t}">${d}</div>
+            <div class="ge-table-label" data-row-index="${r}" data-col-index="${a}" data-area="${t}">${i}</div>
           </div>`;
     }
   }
 }
-class le {
-  render(e, r, a, t, n, m, i) {
+class Pe {
+  render(e, r, a, t, n, m, d) {
     m === "male" || m === "m" ? e.innerText = "♂" : (m === "female" || m === "f") && (e.innerText = "♀");
   }
 }
-class qe {
+class je {
   constructor(e = 100, r = !1) {
     this.maxValue = e, this.labelVisible = r;
   }
-  render(e, r, a, t, n, m, i) {
-    if (i.addClass(e, "ge-progressbar-div"), !isNaN(m)) {
-      const p = Number(m) * 100 / this.maxValue, l = this.labelVisible ? Math.round(p) + "%" : "";
+  render(e, r, a, t, n, m, d) {
+    if (d.addClass(e, "ge-progressbar-div"), !isNaN(m)) {
+      const u = Number(m) * 100 / this.maxValue, l = this.labelVisible ? Math.round(u) + "%" : "";
       e.innerHTML = `
         <div class="ge-table-label-div"
           data-row-index="${r}"
@@ -1715,7 +2161,7 @@ class qe {
                   data-col-index="${a}"
                   data-area="${t}">
                   <div class="ge-table-progress-bar"
-                      style="width:${p}%;height:100%;padding:0;margin:0;"
+                      style="width:${u}%;height:100%;padding:0;margin:0;"
                       data-row-index="${r}"
                       data-col-index="${a}"
                       data-area="${t}">&nbsp;
@@ -1725,34 +2171,34 @@ class qe {
     }
   }
 }
-class He {
-  render(e, r, a, t, n, m, i) {
+class ze {
+  render(e, r, a, t, n, m, d) {
     m === "true" || m === !0 ? e.innerHTML = '<span class="ge-true-text-color">✅</span>' : m === "false" || m === !1 ? e.innerHTML = '<span class="ge-false-text-color">❌</span>' : e.innerText = "";
   }
 }
-class Oe {
-  render(e, r, a, t, n, m, i) {
+class Xe {
+  render(e, r, a, t, n, m, d) {
     m && (e.innerText = new Date(m).toISOString().replace(/T/g, " ").replace(/\..*/g, ""));
   }
 }
-class Ve {
+class Ye {
   constructor(e = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
     this.min = e, this.max = r;
   }
-  render(e, r, a, t, n, m, i) {
-    m && (e.innerText = m, (typeof m == "string" || isNaN(m) || m < this.min || m > this.max) && i.addClass(e, "ge-cell-error"));
+  render(e, r, a, t, n, m, d) {
+    m && (e.innerText = m, (typeof m == "string" || isNaN(m) || m < this.min || m > this.max) && d.addClass(e, "ge-cell-error"));
   }
 }
-class Ee {
+class Ge {
   constructor(e) {
     this.property = e;
   }
-  render(e, r, a, t, n, m, i) {
-    i.addClass(e, "ge-star-rating-div");
-    const d = n.getRowByIndex(r), p = +("" + n.getValueByT(d, this.property));
-    if (!isNaN(p)) {
+  render(e, r, a, t, n, m, d) {
+    d.addClass(e, "ge-star-rating-div");
+    const i = n.getRowByIndex(r), u = +("" + n.getValueByT(i, this.property));
+    if (!isNaN(u)) {
       const l = [];
-      for (let b = 0; b < p; b++)
+      for (let N = 0; N < u; N++)
         l.push("★");
       const c = l.join(" ");
       e.innerHTML = `
@@ -1762,15 +2208,15 @@ class Ee {
     }
   }
 }
-class Fe {
+class Ze {
   constructor(e, r = 100, a = !1) {
     this.property = e, this.maxValue = r, this.labelVisible = a;
   }
-  render(e, r, a, t, n, m, i) {
-    i.addClass(e, "ge-star-rating-div");
-    const d = n.getRowByIndex(r), p = +("" + n.getValueByT(d, this.property));
-    if (!isNaN(p)) {
-      const l = p * 100 / this.maxValue, c = this.labelVisible ? Math.round(l) + "%" : "";
+  render(e, r, a, t, n, m, d) {
+    d.addClass(e, "ge-star-rating-div");
+    const i = n.getRowByIndex(r), u = +("" + n.getValueByT(i, this.property));
+    if (!isNaN(u)) {
+      const l = u * 100 / this.maxValue, c = this.labelVisible ? Math.round(l) + "%" : "";
       e.innerHTML = `
           <div class="ge-table-label-div"
           data-row-index="${r}"
@@ -1794,32 +2240,52 @@ class Fe {
     }
   }
 }
-const $e = function(s, e, r) {
+class Je {
+  render(e, r, a, t, n, m, d) {
+    if (m) {
+      e.innerHTML = `
+          <div 
+            class="ge-table-label-div" 
+            data-row-index=${r}" 
+            data-col-index="${a}" 
+            data-area="${t}" 
+            style="position: relative; background: transparent; width: 100%; height: 100%;">
+            <div 
+              class="ge-table-label"  
+              data-row-index="${r}" 
+              data-col-index="${a}" 
+              data-area="${t}">${m}</div></div>`;
+      const i = Number(m);
+      i > 0 ? d.addClass(e, "ge-positive-text-color") : i < 0 && d.addClass(e, "ge-negative-text-color");
+    }
+  }
+}
+const Qe = function(s, e, r) {
   return s ? Number(s) : "";
 };
-class J {
+class ne {
   constructor(e) {
     this.options = e;
   }
   static create(e) {
-    return new J(
-      e.map((r) => new W(r, r))
+    return new ne(
+      e.map((r) => new Y(r, r))
     );
   }
-  render(e, r, a, t, n, m, i) {
+  render(e, r, a, t, n, m, d) {
     if (n.isEditable(r, a)) {
-      i.addClass(e, "ge-table-row-select-div");
-      const d = n.getValueAt(r, a);
-      let p = [];
+      d.addClass(e, "ge-table-row-select-div");
+      const i = n.getValueAt(r, a);
+      let u = [];
       for (let c of this.options) {
-        const b = c.value === d ? " selected " : "";
-        p.push(`<option value="${c.value}" ${b}>${c.label}</option>`);
+        const N = c.value === i ? " selected " : "";
+        u.push(`<option value="${c.value}" ${N}>${c.label}</option>`);
       }
-      const l = p.join("");
+      const l = u.join("");
       e.innerHTML = `
             <select
                 type="text"
-                value="${d}"
+                value="${i}"
                 autofocus
                 data-listen="change"
                 data-area="${t}"
@@ -1831,96 +2297,96 @@ class J {
     }
   }
 }
-class E {
+class K {
   constructor(e, r, a) {
     this.r = e, this.g = r, this.b = a;
   }
 }
-class te {
+class pe {
   constructor(e, r, a, t) {
     this.minValue = e, this.minColor = r, this.maxValue = a, this.maxColor = t;
   }
 }
-class R {
+class U {
   static normalize(e, r, a, t = 0, n = 1) {
     return (e - r) / (a - r) * (n - t) + t;
   }
   static getTwoColorGradientRGB(e, r) {
-    const a = R.normalize(e, r.minValue, r.maxValue, 0, 1), t = r.maxColor.r - r.minColor.r, n = r.maxColor.g - r.minColor.g, m = r.maxColor.b - r.minColor.b, i = t * a + r.minColor.r, d = n * a + r.minColor.g, p = m * a + r.minColor.b;
-    return `rgb(${Math.round(i)}, ${Math.round(d)}, ${Math.round(p)})`;
+    const a = U.normalize(e, r.minValue, r.maxValue, 0, 1), t = r.maxColor.r - r.minColor.r, n = r.maxColor.g - r.minColor.g, m = r.maxColor.b - r.minColor.b, d = t * a + r.minColor.r, i = n * a + r.minColor.g, u = m * a + r.minColor.b;
+    return `rgb(${Math.round(d)}, ${Math.round(i)}, ${Math.round(u)})`;
   }
   static getThreeColorGradientRGB(e, r) {
-    return e < r.middleValue ? R.getTwoColorGradientRGB(e, new te(r.minValue, r.minColor, r.middleValue, r.middleColor)) : e > r.middleValue ? R.getTwoColorGradientRGB(e, new te(r.middleValue, r.middleColor, r.maxValue, r.maxColor)) : `rgb(${r.middleColor.r}, ${r.middleColor.g}, ${r.middleColor.b})`;
+    return e < r.middleValue ? U.getTwoColorGradientRGB(e, new pe(r.minValue, r.minColor, r.middleValue, r.middleColor)) : e > r.middleValue ? U.getTwoColorGradientRGB(e, new pe(r.middleValue, r.middleColor, r.maxValue, r.maxColor)) : `rgb(${r.middleColor.r}, ${r.middleColor.g}, ${r.middleColor.b})`;
   }
 }
-class We {
+class er {
   constructor(e, r, a, t, n, m) {
     this.minValue = e, this.minColor = r, this.middleValue = a, this.middleColor = t, this.maxValue = n, this.maxColor = m;
   }
 }
-class je {
-  render(e, r, a, t, n, m, i) {
+class rr {
+  render(e, r, a, t, n, m, d) {
     if (m) {
-      const d = Number(m);
-      d < 0 ? (e.innerHTML = "▾ " + d.toFixed(2) + "%", i.addClass(e, "ge-positive-text-color")) : (e.innerHTML = "▴ " + d.toFixed(2) + "%", i.addClass(e, "ge-negative-text-color"));
+      const i = Number(m);
+      i < 0 ? (e.innerHTML = "▾ " + i.toFixed(2) + "%", d.addClass(e, "ge-positive-text-color")) : (e.innerHTML = "▴ " + i.toFixed(2) + "%", d.addClass(e, "ge-negative-text-color"));
     }
   }
 }
-class Xe {
+class ar {
   constructor() {
     this.formatter = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
   }
-  render(e, r, a, t, n, m, i) {
+  render(e, r, a, t, n, m, d) {
     if (m) {
-      const d = Number(m);
-      e.innerText = this.formatter.format(d);
+      const i = Number(m);
+      e.innerText = this.formatter.format(i);
     }
   }
 }
-class Ke {
-  render(e, r, a, t, n, m, i) {
-    const d = n.getRowByIndex(r);
-    if (d) {
-      const p = d.name ?? d.symbol;
+class tr {
+  render(e, r, a, t, n, m, d) {
+    const i = n.getRowByIndex(r);
+    if (i) {
+      const u = i.name ?? i.symbol;
       e.innerHTML = `
       <div style="line-height: 1.2;padding: 10px 0 0 10px;">
-        ${p}<br>
-        ${d.symbol}
+        ${u}<br>
+        ${i.symbol}
       </div>
       `;
     }
   }
 }
-class Ye {
+class nr {
   constructor() {
     this.formatterUsd = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }), this.formatter = new Intl.NumberFormat("en-US");
   }
-  render(e, r, a, t, n, m, i) {
-    const d = n.getRowByIndex(r);
-    if (d) {
-      const p = this.formatterUsd.format(d.volUsd), l = this.formatter.format(d.volBtc);
+  render(e, r, a, t, n, m, d) {
+    const i = n.getRowByIndex(r);
+    if (i) {
+      const u = this.formatterUsd.format(i.volUsd), l = this.formatter.format(i.volBtc);
       e.innerHTML = `
       <div style="line-height: 1.2;padding: 10px 0 0 10px;">
-        ${p}<br>
+        ${u}<br>
         ${l} BTC
       </div>
       `;
     }
   }
 }
-class Je {
+class mr {
   constructor(e = 120) {
     this.maxWidth = e, this.formatter = new Intl.NumberFormat("en-US");
   }
-  render(e, r, a, t, n, m, i) {
-    const d = n.getRowByIndex(r);
-    if (d) {
-      const p = this.formatter.format(d.circulatingSupply), l = d.maxSupply, c = [];
-      if (c.push('<div style="line-height: 1.2;padding: 10px 0 0 10px;">'), c.push(p), c.push("<br>"), l) {
-        const b = this.maxWidth * d.circulatingSupply / l;
+  render(e, r, a, t, n, m, d) {
+    const i = n.getRowByIndex(r);
+    if (i) {
+      const u = this.formatter.format(i.circulatingSupply), l = i.maxSupply, c = [];
+      if (c.push('<div style="line-height: 1.2;padding: 10px 0 0 10px;">'), c.push(u), c.push("<br>"), l) {
+        const N = this.maxWidth * i.circulatingSupply / l;
         c.push(`
           <div style="width: ${this.maxWidth}px;height: 5px;background-color: #eee;margin:10px 0 0 10px">
-            <div style="width: ${b}px;height: 5px;background-color: #ccc;"></div>
+            <div style="width: ${N}px;height: 5px;background-color: #ccc;"></div>
           </div>
         `);
       }
@@ -1928,13 +2394,13 @@ class Je {
     }
   }
 }
-class Qe {
-  render(e, r, a, t, n, m, i) {
-    const d = n.getRowByIndex(r);
-    d != null && d.id && (e.innerHTML = `<img src="https://s2.coinmarketcap.com/static/img/coins/64x64/${d.id}.png" style="width:30px;height: 30px;margin: 10px 10px 0 20px;">`);
+class sr {
+  render(e, r, a, t, n, m, d) {
+    const i = n.getRowByIndex(r);
+    i != null && i.id && (e.innerHTML = `<img src="https://s2.coinmarketcap.com/static/img/coins/64x64/${i.id}.png" style="width:30px;height: 30px;margin: 10px 10px 0 20px;">`);
   }
 }
-const er = [
+const ir = [
   {
     id: 1,
     name: "Bitcoin",
@@ -4669,19 +5135,19 @@ const er = [
     change90d: 12.43943602
   }
 ];
-function kr() {
-  const s = er, e = new je(), r = new Xe(), a = new Ke(), t = new Ye(), n = new Je(120), m = new Qe(), i = [
+function _r() {
+  const s = ir, e = new rr(), r = new ar(), a = new tr(), t = new nr(), n = new mr(120), m = new sr(), d = [
     y.create({
       property: "symbol",
       headerLabel: "",
-      width: I,
+      width: x,
       bodyClasses: ["ge-table-text-align-left"],
       bodyRenderer: m
     }),
     y.create({
       property: "symbol",
       headerLabel: "Name",
-      width: z,
+      width: L,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       bodyRenderer: a
@@ -4689,24 +5155,24 @@ function kr() {
     y.create({
       property: "priceInUsd",
       headerLabel: "Price $",
-      width: G,
+      width: T,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     }),
-    new y("change1h", "1h %", G, void 0, y.bodyRenderer(e)),
-    new y("change24h", "24h %", G, void 0, y.bodyRenderer(e)),
-    new y("change7d", "7d %", G, void 0, y.bodyRenderer(e)),
+    new y("change1h", "1h %", T, void 0, y.bodyRenderer(e)),
+    new y("change24h", "24h %", T, void 0, y.bodyRenderer(e)),
+    new y("change7d", "7d %", T, void 0, y.bodyRenderer(e)),
     y.create({
       property: "marketCapUsd",
       headerLabel: "Market Cap",
-      width: Ge,
+      width: qe,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: r
     }),
     y.create({
       headerLabel: "Volumne (24h)",
-      width: D,
+      width: A,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: t
@@ -4714,15 +5180,15 @@ function kr() {
     y.create({
       property: "circulatingSupply",
       headerLabel: "Circulating Supply",
-      width: ue,
+      width: re,
       bodyRenderer: n,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     })
   ];
-  i.forEach((p) => p.sortable = () => !0);
-  const d = {
-    ...new Z(),
+  d.forEach((u) => u.sortable = () => !0);
+  const i = {
+    ...new z(),
     hoverColumnVisible: !1,
     verticalBorderVisible: !1,
     defaultRowHeights: {
@@ -4731,16 +5197,16 @@ function kr() {
       footer: 0
     }
   };
-  return new H(
-    N.createTableModel({
+  return new V(
+    f.createTableModel({
       rows: s,
-      columnDefs: i,
-      tableOptions: d
+      columnDefs: d,
+      tableOptions: i
     }),
-    d
+    i
   );
 }
-function vr(s = 1e3, e = 1e3) {
+function $r(s = 1e3, e = 1e3) {
   const r = Array.from(Array(s).keys()).map(
     (n) => Array.from(Array(e).keys()).map((m) => `${n}/${m}`)
   ), a = Array.from(Array(2).keys()).map(
@@ -4748,7 +5214,7 @@ function vr(s = 1e3, e = 1e3) {
   ), t = Array.from(Array(2).keys()).map(
     (n) => Array.from(Array(e).keys()).map((m) => `F${n}/${m}`)
   );
-  return N.createTableModel({
+  return f.createTableModel({
     headerData: a,
     bodyData: r,
     footerData: t,
@@ -4757,7 +5223,7 @@ function vr(s = 1e3, e = 1e3) {
     fixedRightColumnCount: 2
   });
 }
-const rr = [
+const dr = [
   {
     id: 0,
     preName: "Prename0",
@@ -166631,9 +167097,9 @@ const rr = [
     friends: []
   }
 ];
-function Rr() {
+function Er() {
   const s = {
-    ...new Z(),
+    ...new z(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 50,
@@ -166644,17 +167110,17 @@ function Rr() {
     // <-- true: we will see the checkbox IN the first column after the arrow
   }, e = [
     // new CheckboxColumn(), //  <--- not needed, because we have 'showCheckboxWihoutExtraColumn:true'
-    new y("lastName", "Last Name", new u(250, "px")),
-    new y("preName", "Pre Name", new u(120, "px")),
-    new y("birth", "Birthday", new u(100, "px"), new S(), new S(void 0, new Y(), void 0), void 0, void 0),
-    new y("gender", " ", new u(50, "px"), new S(), new S(void 0, new le(), void 0), void 0, void 0),
-    new y("address.street", "Strasse", new u(150, "px")),
-    new y("address.number", "Nr", new u(70, "px")),
-    new y("address.zip", "Zip", new u(60, "px")),
-    new y("address.city", "City", new u(120, "px")),
-    new y("id", "ID", new u(60, "px"))
-  ], r = A.buildTreeRows(rr, "friends");
-  return N.createTableModel({
+    new y("lastName", "Last Name", new p(250, "px")),
+    new y("preName", "Pre Name", new p(120, "px")),
+    new y("birth", "Birthday", new p(100, "px"), new C(), new C(void 0, new O(), void 0), void 0, void 0),
+    new y("gender", " ", new p(50, "px"), new C(), new C(void 0, new Pe(), void 0), void 0, void 0),
+    new y("address.street", "Strasse", new p(150, "px")),
+    new y("address.number", "Nr", new p(70, "px")),
+    new y("address.zip", "Zip", new p(60, "px")),
+    new y("address.city", "City", new p(120, "px")),
+    new y("id", "ID", new p(60, "px"))
+  ], r = M.buildTreeRows(dr, "friends");
+  return f.createTableModel({
     rows: r,
     columnDefs: e,
     tableOptions: s,
@@ -166662,7 +167128,7 @@ function Rr() {
     fixedRightColumnCount: 0
   });
 }
-const ne = new v(34, 50, 0), me = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "), ar = `2009 27.9 36.7 42.4 54.5 62.5 67.5 72.7 75.7 66.3 55.0 51.2 35.9
+const le = new R(34, 50, 0), ce = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "), yr = `2009 27.9 36.7 42.4 54.5 62.5 67.5 72.7 75.7 66.3 55.0 51.2 35.9
 2010 32.5 33.1 48.2 57.9 65.3 74.7 81.3 77.4 71.1 58.1 47.9 32.8
 2011 29.7 36.0 42.3 54.3 64.5 72.3 80.2 75.3 70.0 57.1 51.9 43.3
 2012 37.3 40.9 50.9 54.8 65.1 71.0 78.8 76.7 68.8 58.0 43.9 41.5
@@ -166673,38 +167139,38 @@ const ne = new v(34, 50, 0), me = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov
 2017 38.0 41.6 39.2 57.2 61.1 72.0 76.8 74.0 70.5 64.1 46.6 33.4`.split(`
 `).map(
   (s) => s.split(" ").map((e) => Number(e))
-), tr = 27.9, nr = 77.4;
-class se {
+), ur = 27.9, pr = 77.4;
+class ge {
   constructor(e, r, a) {
     this.r = e, this.g = r, this.b = a;
   }
 }
-function mr(s, e, r, a, t) {
+function lr(s, e, r, a, t) {
   return (s - e) / (r - e) * (t - a) + a;
 }
-function sr(s, e, r) {
-  var a = new se(255, 0, 0), t = new se(0, 0, 255), n = mr(r, s, e, 0, 1), m = t.r - a.r, i = t.g - a.g, d = t.b - a.b;
-  return m = m * n + a.r, i = i * n + a.g, d = d * n + a.b, `rgb(${Math.round(m)}, ${Math.round(i)}, ${Math.round(d)})`;
+function cr(s, e, r) {
+  var a = new ge(255, 0, 0), t = new ge(0, 0, 255), n = lr(r, s, e, 0, 1), m = t.r - a.r, d = t.g - a.g, i = t.b - a.b;
+  return m = m * n + a.r, d = d * n + a.g, i = i * n + a.b, `rgb(${Math.round(m)}, ${Math.round(d)}, ${Math.round(i)})`;
 }
-function Ar() {
-  const s = new o("body", ar, ne.body), e = new Array(me.length).fill(50), r = new o("header", [me], ne.header);
+function Or() {
+  const s = new S("body", yr, le.body), e = new Array(ce.length).fill(50), r = new S("header", [ce], le.header);
   return s.getCustomStyleAt = (a, t) => {
     let n = {};
     if (t > 0) {
       const m = s.getValueAt(a, t);
       n = {
-        background: sr(tr, nr, m),
+        background: cr(ur, pr, m),
         color: "#fff"
       };
     }
     return n.paddingTop = "10px", n;
-  }, N.createTableModel({
+  }, f.createTableModel({
     headerAreaModel: r,
     bodyAreaModel: s,
     columnSizes: e
   });
 }
-function ir() {
+function gr() {
   return [
     {
       date: "2010-01-01T01:00:00",
@@ -219262,12 +219728,12 @@ function ir() {
     }
   ];
 }
-const ce = 30, dr = 3, ge = ir(), C = {};
-ge.forEach((s) => {
+const we = 30, br = 3, ve = gr(), P = {};
+ve.forEach((s) => {
   const [e, r] = s.date.split("T");
-  C[e] || (C[e] = {}), C[e][r.substring(0, 5)] = s;
+  P[e] || (P[e] = {}), P[e][r.substring(0, 5)] = s;
 });
-const j = Object.keys(C), M = [
+const Q = Object.keys(P), H = [
   "06:00",
   "07:00",
   "08:00",
@@ -219293,60 +219759,60 @@ const j = Object.keys(C), M = [
   "04:00",
   "05:00"
 ];
-function yr() {
+function Nr() {
   let s = 10, e = 0;
-  return ge.forEach((r) => {
+  return ve.forEach((r) => {
     s = Math.min(s, r.temperature), e = Math.max(e, r.temperature);
   }), [s, e];
 }
-const [ie, de] = yr();
-function Ur() {
-  const s = new ur(), e = new pr(), r = [60, ...new Array(j.length).fill(dr)];
-  return N.createTableModel({
+const [be, Ne] = Nr();
+function Fr() {
+  const s = new fr(), e = new Tr(), r = [60, ...new Array(Q.length).fill(br)];
+  return f.createTableModel({
     bodyAreaModel: s,
     footerAreaModel: e,
     columnSizes: r,
     fixedLeftColumnCount: 1
   });
 }
-class ur extends K {
+class fr extends te {
   getRowCount() {
-    return M.length;
+    return H.length;
   }
   getRowHeight(e) {
-    return ce;
+    return we;
   }
   getValueAt(e, r) {
-    return r === 0 ? M[e] : "";
+    return r === 0 ? H[e] : "";
   }
   getTooltipAt(e, r) {
     if (r === 0)
       return "";
     r--;
-    const a = j[r], t = M[e];
-    return C[a] && C[a][t] ? `${a} ${t} → ${C[a][t].temperature}` : "";
+    const a = Q[r], t = H[e];
+    return P[a] && P[a][t] ? `${a} ${t} → ${P[a][t].temperature}` : "";
   }
   getCustomStyleAt(e, r) {
     if (r === 0)
       return;
     r--;
-    const a = j[r], t = M[e];
-    if (!C[a] || !C[a][t])
+    const a = Q[r], t = H[e];
+    if (!P[a] || !P[a][t])
       return;
-    const n = C[a][t].temperature, m = new E(67, 1, 84), i = new E(31, 144, 141), d = new E(250, 230, 37), p = (de + ie) / 2, l = new We(ie, m, p, i, de, d);
+    const n = P[a][t].temperature, m = new K(67, 1, 84), d = new K(31, 144, 141), i = new K(250, 230, 37), u = (Ne + be) / 2, l = new er(be, m, u, d, Ne, i);
     return {
-      background: R.getThreeColorGradientRGB(n, l),
+      background: U.getThreeColorGradientRGB(n, l),
       color: "transparent"
       // we only want to show the bg color
     };
   }
 }
-class pr extends K {
+class Tr extends te {
   getRowCount() {
     return 1;
   }
   getRowHeight(e) {
-    return ce;
+    return we;
   }
   getValueAt(e, r) {
     return r === 1 ? "Jan" : r === 32 ? "Feb" : r === 60 ? "Mar" : r === 91 ? "Apr" : r === 121 ? "May" : r === 152 ? "Jun" : r === 182 ? "Jul" : r === 213 ? "Aug" : r === 244 ? "Sep" : r === 274 ? "Oct" : r === 305 ? "Nov" : r === 335 ? "Dec" : "";
@@ -219363,7 +219829,7 @@ class pr extends K {
     };
   }
 }
-const F = [
+const j = [
   {
     data: "Gold",
     toggle: !0,
@@ -219382,7 +219848,7 @@ const F = [
           {
             data: "Gold B",
             property: "GOLD_B",
-            visibility: "inverted"
+            visibility: "normal"
           }
         ]
       },
@@ -219450,9 +219916,9 @@ const F = [
     ]
   }
 ];
-function Dr() {
-  const e = h.buildGroupExts(F), r = h.buildColumnDefs(e), a = new Ie("header", F, r, 34);
-  console.info("headerGroups", F), console.info("columnDefs", r.map((m) => m.property));
+function Wr() {
+  const e = h.buildGroupExts(j), r = h.buildColumnDefs(e), a = new Ce("header", j, r, 34);
+  console.info("headerGroups", j), console.info("columnDefs", r.map((m) => m.property));
   const t = [
     {
       GOLD: 146,
@@ -219470,14 +219936,52 @@ function Dr() {
       HOH_C: 53,
       HOH_D: 54
     }
-  ], n = new B("body", t, r, 34);
-  return N.createTableModel({
+  ], n = new I("body", t, r, 34);
+  return f.createTableModel({
     headerAreaModel: a,
     bodyAreaModel: n,
     columnDefs: r
   });
 }
-function lr() {
+const or = [
+  {
+    data: "Team A",
+    toggle: !0,
+    property: "team_a",
+    children: [
+      {
+        data: "Sum",
+        property: "sum_a"
+      },
+      {
+        data: "Peter",
+        property: "peter"
+      },
+      {
+        data: "Paul",
+        property: "paul"
+      }
+    ]
+  }
+];
+function Kr(s = or) {
+  const r = h.buildGroupExts(s), a = h.buildColumnDefs(r), t = new Ce("header", s, a, 34);
+  console.info("headerGroups", s), console.info("columnDefs", a.map((d) => d.property)), console.info("columnDefs", a);
+  const n = [
+    {
+      team_a: 0,
+      sum_a: 9,
+      peter: 5,
+      paul: 4
+    }
+  ], m = new I("body", n, a, 34);
+  return f.createTableModel({
+    headerAreaModel: t,
+    bodyAreaModel: m,
+    columnDefs: a
+  });
+}
+function hr() {
   return [
     {
       id: 1,
@@ -219657,35 +220161,35 @@ function lr() {
     }
   ];
 }
-function cr() {
+function Sr() {
   return [
-    new y("firstName", "First Name", z),
+    new y("firstName", "First Name", L),
     new y("lastName", "Last Name"),
     y.create({
       property: "gender",
       headerLabel: "Gender",
-      width: G,
+      width: T,
       bodyClasses: ["ge-table-text-align-left"]
     }),
     y.create({
       property: "email",
       headerLabel: "Email",
-      width: Ce,
+      width: Be,
       bodyClasses: ["ge-table-text-align-left"]
     }),
-    new y("ipAddress", "IP", ye),
+    new y("ipAddress", "IP", Te),
     y.create({
       property: "id",
       headerLabel: "ID",
-      width: Pe,
+      width: Ie,
       // bodyRenderer: actionRenderer,
       bodyClasses: ["ge-table-text-align-left"]
     })
   ];
 }
-function gr() {
+function Cr() {
   return {
-    ...new Z(),
+    ...new z(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 40,
@@ -219694,19 +220198,19 @@ function gr() {
     }
   };
 }
-function Mr() {
-  const s = gr(), e = lr(), r = cr();
-  return N.createTableModel({
+function jr() {
+  const s = Cr(), e = hr(), r = Sr();
+  return f.createTableModel({
     rows: e,
     columnDefs: r,
     tableOptions: s,
     fixedLeftColumnCount: 0
   });
 }
-function Ir(s, e) {
-  s.rendererMap = new S(void 0, e, void 0);
+function Xr(s, e) {
+  s.rendererMap = new C(void 0, e, void 0);
 }
-const br = [
+const Lr = [
   {
     id: 1,
     city: "London",
@@ -219855,35 +220359,35 @@ const br = [
     data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
   }
 ].map((s) => (s.updatedAt = /* @__PURE__ */ new Date(), s)), _ = [
-  new y("city", "City", new u(90, "px")),
-  new y("location", "Location", new u(100, "px")),
-  new y("team.name", "Team", new u(100, "px")),
+  new y("city", "City", new p(90, "px")),
+  new y("location", "Location", new p(100, "px")),
+  new y("team.name", "Team", new p(100, "px")),
   y.create({
     property: "team.active",
     headerLabel: "Active",
-    width: new u(60, "px"),
-    bodyRenderer: new He()
+    width: new p(60, "px"),
+    bodyRenderer: new ze()
   }),
-  new y("data.0", "00", new u(60, "px")),
-  new y("data.1", "15", new u(60, "px")),
-  new y("data.2", "30", new u(60, "px")),
-  new y("data.3", "45", new u(60, "px")),
-  new y("data.4", "00", new u(60, "px")),
-  new y("data.5", "15", new u(60, "px")),
-  new y("data.6", "30", new u(60, "px")),
-  new y("data.7", "45", new u(60, "px")),
-  new y("data.8", "00", new u(60, "px")),
-  new y("data.9", "15", new u(60, "px")),
-  new y("data.10", "30", new u(60, "px")),
-  new y("data.11", "45", new u(60, "px")),
+  new y("data.0", "00", new p(60, "px")),
+  new y("data.1", "15", new p(60, "px")),
+  new y("data.2", "30", new p(60, "px")),
+  new y("data.3", "45", new p(60, "px")),
+  new y("data.4", "00", new p(60, "px")),
+  new y("data.5", "15", new p(60, "px")),
+  new y("data.6", "30", new p(60, "px")),
+  new y("data.7", "45", new p(60, "px")),
+  new y("data.8", "00", new p(60, "px")),
+  new y("data.9", "15", new p(60, "px")),
+  new y("data.10", "30", new p(60, "px")),
+  new y("data.11", "45", new p(60, "px")),
   y.create({
     property: "updatedAt",
     headerLabel: "Updated at",
-    width: new u(175, "px"),
-    bodyRenderer: new Oe()
+    width: new p(175, "px"),
+    bodyRenderer: new Xe()
   })
-], Br = _.length - 1, Nr = {
-  ...new Z(),
+], Yr = _.length - 1, Pr = {
+  ...new z(),
   hoverRowVisible: !1,
   hoverColumnVisible: !1,
   defaultRowHeights: {
@@ -219894,12 +220398,12 @@ const br = [
   columnsDraggable: !1,
   columnsResizable: !0
 };
-function _r() {
-  const s = Nr.defaultRowHeights;
-  return N.createTableModel({
-    headerAreaModel: new Tr(s.header),
-    bodyAreaModel: new fr(s.body),
-    footerAreaModel: new or(s.footer),
+function Jr() {
+  const s = Pr.defaultRowHeights;
+  return f.createTableModel({
+    headerAreaModel: new Gr(s.header),
+    bodyAreaModel: new zr(s.body),
+    footerAreaModel: new Zr(s.footer),
     columnDefs: _,
     fixedLeftColumnCount: 2,
     fixedRightColumnCount: 1,
@@ -219907,9 +220411,9 @@ function _r() {
     columnCount: _.length
   });
 }
-class fr extends B {
+class zr extends I {
   constructor(e) {
-    super("body", br, _, e);
+    super("body", Lr, _, e);
   }
   getRowspanAt(e, r) {
     if (r === 0 || r == 1) {
@@ -219926,7 +220430,7 @@ class fr extends B {
     return t;
   }
 }
-class Tr extends o {
+class Gr extends S {
   constructor(e) {
     super(
       "header",
@@ -219953,7 +220457,7 @@ class Tr extends o {
     return ["ge-font-weight-bold"];
   }
 }
-class or extends o {
+class Zr extends S {
   constructor(e) {
     super(
       "footer",
@@ -219968,7 +220472,7 @@ class or extends o {
     return r === 2 ? ["ge-text-align-right", "ge-font-weight-bold"] : [];
   }
 }
-const hr = [
+const wr = [
   {
     id: "c8-34f1d5",
     company: "Equicom",
@@ -221906,88 +222410,88 @@ const hr = [
     rating: 5
   }
 ];
-function Sr() {
-  return hr;
+function vr() {
+  return wr;
 }
-function Cr() {
+function xr() {
   return [
     y.create({
       property: "company",
       headerLabel: "Company",
-      width: z,
+      width: L,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: f
+      sortable: g
     }),
     y.create({
       property: "country",
       headerLabel: "Country",
-      width: ue,
+      width: re,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: f
+      sortable: g
     }),
     y.create({
       property: "product",
       headerLabel: "Name",
-      width: z,
+      width: L,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: f
+      sortable: g
     }),
     y.create({
       property: "sellDate",
       headerLabel: "Sell date",
-      width: G,
-      bodyRenderer: new Y(),
+      width: T,
+      bodyRenderer: new O(),
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: f
+      sortable: g
     }),
     y.create({
       property: "id",
       headerLabel: "Order ID",
-      width: z,
+      width: L,
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: f
+      sortable: g
     }),
     y.create({
       property: "inStock",
       headerLabel: "In stock",
-      width: ze,
-      bodyRenderer: new _e("inStock", !0, !0),
+      width: oe,
+      bodyRenderer: new Le("inStock", !0, !0),
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: f
+      sortable: g
     }),
     y.create({
       property: "quantity",
       headerLabel: "Qty",
-      width: I,
+      width: x,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
-      sortable: f
+      sortable: g
     }),
     y.create({
       property: "progress",
       headerLabel: "Progress",
-      width: G,
-      bodyRenderer: new Fe("progress", 5, !0),
+      width: T,
+      bodyRenderer: new Ze("progress", 5, !0),
       bodyClasses: ["ge-table-text-align-left"],
-      sortable: f
+      sortable: g
     }),
     y.create({
       property: "rating",
       headerLabel: "Rating",
-      width: G,
-      bodyRenderer: new Ee("rating"),
+      width: T,
+      bodyRenderer: new Ge("rating"),
       bodyClasses: ["ge-table-text-align-left"],
-      sortable: f
+      sortable: g
     })
   ];
 }
-function Pr() {
+function kr() {
   const s = new q("row", "multi");
   return {
-    ...new Z(),
+    ...new z(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 24,
@@ -221997,10 +222501,10 @@ function Pr() {
     getSelectionModel: () => s
   };
 }
-function qr() {
-  const s = Pr(), e = Sr(), r = Cr();
-  return new H(
-    N.createTableModel({
+function Qr() {
+  const s = kr(), e = vr(), r = xr();
+  return new V(
+    f.createTableModel({
       rows: e,
       columnDefs: r,
       tableOptions: s,
@@ -222009,34 +222513,34 @@ function qr() {
     s
   );
 }
-function Lr() {
+function Rr() {
   return [
     y.create({
       headerLabel: "ID",
-      width: z,
+      width: L,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: U
+      sortable: B
     }),
     y.create({
       headerLabel: "Value",
-      width: D,
+      width: A,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: U
+      sortable: B
     }),
     y.create({
       headerLabel: " ",
-      width: D,
+      width: A,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     })
   ];
 }
-function Gr() {
+function Dr() {
   const s = new q();
   return {
-    ...new Z(),
+    ...new z(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 34,
@@ -222046,18 +222550,18 @@ function Gr() {
     getSelectionModel: () => s
   };
 }
-function Hr(s = 1e6) {
-  const e = Gr(), r = Lr(), a = new zr(s);
-  return new H(N.createTableModel({
+function ea(s = 1e6) {
+  const e = Dr(), r = Rr(), a = new Ar(s);
+  return new V(f.createTableModel({
     bodyAreaModel: a,
     columnDefs: r,
     tableOptions: e,
     fixedLeftColumnCount: 0
   }), e);
 }
-class zr extends K {
+class Ar extends te {
   constructor(e = 1e6) {
-    super(), this.rowcount = e, this.nf = new Intl.NumberFormat("en-Us", {}), this.barRenderer = new qe(e, !1);
+    super(), this.rowcount = e, this.nf = new Intl.NumberFormat("en-Us", {}), this.barRenderer = new je(e, !1);
   }
   getRowCount() {
     return this.rowcount;
@@ -222076,7 +222580,1665 @@ class zr extends K {
     return e * this.getRowHeight(0);
   }
 }
-const Zr = [
+const Ur = [
+  {
+    id: "f0-bfbecb",
+    company: "Medmex",
+    country: "Uruguay",
+    product: "Vaughn",
+    birthday: "1969-09-19 ",
+    sellDate: "2023.05.08",
+    lastVisit: "2023-03-23T01:56:14.860Z",
+    time: "01:12 29",
+    inStock: !0,
+    quantity: 74,
+    progress: 4,
+    rating: 4,
+    price: 29.414,
+    active: !0,
+    currency: "HNL",
+    lorem: "ad reprehenderit irure ad qui amet veniam est dolore laboris",
+    average: "$2,690.88",
+    f1: -101.57,
+    f2: 47.93037753
+  },
+  {
+    id: "a3-d57d97",
+    company: "Niquent",
+    country: "Qatar",
+    product: "Mcintyre",
+    birthday: "1977-01-02 ",
+    sellDate: "2023.05.09",
+    lastVisit: "2023-02-26T21:36:08.078Z",
+    time: "03:12 49",
+    inStock: !0,
+    quantity: 2,
+    progress: 5,
+    rating: 1,
+    price: 14.309,
+    active: !0,
+    currency: "CVE",
+    lorem: "quis sit cillum Lorem commodo minim enim velit officia nisi",
+    average: "$2,264.36",
+    f1: 1059.15,
+    f2: 14.53998237
+  },
+  {
+    id: "e9-4c8f21",
+    company: "Comvey",
+    country: "Comoros",
+    product: "Dodson",
+    birthday: "1983-05-24 ",
+    sellDate: "2023.01.22",
+    lastVisit: "2023-09-24T17:28:32.323Z",
+    time: "11:51 08",
+    inStock: !1,
+    quantity: 59,
+    progress: 3,
+    rating: 2,
+    price: 48.385,
+    active: !1,
+    currency: "RON",
+    lorem: "est adipisicing do deserunt minim proident commodo cillum aliqua qui",
+    average: "$1,701.45",
+    f1: -790.86,
+    f2: -8.82190848
+  },
+  {
+    id: "6c-5a284b",
+    company: "Insuresys",
+    country: "Bermuda",
+    product: "Baker",
+    birthday: "1979-04-18 ",
+    sellDate: "2023.06.11",
+    lastVisit: "2023-02-15T04:04:05.314Z",
+    time: "11:18 30",
+    inStock: !0,
+    quantity: 55,
+    progress: 2,
+    rating: 3,
+    price: 27.286,
+    active: !0,
+    currency: "MUR",
+    lorem: "non amet non duis magna in laborum tempor culpa eu",
+    average: "$3,269.74",
+    f1: 360.51,
+    f2: 28.58560891
+  },
+  {
+    id: "96-1206ef",
+    company: "Exodoc",
+    country: "Anguilla",
+    product: "Garner",
+    birthday: "1977-06-24 ",
+    sellDate: "2023.02.07",
+    lastVisit: "2023-01-11T20:21:31.352Z",
+    time: "06:49 51",
+    inStock: !0,
+    quantity: 41,
+    progress: 5,
+    rating: 4,
+    price: 10.106,
+    active: !1,
+    currency: "DZD",
+    lorem: "deserunt tempor ad enim eiusmod amet eu ullamco laborum eu",
+    average: "$3,761.47",
+    f1: 1829.39,
+    f2: 47.73623974
+  },
+  {
+    id: "1b-7514fb",
+    company: "Isotronic",
+    country: "Nicaragua",
+    product: "Bell",
+    birthday: "1989-02-26 ",
+    sellDate: "2023.02.02",
+    lastVisit: "2023-05-10T22:27:20.190Z",
+    time: "03:11 21",
+    inStock: !1,
+    quantity: 72,
+    progress: 5,
+    rating: 3,
+    price: 48.398,
+    active: !1,
+    currency: "GBP",
+    lorem: "cillum ipsum enim minim quis aliqua proident ex irure esse",
+    average: "$3,032.43",
+    f1: 3443.27,
+    f2: 48.09553967
+  },
+  {
+    id: "38-a1dfa7",
+    company: "Urbanshee",
+    country: "Georgia",
+    product: "Bowers",
+    birthday: "1982-12-31 ",
+    sellDate: "2023.03.22",
+    lastVisit: "2023-08-24T16:57:03.009Z",
+    time: "11:21 17",
+    inStock: !0,
+    quantity: 53,
+    progress: 4,
+    rating: 2,
+    price: 26.908,
+    active: !0,
+    currency: "IQD",
+    lorem: "dolor nisi ullamco aliqua minim consequat duis nulla ipsum consequat",
+    average: "$1,628.19",
+    f1: 78.66,
+    f2: -2.14054721
+  },
+  {
+    id: "ac-00e83b",
+    company: "Blanet",
+    country: "Belarus",
+    product: "Diaz",
+    birthday: "1987-05-14 ",
+    sellDate: "2023.09.06",
+    lastVisit: "2023-09-07T05:12:01.506Z",
+    time: "11:02 23",
+    inStock: !0,
+    quantity: 18,
+    progress: 4,
+    rating: 4,
+    price: 17.508,
+    active: !1,
+    currency: "MGA",
+    lorem: "qui irure quis aute anim eu dolore ad amet tempor",
+    average: "$1,513.59",
+    f1: 618.96,
+    f2: 4.40920111
+  },
+  {
+    id: "51-f1181a",
+    company: "Koffee",
+    country: "Kuwait",
+    product: "Smith",
+    birthday: "1974-10-14 ",
+    sellDate: "2023.03.25",
+    lastVisit: "2023-08-20T19:42:29.253Z",
+    time: "01:56 44",
+    inStock: !1,
+    quantity: 65,
+    progress: 5,
+    rating: 3,
+    price: 23.993,
+    active: !1,
+    currency: "HUF",
+    lorem: "elit sit proident amet deserunt fugiat ad exercitation magna quis",
+    average: "$2,051.41",
+    f1: -2742.38,
+    f2: -6.30896084
+  },
+  {
+    id: "80-a927f7",
+    company: "Imant",
+    country: "Albania",
+    product: "Barrett",
+    birthday: "1995-02-16 ",
+    sellDate: "2023.03.29",
+    lastVisit: "2023-02-16T19:28:03.283Z",
+    time: "04:27 51",
+    inStock: !0,
+    quantity: 77,
+    progress: 2,
+    rating: 2,
+    price: 35.916,
+    active: !1,
+    currency: "PEN",
+    lorem: "minim officia amet laboris eu laborum est enim ex labore",
+    average: "$1,985.93",
+    f1: 560.85,
+    f2: 3.35071948
+  },
+  {
+    id: "f9-35f7af",
+    company: "Rodeocean",
+    country: "Cambodia",
+    product: "Shaffer",
+    birthday: "1998-07-19 ",
+    sellDate: "2023.07.10",
+    lastVisit: "2023-05-02T20:16:22.947Z",
+    time: "01:34 18",
+    inStock: !0,
+    quantity: 63,
+    progress: 4,
+    rating: 5,
+    price: 16.014,
+    active: !1,
+    currency: "MKD",
+    lorem: "dolor officia nostrud aliqua sint excepteur deserunt quis Lorem laboris",
+    average: "$1,719.89",
+    f1: 428.59,
+    f2: 17.57808769
+  },
+  {
+    id: "e5-36ae92",
+    company: "Geekola",
+    country: "Marshall Islands",
+    product: "Hardy",
+    birthday: "1976-04-08 ",
+    sellDate: "2023.07.22",
+    lastVisit: "2023-06-24T12:50:19.166Z",
+    time: "03:20 06",
+    inStock: !0,
+    quantity: 89,
+    progress: 4,
+    rating: 3,
+    price: 10.387,
+    active: !0,
+    currency: "KRW",
+    lorem: "incididunt qui fugiat ipsum laborum sint sunt aliqua do Lorem",
+    average: "$1,020.39",
+    f1: -893.41,
+    f2: 13.23579785
+  },
+  {
+    id: "c6-4c2200",
+    company: "Isodrive",
+    country: "Taiwan",
+    product: "Carson",
+    birthday: "1972-06-04 ",
+    sellDate: "2023.05.08",
+    lastVisit: "2023-05-16T20:31:24.366Z",
+    time: "11:59 32",
+    inStock: !1,
+    quantity: 46,
+    progress: 4,
+    rating: 4,
+    price: 18.594,
+    active: !1,
+    currency: "CHF",
+    lorem: "elit eiusmod et officia exercitation adipisicing Lorem reprehenderit velit nulla",
+    average: "$2,960.69",
+    f1: -2606.84,
+    f2: 0.49810625
+  },
+  {
+    id: "81-78d391",
+    company: "Fibrodyne",
+    country: "Sri Lanka",
+    product: "Ramirez",
+    birthday: "1978-09-10 ",
+    sellDate: "2023.10.11",
+    lastVisit: "2023-08-13T13:57:53.881Z",
+    time: "03:04 28",
+    inStock: !0,
+    quantity: 64,
+    progress: 4,
+    rating: 2,
+    price: 15.144,
+    active: !1,
+    currency: "BGN",
+    lorem: "minim id esse velit ullamco ex minim id velit et",
+    average: "$1,715.05",
+    f1: -3159.72,
+    f2: 8.47609835
+  },
+  {
+    id: "39-6c119c",
+    company: "Sulfax",
+    country: "Dominican Republic",
+    product: "Holden",
+    birthday: "1991-10-31 ",
+    sellDate: "2023.05.06",
+    lastVisit: "2023-03-25T04:42:08.608Z",
+    time: "09:44 35",
+    inStock: !1,
+    quantity: 47,
+    progress: 1,
+    rating: 2,
+    price: 21.935,
+    active: !0,
+    currency: "SOS",
+    lorem: "mollit ad deserunt fugiat in Lorem ullamco mollit mollit nulla",
+    average: "$1,527.56",
+    f1: 3375.49,
+    f2: 48.28165003
+  },
+  {
+    id: "3a-7a8259",
+    company: "Exospace",
+    country: "Lithuania",
+    product: "Gonzalez",
+    birthday: "1988-05-10 ",
+    sellDate: "2023.08.09",
+    lastVisit: "2023-06-15T10:18:55.513Z",
+    time: "05:20 42",
+    inStock: !1,
+    quantity: 20,
+    progress: 5,
+    rating: 5,
+    price: 20.435,
+    active: !0,
+    currency: "LYD",
+    lorem: "magna ipsum laboris culpa culpa minim exercitation eiusmod esse labore",
+    average: "$2,273.75",
+    f1: -1090.99,
+    f2: -5.09992892
+  },
+  {
+    id: "19-6859d6",
+    company: "Multron",
+    country: "Lebanon",
+    product: "Cooper",
+    birthday: "1994-04-26 ",
+    sellDate: "2023.08.15",
+    lastVisit: "2023-02-07T19:46:08.227Z",
+    time: "04:10 36",
+    inStock: !1,
+    quantity: 31,
+    progress: 5,
+    rating: 3,
+    price: 23.295,
+    active: !0,
+    currency: "GEL",
+    lorem: "laboris tempor ex ut exercitation mollit commodo exercitation excepteur mollit",
+    average: "$3,037.66",
+    f1: -3637.43,
+    f2: 40.34024598
+  },
+  {
+    id: "d1-540a03",
+    company: "Buzzmaker",
+    country: "Saint Vincent and The Grenadines",
+    product: "Waters",
+    birthday: "1972-04-23 ",
+    sellDate: "2023.08.06",
+    lastVisit: "2023-07-06T09:44:51.719Z",
+    time: "02:27 04",
+    inStock: !1,
+    quantity: 48,
+    progress: 5,
+    rating: 5,
+    price: 17.888,
+    active: !1,
+    currency: "XAF",
+    lorem: "et magna ipsum eu cillum non id officia aliqua cillum",
+    average: "$1,283.25",
+    f1: 72.94,
+    f2: 17.28845108
+  },
+  {
+    id: "3d-e8d972",
+    company: "Gogol",
+    country: "Thailand",
+    product: "Holmes",
+    birthday: "1980-10-21 ",
+    sellDate: "2023.10.14",
+    lastVisit: "2023-06-01T12:51:33.927Z",
+    time: "12:54 49",
+    inStock: !0,
+    quantity: 70,
+    progress: 3,
+    rating: 2,
+    price: 15.204,
+    active: !0,
+    currency: "RWF",
+    lorem: "aliqua id irure elit magna deserunt esse duis commodo Lorem",
+    average: "$1,346.64",
+    f1: 1197.86,
+    f2: 21.30303184
+  },
+  {
+    id: "1b-ca3a0a",
+    company: "Turnabout",
+    country: "Norfolk Island",
+    product: "Stewart",
+    birthday: "1998-03-05 ",
+    sellDate: "2023.03.28",
+    lastVisit: "2023-03-06T06:21:58.561Z",
+    time: "03:10 46",
+    inStock: !0,
+    quantity: 76,
+    progress: 3,
+    rating: 5,
+    price: 20.584,
+    active: !0,
+    currency: "INR",
+    lorem: "ad incididunt ut eu excepteur fugiat dolore commodo non nostrud",
+    average: "$1,482.77",
+    f1: -2897.74,
+    f2: 36.99960962
+  },
+  {
+    id: "6a-a1cbb3",
+    company: "Farmage",
+    country: "Estonia",
+    product: "Ewing",
+    birthday: "1995-10-22 ",
+    sellDate: "2023.10.07",
+    lastVisit: "2023-06-14T22:49:33.456Z",
+    time: "07:33 33",
+    inStock: !1,
+    quantity: 86,
+    progress: 2,
+    rating: 5,
+    price: 21.664,
+    active: !1,
+    currency: "SEK",
+    lorem: "occaecat cupidatat occaecat adipisicing sit id ad ea commodo velit",
+    average: "$2,986.68",
+    f1: 2833.32,
+    f2: 38.61030781
+  },
+  {
+    id: "c3-b4cb54",
+    company: "Veraq",
+    country: "Greece",
+    product: "Grimes",
+    birthday: "1996-02-08 ",
+    sellDate: "2023.08.09",
+    lastVisit: "2023-05-29T16:02:38.872Z",
+    time: "11:48 34",
+    inStock: !1,
+    quantity: 2,
+    progress: 4,
+    rating: 3,
+    price: 46.876,
+    active: !1,
+    currency: "EUR",
+    lorem: "amet ad do ut nisi deserunt esse aliquip reprehenderit in",
+    average: "$1,313.54",
+    f1: -3496.97,
+    f2: 32.48284527
+  },
+  {
+    id: "55-0808ba",
+    company: "Apexia",
+    country: "Burkina Faso",
+    product: "Fleming",
+    birthday: "1979-09-11 ",
+    sellDate: "2023.05.29",
+    lastVisit: "2023-02-26T19:40:41.395Z",
+    time: "11:38 02",
+    inStock: !1,
+    quantity: 98,
+    progress: 2,
+    rating: 3,
+    price: 14.904,
+    active: !1,
+    currency: "BRL",
+    lorem: "non duis consectetur enim aute adipisicing qui proident nostrud mollit",
+    average: "$2,982.41",
+    f1: -3309.81,
+    f2: 34.95641657
+  },
+  {
+    id: "64-44edc6",
+    company: "Infotrips",
+    country: "Macau",
+    product: "Hendricks",
+    birthday: "1979-12-04 ",
+    sellDate: "2023.09.12",
+    lastVisit: "2023-02-10T04:18:18.662Z",
+    time: "11:55 40",
+    inStock: !0,
+    quantity: 30,
+    progress: 3,
+    rating: 4,
+    price: 48.088,
+    active: !0,
+    currency: "MOP",
+    lorem: "consectetur ipsum nostrud nisi eiusmod minim qui et commodo sit",
+    average: "$1,341.47",
+    f1: -3487.14,
+    f2: -0.74391002
+  },
+  {
+    id: "dc-832e6b",
+    company: "Callflex",
+    country: "Chile",
+    product: "Hamilton",
+    birthday: "1995-01-04 ",
+    sellDate: "2023.04.24",
+    lastVisit: "2023-03-20T15:53:41.183Z",
+    time: "05:47 11",
+    inStock: !0,
+    quantity: 39,
+    progress: 3,
+    rating: 2,
+    price: 41.126,
+    active: !1,
+    currency: "BWP",
+    lorem: "consectetur commodo anim labore commodo magna voluptate sunt ex laboris",
+    average: "$2,882.71",
+    f1: -3323.82,
+    f2: 23.12539432
+  },
+  {
+    id: "05-898d95",
+    company: "Minga",
+    country: "Cayman Islands",
+    product: "Dudley",
+    birthday: "1985-12-01 ",
+    sellDate: "2023.02.10",
+    lastVisit: "2023-08-09T10:36:25.402Z",
+    time: "09:51 53",
+    inStock: !1,
+    quantity: 32,
+    progress: 4,
+    rating: 1,
+    price: 44.116,
+    active: !0,
+    currency: "HKD",
+    lorem: "ad proident anim sunt ea elit mollit aute reprehenderit in",
+    average: "$1,087.35",
+    f1: -2411.18,
+    f2: 33.47249662
+  },
+  {
+    id: "f1-3347c9",
+    company: "Zilladyne",
+    country: "Greenland",
+    product: "Jones",
+    birthday: "1972-02-07 ",
+    sellDate: "2023.09.01",
+    lastVisit: "2023-06-15T02:51:17.596Z",
+    time: "11:22 25",
+    inStock: !0,
+    quantity: 85,
+    progress: 4,
+    rating: 3,
+    price: 12.008,
+    active: !1,
+    currency: "TND",
+    lorem: "velit Lorem amet in laboris aliquip aute proident labore consectetur",
+    average: "$2,967.54",
+    f1: 2088.86,
+    f2: 45.11516399
+  },
+  {
+    id: "75-3cb0be",
+    company: "Zensus",
+    country: "Moldova",
+    product: "Barlow",
+    birthday: "1977-02-28 ",
+    sellDate: "2023.08.23",
+    lastVisit: "2023-08-17T08:35:53.346Z",
+    time: "10:39 51",
+    inStock: !1,
+    quantity: 42,
+    progress: 2,
+    rating: 2,
+    price: 30.359,
+    active: !0,
+    currency: "BIF",
+    lorem: "amet tempor qui dolor nisi et ea occaecat laborum qui",
+    average: "$3,621.49",
+    f1: -1244.31,
+    f2: 13.41313064
+  },
+  {
+    id: "37-301393",
+    company: "Phuel",
+    country: "Angola",
+    product: "Hale",
+    birthday: "1970-03-08 ",
+    sellDate: "2023.09.12",
+    lastVisit: "2023-03-02T00:02:20.292Z",
+    time: "03:17 00",
+    inStock: !0,
+    quantity: 67,
+    progress: 4,
+    rating: 1,
+    price: 19.269,
+    active: !1,
+    currency: "LBP",
+    lorem: "fugiat et veniam eu excepteur eiusmod ad cillum commodo proident",
+    average: "$3,076.27",
+    f1: -3462.98,
+    f2: -2.39084387
+  },
+  {
+    id: "61-72d1f6",
+    company: "Orbean",
+    country: "France",
+    product: "Cardenas",
+    birthday: "1978-05-01 ",
+    sellDate: "2023.05.24",
+    lastVisit: "2023-06-05T00:52:06.070Z",
+    time: "02:15 09",
+    inStock: !0,
+    quantity: 17,
+    progress: 2,
+    rating: 1,
+    price: 43.514,
+    active: !1,
+    currency: "NPR",
+    lorem: "officia pariatur commodo adipisicing deserunt anim ex mollit nostrud consequat",
+    average: "$2,073.86",
+    f1: -645.48,
+    f2: 18.67553182
+  },
+  {
+    id: "99-2b43af",
+    company: "Zytrac",
+    country: "Sudan",
+    product: "Forbes",
+    birthday: "1998-07-13 ",
+    sellDate: "2023.04.09",
+    lastVisit: "2023-03-15T04:31:54.867Z",
+    time: "03:21 48",
+    inStock: !0,
+    quantity: 4,
+    progress: 4,
+    rating: 1,
+    price: 47.268,
+    active: !1,
+    currency: "BHD",
+    lorem: "aliquip duis labore sint reprehenderit qui sunt consectetur irure ex",
+    average: "$2,240.16",
+    f1: 3224.54,
+    f2: 41.45105165
+  },
+  {
+    id: "cb-c72d6a",
+    company: "Exoplode",
+    country: "Israel",
+    product: "Cabrera",
+    birthday: "1978-07-20 ",
+    sellDate: "2023.08.04",
+    lastVisit: "2023-06-12T16:26:27.760Z",
+    time: "08:46 46",
+    inStock: !0,
+    quantity: 42,
+    progress: 5,
+    rating: 5,
+    price: 23.421,
+    active: !0,
+    currency: "VND",
+    lorem: "eiusmod cupidatat Lorem nulla et excepteur labore officia culpa et",
+    average: "$2,964.97",
+    f1: 1720.29,
+    f2: 40.81502049
+  },
+  {
+    id: "99-c074f3",
+    company: "Shepard",
+    country: "Falkland Islands (Malvinas)",
+    product: "Carr",
+    birthday: "1981-01-10 ",
+    sellDate: "2023.03.12",
+    lastVisit: "2023-01-02T03:24:11.397Z",
+    time: "11:23 49",
+    inStock: !1,
+    quantity: 7,
+    progress: 4,
+    rating: 5,
+    price: 35.891,
+    active: !0,
+    currency: "QAR",
+    lorem: "irure fugiat ex eiusmod esse consectetur tempor nostrud eu aliqua",
+    average: "$3,483.62",
+    f1: 1671.55,
+    f2: 24.03265266
+  },
+  {
+    id: "30-fc55e0",
+    company: "Comveyer",
+    country: "Botswana",
+    product: "David",
+    birthday: "1999-02-22 ",
+    sellDate: "2023.09.18",
+    lastVisit: "2023-03-02T19:40:33.444Z",
+    time: "05:54 32",
+    inStock: !0,
+    quantity: 35,
+    progress: 2,
+    rating: 4,
+    price: 49.144,
+    active: !0,
+    currency: "PLN",
+    lorem: "cupidatat consectetur labore officia aliquip in aute do dolore sunt",
+    average: "$2,191.78",
+    f1: -3233.03,
+    f2: 18.32731959
+  },
+  {
+    id: "59-4c1cf4",
+    company: "Concility",
+    country: "Central African Republic",
+    product: "Hernandez",
+    birthday: "1999-09-04 ",
+    sellDate: "2023.01.24",
+    lastVisit: "2023-08-07T23:06:30.786Z",
+    time: "07:48 30",
+    inStock: !1,
+    quantity: 24,
+    progress: 1,
+    rating: 3,
+    price: 45.221,
+    active: !0,
+    currency: "TRY",
+    lorem: "nisi enim et cupidatat commodo minim ex nisi anim elit",
+    average: "$2,278.53",
+    f1: -835.23,
+    f2: 43.37601717
+  },
+  {
+    id: "1d-3fcea8",
+    company: "Octocore",
+    country: "Andorra",
+    product: "Bruce",
+    birthday: "1983-09-09 ",
+    sellDate: "2023.01.26",
+    lastVisit: "2023-02-12T11:05:55.978Z",
+    time: "03:24 51",
+    inStock: !1,
+    quantity: 26,
+    progress: 5,
+    rating: 4,
+    price: 27.652,
+    active: !0,
+    currency: "RSD",
+    lorem: "commodo velit incididunt quis veniam consequat laborum dolore laborum consectetur",
+    average: "$3,723.55",
+    f1: 623.47,
+    f2: -5.86247162
+  },
+  {
+    id: "ea-da5c91",
+    company: "Ceprene",
+    country: "Germany",
+    product: "Jimenez",
+    birthday: "1969-05-15 ",
+    sellDate: "2023.02.20",
+    lastVisit: "2023-02-06T01:11:07.218Z",
+    time: "10:14 20",
+    inStock: !1,
+    quantity: 80,
+    progress: 1,
+    rating: 4,
+    price: 43.729,
+    active: !1,
+    currency: "ALL",
+    lorem: "et elit esse qui sint cupidatat duis et exercitation dolore",
+    average: "$1,481.83",
+    f1: -1635.99,
+    f2: 19.35163598
+  },
+  {
+    id: "20-e6d976",
+    company: "Voratak",
+    country: "Portugal",
+    product: "Poole",
+    birthday: "1985-12-08 ",
+    sellDate: "2023.01.11",
+    lastVisit: "2023-10-24T03:30:32.001Z",
+    time: "10:11 11",
+    inStock: !1,
+    quantity: 65,
+    progress: 4,
+    rating: 1,
+    price: 18.379,
+    active: !1,
+    currency: "BAM",
+    lorem: "eu aute consequat ea dolore adipisicing aliqua ad exercitation reprehenderit",
+    average: "$3,981.17",
+    f1: -3059.03,
+    f2: 42.91961379
+  },
+  {
+    id: "9f-e728a3",
+    company: "Digiprint",
+    country: "Monaco",
+    product: "Sampson",
+    birthday: "1989-12-06 ",
+    sellDate: "2023.03.23",
+    lastVisit: "2023-03-26T03:01:26.727Z",
+    time: "05:13 13",
+    inStock: !0,
+    quantity: 86,
+    progress: 4,
+    rating: 3,
+    price: 35.511,
+    active: !1,
+    currency: "HRK",
+    lorem: "incididunt elit sit excepteur aute tempor incididunt esse ex sint",
+    average: "$3,483.09",
+    f1: 1678.25,
+    f2: 21.89327403
+  },
+  {
+    id: "3e-c6d113",
+    company: "Polarax",
+    country: "Congo",
+    product: "Rollins",
+    birthday: "1972-05-07 ",
+    sellDate: "2023.09.11",
+    lastVisit: "2023-10-01T07:53:15.830Z",
+    time: "03:24 51",
+    inStock: !1,
+    quantity: 9,
+    progress: 5,
+    rating: 1,
+    price: 17.255,
+    active: !0,
+    currency: "IRR",
+    lorem: "anim reprehenderit magna deserunt commodo labore amet reprehenderit ullamco consectetur",
+    average: "$2,988.47",
+    f1: -2986.06,
+    f2: 44.03677767
+  },
+  {
+    id: "24-f95a15",
+    company: "Fiberox",
+    country: "Gibraltar",
+    product: "Potts",
+    birthday: "1970-09-09 ",
+    sellDate: "2023.09.19",
+    lastVisit: "2023-01-12T17:16:09.965Z",
+    time: "05:00 42",
+    inStock: !1,
+    quantity: 89,
+    progress: 1,
+    rating: 1,
+    price: 25.411,
+    active: !1,
+    currency: "JPY",
+    lorem: "laboris anim dolor exercitation fugiat elit velit ipsum anim est",
+    average: "$2,374.89",
+    f1: 920.56,
+    f2: 11.38206366
+  },
+  {
+    id: "8c-507d18",
+    company: "Fitcore",
+    country: "Tuvalu",
+    product: "Todd",
+    birthday: "1979-12-01 ",
+    sellDate: "2023.05.14",
+    lastVisit: "2023-08-16T05:47:53.786Z",
+    time: "06:13 22",
+    inStock: !0,
+    quantity: 90,
+    progress: 3,
+    rating: 5,
+    price: 45.958,
+    active: !0,
+    currency: "DJF",
+    lorem: "et aliquip ullamco culpa esse ad consequat consequat ea est",
+    average: "$1,256.36",
+    f1: 894.53,
+    f2: 32.76986974
+  },
+  {
+    id: "83-f3f969",
+    company: "Accruex",
+    country: "Macedonia",
+    product: "Simmons",
+    birthday: "1991-08-09 ",
+    sellDate: "2023.02.14",
+    lastVisit: "2023-09-27T08:27:42.592Z",
+    time: "03:01 27",
+    inStock: !0,
+    quantity: 60,
+    progress: 3,
+    rating: 2,
+    price: 44.388,
+    active: !1,
+    currency: "MAD",
+    lorem: "commodo occaecat cupidatat sint non deserunt exercitation cillum ex consectetur",
+    average: "$1,451.77",
+    f1: 1558.07,
+    f2: 22.20161457
+  },
+  {
+    id: "04-d99c07",
+    company: "Papricut",
+    country: "French Guiana",
+    product: "Tyler",
+    birthday: "1975-03-31 ",
+    sellDate: "2023.01.16",
+    lastVisit: "2023-01-21T14:59:48.517Z",
+    time: "01:34 10",
+    inStock: !0,
+    quantity: 68,
+    progress: 2,
+    rating: 2,
+    price: 14.153,
+    active: !0,
+    currency: "LKR",
+    lorem: "do qui ullamco irure laborum dolor excepteur dolor ex dolore",
+    average: "$1,925.97",
+    f1: -3126.63,
+    f2: 11.34703251
+  },
+  {
+    id: "d4-ec3b00",
+    company: "Accufarm",
+    country: "Saint Lucia",
+    product: "Allen",
+    birthday: "1977-02-23 ",
+    sellDate: "2023.05.23",
+    lastVisit: "2023-10-19T12:54:49.340Z",
+    time: "06:56 20",
+    inStock: !0,
+    quantity: 46,
+    progress: 2,
+    rating: 3,
+    price: 12.932,
+    active: !0,
+    currency: "AFN",
+    lorem: "laboris Lorem culpa excepteur exercitation laboris deserunt laboris minim anim",
+    average: "$3,473.63",
+    f1: -2867.04,
+    f2: 19.82793662
+  },
+  {
+    id: "ff-53274f",
+    company: "Isologia",
+    country: "Argentina",
+    product: "Snow",
+    birthday: "1976-09-10 ",
+    sellDate: "2023.03.02",
+    lastVisit: "2023-09-11T16:00:02.926Z",
+    time: "11:25 36",
+    inStock: !1,
+    quantity: 4,
+    progress: 4,
+    rating: 5,
+    price: 14.668,
+    active: !0,
+    currency: "PKR",
+    lorem: "sunt magna minim consequat ex et sint exercitation dolore in",
+    average: "$2,674.39",
+    f1: -181.52,
+    f2: 10.49740128
+  },
+  {
+    id: "0f-be3525",
+    company: "Unia",
+    country: "Yemen",
+    product: "Travis",
+    birthday: "1995-05-29 ",
+    sellDate: "2023.02.11",
+    lastVisit: "2023-09-12T02:55:38.427Z",
+    time: "12:49 26",
+    inStock: !0,
+    quantity: 77,
+    progress: 1,
+    rating: 1,
+    price: 42.891,
+    active: !0,
+    currency: "UZS",
+    lorem: "in quis eiusmod est do eiusmod eiusmod adipisicing velit est",
+    average: "$3,945.57",
+    f1: -1316.64,
+    f2: -4.13634229
+  },
+  {
+    id: "82-12f8e1",
+    company: "Darwinium",
+    country: "Mongolia",
+    product: "Clemons",
+    birthday: "1978-03-01 ",
+    sellDate: "2023.10.08",
+    lastVisit: "2023-04-24T22:25:42.881Z",
+    time: "07:58 58",
+    inStock: !1,
+    quantity: 2,
+    progress: 2,
+    rating: 3,
+    price: 14.274,
+    active: !1,
+    currency: "GNF",
+    lorem: "fugiat dolor minim duis consectetur deserunt aliqua officia irure aliqua",
+    average: "$2,003.95",
+    f1: -742.39,
+    f2: 47.89568284
+  },
+  {
+    id: "c8-75d516",
+    company: "Biolive",
+    country: "France, Metropolitan",
+    product: "Alexander",
+    birthday: "1969-03-22 ",
+    sellDate: "2023.01.23",
+    lastVisit: "2023-09-10T08:59:03.680Z",
+    time: "12:23 56",
+    inStock: !1,
+    quantity: 38,
+    progress: 2,
+    rating: 5,
+    price: 42.528,
+    active: !1,
+    currency: "KWD",
+    lorem: "in aute consectetur ipsum dolore eu dolore in labore esse",
+    average: "$1,179.54",
+    f1: 1868.67,
+    f2: 8.94968076
+  },
+  {
+    id: "ac-d281eb",
+    company: "Cinaster",
+    country: "St. Pierre and Miquelon",
+    product: "Webster",
+    birthday: "1985-09-22 ",
+    sellDate: "2023.02.14",
+    lastVisit: "2023-06-02T23:11:12.197Z",
+    time: "02:09 37",
+    inStock: !1,
+    quantity: 2,
+    progress: 1,
+    rating: 3,
+    price: 20.062,
+    active: !1,
+    currency: "PYG",
+    lorem: "pariatur sunt laboris enim proident velit enim velit officia minim",
+    average: "$2,999.62",
+    f1: 3645.43,
+    f2: 12.39130131
+  },
+  {
+    id: "8e-457914",
+    company: "Translink",
+    country: "French Polynesia",
+    product: "Calhoun",
+    birthday: "1980-08-18 ",
+    sellDate: "2023.03.03",
+    lastVisit: "2023-08-05T11:16:26.475Z",
+    time: "07:05 00",
+    inStock: !1,
+    quantity: 80,
+    progress: 1,
+    rating: 5,
+    price: 28.127,
+    active: !0,
+    currency: "SGD",
+    lorem: "est culpa ea duis fugiat mollit veniam veniam anim consequat",
+    average: "$1,073.21",
+    f1: 1907.76,
+    f2: 10.31305477
+  },
+  {
+    id: "d1-652138",
+    company: "Talkola",
+    country: "Ireland",
+    product: "Browning",
+    birthday: "1988-04-29 ",
+    sellDate: "2023.04.28",
+    lastVisit: "2023-10-20T19:04:13.589Z",
+    time: "09:25 12",
+    inStock: !1,
+    quantity: 47,
+    progress: 1,
+    rating: 3,
+    price: 34.495,
+    active: !1,
+    currency: "SDG",
+    lorem: "et eiusmod et adipisicing ipsum eiusmod elit ad eiusmod nisi",
+    average: "$2,490.02",
+    f1: -80.55,
+    f2: 30.48926331
+  },
+  {
+    id: "4d-7a8933",
+    company: "Besto",
+    country: "Bouvet Island",
+    product: "Miles",
+    birthday: "1979-10-09 ",
+    sellDate: "2023.06.24",
+    lastVisit: "2023-09-12T04:10:40.722Z",
+    time: "11:18 02",
+    inStock: !1,
+    quantity: 10,
+    progress: 5,
+    rating: 4,
+    price: 16.777,
+    active: !0,
+    currency: "AUD",
+    lorem: "ad adipisicing labore in ea irure in Lorem amet do",
+    average: "$2,059.13",
+    f1: 1881.95,
+    f2: 11.65109173
+  },
+  {
+    id: "7c-d5c5d8",
+    company: "Zytrek",
+    country: "Brazil",
+    product: "Merrill",
+    birthday: "1994-05-07 ",
+    sellDate: "2023.06.07",
+    lastVisit: "2023-08-04T13:28:09.380Z",
+    time: "03:10 10",
+    inStock: !1,
+    quantity: 87,
+    progress: 5,
+    rating: 5,
+    price: 17.609,
+    active: !1,
+    currency: "CAD",
+    lorem: "irure irure amet nisi esse ad amet reprehenderit adipisicing est",
+    average: "$1,781.47",
+    f1: -2813.13,
+    f2: 21.66612839
+  },
+  {
+    id: "f3-12752a",
+    company: "Snorus",
+    country: "Yugoslavia",
+    product: "Beasley",
+    birthday: "1975-05-09 ",
+    sellDate: "2023.05.07",
+    lastVisit: "2023-05-24T15:30:47.006Z",
+    time: "06:26 06",
+    inStock: !0,
+    quantity: 40,
+    progress: 1,
+    rating: 1,
+    price: 27.849,
+    active: !1,
+    currency: "JMD",
+    lorem: "eiusmod amet ad sunt id non amet velit culpa et",
+    average: "$1,329.34",
+    f1: 3963.37,
+    f2: 28.14612827
+  },
+  {
+    id: "53-8dab0f",
+    company: "Conjurica",
+    country: "Western Sahara",
+    product: "Bush",
+    birthday: "1975-05-19 ",
+    sellDate: "2023.07.10",
+    lastVisit: "2023-08-14T16:50:20.539Z",
+    time: "05:26 17",
+    inStock: !0,
+    quantity: 24,
+    progress: 5,
+    rating: 2,
+    price: 15.319,
+    active: !0,
+    currency: "TOP",
+    lorem: "commodo sunt dolore amet mollit laborum esse irure dolor amet",
+    average: "$1,710.01",
+    f1: -2038.76,
+    f2: 15.53951195
+  },
+  {
+    id: "4f-cfcc46",
+    company: "Elpro",
+    country: "Peru",
+    product: "Lang",
+    birthday: "1986-01-18 ",
+    sellDate: "2023.01.30",
+    lastVisit: "2023-09-08T05:53:36.234Z",
+    time: "03:05 29",
+    inStock: !0,
+    quantity: 94,
+    progress: 4,
+    rating: 3,
+    price: 27.776,
+    active: !0,
+    currency: "ILS",
+    lorem: "officia laborum pariatur sit aliqua id ut ullamco mollit aute",
+    average: "$1,711.21",
+    f1: 3031.61,
+    f2: -4.41068184
+  },
+  {
+    id: "19-885d8b",
+    company: "Conferia",
+    country: "Kazakhstan",
+    product: "Humphrey",
+    birthday: "1991-06-23 ",
+    sellDate: "2023.04.26",
+    lastVisit: "2023-06-03T02:28:03.135Z",
+    time: "01:48 05",
+    inStock: !1,
+    quantity: 56,
+    progress: 5,
+    rating: 1,
+    price: 27.757,
+    active: !0,
+    currency: "MZN",
+    lorem: "cupidatat labore adipisicing Lorem nisi sunt officia non sunt duis",
+    average: "$3,851.74",
+    f1: -498.12,
+    f2: 17.39432282
+  },
+  {
+    id: "ea-665e32",
+    company: "Musaphics",
+    country: "Maldives",
+    product: "Wynn",
+    birthday: "1969-07-08 ",
+    sellDate: "2023.08.12",
+    lastVisit: "2023-08-21T05:23:09.443Z",
+    time: "03:04 30",
+    inStock: !1,
+    quantity: 7,
+    progress: 5,
+    rating: 3,
+    price: 46.745,
+    active: !0,
+    currency: "UAH",
+    lorem: "aute culpa cupidatat fugiat quis reprehenderit sunt aliquip et qui",
+    average: "$1,008.59",
+    f1: 1624.92,
+    f2: 37.54424644
+  },
+  {
+    id: "88-5cb38d",
+    company: "Chillium",
+    country: "Antarctica",
+    product: "Tyson",
+    birthday: "1969-02-27 ",
+    sellDate: "2023.04.05",
+    lastVisit: "2023-05-06T02:48:27.836Z",
+    time: "07:37 59",
+    inStock: !0,
+    quantity: 83,
+    progress: 2,
+    rating: 3,
+    price: 46.231,
+    active: !0,
+    currency: "NGN",
+    lorem: "excepteur aliquip et veniam magna tempor aliquip excepteur veniam nisi",
+    average: "$1,587.84",
+    f1: 3695.68,
+    f2: 49.82630009
+  },
+  {
+    id: "b0-06fefb",
+    company: "Techtrix",
+    country: "Bahamas",
+    product: "Carey",
+    birthday: "1984-01-11 ",
+    sellDate: "2023.10.01",
+    lastVisit: "2023-10-02T10:06:09.830Z",
+    time: "01:16 14",
+    inStock: !0,
+    quantity: 2,
+    progress: 1,
+    rating: 2,
+    price: 31.406,
+    active: !0,
+    currency: "UYU",
+    lorem: "aliqua ad Lorem enim velit sunt eiusmod laborum nisi dolore",
+    average: "$1,843.21",
+    f1: -3220.64,
+    f2: 33.08372279
+  },
+  {
+    id: "9c-0aa2c1",
+    company: "Overplex",
+    country: "Honduras",
+    product: "Koch",
+    birthday: "1978-05-22 ",
+    sellDate: "2023.09.22",
+    lastVisit: "2023-09-19T01:12:43.946Z",
+    time: "11:07 53",
+    inStock: !0,
+    quantity: 22,
+    progress: 1,
+    rating: 2,
+    price: 20.743,
+    active: !1,
+    currency: "GHS",
+    lorem: "aute fugiat amet elit incididunt ipsum id cillum amet quis",
+    average: "$2,955.46",
+    f1: -1284.83,
+    f2: 24.43696513
+  },
+  {
+    id: "e3-b8900d",
+    company: "Lyrichord",
+    country: "Saudi Arabia",
+    product: "Griffith",
+    birthday: "1998-07-25 ",
+    sellDate: "2023.06.22",
+    lastVisit: "2023-09-05T00:42:31.548Z",
+    time: "04:30 44",
+    inStock: !1,
+    quantity: 76,
+    progress: 4,
+    rating: 5,
+    price: 24.833,
+    active: !1,
+    currency: "NZD",
+    lorem: "consequat do ut cillum aute magna duis pariatur consequat irure",
+    average: "$2,995.37",
+    f1: 971.88,
+    f2: 43.08250309
+  },
+  {
+    id: "3b-1b6b6f",
+    company: "Otherside",
+    country: "Micronesia",
+    product: "Mejia",
+    birthday: "1995-05-30 ",
+    sellDate: "2023.07.08",
+    lastVisit: "2023-07-19T16:54:57.254Z",
+    time: "03:56 36",
+    inStock: !1,
+    quantity: 28,
+    progress: 5,
+    rating: 1,
+    price: 15.421,
+    active: !0,
+    currency: "SYP",
+    lorem: "fugiat enim do laborum eu eu excepteur elit eu eu",
+    average: "$3,128.24",
+    f1: -171.27,
+    f2: 28.87482331
+  },
+  {
+    id: "e1-782a0e",
+    company: "Netplax",
+    country: "Slovenia",
+    product: "Short",
+    birthday: "1992-03-17 ",
+    sellDate: "2023.01.06",
+    lastVisit: "2023-07-22T02:14:29.711Z",
+    time: "11:26 24",
+    inStock: !1,
+    quantity: 36,
+    progress: 2,
+    rating: 3,
+    price: 43.267,
+    active: !1,
+    currency: "BOB",
+    lorem: "et cupidatat et aliqua eiusmod irure tempor non deserunt veniam",
+    average: "$3,539.06",
+    f1: -2374.97,
+    f2: 9.93788977
+  },
+  {
+    id: "3e-490251",
+    company: "Ginkle",
+    country: "Swaziland",
+    product: "Malone",
+    birthday: "1982-01-16 ",
+    sellDate: "2023.10.14",
+    lastVisit: "2023-02-01T16:30:16.250Z",
+    time: "07:45 33",
+    inStock: !1,
+    quantity: 38,
+    progress: 4,
+    rating: 1,
+    price: 16.687,
+    active: !0,
+    currency: "KES",
+    lorem: "adipisicing nulla laboris sunt pariatur id mollit consequat elit reprehenderit",
+    average: "$3,910.71",
+    f1: 3589.62,
+    f2: 38.66914155
+  },
+  {
+    id: "1a-0e16e0",
+    company: "Pushcart",
+    country: "Philippines",
+    product: "Norris",
+    birthday: "1988-03-03 ",
+    sellDate: "2023.04.26",
+    lastVisit: "2023-05-21T20:11:27.193Z",
+    time: "10:42 34",
+    inStock: !1,
+    quantity: 20,
+    progress: 5,
+    rating: 2,
+    price: 38.596,
+    active: !0,
+    currency: "ZMK",
+    lorem: "excepteur in aute magna ad proident sunt sunt in cillum",
+    average: "$2,757.19",
+    f1: 633.99,
+    f2: 7.84723423
+  },
+  {
+    id: "51-892b7f",
+    company: "Yogasm",
+    country: "Sierra Leone",
+    product: "Paul",
+    birthday: "1979-08-30 ",
+    sellDate: "2023.01.21",
+    lastVisit: "2023-03-24T02:24:26.439Z",
+    time: "07:14 31",
+    inStock: !0,
+    quantity: 33,
+    progress: 5,
+    rating: 2,
+    price: 11.515,
+    active: !1,
+    currency: "RUB",
+    lorem: "et laborum laborum irure duis cillum aliquip pariatur nulla quis",
+    average: "$2,915.89",
+    f1: -3966.31,
+    f2: 9.72444328
+  },
+  {
+    id: "6d-31e59a",
+    company: "Geeknet",
+    country: "Cuba",
+    product: "Schwartz",
+    birthday: "1985-07-22 ",
+    sellDate: "2023.10.22",
+    lastVisit: "2023-02-22T11:24:11.139Z",
+    time: "10:13 23",
+    inStock: !0,
+    quantity: 29,
+    progress: 2,
+    rating: 1,
+    price: 40.135,
+    active: !1,
+    currency: "COP",
+    lorem: "ea esse pariatur ullamco anim anim amet Lorem nisi in",
+    average: "$2,679.83",
+    f1: -296.08,
+    f2: 21.95820836
+  },
+  {
+    id: "f4-204bef",
+    company: "Eargo",
+    country: "Equatorial Guinea",
+    product: "York",
+    birthday: "1987-09-09 ",
+    sellDate: "2023.10.17",
+    lastVisit: "2023-05-08T21:49:49.504Z",
+    time: "05:32 21",
+    inStock: !0,
+    quantity: 97,
+    progress: 3,
+    rating: 1,
+    price: 14.875,
+    active: !1,
+    currency: "LTL",
+    lorem: "sunt eu nisi occaecat aute adipisicing cillum irure veniam labore",
+    average: "$2,962.04",
+    f1: -3282.24,
+    f2: 28.55122067
+  }
+];
+function Mr(s = 75) {
+  return Ur.slice(0, s - 1);
+}
+function Br(s) {
+  return [
+    y.create({
+      property: "company",
+      headerLabel: "Company",
+      width: T,
+      bodyClasses: ["ge-table-text-align-left"],
+      headerClasses: ["ge-table-text-align-left"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "country",
+      headerLabel: "Country",
+      width: re,
+      bodyClasses: ["ge-table-text-align-left"],
+      headerClasses: ["ge-table-text-align-left"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "product",
+      headerLabel: "Name",
+      width: T,
+      bodyClasses: ["ge-table-text-align-left"],
+      headerClasses: ["ge-table-text-align-left"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "birthday",
+      headerLabel: "Birth Date",
+      width: T,
+      bodyClasses: ["ge-table-text-align-center"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "sellDate",
+      headerLabel: "Sell date",
+      width: T,
+      bodyRenderer: new O(),
+      bodyClasses: ["ge-table-text-align-center"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "lastVisit",
+      headerLabel: "Last Visit",
+      width: fe,
+      bodyClasses: ["ge-table-text-align-center"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "time",
+      headerLabel: "Time",
+      width: T,
+      bodyClasses: ["ge-table-text-align-center"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "id",
+      headerLabel: "Order ID",
+      width: L,
+      bodyClasses: ["ge-table-text-align-center"],
+      sortable: g
+    }),
+    y.create({
+      property: "inStock",
+      headerLabel: "In stock",
+      width: oe,
+      bodyRenderer: new Le("inStock", !0, !0),
+      bodyClasses: ["ge-table-text-align-center"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "quantity",
+      headerLabel: "Qty",
+      width: x,
+      bodyClasses: ["ge-table-text-align-right"],
+      headerClasses: ["ge-table-text-align-right"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "progress",
+      headerLabel: "Progress",
+      width: T,
+      bodyRenderer: new Ze("progress", 5, !0),
+      bodyClasses: ["ge-table-text-align-left"],
+      sortable: g
+    }),
+    y.create({
+      property: "rating",
+      headerLabel: "Rating",
+      width: T,
+      bodyRenderer: new Ge("rating"),
+      bodyClasses: ["ge-table-text-align-left"],
+      sortable: g
+    }),
+    y.create({
+      property: "price",
+      headerLabel: "Price",
+      width: x,
+      bodyClasses: ["ge-table-text-align-right"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "active",
+      headerLabel: "Active",
+      width: x,
+      bodyRenderer: new ze(),
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "currency",
+      headerLabel: "CCY",
+      width: x,
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "average",
+      headerLabel: "Average",
+      width: T,
+      bodyClasses: ["ge-table-text-align-right"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "f1",
+      headerLabel: "F1",
+      width: he,
+      bodyClasses: ["ge-table-text-align-right"],
+      bodyRenderer: new Je(),
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "f2",
+      headerLabel: "F2",
+      width: L,
+      bodyClasses: ["ge-table-text-align-right"],
+      sortable: g,
+      editable: () => s
+    }),
+    y.create({
+      property: "lorem",
+      headerLabel: "Lorem",
+      width: A,
+      bodyClasses: ["ge-table-text-align-left"],
+      sortable: g,
+      editable: () => s
+    })
+  ];
+}
+function Ir(s) {
+  return {
+    ...new z(),
+    hoverColumnVisible: !1,
+    defaultRowHeights: {
+      header: 32,
+      body: 32,
+      footer: 0
+    },
+    getSelectionModel: () => s
+  };
+}
+function ra(s = new q("row", "multi"), e = 75, r = !1) {
+  const a = Ir(s);
+  e = Math.max(10, Math.min(75, e));
+  const t = Mr(e), n = Br(r);
+  return new V(f.createTableModel({
+    rows: t,
+    columnDefs: n,
+    tableOptions: a
+  }), a);
+}
+const qr = [
   {
     id: 0,
     preName: "Prename0",
@@ -383950,10 +386112,10 @@ const Zr = [
     friends: []
   }
 ];
-function wr(s = !1) {
+function Vr(s = !1) {
   const e = new q("range", "multi");
-  return s && (e.addSelection(new T(0, 0, 0, 2)), e.addSelection(new T(2, 1, 2, 2)), e.addSelection(new T(1, 5, 6, 7)), e.addSelection(new T(0, 8, 0, 8)), e.addSelection(new T(5, 6, 10, 10))), {
-    ...new Z(),
+  return s && (e.addSelection(new o(0, 0, 0, 2)), e.addSelection(new o(2, 1, 2, 2)), e.addSelection(new o(1, 5, 6, 7)), e.addSelection(new o(0, 8, 0, 8)), e.addSelection(new o(5, 6, 10, 10))), {
+    ...new z(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 50,
@@ -383961,7 +386123,7 @@ function wr(s = !1) {
       footer: 0
     },
     autoRestoreOptions: {
-      ...new Ae(),
+      ...new Oe(),
       getStorageKeyFn: () => "TreetablePeopleComponent",
       autoRestoreCollapsedExpandedState: !0,
       autoRestoreScrollPosition: !0,
@@ -383971,89 +386133,92 @@ function wr(s = !1) {
     getSelectionModel: () => e
   };
 }
-function xr() {
+function Hr() {
   return [
-    new y("lastName", "Last Name", Le),
-    new y("preName", "Pre Name", z),
+    new y("lastName", "Last Name", fe),
+    new y("preName", "Pre Name", L),
     y.create({
       property: "age",
       headerLabel: "Age",
-      width: Ze,
-      bodyRenderer: new Ve(),
-      editable: f,
+      width: he,
+      bodyRenderer: new Ye(),
+      editable: g,
       // editInputPipe: (value: any) => value ? Number(value) : ""
-      editInputPipe: $e
+      editInputPipe: Qe
     }),
     new y(
       "birth",
       "Birthday",
-      G,
+      T,
       void 0,
-      Be.bodyRenderer(new Y())
+      Ke.bodyRenderer(new O())
     ),
     y.create({
       property: "gender",
       headerLabel: " ",
-      width: xe,
-      bodyRenderer: new le(),
-      editable: f,
-      getEditRenderer: () => new J([
-        new W("female", "♀"),
-        new W("male", "♂")
+      width: He,
+      bodyRenderer: new Pe(),
+      editable: g,
+      getEditRenderer: () => new ne([
+        new Y("female", "♀"),
+        new Y("male", "♂")
       ])
     }),
-    new y("address.street", "Strasse", ye),
-    new y("address.number", "Nr", we),
-    new y("address.zip", "Zip", I),
-    new y("address.city", "City", z),
-    new y("address.country", "Country", z),
-    new y("id", "ID", I)
+    new y("address.street", "Strasse", Te),
+    new y("address.number", "Nr", Ve),
+    new y("address.zip", "Zip", x),
+    new y("address.city", "City", L),
+    new y("address.country", "Country", L),
+    new y("id", "ID", x)
   ];
 }
-function Or(s = !1) {
-  const e = wr(s), r = xr();
+function aa(s = !1) {
+  const e = Vr(s), r = Hr();
   for (const n of r)
-    n.sortable = f, n.editable = f;
-  r[0].editable = U;
-  const a = A.buildTreeRows(Zr, "friends"), t = N.createTableModel({
+    n.sortable = g, n.editable = g;
+  r[0].editable = B;
+  const a = M.buildTreeRows(qr, "friends"), t = f.createTableModel({
     rows: a,
     columnDefs: r,
     tableOptions: e,
     fixedLeftColumnCount: 1,
     fixedRightColumnCount: 1
   });
-  return new H(
+  return new V(
     t,
     e
   );
 }
 export {
-  Br as COL_IDX_UPDATED_AT,
-  je as ChangePercentageRenderer,
-  Je as CirculatingSupplyRenderer,
-  Qe as CoinIconRenderer,
-  zr as LargeBodyModel,
-  Ke as NameAndSymbolRenderer,
-  Xe as UsdRenderer,
-  Ye as Volumn24hRenderer,
-  Ir as applyBodyRenderer,
-  cr as createColumnDefs,
-  kr as createCryptoModelAndOptions,
-  Dr as createHeadergroupModel,
-  Ar as createHeatMapModel,
-  Ur as createHeatMapSeattleModel,
-  Hr as createLargeModelAndOptions,
-  qr as createOrderModelAndOptions,
-  Mr as createSimplePersonModel,
-  gr as createTableOptions,
-  lr as createTableRows,
-  _r as createTimeTableModel,
-  xr as createTreePeopleColumnDefs,
-  Or as createTreePeopleModelAndOptions,
-  wr as createTreePeopleTableOptions,
-  er as cryptoData,
-  br as data,
-  vr as generateSimpleModel,
-  Rr as generateTreeCheckboxModel,
-  Nr as tableOptions
+  Yr as COL_IDX_UPDATED_AT,
+  rr as ChangePercentageRenderer,
+  mr as CirculatingSupplyRenderer,
+  sr as CoinIconRenderer,
+  Ar as LargeBodyModel,
+  tr as NameAndSymbolRenderer,
+  ar as UsdRenderer,
+  nr as Volumn24hRenderer,
+  Xr as applyBodyRenderer,
+  Sr as createColumnDefs,
+  _r as createCryptoModelAndOptions,
+  Wr as createHeadergroupModel,
+  Or as createHeatMapModel,
+  Fr as createHeatMapSeattleModel,
+  ea as createLargeModelAndOptions,
+  ra as createManyTypesModelAndOptions,
+  Qr as createOrderModelAndOptions,
+  jr as createSimplePersonModel,
+  Cr as createTableOptions,
+  hr as createTableRows,
+  Kr as createTeamHeadergroupModel,
+  Jr as createTimeTableModel,
+  Hr as createTreePeopleColumnDefs,
+  aa as createTreePeopleModelAndOptions,
+  Vr as createTreePeopleTableOptions,
+  ir as cryptoData,
+  Lr as data,
+  $r as generateSimpleModel,
+  Er as generateTreeCheckboxModel,
+  Pr as tableOptions,
+  or as teamHeaderGroups
 };