@clr/angular 16.3.7 → 16.5.0

package/forms/combobox/options.d.ts

@@ -26,6 +26,7 @@ export declare class ClrOptions<T> implements AfterViewInit, LoadingListener, On
      * Tests if the list of options is empty, meaning it doesn't contain any items
      */
     get emptyOptions(): boolean;
+    get noResultsElementId(): string;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     searchText(input: string): string;

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/forms/radio/radio-container.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, QueryList } from '@angular/core';
+import { AfterContentInit, ElementRef, QueryList } from '@angular/core';
 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';
@@ -12,13 +12,17 @@ export declare class ClrRadioContainer extends ClrAbstractContainer implements A
     protected ngControlService: NgControlService;
     protected ifControlStateService: IfControlStateService;
     role: string;
+    ariaLabelledBy: string;
     radios: QueryList<ClrRadio>;
+    groupLabel: ElementRef<HTMLElement>;
     private inline;
+    private _generatedId;
     constructor(layoutService: LayoutService, controlClassService: ControlClassService, ngControlService: NgControlService, ifControlStateService: IfControlStateService);
     get clrInline(): boolean | string;
     set clrInline(value: boolean | string);
     ngAfterContentInit(): void;
     private setAriaRoles;
+    private setAriaLabelledBy;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrRadioContainer, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrRadioContainer, "clr-radio-container", never, { "clrInline": "clrInline"; }, {}, ["radios"], ["label", "clr-radio-wrapper", "clr-control-helper", "clr-control-error", "clr-control-success"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrRadioContainer, "clr-radio-container", never, { "clrInline": "clrInline"; }, {}, ["groupLabel", "radios"], ["label", "clr-radio-wrapper", "clr-control-helper", "clr-control-error", "clr-control-success"], false, never>;
 }

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

@@ -5,7 +5,7 @@ import { TabsService } from './providers/tabs.service';
 import * as i0 from "@angular/core";
 export declare class ClrTabLink {
     ifActiveService: IfActiveService;
-    private id;
+    readonly id: number;
     el: ElementRef;
     private cfr;
     private viewContainerRef;

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>;
@@ -20,7 +22,10 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     altClose: EventEmitter<boolean>;
     labelledBy: string;
     bypassScrollService: boolean;
-    constructor(_scrollingService: ScrollingService, commonStrings: ClrCommonStringsService, modalStackService: ModalStackService);
+    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;

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

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

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

@@ -256,4 +256,10 @@ export interface ClrCommonStrings {
      * Datagrid footer; sr-only text after the number of selected rows.
      */
     selectedRows: string;
+    stepComplete: string;
+    stepError: string;
+    browse: string;
+    fileCount: string;
+    clearFile: string;
+    clearFiles: string;
 }