@guiexpert/table 1.1.66 → 1.1.68

package/index.js

@@ -25,43 +25,43 @@ function Ht(d = 500) {
     }, s;
   };
 }
-const ke = "any", z = "undefined", De = "null", Pe = "string", ae = "number", ce = "boolean", Fe = "Array", j = "object", K = [De, z, ke];
-class Le {
+const De = "any", j = "undefined", Pe = "null", Fe = "string", ce = "number", de = "boolean", Le = "Array", U = "object", X = [Pe, j, De];
+class Oe {
   constructor(e) {
-    this.propertyName = e, this.type = ke;
+    this.propertyName = e, this.type = De;
   }
 }
-class te {
+class se {
   constructor(e) {
-    this.propertyName = e, this.type = z;
+    this.propertyName = e, this.type = j;
   }
 }
 class ze {
   constructor(e) {
-    this.propertyName = e, this.type = De;
+    this.propertyName = e, this.type = Pe;
   }
 }
 class je {
   constructor(e) {
-    this.propertyName = e, this.type = Pe;
+    this.propertyName = e, this.type = Fe;
   }
 }
 class Ue {
   constructor(e) {
-    this.propertyName = e, this.type = ae;
+    this.propertyName = e, this.type = ce;
   }
 }
 class Ye {
   constructor(e) {
-    this.propertyName = e, this.type = ce;
+    this.propertyName = e, this.type = de;
   }
 }
-class B {
+class H {
   constructor(e, t = []) {
-    this.propertyName = e, this.items = t, this.type = Fe;
+    this.propertyName = e, this.items = t, this.type = Le;
   }
 }
-class Oe {
+class $e {
   constructor(e, t = []) {
     this.propertyName = e, this.types = t;
   }
@@ -71,7 +71,7 @@ class Oe {
 }
 class D {
   constructor(e, t, s = []) {
-    this.propertyName = e, this.className = t, this.properties = s, this.type = j;
+    this.propertyName = e, this.className = t, this.properties = s, this.type = U;
   }
 }
 class Vt {
@@ -100,8 +100,8 @@ class Vt {
     const s = [];
     if (!this.rootPropertyType)
       return s;
-    if (e instanceof B) {
-      const o = e.items.find((i) => i.type === j);
+    if (e instanceof H) {
+      const o = e.items.find((i) => i.type === U);
       if (o && o instanceof D) {
         const i = o.properties;
         s.push("  const columnDefs: ColumnDefIf[] = ["), this.iteratePropertyItems(s, i, ""), s.push("  ];");
@@ -111,7 +111,7 @@ class Vt {
   }
   iteratePropertyItems(e, t, s = "") {
     for (let o = 0; o < t.length; o++) {
-      let r = t[o].types.filter((n) => !K.includes(n.type));
+      let r = t[o].types.filter((n) => !X.includes(n.type));
       if (r.length === 1) {
         let n = r[0];
         const l = s ? [s, n.propertyName].join(".") : n.propertyName;
@@ -119,20 +119,20 @@ class Vt {
           this.iteratePropertyItems(e, n.properties, l);
         else {
           let a = "";
-          if (n instanceof B) {
-            const p = n.items.find((m) => m.type === j);
+          if (n instanceof H) {
+            const p = n.items.find((m) => m.type === U);
             p && p instanceof D && (a = p.className);
           }
           const c = this.getReadableColumnLabel(l);
           let h = 100, u = "", f = "ge-table-text-align-left";
-          if (n.type === Fe) {
+          if (n.type === Le) {
             if (this.allowCustomRenderer && a) {
               const p = `${a}ArrayCellRenderer`;
               u = `      bodyRenderer: new ${p}(),`, f = "", this.renderCumstomCellRenderer(a, p);
             } else
               u = "      bodyRenderer: new SimpleArrayCellRenderer(),";
             h = 250;
-          } else n.type === ae ? (u = "      bodyRenderer: new NumberCellRenderer(),", f = "ge-table-text-align-right") : n.type === ce && (u = "      bodyRenderer: new TrueFalseCellRenderer(),", f = "ge-table-text-align-center", h = 80);
+          } else n.type === ce ? (u = "      bodyRenderer: new NumberCellRenderer(),", f = "ge-table-text-align-right") : n.type === de && (u = "      bodyRenderer: new TrueFalseCellRenderer(),", f = "ge-table-text-align-center", h = 80);
           e.push(`    ColumnDef.create({
       property: "${l}",
       headerLabel: "${c}",
@@ -194,7 +194,7 @@ export class ${t} implements CellRendererIf {
     `);
   }
 }
-class be {
+class ye {
   /**
    *
    *  Fixes an invalid json like this:
@@ -262,17 +262,17 @@ class be {
 }
 class Ke {
   constructor() {
-    this.property = "", this.value = "", this.path = "", this.propertyItem = new Oe("", [new Le("")]);
+    this.property = "", this.value = "", this.path = "", this.propertyItem = new $e("", [new Oe("")]);
   }
   toString() {
     var e;
     return `${this.path} -> : ${((e = this.propertyItem) == null ? void 0 : e.toString()) ?? ""}`;
   }
 }
-const ye = "Entity";
+const we = "Entity";
 function Xe(d) {
   let e = Je(qe(d));
-  return e.includes(ye) || (e = e + ye), e;
+  return e.includes(we) || (e = e + we), e;
 }
 function Je(d) {
   if (!d || d.length === 0) return d;
@@ -372,7 +372,7 @@ class Wt {
   json2PropertyType(e, t = "") {
     let s;
     if (typeof e == "string") {
-      const o = new be().fixJSON(e);
+      const o = new ye().fixJSON(e);
       s = this.json2Object(o);
     } else
       s = e;
@@ -488,7 +488,7 @@ class Wt {
   json2ValueInfos(e, t = "") {
     let s;
     if (typeof e == "string") {
-      const o = new be().fixJSON(e);
+      const o = new ye().fixJSON(e);
       s = this.json2Object(o);
     } else
       s = e;
@@ -512,10 +512,10 @@ class Wt {
         const r = s.get(i);
         if (r) {
           let n = !1;
-          const l = r.propertyItem.types.filter((a) => !K.includes(a.type));
+          const l = r.propertyItem.types.filter((a) => !X.includes(a.type));
           if (l.length === 1) {
             const a = l[0];
-            if (a instanceof B) {
+            if (a instanceof H) {
               n = !0;
               for (const c of o.propertyItem.types)
                 a.items.push(c);
@@ -527,7 +527,7 @@ class Wt {
         }
       }
     }
-    return t || new Le("");
+    return t || new Oe("");
   }
   logValueInfos(e) {
     for (let t = 0; t < e.length; t++) {
@@ -557,7 +557,7 @@ class Wt {
           const l = this.getFirstValueInfoByPath(e, n);
           if (Array.isArray(l == null ? void 0 : l.value)) {
             const a = (l == null ? void 0 : l.value.length) ?? 0, c = this.countPath(e, i.path);
-            a > c && (i.propertyItem.types.some((h) => h.type === z) || i.propertyItem.types.push(new te(i.property)));
+            a > c && (i.propertyItem.types.some((h) => h.type === j) || i.propertyItem.types.push(new se(i.property)));
           }
         }
       }
@@ -580,7 +580,7 @@ class Wt {
     const s = [], o = (i, r, n) => {
       const l = new Ke();
       let a = r.split("/").pop() || "";
-      if (a === "[]" ? a = n : a === "root" && (a = t), l.property = a, l.value = i, l.path = r, l.propertyItem = this.createPropertyItem(i, l.property), s.push(l), i && typeof i === j && !Array.isArray(i)) {
+      if (a === "[]" ? a = n : a === "root" && (a = t), l.property = a, l.value = i, l.path = r, l.propertyItem = this.createPropertyItem(i, l.property), s.push(l), i && typeof i === U && !Array.isArray(i)) {
         for (const c in i)
           if (i.hasOwnProperty(c)) {
             const h = r ? `${r}/${c}` : c;
@@ -594,12 +594,12 @@ class Wt {
     return o(e, "root", t), s.sort((i, r) => i.path.localeCompare(r.path));
   }
   createPropertyItem(e, t) {
-    return new Oe(t, [
+    return new $e(t, [
       this.createPropertyType(e, t)
     ]);
   }
   createPropertyType(e, t) {
-    return e === null ? new ze(t) : e === void 0 ? new te(t) : typeof e === Pe ? new je(t) : typeof e === ae && !isNaN(e) ? new Ue(t) : typeof e === ce ? new Ye(t) : Array.isArray(e) ? new B(t) : typeof e === j ? new D(t, Xe(t)) : new te(t);
+    return e === null ? new ze(t) : e === void 0 ? new se(t) : typeof e === Fe ? new je(t) : typeof e === ce && !isNaN(e) ? new Ue(t) : typeof e === de ? new Ye(t) : Array.isArray(e) ? new H(t) : typeof e === U ? new D(t, Xe(t)) : new se(t);
   }
 }
 class Nt {
@@ -620,7 +620,7 @@ class Nt {
   }
   renderTypeScriptInterfacesRecursive(e = this.rootPropertyType, t = [], s = this.rootName) {
     if (!e) return t;
-    if (e instanceof B) {
+    if (e instanceof H) {
       for (const o of e.items)
         if (this.renderTypeScriptInterfacesRecursive(o, t, s), o instanceof D) {
           const i = o;
@@ -638,7 +638,7 @@ class Nt {
           for (const a of r.types)
             if (a instanceof D)
               a !== this.rootPropertyType && this.renderTypeScriptInterfacesFifo.push(a);
-            else if (a instanceof B)
+            else if (a instanceof H)
               for (const c of a.items)
                 c instanceof D && this.renderTypeScriptInterfacesFifo.push(c);
         }
@@ -651,11 +651,11 @@ class Nt {
     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 !== z).sort((i, r) => K.includes(i) ? 100 : K.includes(r) ? -100 : i.localeCompare(r)).join(this.orOperator);
+    const t = e.types.map((i) => this.renderType(i, e)).filter((i) => i !== j).sort((i, r) => X.includes(i) ? 100 : X.includes(r) ? -100 : i.localeCompare(r)).join(this.orOperator);
     return t.includes(this.orOperator) ? "(" + t + ")" : t;
   }
   renderType(e, t) {
-    if (e instanceof B) {
+    if (e instanceof H) {
       const s = e.items.map((o) => this.renderType(o, t)).join(this.orOperator);
       return s.includes(this.orOperator) ? `(${s})[]` : `${s}[]`;
     }
@@ -663,18 +663,18 @@ class Nt {
   }
   containsUndefinedPropertyType(e) {
     for (const t of e.types)
-      if (t.type === z) return !0;
+      if (t.type === j) return !0;
     return !1;
   }
 }
-class V {
+class W {
   // The constructor is private to prevent direct construction calls
   // with the `new` operator
   constructor() {
     this.alreadySet = !1;
   }
   static getInstance() {
-    return V.instance || (V.instance = new V()), V.instance;
+    return W.instance || (W.instance = new W()), W.instance;
   }
   /**
    * Method to set the license key for the application.
@@ -692,21 +692,21 @@ class V {
     }
   }
 }
-function N(d) {
+function G(d) {
   return d && d.type === "TreeRow";
 }
-function ie(d) {
+function re(d) {
   return d && d.type === "AreaModelTree";
 }
 function Ze(d) {
   return d && d.type === "CheckboxColumnDef";
 }
-class de {
+class he {
   constructor(e = -1, t = -1, s = -1, o = -1, i, r, n, l = 0, a = 0, c = 0, h = "") {
     this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = o, this.areaIdent = i, this.sideIdent = r, this.originalEvent = n, this.clickCount = l, this.draggingX = a, this.draggingY = c, this.action = h;
   }
   clone() {
-    return new de(
+    return new he(
       this.rowIndex,
       this.rowTop,
       this.columnIndex,
@@ -726,7 +726,7 @@ class O {
     this.content = e, this.style = t, this.classes = s;
   }
 }
-class $e {
+class _e {
   constructor(e = new O(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
@@ -747,7 +747,7 @@ class $e {
     this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = o;
   }
 }
-class _e {
+class Be {
   constructor(e = new O("↑", "", ["ge-header-sorted-asc"]), t = new O("↓", "", ["ge-header-sorted-desc"]), s = new O("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
@@ -872,7 +872,7 @@ class Qe {
       }
     return this.domService.appendChild(e, n), n;
   }
-  addSortedIcon(e, t = "", s = new _e(), o = -1) {
+  addSortedIcon(e, t = "", s = new Be(), o = -1) {
     const i = this.domService.createElement("div");
     this.domService.addClass(i, "ge-table-sorted-icon-div"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "top", "0"), this.domService.setStyle(i, "right", "0"), this.domService.setStyle(i, "width", "20px"), this.domService.setStyle(i, "background", "transparent"), this.domService.setStyle(i, "cursor", "pointer"), this.domService.setAttribute(i, "data-col-index", `${o}`), this.domService.setAttribute(i, "data-area", "header");
     let r;
@@ -883,7 +883,7 @@ class Qe {
       this.domService.addClass(i, a);
     return this.domService.appendChild(e, i), i;
   }
-  addArrowDiv(e, t = "none", s = new $e(), o = -1, i = -1, r = "body") {
+  addArrowDiv(e, t = "none", s = new _e(), o = -1, i = -1, r = "body") {
     const n = this.domService.createElement("div");
     this.domService.addClass(n, "ge-table-tree-arrow-div"), this.domService.setStyle(n, "display", "inline-block"), this.domService.setStyle(n, "position", ""), this.domService.setStyle(n, "width", "20px"), this.domService.setStyle(n, "background", "transparent"), this.domService.setStyle(n, "cursor", "pointer"), this.domService.setAttribute(n, "data-row-index", `${o}`), this.domService.setAttribute(n, "data-col-index", `${i}`), this.domService.setAttribute(n, "data-area", `${r}`);
     let l;
@@ -934,13 +934,13 @@ class Qe {
     return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
   }
 }
-const Q = (d) => d === "header" ? "header" : d === "footer" ? "footer" : "body";
+const ee = (d) => d === "header" ? "header" : d === "footer" ? "footer" : "body";
 class et {
   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 = Q(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
+      if (s && (this.areaIdent = ee(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;
       }
@@ -974,7 +974,7 @@ class tt {
    */
   onHostElementClicked(e) {
     const t = Date.now();
-    if (console.info("onHostElementClicked", t - this.lastClicked < this.doubleClickDelay), t - this.lastClicked < this.doubleClickDelay) {
+    if (t - this.lastClicked < this.doubleClickDelay) {
       this.lastClicked = t, this.publishGeMouseEvent(e, 2);
       return;
     }
@@ -986,12 +986,12 @@ class tt {
       this.tableScope.toggleHeaderGroup(s), e.preventDefault(), e.stopPropagation();
     else if (s.inputType === "checkbox" && s.areaIdent)
       this.tableScope.toggleRowCheckbox(s.rowIdx, s.colIdx, s.areaIdent), e.preventDefault(), e.stopPropagation();
-    else if (N(s.row) && s.areaModel) {
+    else if (G(s.row) && s.areaModel) {
       const o = s.colIdx === this.getArrowColumnIndex() && e.altKey, i = s.className.includes("ge-table-tree-arrow-div");
       if (o || i) {
         e.preventDefault(), e.stopPropagation();
         const r = s.row;
-        r.expanded = !r.expanded, "recalcVisibleTreeRows" in s.areaModel && s.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(r);
+        r.expanded = !r.expanded, "recalcVisibleTreeRows" in s.areaModel && s.areaModel.recalcVisibleTreeRows(), console.info("this.tableScope.hostElement", this.tableScope.hostElement), console.info("this.tableScope.hostElement.clientWidth", this.tableScope.hostElement.clientWidth), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(r);
       }
     }
     if (s.areaIdent === "body" && this.tableScope.tableOptions.getFocusModel) {
@@ -1007,13 +1007,13 @@ class tt {
    * @param {MouseEvent} event - The double click event.
    */
   onHostElementDblClicked(e) {
-    if (console.info("ONHOSTELEMENTDBLCLICKED", e), this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
-      const t = e.target, s = t.getAttribute("data-area"), o = Q(s), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(o);
+    if (this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
+      const t = e.target, s = t.getAttribute("data-area"), o = ee(s), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(o);
       if (s && o === "header")
         this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, i, r));
       else if (t.getAttribute("data-row-index")) {
         const l = n.getRowByIndex(i);
-        if (s && o === "body" && n.isEditable(i, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, r)), N(l) && r === this.getArrowColumnIndex()) {
+        if (s && o === "body" && n.isEditable(i, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, r)), G(l) && r === this.getArrowColumnIndex()) {
           e.preventDefault(), e.stopPropagation();
           const a = l;
           a.expanded = !a.expanded, "recalcVisibleTreeRows" in n && n.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(a);
@@ -1081,7 +1081,7 @@ class tt {
     }
   }
 }
-class he {
+class ue {
   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]);
   }
@@ -1177,7 +1177,7 @@ class he {
       this.yPositions[t + 1] = this.getRowHeight(t) + this.yPositions[t];
   }
 }
-class Be {
+class He {
   genericSortComparator(e, t, s) {
     if (typeof e == "number" && typeof t == "number")
       return s * (e - t);
@@ -1195,9 +1195,9 @@ class Be {
     return s * ("" + e).localeCompare("" + t);
   }
 }
-class He extends he {
+class $ extends ue {
   constructor(e, t, s, o = [], i = "ge-selected-row", r = "ge-focused-row") {
-    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.selectedRowClass = i, this.focusedRowClass = r, this.focusedRowIndex = 0, this.sorterService = new Be(), this.filteredRows = [...t], this.properties = o.map((n) => n.property);
+    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.selectedRowClass = i, this.focusedRowClass = r, this.focusedRowIndex = 0, this.sorterService = new He(), this.filteredRows = [...t], this.properties = o.map((n) => n.property);
   }
   setRows(e) {
     this.rows = e, this.filteredRows = [...e];
@@ -1215,7 +1215,7 @@ class He extends he {
   getValueAt(e, t) {
     const s = this.properties[t];
     let o = this.filteredRows[e];
-    return N(o) && (o = o.data), o ? this.getValueByT(o, s) : "";
+    return G(o) && (o = o.data), o ? this.getValueByT(o, s) : "";
   }
   /**
    * Retrieves the filtered and sorted rows from the dataset.
@@ -1498,7 +1498,49 @@ class st {
   }
   setRows(e) {
     const t = this.getBodyModel();
-    t instanceof He ? t.setRows(e) : console.warn("setRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof t);
+    t instanceof $ ? t.setRows(e) : console.warn("setRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof t, t);
+  }
+  addRows(e) {
+    const t = this.getBodyModel();
+    if (t instanceof $) {
+      const s = t;
+      let o = s.getAllRows();
+      s.setRows([...o, ...e]);
+    } else
+      console.warn("addRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof t, t);
+  }
+  addRowsAt(e, t) {
+    const s = this.getBodyModel();
+    if (s instanceof $) {
+      const o = s;
+      let i = o.getAllRows();
+      o.setRows([...i.slice(0, t), ...e, ...i.slice(t)]);
+    } else
+      console.warn("addRowsAt<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s);
+  }
+  removeRows(e, t = (s, o) => s === o) {
+    const s = this.getBodyModel();
+    if (s instanceof $) {
+      const o = s, i = o.getAllRows().filter((r) => !e.some((n) => t(r, n)));
+      o.setRows(i);
+    } else
+      console.warn("removeRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s);
+  }
+  findRows(e, t = (s, o) => s === o) {
+    const s = this.getBodyModel();
+    return s instanceof $ ? s.getAllRows().filter((i) => !e.some((r) => t(i, r))) : (console.warn("findRows<T>(rows: T[], predicate: (a: T, b: T) => boolean) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s), []);
+  }
+  updateRows(e, t = (s, o) => s === o) {
+    const s = this.getBodyModel();
+    if (s instanceof $) {
+      let i = s.getAllRows();
+      for (const r of i)
+        for (const n of e)
+          if (t(r, n))
+            for (const l of Object.keys(n))
+              r[l] = n[l];
+    } else
+      console.warn("updateRows<T>(rows: T[], predicate: (a: T, b: T) => boolean) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s);
   }
   reSort() {
     this.tableScope.reSort();
@@ -1507,7 +1549,7 @@ class st {
     return this.tableScope.getDisplayedRowCount();
   }
 }
-class ue {
+class pe {
   constructor(e) {
     this.getStorageKeyFn = e;
   }
@@ -1574,7 +1616,7 @@ class ue {
   //   }
   // }
 }
-class ot extends ue {
+class ot extends pe {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -1601,7 +1643,7 @@ class it {
     this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = o;
   }
 }
-class rt extends ue {
+class rt extends pe {
   constructor(e) {
     super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new it(), this.load();
   }
@@ -1635,7 +1677,7 @@ class rt extends ue {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class nt extends ue {
+class nt extends pe {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -1912,7 +1954,7 @@ class ct extends lt {
       header: [],
       body: [],
       footer: []
-    }, this.tree = !1, this.colAndRowspanModels = new I(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.displayedRowCount = 0, this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (n = this.tableOptions) != null && n.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), ie(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.displayedRowCount = 0, this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (n = this.tableOptions) != null && n.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), re(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (l) => {
         var a;
         this.colAndRowspanModels[l] = new at(t, t.getAreaModel(l)), (a = this.colAndRowspanModels[l]) == null || a.init();
@@ -1989,7 +2031,7 @@ class ct extends lt {
    * @return {undefined}
    */
   recalcColumnWidths(e) {
-    let t = e || this.scrollViewport.clientWidth;
+    let t = (!e || e > this.scrollViewport.offsetWidth) && this.scrollViewport.offsetWidth > 100 ? this.scrollViewport.offsetWidth : this.scrollViewport.clientWidth;
     this.tableModel.setParentWidth(t), this.tableModel.init(), this.repaintHard();
   }
   /**
@@ -2225,8 +2267,8 @@ class ct extends lt {
             { cursor: "pointer" }
           ), M = this.tableOptions.treeOptions.arrowExpandCollapseAll;
           if (M) {
-            const U = this.dom.domService.createText(M.content);
-            this.dom.domService.appendChild(E, U), M.style && this.dom.applyStyleString(E, M.style);
+            const Y = this.dom.domService.createText(M.content);
+            this.dom.domService.appendChild(E, Y), M.style && this.dom.applyStyleString(E, M.style);
           }
         }
       }
@@ -2425,12 +2467,12 @@ class ct extends lt {
     parent: c,
     lastRowOfModel: h
   }) {
-    var me;
+    var be;
     const f = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), p = { left: r, width: n, height: l, top: a, index: i }, m = e.getRowByIndex(o);
     let g = "none";
-    if (i === this.getTreeArrowColumnIndex() && N(m)) {
+    if (i === this.getTreeArrowColumnIndex() && G(m)) {
       const v = m;
-      (me = v.children) != null && me.length ? v.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
+      (be = v.children) != null && be.length ? v.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
     }
     let w;
     if (t === "header") {
@@ -2457,16 +2499,16 @@ class ct extends lt {
     E && E.classes[t] && this.dom.addClasses(E.classes[t], x);
     let M;
     f && (M = f.render(x, o, i, t, e, S, this.dom.domService));
-    const U = e.getCustomClassesAt(o, i);
-    if (U.length && this.dom.addClasses(U, x), this.dom.addColumnBorderDivs(this.tableOptions, c, p, t, s), h && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: a + l }, c), this.getFocusModel && t === "body") {
+    const Y = e.getCustomClassesAt(o, i);
+    if (Y.length && this.dom.addClasses(Y, x), this.dom.addColumnBorderDivs(this.tableOptions, c, p, t, s), h && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: a + l }, c), this.getFocusModel && t === "body") {
       const v = this.getFocusModel();
       v != null && v.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, p, {});
     }
     t === "header" && this.dom.setAttribute(x, "data-ge-action", "drag-column");
-    const ee = e.getCustomStyleAt(o, i);
-    if (ee)
-      for (const v in ee)
-        this.dom.setStyle(x, v, ee[v]);
+    const te = e.getCustomStyleAt(o, i);
+    if (te)
+      for (const v in te)
+        this.dom.setStyle(x, v, te[v]);
     return [x, M];
   }
   /**
@@ -2807,7 +2849,7 @@ class ht {
     if (e.target instanceof HTMLInputElement || e.target instanceof HTMLSelectElement || e.target instanceof HTMLTextAreaElement) {
       const t = e.target, s = t.getAttribute("data-area"), o = t.getAttribute("data-row-index"), i = t.getAttribute("data-col-index");
       if (s && o && i) {
-        const r = Q(s), n = Number(o), l = Number(i);
+        const r = ee(s), n = Number(o), l = Number(i);
         this.tableScope.updateModelValueAfterEdit(r, n, l, t.value);
       }
     }
@@ -2818,12 +2860,12 @@ class ut {
     this.rowIndex = e, this.columnIndex = t;
   }
 }
-class pe {
+class ge {
   constructor(e) {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new pe([new ut(e, t)]);
+    return new ge([new ut(e, t)]);
   }
 }
 class pt {
@@ -2910,12 +2952,12 @@ class ft {
   }
 }
 function mt(d) {
-  return d.trim().replace(/\+/g, " ").replace(/ +/g, " ").replace(/⌫/g, "backspace").replace(/↩/g, "enter").replace(/⇧/g, "shift").replace(/⌥/g, "alt").replace(/option/g, "alt").replace(/opt/g, "alt").replace(/⌃/g, "ctrl").replace(/control/g, "ctrl").replace(/command/g, "cmd").replace(/meta/g, "cmd").replace(/escape/g, "esc").replace(/⌘/g, "cmd").replace(/\*/g, "multiply").split(" ").filter((e) => e).sort((e, t) => {
+  return d.trim().replace(/\+/g, " ").replace(/ +/g, " ").replace(/⌫/g, "backspace").replace(/↩/g, "enter").replace(/⇧/g, "shift").replace(/⌥/g, "alt").replace(/option/g, "alt").replace(/opt/g, "alt").replace(/⌃/g, "ctrl").replace(/control/g, "ctrl").replace(/command/g, "cmd").replace(/meta/g, "cmd").replace(/escape/g, "esc").replace(/⌘/g, "cmd").replace(/\*/g, "multiply").split(" ").filter((e) => e).filter((e, t, s) => s.indexOf(e) === t).sort((e, t) => {
     const s = { cmd: 1, ctrl: 2, alt: 3, shift: 4 }, o = s[e] || 5, i = s[t] || 5;
     return o !== i ? o - i : e.localeCompare(t);
   }).join(" ");
 }
-function we(d) {
+function xe(d) {
   let e = d.key.toLowerCase();
   if (e === " " && (e = "space"), e === "arrowleft" && (e = "left"), e === "arrowright" && (e = "right"), e === "arrowup" && (e = "up"), e === "arrowdown" && (e = "down"), e === "delete" && d.code === "Delete" && (e = "delete"), e === "backspace" && (e = "backspace"), e === "escape" && (e = "esc"), e === "return" && (e = "enter"), d.code.startsWith("Numpad")) {
     const s = d.code.replace("Numpad", "").toLowerCase();
@@ -2970,10 +3012,10 @@ class bt {
     return t;
   }
   findEntity(e) {
-    const t = we(e);
+    const t = xe(e);
     this.isDebug() && console.debug("ShortcutService shortcut  :", t);
     for (const s in this.shortcutActionIdMapping)
-      if (we(e) === t)
+      if (xe(e) === t)
         return this.isDebug() && console.debug("ShortcutService action    :", this.shortcutActionIdMapping[s]), this.shortcutActionIdMapping[s];
   }
   // private areTokensEquals(tokens1: string[], tokens2: string[]): boolean {
@@ -3020,7 +3062,7 @@ class bt {
     return this.shortcutActionIdMapping;
   }
 }
-class re {
+class ne {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -3088,7 +3130,7 @@ class wt {
     }
   }
 }
-class ge {
+class fe {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
   }
@@ -3207,7 +3249,7 @@ class xt {
     return [this.rowIndex, this.columnIndex];
   }
 }
-class fe {
+class me {
   constructor(e = new O(
     "❯",
     "",
@@ -3221,17 +3263,17 @@ class fe {
   }
   // `⊖ `,  `⊕ `;
 }
-const St = new ge(), Ct = new xt("cell");
-class X {
+const St = new fe(), Ct = new xt("cell");
+class J {
   constructor() {
     this.overflowX = "auto", this.overflowY = "auto", this.horizontalBorderVisible = !0, this.verticalBorderVisible = !0, this.footerSeparatorBorderVisible = !0, this.headerSeparatorBorderVisible = !0, this.fixedEastSeparatorBorderVisible = !0, this.fixedWestSeparatorBorderVisible = !0, this.tableTopBorderVisible = !0, this.tableBottomBorderVisible = !0, this.hoverRowVisible = !0, this.hoverColumnVisible = !0, this.columnsResizable = !0, this.columnsDraggable = !0, this.columnResizeHandleWidthInPx = 4, this.defaultRowHeights = {
       header: 34,
       body: 34,
       footer: 34
-    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new $e(), this.headerGroupOptions = new fe(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new _e(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new wt(), this.getSelectionModel = () => St, this.getFocusModel = () => Ct;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new _e(), this.headerGroupOptions = new me(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Be(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new wt(), this.getSelectionModel = () => St, this.getFocusModel = () => Ct;
   }
 }
-const W = class W {
+const N = class N {
   /**
    * Returns the content to be copied based on the provided table model, selection model, and focus model.
    *
@@ -3254,9 +3296,9 @@ const W = class W {
               const h = t.isSelected(l, c) ? e.getBodyModel().getTextValueAt(l, c) : "";
               a.push(h);
             }
-            n.push(a.join(W.columnSeparatorChar));
+            n.push(a.join(N.columnSeparatorChar));
           }
-          return o(n.join(W.rowSeparatorChar));
+          return o(n.join(N.rowSeparatorChar));
         }
       }
       if (s) {
@@ -3313,9 +3355,9 @@ const W = class W {
     return t;
   }
 };
-W.columnSeparatorChar = "	", W.rowSeparatorChar = `
+N.columnSeparatorChar = "	", N.rowSeparatorChar = `
 `;
-let J = W;
+let q = N;
 class vt {
   constructor(e, t = 500) {
     this.tableScope = e, this.debounceDelay = t, new ResizeObserver(Ge(this.handleResize.bind(this), t)).observe(this.tableScope.hostElement);
@@ -3432,9 +3474,9 @@ class Rt {
   }
 }
 class Ve extends ct {
-  constructor(e, t, s, o, i, r = new J(), n = new Rt()) {
+  constructor(e, t, s, o, i, r = new q(), n = new Rt()) {
     var c;
-    if (super(e, t, new Qe(s), o), this.eventListener = i, this.copyService = r, this.excelService = n, this.licenseManager = V.getInstance(), this.selectionService = new pt(this), this.api = new st(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, this.lastContextmenu = Date.now(), t.setTableScope(this), i || (this.eventListener = new re()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
+    if (super(e, t, new Qe(s), o), this.eventListener = i, this.copyService = r, this.excelService = n, this.licenseManager = W.getInstance(), this.selectionService = new pt(this), this.api = new st(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, this.lastContextmenu = Date.now(), t.setTableScope(this), i || (this.eventListener = new ne()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
       const h = this.tableOptions.autoRestoreOptions, u = h.getStorageKeyFn;
       u && (h.autoRestoreScrollPosition && (this.storeScrollPosStateService = new ot(u)), h.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new rt(u)), h.autoRestoreSortingState && (this.storeSortingService = new nt(u)));
     }
@@ -3442,7 +3484,7 @@ class Ve extends ct {
     const l = this.getSelectionModel ? this.getSelectionModel() : void 0;
     l && l.addEventSelectionChangedListener(this);
     const a = this.getFocusModel ? this.getFocusModel() : void 0;
-    a && a.addEventFocusChangedListener(this);
+    a && a.addEventFocusChangedListener(this), console.log("TableScope created");
   }
   /**
    * Creates a TableScope instance.
@@ -3456,7 +3498,7 @@ class Ve extends ct {
    *
    * @return {TableScope} - The newly created TableScope instance.
    */
-  static create(e, t, s = new X(), o = new re(), i = new yt(), r = new J()) {
+  static create(e, t, s = new J(), o = new ne(), i = new yt(), r = new q()) {
     return new Ve(e, t, i, s, o, r);
   }
   /**
@@ -3485,7 +3527,7 @@ class Ve extends ct {
     return !1;
   }
   updateModelValueAfterEdit(e, t, s, o) {
-    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(pe.createSingle(t, s)), this.hostElement.focus());
+    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(ge.createSingle(t, s)), this.hostElement.focus());
   }
   /**
    * Retrieves the TableApi object.
@@ -3514,7 +3556,7 @@ class Ve extends ct {
    * @return {GeMouseEvent} - The created GeMouseEvent object.
    */
   createGeMouseEvent(e) {
-    const t = new de();
+    const t = new he();
     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) {
@@ -3590,7 +3632,7 @@ class Ve extends ct {
   toggleExpandCollapseAll(e = !0) {
     var s;
     const t = this.tableModel.getBodyModel();
-    ie(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
+    re(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
   }
   /**
    * Toggles the checkbox state of a specific row in a table.
@@ -3806,7 +3848,7 @@ class Ve extends ct {
       const s = this.tableOptions.autoRestoreOptions, o = s.getRowId;
       if (s.autoRestoreCollapsedExpandedState && o) {
         const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
-        if (ie(r)) {
+        if (re(r)) {
           const n = r, l = r.getRowCount();
           for (let a = 0; a < l; a++) {
             const c = r.getRowByIndex(a);
@@ -3860,16 +3902,16 @@ class Ve extends ct {
     return this.displayedRowCount;
   }
 }
-class Gt extends re {
+class Gt extends ne {
   constructor(e) {
     super(), this.onCheckboxChangedCallback = e, super.onCheckboxChanged = (t) => {
       this.onCheckboxChangedCallback(t);
     };
   }
 }
-const q = class q {
+const Z = class Z {
 };
-q.themes = ["light", "combat", "paper", "blackboard"], q.vars = {
+Z.themes = ["light", "combat", "paper", "blackboard"], Z.vars = {
   light: `html[data-theme="light"] {
   --ge-table-bg: rgba(255,255,255, 0.5);
   --ge-table-header-west-bg: rgba(233, 233, 233, 0.5);
@@ -4103,28 +4145,28 @@ q.themes = ["light", "combat", "paper", "blackboard"], q.vars = {
   --ge-table-drop-zone-bg: #758129;
 }`
 };
-let xe = q;
-class Se {
+let Se = Z;
+class Ce {
   constructor(e, t = !0, s, o, i = 0, r = !1, n = !1) {
     this.data = e, this.expanded = t, this.children = s, this.parent = o, this.deep = i, this.checked = r, this.keep = n, this.type = "TreeRow";
   }
 }
-class ne {
+class le {
   static buildTreeRows(e, t = "children", s = 12) {
     const o = [];
     for (const i of e)
-      o.push(ne.buildTreeRow(i, t, void 0, 0, s));
+      o.push(le.buildTreeRow(i, t, void 0, 0, s));
     return o;
   }
-  static buildTreeRow(e, t = "children", s = new Se(e, !0, [], void 0, 0), o = 0, i = 12) {
+  static buildTreeRow(e, t = "children", s = new Ce(e, !0, [], void 0, 0), o = 0, i = 12) {
     var n;
     if (o > i)
       return console.warn("Max deep limit reached: ", o), s;
     const r = e[t];
     if (r)
       for (const l of r) {
-        const a = new Se(l, !0, [], s, o + 1);
-        if ((n = s.children) == null || n.push(a), ne.buildTreeRow(
+        const a = new Ce(l, !0, [], s, o + 1);
+        if ((n = s.children) == null || n.push(a), le.buildTreeRow(
           l,
           t,
           a,
@@ -4135,7 +4177,7 @@ class ne {
     return s;
   }
 }
-class G {
+class z {
   constructor(e = 34, t = 34, s = 34) {
     this.header = e, this.body = t, this.footer = s;
   }
@@ -4145,8 +4187,8 @@ class y {
     this.value = e, this.unit = t;
   }
 }
-const At = () => !0, Ce = () => !1;
-class H {
+const At = () => !0, ve = () => !1;
+class V {
   constructor(e, t, s = new y(100, "px"), o = new I(), i = new I(), r = new y(100, "px"), n = new y(100, "px"), l, a, c, h, u, f, p, m, g = () => this.visible) {
     this.property = e, this.headerLabel = t, this.width = s, this.classes = o, this.rendererMap = i, this.minWidth = r, this.maxWidth = n, this.sortable = l, this.sortComparator = a, this.sortState = c, this.sortStatesOrder = h, this.sortIconVisible = u, this.editable = f, this.getEditRenderer = p, this.editInputPipe = m, this.isVisible = g, this.visible = !0, s.unit !== "px" && (this.minWidth = new y(0, "px"), this.maxWidth = new y(1e5, "px"));
   }
@@ -4166,8 +4208,8 @@ class H {
       e.headerClasses,
       e.bodyClasses,
       e.footerClasses
-    ), o = e.sortIconVisible ?? e.sortable ?? Ce, i = e.editable ?? e.editable ?? Ce, r = e.isVisible ?? e.isVisible ?? At;
-    return new H(
+    ), o = e.sortIconVisible ?? e.sortable ?? ve, i = e.editable ?? e.editable ?? ve, r = e.isVisible ?? e.isVisible ?? At;
+    return new V(
       e.property ?? "",
       e.headerLabel ?? "",
       e.width ?? new y(100, "px"),
@@ -4187,8 +4229,8 @@ class H {
     );
   }
 }
-const zt = new y(500, "px"), jt = new y(400, "px"), Et = new y(300, "px"), Ut = new y(290, "px"), Yt = new y(280, "px"), Kt = new y(270, "px"), Xt = new y(260, "px"), Jt = new y(250, "px"), qt = new y(240, "px"), Zt = new y(230, "px"), Qt = new y(220, "px"), es = new y(210, "px"), ve = new y(200, "px"), ts = new y(190, "px"), ss = new y(180, "px"), os = new y(170, "px"), is = new y(160, "px"), rs = new y(150, "px"), ns = new y(140, "px"), ls = new y(130, "px"), as = new y(120, "px"), cs = new y(110, "px"), ds = new y(100, "px"), hs = new y(90, "px"), us = new y(80, "px"), ps = new y(70, "px"), gs = new y(60, "px"), fs = new y(50, "px"), ms = new y(40, "px"), bs = new y(30, "px"), ys = new y(20, "px"), ws = new y(10, "px"), xs = new y(0, "px");
-class P extends he {
+const zt = new y(500, "px"), jt = new y(400, "px"), Et = new y(300, "px"), Ut = new y(290, "px"), Yt = new y(280, "px"), Kt = new y(270, "px"), Xt = new y(260, "px"), Jt = new y(250, "px"), qt = new y(240, "px"), Zt = new y(230, "px"), Qt = new y(220, "px"), es = new y(210, "px"), Re = new y(200, "px"), ts = new y(190, "px"), ss = new y(180, "px"), os = new y(170, "px"), is = new y(160, "px"), rs = new y(150, "px"), ns = new y(140, "px"), ls = new y(130, "px"), as = new y(120, "px"), cs = new y(110, "px"), ds = new y(100, "px"), hs = new y(90, "px"), us = new y(80, "px"), ps = new y(70, "px"), gs = new y(60, "px"), fs = new y(50, "px"), ms = new y(40, "px"), bs = new y(30, "px"), ys = new y(20, "px"), ws = new y(10, "px"), xs = new y(0, "px");
+class P extends ue {
   constructor(e, t, s, o = []) {
     super(e, o, s), this.areaIdent = e, this.arr = t, this.defaultRowHeight = s, this.columnDefs = o, this.filteredArr = [...t];
   }
@@ -4299,9 +4341,9 @@ class Mt {
     return e.parent ? e.parent.expanded ? this.isVisible(e.parent) : !1 : !0;
   }
 }
-class Re extends he {
+class Ae extends ue {
   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 Be(), this.service = new Mt(), 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 He(), this.service = new Mt(), 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);
@@ -4404,7 +4446,7 @@ class Re extends he {
       o.children && this.treeSort(o.children, t, s);
   }
 }
-class Ae {
+class Ee {
   constructor(e = []) {
     this.allRootNodes = e;
   }
@@ -4464,7 +4506,7 @@ class Ae {
       s.checked && t.push(s), s.children && this.addSelectedRecursive(s.children, t);
   }
 }
-class Ee {
+class Me {
   constructor(e = 0, t = 0, s = 0, o = 0) {
     this.top = e, this.right = t, this.bottom = s, this.left = o;
   }
@@ -4500,11 +4542,11 @@ class Tt {
     }
   }
 }
-class se {
-  constructor(e, t, s, o = 0, i = 0, r = !1, n = new G(), l = [], a = [], c = -1, h = 0, u = 400, f = () => {
+class oe {
+  constructor(e, t, s, o = 0, i = 0, r = !1, n = new z(), l = [], a = [], c = -1, h = 0, u = 400, f = () => {
   }) {
     var p, m, g, b;
-    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = s, this.fixedLeftColumnCount = o, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = n, this.columnDefs = l, this.columnSizes = a, this.overridingColumnWidth = c, this.columnCount = h, this.parentSize = u, this.getSelectionModel = f, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new Ee(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", s.areaIdent = "footer", this.columnCount || ((p = this.columnDefs) != null && p.length ? this.columnCount = this.columnDefs.length : (m = this.columnSizes) != null && m.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (b = this.columnDefs) != null && b.length && Ze(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Tt());
+    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = s, this.fixedLeftColumnCount = o, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = n, this.columnDefs = l, this.columnSizes = a, this.overridingColumnWidth = c, this.columnCount = h, this.parentSize = u, this.getSelectionModel = f, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new Me(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", s.areaIdent = "footer", this.columnCount || ((p = this.columnDefs) != null && p.length ? this.columnCount = this.columnDefs.length : (m = this.columnSizes) != null && m.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (b = this.columnDefs) != null && b.length && Ze(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Tt());
   }
   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();
@@ -4588,7 +4630,7 @@ class se {
    */
   recalcPadding() {
     const e = this.getSideAreaWidth("west"), t = this.getSideAreaWidth("east"), s = this.getAreaHeight("header"), o = this.getAreaHeight("footer");
-    this.padding = new Ee(
+    this.padding = new Me(
       s,
       t,
       o,
@@ -4890,7 +4932,7 @@ class se {
     return this.tableScope;
   }
 }
-class Me extends He {
+class Te extends $ {
   constructor(e, t, s, o, i = "ge-selected-row", r = "ge-focused-row") {
     super(
       e,
@@ -4902,7 +4944,7 @@ class Me extends He {
     ), this.areaIdent = e, this.rows = t, this.columnDefs = s, this.defaultRowHeight = o;
   }
 }
-class _ {
+class B {
   /**
    * TableFactory
    *
@@ -4945,7 +4987,7 @@ class _ {
       if ((t = e.tableOptions) != null && t.defaultRowHeights)
         e.defaultRowHeights = e.tableOptions.defaultRowHeights;
       else {
-        if (e.defaultRowHeights = new G(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
+        if (e.defaultRowHeights = new z(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
           const g = e.headerAreaModel.defaultRowHeight;
           g > -1 && (e.defaultRowHeights.header = g);
         }
@@ -4958,7 +5000,7 @@ class _ {
           g > -1 && (e.defaultRowHeights.footer = g);
         }
       }
-    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((g) => new H(g, g.toUpperCase(), ve)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new H(g, g.toUpperCase(), ve)) : e.columnDefs = []), e.columnCount === void 0 && ((i = e.columnDefs) != null && i.length ? e.columnCount = e.columnDefs.length : (r = e.headerData) != null && r.length ? e.columnCount = e.headerData[0].length : (n = e.columnSizes) != null && n.length ? e.columnCount = (l = e.columnSizes) == null ? void 0 : l.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((a = e.headerData) != null && a.length ? e.headerAreaModel = new P(
+    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((g) => new V(g, g.toUpperCase(), Re)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new V(g, g.toUpperCase(), Re)) : e.columnDefs = []), e.columnCount === void 0 && ((i = e.columnDefs) != null && i.length ? e.columnCount = e.columnDefs.length : (r = e.headerData) != null && r.length ? e.columnCount = e.headerData[0].length : (n = e.columnSizes) != null && n.length ? e.columnCount = (l = e.columnSizes) == null ? void 0 : l.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((a = e.headerData) != null && a.length ? e.headerAreaModel = new P(
       "header",
       e.headerData,
       e.defaultRowHeights.header,
@@ -4975,16 +5017,16 @@ class _ {
       e.columnDefs
     ) : e.footerAreaModel = new F("footer")), !e.bodyAreaModel)
       if (e.rows)
-        if ((u = e.rows) != null && u.length && N(e.rows[0])) {
+        if ((u = e.rows) != null && u.length && G(e.rows[0])) {
           const g = e.rows;
-          e.bodyAreaModel = new Re(
+          e.bodyAreaModel = new Ae(
             "body",
             g,
             e.defaultRowHeights.body,
             e.columnDefs
-          ), (e.columnDefs[0].property === "CheckboxColumn" || (f = e.tableOptions) != null && f.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new Ae(g));
+          ), (e.columnDefs[0].property === "CheckboxColumn" || (f = e.tableOptions) != null && f.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new Ee(g));
         } else
-          e.bodyAreaModel = new Me(
+          e.bodyAreaModel = new Te(
             "body",
             e.rows,
             e.columnDefs,
@@ -4995,7 +5037,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 se(
+    return e.fixedLeftColumnCount === void 0 && (e.fixedLeftColumnCount = 0), e.fixedRightColumnCount === void 0 && (e.fixedRightColumnCount = 0), e.rowCheckboxVisible === void 0 && (e.rowCheckboxVisible = !1), e.overridingColumnWidth === void 0 && (e.overridingColumnWidth = -1), !e.getSelectionModel && ((p = e.tableOptions) != null && p.getSelectionModel) && (e.getSelectionModel = (m = e.tableOptions) == null ? void 0 : m.getSelectionModel), new oe(
       e.headerAreaModel,
       e.bodyAreaModel,
       e.footerAreaModel,
@@ -5029,10 +5071,10 @@ class _ {
    * @method
    */
   static buildByTypedRowsParam(e) {
-    return _.buildByTypedRows(
+    return B.buildByTypedRows(
       e.rows ?? [],
       e.columnDefs,
-      e.tableOptions ?? new X(),
+      e.tableOptions ?? new J(),
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0
     );
@@ -5073,16 +5115,16 @@ 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 X(), o = 0, i = 0) {
+  static buildByTypedRows(e, t, s = new J(), o = 0, i = 0) {
     const r = s.defaultRowHeights, n = t[0].property === "CheckboxColumn";
-    if (e != null && e.length && N(e[0])) {
-      const a = e, c = new Re(
+    if (e != null && e.length && G(e[0])) {
+      const a = e, c = new Ae(
         "body",
         a,
         r.body,
         t
       );
-      return (n || s.showCheckboxWihoutExtraColumn) && (c.rowSelectionModel = new Ae(a)), _.createByAreaModelsParam({
+      return (n || s.showCheckboxWihoutExtraColumn) && (c.rowSelectionModel = new Ee(a)), B.createByAreaModelsParam({
         headerAreaModel: new P("header", [t.map((h) => h.headerLabel)], r.header),
         bodyAreaModel: c,
         footerAreaModel: new P("footer", [], r.footer),
@@ -5096,7 +5138,7 @@ class _ {
         overridingColumnWidth: -1
       });
     }
-    return _.createByObjectArrayParam({
+    return B.createByObjectArrayParam({
       rows: e,
       columnDefs: t,
       fixedLeftColumnCount: o,
@@ -5150,14 +5192,14 @@ class _ {
    */
   static createByObjectArrayParam(e) {
     const t = e.rowCheckboxVisible !== void 0 ? e.rowCheckboxVisible : !1;
-    return _.createByObjectArray(
+    return B.createByObjectArray(
       e.rows,
       e.header ?? [],
       e.footer ?? [],
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0,
       t,
-      e.defaultRowHeights ?? new G(),
+      e.defaultRowHeights ?? new z(),
       e.columnDefs ?? [],
       e.columnSizes ?? []
     );
@@ -5203,8 +5245,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, n = new G(), l, a = [], c = -1, h) {
-    return new se(
+  static createByAreaModels(e = new F(), t, s = new F(), o = 0, i = 0, r = !1, n = new z(), l, a = [], c = -1, h) {
+    return new oe(
       e,
       t,
       s,
@@ -5255,7 +5297,7 @@ class _ {
    * });
    */
   static createByAreaModelsParam(e) {
-    return _.createByAreaModels(
+    return B.createByAreaModels(
       e.headerAreaModel ?? new F(),
       e.bodyAreaModel,
       e.footerAreaModel ?? new F(),
@@ -5317,11 +5359,11 @@ class _ {
    *
    * Reference: For more details regarding the `DefaultRowHeightsIf`, `ColumnDefIf`, `AreaModelIf`, and `AreaModelArrayOfArrays` classes/interfaces, please refer to the respective API documents.
    */
-  static createByObjectArray(e, t = [], s = [], o = 0, i = 0, r = !1, n = new G(), l, a = []) {
+  static createByObjectArray(e, t = [], s = [], o = 0, i = 0, r = !1, n = new z(), l, a = []) {
     let c;
     t != null && t.length ? c = new P("header", t, n.header, l) : l != null && l.length ? c = new P("header", [l.map((f) => f.headerLabel)], n.header, l) : c = new F();
-    const h = s ? new P("footer", s, n.footer, l) : new F(), u = new Me("body", e, l, n.body);
-    return new se(
+    const h = s ? new P("footer", s, n.footer, l) : new F(), u = new Te("body", e, l, n.body);
+    return new oe(
       c,
       u,
       h,
@@ -5398,7 +5440,7 @@ const Rs = { body: ["ge-table-text-align-left"] }, As = { body: ["ge-table-text-
   body: ["ge-table-text-align-right"],
   footer: ["ge-table-text-align-right"]
 };
-class Te {
+class Ie {
   render(e, t, s, o, i, r, n) {
     if (i.isRowCheckable(t)) {
       n.addClass(e, "ge-table-row-checkbox-div");
@@ -5418,7 +5460,7 @@ class Te {
 }
 class ks {
   constructor() {
-    this.type = "CheckboxColumnDef", this.property = "CheckboxColumn", this.headerLabel = "", this.width = new y(50, "px"), this.minWidth = new y(50, "px"), this.maxWidth = new y(100, "px"), this.rendererMap = new I(new Te(), new Te(), void 0), this.classes = new I(
+    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 Ie(), new Ie(), void 0), this.classes = new I(
       [],
       ["ge-table-text-align-left"],
       []
@@ -5576,7 +5618,7 @@ class T {
   static buildColumnDefs(e, t = []) {
     for (const s of e)
       s.property && t.push(
-        H.create({
+        V.create({
           property: s.property,
           headerLabel: s.data ? s.data : s.property,
           isVisible: () => typeof s.isVisible == "function" ? s.isVisible() : !0
@@ -5717,14 +5759,14 @@ class Os {
     return !1;
   }
 }
-const Z = class Z {
-  constructor(e = new fe()) {
+const Q = class Q {
+  constructor(e = new me()) {
     this.headerGroupOptions = e;
   }
   render(e, t, s, o, i, r, n) {
     const l = r != null && r.data ? r.data : "";
     if (r) {
-      const { toggle: a, visibility: c, closed: h } = r, u = a ? Z.toggleHeaderGroup : "";
+      const { toggle: a, visibility: c, closed: h } = r, u = a ? Q.toggleHeaderGroup : "";
       this.addText(e, o, t, s, l, u), a && c !== "always" && this.addArrowDiv(n, e, !h, t, s, o, u);
     } else
       this.addText(e, o, t, s, l, "");
@@ -5756,11 +5798,11 @@ const Z = class Z {
     }
   }
 };
-Z.toggleHeaderGroup = "toggleHeaderGroup";
-let le = Z;
+Q.toggleHeaderGroup = "toggleHeaderGroup";
+let ae = Q;
 class $s {
-  constructor(e = "header", t, s = [], o, i = new fe()) {
-    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 le(this.headerGroupOptions), this.groupExts = T.buildGroupExts(t), this.init();
+  constructor(e = "header", t, s = [], o, i = new me()) {
+    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 ae(this.headerGroupOptions), this.groupExts = T.buildGroupExts(t), this.init();
   }
   init() {
     var e;
@@ -6120,7 +6162,7 @@ class We {
     this.action = e, this.area = t, this.areaModel = s, this.rowIndex = o, this.columnIndex = i, this.id = r;
   }
 }
-class $ {
+class _ {
   constructor(e, t, s = "", o = "", i = "button", r = !0) {
     this.action = e, this.label = t, this.icon = s, this.elementClass = o, this.elementType = i, this.enabled = r;
   }
@@ -6181,13 +6223,13 @@ 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", n = e.getAttribute("data-id") ?? "unknown";
     if (s && o && i) {
-      const l = Q(s), a = Number(o), c = Number(i);
+      const l = ee(s), a = Number(o), c = Number(i);
       return new We(r, l, t, a, c, n);
     }
     return null;
   }
   getCrudActions(e) {
-    return Array.isArray(e) && e.every((t) => t instanceof $) ? e : this.crudActions;
+    return Array.isArray(e) && e.every((t) => t instanceof _) ? e : this.crudActions;
   }
 }
 const Zs = function(d, e, t) {
@@ -6225,7 +6267,7 @@ class Ne {
     }
   }
 }
-class Qs extends ge {
+class Qs extends fe {
   constructor(e) {
     super("row", "multi"), this.model = e;
   }
@@ -6313,21 +6355,21 @@ class eo {
     this.r = e, this.g = t, this.b = s;
   }
 }
-class Ie {
+class ke {
   constructor(e, t, s, o) {
     this.minValue = e, this.minColor = t, this.maxValue = s, this.maxColor = o;
   }
 }
-class Y {
+class K {
   static normalize(e, t, s, o = 0, i = 1) {
     return (e - t) / (s - t) * (i - o) + o;
   }
   static getTwoColorGradientRGB(e, t) {
-    const s = Y.normalize(e, t.minValue, t.maxValue, 0, 1), o = t.maxColor.r - t.minColor.r, i = t.maxColor.g - t.minColor.g, r = t.maxColor.b - t.minColor.b, n = o * s + t.minColor.r, l = i * s + t.minColor.g, a = r * s + t.minColor.b;
+    const s = K.normalize(e, t.minValue, t.maxValue, 0, 1), o = t.maxColor.r - t.minColor.r, i = t.maxColor.g - t.minColor.g, r = t.maxColor.b - t.minColor.b, n = o * s + t.minColor.r, l = i * s + t.minColor.g, a = r * s + t.minColor.b;
     return `rgb(${Math.round(n)}, ${Math.round(l)}, ${Math.round(a)})`;
   }
   static getThreeColorGradientRGB(e, t) {
-    return e < t.middleValue ? Y.getTwoColorGradientRGB(e, new Ie(t.minValue, t.minColor, t.middleValue, t.middleColor)) : e > t.middleValue ? Y.getTwoColorGradientRGB(e, new Ie(t.middleValue, t.middleColor, t.maxValue, t.maxColor)) : `rgb(${t.middleColor.r}, ${t.middleColor.g}, ${t.middleColor.b})`;
+    return e < t.middleValue ? K.getTwoColorGradientRGB(e, new ke(t.minValue, t.minColor, t.middleValue, t.middleColor)) : e > t.middleValue ? K.getTwoColorGradientRGB(e, new ke(t.middleValue, t.middleColor, t.maxValue, t.maxColor)) : `rgb(${t.middleColor.r}, ${t.middleColor.g}, ${t.middleColor.b})`;
   }
 }
 class to {
@@ -6391,7 +6433,7 @@ class $t {
     return s.join("");
   }
 }
-class oe {
+class ie {
   constructor(e, t, s = "Edit Item") {
     this.idKey = e, this.dialogTitle = s, this.object = { ...t };
   }
@@ -6480,14 +6522,14 @@ class _t {
         method: "GET"
       }
     }, this.singleRowActions = [
-      new $("VIEW", "View", "", "", "link"),
-      new $("EDIT", "Edit", "", "", "link"),
-      new $("CLONE", "Clone", "", "", "link"),
-      new $("DELETE", "Delete", "", "", "link")
+      new _("VIEW", "View", "", "", "link"),
+      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")
+      new _("CREATE", "Create", "", "", "button"),
+      new _("DELETE_SELECTED", "Delete Selected", "", "", "button")
     ], this.autoAddActionColumn = !0, this.columnWidths = new Ot(), 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";
@@ -6550,21 +6592,21 @@ class so {
     this.crudOptions = e, this.listenActionEvent = o, e.fetchList(e).then((i) => {
       var r, n, l, a;
       if (t.rows = i, i != null && i.length) {
-        const c = (r = t.columnDefs) != null && r.length ? t.columnDefs.map((w) => w.property) : this.extractProperties(i[0]), h = new ge("row", "multi"), u = () => h;
+        const c = (r = t.columnDefs) != null && r.length ? t.columnDefs.map((w) => w.property) : this.extractProperties(i[0]), h = new fe("row", "multi"), u = () => h;
         this.tableOptions = {
-          ...new X(),
+          ...new J(),
           ...t.tableOptions,
           hoverColumnVisible: !1,
           getSelectionModel: u
         };
-        const f = this.calcAutoColumnWidths(i, c), p = (n = t.columnDefs) != null && n.length ? t.columnDefs : c.map((w, S) => new H(w, w.toUpperCase(), new y(f[S], "px")));
+        const f = this.calcAutoColumnWidths(i, c), p = (n = t.columnDefs) != null && n.length ? t.columnDefs : c.map((w, S) => new V(w, w.toUpperCase(), new y(f[S], "px")));
         if ((l = e == null ? void 0 : e.columnWidths) != null && l.autoCalc)
           for (let w = 0; w < p.length; w++) {
             const S = p[w];
             S.width = new y(f[w], "px");
           }
         if (e.autoAddActionColumn) {
-          let w = new H(
+          let w = new V(
             "id",
             "Actions",
             Et,
@@ -6577,7 +6619,7 @@ class so {
           ), p.push(w);
         }
         const m = 0, g = e.calcFixedRightColumnCount(p.length);
-        this.tableModel = _.buildByTypedRowsParam({
+        this.tableModel = B.buildByTypedRowsParam({
           rows: i,
           columnDefs: p,
           tableOptions: this.tableOptions,
@@ -6603,7 +6645,7 @@ class so {
     } else if (e.action === "EDIT") {
       let r = e.id;
       const n = this.crudOptions.getIdKey() ?? "id";
-      (s = this.crudOptions) == null || s.fetchItem(this.crudOptions, r).then((l) => (console.info(l), new oe(
+      (s = this.crudOptions) == null || s.fetchItem(this.crudOptions, r).then((l) => (console.info(l), new ie(
         n,
         l
       ).openDialog((a) => {
@@ -6614,7 +6656,7 @@ class so {
       const n = this.crudOptions.getIdKey() ?? "id";
       (o = this.crudOptions) == null || o.fetchItem(this.crudOptions, r).then((l) => {
         const a = JSON.parse(JSON.stringify(l));
-        return new oe(
+        return new ie(
           n,
           a,
           "Clone Item"
@@ -6624,7 +6666,7 @@ class so {
       });
     } else if (e.action === "CREATE") {
       const r = this.crudOptions.getIdKey() ?? "id", n = JSON.parse(JSON.stringify(this.crudOptions.getEmptyItem()));
-      return new oe(
+      return new ie(
         r,
         n,
         "Create Item"
@@ -6686,71 +6728,71 @@ class oo {
   }
 }
 export {
-  he as AbstractAreaModel,
+  ue as AbstractAreaModel,
   We as ActionEvent,
   Lt as ActionsCellRenderer,
-  Le as AnyPropertyType,
+  Oe as AnyPropertyType,
   Ds as AreaMapFactory,
   Os as AreaModel,
   P as AreaModelArrayOfArrays,
   $s as AreaModelCellGroups,
   F as AreaModelHidden,
-  He as AreaModelObjectArray,
-  Me as AreaModelObjectArrayWithColumndefs,
-  Re as AreaModelTree,
+  $ as AreaModelObjectArray,
+  Te as AreaModelObjectArrayWithColumndefs,
+  Ae as AreaModelTree,
   I as AreaObjectMap,
-  B as ArrayPropertyType,
+  H as ArrayPropertyType,
   Ls as AutoRestoreOptions,
   Ht as AvoidDoubleExecution,
   Ye as BooleanPropertyType,
   Pt as CellGroup,
   Ft as CellGroupExt,
-  le as CellGroupExtCellRenderer,
+  ae as CellGroupExtCellRenderer,
   A as CellRange,
   T as CellgroupFactory,
   Hs as CheckboxBooleanPropertyCellRenderer,
-  Te as CheckboxCellRenderer,
+  Ie as CheckboxCellRenderer,
   ks as CheckboxColumnDef,
   Tt as CheckboxModel,
   Cs as ChunkData,
   at as ColAndRowspanModel,
   it as CollapsedExpandedData,
   eo as ColorRgb,
-  H as ColumnDef,
+  V as ColumnDef,
   Vt as ColumnDefGenerator,
   Ot as ColumnWidths,
   Qe as ConvenienceDomService,
-  J as CopyService,
-  $ as CrudAction,
-  oe as CrudObjectEdit,
+  q as CopyService,
+  _ as CrudAction,
+  ie as CrudObjectEdit,
   $t as CrudObjectView,
   _t as CrudOptions,
   so as CrudTableModelFactory,
-  xe as CssVars,
+  Se as CssVars,
   Ws as DateToIntlDDMMYYYYCellRenderer,
   Vs as DateToIsoCellRenderer,
   Ns as DateToLocaleDateCellRenderer,
   Us as DateToTecCellRenderer,
-  G as DefaultRowHeights,
+  z as DefaultRowHeights,
   lt as EleScope,
-  re as EventAdapter,
+  ne as EventAdapter,
   Gt as EventCheckboxChangedHandler,
   Rt as ExcelService,
-  Ce as FalseFn,
+  ve as FalseFn,
   xt as FocusModel,
   ut as GeCellIndices,
-  Y as GeCssColorUtil,
+  K as GeCssColorUtil,
   _s as GeFilterService,
   Ps as GeKeyEvent,
-  pe as GeModelChangeEvent,
-  de as GeMouseEvent,
+  ge as GeModelChangeEvent,
+  he as GeMouseEvent,
   L as GeoData,
   O as Icon,
   vs as IndexAndPx,
   wt as InputCellRenderer,
   ht as InputHandler,
-  be as JsonService,
-  V as LicenseManager,
+  ye as JsonService,
+  W as LicenseManager,
   Gs as MaleFemaleToIconCellRenderer,
   tt as MouseHandler,
   et as MouseTargetData,
@@ -6761,18 +6803,18 @@ export {
   Ue as NumberPropertyType,
   D as ObjectPropertyType,
   ft as OsxShortcutActionIdMapping,
-  ke as PROPERTY_TYPE_KEY_ANY,
-  Fe as PROPERTY_TYPE_KEY_ARRAY,
-  ce as PROPERTY_TYPE_KEY_BOOLEAN,
-  De as PROPERTY_TYPE_KEY_NULL,
-  ae as PROPERTY_TYPE_KEY_NUMBER,
-  j as PROPERTY_TYPE_KEY_OBJECT,
-  Pe as PROPERTY_TYPE_KEY_STRING,
-  z as PROPERTY_TYPE_KEY_UNDEFINED,
-  Ee as Padding,
+  De as PROPERTY_TYPE_KEY_ANY,
+  Le as PROPERTY_TYPE_KEY_ARRAY,
+  de as PROPERTY_TYPE_KEY_BOOLEAN,
+  Pe as PROPERTY_TYPE_KEY_NULL,
+  ce as PROPERTY_TYPE_KEY_NUMBER,
+  U as PROPERTY_TYPE_KEY_OBJECT,
+  Fe as PROPERTY_TYPE_KEY_STRING,
+  j as PROPERTY_TYPE_KEY_UNDEFINED,
+  Me as Padding,
   qs as PositiveAndNegativeNumberRenderer,
   Js as ProgressBarCellRenderer,
-  Oe as PropertyItem,
+  $e as PropertyItem,
   Wt as PropertyTypeService,
   ct as RenderScope,
   Bs as Renderer,
@@ -6780,14 +6822,14 @@ export {
   vt as ResizeHandler,
   Nt as SchemeGenerator,
   Ne as SelectCellRenderer,
-  ge as SelectionModel,
+  fe as SelectionModel,
   pt as SelectionService,
   bt as ShortcutService,
   Xs as SimpleArrayCellRenderer,
   yt as SimpleDomService,
   y as Size,
   dt as SortItem,
-  _e as SortedOptions,
+  Be as SortedOptions,
   Ks as StarRatingCellRenderer,
   rt as StoreStateCollapsedExpandService,
   ot as StoreStateScrollPosService,
@@ -6795,22 +6837,22 @@ export {
   je as StringPropertyType,
   st as TableApi,
   Fs as TableCellUpdateEvent,
-  _ as TableFactory,
-  se as TableModel,
+  B as TableFactory,
+  oe as TableModel,
   It as TableModelAndOptions,
-  X as TableOptions,
+  J as TableOptions,
   Ve as TableScope,
   to as ThreeColorGradientArg,
-  Ae as TreeCheckboxModel,
-  ne as TreeFactory,
-  $e as TreeOptions,
-  Se as TreeRow,
+  Ee as TreeCheckboxModel,
+  le as TreeFactory,
+  _e as TreeOptions,
+  Ce as TreeRow,
   Mt as TreeRowService,
   js as TrueFalseCellRenderer,
   At as TrueFn,
-  Ie as TwoColorGradientArg,
-  K as UNIMPORTANT_TYPES,
-  te as UndefinedPropertyType,
+  ke as TwoColorGradientArg,
+  X as UNIMPORTANT_TYPES,
+  se as UndefinedPropertyType,
   oo as UrlInfo,
   Ke as ValueInfo,
   Dt as ValueLabel,
@@ -6822,17 +6864,17 @@ export {
   As as bodyCenter,
   Rs as bodyLeft,
   Es as bodyRight,
-  we as createHarmonizedShortcutByKeyboardEvent,
+  xe as createHarmonizedShortcutByKeyboardEvent,
   Ge as debounce,
   Zs as editInputPipeForNumber,
-  ye as entitySuffix,
+  we as entitySuffix,
   qe as firstLetterUppercase,
-  Q as getAreaIdentByString,
+  ee as getAreaIdentByString,
   Xe as getEntityName,
   mt as harmonizeShortcut,
-  ie as isAreaModelTree,
+  re as isAreaModelTree,
   Ze as isCheckboxColumnDef,
-  N as isTreeRow,
+  G as isTreeRow,
   xs as px0,
   ws as px10,
   ds as px100,
@@ -6846,7 +6888,7 @@ export {
   ss as px180,
   ts as px190,
   ys as px20,
-  ve as px200,
+  Re as px200,
   es as px210,
   Qt as px220,
   Zt as px230,