@guiexpert/react-table 18.0.2 → 18.0.4

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

@@ -33,8 +33,8 @@ function W(p) {
   return p && p.type === "AreaModelTree";
 }
 class _ {
-  constructor(e = -1, t = -1, o = -1, s = -1, i, r, a, l = 0, n = 0, d = 0, c = "") {
-    this.rowIndex = e, this.rowTop = t, this.columnIndex = o, this.columnLeft = s, this.areaIdent = i, this.sideIdent = r, this.originalEvent = a, this.clickCount = l, this.draggingX = n, this.draggingY = d, this.action = c;
+  constructor(e = -1, t = -1, o = -1, s = -1, i, r, a, l = 0, n = 0, d = 0, h = "") {
+    this.rowIndex = e, this.rowTop = t, this.columnIndex = o, this.columnLeft = s, this.areaIdent = i, this.sideIdent = r, this.originalEvent = a, this.clickCount = l, this.draggingX = n, this.draggingY = d, this.action = h;
   }
   clone() {
     return new _(
@@ -169,14 +169,14 @@ class le {
     return this.domService.appendChild(e.child, l), l;
   }
   addColumnDiv(e) {
-    const { parent: t, geo: o, rowIndex: s = -1, columnIndex: i = -1, areaIdent: r, sideIdent: a, text: l = "", treeArrow: n, tableOptions: d, checkedType: c = void 0, sortState: h } = e, f = d == null ? void 0 : d.treeOptions, u = d == null ? void 0 : d.showCheckboxWihoutExtraColumn, S = this.domService.createElement("div");
+    const { parent: t, geo: o, rowIndex: s = -1, columnIndex: i = -1, areaIdent: r, sideIdent: a, text: l = "", treeArrow: n, tableOptions: d, checkedType: h = void 0, sortState: c } = e, f = d == null ? void 0 : d.treeOptions, u = d == null ? void 0 : d.showCheckboxWihoutExtraColumn, S = this.domService.createElement("div");
     this.domService.addClass(S, "ge-table-col-div"), this.domService.addClass(S, `ge-table-col-div-${o.index}`), this.domService.setAttribute(S, "data-col-index", `${o.index}`), this.domService.setAttribute(S, "data-row-index", `${s}`), this.domService.setAttribute(S, "data-area", `${r}`);
     const b = ((o == null ? void 0 : o.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (r === "body" && a === "center" && this.domService.addClass(S, `ge-table-column-${b}`), this.domService.setStyle(S, "display", "clip"), this.domService.setStyle(S, "position", "absolute"), this.domService.setStyle(S, "left", `${o.left}px`), this.domService.setStyle(S, "top", `${o.top}px`), this.domService.setStyle(S, "width", `${o.width}px`), this.domService.setStyle(S, "height", `${o.height}px`), n && n !== "none" && (this.domService.addClass(S, "ge-table-col-tree"), this.addArrowDiv(S, n, f, s, i, r)), u && i === 0 && c && this.addCheckboxToDiv(S, c, r, s), l) {
+    if (r === "body" && a === "center" && this.domService.addClass(S, `ge-table-column-${b}`), this.domService.setStyle(S, "display", "clip"), this.domService.setStyle(S, "position", "absolute"), this.domService.setStyle(S, "left", `${o.left}px`), this.domService.setStyle(S, "top", `${o.top}px`), this.domService.setStyle(S, "width", `${o.width}px`), this.domService.setStyle(S, "height", `${o.height}px`), n && n !== "none" && (this.domService.addClass(S, "ge-table-col-tree"), this.addArrowDiv(S, n, f, s, i, r)), u && i === 0 && h && this.addCheckboxToDiv(S, h, r, s), l) {
       const g = n !== "none" && i === 0;
       this.addLabelDiv(S, l, g, s, i, r);
     }
-    return h && this.addSortedIcon(S, h, d == null ? void 0 : d.sortedOptions, i), this.domService.appendChild(t, S), S;
+    return c && this.addSortedIcon(S, c, d == null ? void 0 : d.sortedOptions, i), this.domService.appendChild(t, S), S;
   }
   addCheckboxToDiv(e, t, o, s) {
     const i = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
@@ -221,8 +221,8 @@ class le {
     t === "expanded" ? l = o.arrowExpanded : t === "collapsed" ? l = o.arrowCollapsed : l = o.arrowPlaceholder;
     const n = l.content, d = this.domService.createText(n);
     this.domService.appendChild(a, d), l.style && this.applyStyleString(a, l.style);
-    for (const c of l.classes)
-      this.domService.addClass(a, c);
+    for (const h of l.classes)
+      this.domService.addClass(a, h);
     return this.domService.appendChild(e, a), a;
   }
   addColumnBorderDivs(e, t, o, s, i) {
@@ -317,7 +317,7 @@ class ne {
       this.tableScope.toggleRowCheckbox(o.rowIdx, o.colIdx, o.areaIdent), e.preventDefault(), e.stopPropagation();
     else if (P(o.row) && o.areaModel) {
       const s = o.colIdx === this.getArrowColumnIndex() && e.altKey, i = o.className.includes("ge-table-tree-arrow-div");
-      if (console.info(i, s), s || i) {
+      if (s || i) {
         e.preventDefault(), e.stopPropagation();
         const r = o.row;
         r.expanded = !r.expanded, "recalcVisibleTreeRows" in o.areaModel && o.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(r);
@@ -373,8 +373,8 @@ class ne {
     var o, s, i, r, a;
     const t = (s = (o = this.tableScope.tableOptions) == null ? void 0 : o.autoRestoreOptions) == null ? void 0 : s.getRowId;
     if (t) {
-      const l = (i = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : i.collapsedExpandedStateGet().mode, n = l === "collapsed" && !e.expanded || l === "expanded" && e.expanded, d = l === "collapsed" && e.expanded || l === "expanded" && !e.expanded, c = t(e.data);
-      n ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(c) : d && ((a = this.tableScope.storeStateCollapsedExpandService) == null || a.collapsedStateIdsRemove(c));
+      const l = (i = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : i.collapsedExpandedStateGet().mode, n = l === "collapsed" && !e.expanded || l === "expanded" && e.expanded, d = l === "collapsed" && e.expanded || l === "expanded" && !e.expanded, h = t(e.data);
+      n ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(h) : d && ((a = this.tableScope.storeStateCollapsedExpandService) == null || a.collapsedStateIdsRemove(h));
     }
   }
   getArrowColumnIndex() {
@@ -670,7 +670,7 @@ class z {
   //   }
   // }
 }
-class ce extends z {
+class he extends z {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -692,14 +692,14 @@ class ce extends z {
     }
   }
 }
-class he {
+class ce {
   constructor(e = "collapsed", t = [], o = !1, s = !1) {
     this.mode = e, this.rowIds = t, this.allCollapsed = o, this.allExpanded = s;
   }
 }
 class ge extends z {
   constructor(e) {
-    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new he(), this.load();
+    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new ce(), this.load();
   }
   collapsedExpandedStateGet() {
     return this.collapsedExpandedState;
@@ -1140,15 +1140,15 @@ class fe extends be {
     const r = this.tableModel.getAreaModel(e), a = 'div[data-col-index="' + o + '"][data-row-index="' + t + '"][data-area="' + e + '"]', l = document.querySelector(a);
     if (l) {
       let n;
-      const c = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === o ? this.editorRenderer : r.getCellRenderer(t, o);
-      if (l.innerText = "", this.applyCssClasses(l, i), c)
-        n = c.render(l, t, o, e, r, s, this.dom.domService), n && this.cleanupFunctions[e].push(n);
+      const h = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === o ? this.editorRenderer : r.getCellRenderer(t, o);
+      if (l.innerText = "", this.applyCssClasses(l, i), h)
+        n = h.render(l, t, o, e, r, s, this.dom.domService), n && this.cleanupFunctions[e].push(n);
       else {
         const u = `${s}`;
         this.dom.addLabelDiv(l, u, !1, t, o, e);
       }
-      const h = r.getCustomClassesAt(t, o);
-      h.length && this.dom.addClasses(h, l);
+      const c = r.getCustomClassesAt(t, o);
+      c.length && this.dom.addClasses(c, l);
       const f = r.getCustomStyleAt(t, o);
       if (f)
         for (const u in f)
@@ -1264,53 +1264,53 @@ class fe extends be {
     var b;
     const o = this.getArea(e, "west"), s = this.getArea(e, "center"), i = this.getArea(e, "east"), r = s.child.clientHeight;
     o.child.innerText = "", s.child.innerText = "", i.child.innerText = "";
-    const a = 0, l = this.areaBodyCenterGeo.width, n = this.tableModel.getPadding(), d = this.tableModel.getAreaModel(e), c = d.getRowCount();
+    const a = 0, l = this.areaBodyCenterGeo.width, n = this.tableModel.getPadding(), d = this.tableModel.getAreaModel(e), h = d.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
       const g = this.cleanupFunctions[e].shift();
       g && g();
     }
-    let h = t;
+    let c = t;
     const f = this.tableModel.getColumnCount(), u = this.tableModel.getFixedRightColumnCount(), S = this.tableModel.getFixedLeftColumnCount();
-    for (let g = 0; g < c; g++) {
-      const v = h, m = g === c - 1, x = this.tableModel.getRowHeight(e, g);
+    for (let g = 0; g < h; g++) {
+      const v = c, m = g === h - 1, x = this.tableModel.getRowHeight(e, g);
       if (v + x > 0) {
         this.firstVisibleRowIndex = g;
-        let w = { left: a, width: l, height: x, top: v, index: g }, y = this.dom.addRowDiv(s, w, g, e, "center");
+        let C = { left: a, width: l, height: x, top: v, index: g }, y = this.dom.addRowDiv(s, C, g, e, "center");
         const R = S;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
           areaModel: d,
-          geo: w,
+          geo: C,
           parent: y,
           rowIndex: g,
           columnIndexStart: R,
           columnIndexEnd: f - u - 1,
           verticalFixed: !1,
           lastRowOfModel: m
-        }), n.left > 0 && (w = { left: a, width: this.areaBodyWestGeo.width, height: x, top: v, index: g }, y = this.dom.addRowDiv(o, w, g, e, "west"), this.adjustColumnsToRowParent({
+        }), n.left > 0 && (C = { left: a, width: this.areaBodyWestGeo.width, height: x, top: v, index: g }, y = this.dom.addRowDiv(o, C, g, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: d,
-          geo: w,
+          geo: C,
           parent: y,
           rowIndex: g,
           columnIndexStart: 0,
           columnIndexEnd: R - 1,
           verticalFixed: !0,
           lastRowOfModel: m
-        })), n.right > 0 && (w = { left: a, width: this.areaBodyEastGeo.width, height: x, top: v, index: g }, y = this.dom.addRowDiv(i, w, g, e, "east"), this.adjustColumnsToRowParent({
+        })), n.right > 0 && (C = { left: a, width: this.areaBodyEastGeo.width, height: x, top: v, index: g }, y = this.dom.addRowDiv(i, C, g, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: d,
-          geo: w,
+          geo: C,
           parent: y,
           rowIndex: g,
           columnIndexStart: f - u,
           columnIndexEnd: f - 1,
           verticalFixed: !0,
           lastRowOfModel: m
-        })), e === "header" && this.tree && g === c - 1) {
+        })), e === "header" && this.tree && g === h - 1) {
           const A = this.dom.applyStyle(
             this.dom.setAttribute(
               this.dom.addDiv(y, new T(16, 20, 20, 8)),
@@ -1320,28 +1320,28 @@ class fe extends be {
             { cursor: "pointer" }
           ), M = this.tableOptions.treeOptions.arrowExpandCollapseAll;
           if (M) {
-            const O = this.dom.domService.createText(M.content);
-            this.dom.domService.appendChild(A, O), M.style && this.dom.applyStyleString(A, M.style);
+            const F = this.dom.domService.createText(M.content);
+            this.dom.domService.appendChild(A, F), M.style && this.dom.applyStyleString(A, M.style);
           }
         }
       }
-      if (h = h + x, h > r)
+      if (c = c + x, c > r)
         break;
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
       const g = ((b = this.colAndRowspanModels[e]) == null ? void 0 : b.getRanges()) ?? [];
       if (g.length)
         for (const v of g) {
-          let m = 0, x = s.child, w = "center";
+          let m = 0, x = s.child, C = "center";
           if (v.c1 < S)
-            x = o.child, w = "west";
+            x = o.child, C = "west";
           else if (u > 0 && v.c1 >= f - u)
-            x = i.child, w = "east";
+            x = i.child, C = "east";
           else {
             const y = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            m = this.scrollFactorX * y - this.areaBodyWestGeo.width, w = "center";
+            m = this.scrollFactorX * y - this.areaBodyWestGeo.width, C = "center";
           }
-          this.drawBigCell(v, m, t, d, x, w);
+          this.drawBigCell(v, m, t, d, x, C);
         }
     }
   }
@@ -1359,7 +1359,7 @@ class fe extends be {
     const a = o + this.getRowHeights(0, e.r1 - 1, s).reduce((b, g) => b + g, 0), l = this.tableModel.getColumnCount(), n = this.tableModel.getFixedRightColumnCount();
     let d = 0;
     n > 0 && e.c1 >= l - n && (d = l - n);
-    const c = t + this.getColumnWidths(d, e.c1 - 1).reduce((b, g) => b + g, 0), h = this.getRowHeights(e.r1, e.r2, s).reduce((b, g) => b + g, 0), f = this.getColumnWidths(e.c1, e.c2).reduce((b, g) => b + g, 0);
+    const h = t + this.getColumnWidths(d, e.c1 - 1).reduce((b, g) => b + g, 0), c = this.getRowHeights(e.r1, e.r2, s).reduce((b, g) => b + g, 0), f = this.getColumnWidths(e.c1, e.c2).reduce((b, g) => b + g, 0);
     let u = !1;
     const S = this.getSelectionModel ? this.getSelectionModel() : void 0;
     S && (u = S.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
@@ -1368,10 +1368,10 @@ class fe extends be {
       sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
-      left: c,
+      left: h,
       top: a,
       width: f,
-      height: h,
+      height: c,
       parent: i,
       cellSelected: u,
       lastRowOfModel: !0,
@@ -1382,10 +1382,10 @@ class fe extends be {
       sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
-      left: c,
+      left: h,
       top: a,
       width: f,
-      height: h,
+      height: c,
       parent: i,
       cellSelected: u,
       lastRowOfModel: !0,
@@ -1393,10 +1393,10 @@ class fe extends be {
     }), s.areaIdent === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
       rowIndex: e.r1,
       columnIndex: e.c1,
-      cellLeft: c,
+      cellLeft: h,
       cellTop: a,
       cellWidth: f,
-      cellHeight: h,
+      cellHeight: c,
       parent: i
     });
   }
@@ -1441,28 +1441,28 @@ class fe extends be {
   }) {
     var S;
     this.scrollViewportLeft = this.scrollViewport.scrollLeft;
-    let c = 0;
+    let h = 0;
     if (!n) {
       const b = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-      c = this.scrollFactorX * b;
+      h = this.scrollFactorX * b;
     }
-    const h = 0, f = !!(e === "body" && t);
-    let u = c;
+    const c = 0, f = !!(e === "body" && t);
+    let u = h;
     for (let b = a; b <= l; b++) {
       const g = u, v = this.tableModel.getColumnWidth(b);
       if (v > 0 && g + v > 0) {
         let m = s.height;
-        const x = o.getRowspanAt(r, b), w = o.getColspanAt(r, b);
+        const x = o.getRowspanAt(r, b), C = o.getColspanAt(r, b);
         x > 1 && (m = this.getRowHeights(r, r + x - 1, o).reduce((A, M) => A + M, 0));
         let y = v;
-        w > 1 && (y = this.getColumnWidths(b, b + w - 1).reduce((A, M) => A + M, 0));
+        C > 1 && (y = this.getColumnWidths(b, b + C - 1).reduce((A, M) => A + M, 0));
         let R = !1;
         if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (S = this.colAndRowspanModels[e]) != null && S.isInRange(r, b) && (R = !0), this.draggingTargetColumnIndex === b && e !== "header") {
-          this.renderDragTargetDiv(i, g, h, y, m);
-          const A = { left: g, top: h, width: y, height: m };
+          this.renderDragTargetDiv(i, g, c, y, m);
+          const A = { left: g, top: c, width: y, height: m };
           this.dom.addColumnBorderDivs(this.tableOptions, i, A, e, t);
         } else {
-          const A = this.renderSelectedBackgroundDiv(R, f, t, o, r, b, i, g, h, y, m);
+          const A = this.renderSelectedBackgroundDiv(R, f, t, o, r, b, i, g, c, y, m);
           "gammaCells" in o && o.getValueAt(r, b) && (R = !1), R || this.renderCell({
             areaModel: o,
             areaIdent: e,
@@ -1470,7 +1470,7 @@ class fe extends be {
             rowIndex: r,
             columnIndex: b,
             left: g,
-            top: h,
+            top: c,
             width: y,
             height: m,
             parent: i,
@@ -1481,7 +1481,7 @@ class fe extends be {
             rowIndex: r,
             columnIndex: b,
             cellLeft: g,
-            cellTop: h,
+            cellTop: c,
             cellWidth: y,
             cellHeight: m,
             parent: i
@@ -1516,21 +1516,21 @@ class fe extends be {
     height: l,
     top: n,
     parent: d,
-    lastRowOfModel: c
+    lastRowOfModel: h
   }) {
     var X;
     const f = this.editorRenderer && this.editorRendererRow === s && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(s, i), u = { left: r, width: a, height: l, top: n, index: i }, S = e.getRowByIndex(s);
     let b = "none";
     if (i === this.getTreeArrowColumnIndex() && P(S)) {
-      const C = S;
-      (X = C.children) != null && X.length ? C.expanded ? b = "expanded" : b = "collapsed" : b = "hidden";
+      const w = S;
+      (X = w.children) != null && X.length ? w.expanded ? b = "expanded" : b = "collapsed" : b = "hidden";
     }
     let v;
     if (t === "header") {
-      const C = this.tableModel.getColumnDef(i);
-      (!(C != null && C.sortIconVisible) || C != null && C.sortIconVisible()) && (v = C == null ? void 0 : C.sortState);
+      const w = this.tableModel.getColumnDef(i);
+      (!(w != null && w.sortIconVisible) || w != null && w.sortIconVisible()) && (v = w == null ? void 0 : w.sortState);
     }
-    const m = e.getValueAt(s, i), x = f ? "" : `${m}`, w = e.isRowChecked(s), y = this.dom.addColumnDiv(
+    const m = e.getValueAt(s, i), x = f ? "" : `${m}`, C = e.isRowChecked(s), y = this.dom.addColumnDiv(
       {
         parent: d,
         geo: u,
@@ -1541,7 +1541,7 @@ class fe extends be {
         text: x,
         treeArrow: b,
         tableOptions: this.tableOptions,
-        checkedType: w,
+        checkedType: C,
         sortState: v
       }
     ), R = e.getTooltipAt(s, i);
@@ -1550,16 +1550,16 @@ class fe extends be {
     A && A.classes[t] && this.dom.addClasses(A.classes[t], y);
     let M;
     f && (M = f.render(y, s, i, t, e, m, this.dom.domService));
-    const O = e.getCustomClassesAt(s, i);
-    if (O.length && this.dom.addClasses(O, y), this.dom.addColumnBorderDivs(this.tableOptions, d, u, t, o), c && this.dom.addHorizontalBorder({ left: r, width: a, height: l, top: n + l }, d), this.getFocusModel && t === "body") {
-      const C = this.getFocusModel();
-      C != null && C.hasFocus(s, i) && this.dom.addFocusBorderDivs(d, u, {});
+    const F = e.getCustomClassesAt(s, i);
+    if (F.length && this.dom.addClasses(F, y), this.dom.addColumnBorderDivs(this.tableOptions, d, u, t, o), h && this.dom.addHorizontalBorder({ left: r, width: a, height: l, top: n + l }, d), this.getFocusModel && t === "body") {
+      const w = this.getFocusModel();
+      w != null && w.hasFocus(s, i) && this.dom.addFocusBorderDivs(d, u, {});
     }
     t === "header" && this.dom.setAttribute(y, "data-ge-action", "drag-column");
     const H = e.getCustomStyleAt(s, i);
     if (H)
-      for (const C in H)
-        this.dom.setStyle(y, C, H[C]);
+      for (const w in H)
+        this.dom.setStyle(y, w, H[w]);
     return [y, M];
   }
   /**
@@ -1726,9 +1726,9 @@ class fe extends be {
     if (r) {
       const a = e.index ?? 0, l = this.draggingColumn;
       for (let n = 0; n < r; n++) {
-        const d = o, c = i.getRowHeight(n), h = { left: 0, width: e.width, height: c, top: d, index: n }, f = i.getValueAt(n, a), u = i.getCellRenderer(n, a), S = u ? "" : `${f}`, b = {
+        const d = o, h = i.getRowHeight(n), c = { left: 0, width: e.width, height: h, top: d, index: n }, f = i.getValueAt(n, a), u = i.getCellRenderer(n, a), S = u ? "" : `${f}`, b = {
           parent: l,
-          geo: h,
+          geo: c,
           rowIndex: n,
           columnIndex: a,
           areaIdent: t,
@@ -1740,12 +1740,12 @@ class fe extends be {
         const m = i.getCustomClassesAt(n, a);
         m.length && this.dom.addClasses(m, g);
         const x = this.tableModel.getColumnDef(a);
-        x && x.classes[t] && this.dom.addClasses(x.classes[t], g), this.dom.addColumnBorderDivs(this.tableOptions, l, h, t, s);
-        const w = i.getCustomStyleAt(n, a);
-        if (w)
-          for (const y in w)
-            this.dom.setStyle(g, y, w[y]);
-        o = o + c;
+        x && x.classes[t] && this.dom.addClasses(x.classes[t], g), this.dom.addColumnBorderDivs(this.tableOptions, l, c, t, s);
+        const C = i.getCustomStyleAt(n, a);
+        if (C)
+          for (const y in C)
+            this.dom.setStyle(g, y, C[y]);
+        o = o + h;
       }
     }
     return o;
@@ -1794,23 +1794,23 @@ class fe extends be {
    * @param {number} height - The height of the div.
    * @returns {boolean} - Whether the cell is selected.
    */
-  renderSelectedBackgroundDiv(e, t, o, s, i, r, a, l, n, d, c) {
-    let h = !1;
+  renderSelectedBackgroundDiv(e, t, o, s, i, r, a, l, n, d, h) {
+    let c = !1;
     if (!e && t && s.isSelectable(i, r) && this.getSelectionModel) {
       const f = this.getSelectionModel();
       if (f) {
         const u = f.getSelectionCount(i, r);
-        h = u > 0;
+        c = u > 0;
         for (let S = 0; S < u; S++) {
           const b = this.dom.applyStylePosistionAbsolute(
             // ge-table-body-west-selected-range
             this.dom.createDivWithClass(`ge-table-${s.areaIdent}-${o}-selected-range`, a)
           );
-          this.dom.setStyle(b, "left", `${l}px`), this.dom.setStyle(b, "top", `${n}px`), this.dom.setStyle(b, "width", `${d}px`), this.dom.setStyle(b, "height", `${c}px`);
+          this.dom.setStyle(b, "left", `${l}px`), this.dom.setStyle(b, "top", `${n}px`), this.dom.setStyle(b, "width", `${d}px`), this.dom.setStyle(b, "height", `${h}px`);
         }
       }
     }
-    return h;
+    return c;
   }
   /**
    * Renders a cell in the grid.
@@ -1842,8 +1842,8 @@ class fe extends be {
     width: l,
     height: n,
     parent: d,
-    cellSelected: c,
-    lastRowOfModel: h
+    cellSelected: h,
+    lastRowOfModel: c
   }) {
     const [f, u] = this.addAndRenderCellDiv({
       areaModel: e,
@@ -1856,9 +1856,9 @@ class fe extends be {
       height: n,
       top: a,
       parent: d,
-      lastRowOfModel: h
+      lastRowOfModel: c
     });
-    c && this.dom.addClass(`ge-table-${t}-${o}-selected-range`, f), u && this.cleanupFunctions[t].push(u);
+    h && this.dom.addClass(`ge-table-${t}-${o}-selected-range`, f), u && this.cleanupFunctions[t].push(u);
   }
   /**
    * Render the header cell resize handle.
@@ -1919,17 +1919,17 @@ class N {
     return new N([new ve(e, t)]);
   }
 }
-class we {
+class Ce {
   constructor(e) {
     var t, o;
     this.tableScope = e, (t = this.tableScope.tableOptions) != null && t.getSelectionModel && (this.getSelectionModel = this.tableScope.tableOptions.getSelectionModel), (o = this.tableScope.tableOptions) != null && o.getFocusModel && (this.getFocusModel = this.tableScope.tableOptions.getFocusModel);
   }
   onMouseClicked(e, t) {
-    var i, r, a, l, n, d, c;
+    var i, r, a, l, n, d, h;
     let o = !1, s = !1;
     if (this.getSelectionModel && this.getFocusModel) {
-      const h = this.getSelectionModel(), f = this.getFocusModel();
-      h && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), o = !0), (i = e.originalEvent) != null && i.shiftKey || h.hasSelection() && (h.clear(), o = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (h.addSelection(this.createRangeByEvents(e, this.previousEvt)), s = !0, o = !0) : (a = e.originalEvent) != null && a.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (n = e.originalEvent) != null && n.metaKey) ? (h.removeSelection(E.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (d = e.originalEvent) != null && d.ctrlKey || (c = e.originalEvent) != null && c.metaKey ? (h.addSelection(E.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (h.firstClick(e.rowIndex, e.columnIndex), o = !0), this.tableScope.onSelectionChanged(h));
+      const c = this.getSelectionModel(), f = this.getFocusModel();
+      c && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), o = !0), (i = e.originalEvent) != null && i.shiftKey || c.hasSelection() && (c.clear(), o = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (c.addSelection(this.createRangeByEvents(e, this.previousEvt)), s = !0, o = !0) : (a = e.originalEvent) != null && a.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (n = e.originalEvent) != null && n.metaKey) ? (c.removeSelection(E.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (d = e.originalEvent) != null && d.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (c.addSelection(E.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (c.firstClick(e.rowIndex, e.columnIndex), o = !0), this.tableScope.onSelectionChanged(c));
     }
     return s ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), o;
   }
@@ -1960,7 +1960,7 @@ class we {
     });
   }
 }
-class Ce {
+class we {
   get() {
     return {
       f2: "START_EDITING",
@@ -2023,7 +2023,7 @@ class Ee {
     this.assignPredefinedSystemShortcutMappings(), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this));
   }
   assignPredefinedSystemShortcutMappings() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new xe().get()) : Object.assign(this.shortcutActionIdMapping, new Ce().get());
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new xe().get()) : Object.assign(this.shortcutActionIdMapping, new we().get());
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -2145,7 +2145,21 @@ class Ae {
 }
 class Me {
   constructor(e = "none", t = "single") {
-    this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
+    this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
+  }
+  getEventSelectionChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventSelectionChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventSelectionChangedListener(e) {
+    const t = this.listenerArr.indexOf(e, 0);
+    t > -1 && this.listenerArr.splice(t, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.silent || this.listenerArr.forEach((e) => e.onSelectionChanged(this));
   }
   firstClick(e, t) {
     this.selectionType === "row" ? this.addRange(E.singleRow(e)) : this.selectionType === "column" && this.addRange(E.singleColumn(t));
@@ -2166,7 +2180,7 @@ class Me {
     return this.ranges;
   }
   clear() {
-    this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
+    this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.fireChangeEvent();
   }
   hasSelection() {
     return this.allSelected || !!this.ranges.length;
@@ -2187,19 +2201,19 @@ class Me {
     return Array.from(e);
   }
   selectAll() {
-    this.allSelected = !0;
+    this.allSelected = !0, this.fireChangeEvent();
   }
   isAllSelected() {
     return this.allSelected;
   }
   addSelection(e) {
-    this.addRange(e);
+    this.addRange(e), this.fireChangeEvent();
   }
   removeSelection(e) {
     if (this.selectionType === "none")
       return;
     let t = e;
-    this.selectionType === "row" ? t = E.singleRow(e.r1) : this.selectionType === "column" && (t = E.singleColumn(e.c1)), this.negativeRanges.push(t);
+    this.selectionType === "row" ? t = E.singleRow(e.r1) : this.selectionType === "column" && (t = E.singleColumn(e.c1)), this.negativeRanges.push(t), this.fireChangeEvent();
   }
   togglePoint(e, t) {
     this.getSelectionCount(e, t) > 0 ? this.removeSelection(E.singleCell(e, t)) : this.addSelection(E.singleCell(e, t));
@@ -2208,12 +2222,26 @@ class Me {
     return this.getSelectionCount(e, t) > 0;
   }
   addRange(e) {
-    this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e));
+    this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e), this.fireChangeEvent());
   }
 }
 class Re {
   constructor(e = "none") {
-    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
+    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
+  }
+  getEventFocusChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventFocusChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventFocusChangedListener(e) {
+    const t = this.listenerArr.indexOf(e, 0);
+    t > -1 && this.listenerArr.splice(t, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.listenerArr.forEach((e) => e.onFocusChanged(this));
   }
   clearChanged() {
     this.changed = !1;
@@ -2222,10 +2250,10 @@ class Re {
     return this.changed;
   }
   clear() {
-    this.rowIndex = -1, this.columnIndex = -1;
+    this.rowIndex = -1, this.columnIndex = -1, this.fireChangeEvent();
   }
   setFocus(e, t) {
-    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0);
+    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0, this.fireChangeEvent());
   }
   hasFocus(e, t) {
     return this.rowIndex === e && this.columnIndex === t;
@@ -2278,8 +2306,8 @@ const I = class I {
           for (let l = r.r1; l <= r.r2; l++) {
             const n = [];
             for (let d = r.c1; d <= r.c2; d++) {
-              const c = t.isSelected(l, d) ? e.getBodyModel().getTextValueAt(l, d) : "";
-              n.push(c);
+              const h = t.isSelected(l, d) ? e.getBodyModel().getTextValueAt(l, d) : "";
+              n.push(h);
             }
             a.push(n.join(I.columnSeparatorChar));
           }
@@ -2345,17 +2373,16 @@ I.columnSeparatorChar = "	", I.rowSeparatorChar = `
 let L = I;
 class j extends fe {
   constructor(e, t, o, s, i, r = new L()) {
-    var a;
-    if (super(
-      e,
-      t,
-      new le(o),
-      s
-    ), this.eventListener = i, this.copyService = r, this.licenseManager = k.getInstance(), this.selectionService = new we(this), this.api = new de(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, i || (this.eventListener = new K()), (a = this.tableOptions) != null && a.autoRestoreOptions) {
-      const l = this.tableOptions.autoRestoreOptions, n = l.getStorageKeyFn;
-      n && (l.autoRestoreScrollPosition && (this.storeScrollPosStateService = new ce(n)), l.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ge(n)), l.autoRestoreSortingState && (this.storeSortingService = new pe(n)));
+    var n;
+    if (super(e, t, new le(o), s), this.eventListener = i, this.copyService = r, this.licenseManager = k.getInstance(), this.selectionService = new Ce(this), this.api = new de(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, i || (this.eventListener = new K()), (n = this.tableOptions) != null && n.autoRestoreOptions) {
+      const d = this.tableOptions.autoRestoreOptions, h = d.getStorageKeyFn;
+      h && (d.autoRestoreScrollPosition && (this.storeScrollPosStateService = new he(h)), d.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ge(h)), d.autoRestoreSortingState && (this.storeSortingService = new pe(h)));
     }
     this.mouseHandler = new ne(this), this.inputHandler = new ye(this), this.shortcutService = new Ee(this), this.shortcutService.addListener(this.selectionService);
+    const a = this.getSelectionModel ? this.getSelectionModel() : void 0;
+    a && a.addEventSelectionChangedListener(this);
+    const l = this.getFocusModel ? this.getFocusModel() : void 0;
+    l && l.addEventFocusChangedListener(this);
   }
   /**
    * Creates a TableScope instance.
@@ -2370,14 +2397,7 @@ class j extends fe {
    * @return {TableScope} - The newly created TableScope instance.
    */
   static create(e, t, o = new te(), s = new K(), i = new Z(), r = new L()) {
-    return new j(
-      e,
-      t,
-      i,
-      o,
-      s,
-      r
-    );
+    return new j(e, t, i, o, s, r);
   }
   /**
    * Triggers an action based on the provided actionId.
@@ -2575,7 +2595,7 @@ class j extends fe {
     if (s != null && s.sortable && s.sortable()) {
       e.preventDefault(), e.stopPropagation();
       const a = s.sortStatesOrder ? s.sortStatesOrder : this.tableOptions.sortOrder, l = s.sortState ?? "", n = a[(a.indexOf(l) + 1) % a.length], d = new me(o, n);
-      this.tableModel.doSort([d]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((h) => h.sortState = ""), s.sortState = n), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([d]);
+      this.tableModel.doSort([d]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((c) => c.sortState = ""), s.sortState = n), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([d]);
     }
   }
   /**
@@ -2730,8 +2750,8 @@ class j extends fe {
               else if (i.allCollapsed)
                 d.expanded = !1;
               else {
-                const c = s(d.data);
-                i.mode === "expanded" ? d.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(c) : i.mode === "collapsed" && (d.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(c));
+                const h = s(d.data);
+                i.mode === "expanded" ? d.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h) : i.mode === "collapsed" && (d.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h));
               }
           }
           a.recalcVisibleTreeRows();
@@ -2984,8 +3004,8 @@ const B = class B {
   render(e, t, o, s, i, r, a) {
     const l = r != null && r.data ? r.data : "";
     if (r) {
-      const { toggle: n, visibility: d, closed: c } = r, h = n ? B.toggleHeaderGroup : "";
-      this.addText(e, s, t, o, l, h), n && d !== "always" && this.addArrowDiv(a, e, !c, t, o, s, h);
+      const { toggle: n, visibility: d, closed: h } = r, c = n ? B.toggleHeaderGroup : "";
+      this.addText(e, s, t, o, l, c), n && d !== "always" && this.addArrowDiv(a, e, !h, t, o, s, c);
     } else
       this.addText(e, s, t, o, l, "");
   }
@@ -3002,10 +3022,10 @@ const B = class B {
     e.addClass(l, "ge-table-toggle-icon-div"), e.setStyle(l, "display", "inline-block"), e.setStyle(l, "position", ""), e.setStyle(l, "width", "20px"), e.setStyle(l, "background", "transparent"), e.setStyle(l, "cursor", "pointer"), e.setAttribute(l, "data-row-index", `${s}`), e.setAttribute(l, "data-col-index", `${i}`), e.setAttribute(l, "data-area", `${r}`), e.setAttribute(l, "data-ge-action", `${a}`);
     let n;
     o ? n = this.headerGroupOptions.iconExpanded : n = this.headerGroupOptions.iconCollapsed;
-    const d = n.content, c = e.createText(d);
-    e.appendChild(l, c), n.style && this.applyStyleString(e, l, n.style);
-    for (const h of n.classes)
-      e.addClass(l, h);
+    const d = n.content, h = e.createText(d);
+    e.appendChild(l, h), n.style && this.applyStyleString(e, l, n.style);
+    for (const c of n.classes)
+      e.addClass(l, c);
     return e.appendChild(t, l), l;
   }
   applyStyleString(e, t, o) {
@@ -3018,7 +3038,7 @@ const B = class B {
 };
 B.toggleHeaderGroup = "toggleHeaderGroup";
 let q = B;
-function Fe({
+function Oe({
   tableModel: p,
   tableOptions: e = new te(),
   mouseMoved: t,
@@ -3030,8 +3050,8 @@ function Fe({
   mouseDraggingEnd: l,
   selectionChanged: n,
   focusChanged: d,
-  tableReady: c,
-  licenseKey: h
+  tableReady: h,
+  licenseKey: c
 }) {
   const f = se(null);
   let u = !1;
@@ -3074,7 +3094,7 @@ function Fe({
       e,
       g
     );
-    v.firstInit(), c && c(v.getApi()), h && k.getInstance().setLicenseKey(h);
+    v.firstInit(), h && h(v.getApi()), c && k.getInstance().setLicenseKey(c);
   };
   return /* @__PURE__ */ oe(
     "div",
@@ -3091,15 +3111,15 @@ function Fe({
     }
   );
 }
-var G, F = re;
+var G, O = re;
 if (process.env.NODE_ENV === "production")
-  G = F.createRoot, F.hydrateRoot;
+  G = O.createRoot, O.hydrateRoot;
 else {
-  var U = F.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  var U = O.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
   G = function(p, e) {
     U.usingClientEntryPoint = !0;
     try {
-      return F.createRoot(p, e);
+      return O.createRoot(p, e);
     } finally {
       U.usingClientEntryPoint = !1;
     }
@@ -3125,5 +3145,5 @@ class Le {
 }
 export {
   Le as ComponentRendererWrapper,
-  Fe as GuiexpertTable
+  Oe as GuiexpertTable
 };