@coreui/angular-pro 5.4.4 → 5.4.5

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, QueryList, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef, OnChanges, QueryList, SimpleChanges } from '@angular/core';
 import { DayPeriod } from '../time.utils';
 import * as i0 from "@angular/core";
 export interface IDayPeriod {
@@ -10,24 +10,21 @@ export interface IDayPeriod {
 export declare class DayPeriodElementDirective {
     elementRef: ElementRef;
     constructor(elementRef: ElementRef);
-    cDayPeriodElement: IDayPeriod;
+    readonly cDayPeriodElement: import("@angular/core").InputSignal<IDayPeriod>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DayPeriodElementDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DayPeriodElementDirective, "[cDayPeriodElement]", ["cDayPeriodElement"], { "cDayPeriodElement": { "alias": "cDayPeriodElement"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DayPeriodElementDirective, "[cDayPeriodElement]", ["cDayPeriodElement"], { "cDayPeriodElement": { "alias": "cDayPeriodElement"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class TimePickerRollAmPmComponent implements OnChanges, AfterViewInit {
+    #private;
     elementRef: ElementRef;
     constructor(elementRef: ElementRef);
-    private init;
-    disabled: boolean;
-    elements: IDayPeriod[];
-    onClick?: (value: number | string) => void;
-    selected?: number | string | null;
-    refresh?: boolean;
-    selectedChange: EventEmitter<any>;
-    get hostClasses(): {
-        'time-picker-roll-col': boolean;
-        disabled: boolean;
-    };
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly elements: import("@angular/core").InputSignal<IDayPeriod[]>;
+    readonly onClick: import("@angular/core").InputSignal<((value: number | string) => void) | undefined>;
+    readonly refresh: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly selectedInput: import("@angular/core").InputSignal<string | number | null>;
+    readonly selected: import("@angular/core").WritableSignal<string | number | null>;
+    readonly selectedChange: import("@angular/core").OutputEmitterRef<any>;
     dayPeriodElements: QueryList<DayPeriodElementDirective>;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -35,7 +32,5 @@ export declare class TimePickerRollAmPmComponent implements OnChanges, AfterView
     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>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_refresh: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerRollAmPmComponent, "c-time-picker-roll-am-pm", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "elements": { "alias": "elements"; "required": false; "isSignal": true; }; "onClick": { "alias": "onClick"; "required": false; "isSignal": true; }; "refresh": { "alias": "refresh"; "required": false; "isSignal": true; }; "selectedInput": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, QueryList, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef, OnChanges, QueryList, SimpleChanges } from '@angular/core';
 import { ITimeValue } from '../time.utils';
 import * as i0 from "@angular/core";
 export interface ITimePickerRollCol {
@@ -9,24 +9,21 @@ export interface ITimePickerRollCol {
 export declare class TimeElementDirective {
     elementRef: ElementRef;
     constructor(elementRef: ElementRef);
-    cTimeElement: ITimeValue;
+    readonly cTimeElement: import("@angular/core").InputSignal<ITimeValue>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimeElementDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TimeElementDirective, "[cTimeElement]", ["cTimeElement"], { "cTimeElement": { "alias": "cTimeElement"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TimeElementDirective, "[cTimeElement]", ["cTimeElement"], { "cTimeElement": { "alias": "cTimeElement"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class TimePickerRollColComponent implements ITimePickerRollCol, OnChanges, AfterViewInit {
+export declare class TimePickerRollColComponent implements OnChanges, AfterViewInit {
     #private;
     elementRef: ElementRef;
     constructor(elementRef: ElementRef);
-    disabled: boolean;
-    elements: ITimeValue[];
-    onClick?: (value: number | string) => void;
-    selected?: number | string | null;
-    refresh?: boolean;
-    selectedChange: EventEmitter<any>;
-    get hostClasses(): {
-        'time-picker-roll-col': boolean;
-        disabled: boolean;
-    };
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly elements: import("@angular/core").InputSignal<ITimeValue[]>;
+    readonly onClick: import("@angular/core").InputSignal<((value: number | string) => void) | undefined>;
+    readonly refresh: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly selectedInput: import("@angular/core").InputSignal<string | number | null>;
+    readonly selected: import("@angular/core").WritableSignal<string | number | null>;
+    readonly selectedChange: import("@angular/core").OutputEmitterRef<any>;
     timeElements: QueryList<TimeElementDirective>;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -34,7 +31,5 @@ export declare class TimePickerRollColComponent implements ITimePickerRollCol, O
     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>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_refresh: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerRollColComponent, "c-time-picker-roll-col", ["cTimePickerRollCol"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "elements": { "alias": "elements"; "required": false; "isSignal": true; }; "onClick": { "alias": "onClick"; "required": false; "isSignal": true; }; "refresh": { "alias": "refresh"; "required": false; "isSignal": true; }; "selectedInput": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
 }

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

@@ -1,86 +1,93 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef, 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;
+    static ngAcceptInputType_disabled: 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
+     * @return boolean
      * @default true
      */
-    cleaner: boolean;
+    readonly cleaner: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Sets DateTime format options including timeZone
-     * @type DateTimeFormatOptions
+     * @return DateTimeFormatOptions
      * @default {}
      * @note The date object doesn't store timeZone, it keeps the local timezone of the browser, regardless if you parsed UTC dates.
      */
-    dateTimeFormatOptions: DateTimeFormatOptions;
+    readonly dateTimeFormatOptions: import("@angular/core").InputSignal<DateTimeFormatOptions>;
     /**
      * Toggle the disabled state for the component.
-     * @type boolean
+     * @return boolean
      * @default false
      */
-    disabled: boolean;
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    readonly disabledEffect: import("@angular/core").EffectRef;
     /**
      * Filter available hours to pick.
-     * @type (value: number) => boolean;
+     * @return (value: number) => boolean;
      * @default undefined
      */
-    filterHours?: (value: number) => boolean;
+    readonly filterHours: import("@angular/core").InputSignal<((value: number) => boolean) | undefined>;
     /**
      * Filter available minutes to pick.
-     * @type (value: number) => boolean;
+     * @return (value: number) => boolean;
      * @default undefined
      */
-    filterMinutes?: (value: number) => boolean;
+    readonly filterMinutes: import("@angular/core").InputSignal<((value: number) => boolean) | undefined>;
     /**
      * Filter available seconds to pick.
-     * @type (value: number) => boolean;
+     * @return (value: number) => boolean;
      * @default undefined
      */
-    filterSeconds?: (value: number) => boolean;
+    readonly filterSeconds: import("@angular/core").InputSignal<((value: number) => boolean) | undefined>;
     /**
      * Toggle visibility or set the content of the input indicator.
-     * @type boolean
+     * @return boolean
      * @default true
      */
-    indicator: boolean;
+    readonly indicator: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Toggle the readonly state for the component.
-     * @type boolean
+     * @return boolean
      * @default false
      */
-    inputReadOnly: boolean;
+    readonly inputReadOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Sets the default locale for components. If not set, it is inherited from the browser.
-     * @type string
+     * @return string
      * @default default
      */
-    locale: string;
+    readonly locale: import("@angular/core").InputSignal<string>;
     /**
      * Specifies short hint visible in time input.
-     * @type string
+     * @return string
      * @default 'Select time'
      */
-    placeholder: string;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
     /**
      * Toggle seconds visibility.
-     * @type boolean
+     * @return boolean
      * @default false
      */
-    seconds: boolean;
+    readonly seconds: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Size the component small or large.
-     * @type 'sm' | 'lg' | undefined
+     * @return 'sm' | 'lg' | undefined
      * @default undefined
      */
-    size?: 'sm' | 'lg';
+    readonly size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
     /**
      * Initial selected time.
-     * @type Date | string | null | number
+     * @return Date | string | null | number
      * @default undefined
      */
     set time(value: Date | string | undefined);
@@ -89,23 +96,23 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     private _timeInternal?;
     /**
      * Set the time picker variant to a roll or select.
-     * @type 'roll' | 'select'
+     * @return 'roll' | 'select'
      * @default 'roll'
      */
-    variant: 'roll' | 'select';
+    readonly variant: import("@angular/core").InputSignal<"select" | "roll">;
     /**
      * Toggle visual validation feedback.
-     * @type boolean | undefined
+     * @return boolean | undefined
      * @default undefined
      */
-    valid?: boolean;
+    readonly valid: import("@angular/core").InputSignal<boolean | undefined>;
     /**
      * Toggle the visibility of dropdown timepicker menu component.
-     * @type boolean
+     * @return boolean
      * @default false
      */
-    visible: boolean;
-    timeChange: EventEmitter<Date | undefined>;
+    readonly visible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly timeChange: import("@angular/core").OutputEmitterRef<Date | undefined>;
     onBlur(): void;
     dropdownRef: ElementRef;
     templates: any;
@@ -123,21 +130,21 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     set timeInputValue(value: string);
     get timeInputValue(): string;
     private _timeInputValue;
-    get timePickerClasses(): {
+    readonly timePickerClasses: import("@angular/core").Signal<{
         [x: string]: boolean;
         'time-picker': boolean;
         'form-control': boolean;
         'is-valid': boolean;
         'is-invalid': boolean;
         disabled: boolean;
-    };
-    selectTime: FormGroup<{
+    }>;
+    readonly selectTime: FormGroup<{
         selectHours: FormControl<number | null>;
         selectMinutes: FormControl<number | null>;
         selectSeconds?: FormControl<number | null>;
         selectDayPeriod?: FormControl<"am" | "pm" | null>;
     }>;
-    timeInput: FormControl<string | null>;
+    readonly timeInputCtrl: FormControl<string | null>;
     set hour(value: number);
     get hour(): number;
     private _hour;
@@ -176,11 +183,5 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     handleFocus($event: FocusEvent): void;
     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;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "c-time-picker", ["cTimePicker"], { "cleaner": { "alias": "cleaner"; "required": false; "isSignal": true; }; "dateTimeFormatOptions": { "alias": "dateTimeFormatOptions"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterHours": { "alias": "filterHours"; "required": false; "isSignal": true; }; "filterMinutes": { "alias": "filterMinutes"; "required": false; "isSignal": true; }; "filterSeconds": { "alias": "filterSeconds"; "required": false; "isSignal": true; }; "indicator": { "alias": "indicator"; "required": false; "isSignal": true; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "seconds": { "alias": "seconds"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "valid": { "alias": "valid"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; }, { "timeChange": "timeChange"; }, ["contentTemplates"], never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.4.4",
+  "version": "5.4.5",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2025 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -23,13 +23,13 @@
   "sideEffects": false,
   "peerDependencies": {
     "@angular/animations": "^19.2.0",
-    "@angular/cdk": "^19.2.1",
+    "@angular/cdk": "^19.2.0",
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0",
     "@angular/forms": "^19.2.0",
     "@angular/router": "^19.2.0",
     "@coreui/coreui-pro": "~5.10.0",
-    "@coreui/icons-angular": "~5.4.3",
+    "@coreui/icons-angular": "~5.4.5",
     "rxjs": "^7.8.2"
   },
   "repository": {