@clr/angular 17.2.1 → 17.3.0

package/accordion/stepper/stepper-panel.d.ts

@@ -12,7 +12,7 @@ export declare class ClrStepperPanel extends ClrAccordionPanel implements OnInit
     private ngModelGroup;
     private stepperService;
     isAccordion: boolean;
-    headerButton: ElementRef;
+    headerButton: ElementRef<HTMLButtonElement>;
     private subscriptions;
     constructor(platformId: any, commonStrings: ClrCommonStringsService, formGroupName: FormGroupName, ngModelGroup: NgModelGroup, stepperService: StepperService, ifExpandService: IfExpandService, cdr: ChangeDetectorRef);
     get id(): string;

package/button/button-loading/loading-button.d.ts

@@ -3,13 +3,13 @@ import { ClrLoadingState } from '../../utils/loading/loading';
 import { LoadingListener } from '../../utils/loading/loading-listener';
 import * as i0 from "@angular/core";
 export declare class ClrLoadingButton implements LoadingListener {
-    el: ElementRef;
+    el: ElementRef<HTMLButtonElement>;
     private renderer;
     disabled: boolean;
     clrLoadingChange: EventEmitter<ClrLoadingState>;
     buttonState: typeof ClrLoadingState;
     state: ClrLoadingState;
-    constructor(el: ElementRef, renderer: Renderer2);
+    constructor(el: ElementRef<HTMLButtonElement>, renderer: Renderer2);
     loadingStateChange(state: ClrLoadingState): void;
     private setExplicitButtonWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrLoadingButton, never>;

package/clarity.api.md

@@ -687,7 +687,7 @@ export class ClrCalendar implements OnDestroy {
 
 // @public
 export class ClrCheckbox extends WrappedFormControl<ClrCheckboxWrapper> {
-    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef, toggle: string);
+    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLInputElement>, toggle: string);
     // (undocumented)
     ngOnInit(): void;
     // (undocumented)
@@ -762,7 +762,7 @@ export class ClrCheckboxWrapper implements DynamicWrapper, OnInit, OnDestroy {
 export class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> implements ControlValueAccessor, LoadingListener, AfterContentInit {
     // Warning: (ae-forgotten-export) The symbol "ComboboxContainerService" needs to be exported by the entry point index.d.ts
     // Warning: (ae-forgotten-export) The symbol "ComboboxFocusHandler" needs to be exported by the entry point index.d.ts
-    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef, optionSelectionService: OptionSelectionService<T>, commonStrings: ClrCommonStringsService, toggleService: ClrPopoverToggleService, positionService: ClrPopoverPositionService, controlStateService: IfControlStateService, containerService: ComboboxContainerService, platformId: any, focusHandler: ComboboxFocusHandler<T>, cdr: ChangeDetectorRef);
+    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLElement>, optionSelectionService: OptionSelectionService<T>, commonStrings: ClrCommonStringsService, toggleService: ClrPopoverToggleService, positionService: ClrPopoverPositionService, controlStateService: IfControlStateService, containerService: ComboboxContainerService, platformId: any, focusHandler: ComboboxFocusHandler<T>, cdr: ChangeDetectorRef);
     // (undocumented)
     get ariaControls(): string;
     // (undocumented)
@@ -782,7 +782,7 @@ export class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> imp
     // (undocumented)
     get displayField(): string;
     // (undocumented)
-    protected el: ElementRef;
+    protected el: ElementRef<HTMLElement>;
     // (undocumented)
     focused: boolean;
     // (undocumented)
@@ -845,9 +845,9 @@ export class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> imp
     // (undocumented)
     smartPosition: ClrPopoverPosition;
     // (undocumented)
-    textbox: ElementRef;
+    textbox: ElementRef<HTMLInputElement>;
     // (undocumented)
-    trigger: ElementRef;
+    trigger: ElementRef<HTMLButtonElement>;
     // (undocumented)
     unselect(item: T): void;
     // (undocumented)
@@ -862,7 +862,7 @@ export class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> imp
 export class ClrComboboxContainer extends ClrAbstractContainer implements AfterContentInit, AfterViewInit {
     constructor(ifControlStateService: IfControlStateService, layoutService: LayoutService, controlClassService: ControlClassService, ngControlService: NgControlService, containerService: ComboboxContainerService, el: ElementRef);
     // (undocumented)
-    controlContainer: ElementRef;
+    controlContainer: ElementRef<HTMLElement>;
     // (undocumented)
     ngAfterContentInit(): void;
     // (undocumented)
@@ -1174,9 +1174,9 @@ export class ClrDatagrid<T = any> implements AfterContentInit, AfterViewInit, On
     commonStrings: ClrCommonStringsService;
     dataChanged(): void;
     // (undocumented)
-    datagrid: ElementRef;
+    datagrid: ElementRef<HTMLElement>;
     // (undocumented)
-    datagridTable: ElementRef;
+    datagridTable: ElementRef<HTMLElement>;
     // Warning: (ae-forgotten-export) The symbol "DetailService" needs to be exported by the entry point index.d.ts
     //
     // (undocumented)
@@ -1246,6 +1246,7 @@ export class ClrDatagrid<T = any> implements AfterContentInit, AfterViewInit, On
     toggleAllSelected($event: any): void;
     // (undocumented)
     set trackBy(value: ClrDatagridItemsTrackByFunction<T>);
+    updateDetailState(): void;
     // (undocumented)
     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>;
     // (undocumented)
@@ -1487,7 +1488,7 @@ export class ClrDatagridDetailHeader implements AfterViewInit {
     // (undocumented)
     ngAfterViewInit(): void;
     // (undocumented)
-    title: ElementRef;
+    title: ElementRef<HTMLElement>;
     // (undocumented)
     get titleId(): string;
     // (undocumented)
@@ -1503,7 +1504,7 @@ export class ClrDatagridFilter<T = any> extends DatagridFilterRegistrar<T, ClrDa
     constructor(_filters: FiltersProvider<T>, commonStrings: ClrCommonStringsService, smartToggleService: ClrPopoverToggleService, platformId: any, elementRef: ElementRef<HTMLElement>, keyNavigation: KeyNavigationGridController);
     get active(): boolean;
     // (undocumented)
-    anchor: ElementRef;
+    anchor: ElementRef<HTMLButtonElement>;
     // (undocumented)
     ariaExpanded: boolean;
     // (undocumented)
@@ -1694,7 +1695,7 @@ export class ClrDatagridPagination implements OnDestroy, OnInit {
     get currentPage(): number;
     set currentPage(page: number);
     // (undocumented)
-    currentPageInputRef: ElementRef;
+    currentPageInputRef: ElementRef<HTMLInputElement>;
     // (undocumented)
     detailService: DetailService;
     // (undocumented)
@@ -1738,7 +1739,7 @@ export class ClrDatagridPlaceholder<T = any> {
 
 // @public (undocumented)
 export class ClrDatagridRow<T = any> implements AfterContentInit, AfterViewInit {
-    constructor(selection: Selection_2<T>, rowActionService: RowActionService, globalExpandable: ExpandableRowsCount, expand: DatagridIfExpandService, detailService: DetailService, displayMode: DisplayModeService, vcr: ViewContainerRef, renderer: Renderer2, el: ElementRef, commonStrings: ClrCommonStringsService, items: Items, document: any);
+    constructor(selection: Selection_2<T>, rowActionService: RowActionService, globalExpandable: ExpandableRowsCount, expand: DatagridIfExpandService, detailService: DetailService, displayMode: DisplayModeService, vcr: ViewContainerRef, renderer: Renderer2, el: ElementRef<HTMLElement>, commonStrings: ClrCommonStringsService, items: Items, document: any);
     // (undocumented)
     _calculatedCells: ViewContainerRef;
     // (undocumented)
@@ -1759,7 +1760,11 @@ export class ClrDatagridRow<T = any> implements AfterContentInit, AfterViewInit
     // (undocumented)
     commonStrings: ClrCommonStringsService;
     // (undocumented)
-    detailButton: ElementRef;
+    detailButton: ElementRef<HTMLButtonElement>;
+    // (undocumented)
+    detailDisabled: boolean;
+    // (undocumented)
+    detailHidden: boolean;
     // (undocumented)
     detailService: DetailService;
     dgCells: QueryList<ClrDatagridCell>;
@@ -1823,7 +1828,7 @@ export class ClrDatagridRow<T = any> implements AfterContentInit, AfterViewInit
     // (undocumented)
     get _view(): any;
     // (undocumented)
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagridRow<any>, "clr-dg-row", never, { "item": "clrDgItem"; "clrDgSelectable": "clrDgSelectable"; "selected": "clrDgSelected"; "expanded": "clrDgExpanded"; "clrDgDetailOpenLabel": "clrDgDetailOpenLabel"; "clrDgDetailCloseLabel": "clrDgDetailCloseLabel"; "clrDgRowSelectionLabel": "clrDgRowSelectionLabel"; }, { "selectedChanged": "clrDgSelectedChange"; "expandedChange": "clrDgExpandedChange"; }, ["dgCells"], ["clr-dg-row-detail", "clr-dg-action-overflow", "clr-dg-cell"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagridRow<any>, "clr-dg-row", never, { "detailDisabled": "clrDgDetailDisabled"; "detailHidden": "clrDgDetailHidden"; "item": "clrDgItem"; "clrDgSelectable": "clrDgSelectable"; "selected": "clrDgSelected"; "expanded": "clrDgExpanded"; "clrDgDetailOpenLabel": "clrDgDetailOpenLabel"; "clrDgDetailCloseLabel": "clrDgDetailCloseLabel"; "clrDgRowSelectionLabel": "clrDgRowSelectionLabel"; }, { "selectedChanged": "clrDgSelectedChange"; "expandedChange": "clrDgExpandedChange"; }, ["dgCells"], ["clr-dg-row-detail", "clr-dg-action-overflow", "clr-dg-cell"], false, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridRow<any>, never>;
 }
@@ -1935,7 +1940,7 @@ export class ClrDatalistContainer extends ClrAbstractContainer {
 
 // @public (undocumented)
 export class ClrDatalistInput extends WrappedFormControl<ClrDatalistContainer> implements AfterContentInit {
-    constructor(focusService: FocusService_2, vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef, datalistIdService: DatalistIdService);
+    constructor(focusService: FocusService_2, vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLInputElement>, datalistIdService: DatalistIdService);
     // (undocumented)
     listValue: string;
     // (undocumented)
@@ -2020,7 +2025,7 @@ export class ClrDateContainer extends ClrAbstractContainer implements AfterViewI
 
 // @public (undocumented)
 export class ClrDateInput extends WrappedFormControl<ClrDateContainer> implements OnInit, AfterViewInit, OnDestroy {
-    constructor(viewContainerRef: ViewContainerRef, injector: Injector, el: ElementRef, renderer: Renderer2, control: NgControl, container: ClrDateContainer, dateIOService: DateIOService, dateNavigationService: DateNavigationService, datepickerEnabledService: DatepickerEnabledService, dateFormControlService: DateFormControlService, platformId: any, focusService: FocusService_2, datepickerFocusService: DatepickerFocusService);
+    constructor(viewContainerRef: ViewContainerRef, injector: Injector, el: ElementRef<HTMLInputElement>, renderer: Renderer2, control: NgControl, container: ClrDateContainer, dateIOService: DateIOService, dateNavigationService: DateNavigationService, datepickerEnabledService: DatepickerEnabledService, dateFormControlService: DateFormControlService, platformId: any, focusService: FocusService_2, datepickerFocusService: DatepickerFocusService);
     // (undocumented)
     protected control: NgControl;
     // (undocumented)
@@ -2031,7 +2036,7 @@ export class ClrDateInput extends WrappedFormControl<ClrDateContainer> implement
     get disabled(): boolean | string;
     set disabled(value: boolean | string);
     // (undocumented)
-    protected el: ElementRef;
+    protected el: ElementRef<HTMLInputElement>;
     // (undocumented)
     protected index: number;
     // (undocumented)
@@ -2259,7 +2264,7 @@ export class ClrEmphasisModule {
 // @public (undocumented)
 export class ClrExpandableAnimation {
     // Warning: (ae-forgotten-export) The symbol "DomAdapter" needs to be exported by the entry point index.d.ts
-    constructor(element: ElementRef, domAdapter: DomAdapter, renderer: Renderer2);
+    constructor(element: ElementRef<HTMLElement>, domAdapter: DomAdapter, renderer: Renderer2);
     // (undocumented)
     animationDone(event: AnimationEvent_2): void;
     // (undocumented)
@@ -2376,7 +2381,7 @@ export class ClrFileInputValueAccessor implements ControlValueAccessor {
 
 // @public (undocumented)
 export class ClrFocusOnViewInit implements AfterViewInit, OnDestroy {
-    constructor(el: ElementRef, platformId: any, focusOnViewInit: boolean, document: any, renderer: Renderer2, ngZone: NgZone);
+    constructor(el: ElementRef<HTMLElement>, platformId: any, focusOnViewInit: boolean, document: any, renderer: Renderer2, ngZone: NgZone);
     // (undocumented)
     set isEnabled(value: boolean | string);
     // (undocumented)
@@ -2568,7 +2573,7 @@ export class ClrIfError extends AbstractIfState {
 
 // @public (undocumented)
 export class ClrIfExpanded implements OnInit, OnDestroy {
-    constructor(template: TemplateRef<any>, container: ViewContainerRef, el: ElementRef, renderer: Renderer2, expand: IfExpandService);
+    constructor(template: TemplateRef<any>, container: ViewContainerRef, el: ElementRef<HTMLElement>, renderer: Renderer2, expand: IfExpandService);
     // (undocumented)
     get expanded(): boolean | string;
     set expanded(value: boolean | string);
@@ -2712,7 +2717,7 @@ export class ClrLoading implements OnDestroy {
 
 // @public (undocumented)
 export class ClrLoadingButton implements LoadingListener {
-    constructor(el: ElementRef, renderer: Renderer2);
+    constructor(el: ElementRef<HTMLButtonElement>, renderer: Renderer2);
     // (undocumented)
     buttonState: typeof ClrLoadingState;
     // (undocumented)
@@ -2720,7 +2725,7 @@ export class ClrLoadingButton implements LoadingListener {
     // (undocumented)
     disabled: boolean;
     // (undocumented)
-    el: ElementRef;
+    el: ElementRef<HTMLButtonElement>;
     // (undocumented)
     loadingStateChange(state: ClrLoadingState): void;
     // (undocumented)
@@ -2809,6 +2814,8 @@ export class ClrModal implements OnChanges, OnDestroy {
     // (undocumented)
     get backdrop(): boolean;
     // (undocumented)
+    backdropClick(): void;
+    // (undocumented)
     bypassScrollService: boolean;
     // (undocumented)
     closable: boolean;
@@ -2848,6 +2855,8 @@ export class ClrModal implements OnChanges, OnDestroy {
     // (undocumented)
     stopClose: boolean;
     // (undocumented)
+    title: ElementRef<HTMLElement>;
+    // (undocumented)
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrModal, "clr-modal", never, { "_open": "clrModalOpen"; "closable": "clrModalClosable"; "closeButtonAriaLabel": "clrModalCloseButtonAriaLabel"; "size": "clrModalSize"; "staticBackdrop": "clrModalStaticBackdrop"; "skipAnimation": "clrModalSkipAnimation"; "stopClose": "clrModalPreventClose"; "labelledBy": "clrModalLabelledById"; "bypassScrollService": "clrModalOverrideScrollService"; }, { "_openChanged": "clrModalOpenChange"; "altClose": "clrModalAlternateClose"; }, never, [".modal-nav", ".modal-title", ".modal-body", ".modal-footer"], false, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrModal, never>;
@@ -2880,7 +2889,7 @@ export class ClrModalModule {
 
 // @public (undocumented)
 export class ClrMonthpicker implements AfterViewInit {
-    constructor(_viewManagerService: ViewManagerService, _localeHelperService: LocaleHelperService, _dateNavigationService: DateNavigationService, _datepickerFocusService: DatepickerFocusService, _elRef: ElementRef);
+    constructor(_viewManagerService: ViewManagerService, _localeHelperService: LocaleHelperService, _dateNavigationService: DateNavigationService, _datepickerFocusService: DatepickerFocusService, _elRef: ElementRef<HTMLElement>);
     get calendarMonthIndex(): number;
     changeMonth(monthIndex: number): void;
     getTabIndex(monthIndex: number): number;
@@ -2954,17 +2963,17 @@ export class ClrNavLevel implements OnInit {
 
 // @public (undocumented)
 export class ClrOption<T> implements OnInit {
-    constructor(elRef: ElementRef, commonStrings: ClrCommonStringsService, focusHandler: ComboboxFocusHandler<T>, optionSelectionService: OptionSelectionService<T>);
+    constructor(elRef: ElementRef<HTMLElement>, commonStrings: ClrCommonStringsService, focusHandler: ComboboxFocusHandler<T>, optionSelectionService: OptionSelectionService<T>);
     // (undocumented)
     commonStrings: ClrCommonStringsService;
     // (undocumented)
-    elRef: ElementRef;
+    elRef: ElementRef<HTMLElement>;
     // (undocumented)
     get focusClass(): boolean;
     // (undocumented)
     ngOnInit(): void;
     // (undocumented)
-    onClick(): void;
+    onClick(event: MouseEvent): void;
     // (undocumented)
     get optionId(): string;
     set optionId(id: string);
@@ -3006,7 +3015,7 @@ export class ClrOptionItems<T> implements DoCheck, OnDestroy {
 
 // @public (undocumented)
 export class ClrOptions<T> implements AfterViewInit, LoadingListener, OnDestroy {
-    constructor(optionSelectionService: OptionSelectionService<T>, id: number, el: ElementRef, commonStrings: ClrCommonStringsService, focusHandler: ComboboxFocusHandler<T>, toggleService: ClrPopoverToggleService, parentHost: ElementRef, document: any);
+    constructor(optionSelectionService: OptionSelectionService<T>, id: number, el: ElementRef<HTMLElement>, commonStrings: ClrCommonStringsService, focusHandler: ComboboxFocusHandler<T>, toggleService: ClrPopoverToggleService, parentHost: ElementRef<HTMLElement>, document: any);
     // (undocumented)
     commonStrings: ClrCommonStringsService;
     get emptyOptions(): boolean;
@@ -3058,7 +3067,7 @@ export class ClrOptionSelected<T> {
 
 // @public (undocumented)
 export class ClrPassword extends WrappedFormControl<ClrPasswordContainer> implements OnInit, OnDestroy {
-    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef, focusService: FocusService_2, toggleService: BehaviorSubject<boolean>);
+    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLInputElement>, focusService: FocusService_2, toggleService: BehaviorSubject<boolean>);
     // (undocumented)
     protected index: number;
     // (undocumented)
@@ -3153,11 +3162,11 @@ export class ClrPopoverEventsService implements OnDestroy {
     // (undocumented)
     addScrollListener(): void;
     // (undocumented)
-    anchorButtonRef: ElementRef;
+    anchorButtonRef: ElementRef<HTMLButtonElement>;
     // (undocumented)
-    closeButtonRef: ElementRef;
+    closeButtonRef: ElementRef<HTMLButtonElement>;
     // (undocumented)
-    contentRef: ElementRef;
+    contentRef: ElementRef<HTMLElement>;
     // (undocumented)
     ignoredEvent: any;
     // (undocumented)
@@ -3537,7 +3546,7 @@ export enum ClrSide {
 
 // @public (undocumented)
 export class ClrSidePanel implements OnInit {
-    constructor(element: ElementRef, configuration: ClrModalConfigurationService);
+    constructor(element: ElementRef<HTMLElement>, configuration: ClrModalConfigurationService);
     // (undocumented)
     altClose: EventEmitter<boolean>;
     // (undocumented)
@@ -3600,7 +3609,7 @@ export class ClrSignpost {
 export class ClrSignpostContent extends AbstractPopover implements OnDestroy {
     // Warning: (ae-forgotten-export) The symbol "SignpostIdService" needs to be exported by the entry point index.d.ts
     // Warning: (ae-forgotten-export) The symbol "SignpostFocusManager" needs to be exported by the entry point index.d.ts
-    constructor(injector: Injector, parentHost: ElementRef, commonStrings: ClrCommonStringsService, signpostIdService: SignpostIdService, signpostFocusManager: SignpostFocusManager, platformId: any, document: any);
+    constructor(injector: Injector, parentHost: ElementRef<HTMLElement>, commonStrings: ClrCommonStringsService, signpostIdService: SignpostIdService, signpostFocusManager: SignpostFocusManager, platformId: any, document: any);
     close(): void;
     // (undocumented)
     commonStrings: ClrCommonStringsService;
@@ -3633,7 +3642,7 @@ export class ClrSignpostModule {
 
 // @public (undocumented)
 export class ClrSignpostTrigger implements OnDestroy {
-    constructor(toggleService: ClrPopoverToggleService, el: ElementRef, signpostIdService: SignpostIdService, signpostFocusManager: SignpostFocusManager, document: any, platformId: any);
+    constructor(toggleService: ClrPopoverToggleService, el: ElementRef<HTMLElement>, signpostIdService: SignpostIdService, signpostFocusManager: SignpostFocusManager, document: any, platformId: any);
     // (undocumented)
     ariaControl: string;
     // (undocumented)
@@ -3808,7 +3817,7 @@ export class ClrStackViewModule {
 
 // @public (undocumented)
 export class ClrStandaloneCdkTrapFocus extends CdkTrapFocus {
-    constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, document: any);
+    constructor(elementRef: ElementRef<HTMLElement>, focusTrapFactory: FocusTrapFactory, document: any);
     // (undocumented)
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrStandaloneCdkTrapFocus, never, never, {}, {}, never, never, true, never>;
     // (undocumented)
@@ -3891,7 +3900,7 @@ export class ClrStepperPanel extends ClrAccordionPanel implements OnInit {
     // (undocumented)
     get formGroup(): FormGroup<any>;
     // (undocumented)
-    headerButton: ElementRef;
+    headerButton: ElementRef<HTMLButtonElement>;
     // (undocumented)
     get id(): string;
     set id(_value: string);
@@ -3967,7 +3976,7 @@ export class ClrTabContent implements OnDestroy {
 
 // @public (undocumented)
 export class ClrTabLink {
-    constructor(ifActiveService: IfActiveService, id: number, el: ElementRef, cfr: ComponentFactoryResolver, viewContainerRef: ViewContainerRef, tabsService: TabsService, tabsId: number);
+    constructor(ifActiveService: IfActiveService, id: number, el: ElementRef<HTMLElement>, cfr: ComponentFactoryResolver, viewContainerRef: ViewContainerRef, tabsService: TabsService, tabsId: number);
     // (undocumented)
     activate(): void;
     // (undocumented)
@@ -3977,7 +3986,7 @@ export class ClrTabLink {
     // (undocumented)
     get ariaControls(): string;
     // (undocumented)
-    el: ElementRef;
+    el: ElementRef<HTMLElement>;
     // (undocumented)
     readonly id: number;
     // (undocumented)
@@ -4178,7 +4187,7 @@ export class ClrTimelineStep {
     // (undocumented)
     state: ClrTimelineStepState;
     // (undocumented)
-    stepTitle: ElementRef;
+    stepTitle: ElementRef<HTMLElement>;
     // (undocumented)
     stepTitleText: string;
     // (undocumented)
@@ -4237,7 +4246,7 @@ export class ClrTooltip {
 export class ClrTooltipContent extends AbstractPopover implements OnInit {
     // Warning: (ae-forgotten-export) The symbol "TooltipIdService" needs to be exported by the entry point index.d.ts
     // Warning: (ae-forgotten-export) The symbol "TooltipMouseService" needs to be exported by the entry point index.d.ts
-    constructor(injector: Injector, parentHost: ElementRef, tooltipIdService: TooltipIdService, tooltipMouseService: TooltipMouseService);
+    constructor(injector: Injector, parentHost: ElementRef<HTMLElement>, tooltipIdService: TooltipIdService, tooltipMouseService: TooltipMouseService);
     // (undocumented)
     get id(): string;
     set id(value: string);
@@ -4576,7 +4585,7 @@ export class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     // (undocumented)
     pages: QueryList<ClrWizardPage>;
     // (undocumented)
-    pageTitle: ElementRef;
+    pageTitle: ElementRef<HTMLElement>;
     previous(): void;
     reset(): void;
     size: string;
@@ -4848,7 +4857,7 @@ export class ClrWizardTitle {
 
 // @public (undocumented)
 export class ClrYearpicker implements AfterViewInit {
-    constructor(_dateNavigationService: DateNavigationService, _viewManagerService: ViewManagerService, _datepickerFocusService: DatepickerFocusService, _elRef: ElementRef, commonStrings: ClrCommonStringsService);
+    constructor(_dateNavigationService: DateNavigationService, _viewManagerService: ViewManagerService, _datepickerFocusService: DatepickerFocusService, _elRef: ElementRef<HTMLElement>, commonStrings: ClrCommonStringsService);
     get calendarYear(): number;
     changeYear(year: number): void;
     // (undocumented)
@@ -4893,7 +4902,7 @@ export class DatagridNumericFilter<T = any> extends DatagridFilterRegistrar<T, D
     // (undocumented)
     get high(): number | string;
     set high(high: number | string);
-    input: ElementRef;
+    input: ElementRef<HTMLInputElement>;
     // (undocumented)
     get low(): number | string;
     set low(low: number | string);
@@ -4960,7 +4969,7 @@ export class DatagridStringFilter<T = any> extends DatagridFilterRegistrar<T, Da
     filterContainer: ClrDatagridFilter<T>;
     // (undocumented)
     filterValueChange: EventEmitter<any>;
-    input: ElementRef;
+    input: ElementRef<HTMLInputElement>;
     // (undocumented)
     ngAfterViewInit(): void;
     // (undocumented)
@@ -5137,7 +5146,7 @@ export class ÇlrActiveOompaLoompa extends OompaLoompa {
 
 // @public (undocumented)
 export class ÇlrClrPopoverCloseButton implements OnDestroy, AfterViewInit {
-    constructor(elementRef: ElementRef, smartEventsService: ClrPopoverEventsService, smartOpenService: ClrPopoverToggleService);
+    constructor(elementRef: ElementRef<HTMLButtonElement>, smartEventsService: ClrPopoverEventsService, smartOpenService: ClrPopoverToggleService);
     // (undocumented)
     closeChange: EventEmitter<void>;
     // (undocumented)
@@ -5184,7 +5193,7 @@ export class ÇlrClrPopoverOpenCloseButton implements OnDestroy {
 
 // @public (undocumented)
 export class ÇlrDatagridCellRenderer implements OnDestroy {
-    constructor(el: ElementRef, renderer: Renderer2, organizer: DatagridRenderOrganizer);
+    constructor(el: ElementRef<HTMLElement>, renderer: Renderer2, organizer: DatagridRenderOrganizer);
     // (undocumented)
     ngOnDestroy(): void;
     // (undocumented)
@@ -5212,7 +5221,7 @@ export class ÇlrDatagridDetailRegisterer {
 
 // @public (undocumented)
 export class ÇlrDatagridHeaderRenderer implements OnDestroy {
-    constructor(el: ElementRef, renderer: Renderer2, organizer: DatagridRenderOrganizer, domAdapter: DomAdapter, columnResizerService: ColumnResizerService, columnsService: ColumnsService, columnState: BehaviorSubject<ColumnState>);
+    constructor(el: ElementRef<HTMLElement>, renderer: Renderer2, organizer: DatagridRenderOrganizer, domAdapter: DomAdapter, columnResizerService: ColumnResizerService, columnsService: ColumnsService, columnState: BehaviorSubject<ColumnState>);
     // (undocumented)
     getColumnWidthState(): Partial<ColumnState>;
     // (undocumented)
@@ -5233,7 +5242,7 @@ export class ÇlrDatagridHeaderRenderer implements OnDestroy {
 
 // @public (undocumented)
 export class ÇlrDatagridMainRenderer implements AfterContentInit, AfterViewInit, AfterViewChecked, OnDestroy {
-    constructor(organizer: DatagridRenderOrganizer, items: Items, page: Page, domAdapter: DomAdapter, el: ElementRef, renderer: Renderer2, detailService: DetailService, tableSizeService: TableSizeService, columnsService: ColumnsService, ngZone: NgZone, keyNavigation: KeyNavigationGridController);
+    constructor(organizer: DatagridRenderOrganizer, items: Items, page: Page, domAdapter: DomAdapter, el: ElementRef<HTMLElement>, renderer: Renderer2, detailService: DetailService, tableSizeService: TableSizeService, columnsService: ColumnsService, ngZone: NgZone, keyNavigation: KeyNavigationGridController);
     // (undocumented)
     ngAfterContentInit(): void;
     // (undocumented)
@@ -5258,13 +5267,15 @@ export class ÇlrDatagridRowRenderer implements AfterContentInit, OnDestroy {
     // (undocumented)
     cells: QueryList<ÇlrDatagridCellRenderer>;
     // (undocumented)
+    expandableRow: ÇlrDatagridRowRenderer;
+    // (undocumented)
     ngAfterContentInit(): void;
     // (undocumented)
     ngOnDestroy(): void;
     // (undocumented)
     setCellsState(): void;
     // (undocumented)
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ÇlrDatagridRowRenderer, "clr-dg-row, clr-dg-row-detail", never, {}, {}, ["cells"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ÇlrDatagridRowRenderer, "clr-dg-row, clr-dg-row-detail", never, {}, {}, ["expandableRow", "cells"], never, false, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<ÇlrDatagridRowRenderer, never>;
 }
@@ -5423,7 +5434,7 @@ export class ÇlrWrappedRow implements DynamicWrapper, AfterViewInit, OnDestroy
 // Warnings were encountered during analysis:
 //
 // dist/clr-angular/button/button-group/button-group.d.ts:59:217 - (ae-forgotten-export) The symbol "i1_6" needs to be exported by the entry point index.d.ts
-// dist/clr-angular/layout/nav/nav-level.d.ts:35:185 - (ae-forgotten-export) The symbol "i1_40" needs to be exported by the entry point index.d.ts
+// dist/clr-angular/layout/nav/nav-level.d.ts:34:185 - (ae-forgotten-export) The symbol "i1_40" needs to be exported by the entry point index.d.ts
 // dist/clr-angular/utils/popover/popover-host.directive.d.ts:5:114 - (ae-forgotten-export) The symbol "i1_7" needs to be exported by the entry point index.d.ts
 
 // (No @packageDocumentation comment for this package)

package/data/datagrid/built-in/filters/datagrid-numeric-filter.d.ts

@@ -24,7 +24,7 @@ export declare class DatagridNumericFilter<T = any> extends DatagridFilterRegist
     /**
      * We need the actual input element to automatically focus on it
      */
-    input: ElementRef;
+    input: ElementRef<HTMLInputElement>;
     /**
      * We grab the ClrDatagridFilter we wrap to register this StringFilter to it.
      */

package/data/datagrid/built-in/filters/datagrid-string-filter.d.ts

@@ -26,7 +26,7 @@ export declare class DatagridStringFilter<T = any> extends DatagridFilterRegistr
     /**
      * We need the actual input element to automatically focus on it
      */
-    input: ElementRef;
+    input: ElementRef<HTMLInputElement>;
     /**
      * We grab the ClrDatagridFilter we wrap to register this StringFilter to it.
      */

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

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 export declare class ClrDatagridDetailHeader implements AfterViewInit {
     detailService: DetailService;
     commonStrings: ClrCommonStringsService;
-    title: ElementRef;
+    title: ElementRef<HTMLElement>;
     constructor(detailService: DetailService, commonStrings: ClrCommonStringsService);
     get titleId(): string;
     ngAfterViewInit(): void;

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

@@ -24,7 +24,7 @@ export declare class ClrDatagridFilter<T = any> extends DatagridFilterRegistrar<
     popoverId: string;
     toggleButtonAriaLabel: string;
     smartPosition: ClrPopoverPosition;
-    anchor: ElementRef;
+    anchor: ElementRef<HTMLButtonElement>;
     private _open;
     private subs;
     constructor(_filters: FiltersProvider<T>, commonStrings: ClrCommonStringsService, smartToggleService: ClrPopoverToggleService, platformId: any, elementRef: ElementRef<HTMLElement>, keyNavigation: KeyNavigationGridController);

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

@@ -11,7 +11,7 @@ export declare class ClrDatagridPagination implements OnDestroy, OnInit {
     disableCurrentPageInput: boolean;
     currentChanged: EventEmitter<number>;
     _pageSizeComponent: ClrDatagridPageSize;
-    currentPageInputRef: ElementRef;
+    currentPageInputRef: ElementRef<HTMLInputElement>;
     /**
      * Subscription to the page service changes
      */

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

@@ -27,6 +27,8 @@ export declare class ClrDatagridRow<T = any> implements AfterContentInit, AfterV
     private document;
     selectedChanged: EventEmitter<boolean>;
     expandedChange: EventEmitter<boolean>;
+    detailDisabled: boolean;
+    detailHidden: boolean;
     id: string;
     radioId: string;
     checkboxId: string;
@@ -48,7 +50,7 @@ export declare class ClrDatagridRow<T = any> implements AfterContentInit, AfterV
      */
     dgCells: QueryList<ClrDatagridCell>;
     expandAnimation: ClrExpandableAnimation;
-    detailButton: ElementRef;
+    detailButton: ElementRef<HTMLButtonElement>;
     _stickyCells: ViewContainerRef;
     _scrollableCells: ViewContainerRef;
     _calculatedCells: ViewContainerRef;
@@ -60,7 +62,7 @@ export declare class ClrDatagridRow<T = any> implements AfterContentInit, AfterV
     private wrappedInjector;
     private subscriptions;
     private _selectable;
-    constructor(selection: Selection<T>, rowActionService: RowActionService, globalExpandable: ExpandableRowsCount, expand: DatagridIfExpandService, detailService: DetailService, displayMode: DisplayModeService, vcr: ViewContainerRef, renderer: Renderer2, el: ElementRef, commonStrings: ClrCommonStringsService, items: Items, document: any);
+    constructor(selection: Selection<T>, rowActionService: RowActionService, globalExpandable: ExpandableRowsCount, expand: DatagridIfExpandService, detailService: DetailService, displayMode: DisplayModeService, vcr: ViewContainerRef, renderer: Renderer2, el: ElementRef<HTMLElement>, commonStrings: ClrCommonStringsService, items: Items, document: any);
     /**
      * Model of the row, to use for selection
      */
@@ -101,5 +103,5 @@ export declare class ClrDatagridRow<T = any> implements AfterContentInit, AfterV
     protected selectRow(selected: boolean, $event: any): void;
     private rangeSelect;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridRow<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagridRow<any>, "clr-dg-row", never, { "item": "clrDgItem"; "clrDgSelectable": "clrDgSelectable"; "selected": "clrDgSelected"; "expanded": "clrDgExpanded"; "clrDgDetailOpenLabel": "clrDgDetailOpenLabel"; "clrDgDetailCloseLabel": "clrDgDetailCloseLabel"; "clrDgRowSelectionLabel": "clrDgRowSelectionLabel"; }, { "selectedChanged": "clrDgSelectedChange"; "expandedChange": "clrDgExpandedChange"; }, ["dgCells"], ["clr-dg-row-detail", "clr-dg-action-overflow", "clr-dg-cell"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagridRow<any>, "clr-dg-row", never, { "detailDisabled": "clrDgDetailDisabled"; "detailHidden": "clrDgDetailHidden"; "item": "clrDgItem"; "clrDgSelectable": "clrDgSelectable"; "selected": "clrDgSelected"; "expanded": "clrDgExpanded"; "clrDgDetailOpenLabel": "clrDgDetailOpenLabel"; "clrDgDetailCloseLabel": "clrDgDetailCloseLabel"; "clrDgRowSelectionLabel": "clrDgRowSelectionLabel"; }, { "selectedChanged": "clrDgSelectedChange"; "expandedChange": "clrDgExpandedChange"; }, ["dgCells"], ["clr-dg-row-detail", "clr-dg-action-overflow", "clr-dg-cell"], false, never>;
 }

package/data/datagrid/datagrid.d.ts

@@ -64,8 +64,8 @@ export declare class ClrDatagrid<T = any> implements AfterContentInit, AfterView
      * displayed, typically for selection.
      */
     rows: QueryList<ClrDatagridRow<T>>;
-    datagrid: ElementRef;
-    datagridTable: ElementRef;
+    datagrid: ElementRef<HTMLElement>;
+    datagridTable: ElementRef<HTMLElement>;
     scrollableColumns: ViewContainerRef;
     _projectedDisplayColumns: ViewContainerRef;
     _projectedCalculationColumns: ViewContainerRef;
@@ -113,6 +113,11 @@ export declare class ClrDatagrid<T = any> implements AfterContentInit, AfterView
     ngOnDestroy(): void;
     toggleAllSelected($event: any): void;
     resize(): void;
+    /**
+     * Checks the state of detail panel and if it's opened then
+     * find the matching row and trigger the detail panel
+     */
+    updateDetailState(): void;
     /**
      * Public method to re-trigger the computation of displayed items manually
      */

package/data/datagrid/providers/column-resizer.service.d.ts

@@ -9,7 +9,7 @@ export declare class ColumnResizerService {
     isWithinMaxResizeRange: boolean;
     private widthBeforeResize;
     private _resizedBy;
-    constructor(el: ElementRef, domAdapter: DomAdapter, organizer: DatagridRenderOrganizer);
+    constructor(el: ElementRef<HTMLElement>, domAdapter: DomAdapter, organizer: DatagridRenderOrganizer);
     get resizedBy(): number;
     get minColumnWidth(): number;
     get maxResizeRange(): number;

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

@@ -7,7 +7,7 @@ export declare class DatagridCellRenderer implements OnDestroy {
     private renderer;
     private stateSubscription;
     private subscriptions;
-    constructor(el: ElementRef, renderer: Renderer2, organizer: DatagridRenderOrganizer);
+    constructor(el: ElementRef<HTMLElement>, renderer: Renderer2, organizer: DatagridRenderOrganizer);
     ngOnDestroy(): void;
     resetState(state: ColumnState): void;
     setWidth(state: ColumnState): void;

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

@@ -21,7 +21,7 @@ export declare class DatagridHeaderRenderer implements OnDestroy {
     private widthSet;
     private autoSet;
     private subscriptions;
-    constructor(el: ElementRef, renderer: Renderer2, organizer: DatagridRenderOrganizer, domAdapter: DomAdapter, columnResizerService: ColumnResizerService, columnsService: ColumnsService, columnState: BehaviorSubject<ColumnState>);
+    constructor(el: ElementRef<HTMLElement>, renderer: Renderer2, organizer: DatagridRenderOrganizer, domAdapter: DomAdapter, columnResizerService: ColumnResizerService, columnsService: ColumnsService, columnState: BehaviorSubject<ColumnState>);
     ngOnDestroy(): void;
     getColumnWidthState(): Partial<ColumnState>;
     setColumnState(index: number): void;

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

@@ -33,7 +33,7 @@ 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, keyNavigation: KeyNavigationGridController);
+    constructor(organizer: DatagridRenderOrganizer, items: Items, page: Page, domAdapter: DomAdapter, el: ElementRef<HTMLElement>, renderer: Renderer2, detailService: DetailService, tableSizeService: TableSizeService, columnsService: ColumnsService, ngZone: NgZone, keyNavigation: KeyNavigationGridController);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;