@ascentgl/ads-ui 21.97.0 → 21.99.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "21.97.0",
+  "version": "21.99.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, AfterViewChecked, QueryList } from '@angular/core';
+import { OnChanges, SimpleChanges, OnDestroy, EventEmitter, ElementRef, SimpleChange, OnInit, AfterContentInit, Renderer2, AfterViewInit, ChangeDetectorRef, TemplateRef, DoCheck, PipeTransform, AfterViewChecked, NgZone, QueryList } from '@angular/core';
 import * as i4 from '@ascentgl/ads-icons';
 import { AdsIconRegistry, IconThemes } from '@ascentgl/ads-icons';
 import * as i2 from '@angular/common';
@@ -49,14 +49,15 @@ import * as i4$6 from '@angular/material/menu';
 import { MatMenuTrigger, MatMenuPanel, MatMenu } from '@angular/material/menu';
 import * as i6$1 from '@angular/cdk/drag-drop';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import * as i4$7 from 'ag-grid-angular';
+import * as i5$4 from 'ag-grid-angular';
 import { IHeaderAngularComp } from 'ag-grid-angular';
-import * as i4$8 from 'angular-split';
+import * as i3$8 from '@angular/cdk/scrolling';
+import * as i4$7 from 'angular-split';
 import { SplitComponent, SplitGutterInteractionEvent } from 'angular-split';
 import * as i12 from '@angular/material/toolbar';
-import * as i3$8 from '@angular/material/bottom-sheet';
+import * as i3$9 from '@angular/material/bottom-sheet';
 import { MatBottomSheet } from '@angular/material/bottom-sheet';
-import * as i4$9 from '@angular/material/list';
+import * as i4$8 from '@angular/material/list';
 import * as i2$2 from '@angular/material/tabs';
 import { MatTabGroup } from '@angular/material/tabs';
 import { HttpClient } from '@angular/common/http';
@@ -2891,8 +2892,9 @@ declare class AdsTableComponent implements AfterViewInit, AfterViewChecked, OnCh
     private elementRef;
     private registry;
     private cdr;
+    private ngZone;
     /** @ignore */
-    constructor(elementRef: ElementRef, registry: AdsIconRegistry, cdr: ChangeDetectorRef);
+    constructor(elementRef: ElementRef, registry: AdsIconRegistry, cdr: ChangeDetectorRef, ngZone: NgZone);
     /**  The grid's width */
     width: string;
     /**  The grid's height */
@@ -2921,7 +2923,10 @@ declare class AdsTableComponent implements AfterViewInit, AfterViewChecked, OnCh
     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. */
+    /**
+     * Number of list view items to render per batch.
+     * @deprecated No longer used — list view now uses CDK virtual scrolling.
+     */
     listBatchSize: number;
     /** Enable custom column sort/filter menu (optional, default false for backward compatibility) */
     enableCustomSortFilter: boolean;
@@ -2942,20 +2947,16 @@ declare class AdsTableComponent implements AfterViewInit, AfterViewChecked, OnCh
     viewChanged: EventEmitter<"grid" | "list">;
     /** @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 - Cached filtered row data for list view */
+    listRowDataCache: i0.WritableSignal<GENERIC_COLLECTION[]>;
+    /** @ignore - Measured height (in px) of a single list-view item, used by CdkVirtualScrollViewport */
+    listItemHeight: i0.WritableSignal<number>;
+    /** @ignore - Reference to the CDK virtual scroll viewport for list view */
+    private virtualScrollViewport?;
+    /** @ignore - Whether the list item height has been measured after rendering */
+    private _listItemHeightMeasured;
+    /** @ignore - ResizeObserver for re-measuring list item height when container width changes */
+    private _listResizeObserver?;
     /** @ignore */
     menuTrigger: MatMenuTrigger;
     /** @ignore */
@@ -3011,12 +3012,6 @@ declare class AdsTableComponent implements AfterViewInit, AfterViewChecked, OnCh
     /** @ignore - Cache for getAgGridIcons() to avoid producing new object references on every CD cycle */
     private _agGridIconsCache;
     private _agGridIconsDirty;
-    /** @ignore - Number of list items to render synchronously on the first frame when toggling to list view */
-    private readonly INITIAL_LIST_RENDER_COUNT;
-    /** @ignore - Number of list items to add per animation frame during progressive rendering */
-    private readonly LIST_RENDER_CHUNK_SIZE;
-    /** @ignore - Handle for the pending rAF that fills the first batch, so it can be cancelled on destroy or re-toggle */
-    private _listRenderRafId;
     /** @ignore */
     private getBreakpoint;
     /** @ignore */
@@ -3031,10 +3026,16 @@ declare class AdsTableComponent implements AfterViewInit, AfterViewChecked, OnCh
     private refreshColumnHeaders;
     /** @ignore */
     ngAfterViewInit(): void;
-    /** @ignore - Re-observe sentinel when ViewChildren change (e.g. after switching to list view) */
+    /** @ignore - Measure list item height after the viewport renders items */
     ngAfterViewChecked(): void;
-    /** @ignore - Set up IntersectionObserver on the sentinel element for incremental list rendering */
-    private observeListSentinel;
+    /** @ignore - Measure the actual rendered height of a list-view item and update the virtual scroll item size */
+    private measureListItemHeight;
+    /** @ignore - Set up a ResizeObserver to re-measure item height when container width changes */
+    private setupListResizeObserver;
+    /** @ignore */
+    private teardownListResizeObserver;
+    /** @ignore - trackBy function for *cdkVirtualFor */
+    listTrackBy: (index: number, _item: GENERIC_COLLECTION) => number;
     /** @ignore */
     private initializeColumnVisibility;
     /** @ignore */
@@ -3104,11 +3105,7 @@ declare class AdsTableComponent implements AfterViewInit, AfterViewChecked, OnCh
     filterChanged($event: FilterChangedEvent): void;
     /** @ignore - Toggle between grid view and list view */
     toggleView(): void;
-    /** @ignore - Cancel pending rAF for progressive list rendering */
-    private cancelListRenderRaf;
-    /** @ignore - Progressively render list items in small chunks across animation frames */
-    private scheduleNextListRenderChunk;
-    /** @ignore - Refresh the list view data cache and reset rendered count */
+    /** @ignore - Refresh the list view data cache and scroll to top */
     private refreshListView;
     /** @ignore - Get filtered and sorted row data for list view */
     getFilteredRowData(): GENERIC_COLLECTION[];
@@ -3370,7 +3367,7 @@ declare class AdsFilterMenuModule {
 
 declare class AdsTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsTableModule, [typeof AdsTableComponent], [typeof i2.CommonModule, typeof i4.AdsIconModule, typeof i4$7.AgGridAngular, typeof i2$1.MatDialogModule, typeof AdsSlideToggle, typeof AdsButtonModule, typeof AdsTableButtonModule, typeof AdsDividerModule, typeof i16.MatTooltip, typeof i4$6.MatMenuModule, typeof AdsColumnSortFilterMenuModule, typeof AdsFilterMenuModule, typeof AdsSortMenuModule, typeof AdsCustomHeaderModule, typeof AdsProgressSpinnerModule], [typeof AdsTableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsTableModule, [typeof AdsTableComponent], [typeof i2.CommonModule, typeof i3$8.ScrollingModule, typeof i4.AdsIconModule, typeof i5$4.AgGridAngular, typeof i2$1.MatDialogModule, typeof AdsSlideToggle, typeof AdsButtonModule, typeof AdsTableButtonModule, typeof AdsDividerModule, typeof i16.MatTooltip, typeof i4$6.MatMenuModule, typeof AdsColumnSortFilterMenuModule, typeof AdsFilterMenuModule, typeof AdsSortMenuModule, typeof AdsCustomHeaderModule, typeof AdsProgressSpinnerModule], [typeof AdsTableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsTableModule>;
 }
 
@@ -3493,7 +3490,7 @@ declare class AdsSideNavBarComponent extends AbstractSideNavBarComponent {
 
 declare class AdsSideNavBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsSideNavBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsSideNavBarModule, [typeof AdsSideNavBarComponent], [typeof i2.CommonModule, typeof AdsPrimaryLogoModule, typeof i4$8.SplitComponent, typeof i4$8.SplitAreaComponent, typeof i3$2.RouterOutlet, typeof i3$2.RouterLink, typeof i3$2.RouterLinkActive, typeof i4.AdsIconModule, typeof AdsDividerModule], [typeof AdsSideNavBarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsSideNavBarModule, [typeof AdsSideNavBarComponent], [typeof i2.CommonModule, typeof AdsPrimaryLogoModule, typeof i4$7.SplitComponent, typeof i4$7.SplitAreaComponent, typeof i3$2.RouterOutlet, typeof i3$2.RouterLink, typeof i3$2.RouterLinkActive, typeof i4.AdsIconModule, typeof AdsDividerModule], [typeof AdsSideNavBarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsSideNavBarModule>;
 }
 
@@ -3568,7 +3565,7 @@ declare class AdsScmsSideNavBarComponent extends AbstractSideNavBarComponent {
 
 declare class AdsScmsSideNavBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsScmsSideNavBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsScmsSideNavBarModule, [typeof AdsScmsSideNavBarComponent], [typeof i2.CommonModule, typeof i4$8.SplitComponent, typeof i4$8.SplitAreaComponent, typeof i3$2.RouterLink, typeof i3$2.RouterLinkActive, typeof i4.AdsIconModule, typeof AdsDividerModule, typeof i7.MatAccordion, typeof i7.MatExpansionPanel, typeof i7.MatExpansionPanelDescription, typeof i7.MatExpansionPanelHeader, typeof i7.MatExpansionPanelTitle, typeof AdsAscentLogoModule, typeof i16.MatTooltip, typeof AdsBreadcrumbModule, typeof i4$6.MatMenu, typeof i12.MatToolbar, typeof i4$6.MatMenuTrigger, typeof i3$1.MatIconButton, typeof i3$2.RouterOutlet], [typeof AdsScmsSideNavBarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsScmsSideNavBarModule, [typeof AdsScmsSideNavBarComponent], [typeof i2.CommonModule, typeof i4$7.SplitComponent, typeof i4$7.SplitAreaComponent, typeof i3$2.RouterLink, typeof i3$2.RouterLinkActive, typeof i4.AdsIconModule, typeof AdsDividerModule, typeof i7.MatAccordion, typeof i7.MatExpansionPanel, typeof i7.MatExpansionPanelDescription, typeof i7.MatExpansionPanelHeader, typeof i7.MatExpansionPanelTitle, typeof AdsAscentLogoModule, typeof i16.MatTooltip, typeof AdsBreadcrumbModule, typeof i4$6.MatMenu, typeof i12.MatToolbar, typeof i4$6.MatMenuTrigger, typeof i3$1.MatIconButton, typeof i3$2.RouterOutlet], [typeof AdsScmsSideNavBarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsScmsSideNavBarModule>;
 }
 
@@ -3737,7 +3734,7 @@ declare class AdsProfileDisplayModule {
 
 declare class AdsMainMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsMainMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsMainMenuModule, [typeof AdsMainMenuComponent], [typeof i2.CommonModule, typeof i3$8.MatBottomSheetModule, typeof i4$9.MatListModule, typeof i4$6.MatMenuModule, typeof i4.AdsIconModule, typeof AdsMainMenuItemsModule, typeof AdsProfileDisplayModule, typeof i3$2.RouterModule], [typeof AdsMainMenuComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsMainMenuModule, [typeof AdsMainMenuComponent], [typeof i2.CommonModule, typeof i3$9.MatBottomSheetModule, typeof i4$8.MatListModule, typeof i4$6.MatMenuModule, typeof i4.AdsIconModule, typeof AdsMainMenuItemsModule, typeof AdsProfileDisplayModule, typeof i3$2.RouterModule], [typeof AdsMainMenuComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsMainMenuModule>;
 }