@guiexpert/table 1.1.39 → 1.1.42

package/index.js

@@ -1,4 +1,4 @@
-function ht(h, e = 500) {
+function vt(h, e = 500) {
   let t = null, s = 0;
   return function(...o) {
     const i = Date.now(), r = e - (i - s);
@@ -7,7 +7,7 @@ function ht(h, e = 500) {
     }, r));
   };
 }
-function ve(h, e = 500) {
+function ke(h, e = 500) {
   let t = null;
   return function(...s) {
     t && window.clearTimeout(t), t = window.setTimeout(() => {
@@ -15,7 +15,7 @@ function ve(h, e = 500) {
     }, e);
   };
 }
-function ut(h = 500) {
+function At(h = 500) {
   return function(e, t, s) {
     let o = 0;
     const i = s.value;
@@ -25,14 +25,339 @@ function ut(h = 500) {
     }, s;
   };
 }
-class B {
+class Ce {
+  constructor() {
+    this.type = "any";
+  }
+}
+class de {
+  constructor() {
+    this.type = "undefined";
+  }
+}
+class De {
+  constructor() {
+    this.type = "null";
+  }
+}
+class Fe {
+  constructor() {
+    this.type = "string";
+  }
+}
+class Pe {
+  constructor() {
+    this.type = "number";
+  }
+}
+class Le {
+  constructor() {
+    this.type = "boolean";
+  }
+}
+class G {
+  constructor(e = []) {
+    this.items = e, this.type = "Array";
+  }
+}
+class ve {
+  constructor(e, t = []) {
+    this.name = e, this.types = t;
+  }
+  toString() {
+    return `PropertyItem(name: ${this.name}, types: [${this.types.map((e) => e.type).join(", ")}])`;
+  }
+}
+class O {
+  constructor(e, t = []) {
+    this.name = e, this.properties = t, this.type = "object";
+  }
+}
+class $e {
+  constructor() {
+    this.property = "", this.value = "", this.path = "", this.propertyItem = new ve("", [new Ce()]);
+  }
+  toString() {
+    var e;
+    return `${this.path} -> : ${((e = this.propertyItem) == null ? void 0 : e.toString()) ?? ""}`;
+  }
+}
+class Oe {
+  constructor() {
+    this.entitySuffix = "Entity";
+  }
+  /**
+   * Converts a json or object structure like this:
+   * [
+   *   {
+   *     id: 1,
+   *     name: "Alice",
+   *     description: "Lorem ipsum dolor",
+   *     isActive: true,
+   *     tags: ["typescript", "javascript"],
+   *     profile: { age: 30, location: "Berlin" },
+   *     preferences: [{ key: "theme", value: "dark" }],
+   *   },
+   *   {
+   *     id: 2,
+   *     name: "Marc",
+   *     description: "Lorem ipsum dolor",
+   *     isActive: false,
+   *     tags: ["java", "javascript"],
+   *     profile: { age: 55, location: "Frankfurt" },
+   *     preferences: [{ key: "theme", value: "light" }],
+   *   },
+   *   {
+   *     id: null,
+   *     name: "Bob",
+   *     isActive: false,
+   *     tags: null,
+   *     profile: { age: 25, location: "Frankfurt" },
+   *     preferences: [{ key: "language", value: "de" }],
+   *   },
+   * ]
+   *
+   * into a PropertyTape tree structure like this:
+   *
+   *     return new ArrayPropertyType(
+   *       [
+   *         new ObjectPropertyType('XyzRowEntity', [
+   *           new PropertyItem('id', [new NumberPropertyType(), new NullPropertyType()]),
+   *           new PropertyItem('name', [new StringPropertyType()]),
+   *           new PropertyItem('description', [new StringPropertyType(), new UndefinedPropertyType()]),
+   *           new PropertyItem('isActive', [new BooleanPropertyType()]),
+   *           new PropertyItem('tags', [
+   *             new ArrayPropertyType(
+   *               [new StringPropertyType()]
+   *             ),
+   *             new NullPropertyType()
+   *           ]),
+   *           new PropertyItem('profile', [
+   *             new ObjectPropertyType('profile', [
+   *               new PropertyItem('age', [new NumberPropertyType()]),
+   *               new PropertyItem('location', [new StringPropertyType()])
+   *             ])
+   *           ]),
+   *           new PropertyItem('preferences', [
+   *             new ArrayPropertyType(
+   *               [
+   *                 new ObjectPropertyType('preference', [
+   *                   new PropertyItem('key', [new StringPropertyType()]),
+   *                   new PropertyItem('value', [new StringPropertyType()])
+   *                 ])
+   *               ])
+   *           ])
+   *         ])
+   *       ]);
+   *
+   * The PropertyTape tree structure can be rendered as TypeScript interface definitions with the SchemeGenerator:
+   *
+   * export interface XyzRowEntity {
+   *   description: string;
+   *   id: (null | number);
+   *   isActive: boolean;
+   *   name: string;
+   *   preferences: Array<(PreferenceEntity)>;
+   *   profile: ProfileEntity;
+   *   tags: (null | Array<()> | string);
+   * }
+   *
+   * export interface PreferencesEntity {
+   *   key: string;
+   *   value: string;
+   * }
+   *
+   * export interface ProfileEntity {
+   *   age: number;
+   *   location: string;
+   * }
+   *
+   * @param parsedObject
+   * @param rootName
+   */
+  object2PropertyType(e, t = "") {
+    const s = this.extractValueInfos(e, t), o = this.mergeValueInfos(s);
+    return o.length > 0 && (o[0].propertyItem.name = t), this.valueInfos2PropertyType(o);
+  }
+  valueInfos2PropertyType(e) {
+    const t = e[0].propertyItem.types[0], s = /* @__PURE__ */ new Map();
+    for (const o of e)
+      s.set(o.path, o);
+    for (const o of e) {
+      const i = this.getParentPath(o.path);
+      if (i) {
+        const r = s.get(i);
+        if (r) {
+          let l = !1;
+          if (r.propertyItem.types.length === 1) {
+            const n = r.propertyItem.types[0];
+            if (n instanceof G) {
+              l = !0;
+              for (const a of o.propertyItem.types)
+                n.items.push(a);
+            } else
+              n instanceof O && (l = !0, n.properties.push(o.propertyItem));
+          }
+          if (!l)
+            for (const n of o.propertyItem.types)
+              r.propertyItem.types.push(n);
+        }
+      }
+    }
+    return t || new Ce();
+  }
+  getParentPath(e) {
+    const t = e.lastIndexOf("/");
+    return t === -1 ? "" : e.substring(0, t);
+  }
+  logValueInfos(e) {
+    for (let t = 0; t < e.length; t++) {
+      const s = e[t];
+      s.value = null;
+      const o = t.toString().padStart(2, "0");
+      console.info(o + ") " + s.toString() + "		parent: " + this.getParentPath(s.path));
+    }
+  }
+  mergeValueInfos(e) {
+    const t = [];
+    let s = e.length - 1;
+    t.push(e[s]);
+    let o = e[s].path;
+    for (let i = s - 1; i >= 0; i--) {
+      if (e[i].path === o) {
+        let r = e[i].propertyItem.types[0];
+        e[s].propertyItem.types.some((l) => l.type === r.type) || e[s].propertyItem.types.push(r);
+      }
+      (i === 0 || e[i].path !== o) && (s = i, t.push(e[i]), o = e[s].path);
+    }
+    return t.reverse(), t;
+  }
+  extractValueInfos(e, t) {
+    const s = [], o = (i, r, l) => {
+      const n = new $e();
+      let a = r.split("/").pop() || "";
+      if (a === "[]" ? a = l + this.entitySuffix : a === "root" && (a = t), n.property = a, n.value = i, n.path = r, n.propertyItem = this.createPropertyItem(i, n.property), s.push(n), i && typeof i == "object" && !Array.isArray(i)) {
+        for (const c in i)
+          if (i.hasOwnProperty(c)) {
+            const d = r ? `${r}/${c}` : c;
+            o(i[c], d, a);
+          }
+      } else
+        Array.isArray(i) && i.forEach((c, d) => {
+          const u = `${r}/[]`;
+          o(c, u, a);
+        });
+    };
+    return o(e, "root", t), s.sort((i, r) => i.path.localeCompare(r.path));
+  }
+  createPropertyItem(e, t) {
+    return new ve(t, [
+      this.createPropertyType(e, t)
+    ]);
+  }
+  createPropertyType(e, t) {
+    return e === null ? new De() : e === void 0 ? new de() : typeof e == "string" ? new Fe() : typeof e == "number" && !isNaN(e) ? new Pe() : typeof e == "boolean" ? new Le() : Array.isArray(e) ? new G() : typeof e == "object" ? new O(t) : new de();
+  }
+}
+class Rt {
+  /**
+   *
+   * @param json
+   * @param rootName
+   */
+  constructor(e, t = "") {
+    this.rootName = t, this.entitySuffix = "Entity", this.rootPropertyType = null, this.renderTypeScriptInterfacesFifo = [], this.renderTypeScriptInterfacesDone = [], this.rootName || (this.rootName = "Row");
+    let s;
+    typeof e == "string" ? s = this.jon2Object(e) : s = e, this.rootPropertyType = this.object2PropertyType(s);
+  }
+  jon2Object(e) {
+    return JSON.parse(e);
+  }
+  object2PropertyType(e) {
+    return new Oe().object2PropertyType(e, this.rootName);
+  }
+  renderTypeScriptInterfaces() {
+    const e = [];
+    return this.rootPropertyType && (this.renderTypeScriptInterfacesFifo = [], this.renderTypeScriptInterfacesRecursive(this.rootPropertyType, e), this.renderTypeScriptInterfacesFifoNext(e)), e;
+  }
+  renderTypeScriptInterfacesFifoNext(e) {
+    var t;
+    for (; (t = this.renderTypeScriptInterfacesFifo) != null && t.length; ) {
+      const s = this.renderTypeScriptInterfacesFifo.shift();
+      s && this.renderTypeScriptInterfacesRecursive(s, e, s.name);
+    }
+  }
+  renderTypeScriptInterfacesRecursive(e = this.rootPropertyType, t = [], s = this.rootName) {
+    if (!e)
+      return t;
+    if (e instanceof G) {
+      for (const o of e.items)
+        if (this.renderTypeScriptInterfacesRecursive(o, t, s), o instanceof O) {
+          const i = o;
+          i !== this.rootPropertyType && this.renderTypeScriptInterfacesFifo.push(i);
+        }
+    } else if (e instanceof O) {
+      const o = e, i = this.getEntityName(s);
+      if (!this.renderTypeScriptInterfacesDone.includes(i)) {
+        this.renderTypeScriptInterfacesDone.push(i), t.push(`export interface ${i} {`);
+        for (const r of o.properties) {
+          const l = this.propertyItem2InterfaceDateType(r), n = this.containsUndefinedPropertyType(r) ? "?" : "";
+          t.push("  " + r.name + n + ": " + l + ";");
+          for (const a of r.types)
+            if (a instanceof O)
+              a !== this.rootPropertyType && this.renderTypeScriptInterfacesFifo.push(a);
+            else if (a instanceof G)
+              for (const c of a.items)
+                c instanceof O && this.renderTypeScriptInterfacesFifo.push(c);
+        }
+        t.push("}"), t.push("");
+      }
+    }
+    return t;
+  }
+  getEntityName(e) {
+    let t = this.trimArraySuffixes(this.firstLetterUppercase(e));
+    return t.includes(this.entitySuffix) || (t = t + this.entitySuffix), t;
+  }
+  propertyItem2InterfaceDateType(e) {
+    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 !== "undefined").join(" | ");
+    return t.includes(" | ") ? "(" + t + ")" : t;
+  }
+  renderType(e, t) {
+    return e instanceof G ? `Array<(${e.items.map((o) => this.renderType(o, t)).join(" | ")})>` : e instanceof O ? this.getEntityName(t.name) : e.type;
+  }
+  containsUndefinedPropertyType(e) {
+    for (const t of e.types)
+      if (t.type === "undefined")
+        return !0;
+    return !1;
+  }
+  firstLetterUppercase(e) {
+    return !e || e.length === 0 ? "" : e[0].toUpperCase() + e.slice(1);
+  }
+  trimArraySuffixes(e) {
+    if (!e || e.length === 0)
+      return e;
+    const t = ["Array", "Arr", "List", "s"];
+    for (const s of t)
+      if (e.endsWith(s))
+        return e.slice(0, -s.length);
+    return e;
+  }
+}
+class H {
   // The constructor is private to prevent direct construction calls
   // with the `new` operator
   constructor() {
     this.alreadySet = !1;
   }
   static getInstance() {
-    return B.instance || (B.instance = new B()), B.instance;
+    return H.instance || (H.instance = new H()), H.instance;
   }
   /**
    * Method to set the license key for the application.
@@ -53,18 +378,18 @@ class B {
 function W(h) {
   return h && h.type === "TreeRow";
 }
-function J(h) {
+function ee(h) {
   return h && h.type === "AreaModelTree";
 }
-function Ae(h) {
+function _e(h) {
   return h && h.type === "CheckboxColumnDef";
 }
-class ee {
-  constructor(e = -1, t = -1, s = -1, o = -1, i, r, l, n = 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 = l, this.clickCount = n, this.draggingX = c, this.draggingY = a, this.action = d;
+class oe {
+  constructor(e = -1, t = -1, s = -1, o = -1, i, r, l, n = 0, a = 0, c = 0, d = "") {
+    this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = o, this.areaIdent = i, this.sideIdent = r, this.originalEvent = l, this.clickCount = n, this.draggingX = a, this.draggingY = c, this.action = d;
   }
   clone() {
-    return new ee(
+    return new oe(
       this.rowIndex,
       this.rowTop,
       this.columnIndex,
@@ -79,25 +404,25 @@ class ee {
     );
   }
 }
-class P {
+class L {
   constructor(e = ">", t = "", s = []) {
     this.content = e, this.style = t, this.classes = s;
   }
 }
-class xe {
-  constructor(e = new P(
+class Ae {
+  constructor(e = new L(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), t = new P(
+  ), t = new L(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), s = new P(
+  ), s = new L(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), o = new P(
+  ), o = new L(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
@@ -105,12 +430,12 @@ class xe {
     this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = o;
   }
 }
-class we {
-  constructor(e = new P("↑", "", ["ge-header-sorted-asc"]), t = new P("↓", "", ["ge-header-sorted-desc"]), s = new P("↑", "color:transparent;", [])) {
+class Re {
+  constructor(e = new L("↑", "", ["ge-header-sorted-asc"]), t = new L("↓", "", ["ge-header-sorted-desc"]), s = new L("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
-class Re {
+class Be {
   constructor(e) {
     this.domService = e;
   }
@@ -186,24 +511,24 @@ class Re {
   addRowDiv(e, t, s = -1, o, i, r = "") {
     const l = t.index ?? -1, n = this.getDivOrCreateDiv(l, e);
     if (this.domService.addClass(n, "ge-table-row-div"), this.domService.addClass(n, `ge-table-row-div-${t.index}`), o === "body" && i === "center") {
-      const c = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
-      this.domService.addClass(n, `ge-table-row-${c}`);
+      const a = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
+      this.domService.addClass(n, `ge-table-row-${a}`);
     }
     if (this.domService.setStyle(n, "display", "clip"), this.domService.setStyle(n, "position", "absolute"), this.domService.setStyle(n, "left", `${t.left}px`), this.domService.setStyle(n, "top", `${t.top}px`), this.domService.setStyle(n, "width", `${t.width}px`), this.domService.setStyle(n, "height", `${t.height}px`), this.domService.setAttribute(n, "data-row-index", `${s}`), this.domService.setAttribute(n, "data-area", `${o}`), r) {
-      const c = this.domService.createText(r);
-      this.domService.appendChild(n, c);
+      const a = this.domService.createText(r);
+      this.domService.appendChild(n, a);
     }
     return this.domService.appendChild(e.child, n), n;
   }
   addColumnDiv(e) {
-    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: l, text: n = "", treeArrow: c, tableOptions: a, checkedType: d = void 0, sortState: u } = e, f = a == null ? void 0 : a.treeOptions, p = a == null ? void 0 : a.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 g = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (r === "body" && l === "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, f, o, i, r)), p && i === 0 && d && this.addCheckboxToDiv(m, d, r, o), n) {
-      const b = c !== "none" && i === 0;
+    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: l, text: n = "", treeArrow: a, tableOptions: c, checkedType: d = void 0, sortState: u } = e, f = c == null ? void 0 : c.treeOptions, g = c == null ? void 0 : c.showCheckboxWihoutExtraColumn, m = this.domService.createElement("div");
+    this.domService.addClass(m, "ge-table-col-div"), g && 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 p = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
+    if (r === "body" && l === "center" && this.domService.addClass(m, `ge-table-column-${p}`), this.domService.setStyle(m, "display", "clip"), this.domService.setStyle(m, "position", "absolute"), this.domService.setStyle(m, "left", `${s.left}px`), this.domService.setStyle(m, "top", `${s.top}px`), this.domService.setStyle(m, "width", `${s.width}px`), this.domService.setStyle(m, "height", `${s.height}px`), a && a !== "none" && (this.domService.addClass(m, "ge-table-col-tree"), this.addArrowDiv(m, a, f, o, i, r)), g && i === 0 && d && this.addCheckboxToDiv(m, d, r, o), n) {
+      const b = a !== "none" && i === 0;
       this.addLabelDiv(m, n, b, o, i, r);
     }
-    return u && this.addSortedIcon(m, u, a == null ? void 0 : a.sortedOptions, i), this.domService.appendChild(t, m), m;
+    return u && this.addSortedIcon(m, u, c == null ? void 0 : c.sortedOptions, i), this.domService.appendChild(t, m), m;
   }
   addCheckboxToDiv(e, t, s, o) {
     const i = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
@@ -225,29 +550,29 @@ class Re {
       } else {
         const n = this.domService.createElement("div");
         this.domService.appendChild(l, n);
-        const c = this.domService.createText(t);
-        this.domService.addClass(n, "ge-table-label"), this.domService.appendChild(n, c), this.domService.setAttribute(n, "data-row-index", `${o}`), this.domService.setAttribute(n, "data-col-index", `${i}`), this.domService.setAttribute(n, "data-area", `${r}`);
+        const a = this.domService.createText(t);
+        this.domService.addClass(n, "ge-table-label"), this.domService.appendChild(n, a), this.domService.setAttribute(n, "data-row-index", `${o}`), this.domService.setAttribute(n, "data-col-index", `${i}`), this.domService.setAttribute(n, "data-area", `${r}`);
       }
     return this.domService.appendChild(e, l), l;
   }
-  addSortedIcon(e, t = "", s = new we(), o = -1) {
+  addSortedIcon(e, t = "", s = new Re(), 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 l = r.content, n = this.domService.createText(l);
     this.domService.appendChild(i, n), r.style && this.applyStyleString(i, r.style);
-    for (const c of r.classes)
-      this.domService.addClass(i, c);
+    for (const a of r.classes)
+      this.domService.addClass(i, a);
     return this.domService.appendChild(e, i), i;
   }
-  addArrowDiv(e, t = "none", s = new xe(), o = -1, i = -1, r = "body") {
+  addArrowDiv(e, t = "none", s = new Ae(), o = -1, i = -1, r = "body") {
     const l = this.domService.createElement("div");
     this.domService.addClass(l, "ge-table-tree-arrow-div"), this.domService.setStyle(l, "display", "inline-block"), this.domService.setStyle(l, "position", ""), this.domService.setStyle(l, "width", "20px"), this.domService.setStyle(l, "background", "transparent"), this.domService.setStyle(l, "cursor", "pointer"), this.domService.setAttribute(l, "data-row-index", `${o}`), this.domService.setAttribute(l, "data-col-index", `${i}`), this.domService.setAttribute(l, "data-area", `${r}`);
     let n;
     t === "expanded" ? n = s.arrowExpanded : t === "collapsed" ? n = s.arrowCollapsed : n = s.arrowPlaceholder;
-    const c = n.content, a = this.domService.createText(c);
-    this.domService.appendChild(l, a), n.style && this.applyStyleString(l, n.style);
+    const a = n.content, c = this.domService.createText(a);
+    this.domService.appendChild(l, c), n.style && this.applyStyleString(l, n.style);
     for (const d of n.classes)
       this.domService.addClass(l, d);
     return this.domService.appendChild(e, l), l;
@@ -292,20 +617,20 @@ class Re {
     return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
   }
 }
-const Y = (h) => h === "header" ? "header" : h === "footer" ? "footer" : "body";
-class Ee {
+const J = (h) => h === "header" ? "header" : h === "footer" ? "footer" : "body";
+class He {
   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 = Y(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
+      if (s && (this.areaIdent = J(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 Me {
+class Ve {
   constructor(e) {
     this.tableScope = e, this.doubleClickDelay = 500, this.expandedAll = !0, this.mouseDown = !1, this.dragging = !1, this.lastClicked = 0, this.tableScope.hostElement.addEventListener("click", this.onHostElementClicked.bind(this)), this.tableScope.hostElement.addEventListener("dblclick", this.onHostElementDblClicked.bind(this)), this.tableScope.hostElement.addEventListener("mousedown", this.onMouseDown.bind(this)), this.tableScope.hostElement.addEventListener("mousemove", this.onMouseMove.bind(this)), this.tableScope.hostElement.addEventListener("mouseup", this.onMouseUp.bind(this)), this.tableScope.hostElement.addEventListener("contextmenu", this.onContextmenu.bind(this)), this.tableScope.hostElement._MouseHandler = "true", this.tableScope.scrollViewport.addEventListener("scroll", this.tableScope.adjustAfterScrolling.bind(this.tableScope)), [window, this.tableScope.hostElement].forEach(
       (t) => t.addEventListener("resize", this.tableScope.adjustContainersAndRows.bind(this.tableScope))
@@ -335,7 +660,7 @@ class Me {
     if (t - this.lastClicked < this.doubleClickDelay)
       return;
     this.lastClicked = t;
-    const s = new Ee(e.target, this.tableScope);
+    const s = new He(e.target, this.tableScope);
     if (s.action === "toggleExpandCollapseAll")
       this.expandedAll = !this.expandedAll, this.tableScope.toggleExpandCollapseAll(this.expandedAll), e.preventDefault(), e.stopPropagation();
     else if (s.action === "toggleHeaderGroup")
@@ -364,15 +689,15 @@ class Me {
    */
   onHostElementDblClicked(e) {
     if (this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
-      const t = e.target, s = t.getAttribute("data-area"), o = Y(s), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), l = this.tableScope.tableModel.getAreaModel(o);
+      const t = e.target, s = t.getAttribute("data-area"), o = J(s), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), l = 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 n = l.getRowByIndex(i);
         if (s && o === "body" && l.isEditable(i, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, r)), W(n) && r === this.getArrowColumnIndex()) {
           e.preventDefault(), e.stopPropagation();
-          const c = n;
-          c.expanded = !c.expanded, "recalcVisibleTreeRows" in l && l.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(c);
+          const a = n;
+          a.expanded = !a.expanded, "recalcVisibleTreeRows" in l && l.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(a);
         }
       }
     }
@@ -400,8 +725,8 @@ class Me {
     var s, o, i, r, l;
     const t = (o = (s = this.tableScope.tableOptions) == null ? void 0 : s.autoRestoreOptions) == null ? void 0 : o.getRowId;
     if (t) {
-      const n = (i = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : i.collapsedExpandedStateGet().mode, c = n === "collapsed" && !e.expanded || n === "expanded" && e.expanded, a = n === "collapsed" && e.expanded || n === "expanded" && !e.expanded, d = t(e.data);
-      c ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(d) : a && ((l = this.tableScope.storeStateCollapsedExpandService) == null || l.collapsedStateIdsRemove(d));
+      const n = (i = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : i.collapsedExpandedStateGet().mode, a = n === "collapsed" && !e.expanded || n === "expanded" && e.expanded, c = n === "collapsed" && e.expanded || n === "expanded" && !e.expanded, d = t(e.data);
+      a ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(d) : c && ((l = this.tableScope.storeStateCollapsedExpandService) == null || l.collapsedStateIdsRemove(d));
     }
   }
   getArrowColumnIndex() {
@@ -437,7 +762,7 @@ class Me {
     }
   }
 }
-class Te {
+class We {
   constructor(e) {
     this.tableScope = e;
   }
@@ -625,11 +950,11 @@ class Te {
     const s = [], o = this.tableScope.tableModel.getColumnCount(), i = ["header", "body", "footer"];
     for (const r of i) {
       const l = this.tableScope.tableModel.getAreaModel(r), n = (l == null ? void 0 : l.getRowCount()) ?? 0;
-      for (let c = 0; c < n; c++) {
-        const a = [];
-        s.push(a);
+      for (let a = 0; a < n; a++) {
+        const c = [];
+        s.push(c);
         for (let d = 0; d < o; d++)
-          a.push(l.getValueAt(c, d));
+          c.push(l.getValueAt(a, d));
       }
     }
     return this.tableScope.excelService.downloadExcel(s, e, t);
@@ -664,7 +989,7 @@ class Te {
     return this.tableScope.tableModel;
   }
 }
-class te {
+class ie {
   constructor(e) {
     this.getStorageKeyFn = e;
   }
@@ -739,7 +1064,7 @@ class te {
   //   }
   // }
 }
-class ke extends te {
+class Ne extends ie {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -761,14 +1086,14 @@ class ke extends te {
     }
   }
 }
-class Ie {
+class Ge {
   constructor(e = "collapsed", t = [], s = !1, o = !1) {
     this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = o;
   }
 }
-class De extends te {
+class ze extends ie {
   constructor(e) {
-    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new Ie(), this.load();
+    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new Ge(), this.load();
   }
   collapsedExpandedStateGet() {
     return this.collapsedExpandedState;
@@ -800,7 +1125,7 @@ class De extends te {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class Fe extends te {
+class je extends ie {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -821,14 +1146,14 @@ class Fe extends te {
     }
   }
 }
-class L {
+class P {
   constructor(e = 0, t = 0, s = 0, o = 0, i) {
     this.left = e, this.width = t, this.height = s, this.top = o, this.index = i;
   }
 }
-class Le {
+class Ue {
   constructor(e, t, s, o) {
-    this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new L(), this.areaBodyCenterGeo = new L(), this.areaBodyEastGeo = new L();
+    this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new P(), this.areaBodyCenterGeo = new P(), this.areaBodyEastGeo = new P();
     const i = this.hostElement;
     i.innerText = "", this.dom.setAttribute(i, "tabindex", "0"), this.dom.setStyle(
       this.dom.addClass("ge-table", i),
@@ -1032,7 +1357,7 @@ class R {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
   }
 }
-class Pe {
+class Xe {
   constructor(e, t) {
     this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
   }
@@ -1065,22 +1390,22 @@ class Pe {
     return !1;
   }
 }
-class k {
+class I {
   constructor(e, t, s) {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class $e extends Le {
+class Ke extends Ue {
   constructor(e, t, s, o) {
     var r, l;
     super(e, t, s, o), 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.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (l = this.tableOptions) != null && l.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), J(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, this.tree = !1, this.colAndRowspanModels = new I(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (l = this.tableOptions) != null && l.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), ee(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (n) => {
-        var c;
-        this.colAndRowspanModels[n] = new Pe(t, t.getAreaModel(n)), (c = this.colAndRowspanModels[n]) == null || c.init();
+        var a;
+        this.colAndRowspanModels[n] = new Xe(t, t.getAreaModel(n)), (a = this.colAndRowspanModels[n]) == null || a.init();
       }
     );
   }
@@ -1166,19 +1491,19 @@ class $e extends Le {
     for (const t of this.removables)
       t.remove();
     this.hideHoverRow(), this.hideHoverColumn(), this.scrollTop = this.scrollViewport.scrollTop, this.scrollLeft = this.scrollViewport.scrollLeft, this.debounce(this.checkForScrollPosSaving.bind(this)), this.scrollFactorY = this.scrollTop / (this.scrollViewport.scrollHeight - this.scrollViewport.clientHeight), this.scrollFactorX = this.scrollLeft / (this.scrollViewport.scrollWidth - this.scrollViewport.clientWidth), isNaN(this.scrollFactorY) && (this.scrollFactorY = 0), isNaN(this.scrollFactorX) && (this.scrollFactorX = 0), this.adjustBody(), this.adjustArea("footer"), this.adjustArea("header"), this.tableOptions.tableTopBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new L(0, this.hostElement.clientWidth, 1, 0),
+      new P(0, this.hostElement.clientWidth, 1, 0),
       this.hostElement,
       "ge-table-border"
     )), this.tableOptions.tableBottomBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new L(0, this.hostElement.clientWidth, 1, this.hostElement.clientHeight - 1),
+      new P(0, this.hostElement.clientWidth, 1, this.hostElement.clientHeight - 1),
       this.hostElement,
       "ge-table-border"
     )), this.tableModel.getFixedLeftColumnCount() > 0 && this.removables.push(this.dom.addVerticalBorder(
-      new L(this.areaBodyWest.child.clientWidth, 1, this.hostElement.clientHeight, 0),
+      new P(this.areaBodyWest.child.clientWidth, 1, this.hostElement.clientHeight, 0),
       this.hostElement,
       "ge-table-body-west-vertical-border"
     )), ((e = this.tableModel.getAreaModel("header")) == null ? void 0 : e.getRowCount()) > 0 && this.removables.push(this.dom.addHorizontalBorder(
-      new L(0, this.hostElement.clientWidth, 1, this.areaHeaderCenter.child.clientHeight),
+      new P(0, this.hostElement.clientWidth, 1, this.areaHeaderCenter.child.clientHeight),
       this.hostElement,
       "ge-table-body-west-vertical-border"
     ));
@@ -1219,21 +1544,21 @@ class $e extends Le {
   rerenderCellContent({ area: e, rowIndex: t, columnIndex: s, value: o, cssClasses: i }) {
     const r = this.tableModel.getAreaModel(e), l = 'div[data-col-index="' + s + '"][data-row-index="' + t + '"][data-area="' + e + '"]', n = document.querySelector(l);
     if (n) {
-      let c;
-      const a = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s;
+      let a;
+      const c = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s;
       let d;
-      if (a ? d = this.editorRenderer : d = r.getCellRenderer(t, s), n.innerText = "", this.applyCssClasses(n, i), d)
-        c = d.render(n, t, s, e, r, o, this.dom.domService), c && this.cleanupFunctions[e].push(c);
+      if (c ? d = this.editorRenderer : d = r.getCellRenderer(t, s), n.innerText = "", this.applyCssClasses(n, i), d)
+        a = d.render(n, t, s, e, r, o, this.dom.domService), a && this.cleanupFunctions[e].push(a);
       else {
-        const p = `${o}`;
-        this.dom.addLabelDiv(n, p, !1, t, s, e);
+        const g = `${o}`;
+        this.dom.addLabelDiv(n, g, !1, t, s, e);
       }
       const u = r.getCustomClassesAt(t, s);
       u.length && this.dom.addClasses(u, n);
       const f = r.getCustomStyleAt(t, s);
       if (f)
-        for (const p in f)
-          this.dom.setStyle(n, p, f[p]);
+        for (const g in f)
+          this.dom.setStyle(n, g, f[g]);
     }
   }
   /**
@@ -1342,67 +1667,67 @@ class $e extends Le {
    * @protected
    */
   adjustArea(e, t = 0) {
-    var g;
+    var p;
     const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), r = o.child.clientHeight;
     s.child.innerText = "", o.child.innerText = "", i.child.innerText = "";
-    const l = 0, n = this.areaBodyCenterGeo.width, c = this.tableModel.getPadding(), a = this.tableModel.getAreaModel(e), d = a.getRowCount();
+    const l = 0, n = this.areaBodyCenterGeo.width, a = this.tableModel.getPadding(), c = this.tableModel.getAreaModel(e), d = c.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
       const b = this.cleanupFunctions[e].shift();
       b && b();
     }
     let u = t;
-    const f = this.tableModel.getColumnCount(), p = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
+    const f = this.tableModel.getColumnCount(), g = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
     for (let b = 0; b < d; b++) {
-      const y = u, C = b === d - 1, A = this.tableModel.getRowHeight(e, b);
-      if (y + A > 0) {
+      const x = u, S = b === d - 1, A = this.tableModel.getRowHeight(e, b);
+      if (x + A > 0) {
         this.firstVisibleRowIndex = b;
-        let S = { left: l, width: n, height: A, top: y, index: b }, w = this.dom.addRowDiv(o, S, b, e, "center");
-        const I = m;
+        let C = { left: l, width: n, height: A, top: x, index: b }, w = this.dom.addRowDiv(o, C, b, e, "center");
+        const k = m;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
-          areaModel: a,
-          geo: S,
+          areaModel: c,
+          geo: C,
           parent: w,
           rowIndex: b,
-          columnIndexStart: I,
-          columnIndexEnd: f - p - 1,
+          columnIndexStart: k,
+          columnIndexEnd: f - g - 1,
           verticalFixed: !1,
-          lastRowOfModel: C
-        }), c.left > 0 && (S = { left: l, width: this.areaBodyWestGeo.width, height: A, top: y, index: b }, w = this.dom.addRowDiv(s, S, b, e, "west"), this.adjustColumnsToRowParent({
+          lastRowOfModel: S
+        }), a.left > 0 && (C = { left: l, width: this.areaBodyWestGeo.width, height: A, top: x, index: b }, w = this.dom.addRowDiv(s, C, b, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
-          areaModel: a,
-          geo: S,
+          areaModel: c,
+          geo: C,
           parent: w,
           rowIndex: b,
           columnIndexStart: 0,
-          columnIndexEnd: I - 1,
+          columnIndexEnd: k - 1,
           verticalFixed: !0,
-          lastRowOfModel: C
-        })), c.right > 0 && (S = { left: l, width: this.areaBodyEastGeo.width, height: A, top: y, index: b }, w = this.dom.addRowDiv(i, S, b, e, "east"), this.adjustColumnsToRowParent({
+          lastRowOfModel: S
+        })), a.right > 0 && (C = { left: l, width: this.areaBodyEastGeo.width, height: A, top: x, index: b }, w = this.dom.addRowDiv(i, C, b, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
-          areaModel: a,
-          geo: S,
+          areaModel: c,
+          geo: C,
           parent: w,
           rowIndex: b,
-          columnIndexStart: f - p,
+          columnIndexStart: f - g,
           columnIndexEnd: f - 1,
           verticalFixed: !0,
-          lastRowOfModel: C
+          lastRowOfModel: S
         })), e === "header" && this.tree && b === d - 1) {
           const E = this.dom.applyStyle(
             this.dom.setAttribute(
-              this.dom.addDiv(w, new L(16, 20, 20, 8)),
+              this.dom.addDiv(w, new P(16, 20, 20, 8)),
               "data-ge-action",
               "toggleExpandCollapseAll"
             ),
             { cursor: "pointer" }
           ), M = this.tableOptions.treeOptions.arrowExpandCollapseAll;
           if (M) {
-            const N = this.dom.domService.createText(M.content);
-            this.dom.domService.appendChild(E, N), M.style && this.dom.applyStyleString(E, M.style);
+            const z = this.dom.domService.createText(M.content);
+            this.dom.domService.appendChild(E, z), M.style && this.dom.applyStyleString(E, M.style);
           }
         }
       }
@@ -1410,19 +1735,19 @@ class $e extends Le {
         break;
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
-      const b = ((g = this.colAndRowspanModels[e]) == null ? void 0 : g.getRanges()) ?? [];
+      const b = ((p = this.colAndRowspanModels[e]) == null ? void 0 : p.getRanges()) ?? [];
       if (b.length)
-        for (const y of b) {
-          let C = 0, A = o.child, S = "center";
-          if (y.c1 < m)
-            A = s.child, S = "west";
-          else if (p > 0 && y.c1 >= f - p)
-            A = i.child, S = "east";
+        for (const x of b) {
+          let S = 0, A = o.child, C = "center";
+          if (x.c1 < m)
+            A = s.child, C = "west";
+          else if (g > 0 && x.c1 >= f - g)
+            A = i.child, C = "east";
           else {
             const w = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            C = this.scrollFactorX * w - this.areaBodyWestGeo.width, S = "center";
+            S = this.scrollFactorX * w - this.areaBodyWestGeo.width, C = "center";
           }
-          this.drawBigCell(y, C, t, a, A, S);
+          this.drawBigCell(x, S, t, c, A, C);
         }
     }
   }
@@ -1437,13 +1762,13 @@ class $e extends Le {
    * @protected
    */
   drawBigCell(e, t, s, o, i, r) {
-    const l = s + this.getRowHeights(0, e.r1 - 1, o).reduce((g, b) => g + b, 0), n = this.tableModel.getColumnCount(), c = this.tableModel.getFixedRightColumnCount();
-    let a = 0;
-    c > 0 && e.c1 >= n - c && (a = n - c);
-    const d = t + this.getColumnWidths(a, e.c1 - 1).reduce((g, b) => g + b, 0), u = this.getRowHeights(e.r1, e.r2, o).reduce((g, b) => g + b, 0), f = this.getColumnWidths(e.c1, e.c2).reduce((g, b) => g + b, 0);
-    let p = !1;
+    const l = s + this.getRowHeights(0, e.r1 - 1, o).reduce((p, b) => p + b, 0), n = this.tableModel.getColumnCount(), a = this.tableModel.getFixedRightColumnCount();
+    let c = 0;
+    a > 0 && e.c1 >= n - a && (c = n - a);
+    const d = t + this.getColumnWidths(c, e.c1 - 1).reduce((p, b) => p + b, 0), u = this.getRowHeights(e.r1, e.r2, o).reduce((p, b) => p + b, 0), f = this.getColumnWidths(e.c1, e.c2).reduce((p, b) => p + b, 0);
+    let g = !1;
     const m = this.getSelectionModel ? this.getSelectionModel() : void 0;
-    m && (p = m.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
+    m && (g = m.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
       areaModel: o,
       areaIdent: o.areaIdent,
       sideIdent: r,
@@ -1454,7 +1779,7 @@ class $e extends Le {
       width: f,
       height: u,
       parent: i,
-      cellSelected: p,
+      cellSelected: g,
       lastRowOfModel: !0,
       gammaRange: e.gammaRange
     }) : this.renderCell({
@@ -1468,7 +1793,7 @@ class $e extends Le {
       width: f,
       height: u,
       parent: i,
-      cellSelected: p,
+      cellSelected: g,
       lastRowOfModel: !0,
       gammaRange: e.gammaRange
     }), o.areaIdent === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
@@ -1517,62 +1842,62 @@ class $e extends Le {
     rowIndex: r,
     columnIndexStart: l,
     columnIndexEnd: n,
-    verticalFixed: c = !1,
-    lastRowOfModel: a = !1
+    verticalFixed: a = !1,
+    lastRowOfModel: c = !1
   }) {
     var m;
     this.scrollViewportLeft = this.scrollViewport.scrollLeft;
     let d = 0;
-    if (!c) {
-      const g = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-      d = this.scrollFactorX * g;
+    if (!a) {
+      const p = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+      d = this.scrollFactorX * p;
     }
     const u = 0, f = !!(e === "body" && t);
-    let p = d;
-    for (let g = l; g <= n; g++) {
-      const b = p, y = this.tableModel.getColumnWidth(g);
-      if (y > 0 && b + y > 0) {
-        let C = o.height;
-        const A = s.getRowspanAt(r, g), S = s.getColspanAt(r, g);
-        A > 1 && (C = this.getRowHeights(r, r + A - 1, s).reduce((E, M) => E + M, 0));
-        let w = y;
-        S > 1 && (w = this.getColumnWidths(g, g + S - 1).reduce((E, M) => E + M, 0));
-        let I = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, g) && (I = !0), this.draggingTargetColumnIndex === g && e !== "header") {
-          this.renderDragTargetDiv(i, b, u, w, C);
-          const E = { left: b, top: u, width: w, height: C };
+    let g = d;
+    for (let p = l; p <= n; p++) {
+      const b = g, x = this.tableModel.getColumnWidth(p);
+      if (x > 0 && b + x > 0) {
+        let S = o.height;
+        const A = s.getRowspanAt(r, p), C = s.getColspanAt(r, p);
+        A > 1 && (S = this.getRowHeights(r, r + A - 1, s).reduce((E, M) => E + M, 0));
+        let w = x;
+        C > 1 && (w = this.getColumnWidths(p, p + C - 1).reduce((E, M) => E + M, 0));
+        let k = !1;
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, p) && (k = !0), this.draggingTargetColumnIndex === p && e !== "header") {
+          this.renderDragTargetDiv(i, b, u, w, S);
+          const E = { left: b, top: u, width: w, height: S };
           this.dom.addColumnBorderDivs(this.tableOptions, i, E, e, t);
         } else {
-          const E = this.renderSelectedBackgroundDiv(I, f, t, s, r, g, i, b, u, w, C);
-          "gammaCells" in s && s.getValueAt(r, g) && (I = !1), I || this.renderCell({
+          const E = this.renderSelectedBackgroundDiv(k, f, t, s, r, p, i, b, u, w, S);
+          "gammaCells" in s && s.getValueAt(r, p) && (k = !1), k || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
             rowIndex: r,
-            columnIndex: g,
+            columnIndex: p,
             left: b,
             top: u,
             width: w,
-            height: C,
+            height: S,
             parent: i,
             cellSelected: E,
-            lastRowOfModel: a,
+            lastRowOfModel: c,
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
             rowIndex: r,
-            columnIndex: g,
+            columnIndex: p,
             cellLeft: b,
             cellTop: u,
             cellWidth: w,
-            cellHeight: C,
+            cellHeight: S,
             parent: i
           });
         }
       }
-      if (p = p + y, p > this.areaBodyCenterGeo.width)
+      if (g = g + x, g > this.areaBodyCenterGeo.width)
         break;
     }
-    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new L(p - 1, 1, o.height, 0), i);
+    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new P(g - 1, 1, o.height, 0), i);
   }
   /**
    * Retrieves the column index of the tree arrow column in the table.
@@ -1595,52 +1920,52 @@ class $e extends Le {
     left: r,
     width: l,
     height: n,
-    top: c,
-    parent: a,
+    top: a,
+    parent: c,
     lastRowOfModel: d
   }) {
-    var ne;
-    const f = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), p = { left: r, width: l, height: n, top: c, index: i }, m = e.getRowByIndex(o);
-    let g = "none";
+    var ce;
+    const f = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), g = { left: r, width: l, height: n, top: a, index: i }, m = e.getRowByIndex(o);
+    let p = "none";
     if (i === this.getTreeArrowColumnIndex() && W(m)) {
       const v = m;
-      (ne = v.children) != null && ne.length ? v.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
+      (ce = v.children) != null && ce.length ? v.expanded ? p = "expanded" : p = "collapsed" : p = "hidden";
     }
-    let y;
+    let x;
     if (t === "header") {
       const v = this.tableModel.getColumnDef(i);
-      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (y = v == null ? void 0 : v.sortState);
+      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (x = v == null ? void 0 : v.sortState);
     }
-    const C = e.getValueAt(o, i), A = f ? "" : `${C}`, S = e.isRowChecked(o), w = this.dom.addColumnDiv(
+    const S = e.getValueAt(o, i), A = f ? "" : `${S}`, C = e.isRowChecked(o), w = this.dom.addColumnDiv(
       {
-        parent: a,
-        geo: p,
+        parent: c,
+        geo: g,
         rowIndex: o,
         columnIndex: i,
         areaIdent: t,
         sideIdent: s,
         text: A,
-        treeArrow: g,
+        treeArrow: p,
         tableOptions: this.tableOptions,
-        checkedType: S,
-        sortState: y
+        checkedType: C,
+        sortState: x
       }
-    ), I = e.getTooltipAt(o, i);
-    I && this.dom.setAttribute(w, "title", I);
+    ), k = e.getTooltipAt(o, i);
+    k && this.dom.setAttribute(w, "title", k);
     const E = this.tableModel.getColumnDef(i);
     E && E.classes[t] && this.dom.addClasses(E.classes[t], w);
     let M;
-    f && (M = f.render(w, o, i, t, e, C, this.dom.domService));
-    const N = e.getCustomClassesAt(o, i);
-    if (N.length && this.dom.addClasses(N, w), this.dom.addColumnBorderDivs(this.tableOptions, a, p, t, s), d && this.dom.addHorizontalBorder({ left: r, width: l, height: n, top: c + n }, a), this.getFocusModel && t === "body") {
+    f && (M = f.render(w, o, i, t, e, S, this.dom.domService));
+    const z = e.getCustomClassesAt(o, i);
+    if (z.length && this.dom.addClasses(z, w), this.dom.addColumnBorderDivs(this.tableOptions, c, g, t, s), d && this.dom.addHorizontalBorder({ left: r, width: l, height: n, top: a + n }, c), this.getFocusModel && t === "body") {
       const v = this.getFocusModel();
-      v != null && v.hasFocus(o, i) && this.dom.addFocusBorderDivs(a, p, {});
+      v != null && v.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, g, {});
     }
     t === "header" && this.dom.setAttribute(w, "data-ge-action", "drag-column");
-    const K = e.getCustomStyleAt(o, i);
-    if (K)
-      for (const v in K)
-        this.dom.setStyle(w, v, K[v]);
+    const q = e.getCustomStyleAt(o, i);
+    if (q)
+      for (const v in q)
+        this.dom.setStyle(w, v, q[v]);
     return [w, M];
   }
   /**
@@ -1773,12 +2098,12 @@ class $e extends Le {
     if (this.dragging) {
       const r = this.hostElement.clientHeight, l = this.storedColumnWidths[t];
       if ((o = e.originalEvent) != null && o.clientX) {
-        const a = { left: ((i = e.originalEvent) == null ? void 0 : i.clientX) - l / 2, width: l, height: r, top: 0, index: t };
+        const c = { left: ((i = e.originalEvent) == null ? void 0 : i.clientX) - l / 2, width: l, height: r, top: 0, index: t };
         this.dom.applyStyle(this.draggingColumn, {
           background: "rgba(128,128,128,0.2)",
           display: "block",
           overfllow: "clip"
-        }), this.dom.applyStyleInPx(this.draggingColumn, a), s && this.renderContentOfDraggingColumn(a);
+        }), this.dom.applyStyleInPx(this.draggingColumn, c), s && this.renderContentOfDraggingColumn(c);
       }
     } else
       this.hideDraggingColumn();
@@ -1806,26 +2131,26 @@ class $e extends Le {
     const o = "center", i = this.tableModel.getAreaModel(t), r = i == null ? void 0 : i.getRowCount();
     if (r) {
       const l = e.index ?? 0, n = this.draggingColumn;
-      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 }, f = i.getValueAt(c, l), p = i.getCellRenderer(c, l), m = p ? "" : `${f}`, g = {
+      for (let a = 0; a < r; a++) {
+        const c = s, d = i.getRowHeight(a), u = { left: 0, width: e.width, height: d, top: c, index: a }, f = i.getValueAt(a, l), g = i.getCellRenderer(a, l), m = g ? "" : `${f}`, p = {
           parent: n,
           geo: u,
-          rowIndex: c,
+          rowIndex: a,
           columnIndex: l,
           areaIdent: t,
           sideIdent: o,
           text: m
-        }, b = this.dom.addColumnDiv(g);
-        let y;
-        p && (y = p.render(b, c, l, t, i, f, this.dom.domService), y && this.cleanupFunctions[t].push(y));
-        const C = i.getCustomClassesAt(c, l);
-        C.length && this.dom.addClasses(C, b);
+        }, b = this.dom.addColumnDiv(p);
+        let x;
+        g && (x = g.render(b, a, l, t, i, f, this.dom.domService), x && this.cleanupFunctions[t].push(x));
+        const S = i.getCustomClassesAt(a, l);
+        S.length && this.dom.addClasses(S, b);
         const A = this.tableModel.getColumnDef(l);
         A && A.classes[t] && this.dom.addClasses(A.classes[t], b), this.dom.addColumnBorderDivs(this.tableOptions, n, u, t, o);
-        const S = i.getCustomStyleAt(c, l);
-        if (S)
-          for (const w in S)
-            this.dom.setStyle(b, w, S[w]);
+        const C = i.getCustomStyleAt(a, l);
+        if (C)
+          for (const w in C)
+            this.dom.setStyle(b, w, C[w]);
         s = s + d;
       }
     }
@@ -1875,19 +2200,19 @@ class $e extends Le {
    * @param {number} height - The height of the div.
    * @returns {boolean} - Whether the cell is selected.
    */
-  renderSelectedBackgroundDiv(e, t, s, o, i, r, l, n, c, a, d) {
+  renderSelectedBackgroundDiv(e, t, s, o, i, r, l, n, a, c, d) {
     let u = !1;
     if (!e && t && o.isSelectable(i, r) && this.getSelectionModel) {
       const f = this.getSelectionModel();
       if (f) {
-        const p = f.getSelectionCount(i, r);
-        u = p > 0;
-        for (let m = 0; m < p; m++) {
-          const g = this.dom.applyStylePosistionAbsolute(
+        const g = f.getSelectionCount(i, r);
+        u = g > 0;
+        for (let m = 0; m < g; m++) {
+          const p = this.dom.applyStylePosistionAbsolute(
             // ge-table-body-west-selected-range
             this.dom.createDivWithClass(`ge-table-${o.areaIdent}-${s}-selected-range`, l)
           );
-          this.dom.setStyle(g, "left", `${n}px`), this.dom.setStyle(g, "top", `${c}px`), this.dom.setStyle(g, "width", `${a}px`), this.dom.setStyle(g, "height", `${d}px`);
+          this.dom.setStyle(p, "left", `${n}px`), this.dom.setStyle(p, "top", `${a}px`), this.dom.setStyle(p, "width", `${c}px`), this.dom.setStyle(p, "height", `${d}px`);
         }
       }
     }
@@ -1921,12 +2246,12 @@ class $e extends Le {
     left: r,
     top: l,
     width: n,
-    height: c,
-    parent: a,
+    height: a,
+    parent: c,
     cellSelected: d,
     lastRowOfModel: u
   }) {
-    const [f, p] = this.addAndRenderCellDiv({
+    const [f, g] = this.addAndRenderCellDiv({
       areaModel: e,
       areaIdent: t,
       sideIdent: s,
@@ -1934,12 +2259,12 @@ class $e extends Le {
       index: i,
       left: r,
       width: n,
-      height: c,
+      height: a,
       top: l,
-      parent: a,
+      parent: c,
       lastRowOfModel: u
     });
-    d && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, f), p && this.cleanupFunctions[t].push(p);
+    d && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, f), g && this.cleanupFunctions[t].push(g);
   }
   /**
    * Render the header cell resize handle.
@@ -1956,16 +2281,16 @@ class $e extends Le {
    * @return {void}
    */
   renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: o, cellWidth: i, cellHeight: r, parent: l }) {
-    const n = this.dom.domService, c = this.tableOptions.columnResizeHandleWidthInPx ?? 2, a = n.createElement("div");
-    n.setAttribute(a, "data-col-index", `${t}`), n.setAttribute(a, "data-row-index", `${e}`), n.setAttribute(a, "data-area", "header"), n.setAttribute(a, "data-ge-action", "resize-column"), n.addClass(a, "ge-table-column-resize-handle"), n.setStyle(a, "display", "clip"), n.setStyle(a, "position", "absolute"), n.setStyle(a, "cursor", "col-resize"), n.setStyle(a, "left", `${s + i - c}px`), n.setStyle(a, "top", `${o}px`), n.setStyle(a, "width", `${c}px`), n.setStyle(a, "height", `${r}px`), n.appendChild(l, a);
+    const n = this.dom.domService, a = this.tableOptions.columnResizeHandleWidthInPx ?? 2, c = n.createElement("div");
+    n.setAttribute(c, "data-col-index", `${t}`), n.setAttribute(c, "data-row-index", `${e}`), n.setAttribute(c, "data-area", "header"), n.setAttribute(c, "data-ge-action", "resize-column"), n.addClass(c, "ge-table-column-resize-handle"), n.setStyle(c, "display", "clip"), n.setStyle(c, "position", "absolute"), n.setStyle(c, "cursor", "col-resize"), n.setStyle(c, "left", `${s + i - a}px`), n.setStyle(c, "top", `${o}px`), n.setStyle(c, "width", `${a}px`), n.setStyle(c, "height", `${r}px`), n.appendChild(l, c);
   }
 }
-class _e {
+class Ye {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class Oe {
+class Je {
   constructor(e) {
     this.tableScope = e, this.tableScope.hostElement.addEventListener("change", this.onHostElementChanged.bind(this));
   }
@@ -1981,36 +2306,36 @@ class Oe {
     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 = Y(s), l = Number(o), n = Number(i);
+        const r = J(s), l = Number(o), n = Number(i);
         this.tableScope.updateModelValueAfterEdit(r, l, n, t.value);
       }
     }
   }
 }
-class Be {
+class qe {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
 }
-class se {
+class re {
   constructor(e) {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new se([new Be(e, t)]);
+    return new re([new qe(e, t)]);
   }
 }
-class He {
+class Ze {
   constructor(e) {
     var t, s;
     this.tableScope = e, (t = this.tableScope.tableOptions) != null && t.getSelectionModel && (this.getSelectionModel = this.tableScope.tableOptions.getSelectionModel), (s = this.tableScope.tableOptions) != null && s.getFocusModel && (this.getFocusModel = this.tableScope.tableOptions.getFocusModel);
   }
   onMouseClicked(e, t) {
-    var i, r, l, n, c, a, d;
+    var i, r, l, n, a, c, d;
     let s = !1, o = !1;
     if (this.getSelectionModel && this.getFocusModel) {
       const u = this.getSelectionModel(), f = this.getFocusModel();
-      u && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), s = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (l = e.originalEvent) != null && l.altKey && ((n = e.originalEvent) != null && n.ctrlKey || (c = e.originalEvent) != null && c.metaKey) ? (u.removeSelection(R.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (a = e.originalEvent) != null && a.ctrlKey || (d = e.originalEvent) != null && d.metaKey ? (u.addSelection(R.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (u.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(u));
+      u && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), s = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (l = e.originalEvent) != null && l.altKey && ((n = e.originalEvent) != null && n.ctrlKey || (a = e.originalEvent) != null && a.metaKey) ? (u.removeSelection(R.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (d = e.originalEvent) != null && d.metaKey ? (u.addSelection(R.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;
   }
@@ -2041,7 +2366,7 @@ class He {
     });
   }
 }
-class We {
+class Qe {
   get() {
     return {
       f2: "START_EDITING",
@@ -2061,7 +2386,7 @@ class We {
     };
   }
 }
-class Ve {
+class et {
   get() {
     return {
       f2: "START_EDITING",
@@ -2083,7 +2408,7 @@ class Ve {
     };
   }
 }
-class Ne {
+class tt {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -2104,7 +2429,7 @@ class Ne {
     this.assignPredefinedSystemShortcutMappings(), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this));
   }
   assignPredefinedSystemShortcutMappings() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new Ve().get()) : Object.assign(this.shortcutActionIdMapping, new We().get());
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new et().get()) : Object.assign(this.shortcutActionIdMapping, new Qe().get());
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -2156,7 +2481,7 @@ class Ne {
     return this.shortcutActionIdMapping;
   }
 }
-class le {
+class he {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -2176,7 +2501,7 @@ class le {
   onFocusChanged(e) {
   }
 }
-class Ge {
+class st {
   setStyle(e, t, s) {
     return e.style[t] = s, e;
   }
@@ -2203,7 +2528,7 @@ class Ge {
     e.setAttribute(t, s);
   }
 }
-class ze {
+class ot {
   render(e, t, s, o, i, r, l) {
     if (i.isEditable(t, s)) {
       l.addClass(e, "ge-table-row-input-div");
@@ -2224,7 +2549,7 @@ class ze {
     }
   }
 }
-class oe {
+class ne {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
   }
@@ -2306,7 +2631,7 @@ class oe {
     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 Ue {
+class it {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
   }
@@ -2343,12 +2668,12 @@ class Ue {
     return [this.rowIndex, this.columnIndex];
   }
 }
-class ie {
-  constructor(e = new P(
+class le {
+  constructor(e = new L(
     "❯",
     "",
     ["gt-table-icon-expanded"]
-  ), t = new P(
+  ), t = new L(
     "❯",
     "transform: rotate(180deg) translate(-100%, -100%); transform-origin: 0 0;",
     ["ge-table-icon-collapsed"]
@@ -2357,17 +2682,17 @@ class ie {
   }
   // `⊖ `,  `⊕ `;
 }
-const je = new oe(), Xe = new Ue("cell");
-class z {
+const rt = new ne(), nt = new it("cell");
+class U {
   constructor() {
     this.overflowX = "auto", this.overflowY = "auto", this.horizontalBorderVisible = !0, this.verticalBorderVisible = !0, this.footerSeparatorBorderVisible = !0, this.headerSeparatorBorderVisible = !0, this.fixedEastSeparatorBorderVisible = !0, this.fixedWestSeparatorBorderVisible = !0, this.tableTopBorderVisible = !0, this.tableBottomBorderVisible = !0, this.hoverRowVisible = !0, this.hoverColumnVisible = !0, this.columnsResizable = !0, this.columnsDraggable = !0, this.columnResizeHandleWidthInPx = 4, this.defaultRowHeights = {
       header: 34,
       body: 34,
       footer: 34
-    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new xe(), this.headerGroupOptions = new ie(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new we(), this.sortOrder = ["asc", "desc"], this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new ze(), this.getSelectionModel = () => je, this.getFocusModel = () => Xe;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new Ae(), this.headerGroupOptions = new le(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Re(), this.sortOrder = ["asc", "desc"], this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new ot(), this.getSelectionModel = () => rt, this.getFocusModel = () => nt;
   }
 }
-const H = class H {
+const V = class V {
   /**
    * Returns the content to be copied based on the provided table model, selection model, and focus model.
    *
@@ -2385,14 +2710,14 @@ const H = class H {
           r.c2 = Math.min(r.c2, e.getColumnCount() - 1), r.r2 = Math.min(r.r2, e.getBodyModel().getRowCount() - 1);
           const l = [];
           for (let n = r.r1; n <= r.r2; n++) {
-            const c = [];
-            for (let a = r.c1; a <= r.c2; a++) {
-              const d = t.isSelected(n, a) ? e.getBodyModel().getTextValueAt(n, a) : "";
-              c.push(d);
+            const a = [];
+            for (let c = r.c1; c <= r.c2; c++) {
+              const d = t.isSelected(n, c) ? e.getBodyModel().getTextValueAt(n, c) : "";
+              a.push(d);
             }
-            l.push(c.join(H.columnSeparatorChar));
+            l.push(a.join(V.columnSeparatorChar));
           }
-          return o(l.join(H.rowSeparatorChar));
+          return o(l.join(V.rowSeparatorChar));
         }
       }
       if (s) {
@@ -2449,19 +2774,19 @@ const H = class H {
     return t;
   }
 };
-H.columnSeparatorChar = "	", H.rowSeparatorChar = `
+V.columnSeparatorChar = "	", V.rowSeparatorChar = `
 `;
-let U = H;
-class Ye {
+let X = V;
+class lt {
   constructor(e, t = 500) {
-    this.tableScope = e, this.debounceDelay = t, new ResizeObserver(ve(this.handleResize.bind(this), t)).observe(this.tableScope.hostElement);
+    this.tableScope = e, this.debounceDelay = t, new ResizeObserver(ke(this.handleResize.bind(this), t)).observe(this.tableScope.hostElement);
   }
   handleResize(e) {
     const t = e[0], { width: s } = t.contentRect;
     this.tableScope.recalcColumnWidths(s);
   }
 }
-class Ke {
+class at {
   /**
    * Downloads a matrix data as an Excel file.
    *
@@ -2492,11 +2817,11 @@ class Ke {
 <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>`, l = `<?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>`, n = `<?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"?>
+<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>`, 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", l), u.set("xl/worksheets/sheet1.xml", this.getX1WorksheetsSheet1Xml(e)), u.set("xl/sharedStrings.xml", n), u.set("xl/styles.xml", c), u.set("xl/workbook.xml", a), u.set("[Content_Types].xml", d), 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", l), u.set("xl/worksheets/sheet1.xml", this.getX1WorksheetsSheet1Xml(e)), u.set("xl/sharedStrings.xml", n), u.set("xl/styles.xml", a), u.set("xl/workbook.xml", c), u.set("[Content_Types].xml", d), u;
   }
   getX1WorksheetsSheet1Xml(e) {
     const t = [];
@@ -2542,43 +2867,43 @@ class Ke {
     let s = 0;
     const o = [];
     e.forEach((d, u) => {
-      const f = new TextEncoder().encode(u), p = new TextEncoder().encode(d), m = new Uint8Array(30 + f.length), g = new DataView(m.buffer);
-      m.set([80, 75, 3, 4], 0), g.setUint16(4, 20, !0), g.setUint16(6, 0, !0), g.setUint16(8, 0, !0), g.setUint16(10, 0, !0), g.setUint16(12, 0, !0), g.setUint32(14, 0, !0), g.setUint32(18, p.length, !0), g.setUint32(22, p.length, !0), g.setUint16(26, f.length, !0), g.setUint16(28, 0, !0), m.set(f, 30), t.push(m, p), o.push({
+      const f = new TextEncoder().encode(u), g = new TextEncoder().encode(d), m = new Uint8Array(30 + f.length), p = new DataView(m.buffer);
+      m.set([80, 75, 3, 4], 0), p.setUint16(4, 20, !0), p.setUint16(6, 0, !0), p.setUint16(8, 0, !0), p.setUint16(10, 0, !0), p.setUint16(12, 0, !0), p.setUint32(14, 0, !0), p.setUint32(18, g.length, !0), p.setUint32(22, g.length, !0), p.setUint16(26, f.length, !0), p.setUint16(28, 0, !0), m.set(f, 30), t.push(m, g), o.push({
         path: u,
         offset: s,
-        contentSize: p.length
-      }), s += m.length + p.length;
+        contentSize: g.length
+      }), s += m.length + g.length;
     });
     const i = s;
     o.forEach((d) => {
-      const u = new TextEncoder().encode(d.path), f = new Uint8Array(46 + u.length), p = new DataView(f.buffer);
-      f.set([80, 75, 1, 2], 0), p.setUint16(4, 20, !0), p.setUint16(6, 20, !0), p.setUint16(8, 0, !0), p.setUint16(10, 0, !0), p.setUint16(12, 0, !0), p.setUint16(14, 0, !0), p.setUint32(16, 0, !0), p.setUint32(20, d.contentSize, !0), p.setUint32(24, d.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, d.offset, !0), f.set(u, 46), t.push(f), s += f.length;
+      const u = new TextEncoder().encode(d.path), f = new Uint8Array(46 + u.length), g = new DataView(f.buffer);
+      f.set([80, 75, 1, 2], 0), g.setUint16(4, 20, !0), g.setUint16(6, 20, !0), g.setUint16(8, 0, !0), g.setUint16(10, 0, !0), g.setUint16(12, 0, !0), g.setUint16(14, 0, !0), g.setUint32(16, 0, !0), g.setUint32(20, d.contentSize, !0), g.setUint32(24, d.contentSize, !0), g.setUint16(28, u.length, !0), g.setUint16(30, 0, !0), g.setUint16(32, 0, !0), g.setUint16(34, 0, !0), g.setUint16(36, 0, !0), g.setUint32(38, 0, !0), g.setUint32(42, d.offset, !0), f.set(u, 46), t.push(f), s += f.length;
     });
     const r = new Uint8Array(22), l = new DataView(r.buffer);
     r.set([80, 75, 5, 6], 0), l.setUint16(4, 0, !0), l.setUint16(6, 0, !0), l.setUint16(8, o.length, !0), l.setUint16(10, o.length, !0), l.setUint32(12, s - i, !0), l.setUint32(16, i, !0), l.setUint16(20, 0, !0), t.push(r);
-    const n = t.reduce((d, u) => d + u.length, 0), c = new Uint8Array(n);
-    let a = 0;
+    const n = t.reduce((d, u) => d + u.length, 0), a = new Uint8Array(n);
+    let c = 0;
     for (const d of t)
-      c.set(d, a), a += d.length;
-    return c;
+      a.set(d, c), c += d.length;
+    return a;
   }
   generateBuffer(e, t = "") {
     const s = this.generateMap(e, t);
     return this.createZip(s);
   }
 }
-class Se extends $e {
-  constructor(e, t, s, o, i, r = new U(), l = new Ke()) {
-    var a;
-    if (super(e, t, new Re(s), o), this.eventListener = i, this.copyService = r, this.excelService = l, this.licenseManager = B.getInstance(), this.selectionService = new He(this), this.api = new Te(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, t.setTableScope(this), i || (this.eventListener = new le()), (a = this.tableOptions) != null && a.autoRestoreOptions) {
+class Ee extends Ke {
+  constructor(e, t, s, o, i, r = new X(), l = new at()) {
+    var c;
+    if (super(e, t, new Be(s), o), this.eventListener = i, this.copyService = r, this.excelService = l, this.licenseManager = H.getInstance(), this.selectionService = new Ze(this), this.api = new We(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, t.setTableScope(this), i || (this.eventListener = new he()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
       const d = this.tableOptions.autoRestoreOptions, u = d.getStorageKeyFn;
-      u && (d.autoRestoreScrollPosition && (this.storeScrollPosStateService = new ke(u)), d.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new De(u)), d.autoRestoreSortingState && (this.storeSortingService = new Fe(u)));
+      u && (d.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Ne(u)), d.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ze(u)), d.autoRestoreSortingState && (this.storeSortingService = new je(u)));
     }
-    this.mouseHandler = new Me(this), this.inputHandler = new Oe(this), this.resizeHandler = new Ye(this, o.resizeEventDebounceDelay), this.shortcutService = new Ne(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new Ve(this), this.inputHandler = new Je(this), this.resizeHandler = new lt(this, o.resizeEventDebounceDelay), this.shortcutService = new tt(this), this.shortcutService.addListener(this.selectionService);
     const n = this.getSelectionModel ? this.getSelectionModel() : void 0;
     n && n.addEventSelectionChangedListener(this);
-    const c = this.getFocusModel ? this.getFocusModel() : void 0;
-    c && c.addEventFocusChangedListener(this);
+    const a = this.getFocusModel ? this.getFocusModel() : void 0;
+    a && a.addEventFocusChangedListener(this);
   }
   /**
    * Creates a TableScope instance.
@@ -2592,8 +2917,8 @@ class Se extends $e {
    *
    * @return {TableScope} - The newly created TableScope instance.
    */
-  static create(e, t, s = new z(), o = new le(), i = new Ge(), r = new U()) {
-    return new Se(e, t, i, s, o, r);
+  static create(e, t, s = new U(), o = new he(), i = new st(), r = new X()) {
+    return new Ee(e, t, i, s, o, r);
   }
   /**
    * Triggers an action based on the provided actionId.
@@ -2621,7 +2946,7 @@ class Se extends $e {
     return !1;
   }
   updateModelValueAfterEdit(e, t, s, o) {
-    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(se.createSingle(t, s)), this.hostElement.focus());
+    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(re.createSingle(t, s)), this.hostElement.focus());
   }
   /**
    * Retrieves the TableApi object.
@@ -2650,7 +2975,7 @@ class Se extends $e {
    * @return {GeMouseEvent} - The created GeMouseEvent object.
    */
   createGeMouseEvent(e) {
-    const t = new ee();
+    const t = new oe();
     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) {
@@ -2720,7 +3045,7 @@ class Se extends $e {
   toggleExpandCollapseAll(e = !0) {
     var s;
     const t = this.tableModel.getBodyModel();
-    J(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
+    ee(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
   }
   /**
    * Toggles the checkbox state of a specific row in a table.
@@ -2790,8 +3115,8 @@ class Se extends $e {
     const o = this.tableModel.getColumnDef(s);
     if (o != null && o.sortable && o.sortable()) {
       e.preventDefault(), e.stopPropagation();
-      const l = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, n = o.sortState ?? "", c = l[(l.indexOf(n) + 1) % l.length], a = new _e(s, c);
-      this.tableModel.doSort([a]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((u) => u.sortState = ""), o.sortState = c), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([a]);
+      const l = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, n = o.sortState ?? "", a = l[(l.indexOf(n) + 1) % l.length], c = new Ye(s, a);
+      this.tableModel.doSort([c]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((u) => u.sortState = ""), o.sortState = a), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([c]);
     }
   }
   /**
@@ -2936,18 +3261,18 @@ class Se extends $e {
       const s = this.tableOptions.autoRestoreOptions, o = s.getRowId;
       if (s.autoRestoreCollapsedExpandedState && o) {
         const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
-        if (J(r)) {
+        if (ee(r)) {
           const l = r, n = r.getRowCount();
-          for (let c = 0; c < n; c++) {
-            const a = r.getRowByIndex(c);
-            if (a)
+          for (let a = 0; a < n; a++) {
+            const c = r.getRowByIndex(a);
+            if (c)
               if (i.allExpanded)
-                a.expanded = !0;
+                c.expanded = !0;
               else if (i.allCollapsed)
-                a.expanded = !1;
+                c.expanded = !1;
               else {
-                const d = o(a.data);
-                i.mode === "expanded" ? a.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(d) : i.mode === "collapsed" && (a.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(d));
+                const d = o(c.data);
+                i.mode === "expanded" ? c.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(d) : i.mode === "collapsed" && (c.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(d));
               }
           }
           l.recalcVisibleTreeRows();
@@ -2982,9 +3307,9 @@ class Se extends $e {
     this.tableModel.recalcPadding(), this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows();
   }
 }
-const j = class j {
+const K = class K {
 };
-j.themes = ["light", "combat", "paper", "blackboard"], j.vars = {
+K.themes = ["light", "combat", "paper", "blackboard"], K.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);
@@ -3218,31 +3543,31 @@ j.themes = ["light", "combat", "paper", "blackboard"], j.vars = {
   --ge-table-drop-zone-bg: #758129;
 }`
 };
-let ae = j;
-class ce {
+let ue = K;
+class pe {
   constructor(e, t = !0, s, o, i = 0, r = !1, l = !1) {
     this.data = e, this.expanded = t, this.children = s, this.parent = o, this.deep = i, this.checked = r, this.keep = l, this.type = "TreeRow";
   }
 }
-class Z {
+class te {
   static buildTreeRows(e, t = "children", s = 12) {
     const o = [];
     for (const i of e)
-      o.push(Z.buildTreeRow(i, t, void 0, 0, s));
+      o.push(te.buildTreeRow(i, t, void 0, 0, s));
     return o;
   }
-  static buildTreeRow(e, t = "children", s = new ce(e, !0, [], void 0, 0), o = 0, i = 12) {
+  static buildTreeRow(e, t = "children", s = new pe(e, !0, [], void 0, 0), o = 0, i = 12) {
     var l;
     if (o > i)
       return console.warn("Max deep limit reached: ", o), s;
     const r = e[t];
     if (r)
       for (const n of r) {
-        const c = new ce(n, !0, [], s, o + 1);
-        if ((l = s.children) == null || l.push(c), Z.buildTreeRow(
+        const a = new pe(n, !0, [], s, o + 1);
+        if ((l = s.children) == null || l.push(a), te.buildTreeRow(
           n,
           t,
-          c,
+          a,
           o + 1
         ), o > i)
           return console.warn("Max deep limit reached: ", o), s;
@@ -3250,46 +3575,46 @@ class Z {
     return s;
   }
 }
-class V {
+class N {
   constructor(e = 34, t = 34, s = 34) {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class x {
+class y {
   constructor(e = 100, t = "px") {
     this.value = e, this.unit = t;
   }
 }
-const qe = () => !0, de = () => !1;
-class O {
-  constructor(e, t, s = new x(100, "px"), o = new k(), i = new k(), r = new x(100, "px"), l = new x(100, "px"), n, c, a, d, u, f, p, m, g = () => this.visible) {
-    this.property = e, this.headerLabel = t, this.width = s, this.classes = o, this.rendererMap = i, this.minWidth = r, this.maxWidth = l, this.sortable = n, this.sortComparator = c, this.sortState = a, this.sortStatesOrder = d, this.sortIconVisible = u, this.editable = f, this.getEditRenderer = p, this.editInputPipe = m, this.isVisible = g, this.visible = !0, s.unit !== "px" && (this.minWidth = new x(0, "px"), this.maxWidth = new x(1e5, "px"));
+const ct = () => !0, ge = () => !1;
+class B {
+  constructor(e, t, s = new y(100, "px"), o = new I(), i = new I(), r = new y(100, "px"), l = new y(100, "px"), n, a, c, d, u, f, g, m, p = () => this.visible) {
+    this.property = e, this.headerLabel = t, this.width = s, this.classes = o, this.rendererMap = i, this.minWidth = r, this.maxWidth = l, this.sortable = n, this.sortComparator = a, this.sortState = c, this.sortStatesOrder = d, this.sortIconVisible = u, this.editable = f, this.getEditRenderer = g, this.editInputPipe = m, this.isVisible = p, this.visible = !0, s.unit !== "px" && (this.minWidth = new y(0, "px"), this.maxWidth = new y(1e5, "px"));
   }
   static bodyRenderer(e) {
-    return new k(
+    return new I(
       void 0,
       e,
       void 0
     );
   }
   static create(e) {
-    const t = new k(
+    const t = new I(
       e.headerRenderer,
       e.bodyRenderer,
       e.footerRenderer
-    ), s = new k(
+    ), s = new I(
       e.headerClasses,
       e.bodyClasses,
       e.footerClasses
-    ), o = e.sortIconVisible ?? e.sortable ?? de, i = e.editable ?? e.editable ?? de, r = e.isVisible ?? e.isVisible ?? qe;
-    return new O(
+    ), o = e.sortIconVisible ?? e.sortable ?? ge, i = e.editable ?? e.editable ?? ge, r = e.isVisible ?? e.isVisible ?? ct;
+    return new B(
       e.property ?? "",
       e.headerLabel ?? "",
-      e.width ?? new x(100, "px"),
+      e.width ?? new y(100, "px"),
       s,
       t,
-      e.minWidth ?? new x(100, "px"),
-      e.maxWidth ?? new x(100, "px"),
+      e.minWidth ?? new y(100, "px"),
+      e.maxWidth ?? new y(100, "px"),
       e.sortable,
       e.sortComparator,
       e.sortState,
@@ -3302,8 +3627,8 @@ class O {
     );
   }
 }
-const gt = new x(500, "px"), pt = new x(400, "px"), Je = new x(300, "px"), ft = new x(290, "px"), mt = new x(280, "px"), bt = new x(270, "px"), xt = new x(260, "px"), wt = new x(250, "px"), St = new x(240, "px"), yt = new x(230, "px"), Ct = new x(220, "px"), vt = new x(210, "px"), he = new x(200, "px"), At = new x(190, "px"), Rt = new x(180, "px"), Et = new x(170, "px"), Mt = new x(160, "px"), Tt = new x(150, "px"), kt = new x(140, "px"), It = new x(130, "px"), Dt = new x(120, "px"), Ft = new x(110, "px"), Lt = new x(100, "px"), Pt = new x(90, "px"), $t = new x(80, "px"), _t = new x(70, "px"), Ot = new x(60, "px"), Bt = new x(50, "px"), Ht = new x(40, "px"), Wt = new x(30, "px"), Vt = new x(20, "px"), Nt = new x(10, "px"), Gt = new x(0, "px");
-class re {
+const Et = new y(500, "px"), Mt = new y(400, "px"), dt = new y(300, "px"), Tt = new y(290, "px"), It = new y(280, "px"), kt = new y(270, "px"), Dt = new y(260, "px"), Ft = new y(250, "px"), Pt = new y(240, "px"), Lt = new y(230, "px"), $t = new y(220, "px"), Ot = new y(210, "px"), fe = new y(200, "px"), _t = new y(190, "px"), Bt = new y(180, "px"), Ht = new y(170, "px"), Vt = new y(160, "px"), Wt = new y(150, "px"), Nt = new y(140, "px"), Gt = new y(130, "px"), zt = new y(120, "px"), jt = new y(110, "px"), Ut = new y(100, "px"), Xt = new y(90, "px"), Kt = new y(80, "px"), Yt = new y(70, "px"), Jt = new y(60, "px"), qt = new y(50, "px"), Zt = new y(40, "px"), Qt = new y(30, "px"), es = new y(20, "px"), ts = new y(10, "px"), ss = new y(0, "px");
+class ae {
   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]);
   }
@@ -3399,7 +3724,7 @@ class re {
       this.yPositions[t + 1] = this.getRowHeight(t) + this.yPositions[t];
   }
 }
-class D extends re {
+class D extends ae {
   constructor(e, t, s, o = []) {
     super(e, o, s), this.areaIdent = e, this.arr = t, this.defaultRowHeight = s, this.columnDefs = o, this.filteredArr = [...t];
   }
@@ -3499,7 +3824,7 @@ class F {
   changeColumnOrder(e, t) {
   }
 }
-class Ze {
+class ht {
   flattenTree(e, t = []) {
     var s;
     for (const o of e)
@@ -3510,7 +3835,7 @@ class Ze {
     return e.parent ? e.parent.expanded ? this.isVisible(e.parent) : !1 : !0;
   }
 }
-class ye {
+class Me {
   genericSortComparator(e, t, s) {
     if (typeof e == "number" && typeof t == "number")
       return s * (e - t);
@@ -3528,9 +3853,9 @@ class ye {
     return s * ("" + e).localeCompare("" + t);
   }
 }
-class ue extends re {
+class me extends ae {
   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 ye(), this.service = new Ze(), 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 Me(), this.service = new ht(), 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);
@@ -3632,7 +3957,7 @@ class ue extends re {
       o.children && this.treeSort(o.children, t, s);
   }
 }
-class ge {
+class be {
   constructor(e = []) {
     this.allRootNodes = e;
   }
@@ -3692,12 +4017,12 @@ class ge {
       s.checked && t.push(s), s.children && this.addSelectedRecursive(s.children, t);
   }
 }
-class pe {
+class ye {
   constructor(e = 0, t = 0, s = 0, o = 0) {
     this.top = e, this.right = t, this.bottom = s, this.left = o;
   }
 }
-class Qe {
+class ut {
   constructor() {
     this.checkedRows = [];
   }
@@ -3728,11 +4053,11 @@ class Qe {
     }
   }
 }
-class q {
-  constructor(e, t, s, o = 0, i = 0, r = !1, l = new V(), n = [], c = [], a = -1, d = 0, u = 400, f = () => {
+class Z {
+  constructor(e, t, s, o = 0, i = 0, r = !1, l = new N(), n = [], a = [], c = -1, d = 0, u = 400, f = () => {
   }) {
-    var p, m, g, b;
-    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = s, this.fixedLeftColumnCount = o, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = l, this.columnDefs = n, this.columnSizes = c, this.overridingColumnWidth = a, this.columnCount = d, this.parentSize = u, this.getSelectionModel = f, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new pe(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", s.areaIdent = "footer", this.columnCount || ((p = this.columnDefs) != null && p.length ? this.columnCount = this.columnDefs.length : (m = this.columnSizes) != null && m.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (b = this.columnDefs) != null && b.length && Ae(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Qe());
+    var g, m, p, b;
+    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = s, this.fixedLeftColumnCount = o, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = l, this.columnDefs = n, this.columnSizes = a, this.overridingColumnWidth = c, this.columnCount = d, this.parentSize = u, this.getSelectionModel = f, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new ye(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", s.areaIdent = "footer", this.columnCount || ((g = this.columnDefs) != null && g.length ? this.columnCount = this.columnDefs.length : (m = this.columnSizes) != null && m.length && (this.columnCount = (p = this.columnSizes) == null ? void 0 : p.length)), (b = this.columnDefs) != null && b.length && _e(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new ut());
   }
   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();
@@ -3816,7 +4141,7 @@ class q {
    */
   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 ye(
       s,
       t,
       o,
@@ -4058,31 +4383,31 @@ class q {
     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((n) => {
-        var c;
-        return ((c = n.width) == null ? void 0 : c.unit) === "weight";
+        var a;
+        return ((a = n.width) == null ? void 0 : a.unit) === "weight";
       });
       this.columnSizes = this.columnDefs.map((n) => {
         if (n.width.unit === "%" && e) {
-          let c = Math.floor(n.width.value * e / 100);
+          let a = Math.floor(n.width.value * e / 100);
           if (n.minWidth) {
-            const a = this.sizeToPixel(n.minWidth, e);
-            c = Math.max(a, c);
+            const c = this.sizeToPixel(n.minWidth, e);
+            a = Math.max(c, a);
           }
           if (n.maxWidth) {
-            const a = this.sizeToPixel(n.maxWidth, e);
-            c = Math.min(a, c);
+            const c = this.sizeToPixel(n.maxWidth, e);
+            a = Math.min(c, a);
           }
-          return c;
+          return a;
         } else if (n.width.unit === "px" && e)
           return n.width.value;
         return 0;
       });
-      const r = this.columnSizes.reduce((n, c) => n + c), l = e - r;
+      const r = this.columnSizes.reduce((n, a) => n + a), l = e - r;
       if (l > 0 && i.length) {
-        const n = 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 * l / n);
+        const n = 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 * l / n);
         }
       }
     }
@@ -4118,9 +4443,9 @@ class q {
     return this.tableScope;
   }
 }
-class et extends re {
+class pt extends ae {
   constructor(e, t, s, o = []) {
-    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.sorterService = new ye(), this.filteredRows = [...t], this.properties = o.map((i) => i.property);
+    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.sorterService = new Me(), this.filteredRows = [...t], this.properties = o.map((i) => i.property);
   }
   setRows(e) {
     this.rows = e, this.filteredRows = [...e];
@@ -4176,7 +4501,7 @@ class et extends re {
     return o && t.length ? this.getPropertyValue(o, t) : o;
   }
 }
-class fe extends et {
+class xe extends pt {
   constructor(e, t, s, o) {
     super(
       e,
@@ -4224,32 +4549,32 @@ class _ {
    * Please consult each method's documentation for detailed explanation of their functionality.
    */
   static createTableModel(e) {
-    var t, s, o, i, r, l, n, c, a, d, u, f, p, m;
+    var t, s, o, i, r, l, n, a, c, d, u, f, g, m;
     if (e.defaultRowHeights === void 0)
       if ((t = e.tableOptions) != null && t.defaultRowHeights)
         e.defaultRowHeights = e.tableOptions.defaultRowHeights;
       else {
-        if (e.defaultRowHeights = new V(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
-          const g = e.headerAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.header = g);
+        if (e.defaultRowHeights = new N(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
+          const p = e.headerAreaModel.defaultRowHeight;
+          p > -1 && (e.defaultRowHeights.header = p);
         }
         if (e.bodyAreaModel && "defaultRowHeight" in e.bodyAreaModel) {
-          const g = e.bodyAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.body = g);
+          const p = e.bodyAreaModel.defaultRowHeight;
+          p > -1 && (e.defaultRowHeights.body = p);
         }
         if (e.footerAreaModel && "defaultRowHeight" in e.footerAreaModel) {
-          const g = e.footerAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.footer = g);
+          const p = e.footerAreaModel.defaultRowHeight;
+          p > -1 && (e.defaultRowHeights.footer = p);
         }
       }
-    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((g) => new O(g, g.toUpperCase(), he)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new O(g, g.toUpperCase(), he)) : 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 : (l = e.columnSizes) != null && l.length ? e.columnCount = (n = e.columnSizes) == null ? void 0 : n.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((c = e.headerData) != null && c.length ? e.headerAreaModel = new D(
+    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((p) => new B(p, p.toUpperCase(), fe)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((p) => new B(p, p.toUpperCase(), fe)) : 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 : (l = e.columnSizes) != null && l.length ? e.columnCount = (n = e.columnSizes) == null ? void 0 : n.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((a = e.headerData) != null && a.length ? e.headerAreaModel = new D(
       "header",
       e.headerData,
       e.defaultRowHeights.header,
       e.columnDefs
-    ) : (a = e.columnDefs) != null && a.length ? e.headerAreaModel = new D(
+    ) : (c = e.columnDefs) != null && c.length ? e.headerAreaModel = new D(
       "header",
-      [e.columnDefs.map((g) => g.headerLabel)],
+      [e.columnDefs.map((p) => p.headerLabel)],
       e.defaultRowHeights.header,
       e.columnDefs
     ) : e.headerAreaModel = new F("header")), e.footerAreaModel || ((d = e.footerData) != null && d.length ? e.footerAreaModel = new D(
@@ -4260,15 +4585,15 @@ class _ {
     ) : e.footerAreaModel = new F("footer")), !e.bodyAreaModel)
       if (e.rows)
         if ((u = e.rows) != null && u.length && W(e.rows[0])) {
-          const g = e.rows;
-          e.bodyAreaModel = new ue(
+          const p = e.rows;
+          e.bodyAreaModel = new me(
             "body",
-            g,
+            p,
             e.defaultRowHeights.body,
             e.columnDefs
-          ), (e.columnDefs[0].property === "CheckboxColumn" || (f = e.tableOptions) != null && f.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new ge(g));
+          ), (e.columnDefs[0].property === "CheckboxColumn" || (f = e.tableOptions) != null && f.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new be(p));
         } else
-          e.bodyAreaModel = new fe(
+          e.bodyAreaModel = new xe(
             "body",
             e.rows,
             e.columnDefs,
@@ -4280,7 +4605,7 @@ class _ {
           e.bodyData,
           e.defaultRowHeights.body
         ) : e.bodyAreaModel = new F("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 q(
+    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 && ((g = e.tableOptions) != null && g.getSelectionModel) && (e.getSelectionModel = (m = e.tableOptions) == null ? void 0 : m.getSelectionModel), new Z(
       e.headerAreaModel,
       e.bodyAreaModel,
       e.footerAreaModel,
@@ -4317,7 +4642,7 @@ class _ {
     return _.buildByTypedRows(
       e.rows ?? [],
       e.columnDefs,
-      e.tableOptions ?? new z(),
+      e.tableOptions ?? new U(),
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0
     );
@@ -4358,18 +4683,18 @@ class _ {
    * columnDef is "CheckboxColumn". If the first column is not a checkbox column, ensure that the first columnDef does not have "CheckboxColumn"
    * as its property.
    */
-  static buildByTypedRows(e, t, s = new z(), o = 0, i = 0) {
+  static buildByTypedRows(e, t, s = new U(), o = 0, i = 0) {
     const r = s.defaultRowHeights, l = t[0].property === "CheckboxColumn";
     if (e != null && e.length && W(e[0])) {
-      const c = e, a = new ue(
+      const a = e, c = new me(
         "body",
-        c,
+        a,
         r.body,
         t
       );
-      return (l || s.showCheckboxWihoutExtraColumn) && (a.rowSelectionModel = new ge(c)), _.createByAreaModelsParam({
+      return (l || s.showCheckboxWihoutExtraColumn) && (c.rowSelectionModel = new be(a)), _.createByAreaModelsParam({
         headerAreaModel: new D("header", [t.map((d) => d.headerLabel)], r.header),
-        bodyAreaModel: a,
+        bodyAreaModel: c,
         footerAreaModel: new D("footer", [], r.footer),
         columnDefs: t,
         fixedLeftColumnCount: o,
@@ -4442,7 +4767,7 @@ class _ {
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0,
       t,
-      e.defaultRowHeights ?? new V(),
+      e.defaultRowHeights ?? new N(),
       e.columnDefs ?? [],
       e.columnSizes ?? []
     );
@@ -4488,8 +4813,8 @@ class _ {
    * @return A new instance of `TableModel` is created using the provided parameters.
    * If a parameter isn't provided, the default value is used.
    */
-  static createByAreaModels(e = new F(), t, s = new F(), o = 0, i = 0, r = !1, l = new V(), n, c = [], a = -1, d) {
-    return new q(
+  static createByAreaModels(e = new F(), t, s = new F(), o = 0, i = 0, r = !1, l = new N(), n, a = [], c = -1, d) {
+    return new Z(
       e,
       t,
       s,
@@ -4498,8 +4823,8 @@ class _ {
       r,
       l,
       n,
-      c,
       a,
+      c,
       d
     );
   }
@@ -4602,12 +4927,12 @@ class _ {
    *
    * Reference: For more details regarding the `DefaultRowHeightsIf`, `ColumnDefIf`, `AreaModelIf`, and `AreaModelArrayOfArrays` classes/interfaces, please refer to the respective API documents.
    */
-  static createByObjectArray(e, t = [], s = [], o = 0, i = 0, r = !1, l = new V(), n, c = []) {
-    let a;
-    t != null && t.length ? a = new D("header", t, l.header, n) : n != null && n.length ? a = new D("header", [n.map((f) => f.headerLabel)], l.header, n) : a = new F();
-    const d = s ? new D("footer", s, l.footer, n) : new F(), u = new fe("body", e, n, l.body);
-    return new q(
-      a,
+  static createByObjectArray(e, t = [], s = [], o = 0, i = 0, r = !1, l = new N(), n, a = []) {
+    let c;
+    t != null && t.length ? c = new D("header", t, l.header, n) : n != null && n.length ? c = new D("header", [n.map((f) => f.headerLabel)], l.header, n) : c = new F();
+    const d = s ? new D("footer", s, l.footer, n) : new F(), u = new xe("body", e, n, l.body);
+    return new Z(
+      c,
       u,
       d,
       o,
@@ -4615,11 +4940,11 @@ class _ {
       r,
       l,
       n,
-      c
+      a
     );
   }
 }
-const zt = [
+const os = [
   "COPY_2_CLIPBOARD",
   "START_EDITING",
   "TOGGLE_SELECTION",
@@ -4637,17 +4962,17 @@ const zt = [
   // "PAGEUP_PRESSED",
   // "PAGEDOWN_PRESSED"
 ];
-class tt {
+class gt {
   constructor(e, t) {
     this.tableModel = e, this.tableOptions = t;
   }
 }
-class st {
+class ft {
   constructor(e, t, s, o, i, r, l) {
     this.emmitDataKey = e, this.emmitCancelKey = t, this.queryId = s, this.filter = o, this.sorting = i, this.startIndex = r, this.endIndex = l;
   }
 }
-class Ut extends st {
+class is extends ft {
   constructor(e, t, s, o, i, r, l, n) {
     super(
       e,
@@ -4660,34 +4985,34 @@ class Ut extends st {
     ), this.rows = n;
   }
 }
-class ot {
+class mt {
   constructor(e, t) {
     this.value = e, this.label = t;
   }
 }
-class jt {
+class rs {
   constructor(e, t) {
     this.index = e, this.px = t;
   }
 }
-const Xt = { body: ["ge-table-text-align-left"] }, Yt = { body: ["ge-table-text-align-center"] }, Kt = { body: ["ge-table-text-align-right"] }, qt = {
+const ns = { body: ["ge-table-text-align-left"] }, ls = { body: ["ge-table-text-align-center"] }, as = { body: ["ge-table-text-align-right"] }, cs = {
   header: ["ge-table-text-align-left"],
   body: ["ge-table-text-align-left"],
   footer: ["ge-table-text-align-left"]
-}, Jt = {
+}, ds = {
   header: ["ge-table-text-align-center"],
   body: ["ge-table-text-align-center"],
   footer: ["ge-table-text-align-center"]
-}, Zt = {
+}, hs = {
   header: ["ge-table-text-align-right"],
   body: ["ge-table-text-align-right"],
   footer: ["ge-table-text-align-right"]
 };
-class me {
+class we {
   render(e, t, s, o, i, r, l) {
     if (i.isRowCheckable(t)) {
       l.addClass(e, "ge-table-row-checkbox-div");
-      const n = i.isRowChecked(t), c = n === "full" ? "checked" : "", a = n === "semi" ? '<span style="opacity: 0.4;">✓<span>' : "";
+      const n = i.isRowChecked(t), a = n === "full" ? "checked" : "", c = n === "semi" ? '<span style="opacity: 0.4;">✓<span>' : "";
       e.innerHTML = `
         <input
             type="checkbox"
@@ -4695,22 +5020,22 @@ class me {
             data-row-index="${t}"
             data-col-index="${s}"
             data-input-type="checkbox"
-            ${c}
+            ${a}
             class="ge-table-row-checkbox">
-        ${a}  `;
+        ${c}  `;
     }
   }
 }
-class Qt {
+class us {
   constructor() {
-    this.type = "CheckboxColumnDef", this.property = "CheckboxColumn", this.headerLabel = "", this.width = new x(50, "px"), this.minWidth = new x(50, "px"), this.maxWidth = new x(100, "px"), this.rendererMap = new k(new me(), new me(), void 0), this.classes = new k(
+    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 I(new we(), new we(), void 0), this.classes = new I(
       [],
       ["ge-table-text-align-left"],
       []
     );
   }
 }
-class es {
+class ps {
   /**
    * A factory that creates a new AreaObjectMap with the given body renderer.
    *
@@ -4718,24 +5043,24 @@ class es {
    * @returns {AreaObjectMap<CellRendererIf>} The newly created AreaObjectMap.
    */
   static body(e) {
-    return new k(
+    return new I(
       void 0,
       e,
       void 0
     );
   }
 }
-class ts {
+class gs {
   constructor(e = "down", t) {
     this.status = e, this.originalEvent = t;
   }
 }
-class ss {
+class fs {
   constructor(e, t, s, o, i = {}) {
     this.area = e, this.rowIndex = t, this.columnIndex = s, this.value = o, this.cssClasses = i;
   }
 }
-class os {
+class ms {
   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) {
@@ -4760,12 +5085,12 @@ class os {
     };
   }
 }
-class it {
+class bt {
   constructor(e, t, s, o = !1, i = "normal", r = void 0) {
     this.data = e, this.property = t, this.toggle = s, this.closed = o, this.visibility = i, this.children = r, this.impl = "CellGroup";
   }
 }
-class rt extends it {
+class yt extends bt {
   constructor(e, t = 0, s = 0, o) {
     super(
       e.data,
@@ -4861,7 +5186,7 @@ class T {
   static buildColumnDefs(e, t = []) {
     for (const s of e)
       s.property && t.push(
-        O.create({
+        B.create({
           property: s.property,
           headerLabel: s.data ? s.data : s.property,
           isVisible: () => typeof s.isVisible == "function" ? s.isVisible() : !0
@@ -4890,7 +5215,7 @@ class T {
   static buildGroupExts(e, t = [], s = 0, o) {
     let i;
     for (let r = 0; r < e.length; r++) {
-      const l = e[r], n = new rt(l, s, r, o);
+      const l = e[r], n = new yt(l, s, r, o);
       i && (n.leftNeighbour = i, i.rightNeighbour = n), t.push(n), l.children && (n.children = T.buildGroupExts(l.children, [], s + 1, n)), i = n;
     }
     return t;
@@ -4932,7 +5257,7 @@ class T {
       e.push(o.data + "    rowIndex:" + o.rowIndex), (s = o.children) != null && s.length && T.iterateThrowColumns(e, o.children);
   }
 }
-class is {
+class bs {
   constructor() {
     this.areaIdent = "body", this.rowSelectionModel = void 0;
   }
@@ -5002,15 +5327,15 @@ class is {
     return !1;
   }
 }
-const X = class X {
-  constructor(e = new ie()) {
+const Y = class Y {
+  constructor(e = new le()) {
     this.headerGroupOptions = e;
   }
   render(e, t, s, o, i, r, l) {
     const n = r != null && r.data ? r.data : "";
     if (r) {
-      const { toggle: c, visibility: a, closed: d } = r, u = c ? X.toggleHeaderGroup : "";
-      this.addText(e, o, t, s, n, u), c && a !== "always" && this.addArrowDiv(l, e, !d, t, s, o, u);
+      const { toggle: a, visibility: c, closed: d } = r, u = a ? Y.toggleHeaderGroup : "";
+      this.addText(e, o, t, s, n, u), a && c !== "always" && this.addArrowDiv(l, e, !d, t, s, o, u);
     } else
       this.addText(e, o, t, s, n, "");
   }
@@ -5025,11 +5350,11 @@ const X = class X {
   addArrowDiv(e, t, s = !0, o = -1, i = -1, r = "header", l) {
     const n = e.createElement("div");
     e.addClass(n, "ge-table-toggle-icon-div"), e.setStyle(n, "display", "inline-block"), e.setStyle(n, "position", ""), e.setStyle(n, "width", "20px"), e.setStyle(n, "background", "transparent"), e.setStyle(n, "cursor", "pointer"), e.setAttribute(n, "data-row-index", `${o}`), e.setAttribute(n, "data-col-index", `${i}`), e.setAttribute(n, "data-area", `${r}`), e.setAttribute(n, "data-ge-action", `${l}`);
-    let c;
-    s ? c = this.headerGroupOptions.iconExpanded : c = this.headerGroupOptions.iconCollapsed;
-    const a = c.content, d = e.createText(a);
-    e.appendChild(n, d), c.style && this.applyStyleString(e, n, c.style);
-    for (const u of c.classes)
+    let a;
+    s ? a = this.headerGroupOptions.iconExpanded : a = this.headerGroupOptions.iconCollapsed;
+    const c = a.content, d = e.createText(c);
+    e.appendChild(n, d), a.style && this.applyStyleString(e, n, a.style);
+    for (const u of a.classes)
       e.addClass(n, u);
     return e.appendChild(t, n), n;
   }
@@ -5041,11 +5366,11 @@ const X = class X {
     }
   }
 };
-X.toggleHeaderGroup = "toggleHeaderGroup";
-let Q = X;
-class rs {
-  constructor(e = "header", t, s = [], o, i = new ie()) {
-    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 Q(this.headerGroupOptions), this.groupExts = T.buildGroupExts(t), this.init();
+Y.toggleHeaderGroup = "toggleHeaderGroup";
+let se = Y;
+class ys {
+  constructor(e = "header", t, s = [], o, i = new le()) {
+    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 se(this.headerGroupOptions), this.groupExts = T.buildGroupExts(t), this.init();
   }
   init() {
     var e;
@@ -5143,24 +5468,24 @@ class rs {
     return t != null && t.toggle && t.visibility !== "always" && (t.closed = !t.closed, this.init()), T.buildColumnDefs(this.groupExts);
   }
 }
-class ns {
+class xs {
   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((d) => d !== o && d !== i && d !== ""), l = r.filter((d) => !d.startsWith(o) && !d.startsWith(i)), n = 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 = !l.length;
+    const o = "+", i = "-", r = t.toLowerCase().split(" ").filter((d) => d !== o && d !== i && d !== ""), l = r.filter((d) => !d.startsWith(o) && !d.startsWith(i)), n = r.filter((d) => d.startsWith(o)).map((d) => d.replace(/\+/g, "")), a = r.filter((d) => d.startsWith(i)).map((d) => d.replace(/-/g, ""));
+    let c = !l.length;
     for (let d = 0; d < l.length; d++)
-      (a || s(e).includes(l[d])) && (a = !0);
-    if (!a)
+      (c || s(e).includes(l[d])) && (c = !0);
+    if (!c)
       return !1;
     for (let d = 0; d < n.length; d++)
       if (!s(e).includes(n[d]))
         return !1;
-    for (let d = 0; d < c.length; d++)
-      if (s(e).includes(c[d]))
+    for (let d = 0; d < a.length; d++)
+      if (s(e).includes(a[d]))
         return !1;
     return !0;
   }
@@ -5170,18 +5495,18 @@ class ns {
     if (!t)
       return [...e];
     t = t.toLowerCase();
-    const o = "+", i = "-", r = t.toLowerCase().split(" ").filter((a) => a !== o && a !== i && a !== ""), l = r.filter((a) => !a.startsWith(o) && !a.startsWith(i)), n = 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) => {
+    const o = "+", i = "-", r = t.toLowerCase().split(" ").filter((c) => c !== o && c !== i && c !== ""), l = r.filter((c) => !c.startsWith(o) && !c.startsWith(i)), n = 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 d = !l.length;
       for (let u = 0; u < l.length; u++)
-        (d || s(a).includes(l[u])) && (d = !0);
+        (d || s(c).includes(l[u])) && (d = !0);
       if (!d)
         return !1;
       for (let u = 0; u < n.length; u++)
-        if (!s(a).includes(n[u]))
+        if (!s(c).includes(n[u]))
           return !1;
-      for (let u = 0; u < c.length; u++)
-        if (s(a).includes(c[u]))
+      for (let u = 0; u < a.length; u++)
+        if (s(c).includes(a[u]))
           return !1;
       return !0;
     });
@@ -5197,19 +5522,19 @@ class ns {
     return t.join(" ").toLowerCase();
   }
 }
-class ls {
+class ws {
   static bodyRenderer(e) {
-    return new k(void 0, e, void 0);
+    return new I(void 0, e, void 0);
   }
 }
-class as {
+class Ss {
   constructor(e, t = !0, s = !1) {
     this.property = e, this.skipCheckableCheck = t, this.readonly = s;
   }
   render(e, t, s, o, i, r, l) {
     if (this.readonly || this.skipCheckableCheck || i.isRowCheckable(t)) {
       l.addClass(e, "ge-table-row-checkbox-div");
-      const n = i.getRowByIndex(t), a = i.getValueByT(n, this.property) === !0 ? "checked" : "", d = this.readonly ? " readonly " : "";
+      const n = i.getRowByIndex(t), c = i.getValueByT(n, this.property) === !0 ? "checked" : "", d = this.readonly ? " readonly " : "";
       if (l.addClass(e, "ge-padding-property-checkbox"), e.innerHTML = `
         <input
           type="checkbox"
@@ -5218,21 +5543,21 @@ class as {
           data-col-index="${s}"
           data-property-index="${this.property}"
           data-input-type="checkbox"
-          ${a}
+          ${c}
           ${d}
           class="ge-input-checkbox">`, !this.readonly) {
         const u = e.querySelector(".ge-input-checkbox");
-        u && u.addEventListener("click", (f, p) => (n[this.property] = !n[this.property], !0));
+        u && u.addEventListener("click", (f, g) => (n[this.property] = !n[this.property], !0));
       }
     }
   }
 }
-class cs {
+class Cs {
   render(e, t, s, o, i, r, l) {
     r && (e.innerText = new Date(r).toISOString());
   }
 }
-class ds {
+class vs {
   constructor() {
     this.formatter = new Intl.DateTimeFormat("de-DE", {
       year: "numeric",
@@ -5255,29 +5580,29 @@ class ds {
     }
   }
 }
-class hs {
+class As {
   render(e, t, s, o, i, r, l) {
     r && (e.innerText = new Date(r).toLocaleDateString());
   }
 }
-class us {
+class Rs {
   render(e, t, s, o, i, r, l) {
     r === "male" || r === "m" ? e.innerText = "♂" : (r === "female" || r === "f") && (e.innerText = "♀");
   }
 }
-class gs {
+class Es {
   constructor(e = 100, t = !1) {
     this.maxValue = e, this.labelVisible = t;
   }
   render(e, t, s, o, i, r, l) {
     if (l.addClass(e, "ge-progressbar-div"), !isNaN(r)) {
-      const c = Number(r) * 100 / this.maxValue, a = this.labelVisible ? Math.round(c) + "%" : "";
+      const a = Number(r) * 100 / this.maxValue, c = 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="${a}"
+          title="${c}"
           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;"
@@ -5285,7 +5610,7 @@ class gs {
                   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;
@@ -5295,17 +5620,17 @@ class gs {
     }
   }
 }
-class ps {
+class Ms {
   render(e, t, s, o, i, r, l) {
     r === "true" || r === !0 ? e.innerHTML = '<span class="ge-true-text-color">✅</span>' : r === "false" || r === !1 ? e.innerHTML = '<span class="ge-false-text-color">❌</span>' : e.innerText = "";
   }
 }
-class fs {
+class Ts {
   render(e, t, s, o, i, r, l) {
     r && (e.innerText = new Date(r).toISOString().replace(/T/g, " ").replace(/\..*/g, ""));
   }
 }
-class ms {
+class Is {
   constructor(e = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
     this.min = e, this.max = t;
   }
@@ -5313,18 +5638,18 @@ class ms {
     r && (e.innerText = r, (typeof r == "string" || isNaN(r) || r < this.min || r > this.max) && l.addClass(e, "ge-cell-error"));
   }
 }
-class bs {
+class ks {
   constructor(e) {
     this.property = e;
   }
   render(e, t, s, o, i, r, l) {
     l.addClass(e, "ge-star-rating-div");
-    const n = i.getRowByIndex(t), c = +("" + i.getValueByT(n, this.property));
-    if (!isNaN(c)) {
-      const a = [];
-      for (let u = 0; u < c; u++)
-        a.push("★");
-      const d = a.join(" ");
+    const n = i.getRowByIndex(t), a = +("" + i.getValueByT(n, this.property));
+    if (!isNaN(a)) {
+      const c = [];
+      for (let u = 0; u < a; u++)
+        c.push("★");
+      const d = c.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}">${d}</div>
@@ -5332,15 +5657,15 @@ class bs {
     }
   }
 }
-class xs {
+class Ds {
   constructor(e, t = 100, s = !1) {
     this.property = e, this.maxValue = t, this.labelVisible = s;
   }
   render(e, t, s, o, i, r, l) {
     l.addClass(e, "ge-star-rating-div");
-    const n = i.getRowByIndex(t), c = +("" + i.getValueByT(n, this.property));
-    if (!isNaN(c)) {
-      const a = c * 100 / this.maxValue, d = this.labelVisible ? Math.round(a) + "%" : "";
+    const n = i.getRowByIndex(t), a = +("" + i.getValueByT(n, this.property));
+    if (!isNaN(a)) {
+      const c = a * 100 / this.maxValue, d = this.labelVisible ? Math.round(c) + "%" : "";
       e.innerHTML = `
           <div class="ge-table-label-div"
           data-row-index="${t}"
@@ -5354,7 +5679,7 @@ class xs {
                   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;
@@ -5364,7 +5689,7 @@ class xs {
     }
   }
 }
-class ws {
+class Fs {
   render(e, t, s, o, i, r, l) {
     if (r) {
       e.innerHTML = `
@@ -5384,7 +5709,7 @@ class ws {
     }
   }
 }
-class nt {
+class Te {
   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;
   }
@@ -5394,16 +5719,16 @@ class $ {
     this.action = e, this.label = t, this.icon = s, this.elementClass = o, this.elementType = i, this.enabled = r;
   }
 }
-class lt {
+class xt {
   constructor(e, t) {
     this.actionEventListener = e, this.crudActions = t;
   }
   render(e, t, s, o, i, r, l) {
     l.addClass(e, "ge-table-row-action-div");
-    const n = r, a = this.getCrudActions(r).map(
+    const n = r, c = this.getCrudActions(r).map(
       (d) => d.elementType === "button" ? this.buildButtonHtml(d, o, t, s, n) : this.buildLinkHtml(d, o, t, s, n)
     );
-    e.innerHTML = a.join(""), this.addClickEventListeners(e, o, i);
+    e.innerHTML = c.join(""), this.addClickEventListeners(e, o, i);
   }
   buildButtonHtml(e, t, s, o, i) {
     const r = e.enabled ? 'data-listen="click"' : "disabled";
@@ -5450,8 +5775,8 @@ class lt {
   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", l = e.getAttribute("data-id") ?? "unknown";
     if (s && o && i) {
-      const n = Y(s), c = Number(o), a = Number(i);
-      return new nt(r, n, t, c, a, l);
+      const n = J(s), a = Number(o), c = Number(i);
+      return new Te(r, n, t, a, c, l);
     }
     return null;
   }
@@ -5459,28 +5784,28 @@ class lt {
     return Array.isArray(e) && e.every((t) => t instanceof $) ? e : this.crudActions;
   }
 }
-const Ss = function(h, e, t) {
+const Ps = function(h, e, t) {
   return h ? Number(h) : "";
 };
-class Ce {
+class Ie {
   constructor(e) {
     this.options = e;
   }
   static create(e) {
-    return new Ce(
-      e.map((t) => new ot(t, t))
+    return new Ie(
+      e.map((t) => new mt(t, t))
     );
   }
   render(e, t, s, o, i, r, l) {
     if (i.isEditable(t, s)) {
       l.addClass(e, "ge-table-row-select-div");
       const n = i.getValueAt(t, s);
-      let c = [];
+      let a = [];
       for (let d of this.options) {
         const u = d.value === n ? " selected " : "";
-        c.push(`<option value="${d.value}" ${u}>${d.label}</option>`);
+        a.push(`<option value="${d.value}" ${u}>${d.label}</option>`);
       }
-      const a = c.join("");
+      const c = a.join("");
       e.innerHTML = `
             <select
                 type="text"
@@ -5492,11 +5817,11 @@ class Ce {
                 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">${a}</select>`;
+                class="ge-table-cell-editor-select">${c}</select>`;
     }
   }
 }
-class ys extends oe {
+class Ls extends ne {
   constructor(e) {
     super("row", "multi"), this.model = e;
   }
@@ -5579,39 +5904,39 @@ class ys extends oe {
     this.isSelected(e, 0) ? this.unselectRow(e) : this.selectRow(e);
   }
 }
-class Cs {
+class $s {
   constructor(e, t, s) {
     this.r = e, this.g = t, this.b = s;
   }
 }
-class be {
+class Se {
   constructor(e, t, s, o) {
     this.minValue = e, this.minColor = t, this.maxValue = s, this.maxColor = o;
   }
 }
-class G {
+class j {
   static normalize(e, t, s, o = 0, i = 1) {
     return (e - t) / (s - t) * (i - o) + o;
   }
   static getTwoColorGradientRGB(e, t) {
-    const s = G.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, l = o * s + t.minColor.r, n = i * s + t.minColor.g, c = r * s + t.minColor.b;
-    return `rgb(${Math.round(l)}, ${Math.round(n)}, ${Math.round(c)})`;
+    const s = j.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, l = o * s + t.minColor.r, n = i * s + t.minColor.g, a = r * s + t.minColor.b;
+    return `rgb(${Math.round(l)}, ${Math.round(n)}, ${Math.round(a)})`;
   }
   static getThreeColorGradientRGB(e, t) {
-    return e < t.middleValue ? G.getTwoColorGradientRGB(e, new be(t.minValue, t.minColor, t.middleValue, t.middleColor)) : e > t.middleValue ? G.getTwoColorGradientRGB(e, new be(t.middleValue, t.middleColor, t.maxValue, t.maxColor)) : `rgb(${t.middleColor.r}, ${t.middleColor.g}, ${t.middleColor.b})`;
+    return e < t.middleValue ? j.getTwoColorGradientRGB(e, new Se(t.minValue, t.minColor, t.middleValue, t.middleColor)) : e > t.middleValue ? j.getTwoColorGradientRGB(e, new Se(t.middleValue, t.middleColor, t.maxValue, t.maxColor)) : `rgb(${t.middleColor.r}, ${t.middleColor.g}, ${t.middleColor.b})`;
   }
 }
-class vs {
+class Os {
   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 at {
+class wt {
   constructor(e = !0, t = !0, s = (r, l) => r * 10 + 10, o = 50, i = 450) {
     this.autoCalc = e, this.takeHeaderLabelsIntoAccount = t, this.charCountToWidth = s, this.minWidth = o, this.maxWidth = i;
   }
 }
-class ct {
+class St {
   constructor(e) {
     this.object = e;
   }
@@ -5623,7 +5948,7 @@ class ct {
         ${this.generateHtmlTable(this.object)}
       </div>
       <div class="ge-table-dialog-footer">
-        <button class="ge-table-dialog-footer-close-button" style="">Close</button>
+        <button class="ge-table-dialog-footer-close-button primary" style="">Close</button>
       </div>
     `, document.body.appendChild(e), e.querySelector(".ge-table-dialog-footer-close-button").addEventListener("click", () => {
       e.close("close"), e.remove();
@@ -5663,7 +5988,89 @@ class ct {
     return s.join("");
   }
 }
-class dt {
+class Q {
+  constructor(e, t, s = "Edit Item") {
+    this.idKey = e, this.dialogTitle = s, this.object = { ...t };
+  }
+  openDialog(e) {
+    const t = document.createElement("dialog");
+    t.classList.add("ge-table-crud-object-edit"), t.innerHTML = `
+      <div class="ge-table-dialog-header">${this.dialogTitle}</div>
+      <div class="ge-table-dialog-content">
+        ${this.generateForm(this.object)}
+      </div>
+      <div class="ge-table-dialog-footer">
+        <button class="ge-table-dialog-footer-save-button primary">Save</button>
+        <button class="ge-table-dialog-footer-cancel-button">Cancel</button>
+      </div>
+    `, document.body.appendChild(t);
+    const s = t.querySelector(".ge-table-dialog-footer-save-button"), o = t.querySelector(".ge-table-dialog-footer-cancel-button");
+    s.addEventListener("click", () => {
+      const i = t.querySelector("form"), r = new FormData(i);
+      for (const [l, n] of r)
+        this.setNestedValue(this.object, l, n);
+      e(this.object), t.close(), t.remove();
+    }), o.addEventListener("click", () => {
+      t.close(), t.remove();
+    }), t.showModal();
+  }
+  generateForm(e, t = "") {
+    const s = [];
+    for (const o in e) {
+      if (!e.hasOwnProperty(o) || this.idKey === o)
+        continue;
+      const i = this.getCombinedKey(t, o), r = this.getLabel(i), l = e[o];
+      if (typeof l == "object" && l !== null)
+        s.push(this.generateForm(l, i));
+      else {
+        let n;
+        typeof l == "string" ? n = `<input type="text" id="${i}" name="${i}" value="${l}" />` : typeof l == "number" ? n = `<input type="number" id="${i}" name="${i}" value="${l}" />` : typeof l == "boolean" ? n = `<input type="checkbox" id="${i}" name="${i}" ${l ? "checked" : ""} />` : n = `<input type="text" id="${i}" name="${i}" value="${l}" />`, s.push(`
+        <div class="form-field">
+          <label for="${i}">${r}</label>
+          ${n}
+        </div>
+      `);
+      }
+    }
+    return `<form>${s.join("")}</form>`;
+  }
+  /*
+    private generateForm(obj: any, parentKey: string = ''): string {
+      const fields: string[] = [];
+      for (const property in obj) {
+        if (!obj.hasOwnProperty(property)) continue;
+        const combinedKey = this.getCombinedKey(parentKey, property);
+        const label = this.getLabel(combinedKey);
+        const value = obj[property];
+        if (typeof value === 'object' && value !== null) {
+          fields.push(this.generateForm(value, combinedKey));
+        } else {
+          fields.push(`
+            <div class="form-field">
+              <label for="${combinedKey}">${label}</label>
+              <input type="text" id="${combinedKey}" name="${combinedKey}" value="${value}" />
+            </div>
+          `);
+        }
+      }
+      return `<form>${fields.join('')}</form>`;
+    }
+  */
+  setNestedValue(e, t, s) {
+    const o = t.split(".");
+    let i = e;
+    for (let r = 0; r < o.length - 1; r++)
+      i[o[r]] || (i[o[r]] = {}), i = i[o[r]];
+    i[o[o.length - 1]] = s;
+  }
+  getCombinedKey(e, t) {
+    return e ? `${e}.${t}` : t;
+  }
+  getLabel(e) {
+    return e.replace(/\./g, " ");
+  }
+}
+class Ct {
   constructor() {
     this.urls = {
       list: {
@@ -5675,10 +6082,11 @@ class dt {
       new $("EDIT", "Edit", "", "", "link"),
       new $("CLONE", "Clone", "", "", "link"),
       new $("DELETE", "Delete", "", "", "link")
+      // new CrudAction('CREATE', 'Create', '', '', 'link'),
     ], this.tableActions = [
       new $("CREATE", "Create", "", "", "button"),
       new $("DELETE_SELECTED", "Delete Selected", "", "", "button")
-    ], this.autoAddActionColumn = !0, this.columnWidths = new at(), this.calcFixedRightColumnCount = (e) => e > 6 ? 1 : 0, this.getHeadersInit = () => ({}), this.getIdByObject = (e) => "id" in e ? e.id : e, this.fetchList = (e) => {
+    ], this.autoAddActionColumn = !0, this.columnWidths = new wt(), 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, {
@@ -5695,6 +6103,26 @@ class dt {
         headers: s,
         method: i
       }).then((n) => n.json());
+    }, this.updateItem = (e, t, s) => {
+      var l, n;
+      const o = e.getHeadersInit ? e.getHeadersInit() : {};
+      let i = ((l = e.urls.update) == null ? void 0 : l.url) ?? "";
+      i = i.replace("{id}", t);
+      let r = ((n = e.urls.update) == null ? void 0 : n.method) ?? "PATCH";
+      return fetch(i, {
+        headers: o,
+        method: r,
+        body: JSON.stringify(s)
+      }).then((a) => a.json());
+    }, this.createItem = (e, t) => {
+      var r, l;
+      const s = e.getHeadersInit ? e.getHeadersInit() : {};
+      let o = ((r = e.urls.create) == null ? void 0 : r.url) ?? "", i = ((l = e.urls.create) == null ? void 0 : l.method) ?? "POST";
+      return fetch(o, {
+        headers: s,
+        method: i,
+        body: JSON.stringify(t)
+      }).then((n) => n.json());
     }, this.deleteItem = (e, t) => {
       var r, l;
       const s = e.getHeadersInit ? e.getHeadersInit() : {};
@@ -5705,88 +6133,131 @@ class dt {
         headers: s,
         method: i
       }).then((n) => n.json());
-    }, this.getId = (e) => e.id;
+    }, this.getEmptyItem = () => {
+    };
   }
 }
-class As {
+class _s {
   constructor() {
-    this.crudOptions = new dt(), this.listenActionEvent = (e) => {
+    this.crudOptions = new Ct(), this.listenActionEvent = (e) => {
     };
   }
   createTableModel(e, t, s = (i) => {
   }, o = (i) => {
   }) {
     this.crudOptions = e, this.listenActionEvent = o, e.fetchList(e).then((i) => {
-      var r, l;
+      var r, l, n, a;
       if (t.rows = i, i != null && i.length) {
-        const n = this.extractProperties(i[0]), c = new oe("row", "multi"), a = () => c;
+        const c = (r = t.columnDefs) != null && r.length ? t.columnDefs.map((x) => x.property) : this.extractProperties(i[0]), d = new ne("row", "multi"), u = () => d;
         this.tableOptions = {
-          ...new z(),
+          ...new U(),
           ...t.tableOptions,
           hoverColumnVisible: !1,
-          getSelectionModel: a
+          getSelectionModel: u
         };
-        const d = this.calcAutoColumnWidths(i, n), u = (r = t.columnDefs) != null && r.length ? t.columnDefs : n.map((g, b) => new O(g, g.toUpperCase(), new x(d[b], "px")));
+        const f = this.calcAutoColumnWidths(i, c), g = (l = t.columnDefs) != null && l.length ? t.columnDefs : c.map((x, S) => new B(x, x.toUpperCase(), new y(f[S], "px")));
+        if ((n = e == null ? void 0 : e.columnWidths) != null && n.autoCalc)
+          for (let x = 0; x < g.length; x++) {
+            const S = g[x];
+            S.width = new y(f[x], "px");
+          }
         if (e.autoAddActionColumn) {
-          let g = new O(
+          let x = new B(
             "id",
             "Actions",
-            Je,
-            new k(["ge-table-text-align-left"], ["ge-table-text-align-left ge-table-actions-cell"], void 0)
+            dt,
+            new I(["ge-table-text-align-left"], ["ge-table-text-align-left ge-table-actions-cell"], void 0)
           );
-          g.rendererMap = new k(
+          x.rendererMap = new I(
             void 0,
-            new lt(this, e.singleRowActions),
+            new xt(this, e.singleRowActions),
             void 0
-          ), u.push(g);
+          ), g.push(x);
         }
-        const f = 0, p = e.calcFixedRightColumnCount(u.length);
+        const m = 0, p = e.calcFixedRightColumnCount(g.length);
         this.tableModel = _.buildByTypedRowsParam({
           rows: i,
-          columnDefs: u,
+          columnDefs: g,
           tableOptions: this.tableOptions,
-          fixedLeftColumnCount: f,
+          fixedLeftColumnCount: m,
           fixedRightColumnCount: p
-        }), this.tableModel.getSelectionModel = a, this.bodyModel = (l = this.tableModel) == null ? void 0 : l.getBodyModel();
-        const m = new tt(this.tableModel, this.tableOptions);
-        s(m);
+        }), this.tableModel.getSelectionModel = u, this.bodyModel = (a = this.tableModel) == null ? void 0 : a.getBodyModel();
+        const b = new gt(this.tableModel, this.tableOptions);
+        s(b);
       }
     });
   }
+  openDialogForCreate() {
+    if (this.bodyModel) {
+      const e = new Te("CREATE", "body", this.bodyModel, -1, -1, null);
+      this.onActionEvent(e);
+    }
+  }
   onActionEvent(e) {
-    var t, s;
+    var t, s, o, i;
     if (this.listenActionEvent && this.listenActionEvent(e), e.action === "VIEW") {
-      let o = e.id;
-      (t = this.crudOptions) == null || t.fetchItem(this.crudOptions, o).then((i) => (console.info(i), new ct(i).openDialog(), i));
+      let r = e.id;
+      (t = this.crudOptions) == null || t.fetchItem(this.crudOptions, r).then((l) => (console.info(l), new St(l).openDialog(), l));
+    } else if (e.action === "EDIT") {
+      let r = e.id;
+      const l = this.crudOptions.getIdKey() ?? "id";
+      (s = this.crudOptions) == null || s.fetchItem(this.crudOptions, r).then((n) => (console.info(n), new Q(
+        l,
+        n
+      ).openDialog((a) => {
+        console.info(a), this.crudOptions.updateItem(this.crudOptions, r, a);
+      }), n));
+    } else if (e.action === "CLONE") {
+      let r = e.id;
+      const l = this.crudOptions.getIdKey() ?? "id";
+      (o = this.crudOptions) == null || o.fetchItem(this.crudOptions, r).then((n) => {
+        const a = JSON.parse(JSON.stringify(n));
+        return new Q(
+          l,
+          a,
+          "Clone Item"
+        ).openDialog((c) => {
+          console.info(c), this.crudOptions.createItem(this.crudOptions, c);
+        }), a;
+      });
+    } else if (e.action === "CREATE") {
+      const r = this.crudOptions.getIdKey() ?? "id", l = JSON.parse(JSON.stringify(this.crudOptions.getEmptyItem()));
+      return new Q(
+        r,
+        l,
+        "Create Item"
+      ).openDialog((n) => {
+        console.info(n), this.crudOptions.createItem(this.crudOptions, l);
+      }), l;
     } else if (e.action === "DELETE") {
-      let o = e.id;
-      (s = this.crudOptions) == null || s.deleteItem(this.crudOptions, o).then((i) => {
-        var r, l, n, c, a;
-        return (r = this.bodyModel) == null || r.filterRowsByPredict((d) => d.id != o), (n = (l = this.tableModel) == null ? void 0 : l.getTableScope()) == null || n.clearSelection(!0), (a = (c = this.tableModel) == null ? void 0 : c.getTableScope()) == null || a.repaintHard(), i;
+      let r = e.id;
+      (i = this.crudOptions) == null || i.deleteItem(this.crudOptions, r).then((l) => {
+        var n, a, c, d, u;
+        return (n = this.bodyModel) == null || n.filterRowsByPredict((f) => f.id != r), (c = (a = this.tableModel) == null ? void 0 : a.getTableScope()) == null || c.clearSelection(!0), (u = (d = this.tableModel) == null ? void 0 : d.getTableScope()) == null || u.repaintHard(), l;
       });
     }
   }
   calcAutoColumnWidths(e, t, s = t) {
-    var c;
+    var a;
     const o = t.length;
-    if (!((c = this.crudOptions.columnWidths) != null && c.autoCalc))
+    if (!((a = this.crudOptions.columnWidths) != null && a.autoCalc))
       return new Array(o).fill(200);
     const i = e.length ?? 0, r = new Array(o).fill(0);
-    for (let a = 0; a < i; a++)
+    for (let c = 0; c < i; c++)
       for (let d = 0; d < o; d++) {
-        const u = t[d], f = this.getValueByT(e[a], u), p = (f == null ? void 0 : f.toString().length) || 0;
-        p > r[d] && (r[d] = p);
+        const u = t[d], f = this.getValueByT(e[c], u), g = (f == null ? void 0 : f.toString().length) || 0;
+        g > r[d] && (r[d] = g);
       }
     if (this.crudOptions.columnWidths.takeHeaderLabelsIntoAccount)
-      for (let a = 0; a < o; a++) {
-        const d = s[a].length || 0;
-        d > r[a] && (r[a] = d);
+      for (let c = 0; c < o; c++) {
+        const d = s[c].length || 0;
+        d > r[c] && (r[c] = d);
       }
     const l = this.crudOptions.columnWidths.minWidth, n = this.crudOptions.columnWidths.maxWidth;
-    return r.map((a, d) => Math.min(
+    return r.map((c, d) => Math.min(
       n,
       Math.max(
-        this.crudOptions.columnWidths.charCountToWidth(a, d),
+        this.crudOptions.columnWidths.charCountToWidth(c, d),
         l
       )
     ));
@@ -5807,160 +6278,173 @@ class As {
     return s;
   }
 }
-class Rs {
+class Bs {
   constructor(e, t) {
     this.method = e, this.url = t;
   }
 }
 export {
-  re as AbstractAreaModel,
-  nt as ActionEvent,
-  lt as ActionsCellRenderer,
-  es as AreaMapFactory,
-  is as AreaModel,
+  ae as AbstractAreaModel,
+  Te as ActionEvent,
+  xt as ActionsCellRenderer,
+  Ce as AnyPropertyType,
+  ps as AreaMapFactory,
+  bs as AreaModel,
   D as AreaModelArrayOfArrays,
-  rs as AreaModelCellGroups,
+  ys as AreaModelCellGroups,
   F as AreaModelHidden,
-  et as AreaModelObjectArray,
-  fe as AreaModelObjectArrayWithColumndefs,
-  ue as AreaModelTree,
-  k as AreaObjectMap,
-  os as AutoRestoreOptions,
-  ut as AvoidDoubleExecution,
-  it as CellGroup,
-  rt as CellGroupExt,
-  Q as CellGroupExtCellRenderer,
+  pt as AreaModelObjectArray,
+  xe as AreaModelObjectArrayWithColumndefs,
+  me as AreaModelTree,
+  I as AreaObjectMap,
+  G as ArrayPropertyType,
+  ms as AutoRestoreOptions,
+  At as AvoidDoubleExecution,
+  Le as BooleanPropertyType,
+  bt as CellGroup,
+  yt as CellGroupExt,
+  se as CellGroupExtCellRenderer,
   R as CellRange,
   T as CellgroupFactory,
-  as as CheckboxBooleanPropertyCellRenderer,
-  me as CheckboxCellRenderer,
-  Qt as CheckboxColumnDef,
-  Qe as CheckboxModel,
-  Ut as ChunkData,
-  Pe as ColAndRowspanModel,
-  Ie as CollapsedExpandedData,
-  Cs as ColorRgb,
-  O as ColumnDef,
-  at as ColumnWidths,
-  Re as ConvenienceDomService,
-  U as CopyService,
+  Ss as CheckboxBooleanPropertyCellRenderer,
+  we as CheckboxCellRenderer,
+  us as CheckboxColumnDef,
+  ut as CheckboxModel,
+  is as ChunkData,
+  Xe as ColAndRowspanModel,
+  Ge as CollapsedExpandedData,
+  $s as ColorRgb,
+  B as ColumnDef,
+  wt as ColumnWidths,
+  Be as ConvenienceDomService,
+  X as CopyService,
   $ as CrudAction,
-  ct as CrudObjectView,
-  dt as CrudOptions,
-  As as CrudTableModelFactory,
-  ae as CssVars,
-  ds as DateToIntlDDMMYYYYCellRenderer,
-  cs as DateToIsoCellRenderer,
-  hs as DateToLocaleDateCellRenderer,
-  fs as DateToTecCellRenderer,
-  V as DefaultRowHeights,
-  Le as EleScope,
-  le as EventAdapter,
-  Ke as ExcelService,
-  de as FalseFn,
-  Ue as FocusModel,
-  Be as GeCellIndices,
-  G as GeCssColorUtil,
-  ns as GeFilterService,
-  ts as GeKeyEvent,
-  se as GeModelChangeEvent,
-  ee as GeMouseEvent,
-  L as GeoData,
-  P as Icon,
-  jt as IndexAndPx,
-  ze as InputCellRenderer,
-  Oe as InputHandler,
-  B as LicenseManager,
-  us as MaleFemaleToIconCellRenderer,
-  Me as MouseHandler,
-  Ee as MouseTargetData,
-  ys as MultiRowsSelectionModel,
-  gs as NumberCellProgressBarCellRenderer,
-  ms as NumberCellRenderer,
-  Ve as OsxShortcutActionIdMapping,
-  pe as Padding,
-  ws as PositiveAndNegativeNumberRenderer,
-  xs as ProgressBarCellRenderer,
-  $e as RenderScope,
-  ls as Renderer,
-  st as RequestChunk,
-  Ye as ResizeHandler,
-  Ce as SelectCellRenderer,
-  oe as SelectionModel,
-  He as SelectionService,
-  Ne as ShortcutService,
-  Ge as SimpleDomService,
-  x as Size,
-  _e as SortItem,
-  we as SortedOptions,
-  bs as StarRatingCellRenderer,
-  De as StoreStateCollapsedExpandService,
-  ke as StoreStateScrollPosService,
-  Fe as StoreStateSortingService,
-  Te as TableApi,
-  ss as TableCellUpdateEvent,
+  Q as CrudObjectEdit,
+  St as CrudObjectView,
+  Ct as CrudOptions,
+  _s as CrudTableModelFactory,
+  ue as CssVars,
+  vs as DateToIntlDDMMYYYYCellRenderer,
+  Cs as DateToIsoCellRenderer,
+  As as DateToLocaleDateCellRenderer,
+  Ts as DateToTecCellRenderer,
+  N as DefaultRowHeights,
+  Ue as EleScope,
+  he as EventAdapter,
+  at as ExcelService,
+  ge as FalseFn,
+  it as FocusModel,
+  qe as GeCellIndices,
+  j as GeCssColorUtil,
+  xs as GeFilterService,
+  gs as GeKeyEvent,
+  re as GeModelChangeEvent,
+  oe as GeMouseEvent,
+  P as GeoData,
+  L as Icon,
+  rs as IndexAndPx,
+  ot as InputCellRenderer,
+  Je as InputHandler,
+  H as LicenseManager,
+  Rs as MaleFemaleToIconCellRenderer,
+  Ve as MouseHandler,
+  He as MouseTargetData,
+  Ls as MultiRowsSelectionModel,
+  De as NullPropertyType,
+  Es as NumberCellProgressBarCellRenderer,
+  Is as NumberCellRenderer,
+  Pe as NumberPropertyType,
+  O as ObjectPropertyType,
+  et as OsxShortcutActionIdMapping,
+  ye as Padding,
+  Fs as PositiveAndNegativeNumberRenderer,
+  Ds as ProgressBarCellRenderer,
+  ve as PropertyItem,
+  Oe as PropertyItemTreeService,
+  Ke as RenderScope,
+  ws as Renderer,
+  ft as RequestChunk,
+  lt as ResizeHandler,
+  Rt as SchemeGenerator,
+  Ie as SelectCellRenderer,
+  ne as SelectionModel,
+  Ze as SelectionService,
+  tt as ShortcutService,
+  st as SimpleDomService,
+  y as Size,
+  Ye as SortItem,
+  Re as SortedOptions,
+  ks as StarRatingCellRenderer,
+  ze as StoreStateCollapsedExpandService,
+  Ne as StoreStateScrollPosService,
+  je as StoreStateSortingService,
+  Fe as StringPropertyType,
+  We as TableApi,
+  fs as TableCellUpdateEvent,
   _ as TableFactory,
-  q as TableModel,
-  tt as TableModelAndOptions,
-  z as TableOptions,
-  Se as TableScope,
-  vs as ThreeColorGradientArg,
-  ge as TreeCheckboxModel,
-  Z as TreeFactory,
-  xe as TreeOptions,
-  ce as TreeRow,
-  Ze as TreeRowService,
-  ps as TrueFalseCellRenderer,
-  qe as TrueFn,
-  be as TwoColorGradientArg,
-  Rs as UrlInfo,
-  ot as ValueLabel,
-  We as WindowsShortcutActionIdMapping,
-  zt as actionIds,
-  Jt as allCenter,
-  qt as allLeft,
-  Zt as allRight,
-  Yt as bodyCenter,
-  Xt as bodyLeft,
-  Kt as bodyRight,
-  ve as debounce,
-  Ss as editInputPipeForNumber,
-  Y as getAreaIdentByString,
-  J as isAreaModelTree,
-  Ae as isCheckboxColumnDef,
+  Z as TableModel,
+  gt as TableModelAndOptions,
+  U as TableOptions,
+  Ee as TableScope,
+  Os as ThreeColorGradientArg,
+  be as TreeCheckboxModel,
+  te as TreeFactory,
+  Ae as TreeOptions,
+  pe as TreeRow,
+  ht as TreeRowService,
+  Ms as TrueFalseCellRenderer,
+  ct as TrueFn,
+  Se as TwoColorGradientArg,
+  de as UndefinedPropertyType,
+  Bs as UrlInfo,
+  $e as ValueInfo,
+  mt as ValueLabel,
+  Qe as WindowsShortcutActionIdMapping,
+  os as actionIds,
+  ds as allCenter,
+  cs as allLeft,
+  hs as allRight,
+  ls as bodyCenter,
+  ns as bodyLeft,
+  as as bodyRight,
+  ke as debounce,
+  Ps as editInputPipeForNumber,
+  J as getAreaIdentByString,
+  ee as isAreaModelTree,
+  _e as isCheckboxColumnDef,
   W as isTreeRow,
-  Gt as px0,
-  Nt as px10,
-  Lt as px100,
-  Ft as px110,
-  Dt as px120,
-  It as px130,
-  kt as px140,
-  Tt as px150,
-  Mt as px160,
-  Et as px170,
-  Rt as px180,
-  At as px190,
-  Vt as px20,
-  he as px200,
-  vt as px210,
-  Ct as px220,
-  yt as px230,
-  St as px240,
-  wt as px250,
-  xt as px260,
-  bt as px270,
-  mt as px280,
-  ft as px290,
-  Wt as px30,
-  Je as px300,
-  Ht as px40,
-  pt as px400,
-  Bt as px50,
-  gt as px500,
-  Ot as px60,
-  _t as px70,
-  $t as px80,
-  Pt as px90,
-  ht as throttle
+  ss as px0,
+  ts as px10,
+  Ut as px100,
+  jt as px110,
+  zt as px120,
+  Gt as px130,
+  Nt as px140,
+  Wt as px150,
+  Vt as px160,
+  Ht as px170,
+  Bt as px180,
+  _t as px190,
+  es as px20,
+  fe as px200,
+  Ot as px210,
+  $t as px220,
+  Lt as px230,
+  Pt as px240,
+  Ft as px250,
+  Dt as px260,
+  kt as px270,
+  It as px280,
+  Tt as px290,
+  Qt as px30,
+  dt as px300,
+  Zt as px40,
+  Mt as px400,
+  qt as px50,
+  Et as px500,
+  Jt as px60,
+  Yt as px70,
+  Kt as px80,
+  Xt as px90,
+  vt as throttle
 };