@clr/angular 17.2.1 → 17.3.0

package/forms/checkbox/checkbox.d.ts

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
  */
 export declare class ClrCheckbox extends WrappedFormControl<ClrCheckboxWrapper> {
     private toggle;
-    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);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrCheckbox, [null, null, { optional: true; self: true; }, null, null, { attribute: "clrToggle"; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrCheckbox, "[clrCheckbox],[clrToggle]", never, {}, {}, never, never, false, never>;

package/forms/combobox/combobox-container.d.ts

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
 export declare class ClrComboboxContainer extends ClrAbstractContainer implements AfterContentInit, AfterViewInit {
     private containerService;
     private el;
-    controlContainer: ElementRef;
+    controlContainer: ElementRef<HTMLElement>;
     constructor(ifControlStateService: IfControlStateService, layoutService: LayoutService, controlClassService: ControlClassService, ngControlService: NgControlService, containerService: ComboboxContainerService, el: ElementRef);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;

package/forms/combobox/combobox.d.ts

@@ -19,7 +19,7 @@ import * as i1 from "../../utils/popover/popover-host.directive";
 export declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> implements ControlValueAccessor, LoadingListener, AfterContentInit {
     control: NgControl;
     protected renderer: Renderer2;
-    protected el: ElementRef;
+    protected el: ElementRef<HTMLElement>;
     optionSelectionService: OptionSelectionService<T>;
     commonStrings: ClrCommonStringsService;
     private toggleService;
@@ -36,8 +36,8 @@ export declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContai
      * This output should be used to set up a live region using aria-live and populate it with updates that reflect each combobox change.
      */
     clrSelectionChange: import("rxjs").Observable<ComboboxModel<T>>;
-    textbox: ElementRef;
-    trigger: ElementRef;
+    textbox: ElementRef<HTMLInputElement>;
+    trigger: ElementRef<HTMLButtonElement>;
     optionSelected: ClrOptionSelected<T>;
     invalid: boolean;
     focused: boolean;
@@ -48,7 +48,7 @@ export declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContai
     private _searchText;
     private onTouchedCallback;
     private onChangeCallback;
-    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);
     get multiSelect(): boolean | string;
     set multiSelect(value: boolean | string);
     get id(): string;

package/forms/combobox/option.d.ts

@@ -4,14 +4,14 @@ import { ComboboxFocusHandler, OptionData as OptionProxy } from './providers/com
 import { OptionSelectionService } from './providers/option-selection.service';
 import * as i0 from "@angular/core";
 export declare class ClrOption<T> implements OnInit {
-    elRef: ElementRef;
+    elRef: ElementRef<HTMLElement>;
     commonStrings: ClrCommonStringsService;
     private focusHandler;
     private optionSelectionService;
     optionProxy: OptionProxy<T>;
     private _id;
     private _value;
-    constructor(elRef: ElementRef, commonStrings: ClrCommonStringsService, focusHandler: ComboboxFocusHandler<T>, optionSelectionService: OptionSelectionService<T>);
+    constructor(elRef: ElementRef<HTMLElement>, commonStrings: ClrCommonStringsService, focusHandler: ComboboxFocusHandler<T>, optionSelectionService: OptionSelectionService<T>);
     get optionId(): string;
     set optionId(id: string);
     get value(): T;
@@ -19,7 +19,7 @@ export declare class ClrOption<T> implements OnInit {
     get selected(): boolean;
     get focusClass(): boolean;
     ngOnInit(): void;
-    onClick(): void;
+    onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrOption<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrOption<any>, "clr-option", never, { "optionId": "id"; "value": "clrValue"; }, {}, never, ["*"], false, never>;
 }

package/forms/combobox/options.d.ts

@@ -19,7 +19,7 @@ export declare class ClrOptions<T> implements AfterViewInit, LoadingListener, On
     loading: boolean;
     _items: QueryList<ClrOption<T>>;
     private subscriptions;
-    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);
     get items(): QueryList<ClrOption<T>>;
     set items(items: QueryList<ClrOption<T>>);
     /**

package/forms/datalist/datalist-input.d.ts

@@ -9,7 +9,7 @@ export declare class ClrDatalistInput extends WrappedFormControl<ClrDatalistCont
     private focusService;
     private datalistIdService;
     listValue: string;
-    constructor(focusService: FocusService, vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef, datalistIdService: DatalistIdService);
+    constructor(focusService: FocusService, vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLInputElement>, datalistIdService: DatalistIdService);
     ngAfterContentInit(): void;
     triggerFocus(): void;
     triggerValidation(): void;

package/forms/datepicker/date-input.d.ts

@@ -10,7 +10,7 @@ import { DatepickerEnabledService } from './providers/datepicker-enabled.service
 import { DatepickerFocusService } from './providers/datepicker-focus.service';
 import * as i0 from "@angular/core";
 export declare class ClrDateInput extends WrappedFormControl<ClrDateContainer> implements OnInit, AfterViewInit, OnDestroy {
-    protected el: ElementRef;
+    protected el: ElementRef<HTMLInputElement>;
     protected renderer: Renderer2;
     protected control: NgControl;
     private container;
@@ -27,7 +27,7 @@ export declare class ClrDateInput extends WrappedFormControl<ClrDateContainer> i
     protected index: number;
     private initialClrDateInputValue;
     private previousDateChange;
-    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, 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, datepickerFocusService: DatepickerFocusService);
     set date(date: Date | string);
     set min(dateString: string);
     set max(dateString: string);

package/forms/datepicker/monthpicker.d.ts

@@ -14,7 +14,7 @@ export declare class ClrMonthpicker implements AfterViewInit {
      * Keeps track of the current focused month.
      */
     private _focusedMonthIndex;
-    constructor(_viewManagerService: ViewManagerService, _localeHelperService: LocaleHelperService, _dateNavigationService: DateNavigationService, _datepickerFocusService: DatepickerFocusService, _elRef: ElementRef);
+    constructor(_viewManagerService: ViewManagerService, _localeHelperService: LocaleHelperService, _dateNavigationService: DateNavigationService, _datepickerFocusService: DatepickerFocusService, _elRef: ElementRef<HTMLElement>);
     /**
      * Gets the months array which is used to rendered the monthpicker view.
      * Months are in the TranslationWidth.Wide format.

package/forms/datepicker/yearpicker.d.ts

@@ -19,7 +19,7 @@ export declare class ClrYearpicker implements AfterViewInit {
      * Keeps track of the current focused year.
      */
     private _focusedYear;
-    constructor(_dateNavigationService: DateNavigationService, _viewManagerService: ViewManagerService, _datepickerFocusService: DatepickerFocusService, _elRef: ElementRef, commonStrings: ClrCommonStringsService);
+    constructor(_dateNavigationService: DateNavigationService, _viewManagerService: ViewManagerService, _datepickerFocusService: DatepickerFocusService, _elRef: ElementRef<HTMLElement>, commonStrings: ClrCommonStringsService);
     /**
      * Gets the year which the user is currently on.
      */

package/forms/password/password.d.ts

@@ -9,7 +9,7 @@ export declare class ClrPassword extends WrappedFormControl<ClrPasswordContainer
     private focusService;
     private toggleService;
     protected index: number;
-    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef, focusService: FocusService, toggleService: BehaviorSubject<boolean>);
+    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLInputElement>, focusService: FocusService, toggleService: BehaviorSubject<boolean>);
     triggerFocus(): void;
     triggerValidation(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrPassword, [null, null, { optional: true; self: true; }, null, null, { optional: true; }, { optional: true; }]>;

package/layout/nav/nav-level.d.ts

@@ -2,7 +2,6 @@ import { ElementRef, Injector, OnInit, Renderer2 } from '@angular/core';
 import { ClrStandaloneCdkTrapFocus } from '../../utils/focus/focus-trap';
 import { ResponsiveNavigationService } from './providers/responsive-navigation.service';
 import { ResponsiveNavCodes } from './responsive-nav-codes';
-import '@cds/core/internal-components/close-button/register.js';
 import * as i0 from "@angular/core";
 import * as i1 from "../../utils/focus/focus-trap/standalone-cdk-trap-focus.directive";
 export declare class ClrNavLevel implements OnInit {

package/layout/tabs/tab-link.directive.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class ClrTabLink {
     ifActiveService: IfActiveService;
     readonly id: number;
-    el: ElementRef;
+    el: ElementRef<HTMLElement>;
     private cfr;
     private viewContainerRef;
     private tabsService;
@@ -14,7 +14,7 @@ export declare class ClrTabLink {
     tabLinkId: string;
     templateRefContainer: TemplateRefContainer;
     private _inOverflow;
-    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);
     get inOverflow(): boolean;
     set inOverflow(inOverflow: boolean);
     get addLinkClasses(): boolean;

package/modal/modal.d.ts

@@ -1,5 +1,5 @@
 import { AnimationEvent } from '@angular/animations';
-import { EventEmitter, OnChanges, OnDestroy, SimpleChange } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChange } from '@angular/core';
 import { ClrCommonStringsService } from '../utils/i18n/common-strings.service';
 import { ScrollingService } from '../utils/scrolling/scrolling-service';
 import { ClrModalConfigurationService } from './modal-configuration.service';
@@ -11,6 +11,7 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     private modalStackService;
     private configuration;
     modalId: string;
+    title: ElementRef<HTMLElement>;
     _open: boolean;
     _openChanged: EventEmitter<boolean>;
     closable: boolean;
@@ -31,6 +32,7 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     }): void;
     ngOnDestroy(): void;
     open(): void;
+    backdropClick(): void;
     close(): void;
     fadeDone(e: AnimationEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrModal, never>;

package/modal/side-panel.d.ts

@@ -14,7 +14,7 @@ export declare class ClrSidePanel implements OnInit {
     preventClose: boolean;
     altClose: EventEmitter<boolean>;
     private modal;
-    constructor(element: ElementRef, configuration: ClrModalConfigurationService);
+    constructor(element: ElementRef<HTMLElement>, configuration: ClrModalConfigurationService);
     get clrSidePanelBackdrop(): boolean;
     set clrSidePanelBackdrop(backdrop: boolean);
     ngOnInit(): void;

package/package.json

@@ -18,11 +18,11 @@
     "url": "https://github.com/vmware-clarity/ng-clarity/issues"
   },
   "peerDependencies": {
-    "@angular/cdk": "15 || 16 || 17",
-    "@angular/common": "15 || 16 || 17",
-    "@angular/core": "15 || 16 || 17",
+    "@angular/cdk": "15 || 16 || 17 || 18",
+    "@angular/common": "15 || 16 || 17 || 18",
+    "@angular/core": "15 || 16 || 17 || 18",
     "@cds/core": ">= 6.9.2",
-    "@clr/ui": "17.2.1"
+    "@clr/ui": "17.3.0"
   },
   "module": "fesm2015/clr-angular.mjs",
   "es2020": "fesm2020/clr-angular.mjs",
@@ -47,5 +47,5 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "version": "17.2.1"
+  "version": "17.3.0"
 }

package/popover/common/abstract-popover.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare abstract class AbstractPopover implements AfterViewChecked, OnDestroy {
     protected parentHost: ElementRef;
     closeOnOutsideClick: boolean;
-    protected el: ElementRef;
+    protected el: ElementRef<HTMLElement>;
     protected toggleService: ClrPopoverToggleService;
     protected renderer: Renderer2;
     protected ngZone: NgZone;

package/popover/signpost/signpost-content.d.ts

@@ -12,7 +12,7 @@ export declare class ClrSignpostContent extends AbstractPopover implements OnDes
     signpostContentId: string;
     private document;
     private _position;
-    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);
     /*********
      *
      * @description

package/popover/signpost/signpost-trigger.d.ts

@@ -14,7 +14,7 @@ export declare class ClrSignpostTrigger implements OnDestroy {
     isOpen: boolean;
     private document;
     private subscriptions;
-    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);
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**********

package/popover/tooltip/tooltip-content.d.ts

@@ -9,7 +9,7 @@ export declare class ClrTooltipContent extends AbstractPopover implements OnInit
     private _id;
     private _position;
     private _size;
-    constructor(injector: Injector, parentHost: ElementRef, tooltipIdService: TooltipIdService, tooltipMouseService: TooltipMouseService);
+    constructor(injector: Injector, parentHost: ElementRef<HTMLElement>, tooltipIdService: TooltipIdService, tooltipMouseService: TooltipMouseService);
     get id(): string;
     set id(value: string);
     get position(): string;

package/src/utils/popover/README.md

@@ -41,7 +41,7 @@ This is what it looks like from the implementing component perspective:
   <header class="header-4" role="heading">
     Header
     <button role="button" class="btn btn-link" clrPopoverCloseButton>
-      <cds-icon shape="window-close" size="36" class="is-inverse"></cds-icon>
+      <cds-icon shape="window-close" size="36"></cds-icon>
     </button>
   </header>
   <section role="region">

package/timeline/timeline-step.d.ts

@@ -6,7 +6,7 @@ export declare class ClrTimelineStep {
     private iconAttributeService;
     private platformId;
     state: ClrTimelineStepState;
-    stepTitle: ElementRef;
+    stepTitle: ElementRef<HTMLElement>;
     stepTitleText: string;
     constructor(iconAttributeService: TimelineIconAttributeService, platformId: any);
     get iconAriaLabel(): string;

package/utils/animations/expandable-animation/expandable-animation.d.ts

@@ -8,7 +8,7 @@ export declare class ClrExpandableAnimation {
     private renderer;
     clrExpandTrigger: boolean;
     startHeight: number;
-    constructor(element: ElementRef, domAdapter: DomAdapter, renderer: Renderer2);
+    constructor(element: ElementRef<HTMLElement>, domAdapter: DomAdapter, renderer: Renderer2);
     get expandAnimation(): {
         value: boolean;
         params: {

package/utils/cdk/cdk-drag.module.d.ts

@@ -11,7 +11,7 @@ export declare class CdkDragModule_CdkDrag extends CdkDrag {
      * as a workaround to fix Angular "ɵɵinvalidFactoryDep" error after upgrading storybook
      * https://github.com/storybookjs/storybook/issues/23534
      */
-    constructor(elementRef: ElementRef, dropContainer: any, document: any, ngZone: NgZone, viewContainerRef: ViewContainerRef, config: DragDropConfig, dir: Directionality, dragDrop: DragDrop, changeDetectorRef: ChangeDetectorRef);
+    constructor(elementRef: ElementRef<HTMLElement>, dropContainer: any, document: any, ngZone: NgZone, viewContainerRef: ViewContainerRef, config: DragDropConfig, dir: Directionality, dragDrop: DragDrop, changeDetectorRef: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkDragModule_CdkDrag, [null, { optional: true; }, { optional: true; }, null, null, { optional: true; }, null, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkDragModule_CdkDrag, "[cdkDrag]", never, {}, {}, never, never, false, never>;
 }

package/utils/cdk/cdk-trap-focus.module.d.ts

@@ -10,7 +10,7 @@ export declare class CdkTrapFocusModule_CdkTrapFocus extends CdkTrapFocus {
      * as a workaround to fix Angular "ɵɵinvalidFactoryDep" error after upgrading storybook
      * https://github.com/storybookjs/storybook/issues/23534
      */
-    constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, document: any);
+    constructor(elementRef: ElementRef<HTMLElement>, focusTrapFactory: FocusTrapFactory, document: any);
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkTrapFocusModule_CdkTrapFocus, [null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTrapFocusModule_CdkTrapFocus, "[cdkTrapFocus]", never, {}, {}, never, never, false, never>;
 }

package/utils/conditional/if-expanded.directive.d.ts

@@ -13,7 +13,7 @@ export declare class ClrIfExpanded implements OnInit, OnDestroy {
      * Subscriptions to all the services and queries changes
      */
     private _subscriptions;
-    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);
     get expanded(): boolean | string;
     set expanded(value: boolean | string);
     ngOnInit(): void;

package/utils/focus/focus-on-view-init/focus-on-view-init.d.ts

@@ -9,7 +9,7 @@ export declare class ClrFocusOnViewInit implements AfterViewInit, OnDestroy {
     private directFocus;
     private destroy$;
     private _isEnabled;
-    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);
     set isEnabled(value: boolean | string);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/utils/focus/focus-trap/standalone-cdk-trap-focus.directive.d.ts

@@ -7,7 +7,7 @@ export declare class ClrStandaloneCdkTrapFocus extends CdkTrapFocus {
      * as a workaround to fix Angular "ɵɵinvalidFactoryDep" error after upgrading storybook
      * https://github.com/storybookjs/storybook/issues/23534
      */
-    constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, document: any);
+    constructor(elementRef: ElementRef<HTMLElement>, focusTrapFactory: FocusTrapFactory, document: any);
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrStandaloneCdkTrapFocus, [null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrStandaloneCdkTrapFocus, never, never, {}, {}, never, never, true, never>;
 }

package/utils/focus/key-focus/key-focus-item.d.ts

@@ -3,8 +3,8 @@ import * as i0 from "@angular/core";
 export declare class ClrKeyFocusItem {
     private elementRef;
     private platformId;
-    constructor(elementRef: ElementRef, platformId: any);
-    get nativeElement(): any;
+    constructor(elementRef: ElementRef<HTMLElement>, platformId: any);
+    get nativeElement(): HTMLElement;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrKeyFocusItem, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrKeyFocusItem, "[clrKeyFocusItem]", never, {}, {}, never, never, false, never>;

package/utils/focus/key-focus/roving-tabindex.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 export declare class ClrRovingTabindex extends ClrKeyFocus {
     private renderer;
     private disabled;
-    constructor(elementRef: ElementRef, renderer: Renderer2);
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
     get rovingIndexItems(): Array<FocusableItem> | string;
     set rovingIndexItems(elements: Array<FocusableItem> | string);
     set rovingTabindexDisabled(disabled: boolean);

package/utils/popover/popover-close-button.d.ts

@@ -8,7 +8,7 @@ export declare class ClrPopoverCloseButton implements OnDestroy, AfterViewInit {
     private smartOpenService;
     closeChange: EventEmitter<void>;
     private subscriptions;
-    constructor(elementRef: ElementRef, smartEventsService: ClrPopoverEventsService, smartOpenService: ClrPopoverToggleService);
+    constructor(elementRef: ElementRef<HTMLButtonElement>, smartEventsService: ClrPopoverEventsService, smartOpenService: ClrPopoverToggleService);
     handleClick(event: MouseEvent): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/utils/popover/providers/popover-events.service.d.ts

@@ -9,9 +9,9 @@ export declare class ClrPopoverEventsService implements OnDestroy {
     outsideClickClose: boolean;
     scrollToClose: boolean;
     ignoredEvent: any;
-    anchorButtonRef: ElementRef;
-    closeButtonRef: ElementRef;
-    contentRef: ElementRef;
+    anchorButtonRef: ElementRef<HTMLButtonElement>;
+    closeButtonRef: ElementRef<HTMLButtonElement>;
+    contentRef: ElementRef<HTMLElement>;
     private documentClickListener;
     private escapeListener;
     private scrollSubscription;

package/wizard/wizard.d.ts

@@ -72,7 +72,7 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
      * Listen via `(clrWizardOnPrevious)` event.
      */
     onMovePrevious: EventEmitter<any>;
-    pageTitle: ElementRef;
+    pageTitle: ElementRef<HTMLElement>;
     pages: QueryList<ClrWizardPage>;
     headerActions: QueryList<ClrWizardHeaderAction>;
     _open: boolean;