@guiexpert/table 1.1.74 → 1.1.76

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,13 +119,13 @@ 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 = "", g = "ge-table-text-align-left";
-          if (n.type === Le) {
+          if (n.type === Oe) {
             if (this.allowCustomRenderer && a) {
               const p = `${a}ArrayCellRenderer`;
               u = `      bodyRenderer: new ${p}(),`, g = "", this.renderCumstomCellRenderer(a, p);
@@ -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;
   }
 }
@@ -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);
+  }
+  getFocusedRowIndex() {
+    return this._focusedRowIndex;
+  }
+  setFocusedRowIndex(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,6 +1275,9 @@ class $ extends ue {
     }
     return !0;
   }
+  sort(e) {
+    this.filteredRows = this.filteredRows.sort(e);
+  }
   getValueByT(e, t) {
     if (e && t)
       return t.includes(".") ? this.getPropertyValue(e, t.split(".")) : e[t];
@@ -1254,7 +1287,7 @@ class $ extends ue {
   }
   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);
@@ -1482,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)
@@ -1543,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) {
@@ -3251,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"]
@@ -3271,7 +3713,7 @@ class J {
       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 {
@@ -3474,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) {
@@ -3500,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.
@@ -3899,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) {
@@ -4189,7 +4692,7 @@ class y {
   }
 }
 const At = () => !0, ve = () => !1;
-class V {
+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"));
   }
@@ -4210,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"),
@@ -4263,6 +4766,8 @@ class F {
   constructor(e = "body") {
     this.areaIdent = e, this.rowSelectionModel = void 0;
   }
+  sort(e) {
+  }
   getRowCount() {
     return 0;
   }
@@ -4344,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);
@@ -4814,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.
    *
@@ -4934,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,
@@ -5002,7 +5510,7 @@ class B {
           f > -1 && (e.defaultRowHeights.footer = f);
         }
       }
-    if (e.columnDefs === void 0 && ((s = e.properties) != null && s.length ? e.columnDefs = e.properties.map((f) => new V(f, f.toUpperCase(), Re)) : (o = e.rows) != null && o.length ? e.columnDefs = Object.keys(e.rows[0]).map((f) => new V(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(
+    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,
@@ -5494,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) {
@@ -5620,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
@@ -5691,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;
   }
@@ -5700,6 +6208,8 @@ class Os {
   doSort(e) {
     return !1;
   }
+  sort(e) {
+  }
   externalFilterChanged(e) {
   }
   getCellRenderer(e, t) {
@@ -5802,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)
@@ -5902,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;
@@ -5961,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;
   }
@@ -5986,7 +6498,7 @@ class Hs {
     }
   }
 }
-class Vs {
+class Hs {
   render(e, t, s, o, i, r, n) {
     r && (e.innerText = new Date(r).toISOString());
   }
@@ -6164,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;
   }
@@ -6231,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) {
@@ -6379,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;
   }
@@ -6516,7 +7028,7 @@ class ie {
     return e.replace(/\./g, " ");
   }
 }
-class _t {
+class $t {
   constructor() {
     this.urls = {
       list: {
@@ -6524,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, {
@@ -6585,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) => {
@@ -6601,14 +7113,14 @@ class so {
           hoverColumnVisible: !1,
           getSelectionModel: u
         };
-        const g = this.calcAutoColumnWidths(i, c), p = (n = t.columnDefs) != null && n.length ? t.columnDefs : c.map((w, S) => new V(w, w.toUpperCase(), new y(g[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(g[w], "px");
           }
         if (e.autoAddActionColumn) {
-          let w = new V(
+          let w = new H(
             "id",
             "Actions",
             Et,
@@ -6616,7 +7128,7 @@ class so {
           );
           w.rendererMap = new I(
             void 0,
-            new Lt(this, e.singleRowActions),
+            new Ot(this, e.singleRowActions),
             void 0
           ), p.push(w);
         }
@@ -6643,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";
@@ -6732,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,
@@ -6760,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,
@@ -6784,12 +7296,12 @@ export {
   xt as FocusModel,
   ut as GeCellIndices,
   K as GeCssColorUtil,
-  _s as GeFilterService,
+  $s as GeFilterService,
   Ps as GeKeyEvent,
   fe as GeModelChangeEvent,
   he as GeMouseEvent,
   L as GeoData,
-  O as Icon,
+  _ as Icon,
   vs as IndexAndPx,
   wt as InputCellRenderer,
   ht as InputHandler,
@@ -6806,7 +7318,7 @@ export {
   D as ObjectPropertyType,
   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,
@@ -6816,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,
@@ -6843,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,