@coreui/angular-pro 5.0.0-next.23 → 5.0.0-rc.1

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

@@ -37,5 +37,5 @@ export declare class AvatarComponent {
     get statusClass(): any;
     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; }; "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; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "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: {}; }]>;
 }

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

@@ -1,6 +1,7 @@
 import { BadgePositions, Colors, Shapes, TextColors } from '../coreui.types';
 import * as i0 from "@angular/core";
 import * as i1 from "../utilities/text-color.directive";
+import * as i2 from "../utilities/text-bg-color.directive";
 export declare class BadgeComponent {
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -27,8 +28,14 @@ export declare class BadgeComponent {
      * @type TextColors
      */
     textColor?: TextColors;
-    constructor();
+    /**
+     * 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;
     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; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }]>;
+    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: {}; }]>;
 }

package/lib/breadcrumb/breadcrumb/breadcrumb.component.d.ts

@@ -15,7 +15,6 @@ export declare class BreadcrumbComponent {
     get hostClasses(): {
         breadcrumb: boolean;
     };
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "c-breadcrumb", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/breadcrumb/breadcrumb-router/breadcrumb-router.service.d.ts

@@ -7,7 +7,7 @@ export declare class BreadcrumbRouterService {
     private router;
     private route;
     outlet: string;
-    breadcrumbs$: Observable<IBreadcrumbItem[]>;
+    readonly breadcrumbs$: Observable<IBreadcrumbItem[]>;
     constructor(router: Router, route: ActivatedRoute);
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbRouterService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BreadcrumbRouterService>;

package/lib/button-group/button-group/button-group.component.d.ts

@@ -17,7 +17,6 @@ export declare class ButtonGroupComponent {
      */
     role: string;
     get hostClasses(): any;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "c-button-group", never, { "size": { "alias": "size"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/button-group/button-toolbar/button-toolbar.component.d.ts

@@ -7,7 +7,6 @@ export declare class ButtonToolbarComponent {
      */
     role: string;
     get hostClasses(): any;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonToolbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ButtonToolbarComponent, "c-button-toolbar", never, { "role": { "alias": "role"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/callout/callout.component.d.ts

@@ -7,7 +7,6 @@ export declare class CalloutComponent {
      */
     color?: Colors;
     get hostClasses(): any;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CalloutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CalloutComponent, "c-callout, [cCallout]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,6 +1,7 @@
 import { Colors, TextColors } from '../coreui.types';
 import * as i0 from "@angular/core";
 import * as i1 from "../utilities/text-color.directive";
+import * as i2 from "../utilities/text-bg-color.directive";
 export declare class CardComponent {
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -13,8 +14,14 @@ export declare class CardComponent {
      * @type TextColors
      */
     textColor?: TextColors;
+    /**
+     * 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;
     get hostClasses(): any;
-    constructor();
     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; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }]>;
+    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: {}; }]>;
 }

package/lib/carousel/carousel-caption/carousel-caption.component.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class CarouselCaptionComponent {
     carouselCaptionClass: boolean;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselCaptionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CarouselCaptionComponent, "c-carousel-caption", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/form/input-group/input-group.component.d.ts

@@ -5,7 +5,6 @@ export declare class InputGroupComponent {
      */
     sizing: string | 'sm' | 'lg' | '';
     get hostClasses(): any;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputGroupComponent, "c-input-group", never, { "sizing": { "alias": "sizing"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/placeholder/placeholder.directive.d.ts

@@ -7,7 +7,7 @@ export declare class PlaceholderDirective {
      */
     visible: boolean;
     /**
-     * Size the placeholder extremely small, small, large.
+     * Size the placeholder xs, small, large.
      */
     size?: 'xs' | 'sm' | 'lg';
     get ariaHidden(): boolean | null;

package/lib/time-picker/time-picker.module.d.ts

@@ -1,14 +1,7 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "../form/form.module";
-import * as i4 from "../button/button.module";
-import * as i5 from "../dropdown/dropdown.module";
-import * as i6 from "./time-picker-roll-col/time-picker-roll-am-pm.component";
-import * as i7 from "./time-picker-roll-col/time-picker-roll-col.component";
-import * as i8 from "./time-picker.component";
+import * as i1 from "./time-picker.component";
 export declare class TimePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TimePickerModule, never, [typeof i1.CommonModule, typeof i2.ReactiveFormsModule, typeof i3.FormModule, typeof i4.ButtonModule, typeof i5.DropdownModule, typeof i6.DayPeriodElementDirective, typeof i7.TimeElementDirective, typeof i8.TimePickerComponent, typeof i6.TimePickerRollAmPmComponent, typeof i7.TimePickerRollColComponent], [typeof i8.TimePickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TimePickerModule, never, [typeof i1.TimePickerComponent], [typeof i1.TimePickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TimePickerModule>;
 }

package/lib/utilities/public_api.d.ts

@@ -4,4 +4,5 @@ export { BorderDirective } from './border.directive';
 export { RoundedDirective } from './rounded.directive';
 export { ShadowOnScrollDirective } from './shadow-on-scroll.directive';
 export { TextColorDirective } from './text-color.directive';
+export { TextBgColorDirective } from './text-bg-color.directive';
 export { UtilitiesModule } from './utilities.module';

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

@@ -0,0 +1,12 @@
+import { Colors } from '../coreui.types';
+import * as i0 from "@angular/core";
+export declare class TextBgColorDirective {
+    /**
+     * Set text-bg-color of element
+     * @type Colors
+     */
+    textBgColor: 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>;
+}

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

@@ -7,7 +7,6 @@ export declare class TextColorDirective {
      */
     color: TextColors;
     get hostClasses(): any;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TextColorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TextColorDirective, "[cTextColor]", never, { "color": { "alias": "cTextColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/utilities/utilities.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "./border.directive";
 import * as i4 from "./rounded.directive";
 import * as i5 from "./shadow-on-scroll.directive";
 import * as i6 from "./text-color.directive";
+import * as i7 from "./text-bg-color.directive";
 export declare class UtilitiesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UtilitiesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UtilitiesModule, never, [typeof i1.AlignDirective, typeof i2.BgColorDirective, typeof i3.BorderDirective, typeof i4.RoundedDirective, typeof i5.ShadowOnScrollDirective, typeof i6.TextColorDirective], [typeof i1.AlignDirective, typeof i2.BgColorDirective, typeof i3.BorderDirective, typeof i4.RoundedDirective, typeof i5.ShadowOnScrollDirective, typeof i6.TextColorDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UtilitiesModule, never, [typeof i1.AlignDirective, typeof i2.BgColorDirective, typeof i3.BorderDirective, typeof i4.RoundedDirective, typeof i5.ShadowOnScrollDirective, typeof i6.TextColorDirective, typeof i7.TextBgColorDirective], [typeof i1.AlignDirective, typeof i2.BgColorDirective, typeof i3.BorderDirective, typeof i4.RoundedDirective, typeof i5.ShadowOnScrollDirective, typeof i6.TextColorDirective, typeof i7.TextBgColorDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UtilitiesModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.0.0-next.23",
+  "version": "5.0.0-rc.1",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -17,19 +17,19 @@
     }
   ],
   "dependencies": {
-    "@popperjs/core": "~2.11.6",
+    "@popperjs/core": "~2.11.8",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@angular/animations": "^17.0.0",
-    "@angular/cdk": "^17.0.0",
-    "@angular/common": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/forms": "^17.0.0",
-    "@angular/router": "^17.0.0",
+    "@angular/animations": "^17.3.0",
+    "@angular/cdk": "^17.3.0",
+    "@angular/common": "^17.3.0",
+    "@angular/core": "^17.3.0",
+    "@angular/forms": "^17.3.0",
+    "@angular/router": "^17.3.0",
     "@coreui/coreui-pro": "~5.0.0-0 || ~5.0.0",
-    "@coreui/icons-angular": "~4.7.3 || ^5.0.0-0 || ~5.0.0",
+    "@coreui/icons-angular": "~5.0.0-0 || ~5.0.0",
     "rxjs": "^7.8.1"
   },
   "repository": {