@coreui/angular-pro 5.4.9 → 5.4.11

package/lib/form/form-floating/form-floating.directive.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 export declare class FormFloatingDirective {
     /**
      * Enable floating labels
-     * @type boolean
+     * @dafault boolean
      */
     readonly floating: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFloatingDirective, never>;

package/lib/form/form-password/form-password-action/form-password-action.component.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare class FormPasswordActionComponent {
+    /**
+     * Sets the accessible label (`aria-label`) for the toggle password visibility button. This improves accessibility for screen readers and should describe the action, e.g. `"Show password"` or `"Hide password"`.
+     * @default 'Toggle password visibility'
+     */
+    readonly ariaLabelToggler: import("@angular/core").InputSignal<string>;
+    /**
+     * Sets disabled state of the toggle password visibility button. When `true`, the user cannot interact with the button.
+     * @default false
+     */
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    handleClick($event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormPasswordActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormPasswordActionComponent, "c-form-password-action", never, { "ariaLabelToggler": { "alias": "ariaLabelToggler"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/form/form-password/form-password.directive.d.ts

@@ -0,0 +1,54 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FormPasswordDirective implements OnDestroy, OnInit {
+    #private;
+    static ngAcceptInputType_disabled: BooleanInput;
+    static ngAcceptInputType_readOnly: BooleanInput;
+    static ngAcceptInputType_showPassword: BooleanInput;
+    readonly viewContainerRef: ViewContainerRef;
+    ngOnInit(): void;
+    /**
+     * Sets the accessible label (`aria-label`) for the toggle password visibility button. This improves accessibility for screen readers and should describe the action, e.g. `"Show password"` or `"Hide password"`.
+     * @default 'Toggle password visibility'
+     */
+    readonly ariaLabelToggler: import("@angular/core").InputSignal<string>;
+    /**
+     * Sets disabled state of the password input field. When `true`, the user cannot interact with the field.
+     * @dafault false
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * set form labels that float over the password input fields
+     * @reurnd string | undefined
+     */
+    readonly floatingLabel: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Disables the password input field. When `true`, the user cannot interact with the field.
+     * @default false
+     */
+    readonly readOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Size the component small or large.
+     * @default undefined
+     */
+    readonly sizing: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Set component validation state to valid.
+     * @default undefined
+     */
+    readonly valid: import("@angular/core").InputSignal<boolean | undefined>;
+    /**
+     * Controls the initial visibility of the password. When `true`, the input type is set to `"text"` instead of `"password"`. This allows **toggling password visibility** in Angular forms.
+     * @default false
+     */
+    readonly showPassword: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Specifies the type of input element.
+     */
+    readonly type: import("@angular/core").Signal<"password" | "text">;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormPasswordDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormPasswordDirective, "input[cFormPassword]", never, { "ariaLabelToggler": { "alias": "ariaLabelToggler"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "sizing": { "alias": "sizing"; "required": false; "isSignal": true; }; "valid": { "alias": "valid"; "required": false; "isSignal": true; }; "showPassword": { "alias": "showPassword"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/form/form.module.d.ts

@@ -7,12 +7,13 @@ import * as i5 from "./form-control/form-control.directive";
 import * as i6 from "./form-feedback/form-feedback.component";
 import * as i7 from "./form-floating/form-floating.directive";
 import * as i8 from "./form-label/form-label.directive";
-import * as i9 from "./form-select/form-select.directive";
-import * as i10 from "./form-text/form-text.directive";
-import * as i11 from "./input-group/input-group.component";
-import * as i12 from "./input-group-text/input-group-text.directive";
+import * as i9 from "./form-password/form-password.directive";
+import * as i10 from "./form-select/form-select.directive";
+import * as i11 from "./form-text/form-text.directive";
+import * as i12 from "./input-group/input-group.component";
+import * as i13 from "./input-group-text/input-group-text.directive";
 export declare class FormModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FormModule, never, [typeof i1.FormDirective, typeof i2.FormCheckComponent, typeof i3.FormCheckLabelDirective, typeof i4.FormCheckInputDirective, typeof i5.FormControlDirective, typeof i6.FormFeedbackComponent, typeof i7.FormFloatingDirective, typeof i8.FormLabelDirective, typeof i9.FormSelectDirective, typeof i10.FormTextDirective, typeof i11.InputGroupComponent, typeof i12.InputGroupTextDirective], [typeof i1.FormDirective, typeof i2.FormCheckComponent, typeof i3.FormCheckLabelDirective, typeof i4.FormCheckInputDirective, typeof i5.FormControlDirective, typeof i6.FormFeedbackComponent, typeof i7.FormFloatingDirective, typeof i8.FormLabelDirective, typeof i9.FormSelectDirective, typeof i10.FormTextDirective, typeof i11.InputGroupComponent, typeof i12.InputGroupTextDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormModule, never, [typeof i1.FormDirective, typeof i2.FormCheckComponent, typeof i3.FormCheckLabelDirective, typeof i4.FormCheckInputDirective, typeof i5.FormControlDirective, typeof i6.FormFeedbackComponent, typeof i7.FormFloatingDirective, typeof i8.FormLabelDirective, typeof i9.FormPasswordDirective, typeof i10.FormSelectDirective, typeof i11.FormTextDirective, typeof i12.InputGroupComponent, typeof i13.InputGroupTextDirective], [typeof i1.FormDirective, typeof i2.FormCheckComponent, typeof i3.FormCheckLabelDirective, typeof i4.FormCheckInputDirective, typeof i5.FormControlDirective, typeof i6.FormFeedbackComponent, typeof i7.FormFloatingDirective, typeof i8.FormLabelDirective, typeof i9.FormPasswordDirective, typeof i10.FormSelectDirective, typeof i11.FormTextDirective, typeof i12.InputGroupComponent, typeof i13.InputGroupTextDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FormModule>;
 }

package/lib/form/public_api.d.ts

@@ -1,13 +1,14 @@
 export { FormDirective } from './form/form.directive';
-export { FormFeedbackComponent } from './form-feedback/form-feedback.component';
-export { InputGroupComponent } from './input-group/input-group.component';
-export { FormSelectDirective } from './form-select/form-select.directive';
-export { FormLabelDirective } from './form-label/form-label.directive';
 export { FormCheckComponent } from './form-check/form-check.component';
+export { FormControlDirective } from './form-control/form-control.directive';
 export { FormCheckInputDirective } from './form-check/form-check-input.directive';
 export { FormCheckLabelDirective } from './form-check/form-check-label.directive';
-export { FormControlDirective } from './form-control/form-control.directive';
-export { FormTextDirective } from './form-text/form-text.directive';
+export { FormFeedbackComponent } from './form-feedback/form-feedback.component';
 export { FormFloatingDirective } from './form-floating/form-floating.directive';
+export { FormLabelDirective } from './form-label/form-label.directive';
+export { FormPasswordDirective } from './form-password/form-password.directive';
+export { FormSelectDirective } from './form-select/form-select.directive';
+export { FormTextDirective } from './form-text/form-text.directive';
+export { InputGroupComponent } from './input-group/input-group.component';
 export { InputGroupTextDirective } from './input-group-text/input-group-text.directive';
 export { FormModule } from './form.module';

package/lib/tabs-2/tab-panel/tab-panel.component.d.ts

@@ -2,7 +2,6 @@ import { AnimationEvent } from '@angular/animations';
 import { InputSignal, InputSignalWithTransform, OutputEmitterRef } from '@angular/core';
 import { TabsService } from '../tabs.service';
 import * as i0 from "@angular/core";
-type AnimateType = 'hide' | 'show';
 type VisibleChangeEvent = {
     itemKey: string | number;
     visible: boolean;
@@ -27,6 +26,12 @@ export declare class TabPanelComponent {
      * @required
      */
     readonly itemKey: InputSignal<string | number>;
+    /**
+     * Element role.
+     * @type string
+     * @default 'tabpanel'
+     */
+    readonly role: InputSignal<string>;
     /**
      * tabindex attribute.
      * @type number
@@ -49,10 +54,8 @@ export declare class TabPanelComponent {
     readonly propId: import("@angular/core").Signal<string>;
     readonly attrAriaLabelledBy: import("@angular/core").Signal<string>;
     readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
-    get animationDisabled(): boolean;
-    get animateType(): AnimateType;
     onAnimationDone($event: AnimationEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabPanelComponent, "c-tab-panel", ["cTabPanel"], { "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "itemKey": { "alias": "itemKey"; "required": true; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "transition": { "alias": "transition"; "required": false; "isSignal": true; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabPanelComponent, "c-tab-panel", ["cTabPanel"], { "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "itemKey": { "alias": "itemKey"; "required": true; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "transition": { "alias": "transition"; "required": false; "isSignal": true; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
 }
 export {};

package/lib/tabs-2/tabs-list/tabs-list.component.d.ts

@@ -24,7 +24,7 @@ export declare class TabsListComponent {
     readonly role: InputSignal<string>;
     readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     readonly tabs: import("@angular/core").Signal<readonly TabDirective[]>;
-    onKeydown($event: any): void;
+    onKeyDown($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TabsListComponent, "c-tabs-list", ["cTabsList"], { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, ["tabs"], ["*"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.4.9",
+  "version": "5.4.11",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2025 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -28,8 +28,8 @@
     "@angular/core": "^19.2.0",
     "@angular/forms": "^19.2.0",
     "@angular/router": "^19.2.0",
-    "@coreui/coreui-pro": "~5.9.0 || ~5.10.0",
-    "@coreui/icons-angular": "~5.4.9",
+    "@coreui/coreui-pro": "~5.11.0",
+    "@coreui/icons-angular": "~5.4.11",
     "rxjs": "^7.8.2"
   },
   "repository": {