@guiexpert/react-table 18.1.57 → 18.1.59

package/index.js

@@ -1,11 +1,11 @@
 import { jsx as te } from "react/jsx-runtime";
 import { useRef as se, useEffect as oe } from "react";
 import ie from "react-dom";
-function ae(f, e = 500) {
+function re(g, e = 500) {
   let t = null;
   return function(...s) {
     t && window.clearTimeout(t), t = window.setTimeout(() => {
-      f.apply(this, s), t = null;
+      g.apply(this, s), t = null;
     }, e);
   };
 }
@@ -34,15 +34,15 @@ class k {
     }
   }
 }
-function $(f) {
-  return f && f.type === "TreeRow";
+function O(g) {
+  return g && g.type === "TreeRow";
 }
-function H(f) {
-  return f && f.type === "AreaModelTree";
+function $(g) {
+  return g && g.type === "AreaModelTree";
 }
 class V {
-  constructor(e = -1, t = -1, s = -1, o = -1, i, a, l, r = 0, n = 0, c = 0, h = "") {
-    this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = o, this.areaIdent = i, this.sideIdent = a, this.originalEvent = l, this.clickCount = r, this.draggingX = n, this.draggingY = c, this.action = h;
+  constructor(e = -1, t = -1, s = -1, o = -1, i, r, l, a = 0, n = 0, c = 0, h = "") {
+    this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = o, this.areaIdent = i, this.sideIdent = r, this.originalEvent = l, this.clickCount = a, this.draggingX = n, this.draggingY = c, this.action = h;
   }
   clone() {
     return new V(
@@ -91,7 +91,7 @@ class J {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
-class re {
+class ae {
   constructor(e) {
     this.domService = e;
   }
@@ -164,83 +164,83 @@ class re {
     const s = this.domService.createElement("div");
     return this.addClass(e, s), this.domService.appendChild(t, s), s;
   }
-  addRowDiv(e, t, s = -1, o, i, a = "") {
-    const l = t.index ?? -1, r = this.getDivOrCreateDiv(l, e);
-    if (this.domService.addClass(r, "ge-table-row-div"), this.domService.addClass(r, `ge-table-row-div-${t.index}`), o === "body" && i === "center") {
+  addRowDiv(e, t, s = -1, o, i, r = "") {
+    const l = t.index ?? -1, a = this.getDivOrCreateDiv(l, e);
+    if (this.domService.addClass(a, "ge-table-row-div"), this.domService.addClass(a, `ge-table-row-div-${t.index}`), o === "body" && i === "center") {
       const n = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
-      this.domService.addClass(r, `ge-table-row-${n}`);
+      this.domService.addClass(a, `ge-table-row-${n}`);
     }
-    if (this.domService.setStyle(r, "display", "clip"), this.domService.setStyle(r, "position", "absolute"), this.domService.setStyle(r, "left", `${t.left}px`), this.domService.setStyle(r, "top", `${t.top}px`), this.domService.setStyle(r, "width", `${t.width}px`), this.domService.setStyle(r, "height", `${t.height}px`), this.domService.setAttribute(r, "data-row-index", `${s}`), this.domService.setAttribute(r, "data-area", `${o}`), a) {
-      const n = this.domService.createText(a);
-      this.domService.appendChild(r, n);
+    if (this.domService.setStyle(a, "display", "clip"), this.domService.setStyle(a, "position", "absolute"), this.domService.setStyle(a, "left", `${t.left}px`), this.domService.setStyle(a, "top", `${t.top}px`), this.domService.setStyle(a, "width", `${t.width}px`), this.domService.setStyle(a, "height", `${t.height}px`), this.domService.setAttribute(a, "data-row-index", `${s}`), this.domService.setAttribute(a, "data-area", `${o}`), r) {
+      const n = this.domService.createText(r);
+      this.domService.appendChild(a, n);
     }
-    return this.domService.appendChild(e.child, r), r;
+    return this.domService.appendChild(e.child, a), a;
   }
   addColumnDiv(e) {
-    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: a, sideIdent: l, text: r = "", treeArrow: n, tableOptions: c, checkedType: h = void 0, sortState: d } = e, m = c == null ? void 0 : c.treeOptions, p = c == null ? void 0 : c.showCheckboxWihoutExtraColumn, b = this.domService.createElement("div");
-    this.domService.addClass(b, "ge-table-col-div"), p && this.domService.addClass(b, "ge-with-checkbox"), this.domService.addClass(b, `ge-table-col-div-${s.index}`), this.domService.setAttribute(b, "data-col-index", `${s.index}`), this.domService.setAttribute(b, "data-row-index", `${o}`), this.domService.setAttribute(b, "data-area", `${a}`);
-    const g = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (a === "body" && l === "center" && this.domService.addClass(b, `ge-table-column-${g}`), this.domService.setStyle(b, "display", "clip"), this.domService.setStyle(b, "position", "absolute"), this.domService.setStyle(b, "left", `${s.left}px`), this.domService.setStyle(b, "top", `${s.top}px`), this.domService.setStyle(b, "width", `${s.width}px`), this.domService.setStyle(b, "height", `${s.height}px`), n && n !== "none" && (this.domService.addClass(b, "ge-table-col-tree"), this.addArrowDiv(b, n, m, o, i, a)), p && i === 0 && h && this.addCheckboxToDiv(b, h, a, o), r) {
-      const u = n !== "none" && i === 0;
-      this.addLabelDiv(b, r, u, o, i, a);
+    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: l, text: a = "", treeArrow: n, tableOptions: c, checkedType: h = void 0, sortState: d } = e, u = c == null ? void 0 : c.treeOptions, p = c == null ? void 0 : c.showCheckboxWihoutExtraColumn, b = this.domService.createElement("div");
+    this.domService.addClass(b, "ge-table-col-div"), p && this.domService.addClass(b, "ge-with-checkbox"), this.domService.addClass(b, `ge-table-col-div-${s.index}`), this.domService.setAttribute(b, "data-col-index", `${s.index}`), this.domService.setAttribute(b, "data-row-index", `${o}`), this.domService.setAttribute(b, "data-area", `${r}`);
+    const f = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
+    if (r === "body" && l === "center" && this.domService.addClass(b, `ge-table-column-${f}`), this.domService.setStyle(b, "display", "clip"), this.domService.setStyle(b, "position", "absolute"), this.domService.setStyle(b, "left", `${s.left}px`), this.domService.setStyle(b, "top", `${s.top}px`), this.domService.setStyle(b, "width", `${s.width}px`), this.domService.setStyle(b, "height", `${s.height}px`), n && n !== "none" && (this.domService.addClass(b, "ge-table-col-tree"), this.addArrowDiv(b, n, u, o, i, r)), p && i === 0 && h && this.addCheckboxToDiv(b, h, r, o), a) {
+      const m = n !== "none" && i === 0;
+      this.addLabelDiv(b, a, m, o, i, r);
     }
     return d && this.addSortedIcon(b, d, c == null ? void 0 : c.sortedOptions, i), this.domService.appendChild(t, b), b;
   }
   addCheckboxToDiv(e, t, s, o) {
-    const i = this.domService.createElement("div"), a = t === "full" ? "checked" : "";
+    const i = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
     return i.innerHTML = `
             <input
                 type="checkbox"
                 data-area="${s}"
                 data-row-index="${o}"
                 data-input-type="checkbox"
-                ${a}
+                ${r}
                 class="ge-table-row-checkbox"> `, this.domService.setStyle(i, "display", "inline"), this.domService.setStyle(i, "width", "inherit"), this.domService.setAttribute(i, "data-row-index", `${o}`), this.domService.appendChild(e, i), i;
   }
-  addLabelDiv(e, t = "", s = !1, o = -1, i = -1, a = "body") {
+  addLabelDiv(e, t = "", s = !1, o = -1, i = -1, r = "body") {
     const l = this.domService.createElement("div");
-    if (this.domService.addClass(l, "ge-table-label-div"), this.domService.setStyle(l, "position", "relative"), this.domService.setStyle(l, "background", "transparent"), this.domService.setStyle(l, "width", "100%"), this.domService.setStyle(l, "height", "100%"), this.domService.setAttribute(l, "data-row-index", `${o}`), this.domService.setAttribute(l, "data-col-index", `${i}`), this.domService.setAttribute(l, "data-area", `${a}`), t)
+    if (this.domService.addClass(l, "ge-table-label-div"), this.domService.setStyle(l, "position", "relative"), this.domService.setStyle(l, "background", "transparent"), this.domService.setStyle(l, "width", "100%"), this.domService.setStyle(l, "height", "100%"), this.domService.setAttribute(l, "data-row-index", `${o}`), this.domService.setAttribute(l, "data-col-index", `${i}`), this.domService.setAttribute(l, "data-area", `${r}`), t)
       if (s) {
-        const r = this.domService.createText(t);
-        this.domService.appendChild(l, r);
+        const a = this.domService.createText(t);
+        this.domService.appendChild(l, a);
       } else {
-        const r = this.domService.createElement("div");
-        this.domService.appendChild(l, r);
+        const a = this.domService.createElement("div");
+        this.domService.appendChild(l, a);
         const n = this.domService.createText(t);
-        this.domService.addClass(r, "ge-table-label"), this.domService.appendChild(r, n), this.domService.setAttribute(r, "data-row-index", `${o}`), this.domService.setAttribute(r, "data-col-index", `${i}`), this.domService.setAttribute(r, "data-area", `${a}`);
+        this.domService.addClass(a, "ge-table-label"), this.domService.appendChild(a, n), this.domService.setAttribute(a, "data-row-index", `${o}`), this.domService.setAttribute(a, "data-col-index", `${i}`), this.domService.setAttribute(a, "data-area", `${r}`);
       }
     return this.domService.appendChild(e, l), l;
   }
   addSortedIcon(e, t = "", s = new J(), o = -1) {
     const i = this.domService.createElement("div");
     this.domService.addClass(i, "ge-table-sorted-icon-div"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "top", "0"), this.domService.setStyle(i, "right", "0"), this.domService.setStyle(i, "width", "20px"), this.domService.setStyle(i, "background", "transparent"), this.domService.setStyle(i, "cursor", "pointer"), this.domService.setAttribute(i, "data-col-index", `${o}`), this.domService.setAttribute(i, "data-area", "header");
-    let a;
-    t === "asc" ? a = s.iconAsc : t === "desc" ? a = s.iconDesc : a = s.iconPlaceholder;
-    const l = a.content, r = this.domService.createText(l);
-    this.domService.appendChild(i, r), a.style && this.applyStyleString(i, a.style);
-    for (const n of a.classes)
+    let r;
+    t === "asc" ? r = s.iconAsc : t === "desc" ? r = s.iconDesc : r = s.iconPlaceholder;
+    const l = r.content, a = this.domService.createText(l);
+    this.domService.appendChild(i, a), r.style && this.applyStyleString(i, r.style);
+    for (const n of r.classes)
       this.domService.addClass(i, n);
     return this.domService.appendChild(e, i), i;
   }
-  addArrowDiv(e, t = "none", s = new q(), o = -1, i = -1, a = "body") {
+  addArrowDiv(e, t = "none", s = new q(), o = -1, i = -1, r = "body") {
     const l = this.domService.createElement("div");
-    this.domService.addClass(l, "ge-table-tree-arrow-div"), this.domService.setStyle(l, "display", "inline-block"), this.domService.setStyle(l, "position", ""), this.domService.setStyle(l, "width", "20px"), this.domService.setStyle(l, "background", "transparent"), this.domService.setStyle(l, "cursor", "pointer"), this.domService.setAttribute(l, "data-row-index", `${o}`), this.domService.setAttribute(l, "data-col-index", `${i}`), this.domService.setAttribute(l, "data-area", `${a}`);
-    let r;
-    t === "expanded" ? r = s.arrowExpanded : t === "collapsed" ? r = s.arrowCollapsed : r = s.arrowPlaceholder;
-    const n = r.content, c = this.domService.createText(n);
-    this.domService.appendChild(l, c), r.style && this.applyStyleString(l, r.style);
-    for (const h of r.classes)
+    this.domService.addClass(l, "ge-table-tree-arrow-div"), this.domService.setStyle(l, "display", "inline-block"), this.domService.setStyle(l, "position", ""), this.domService.setStyle(l, "width", "20px"), this.domService.setStyle(l, "background", "transparent"), this.domService.setStyle(l, "cursor", "pointer"), this.domService.setAttribute(l, "data-row-index", `${o}`), this.domService.setAttribute(l, "data-col-index", `${i}`), this.domService.setAttribute(l, "data-area", `${r}`);
+    let a;
+    t === "expanded" ? a = s.arrowExpanded : t === "collapsed" ? a = s.arrowCollapsed : a = s.arrowPlaceholder;
+    const n = a.content, c = this.domService.createText(n);
+    this.domService.appendChild(l, c), a.style && this.applyStyleString(l, a.style);
+    for (const h of a.classes)
       this.domService.addClass(l, h);
     return this.domService.appendChild(e, l), l;
   }
   addColumnBorderDivs(e, t, s, o, i) {
     if (e.verticalBorderVisible) {
-      const a = `ge-table-${o}-${i}-vertical-border`;
-      this.addVerticalBorder(s, t, a);
+      const r = `ge-table-${o}-${i}-vertical-border`;
+      this.addVerticalBorder(s, t, r);
     }
     if (e.horizontalBorderVisible) {
-      const a = `ge-table-${o}-${i}-horizontal-border`;
-      this.addHorizontalBorder(s, t, a);
+      const r = `ge-table-${o}-${i}-horizontal-border`;
+      this.addHorizontalBorder(s, t, r);
     }
     return t;
   }
@@ -264,8 +264,8 @@ class re {
   applyStyleString(e, t) {
     const s = t.split(";").map((o) => o.trim()).filter((o) => o);
     for (const o of s) {
-      const [i, a] = o.split(":");
-      this.domService.setStyle(e, i.trim(), a.trim());
+      const [i, r] = o.split(":");
+      this.domService.setStyle(e, i.trim(), r.trim());
     }
   }
   getDivOrCreateDiv(e, t) {
@@ -273,13 +273,13 @@ class re {
     return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
   }
 }
-const N = (f) => f === "header" ? "header" : f === "footer" ? "footer" : "body";
+const _ = (g) => g === "header" ? "header" : g === "footer" ? "footer" : "body";
 class le {
   constructor(e, t) {
     if (this.rowIdx = -1, this.colIdx = -1, this.action = null, this.inputType = null, this.className = "", e !== null && (e instanceof HTMLDivElement || e instanceof HTMLSpanElement || e instanceof HTMLInputElement)) {
       this.className = e.className, this.action = e.getAttribute("data-ge-action"), this.inputType = e.getAttribute("data-input-type"), this.rowIdx = Number(e.getAttribute("data-row-index")), this.colIdx = Number(e.getAttribute("data-col-index"));
       const s = e.getAttribute("data-area");
-      if (s && (this.areaIdent = N(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
+      if (s && (this.areaIdent = _(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
         const o = e;
         this.value = o.value;
       }
@@ -323,12 +323,12 @@ class ne {
       this.tableScope.toggleHeaderGroup(s), e.preventDefault(), e.stopPropagation();
     else if (s.inputType === "checkbox" && s.areaIdent)
       this.tableScope.toggleRowCheckbox(s.rowIdx, s.colIdx, s.areaIdent), e.preventDefault(), e.stopPropagation();
-    else if ($(s.row) && s.areaModel) {
+    else if (O(s.row) && s.areaModel) {
       const o = s.colIdx === this.getArrowColumnIndex() && e.altKey, i = s.className.includes("ge-table-tree-arrow-div");
       if (o || i) {
         e.preventDefault(), e.stopPropagation();
-        const a = s.row;
-        a.expanded = !a.expanded, "recalcVisibleTreeRows" in s.areaModel && s.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(a);
+        const r = s.row;
+        r.expanded = !r.expanded, "recalcVisibleTreeRows" in s.areaModel && s.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(r);
       }
     }
     if (s.areaIdent === "body" && this.tableScope.tableOptions.getFocusModel) {
@@ -345,14 +345,14 @@ class ne {
    */
   onHostElementDblClicked(e) {
     if (this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
-      const t = e.target, s = t.getAttribute("data-area"), o = N(s), i = Number(t.getAttribute("data-row-index")), a = Number(t.getAttribute("data-col-index")), l = this.tableScope.tableModel.getAreaModel(o);
+      const t = e.target, s = t.getAttribute("data-area"), o = _(s), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), l = this.tableScope.tableModel.getAreaModel(o);
       if (s && o === "header")
-        this.tableScope.tableModel.isSortable(a) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, i, a));
+        this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, i, r));
       else if (t.getAttribute("data-row-index")) {
-        const r = l.getRowByIndex(i);
-        if (s && o === "body" && l.isEditable(i, a) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, a)), $(r) && a === this.getArrowColumnIndex()) {
+        const a = l.getRowByIndex(i);
+        if (s && o === "body" && l.isEditable(i, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, r)), O(a) && r === this.getArrowColumnIndex()) {
           e.preventDefault(), e.stopPropagation();
-          const n = r;
+          const n = a;
           n.expanded = !n.expanded, "recalcVisibleTreeRows" in l && l.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(n);
         }
       }
@@ -378,11 +378,11 @@ class ne {
    * @returns {void}
    */
   updateCollapsedExpandedState(e) {
-    var s, o, i, a, l;
+    var s, o, i, r, l;
     const t = (o = (s = this.tableScope.tableOptions) == null ? void 0 : s.autoRestoreOptions) == null ? void 0 : o.getRowId;
     if (t) {
-      const r = (i = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : i.collapsedExpandedStateGet().mode, n = r === "collapsed" && !e.expanded || r === "expanded" && e.expanded, c = r === "collapsed" && e.expanded || r === "expanded" && !e.expanded, h = t(e.data);
-      n ? (a = this.tableScope.storeStateCollapsedExpandService) == null || a.collapsedStateIdsPush(h) : c && ((l = this.tableScope.storeStateCollapsedExpandService) == null || l.collapsedStateIdsRemove(h));
+      const a = (i = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : i.collapsedExpandedStateGet().mode, n = a === "collapsed" && !e.expanded || a === "expanded" && e.expanded, c = a === "collapsed" && e.expanded || a === "expanded" && !e.expanded, h = t(e.data);
+      n ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(h) : c && ((l = this.tableScope.storeStateCollapsedExpandService) == null || l.collapsedStateIdsRemove(h));
     }
   }
   getArrowColumnIndex() {
@@ -419,6 +419,179 @@ class ne {
   }
 }
 class ce {
+  constructor(e, t = [], s = -1) {
+    this.areaIdent = e, this.columnDefs = t, this.defaultRowHeight = s, this.rowSelectionModel = void 0, this.yPositions = [], this.cellRenderers = t.map((o) => o.rendererMap[e]);
+  }
+  getTextValueAt(e, t) {
+    return "" + this.getValueAt(e, t);
+  }
+  getTooltipAt(e, t) {
+    return "";
+  }
+  getCellRenderer(e, t) {
+    if (t < this.cellRenderers.length)
+      return this.cellRenderers[t];
+  }
+  getColspanAt(e, t) {
+    return 0;
+  }
+  getCustomClassesAt(e, t) {
+    return [];
+  }
+  getCustomStyleAt(e, t) {
+  }
+  getRowspanAt(e, t) {
+    return 0;
+  }
+  getRowByIndex(e) {
+  }
+  isRowCheckable(e) {
+    return !0;
+  }
+  isRowChecked(e) {
+    var s;
+    const t = this.getRowByIndex(e);
+    return (s = this.rowSelectionModel) == null ? void 0 : s.isRowChecked(t);
+  }
+  setRowChecked(e, t) {
+    if (this.rowSelectionModel) {
+      const s = this.getRowByIndex(e);
+      this.rowSelectionModel.checkRow(s, t);
+    }
+  }
+  getMaxColspan() {
+    return 31;
+  }
+  getMaxRowspan() {
+    return 31;
+  }
+  getYPosByRowIndex(e) {
+    return this.defaultRowHeight > 0 ? this.defaultRowHeight * e : this.yPositions[e];
+  }
+  init() {
+    !this.yPositions.length && this.getRowCount() !== void 0 && this.defaultRowHeight === -1 && this.calcYPositions();
+  }
+  isFilterable() {
+    return this.areaIdent === "body";
+  }
+  doSort(e) {
+    return !1;
+  }
+  isEditable(e, t) {
+    var o, i;
+    const s = (o = this.columnDefs) == null ? void 0 : o[t];
+    return ((i = s == null ? void 0 : s.editable) == null ? void 0 : i.call(s)) ?? !1;
+  }
+  setValue(e, t, s) {
+    var l;
+    const o = (l = this.columnDefs[t]) == null ? void 0 : l.editInputPipe;
+    o && (s = o(s, e, t));
+    const i = this.getRowByIndex(e), r = this.columnDefs[t].property;
+    return r.includes(".") ? this.setPropertyValue(i, r.split("."), s) : (i[r] = s, !0);
+  }
+  isSelectable(e, t) {
+    return !0;
+  }
+  changeColumnOrder(e, t) {
+    this.arrayMove(this.cellRenderers, e, t);
+  }
+  setPropertyValue(e, t, s) {
+    const o = t.shift();
+    if (o) {
+      const i = e[o];
+      return i && t.length ? this.setPropertyValue(i, t, s) : (e[o] = s, !0);
+    }
+    return !1;
+  }
+  arrayMove(e, t, s) {
+    const o = e.splice(t, 1)[0];
+    return e.splice(s, 0, o), e;
+  }
+  calcYPositions() {
+    const e = this.getRowCount();
+    this.yPositions = new Array(e + 1), this.yPositions[0] = 0;
+    for (let t = 0; t < e; t++)
+      this.yPositions[t + 1] = this.getRowHeight(t) + this.yPositions[t];
+  }
+}
+class de {
+  genericSortComparator(e, t, s) {
+    if (typeof e == "number" && typeof t == "number")
+      return s * (e - t);
+    if (typeof e == "string" && typeof t == "string")
+      return s * e.localeCompare(t);
+    if (typeof e == "boolean" && typeof t == "boolean")
+      return s * ((e ? -1 : 1) - (t ? -1 : 1));
+    if (e instanceof Date && t instanceof Date)
+      return s * (e.getTime() - t.getTime());
+    if (e instanceof Array && t instanceof Array) {
+      const o = e, i = t;
+      if (o.length && i.length)
+        return this.genericSortComparator(o[0], i[0], s);
+    }
+    return s * ("" + e).localeCompare("" + t);
+  }
+}
+class he extends ce {
+  constructor(e, t, s, o = []) {
+    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.sorterService = new de(), this.filteredRows = [...t], this.properties = o.map((i) => i.property);
+  }
+  setRows(e) {
+    this.rows = e, this.filteredRows = [...e];
+  }
+  filterRowsByPredict(e) {
+    this.rows = this.rows.filter(e), this.filteredRows = this.filteredRows.filter(e);
+  }
+  getRowCount() {
+    var e;
+    return ((e = this.filteredRows) == null ? void 0 : e.length) ?? 0;
+  }
+  getValueAt(e, t) {
+    const s = this.properties[t];
+    let o = this.filteredRows[e];
+    return O(o) && (o = o.data), o ? this.getValueByT(o, s) : "";
+  }
+  getFilteredRows() {
+    return this.filteredRows;
+  }
+  getAllRows() {
+    return this.rows;
+  }
+  getRowHeight(e) {
+    return this.defaultRowHeight;
+  }
+  getRowByIndex(e) {
+    return this.filteredRows[e];
+  }
+  externalFilterChanged(e) {
+    this.filteredRows = this.rows ? this.rows.filter(e) : [];
+  }
+  doSort(e) {
+    for (const t of e) {
+      const { columnIndex: s, sortState: o } = t, i = o === "asc" ? 1 : o === "desc" ? -1 : 0, r = this.properties[s];
+      this.filteredRows = this.filteredRows.sort(this.genericFlatTableSortComparator(r, i));
+    }
+    return !0;
+  }
+  getValueByT(e, t) {
+    return t.includes(".") ? this.getPropertyValue(e, t.split(".")) : e[t];
+  }
+  changeColumnOrder(e, t) {
+    this.arrayMove(this.properties, e, t), super.changeColumnOrder(e, t);
+  }
+  genericFlatTableSortComparator(e, t) {
+    const s = this.columnDefs.find((o) => o.property === e);
+    return (o, i) => {
+      const r = this.getValueByT(o, e), l = this.getValueByT(i, e);
+      return s != null && s.sortComparator ? t * s.sortComparator(r, l, o, i, t) : this.sorterService.genericSortComparator(r, l, t);
+    };
+  }
+  getPropertyValue(e, t) {
+    const s = t.shift(), o = e[s];
+    return o && t.length ? this.getPropertyValue(o, t) : o;
+  }
+}
+class pe {
   constructor(e) {
     this.tableScope = e;
   }
@@ -604,9 +777,9 @@ class ce {
    */
   downloadExcel(e = "table.xlsx", t = "") {
     const s = [], o = this.tableScope.tableModel.getColumnCount(), i = ["header", "body", "footer"];
-    for (const a of i) {
-      const l = this.tableScope.tableModel.getAreaModel(a), r = (l == null ? void 0 : l.getRowCount()) ?? 0;
-      for (let n = 0; n < r; n++) {
+    for (const r of i) {
+      const l = this.tableScope.tableModel.getAreaModel(r), a = (l == null ? void 0 : l.getRowCount()) ?? 0;
+      for (let n = 0; n < a; n++) {
         const c = [];
         s.push(c);
         for (let h = 0; h < o; h++)
@@ -644,8 +817,18 @@ class ce {
   getTableModel() {
     return this.tableScope.tableModel;
   }
+  getBodyModel() {
+    return this.tableScope.tableModel.getBodyModel();
+  }
+  setRows(e) {
+    const t = this.getBodyModel();
+    t instanceof he ? t.setRows(e) : console.warn("setRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof t);
+  }
+  reSort() {
+    this.tableScope.reSort();
+  }
 }
-class G {
+class N {
   constructor(e) {
     this.getStorageKeyFn = e;
   }
@@ -662,8 +845,8 @@ class G {
       if (o) {
         const i = o + e;
         if ((t + "").includes("Map")) {
-          const a = this.autoConvertMapToObject(t);
-          this.persistItem(i, a);
+          const r = this.autoConvertMapToObject(t);
+          this.persistItem(i, r);
         } else
           this.persistItem(i, t);
       }
@@ -712,7 +895,7 @@ class G {
   //   }
   // }
 }
-class de extends G {
+class ge extends N {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -734,14 +917,14 @@ class de extends G {
     }
   }
 }
-class he {
+class fe {
   constructor(e = "collapsed", t = [], s = !1, o = !1) {
     this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = o;
   }
 }
-class pe extends G {
+class ue extends N {
   constructor(e) {
-    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new he(), this.load();
+    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new fe(), this.load();
   }
   collapsedExpandedStateGet() {
     return this.collapsedExpandedState;
@@ -773,7 +956,7 @@ class pe extends G {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class ge extends G {
+class me extends N {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -799,7 +982,7 @@ class T {
     this.left = e, this.width = t, this.height = s, this.top = o, this.index = i;
   }
 }
-class fe {
+class be {
   constructor(e, t, s, o) {
     this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new T(), this.areaBodyCenterGeo = new T(), this.areaBodyEastGeo = new T();
     const i = this.hostElement;
@@ -1005,7 +1188,7 @@ class E {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
   }
 }
-class me {
+class Se {
   constructor(e, t) {
     this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
   }
@@ -1016,12 +1199,12 @@ class me {
     const e = this.areaModel.getRowCount(), t = this.tableModel.getColumnCount();
     for (let s = 0; s < e; s++)
       for (let o = 0; o < t; o++) {
-        let i = this.areaModel.getColspanAt(s, o), a = this.areaModel.getRowspanAt(s, o);
-        if (i > 1 || a > 1) {
-          i === 0 && (i = 1), a === 0 && (a = 1);
+        let i = this.areaModel.getColspanAt(s, o), r = this.areaModel.getRowspanAt(s, o);
+        if (i > 1 || r > 1) {
+          i === 0 && (i = 1), r === 0 && (r = 1);
           const l = "gammaCells" in this.areaModel;
           this.colAndRowspanRanges.push(
-            new E(s, o, s + a - 1, o + i - 1, l)
+            new E(s, o, s + r - 1, o + i - 1, l)
           );
         }
       }
@@ -1038,22 +1221,22 @@ class me {
     return !1;
   }
 }
-class ue {
+class ye {
   constructor(e, t, s) {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class be extends fe {
+class xe extends be {
   constructor(e, t, s, o) {
-    var a, l;
+    var r, l;
     super(e, t, s, o), this.dragging = !1, this.editing = !1, this.storedColumnWidths = [], this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
       header: [],
       body: [],
       footer: []
-    }, this.tree = !1, this.colAndRowspanModels = new ue(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (a = this.tableOptions) != null && a.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (l = this.tableOptions) != null && l.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), H(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
-      (r) => {
+    }, this.tree = !1, this.colAndRowspanModels = new ye(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (l = this.tableOptions) != null && l.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), $(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+      (a) => {
         var n;
-        this.colAndRowspanModels[r] = new me(t, t.getAreaModel(r)), (n = this.colAndRowspanModels[r]) == null || n.init();
+        this.colAndRowspanModels[a] = new Se(t, t.getAreaModel(a)), (n = this.colAndRowspanModels[a]) == null || n.init();
       }
     );
   }
@@ -1190,23 +1373,23 @@ class be extends fe {
    * @param {string[]} cssClasses - An array of CSS classes to be applied to the cell.
    */
   rerenderCellContent({ area: e, rowIndex: t, columnIndex: s, value: o, cssClasses: i }) {
-    const a = this.tableModel.getAreaModel(e), l = 'div[data-col-index="' + s + '"][data-row-index="' + t + '"][data-area="' + e + '"]', r = document.querySelector(l);
-    if (r) {
+    const r = this.tableModel.getAreaModel(e), l = 'div[data-col-index="' + s + '"][data-row-index="' + t + '"][data-area="' + e + '"]', a = document.querySelector(l);
+    if (a) {
       let n;
       const c = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s;
       let h;
-      if (c ? h = this.editorRenderer : h = a.getCellRenderer(t, s), r.innerText = "", this.applyCssClasses(r, i), h)
-        n = h.render(r, t, s, e, a, o, this.dom.domService), n && this.cleanupFunctions[e].push(n);
+      if (c ? h = this.editorRenderer : h = r.getCellRenderer(t, s), a.innerText = "", this.applyCssClasses(a, i), h)
+        n = h.render(a, t, s, e, r, o, this.dom.domService), n && this.cleanupFunctions[e].push(n);
       else {
         const p = `${o}`;
-        this.dom.addLabelDiv(r, p, !1, t, s, e);
+        this.dom.addLabelDiv(a, p, !1, t, s, e);
       }
-      const d = a.getCustomClassesAt(t, s);
-      d.length && this.dom.addClasses(d, r);
-      const m = a.getCustomStyleAt(t, s);
-      if (m)
-        for (const p in m)
-          this.dom.setStyle(r, p, m[p]);
+      const d = r.getCustomClassesAt(t, s);
+      d.length && this.dom.addClasses(d, a);
+      const u = r.getCustomStyleAt(t, s);
+      if (u)
+        for (const p in u)
+          this.dom.setStyle(a, p, u[p]);
     }
   }
   /**
@@ -1304,21 +1487,21 @@ class be extends fe {
    * @protected
    */
   adjustArea(e, t = 0) {
-    var g;
-    const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), a = o.child.clientHeight;
+    var f;
+    const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), r = o.child.clientHeight;
     s.child.innerText = "", o.child.innerText = "", i.child.innerText = "";
-    const l = 0, r = this.areaBodyCenterGeo.width, n = this.tableModel.getPadding(), c = this.tableModel.getAreaModel(e), h = c.getRowCount();
+    const l = 0, a = this.areaBodyCenterGeo.width, n = this.tableModel.getPadding(), c = this.tableModel.getAreaModel(e), h = c.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
-      const u = this.cleanupFunctions[e].shift();
-      u && u();
+      const m = this.cleanupFunctions[e].shift();
+      m && m();
     }
     let d = t;
-    const m = this.tableModel.getColumnCount(), p = this.tableModel.getFixedRightColumnCount(), b = this.tableModel.getFixedLeftColumnCount();
-    for (let u = 0; u < h; u++) {
-      const x = d, S = u === h - 1, w = this.tableModel.getRowHeight(e, u);
-      if (x + w > 0) {
-        this.firstVisibleRowIndex = u;
-        let v = { left: l, width: r, height: w, top: x, index: u }, y = this.dom.addRowDiv(o, v, u, e, "center");
+    const u = this.tableModel.getColumnCount(), p = this.tableModel.getFixedRightColumnCount(), b = this.tableModel.getFixedLeftColumnCount();
+    for (let m = 0; m < h; m++) {
+      const x = d, S = m === h - 1, C = this.tableModel.getRowHeight(e, m);
+      if (x + C > 0) {
+        this.firstVisibleRowIndex = m;
+        let v = { left: l, width: a, height: C, top: x, index: m }, y = this.dom.addRowDiv(o, v, m, e, "center");
         const R = b;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
@@ -1326,34 +1509,34 @@ class be extends fe {
           areaModel: c,
           geo: v,
           parent: y,
-          rowIndex: u,
+          rowIndex: m,
           columnIndexStart: R,
-          columnIndexEnd: m - p - 1,
+          columnIndexEnd: u - p - 1,
           verticalFixed: !1,
           lastRowOfModel: S
-        }), n.left > 0 && (v = { left: l, width: this.areaBodyWestGeo.width, height: w, top: x, index: u }, y = this.dom.addRowDiv(s, v, u, e, "west"), this.adjustColumnsToRowParent({
+        }), n.left > 0 && (v = { left: l, width: this.areaBodyWestGeo.width, height: C, top: x, index: m }, y = this.dom.addRowDiv(s, v, m, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: c,
           geo: v,
           parent: y,
-          rowIndex: u,
+          rowIndex: m,
           columnIndexStart: 0,
           columnIndexEnd: R - 1,
           verticalFixed: !0,
           lastRowOfModel: S
-        })), n.right > 0 && (v = { left: l, width: this.areaBodyEastGeo.width, height: w, top: x, index: u }, y = this.dom.addRowDiv(i, v, u, e, "east"), this.adjustColumnsToRowParent({
+        })), n.right > 0 && (v = { left: l, width: this.areaBodyEastGeo.width, height: C, top: x, index: m }, y = this.dom.addRowDiv(i, v, m, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: c,
           geo: v,
           parent: y,
-          rowIndex: u,
-          columnIndexStart: m - p,
-          columnIndexEnd: m - 1,
+          rowIndex: m,
+          columnIndexStart: u - p,
+          columnIndexEnd: u - 1,
           verticalFixed: !0,
           lastRowOfModel: S
-        })), e === "header" && this.tree && u === h - 1) {
+        })), e === "header" && this.tree && m === h - 1) {
           const A = this.dom.applyStyle(
             this.dom.setAttribute(
               this.dom.addDiv(y, new T(16, 20, 20, 8)),
@@ -1368,23 +1551,23 @@ class be extends fe {
           }
         }
       }
-      if (d = d + w, d > a)
+      if (d = d + C, d > r)
         break;
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
-      const u = ((g = this.colAndRowspanModels[e]) == null ? void 0 : g.getRanges()) ?? [];
-      if (u.length)
-        for (const x of u) {
-          let S = 0, w = o.child, v = "center";
+      const m = ((f = this.colAndRowspanModels[e]) == null ? void 0 : f.getRanges()) ?? [];
+      if (m.length)
+        for (const x of m) {
+          let S = 0, C = o.child, v = "center";
           if (x.c1 < b)
-            w = s.child, v = "west";
-          else if (p > 0 && x.c1 >= m - p)
-            w = i.child, v = "east";
+            C = s.child, v = "west";
+          else if (p > 0 && x.c1 >= u - p)
+            C = i.child, v = "east";
           else {
             const y = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
             S = this.scrollFactorX * y - this.areaBodyWestGeo.width, v = "center";
           }
-          this.drawBigCell(x, S, t, c, w, v);
+          this.drawBigCell(x, S, t, c, C, v);
         }
     }
   }
@@ -1398,22 +1581,22 @@ class be extends fe {
    * @param sideIdent SideIdent (west,center,east)
    * @protected
    */
-  drawBigCell(e, t, s, o, i, a) {
-    const l = s + this.getRowHeights(0, e.r1 - 1, o).reduce((g, u) => g + u, 0), r = this.tableModel.getColumnCount(), n = this.tableModel.getFixedRightColumnCount();
+  drawBigCell(e, t, s, o, i, r) {
+    const l = s + this.getRowHeights(0, e.r1 - 1, o).reduce((f, m) => f + m, 0), a = this.tableModel.getColumnCount(), n = this.tableModel.getFixedRightColumnCount();
     let c = 0;
-    n > 0 && e.c1 >= r - n && (c = r - n);
-    const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((g, u) => g + u, 0), d = this.getRowHeights(e.r1, e.r2, o).reduce((g, u) => g + u, 0), m = this.getColumnWidths(e.c1, e.c2).reduce((g, u) => g + u, 0);
+    n > 0 && e.c1 >= a - n && (c = a - n);
+    const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((f, m) => f + m, 0), d = this.getRowHeights(e.r1, e.r2, o).reduce((f, m) => f + m, 0), u = this.getColumnWidths(e.c1, e.c2).reduce((f, m) => f + m, 0);
     let p = !1;
     const b = this.getSelectionModel ? this.getSelectionModel() : void 0;
     b && (p = b.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
       areaModel: o,
       areaIdent: o.areaIdent,
-      sideIdent: a,
+      sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
       left: h,
       top: l,
-      width: m,
+      width: u,
       height: d,
       parent: i,
       cellSelected: p,
@@ -1422,12 +1605,12 @@ class be extends fe {
     }) : this.renderCell({
       areaModel: o,
       areaIdent: o.areaIdent,
-      sideIdent: a,
+      sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
       left: h,
       top: l,
-      width: m,
+      width: u,
       height: d,
       parent: i,
       cellSelected: p,
@@ -1438,7 +1621,7 @@ class be extends fe {
       columnIndex: e.c1,
       cellLeft: h,
       cellTop: l,
-      cellWidth: m,
+      cellWidth: u,
       cellHeight: d,
       parent: i
     });
@@ -1455,8 +1638,8 @@ class be extends fe {
   findRowOfImportantRowspanCell(e, t, s) {
     const o = e.getMaxRowspan();
     for (let i = t - 1; i > -1; i--) {
-      const a = e.getRowspanAt(i, s);
-      if (a > 1 && i + a + 1 >= t)
+      const r = e.getRowspanAt(i, s);
+      if (r > 1 && i + r + 1 >= t)
         return i;
       if (t - i > o)
         return -1;
@@ -1476,9 +1659,9 @@ class be extends fe {
     areaModel: s,
     geo: o,
     parent: i,
-    rowIndex: a,
+    rowIndex: r,
     columnIndexStart: l,
-    columnIndexEnd: r,
+    columnIndexEnd: a,
     verticalFixed: n = !1,
     lastRowOfModel: c = !1
   }) {
@@ -1486,33 +1669,33 @@ class be extends fe {
     this.scrollViewportLeft = this.scrollViewport.scrollLeft;
     let h = 0;
     if (!n) {
-      const g = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-      h = this.scrollFactorX * g;
+      const f = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+      h = this.scrollFactorX * f;
     }
-    const d = 0, m = !!(e === "body" && t);
+    const d = 0, u = !!(e === "body" && t);
     let p = h;
-    for (let g = l; g <= r; g++) {
-      const u = p, x = this.tableModel.getColumnWidth(g);
-      if (x > 0 && u + x > 0) {
+    for (let f = l; f <= a; f++) {
+      const m = p, x = this.tableModel.getColumnWidth(f);
+      if (x > 0 && m + x > 0) {
         let S = o.height;
-        const w = s.getRowspanAt(a, g), v = s.getColspanAt(a, g);
-        w > 1 && (S = this.getRowHeights(a, a + w - 1, s).reduce((A, M) => A + M, 0));
+        const C = s.getRowspanAt(r, f), v = s.getColspanAt(r, f);
+        C > 1 && (S = this.getRowHeights(r, r + C - 1, s).reduce((A, M) => A + M, 0));
         let y = x;
-        v > 1 && (y = this.getColumnWidths(g, g + v - 1).reduce((A, M) => A + M, 0));
+        v > 1 && (y = this.getColumnWidths(f, f + v - 1).reduce((A, M) => A + M, 0));
         let R = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (b = this.colAndRowspanModels[e]) != null && b.isInRange(a, g) && (R = !0), this.draggingTargetColumnIndex === g && e !== "header") {
-          this.renderDragTargetDiv(i, u, d, y, S);
-          const A = { left: u, top: d, width: y, height: S };
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (b = this.colAndRowspanModels[e]) != null && b.isInRange(r, f) && (R = !0), this.draggingTargetColumnIndex === f && e !== "header") {
+          this.renderDragTargetDiv(i, m, d, y, S);
+          const A = { left: m, top: d, width: y, height: S };
           this.dom.addColumnBorderDivs(this.tableOptions, i, A, e, t);
         } else {
-          const A = this.renderSelectedBackgroundDiv(R, m, t, s, a, g, i, u, d, y, S);
-          "gammaCells" in s && s.getValueAt(a, g) && (R = !1), R || this.renderCell({
+          const A = this.renderSelectedBackgroundDiv(R, u, t, s, r, f, i, m, d, y, S);
+          "gammaCells" in s && s.getValueAt(r, f) && (R = !1), R || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
-            rowIndex: a,
-            columnIndex: g,
-            left: u,
+            rowIndex: r,
+            columnIndex: f,
+            left: m,
             top: d,
             width: y,
             height: S,
@@ -1521,9 +1704,9 @@ class be extends fe {
             lastRowOfModel: c,
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
-            rowIndex: a,
-            columnIndex: g,
-            cellLeft: u,
+            rowIndex: r,
+            columnIndex: f,
+            cellLeft: m,
             cellTop: d,
             cellWidth: y,
             cellHeight: S,
@@ -1554,26 +1737,26 @@ class be extends fe {
     sideIdent: s,
     rowIndex: o,
     index: i,
-    left: a,
+    left: r,
     width: l,
-    height: r,
+    height: a,
     top: n,
     parent: c,
     lastRowOfModel: h
   }) {
     var U;
-    const m = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), p = { left: a, width: l, height: r, top: n, index: i }, b = e.getRowByIndex(o);
-    let g = "none";
-    if (i === this.getTreeArrowColumnIndex() && $(b)) {
-      const C = b;
-      (U = C.children) != null && U.length ? C.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
+    const u = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), p = { left: r, width: l, height: a, top: n, index: i }, b = e.getRowByIndex(o);
+    let f = "none";
+    if (i === this.getTreeArrowColumnIndex() && O(b)) {
+      const w = b;
+      (U = w.children) != null && U.length ? w.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
     }
     let x;
     if (t === "header") {
-      const C = this.tableModel.getColumnDef(i);
-      (!(C != null && C.sortIconVisible) || C != null && C.sortIconVisible()) && (x = C == null ? void 0 : C.sortState);
+      const w = this.tableModel.getColumnDef(i);
+      (!(w != null && w.sortIconVisible) || w != null && w.sortIconVisible()) && (x = w == null ? void 0 : w.sortState);
     }
-    const S = e.getValueAt(o, i), w = m ? "" : `${S}`, v = e.isRowChecked(o), y = this.dom.addColumnDiv(
+    const S = e.getValueAt(o, i), C = u ? "" : `${S}`, v = e.isRowChecked(o), y = this.dom.addColumnDiv(
       {
         parent: c,
         geo: p,
@@ -1581,8 +1764,8 @@ class be extends fe {
         columnIndex: i,
         areaIdent: t,
         sideIdent: s,
-        text: w,
-        treeArrow: g,
+        text: C,
+        treeArrow: f,
         tableOptions: this.tableOptions,
         checkedType: v,
         sortState: x
@@ -1592,17 +1775,17 @@ class be extends fe {
     const A = this.tableModel.getColumnDef(i);
     A && A.classes[t] && this.dom.addClasses(A.classes[t], y);
     let M;
-    m && (M = m.render(y, o, i, t, e, S, this.dom.domService));
+    u && (M = u.render(y, o, i, t, e, S, this.dom.domService));
     const L = e.getCustomClassesAt(o, i);
-    if (L.length && this.dom.addClasses(L, y), this.dom.addColumnBorderDivs(this.tableOptions, c, p, t, s), h && this.dom.addHorizontalBorder({ left: a, width: l, height: r, top: n + r }, c), this.getFocusModel && t === "body") {
-      const C = this.getFocusModel();
-      C != null && C.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, p, {});
+    if (L.length && this.dom.addClasses(L, y), this.dom.addColumnBorderDivs(this.tableOptions, c, p, t, s), h && this.dom.addHorizontalBorder({ left: r, width: l, height: a, top: n + a }, c), this.getFocusModel && t === "body") {
+      const w = this.getFocusModel();
+      w != null && w.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, p, {});
     }
     t === "header" && this.dom.setAttribute(y, "data-ge-action", "drag-column");
-    const W = e.getCustomStyleAt(o, i);
-    if (W)
-      for (const C in W)
-        this.dom.setStyle(y, C, W[C]);
+    const H = e.getCustomStyleAt(o, i);
+    if (H)
+      for (const w in H)
+        this.dom.setStyle(y, w, H[w]);
     return [y, M];
   }
   /**
@@ -1733,9 +1916,9 @@ class be extends fe {
   adjustDraggingColumn(e, t, s) {
     var o, i;
     if (this.dragging) {
-      const a = this.hostElement.clientHeight, l = this.storedColumnWidths[t];
+      const r = this.hostElement.clientHeight, l = this.storedColumnWidths[t];
       if ((o = e.originalEvent) != null && o.clientX) {
-        const c = { left: ((i = e.originalEvent) == null ? void 0 : i.clientX) - l / 2, width: l, height: a, top: 0, index: t };
+        const c = { left: ((i = e.originalEvent) == null ? void 0 : i.clientX) - l / 2, width: l, height: r, top: 0, index: t };
         this.dom.applyStyle(this.draggingColumn, {
           background: "rgba(128,128,128,0.2)",
           display: "block",
@@ -1765,29 +1948,29 @@ class be extends fe {
    * @return {number} The final y-position after rendering all the content.
    */
   renderContentOfDraggingColumnForArea(e, t, s = 0) {
-    const o = "center", i = this.tableModel.getAreaModel(t), a = i == null ? void 0 : i.getRowCount();
-    if (a) {
-      const l = e.index ?? 0, r = this.draggingColumn;
-      for (let n = 0; n < a; n++) {
-        const c = s, h = i.getRowHeight(n), d = { left: 0, width: e.width, height: h, top: c, index: n }, m = i.getValueAt(n, l), p = i.getCellRenderer(n, l), b = p ? "" : `${m}`, g = {
-          parent: r,
+    const o = "center", i = this.tableModel.getAreaModel(t), r = i == null ? void 0 : i.getRowCount();
+    if (r) {
+      const l = e.index ?? 0, a = this.draggingColumn;
+      for (let n = 0; n < r; n++) {
+        const c = s, h = i.getRowHeight(n), d = { left: 0, width: e.width, height: h, top: c, index: n }, u = i.getValueAt(n, l), p = i.getCellRenderer(n, l), b = p ? "" : `${u}`, f = {
+          parent: a,
           geo: d,
           rowIndex: n,
           columnIndex: l,
           areaIdent: t,
           sideIdent: o,
           text: b
-        }, u = this.dom.addColumnDiv(g);
+        }, m = this.dom.addColumnDiv(f);
         let x;
-        p && (x = p.render(u, n, l, t, i, m, this.dom.domService), x && this.cleanupFunctions[t].push(x));
+        p && (x = p.render(m, n, l, t, i, u, this.dom.domService), x && this.cleanupFunctions[t].push(x));
         const S = i.getCustomClassesAt(n, l);
-        S.length && this.dom.addClasses(S, u);
-        const w = this.tableModel.getColumnDef(l);
-        w && w.classes[t] && this.dom.addClasses(w.classes[t], u), this.dom.addColumnBorderDivs(this.tableOptions, r, d, t, o);
+        S.length && this.dom.addClasses(S, m);
+        const C = this.tableModel.getColumnDef(l);
+        C && C.classes[t] && this.dom.addClasses(C.classes[t], m), this.dom.addColumnBorderDivs(this.tableOptions, a, d, t, o);
         const v = i.getCustomStyleAt(n, l);
         if (v)
           for (const y in v)
-            this.dom.setStyle(u, y, v[y]);
+            this.dom.setStyle(m, y, v[y]);
         s = s + h;
       }
     }
@@ -1815,10 +1998,10 @@ class be extends fe {
    * @return {HTMLDivElement} - The rendered draggable target div element.
    */
   renderDragTargetDiv(e, t, s, o, i) {
-    const a = this.dom.applyStylePosistionAbsolute(
+    const r = this.dom.applyStylePosistionAbsolute(
       this.dom.createDivWithClass("ge-table-drop-zone", e)
     );
-    return this.dom.setStyle(a, "left", `${t}px`), this.dom.setStyle(a, "top", `${s}px`), this.dom.setStyle(a, "width", `${o}px`), this.dom.setStyle(a, "height", `${i}px`), a;
+    return this.dom.setStyle(r, "left", `${t}px`), this.dom.setStyle(r, "top", `${s}px`), this.dom.setStyle(r, "width", `${o}px`), this.dom.setStyle(r, "height", `${i}px`), r;
   }
   /**
    * Render selected background div.
@@ -1837,19 +2020,19 @@ class be extends fe {
    * @param {number} height - The height of the div.
    * @returns {boolean} - Whether the cell is selected.
    */
-  renderSelectedBackgroundDiv(e, t, s, o, i, a, l, r, n, c, h) {
+  renderSelectedBackgroundDiv(e, t, s, o, i, r, l, a, n, c, h) {
     let d = !1;
-    if (!e && t && o.isSelectable(i, a) && this.getSelectionModel) {
-      const m = this.getSelectionModel();
-      if (m) {
-        const p = m.getSelectionCount(i, a);
+    if (!e && t && o.isSelectable(i, r) && this.getSelectionModel) {
+      const u = this.getSelectionModel();
+      if (u) {
+        const p = u.getSelectionCount(i, r);
         d = p > 0;
         for (let b = 0; b < p; b++) {
-          const g = this.dom.applyStylePosistionAbsolute(
+          const f = this.dom.applyStylePosistionAbsolute(
             // ge-table-body-west-selected-range
             this.dom.createDivWithClass(`ge-table-${o.areaIdent}-${s}-selected-range`, l)
           );
-          this.dom.setStyle(g, "left", `${r}px`), this.dom.setStyle(g, "top", `${n}px`), this.dom.setStyle(g, "width", `${c}px`), this.dom.setStyle(g, "height", `${h}px`);
+          this.dom.setStyle(f, "left", `${a}px`), this.dom.setStyle(f, "top", `${n}px`), this.dom.setStyle(f, "width", `${c}px`), this.dom.setStyle(f, "height", `${h}px`);
         }
       }
     }
@@ -1880,28 +2063,28 @@ class be extends fe {
     sideIdent: s,
     rowIndex: o,
     columnIndex: i,
-    left: a,
+    left: r,
     top: l,
-    width: r,
+    width: a,
     height: n,
     parent: c,
     cellSelected: h,
     lastRowOfModel: d
   }) {
-    const [m, p] = this.addAndRenderCellDiv({
+    const [u, p] = this.addAndRenderCellDiv({
       areaModel: e,
       areaIdent: t,
       sideIdent: s,
       rowIndex: o,
       index: i,
-      left: a,
-      width: r,
+      left: r,
+      width: a,
       height: n,
       top: l,
       parent: c,
       lastRowOfModel: d
     });
-    h && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, m), p && this.cleanupFunctions[t].push(p);
+    h && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, u), p && this.cleanupFunctions[t].push(p);
   }
   /**
    * Render the header cell resize handle.
@@ -1917,17 +2100,17 @@ class be extends fe {
    *
    * @return {void}
    */
-  renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: o, cellWidth: i, cellHeight: a, parent: l }) {
-    const r = this.dom.domService, n = this.tableOptions.columnResizeHandleWidthInPx ?? 2, c = r.createElement("div");
-    r.setAttribute(c, "data-col-index", `${t}`), r.setAttribute(c, "data-row-index", `${e}`), r.setAttribute(c, "data-area", "header"), r.setAttribute(c, "data-ge-action", "resize-column"), r.addClass(c, "ge-table-column-resize-handle"), r.setStyle(c, "display", "clip"), r.setStyle(c, "position", "absolute"), r.setStyle(c, "cursor", "col-resize"), r.setStyle(c, "left", `${s + i - n}px`), r.setStyle(c, "top", `${o}px`), r.setStyle(c, "width", `${n}px`), r.setStyle(c, "height", `${a}px`), r.appendChild(l, c);
+  renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: o, cellWidth: i, cellHeight: r, parent: l }) {
+    const a = this.dom.domService, n = this.tableOptions.columnResizeHandleWidthInPx ?? 2, c = a.createElement("div");
+    a.setAttribute(c, "data-col-index", `${t}`), a.setAttribute(c, "data-row-index", `${e}`), a.setAttribute(c, "data-area", "header"), a.setAttribute(c, "data-ge-action", "resize-column"), a.addClass(c, "ge-table-column-resize-handle"), a.setStyle(c, "display", "clip"), a.setStyle(c, "position", "absolute"), a.setStyle(c, "cursor", "col-resize"), a.setStyle(c, "left", `${s + i - n}px`), a.setStyle(c, "top", `${o}px`), a.setStyle(c, "width", `${n}px`), a.setStyle(c, "height", `${r}px`), a.appendChild(l, c);
   }
 }
-class Se {
+class ve {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class ye {
+class we {
   constructor(e) {
     this.tableScope = e, this.tableScope.hostElement.addEventListener("change", this.onHostElementChanged.bind(this));
   }
@@ -1943,36 +2126,36 @@ class ye {
     if (e.target instanceof HTMLInputElement || e.target instanceof HTMLSelectElement || e.target instanceof HTMLTextAreaElement) {
       const t = e.target, s = t.getAttribute("data-area"), o = t.getAttribute("data-row-index"), i = t.getAttribute("data-col-index");
       if (s && o && i) {
-        const a = N(s), l = Number(o), r = Number(i);
-        this.tableScope.updateModelValueAfterEdit(a, l, r, t.value);
+        const r = _(s), l = Number(o), a = Number(i);
+        this.tableScope.updateModelValueAfterEdit(r, l, a, t.value);
       }
     }
   }
 }
-class xe {
+class Ce {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
 }
-class z {
+class G {
   constructor(e) {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new z([new xe(e, t)]);
+    return new G([new Ce(e, t)]);
   }
 }
-class ve {
+class Ee {
   constructor(e) {
     var t, s;
     this.tableScope = e, (t = this.tableScope.tableOptions) != null && t.getSelectionModel && (this.getSelectionModel = this.tableScope.tableOptions.getSelectionModel), (s = this.tableScope.tableOptions) != null && s.getFocusModel && (this.getFocusModel = this.tableScope.tableOptions.getFocusModel);
   }
   onMouseClicked(e, t) {
-    var i, a, l, r, n, c, h;
+    var i, r, l, a, n, c, h;
     let s = !1, o = !1;
     if (this.getSelectionModel && this.getFocusModel) {
-      const d = this.getSelectionModel(), m = this.getFocusModel();
-      d && m && (m.hasFocus(e.rowIndex, e.columnIndex) || (m.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(m), s = !0), (i = e.originalEvent) != null && i.shiftKey || d.hasSelection() && (d.clear(), s = !0), (a = e.originalEvent) != null && a.shiftKey && this.previousEvt ? (d.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (l = e.originalEvent) != null && l.altKey && ((r = e.originalEvent) != null && r.ctrlKey || (n = e.originalEvent) != null && n.metaKey) ? (d.removeSelection(E.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (d.addSelection(E.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (d.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(d));
+      const d = this.getSelectionModel(), u = this.getFocusModel();
+      d && u && (u.hasFocus(e.rowIndex, e.columnIndex) || (u.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(u), s = !0), (i = e.originalEvent) != null && i.shiftKey || d.hasSelection() && (d.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (d.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (l = e.originalEvent) != null && l.altKey && ((a = e.originalEvent) != null && a.ctrlKey || (n = e.originalEvent) != null && n.metaKey) ? (d.removeSelection(E.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (d.addSelection(E.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (d.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(d));
     }
     return o ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
   }
@@ -1994,16 +2177,16 @@ class ve {
   }
   createRangeByEvents(e, t) {
     t || (t = e);
-    const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), a = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
+    const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), r = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
     return E.create({
       rowIndex1: s,
       columnIndex1: i,
       rowIndex2: o,
-      columnIndex2: a
+      columnIndex2: r
     });
   }
 }
-class Ce {
+class Ae {
   get() {
     return {
       f2: "START_EDITING",
@@ -2023,7 +2206,7 @@ class Ce {
     };
   }
 }
-class we {
+class Me {
   get() {
     return {
       f2: "START_EDITING",
@@ -2045,7 +2228,7 @@ class we {
     };
   }
 }
-class Ee {
+class Re {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -2066,7 +2249,7 @@ class Ee {
     this.assignPredefinedSystemShortcutMappings(), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this));
   }
   assignPredefinedSystemShortcutMappings() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new we().get()) : Object.assign(this.shortcutActionIdMapping, new Ce().get());
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new Me().get()) : Object.assign(this.shortcutActionIdMapping, new Ae().get());
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -2118,7 +2301,7 @@ class Ee {
     return this.shortcutActionIdMapping;
   }
 }
-class X {
+class j {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -2165,15 +2348,15 @@ class Z {
     e.setAttribute(t, s);
   }
 }
-class Ae {
-  render(e, t, s, o, i, a, l) {
+class Te {
+  render(e, t, s, o, i, r, l) {
     if (i.isEditable(t, s)) {
       l.addClass(e, "ge-table-row-input-div");
-      const r = i.getValueAt(t, s);
+      const a = i.getValueAt(t, s);
       e.innerHTML = `
             <input
                 type="text"
-                value="${r}"
+                value="${a}"
                 autofocus
                 onfocus="this.setSelectionRange(0, this.value.length)"
                 data-listen="change"
@@ -2186,7 +2369,7 @@ class Ae {
     }
   }
 }
-class Me {
+class De {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
   }
@@ -2268,7 +2451,7 @@ class Me {
     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 Re {
+class ke {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
   }
@@ -2319,14 +2502,14 @@ class Q {
   }
   // `⊖ `,  `⊕ `;
 }
-const Te = new Me(), De = new Re("cell");
+const Fe = new De(), Ie = new ke("cell");
 class ee {
   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 q(), this.headerGroupOptions = new Q(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new J(), this.sortOrder = ["asc", "desc"], this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new Ae(), this.getSelectionModel = () => Te, this.getFocusModel = () => De;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new q(), this.headerGroupOptions = new Q(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new J(), this.sortOrder = ["asc", "desc"], this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new Te(), this.getSelectionModel = () => Fe, this.getFocusModel = () => Ie;
   }
 }
 const I = class I {
@@ -2342,14 +2525,14 @@ const I = class I {
   createContent(e, t, s) {
     return new Promise((o, i) => {
       if (t != null && t.hasSelection()) {
-        const a = this.mergeRanges(t.getRanges());
-        if (a) {
-          a.c2 = Math.min(a.c2, e.getColumnCount() - 1), a.r2 = Math.min(a.r2, e.getBodyModel().getRowCount() - 1);
+        const r = this.mergeRanges(t.getRanges());
+        if (r) {
+          r.c2 = Math.min(r.c2, e.getColumnCount() - 1), r.r2 = Math.min(r.r2, e.getBodyModel().getRowCount() - 1);
           const l = [];
-          for (let r = a.r1; r <= a.r2; r++) {
+          for (let a = r.r1; a <= r.r2; a++) {
             const n = [];
-            for (let c = a.c1; c <= a.c2; c++) {
-              const h = t.isSelected(r, c) ? e.getBodyModel().getTextValueAt(r, c) : "";
+            for (let c = r.c1; c <= r.c2; c++) {
+              const h = t.isSelected(a, c) ? e.getBodyModel().getTextValueAt(a, c) : "";
               n.push(h);
             }
             l.push(n.join(I.columnSeparatorChar));
@@ -2358,8 +2541,8 @@ const I = class I {
         }
       }
       if (s) {
-        const [a, l] = s.getFocus(), r = e.getBodyModel().getTextValueAt(a, l);
-        return o(r);
+        const [r, l] = s.getFocus(), a = e.getBodyModel().getTextValueAt(r, l);
+        return o(a);
       }
       i("Cannot copy, neither selection nor focus defined.");
     });
@@ -2387,13 +2570,13 @@ const I = class I {
         e,
         t,
         s
-      ).then((a) => {
-        a && this.copyContent(a).then((l) => {
-          o(a);
+      ).then((r) => {
+        r && this.copyContent(r).then((l) => {
+          o(r);
         }).catch((l) => {
           i();
         });
-      }).catch((a) => {
+      }).catch((r) => {
         i();
       });
     });
@@ -2413,17 +2596,17 @@ const I = class I {
 };
 I.columnSeparatorChar = "	", I.rowSeparatorChar = `
 `;
-let O = I;
-class ke {
+let B = I;
+class Le {
   constructor(e, t = 500) {
-    this.tableScope = e, this.debounceDelay = t, new ResizeObserver(ae(this.handleResize.bind(this), t)).observe(this.tableScope.hostElement);
+    this.tableScope = e, this.debounceDelay = t, new ResizeObserver(re(this.handleResize.bind(this), t)).observe(this.tableScope.hostElement);
   }
   handleResize(e) {
     const t = e[0], { width: s } = t.contentRect;
     this.tableScope.recalcColumnWidths(s);
   }
 }
-class Fe {
+class Oe {
   /**
    * Downloads a matrix data as an Excel file.
    *
@@ -2441,8 +2624,8 @@ class Fe {
     try {
       const o = this.generateBuffer(e, s), i = new Blob([o], {
         type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-      }), a = document.createElement("a");
-      a.href = URL.createObjectURL(i), a.download = t, document.body.appendChild(a), a.click(), document.body.removeChild(a);
+      }), r = document.createElement("a");
+      r.href = URL.createObjectURL(i), r.download = t, document.body.appendChild(r), r.click(), document.body.removeChild(r);
     } catch (o) {
       throw console.error("Error generating Excel file:", o), new Error("Failed to download Excel file.");
     }
@@ -2451,14 +2634,14 @@ class Fe {
     const s = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId3" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/extended-properties" Target="docProps/app.xml"/><Relationship Id="rId2" Type="http://schemas.openxmlformats.org/package/2006/relationships/metadata/core-properties" Target="docProps/core.xml"/><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument" Target="xl/workbook.xml"/></Relationships>`, o = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <Properties xmlns="http://schemas.openxmlformats.org/officeDocument/2006/extended-properties" xmlns:vt="http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes"><Application>Microsoft Macintosh Excel</Application><DocSecurity>0</DocSecurity><ScaleCrop>false</ScaleCrop><HeadingPairs><vt:vector size="2" baseType="variant"><vt:variant><vt:lpstr>Worksheets</vt:lpstr></vt:variant><vt:variant><vt:i4>1</vt:i4></vt:variant></vt:vector></HeadingPairs><TitlesOfParts><vt:vector size="1" baseType="lpstr"><vt:lpstr>Sheet1</vt:lpstr></vt:vector></TitlesOfParts><Company></Company><LinksUpToDate>false</LinksUpToDate><SharedDoc>false</SharedDoc><HyperlinksChanged>false</HyperlinksChanged><AppVersion>16.0300</AppVersion></Properties>`, i = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
-<cp:coreProperties xmlns:cp="http://schemas.openxmlformats.org/package/2006/metadata/core-properties" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:dcmitype="http://purl.org/dc/dcmitype/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><dc:creator>${t}</dc:creator><cp:lastModifiedBy>${t}</cp:lastModifiedBy><dcterms:created xsi:type="dcterms:W3CDTF">2024-12-13T19:45:08Z</dcterms:created><dcterms:modified xsi:type="dcterms:W3CDTF">2024-12-13T19:45:35Z</dcterms:modified></cp:coreProperties>`, a = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<cp:coreProperties xmlns:cp="http://schemas.openxmlformats.org/package/2006/metadata/core-properties" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:dcmitype="http://purl.org/dc/dcmitype/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><dc:creator>${t}</dc:creator><cp:lastModifiedBy>${t}</cp:lastModifiedBy><dcterms:created xsi:type="dcterms:W3CDTF">2024-12-13T19:45:08Z</dcterms:created><dcterms:modified xsi:type="dcterms:W3CDTF">2024-12-13T19:45:35Z</dcterms:modified></cp:coreProperties>`, r = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId3" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles" Target="styles.xml"/><Relationship Id="rId2" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/theme" Target="theme/theme1.xml"/><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet1.xml"/><Relationship Id="rId4" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/sharedStrings" Target="sharedStrings.xml"/></Relationships>`, l = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
-<a:theme xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" name="Office Theme"><a:themeElements><a:clrScheme name="Office"><a:dk1><a:sysClr val="windowText" lastClr="000000"/></a:dk1><a:lt1><a:sysClr val="window" lastClr="FFFFFF"/></a:lt1><a:dk2><a:srgbClr val="0E2841"/></a:dk2><a:lt2><a:srgbClr val="E8E8E8"/></a:lt2><a:accent1><a:srgbClr val="156082"/></a:accent1><a:accent2><a:srgbClr val="E97132"/></a:accent2><a:accent3><a:srgbClr val="196B24"/></a:accent3><a:accent4><a:srgbClr val="0F9ED5"/></a:accent4><a:accent5><a:srgbClr val="A02B93"/></a:accent5><a:accent6><a:srgbClr val="4EA72E"/></a:accent6><a:hlink><a:srgbClr val="467886"/></a:hlink><a:folHlink><a:srgbClr val="96607D"/></a:folHlink></a:clrScheme><a:fontScheme name="Office"><a:majorFont><a:latin typeface="Aptos Display" panose="02110004020202020204"/><a:ea typeface=""/><a:cs typeface=""/><a:font script="Jpan" typeface="游ゴシック Light"/><a:font script="Hang" typeface="맑은 고딕"/><a:font script="Hans" typeface="等线 Light"/><a:font script="Hant" typeface="新細明體"/><a:font script="Arab" typeface="Times New Roman"/><a:font script="Hebr" typeface="Times New Roman"/><a:font script="Thai" typeface="Tahoma"/><a:font script="Ethi" typeface="Nyala"/><a:font script="Beng" typeface="Vrinda"/><a:font script="Gujr" typeface="Shruti"/><a:font script="Khmr" typeface="MoolBoran"/><a:font script="Knda" typeface="Tunga"/><a:font script="Guru" typeface="Raavi"/><a:font script="Cans" typeface="Euphemia"/><a:font script="Cher" typeface="Plantagenet Cherokee"/><a:font script="Yiii" typeface="Microsoft Yi Baiti"/><a:font script="Tibt" typeface="Microsoft Himalaya"/><a:font script="Thaa" typeface="MV Boli"/><a:font script="Deva" typeface="Mangal"/><a:font script="Telu" typeface="Gautami"/><a:font script="Taml" typeface="Latha"/><a:font script="Syrc" typeface="Estrangelo Edessa"/><a:font script="Orya" typeface="Kalinga"/><a:font script="Mlym" typeface="Kartika"/><a:font script="Laoo" typeface="DokChampa"/><a:font script="Sinh" typeface="Iskoola Pota"/><a:font script="Mong" typeface="Mongolian Baiti"/><a:font script="Viet" typeface="Times New Roman"/><a:font script="Uigh" typeface="Microsoft Uighur"/><a:font script="Geor" typeface="Sylfaen"/><a:font script="Armn" typeface="Arial"/><a:font script="Bugi" typeface="Leelawadee UI"/><a:font script="Bopo" typeface="Microsoft JhengHei"/><a:font script="Java" typeface="Javanese Text"/><a:font script="Lisu" typeface="Segoe UI"/><a:font script="Mymr" typeface="Myanmar Text"/><a:font script="Nkoo" typeface="Ebrima"/><a:font script="Olck" typeface="Nirmala UI"/><a:font script="Osma" typeface="Ebrima"/><a:font script="Phag" typeface="Phagspa"/><a:font script="Syrn" typeface="Estrangelo Edessa"/><a:font script="Syrj" typeface="Estrangelo Edessa"/><a:font script="Syre" typeface="Estrangelo Edessa"/><a:font script="Sora" typeface="Nirmala UI"/><a:font script="Tale" typeface="Microsoft Tai Le"/><a:font script="Talu" typeface="Microsoft New Tai Lue"/><a:font script="Tfng" typeface="Ebrima"/></a:majorFont><a:minorFont><a:latin typeface="Aptos Narrow" panose="02110004020202020204"/><a:ea typeface=""/><a:cs typeface=""/><a:font script="Jpan" typeface="游ゴシック"/><a:font script="Hang" typeface="맑은 고딕"/><a:font script="Hans" typeface="等线"/><a:font script="Hant" typeface="新細明體"/><a:font script="Arab" typeface="Arial"/><a:font script="Hebr" typeface="Arial"/><a:font script="Thai" typeface="Tahoma"/><a:font script="Ethi" typeface="Nyala"/><a:font script="Beng" typeface="Vrinda"/><a:font script="Gujr" typeface="Shruti"/><a:font script="Khmr" typeface="DaunPenh"/><a:font script="Knda" typeface="Tunga"/><a:font script="Guru" typeface="Raavi"/><a:font script="Cans" typeface="Euphemia"/><a:font script="Cher" typeface="Plantagenet Cherokee"/><a:font script="Yiii" typeface="Microsoft Yi Baiti"/><a:font script="Tibt" typeface="Microsoft Himalaya"/><a:font script="Thaa" typeface="MV Boli"/><a:font script="Deva" typeface="Mangal"/><a:font script="Telu" typeface="Gautami"/><a:font script="Taml" typeface="Latha"/><a:font script="Syrc" typeface="Estrangelo Edessa"/><a:font script="Orya" typeface="Kalinga"/><a:font script="Mlym" typeface="Kartika"/><a:font script="Laoo" typeface="DokChampa"/><a:font script="Sinh" typeface="Iskoola Pota"/><a:font script="Mong" typeface="Mongolian Baiti"/><a:font script="Viet" typeface="Arial"/><a:font script="Uigh" typeface="Microsoft Uighur"/><a:font script="Geor" typeface="Sylfaen"/><a:font script="Armn" typeface="Arial"/><a:font script="Bugi" typeface="Leelawadee UI"/><a:font script="Bopo" typeface="Microsoft JhengHei"/><a:font script="Java" typeface="Javanese Text"/><a:font script="Lisu" typeface="Segoe UI"/><a:font script="Mymr" typeface="Myanmar Text"/><a:font script="Nkoo" typeface="Ebrima"/><a:font script="Olck" typeface="Nirmala UI"/><a:font script="Osma" typeface="Ebrima"/><a:font script="Phag" typeface="Phagspa"/><a:font script="Syrn" typeface="Estrangelo Edessa"/><a:font script="Syrj" typeface="Estrangelo Edessa"/><a:font script="Syre" typeface="Estrangelo Edessa"/><a:font script="Sora" typeface="Nirmala UI"/><a:font script="Tale" typeface="Microsoft Tai Le"/><a:font script="Talu" typeface="Microsoft New Tai Lue"/><a:font script="Tfng" typeface="Ebrima"/></a:minorFont></a:fontScheme><a:fmtScheme name="Office"><a:fillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:lumMod val="110000"/><a:satMod val="105000"/><a:tint val="67000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:lumMod val="105000"/><a:satMod val="103000"/><a:tint val="73000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:lumMod val="105000"/><a:satMod val="109000"/><a:tint val="81000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:satMod val="103000"/><a:lumMod val="102000"/><a:tint val="94000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:satMod val="110000"/><a:lumMod val="100000"/><a:shade val="100000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:lumMod val="99000"/><a:satMod val="120000"/><a:shade val="78000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill></a:fillStyleLst><a:lnStyleLst><a:ln w="12700" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="19050" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="25400" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln></a:lnStyleLst><a:effectStyleLst><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst><a:outerShdw blurRad="57150" dist="19050" dir="5400000" algn="ctr" rotWithShape="0"><a:srgbClr val="000000"><a:alpha val="63000"/></a:srgbClr></a:outerShdw></a:effectLst></a:effectStyle></a:effectStyleLst><a:bgFillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:solidFill><a:schemeClr val="phClr"><a:tint val="95000"/><a:satMod val="170000"/></a:schemeClr></a:solidFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:tint val="93000"/><a:satMod val="150000"/><a:shade val="98000"/><a:lumMod val="102000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:tint val="98000"/><a:satMod val="130000"/><a:shade val="90000"/><a:lumMod val="103000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:shade val="63000"/><a:satMod val="120000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill></a:bgFillStyleLst></a:fmtScheme></a:themeElements><a:objectDefaults><a:lnDef><a:spPr/><a:bodyPr/><a:lstStyle/><a:style><a:lnRef idx="2"><a:schemeClr val="accent1"/></a:lnRef><a:fillRef idx="0"><a:schemeClr val="accent1"/></a:fillRef><a:effectRef idx="1"><a:schemeClr val="accent1"/></a:effectRef><a:fontRef idx="minor"><a:schemeClr val="tx1"/></a:fontRef></a:style></a:lnDef></a:objectDefaults><a:extraClrSchemeLst/><a:extLst><a:ext uri="{05A4C25C-085E-4340-85A3-A5531E510DB2}"><thm15:themeFamily xmlns:thm15="http://schemas.microsoft.com/office/thememl/2012/main" name="Office Theme" id="{2E142A2C-CD16-42D6-873A-C26D2A0506FA}" vid="{1BDDFF52-6CD6-40A5-AB3C-68EB2F1E4D0A}"/></a:ext></a:extLst></a:theme>`, r = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<a:theme xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" name="Office Theme"><a:themeElements><a:clrScheme name="Office"><a:dk1><a:sysClr val="windowText" lastClr="000000"/></a:dk1><a:lt1><a:sysClr val="window" lastClr="FFFFFF"/></a:lt1><a:dk2><a:srgbClr val="0E2841"/></a:dk2><a:lt2><a:srgbClr val="E8E8E8"/></a:lt2><a:accent1><a:srgbClr val="156082"/></a:accent1><a:accent2><a:srgbClr val="E97132"/></a:accent2><a:accent3><a:srgbClr val="196B24"/></a:accent3><a:accent4><a:srgbClr val="0F9ED5"/></a:accent4><a:accent5><a:srgbClr val="A02B93"/></a:accent5><a:accent6><a:srgbClr val="4EA72E"/></a:accent6><a:hlink><a:srgbClr val="467886"/></a:hlink><a:folHlink><a:srgbClr val="96607D"/></a:folHlink></a:clrScheme><a:fontScheme name="Office"><a:majorFont><a:latin typeface="Aptos Display" panose="02110004020202020204"/><a:ea typeface=""/><a:cs typeface=""/><a:font script="Jpan" typeface="游ゴシック Light"/><a:font script="Hang" typeface="맑은 고딕"/><a:font script="Hans" typeface="等线 Light"/><a:font script="Hant" typeface="新細明體"/><a:font script="Arab" typeface="Times New Roman"/><a:font script="Hebr" typeface="Times New Roman"/><a:font script="Thai" typeface="Tahoma"/><a:font script="Ethi" typeface="Nyala"/><a:font script="Beng" typeface="Vrinda"/><a:font script="Gujr" typeface="Shruti"/><a:font script="Khmr" typeface="MoolBoran"/><a:font script="Knda" typeface="Tunga"/><a:font script="Guru" typeface="Raavi"/><a:font script="Cans" typeface="Euphemia"/><a:font script="Cher" typeface="Plantagenet Cherokee"/><a:font script="Yiii" typeface="Microsoft Yi Baiti"/><a:font script="Tibt" typeface="Microsoft Himalaya"/><a:font script="Thaa" typeface="MV Boli"/><a:font script="Deva" typeface="Mangal"/><a:font script="Telu" typeface="Gautami"/><a:font script="Taml" typeface="Latha"/><a:font script="Syrc" typeface="Estrangelo Edessa"/><a:font script="Orya" typeface="Kalinga"/><a:font script="Mlym" typeface="Kartika"/><a:font script="Laoo" typeface="DokChampa"/><a:font script="Sinh" typeface="Iskoola Pota"/><a:font script="Mong" typeface="Mongolian Baiti"/><a:font script="Viet" typeface="Times New Roman"/><a:font script="Uigh" typeface="Microsoft Uighur"/><a:font script="Geor" typeface="Sylfaen"/><a:font script="Armn" typeface="Arial"/><a:font script="Bugi" typeface="Leelawadee UI"/><a:font script="Bopo" typeface="Microsoft JhengHei"/><a:font script="Java" typeface="Javanese Text"/><a:font script="Lisu" typeface="Segoe UI"/><a:font script="Mymr" typeface="Myanmar Text"/><a:font script="Nkoo" typeface="Ebrima"/><a:font script="Olck" typeface="Nirmala UI"/><a:font script="Osma" typeface="Ebrima"/><a:font script="Phag" typeface="Phagspa"/><a:font script="Syrn" typeface="Estrangelo Edessa"/><a:font script="Syrj" typeface="Estrangelo Edessa"/><a:font script="Syre" typeface="Estrangelo Edessa"/><a:font script="Sora" typeface="Nirmala UI"/><a:font script="Tale" typeface="Microsoft Tai Le"/><a:font script="Talu" typeface="Microsoft New Tai Lue"/><a:font script="Tfng" typeface="Ebrima"/></a:majorFont><a:minorFont><a:latin typeface="Aptos Narrow" panose="02110004020202020204"/><a:ea typeface=""/><a:cs typeface=""/><a:font script="Jpan" typeface="游ゴシック"/><a:font script="Hang" typeface="맑은 고딕"/><a:font script="Hans" typeface="等线"/><a:font script="Hant" typeface="新細明體"/><a:font script="Arab" typeface="Arial"/><a:font script="Hebr" typeface="Arial"/><a:font script="Thai" typeface="Tahoma"/><a:font script="Ethi" typeface="Nyala"/><a:font script="Beng" typeface="Vrinda"/><a:font script="Gujr" typeface="Shruti"/><a:font script="Khmr" typeface="DaunPenh"/><a:font script="Knda" typeface="Tunga"/><a:font script="Guru" typeface="Raavi"/><a:font script="Cans" typeface="Euphemia"/><a:font script="Cher" typeface="Plantagenet Cherokee"/><a:font script="Yiii" typeface="Microsoft Yi Baiti"/><a:font script="Tibt" typeface="Microsoft Himalaya"/><a:font script="Thaa" typeface="MV Boli"/><a:font script="Deva" typeface="Mangal"/><a:font script="Telu" typeface="Gautami"/><a:font script="Taml" typeface="Latha"/><a:font script="Syrc" typeface="Estrangelo Edessa"/><a:font script="Orya" typeface="Kalinga"/><a:font script="Mlym" typeface="Kartika"/><a:font script="Laoo" typeface="DokChampa"/><a:font script="Sinh" typeface="Iskoola Pota"/><a:font script="Mong" typeface="Mongolian Baiti"/><a:font script="Viet" typeface="Arial"/><a:font script="Uigh" typeface="Microsoft Uighur"/><a:font script="Geor" typeface="Sylfaen"/><a:font script="Armn" typeface="Arial"/><a:font script="Bugi" typeface="Leelawadee UI"/><a:font script="Bopo" typeface="Microsoft JhengHei"/><a:font script="Java" typeface="Javanese Text"/><a:font script="Lisu" typeface="Segoe UI"/><a:font script="Mymr" typeface="Myanmar Text"/><a:font script="Nkoo" typeface="Ebrima"/><a:font script="Olck" typeface="Nirmala UI"/><a:font script="Osma" typeface="Ebrima"/><a:font script="Phag" typeface="Phagspa"/><a:font script="Syrn" typeface="Estrangelo Edessa"/><a:font script="Syrj" typeface="Estrangelo Edessa"/><a:font script="Syre" typeface="Estrangelo Edessa"/><a:font script="Sora" typeface="Nirmala UI"/><a:font script="Tale" typeface="Microsoft Tai Le"/><a:font script="Talu" typeface="Microsoft New Tai Lue"/><a:font script="Tfng" typeface="Ebrima"/></a:minorFont></a:fontScheme><a:fmtScheme name="Office"><a:fillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:lumMod val="110000"/><a:satMod val="105000"/><a:tint val="67000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:lumMod val="105000"/><a:satMod val="103000"/><a:tint val="73000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:lumMod val="105000"/><a:satMod val="109000"/><a:tint val="81000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:satMod val="103000"/><a:lumMod val="102000"/><a:tint val="94000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:satMod val="110000"/><a:lumMod val="100000"/><a:shade val="100000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:lumMod val="99000"/><a:satMod val="120000"/><a:shade val="78000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill></a:fillStyleLst><a:lnStyleLst><a:ln w="12700" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="19050" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="25400" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln></a:lnStyleLst><a:effectStyleLst><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst><a:outerShdw blurRad="57150" dist="19050" dir="5400000" algn="ctr" rotWithShape="0"><a:srgbClr val="000000"><a:alpha val="63000"/></a:srgbClr></a:outerShdw></a:effectLst></a:effectStyle></a:effectStyleLst><a:bgFillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:solidFill><a:schemeClr val="phClr"><a:tint val="95000"/><a:satMod val="170000"/></a:schemeClr></a:solidFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:tint val="93000"/><a:satMod val="150000"/><a:shade val="98000"/><a:lumMod val="102000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:tint val="98000"/><a:satMod val="130000"/><a:shade val="90000"/><a:lumMod val="103000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:shade val="63000"/><a:satMod val="120000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill></a:bgFillStyleLst></a:fmtScheme></a:themeElements><a:objectDefaults><a:lnDef><a:spPr/><a:bodyPr/><a:lstStyle/><a:style><a:lnRef idx="2"><a:schemeClr val="accent1"/></a:lnRef><a:fillRef idx="0"><a:schemeClr val="accent1"/></a:fillRef><a:effectRef idx="1"><a:schemeClr val="accent1"/></a:effectRef><a:fontRef idx="minor"><a:schemeClr val="tx1"/></a:fontRef></a:style></a:lnDef></a:objectDefaults><a:extraClrSchemeLst/><a:extLst><a:ext uri="{05A4C25C-085E-4340-85A3-A5531E510DB2}"><thm15:themeFamily xmlns:thm15="http://schemas.microsoft.com/office/thememl/2012/main" name="Office Theme" id="{2E142A2C-CD16-42D6-873A-C26D2A0506FA}" vid="{1BDDFF52-6CD6-40A5-AB3C-68EB2F1E4D0A}"/></a:ext></a:extLst></a:theme>`, a = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <sst xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" count="3" uniqueCount="3"><si><t>a</t></si><si><t>b</t></si><si><t>c</t></si></sst>`, n = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <styleSheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="x14ac x16r2 xr" xmlns:x14ac="http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac" xmlns:x16r2="http://schemas.microsoft.com/office/spreadsheetml/2015/02/main" xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision"><fonts count="1" x14ac:knownFonts="1"><font><sz val="12"/><color theme="1"/><name val="Aptos Narrow"/><family val="2"/><scheme val="minor"/></font></fonts><fills count="2"><fill><patternFill patternType="none"/></fill><fill><patternFill patternType="gray125"/></fill></fills><borders count="1"><border><left/><right/><top/><bottom/><diagonal/></border></borders><cellStyleXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0"/></cellStyleXfs><cellXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0" xfId="0"/></cellXfs><cellStyles count="1"><cellStyle name="Normal" xfId="0" builtinId="0"/></cellStyles><dxfs count="0"/><tableStyles count="0" defaultTableStyle="TableStyleMedium2" defaultPivotStyle="PivotStyleLight16"/><extLst><ext uri="{EB79DEF2-80B8-43e5-95BD-54CBDDF9020C}" xmlns:x14="http://schemas.microsoft.com/office/spreadsheetml/2009/9/main"><x14:slicerStyles defaultSlicerStyle="SlicerStyleLight1"/></ext><ext uri="{9260A510-F301-46a8-8635-F512D64BE5F5}" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main"><x15:timelineStyles defaultTimelineStyle="TimeSlicerStyleLight1"/></ext></extLst></styleSheet>`, c = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="x15 xr xr6 xr10 xr2" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main" xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision" xmlns:xr6="http://schemas.microsoft.com/office/spreadsheetml/2016/revision6" xmlns:xr10="http://schemas.microsoft.com/office/spreadsheetml/2016/revision10" xmlns:xr2="http://schemas.microsoft.com/office/spreadsheetml/2015/revision2"><fileVersion appName="xl" lastEdited="7" lowestEdited="7" rupBuild="11207"/><workbookPr defaultThemeVersion="202300"/><mc:AlternateContent xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"><mc:Choice Requires="x15"><x15ac:absPath url="/" xmlns:x15ac="http://schemas.microsoft.com/office/spreadsheetml/2010/11/ac"/></mc:Choice></mc:AlternateContent><xr:revisionPtr revIDLastSave="0" documentId="8_{292BF245-1F37-B045-B1A5-26C42FB62779}" xr6:coauthVersionLast="47" xr6:coauthVersionMax="47" xr10:uidLastSave="{00000000-0000-0000-0000-000000000000}"/><bookViews><workbookView xWindow="11340" yWindow="5060" windowWidth="28040" windowHeight="17440" xr2:uid="{858B8D3F-6246-774D-8903-6D38687B7BC6}"/></bookViews><sheets><sheet name="Sheet1" sheetId="1" r:id="rId1"/></sheets><calcPr calcId="181029"/><extLst><ext uri="{140A7094-0E35-4892-8432-C4D2E57EDEB5}" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main"><x15:workbookPr chartTrackingRefBase="1"/></ext><ext uri="{B58B0392-4F1F-4190-BB64-5DF3571DCE5F}" xmlns:xcalcf="http://schemas.microsoft.com/office/spreadsheetml/2018/calcfeatures"><xcalcf:calcFeatures><xcalcf:feature name="microsoft.com:RD"/><xcalcf:feature name="microsoft.com:Single"/><xcalcf:feature name="microsoft.com:FV"/><xcalcf:feature name="microsoft.com:CNMTM"/><xcalcf:feature name="microsoft.com:LET_WF"/><xcalcf:feature name="microsoft.com:LAMBDA_WF"/><xcalcf:feature name="microsoft.com:ARRAYTEXT_WF"/></xcalcf:calcFeatures></ext></extLst></workbook>`, h = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml"/><Override PartName="/xl/worksheets/sheet1.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"/><Override PartName="/xl/theme/theme1.xml" ContentType="application/vnd.openxmlformats-officedocument.theme+xml"/><Override PartName="/xl/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml"/><Override PartName="/xl/sharedStrings.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sharedStrings+xml"/><Override PartName="/docProps/core.xml" ContentType="application/vnd.openxmlformats-package.core-properties+xml"/><Override PartName="/docProps/app.xml" ContentType="application/vnd.openxmlformats-officedocument.extended-properties+xml"/></Types>`, d = /* @__PURE__ */ new Map();
-    return d.set("_rels/.rels", s), d.set("docProps/app.xml", o), d.set("docProps/core.xml", i), d.set("xl/_rels/workbook.xml.rels", a), d.set("xl/theme/theme1.xml", l), d.set("xl/worksheets/sheet1.xml", this.getX1WorksheetsSheet1Xml(e)), d.set("xl/sharedStrings.xml", r), d.set("xl/styles.xml", n), d.set("xl/workbook.xml", c), d.set("[Content_Types].xml", h), d;
+    return d.set("_rels/.rels", s), d.set("docProps/app.xml", o), d.set("docProps/core.xml", i), d.set("xl/_rels/workbook.xml.rels", r), d.set("xl/theme/theme1.xml", l), d.set("xl/worksheets/sheet1.xml", this.getX1WorksheetsSheet1Xml(e)), d.set("xl/sharedStrings.xml", a), d.set("xl/styles.xml", n), d.set("xl/workbook.xml", c), d.set("[Content_Types].xml", h), d;
   }
   getX1WorksheetsSheet1Xml(e) {
     const t = [];
@@ -2473,15 +2656,15 @@ class Fe {
       const o = e[s];
       t.push('<row r="${r + 1}" spans="1:2" x14ac:dyDescent="0.2">');
       for (let i = 0; i < o.length; i++) {
-        const a = o[i], l = this.getCellAddress(s, i);
-        if (typeof a == "number")
-          t.push(`<c r="${l}"><v>${a}</v></c>`);
-        else if (a instanceof Date) {
-          const r = a;
-          t.push(`<c r="${l}" t="inlineStr"><is><t>${r.toISOString()}</t></is></c>`);
+        const r = o[i], l = this.getCellAddress(s, i);
+        if (typeof r == "number")
+          t.push(`<c r="${l}"><v>${r}</v></c>`);
+        else if (r instanceof Date) {
+          const a = r;
+          t.push(`<c r="${l}" t="inlineStr"><is><t>${a.toISOString()}</t></is></c>`);
         } else {
-          const r = a != null ? this.escapeXml(String(a)) : "";
-          t.push(`<c r="${l}" t="inlineStr"><is><t>${r}</t></is></c>`);
+          const a = r != null ? this.escapeXml(String(r)) : "";
+          t.push(`<c r="${l}" t="inlineStr"><is><t>${a}</t></is></c>`);
         }
       }
       t.push("</row>");
@@ -2504,8 +2687,8 @@ class Fe {
     let s = 0;
     const o = [];
     e.forEach((h, d) => {
-      const m = new TextEncoder().encode(d), p = new TextEncoder().encode(h), b = new Uint8Array(30 + m.length), g = new DataView(b.buffer);
-      b.set([80, 75, 3, 4], 0), g.setUint16(4, 20, !0), g.setUint16(6, 0, !0), g.setUint16(8, 0, !0), g.setUint16(10, 0, !0), g.setUint16(12, 0, !0), g.setUint32(14, 0, !0), g.setUint32(18, p.length, !0), g.setUint32(22, p.length, !0), g.setUint16(26, m.length, !0), g.setUint16(28, 0, !0), b.set(m, 30), t.push(b, p), o.push({
+      const u = new TextEncoder().encode(d), p = new TextEncoder().encode(h), b = new Uint8Array(30 + u.length), f = new DataView(b.buffer);
+      b.set([80, 75, 3, 4], 0), f.setUint16(4, 20, !0), f.setUint16(6, 0, !0), f.setUint16(8, 0, !0), f.setUint16(10, 0, !0), f.setUint16(12, 0, !0), f.setUint32(14, 0, !0), f.setUint32(18, p.length, !0), f.setUint32(22, p.length, !0), f.setUint16(26, u.length, !0), f.setUint16(28, 0, !0), b.set(u, 30), t.push(b, p), o.push({
         path: d,
         offset: s,
         contentSize: p.length
@@ -2513,12 +2696,12 @@ class Fe {
     });
     const i = s;
     o.forEach((h) => {
-      const d = new TextEncoder().encode(h.path), m = new Uint8Array(46 + d.length), p = new DataView(m.buffer);
-      m.set([80, 75, 1, 2], 0), p.setUint16(4, 20, !0), p.setUint16(6, 20, !0), p.setUint16(8, 0, !0), p.setUint16(10, 0, !0), p.setUint16(12, 0, !0), p.setUint16(14, 0, !0), p.setUint32(16, 0, !0), p.setUint32(20, h.contentSize, !0), p.setUint32(24, h.contentSize, !0), p.setUint16(28, d.length, !0), p.setUint16(30, 0, !0), p.setUint16(32, 0, !0), p.setUint16(34, 0, !0), p.setUint16(36, 0, !0), p.setUint32(38, 0, !0), p.setUint32(42, h.offset, !0), m.set(d, 46), t.push(m), s += m.length;
+      const d = new TextEncoder().encode(h.path), u = new Uint8Array(46 + d.length), p = new DataView(u.buffer);
+      u.set([80, 75, 1, 2], 0), p.setUint16(4, 20, !0), p.setUint16(6, 20, !0), p.setUint16(8, 0, !0), p.setUint16(10, 0, !0), p.setUint16(12, 0, !0), p.setUint16(14, 0, !0), p.setUint32(16, 0, !0), p.setUint32(20, h.contentSize, !0), p.setUint32(24, h.contentSize, !0), p.setUint16(28, d.length, !0), p.setUint16(30, 0, !0), p.setUint16(32, 0, !0), p.setUint16(34, 0, !0), p.setUint16(36, 0, !0), p.setUint32(38, 0, !0), p.setUint32(42, h.offset, !0), u.set(d, 46), t.push(u), s += u.length;
     });
-    const a = new Uint8Array(22), l = new DataView(a.buffer);
-    a.set([80, 75, 5, 6], 0), l.setUint16(4, 0, !0), l.setUint16(6, 0, !0), l.setUint16(8, o.length, !0), l.setUint16(10, o.length, !0), l.setUint32(12, s - i, !0), l.setUint32(16, i, !0), l.setUint16(20, 0, !0), t.push(a);
-    const r = t.reduce((h, d) => h + d.length, 0), n = new Uint8Array(r);
+    const r = new Uint8Array(22), l = new DataView(r.buffer);
+    r.set([80, 75, 5, 6], 0), l.setUint16(4, 0, !0), l.setUint16(6, 0, !0), l.setUint16(8, o.length, !0), l.setUint16(10, o.length, !0), l.setUint32(12, s - i, !0), l.setUint32(16, i, !0), l.setUint16(20, 0, !0), t.push(r);
+    const a = t.reduce((h, d) => h + d.length, 0), n = new Uint8Array(a);
     let c = 0;
     for (const h of t)
       n.set(h, c), c += h.length;
@@ -2529,16 +2712,16 @@ class Fe {
     return this.createZip(s);
   }
 }
-class _ extends be {
-  constructor(e, t, s, o, i, a = new O(), l = new Fe()) {
+class z extends xe {
+  constructor(e, t, s, o, i, r = new B(), l = new Oe()) {
     var c;
-    if (super(e, t, new re(s), o), this.eventListener = i, this.copyService = a, this.excelService = l, this.licenseManager = k.getInstance(), this.selectionService = new ve(this), this.api = new ce(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, t.setTableScope(this), i || (this.eventListener = new X()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
+    if (super(e, t, new ae(s), o), this.eventListener = i, this.copyService = r, this.excelService = l, this.licenseManager = k.getInstance(), this.selectionService = new Ee(this), this.api = new pe(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, t.setTableScope(this), i || (this.eventListener = new j()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
       const h = this.tableOptions.autoRestoreOptions, d = h.getStorageKeyFn;
-      d && (h.autoRestoreScrollPosition && (this.storeScrollPosStateService = new de(d)), h.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new pe(d)), h.autoRestoreSortingState && (this.storeSortingService = new ge(d)));
+      d && (h.autoRestoreScrollPosition && (this.storeScrollPosStateService = new ge(d)), h.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ue(d)), h.autoRestoreSortingState && (this.storeSortingService = new me(d)));
     }
-    this.mouseHandler = new ne(this), this.inputHandler = new ye(this), this.resizeHandler = new ke(this, o.resizeEventDebounceDelay), this.shortcutService = new Ee(this), this.shortcutService.addListener(this.selectionService);
-    const r = this.getSelectionModel ? this.getSelectionModel() : void 0;
-    r && r.addEventSelectionChangedListener(this);
+    this.mouseHandler = new ne(this), this.inputHandler = new we(this), this.resizeHandler = new Le(this, o.resizeEventDebounceDelay), this.shortcutService = new Re(this), this.shortcutService.addListener(this.selectionService);
+    const a = this.getSelectionModel ? this.getSelectionModel() : void 0;
+    a && a.addEventSelectionChangedListener(this);
     const n = this.getFocusModel ? this.getFocusModel() : void 0;
     n && n.addEventFocusChangedListener(this);
   }
@@ -2554,8 +2737,8 @@ class _ extends be {
    *
    * @return {TableScope} - The newly created TableScope instance.
    */
-  static create(e, t, s = new ee(), o = new X(), i = new Z(), a = new O()) {
-    return new _(e, t, i, s, o, a);
+  static create(e, t, s = new ee(), o = new j(), i = new Z(), r = new B()) {
+    return new z(e, t, i, s, o, r);
   }
   /**
    * Triggers an action based on the provided actionId.
@@ -2583,7 +2766,7 @@ class _ extends be {
     return !1;
   }
   updateModelValueAfterEdit(e, t, s, o) {
-    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(z.createSingle(t, s)), this.hostElement.focus());
+    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(G.createSingle(t, s)), this.hostElement.focus());
   }
   /**
    * Retrieves the TableApi object.
@@ -2682,7 +2865,7 @@ class _ extends be {
   toggleExpandCollapseAll(e = !0) {
     var s;
     const t = this.tableModel.getBodyModel();
-    H(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
+    $(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
   }
   /**
    * Toggles the checkbox state of a specific row in a table.
@@ -2694,10 +2877,10 @@ class _ extends be {
    * @return {void} - This method does not return anything.
    */
   toggleRowCheckbox(e, t, s) {
-    var r;
-    const o = this.tableModel.getAreaModel(s), i = o.isRowChecked(e), a = i === void 0 || i === "semi" || i === "none";
-    o.setRowChecked(e, a), this.repaint();
-    const l = (r = o.rowSelectionModel) == null ? void 0 : r.getCheckedRows();
+    var a;
+    const o = this.tableModel.getAreaModel(s), i = o.isRowChecked(e), r = i === void 0 || i === "semi" || i === "none";
+    o.setRowChecked(e, r), this.repaint();
+    const l = (a = o.rowSelectionModel) == null ? void 0 : a.getCheckedRows();
     this.eventListener.onCheckboxChanged(l || []);
   }
   /**
@@ -2748,12 +2931,12 @@ class _ extends be {
    * @return {void}
    */
   onHeaderDblClicked(e, t, s) {
-    var i, a;
+    var i, r;
     const o = this.tableModel.getColumnDef(s);
     if (o != null && o.sortable && o.sortable()) {
       e.preventDefault(), e.stopPropagation();
-      const l = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, r = o.sortState ?? "", n = l[(l.indexOf(r) + 1) % l.length], c = new Se(s, n);
-      this.tableModel.doSort([c]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((d) => d.sortState = ""), o.sortState = n), this.repaint(), (a = this.storeSortingService) == null || a.setSortItems([c]);
+      const l = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, a = o.sortState ?? "", n = l[(l.indexOf(a) + 1) % l.length], c = new ve(s, n);
+      this.tableModel.doSort([c]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((d) => d.sortState = ""), o.sortState = n), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([c]);
     }
   }
   /**
@@ -2897,11 +3080,11 @@ class _ extends be {
     if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.getRowId && this.storeStateCollapsedExpandService) {
       const s = this.tableOptions.autoRestoreOptions, o = s.getRowId;
       if (s.autoRestoreCollapsedExpandedState && o) {
-        const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), a = this.tableModel.getAreaModel("body");
-        if (H(a)) {
-          const l = a, r = a.getRowCount();
-          for (let n = 0; n < r; n++) {
-            const c = a.getRowByIndex(n);
+        const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
+        if ($(r)) {
+          const l = r, a = r.getRowCount();
+          for (let n = 0; n < a; n++) {
+            const c = r.getRowByIndex(n);
             if (c)
               if (i.allExpanded)
                 c.expanded = !0;
@@ -2923,9 +3106,9 @@ class _ extends be {
       return console.warn("Body model is not available."), [];
     const o = new Array(t).fill(0);
     for (let i = 0; i < s; i++)
-      for (let a = 0; a < t; a++) {
-        const l = e.getValueAt(i, a), r = (l == null ? void 0 : l.toString().length) || 0;
-        r > o[a] && (o[a] = r);
+      for (let r = 0; r < t; r++) {
+        const l = e.getValueAt(i, r), a = (l == null ? void 0 : l.toString().length) || 0;
+        a > o[r] && (o[r] = a);
       }
     return o.map((i) => Math.max(i * 10, 50));
   }
@@ -2943,10 +3126,15 @@ class _ extends be {
   recalcWrappers() {
     this.tableModel.recalcPadding(), this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows();
   }
+  reSort() {
+    var t;
+    let e = ((t = this.storeSortingService) == null ? void 0 : t.getSortItems()) ?? [];
+    this.tableModel.doSort(e);
+  }
 }
-const B = class B {
+const P = class P {
 };
-B.themes = ["light", "combat", "paper", "blackboard"], B.vars = {
+P.themes = ["light", "combat", "paper", "blackboard"], P.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);
@@ -3180,70 +3368,70 @@ B.themes = ["light", "combat", "paper", "blackboard"], B.vars = {
   --ge-table-drop-zone-bg: #758129;
 }`
 };
-let j = B;
-const P = class P {
+let X = P;
+const W = class W {
   constructor(e = new Q()) {
     this.headerGroupOptions = e;
   }
-  render(e, t, s, o, i, a, l) {
-    const r = a != null && a.data ? a.data : "";
-    if (a) {
-      const { toggle: n, visibility: c, closed: h } = a, d = n ? P.toggleHeaderGroup : "";
-      this.addText(e, o, t, s, r, d), n && c !== "always" && this.addArrowDiv(l, e, !h, t, s, o, d);
+  render(e, t, s, o, i, r, l) {
+    const a = r != null && r.data ? r.data : "";
+    if (r) {
+      const { toggle: n, visibility: c, closed: h } = r, d = n ? W.toggleHeaderGroup : "";
+      this.addText(e, o, t, s, a, d), n && c !== "always" && this.addArrowDiv(l, e, !h, t, s, o, d);
     } else
-      this.addText(e, o, t, s, r, "");
+      this.addText(e, o, t, s, a, "");
   }
-  addText(e, t, s, o, i, a) {
+  addText(e, t, s, o, i, r) {
     e.innerHTML = `<span 
-                data-ge-action="${a}"
+                data-ge-action="${r}"
                 data-area="${t}"
                 data-row-index="${s}"
                 data-col-index="${o}"
                 >${i}</span>`;
   }
-  addArrowDiv(e, t, s = !0, o = -1, i = -1, a = "header", l) {
-    const r = e.createElement("div");
-    e.addClass(r, "ge-table-toggle-icon-div"), e.setStyle(r, "display", "inline-block"), e.setStyle(r, "position", ""), e.setStyle(r, "width", "20px"), e.setStyle(r, "background", "transparent"), e.setStyle(r, "cursor", "pointer"), e.setAttribute(r, "data-row-index", `${o}`), e.setAttribute(r, "data-col-index", `${i}`), e.setAttribute(r, "data-area", `${a}`), e.setAttribute(r, "data-ge-action", `${l}`);
+  addArrowDiv(e, t, s = !0, o = -1, i = -1, r = "header", l) {
+    const a = e.createElement("div");
+    e.addClass(a, "ge-table-toggle-icon-div"), e.setStyle(a, "display", "inline-block"), e.setStyle(a, "position", ""), e.setStyle(a, "width", "20px"), e.setStyle(a, "background", "transparent"), e.setStyle(a, "cursor", "pointer"), e.setAttribute(a, "data-row-index", `${o}`), e.setAttribute(a, "data-col-index", `${i}`), e.setAttribute(a, "data-area", `${r}`), e.setAttribute(a, "data-ge-action", `${l}`);
     let n;
     s ? n = this.headerGroupOptions.iconExpanded : n = this.headerGroupOptions.iconCollapsed;
     const c = n.content, h = e.createText(c);
-    e.appendChild(r, h), n.style && this.applyStyleString(e, r, n.style);
+    e.appendChild(a, h), n.style && this.applyStyleString(e, a, n.style);
     for (const d of n.classes)
-      e.addClass(r, d);
-    return e.appendChild(t, r), r;
+      e.addClass(a, d);
+    return e.appendChild(t, a), a;
   }
   applyStyleString(e, t, s) {
     const o = s.split(";").map((i) => i.trim()).filter((i) => i);
     for (const i of o) {
-      const [a, l] = i.split(":");
-      e.setStyle(t, a.trim(), l.trim());
+      const [r, l] = i.split(":");
+      e.setStyle(t, r.trim(), l.trim());
     }
   }
 };
-P.toggleHeaderGroup = "toggleHeaderGroup";
-let K = P;
-function We({
-  tableModel: f,
+W.toggleHeaderGroup = "toggleHeaderGroup";
+let K = W;
+function Ve({
+  tableModel: g,
   tableOptions: e = new ee(),
   mouseMoved: t,
   checkboxChanged: s,
   contextmenu: o,
   modelChanged: i,
-  mouseClicked: a,
+  mouseClicked: r,
   mouseDragging: l,
-  mouseDraggingEnd: r,
+  mouseDraggingEnd: a,
   selectionChanged: n,
   focusChanged: c,
   tableReady: h,
   licenseKey: d
 }) {
-  const m = se(null);
+  const u = se(null);
   let p = !1;
   oe(() => {
-    m.current && !p && (b(m.current), p = !0);
+    u.current && !p && (b(u.current), p = !0);
   });
-  const b = (g) => {
-    const u = {
+  const b = (f) => {
+    const m = {
       onSelectionChanged(S) {
         n && n(S);
       },
@@ -3260,30 +3448,30 @@ function We({
         i && i(S);
       },
       onMouseClicked: (S) => {
-        a && a(S);
+        r && r(S);
       },
       onMouseDragging: (S) => {
         l && l(S);
       },
       onMouseDraggingEnd: (S) => {
-        r && r(S);
+        a && a(S);
       },
       onMouseMoved: (S) => {
         t && t(S);
       }
-    }, x = new _(
-      g,
+    }, x = new z(
       f,
+      g,
       new Z(),
       e,
-      u
+      m
     );
     x.firstInit(), h && h(x.getApi()), d && k.getInstance().setLicenseKey(d);
   };
   return /* @__PURE__ */ te(
     "div",
     {
-      ref: m,
+      ref: u,
       className: "container-div",
       style: {
         width: "100%",
@@ -3296,25 +3484,25 @@ function We({
   );
 }
 var F = {}, Y;
-function Ie() {
+function Be() {
   if (Y) return F;
   Y = 1;
-  var f = ie;
+  var g = ie;
   if (process.env.NODE_ENV === "production")
-    F.createRoot = f.createRoot, F.hydrateRoot = f.hydrateRoot;
+    F.createRoot = g.createRoot, F.hydrateRoot = g.hydrateRoot;
   else {
-    var e = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var e = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     F.createRoot = function(t, s) {
       e.usingClientEntryPoint = !0;
       try {
-        return f.createRoot(t, s);
+        return g.createRoot(t, s);
       } finally {
         e.usingClientEntryPoint = !1;
       }
     }, F.hydrateRoot = function(t, s, o) {
       e.usingClientEntryPoint = !0;
       try {
-        return f.hydrateRoot(t, s, o);
+        return g.hydrateRoot(t, s, o);
       } finally {
         e.usingClientEntryPoint = !1;
       }
@@ -3322,26 +3510,26 @@ function Ie() {
   }
   return F;
 }
-var Le = Ie();
-class $e {
+var Pe = Be();
+class _e {
   constructor(e) {
     this.Component = e, console.info(e);
   }
-  render(e, t, s, o, i, a, l) {
-    const r = {
+  render(e, t, s, o, i, r, l) {
+    const a = {
       cellDiv: e,
       rowIndex: t,
       columnIndex: s,
       areaIdent: o,
       areaModel: i,
-      cellValue: a
-    }, n = Le.createRoot(e, {});
-    return n.render(this.Component(r)), () => {
+      cellValue: r
+    }, n = Pe.createRoot(e, {});
+    return n.render(this.Component(a)), () => {
       n.unmount();
     };
   }
 }
 export {
-  $e as ComponentRendererWrapper,
-  We as GuiexpertTable
+  _e as ComponentRendererWrapper,
+  Ve as GuiexpertTable
 };