@guiexpert/table 1.1.17 → 1.1.20

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

@@ -1,11 +1,21 @@
-class P {
+function et(c = 500) {
+  return function(e, t, o) {
+    let i = 0;
+    const s = o.value;
+    return o.value = function(...r) {
+      if (!(Date.now() - i < c))
+        return i = Date.now(), s.apply(this, r);
+    }, o;
+  };
+}
+class L {
   // The constructor is private to prevent direct construction calls
   // with the `new` operator
   constructor() {
     this.alreadySet = !1;
   }
   static getInstance() {
-    return P.instance || (P.instance = new P()), P.instance;
+    return L.instance || (L.instance = new L()), L.instance;
   }
   /**
    * Method to set the license key for the application.
@@ -23,21 +33,21 @@ class P {
     }
   }
 }
-function L(c) {
+function H(c) {
   return c && c.type === "TreeRow";
 }
-function z(c) {
+function K(c) {
   return c && c.type === "AreaModelTree";
 }
 function ye(c) {
   return c && c.type === "CheckboxColumnDef";
 }
-class K {
-  constructor(e = -1, t = -1, o = -1, s = -1, i, r, n, l = 0, d = 0, a = 0, h = "") {
-    this.rowIndex = e, this.rowTop = t, this.columnIndex = o, this.columnLeft = s, this.areaIdent = i, this.sideIdent = r, this.originalEvent = n, this.clickCount = l, this.draggingX = d, this.draggingY = a, this.action = h;
+class Q {
+  constructor(e = -1, t = -1, o = -1, i = -1, s, r, l, n = 0, d = 0, a = 0, h = "") {
+    this.rowIndex = e, this.rowTop = t, this.columnIndex = o, this.columnLeft = i, this.areaIdent = s, this.sideIdent = r, this.originalEvent = l, this.clickCount = n, this.draggingX = d, this.draggingY = a, this.action = h;
   }
   clone() {
-    return new K(
+    return new Q(
       this.rowIndex,
       this.rowTop,
       this.columnIndex,
@@ -52,34 +62,34 @@ class K {
     );
   }
 }
-class O {
+class $ {
   constructor(e = ">", t = "", o = []) {
     this.content = e, this.style = t, this.classes = o;
   }
 }
-class ge {
-  constructor(e = new O(
+class fe {
+  constructor(e = new $(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), t = new O(
+  ), t = new $(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), o = new O(
+  ), o = new $(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), s = new O(
+  ), i = new $(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
   )) {
-    this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = o, this.arrowExpandCollapseAll = s;
+    this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = o, this.arrowExpandCollapseAll = i;
   }
 }
-class pe {
-  constructor(e = new O("↑", "", ["ge-header-sorted-asc"]), t = new O("↓", "", ["ge-header-sorted-desc"]), o = new O("↑", "color:transparent;", [])) {
+class me {
+  constructor(e = new $("↑", "", ["ge-header-sorted-asc"]), t = new $("↓", "", ["ge-header-sorted-desc"]), o = new $("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = o;
   }
 }
@@ -102,7 +112,7 @@ class ve {
     return this.domService.setStyle(e, "display", "block"), e;
   }
   applyStyleInPx(e, t) {
-    return Object.entries(t).forEach(([o, s]) => this.domService.setStyle(e, o, s + "px")), e;
+    return Object.entries(t).forEach(([o, i]) => this.domService.setStyle(e, o, i + "px")), e;
   }
   applyStylePosistionRelative(e) {
     return this.domService.setStyle(e, "position", "relative"), this.domService.setStyle(e, "overflow", "clip"), e;
@@ -148,116 +158,116 @@ class ve {
   setAttribute(e, t, o) {
     return t && o && this.domService.setAttribute(e, t, o), e;
   }
-  createAreaDivWithClass(e, t, o, s) {
-    const i = this.domService.createElement("div");
-    return this.addClass(e, i), this.domService.setAttribute(i, "data-area", o), this.domService.setAttribute(i, "data-side", s), this.domService.appendChild(t, i), i;
+  createAreaDivWithClass(e, t, o, i) {
+    const s = this.domService.createElement("div");
+    return this.addClass(e, s), this.domService.setAttribute(s, "data-area", o), this.domService.setAttribute(s, "data-side", i), this.domService.appendChild(t, s), s;
   }
   createDivWithClass(e, t) {
     const o = this.domService.createElement("div");
     return this.addClass(e, o), this.domService.appendChild(t, o), o;
   }
-  addRowDiv(e, t, o = -1, s, i, r = "") {
-    const n = t.index ?? -1, l = this.getDivOrCreateDiv(n, e);
-    if (this.domService.addClass(l, "ge-table-row-div"), this.domService.addClass(l, `ge-table-row-div-${t.index}`), s === "body" && i === "center") {
+  addRowDiv(e, t, o = -1, i, s, r = "") {
+    const l = t.index ?? -1, n = this.getDivOrCreateDiv(l, e);
+    if (this.domService.addClass(n, "ge-table-row-div"), this.domService.addClass(n, `ge-table-row-div-${t.index}`), i === "body" && s === "center") {
       const d = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
-      this.domService.addClass(l, `ge-table-row-${d}`);
+      this.domService.addClass(n, `ge-table-row-${d}`);
     }
-    if (this.domService.setStyle(l, "display", "clip"), this.domService.setStyle(l, "position", "absolute"), this.domService.setStyle(l, "left", `${t.left}px`), this.domService.setStyle(l, "top", `${t.top}px`), this.domService.setStyle(l, "width", `${t.width}px`), this.domService.setStyle(l, "height", `${t.height}px`), this.domService.setAttribute(l, "data-row-index", `${o}`), this.domService.setAttribute(l, "data-area", `${s}`), r) {
+    if (this.domService.setStyle(n, "display", "clip"), this.domService.setStyle(n, "position", "absolute"), this.domService.setStyle(n, "left", `${t.left}px`), this.domService.setStyle(n, "top", `${t.top}px`), this.domService.setStyle(n, "width", `${t.width}px`), this.domService.setStyle(n, "height", `${t.height}px`), this.domService.setAttribute(n, "data-row-index", `${o}`), this.domService.setAttribute(n, "data-area", `${i}`), r) {
       const d = this.domService.createText(r);
-      this.domService.appendChild(l, d);
+      this.domService.appendChild(n, d);
     }
-    return this.domService.appendChild(e.child, l), l;
+    return this.domService.appendChild(e.child, n), n;
   }
   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, 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 { parent: t, geo: o, rowIndex: i = -1, columnIndex: s = -1, areaIdent: r, sideIdent: l, text: n = "", 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", `${i}`), 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(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);
+    if (r === "body" && l === "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, i, s, r)), b && s === 0 && h && this.addCheckboxToDiv(f, h, r, i), n) {
+      const p = d !== "none" && s === 0;
+      this.addLabelDiv(f, n, p, i, s, r);
     }
-    return u && this.addSortedIcon(f, u, a == null ? void 0 : a.sortedOptions, i), this.domService.appendChild(t, f), f;
+    return u && this.addSortedIcon(f, u, a == null ? void 0 : a.sortedOptions, s), this.domService.appendChild(t, f), f;
   }
-  addCheckboxToDiv(e, t, o, s) {
-    const i = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
-    return i.innerHTML = `
+  addCheckboxToDiv(e, t, o, i) {
+    const s = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
+    return s.innerHTML = `
             <input
                 type="checkbox"
                 data-area="${o}"
-                data-row-index="${s}"
+                data-row-index="${i}"
                 data-input-type="checkbox"
                 ${r}
-                class="ge-table-row-checkbox"> `, this.domService.setStyle(i, "display", "inline"), this.domService.setStyle(i, "width", "inherit"), this.domService.setAttribute(i, "data-row-index", `${s}`), this.domService.appendChild(e, i), i;
+                class="ge-table-row-checkbox"> `, this.domService.setStyle(s, "display", "inline"), this.domService.setStyle(s, "width", "inherit"), this.domService.setAttribute(s, "data-row-index", `${i}`), this.domService.appendChild(e, s), s;
   }
-  addLabelDiv(e, t = "", o = !1, s = -1, i = -1, r = "body") {
-    const n = this.domService.createElement("div");
-    if (this.domService.addClass(n, "ge-table-label-div"), this.domService.setStyle(n, "position", "relative"), this.domService.setStyle(n, "background", "transparent"), this.domService.setStyle(n, "width", "100%"), this.domService.setStyle(n, "height", "100%"), this.domService.setAttribute(n, "data-row-index", `${s}`), this.domService.setAttribute(n, "data-col-index", `${i}`), this.domService.setAttribute(n, "data-area", `${r}`), t)
+  addLabelDiv(e, t = "", o = !1, i = -1, s = -1, r = "body") {
+    const l = this.domService.createElement("div");
+    if (this.domService.addClass(l, "ge-table-label-div"), this.domService.setStyle(l, "position", "relative"), this.domService.setStyle(l, "background", "transparent"), this.domService.setStyle(l, "width", "100%"), this.domService.setStyle(l, "height", "100%"), this.domService.setAttribute(l, "data-row-index", `${i}`), this.domService.setAttribute(l, "data-col-index", `${s}`), this.domService.setAttribute(l, "data-area", `${r}`), t)
       if (o) {
-        const l = this.domService.createText(t);
-        this.domService.appendChild(n, l);
+        const n = this.domService.createText(t);
+        this.domService.appendChild(l, n);
       } else {
-        const l = this.domService.createElement("div");
-        this.domService.appendChild(n, l);
+        const n = this.domService.createElement("div");
+        this.domService.appendChild(l, n);
         const d = this.domService.createText(t);
-        this.domService.addClass(l, "ge-table-label"), this.domService.appendChild(l, d), this.domService.setAttribute(l, "data-row-index", `${s}`), this.domService.setAttribute(l, "data-col-index", `${i}`), this.domService.setAttribute(l, "data-area", `${r}`);
+        this.domService.addClass(n, "ge-table-label"), this.domService.appendChild(n, d), this.domService.setAttribute(n, "data-row-index", `${i}`), this.domService.setAttribute(n, "data-col-index", `${s}`), this.domService.setAttribute(n, "data-area", `${r}`);
       }
-    return this.domService.appendChild(e, n), n;
+    return this.domService.appendChild(e, l), l;
   }
-  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");
+  addSortedIcon(e, t = "", o = new me(), i = -1) {
+    const s = this.domService.createElement("div");
+    this.domService.addClass(s, "ge-table-sorted-icon-div"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "top", "0"), this.domService.setStyle(s, "right", "0"), this.domService.setStyle(s, "width", "20px"), this.domService.setStyle(s, "background", "transparent"), this.domService.setStyle(s, "cursor", "pointer"), this.domService.setAttribute(s, "data-col-index", `${i}`), this.domService.setAttribute(s, "data-area", "header");
     let r;
     t === "asc" ? r = o.iconAsc : t === "desc" ? r = o.iconDesc : r = o.iconPlaceholder;
-    const n = r.content, l = this.domService.createText(n);
-    this.domService.appendChild(i, l), r.style && this.applyStyleString(i, r.style);
+    const l = r.content, n = this.domService.createText(l);
+    this.domService.appendChild(s, n), r.style && this.applyStyleString(s, r.style);
     for (const d of r.classes)
-      this.domService.addClass(i, d);
-    return this.domService.appendChild(e, i), i;
-  }
-  addArrowDiv(e, t = "none", o = new ge(), s = -1, i = -1, r = "body") {
-    const n = this.domService.createElement("div");
-    this.domService.addClass(n, "ge-table-tree-arrow-div"), this.domService.setStyle(n, "display", "inline-block"), this.domService.setStyle(n, "position", ""), this.domService.setStyle(n, "width", "20px"), this.domService.setStyle(n, "background", "transparent"), this.domService.setStyle(n, "cursor", "pointer"), this.domService.setAttribute(n, "data-row-index", `${s}`), this.domService.setAttribute(n, "data-col-index", `${i}`), this.domService.setAttribute(n, "data-area", `${r}`);
-    let l;
-    t === "expanded" ? l = o.arrowExpanded : t === "collapsed" ? l = o.arrowCollapsed : l = o.arrowPlaceholder;
-    const d = l.content, a = this.domService.createText(d);
-    this.domService.appendChild(n, a), l.style && this.applyStyleString(n, l.style);
-    for (const h of l.classes)
-      this.domService.addClass(n, h);
-    return this.domService.appendChild(e, n), n;
-  }
-  addColumnBorderDivs(e, t, o, s, i) {
+      this.domService.addClass(s, d);
+    return this.domService.appendChild(e, s), s;
+  }
+  addArrowDiv(e, t = "none", o = new fe(), i = -1, s = -1, r = "body") {
+    const l = this.domService.createElement("div");
+    this.domService.addClass(l, "ge-table-tree-arrow-div"), this.domService.setStyle(l, "display", "inline-block"), this.domService.setStyle(l, "position", ""), this.domService.setStyle(l, "width", "20px"), this.domService.setStyle(l, "background", "transparent"), this.domService.setStyle(l, "cursor", "pointer"), this.domService.setAttribute(l, "data-row-index", `${i}`), this.domService.setAttribute(l, "data-col-index", `${s}`), this.domService.setAttribute(l, "data-area", `${r}`);
+    let n;
+    t === "expanded" ? n = o.arrowExpanded : t === "collapsed" ? n = o.arrowCollapsed : n = o.arrowPlaceholder;
+    const d = n.content, a = this.domService.createText(d);
+    this.domService.appendChild(l, a), n.style && this.applyStyleString(l, n.style);
+    for (const h of n.classes)
+      this.domService.addClass(l, h);
+    return this.domService.appendChild(e, l), l;
+  }
+  addColumnBorderDivs(e, t, o, i, s) {
     if (e.verticalBorderVisible) {
-      const r = `ge-table-${s}-${i}-vertical-border`;
+      const r = `ge-table-${i}-${s}-vertical-border`;
       this.addVerticalBorder(o, t, r);
     }
     if (e.horizontalBorderVisible) {
-      const r = `ge-table-${s}-${i}-horizontal-border`;
+      const r = `ge-table-${i}-${s}-horizontal-border`;
       this.addHorizontalBorder(o, t, r);
     }
     return t;
   }
   addHorizontalBorder(e, t, o = "ge-table-body-center-horizontal-border") {
-    const s = this.domService.createElement("div");
-    return this.domService.addClass(s, o), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${e.left}px`), this.domService.setStyle(s, "top", `${e.top}px`), this.domService.setStyle(s, "width", `${e.width}px`), this.domService.setStyle(s, "height", "1px"), this.domService.appendChild(t, s), s;
+    const i = this.domService.createElement("div");
+    return this.domService.addClass(i, o), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${e.left}px`), this.domService.setStyle(i, "top", `${e.top}px`), this.domService.setStyle(i, "width", `${e.width}px`), this.domService.setStyle(i, "height", "1px"), this.domService.appendChild(t, i), i;
   }
   addFocusBorderDivs(e, t, o) {
     t = { ...t, width: t.width + 1, height: t.height + 1 };
-    let s = this.domService.createElement("div");
-    return this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left}px`), this.domService.setStyle(s, "top", `${t.top}px`), this.domService.setStyle(s, "width", "1px"), this.domService.setStyle(s, "height", `${t.height}px`), this.domService.setStyle(s, "z-index", "9999"), this.applyStyle(s, o), this.domService.appendChild(e, s), s = this.domService.createElement("div"), this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left + t.width - 1}px`), this.domService.setStyle(s, "top", `${t.top}px`), this.domService.setStyle(s, "width", "1px"), this.domService.setStyle(s, "height", `${t.height}px`), this.domService.setStyle(s, "z-index", "9999"), this.applyStyle(s, o), this.domService.appendChild(e, s), s = this.domService.createElement("div"), this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left}px`), this.domService.setStyle(s, "top", `${t.top}px`), this.domService.setStyle(s, "width", `${t.width}px`), this.domService.setStyle(s, "height", "1px"), this.domService.setStyle(s, "z-index", "9999"), this.applyStyle(s, o), this.domService.appendChild(e, s), s = this.domService.createElement("div"), this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left}px`), this.domService.setStyle(s, "top", `${t.top + t.height - 1}px`), this.domService.setStyle(s, "width", `${t.width}px`), this.domService.setStyle(s, "height", "1px"), this.domService.setStyle(s, "z-index", "9999"), this.applyStyle(s, o), this.domService.appendChild(e, s), e;
+    let i = this.domService.createElement("div");
+    return this.domService.addClass(i, "ge-table-focus-border"), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${t.left}px`), this.domService.setStyle(i, "top", `${t.top}px`), this.domService.setStyle(i, "width", "1px"), this.domService.setStyle(i, "height", `${t.height}px`), this.domService.setStyle(i, "z-index", "9999"), this.applyStyle(i, o), this.domService.appendChild(e, i), i = this.domService.createElement("div"), this.domService.addClass(i, "ge-table-focus-border"), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${t.left + t.width - 1}px`), this.domService.setStyle(i, "top", `${t.top}px`), this.domService.setStyle(i, "width", "1px"), this.domService.setStyle(i, "height", `${t.height}px`), this.domService.setStyle(i, "z-index", "9999"), this.applyStyle(i, o), this.domService.appendChild(e, i), i = this.domService.createElement("div"), this.domService.addClass(i, "ge-table-focus-border"), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${t.left}px`), this.domService.setStyle(i, "top", `${t.top}px`), this.domService.setStyle(i, "width", `${t.width}px`), this.domService.setStyle(i, "height", "1px"), this.domService.setStyle(i, "z-index", "9999"), this.applyStyle(i, o), this.domService.appendChild(e, i), i = this.domService.createElement("div"), this.domService.addClass(i, "ge-table-focus-border"), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${t.left}px`), this.domService.setStyle(i, "top", `${t.top + t.height - 1}px`), this.domService.setStyle(i, "width", `${t.width}px`), this.domService.setStyle(i, "height", "1px"), this.domService.setStyle(i, "z-index", "9999"), this.applyStyle(i, o), this.domService.appendChild(e, i), e;
   }
   addVerticalBorder(e, t, o = "ge-table-body-center-vertical-border") {
-    const s = this.domService.createElement("div");
-    return this.domService.addClass(s, o), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${e.left}px`), this.domService.setStyle(s, "top", `${e.top}px`), this.domService.setStyle(s, "width", "1px"), this.domService.setStyle(s, "height", `${e.height}px`), this.domService.appendChild(t, s), s;
+    const i = this.domService.createElement("div");
+    return this.domService.addClass(i, o), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${e.left}px`), this.domService.setStyle(i, "top", `${e.top}px`), this.domService.setStyle(i, "width", "1px"), this.domService.setStyle(i, "height", `${e.height}px`), this.domService.appendChild(t, i), i;
   }
   addDiv(e, t, o = "") {
-    const s = this.domService.createElement("div");
-    return o && this.domService.addClass(s, o), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left}px`), this.domService.setStyle(s, "top", `${t.top}px`), this.domService.setStyle(s, "width", `${t.width}px`), this.domService.setStyle(s, "height", `${t.height}px`), this.domService.appendChild(e, s), s;
+    const i = this.domService.createElement("div");
+    return o && this.domService.addClass(i, o), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${t.left}px`), this.domService.setStyle(i, "top", `${t.top}px`), this.domService.setStyle(i, "width", `${t.width}px`), this.domService.setStyle(i, "height", `${t.height}px`), this.domService.appendChild(e, i), i;
   }
   applyStyleString(e, t) {
-    const o = t.split(";").map((s) => s.trim()).filter((s) => s);
-    for (const s of o) {
-      const [i, r] = s.split(":");
-      this.domService.setStyle(e, i.trim(), r.trim());
+    const o = t.split(";").map((i) => i.trim()).filter((i) => i);
+    for (const i of o) {
+      const [s, r] = i.split(":");
+      this.domService.setStyle(e, s.trim(), r.trim());
     }
   }
   getDivOrCreateDiv(e, t) {
@@ -265,15 +275,15 @@ class ve {
     return o ? (o.innerText = "", o) : (o = this.domService.createElement("div"), t.cache[e] = o, o);
   }
 }
-const U = (c) => c === "header" ? "header" : c === "footer" ? "footer" : "body";
+const Z = (c) => c === "header" ? "header" : c === "footer" ? "footer" : "body";
 class Re {
   constructor(e, t) {
     if (this.rowIdx = -1, this.colIdx = -1, this.action = null, this.inputType = null, this.className = "", e !== null && (e instanceof HTMLDivElement || e instanceof HTMLSpanElement || e instanceof HTMLInputElement)) {
       this.className = e.className, this.action = e.getAttribute("data-ge-action"), this.inputType = e.getAttribute("data-input-type"), this.rowIdx = Number(e.getAttribute("data-row-index")), this.colIdx = Number(e.getAttribute("data-col-index"));
       const o = e.getAttribute("data-area");
-      if (o && (this.areaIdent = U(o), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
-        const s = e;
-        this.value = s.value;
+      if (o && (this.areaIdent = Z(o), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
+        const i = e;
+        this.value = i.value;
       }
     }
   }
@@ -315,17 +325,17 @@ class Ae {
       this.tableScope.toggleHeaderGroup(o), e.preventDefault(), e.stopPropagation();
     else if (o.inputType === "checkbox" && o.areaIdent)
       this.tableScope.toggleRowCheckbox(o.rowIdx, o.colIdx, o.areaIdent), e.preventDefault(), e.stopPropagation();
-    else if (L(o.row) && o.areaModel) {
-      const s = o.colIdx === this.getArrowColumnIndex() && e.altKey, i = o.className.includes("ge-table-tree-arrow-div");
-      if (console.info(i, s), s || i) {
+    else if (H(o.row) && o.areaModel) {
+      const i = o.colIdx === this.getArrowColumnIndex() && e.altKey, s = o.className.includes("ge-table-tree-arrow-div");
+      if (i || s) {
         e.preventDefault(), e.stopPropagation();
         const r = o.row;
         r.expanded = !r.expanded, "recalcVisibleTreeRows" in o.areaModel && o.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(r);
       }
     }
     if (o.areaIdent === "body" && this.tableScope.tableOptions.getFocusModel) {
-      const s = this.tableScope.tableOptions.getFocusModel();
-      s == null || s.clear(), s == null || s.setFocus(o.rowIdx, o.colIdx);
+      const i = this.tableScope.tableOptions.getFocusModel();
+      i == null || i.clear(), i == null || i.setFocus(o.rowIdx, o.colIdx);
     }
     this.publishGeMouseEvent(e, 1);
   }
@@ -337,15 +347,15 @@ class Ae {
    */
   onHostElementDblClicked(e) {
     if (this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
-      const t = e.target, o = t.getAttribute("data-area"), s = U(o), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(s);
-      if (o && s === "header")
-        this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, i, r));
+      const t = e.target, o = t.getAttribute("data-area"), i = Z(o), s = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), l = this.tableScope.tableModel.getAreaModel(i);
+      if (o && i === "header")
+        this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, s, r));
       else if (t.getAttribute("data-row-index")) {
-        const l = n.getRowByIndex(i);
-        if (o && s === "body" && n.isEditable(i, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, r)), L(l) && r === this.getArrowColumnIndex()) {
+        const n = l.getRowByIndex(s);
+        if (o && i === "body" && l.isEditable(s, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(s, r)), H(n) && r === this.getArrowColumnIndex()) {
           e.preventDefault(), e.stopPropagation();
-          const d = l;
-          d.expanded = !d.expanded, "recalcVisibleTreeRows" in n && n.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(d);
+          const d = n;
+          d.expanded = !d.expanded, "recalcVisibleTreeRows" in l && l.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(d);
         }
       }
     }
@@ -370,11 +380,11 @@ class Ae {
    * @returns {void}
    */
   updateCollapsedExpandedState(e) {
-    var o, s, i, r, n;
-    const t = (s = (o = this.tableScope.tableOptions) == null ? void 0 : o.autoRestoreOptions) == null ? void 0 : s.getRowId;
+    var o, i, s, r, l;
+    const t = (i = (o = this.tableScope.tableOptions) == null ? void 0 : o.autoRestoreOptions) == null ? void 0 : i.getRowId;
     if (t) {
-      const l = (i = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : i.collapsedExpandedStateGet().mode, d = l === "collapsed" && !e.expanded || l === "expanded" && e.expanded, a = l === "collapsed" && e.expanded || l === "expanded" && !e.expanded, h = t(e.data);
-      d ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(h) : a && ((n = this.tableScope.storeStateCollapsedExpandService) == null || n.collapsedStateIdsRemove(h));
+      const n = (s = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : s.collapsedExpandedStateGet().mode, d = n === "collapsed" && !e.expanded || n === "expanded" && e.expanded, a = n === "collapsed" && e.expanded || n === "expanded" && !e.expanded, h = t(e.data);
+      d ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(h) : a && ((l = this.tableScope.storeStateCollapsedExpandService) == null || l.collapsedStateIdsRemove(h));
     }
   }
   getArrowColumnIndex() {
@@ -595,7 +605,7 @@ class Me {
     return this.tableScope.selectionModel();
   }
 }
-class q {
+class ee {
   constructor(e) {
     this.getStorageKeyFn = e;
   }
@@ -603,12 +613,12 @@ class q {
     const t = {};
     if (e instanceof Map) {
       const o = e;
-      for (const s of [...o]) {
+      for (const i of [...o]) {
         const [
-          i,
+          s,
           r
-        ] = s;
-        t[i] = r;
+        ] = i;
+        t[s] = r;
       }
     }
     return t;
@@ -616,14 +626,14 @@ class q {
   checkAndPersistItem(e, t) {
     const o = this.getStorageKeyFn;
     if (o) {
-      const s = o();
-      if (s) {
-        const i = s + e;
+      const i = o();
+      if (i) {
+        const s = i + e;
         if ((t + "").includes("Map")) {
           const r = this.autoConvertMapToObject(t);
-          this.persistItem(i, r);
+          this.persistItem(s, r);
         } else
-          this.persistItem(i, t);
+          this.persistItem(s, t);
       }
     }
   }
@@ -670,7 +680,7 @@ class q {
   //   }
   // }
 }
-class Ee extends q {
+class Ee extends ee {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -686,18 +696,18 @@ class Ee extends q {
       const t = e();
       if (t) {
         const o = t + this.SCROLL_STATE;
-        let s = this.loadFromLocalStorage(o);
-        this.scrollOffset = s || [0, 0];
+        let i = this.loadFromLocalStorage(o);
+        this.scrollOffset = i || [0, 0];
       }
     }
   }
 }
 class Ie {
-  constructor(e = "collapsed", t = [], o = !1, s = !1) {
-    this.mode = e, this.rowIds = t, this.allCollapsed = o, this.allExpanded = s;
+  constructor(e = "collapsed", t = [], o = !1, i = !1) {
+    this.mode = e, this.rowIds = t, this.allCollapsed = o, this.allExpanded = i;
   }
 }
-class ke extends q {
+class ke extends ee {
   constructor(e) {
     super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new Ie(), this.load();
   }
@@ -722,8 +732,8 @@ class ke extends q {
     if (e) {
       const t = e();
       if (t) {
-        const o = t + this.COLLAPSED_EXPANDED_STATE, s = this.loadFromLocalStorage(o);
-        s && (this.collapsedExpandedState = s);
+        const o = t + this.COLLAPSED_EXPANDED_STATE, i = this.loadFromLocalStorage(o);
+        i && (this.collapsedExpandedState = i);
       }
     }
   }
@@ -731,7 +741,7 @@ class ke extends q {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class Te extends q {
+class Te extends ee {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -746,69 +756,69 @@ class Te extends q {
     if (e) {
       const t = e();
       if (t) {
-        const o = t + this.SORTING_STATE, s = this.loadFromLocalStorage(o);
-        this.sortItems = s || [];
+        const o = t + this.SORTING_STATE, i = this.loadFromLocalStorage(o);
+        this.sortItems = i || [];
       }
     }
   }
 }
-class $ {
-  constructor(e = 0, t = 0, o = 0, s = 0, i) {
-    this.left = e, this.width = t, this.height = o, this.top = s, this.index = i;
+class F {
+  constructor(e = 0, t = 0, o = 0, i = 0, s) {
+    this.left = e, this.width = t, this.height = o, this.top = i, this.index = s;
   }
 }
 class De {
-  constructor(e, t, o, s) {
-    this.hostElement = e, this.tableModel = t, this.dom = o, this.tableOptions = s, this.scrollTop = 0, this.areaBodyWestGeo = new $(), this.areaBodyCenterGeo = new $(), this.areaBodyEastGeo = new $();
-    const i = this.hostElement;
-    i.innerText = "", this.dom.setAttribute(i, "tabindex", "0"), this.dom.setStyle(
-      this.dom.addClass("ge-table", i),
+  constructor(e, t, o, i) {
+    this.hostElement = e, this.tableModel = t, this.dom = o, this.tableOptions = i, this.scrollTop = 0, this.areaBodyWestGeo = new F(), this.areaBodyCenterGeo = new F(), this.areaBodyEastGeo = new F();
+    const s = this.hostElement;
+    s.innerText = "", this.dom.setAttribute(s, "tabindex", "0"), this.dom.setStyle(
+      this.dom.addClass("ge-table", s),
       "position",
       "relative"
     ), this.hoverRow = o.applyStylePosistionAbsolute(
-      o.createDivWithClass("ge-table-hover-row", i)
+      o.createDivWithClass("ge-table-hover-row", s)
     ), this.hoverColumn = o.applyStylePosistionAbsolute(
-      o.createDivWithClass("ge-table-hover-column", i)
+      o.createDivWithClass("ge-table-hover-column", s)
     ), this.draggingColumn = o.applyStylePosistionAbsolute(
-      o.createDivWithClass("ge-table-dragging-column", i)
+      o.createDivWithClass("ge-table-dragging-column", s)
     ), this.areaHeaderWest = o.appendRelativeChildDiv(
       o.applyStylePosistionAbsolute(
-        o.createAreaDivWithClass("ge-table-header ge-table-header-west", i, "header", "west")
+        o.createAreaDivWithClass("ge-table-header ge-table-header-west", s, "header", "west")
       )
     ), this.areaHeaderCenter = o.appendRelativeChildDiv(
       o.applyStylePosistionAbsolute(
-        o.createAreaDivWithClass("ge-table-header ge-table-header-center", i, "header", "center")
+        o.createAreaDivWithClass("ge-table-header ge-table-header-center", s, "header", "center")
       )
     ), this.areaHeaderEast = o.appendRelativeChildDiv(
       o.applyStylePosistionAbsolute(
-        o.createAreaDivWithClass("ge-table-header ge-table-header-east", i, "body", "east")
+        o.createAreaDivWithClass("ge-table-header ge-table-header-east", s, "body", "east")
       )
     ), this.areaBodyWest = o.appendRelativeChildDiv(
       o.applyStylePosistionAbsolute(
-        o.createAreaDivWithClass("ge-table-body ge-table-body-west", i, "body", "west")
+        o.createAreaDivWithClass("ge-table-body ge-table-body-west", s, "body", "west")
       )
     ), this.areaBodyEast = o.appendRelativeChildDiv(
       o.applyStylePosistionAbsolute(
-        o.createAreaDivWithClass("ge-table-body ge-table-body-east", i, "body", "east")
+        o.createAreaDivWithClass("ge-table-body ge-table-body-east", s, "body", "east")
       )
     ), this.areaFooterWest = o.appendRelativeChildDiv(
       o.applyStylePosistionAbsolute(
-        o.createAreaDivWithClass("ge-table-footer ge-table-footer-west", i, "footer", "west")
+        o.createAreaDivWithClass("ge-table-footer ge-table-footer-west", s, "footer", "west")
       )
     ), this.areaFooterCenter = o.appendRelativeChildDiv(
       o.applyStylePosistionAbsolute(
-        o.createAreaDivWithClass("ge-table-footer ge-table-footer-center", i, "footer", "center")
+        o.createAreaDivWithClass("ge-table-footer ge-table-footer-center", s, "footer", "center")
       )
     ), this.areaFooterEast = o.appendRelativeChildDiv(
       o.applyStylePosistionAbsolute(
-        o.createAreaDivWithClass("ge-table-footer ge-table-footer-east", i, "footer", "east")
+        o.createAreaDivWithClass("ge-table-footer ge-table-footer-east", s, "footer", "east")
       )
     ), this.scrollViewport = o.applyStyleOverflowAuto(
       this.tableOptions.overflowX ?? "auto",
       this.tableOptions.overflowY ?? "auto",
       o.applyStyleNoPadding(
         o.applyStylePosistionAbsolute(
-          o.createAreaDivWithClass("ge-table-scroll-viewport", i, "body", "center")
+          o.createAreaDivWithClass("ge-table-scroll-viewport", s, "body", "center")
         )
       )
     ), this.contentWrapperDiv = o.applyStyleNoPadding(
@@ -822,13 +832,13 @@ class De {
     ), this.areaBodyCenter = o.appendRelativeChildDiv(
       o.createDivWithClass("ge-table-body-center", this.contentDiv)
     ), this.borderHeaderBottom = o.applyStylePosistionAbsolute(
-      o.createDivWithClass("ge-table-header-border", i)
+      o.createDivWithClass("ge-table-header-border", s)
     ), this.borderFixedWest = o.applyStylePosistionAbsolute(
-      o.createDivWithClass("ge-table-west-fixed-column-border", i)
+      o.createDivWithClass("ge-table-west-fixed-column-border", s)
     ), this.borderFixedEast = o.applyStylePosistionAbsolute(
-      o.createDivWithClass("ge-table-east-fixed-column-border", i)
+      o.createDivWithClass("ge-table-east-fixed-column-border", s)
     ), this.borderFooterTop = o.applyStylePosistionAbsolute(
-      o.createDivWithClass("ge-table-footer-border", i)
+      o.createDivWithClass("ge-table-footer-border", s)
     );
   }
   /**
@@ -938,8 +948,8 @@ class A {
    * @param {number} c2 - The value for c2.
    * @param {boolean} [gammaRange=false] - The value for gammaRange. Defaults to false. gammaRange will be used for AreaModelCellGroups, but it's not implemented yet!
    */
-  constructor(e, t, o, s, i = !1) {
-    this.r1 = e, this.c1 = t, this.r2 = o, this.c2 = s, this.gammaRange = i;
+  constructor(e, t, o, i, s = !1) {
+    this.r1 = e, this.c1 = t, this.r2 = o, this.c2 = i, this.gammaRange = s;
   }
   static create(e) {
     return e.gammaRange === void 0 && (e.gammaRange = !1), new A(
@@ -973,13 +983,13 @@ class _e {
     this.colAndRowspanRanges = [];
     const e = this.areaModel.getRowCount(), t = this.tableModel.getColumnCount();
     for (let o = 0; o < e; o++)
-      for (let s = 0; s < t; s++) {
-        let i = this.areaModel.getColspanAt(o, s), r = this.areaModel.getRowspanAt(o, s);
-        if (i > 1 || r > 1) {
-          i === 0 && (i = 1), r === 0 && (r = 1);
-          const n = "gammaCells" in this.areaModel;
+      for (let i = 0; i < t; i++) {
+        let s = this.areaModel.getColspanAt(o, i), r = this.areaModel.getRowspanAt(o, i);
+        if (s > 1 || r > 1) {
+          s === 0 && (s = 1), r === 0 && (r = 1);
+          const l = "gammaCells" in this.areaModel;
           this.colAndRowspanRanges.push(
-            new A(o, s, o + r - 1, s + i - 1, n)
+            new A(o, i, o + r - 1, i + s - 1, l)
           );
         }
       }
@@ -1001,17 +1011,17 @@ class T {
     this.header = e, this.body = t, this.footer = o;
   }
 }
-class $e extends De {
-  constructor(e, t, o, s) {
-    var r, n;
-    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 = {
+class Fe extends De {
+  constructor(e, t, o, i) {
+    var r, l;
+    super(e, t, o, i), 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.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) => {
+    }, 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), (l = this.tableOptions) != null && l.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), K(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+      (n) => {
         var d;
-        this.colAndRowspanModels[l] = new _e(t, t.getAreaModel(l)), (d = this.colAndRowspanModels[l]) == null || d.init();
+        this.colAndRowspanModels[n] = new _e(t, t.getAreaModel(n)), (d = this.colAndRowspanModels[n]) == null || d.init();
       }
     );
   }
@@ -1049,13 +1059,13 @@ class $e extends De {
    * @param {number} colIdx - The index of the column.
    */
   initRenderEditor(e, t) {
-    var s;
-    let o = (s = this.tableModel.getColumnDef(t)) == null ? void 0 : s.getEditRenderer;
+    var i;
+    let o = (i = this.tableModel.getColumnDef(t)) == null ? void 0 : i.getEditRenderer;
     if (o || (o = this.tableOptions.getEditRenderer), o)
       if (this.editorRenderer = o(e, t), this.editorRenderer) {
         this.editorRendererRow = e, this.editorRendererColumn = t, this.editing = !0, this.repaint();
-        const i = document.querySelector("input.ge-table-cell-editor-input");
-        i && i.focus();
+        const s = document.querySelector("input.ge-table-cell-editor-input");
+        s && s.focus();
       } else
         this.resetEditorRenderer();
   }
@@ -1086,19 +1096,19 @@ class $e extends De {
     for (const t of this.removables)
       t.remove();
     this.hideHoverRow(), this.hideHoverColumn(), this.scrollTop = this.scrollViewport.scrollTop, this.scrollLeft = this.scrollViewport.scrollLeft, this.debounce(this.checkForScrollPosSaving.bind(this)), this.scrollFactorY = this.scrollTop / (this.scrollViewport.scrollHeight - this.scrollViewport.clientHeight), this.scrollFactorX = this.scrollLeft / (this.scrollViewport.scrollWidth - this.scrollViewport.clientWidth), isNaN(this.scrollFactorY) && (this.scrollFactorY = 0), isNaN(this.scrollFactorX) && (this.scrollFactorX = 0), this.adjustBody(), this.adjustArea("footer"), this.adjustArea("header"), this.tableOptions.tableTopBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new $(0, this.hostElement.clientWidth, 1, 0),
+      new F(0, this.hostElement.clientWidth, 1, 0),
       this.hostElement,
       "ge-table-border"
     )), this.tableOptions.tableBottomBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new $(0, this.hostElement.clientWidth, 1, this.hostElement.clientHeight - 1),
+      new F(0, this.hostElement.clientWidth, 1, this.hostElement.clientHeight - 1),
       this.hostElement,
       "ge-table-border"
     )), this.tableModel.getFixedLeftColumnCount() > 0 && this.removables.push(this.dom.addVerticalBorder(
-      new $(this.areaBodyWest.child.clientWidth, 1, this.hostElement.clientHeight, 0),
+      new F(this.areaBodyWest.child.clientWidth, 1, this.hostElement.clientHeight, 0),
       this.hostElement,
       "ge-table-body-west-vertical-border"
     )), ((e = this.tableModel.getAreaModel("header")) == null ? void 0 : e.getRowCount()) > 0 && this.removables.push(this.dom.addHorizontalBorder(
-      new $(0, this.hostElement.clientWidth, 1, this.areaHeaderCenter.child.clientHeight),
+      new F(0, this.hostElement.clientWidth, 1, this.areaHeaderCenter.child.clientHeight),
       this.hostElement,
       "ge-table-body-west-vertical-border"
     ));
@@ -1136,23 +1146,23 @@ class $e extends De {
    * @param {any} value - The new value to be displayed in the cell.
    * @param {string[]} cssClasses - An array of CSS classes to be applied to the cell.
    */
-  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) {
+  rerenderCellContent({ area: e, rowIndex: t, columnIndex: o, value: i, cssClasses: s }) {
+    const r = this.tableModel.getAreaModel(e), l = 'div[data-col-index="' + o + '"][data-row-index="' + t + '"][data-area="' + e + '"]', n = document.querySelector(l);
+    if (n) {
       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);
+      if (n.innerText = "", this.applyCssClasses(n, s), h)
+        d = h.render(n, t, o, e, r, i, this.dom.domService), d && this.cleanupFunctions[e].push(d);
       else {
-        const b = `${s}`;
-        this.dom.addLabelDiv(l, b, !1, t, o, e);
+        const b = `${i}`;
+        this.dom.addLabelDiv(n, b, !1, t, o, e);
       }
       const u = r.getCustomClassesAt(t, o);
-      u.length && this.dom.addClasses(u, l);
+      u.length && this.dom.addClasses(u, n);
       const m = r.getCustomStyleAt(t, o);
       if (m)
         for (const b in m)
-          this.dom.setStyle(l, b, m[b]);
+          this.dom.setStyle(n, b, m[b]);
     }
   }
   /**
@@ -1229,9 +1239,9 @@ class $e extends De {
   getNumberByAttr(e, t) {
     var o;
     if (e) {
-      const s = (o = e.closest("[" + t + "]")) == null ? void 0 : o.getAttribute(t);
-      if (s)
-        return Number(s);
+      const i = (o = e.closest("[" + t + "]")) == null ? void 0 : o.getAttribute(t);
+      if (i)
+        return Number(i);
     }
     return -1;
   }
@@ -1246,9 +1256,9 @@ class $e extends De {
   getStringByAttr(e, t) {
     var o;
     if (e) {
-      const s = (o = e.closest("[" + t + "]")) == null ? void 0 : o.getAttribute(t);
-      if (s)
-        return s;
+      const i = (o = e.closest("[" + t + "]")) == null ? void 0 : o.getAttribute(t);
+      if (i)
+        return i;
     }
     return "";
   }
@@ -1262,9 +1272,9 @@ class $e extends De {
    */
   adjustArea(e, t = 0) {
     var g;
-    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();
+    const o = this.getArea(e, "west"), i = this.getArea(e, "center"), s = this.getArea(e, "east"), r = i.child.clientHeight;
+    o.child.innerText = "", i.child.innerText = "", s.child.innerText = "";
+    const l = 0, n = this.areaBodyCenterGeo.width, d = this.tableModel.getPadding(), a = this.tableModel.getAreaModel(e), h = a.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
       const p = this.cleanupFunctions[e].shift();
       p && p();
@@ -1275,36 +1285,36 @@ class $e extends De {
       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 }, w = this.dom.addRowDiv(s, x, p, e, "center");
+        let x = { left: l, width: n, height: R, top: C, index: p }, S = this.dom.addRowDiv(i, x, p, e, "center");
         const k = f;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
           areaModel: a,
           geo: x,
-          parent: w,
+          parent: S,
           rowIndex: p,
           columnIndexStart: k,
           columnIndexEnd: m - b - 1,
           verticalFixed: !1,
           lastRowOfModel: y
-        }), d.left > 0 && (x = { left: n, width: this.areaBodyWestGeo.width, height: R, top: C, index: p }, w = this.dom.addRowDiv(o, x, p, e, "west"), this.adjustColumnsToRowParent({
+        }), d.left > 0 && (x = { left: l, 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: x,
-          parent: w,
+          parent: S,
           rowIndex: p,
           columnIndexStart: 0,
           columnIndexEnd: k - 1,
           verticalFixed: !0,
           lastRowOfModel: y
-        })), d.right > 0 && (x = { left: n, width: this.areaBodyEastGeo.width, height: R, top: C, index: p }, w = this.dom.addRowDiv(i, x, p, e, "east"), this.adjustColumnsToRowParent({
+        })), d.right > 0 && (x = { left: l, width: this.areaBodyEastGeo.width, height: R, top: C, index: p }, S = this.dom.addRowDiv(s, x, p, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: a,
           geo: x,
-          parent: w,
+          parent: S,
           rowIndex: p,
           columnIndexStart: m - b,
           columnIndexEnd: m - 1,
@@ -1313,15 +1323,15 @@ class $e extends De {
         })), e === "header" && this.tree && p === h - 1) {
           const M = this.dom.applyStyle(
             this.dom.setAttribute(
-              this.dom.addDiv(w, new $(16, 20, 20, 8)),
+              this.dom.addDiv(S, new F(16, 20, 20, 8)),
               "data-ge-action",
               "toggleExpandCollapseAll"
             ),
             { cursor: "pointer" }
           ), E = this.tableOptions.treeOptions.arrowExpandCollapseAll;
           if (E) {
-            const B = this.dom.domService.createText(E.content);
-            this.dom.domService.appendChild(M, B), E.style && this.dom.applyStyleString(M, E.style);
+            const W = this.dom.domService.createText(E.content);
+            this.dom.domService.appendChild(M, W), E.style && this.dom.applyStyleString(M, E.style);
           }
         }
       }
@@ -1332,14 +1342,14 @@ class $e extends De {
       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";
+          let y = 0, R = i.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";
+            R = s.child, x = "east";
           else {
-            const w = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            y = this.scrollFactorX * w - this.areaBodyWestGeo.width, x = "center";
+            const S = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+            y = this.scrollFactorX * S - this.areaBodyWestGeo.width, x = "center";
           }
           this.drawBigCell(C, y, t, a, R, x);
         }
@@ -1355,49 +1365,49 @@ class $e extends De {
    * @param sideIdent SideIdent (west,center,east)
    * @protected
    */
-  drawBigCell(e, t, o, s, i, r) {
-    const n = o + this.getRowHeights(0, e.r1 - 1, s).reduce((g, p) => g + p, 0), l = this.tableModel.getColumnCount(), d = this.tableModel.getFixedRightColumnCount();
+  drawBigCell(e, t, o, i, s, r) {
+    const l = o + this.getRowHeights(0, e.r1 - 1, i).reduce((g, p) => g + p, 0), n = 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), m = this.getColumnWidths(e.c1, e.c2).reduce((g, p) => g + p, 0);
+    d > 0 && e.c1 >= n - d && (a = n - d);
+    const h = t + this.getColumnWidths(a, e.c1 - 1).reduce((g, p) => g + p, 0), u = this.getRowHeights(e.r1, e.r2, i).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,
+      areaModel: i,
+      areaIdent: i.areaIdent,
       sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
       left: h,
-      top: n,
+      top: l,
       width: m,
       height: u,
-      parent: i,
+      parent: s,
       cellSelected: b,
       lastRowOfModel: !0,
       gammaRange: e.gammaRange
     }) : this.renderCell({
-      areaModel: s,
-      areaIdent: s.areaIdent,
+      areaModel: i,
+      areaIdent: i.areaIdent,
       sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
       left: h,
-      top: n,
+      top: l,
       width: m,
       height: u,
-      parent: i,
+      parent: s,
       cellSelected: b,
       lastRowOfModel: !0,
       gammaRange: e.gammaRange
-    }), s.areaIdent === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
+    }), i.areaIdent === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
       rowIndex: e.r1,
       columnIndex: e.c1,
       cellLeft: h,
-      cellTop: n,
+      cellTop: l,
       cellWidth: m,
       cellHeight: u,
-      parent: i
+      parent: s
     });
   }
   /**
@@ -1410,12 +1420,12 @@ class $e extends De {
    * @protected
    */
   findRowOfImportantRowspanCell(e, t, o) {
-    const s = e.getMaxRowspan();
-    for (let i = t - 1; i > -1; i--) {
-      const r = e.getRowspanAt(i, o);
-      if (r > 1 && i + r + 1 >= t)
-        return i;
-      if (t - i > s)
+    const i = e.getMaxRowspan();
+    for (let s = t - 1; s > -1; s--) {
+      const r = e.getRowspanAt(s, o);
+      if (r > 1 && s + r + 1 >= t)
+        return s;
+      if (t - s > i)
         return -1;
     }
     return -1;
@@ -1431,11 +1441,11 @@ class $e extends De {
     areaIdent: e,
     sideIdent: t,
     areaModel: o,
-    geo: s,
-    parent: i,
+    geo: i,
+    parent: s,
     rowIndex: r,
-    columnIndexStart: n,
-    columnIndexEnd: l,
+    columnIndexStart: l,
+    columnIndexEnd: n,
     verticalFixed: d = !1,
     lastRowOfModel: a = !1
   }) {
@@ -1448,21 +1458,21 @@ class $e extends De {
     }
     const u = 0, m = !!(e === "body" && t);
     let b = h;
-    for (let g = n; g <= l; g++) {
+    for (let g = l; g <= n; g++) {
       const p = b, C = this.tableModel.getColumnWidth(g);
       if (C > 0 && p + C > 0) {
-        let y = s.height;
+        let y = i.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 w = C;
-        x > 1 && (w = this.getColumnWidths(g, g + x - 1).reduce((M, E) => M + E, 0));
+        let S = C;
+        x > 1 && (S = this.getColumnWidths(g, g + x - 1).reduce((M, E) => M + E, 0));
         let k = !1;
         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, w, y);
-          const M = { left: p, top: u, width: w, height: y };
-          this.dom.addColumnBorderDivs(this.tableOptions, i, M, e, t);
+          this.renderDragTargetDiv(s, p, u, S, y);
+          const M = { left: p, top: u, width: S, height: y };
+          this.dom.addColumnBorderDivs(this.tableOptions, s, M, e, t);
         } else {
-          const M = this.renderSelectedBackgroundDiv(k, m, t, o, r, g, i, p, u, w, y);
+          const M = this.renderSelectedBackgroundDiv(k, m, t, o, r, g, s, p, u, S, y);
           "gammaCells" in o && o.getValueAt(r, g) && (k = !1), k || this.renderCell({
             areaModel: o,
             areaIdent: e,
@@ -1471,9 +1481,9 @@ class $e extends De {
             columnIndex: g,
             left: p,
             top: u,
-            width: w,
+            width: S,
             height: y,
-            parent: i,
+            parent: s,
             cellSelected: M,
             lastRowOfModel: a,
             gammaRange: !0
@@ -1482,16 +1492,16 @@ class $e extends De {
             columnIndex: g,
             cellLeft: p,
             cellTop: u,
-            cellWidth: w,
+            cellWidth: S,
             cellHeight: y,
-            parent: i
+            parent: s
           });
         }
       }
       if (b = b + C, b > this.areaBodyCenterGeo.width)
         break;
     }
-    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new $(b - 1, 1, s.height, 0), i);
+    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new F(b - 1, 1, i.height, 0), s);
   }
   /**
    * Retrieves the column index of the tree arrow column in the table.
@@ -1509,33 +1519,33 @@ class $e extends De {
     areaModel: e,
     areaIdent: t,
     sideIdent: o,
-    rowIndex: s,
-    index: i,
+    rowIndex: i,
+    index: s,
     left: r,
-    width: n,
-    height: l,
+    width: l,
+    height: n,
     top: d,
     parent: a,
     lastRowOfModel: h
   }) {
-    var te;
-    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);
+    var se;
+    const m = this.editorRenderer && this.editorRendererRow === i && this.editorRendererColumn === s ? this.editorRenderer : e.getCellRenderer(i, s), b = { left: r, width: l, height: n, top: d, index: s }, f = e.getRowByIndex(i);
     let g = "none";
-    if (i === this.getTreeArrowColumnIndex() && L(f)) {
+    if (s === this.getTreeArrowColumnIndex() && H(f)) {
       const v = f;
-      (te = v.children) != null && te.length ? v.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
+      (se = v.children) != null && se.length ? v.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
     }
     let C;
     if (t === "header") {
-      const v = this.tableModel.getColumnDef(i);
+      const v = this.tableModel.getColumnDef(s);
       (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (C = v == null ? void 0 : v.sortState);
     }
-    const y = e.getValueAt(s, i), R = m ? "" : `${y}`, x = e.isRowChecked(s), w = this.dom.addColumnDiv(
+    const y = e.getValueAt(i, s), R = m ? "" : `${y}`, x = e.isRowChecked(i), S = this.dom.addColumnDiv(
       {
         parent: a,
         geo: b,
-        rowIndex: s,
-        columnIndex: i,
+        rowIndex: i,
+        columnIndex: s,
         areaIdent: t,
         sideIdent: o,
         text: R,
@@ -1544,23 +1554,23 @@ class $e extends De {
         checkedType: x,
         sortState: C
       }
-    ), k = e.getTooltipAt(s, i);
-    k && this.dom.setAttribute(w, "title", k);
-    const M = this.tableModel.getColumnDef(i);
-    M && M.classes[t] && this.dom.addClasses(M.classes[t], w);
+    ), k = e.getTooltipAt(i, s);
+    k && this.dom.setAttribute(S, "title", k);
+    const M = this.tableModel.getColumnDef(s);
+    M && M.classes[t] && this.dom.addClasses(M.classes[t], S);
     let E;
-    m && (E = m.render(w, s, i, t, e, y, this.dom.domService));
-    const B = e.getCustomClassesAt(s, i);
-    if (B.length && this.dom.addClasses(B, w), 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") {
+    m && (E = m.render(S, i, s, t, e, y, this.dom.domService));
+    const W = e.getCustomClassesAt(i, s);
+    if (W.length && this.dom.addClasses(W, S), this.dom.addColumnBorderDivs(this.tableOptions, a, b, t, o), h && this.dom.addHorizontalBorder({ left: r, width: l, height: n, top: d + n }, a), this.getFocusModel && t === "body") {
       const v = this.getFocusModel();
-      v != null && v.hasFocus(s, i) && this.dom.addFocusBorderDivs(a, b, {});
+      v != null && v.hasFocus(i, s) && this.dom.addFocusBorderDivs(a, b, {});
     }
-    t === "header" && this.dom.setAttribute(w, "data-ge-action", "drag-column");
-    const G = e.getCustomStyleAt(s, i);
-    if (G)
-      for (const v in G)
-        this.dom.setStyle(w, v, G[v]);
-    return [w, E];
+    t === "header" && this.dom.setAttribute(S, "data-ge-action", "drag-column");
+    const X = e.getCustomStyleAt(i, s);
+    if (X)
+      for (const v in X)
+        this.dom.setStyle(S, v, X[v]);
+    return [S, E];
   }
   /**
    * Applies CSS classes to an HTML element.
@@ -1570,8 +1580,8 @@ class $e extends De {
    * @protected
    */
   applyCssClasses(e, t = {}) {
-    e && Object.entries(t).forEach(([o, s]) => {
-      s ? this.dom.addClass(o, e) : this.dom.removeClass(o, e);
+    e && Object.entries(t).forEach(([o, i]) => {
+      i ? this.dom.addClass(o, e) : this.dom.removeClass(o, e);
     });
   }
   /**
@@ -1584,8 +1594,8 @@ class $e extends De {
    */
   getColumnWidths(e, t) {
     const o = [];
-    for (let s = e; s <= t; s++)
-      o.push(this.tableModel.getColumnWidth(s));
+    for (let i = e; i <= t; i++)
+      o.push(this.tableModel.getColumnWidth(i));
     return o;
   }
   /**
@@ -1597,10 +1607,10 @@ class $e extends De {
    * @return {number[]} - An array containing the heights of the rows within the specified range.
    */
   getRowHeights(e, t, o) {
-    const s = [];
-    for (let i = e; i <= t; i++)
-      s.push(o.getRowHeight(i));
-    return s;
+    const i = [];
+    for (let s = e; s <= t; s++)
+      i.push(o.getRowHeight(s));
+    return i;
   }
   /**
    * Adjusts the position and size of the hover row based on the mouse move event.
@@ -1611,10 +1621,10 @@ class $e extends De {
    */
   adjustHoverRows(e) {
     if (this.tableOptions.hoverRowVisible && e.rowIndex > -1) {
-      const t = this.hostElement.clientWidth, o = this.tableModel.getAreaModel("body").getRowHeight(e.rowIndex), s = e.rowTop + this.areaHeaderCenter.parent.clientHeight - this.scrollTop;
+      const t = this.hostElement.clientWidth, o = this.tableModel.getAreaModel("body").getRowHeight(e.rowIndex), i = e.rowTop + this.areaHeaderCenter.parent.clientHeight - this.scrollTop;
       this.dom.applyStyle(this.hoverRow, {
         left: "0",
-        top: s + "px",
+        top: i + "px",
         width: t + "px",
         height: o + "px",
         display: "block"
@@ -1644,9 +1654,9 @@ class $e extends De {
    */
   adjustHoverColumns(e) {
     if (this.tableOptions.hoverColumnVisible && e.rowIndex > -1) {
-      const t = this.hostElement.clientHeight, o = this.tableModel.getColumnWidth(e.columnIndex), s = this.areaBodyWestGeo.width, i = e.columnLeft + this.tableModel.getPadding().left - this.scrollLeft - s;
+      const t = this.hostElement.clientHeight, o = this.tableModel.getColumnWidth(e.columnIndex), i = this.areaBodyWestGeo.width, s = e.columnLeft + this.tableModel.getPadding().left - this.scrollLeft - i;
       this.dom.applyStyle(this.hoverColumn, {
-        left: i + "px",
+        left: s + "px",
         top: "0px",
         width: o + "px",
         height: t + "px",
@@ -1688,11 +1698,11 @@ class $e extends De {
    * @param {boolean} firstDraggingRendering - Indicates if it's the first rendering of the dragging column.
    */
   adjustDraggingColumn(e, t, o) {
-    var s, i;
+    var i, s;
     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 };
+      const r = this.hostElement.clientHeight, l = this.storedColumnWidths[t];
+      if ((i = e.originalEvent) != null && i.clientX) {
+        const a = { left: ((s = e.originalEvent) == null ? void 0 : s.clientX) - l / 2, width: l, height: r, top: 0, index: t };
         this.dom.applyStyle(this.draggingColumn, {
           background: "rgba(128,128,128,0.2)",
           display: "block",
@@ -1722,29 +1732,29 @@ class $e extends De {
    * @return {number} The final y-position after rendering all the content.
    */
   renderContentOfDraggingColumnForArea(e, t, o = 0) {
-    const s = "center", i = this.tableModel.getAreaModel(t), r = i == null ? void 0 : i.getRowCount();
+    const i = "center", s = this.tableModel.getAreaModel(t), r = s == null ? void 0 : s.getRowCount();
     if (r) {
-      const n = e.index ?? 0, l = this.draggingColumn;
+      const l = e.index ?? 0, n = 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,
+        const a = o, h = s.getRowHeight(d), u = { left: 0, width: e.width, height: h, top: a, index: d }, m = s.getValueAt(d, l), b = s.getCellRenderer(d, l), f = b ? "" : `${m}`, g = {
+          parent: n,
           geo: u,
           rowIndex: d,
-          columnIndex: n,
+          columnIndex: l,
           areaIdent: t,
-          sideIdent: s,
+          sideIdent: i,
           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);
+        b && (C = b.render(p, d, l, t, s, m, this.dom.domService), C && this.cleanupFunctions[t].push(C));
+        const y = s.getCustomClassesAt(d, l);
         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);
+        const R = this.tableModel.getColumnDef(l);
+        R && R.classes[t] && this.dom.addClasses(R.classes[t], p), this.dom.addColumnBorderDivs(this.tableOptions, n, u, t, i);
+        const x = s.getCustomStyleAt(d, l);
         if (x)
-          for (const w in x)
-            this.dom.setStyle(p, w, x[w]);
+          for (const S in x)
+            this.dom.setStyle(p, S, x[S]);
         o = o + h;
       }
     }
@@ -1771,11 +1781,11 @@ class $e extends De {
    * @param {number} height - The height of the target div in pixels.
    * @return {HTMLDivElement} - The rendered draggable target div element.
    */
-  renderDragTargetDiv(e, t, o, s, i) {
+  renderDragTargetDiv(e, t, o, i, s) {
     const r = this.dom.applyStylePosistionAbsolute(
       this.dom.createDivWithClass("ge-table-drop-zone", e)
     );
-    return this.dom.setStyle(r, "left", `${t}px`), this.dom.setStyle(r, "top", `${o}px`), this.dom.setStyle(r, "width", `${s}px`), this.dom.setStyle(r, "height", `${i}px`), r;
+    return this.dom.setStyle(r, "left", `${t}px`), this.dom.setStyle(r, "top", `${o}px`), this.dom.setStyle(r, "width", `${i}px`), this.dom.setStyle(r, "height", `${s}px`), r;
   }
   /**
    * Render selected background div.
@@ -1794,19 +1804,19 @@ class $e extends De {
    * @param {number} height - The height of the div.
    * @returns {boolean} - Whether the cell is selected.
    */
-  renderSelectedBackgroundDiv(e, t, o, s, i, r, n, l, d, a, h) {
+  renderSelectedBackgroundDiv(e, t, o, i, s, r, l, n, d, a, h) {
     let u = !1;
-    if (!e && t && s.isSelectable(i, r) && this.getSelectionModel) {
+    if (!e && t && i.isSelectable(s, r) && this.getSelectionModel) {
       const m = this.getSelectionModel();
       if (m) {
-        const b = m.getSelectionCount(i, r);
+        const b = m.getSelectionCount(s, 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)
+            this.dom.createDivWithClass(`ge-table-${i.areaIdent}-${o}-selected-range`, l)
           );
-          this.dom.setStyle(g, "left", `${l}px`), this.dom.setStyle(g, "top", `${d}px`), this.dom.setStyle(g, "width", `${a}px`), this.dom.setStyle(g, "height", `${h}px`);
+          this.dom.setStyle(g, "left", `${n}px`), this.dom.setStyle(g, "top", `${d}px`), this.dom.setStyle(g, "width", `${a}px`), this.dom.setStyle(g, "height", `${h}px`);
         }
       }
     }
@@ -1835,11 +1845,11 @@ class $e extends De {
     areaModel: e,
     areaIdent: t,
     sideIdent: o,
-    rowIndex: s,
-    columnIndex: i,
+    rowIndex: i,
+    columnIndex: s,
     left: r,
-    top: n,
-    width: l,
+    top: l,
+    width: n,
     height: d,
     parent: a,
     cellSelected: h,
@@ -1849,12 +1859,12 @@ class $e extends De {
       areaModel: e,
       areaIdent: t,
       sideIdent: o,
-      rowIndex: s,
-      index: i,
+      rowIndex: i,
+      index: s,
       left: r,
-      width: l,
+      width: n,
       height: d,
-      top: n,
+      top: l,
       parent: a,
       lastRowOfModel: u
     });
@@ -1874,17 +1884,17 @@ class $e extends De {
    *
    * @return {void}
    */
-  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");
-    l.setAttribute(a, "data-col-index", `${t}`), l.setAttribute(a, "data-row-index", `${e}`), l.setAttribute(a, "data-area", "header"), l.setAttribute(a, "data-ge-action", "resize-column"), l.addClass(a, "ge-table-column-resize-handle"), l.setStyle(a, "display", "clip"), l.setStyle(a, "position", "absolute"), l.setStyle(a, "cursor", "col-resize"), l.setStyle(a, "left", `${o + i - d}px`), l.setStyle(a, "top", `${s}px`), l.setStyle(a, "width", `${d}px`), l.setStyle(a, "height", `${r}px`), l.appendChild(n, a);
+  renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: o, cellTop: i, cellWidth: s, cellHeight: r, parent: l }) {
+    const n = this.dom.domService, d = this.tableOptions.columnResizeHandleWidthInPx ?? 2, a = n.createElement("div");
+    n.setAttribute(a, "data-col-index", `${t}`), n.setAttribute(a, "data-row-index", `${e}`), n.setAttribute(a, "data-area", "header"), n.setAttribute(a, "data-ge-action", "resize-column"), n.addClass(a, "ge-table-column-resize-handle"), n.setStyle(a, "display", "clip"), n.setStyle(a, "position", "absolute"), n.setStyle(a, "cursor", "col-resize"), n.setStyle(a, "left", `${o + s - d}px`), n.setStyle(a, "top", `${i}px`), n.setStyle(a, "width", `${d}px`), n.setStyle(a, "height", `${r}px`), n.appendChild(l, a);
   }
 }
-class Oe {
+class $e {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class Fe {
+class Oe {
   constructor(e) {
     this.tableScope = e, this.tableScope.hostElement.addEventListener("change", this.onHostElementChanged.bind(this));
   }
@@ -1898,40 +1908,40 @@ class Fe {
    */
   onHostElementChanged(e) {
     if (e.target instanceof HTMLInputElement || e.target instanceof HTMLSelectElement || e.target instanceof HTMLTextAreaElement) {
-      const t = e.target, o = t.getAttribute("data-area"), s = t.getAttribute("data-row-index"), i = t.getAttribute("data-col-index");
-      if (o && s && i) {
-        const r = U(o), n = Number(s), l = Number(i);
-        this.tableScope.updateModelValueAfterEdit(r, n, l, t.value);
+      const t = e.target, o = t.getAttribute("data-area"), i = t.getAttribute("data-row-index"), s = t.getAttribute("data-col-index");
+      if (o && i && s) {
+        const r = Z(o), l = Number(i), n = Number(s);
+        this.tableScope.updateModelValueAfterEdit(r, l, n, t.value);
       }
     }
   }
 }
-class Pe {
+class Le {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
 }
-class J {
+class te {
   constructor(e) {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new J([new Pe(e, t)]);
+    return new te([new Le(e, t)]);
   }
 }
-class Le {
+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);
   }
   onMouseClicked(e, t) {
-    var i, r, n, l, d, a, h;
-    let o = !1, s = !1;
+    var s, r, l, n, d, a, h;
+    let o = !1, i = !1;
     if (this.getSelectionModel && this.getFocusModel) {
       const u = this.getSelectionModel(), m = this.getFocusModel();
-      u && m && (m.hasFocus(e.rowIndex, e.columnIndex) || (m.setFocus(e.rowIndex, e.columnIndex), this.tableScope.eventListener.onFocusChanged(m), 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), this.tableScope.eventListener.onSelectionChanged(u));
+      u && m && (m.hasFocus(e.rowIndex, e.columnIndex) || (m.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(m), o = !0), (s = e.originalEvent) != null && s.shiftKey || u.hasSelection() && (u.clear(), o = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), i = !0, o = !0) : (l = e.originalEvent) != null && l.altKey && ((n = e.originalEvent) != null && n.ctrlKey || (d = e.originalEvent) != null && d.metaKey) ? (u.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), i = !0, o = !0) : (a = e.originalEvent) != null && a.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), i = !0, o = !0) : (u.firstClick(e.rowIndex, e.columnIndex), o = !0), this.tableScope.onSelectionChanged(u));
     }
-    return s ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), o;
+    return i ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), o;
   }
   onActionTriggered(e) {
     if (this.getSelectionModel && this.getFocusModel) {
@@ -1942,8 +1952,8 @@ class Le {
         if (e === "DESELECT_ALL")
           return t.clear(), this.tableScope.repaint(), !0;
         if (e === "TOGGLE_SELECTION") {
-          const [s, i] = o.getFocus();
-          return t.togglePoint(s, i), this.tableScope.repaint(), !0;
+          const [i, s] = o.getFocus();
+          return t.togglePoint(i, s), this.tableScope.repaint(), !0;
         }
       }
     }
@@ -1951,11 +1961,11 @@ class Le {
   }
   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);
+    const o = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), s = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), r = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
     return A.create({
       rowIndex1: o,
-      columnIndex1: i,
-      rowIndex2: s,
+      columnIndex1: s,
+      rowIndex2: i,
       columnIndex2: r
     });
   }
@@ -1980,7 +1990,7 @@ class He {
     };
   }
 }
-class Ve {
+class Be {
   get() {
     return {
       f2: "START_EDITING",
@@ -2002,7 +2012,7 @@ class Ve {
     };
   }
 }
-class Be {
+class Ve {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -2023,7 +2033,7 @@ class Be {
     this.assignPredefinedSystemShortcutMappings(), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this));
   }
   assignPredefinedSystemShortcutMappings() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new Ve().get()) : Object.assign(this.shortcutActionIdMapping, new He().get());
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new Be().get()) : Object.assign(this.shortcutActionIdMapping, new He().get());
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -2049,8 +2059,8 @@ class Be {
     const t = this.getTokenByEvent(e);
     this.isDebug() && console.debug("ShortcutService tokens    :", t);
     for (const o in this.shortcutActionIdMapping) {
-      const s = o.replace(/opt/g, "alt").replace(/cmd/g, "meta").split(/[+ ]/g).sort();
-      if (this.areTokensEquals(t, s))
+      const i = o.replace(/opt/g, "alt").replace(/cmd/g, "meta").split(/[+ ]/g).sort();
+      if (this.areTokensEquals(t, i))
         return this.shortcutActionIdMapping[o];
     }
   }
@@ -2075,7 +2085,7 @@ class Be {
     return this.shortcutActionIdMapping;
   }
 }
-class oe {
+class re {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -2123,18 +2133,18 @@ class We {
   }
 }
 class Ge {
-  render(e, t, o, s, i, r, n) {
-    if (i.isEditable(t, o)) {
-      n.addClass(e, "ge-table-row-input-div");
-      const l = i.getValueAt(t, o);
+  render(e, t, o, i, s, r, l) {
+    if (s.isEditable(t, o)) {
+      l.addClass(e, "ge-table-row-input-div");
+      const n = s.getValueAt(t, o);
       e.innerHTML = `
             <input
                 type="text"
-                value="${l}"
+                value="${n}"
                 autofocus
                 onfocus="this.setSelectionRange(0, this.value.length)"
                 data-listen="change"
-                data-area="${s}"
+                data-area="${i}"
                 data-row-index="${t}"
                 data-col-index="${o}"
                 data-input-type="text"
@@ -2143,17 +2153,31 @@ class Ge {
     }
   }
 }
-class be {
+class we {
   constructor(e = "none", t = "single") {
-    this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
+    this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
+  }
+  getEventSelectionChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventSelectionChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventSelectionChangedListener(e) {
+    const t = this.listenerArr.indexOf(e, 0);
+    t > -1 && this.listenerArr.splice(t, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.silent || this.listenerArr.forEach((e) => e.onSelectionChanged(this));
   }
   firstClick(e, t) {
     this.selectionType === "row" ? this.addRange(A.singleRow(e)) : this.selectionType === "column" && this.addRange(A.singleColumn(t));
   }
   getSelectionCount(e, t) {
     let o = 0;
-    for (const s of this.ranges)
-      s.isInRange(e, t) && o++;
+    for (const i of this.ranges)
+      i.isInRange(e, t) && o++;
     return this.allSelected && o++, this.isInNegativeRange(e, t) && (o = 0), o;
   }
   isInNegativeRange(e, t) {
@@ -2166,7 +2190,7 @@ class be {
     return this.ranges;
   }
   clear() {
-    this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
+    this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.fireChangeEvent();
   }
   hasSelection() {
     return this.allSelected || !!this.ranges.length;
@@ -2187,19 +2211,19 @@ class be {
     return Array.from(e);
   }
   selectAll() {
-    this.allSelected = !0;
+    this.allSelected = !0, this.fireChangeEvent();
   }
   isAllSelected() {
     return this.allSelected;
   }
   addSelection(e) {
-    this.addRange(e);
+    this.addRange(e), this.fireChangeEvent();
   }
   removeSelection(e) {
     if (this.selectionType === "none")
       return;
     let t = e;
-    this.selectionType === "row" ? t = A.singleRow(e.r1) : this.selectionType === "column" && (t = A.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), this.fireChangeEvent();
   }
   togglePoint(e, t) {
     this.getSelectionCount(e, t) > 0 ? this.removeSelection(A.singleCell(e, t)) : this.addSelection(A.singleCell(e, t));
@@ -2208,12 +2232,26 @@ class be {
     return this.getSelectionCount(e, t) > 0;
   }
   addRange(e) {
-    this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e));
+    this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e), this.fireChangeEvent());
   }
 }
 class Ne {
   constructor(e = "none") {
-    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
+    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
+  }
+  getEventFocusChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventFocusChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventFocusChangedListener(e) {
+    const t = this.listenerArr.indexOf(e, 0);
+    t > -1 && this.listenerArr.splice(t, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.listenerArr.forEach((e) => e.onFocusChanged(this));
   }
   clearChanged() {
     this.changed = !1;
@@ -2222,10 +2260,10 @@ class Ne {
     return this.changed;
   }
   clear() {
-    this.rowIndex = -1, this.columnIndex = -1;
+    this.rowIndex = -1, this.columnIndex = -1, this.fireChangeEvent();
   }
   setFocus(e, t) {
-    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0);
+    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0, this.fireChangeEvent());
   }
   hasFocus(e, t) {
     return this.rowIndex === e && this.columnIndex === t;
@@ -2234,12 +2272,12 @@ class Ne {
     return [this.rowIndex, this.columnIndex];
   }
 }
-class Q {
-  constructor(e = new O(
+class oe {
+  constructor(e = new $(
     "❯",
     "",
     ["gt-table-icon-expanded"]
-  ), t = new O(
+  ), t = new $(
     "❯",
     "transform: rotate(180deg) translate(-100%, -100%); transform-origin: 0 0;",
     ["ge-table-icon-collapsed"]
@@ -2248,17 +2286,17 @@ class Q {
   }
   // `⊖ `,  `⊕ `;
 }
-const ze = new be(), je = new Ne("cell");
-class j {
+const ze = new we(), je = new Ne("cell");
+class U {
   constructor() {
     this.overflowX = "auto", this.overflowY = "auto", this.horizontalBorderVisible = !0, this.verticalBorderVisible = !0, this.footerSeparatorBorderVisible = !0, this.headerSeparatorBorderVisible = !0, this.fixedEastSeparatorBorderVisible = !0, this.fixedWestSeparatorBorderVisible = !0, this.tableTopBorderVisible = !0, this.tableBottomBorderVisible = !0, this.hoverRowVisible = !0, this.hoverColumnVisible = !0, this.columnsResizable = !0, this.columnsDraggable = !0, this.columnResizeHandleWidthInPx = 4, this.defaultRowHeights = {
       header: 34,
       body: 34,
       footer: 34
-    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new 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 Ge(), this.getSelectionModel = () => ze, this.getFocusModel = () => je;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new fe(), this.headerGroupOptions = new oe(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new me(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new Ge(), this.getSelectionModel = () => ze, this.getFocusModel = () => je;
   }
 }
-const Z = class X {
+const P = class P {
   /**
    * Returns the content to be copied based on the provided table model, selection model, and focus model.
    *
@@ -2269,28 +2307,28 @@ const Z = class X {
    * @throws {string} Throws an error if neither selection nor focus is defined.
    */
   createContent(e, t, o) {
-    return new Promise((s, i) => {
+    return new Promise((i, s) => {
       if (t != null && t.hasSelection()) {
         const r = this.mergeRanges(t.getRanges());
         if (r) {
           r.c2 = Math.min(r.c2, e.getColumnCount() - 1), r.r2 = Math.min(r.r2, e.getBodyModel().getRowCount() - 1);
-          const n = [];
-          for (let l = r.r1; l <= r.r2; l++) {
+          const l = [];
+          for (let n = r.r1; n <= r.r2; n++) {
             const d = [];
             for (let a = r.c1; a <= r.c2; a++) {
-              const h = t.isSelected(l, a) ? e.getBodyModel().getTextValueAt(l, a) : "";
+              const h = t.isSelected(n, a) ? e.getBodyModel().getTextValueAt(n, a) : "";
               d.push(h);
             }
-            n.push(d.join(X.columnSeparatorChar));
+            l.push(d.join(P.columnSeparatorChar));
           }
-          return s(n.join(X.rowSeparatorChar));
+          return i(l.join(P.rowSeparatorChar));
         }
       }
       if (o) {
-        const [r, n] = o.getFocus(), l = e.getBodyModel().getTextValueAt(r, n);
-        return s(l);
+        const [r, l] = o.getFocus(), n = e.getBodyModel().getTextValueAt(r, l);
+        return i(n);
       }
-      i("Cannot copy, neither selection nor focus defined.");
+      s("Cannot copy, neither selection nor focus defined.");
     });
   }
   /**
@@ -2311,19 +2349,19 @@ const Z = class X {
    * @returns {Promise<string>} A promise that resolves with the copied text if successful, or rejects if an error occurs.
    */
   copyToClipboard(e, t, o) {
-    return new Promise((s, i) => {
+    return new Promise((i, s) => {
       this.createContent(
         e,
         t,
         o
       ).then((r) => {
-        r && this.copyContent(r).then((n) => {
-          s(r);
-        }).catch((n) => {
-          i();
+        r && this.copyContent(r).then((l) => {
+          i(r);
+        }).catch((l) => {
+          s();
         });
       }).catch((r) => {
-        i();
+        s();
       });
     });
   }
@@ -2340,23 +2378,21 @@ const Z = class X {
     return t;
   }
 };
-Z.columnSeparatorChar = "	";
-Z.rowSeparatorChar = `
+P.columnSeparatorChar = "	", P.rowSeparatorChar = `
 `;
-let se = Z;
-class fe extends $e {
-  constructor(e, t, o, s, i, r = new se()) {
-    var n;
-    if (super(
-      e,
-      t,
-      new ve(o),
-      s
-    ), this.eventListener = i, this.copyService = r, this.licenseManager = P.getInstance(), this.selectionService = new Le(this), this.api = new Me(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 Ee(d)), l.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ke(d)), l.autoRestoreSortingState && (this.storeSortingService = new Te(d)));
+let N = P;
+class Se extends Fe {
+  constructor(e, t, o, i, s, r = new N()) {
+    var d;
+    if (super(e, t, new ve(o), i), this.eventListener = s, this.copyService = r, this.licenseManager = L.getInstance(), this.selectionService = new Pe(this), this.api = new Me(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, s || (this.eventListener = new re()), (d = this.tableOptions) != null && d.autoRestoreOptions) {
+      const a = this.tableOptions.autoRestoreOptions, h = a.getStorageKeyFn;
+      h && (a.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Ee(h)), a.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ke(h)), a.autoRestoreSortingState && (this.storeSortingService = new Te(h)));
     }
-    this.mouseHandler = new Ae(this), this.inputHandler = new Fe(this), this.shortcutService = new Be(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new Ae(this), this.inputHandler = new Oe(this), this.shortcutService = new Ve(this), this.shortcutService.addListener(this.selectionService);
+    const l = this.getSelectionModel ? this.getSelectionModel() : void 0;
+    l && l.addEventSelectionChangedListener(this);
+    const n = this.getFocusModel ? this.getFocusModel() : void 0;
+    n && n.addEventFocusChangedListener(this);
   }
   /**
    * Creates a TableScope instance.
@@ -2370,15 +2406,8 @@ class fe extends $e {
    *
    * @return {TableScope} - The newly created TableScope instance.
    */
-  static create(e, t, o = new j(), s = new oe(), i = new We(), r = new se()) {
-    return new fe(
-      e,
-      t,
-      i,
-      o,
-      s,
-      r
-    );
+  static create(e, t, o = new U(), i = new re(), s = new We(), r = new N()) {
+    return new Se(e, t, s, o, i, r);
   }
   /**
    * Triggers an action based on the provided actionId.
@@ -2394,19 +2423,19 @@ class fe extends $e {
     if (e === "START_EDITING" && this.getFocusModel) {
       const t = this.getFocusModel();
       if (t) {
-        const [o, s] = t.getFocus();
-        this.tableModel.getBodyModel().isEditable(o, s) && (this.clearSelection(), this.initRenderEditor(o, s));
+        const [o, i] = t.getFocus();
+        this.tableModel.getBodyModel().isEditable(o, i) && (this.clearSelection(), this.initRenderEditor(o, i));
       }
       return !0;
     }
     if (e === "COPY_2_CLIPBOARD") {
       const t = this.getSelectionModel ? this.getSelectionModel() : void 0, o = this.getFocusModel ? this.getFocusModel() : void 0;
-      this.copyService.createContent(this.tableModel, t, o).then((s) => this.copyService.copyContent(s));
+      this.copyService.createContent(this.tableModel, t, o).then((i) => this.copyService.copyContent(i));
     }
     return !1;
   }
-  updateModelValueAfterEdit(e, t, o, s) {
-    e === "body" && this.tableModel.getAreaModel(e).setValue(t, o, s) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(J.createSingle(t, o)), this.hostElement.focus());
+  updateModelValueAfterEdit(e, t, o, i) {
+    e === "body" && this.tableModel.getAreaModel(e).setValue(t, o, i) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(te.createSingle(t, o)), this.hostElement.focus());
   }
   /**
    * Retrieves the TableApi object.
@@ -2435,16 +2464,16 @@ class fe extends $e {
    * @return {GeMouseEvent} - The created GeMouseEvent object.
    */
   createGeMouseEvent(e) {
-    const t = new K();
+    const t = new Q();
     if (t.originalEvent = e, e) {
       const o = e.target;
       if ([t.areaIdent, t.sideIdent] = this.getAreaAndSideIdentByAttr(o), t.rowIndex = this.getNumberByAttr(o, "data-row-index"), t.columnIndex = this.getNumberByAttr(o, "data-col-index"), t.action = this.getStringByAttr(o, "data-ge-action"), t.areaIdent) {
-        const s = this.tableModel.getAreaModel(t.areaIdent);
-        t.rowTop = s.getYPosByRowIndex(t.rowIndex);
+        const i = this.tableModel.getAreaModel(t.areaIdent);
+        t.rowTop = i.getYPosByRowIndex(t.rowIndex);
       }
       if (t.columnLeft = this.tableModel.getXPosByColumnIndex(t.columnIndex), e.ctrlKey && e.altKey) {
-        const s = e.clientY - this.hostElement.offsetTop - this.areaHeaderCenter.parent.clientHeight, i = e.clientX - this.hostElement.offsetLeft - this.areaBodyWestGeo.width;
-        this.debugOnce(i, s);
+        const i = e.clientY - this.hostElement.offsetTop - this.areaHeaderCenter.parent.clientHeight, s = e.clientX - this.hostElement.offsetLeft - this.areaBodyWestGeo.width;
+        this.debugOnce(s, i);
       }
     }
     return t;
@@ -2505,7 +2534,7 @@ class fe extends $e {
   toggleExpandCollapseAll(e = !0) {
     var o;
     const t = this.tableModel.getBodyModel();
-    z(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (o = this.storeStateCollapsedExpandService) == null || o.collapsedStateAll(e));
+    K(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (o = this.storeStateCollapsedExpandService) == null || o.collapsedStateAll(e));
   }
   /**
    * Toggles the checkbox state of a specific row in a table.
@@ -2517,11 +2546,11 @@ class fe extends $e {
    * @return {void} - This method does not return anything.
    */
   toggleRowCheckbox(e, t, o) {
-    var l;
-    const s = this.tableModel.getAreaModel(o), i = s.isRowChecked(e), r = i === void 0 || i === "semi" || i === "none";
-    s.setRowChecked(e, r), this.repaint();
-    const n = (l = s.rowSelectionModel) == null ? void 0 : l.getCheckedRows();
-    this.eventListener.onCheckboxChanged(n || []);
+    var n;
+    const i = this.tableModel.getAreaModel(o), s = i.isRowChecked(e), r = s === void 0 || s === "semi" || s === "none";
+    i.setRowChecked(e, r), this.repaint();
+    const l = (n = i.rowSelectionModel) == null ? void 0 : n.getCheckedRows();
+    this.eventListener.onCheckboxChanged(l || []);
   }
   /**
    * Handle mouse click events.
@@ -2534,8 +2563,8 @@ class fe extends $e {
     let o = this.selectionService.onMouseClicked(e, t);
     if (!o && this.getFocusModel) {
       this.resetEditorRenderer();
-      const s = this.getFocusModel();
-      s && (o = s.hasChanged(), s.clearChanged());
+      const i = this.getFocusModel();
+      i && (o = i.hasChanged(), i.clearChanged());
     }
     return o;
   }
@@ -2545,6 +2574,12 @@ class fe extends $e {
   publishGeMouseEvent(e) {
     this.eventListener.onMouseClicked(e);
   }
+  onFocusChanged(e) {
+    this.eventListener.onFocusChanged(e);
+  }
+  onSelectionChanged(e) {
+    this.eventListener.onSelectionChanged(e);
+  }
   /**
    * Updates the table (repaint) when an external filter is changed.
    *
@@ -2565,12 +2600,12 @@ class fe extends $e {
    * @return {void}
    */
   onHeaderDblClicked(e, t, o) {
-    var i, r;
-    const s = this.tableModel.getColumnDef(o);
-    if (s != null && s.sortable && s.sortable()) {
+    var s, r;
+    const i = this.tableModel.getColumnDef(o);
+    if (i != null && i.sortable && i.sortable()) {
       e.preventDefault(), e.stopPropagation();
-      const n = s.sortStatesOrder ? s.sortStatesOrder : this.tableOptions.sortOrder, l = s.sortState ?? "", d = n[(n.indexOf(l) + 1) % n.length], a = new Oe(o, d);
-      this.tableModel.doSort([a]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((u) => u.sortState = ""), s.sortState = d), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([a]);
+      const l = i.sortStatesOrder ? i.sortStatesOrder : this.tableOptions.sortOrder, n = i.sortState ?? "", d = l[(l.indexOf(n) + 1) % l.length], a = new $e(o, d);
+      this.tableModel.doSort([a]) && ((s = this.tableModel.getColumnDefs()) == null || s.forEach((u) => u.sortState = ""), i.sortState = d), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([a]);
     }
   }
   /**
@@ -2592,8 +2627,8 @@ class fe extends $e {
    * @return {void}
    */
   scrollToIndex(e, t) {
-    const s = this.tableModel.getAreaModel("body").getYPosByRowIndex(t);
-    this.scrollToPixel(0, s);
+    const i = this.tableModel.getAreaModel("body").getYPosByRowIndex(t);
+    this.scrollToPixel(0, i);
   }
   /**
    * Sets the selection model for the table.
@@ -2642,8 +2677,8 @@ class fe extends $e {
     if (!this.isEditing() && this.getFocusModel) {
       const o = this.getFocusModel();
       if (o) {
-        const [s, i] = o.getFocus();
-        return o.setFocus(s + t, i + e), this.repaint(), !0;
+        const [i, s] = o.getFocus();
+        return o.setFocus(i + t, s + e), this.repaint(), !0;
       }
     }
     return !1;
@@ -2712,33 +2747,32 @@ class fe extends $e {
   autoRestoreCollapsedExpandedState() {
     var e, t;
     if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.getRowId && this.storeStateCollapsedExpandService) {
-      const o = this.tableOptions.autoRestoreOptions, s = o.getRowId;
-      if (o.autoRestoreCollapsedExpandedState && s) {
-        const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
-        if (z(r)) {
-          const n = r, l = r.getRowCount();
-          for (let d = 0; d < l; d++) {
+      const o = this.tableOptions.autoRestoreOptions, i = o.getRowId;
+      if (o.autoRestoreCollapsedExpandedState && i) {
+        const s = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
+        if (K(r)) {
+          const l = r, n = r.getRowCount();
+          for (let d = 0; d < n; d++) {
             const a = r.getRowByIndex(d);
             if (a)
-              if (i.allExpanded)
+              if (s.allExpanded)
                 a.expanded = !0;
-              else if (i.allCollapsed)
+              else if (s.allCollapsed)
                 a.expanded = !1;
               else {
-                const h = s(a.data);
-                i.mode === "expanded" ? a.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h) : i.mode === "collapsed" && (a.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h));
+                const h = i(a.data);
+                s.mode === "expanded" ? a.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h) : s.mode === "collapsed" && (a.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h));
               }
           }
-          n.recalcVisibleTreeRows();
+          l.recalcVisibleTreeRows();
         }
       }
     }
   }
 }
-class me {
-}
-me.themes = ["light", "combat", "paper", "blackboard"];
-me.vars = {
+const z = class z {
+};
+z.themes = ["light", "combat", "paper", "blackboard"], z.vars = {
   light: `html[data-theme="light"] {
   --ge-table-bg: rgba(255,255,255, 0.5);
   --ge-table-header-west-bg: rgba(233, 233, 233, 0.5);
@@ -2972,51 +3006,52 @@ me.vars = {
   --ge-table-drop-zone-bg: #758129;
 }`
 };
-class ie {
-  constructor(e, t = !0, o, s, i = 0, r = !1, n = !1) {
-    this.data = e, this.expanded = t, this.children = o, this.parent = s, this.deep = i, this.checked = r, this.keep = n, this.type = "TreeRow";
+let ne = z;
+class le {
+  constructor(e, t = !0, o, i, s = 0, r = !1, l = !1) {
+    this.data = e, this.expanded = t, this.children = o, this.parent = i, this.deep = s, this.checked = r, this.keep = l, this.type = "TreeRow";
   }
 }
-class Y {
+class q {
   static buildTreeRows(e, t = "children", o = 12) {
-    const s = [];
-    for (const i of e)
-      s.push(Y.buildTreeRow(i, t, void 0, 0, o));
-    return s;
+    const i = [];
+    for (const s of e)
+      i.push(q.buildTreeRow(s, t, void 0, 0, o));
+    return i;
   }
-  static buildTreeRow(e, t = "children", o = new ie(e, !0, [], void 0, 0), s = 0, i = 12) {
-    var n;
-    if (s > i)
-      return console.warn("Max deep limit reached: ", s), o;
+  static buildTreeRow(e, t = "children", o = new le(e, !0, [], void 0, 0), i = 0, s = 12) {
+    var l;
+    if (i > s)
+      return console.warn("Max deep limit reached: ", i), o;
     const r = e[t];
     if (r)
-      for (const l of r) {
-        const d = new ie(l, !0, [], o, s + 1);
-        if ((n = o.children) == null || n.push(d), Y.buildTreeRow(
-          l,
+      for (const n of r) {
+        const d = new le(n, !0, [], o, i + 1);
+        if ((l = o.children) == null || l.push(d), q.buildTreeRow(
+          n,
           t,
           d,
-          s + 1
-        ), s > i)
-          return console.warn("Max deep limit reached: ", s), o;
+          i + 1
+        ), i > s)
+          return console.warn("Max deep limit reached: ", i), o;
       }
     return o;
   }
 }
-class H {
+class B {
   constructor(e = 34, t = 34, o = 34) {
     this.header = e, this.body = t, this.footer = o;
   }
 }
-class S {
+class w {
   constructor(e = 100, t = "px") {
     this.value = e, this.unit = t;
   }
 }
-const Xe = () => !0, re = () => !1;
+const Xe = () => !0, ae = () => !1;
 class V {
-  constructor(e, t, o = new S(100, "px"), s = new T(), i = new T(), r = new S(100, "px"), n = new S(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;
+  constructor(e, t, o = new w(100, "px"), i = new T(), s = new T(), r = new w(100, "px"), l = new w(100, "px"), n, d, a, h, u, m, b, f, g = () => this.visible) {
+    this.property = e, this.headerLabel = t, this.width = o, this.classes = i, this.rendererMap = s, this.minWidth = r, this.maxWidth = l, this.sortable = n, 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(
@@ -3034,31 +3069,31 @@ class V {
       e.headerClasses,
       e.bodyClasses,
       e.footerClasses
-    ), s = e.sortIconVisible ?? e.sortable ?? re, i = e.editable ?? e.editable ?? re, r = e.isVisible ?? e.isVisible ?? Xe;
+    ), i = e.sortIconVisible ?? e.sortable ?? ae, s = e.editable ?? e.editable ?? ae, r = e.isVisible ?? e.isVisible ?? Xe;
     return new V(
       e.property ?? "",
       e.headerLabel ?? "",
-      e.width ?? new S(100, "px"),
+      e.width ?? new w(100, "px"),
       o,
       t,
-      e.minWidth ?? new S(100, "px"),
-      e.maxWidth ?? new S(100, "px"),
+      e.minWidth ?? new w(100, "px"),
+      e.maxWidth ?? new w(100, "px"),
       e.sortable,
       e.sortComparator,
       e.sortState,
       e.sortStatesOrder,
-      s,
       i,
+      s,
       e.getEditRenderer,
       e.editInputPipe,
       r
     );
   }
 }
-const tt = new S(300, "px"), ot = new S(290, "px"), st = new S(280, "px"), it = new S(270, "px"), rt = new S(260, "px"), lt = new S(250, "px"), nt = new S(240, "px"), at = new S(230, "px"), dt = new S(220, "px"), ht = new S(210, "px"), le = new S(200, "px"), ct = new S(190, "px"), ut = new S(180, "px"), gt = new S(170, "px"), pt = new S(160, "px"), bt = new S(150, "px"), ft = new S(140, "px"), mt = new S(130, "px"), St = new S(120, "px"), wt = new S(110, "px"), xt = new S(100, "px"), Ct = new S(90, "px"), yt = new S(80, "px"), vt = new S(70, "px"), Rt = new S(60, "px"), At = new S(50, "px"), Mt = new S(40, "px"), Et = new S(30, "px"), It = new S(20, "px"), kt = new S(10, "px"), Tt = new S(0, "px");
-class ee {
+const tt = new w(300, "px"), ot = new w(290, "px"), it = new w(280, "px"), st = new w(270, "px"), rt = new w(260, "px"), nt = new w(250, "px"), lt = new w(240, "px"), at = new w(230, "px"), dt = new w(220, "px"), ht = new w(210, "px"), de = 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 ie {
   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]);
+    this.areaIdent = e, this.columnDefs = t, this.defaultRowHeight = o, this.rowSelectionModel = void 0, this.yPositions = [], this.cellRenderers = t.map((i) => i.rendererMap[e]);
   }
   getTextValueAt(e, t) {
     return "" + this.getValueAt(e, t);
@@ -3116,16 +3151,16 @@ class ee {
     return !1;
   }
   isEditable(e, t) {
-    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;
+    var i, s;
+    const o = (i = this.columnDefs) == null ? void 0 : i[t];
+    return ((s = o == null ? void 0 : o.editable) == null ? void 0 : s.call(o)) ?? !1;
   }
   setValue(e, t, o) {
-    var n;
-    const s = (n = this.columnDefs[t]) == null ? void 0 : n.editInputPipe;
-    s && (o = s(o, e, t));
-    const i = this.getRowByIndex(e), r = this.columnDefs[t].property;
-    return r.includes(".") ? this.setPropertyValue(i, r.split("."), o) : (i[r] = o, !0);
+    var l;
+    const i = (l = this.columnDefs[t]) == null ? void 0 : l.editInputPipe;
+    i && (o = i(o, e, t));
+    const s = this.getRowByIndex(e), r = this.columnDefs[t].property;
+    return r.includes(".") ? this.setPropertyValue(s, r.split("."), o) : (s[r] = o, !0);
   }
   isSelectable(e, t) {
     return !0;
@@ -3134,16 +3169,16 @@ class ee {
     this.arrayMove(this.cellRenderers, e, t);
   }
   setPropertyValue(e, t, o) {
-    const s = t.shift();
-    if (s) {
-      const i = e[s];
-      return i && t.length ? this.setPropertyValue(i, t, o) : (e[s] = o, !0);
+    const i = t.shift();
+    if (i) {
+      const s = e[i];
+      return s && t.length ? this.setPropertyValue(s, t, o) : (e[i] = o, !0);
     }
     return !1;
   }
   arrayMove(e, t, o) {
-    const s = e.splice(t, 1)[0];
-    return e.splice(o, 0, s), e;
+    const i = e.splice(t, 1)[0];
+    return e.splice(o, 0, i), e;
   }
   calcYPositions() {
     const e = this.getRowCount();
@@ -3152,9 +3187,9 @@ class ee {
       this.yPositions[t + 1] = this.getRowHeight(t) + this.yPositions[t];
   }
 }
-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];
+class D extends ie {
+  constructor(e, t, o, i = []) {
+    super(e, i, o), this.areaIdent = e, this.arr = t, this.defaultRowHeight = o, this.columnDefs = i, this.filteredArr = [...t];
   }
   externalFilterChanged(e) {
     this.filteredArr = this.arr ? this.arr.filter(e) : [];
@@ -3166,9 +3201,9 @@ class D extends ee {
     return this.filteredArr[e][t];
   }
   setValue(e, t, o) {
-    var i;
-    const s = (i = this.columnDefs[t]) == null ? void 0 : i.editInputPipe;
-    return s && (o = s(o, e, t)), this.arr[e][t] = o, !0;
+    var s;
+    const i = (s = this.columnDefs[t]) == null ? void 0 : s.editInputPipe;
+    return i && (o = i(o, e, t)), this.arr[e][t] = o, !0;
   }
   getRowByIndex(e) {
     return this.filteredArr[e];
@@ -3255,15 +3290,15 @@ class _ {
 class Ye {
   flattenTree(e, t = []) {
     var o;
-    for (const s of e)
-      this.isVisible(s) && t.push(s), (o = s.children) != null && o.length && this.flattenTree(s.children, t);
+    for (const i of e)
+      this.isVisible(i) && t.push(i), (o = i.children) != null && o.length && this.flattenTree(i.children, t);
     return t;
   }
   isVisible(e) {
     return e.parent ? e.parent.expanded ? this.isVisible(e.parent) : !1 : !0;
   }
 }
-class Se {
+class xe {
   genericSortComparator(e, t, o) {
     if (typeof e == "number" && typeof t == "number")
       return o * (e - t);
@@ -3274,16 +3309,16 @@ class Se {
     if (e instanceof Date && t instanceof Date)
       return o * (e.getTime() - t.getTime());
     if (e instanceof Array && t instanceof Array) {
-      const s = e, i = t;
-      if (s.length && i.length)
-        return this.genericSortComparator(s[0], i[0], o);
+      const i = e, s = t;
+      if (i.length && s.length)
+        return this.genericSortComparator(i[0], s[0], o);
     }
     return o * ("" + e).localeCompare("" + t);
   }
 }
-class ne extends ee {
-  constructor(e, t, o, s = []) {
-    super(e, s, o), this.areaIdent = e, this.rows = t, this.defaultRowHeight = o, this.columnDefs = s, this.type = "AreaModelTree", this.sorterService = new Se(), this.service = new Ye(), this.properties = s.map((i) => i.property), this.flattenRows = this.service.flattenTree(t), this.filteredFlattenRows = [...this.flattenRows];
+class he extends ie {
+  constructor(e, t, o, i = []) {
+    super(e, i, o), this.areaIdent = e, this.rows = t, this.defaultRowHeight = o, this.columnDefs = i, this.type = "AreaModelTree", this.sorterService = new xe(), this.service = new Ye(), this.properties = i.map((s) => s.property), this.flattenRows = this.service.flattenTree(t), this.filteredFlattenRows = [...this.flattenRows];
   }
   changeColumnOrder(e, t) {
     this.arrayMove(this.properties, e, t), super.changeColumnOrder(e, t);
@@ -3303,9 +3338,9 @@ class ne extends ee {
   getValueAt(e, t) {
     const o = this.getRowByIndex(e);
     if (o) {
-      const s = this.properties[t];
-      if (s)
-        return s.includes(".") ? this.getPropertyValue(o.data, s.split(".")) : o.data[s];
+      const i = this.properties[t];
+      if (i)
+        return i.includes(".") ? this.getPropertyValue(o.data, i.split(".")) : o.data[i];
     }
     return "";
   }
@@ -3325,8 +3360,8 @@ class ne extends ee {
     this.lastPredictFn = e, this.doFiltering();
   }
   doSort(e) {
-    const { columnIndex: t, sortState: o } = e[e.length - 1], s = o === "asc" ? 1 : o === "desc" ? -1 : 0, i = this.properties[t];
-    return this.treeSort(this.rows, i, s), this.flattenRows = this.service.flattenTree(this.rows), this.filteredFlattenRows = [...this.flattenRows], !0;
+    const { columnIndex: t, sortState: o } = e[e.length - 1], i = o === "asc" ? 1 : o === "desc" ? -1 : 0, s = this.properties[t];
+    return this.treeSort(this.rows, s, i), this.flattenRows = this.service.flattenTree(this.rows), this.filteredFlattenRows = [...this.flattenRows], !0;
   }
   toggleExpandCollapseAll(e) {
     this.expandAllRecursive(this.rows, e), this.flattenRows = this.service.flattenTree(this.rows), this.doFiltering();
@@ -3336,19 +3371,19 @@ class ne extends ee {
   }
   setValue(e, t, o) {
     var r;
-    const s = (r = this.columnDefs[t]) == null ? void 0 : r.editInputPipe;
-    s && (o = s(o, e, t));
-    const i = this.getRowByIndex(e);
-    if (i) {
-      const n = i.data, l = this.columnDefs[t].property;
-      return l.includes(".") ? this.setPropertyValue(n, l.split("."), o) : (n[l] = o, !0);
+    const i = (r = this.columnDefs[t]) == null ? void 0 : r.editInputPipe;
+    i && (o = i(o, e, t));
+    const s = this.getRowByIndex(e);
+    if (s) {
+      const l = s.data, n = this.columnDefs[t].property;
+      return n.includes(".") ? this.setPropertyValue(l, n.split("."), o) : (l[n] = o, !0);
     }
     return !1;
   }
   genericTreeTableSortComparator(e, t) {
-    return (o, s) => {
-      const i = this.getValueByT(o.data, e), r = this.getValueByT(s.data, e);
-      return this.sorterService.genericSortComparator(i, r, t);
+    return (o, i) => {
+      const s = this.getValueByT(o.data, e), r = this.getValueByT(i.data, e);
+      return this.sorterService.genericSortComparator(s, r, t);
     };
   }
   expandAllRecursive(e, t) {
@@ -3365,27 +3400,27 @@ class ne extends ee {
         e = Math.max(e, o.deep);
       });
       const t = this.flattenRows.filter(
-        (o, s, i) => this.lastPredictFn(o, s, i)
+        (o, i, s) => this.lastPredictFn(o, i, s)
       );
       this.flattenRows.forEach((o) => o.keep = !1), this.flattenRows.forEach((o) => {
         t.includes(o) && (o.keep = !0, this.setAllParentsOk(o));
       }), this.filteredFlattenRows = this.flattenRows.filter(
-        (o, s, i) => o.keep
+        (o, i, s) => o.keep
       );
     }
   }
   getPropertyValue(e, t) {
     const o = t.shift();
-    let s = e[o];
-    return s && t.length ? this.getPropertyValue(s, t) : s;
+    let i = e[o];
+    return i && t.length ? this.getPropertyValue(i, t) : i;
   }
   treeSort(e, t, o) {
     e.sort(this.genericTreeTableSortComparator(t, o));
-    for (const s of e)
-      s.children && this.treeSort(s.children, t, o);
+    for (const i of e)
+      i.children && this.treeSort(i.children, t, o);
   }
 }
-class ae {
+class ce {
   constructor(e = []) {
     this.allRootNodes = e;
   }
@@ -3425,8 +3460,8 @@ class ae {
   areAllChildrenChecked(e) {
     var t, o;
     if ((t = e.children) != null && t.length) {
-      for (const s of e.children)
-        if (!s.checked || (o = s.children) != null && o.length && !this.areAllChildrenChecked(s))
+      for (const i of e.children)
+        if (!i.checked || (o = i.children) != null && o.length && !this.areAllChildrenChecked(i))
           return !1;
     }
     return !0;
@@ -3434,8 +3469,8 @@ class ae {
   areAllChildrenUnchecked(e) {
     var t, o;
     if ((t = e.children) != null && t.length) {
-      for (const s of e.children)
-        if (s.checked || (o = s.children) != null && o.length && !this.areAllChildrenUnchecked(s))
+      for (const i of e.children)
+        if (i.checked || (o = i.children) != null && o.length && !this.areAllChildrenUnchecked(i))
           return !1;
     }
     return !0;
@@ -3445,9 +3480,9 @@ class ae {
       o.checked && t.push(o), o.children && this.addSelectedRecursive(o.children, t);
   }
 }
-class de {
-  constructor(e = 0, t = 0, o = 0, s = 0) {
-    this.top = e, this.right = t, this.bottom = o, this.left = s;
+class ue {
+  constructor(e = 0, t = 0, o = 0, i = 0) {
+    this.top = e, this.right = t, this.bottom = o, this.left = i;
   }
 }
 class Ke {
@@ -3481,11 +3516,11 @@ 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, m = () => {
+class Y {
+  constructor(e, t, o, i = 0, s = 0, r = !1, l = new B(), n = [], d = [], a = -1, h = 0, u = 400, m = () => {
   }) {
     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 && ye(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Ke());
+    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = o, this.fixedLeftColumnCount = i, this.fixedRightColumnCount = s, this.rowCheckboxVisible = r, this.defaultRowHeights = l, this.columnDefs = n, 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 ue(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 && ye(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();
@@ -3565,11 +3600,11 @@ class N {
    * @returns {void}
    */
   recalcPadding() {
-    const e = this.getSideAreaWidth("west"), t = this.getSideAreaWidth("east"), o = this.getAreaHeight("header"), s = this.getAreaHeight("footer");
-    this.padding = new de(
+    const e = this.getSideAreaWidth("west"), t = this.getSideAreaWidth("east"), o = this.getAreaHeight("header"), i = this.getAreaHeight("footer");
+    this.padding = new ue(
       o,
       t,
-      s,
+      i,
       e
     );
   }
@@ -3626,10 +3661,10 @@ class N {
     const t = this.getModel(e), o = t.getRowCount();
     if (this.defaultRowHeights[e])
       return o * this.defaultRowHeights[e];
-    let s = 0;
-    for (let i = 0; i < o; i++)
-      s = s + t.getRowHeight(i);
-    return s;
+    let i = 0;
+    for (let s = 0; s < o; s++)
+      i = i + t.getRowHeight(s);
+    return i;
   }
   /**
    * Returns the total width of the side area identified by sideIdent.
@@ -3639,10 +3674,10 @@ class N {
    */
   getSideAreaWidth(e) {
     const [t, o] = this.getSideStartAndEndColumnIndex(e);
-    let s = 0;
-    for (let i = t; i <= o; i++)
-      s = s + this.getColumnWidth(i);
-    return s;
+    let i = 0;
+    for (let s = t; s <= o; s++)
+      i = i + this.getColumnWidth(s);
+    return i;
   }
   /**
    * Retrieves the start and end column indices based on the given side identifier.
@@ -3652,8 +3687,8 @@ class N {
    */
   getSideStartAndEndColumnIndex(e) {
     const t = this.getFixedLeftColumnCount(), o = this.getFixedRightColumnCount();
-    let s = 0, i = this.columnCount - 1;
-    return e === "west" ? i = t - 1 : e === "east" ? s = this.columnCount - o : (s = t, i = this.columnCount - o - 1), [s, i];
+    let i = 0, s = this.columnCount - 1;
+    return e === "west" ? s = t - 1 : e === "east" ? i = this.columnCount - o : (i = t, s = this.columnCount - o - 1), [i, s];
   }
   /**
    * Returns the column definition at the specified index.
@@ -3801,30 +3836,30 @@ class N {
    * @returns {void}
    */
   changeColumnOrder(e, t) {
-    var o, s, i;
-    this.arrayMove(this.columnDefs, e, t), this.arrayMove(this.columnSizes, e, t), (o = this.headerAreaModel) == null || o.changeColumnOrder(e, t), (s = this.bodyAreaModel) == null || s.changeColumnOrder(e, t), (i = this.footerAreaModel) == null || i.changeColumnOrder(e, t), this.calcXPositions();
+    var o, i, s;
+    this.arrayMove(this.columnDefs, e, t), this.arrayMove(this.columnSizes, e, t), (o = this.headerAreaModel) == null || o.changeColumnOrder(e, t), (i = this.bodyAreaModel) == null || i.changeColumnOrder(e, t), (s = this.footerAreaModel) == null || s.changeColumnOrder(e, t), this.calcXPositions();
   }
   recalcColumnWidthes(e) {
-    var t, o, s;
-    !((t = this.columnDefs) != null && t.length) && !((o = this.columnSizes) != null && o.length) && (this.columnSizes = new Array(this.getColumnCount()).fill(this.overridingColumnWidth)), (s = this.columnDefs) != null && s.length && (this.columnSizes = this.columnDefs.map((i) => {
-      if (i.width.unit === "%" && e) {
-        let r = Math.floor(i.width.value * e / 100);
-        if (i.minWidth) {
-          const n = i.minWidth.unit === "px" ? i.minWidth.value : Math.floor(i.minWidth.value * e / 100);
-          r = Math.max(n, r);
+    var t, o, i;
+    !((t = this.columnDefs) != null && t.length) && !((o = this.columnSizes) != null && o.length) && (this.columnSizes = new Array(this.getColumnCount()).fill(this.overridingColumnWidth)), (i = this.columnDefs) != null && i.length && (this.columnSizes = this.columnDefs.map((s) => {
+      if (s.width.unit === "%" && e) {
+        let r = Math.floor(s.width.value * e / 100);
+        if (s.minWidth) {
+          const l = s.minWidth.unit === "px" ? s.minWidth.value : Math.floor(s.minWidth.value * e / 100);
+          r = Math.max(l, r);
         }
-        if (i.maxWidth) {
-          const n = i.maxWidth.unit === "px" ? i.maxWidth.value : Math.floor(i.maxWidth.value * e / 100);
-          r = Math.min(n, r);
+        if (s.maxWidth) {
+          const l = s.maxWidth.unit === "px" ? s.maxWidth.value : Math.floor(s.maxWidth.value * e / 100);
+          r = Math.min(l, r);
         }
         return r;
       }
-      return i.width.value;
+      return s.width.value;
     }));
   }
   arrayMove(e, t, o) {
-    const s = e.splice(t, 1)[0];
-    return e.splice(o, 0, s), e;
+    const i = e.splice(t, 1)[0];
+    return e.splice(o, 0, i), e;
   }
   recalcContentWidthInPx() {
     this.contentWidthInPx = this.getSideAreaWidth("center");
@@ -3836,9 +3871,9 @@ class N {
       this.xPositions[t + 1] = this.getColumnWidth(t) + this.xPositions[t];
   }
 }
-class Ue extends ee {
-  constructor(e, t, o, s = []) {
-    super(e, s, o), this.areaIdent = e, this.rows = t, this.defaultRowHeight = o, this.columnDefs = s, this.sorterService = new Se(), this.filteredRows = [...t], this.properties = s.map((i) => i.property);
+class Ue extends ie {
+  constructor(e, t, o, i = []) {
+    super(e, i, o), this.areaIdent = e, this.rows = t, this.defaultRowHeight = o, this.columnDefs = i, this.sorterService = new xe(), this.filteredRows = [...t], this.properties = i.map((s) => s.property);
   }
   setRows(e) {
     this.rows = e, this.filteredRows = [...e];
@@ -3849,8 +3884,8 @@ class Ue extends ee {
   }
   getValueAt(e, t) {
     const o = this.properties[t];
-    let s = this.filteredRows[e];
-    return L(s) && (s = s.data), s ? this.getValueByT(s, o) : "";
+    let i = this.filteredRows[e];
+    return H(i) && (i = i.data), i ? this.getValueByT(i, o) : "";
   }
   getFilteredRows() {
     return this.filteredRows;
@@ -3869,8 +3904,8 @@ class Ue extends ee {
   }
   doSort(e) {
     for (const t of e) {
-      const { columnIndex: o, sortState: s } = t, i = s === "asc" ? 1 : s === "desc" ? -1 : 0, r = this.properties[o];
-      this.filteredRows = this.filteredRows.sort(this.genericFlatTableSortComparator(r, i));
+      const { columnIndex: o, sortState: i } = t, s = i === "asc" ? 1 : i === "desc" ? -1 : 0, r = this.properties[o];
+      this.filteredRows = this.filteredRows.sort(this.genericFlatTableSortComparator(r, s));
     }
     return !0;
   }
@@ -3881,34 +3916,34 @@ class Ue extends ee {
     this.arrayMove(this.properties, e, t), super.changeColumnOrder(e, t);
   }
   genericFlatTableSortComparator(e, t) {
-    return (o, s) => {
-      const i = this.getValueByT(o, e), r = this.getValueByT(s, e);
-      return this.sorterService.genericSortComparator(i, r, t);
+    return (o, i) => {
+      const s = this.getValueByT(o, e), r = this.getValueByT(i, e);
+      return this.sorterService.genericSortComparator(s, r, t);
     };
   }
   getPropertyValue(e, t) {
-    const o = t.shift(), s = e[o];
-    return s && t.length ? this.getPropertyValue(s, t) : s;
+    const o = t.shift(), i = e[o];
+    return i && t.length ? this.getPropertyValue(i, t) : i;
   }
 }
-class he extends Ue {
-  constructor(e, t, o, s) {
+class ge extends Ue {
+  constructor(e, t, o, i) {
     super(
       e,
       t,
-      s,
+      i,
       o
-    ), this.areaIdent = e, this.rows = t, this.columnDefs = o, this.defaultRowHeight = s;
+    ), this.areaIdent = e, this.rows = t, this.columnDefs = o, this.defaultRowHeight = i;
   }
 }
-class F {
+class O {
   static createTableModel(e) {
-    var t, o, s, i, r, n, l, d, a, h, u, m, b, f;
+    var t, o, i, s, r, l, n, d, a, h, u, m, b, f;
     if (e.defaultRowHeights === void 0)
       if ((t = e.tableOptions) != null && t.defaultRowHeights)
         e.defaultRowHeights = e.tableOptions.defaultRowHeights;
       else {
-        if (e.defaultRowHeights = new H(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
+        if (e.defaultRowHeights = new B(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
           const g = e.headerAreaModel.defaultRowHeight;
           g > -1 && (e.defaultRowHeights.header = g);
         }
@@ -3921,7 +3956,7 @@ class F {
           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 D(
+    if (e.columnDefs === void 0 && ((o = e.properties) != null && o.length ? e.columnDefs = e.properties.map((g) => new V(g, g.toUpperCase(), de)) : (i = e.rows) != null && i.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new V(g, g.toUpperCase(), de)) : e.columnDefs = []), e.columnCount === void 0 && ((s = e.columnDefs) != null && s.length ? e.columnCount = e.columnDefs.length : (r = e.headerData) != null && r.length ? e.columnCount = e.headerData[0].length : (l = e.columnSizes) != null && l.length ? e.columnCount = (n = e.columnSizes) == null ? void 0 : n.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,
@@ -3938,16 +3973,16 @@ class F {
       e.columnDefs
     ) : e.footerAreaModel = new _("footer")), !e.bodyAreaModel)
       if (e.rows)
-        if ((u = e.rows) != null && u.length && L(e.rows[0])) {
+        if ((u = e.rows) != null && u.length && H(e.rows[0])) {
           const g = e.rows;
-          e.bodyAreaModel = new ne(
+          e.bodyAreaModel = new he(
             "body",
             g,
             e.defaultRowHeights.body,
             e.columnDefs
-          ), (e.columnDefs[0].property === "CheckboxColumn" || (m = e.tableOptions) != null && m.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new ae(g));
+          ), (e.columnDefs[0].property === "CheckboxColumn" || (m = e.tableOptions) != null && m.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new ce(g));
         } else
-          e.bodyAreaModel = new he(
+          e.bodyAreaModel = new ge(
             "body",
             e.rows,
             e.columnDefs,
@@ -3959,7 +3994,7 @@ class F {
           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 && ((b = e.tableOptions) != null && b.getSelectionModel) && (e.getSelectionModel = (f = e.tableOptions) == null ? void 0 : f.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 Y(
       e.headerAreaModel,
       e.bodyAreaModel,
       e.footerAreaModel,
@@ -3976,30 +4011,30 @@ class F {
     );
   }
   static buildByTypedRowsParam(e) {
-    return F.buildByTypedRows(
+    return O.buildByTypedRows(
       e.rows ?? [],
       e.columnDefs,
-      e.tableOptions ?? new j(),
+      e.tableOptions ?? new U(),
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0
     );
   }
-  static buildByTypedRows(e, t, o = new j(), s = 0, i = 0) {
-    const r = o.defaultRowHeights, n = t[0].property === "CheckboxColumn";
-    if (e != null && e.length && L(e[0])) {
-      const l = e, d = new ne(
+  static buildByTypedRows(e, t, o = new U(), i = 0, s = 0) {
+    const r = o.defaultRowHeights, l = t[0].property === "CheckboxColumn";
+    if (e != null && e.length && H(e[0])) {
+      const n = e, d = new he(
         "body",
-        l,
+        n,
         r.body,
         t
       );
-      return (n || o.showCheckboxWihoutExtraColumn) && (d.rowSelectionModel = new ae(l)), F.createByAreaModelsParam({
+      return (l || o.showCheckboxWihoutExtraColumn) && (d.rowSelectionModel = new ce(n)), O.createByAreaModelsParam({
         headerAreaModel: new D("header", [t.map((a) => a.headerLabel)], r.header),
         bodyAreaModel: d,
         footerAreaModel: new D("footer", [], r.footer),
         columnDefs: t,
-        fixedLeftColumnCount: s,
-        fixedRightColumnCount: i,
+        fixedLeftColumnCount: i,
+        fixedRightColumnCount: s,
         defaultRowHeights: o.defaultRowHeights,
         rowCheckboxVisible: !1,
         columnSizes: [],
@@ -4007,45 +4042,45 @@ class F {
         overridingColumnWidth: -1
       });
     }
-    return F.createByObjectArrayParam({
+    return O.createByObjectArrayParam({
       rows: e,
       columnDefs: t,
-      fixedLeftColumnCount: s,
-      fixedRightColumnCount: i,
+      fixedLeftColumnCount: i,
+      fixedRightColumnCount: s,
       defaultRowHeights: o.defaultRowHeights
     });
   }
   static createByObjectArrayParam(e) {
     const t = e.rowCheckboxVisible !== void 0 ? e.rowCheckboxVisible : !1;
-    return F.createByObjectArray(
+    return O.createByObjectArray(
       e.rows,
       e.header ?? [],
       e.footer ?? [],
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0,
       t,
-      e.defaultRowHeights ?? new H(),
+      e.defaultRowHeights ?? new B(),
       e.columnDefs ?? [],
       e.columnSizes ?? []
     );
   }
-  static createByAreaModels(e = new _(), t, o = new _(), s = 0, i = 0, r = !1, n = new H(), l, d = [], a = -1, h) {
-    return new N(
+  static createByAreaModels(e = new _(), t, o = new _(), i = 0, s = 0, r = !1, l = new B(), n, d = [], a = -1, h) {
+    return new Y(
       e,
       t,
       o,
-      s,
       i,
+      s,
       r,
-      n,
       l,
+      n,
       d,
       a,
       h
     );
   }
   static createByAreaModelsParam(e) {
-    return F.createByAreaModels(
+    return O.createByAreaModels(
       e.headerAreaModel ?? new _(),
       e.bodyAreaModel,
       e.footerAreaModel ?? new _(),
@@ -4059,19 +4094,19 @@ class F {
       e.columnCount ?? 0
     );
   }
-  static createByObjectArray(e, t = [], o = [], s = 0, i = 0, r = !1, n = new H(), l, d = []) {
+  static createByObjectArray(e, t = [], o = [], i = 0, s = 0, r = !1, l = new B(), n, 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((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(
+    t != null && t.length ? a = new D("header", t, l.header, n) : n != null && n.length ? a = new D("header", [n.map((m) => m.headerLabel)], l.header, n) : a = new _();
+    const h = o ? new D("footer", o, l.footer, n) : new _(), u = new ge("body", e, n, l.body);
+    return new Y(
       a,
       u,
       h,
-      s,
       i,
+      s,
       r,
-      n,
       l,
+      n,
       d
     );
   }
@@ -4100,21 +4135,21 @@ class _t {
   }
 }
 class qe {
-  constructor(e, t, o, s, i, r, n) {
-    this.emmitDataKey = e, this.emmitCancelKey = t, this.queryId = o, this.filter = s, this.sorting = i, this.startIndex = r, this.endIndex = n;
+  constructor(e, t, o, i, s, r, l) {
+    this.emmitDataKey = e, this.emmitCancelKey = t, this.queryId = o, this.filter = i, this.sorting = s, this.startIndex = r, this.endIndex = l;
   }
 }
-class $t extends qe {
-  constructor(e, t, o, s, i, r, n, l) {
+class Ft extends qe {
+  constructor(e, t, o, i, s, r, l, n) {
     super(
       e,
       t,
       o,
-      s,
       i,
+      s,
       r,
-      n
-    ), this.rows = l;
+      l
+    ), this.rows = n;
   }
 }
 class Je {
@@ -4122,33 +4157,33 @@ class Je {
     this.value = e, this.label = t;
   }
 }
-class Ot {
+class $t {
   constructor(e, t) {
     this.index = e, this.px = t;
   }
 }
-const Ft = { body: ["ge-table-text-align-left"] }, Pt = { body: ["ge-table-text-align-center"] }, Lt = { body: ["ge-table-text-align-right"] }, Ht = {
+const Ot = { body: ["ge-table-text-align-left"] }, Lt = { body: ["ge-table-text-align-center"] }, Pt = { 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"]
-}, Vt = {
+}, Bt = {
   header: ["ge-table-text-align-center"],
   body: ["ge-table-text-align-center"],
   footer: ["ge-table-text-align-center"]
-}, Bt = {
+}, Vt = {
   header: ["ge-table-text-align-right"],
   body: ["ge-table-text-align-right"],
   footer: ["ge-table-text-align-right"]
 };
-class ce {
-  render(e, t, o, s, i, r, n) {
-    if (i.isRowCheckable(t)) {
-      n.addClass(e, "ge-table-row-checkbox-div");
-      const l = i.isRowChecked(t), d = l === "full" ? "checked" : "", a = l === "semi" ? '<span style="opacity: 0.4;">✓<span>' : "";
+class pe {
+  render(e, t, o, i, s, r, l) {
+    if (s.isRowCheckable(t)) {
+      l.addClass(e, "ge-table-row-checkbox-div");
+      const n = s.isRowChecked(t), d = n === "full" ? "checked" : "", a = n === "semi" ? '<span style="opacity: 0.4;">✓<span>' : "";
       e.innerHTML = `
         <input
             type="checkbox"
-            data-area="${s}"
+            data-area="${i}"
             data-row-index="${t}"
             data-col-index="${o}"
             data-input-type="checkbox"
@@ -4160,7 +4195,7 @@ class ce {
 }
 class Wt {
   constructor() {
-    this.type = "CheckboxColumnDef", this.property = "CheckboxColumn", this.headerLabel = "", this.width = new S(50, "px"), this.minWidth = new S(50, "px"), this.maxWidth = new S(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 pe(), new pe(), void 0), this.classes = new T(
       [],
       ["ge-table-text-align-left"],
       []
@@ -4188,16 +4223,16 @@ class Nt {
   }
 }
 class zt {
-  constructor(e, t, o, s, i = {}) {
-    this.area = e, this.rowIndex = t, this.columnIndex = o, this.value = s, this.cssClasses = i;
+  constructor(e, t, o, i, s = {}) {
+    this.area = e, this.rowIndex = t, this.columnIndex = o, this.value = i, this.cssClasses = s;
   }
 }
 class jt {
   constructor() {
     this.autoRestoreSortingState = !1, this.autoRestoreCollapsedExpandedState = !1, this.autoRestoreScrollPosition = !1, this.autoRestoreCheckedState = !1, this.autoRestoreSelectedState = !1, this.getStorageKeyFn = void 0, this.isSame = (e, t, o) => {
       if (e && t && o.getRowId) {
-        const s = o.getRowId(e), i = o.getRowId(t);
-        return s === i;
+        const i = o.getRowId(e), s = o.getRowId(t);
+        return i === s;
       }
       return !1;
     }, this.getRowId = (e) => {
@@ -4218,12 +4253,12 @@ class jt {
   }
 }
 class Qe {
-  constructor(e, t, o, s = !1, i = "normal", r = void 0) {
-    this.data = e, this.property = t, this.toggle = o, this.closed = s, this.visibility = i, this.children = r, this.impl = "CellGroup";
+  constructor(e, t, o, i = !1, s = "normal", r = void 0) {
+    this.data = e, this.property = t, this.toggle = o, this.closed = i, this.visibility = s, this.children = r, this.impl = "CellGroup";
   }
 }
 class Ze extends Qe {
-  constructor(e, t = 0, o = 0, s) {
+  constructor(e, t = 0, o = 0, i) {
     super(
       e.data,
       e.property,
@@ -4231,7 +4266,7 @@ class Ze extends Qe {
       e.closed,
       e.visibility,
       e.children
-    ), this.rowIndex = t, this.childIndex = o, this.parent = s, this.impl = "CellGroupExt", this.children = void 0, this.leftNeighbour = void 0, this.rightNeighbour = void 0;
+    ), this.rowIndex = t, this.childIndex = o, this.parent = i, this.impl = "CellGroupExt", this.children = void 0, this.leftNeighbour = void 0, this.rightNeighbour = void 0;
   }
   ownColumn() {
     return !!this.property;
@@ -4284,8 +4319,8 @@ class Ze extends Qe {
   getColumnCount(e = this, t = 0) {
     var o;
     if (e != null && e.claimsSpace() && t++, (o = e == null ? void 0 : e.children) != null && o.length)
-      for (const s of e.children)
-        t = this.getColumnCount(s, t);
+      for (const i of e.children)
+        t = this.getColumnCount(i, t);
     return t;
   }
   getRowSpan(e = this, t) {
@@ -4295,7 +4330,7 @@ class Ze extends Qe {
     return e.parent && (t = t + 1 + this.getParentCount(e.parent, t)), t;
   }
   log(e = 10) {
-    const t = "													".substring(0, 2 * this.rowIndex), o = `${this.getColumnIndex()}`, s = `${this.getColumnCount(this)}`, i = `${this.getRowSpan(this, e)}`, r = `${this.getParentCount(this)}`, n = `${t + this.data}
+    const t = "													".substring(0, 2 * this.rowIndex), o = `${this.getColumnIndex()}`, i = `${this.getColumnCount(this)}`, s = `${this.getRowSpan(this, e)}`, r = `${this.getParentCount(this)}`, l = `${t + this.data}
       childIndex:${this.childIndex}
       row:${this.rowIndex}
       col:${o}
@@ -4305,13 +4340,13 @@ class Ze extends Qe {
       isVisible:${this.isVisible()}
       ownColumn:${this.ownColumn()}
       claimsSpace:${this.claimsSpace()}
-      colCount:${s}
-      rowSpan:${i}
+      colCount:${i}
+      rowSpan:${s}
       pc:${r}`.replace(/[ \n]+/g, " ");
     if (this.children)
-      for (const l of this.children)
-        l.log(e);
-    return n;
+      for (const n of this.children)
+        n.log(e);
+    return l;
   }
 }
 class I {
@@ -4344,11 +4379,11 @@ class I {
       return ret;
     }
   */
-  static buildGroupExts(e, t = [], o = 0, s) {
-    let i;
+  static buildGroupExts(e, t = [], o = 0, i) {
+    let s;
     for (let r = 0; r < e.length; r++) {
-      const n = e[r], l = new Ze(n, o, r, s);
-      i && (l.leftNeighbour = i, i.rightNeighbour = l), t.push(l), n.children && (l.children = I.buildGroupExts(n.children, [], o + 1, l)), i = l;
+      const l = e[r], n = new Ze(l, o, r, i);
+      s && (n.leftNeighbour = s, s.rightNeighbour = n), t.push(n), l.children && (n.children = I.buildGroupExts(l.children, [], o + 1, n)), s = n;
     }
     return t;
   }
@@ -4365,28 +4400,28 @@ class I {
   
     */
   static buildArrayOfArrays(e, t) {
-    var i;
-    let o = -1, s = 99999;
+    var s;
+    let o = -1, i = 99999;
     for (const r of e) {
-      if (r.rowIndex <= s) {
+      if (r.rowIndex <= i) {
         o++;
-        for (let n = 0; n < t.length; n++)
-          t[n][o] = null;
+        for (let l = 0; l < t.length; l++)
+          t[l][o] = null;
       }
-      if (t[r.rowIndex][o] = r, s = r.rowIndex, r.ownColumn() && ((i = r.children) != null && i.length)) {
-        for (let n = r.rowIndex + 1; n < t.length; n++)
-          t[n][o] = void 0;
+      if (t[r.rowIndex][o] = r, i = r.rowIndex, r.ownColumn() && ((s = r.children) != null && s.length)) {
+        for (let l = r.rowIndex + 1; l < t.length; l++)
+          t[l][o] = void 0;
         o++;
-        for (let n = 0; n < t.length; n++)
-          t[n][o] = null;
+        for (let l = 0; l < t.length; l++)
+          t[l][o] = null;
       }
     }
     return t;
   }
   static iterateThrowColumns(e = [], t) {
     var o;
-    for (const s of t)
-      e.push(s.data + "    rowIndex:" + s.rowIndex), (o = s.children) != null && o.length && I.iterateThrowColumns(e, s.children);
+    for (const i of t)
+      e.push(i.data + "    rowIndex:" + i.rowIndex), (o = i.children) != null && o.length && I.iterateThrowColumns(e, i.children);
   }
 }
 class Xt {
@@ -4459,50 +4494,50 @@ class Xt {
     return !1;
   }
 }
-const we = class xe {
-  constructor(e = new Q()) {
+const j = class j {
+  constructor(e = new oe()) {
     this.headerGroupOptions = e;
   }
-  render(e, t, o, s, i, r, n) {
-    const l = r != null && r.data ? r.data : "";
+  render(e, t, o, i, s, r, l) {
+    const n = r != null && r.data ? r.data : "";
     if (r) {
-      const { toggle: d, visibility: a, closed: h } = r, u = d ? xe.toggleHeaderGroup : "";
-      this.addText(e, s, t, o, l, u), d && a !== "always" && this.addArrowDiv(n, e, !h, t, o, s, u);
+      const { toggle: d, visibility: a, closed: h } = r, u = d ? j.toggleHeaderGroup : "";
+      this.addText(e, i, t, o, n, u), d && a !== "always" && this.addArrowDiv(l, e, !h, t, o, i, u);
     } else
-      this.addText(e, s, t, o, l, "");
+      this.addText(e, i, t, o, n, "");
   }
-  addText(e, t, o, s, i, r) {
+  addText(e, t, o, i, s, r) {
     e.innerHTML = `<span 
                 data-ge-action="${r}"
                 data-area="${t}"
                 data-row-index="${o}"
-                data-col-index="${s}"
-                >${i}</span>`;
+                data-col-index="${i}"
+                >${s}</span>`;
   }
-  addArrowDiv(e, t, o = !0, s = -1, i = -1, r = "header", n) {
-    const l = e.createElement("div");
-    e.addClass(l, "ge-table-toggle-icon-div"), e.setStyle(l, "display", "inline-block"), e.setStyle(l, "position", ""), e.setStyle(l, "width", "20px"), e.setStyle(l, "background", "transparent"), e.setStyle(l, "cursor", "pointer"), e.setAttribute(l, "data-row-index", `${s}`), e.setAttribute(l, "data-col-index", `${i}`), e.setAttribute(l, "data-area", `${r}`), e.setAttribute(l, "data-ge-action", `${n}`);
+  addArrowDiv(e, t, o = !0, i = -1, s = -1, r = "header", l) {
+    const n = e.createElement("div");
+    e.addClass(n, "ge-table-toggle-icon-div"), e.setStyle(n, "display", "inline-block"), e.setStyle(n, "position", ""), e.setStyle(n, "width", "20px"), e.setStyle(n, "background", "transparent"), e.setStyle(n, "cursor", "pointer"), e.setAttribute(n, "data-row-index", `${i}`), e.setAttribute(n, "data-col-index", `${s}`), e.setAttribute(n, "data-area", `${r}`), e.setAttribute(n, "data-ge-action", `${l}`);
     let d;
     o ? d = this.headerGroupOptions.iconExpanded : d = this.headerGroupOptions.iconCollapsed;
     const a = d.content, h = e.createText(a);
-    e.appendChild(l, h), d.style && this.applyStyleString(e, l, d.style);
+    e.appendChild(n, h), d.style && this.applyStyleString(e, n, d.style);
     for (const u of d.classes)
-      e.addClass(l, u);
-    return e.appendChild(t, l), l;
+      e.addClass(n, u);
+    return e.appendChild(t, n), n;
   }
   applyStyleString(e, t, o) {
-    const s = o.split(";").map((i) => i.trim()).filter((i) => i);
-    for (const i of s) {
-      const [r, n] = i.split(":");
-      e.setStyle(t, r.trim(), n.trim());
+    const i = o.split(";").map((s) => s.trim()).filter((s) => s);
+    for (const s of i) {
+      const [r, l] = s.split(":");
+      e.setStyle(t, r.trim(), l.trim());
     }
   }
 };
-we.toggleHeaderGroup = "toggleHeaderGroup";
-let et = we;
+j.toggleHeaderGroup = "toggleHeaderGroup";
+let J = j;
 class Yt {
-  constructor(e = "header", t, o = [], s, i = new Q()) {
-    this.areaIdent = e, this.groups = t, this.columnDefs = o, this.defaultRowHeight = s, this.headerGroupOptions = i, this.gammaCells = !0, this.arr = [], this.groupExts = [], this.cellGroupExtCellRenderer = new et(this.headerGroupOptions), this.groupExts = I.buildGroupExts(t), this.init();
+  constructor(e = "header", t, o = [], i, s = new oe()) {
+    this.areaIdent = e, this.groups = t, this.columnDefs = o, this.defaultRowHeight = i, this.headerGroupOptions = s, this.gammaCells = !0, this.arr = [], this.groupExts = [], this.cellGroupExtCellRenderer = new J(this.headerGroupOptions), this.groupExts = I.buildGroupExts(t), this.init();
   }
   init() {
     var e;
@@ -4520,8 +4555,8 @@ class Yt {
   buildArray() {
     const e = I.flattenGroupExts(this.groupExts), t = 1 + Math.max(...e.map((r) => r.rowIndex)), o = [];
     I.iterateThrowColumns(o, this.groupExts);
-    const s = Array.from(Array(t).keys()).map((r) => []), i = I.buildArrayOfArrays(e, s);
-    return console.table(i), i;
+    const i = Array.from(Array(t).keys()).map((r) => []), s = I.buildArrayOfArrays(e, i);
+    return console.table(s), s;
   }
   changeColumnOrder(e, t) {
   }
@@ -4556,8 +4591,8 @@ class Yt {
   getRowspanAt(e, t) {
     const o = this.getValueAt(e, t);
     if (o) {
-      const s = this.getRowCount();
-      return o.getRowSpan(o, s);
+      const i = this.getRowCount();
+      return o.getRowSpan(o, i);
     }
     return 0;
   }
@@ -4607,35 +4642,35 @@ class Kt {
     if (!t)
       return !0;
     t = t.toLowerCase();
-    const s = "+", i = "-", r = t.toLowerCase().split(" ").filter((h) => h !== s && h !== i && h !== ""), n = r.filter((h) => !h.startsWith(s) && !h.startsWith(i)), l = r.filter((h) => h.startsWith(s)).map((h) => h.replace(/\+/g, "")), d = r.filter((h) => h.startsWith(i)).map((h) => h.replace(/-/g, ""));
-    let a = !n.length;
-    for (let h = 0; h < n.length; h++)
-      (a || o(e).includes(n[h])) && (a = !0);
+    const i = "+", s = "-", r = t.toLowerCase().split(" ").filter((h) => h !== i && h !== s && h !== ""), l = r.filter((h) => !h.startsWith(i) && !h.startsWith(s)), n = r.filter((h) => h.startsWith(i)).map((h) => h.replace(/\+/g, "")), d = r.filter((h) => h.startsWith(s)).map((h) => h.replace(/-/g, ""));
+    let a = !l.length;
+    for (let h = 0; h < l.length; h++)
+      (a || o(e).includes(l[h])) && (a = !0);
     if (!a)
       return !1;
-    for (let h = 0; h < l.length; h++)
-      if (!o(e).includes(l[h]))
+    for (let h = 0; h < n.length; h++)
+      if (!o(e).includes(n[h]))
         return !1;
     for (let h = 0; h < d.length; h++)
       if (o(e).includes(d[h]))
         return !1;
     return !0;
   }
-  filterRows(e, t, o = (s) => JSON.stringify(s).toLowerCase()) {
+  filterRows(e, t, o = (i) => JSON.stringify(i).toLowerCase()) {
     if (!e)
       return [];
     if (!t)
       return [...e];
     t = t.toLowerCase();
-    const s = "+", i = "-", r = t.toLowerCase().split(" ").filter((a) => a !== s && a !== i && a !== ""), n = r.filter((a) => !a.startsWith(s) && !a.startsWith(i)), l = r.filter((a) => a.startsWith(s)).map((a) => a.replace(/\+/g, "")), d = r.filter((a) => a.startsWith(i)).map((a) => a.replace(/-/g, ""));
+    const i = "+", s = "-", r = t.toLowerCase().split(" ").filter((a) => a !== i && a !== s && a !== ""), l = r.filter((a) => !a.startsWith(i) && !a.startsWith(s)), n = r.filter((a) => a.startsWith(i)).map((a) => a.replace(/\+/g, "")), d = r.filter((a) => a.startsWith(s)).map((a) => a.replace(/-/g, ""));
     return e == null ? void 0 : e.filter((a) => {
-      let h = !n.length;
-      for (let u = 0; u < n.length; u++)
-        (h || o(a).includes(n[u])) && (h = !0);
+      let h = !l.length;
+      for (let u = 0; u < l.length; u++)
+        (h || o(a).includes(l[u])) && (h = !0);
       if (!h)
         return !1;
-      for (let u = 0; u < l.length; u++)
-        if (!o(a).includes(l[u]))
+      for (let u = 0; u < n.length; u++)
+        if (!o(a).includes(n[u]))
           return !1;
       for (let u = 0; u < d.length; u++)
         if (o(a).includes(d[u]))
@@ -4647,9 +4682,9 @@ class Kt {
     if (!e)
       return "";
     const t = [], o = Object.keys(e);
-    for (let s = 0; s < o.length; s++) {
-      const i = o[s];
-      t.push(e[i]);
+    for (let i = 0; i < o.length; i++) {
+      const s = o[i];
+      t.push(e[s]);
     }
     return t.join(" ").toLowerCase();
   }
@@ -4663,14 +4698,14 @@ class qt {
   constructor(e, t = !0, o = !1) {
     this.property = e, this.skipCheckableCheck = t, this.readonly = o;
   }
-  render(e, t, o, s, i, r, n) {
-    if (this.readonly || this.skipCheckableCheck || i.isRowCheckable(t)) {
-      n.addClass(e, "ge-table-row-checkbox-div");
-      const l = i.getRowByIndex(t), a = i.getValueByT(l, this.property) === !0 ? "checked" : "", h = this.readonly ? " readonly " : "";
-      if (n.addClass(e, "ge-padding-property-checkbox"), e.innerHTML = `
+  render(e, t, o, i, s, r, l) {
+    if (this.readonly || this.skipCheckableCheck || s.isRowCheckable(t)) {
+      l.addClass(e, "ge-table-row-checkbox-div");
+      const n = s.getRowByIndex(t), a = s.getValueByT(n, this.property) === !0 ? "checked" : "", h = this.readonly ? " readonly " : "";
+      if (l.addClass(e, "ge-padding-property-checkbox"), e.innerHTML = `
         <input
           type="checkbox"
-          data-area="${s}"
+          data-area="${i}"
           data-row-index="${t}"
           data-col-index="${o}"
           data-property-index="${this.property}"
@@ -4679,13 +4714,13 @@ class qt {
           ${h}
           class="ge-input-checkbox">`, !this.readonly) {
         const u = e.querySelector(".ge-input-checkbox");
-        u && u.addEventListener("click", (m, b) => (l[this.property] = !l[this.property], !0));
+        u && u.addEventListener("click", (m, b) => (n[this.property] = !n[this.property], !0));
       }
     }
   }
 }
 class Jt {
-  render(e, t, o, s, i, r, n) {
+  render(e, t, o, i, s, r, l) {
     r && (e.innerText = new Date(r).toISOString());
   }
 }
@@ -4697,28 +4732,28 @@ class Qt {
       day: "2-digit"
     });
   }
-  render(e, t, o, s, i, r, n) {
+  render(e, t, o, i, s, r, l) {
     if (r) {
-      let l = "";
+      let n = "";
       try {
-        l = this.formatter.format(new Date(r));
+        n = this.formatter.format(new Date(r));
       } catch {
-        l = r;
+        n = r;
       }
       e.innerHTML = `
-          <div class="ge-table-label-div" data-row-index="${t}" data-col-index="${o}" data-area="${s}" style="position: relative; background: transparent; width: 100%; height: 100%;">
-            <div class="ge-table-label" data-row-index="${t}" data-col-index="${o}" data-area="${s}">${l}</div>
+          <div class="ge-table-label-div" data-row-index="${t}" data-col-index="${o}" data-area="${i}" style="position: relative; background: transparent; width: 100%; height: 100%;">
+            <div class="ge-table-label" data-row-index="${t}" data-col-index="${o}" data-area="${i}">${n}</div>
           </div>`;
     }
   }
 }
 class Zt {
-  render(e, t, o, s, i, r, n) {
+  render(e, t, o, i, s, r, l) {
     r && (e.innerText = new Date(r).toLocaleDateString());
   }
 }
 class eo {
-  render(e, t, o, s, i, r, n) {
+  render(e, t, o, i, s, r, l) {
     r === "male" || r === "m" ? e.innerText = "♂" : (r === "female" || r === "f") && (e.innerText = "♀");
   }
 }
@@ -4726,26 +4761,26 @@ class to {
   constructor(e = 100, t = !1) {
     this.maxValue = e, this.labelVisible = t;
   }
-  render(e, t, o, s, i, r, n) {
-    if (n.addClass(e, "ge-progressbar-div"), !isNaN(r)) {
+  render(e, t, o, i, s, r, l) {
+    if (l.addClass(e, "ge-progressbar-div"), !isNaN(r)) {
       const d = Number(r) * 100 / this.maxValue, a = this.labelVisible ? Math.round(d) + "%" : "";
       e.innerHTML = `
         <div class="ge-table-label-div"
           data-row-index="${t}"
           data-col-index="${o}"
-          data-area="${s}"
+          data-area="${i}"
           title="${a}"
           style="position: relative; background: transparent; width: 100%; height: 100%;">
               <div class="ge-table-progress-container"
                   style="width:100%;height:50%;padding:0;margin-top:6px;"
                   data-row-index="${t}"
                   data-col-index="${o}"
-                  data-area="${s}">
+                  data-area="${i}">
                   <div class="ge-table-progress-bar"
                       style="width:${d}%;height:100%;padding:0;margin:0;"
                       data-row-index="${t}"
                       data-col-index="${o}"
-                      data-area="${s}">&nbsp;
+                      data-area="${i}">&nbsp;
                   </div>
               </div>
           </div>`;
@@ -4753,91 +4788,91 @@ class to {
   }
 }
 class oo {
-  render(e, t, o, s, i, r, n) {
+  render(e, t, o, i, s, r, l) {
     r === "true" || r === !0 ? e.innerHTML = '<span class="ge-true-text-color">✅</span>' : r === "false" || r === !1 ? e.innerHTML = '<span class="ge-false-text-color">❌</span>' : e.innerText = "";
   }
 }
-class so {
-  render(e, t, o, s, i, r, n) {
+class io {
+  render(e, t, o, i, s, r, l) {
     r && (e.innerText = new Date(r).toISOString().replace(/T/g, " ").replace(/\..*/g, ""));
   }
 }
-class io {
+class so {
   constructor(e = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
     this.min = e, this.max = t;
   }
-  render(e, t, o, s, i, r, n) {
-    r && (e.innerText = r, (typeof r == "string" || isNaN(r) || r < this.min || r > this.max) && n.addClass(e, "ge-cell-error"));
+  render(e, t, o, i, s, r, l) {
+    r && (e.innerText = r, (typeof r == "string" || isNaN(r) || r < this.min || r > this.max) && l.addClass(e, "ge-cell-error"));
   }
 }
 class ro {
   constructor(e) {
     this.property = e;
   }
-  render(e, t, o, s, i, r, n) {
-    n.addClass(e, "ge-star-rating-div");
-    const l = i.getRowByIndex(t), d = +("" + i.getValueByT(l, this.property));
+  render(e, t, o, i, s, r, l) {
+    l.addClass(e, "ge-star-rating-div");
+    const n = s.getRowByIndex(t), d = +("" + s.getValueByT(n, this.property));
     if (!isNaN(d)) {
       const a = [];
       for (let u = 0; u < d; u++)
         a.push("★");
       const h = a.join(" ");
       e.innerHTML = `
-          <div class="ge-table-label-div" data-row-index="${t}" data-col-index="${o}" data-area="${s}" style="position: relative; background: transparent; width: 100%; height: 100%;">
-            <div class="ge-table-label" data-row-index="${t}" data-col-index="${o}" data-area="${s}">${h}</div>
+          <div class="ge-table-label-div" data-row-index="${t}" data-col-index="${o}" data-area="${i}" style="position: relative; background: transparent; width: 100%; height: 100%;">
+            <div class="ge-table-label" data-row-index="${t}" data-col-index="${o}" data-area="${i}">${h}</div>
           </div>`;
     }
   }
 }
-class lo {
+class no {
   constructor(e, t = 100, o = !1) {
     this.property = e, this.maxValue = t, this.labelVisible = o;
   }
-  render(e, t, o, s, i, r, n) {
-    n.addClass(e, "ge-star-rating-div");
-    const l = i.getRowByIndex(t), d = +("" + i.getValueByT(l, this.property));
+  render(e, t, o, i, s, r, l) {
+    l.addClass(e, "ge-star-rating-div");
+    const n = s.getRowByIndex(t), d = +("" + s.getValueByT(n, this.property));
     if (!isNaN(d)) {
       const a = d * 100 / this.maxValue, h = this.labelVisible ? Math.round(a) + "%" : "";
       e.innerHTML = `
           <div class="ge-table-label-div"
           data-row-index="${t}"
           data-col-index="${o}"
-          data-area="${s}"
+          data-area="${i}"
           title="${h}"
           style="position: relative; background: transparent; width: 100%; height: 100%;">
               <div class="ge-table-progress-container"
                   style="width:100%;height:50%;padding:0;margin-top:6px;"
                   data-row-index="${t}"
                   data-col-index="${o}"
-                  data-area="${s}">
+                  data-area="${i}">
                   <div class="ge-table-progress-bar"
                       style="width:${a}%;height:100%;padding:0;margin:0;"
                       data-row-index="${t}"
                       data-col-index="${o}"
-                      data-area="${s}">&nbsp;
+                      data-area="${i}">&nbsp;
                   </div>
               </div>
           </div>`;
     }
   }
 }
-class no {
-  render(e, t, o, s, i, r, n) {
+class lo {
+  render(e, t, o, i, s, r, l) {
     if (r) {
       e.innerHTML = `
           <div 
             class="ge-table-label-div" 
             data-row-index=${t}" 
             data-col-index="${o}" 
-            data-area="${s}" 
+            data-area="${i}" 
             style="position: relative; background: transparent; width: 100%; height: 100%;">
             <div 
               class="ge-table-label"  
               data-row-index="${t}" 
               data-col-index="${o}" 
-              data-area="${s}">${r}</div></div>`;
-      const l = Number(r);
-      l > 0 ? n.addClass(e, "ge-positive-text-color") : l < 0 && n.addClass(e, "ge-negative-text-color");
+              data-area="${i}">${r}</div></div>`;
+      const n = Number(r);
+      n > 0 ? l.addClass(e, "ge-positive-text-color") : n < 0 && l.addClass(e, "ge-negative-text-color");
     }
   }
 }
@@ -4853,23 +4888,23 @@ class Ce {
       e.map((t) => new Je(t, t))
     );
   }
-  render(e, t, o, s, i, r, n) {
-    if (i.isEditable(t, o)) {
-      n.addClass(e, "ge-table-row-select-div");
-      const l = i.getValueAt(t, o);
+  render(e, t, o, i, s, r, l) {
+    if (s.isEditable(t, o)) {
+      l.addClass(e, "ge-table-row-select-div");
+      const n = s.getValueAt(t, o);
       let d = [];
       for (let h of this.options) {
-        const u = h.value === l ? " selected " : "";
+        const u = h.value === n ? " selected " : "";
         d.push(`<option value="${h.value}" ${u}>${h.label}</option>`);
       }
       const a = d.join("");
       e.innerHTML = `
             <select
                 type="text"
-                value="${l}"
+                value="${n}"
                 autofocus
                 data-listen="change"
-                data-area="${s}"
+                data-area="${i}"
                 data-row-index="${t}"
                 data-col-index="${o}"
                 data-input-type="text"
@@ -4878,7 +4913,7 @@ class Ce {
     }
   }
 }
-class ho extends be {
+class ho extends we {
   constructor(e) {
     super("row", "multi"), this.model = e;
   }
@@ -4890,7 +4925,7 @@ class ho extends be {
    */
   getSelectedRowItems(e) {
     const t = this.getMergedRowIndices();
-    return this.isAllSelected() ? e : e.filter((o, s) => t.includes(s));
+    return this.isAllSelected() ? e : e.filter((o, i) => t.includes(i));
   }
   /**
    * Selects the specified row.
@@ -4913,7 +4948,42 @@ class ho extends be {
    * Toggles the selection of items based on current selection state.
    */
   toggleSelection() {
-    this.isAllSelected() ? this.clear() : this.hasNoSelection() ? this.selectAll() : this.toggleSelection();
+    if (this.isAllSelected())
+      this.clear();
+    else if (this.hasNoSelection())
+      this.selectAll();
+    else {
+      const e = this.model.getAllRows();
+      this.silent = !0;
+      for (let t = 0; t < e.length; t++)
+        this.toggleRow(t);
+      this.silent = !1, this.fireChangeEvent();
+    }
+  }
+  /**
+   * Toggles the selection of filtered rows.
+   * If all rows are currently selected, clears the selection.
+   * If no rows are currently selected, selects all filtered rows.
+   * Otherwise, toggles the selection of all filtered rows.
+   *
+   * @return {void}
+   */
+  toggleFilteredRowsSelection() {
+    if (this.isAllSelected())
+      this.clear();
+    else if (this.hasNoSelection()) {
+      const e = this.model.getFilteredRows();
+      this.silent = !0;
+      for (let t = 0; t < e.length; t++)
+        this.selectRow(t);
+      this.silent = !1, this.fireChangeEvent();
+    } else {
+      const e = this.model.getFilteredRows();
+      this.silent = !0;
+      for (let t = 0; t < e.length; t++)
+        this.toggleRow(t);
+      this.silent = !1, this.fireChangeEvent();
+    }
   }
   /**
    * Toggles the selection state of a row.
@@ -4931,138 +5001,139 @@ class co {
     this.r = e, this.g = t, this.b = o;
   }
 }
-class ue {
-  constructor(e, t, o, s) {
-    this.minValue = e, this.minColor = t, this.maxValue = o, this.maxColor = s;
+class be {
+  constructor(e, t, o, i) {
+    this.minValue = e, this.minColor = t, this.maxValue = o, this.maxColor = i;
   }
 }
-class W {
-  static normalize(e, t, o, s = 0, i = 1) {
-    return (e - t) / (o - t) * (i - s) + s;
+class G {
+  static normalize(e, t, o, i = 0, s = 1) {
+    return (e - t) / (o - t) * (s - i) + i;
   }
   static getTwoColorGradientRGB(e, t) {
-    const o = W.normalize(e, t.minValue, t.maxValue, 0, 1), s = t.maxColor.r - t.minColor.r, i = t.maxColor.g - t.minColor.g, r = t.maxColor.b - t.minColor.b, n = s * o + t.minColor.r, l = i * o + t.minColor.g, d = r * o + t.minColor.b;
-    return `rgb(${Math.round(n)}, ${Math.round(l)}, ${Math.round(d)})`;
+    const o = G.normalize(e, t.minValue, t.maxValue, 0, 1), i = t.maxColor.r - t.minColor.r, s = t.maxColor.g - t.minColor.g, r = t.maxColor.b - t.minColor.b, l = i * o + t.minColor.r, n = s * o + t.minColor.g, d = r * o + t.minColor.b;
+    return `rgb(${Math.round(l)}, ${Math.round(n)}, ${Math.round(d)})`;
   }
   static getThreeColorGradientRGB(e, t) {
-    return e < t.middleValue ? W.getTwoColorGradientRGB(e, new ue(t.minValue, t.minColor, t.middleValue, t.middleColor)) : e > t.middleValue ? W.getTwoColorGradientRGB(e, new ue(t.middleValue, t.middleColor, t.maxValue, t.maxColor)) : `rgb(${t.middleColor.r}, ${t.middleColor.g}, ${t.middleColor.b})`;
+    return e < t.middleValue ? G.getTwoColorGradientRGB(e, new be(t.minValue, t.minColor, t.middleValue, t.middleColor)) : e > t.middleValue ? G.getTwoColorGradientRGB(e, new be(t.middleValue, t.middleColor, t.maxValue, t.maxColor)) : `rgb(${t.middleColor.r}, ${t.middleColor.g}, ${t.middleColor.b})`;
   }
 }
 class uo {
-  constructor(e, t, o, s, i, r) {
-    this.minValue = e, this.minColor = t, this.middleValue = o, this.middleColor = s, this.maxValue = i, this.maxColor = r;
+  constructor(e, t, o, i, s, r) {
+    this.minValue = e, this.minColor = t, this.middleValue = o, this.middleColor = i, this.maxValue = s, this.maxColor = r;
   }
 }
 export {
-  ee as AbstractAreaModel,
+  ie as AbstractAreaModel,
   Gt as AreaMapFactory,
   Xt as AreaModel,
   D as AreaModelArrayOfArrays,
   Yt as AreaModelCellGroups,
   _ as AreaModelHidden,
   Ue as AreaModelObjectArray,
-  he as AreaModelObjectArrayWithColumndefs,
-  ne as AreaModelTree,
+  ge as AreaModelObjectArrayWithColumndefs,
+  he as AreaModelTree,
   T as AreaObjectMap,
   jt as AutoRestoreOptions,
+  et as AvoidDoubleExecution,
   Qe as CellGroup,
   Ze as CellGroupExt,
-  et as CellGroupExtCellRenderer,
+  J as CellGroupExtCellRenderer,
   A as CellRange,
   I as CellgroupFactory,
   qt as CheckboxBooleanPropertyCellRenderer,
-  ce as CheckboxCellRenderer,
+  pe as CheckboxCellRenderer,
   Wt as CheckboxColumnDef,
   Ke as CheckboxModel,
-  $t as ChunkData,
+  Ft as ChunkData,
   _e as ColAndRowspanModel,
   Ie as CollapsedExpandedData,
   co as ColorRgb,
   V as ColumnDef,
   ve as ConvenienceDomService,
-  se as CopyService,
-  me as CssVars,
+  N as CopyService,
+  ne as CssVars,
   Qt as DateToIntlDDMMYYYYCellRenderer,
   Jt as DateToIsoCellRenderer,
   Zt as DateToLocaleDateCellRenderer,
-  so as DateToTecCellRenderer,
-  H as DefaultRowHeights,
+  io as DateToTecCellRenderer,
+  B as DefaultRowHeights,
   De as EleScope,
-  oe as EventAdapter,
-  re as FalseFn,
+  re as EventAdapter,
+  ae as FalseFn,
   Ne as FocusModel,
-  Pe as GeCellIndices,
-  W as GeCssColorUtil,
+  Le as GeCellIndices,
+  G as GeCssColorUtil,
   Kt as GeFilterService,
   Nt as GeKeyEvent,
-  J as GeModelChangeEvent,
-  K as GeMouseEvent,
-  $ as GeoData,
-  O as Icon,
-  Ot as IndexAndPx,
+  te as GeModelChangeEvent,
+  Q as GeMouseEvent,
+  F as GeoData,
+  $ as Icon,
+  $t as IndexAndPx,
   Ge as InputCellRenderer,
-  Fe as InputHandler,
-  P as LicenseManager,
+  Oe as InputHandler,
+  L as LicenseManager,
   eo as MaleFemaleToIconCellRenderer,
   Ae as MouseHandler,
   Re as MouseTargetData,
   ho as MultiRowsSelectionModel,
   to as NumberCellProgressBarCellRenderer,
-  io as NumberCellRenderer,
-  Ve as OsxShortcutActionIdMapping,
-  de as Padding,
-  no as PositiveAndNegativeNumberRenderer,
-  lo as ProgressBarCellRenderer,
-  $e as RenderScope,
+  so as NumberCellRenderer,
+  Be as OsxShortcutActionIdMapping,
+  ue as Padding,
+  lo as PositiveAndNegativeNumberRenderer,
+  no as ProgressBarCellRenderer,
+  Fe as RenderScope,
   Ut as Renderer,
   qe as RequestChunk,
   Ce as SelectCellRenderer,
-  be as SelectionModel,
-  Le as SelectionService,
-  Be as ShortcutService,
+  we as SelectionModel,
+  Pe as SelectionService,
+  Ve as ShortcutService,
   We as SimpleDomService,
-  S as Size,
-  Oe as SortItem,
-  pe as SortedOptions,
+  w as Size,
+  $e as SortItem,
+  me as SortedOptions,
   ro as StarRatingCellRenderer,
   ke as StoreStateCollapsedExpandService,
   Ee as StoreStateScrollPosService,
   Te as StoreStateSortingService,
   Me as TableApi,
   zt as TableCellUpdateEvent,
-  F as TableFactory,
-  N as TableModel,
+  O as TableFactory,
+  Y as TableModel,
   _t as TableModelAndOptions,
-  j as TableOptions,
-  fe as TableScope,
+  U as TableOptions,
+  Se as TableScope,
   uo as ThreeColorGradientArg,
-  ae as TreeCheckboxModel,
-  Y as TreeFactory,
-  ge as TreeOptions,
-  ie as TreeRow,
+  ce as TreeCheckboxModel,
+  q as TreeFactory,
+  fe as TreeOptions,
+  le as TreeRow,
   Ye as TreeRowService,
   oo as TrueFalseCellRenderer,
   Xe as TrueFn,
-  ue as TwoColorGradientArg,
+  be as TwoColorGradientArg,
   Je as ValueLabel,
   He as WindowsShortcutActionIdMapping,
   Dt as actionIds,
-  Vt as allCenter,
+  Bt as allCenter,
   Ht as allLeft,
-  Bt as allRight,
-  Pt as bodyCenter,
-  Ft as bodyLeft,
-  Lt as bodyRight,
+  Vt as allRight,
+  Lt as bodyCenter,
+  Ot as bodyLeft,
+  Pt as bodyRight,
   ao as editInputPipeForNumber,
-  U as getAreaIdentByString,
-  z as isAreaModelTree,
+  Z as getAreaIdentByString,
+  K as isAreaModelTree,
   ye as isCheckboxColumnDef,
-  L as isTreeRow,
+  H as isTreeRow,
   Tt as px0,
   kt as px10,
   xt as px100,
-  wt as px110,
-  St as px120,
+  St as px110,
+  wt as px120,
   mt as px130,
   ft as px140,
   bt as px150,
@@ -5071,15 +5142,15 @@ export {
   ut as px180,
   ct as px190,
   It as px20,
-  le as px200,
+  de as px200,
   ht as px210,
   dt as px220,
   at as px230,
-  nt as px240,
-  lt as px250,
+  lt as px240,
+  nt as px250,
   rt as px260,
-  it as px270,
-  st as px280,
+  st as px270,
+  it as px280,
   ot as px290,
   Et as px30,
   tt as px300,