@coreui/angular-pro 4.7.11 → 5.0.0-alpha.10

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

@@ -1,4 +1,4 @@
-import { Colors } from '../coreui.types';
+import { Colors, NgCssClass } from '../coreui.types';
 import { TemplateRef } from '@angular/core';
 import { ITable, ITableElementProps, ITableRowCellProps } from '../table/table.type';
 export interface ISmartTable {
@@ -42,7 +42,7 @@ export interface ISmartTable {
      * Object: item is object with following keys available as column configuration:
      * - key (required)(String) - define column name equal to item key.
      * - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
-     * - _classes (String/Array/Object) - adds classes to all cels in column
+     * - _classes (String/Array/Object) - adds classes to all cells in a column
      * - _style (String/Array/Object) - adds styles to the column header (useful for defining widths)
      * - sorter (Boolean) - disables sorting of the column when set to false
      * - filter (Boolean) - removes filter from column when set to false.
@@ -64,7 +64,7 @@ export interface ISmartTable {
      */
     footer?: boolean;
     /**
-     * Set to false to remove table header.
+     * Set false to remove table header.
      * @default true
      */
     header?: boolean;
@@ -72,7 +72,7 @@ export interface ISmartTable {
      * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_classes' key and to single cell by '_cellClasses'.
      *
      * Example item:
-     * { name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { className: 'fw-bold'}}}
+     * { name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { class: 'fw-bold'}}}
      * For column generation description see columns prop.
      * @type Array<IItem>
      */
@@ -87,21 +87,17 @@ export interface ISmartTable {
      * Label for items per page selector.
      * @default 'Items per page:'
      * @type string
-     * todo or remove?
      */
     itemsPerPageLabel?: string;
     /**
      * Items per page selector options.
      * @default [5, 10, 20, 50]
      * @type number[]
-     * todo or remove?
      */
     itemsPerPageOptions?: number[];
     /**
      * Adds select element over table, which is used for control items per page in pagination.
      * If you want to customize this element, pass an object with optional values:
-     * - label (String) - replaces default label text
-     * - values (Array) - custom array of pagination values
      * - external (Boolean) - disables automatic 'itemsPerPage' change (use to change pages externally by 'pagination-change' event).
      */
     itemsPerPageSelect?: boolean | ItemsPerPageSelect;
@@ -130,7 +126,7 @@ export interface ISmartTable {
      */
     /**
      * Scoped columns.
-     * @type ScopedColumns
+     // * @type ScopedColumns
      * todo or remove?
      */
     /**
@@ -164,15 +160,15 @@ export interface ISmartTable {
      */
     sortingIconDescending?: TemplateRef<any>;
     /**
-     * Properties to `CTableBody` component.
+     * Properties to `TableBody` component.
      * @link https://coreui.io/angular/docs/components/table/#ctablebody
-     * todo or remove?
      */
+    tableBodyProps?: ITableSectionProps;
     /**
-     * Properties to `CTableFoot` component.
+     * Properties to `TableFoot` component.
      * @link https://coreui.io/angular/docs/components/table/#ctablefoot
-     * todo or remove?
      */
+    tableFootProps?: ITableSectionProps;
     /**
      * When set, displays table filter above table, allowing filtering by specific column.
      *
@@ -203,14 +199,19 @@ export interface ISmartTable {
     /**
      * Properties to `CTableHead` component.
      * @link https://coreui.io/angular/docs/components/table/#ctablehead
-     * todo or remove?
      */
+    tableHeadProps?: ITableSectionProps;
     /**
      * Properties to `CTable` component.
      * @link https://coreui.io/angular/docs/components/table/#ctable
      */
     tableProps?: ITable;
 }
+export interface ITableSectionProps extends ITableElementProps {
+    align?: 'bottom' | 'middle' | 'top';
+    color?: Colors;
+    attributes?: Partial<HTMLTableSectionElement>;
+}
 export interface IColumnFilter {
     lazy?: boolean;
     external?: boolean;
@@ -219,15 +220,34 @@ export interface IColumnFilterValue {
     [key: string]: any;
 }
 export interface IColumn {
+    children?: IColumn[];
     filter?: boolean | ((column: IItem, value: string) => boolean);
-    label?: string;
+    group?: string;
     key: string;
+    label?: string;
     sorter?: boolean | ((a: IItem, b: IItem) => number);
-    _style?: any;
+    _attr?: Partial<HTMLTableCellElement>;
+    _style?: Partial<CSSStyleDeclaration>;
     _props?: ITableHeaderCellProps;
-    _classes?: string | string[] | Set<string> | {
-        [klass: string]: any;
-    };
+    _classes?: NgCssClass;
+    _colAttr?: Partial<HTMLTableColElement>;
+    _colStyle?: Partial<CSSStyleDeclaration>;
+    _colProps?: ITableRowCellProps;
+    _colClass?: NgCssClass;
+    _labelTemplateId?: string;
+    _data?: any;
+}
+export interface IGroup {
+    children?: IGroup[] | IColumn[];
+    colspan?: number;
+    deep?: number;
+    group?: string;
+    key: string;
+    label?: string;
+    _attr?: Partial<HTMLTableCellElement>;
+    _class?: NgCssClass;
+    _props?: ITableHeaderCellProps;
+    _style?: Partial<CSSStyleDeclaration>;
     _labelTemplateId?: string;
     _data?: any;
 }
@@ -245,26 +265,27 @@ export interface ISorter {
     external?: boolean;
 }
 export interface IItem {
+    _attr?: Partial<HTMLTableRowElement>;
+    _class?: NgCssClass;
     _props?: ITableRowCellProps;
-    _cellProps?: ITableCellProps;
+    _style?: Partial<CSSStyleDeclaration>;
+    _cellAttr?: ITableCellProps<HTMLTableCellElement>;
+    _cellClass?: ITableCellProps<NgCssClass>;
+    _cellProps?: ITableCellProps<ITableRowCellProps>;
+    _cellStyle?: ITableCellProps<CSSStyleDeclaration>;
     _selected?: boolean;
     _selectable?: boolean;
     [key: string]: number | string | any;
 }
-export interface ITableCellProps {
-    _all?: ITableRowCellProps;
-    _attributes?: {
-        [key: string]: any;
-    };
-    [key: string]: ITableRowCellProps | undefined;
+export interface ITableCellProps<T> {
+    _all?: Partial<T>;
+    [key: string]: Partial<T> | undefined;
 }
 export interface IItemInternal extends IItem {
-    _id?: number;
+    ___id?: number;
 }
 export interface ItemsPerPageSelect {
     external?: boolean;
-    label?: string;
-    values?: Array<number>;
 }
 export interface ISorterValue {
     column?: string;
@@ -277,8 +298,4 @@ export interface ITableFilter {
     placeholder?: string;
     value?: string | number;
 }
-export interface ITableGroupProps extends ITableElementProps {
-    attributes?: {
-        [key: string]: any;
-    };
-}
+export type SortOrder = 'asc' | 'desc' | 0 | undefined;

package/lib/smart-table/smart-table.utils.d.ts

@@ -0,0 +1,29 @@
+import { IColumn, IGroup, IItem, ISorter } from './smart-table.type';
+export declare const getClickedColumnName: (target: HTMLTextAreaElement, columnNames: string[], selectable: boolean) => string;
+export declare const getColumnKey: (column: IColumn | string) => string;
+export declare const getColumnLabel: (column: IColumn | string) => string;
+export declare const getColumnName: (column: IColumn | string) => string;
+export declare const getColumnNames: (columns: (string | IColumn)[] | undefined, items: IItem[]) => string[];
+export declare const getColumns: (_columns: (IColumn | IGroup)[]) => (IColumn)[];
+export declare const countColumns: (columns: IColumn[], counter?: number) => number;
+export declare const getColumnGroups: (columns: (string | IColumn)[] | undefined) => IGroup[][];
+export declare const getColumnNamesFromItems: (items: IItem[]) => string[];
+export declare const getColumnValues: (items: IItem[], key: string) => any[];
+export declare const convertNgClassToObj: (value: string | Set<string> | string[] | {
+    [klass: string]: any;
+} | null | undefined) => {
+    [klass: string]: boolean;
+};
+export declare const getTableDataCellClass: (column: IColumn, item: IItem) => {
+    [x: string]: boolean;
+};
+export declare const getTableDataCellProps: (column: IColumn, item: IItem) => {};
+export declare const getTableDataCellStyles: (column: IColumn, item: IItem) => Partial<CSSStyleDeclaration>;
+export declare const getTableHeaderCellProps: (column: IColumn | string) => {
+    [key: string]: any;
+};
+export declare const getTableHeaderCellClass: (column: IColumn) => {
+    [x: string]: boolean;
+};
+export declare const getTableHeaderCellStyles: (column: IColumn, columnSorter: boolean | ISorter | undefined) => Partial<CSSStyleDeclaration>;
+export declare const prettifyName: (name: string) => string;

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/utilities/public_api.d.ts

@@ -1,6 +1,7 @@
+export { AlignDirective } from './align.directive';
 export { BgColorDirective } from './bg-color.directive';
 export { BorderDirective } from './border.directive';
-export { TextColorDirective } from './text-color.directive';
 export { RoundedDirective } from './rounded.directive';
-export { AlignDirective } from './align.directive';
+export { ShadowOnScrollDirective } from './shadow-on-scroll.directive';
+export { TextColorDirective } from './text-color.directive';
 export { UtilitiesModule } from './utilities.module';

package/lib/utilities/shadow-on-scroll.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ShadowOnScrollDirective {
+    #private;
+    constructor();
+    set cShadowOnScroll(value: 'sm' | 'lg' | 'none' | boolean);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShadowOnScrollDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ShadowOnScrollDirective, "[cShadowOnScroll]", never, { "cShadowOnScroll": { "alias": "cShadowOnScroll"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -1,11 +1,12 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./bg-color.directive";
-import * as i2 from "./border.directive";
-import * as i3 from "./rounded.directive";
-import * as i4 from "./text-color.directive";
-import * as i5 from "./align.directive";
+import * as i1 from "./align.directive";
+import * as i2 from "./bg-color.directive";
+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";
 export declare class UtilitiesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UtilitiesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UtilitiesModule, never, [typeof i1.BgColorDirective, typeof i2.BorderDirective, typeof i3.RoundedDirective, typeof i4.TextColorDirective, typeof i5.AlignDirective], [typeof i1.BgColorDirective, typeof i2.BorderDirective, typeof i3.RoundedDirective, typeof i4.TextColorDirective, typeof i5.AlignDirective]>;
+    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 ɵinj: i0.ɵɵInjectorDeclaration<UtilitiesModule>;
 }

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,8 +1,8 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "4.7.11",
+  "version": "5.0.0-alpha.10",
   "description": "CoreUI Pro Components Library for Angular",
-  "copyright": "Copyright 2023 creativeLabs Łukasz Holeczek",
+  "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
   "author": {
     "name": "creativeLabs Łukasz Holeczek",
@@ -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-0 || ~5.0.0",
+    "@coreui/icons-angular": "~4.7.3 || ^5.0.0-0 || ~5.0.0",
     "rxjs": "^7.8.1"
   },
   "repository": {

package/esm2022/lib/progress/progress-bar.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZXVpLWFuZ3VsYXIvc3JjL2xpYi9wcm9ncmVzcy9wcm9ncmVzcy1iYXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSVN0YWNrZWRCYXIge1xuICB2YWx1ZTogbnVtYmVyO1xuICBjb2xvcj86IHN0cmluZztcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGFuaW1hdGVkPzogYm9vbGVhbjtcbiAgc3RyaXBlZD86IGJvb2xlYW47XG4gIHByZWNpc2lvbj86IG51bWJlcjtcbiAgbWluPzogbnVtYmVyO1xuICBtYXg/OiBudW1iZXI7XG59XG4iXX0=

package/esm2022/lib/sidebar/sidebar-toggler/sidebar-toggler.component.mjs

@@ -1,27 +0,0 @@
-import { Component, HostBinding, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-export class SidebarTogglerComponent {
-    constructor() {
-        this.role = 'button';
-        this.sidebarTogglerClass = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SidebarTogglerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: SidebarTogglerComponent, isStandalone: true, selector: "c-sidebar-toggler", inputs: { role: "role" }, host: { properties: { "attr.role": "this.role", "class.sidebar-toggler": "this.sidebarTogglerClass" } }, ngImport: i0, template: ``, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SidebarTogglerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'c-sidebar-toggler',
-                    template: ``,
-                    standalone: true
-                }]
-        }], propDecorators: { role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }, {
-                type: Input
-            }], sidebarTogglerClass: [{
-                type: HostBinding,
-                args: ['class.sidebar-toggler']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci10b2dnbGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmV1aS1hbmd1bGFyL3NyYy9saWIvc2lkZWJhci9zaWRlYmFyLXRvZ2dsZXIvc2lkZWJhci10b2dnbGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzlELE1BQU0sT0FBTyx1QkFBdUI7SUFMcEM7UUFRVyxTQUFJLEdBQUcsUUFBUSxDQUFDO1FBRWEsd0JBQW1CLEdBQUcsSUFBSSxDQUFDO0tBRWxFOzhHQVBZLHVCQUF1QjtrR0FBdkIsdUJBQXVCLGdOQUh4QixFQUFFOzsyRkFHRCx1QkFBdUI7a0JBTG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsUUFBUSxFQUFFLEVBQUU7b0JBQ1osVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUlVLElBQUk7c0JBRFosV0FBVzt1QkFBQyxXQUFXOztzQkFDdkIsS0FBSztnQkFFZ0MsbUJBQW1CO3NCQUF4RCxXQUFXO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Mtc2lkZWJhci10b2dnbGVyJyxcbiAgdGVtcGxhdGU6IGBgLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIFNpZGViYXJUb2dnbGVyQ29tcG9uZW50IHtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpXG4gIEBJbnB1dCgpIHJvbGUgPSAnYnV0dG9uJztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNpZGViYXItdG9nZ2xlcicpIHNpZGViYXJUb2dnbGVyQ2xhc3MgPSB0cnVlO1xuXG59XG4iXX0=

package/lib/progress/progress-bar.d.ts

@@ -1,10 +0,0 @@
-export interface IStackedBar {
-    value: number;
-    color?: string;
-    label?: string;
-    animated?: boolean;
-    striped?: boolean;
-    precision?: number;
-    min?: number;
-    max?: number;
-}

package/lib/sidebar/sidebar-toggler/sidebar-toggler.component.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class SidebarTogglerComponent {
-    role: string;
-    sidebarTogglerClass: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarTogglerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarTogglerComponent, "c-sidebar-toggler", never, { "role": { "alias": "role"; "required": false; }; }, {}, never, never, true, never>;
-}