@clr/angular 17.3.0 → 17.4.0

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

@@ -10,7 +10,7 @@ export declare class ClrComboboxContainer extends ClrAbstractContainer implement
     private containerService;
     private el;
     controlContainer: ElementRef<HTMLElement>;
-    constructor(ifControlStateService: IfControlStateService, layoutService: LayoutService, controlClassService: ControlClassService, ngControlService: NgControlService, containerService: ComboboxContainerService, el: ElementRef);
+    constructor(ifControlStateService: IfControlStateService, layoutService: LayoutService, controlClassService: ControlClassService, ngControlService: NgControlService, containerService: ComboboxContainerService, el: ElementRef<HTMLElement>);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrComboboxContainer, [null, { optional: true; }, null, null, null, null]>;

package/forms/combobox/option-items.directive.d.ts

@@ -8,7 +8,6 @@ export declare class ClrOptionItems<T> implements DoCheck, OnDestroy {
     private differs;
     private optionService;
     private positionService;
-    private vcr;
     private iterableProxy;
     private _rawItems;
     private filteredItems;

package/forms/combobox/providers/combobox-focus-handler.service.d.ts

@@ -41,8 +41,8 @@ export declare const COMBOBOX_FOCUS_HANDLER_PROVIDER: (import("@angular/core").T
 })[];
 export declare class OptionData<T> {
     id: string;
-    el: HTMLElement;
     value: T;
+    el: HTMLElement;
     constructor(id: string, value: T);
     equals(other: OptionData<T>): boolean;
 }

package/forms/common/control.d.ts

@@ -5,7 +5,7 @@ import { WrappedFormControl } from './wrapped-control';
 import * as i0 from "@angular/core";
 export declare class ClrControl extends WrappedFormControl<ClrControlContainer> {
     protected index: number;
-    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef);
+    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrControl, [null, null, { optional: true; self: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrControl, "[clrControl]", never, {}, {}, never, never, false, never>;
 }

package/forms/common/if-control-state/if-control-state.service.d.ts

@@ -8,7 +8,6 @@ export declare enum CONTROL_STATE {
     INVALID = "INVALID"
 }
 export declare class IfControlStateService implements OnDestroy {
-    private ngControlService;
     private subscriptions;
     private control;
     private _statusChanges;

package/forms/common/label.d.ts

@@ -12,7 +12,7 @@ export declare class ClrLabel implements OnInit, OnDestroy {
     forAttr: string;
     private enableGrid;
     private subscriptions;
-    constructor(controlIdService: ControlIdService, layoutService: LayoutService, ngControlService: NgControlService, renderer: Renderer2, el: ElementRef);
+    constructor(controlIdService: ControlIdService, layoutService: LayoutService, ngControlService: NgControlService, renderer: Renderer2, el: ElementRef<HTMLLabelElement>);
     get labelText(): string;
     ngOnInit(): void;
     ngOnDestroy(): void;

package/forms/common/wrapped-control.d.ts

@@ -13,11 +13,11 @@ export declare class WrappedFormControl<W extends DynamicWrapper> implements OnI
     protected vcr: ViewContainerRef;
     protected wrapperType: Type<W>;
     private ngControl;
-    _id: string;
     protected renderer: Renderer2;
+    protected el: ElementRef<HTMLElement>;
+    _id: string;
     protected controlIdService: ControlIdService;
     protected ngControlService: NgControlService;
-    protected el: ElementRef<any>;
     protected index: number;
     protected subscriptions: Subscription[];
     private ifControlStateService;
@@ -27,7 +27,7 @@ export declare class WrappedFormControl<W extends DynamicWrapper> implements OnI
     private _containerInjector;
     private differs;
     private differ;
-    constructor(vcr: ViewContainerRef, wrapperType: Type<W>, injector: Injector, ngControl: NgControl | null, renderer: Renderer2, el: ElementRef);
+    constructor(vcr: ViewContainerRef, wrapperType: Type<W>, injector: Injector, ngControl: NgControl | null, renderer: Renderer2, el: ElementRef<HTMLElement>);
     get id(): string;
     set id(value: string);
     ngOnInit(): void;

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

@@ -6,7 +6,6 @@ import { LayoutService } from '../common/providers/layout.service';
 import { NgControlService } from '../common/providers/ng-control.service';
 import * as i0 from "@angular/core";
 export declare class ClrDatalistContainer extends ClrAbstractContainer {
-    private focusService;
     protected ifControlStateService: IfControlStateService;
     focus: boolean;
     constructor(controlClassService: ControlClassService, layoutService: LayoutService, ngControlService: NgControlService, focusService: FocusService, ifControlStateService: IfControlStateService);

package/forms/datepicker/calendar.d.ts

@@ -19,7 +19,7 @@ export declare class ClrCalendar implements OnDestroy {
      */
     calendarViewModel: CalendarViewModel;
     private _subs;
-    constructor(_localeHelperService: LocaleHelperService, _dateNavigationService: DateNavigationService, _datepickerFocusService: DatepickerFocusService, _dateIOService: DateIOService, _elRef: ElementRef);
+    constructor(_localeHelperService: LocaleHelperService, _dateNavigationService: DateNavigationService, _datepickerFocusService: DatepickerFocusService, _dateIOService: DateIOService, _elRef: ElementRef<HTMLElement>);
     /**
      * Gets the locale days according to the TranslationWidth.Narrow format.
      */

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

@@ -23,7 +23,6 @@ export declare class ClrDateContainer extends ClrAbstractContainer implements Af
     private dateFormControlService;
     private dateIOService;
     commonStrings: ClrCommonStringsService;
-    private focusService;
     private viewManagerService;
     protected controlClassService: ControlClassService;
     protected layoutService: LayoutService;
@@ -33,7 +32,7 @@ export declare class ClrDateContainer extends ClrAbstractContainer implements Af
     private toggleButton;
     constructor(renderer: Renderer2, toggleService: ClrPopoverToggleService, dateNavigationService: DateNavigationService, datepickerEnabledService: DatepickerEnabledService, dateFormControlService: DateFormControlService, dateIOService: DateIOService, commonStrings: ClrCommonStringsService, focusService: FocusService, viewManagerService: ViewManagerService, controlClassService: ControlClassService, layoutService: LayoutService, ngControlService: NgControlService, ifControlStateService: IfControlStateService);
     set clrPosition(position: string);
-    set actionButton(button: ElementRef);
+    set actionButton(button: ElementRef<HTMLButtonElement>);
     get popoverPosition(): ClrPopoverPosition;
     get open(): boolean;
     /**

package/forms/datepicker/providers/date-io.service.d.ts

@@ -2,12 +2,11 @@ import { DateRange } from '../interfaces/date-range.interface';
 import { LocaleHelperService } from './locale-helper.service';
 import * as i0 from "@angular/core";
 export declare class DateIOService {
-    private _localeHelperService;
     disabledDates: DateRange;
     cldrLocaleDateFormat: string;
     private localeDisplayFormat;
     private delimiters;
-    constructor(_localeHelperService: LocaleHelperService);
+    constructor(localeHelperService: LocaleHelperService);
     get placeholderText(): string;
     setMinDate(date: string): void;
     setMaxDate(date: string): void;

package/forms/datepicker/providers/datepicker-focus.service.d.ts

@@ -7,7 +7,7 @@ export declare class DatepickerFocusService {
     private _ngZone;
     private platformId;
     constructor(_ngZone: NgZone, platformId: any);
-    focusCell(elRef: ElementRef): void;
+    focusCell(elRef: ElementRef<HTMLElement>): void;
     focusInput(element: HTMLInputElement): void;
     elementIsFocused(element: HTMLInputElement): boolean;
     private ngZoneIsStableInBrowser;

package/forms/input/input.d.ts

@@ -5,7 +5,7 @@ import { ClrInputContainer } from './input-container';
 import * as i0 from "@angular/core";
 export declare class ClrInput extends WrappedFormControl<ClrInputContainer> {
     protected index: number;
-    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef);
+    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLInputElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrInput, [null, null, { optional: true; self: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrInput, "[clrInput]", never, {}, {}, never, never, false, never>;
 }

package/forms/password/password.d.ts

@@ -7,7 +7,6 @@ import { ClrPasswordContainer } from './password-container';
 import * as i0 from "@angular/core";
 export declare class ClrPassword extends WrappedFormControl<ClrPasswordContainer> implements OnInit, OnDestroy {
     private focusService;
-    private toggleService;
     protected index: number;
     constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLInputElement>, focusService: FocusService, toggleService: BehaviorSubject<boolean>);
     triggerFocus(): void;

package/forms/radio/radio.d.ts

@@ -4,7 +4,7 @@ import { WrappedFormControl } from '../common/wrapped-control';
 import { ClrRadioWrapper } from '../radio/radio-wrapper';
 import * as i0 from "@angular/core";
 export declare class ClrRadio extends WrappedFormControl<ClrRadioWrapper> {
-    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef);
+    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLInputElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrRadio, [null, null, { optional: true; self: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrRadio, "[clrRadio]", never, {}, {}, never, never, false, never>;
 }

package/forms/range/range.d.ts

@@ -4,7 +4,7 @@ import { WrappedFormControl } from '../common/wrapped-control';
 import { ClrRangeContainer } from './range-container';
 import * as i0 from "@angular/core";
 export declare class ClrRange extends WrappedFormControl<ClrRangeContainer> {
-    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef);
+    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLInputElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrRange, [null, null, { optional: true; self: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrRange, "[clrRange]", never, {}, {}, never, never, false, never>;
 }

package/forms/select/select.d.ts

@@ -5,7 +5,7 @@ import { ClrSelectContainer } from './select-container';
 import * as i0 from "@angular/core";
 export declare class ClrSelect extends WrappedFormControl<ClrSelectContainer> {
     protected index: number;
-    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef);
+    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLSelectElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrSelect, [null, null, { optional: true; self: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrSelect, "[clrSelect]", never, {}, {}, never, never, false, never>;
 }

package/forms/textarea/textarea.d.ts

@@ -5,7 +5,7 @@ import { ClrTextareaContainer } from './textarea-container';
 import * as i0 from "@angular/core";
 export declare class ClrTextarea extends WrappedFormControl<ClrTextareaContainer> {
     protected index: number;
-    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef);
+    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLTextAreaElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrTextarea, [null, null, { optional: true; self: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrTextarea, "[clrTextarea]", never, {}, {}, never, never, false, never>;
 }

package/layout/main-container/main-container.d.ts

@@ -7,7 +7,7 @@ export declare class ClrMainContainer implements OnDestroy, OnInit {
     private responsiveNavService;
     private _subscription;
     private _classList;
-    constructor(elRef: ElementRef, responsiveNavService: ResponsiveNavigationService);
+    constructor(elRef: ElementRef<HTMLElement>, responsiveNavService: ResponsiveNavigationService);
     ngOnInit(): void;
     processMessage(message: ResponsiveNavControlMessage): void;
     controlNav(controlCode: string, navClass: string): void;

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

@@ -7,8 +7,6 @@ export declare class ClrTabLink {
     ifActiveService: IfActiveService;
     readonly id: number;
     el: ElementRef<HTMLElement>;
-    private cfr;
-    private viewContainerRef;
     private tabsService;
     tabsId: number;
     tabLinkId: string;

package/layout/tabs/tabs.d.ts

@@ -29,7 +29,7 @@ export declare class ClrTabs implements AfterContentInit, OnDestroy {
     get activeTabPosition(): number;
     get isCurrentInOverflow(): boolean;
     get isVertical(): boolean;
-    set tabOverflowEl(value: ElementRef);
+    set tabOverflowEl(value: ElementRef<HTMLElement>);
     private get overflowPosition();
     private set tabContentViewContainer(value);
     ngAfterContentInit(): void;

package/layout/vertical-nav/vertical-nav-group.d.ts

@@ -9,14 +9,13 @@ import * as i0 from "@angular/core";
 export declare class ClrVerticalNavGroup implements AfterContentInit, OnDestroy {
     private _itemExpand;
     private _navGroupRegistrationService;
-    private _navGroupService;
     private _navService;
     commonStrings: ClrCommonStringsService;
     expandedChange: EventEmitter<boolean>;
     private wasExpanded;
     private _subscriptions;
     private _expandAnimationState;
-    constructor(_itemExpand: IfExpandService, _navGroupRegistrationService: VerticalNavGroupRegistrationService, _navGroupService: VerticalNavGroupService, _navService: VerticalNavService, commonStrings: ClrCommonStringsService);
+    constructor(_itemExpand: IfExpandService, _navGroupRegistrationService: VerticalNavGroupRegistrationService, navGroupService: VerticalNavGroupService, _navService: VerticalNavService, commonStrings: ClrCommonStringsService);
     get expanded(): boolean;
     set expanded(value: boolean);
     set userExpandedInput(value: boolean | string);

package/modal/index.d.ts

@@ -1,5 +1,6 @@
 export * from './modal';
 export * from './modal.module';
+export * from './modal-configuration.service';
 export * from './side-panel.module';
 export * from './modal-body';
 export * from './side-panel';

package/package.json

@@ -22,7 +22,7 @@
     "@angular/common": "15 || 16 || 17 || 18",
     "@angular/core": "15 || 16 || 17 || 18",
     "@cds/core": ">= 6.9.2",
-    "@clr/ui": "17.3.0"
+    "@clr/ui": "17.4.0"
   },
   "module": "fesm2015/clr-angular.mjs",
   "es2020": "fesm2020/clr-angular.mjs",
@@ -47,5 +47,5 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "version": "17.3.0"
+  "version": "17.4.0"
 }

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

@@ -4,7 +4,7 @@ import { Point } from './popover';
 import { PopoverOptions } from './popover-options.interface';
 import * as i0 from "@angular/core";
 export declare abstract class AbstractPopover implements AfterViewChecked, OnDestroy {
-    protected parentHost: ElementRef;
+    protected parentHost: ElementRef<HTMLElement>;
     closeOnOutsideClick: boolean;
     protected el: ElementRef<HTMLElement>;
     protected toggleService: ClrPopoverToggleService;
@@ -20,7 +20,7 @@ export declare abstract class AbstractPopover implements AfterViewChecked, OnDes
     private popoverInstance;
     private subscription;
     private documentESCListener;
-    constructor(injector: Injector, parentHost: ElementRef);
+    constructor(injector: Injector, parentHost: ElementRef<HTMLElement>);
     get isOffScreen(): boolean;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;

package/popover/dropdown/dropdown.d.ts

@@ -8,7 +8,6 @@ export declare class ClrDropdown implements OnDestroy {
     parent: ClrDropdown;
     toggleService: ClrPopoverToggleService;
     focusHandler: DropdownFocusHandler;
-    private cdr;
     isMenuClosable: boolean;
     private subscriptions;
     constructor(parent: ClrDropdown, toggleService: ClrPopoverToggleService, focusHandler: DropdownFocusHandler, cdr: ChangeDetectorRef, dropdownService: RootDropdownService);

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

@@ -6,7 +6,6 @@ import { SignpostIdService } from './providers/signpost-id.service';
 import * as i0 from "@angular/core";
 export declare class ClrSignpostContent extends AbstractPopover implements OnDestroy {
     commonStrings: ClrCommonStringsService;
-    private signpostIdService;
     private signpostFocusManager;
     private platformId;
     signpostContentId: string;

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

@@ -4,7 +4,6 @@ import { TooltipMouseService } from './providers/tooltip-mouse.service';
 import * as i0 from "@angular/core";
 export declare class ClrTooltipTrigger {
     private toggleService;
-    private tooltipIdService;
     private tooltipMouseService;
     ariaDescribedBy: string;
     private subs;

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

@@ -13,7 +13,7 @@ export declare class ClrKeyFocus {
     private focusChange;
     private _current;
     private _focusableItems;
-    constructor(elementRef: ElementRef);
+    constructor(elementRef: ElementRef<HTMLElement>);
     /**
      * Here we use `any` cause any other type require reworking all methods below and a lot of more ifs.
      * this method will only work with array with FocusableItems anyway so any other value will be ignored.

package/utils/i18n/common-strings.interface.d.ts

@@ -139,6 +139,14 @@ export interface ClrCommonStrings {
      * Datagrid column resize handler string
      */
     columnSeparatorDescription: string;
+    /**
+     * Numeric filter from label string
+     */
+    fromLabel: string;
+    /**
+     * Numeric filter to label string
+     */
+    toLabel: string;
     /**
      * Modal start of content
      */
@@ -242,6 +250,10 @@ export interface ClrCommonStrings {
     comboboxSelected: string;
     comboboxNoResults: string;
     comboboxOpen: string;
+    /**
+     * Wizard: Screen-reader text for "step" (read before step number).
+     */
+    wizardStep: string;
     /**
      * Wizard: Screen-reader text for completed step.
      */
@@ -270,4 +282,6 @@ export interface ClrCommonStrings {
     fileCount: string;
     clearFile: string;
     clearFiles: string;
+    selectedTreeNode: string;
+    unselectedTreeNode: string;
 }

package/utils/popover/popover-anchor.d.ts

@@ -2,7 +2,7 @@ import { ElementRef } from '@angular/core';
 import { ClrPopoverEventsService } from './providers/popover-events.service';
 import * as i0 from "@angular/core";
 export declare class ClrPopoverAnchor {
-    constructor(smartEventService: ClrPopoverEventsService, element: ElementRef);
+    constructor(smartEventService: ClrPopoverEventsService, element: ElementRef<HTMLButtonElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrPopoverAnchor, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrPopoverAnchor, "[clrPopoverAnchor]", never, {}, {}, never, never, false, never>;
 }

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

@@ -17,6 +17,7 @@ export declare class ClrPopoverContent implements AfterContentChecked, OnDestroy
     private subscriptions;
     private removeClickListenerFn;
     private shouldRealign;
+    private previousContentHeight;
     private checkCollector;
     constructor(document: Document, container: ViewContainerRef, template: TemplateRef<any>, renderer: Renderer2, smartPositionService: ClrPopoverPositionService, smartEventsService: ClrPopoverEventsService, smartOpenService: ClrPopoverToggleService);
     set open(value: boolean);