@guiexpert/table 1.1.62 → 1.1.63

package/index.js

@@ -1194,8 +1194,8 @@ class Be {
   }
 }
 class He extends he {
-  constructor(e, t, s, o = []) {
-    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.focusedRowIndex = 0, this.sorterService = new Be(), this.filteredRows = [...t], this.properties = o.map((i) => i.property);
+  constructor(e, t, s, o = [], i = "ge-selected-row", r = "ge-focused-row") {
+    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.selectedRowClass = i, this.focusedRowClass = r, this.focusedRowIndex = 0, this.sorterService = new Be(), this.filteredRows = [...t], this.properties = o.map((n) => n.property);
   }
   setRows(e) {
     this.rows = e, this.filteredRows = [...e];
@@ -1203,6 +1203,9 @@ class He extends he {
   filterRowsByPredict(e) {
     this.rows = this.rows.filter(e), this.filteredRows = this.filteredRows.filter(e);
   }
+  /**
+   * return row count of filtered rows
+   */
   getRowCount() {
     var e;
     return ((e = this.filteredRows) == null ? void 0 : e.length) ?? 0;
@@ -1248,7 +1251,7 @@ class He extends he {
   }
   getCustomClassesAt(e, t) {
     const s = super.getCustomClassesAt(e, t);
-    return this.getRowByIndex(e).selected && s.push("ge-selected-row"), this.focusedRowIndex === e && s.push("ge-focused-row"), s;
+    return this.getRowByIndex(e).selected && s.push(this.selectedRowClass), this.focusedRowIndex === e && s.push(this.focusedRowClass), s;
   }
   genericFlatTableSortComparator(e, t) {
     const s = this.columnDefs.find((o) => o.property === e);
@@ -1498,6 +1501,9 @@ class st {
   reSort() {
     this.tableScope.reSort();
   }
+  getDisplayedRowCount() {
+    return this.tableScope.getDisplayedRowCount();
+  }
 }
 class ue {
   constructor(e) {
@@ -1824,7 +1830,7 @@ class lt {
     this.dom.setStyle(this.contentWrapperDiv, "width", e), this.dom.setStyle(this.contentWrapperDiv, "height", t);
   }
 }
-class R {
+class A {
   /**
    * Represents a constructor for a class.
    * @constructor
@@ -1838,7 +1844,7 @@ class R {
     this.r1 = e, this.c1 = t, this.r2 = s, this.c2 = o, this.gammaRange = i;
   }
   static create(e) {
-    return e.gammaRange === void 0 && (e.gammaRange = !1), new R(
+    return e.gammaRange === void 0 && (e.gammaRange = !1), new A(
       e.rowIndex1,
       e.columnIndex1,
       e.rowIndex2,
@@ -1847,13 +1853,13 @@ class R {
     );
   }
   static singleCell(e, t) {
-    return new R(e, t, e, t);
+    return new A(e, t, e, t);
   }
   static singleRow(e) {
-    return new R(e, 0, e, Number.MAX_SAFE_INTEGER);
+    return new A(e, 0, e, Number.MAX_SAFE_INTEGER);
   }
   static singleColumn(e) {
-    return new R(0, e, Number.MAX_SAFE_INTEGER, e);
+    return new A(0, e, Number.MAX_SAFE_INTEGER, e);
   }
   isInRange(e, t) {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
@@ -1875,7 +1881,7 @@ class at {
           i === 0 && (i = 1), r === 0 && (r = 1);
           const n = "gammaCells" in this.areaModel;
           this.colAndRowspanRanges.push(
-            new R(s, o, s + r - 1, o + i - 1, n)
+            new A(s, o, s + r - 1, o + i - 1, n)
           );
         }
       }
@@ -1904,7 +1910,7 @@ class ct extends lt {
       header: [],
       body: [],
       footer: []
-    }, this.tree = !1, this.colAndRowspanModels = new I(), 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), (n = this.tableOptions) != null && n.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), ie(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, this.tree = !1, this.colAndRowspanModels = new I(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.displayedRowCount = 0, this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (n = this.tableOptions) != null && n.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), ie(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (l) => {
         var a;
         this.colAndRowspanModels[l] = new at(t, t.getAreaModel(l)), (a = this.colAndRowspanModels[l]) == null || a.init();
@@ -2169,39 +2175,39 @@ class ct extends lt {
     let u = t;
     const f = this.tableModel.getColumnCount(), p = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
     for (let b = 0; b < h; b++) {
-      const x = u, S = b === h - 1, A = this.tableModel.getRowHeight(e, b);
-      if (x + A > 0) {
+      const w = u, S = b === h - 1, R = this.tableModel.getRowHeight(e, b);
+      if (w + R > 0) {
         this.firstVisibleRowIndex = b;
-        let C = { left: n, width: l, height: A, top: x, index: b }, w = this.dom.addRowDiv(o, C, b, e, "center");
+        let C = { left: n, width: l, height: R, top: w, index: b }, x = this.dom.addRowDiv(o, C, b, e, "center");
         const k = m;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
           areaModel: c,
           geo: C,
-          parent: w,
+          parent: x,
           rowIndex: b,
           columnIndexStart: k,
           columnIndexEnd: f - p - 1,
           verticalFixed: !1,
           lastRowOfModel: S
-        }), a.left > 0 && (C = { left: n, width: this.areaBodyWestGeo.width, height: A, top: x, index: b }, w = this.dom.addRowDiv(s, C, b, e, "west"), this.adjustColumnsToRowParent({
+        }), a.left > 0 && (C = { left: n, width: this.areaBodyWestGeo.width, height: R, top: w, index: b }, x = this.dom.addRowDiv(s, C, b, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: c,
           geo: C,
-          parent: w,
+          parent: x,
           rowIndex: b,
           columnIndexStart: 0,
           columnIndexEnd: k - 1,
           verticalFixed: !0,
           lastRowOfModel: S
-        })), a.right > 0 && (C = { left: n, width: this.areaBodyEastGeo.width, height: A, top: x, index: b }, w = this.dom.addRowDiv(i, C, b, e, "east"), this.adjustColumnsToRowParent({
+        })), a.right > 0 && (C = { left: n, width: this.areaBodyEastGeo.width, height: R, top: w, index: b }, x = this.dom.addRowDiv(i, C, b, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: c,
           geo: C,
-          parent: w,
+          parent: x,
           rowIndex: b,
           columnIndexStart: f - p,
           columnIndexEnd: f - 1,
@@ -2210,7 +2216,7 @@ class ct extends lt {
         })), e === "header" && this.tree && b === h - 1) {
           const E = this.dom.applyStyle(
             this.dom.setAttribute(
-              this.dom.addDiv(w, new L(16, 20, 20, 8)),
+              this.dom.addDiv(x, new L(16, 20, 20, 8)),
               "data-ge-action",
               "toggleExpandCollapseAll"
             ),
@@ -2222,23 +2228,25 @@ class ct extends lt {
           }
         }
       }
-      if (u = u + A, u > r)
+      if (u = u + R, u > r) {
+        e === "body" && (this.displayedRowCount = this.firstVisibleRowIndex - b);
         break;
+      }
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
       const b = ((g = this.colAndRowspanModels[e]) == null ? void 0 : g.getRanges()) ?? [];
       if (b.length)
-        for (const x of b) {
-          let S = 0, A = o.child, C = "center";
-          if (x.c1 < m)
-            A = s.child, C = "west";
-          else if (p > 0 && x.c1 >= f - p)
-            A = i.child, C = "east";
+        for (const w of b) {
+          let S = 0, R = o.child, C = "center";
+          if (w.c1 < m)
+            R = s.child, C = "west";
+          else if (p > 0 && w.c1 >= f - p)
+            R = i.child, C = "east";
           else {
-            const w = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            S = this.scrollFactorX * w - this.areaBodyWestGeo.width, C = "center";
+            const x = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+            S = this.scrollFactorX * x - this.areaBodyWestGeo.width, C = "center";
           }
-          this.drawBigCell(x, S, t, c, A, C);
+          this.drawBigCell(w, S, t, c, R, C);
         }
     }
   }
@@ -2346,20 +2354,20 @@ class ct extends lt {
     const u = 0, f = !!(e === "body" && t);
     let p = h;
     for (let g = n; g <= l; g++) {
-      const b = p, x = this.tableModel.getColumnWidth(g);
-      if (x > 0 && b + x > 0) {
+      const b = p, w = this.tableModel.getColumnWidth(g);
+      if (w > 0 && b + w > 0) {
         let S = o.height;
-        const A = s.getRowspanAt(r, g), C = s.getColspanAt(r, g);
-        A > 1 && (S = this.getRowHeights(r, r + A - 1, s).reduce((E, M) => E + M, 0));
-        let w = x;
-        C > 1 && (w = this.getColumnWidths(g, g + C - 1).reduce((E, M) => E + M, 0));
+        const R = s.getRowspanAt(r, g), C = s.getColspanAt(r, g);
+        R > 1 && (S = this.getRowHeights(r, r + R - 1, s).reduce((E, M) => E + M, 0));
+        let x = w;
+        C > 1 && (x = this.getColumnWidths(g, g + C - 1).reduce((E, M) => E + M, 0));
         let k = !1;
         if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, g) && (k = !0), this.draggingTargetColumnIndex === g && e !== "header") {
-          this.renderDragTargetDiv(i, b, u, w, S);
-          const E = { left: b, top: u, width: w, height: S };
+          this.renderDragTargetDiv(i, b, u, x, S);
+          const E = { left: b, top: u, width: x, height: S };
           this.dom.addColumnBorderDivs(this.tableOptions, i, E, e, t);
         } else {
-          const E = this.renderSelectedBackgroundDiv(k, f, t, s, r, g, i, b, u, w, S);
+          const E = this.renderSelectedBackgroundDiv(k, f, t, s, r, g, i, b, u, x, S);
           "gammaCells" in s && s.getValueAt(r, g) && (k = !1), k || this.renderCell({
             areaModel: s,
             areaIdent: e,
@@ -2368,7 +2376,7 @@ class ct extends lt {
             columnIndex: g,
             left: b,
             top: u,
-            width: w,
+            width: x,
             height: S,
             parent: i,
             cellSelected: E,
@@ -2379,13 +2387,13 @@ class ct extends lt {
             columnIndex: g,
             cellLeft: b,
             cellTop: u,
-            cellWidth: w,
+            cellWidth: x,
             cellHeight: S,
             parent: i
           });
         }
       }
-      if (p = p + x, p > this.areaBodyCenterGeo.width)
+      if (p = p + w, p > this.areaBodyCenterGeo.width)
         break;
     }
     this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new L(p - 1, 1, o.height, 0), i);
@@ -2422,12 +2430,12 @@ class ct extends lt {
       const v = m;
       (me = v.children) != null && me.length ? v.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
     }
-    let x;
+    let w;
     if (t === "header") {
       const v = this.tableModel.getColumnDef(i);
-      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (x = v == null ? void 0 : v.sortState);
+      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (w = v == null ? void 0 : v.sortState);
     }
-    const S = e.getValueAt(o, i), A = f ? "" : `${S}`, C = e.isRowChecked(o), w = this.dom.addColumnDiv(
+    const S = e.getValueAt(o, i), R = f ? "" : `${S}`, C = e.isRowChecked(o), x = this.dom.addColumnDiv(
       {
         parent: c,
         geo: p,
@@ -2435,29 +2443,29 @@ class ct extends lt {
         columnIndex: i,
         areaIdent: t,
         sideIdent: s,
-        text: A,
+        text: R,
         treeArrow: g,
         tableOptions: this.tableOptions,
         checkedType: C,
-        sortState: x
+        sortState: w
       }
     ), k = e.getTooltipAt(o, i);
-    k && this.dom.setAttribute(w, "title", k);
+    k && this.dom.setAttribute(x, "title", k);
     const E = this.tableModel.getColumnDef(i);
-    E && E.classes[t] && this.dom.addClasses(E.classes[t], w);
+    E && E.classes[t] && this.dom.addClasses(E.classes[t], x);
     let M;
-    f && (M = f.render(w, o, i, t, e, S, this.dom.domService));
+    f && (M = f.render(x, o, i, t, e, S, this.dom.domService));
     const U = e.getCustomClassesAt(o, i);
-    if (U.length && this.dom.addClasses(U, w), this.dom.addColumnBorderDivs(this.tableOptions, c, p, t, s), h && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: a + l }, c), this.getFocusModel && t === "body") {
+    if (U.length && this.dom.addClasses(U, x), this.dom.addColumnBorderDivs(this.tableOptions, c, p, t, s), h && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: a + l }, c), this.getFocusModel && t === "body") {
       const v = this.getFocusModel();
       v != null && v.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, p, {});
     }
-    t === "header" && this.dom.setAttribute(w, "data-ge-action", "drag-column");
+    t === "header" && this.dom.setAttribute(x, "data-ge-action", "drag-column");
     const ee = e.getCustomStyleAt(o, i);
     if (ee)
       for (const v in ee)
-        this.dom.setStyle(w, v, ee[v]);
-    return [w, M];
+        this.dom.setStyle(x, v, ee[v]);
+    return [x, M];
   }
   /**
    * Applies CSS classes to an HTML element.
@@ -2632,16 +2640,16 @@ class ct extends lt {
           sideIdent: o,
           text: m
         }, b = this.dom.addColumnDiv(g);
-        let x;
-        p && (x = p.render(b, a, n, t, i, f, this.dom.domService), x && this.cleanupFunctions[t].push(x));
+        let w;
+        p && (w = p.render(b, a, n, t, i, f, this.dom.domService), w && this.cleanupFunctions[t].push(w));
         const S = i.getCustomClassesAt(a, n);
         S.length && this.dom.addClasses(S, b);
-        const A = this.tableModel.getColumnDef(n);
-        A && A.classes[t] && this.dom.addClasses(A.classes[t], b), this.dom.addColumnBorderDivs(this.tableOptions, l, u, t, o);
+        const R = this.tableModel.getColumnDef(n);
+        R && R.classes[t] && this.dom.addClasses(R.classes[t], b), this.dom.addColumnBorderDivs(this.tableOptions, l, u, t, o);
         const C = i.getCustomStyleAt(a, n);
         if (C)
-          for (const w in C)
-            this.dom.setStyle(b, w, C[w]);
+          for (const x in C)
+            this.dom.setStyle(b, x, C[x]);
         s = s + h;
       }
     }
@@ -2826,7 +2834,7 @@ class pt {
     let s = !1, o = !1;
     if (this.getSelectionModel && this.getFocusModel) {
       const u = this.getSelectionModel(), f = this.getFocusModel();
-      u && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), s = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (n = e.originalEvent) != null && n.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (a = e.originalEvent) != null && a.metaKey) ? (u.removeSelection(R.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(R.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (u.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(u));
+      u && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), s = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (n = e.originalEvent) != null && n.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (a = e.originalEvent) != null && a.metaKey) ? (u.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (u.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(u));
     }
     return o ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
   }
@@ -2849,7 +2857,7 @@ class pt {
   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), r = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
-    return R.create({
+    return A.create({
       rowIndex1: s,
       columnIndex1: i,
       rowIndex2: o,
@@ -2905,7 +2913,7 @@ function mt(d) {
     return o !== i ? o - i : e.localeCompare(t);
   }).join(" ");
 }
-function xe(d) {
+function we(d) {
   let e = d.key.toLowerCase();
   if (e === " " && (e = "space"), e === "arrowleft" && (e = "left"), e === "arrowright" && (e = "right"), e === "arrowup" && (e = "up"), e === "arrowdown" && (e = "down"), e === "delete" && d.code === "Delete" && (e = "delete"), e === "backspace" && (e = "backspace"), e === "escape" && (e = "esc"), e === "return" && (e = "enter"), d.code.startsWith("Numpad")) {
     const s = d.code.replace("Numpad", "").toLowerCase();
@@ -2960,10 +2968,10 @@ class bt {
     return t;
   }
   findEntity(e) {
-    const t = xe(e);
+    const t = we(e);
     this.isDebug() && console.debug("ShortcutService shortcut  :", t);
     for (const s in this.shortcutActionIdMapping)
-      if (xe(e) === t)
+      if (we(e) === t)
         return this.isDebug() && console.debug("ShortcutService action    :", this.shortcutActionIdMapping[s]), this.shortcutActionIdMapping[s];
   }
   // private areTokensEquals(tokens1: string[], tokens2: string[]): boolean {
@@ -3057,7 +3065,7 @@ class yt {
     e.setAttribute(t, s);
   }
 }
-class xt {
+class wt {
   render(e, t, s, o, i, r, n) {
     if (i.isEditable(t, s)) {
       n.addClass(e, "ge-table-row-input-div");
@@ -3097,7 +3105,7 @@ class ge {
     this.silent || this.listenerArr.forEach((e) => e.onSelectionChanged(this));
   }
   firstClick(e, t) {
-    this.selectionType === "row" ? this.addRange(R.singleRow(e)) : this.selectionType === "column" && this.addRange(R.singleColumn(t));
+    this.selectionType === "row" ? this.addRange(A.singleRow(e)) : this.selectionType === "column" && this.addRange(A.singleColumn(t));
   }
   getSelectionCount(e, t) {
     let s = 0;
@@ -3148,10 +3156,10 @@ class ge {
     if (this.selectionType === "none")
       return;
     let t = e;
-    this.selectionType === "row" ? t = R.singleRow(e.r1) : this.selectionType === "column" && (t = R.singleColumn(e.c1)), this.negativeRanges.push(t), this.fireChangeEvent();
+    this.selectionType === "row" ? t = A.singleRow(e.r1) : this.selectionType === "column" && (t = A.singleColumn(e.c1)), this.negativeRanges.push(t), this.fireChangeEvent();
   }
   togglePoint(e, t) {
-    this.getSelectionCount(e, t) > 0 ? this.removeSelection(R.singleCell(e, t)) : this.addSelection(R.singleCell(e, t));
+    this.getSelectionCount(e, t) > 0 ? this.removeSelection(A.singleCell(e, t)) : this.addSelection(A.singleCell(e, t));
   }
   isSelected(e, t) {
     return this.getSelectionCount(e, t) > 0;
@@ -3160,7 +3168,7 @@ class ge {
     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 wt {
+class xt {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
   }
@@ -3211,14 +3219,14 @@ class fe {
   }
   // `⊖ `,  `⊕ `;
 }
-const St = new ge(), Ct = new wt("cell");
+const St = new ge(), Ct = new xt("cell");
 class X {
   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 $e(), this.headerGroupOptions = new fe(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new _e(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new xt(), this.getSelectionModel = () => St, this.getFocusModel = () => Ct;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new $e(), this.headerGroupOptions = new fe(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new _e(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new wt(), this.getSelectionModel = () => St, this.getFocusModel = () => Ct;
   }
 }
 const W = class W {
@@ -3299,7 +3307,7 @@ const W = class W {
   mergeRanges(e) {
     let t;
     for (const s of e)
-      t ? (t.r1 = Math.min(t.r1, s.r1), t.c1 = Math.min(t.c1, s.c1), t.r2 = Math.max(t.r2, s.r2), t.c2 = Math.max(t.c2, s.c2)) : t = new R(s.r1, s.c1, s.r2, s.c2);
+      t ? (t.r1 = Math.min(t.r1, s.r1), t.c1 = Math.min(t.c1, s.c1), t.r2 = Math.max(t.r2, s.r2), t.c2 = Math.max(t.c2, s.c2)) : t = new A(s.r1, s.c1, s.r2, s.c2);
     return t;
   }
 };
@@ -3315,7 +3323,7 @@ class vt {
     this.tableScope.recalcColumnWidths(s);
   }
 }
-class At {
+class Rt {
   /**
    * Downloads a matrix data as an Excel file.
    *
@@ -3422,7 +3430,7 @@ class At {
   }
 }
 class Ve extends ct {
-  constructor(e, t, s, o, i, r = new J(), n = new At()) {
+  constructor(e, t, s, o, i, r = new J(), n = new Rt()) {
     var c;
     if (super(e, t, new Qe(s), o), this.eventListener = i, this.copyService = r, this.excelService = n, this.licenseManager = V.getInstance(), this.selectionService = new pt(this), this.api = new st(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, this.lastContextmenu = Date.now(), t.setTableScope(this), i || (this.eventListener = new re()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
       const h = this.tableOptions.autoRestoreOptions, u = h.getStorageKeyFn;
@@ -3846,6 +3854,9 @@ class Ve extends ct {
     let e = ((t = this.storeSortingService) == null ? void 0 : t.getSortItems()) ?? [];
     this.tableModel.doSort(e);
   }
+  getDisplayedRowCount() {
+    return this.displayedRowCount;
+  }
 }
 class Gt extends re {
   constructor(e) {
@@ -4090,7 +4101,7 @@ q.themes = ["light", "combat", "paper", "blackboard"], q.vars = {
   --ge-table-drop-zone-bg: #758129;
 }`
 };
-let we = q;
+let xe = q;
 class Se {
   constructor(e, t = !0, s, o, i = 0, r = !1, n = !1) {
     this.data = e, this.expanded = t, this.children = s, this.parent = o, this.deep = i, this.checked = r, this.keep = n, this.type = "TreeRow";
@@ -4132,7 +4143,7 @@ class y {
     this.value = e, this.unit = t;
   }
 }
-const Rt = () => !0, Ce = () => !1;
+const At = () => !0, Ce = () => !1;
 class H {
   constructor(e, t, s = new y(100, "px"), o = new I(), i = new I(), r = new y(100, "px"), n = new y(100, "px"), l, a, c, h, u, f, p, m, g = () => this.visible) {
     this.property = e, this.headerLabel = t, this.width = s, this.classes = o, this.rendererMap = i, this.minWidth = r, this.maxWidth = n, this.sortable = l, this.sortComparator = a, this.sortState = c, this.sortStatesOrder = h, this.sortIconVisible = u, this.editable = f, this.getEditRenderer = p, this.editInputPipe = m, this.isVisible = g, this.visible = !0, s.unit !== "px" && (this.minWidth = new y(0, "px"), this.maxWidth = new y(1e5, "px"));
@@ -4153,7 +4164,7 @@ class H {
       e.headerClasses,
       e.bodyClasses,
       e.footerClasses
-    ), o = e.sortIconVisible ?? e.sortable ?? Ce, i = e.editable ?? e.editable ?? Ce, r = e.isVisible ?? e.isVisible ?? Rt;
+    ), o = e.sortIconVisible ?? e.sortable ?? Ce, i = e.editable ?? e.editable ?? Ce, r = e.isVisible ?? e.isVisible ?? At;
     return new H(
       e.property ?? "",
       e.headerLabel ?? "",
@@ -4174,7 +4185,7 @@ class H {
     );
   }
 }
-const zt = new y(500, "px"), jt = new y(400, "px"), Et = new y(300, "px"), Ut = new y(290, "px"), Yt = new y(280, "px"), Kt = new y(270, "px"), Xt = new y(260, "px"), Jt = new y(250, "px"), qt = new y(240, "px"), Zt = new y(230, "px"), Qt = new y(220, "px"), es = new y(210, "px"), ve = new y(200, "px"), ts = new y(190, "px"), ss = new y(180, "px"), os = new y(170, "px"), is = new y(160, "px"), rs = new y(150, "px"), ns = new y(140, "px"), ls = new y(130, "px"), as = new y(120, "px"), cs = new y(110, "px"), ds = new y(100, "px"), hs = new y(90, "px"), us = new y(80, "px"), ps = new y(70, "px"), gs = new y(60, "px"), fs = new y(50, "px"), ms = new y(40, "px"), bs = new y(30, "px"), ys = new y(20, "px"), xs = new y(10, "px"), ws = new y(0, "px");
+const zt = new y(500, "px"), jt = new y(400, "px"), Et = new y(300, "px"), Ut = new y(290, "px"), Yt = new y(280, "px"), Kt = new y(270, "px"), Xt = new y(260, "px"), Jt = new y(250, "px"), qt = new y(240, "px"), Zt = new y(230, "px"), Qt = new y(220, "px"), es = new y(210, "px"), ve = new y(200, "px"), ts = new y(190, "px"), ss = new y(180, "px"), os = new y(170, "px"), is = new y(160, "px"), rs = new y(150, "px"), ns = new y(140, "px"), ls = new y(130, "px"), as = new y(120, "px"), cs = new y(110, "px"), ds = new y(100, "px"), hs = new y(90, "px"), us = new y(80, "px"), ps = new y(70, "px"), gs = new y(60, "px"), fs = new y(50, "px"), ms = new y(40, "px"), bs = new y(30, "px"), ys = new y(20, "px"), ws = new y(10, "px"), xs = new y(0, "px");
 class P extends he {
   constructor(e, t, s, o = []) {
     super(e, o, s), this.areaIdent = e, this.arr = t, this.defaultRowHeight = s, this.columnDefs = o, this.filteredArr = [...t];
@@ -4286,7 +4297,7 @@ class Mt {
     return e.parent ? e.parent.expanded ? this.isVisible(e.parent) : !1 : !0;
   }
 }
-class Ae extends he {
+class Re extends he {
   constructor(e, t, s, o = []) {
     super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.type = "AreaModelTree", this.sorterService = new Be(), this.service = new Mt(), this.properties = o.map((i) => i.property), this.flattenRows = this.service.flattenTree(t), this.filteredFlattenRows = [...this.flattenRows];
   }
@@ -4391,7 +4402,7 @@ class Ae extends he {
       o.children && this.treeSort(o.children, t, s);
   }
 }
-class Re {
+class Ae {
   constructor(e = []) {
     this.allRootNodes = e;
   }
@@ -4878,12 +4889,14 @@ class se {
   }
 }
 class Me extends He {
-  constructor(e, t, s, o) {
+  constructor(e, t, s, o, i = "ge-selected-row", r = "ge-focused-row") {
     super(
       e,
       t,
       o,
-      s
+      s,
+      i,
+      r
     ), this.areaIdent = e, this.rows = t, this.columnDefs = s, this.defaultRowHeight = o;
   }
 }
@@ -4962,12 +4975,12 @@ class _ {
       if (e.rows)
         if ((u = e.rows) != null && u.length && N(e.rows[0])) {
           const g = e.rows;
-          e.bodyAreaModel = new Ae(
+          e.bodyAreaModel = new Re(
             "body",
             g,
             e.defaultRowHeights.body,
             e.columnDefs
-          ), (e.columnDefs[0].property === "CheckboxColumn" || (f = e.tableOptions) != null && f.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new Re(g));
+          ), (e.columnDefs[0].property === "CheckboxColumn" || (f = e.tableOptions) != null && f.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new Ae(g));
         } else
           e.bodyAreaModel = new Me(
             "body",
@@ -5061,13 +5074,13 @@ class _ {
   static buildByTypedRows(e, t, s = new X(), o = 0, i = 0) {
     const r = s.defaultRowHeights, n = t[0].property === "CheckboxColumn";
     if (e != null && e.length && N(e[0])) {
-      const a = e, c = new Ae(
+      const a = e, c = new Re(
         "body",
         a,
         r.body,
         t
       );
-      return (n || s.showCheckboxWihoutExtraColumn) && (c.rowSelectionModel = new Re(a)), _.createByAreaModelsParam({
+      return (n || s.showCheckboxWihoutExtraColumn) && (c.rowSelectionModel = new Ae(a)), _.createByAreaModelsParam({
         headerAreaModel: new P("header", [t.map((h) => h.headerLabel)], r.header),
         bodyAreaModel: c,
         footerAreaModel: new P("footer", [], r.footer),
@@ -5370,7 +5383,7 @@ class vs {
     this.index = e, this.px = t;
   }
 }
-const As = { body: ["ge-table-text-align-left"] }, Rs = { body: ["ge-table-text-align-center"] }, Es = { body: ["ge-table-text-align-right"] }, Ms = {
+const Rs = { body: ["ge-table-text-align-left"] }, As = { body: ["ge-table-text-align-center"] }, Es = { body: ["ge-table-text-align-right"] }, Ms = {
   header: ["ge-table-text-align-left"],
   body: ["ge-table-text-align-left"],
   footer: ["ge-table-text-align-left"]
@@ -6230,7 +6243,7 @@ class Qs extends ge {
    * @param {number} rowIndex - The index of the row to be selected.
    */
   selectRow(e) {
-    this.addRange(R.singleRow(e));
+    this.addRange(A.singleRow(e));
   }
   /**
    * Unselects the specified row.
@@ -6239,7 +6252,7 @@ class Qs extends ge {
    * @return {void}
    */
   unselectRow(e) {
-    this.removeSelection(R.singleRow(e));
+    this.removeSelection(A.singleRow(e));
   }
   /**
    * Toggles the selection of items based on current selection state.
@@ -6535,31 +6548,31 @@ class so {
     this.crudOptions = e, this.listenActionEvent = o, e.fetchList(e).then((i) => {
       var r, n, l, a;
       if (t.rows = i, i != null && i.length) {
-        const c = (r = t.columnDefs) != null && r.length ? t.columnDefs.map((x) => x.property) : this.extractProperties(i[0]), h = new ge("row", "multi"), u = () => h;
+        const c = (r = t.columnDefs) != null && r.length ? t.columnDefs.map((w) => w.property) : this.extractProperties(i[0]), h = new ge("row", "multi"), u = () => h;
         this.tableOptions = {
           ...new X(),
           ...t.tableOptions,
           hoverColumnVisible: !1,
           getSelectionModel: u
         };
-        const f = this.calcAutoColumnWidths(i, c), p = (n = t.columnDefs) != null && n.length ? t.columnDefs : c.map((x, S) => new H(x, x.toUpperCase(), new y(f[S], "px")));
+        const f = this.calcAutoColumnWidths(i, c), p = (n = t.columnDefs) != null && n.length ? t.columnDefs : c.map((w, S) => new H(w, w.toUpperCase(), new y(f[S], "px")));
         if ((l = e == null ? void 0 : e.columnWidths) != null && l.autoCalc)
-          for (let x = 0; x < p.length; x++) {
-            const S = p[x];
-            S.width = new y(f[x], "px");
+          for (let w = 0; w < p.length; w++) {
+            const S = p[w];
+            S.width = new y(f[w], "px");
           }
         if (e.autoAddActionColumn) {
-          let x = new H(
+          let w = new H(
             "id",
             "Actions",
             Et,
             new I(["ge-table-text-align-left"], ["ge-table-text-align-left ge-table-actions-cell"], void 0)
           );
-          x.rendererMap = new I(
+          w.rendererMap = new I(
             void 0,
             new Lt(this, e.singleRowActions),
             void 0
-          ), p.push(x);
+          ), p.push(w);
         }
         const m = 0, g = e.calcFixedRightColumnCount(p.length);
         this.tableModel = _.buildByTypedRowsParam({
@@ -6682,7 +6695,7 @@ export {
   F as AreaModelHidden,
   He as AreaModelObjectArray,
   Me as AreaModelObjectArrayWithColumndefs,
-  Ae as AreaModelTree,
+  Re as AreaModelTree,
   I as AreaObjectMap,
   B as ArrayPropertyType,
   Ls as AutoRestoreOptions,
@@ -6691,7 +6704,7 @@ export {
   Pt as CellGroup,
   Ft as CellGroupExt,
   le as CellGroupExtCellRenderer,
-  R as CellRange,
+  A as CellRange,
   T as CellgroupFactory,
   Hs as CheckboxBooleanPropertyCellRenderer,
   Te as CheckboxCellRenderer,
@@ -6711,7 +6724,7 @@ export {
   $t as CrudObjectView,
   _t as CrudOptions,
   so as CrudTableModelFactory,
-  we as CssVars,
+  xe as CssVars,
   Ws as DateToIntlDDMMYYYYCellRenderer,
   Vs as DateToIsoCellRenderer,
   Ns as DateToLocaleDateCellRenderer,
@@ -6720,9 +6733,9 @@ export {
   lt as EleScope,
   re as EventAdapter,
   Gt as EventCheckboxChangedHandler,
-  At as ExcelService,
+  Rt as ExcelService,
   Ce as FalseFn,
-  wt as FocusModel,
+  xt as FocusModel,
   ut as GeCellIndices,
   Y as GeCssColorUtil,
   _s as GeFilterService,
@@ -6732,7 +6745,7 @@ export {
   L as GeoData,
   O as Icon,
   vs as IndexAndPx,
-  xt as InputCellRenderer,
+  wt as InputCellRenderer,
   ht as InputHandler,
   be as JsonService,
   V as LicenseManager,
@@ -6786,13 +6799,13 @@ export {
   X as TableOptions,
   Ve as TableScope,
   to as ThreeColorGradientArg,
-  Re as TreeCheckboxModel,
+  Ae as TreeCheckboxModel,
   ne as TreeFactory,
   $e as TreeOptions,
   Se as TreeRow,
   Mt as TreeRowService,
   js as TrueFalseCellRenderer,
-  Rt as TrueFn,
+  At as TrueFn,
   Ie as TwoColorGradientArg,
   K as UNIMPORTANT_TYPES,
   te as UndefinedPropertyType,
@@ -6804,10 +6817,10 @@ export {
   Ts as allCenter,
   Ms as allLeft,
   Is as allRight,
-  Rs as bodyCenter,
-  As as bodyLeft,
+  As as bodyCenter,
+  Rs as bodyLeft,
   Es as bodyRight,
-  xe as createHarmonizedShortcutByKeyboardEvent,
+  we as createHarmonizedShortcutByKeyboardEvent,
   Ge as debounce,
   Zs as editInputPipeForNumber,
   ye as entitySuffix,
@@ -6818,8 +6831,8 @@ export {
   ie as isAreaModelTree,
   Ze as isCheckboxColumnDef,
   N as isTreeRow,
-  ws as px0,
-  xs as px10,
+  xs as px0,
+  ws as px10,
   ds as px100,
   cs as px110,
   as as px120,