@coreui/angular-pro 5.2.13 → 5.2.14

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

@@ -1,3 +1,4 @@
+import { InputSignalWithTransform } from '@angular/core';
 import { ButtonDirective } from './button.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "../shared/theme.directive";
@@ -7,9 +8,8 @@ export declare class ButtonCloseDirective extends ButtonDirective {
      * @type boolean
      * @deprecated 5.0.0. Use `cButtonClose.dark` instead.
      */
-    white: string | boolean;
-    get hostClasses(): any;
+    white: InputSignalWithTransform<boolean, unknown>;
+    hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonCloseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonCloseDirective, "[cButtonClose]", never, { "white": { "alias": "white"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ThemeDirective; inputs: { "dark": "dark"; }; outputs: {}; }]>;
-    static ngAcceptInputType_white: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonCloseDirective, "[cButtonClose]", never, { "white": { "alias": "white"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ThemeDirective; inputs: { "dark": "dark"; }; outputs: {}; }]>;
 }

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

@@ -1,48 +1,50 @@
+import { InputSignal, InputSignalWithTransform } from '@angular/core';
 import { ButtonType, Colors, Shapes } from '../coreui.types';
 import * as i0 from "@angular/core";
 export declare class ButtonDirective {
     /**
      * Toggle the active state for the component. [docs]
-     * @type boolean
+     * @type InputSignalWithTransform<boolean, unknown>
      */
-    active: string | boolean;
+    active: InputSignalWithTransform<boolean, unknown>;
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
-     * @type Colors
+     * @type InputSignal<Colors>
      */
-    color?: Colors;
+    color: InputSignal<Colors>;
     /**
      * Toggle the disabled state for the component.
-     * @type boolean
+     * @type InputSignalWithTransform<boolean, unknown>
      */
-    disabled: string | boolean;
+    disabled: InputSignalWithTransform<boolean, unknown>;
     /**
      * Select the shape of the component.
-     * @type { 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string }
+     * @type InputSignal<Shapes>
      */
-    shape?: Shapes;
+    shape: InputSignal<Shapes | undefined>;
     /**
      * Size the component small or large.
-     * @type {'sm' | 'lg'}
+     * @type InputSignal<'sm' | 'lg' | ''>
      */
-    size?: 'sm' | 'lg' | '';
+    size: InputSignal<'' | 'sm' | 'lg'>;
     /**
      * Specifies the type of button. Always specify the type attribute for the `<button>` element.
      * Different browsers may use different default types for the `<button>` element.
+     * @type InputSignal<ButtonType>
+     * @default 'button'
      */
-    type: ButtonType;
+    type: InputSignal<ButtonType>;
     /**
      * Set the button variant to an outlined button or a ghost button.
-     * @type {'ghost' | 'outline'}
+     * @type InputSignal<'ghost' | 'outline' | undefined>
      */
-    variant?: 'ghost' | 'outline';
-    get hostClasses(): any;
-    get ariaDisabled(): string | true | null;
-    get isActive(): boolean | null;
-    get attrDisabled(): "" | null;
-    get tabIndex(): string | null;
+    variant: InputSignal<'ghost' | 'outline' | undefined>;
+    hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
+    _disabled: import("@angular/core").Signal<boolean>;
+    ariaDisabled: import("@angular/core").Signal<true | null>;
+    attrDisabled: import("@angular/core").Signal<"" | null>;
+    tabIndex: import("@angular/core").Signal<"-1" | null>;
+    isActive: import("@angular/core").Signal<true | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "[cButton]", ["cButton"], { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_active: unknown;
-    static ngAcceptInputType_disabled: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "[cButton]", ["cButton"], { "active": { "alias": "active"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,22 +1,27 @@
+import { InputSignal, InputSignalWithTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ButtonGroupComponent {
     /**
      * Size the component small or large.
      * @type { 'sm' | 'lg' }
      */
-    size?: 'sm' | 'lg';
+    size: InputSignal<'sm' | 'lg' | undefined>;
     /**
      * Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here.
      * @type boolean
      */
-    vertical?: boolean;
+    vertical: InputSignalWithTransform<boolean, unknown>;
     /**
      * Default role attr for ButtonGroup. [docs]
-     * @type string
+     * @type InputSignal<string>
      * @default 'group'
      */
-    role: string;
-    get hostClasses(): any;
+    role: InputSignal<string>;
+    hostClasses: import("@angular/core").Signal<{
+        [x: string]: boolean;
+        'btn-group': boolean;
+        'btn-group-vertical': boolean;
+    }>;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "c-button-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,11 +1,12 @@
+import { InputSignal } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ButtonToolbarComponent {
     /**
      * Default role attr for ButtonToolbar. [docs]
-     * @type string
+     * @type InputSignal<string>
      * @default 'toolbar'
      */
-    role: string;
+    role: InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonToolbarComponent, "c-button-toolbar", never, { "role": { "alias": "role"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonToolbarComponent, "c-button-toolbar", never, { "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/calendar/calendar-month/calendar-month.component.d.ts

@@ -130,7 +130,7 @@ export declare class CalendarMonthComponent implements OnInit {
     calendarStateSubscribe(): void;
     getMonthStart(index: number): Date;
     getMonthEnd(index: number): Date;
-    protected readonly isDateInRangeDisabled: (startDate?: Date | null | undefined, endDate?: Date | null | undefined, dates?: (Date | Date[])[] | undefined) => boolean;
+    protected readonly isDateInRangeDisabled: (startDate?: Date | null, endDate?: Date | null, dates?: (Date | Date[])[]) => boolean;
     protected readonly isDateBetweenMinMax: (date: Date | null, min: Date | null, max: Date | null) => boolean;
     getYearStart(year: number): Date;
     getYearEnd(year: number): Date;

package/lib/calendar/calendar.utils.d.ts

@@ -5,7 +5,7 @@ export declare const convertToDateObject: (date: Date | string, selectionType?:
 export declare const convertToLocalDate: (d: Date, locale: string, options?: {}) => string;
 export declare const convertToLocalTime: (d: Date, locale: string, options?: {}) => string;
 export declare const createGroupsInArray: <T>(arr: T[], numberOfGroups: number) => T[][];
-export declare const getCalendarDate: (calendarDate: Date, order: number, view: 'days' | 'months' | 'years') => Date;
+export declare const getCalendarDate: (calendarDate: Date, order: number, view: "days" | "months" | "years") => Date;
 export declare const getCurrentYear: () => number;
 export declare const getCurrentMonth: () => number;
 export declare const getDateBySelectionType: (date: Date | null, selectionType: SelectionType) => string | Date | null;

package/lib/date-range-picker/date-range-picker/date-range-picker.component.d.ts

@@ -91,7 +91,7 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
      * @default 'secondary'
      */
-    rangesButtonsColor?: Colors;
+    rangesButtonsColor: Colors;
     /**
      * Size the ranges button small or large.
      * @type 'sm' | 'lg' | ''

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

@@ -1,42 +1,32 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { InputSignal, InputSignalWithTransform, OutputEmitterRef } from '@angular/core';
 import { ButtonDirective } from '../button';
 import * as i0 from "@angular/core";
-export declare class LoadingButtonComponent extends ButtonDirective implements OnChanges {
+export declare class LoadingButtonComponent extends ButtonDirective {
     /**
      * Makes button disabled when loading.
      * @type boolean
      * @default false
      */
-    disabledOnLoading: boolean;
+    disabledOnLoading: InputSignalWithTransform<boolean, unknown>;
     /**
      * Loading state (set to true to start animation).
      * @type boolean
      */
-    set loading(value: boolean);
-    get loading(): boolean;
-    _loading: boolean;
-    /**
-     * Sets type of spinner.
-     * @type {'border' | 'grow'}
-     */
-    spinnerType: 'border' | 'grow';
+    loading: InputSignalWithTransform<boolean, unknown>;
     /**
      * Event emitted on loading change
      * @type boolean
      */
-    loadingChange: EventEmitter<boolean>;
+    loadingChange: OutputEmitterRef<boolean>;
+    loadingEffect: import("@angular/core").EffectRef;
+    /**
+     * Sets type of spinner.
+     * @type {'border' | 'grow'}
+     */
+    spinnerType: InputSignal<'border' | 'grow'>;
     constructor();
-    get hostClasses(): {
-        [x: string]: string | boolean;
-        'btn-loading': boolean;
-        'is-loading': boolean;
-        disabled: boolean;
-        btn: boolean;
-        active: string | boolean;
-    };
-    ngOnChanges(changes: SimpleChanges): void;
+    hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
+    _disabled: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingButtonComponent, "button[cLoadingButton], a[cLoadingButton]", ["cLoadingButton"], { "disabledOnLoading": { "alias": "disabledOnLoading"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "spinnerType": { "alias": "spinnerType"; "required": false; }; }, { "loadingChange": "loadingChange"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_disabledOnLoading: unknown;
-    static ngAcceptInputType_loading: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingButtonComponent, "button[cLoadingButton], a[cLoadingButton]", ["cLoadingButton"], { "disabledOnLoading": { "alias": "disabledOnLoading"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "spinnerType": { "alias": "spinnerType"; "required": false; "isSignal": true; }; }, { "loadingChange": "loadingChange"; }, never, ["*"], true, never>;
 }

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

@@ -8,7 +8,7 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
     private iterableDiffers;
     private keyValueDiffers;
     constructor(iterableDiffers: IterableDiffers, keyValueDiffers: KeyValueDiffers);
-    readonly getColumnKey: (column: string | IColumn) => string;
+    readonly getColumnKey: (column: IColumn | string) => string;
     readonly getTableDataCellClass: (column: IColumn, item: IItem) => {
         [x: string]: boolean;
     };

package/lib/smart-table/smart-table-head/smart-table-head.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class SmartTableHeadComponent implements OnInit {
     #private;
     protected readonly getTableHeaderCellStyles: (column: IColumn, columnSorter: boolean | ISorter | undefined) => Partial<CSSStyleDeclaration>;
-    protected readonly getTableHeaderCellProps: (column: string | IColumn) => {
+    protected readonly getTableHeaderCellProps: (column: IColumn | string) => {
         [key: string]: any;
     };
     protected readonly getTableHeaderCellClass: (column: IColumn) => {

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

@@ -134,8 +134,8 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     selectTime: FormGroup<{
         selectHours: FormControl<number | null>;
         selectMinutes: FormControl<number | null>;
-        selectSeconds?: FormControl<number | null> | undefined;
-        selectDayPeriod?: FormControl<"am" | "pm" | null> | undefined;
+        selectSeconds?: FormControl<number | null>;
+        selectDayPeriod?: FormControl<"am" | "pm" | null>;
     }>;
     timeInput: FormControl<string | null>;
     set hour(value: number);

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

@@ -26,7 +26,7 @@ export interface IDayPeriods {
 }
 export declare const getSupportedLocale: (locale?: string) => string;
 export declare const isHour12: (locale?: string) => boolean;
-export declare const convert12hTo24h: (abbr: 'am' | 'pm', hour: number) => number;
+export declare const convert12hTo24h: (abbr: "am" | "pm", hour: number) => number;
 export declare const convert24hTo12h: (hour: number) => number;
 export declare const convertTimeToDate: (time: Date | string | null | undefined) => Date | null;
 export declare const getAmPm: (date: Date, locale: string, options?: DateTimeFormatOptions) => DayPeriod;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.2.13",
+  "version": "5.2.14",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -22,14 +22,14 @@
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@angular/animations": "^18.1.0",
-    "@angular/cdk": "^18.1.0",
-    "@angular/common": "^18.1.0",
-    "@angular/core": "^18.1.0",
-    "@angular/forms": "^18.1.0",
-    "@angular/router": "^18.1.0",
-    "@coreui/coreui-pro": "^5.3.0",
-    "@coreui/icons-angular": "~5.2.13",
+    "@angular/animations": "^18.2.0",
+    "@angular/cdk": "^18.2.0",
+    "@angular/common": "^18.2.0",
+    "@angular/core": "^18.2.0",
+    "@angular/forms": "^18.2.0",
+    "@angular/router": "^18.2.0",
+    "@coreui/coreui-pro": "^5.3.1",
+    "@coreui/icons-angular": "~5.2.14",
     "rxjs": "^7.8.1"
   },
   "repository": {