@clr/angular 17.1.0 → 17.2.1

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

@@ -0,0 +1,16 @@
+import { ClrCommonStringsService } from '../../utils/i18n/common-strings.service';
+import { ClrAbstractContainer } from '../common/abstract-container';
+import { ClrFileInput } from './file-input';
+import * as i0 from "@angular/core";
+export declare class ClrFileInputContainer extends ClrAbstractContainer {
+    customButtonLabel: string;
+    protected readonly commonStrings: ClrCommonStringsService;
+    protected readonly fileInput: ClrFileInput;
+    private browseButtonElementRef;
+    protected get disabled(): boolean;
+    protected get browseButtonDescribedBy(): string;
+    protected browse(): void;
+    protected clearSelectedFiles(): 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>;
+}

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

@@ -0,0 +1,12 @@
+import { ElementRef } from '@angular/core';
+import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class ClrFileInputValidator implements Validator {
+    private readonly elementRef;
+    minFileSize: number;
+    maxFileSize: number;
+    constructor(elementRef: ElementRef<HTMLInputElement>);
+    validate(control: AbstractControl<FileList>): ValidationErrors;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileInputValidator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrFileInputValidator, "input[type=\"file\"][clrFileInput]", never, { "minFileSize": "clrMinFileSize"; "maxFileSize": "clrMaxFileSize"; }, {}, never, never, false, never>;
+}

package/forms/file-input/file-input-value-accessor.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class ClrFileInputValueAccessor implements ControlValueAccessor {
+    private readonly elementRef;
+    constructor(elementRef: ElementRef<HTMLInputElement>);
+    writeValue(value: FileList): void;
+    registerOnChange(fn: (value: FileList) => void): void;
+    registerOnTouched(fn: () => void): void;
+    private handleChange;
+    private onChange;
+    private onTouched;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileInputValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrFileInputValueAccessor, "input[type=\"file\"][clrFileInput]", never, {}, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,21 @@
+import { ElementRef, Injector, Renderer2, ViewContainerRef } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { ClrCommonStringsService } from '../../utils';
+import { WrappedFormControl } from '../common/wrapped-control';
+import { ClrFileInputContainer } from './file-input-container';
+import * as i0 from "@angular/core";
+export interface ClrFileInputSelection {
+    fileCount: number;
+    buttonLabel: string;
+    clearFilesButtonLabel: string;
+}
+export declare class ClrFileInput extends WrappedFormControl<ClrFileInputContainer> {
+    readonly elementRef: ElementRef<HTMLInputElement>;
+    private readonly commonStrings;
+    selection: ClrFileInputSelection;
+    constructor(injector: Injector, renderer: Renderer2, viewContainerRef: ViewContainerRef, elementRef: ElementRef<HTMLInputElement>, control: NgControl, commonStrings: ClrCommonStringsService);
+    private handleChange;
+    private updateSelection;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileInput, [null, null, null, null, { optional: true; self: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrFileInput, "input[type=\"file\"][clrFileInput]", never, {}, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,3 @@
+export declare function buildFileList(files: File[]): FileList;
+export declare function selectFiles(fileInputElement: HTMLInputElement, files: File[] | FileList): void;
+export declare function clearFiles(fileInputElement: HTMLInputElement): void;

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+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";
+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 ɵinj: i0.ɵɵInjectorDeclaration<ClrFileInputModule>;
+}

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

@@ -0,0 +1,5 @@
+export * from './file-input';
+export * from './file-input-validator';
+export * from './file-input-value-accessor';
+export * from './file-input-container';
+export * from './file-input.module';

package/forms/forms.module.d.ts

@@ -4,15 +4,16 @@ import * as i2 from "./common/common.module";
 import * as i3 from "./checkbox/checkbox.module";
 import * as i4 from "./combobox/combobox.module";
 import * as i5 from "./datepicker/datepicker.module";
-import * as i6 from "./input/input.module";
-import * as i7 from "./password/password.module";
-import * as i8 from "./radio/radio.module";
-import * as i9 from "./select/select.module";
-import * as i10 from "./textarea/textarea.module";
-import * as i11 from "./range/range.module";
-import * as i12 from "./datalist/datalist.module";
+import * as i6 from "./file-input/file-input.module";
+import * as i7 from "./input/input.module";
+import * as i8 from "./password/password.module";
+import * as i9 from "./radio/radio.module";
+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";
 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.ClrInputModule, typeof i7.ClrPasswordModule, typeof i8.ClrRadioModule, typeof i9.ClrSelectModule, typeof i10.ClrTextareaModule, typeof i11.ClrRangeModule, typeof i12.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]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrFormsModule>;
 }

package/forms/index.d.ts

@@ -3,6 +3,7 @@ export * from './checkbox/index';
 export * from './combobox/index';
 export * from './datalist/index';
 export * from './datepicker/index';
+export * from './file-input/index';
 export * from './input/index';
 export * from './password/index';
 export * from './radio/index';

package/modal/index.d.ts

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

package/modal/modal-configuration.service.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ClrModalConfigurationService {
+    fadeMove: string;
+    backdrop: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrModalConfigurationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ClrModalConfigurationService>;
+}

package/modal/modal.d.ts

@@ -2,12 +2,14 @@ import { AnimationEvent } from '@angular/animations';
 import { 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';
 import { ModalStackService } from './modal-stack.service';
 import * as i0 from "@angular/core";
 export declare class ClrModal implements OnChanges, OnDestroy {
     private _scrollingService;
     commonStrings: ClrCommonStringsService;
     private modalStackService;
+    private configuration;
     modalId: string;
     _open: boolean;
     _openChanged: EventEmitter<boolean>;
@@ -19,7 +21,11 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     stopClose: boolean;
     altClose: EventEmitter<boolean>;
     labelledBy: string;
-    constructor(_scrollingService: ScrollingService, commonStrings: ClrCommonStringsService, modalStackService: ModalStackService);
+    bypassScrollService: boolean;
+    constructor(_scrollingService: ScrollingService, commonStrings: ClrCommonStringsService, modalStackService: ModalStackService, configuration: ClrModalConfigurationService);
+    get fadeMove(): string;
+    set fadeMove(move: string);
+    get backdrop(): boolean;
     ngOnChanges(changes: {
         [propName: string]: SimpleChange;
     }): void;
@@ -28,5 +34,5 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     close(): void;
     fadeDone(e: AnimationEvent): 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"; }, { "_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", ".modal-title", ".modal-body", ".modal-footer"], false, never>;
 }

package/modal/side-panel.d.ts

@@ -0,0 +1,26 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ClrModalConfigurationService } from './modal-configuration.service';
+import * as i0 from "@angular/core";
+export declare class ClrSidePanel implements OnInit {
+    private element;
+    private configuration;
+    _open: boolean;
+    openChange: EventEmitter<boolean>;
+    closeButtonAriaLabel: string | undefined;
+    size: string;
+    skipAnimation: string;
+    labelledById: string;
+    staticBackdrop: boolean;
+    preventClose: boolean;
+    altClose: EventEmitter<boolean>;
+    private modal;
+    constructor(element: ElementRef, configuration: ClrModalConfigurationService);
+    get clrSidePanelBackdrop(): boolean;
+    set clrSidePanelBackdrop(backdrop: boolean);
+    ngOnInit(): void;
+    open(): void;
+    close(): void;
+    private documentClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrSidePanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrSidePanel, "clr-side-panel", never, { "_open": "clrSidePanelOpen"; "closeButtonAriaLabel": "clrSidePanelCloseButtonAriaLabel"; "size": "clrSidePanelSize"; "skipAnimation": "clrSidePanelSkipAnimation"; "labelledById": "clrSidePanelLabelledById"; "staticBackdrop": "clrSidePanelStaticBackdrop"; "preventClose": "clrSidePanelPreventClose"; "clrSidePanelBackdrop": "clrSidePanelBackdrop"; }, { "openChange": "clrSidePanelOpenChange"; "altClose": "clrSidePanelAlternateClose"; }, never, [".side-panel-title", ".side-panel-body", ".side-panel-footer"], false, never>;
+}

package/modal/side-panel.module.d.ts

@@ -0,0 +1,13 @@
+import { Type } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./side-panel";
+import * as i2 from "@angular/common";
+import * as i3 from "../utils/cdk/cdk-trap-focus.module";
+import * as i4 from "../icon/icon.module";
+import * as i5 from "./modal.module";
+export declare const CLR_SIDEPANEL_DIRECTIVES: Type<any>[];
+export declare class ClrSidePanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrSidePanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrSidePanelModule, [typeof i1.ClrSidePanel], [typeof i2.CommonModule, typeof i3.CdkTrapFocusModule, typeof i4.ClrIconModule, typeof i5.ClrModalModule], [typeof i1.ClrSidePanel, typeof i4.ClrIconModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ClrSidePanelModule>;
+}

package/package.json

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

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

@@ -1,3 +1,4 @@
+import { AnimationEvent } from '@angular/animations';
 import { ElementRef, Renderer2 } from '@angular/core';
 import { DomAdapter } from '../../dom-adapter/dom-adapter';
 import * as i0 from "@angular/core";
@@ -5,17 +6,17 @@ export declare class ClrExpandableAnimation {
     private element;
     private domAdapter;
     private renderer;
-    clrExpandTrigger: any;
+    clrExpandTrigger: boolean;
     startHeight: number;
     constructor(element: ElementRef, domAdapter: DomAdapter, renderer: Renderer2);
     get expandAnimation(): {
-        value: any;
+        value: boolean;
         params: {
             startHeight: number;
         };
     };
-    animationStart(): void;
-    animationDone(): void;
+    animationStart(event: AnimationEvent): void;
+    animationDone(event: AnimationEvent): void;
     updateStartHeight(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrExpandableAnimation, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrExpandableAnimation, "clr-expandable-animation", never, { "clrExpandTrigger": "clrExpandTrigger"; }, {}, never, ["*"], false, never>;

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

@@ -266,4 +266,8 @@ export interface ClrCommonStrings {
     selectedRows: string;
     stepComplete: string;
     stepError: string;
+    browse: string;
+    fileCount: string;
+    clearFile: string;
+    clearFiles: string;
 }

package/wizard/wizard.d.ts

@@ -15,6 +15,7 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     pageCollection: PageCollectionService;
     buttonService: ButtonHubService;
     headerActionService: HeaderActionService;
+    private elementRef;
     /**
      * Set the aria-label for the stepnav section of the wizard. Set using `[clrWizardStepnavAriaLabel]` input.
      */
@@ -28,6 +29,12 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
      * in the top right corner. Set using `[clrWizardClosable]` input.
      */
     closable: boolean;
+    /**
+     * Used to communicate to the underlying modal that animations are not
+     * wanted. Primary use is for the display of static/inline wizards.
+     * Set using `[clrWizardPreventModalAnimation]` input.
+     */
+    _stopModalAnimations: boolean;
     /**
      * Emits when the wizard is opened or closed.
      * Listen via `(clrWizardOpenChange)` event.
@@ -78,7 +85,7 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     private _disableStepnav;
     private differ;
     private subscriptions;
-    constructor(platformId: any, commonStrings: ClrCommonStringsService, navService: WizardNavigationService, pageCollection: PageCollectionService, buttonService: ButtonHubService, headerActionService: HeaderActionService, differs: IterableDiffers);
+    constructor(platformId: any, commonStrings: ClrCommonStringsService, navService: WizardNavigationService, pageCollection: PageCollectionService, buttonService: ButtonHubService, headerActionService: HeaderActionService, elementRef: ElementRef<HTMLElement>, differs: IterableDiffers);
     /**
      * Resets page completed states when navigating backwards.
      * Set using `[clrWizardForceForwardNavigation]` input.
@@ -131,6 +138,8 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     set currentPage(page: ClrWizardPage);
     get isLast(): boolean;
     get isFirst(): boolean;
+    get isInline(): boolean;
+    get stopModalAnimations(): string;
     ngAfterContentInit(): void;
     ngDoCheck(): void;
     ngOnDestroy(): void;
@@ -229,7 +238,8 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     private listenForFinishedChanges;
     private listenForPageChanges;
     private updateNavOnPageChanges;
+    private initializeButtons;
     private emitWizardFinished;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizard, "clr-wizard", never, { "stepnavAriaLabel": "clrWizardStepnavAriaLabel"; "size": "clrWizardSize"; "closable": "clrWizardClosable"; "forceForward": "clrWizardForceForwardNavigation"; "clrWizardOpen": "clrWizardOpen"; "stopNext": "clrWizardPreventDefaultNext"; "stopCancel": "clrWizardPreventDefaultCancel"; "stopNavigation": "clrWizardPreventNavigation"; "disableStepnav": "clrWizardDisableStepnav"; }, { "_openChanged": "clrWizardOpenChange"; "onCancel": "clrWizardOnCancel"; "wizardFinished": "clrWizardOnFinish"; "onReset": "clrWizardOnReset"; "currentPageChanged": "clrWizardCurrentPageChanged"; "onMoveNext": "clrWizardOnNext"; "onMovePrevious": "clrWizardOnPrevious"; }, ["wizardTitle", "pages", "headerActions"], ["clr-wizard-title", "clr-wizard-header-action", "*", "clr-wizard-button"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizard, "clr-wizard", never, { "stepnavAriaLabel": "clrWizardStepnavAriaLabel"; "size": "clrWizardSize"; "closable": "clrWizardClosable"; "_stopModalAnimations": "clrWizardPreventModalAnimation"; "forceForward": "clrWizardForceForwardNavigation"; "clrWizardOpen": "clrWizardOpen"; "stopNext": "clrWizardPreventDefaultNext"; "stopCancel": "clrWizardPreventDefaultCancel"; "stopNavigation": "clrWizardPreventNavigation"; "disableStepnav": "clrWizardDisableStepnav"; }, { "_openChanged": "clrWizardOpenChange"; "onCancel": "clrWizardOnCancel"; "wizardFinished": "clrWizardOnFinish"; "onReset": "clrWizardOnReset"; "currentPageChanged": "clrWizardCurrentPageChanged"; "onMoveNext": "clrWizardOnNext"; "onMovePrevious": "clrWizardOnPrevious"; }, ["wizardTitle", "pages", "headerActions"], ["clr-wizard-title", "clr-wizard-header-action", "*", "clr-wizard-button"], false, never>;
 }