@guiexpert/table 1.1.10 → 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 {
@@ -83,7 +83,7 @@ class pe {
     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, b = this.domService.createElement("div");
-    this.domService.addClass(b, "ge-table-col-div"), this.domService.addClass(b, `ge-table-col-div-${o.index}`), this.domService.setAttribute(b, "data-col-index", `${o.index}`), this.domService.setAttribute(b, "data-row-index", `${s}`), this.domService.setAttribute(b, "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(b, `ge-table-column-${g}`), this.domService.setStyle(b, "display", "clip"), this.domService.setStyle(b, "position", "absolute"), this.domService.setStyle(b, "left", `${o.left}px`), this.domService.setStyle(b, "top", `${o.top}px`), this.domService.setStyle(b, "width", `${o.width}px`), this.domService.setStyle(b, "height", `${o.height}px`), d && d !== "none" && (this.domService.addClass(b, "ge-table-col-tree"), this.addArrowDiv(b, d, w, s, i, r)), f && i === 0 && h && this.addCheckboxToDiv(b, h, r, s), l) {
+    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(b, l, p, s, i, r);
+      this.addLabelDiv(f, l, p, s, i, r);
     }
-    return u && this.addSortedIcon(b, u, a == null ? void 0 : a.sortedOptions, i), this.domService.appendChild(t, b), b;
+    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" : "";
@@ -883,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
@@ -897,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,
@@ -906,13 +906,13 @@ class R {
     );
   }
   static singleCell(e, t) {
-    return new R(e, t, e, t);
+    return new A(e, t, e, t);
   }
   static singleRow(e) {
-    return new R(e, 0, e, Number.MAX_SAFE_INTEGER);
+    return new A(e, 0, e, Number.MAX_SAFE_INTEGER);
   }
   static singleColumn(e) {
-    return new R(0, e, Number.MAX_SAFE_INTEGER, e);
+    return new A(0, e, Number.MAX_SAFE_INTEGER, e);
   }
   isInRange(e, t) {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
@@ -934,7 +934,7 @@ class De {
           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)
           );
         }
       }
@@ -1036,6 +1036,25 @@ class _e 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)));
@@ -1105,46 +1124,46 @@ class _e extends Te {
       p && p();
     }
     let u = t;
-    const w = this.tableModel.getColumnCount(), f = this.tableModel.getFixedRightColumnCount(), b = this.tableModel.getFixedLeftColumnCount();
+    const m = this.tableModel.getColumnCount(), b = this.tableModel.getFixedRightColumnCount(), f = this.tableModel.getFixedLeftColumnCount();
     for (let p = 0; p < h; p++) {
-      const C = u, v = p === h - 1, A = this.tableModel.getRowHeight(e, p);
-      if (C + A > 0) {
+      const C = u, y = p === h - 1, R = this.tableModel.getRowHeight(e, p);
+      if (C + R > 0) {
         this.firstVisibleRowIndex = p;
-        let y = { left: n, width: l, height: A, top: C, index: p }, S = this.dom.addRowDiv(s, y, p, e, "center");
-        const k = b;
+        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: 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: p }, S = this.dom.addRowDiv(o, y, p, 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: 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: p }, S = this.dom.addRowDiv(i, y, p, 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: p,
-          columnIndexStart: w - f,
-          columnIndexEnd: w - 1,
+          columnIndexStart: m - b,
+          columnIndexEnd: m - 1,
           verticalFixed: !0,
-          lastRowOfModel: v
+          lastRowOfModel: y
         })), e === "header" && this.tree && p === h - 1) {
           const M = this.dom.applyStyle(
             this.dom.setAttribute(
@@ -1160,23 +1179,23 @@ class _e extends Te {
           }
         }
       }
-      if (u = u + A, u > r)
+      if (u = u + R, u > r)
         break;
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
       const p = ((g = this.colAndRowspanModels[e]) == null ? void 0 : g.getRanges()) ?? [];
       if (p.length)
         for (const C of p) {
-          let v = 0, A = s.child, y = "center";
-          if (C.c1 < b)
-            A = o.child, y = "west";
-          else if (f > 0 && C.c1 >= w - f)
-            A = i.child, y = "east";
+          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);
         }
     }
   }
@@ -1194,10 +1213,10 @@ class _e extends Te {
     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, p) => g + p, 0), u = this.getRowHeights(e.r1, e.r2, s).reduce((g, p) => g + p, 0), w = this.getColumnWidths(e.c1, e.c2).reduce((g, p) => g + p, 0);
-    let f = !1;
-    const b = this.getSelectionModel ? this.getSelectionModel() : void 0;
-    b && (f = b.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,
@@ -1205,10 +1224,10 @@ class _e 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({
@@ -1219,10 +1238,10 @@ class _e 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({
@@ -1230,7 +1249,7 @@ class _e extends Te {
       columnIndex: e.c1,
       cellLeft: h,
       cellTop: n,
-      cellWidth: w,
+      cellWidth: m,
       cellHeight: u,
       parent: i
     });
@@ -1258,30 +1277,30 @@ class _e extends Te {
     verticalFixed: d = !1,
     lastRowOfModel: a = !1
   }) {
-    var b;
+    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 p = f, C = this.tableModel.getColumnWidth(g);
+      const p = b, C = this.tableModel.getColumnWidth(g);
       if (C > 0 && p + 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));
+        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] && (b = this.colAndRowspanModels[e]) != null && b.isInRange(r, g) && (k = !0), this.draggingTargetColumnIndex === g && e !== "header") {
-          this.renderDragTargetDiv(i, p, u, S, v);
-          const M = { left: p, 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, p, 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,
@@ -1291,7 +1310,7 @@ class _e extends Te {
             left: p,
             top: u,
             width: S,
-            height: v,
+            height: y,
             parent: i,
             cellSelected: M,
             lastRowOfModel: a,
@@ -1302,15 +1321,15 @@ class _e extends Te {
             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;
@@ -1329,29 +1348,29 @@ class _e 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 }, b = 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(b)) {
-      const x = b;
-      (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);
@@ -1359,17 +1378,17 @@ class _e 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 = {}) {
@@ -1377,25 +1396,6 @@ class _e 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++)
@@ -1444,27 +1444,65 @@ class _e 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) {
-    var o, s;
+  adjustDraggingColumn(e, t, o) {
+    var s, i;
     if (this.dragging) {
-      const i = this.hostElement.clientHeight, r = this.tableModel.getColumnWidth(t);
-      if ((o = e.originalEvent) != null && o.clientX) {
-        const n = ((s = e.originalEvent) == null ? void 0 : s.clientX) - r / 2;
+      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)",
-          left: n + "px",
-          top: "0px",
-          width: r + "px",
-          height: i + "px",
-          display: "block"
-        });
+          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"
@@ -1479,11 +1517,11 @@ class _e 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 b = 0; b < f; b++) {
+      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)
@@ -1508,7 +1546,7 @@ class _e extends Te {
     cellSelected: h,
     lastRowOfModel: u
   }) {
-    const [w, f] = this.addAndRenderCellDiv({
+    const [m, b] = this.addAndRenderCellDiv({
       areaModel: e,
       areaIdent: t,
       sideIdent: o,
@@ -1521,7 +1559,7 @@ class _e 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");
@@ -1555,7 +1593,7 @@ class Oe {
     }
   }
 }
-class Pe {
+class Fe {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
@@ -1565,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);
@@ -1577,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;
   }
@@ -1601,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,
@@ -1793,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;
@@ -1826,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;
@@ -1963,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;
   }
 };
@@ -1977,9 +2015,9 @@ class be extends _e {
     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, this.lastDragFrom = -1, this.lastDragTo = -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)));
     }
@@ -2082,7 +2120,7 @@ class be extends _e {
    * @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.
@@ -2091,7 +2129,7 @@ class be extends _e {
    * @param startMouseEvent
    */
   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.repaint());
+    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.
@@ -2101,7 +2139,7 @@ class be extends _e {
    * @returns {void}
    */
   mouseDraggingEndOnFrame(e) {
-    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.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.
@@ -2634,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, b, 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 = b, 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(
@@ -2664,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,
@@ -2681,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"), pt = new m(160, "px"), bt = 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]);
@@ -3108,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, b, 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 = 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 : (b = this.columnSizes) != null && b.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (p = this.columnDefs) != null && p.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();
@@ -3525,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, b;
+    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;
@@ -3569,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",
@@ -3583,7 +3621,7 @@ class P {
           e.bodyData,
           e.defaultRowHeights.body
         ) : 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 && ((f = e.tableOptions) != null && f.getSelectionModel) && (e.getSelectionModel = (b = e.tableOptions) == null ? void 0 : b.getSelectionModel), new N(
+    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,
@@ -3600,7 +3638,7 @@ class P {
     );
   }
   static buildByTypedRowsParam(e) {
-    return P.buildByTypedRows(
+    return F.buildByTypedRows(
       e.rows ?? [],
       e.columnDefs,
       e.tableOptions ?? new j(),
@@ -3617,7 +3655,7 @@ class P {
         r.body,
         t
       );
-      return (n || o.showCheckboxWihoutExtraColumn) && (d.rowSelectionModel = new ae(l)), P.createByAreaModelsParam({
+      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 D("footer", [], r.footer),
@@ -3631,7 +3669,7 @@ class P {
         overridingColumnWidth: -1
       });
     }
-    return P.createByObjectArrayParam({
+    return F.createByObjectArrayParam({
       rows: e,
       columnDefs: t,
       fixedLeftColumnCount: s,
@@ -3641,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 ?? [],
@@ -3669,7 +3707,7 @@ class P {
     );
   }
   static createByAreaModelsParam(e) {
-    return P.createByAreaModels(
+    return F.createByAreaModels(
       e.headerAreaModel ?? new _(),
       e.bodyAreaModel,
       e.footerAreaModel ?? new _(),
@@ -3685,7 +3723,7 @@ 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 D("header", t, n.header, l) : l != null && l.length ? a = new D("header", [l.map((w) => w.headerLabel)], n.header, l) : a = new _();
+    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,
@@ -3751,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"]
@@ -3784,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"],
       []
@@ -4303,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));
       }
     }
   }
@@ -4544,7 +4582,7 @@ 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,
@@ -4555,7 +4593,7 @@ export {
   Ee as CollapsedExpandedData,
   ho as ColorRgb,
   V as ColumnDef,
-  Ce as ConvenienceDomService,
+  ye as ConvenienceDomService,
   se as CopyService,
   fe as CssVars,
   Qt as DateToIntlDDMMYYYYCellRenderer,
@@ -4567,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,
@@ -4578,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,
@@ -4593,10 +4631,10 @@ export {
   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,
   pe as SortedOptions,
   ro as StarRatingCellRenderer,
@@ -4605,7 +4643,7 @@ export {
   ke as StoreStateSortingService,
   Ae as TableApi,
   zt as TableCellUpdateEvent,
-  P as TableFactory,
+  F as TableFactory,
   N as TableModel,
   _t as TableModelAndOptions,
   j as TableOptions,
@@ -4625,13 +4663,13 @@ export {
   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,
@@ -4662,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
 };