@clr/angular 17.1.0 → 17.2.1

package/clr-angular.module.d.ts

@@ -12,13 +12,14 @@ import * as i9 from "./forms/forms.module";
 import * as i10 from "./layout/layout.module";
 import * as i11 from "./popover/popover.module";
 import * as i12 from "./wizard/wizard.module";
-import * as i13 from "./accordion/stepper/stepper.module";
-import * as i14 from "./progress/spinner/spinner.module";
-import * as i15 from "./progress/progress-bars/progress-bar.module";
-import * as i16 from "./utils/popover/popover.module";
-import * as i17 from "./timeline/timeline.module";
+import * as i13 from "./modal/side-panel.module";
+import * as i14 from "./accordion/stepper/stepper.module";
+import * as i15 from "./progress/spinner/spinner.module";
+import * as i16 from "./progress/progress-bars/progress-bar.module";
+import * as i17 from "./utils/popover/popover.module";
+import * as i18 from "./timeline/timeline.module";
 export declare class ClarityModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClarityModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClarityModule, never, never, [typeof i1.ClrEmphasisModule, typeof i2.ClrDataModule, typeof i3.ClrIconModule, typeof i4.ClrModalModule, typeof i5.ClrLoadingModule, typeof i6.ClrConditionalModule, typeof i7.ClrFocusOnViewInitModule, typeof i8.ClrButtonModule, typeof i9.ClrFormsModule, typeof i10.ClrLayoutModule, typeof i11.ClrPopoverModule, typeof i12.ClrWizardModule, typeof i13.ClrStepperModule, typeof i14.ClrSpinnerModule, typeof i15.ClrProgressBarModule, typeof i16.ClrPopoverModuleNext, typeof i17.ClrTimelineModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClarityModule, never, never, [typeof i1.ClrEmphasisModule, typeof i2.ClrDataModule, typeof i3.ClrIconModule, typeof i4.ClrModalModule, typeof i5.ClrLoadingModule, typeof i6.ClrConditionalModule, typeof i7.ClrFocusOnViewInitModule, typeof i8.ClrButtonModule, typeof i9.ClrFormsModule, typeof i10.ClrLayoutModule, typeof i11.ClrPopoverModule, typeof i12.ClrWizardModule, typeof i13.ClrSidePanelModule, typeof i14.ClrStepperModule, typeof i15.ClrSpinnerModule, typeof i16.ClrProgressBarModule, typeof i17.ClrPopoverModuleNext, typeof i18.ClrTimelineModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClarityModule>;
 }

package/data/datagrid/datagrid-detail-header.d.ts

@@ -1,11 +1,14 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
 import { ClrCommonStringsService } from '../../utils/i18n/common-strings.service';
 import { DetailService } from './providers/detail.service';
 import * as i0 from "@angular/core";
-export declare class ClrDatagridDetailHeader {
+export declare class ClrDatagridDetailHeader implements AfterViewInit {
     detailService: DetailService;
     commonStrings: ClrCommonStringsService;
+    title: ElementRef;
     constructor(detailService: DetailService, commonStrings: ClrCommonStringsService);
     get titleId(): string;
+    ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridDetailHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagridDetailHeader, "clr-dg-detail-header", never, {}, {}, never, ["*"], false, never>;
 }

package/data/datagrid/datagrid-detail.d.ts

@@ -5,9 +5,13 @@ import * as i0 from "@angular/core";
 export declare class ClrDatagridDetail {
     detailService: DetailService;
     commonStrings: ClrCommonStringsService;
+    ariaLabelledBy: string;
+    ariaLabel: string;
     header: ClrDatagridDetailHeader;
     constructor(detailService: DetailService, commonStrings: ClrCommonStringsService);
+    get labelledBy(): string;
+    get label(): string;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridDetail, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagridDetail, "clr-dg-detail", never, {}, {}, ["header"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagridDetail, "clr-dg-detail", never, { "ariaLabelledBy": "clrDetailAriaLabelledBy"; "ariaLabel": "clrDetailAriaLabel"; }, {}, ["header"], ["*"], false, never>;
 }

package/data/datagrid/datagrid-filter.d.ts

@@ -6,6 +6,7 @@ import { ClrDatagridFilterInterface } from './interfaces/filter.interface';
 import { CustomFilter } from './providers/custom-filter';
 import { FiltersProvider, RegisteredFilter } from './providers/filters';
 import { DatagridFilterRegistrar } from './utils/datagrid-filter-registrar';
+import { KeyNavigationGridController } from './utils/key-navigation-grid.controller';
 import * as i0 from "@angular/core";
 /**
  * Custom filter that can be added in any column to override the default object property string filter.
@@ -17,6 +18,7 @@ export declare class ClrDatagridFilter<T = any> extends DatagridFilterRegistrar<
     private smartToggleService;
     private platformId;
     private elementRef;
+    private keyNavigation;
     openChange: EventEmitter<boolean>;
     ariaExpanded: boolean;
     popoverId: string;
@@ -25,7 +27,7 @@ export declare class ClrDatagridFilter<T = any> extends DatagridFilterRegistrar<
     anchor: ElementRef;
     private _open;
     private subs;
-    constructor(_filters: FiltersProvider<T>, commonStrings: ClrCommonStringsService, smartToggleService: ClrPopoverToggleService, platformId: any, elementRef: ElementRef<HTMLElement>);
+    constructor(_filters: FiltersProvider<T>, commonStrings: ClrCommonStringsService, smartToggleService: ClrPopoverToggleService, platformId: any, elementRef: ElementRef<HTMLElement>, keyNavigation: KeyNavigationGridController);
     get open(): boolean;
     set open(open: boolean);
     set customFilter(filter: ClrDatagridFilterInterface<T> | RegisteredFilter<T, ClrDatagridFilterInterface<T>>);
@@ -40,6 +42,6 @@ export declare class ClrDatagridFilter<T = any> extends DatagridFilterRegistrar<
      * And it's more performant this way since it only runs on change.
      */
     private setToggleButtonAriaLabel;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridFilter<any>, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridFilter<any>, [null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagridFilter<any>, "clr-dg-filter", never, { "open": "clrDgFilterOpen"; "customFilter": "clrDgFilter"; }, { "openChange": "clrDgFilterOpenChange"; }, never, ["*"], false, never>;
 }

package/data/datagrid/datagrid-if-detail.d.ts

@@ -11,9 +11,18 @@ export declare class ClrIfDetail implements OnInit, OnDestroy {
     private embeddedViewRef;
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, detailService: DetailService);
     set state(model: any);
+    get viewContext(): {
+        $implicit: any;
+    };
     ngOnInit(): void;
     ngOnDestroy(): void;
     private togglePanel;
+    /**
+     * For a given outlet instance, we create a proxy object that delegates
+     * to the user-specified context. This allows changing, or swapping out
+     * the context object completely without having to destroy/re-create the view.
+     */
+    private _createContextForwardProxy;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrIfDetail, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrIfDetail, "[clrIfDetail]", never, { "state": "clrIfDetail"; }, { "stateChange": "clrIfDetailChange"; }, never, never, false, never>;
 }

package/data/datagrid/datagrid-virtual-scroll.directive.d.ts

@@ -0,0 +1,62 @@
+import { Directionality } from '@angular/cdk/bidi';
+import { ListRange } from '@angular/cdk/collections';
+import { CdkFixedSizeVirtualScroll, CdkVirtualForOf, CdkVirtualForOfContext, ScrollDispatcher, ViewportRuler } from '@angular/cdk/scrolling';
+import { AfterViewInit, ChangeDetectorRef, DoCheck, EnvironmentInjector, EventEmitter, IterableDiffers, NgZone, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ClrDatagrid } from './datagrid';
+import { ColumnsService } from './providers/columns.service';
+import { Items } from './providers/items';
+import * as i0 from "@angular/core";
+declare type CdkVirtualForInputKey = 'cdkVirtualForOf' | 'cdkVirtualForTrackBy' | 'cdkVirtualForTemplate' | 'cdkVirtualForTemplateCacheSize';
+declare type CdkVirtualForInputs<T> = Partial<Pick<CdkVirtualForOf<T>, CdkVirtualForInputKey>>;
+declare type CdkFixedSizeVirtualScrollInputs = Pick<CdkFixedSizeVirtualScroll, 'itemSize' | 'minBufferPx' | 'maxBufferPx'>;
+export declare class ClrDatagridVirtualScrollDirective<T> implements AfterViewInit, DoCheck, OnDestroy {
+    private readonly changeDetectorRef;
+    private iterableDiffers;
+    private items;
+    private readonly ngZone;
+    private readonly templateRef;
+    private readonly viewContainerRef;
+    private readonly directionality;
+    private readonly scrollDispatcher;
+    private readonly viewportRuler;
+    private readonly datagrid;
+    private columnsService;
+    private readonly injector;
+    renderedRangeChange: EventEmitter<ListRange>;
+    private _cdkFixedSizeVirtualScrollInputs;
+    private readonly datagridElementRef;
+    private gridRoleElement;
+    private readonly virtualScrollStrategy;
+    private virtualScrollViewport;
+    private cdkVirtualFor;
+    private subscriptions;
+    private mutationChanges;
+    private viewRepeater;
+    private cdkVirtualForInputs;
+    constructor(changeDetectorRef: ChangeDetectorRef, iterableDiffers: IterableDiffers, items: Items<T>, ngZone: NgZone, templateRef: TemplateRef<CdkVirtualForOfContext<T>>, viewContainerRef: ViewContainerRef, directionality: Directionality, scrollDispatcher: ScrollDispatcher, viewportRuler: ViewportRuler, datagrid: ClrDatagrid, columnsService: ColumnsService, injector: EnvironmentInjector);
+    get cdkVirtualForOf(): CdkVirtualForInputs<T>['cdkVirtualForOf'];
+    set cdkVirtualForOf(value: CdkVirtualForInputs<T>['cdkVirtualForOf']);
+    get cdkVirtualForTrackBy(): CdkVirtualForInputs<T>['cdkVirtualForTrackBy'];
+    set cdkVirtualForTrackBy(value: CdkVirtualForInputs<T>['cdkVirtualForTrackBy']);
+    get cdkVirtualForTemplate(): CdkVirtualForInputs<T>['cdkVirtualForTemplate'];
+    set cdkVirtualForTemplate(value: CdkVirtualForInputs<T>['cdkVirtualForTemplate']);
+    get cdkVirtualForTemplateCacheSize(): CdkVirtualForInputs<T>['cdkVirtualForTemplateCacheSize'];
+    set cdkVirtualForTemplateCacheSize(value: CdkVirtualForInputs<T>['cdkVirtualForTemplateCacheSize']);
+    get itemSize(): CdkFixedSizeVirtualScrollInputs['itemSize'];
+    set itemSize(value: CdkFixedSizeVirtualScrollInputs['itemSize']);
+    get minBufferPx(): CdkFixedSizeVirtualScrollInputs['minBufferPx'];
+    set minBufferPx(value: CdkFixedSizeVirtualScrollInputs['minBufferPx']);
+    get maxBufferPx(): CdkFixedSizeVirtualScrollInputs['maxBufferPx'];
+    set maxBufferPx(value: CdkFixedSizeVirtualScrollInputs['maxBufferPx']);
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
+    private updateCdkVirtualForInputs;
+    private updateFixedSizeVirtualScrollInputs;
+    private updateAriaRowCount;
+    private updateAriaRowIndexes;
+    private createVirtualScrollViewportForDatagrid;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridVirtualScrollDirective<any>, [null, null, { skipSelf: true; }, null, null, null, null, null, null, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrDatagridVirtualScrollDirective<any>, "[ClrVirtualScroll]", never, { "cdkVirtualForOf": "clrVirtualRowsOf"; "cdkVirtualForTrackBy": "clrVirtualRowsTrackBy"; "cdkVirtualForTemplate": "clrVirtualRowsTemplate"; "cdkVirtualForTemplateCacheSize": "clrVirtualRowsTemplateCacheSize"; "itemSize": "clrVirtualRowsItemSize"; "minBufferPx": "clrVirtualRowsMinBufferPx"; "maxBufferPx": "clrVirtualRowsMaxBufferPx"; }, { "renderedRangeChange": "renderedRangeChange"; }, never, never, false, never>;
+}
+export {};

package/data/datagrid/datagrid.d.ts

@@ -29,12 +29,13 @@ export declare class ClrDatagrid<T = any> implements AfterContentInit, AfterView
     private renderer;
     detailService: DetailService;
     private document;
-    private el;
+    el: ElementRef<HTMLElement>;
     private page;
     commonStrings: ClrCommonStringsService;
     private columnsService;
-    private keyNavigation;
+    keyNavigation: KeyNavigationGridController;
     private zone;
+    loadingMoreItems: boolean;
     clrDgSingleSelectionAriaLabel: string;
     clrDgSingleActionableAriaLabel: string;
     clrDetailExpandableAriaLabel: string;
@@ -63,6 +64,7 @@ export declare class ClrDatagrid<T = any> implements AfterContentInit, AfterView
      * displayed, typically for selection.
      */
     rows: QueryList<ClrDatagridRow<T>>;
+    datagrid: ElementRef;
     datagridTable: ElementRef;
     scrollableColumns: ViewContainerRef;
     _projectedDisplayColumns: ViewContainerRef;
@@ -70,12 +72,13 @@ export declare class ClrDatagrid<T = any> implements AfterContentInit, AfterView
     _displayedRows: ViewContainerRef;
     _calculationRows: ViewContainerRef;
     selectAllId: string;
+    hasVirtualScroller: boolean;
     SELECTION_TYPE: typeof SelectionType;
     /**
      * Subscriptions to all the services and queries changes
      */
     private _subscriptions;
-    constructor(organizer: DatagridRenderOrganizer, items: Items<T>, expandableRows: ExpandableRowsCount, selection: Selection<T>, rowActionService: RowActionService, stateProvider: StateProvider<T>, displayMode: DisplayModeService, renderer: Renderer2, detailService: DetailService, document: any, el: ElementRef, page: Page, commonStrings: ClrCommonStringsService, columnsService: ColumnsService, keyNavigation: KeyNavigationGridController, zone: NgZone);
+    constructor(organizer: DatagridRenderOrganizer, items: Items<T>, expandableRows: ExpandableRowsCount, selection: Selection<T>, rowActionService: RowActionService, stateProvider: StateProvider<T>, displayMode: DisplayModeService, renderer: Renderer2, detailService: DetailService, document: any, el: ElementRef<HTMLElement>, page: Page, commonStrings: ClrCommonStringsService, columnsService: ColumnsService, keyNavigation: KeyNavigationGridController, zone: NgZone);
     /**
      * Freezes the datagrid while data is loading
      */
@@ -108,11 +111,12 @@ export declare class ClrDatagrid<T = any> implements AfterContentInit, AfterView
      */
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    toggleAllSelected($event: any): void;
     resize(): void;
     /**
      * Public method to re-trigger the computation of displayed items manually
      */
     dataChanged(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagrid<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagrid<any>, "clr-datagrid", never, { "clrDgSingleSelectionAriaLabel": "clrDgSingleSelectionAriaLabel"; "clrDgSingleActionableAriaLabel": "clrDgSingleActionableAriaLabel"; "clrDetailExpandableAriaLabel": "clrDetailExpandableAriaLabel"; "clrDgDisablePageFocus": "clrDgDisablePageFocus"; "loading": "clrDgLoading"; "selected": "clrDgSelected"; "singleSelected": "clrDgSingleSelected"; "clrDgPreserveSelection": "clrDgPreserveSelection"; "rowSelectionMode": "clrDgRowSelection"; "trackBy": "clrDgItemsTrackBy"; }, { "selectedChanged": "clrDgSelectedChange"; "singleSelectedChanged": "clrDgSingleSelectedChange"; "refresh": "clrDgRefresh"; }, ["iterator", "placeholder", "columns", "rows"], ["clr-dg-action-bar", "clr-dg-placeholder", "clr-dg-footer", "[clrIfDetail],clr-dg-detail"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagrid<any>, "clr-datagrid", never, { "loadingMoreItems": "clrLoadingMoreItems"; "clrDgSingleSelectionAriaLabel": "clrDgSingleSelectionAriaLabel"; "clrDgSingleActionableAriaLabel": "clrDgSingleActionableAriaLabel"; "clrDetailExpandableAriaLabel": "clrDetailExpandableAriaLabel"; "clrDgDisablePageFocus": "clrDgDisablePageFocus"; "loading": "clrDgLoading"; "selected": "clrDgSelected"; "singleSelected": "clrDgSingleSelected"; "clrDgPreserveSelection": "clrDgPreserveSelection"; "rowSelectionMode": "clrDgRowSelection"; "trackBy": "clrDgItemsTrackBy"; }, { "selectedChanged": "clrDgSelectedChange"; "singleSelectedChanged": "clrDgSingleSelectedChange"; "refresh": "clrDgRefresh"; }, ["iterator", "placeholder", "columns", "rows"], ["clr-dg-action-bar", "clr-dg-placeholder", "clr-dg-footer", "[clrIfDetail],clr-dg-detail"], false, never>;
 }

package/data/datagrid/datagrid.module.d.ts

@@ -19,39 +19,40 @@ import * as i16 from "./datagrid-placeholder";
 import * as i17 from "./datagrid-row";
 import * as i18 from "./datagrid-row-detail";
 import * as i19 from "./datagrid-selection-cell.directive";
-import * as i20 from "./datagrid-if-detail";
-import * as i21 from "./datagrid-detail-registerer";
-import * as i22 from "./wrapped-cell";
-import * as i23 from "./wrapped-column";
-import * as i24 from "./wrapped-row";
-import * as i25 from "./render/cell-renderer";
-import * as i26 from "./render/header-renderer";
-import * as i27 from "./render/main-renderer";
-import * as i28 from "./render/row-renderer";
-import * as i29 from "./chocolate/actionable-oompa-loompa";
-import * as i30 from "./chocolate/datagrid-willy-wonka";
-import * as i31 from "./chocolate/expandable-oompa-loompa";
-import * as i32 from "./built-in/filters/datagrid-numeric-filter";
-import * as i33 from "./built-in/filters/datagrid-string-filter";
-import * as i34 from "./datagrid-column-toggle";
-import * as i35 from "./datagrid-column-toggle-button";
-import * as i36 from "@angular/common";
-import * as i37 from "../../utils/cdk/cdk-drag.module";
-import * as i38 from "../../utils/cdk/cdk-trap-focus.module";
-import * as i39 from "../../icon/icon.module";
-import * as i40 from "../../forms/forms.module";
-import * as i41 from "@angular/forms";
-import * as i42 from "../../utils/loading/loading.module";
-import * as i43 from "../../utils/conditional/conditional.module";
-import * as i44 from "../../utils/outside-click/outside-click.module";
-import * as i45 from "../../utils/animations/expandable-animation/expandable-animation.module";
-import * as i46 from "../../progress/spinner/spinner.module";
-import * as i47 from "../../utils/popover/popover.module";
-import * as i48 from "../../utils/focus/key-focus/key-focus.module";
+import * as i20 from "./datagrid-virtual-scroll.directive";
+import * as i21 from "./datagrid-if-detail";
+import * as i22 from "./datagrid-detail-registerer";
+import * as i23 from "./wrapped-cell";
+import * as i24 from "./wrapped-column";
+import * as i25 from "./wrapped-row";
+import * as i26 from "./render/cell-renderer";
+import * as i27 from "./render/header-renderer";
+import * as i28 from "./render/main-renderer";
+import * as i29 from "./render/row-renderer";
+import * as i30 from "./chocolate/actionable-oompa-loompa";
+import * as i31 from "./chocolate/datagrid-willy-wonka";
+import * as i32 from "./chocolate/expandable-oompa-loompa";
+import * as i33 from "./built-in/filters/datagrid-numeric-filter";
+import * as i34 from "./built-in/filters/datagrid-string-filter";
+import * as i35 from "./datagrid-column-toggle";
+import * as i36 from "./datagrid-column-toggle-button";
+import * as i37 from "@angular/common";
+import * as i38 from "../../utils/cdk/cdk-drag.module";
+import * as i39 from "../../utils/cdk/cdk-trap-focus.module";
+import * as i40 from "../../icon/icon.module";
+import * as i41 from "../../forms/forms.module";
+import * as i42 from "@angular/forms";
+import * as i43 from "../../utils/loading/loading.module";
+import * as i44 from "../../utils/conditional/conditional.module";
+import * as i45 from "../../utils/outside-click/outside-click.module";
+import * as i46 from "../../utils/animations/expandable-animation/expandable-animation.module";
+import * as i47 from "../../progress/spinner/spinner.module";
+import * as i48 from "../../utils/popover/popover.module";
+import * as i49 from "../../utils/focus/key-focus/key-focus.module";
 export declare const CLR_DATAGRID_DIRECTIVES: Type<any>[];
 export declare class ClrDatagridModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrDatagridModule, [typeof i1.ClrDatagrid, typeof i2.ClrDatagridActionBar, typeof i3.ClrDatagridActionOverflow, typeof i4.ClrDatagridCell, typeof i5.ClrDatagridColumn, typeof i6.ClrDatagridColumnSeparator, typeof i7.ClrDatagridDetail, typeof i8.ClrDatagridDetailBody, typeof i9.ClrDatagridDetailHeader, typeof i10.ClrDatagridFilter, typeof i11.ClrDatagridFooter, typeof i12.ClrDatagridHideableColumn, typeof i13.ClrDatagridItems, typeof i14.ClrDatagridPageSize, typeof i15.ClrDatagridPagination, typeof i16.ClrDatagridPlaceholder, typeof i17.ClrDatagridRow, typeof i18.ClrDatagridRowDetail, typeof i19.ClrDatagridSelectionCellDirective, typeof i20.ClrIfDetail, typeof i21.DatagridDetailRegisterer, typeof i22.WrappedCell, typeof i23.WrappedColumn, typeof i24.WrappedRow, typeof i25.DatagridCellRenderer, typeof i26.DatagridHeaderRenderer, typeof i27.DatagridMainRenderer, typeof i28.DatagridRowRenderer, typeof i29.ActionableOompaLoompa, typeof i30.DatagridWillyWonka, typeof i31.ExpandableOompaLoompa, typeof i32.DatagridNumericFilter, typeof i33.DatagridStringFilter, typeof i34.ClrDatagridColumnToggle, typeof i35.ClrDatagridColumnToggleButton], [typeof i36.CommonModule, typeof i37.CdkDragModule, typeof i38.CdkTrapFocusModule, typeof i39.ClrIconModule, typeof i40.ClrFormsModule, typeof i41.FormsModule, typeof i42.ClrLoadingModule, typeof i43.ClrConditionalModule, typeof i44.ClrOutsideClickModule, typeof i45.ClrExpandableAnimationModule, typeof i46.ClrSpinnerModule, typeof i47.ClrPopoverModuleNext, typeof i48.ClrKeyFocusModule], [typeof i1.ClrDatagrid, typeof i2.ClrDatagridActionBar, typeof i3.ClrDatagridActionOverflow, typeof i4.ClrDatagridCell, typeof i5.ClrDatagridColumn, typeof i6.ClrDatagridColumnSeparator, typeof i7.ClrDatagridDetail, typeof i8.ClrDatagridDetailBody, typeof i9.ClrDatagridDetailHeader, typeof i10.ClrDatagridFilter, typeof i11.ClrDatagridFooter, typeof i12.ClrDatagridHideableColumn, typeof i13.ClrDatagridItems, typeof i14.ClrDatagridPageSize, typeof i15.ClrDatagridPagination, typeof i16.ClrDatagridPlaceholder, typeof i17.ClrDatagridRow, typeof i18.ClrDatagridRowDetail, typeof i19.ClrDatagridSelectionCellDirective, typeof i20.ClrIfDetail, typeof i21.DatagridDetailRegisterer, typeof i22.WrappedCell, typeof i23.WrappedColumn, typeof i24.WrappedRow, typeof i25.DatagridCellRenderer, typeof i26.DatagridHeaderRenderer, typeof i27.DatagridMainRenderer, typeof i28.DatagridRowRenderer, typeof i29.ActionableOompaLoompa, typeof i30.DatagridWillyWonka, typeof i31.ExpandableOompaLoompa, typeof i32.DatagridNumericFilter, typeof i33.DatagridStringFilter]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrDatagridModule, [typeof i1.ClrDatagrid, typeof i2.ClrDatagridActionBar, typeof i3.ClrDatagridActionOverflow, typeof i4.ClrDatagridCell, typeof i5.ClrDatagridColumn, typeof i6.ClrDatagridColumnSeparator, typeof i7.ClrDatagridDetail, typeof i8.ClrDatagridDetailBody, typeof i9.ClrDatagridDetailHeader, typeof i10.ClrDatagridFilter, typeof i11.ClrDatagridFooter, typeof i12.ClrDatagridHideableColumn, typeof i13.ClrDatagridItems, typeof i14.ClrDatagridPageSize, typeof i15.ClrDatagridPagination, typeof i16.ClrDatagridPlaceholder, typeof i17.ClrDatagridRow, typeof i18.ClrDatagridRowDetail, typeof i19.ClrDatagridSelectionCellDirective, typeof i20.ClrDatagridVirtualScrollDirective, typeof i21.ClrIfDetail, typeof i22.DatagridDetailRegisterer, typeof i23.WrappedCell, typeof i24.WrappedColumn, typeof i25.WrappedRow, typeof i26.DatagridCellRenderer, typeof i27.DatagridHeaderRenderer, typeof i28.DatagridMainRenderer, typeof i29.DatagridRowRenderer, typeof i30.ActionableOompaLoompa, typeof i31.DatagridWillyWonka, typeof i32.ExpandableOompaLoompa, typeof i33.DatagridNumericFilter, typeof i34.DatagridStringFilter, typeof i35.ClrDatagridColumnToggle, typeof i36.ClrDatagridColumnToggleButton], [typeof i37.CommonModule, typeof i38.CdkDragModule, typeof i39.CdkTrapFocusModule, typeof i40.ClrIconModule, typeof i41.ClrFormsModule, typeof i42.FormsModule, typeof i43.ClrLoadingModule, typeof i44.ClrConditionalModule, typeof i45.ClrOutsideClickModule, typeof i46.ClrExpandableAnimationModule, typeof i47.ClrSpinnerModule, typeof i48.ClrPopoverModuleNext, typeof i49.ClrKeyFocusModule], [typeof i1.ClrDatagrid, typeof i2.ClrDatagridActionBar, typeof i3.ClrDatagridActionOverflow, typeof i4.ClrDatagridCell, typeof i5.ClrDatagridColumn, typeof i6.ClrDatagridColumnSeparator, typeof i7.ClrDatagridDetail, typeof i8.ClrDatagridDetailBody, typeof i9.ClrDatagridDetailHeader, typeof i10.ClrDatagridFilter, typeof i11.ClrDatagridFooter, typeof i12.ClrDatagridHideableColumn, typeof i13.ClrDatagridItems, typeof i14.ClrDatagridPageSize, typeof i15.ClrDatagridPagination, typeof i16.ClrDatagridPlaceholder, typeof i17.ClrDatagridRow, typeof i18.ClrDatagridRowDetail, typeof i19.ClrDatagridSelectionCellDirective, typeof i20.ClrDatagridVirtualScrollDirective, typeof i21.ClrIfDetail, typeof i22.DatagridDetailRegisterer, typeof i23.WrappedCell, typeof i24.WrappedColumn, typeof i25.WrappedRow, typeof i26.DatagridCellRenderer, typeof i27.DatagridHeaderRenderer, typeof i28.DatagridMainRenderer, typeof i29.DatagridRowRenderer, typeof i30.ActionableOompaLoompa, typeof i31.DatagridWillyWonka, typeof i32.ExpandableOompaLoompa, typeof i33.DatagridNumericFilter, typeof i34.DatagridStringFilter]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrDatagridModule>;
 }

package/data/datagrid/enums/column-changes.enum.d.ts

@@ -1,5 +1,6 @@
 export declare enum DatagridColumnChanges {
     WIDTH = 0,
-    HIDDEN = 1
+    HIDDEN = 1,
+    INITIALIZE = 2
 }
 export declare const ALL_COLUMN_CHANGES: DatagridColumnChanges[];

package/data/datagrid/index.d.ts

@@ -33,6 +33,7 @@ export * from './built-in/comparators/datagrid-property-comparator';
 export * from './datagrid.module';
 export { ClrDatagridItemsTrackByFunction } from './providers/items';
 export { ClrDatagridSelectionCellDirective as ÇlrDatagridSelectionCellDirective } from './datagrid-selection-cell.directive';
+export { ClrDatagridVirtualScrollDirective as ÇlrDatagridVirtualScrollDirective } from './datagrid-virtual-scroll.directive';
 export { DatagridDetailRegisterer as ÇlrDatagridDetailRegisterer } from './datagrid-detail-registerer';
 export { WrappedCell as ÇlrWrappedCell } from './wrapped-cell';
 export { WrappedColumn as ÇlrWrappedColumn } from './wrapped-column';

package/data/datagrid/interfaces/column-state.interface.d.ts

@@ -1,6 +1,7 @@
 import { TemplateRef } from '@angular/core';
 import { DatagridColumnChanges } from '../enums/column-changes.enum';
 export interface ColumnState {
+    columnIndex?: number;
     changes?: DatagridColumnChanges[];
     width?: number;
     strictWidth?: number;

package/data/datagrid/providers/columns.service.d.ts

@@ -3,6 +3,7 @@ import { ColumnState, ColumnStateDiff } from '../interfaces/column-state.interfa
 import * as i0 from "@angular/core";
 export declare class ColumnsService {
     columns: BehaviorSubject<ColumnState>[];
+    columnsStateChange: BehaviorSubject<ColumnState>;
     private _cache;
     get columnStates(): ColumnState[];
     get hasHideableColumns(): boolean;

package/data/datagrid/providers/detail.service.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class DetailService {
     private readonly modalStackService;
     id: string;
+    private preventScroll;
     private toggleState;
     private cache;
     private button;
@@ -12,11 +13,14 @@ export declare class DetailService {
     constructor(modalStackService: ModalStackService);
     get enabled(): boolean;
     set enabled(state: boolean);
+    get preventFocusScroll(): boolean;
+    set preventFocusScroll(preventScroll: boolean);
     get state(): any;
     get stateChange(): Observable<boolean | null>;
     get isOpen(): boolean;
     open(item: any, button?: HTMLButtonElement): void;
     close(): void;
+    returnFocus(): void;
     toggle(item: any, button?: HTMLButtonElement): void;
     isRowOpen(item: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DetailService, never>;

package/data/datagrid/render/cell-renderer.d.ts

@@ -1,21 +1,18 @@
 import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
 import { ColumnState } from '../interfaces/column-state.interface';
 import { DatagridRenderOrganizer } from './render-organizer';
 import * as i0 from "@angular/core";
 export declare class DatagridCellRenderer implements OnDestroy {
     private el;
     private renderer;
-    private runAllChanges;
     private stateSubscription;
     private subscriptions;
     constructor(el: ElementRef, renderer: Renderer2, organizer: DatagridRenderOrganizer);
-    set columnState(columnState: BehaviorSubject<ColumnState>);
     ngOnDestroy(): void;
-    private stateChanges;
+    resetState(state: ColumnState): void;
+    setWidth(state: ColumnState): void;
+    setHidden(state: ColumnState): void;
     private clearWidth;
-    private setWidth;
-    private setHidden;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatagridCellRenderer, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DatagridCellRenderer, "clr-dg-cell", never, {}, {}, never, never, false, never>;
 }

package/data/datagrid/render/header-renderer.d.ts

@@ -25,12 +25,11 @@ export declare class DatagridHeaderRenderer implements OnDestroy {
     ngOnDestroy(): void;
     getColumnWidthState(): Partial<ColumnState>;
     setColumnState(index: number): void;
-    private stateChanges;
+    setWidth(state: ColumnState): void;
+    setHidden(state: ColumnState): void;
     private clearWidth;
     private detectStrictWidth;
     private computeWidth;
-    private setWidth;
-    private setHidden;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatagridHeaderRenderer, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DatagridHeaderRenderer, "clr-dg-column", never, {}, { "resizeEmitter": "clrDgColumnResize"; }, never, never, false, never>;
 }

package/data/datagrid/render/main-renderer.d.ts

@@ -5,6 +5,7 @@ import { DetailService } from '../providers/detail.service';
 import { Items } from '../providers/items';
 import { Page } from '../providers/page';
 import { TableSizeService } from '../providers/table-size.service';
+import { KeyNavigationGridController } from '../utils/key-navigation-grid.controller';
 import { NoopDomAdapter } from './noop-dom-adapter';
 import { DatagridRenderOrganizer } from './render-organizer';
 import * as i0 from "@angular/core";
@@ -20,6 +21,7 @@ export declare class DatagridMainRenderer implements AfterContentInit, AfterView
     private tableSizeService;
     private columnsService;
     private ngZone;
+    private keyNavigation;
     private headers;
     private rows;
     private _heightSet;
@@ -31,7 +33,8 @@ export declare class DatagridMainRenderer implements AfterContentInit, AfterView
      * 2) When rows are lazily loaded for the first time
      */
     private columnsSizesStable;
-    constructor(organizer: DatagridRenderOrganizer, items: Items, page: Page, domAdapter: DomAdapter, el: ElementRef, renderer: Renderer2, detailService: DetailService, tableSizeService: TableSizeService, columnsService: ColumnsService, ngZone: NgZone);
+    constructor(organizer: DatagridRenderOrganizer, items: Items, page: Page, domAdapter: DomAdapter, el: ElementRef, renderer: Renderer2, detailService: DetailService, tableSizeService: TableSizeService, columnsService: ColumnsService, ngZone: NgZone, keyNavigation: KeyNavigationGridController);
+    ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
@@ -55,6 +58,7 @@ export declare class DatagridMainRenderer implements AfterContentInit, AfterView
      * Makes each header compute its width.
      */
     private computeHeadersWidth;
+    private columnStateChanged;
     /**
      * Triggers a whole re-rendring cycle to set column sizes, if needed.
      */

package/data/datagrid/render/row-renderer.d.ts

@@ -1,14 +1,15 @@
-import { AfterContentInit, OnDestroy } from '@angular/core';
+import { AfterContentInit, OnDestroy, QueryList } from '@angular/core';
 import { ColumnsService } from '../providers/columns.service';
+import { DatagridCellRenderer } from './cell-renderer';
 import * as i0 from "@angular/core";
 export declare class DatagridRowRenderer implements AfterContentInit, OnDestroy {
     private columnsService;
-    private cells;
+    cells: QueryList<DatagridCellRenderer>;
     private subscriptions;
     constructor(columnsService: ColumnsService);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
-    setColumnState(): void;
+    setCellsState(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatagridRowRenderer, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DatagridRowRenderer, "clr-dg-row, clr-dg-row-detail", never, {}, {}, ["cells"], never, false, never>;
 }

package/data/datagrid/utils/key-navigation-grid.controller.d.ts

@@ -8,10 +8,12 @@ export interface KeyNavigationGridConfig {
 }
 export declare class KeyNavigationGridController implements OnDestroy {
     private zone;
+    skipItemFocus: boolean;
     private host;
     private config;
     private listenersAdded;
     private destroy$;
+    private _activeCell;
     constructor(zone: NgZone);
     private get grid();
     private get rows();
@@ -20,7 +22,9 @@ export declare class KeyNavigationGridController implements OnDestroy {
     addListeners(): void;
     initializeKeyGrid(host: HTMLElement): void;
     resetKeyGrid(): void;
-    private setActiveCell;
+    removeActiveCell(): void;
+    getActiveCell(): HTMLElement;
+    setActiveCell(activeCell: HTMLElement): void;
     private getNextItemCoordinate;
     static ɵfac: i0.ɵɵFactoryDeclaration<KeyNavigationGridController, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<KeyNavigationGridController>;