@fuentis/phoenix-ui 0.0.9-alpha.358 → 0.0.9-alpha.360

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -2225,25 +2225,31 @@ class TableCaptionComponent {
         this.filtersForm = this.fb.group({});
         if (this.filters && Array.isArray(this.filters)) {
             for (const filter of this.filters) {
-                let defaultValue = null;
+                const hasSelected = filter.selected !== undefined &&
+                    filter.selected !== null &&
+                    (!Array.isArray(filter.selected) || filter.selected.length > 0);
+                let defaultValue;
                 if (filter.type === 'multiselect') {
-                    // Convert any {label, key} entries in `selected` to primitives (key)
-                    if (Array.isArray(filter.selected) && filter.selected.length > 0) {
-                        defaultValue = filter.selected.map((s) => s && typeof s === 'object' && 'key' in s ? s.key : s);
+                    if (hasSelected) {
+                        defaultValue = (Array.isArray(filter.selected) ? filter.selected : [filter.selected])
+                            .map((s) => (s && typeof s === 'object' && 'key' in s ? s.key : s));
                     }
                     else {
-                        defaultValue = []; // multiselects default to empty arrays
+                        defaultValue = [];
                     }
                 }
                 else {
-                    defaultValue = null; // other control types can stay null
+                    defaultValue = hasSelected
+                        ? (filter.selected && typeof filter.selected === 'object' && 'key' in filter.selected
+                            ? filter.selected.key
+                            : filter.selected)
+                        : null;
                 }
                 this.filtersForm.addControl(filter.key, this.fb.control(defaultValue));
             }
-            // Emit initial state so parent can apply defaults (e.g., active: [false])
+            // Emit initial state
             const initial = this.filtersForm.getRawValue();
             this.applyFiltersEvent.emit(initial);
-            // Re-emit on any change; parent will filter accordingly
             this.filtersForm.valueChanges
                 .pipe(takeUntilDestroyed(this.dr))
                 .subscribe((val) => this.applyFiltersEvent.emit(val));
@@ -2745,7 +2751,7 @@ class TableComponent {
     // Inputs
     set data(value) {
         this.originalData = value ?? [];
-        this.allData = [...this.originalData];
+        this.allData = [...value];
         this.totalRecords = this.allData.length;
         this.loadLazyData({ first: 0, rows: 100 });
     }
@@ -2765,37 +2771,41 @@ class TableComponent {
     allData = [];
     originalData = [];
     tableData = [];
-    selectedItems = signal([]); // ⬅️ back to signal
+    selectedItems = signal([]);
     selectedColumns = [];
     searchQuery = '';
     bulkMode = false;
     totalRecords = 0;
     lastLoadedIndex = 0;
-    // Enums & helpers
     selectionTypeEnum = tableSelectionType;
     columnTypeEnum = tableColumnType;
     dateFormat;
     currentFilters = {};
     columnTypeMap = {};
     ngOnChanges(changes) {
-        // reset selection on input changes
-        this.selectedItems.set([]); // ⬅️ signal API
-        // (1) columns mapping + initial selectedColumns
-        if (this.columns?.length) {
-            this.selectedColumns = this.selectedColumnsInput?.length
-                ? [...this.selectedColumnsInput]
-                : [...this.columns];
+        // reset selection
+        this.selectedItems.set([]);
+        // 1) mapiranje kolona i (odloženo) postavljanje selectedColumns
+        if (this.columns?.length > 0) {
+            // map za sortiranje/eksport
             this.columnTypeMap = {};
             for (const col of this.columns) {
                 this.columnTypeMap[col.field] = col.columnType;
             }
+            const nextSelected = this.selectedColumnsInput?.length ? this.selectedColumnsInput : this.columns;
+            // ⬇️ Odloženo postavljanje reference (sprečava NG0100)
+            Promise.resolve().then(() => {
+                this.selectedColumns = [...nextSelected];
+                this.cdr.markForCheck();
+            });
         }
-        // (2) default More actions if not provided
+        // 2) default moreActions (takođe odloženo da ne menja vrednost tokom istog CD pasa)
         if (!this.tableConfiguration?.moreActions) {
-            this.tableConfiguration = {
-                ...this.tableConfiguration,
-                moreActions: DEFAULT_MORE_ACTIONS,
-            };
+            const cfg = this.tableConfiguration;
+            Promise.resolve().then(() => {
+                this.tableConfiguration = { ...cfg, moreActions: DEFAULT_MORE_ACTIONS };
+                this.cdr.markForCheck();
+            });
         }
     }
     // Lazy load / sort
@@ -2818,7 +2828,8 @@ class TableComponent {
                 return 0;
             });
         }
-        this.tableData = sortedData.slice(first, first + rows);
+        const paged = sortedData.slice(first, first + rows);
+        this.tableData = sortedData; // (ako hoćeš paging, stavi paged)
         this.lastLoadedIndex = first + rows;
     }
     getComparableValue(val, field) {
@@ -2829,8 +2840,8 @@ class TableComponent {
             return val;
         if (typeof val === 'string') {
             if (columnType === this.columnTypeEnum.DATE) {
-                const parsed = Date.parse(val);
-                return isNaN(parsed) ? val.toLowerCase() : parsed;
+                const parsedDate = Date.parse(val);
+                return isNaN(parsedDate) ? val.toLowerCase() : parsedDate;
             }
             return val.toLowerCase();
         }
@@ -2845,10 +2856,10 @@ class TableComponent {
             if (Array.isArray(val) && val.length > 0) {
                 return this.getComparableValue(val[0], field);
             }
-            const priority = ['name', 'value', 'label', 'key', 'date'];
-            for (const k of priority) {
-                if (val[k] !== undefined && val[k] !== null) {
-                    return this.getComparableValue(val[k], field);
+            const priorityFields = ['name', 'value', 'label', 'key', 'date'];
+            for (const key of priorityFields) {
+                if (val[key] !== undefined && val[key] !== null) {
+                    return this.getComparableValue(val[key], field);
                 }
             }
             for (const v of Object.values(val)) {
@@ -2863,33 +2874,39 @@ class TableComponent {
     onSearch(query) {
         const trimmed = (query ?? '').trim().toLowerCase();
         this.searchQuery = trimmed;
-        const base = Object.keys(this.currentFilters).length > 0
+        const baseData = Object.keys(this.currentFilters).length > 0
             ? this.getFilteredData()
             : this.originalData;
         if (trimmed) {
-            this.allData = base.filter((item) => Object.values(item).some((value) => this.matchesQuery(value, trimmed)));
+            const filtered = baseData.filter((item) => Object.values(item).some((value) => this.matchesQuery(value, trimmed)));
+            this.allData = filtered;
         }
         else {
-            this.allData = [...base];
+            this.allData = [...baseData];
         }
         this.totalRecords = this.allData.length;
         this.loadLazyData({ first: 0, rows: 100 });
     }
     getFilteredData() {
-        return this.originalData.filter((item) => Object.keys(this.currentFilters).every((key) => {
-            const filterValue = this.currentFilters[key];
-            if (!filterValue || (Array.isArray(filterValue) && filterValue.length === 0))
-                return true;
-            const itemValue = this.getNestedValue(item, key);
-            if (Array.isArray(filterValue)) {
-                return filterValue.some((option) => {
-                    const optionKey = option?.key || option;
-                    return itemValue?.toString().toLowerCase() === optionKey?.toString().toLowerCase();
-                });
-            }
-            const v = filterValue?.key || filterValue;
-            return v ? itemValue?.toString().toLowerCase() === v.toString().toLowerCase() : true;
-        }));
+        return this.originalData.filter((item) => {
+            return Object.keys(this.currentFilters).every((key) => {
+                const filterValue = this.currentFilters[key];
+                if (!filterValue || (Array.isArray(filterValue) && filterValue.length === 0)) {
+                    return true;
+                }
+                const itemValue = this.getNestedValue(item, key);
+                if (Array.isArray(filterValue)) {
+                    return filterValue.some((option) => {
+                        const optionKey = option?.key || option;
+                        return (itemValue?.toString().toLowerCase() === optionKey?.toString().toLowerCase());
+                    });
+                }
+                const singleFilterValue = filterValue?.key || filterValue;
+                return singleFilterValue
+                    ? itemValue?.toString().toLowerCase() === singleFilterValue.toString().toLowerCase()
+                    : true;
+            });
+        });
     }
     applyFilters(filters) {
         const isEmpty = (v) => v === null ||
@@ -2939,8 +2956,11 @@ class TableComponent {
         this.loadLazyData({ first: 0, rows: 100 });
     }
     isRowSelectable(event) {
-        return typeof event.data?.canSelect === 'boolean' ? event.data.canSelect : true;
+        return typeof event.data?.canSelect === 'boolean'
+            ? event.data.canSelect
+            : true;
     }
+    // get nested value by dot path
     getNestedValue(obj, path) {
         try {
             if (obj && Object.prototype.hasOwnProperty.call(obj, path)) {
@@ -2963,6 +2983,7 @@ class TableComponent {
         }
     }
     applyColumns(selected) {
+        // odloži promenu reference da izbegne NG0100
         const next = this.columns.filter((col) => selected.includes(col.field));
         Promise.resolve().then(() => {
             this.selectedColumns = next;
@@ -2974,19 +2995,19 @@ class TableComponent {
         this.rowSelection.emit(rowData);
     }
     onSelectionChange(selected) {
-        this.selectedItems.set(selected); // ⬅️ signal API
+        this.selectedItems.set(selected);
         this.bulkMode = selected.length > 0;
         this.checkBoxSelection.emit(selected);
     }
     handleActionClick(event) {
         if (event?.action?.key === 'EXPORT_PDF') {
-            const baseName = this.tableConfiguration?.key ? `${this.tableConfiguration.key}.pdf` : 'table.pdf';
-            exportRowsToPdf(this.selectedColumns, this.tableData, this.columnTypeMap, this.columnTypeEnum, (k) => this.translateService.instant(k), baseName);
+            const file = this.tableConfiguration?.key ? `${this.tableConfiguration.key}.pdf` : 'table.pdf';
+            exportRowsToPdf(this.selectedColumns, this.tableData, this.columnTypeMap, this.columnTypeEnum, (k) => this.translateService.instant(k), file);
             return;
         }
         if (event?.action?.key === 'EXPORT_CSV') {
-            const baseName = this.tableConfiguration?.key ? `${this.tableConfiguration.key}.csv` : 'table.csv';
-            exportRowsToCsv(this.selectedColumns, this.tableData, this.columnTypeMap, this.columnTypeEnum, (k) => this.translateService.instant(k), baseName);
+            const file = this.tableConfiguration?.key ? `${this.tableConfiguration.key}.csv` : 'table.csv';
+            exportRowsToCsv(this.selectedColumns, this.tableData, this.columnTypeMap, this.columnTypeEnum, (k) => this.translateService.instant(k), file);
             return;
         }
         this.actionClick.emit(event);
@@ -3009,7 +3030,7 @@ class TableComponent {
         return false;
     }
     clearSelection() {
-        this.selectedItems.set([]); // ⬅️ signal API
+        this.selectedItems.set([]);
         this.bulkMode = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });