@guiexpert/table 1.1.72 → 1.1.75

package/index.js

@@ -15,7 +15,7 @@ function Ge(d, e = 500) {
     }, e);
   };
 }
-function Ht(d = 500) {
+function Vt(d = 500) {
   return function(e, t, s) {
     let o = 0;
     const i = s.value;
@@ -25,8 +25,8 @@ function Ht(d = 500) {
     }, s;
   };
 }
-const De = "any", j = "undefined", Pe = "null", Fe = "string", ce = "number", de = "boolean", Le = "Array", U = "object", X = [Pe, j, De];
-class Oe {
+const De = "any", j = "undefined", Pe = "null", Fe = "string", ce = "number", de = "boolean", Oe = "Array", U = "object", X = [Pe, j, De];
+class Le {
   constructor(e) {
     this.propertyName = e, this.type = De;
   }
@@ -56,12 +56,12 @@ class Ye {
     this.propertyName = e, this.type = de;
   }
 }
-class H {
+class V {
   constructor(e, t = []) {
-    this.propertyName = e, this.items = t, this.type = Le;
+    this.propertyName = e, this.items = t, this.type = Oe;
   }
 }
-class $e {
+class _e {
   constructor(e, t = []) {
     this.propertyName = e, this.types = t;
   }
@@ -74,7 +74,7 @@ class D {
     this.propertyName = e, this.className = t, this.properties = s, this.type = U;
   }
 }
-class Vt {
+class Ht {
   constructor() {
     this.rootPropertyType = null, this.allowCustomRenderer = !0, this.bufCustomRenderer = [], this.LABEL_MAPPINGS = {
       Id: "ID",
@@ -100,7 +100,7 @@ class Vt {
     const s = [];
     if (!this.rootPropertyType)
       return s;
-    if (e instanceof H) {
+    if (e instanceof V) {
       const o = e.items.find((i) => i.type === U);
       if (o && o instanceof D) {
         const i = o.properties;
@@ -119,26 +119,26 @@ class Vt {
           this.iteratePropertyItems(e, n.properties, l);
         else {
           let a = "";
-          if (n instanceof H) {
+          if (n instanceof V) {
             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 === Le) {
+          let h = 100, u = "", g = "ge-table-text-align-left";
+          if (n.type === Oe) {
             if (this.allowCustomRenderer && a) {
               const p = `${a}ArrayCellRenderer`;
-              u = `      bodyRenderer: new ${p}(),`, f = "", this.renderCumstomCellRenderer(a, p);
+              u = `      bodyRenderer: new ${p}(),`, g = "", this.renderCumstomCellRenderer(a, p);
             } else
               u = "      bodyRenderer: new SimpleArrayCellRenderer(),";
             h = 250;
-          } 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);
+          } else n.type === ce ? (u = "      bodyRenderer: new NumberCellRenderer(),", g = "ge-table-text-align-right") : n.type === de && (u = "      bodyRenderer: new TrueFalseCellRenderer(),", g = "ge-table-text-align-center", h = 80);
           e.push(`    ColumnDef.create({
       property: "${l}",
       headerLabel: "${c}",
       width: new Size(${h}, "px"),
-      bodyClasses: ["${f}"],
-      headerClasses: ["${f}"],`), u && e.push(u), e.push("    }),");
+      bodyClasses: ["${g}"],
+      headerClasses: ["${g}"],`), u && e.push(u), e.push("    }),");
         }
       }
     }
@@ -262,7 +262,7 @@ class ye {
 }
 class Ke {
   constructor() {
-    this.property = "", this.value = "", this.path = "", this.propertyItem = new $e("", [new Oe("")]);
+    this.property = "", this.value = "", this.path = "", this.propertyItem = new _e("", [new Le("")]);
   }
   toString() {
     var e;
@@ -515,7 +515,7 @@ class Wt {
           const l = r.propertyItem.types.filter((a) => !X.includes(a.type));
           if (l.length === 1) {
             const a = l[0];
-            if (a instanceof H) {
+            if (a instanceof V) {
               n = !0;
               for (const c of o.propertyItem.types)
                 a.items.push(c);
@@ -527,7 +527,7 @@ class Wt {
         }
       }
     }
-    return t || new Oe("");
+    return t || new Le("");
   }
   logValueInfos(e) {
     for (let t = 0; t < e.length; t++) {
@@ -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 $e(t, [
+    return new _e(t, [
       this.createPropertyType(e, t)
     ]);
   }
   createPropertyType(e, 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);
+    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 V(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 H) {
+    if (e instanceof V) {
       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 H)
+            else if (a instanceof V)
               for (const c of a.items)
                 c instanceof D && this.renderTypeScriptInterfacesFifo.push(c);
         }
@@ -655,7 +655,7 @@ class Nt {
     return t.includes(this.orOperator) ? "(" + t + ")" : t;
   }
   renderType(e, t) {
-    if (e instanceof H) {
+    if (e instanceof V) {
       const s = e.items.map((o) => this.renderType(o, t)).join(this.orOperator);
       return s.includes(this.orOperator) ? `(${s})[]` : `${s}[]`;
     }
@@ -721,25 +721,25 @@ class he {
     );
   }
 }
-class O {
+class _ {
   constructor(e = ">", t = "", s = []) {
     this.content = e, this.style = t, this.classes = s;
   }
 }
-class _e {
-  constructor(e = new O(
+class $e {
+  constructor(e = new _(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), t = new O(
+  ), t = new _(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), s = new O(
+  ), s = new _(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), o = new O(
+  ), o = new _(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
@@ -748,7 +748,7 @@ class _e {
   }
 }
 class Be {
-  constructor(e = new O("↑", "", ["ge-header-sorted-asc"]), t = new O("↓", "", ["ge-header-sorted-desc"]), s = new O("↑", "color:transparent;", [])) {
+  constructor(e = new _("↑", "", ["ge-header-sorted-asc"]), t = new _("↓", "", ["ge-header-sorted-desc"]), s = new _("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
@@ -838,10 +838,10 @@ class Qe {
     return this.domService.appendChild(e.child, l), l;
   }
   addColumnDiv(e) {
-    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: n, text: l = "", treeArrow: a, tableOptions: c, checkedType: h = void 0, sortState: u } = e, f = c == null ? void 0 : c.treeOptions, p = c == null ? void 0 : c.showCheckboxWihoutExtraColumn, m = this.domService.createElement("div");
+    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: n, text: l = "", treeArrow: a, tableOptions: c, checkedType: h = void 0, sortState: u } = e, g = c == null ? void 0 : c.treeOptions, p = c == null ? void 0 : c.showCheckboxWihoutExtraColumn, m = this.domService.createElement("div");
     this.domService.addClass(m, "ge-table-col-div"), p && this.domService.addClass(m, "ge-with-checkbox"), this.domService.addClass(m, `ge-table-col-div-${s.index}`), this.domService.setAttribute(m, "data-col-index", `${s.index}`), this.domService.setAttribute(m, "data-row-index", `${o}`), this.domService.setAttribute(m, "data-area", `${r}`);
-    const g = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (r === "body" && n === "center" && this.domService.addClass(m, `ge-table-column-${g}`), this.domService.setStyle(m, "display", "clip"), this.domService.setStyle(m, "position", "absolute"), this.domService.setStyle(m, "left", `${s.left}px`), this.domService.setStyle(m, "top", `${s.top}px`), this.domService.setStyle(m, "width", `${s.width}px`), this.domService.setStyle(m, "height", `${s.height}px`), a && a !== "none" && (this.domService.addClass(m, "ge-table-col-tree"), this.addArrowDiv(m, a, f, o, i, r)), p && i === 0 && h && this.addCheckboxToDiv(m, h, r, o), l) {
+    const f = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
+    if (r === "body" && n === "center" && this.domService.addClass(m, `ge-table-column-${f}`), this.domService.setStyle(m, "display", "clip"), this.domService.setStyle(m, "position", "absolute"), this.domService.setStyle(m, "left", `${s.left}px`), this.domService.setStyle(m, "top", `${s.top}px`), this.domService.setStyle(m, "width", `${s.width}px`), this.domService.setStyle(m, "height", `${s.height}px`), a && a !== "none" && (this.domService.addClass(m, "ge-table-col-tree"), this.addArrowDiv(m, a, g, o, i, r)), p && i === 0 && h && this.addCheckboxToDiv(m, h, r, o), l) {
       const b = a !== "none" && i === 0;
       this.addLabelDiv(m, l, b, o, i, r);
     }
@@ -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;
@@ -1140,6 +1140,8 @@ class ue {
   doSort(e) {
     return !1;
   }
+  sort(e) {
+  }
   isEditable(e, t) {
     var o, i;
     const s = (o = this.columnDefs) == null ? void 0 : o[t];
@@ -1177,7 +1179,7 @@ class ue {
       this.yPositions[t + 1] = this.getRowHeight(t) + this.yPositions[t];
   }
 }
-class He {
+class Ve {
   genericSortComparator(e, t, s) {
     if (typeof e == "number" && typeof t == "number")
       return s * (e - t);
@@ -1195,9 +1197,15 @@ class He {
     return s * ("" + e).localeCompare("" + t);
   }
 }
-class $ extends ue {
+class O 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 He(), this.filteredRows = [...t], this.properties = o.map((n) => n.property);
+    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.selectedRowClass = i, this.focusedRowClass = r, this.sorterService = new Ve(), this._focusedRowIndex = 0, this.filteredRows = [...t], this.properties = o.map((n) => n.property);
+  }
+  get focusedRowIndex() {
+    return this._focusedRowIndex;
+  }
+  set focusedRowIndex(e) {
+    this._focusedRowIndex = e;
   }
   setRows(e) {
     this.rows = e, this.filteredRows = [...e];
@@ -1229,6 +1237,28 @@ class $ extends ue {
   getAllRows() {
     return this.rows;
   }
+  /**
+   * Returns the first row from the filtered rows that matches the given criteria based on the provided predicate function.
+   *
+   * @param {Partial<T>} criteria - A partial object containing the search criteria
+   * @param {(criteria: Partial<T>, row: T) => boolean} predicate - A function that takes the search criteria and a row,
+   *        and returns true if the row matches the criteria
+   * @returns {T | undefined} The first matching row, or undefined if no match is found
+   */
+  findRowFromFilteredRowsByAllCriteria(e, t) {
+    return this.getFilteredRows().find((s) => t(e, s));
+  }
+  /**
+   * Searches through all rows to find a row that matches the given criteria based on the predicate function.
+   *
+   * @param {Partial<T>} criteria - A partial object containing the search criteria
+   * @param {(criteria: Partial<T>, row: T) => boolean} predicate - A function that takes the search criteria and a row,
+   *        and returns true if the row matches the criteria
+   * @returns {T | undefined} The first matching row from all rows, or undefined if no match is found
+   */
+  findRowFromAllRowsByAllCriteria(e, t) {
+    return this.getAllRows().find((s) => t(e, s));
+  }
   getRowHeight(e) {
     return this.defaultRowHeight;
   }
@@ -1245,15 +1275,19 @@ class $ extends ue {
     }
     return !0;
   }
+  sort(e) {
+    this.filteredRows = this.filteredRows.sort(e);
+  }
   getValueByT(e, t) {
-    return t.includes(".") ? this.getPropertyValue(e, t.split(".")) : e[t];
+    if (e && t)
+      return t.includes(".") ? this.getPropertyValue(e, t.split(".")) : e[t];
   }
   changeColumnOrder(e, t) {
     this.arrayMove(this.properties, e, t), super.changeColumnOrder(e, t);
   }
   getCustomClassesAt(e, t) {
     const s = super.getCustomClassesAt(e, t);
-    return this.getRowByIndex(e).selected && s.push(this.selectedRowClass), this.focusedRowIndex === e && s.push(this.focusedRowClass), s;
+    return this.getRowByIndex(e).selected && s.push(this.selectedRowClass), this._focusedRowIndex === e && s.push(this.focusedRowClass), s;
   }
   genericFlatTableSortComparator(e, t) {
     const s = this.columnDefs.find((o) => o.property === e);
@@ -1481,58 +1515,314 @@ class st {
   getSelectionModel() {
     return this.tableScope.selectionModel();
   }
+  /**
+   * Automatically resizes all columns to fit their content.
+   *
+   * @param {boolean} recalcWrappers - Determines whether to recalculate wrapper dimensions after resizing columns.
+   *                                   Default value is true.
+   * 
+   * @return {void} - This method doesn't return anything.
+   */
   autoResizeColumns(e = !0) {
     this.tableScope.autoResizeColumns(e);
   }
+  /**
+   * Recalculates the dimensions of all wrapper elements in the table.
+   * 
+   * This method is typically called after changes to the table structure or content
+   * that might affect the layout, such as resizing columns or changing row heights.
+   * It ensures that all wrapper elements are properly sized to match their content.
+   *
+   * @return {void} - This method doesn't return anything.
+   */
   recalcWrappers() {
     this.tableScope.recalcWrappers();
   }
+  /**
+   * Sets the width of a specific column in the table.
+   *
+   * @param {number} columnIndex - The index of the column to resize.
+   * @param {number} width - The new width to set for the column, in pixels.
+   * 
+   * @return {void} - This method doesn't return anything.
+   */
   setColumnWidth(e, t) {
     this.tableScope.setColumnWidth(e, t);
   }
+  /**
+   * Retrieves the table model that contains all data and structure information for the table.
+   *
+   * @return {TableModelIf} The table model interface that provides access to the table's data structure,
+   *                        including header, body, and footer area models.
+   */
   getTableModel() {
     return this.tableScope.tableModel;
   }
+  /**
+   * Retrieves the area model for the body section of the table.
+   *
+   * @return {AreaModelIf} The area model interface that provides access to the table's body data,
+   *                       including rows, cells, and their values.
+   */
   getBodyModel() {
     return this.tableScope.tableModel.getBodyModel();
   }
+  /**
+   * Sets the rows data for the table body, replacing any existing rows.
+   *
+   * @template T - The type of elements in the rows array
+   * @param {T[]} rows - An array of data objects to set as the table's rows
+   * 
+   * @description
+   * This method replaces all existing rows in the table body with the provided array of data objects.
+   * It only works with tables that use AreaModelObjectArray as their body model.
+   * 
+   * @return {void} - This method doesn't return anything.
+   * 
+   * @throws {Warning} Logs a console warning if the table's body model is not an AreaModelObjectArray
+   */
   setRows(e) {
     const t = this.getBodyModel();
-    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);
+    t instanceof O ? t.setRows(e) : console.warn("setRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof t, t);
   }
+  /**
+   * Adds new rows to the end of the table body.
+   *
+   * @template T - The type of elements in the rows array
+   * @param {T[]} rows - An array of data objects to append to the table's existing rows
+   * 
+   * @description
+   * This method appends the provided array of data objects to the end of the existing rows in the table body.
+   * It only works with tables that use AreaModelObjectArray as their body model.
+   * 
+   * @return {void} - This method doesn't return anything.
+   * 
+   * @throws {Warning} Logs a console warning if the table's body model is not an AreaModelObjectArray
+   */
   addRows(e) {
     const t = this.getBodyModel();
-    if (t instanceof $) {
+    if (t instanceof O) {
       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);
   }
+  /**
+   * Inserts new rows at a specific position in the table body.
+   *
+   * @template T - The type of elements in the rows array
+   * @param {T[]} rows - An array of data objects to insert into the table
+   * @param {number} rowIndex - The index position where the new rows should be inserted
+   * 
+   * @description
+   * This method inserts the provided array of data objects at the specified index position in the table body.
+   * Existing rows at or after the specified index will be shifted down.
+   * It only works with tables that use AreaModelObjectArray as their body model.
+   * 
+   * @return {void} - This method doesn't return anything.
+   * 
+   * @throws {Warning} Logs a console warning if the table's body model is not an AreaModelObjectArray
+   */
   addRowsAt(e, t) {
     const s = this.getBodyModel();
-    if (s instanceof $) {
+    if (s instanceof O) {
       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);
   }
+  /**
+   * Removes specified rows from the table body.
+   *
+   * @template T - The type of elements in the rows array
+   * @param {T[]} rows - An array of data objects to remove from the table
+   * @param {(a: T, b: T) => boolean} predicate - A comparison function that determines if two rows match
+   *   - Default predicate uses strict equality (===)
+   *   - The function should return true if the rows are considered a match
+   * 
+   * @description
+   * This method removes rows from the table body that match any of the provided rows based on the predicate function.
+   * It only works with tables that use AreaModelObjectArray as their body model.
+   * 
+   * @return {void} - This method doesn't return anything.
+   * 
+   * @throws {Warning} Logs a console warning if the table's body model is not an AreaModelObjectArray
+   */
   removeRows(e, t = (s, o) => s === o) {
     const s = this.getBodyModel();
-    if (s instanceof $) {
+    if (s instanceof O) {
       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);
   }
+  /**
+   * Searches for and returns rows from the table body that match the given criteria.
+   *
+   * @template T - The type of elements in the rows array
+   * 
+   * @description
+   * This method searches through the table body model for rows that match the provided criteria.
+   * It only works with tables that use AreaModelObjectArray as their body model.
+   * The method uses a predicate function to determine matches between rows.
+   *
+   * @param {T[]} rows - An array of rows to search for in the table body
+   * @param {(a: T, b: T) => boolean} predicate - A comparison function that determines if two rows match
+   *   - Default predicate uses strict equality (===)
+   *   - The function should return true if the rows are considered a match
+   *   - Parameters:
+   *     - a: The row from the table body being checked
+   *     - b: The row from the input array being searched for
+   *
+   * @returns {T[]} An array containing all matching rows found in the table body
+   *   - Returns an empty array if:
+   *     - The body model is not an instance of AreaModelObjectArray
+   *     - No matches are found
+   *
+   * @example
+   * // Find rows with simple equality comparison
+   * const matchingRows = table.findRows([row1, row2]);
+   *
+   * @example
+   * // Find rows with custom comparison logic
+   * const matchingRows = table.findRows([row1, row2], (a, b) => a.id === b.id);
+   *
+   * @throws {Warning} Logs a console warning if the table's body model is not an AreaModelObjectArray
+   */
   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), []);
+    return s instanceof O ? 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), []);
+  }
+  /**
+   * Searches through the filtered rows of the table to find a row that matches specific criteria.
+   * This method only works with tables that use AreaModelObjectArray as their body model.
+   *
+   * @template T - The type of the row objects in the table
+   * 
+   * @param {Partial<T>} criteria - A partial object containing the search criteria.
+   *                               Only needs to include the properties you want to match against.
+   * 
+   * @param {(criteria: Partial<T>, row: T) => boolean} predicate - A function that defines how to match rows against the criteria.
+   *                                                               Returns true if the row matches the criteria, false otherwise.
+   * 
+   * @returns {T | undefined} The first matching row from the filtered rows, or undefined if no match is found
+   *                         or if the body model is not an instance of AreaModelObjectArray.
+   * 
+   * @example
+   * ```typescript
+   * interface Person {
+   *   id: number;
+   *   name: string;
+   *   age: number;
+   * }
+   * 
+   * // Find a person by exact match
+   * const criteria = { name: "John", age: 30 };
+   * const person = tableApi.findRowFromFilteredRowsByAllCriteria<Person>(
+   *   criteria,
+   *   (criteria, row) => row.name === criteria.name && row.age === criteria.age
+   * );
+   * 
+   * // Find a person by partial name match
+   * const searchCriteria = { name: "Jo" };
+   * const person2 = tableApi.findRowFromFilteredRowsByAllCriteria<Person>(
+   *   searchCriteria,
+   *   (criteria, row) => row.name.toLowerCase().includes(criteria.name!.toLowerCase())
+   * );
+   * 
+   * // Find a person within age range
+   * const ageCriteria = { minAge: 25, maxAge: 35 };
+   * const person3 = tableApi.findRowFromFilteredRowsByAllCriteria<Person>(
+   *   ageCriteria,
+   *   (criteria, row) => row.age >= criteria.minAge! && row.age <= criteria.maxAge!
+   * );
+   * ```
+   * 
+   * @throws {Warning} Logs a warning to console if the body model is not an instance of AreaModelObjectArray
+   * 
+   * @remarks
+   * - This method only searches through filtered rows (rows that are currently visible in the table)
+   * - If you need to search through all rows (including filtered out ones), use findRowFromAllRowsByAllCriteria instead
+   * - The predicate function gives you full control over how to match rows against your criteria
+   * - Returns undefined if either no match is found or if the table's body model is not compatible
+   */
+  findRowFromFilteredRowsByAllCriteria(e, t) {
+    const s = this.getBodyModel();
+    if (s instanceof O)
+      return s.getFilteredRows().find((i) => t(e, i));
+    console.warn("findRowFromFilteredRowsByAllCriteria(...) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s);
+  }
+  /**
+   * Searches through all rows in the table's body model to find a row that matches specified criteria.
+   * This method works only with AreaModelObjectArray<T> body models.
+   *
+   * @template T - The type of objects/rows in the table
+   * 
+   * @param {Partial<T>} criteria - A partial object containing the search criteria.
+   *                               Only needs to include the properties you want to match against.
+   * 
+   * @param {(criteria: Partial<T>, row: T) => boolean} predicate - A function that defines how to match rows against the criteria.
+   *                                                               Returns true if the row matches the criteria, false otherwise.
+   * 
+   * @returns {T | undefined} The first matching row, or undefined if no match is found or if the body model is not AreaModelObjectArray.
+   * 
+   * @example
+   * // Find a user row by id and name
+   * const criteria = { id: 1, name: "John" };
+   * const user = tableApi.findRowFromAllRowsByAllCriteria(criteria, 
+   *   (criteria, row) => row.id === criteria.id && row.name === criteria.name
+   * );
+   * 
+   * @example
+   * // Find a product row with partial match on name
+   * const criteria = { name: "Phone" };
+   * const product = tableApi.findRowFromAllRowsByAllCriteria(criteria,
+   *   (criteria, row) => row.name.includes(criteria.name)
+   * );
+   * 
+   * @example
+   * // Find an order with complex matching logic
+   * const criteria = { total: 100, status: "pending" };
+   * const order = tableApi.findRowFromAllRowsByAllCriteria(criteria,
+   *   (criteria, row) => {
+   *     return row.total > criteria.total && 
+   *            row.status === criteria.status &&
+   *            row.items.length > 0;
+   *   }
+   * );
+   * 
+   * @throws {Warning} Logs a warning to console if the body model is not an instance of AreaModelObjectArray
+   */
+  findRowFromAllRowsByAllCriteria(e, t) {
+    const s = this.getBodyModel();
+    if (s instanceof O)
+      return s.getAllRows().find((i) => t(e, i));
+    console.warn("findRowFromAllRowsByAllCriteria(...) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s);
   }
+  /**
+   * Updates existing rows in the table body with new data.
+   *
+   * @template T - The type of elements in the rows array
+   * @param {T[]} rows - An array of data objects containing the updated values
+   * @param {(a: T, b: T) => boolean} predicate - A comparison function that determines which rows to update
+   *   - Default predicate uses strict equality (===)
+   *   - The function should return true if the row should be updated
+   * 
+   * @description
+   * This method updates existing rows in the table body with new values from the provided rows array.
+   * For each row in the table, if the predicate returns true when compared with any row in the provided array,
+   * all properties from the provided row will be copied to the existing row.
+   * It only works with tables that use AreaModelObjectArray as their body model.
+   * 
+   * @return {void} - This method doesn't return anything.
+   * 
+   * @throws {Warning} Logs a console warning if the table's body model is not an AreaModelObjectArray
+   */
   updateRows(e, t = (s, o) => s === o) {
     const s = this.getBodyModel();
-    if (s instanceof $) {
+    if (s instanceof O) {
       let i = s.getAllRows();
       for (const r of i)
         for (const n of e)
@@ -1542,12 +1832,165 @@ class st {
     } 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);
   }
+  /**
+   * Re-applies the current sorting configuration to the table data.
+   *
+   * @description
+   * This method triggers a re-sort of the table data using the current sorting configuration.
+   * It's useful when the underlying data has changed and needs to be re-sorted without changing
+   * the sort columns or direction.
+   * 
+   * @return {void} - This method doesn't return anything.
+   */
   reSort() {
     this.tableScope.reSort();
   }
+  /**
+   * Sorts the table data using a custom comparison function.
+   * 
+   * This method allows sorting of table rows by providing a custom comparison function. The comparison function
+   * should follow the standard JavaScript array sort comparator pattern, returning:
+   * - A negative number if the first element should be sorted before the second
+   * - A positive number if the first element should be sorted after the second
+   * - Zero if the elements are equal
+   * 
+   * @param compareFn - A function that defines the sort order. The function should accept two arguments
+   *                   and return a number indicating their relative order:
+   *                   - Negative number: first argument should come before second
+   *                   - Positive number: second argument should come before first
+   *                   - Zero: elements are equal
+   * 
+   * @example
+   * // Sort table rows by a specific property in ascending order
+   * table.api.sort((a, b) => {
+   *   if (a.name < b.name) return -1;
+   *   if (a.name > b.name) return 1;
+   *   return 0;
+   * });
+   * 
+   * @example
+   * // Sort numbers in descending order
+   * table.api.sort((a, b) => b.value - a.value);
+   * 
+   * @example
+   * // Sort with multiple criteria
+   * table.api.sort((a, b) => {
+   *   // First sort by status
+   *   const statusCompare = a.status.localeCompare(b.status);
+   *   if (statusCompare !== 0) return statusCompare;
+   *   
+   *   // Then sort by name if status is equal
+   *   return a.name.localeCompare(b.name);
+   * });
+   * 
+   * @example
+   * // Case-insensitive string sorting
+   * table.api.sort((a, b) => 
+   *   a.name.toLowerCase().localeCompare(b.name.toLowerCase())
+   * );
+   */
+  sort(e) {
+    this.tableScope.sort(e);
+  }
+  /**
+   * Ensures that a specific row is visible in the viewport by scrolling if necessary.
+   * This method checks if the target row is within the currently visible range and
+   * adjusts the scroll position if it's not visible.
+   *
+   * The method performs the following:
+   * 1. Checks if the row is above the current viewport (before first visible row)
+   * 2. Checks if the row is below the current viewport (after last visible row)
+   * 3. Scrolls to make the row visible if needed
+   *
+   * @param {number} rowIndex - The index of the row to make visible
+   * @returns {boolean} Returns true if scrolling was needed and performed, false if the row was already visible
+   *
+   * @example
+   * // Ensure row 5 is visible in the viewport
+   * tableApi.ensureRowIsVisible(5);
+   *
+   * @example
+   * // Example usage in a component
+   * class MyTableComponent {
+   *   private tableApi: TableApi;
+   *
+   *   scrollToSpecificRow(rowIndex: number) {
+   *     // This will scroll the row into view if it's not visible
+   *     const didScroll = this.tableApi.ensureRowIsVisible(rowIndex);
+   *
+   *     if (didScroll) {
+   *       console.log(`Table scrolled to show row ${rowIndex}`);
+   *     } else {
+   *       console.log(`Row ${rowIndex} was already visible`);
+   *     }
+   *   }
+   * }
+   *
+   * @example
+   * // Example with row selection
+   * class TableHandler {
+   *   selectAndShowRow(rowIndex: number) {
+   *     // First ensure the row is visible
+   *     this.tableApi.ensureRowIsVisible(rowIndex);
+   *
+   *     // Then perform selection
+   *     this.selectionModel.selectRow(rowIndex);
+   *   }
+   * }
+   *
+   * @throws {Error} Implicitly may throw if rowIndex is not a number or if required properties are undefined
+   *
+   * @see {@link scrollToIndex} - The underlying method used for scrolling
+   * @see {@link getDisplayedRowCount} - Related method for getting visible row count
+   */
+  ensureRowIsVisible(e) {
+    return this.tableScope.ensureRowIsVisible(e);
+  }
+  /**
+   * Retrieves the number of rows currently displayed in the table.
+   *
+   * @description
+   * This method returns the count of rows that are currently visible in the table after
+   * applying any filtering, pagination, or other visibility constraints.
+   * 
+   * @return {number} The number of rows currently displayed in the table.
+   */
   getDisplayedRowCount() {
     return this.tableScope.getDisplayedRowCount();
   }
+  /**
+   * Returns the index of the first visible row in the table's viewport.
+   *
+   * This method retrieves the first visible row index from the table's scope, which is useful
+   * for virtual scrolling and viewport-related calculations. The index represents the topmost
+   * visible row in the current scroll position of the table.
+   *
+   * This value is maintained internally by the table and updated during scrolling operations.
+   * It's particularly important for:
+   * - Virtual scrolling optimization
+   * - Calculating visible range of rows
+   * - Viewport-related operations
+   * - Scroll position restoration
+   *
+   * @returns {number} The index of the first visible row in the table's viewport.
+   *                   Returns -1 if no rows are visible or if the table is not yet rendered.
+   *
+   * @example
+   * ```typescript
+   * // Get the first visible row index
+   * const tableApi = new TableApi(tableScope);
+   * const firstVisibleIndex = tableApi.getFirstVisibleRowIndex();
+   *
+   * // Use the index for scroll position calculations
+   * if (firstVisibleIndex >= 0) {
+   *   // Perform operations with the first visible row
+   *   console.log(`First visible row index: ${firstVisibleIndex}`);
+   * }
+   * ```
+   */
+  getFirstVisibleRowIndex() {
+    return this.tableScope.getFirstVisibleRowIndex();
+  }
 }
 class pe {
   constructor(e) {
@@ -2107,10 +2550,10 @@ class ct extends lt {
       }
       const u = r.getCustomClassesAt(t, s);
       u.length && this.dom.addClasses(u, l);
-      const f = r.getCustomStyleAt(t, s);
-      if (f)
-        for (const p in f)
-          this.dom.setStyle(l, p, f[p]);
+      const g = r.getCustomStyleAt(t, s);
+      if (g)
+        for (const p in g)
+          this.dom.setStyle(l, p, g[p]);
     }
   }
   /**
@@ -2208,7 +2651,7 @@ class ct extends lt {
    * @protected
    */
   adjustArea(e, t = 0) {
-    var g;
+    var f;
     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 n = 0, l = this.areaBodyCenterGeo.width, a = this.tableModel.getPadding(), c = this.tableModel.getAreaModel(e), h = c.getRowCount();
@@ -2217,7 +2660,7 @@ class ct extends lt {
       b && b();
     }
     let u = t;
-    const f = this.tableModel.getColumnCount(), p = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
+    const g = this.tableModel.getColumnCount(), p = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
     for (let b = 0; b < h; b++) {
       const w = u, S = b === h - 1, R = this.tableModel.getRowHeight(e, b);
       if (w + R > 0) {
@@ -2232,7 +2675,7 @@ class ct extends lt {
           parent: x,
           rowIndex: b,
           columnIndexStart: k,
-          columnIndexEnd: f - p - 1,
+          columnIndexEnd: g - p - 1,
           verticalFixed: !1,
           lastRowOfModel: S
         }), a.left > 0 && (C = { left: n, width: this.areaBodyWestGeo.width, height: R, top: w, index: b }, x = this.dom.addRowDiv(s, C, b, e, "west"), this.adjustColumnsToRowParent({
@@ -2253,8 +2696,8 @@ class ct extends lt {
           geo: C,
           parent: x,
           rowIndex: b,
-          columnIndexStart: f - p,
-          columnIndexEnd: f - 1,
+          columnIndexStart: g - p,
+          columnIndexEnd: g - 1,
           verticalFixed: !0,
           lastRowOfModel: S
         })), e === "header" && this.tree && b === h - 1) {
@@ -2278,13 +2721,13 @@ class ct extends lt {
       }
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
-      const b = ((g = this.colAndRowspanModels[e]) == null ? void 0 : g.getRanges()) ?? [];
+      const b = ((f = this.colAndRowspanModels[e]) == null ? void 0 : f.getRanges()) ?? [];
       if (b.length)
         for (const w of b) {
           let S = 0, R = o.child, C = "center";
           if (w.c1 < m)
             R = s.child, C = "west";
-          else if (p > 0 && w.c1 >= f - p)
+          else if (p > 0 && w.c1 >= g - p)
             R = i.child, C = "east";
           else {
             const x = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
@@ -2305,10 +2748,10 @@ class ct extends lt {
    * @protected
    */
   drawBigCell(e, t, s, o, i, r) {
-    const n = s + this.getRowHeights(0, e.r1 - 1, o).reduce((g, b) => g + b, 0), l = this.tableModel.getColumnCount(), a = this.tableModel.getFixedRightColumnCount();
+    const n = s + this.getRowHeights(0, e.r1 - 1, o).reduce((f, b) => f + b, 0), l = this.tableModel.getColumnCount(), a = this.tableModel.getFixedRightColumnCount();
     let c = 0;
     a > 0 && e.c1 >= l - a && (c = l - a);
-    const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((g, b) => g + b, 0), u = this.getRowHeights(e.r1, e.r2, o).reduce((g, b) => g + b, 0), f = this.getColumnWidths(e.c1, e.c2).reduce((g, b) => g + b, 0);
+    const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((f, b) => f + b, 0), u = this.getRowHeights(e.r1, e.r2, o).reduce((f, b) => f + b, 0), g = this.getColumnWidths(e.c1, e.c2).reduce((f, b) => f + b, 0);
     let p = !1;
     const m = this.getSelectionModel ? this.getSelectionModel() : void 0;
     m && (p = m.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
@@ -2319,7 +2762,7 @@ class ct extends lt {
       columnIndex: e.c1,
       left: h,
       top: n,
-      width: f,
+      width: g,
       height: u,
       parent: i,
       cellSelected: p,
@@ -2333,7 +2776,7 @@ class ct extends lt {
       columnIndex: e.c1,
       left: h,
       top: n,
-      width: f,
+      width: g,
       height: u,
       parent: i,
       cellSelected: p,
@@ -2344,7 +2787,7 @@ class ct extends lt {
       columnIndex: e.c1,
       cellLeft: h,
       cellTop: n,
-      cellWidth: f,
+      cellWidth: g,
       cellHeight: u,
       parent: i
     });
@@ -2392,32 +2835,32 @@ class ct extends lt {
     this.scrollViewportLeft = this.scrollViewport.scrollLeft;
     let h = 0;
     if (!a) {
-      const g = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-      h = this.scrollFactorX * g;
+      const f = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+      h = this.scrollFactorX * f;
     }
-    const u = 0, f = !!(e === "body" && t);
+    const u = 0, g = !!(e === "body" && t);
     let p = h;
-    for (let g = n; g <= l; g++) {
-      const b = p, w = this.tableModel.getColumnWidth(g);
+    for (let f = n; f <= l; f++) {
+      const b = p, w = this.tableModel.getColumnWidth(f);
       if (w > 0 && b + w > 0) {
         let S = o.height;
-        const R = s.getRowspanAt(r, g), C = s.getColspanAt(r, g);
+        const R = s.getRowspanAt(r, f), C = s.getColspanAt(r, f);
         R > 1 && (S = this.getRowHeights(r, r + R - 1, s).reduce((E, M) => E + M, 0));
         let x = w;
-        C > 1 && (x = this.getColumnWidths(g, g + C - 1).reduce((E, M) => E + M, 0));
+        C > 1 && (x = this.getColumnWidths(f, f + 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, g) && (k = !0), this.draggingTargetColumnIndex === g && e !== "header") {
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, f) && (k = !0), this.draggingTargetColumnIndex === f && e !== "header") {
           this.renderDragTargetDiv(i, b, u, x, S);
           const E = { left: b, top: u, width: x, height: S };
           this.dom.addColumnBorderDivs(this.tableOptions, i, E, e, t);
         } else {
-          const E = this.renderSelectedBackgroundDiv(k, f, t, s, r, g, i, b, u, x, S);
-          "gammaCells" in s && s.getValueAt(r, g) && (k = !1), k || this.renderCell({
+          const E = this.renderSelectedBackgroundDiv(k, g, t, s, r, f, i, b, u, x, S);
+          "gammaCells" in s && s.getValueAt(r, f) && (k = !1), k || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
             rowIndex: r,
-            columnIndex: g,
+            columnIndex: f,
             left: b,
             top: u,
             width: x,
@@ -2428,7 +2871,7 @@ class ct extends lt {
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
             rowIndex: r,
-            columnIndex: g,
+            columnIndex: f,
             cellLeft: b,
             cellTop: u,
             cellWidth: x,
@@ -2468,18 +2911,18 @@ class ct extends lt {
     lastRowOfModel: h
   }) {
     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";
+    const g = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), p = { left: r, width: n, height: l, top: a, index: i }, m = e.getRowByIndex(o);
+    let f = "none";
     if (i === this.getTreeArrowColumnIndex() && G(m)) {
       const v = m;
-      (be = v.children) != null && be.length ? v.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
+      (be = v.children) != null && be.length ? v.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
     }
     let w;
     if (t === "header") {
       const v = this.tableModel.getColumnDef(i);
       (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (w = v == null ? void 0 : v.sortState);
     }
-    const S = e.getValueAt(o, i), R = f ? "" : `${S}`, C = e.isRowChecked(o), x = this.dom.addColumnDiv(
+    const S = e.getValueAt(o, i), R = g ? "" : `${S}`, C = e.isRowChecked(o), x = this.dom.addColumnDiv(
       {
         parent: c,
         geo: p,
@@ -2488,7 +2931,7 @@ class ct extends lt {
         areaIdent: t,
         sideIdent: s,
         text: R,
-        treeArrow: g,
+        treeArrow: f,
         tableOptions: this.tableOptions,
         checkedType: C,
         sortState: w
@@ -2498,7 +2941,7 @@ class ct extends lt {
     const E = this.tableModel.getColumnDef(i);
     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));
+    g && (M = g.render(x, o, i, t, e, S, this.dom.domService));
     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();
@@ -2675,7 +3118,7 @@ class ct extends lt {
     if (r) {
       const n = e.index ?? 0, l = this.draggingColumn;
       for (let a = 0; a < r; a++) {
-        const c = s, h = i.getRowHeight(a), u = { left: 0, width: e.width, height: h, top: c, index: a }, f = i.getValueAt(a, n), p = i.getCellRenderer(a, n), m = p ? "" : `${f}`, g = {
+        const c = s, h = i.getRowHeight(a), u = { left: 0, width: e.width, height: h, top: c, index: a }, g = i.getValueAt(a, n), p = i.getCellRenderer(a, n), m = p ? "" : `${g}`, f = {
           parent: l,
           geo: u,
           rowIndex: a,
@@ -2683,9 +3126,9 @@ class ct extends lt {
           areaIdent: t,
           sideIdent: o,
           text: m
-        }, b = this.dom.addColumnDiv(g);
+        }, b = this.dom.addColumnDiv(f);
         let w;
-        p && (w = p.render(b, a, n, t, i, f, this.dom.domService), w && this.cleanupFunctions[t].push(w));
+        p && (w = p.render(b, a, n, t, i, g, this.dom.domService), w && this.cleanupFunctions[t].push(w));
         const S = i.getCustomClassesAt(a, n);
         S.length && this.dom.addClasses(S, b);
         const R = this.tableModel.getColumnDef(n);
@@ -2746,16 +3189,16 @@ class ct extends lt {
   renderSelectedBackgroundDiv(e, t, s, o, i, r, n, l, a, c, h) {
     let u = !1;
     if (!e && t && o.isSelectable(i, r) && this.getSelectionModel) {
-      const f = this.getSelectionModel();
-      if (f) {
-        const p = f.getSelectionCount(i, r);
+      const g = this.getSelectionModel();
+      if (g) {
+        const p = g.getSelectionCount(i, r);
         u = p > 0;
         for (let m = 0; m < p; m++) {
-          const g = this.dom.applyStylePosistionAbsolute(
+          const f = this.dom.applyStylePosistionAbsolute(
             // ge-table-body-west-selected-range
             this.dom.createDivWithClass(`ge-table-${o.areaIdent}-${s}-selected-range`, n)
           );
-          this.dom.setStyle(g, "left", `${l}px`), this.dom.setStyle(g, "top", `${a}px`), this.dom.setStyle(g, "width", `${c}px`), this.dom.setStyle(g, "height", `${h}px`);
+          this.dom.setStyle(f, "left", `${l}px`), this.dom.setStyle(f, "top", `${a}px`), this.dom.setStyle(f, "width", `${c}px`), this.dom.setStyle(f, "height", `${h}px`);
         }
       }
     }
@@ -2794,7 +3237,7 @@ class ct extends lt {
     cellSelected: h,
     lastRowOfModel: u
   }) {
-    const [f, p] = this.addAndRenderCellDiv({
+    const [g, p] = this.addAndRenderCellDiv({
       areaModel: e,
       areaIdent: t,
       sideIdent: s,
@@ -2807,7 +3250,7 @@ class ct extends lt {
       parent: c,
       lastRowOfModel: u
     });
-    h && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, f), p && this.cleanupFunctions[t].push(p);
+    h && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, g), p && this.cleanupFunctions[t].push(p);
   }
   /**
    * Render the header cell resize handle.
@@ -2860,12 +3303,12 @@ class ut {
     this.rowIndex = e, this.columnIndex = t;
   }
 }
-class ge {
+class fe {
   constructor(e) {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new ge([new ut(e, t)]);
+    return new fe([new ut(e, t)]);
   }
 }
 class pt {
@@ -2877,8 +3320,8 @@ class pt {
     var i, r, n, l, a, c, h;
     let s = !1, o = !1;
     if (this.getSelectionModel && this.getFocusModel) {
-      const u = this.getSelectionModel(), f = this.getFocusModel();
-      u && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), s = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (n = e.originalEvent) != null && n.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (a = e.originalEvent) != null && a.metaKey) ? (u.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (u.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(u));
+      const u = this.getSelectionModel(), g = this.getFocusModel();
+      u && g && (g.hasFocus(e.rowIndex, e.columnIndex) || (g.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(g), s = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (n = e.originalEvent) != null && n.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (a = e.originalEvent) != null && a.metaKey) ? (u.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (u.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(u));
     }
     return o ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
   }
@@ -2909,7 +3352,7 @@ class pt {
     });
   }
 }
-class gt {
+class ft {
   get() {
     return {
       f2: "START_EDITING",
@@ -2929,7 +3372,7 @@ class gt {
     };
   }
 }
-class ft {
+class gt {
   get() {
     return {
       f2: "START_EDITING",
@@ -2989,7 +3432,7 @@ class bt {
     (t = (e = this.tableScope) == null ? void 0 : e.tableOptions) != null && t.shortcutActionsDisabled ? this.isDebug() && console.debug("ShortcutService skipped.") : (this.assignPredefinedSystemShortcutMappings(), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this)));
   }
   assignPredefinedSystemShortcutMappings() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new ft().get()) : Object.assign(this.shortcutActionIdMapping, new gt().get());
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new gt().get()) : Object.assign(this.shortcutActionIdMapping, new ft().get());
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -3130,7 +3573,7 @@ class wt {
     }
   }
 }
-class fe {
+class ge {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
   }
@@ -3250,11 +3693,11 @@ class xt {
   }
 }
 class me {
-  constructor(e = new O(
+  constructor(e = new _(
     "❯",
     "",
     ["gt-table-icon-expanded"]
-  ), t = new O(
+  ), t = new _(
     "❯",
     "transform: rotate(180deg) translate(-100%, -100%); transform-origin: 0 0;",
     ["ge-table-icon-collapsed"]
@@ -3263,14 +3706,14 @@ class me {
   }
   // `⊖ `,  `⊕ `;
 }
-const St = new fe(), Ct = new xt("cell");
+const St = new ge(), 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 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;
+    }, 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 N = class N {
@@ -3448,8 +3891,8 @@ class Rt {
     let s = 0;
     const o = [];
     e.forEach((h, u) => {
-      const f = new TextEncoder().encode(u), p = new TextEncoder().encode(h), m = new Uint8Array(30 + f.length), g = new DataView(m.buffer);
-      m.set([80, 75, 3, 4], 0), g.setUint16(4, 20, !0), g.setUint16(6, 0, !0), g.setUint16(8, 0, !0), g.setUint16(10, 0, !0), g.setUint16(12, 0, !0), g.setUint32(14, 0, !0), g.setUint32(18, p.length, !0), g.setUint32(22, p.length, !0), g.setUint16(26, f.length, !0), g.setUint16(28, 0, !0), m.set(f, 30), t.push(m, p), o.push({
+      const g = new TextEncoder().encode(u), p = new TextEncoder().encode(h), m = new Uint8Array(30 + g.length), f = new DataView(m.buffer);
+      m.set([80, 75, 3, 4], 0), f.setUint16(4, 20, !0), f.setUint16(6, 0, !0), f.setUint16(8, 0, !0), f.setUint16(10, 0, !0), f.setUint16(12, 0, !0), f.setUint32(14, 0, !0), f.setUint32(18, p.length, !0), f.setUint32(22, p.length, !0), f.setUint16(26, g.length, !0), f.setUint16(28, 0, !0), m.set(g, 30), t.push(m, p), o.push({
         path: u,
         offset: s,
         contentSize: p.length
@@ -3457,8 +3900,8 @@ class Rt {
     });
     const i = s;
     o.forEach((h) => {
-      const u = new TextEncoder().encode(h.path), f = new Uint8Array(46 + u.length), p = new DataView(f.buffer);
-      f.set([80, 75, 1, 2], 0), p.setUint16(4, 20, !0), p.setUint16(6, 20, !0), p.setUint16(8, 0, !0), p.setUint16(10, 0, !0), p.setUint16(12, 0, !0), p.setUint16(14, 0, !0), p.setUint32(16, 0, !0), p.setUint32(20, h.contentSize, !0), p.setUint32(24, h.contentSize, !0), p.setUint16(28, u.length, !0), p.setUint16(30, 0, !0), p.setUint16(32, 0, !0), p.setUint16(34, 0, !0), p.setUint16(36, 0, !0), p.setUint32(38, 0, !0), p.setUint32(42, h.offset, !0), f.set(u, 46), t.push(f), s += f.length;
+      const u = new TextEncoder().encode(h.path), g = new Uint8Array(46 + u.length), p = new DataView(g.buffer);
+      g.set([80, 75, 1, 2], 0), p.setUint16(4, 20, !0), p.setUint16(6, 20, !0), p.setUint16(8, 0, !0), p.setUint16(10, 0, !0), p.setUint16(12, 0, !0), p.setUint16(14, 0, !0), p.setUint32(16, 0, !0), p.setUint32(20, h.contentSize, !0), p.setUint32(24, h.contentSize, !0), p.setUint16(28, u.length, !0), p.setUint16(30, 0, !0), p.setUint16(32, 0, !0), p.setUint16(34, 0, !0), p.setUint16(36, 0, !0), p.setUint32(38, 0, !0), p.setUint32(42, h.offset, !0), g.set(u, 46), t.push(g), s += g.length;
     });
     const r = new Uint8Array(22), n = new DataView(r.buffer);
     r.set([80, 75, 5, 6], 0), n.setUint16(4, 0, !0), n.setUint16(6, 0, !0), n.setUint16(8, o.length, !0), n.setUint16(10, o.length, !0), n.setUint32(12, s - i, !0), n.setUint32(16, i, !0), n.setUint16(20, 0, !0), t.push(r);
@@ -3473,7 +3916,7 @@ class Rt {
     return this.createZip(s);
   }
 }
-class Ve extends ct {
+class He extends ct {
   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 = 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) {
@@ -3499,7 +3942,7 @@ class Ve extends ct {
    * @return {TableScope} - The newly created TableScope instance.
    */
   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);
+    return new He(e, t, i, s, o, r);
   }
   /**
    * Triggers an action based on the provided actionId.
@@ -3527,7 +3970,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(ge.createSingle(t, s)), this.hostElement.focus());
+    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(fe.createSingle(t, s)), this.hostElement.focus());
   }
   /**
    * Retrieves the TableApi object.
@@ -3898,9 +4341,70 @@ class Ve extends ct {
     let e = ((t = this.storeSortingService) == null ? void 0 : t.getSortItems()) ?? [];
     this.tableModel.doSort(e);
   }
+  sort(e) {
+    this.tableModel.sort(e);
+  }
   getDisplayedRowCount() {
     return this.displayedRowCount;
   }
+  /**
+   * Ensures that a specific row is visible in the viewport by scrolling if necessary.
+   * This method checks if the target row is within the currently visible range and
+   * adjusts the scroll position if it's not visible.
+   *
+   * The method performs the following:
+   * 1. Checks if the row is above the current viewport (before first visible row)
+   * 2. Checks if the row is below the current viewport (after last visible row)
+   * 3. Scrolls to make the row visible if needed
+   *
+   * @param {number} rowIndex - The index of the row to make visible
+   * @returns {boolean} Returns true if scrolling was needed and performed, false if the row was already visible
+   *
+   * @example
+   * // Ensure row 5 is visible in the viewport
+   * tableScope.ensureRowIsVisible(5);
+   *
+   * @example
+   * // Example usage in a component
+   * class MyTableComponent {
+   *   private tableScope: TableScope;
+   *
+   *   scrollToSpecificRow(rowIndex: number) {
+   *     // This will scroll the row into view if it's not visible
+   *     const didScroll = this.tableScope.ensureRowIsVisible(rowIndex);
+   *
+   *     if (didScroll) {
+   *       console.log(`Table scrolled to show row ${rowIndex}`);
+   *     } else {
+   *       console.log(`Row ${rowIndex} was already visible`);
+   *     }
+   *   }
+   * }
+   *
+   * @example
+   * // Example with row selection
+   * class TableHandler {
+   *   selectAndShowRow(rowIndex: number) {
+   *     // First ensure the row is visible
+   *     this.tableScope.ensureRowIsVisible(rowIndex);
+   *
+   *     // Then perform selection
+   *     this.selectionModel.selectRow(rowIndex);
+   *   }
+   * }
+   *
+   * @throws {Error} Implicitly may throw if rowIndex is not a number or if required properties are undefined
+   *
+   * @see {@link scrollToIndex} - The underlying method used for scrolling
+   * @see {@link getDisplayedRowCount} - Related method for getting visible row count
+   */
+  ensureRowIsVisible(e) {
+    const t = this.firstVisibleRowIndex, s = this.firstVisibleRowIndex + this.displayedRowCount - 1;
+    return e < t ? (this.scrollToIndex(0, e), !0) : e > s ? (this.scrollToIndex(0, e - this.displayedRowCount + 1), !0) : !1;
+  }
+  getFirstVisibleRowIndex() {
+    return this.firstVisibleRowIndex;
+  }
 }
 class Gt extends ne {
   constructor(e) {
@@ -4188,9 +4692,9 @@ class y {
   }
 }
 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"));
+class H {
+  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, g, p, m, f = () => this.visible) {
+    this.property = e, this.headerLabel = t, this.width = s, this.classes = o, this.rendererMap = i, this.minWidth = r, this.maxWidth = n, this.sortable = l, this.sortComparator = a, this.sortState = c, this.sortStatesOrder = h, this.sortIconVisible = u, this.editable = g, this.getEditRenderer = p, this.editInputPipe = m, this.isVisible = f, this.visible = !0, s.unit !== "px" && (this.minWidth = new y(0, "px"), this.maxWidth = new y(1e5, "px"));
   }
   static bodyRenderer(e) {
     return new I(
@@ -4209,7 +4713,7 @@ class V {
       e.bodyClasses,
       e.footerClasses
     ), o = e.sortIconVisible ?? e.sortable ?? ve, i = e.editable ?? e.editable ?? ve, r = e.isVisible ?? e.isVisible ?? At;
-    return new V(
+    return new H(
       e.property ?? "",
       e.headerLabel ?? "",
       e.width ?? new y(100, "px"),
@@ -4229,7 +4733,7 @@ class V {
     );
   }
 }
-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");
+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"), fs = new y(60, "px"), gs = 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];
@@ -4262,6 +4766,8 @@ class F {
   constructor(e = "body") {
     this.areaIdent = e, this.rowSelectionModel = void 0;
   }
+  sort(e) {
+  }
   getRowCount() {
     return 0;
   }
@@ -4343,7 +4849,7 @@ class Mt {
 }
 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 He(), 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 Ve(), 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);
@@ -4379,7 +4885,8 @@ class Ae extends ue {
     return this.filteredFlattenRows[e];
   }
   getValueByT(e, t) {
-    return t.includes(".") ? this.getPropertyValue(e, t.split(".")) : e[t];
+    if (e && t)
+      return t.includes(".") ? this.getPropertyValue(e, t.split(".")) : e[t];
   }
   externalFilterChanged(e) {
     this.lastPredictFn = e, this.doFiltering();
@@ -4543,10 +5050,10 @@ class Tt {
   }
 }
 class oe {
-  constructor(e, t, s, o = 0, i = 0, r = !1, n = new z(), l = [], a = [], c = -1, h = 0, u = 400, f = () => {
+  constructor(e, t, s, o = 0, i = 0, r = !1, n = new z(), l = [], a = [], c = -1, h = 0, u = 400, g = () => {
   }) {
-    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 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());
+    var p, m, f, b;
+    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = s, this.fixedLeftColumnCount = o, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = n, this.columnDefs = l, this.columnSizes = a, this.overridingColumnWidth = c, this.columnCount = h, this.parentSize = u, this.getSelectionModel = g, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new 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 = (f = this.columnSizes) == null ? void 0 : f.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();
@@ -4812,6 +5319,9 @@ class oe {
   doSort(e) {
     return this.getAreaModel("body").doSort(e);
   }
+  sort(e) {
+    return this.getAreaModel("body").sort(e);
+  }
   /**
    * Returns an array of ColumnDefIf objects or undefined.
    *
@@ -4932,7 +5442,7 @@ class oe {
     return this.tableScope;
   }
 }
-class Te extends $ {
+class Te extends O {
   constructor(e, t, s, o, i = "ge-selected-row", r = "ge-focused-row") {
     super(
       e,
@@ -4982,32 +5492,32 @@ class B {
    * Please consult each method's documentation for detailed explanation of their functionality.
    */
   static createTableModel(e) {
-    var t, s, o, i, r, n, l, a, c, h, u, f, p, m;
+    var t, s, o, i, r, n, l, a, c, h, u, g, p, m;
     if (e.defaultRowHeights === void 0)
       if ((t = e.tableOptions) != null && t.defaultRowHeights)
         e.defaultRowHeights = e.tableOptions.defaultRowHeights;
       else {
         if (e.defaultRowHeights = new z(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
-          const g = e.headerAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.header = g);
+          const f = e.headerAreaModel.defaultRowHeight;
+          f > -1 && (e.defaultRowHeights.header = f);
         }
         if (e.bodyAreaModel && "defaultRowHeight" in e.bodyAreaModel) {
-          const g = e.bodyAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.body = g);
+          const f = e.bodyAreaModel.defaultRowHeight;
+          f > -1 && (e.defaultRowHeights.body = f);
         }
         if (e.footerAreaModel && "defaultRowHeight" in e.footerAreaModel) {
-          const g = e.footerAreaModel.defaultRowHeight;
-          g > -1 && (e.defaultRowHeights.footer = g);
+          const f = e.footerAreaModel.defaultRowHeight;
+          f > -1 && (e.defaultRowHeights.footer = f);
         }
       }
-    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(
+    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((f) => new H(f, f.toUpperCase(), Re)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((f) => new H(f, f.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,
       e.columnDefs
     ) : (c = e.columnDefs) != null && c.length ? e.headerAreaModel = new P(
       "header",
-      [e.columnDefs.map((g) => g.headerLabel)],
+      [e.columnDefs.map((f) => f.headerLabel)],
       e.defaultRowHeights.header,
       e.columnDefs
     ) : e.headerAreaModel = new F("header")), e.footerAreaModel || ((h = e.footerData) != null && h.length ? e.footerAreaModel = new P(
@@ -5018,13 +5528,13 @@ class B {
     ) : e.footerAreaModel = new F("footer")), !e.bodyAreaModel)
       if (e.rows)
         if ((u = e.rows) != null && u.length && G(e.rows[0])) {
-          const g = e.rows;
+          const f = e.rows;
           e.bodyAreaModel = new Ae(
             "body",
-            g,
+            f,
             e.defaultRowHeights.body,
             e.columnDefs
-          ), (e.columnDefs[0].property === "CheckboxColumn" || (f = e.tableOptions) != null && f.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new Ee(g));
+          ), (e.columnDefs[0].property === "CheckboxColumn" || (g = e.tableOptions) != null && g.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new Ee(f));
         } else
           e.bodyAreaModel = new Te(
             "body",
@@ -5361,7 +5871,7 @@ class B {
    */
   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();
+    t != null && t.length ? c = new P("header", t, n.header, l) : l != null && l.length ? c = new P("header", [l.map((g) => g.headerLabel)], n.header, l) : c = new F();
     const h = s ? new P("footer", s, n.footer, l) : new F(), u = new Te("body", e, l, n.body);
     return new oe(
       c,
@@ -5492,7 +6002,7 @@ class Fs {
     this.area = e, this.rowIndex = t, this.columnIndex = s, this.value = o, this.cssClasses = i;
   }
 }
-class Ls {
+class Os {
   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) {
@@ -5618,7 +6128,7 @@ class T {
   static buildColumnDefs(e, t = []) {
     for (const s of e)
       s.property && t.push(
-        V.create({
+        H.create({
           property: s.property,
           headerLabel: s.data ? s.data : s.property,
           isVisible: () => typeof s.isVisible == "function" ? s.isVisible() : !0
@@ -5689,7 +6199,7 @@ class T {
       e.push(o.data + "    rowIndex:" + o.rowIndex), (s = o.children) != null && s.length && T.iterateThrowColumns(e, o.children);
   }
 }
-class Os {
+class Ls {
   constructor() {
     this.areaIdent = "body", this.rowSelectionModel = void 0;
   }
@@ -5698,6 +6208,8 @@ class Os {
   doSort(e) {
     return !1;
   }
+  sort(e) {
+  }
   externalFilterChanged(e) {
   }
   getCellRenderer(e, t) {
@@ -5800,10 +6312,12 @@ const Q = class Q {
 };
 Q.toggleHeaderGroup = "toggleHeaderGroup";
 let ae = Q;
-class $s {
+class _s {
   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();
   }
+  sort(e) {
+  }
   init() {
     var e;
     for (const t of this.groupExts)
@@ -5900,7 +6414,7 @@ class $s {
     return t != null && t.toggle && t.visibility !== "always" && (t.closed = !t.closed, this.init()), T.buildColumnDefs(this.groupExts);
   }
 }
-class _s {
+class $s {
   filterPredict(e, t, s = this.objectToString.bind(this)) {
     if (!e)
       return !1;
@@ -5959,7 +6473,7 @@ class Bs {
     return new I(void 0, e, void 0);
   }
 }
-class Hs {
+class Vs {
   constructor(e, t = !0, s = !1) {
     this.property = e, this.skipCheckableCheck = t, this.readonly = s;
   }
@@ -5979,12 +6493,12 @@ class Hs {
           ${h}
           class="ge-input-checkbox">`, !this.readonly) {
         const u = e.querySelector(".ge-input-checkbox");
-        u && u.addEventListener("click", (f, p) => (l[this.property] = !l[this.property], !0));
+        u && u.addEventListener("click", (g, p) => (l[this.property] = !l[this.property], !0));
       }
     }
   }
 }
-class Vs {
+class Hs {
   render(e, t, s, o, i, r, n) {
     r && (e.innerText = new Date(r).toISOString());
   }
@@ -6162,12 +6676,12 @@ 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;
   }
 }
-class Lt {
+class Ot {
   constructor(e, t) {
     this.actionEventListener = e, this.crudActions = t;
   }
@@ -6229,7 +6743,7 @@ class Lt {
     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) {
@@ -6267,7 +6781,7 @@ class Ne {
     }
   }
 }
-class Qs extends fe {
+class Qs extends ge {
   constructor(e) {
     super("row", "multi"), this.model = e;
   }
@@ -6377,12 +6891,12 @@ class to {
     this.minValue = e, this.minColor = t, this.middleValue = s, this.middleColor = o, this.maxValue = i, this.maxColor = r;
   }
 }
-class Ot {
+class Lt {
   constructor(e = !0, t = !0, s = (r, n) => r * 10 + 10, o = 50, i = 450) {
     this.autoCalc = e, this.takeHeaderLabelsIntoAccount = t, this.charCountToWidth = s, this.minWidth = o, this.maxWidth = i;
   }
 }
-class $t {
+class _t {
   constructor(e) {
     this.object = e;
   }
@@ -6514,7 +7028,7 @@ class ie {
     return e.replace(/\./g, " ");
   }
 }
-class _t {
+class $t {
   constructor() {
     this.urls = {
       list: {
@@ -6522,15 +7036,15 @@ 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")
-    ], 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) => {
+      new $("CREATE", "Create", "", "", "button"),
+      new $("DELETE_SELECTED", "Delete Selected", "", "", "button")
+    ], this.autoAddActionColumn = !0, this.columnWidths = new Lt(), 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, {
@@ -6583,7 +7097,7 @@ class _t {
 }
 class so {
   constructor() {
-    this.crudOptions = new _t(), this.listenActionEvent = (e) => {
+    this.crudOptions = new $t(), this.listenActionEvent = (e) => {
     };
   }
   createTableModel(e, t, s = (i) => {
@@ -6592,21 +7106,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 fe("row", "multi"), u = () => h;
+        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;
         this.tableOptions = {
           ...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 V(w, w.toUpperCase(), new y(f[S], "px")));
+        const g = this.calcAutoColumnWidths(i, c), p = (n = t.columnDefs) != null && n.length ? t.columnDefs : c.map((w, S) => new H(w, w.toUpperCase(), new y(g[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");
+            S.width = new y(g[w], "px");
           }
         if (e.autoAddActionColumn) {
-          let w = new V(
+          let w = new H(
             "id",
             "Actions",
             Et,
@@ -6614,17 +7128,17 @@ class so {
           );
           w.rendererMap = new I(
             void 0,
-            new Lt(this, e.singleRowActions),
+            new Ot(this, e.singleRowActions),
             void 0
           ), p.push(w);
         }
-        const m = 0, g = e.calcFixedRightColumnCount(p.length);
+        const m = 0, f = e.calcFixedRightColumnCount(p.length);
         this.tableModel = B.buildByTypedRowsParam({
           rows: i,
           columnDefs: p,
           tableOptions: this.tableOptions,
           fixedLeftColumnCount: m,
-          fixedRightColumnCount: g
+          fixedRightColumnCount: f
         }), this.tableModel.getSelectionModel = u, this.bodyModel = (a = this.tableModel) == null ? void 0 : a.getBodyModel();
         const b = new It(this.tableModel, this.tableOptions);
         s(b);
@@ -6641,7 +7155,7 @@ class so {
     var t, s, o, i;
     if (this.listenActionEvent && this.listenActionEvent(e), e.action === "VIEW") {
       let r = e.id;
-      (t = this.crudOptions) == null || t.fetchItem(this.crudOptions, r).then((n) => (console.info(n), new $t(n).openDialog(), n));
+      (t = this.crudOptions) == null || t.fetchItem(this.crudOptions, r).then((n) => (console.info(n), new _t(n).openDialog(), n));
     } else if (e.action === "EDIT") {
       let r = e.id;
       const n = this.crudOptions.getIdKey() ?? "id";
@@ -6677,7 +7191,7 @@ class so {
       let r = e.id;
       (i = this.crudOptions) == null || i.deleteItem(this.crudOptions, r).then((n) => {
         var l, a, c, h, u;
-        return (l = this.bodyModel) == null || l.filterRowsByPredict((f) => f.id != r), (c = (a = this.tableModel) == null ? void 0 : a.getTableScope()) == null || c.clearSelection(!0), (u = (h = this.tableModel) == null ? void 0 : h.getTableScope()) == null || u.repaintHard(), n;
+        return (l = this.bodyModel) == null || l.filterRowsByPredict((g) => g.id != r), (c = (a = this.tableModel) == null ? void 0 : a.getTableScope()) == null || c.clearSelection(!0), (u = (h = this.tableModel) == null ? void 0 : h.getTableScope()) == null || u.repaintHard(), n;
       });
     }
   }
@@ -6689,7 +7203,7 @@ class so {
     const i = e.length ?? 0, r = new Array(o).fill(0);
     for (let c = 0; c < i; c++)
       for (let h = 0; h < o; h++) {
-        const u = t[h], f = this.getValueByT(e[c], u), p = (f == null ? void 0 : f.toString().length) || 0;
+        const u = t[h], g = this.getValueByT(e[c], u), p = (g == null ? void 0 : g.toString().length) || 0;
         p > r[h] && (r[h] = p);
       }
     if (this.crudOptions.columnWidths.takeHeaderLabelsIntoAccount)
@@ -6730,27 +7244,27 @@ class oo {
 export {
   ue as AbstractAreaModel,
   We as ActionEvent,
-  Lt as ActionsCellRenderer,
-  Oe as AnyPropertyType,
+  Ot as ActionsCellRenderer,
+  Le as AnyPropertyType,
   Ds as AreaMapFactory,
-  Os as AreaModel,
+  Ls as AreaModel,
   P as AreaModelArrayOfArrays,
-  $s as AreaModelCellGroups,
+  _s as AreaModelCellGroups,
   F as AreaModelHidden,
-  $ as AreaModelObjectArray,
+  O as AreaModelObjectArray,
   Te as AreaModelObjectArrayWithColumndefs,
   Ae as AreaModelTree,
   I as AreaObjectMap,
-  H as ArrayPropertyType,
-  Ls as AutoRestoreOptions,
-  Ht as AvoidDoubleExecution,
+  V as ArrayPropertyType,
+  Os as AutoRestoreOptions,
+  Vt as AvoidDoubleExecution,
   Ye as BooleanPropertyType,
   Pt as CellGroup,
   Ft as CellGroupExt,
   ae as CellGroupExtCellRenderer,
   A as CellRange,
   T as CellgroupFactory,
-  Hs as CheckboxBooleanPropertyCellRenderer,
+  Vs as CheckboxBooleanPropertyCellRenderer,
   Ie as CheckboxCellRenderer,
   ks as CheckboxColumnDef,
   Tt as CheckboxModel,
@@ -6758,19 +7272,19 @@ export {
   at as ColAndRowspanModel,
   it as CollapsedExpandedData,
   eo as ColorRgb,
-  V as ColumnDef,
-  Vt as ColumnDefGenerator,
-  Ot as ColumnWidths,
+  H as ColumnDef,
+  Ht as ColumnDefGenerator,
+  Lt as ColumnWidths,
   Qe as ConvenienceDomService,
   q as CopyService,
-  _ as CrudAction,
+  $ as CrudAction,
   ie as CrudObjectEdit,
-  $t as CrudObjectView,
-  _t as CrudOptions,
+  _t as CrudObjectView,
+  $t as CrudOptions,
   so as CrudTableModelFactory,
   Se as CssVars,
   Ws as DateToIntlDDMMYYYYCellRenderer,
-  Vs as DateToIsoCellRenderer,
+  Hs as DateToIsoCellRenderer,
   Ns as DateToLocaleDateCellRenderer,
   Us as DateToTecCellRenderer,
   z as DefaultRowHeights,
@@ -6782,12 +7296,12 @@ export {
   xt as FocusModel,
   ut as GeCellIndices,
   K as GeCssColorUtil,
-  _s as GeFilterService,
+  $s as GeFilterService,
   Ps as GeKeyEvent,
-  ge as GeModelChangeEvent,
+  fe as GeModelChangeEvent,
   he as GeMouseEvent,
   L as GeoData,
-  O as Icon,
+  _ as Icon,
   vs as IndexAndPx,
   wt as InputCellRenderer,
   ht as InputHandler,
@@ -6802,9 +7316,9 @@ export {
   Ys as NumberCellRenderer,
   Ue as NumberPropertyType,
   D as ObjectPropertyType,
-  ft as OsxShortcutActionIdMapping,
+  gt as OsxShortcutActionIdMapping,
   De as PROPERTY_TYPE_KEY_ANY,
-  Le as PROPERTY_TYPE_KEY_ARRAY,
+  Oe as PROPERTY_TYPE_KEY_ARRAY,
   de as PROPERTY_TYPE_KEY_BOOLEAN,
   Pe as PROPERTY_TYPE_KEY_NULL,
   ce as PROPERTY_TYPE_KEY_NUMBER,
@@ -6814,7 +7328,7 @@ export {
   Me as Padding,
   qs as PositiveAndNegativeNumberRenderer,
   Js as ProgressBarCellRenderer,
-  $e as PropertyItem,
+  _e as PropertyItem,
   Wt as PropertyTypeService,
   ct as RenderScope,
   Bs as Renderer,
@@ -6822,7 +7336,7 @@ export {
   vt as ResizeHandler,
   Nt as SchemeGenerator,
   Ne as SelectCellRenderer,
-  fe as SelectionModel,
+  ge as SelectionModel,
   pt as SelectionService,
   bt as ShortcutService,
   Xs as SimpleArrayCellRenderer,
@@ -6841,11 +7355,11 @@ export {
   oe as TableModel,
   It as TableModelAndOptions,
   J as TableOptions,
-  Ve as TableScope,
+  He as TableScope,
   to as ThreeColorGradientArg,
   Ee as TreeCheckboxModel,
   le as TreeFactory,
-  _e as TreeOptions,
+  $e as TreeOptions,
   Ce as TreeRow,
   Mt as TreeRowService,
   js as TrueFalseCellRenderer,
@@ -6856,7 +7370,7 @@ export {
   oo as UrlInfo,
   Ke as ValueInfo,
   Dt as ValueLabel,
-  gt as WindowsShortcutActionIdMapping,
+  ft as WindowsShortcutActionIdMapping,
   Ss as actionIds,
   Ts as allCenter,
   Ms as allLeft,
@@ -6902,9 +7416,9 @@ export {
   Et as px300,
   ms as px40,
   jt as px400,
-  fs as px50,
+  gs as px50,
   zt as px500,
-  gs as px60,
+  fs as px60,
   ps as px70,
   us as px80,
   hs as px90,