@guiexpert/table 1.1.86 → 1.1.88

package/index.js

@@ -25,8 +25,8 @@ function Yt(d = 500) {
     }, s;
   };
 }
-const Le = "any", X = "undefined", Oe = "null", Ve = "string", fe = "number", me = "boolean", He = "Array", K = "object", Q = [Oe, X, Le];
-class $e {
+const Le = "any", X = "undefined", Ve = "null", Oe = "string", fe = "number", me = "boolean", $e = "Array", K = "object", Q = [Ve, X, Le];
+class He {
   constructor(e) {
     this.propertyName = e, this.type = Le;
   }
@@ -38,12 +38,12 @@ class le {
 }
 class Xe {
   constructor(e) {
-    this.propertyName = e, this.type = Oe;
+    this.propertyName = e, this.type = Ve;
   }
 }
 class Ke {
   constructor(e) {
-    this.propertyName = e, this.type = Ve;
+    this.propertyName = e, this.type = Oe;
   }
 }
 class Je {
@@ -58,7 +58,7 @@ class qe {
 }
 class B {
   constructor(e, t = []) {
-    this.propertyName = e, this.items = t, this.type = He;
+    this.propertyName = e, this.items = t, this.type = $e;
   }
 }
 class Be {
@@ -124,21 +124,21 @@ class Xt {
             p && p instanceof L && (a = p.className);
           }
           const c = this.getReadableColumnLabel(l);
-          let h = 100, u = "", f = "ge-table-text-align-left";
-          if (n.type === He) {
+          let h = 100, u = "", g = "ge-table-text-align-left";
+          if (n.type === $e) {
             if (this.allowCustomRenderer && a) {
               const p = `${a}ArrayCellRenderer`;
-              u = `      bodyRenderer: new ${p}(),`, f = "", this.renderCumstomCellRenderer(a, p);
+              u = `      bodyRenderer: new ${p}(),`, g = "", this.renderCumstomCellRenderer(a, p);
             } else
               u = "      bodyRenderer: new SimpleArrayCellRenderer(),";
             h = 250;
-          } else n.type === fe ? (u = "      bodyRenderer: new NumberCellRenderer(),", f = "ge-table-text-align-right") : n.type === me && (u = "      bodyRenderer: new TrueFalseCellRenderer(),", f = "ge-table-text-align-center", h = 80);
+          } else n.type === fe ? (u = "      bodyRenderer: new NumberCellRenderer(),", g = "ge-table-text-align-right") : n.type === me && (u = "      bodyRenderer: new TrueFalseCellRenderer(),", g = "ge-table-text-align-center", h = 80);
           e.push(`    ColumnDef.create({
       property: "${l}",
       headerLabel: "${c}",
       width: new Size(${h}, "px"),
-      bodyClasses: ["${f}"],
-      headerClasses: ["${f}"],`), u && e.push(u), e.push("    }),");
+      bodyClasses: ["${g}"],
+      headerClasses: ["${g}"],`), u && e.push(u), e.push("    }),");
         }
       }
     }
@@ -262,7 +262,7 @@ class Re {
 }
 class Ze {
   constructor() {
-    this.property = "", this.value = "", this.path = "", this.propertyItem = new Be("", [new $e("")]);
+    this.property = "", this.value = "", this.path = "", this.propertyItem = new Be("", [new He("")]);
   }
   toString() {
     var e;
@@ -527,7 +527,7 @@ class Kt {
         }
       }
     }
-    return t || new $e("");
+    return t || new He("");
   }
   logValueInfos(e) {
     for (let t = 0; t < e.length; t++) {
@@ -599,7 +599,7 @@ class Kt {
     ]);
   }
   createPropertyType(e, t) {
-    return e === null ? new Xe(t) : e === void 0 ? new le(t) : typeof e === Ve ? new Ke(t) : typeof e === fe && !isNaN(e) ? new Je(t) : typeof e === me ? new qe(t) : Array.isArray(e) ? new B(t) : typeof e === K ? new L(t, Qe(t)) : new le(t);
+    return e === null ? new Xe(t) : e === void 0 ? new le(t) : typeof e === Oe ? new Ke(t) : typeof e === fe && !isNaN(e) ? new Je(t) : typeof e === me ? new qe(t) : Array.isArray(e) ? new B(t) : typeof e === K ? new L(t, Qe(t)) : new le(t);
   }
 }
 class Jt {
@@ -721,25 +721,25 @@ class be {
     );
   }
 }
-class V {
+class O {
   constructor(e = ">", t = "", s = []) {
     this.content = e, this.style = t, this.classes = s;
   }
 }
 class We {
-  constructor(e = new V(
+  constructor(e = new O(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), t = new V(
+  ), t = new O(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), s = new V(
+  ), s = new O(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), o = new V(
+  ), o = new O(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
@@ -748,7 +748,7 @@ class We {
   }
 }
 class Ne {
-  constructor(e = new V("↑", "", ["ge-header-sorted-asc"]), t = new V("↓", "", ["ge-header-sorted-desc"]), s = new V("↑", "color:transparent;", [])) {
+  constructor(e = new O("↑", "", ["ge-header-sorted-asc"]), t = new O("↓", "", ["ge-header-sorted-desc"]), s = new O("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
@@ -838,12 +838,12 @@ class ot {
     return this.domService.appendChild(e.child, l), l;
   }
   addColumnDiv(e) {
-    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: n, text: l = "", treeArrow: a, tableOptions: c, checkedType: h = void 0, sortState: u } = e, f = c == null ? void 0 : c.treeOptions, p = c == null ? void 0 : c.showCheckboxWihoutExtraColumn, m = this.domService.createElement("div");
+    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: n, text: l = "", treeArrow: a, tableOptions: c, checkedType: h = void 0, sortState: u } = e, g = c == null ? void 0 : c.treeOptions, p = c == null ? void 0 : c.showCheckboxWihoutExtraColumn, m = this.domService.createElement("div");
     this.domService.addClass(m, "ge-table-col-div"), p && this.domService.addClass(m, "ge-with-checkbox"), this.domService.addClass(m, `ge-table-col-div-${s.index}`), this.domService.setAttribute(m, "data-col-index", `${s.index}`), this.domService.setAttribute(m, "data-row-index", `${o}`), this.domService.setAttribute(m, "data-area", `${r}`);
-    const g = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (r === "body" && n === "center" && this.domService.addClass(m, `ge-table-column-${g}`), this.domService.setStyle(m, "display", "clip"), this.domService.setStyle(m, "position", "absolute"), this.domService.setStyle(m, "left", `${s.left}px`), this.domService.setStyle(m, "top", `${s.top}px`), this.domService.setStyle(m, "width", `${s.width}px`), this.domService.setStyle(m, "height", `${s.height}px`), a && a !== "none" && (this.domService.addClass(m, "ge-table-col-tree"), this.addArrowDiv(m, a, f, o, i, r)), p && i === 0 && h && this.addCheckboxToDiv(m, h, r, o), l) {
-      const y = a !== "none" && i === 0;
-      this.addLabelDiv(m, l, y, o, i, r);
+    const f = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
+    if (r === "body" && n === "center" && this.domService.addClass(m, `ge-table-column-${f}`), this.domService.setStyle(m, "display", "clip"), this.domService.setStyle(m, "position", "absolute"), this.domService.setStyle(m, "left", `${s.left}px`), this.domService.setStyle(m, "top", `${s.top}px`), this.domService.setStyle(m, "width", `${s.width}px`), this.domService.setStyle(m, "height", `${s.height}px`), a && a !== "none" && (this.domService.addClass(m, "ge-table-col-tree"), this.addArrowDiv(m, a, g, o, i, r)), p && i === 0 && h && this.addCheckboxToDiv(m, h, r, o), l) {
+      const b = a !== "none" && i === 0;
+      this.addLabelDiv(m, l, b, o, i, r);
     }
     return u && this.addSortedIcon(m, u, c == null ? void 0 : c.sortedOptions, i), this.domService.appendChild(t, m), m;
   }
@@ -2274,15 +2274,15 @@ class nt {
    * tableApi.downloadExcel('quarterly-data.xlsx');
    */
   downloadExcel(e = "table.xlsx", t = "") {
-    const s = [], o = this.tableScope.tableModel.getColumnCount(), i = ["header", "body", "footer"];
-    for (const r of i) {
-      const n = this.tableScope.tableModel.getAreaModel(r), l = (n == null ? void 0 : n.getRowCount()) ?? 0;
-      for (let a = 0; a < l; a++) {
-        const c = [];
-        s.push(c);
-        for (let h = 0; h < o; h++)
-          c.push(n.getValueAt(a, h));
-      }
+    var n, l;
+    const s = [], o = this.tableScope.tableModel, i = [];
+    for (let a = 0; a < o.getColumnCount(); a++)
+      ((l = (n = o.getColumnDef(a)) == null ? void 0 : n.isVisible) == null ? void 0 : l.call(n)) !== !1 && i.push(a);
+    const r = ["header", "body", "footer"];
+    for (const a of r) {
+      const c = o.getAreaModel(a), h = (c == null ? void 0 : c.getRowCount()) ?? 0;
+      for (let u = 0; u < h; u++)
+        s.push(i.map((g) => c.getValueAt(u, g)));
     }
     return this.tableScope.excelService.downloadExcel(s, e, t);
   }
@@ -3155,14 +3155,14 @@ class dt extends xe {
     }
   }
 }
-class O {
+class V {
   constructor(e = 0, t = 0, s = 0, o = 0, i) {
     this.left = e, this.width = t, this.height = s, this.top = o, this.index = i;
   }
 }
 const oe = class oe {
   constructor(e, t, s, o) {
-    this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new O(), this.areaBodyCenterGeo = new O(), this.areaBodyEastGeo = new O();
+    this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new V(), this.areaBodyCenterGeo = new V(), this.areaBodyEastGeo = new V();
     const i = this.hostElement;
     i.innerText = "", this.dom.setAttribute(i, "tabindex", "0"), this.dom.setStyle(
       this.dom.addClass("ge-table", i),
@@ -3401,7 +3401,7 @@ class ht {
     return !1;
   }
 }
-class T {
+class k {
   constructor(e, t, s) {
     this.header = e, this.body = t, this.footer = s;
   }
@@ -3413,7 +3413,7 @@ class ut extends ee {
       header: [],
       body: [],
       footer: []
-    }, this.tree = !1, this.colAndRowspanModels = new T(), this.draggingTargetColumnIndex = -1, this.contentScrollTop = 0, 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), de(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, this.tree = !1, this.colAndRowspanModels = new k(), this.draggingTargetColumnIndex = -1, this.contentScrollTop = 0, 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), de(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (l) => {
         var a;
         this.colAndRowspanModels[l] = new ht(t, t.getAreaModel(l)), (a = this.colAndRowspanModels[l]) == null || a.init();
@@ -3518,19 +3518,19 @@ class ut extends ee {
       this.areaHeightsOfRenderPass = void 0;
     }
     this.tableOptions.tableTopBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new O(0, e, 1, 0),
+      new V(0, e, 1, 0),
       this.hostElement,
       "ge-table-border"
     )), this.tableOptions.tableBottomBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new O(0, e, 1, t - 1),
+      new V(0, e, 1, t - 1),
       this.hostElement,
       "ge-table-border"
     )), this.tableModel.getFixedLeftColumnCount() > 0 && this.removables.push(this.dom.addVerticalBorder(
-      new O(s, 1, t, 0),
+      new V(s, 1, t, 0),
       this.hostElement,
       "ge-table-body-west-vertical-border"
     )), ((i = this.tableModel.getAreaModel("header")) == null ? void 0 : i.getRowCount()) > 0 && this.removables.push(this.dom.addHorizontalBorder(
-      new O(0, e, 1, o),
+      new V(0, e, 1, o),
       this.hostElement,
       "ge-table-body-west-vertical-border"
     ));
@@ -3582,10 +3582,10 @@ class ut extends ee {
       }
       const u = r.getCustomClassesAt(t, s);
       u.length && this.dom.addClasses(u, l);
-      const f = r.getCustomStyleAt(t, s);
-      if (f)
-        for (const p in f)
-          this.dom.setStyle(l, p, f[p]);
+      const g = r.getCustomStyleAt(t, s);
+      if (g)
+        for (const p in g)
+          this.dom.setStyle(l, p, g[p]);
     }
   }
   getFirstVisibleRowIndex() {
@@ -3742,67 +3742,67 @@ class ut extends ee {
    * @protected
    */
   adjustArea(e, t = 0) {
-    var x, A, k;
-    const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), r = ((x = this.areaHeightsOfRenderPass) == null ? void 0 : x[e]) ?? o.child.clientHeight;
+    var w, v, I;
+    const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), r = ((w = this.areaHeightsOfRenderPass) == null ? void 0 : w[e]) ?? o.child.clientHeight;
     s.child.innerText = "", o.child.innerText = "", i.child.innerText = "";
     const n = 0, l = this.areaBodyCenterGeo.width, a = this.tableModel.getPadding(), c = this.tableModel.getAreaModel(e), h = c.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
-      const w = this.cleanupFunctions[e].shift();
-      w && w();
+      const x = this.cleanupFunctions[e].shift();
+      x && x();
     }
     let u = t;
-    const f = this.tableModel.getColumnCount(), p = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
+    const g = this.tableModel.getColumnCount(), p = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
     e === "body" && (this.firstVisibleRowIndex = -1, this.firstFullVisibleRowIndex = -1, this.lastVisibleRowIndex = -1, this.lastFullVisibleRowIndex = -1);
-    let g = 0;
-    const y = (A = c.getConstantRowHeight) == null ? void 0 : A.call(c);
-    if (y !== void 0 && y > 0 && u < 0) {
-      for (g = Math.min(h, Math.floor(-u / y)); g > 0 && u + g * y > 0; )
-        g--;
-      u = u + g * y;
+    let f = 0;
+    const b = (v = c.getConstantRowHeight) == null ? void 0 : v.call(c);
+    if (b !== void 0 && b > 0 && u < 0) {
+      for (f = Math.min(h, Math.floor(-u / b)); f > 0 && u + f * b > 0; )
+        f--;
+      u = u + f * b;
     }
-    for (let w = g; w < h; w++) {
-      const S = u, I = w === h - 1, v = this.tableModel.getRowHeight(e, w);
-      if (S + v > 0) {
-        e === "body" && this.firstVisibleRowIndex === -1 && (this.firstVisibleRowIndex = w, this.firstFullVisibleRowIndex = S < -this.pixelLimitForFullVisible ? this.firstVisibleRowIndex + 1 : this.firstVisibleRowIndex);
-        let R = { left: n, width: l, height: v, top: S, index: w }, D = this.dom.addRowDiv(o, R, w, e, "center");
+    for (let x = f; x < h; x++) {
+      const S = u, T = x === h - 1, R = this.tableModel.getRowHeight(e, x);
+      if (S + R > 0) {
+        e === "body" && this.firstVisibleRowIndex === -1 && (this.firstVisibleRowIndex = x, this.firstFullVisibleRowIndex = S < -this.pixelLimitForFullVisible ? this.firstVisibleRowIndex + 1 : this.firstVisibleRowIndex);
+        let A = { left: n, width: l, height: R, top: S, index: x }, D = this.dom.addRowDiv(o, A, x, e, "center");
         const N = m;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
           areaModel: c,
-          geo: R,
+          geo: A,
           parent: D,
-          rowIndex: w,
+          rowIndex: x,
           columnIndexStart: N,
-          columnIndexEnd: f - p - 1,
+          columnIndexEnd: g - p - 1,
           verticalFixed: !1,
-          lastRowOfModel: I
-        }), a.left > 0 && (R = { left: n, width: this.areaBodyWestGeo.width, height: v, top: S, index: w }, D = this.dom.addRowDiv(s, R, w, e, "west"), this.adjustColumnsToRowParent({
+          lastRowOfModel: T
+        }), a.left > 0 && (A = { left: n, width: this.areaBodyWestGeo.width, height: R, top: S, index: x }, D = this.dom.addRowDiv(s, A, x, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: c,
-          geo: R,
+          geo: A,
           parent: D,
-          rowIndex: w,
+          rowIndex: x,
           columnIndexStart: 0,
           columnIndexEnd: N - 1,
           verticalFixed: !0,
-          lastRowOfModel: I
-        })), a.right > 0 && (R = { left: n, width: this.areaBodyEastGeo.width, height: v, top: S, index: w }, D = this.dom.addRowDiv(i, R, w, e, "east"), this.adjustColumnsToRowParent({
+          lastRowOfModel: T
+        })), a.right > 0 && (A = { left: n, width: this.areaBodyEastGeo.width, height: R, top: S, index: x }, D = this.dom.addRowDiv(i, A, x, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: c,
-          geo: R,
+          geo: A,
           parent: D,
-          rowIndex: w,
-          columnIndexStart: f - p,
-          columnIndexEnd: f - 1,
+          rowIndex: x,
+          columnIndexStart: g - p,
+          columnIndexEnd: g - 1,
           verticalFixed: !0,
-          lastRowOfModel: I
-        })), e === "header" && this.tree && w === h - 1) {
+          lastRowOfModel: T
+        })), e === "header" && this.tree && x === h - 1) {
           const U = this.dom.applyStyle(
             this.dom.setAttribute(
-              this.dom.addDiv(D, new O(16, 20, 20, 8)),
+              this.dom.addDiv(D, new V(16, 20, 20, 8)),
               "data-ge-action",
               "toggleExpandCollapseAll"
             ),
@@ -3814,8 +3814,8 @@ class ut extends ee {
           }
         }
       }
-      if (u = u + v, u > r) {
-        e === "body" && (this.lastVisibleRowIndex = w, this.lastFullVisibleRowIndex = r - u < -this.pixelLimitForFullVisible ? w - 1 : w, this.displayedRowCount = this.lastFullVisibleRowIndex - this.firstFullVisibleRowIndex + 1);
+      if (u = u + R, u > r) {
+        e === "body" && (this.lastVisibleRowIndex = x, this.lastFullVisibleRowIndex = r - u < -this.pixelLimitForFullVisible ? x - 1 : x, this.displayedRowCount = this.lastFullVisibleRowIndex - this.firstFullVisibleRowIndex + 1);
         break;
       }
     }
@@ -3823,19 +3823,19 @@ class ut extends ee {
 render scope: this.firstFullVisibleRowIndex <- ` + this.firstFullVisibleRowIndex + `
 render scope: this.lastVisibleRowIndex <- ` + this.lastVisibleRowIndex + `
 render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex), this.colAndRowspanModels && this.colAndRowspanModels[e]) {
-      const w = ((k = this.colAndRowspanModels[e]) == null ? void 0 : k.getRanges()) ?? [];
-      if (w.length)
-        for (const S of w) {
-          let I = 0, v = o.child, R = "center";
+      const x = ((I = this.colAndRowspanModels[e]) == null ? void 0 : I.getRanges()) ?? [];
+      if (x.length)
+        for (const S of x) {
+          let T = 0, R = o.child, A = "center";
           if (S.c1 < m)
-            v = s.child, R = "west";
-          else if (p > 0 && S.c1 >= f - p)
-            v = i.child, R = "east";
+            R = s.child, A = "west";
+          else if (p > 0 && S.c1 >= g - p)
+            R = i.child, A = "east";
           else {
             const D = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            I = this.snapToDevicePixel(this.scrollFactorX * D) - this.areaBodyWestGeo.width, R = "center";
+            T = this.snapToDevicePixel(this.scrollFactorX * D) - this.areaBodyWestGeo.width, A = "center";
           }
-          this.drawBigCell(S, I, t, c, v, R);
+          this.drawBigCell(S, T, t, c, R, A);
         }
     }
   }
@@ -3850,10 +3850,10 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
    * @protected
    */
   drawBigCell(e, t, s, o, i, r) {
-    const n = s + this.getRowHeights(0, e.r1 - 1, o).reduce((g, y) => g + y, 0), l = this.tableModel.getColumnCount(), a = this.tableModel.getFixedRightColumnCount();
+    const n = s + this.getRowHeights(0, e.r1 - 1, o).reduce((f, b) => f + b, 0), l = this.tableModel.getColumnCount(), a = this.tableModel.getFixedRightColumnCount();
     let c = 0;
     a > 0 && e.c1 >= l - a && (c = l - a);
-    const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((g, y) => g + y, 0), u = this.getRowHeights(e.r1, e.r2, o).reduce((g, y) => g + y, 0), f = this.getColumnWidths(e.c1, e.c2).reduce((g, y) => g + y, 0);
+    const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((f, b) => f + b, 0), u = this.getRowHeights(e.r1, e.r2, o).reduce((f, b) => f + b, 0), g = this.getColumnWidths(e.c1, e.c2).reduce((f, b) => f + b, 0);
     let p = !1;
     const m = this.getSelectionModel ? this.getSelectionModel() : void 0;
     m && (p = m.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
@@ -3864,7 +3864,7 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
       columnIndex: e.c1,
       left: h,
       top: n,
-      width: f,
+      width: g,
       height: u,
       parent: i,
       cellSelected: p,
@@ -3878,7 +3878,7 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
       columnIndex: e.c1,
       left: h,
       top: n,
-      width: f,
+      width: g,
       height: u,
       parent: i,
       cellSelected: p,
@@ -3889,7 +3889,7 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
       columnIndex: e.c1,
       cellLeft: h,
       cellTop: n,
-      cellWidth: f,
+      cellWidth: g,
       cellHeight: u,
       parent: i
     });
@@ -3936,55 +3936,55 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     var m;
     let h = 0;
     if (!a) {
-      const g = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-      h = this.snapToDevicePixel(this.scrollFactorX * g);
+      const f = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+      h = this.snapToDevicePixel(this.scrollFactorX * f);
     }
-    const u = 0, f = !!(e === "body" && t);
+    const u = 0, g = !!(e === "body" && t);
     let p = h;
-    for (let g = n; g <= l; g++) {
-      const y = p, x = this.tableModel.getColumnWidth(g);
-      if (x > 0 && y + x > 0) {
-        let A = o.height;
-        const k = s.getRowspanAt(r, g), w = s.getColspanAt(r, g);
-        k > 1 && (A = this.getRowHeights(r, r + k - 1, s).reduce((v, R) => v + R, 0));
-        let S = x;
-        w > 1 && (S = this.getColumnWidths(g, g + w - 1).reduce((v, R) => v + R, 0));
-        let I = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, g) && (I = !0), this.draggingTargetColumnIndex === g && e !== "header") {
-          this.renderDragTargetDiv(i, y, u, S, A);
-          const v = { left: y, top: u, width: S, height: A };
-          this.dom.addColumnBorderDivs(this.tableOptions, i, v, e, t);
+    for (let f = n; f <= l; f++) {
+      const b = p, w = this.tableModel.getColumnWidth(f);
+      if (w > 0 && b + w > 0) {
+        let v = o.height;
+        const I = s.getRowspanAt(r, f), x = s.getColspanAt(r, f);
+        I > 1 && (v = this.getRowHeights(r, r + I - 1, s).reduce((R, A) => R + A, 0));
+        let S = w;
+        x > 1 && (S = this.getColumnWidths(f, f + x - 1).reduce((R, A) => R + A, 0));
+        let T = !1;
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, f) && (T = !0), this.draggingTargetColumnIndex === f && e !== "header") {
+          this.renderDragTargetDiv(i, b, u, S, v);
+          const R = { left: b, top: u, width: S, height: v };
+          this.dom.addColumnBorderDivs(this.tableOptions, i, R, e, t);
         } else {
-          const v = this.renderSelectedBackgroundDiv(I, f, t, s, r, g, i, y, u, S, A);
-          "gammaCells" in s && s.getValueAt(r, g) && (I = !1), I || this.renderCell({
+          const R = this.renderSelectedBackgroundDiv(T, g, t, s, r, f, i, b, u, S, v);
+          "gammaCells" in s && s.getValueAt(r, f) && (T = !1), T || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
             rowIndex: r,
-            columnIndex: g,
-            left: y,
+            columnIndex: f,
+            left: b,
             top: u,
             width: S,
-            height: A,
+            height: v,
             parent: i,
-            cellSelected: v,
+            cellSelected: R,
             lastRowOfModel: c,
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
             rowIndex: r,
-            columnIndex: g,
-            cellLeft: y,
+            columnIndex: f,
+            cellLeft: b,
             cellTop: u,
             cellWidth: S,
-            cellHeight: A,
+            cellHeight: v,
             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 O(p - 1, 1, o.height, 0), i);
+    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new V(p - 1, 1, o.height, 0), i);
   }
   /**
    * Retrieves the column index of the tree arrow column in the table.
@@ -4012,18 +4012,18 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     lastRowOfModel: h
   }) {
     var U;
-    const f = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), p = { left: r, width: n, height: l, top: a, index: i }, m = e.getRowByIndex(o);
-    let g = "none";
+    const g = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), p = { left: r, width: n, height: l, top: a, index: i }, m = e.getRowByIndex(o);
+    let f = "none";
     if (i === this.getTreeArrowColumnIndex() && j(m)) {
       const C = m;
-      (U = C.children) != null && U.length ? C.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
+      (U = C.children) != null && U.length ? C.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
     }
-    let x;
+    let w;
     if (t === "header") {
       const C = this.tableModel.getColumnDef(i);
-      (!(C != null && C.sortIconVisible) || C != null && C.sortIconVisible()) && (x = C == null ? void 0 : C.sortState);
+      (!(C != null && C.sortIconVisible) || C != null && C.sortIconVisible()) && (w = C == null ? void 0 : C.sortState);
     }
-    const A = e.getValueAt(o, i), k = f ? "" : `${A}`, w = e.isRowChecked(o), S = this.dom.addColumnDiv(
+    const v = e.getValueAt(o, i), I = g ? "" : `${v}`, x = e.isRowChecked(o), S = this.dom.addColumnDiv(
       {
         parent: c,
         geo: p,
@@ -4031,18 +4031,18 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
         columnIndex: i,
         areaIdent: t,
         sideIdent: s,
-        text: k,
-        treeArrow: g,
+        text: I,
+        treeArrow: f,
         tableOptions: this.tableOptions,
-        checkedType: w,
-        sortState: x
+        checkedType: x,
+        sortState: w
       }
-    ), I = e.getTooltipAt(o, i);
-    I && this.dom.setAttribute(S, "title", I);
-    const v = this.tableModel.getColumnDef(i);
-    v && v.classes[t] && this.dom.addClasses(v.classes[t], S);
-    let R;
-    f && (R = f.render(S, o, i, t, e, A, this.dom.domService));
+    ), T = e.getTooltipAt(o, i);
+    T && this.dom.setAttribute(S, "title", T);
+    const R = this.tableModel.getColumnDef(i);
+    R && R.classes[t] && this.dom.addClasses(R.classes[t], S);
+    let A;
+    g && (A = g.render(S, o, i, t, e, v, this.dom.domService));
     const D = e.getCustomClassesAt(o, i);
     if (D.length && this.dom.addClasses(D, S), 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 C = this.getFocusModel();
@@ -4053,7 +4053,7 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     if (N)
       for (const C in N)
         this.dom.setStyle(S, C, N[C]);
-    return [S, R];
+    return [S, A];
   }
   /**
    * Applies CSS classes to an HTML element.
@@ -4231,7 +4231,7 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     if (r) {
       const n = e.index ?? 0, l = this.draggingColumn;
       for (let a = 0; a < r; a++) {
-        const c = s, h = i.getRowHeight(a), u = { left: 0, width: e.width, height: h, top: c, index: a }, f = i.getValueAt(a, n), p = i.getCellRenderer(a, n), m = p ? "" : `${f}`, g = {
+        const c = s, h = i.getRowHeight(a), u = { left: 0, width: e.width, height: h, top: c, index: a }, g = i.getValueAt(a, n), p = i.getCellRenderer(a, n), m = p ? "" : `${g}`, f = {
           parent: l,
           geo: u,
           rowIndex: a,
@@ -4239,17 +4239,17 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
           areaIdent: t,
           sideIdent: o,
           text: m
-        }, y = this.dom.addColumnDiv(g);
-        let x;
-        p && (x = p.render(y, a, n, t, i, f, this.dom.domService), x && this.cleanupFunctions[t].push(x));
-        const A = i.getCustomClassesAt(a, n);
-        A.length && this.dom.addClasses(A, y);
-        const k = this.tableModel.getColumnDef(n);
-        k && k.classes[t] && this.dom.addClasses(k.classes[t], y), this.dom.addColumnBorderDivs(this.tableOptions, l, u, t, o);
-        const w = i.getCustomStyleAt(a, n);
-        if (w)
-          for (const S in w)
-            this.dom.setStyle(y, S, w[S]);
+        }, b = this.dom.addColumnDiv(f);
+        let w;
+        p && (w = p.render(b, a, n, t, i, g, this.dom.domService), w && this.cleanupFunctions[t].push(w));
+        const v = i.getCustomClassesAt(a, n);
+        v.length && this.dom.addClasses(v, b);
+        const I = this.tableModel.getColumnDef(n);
+        I && I.classes[t] && this.dom.addClasses(I.classes[t], b), this.dom.addColumnBorderDivs(this.tableOptions, l, u, t, o);
+        const x = i.getCustomStyleAt(a, n);
+        if (x)
+          for (const S in x)
+            this.dom.setStyle(b, S, x[S]);
         s = s + h;
       }
     }
@@ -4302,16 +4302,16 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
   renderSelectedBackgroundDiv(e, t, s, o, i, r, n, l, a, c, h) {
     let u = !1;
     if (!e && t && o.isSelectable(i, r) && this.getSelectionModel) {
-      const f = this.getSelectionModel();
-      if (f) {
-        const p = f.getSelectionCount(i, r);
+      const g = this.getSelectionModel();
+      if (g) {
+        const p = g.getSelectionCount(i, r);
         u = p > 0;
         for (let m = 0; m < p; m++) {
-          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`, n)
           );
-          this.dom.setStyle(g, "left", `${l}px`), this.dom.setStyle(g, "top", `${a}px`), this.dom.setStyle(g, "width", `${c}px`), this.dom.setStyle(g, "height", `${h}px`);
+          this.dom.setStyle(f, "left", `${l}px`), this.dom.setStyle(f, "top", `${a}px`), this.dom.setStyle(f, "width", `${c}px`), this.dom.setStyle(f, "height", `${h}px`);
         }
       }
     }
@@ -4350,7 +4350,7 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     cellSelected: h,
     lastRowOfModel: u
   }) {
-    const [f, p] = this.addAndRenderCellDiv({
+    const [g, p] = this.addAndRenderCellDiv({
       areaModel: e,
       areaIdent: t,
       sideIdent: s,
@@ -4363,7 +4363,7 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
       parent: c,
       lastRowOfModel: u
     });
-    h && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, f), p && this.cleanupFunctions[t].push(p);
+    h && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, g), p && this.cleanupFunctions[t].push(p);
   }
   /**
    * Render the header cell resize handle.
@@ -4384,12 +4384,12 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     l.setAttribute(c, "data-col-index", `${t}`), l.setAttribute(c, "data-row-index", `${e}`), l.setAttribute(c, "data-area", "header"), l.setAttribute(c, "data-ge-action", "resize-column"), l.addClass(c, "ge-table-column-resize-handle"), l.setStyle(c, "display", "clip"), l.setStyle(c, "position", "absolute"), l.setStyle(c, "cursor", "col-resize"), l.setStyle(c, "left", `${s + i - a}px`), l.setStyle(c, "top", `${o}px`), l.setStyle(c, "width", `${a}px`), l.setStyle(c, "height", `${r}px`), l.appendChild(n, c);
   }
 }
-class pt {
+class Me {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class gt {
+class pt {
   constructor(e) {
     this.tableScope = e, this.tableScope.hostElement.addEventListener(
       "change",
@@ -4415,7 +4415,7 @@ class gt {
     }
   }
 }
-class ft {
+class gt {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
@@ -4425,25 +4425,50 @@ class Se {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new Se([new ft(e, t)]);
+    return new Se([new gt(e, t)]);
   }
 }
-class mt {
+class ft {
   constructor(e, t, s, o, i, r, n, l) {
     this.scrollTop = e, this.scrollLeft = t, this.scrollHeight = s, this.scrollWidth = o, this.clientHeight = i, this.clientWidth = r, this.scrollFactorY = n, this.scrollFactorX = l;
   }
 }
-class bt {
+class mt {
   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);
+    this.tableScope = e, this.ignoreNextClick = !1, (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);
+  }
+  /**
+   * Called on mouse down: a new gesture starts.
+   */
+  onMouseDown() {
+    this.ignoreNextClick = !1;
+  }
+  /**
+   * Selects a range by dragging the mouse over body cells (selection type "range").
+   * The cell where the drag started stays the anchor, so a following shift-click extends from there.
+   *
+   * @param {GeMouseEvent} evt - the current mouse position
+   * @param {GeMouseEvent} startEvt - the mouse down event that started the drag
+   * @returns {boolean} true if the selection changed (repaint needed)
+   */
+  onMouseDragging(e, t) {
+    var i, r;
+    if (!t || t.action || t.areaIdent !== "body" || e.areaIdent !== "body" || t.rowIndex < 0 || t.columnIndex < 0 || e.rowIndex < 0 || e.columnIndex < 0) return !1;
+    const s = (i = this.getSelectionModel) == null ? void 0 : i.call(this);
+    if (!s || !("selectionType" in s) || s.selectionType !== "range") return !1;
+    s.clear(), s.addSelection(this.createRangeByEvents(e, t));
+    const o = (r = this.getFocusModel) == null ? void 0 : r.call(this);
+    return o && !o.hasFocus(t.rowIndex, t.columnIndex) && (o.setFocus(t.rowIndex, t.columnIndex), this.tableScope.onFocusChanged(o)), this.previousEvt = t.clone(), this.ignoreNextClick = e.rowIndex !== t.rowIndex || e.columnIndex !== t.columnIndex, this.tableScope.onSelectionChanged(s), !0;
   }
   onMouseClicked(e, t) {
     var i, r, n, l, a, c, h;
+    if (this.ignoreNextClick)
+      return this.ignoreNextClick = !1, !1;
     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(M.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(M.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (u.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(u));
+      const u = this.getSelectionModel(), g = this.getFocusModel();
+      u && g && (g.hasFocus(e.rowIndex, e.columnIndex) || (g.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(g), 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(M.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(M.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;
   }
@@ -4474,7 +4499,7 @@ class bt {
     });
   }
 }
-class yt {
+class bt {
   get() {
     return {
       f2: "START_EDITING",
@@ -4494,7 +4519,7 @@ class yt {
     };
   }
 }
-class wt {
+class yt {
   get() {
     return {
       f2: "START_EDITING",
@@ -4516,13 +4541,13 @@ class wt {
     };
   }
 }
-function xt(d) {
+function wt(d) {
   return d.trim().replace(/\+/g, " ").replace(/ +/g, " ").replace(/⌫/g, "backspace").replace(/↩/g, "enter").replace(/⇧/g, "shift").replace(/⌥/g, "alt").replace(/option/g, "alt").replace(/opt/g, "alt").replace(/⌃/g, "ctrl").replace(/control/g, "ctrl").replace(/command/g, "cmd").replace(/meta/g, "cmd").replace(/escape/g, "esc").replace(/⌘/g, "cmd").replace(/\*/g, "multiply").split(" ").filter((e) => e).filter((e, t, s) => s.indexOf(e) === t).sort((e, t) => {
     const s = { cmd: 1, ctrl: 2, alt: 3, shift: 4 }, o = s[e] || 5, i = s[t] || 5;
     return o !== i ? o - i : e.localeCompare(t);
   }).join(" ");
 }
-function Me(d) {
+function Ie(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();
@@ -4530,9 +4555,9 @@ function Me(d) {
   }
   d.code.match(/^F\d+$/) && (e = d.code.toLowerCase()), d.code.match(/^Digit\d+$/) && (e = d.code.replace(/Digit/g, ""));
   let t = "";
-  return d.ctrlKey && (t += " ctrl"), d.altKey && (t += t + " alt"), d.shiftKey && (t += t + " shift"), d.metaKey && (t += t + " cmd"), xt(t + " " + e);
+  return d.ctrlKey && (t += " ctrl"), d.altKey && (t += t + " alt"), d.shiftKey && (t += t + " shift"), d.metaKey && (t += t + " cmd"), wt(t + " " + e);
 }
-class St {
+class xt {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -4558,7 +4583,7 @@ class St {
     ));
   }
   assignPredefinedSystemShortcutMappings() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new wt().get()) : Object.assign(this.shortcutActionIdMapping, new yt().get());
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new yt().get()) : Object.assign(this.shortcutActionIdMapping, new bt().get());
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -4581,10 +4606,10 @@ class St {
     return t;
   }
   findEntity(e) {
-    const t = Me(e);
+    const t = Ie(e);
     this.isDebug() && console.debug("ShortcutService shortcut  :", t);
     for (const s in this.shortcutActionIdMapping)
-      if (Me(e) === t)
+      if (Ie(e) === t)
         return this.isDebug() && console.debug("ShortcutService action    :", this.shortcutActionIdMapping[s]), this.shortcutActionIdMapping[s];
   }
   // private areTokensEquals(tokens1: string[], tokens2: string[]): boolean {
@@ -4653,7 +4678,7 @@ class he {
   onFocusChanged(e) {
   }
 }
-class Ct {
+class St {
   setStyle(e, t, s) {
     return e.style[t] = s, e;
   }
@@ -4680,7 +4705,7 @@ class Ct {
     e.setAttribute(t, s);
   }
 }
-class vt {
+class Ct {
   render(e, t, s, o, i, r, n) {
     if (i.isEditable(t, s)) {
       n.addClass(e, "ge-table-row-input-div");
@@ -4783,7 +4808,7 @@ class Ce {
     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 Rt {
+class vt {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
   }
@@ -4821,11 +4846,11 @@ class Rt {
   }
 }
 class ve {
-  constructor(e = new V(
+  constructor(e = new O(
     "❯",
     "",
     ["gt-table-icon-expanded"]
-  ), t = new V(
+  ), t = new O(
     "❯",
     "transform: rotate(180deg) translate(-100%, -100%); transform-origin: 0 0;",
     ["ge-table-icon-collapsed"]
@@ -4834,14 +4859,14 @@ class ve {
   }
   // `⊖ `,  `⊕ `;
 }
-const At = new Ce(), Mt = new Rt("cell");
+const Rt = new Ce(), At = new vt("cell");
 class J {
   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 We(), this.headerGroupOptions = new ve(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Ne(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new vt(), this.getSelectionModel = () => At, this.getFocusModel = () => Mt;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new We(), this.headerGroupOptions = new ve(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Ne(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new Ct(), this.getSelectionModel = () => Rt, this.getFocusModel = () => At;
   }
 }
 const z = class z {
@@ -4856,25 +4881,27 @@ const z = class z {
    */
   createContent(e, t, s) {
     return new Promise((o, i) => {
+      var r, n;
       if (t != null && t.hasSelection()) {
-        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 n = [];
-          for (let l = r.r1; l <= r.r2; l++) {
-            const a = [];
-            for (let c = r.c1; c <= r.c2; c++) {
-              const h = t.isSelected(l, c) ? e.getBodyModel().getTextValueAt(l, c) : "";
-              a.push(h);
+        const l = this.mergeRanges(t.getRanges());
+        if (l) {
+          l.c2 = Math.min(l.c2, e.getColumnCount() - 1), l.r2 = Math.min(l.r2, e.getBodyModel().getRowCount() - 1);
+          const a = [];
+          for (let c = l.r1; c <= l.r2; c++) {
+            const h = [];
+            for (let u = l.c1; u <= l.c2; u++) {
+              if (((n = (r = e.getColumnDef(u)) == null ? void 0 : r.isVisible) == null ? void 0 : n.call(r)) === !1) continue;
+              const g = t.isSelected(c, u) ? e.getBodyModel().getTextValueAt(c, u) : "";
+              h.push(g);
             }
-            n.push(a.join(z.columnSeparatorChar));
+            a.push(h.join(z.columnSeparatorChar));
           }
-          return o(n.join(z.rowSeparatorChar));
+          return o(a.join(z.rowSeparatorChar));
         }
       }
       if (s) {
-        const [r, n] = s.getFocus(), l = e.getBodyModel().getTextValueAt(r, n);
-        return o(l);
+        const [l, a] = s.getFocus(), c = e.getBodyModel().getTextValueAt(l, a);
+        return o(c);
       }
       i("Cannot copy, neither selection nor focus defined.");
     });
@@ -4903,11 +4930,11 @@ const z = class z {
         t,
         s
       ).then((r) => {
-        r && this.copyContent(r).then((n) => {
+        r ? this.copyContent(r).then((n) => {
           o(r);
         }).catch((n) => {
           i();
-        });
+        }) : o("");
       }).catch((r) => {
         i();
       });
@@ -4929,7 +4956,7 @@ const z = class z {
 z.columnSeparatorChar = "	", z.rowSeparatorChar = `
 `;
 let te = z;
-class It {
+class Mt {
   constructor(e, t = 500) {
     this.tableScope = e, this.debounceDelay = t, this.disconnected = !1, this.resizeObserver = new ResizeObserver(Ye(this.handleResize.bind(this), t)), this.resizeObserver.observe(this.tableScope.hostElement);
   }
@@ -4947,7 +4974,7 @@ class It {
   }
 }
 let q;
-function Et(d) {
+function It(d) {
   if (!q) {
     q = new Uint32Array(256);
     for (let t = 0; t < 256; t++) {
@@ -5043,18 +5070,18 @@ class Tt {
     let s = 0;
     const o = [];
     e.forEach((h, u) => {
-      const f = new TextEncoder().encode(u), p = new TextEncoder().encode(h), m = Et(p), g = new Uint8Array(30 + f.length), y = new DataView(g.buffer);
-      g.set([80, 75, 3, 4], 0), y.setUint16(4, 20, !0), y.setUint16(6, 0, !0), y.setUint16(8, 0, !0), y.setUint16(10, 0, !0), y.setUint16(12, 0, !0), y.setUint32(14, m, !0), y.setUint32(18, p.length, !0), y.setUint32(22, p.length, !0), y.setUint16(26, f.length, !0), y.setUint16(28, 0, !0), g.set(f, 30), t.push(g, p), o.push({
+      const g = new TextEncoder().encode(u), p = new TextEncoder().encode(h), m = It(p), f = new Uint8Array(30 + g.length), b = new DataView(f.buffer);
+      f.set([80, 75, 3, 4], 0), b.setUint16(4, 20, !0), b.setUint16(6, 0, !0), b.setUint16(8, 0, !0), b.setUint16(10, 0, !0), b.setUint16(12, 0, !0), b.setUint32(14, m, !0), b.setUint32(18, p.length, !0), b.setUint32(22, p.length, !0), b.setUint16(26, g.length, !0), b.setUint16(28, 0, !0), f.set(g, 30), t.push(f, p), o.push({
         path: u,
         offset: s,
         contentSize: p.length,
         crc: m
-      }), s += g.length + p.length;
+      }), s += f.length + p.length;
     });
     const i = s;
     o.forEach((h) => {
-      const u = new TextEncoder().encode(h.path), f = new Uint8Array(46 + u.length), p = new DataView(f.buffer);
-      f.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, h.crc, !0), p.setUint32(20, h.contentSize, !0), p.setUint32(24, h.contentSize, !0), p.setUint16(28, u.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), f.set(u, 46), t.push(f), s += f.length;
+      const u = new TextEncoder().encode(h.path), g = new Uint8Array(46 + u.length), p = new DataView(g.buffer);
+      g.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, h.crc, !0), p.setUint32(20, h.contentSize, !0), p.setUint32(24, h.contentSize, !0), p.setUint16(28, u.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), g.set(u, 46), t.push(g), s += g.length;
     });
     const r = new Uint8Array(22), n = new DataView(r.buffer);
     r.set([80, 75, 5, 6], 0), n.setUint16(4, 0, !0), n.setUint16(6, 0, !0), n.setUint16(8, o.length, !0), n.setUint16(10, o.length, !0), n.setUint32(12, s - i, !0), n.setUint32(16, i, !0), n.setUint16(20, 0, !0), t.push(r);
@@ -5072,11 +5099,11 @@ class Tt {
 class Ge extends ut {
   constructor(e, t, s, o, i, r = new te(), n = new Tt()) {
     var c;
-    if (super(e, t, new ot(s), o), this.eventListener = i, this.copyService = r, this.excelService = n, this.licenseManager = G.getInstance(), this.listenerAbortController = new AbortController(), this.destroyed = !1, this.selectionService = new bt(this), this.api = new nt(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 he()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
+    if (super(e, t, new ot(s), o), this.eventListener = i, this.copyService = r, this.excelService = n, this.licenseManager = G.getInstance(), this.listenerAbortController = new AbortController(), this.destroyed = !1, this.selectionService = new mt(this), this.api = new nt(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 he()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
       const h = this.tableOptions.autoRestoreOptions, u = h.getStorageKeyFn;
       u && (h.autoRestoreScrollPosition && (this.storeScrollPosStateService = new lt(u)), h.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ct(u)), h.autoRestoreSortingState && (this.storeSortingService = new dt(u)));
     }
-    this.mouseHandler = new rt(this), this.inputHandler = new gt(this), this.resizeHandler = new It(this, o.resizeEventDebounceDelay), this.shortcutService = new St(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new rt(this), this.inputHandler = new pt(this), this.resizeHandler = new Mt(this, o.resizeEventDebounceDelay), this.shortcutService = new xt(this), this.shortcutService.addListener(this.selectionService);
     const l = this.getSelectionModel ? this.getSelectionModel() : void 0;
     l && l.addEventSelectionChangedListener(this);
     const a = this.getFocusModel ? this.getFocusModel() : void 0;
@@ -5094,7 +5121,7 @@ class Ge extends ut {
    *
    * @return {TableScope} - The newly created TableScope instance.
    */
-  static create(e, t, s = new J(), o = new he(), i = new Ct(), r = new te()) {
+  static create(e, t, s = new J(), o = new he(), i = new St(), r = new te()) {
     return new Ge(e, t, i, s, o, r);
   }
   /**
@@ -5205,7 +5232,7 @@ class Ge extends ut {
    * @return {void}
    */
   onMouseDown(e) {
-    e.columnIndex > -1 && e.action && ["resize-column", "drag-column"].includes(e.action) && (this.mouseStartWidth = this.tableModel.getColumnWidth(e.columnIndex), this.mouseStartAction = e.action, this.mouseStartColumnIndex = e.columnIndex, this.mouseStartAction === "drag-column" && (this.firstDraggingRendering = !0, this.dragFrom = this.mouseStartColumnIndex));
+    this.selectionService.onMouseDown(), e.columnIndex > -1 && e.action && ["resize-column", "drag-column"].includes(e.action) && (this.mouseStartWidth = this.tableModel.getColumnWidth(e.columnIndex), this.mouseStartAction = e.action, this.mouseStartColumnIndex = e.columnIndex, this.mouseStartAction === "drag-column" && (this.firstDraggingRendering = !0, this.dragFrom = this.mouseStartColumnIndex));
   }
   /**
    * Handles mouse dragging on the frame.
@@ -5215,7 +5242,7 @@ class Ge extends ut {
    */
   mouseDraggingOnFrame(e, t) {
     var s, o;
-    (o = (s = this.eventListener).onMouseDragging) == null || o.call(s, e), this.mouseEvent = e, this.mouseStartColumnIndex > -1 && this.mouseStartAction === "resize-column" && this.tableOptions.columnsResizable ? this.resizeColumn(e) : this.mouseStartAction === "drag-column" && e.columnIndex > -1 && this.tableOptions.columnsDraggable && (this.draggingTargetColumnIndex = e.columnIndex, this.dragTo = this.draggingTargetColumnIndex, this.dragFrom > -1 && this.dragTo > -1 && this.dragFrom !== this.dragTo && (this.lastDragFrom === this.dragTo && this.lastDragTo === this.dragFrom || (this.tableModel.changeColumnOrder(this.dragFrom, this.dragTo), this.lastDragFrom = this.dragFrom, this.lastDragTo = this.dragTo, this.dragFrom = this.dragTo, this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows())), t && (this.adjustDraggingColumn(e, t.columnIndex, this.firstDraggingRendering), this.firstDraggingRendering = !1), this.repaint());
+    (o = (s = this.eventListener).onMouseDragging) == null || o.call(s, e), this.mouseEvent = e, this.mouseStartColumnIndex > -1 && this.mouseStartAction === "resize-column" && this.tableOptions.columnsResizable ? this.resizeColumn(e) : !this.mouseStartAction && this.selectionService.onMouseDragging(e, t) ? this.repaint() : this.mouseStartAction === "drag-column" && e.columnIndex > -1 && this.tableOptions.columnsDraggable && (this.draggingTargetColumnIndex = e.columnIndex, this.dragTo = this.draggingTargetColumnIndex, this.dragFrom > -1 && this.dragTo > -1 && this.dragFrom !== this.dragTo && (this.lastDragFrom === this.dragTo && this.lastDragTo === this.dragFrom || (this.tableModel.changeColumnOrder(this.dragFrom, this.dragTo), this.lastDragFrom = this.dragFrom, this.lastDragTo = this.dragTo, this.dragFrom = this.dragTo, this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows())), t && (this.adjustDraggingColumn(e, t.columnIndex, this.firstDraggingRendering), this.firstDraggingRendering = !1), this.repaint());
   }
   /**
    * Handles the end of mouse dragging event on a frame.
@@ -5320,7 +5347,7 @@ class Ge extends ut {
    */
   externalFilterChanged(e = !0) {
     const t = this.tableOptions.externalFilterFunction;
-    t && (e && this.clearSelectionModel(), this.tableModel.externalFilterChanged(t), this.scrollViewport.scrollTo(0, 0), this.tableModel.recalcHeightAndPadding(), this.resetSizeOfWrapperDiv(), this.repaint());
+    t && (e && this.clearSelectionModel(), this.tableModel.externalFilterChanged(t), this.reapplySorting(), this.scrollViewport.scrollTo(0, 0), this.tableModel.recalcHeightAndPadding(), this.resetSizeOfWrapperDiv(), this.repaint());
   }
   /**
    * Handle the double click event on the table header.
@@ -5336,8 +5363,8 @@ class Ge extends ut {
     const o = this.tableModel.getColumnDef(s);
     if (o != null && o.sortable && o.sortable()) {
       e.preventDefault(), e.stopPropagation();
-      const n = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, l = o.sortState ?? "", a = n[(n.indexOf(l) + 1) % n.length], c = new pt(s, a);
-      this.tableModel.doSort([c]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((u) => u.sortState = ""), o.sortState = a), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([c]);
+      const n = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, l = o.sortState ?? "", a = n[(n.indexOf(l) + 1) % n.length], c = new Me(s, a), h = this.tableModel.doSort([c]);
+      this.lastSortCompareFn = void 0, h && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((u) => u.sortState = ""), o.sortState = a), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([c]);
     }
   }
   /**
@@ -5374,7 +5401,7 @@ class Ge extends ut {
     var t, s;
     super.adjustAfterScrolling();
     const e = this.scrollViewport;
-    (s = (t = this.eventListener).onScroll) == null || s.call(t, new mt(
+    (s = (t = this.eventListener).onScroll) == null || s.call(t, new ft(
       this.scrollTop,
       this.scrollLeft,
       e.scrollHeight,
@@ -5399,7 +5426,7 @@ class Ge extends ut {
   }
   toggleHeaderGroup(e) {
     const t = this.tableModel.getAreaModel("header");
-    "columnDefs" in this.tableModel && (this.tableModel.columnDefs = t.toggleHeaderGroup(e), console.info("####### !!!!!! *******, this.tableModel.columnDefs")), this.firstInit();
+    "columnDefs" in this.tableModel && (this.tableModel.columnDefs = t.toggleHeaderGroup(e)), this.firstInit();
   }
   /**
    * Retrieves the selection model.
@@ -5524,17 +5551,48 @@ class Ge extends ut {
       }
     }
   }
+  /**
+   * Calculates a width per column that fits the widest text of header, body and footer.
+   *
+   * The text is measured with the font and padding of a rendered cell label (canvas `measureText`),
+   * so dates, numbers and long names are no longer cut off. To stay fast with millions of rows, the body
+   * is scanned once by character length and only the longest candidates per column are measured.
+   * Without a canvas (e.g. in tests) it falls back to 8 px per character.
+   *
+   * @returns {number[]} one width in px per column (at least 50 px)
+   */
   calcAutoColumnWidths() {
-    const e = this.tableModel.getBodyModel(), t = this.tableModel.getColumnCount(), s = (e == null ? void 0 : e.getRowCount()) ?? 0;
+    const e = this.tableModel.getBodyModel(), t = this.tableModel.getColumnCount();
     if (!e)
       return console.warn("Body model is not available."), [];
-    const o = new Array(t).fill(0);
-    for (let i = 0; i < s; i++)
-      for (let r = 0; r < t; r++) {
-        const n = e.getValueAt(i, r), l = (n == null ? void 0 : n.toString().length) || 0;
-        l > o[r] && (o[r] = l);
-      }
-    return o.map((i) => Math.max(i * 10, 50));
+    const s = 30, o = Array.from({ length: t }, () => /* @__PURE__ */ new Set()), i = new Array(t).fill(0), r = (u) => {
+      var m, f;
+      const g = this.tableModel.getAreaModel(u), p = (g == null ? void 0 : g.getRowCount()) ?? 0;
+      for (let b = 0; b < p; b++)
+        for (let w = 0; w < t; w++) {
+          const v = ((m = g.getTextValueAt) == null ? void 0 : m.call(g, b, w)) || (((f = g.getValueAt(b, w)) == null ? void 0 : f.toString()) ?? ""), I = v.length;
+          if (I > i[w]) {
+            i[w] = I;
+            for (const x of o[w]) x.length < I - 2 && o[w].delete(x);
+          }
+          I >= i[w] - 2 && o[w].size < s && o[w].add(v);
+        }
+    };
+    r("header"), r("body"), r("footer");
+    const n = this.hostElement.querySelector(".ge-table-label"), l = getComputedStyle(n ?? this.hostElement), a = n ? (parseFloat(l.paddingLeft) || 0) + (parseFloat(l.paddingRight) || 0) : 20;
+    let c = null;
+    try {
+      c = document.createElement("canvas").getContext("2d");
+    } catch {
+      c = null;
+    }
+    c && (c.font = l.font || `${l.fontSize} ${l.fontFamily}`);
+    const h = (u) => c ? c.measureText(u).width : u.length * 8;
+    return o.map((u) => {
+      let g = 0;
+      for (const p of u) g = Math.max(g, h(p));
+      return Math.max(Math.ceil(g + a + 2), 50);
+    });
   }
   setColumnWidth(e, t) {
     this.tableModel.setColumnWidth(e, t);
@@ -5556,7 +5614,23 @@ class Ge extends ut {
     this.tableModel.doSort(e), this.repaint();
   }
   sort(e) {
-    this.tableModel.sort(e), this.repaint();
+    var t;
+    this.tableModel.sort(e), this.lastSortCompareFn = e, (t = this.tableModel.getColumnDefs()) == null || t.forEach((s) => s.sortState = ""), this.repaint();
+  }
+  /**
+   * Sorts the (freshly filtered) body rows again, so a filter keeps the current order:
+   * the last `sort(compareFn)` call, otherwise the columns with a `sortState` (header icons).
+   */
+  reapplySorting() {
+    var t;
+    if (this.lastSortCompareFn) {
+      this.tableModel.sort(this.lastSortCompareFn);
+      return;
+    }
+    const e = [];
+    (t = this.tableModel.getColumnDefs()) == null || t.forEach((s, o) => {
+      s.sortState && e.push(new Me(o, s.sortState));
+    }), e.length && this.tableModel.doSort(e);
   }
   /**
    * Ensures that a specific row is visible in the viewport by scrolling if necessary.
@@ -5857,7 +5931,7 @@ ie.themes = ["light", "combat", "paper", "blackboard"], ie.vars = {
   --ge-table-drop-zone-bg: #758129;
 }`
 };
-let Ie = ie;
+let Te = ie;
 class Ee {
   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";
@@ -5894,41 +5968,41 @@ class Y {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class b {
+class y {
   constructor(e = 100, t = "px") {
     this.value = e, this.unit = t;
   }
 }
-const kt = () => !0, Te = () => !1;
+const Et = () => !0, kt = () => !1;
 class W {
-  constructor(e, t, s = new b(100, "px"), o = new T(), i = new T(), r = new b(100, "px"), n = new b(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 b(0, "px"), this.maxWidth = new b(1e5, "px"));
+  constructor(e, t, s = new y(100, "px"), o = new k(), i = new k(), r = new y(100, "px"), n = new y(100, "px"), l, a, c, h, u, g, p, m, f = () => 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 = g, this.getEditRenderer = p, this.editInputPipe = m, this.isVisible = f, this.visible = !0, s.unit !== "px" && (this.minWidth = new y(0, "px"), this.maxWidth = new y(1e5, "px"));
   }
   static bodyRenderer(e) {
-    return new T(
+    return new k(
       void 0,
       e,
       void 0
     );
   }
   static create(e) {
-    const t = new T(
+    const t = new k(
       e.headerRenderer,
       e.bodyRenderer,
       e.footerRenderer
-    ), s = new T(
+    ), s = new k(
       e.headerClasses,
       e.bodyClasses,
       e.footerClasses
-    ), o = e.sortIconVisible ?? e.sortable ?? Te, i = e.editable ?? e.editable ?? Te, r = e.isVisible ?? e.isVisible ?? kt;
+    ), o = e.sortIconVisible ?? e.sortable, i = e.editable ?? e.editable ?? kt, r = e.isVisible ?? e.isVisible ?? Et;
     return new W(
       e.property ?? "",
       e.headerLabel ?? "",
-      e.width ?? new b(100, "px"),
+      e.width ?? new y(100, "px"),
       s,
       t,
-      e.minWidth ?? new b(100, "px"),
-      e.maxWidth ?? new b(100, "px"),
+      e.minWidth ?? new y(100, "px"),
+      e.maxWidth ?? new y(100, "px"),
       e.sortable,
       e.sortComparator,
       e.sortState,
@@ -5941,7 +6015,7 @@ class W {
     );
   }
 }
-const Zt = new b(500, "px"), Qt = new b(400, "px"), Dt = new b(300, "px"), es = new b(290, "px"), ts = new b(280, "px"), ss = new b(270, "px"), os = new b(260, "px"), is = new b(250, "px"), rs = new b(240, "px"), ns = new b(230, "px"), ls = new b(220, "px"), as = new b(210, "px"), ke = new b(200, "px"), cs = new b(190, "px"), ds = new b(180, "px"), hs = new b(170, "px"), us = new b(160, "px"), ps = new b(150, "px"), gs = new b(140, "px"), fs = new b(130, "px"), ms = new b(120, "px"), bs = new b(110, "px"), ys = new b(100, "px"), ws = new b(90, "px"), xs = new b(80, "px"), Ss = new b(70, "px"), Cs = new b(60, "px"), vs = new b(50, "px"), Rs = new b(40, "px"), As = new b(30, "px"), Ms = new b(20, "px"), Is = new b(10, "px"), Es = new b(0, "px");
+const Zt = new y(500, "px"), Qt = new y(400, "px"), Dt = new y(300, "px"), es = new y(290, "px"), ts = new y(280, "px"), ss = new y(270, "px"), os = new y(260, "px"), is = new y(250, "px"), rs = new y(240, "px"), ns = new y(230, "px"), ls = new y(220, "px"), as = new y(210, "px"), ke = new y(200, "px"), cs = new y(190, "px"), ds = new y(180, "px"), hs = new y(170, "px"), us = new y(160, "px"), ps = new y(150, "px"), gs = new y(140, "px"), fs = new y(130, "px"), ms = new y(120, "px"), bs = new y(110, "px"), ys = new y(100, "px"), ws = new y(90, "px"), xs = new y(80, "px"), Ss = new y(70, "px"), Cs = new y(60, "px"), vs = new y(50, "px"), Rs = new y(40, "px"), As = new y(30, "px"), Ms = new y(20, "px"), Is = new y(10, "px"), Ts = new y(0, "px");
 class F extends ye {
   constructor(e, t, s, o = []) {
     super(e, o, s), this.areaIdent = e, this.arr = t, this.defaultRowHeight = s, this.columnDefs = o, this.filteredArr = [...t];
@@ -6276,10 +6350,10 @@ class Pt {
   }
 }
 class ae {
-  constructor(e, t, s, o = 0, i = 0, r = !1, n = new Y(), l = [], a = [], c = -1, h = 0, u = 400, f = () => {
+  constructor(e, t, s, o = 0, i = 0, r = !1, n = new Y(), l = [], a = [], c = -1, h = 0, u = 400, g = () => {
   }) {
-    var p, m, g, y;
-    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = s, this.fixedLeftColumnCount = o, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = n, this.columnDefs = l, this.columnSizes = a, this.overridingColumnWidth = c, this.columnCount = h, this.parentSize = u, this.getSelectionModel = f, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new pe(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", s.areaIdent = "footer", this.columnCount || ((p = this.columnDefs) != null && p.length ? this.columnCount = this.columnDefs.length : (m = this.columnSizes) != null && m.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (y = this.columnDefs) != null && y.length && st(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Pt());
+    var p, m, f, b;
+    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = s, this.fixedLeftColumnCount = o, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = n, this.columnDefs = l, this.columnSizes = a, this.overridingColumnWidth = c, this.columnCount = h, this.parentSize = u, this.getSelectionModel = g, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new pe(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", s.areaIdent = "footer", this.columnCount || ((p = this.columnDefs) != null && p.length ? this.columnCount = this.columnDefs.length : (m = this.columnSizes) != null && m.length && (this.columnCount = (f = this.columnSizes) == null ? void 0 : f.length)), (b = this.columnDefs) != null && b.length && st(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Pt());
   }
   init() {
     this.recalcSize(this.parentSize), this.overridingColumnWidth === -1 && this.calcXPositions(), this.headerAreaModel && this.headerAreaModel.init(), this.bodyAreaModel && this.bodyAreaModel.init(), this.footerAreaModel && this.footerAreaModel.init();
@@ -6709,7 +6783,7 @@ class Fe extends _ {
     ), this.areaIdent = e, this.rows = t, this.columnDefs = s, this.defaultRowHeight = o;
   }
 }
-class $ {
+class H {
   /**
    * TableFactory
    *
@@ -6747,32 +6821,32 @@ class $ {
    * Please consult each method's documentation for detailed explanation of their functionality.
    */
   static createTableModel(e) {
-    var t, s, o, i, r, n, l, a, c, h, u, f, p, m;
+    var t, s, o, i, r, n, l, a, c, h, u, g, p, m;
     if (e.defaultRowHeights === void 0)
       if ((t = e.tableOptions) != null && t.defaultRowHeights)
         e.defaultRowHeights = e.tableOptions.defaultRowHeights;
       else {
         if (e.defaultRowHeights = new Y(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
-          const g = e.headerAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.header = g);
+          const f = e.headerAreaModel.defaultRowHeight;
+          f > -1 && (e.defaultRowHeights.header = f);
         }
         if (e.bodyAreaModel && "defaultRowHeight" in e.bodyAreaModel) {
-          const g = e.bodyAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.body = g);
+          const f = e.bodyAreaModel.defaultRowHeight;
+          f > -1 && (e.defaultRowHeights.body = f);
         }
         if (e.footerAreaModel && "defaultRowHeight" in e.footerAreaModel) {
-          const g = e.footerAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.footer = g);
+          const f = e.footerAreaModel.defaultRowHeight;
+          f > -1 && (e.defaultRowHeights.footer = f);
         }
       }
-    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((g) => new W(g, g.toUpperCase(), ke)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new W(g, g.toUpperCase(), ke)) : e.columnDefs = []), e.columnCount === void 0 && ((i = e.columnDefs) != null && i.length ? e.columnCount = e.columnDefs.length : (r = e.headerData) != null && r.length ? e.columnCount = e.headerData[0].length : (n = e.columnSizes) != null && n.length ? e.columnCount = (l = e.columnSizes) == null ? void 0 : l.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((a = e.headerData) != null && a.length ? e.headerAreaModel = new F(
+    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((f) => new W(f, f.toUpperCase(), ke)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((f) => new W(f, f.toUpperCase(), ke)) : e.columnDefs = []), e.columnCount === void 0 && ((i = e.columnDefs) != null && i.length ? e.columnCount = e.columnDefs.length : (r = e.headerData) != null && r.length ? e.columnCount = e.headerData[0].length : (n = e.columnSizes) != null && n.length ? e.columnCount = (l = e.columnSizes) == null ? void 0 : l.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((a = e.headerData) != null && a.length ? e.headerAreaModel = new F(
       "header",
       e.headerData,
       e.defaultRowHeights.header,
       e.columnDefs
     ) : (c = e.columnDefs) != null && c.length ? e.headerAreaModel = new F(
       "header",
-      [e.columnDefs.map((g) => g.headerLabel)],
+      [e.columnDefs.map((f) => f.headerLabel)],
       e.defaultRowHeights.header,
       e.columnDefs
     ) : e.headerAreaModel = new P("header")), e.footerAreaModel || ((h = e.footerData) != null && h.length ? e.footerAreaModel = new F(
@@ -6783,13 +6857,13 @@ class $ {
     ) : e.footerAreaModel = new P("footer")), !e.bodyAreaModel)
       if (e.rows)
         if ((u = e.rows) != null && u.length && j(e.rows[0])) {
-          const g = e.rows;
+          const f = e.rows;
           e.bodyAreaModel = new se(
             "body",
-            g,
+            f,
             e.defaultRowHeights.body,
             e.columnDefs
-          ), (e.columnDefs[0].property === "CheckboxColumn" || (f = e.tableOptions) != null && f.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new De(g));
+          ), (e.columnDefs[0].property === "CheckboxColumn" || (g = e.tableOptions) != null && g.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new De(f));
         } else
           e.bodyAreaModel = new Fe(
             "body",
@@ -6836,7 +6910,7 @@ class $ {
    * @method
    */
   static buildByTypedRowsParam(e) {
-    return $.buildByTypedRows(
+    return H.buildByTypedRows(
       e.rows ?? [],
       e.columnDefs,
       e.tableOptions ?? new J(),
@@ -6889,7 +6963,7 @@ class $ {
         r.body,
         t
       );
-      return (n || s.showCheckboxWihoutExtraColumn) && (c.rowSelectionModel = new De(a)), $.createByAreaModelsParam({
+      return (n || s.showCheckboxWihoutExtraColumn) && (c.rowSelectionModel = new De(a)), H.createByAreaModelsParam({
         headerAreaModel: new F("header", [t.map((h) => h.headerLabel)], r.header),
         bodyAreaModel: c,
         footerAreaModel: new F("footer", [], r.footer),
@@ -6903,7 +6977,7 @@ class $ {
         overridingColumnWidth: -1
       });
     }
-    return $.createByObjectArrayParam({
+    return H.createByObjectArrayParam({
       rows: e,
       columnDefs: t,
       fixedLeftColumnCount: o,
@@ -6957,7 +7031,7 @@ class $ {
    */
   static createByObjectArrayParam(e) {
     const t = e.rowCheckboxVisible !== void 0 ? e.rowCheckboxVisible : !1;
-    return $.createByObjectArray(
+    return H.createByObjectArray(
       e.rows,
       e.header ?? [],
       e.footer ?? [],
@@ -7062,7 +7136,7 @@ class $ {
    * });
    */
   static createByAreaModelsParam(e) {
-    return $.createByAreaModels(
+    return H.createByAreaModels(
       e.headerAreaModel ?? new P(),
       e.bodyAreaModel,
       e.footerAreaModel ?? new P(),
@@ -7126,7 +7200,7 @@ class $ {
    */
   static createByObjectArray(e, t = [], s = [], o = 0, i = 0, r = !1, n = new Y(), l, a = []) {
     let c;
-    t != null && t.length ? c = new F("header", t, n.header, l) : l != null && l.length ? c = new F("header", [l.map((f) => f.headerLabel)], n.header, l) : c = new P();
+    t != null && t.length ? c = new F("header", t, n.header, l) : l != null && l.length ? c = new F("header", [l.map((g) => g.headerLabel)], n.header, l) : c = new P();
     const h = s ? new F("footer", s, n.footer, l) : new P(), u = new Fe("body", e, l, n.body);
     return new ae(
       c,
@@ -7330,7 +7404,7 @@ class Lt {
     return this.tableScope;
   }
 }
-class Ot {
+class Vt {
   constructor() {
     this.autoRestoreSortingState = !1, this.autoRestoreCollapsedExpandedState = !1, this.autoRestoreScrollPosition = !1, this.autoRestoreCheckedState = !1, this.autoRestoreSelectedState = !1, this.getStorageKeyFn = void 0, this.isSame = (e, t, s) => {
       if (e && t && s.getRowId) {
@@ -7355,7 +7429,7 @@ class Ot {
     };
   }
 }
-class Ts {
+class Es {
   static createCoverGridModel(e, t, s = 200, o = 300, i = 0, r = 0) {
     const n = new _t(e, t, s, o, i, r);
     return new Lt(n, r);
@@ -7380,7 +7454,7 @@ class Ts {
       },
       // externalFilterFunction: this.filterFn.bind(this),
       autoRestoreOptions: {
-        ...new Ot(),
+        ...new Vt(),
         getStorageKeyFn: t,
         autoRestoreCollapsedExpandedState: !1,
         autoRestoreScrollPosition: !0,
@@ -7408,17 +7482,17 @@ const ks = [
   // "PAGEUP_PRESSED",
   // "PAGEDOWN_PRESSED"
 ];
-class Vt {
+class Ot {
   constructor(e, t) {
     this.tableModel = e, this.tableOptions = t;
   }
 }
-class Ht {
+class $t {
   constructor(e, t, s, o, i, r, n) {
     this.emmitDataKey = e, this.emmitCancelKey = t, this.queryId = s, this.filter = o, this.sorting = i, this.startIndex = r, this.endIndex = n;
   }
 }
-class Ds extends Ht {
+class Ds extends $t {
   constructor(e, t, s, o, i, r, n, l) {
     super(
       e,
@@ -7431,7 +7505,7 @@ class Ds extends Ht {
     ), this.rows = l;
   }
 }
-class $t {
+class Ht {
   constructor(e, t) {
     this.value = e, this.label = t;
   }
@@ -7441,15 +7515,15 @@ class Fs {
     this.index = e, this.px = t;
   }
 }
-const Ps = { body: ["ge-table-text-align-left"] }, _s = { body: ["ge-table-text-align-center"] }, Ls = { body: ["ge-table-text-align-right"] }, Os = {
+const Ps = { body: ["ge-table-text-align-left"] }, _s = { body: ["ge-table-text-align-center"] }, Ls = { body: ["ge-table-text-align-right"] }, Vs = {
   header: ["ge-table-text-align-left"],
   body: ["ge-table-text-align-left"],
   footer: ["ge-table-text-align-left"]
-}, Vs = {
+}, Os = {
   header: ["ge-table-text-align-center"],
   body: ["ge-table-text-align-center"],
   footer: ["ge-table-text-align-center"]
-}, Hs = {
+}, $s = {
   header: ["ge-table-text-align-right"],
   body: ["ge-table-text-align-right"],
   footer: ["ge-table-text-align-right"]
@@ -7472,9 +7546,9 @@ class Pe {
     }
   }
 }
-class $s {
+class Hs {
   constructor() {
-    this.type = "CheckboxColumnDef", this.property = "CheckboxColumn", this.headerLabel = "", this.width = new b(50, "px"), this.minWidth = new b(50, "px"), this.maxWidth = new b(100, "px"), this.rendererMap = new T(new Pe(), new Pe(), void 0), this.classes = new T(
+    this.type = "CheckboxColumnDef", this.property = "CheckboxColumn", this.headerLabel = "", this.width = new y(50, "px"), this.minWidth = new y(50, "px"), this.maxWidth = new y(100, "px"), this.rendererMap = new k(new Pe(), new Pe(), void 0), this.classes = new k(
       [],
       ["ge-table-text-align-left"],
       []
@@ -7489,7 +7563,7 @@ class Bs {
    * @returns {AreaObjectMap<CellRendererIf>} The newly created AreaObjectMap.
    */
   static body(e) {
-    return new T(
+    return new k(
       void 0,
       e,
       void 0
@@ -8456,7 +8530,12 @@ class zs {
   }
   toggleHeaderGroup(e) {
     const t = this.arr[e.rowIdx][e.colIdx];
-    return t != null && t.toggle && t.visibility !== "always" && (t.closed = !t.closed, this.init()), E.buildColumnDefs(this.groupExts);
+    t != null && t.toggle && t.visibility !== "always" && (t.closed = !t.closed, this.init());
+    const s = E.buildColumnDefs(this.groupExts), o = new Map(this.columnDefs.map((r) => [r.property, r])), i = s.map((r) => {
+      const n = o.get(r.property);
+      return n ? (n.isVisible = r.isVisible, n) : r;
+    });
+    return this.columnDefs = i, i;
   }
 }
 class js {
@@ -8515,7 +8594,7 @@ class js {
 }
 class Us {
   static bodyRenderer(e) {
-    return new T(void 0, e, void 0);
+    return new k(void 0, e, void 0);
   }
 }
 class Ys {
@@ -8538,7 +8617,7 @@ class Ys {
           ${h}
           class="ge-input-checkbox">`, !this.readonly) {
         const u = e.querySelector(".ge-input-checkbox");
-        u && u.addEventListener("click", (f, p) => (l[this.property] = !l[this.property], !0));
+        u && u.addEventListener("click", (g, p) => (l[this.property] = !l[this.property], !0));
       }
     }
   }
@@ -8721,7 +8800,7 @@ class ze {
     this.action = e, this.area = t, this.areaModel = s, this.rowIndex = o, this.columnIndex = i, this.id = r;
   }
 }
-class H {
+class $ {
   constructor(e, t, s = "", o = "", i = "button", r = !0) {
     this.action = e, this.label = t, this.icon = s, this.elementClass = o, this.elementType = i, this.enabled = r;
   }
@@ -8788,7 +8867,7 @@ class Nt {
     return null;
   }
   getCrudActions(e) {
-    return Array.isArray(e) && e.every((t) => t instanceof H) ? e : this.crudActions;
+    return Array.isArray(e) && e.every((t) => t instanceof $) ? e : this.crudActions;
   }
 }
 const no = function(d, e, t) {
@@ -8800,7 +8879,7 @@ class je {
   }
   static create(e) {
     return new je(
-      e.map((t) => new $t(t, t))
+      e.map((t) => new Ht(t, t))
     );
   }
   render(e, t, s, o, i, r, n) {
@@ -9081,14 +9160,14 @@ class jt {
         method: "GET"
       }
     }, this.singleRowActions = [
-      new H("VIEW", "View", "", "", "link"),
-      new H("EDIT", "Edit", "", "", "link"),
-      new H("CLONE", "Clone", "", "", "link"),
-      new H("DELETE", "Delete", "", "", "link")
+      new $("VIEW", "View", "", "", "link"),
+      new $("EDIT", "Edit", "", "", "link"),
+      new $("CLONE", "Clone", "", "", "link"),
+      new $("DELETE", "Delete", "", "", "link")
       // new CrudAction('CREATE', 'Create', '', '', 'link'),
     ], this.tableActions = [
-      new H("CREATE", "Create", "", "", "button"),
-      new H("DELETE_SELECTED", "Delete Selected", "", "", "button")
+      new $("CREATE", "Create", "", "", "button"),
+      new $("DELETE_SELECTED", "Delete Selected", "", "", "button")
     ], this.autoAddActionColumn = !0, this.columnWidths = new Gt(), this.calcFixedRightColumnCount = (e) => e > 6 ? 1 : 0, this.getHeadersInit = () => ({}), this.getIdKey = () => "id", this.getIdByObject = (e) => (this.getIdKey() ?? "id") in e ? e.id : e, this.fetchList = (e) => {
       const t = e.getHeadersInit ? e.getHeadersInit() : {};
       let s = e.urls.list.url, o = e.urls.list.method ?? "GET";
@@ -9151,42 +9230,42 @@ class ho {
     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 Ce("row", "multi"), u = () => h;
+        const c = (r = t.columnDefs) != null && r.length ? t.columnDefs.map((w) => w.property) : this.extractProperties(i[0]), h = new Ce("row", "multi"), u = () => h;
         this.tableOptions = {
           ...new J(),
           ...t.tableOptions,
           hoverColumnVisible: !1,
           getSelectionModel: u
         };
-        const f = this.calcAutoColumnWidths(i, c), p = (n = t.columnDefs) != null && n.length ? t.columnDefs : c.map(((x, A) => new W(x, x.toUpperCase(), new b(f[A], "px"))));
+        const g = this.calcAutoColumnWidths(i, c), p = (n = t.columnDefs) != null && n.length ? t.columnDefs : c.map(((w, v) => new W(w, w.toUpperCase(), new y(g[v], "px"))));
         if ((l = e == null ? void 0 : e.columnWidths) != null && l.autoCalc)
-          for (let x = 0; x < p.length; x++) {
-            const A = p[x];
-            A.width = new b(f[x], "px");
+          for (let w = 0; w < p.length; w++) {
+            const v = p[w];
+            v.width = new y(g[w], "px");
           }
         if (e.autoAddActionColumn) {
-          let x = new W(
+          let w = new W(
             "id",
             "Actions",
             Dt,
-            new T(["ge-table-text-align-left"], ["ge-table-text-align-left ge-table-actions-cell"], void 0)
+            new k(["ge-table-text-align-left"], ["ge-table-text-align-left ge-table-actions-cell"], void 0)
           );
-          x.rendererMap = new T(
+          w.rendererMap = new k(
             void 0,
             new Nt(this, e.singleRowActions),
             void 0
-          ), p.push(x);
+          ), p.push(w);
         }
-        const m = 0, g = e.calcFixedRightColumnCount(p.length);
-        this.tableModel = $.buildByTypedRowsParam({
+        const m = 0, f = e.calcFixedRightColumnCount(p.length);
+        this.tableModel = H.buildByTypedRowsParam({
           rows: i,
           columnDefs: p,
           tableOptions: this.tableOptions,
           fixedLeftColumnCount: m,
-          fixedRightColumnCount: g
+          fixedRightColumnCount: f
         }), this.tableModel.getSelectionModel = u, this.bodyModel = (a = this.tableModel) == null ? void 0 : a.getBodyModel();
-        const y = new Vt(this.tableModel, this.tableOptions);
-        s(y);
+        const b = new Ot(this.tableModel, this.tableOptions);
+        s(b);
       }
     });
   }
@@ -9236,7 +9315,7 @@ class ho {
       let r = e.id;
       (i = this.crudOptions) == null || i.deleteItem(this.crudOptions, r).then((n) => {
         var l, a, c, h, u;
-        return (l = this.bodyModel) == null || l.filterRowsByPredict((f) => f.id != r), (c = (a = this.tableModel) == null ? void 0 : a.getTableScope()) == null || c.clearSelection(!0), (u = (h = this.tableModel) == null ? void 0 : h.getTableScope()) == null || u.repaintHard(), n;
+        return (l = this.bodyModel) == null || l.filterRowsByPredict((g) => g.id != r), (c = (a = this.tableModel) == null ? void 0 : a.getTableScope()) == null || c.clearSelection(!0), (u = (h = this.tableModel) == null ? void 0 : h.getTableScope()) == null || u.repaintHard(), n;
       });
     }
   }
@@ -9248,7 +9327,7 @@ class ho {
     const i = e.length ?? 0, r = new Array(o).fill(0);
     for (let c = 0; c < i; c++)
       for (let h = 0; h < o; h++) {
-        const u = t[h], f = this.getValueByT(e[c], u), p = (f == null ? void 0 : f.toString().length) || 0;
+        const u = t[h], g = this.getValueByT(e[c], u), p = (g == null ? void 0 : g.toString().length) || 0;
         p > r[h] && (r[h] = p);
       }
     if (this.crudOptions.columnWidths.takeHeaderLabelsIntoAccount)
@@ -9290,7 +9369,7 @@ export {
   ye as AbstractAreaModel,
   ze as ActionEvent,
   Nt as ActionsCellRenderer,
-  $e as AnyPropertyType,
+  He as AnyPropertyType,
   Bs as AreaMapFactory,
   Gs as AreaModel,
   F as AreaModelArrayOfArrays,
@@ -9299,9 +9378,9 @@ export {
   _ as AreaModelObjectArray,
   Fe as AreaModelObjectArrayWithColumndefs,
   se as AreaModelTree,
-  T as AreaObjectMap,
+  k as AreaObjectMap,
   B as ArrayPropertyType,
-  Ot as AutoRestoreOptions,
+  Vt as AutoRestoreOptions,
   Yt as AvoidDoubleExecution,
   qe as BooleanPropertyType,
   Bt as CellGroup,
@@ -9311,7 +9390,7 @@ export {
   E as CellgroupFactory,
   Ys as CheckboxBooleanPropertyCellRenderer,
   Pe as CheckboxCellRenderer,
-  $s as CheckboxColumnDef,
+  Hs as CheckboxColumnDef,
   Pt as CheckboxModel,
   Ds as ChunkData,
   ht as ColAndRowspanModel,
@@ -9323,14 +9402,14 @@ export {
   ot as ConvenienceDomService,
   te as CopyService,
   _t as CoverGridBodyModel,
-  Ts as CoverGridFactory,
+  Es as CoverGridFactory,
   Lt as CoverGridTableModel,
-  H as CrudAction,
+  $ as CrudAction,
   ce as CrudObjectEdit,
   zt as CrudObjectView,
   jt as CrudOptions,
   ho as CrudTableModelFactory,
-  Ie as CssVars,
+  Te as CssVars,
   Ks as DateToIntlDDMMYYYYCellRenderer,
   Xs as DateToIsoCellRenderer,
   Js as DateToLocaleDateCellRenderer,
@@ -9340,20 +9419,21 @@ export {
   he as EventAdapter,
   qt as EventCheckboxChangedHandler,
   Tt as ExcelService,
-  Te as FalseFn,
-  Rt as FocusModel,
-  ft as GeCellIndices,
+  kt as FalseFn,
+  vt as FocusModel,
+  gt as GeCellIndices,
   Z as GeCssColorUtil,
   js as GeFilterService,
   Ws as GeKeyEvent,
   Se as GeModelChangeEvent,
   be as GeMouseEvent,
-  mt as GeScrollEvent,
-  O as GeoData,
-  V as Icon,
+  ft as GeScrollEvent,
+  V as GeoData,
+  ve as HeaderGroupOptions,
+  O as Icon,
   Fs as IndexAndPx,
-  vt as InputCellRenderer,
-  gt as InputHandler,
+  Ct as InputCellRenderer,
+  pt as InputHandler,
   Re as JsonService,
   G as LicenseManager,
   qs as MaleFemaleToIconCellRenderer,
@@ -9365,14 +9445,14 @@ export {
   to as NumberCellRenderer,
   Je as NumberPropertyType,
   L as ObjectPropertyType,
-  wt as OsxShortcutActionIdMapping,
+  yt as OsxShortcutActionIdMapping,
   Le as PROPERTY_TYPE_KEY_ANY,
-  He as PROPERTY_TYPE_KEY_ARRAY,
+  $e as PROPERTY_TYPE_KEY_ARRAY,
   me as PROPERTY_TYPE_KEY_BOOLEAN,
-  Oe as PROPERTY_TYPE_KEY_NULL,
+  Ve as PROPERTY_TYPE_KEY_NULL,
   fe as PROPERTY_TYPE_KEY_NUMBER,
   K as PROPERTY_TYPE_KEY_OBJECT,
-  Ve as PROPERTY_TYPE_KEY_STRING,
+  Oe as PROPERTY_TYPE_KEY_STRING,
   X as PROPERTY_TYPE_KEY_UNDEFINED,
   pe as Padding,
   ro as PositiveAndNegativeNumberRenderer,
@@ -9381,17 +9461,17 @@ export {
   Kt as PropertyTypeService,
   ut as RenderScope,
   Us as Renderer,
-  Ht as RequestChunk,
-  It as ResizeHandler,
+  $t as RequestChunk,
+  Mt as ResizeHandler,
   Jt as SchemeGenerator,
   je as SelectCellRenderer,
   Ce as SelectionModel,
-  bt as SelectionService,
-  St as ShortcutService,
+  mt as SelectionService,
+  xt as ShortcutService,
   oo as SimpleArrayCellRenderer,
-  Ct as SimpleDomService,
-  b as Size,
-  pt as SortItem,
+  St as SimpleDomService,
+  y as Size,
+  Me as SortItem,
   Ne as SortedOptions,
   so as StarRatingCellRenderer,
   ct as StoreStateCollapsedExpandService,
@@ -9400,9 +9480,9 @@ export {
   Ke as StringPropertyType,
   nt as TableApi,
   Ns as TableCellUpdateEvent,
-  $ as TableFactory,
+  H as TableFactory,
   ae as TableModel,
-  Vt as TableModelAndOptions,
+  Ot as TableModelAndOptions,
   J as TableOptions,
   Ge as TableScope,
   co as ThreeColorGradientArg,
@@ -9412,33 +9492,33 @@ export {
   Ee as TreeRow,
   Ft as TreeRowService,
   Qs as TrueFalseCellRenderer,
-  kt as TrueFn,
+  Et as TrueFn,
   _e as TwoColorGradientArg,
   Q as UNIMPORTANT_TYPES,
   le as UndefinedPropertyType,
   uo as UrlInfo,
   Ze as ValueInfo,
-  $t as ValueLabel,
-  yt as WindowsShortcutActionIdMapping,
+  Ht as ValueLabel,
+  bt as WindowsShortcutActionIdMapping,
   ks as actionIds,
-  Vs as allCenter,
-  Os as allLeft,
-  Hs as allRight,
+  Os as allCenter,
+  Vs as allLeft,
+  $s as allRight,
   _s as bodyCenter,
   Ps as bodyLeft,
   Ls as bodyRight,
-  Me as createHarmonizedShortcutByKeyboardEvent,
+  Ie as createHarmonizedShortcutByKeyboardEvent,
   Ye as debounce,
   no as editInputPipeForNumber,
   Ae as entitySuffix,
   tt as firstLetterUppercase,
   ne as getAreaIdentByString,
   Qe as getEntityName,
-  xt as harmonizeShortcut,
+  wt as harmonizeShortcut,
   de as isAreaModelTree,
   st as isCheckboxColumnDef,
   j as isTreeRow,
-  Es as px0,
+  Ts as px0,
   Is as px10,
   ys as px100,
   bs as px110,