@coreui/angular-pro 4.1.0-next.2 → 4.1.0-next.3

package/fesm2020/coreui-angular-pro.mjs

@@ -11233,7 +11233,9 @@ class SmartTableComponent {
         this.tableFilterValueChange = new EventEmitter();
         this.templates = { tableDetails: null, tableData: null };
         this._selectedAll = false;
-        this.iterableDiffer = this.iterableDiffers.find(this.items).create();
+        this._columnFiltered = [];
+        this.itemsDiffer = this.iterableDiffers.find(this.items).create();
+        this.itemsFilteredDiffer = this.iterableDiffers.find(this._columnFiltered).create();
         this.columFilterValueDiffer = this.keyValueDiffers.find(this.columnFilterValue).create();
     }
     set activePage(value) {
@@ -11287,7 +11289,12 @@ class SmartTableComponent {
         return this._header;
     }
     set items(value) {
-        this._items = this.setItems(value);
+        if (this.itemsDiffer) {
+            const changes = this.itemsDiffer.diff(value);
+            if (changes) {
+                this._items = this.setItems(value);
+            }
+        }
     }
     get items() {
         return this._items;
@@ -11408,6 +11415,7 @@ class SmartTableComponent {
         if (this.columnFilter &&
             typeof this.columnFilter === 'object' &&
             this.columnFilter.external) {
+            this._columnFiltered = _items;
             // @ts-ignore
             return _items;
         }
@@ -11420,6 +11428,7 @@ class SmartTableComponent {
                 });
             }
         });
+        this._columnFiltered = _items;
         // @ts-ignore
         return _items;
     }
@@ -11427,7 +11436,12 @@ class SmartTableComponent {
         let items = this.columnFiltered;
         if (!this.tableFilterState ||
             (this.tableFilter && typeof this.tableFilter === 'object' && this.tableFilter.external)) {
-            this.filteredItemsChange.emit(items);
+            if (this.itemsFilteredDiffer) {
+                const changes = this.itemsFilteredDiffer.diff(items);
+                if (changes) {
+                    this.filteredItemsChange.emit(items);
+                }
+            }
             return items;
         }
         const filter = this.tableFilterState.toLowerCase();
@@ -11436,7 +11450,12 @@ class SmartTableComponent {
         items = items.filter((item) => {
             return !!this.itemsDataColumns.find((key) => valueContainFilter(item[key]));
         });
-        this.filteredItemsChange.emit(items);
+        if (this.itemsFilteredDiffer) {
+            const changes = this.itemsFilteredDiffer.diff(items);
+            if (changes) {
+                this.filteredItemsChange.emit(items);
+            }
+        }
         return items;
     }
     get isFiltered() {