@ascentgl/ads-ui 21.88.0 → 21.90.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "21.88.0",
+  "version": "21.90.0",
   "peerDependencies": {
     "@angular/animations": ">=21.0.0",
     "date-fns": ">=4.1.0",

package/types/ascentgl-ads-ui.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnChanges, SimpleChanges, OnDestroy, EventEmitter, ElementRef, SimpleChange, OnInit, AfterContentInit, Renderer2, AfterViewInit, ChangeDetectorRef, TemplateRef, DoCheck, PipeTransform, QueryList } from '@angular/core';
+import { OnChanges, SimpleChanges, OnDestroy, EventEmitter, ElementRef, SimpleChange, OnInit, AfterContentInit, Renderer2, AfterViewInit, ChangeDetectorRef, TemplateRef, DoCheck, PipeTransform, AfterViewChecked, QueryList } from '@angular/core';
 import * as i4 from '@ascentgl/ads-icons';
 import { AdsIconRegistry, IconThemes } from '@ascentgl/ads-icons';
 import * as i2 from '@angular/common';
@@ -2878,7 +2878,7 @@ interface ColumnVisibilityControl {
     headerName: string;
     control: FormControl<boolean>;
 }
-declare class AdsTableComponent implements AfterViewInit, OnChanges, OnDestroy {
+declare class AdsTableComponent implements AfterViewInit, AfterViewChecked, OnChanges, OnDestroy {
     private elementRef;
     private registry;
     private cdr;
@@ -2912,6 +2912,8 @@ declare class AdsTableComponent implements AfterViewInit, OnChanges, OnDestroy {
     defaultViewMode: 'grid' | 'list';
     /** Template for rendering each row in list view mode */
     listItemTemplate?: TemplateRef<unknown>;
+    /** Number of list view items to render per batch. Defaults to 50. */
+    listBatchSize: number;
     /** Enable custom column sort/filter menu (optional, default false for backward compatibility) */
     enableCustomSortFilter: boolean;
     /** Change header buttons to mobile view */
@@ -2931,6 +2933,20 @@ declare class AdsTableComponent implements AfterViewInit, OnChanges, OnDestroy {
     viewChanged: EventEmitter<"list" | "grid">;
     /** @ignore - Current view mode: grid or list */
     isListView: i0.WritableSignal<boolean>;
+    /** @ignore - Number of list rows currently rendered (grows in batches) */
+    private renderedListCount;
+    /** @ignore - Cached filtered row data for list view (avoids recalculating on every access) */
+    private listRowDataCache;
+    /** @ignore - Visible slice of list rows for incremental rendering */
+    visibleListRows: i0.Signal<GENERIC_COLLECTION[]>;
+    /** @ignore - Whether there are more rows to render */
+    hasMoreListRows: i0.Signal<boolean>;
+    /** @ignore - Sentinel element reference for IntersectionObserver */
+    private listSentinelQuery;
+    /** @ignore - IntersectionObserver for incremental list rendering */
+    private listSentinelObserver?;
+    /** @ignore - Currently observed sentinel element */
+    private observedSentinelEl?;
     /** @ignore */
     menuTrigger: MatMenuTrigger;
     /** @ignore */
@@ -2993,6 +3009,10 @@ declare class AdsTableComponent implements AfterViewInit, OnChanges, OnDestroy {
     private refreshColumnHeaders;
     /** @ignore */
     ngAfterViewInit(): void;
+    /** @ignore - Re-observe sentinel when ViewChildren change (e.g. after switching to list view) */
+    ngAfterViewChecked(): void;
+    /** @ignore - Set up IntersectionObserver on the sentinel element for incremental list rendering */
+    private observeListSentinel;
     /** @ignore */
     private initializeColumnVisibility;
     /** @ignore */
@@ -3062,6 +3082,8 @@ declare class AdsTableComponent implements AfterViewInit, OnChanges, OnDestroy {
     filterChanged($event: FilterChangedEvent): void;
     /** @ignore - Toggle between grid view and list view */
     toggleView(): void;
+    /** @ignore - Refresh the list view data cache and reset rendered count */
+    private refreshListView;
     /** @ignore - Get filtered and sorted row data for list view */
     getFilteredRowData(): GENERIC_COLLECTION[];
     /**
@@ -3200,7 +3222,7 @@ declare class AdsTableComponent implements AfterViewInit, OnChanges, OnDestroy {
     protected readonly themeQuartz: ag_grid_community.Theme<ag_grid_community.ThemeDefaultParams>;
     protected readonly SpinnerSize: typeof SpinnerSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTableComponent, "ads-table", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "gridOptions": { "alias": "gridOptions"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "defaultColDef": { "alias": "defaultColDef"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnDefsByBreakpoint": { "alias": "columnDefsByBreakpoint"; "required": false; }; "showHeaderActions": { "alias": "showHeaderActions"; "required": false; }; "showChangeViewButton": { "alias": "showChangeViewButton"; "required": false; }; "defaultViewMode": { "alias": "defaultViewMode"; "required": false; }; "listItemTemplate": { "alias": "listItemTemplate"; "required": false; }; "enableCustomSortFilter": { "alias": "enableCustomSortFilter"; "required": false; }; "mobileHeaderView": { "alias": "mobileHeaderView"; "required": false; }; "showBorder": { "alias": "showBorder"; "required": false; }; "columnSortFilterConfigs": { "alias": "columnSortFilterConfigs"; "required": false; }; }, { "filtersCleared": "filtersCleared"; "columnFilterChanged": "columnFilterChanged"; "viewChanged": "viewChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTableComponent, "ads-table", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "gridOptions": { "alias": "gridOptions"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "defaultColDef": { "alias": "defaultColDef"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnDefsByBreakpoint": { "alias": "columnDefsByBreakpoint"; "required": false; }; "showHeaderActions": { "alias": "showHeaderActions"; "required": false; }; "showChangeViewButton": { "alias": "showChangeViewButton"; "required": false; }; "defaultViewMode": { "alias": "defaultViewMode"; "required": false; }; "listItemTemplate": { "alias": "listItemTemplate"; "required": false; }; "listBatchSize": { "alias": "listBatchSize"; "required": false; }; "enableCustomSortFilter": { "alias": "enableCustomSortFilter"; "required": false; }; "mobileHeaderView": { "alias": "mobileHeaderView"; "required": false; }; "showBorder": { "alias": "showBorder"; "required": false; }; "columnSortFilterConfigs": { "alias": "columnSortFilterConfigs"; "required": false; }; }, { "filtersCleared": "filtersCleared"; "columnFilterChanged": "columnFilterChanged"; "viewChanged": "viewChanged"; }, never, never, false, never>;
 }
 
 declare class AdsTableButtonComponent {