@guiexpert/table 1.1.9 → 1.1.11

package/index.js

@@ -1,11 +1,11 @@
-class F {
+class P {
   // The constructor is private to prevent direct construction calls
   // with the `new` operator
   constructor() {
     this.alreadySet = !1;
   }
   static getInstance() {
-    return F.instance || (F.instance = new F()), F.instance;
+    return P.instance || (P.instance = new P()), P.instance;
   }
   /**
    * Method to set the license key for the application.
@@ -29,7 +29,7 @@ function L(c) {
 function z(c) {
   return c && c.type === "AreaModelTree";
 }
-function ye(c) {
+function Ce(c) {
   return c && c.type === "CheckboxColumnDef";
 }
 class K {
@@ -78,12 +78,12 @@ class ge {
     this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = o, this.arrowExpandCollapseAll = s;
   }
 }
-class be {
+class pe {
   constructor(e = new O("↑", "", ["ge-header-sorted-asc"]), t = new O("↓", "", ["ge-header-sorted-desc"]), o = new O("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = o;
   }
 }
-class Ce {
+class ye {
   constructor(e) {
     this.domService = e;
   }
@@ -169,14 +169,14 @@ class Ce {
     return this.domService.appendChild(e.child, l), l;
   }
   addColumnDiv(e) {
-    const { parent: t, geo: o, rowIndex: s = -1, columnIndex: i = -1, areaIdent: r, sideIdent: n, text: l = "", treeArrow: d, tableOptions: a, checkedType: h = void 0, sortState: u } = e, w = a == null ? void 0 : a.treeOptions, f = a == null ? void 0 : a.showCheckboxWihoutExtraColumn, p = this.domService.createElement("div");
-    this.domService.addClass(p, "ge-table-col-div"), this.domService.addClass(p, `ge-table-col-div-${o.index}`), this.domService.setAttribute(p, "data-col-index", `${o.index}`), this.domService.setAttribute(p, "data-row-index", `${s}`), this.domService.setAttribute(p, "data-area", `${r}`);
+    const { parent: t, geo: o, rowIndex: s = -1, columnIndex: i = -1, areaIdent: r, sideIdent: n, text: l = "", treeArrow: d, tableOptions: a, checkedType: h = void 0, sortState: u } = e, m = a == null ? void 0 : a.treeOptions, b = a == null ? void 0 : a.showCheckboxWihoutExtraColumn, f = this.domService.createElement("div");
+    this.domService.addClass(f, "ge-table-col-div"), this.domService.addClass(f, `ge-table-col-div-${o.index}`), this.domService.setAttribute(f, "data-col-index", `${o.index}`), this.domService.setAttribute(f, "data-row-index", `${s}`), this.domService.setAttribute(f, "data-area", `${r}`);
     const g = ((o == null ? void 0 : o.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (r === "body" && n === "center" && this.domService.addClass(p, `ge-table-column-${g}`), this.domService.setStyle(p, "display", "clip"), this.domService.setStyle(p, "position", "absolute"), this.domService.setStyle(p, "left", `${o.left}px`), this.domService.setStyle(p, "top", `${o.top}px`), this.domService.setStyle(p, "width", `${o.width}px`), this.domService.setStyle(p, "height", `${o.height}px`), d && d !== "none" && (this.domService.addClass(p, "ge-table-col-tree"), this.addArrowDiv(p, d, w, s, i, r)), f && i === 0 && h && this.addCheckboxToDiv(p, h, r, s), l) {
-      const b = d !== "none" && i === 0;
-      this.addLabelDiv(p, l, b, s, i, r);
+    if (r === "body" && n === "center" && this.domService.addClass(f, `ge-table-column-${g}`), this.domService.setStyle(f, "display", "clip"), this.domService.setStyle(f, "position", "absolute"), this.domService.setStyle(f, "left", `${o.left}px`), this.domService.setStyle(f, "top", `${o.top}px`), this.domService.setStyle(f, "width", `${o.width}px`), this.domService.setStyle(f, "height", `${o.height}px`), d && d !== "none" && (this.domService.addClass(f, "ge-table-col-tree"), this.addArrowDiv(f, d, m, s, i, r)), b && i === 0 && h && this.addCheckboxToDiv(f, h, r, s), l) {
+      const p = d !== "none" && i === 0;
+      this.addLabelDiv(f, l, p, s, i, r);
     }
-    return u && this.addSortedIcon(p, u, a == null ? void 0 : a.sortedOptions, i), this.domService.appendChild(t, p), p;
+    return u && this.addSortedIcon(f, u, a == null ? void 0 : a.sortedOptions, i), this.domService.appendChild(t, f), f;
   }
   addCheckboxToDiv(e, t, o, s) {
     const i = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
@@ -203,7 +203,7 @@ class Ce {
       }
     return this.domService.appendChild(e, n), n;
   }
-  addSortedIcon(e, t = "", o = new be(), s = -1) {
+  addSortedIcon(e, t = "", o = new pe(), s = -1) {
     const i = this.domService.createElement("div");
     this.domService.addClass(i, "ge-table-sorted-icon-div"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "top", "0"), this.domService.setStyle(i, "right", "0"), this.domService.setStyle(i, "width", "20px"), this.domService.setStyle(i, "background", "transparent"), this.domService.setStyle(i, "cursor", "pointer"), this.domService.setAttribute(i, "data-col-index", `${s}`), this.domService.setAttribute(i, "data-area", "header");
     let r;
@@ -381,19 +381,19 @@ class Re {
     return this.tableScope.tableModel.isRowCheckboxVisible() ? 1 : 0;
   }
   onMouseDown(e) {
-    this.mouseEvent = e, this.startMouseEvent = this.tableScope.createGeMouseEvent(this.mouseEvent), this.tableScope.onMouseDown(this.startMouseEvent), this.mouseDown = !0;
+    this.dragging || (this.mouseEvent = e, this.startMouseEvent = this.tableScope.createGeMouseEvent(this.mouseEvent), this.tableScope.onMouseDown(this.startMouseEvent), this.mouseDown = !0);
   }
   onMouseMove(e) {
-    this.mouseEvent = e, this.mouseDown ? (this.dragging = !0, requestAnimationFrame(this.mouseDraggingOnFrame.bind(this))) : requestAnimationFrame(this.mouseMoveOnFrame.bind(this));
+    this.mouseEvent = e, this.mouseDown ? (this.dragging || (this.dragging = !0, this.tableScope.setDragging(!0)), requestAnimationFrame(this.mouseDraggingOnFrame.bind(this))) : requestAnimationFrame(this.mouseMoveOnFrame.bind(this));
   }
   onMouseUp(e) {
-    this.mouseEvent = e, this.dragging && requestAnimationFrame(this.mouseDraggingEndOnFrame.bind(this)), this.mouseDown = !1, this.dragging = !1;
+    this.mouseEvent = e, this.dragging && requestAnimationFrame(this.mouseDraggingEndOnFrame.bind(this)), this.mouseDown = !1, this.dragging = !1, this.tableScope.setDragging(!1);
   }
   mouseDraggingOnFrame() {
     var e;
     if (this.mouseEvent) {
       const t = this.tableScope.createGeMouseEvent(this.mouseEvent);
-      (e = this.startMouseEvent) != null && e.originalEvent && (t.draggingX = this.mouseEvent.clientX - this.startMouseEvent.originalEvent.clientX, t.draggingY = this.mouseEvent.clientY - this.startMouseEvent.originalEvent.clientY), this.tableScope.mouseDraggingOnFrame(t);
+      (e = this.startMouseEvent) != null && e.originalEvent && (t.draggingX = this.mouseEvent.clientX - this.startMouseEvent.originalEvent.clientX, t.draggingY = this.mouseEvent.clientY - this.startMouseEvent.originalEvent.clientY), this.tableScope.mouseDraggingOnFrame(t, this.startMouseEvent);
     }
   }
   mouseDraggingEndOnFrame() {
@@ -742,6 +742,8 @@ class Te {
       o.createDivWithClass("ge-table-hover-row", i)
     ), this.hoverColumn = o.applyStylePosistionAbsolute(
       o.createDivWithClass("ge-table-hover-column", i)
+    ), this.draggingColumn = o.applyStylePosistionAbsolute(
+      o.createDivWithClass("ge-table-dragging-column", i)
     ), this.areaHeaderWest = o.appendRelativeChildDiv(
       o.applyStylePosistionAbsolute(
         o.createAreaDivWithClass("ge-table-header ge-table-header-west", i, "header", "west")
@@ -881,7 +883,7 @@ class Te {
     this.dom.setStyle(this.contentWrapperDiv, "width", e), this.dom.setStyle(this.contentWrapperDiv, "height", t);
   }
 }
-class R {
+class A {
   /**
    * Represents a constructor for a class.
    * @constructor
@@ -895,7 +897,7 @@ class R {
     this.r1 = e, this.c1 = t, this.r2 = o, this.c2 = s, this.gammaRange = i;
   }
   static create(e) {
-    return e.gammaRange === void 0 && (e.gammaRange = !1), new R(
+    return e.gammaRange === void 0 && (e.gammaRange = !1), new A(
       e.rowIndex1,
       e.columnIndex1,
       e.rowIndex2,
@@ -904,19 +906,19 @@ class R {
     );
   }
   static singleCell(e, t) {
-    return new R(e, t, e, t);
+    return new A(e, t, e, t);
   }
   static singleRow(e) {
-    return new R(e, 0, e, Number.MAX_SAFE_INTEGER);
+    return new A(e, 0, e, Number.MAX_SAFE_INTEGER);
   }
   static singleColumn(e) {
-    return new R(0, e, Number.MAX_SAFE_INTEGER, e);
+    return new A(0, e, Number.MAX_SAFE_INTEGER, e);
   }
   isInRange(e, t) {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
   }
 }
-class _e {
+class De {
   constructor(e, t) {
     this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
   }
@@ -932,7 +934,7 @@ class _e {
           i === 0 && (i = 1), r === 0 && (r = 1);
           const n = "gammaCells" in this.areaModel;
           this.colAndRowspanRanges.push(
-            new R(o, s, o + r - 1, s + i - 1, n)
+            new A(o, s, o + r - 1, s + i - 1, n)
           );
         }
       }
@@ -954,17 +956,17 @@ class T {
     this.header = e, this.body = t, this.footer = o;
   }
 }
-class De extends Te {
+class _e extends Te {
   constructor(e, t, o, s) {
     var r, n;
-    super(e, t, o, s), this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
+    super(e, t, o, s), this.dragging = !1, this.editing = !1, this.storedColumnWidths = [], this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
       header: [],
       body: [],
       footer: []
-    }, this.tree = !1, this.colAndRowspanModels = new T(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.editing = !1, 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), z(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, this.tree = !1, this.colAndRowspanModels = new T(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (n = this.tableOptions) != null && n.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), z(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (l) => {
         var d;
-        this.colAndRowspanModels[l] = new _e(t, t.getAreaModel(l)), (d = this.colAndRowspanModels[l]) == null || d.init();
+        this.colAndRowspanModels[l] = new De(t, t.getAreaModel(l)), (d = this.colAndRowspanModels[l]) == null || d.init();
       }
     );
   }
@@ -1034,6 +1036,29 @@ class De extends Te {
       }
     ), t && this.repaint();
   }
+  rerenderCellContent({ area: e, rowIndex: t, columnIndex: o, value: s, cssClasses: i }) {
+    const r = this.tableModel.getAreaModel(e), n = 'div[data-col-index="' + o + '"][data-row-index="' + t + '"][data-area="' + e + '"]', l = document.querySelector(n);
+    if (l) {
+      let d;
+      const h = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === o ? this.editorRenderer : r.getCellRenderer(t, o);
+      if (l.innerText = "", this.applyCssClasses(l, i), h)
+        d = h.render(l, t, o, e, r, s, this.dom.domService), d && this.cleanupFunctions[e].push(d);
+      else {
+        const b = `${s}`;
+        this.dom.addLabelDiv(l, b, !1, t, o, e);
+      }
+      const u = r.getCustomClassesAt(t, o);
+      u.length && this.dom.addClasses(u, l);
+      const m = r.getCustomStyleAt(t, o);
+      if (m)
+        for (const b in m)
+          this.dom.setStyle(l, b, m[b]);
+    }
+  }
+  storeColumnWidths() {
+    const e = this.tableModel.getColumnDefs();
+    e != null && e.length && (this.storedColumnWidths = e.map((t, o) => this.tableModel.getColumnWidth(o)));
+  }
   getAreaAndSideIdentByAttr(e) {
     if (e) {
       const t = this.getStringByAttr(e, "data-area"), o = this.getStringByAttr(e, "data-side");
@@ -1094,52 +1119,52 @@ class De extends Te {
     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 n = 0, l = this.areaBodyCenterGeo.width, d = this.tableModel.getPadding(), a = this.tableModel.getAreaModel(e), h = a.getRowCount();
-    for (e === "header" && console.info("rowCount", h); this.cleanupFunctions[e].length; ) {
-      const b = this.cleanupFunctions[e].shift();
-      b && b();
+    for (; this.cleanupFunctions[e].length; ) {
+      const p = this.cleanupFunctions[e].shift();
+      p && p();
     }
     let u = t;
-    const w = this.tableModel.getColumnCount(), f = this.tableModel.getFixedRightColumnCount(), p = this.tableModel.getFixedLeftColumnCount();
-    for (let b = 0; b < h; b++) {
-      const C = u, v = b === h - 1, A = this.tableModel.getRowHeight(e, b);
-      if (C + A > 0) {
-        this.firstVisibleRowIndex = b;
-        let y = { left: n, width: l, height: A, top: C, index: b }, S = this.dom.addRowDiv(s, y, b, e, "center");
-        const k = p;
+    const m = this.tableModel.getColumnCount(), b = this.tableModel.getFixedRightColumnCount(), f = this.tableModel.getFixedLeftColumnCount();
+    for (let p = 0; p < h; p++) {
+      const C = u, y = p === h - 1, R = this.tableModel.getRowHeight(e, p);
+      if (C + R > 0) {
+        this.firstVisibleRowIndex = p;
+        let x = { left: n, width: l, height: R, top: C, index: p }, S = this.dom.addRowDiv(s, x, p, e, "center");
+        const k = f;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
           areaModel: a,
-          geo: y,
+          geo: x,
           parent: S,
-          rowIndex: b,
+          rowIndex: p,
           columnIndexStart: k,
-          columnIndexEnd: w - f - 1,
+          columnIndexEnd: m - b - 1,
           verticalFixed: !1,
-          lastRowOfModel: v
-        }), d.left > 0 && (y = { left: n, width: this.areaBodyWestGeo.width, height: A, top: C, index: b }, S = this.dom.addRowDiv(o, y, b, e, "west"), this.adjustColumnsToRowParent({
+          lastRowOfModel: y
+        }), d.left > 0 && (x = { left: n, width: this.areaBodyWestGeo.width, height: R, top: C, index: p }, S = this.dom.addRowDiv(o, x, p, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: a,
-          geo: y,
+          geo: x,
           parent: S,
-          rowIndex: b,
+          rowIndex: p,
           columnIndexStart: 0,
           columnIndexEnd: k - 1,
           verticalFixed: !0,
-          lastRowOfModel: v
-        })), d.right > 0 && (y = { left: n, width: this.areaBodyEastGeo.width, height: A, top: C, index: b }, S = this.dom.addRowDiv(i, y, b, e, "east"), this.adjustColumnsToRowParent({
+          lastRowOfModel: y
+        })), d.right > 0 && (x = { left: n, width: this.areaBodyEastGeo.width, height: R, top: C, index: p }, S = this.dom.addRowDiv(i, x, p, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: a,
-          geo: y,
+          geo: x,
           parent: S,
-          rowIndex: b,
-          columnIndexStart: w - f,
-          columnIndexEnd: w - 1,
+          rowIndex: p,
+          columnIndexStart: m - b,
+          columnIndexEnd: m - 1,
           verticalFixed: !0,
-          lastRowOfModel: v
-        })), e === "header" && this.tree && b === h - 1) {
+          lastRowOfModel: y
+        })), e === "header" && this.tree && p === h - 1) {
           const M = this.dom.applyStyle(
             this.dom.setAttribute(
               this.dom.addDiv(S, new $(16, 20, 20, 8)),
@@ -1154,23 +1179,23 @@ class De extends Te {
           }
         }
       }
-      if (u = u + A, u > r)
+      if (u = u + R, u > r)
         break;
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
-      const b = ((g = this.colAndRowspanModels[e]) == null ? void 0 : g.getRanges()) ?? [];
-      if (b.length)
-        for (const C of b) {
-          let v = 0, A = s.child, y = "center";
-          if (C.c1 < p)
-            A = o.child, y = "west";
-          else if (f > 0 && C.c1 >= w - f)
-            A = i.child, y = "east";
+      const p = ((g = this.colAndRowspanModels[e]) == null ? void 0 : g.getRanges()) ?? [];
+      if (p.length)
+        for (const C of p) {
+          let y = 0, R = s.child, x = "center";
+          if (C.c1 < f)
+            R = o.child, x = "west";
+          else if (b > 0 && C.c1 >= m - b)
+            R = i.child, x = "east";
           else {
             const S = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            v = this.scrollFactorX * S - this.areaBodyWestGeo.width, y = "center";
+            y = this.scrollFactorX * S - this.areaBodyWestGeo.width, x = "center";
           }
-          this.drawBigCell(C, v, t, a, A, y);
+          this.drawBigCell(C, y, t, a, R, x);
         }
     }
   }
@@ -1185,13 +1210,13 @@ class De extends Te {
    * @protected
    */
   drawBigCell(e, t, o, s, i, r) {
-    const n = o + this.getRowHeights(0, e.r1 - 1, s).reduce((g, b) => g + b, 0), l = this.tableModel.getColumnCount(), d = this.tableModel.getFixedRightColumnCount();
+    const n = o + this.getRowHeights(0, e.r1 - 1, s).reduce((g, p) => g + p, 0), l = this.tableModel.getColumnCount(), d = this.tableModel.getFixedRightColumnCount();
     let a = 0;
     d > 0 && e.c1 >= l - d && (a = l - d);
-    const h = t + this.getColumnWidths(a, e.c1 - 1).reduce((g, b) => g + b, 0), u = this.getRowHeights(e.r1, e.r2, s).reduce((g, b) => g + b, 0), w = this.getColumnWidths(e.c1, e.c2).reduce((g, b) => g + b, 0);
-    let f = !1;
-    const p = this.getSelectionModel ? this.getSelectionModel() : void 0;
-    p && (f = p.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
+    const h = t + this.getColumnWidths(a, e.c1 - 1).reduce((g, p) => g + p, 0), u = this.getRowHeights(e.r1, e.r2, s).reduce((g, p) => g + p, 0), m = this.getColumnWidths(e.c1, e.c2).reduce((g, p) => g + p, 0);
+    let b = !1;
+    const f = this.getSelectionModel ? this.getSelectionModel() : void 0;
+    f && (b = f.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
       areaModel: s,
       areaIdent: s.areaIdent,
       sideIdent: r,
@@ -1199,10 +1224,10 @@ class De extends Te {
       columnIndex: e.c1,
       left: h,
       top: n,
-      width: w,
+      width: m,
       height: u,
       parent: i,
-      cellSelected: f,
+      cellSelected: b,
       lastRowOfModel: !0,
       gammaRange: e.gammaRange
     }) : this.renderCell({
@@ -1213,10 +1238,10 @@ class De extends Te {
       columnIndex: e.c1,
       left: h,
       top: n,
-      width: w,
+      width: m,
       height: u,
       parent: i,
-      cellSelected: f,
+      cellSelected: b,
       lastRowOfModel: !0,
       gammaRange: e.gammaRange
     }), s.areaIdent === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
@@ -1224,7 +1249,7 @@ class De extends Te {
       columnIndex: e.c1,
       cellLeft: h,
       cellTop: n,
-      cellWidth: w,
+      cellWidth: m,
       cellHeight: u,
       parent: i
     });
@@ -1252,40 +1277,40 @@ class De extends Te {
     verticalFixed: d = !1,
     lastRowOfModel: a = !1
   }) {
-    var p;
+    var f;
     this.scrollViewportLeft = this.scrollViewport.scrollLeft;
     let h = 0;
     if (!d) {
       const g = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
       h = this.scrollFactorX * g;
     }
-    const u = 0, w = !!(e === "body" && t);
-    let f = h;
+    const u = 0, m = !!(e === "body" && t);
+    let b = h;
     for (let g = n; g <= l; g++) {
-      const b = f, C = this.tableModel.getColumnWidth(g);
-      if (C > 0 && b + C > 0) {
-        let v = s.height;
-        const A = o.getRowspanAt(r, g), y = o.getColspanAt(r, g);
-        A > 1 && (v = this.getRowHeights(r, r + A - 1, o).reduce((M, E) => M + E, 0));
+      const p = b, C = this.tableModel.getColumnWidth(g);
+      if (C > 0 && p + C > 0) {
+        let y = s.height;
+        const R = o.getRowspanAt(r, g), x = o.getColspanAt(r, g);
+        R > 1 && (y = this.getRowHeights(r, r + R - 1, o).reduce((M, E) => M + E, 0));
         let S = C;
-        y > 1 && (S = this.getColumnWidths(g, g + y - 1).reduce((M, E) => M + E, 0));
+        x > 1 && (S = this.getColumnWidths(g, g + x - 1).reduce((M, E) => M + E, 0));
         let k = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (p = this.colAndRowspanModels[e]) != null && p.isInRange(r, g) && (k = !0), this.draggingTargetColumnIndex === g && e !== "header") {
-          this.renderDragTargetDiv(i, b, u, S, v);
-          const M = { left: b, top: u, width: S, height: v };
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (f = this.colAndRowspanModels[e]) != null && f.isInRange(r, g) && (k = !0), this.draggingTargetColumnIndex === g && e !== "header") {
+          this.renderDragTargetDiv(i, p, u, S, y);
+          const M = { left: p, top: u, width: S, height: y };
           this.dom.addColumnBorderDivs(this.tableOptions, i, M, e, t);
         } else {
-          const M = this.renderSelectedBackgroundDiv(k, w, t, o, r, g, i, b, u, S, v);
+          const M = this.renderSelectedBackgroundDiv(k, m, t, o, r, g, i, p, u, S, y);
           "gammaCells" in o && o.getValueAt(r, g) && (k = !1), k || this.renderCell({
             areaModel: o,
             areaIdent: e,
             sideIdent: t,
             rowIndex: r,
             columnIndex: g,
-            left: b,
+            left: p,
             top: u,
             width: S,
-            height: v,
+            height: y,
             parent: i,
             cellSelected: M,
             lastRowOfModel: a,
@@ -1293,18 +1318,18 @@ class De extends Te {
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
             rowIndex: r,
             columnIndex: g,
-            cellLeft: b,
+            cellLeft: p,
             cellTop: u,
             cellWidth: S,
-            cellHeight: v,
+            cellHeight: y,
             parent: i
           });
         }
       }
-      if (f = f + C, f > this.areaBodyCenterGeo.width)
+      if (b = b + C, b > this.areaBodyCenterGeo.width)
         break;
     }
-    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new $(f - 1, 1, s.height, 0), i);
+    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new $(b - 1, 1, s.height, 0), i);
   }
   getTreeArrowColumnIndex() {
     return this.tableOptions.showCheckboxWihoutExtraColumn ? 0 : this.tableModel.isRowCheckboxVisible() ? 1 : 0;
@@ -1323,29 +1348,29 @@ class De extends Te {
     lastRowOfModel: h
   }) {
     var te;
-    const w = this.editorRenderer && this.editorRendererRow === s && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(s, i), f = { left: r, width: n, height: l, top: d, index: i }, p = e.getRowByIndex(s);
+    const m = this.editorRenderer && this.editorRendererRow === s && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(s, i), b = { left: r, width: n, height: l, top: d, index: i }, f = e.getRowByIndex(s);
     let g = "none";
-    if (i === this.getTreeArrowColumnIndex() && L(p)) {
-      const x = p;
-      (te = x.children) != null && te.length ? x.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
+    if (i === this.getTreeArrowColumnIndex() && L(f)) {
+      const v = f;
+      (te = v.children) != null && te.length ? v.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
     }
     let C;
     if (t === "header") {
-      const x = this.tableModel.getColumnDef(i);
-      (!(x != null && x.sortIconVisible) || x != null && x.sortIconVisible()) && (C = x == null ? void 0 : x.sortState);
+      const v = this.tableModel.getColumnDef(i);
+      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (C = v == null ? void 0 : v.sortState);
     }
-    const v = e.getValueAt(s, i), A = w ? "" : `${v}`, y = e.isRowChecked(s), S = this.dom.addColumnDiv(
+    const y = e.getValueAt(s, i), R = m ? "" : `${y}`, x = e.isRowChecked(s), S = this.dom.addColumnDiv(
       {
         parent: a,
-        geo: f,
+        geo: b,
         rowIndex: s,
         columnIndex: i,
         areaIdent: t,
         sideIdent: o,
-        text: A,
+        text: R,
         treeArrow: g,
         tableOptions: this.tableOptions,
-        checkedType: y,
+        checkedType: x,
         sortState: C
       }
     ), k = e.getTooltipAt(s, i);
@@ -1353,17 +1378,17 @@ class De extends Te {
     const M = this.tableModel.getColumnDef(i);
     M && M.classes[t] && this.dom.addClasses(M.classes[t], S);
     let E;
-    w && (E = w.render(S, s, i, t, e, v, this.dom.domService));
+    m && (E = m.render(S, s, i, t, e, y, this.dom.domService));
     const B = e.getCustomClassesAt(s, i);
-    if (B.length && this.dom.addClasses(B, S), this.dom.addColumnBorderDivs(this.tableOptions, a, f, t, o), h && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: d + l }, a), this.getFocusModel && t === "body") {
-      const x = this.getFocusModel();
-      x != null && x.hasFocus(s, i) && this.dom.addFocusBorderDivs(a, f, {});
+    if (B.length && this.dom.addClasses(B, S), this.dom.addColumnBorderDivs(this.tableOptions, a, b, t, o), h && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: d + l }, a), this.getFocusModel && t === "body") {
+      const v = this.getFocusModel();
+      v != null && v.hasFocus(s, i) && this.dom.addFocusBorderDivs(a, b, {});
     }
     t === "header" && this.dom.setAttribute(S, "data-ge-action", "drag-column");
     const G = e.getCustomStyleAt(s, i);
     if (G)
-      for (const x in G)
-        this.dom.setStyle(S, x, G[x]);
+      for (const v in G)
+        this.dom.setStyle(S, v, G[v]);
     return [S, E];
   }
   applyCssClasses(e, t = {}) {
@@ -1371,25 +1396,6 @@ class De extends Te {
       s ? this.dom.addClass(o, e) : this.dom.removeClass(o, e);
     });
   }
-  rerenderCellContent({ area: e, rowIndex: t, columnIndex: o, value: s, cssClasses: i }) {
-    const r = this.tableModel.getAreaModel(e), n = 'div[data-col-index="' + o + '"][data-row-index="' + t + '"][data-area="' + e + '"]', l = document.querySelector(n);
-    if (l) {
-      let d;
-      const h = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === o ? this.editorRenderer : r.getCellRenderer(t, o);
-      if (l.innerText = "", this.applyCssClasses(l, i), h)
-        d = h.render(l, t, o, e, r, s, this.dom.domService), d && this.cleanupFunctions[e].push(d);
-      else {
-        const f = `${s}`;
-        this.dom.addLabelDiv(l, f, !1, t, o, e);
-      }
-      const u = r.getCustomClassesAt(t, o);
-      u.length && this.dom.addClasses(u, l);
-      const w = r.getCustomStyleAt(t, o);
-      if (w)
-        for (const f in w)
-          this.dom.setStyle(l, f, w[f]);
-    }
-  }
   getColumnWidths(e, t) {
     const o = [];
     for (let s = e; s <= t; s++)
@@ -1438,9 +1444,70 @@ class De extends Te {
       display: "none"
     });
   }
+  /**
+   * Executes a function after a specified delay, ensuring that the function is called only once within that delay period.
+   *
+   * @param {() => void} fn - The function to be executed.
+   * @param {number} [delay=1000] - The delay in milliseconds before executing the function.
+   *
+   * @return {undefined}
+   */
   debounce(e, t = 1e3) {
     this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(e.bind(this), t);
   }
+  adjustDraggingColumn(e, t, o) {
+    var s, i;
+    if (this.dragging) {
+      const r = this.hostElement.clientHeight, n = this.storedColumnWidths[t];
+      if ((s = e.originalEvent) != null && s.clientX) {
+        const a = { left: ((i = e.originalEvent) == null ? void 0 : i.clientX) - n / 2, width: n, height: r, top: 0, index: t };
+        this.dom.applyStyle(this.draggingColumn, {
+          background: "rgba(128,128,128,0.2)",
+          display: "block",
+          overfllow: "clip"
+        }), this.dom.applyStyleInPx(this.draggingColumn, a), o && this.renderContentOfDraggingColumn(a);
+      }
+    } else
+      this.hideDraggingColumn();
+  }
+  renderContentOfDraggingColumn(e) {
+    const t = this.renderContentOfDraggingColumnForArea(e, "header", 0);
+    this.renderContentOfDraggingColumnForArea(e, "body", t);
+  }
+  renderContentOfDraggingColumnForArea(e, t, o = 0) {
+    const s = "center", i = this.tableModel.getAreaModel(t), r = i == null ? void 0 : i.getRowCount();
+    if (r) {
+      const n = e.index ?? 0, l = this.draggingColumn;
+      for (let d = 0; d < r; d++) {
+        const a = o, h = i.getRowHeight(d), u = { left: 0, width: e.width, height: h, top: a, index: d }, m = i.getValueAt(d, n), b = i.getCellRenderer(d, n), f = b ? "" : `${m}`, g = {
+          parent: l,
+          geo: u,
+          rowIndex: d,
+          columnIndex: n,
+          areaIdent: t,
+          sideIdent: s,
+          text: f
+        }, p = this.dom.addColumnDiv(g);
+        let C;
+        b && (C = b.render(p, d, n, t, i, m, this.dom.domService), C && this.cleanupFunctions[t].push(C));
+        const y = i.getCustomClassesAt(d, n);
+        y.length && this.dom.addClasses(y, p);
+        const R = this.tableModel.getColumnDef(n);
+        R && R.classes[t] && this.dom.addClasses(R.classes[t], p), this.dom.addColumnBorderDivs(this.tableOptions, l, u, t, s);
+        const x = i.getCustomStyleAt(d, n);
+        if (x)
+          for (const S in x)
+            this.dom.setStyle(p, S, x[S]);
+        o = o + h;
+      }
+    }
+    return o;
+  }
+  hideDraggingColumn() {
+    this.dom.applyStyle(this.draggingColumn, {
+      display: "none"
+    });
+  }
   renderDragTargetDiv(e, t, o, s, i) {
     const r = this.dom.applyStylePosistionAbsolute(
       this.dom.createDivWithClass("ge-table-drop-zone", e)
@@ -1450,11 +1517,11 @@ class De extends Te {
   renderSelectedBackgroundDiv(e, t, o, s, i, r, n, l, d, a, h) {
     let u = !1;
     if (!e && t && s.isSelectable(i, r) && this.getSelectionModel) {
-      const w = this.getSelectionModel();
-      if (w) {
-        const f = w.getSelectionCount(i, r);
-        u = f > 0;
-        for (let p = 0; p < f; p++) {
+      const m = this.getSelectionModel();
+      if (m) {
+        const b = m.getSelectionCount(i, r);
+        u = b > 0;
+        for (let f = 0; f < b; f++) {
           const g = this.dom.applyStylePosistionAbsolute(
             // ge-table-body-west-selected-range
             this.dom.createDivWithClass(`ge-table-${s.areaIdent}-${o}-selected-range`, n)
@@ -1479,7 +1546,7 @@ class De extends Te {
     cellSelected: h,
     lastRowOfModel: u
   }) {
-    const [w, f] = this.addAndRenderCellDiv({
+    const [m, b] = this.addAndRenderCellDiv({
       areaModel: e,
       areaIdent: t,
       sideIdent: o,
@@ -1492,7 +1559,7 @@ class De extends Te {
       parent: a,
       lastRowOfModel: u
     });
-    h && this.dom.addClass(`ge-table-${t}-${o}-selected-range`, w), f && this.cleanupFunctions[t].push(f);
+    h && this.dom.addClass(`ge-table-${t}-${o}-selected-range`, m), b && this.cleanupFunctions[t].push(b);
   }
   renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: o, cellTop: s, cellWidth: i, cellHeight: r, parent: n }) {
     const l = this.dom.domService, d = this.tableOptions.columnResizeHandleWidthInPx ?? 2, a = l.createElement("div");
@@ -1526,7 +1593,7 @@ class Oe {
     }
   }
 }
-class Pe {
+class Fe {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
@@ -1536,10 +1603,10 @@ class J {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new J([new Pe(e, t)]);
+    return new J([new Fe(e, t)]);
   }
 }
-class Fe {
+class Pe {
   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);
@@ -1548,8 +1615,8 @@ class Fe {
     var i, r, n, l, d, a, h;
     let o = !1, s = !1;
     if (this.getSelectionModel && this.getFocusModel) {
-      const u = this.getSelectionModel(), w = this.getFocusModel();
-      u && w && (w.hasFocus(e.rowIndex, e.columnIndex) || (w.setFocus(e.rowIndex, e.columnIndex), o = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), o = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), s = !0, o = !0) : (n = e.originalEvent) != null && n.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (d = e.originalEvent) != null && d.metaKey) ? (u.removeSelection(R.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (a = e.originalEvent) != null && a.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(R.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (u.firstClick(e.rowIndex, e.columnIndex), o = !0));
+      const u = this.getSelectionModel(), m = this.getFocusModel();
+      u && m && (m.hasFocus(e.rowIndex, e.columnIndex) || (m.setFocus(e.rowIndex, e.columnIndex), o = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), o = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), s = !0, o = !0) : (n = e.originalEvent) != null && n.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (d = e.originalEvent) != null && d.metaKey) ? (u.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (a = e.originalEvent) != null && a.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (u.firstClick(e.rowIndex, e.columnIndex), o = !0));
     }
     return s ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), o;
   }
@@ -1572,7 +1639,7 @@ class Fe {
   createRangeByEvents(e, t) {
     t || (t = e);
     const o = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), s = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), r = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
-    return R.create({
+    return A.create({
       rowIndex1: o,
       columnIndex1: i,
       rowIndex2: s,
@@ -1764,7 +1831,7 @@ class Ge {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
   }
   firstClick(e, t) {
-    this.selectionType === "row" ? this.addRange(R.singleRow(e)) : this.selectionType === "column" && this.addRange(R.singleColumn(t));
+    this.selectionType === "row" ? this.addRange(A.singleRow(e)) : this.selectionType === "column" && this.addRange(A.singleColumn(t));
   }
   getSelectionCount(e, t) {
     let o = 0;
@@ -1797,10 +1864,10 @@ class Ge {
     if (this.selectionType === "none")
       return;
     let t = e;
-    this.selectionType === "row" ? t = R.singleRow(e.r1) : this.selectionType === "column" && (t = R.singleColumn(e.c1)), this.negativeRanges.push(t);
+    this.selectionType === "row" ? t = A.singleRow(e.r1) : this.selectionType === "column" && (t = A.singleColumn(e.c1)), this.negativeRanges.push(t);
   }
   togglePoint(e, t) {
-    this.getSelectionCount(e, t) > 0 ? this.removeSelection(R.singleCell(e, t)) : this.addSelection(R.singleCell(e, t));
+    this.getSelectionCount(e, t) > 0 ? this.removeSelection(A.singleCell(e, t)) : this.addSelection(A.singleCell(e, t));
   }
   isSelected(e, t) {
     return this.getSelectionCount(e, t) > 0;
@@ -1853,7 +1920,7 @@ class j {
       header: 34,
       body: 34,
       footer: 34
-    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new ge(), this.headerGroupOptions = new Q(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new be(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new We(), this.getSelectionModel = () => ze, this.getFocusModel = () => je;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new ge(), this.headerGroupOptions = new Q(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new pe(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new We(), this.getSelectionModel = () => ze, this.getFocusModel = () => je;
   }
 }
 const Z = class X {
@@ -1934,7 +2001,7 @@ const Z = class X {
   mergeRanges(e) {
     let t;
     for (const o of e)
-      t ? (t.r1 = Math.min(t.r1, o.r1), t.c1 = Math.min(t.c1, o.c1), t.r2 = Math.max(t.r2, o.r2), t.c2 = Math.max(t.c2, o.c2)) : t = new R(o.r1, o.c1, o.r2, o.c2);
+      t ? (t.r1 = Math.min(t.r1, o.r1), t.c1 = Math.min(t.c1, o.c1), t.r2 = Math.max(t.r2, o.r2), t.c2 = Math.max(t.c2, o.c2)) : t = new A(o.r1, o.c1, o.r2, o.c2);
     return t;
   }
 };
@@ -1942,15 +2009,15 @@ Z.columnSeparatorChar = "	";
 Z.rowSeparatorChar = `
 `;
 let se = Z;
-class pe extends De {
+class be extends _e {
   constructor(e, t, o, s, i, r = new se()) {
     var n;
     if (super(
       e,
       t,
-      new Ce(o),
+      new ye(o),
       s
-    ), this.eventListener = i, this.copyService = r, this.licenseManager = F.getInstance(), this.selectionService = new Fe(this), this.api = new Ae(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, i || (this.eventListener = new oe()), (n = this.tableOptions) != null && n.autoRestoreOptions) {
+    ), this.eventListener = i, this.copyService = r, this.licenseManager = P.getInstance(), this.selectionService = new Pe(this), this.api = new Ae(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 oe()), (n = this.tableOptions) != null && n.autoRestoreOptions) {
       const l = this.tableOptions.autoRestoreOptions, d = l.getStorageKeyFn;
       d && (l.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Me(d)), l.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new Ie(d)), l.autoRestoreSortingState && (this.storeSortingService = new ke(d)));
     }
@@ -1968,7 +2035,7 @@ class pe extends De {
    * @return {TableScope} - The newly created TableScope instance.
    */
   static create(e, t, o = new j(), s = new oe(), i = new Be(), r = new se()) {
-    return new pe(
+    return new be(
       e,
       t,
       i,
@@ -2053,15 +2120,16 @@ class pe extends De {
    * @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.dragFrom = this.mouseStartColumnIndex));
+    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.
    *
    * @param {GeMouseEvent} mouseEvent - The mouse event object.
+   * @param startMouseEvent
    */
-  mouseDraggingOnFrame(e) {
-    this.eventListener.onMouseDragging(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.tableModel.changeColumnOrder(this.dragFrom, this.dragTo), this.dragFrom = this.dragTo, this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows()), this.repaint());
+  mouseDraggingOnFrame(e, t) {
+    this.eventListener.onMouseDragging(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());
   }
   /**
    * Handles the end of mouse dragging event on a frame.
@@ -2071,7 +2139,7 @@ class pe extends De {
    * @returns {void}
    */
   mouseDraggingEndOnFrame(e) {
-    this.eventListener.onMouseDraggingEnd(e), this.draggingTargetColumnIndex = -1, this.mouseStartAction === "resize-column" ? this.resizeColumn(e) : this.mouseStartAction === "drag-column" && this.repaint(), this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.mouseStartAction = "";
+    this.eventListener.onMouseDraggingEnd(e), this.draggingTargetColumnIndex = -1, this.mouseStartAction === "resize-column" ? this.resizeColumn(e) : this.mouseStartAction === "drag-column" && (this.hideDraggingColumn(), this.repaint()), this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.firstDraggingRendering = !0, this.mouseStartAction = "";
   }
   /**
    * Handles the mouse move event.
@@ -2224,6 +2292,9 @@ class pe extends De {
     if (this != null && this.getFocusModel)
       return this.getFocusModel();
   }
+  setDragging(e) {
+    this.dragging = e, this.dragging ? (this.storeColumnWidths(), this.lastDragFrom = -1, this.lastDragTo = -1) : this.storedColumnWidths = [];
+  }
   /**
    * Changes the focus cell using the specified deltas.
    *
@@ -2601,15 +2672,15 @@ class H {
     this.header = e, this.body = t, this.footer = o;
   }
 }
-class m {
+class w {
   constructor(e = 100, t = "px") {
     this.value = e, this.unit = t;
   }
 }
 const Xe = () => !0, re = () => !1;
 class V {
-  constructor(e, t, o = new m(100, "px"), s = new T(), i = new T(), r = new m(100, "px"), n = new m(100, "px"), l, d, a, h, u, w, f, p, g = () => this.visible) {
-    this.property = e, this.headerLabel = t, this.width = o, this.classes = s, this.rendererMap = i, this.minWidth = r, this.maxWidth = n, this.sortable = l, this.sortComparator = d, this.sortState = a, this.sortStatesOrder = h, this.sortIconVisible = u, this.editable = w, this.getEditRenderer = f, this.editInputPipe = p, this.isVisible = g, this.visible = !0;
+  constructor(e, t, o = new w(100, "px"), s = new T(), i = new T(), r = new w(100, "px"), n = new w(100, "px"), l, d, a, h, u, m, b, f, g = () => this.visible) {
+    this.property = e, this.headerLabel = t, this.width = o, this.classes = s, this.rendererMap = i, this.minWidth = r, this.maxWidth = n, this.sortable = l, this.sortComparator = d, this.sortState = a, this.sortStatesOrder = h, this.sortIconVisible = u, this.editable = m, this.getEditRenderer = b, this.editInputPipe = f, this.isVisible = g, this.visible = !0;
   }
   static bodyRenderer(e) {
     return new T(
@@ -2631,11 +2702,11 @@ class V {
     return new V(
       e.property ?? "",
       e.headerLabel ?? "",
-      e.width ?? new m(100, "px"),
+      e.width ?? new w(100, "px"),
       o,
       t,
-      e.minWidth ?? new m(100, "px"),
-      e.maxWidth ?? new m(100, "px"),
+      e.minWidth ?? new w(100, "px"),
+      e.maxWidth ?? new w(100, "px"),
       e.sortable,
       e.sortComparator,
       e.sortState,
@@ -2648,7 +2719,7 @@ class V {
     );
   }
 }
-const tt = new m(300, "px"), ot = new m(290, "px"), st = new m(280, "px"), it = new m(270, "px"), rt = new m(260, "px"), lt = new m(250, "px"), nt = new m(240, "px"), at = new m(230, "px"), dt = new m(220, "px"), ht = new m(210, "px"), le = new m(200, "px"), ct = new m(190, "px"), ut = new m(180, "px"), gt = new m(170, "px"), bt = new m(160, "px"), pt = new m(150, "px"), ft = new m(140, "px"), mt = new m(130, "px"), wt = new m(120, "px"), St = new m(110, "px"), xt = new m(100, "px"), yt = new m(90, "px"), Ct = new m(80, "px"), vt = new m(70, "px"), Rt = new m(60, "px"), At = new m(50, "px"), Mt = new m(40, "px"), Et = new m(30, "px"), It = new m(20, "px"), kt = new m(10, "px"), Tt = new m(0, "px");
+const tt = new w(300, "px"), ot = new w(290, "px"), st = new w(280, "px"), it = new w(270, "px"), rt = new w(260, "px"), lt = new w(250, "px"), nt = new w(240, "px"), at = new w(230, "px"), dt = new w(220, "px"), ht = new w(210, "px"), le = new w(200, "px"), ct = new w(190, "px"), ut = new w(180, "px"), gt = new w(170, "px"), pt = new w(160, "px"), bt = new w(150, "px"), ft = new w(140, "px"), mt = new w(130, "px"), wt = new w(120, "px"), St = new w(110, "px"), xt = new w(100, "px"), Ct = new w(90, "px"), yt = new w(80, "px"), vt = new w(70, "px"), Rt = new w(60, "px"), At = new w(50, "px"), Mt = new w(40, "px"), Et = new w(30, "px"), It = new w(20, "px"), kt = new w(10, "px"), Tt = new w(0, "px");
 class ee {
   constructor(e, t = [], o = -1) {
     this.areaIdent = e, this.columnDefs = t, this.defaultRowHeight = o, this.rowSelectionModel = void 0, this.yPositions = [], this.cellRenderers = t.map((s) => s.rendererMap[e]);
@@ -2709,7 +2780,9 @@ class ee {
     return !1;
   }
   isEditable(e, t) {
-    return this.columnDefs && t < this.columnDefs.length && this.columnDefs[t].editable ? this.columnDefs[t].editable() : !1;
+    var s, i;
+    const o = (s = this.columnDefs) == null ? void 0 : s[t];
+    return ((i = o == null ? void 0 : o.editable) == null ? void 0 : i.call(o)) ?? !1;
   }
   setValue(e, t, o) {
     var n;
@@ -2727,7 +2800,7 @@ class ee {
   setPropertyValue(e, t, o) {
     const s = t.shift();
     if (s) {
-      let i = e[s];
+      const i = e[s];
       return i && t.length ? this.setPropertyValue(i, t, o) : (e[s] = o, !0);
     }
     return !1;
@@ -2743,7 +2816,7 @@ class ee {
       this.yPositions[t + 1] = this.getRowHeight(t) + this.yPositions[t];
   }
 }
-class _ extends ee {
+class D extends ee {
   constructor(e, t, o, s = []) {
     super(e, s, o), this.areaIdent = e, this.arr = t, this.defaultRowHeight = o, this.columnDefs = s, this.filteredArr = [...t];
   }
@@ -2771,7 +2844,7 @@ class _ extends ee {
     this.filteredArr.forEach((o) => this.arrayMove(o, e, t)), super.changeColumnOrder(e, t);
   }
 }
-class D {
+class _ {
   constructor(e = "body") {
     this.areaIdent = e, this.rowSelectionModel = void 0;
   }
@@ -3073,10 +3146,10 @@ class Ke {
   }
 }
 class N {
-  constructor(e, t, o, s = 0, i = 0, r = !1, n = new H(), l = [], d = [], a = -1, h = 0, u = 400, w = () => {
+  constructor(e, t, o, s = 0, i = 0, r = !1, n = new H(), l = [], d = [], a = -1, h = 0, u = 400, m = () => {
   }) {
-    var f, p, g, b;
-    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = o, this.fixedLeftColumnCount = s, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = n, this.columnDefs = l, this.columnSizes = d, this.overridingColumnWidth = a, this.columnCount = h, this.parentSize = u, this.getSelectionModel = w, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new de(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", o.areaIdent = "footer", this.columnCount || ((f = this.columnDefs) != null && f.length ? this.columnCount = this.columnDefs.length : (p = this.columnSizes) != null && p.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (b = this.columnDefs) != null && b.length && ye(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Ke());
+    var b, f, g, p;
+    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = o, this.fixedLeftColumnCount = s, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = n, this.columnDefs = l, this.columnSizes = d, this.overridingColumnWidth = a, this.columnCount = h, this.parentSize = u, this.getSelectionModel = m, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new de(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", o.areaIdent = "footer", this.columnCount || ((b = this.columnDefs) != null && b.length ? this.columnCount = this.columnDefs.length : (f = this.columnSizes) != null && f.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (p = this.columnDefs) != null && p.length && Ce(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Ke());
   }
   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();
@@ -3375,7 +3448,13 @@ class N {
    * @returns {boolean} - `true` if the column is sortable, `false` otherwise.
    */
   isSortable(e) {
-    return this.columnDefs && e < this.columnDefs.length && this.columnDefs[e].sortable ? this.columnDefs[e].sortable() : !1;
+    var t;
+    if (this.columnDefs && e < this.columnDefs.length) {
+      const o = (t = this.columnDefs[e]) == null ? void 0 : t.sortable;
+      if (typeof o == "function")
+        return o();
+    }
+    return !1;
   }
   /**
    * Moves a column in the column order.
@@ -3395,11 +3474,11 @@ class N {
       if (i.width.unit === "%" && e) {
         let r = Math.floor(i.width.value * e / 100);
         if (i.minWidth) {
-          let n = i.minWidth.unit === "px" ? i.minWidth.value : Math.floor(i.minWidth.value * e / 100);
+          const n = i.minWidth.unit === "px" ? i.minWidth.value : Math.floor(i.minWidth.value * e / 100);
           r = Math.max(n, r);
         }
         if (i.maxWidth) {
-          let n = i.maxWidth.unit === "px" ? i.maxWidth.value : Math.floor(i.maxWidth.value * e / 100);
+          const n = i.maxWidth.unit === "px" ? i.maxWidth.value : Math.floor(i.maxWidth.value * e / 100);
           r = Math.min(n, r);
         }
         return r;
@@ -3484,9 +3563,9 @@ class he extends Ue {
     ), this.areaIdent = e, this.rows = t, this.columnDefs = o, this.defaultRowHeight = s;
   }
 }
-class P {
+class F {
   static createTableModel(e) {
-    var t, o, s, i, r, n, l, d, a, h, u, w, f, p;
+    var t, o, s, i, r, n, l, d, a, h, u, m, b, f;
     if (e.defaultRowHeights === void 0)
       if ((t = e.tableOptions) != null && t.defaultRowHeights)
         e.defaultRowHeights = e.tableOptions.defaultRowHeights;
@@ -3504,22 +3583,22 @@ class P {
           g > -1 && (e.defaultRowHeights.footer = g);
         }
       }
-    if (e.columnDefs === void 0 && ((o = e.properties) != null && o.length ? e.columnDefs = e.properties.map((g) => new V(g, g.toUpperCase(), le)) : (s = e.rows) != null && s.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new V(g, g.toUpperCase(), le)) : 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 || ((d = e.headerData) != null && d.length ? e.headerAreaModel = new _(
+    if (e.columnDefs === void 0 && ((o = e.properties) != null && o.length ? e.columnDefs = e.properties.map((g) => new V(g, g.toUpperCase(), le)) : (s = e.rows) != null && s.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new V(g, g.toUpperCase(), le)) : 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 || ((d = e.headerData) != null && d.length ? e.headerAreaModel = new D(
       "header",
       e.headerData,
       e.defaultRowHeights.header,
       e.columnDefs
-    ) : (a = e.columnDefs) != null && a.length ? e.headerAreaModel = new _(
+    ) : (a = e.columnDefs) != null && a.length ? e.headerAreaModel = new D(
       "header",
       [e.columnDefs.map((g) => g.headerLabel)],
       e.defaultRowHeights.header,
       e.columnDefs
-    ) : e.headerAreaModel = new D("header")), e.footerAreaModel || ((h = e.footerData) != null && h.length ? e.footerAreaModel = new _(
+    ) : e.headerAreaModel = new _("header")), e.footerAreaModel || ((h = e.footerData) != null && h.length ? e.footerAreaModel = new D(
       "footer",
       e.footerData,
       e.defaultRowHeights.footer,
       e.columnDefs
-    ) : e.footerAreaModel = new D("footer")), !e.bodyAreaModel)
+    ) : e.footerAreaModel = new _("footer")), !e.bodyAreaModel)
       if (e.rows)
         if ((u = e.rows) != null && u.length && L(e.rows[0])) {
           const g = e.rows;
@@ -3528,7 +3607,7 @@ class P {
             g,
             e.defaultRowHeights.body,
             e.columnDefs
-          ), (e.columnDefs[0].property === "CheckboxColumn" || (w = e.tableOptions) != null && w.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new ae(g));
+          ), (e.columnDefs[0].property === "CheckboxColumn" || (m = e.tableOptions) != null && m.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new ae(g));
         } else
           e.bodyAreaModel = new he(
             "body",
@@ -3537,12 +3616,12 @@ class P {
             e.defaultRowHeights.body
           );
       else
-        e.bodyData ? e.bodyAreaModel = new _(
+        e.bodyData ? e.bodyAreaModel = new D(
           "body",
           e.bodyData,
           e.defaultRowHeights.body
-        ) : e.bodyAreaModel = new D("body");
-    return e.fixedLeftColumnCount === void 0 && (e.fixedLeftColumnCount = 0), e.fixedRightColumnCount === void 0 && (e.fixedRightColumnCount = 0), e.rowCheckboxVisible === void 0 && (e.rowCheckboxVisible = !1), e.overridingColumnWidth === void 0 && (e.overridingColumnWidth = -1), !e.getSelectionModel && ((f = e.tableOptions) != null && f.getSelectionModel) && (e.getSelectionModel = (p = e.tableOptions) == null ? void 0 : p.getSelectionModel), new N(
+        ) : e.bodyAreaModel = new _("body");
+    return e.fixedLeftColumnCount === void 0 && (e.fixedLeftColumnCount = 0), e.fixedRightColumnCount === void 0 && (e.fixedRightColumnCount = 0), e.rowCheckboxVisible === void 0 && (e.rowCheckboxVisible = !1), e.overridingColumnWidth === void 0 && (e.overridingColumnWidth = -1), !e.getSelectionModel && ((b = e.tableOptions) != null && b.getSelectionModel) && (e.getSelectionModel = (f = e.tableOptions) == null ? void 0 : f.getSelectionModel), new N(
       e.headerAreaModel,
       e.bodyAreaModel,
       e.footerAreaModel,
@@ -3559,7 +3638,7 @@ class P {
     );
   }
   static buildByTypedRowsParam(e) {
-    return P.buildByTypedRows(
+    return F.buildByTypedRows(
       e.rows ?? [],
       e.columnDefs,
       e.tableOptions ?? new j(),
@@ -3576,10 +3655,10 @@ class P {
         r.body,
         t
       );
-      return (n || o.showCheckboxWihoutExtraColumn) && (d.rowSelectionModel = new ae(l)), P.createByAreaModelsParam({
-        headerAreaModel: new _("header", [t.map((a) => a.headerLabel)], r.header),
+      return (n || o.showCheckboxWihoutExtraColumn) && (d.rowSelectionModel = new ae(l)), F.createByAreaModelsParam({
+        headerAreaModel: new D("header", [t.map((a) => a.headerLabel)], r.header),
         bodyAreaModel: d,
-        footerAreaModel: new _("footer", [], r.footer),
+        footerAreaModel: new D("footer", [], r.footer),
         columnDefs: t,
         fixedLeftColumnCount: s,
         fixedRightColumnCount: i,
@@ -3590,7 +3669,7 @@ class P {
         overridingColumnWidth: -1
       });
     }
-    return P.createByObjectArrayParam({
+    return F.createByObjectArrayParam({
       rows: e,
       columnDefs: t,
       fixedLeftColumnCount: s,
@@ -3600,7 +3679,7 @@ class P {
   }
   static createByObjectArrayParam(e) {
     const t = e.rowCheckboxVisible !== void 0 ? e.rowCheckboxVisible : !1;
-    return P.createByObjectArray(
+    return F.createByObjectArray(
       e.rows,
       e.header ?? [],
       e.footer ?? [],
@@ -3612,7 +3691,7 @@ class P {
       e.columnSizes ?? []
     );
   }
-  static createByAreaModels(e = new D(), t, o = new D(), s = 0, i = 0, r = !1, n = new H(), l, d = [], a = -1, h) {
+  static createByAreaModels(e = new _(), t, o = new _(), s = 0, i = 0, r = !1, n = new H(), l, d = [], a = -1, h) {
     return new N(
       e,
       t,
@@ -3628,10 +3707,10 @@ class P {
     );
   }
   static createByAreaModelsParam(e) {
-    return P.createByAreaModels(
-      e.headerAreaModel ?? new D(),
+    return F.createByAreaModels(
+      e.headerAreaModel ?? new _(),
       e.bodyAreaModel,
-      e.footerAreaModel ?? new D(),
+      e.footerAreaModel ?? new _(),
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0,
       e.rowCheckboxVisible === void 0 ? !1 : e.rowCheckboxVisible,
@@ -3644,8 +3723,8 @@ class P {
   }
   static createByObjectArray(e, t = [], o = [], s = 0, i = 0, r = !1, n = new H(), l, d = []) {
     let a;
-    t != null && t.length ? a = new _("header", t, n.header, l) : l != null && l.length ? a = new _("header", [l.map((w) => w.headerLabel)], n.header, l) : a = new D();
-    const h = o ? new _("footer", o, n.footer, l) : new D(), u = new he("body", e, l, n.body);
+    t != null && t.length ? a = new D("header", t, n.header, l) : l != null && l.length ? a = new D("header", [l.map((m) => m.headerLabel)], n.header, l) : a = new _();
+    const h = o ? new D("footer", o, n.footer, l) : new _(), u = new he("body", e, l, n.body);
     return new N(
       a,
       u,
@@ -3659,7 +3738,7 @@ class P {
     );
   }
 }
-const _t = [
+const Dt = [
   "COPY_2_CLIPBOARD",
   "START_EDITING",
   "TOGGLE_SELECTION",
@@ -3677,7 +3756,7 @@ const _t = [
   // "PAGEUP_PRESSED",
   // "PAGEDOWN_PRESSED"
 ];
-class Dt {
+class _t {
   constructor(e, t) {
     this.tableModel = e, this.tableOptions = t;
   }
@@ -3710,7 +3789,7 @@ class Ot {
     this.index = e, this.px = t;
   }
 }
-const Pt = { body: ["ge-table-text-align-left"] }, Ft = { body: ["ge-table-text-align-center"] }, Lt = { body: ["ge-table-text-align-right"] }, Ht = {
+const Ft = { body: ["ge-table-text-align-left"] }, Pt = { body: ["ge-table-text-align-center"] }, Lt = { body: ["ge-table-text-align-right"] }, Ht = {
   header: ["ge-table-text-align-left"],
   body: ["ge-table-text-align-left"],
   footer: ["ge-table-text-align-left"]
@@ -3743,7 +3822,7 @@ class ce {
 }
 class Wt {
   constructor() {
-    this.type = "CheckboxColumnDef", this.property = "CheckboxColumn", this.headerLabel = "", this.width = new m(50, "px"), this.minWidth = new m(50, "px"), this.maxWidth = new m(100, "px"), this.rendererMap = new T(new ce(), new ce(), void 0), this.classes = new T(
+    this.type = "CheckboxColumnDef", this.property = "CheckboxColumn", this.headerLabel = "", this.width = new w(50, "px"), this.minWidth = new w(50, "px"), this.maxWidth = new w(100, "px"), this.rendererMap = new T(new ce(), new ce(), void 0), this.classes = new T(
       [],
       ["ge-table-text-align-left"],
       []
@@ -4091,7 +4170,7 @@ class Yt {
     var e;
     for (const t of this.groupExts)
       t.log(this.getMaxRowCount());
-    this.arr = this.buildArray(), !((e = this.columnDefs) != null && e.length) && this.areaIdent === "header" && (this.columnDefs = I.buildColumnDefs(this.groups)), console.info("this.arr", this.arr);
+    this.arr = this.buildArray(), !((e = this.columnDefs) != null && e.length) && this.areaIdent === "header" && (this.columnDefs = I.buildColumnDefs(this.groups));
   }
   getAllLeafs() {
     return I.flattenGroupExts(this.groupExts).filter((t) => !t.children);
@@ -4262,7 +4341,7 @@ class qt {
           ${h}
           class="ge-input-checkbox">`, !this.readonly) {
         const u = e.querySelector(".ge-input-checkbox");
-        u && u.addEventListener("click", (w, f) => (l[this.property] = !l[this.property], !0));
+        u && u.addEventListener("click", (m, b) => (l[this.property] = !l[this.property], !0));
       }
     }
   }
@@ -4492,9 +4571,9 @@ export {
   ee as AbstractAreaModel,
   Gt as AreaMapFactory,
   Xt as AreaModel,
-  _ as AreaModelArrayOfArrays,
+  D as AreaModelArrayOfArrays,
   Yt as AreaModelCellGroups,
-  D as AreaModelHidden,
+  _ as AreaModelHidden,
   he as AreaModelObjectArrayWithColumndefs,
   Ue as AreaModelObjectyArray,
   ne as AreaModelTree,
@@ -4503,18 +4582,18 @@ export {
   Qe as CellGroup,
   Ze as CellGroupExt,
   et as CellGroupExtCellRenderer,
-  R as CellRange,
+  A as CellRange,
   I as CellgroupFactory,
   qt as CheckboxBooleanPropertyCellRenderer,
   ce as CheckboxCellRenderer,
   Wt as CheckboxColumnDef,
   Ke as CheckboxModel,
   $t as ChunkData,
-  _e as ColAndRowspanModel,
+  De as ColAndRowspanModel,
   Ee as CollapsedExpandedData,
   ho as ColorRgb,
   V as ColumnDef,
-  Ce as ConvenienceDomService,
+  ye as ConvenienceDomService,
   se as CopyService,
   fe as CssVars,
   Qt as DateToIntlDDMMYYYYCellRenderer,
@@ -4526,7 +4605,7 @@ export {
   oe as EventAdapter,
   re as FalseFn,
   Ne as FocusModel,
-  Pe as GeCellIndices,
+  Fe as GeCellIndices,
   W as GeCssColorUtil,
   Kt as GeFilterService,
   Nt as GeKeyEvent,
@@ -4537,7 +4616,7 @@ export {
   Ot as IndexAndPx,
   We as InputCellRenderer,
   Oe as InputHandler,
-  F as LicenseManager,
+  P as LicenseManager,
   eo as MaleFemaleToIconCellRenderer,
   Re as MouseHandler,
   ve as MouseTargetData,
@@ -4547,28 +4626,28 @@ export {
   de as Padding,
   no as PositiveAndNegativeNumberRenderer,
   lo as ProgressBarCellRenderer,
-  De as RenderScope,
+  _e as RenderScope,
   Ut as Renderer,
   qe as RequestChunk,
   xe as SelectCellRenderer,
   Ge as SelectionModel,
-  Fe as SelectionService,
+  Pe as SelectionService,
   Ve as ShortcutService,
   Be as SimpleDomService,
-  m as Size,
+  w as Size,
   $e as SortItem,
-  be as SortedOptions,
+  pe as SortedOptions,
   ro as StarRatingCellRenderer,
   Ie as StoreStateCollapsedExpandService,
   Me as StoreStateScrollPosService,
   ke as StoreStateSortingService,
   Ae as TableApi,
   zt as TableCellUpdateEvent,
-  P as TableFactory,
+  F as TableFactory,
   N as TableModel,
-  Dt as TableModelAndOptions,
+  _t as TableModelAndOptions,
   j as TableOptions,
-  pe as TableScope,
+  be as TableScope,
   co as ThreeColorGradientArg,
   ae as TreeCheckboxModel,
   Y as TreeFactory,
@@ -4580,17 +4659,17 @@ export {
   ue as TwoColorGradientArg,
   Je as ValueLabel,
   Le as WindowsShortcutActionIdMapping,
-  _t as actionIds,
+  Dt as actionIds,
   Vt as allCenter,
   Ht as allLeft,
   Bt as allRight,
-  Ft as bodyCenter,
-  Pt as bodyLeft,
+  Pt as bodyCenter,
+  Ft as bodyLeft,
   Lt as bodyRight,
   ao as editInputPipeForNumber,
   U as getAreaIdentByString,
   z as isAreaModelTree,
-  ye as isCheckboxColumnDef,
+  Ce as isCheckboxColumnDef,
   L as isTreeRow,
   Tt as px0,
   kt as px10,
@@ -4599,8 +4678,8 @@ export {
   wt as px120,
   mt as px130,
   ft as px140,
-  pt as px150,
-  bt as px160,
+  bt as px150,
+  pt as px160,
   gt as px170,
   ut as px180,
   ct as px190,
@@ -4621,6 +4700,6 @@ export {
   At as px50,
   Rt as px60,
   vt as px70,
-  Ct as px80,
-  yt as px90
+  yt as px80,
+  Ct as px90
 };