@coreui/angular-pro 4.7.2 → 5.0.0-alpha.1

package/lib/table/table.type.d.ts

@@ -51,9 +51,7 @@ export interface ITable {
      * @type boolean
      */
     striped?: boolean | string;
-    attributes?: {
-        [key: string]: any;
-    };
+    attributes?: Partial<HTMLTableElement>;
 }
 export interface ITableElementProps {
     /**
@@ -66,9 +64,8 @@ export interface ITableElementProps {
      * @type Colors
      */
     color?: Colors;
-    _attributes?: {
-        [key: string]: any;
-    };
+    /** @deprecated */
+    _attributes?: Partial<HTMLTableElement>;
 }
 export interface ITableRowCellProps extends ITableElementProps {
     /**
@@ -76,4 +73,6 @@ export interface ITableRowCellProps extends ITableElementProps {
      @type boolean
      */
     active?: boolean;
+    /** @deprecated */
+    _attributes?: Partial<HTMLTableCellElement> | Partial<HTMLTableRowElement>;
 }

package/lib/time-picker/time-picker-roll-col/time-picker-roll-am-pm.component.d.ts

@@ -32,8 +32,9 @@ export declare class TimePickerRollAmPmComponent implements OnChanges, AfterView
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     scrollToElement(element: any): void;
-    handleElementClick($event: MouseEvent, element: any): void;
     trackByElement(index: number, element: IDayPeriod): string;
+    handleElementClick($event: MouseEvent, element: any): void;
+    handleElementKeyDown($event: KeyboardEvent, element: IDayPeriod): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerRollAmPmComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerRollAmPmComponent, "c-time-picker-roll-am-pm", never, { "disabled": { "alias": "disabled"; "required": false; }; "elements": { "alias": "elements"; "required": false; }; "onClick": { "alias": "onClick"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "refresh": { "alias": "refresh"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
 }

package/lib/time-picker/time-picker-roll-col/time-picker-roll-col.component.d.ts

@@ -14,9 +14,9 @@ export declare class TimeElementDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<TimeElementDirective, "[cTimeElement]", ["cTimeElement"], { "cTimeElement": { "alias": "cTimeElement"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class TimePickerRollColComponent implements ITimePickerRollCol, OnChanges, AfterViewInit {
+    #private;
     elementRef: ElementRef;
     constructor(elementRef: ElementRef);
-    private init;
     disabled: boolean;
     elements: ITimeValue[];
     onClick?: (value: number | string) => void;
@@ -31,8 +31,9 @@ export declare class TimePickerRollColComponent implements ITimePickerRollCol, O
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     scrollToElement(element: any): void;
-    handleElementClick($event: MouseEvent, element: any): void;
     trackByElement(index: number, element: ITimeValue): number;
+    handleElementClick($event: MouseEvent, element: any): void;
+    handleElementKeyDown($event: KeyboardEvent, element: ITimeValue): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerRollColComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerRollColComponent, "c-time-picker-roll-col", ["cTimePickerRollCol"], { "disabled": { "alias": "disabled"; "required": false; }; "elements": { "alias": "elements"; "required": false; }; "onClick": { "alias": "onClick"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "refresh": { "alias": "refresh"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
 }

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

@@ -1,26 +1,17 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { DateTimeFormatOptions, DayPeriod, ITimeValue } from './time.utils';
 import { TemplateIdDirective } from '../shared';
 import * as i0 from "@angular/core";
 export declare class TimePickerComponent implements OnChanges, OnInit, ControlValueAccessor, AfterViewInit {
     #private;
     constructor();
-    static ngAcceptInputType_cleaner: BooleanInput;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_indicator: BooleanInput;
-    static ngAcceptInputType_inputReadOnly: BooleanInput;
-    static ngAcceptInputType_seconds: BooleanInput;
-    static ngAcceptInputType_visible: BooleanInput;
     /**
      * Toggle visibility or set the content of the cleaner button.
      * @type boolean
      * @default true
      */
-    set cleaner(value: boolean);
-    get cleaner(): boolean;
-    private _cleaner;
+    cleaner: boolean;
     /**
      * Sets DateTime format options including timeZone
      * @type DateTimeFormatOptions
@@ -33,9 +24,7 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
      * @type boolean
      * @default false
      */
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    private _disabled;
+    disabled: boolean;
     /**
      * Filter available hours to pick.
      * @type (value: number) => boolean;
@@ -59,17 +48,13 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
      * @type boolean
      * @default true
      */
-    set indicator(value: boolean);
-    get indicator(): boolean;
-    private _indicator;
+    indicator: boolean;
     /**
      * Toggle the readonly state for the component.
      * @type boolean
      * @default false
      */
-    set inputReadOnly(value: boolean);
-    get inputReadOnly(): boolean;
-    private _inputReadOnly;
+    inputReadOnly: boolean;
     /**
      * Sets the default locale for components. If not set, it is inherited from the browser.
      * @type string
@@ -87,9 +72,7 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
      * @type boolean
      * @default false
      */
-    set seconds(value: boolean);
-    get seconds(): boolean;
-    private _seconds;
+    seconds: boolean;
     /**
      * Size the component small or large.
      * @type 'sm' | 'lg' | undefined
@@ -122,9 +105,7 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
      * @type boolean
      * @default false
      */
-    set visible(value: boolean);
-    get visible(): boolean;
-    private _visible;
+    visible: boolean;
     timeChange: EventEmitter<Date | undefined>;
     onBlur(): void;
     dropdownRef: ElementRef;
@@ -139,13 +120,17 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
         value: string;
         label: string;
     }[];
+    getListOfHours12(): ITimeValue[];
     set timeInputValue(value: string);
     get timeInputValue(): string;
     private _timeInputValue;
     get timePickerClasses(): {
+        [x: string]: boolean;
+        'time-picker': boolean;
         'form-control': boolean;
         'is-valid': boolean;
         'is-invalid': boolean;
+        disabled: boolean;
     };
     selectTime: FormGroup<{
         selectHours: FormControl<number | null>;
@@ -177,9 +162,7 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     closestTime(timeArray: ITimeValue[], timeSegment: number): ITimeValue;
     listOfTimeSegments(getListOfTimeSegments: (locale: string, dateTimeFormatOptions: DateTimeFormatOptions) => ITimeValue[], filterTimeSegments: ((timeSegmentValue: number) => boolean) | undefined): ITimeValue[];
     handleSelectDayPeriodChange(dayPeriod: DayPeriod): void;
-    handleSelectHoursChange(hour: number): void;
-    handleSelectMinutesChange(minute: number): void;
-    handleSelectSecondsChange(second: number): void;
+    handleSelectTimeChange(value: number, segment: 'hour' | 'minute' | 'second'): void;
     patchSelectTimeValues(): void;
     trackByHour(index: number, hour: ITimeValue): ITimeValue;
     onChange: (value: Date | undefined) => void;
@@ -195,4 +178,10 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     setChangeHandlers(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "c-time-picker", ["cTimePicker"], { "cleaner": { "alias": "cleaner"; "required": false; }; "dateTimeFormatOptions": { "alias": "dateTimeFormatOptions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "filterHours": { "alias": "filterHours"; "required": false; }; "filterMinutes": { "alias": "filterMinutes"; "required": false; }; "filterSeconds": { "alias": "filterSeconds"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "size": { "alias": "size"; "required": false; }; "time": { "alias": "time"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "timeChange": "timeChange"; }, ["contentTemplates"], never, true, never>;
+    static ngAcceptInputType_cleaner: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_indicator: unknown;
+    static ngAcceptInputType_inputReadOnly: unknown;
+    static ngAcceptInputType_seconds: unknown;
+    static ngAcceptInputType_visible: unknown;
 }

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

@@ -23,7 +23,7 @@ export declare class WidgetStatAComponent implements AfterContentInit {
     get hostClasses(): {
         [x: string]: boolean;
         card: boolean;
-        'text-high-emphasis-inverse': boolean;
+        'text-white': boolean;
     };
     get bodyClasses(): {
         'pb-0': boolean;

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

@@ -1,4 +1,4 @@
-import { Colors } from '../../coreui.types';
+import { Colors, TextColors } from '../../coreui.types';
 import { CardComponent } from '../../card';
 import * as i0 from "@angular/core";
 export declare class WidgetStatBComponent extends CardComponent {
@@ -12,7 +12,7 @@ export declare class WidgetStatBComponent extends CardComponent {
      * Sets the text-color context of the component to one of CoreUI’s themed colors.
      * @type Colors
      */
-    textColor?: Colors | 'white' | 'muted';
+    textColor?: TextColors;
     /**
      * Title of the widget to display
      * @type string
@@ -36,7 +36,7 @@ export declare class WidgetStatBComponent extends CardComponent {
     get hostClasses(): {
         [x: string]: boolean;
         card: boolean;
-        'text-high-emphasis-inverse': 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>;

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

@@ -27,26 +27,28 @@ export declare class WidgetStatCComponent extends CardComponent implements After
     templates: any;
     contentTemplates: QueryList<TemplateIdDirective>;
     get hostExtendedClass(): {
-        'high-emphasis-inverse': string | boolean;
-    };
-    get iconClasses(): {
-        [x: string]: string | boolean;
-        'mb-4': boolean;
-        'text-end': boolean;
-        'text-medium-emphasis': boolean;
-        'text-medium-emphasis-inverse': string | boolean;
+        'text-white': string | boolean;
     };
     get titleClasses(): {
         [x: string]: string | boolean;
-        'text-medium-emphasis': boolean;
-        'text-medium-emphasis-inverse': string | boolean;
+        'text-body-secondary': boolean;
+        'text-white': string | boolean;
+        'text-opacity-75': string | boolean;
     };
     get valueClasses(): {
-        [x: string]: string | boolean;
+        'text-body-emphasis': boolean;
+        'text-body-secondary': boolean;
+        'text-white': string | boolean;
+        'text-opacity-75': string | boolean;
         'fs-4': boolean;
         'fw-semibold': boolean;
-        'text-high-emphasis': boolean;
-        'text-high-emphasis-inverse': string | boolean;
+    };
+    get iconClasses(): {
+        'text-body-secondary': boolean;
+        'text-white': string | boolean;
+        'text-opacity-75': string | boolean;
+        'mb-4': boolean;
+        'text-end': boolean;
     };
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetStatCComponent, never>;

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

@@ -14,7 +14,7 @@ export declare class WidgetStatEComponent extends CardComponent {
     value?: string | number;
     get titleClasses(): {
         [x: string]: boolean;
-        'text-medium-emphasis': boolean;
+        'text-body-secondary': boolean;
         small: boolean;
         'text-uppercase': boolean;
         'fw-semibold': boolean;

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

@@ -57,7 +57,7 @@ export declare class WidgetStatFComponent implements AfterContentInit {
     };
     get titleClasses(): {
         [x: string]: boolean;
-        'text-medium-emphasis': boolean;
+        'text-body-secondary': boolean;
         small: boolean;
         'text-uppercase': boolean;
         'fw-semibold': boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "4.7.2",
+  "version": "5.0.0-alpha.1",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2023 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -28,7 +28,8 @@
     "@angular/core": "^17.0.0",
     "@angular/forms": "^17.0.0",
     "@angular/router": "^17.0.0",
-    "@coreui/coreui-pro": "~4.5.0 || ~4.6.0",
+    "@coreui/coreui-pro": "~5.0.0-rc.1",
+    "@coreui/icons-angular": "~4.7.3 || ~5.0.0",
     "rxjs": "^7.8.1"
   },
   "repository": {

package/public-api.d.ts

@@ -4,6 +4,7 @@ export * from './lib/accordion';
 export * from './lib/alert';
 export * from './lib/avatar';
 export * from './lib/badge';
+export * from './lib/backdrop';
 export * from './lib/breadcrumb';
 export * from './lib/button';
 export * from './lib/button-group';