@clr/angular 17.4.0 → 17.6.0

package/forms/common/abstract-container.d.ts

@@ -35,6 +35,8 @@ export declare abstract class ClrAbstractContainer implements DynamicWrapper, On
     get showHelper(): boolean;
     get showValid(): boolean;
     get showInvalid(): boolean;
+    protected get successMessagePresent(): boolean;
+    protected get errorMessagePresent(): boolean;
     private get touched();
     ngAfterContentInit(): void;
     ngOnDestroy(): void;

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

@@ -1,4 +1,3 @@
-import { OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
 import { NgControlService } from '../providers/ng-control.service';
 import * as i0 from "@angular/core";
@@ -7,14 +6,12 @@ export declare enum CONTROL_STATE {
     VALID = "VALID",
     INVALID = "INVALID"
 }
-export declare class IfControlStateService implements OnDestroy {
-    private subscriptions;
-    private control;
-    private _statusChanges;
+export declare class IfControlStateService {
+    readonly statusChanges: Observable<CONTROL_STATE>;
+    private readonly triggerStatusChangeSubject;
     constructor(ngControlService: NgControlService);
-    get statusChanges(): Observable<CONTROL_STATE>;
-    ngOnDestroy(): void;
     triggerStatusChange(): void;
+    private getStatusChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<IfControlStateService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IfControlStateService>;
 }

package/forms/common/label.d.ts

@@ -9,7 +9,10 @@ export declare class ClrLabel implements OnInit, OnDestroy {
     private ngControlService;
     private renderer;
     private el;
+    idInput: string;
+    idAttr: string;
     forAttr: string;
+    private signpost;
     private enableGrid;
     private subscriptions;
     constructor(controlIdService: ControlIdService, layoutService: LayoutService, ngControlService: NgControlService, renderer: Renderer2, el: ElementRef<HTMLLabelElement>);
@@ -17,6 +20,13 @@ export declare class ClrLabel implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     disableGrid(): void;
+    /**
+     * Allowing signposts inside labels to work without disabling default behavior. <label> is spreading a click event to its children so signposts get
+     * automatically closed once clicked inside a <label>.
+     * @param event
+     */
+    private onClick;
+    private preventDefaultOnSignpostTarget;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrLabel, [{ optional: true; }, { optional: true; }, { optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrLabel, "label", never, { "forAttr": "for"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrLabel, "label", never, { "idInput": "id"; "forAttr": "for"; }, {}, ["signpost"], never, false, never>;
 }

package/forms/common/providers/ng-control.service.d.ts

@@ -8,8 +8,10 @@ export interface Helpers {
     showHelper?: boolean;
 }
 export declare class NgControlService {
+    private _control;
     private _controlChanges;
     private _helpers;
+    get control(): NgControl;
     get controlChanges(): Observable<NgControl>;
     get helpersChange(): Observable<Helpers>;
     setControl(control: NgControl): void;

package/forms/datepicker/calendar.d.ts

@@ -1,8 +1,10 @@
 import { ElementRef, OnDestroy } from '@angular/core';
+import { ClrPopoverToggleService } from '../../utils/popover/providers/popover-toggle.service';
 import { ClrDayOfWeek } from './interfaces/day-of-week.interface';
 import { CalendarViewModel } from './model/calendar-view.model';
 import { CalendarModel } from './model/calendar.model';
 import { DayModel } from './model/day.model';
+import { DateFormControlService } from './providers/date-form-control.service';
 import { DateIOService } from './providers/date-io.service';
 import { DateNavigationService } from './providers/date-navigation.service';
 import { DatepickerFocusService } from './providers/datepicker-focus.service';
@@ -14,12 +16,14 @@ export declare class ClrCalendar implements OnDestroy {
     private _datepickerFocusService;
     private _dateIOService;
     private _elRef;
+    private _dateFormControlService;
+    private _toggleService;
     /**
      * Calendar View Model to generate the Calendar.
      */
     calendarViewModel: CalendarViewModel;
     private _subs;
-    constructor(_localeHelperService: LocaleHelperService, _dateNavigationService: DateNavigationService, _datepickerFocusService: DatepickerFocusService, _dateIOService: DateIOService, _elRef: ElementRef<HTMLElement>);
+    constructor(_localeHelperService: LocaleHelperService, _dateNavigationService: DateNavigationService, _datepickerFocusService: DatepickerFocusService, _dateIOService: DateIOService, _elRef: ElementRef<HTMLElement>, _dateFormControlService: DateFormControlService, _toggleService: ClrPopoverToggleService);
     /**
      * Gets the locale days according to the TranslationWidth.Narrow format.
      */
@@ -40,6 +44,7 @@ export declare class ClrCalendar implements OnDestroy {
      * Delegates Keyboard arrow navigation to the DateNavigationService.
      */
     onKeyDown(event: KeyboardEvent): void;
+    setSelectedDay(day: DayModel): void;
     /**
      * Initialize subscriptions to:
      * 1. update the calendar view model.

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

@@ -31,6 +31,7 @@ export declare class ClrDateContainer extends ClrAbstractContainer implements Af
     focus: boolean;
     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 showActionButtons(flag: boolean);
     set clrPosition(position: string);
     set actionButton(button: ElementRef<HTMLButtonElement>);
     get popoverPosition(): ClrPopoverPosition;
@@ -55,5 +56,5 @@ export declare class ClrDateContainer extends ClrAbstractContainer implements Af
      */
     private initializeCalendar;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDateContainer, [null, null, null, null, null, null, null, null, null, null, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDateContainer, "clr-date-container", never, { "clrPosition": "clrPosition"; }, {}, never, ["label", "[clrDate]", "clr-control-helper", "clr-control-error", "clr-control-success"], false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDateContainer, "clr-date-container", never, { "showActionButtons": "showActionButtons"; "clrPosition": "clrPosition"; }, {}, never, ["label", "[clrDate]", "clr-control-helper", "clr-control-error", "clr-control-success"], false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
 }

package/forms/datepicker/datepicker-action-buttons.d.ts

@@ -0,0 +1,16 @@
+import { ClrCommonStringsService } from '../../utils/i18n/common-strings.service';
+import { ClrPopoverToggleService } from '../../utils/popover/providers/popover-toggle.service';
+import { DateFormControlService } from './providers/date-form-control.service';
+import { DateNavigationService } from './providers/date-navigation.service';
+import * as i0 from "@angular/core";
+export declare class ClrDatepickerActions {
+    protected commonStrings: ClrCommonStringsService;
+    private toggleService;
+    private dateNavigationService;
+    private dateFormControlService;
+    constructor(commonStrings: ClrCommonStringsService, toggleService: ClrPopoverToggleService, dateNavigationService: DateNavigationService, dateFormControlService: DateFormControlService);
+    protected apply(): void;
+    protected cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatepickerActions, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatepickerActions, "clr-datepicker-actions", never, {}, {}, never, never, false, never>;
+}

package/forms/datepicker/datepicker-view-manager.d.ts

@@ -1,10 +1,12 @@
 import { ClrCommonStringsService } from '../../utils/i18n/common-strings.service';
+import { DateNavigationService } from './providers/date-navigation.service';
 import { ViewManagerService } from './providers/view-manager.service';
 import * as i0 from "@angular/core";
 export declare class ClrDatepickerViewManager {
     commonStrings: ClrCommonStringsService;
     private viewManagerService;
-    constructor(commonStrings: ClrCommonStringsService, viewManagerService: ViewManagerService);
+    private dateNavigationService;
+    constructor(commonStrings: ClrCommonStringsService, viewManagerService: ViewManagerService, dateNavigationService: DateNavigationService);
     /**
      * Returns if the current view is the monthpicker.
      */
@@ -17,6 +19,7 @@ export declare class ClrDatepickerViewManager {
      * Returns if the current view is the daypicker.
      */
     get isDayView(): boolean;
+    protected get hasActionButtons(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatepickerViewManager, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatepickerViewManager, "clr-datepicker-view-manager", never, {}, {}, never, never, false, never>;
 }

package/forms/datepicker/datepicker.module.d.ts

@@ -9,17 +9,18 @@ import * as i6 from "./monthpicker";
 import * as i7 from "./yearpicker";
 import * as i8 from "./daypicker";
 import * as i9 from "./calendar";
-import * as i10 from "@angular/common";
-import * as i11 from "../../utils/cdk/cdk-trap-focus.module";
-import * as i12 from "../../utils/host-wrapping/host-wrapping.module";
-import * as i13 from "../../utils/conditional/conditional.module";
-import * as i14 from "../../utils/popover/popover.module";
-import * as i15 from "../../icon/icon.module";
-import * as i16 from "../common/common.module";
+import * as i10 from "./datepicker-action-buttons";
+import * as i11 from "@angular/common";
+import * as i12 from "../../utils/cdk/cdk-trap-focus.module";
+import * as i13 from "../../utils/host-wrapping/host-wrapping.module";
+import * as i14 from "../../utils/conditional/conditional.module";
+import * as i15 from "../../utils/popover/popover.module";
+import * as i16 from "../../icon/icon.module";
+import * as i17 from "../common/common.module";
 export declare const CLR_DATEPICKER_DIRECTIVES: Type<any>[];
 export declare class ClrDatepickerModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrDatepickerModule, [typeof i1.ClrDay, typeof i2.ClrDateContainer, typeof i3.ClrDateInput, typeof i4.ClrDateInputValidator, typeof i5.ClrDatepickerViewManager, typeof i6.ClrMonthpicker, typeof i7.ClrYearpicker, typeof i8.ClrDaypicker, typeof i9.ClrCalendar], [typeof i10.CommonModule, typeof i11.CdkTrapFocusModule, typeof i12.ClrHostWrappingModule, typeof i13.ClrConditionalModule, typeof i14.ClrPopoverModuleNext, typeof i15.ClrIconModule, typeof i16.ClrCommonFormsModule], [typeof i1.ClrDay, typeof i2.ClrDateContainer, typeof i3.ClrDateInput, typeof i4.ClrDateInputValidator, typeof i5.ClrDatepickerViewManager, typeof i6.ClrMonthpicker, typeof i7.ClrYearpicker, typeof i8.ClrDaypicker, typeof i9.ClrCalendar]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrDatepickerModule, [typeof i1.ClrDay, typeof i2.ClrDateContainer, typeof i3.ClrDateInput, typeof i4.ClrDateInputValidator, typeof i5.ClrDatepickerViewManager, typeof i6.ClrMonthpicker, typeof i7.ClrYearpicker, typeof i8.ClrDaypicker, typeof i9.ClrCalendar, typeof i10.ClrDatepickerActions], [typeof i11.CommonModule, typeof i12.CdkTrapFocusModule, typeof i13.ClrHostWrappingModule, typeof i14.ClrConditionalModule, typeof i15.ClrPopoverModuleNext, typeof i16.ClrIconModule, typeof i17.ClrCommonFormsModule], [typeof i1.ClrDay, typeof i2.ClrDateContainer, typeof i3.ClrDateInput, typeof i4.ClrDateInputValidator, typeof i5.ClrDatepickerViewManager, typeof i6.ClrMonthpicker, typeof i7.ClrYearpicker, typeof i8.ClrDaypicker, typeof i9.ClrCalendar, typeof i10.ClrDatepickerActions]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrDatepickerModule>;
 }

package/forms/datepicker/day.d.ts

@@ -1,16 +1,15 @@
+import { EventEmitter } from '@angular/core';
 import { ClrCommonStringsService } from '../../utils/i18n/common-strings.service';
-import { ClrPopoverToggleService } from '../../utils/popover/providers/popover-toggle.service';
 import { DayViewModel } from './model/day-view.model';
-import { DateFormControlService } from './providers/date-form-control.service';
+import { DayModel } from './model/day.model';
 import { DateNavigationService } from './providers/date-navigation.service';
 import * as i0 from "@angular/core";
 export declare class ClrDay {
     private _dateNavigationService;
-    private _toggleService;
-    private dateFormControlService;
     private commonStrings;
+    onSelectDay: EventEmitter<DayModel>;
     private _dayView;
-    constructor(_dateNavigationService: DateNavigationService, _toggleService: ClrPopoverToggleService, dateFormControlService: DateFormControlService, commonStrings: ClrCommonStringsService);
+    constructor(_dateNavigationService: DateNavigationService, commonStrings: ClrCommonStringsService);
     /**
      * DayViewModel input which is used to build the Day View.
      */
@@ -26,5 +25,5 @@ export declare class ClrDay {
      */
     selectDay(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDay, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDay, "clr-day", never, { "dayView": "clrDayView"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDay, "clr-day", never, { "dayView": "clrDayView"; }, { "onSelectDay": "selectDay"; }, never, never, false, never>;
 }

package/forms/datepicker/index.d.ts

@@ -7,4 +7,5 @@ export * from './monthpicker';
 export * from './yearpicker';
 export * from './calendar';
 export * from './day';
+export * from './datepicker-action-buttons';
 export * from './datepicker.module';

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

@@ -20,6 +20,10 @@ export declare class CalendarViewModel {
      * Updates the focusable day in the calendar.
      */
     updateFocusableDay(day: DayModel): void;
+    /**
+     * Updates the selected day in the calendar
+     */
+    updateSelectedDay(day: DayModel | undefined): void;
     /**
      * Generates a 6x7 matrix of DayViewModel based on the Calendar.
      * The 6x7 matrix is structured according to the first day of the week.
@@ -61,4 +65,5 @@ export declare class CalendarViewModel {
      */
     private initializeFocusableDay;
     private setFocusableFlag;
+    private setSelectedDay;
 }

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

@@ -9,8 +9,10 @@ import * as i0 from "@angular/core";
  * 3. Managing the focused and selected day models.
  */
 export declare class DateNavigationService {
+    persistedDate: DayModel;
     selectedDay: DayModel;
     focusedDay: DayModel;
+    hasActionButtons: boolean;
     private _displayedCalendar;
     private _todaysFullDate;
     private _today;
@@ -35,9 +37,10 @@ export declare class DateNavigationService {
     get focusedDayChange(): Observable<DayModel>;
     /**
      * 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(dayModel: DayModel, { emitEvent }?: {
+        emitEvent: boolean;
+    }): void;
     /**
      * Initializes the calendar based on the selected day.
      */
@@ -57,6 +60,7 @@ export declare class DateNavigationService {
      */
     moveToCurrentMonth(): void;
     incrementFocusDay(value: number): void;
+    resetSelectedDay(): void;
     private setDisplayedCalendar;
     private initializeTodaysDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateNavigationService, never>;

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/layout/breadcrumbs/breadcrumb-item.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ClrBreadcrumbItem {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrBreadcrumbItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrBreadcrumbItem, "clr-breadcrumb-item", never, {}, {}, never, ["*"], false, never>;
+}

package/layout/breadcrumbs/breadcrumbs.constants.d.ts

@@ -0,0 +1 @@
+export declare const MAX_DISPLAY_ITEMS = 3;

package/layout/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import { ClrCommonStringsService } from '../../utils/i18n/common-strings.service';
+import { BreadcrumbItem } from './model/breadcrumbs.model';
+import * as i0 from "@angular/core";
+export declare class ClrBreadcrumbs {
+    protected commonStrings: ClrCommonStringsService;
+    isExpanded: boolean;
+    items: BreadcrumbItem[];
+    clrBreadcrumbItemClick: EventEmitter<BreadcrumbItem>;
+    protected limit: number;
+    protected max: number;
+    constructor(commonStrings: ClrCommonStringsService);
+    protected expand(): void;
+    protected handleItemClick(breadcrumb: BreadcrumbItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrBreadcrumbs, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrBreadcrumbs, "clr-breadcrumbs", never, { "items": "items"; }, { "clrBreadcrumbItemClick": "clrBreadcrumbItemClick"; }, never, never, false, never>;
+}

package/layout/breadcrumbs/breadcrumbs.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./breadcrumbs";
+import * as i2 from "./breadcrumb-item";
+import * as i3 from "@angular/common";
+import * as i4 from "../../icon/icon.module";
+import * as i5 from "../../utils/host-wrapping/host-wrapping.module";
+import * as i6 from "@angular/router";
+export declare class ClrBreadcrumbsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrBreadcrumbsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrBreadcrumbsModule, [typeof i1.ClrBreadcrumbs, typeof i2.ClrBreadcrumbItem], [typeof i3.CommonModule, typeof i4.ClrIconModule, typeof i5.ClrHostWrappingModule, typeof i6.RouterModule], [typeof i1.ClrBreadcrumbs]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ClrBreadcrumbsModule>;
+}

package/layout/breadcrumbs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './breadcrumbs';
+export * from './breadcrumb-item';
+export * from './breadcrumbs.module';

package/layout/breadcrumbs/model/breadcrumbs.model.d.ts

@@ -0,0 +1,9 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    routerLink?: string;
+    queryParams?: {
+        [key: string]: string;
+    };
+    target?: string;
+}

package/layout/index.d.ts

@@ -3,3 +3,4 @@ export * from './main-container/index';
 export * from './nav/index';
 export * from './tabs/index';
 export * from './vertical-nav/index';
+export * from './breadcrumbs/index';

package/layout/layout.module.d.ts

@@ -3,8 +3,9 @@ import * as i1 from "./main-container/main-container.module";
 import * as i2 from "./nav/navigation.module";
 import * as i3 from "./tabs/tabs.module";
 import * as i4 from "./vertical-nav/vertical-nav.module";
+import * as i5 from "./breadcrumbs/breadcrumbs.module";
 export declare class ClrLayoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrLayoutModule, never, never, [typeof i1.ClrMainContainerModule, typeof i2.ClrNavigationModule, typeof i3.ClrTabsModule, typeof i4.ClrVerticalNavModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrLayoutModule, never, never, [typeof i1.ClrMainContainerModule, typeof i2.ClrNavigationModule, typeof i3.ClrTabsModule, typeof i4.ClrVerticalNavModule, typeof i5.ClrBreadcrumbsModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrLayoutModule>;
 }