@guiexpert/table 1.1.88 → 1.1.90

package/index.js

@@ -1,54 +1,49 @@
-function Ut(d, e = 500) {
+function jt(h, e = 500) {
   let t = null, s = 0;
   return function(...o) {
     const i = Date.now(), r = e - (i - s);
-    r <= 0 ? (d.apply(this, o), s = i) : t || (t = window.setTimeout(() => {
-      d.apply(this, o), s = Date.now(), t = null;
+    r <= 0 ? (h.apply(this, o), s = i) : t || (t = window.setTimeout(() => {
+      h.apply(this, o), s = Date.now(), t = null;
     }, r));
   };
 }
-function Ye(d, e = 500) {
+function Ke(h, e = 500) {
   let t = null;
   return function(...s) {
     t && window.clearTimeout(t), t = window.setTimeout(() => {
-      d.apply(this, s), t = null;
+      h.apply(this, s), t = null;
     }, e);
   };
 }
-function Yt(d = 500) {
+function Ut(h = 500) {
   return function(e, t, s) {
     let o = 0;
     const i = s.value;
     return s.value = function(...r) {
-      if (!(Date.now() - o < d))
+      if (!(Date.now() - o < h))
         return o = Date.now(), i.apply(this, r);
     }, s;
   };
 }
-const Le = "any", X = "undefined", Ve = "null", Oe = "string", fe = "number", me = "boolean", $e = "Array", K = "object", Q = [Ve, X, Le];
-class He {
+const Ve = "any", X = "undefined", Oe = "null", $e = "string", me = "number", be = "boolean", He = "Array", J = "object", ee = [Oe, X, Ve];
+class Be {
   constructor(e) {
-    this.propertyName = e, this.type = Le;
+    this.propertyName = e, this.type = Ve;
   }
 }
-class le {
+class ae {
   constructor(e) {
     this.propertyName = e, this.type = X;
   }
 }
 class Xe {
-  constructor(e) {
-    this.propertyName = e, this.type = Ve;
-  }
-}
-class Ke {
   constructor(e) {
     this.propertyName = e, this.type = Oe;
   }
 }
 class Je {
   constructor(e) {
-    this.propertyName = e, this.type = fe;
+    this.propertyName = e, this.type = $e;
   }
 }
 class qe {
@@ -56,12 +51,17 @@ class qe {
     this.propertyName = e, this.type = me;
   }
 }
+class Ze {
+  constructor(e) {
+    this.propertyName = e, this.type = be;
+  }
+}
 class B {
   constructor(e, t = []) {
-    this.propertyName = e, this.items = t, this.type = $e;
+    this.propertyName = e, this.items = t, this.type = He;
   }
 }
-class Be {
+class We {
   constructor(e, t = []) {
     this.propertyName = e, this.types = t;
   }
@@ -71,10 +71,10 @@ class Be {
 }
 class L {
   constructor(e, t, s = []) {
-    this.propertyName = e, this.className = t, this.properties = s, this.type = K;
+    this.propertyName = e, this.className = t, this.properties = s, this.type = J;
   }
 }
-class Xt {
+class Yt {
   constructor() {
     this.rootPropertyType = null, this.allowCustomRenderer = !0, this.bufCustomRenderer = [], this.LABEL_MAPPINGS = {
       Id: "ID",
@@ -101,7 +101,7 @@ class Xt {
     if (!this.rootPropertyType)
       return s;
     if (e instanceof B) {
-      const o = e.items.find((i) => i.type === K);
+      const o = e.items.find((i) => i.type === J);
       if (o && o instanceof L) {
         const i = o.properties;
         s.push("  const columnDefs: ColumnDefIf[] = ["), this.iteratePropertyItems(s, i, ""), s.push("  ];");
@@ -111,34 +111,34 @@ class Xt {
   }
   iteratePropertyItems(e, t, s = "") {
     for (let o = 0; o < t.length; o++) {
-      let r = t[o].types.filter((n) => !Q.includes(n.type));
+      let r = t[o].types.filter((n) => !ee.includes(n.type));
       if (r.length === 1) {
         let n = r[0];
         const l = s ? [s, n.propertyName].join(".") : n.propertyName;
         if (n instanceof L)
           this.iteratePropertyItems(e, n.properties, l);
         else {
-          let a = "";
+          let c = "";
           if (n instanceof B) {
-            const p = n.items.find((m) => m.type === K);
-            p && p instanceof L && (a = p.className);
+            const f = n.items.find((m) => m.type === J);
+            f && f instanceof L && (c = f.className);
           }
-          const c = this.getReadableColumnLabel(l);
-          let h = 100, u = "", g = "ge-table-text-align-left";
-          if (n.type === $e) {
-            if (this.allowCustomRenderer && a) {
-              const p = `${a}ArrayCellRenderer`;
-              u = `      bodyRenderer: new ${p}(),`, g = "", this.renderCumstomCellRenderer(a, p);
+          const a = this.getReadableColumnLabel(l);
+          let d = 100, u = "", p = "ge-table-text-align-left";
+          if (n.type === He) {
+            if (this.allowCustomRenderer && c) {
+              const f = `${c}ArrayCellRenderer`;
+              u = `      bodyRenderer: new ${f}(),`, p = "", this.renderCumstomCellRenderer(c, f);
             } else
               u = "      bodyRenderer: new SimpleArrayCellRenderer(),";
-            h = 250;
-          } else n.type === fe ? (u = "      bodyRenderer: new NumberCellRenderer(),", g = "ge-table-text-align-right") : n.type === me && (u = "      bodyRenderer: new TrueFalseCellRenderer(),", g = "ge-table-text-align-center", h = 80);
+            d = 250;
+          } else n.type === me ? (u = "      bodyRenderer: new NumberCellRenderer(),", p = "ge-table-text-align-right") : n.type === be && (u = "      bodyRenderer: new TrueFalseCellRenderer(),", p = "ge-table-text-align-center", d = 80);
           e.push(`    ColumnDef.create({
       property: "${l}",
-      headerLabel: "${c}",
-      width: new Size(${h}, "px"),
-      bodyClasses: ["${g}"],
-      headerClasses: ["${g}"],`), u && e.push(u), e.push("    }),");
+      headerLabel: "${a}",
+      width: new Size(${d}, "px"),
+      bodyClasses: ["${p}"],
+      headerClasses: ["${p}"],`), u && e.push(u), e.push("    }),");
         }
       }
     }
@@ -194,7 +194,7 @@ export class ${t} implements CellRendererIf {
     `);
   }
 }
-class Re {
+class Ae {
   /**
    *
    *  Fixes an invalid json like this:
@@ -260,30 +260,30 @@ class Re {
     return s;
   }
 }
-class Ze {
+class Qe {
   constructor() {
-    this.property = "", this.value = "", this.path = "", this.propertyItem = new Be("", [new He("")]);
+    this.property = "", this.value = "", this.path = "", this.propertyItem = new We("", [new Be("")]);
   }
   toString() {
     var e;
     return `${this.path} -> : ${((e = this.propertyItem) == null ? void 0 : e.toString()) ?? ""}`;
   }
 }
-const Ae = "Entity";
-function Qe(d) {
-  let e = et(tt(d));
-  return e.includes(Ae) || (e = e + Ae), e;
+const Me = "Entity";
+function et(h) {
+  let e = tt(st(h));
+  return e.includes(Me) || (e = e + Me), e;
 }
-function et(d) {
-  if (!d || d.length === 0) return d;
+function tt(h) {
+  if (!h || h.length === 0) return h;
   const e = ["Array", "Arr", "List", "s"];
   for (const t of e)
-    if (d.endsWith(t))
-      return d.slice(0, -t.length);
-  return d;
+    if (h.endsWith(t))
+      return h.slice(0, -t.length);
+  return h;
 }
-function tt(d) {
-  return !d || d.length === 0 ? "" : d[0].toUpperCase() + d.slice(1);
+function st(h) {
+  return !h || h.length === 0 ? "" : h[0].toUpperCase() + h.slice(1);
 }
 class Kt {
   constructor() {
@@ -372,7 +372,7 @@ class Kt {
   json2PropertyType(e, t = "") {
     let s;
     if (typeof e == "string") {
-      const o = new Re().fixJSON(e);
+      const o = new Ae().fixJSON(e);
       s = this.json2Object(o);
     } else
       s = e;
@@ -488,7 +488,7 @@ class Kt {
   json2ValueInfos(e, t = "") {
     let s;
     if (typeof e == "string") {
-      const o = new Re().fixJSON(e);
+      const o = new Ae().fixJSON(e);
       s = this.json2Object(o);
     } else
       s = e;
@@ -512,22 +512,22 @@ class Kt {
         const r = s.get(i);
         if (r) {
           let n = !1;
-          const l = r.propertyItem.types.filter((a) => !Q.includes(a.type));
+          const l = r.propertyItem.types.filter((c) => !ee.includes(c.type));
           if (l.length === 1) {
-            const a = l[0];
-            if (a instanceof B) {
+            const c = l[0];
+            if (c instanceof B) {
               n = !0;
-              for (const c of o.propertyItem.types)
-                a.items.push(c);
-            } else a instanceof L && (n = !0, a.properties.push(o.propertyItem));
+              for (const a of o.propertyItem.types)
+                c.items.push(a);
+            } else c instanceof L && (n = !0, c.properties.push(o.propertyItem));
           }
           if (!n)
-            for (const a of o.propertyItem.types)
-              r.propertyItem.types.push(a);
+            for (const c of o.propertyItem.types)
+              r.propertyItem.types.push(c);
         }
       }
     }
-    return t || new He("");
+    return t || new Be("");
   }
   logValueInfos(e) {
     for (let t = 0; t < e.length; t++) {
@@ -556,8 +556,8 @@ class Kt {
         if (n) {
           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 === X) || i.propertyItem.types.push(new le(i.property)));
+            const c = (l == null ? void 0 : l.value.length) ?? 0, a = this.countPath(e, i.path);
+            c > a && (i.propertyItem.types.some((d) => d.type === X) || i.propertyItem.types.push(new ae(i.property)));
           }
         }
       }
@@ -578,31 +578,31 @@ class Kt {
   }
   extractValueInfos(e, t) {
     const s = [], o = (i, r, n) => {
-      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 === K && !Array.isArray(i)) {
-        for (const c in i)
-          if (i.hasOwnProperty(c)) {
-            const h = r ? `${r}/${c}` : c;
-            o(i[c], h, a);
+      const l = new Qe();
+      let c = r.split("/").pop() || "";
+      if (c === "[]" ? c = n : c === "root" && (c = t), l.property = c, l.value = i, l.path = r, l.propertyItem = this.createPropertyItem(i, l.property), s.push(l), i && typeof i === J && !Array.isArray(i)) {
+        for (const a in i)
+          if (i.hasOwnProperty(a)) {
+            const d = r ? `${r}/${a}` : a;
+            o(i[a], d, c);
           }
-      } else Array.isArray(i) && i.forEach((c, h) => {
+      } else Array.isArray(i) && i.forEach((a, d) => {
         const u = `${r}/[]`;
-        o(c, u, a);
+        o(a, u, c);
       });
     };
     return o(e, "root", t), s.sort((i, r) => i.path.localeCompare(r.path));
   }
   createPropertyItem(e, t) {
-    return new Be(t, [
+    return new We(t, [
       this.createPropertyType(e, t)
     ]);
   }
   createPropertyType(e, t) {
-    return e === null ? new Xe(t) : e === void 0 ? new le(t) : typeof e === Oe ? 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);
+    return e === null ? new Xe(t) : e === void 0 ? new ae(t) : typeof e === $e ? new Je(t) : typeof e === me && !isNaN(e) ? new qe(t) : typeof e === be ? new Ze(t) : Array.isArray(e) ? new B(t) : typeof e === J ? new L(t, et(t)) : new ae(t);
   }
 }
-class Jt {
+class Xt {
   constructor() {
     this.orOperator = "|", this.rootPropertyType = null, this.rootName = "Root", this.renderTypeScriptInterfacesFifo = [], this.renderTypeScriptInterfacesDone = [];
   }
@@ -635,12 +635,12 @@ class Jt {
           n === "[]" ? n = "any[]" : n.startsWith("(") && n.endsWith(")") && (n = n.substring(1, n.length - 1));
           const l = this.containsUndefinedPropertyType(r) ? "?" : "";
           t.push("  " + r.propertyName + l + ": " + n + ";");
-          for (const a of r.types)
-            if (a instanceof L)
-              a !== this.rootPropertyType && this.renderTypeScriptInterfacesFifo.push(a);
-            else if (a instanceof B)
-              for (const c of a.items)
-                c instanceof L && this.renderTypeScriptInterfacesFifo.push(c);
+          for (const c of r.types)
+            if (c instanceof L)
+              c !== this.rootPropertyType && this.renderTypeScriptInterfacesFifo.push(c);
+            else if (c instanceof B)
+              for (const a of c.items)
+                a instanceof L && this.renderTypeScriptInterfacesFifo.push(a);
         }
         t.push("}"), t.push("");
       }
@@ -651,7 +651,7 @@ class Jt {
     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 !== X).sort((i, r) => Q.includes(i) ? 100 : Q.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) => ee.includes(i) ? 100 : ee.includes(r) ? -100 : i.localeCompare(r)).join(this.orOperator);
     return t.includes(this.orOperator) ? "(" + t + ")" : t;
   }
   renderType(e, t) {
@@ -692,21 +692,21 @@ class G {
     }
   }
 }
-function j(d) {
-  return d && d.type === "TreeRow";
+function j(h) {
+  return h && h.type === "TreeRow";
 }
-function de(d) {
-  return d && d.type === "AreaModelTree";
+function ue(h) {
+  return h && h.type === "AreaModelTree";
 }
-function st(d) {
-  return d && d.type === "CheckboxColumnDef";
+function ot(h) {
+  return h && h.type === "CheckboxColumnDef";
 }
-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;
+class ye {
+  constructor(e = -1, t = -1, s = -1, o = -1, i, r, n, l = 0, c = 0, a = 0, d = "") {
+    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 = c, this.draggingY = a, this.action = d;
   }
   clone() {
-    return new be(
+    return new ye(
       this.rowIndex,
       this.rowTop,
       this.columnIndex,
@@ -726,7 +726,7 @@ class O {
     this.content = e, this.style = t, this.classes = s;
   }
 }
-class We {
+class Ne {
   constructor(e = new O(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
@@ -747,12 +747,12 @@ class We {
     this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = o;
   }
 }
-class Ne {
+class Ge {
   constructor(e = new O("↑", "", ["ge-header-sorted-asc"]), t = new O("↓", "", ["ge-header-sorted-desc"]), s = new O("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
-class ot {
+class it {
   constructor(e) {
     this.domService = e;
   }
@@ -828,24 +828,24 @@ class ot {
   addRowDiv(e, t, s = -1, o, i, r = "") {
     const n = t.index ?? -1, l = this.getDivOrCreateDiv(n, e);
     if (this.domService.addClass(l, "ge-table-row-div"), this.domService.addClass(l, `ge-table-row-div-${t.index}`), o === "body" && i === "center") {
-      const a = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
-      this.domService.addClass(l, `ge-table-row-${a}`);
+      const c = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
+      this.domService.addClass(l, `ge-table-row-${c}`);
     }
     if (this.domService.setStyle(l, "display", "clip"), this.domService.setStyle(l, "position", "absolute"), this.domService.setStyle(l, "left", `${t.left}px`), this.domService.setStyle(l, "top", `${t.top}px`), this.domService.setStyle(l, "width", `${t.width}px`), this.domService.setStyle(l, "height", `${t.height}px`), this.domService.setAttribute(l, "data-row-index", `${s}`), this.domService.setAttribute(l, "data-area", `${o}`), r) {
-      const a = this.domService.createText(r);
-      this.domService.appendChild(l, a);
+      const c = this.domService.createText(r);
+      this.domService.appendChild(l, c);
     }
     return this.domService.appendChild(e.child, l), l;
   }
   addColumnDiv(e) {
-    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: n, text: l = "", treeArrow: a, tableOptions: c, checkedType: h = void 0, sortState: u } = e, g = c == null ? void 0 : c.treeOptions, p = c == null ? void 0 : c.showCheckboxWihoutExtraColumn, m = this.domService.createElement("div");
-    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 f = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (r === "body" && n === "center" && this.domService.addClass(m, `ge-table-column-${f}`), 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, g, 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 { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: n, text: l = "", treeArrow: c, tableOptions: a, checkedType: d = void 0, sortState: u } = e, p = a == null ? void 0 : a.treeOptions, f = a == null ? void 0 : a.showCheckboxWihoutExtraColumn, m = this.domService.createElement("div");
+    this.domService.addClass(m, "ge-table-col-div"), f && 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`), c && c !== "none" && (this.domService.addClass(m, "ge-table-col-tree"), this.addArrowDiv(m, c, p, o, i, r)), f && i === 0 && d && this.addCheckboxToDiv(m, d, r, o), l) {
+      const y = c !== "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;
+    return u && this.addSortedIcon(m, u, a == null ? void 0 : a.sortedOptions, i), this.domService.appendChild(t, m), m;
   }
   addCheckboxToDiv(e, t, s, o) {
     const i = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
@@ -867,31 +867,31 @@ class ot {
       } else {
         const l = this.domService.createElement("div");
         this.domService.appendChild(n, l);
-        const a = this.domService.createText(t);
-        this.domService.addClass(l, "ge-table-label"), this.domService.appendChild(l, a), this.domService.setAttribute(l, "data-row-index", `${o}`), this.domService.setAttribute(l, "data-col-index", `${i}`), this.domService.setAttribute(l, "data-area", `${r}`);
+        const c = this.domService.createText(t);
+        this.domService.addClass(l, "ge-table-label"), this.domService.appendChild(l, c), this.domService.setAttribute(l, "data-row-index", `${o}`), this.domService.setAttribute(l, "data-col-index", `${i}`), this.domService.setAttribute(l, "data-area", `${r}`);
       }
     return this.domService.appendChild(e, n), n;
   }
-  addSortedIcon(e, t = "", s = new Ne(), o = -1) {
+  addSortedIcon(e, t = "", s = new Ge(), 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;
     t === "asc" ? r = s.iconAsc : t === "desc" ? r = s.iconDesc : r = s.iconPlaceholder;
     const n = r.content, l = this.domService.createText(n);
     this.domService.appendChild(i, l), r.style && this.applyStyleString(i, r.style);
-    for (const a of r.classes)
-      this.domService.addClass(i, a);
+    for (const c of r.classes)
+      this.domService.addClass(i, c);
     return this.domService.appendChild(e, i), i;
   }
-  addArrowDiv(e, t = "none", s = new We(), o = -1, i = -1, r = "body") {
+  addArrowDiv(e, t = "none", s = new Ne(), 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;
     t === "expanded" ? l = s.arrowExpanded : t === "collapsed" ? l = s.arrowCollapsed : l = s.arrowPlaceholder;
-    const a = l.content, c = this.domService.createText(a);
-    this.domService.appendChild(n, c), l.style && this.applyStyleString(n, l.style);
-    for (const h of l.classes)
-      this.domService.addClass(n, h);
+    const c = l.content, a = this.domService.createText(c);
+    this.domService.appendChild(n, a), l.style && this.applyStyleString(n, l.style);
+    for (const d of l.classes)
+      this.domService.addClass(n, d);
     return this.domService.appendChild(e, n), n;
   }
   addColumnBorderDivs(e, t, s, o, i) {
@@ -934,22 +934,22 @@ class ot {
     return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
   }
 }
-const ne = (d) => d === "header" ? "header" : d === "footer" ? "footer" : "body";
-class it {
+const le = (h) => h === "header" ? "header" : h === "footer" ? "footer" : "body";
+class rt {
   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 = ne(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
+      if (s && (this.areaIdent = le(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 rt {
+class nt {
   constructor(e) {
-    this.tableScope = e, this.doubleClickDelay = 500, this.expandedAll = !0, this.mouseDown = !1, this.dragging = !1, this.lastClicked = 0;
+    this.tableScope = e, this.doubleClickDelay = 500, this.expandedAll = !0, this.lastClickedCellKey = "", 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 })
@@ -975,30 +975,34 @@ class rt {
    * @return {void}
    */
   onHostElementClicked(e) {
-    const t = Date.now();
-    if (t - this.lastClicked < this.doubleClickDelay) {
+    var r;
+    const t = Date.now(), s = e.target, o = (r = s == null ? void 0 : s.closest) != null && r.call(s, "[data-col-index]") ? ["data-area", "data-row-index", "data-col-index"].map((n) => {
+      var l;
+      return ((l = s.closest("[" + n + "]")) == null ? void 0 : l.getAttribute(n)) ?? "";
+    }).join(":") : "";
+    if (t - this.lastClicked < this.doubleClickDelay && o === this.lastClickedCellKey) {
       this.lastClicked = t, this.publishGeMouseEvent(e, 2);
       return;
     }
-    this.lastClicked = t;
-    const s = new it(e.target, this.tableScope);
-    if (s.action === "toggleExpandCollapseAll")
+    this.lastClicked = t, this.lastClickedCellKey = o;
+    const i = new rt(e.target, this.tableScope);
+    if (i.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 (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) {
+    else if (i.action === "toggleHeaderGroup")
+      this.tableScope.toggleHeaderGroup(i), e.preventDefault(), e.stopPropagation();
+    else if (i.inputType === "checkbox" && i.areaIdent)
+      this.tableScope.toggleRowCheckbox(i.rowIdx, i.colIdx, i.areaIdent), e.preventDefault(), e.stopPropagation();
+    else if (j(i.row) && i.areaModel) {
+      const n = i.colIdx === this.getArrowColumnIndex() && e.altKey, l = i.className.includes("ge-table-tree-arrow-div");
+      if (n || l) {
         e.preventDefault(), e.stopPropagation();
-        const r = s.row;
-        r.expanded = !r.expanded, "recalcVisibleTreeRows" in s.areaModel && s.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(r);
+        const c = i.row;
+        c.expanded = !c.expanded, "recalcVisibleTreeRows" in i.areaModel && i.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(c);
       }
     }
-    if (s.areaIdent === "body" && this.tableScope.tableOptions.getFocusModel) {
-      const o = this.tableScope.tableOptions.getFocusModel();
-      o == null || o.clear(), o == null || o.setFocus(s.rowIdx, s.colIdx);
+    if (i.areaIdent === "body") {
+      const n = this.tableScope.focusModel();
+      n == null || n.clear(), n == null || n.setFocus(i.rowIdx, i.colIdx);
     }
     this.publishGeMouseEvent(e, 1);
   }
@@ -1009,16 +1013,17 @@ class rt {
    * @param {MouseEvent} event - The double click event.
    */
   onHostElementDblClicked(e) {
+    var t, s;
     if (this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
-      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)), j(l) && r === this.getArrowColumnIndex()) {
+      const o = e.target.closest("[data-col-index]") ?? e.target, i = ((t = o.closest("[data-area]")) == null ? void 0 : t.getAttribute("data-area")) ?? null, r = le(i), n = Number((s = o.closest("[data-row-index]")) == null ? void 0 : s.getAttribute("data-row-index")), l = Number(o.getAttribute("data-col-index")), c = this.tableScope.tableModel.getAreaModel(r);
+      if (i && r === "header")
+        this.tableScope.tableModel.isSortable(l) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, n, l));
+      else if (o.getAttribute("data-row-index")) {
+        const a = c.getRowByIndex(n);
+        if (i && r === "body" && c.isEditable(n, l) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(n, l)), j(a) && l === 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);
+          const d = a;
+          d.expanded = !d.expanded, "recalcVisibleTreeRows" in c && c.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(d);
         }
       }
     }
@@ -1043,11 +1048,12 @@ class rt {
    * @returns {void}
    */
   updateCollapsedExpandedState(e) {
-    var s, o, i, r, n;
+    var s, o, i, r, n, l;
     const t = (o = (s = this.tableScope.tableOptions) == null ? void 0 : s.autoRestoreOptions) == null ? void 0 : o.getRowId;
     if (t) {
-      const l = (i = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : i.collapsedExpandedStateGet().mode, a = l === "collapsed" && !e.expanded || l === "expanded" && e.expanded, c = l === "collapsed" && e.expanded || l === "expanded" && !e.expanded, h = t(e.data);
-      a ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(h) : c && ((n = this.tableScope.storeStateCollapsedExpandService) == null || n.collapsedStateIdsRemove(h));
+      (i = this.tableScope.storeStateCollapsedExpandService) == null || i.initModeIfEmpty(e.expanded ? "expanded" : "collapsed");
+      const c = (r = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : r.collapsedExpandedStateGet().mode, a = c === "collapsed" && !e.expanded || c === "expanded" && e.expanded, d = c === "collapsed" && e.expanded || c === "expanded" && !e.expanded, u = t(e.data);
+      a ? (n = this.tableScope.storeStateCollapsedExpandService) == null || n.collapsedStateIdsPush(u) : d && ((l = this.tableScope.storeStateCollapsedExpandService) == null || l.collapsedStateIdsRemove(u));
     }
   }
   getArrowColumnIndex() {
@@ -1083,7 +1089,7 @@ class rt {
     }
   }
 }
-class ye {
+class we {
   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]);
   }
@@ -1181,7 +1187,7 @@ class ye {
       this.yPositions[t + 1] = this.getRowHeight(t) + this.yPositions[t];
   }
 }
-class we {
+class xe {
   genericSortComparator(e, t, s) {
     if (typeof e == "number" && typeof t == "number")
       return s * (e - t);
@@ -1199,7 +1205,7 @@ class we {
     return s * ("" + e).localeCompare("" + t);
   }
 }
-class _ extends ye {
+class _ extends we {
   /**
    * Creates an instance of AreaModelObjectArray.
    * 
@@ -1230,7 +1236,7 @@ class _ extends ye {
    * );
    */
   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 we(), 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 xe(), this._focusedRowIndex = 0, this.filteredRows = [...t], this.properties = o.map((n) => n.property);
   }
   /**
    * Gets the index of the currently focused row.
@@ -1642,7 +1648,7 @@ class _ extends ye {
     return o && t.length ? this.getPropertyValue(o, t) : o;
   }
 }
-class nt {
+class lt {
   constructor(e) {
     this.tableScope = e;
   }
@@ -2259,7 +2265,7 @@ class nt {
    * @param {string} fileName - The name of the Excel file to be downloaded (default: 'table.xlsx')
    * @param {string} author - Optional metadata for the Excel file to specify the author (default: '')
    *
-   * @returns {void} The result of the excelService.downloadExcel method call
+   * @returns {Promise<void>} resolves when the (compressed) file has been handed to the browser
    *
    * @example
    * // Download table data with default filename
@@ -2276,13 +2282,13 @@ class nt {
   downloadExcel(e = "table.xlsx", t = "") {
     var n, l;
     const s = [], o = this.tableScope.tableModel, i = [];
-    for (let a = 0; a < o.getColumnCount(); a++)
-      ((l = (n = o.getColumnDef(a)) == null ? void 0 : n.isVisible) == null ? void 0 : l.call(n)) !== !1 && i.push(a);
+    for (let c = 0; c < o.getColumnCount(); c++)
+      ((l = (n = o.getColumnDef(c)) == null ? void 0 : n.isVisible) == null ? void 0 : l.call(n)) !== !1 && i.push(c);
     const r = ["header", "body", "footer"];
-    for (const a of r) {
-      const c = o.getAreaModel(a), h = (c == null ? void 0 : c.getRowCount()) ?? 0;
-      for (let u = 0; u < h; u++)
-        s.push(i.map((g) => c.getValueAt(u, g)));
+    for (const c of r) {
+      const a = o.getAreaModel(c), d = (a == null ? void 0 : a.getRowCount()) ?? 0;
+      for (let u = 0; u < d; u++)
+        s.push(i.map((p) => a.getValueAt(u, p)));
     }
     return this.tableScope.excelService.downloadExcel(s, e, t);
   }
@@ -2668,6 +2674,20 @@ class nt {
     } else
       console.warn("updateRows<T>(rows: T[], predicate: (a: T, b: T) => boolean) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s);
   }
+  /**
+   * Sorts by one column from code – e.g. from your own button – exactly like a double click on the
+   * column header: rows, header icon, filter (sort order survives filtering) and auto-restore.
+   *
+   * @param {number | string} column - column index or property, e.g. `"total"`
+   * @param {SortState} [sortState] - `"asc"` or `"desc"`; omitted: toggles like the header (asc → desc → …)
+   * @returns {boolean} false if the column does not exist
+   *
+   * @example
+   * document.querySelector("#by-total")!.addEventListener("click", () => tableApi.sortByColumn("total", "desc"));
+   */
+  sortByColumn(e, t) {
+    return this.tableScope.sortByColumn(e, t);
+  }
   /**
    * Re-applies the current sorting configuration to the table data.
    *
@@ -3006,14 +3026,14 @@ class nt {
     return this.tableScope.loggingActive;
   }
 }
-class xe {
+class Se {
   constructor(e) {
     this.getStorageKeyFn = e;
   }
   autoConvertMapToObject(e) {
     const t = {};
     return e instanceof Map && e.forEach((o, i) => {
-      t[o] = i;
+      t[i] = o;
     }), t;
   }
   checkAndPersistItem(e, t) {
@@ -3031,11 +3051,19 @@ class xe {
     }
   }
   persistItem(e, t) {
-    t ? localStorage.setItem(e, JSON.stringify(t)) : localStorage.removeItem(e);
+    try {
+      t ? localStorage.setItem(e, JSON.stringify(t)) : localStorage.removeItem(e);
+    } catch {
+    }
   }
   loadFromLocalStorage(e) {
-    const t = localStorage.getItem(e);
-    return t ? JSON.parse(t) : null;
+    try {
+      const t = localStorage.getItem(e);
+      if (t)
+        return JSON.parse(t);
+    } catch {
+    }
+    return null;
   }
   // private loadItems() {
   //   const fn = this.getStorageKeyFn;
@@ -3073,7 +3101,7 @@ class xe {
   //   }
   // }
 }
-class lt extends xe {
+class at extends Se {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -3095,14 +3123,24 @@ class lt extends xe {
     }
   }
 }
-class at {
+class ct {
   constructor(e = "collapsed", t = [], s = !1, o = !1) {
     this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = o;
   }
 }
-class ct extends xe {
+class dt extends Se {
   constructor(e) {
-    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new at(), this.load();
+    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new ct(), this.stored = !1, this.load();
+  }
+  hasStoredState() {
+    return this.stored;
+  }
+  /**
+   * The first toggle defines what the stored ids mean: a table that starts collapsed stores the expanded rows,
+   * a table that starts expanded stores the collapsed ones.
+   */
+  initModeIfEmpty(e) {
+    !this.stored && !this.collapsedExpandedState.rowIds.length && (this.collapsedExpandedState.mode = e);
   }
   collapsedExpandedStateGet() {
     return this.collapsedExpandedState;
@@ -3126,15 +3164,15 @@ class ct extends xe {
       const t = e();
       if (t) {
         const s = t + this.COLLAPSED_EXPANDED_STATE, o = this.loadFromLocalStorage(s);
-        o && (this.collapsedExpandedState = o);
+        o && (this.collapsedExpandedState = o, this.stored = !0);
       }
     }
   }
   persist() {
-    this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
+    this.stored = !0, this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class dt extends xe {
+class ht extends Se {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -3160,7 +3198,7 @@ class V {
     this.left = e, this.width = t, this.height = s, this.top = o, this.index = i;
   }
 }
-const oe = class oe {
+const ie = class ie {
   constructor(e, t, s, o) {
     this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new V(), this.areaBodyCenterGeo = new V(), this.areaBodyEastGeo = new V();
     const i = this.hostElement;
@@ -3327,12 +3365,12 @@ const oe = class oe {
    * @returns {void} Returns nothing.
    */
   resetSizeOfWrapperDiv() {
-    const e = `${this.tableModel.getContentWidthInPixel()}px`, t = this.tableModel.getContentHeightInPixel() + 1, s = `${Math.min(t, oe.maxScrollHeightInPx)}px`;
+    const e = `${this.tableModel.getContentWidthInPixel()}px`, t = this.tableModel.getContentHeightInPixel() + 1, s = `${Math.min(t, ie.maxScrollHeightInPx)}px`;
     this.dom.setStyle(this.contentWrapperDiv, "width", e), this.dom.setStyle(this.contentWrapperDiv, "height", s);
   }
 };
-oe.maxScrollHeightInPx = 8e6;
-let ee = oe;
+ie.maxScrollHeightInPx = 8e6;
+let te = ie;
 class M {
   /**
    * Represents a constructor for a class.
@@ -3368,7 +3406,126 @@ class M {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
   }
 }
-class ht {
+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 = [];
+  }
+  getEventSelectionChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventSelectionChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventSelectionChangedListener(e) {
+    const t = this.listenerArr.indexOf(e, 0);
+    t > -1 && this.listenerArr.splice(t, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.silent || this.listenerArr.forEach((e) => e.onSelectionChanged(this));
+  }
+  firstClick(e, t) {
+    this.selectionType === "row" ? this.addRange(M.singleRow(e)) : this.selectionType === "column" && this.addRange(M.singleColumn(t));
+  }
+  getSelectionCount(e, t) {
+    let s = 0;
+    for (const o of this.ranges)
+      o.isInRange(e, t) && s++;
+    return this.allSelected && s++, this.isInNegativeRange(e, t) && (s = 0), s;
+  }
+  isInNegativeRange(e, t) {
+    for (const s of this.negativeRanges)
+      if (s.isInRange(e, t))
+        return !0;
+    return !1;
+  }
+  getRanges() {
+    return this.ranges;
+  }
+  clear() {
+    this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.fireChangeEvent();
+  }
+  hasSelection() {
+    return this.allSelected || !!this.ranges.length;
+  }
+  hasNoSelection() {
+    return !this.hasSelection();
+  }
+  /**
+   * Retrieves the merged row indices from the given range selection.
+   *
+   * @returns {number[]} Array of merged row indices
+   */
+  getMergedRowIndices() {
+    const e = /* @__PURE__ */ new Set();
+    for (const t of this.ranges)
+      for (let s = t.r1; s <= t.r2; s++)
+        !e.has(s) && !this.isInNegativeRange(s, 0) && e.add(s);
+    return Array.from(e);
+  }
+  selectAll() {
+    this.allSelected = !0, this.fireChangeEvent();
+  }
+  isAllSelected() {
+    return this.allSelected;
+  }
+  addSelection(e) {
+    this.addRange(e), this.fireChangeEvent();
+  }
+  removeSelection(e) {
+    if (this.selectionType === "none")
+      return;
+    let t = e;
+    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(M.singleCell(e, t)) : this.addSelection(M.singleCell(e, t));
+  }
+  isSelected(e, t) {
+    return this.getSelectionCount(e, t) > 0;
+  }
+  addRange(e) {
+    this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e), this.fireChangeEvent());
+  }
+}
+class ut {
+  constructor(e = "none") {
+    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
+  }
+  getEventFocusChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventFocusChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventFocusChangedListener(e) {
+    const t = this.listenerArr.indexOf(e, 0);
+    t > -1 && this.listenerArr.splice(t, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.listenerArr.forEach((e) => e.onFocusChanged(this));
+  }
+  clearChanged() {
+    this.changed = !1;
+  }
+  hasChanged() {
+    return this.changed;
+  }
+  clear() {
+    this.rowIndex = -1, this.columnIndex = -1, this.fireChangeEvent();
+  }
+  setFocus(e, t) {
+    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0, this.fireChangeEvent());
+  }
+  hasFocus(e, t) {
+    return this.rowIndex === e && this.columnIndex === t;
+  }
+  getFocus() {
+    return [this.rowIndex, this.columnIndex];
+  }
+}
+class pt {
   constructor(e, t) {
     this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
   }
@@ -3406,17 +3563,31 @@ class k {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class ut extends ee {
+class gt extends te {
   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 = {
+    var r, n, l, c;
+    if (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 k(), 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 ht(t, t.getAreaModel(l)), (a = this.colAndRowspanModels[l]) == null || a.init();
+    }, this.tree = !1, this.colAndRowspanModels = new k(), this.draggingTargetColumnIndex = -1, this.contentScrollTop = 0, this.removables = [], (n = (r = this.tableModel).getSelectionModel) != null && n.call(r))
+      this.getSelectionModel = () => this.tableModel.getSelectionModel();
+    else if ((l = this.tableOptions) != null && l.getSelectionModel)
+      this.getSelectionModel = this.tableOptions.getSelectionModel;
+    else {
+      const a = new Ce();
+      this.getSelectionModel = () => a;
+    }
+    if ((c = this.tableOptions) != null && c.getFocusModel)
+      this.getFocusModel = this.tableOptions.getFocusModel;
+    else {
+      const a = new ut("cell");
+      this.getFocusModel = () => a;
+    }
+    ue(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+      (a) => {
+        var d;
+        this.colAndRowspanModels[a] = new pt(t, t.getAreaModel(a)), (d = this.colAndRowspanModels[a]) == null || d.init();
       }
     );
   }
@@ -3459,7 +3630,7 @@ class ut extends ee {
     if (s || (s = this.tableOptions.getEditRenderer), s)
       if (this.editorRenderer = s(e, t), this.editorRenderer) {
         this.editorRendererRow = e, this.editorRendererColumn = t, this.editing = !0, this.repaint();
-        const i = document.querySelector("input.ge-table-cell-editor-input");
+        const i = this.hostElement.querySelector("input.ge-table-cell-editor-input");
         i && i.focus();
       } else
         this.resetEditorRenderer();
@@ -3501,7 +3672,7 @@ class ut extends ee {
     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) {
+    if (this.hideHoverRow(), this.hideHoverColumn(), this.scrollTop = this.scrollViewport.scrollTop, this.scrollLeft = this.scrollViewport.scrollLeft, this.scrollViewportLeft = this.scrollLeft, this.scrollPosSaveTimeout && clearTimeout(this.scrollPosSaveTimeout), this.scrollPosSaveTimeout = setTimeout(() => this.checkForScrollPosSaving(), 500), 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;
     }
@@ -3569,23 +3740,23 @@ class ut extends ee {
    * @param {string[]} cssClasses - An array of CSS classes to be applied to the cell.
    */
   rerenderCellContent({ area: e, rowIndex: t, columnIndex: s, value: o, cssClasses: i }) {
-    const r = this.tableModel.getAreaModel(e), n = 'div[data-col-index="' + s + '"][data-row-index="' + t + '"][data-area="' + e + '"]', l = document.querySelector(n);
+    const r = this.tableModel.getAreaModel(e), n = 'div[data-col-index="' + s + '"][data-row-index="' + t + '"][data-area="' + e + '"]', l = this.hostElement.querySelector(n);
     if (l) {
-      let a;
-      const c = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s;
-      let h;
-      if (c ? h = this.editorRenderer : h = r.getCellRenderer(t, s), l.innerText = "", this.applyCssClasses(l, i), h)
-        a = h.render(l, t, s, e, r, o, this.dom.domService), a && this.cleanupFunctions[e].push(a);
+      let c;
+      const a = e === "body" && this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s;
+      let d;
+      if (a ? d = this.editorRenderer : d = r.getCellRenderer(t, s), l.innerText = "", this.applyCssClasses(l, i), d)
+        c = d.render(l, t, s, e, r, o, this.dom.domService), c && this.cleanupFunctions[e].push(c);
       else {
-        const p = `${o}`;
-        this.dom.addLabelDiv(l, p, !1, t, s, e);
+        const f = `${o}`;
+        this.dom.addLabelDiv(l, f, !1, t, s, e);
       }
       const u = r.getCustomClassesAt(t, s);
       u.length && this.dom.addClasses(u, l);
-      const g = r.getCustomStyleAt(t, s);
-      if (g)
-        for (const p in g)
-          this.dom.setStyle(l, p, g[p]);
+      const p = r.getCustomStyleAt(t, s);
+      if (p)
+        for (const f in p)
+          this.dom.setStyle(l, f, p[f]);
     }
   }
   getFirstVisibleRowIndex() {
@@ -3670,7 +3841,7 @@ class ut extends ee {
    * scaled and scrollTop is no longer a content pixel position.
    */
   isScrollHeightCapped() {
-    return this.tableModel.getContentHeightInPixel() + 1 > ee.maxScrollHeightInPx;
+    return this.tableModel.getContentHeightInPixel() + 1 > te.maxScrollHeightInPx;
   }
   /** Scrollable range of the content in content pixels (content height minus visible body height). */
   getContentScrollRangeY() {
@@ -3745,23 +3916,23 @@ class ut extends ee {
     var w, v, I;
     const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), r = ((w = this.areaHeightsOfRenderPass) == null ? void 0 : w[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();
+    const n = 0, l = this.areaBodyCenterGeo.width, c = this.tableModel.getPadding(), a = this.tableModel.getAreaModel(e), d = a.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
       const x = this.cleanupFunctions[e].shift();
       x && x();
     }
     let u = t;
-    const g = this.tableModel.getColumnCount(), p = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
+    const p = this.tableModel.getColumnCount(), f = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
     e === "body" && (this.firstVisibleRowIndex = -1, this.firstFullVisibleRowIndex = -1, this.lastVisibleRowIndex = -1, this.lastFullVisibleRowIndex = -1);
-    let f = 0;
-    const b = (v = c.getConstantRowHeight) == null ? void 0 : v.call(c);
-    if (b !== void 0 && b > 0 && u < 0) {
-      for (f = Math.min(h, Math.floor(-u / b)); f > 0 && u + f * b > 0; )
-        f--;
-      u = u + f * b;
+    let g = 0;
+    const y = (v = a.getConstantRowHeight) == null ? void 0 : v.call(a);
+    if (y !== void 0 && y > 0 && u < 0) {
+      for (g = Math.min(d, Math.floor(-u / y)); g > 0 && u + g * y > 0; )
+        g--;
+      u = u + g * y;
     }
-    for (let x = f; x < h; x++) {
-      const S = u, T = x === h - 1, R = this.tableModel.getRowHeight(e, x);
+    for (let x = g; x < d; x++) {
+      const S = u, E = x === d - 1, R = this.tableModel.getRowHeight(e, x);
       if (S + R > 0) {
         e === "body" && this.firstVisibleRowIndex === -1 && (this.firstVisibleRowIndex = x, this.firstFullVisibleRowIndex = S < -this.pixelLimitForFullVisible ? this.firstVisibleRowIndex + 1 : this.firstVisibleRowIndex);
         let A = { left: n, width: l, height: R, top: S, index: x }, D = this.dom.addRowDiv(o, A, x, e, "center");
@@ -3769,37 +3940,37 @@ class ut extends ee {
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
-          areaModel: c,
+          areaModel: a,
           geo: A,
           parent: D,
           rowIndex: x,
           columnIndexStart: N,
-          columnIndexEnd: g - p - 1,
+          columnIndexEnd: p - f - 1,
           verticalFixed: !1,
-          lastRowOfModel: T
-        }), a.left > 0 && (A = { left: n, width: this.areaBodyWestGeo.width, height: R, top: S, index: x }, D = this.dom.addRowDiv(s, A, x, e, "west"), this.adjustColumnsToRowParent({
+          lastRowOfModel: E
+        }), c.left > 0 && (A = { left: n, width: this.areaBodyWestGeo.width, height: R, top: S, index: x }, D = this.dom.addRowDiv(s, A, x, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
-          areaModel: c,
+          areaModel: a,
           geo: A,
           parent: D,
           rowIndex: x,
           columnIndexStart: 0,
           columnIndexEnd: N - 1,
           verticalFixed: !0,
-          lastRowOfModel: T
-        })), a.right > 0 && (A = { left: n, width: this.areaBodyEastGeo.width, height: R, top: S, index: x }, D = this.dom.addRowDiv(i, A, x, e, "east"), this.adjustColumnsToRowParent({
+          lastRowOfModel: E
+        })), c.right > 0 && (A = { left: n, width: this.areaBodyEastGeo.width, height: R, top: S, index: x }, D = this.dom.addRowDiv(i, A, x, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
-          areaModel: c,
+          areaModel: a,
           geo: A,
           parent: D,
           rowIndex: x,
-          columnIndexStart: g - p,
-          columnIndexEnd: g - 1,
+          columnIndexStart: p - f,
+          columnIndexEnd: p - 1,
           verticalFixed: !0,
-          lastRowOfModel: T
-        })), e === "header" && this.tree && x === h - 1) {
+          lastRowOfModel: E
+        })), e === "header" && this.tree && x === d - 1) {
           const U = this.dom.applyStyle(
             this.dom.setAttribute(
               this.dom.addDiv(D, new V(16, 20, 20, 8)),
@@ -3809,8 +3980,8 @@ class ut extends ee {
             { cursor: "pointer" }
           ), 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);
+            const Ye = this.dom.domService.createText(C.content);
+            this.dom.domService.appendChild(U, Ye), C.style && this.dom.applyStyleString(U, C.style);
           }
         }
       }
@@ -3819,23 +3990,23 @@ class ut extends ee {
         break;
       }
     }
-    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 + `
+    if (e === "body" && this.firstVisibleRowIndex > -1 && this.lastVisibleRowIndex === -1 && (this.lastVisibleRowIndex = d - 1, this.lastFullVisibleRowIndex = d - 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 x = ((I = this.colAndRowspanModels[e]) == null ? void 0 : I.getRanges()) ?? [];
       if (x.length)
         for (const S of x) {
-          let T = 0, R = o.child, A = "center";
+          let E = 0, R = o.child, A = "center";
           if (S.c1 < m)
             R = s.child, A = "west";
-          else if (p > 0 && S.c1 >= g - p)
+          else if (f > 0 && S.c1 >= p - f)
             R = i.child, A = "east";
           else {
             const D = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            T = this.snapToDevicePixel(this.scrollFactorX * D) - this.areaBodyWestGeo.width, A = "center";
+            E = this.snapToDevicePixel(this.scrollFactorX * D) - this.areaBodyWestGeo.width, A = "center";
           }
-          this.drawBigCell(S, T, t, c, R, A);
+          this.drawBigCell(S, E, t, a, R, A);
         }
     }
   }
@@ -3850,24 +4021,24 @@ 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((f, b) => f + b, 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((f, b) => f + b, 0), u = this.getRowHeights(e.r1, e.r2, o).reduce((f, b) => f + b, 0), g = this.getColumnWidths(e.c1, e.c2).reduce((f, b) => f + b, 0);
-    let p = !1;
+    const n = s + this.getRowHeights(0, e.r1 - 1, o).reduce((g, y) => g + y, 0), l = this.tableModel.getColumnCount(), c = this.tableModel.getFixedRightColumnCount();
+    let a = 0;
+    c > 0 && e.c1 >= l - c && (a = l - c);
+    const d = t + this.getColumnWidths(a, e.c1 - 1).reduce((g, y) => g + y, 0), u = this.getRowHeights(e.r1, e.r2, o).reduce((g, y) => g + y, 0), p = this.getColumnWidths(e.c1, e.c2).reduce((g, y) => g + y, 0);
+    let f = !1;
     const m = this.getSelectionModel ? this.getSelectionModel() : void 0;
-    m && (p = m.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
+    m && (f = m.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
       areaModel: o,
       areaIdent: o.areaIdent,
       sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
-      left: h,
+      left: d,
       top: n,
-      width: g,
+      width: p,
       height: u,
       parent: i,
-      cellSelected: p,
+      cellSelected: f,
       lastRowOfModel: !0,
       gammaRange: e.gammaRange
     }) : this.renderCell({
@@ -3876,20 +4047,20 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
       sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
-      left: h,
+      left: d,
       top: n,
-      width: g,
+      width: p,
       height: u,
       parent: i,
-      cellSelected: p,
+      cellSelected: f,
       lastRowOfModel: !0,
       gammaRange: e.gammaRange
     }), o.areaIdent === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
       rowIndex: e.r1,
       columnIndex: e.c1,
-      cellLeft: h,
+      cellLeft: d,
       cellTop: n,
-      cellWidth: g,
+      cellWidth: p,
       cellHeight: u,
       parent: i
     });
@@ -3930,50 +4101,50 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     rowIndex: r,
     columnIndexStart: n,
     columnIndexEnd: l,
-    verticalFixed: a = !1,
-    lastRowOfModel: c = !1
+    verticalFixed: c = !1,
+    lastRowOfModel: a = !1
   }) {
     var m;
-    let h = 0;
-    if (!a) {
-      const f = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-      h = this.snapToDevicePixel(this.scrollFactorX * f);
+    let d = 0;
+    if (!c) {
+      const g = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+      d = this.snapToDevicePixel(this.scrollFactorX * g);
     }
-    const u = 0, g = !!(e === "body" && t);
-    let p = h;
-    for (let f = n; f <= l; f++) {
-      const b = p, w = this.tableModel.getColumnWidth(f);
-      if (w > 0 && b + w > 0) {
+    const u = 0, p = !!(e === "body" && t);
+    let f = d;
+    for (let g = n; g <= l; g++) {
+      const y = f, w = this.tableModel.getColumnWidth(g);
+      if (w > 0 && y + w > 0) {
         let v = o.height;
-        const I = s.getRowspanAt(r, f), x = s.getColspanAt(r, f);
+        const I = s.getRowspanAt(r, g), x = s.getColspanAt(r, g);
         I > 1 && (v = this.getRowHeights(r, r + I - 1, s).reduce((R, A) => R + A, 0));
         let S = w;
-        x > 1 && (S = this.getColumnWidths(f, f + x - 1).reduce((R, A) => R + A, 0));
-        let T = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, f) && (T = !0), this.draggingTargetColumnIndex === f && e !== "header") {
-          this.renderDragTargetDiv(i, b, u, S, v);
-          const R = { left: b, top: u, width: S, height: v };
+        x > 1 && (S = this.getColumnWidths(g, g + x - 1).reduce((R, A) => R + A, 0));
+        let E = !1;
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, g) && (E = !0), this.draggingTargetColumnIndex === g && e !== "header") {
+          this.renderDragTargetDiv(i, y, u, S, v);
+          const R = { left: y, top: u, width: S, height: v };
           this.dom.addColumnBorderDivs(this.tableOptions, i, R, e, t);
         } else {
-          const R = this.renderSelectedBackgroundDiv(T, g, t, s, r, f, i, b, u, S, v);
-          "gammaCells" in s && s.getValueAt(r, f) && (T = !1), T || this.renderCell({
+          const R = this.renderSelectedBackgroundDiv(E, p, t, s, r, g, i, y, u, S, v);
+          "gammaCells" in s && s.getValueAt(r, g) && (E = !1), E || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
             rowIndex: r,
-            columnIndex: f,
-            left: b,
+            columnIndex: g,
+            left: y,
             top: u,
             width: S,
             height: v,
             parent: i,
             cellSelected: R,
-            lastRowOfModel: c,
+            lastRowOfModel: a,
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
             rowIndex: r,
-            columnIndex: f,
-            cellLeft: b,
+            columnIndex: g,
+            cellLeft: y,
             cellTop: u,
             cellWidth: S,
             cellHeight: v,
@@ -3981,10 +4152,10 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
           });
         }
       }
-      if (p = p + w, p > this.areaBodyCenterGeo.width)
+      if (f = f + w, f > this.areaBodyCenterGeo.width)
         break;
     }
-    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new V(p - 1, 1, o.height, 0), i);
+    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new V(f - 1, 1, o.height, 0), i);
   }
   /**
    * Retrieves the column index of the tree arrow column in the table.
@@ -4007,46 +4178,49 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     left: r,
     width: n,
     height: l,
-    top: a,
-    parent: c,
-    lastRowOfModel: h
+    top: c,
+    parent: a,
+    lastRowOfModel: d
   }) {
     var U;
-    const g = 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 f = "none";
+    const u = t === "body" && this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i, p = u ? this.editorRenderer : e.getCellRenderer(o, i), f = { left: r, width: n, height: l, top: c, index: i }, m = e.getRowByIndex(o);
+    let g = "none";
     if (i === this.getTreeArrowColumnIndex() && j(m)) {
       const C = m;
-      (U = C.children) != null && U.length ? C.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
+      (U = C.children) != null && U.length ? C.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
     }
     let w;
     if (t === "header") {
       const C = this.tableModel.getColumnDef(i);
       (!(C != null && C.sortIconVisible) || C != null && C.sortIconVisible()) && (w = C == null ? void 0 : C.sortState);
     }
-    const v = e.getValueAt(o, i), I = g ? "" : `${v}`, x = e.isRowChecked(o), S = this.dom.addColumnDiv(
+    const v = e.getValueAt(o, i), I = p ? "" : `${v ?? ""}`, x = e.isRowChecked(o), S = this.dom.addColumnDiv(
       {
-        parent: c,
-        geo: p,
+        parent: a,
+        geo: f,
         rowIndex: o,
         columnIndex: i,
         areaIdent: t,
         sideIdent: s,
         text: I,
-        treeArrow: f,
+        treeArrow: g,
         tableOptions: this.tableOptions,
         checkedType: x,
         sortState: w
       }
-    ), T = e.getTooltipAt(o, i);
-    T && this.dom.setAttribute(S, "title", T);
+    ), E = e.getTooltipAt(o, i);
+    E && this.dom.setAttribute(S, "title", E);
     const R = this.tableModel.getColumnDef(i);
     R && R.classes[t] && this.dom.addClasses(R.classes[t], S);
     let A;
-    g && (A = g.render(S, o, i, t, e, v, this.dom.domService));
+    if (p && (A = p.render(S, o, i, t, e, v, this.dom.domService), u)) {
+      const C = S.querySelector("input, select");
+      C && !C.contains(document.activeElement) && C.focus();
+    }
     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") {
+    if (D.length && this.dom.addClasses(D, S), this.dom.addColumnBorderDivs(this.tableOptions, a, f, t, s), d && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: c + l }, a), this.getFocusModel && t === "body") {
       const C = this.getFocusModel();
-      C != null && C.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, p, {});
+      C != null && C.hasFocus(o, i) && this.dom.addFocusBorderDivs(a, f, {});
     }
     t === "header" && this.dom.setAttribute(S, "data-ge-action", "drag-column");
     const N = e.getCustomStyleAt(o, i);
@@ -4197,12 +4371,12 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     if (this.dragging) {
       const r = this.hostElement.clientHeight, n = this.storedColumnWidths[t];
       if ((o = e.originalEvent) != null && o.clientX) {
-        const c = { left: ((i = e.originalEvent) == null ? void 0 : i.clientX) - n / 2, width: n, height: r, top: 0, index: t };
+        const a = { left: ((i = e.originalEvent) == null ? void 0 : i.clientX) - n / 2, width: n, height: r, top: 0, index: t };
         this.dom.applyStyle(this.draggingColumn, {
           background: "rgba(128,128,128,0.2)",
           display: "block",
           overfllow: "clip"
-        }), this.dom.applyStyleInPx(this.draggingColumn, c), s && this.renderContentOfDraggingColumn(c);
+        }), this.dom.applyStyleInPx(this.draggingColumn, a), s && this.renderContentOfDraggingColumn(a);
       }
     } else
       this.hideDraggingColumn();
@@ -4230,27 +4404,27 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     const o = "center", i = this.tableModel.getAreaModel(t), r = i == null ? void 0 : i.getRowCount();
     if (r) {
       const n = e.index ?? 0, l = this.draggingColumn;
-      for (let a = 0; a < r; a++) {
-        const c = s, h = i.getRowHeight(a), u = { left: 0, width: e.width, height: h, top: c, index: a }, g = i.getValueAt(a, n), p = i.getCellRenderer(a, n), m = p ? "" : `${g}`, f = {
+      for (let c = 0; c < r; c++) {
+        const a = s, d = i.getRowHeight(c), u = { left: 0, width: e.width, height: d, top: a, index: c }, p = i.getValueAt(c, n), f = i.getCellRenderer(c, n), m = f ? "" : `${p ?? ""}`, g = {
           parent: l,
           geo: u,
-          rowIndex: a,
+          rowIndex: c,
           columnIndex: n,
           areaIdent: t,
           sideIdent: o,
           text: m
-        }, b = this.dom.addColumnDiv(f);
+        }, y = this.dom.addColumnDiv(g);
         let w;
-        p && (w = p.render(b, a, n, t, i, g, this.dom.domService), w && this.cleanupFunctions[t].push(w));
-        const v = i.getCustomClassesAt(a, n);
-        v.length && this.dom.addClasses(v, b);
+        f && (w = f.render(y, c, n, t, i, p, this.dom.domService), w && this.cleanupFunctions[t].push(w));
+        const v = i.getCustomClassesAt(c, n);
+        v.length && this.dom.addClasses(v, y);
         const I = this.tableModel.getColumnDef(n);
-        I && I.classes[t] && this.dom.addClasses(I.classes[t], b), this.dom.addColumnBorderDivs(this.tableOptions, l, u, t, o);
-        const x = i.getCustomStyleAt(a, n);
+        I && I.classes[t] && this.dom.addClasses(I.classes[t], y), this.dom.addColumnBorderDivs(this.tableOptions, l, u, t, o);
+        const x = i.getCustomStyleAt(c, n);
         if (x)
           for (const S in x)
-            this.dom.setStyle(b, S, x[S]);
-        s = s + h;
+            this.dom.setStyle(y, S, x[S]);
+        s = s + d;
       }
     }
     return s;
@@ -4299,19 +4473,19 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
    * @param {number} height - The height of the div.
    * @returns {boolean} - Whether the cell is selected.
    */
-  renderSelectedBackgroundDiv(e, t, s, o, i, r, n, l, a, c, h) {
+  renderSelectedBackgroundDiv(e, t, s, o, i, r, n, l, c, a, d) {
     let u = !1;
     if (!e && t && o.isSelectable(i, r) && this.getSelectionModel) {
-      const g = this.getSelectionModel();
-      if (g) {
-        const p = g.getSelectionCount(i, r);
-        u = p > 0;
-        for (let m = 0; m < p; m++) {
-          const f = this.dom.applyStylePosistionAbsolute(
+      const p = this.getSelectionModel();
+      if (p) {
+        const f = p.getSelectionCount(i, r);
+        u = f > 0;
+        for (let m = 0; m < f; m++) {
+          const g = this.dom.applyStylePosistionAbsolute(
             // ge-table-body-west-selected-range
             this.dom.createDivWithClass(`ge-table-${o.areaIdent}-${s}-selected-range`, n)
           );
-          this.dom.setStyle(f, "left", `${l}px`), this.dom.setStyle(f, "top", `${a}px`), this.dom.setStyle(f, "width", `${c}px`), this.dom.setStyle(f, "height", `${h}px`);
+          this.dom.setStyle(g, "left", `${l}px`), this.dom.setStyle(g, "top", `${c}px`), this.dom.setStyle(g, "width", `${a}px`), this.dom.setStyle(g, "height", `${d}px`);
         }
       }
     }
@@ -4345,12 +4519,12 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
     left: r,
     top: n,
     width: l,
-    height: a,
-    parent: c,
-    cellSelected: h,
+    height: c,
+    parent: a,
+    cellSelected: d,
     lastRowOfModel: u
   }) {
-    const [g, p] = this.addAndRenderCellDiv({
+    const [p, f] = this.addAndRenderCellDiv({
       areaModel: e,
       areaIdent: t,
       sideIdent: s,
@@ -4358,12 +4532,12 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
       index: i,
       left: r,
       width: l,
-      height: a,
+      height: c,
       top: n,
-      parent: c,
+      parent: a,
       lastRowOfModel: u
     });
-    h && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, g), p && this.cleanupFunctions[t].push(p);
+    d && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, p), f && this.cleanupFunctions[t].push(f);
   }
   /**
    * Render the header cell resize handle.
@@ -4380,16 +4554,16 @@ render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex),
    * @return {void}
    */
   renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: o, cellWidth: i, cellHeight: r, parent: n }) {
-    const l = this.dom.domService, a = this.tableOptions.columnResizeHandleWidthInPx ?? 2, c = l.createElement("div");
-    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);
+    const l = this.dom.domService, c = this.tableOptions.columnResizeHandleWidthInPx ?? 2, a = l.createElement("div");
+    l.setAttribute(a, "data-col-index", `${t}`), l.setAttribute(a, "data-row-index", `${e}`), l.setAttribute(a, "data-area", "header"), l.setAttribute(a, "data-ge-action", "resize-column"), l.addClass(a, "ge-table-column-resize-handle"), l.setStyle(a, "display", "clip"), l.setStyle(a, "position", "absolute"), l.setStyle(a, "cursor", "col-resize"), l.setStyle(a, "left", `${s + i - c}px`), l.setStyle(a, "top", `${o}px`), l.setStyle(a, "width", `${c}px`), l.setStyle(a, "height", `${r}px`), l.appendChild(n, a);
   }
 }
-class Me {
+class Ie {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class pt {
+class ft {
   constructor(e) {
     this.tableScope = e, this.tableScope.hostElement.addEventListener(
       "change",
@@ -4409,34 +4583,33 @@ class pt {
     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 = ne(s), n = Number(o), l = Number(i);
+        const r = le(s), n = Number(o), l = Number(i);
         this.tableScope.updateModelValueAfterEdit(r, n, l, t.value);
       }
     }
   }
 }
-class gt {
+class mt {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
 }
-class Se {
+class ve {
   constructor(e) {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new Se([new gt(e, t)]);
+    return new ve([new mt(e, t)]);
   }
 }
-class ft {
+class bt {
   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 mt {
+class yt {
   constructor(e) {
-    var t, s;
-    this.tableScope = e, this.ignoreNextClick = !1, (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);
+    this.tableScope = e, this.ignoreNextClick = !1, this.getSelectionModel = () => this.tableScope.selectionModel(), this.getFocusModel = () => this.tableScope.focusModel();
   }
   /**
    * Called on mouse down: a new gesture starts.
@@ -4462,13 +4635,13 @@ class mt {
     return o && !o.hasFocus(t.rowIndex, t.columnIndex) && (o.setFocus(t.rowIndex, t.columnIndex), this.tableScope.onFocusChanged(o)), this.previousEvt = t.clone(), this.ignoreNextClick = e.rowIndex !== t.rowIndex || e.columnIndex !== t.columnIndex, this.tableScope.onSelectionChanged(s), !0;
   }
   onMouseClicked(e, t) {
-    var i, r, n, l, a, c, h;
+    var i, r, n, l, c, a, d;
     if (this.ignoreNextClick)
       return this.ignoreNextClick = !1, !1;
     let s = !1, o = !1;
     if (this.getSelectionModel && this.getFocusModel) {
-      const u = this.getSelectionModel(), g = this.getFocusModel();
-      u && g && (g.hasFocus(e.rowIndex, e.columnIndex) || (g.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(g), 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));
+      const u = this.getSelectionModel(), p = this.getFocusModel();
+      u && p && (p.hasFocus(e.rowIndex, e.columnIndex) || (p.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(p), 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 || (c = e.originalEvent) != null && c.metaKey) ? (u.removeSelection(M.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (a = e.originalEvent) != null && a.ctrlKey || (d = e.originalEvent) != null && d.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;
   }
@@ -4499,7 +4672,7 @@ class mt {
     });
   }
 }
-class bt {
+class wt {
   get() {
     return {
       f2: "START_EDITING",
@@ -4519,7 +4692,7 @@ class bt {
     };
   }
 }
-class yt {
+class xt {
   get() {
     return {
       f2: "START_EDITING",
@@ -4541,23 +4714,23 @@ class yt {
     };
   }
 }
-function wt(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) => {
+function St(h) {
+  return h.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 Ie(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();
+function Ee(h) {
+  let e = h.key.toLowerCase();
+  if (e === " " && (e = "space"), e === "arrowleft" && (e = "left"), e === "arrowright" && (e = "right"), e === "arrowup" && (e = "up"), e === "arrowdown" && (e = "down"), e === "delete" && h.code === "Delete" && (e = "delete"), e === "backspace" && (e = "backspace"), e === "escape" && (e = "esc"), e === "return" && (e = "enter"), h.code.startsWith("Numpad")) {
+    const s = h.code.replace("Numpad", "").toLowerCase();
     s === "add" ? e = "num_add" : s === "subtract" ? e = "num_subtract" : s === "multiply" ? e = "num_multiply" : s === "divide" ? e = "num_divide" : s === "decimal" ? e = "num_decimal" : s === "enter" ? e = "num_enter" : e = "num_" + s;
   }
-  d.code.match(/^F\d+$/) && (e = d.code.toLowerCase()), d.code.match(/^Digit\d+$/) && (e = d.code.replace(/Digit/g, ""));
+  h.code.match(/^F\d+$/) && (e = h.code.toLowerCase()), h.code.match(/^Digit\d+$/) && (e = h.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"), wt(t + " " + e);
+  return h.ctrlKey && (t += " ctrl"), h.altKey && (t += t + " alt"), h.shiftKey && (t += t + " shift"), h.metaKey && (t += t + " cmd"), St(t + " " + e);
 }
-class xt {
+class Ct {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -4583,7 +4756,7 @@ class xt {
     ));
   }
   assignPredefinedSystemShortcutMappings() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new yt().get()) : Object.assign(this.shortcutActionIdMapping, new bt().get());
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new xt().get()) : Object.assign(this.shortcutActionIdMapping, new wt().get());
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -4595,8 +4768,11 @@ class xt {
     return location.hostname === "localhost" || location.hostname === "127.0.0.1";
   }
   onKeyDown(e) {
-    const t = this.findEntity(e);
-    t && this.emit(t) && (e.preventDefault(), e.stopPropagation());
+    const t = e.target;
+    if (t && (t.isContentEditable || ["INPUT", "SELECT", "TEXTAREA"].includes(t.tagName)))
+      return;
+    const s = this.findEntity(e);
+    s && this.emit(s) && (e.preventDefault(), e.stopPropagation());
   }
   emit(e) {
     this.isDebug() && console.debug("ShortcutService emit      :", e);
@@ -4606,10 +4782,10 @@ class xt {
     return t;
   }
   findEntity(e) {
-    const t = Ie(e);
+    const t = Ee(e);
     this.isDebug() && console.debug("ShortcutService shortcut  :", t);
     for (const s in this.shortcutActionIdMapping)
-      if (Ie(e) === t)
+      if (Ee(e) === t)
         return this.isDebug() && console.debug("ShortcutService action    :", this.shortcutActionIdMapping[s]), this.shortcutActionIdMapping[s];
   }
   // private areTokensEquals(tokens1: string[], tokens2: string[]): boolean {
@@ -4656,7 +4832,7 @@ class xt {
     return this.shortcutActionIdMapping;
   }
 }
-class he {
+class pe {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -4678,7 +4854,7 @@ class he {
   onFocusChanged(e) {
   }
 }
-class St {
+class vt {
   setStyle(e, t, s) {
     return e.style[t] = s, e;
   }
@@ -4705,7 +4881,7 @@ class St {
     e.setAttribute(t, s);
   }
 }
-class Ct {
+class Rt {
   render(e, t, s, o, i, r, n) {
     if (i.isEditable(t, s)) {
       n.addClass(e, "ge-table-row-input-div");
@@ -4726,126 +4902,7 @@ class Ct {
     }
   }
 }
-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 = [];
-  }
-  getEventSelectionChangedListeners() {
-    return this.listenerArr;
-  }
-  addEventSelectionChangedListener(e) {
-    this.listenerArr.includes(e) || this.listenerArr.push(e);
-  }
-  removeEventSelectionChangedListener(e) {
-    const t = this.listenerArr.indexOf(e, 0);
-    t > -1 && this.listenerArr.splice(t, 1);
-  }
-  //@AvoidDoubleExecution(100)
-  fireChangeEvent() {
-    this.silent || this.listenerArr.forEach((e) => e.onSelectionChanged(this));
-  }
-  firstClick(e, t) {
-    this.selectionType === "row" ? this.addRange(M.singleRow(e)) : this.selectionType === "column" && this.addRange(M.singleColumn(t));
-  }
-  getSelectionCount(e, t) {
-    let s = 0;
-    for (const o of this.ranges)
-      o.isInRange(e, t) && s++;
-    return this.allSelected && s++, this.isInNegativeRange(e, t) && (s = 0), s;
-  }
-  isInNegativeRange(e, t) {
-    for (const s of this.negativeRanges)
-      if (s.isInRange(e, t))
-        return !0;
-    return !1;
-  }
-  getRanges() {
-    return this.ranges;
-  }
-  clear() {
-    this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.fireChangeEvent();
-  }
-  hasSelection() {
-    return this.allSelected || !!this.ranges.length;
-  }
-  hasNoSelection() {
-    return !this.hasSelection();
-  }
-  /**
-   * Retrieves the merged row indices from the given range selection.
-   *
-   * @returns {number[]} Array of merged row indices
-   */
-  getMergedRowIndices() {
-    const e = /* @__PURE__ */ new Set();
-    for (const t of this.ranges)
-      for (let s = t.r1; s <= t.r2; s++)
-        !e.has(s) && !this.isInNegativeRange(s, 0) && e.add(s);
-    return Array.from(e);
-  }
-  selectAll() {
-    this.allSelected = !0, this.fireChangeEvent();
-  }
-  isAllSelected() {
-    return this.allSelected;
-  }
-  addSelection(e) {
-    this.addRange(e), this.fireChangeEvent();
-  }
-  removeSelection(e) {
-    if (this.selectionType === "none")
-      return;
-    let t = e;
-    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(M.singleCell(e, t)) : this.addSelection(M.singleCell(e, t));
-  }
-  isSelected(e, t) {
-    return this.getSelectionCount(e, t) > 0;
-  }
-  addRange(e) {
-    this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e), this.fireChangeEvent());
-  }
-}
-class vt {
-  constructor(e = "none") {
-    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
-  }
-  getEventFocusChangedListeners() {
-    return this.listenerArr;
-  }
-  addEventFocusChangedListener(e) {
-    this.listenerArr.includes(e) || this.listenerArr.push(e);
-  }
-  removeEventFocusChangedListener(e) {
-    const t = this.listenerArr.indexOf(e, 0);
-    t > -1 && this.listenerArr.splice(t, 1);
-  }
-  //@AvoidDoubleExecution(100)
-  fireChangeEvent() {
-    this.listenerArr.forEach((e) => e.onFocusChanged(this));
-  }
-  clearChanged() {
-    this.changed = !1;
-  }
-  hasChanged() {
-    return this.changed;
-  }
-  clear() {
-    this.rowIndex = -1, this.columnIndex = -1, this.fireChangeEvent();
-  }
-  setFocus(e, t) {
-    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0, this.fireChangeEvent());
-  }
-  hasFocus(e, t) {
-    return this.rowIndex === e && this.columnIndex === t;
-  }
-  getFocus() {
-    return [this.rowIndex, this.columnIndex];
-  }
-}
-class ve {
+class Re {
   constructor(e = new O(
     "❯",
     "",
@@ -4859,14 +4916,13 @@ class ve {
   }
   // `⊖ `,  `⊕ `;
 }
-const Rt = new Ce(), At = new vt("cell");
-class J {
+class q {
   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 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 Ct(), this.getSelectionModel = () => Rt, this.getFocusModel = () => At;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new Ne(), this.headerGroupOptions = new Re(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Ge(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new Rt(), this.getSelectionModel = void 0, this.getFocusModel = void 0;
   }
 }
 const z = class z {
@@ -4886,22 +4942,22 @@ const z = class z {
         const l = this.mergeRanges(t.getRanges());
         if (l) {
           l.c2 = Math.min(l.c2, e.getColumnCount() - 1), l.r2 = Math.min(l.r2, e.getBodyModel().getRowCount() - 1);
-          const a = [];
-          for (let c = l.r1; c <= l.r2; c++) {
-            const h = [];
+          const c = [];
+          for (let a = l.r1; a <= l.r2; a++) {
+            const d = [];
             for (let u = l.c1; u <= l.c2; u++) {
               if (((n = (r = e.getColumnDef(u)) == null ? void 0 : r.isVisible) == null ? void 0 : n.call(r)) === !1) continue;
-              const g = t.isSelected(c, u) ? e.getBodyModel().getTextValueAt(c, u) : "";
-              h.push(g);
+              const p = t.isSelected(a, u) ? e.getBodyModel().getTextValueAt(a, u) : "";
+              d.push(p);
             }
-            a.push(h.join(z.columnSeparatorChar));
+            c.push(d.join(z.columnSeparatorChar));
           }
-          return o(a.join(z.rowSeparatorChar));
+          return o(c.join(z.rowSeparatorChar));
         }
       }
       if (s) {
-        const [l, a] = s.getFocus(), c = e.getBodyModel().getTextValueAt(l, a);
-        return o(c);
+        const [l, c] = s.getFocus(), a = e.getBodyModel().getTextValueAt(l, c);
+        return o(a);
       }
       i("Cannot copy, neither selection nor focus defined.");
     });
@@ -4955,10 +5011,10 @@ const z = class z {
 };
 z.columnSeparatorChar = "	", z.rowSeparatorChar = `
 `;
-let te = z;
-class Mt {
+let se = z;
+class At {
   constructor(e, t = 500) {
-    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);
+    this.tableScope = e, this.debounceDelay = t, this.disconnected = !1, this.resizeObserver = new ResizeObserver(Ke(this.handleResize.bind(this), t)), this.resizeObserver.observe(this.tableScope.hostElement);
   }
   /**
    * Stops observing the host element. Called by {@link TableScope.destroy}.
@@ -4973,23 +5029,33 @@ class Mt {
     this.tableScope.recalcColumnWidths(s);
   }
 }
-let q;
-function It(d) {
-  if (!q) {
-    q = new Uint32Array(256);
+let Z;
+function Te(h) {
+  if (!Z) {
+    Z = 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;
+      Z[t] = s >>> 0;
     }
   }
   let e = 4294967295;
-  for (let t = 0; t < d.length; t++)
-    e = q[(e ^ d[t]) & 255] ^ e >>> 8;
+  for (let t = 0; t < h.length; t++)
+    e = Z[(e ^ h[t]) & 255] ^ e >>> 8;
   return (e ^ 4294967295) >>> 0;
 }
-class Tt {
+async function Mt(h) {
+  const e = globalThis.CompressionStream;
+  if (!(!e || typeof Response > "u" || typeof Blob > "u"))
+    try {
+      const t = new Blob([h]).stream().pipeThrough(new e("deflate-raw"));
+      return new Uint8Array(await new Response(t).arrayBuffer());
+    } catch {
+      return;
+    }
+}
+class It {
   /**
    * Downloads a matrix data as an Excel file.
    *
@@ -5004,14 +5070,25 @@ class Tt {
       throw new Error("Invalid matrix format. Expected a 2D array.");
     if ((t == null ? void 0 : t.trim()) === "")
       throw new Error("Invalid filename. Filename must be a non-empty string.");
-    try {
-      const o = this.generateBuffer(e, s), i = new Blob([o], {
-        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-      }), r = document.createElement("a");
-      r.href = URL.createObjectURL(i), r.download = t, document.body.appendChild(r), r.click(), document.body.removeChild(r);
-    } catch (o) {
+    return this.createExcelBlob(e, s).then((o) => {
+      const i = URL.createObjectURL(o), r = document.createElement("a");
+      r.href = i, r.download = t, document.body.appendChild(r), r.click(), document.body.removeChild(r), setTimeout(() => URL.revokeObjectURL(i), 1e3);
+    }).catch((o) => {
       throw console.error("Error generating Excel file:", o), new Error("Failed to download Excel file.");
-    }
+    });
+  }
+  /**
+   * Creates the .xlsx file as a Blob (compressed), e.g. to upload it instead of downloading it.
+   *
+   * @example
+   * const blob = await new ExcelService().createExcelBlob([["Name", "City"], ["Ann", "Berlin"]]);
+   * await fetch("/api/upload", { method: "POST", body: blob });
+   */
+  async createExcelBlob(e, t = "") {
+    const s = await this.createZipCompressed(this.generateMap(e, t));
+    return new Blob([s], {
+      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    });
   }
   generateMap(e, t = "") {
     const s = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -5020,11 +5097,11 @@ class Tt {
 <cp:coreProperties xmlns:cp="http://schemas.openxmlformats.org/package/2006/metadata/core-properties" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:dcmitype="http://purl.org/dc/dcmitype/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><dc:creator>${t}</dc:creator><cp:lastModifiedBy>${t}</cp:lastModifiedBy><dcterms:created xsi:type="dcterms:W3CDTF">2024-12-13T19:45:08Z</dcterms:created><dcterms:modified xsi:type="dcterms:W3CDTF">2024-12-13T19:45:35Z</dcterms:modified></cp:coreProperties>`, r = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId3" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles" Target="styles.xml"/><Relationship Id="rId2" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/theme" Target="theme/theme1.xml"/><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet1.xml"/><Relationship Id="rId4" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/sharedStrings" Target="sharedStrings.xml"/></Relationships>`, n = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <a:theme xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" name="Office Theme"><a:themeElements><a:clrScheme name="Office"><a:dk1><a:sysClr val="windowText" lastClr="000000"/></a:dk1><a:lt1><a:sysClr val="window" lastClr="FFFFFF"/></a:lt1><a:dk2><a:srgbClr val="0E2841"/></a:dk2><a:lt2><a:srgbClr val="E8E8E8"/></a:lt2><a:accent1><a:srgbClr val="156082"/></a:accent1><a:accent2><a:srgbClr val="E97132"/></a:accent2><a:accent3><a:srgbClr val="196B24"/></a:accent3><a:accent4><a:srgbClr val="0F9ED5"/></a:accent4><a:accent5><a:srgbClr val="A02B93"/></a:accent5><a:accent6><a:srgbClr val="4EA72E"/></a:accent6><a:hlink><a:srgbClr val="467886"/></a:hlink><a:folHlink><a:srgbClr val="96607D"/></a:folHlink></a:clrScheme><a:fontScheme name="Office"><a:majorFont><a:latin typeface="Aptos Display" panose="02110004020202020204"/><a:ea typeface=""/><a:cs typeface=""/><a:font script="Jpan" typeface="游ゴシック Light"/><a:font script="Hang" typeface="맑은 고딕"/><a:font script="Hans" typeface="等线 Light"/><a:font script="Hant" typeface="新細明體"/><a:font script="Arab" typeface="Times New Roman"/><a:font script="Hebr" typeface="Times New Roman"/><a:font script="Thai" typeface="Tahoma"/><a:font script="Ethi" typeface="Nyala"/><a:font script="Beng" typeface="Vrinda"/><a:font script="Gujr" typeface="Shruti"/><a:font script="Khmr" typeface="MoolBoran"/><a:font script="Knda" typeface="Tunga"/><a:font script="Guru" typeface="Raavi"/><a:font script="Cans" typeface="Euphemia"/><a:font script="Cher" typeface="Plantagenet Cherokee"/><a:font script="Yiii" typeface="Microsoft Yi Baiti"/><a:font script="Tibt" typeface="Microsoft Himalaya"/><a:font script="Thaa" typeface="MV Boli"/><a:font script="Deva" typeface="Mangal"/><a:font script="Telu" typeface="Gautami"/><a:font script="Taml" typeface="Latha"/><a:font script="Syrc" typeface="Estrangelo Edessa"/><a:font script="Orya" typeface="Kalinga"/><a:font script="Mlym" typeface="Kartika"/><a:font script="Laoo" typeface="DokChampa"/><a:font script="Sinh" typeface="Iskoola Pota"/><a:font script="Mong" typeface="Mongolian Baiti"/><a:font script="Viet" typeface="Times New Roman"/><a:font script="Uigh" typeface="Microsoft Uighur"/><a:font script="Geor" typeface="Sylfaen"/><a:font script="Armn" typeface="Arial"/><a:font script="Bugi" typeface="Leelawadee UI"/><a:font script="Bopo" typeface="Microsoft JhengHei"/><a:font script="Java" typeface="Javanese Text"/><a:font script="Lisu" typeface="Segoe UI"/><a:font script="Mymr" typeface="Myanmar Text"/><a:font script="Nkoo" typeface="Ebrima"/><a:font script="Olck" typeface="Nirmala UI"/><a:font script="Osma" typeface="Ebrima"/><a:font script="Phag" typeface="Phagspa"/><a:font script="Syrn" typeface="Estrangelo Edessa"/><a:font script="Syrj" typeface="Estrangelo Edessa"/><a:font script="Syre" typeface="Estrangelo Edessa"/><a:font script="Sora" typeface="Nirmala UI"/><a:font script="Tale" typeface="Microsoft Tai Le"/><a:font script="Talu" typeface="Microsoft New Tai Lue"/><a:font script="Tfng" typeface="Ebrima"/></a:majorFont><a:minorFont><a:latin typeface="Aptos Narrow" panose="02110004020202020204"/><a:ea typeface=""/><a:cs typeface=""/><a:font script="Jpan" typeface="游ゴシック"/><a:font script="Hang" typeface="맑은 고딕"/><a:font script="Hans" typeface="等线"/><a:font script="Hant" typeface="新細明體"/><a:font script="Arab" typeface="Arial"/><a:font script="Hebr" typeface="Arial"/><a:font script="Thai" typeface="Tahoma"/><a:font script="Ethi" typeface="Nyala"/><a:font script="Beng" typeface="Vrinda"/><a:font script="Gujr" typeface="Shruti"/><a:font script="Khmr" typeface="DaunPenh"/><a:font script="Knda" typeface="Tunga"/><a:font script="Guru" typeface="Raavi"/><a:font script="Cans" typeface="Euphemia"/><a:font script="Cher" typeface="Plantagenet Cherokee"/><a:font script="Yiii" typeface="Microsoft Yi Baiti"/><a:font script="Tibt" typeface="Microsoft Himalaya"/><a:font script="Thaa" typeface="MV Boli"/><a:font script="Deva" typeface="Mangal"/><a:font script="Telu" typeface="Gautami"/><a:font script="Taml" typeface="Latha"/><a:font script="Syrc" typeface="Estrangelo Edessa"/><a:font script="Orya" typeface="Kalinga"/><a:font script="Mlym" typeface="Kartika"/><a:font script="Laoo" typeface="DokChampa"/><a:font script="Sinh" typeface="Iskoola Pota"/><a:font script="Mong" typeface="Mongolian Baiti"/><a:font script="Viet" typeface="Arial"/><a:font script="Uigh" typeface="Microsoft Uighur"/><a:font script="Geor" typeface="Sylfaen"/><a:font script="Armn" typeface="Arial"/><a:font script="Bugi" typeface="Leelawadee UI"/><a:font script="Bopo" typeface="Microsoft JhengHei"/><a:font script="Java" typeface="Javanese Text"/><a:font script="Lisu" typeface="Segoe UI"/><a:font script="Mymr" typeface="Myanmar Text"/><a:font script="Nkoo" typeface="Ebrima"/><a:font script="Olck" typeface="Nirmala UI"/><a:font script="Osma" typeface="Ebrima"/><a:font script="Phag" typeface="Phagspa"/><a:font script="Syrn" typeface="Estrangelo Edessa"/><a:font script="Syrj" typeface="Estrangelo Edessa"/><a:font script="Syre" typeface="Estrangelo Edessa"/><a:font script="Sora" typeface="Nirmala UI"/><a:font script="Tale" typeface="Microsoft Tai Le"/><a:font script="Talu" typeface="Microsoft New Tai Lue"/><a:font script="Tfng" typeface="Ebrima"/></a:minorFont></a:fontScheme><a:fmtScheme name="Office"><a:fillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:lumMod val="110000"/><a:satMod val="105000"/><a:tint val="67000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:lumMod val="105000"/><a:satMod val="103000"/><a:tint val="73000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:lumMod val="105000"/><a:satMod val="109000"/><a:tint val="81000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:satMod val="103000"/><a:lumMod val="102000"/><a:tint val="94000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:satMod val="110000"/><a:lumMod val="100000"/><a:shade val="100000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:lumMod val="99000"/><a:satMod val="120000"/><a:shade val="78000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill></a:fillStyleLst><a:lnStyleLst><a:ln w="12700" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="19050" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="25400" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln></a:lnStyleLst><a:effectStyleLst><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst><a:outerShdw blurRad="57150" dist="19050" dir="5400000" algn="ctr" rotWithShape="0"><a:srgbClr val="000000"><a:alpha val="63000"/></a:srgbClr></a:outerShdw></a:effectLst></a:effectStyle></a:effectStyleLst><a:bgFillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:solidFill><a:schemeClr val="phClr"><a:tint val="95000"/><a:satMod val="170000"/></a:schemeClr></a:solidFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:tint val="93000"/><a:satMod val="150000"/><a:shade val="98000"/><a:lumMod val="102000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:tint val="98000"/><a:satMod val="130000"/><a:shade val="90000"/><a:lumMod val="103000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:shade val="63000"/><a:satMod val="120000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill></a:bgFillStyleLst></a:fmtScheme></a:themeElements><a:objectDefaults><a:lnDef><a:spPr/><a:bodyPr/><a:lstStyle/><a:style><a:lnRef idx="2"><a:schemeClr val="accent1"/></a:lnRef><a:fillRef idx="0"><a:schemeClr val="accent1"/></a:fillRef><a:effectRef idx="1"><a:schemeClr val="accent1"/></a:effectRef><a:fontRef idx="minor"><a:schemeClr val="tx1"/></a:fontRef></a:style></a:lnDef></a:objectDefaults><a:extraClrSchemeLst/><a:extLst><a:ext uri="{05A4C25C-085E-4340-85A3-A5531E510DB2}"><thm15:themeFamily xmlns:thm15="http://schemas.microsoft.com/office/thememl/2012/main" name="Office Theme" id="{2E142A2C-CD16-42D6-873A-C26D2A0506FA}" vid="{1BDDFF52-6CD6-40A5-AB3C-68EB2F1E4D0A}"/></a:ext></a:extLst></a:theme>`, l = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
-<sst xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" count="3" uniqueCount="3"><si><t>a</t></si><si><t>b</t></si><si><t>c</t></si></sst>`, a = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
-<styleSheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="x14ac x16r2 xr" xmlns:x14ac="http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac" xmlns:x16r2="http://schemas.microsoft.com/office/spreadsheetml/2015/02/main" xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision"><fonts count="1" x14ac:knownFonts="1"><font><sz val="12"/><color theme="1"/><name val="Aptos Narrow"/><family val="2"/><scheme val="minor"/></font></fonts><fills count="2"><fill><patternFill patternType="none"/></fill><fill><patternFill patternType="gray125"/></fill></fills><borders count="1"><border><left/><right/><top/><bottom/><diagonal/></border></borders><cellStyleXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0"/></cellStyleXfs><cellXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0" xfId="0"/></cellXfs><cellStyles count="1"><cellStyle name="Normal" xfId="0" builtinId="0"/></cellStyles><dxfs count="0"/><tableStyles count="0" defaultTableStyle="TableStyleMedium2" defaultPivotStyle="PivotStyleLight16"/><extLst><ext uri="{EB79DEF2-80B8-43e5-95BD-54CBDDF9020C}" xmlns:x14="http://schemas.microsoft.com/office/spreadsheetml/2009/9/main"><x14:slicerStyles defaultSlicerStyle="SlicerStyleLight1"/></ext><ext uri="{9260A510-F301-46a8-8635-F512D64BE5F5}" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main"><x15:timelineStyles defaultTimelineStyle="TimeSlicerStyleLight1"/></ext></extLst></styleSheet>`, c = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
-<workbook 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="x15 xr xr6 xr10 xr2" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main" xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision" xmlns:xr6="http://schemas.microsoft.com/office/spreadsheetml/2016/revision6" xmlns:xr10="http://schemas.microsoft.com/office/spreadsheetml/2016/revision10" xmlns:xr2="http://schemas.microsoft.com/office/spreadsheetml/2015/revision2"><fileVersion appName="xl" lastEdited="7" lowestEdited="7" rupBuild="11207"/><workbookPr defaultThemeVersion="202300"/><mc:AlternateContent xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"><mc:Choice Requires="x15"><x15ac:absPath url="/" xmlns:x15ac="http://schemas.microsoft.com/office/spreadsheetml/2010/11/ac"/></mc:Choice></mc:AlternateContent><xr:revisionPtr revIDLastSave="0" documentId="8_{292BF245-1F37-B045-B1A5-26C42FB62779}" xr6:coauthVersionLast="47" xr6:coauthVersionMax="47" xr10:uidLastSave="{00000000-0000-0000-0000-000000000000}"/><bookViews><workbookView xWindow="11340" yWindow="5060" windowWidth="28040" windowHeight="17440" xr2:uid="{858B8D3F-6246-774D-8903-6D38687B7BC6}"/></bookViews><sheets><sheet name="Sheet1" sheetId="1" r:id="rId1"/></sheets><calcPr calcId="181029"/><extLst><ext uri="{140A7094-0E35-4892-8432-C4D2E57EDEB5}" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main"><x15:workbookPr chartTrackingRefBase="1"/></ext><ext uri="{B58B0392-4F1F-4190-BB64-5DF3571DCE5F}" xmlns:xcalcf="http://schemas.microsoft.com/office/spreadsheetml/2018/calcfeatures"><xcalcf:calcFeatures><xcalcf:feature name="microsoft.com:RD"/><xcalcf:feature name="microsoft.com:Single"/><xcalcf:feature name="microsoft.com:FV"/><xcalcf:feature name="microsoft.com:CNMTM"/><xcalcf:feature name="microsoft.com:LET_WF"/><xcalcf:feature name="microsoft.com:LAMBDA_WF"/><xcalcf:feature name="microsoft.com:ARRAYTEXT_WF"/></xcalcf:calcFeatures></ext></extLst></workbook>`, h = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<sst xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" count="3" uniqueCount="3"><si><t>a</t></si><si><t>b</t></si><si><t>c</t></si></sst>`, c = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<styleSheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="x14ac x16r2 xr" xmlns:x14ac="http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac" xmlns:x16r2="http://schemas.microsoft.com/office/spreadsheetml/2015/02/main" xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision"><fonts count="1" x14ac:knownFonts="1"><font><sz val="12"/><color theme="1"/><name val="Aptos Narrow"/><family val="2"/><scheme val="minor"/></font></fonts><fills count="2"><fill><patternFill patternType="none"/></fill><fill><patternFill patternType="gray125"/></fill></fills><borders count="1"><border><left/><right/><top/><bottom/><diagonal/></border></borders><cellStyleXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0"/></cellStyleXfs><cellXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0" xfId="0"/></cellXfs><cellStyles count="1"><cellStyle name="Normal" xfId="0" builtinId="0"/></cellStyles><dxfs count="0"/><tableStyles count="0" defaultTableStyle="TableStyleMedium2" defaultPivotStyle="PivotStyleLight16"/><extLst><ext uri="{EB79DEF2-80B8-43e5-95BD-54CBDDF9020C}" xmlns:x14="http://schemas.microsoft.com/office/spreadsheetml/2009/9/main"><x14:slicerStyles defaultSlicerStyle="SlicerStyleLight1"/></ext><ext uri="{9260A510-F301-46a8-8635-F512D64BE5F5}" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main"><x15:timelineStyles defaultTimelineStyle="TimeSlicerStyleLight1"/></ext></extLst></styleSheet>`, a = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<workbook 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="x15 xr xr6 xr10 xr2" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main" xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision" xmlns:xr6="http://schemas.microsoft.com/office/spreadsheetml/2016/revision6" xmlns:xr10="http://schemas.microsoft.com/office/spreadsheetml/2016/revision10" xmlns:xr2="http://schemas.microsoft.com/office/spreadsheetml/2015/revision2"><fileVersion appName="xl" lastEdited="7" lowestEdited="7" rupBuild="11207"/><workbookPr defaultThemeVersion="202300"/><mc:AlternateContent xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"><mc:Choice Requires="x15"><x15ac:absPath url="/" xmlns:x15ac="http://schemas.microsoft.com/office/spreadsheetml/2010/11/ac"/></mc:Choice></mc:AlternateContent><xr:revisionPtr revIDLastSave="0" documentId="8_{292BF245-1F37-B045-B1A5-26C42FB62779}" xr6:coauthVersionLast="47" xr6:coauthVersionMax="47" xr10:uidLastSave="{00000000-0000-0000-0000-000000000000}"/><bookViews><workbookView xWindow="11340" yWindow="5060" windowWidth="28040" windowHeight="17440" xr2:uid="{858B8D3F-6246-774D-8903-6D38687B7BC6}"/></bookViews><sheets><sheet name="Sheet1" sheetId="1" r:id="rId1"/></sheets><calcPr calcId="181029"/><extLst><ext uri="{140A7094-0E35-4892-8432-C4D2E57EDEB5}" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main"><x15:workbookPr chartTrackingRefBase="1"/></ext><ext uri="{B58B0392-4F1F-4190-BB64-5DF3571DCE5F}" xmlns:xcalcf="http://schemas.microsoft.com/office/spreadsheetml/2018/calcfeatures"><xcalcf:calcFeatures><xcalcf:feature name="microsoft.com:RD"/><xcalcf:feature name="microsoft.com:Single"/><xcalcf:feature name="microsoft.com:FV"/><xcalcf:feature name="microsoft.com:CNMTM"/><xcalcf:feature name="microsoft.com:LET_WF"/><xcalcf:feature name="microsoft.com:LAMBDA_WF"/><xcalcf:feature name="microsoft.com:ARRAYTEXT_WF"/></xcalcf:calcFeatures></ext></extLst></workbook>`, d = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml"/><Override PartName="/xl/worksheets/sheet1.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"/><Override PartName="/xl/theme/theme1.xml" ContentType="application/vnd.openxmlformats-officedocument.theme+xml"/><Override PartName="/xl/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml"/><Override PartName="/xl/sharedStrings.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sharedStrings+xml"/><Override PartName="/docProps/core.xml" ContentType="application/vnd.openxmlformats-package.core-properties+xml"/><Override PartName="/docProps/app.xml" ContentType="application/vnd.openxmlformats-officedocument.extended-properties+xml"/></Types>`, u = /* @__PURE__ */ new Map();
-    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;
+    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", c), u.set("xl/workbook.xml", a), u.set("[Content_Types].xml", d), u;
   }
   getX1WorksheetsSheet1Xml(e) {
     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 = [];
@@ -5039,15 +5116,15 @@ class Tt {
       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);
+        const l = r[n], c = this.getCellAddress(i, n);
         if (typeof l == "number")
-          o.push(`<c r="${a}"><v>${l}</v></c>`);
+          o.push(`<c r="${c}"><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>`);
+          const a = l;
+          o.push(`<c r="${c}" t="inlineStr"><is><t>${a.toISOString()}</t></is></c>`);
         } else {
-          const c = l != null ? this.escapeXml(String(l)) : "";
-          o.push(`<c r="${a}" t="inlineStr"><is><t>${c}</t></is></c>`);
+          const a = l != null ? this.escapeXml(String(l)) : "";
+          o.push(`<c r="${c}" t="inlineStr"><is><t>${a}</t></is></c>`);
         }
       }
       o.push("</row>");
@@ -5065,49 +5142,69 @@ class Tt {
       o = s[t % 26] + o, t = Math.floor(t / 26) - 1;
     return `${o}${e + 1}`;
   }
+  /**
+   * ZIP without compression (method 0, synchronous). Kept for compatibility –
+   * downloads use {@link createZipCompressed}.
+   */
   createZip(e) {
     const t = [];
-    let s = 0;
-    const o = [];
-    e.forEach((h, u) => {
-      const g = new TextEncoder().encode(u), p = new TextEncoder().encode(h), m = It(p), f = new Uint8Array(30 + g.length), b = new DataView(f.buffer);
-      f.set([80, 75, 3, 4], 0), b.setUint16(4, 20, !0), b.setUint16(6, 0, !0), b.setUint16(8, 0, !0), b.setUint16(10, 0, !0), b.setUint16(12, 0, !0), b.setUint32(14, m, !0), b.setUint32(18, p.length, !0), b.setUint32(22, p.length, !0), b.setUint16(26, g.length, !0), b.setUint16(28, 0, !0), f.set(g, 30), t.push(f, p), o.push({
-        path: u,
-        offset: s,
-        contentSize: p.length,
-        crc: m
-      }), s += f.length + p.length;
-    });
-    const i = s;
-    o.forEach((h) => {
-      const u = new TextEncoder().encode(h.path), g = new Uint8Array(46 + u.length), p = new DataView(g.buffer);
-      g.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), g.set(u, 46), t.push(g), s += g.length;
+    return e.forEach((s, o) => {
+      const i = new TextEncoder().encode(s);
+      t.push({ path: new TextEncoder().encode(o), data: i, size: i.length, crc: Te(i), method: 0 });
+    }), this.assembleZip(t);
+  }
+  /**
+   * ZIP with DEFLATE (method 8) via the browser's CompressionStream; falls back to stored entries
+   * where that is not available. 100,000 rows × 7 columns: ~40 MB stored → a few MB compressed.
+   */
+  async createZipCompressed(e) {
+    const t = [];
+    for (const [s, o] of Array.from(e.entries())) {
+      const i = new TextEncoder().encode(o), r = await Mt(i), n = !!r && r.length < i.length;
+      t.push({
+        path: new TextEncoder().encode(s),
+        data: n ? r : i,
+        size: i.length,
+        crc: Te(i),
+        // CRC of the UNcompressed data
+        method: n ? 8 : 0
+      });
+    }
+    return this.assembleZip(t);
+  }
+  assembleZip(e) {
+    const t = [], s = [];
+    let o = 0;
+    for (const a of e) {
+      const d = new Uint8Array(30 + a.path.length), u = new DataView(d.buffer);
+      d.set([80, 75, 3, 4], 0), u.setUint16(4, 20, !0), u.setUint16(6, 0, !0), u.setUint16(8, a.method, !0), u.setUint16(10, 0, !0), u.setUint16(12, 33, !0), u.setUint32(14, a.crc, !0), u.setUint32(18, a.data.length, !0), u.setUint32(22, a.size, !0), u.setUint16(26, a.path.length, !0), u.setUint16(28, 0, !0), d.set(a.path, 30), t.push(d, a.data), s.push(o), o += d.length + a.data.length;
+    }
+    const i = o;
+    e.forEach((a, d) => {
+      const u = new Uint8Array(46 + a.path.length), p = new DataView(u.buffer);
+      u.set([80, 75, 1, 2], 0), p.setUint16(4, 20, !0), p.setUint16(6, 20, !0), p.setUint16(8, 0, !0), p.setUint16(10, a.method, !0), p.setUint16(12, 0, !0), p.setUint16(14, 33, !0), p.setUint32(16, a.crc, !0), p.setUint32(20, a.data.length, !0), p.setUint32(24, a.size, !0), p.setUint16(28, a.path.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, s[d], !0), u.set(a.path, 46), t.push(u), o += u.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);
-    const l = t.reduce((h, u) => h + u.length, 0), a = new Uint8Array(l);
+    r.set([80, 75, 5, 6], 0), n.setUint16(8, e.length, !0), n.setUint16(10, e.length, !0), n.setUint32(12, o - i, !0), n.setUint32(16, i, !0), t.push(r);
+    const l = new Uint8Array(t.reduce((a, d) => a + d.length, 0));
     let c = 0;
-    for (const h of t)
-      a.set(h, c), c += h.length;
-    return a;
-  }
-  generateBuffer(e, t = "") {
-    const s = this.generateMap(e, t);
-    return this.createZip(s);
+    for (const a of t)
+      l.set(a, c), c += a.length;
+    return l;
   }
 }
-class Ge extends ut {
-  constructor(e, t, s, o, i, r = new te(), n = new Tt()) {
-    var c;
-    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 mt(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 lt(u)), h.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ct(u)), h.autoRestoreSortingState && (this.storeSortingService = new dt(u)));
+class ze extends gt {
+  constructor(e, t, s, o, i, r = new se(), n = new It()) {
+    var a;
+    if (super(e, t, new it(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 yt(this), this.api = new lt(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 pe()), (a = this.tableOptions) != null && a.autoRestoreOptions) {
+      const d = this.tableOptions.autoRestoreOptions, u = d.getStorageKeyFn;
+      u && (d.autoRestoreScrollPosition && (this.storeScrollPosStateService = new at(u)), d.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new dt(u)), d.autoRestoreSortingState && (this.storeSortingService = new ht(u)));
     }
-    this.mouseHandler = new rt(this), this.inputHandler = new pt(this), this.resizeHandler = new Mt(this, o.resizeEventDebounceDelay), this.shortcutService = new xt(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new nt(this), this.inputHandler = new ft(this), this.resizeHandler = new At(this, o.resizeEventDebounceDelay), this.shortcutService = new Ct(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;
-    a && a.addEventFocusChangedListener(this);
+    const c = this.getFocusModel ? this.getFocusModel() : void 0;
+    c && c.addEventFocusChangedListener(this);
   }
   /**
    * Creates a TableScope instance.
@@ -5121,8 +5218,8 @@ class Ge extends ut {
    *
    * @return {TableScope} - The newly created TableScope instance.
    */
-  static create(e, t, s = new J(), o = new he(), i = new St(), r = new te()) {
-    return new Ge(e, t, i, s, o, r);
+  static create(e, t, s = new q(), o = new pe(), i = new vt(), r = new se()) {
+    return new ze(e, t, i, s, o, r);
   }
   /**
    * Triggers an action based on the provided actionId.
@@ -5151,7 +5248,7 @@ class Ge extends ut {
   }
   updateModelValueAfterEdit(e, t, s, o) {
     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());
+    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), (r = (i = this.eventListener).onModelChanged) == null || r.call(i, ve.createSingle(t, s)), this.hostElement.focus());
   }
   /**
    * Retrieves the TableApi object.
@@ -5211,7 +5308,7 @@ class Ge extends ut {
    * @return {GeMouseEvent} - The created GeMouseEvent object.
    */
   createGeMouseEvent(e) {
-    const t = new be();
+    const t = new ye();
     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) {
@@ -5290,7 +5387,7 @@ class Ge extends ut {
   toggleExpandCollapseAll(e = !0) {
     var s;
     const t = this.tableModel.getBodyModel();
-    de(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
+    ue(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
   }
   /**
    * Toggles the checkbox state of a specific row in a table.
@@ -5302,11 +5399,11 @@ class Ge extends ut {
    * @return {void} - This method does not return anything.
    */
   toggleRowCheckbox(e, t, s) {
-    var l, a, c;
+    var l, c, a;
     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();
-    (c = (a = this.eventListener).onCheckboxChanged) == null || c.call(a, n || []);
+    (a = (c = this.eventListener).onCheckboxChanged) == null || a.call(c, n || []);
   }
   /**
    * Handle mouse click events.
@@ -5359,13 +5456,25 @@ class Ge extends ut {
    * @return {void}
    */
   onHeaderDblClicked(e, t, s) {
-    var i, r;
     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 Me(s, a), h = this.tableModel.doSort([c]);
-      this.lastSortCompareFn = void 0, h && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((u) => u.sortState = ""), o.sortState = a), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([c]);
-    }
+    o != null && o.sortable && o.sortable() && (e.preventDefault(), e.stopPropagation(), this.sortByColumn(s));
+  }
+  /**
+   * Sorts the body by one column – the same as a double click on its header (header icon, filter and
+   * auto-restore included). Without `sortState` the next state of the column's sort order is used
+   * (asc → desc → asc …).
+   *
+   * @param {number | string} column - column index or property, e.g. 10 or "total"
+   * @param {SortState} [sortState] - "asc", "desc" or "" (unsorted icon, rows keep their current order)
+   * @returns {boolean} false if the column does not exist
+   */
+  sortByColumn(e, t) {
+    var a, d;
+    const s = typeof e == "number" ? e : (this.tableModel.getColumnDefs() ?? []).findIndex((u) => u.property === e), o = this.tableModel.getColumnDef(s);
+    if (!o)
+      return !1;
+    const i = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, r = o.sortState ?? "", n = t ?? i[(i.indexOf(r) + 1) % i.length], l = new Ie(s, n);
+    return this.tableModel.doSort([l]) && (this.lastSortCompareFn = void 0, (a = this.tableModel.getColumnDefs()) == null || a.forEach((u) => u.sortState = ""), o.sortState = n), this.repaint(), (d = this.storeSortingService) == null || d.setSortItems([l]), !0;
   }
   /**
    * Scrolls the viewport to the specified pixel coordinates.
@@ -5401,7 +5510,7 @@ class Ge extends ut {
     var t, s;
     super.adjustAfterScrolling();
     const e = this.scrollViewport;
-    (s = (t = this.eventListener).onScroll) == null || s.call(t, new ft(
+    (s = (t = this.eventListener).onScroll) == null || s.call(t, new bt(
       this.scrollTop,
       this.scrollLeft,
       e.scrollHeight,
@@ -5517,7 +5626,14 @@ class Ge extends ut {
     var e, t;
     if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.autoRestoreSortingState && this.storeSortingService) {
       const s = this.storeSortingService.getSortItems();
-      s != null && s.length && this.tableModel.getBodyModel().doSort(s);
+      if (s != null && s.length) {
+        this.tableModel.getBodyModel().doSort(s);
+        const i = this.tableModel.getColumnDefs();
+        i && (i.forEach((r) => r.sortState = ""), s.forEach((r) => {
+          const n = i[r.columnIndex];
+          n && (n.sortState = r.sortState);
+        }));
+      }
     }
   }
   /**
@@ -5527,28 +5643,23 @@ class Ge extends ut {
    * @private
    */
   autoRestoreCollapsedExpandedState() {
-    var e, t;
-    if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.getRowId && this.storeStateCollapsedExpandService) {
-      const s = this.tableOptions.autoRestoreOptions, o = s.getRowId;
-      if (s.autoRestoreCollapsedExpandedState && o) {
-        const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
-        if (de(r)) {
-          const n = r, l = r.getRowCount();
-          for (let a = 0; a < l; a++) {
-            const c = r.getRowByIndex(a);
-            if (c)
-              if (i.allExpanded)
-                c.expanded = !0;
-              else if (i.allCollapsed)
-                c.expanded = !1;
-              else {
-                const h = o(c.data);
-                i.mode === "expanded" ? c.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h) : i.mode === "collapsed" && (c.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h));
-              }
-          }
-          n.recalcVisibleTreeRows();
+    var i;
+    const e = this.storeStateCollapsedExpandService, t = (i = this.tableOptions) == null ? void 0 : i.autoRestoreOptions, s = t == null ? void 0 : t.getRowId;
+    if (!e || !s || !(t != null && t.autoRestoreCollapsedExpandedState) || !e.hasStoredState()) return;
+    const o = this.tableModel.getAreaModel("body");
+    if (ue(o)) {
+      const r = o, n = e.collapsedExpandedStateGet(), l = (c) => c == null ? void 0 : c.forEach((a) => {
+        if (n.allExpanded)
+          a.expanded = !0;
+        else if (n.allCollapsed)
+          a.expanded = !1;
+        else {
+          const d = e.collapsedExpandedStateIncludes(s(a.data));
+          a.expanded = n.mode === "expanded" ? d : !d;
         }
-      }
+        l(a.children);
+      });
+      l(r.rows), r.recalcVisibleTreeRows();
     }
   }
   /**
@@ -5566,32 +5677,31 @@ class Ge extends ut {
     if (!e)
       return console.warn("Body model is not available."), [];
     const s = 30, o = Array.from({ length: t }, () => /* @__PURE__ */ new Set()), i = new Array(t).fill(0), r = (u) => {
-      var m, f;
-      const g = this.tableModel.getAreaModel(u), p = (g == null ? void 0 : g.getRowCount()) ?? 0;
-      for (let b = 0; b < p; b++)
+      var m, g;
+      const p = this.tableModel.getAreaModel(u), f = (p == null ? void 0 : p.getRowCount()) ?? 0;
+      for (let y = 0; y < f; y++)
         for (let w = 0; w < t; w++) {
-          const v = ((m = g.getTextValueAt) == null ? void 0 : m.call(g, b, w)) || (((f = g.getValueAt(b, w)) == null ? void 0 : f.toString()) ?? ""), I = v.length;
-          if (I > i[w]) {
-            i[w] = I;
-            for (const x of o[w]) x.length < I - 2 && o[w].delete(x);
-          }
-          I >= i[w] - 2 && o[w].size < s && o[w].add(v);
+          const v = ((m = p.getTextValueAt) == null ? void 0 : m.call(p, y, w)) || (((g = p.getValueAt(y, w)) == null ? void 0 : g.toString()) ?? ""), I = v.length;
+          I > i[w] && (i[w] = I, o[w].forEach((x) => {
+            x.length < I - 2 && o[w].delete(x);
+          })), I >= i[w] - 2 && o[w].size < s && o[w].add(v);
         }
     };
     r("header"), r("body"), r("footer");
-    const n = this.hostElement.querySelector(".ge-table-label"), l = getComputedStyle(n ?? this.hostElement), a = n ? (parseFloat(l.paddingLeft) || 0) + (parseFloat(l.paddingRight) || 0) : 20;
-    let c = null;
+    const n = this.hostElement.querySelector(".ge-table-label"), l = getComputedStyle(n ?? this.hostElement), c = n ? (parseFloat(l.paddingLeft) || 0) + (parseFloat(l.paddingRight) || 0) : 20;
+    let a = null;
     try {
-      c = document.createElement("canvas").getContext("2d");
+      a = document.createElement("canvas").getContext("2d");
     } catch {
-      c = null;
+      a = null;
     }
-    c && (c.font = l.font || `${l.fontSize} ${l.fontFamily}`);
-    const h = (u) => c ? c.measureText(u).width : u.length * 8;
+    a && (a.font = l.font || `${l.fontSize} ${l.fontFamily}`);
+    const d = (u) => a ? a.measureText(u).width : u.length * 8;
     return o.map((u) => {
-      let g = 0;
-      for (const p of u) g = Math.max(g, h(p));
-      return Math.max(Math.ceil(g + a + 2), 50);
+      let p = 0;
+      return u.forEach((f) => {
+        p = Math.max(p, d(f));
+      }), Math.max(Math.ceil(p + c + 2), 50);
     });
   }
   setColumnWidth(e, t) {
@@ -5629,7 +5739,7 @@ class Ge extends ut {
     }
     const e = [];
     (t = this.tableModel.getColumnDefs()) == null || t.forEach((s, o) => {
-      s.sortState && e.push(new Me(o, s.sortState));
+      s.sortState && e.push(new Ie(o, s.sortState));
     }), e.length && this.tableModel.doSort(e);
   }
   /**
@@ -5688,16 +5798,16 @@ class Ge extends ut {
     return e < t ? (this.scrollToIndex(0, e), !0) : e > s ? (this.scrollToIndex(0, e - o + 1), !0) : !1;
   }
 }
-class qt extends he {
+class Jt extends pe {
   constructor(e) {
     super(), this.onCheckboxChangedCallback = e, super.onCheckboxChanged = (t) => {
       this.onCheckboxChangedCallback(t);
     };
   }
 }
-const ie = class ie {
+const re = class re {
 };
-ie.themes = ["light", "combat", "paper", "blackboard"], ie.vars = {
+re.themes = ["light", "combat", "paper", "blackboard"], re.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);
@@ -5931,52 +6041,62 @@ ie.themes = ["light", "combat", "paper", "blackboard"], ie.vars = {
   --ge-table-drop-zone-bg: #758129;
 }`
 };
-let Te = ie;
-class Ee {
+let ke = re;
+class ce {
   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 ue {
-  static buildTreeRows(e, t = "children", s = 12) {
-    const o = [];
-    for (const i of e)
-      o.push(ue.buildTreeRow(i, t, void 0, 0, s));
-    return o;
+class Y {
+  /**
+   * Builds tree rows (input for `TableFactory.createTableModel({ rows })`) from nested objects.
+   *
+   * @param data - the top-level objects
+   * @param childrenPropertyOrOptions - name of the children property (default "children") or {@link TreeFactoryOptions}
+   * @param deepMaxLimit - maximum depth (default 12; ignored when options are passed)
+   * @param expanded - expanded state of the rows (default true; ignored when options are passed)
+   *
+   * @example
+   * const rows = TreeFactory.buildTreeRows<OrderNode>(data, { childrenProperty: "children", expanded: false });
+   */
+  static buildTreeRows(e, t = "children", s = 12, o = !0) {
+    const i = typeof t == "string" ? { childrenProperty: t, deepMaxLimit: s, expanded: o } : t, r = i.childrenProperty ?? "children", n = i.deepMaxLimit ?? 12, l = Y.toExpandedFn(i.expanded ?? !0), c = [];
+    for (const a of e) {
+      const d = new ce(a, l(a, 0), [], void 0, 0);
+      c.push(Y.buildTreeRow(a, r, d, 0, n, l));
+    }
+    return c;
   }
-  static buildTreeRow(e, t = "children", s = new Ee(e, !0, [], void 0, 0), o = 0, i = 12) {
-    var n;
+  static buildTreeRow(e, t = "children", s = new ce(e, !0, [], void 0, 0), o = 0, i = 12, r = !0) {
+    var c;
     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 Ee(l, !0, [], s, o + 1);
-        if ((n = s.children) == null || n.push(a), ue.buildTreeRow(
-          l,
-          t,
-          a,
-          o + 1
-        ), o > i)
-          return console.warn("Max deep limit reached: ", o), s;
+    const n = Y.toExpandedFn(r), l = e[t];
+    if (l)
+      for (const a of l) {
+        const d = new ce(a, n(a, o + 1), [], s, o + 1);
+        (c = s.children) == null || c.push(d), Y.buildTreeRow(a, t, d, o + 1, i, n);
       }
     return s;
   }
+  static toExpandedFn(e) {
+    return typeof e == "function" ? e : () => e;
+  }
 }
-class Y {
+class K {
   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 Et = () => !0, kt = () => !1;
+const Et = () => !0, Tt = () => !1;
 class W {
-  constructor(e, t, s = new y(100, "px"), o = new k(), i = new k(), r = new y(100, "px"), n = new y(100, "px"), l, a, c, h, u, g, p, m, f = () => 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 = g, this.getEditRenderer = p, this.editInputPipe = m, this.isVisible = f, this.visible = !0, s.unit !== "px" && (this.minWidth = new y(0, "px"), this.maxWidth = new y(1e5, "px"));
+  constructor(e, t, s = new b(100, "px"), o = new k(), i = new k(), r = new b(100, "px"), n = new b(100, "px"), l, c, a, d, u, p, f, 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 = c, this.sortState = a, this.sortStatesOrder = d, this.sortIconVisible = u, this.editable = p, this.getEditRenderer = f, 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 k(
@@ -5994,15 +6114,15 @@ class W {
       e.headerClasses,
       e.bodyClasses,
       e.footerClasses
-    ), o = e.sortIconVisible ?? e.sortable, i = e.editable ?? e.editable ?? kt, r = e.isVisible ?? e.isVisible ?? Et;
+    ), o = e.sortIconVisible ?? e.sortable, i = e.editable ?? e.editable ?? Tt, r = e.isVisible ?? e.isVisible ?? Et;
     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,
@@ -6015,8 +6135,8 @@ class W {
     );
   }
 }
-const Zt = new y(500, "px"), Qt = new y(400, "px"), Dt = new y(300, "px"), es = new y(290, "px"), ts = new y(280, "px"), ss = new y(270, "px"), os = new y(260, "px"), is = new y(250, "px"), rs = new y(240, "px"), ns = new y(230, "px"), ls = new y(220, "px"), as = new y(210, "px"), ke = new y(200, "px"), cs = new y(190, "px"), ds = new y(180, "px"), hs = new y(170, "px"), us = new y(160, "px"), ps = new y(150, "px"), gs = new y(140, "px"), fs = new y(130, "px"), ms = new y(120, "px"), bs = new y(110, "px"), ys = new y(100, "px"), ws = new y(90, "px"), xs = new y(80, "px"), Ss = new y(70, "px"), Cs = new y(60, "px"), vs = new y(50, "px"), Rs = new y(40, "px"), As = new y(30, "px"), Ms = new y(20, "px"), Is = new y(10, "px"), Ts = new y(0, "px");
-class F extends ye {
+const qt = new b(500, "px"), Zt = new b(400, "px"), kt = new b(300, "px"), Qt = new b(290, "px"), es = new b(280, "px"), ts = new b(270, "px"), ss = new b(260, "px"), os = new b(250, "px"), is = new b(240, "px"), rs = new b(230, "px"), ns = new b(220, "px"), ls = new b(210, "px"), De = new b(200, "px"), as = new b(190, "px"), cs = new b(180, "px"), ds = new b(170, "px"), hs = new b(160, "px"), us = new b(150, "px"), ps = new b(140, "px"), gs = new b(130, "px"), fs = new b(120, "px"), ms = new b(110, "px"), bs = new b(100, "px"), ys = new b(90, "px"), ws = new b(80, "px"), xs = new b(70, "px"), Ss = new b(60, "px"), Cs = new b(50, "px"), vs = new b(40, "px"), Rs = new b(30, "px"), As = new b(20, "px"), Ms = new b(10, "px"), Is = new b(0, "px");
+class F extends we {
   constructor(e, t, s, o = []) {
     super(e, o, s), this.areaIdent = e, this.arr = t, this.defaultRowHeight = s, this.columnDefs = o, this.filteredArr = [...t];
   }
@@ -6127,7 +6247,7 @@ class P {
   changeColumnOrder(e, t) {
   }
 }
-class Ft {
+class Dt {
   flattenTree(e, t = []) {
     var s;
     for (const o of e)
@@ -6138,9 +6258,9 @@ class Ft {
     return e.parent ? e.parent.expanded ? this.isVisible(e.parent) : !1 : !0;
   }
 }
-class se extends ye {
+class oe extends we {
   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 we(), this.service = new Ft(), 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 xe(), this.service = new Dt(), 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);
@@ -6176,7 +6296,7 @@ class se extends ye {
    * @returns {number | undefined} The constant row height or `undefined`.
    */
   getConstantRowHeight() {
-    return this.getRowHeight === se.prototype.getRowHeight && this.defaultRowHeight > 0 ? this.defaultRowHeight : void 0;
+    return this.getRowHeight === oe.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];
@@ -6253,7 +6373,7 @@ class se extends ye {
       o.children && this.treeSort(o.children, t, s);
   }
 }
-class De {
+class Fe {
   constructor(e = []) {
     this.allRootNodes = e;
   }
@@ -6313,12 +6433,12 @@ class De {
       s.checked && t.push(s), s.children && this.addSelectedRecursive(s.children, t);
   }
 }
-class pe {
+class ge {
   constructor(e = 0, t = 0, s = 0, o = 0) {
     this.top = e, this.right = t, this.bottom = s, this.left = o;
   }
 }
-class Pt {
+class Ft {
   constructor() {
     this.checkedRows = [];
   }
@@ -6349,11 +6469,11 @@ class Pt {
     }
   }
 }
-class ae {
-  constructor(e, t, s, o = 0, i = 0, r = !1, n = new Y(), l = [], a = [], c = -1, h = 0, u = 400, g = () => {
+class de {
+  constructor(e, t, s, o = 0, i = 0, r = !1, n = new K(), l = [], c = [], a = -1, d = 0, u = 400, p = () => {
   }) {
-    var p, m, f, 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 = g, 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 = (f = this.columnSizes) == null ? void 0 : f.length)), (b = this.columnDefs) != null && b.length && st(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Pt());
+    var f, 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 = c, this.overridingColumnWidth = a, this.columnCount = d, this.parentSize = u, this.getSelectionModel = p, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new ge(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", s.areaIdent = "footer", this.columnCount || ((f = this.columnDefs) != null && f.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 && ot(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Ft());
   }
   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();
@@ -6437,7 +6557,7 @@ class ae {
    */
   recalcPadding() {
     const e = this.getSideAreaWidth("west"), t = this.getSideAreaWidth("east"), s = this.getAreaHeight("header"), o = this.getAreaHeight("footer");
-    this.padding = new pe(
+    this.padding = new ge(
       s,
       t,
       o,
@@ -6682,31 +6802,31 @@ class ae {
     var t, s, o;
     if (!((t = this.columnDefs) != null && t.length) && !((s = this.columnSizes) != null && s.length) && (this.columnSizes = new Array(this.getColumnCount()).fill(this.overridingColumnWidth)), (o = this.columnDefs) != null && o.length) {
       const i = this.columnDefs.filter((l) => {
-        var a;
-        return ((a = l.width) == null ? void 0 : a.unit) === "weight";
+        var c;
+        return ((c = l.width) == null ? void 0 : c.unit) === "weight";
       });
       this.columnSizes = this.columnDefs.map((l) => {
         if (l.width.unit === "%" && e) {
-          let a = Math.floor(l.width.value * e / 100);
+          let c = Math.floor(l.width.value * e / 100);
           if (l.minWidth) {
-            const c = this.sizeToPixel(l.minWidth, e);
-            a = Math.max(c, a);
+            const a = this.sizeToPixel(l.minWidth, e);
+            c = Math.max(a, c);
           }
           if (l.maxWidth) {
-            const c = this.sizeToPixel(l.maxWidth, e);
-            a = Math.min(c, a);
+            const a = this.sizeToPixel(l.maxWidth, e);
+            c = Math.min(a, c);
           }
-          return a;
+          return c;
         } else if (l.width.unit === "px" && e)
           return l.width.value;
         return 0;
       });
-      const r = this.columnSizes.reduce((l, a) => l + a), n = e - r;
+      const r = this.columnSizes.reduce((l, c) => l + c), n = e - r;
       if (n > 0 && i.length) {
-        const l = i.map((a) => a.width.value).reduce((a, c) => a + c);
-        for (let a = 0; a < this.columnDefs.length; a++) {
-          const c = this.columnDefs[a];
-          c.width.unit === "weight" && (this.columnSizes[a] = c.width.value * n / l);
+        const l = i.map((c) => c.width.value).reduce((c, a) => c + a);
+        for (let c = 0; c < this.columnDefs.length; c++) {
+          const a = this.columnDefs[c];
+          a.width.unit === "weight" && (this.columnSizes[c] = a.width.value * n / l);
         }
       }
     }
@@ -6742,7 +6862,7 @@ class ae {
     return this.tableScope;
   }
 }
-class Fe extends _ {
+class Pe extends _ {
   /**
    * Creates an instance of AreaModelObjectArrayWithColumndefs.
    *
@@ -6821,35 +6941,35 @@ class H {
    * Please consult each method's documentation for detailed explanation of their functionality.
    */
   static createTableModel(e) {
-    var t, s, o, i, r, n, l, a, c, h, u, g, p, m;
+    var t, s, o, i, r, n, l, c, a, d, u, p, f, m;
     if (e.defaultRowHeights === void 0)
       if ((t = e.tableOptions) != null && t.defaultRowHeights)
         e.defaultRowHeights = e.tableOptions.defaultRowHeights;
       else {
-        if (e.defaultRowHeights = new Y(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
-          const f = e.headerAreaModel.defaultRowHeight;
-          f > -1 && (e.defaultRowHeights.header = f);
+        if (e.defaultRowHeights = new K(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
+          const g = e.headerAreaModel.defaultRowHeight;
+          g > -1 && (e.defaultRowHeights.header = g);
         }
         if (e.bodyAreaModel && "defaultRowHeight" in e.bodyAreaModel) {
-          const f = e.bodyAreaModel.defaultRowHeight;
-          f > -1 && (e.defaultRowHeights.body = f);
+          const g = e.bodyAreaModel.defaultRowHeight;
+          g > -1 && (e.defaultRowHeights.body = g);
         }
         if (e.footerAreaModel && "defaultRowHeight" in e.footerAreaModel) {
-          const f = e.footerAreaModel.defaultRowHeight;
-          f > -1 && (e.defaultRowHeights.footer = f);
+          const g = e.footerAreaModel.defaultRowHeight;
+          g > -1 && (e.defaultRowHeights.footer = g);
         }
       }
-    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((f) => new W(f, f.toUpperCase(), ke)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((f) => new W(f, f.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(
+    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((g) => new W(g, g.toUpperCase(), De)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new W(g, g.toUpperCase(), De)) : 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 || ((c = e.headerData) != null && c.length ? e.headerAreaModel = new F(
       "header",
       e.headerData,
       e.defaultRowHeights.header,
       e.columnDefs
-    ) : (c = e.columnDefs) != null && c.length ? e.headerAreaModel = new F(
+    ) : (a = e.columnDefs) != null && a.length ? e.headerAreaModel = new F(
       "header",
-      [e.columnDefs.map((f) => f.headerLabel)],
+      [e.columnDefs.map((g) => g.headerLabel)],
       e.defaultRowHeights.header,
       e.columnDefs
-    ) : e.headerAreaModel = new P("header")), e.footerAreaModel || ((h = e.footerData) != null && h.length ? e.footerAreaModel = new F(
+    ) : e.headerAreaModel = new P("header")), e.footerAreaModel || ((d = e.footerData) != null && d.length ? e.footerAreaModel = new F(
       "footer",
       e.footerData,
       e.defaultRowHeights.footer,
@@ -6857,15 +6977,15 @@ class H {
     ) : e.footerAreaModel = new P("footer")), !e.bodyAreaModel)
       if (e.rows)
         if ((u = e.rows) != null && u.length && j(e.rows[0])) {
-          const f = e.rows;
-          e.bodyAreaModel = new se(
+          const g = e.rows;
+          e.bodyAreaModel = new oe(
             "body",
-            f,
+            g,
             e.defaultRowHeights.body,
             e.columnDefs
-          ), (e.columnDefs[0].property === "CheckboxColumn" || (g = e.tableOptions) != null && g.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new De(f));
+          ), (e.columnDefs[0].property === "CheckboxColumn" || (p = e.tableOptions) != null && p.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new Fe(g));
         } else
-          e.bodyAreaModel = new Fe(
+          e.bodyAreaModel = new Pe(
             "body",
             e.rows,
             e.columnDefs,
@@ -6876,7 +6996,7 @@ class H {
         e.bodyData,
         e.defaultRowHeights.body
       ) : 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(
+    return e.fixedLeftColumnCount === void 0 && (e.fixedLeftColumnCount = 0), e.fixedRightColumnCount === void 0 && (e.fixedRightColumnCount = 0), e.rowCheckboxVisible === void 0 && (e.rowCheckboxVisible = !1), e.overridingColumnWidth === void 0 && (e.overridingColumnWidth = -1), !e.getSelectionModel && ((f = e.tableOptions) != null && f.getSelectionModel) && (e.getSelectionModel = (m = e.tableOptions) == null ? void 0 : m.getSelectionModel), new de(
       e.headerAreaModel,
       e.bodyAreaModel,
       e.footerAreaModel,
@@ -6913,7 +7033,7 @@ class H {
     return H.buildByTypedRows(
       e.rows ?? [],
       e.columnDefs,
-      e.tableOptions ?? new J(),
+      e.tableOptions ?? new q(),
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0
     );
@@ -6954,18 +7074,18 @@ class H {
    * 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 J(), o = 0, i = 0) {
+  static buildByTypedRows(e, t, s = new q(), o = 0, i = 0) {
     const r = s.defaultRowHeights, n = t[0].property === "CheckboxColumn";
     if (e != null && e.length && j(e[0])) {
-      const a = e, c = new se(
+      const c = e, a = new oe(
         "body",
-        a,
+        c,
         r.body,
         t
       );
-      return (n || s.showCheckboxWihoutExtraColumn) && (c.rowSelectionModel = new De(a)), H.createByAreaModelsParam({
-        headerAreaModel: new F("header", [t.map((h) => h.headerLabel)], r.header),
-        bodyAreaModel: c,
+      return (n || s.showCheckboxWihoutExtraColumn) && (a.rowSelectionModel = new Fe(c)), H.createByAreaModelsParam({
+        headerAreaModel: new F("header", [t.map((d) => d.headerLabel)], r.header),
+        bodyAreaModel: a,
         footerAreaModel: new F("footer", [], r.footer),
         columnDefs: t,
         fixedLeftColumnCount: o,
@@ -7038,7 +7158,7 @@ class H {
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0,
       t,
-      e.defaultRowHeights ?? new Y(),
+      e.defaultRowHeights ?? new K(),
       e.columnDefs ?? [],
       e.columnSizes ?? []
     );
@@ -7084,8 +7204,8 @@ class H {
    * @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 P(), t, s = new P(), o = 0, i = 0, r = !1, n = new Y(), l, a = [], c = -1, h) {
-    return new ae(
+  static createByAreaModels(e = new P(), t, s = new P(), o = 0, i = 0, r = !1, n = new K(), l, c = [], a = -1, d) {
+    return new de(
       e,
       t,
       s,
@@ -7094,9 +7214,9 @@ class H {
       r,
       n,
       l,
-      a,
       c,
-      h
+      a,
+      d
     );
   }
   /**
@@ -7198,26 +7318,26 @@ class H {
    *
    * 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 Y(), l, a = []) {
-    let c;
-    t != null && t.length ? c = new F("header", t, n.header, l) : l != null && l.length ? c = new F("header", [l.map((g) => g.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,
+  static createByObjectArray(e, t = [], s = [], o = 0, i = 0, r = !1, n = new K(), l, c = []) {
+    let a;
+    t != null && t.length ? a = new F("header", t, n.header, l) : l != null && l.length ? a = new F("header", [l.map((p) => p.headerLabel)], n.header, l) : a = new P();
+    const d = s ? new F("footer", s, n.footer, l) : new P(), u = new Pe("body", e, l, n.body);
+    return new de(
+      a,
       u,
-      h,
+      d,
       o,
       i,
       r,
       n,
       l,
-      a
+      c
     );
   }
 }
-class _t {
+class Pt {
   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 we(), 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 xe(), this.filteredItems = e;
   }
   setParentWidth(e) {
     this.width = e;
@@ -7311,7 +7431,7 @@ class _t {
   arrayMove(e, t, s) {
   }
 }
-class Lt {
+class _t {
   constructor(e, t = 0) {
     this.bodyModel = e, this.paddingTop = t, this.headerAreaModel = new P(), this.footerAreaModel = new P();
   }
@@ -7378,7 +7498,7 @@ class Lt {
   recalcHeightAndPadding() {
   }
   getPadding() {
-    return new pe(0, 0, 0, 0);
+    return new ge(0, 0, 0, 0);
   }
   getContentHeightInPixel() {
     return this.paddingTop + this.bodyModel.getRowCount() * this.bodyModel.coverHeight;
@@ -7404,7 +7524,7 @@ class Lt {
     return this.tableScope;
   }
 }
-class Vt {
+class Lt {
   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) {
@@ -7431,12 +7551,12 @@ class Vt {
 }
 class Es {
   static createCoverGridModel(e, t, s = 200, o = 300, i = 0, r = 0) {
-    const n = new _t(e, t, s, o, i, r);
-    return new Lt(n, r);
+    const n = new Pt(e, t, s, o, i, r);
+    return new _t(n, r);
   }
   static createCoverGrisDefaultOptions(e, t = () => "CoverGrid") {
     return {
-      ...new J(),
+      ...new q(),
       horizontalBorderVisible: !1,
       verticalBorderVisible: !1,
       footerSeparatorBorderVisible: !1,
@@ -7454,7 +7574,7 @@ class Es {
       },
       // externalFilterFunction: this.filterFn.bind(this),
       autoRestoreOptions: {
-        ...new Vt(),
+        ...new Lt(),
         getStorageKeyFn: t,
         autoRestoreCollapsedExpandedState: !1,
         autoRestoreScrollPosition: !0,
@@ -7464,7 +7584,7 @@ class Es {
     };
   }
 }
-const ks = [
+const Ts = [
   "COPY_2_CLIPBOARD",
   "START_EDITING",
   "TOGGLE_SELECTION",
@@ -7482,17 +7602,17 @@ const ks = [
   // "PAGEUP_PRESSED",
   // "PAGEDOWN_PRESSED"
 ];
-class Ot {
+class Vt {
   constructor(e, t) {
     this.tableModel = e, this.tableOptions = t;
   }
 }
-class $t {
+class Ot {
   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 Ds extends $t {
+class ks extends Ot {
   constructor(e, t, s, o, i, r, n, l) {
     super(
       e,
@@ -7505,34 +7625,34 @@ class Ds extends $t {
     ), this.rows = l;
   }
 }
-class Ht {
+class $t {
   constructor(e, t) {
     this.value = e, this.label = t;
   }
 }
-class Fs {
+class Ds {
   constructor(e, t) {
     this.index = e, this.px = t;
   }
 }
-const Ps = { body: ["ge-table-text-align-left"] }, _s = { body: ["ge-table-text-align-center"] }, Ls = { body: ["ge-table-text-align-right"] }, Vs = {
+const Fs = { body: ["ge-table-text-align-left"] }, Ps = { body: ["ge-table-text-align-center"] }, _s = { body: ["ge-table-text-align-right"] }, Ls = {
   header: ["ge-table-text-align-left"],
   body: ["ge-table-text-align-left"],
   footer: ["ge-table-text-align-left"]
-}, Os = {
+}, Vs = {
   header: ["ge-table-text-align-center"],
   body: ["ge-table-text-align-center"],
   footer: ["ge-table-text-align-center"]
-}, $s = {
+}, Os = {
   header: ["ge-table-text-align-right"],
   body: ["ge-table-text-align-right"],
   footer: ["ge-table-text-align-right"]
 };
-class Pe {
+class _e {
   render(e, t, s, o, i, r, n) {
     if (i.isRowCheckable(t)) {
       n.addClass(e, "ge-table-row-checkbox-div");
-      const l = i.isRowChecked(t), a = l === "full" ? "checked" : "", c = l === "semi" ? '<span style="opacity: 0.4;">✓<span>' : "";
+      const l = i.isRowChecked(t), c = l === "full" ? "checked" : "", a = l === "semi" ? '<span style="opacity: 0.4;">✓<span>' : "";
       e.innerHTML = `
         <input
             type="checkbox"
@@ -7540,22 +7660,22 @@ class Pe {
             data-row-index="${t}"
             data-col-index="${s}"
             data-input-type="checkbox"
-            ${a}
+            ${c}
             class="ge-table-row-checkbox">
-        ${c}  `;
+        ${a}  `;
     }
   }
 }
-class Hs {
+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 k(new Pe(), new Pe(), void 0), this.classes = new k(
+    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 k(new _e(), new _e(), void 0), this.classes = new k(
       [],
       ["ge-table-text-align-left"],
       []
     );
   }
 }
-class Bs {
+class Hs {
   /**
    * A factory that creates a new AreaObjectMap with the given body renderer.
    *
@@ -7570,22 +7690,22 @@ class Bs {
     );
   }
 }
-class Ws {
+class Bs {
   constructor(e = "down", t) {
     this.status = e, this.originalEvent = t;
   }
 }
-class Ns {
+class Ws {
   constructor(e, t, s, o, i = {}) {
     this.area = e, this.rowIndex = t, this.columnIndex = s, this.value = o, this.cssClasses = i;
   }
 }
-class Bt {
+class Ht {
   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 Wt extends Bt {
+class Bt extends Ht {
   constructor(e, t = 0, s = 0, o) {
     super(
       e.data,
@@ -7677,7 +7797,7 @@ class Wt extends Bt {
     return n;
   }
 }
-class E {
+class T {
   static buildColumnDefs(e, t = []) {
     for (const s of e)
       s.property && t.push(
@@ -7686,7 +7806,7 @@ class E {
           headerLabel: s.data ? s.data : s.property,
           isVisible: () => typeof s.isVisible == "function" ? s.isVisible() : !0
         })
-      ), s.children && E.buildColumnDefs(s.children, t);
+      ), s.children && T.buildColumnDefs(s.children, t);
     return t;
   }
   /*
@@ -7710,14 +7830,14 @@ 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 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;
+      const n = e[r], l = new Bt(n, s, r, o);
+      i && (l.leftNeighbour = i, i.rightNeighbour = l), t.push(l), n.children && (l.children = T.buildGroupExts(n.children, [], s + 1, l)), i = l;
     }
     return t;
   }
   static flattenGroupExts(e, t = []) {
     for (const s of e)
-      t.push(s), s.children && E.flattenGroupExts(s.children, t);
+      t.push(s), s.children && T.flattenGroupExts(s.children, t);
     return t;
   }
   /*
@@ -7749,10 +7869,10 @@ class E {
   static iterateThrowColumns(e = [], t) {
     var s;
     for (const o of t)
-      e.push(o.data + "    rowIndex:" + o.rowIndex), (s = o.children) != null && s.length && E.iterateThrowColumns(e, o.children);
+      e.push(o.data + "    rowIndex:" + o.rowIndex), (s = o.children) != null && s.length && T.iterateThrowColumns(e, o.children);
   }
 }
-class Gs {
+class Ns {
   constructor() {
     this.areaIdent = "body", this.rowSelectionModel = void 0;
   }
@@ -8390,15 +8510,15 @@ class Gs {
     return !1;
   }
 }
-const re = class re {
-  constructor(e = new ve()) {
+const ne = class ne {
+  constructor(e = new Re()) {
     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 ? re.toggleHeaderGroup : "";
-      this.addText(e, o, t, s, l, u), a && c !== "always" && this.addArrowDiv(n, e, !h, t, s, o, u);
+      const { toggle: c, visibility: a, closed: d } = r, u = c ? ne.toggleHeaderGroup : "";
+      this.addText(e, o, t, s, l, u), c && a !== "always" && this.addArrowDiv(n, e, !d, t, s, o, u);
     } else
       this.addText(e, o, t, s, l, "");
   }
@@ -8413,11 +8533,11 @@ const re = class re {
   addArrowDiv(e, t, s = !0, o = -1, i = -1, r = "header", n) {
     const l = e.createElement("div");
     e.addClass(l, "ge-table-toggle-icon-div"), e.setStyle(l, "display", "inline-block"), e.setStyle(l, "position", ""), e.setStyle(l, "width", "20px"), e.setStyle(l, "background", "transparent"), e.setStyle(l, "cursor", "pointer"), e.setAttribute(l, "data-row-index", `${o}`), e.setAttribute(l, "data-col-index", `${i}`), e.setAttribute(l, "data-area", `${r}`), e.setAttribute(l, "data-ge-action", `${n}`);
-    let a;
-    s ? a = this.headerGroupOptions.iconExpanded : a = this.headerGroupOptions.iconCollapsed;
-    const c = a.content, h = e.createText(c);
-    e.appendChild(l, h), a.style && this.applyStyleString(e, l, a.style);
-    for (const u of a.classes)
+    let c;
+    s ? c = this.headerGroupOptions.iconExpanded : c = this.headerGroupOptions.iconCollapsed;
+    const a = c.content, d = e.createText(a);
+    e.appendChild(l, d), c.style && this.applyStyleString(e, l, c.style);
+    for (const u of c.classes)
       e.addClass(l, u);
     return e.appendChild(t, l), l;
   }
@@ -8429,11 +8549,11 @@ const re = class re {
     }
   }
 };
-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();
+ne.toggleHeaderGroup = "toggleHeaderGroup";
+let fe = ne;
+class Gs {
+  constructor(e = "header", t, s = [], o, i = new Re()) {
+    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 fe(this.headerGroupOptions), this.groupExts = T.buildGroupExts(t), this.init();
   }
   sort(e) {
   }
@@ -8441,19 +8561,19 @@ class zs {
     var e;
     for (const t of this.groupExts)
       t.log(this.getMaxRowCount());
-    this.arr = this.buildArray(), !((e = this.columnDefs) != null && e.length) && this.areaIdent === "header" && (this.columnDefs = E.buildColumnDefs(this.groups));
+    this.arr = this.buildArray(), !((e = this.columnDefs) != null && e.length) && this.areaIdent === "header" && (this.columnDefs = T.buildColumnDefs(this.groups));
   }
   getAllLeafs() {
-    return E.flattenGroupExts(this.groupExts).filter((t) => !t.children);
+    return T.flattenGroupExts(this.groupExts).filter((t) => !t.children);
   }
   getMaxRowCount() {
     const e = this.getAllLeafs();
     return e != null && e.length ? 1 + Math.max(...e.map((t) => t.getParentCount(t))) : 0;
   }
   buildArray() {
-    const e = E.flattenGroupExts(this.groupExts), t = 1 + Math.max(...e.map((r) => r.rowIndex)), s = [];
-    E.iterateThrowColumns(s, this.groupExts);
-    const o = Array.from(Array(t).keys()).map((r) => []), i = E.buildArrayOfArrays(e, o);
+    const e = T.flattenGroupExts(this.groupExts), t = 1 + Math.max(...e.map((r) => r.rowIndex)), s = [];
+    T.iterateThrowColumns(s, this.groupExts);
+    const o = Array.from(Array(t).keys()).map((r) => []), i = T.buildArrayOfArrays(e, o);
     return console.table(i), i;
   }
   changeColumnOrder(e, t) {
@@ -8531,31 +8651,31 @@ class zs {
   toggleHeaderGroup(e) {
     const t = this.arr[e.rowIdx][e.colIdx];
     t != null && t.toggle && t.visibility !== "always" && (t.closed = !t.closed, this.init());
-    const s = E.buildColumnDefs(this.groupExts), o = new Map(this.columnDefs.map((r) => [r.property, r])), i = s.map((r) => {
+    const s = T.buildColumnDefs(this.groupExts), o = new Map(this.columnDefs.map((r) => [r.property, r])), i = s.map((r) => {
       const n = o.get(r.property);
       return n ? (n.isVisible = r.isVisible, n) : r;
     });
     return this.columnDefs = i, i;
   }
 }
-class js {
+class zs {
   filterPredict(e, t, s = this.objectToString.bind(this)) {
     if (!e)
       return !1;
     if (!t)
       return !0;
     t = t.toLowerCase();
-    const o = "+", i = "-", r = t.toLowerCase().split(" ").filter((h) => h !== o && h !== i && h !== ""), n = r.filter((h) => !h.startsWith(o) && !h.startsWith(i)), l = r.filter((h) => h.startsWith(o)).map((h) => h.replace(/\+/g, "")), a = r.filter((h) => h.startsWith(i)).map((h) => h.replace(/-/g, ""));
-    let c = !n.length;
-    for (let h = 0; h < n.length; h++)
-      (c || s(e).includes(n[h])) && (c = !0);
-    if (!c)
+    const o = "+", i = "-", r = t.toLowerCase().split(" ").filter((d) => d !== o && d !== i && d !== ""), n = r.filter((d) => !d.startsWith(o) && !d.startsWith(i)), l = r.filter((d) => d.startsWith(o)).map((d) => d.replace(/\+/g, "")), c = r.filter((d) => d.startsWith(i)).map((d) => d.replace(/-/g, ""));
+    let a = !n.length;
+    for (let d = 0; d < n.length; d++)
+      (a || s(e).includes(n[d])) && (a = !0);
+    if (!a)
       return !1;
-    for (let h = 0; h < l.length; h++)
-      if (!s(e).includes(l[h]))
+    for (let d = 0; d < l.length; d++)
+      if (!s(e).includes(l[d]))
         return !1;
-    for (let h = 0; h < a.length; h++)
-      if (s(e).includes(a[h]))
+    for (let d = 0; d < c.length; d++)
+      if (s(e).includes(c[d]))
         return !1;
     return !0;
   }
@@ -8565,18 +8685,18 @@ class js {
     if (!t)
       return [...e];
     t = t.toLowerCase();
-    const o = "+", i = "-", r = t.toLowerCase().split(" ").filter((c) => c !== o && c !== i && c !== ""), n = r.filter((c) => !c.startsWith(o) && !c.startsWith(i)), l = r.filter((c) => c.startsWith(o)).map((c) => c.replace(/\+/g, "")), a = r.filter((c) => c.startsWith(i)).map((c) => c.replace(/-/g, ""));
-    return e == null ? void 0 : e.filter((c) => {
-      let h = !n.length;
+    const o = "+", i = "-", r = t.toLowerCase().split(" ").filter((a) => a !== o && a !== i && a !== ""), n = r.filter((a) => !a.startsWith(o) && !a.startsWith(i)), l = r.filter((a) => a.startsWith(o)).map((a) => a.replace(/\+/g, "")), c = r.filter((a) => a.startsWith(i)).map((a) => a.replace(/-/g, ""));
+    return e == null ? void 0 : e.filter((a) => {
+      let d = !n.length;
       for (let u = 0; u < n.length; u++)
-        (h || s(c).includes(n[u])) && (h = !0);
-      if (!h)
+        (d || s(a).includes(n[u])) && (d = !0);
+      if (!d)
         return !1;
       for (let u = 0; u < l.length; u++)
-        if (!s(c).includes(l[u]))
+        if (!s(a).includes(l[u]))
           return !1;
-      for (let u = 0; u < a.length; u++)
-        if (s(c).includes(a[u]))
+      for (let u = 0; u < c.length; u++)
+        if (s(a).includes(c[u]))
           return !1;
       return !0;
     });
@@ -8592,19 +8712,19 @@ class js {
     return t.join(" ").toLowerCase();
   }
 }
-class Us {
+class js {
   static bodyRenderer(e) {
     return new k(void 0, e, void 0);
   }
 }
-class Ys {
+class Us {
   constructor(e, t = !0, s = !1) {
     this.property = e, this.skipCheckableCheck = t, this.readonly = s;
   }
   render(e, t, s, o, i, r, n) {
     if (this.readonly || this.skipCheckableCheck || i.isRowCheckable(t)) {
       n.addClass(e, "ge-table-row-checkbox-div");
-      const l = i.getRowByIndex(t), c = i.getValueByT(l, this.property) === !0 ? "checked" : "", h = this.readonly ? " readonly " : "";
+      const l = i.getRowByIndex(t), a = i.getValueByT(l, this.property) === !0 ? "checked" : "", d = this.readonly ? " readonly " : "";
       if (n.addClass(e, "ge-padding-property-checkbox"), e.innerHTML = `
         <input
           type="checkbox"
@@ -8613,16 +8733,16 @@ class Ys {
           data-col-index="${s}"
           data-property-index="${this.property}"
           data-input-type="checkbox"
-          ${c}
-          ${h}
+          ${a}
+          ${d}
           class="ge-input-checkbox">`, !this.readonly) {
         const u = e.querySelector(".ge-input-checkbox");
-        u && u.addEventListener("click", (g, p) => (l[this.property] = !l[this.property], !0));
+        u && u.addEventListener("click", (p, f) => (l[this.property] = !l[this.property], !0));
       }
     }
   }
 }
-class Xs {
+class Ys {
   render(e, t, s, o, i, r, n) {
     r && (e.innerText = new Date(r).toISOString());
   }
@@ -8650,29 +8770,29 @@ class Ks {
     }
   }
 }
-class Js {
+class Xs {
   render(e, t, s, o, i, r, n) {
     r && (e.innerText = new Date(r).toLocaleDateString());
   }
 }
-class qs {
+class Js {
   render(e, t, s, o, i, r, n) {
     r === "male" || r === "m" ? e.innerText = "♂" : (r === "female" || r === "f") && (e.innerText = "♀");
   }
 }
-class Zs {
+class qs {
   constructor(e = 100, t = !1) {
     this.maxValue = e, this.labelVisible = t;
   }
   render(e, t, s, o, i, r, n) {
     if (n.addClass(e, "ge-progressbar-div"), !isNaN(r)) {
-      const a = Number(r) * 100 / this.maxValue, c = this.labelVisible ? Math.round(a) + "%" : "";
+      const c = Number(r) * 100 / this.maxValue, a = this.labelVisible ? Math.round(c) + "%" : "";
       e.innerHTML = `
         <div class="ge-table-label-div"
           data-row-index="${t}"
           data-col-index="${s}"
           data-area="${o}"
-          title="${c}"
+          title="${a}"
           style="position: relative; background: transparent; width: 100%; height: 100%;">
               <div class="ge-table-progress-container"
                   style="width:100%;height:50%;padding:0;margin-top:6px;"
@@ -8680,7 +8800,7 @@ class Zs {
                   data-col-index="${s}"
                   data-area="${o}">
                   <div class="ge-table-progress-bar"
-                      style="width:${a}%;height:100%;padding:0;margin:0;"
+                      style="width:${c}%;height:100%;padding:0;margin:0;"
                       data-row-index="${t}"
                       data-col-index="${s}"
                       data-area="${o}">&nbsp;
@@ -8690,17 +8810,17 @@ class Zs {
     }
   }
 }
-class Qs {
+class Zs {
   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 eo {
+class Qs {
   render(e, t, s, o, i, r, n) {
     r && (e.innerText = new Date(r).toISOString().replace(/T/g, " ").replace(/\..*/g, ""));
   }
 }
-class to {
+class eo {
   constructor(e = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
     this.min = e, this.max = t;
   }
@@ -8711,53 +8831,53 @@ class to {
 </div>`, (typeof r == "string" || isNaN(r) || r < this.min || r > this.max) && n.addClass(e, "ge-cell-error"));
   }
 }
-class so {
+class to {
   constructor(e) {
     this.property = e;
   }
   render(e, t, s, o, i, r, n) {
     n.addClass(e, "ge-star-rating-div");
-    const l = i.getRowByIndex(t), a = +("" + i.getValueByT(l, this.property));
-    if (!isNaN(a)) {
-      const c = [];
-      for (let u = 0; u < a; u++)
-        c.push("★");
-      const h = c.join(" ");
+    const l = i.getRowByIndex(t), c = +("" + i.getValueByT(l, this.property));
+    if (!isNaN(c)) {
+      const a = [];
+      for (let u = 0; u < c; u++)
+        a.push("★");
+      const d = a.join(" ");
       e.innerHTML = `
           <div class="ge-table-label-div" data-row-index="${t}" data-col-index="${s}" data-area="${o}" style="position: relative; background: transparent; width: 100%; height: 100%;">
-            <div class="ge-table-label" data-row-index="${t}" data-col-index="${s}" data-area="${o}">${h}</div>
+            <div class="ge-table-label" data-row-index="${t}" data-col-index="${s}" data-area="${o}">${d}</div>
           </div>`;
     }
   }
 }
-class oo {
+class so {
   render(e, t, s, o, i, r, n) {
     if (r != null && r.length) {
       const l = n.createElement("div");
       n.addClass(l, "ge-table-label-div"), n.appendChild(e, l);
-      const a = n.createElement("div");
-      n.addClass(a, "ge-table-label"), n.appendChild(l, a);
-      const c = n.createText(r.join(", "));
-      n.appendChild(a, c);
+      const c = n.createElement("div");
+      n.addClass(c, "ge-table-label"), n.appendChild(l, c);
+      const a = n.createText(r.join(", "));
+      n.appendChild(c, a);
     } else
       e.innerText = "";
   }
 }
-class io {
+class oo {
   constructor(e, t = 100, s = !1) {
     this.property = e, this.maxValue = t, this.labelVisible = s;
   }
   render(e, t, s, o, i, r, n) {
     n.addClass(e, "ge-star-rating-div");
-    const l = i.getRowByIndex(t), a = +("" + i.getValueByT(l, this.property));
-    if (!isNaN(a)) {
-      const c = a * 100 / this.maxValue, h = this.labelVisible ? Math.round(c) + "%" : "";
+    const l = i.getRowByIndex(t), c = +("" + i.getValueByT(l, this.property));
+    if (!isNaN(c)) {
+      const a = c * 100 / this.maxValue, d = this.labelVisible ? Math.round(a) + "%" : "";
       e.innerHTML = `
           <div class="ge-table-label-div"
           data-row-index="${t}"
           data-col-index="${s}"
           data-area="${o}"
-          title="${h}"
+          title="${d}"
           style="position: relative; background: transparent; width: 100%; height: 100%;">
               <div class="ge-table-progress-container"
                   style="width:100%;height:50%;padding:0;margin-top:6px;"
@@ -8765,7 +8885,7 @@ class io {
                   data-col-index="${s}"
                   data-area="${o}">
                   <div class="ge-table-progress-bar"
-                      style="width:${c}%;height:100%;padding:0;margin:0;"
+                      style="width:${a}%;height:100%;padding:0;margin:0;"
                       data-row-index="${t}"
                       data-col-index="${s}"
                       data-area="${o}">&nbsp;
@@ -8775,7 +8895,7 @@ class io {
     }
   }
 }
-class ro {
+class io {
   render(e, t, s, o, i, r, n) {
     if (r) {
       e.innerHTML = `
@@ -8795,7 +8915,7 @@ class ro {
     }
   }
 }
-class ze {
+class je {
   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;
   }
@@ -8805,16 +8925,16 @@ class $ {
     this.action = e, this.label = t, this.icon = s, this.elementClass = o, this.elementType = i, this.enabled = r;
   }
 }
-class Nt {
+class Wt {
   constructor(e, t) {
     this.actionEventListener = e, this.crudActions = t;
   }
   render(e, t, s, o, i, r, n) {
     n.addClass(e, "ge-table-row-action-div");
-    const l = r, c = this.getCrudActions(r).map(
-      (h) => h.elementType === "button" ? this.buildButtonHtml(h, o, t, s, l) : this.buildLinkHtml(h, o, t, s, l)
+    const l = r, a = this.getCrudActions(r).map(
+      (d) => d.elementType === "button" ? this.buildButtonHtml(d, o, t, s, l) : this.buildLinkHtml(d, o, t, s, l)
     );
-    e.innerHTML = c.join(""), this.addClickEventListeners(e, o, i);
+    e.innerHTML = a.join(""), this.addClickEventListeners(e, o, i);
   }
   buildButtonHtml(e, t, s, o, i) {
     const r = e.enabled ? 'data-listen="click"' : "disabled";
@@ -8861,8 +8981,8 @@ class Nt {
   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 = ne(s), a = Number(o), c = Number(i);
-      return new ze(r, l, t, a, c, n);
+      const l = le(s), c = Number(o), a = Number(i);
+      return new je(r, l, t, c, a, n);
     }
     return null;
   }
@@ -8870,28 +8990,28 @@ class Nt {
     return Array.isArray(e) && e.every((t) => t instanceof $) ? e : this.crudActions;
   }
 }
-const no = function(d, e, t) {
-  return d ? Number(d) : "";
+const ro = function(h, e, t) {
+  return h ? Number(h) : "";
 };
-class je {
+class Ue {
   constructor(e) {
     this.options = e;
   }
   static create(e) {
-    return new je(
-      e.map((t) => new Ht(t, t))
+    return new Ue(
+      e.map((t) => new $t(t, t))
     );
   }
   render(e, t, s, o, i, r, n) {
     if (i.isEditable(t, s)) {
       n.addClass(e, "ge-table-row-select-div");
       const l = i.getValueAt(t, s);
-      let a = [];
-      for (let h of this.options) {
-        const u = h.value === l ? " selected " : "";
-        a.push(`<option value="${h.value}" ${u}>${h.label}</option>`);
+      let c = [];
+      for (let d of this.options) {
+        const u = d.value === l ? " selected " : "";
+        c.push(`<option value="${d.value}" ${u}>${d.label}</option>`);
       }
-      const c = a.join("");
+      const a = c.join("");
       e.innerHTML = `
             <select
                 autofocus
@@ -8901,11 +9021,11 @@ class je {
                 data-col-index="${s}"
                 data-input-type="text"
                 style="width:100%;height:100%;border:0;padding:0 0 0 8px;"
-                class="ge-table-cell-editor-select">${c}</select>`;
+                class="ge-table-cell-editor-select">${a}</select>`;
     }
   }
 }
-class lo extends Ce {
+class no extends Ce {
   constructor(e) {
     super("row", "multi"), this.model = e;
   }
@@ -8988,39 +9108,39 @@ class lo extends Ce {
     this.isSelected(e, 0) ? this.unselectRow(e) : this.selectRow(e);
   }
 }
-class ao {
+class lo {
   constructor(e, t, s) {
     this.r = e, this.g = t, this.b = s;
   }
 }
-class _e {
+class Le {
   constructor(e, t, s, o) {
     this.minValue = e, this.minColor = t, this.maxValue = s, this.maxColor = o;
   }
 }
-class Z {
+class Q {
   static normalize(e, t, s, o = 0, i = 1) {
     return (e - t) / (s - t) * (i - o) + o;
   }
   static getTwoColorGradientRGB(e, t) {
-    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)})`;
+    const s = Q.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, c = r * s + t.minColor.b;
+    return `rgb(${Math.round(n)}, ${Math.round(l)}, ${Math.round(c)})`;
   }
   static getThreeColorGradientRGB(e, t) {
-    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})`;
+    return e < t.middleValue ? Q.getTwoColorGradientRGB(e, new Le(t.minValue, t.minColor, t.middleValue, t.middleColor)) : e > t.middleValue ? Q.getTwoColorGradientRGB(e, new Le(t.middleValue, t.middleColor, t.maxValue, t.maxColor)) : `rgb(${t.middleColor.r}, ${t.middleColor.g}, ${t.middleColor.b})`;
   }
 }
-class co {
+class ao {
   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 Gt {
+class Nt {
   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 zt {
+class Gt {
   constructor(e) {
     this.object = e;
   }
@@ -9071,7 +9191,7 @@ class zt {
     return s.join("");
   }
 }
-class ce {
+class he {
   constructor(e, t, s = "Edit Item") {
     this.idKey = e, this.dialogTitle = s, this.object = { ...t };
   }
@@ -9152,7 +9272,7 @@ class ce {
     return e.replace(/\./g, " ");
   }
 }
-class jt {
+class zt {
   constructor() {
     this.urls = {
       list: {
@@ -9168,7 +9288,7 @@ class jt {
     ], this.tableActions = [
       new $("CREATE", "Create", "", "", "button"),
       new $("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) => {
+    ], this.autoAddActionColumn = !0, this.columnWidths = new Nt(), 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, {
@@ -9195,7 +9315,7 @@ class jt {
         headers: o,
         method: r,
         body: JSON.stringify(s)
-      }).then((a) => a.json());
+      }).then((c) => c.json());
     }, this.createItem = (e, t) => {
       var r, n;
       const s = e.getHeadersInit ? e.getHeadersInit() : {};
@@ -9219,59 +9339,59 @@ class jt {
     };
   }
 }
-class ho {
+class co {
   constructor() {
-    this.crudOptions = new jt(), this.listenActionEvent = (e) => {
+    this.crudOptions = new zt(), this.listenActionEvent = (e) => {
     };
   }
   createTableModel(e, t, s = (i) => {
   }, o = (i) => {
   }) {
     this.crudOptions = e, this.listenActionEvent = o, e.fetchList(e).then((i) => {
-      var r, n, l, a;
+      var r, n, l, c;
       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 Ce("row", "multi"), u = () => h;
+        const a = (r = t.columnDefs) != null && r.length ? t.columnDefs.map((w) => w.property) : this.extractProperties(i[0]), d = new Ce("row", "multi"), u = () => d;
         this.tableOptions = {
-          ...new J(),
+          ...new q(),
           ...t.tableOptions,
           hoverColumnVisible: !1,
           getSelectionModel: u
         };
-        const g = this.calcAutoColumnWidths(i, c), p = (n = t.columnDefs) != null && n.length ? t.columnDefs : c.map(((w, v) => new W(w, w.toUpperCase(), new y(g[v], "px"))));
+        const p = this.calcAutoColumnWidths(i, a), f = (n = t.columnDefs) != null && n.length ? t.columnDefs : a.map(((w, v) => new W(w, w.toUpperCase(), new b(p[v], "px"))));
         if ((l = e == null ? void 0 : e.columnWidths) != null && l.autoCalc)
-          for (let w = 0; w < p.length; w++) {
-            const v = p[w];
-            v.width = new y(g[w], "px");
+          for (let w = 0; w < f.length; w++) {
+            const v = f[w];
+            v.width = new b(p[w], "px");
           }
         if (e.autoAddActionColumn) {
           let w = new W(
             "id",
             "Actions",
-            Dt,
+            kt,
             new k(["ge-table-text-align-left"], ["ge-table-text-align-left ge-table-actions-cell"], void 0)
           );
           w.rendererMap = new k(
             void 0,
-            new Nt(this, e.singleRowActions),
+            new Wt(this, e.singleRowActions),
             void 0
-          ), p.push(w);
+          ), f.push(w);
         }
-        const m = 0, f = e.calcFixedRightColumnCount(p.length);
+        const m = 0, g = e.calcFixedRightColumnCount(f.length);
         this.tableModel = H.buildByTypedRowsParam({
           rows: i,
-          columnDefs: p,
+          columnDefs: f,
           tableOptions: this.tableOptions,
           fixedLeftColumnCount: m,
-          fixedRightColumnCount: f
-        }), this.tableModel.getSelectionModel = u, this.bodyModel = (a = this.tableModel) == null ? void 0 : a.getBodyModel();
-        const b = new Ot(this.tableModel, this.tableOptions);
-        s(b);
+          fixedRightColumnCount: g
+        }), this.tableModel.getSelectionModel = u, this.bodyModel = (c = this.tableModel) == null ? void 0 : c.getBodyModel();
+        const y = new Vt(this.tableModel, this.tableOptions);
+        s(y);
       }
     });
   }
   openDialogForCreate() {
     if (this.bodyModel) {
-      const e = new ze("CREATE", "body", this.bodyModel, -1, -1, null);
+      const e = new je("CREATE", "body", this.bodyModel, -1, -1, null);
       this.onActionEvent(e);
     }
   }
@@ -9279,32 +9399,32 @@ class ho {
     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 zt(n).openDialog(), n));
+      (t = this.crudOptions) == null || t.fetchItem(this.crudOptions, r).then((n) => (console.info(n), new Gt(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 ce(
+      (s = this.crudOptions) == null || s.fetchItem(this.crudOptions, r).then((l) => (console.info(l), new he(
         n,
         l
-      ).openDialog((a) => {
-        console.info(a), this.crudOptions.updateItem(this.crudOptions, r, a);
+      ).openDialog((c) => {
+        console.info(c), this.crudOptions.updateItem(this.crudOptions, r, c);
       }), l));
     } else if (e.action === "CLONE") {
       let r = e.id;
       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 ce(
+        const c = JSON.parse(JSON.stringify(l));
+        return new he(
           n,
-          a,
+          c,
           "Clone Item"
-        ).openDialog((c) => {
-          console.info(c), this.crudOptions.createItem(this.crudOptions, c);
-        }), a;
+        ).openDialog((a) => {
+          console.info(a), this.crudOptions.createItem(this.crudOptions, a);
+        }), c;
       });
     } else if (e.action === "CREATE") {
       const r = this.crudOptions.getIdKey() ?? "id", n = JSON.parse(JSON.stringify(this.crudOptions.getEmptyItem()));
-      return new ce(
+      return new he(
         r,
         n,
         "Create Item"
@@ -9314,32 +9434,32 @@ class ho {
     } else if (e.action === "DELETE") {
       let r = e.id;
       (i = this.crudOptions) == null || i.deleteItem(this.crudOptions, r).then((n) => {
-        var l, a, c, h, u;
-        return (l = this.bodyModel) == null || l.filterRowsByPredict((g) => g.id != r), (c = (a = this.tableModel) == null ? void 0 : a.getTableScope()) == null || c.clearSelection(!0), (u = (h = this.tableModel) == null ? void 0 : h.getTableScope()) == null || u.repaintHard(), n;
+        var l, c, a, d, u;
+        return (l = this.bodyModel) == null || l.filterRowsByPredict((p) => p.id != r), (a = (c = this.tableModel) == null ? void 0 : c.getTableScope()) == null || a.clearSelection(!0), (u = (d = this.tableModel) == null ? void 0 : d.getTableScope()) == null || u.repaintHard(), n;
       });
     }
   }
   calcAutoColumnWidths(e, t, s = t) {
-    var a;
+    var c;
     const o = t.length;
-    if (!((a = this.crudOptions.columnWidths) != null && a.autoCalc))
+    if (!((c = this.crudOptions.columnWidths) != null && c.autoCalc))
       return new Array(o).fill(200);
     const i = e.length ?? 0, r = new Array(o).fill(0);
-    for (let c = 0; c < i; c++)
-      for (let h = 0; h < o; h++) {
-        const u = t[h], g = this.getValueByT(e[c], u), p = (g == null ? void 0 : g.toString().length) || 0;
-        p > r[h] && (r[h] = p);
+    for (let a = 0; a < i; a++)
+      for (let d = 0; d < o; d++) {
+        const u = t[d], p = this.getValueByT(e[a], u), f = (p == null ? void 0 : p.toString().length) || 0;
+        f > r[d] && (r[d] = f);
       }
     if (this.crudOptions.columnWidths.takeHeaderLabelsIntoAccount)
-      for (let c = 0; c < o; c++) {
-        const h = s[c].length || 0;
-        h > r[c] && (r[c] = h);
+      for (let a = 0; a < o; a++) {
+        const d = s[a].length || 0;
+        d > r[a] && (r[a] = d);
       }
     const n = this.crudOptions.columnWidths.minWidth, l = this.crudOptions.columnWidths.maxWidth;
-    return r.map((c, h) => Math.min(
+    return r.map((a, d) => Math.min(
       l,
       Math.max(
-        this.crudOptions.columnWidths.charCountToWidth(c, h),
+        this.crudOptions.columnWidths.charCountToWidth(a, d),
         n
       )
     ));
@@ -9360,197 +9480,197 @@ class ho {
     return s;
   }
 }
-class uo {
+class ho {
   constructor(e, t) {
     this.method = e, this.url = t;
   }
 }
 export {
-  ye as AbstractAreaModel,
-  ze as ActionEvent,
-  Nt as ActionsCellRenderer,
-  He as AnyPropertyType,
-  Bs as AreaMapFactory,
-  Gs as AreaModel,
+  we as AbstractAreaModel,
+  je as ActionEvent,
+  Wt as ActionsCellRenderer,
+  Be as AnyPropertyType,
+  Hs as AreaMapFactory,
+  Ns as AreaModel,
   F as AreaModelArrayOfArrays,
-  zs as AreaModelCellGroups,
+  Gs as AreaModelCellGroups,
   P as AreaModelHidden,
   _ as AreaModelObjectArray,
-  Fe as AreaModelObjectArrayWithColumndefs,
-  se as AreaModelTree,
+  Pe as AreaModelObjectArrayWithColumndefs,
+  oe as AreaModelTree,
   k as AreaObjectMap,
   B as ArrayPropertyType,
-  Vt as AutoRestoreOptions,
-  Yt as AvoidDoubleExecution,
-  qe as BooleanPropertyType,
-  Bt as CellGroup,
-  Wt as CellGroupExt,
-  ge as CellGroupExtCellRenderer,
+  Lt as AutoRestoreOptions,
+  Ut as AvoidDoubleExecution,
+  Ze as BooleanPropertyType,
+  Ht as CellGroup,
+  Bt as CellGroupExt,
+  fe as CellGroupExtCellRenderer,
   M as CellRange,
-  E as CellgroupFactory,
-  Ys as CheckboxBooleanPropertyCellRenderer,
-  Pe as CheckboxCellRenderer,
-  Hs as CheckboxColumnDef,
-  Pt as CheckboxModel,
-  Ds as ChunkData,
-  ht as ColAndRowspanModel,
-  at as CollapsedExpandedData,
-  ao as ColorRgb,
+  T as CellgroupFactory,
+  Us as CheckboxBooleanPropertyCellRenderer,
+  _e as CheckboxCellRenderer,
+  $s as CheckboxColumnDef,
+  Ft as CheckboxModel,
+  ks as ChunkData,
+  pt as ColAndRowspanModel,
+  ct as CollapsedExpandedData,
+  lo as ColorRgb,
   W as ColumnDef,
-  Xt as ColumnDefGenerator,
-  Gt as ColumnWidths,
-  ot as ConvenienceDomService,
-  te as CopyService,
-  _t as CoverGridBodyModel,
+  Yt as ColumnDefGenerator,
+  Nt as ColumnWidths,
+  it as ConvenienceDomService,
+  se as CopyService,
+  Pt as CoverGridBodyModel,
   Es as CoverGridFactory,
-  Lt as CoverGridTableModel,
+  _t as CoverGridTableModel,
   $ as CrudAction,
-  ce as CrudObjectEdit,
-  zt as CrudObjectView,
-  jt as CrudOptions,
-  ho as CrudTableModelFactory,
-  Te as CssVars,
+  he as CrudObjectEdit,
+  Gt as CrudObjectView,
+  zt as CrudOptions,
+  co as CrudTableModelFactory,
+  ke 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,
-  kt as FalseFn,
-  vt as FocusModel,
-  gt as GeCellIndices,
-  Z as GeCssColorUtil,
-  js as GeFilterService,
-  Ws as GeKeyEvent,
-  Se as GeModelChangeEvent,
-  be as GeMouseEvent,
-  ft as GeScrollEvent,
+  Ys as DateToIsoCellRenderer,
+  Xs as DateToLocaleDateCellRenderer,
+  Qs as DateToTecCellRenderer,
+  K as DefaultRowHeights,
+  te as EleScope,
+  pe as EventAdapter,
+  Jt as EventCheckboxChangedHandler,
+  It as ExcelService,
+  Tt as FalseFn,
+  ut as FocusModel,
+  mt as GeCellIndices,
+  Q as GeCssColorUtil,
+  zs as GeFilterService,
+  Bs as GeKeyEvent,
+  ve as GeModelChangeEvent,
+  ye as GeMouseEvent,
+  bt as GeScrollEvent,
   V as GeoData,
-  ve as HeaderGroupOptions,
+  Re as HeaderGroupOptions,
   O as Icon,
-  Fs as IndexAndPx,
-  Ct as InputCellRenderer,
-  pt as InputHandler,
-  Re as JsonService,
+  Ds as IndexAndPx,
+  Rt as InputCellRenderer,
+  ft as InputHandler,
+  Ae as JsonService,
   G as LicenseManager,
-  qs as MaleFemaleToIconCellRenderer,
-  rt as MouseHandler,
-  it as MouseTargetData,
-  lo as MultiRowsSelectionModel,
+  Js as MaleFemaleToIconCellRenderer,
+  nt as MouseHandler,
+  rt as MouseTargetData,
+  no as MultiRowsSelectionModel,
   Xe as NullPropertyType,
-  Zs as NumberCellProgressBarCellRenderer,
-  to as NumberCellRenderer,
-  Je as NumberPropertyType,
+  qs as NumberCellProgressBarCellRenderer,
+  eo as NumberCellRenderer,
+  qe as NumberPropertyType,
   L as ObjectPropertyType,
-  yt as OsxShortcutActionIdMapping,
-  Le as PROPERTY_TYPE_KEY_ANY,
-  $e as PROPERTY_TYPE_KEY_ARRAY,
-  me as PROPERTY_TYPE_KEY_BOOLEAN,
-  Ve as PROPERTY_TYPE_KEY_NULL,
-  fe as PROPERTY_TYPE_KEY_NUMBER,
-  K as PROPERTY_TYPE_KEY_OBJECT,
-  Oe as PROPERTY_TYPE_KEY_STRING,
+  xt as OsxShortcutActionIdMapping,
+  Ve as PROPERTY_TYPE_KEY_ANY,
+  He as PROPERTY_TYPE_KEY_ARRAY,
+  be as PROPERTY_TYPE_KEY_BOOLEAN,
+  Oe as PROPERTY_TYPE_KEY_NULL,
+  me as PROPERTY_TYPE_KEY_NUMBER,
+  J as PROPERTY_TYPE_KEY_OBJECT,
+  $e as PROPERTY_TYPE_KEY_STRING,
   X as PROPERTY_TYPE_KEY_UNDEFINED,
-  pe as Padding,
-  ro as PositiveAndNegativeNumberRenderer,
-  io as ProgressBarCellRenderer,
-  Be as PropertyItem,
+  ge as Padding,
+  io as PositiveAndNegativeNumberRenderer,
+  oo as ProgressBarCellRenderer,
+  We as PropertyItem,
   Kt as PropertyTypeService,
-  ut as RenderScope,
-  Us as Renderer,
-  $t as RequestChunk,
-  Mt as ResizeHandler,
-  Jt as SchemeGenerator,
-  je as SelectCellRenderer,
+  gt as RenderScope,
+  js as Renderer,
+  Ot as RequestChunk,
+  At as ResizeHandler,
+  Xt as SchemeGenerator,
+  Ue as SelectCellRenderer,
   Ce as SelectionModel,
-  mt as SelectionService,
-  xt as ShortcutService,
-  oo as SimpleArrayCellRenderer,
-  St as SimpleDomService,
-  y as Size,
-  Me 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,
+  yt as SelectionService,
+  Ct as ShortcutService,
+  so as SimpleArrayCellRenderer,
+  vt as SimpleDomService,
+  b as Size,
+  Ie as SortItem,
+  Ge as SortedOptions,
+  to as StarRatingCellRenderer,
+  dt as StoreStateCollapsedExpandService,
+  at as StoreStateScrollPosService,
+  ht as StoreStateSortingService,
+  Je as StringPropertyType,
+  lt as TableApi,
+  Ws as TableCellUpdateEvent,
   H as TableFactory,
-  ae as TableModel,
-  Ot 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,
+  de as TableModel,
+  Vt as TableModelAndOptions,
+  q as TableOptions,
+  ze as TableScope,
+  ao as ThreeColorGradientArg,
+  Fe as TreeCheckboxModel,
+  Y as TreeFactory,
+  Ne as TreeOptions,
+  ce as TreeRow,
+  Dt as TreeRowService,
+  Zs as TrueFalseCellRenderer,
   Et as TrueFn,
-  _e as TwoColorGradientArg,
-  Q as UNIMPORTANT_TYPES,
-  le as UndefinedPropertyType,
-  uo as UrlInfo,
-  Ze as ValueInfo,
-  Ht as ValueLabel,
-  bt as WindowsShortcutActionIdMapping,
-  ks as actionIds,
-  Os as allCenter,
-  Vs as allLeft,
-  $s as allRight,
-  _s as bodyCenter,
-  Ps as bodyLeft,
-  Ls as bodyRight,
-  Ie as createHarmonizedShortcutByKeyboardEvent,
-  Ye as debounce,
-  no as editInputPipeForNumber,
-  Ae as entitySuffix,
-  tt as firstLetterUppercase,
-  ne as getAreaIdentByString,
-  Qe as getEntityName,
-  wt as harmonizeShortcut,
-  de as isAreaModelTree,
-  st as isCheckboxColumnDef,
+  Le as TwoColorGradientArg,
+  ee as UNIMPORTANT_TYPES,
+  ae as UndefinedPropertyType,
+  ho as UrlInfo,
+  Qe as ValueInfo,
+  $t as ValueLabel,
+  wt as WindowsShortcutActionIdMapping,
+  Ts as actionIds,
+  Vs as allCenter,
+  Ls as allLeft,
+  Os as allRight,
+  Ps as bodyCenter,
+  Fs as bodyLeft,
+  _s as bodyRight,
+  Ee as createHarmonizedShortcutByKeyboardEvent,
+  Ke as debounce,
+  ro as editInputPipeForNumber,
+  Me as entitySuffix,
+  st as firstLetterUppercase,
+  le as getAreaIdentByString,
+  et as getEntityName,
+  St as harmonizeShortcut,
+  ue as isAreaModelTree,
+  ot as isCheckboxColumnDef,
   j as isTreeRow,
-  Ts 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
+  Is as px0,
+  Ms as px10,
+  bs as px100,
+  ms as px110,
+  fs as px120,
+  gs as px130,
+  ps as px140,
+  us as px150,
+  hs as px160,
+  ds as px170,
+  cs as px180,
+  as as px190,
+  As as px20,
+  De as px200,
+  ls as px210,
+  ns as px220,
+  rs as px230,
+  is as px240,
+  os as px250,
+  ss as px260,
+  ts as px270,
+  es as px280,
+  Qt as px290,
+  Rs as px30,
+  kt as px300,
+  vs as px40,
+  Zt as px400,
+  Cs as px50,
+  qt as px500,
+  Ss as px60,
+  xs as px70,
+  ws as px80,
+  ys as px90,
+  jt as throttle,
+  tt as trimArraySuffixes
 };