@clr/angular 17.0.1 → 17.1.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/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/package.json

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

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

@@ -1,18 +1,20 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, Renderer2 } from '@angular/core';
 import { DomAdapter } from '../../dom-adapter/dom-adapter';
 import * as i0 from "@angular/core";
 export declare class ClrExpandableAnimation {
     private element;
     private domAdapter;
+    private renderer;
     clrExpandTrigger: any;
     startHeight: number;
-    constructor(element: ElementRef, domAdapter: DomAdapter);
+    constructor(element: ElementRef, domAdapter: DomAdapter, renderer: Renderer2);
     get expandAnimation(): {
         value: any;
         params: {
             startHeight: number;
         };
     };
+    animationStart(): void;
     animationDone(): void;
     updateStartHeight(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrExpandableAnimation, never>;

package/utils/cdk/cdk-drag.module.d.ts

@@ -1,10 +1,18 @@
-import { CdkDrag } from '@angular/cdk/drag-drop';
+import { Directionality } from '@angular/cdk/bidi';
+import { CdkDrag, DragDrop, DragDropConfig } from '@angular/cdk/drag-drop';
+import { ChangeDetectorRef, ElementRef, NgZone, ViewContainerRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * This is just a copy of CdkDrag so it can be used independent of the rest of the CdkDragDropModule.
  */
 export declare class CdkDragModule_CdkDrag extends CdkDrag {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CdkDragModule_CdkDrag, never>;
+    /**
+     * Include the constructor to forward all the dependencies to the base class
+     * as a workaround to fix Angular "ɵɵinvalidFactoryDep" error after upgrading storybook
+     * https://github.com/storybookjs/storybook/issues/23534
+     */
+    constructor(elementRef: ElementRef, dropContainer: any, document: any, ngZone: NgZone, viewContainerRef: ViewContainerRef, config: DragDropConfig, dir: Directionality, dragDrop: DragDrop, changeDetectorRef: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkDragModule_CdkDrag, [null, { optional: true; }, { optional: true; }, null, null, { optional: true; }, null, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkDragModule_CdkDrag, "[cdkDrag]", never, {}, {}, never, never, false, never>;
 }
 /**

package/utils/cdk/cdk-trap-focus.module.d.ts

@@ -1,10 +1,17 @@
-import { CdkTrapFocus } from '@angular/cdk/a11y';
+import { CdkTrapFocus, FocusTrapFactory } from '@angular/cdk/a11y';
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * This is just a copy of CdkTrapFocus so it can be used independent of the rest of the A11yModule.
  */
 export declare class CdkTrapFocusModule_CdkTrapFocus extends CdkTrapFocus {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CdkTrapFocusModule_CdkTrapFocus, never>;
+    /**
+     * Include the constructor to forward all the dependencies to the base class
+     * as a workaround to fix Angular "ɵɵinvalidFactoryDep" error after upgrading storybook
+     * https://github.com/storybookjs/storybook/issues/23534
+     */
+    constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, document: any);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkTrapFocusModule_CdkTrapFocus, [null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTrapFocusModule_CdkTrapFocus, "[cdkTrapFocus]", never, {}, {}, never, never, false, never>;
 }
 /**

package/utils/focus/focus-trap/standalone-cdk-trap-focus.directive.d.ts

@@ -1,6 +1,13 @@
-import { CdkTrapFocus } from '@angular/cdk/a11y';
+import { CdkTrapFocus, FocusTrapFactory } from '@angular/cdk/a11y';
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ClrStandaloneCdkTrapFocus extends CdkTrapFocus {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrStandaloneCdkTrapFocus, never>;
+    /**
+     * Include the constructor to forward all the dependencies to the base class
+     * as a workaround to fix Angular "ɵɵinvalidFactoryDep" error after upgrading storybook
+     * https://github.com/storybookjs/storybook/issues/23534
+     */
+    constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, document: any);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrStandaloneCdkTrapFocus, [null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrStandaloneCdkTrapFocus, never, never, {}, {}, never, never, true, never>;
 }

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

@@ -264,4 +264,6 @@ export interface ClrCommonStrings {
      * Datagrid footer; sr-only text after the number of selected rows.
      */
     selectedRows: string;
+    stepComplete: string;
+    stepError: string;
 }