@guiexpert/table 1.1.84 → 1.1.86

package/index.js

@@ -1,4 +1,4 @@
-function Nt(d, e = 500) {
+function Ut(d, e = 500) {
   let t = null, s = 0;
   return function(...o) {
     const i = Date.now(), r = e - (i - s);
@@ -7,7 +7,7 @@ function Nt(d, e = 500) {
     }, r));
   };
 }
-function Ge(d, e = 500) {
+function Ye(d, e = 500) {
   let t = null;
   return function(...s) {
     t && window.clearTimeout(t), t = window.setTimeout(() => {
@@ -15,7 +15,7 @@ function Ge(d, e = 500) {
     }, e);
   };
 }
-function Gt(d = 500) {
+function Yt(d = 500) {
   return function(e, t, s) {
     let o = 0;
     const i = s.value;
@@ -25,43 +25,43 @@ function Gt(d = 500) {
     }, s;
   };
 }
-const Fe = "any", j = "undefined", Pe = "null", _e = "string", de = "number", he = "boolean", Le = "Array", U = "object", J = [Pe, j, Fe];
-class Oe {
+const Le = "any", X = "undefined", Oe = "null", Ve = "string", fe = "number", me = "boolean", He = "Array", K = "object", Q = [Oe, X, Le];
+class $e {
   constructor(e) {
-    this.propertyName = e, this.type = Fe;
+    this.propertyName = e, this.type = Le;
   }
 }
-class se {
+class le {
   constructor(e) {
-    this.propertyName = e, this.type = j;
+    this.propertyName = e, this.type = X;
   }
 }
-class ze {
+class Xe {
   constructor(e) {
-    this.propertyName = e, this.type = Pe;
+    this.propertyName = e, this.type = Oe;
   }
 }
-class je {
+class Ke {
   constructor(e) {
-    this.propertyName = e, this.type = _e;
+    this.propertyName = e, this.type = Ve;
   }
 }
-class Ue {
+class Je {
   constructor(e) {
-    this.propertyName = e, this.type = de;
+    this.propertyName = e, this.type = fe;
   }
 }
-class Ye {
+class qe {
   constructor(e) {
-    this.propertyName = e, this.type = he;
+    this.propertyName = e, this.type = me;
   }
 }
 class B {
   constructor(e, t = []) {
-    this.propertyName = e, this.items = t, this.type = Le;
+    this.propertyName = e, this.items = t, this.type = He;
   }
 }
-class Ve {
+class Be {
   constructor(e, t = []) {
     this.propertyName = e, this.types = t;
   }
@@ -69,12 +69,12 @@ class Ve {
     return `PropertyItem(propertyName: ${this.propertyName}, types: [${this.types.map((e) => e.type).join(", ")}])`;
   }
 }
-class F {
+class L {
   constructor(e, t, s = []) {
-    this.propertyName = e, this.className = t, this.properties = s, this.type = U;
+    this.propertyName = e, this.className = t, this.properties = s, this.type = K;
   }
 }
-class zt {
+class Xt {
   constructor() {
     this.rootPropertyType = null, this.allowCustomRenderer = !0, this.bufCustomRenderer = [], this.LABEL_MAPPINGS = {
       Id: "ID",
@@ -101,8 +101,8 @@ class zt {
     if (!this.rootPropertyType)
       return s;
     if (e instanceof B) {
-      const o = e.items.find((i) => i.type === U);
-      if (o && o instanceof F) {
+      const o = e.items.find((i) => i.type === K);
+      if (o && o instanceof L) {
         const i = o.properties;
         s.push("  const columnDefs: ColumnDefIf[] = ["), this.iteratePropertyItems(s, i, ""), s.push("  ];");
       }
@@ -111,28 +111,28 @@ class zt {
   }
   iteratePropertyItems(e, t, s = "") {
     for (let o = 0; o < t.length; o++) {
-      let r = t[o].types.filter((n) => !J.includes(n.type));
+      let r = t[o].types.filter((n) => !Q.includes(n.type));
       if (r.length === 1) {
         let n = r[0];
         const l = s ? [s, n.propertyName].join(".") : n.propertyName;
-        if (n instanceof F)
+        if (n instanceof L)
           this.iteratePropertyItems(e, n.properties, l);
         else {
           let a = "";
           if (n instanceof B) {
-            const p = n.items.find((m) => m.type === U);
-            p && p instanceof F && (a = p.className);
+            const p = n.items.find((m) => m.type === K);
+            p && p instanceof L && (a = p.className);
           }
           const c = this.getReadableColumnLabel(l);
           let h = 100, u = "", f = "ge-table-text-align-left";
-          if (n.type === Le) {
+          if (n.type === He) {
             if (this.allowCustomRenderer && a) {
               const p = `${a}ArrayCellRenderer`;
               u = `      bodyRenderer: new ${p}(),`, f = "", this.renderCumstomCellRenderer(a, p);
             } else
               u = "      bodyRenderer: new SimpleArrayCellRenderer(),";
             h = 250;
-          } else n.type === de ? (u = "      bodyRenderer: new NumberCellRenderer(),", f = "ge-table-text-align-right") : n.type === he && (u = "      bodyRenderer: new TrueFalseCellRenderer(),", f = "ge-table-text-align-center", h = 80);
+          } else n.type === fe ? (u = "      bodyRenderer: new NumberCellRenderer(),", f = "ge-table-text-align-right") : n.type === me && (u = "      bodyRenderer: new TrueFalseCellRenderer(),", f = "ge-table-text-align-center", h = 80);
           e.push(`    ColumnDef.create({
       property: "${l}",
       headerLabel: "${c}",
@@ -194,7 +194,7 @@ export class ${t} implements CellRendererIf {
     `);
   }
 }
-class xe {
+class Re {
   /**
    *
    *  Fixes an invalid json like this:
@@ -260,21 +260,21 @@ class xe {
     return s;
   }
 }
-class Ke {
+class Ze {
   constructor() {
-    this.property = "", this.value = "", this.path = "", this.propertyItem = new Ve("", [new Oe("")]);
+    this.property = "", this.value = "", this.path = "", this.propertyItem = new Be("", [new $e("")]);
   }
   toString() {
     var e;
     return `${this.path} -> : ${((e = this.propertyItem) == null ? void 0 : e.toString()) ?? ""}`;
   }
 }
-const Se = "Entity";
-function Xe(d) {
-  let e = Je(qe(d));
-  return e.includes(Se) || (e = e + Se), e;
+const Ae = "Entity";
+function Qe(d) {
+  let e = et(tt(d));
+  return e.includes(Ae) || (e = e + Ae), e;
 }
-function Je(d) {
+function et(d) {
   if (!d || d.length === 0) return d;
   const e = ["Array", "Arr", "List", "s"];
   for (const t of e)
@@ -282,10 +282,10 @@ function Je(d) {
       return d.slice(0, -t.length);
   return d;
 }
-function qe(d) {
+function tt(d) {
   return !d || d.length === 0 ? "" : d[0].toUpperCase() + d.slice(1);
 }
-class jt {
+class Kt {
   constructor() {
     this.debugging = !1;
   }
@@ -372,7 +372,7 @@ class jt {
   json2PropertyType(e, t = "") {
     let s;
     if (typeof e == "string") {
-      const o = new xe().fixJSON(e);
+      const o = new Re().fixJSON(e);
       s = this.json2Object(o);
     } else
       s = e;
@@ -488,7 +488,7 @@ class jt {
   json2ValueInfos(e, t = "") {
     let s;
     if (typeof e == "string") {
-      const o = new xe().fixJSON(e);
+      const o = new Re().fixJSON(e);
       s = this.json2Object(o);
     } else
       s = e;
@@ -512,14 +512,14 @@ class jt {
         const r = s.get(i);
         if (r) {
           let n = !1;
-          const l = r.propertyItem.types.filter((a) => !J.includes(a.type));
+          const l = r.propertyItem.types.filter((a) => !Q.includes(a.type));
           if (l.length === 1) {
             const a = l[0];
             if (a instanceof B) {
               n = !0;
               for (const c of o.propertyItem.types)
                 a.items.push(c);
-            } else a instanceof F && (n = !0, a.properties.push(o.propertyItem));
+            } else a instanceof L && (n = !0, a.properties.push(o.propertyItem));
           }
           if (!n)
             for (const a of o.propertyItem.types)
@@ -527,7 +527,7 @@ class jt {
         }
       }
     }
-    return t || new Oe("");
+    return t || new $e("");
   }
   logValueInfos(e) {
     for (let t = 0; t < e.length; t++) {
@@ -557,7 +557,7 @@ class jt {
           const l = this.getFirstValueInfoByPath(e, n);
           if (Array.isArray(l == null ? void 0 : l.value)) {
             const a = (l == null ? void 0 : l.value.length) ?? 0, c = this.countPath(e, i.path);
-            a > c && (i.propertyItem.types.some((h) => h.type === j) || i.propertyItem.types.push(new se(i.property)));
+            a > c && (i.propertyItem.types.some((h) => h.type === X) || i.propertyItem.types.push(new le(i.property)));
           }
         }
       }
@@ -578,9 +578,9 @@ class jt {
   }
   extractValueInfos(e, t) {
     const s = [], o = (i, r, n) => {
-      const l = new Ke();
+      const l = new Ze();
       let a = r.split("/").pop() || "";
-      if (a === "[]" ? a = n : a === "root" && (a = t), l.property = a, l.value = i, l.path = r, l.propertyItem = this.createPropertyItem(i, l.property), s.push(l), i && typeof i === U && !Array.isArray(i)) {
+      if (a === "[]" ? a = n : a === "root" && (a = t), l.property = a, l.value = i, l.path = r, l.propertyItem = this.createPropertyItem(i, l.property), s.push(l), i && typeof i === K && !Array.isArray(i)) {
         for (const c in i)
           if (i.hasOwnProperty(c)) {
             const h = r ? `${r}/${c}` : c;
@@ -594,15 +594,15 @@ class jt {
     return o(e, "root", t), s.sort((i, r) => i.path.localeCompare(r.path));
   }
   createPropertyItem(e, t) {
-    return new Ve(t, [
+    return new Be(t, [
       this.createPropertyType(e, t)
     ]);
   }
   createPropertyType(e, t) {
-    return e === null ? new ze(t) : e === void 0 ? new se(t) : typeof e === _e ? new je(t) : typeof e === de && !isNaN(e) ? new Ue(t) : typeof e === he ? new Ye(t) : Array.isArray(e) ? new B(t) : typeof e === U ? new F(t, Xe(t)) : new se(t);
+    return e === null ? new Xe(t) : e === void 0 ? new le(t) : typeof e === Ve ? new Ke(t) : typeof e === fe && !isNaN(e) ? new Je(t) : typeof e === me ? new qe(t) : Array.isArray(e) ? new B(t) : typeof e === K ? new L(t, Qe(t)) : new le(t);
   }
 }
-class Ut {
+class Jt {
   constructor() {
     this.orOperator = "|", this.rootPropertyType = null, this.rootName = "Root", this.renderTypeScriptInterfacesFifo = [], this.renderTypeScriptInterfacesDone = [];
   }
@@ -622,11 +622,11 @@ class Ut {
     if (!e) return t;
     if (e instanceof B) {
       for (const o of e.items)
-        if (this.renderTypeScriptInterfacesRecursive(o, t, s), o instanceof F) {
+        if (this.renderTypeScriptInterfacesRecursive(o, t, s), o instanceof L) {
           const i = o;
           i !== this.rootPropertyType && this.renderTypeScriptInterfacesFifo.push(i);
         }
-    } else if (e instanceof F) {
+    } else if (e instanceof L) {
       const o = e, i = o.className;
       if (!this.renderTypeScriptInterfacesDone.includes(i)) {
         this.renderTypeScriptInterfacesDone.push(i), t.push(`export interface ${i} {`);
@@ -636,11 +636,11 @@ class Ut {
           const l = this.containsUndefinedPropertyType(r) ? "?" : "";
           t.push("  " + r.propertyName + l + ": " + n + ";");
           for (const a of r.types)
-            if (a instanceof F)
+            if (a instanceof L)
               a !== this.rootPropertyType && this.renderTypeScriptInterfacesFifo.push(a);
             else if (a instanceof B)
               for (const c of a.items)
-                c instanceof F && this.renderTypeScriptInterfacesFifo.push(c);
+                c instanceof L && this.renderTypeScriptInterfacesFifo.push(c);
         }
         t.push("}"), t.push("");
       }
@@ -651,7 +651,7 @@ class Ut {
     var s, o;
     if (((s = e.types) == null ? void 0 : s.length) === 0) return "any";
     if (((o = e.types) == null ? void 0 : o.length) === 1) return this.renderType(e.types[0], e);
-    const t = e.types.map((i) => this.renderType(i, e)).filter((i) => i !== j).sort((i, r) => J.includes(i) ? 100 : J.includes(r) ? -100 : i.localeCompare(r)).join(this.orOperator);
+    const t = e.types.map((i) => this.renderType(i, e)).filter((i) => i !== X).sort((i, r) => Q.includes(i) ? 100 : Q.includes(r) ? -100 : i.localeCompare(r)).join(this.orOperator);
     return t.includes(this.orOperator) ? "(" + t + ")" : t;
   }
   renderType(e, t) {
@@ -659,22 +659,22 @@ class Ut {
       const s = e.items.map((o) => this.renderType(o, t)).join(this.orOperator);
       return s.includes(this.orOperator) ? `(${s})[]` : `${s}[]`;
     }
-    return e instanceof F ? e.className : e.type;
+    return e instanceof L ? e.className : e.type;
   }
   containsUndefinedPropertyType(e) {
     for (const t of e.types)
-      if (t.type === j) return !0;
+      if (t.type === X) return !0;
     return !1;
   }
 }
-class W {
+class G {
   // The constructor is private to prevent direct construction calls
   // with the `new` operator
   constructor() {
     this.alreadySet = !1;
   }
   static getInstance() {
-    return W.instance || (W.instance = new W()), W.instance;
+    return G.instance || (G.instance = new G()), G.instance;
   }
   /**
    * Method to set the license key for the application.
@@ -692,21 +692,21 @@ class W {
     }
   }
 }
-function G(d) {
+function j(d) {
   return d && d.type === "TreeRow";
 }
-function re(d) {
+function de(d) {
   return d && d.type === "AreaModelTree";
 }
-function Ze(d) {
+function st(d) {
   return d && d.type === "CheckboxColumnDef";
 }
-class ue {
+class be {
   constructor(e = -1, t = -1, s = -1, o = -1, i, r, n, l = 0, a = 0, c = 0, h = "") {
     this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = o, this.areaIdent = i, this.sideIdent = r, this.originalEvent = n, this.clickCount = l, this.draggingX = a, this.draggingY = c, this.action = h;
   }
   clone() {
-    return new ue(
+    return new be(
       this.rowIndex,
       this.rowTop,
       this.columnIndex,
@@ -721,25 +721,25 @@ class ue {
     );
   }
 }
-class O {
+class V {
   constructor(e = ">", t = "", s = []) {
     this.content = e, this.style = t, this.classes = s;
   }
 }
-class $e {
-  constructor(e = new O(
+class We {
+  constructor(e = new V(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), t = new O(
+  ), t = new V(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), s = new O(
+  ), s = new V(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), o = new O(
+  ), o = new V(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
@@ -747,12 +747,12 @@ class $e {
     this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = o;
   }
 }
-class Be {
-  constructor(e = new O("↑", "", ["ge-header-sorted-asc"]), t = new O("↓", "", ["ge-header-sorted-desc"]), s = new O("↑", "color:transparent;", [])) {
+class Ne {
+  constructor(e = new V("↑", "", ["ge-header-sorted-asc"]), t = new V("↓", "", ["ge-header-sorted-desc"]), s = new V("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
-class Qe {
+class ot {
   constructor(e) {
     this.domService = e;
   }
@@ -842,8 +842,8 @@ class Qe {
     this.domService.addClass(m, "ge-table-col-div"), p && this.domService.addClass(m, "ge-with-checkbox"), this.domService.addClass(m, `ge-table-col-div-${s.index}`), this.domService.setAttribute(m, "data-col-index", `${s.index}`), this.domService.setAttribute(m, "data-row-index", `${o}`), this.domService.setAttribute(m, "data-area", `${r}`);
     const g = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
     if (r === "body" && n === "center" && this.domService.addClass(m, `ge-table-column-${g}`), this.domService.setStyle(m, "display", "clip"), this.domService.setStyle(m, "position", "absolute"), this.domService.setStyle(m, "left", `${s.left}px`), this.domService.setStyle(m, "top", `${s.top}px`), this.domService.setStyle(m, "width", `${s.width}px`), this.domService.setStyle(m, "height", `${s.height}px`), a && a !== "none" && (this.domService.addClass(m, "ge-table-col-tree"), this.addArrowDiv(m, a, f, o, i, r)), p && i === 0 && h && this.addCheckboxToDiv(m, h, r, o), l) {
-      const b = a !== "none" && i === 0;
-      this.addLabelDiv(m, l, b, o, i, r);
+      const y = a !== "none" && i === 0;
+      this.addLabelDiv(m, l, y, o, i, r);
     }
     return u && this.addSortedIcon(m, u, c == null ? void 0 : c.sortedOptions, i), this.domService.appendChild(t, m), m;
   }
@@ -872,7 +872,7 @@ class Qe {
       }
     return this.domService.appendChild(e, n), n;
   }
-  addSortedIcon(e, t = "", s = new Be(), o = -1) {
+  addSortedIcon(e, t = "", s = new Ne(), o = -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", `${o}`), this.domService.setAttribute(i, "data-area", "header");
     let r;
@@ -883,7 +883,7 @@ class Qe {
       this.domService.addClass(i, a);
     return this.domService.appendChild(e, i), i;
   }
-  addArrowDiv(e, t = "none", s = new $e(), o = -1, i = -1, r = "body") {
+  addArrowDiv(e, t = "none", s = new We(), o = -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", `${o}`), this.domService.setAttribute(n, "data-col-index", `${i}`), this.domService.setAttribute(n, "data-area", `${r}`);
     let l;
@@ -934,23 +934,25 @@ class Qe {
     return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
   }
 }
-const ee = (d) => d === "header" ? "header" : d === "footer" ? "footer" : "body";
-class et {
+const ne = (d) => d === "header" ? "header" : d === "footer" ? "footer" : "body";
+class it {
   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 s = e.getAttribute("data-area");
-      if (s && (this.areaIdent = ee(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
+      if (s && (this.areaIdent = ne(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
         const o = e;
         this.value = o.value;
       }
     }
   }
 }
-class tt {
+class rt {
   constructor(e) {
-    this.tableScope = e, this.doubleClickDelay = 500, this.expandedAll = !0, this.mouseDown = !1, this.dragging = !1, this.lastClicked = 0, this.tableScope.hostElement.addEventListener("click", this.onHostElementClicked.bind(this)), this.tableScope.hostElement.addEventListener("dblclick", this.onHostElementDblClicked.bind(this)), this.tableScope.hostElement.addEventListener("mousedown", this.onMouseDown.bind(this)), this.tableScope.hostElement.addEventListener("mousemove", this.onMouseMove.bind(this)), this.tableScope.hostElement.addEventListener("mouseup", this.onMouseUp.bind(this)), this.tableScope.hostElement.addEventListener("contextmenu", this.onContextmenu.bind(this)), this.tableScope.hostElement._MouseHandler = "true", this.tableScope.scrollViewport.addEventListener("scroll", this.tableScope.adjustAfterScrolling.bind(this.tableScope)), [window, this.tableScope.hostElement].forEach(
-      (t) => t.addEventListener("resize", this.tableScope.adjustContainersAndRows.bind(this.tableScope))
+    this.tableScope = e, this.doubleClickDelay = 500, this.expandedAll = !0, this.mouseDown = !1, this.dragging = !1, this.lastClicked = 0;
+    const t = this.tableScope.listenerAbortController.signal;
+    this.tableScope.hostElement.addEventListener("click", this.onHostElementClicked.bind(this), { signal: t }), this.tableScope.hostElement.addEventListener("dblclick", this.onHostElementDblClicked.bind(this), { signal: t }), this.tableScope.hostElement.addEventListener("mousedown", this.onMouseDown.bind(this), { signal: t }), this.tableScope.hostElement.addEventListener("mousemove", this.onMouseMove.bind(this), { signal: t }), this.tableScope.hostElement.addEventListener("mouseup", this.onMouseUp.bind(this), { signal: t }), this.tableScope.hostElement.addEventListener("contextmenu", this.onContextmenu.bind(this), { signal: t }), this.tableScope.hostElement._MouseHandler = "true", this.tableScope.scrollViewport.addEventListener("scroll", this.tableScope.adjustAfterScrolling.bind(this.tableScope), { signal: t }), this.tableScope.scrollViewport.addEventListener("wheel", this.tableScope.onWheel.bind(this.tableScope), { passive: !1, signal: t }), [window, this.tableScope.hostElement].forEach(
+      (s) => s.addEventListener("resize", this.tableScope.adjustContainersAndRows.bind(this.tableScope), { signal: t })
     );
   }
   /**
@@ -979,14 +981,14 @@ class tt {
       return;
     }
     this.lastClicked = t;
-    const s = new et(e.target, this.tableScope);
+    const s = new it(e.target, this.tableScope);
     if (s.action === "toggleExpandCollapseAll")
       this.expandedAll = !this.expandedAll, this.tableScope.toggleExpandCollapseAll(this.expandedAll), e.preventDefault(), e.stopPropagation();
     else if (s.action === "toggleHeaderGroup")
       this.tableScope.toggleHeaderGroup(s), e.preventDefault(), e.stopPropagation();
     else if (s.inputType === "checkbox" && s.areaIdent)
       this.tableScope.toggleRowCheckbox(s.rowIdx, s.colIdx, s.areaIdent), e.preventDefault(), e.stopPropagation();
-    else if (G(s.row) && s.areaModel) {
+    else if (j(s.row) && s.areaModel) {
       const o = s.colIdx === this.getArrowColumnIndex() && e.altKey, i = s.className.includes("ge-table-tree-arrow-div");
       if (o || i) {
         e.preventDefault(), e.stopPropagation();
@@ -1008,12 +1010,12 @@ class tt {
    */
   onHostElementDblClicked(e) {
     if (this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
-      const t = e.target, s = t.getAttribute("data-area"), o = ee(s), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(o);
+      const t = e.target, s = t.getAttribute("data-area"), o = ne(s), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(o);
       if (s && o === "header")
         this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, i, r));
       else if (t.getAttribute("data-row-index")) {
         const l = n.getRowByIndex(i);
-        if (s && o === "body" && n.isEditable(i, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, r)), G(l) && r === this.getArrowColumnIndex()) {
+        if (s && o === "body" && n.isEditable(i, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, r)), j(l) && r === this.getArrowColumnIndex()) {
           e.preventDefault(), e.stopPropagation();
           const a = l;
           a.expanded = !a.expanded, "recalcVisibleTreeRows" in n && n.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(a);
@@ -1081,7 +1083,7 @@ class tt {
     }
   }
 }
-class pe {
+class ye {
   constructor(e, t = [], s = -1) {
     this.areaIdent = e, this.columnDefs = t, this.defaultRowHeight = s, this.rowSelectionModel = void 0, this.yPositions = [], this.cellRenderers = t.map((o) => o.rendererMap[e]);
   }
@@ -1179,7 +1181,7 @@ class pe {
       this.yPositions[t + 1] = this.getRowHeight(t) + this.yPositions[t];
   }
 }
-class ge {
+class we {
   genericSortComparator(e, t, s) {
     if (typeof e == "number" && typeof t == "number")
       return s * (e - t);
@@ -1197,7 +1199,7 @@ class ge {
     return s * ("" + e).localeCompare("" + t);
   }
 }
-class _ extends pe {
+class _ extends ye {
   /**
    * Creates an instance of AreaModelObjectArray.
    * 
@@ -1228,7 +1230,7 @@ class _ extends pe {
    * );
    */
   constructor(e, t, s, o = [], i = "ge-selected-row", r = "ge-focused-row") {
-    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.selectedRowClass = i, this.focusedRowClass = r, this.sorterService = new ge(), this._focusedRowIndex = 0, this.filteredRows = [...t], this.properties = o.map((n) => n.property);
+    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.selectedRowClass = i, this.focusedRowClass = r, this.sorterService = new we(), this._focusedRowIndex = 0, this.filteredRows = [...t], this.properties = o.map((n) => n.property);
   }
   /**
    * Gets the index of the currently focused row.
@@ -1323,7 +1325,7 @@ class _ extends pe {
   getValueAt(e, t) {
     const s = this.properties[t];
     let o = this.filteredRows[e];
-    return G(o) && (o = o.data), o ? this.getValueByT(o, s) : "";
+    return j(o) && (o = o.data), o ? this.getValueByT(o, s) : "";
   }
   /**
    * Retrieves the filtered and sorted rows from the dataset.
@@ -1430,6 +1432,15 @@ class _ extends pe {
   getRowHeight(e) {
     return this.defaultRowHeight;
   }
+  /**
+   * All rows share `defaultRowHeight` – unless a subclass overrides `getRowHeight()`, then row heights may
+   * vary and `undefined` is returned.
+   *
+   * @returns {number | undefined} The constant row height or `undefined`.
+   */
+  getConstantRowHeight() {
+    return this.getRowHeight === _.prototype.getRowHeight && this.defaultRowHeight > 0 ? this.defaultRowHeight : void 0;
+  }
   /**
    * Returns the row object at the specified index from the filtered rows array.
    * This method overrides the parent class implementation.
@@ -1631,7 +1642,7 @@ class _ extends pe {
     return o && t.length ? this.getPropertyValue(o, t) : o;
   }
 }
-class st {
+class nt {
   constructor(e) {
     this.tableScope = e;
   }
@@ -2021,6 +2032,22 @@ class st {
   repaint() {
     this.tableScope.repaint();
   }
+  /**
+   * Releases the table: removes all DOM listeners (incl. the window resize listener), stops the
+   * resize observer, calls the cleanup functions of all cell renderers and clears the host element.
+   * The framework wrappers call it automatically when they are unmounted or receive a new table model.
+   *
+   * @example
+   * // Plain TS: replace the table with a new model
+   * tableApi.destroy();
+   * const scope = new TableScope(hostDiv, newModel, new SimpleDomService(), new TableOptions(), new EventAdapter());
+   * scope.firstInit();
+   *
+   * @returns {void}
+   */
+  destroy() {
+    this.tableScope.destroy();
+  }
   /**
    * Performs a complete repaint of the table by triggering a hard repaint on the underlying table scope.
    *
@@ -2979,7 +3006,7 @@ class st {
     return this.tableScope.loggingActive;
   }
 }
-class fe {
+class xe {
   constructor(e) {
     this.getStorageKeyFn = e;
   }
@@ -3046,7 +3073,7 @@ class fe {
   //   }
   // }
 }
-class ot extends fe {
+class lt extends xe {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -3068,14 +3095,14 @@ class ot extends fe {
     }
   }
 }
-class it {
+class at {
   constructor(e = "collapsed", t = [], s = !1, o = !1) {
     this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = o;
   }
 }
-class rt extends fe {
+class ct extends xe {
   constructor(e) {
-    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new it(), this.load();
+    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new at(), this.load();
   }
   collapsedExpandedStateGet() {
     return this.collapsedExpandedState;
@@ -3107,7 +3134,7 @@ class rt extends fe {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class nt extends fe {
+class dt extends xe {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -3128,14 +3155,14 @@ class nt extends fe {
     }
   }
 }
-class L {
+class O {
   constructor(e = 0, t = 0, s = 0, o = 0, i) {
     this.left = e, this.width = t, this.height = s, this.top = o, this.index = i;
   }
 }
-class lt {
+const oe = class oe {
   constructor(e, t, s, o) {
-    this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new L(), this.areaBodyCenterGeo = new L(), this.areaBodyEastGeo = new L();
+    this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new O(), this.areaBodyCenterGeo = new O(), this.areaBodyEastGeo = new O();
     const i = this.hostElement;
     i.innerText = "", this.dom.setAttribute(i, "tabindex", "0"), this.dom.setStyle(
       this.dom.addClass("ge-table", i),
@@ -3300,11 +3327,13 @@ class lt {
    * @returns {void} Returns nothing.
    */
   resetSizeOfWrapperDiv() {
-    const e = `${this.tableModel.getContentWidthInPixel()}px`, t = `${this.tableModel.getContentHeightInPixel() + 1}px`;
-    this.dom.setStyle(this.contentWrapperDiv, "width", e), this.dom.setStyle(this.contentWrapperDiv, "height", t);
+    const e = `${this.tableModel.getContentWidthInPixel()}px`, t = this.tableModel.getContentHeightInPixel() + 1, s = `${Math.min(t, oe.maxScrollHeightInPx)}px`;
+    this.dom.setStyle(this.contentWrapperDiv, "width", e), this.dom.setStyle(this.contentWrapperDiv, "height", s);
   }
-}
-class A {
+};
+oe.maxScrollHeightInPx = 8e6;
+let ee = oe;
+class M {
   /**
    * Represents a constructor for a class.
    * @constructor
@@ -3318,7 +3347,7 @@ class A {
     this.r1 = e, this.c1 = t, this.r2 = s, this.c2 = o, this.gammaRange = i;
   }
   static create(e) {
-    return e.gammaRange === void 0 && (e.gammaRange = !1), new A(
+    return e.gammaRange === void 0 && (e.gammaRange = !1), new M(
       e.rowIndex1,
       e.columnIndex1,
       e.rowIndex2,
@@ -3327,19 +3356,19 @@ class A {
     );
   }
   static singleCell(e, t) {
-    return new A(e, t, e, t);
+    return new M(e, t, e, t);
   }
   static singleRow(e) {
-    return new A(e, 0, e, Number.MAX_SAFE_INTEGER);
+    return new M(e, 0, e, Number.MAX_SAFE_INTEGER);
   }
   static singleColumn(e) {
-    return new A(0, e, Number.MAX_SAFE_INTEGER, e);
+    return new M(0, e, Number.MAX_SAFE_INTEGER, e);
   }
   isInRange(e, t) {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
   }
 }
-class at {
+class ht {
   constructor(e, t) {
     this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
   }
@@ -3355,7 +3384,7 @@ class at {
           i === 0 && (i = 1), r === 0 && (r = 1);
           const n = "gammaCells" in this.areaModel;
           this.colAndRowspanRanges.push(
-            new A(s, o, s + r - 1, o + i - 1, n)
+            new M(s, o, s + r - 1, o + i - 1, n)
           );
         }
       }
@@ -3377,17 +3406,17 @@ class T {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class ct extends lt {
+class ut extends ee {
   constructor(e, t, s, o) {
     var r, n;
     super(e, t, s, o), this.firstVisibleRowIndex = -1, this.lastVisibleRowIndex = -1, this.firstFullVisibleRowIndex = -1, this.lastFullVisibleRowIndex = -1, this.displayedRowCount = 0, this.pixelLimitForFullVisible = 5, this.loggingActive = !1, 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.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), re(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, this.tree = !1, this.colAndRowspanModels = new T(), this.draggingTargetColumnIndex = -1, this.contentScrollTop = 0, this.removables = [], this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (n = this.tableOptions) != null && n.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), de(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (l) => {
         var a;
-        this.colAndRowspanModels[l] = new at(t, t.getAreaModel(l)), (a = this.colAndRowspanModels[l]) == null || a.init();
+        this.colAndRowspanModels[l] = new ht(t, t.getAreaModel(l)), (a = this.colAndRowspanModels[l]) == null || a.init();
       }
     );
   }
@@ -3469,23 +3498,39 @@ class ct extends lt {
    * to the table's appearance and behavior after a scroll event occurs.
    */
   adjustAfterScrolling() {
-    var e;
-    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 L(0, this.hostElement.clientWidth, 1, 0),
+    var i;
+    for (const r of this.removables)
+      r.remove();
+    if (this.hideHoverRow(), this.hideHoverColumn(), this.scrollTop = this.scrollViewport.scrollTop, this.scrollLeft = this.scrollViewport.scrollLeft, this.scrollViewportLeft = this.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), this.pendingContentScroll) {
+      const r = this.getContentScrollRangeY();
+      Math.abs(this.scrollTop - this.pendingContentScroll.scrollTop) <= 1 && r > 0 ? this.scrollFactorY = Math.min(1, Math.max(0, this.pendingContentScroll.contentTop / r)) : this.pendingContentScroll = void 0;
+    }
+    isNaN(this.scrollFactorX) && (this.scrollFactorX = 0);
+    const e = this.hostElement.clientWidth, t = this.hostElement.clientHeight, s = this.areaBodyWest.child.clientWidth, o = this.areaHeaderCenter.child.clientHeight;
+    this.areaHeightsOfRenderPass = {
+      body: this.areaBodyCenter.child.clientHeight,
+      footer: this.areaFooterCenter.child.clientHeight,
+      header: o
+    };
+    try {
+      this.adjustBody(), this.adjustArea("footer"), this.adjustArea("header");
+    } finally {
+      this.areaHeightsOfRenderPass = void 0;
+    }
+    this.tableOptions.tableTopBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
+      new O(0, e, 1, 0),
       this.hostElement,
       "ge-table-border"
     )), this.tableOptions.tableBottomBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new L(0, this.hostElement.clientWidth, 1, this.hostElement.clientHeight - 1),
+      new O(0, e, 1, t - 1),
       this.hostElement,
       "ge-table-border"
     )), this.tableModel.getFixedLeftColumnCount() > 0 && this.removables.push(this.dom.addVerticalBorder(
-      new L(this.areaBodyWest.child.clientWidth, 1, this.hostElement.clientHeight, 0),
+      new O(s, 1, t, 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 L(0, this.hostElement.clientWidth, 1, this.areaHeaderCenter.child.clientHeight),
+    )), ((i = this.tableModel.getAreaModel("header")) == null ? void 0 : i.getRowCount()) > 0 && this.removables.push(this.dom.addHorizontalBorder(
+      new O(0, e, 1, o),
       this.hostElement,
       "ge-table-body-west-vertical-border"
     ));
@@ -3608,9 +3653,53 @@ class ct extends lt {
    * @protected
    * @return {void}
    */
+  /**
+   * Rounds a pixel offset to whole device pixels. The scroll offsets are derived from a scroll factor and are
+   * fractional; rows and cells placed at fractional positions render blurry text and 1px borders.
+   *
+   * @param {number} px - offset in CSS pixels
+   * @returns {number} offset snapped to the device pixel grid
+   * @protected
+   */
+  snapToDevicePixel(e) {
+    const t = typeof window < "u" && window.devicePixelRatio || 1;
+    return Math.round(e * t) / t;
+  }
+  /**
+   * True if the table content is taller than {@link EleScope.maxScrollHeightInPx}; then the scroll bar is
+   * scaled and scrollTop is no longer a content pixel position.
+   */
+  isScrollHeightCapped() {
+    return this.tableModel.getContentHeightInPixel() + 1 > ee.maxScrollHeightInPx;
+  }
+  /** Scrollable range of the content in content pixels (content height minus visible body height). */
+  getContentScrollRangeY() {
+    return this.tableModel.getContentHeightInPixel() - this.areaBodyCenterGeo.height;
+  }
+  /** Scrollable range of the scroll viewport in scroll bar pixels. */
+  getScrollerRangeY() {
+    return this.scrollViewport.scrollHeight - this.scrollViewport.clientHeight;
+  }
+  /**
+   * Mouse wheel on a capped scroll height: scale the wheel delta, so one wheel step still moves the content
+   * by the usual amount of pixels (otherwise it would jump many rows). No-op for normal tables.
+   *
+   * @param {WheelEvent} evt - the wheel event of the scroll viewport
+   */
+  onWheel(e) {
+    if (e.ctrlKey || !this.isScrollHeightCapped())
+      return;
+    const t = this.getContentScrollRangeY(), s = this.getScrollerRangeY();
+    if (t <= 0 || s <= 0)
+      return;
+    const o = s / t, i = e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? this.scrollViewport.clientHeight : 1;
+    e.preventDefault(), e.deltaY && (this.scrollViewport.scrollTop += e.deltaY * i * o), e.deltaX && (this.scrollViewport.scrollLeft += e.deltaX * i);
+  }
   adjustBody() {
-    const e = this.areaBodyCenterGeo.height - this.tableModel.getContentHeightInPixel(), t = this.scrollFactorY * e;
-    this.dom.setStyle(this.contentDiv, "top", `${this.scrollTop}px`), this.dom.setStyle(this.contentDiv, "left", `${this.scrollViewport.scrollLeft}px`), this.adjustArea("body", t);
+    const e = this.areaBodyCenterGeo.height - this.tableModel.getContentHeightInPixel(), t = this.snapToDevicePixel(this.scrollFactorY * e);
+    this.contentScrollTop = -t, this.dom.setStyle(this.contentDiv, "top", `${this.scrollTop}px`);
+    const s = this.areaHeightsOfRenderPass ? this.scrollLeft : this.scrollViewport.scrollLeft;
+    this.dom.setStyle(this.contentDiv, "left", `${s}px`), this.adjustArea("body", t);
   }
   /**
    * Returns a number value extracted from the specified attribute of the source element.
@@ -3653,93 +3742,100 @@ class ct extends lt {
    * @protected
    */
   adjustArea(e, t = 0) {
-    var g;
-    const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), r = o.child.clientHeight;
+    var x, A, k;
+    const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), r = ((x = this.areaHeightsOfRenderPass) == null ? void 0 : x[e]) ?? o.child.clientHeight;
     s.child.innerText = "", o.child.innerText = "", i.child.innerText = "";
     const n = 0, l = this.areaBodyCenterGeo.width, a = this.tableModel.getPadding(), c = this.tableModel.getAreaModel(e), h = c.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
-      const b = this.cleanupFunctions[e].shift();
-      b && b();
+      const w = this.cleanupFunctions[e].shift();
+      w && w();
     }
     let u = t;
     const f = this.tableModel.getColumnCount(), p = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
     e === "body" && (this.firstVisibleRowIndex = -1, this.firstFullVisibleRowIndex = -1, this.lastVisibleRowIndex = -1, this.lastFullVisibleRowIndex = -1);
-    for (let b = 0; b < h; b++) {
-      const w = u, S = b === h - 1, R = this.tableModel.getRowHeight(e, b);
-      if (w + R > 0) {
-        e === "body" && this.firstVisibleRowIndex === -1 && (this.firstVisibleRowIndex = b, this.firstFullVisibleRowIndex = w < -this.pixelLimitForFullVisible ? this.firstVisibleRowIndex + 1 : this.firstVisibleRowIndex);
-        let C = { left: n, width: l, height: R, top: w, index: b }, x = this.dom.addRowDiv(o, C, b, e, "center");
-        const D = m;
+    let g = 0;
+    const y = (A = c.getConstantRowHeight) == null ? void 0 : A.call(c);
+    if (y !== void 0 && y > 0 && u < 0) {
+      for (g = Math.min(h, Math.floor(-u / y)); g > 0 && u + g * y > 0; )
+        g--;
+      u = u + g * y;
+    }
+    for (let w = g; w < h; w++) {
+      const S = u, I = w === h - 1, v = this.tableModel.getRowHeight(e, w);
+      if (S + v > 0) {
+        e === "body" && this.firstVisibleRowIndex === -1 && (this.firstVisibleRowIndex = w, this.firstFullVisibleRowIndex = S < -this.pixelLimitForFullVisible ? this.firstVisibleRowIndex + 1 : this.firstVisibleRowIndex);
+        let R = { left: n, width: l, height: v, top: S, index: w }, D = this.dom.addRowDiv(o, R, w, e, "center");
+        const N = m;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
           areaModel: c,
-          geo: C,
-          parent: x,
-          rowIndex: b,
-          columnIndexStart: D,
+          geo: R,
+          parent: D,
+          rowIndex: w,
+          columnIndexStart: N,
           columnIndexEnd: f - p - 1,
           verticalFixed: !1,
-          lastRowOfModel: S
-        }), a.left > 0 && (C = { left: n, width: this.areaBodyWestGeo.width, height: R, top: w, index: b }, x = this.dom.addRowDiv(s, C, b, e, "west"), this.adjustColumnsToRowParent({
+          lastRowOfModel: I
+        }), a.left > 0 && (R = { left: n, width: this.areaBodyWestGeo.width, height: v, top: S, index: w }, D = this.dom.addRowDiv(s, R, w, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: c,
-          geo: C,
-          parent: x,
-          rowIndex: b,
+          geo: R,
+          parent: D,
+          rowIndex: w,
           columnIndexStart: 0,
-          columnIndexEnd: D - 1,
+          columnIndexEnd: N - 1,
           verticalFixed: !0,
-          lastRowOfModel: S
-        })), a.right > 0 && (C = { left: n, width: this.areaBodyEastGeo.width, height: R, top: w, index: b }, x = this.dom.addRowDiv(i, C, b, e, "east"), this.adjustColumnsToRowParent({
+          lastRowOfModel: I
+        })), a.right > 0 && (R = { left: n, width: this.areaBodyEastGeo.width, height: v, top: S, index: w }, D = this.dom.addRowDiv(i, R, w, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: c,
-          geo: C,
-          parent: x,
-          rowIndex: b,
+          geo: R,
+          parent: D,
+          rowIndex: w,
           columnIndexStart: f - p,
           columnIndexEnd: f - 1,
           verticalFixed: !0,
-          lastRowOfModel: S
-        })), e === "header" && this.tree && b === h - 1) {
-          const M = this.dom.applyStyle(
+          lastRowOfModel: I
+        })), e === "header" && this.tree && w === h - 1) {
+          const U = this.dom.applyStyle(
             this.dom.setAttribute(
-              this.dom.addDiv(x, new L(16, 20, 20, 8)),
+              this.dom.addDiv(D, new O(16, 20, 20, 8)),
               "data-ge-action",
               "toggleExpandCollapseAll"
             ),
             { cursor: "pointer" }
-          ), I = this.tableOptions.treeOptions.arrowExpandCollapseAll;
-          if (I) {
-            const K = this.dom.domService.createText(I.content);
-            this.dom.domService.appendChild(M, K), I.style && this.dom.applyStyleString(M, I.style);
+          ), C = this.tableOptions.treeOptions.arrowExpandCollapseAll;
+          if (C) {
+            const Ue = this.dom.domService.createText(C.content);
+            this.dom.domService.appendChild(U, Ue), C.style && this.dom.applyStyleString(U, C.style);
           }
         }
       }
-      if (u = u + R, u > r) {
-        e === "body" && (this.lastVisibleRowIndex = b, this.lastFullVisibleRowIndex = r - u < -this.pixelLimitForFullVisible ? b - 1 : b, this.displayedRowCount = this.lastFullVisibleRowIndex - this.firstFullVisibleRowIndex + 1);
+      if (u = u + v, u > r) {
+        e === "body" && (this.lastVisibleRowIndex = w, this.lastFullVisibleRowIndex = r - u < -this.pixelLimitForFullVisible ? w - 1 : w, this.displayedRowCount = this.lastFullVisibleRowIndex - this.firstFullVisibleRowIndex + 1);
         break;
       }
     }
-    if (this.loggingActive && e === "body" && console.log("render scope: this.firstVisibleRowIndex <- " + this.firstVisibleRowIndex + `
+    if (e === "body" && this.firstVisibleRowIndex > -1 && this.lastVisibleRowIndex === -1 && (this.lastVisibleRowIndex = h - 1, this.lastFullVisibleRowIndex = h - 1, this.displayedRowCount = this.lastFullVisibleRowIndex - this.firstFullVisibleRowIndex + 1), this.loggingActive && e === "body" && console.log("render scope: this.firstVisibleRowIndex <- " + this.firstVisibleRowIndex + `
 render scope: this.firstFullVisibleRowIndex <- ` + this.firstFullVisibleRowIndex + `
 render scope: this.lastVisibleRowIndex <- ` + this.lastVisibleRowIndex + `
 render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex), this.colAndRowspanModels && this.colAndRowspanModels[e]) {
-      const b = ((g = this.colAndRowspanModels[e]) == null ? void 0 : g.getRanges()) ?? [];
-      if (b.length)
-        for (const w of b) {
-          let S = 0, R = o.child, C = "center";
-          if (w.c1 < m)
-            R = s.child, C = "west";
-          else if (p > 0 && w.c1 >= f - p)
-            R = i.child, C = "east";
+      const w = ((k = this.colAndRowspanModels[e]) == null ? void 0 : k.getRanges()) ?? [];
+      if (w.length)
+        for (const S of w) {
+          let I = 0, v = o.child, R = "center";
+          if (S.c1 < m)
+            v = s.child, R = "west";
+          else if (p > 0 && S.c1 >= f - p)
+            v = i.child, R = "east";
           else {
-            const x = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            S = this.scrollFactorX * x - this.areaBodyWestGeo.width, C = "center";
+            const D = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+            I = this.snapToDevicePixel(this.scrollFactorX * D) - this.areaBodyWestGeo.width, R = "center";
           }
-          this.drawBigCell(w, S, t, c, R, C);
+          this.drawBigCell(S, I, t, c, v, R);
         }
     }
   }
@@ -3754,10 +3850,10 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
    * @protected
    */
   drawBigCell(e, t, s, o, i, r) {
-    const n = s + this.getRowHeights(0, e.r1 - 1, o).reduce((g, b) => g + b, 0), l = this.tableModel.getColumnCount(), a = this.tableModel.getFixedRightColumnCount();
+    const n = s + this.getRowHeights(0, e.r1 - 1, o).reduce((g, y) => g + y, 0), l = this.tableModel.getColumnCount(), a = this.tableModel.getFixedRightColumnCount();
     let c = 0;
     a > 0 && e.c1 >= l - a && (c = l - a);
-    const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((g, b) => g + b, 0), u = this.getRowHeights(e.r1, e.r2, o).reduce((g, b) => g + b, 0), f = this.getColumnWidths(e.c1, e.c2).reduce((g, b) => g + b, 0);
+    const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((g, y) => g + y, 0), u = this.getRowHeights(e.r1, e.r2, o).reduce((g, y) => g + y, 0), f = this.getColumnWidths(e.c1, e.c2).reduce((g, y) => g + y, 0);
     let p = !1;
     const m = this.getSelectionModel ? this.getSelectionModel() : void 0;
     m && (p = m.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
@@ -3838,58 +3934,57 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     lastRowOfModel: c = !1
   }) {
     var m;
-    this.scrollViewportLeft = this.scrollViewport.scrollLeft;
     let h = 0;
     if (!a) {
       const g = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-      h = this.scrollFactorX * g;
+      h = this.snapToDevicePixel(this.scrollFactorX * g);
     }
     const u = 0, f = !!(e === "body" && t);
     let p = h;
     for (let g = n; g <= l; g++) {
-      const b = p, w = this.tableModel.getColumnWidth(g);
-      if (w > 0 && b + w > 0) {
-        let S = o.height;
-        const R = s.getRowspanAt(r, g), C = s.getColspanAt(r, g);
-        R > 1 && (S = this.getRowHeights(r, r + R - 1, s).reduce((M, I) => M + I, 0));
-        let x = w;
-        C > 1 && (x = this.getColumnWidths(g, g + C - 1).reduce((M, I) => M + I, 0));
-        let D = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, g) && (D = !0), this.draggingTargetColumnIndex === g && e !== "header") {
-          this.renderDragTargetDiv(i, b, u, x, S);
-          const M = { left: b, top: u, width: x, height: S };
-          this.dom.addColumnBorderDivs(this.tableOptions, i, M, e, t);
+      const y = p, x = this.tableModel.getColumnWidth(g);
+      if (x > 0 && y + x > 0) {
+        let A = o.height;
+        const k = s.getRowspanAt(r, g), w = s.getColspanAt(r, g);
+        k > 1 && (A = this.getRowHeights(r, r + k - 1, s).reduce((v, R) => v + R, 0));
+        let S = x;
+        w > 1 && (S = this.getColumnWidths(g, g + w - 1).reduce((v, R) => v + R, 0));
+        let I = !1;
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, g) && (I = !0), this.draggingTargetColumnIndex === g && e !== "header") {
+          this.renderDragTargetDiv(i, y, u, S, A);
+          const v = { left: y, top: u, width: S, height: A };
+          this.dom.addColumnBorderDivs(this.tableOptions, i, v, e, t);
         } else {
-          const M = this.renderSelectedBackgroundDiv(D, f, t, s, r, g, i, b, u, x, S);
-          "gammaCells" in s && s.getValueAt(r, g) && (D = !1), D || this.renderCell({
+          const v = this.renderSelectedBackgroundDiv(I, f, t, s, r, g, i, y, u, S, A);
+          "gammaCells" in s && s.getValueAt(r, g) && (I = !1), I || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
             rowIndex: r,
             columnIndex: g,
-            left: b,
+            left: y,
             top: u,
-            width: x,
-            height: S,
+            width: S,
+            height: A,
             parent: i,
-            cellSelected: M,
+            cellSelected: v,
             lastRowOfModel: c,
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
             rowIndex: r,
             columnIndex: g,
-            cellLeft: b,
+            cellLeft: y,
             cellTop: u,
-            cellWidth: x,
-            cellHeight: S,
+            cellWidth: S,
+            cellHeight: A,
             parent: i
           });
         }
       }
-      if (p = p + w, p > this.areaBodyCenterGeo.width)
+      if (p = p + x, p > this.areaBodyCenterGeo.width)
         break;
     }
-    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new L(p - 1, 1, o.height, 0), i);
+    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new O(p - 1, 1, o.height, 0), i);
   }
   /**
    * Retrieves the column index of the tree arrow column in the table.
@@ -3916,19 +4011,19 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     parent: c,
     lastRowOfModel: h
   }) {
-    var we;
+    var U;
     const f = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), p = { left: r, width: n, height: l, top: a, index: i }, m = e.getRowByIndex(o);
     let g = "none";
-    if (i === this.getTreeArrowColumnIndex() && G(m)) {
-      const v = m;
-      (we = v.children) != null && we.length ? v.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
+    if (i === this.getTreeArrowColumnIndex() && j(m)) {
+      const C = m;
+      (U = C.children) != null && U.length ? C.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
     }
-    let w;
+    let x;
     if (t === "header") {
-      const v = this.tableModel.getColumnDef(i);
-      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (w = v == null ? void 0 : v.sortState);
+      const C = this.tableModel.getColumnDef(i);
+      (!(C != null && C.sortIconVisible) || C != null && C.sortIconVisible()) && (x = C == null ? void 0 : C.sortState);
     }
-    const S = e.getValueAt(o, i), R = f ? "" : `${S}`, C = e.isRowChecked(o), x = this.dom.addColumnDiv(
+    const A = e.getValueAt(o, i), k = f ? "" : `${A}`, w = e.isRowChecked(o), S = this.dom.addColumnDiv(
       {
         parent: c,
         geo: p,
@@ -3936,29 +4031,29 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
         columnIndex: i,
         areaIdent: t,
         sideIdent: s,
-        text: R,
+        text: k,
         treeArrow: g,
         tableOptions: this.tableOptions,
-        checkedType: C,
-        sortState: w
+        checkedType: w,
+        sortState: x
       }
-    ), D = e.getTooltipAt(o, i);
-    D && this.dom.setAttribute(x, "title", D);
-    const M = this.tableModel.getColumnDef(i);
-    M && M.classes[t] && this.dom.addClasses(M.classes[t], x);
-    let I;
-    f && (I = f.render(x, o, i, t, e, S, this.dom.domService));
-    const K = e.getCustomClassesAt(o, i);
-    if (K.length && this.dom.addClasses(K, x), this.dom.addColumnBorderDivs(this.tableOptions, c, p, t, s), h && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: a + l }, c), this.getFocusModel && t === "body") {
-      const v = this.getFocusModel();
-      v != null && v.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, p, {});
+    ), I = e.getTooltipAt(o, i);
+    I && this.dom.setAttribute(S, "title", I);
+    const v = this.tableModel.getColumnDef(i);
+    v && v.classes[t] && this.dom.addClasses(v.classes[t], S);
+    let R;
+    f && (R = f.render(S, o, i, t, e, A, this.dom.domService));
+    const D = e.getCustomClassesAt(o, i);
+    if (D.length && this.dom.addClasses(D, S), this.dom.addColumnBorderDivs(this.tableOptions, c, p, t, s), h && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: a + l }, c), this.getFocusModel && t === "body") {
+      const C = this.getFocusModel();
+      C != null && C.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, p, {});
     }
-    t === "header" && this.dom.setAttribute(x, "data-ge-action", "drag-column");
-    const te = e.getCustomStyleAt(o, i);
-    if (te)
-      for (const v in te)
-        this.dom.setStyle(x, v, te[v]);
-    return [x, I];
+    t === "header" && this.dom.setAttribute(S, "data-ge-action", "drag-column");
+    const N = e.getCustomStyleAt(o, i);
+    if (N)
+      for (const C in N)
+        this.dom.setStyle(S, C, N[C]);
+    return [S, R];
   }
   /**
    * Applies CSS classes to an HTML element.
@@ -4009,10 +4104,10 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
    */
   adjustHoverRows(e) {
     if (this.tableOptions.hoverRowVisible && e.rowIndex > -1) {
-      const t = this.hostElement.clientWidth, s = this.tableModel.getAreaModel("body").getRowHeight(e.rowIndex), o = e.rowTop + this.areaHeaderCenter.parent.clientHeight - this.scrollTop;
+      const t = this.hostElement.clientWidth, s = this.tableModel.getAreaModel("body").getRowHeight(e.rowIndex), o = this.isScrollHeightCapped() ? this.contentScrollTop : this.scrollTop, i = e.rowTop + this.areaHeaderCenter.parent.clientHeight - o;
       this.dom.applyStyle(this.hoverRow, {
         left: "0",
-        top: o + "px",
+        top: i + "px",
         width: t + "px",
         height: s + "px",
         display: "block"
@@ -4075,6 +4170,18 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
    *
    * @return {undefined}
    */
+  /**
+   * Cancels a pending debounced rendering and calls all renderer cleanup functions
+   * (e.g. unmounts framework components rendered into cells). Used by {@link TableScope.destroy}.
+   */
+  disposeRendering() {
+    this.debounceTimeout && (clearTimeout(this.debounceTimeout), this.debounceTimeout = null);
+    for (const e of ["header", "body", "footer"])
+      for (; this.cleanupFunctions[e].length; ) {
+        const t = this.cleanupFunctions[e].shift();
+        t && t();
+      }
+  }
   debounce(e, t = 1e3) {
     this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(e.bind(this), t);
   }
@@ -4132,17 +4239,17 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
           areaIdent: t,
           sideIdent: o,
           text: m
-        }, b = this.dom.addColumnDiv(g);
-        let w;
-        p && (w = p.render(b, a, n, t, i, f, this.dom.domService), w && this.cleanupFunctions[t].push(w));
-        const S = i.getCustomClassesAt(a, n);
-        S.length && this.dom.addClasses(S, b);
-        const R = this.tableModel.getColumnDef(n);
-        R && R.classes[t] && this.dom.addClasses(R.classes[t], b), this.dom.addColumnBorderDivs(this.tableOptions, l, u, t, o);
-        const C = i.getCustomStyleAt(a, n);
-        if (C)
-          for (const x in C)
-            this.dom.setStyle(b, x, C[x]);
+        }, y = this.dom.addColumnDiv(g);
+        let x;
+        p && (x = p.render(y, a, n, t, i, f, this.dom.domService), x && this.cleanupFunctions[t].push(x));
+        const A = i.getCustomClassesAt(a, n);
+        A.length && this.dom.addClasses(A, y);
+        const k = this.tableModel.getColumnDef(n);
+        k && k.classes[t] && this.dom.addClasses(k.classes[t], y), this.dom.addColumnBorderDivs(this.tableOptions, l, u, t, o);
+        const w = i.getCustomStyleAt(a, n);
+        if (w)
+          for (const S in w)
+            this.dom.setStyle(y, S, w[S]);
         s = s + h;
       }
     }
@@ -4277,14 +4384,18 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     l.setAttribute(c, "data-col-index", `${t}`), l.setAttribute(c, "data-row-index", `${e}`), l.setAttribute(c, "data-area", "header"), l.setAttribute(c, "data-ge-action", "resize-column"), l.addClass(c, "ge-table-column-resize-handle"), l.setStyle(c, "display", "clip"), l.setStyle(c, "position", "absolute"), l.setStyle(c, "cursor", "col-resize"), l.setStyle(c, "left", `${s + i - a}px`), l.setStyle(c, "top", `${o}px`), l.setStyle(c, "width", `${a}px`), l.setStyle(c, "height", `${r}px`), l.appendChild(n, c);
   }
 }
-class dt {
+class pt {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class ht {
+class gt {
   constructor(e) {
-    this.tableScope = e, this.tableScope.hostElement.addEventListener("change", this.onHostElementChanged.bind(this));
+    this.tableScope = e, this.tableScope.hostElement.addEventListener(
+      "change",
+      this.onHostElementChanged.bind(this),
+      { signal: this.tableScope.listenerAbortController.signal }
+    );
   }
   /**
    * Handles the onHostElementChanged event.
@@ -4298,31 +4409,31 @@ class ht {
     if (e.target instanceof HTMLInputElement || e.target instanceof HTMLSelectElement || e.target instanceof HTMLTextAreaElement) {
       const t = e.target, s = t.getAttribute("data-area"), o = t.getAttribute("data-row-index"), i = t.getAttribute("data-col-index");
       if (s && o && i) {
-        const r = ee(s), n = Number(o), l = Number(i);
+        const r = ne(s), n = Number(o), l = Number(i);
         this.tableScope.updateModelValueAfterEdit(r, n, l, t.value);
       }
     }
   }
 }
-class ut {
+class ft {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
 }
-class me {
+class Se {
   constructor(e) {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new me([new ut(e, t)]);
+    return new Se([new ft(e, t)]);
   }
 }
-class pt {
+class mt {
   constructor(e, t, s, o, i, r, n, l) {
     this.scrollTop = e, this.scrollLeft = t, this.scrollHeight = s, this.scrollWidth = o, this.clientHeight = i, this.clientWidth = r, this.scrollFactorY = n, this.scrollFactorX = l;
   }
 }
-class gt {
+class bt {
   constructor(e) {
     var t, s;
     this.tableScope = e, (t = this.tableScope.tableOptions) != null && t.getSelectionModel && (this.getSelectionModel = this.tableScope.tableOptions.getSelectionModel), (s = this.tableScope.tableOptions) != null && s.getFocusModel && (this.getFocusModel = this.tableScope.tableOptions.getFocusModel);
@@ -4332,7 +4443,7 @@ class gt {
     let s = !1, o = !1;
     if (this.getSelectionModel && this.getFocusModel) {
       const u = this.getSelectionModel(), f = this.getFocusModel();
-      u && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), s = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (n = e.originalEvent) != null && n.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (a = e.originalEvent) != null && a.metaKey) ? (u.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (u.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(u));
+      u && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), s = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (n = e.originalEvent) != null && n.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (a = e.originalEvent) != null && a.metaKey) ? (u.removeSelection(M.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(M.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (u.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(u));
     }
     return o ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
   }
@@ -4355,7 +4466,7 @@ class gt {
   createRangeByEvents(e, t) {
     t || (t = e);
     const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), r = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
-    return A.create({
+    return M.create({
       rowIndex1: s,
       columnIndex1: i,
       rowIndex2: o,
@@ -4363,7 +4474,7 @@ class gt {
     });
   }
 }
-class ft {
+class yt {
   get() {
     return {
       f2: "START_EDITING",
@@ -4383,7 +4494,7 @@ class ft {
     };
   }
 }
-class mt {
+class wt {
   get() {
     return {
       f2: "START_EDITING",
@@ -4405,13 +4516,13 @@ class mt {
     };
   }
 }
-function bt(d) {
+function xt(d) {
   return d.trim().replace(/\+/g, " ").replace(/ +/g, " ").replace(/⌫/g, "backspace").replace(/↩/g, "enter").replace(/⇧/g, "shift").replace(/⌥/g, "alt").replace(/option/g, "alt").replace(/opt/g, "alt").replace(/⌃/g, "ctrl").replace(/control/g, "ctrl").replace(/command/g, "cmd").replace(/meta/g, "cmd").replace(/escape/g, "esc").replace(/⌘/g, "cmd").replace(/\*/g, "multiply").split(" ").filter((e) => e).filter((e, t, s) => s.indexOf(e) === t).sort((e, t) => {
     const s = { cmd: 1, ctrl: 2, alt: 3, shift: 4 }, o = s[e] || 5, i = s[t] || 5;
     return o !== i ? o - i : e.localeCompare(t);
   }).join(" ");
 }
-function Ce(d) {
+function Me(d) {
   let e = d.key.toLowerCase();
   if (e === " " && (e = "space"), e === "arrowleft" && (e = "left"), e === "arrowright" && (e = "right"), e === "arrowup" && (e = "up"), e === "arrowdown" && (e = "down"), e === "delete" && d.code === "Delete" && (e = "delete"), e === "backspace" && (e = "backspace"), e === "escape" && (e = "esc"), e === "return" && (e = "enter"), d.code.startsWith("Numpad")) {
     const s = d.code.replace("Numpad", "").toLowerCase();
@@ -4419,9 +4530,9 @@ function Ce(d) {
   }
   d.code.match(/^F\d+$/) && (e = d.code.toLowerCase()), d.code.match(/^Digit\d+$/) && (e = d.code.replace(/Digit/g, ""));
   let t = "";
-  return d.ctrlKey && (t += " ctrl"), d.altKey && (t += t + " alt"), d.shiftKey && (t += t + " shift"), d.metaKey && (t += t + " cmd"), bt(t + " " + e);
+  return d.ctrlKey && (t += " ctrl"), d.altKey && (t += t + " alt"), d.shiftKey && (t += t + " shift"), d.metaKey && (t += t + " cmd"), xt(t + " " + e);
 }
-class yt {
+class St {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -4440,10 +4551,14 @@ class yt {
    */
   init() {
     var e, t;
-    (t = (e = this.tableScope) == null ? void 0 : e.tableOptions) != null && t.shortcutActionsDisabled ? this.isDebug() && console.debug("ShortcutService skipped.") : (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)));
+    (t = (e = this.tableScope) == null ? void 0 : e.tableOptions) != null && t.shortcutActionsDisabled ? this.isDebug() && console.debug("ShortcutService skipped.") : (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),
+      { signal: this.tableScope.listenerAbortController.signal }
+    ));
   }
   assignPredefinedSystemShortcutMappings() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new mt().get()) : Object.assign(this.shortcutActionIdMapping, new ft().get());
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new wt().get()) : Object.assign(this.shortcutActionIdMapping, new yt().get());
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -4466,10 +4581,10 @@ class yt {
     return t;
   }
   findEntity(e) {
-    const t = Ce(e);
+    const t = Me(e);
     this.isDebug() && console.debug("ShortcutService shortcut  :", t);
     for (const s in this.shortcutActionIdMapping)
-      if (Ce(e) === t)
+      if (Me(e) === t)
         return this.isDebug() && console.debug("ShortcutService action    :", this.shortcutActionIdMapping[s]), this.shortcutActionIdMapping[s];
   }
   // private areTokensEquals(tokens1: string[], tokens2: string[]): boolean {
@@ -4516,7 +4631,7 @@ class yt {
     return this.shortcutActionIdMapping;
   }
 }
-class ne {
+class he {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -4538,7 +4653,7 @@ class ne {
   onFocusChanged(e) {
   }
 }
-class wt {
+class Ct {
   setStyle(e, t, s) {
     return e.style[t] = s, e;
   }
@@ -4565,7 +4680,7 @@ class wt {
     e.setAttribute(t, s);
   }
 }
-class xt {
+class vt {
   render(e, t, s, o, i, r, n) {
     if (i.isEditable(t, s)) {
       n.addClass(e, "ge-table-row-input-div");
@@ -4586,7 +4701,7 @@ class xt {
     }
   }
 }
-class be {
+class Ce {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
   }
@@ -4605,7 +4720,7 @@ class be {
     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));
+    this.selectionType === "row" ? this.addRange(M.singleRow(e)) : this.selectionType === "column" && this.addRange(M.singleColumn(t));
   }
   getSelectionCount(e, t) {
     let s = 0;
@@ -4656,10 +4771,10 @@ class be {
     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.fireChangeEvent();
+    this.selectionType === "row" ? t = M.singleRow(e.r1) : this.selectionType === "column" && (t = M.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));
+    this.getSelectionCount(e, t) > 0 ? this.removeSelection(M.singleCell(e, t)) : this.addSelection(M.singleCell(e, t));
   }
   isSelected(e, t) {
     return this.getSelectionCount(e, t) > 0;
@@ -4668,7 +4783,7 @@ class be {
     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 St {
+class Rt {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
   }
@@ -4705,12 +4820,12 @@ class St {
     return [this.rowIndex, this.columnIndex];
   }
 }
-class ye {
-  constructor(e = new O(
+class ve {
+  constructor(e = new V(
     "❯",
     "",
     ["gt-table-icon-expanded"]
-  ), t = new O(
+  ), t = new V(
     "❯",
     "transform: rotate(180deg) translate(-100%, -100%); transform-origin: 0 0;",
     ["ge-table-icon-collapsed"]
@@ -4719,17 +4834,17 @@ class ye {
   }
   // `⊖ `,  `⊕ `;
 }
-const Ct = new be(), vt = new St("cell");
-class Y {
+const At = new Ce(), Mt = new Rt("cell");
+class J {
   constructor() {
     this.overflowX = "auto", this.overflowY = "auto", this.horizontalBorderVisible = !0, this.verticalBorderVisible = !0, this.footerSeparatorBorderVisible = !0, this.headerSeparatorBorderVisible = !0, this.fixedEastSeparatorBorderVisible = !0, this.fixedWestSeparatorBorderVisible = !0, this.tableTopBorderVisible = !0, this.tableBottomBorderVisible = !0, this.hoverRowVisible = !0, this.hoverColumnVisible = !0, this.columnsResizable = !0, this.columnsDraggable = !0, this.columnResizeHandleWidthInPx = 4, this.defaultRowHeights = {
       header: 34,
       body: 34,
       footer: 34
-    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new $e(), this.headerGroupOptions = new ye(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Be(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new xt(), this.getSelectionModel = () => Ct, this.getFocusModel = () => vt;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new We(), this.headerGroupOptions = new ve(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Ne(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new vt(), this.getSelectionModel = () => At, this.getFocusModel = () => Mt;
   }
 }
-const N = class N {
+const z = class z {
   /**
    * Returns the content to be copied based on the provided table model, selection model, and focus model.
    *
@@ -4752,9 +4867,9 @@ const N = class N {
               const h = t.isSelected(l, c) ? e.getBodyModel().getTextValueAt(l, c) : "";
               a.push(h);
             }
-            n.push(a.join(N.columnSeparatorChar));
+            n.push(a.join(z.columnSeparatorChar));
           }
-          return o(n.join(N.rowSeparatorChar));
+          return o(n.join(z.rowSeparatorChar));
         }
       }
       if (s) {
@@ -4807,23 +4922,47 @@ const N = class N {
   mergeRanges(e) {
     let t;
     for (const s of e)
-      t ? (t.r1 = Math.min(t.r1, s.r1), t.c1 = Math.min(t.c1, s.c1), t.r2 = Math.max(t.r2, s.r2), t.c2 = Math.max(t.c2, s.c2)) : t = new A(s.r1, s.c1, s.r2, s.c2);
+      t ? (t.r1 = Math.min(t.r1, s.r1), t.c1 = Math.min(t.c1, s.c1), t.r2 = Math.max(t.r2, s.r2), t.c2 = Math.max(t.c2, s.c2)) : t = new M(s.r1, s.c1, s.r2, s.c2);
     return t;
   }
 };
-N.columnSeparatorChar = "	", N.rowSeparatorChar = `
+z.columnSeparatorChar = "	", z.rowSeparatorChar = `
 `;
-let q = N;
-class Rt {
+let te = z;
+class It {
   constructor(e, t = 500) {
-    this.tableScope = e, this.debounceDelay = t, new ResizeObserver(Ge(this.handleResize.bind(this), t)).observe(this.tableScope.hostElement);
+    this.tableScope = e, this.debounceDelay = t, this.disconnected = !1, this.resizeObserver = new ResizeObserver(Ye(this.handleResize.bind(this), t)), this.resizeObserver.observe(this.tableScope.hostElement);
+  }
+  /**
+   * Stops observing the host element. Called by {@link TableScope.destroy}.
+   */
+  disconnect() {
+    this.disconnected = !0, this.resizeObserver.disconnect();
   }
   handleResize(e) {
+    if (this.disconnected)
+      return;
     const t = e[0], { width: s } = t.contentRect;
     this.tableScope.recalcColumnWidths(s);
   }
 }
-class At {
+let q;
+function Et(d) {
+  if (!q) {
+    q = new Uint32Array(256);
+    for (let t = 0; t < 256; t++) {
+      let s = t;
+      for (let o = 0; o < 8; o++)
+        s = s & 1 ? 3988292384 ^ s >>> 1 : s >>> 1;
+      q[t] = s >>> 0;
+    }
+  }
+  let e = 4294967295;
+  for (let t = 0; t < d.length; t++)
+    e = q[(e ^ d[t]) & 255] ^ e >>> 8;
+  return (e ^ 4294967295) >>> 0;
+}
+class Tt {
   /**
    * Downloads a matrix data as an Excel file.
    *
@@ -4861,32 +5000,32 @@ class At {
     return u.set("_rels/.rels", s), u.set("docProps/app.xml", o), u.set("docProps/core.xml", i), u.set("xl/_rels/workbook.xml.rels", r), u.set("xl/theme/theme1.xml", n), u.set("xl/worksheets/sheet1.xml", this.getX1WorksheetsSheet1Xml(e)), u.set("xl/sharedStrings.xml", l), u.set("xl/styles.xml", a), u.set("xl/workbook.xml", c), u.set("[Content_Types].xml", h), u;
   }
   getX1WorksheetsSheet1Xml(e) {
-    const t = [];
-    t.push(`<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+    const t = e.reduce((i, r) => Math.max(i, r.length), 1), s = e.length ? `A1:${this.getCellAddress(e.length - 1, t - 1)}` : "A1", o = [];
+    o.push(`<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <worksheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="x14ac xr xr2 xr3" xmlns:x14ac="http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac" xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision" xmlns:xr2="http://schemas.microsoft.com/office/spreadsheetml/2015/revision2" xmlns:xr3="http://schemas.microsoft.com/office/spreadsheetml/2016/revision3" xr:uid="{E15F8FC4-4D40-434C-921A-3D9CFAAA2865}">
-  <dimension ref="A1:B3"/>
+  <dimension ref="${s}"/>
   <sheetViews>
   <sheetView tabSelected="1" workbookViewId="0"/></sheetViews>
   <sheetFormatPr baseColWidth="10" defaultRowHeight="16" x14ac:dyDescent="0.2"/>
   <sheetData>`);
-    for (let s = 0; s < e.length; s++) {
-      const o = e[s];
-      t.push('<row r="${r + 1}" spans="1:2" x14ac:dyDescent="0.2">');
-      for (let i = 0; i < o.length; i++) {
-        const r = o[i], n = this.getCellAddress(s, i);
-        if (typeof r == "number")
-          t.push(`<c r="${n}"><v>${r}</v></c>`);
-        else if (r instanceof Date) {
-          const l = r;
-          t.push(`<c r="${n}" t="inlineStr"><is><t>${l.toISOString()}</t></is></c>`);
+    for (let i = 0; i < e.length; i++) {
+      const r = e[i];
+      o.push(`<row r="${i + 1}" spans="1:${t}" x14ac:dyDescent="0.2">`);
+      for (let n = 0; n < r.length; n++) {
+        const l = r[n], a = this.getCellAddress(i, n);
+        if (typeof l == "number")
+          o.push(`<c r="${a}"><v>${l}</v></c>`);
+        else if (l instanceof Date) {
+          const c = l;
+          o.push(`<c r="${a}" t="inlineStr"><is><t>${c.toISOString()}</t></is></c>`);
         } else {
-          const l = r != null ? this.escapeXml(String(r)) : "";
-          t.push(`<c r="${n}" t="inlineStr"><is><t>${l}</t></is></c>`);
+          const c = l != null ? this.escapeXml(String(l)) : "";
+          o.push(`<c r="${a}" t="inlineStr"><is><t>${c}</t></is></c>`);
         }
       }
-      t.push("</row>");
+      o.push("</row>");
     }
-    return t.push(""), t.push(""), t.push('</sheetData><pageMargins left="0.7" right="0.7" top="0.75" bottom="0.75" header="0.3" footer="0.3"/>'), t.push("</worksheet>"), t.join(`
+    return o.push(""), o.push(""), o.push('</sheetData><pageMargins left="0.7" right="0.7" top="0.75" bottom="0.75" header="0.3" footer="0.3"/>'), o.push("</worksheet>"), o.join(`
 `);
   }
   escapeXml(e) {
@@ -4904,17 +5043,18 @@ class At {
     let s = 0;
     const o = [];
     e.forEach((h, u) => {
-      const f = new TextEncoder().encode(u), p = new TextEncoder().encode(h), m = new Uint8Array(30 + f.length), g = new DataView(m.buffer);
-      m.set([80, 75, 3, 4], 0), g.setUint16(4, 20, !0), g.setUint16(6, 0, !0), g.setUint16(8, 0, !0), g.setUint16(10, 0, !0), g.setUint16(12, 0, !0), g.setUint32(14, 0, !0), g.setUint32(18, p.length, !0), g.setUint32(22, p.length, !0), g.setUint16(26, f.length, !0), g.setUint16(28, 0, !0), m.set(f, 30), t.push(m, p), o.push({
+      const f = new TextEncoder().encode(u), p = new TextEncoder().encode(h), m = Et(p), g = new Uint8Array(30 + f.length), y = new DataView(g.buffer);
+      g.set([80, 75, 3, 4], 0), y.setUint16(4, 20, !0), y.setUint16(6, 0, !0), y.setUint16(8, 0, !0), y.setUint16(10, 0, !0), y.setUint16(12, 0, !0), y.setUint32(14, m, !0), y.setUint32(18, p.length, !0), y.setUint32(22, p.length, !0), y.setUint16(26, f.length, !0), y.setUint16(28, 0, !0), g.set(f, 30), t.push(g, p), o.push({
         path: u,
         offset: s,
-        contentSize: p.length
-      }), s += m.length + p.length;
+        contentSize: p.length,
+        crc: m
+      }), s += g.length + p.length;
     });
     const i = s;
     o.forEach((h) => {
       const u = new TextEncoder().encode(h.path), f = new Uint8Array(46 + u.length), p = new DataView(f.buffer);
-      f.set([80, 75, 1, 2], 0), p.setUint16(4, 20, !0), p.setUint16(6, 20, !0), p.setUint16(8, 0, !0), p.setUint16(10, 0, !0), p.setUint16(12, 0, !0), p.setUint16(14, 0, !0), p.setUint32(16, 0, !0), p.setUint32(20, h.contentSize, !0), p.setUint32(24, h.contentSize, !0), p.setUint16(28, u.length, !0), p.setUint16(30, 0, !0), p.setUint16(32, 0, !0), p.setUint16(34, 0, !0), p.setUint16(36, 0, !0), p.setUint32(38, 0, !0), p.setUint32(42, h.offset, !0), f.set(u, 46), t.push(f), s += f.length;
+      f.set([80, 75, 1, 2], 0), p.setUint16(4, 20, !0), p.setUint16(6, 20, !0), p.setUint16(8, 0, !0), p.setUint16(10, 0, !0), p.setUint16(12, 0, !0), p.setUint16(14, 0, !0), p.setUint32(16, h.crc, !0), p.setUint32(20, h.contentSize, !0), p.setUint32(24, h.contentSize, !0), p.setUint16(28, u.length, !0), p.setUint16(30, 0, !0), p.setUint16(32, 0, !0), p.setUint16(34, 0, !0), p.setUint16(36, 0, !0), p.setUint32(38, 0, !0), p.setUint32(42, h.offset, !0), f.set(u, 46), t.push(f), s += f.length;
     });
     const r = new Uint8Array(22), n = new DataView(r.buffer);
     r.set([80, 75, 5, 6], 0), n.setUint16(4, 0, !0), n.setUint16(6, 0, !0), n.setUint16(8, o.length, !0), n.setUint16(10, o.length, !0), n.setUint32(12, s - i, !0), n.setUint32(16, i, !0), n.setUint16(20, 0, !0), t.push(r);
@@ -4929,14 +5069,14 @@ class At {
     return this.createZip(s);
   }
 }
-class He extends ct {
-  constructor(e, t, s, o, i, r = new q(), n = new At()) {
+class Ge extends ut {
+  constructor(e, t, s, o, i, r = new te(), n = new Tt()) {
     var c;
-    if (super(e, t, new Qe(s), o), this.eventListener = i, this.copyService = r, this.excelService = n, this.licenseManager = W.getInstance(), this.selectionService = new gt(this), this.api = new st(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, this.lastContextmenu = Date.now(), t.setTableScope(this), i || (this.eventListener = new ne()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
+    if (super(e, t, new ot(s), o), this.eventListener = i, this.copyService = r, this.excelService = n, this.licenseManager = G.getInstance(), this.listenerAbortController = new AbortController(), this.destroyed = !1, this.selectionService = new bt(this), this.api = new nt(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, this.lastContextmenu = Date.now(), t.setTableScope(this), i || (this.eventListener = new he()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
       const h = this.tableOptions.autoRestoreOptions, u = h.getStorageKeyFn;
-      u && (h.autoRestoreScrollPosition && (this.storeScrollPosStateService = new ot(u)), h.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new rt(u)), h.autoRestoreSortingState && (this.storeSortingService = new nt(u)));
+      u && (h.autoRestoreScrollPosition && (this.storeScrollPosStateService = new lt(u)), h.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ct(u)), h.autoRestoreSortingState && (this.storeSortingService = new dt(u)));
     }
-    this.mouseHandler = new tt(this), this.inputHandler = new ht(this), this.resizeHandler = new Rt(this, o.resizeEventDebounceDelay), this.shortcutService = new yt(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new rt(this), this.inputHandler = new gt(this), this.resizeHandler = new It(this, o.resizeEventDebounceDelay), this.shortcutService = new St(this), this.shortcutService.addListener(this.selectionService);
     const l = this.getSelectionModel ? this.getSelectionModel() : void 0;
     l && l.addEventSelectionChangedListener(this);
     const a = this.getFocusModel ? this.getFocusModel() : void 0;
@@ -4954,8 +5094,8 @@ class He extends ct {
    *
    * @return {TableScope} - The newly created TableScope instance.
    */
-  static create(e, t, s = new Y(), o = new ne(), i = new wt(), r = new q()) {
-    return new He(e, t, i, s, o, r);
+  static create(e, t, s = new J(), o = new he(), i = new Ct(), r = new te()) {
+    return new Ge(e, t, i, s, o, r);
   }
   /**
    * Triggers an action based on the provided actionId.
@@ -4983,7 +5123,8 @@ class He extends ct {
     return !1;
   }
   updateModelValueAfterEdit(e, t, s, o) {
-    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(me.createSingle(t, s)), this.hostElement.focus());
+    var i, r;
+    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), (r = (i = this.eventListener).onModelChanged) == null || r.call(i, Se.createSingle(t, s)), this.hostElement.focus());
   }
   /**
    * Retrieves the TableApi object.
@@ -5005,6 +5146,37 @@ class He extends ct {
     var e;
     return this.tableModel.init(), (e = this.tableOptions) != null && e.externalFilterFunction && this.externalFilterChanged(!1), this.autoRestoreCollapsedExpandedState(), this.autoRestoreSortingState(), this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows(), this.autoRestoreScrollPosition(), this;
   }
+  /**
+   * Releases the table: removes all DOM listeners (host element, scroll viewport, window resize),
+   * stops the resize observer, unregisters from the selection and focus model, calls the cleanup
+   * functions of all cell renderers and clears the host element.
+   *
+   * Call it before you create a new `TableScope` for the same host element (e.g. when a framework
+   * wrapper receives a new table model) or when the table is removed from the page.
+   * Calling it twice is harmless.
+   *
+   * @example
+   * const scope = new TableScope(hostDiv, tableModel, new SimpleDomService(), new TableOptions(), new EventAdapter());
+   * scope.firstInit();
+   * // later, e.g. when a new model arrives:
+   * scope.destroy();
+   * new TableScope(hostDiv, newTableModel, new SimpleDomService(), new TableOptions(), new EventAdapter()).firstInit();
+   */
+  destroy() {
+    if (this.destroyed)
+      return;
+    this.destroyed = !0, this.listenerAbortController.abort(), this.resizeHandler.disconnect();
+    const e = this.getSelectionModel ? this.getSelectionModel() : void 0;
+    e == null || e.removeEventSelectionChangedListener(this);
+    const t = this.getFocusModel ? this.getFocusModel() : void 0;
+    t == null || t.removeEventFocusChangedListener(this), this.disposeRendering(), this.hostElement.innerText = "";
+  }
+  /**
+   * Returns `true` once {@link destroy} has been called.
+   */
+  isDestroyed() {
+    return this.destroyed;
+  }
   /**
    * Creates a GeMouseEvent object based on a MouseEvent.
    *
@@ -5012,7 +5184,7 @@ class He extends ct {
    * @return {GeMouseEvent} - The created GeMouseEvent object.
    */
   createGeMouseEvent(e) {
-    const t = new ue();
+    const t = new be();
     if (t.originalEvent = e, e) {
       const s = e.target;
       if ([t.areaIdent, t.sideIdent] = this.getAreaAndSideIdentByAttr(s), t.rowIndex = this.getNumberByAttr(s, "data-row-index"), t.columnIndex = this.getNumberByAttr(s, "data-col-index"), t.action = this.getStringByAttr(s, "data-ge-action"), t.areaIdent) {
@@ -5042,7 +5214,8 @@ class He extends ct {
    * @param startMouseEvent
    */
   mouseDraggingOnFrame(e, t) {
-    this.eventListener.onMouseDragging(e), this.mouseEvent = e, this.mouseStartColumnIndex > -1 && this.mouseStartAction === "resize-column" && this.tableOptions.columnsResizable ? this.resizeColumn(e) : this.mouseStartAction === "drag-column" && e.columnIndex > -1 && this.tableOptions.columnsDraggable && (this.draggingTargetColumnIndex = e.columnIndex, this.dragTo = this.draggingTargetColumnIndex, this.dragFrom > -1 && this.dragTo > -1 && this.dragFrom !== this.dragTo && (this.lastDragFrom === this.dragTo && this.lastDragTo === this.dragFrom || (this.tableModel.changeColumnOrder(this.dragFrom, this.dragTo), this.lastDragFrom = this.dragFrom, this.lastDragTo = this.dragTo, this.dragFrom = this.dragTo, this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows())), t && (this.adjustDraggingColumn(e, t.columnIndex, this.firstDraggingRendering), this.firstDraggingRendering = !1), this.repaint());
+    var s, o;
+    (o = (s = this.eventListener).onMouseDragging) == null || o.call(s, e), this.mouseEvent = e, this.mouseStartColumnIndex > -1 && this.mouseStartAction === "resize-column" && this.tableOptions.columnsResizable ? this.resizeColumn(e) : this.mouseStartAction === "drag-column" && e.columnIndex > -1 && this.tableOptions.columnsDraggable && (this.draggingTargetColumnIndex = e.columnIndex, this.dragTo = this.draggingTargetColumnIndex, this.dragFrom > -1 && this.dragTo > -1 && this.dragFrom !== this.dragTo && (this.lastDragFrom === this.dragTo && this.lastDragTo === this.dragFrom || (this.tableModel.changeColumnOrder(this.dragFrom, this.dragTo), this.lastDragFrom = this.dragFrom, this.lastDragTo = this.dragTo, this.dragFrom = this.dragTo, this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows())), t && (this.adjustDraggingColumn(e, t.columnIndex, this.firstDraggingRendering), this.firstDraggingRendering = !1), this.repaint());
   }
   /**
    * Handles the end of mouse dragging event on a frame.
@@ -5052,7 +5225,8 @@ class He extends ct {
    * @returns {void}
    */
   mouseDraggingEndOnFrame(e) {
-    this.eventListener.onMouseDraggingEnd(e), this.draggingTargetColumnIndex = -1, this.mouseStartAction === "resize-column" ? this.resizeColumn(e) : this.mouseStartAction === "drag-column" && (this.hideDraggingColumn(), this.repaint()), this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.firstDraggingRendering = !0, this.mouseStartAction = "";
+    var t, s;
+    (s = (t = this.eventListener).onMouseDraggingEnd) == null || s.call(t, e), this.draggingTargetColumnIndex = -1, this.mouseStartAction === "resize-column" ? this.resizeColumn(e) : this.mouseStartAction === "drag-column" && (this.hideDraggingColumn(), this.repaint()), this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.firstDraggingRendering = !0, this.mouseStartAction = "";
   }
   /**
    * Handles the mouse move event.
@@ -5061,7 +5235,8 @@ class He extends ct {
    * @return {void}
    */
   mouseMove(e) {
-    this.eventListener.onMouseMoved(e), this.adjustHoverRows(e), this.adjustHoverColumns(e);
+    var t, s;
+    (s = (t = this.eventListener).onMouseMoved) == null || s.call(t, e), this.adjustHoverRows(e), this.adjustHoverColumns(e);
   }
   /**
    * Triggers the context menu event based on the mouse move event.
@@ -5070,13 +5245,13 @@ class He extends ct {
    * @return {void}
    */
   contextmenu(e) {
-    var s, o;
+    var s, o, i, r;
     const t = Date.now();
     if (t - this.lastContextmenu < 50) {
       this.lastContextmenu = t, (s = e.originalEvent) == null || s.preventDefault(), (o = e.originalEvent) == null || o.stopImmediatePropagation();
       return;
     }
-    this.lastContextmenu = t, this.eventListener.onContextmenu(e);
+    this.lastContextmenu = t, (r = (i = this.eventListener).onContextmenu) == null || r.call(i, e);
   }
   /**
    * Toggles the expand or collapse state of all items in the body area model.
@@ -5088,7 +5263,7 @@ class He extends ct {
   toggleExpandCollapseAll(e = !0) {
     var s;
     const t = this.tableModel.getBodyModel();
-    re(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
+    de(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
   }
   /**
    * Toggles the checkbox state of a specific row in a table.
@@ -5100,11 +5275,11 @@ class He extends ct {
    * @return {void} - This method does not return anything.
    */
   toggleRowCheckbox(e, t, s) {
-    var l;
+    var l, a, c;
     const o = this.tableModel.getAreaModel(s), i = o.isRowChecked(e), r = i === void 0 || i === "semi" || i === "none";
     o.setRowChecked(e, r), this.repaint();
     const n = (l = o.rowSelectionModel) == null ? void 0 : l.getCheckedRows();
-    this.eventListener.onCheckboxChanged(n || []);
+    (c = (a = this.eventListener).onCheckboxChanged) == null || c.call(a, n || []);
   }
   /**
    * Handle mouse click events.
@@ -5126,13 +5301,16 @@ class He extends ct {
     this.debounce(this.repaint.bind(this), 1);
   }
   publishGeMouseEvent(e) {
-    this.eventListener.onMouseClicked(e);
+    var t, s;
+    (s = (t = this.eventListener).onMouseClicked) == null || s.call(t, e);
   }
   onFocusChanged(e) {
-    this.eventListener.onFocusChanged(e);
+    var t, s;
+    (s = (t = this.eventListener).onFocusChanged) == null || s.call(t, e);
   }
   onSelectionChanged(e) {
-    this.eventListener.onSelectionChanged(e);
+    var t, s;
+    (s = (t = this.eventListener).onSelectionChanged) == null || s.call(t, e);
   }
   /**
    * Updates the table (repaint) when an external filter is changed.
@@ -5158,7 +5336,7 @@ class He extends ct {
     const o = this.tableModel.getColumnDef(s);
     if (o != null && o.sortable && o.sortable()) {
       e.preventDefault(), e.stopPropagation();
-      const n = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, l = o.sortState ?? "", a = n[(n.indexOf(l) + 1) % n.length], c = new dt(s, a);
+      const n = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, l = o.sortState ?? "", a = n[(n.indexOf(l) + 1) % n.length], c = new pt(s, a);
       this.tableModel.doSort([c]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((u) => u.sortState = ""), o.sortState = a), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([c]);
     }
   }
@@ -5171,6 +5349,14 @@ class He extends ct {
    * @return {void}
    */
   scrollToPixel(e, t) {
+    if (this.isScrollHeightCapped()) {
+      const s = this.getContentScrollRangeY(), o = this.getScrollerRangeY();
+      if (s > 0 && o > 0) {
+        const i = Math.min(s, Math.max(0, t)), r = i / s * o;
+        this.scrollViewport.scrollTo(e, r), this.pendingContentScroll = { scrollTop: this.scrollViewport.scrollTop, contentTop: i }, this.adjustAfterScrolling();
+        return;
+      }
+    }
     this.scrollViewport.scrollTo(e, t);
   }
   /**
@@ -5185,9 +5371,10 @@ class He extends ct {
     this.scrollToPixel(0, o);
   }
   adjustAfterScrolling() {
+    var t, s;
     super.adjustAfterScrolling();
     const e = this.scrollViewport;
-    this.eventListener.onScroll(new pt(
+    (s = (t = this.eventListener).onScroll) == null || s.call(t, new mt(
       this.scrollTop,
       this.scrollLeft,
       e.scrollHeight,
@@ -5318,7 +5505,7 @@ class He extends ct {
       const s = this.tableOptions.autoRestoreOptions, o = s.getRowId;
       if (s.autoRestoreCollapsedExpandedState && o) {
         const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
-        if (re(r)) {
+        if (de(r)) {
           const n = r, l = r.getRowCount();
           for (let a = 0; a < l; a++) {
             const c = r.getRowByIndex(a);
@@ -5366,10 +5553,10 @@ class He extends ct {
   reSort() {
     var t;
     let e = ((t = this.storeSortingService) == null ? void 0 : t.getSortItems()) ?? [];
-    this.tableModel.doSort(e);
+    this.tableModel.doSort(e), this.repaint();
   }
   sort(e) {
-    this.tableModel.sort(e);
+    this.tableModel.sort(e), this.repaint();
   }
   /**
    * Ensures that a specific row is visible in the viewport by scrolling if necessary.
@@ -5427,16 +5614,16 @@ class He extends ct {
     return e < t ? (this.scrollToIndex(0, e), !0) : e > s ? (this.scrollToIndex(0, e - o + 1), !0) : !1;
   }
 }
-class Yt extends ne {
+class qt extends he {
   constructor(e) {
     super(), this.onCheckboxChangedCallback = e, super.onCheckboxChanged = (t) => {
       this.onCheckboxChangedCallback(t);
     };
   }
 }
-const Z = class Z {
+const ie = class ie {
 };
-Z.themes = ["light", "combat", "paper", "blackboard"], Z.vars = {
+ie.themes = ["light", "combat", "paper", "blackboard"], ie.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);
@@ -5670,28 +5857,28 @@ Z.themes = ["light", "combat", "paper", "blackboard"], Z.vars = {
   --ge-table-drop-zone-bg: #758129;
 }`
 };
-let ve = Z;
-class Re {
+let Ie = ie;
+class Ee {
   constructor(e, t = !0, s, o, i = 0, r = !1, n = !1) {
     this.data = e, this.expanded = t, this.children = s, this.parent = o, this.deep = i, this.checked = r, this.keep = n, this.type = "TreeRow";
   }
 }
-class le {
+class ue {
   static buildTreeRows(e, t = "children", s = 12) {
     const o = [];
     for (const i of e)
-      o.push(le.buildTreeRow(i, t, void 0, 0, s));
+      o.push(ue.buildTreeRow(i, t, void 0, 0, s));
     return o;
   }
-  static buildTreeRow(e, t = "children", s = new Re(e, !0, [], void 0, 0), o = 0, i = 12) {
+  static buildTreeRow(e, t = "children", s = new Ee(e, !0, [], void 0, 0), o = 0, i = 12) {
     var n;
     if (o > i)
       return console.warn("Max deep limit reached: ", o), s;
     const r = e[t];
     if (r)
       for (const l of r) {
-        const a = new Re(l, !0, [], s, o + 1);
-        if ((n = s.children) == null || n.push(a), le.buildTreeRow(
+        const a = new Ee(l, !0, [], s, o + 1);
+        if ((n = s.children) == null || n.push(a), ue.buildTreeRow(
           l,
           t,
           a,
@@ -5702,20 +5889,20 @@ class le {
     return s;
   }
 }
-class z {
+class Y {
   constructor(e = 34, t = 34, s = 34) {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class y {
+class b {
   constructor(e = 100, t = "px") {
     this.value = e, this.unit = t;
   }
 }
-const Mt = () => !0, Ae = () => !1;
-class H {
-  constructor(e, t, s = new y(100, "px"), o = new T(), i = new T(), r = new y(100, "px"), n = new y(100, "px"), l, a, c, h, u, f, p, m, g = () => this.visible) {
-    this.property = e, this.headerLabel = t, this.width = s, this.classes = o, this.rendererMap = i, this.minWidth = r, this.maxWidth = n, this.sortable = l, this.sortComparator = a, this.sortState = c, this.sortStatesOrder = h, this.sortIconVisible = u, this.editable = f, this.getEditRenderer = p, this.editInputPipe = m, this.isVisible = g, this.visible = !0, s.unit !== "px" && (this.minWidth = new y(0, "px"), this.maxWidth = new y(1e5, "px"));
+const kt = () => !0, Te = () => !1;
+class W {
+  constructor(e, t, s = new b(100, "px"), o = new T(), i = new T(), r = new b(100, "px"), n = new b(100, "px"), l, a, c, h, u, f, p, m, g = () => this.visible) {
+    this.property = e, this.headerLabel = t, this.width = s, this.classes = o, this.rendererMap = i, this.minWidth = r, this.maxWidth = n, this.sortable = l, this.sortComparator = a, this.sortState = c, this.sortStatesOrder = h, this.sortIconVisible = u, this.editable = f, this.getEditRenderer = p, this.editInputPipe = m, this.isVisible = g, this.visible = !0, s.unit !== "px" && (this.minWidth = new b(0, "px"), this.maxWidth = new b(1e5, "px"));
   }
   static bodyRenderer(e) {
     return new T(
@@ -5733,15 +5920,15 @@ class H {
       e.headerClasses,
       e.bodyClasses,
       e.footerClasses
-    ), o = e.sortIconVisible ?? e.sortable ?? Ae, i = e.editable ?? e.editable ?? Ae, r = e.isVisible ?? e.isVisible ?? Mt;
-    return new H(
+    ), o = e.sortIconVisible ?? e.sortable ?? Te, i = e.editable ?? e.editable ?? Te, r = e.isVisible ?? e.isVisible ?? kt;
+    return new W(
       e.property ?? "",
       e.headerLabel ?? "",
-      e.width ?? new y(100, "px"),
+      e.width ?? new b(100, "px"),
       s,
       t,
-      e.minWidth ?? new y(100, "px"),
-      e.maxWidth ?? new y(100, "px"),
+      e.minWidth ?? new b(100, "px"),
+      e.maxWidth ?? new b(100, "px"),
       e.sortable,
       e.sortComparator,
       e.sortState,
@@ -5754,8 +5941,8 @@ class H {
     );
   }
 }
-const Kt = new y(500, "px"), Xt = new y(400, "px"), It = new y(300, "px"), Jt = new y(290, "px"), qt = new y(280, "px"), Zt = new y(270, "px"), Qt = new y(260, "px"), es = new y(250, "px"), ts = new y(240, "px"), ss = new y(230, "px"), os = new y(220, "px"), is = new y(210, "px"), Me = new y(200, "px"), rs = new y(190, "px"), ns = new y(180, "px"), ls = new y(170, "px"), as = new y(160, "px"), cs = new y(150, "px"), ds = new y(140, "px"), hs = new y(130, "px"), us = new y(120, "px"), ps = new y(110, "px"), gs = new y(100, "px"), fs = new y(90, "px"), ms = new y(80, "px"), bs = new y(70, "px"), ys = new y(60, "px"), ws = new y(50, "px"), xs = new y(40, "px"), Ss = new y(30, "px"), Cs = new y(20, "px"), vs = new y(10, "px"), Rs = new y(0, "px");
-class P extends pe {
+const Zt = new b(500, "px"), Qt = new b(400, "px"), Dt = new b(300, "px"), es = new b(290, "px"), ts = new b(280, "px"), ss = new b(270, "px"), os = new b(260, "px"), is = new b(250, "px"), rs = new b(240, "px"), ns = new b(230, "px"), ls = new b(220, "px"), as = new b(210, "px"), ke = new b(200, "px"), cs = new b(190, "px"), ds = new b(180, "px"), hs = new b(170, "px"), us = new b(160, "px"), ps = new b(150, "px"), gs = new b(140, "px"), fs = new b(130, "px"), ms = new b(120, "px"), bs = new b(110, "px"), ys = new b(100, "px"), ws = new b(90, "px"), xs = new b(80, "px"), Ss = new b(70, "px"), Cs = new b(60, "px"), vs = new b(50, "px"), Rs = new b(40, "px"), As = new b(30, "px"), Ms = new b(20, "px"), Is = new b(10, "px"), Es = new b(0, "px");
+class F extends ye {
   constructor(e, t, s, o = []) {
     super(e, o, s), this.areaIdent = e, this.arr = t, this.defaultRowHeight = s, this.columnDefs = o, this.filteredArr = [...t];
   }
@@ -5779,11 +5966,20 @@ class P extends pe {
   getRowHeight(e) {
     return this.defaultRowHeight;
   }
+  /**
+   * All rows share `defaultRowHeight` – unless a subclass overrides `getRowHeight()`, then row heights may
+   * vary and `undefined` is returned.
+   *
+   * @returns {number | undefined} The constant row height or `undefined`.
+   */
+  getConstantRowHeight() {
+    return this.getRowHeight === F.prototype.getRowHeight && this.defaultRowHeight > 0 ? this.defaultRowHeight : void 0;
+  }
   changeColumnOrder(e, t) {
     this.filteredArr.forEach((s) => this.arrayMove(s, e, t)), super.changeColumnOrder(e, t);
   }
 }
-class k {
+class P {
   constructor(e = "body") {
     this.areaIdent = e, this.rowSelectionModel = void 0;
   }
@@ -5857,7 +6053,7 @@ class k {
   changeColumnOrder(e, t) {
   }
 }
-class Et {
+class Ft {
   flattenTree(e, t = []) {
     var s;
     for (const o of e)
@@ -5868,9 +6064,9 @@ class Et {
     return e.parent ? e.parent.expanded ? this.isVisible(e.parent) : !1 : !0;
   }
 }
-class Ie extends pe {
+class se extends ye {
   constructor(e, t, s, o = []) {
-    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.type = "AreaModelTree", this.sorterService = new ge(), this.service = new Et(), this.properties = o.map((i) => i.property), this.flattenRows = this.service.flattenTree(t), this.filteredFlattenRows = [...this.flattenRows];
+    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.type = "AreaModelTree", this.sorterService = new we(), this.service = new Ft(), this.properties = o.map((i) => i.property), this.flattenRows = this.service.flattenTree(t), this.filteredFlattenRows = [...this.flattenRows];
   }
   changeColumnOrder(e, t) {
     this.arrayMove(this.properties, e, t), super.changeColumnOrder(e, t);
@@ -5899,6 +6095,15 @@ class Ie extends pe {
   getRowHeight(e) {
     return this.defaultRowHeight;
   }
+  /**
+   * All rows share `defaultRowHeight` – unless a subclass overrides `getRowHeight()`, then row heights may
+   * vary and `undefined` is returned.
+   *
+   * @returns {number | undefined} The constant row height or `undefined`.
+   */
+  getConstantRowHeight() {
+    return this.getRowHeight === se.prototype.getRowHeight && this.defaultRowHeight > 0 ? this.defaultRowHeight : void 0;
+  }
   getCustomClassesAt(e, t) {
     return ["ge-table-tree-cell", "ge-table-tree-deep-" + this.filteredFlattenRows[e].deep];
   }
@@ -5974,7 +6179,7 @@ class Ie extends pe {
       o.children && this.treeSort(o.children, t, s);
   }
 }
-class Ee {
+class De {
   constructor(e = []) {
     this.allRootNodes = e;
   }
@@ -6034,12 +6239,12 @@ class Ee {
       s.checked && t.push(s), s.children && this.addSelectedRecursive(s.children, t);
   }
 }
-class ae {
+class pe {
   constructor(e = 0, t = 0, s = 0, o = 0) {
     this.top = e, this.right = t, this.bottom = s, this.left = o;
   }
 }
-class Tt {
+class Pt {
   constructor() {
     this.checkedRows = [];
   }
@@ -6070,11 +6275,11 @@ class Tt {
     }
   }
 }
-class oe {
-  constructor(e, t, s, o = 0, i = 0, r = !1, n = new z(), l = [], a = [], c = -1, h = 0, u = 400, f = () => {
+class ae {
+  constructor(e, t, s, o = 0, i = 0, r = !1, n = new Y(), l = [], a = [], c = -1, h = 0, u = 400, f = () => {
   }) {
-    var p, m, g, b;
-    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = s, this.fixedLeftColumnCount = o, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = n, this.columnDefs = l, this.columnSizes = a, this.overridingColumnWidth = c, this.columnCount = h, this.parentSize = u, this.getSelectionModel = f, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new ae(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", s.areaIdent = "footer", this.columnCount || ((p = this.columnDefs) != null && p.length ? this.columnCount = this.columnDefs.length : (m = this.columnSizes) != null && m.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (b = this.columnDefs) != null && b.length && Ze(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Tt());
+    var p, m, g, y;
+    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = s, this.fixedLeftColumnCount = o, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = n, this.columnDefs = l, this.columnSizes = a, this.overridingColumnWidth = c, this.columnCount = h, this.parentSize = u, this.getSelectionModel = f, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new pe(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", s.areaIdent = "footer", this.columnCount || ((p = this.columnDefs) != null && p.length ? this.columnCount = this.columnDefs.length : (m = this.columnSizes) != null && m.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (y = this.columnDefs) != null && y.length && st(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Pt());
   }
   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();
@@ -6158,7 +6363,7 @@ class oe {
    */
   recalcPadding() {
     const e = this.getSideAreaWidth("west"), t = this.getSideAreaWidth("east"), s = this.getAreaHeight("header"), o = this.getAreaHeight("footer");
-    this.padding = new ae(
+    this.padding = new pe(
       s,
       t,
       o,
@@ -6463,7 +6668,7 @@ class oe {
     return this.tableScope;
   }
 }
-class Te extends _ {
+class Fe extends _ {
   /**
    * Creates an instance of AreaModelObjectArrayWithColumndefs.
    *
@@ -6547,7 +6752,7 @@ class $ {
       if ((t = e.tableOptions) != null && t.defaultRowHeights)
         e.defaultRowHeights = e.tableOptions.defaultRowHeights;
       else {
-        if (e.defaultRowHeights = new z(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
+        if (e.defaultRowHeights = new Y(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
           const g = e.headerAreaModel.defaultRowHeight;
           g > -1 && (e.defaultRowHeights.header = g);
         }
@@ -6560,44 +6765,44 @@ class $ {
           g > -1 && (e.defaultRowHeights.footer = g);
         }
       }
-    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((g) => new H(g, g.toUpperCase(), Me)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new H(g, g.toUpperCase(), Me)) : e.columnDefs = []), e.columnCount === void 0 && ((i = e.columnDefs) != null && i.length ? e.columnCount = e.columnDefs.length : (r = e.headerData) != null && r.length ? e.columnCount = e.headerData[0].length : (n = e.columnSizes) != null && n.length ? e.columnCount = (l = e.columnSizes) == null ? void 0 : l.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((a = e.headerData) != null && a.length ? e.headerAreaModel = new P(
+    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((g) => new W(g, g.toUpperCase(), ke)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new W(g, g.toUpperCase(), ke)) : e.columnDefs = []), e.columnCount === void 0 && ((i = e.columnDefs) != null && i.length ? e.columnCount = e.columnDefs.length : (r = e.headerData) != null && r.length ? e.columnCount = e.headerData[0].length : (n = e.columnSizes) != null && n.length ? e.columnCount = (l = e.columnSizes) == null ? void 0 : l.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((a = e.headerData) != null && a.length ? e.headerAreaModel = new F(
       "header",
       e.headerData,
       e.defaultRowHeights.header,
       e.columnDefs
-    ) : (c = e.columnDefs) != null && c.length ? e.headerAreaModel = new P(
+    ) : (c = e.columnDefs) != null && c.length ? e.headerAreaModel = new F(
       "header",
       [e.columnDefs.map((g) => g.headerLabel)],
       e.defaultRowHeights.header,
       e.columnDefs
-    ) : e.headerAreaModel = new k("header")), e.footerAreaModel || ((h = e.footerData) != null && h.length ? e.footerAreaModel = new P(
+    ) : e.headerAreaModel = new P("header")), e.footerAreaModel || ((h = e.footerData) != null && h.length ? e.footerAreaModel = new F(
       "footer",
       e.footerData,
       e.defaultRowHeights.footer,
       e.columnDefs
-    ) : e.footerAreaModel = new k("footer")), !e.bodyAreaModel)
+    ) : e.footerAreaModel = new P("footer")), !e.bodyAreaModel)
       if (e.rows)
-        if ((u = e.rows) != null && u.length && G(e.rows[0])) {
+        if ((u = e.rows) != null && u.length && j(e.rows[0])) {
           const g = e.rows;
-          e.bodyAreaModel = new Ie(
+          e.bodyAreaModel = new se(
             "body",
             g,
             e.defaultRowHeights.body,
             e.columnDefs
-          ), (e.columnDefs[0].property === "CheckboxColumn" || (f = e.tableOptions) != null && f.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new Ee(g));
+          ), (e.columnDefs[0].property === "CheckboxColumn" || (f = e.tableOptions) != null && f.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new De(g));
         } else
-          e.bodyAreaModel = new Te(
+          e.bodyAreaModel = new Fe(
             "body",
             e.rows,
             e.columnDefs,
             e.defaultRowHeights.body
           );
-      else e.bodyData ? e.bodyAreaModel = new P(
+      else e.bodyData ? e.bodyAreaModel = new F(
         "body",
         e.bodyData,
         e.defaultRowHeights.body
-      ) : e.bodyAreaModel = new k("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 && ((p = e.tableOptions) != null && p.getSelectionModel) && (e.getSelectionModel = (m = e.tableOptions) == null ? void 0 : m.getSelectionModel), new oe(
+      ) : e.bodyAreaModel = new P("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 && ((p = e.tableOptions) != null && p.getSelectionModel) && (e.getSelectionModel = (m = e.tableOptions) == null ? void 0 : m.getSelectionModel), new ae(
       e.headerAreaModel,
       e.bodyAreaModel,
       e.footerAreaModel,
@@ -6634,7 +6839,7 @@ class $ {
     return $.buildByTypedRows(
       e.rows ?? [],
       e.columnDefs,
-      e.tableOptions ?? new Y(),
+      e.tableOptions ?? new J(),
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0
     );
@@ -6675,19 +6880,19 @@ class $ {
    * columnDef is "CheckboxColumn". If the first column is not a checkbox column, ensure that the first columnDef does not have "CheckboxColumn"
    * as its property.
    */
-  static buildByTypedRows(e, t, s = new Y(), o = 0, i = 0) {
+  static buildByTypedRows(e, t, s = new J(), o = 0, i = 0) {
     const r = s.defaultRowHeights, n = t[0].property === "CheckboxColumn";
-    if (e != null && e.length && G(e[0])) {
-      const a = e, c = new Ie(
+    if (e != null && e.length && j(e[0])) {
+      const a = e, c = new se(
         "body",
         a,
         r.body,
         t
       );
-      return (n || s.showCheckboxWihoutExtraColumn) && (c.rowSelectionModel = new Ee(a)), $.createByAreaModelsParam({
-        headerAreaModel: new P("header", [t.map((h) => h.headerLabel)], r.header),
+      return (n || s.showCheckboxWihoutExtraColumn) && (c.rowSelectionModel = new De(a)), $.createByAreaModelsParam({
+        headerAreaModel: new F("header", [t.map((h) => h.headerLabel)], r.header),
         bodyAreaModel: c,
-        footerAreaModel: new P("footer", [], r.footer),
+        footerAreaModel: new F("footer", [], r.footer),
         columnDefs: t,
         fixedLeftColumnCount: o,
         fixedRightColumnCount: i,
@@ -6759,7 +6964,7 @@ class $ {
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0,
       t,
-      e.defaultRowHeights ?? new z(),
+      e.defaultRowHeights ?? new Y(),
       e.columnDefs ?? [],
       e.columnSizes ?? []
     );
@@ -6805,8 +7010,8 @@ class $ {
    * @return A new instance of `TableModel` is created using the provided parameters.
    * If a parameter isn't provided, the default value is used.
    */
-  static createByAreaModels(e = new k(), t, s = new k(), o = 0, i = 0, r = !1, n = new z(), l, a = [], c = -1, h) {
-    return new oe(
+  static createByAreaModels(e = new P(), t, s = new P(), o = 0, i = 0, r = !1, n = new Y(), l, a = [], c = -1, h) {
+    return new ae(
       e,
       t,
       s,
@@ -6858,9 +7063,9 @@ class $ {
    */
   static createByAreaModelsParam(e) {
     return $.createByAreaModels(
-      e.headerAreaModel ?? new k(),
+      e.headerAreaModel ?? new P(),
       e.bodyAreaModel,
-      e.footerAreaModel ?? new k(),
+      e.footerAreaModel ?? new P(),
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0,
       e.rowCheckboxVisible === void 0 ? !1 : e.rowCheckboxVisible,
@@ -6919,11 +7124,11 @@ class $ {
    *
    * Reference: For more details regarding the `DefaultRowHeightsIf`, `ColumnDefIf`, `AreaModelIf`, and `AreaModelArrayOfArrays` classes/interfaces, please refer to the respective API documents.
    */
-  static createByObjectArray(e, t = [], s = [], o = 0, i = 0, r = !1, n = new z(), l, a = []) {
+  static createByObjectArray(e, t = [], s = [], o = 0, i = 0, r = !1, n = new Y(), l, a = []) {
     let c;
-    t != null && t.length ? c = new P("header", t, n.header, l) : l != null && l.length ? c = new P("header", [l.map((f) => f.headerLabel)], n.header, l) : c = new k();
-    const h = s ? new P("footer", s, n.footer, l) : new k(), u = new Te("body", e, l, n.body);
-    return new oe(
+    t != null && t.length ? c = new F("header", t, n.header, l) : l != null && l.length ? c = new F("header", [l.map((f) => f.headerLabel)], n.header, l) : c = new P();
+    const h = s ? new F("footer", s, n.footer, l) : new P(), u = new Fe("body", e, l, n.body);
+    return new ae(
       c,
       u,
       h,
@@ -6936,9 +7141,9 @@ class $ {
     );
   }
 }
-class kt {
+class _t {
   constructor(e, t, s = 200, o = 300, i = 0, r = 0) {
-    this.items = e, this.cellRenderer = t, this.coverWidth = s, this.coverHeight = o, this.width = i, this.firstRowPaddingTop = r, this.rowSelectionModel = void 0, this.areaIdent = "body", this.filteredItems = [], this.sorterService = new ge(), this.filteredItems = e;
+    this.items = e, this.cellRenderer = t, this.coverWidth = s, this.coverHeight = o, this.width = i, this.firstRowPaddingTop = r, this.rowSelectionModel = void 0, this.areaIdent = "body", this.filteredItems = [], this.sorterService = new we(), this.filteredItems = e;
   }
   setParentWidth(e) {
     this.width = e;
@@ -7032,9 +7237,9 @@ class kt {
   arrayMove(e, t, s) {
   }
 }
-class Dt {
+class Lt {
   constructor(e, t = 0) {
-    this.bodyModel = e, this.paddingTop = t, this.headerAreaModel = new k(), this.footerAreaModel = new k();
+    this.bodyModel = e, this.paddingTop = t, this.headerAreaModel = new P(), this.footerAreaModel = new P();
   }
   changeColumnOrder(e, t) {
   }
@@ -7099,7 +7304,7 @@ class Dt {
   recalcHeightAndPadding() {
   }
   getPadding() {
-    return new ae(0, 0, 0, 0);
+    return new pe(0, 0, 0, 0);
   }
   getContentHeightInPixel() {
     return this.paddingTop + this.bodyModel.getRowCount() * this.bodyModel.coverHeight;
@@ -7125,7 +7330,7 @@ class Dt {
     return this.tableScope;
   }
 }
-class Ft {
+class Ot {
   constructor() {
     this.autoRestoreSortingState = !1, this.autoRestoreCollapsedExpandedState = !1, this.autoRestoreScrollPosition = !1, this.autoRestoreCheckedState = !1, this.autoRestoreSelectedState = !1, this.getStorageKeyFn = void 0, this.isSame = (e, t, s) => {
       if (e && t && s.getRowId) {
@@ -7150,14 +7355,14 @@ class Ft {
     };
   }
 }
-class As {
+class Ts {
   static createCoverGridModel(e, t, s = 200, o = 300, i = 0, r = 0) {
-    const n = new kt(e, t, s, o, i, r);
-    return new Dt(n, r);
+    const n = new _t(e, t, s, o, i, r);
+    return new Lt(n, r);
   }
   static createCoverGrisDefaultOptions(e, t = () => "CoverGrid") {
     return {
-      ...new Y(),
+      ...new J(),
       horizontalBorderVisible: !1,
       verticalBorderVisible: !1,
       footerSeparatorBorderVisible: !1,
@@ -7175,7 +7380,7 @@ class As {
       },
       // externalFilterFunction: this.filterFn.bind(this),
       autoRestoreOptions: {
-        ...new Ft(),
+        ...new Ot(),
         getStorageKeyFn: t,
         autoRestoreCollapsedExpandedState: !1,
         autoRestoreScrollPosition: !0,
@@ -7185,7 +7390,7 @@ class As {
     };
   }
 }
-const Ms = [
+const ks = [
   "COPY_2_CLIPBOARD",
   "START_EDITING",
   "TOGGLE_SELECTION",
@@ -7203,17 +7408,17 @@ const Ms = [
   // "PAGEUP_PRESSED",
   // "PAGEDOWN_PRESSED"
 ];
-class Pt {
+class Vt {
   constructor(e, t) {
     this.tableModel = e, this.tableOptions = t;
   }
 }
-class _t {
+class Ht {
   constructor(e, t, s, o, i, r, n) {
     this.emmitDataKey = e, this.emmitCancelKey = t, this.queryId = s, this.filter = o, this.sorting = i, this.startIndex = r, this.endIndex = n;
   }
 }
-class Is extends _t {
+class Ds extends Ht {
   constructor(e, t, s, o, i, r, n, l) {
     super(
       e,
@@ -7226,30 +7431,30 @@ class Is extends _t {
     ), this.rows = l;
   }
 }
-class Lt {
+class $t {
   constructor(e, t) {
     this.value = e, this.label = t;
   }
 }
-class Es {
+class Fs {
   constructor(e, t) {
     this.index = e, this.px = t;
   }
 }
-const Ts = { body: ["ge-table-text-align-left"] }, ks = { body: ["ge-table-text-align-center"] }, Ds = { body: ["ge-table-text-align-right"] }, Fs = {
+const Ps = { body: ["ge-table-text-align-left"] }, _s = { body: ["ge-table-text-align-center"] }, Ls = { body: ["ge-table-text-align-right"] }, Os = {
   header: ["ge-table-text-align-left"],
   body: ["ge-table-text-align-left"],
   footer: ["ge-table-text-align-left"]
-}, Ps = {
+}, Vs = {
   header: ["ge-table-text-align-center"],
   body: ["ge-table-text-align-center"],
   footer: ["ge-table-text-align-center"]
-}, _s = {
+}, Hs = {
   header: ["ge-table-text-align-right"],
   body: ["ge-table-text-align-right"],
   footer: ["ge-table-text-align-right"]
 };
-class ke {
+class Pe {
   render(e, t, s, o, i, r, n) {
     if (i.isRowCheckable(t)) {
       n.addClass(e, "ge-table-row-checkbox-div");
@@ -7267,16 +7472,16 @@ class ke {
     }
   }
 }
-class Ls {
+class $s {
   constructor() {
-    this.type = "CheckboxColumnDef", this.property = "CheckboxColumn", this.headerLabel = "", this.width = new y(50, "px"), this.minWidth = new y(50, "px"), this.maxWidth = new y(100, "px"), this.rendererMap = new T(new ke(), new ke(), void 0), this.classes = new T(
+    this.type = "CheckboxColumnDef", this.property = "CheckboxColumn", this.headerLabel = "", this.width = new b(50, "px"), this.minWidth = new b(50, "px"), this.maxWidth = new b(100, "px"), this.rendererMap = new T(new Pe(), new Pe(), void 0), this.classes = new T(
       [],
       ["ge-table-text-align-left"],
       []
     );
   }
 }
-class Os {
+class Bs {
   /**
    * A factory that creates a new AreaObjectMap with the given body renderer.
    *
@@ -7291,22 +7496,22 @@ class Os {
     );
   }
 }
-class Vs {
+class Ws {
   constructor(e = "down", t) {
     this.status = e, this.originalEvent = t;
   }
 }
-class $s {
+class Ns {
   constructor(e, t, s, o, i = {}) {
     this.area = e, this.rowIndex = t, this.columnIndex = s, this.value = o, this.cssClasses = i;
   }
 }
-class Ot {
+class Bt {
   constructor(e, t, s, o = !1, i = "normal", r = void 0) {
     this.data = e, this.property = t, this.toggle = s, this.closed = o, this.visibility = i, this.children = r, this.impl = "CellGroup";
   }
 }
-class Vt extends Ot {
+class Wt extends Bt {
   constructor(e, t = 0, s = 0, o) {
     super(
       e.data,
@@ -7402,7 +7607,7 @@ class E {
   static buildColumnDefs(e, t = []) {
     for (const s of e)
       s.property && t.push(
-        H.create({
+        W.create({
           property: s.property,
           headerLabel: s.data ? s.data : s.property,
           isVisible: () => typeof s.isVisible == "function" ? s.isVisible() : !0
@@ -7431,7 +7636,7 @@ class E {
   static buildGroupExts(e, t = [], s = 0, o) {
     let i;
     for (let r = 0; r < e.length; r++) {
-      const n = e[r], l = new Vt(n, s, r, o);
+      const n = e[r], l = new Wt(n, s, r, o);
       i && (l.leftNeighbour = i, i.rightNeighbour = l), t.push(l), n.children && (l.children = E.buildGroupExts(n.children, [], s + 1, l)), i = l;
     }
     return t;
@@ -7473,7 +7678,7 @@ class E {
       e.push(o.data + "    rowIndex:" + o.rowIndex), (s = o.children) != null && s.length && E.iterateThrowColumns(e, o.children);
   }
 }
-class Bs {
+class Gs {
   constructor() {
     this.areaIdent = "body", this.rowSelectionModel = void 0;
   }
@@ -7880,10 +8085,11 @@ class Bs {
   /**
    * Returns the Y-coordinate (in pixels) of the top of the row at the specified index.
    * This method is used for scrolling and positioning rows in the viewport.
-   * The base implementation returns 0 and should be overridden by
-   * subclasses that support scrolling.
+   * The base implementation computes it from `getConstantRowHeight()` (O(1)) or by summing up
+   * `getRowHeight()` of all rows above (O(n)) – override it for large models with variable row heights.
+   * (Before 1.1.85 the base implementation returned 0.)
    * 
-   * @param {number} _rowIndex - The index of the row
+   * @param {number} rowIndex - The index of the row
    * @returns {number} The Y-coordinate of the top of the row, in pixels
    * 
    * @example
@@ -7907,7 +8113,22 @@ class Bs {
    * }
    */
   getYPosByRowIndex(e) {
-    return 0;
+    const t = this.getConstantRowHeight();
+    if (t !== void 0 && t > 0)
+      return e * t;
+    let s = 0;
+    for (let o = 0; o < e; o++)
+      s += this.getRowHeight(o);
+    return s;
+  }
+  /**
+   * Returns the row height if all rows have the same height, otherwise `undefined` (default).
+   * Override it together with `getRowHeight()` if your rows have a constant height – this makes rendering
+   * of very large tables independent of the scroll position.
+   *
+   * @returns {number | undefined} `undefined` in the base implementation.
+   */
+  getConstantRowHeight() {
   }
   /**
    * Initializes the area model.
@@ -8095,14 +8316,14 @@ class Bs {
     return !1;
   }
 }
-const Q = class Q {
-  constructor(e = new ye()) {
+const re = class re {
+  constructor(e = new ve()) {
     this.headerGroupOptions = e;
   }
   render(e, t, s, o, i, r, n) {
     const l = r != null && r.data ? r.data : "";
     if (r) {
-      const { toggle: a, visibility: c, closed: h } = r, u = a ? Q.toggleHeaderGroup : "";
+      const { toggle: a, visibility: c, closed: h } = r, u = a ? re.toggleHeaderGroup : "";
       this.addText(e, o, t, s, l, u), a && c !== "always" && this.addArrowDiv(n, e, !h, t, s, o, u);
     } else
       this.addText(e, o, t, s, l, "");
@@ -8134,11 +8355,11 @@ const Q = class Q {
     }
   }
 };
-Q.toggleHeaderGroup = "toggleHeaderGroup";
-let ce = Q;
-class Hs {
-  constructor(e = "header", t, s = [], o, i = new ye()) {
-    this.areaIdent = e, this.groups = t, this.columnDefs = s, this.defaultRowHeight = o, this.headerGroupOptions = i, this.gammaCells = !0, this.arr = [], this.groupExts = [], this.cellGroupExtCellRenderer = new ce(this.headerGroupOptions), this.groupExts = E.buildGroupExts(t), this.init();
+re.toggleHeaderGroup = "toggleHeaderGroup";
+let ge = re;
+class zs {
+  constructor(e = "header", t, s = [], o, i = new ve()) {
+    this.areaIdent = e, this.groups = t, this.columnDefs = s, this.defaultRowHeight = o, this.headerGroupOptions = i, this.gammaCells = !0, this.arr = [], this.groupExts = [], this.cellGroupExtCellRenderer = new ge(this.headerGroupOptions), this.groupExts = E.buildGroupExts(t), this.init();
   }
   sort(e) {
   }
@@ -8238,7 +8459,7 @@ class Hs {
     return t != null && t.toggle && t.visibility !== "always" && (t.closed = !t.closed, this.init()), E.buildColumnDefs(this.groupExts);
   }
 }
-class Ws {
+class js {
   filterPredict(e, t, s = this.objectToString.bind(this)) {
     if (!e)
       return !1;
@@ -8292,12 +8513,12 @@ class Ws {
     return t.join(" ").toLowerCase();
   }
 }
-class Ns {
+class Us {
   static bodyRenderer(e) {
     return new T(void 0, e, void 0);
   }
 }
-class Gs {
+class Ys {
   constructor(e, t = !0, s = !1) {
     this.property = e, this.skipCheckableCheck = t, this.readonly = s;
   }
@@ -8322,12 +8543,12 @@ class Gs {
     }
   }
 }
-class zs {
+class Xs {
   render(e, t, s, o, i, r, n) {
     r && (e.innerText = new Date(r).toISOString());
   }
 }
-class js {
+class Ks {
   constructor() {
     this.formatter = new Intl.DateTimeFormat("de-DE", {
       year: "numeric",
@@ -8350,17 +8571,17 @@ class js {
     }
   }
 }
-class Us {
+class Js {
   render(e, t, s, o, i, r, n) {
     r && (e.innerText = new Date(r).toLocaleDateString());
   }
 }
-class Ys {
+class qs {
   render(e, t, s, o, i, r, n) {
     r === "male" || r === "m" ? e.innerText = "♂" : (r === "female" || r === "f") && (e.innerText = "♀");
   }
 }
-class Ks {
+class Zs {
   constructor(e = 100, t = !1) {
     this.maxValue = e, this.labelVisible = t;
   }
@@ -8390,17 +8611,17 @@ class Ks {
     }
   }
 }
-class Xs {
+class Qs {
   render(e, t, s, o, i, r, n) {
     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 Js {
+class eo {
   render(e, t, s, o, i, r, n) {
     r && (e.innerText = new Date(r).toISOString().replace(/T/g, " ").replace(/\..*/g, ""));
   }
 }
-class qs {
+class to {
   constructor(e = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
     this.min = e, this.max = t;
   }
@@ -8411,7 +8632,7 @@ class qs {
 </div>`, (typeof r == "string" || isNaN(r) || r < this.min || r > this.max) && n.addClass(e, "ge-cell-error"));
   }
 }
-class Zs {
+class so {
   constructor(e) {
     this.property = e;
   }
@@ -8430,7 +8651,7 @@ class Zs {
     }
   }
 }
-class Qs {
+class oo {
   render(e, t, s, o, i, r, n) {
     if (r != null && r.length) {
       const l = n.createElement("div");
@@ -8443,7 +8664,7 @@ class Qs {
       e.innerText = "";
   }
 }
-class eo {
+class io {
   constructor(e, t = 100, s = !1) {
     this.property = e, this.maxValue = t, this.labelVisible = s;
   }
@@ -8475,7 +8696,7 @@ class eo {
     }
   }
 }
-class to {
+class ro {
   render(e, t, s, o, i, r, n) {
     if (r) {
       e.innerHTML = `
@@ -8495,17 +8716,17 @@ class to {
     }
   }
 }
-class We {
+class ze {
   constructor(e, t, s, o, i, r) {
     this.action = e, this.area = t, this.areaModel = s, this.rowIndex = o, this.columnIndex = i, this.id = r;
   }
 }
-class V {
+class H {
   constructor(e, t, s = "", o = "", i = "button", r = !0) {
     this.action = e, this.label = t, this.icon = s, this.elementClass = o, this.elementType = i, this.enabled = r;
   }
 }
-class $t {
+class Nt {
   constructor(e, t) {
     this.actionEventListener = e, this.crudActions = t;
   }
@@ -8561,25 +8782,25 @@ class $t {
   createActionEvent(e, t) {
     const s = e.getAttribute("data-area"), o = e.getAttribute("data-row-index"), i = e.getAttribute("data-col-index"), r = e.getAttribute("data-action") ?? "unknown", n = e.getAttribute("data-id") ?? "unknown";
     if (s && o && i) {
-      const l = ee(s), a = Number(o), c = Number(i);
-      return new We(r, l, t, a, c, n);
+      const l = ne(s), a = Number(o), c = Number(i);
+      return new ze(r, l, t, a, c, n);
     }
     return null;
   }
   getCrudActions(e) {
-    return Array.isArray(e) && e.every((t) => t instanceof V) ? e : this.crudActions;
+    return Array.isArray(e) && e.every((t) => t instanceof H) ? e : this.crudActions;
   }
 }
-const so = function(d, e, t) {
+const no = function(d, e, t) {
   return d ? Number(d) : "";
 };
-class Ne {
+class je {
   constructor(e) {
     this.options = e;
   }
   static create(e) {
-    return new Ne(
-      e.map((t) => new Lt(t, t))
+    return new je(
+      e.map((t) => new $t(t, t))
     );
   }
   render(e, t, s, o, i, r, n) {
@@ -8605,7 +8826,7 @@ class Ne {
     }
   }
 }
-class oo extends be {
+class lo extends Ce {
   constructor(e) {
     super("row", "multi"), this.model = e;
   }
@@ -8625,7 +8846,7 @@ class oo extends be {
    * @param {number} rowIndex - The index of the row to be selected.
    */
   selectRow(e) {
-    this.addRange(A.singleRow(e));
+    this.addRange(M.singleRow(e));
   }
   /**
    * Unselects the specified row.
@@ -8634,7 +8855,7 @@ class oo extends be {
    * @return {void}
    */
   unselectRow(e) {
-    this.removeSelection(A.singleRow(e));
+    this.removeSelection(M.singleRow(e));
   }
   /**
    * Toggles the selection of items based on current selection state.
@@ -8688,39 +8909,39 @@ class oo extends be {
     this.isSelected(e, 0) ? this.unselectRow(e) : this.selectRow(e);
   }
 }
-class io {
+class ao {
   constructor(e, t, s) {
     this.r = e, this.g = t, this.b = s;
   }
 }
-class De {
+class _e {
   constructor(e, t, s, o) {
     this.minValue = e, this.minColor = t, this.maxValue = s, this.maxColor = o;
   }
 }
-class X {
+class Z {
   static normalize(e, t, s, o = 0, i = 1) {
     return (e - t) / (s - t) * (i - o) + o;
   }
   static getTwoColorGradientRGB(e, t) {
-    const s = X.normalize(e, t.minValue, t.maxValue, 0, 1), o = t.maxColor.r - t.minColor.r, i = t.maxColor.g - t.minColor.g, r = t.maxColor.b - t.minColor.b, n = o * s + t.minColor.r, l = i * s + t.minColor.g, a = r * s + t.minColor.b;
+    const s = Z.normalize(e, t.minValue, t.maxValue, 0, 1), o = t.maxColor.r - t.minColor.r, i = t.maxColor.g - t.minColor.g, r = t.maxColor.b - t.minColor.b, n = o * s + t.minColor.r, l = i * s + t.minColor.g, a = r * s + t.minColor.b;
     return `rgb(${Math.round(n)}, ${Math.round(l)}, ${Math.round(a)})`;
   }
   static getThreeColorGradientRGB(e, t) {
-    return e < t.middleValue ? X.getTwoColorGradientRGB(e, new De(t.minValue, t.minColor, t.middleValue, t.middleColor)) : e > t.middleValue ? X.getTwoColorGradientRGB(e, new De(t.middleValue, t.middleColor, t.maxValue, t.maxColor)) : `rgb(${t.middleColor.r}, ${t.middleColor.g}, ${t.middleColor.b})`;
+    return e < t.middleValue ? Z.getTwoColorGradientRGB(e, new _e(t.minValue, t.minColor, t.middleValue, t.middleColor)) : e > t.middleValue ? Z.getTwoColorGradientRGB(e, new _e(t.middleValue, t.middleColor, t.maxValue, t.maxColor)) : `rgb(${t.middleColor.r}, ${t.middleColor.g}, ${t.middleColor.b})`;
   }
 }
-class ro {
+class co {
   constructor(e, t, s, o, i, r) {
     this.minValue = e, this.minColor = t, this.middleValue = s, this.middleColor = o, this.maxValue = i, this.maxColor = r;
   }
 }
-class Bt {
+class Gt {
   constructor(e = !0, t = !0, s = (r, n) => r * 10 + 10, o = 50, i = 450) {
     this.autoCalc = e, this.takeHeaderLabelsIntoAccount = t, this.charCountToWidth = s, this.minWidth = o, this.maxWidth = i;
   }
 }
-class Ht {
+class zt {
   constructor(e) {
     this.object = e;
   }
@@ -8771,7 +8992,7 @@ class Ht {
     return s.join("");
   }
 }
-class ie {
+class ce {
   constructor(e, t, s = "Edit Item") {
     this.idKey = e, this.dialogTitle = s, this.object = { ...t };
   }
@@ -8852,7 +9073,7 @@ class ie {
     return e.replace(/\./g, " ");
   }
 }
-class Wt {
+class jt {
   constructor() {
     this.urls = {
       list: {
@@ -8860,15 +9081,15 @@ class Wt {
         method: "GET"
       }
     }, this.singleRowActions = [
-      new V("VIEW", "View", "", "", "link"),
-      new V("EDIT", "Edit", "", "", "link"),
-      new V("CLONE", "Clone", "", "", "link"),
-      new V("DELETE", "Delete", "", "", "link")
+      new H("VIEW", "View", "", "", "link"),
+      new H("EDIT", "Edit", "", "", "link"),
+      new H("CLONE", "Clone", "", "", "link"),
+      new H("DELETE", "Delete", "", "", "link")
       // new CrudAction('CREATE', 'Create', '', '', 'link'),
     ], this.tableActions = [
-      new V("CREATE", "Create", "", "", "button"),
-      new V("DELETE_SELECTED", "Delete Selected", "", "", "button")
-    ], this.autoAddActionColumn = !0, this.columnWidths = new Bt(), this.calcFixedRightColumnCount = (e) => e > 6 ? 1 : 0, this.getHeadersInit = () => ({}), this.getIdKey = () => "id", this.getIdByObject = (e) => (this.getIdKey() ?? "id") in e ? e.id : e, this.fetchList = (e) => {
+      new H("CREATE", "Create", "", "", "button"),
+      new H("DELETE_SELECTED", "Delete Selected", "", "", "button")
+    ], this.autoAddActionColumn = !0, this.columnWidths = new Gt(), this.calcFixedRightColumnCount = (e) => e > 6 ? 1 : 0, this.getHeadersInit = () => ({}), this.getIdKey = () => "id", this.getIdByObject = (e) => (this.getIdKey() ?? "id") in e ? e.id : e, this.fetchList = (e) => {
       const t = e.getHeadersInit ? e.getHeadersInit() : {};
       let s = e.urls.list.url, o = e.urls.list.method ?? "GET";
       return fetch(s, {
@@ -8919,9 +9140,9 @@ class Wt {
     };
   }
 }
-class no {
+class ho {
   constructor() {
-    this.crudOptions = new Wt(), this.listenActionEvent = (e) => {
+    this.crudOptions = new jt(), this.listenActionEvent = (e) => {
     };
   }
   createTableModel(e, t, s = (i) => {
@@ -8930,31 +9151,31 @@ class no {
     this.crudOptions = e, this.listenActionEvent = o, e.fetchList(e).then((i) => {
       var r, n, l, a;
       if (t.rows = i, i != null && i.length) {
-        const c = (r = t.columnDefs) != null && r.length ? t.columnDefs.map((w) => w.property) : this.extractProperties(i[0]), h = new be("row", "multi"), u = () => h;
+        const c = (r = t.columnDefs) != null && r.length ? t.columnDefs.map((x) => x.property) : this.extractProperties(i[0]), h = new Ce("row", "multi"), u = () => h;
         this.tableOptions = {
-          ...new Y(),
+          ...new J(),
           ...t.tableOptions,
           hoverColumnVisible: !1,
           getSelectionModel: u
         };
-        const f = this.calcAutoColumnWidths(i, c), p = (n = t.columnDefs) != null && n.length ? t.columnDefs : c.map(((w, S) => new H(w, w.toUpperCase(), new y(f[S], "px"))));
+        const f = this.calcAutoColumnWidths(i, c), p = (n = t.columnDefs) != null && n.length ? t.columnDefs : c.map(((x, A) => new W(x, x.toUpperCase(), new b(f[A], "px"))));
         if ((l = e == null ? void 0 : e.columnWidths) != null && l.autoCalc)
-          for (let w = 0; w < p.length; w++) {
-            const S = p[w];
-            S.width = new y(f[w], "px");
+          for (let x = 0; x < p.length; x++) {
+            const A = p[x];
+            A.width = new b(f[x], "px");
           }
         if (e.autoAddActionColumn) {
-          let w = new H(
+          let x = new W(
             "id",
             "Actions",
-            It,
+            Dt,
             new T(["ge-table-text-align-left"], ["ge-table-text-align-left ge-table-actions-cell"], void 0)
           );
-          w.rendererMap = new T(
+          x.rendererMap = new T(
             void 0,
-            new $t(this, e.singleRowActions),
+            new Nt(this, e.singleRowActions),
             void 0
-          ), p.push(w);
+          ), p.push(x);
         }
         const m = 0, g = e.calcFixedRightColumnCount(p.length);
         this.tableModel = $.buildByTypedRowsParam({
@@ -8964,14 +9185,14 @@ class no {
           fixedLeftColumnCount: m,
           fixedRightColumnCount: g
         }), this.tableModel.getSelectionModel = u, this.bodyModel = (a = this.tableModel) == null ? void 0 : a.getBodyModel();
-        const b = new Pt(this.tableModel, this.tableOptions);
-        s(b);
+        const y = new Vt(this.tableModel, this.tableOptions);
+        s(y);
       }
     });
   }
   openDialogForCreate() {
     if (this.bodyModel) {
-      const e = new We("CREATE", "body", this.bodyModel, -1, -1, null);
+      const e = new ze("CREATE", "body", this.bodyModel, -1, -1, null);
       this.onActionEvent(e);
     }
   }
@@ -8979,11 +9200,11 @@ class no {
     var t, s, o, i;
     if (this.listenActionEvent && this.listenActionEvent(e), e.action === "VIEW") {
       let r = e.id;
-      (t = this.crudOptions) == null || t.fetchItem(this.crudOptions, r).then((n) => (console.info(n), new Ht(n).openDialog(), n));
+      (t = this.crudOptions) == null || t.fetchItem(this.crudOptions, r).then((n) => (console.info(n), new zt(n).openDialog(), n));
     } else if (e.action === "EDIT") {
       let r = e.id;
       const n = this.crudOptions.getIdKey() ?? "id";
-      (s = this.crudOptions) == null || s.fetchItem(this.crudOptions, r).then((l) => (console.info(l), new ie(
+      (s = this.crudOptions) == null || s.fetchItem(this.crudOptions, r).then((l) => (console.info(l), new ce(
         n,
         l
       ).openDialog((a) => {
@@ -8994,7 +9215,7 @@ class no {
       const n = this.crudOptions.getIdKey() ?? "id";
       (o = this.crudOptions) == null || o.fetchItem(this.crudOptions, r).then((l) => {
         const a = JSON.parse(JSON.stringify(l));
-        return new ie(
+        return new ce(
           n,
           a,
           "Clone Item"
@@ -9004,7 +9225,7 @@ class no {
       });
     } else if (e.action === "CREATE") {
       const r = this.crudOptions.getIdKey() ?? "id", n = JSON.parse(JSON.stringify(this.crudOptions.getEmptyItem()));
-      return new ie(
+      return new ce(
         r,
         n,
         "Create Item"
@@ -9060,196 +9281,196 @@ class no {
     return s;
   }
 }
-class lo {
+class uo {
   constructor(e, t) {
     this.method = e, this.url = t;
   }
 }
 export {
-  pe as AbstractAreaModel,
-  We as ActionEvent,
-  $t as ActionsCellRenderer,
-  Oe as AnyPropertyType,
-  Os as AreaMapFactory,
-  Bs as AreaModel,
-  P as AreaModelArrayOfArrays,
-  Hs as AreaModelCellGroups,
-  k as AreaModelHidden,
+  ye as AbstractAreaModel,
+  ze as ActionEvent,
+  Nt as ActionsCellRenderer,
+  $e as AnyPropertyType,
+  Bs as AreaMapFactory,
+  Gs as AreaModel,
+  F as AreaModelArrayOfArrays,
+  zs as AreaModelCellGroups,
+  P as AreaModelHidden,
   _ as AreaModelObjectArray,
-  Te as AreaModelObjectArrayWithColumndefs,
-  Ie as AreaModelTree,
+  Fe as AreaModelObjectArrayWithColumndefs,
+  se as AreaModelTree,
   T as AreaObjectMap,
   B as ArrayPropertyType,
-  Ft as AutoRestoreOptions,
-  Gt as AvoidDoubleExecution,
-  Ye as BooleanPropertyType,
-  Ot as CellGroup,
-  Vt as CellGroupExt,
-  ce as CellGroupExtCellRenderer,
-  A as CellRange,
+  Ot as AutoRestoreOptions,
+  Yt as AvoidDoubleExecution,
+  qe as BooleanPropertyType,
+  Bt as CellGroup,
+  Wt as CellGroupExt,
+  ge as CellGroupExtCellRenderer,
+  M as CellRange,
   E as CellgroupFactory,
-  Gs as CheckboxBooleanPropertyCellRenderer,
-  ke as CheckboxCellRenderer,
-  Ls as CheckboxColumnDef,
-  Tt as CheckboxModel,
-  Is as ChunkData,
-  at as ColAndRowspanModel,
-  it as CollapsedExpandedData,
-  io as ColorRgb,
-  H as ColumnDef,
-  zt as ColumnDefGenerator,
-  Bt as ColumnWidths,
-  Qe as ConvenienceDomService,
-  q as CopyService,
-  kt as CoverGridBodyModel,
-  As as CoverGridFactory,
-  Dt as CoverGridTableModel,
-  V as CrudAction,
-  ie as CrudObjectEdit,
-  Ht as CrudObjectView,
-  Wt as CrudOptions,
-  no as CrudTableModelFactory,
-  ve as CssVars,
-  js as DateToIntlDDMMYYYYCellRenderer,
-  zs as DateToIsoCellRenderer,
-  Us as DateToLocaleDateCellRenderer,
-  Js as DateToTecCellRenderer,
-  z as DefaultRowHeights,
-  lt as EleScope,
-  ne as EventAdapter,
-  Yt as EventCheckboxChangedHandler,
-  At as ExcelService,
-  Ae as FalseFn,
-  St as FocusModel,
-  ut as GeCellIndices,
-  X as GeCssColorUtil,
-  Ws as GeFilterService,
-  Vs as GeKeyEvent,
-  me as GeModelChangeEvent,
-  ue as GeMouseEvent,
-  pt as GeScrollEvent,
-  L as GeoData,
-  O as Icon,
-  Es as IndexAndPx,
-  xt as InputCellRenderer,
-  ht as InputHandler,
-  xe as JsonService,
-  W as LicenseManager,
-  Ys as MaleFemaleToIconCellRenderer,
-  tt as MouseHandler,
-  et as MouseTargetData,
-  oo as MultiRowsSelectionModel,
-  ze as NullPropertyType,
-  Ks as NumberCellProgressBarCellRenderer,
-  qs as NumberCellRenderer,
-  Ue as NumberPropertyType,
-  F as ObjectPropertyType,
-  mt as OsxShortcutActionIdMapping,
-  Fe as PROPERTY_TYPE_KEY_ANY,
-  Le as PROPERTY_TYPE_KEY_ARRAY,
-  he as PROPERTY_TYPE_KEY_BOOLEAN,
-  Pe as PROPERTY_TYPE_KEY_NULL,
-  de as PROPERTY_TYPE_KEY_NUMBER,
-  U as PROPERTY_TYPE_KEY_OBJECT,
-  _e as PROPERTY_TYPE_KEY_STRING,
-  j as PROPERTY_TYPE_KEY_UNDEFINED,
-  ae as Padding,
-  to as PositiveAndNegativeNumberRenderer,
-  eo as ProgressBarCellRenderer,
-  Ve as PropertyItem,
-  jt as PropertyTypeService,
-  ct as RenderScope,
-  Ns as Renderer,
-  _t as RequestChunk,
-  Rt as ResizeHandler,
-  Ut as SchemeGenerator,
-  Ne as SelectCellRenderer,
-  be as SelectionModel,
-  gt as SelectionService,
-  yt as ShortcutService,
-  Qs as SimpleArrayCellRenderer,
-  wt as SimpleDomService,
-  y as Size,
-  dt as SortItem,
-  Be as SortedOptions,
-  Zs as StarRatingCellRenderer,
-  rt as StoreStateCollapsedExpandService,
-  ot as StoreStateScrollPosService,
-  nt as StoreStateSortingService,
-  je as StringPropertyType,
-  st as TableApi,
-  $s as TableCellUpdateEvent,
+  Ys as CheckboxBooleanPropertyCellRenderer,
+  Pe as CheckboxCellRenderer,
+  $s as CheckboxColumnDef,
+  Pt as CheckboxModel,
+  Ds as ChunkData,
+  ht as ColAndRowspanModel,
+  at as CollapsedExpandedData,
+  ao as ColorRgb,
+  W as ColumnDef,
+  Xt as ColumnDefGenerator,
+  Gt as ColumnWidths,
+  ot as ConvenienceDomService,
+  te as CopyService,
+  _t as CoverGridBodyModel,
+  Ts as CoverGridFactory,
+  Lt as CoverGridTableModel,
+  H as CrudAction,
+  ce as CrudObjectEdit,
+  zt as CrudObjectView,
+  jt as CrudOptions,
+  ho as CrudTableModelFactory,
+  Ie as CssVars,
+  Ks as DateToIntlDDMMYYYYCellRenderer,
+  Xs as DateToIsoCellRenderer,
+  Js as DateToLocaleDateCellRenderer,
+  eo as DateToTecCellRenderer,
+  Y as DefaultRowHeights,
+  ee as EleScope,
+  he as EventAdapter,
+  qt as EventCheckboxChangedHandler,
+  Tt as ExcelService,
+  Te as FalseFn,
+  Rt as FocusModel,
+  ft as GeCellIndices,
+  Z as GeCssColorUtil,
+  js as GeFilterService,
+  Ws as GeKeyEvent,
+  Se as GeModelChangeEvent,
+  be as GeMouseEvent,
+  mt as GeScrollEvent,
+  O as GeoData,
+  V as Icon,
+  Fs as IndexAndPx,
+  vt as InputCellRenderer,
+  gt as InputHandler,
+  Re as JsonService,
+  G as LicenseManager,
+  qs as MaleFemaleToIconCellRenderer,
+  rt as MouseHandler,
+  it as MouseTargetData,
+  lo as MultiRowsSelectionModel,
+  Xe as NullPropertyType,
+  Zs as NumberCellProgressBarCellRenderer,
+  to as NumberCellRenderer,
+  Je as NumberPropertyType,
+  L as ObjectPropertyType,
+  wt as OsxShortcutActionIdMapping,
+  Le as PROPERTY_TYPE_KEY_ANY,
+  He as PROPERTY_TYPE_KEY_ARRAY,
+  me as PROPERTY_TYPE_KEY_BOOLEAN,
+  Oe as PROPERTY_TYPE_KEY_NULL,
+  fe as PROPERTY_TYPE_KEY_NUMBER,
+  K as PROPERTY_TYPE_KEY_OBJECT,
+  Ve as PROPERTY_TYPE_KEY_STRING,
+  X as PROPERTY_TYPE_KEY_UNDEFINED,
+  pe as Padding,
+  ro as PositiveAndNegativeNumberRenderer,
+  io as ProgressBarCellRenderer,
+  Be as PropertyItem,
+  Kt as PropertyTypeService,
+  ut as RenderScope,
+  Us as Renderer,
+  Ht as RequestChunk,
+  It as ResizeHandler,
+  Jt as SchemeGenerator,
+  je as SelectCellRenderer,
+  Ce as SelectionModel,
+  bt as SelectionService,
+  St as ShortcutService,
+  oo as SimpleArrayCellRenderer,
+  Ct as SimpleDomService,
+  b as Size,
+  pt as SortItem,
+  Ne as SortedOptions,
+  so as StarRatingCellRenderer,
+  ct as StoreStateCollapsedExpandService,
+  lt as StoreStateScrollPosService,
+  dt as StoreStateSortingService,
+  Ke as StringPropertyType,
+  nt as TableApi,
+  Ns as TableCellUpdateEvent,
   $ as TableFactory,
-  oe as TableModel,
-  Pt as TableModelAndOptions,
-  Y as TableOptions,
-  He as TableScope,
-  ro as ThreeColorGradientArg,
-  Ee as TreeCheckboxModel,
-  le as TreeFactory,
-  $e as TreeOptions,
-  Re as TreeRow,
-  Et as TreeRowService,
-  Xs as TrueFalseCellRenderer,
-  Mt as TrueFn,
-  De as TwoColorGradientArg,
-  J as UNIMPORTANT_TYPES,
-  se as UndefinedPropertyType,
-  lo as UrlInfo,
-  Ke as ValueInfo,
-  Lt as ValueLabel,
-  ft as WindowsShortcutActionIdMapping,
-  Ms as actionIds,
-  Ps as allCenter,
-  Fs as allLeft,
-  _s as allRight,
-  ks as bodyCenter,
-  Ts as bodyLeft,
-  Ds as bodyRight,
-  Ce as createHarmonizedShortcutByKeyboardEvent,
-  Ge as debounce,
-  so as editInputPipeForNumber,
-  Se as entitySuffix,
-  qe as firstLetterUppercase,
-  ee as getAreaIdentByString,
-  Xe as getEntityName,
-  bt as harmonizeShortcut,
-  re as isAreaModelTree,
-  Ze as isCheckboxColumnDef,
-  G as isTreeRow,
-  Rs as px0,
-  vs as px10,
-  gs as px100,
-  ps as px110,
-  us as px120,
-  hs as px130,
-  ds as px140,
-  cs as px150,
-  as as px160,
-  ls as px170,
-  ns as px180,
-  rs as px190,
-  Cs as px20,
-  Me as px200,
-  is as px210,
-  os as px220,
-  ss as px230,
-  ts as px240,
-  es as px250,
-  Qt as px260,
-  Zt as px270,
-  qt as px280,
-  Jt as px290,
-  Ss as px30,
-  It as px300,
-  xs as px40,
-  Xt as px400,
-  ws as px50,
-  Kt as px500,
-  ys as px60,
-  bs as px70,
-  ms as px80,
-  fs as px90,
-  Nt as throttle,
-  Je as trimArraySuffixes
+  ae as TableModel,
+  Vt as TableModelAndOptions,
+  J as TableOptions,
+  Ge as TableScope,
+  co as ThreeColorGradientArg,
+  De as TreeCheckboxModel,
+  ue as TreeFactory,
+  We as TreeOptions,
+  Ee as TreeRow,
+  Ft as TreeRowService,
+  Qs as TrueFalseCellRenderer,
+  kt as TrueFn,
+  _e as TwoColorGradientArg,
+  Q as UNIMPORTANT_TYPES,
+  le as UndefinedPropertyType,
+  uo as UrlInfo,
+  Ze as ValueInfo,
+  $t as ValueLabel,
+  yt as WindowsShortcutActionIdMapping,
+  ks as actionIds,
+  Vs as allCenter,
+  Os as allLeft,
+  Hs as allRight,
+  _s as bodyCenter,
+  Ps as bodyLeft,
+  Ls as bodyRight,
+  Me as createHarmonizedShortcutByKeyboardEvent,
+  Ye as debounce,
+  no as editInputPipeForNumber,
+  Ae as entitySuffix,
+  tt as firstLetterUppercase,
+  ne as getAreaIdentByString,
+  Qe as getEntityName,
+  xt as harmonizeShortcut,
+  de as isAreaModelTree,
+  st as isCheckboxColumnDef,
+  j as isTreeRow,
+  Es as px0,
+  Is as px10,
+  ys as px100,
+  bs as px110,
+  ms as px120,
+  fs as px130,
+  gs as px140,
+  ps as px150,
+  us as px160,
+  hs as px170,
+  ds as px180,
+  cs as px190,
+  Ms as px20,
+  ke as px200,
+  as as px210,
+  ls as px220,
+  ns as px230,
+  rs as px240,
+  is as px250,
+  os as px260,
+  ss as px270,
+  ts as px280,
+  es as px290,
+  As as px30,
+  Dt as px300,
+  Rs as px40,
+  Qt as px400,
+  vs as px50,
+  Zt as px500,
+  Cs as px60,
+  Ss as px70,
+  xs as px80,
+  ws as px90,
+  Ut as throttle,
+  et as trimArraySuffixes
 };