codexly-ui 0.10.21 → 0.10.22

package/fesm2022/codexly-ui.mjs

@@ -13179,6 +13179,13 @@ class ClxTableComponent {
         const start = this.pageIndex() * this.pageSize();
         return filtered.slice(start, start + this.pageSize());
     }, ...(ngDevMode ? [{ debugName: "_paginatedData" }] : /* istanbul ignore next */ []));
+    /** The `index` passed into a cell template must refer to the row's position in the original
+     *  `data()` array the consumer owns (e.g. to splice/edit it directly) — never the position
+     *  within the current page, which silently gave every page's first row index 0 and broke
+     *  edit/remove handlers built around `data()[index]` as soon as a second page existed. */
+    _absoluteIndex(item) {
+        return this.data().indexOf(item);
+    }
     _totalItems = computed(() => this.serverSide() ? (this.totalItems() ?? this.data().length) : this._filteredData().length, ...(ngDevMode ? [{ debugName: "_totalItems" }] : /* istanbul ignore next */ []));
     _emptyTitle = computed(() => this.emptyTitle() || (this.searchQuery() ? 'Sin resultados' : 'No hay datos'), ...(ngDevMode ? [{ debugName: "_emptyTitle" }] : /* istanbul ignore next */ []));
     _emptyDescription = computed(() => this.emptyDescription() ||
@@ -13350,7 +13357,7 @@ class ClxTableComponent {
                     @if (_getColumnDef(col.key)?.cell()?.templateRef; as tpl) {
                       <ng-container
                         [ngTemplateOutlet]="tpl"
-                        [ngTemplateOutletContext]="{ $implicit: item, index: i }">
+                        [ngTemplateOutletContext]="{ $implicit: item, index: _absoluteIndex(item) }">
                       </ng-container>
                     } @else {
                       {{ _getCellValue(item, col.key) }}
@@ -13497,7 +13504,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     @if (_getColumnDef(col.key)?.cell()?.templateRef; as tpl) {
                       <ng-container
                         [ngTemplateOutlet]="tpl"
-                        [ngTemplateOutletContext]="{ $implicit: item, index: i }">
+                        [ngTemplateOutletContext]="{ $implicit: item, index: _absoluteIndex(item) }">
                       </ng-container>
                     } @else {
                       {{ _getCellValue(item, col.key) }}