@clr/angular 17.5.0 → 17.7.0

package/forms/datepicker/model/day-view.model.d.ts

@@ -6,7 +6,9 @@ export declare class DayViewModel {
     isDisabled: boolean;
     isSelected: boolean;
     isFocusable: boolean;
-    constructor(dayModel: DayModel, isTodaysDate?: boolean, isExcluded?: boolean, isDisabled?: boolean, isSelected?: boolean, isFocusable?: boolean);
+    isRangeStartDay: boolean;
+    isRangeEndDay: boolean;
+    constructor(dayModel: DayModel, isTodaysDate?: boolean, isExcluded?: boolean, isDisabled?: boolean, isSelected?: boolean, isFocusable?: boolean, isRangeStartDay?: boolean, isRangeEndDay?: boolean);
     /**
      * Gets the tab index based on the isFocusable flag.
      */

package/forms/datepicker/model/day.model.d.ts

@@ -18,5 +18,13 @@ export declare class DayModel {
     clone(): DayModel;
     toComparisonString(): string;
     toDateString(): string;
+    /**
+     * Compares the dates and returns boolean value based on the value passed
+     */
+    isBefore(day: DayModel, dayInclusive?: boolean): boolean;
+    /**
+     * Compares the dates and returns boolean value based on the value passed
+     */
+    isAfter(day: DayModel, dayInclusive?: boolean): boolean;
     private pad;
 }

package/forms/datepicker/monthpicker.d.ts

@@ -1,20 +1,22 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
+import { ClrCommonStringsService } from '../../utils';
 import { DateNavigationService } from './providers/date-navigation.service';
 import { DatepickerFocusService } from './providers/datepicker-focus.service';
 import { LocaleHelperService } from './providers/locale-helper.service';
 import { ViewManagerService } from './providers/view-manager.service';
 import * as i0 from "@angular/core";
 export declare class ClrMonthpicker implements AfterViewInit {
-    private _viewManagerService;
     private _localeHelperService;
     private _dateNavigationService;
     private _datepickerFocusService;
     private _elRef;
+    private _viewManagerService;
+    commonStrings: ClrCommonStringsService;
     /**
      * Keeps track of the current focused month.
      */
     private _focusedMonthIndex;
-    constructor(_viewManagerService: ViewManagerService, _localeHelperService: LocaleHelperService, _dateNavigationService: DateNavigationService, _datepickerFocusService: DatepickerFocusService, _elRef: ElementRef<HTMLElement>);
+    constructor(_localeHelperService: LocaleHelperService, _dateNavigationService: DateNavigationService, _datepickerFocusService: DatepickerFocusService, _elRef: ElementRef, _viewManagerService: ViewManagerService, commonStrings: ClrCommonStringsService);
     /**
      * Gets the months array which is used to rendered the monthpicker view.
      * Months are in the TranslationWidth.Wide format.
@@ -24,6 +26,23 @@ export declare class ClrMonthpicker implements AfterViewInit {
      * Gets the month value of the Calendar.
      */
     get calendarMonthIndex(): number;
+    /**
+     * Gets the year which the user is currently on.
+     */
+    get calendarEndMonthIndex(): number;
+    get yearAttrString(): string;
+    /**
+     * Returns the year value of the calendar.
+     */
+    get calendarYear(): number;
+    get currentCalendarYear(): number;
+    get currentCalendarMonth(): number;
+    getIsRangeStartMonth(monthIndex: number): boolean;
+    getIsRangeEndMonth(monthIndex: number): boolean;
+    /**
+     * Calls the ViewManagerService to change to the yearpicker view.
+     */
+    changeToYearView(): void;
     /**
      * Focuses on the current calendar month when the View is initialized.
      */
@@ -32,6 +51,11 @@ export declare class ClrMonthpicker implements AfterViewInit {
      * Handles the Keyboard arrow navigation for the monthpicker.
      */
     onKeyDown(event: KeyboardEvent): void;
+    isSelected(monthIndex: number): boolean;
+    /**
+     * Calls the DateNavigationService to update the hovered month value of the calendar
+     */
+    onHover(monthIndex: number): void;
     /**
      * Calls the DateNavigationService to update the month value of the calendar.
      * Also changes the view to the daypicker.
@@ -41,6 +65,23 @@ export declare class ClrMonthpicker implements AfterViewInit {
      * Compares the month passed to the focused month and returns the tab index.
      */
     getTabIndex(monthIndex: number): number;
+    /**
+     * Calls the DateNavigationService to move to the next month.
+     */
+    nextYear(): void;
+    /**
+     * Calls the DateNavigationService to move to the previous month.
+     */
+    previousYear(): void;
+    /**
+     * Calls the DateNavigationService to move to the current month.
+     */
+    currentYear(): void;
+    /**
+     * Applicable only to date range picker
+     * Compares the month passed is in between the start and end date range
+     */
+    isInRange(monthIndex: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrMonthpicker, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrMonthpicker, "clr-monthpicker", never, {}, {}, never, never, false, never>;
 }

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

@@ -1,17 +1,21 @@
-import { DateRange } from '../interfaces/date-range.interface';
+import { DateRange, DateRangeOption } from '../interfaces/date-range.interface';
 import { LocaleHelperService } from './locale-helper.service';
 import * as i0 from "@angular/core";
 export declare class DateIOService {
     disabledDates: DateRange;
     cldrLocaleDateFormat: string;
+    private dateRangeOptions;
     private localeDisplayFormat;
     private delimiters;
     constructor(localeHelperService: LocaleHelperService);
     get placeholderText(): string;
     setMinDate(date: string): void;
     setMaxDate(date: string): void;
+    setRangeOptions(rangeOptions: DateRangeOption[]): void;
+    getRangeOptions(): any;
     toLocaleDisplayFormatString(date: Date): string;
     getDateValueFromDateString(date: string): Date;
+    private validateDateRangeOptions;
     private initializeLocaleDisplayFormat;
     private extractDelimiters;
     /**

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

@@ -1,4 +1,5 @@
 import { Observable } from 'rxjs';
+import { DateRangeInput } from '../interfaces/date-range.interface';
 import { CalendarModel } from '../model/calendar.model';
 import { DayModel } from '../model/day.model';
 import * as i0 from "@angular/core";
@@ -9,18 +10,29 @@ import * as i0 from "@angular/core";
  * 3. Managing the focused and selected day models.
  */
 export declare class DateNavigationService {
+    persistedDate: DayModel;
+    persistedEndDate: DayModel;
     selectedDay: DayModel;
+    selectedEndDay: DayModel;
     focusedDay: DayModel;
+    hoveredDay: DayModel;
+    hoveredMonth: number;
+    hoveredYear: number;
+    isRangePicker: boolean;
+    hasActionButtons: boolean;
     private _displayedCalendar;
     private _todaysFullDate;
     private _today;
     private _selectedDayChange;
+    private _selectedEndDayChange;
     private _displayedCalendarChange;
     private _focusOnCalendarChange;
+    private _refreshCalendarView;
     private _focusedDayChange;
     get today(): DayModel;
     get displayedCalendar(): CalendarModel;
     get selectedDayChange(): Observable<DayModel>;
+    get selectedEndDayChange(): Observable<DayModel>;
     /**
      * This observable lets the subscriber know that the displayed calendar has changed.
      */
@@ -33,11 +45,16 @@ export declare class DateNavigationService {
      * This observable lets the subscriber know that the focused day in the displayed calendar has changed.
      */
     get focusedDayChange(): Observable<DayModel>;
+    /**
+     * This observable lets the subscriber know that the displayed calendar has changed.
+     */
+    get refreshCalendarView(): Observable<void>;
     /**
      * Notifies that the selected day has changed so that the date can be emitted to the user.
-     * Note: Only to be called from day.ts
      */
-    notifySelectedDayChanged(dayModel: DayModel): void;
+    notifySelectedDayChanged(dayObject: DayModel | DateRangeInput, { emitEvent }?: {
+        emitEvent: boolean;
+    }): void;
     /**
      * Initializes the calendar based on the selected day.
      */
@@ -52,11 +69,24 @@ export declare class DateNavigationService {
      * Moves the displayed calendar to the previous month.
      */
     moveToPreviousMonth(): void;
+    /**
+     * Moves the displayed calendar to the next year.
+     */
+    moveToNextYear(): void;
+    /**
+     * Moves the displayed calendar to the previous year.
+     */
+    moveToPreviousYear(): void;
     /**
      * Moves the displayed calendar to the current month and year.
      */
     moveToCurrentMonth(): void;
+    moveToSpecificMonth(day: DayModel): void;
     incrementFocusDay(value: number): void;
+    resetSelectedDay(): void;
+    convertDateToDayModel(date: Date): DayModel;
+    private setSelectedDay;
+    private setSelectedEndDay;
     private setDisplayedCalendar;
     private initializeTodaysDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateNavigationService, never>;

package/forms/datepicker/yearpicker.d.ts

@@ -20,10 +20,14 @@ export declare class ClrYearpicker implements AfterViewInit {
      */
     private _focusedYear;
     constructor(_dateNavigationService: DateNavigationService, _viewManagerService: ViewManagerService, _datepickerFocusService: DatepickerFocusService, _elRef: ElementRef<HTMLElement>, commonStrings: ClrCommonStringsService);
+    get selectedStartYear(): number;
+    get selectedEndYear(): number;
     /**
      * Gets the year which the user is currently on.
      */
     get calendarYear(): number;
+    getIsRangeStartYear(year: number): boolean;
+    getIsRangeEndYear(year: number): boolean;
     /**
      * Focuses on the current calendar year when the View is initialized.
      */
@@ -37,6 +41,10 @@ export declare class ClrYearpicker implements AfterViewInit {
      * Also changes the view to the daypicker.
      */
     changeYear(year: number): void;
+    /**
+     * Calls the DateNavigationService to update the hovered year value of the calendar
+     */
+    onHover(year: number): void;
     /**
      * Updates the YearRangeModel to the previous decade.
      */
@@ -53,6 +61,12 @@ export declare class ClrYearpicker implements AfterViewInit {
      * Compares the year passed to the focused year and returns the tab index.
      */
     getTabIndex(year: number): number;
+    /**
+     * Applicable only to date range picker
+     * Compares the year passed is in between the start and end date range
+     */
+    isInRange(year: number): boolean;
+    changeToDayView(): void;
     /**
      * Increments the focus year by the value passed. Updates the YearRangeModel if the
      * new value is not in the current decade.

package/forms/file-input/file-input-container.d.ts

@@ -1,16 +1,27 @@
-import { ClrCommonStringsService } from '../../utils/i18n/common-strings.service';
 import { ClrAbstractContainer } from '../common/abstract-container';
 import { ClrFileInput } from './file-input';
+import { ClrFileList } from './file-list';
 import * as i0 from "@angular/core";
 export declare class ClrFileInputContainer extends ClrAbstractContainer {
     customButtonLabel: string;
-    protected readonly commonStrings: ClrCommonStringsService;
-    protected readonly fileInput: ClrFileInput;
+    readonly fileInput: ClrFileInput;
+    protected readonly fileList: ClrFileList;
     private browseButtonElementRef;
+    private fileListFileInputElementRef;
+    private readonly fileSuccessComponent;
+    private readonly fileErrorComponent;
+    private readonly commonStrings;
+    protected get accept(): string;
+    protected get multiple(): boolean;
     protected get disabled(): boolean;
+    protected get browseButtonText(): string;
     protected get browseButtonDescribedBy(): string;
+    protected get successMessagePresent(): boolean;
+    protected get errorMessagePresent(): boolean;
+    focusBrowseButton(): void;
     protected browse(): void;
     protected clearSelectedFiles(): void;
+    protected addFilesToSelection(newFiles: FileList): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileInputContainer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrFileInputContainer, "clr-file-input-container", never, { "customButtonLabel": "clrButtonLabel"; }, {}, ["fileInput"], ["label", "[clrFileInput]", "clr-control-helper", "clr-control-error", "clr-control-success"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrFileInputContainer, "clr-file-input-container", never, { "customButtonLabel": "clrButtonLabel"; }, {}, ["fileInput", "fileList", "fileSuccessComponent", "fileErrorComponent"], ["label", "[clrFileInput]", "clr-control-helper", "clr-control-error", "clr-control-success", "clr-file-list"], false, never>;
 }

package/forms/file-input/file-input-validator-errors.d.ts

@@ -0,0 +1,52 @@
+export interface ClrFileListValidationErrors {
+    required?: boolean;
+    accept?: ClrFileAcceptError[];
+    minFileSize?: ClrFileMinFileSizeError[];
+    maxFileSize?: ClrFileMaxFileSizeError[];
+}
+export interface ClrFileAcceptError {
+    /**
+     * The name of the selected file.
+     */
+    name: string;
+    /**
+     * The file types that are accepted by the file input.
+     */
+    accept: string[];
+    /**
+     * The actual MIME type of the selected file.
+     */
+    type: string;
+    /**
+     * The actual extension of the selected file.
+     */
+    extension: string;
+}
+export interface ClrFileMinFileSizeError {
+    /**
+     * The name of the selected file.
+     */
+    name: string;
+    /**
+     * The minimum file size that is accepted by the file input.
+     */
+    minFileSize: number;
+    /**
+     * The actual size of the selected file.
+     */
+    actualFileSize: number;
+}
+export interface ClrFileMaxFileSizeError {
+    /**
+     * The name of the selected file.
+     */
+    name: string;
+    /**
+     * The maximum file size that is accepted by the file input.
+     */
+    maxFileSize: number;
+    /**
+     * The actual size of the selected file.
+     */
+    actualFileSize: number;
+}

package/forms/file-input/file-input.module.d.ts

@@ -3,12 +3,15 @@ import * as i1 from "./file-input";
 import * as i2 from "./file-input-container";
 import * as i3 from "./file-input-validator";
 import * as i4 from "./file-input-value-accessor";
-import * as i5 from "@angular/common";
-import * as i6 from "../../icon/icon.module";
-import * as i7 from "../common/common.module";
+import * as i5 from "./file-list";
+import * as i6 from "./file-messages-template";
+import * as i7 from "./file-messages";
+import * as i8 from "@angular/common";
+import * as i9 from "../../icon/icon.module";
+import * as i10 from "../common/common.module";
 export declare class ClrFileInputModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrFileInputModule, [typeof i1.ClrFileInput, typeof i2.ClrFileInputContainer, typeof i3.ClrFileInputValidator, typeof i4.ClrFileInputValueAccessor], [typeof i5.CommonModule, typeof i6.ClrIconModule, typeof i7.ClrCommonFormsModule], [typeof i7.ClrCommonFormsModule, typeof i1.ClrFileInput, typeof i2.ClrFileInputContainer, typeof i3.ClrFileInputValidator, typeof i4.ClrFileInputValueAccessor]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrFileInputModule, [typeof i1.ClrFileInput, typeof i2.ClrFileInputContainer, typeof i3.ClrFileInputValidator, typeof i4.ClrFileInputValueAccessor, typeof i5.ClrFileList, typeof i6.ClrFileMessagesTemplate, typeof i7.ClrFileInfo, typeof i7.ClrFileSuccess, typeof i7.ClrFileError], [typeof i8.CommonModule, typeof i9.ClrIconModule, typeof i10.ClrCommonFormsModule], [typeof i10.ClrCommonFormsModule, typeof i1.ClrFileInput, typeof i2.ClrFileInputContainer, typeof i3.ClrFileInputValidator, typeof i4.ClrFileInputValueAccessor, typeof i5.ClrFileList, typeof i6.ClrFileMessagesTemplate, typeof i7.ClrFileInfo, typeof i7.ClrFileSuccess, typeof i7.ClrFileError]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrFileInputModule>;
 }

package/forms/file-input/file-list.d.ts

@@ -0,0 +1,18 @@
+import { Injector } from '@angular/core';
+import { ClrFileMessagesTemplate, ClrFileMessagesTemplateContext } from './file-messages-template';
+import * as i0 from "@angular/core";
+export declare class ClrFileList {
+    protected readonly fileMessagesTemplate: ClrFileMessagesTemplate;
+    private readonly injector;
+    private readonly commonStrings;
+    private readonly ngControlService;
+    private readonly fileInputContainer;
+    constructor();
+    protected get files(): File[];
+    protected getClearFileLabel(filename: string): string;
+    protected clearFile(fileToRemove: File): void;
+    protected createFileMessagesTemplateContext(file: File): ClrFileMessagesTemplateContext;
+    protected createFileMessagesTemplateInjector(fileMessagesTemplateContext: ClrFileMessagesTemplateContext): Injector;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrFileList, "clr-file-list", never, {}, {}, ["fileMessagesTemplate"], never, false, never>;
+}

package/forms/file-input/file-messages-template.d.ts

@@ -0,0 +1,19 @@
+import { TemplateRef } from '@angular/core';
+import { ClrFileAcceptError, ClrFileMaxFileSizeError, ClrFileMinFileSizeError } from './file-input-validator-errors';
+import * as i0 from "@angular/core";
+export interface ClrSingleFileValidationErrors {
+    accept?: ClrFileAcceptError;
+    minFileSize?: ClrFileMinFileSizeError;
+    maxFileSize?: ClrFileMaxFileSizeError;
+}
+export interface ClrFileMessagesTemplateContext {
+    $implicit: File;
+    success: boolean;
+    errors: ClrSingleFileValidationErrors;
+}
+export declare class ClrFileMessagesTemplate {
+    readonly templateRef: TemplateRef<ClrFileMessagesTemplateContext>;
+    static ngTemplateContextGuard(directive: ClrFileMessagesTemplate, context: unknown): context is ClrFileMessagesTemplateContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileMessagesTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrFileMessagesTemplate, "ng-template[clr-file-messages]", never, {}, {}, never, never, false, never>;
+}

package/forms/file-input/file-messages.d.ts

@@ -0,0 +1,17 @@
+import { InjectionToken } from '@angular/core';
+import { ClrFileMessagesTemplateContext } from './file-messages-template';
+import * as i0 from "@angular/core";
+export declare const CLR_FILE_MESSAGES_TEMPLATE_CONTEXT: InjectionToken<ClrFileMessagesTemplateContext>;
+export declare class ClrFileInfo {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileInfo, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrFileInfo, "clr-file-info", never, {}, {}, never, ["*"], false, never>;
+}
+export declare class ClrFileSuccess {
+    protected readonly context: ClrFileMessagesTemplateContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileSuccess, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrFileSuccess, "clr-file-success", never, {}, {}, never, ["*"], false, never>;
+}
+export declare class ClrFileError {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileError, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrFileError, "clr-file-error", never, {}, {}, never, ["*"], false, never>;
+}

package/forms/file-input/index.d.ts

@@ -1,5 +1,9 @@
 export * from './file-input';
 export * from './file-input-validator';
+export * from './file-input-validator-errors';
 export * from './file-input-value-accessor';
 export * from './file-input-container';
+export * from './file-list';
+export * from './file-messages-template';
+export * from './file-messages';
 export * from './file-input.module';

package/forms/forms.module.d.ts

@@ -12,8 +12,9 @@ import * as i10 from "./select/select.module";
 import * as i11 from "./textarea/textarea.module";
 import * as i12 from "./range/range.module";
 import * as i13 from "./datalist/datalist.module";
+import * as i14 from "./number-input/number-input.module";
 export declare class ClrFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrFormsModule, never, [typeof i1.CommonModule], [typeof i2.ClrCommonFormsModule, typeof i3.ClrCheckboxModule, typeof i4.ClrComboboxModule, typeof i5.ClrDatepickerModule, typeof i6.ClrFileInputModule, typeof i7.ClrInputModule, typeof i8.ClrPasswordModule, typeof i9.ClrRadioModule, typeof i10.ClrSelectModule, typeof i11.ClrTextareaModule, typeof i12.ClrRangeModule, typeof i13.ClrDatalistModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrFormsModule, never, [typeof i1.CommonModule], [typeof i2.ClrCommonFormsModule, typeof i3.ClrCheckboxModule, typeof i4.ClrComboboxModule, typeof i5.ClrDatepickerModule, typeof i6.ClrFileInputModule, typeof i7.ClrInputModule, typeof i8.ClrPasswordModule, typeof i9.ClrRadioModule, typeof i10.ClrSelectModule, typeof i11.ClrTextareaModule, typeof i12.ClrRangeModule, typeof i13.ClrDatalistModule, typeof i14.ClrNumberInputModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrFormsModule>;
 }

package/forms/index.d.ts

@@ -5,6 +5,7 @@ export * from './datalist/index';
 export * from './datepicker/index';
 export * from './file-input/index';
 export * from './input/index';
+export * from './number-input/index';
 export * from './password/index';
 export * from './radio/index';
 export * from './select/index';

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

@@ -2,5 +2,5 @@ import { ClrAbstractContainer } from '../common/abstract-container';
 import * as i0 from "@angular/core";
 export declare class ClrInputContainer extends ClrAbstractContainer {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrInputContainer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrInputContainer, "clr-input-container", never, {}, {}, never, ["label", "[clrInput]", "clr-control-helper", "clr-control-error", "clr-control-success"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrInputContainer, "clr-input-container", never, {}, {}, never, ["label", "[clrInputPrefix]", "[clrInput]", "[clrInputSuffix]", "clr-control-helper", "clr-control-error", "clr-control-success"], false, never>;
 }

package/forms/number-input/index.d.ts

@@ -0,0 +1,3 @@
+export * from './number-input';
+export * from './number-input-container';
+export * from './number-input.module';

package/forms/number-input/number-input-container.d.ts

@@ -0,0 +1,16 @@
+import { ClrAbstractContainer } from '../common/abstract-container';
+import { IfControlStateService } from '../common/if-control-state/if-control-state.service';
+import { ControlClassService } from '../common/providers/control-class.service';
+import { FocusService } from '../common/providers/focus.service';
+import { LayoutService } from '../common/providers/layout.service';
+import { NgControlService } from '../common/providers/ng-control.service';
+import { ClrNumberInput } from './number-input';
+import * as i0 from "@angular/core";
+export declare class ClrNumberInputContainer extends ClrAbstractContainer {
+    protected ifControlStateService: IfControlStateService;
+    focus: boolean;
+    protected readonly input: ClrNumberInput;
+    constructor(controlClassService: ControlClassService, layoutService: LayoutService, ngControlService: NgControlService, focusService: FocusService, ifControlStateService: IfControlStateService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrNumberInputContainer, [null, { optional: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrNumberInputContainer, "clr-number-input-container", never, {}, {}, ["input"], ["label", "[clrNumberInput]", "clr-control-helper", "clr-control-error", "clr-control-success"], false, never>;
+}

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

@@ -0,0 +1,20 @@
+import { ElementRef, Injector, Renderer2, ViewContainerRef } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { FocusService } from '../common/providers/focus.service';
+import { WrappedFormControl } from '../common/wrapped-control';
+import { ClrNumberInputContainer } from './number-input-container';
+import * as i0 from "@angular/core";
+export declare class ClrNumberInput extends WrappedFormControl<ClrNumberInputContainer> {
+    private focusService;
+    private control;
+    protected el: ElementRef<HTMLInputElement>;
+    protected index: number;
+    constructor(focusService: FocusService, vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLInputElement>);
+    get readonly(): boolean;
+    triggerFocus(): void;
+    triggerValidation(): void;
+    stepUp(): void;
+    stepDown(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrNumberInput, [{ optional: true; }, null, null, { optional: true; self: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrNumberInput, "input[type=\"number\"][clrNumberInput]", never, {}, {}, never, never, false, never>;
+}

package/forms/number-input/number-input.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./number-input";
+import * as i2 from "./number-input-container";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "../../icon/icon.module";
+import * as i6 from "../common/common.module";
+export declare class ClrNumberInputModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrNumberInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrNumberInputModule, [typeof i1.ClrNumberInput, typeof i2.ClrNumberInputContainer], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.ClrIconModule, typeof i6.ClrCommonFormsModule], [typeof i6.ClrCommonFormsModule, typeof i1.ClrNumberInput, typeof i2.ClrNumberInputContainer]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ClrNumberInputModule>;
+}

package/forms/radio/radio-wrapper.d.ts

@@ -1,9 +1,7 @@
 import { OnInit } from '@angular/core';
-import { DynamicWrapper } from '../../utils/host-wrapping/dynamic-wrapper';
 import { ClrLabel } from '../common/label';
 import * as i0 from "@angular/core";
-export declare class ClrRadioWrapper implements DynamicWrapper, OnInit {
-    _dynamic: boolean;
+export declare class ClrRadioWrapper implements OnInit {
     label: ClrLabel;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrRadioWrapper, never>;

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

@@ -9,6 +9,8 @@ export declare class ClrVerticalNav implements OnDestroy {
     private _navIconService;
     private _navGroupRegistrationService;
     commonStrings: ClrCommonStringsService;
+    toggleLabel: string;
+    contentId: string;
     private _collapsedChanged;
     private _sub;
     constructor(_navService: VerticalNavService, _navIconService: VerticalNavIconService, _navGroupRegistrationService: VerticalNavGroupRegistrationService, commonStrings: ClrCommonStringsService);
@@ -22,5 +24,5 @@ export declare class ClrVerticalNav implements OnDestroy {
     ngOnDestroy(): void;
     toggleByButton(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrVerticalNav, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrVerticalNav, "clr-vertical-nav", never, { "collapsible": "clrVerticalNavCollapsible"; "collapsed": "clrVerticalNavCollapsed"; }, { "_collapsedChanged": "clrVerticalNavCollapsedChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrVerticalNav, "clr-vertical-nav", never, { "toggleLabel": "clrVerticalNavToggleLabel"; "collapsible": "clrVerticalNavCollapsible"; "collapsed": "clrVerticalNavCollapsed"; }, { "_collapsedChanged": "clrVerticalNavCollapsedChange"; }, never, ["*"], false, never>;
 }

package/modal/index.d.ts

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

package/modal/modal-host.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ClrModalHostDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrModalHostDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrModalHostDirective, "[clrModalHost]", never, {}, {}, never, never, false, never>;
+}

package/modal/modal.d.ts

@@ -18,11 +18,12 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     closeButtonAriaLabel: string;
     size: string;
     staticBackdrop: boolean;
-    skipAnimation: string;
+    skipAnimation: boolean;
     stopClose: boolean;
     altClose: EventEmitter<boolean>;
     labelledBy: string;
     bypassScrollService: boolean;
+    private readonly bodyElementRef;
     constructor(_scrollingService: ScrollingService, commonStrings: ClrCommonStringsService, modalStackService: ModalStackService, configuration: ClrModalConfigurationService);
     get fadeMove(): string;
     set fadeMove(move: string);
@@ -35,6 +36,7 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     backdropClick(): void;
     close(): void;
     fadeDone(e: AnimationEvent): void;
+    scrollTop(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrModal, never>;
-    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>;
+    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", ".leading-button", ".modal-title", ".modal-body", ".modal-footer"], false, never>;
 }

package/modal/modal.module.d.ts

@@ -2,13 +2,14 @@ import { Type } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./modal";
 import * as i2 from "./modal-body";
-import * as i3 from "@angular/common";
-import * as i4 from "../utils/cdk/cdk-trap-focus.module";
-import * as i5 from "../icon/icon.module";
+import * as i3 from "./modal-host.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "../utils/cdk/cdk-trap-focus.module";
+import * as i6 from "../icon/icon.module";
 export declare const CLR_MODAL_DIRECTIVES: Type<any>[];
 export declare class ClrModalModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrModalModule, [typeof i1.ClrModal, typeof i2.ClrModalBody], [typeof i3.CommonModule, typeof i4.CdkTrapFocusModule, typeof i5.ClrIconModule], [typeof i1.ClrModal, typeof i2.ClrModalBody, typeof i5.ClrIconModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrModalModule, [typeof i1.ClrModal, typeof i2.ClrModalBody, typeof i3.ClrModalHostDirective], [typeof i4.CommonModule, typeof i5.CdkTrapFocusModule, typeof i6.ClrIconModule], [typeof i1.ClrModal, typeof i2.ClrModalBody, typeof i3.ClrModalHostDirective, typeof i6.ClrIconModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrModalModule>;
 }