@coreui/angular-pro 5.2.1 → 5.2.3

package/lib/accordion/accordion-button/accordion-button.directive.d.ts

@@ -6,7 +6,7 @@ export declare class AccordionButtonDirective {
      */
     collapsed: boolean;
     /**
-    * Default type for cAccordionButton. [docs]
+     * Default type for cAccordionButton. [docs]
      * @type string
      * @default 'button'
      */

package/lib/avatar/avatar.component.d.ts

@@ -1,3 +1,4 @@
+import { InputSignal } from '@angular/core';
 import { Colors, Shapes, Sizes, TextColors } from '../coreui.types';
 import * as i0 from "@angular/core";
 import * as i1 from "../utilities/text-color.directive";
@@ -6,40 +7,43 @@ export declare class AvatarComponent {
      * Sets the background color context of the component to one of CoreUI’s themed colors.
      * @type Colors
      */
-    color?: Colors;
+    readonly color: InputSignal<Colors | undefined>;
     /**
      * Select the shape of the component.
      * @type Shapes
      */
-    shape?: Shapes;
+    readonly shape: InputSignal<Shapes | undefined>;
     /**
      * Size the component small, large, or extra large.
      * @default 'md'
      */
-    size?: Omit<Sizes, 'xxl'>;
+    readonly size: InputSignal<Omit<Sizes, 'xxl'>>;
     /**
      * The alt attribute for the img element alternate text.
      * @type string
      */
-    alt: string;
+    readonly alt: InputSignal<string>;
     /**
      * The src attribute for the img element.
      * @type string
      */
-    src?: string;
+    readonly src: InputSignal<string | undefined>;
     /**
      * Sets the color context of the status indicator to one of CoreUI’s themed colors.
      * @type Colors
      */
-    status?: Colors;
+    readonly status: InputSignal<Colors | undefined>;
     /**
      * Sets the text color of the component to one of CoreUI’s themed colors.
      * via TextColorDirective
      * @type TextColors
      */
-    textColor?: TextColors;
-    get statusClass(): any;
+    readonly textColor: InputSignal<TextColors | undefined>;
+    readonly statusClass: import("@angular/core").Signal<{
+        [x: string]: boolean;
+        'avatar-status': boolean;
+    }>;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "c-avatar", never, { "color": { "alias": "color"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "src": { "alias": "src"; "required": false; }; "status": { "alias": "status"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "c-avatar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }]>;
 }

package/lib/badge/badge.component.d.ts

@@ -1,3 +1,4 @@
+import { InputSignal } from '@angular/core';
 import { BadgePositions, Colors, Shapes, TextColors } from '../coreui.types';
 import * as i0 from "@angular/core";
 import * as i1 from "../utilities/text-color.directive";
@@ -7,35 +8,35 @@ export declare class BadgeComponent {
      * Sets the color context of the component to one of CoreUI’s themed colors.
      * @type Colors
      */
-    color?: Colors;
+    readonly color: InputSignal<Colors | undefined>;
     /**
      * Position badge in one of the corners of a link or button.
      * @type BadgePositions
      */
-    position?: BadgePositions;
+    readonly position: InputSignal<BadgePositions | undefined>;
     /**
      * Select the shape of the component.
      * @type Shapes
      */
-    shape?: Shapes;
+    readonly shape: InputSignal<Shapes | undefined>;
     /**
      * Size the component small.
      */
-    size?: 'sm';
+    readonly size: InputSignal<'sm' | undefined>;
     /**
      * Sets the text color of the component to one of CoreUI’s themed colors.
      * via TextColorDirective
      * @type TextColors
      */
-    textColor?: TextColors;
+    readonly textColor: InputSignal<TextColors | undefined>;
     /**
      * Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
      * via TextBgColorDirective
      * @type Colors
      * @since 5.0.0
      */
-    textBgColor?: Colors;
+    readonly textBgColor: InputSignal<Colors | undefined>;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "c-badge", never, { "color": { "alias": "color"; "required": false; }; "position": { "alias": "position"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "textBgColor": { "alias": "textBgColor"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }, { directive: typeof i2.TextBgColorDirective; inputs: { "cTextBgColor": "textBgColor"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "c-badge", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "textBgColor": { "alias": "textBgColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }, { directive: typeof i2.TextBgColorDirective; inputs: { "cTextBgColor": "textBgColor"; }; outputs: {}; }]>;
 }

package/lib/card/card.component.d.ts

@@ -1,3 +1,4 @@
+import { InputSignal } from '@angular/core';
 import { Colors, TextColors } from '../coreui.types';
 import * as i0 from "@angular/core";
 import * as i1 from "../utilities/text-color.directive";
@@ -7,21 +8,21 @@ export declare class CardComponent {
      * Sets the color context of the component to one of CoreUI’s themed colors.
      * @type Colors
      */
-    color?: Colors;
+    readonly color: InputSignal<Colors | undefined>;
     /**
      * Sets the text color context of the component to one of CoreUI’s themed colors.
      * via TextColorDirective
      * @type TextColors
      */
-    textColor?: TextColors;
+    readonly textColor: InputSignal<TextColors | undefined>;
     /**
-     * Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
+     * Sets the component's color scheme to one of CoreUI themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
      * via TextBgColorDirective
      * @type Colors
      * @since 5.0.0
      */
-    textBgColor?: Colors;
+    readonly textBgColor: InputSignal<Colors | undefined>;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "c-card, [c-card]", never, { "color": { "alias": "color"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "textBgColor": { "alias": "textBgColor"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }, { directive: typeof i2.TextBgColorDirective; inputs: { "cTextBgColor": "textBgColor"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "c-card, [c-card]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "textBgColor": { "alias": "textBgColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }, { directive: typeof i2.TextBgColorDirective; inputs: { "cTextBgColor": "textBgColor"; }; outputs: {}; }]>;
 }

package/lib/tabs-2/tab/tab.directive.d.ts

@@ -10,6 +10,7 @@ export declare class TabDirective implements FocusableOption {
      */
     set disabled(value: boolean);
     get disabled(): boolean;
+    readonly attrDisabled: import("@angular/core").Signal<true | null>;
     /**
      * Item key.
      * @type string | number
@@ -32,6 +33,7 @@ export declare class TabDirective implements FocusableOption {
     readonly hostClasses: import("@angular/core").Signal<{
         'nav-link': boolean;
         active: boolean;
+        disabled: boolean;
     }>;
     readonly propId: import("@angular/core").Signal<string>;
     readonly attrAriaControls: import("@angular/core").Signal<string>;

package/lib/utilities/text-bg-color.directive.d.ts

@@ -1,3 +1,4 @@
+import { InputSignal } from '@angular/core';
 import { Colors } from '../coreui.types';
 import * as i0 from "@angular/core";
 export declare class TextBgColorDirective {
@@ -5,8 +6,8 @@ export declare class TextBgColorDirective {
      * Set text-bg-color of element
      * @type Colors
      */
-    textBgColor: Colors;
+    readonly textBgColor: InputSignal<Colors>;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextBgColorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextBgColorDirective, "[cTextBgColor]", never, { "textBgColor": { "alias": "cTextBgColor"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextBgColorDirective, "[cTextBgColor]", never, { "textBgColor": { "alias": "cTextBgColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/utilities/text-color.directive.d.ts

@@ -1,3 +1,4 @@
+import { InputSignal } from '@angular/core';
 import { TextColors } from '../coreui.types';
 import * as i0 from "@angular/core";
 export declare class TextColorDirective {
@@ -5,8 +6,8 @@ export declare class TextColorDirective {
      * Set text-color of element
      * @type TextColors
      */
-    color: TextColors;
+    readonly color: InputSignal<TextColors>;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextColorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextColorDirective, "[cTextColor]", never, { "color": { "alias": "cTextColor"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextColorDirective, "[cTextColor]", never, { "color": { "alias": "cTextColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/widget/widget-stat-b/widget-stat-b.component.d.ts

@@ -1,44 +1,42 @@
-import { Colors, TextColors } from '../../coreui.types';
+import { InputSignal, InputSignalWithTransform } from '@angular/core';
 import { CardComponent } from '../../card';
 import * as i0 from "@angular/core";
 export declare class WidgetStatBComponent extends CardComponent {
     constructor();
     /**
-     * Sets the color context of the component to one of CoreUI’s themed colors.
+     * Sets the color context of the component to one of CoreUI themed colors.
      * @type Colors
      */
-    color?: Colors;
     /**
-     * Sets the text-color context of the component to one of CoreUI’s themed colors.
-     * @type Colors
+     * Sets the text-color context of the component to one of CoreUI themed colors.
+     * via TextColorDirective
+     * @type TextColors
      */
-    textColor?: TextColors;
     /**
      * Title of the widget to display
      * @type string
      */
-    title?: string;
+    readonly title: InputSignal<string | undefined>;
     /**
      * Helper text for your widget.
      * @type string
      */
-    text?: string;
+    readonly text: InputSignal<string | undefined>;
     /**
      * Value for your widget to display
      * @type string
      */
-    value?: string;
+    readonly value: InputSignal<string | undefined>;
     /**
      * Invert colors from their default dark shade.
      * @type boolean
      */
-    inverse: string | boolean;
+    readonly inverse: InputSignalWithTransform<boolean, unknown>;
     get hostClasses(): {
         [x: string]: boolean;
         card: boolean;
         'text-white': boolean;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetStatBComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetStatBComponent, "c-widget-stat-b", ["cWidgetStatB"], { "color": { "alias": "color"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "title": { "alias": "title"; "required": false; }; "text": { "alias": "text"; "required": false; }; "value": { "alias": "value"; "required": false; }; "inverse": { "alias": "inverse"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_inverse: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetStatBComponent, "c-widget-stat-b", ["cWidgetStatB"], { "title": { "alias": "title"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "inverse": { "alias": "inverse"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.2.1",
+  "version": "5.2.3",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -29,7 +29,7 @@
     "@angular/forms": "^18.0.0",
     "@angular/router": "^18.0.0",
     "@coreui/coreui-pro": "^5.2.0",
-    "@coreui/icons-angular": "~5.2.0-0 || ~5.2.0",
+    "@coreui/icons-angular": "~5.2.0",
     "rxjs": "^7.8.1"
   },
   "repository": {