@ascentgl/ads-ui 21.97.0 → 21.98.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -8461,6 +8461,10 @@ class AdsTableComponent {
         this.LIST_RENDER_CHUNK_SIZE = 10;
         /** @ignore - Handle for the pending rAF that fills the first batch, so it can be cancelled on destroy or re-toggle */
         this._listRenderRafId = null;
+        /** @ignore - Target rendered count for the current progressive render pass */
+        this._listRenderTarget = 0;
+        /** @ignore - Whether a progressive render pass is currently in progress */
+        this._listRenderInProgress = false;
         /** @ignore - Wrapper for getFilteredColumnValues that can be passed to filter menu */
         this.getFilterOptionsForFieldFn = (field) => {
             return this.getFilteredColumnValues(field);
@@ -8743,8 +8747,10 @@ class AdsTableComponent {
         // Find the scrollable container (the .list-view-container div)
         const root = sentinelEl.closest('.list-view-container');
         this.listSentinelObserver = new IntersectionObserver((entries) => {
-            if (entries[0]?.isIntersecting && this.hasMoreListRows()) {
-                this.renderedListCount.update(c => Math.min(c + this.listBatchSize, this.listRowDataCache().length));
+            if (entries[0]?.isIntersecting && this.hasMoreListRows() && !this._listRenderInProgress) {
+                const total = this.listRowDataCache().length;
+                const target = Math.min(this.renderedListCount() + this.listBatchSize, total);
+                this.scheduleProgressiveRender(target);
             }
         }, { root: root, rootMargin: '200px' });
         this.listSentinelObserver.observe(sentinelEl);
@@ -9015,7 +9021,8 @@ class AdsTableComponent {
             const initialCount = Math.min(this.INITIAL_LIST_RENDER_COUNT, total);
             this.renderedListCount.set(initialCount);
             // Schedule chunked rendering for the remaining items up to listBatchSize
-            this.scheduleNextListRenderChunk();
+            const target = Math.min(this.listBatchSize, total);
+            this.scheduleProgressiveRender(target);
         }
         else {
             this.listSentinelObserver?.disconnect();
@@ -9036,18 +9043,30 @@ class AdsTableComponent {
             cancelAnimationFrame(this._listRenderRafId);
             this._listRenderRafId = null;
         }
+        this._listRenderInProgress = false;
+        this._listRenderTarget = 0;
+    }
+    /** @ignore - Progressively render list items in small chunks across animation frames up to the given target */
+    scheduleProgressiveRender(target) {
+        this._listRenderTarget = target;
+        this._listRenderInProgress = true;
+        this.scheduleNextListRenderChunk();
     }
     /** @ignore - Progressively render list items in small chunks across animation frames */
     scheduleNextListRenderChunk() {
-        const total = Math.min(this.listBatchSize, this.listRowDataCache().length);
+        const target = this._listRenderTarget;
         const current = this.renderedListCount();
-        if (current >= total || !this.isListView())
+        if (current >= target || !this.isListView()) {
+            this._listRenderInProgress = false;
             return;
+        }
         this._listRenderRafId = requestAnimationFrame(() => {
             this._listRenderRafId = null;
-            if (!this.isListView())
+            if (!this.isListView()) {
+                this._listRenderInProgress = false;
                 return;
-            const nextCount = Math.min(current + this.LIST_RENDER_CHUNK_SIZE, total);
+            }
+            const nextCount = Math.min(current + this.LIST_RENDER_CHUNK_SIZE, target);
             this.renderedListCount.set(nextCount);
             this.cdr.detectChanges();
             // Continue rendering remaining chunks
@@ -9056,8 +9075,13 @@ class AdsTableComponent {
     }
     /** @ignore - Refresh the list view data cache and reset rendered count */
     refreshListView() {
+        this.cancelListRenderRaf();
         this.listRowDataCache.set(this.getFilteredRowData());
-        this.renderedListCount.set(Math.min(this.listBatchSize, this.listRowDataCache().length));
+        const total = this.listRowDataCache().length;
+        const initialCount = Math.min(this.INITIAL_LIST_RENDER_COUNT, total);
+        this.renderedListCount.set(initialCount);
+        const target = Math.min(this.listBatchSize, total);
+        this.scheduleProgressiveRender(target);
     }
     /** @ignore - Get filtered and sorted row data for list view */
     getFilteredRowData() {