@meshmakers/shared-ui 3.4.490 → 3.4.500

package/fesm2022/meshmakers-shared-ui.mjs

@@ -1435,6 +1435,9 @@ class MmListViewDataBindingDirective extends DataBindingDirective {
         });
         this._executeFilterSubscription = this.dataSource.listViewComponent.onExecuteFilter.subscribe((value) => {
             this._textSearchValue = value;
+            // A changed search term changes the result set — the current page offset
+            // would point into stale data (or past the end), so return to page 1.
+            this.skip = 0;
             this.rebind();
         });
         this._refreshDataSubscription = this.dataSource.listViewComponent.onRefreshData.subscribe(() => {
@@ -1454,9 +1457,13 @@ class MmListViewDataBindingDirective extends DataBindingDirective {
     /**
      * Triggers a rebind when the filter state changes programmatically.
      * Syncs the grid's filter into the DataBindingDirective state before rebinding.
+     * Resets `skip` to page 1: a changed filter changes the result set, so the
+     * current page offset would point into stale data or past the end (Kendo's
+     * own filter-row path does the same reset via its dataStateChange event).
      */
     notifyFilterChange(filter) {
         this.state.filter = filter;
+        this.skip = 0;
         this.rebind();
     }
     /**
@@ -1475,6 +1482,12 @@ class MmListViewDataBindingDirective extends DataBindingDirective {
             if (!this.dataSource) {
                 return;
             }
+            // Cancel a still-running fetch before starting a new one. Without this,
+            // overlapping fetches (sort/page click while a load is in flight, or the
+            // autoPageSize measurement refetch) race: whichever response arrives LAST
+            // wins, so a stale response could overwrite newer data — e.g. an unsorted
+            // page replacing the sorted one the user just requested.
+            this._serviceSubscription?.unsubscribe();
             // Only use dataSource.setLoading() (tracked via isLoading$ / isLoading signal).
             // Do NOT set grid.loading directly — it triggers Kendo's internal loading overlay.
             this.dataSource.setLoading(true);