@coreui/angular-pro 5.2.20 → 5.2.22

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

@@ -1,17 +1,16 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
+import { ModelSignal } from '@angular/core';
 import { DateRangePickerComponent } from '../date-range-picker';
 import * as i0 from "@angular/core";
 export declare class DatePickerComponent extends DateRangePickerComponent {
-    constructor(breakpointObserver: BreakpointObserver);
-    placeholder: string;
     readonly dateChange: import("@angular/core").OutputEmitterRef<Date | null | undefined>;
-    readonly range = false;
-    readonly calendars = 1;
-    readonly endDate: import("@angular/core").ModelSignal<null>;
-    set date(value: Date | null | undefined);
-    get date(): Date | null | undefined;
-    writeValue(value: Date | null | undefined): void;
+    readonly calendars: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
+    readonly range: import("@angular/core").WritableSignal<boolean>;
+    readonly endDate: import("@angular/core").WritableSignal<null>;
+    readonly startDateModel: ModelSignal<Date | null>;
+    get date(): Date | null;
+    writeValue(value: Date | null): void;
     subscribeDateChange(subscribe?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "c-date-picker", ["cDatePicker"], { "placeholder": { "alias": "placeholder"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; }; }, { "dateChange": "dateChange"; "endDate": "endDateChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "c-date-picker", ["cDatePicker"], { "calendars": { "alias": "calendars"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "startDateModel": { "alias": "date"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; "startDateModel": "dateChange"; }, never, ["*"], true, never>;
 }

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

@@ -1,10 +1,8 @@
-import { AfterViewInit, ElementRef, EventEmitter, ModelSignal, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, FormGroup } from '@angular/forms';
-import { BreakpointObserver } from '@angular/cdk/layout';
 import { Subscription } from 'rxjs';
 import { Options } from '@popperjs/core';
-import { DateFilterType, DayFormatType, WeekdayFormatType } from '../../calendar/calendar.service';
-import { Colors } from '../../coreui.types';
+import { DateFilterType, DayFormatType, DaysOfWeek, SelectionType, WeekdayFormatType } from '../../calendar/calendar.service';
 import { TemplateIdDirective } from '../../shared';
 import * as i0 from "@angular/core";
 export interface ICalendarRanges {
@@ -12,160 +10,162 @@ export interface ICalendarRanges {
 }
 export type TCustomRange = [string, Date[]];
 /** Must be a valid date string */
-export declare class DateRangePickerComponent implements OnInit, OnDestroy, ControlValueAccessor, AfterViewInit, OnChanges {
+export declare class DateRangePickerComponent implements OnInit, OnDestroy, ControlValueAccessor {
     #private;
-    private breakpointObserver;
-    constructor(breakpointObserver: BreakpointObserver);
     /**
      * Set the format of day name.
      * @default 'numeric'
      * @type DayFormatType
      */
-    dayFormat: DayFormatType;
+    readonly dayFormat: import("@angular/core").InputSignal<DayFormatType>;
     /**
      * The number of calendars that render on desktop devices.
      * @type number
      * @default 2
      */
-    calendars: number;
+    readonly calendars: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**
      * Toggle visibility or set the content of the cleaner button.
      * @type boolean
      * @default true
      */
-    cleaner: boolean;
+    readonly cleaner: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Determine if the dropdown should be closed after value setting.
      * @type boolean
      * @default false
      */
-    closeOnSelect: boolean;
+    readonly closeOnSelect: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Set date format.
      * We use Angular formatDate() function, see:
      * - https://angular.io/api/common/formatDate
      * - https://angular.io/api/common/DatePipe#pre-defined-format-options
      */
-    format?: string;
+    readonly format: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Toggle visibility or set the content of the input indicator.
      * @type boolean
      * @default true
      */
-    indicator: boolean;
+    readonly indicator: import("@angular/core").InputSignal<boolean>;
     /**
      * Custom function to format the selected date into a string according to a custom format.
      * @since v5.0.0
      */
-    inputDateFormat?: (date: Date) => string;
+    readonly inputDateFormat: import("@angular/core").InputSignal<((date: Date) => string) | undefined>;
     /**
      * Custom function to parse the input value into a valid Date object.
      * @since v5.0.0
      */
-    inputDateParse?: (date: string | Date) => Date;
+    readonly inputDateParse: import("@angular/core").InputSignal<((date: string | Date) => Date) | undefined>;
     /**
      * Toggle the readonly state for the component.
      * @type boolean
      * @default false
      */
-    set inputReadOnly(value: boolean);
-    get inputReadOnly(): boolean;
+    readonly inputReadOnlyInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly inputReadOnly: import("@angular/core").Signal<boolean>;
     /**
      * Reorder year-month navigation, and render year first.
      * @type boolean
      * @default false
      */
-    navYearFirst: boolean;
+    readonly navYearFirst: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Specifies short hints that are visible in start date and end date inputs.
      * type string
      */
-    placeholder: string | string[];
+    readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
     /**
      * Predefined date ranges the user can select from.
      * @type ICalendarRanges
      */
-    ranges?: ICalendarRanges;
+    readonly ranges: import("@angular/core").InputSignal<ICalendarRanges | undefined>;
     /**
      * Sets the color context of the cancel button to one of CoreUI’s themed colors.
      * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
      * @default 'secondary'
      */
-    rangesButtonsColor: Colors;
+    readonly rangesButtonsColor: import("@angular/core").InputSignal<string>;
     /**
      * Size the ranges button small or large.
      * @type 'sm' | 'lg' | ''
      */
-    rangesButtonsSize: 'sm' | 'lg' | '';
+    readonly rangesButtonsSize: import("@angular/core").InputSignal<"" | "sm" | "lg">;
     /**
      * Set the ranges button variant to an outlined button or a ghost button.
      * @type 'outline' | 'ghost' | undefined
      */
-    rangesButtonsVariant?: 'outline' | 'ghost';
+    readonly rangesButtonsVariant: import("@angular/core").InputSignal<"ghost" | "outline">;
     /**
      * Default icon or character that separates two dates.
      * @type boolean
      * @default true
      */
-    separator: boolean;
+    readonly separator: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Size the component small or large.
      * @type 'sm' | 'lg' | undefined
      * @default undefined
      */
-    size?: 'sm' | 'lg';
+    readonly size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
     /**
      * Provide an additional time selection by adding select boxes to choose time.
      * @type boolean
      * @default false
      */
-    set timepicker(value: boolean);
+    readonly timepickerInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     get timepicker(): boolean;
     /**
      * Toggle visual validation feedback.
      * @type boolean | undefined
      * @default undefined
      */
-    valid?: boolean;
+    readonly valid: import("@angular/core").InputSignal<boolean | undefined>;
     /**
      * Toggle the visibility of the dropdown date-picker component.
      * @type boolean
      * @default false
      */
-    visible: boolean;
-    readonly startDateModel: ModelSignal<Date | null | undefined>;
+    readonly visibleInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly visibleInputEffect: import("@angular/core").EffectRef;
+    readonly visible: import("@angular/core").WritableSignal<boolean>;
+    readonly startDateModel: import("@angular/core").ModelSignal<Date | null>;
     readonly dateModelEffect: import("@angular/core").EffectRef;
-    readonly startDateChange: import("rxjs").Observable<Date | null | undefined>;
     readonly startDate: import("@angular/core").Signal<Date | null>;
-    readonly endDateModel: ModelSignal<Date | null | undefined>;
-    readonly endDateChange: import("rxjs").Observable<Date | null | undefined>;
+    readonly startDateChange: import("rxjs").Observable<Date | null>;
+    readonly endDateModel: import("@angular/core").ModelSignal<Date | null>;
     readonly endDate: import("@angular/core").Signal<Date | null>;
+    readonly endDateChange: import("rxjs").Observable<Date | null>;
     calendarDate: Date;
-    disabledDates: (Date[] | Date)[];
+    readonly disabledDates: import("@angular/core").InputSignal<(Date | Date[])[]>;
     /**
      * Set first day of week.
-     * @type number
+     * @type DaysOfWeek
      * @default 1 (Monday)
      */
-    firstDayOfWeek: number;
+    readonly firstDayOfWeek: import("@angular/core").InputSignal<DaysOfWeek>;
     readonly locale: import("@angular/core").InputSignal<string>;
-    maxDate: Date | null;
-    minDate: Date | null;
+    readonly maxDate: import("@angular/core").InputSignal<Date | null>;
+    readonly minDate: import("@angular/core").InputSignal<Date | null>;
     /**
      * Show calendar navigation.
      * @type boolean
      * @default true
      */
-    navigation: boolean;
+    readonly navigation: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Allow range selection.
      * @type boolean
-     * @default false
+     * @default true
      */
-    range: boolean;
-    dateFilter?: DateFilterType;
-    set disabled(value: boolean);
-    get disabled(): boolean;
+    readonly rangeInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly range: import("@angular/core").Signal<boolean>;
+    readonly dateFilter: import("@angular/core").InputSignal<DateFilterType | undefined>;
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabledEffect: import("@angular/core").EffectRef;
+    readonly disabled: import("@angular/core").Signal<boolean>;
     set value(value: any);
     get value(): any;
     private _value;
@@ -174,84 +174,71 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      * @type WeekdayFormatType
      * @default 'short'
      */
-    weekdayFormat: WeekdayFormatType;
+    readonly weekdayFormat: import("@angular/core").InputSignal<WeekdayFormatType>;
     /**
      * Optional popper Options object
      * @type Partial<Options>
      */
-    popperjsOptions: Partial<Options>;
+    readonly popperjsOptions: import("@angular/core").InputSignal<Partial<Options>>;
     /**
      * Set whether days in adjacent months shown before or after the current month are selectable. This only applies if the `showAdjacentDays` option is set to true.
      * @type boolean
      * @default false
      * @since 4.4.10
      */
-    selectAdjacentDays: boolean;
+    readonly selectAdjacentDays: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Set whether to display dates in adjacent months (non-selectable) at the start and end of the current month.
      * @type boolean
      * @default true
      * @since 4.4.10
      */
-    showAdjacentDays: boolean;
+    readonly showAdjacentDays: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Specify the type of date selection as day, week, month, or year.
      * @type 'day' | 'week' | 'month' | 'year'
      * @default 'day'
      * @since 5.0.0
      */
-    selectionType: 'day' | 'week' | 'month' | 'year';
+    readonly selectionType: import("@angular/core").InputSignal<SelectionType>;
     /**
      * Set whether to display week numbers in the calendar.
      * @type boolean
      * @default false
      * @since 5.0.0
      */
-    showWeekNumber: boolean;
+    readonly showWeekNumber: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Label displayed over week numbers in the calendar.
      * @type string
      * @default undefined
      * @since 5.0.0
      */
-    weekNumbersLabel?: string;
-    readonly valueChange: EventEmitter<Date | Date[] | undefined>;
-    calendarCellHover: EventEmitter<Date | null>;
-    calendarDateChange: EventEmitter<Date>;
-    startDateElementRef: ElementRef<HTMLInputElement>;
-    endDateElementRef: ElementRef<HTMLInputElement>;
-    templates: any;
-    contentTemplates: QueryList<TemplateIdDirective>;
+    readonly weekNumbersLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<Date | Date[] | undefined>;
+    readonly calendarCellHover: import("@angular/core").OutputEmitterRef<Date | null>;
+    readonly calendarDateChange: import("@angular/core").OutputEmitterRef<Date>;
+    readonly startDateElementRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly endDateElementRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly contentTemplates: import("@angular/core").Signal<readonly TemplateIdDirective[]>;
+    readonly templates: import("@angular/core").Signal<Record<string, TemplateRef<any>>>;
     protected dateChangeSubscriptions: Subscription[];
     protected subscribeDateChange(subscribe?: boolean): void;
     onBlur(): void;
     isMobile: boolean;
     customRanges: TCustomRange[];
     showRanges: boolean;
-    startDateValue: import("@angular/core").Signal<string>;
-    endDateValue: import("@angular/core").Signal<string>;
+    readonly startDateValue: import("@angular/core").Signal<string>;
+    readonly endDateValue: import("@angular/core").Signal<string>;
     get startDatePlaceholder(): string;
     get endDatePlaceholder(): string;
-    private layoutChanges;
-    dateRangeGroup: FormGroup;
-    set inputStartHoverValue(value: Date | null);
-    get inputStartHoverValue(): Date | null;
-    private _inputStartHoverValue;
-    set inputEndHoverValue(value: Date | null);
-    get inputEndHoverValue(): Date | null;
-    private _inputEndHoverValue;
-    get datePickerClasses(): {
-        [x: string]: boolean | "sm" | "lg" | undefined;
-        'date-picker': boolean;
-        disabled: boolean;
-        'is-valid': boolean;
-        'is-invalid': boolean;
-    };
+    readonly dateRangeGroup: FormGroup;
+    readonly inputStartHoverValue: import("@angular/core").WritableSignal<Date | null>;
+    readonly inputEndHoverValue: import("@angular/core").WritableSignal<Date | null>;
+    get datePickerClasses(): Record<string, boolean>;
     formatDate(date: Date | null | undefined): string;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     convertValueToDate(value: Date | string | number | undefined | null): Date | null;
     inputParse(date: string): Date | undefined;
     getCustomRangeKey(customRange: any): any;
@@ -264,7 +251,7 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     handleStartDateInputChange($event: any): void;
     handleEndDateInputChange($event: any): void;
     forbiddenDate(date: Date): boolean;
-    setInputValue: (elementRef: ElementRef, date: Date | null) => void;
+    setInputValue: (elementRef: ElementRef | undefined, date: Date | null) => void;
     onChange: any;
     onTouched: any;
     registerOnChange(fn: any): void;
@@ -274,22 +261,6 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     handleStartTimeChange(time: Date | undefined): void;
     handleEndTimeChange(time: Date | undefined): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "c-date-range-picker", ["cDateRangePicker"], { "dayFormat": { "alias": "dayFormat"; "required": false; }; "calendars": { "alias": "calendars"; "required": false; }; "cleaner": { "alias": "cleaner"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "format": { "alias": "format"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "inputDateFormat": { "alias": "inputDateFormat"; "required": false; }; "inputDateParse": { "alias": "inputDateParse"; "required": false; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; }; "navYearFirst": { "alias": "navYearFirst"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ranges": { "alias": "ranges"; "required": false; }; "rangesButtonsColor": { "alias": "rangesButtonsColor"; "required": false; }; "rangesButtonsSize": { "alias": "rangesButtonsSize"; "required": false; }; "rangesButtonsVariant": { "alias": "rangesButtonsVariant"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "size": { "alias": "size"; "required": false; }; "timepicker": { "alias": "timepicker"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "startDateModel": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDateModel": { "alias": "endDate"; "required": false; "isSignal": true; }; "calendarDate": { "alias": "calendarDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "range": { "alias": "range"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "weekdayFormat": { "alias": "weekdayFormat"; "required": false; }; "popperjsOptions": { "alias": "popperOptions"; "required": false; }; "selectAdjacentDays": { "alias": "selectAdjacentDays"; "required": false; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "showWeekNumber": { "alias": "showWeekNumber"; "required": false; }; "weekNumbersLabel": { "alias": "weekNumbersLabel"; "required": false; }; }, { "startDateModel": "startDateChange"; "endDateModel": "endDateChange"; "valueChange": "valueChange"; "calendarCellHover": "calendarCellHover"; "calendarDateChange": "calendarDateChange"; }, ["contentTemplates"], ["*"], true, never>;
-    static ngAcceptInputType_calendars: unknown;
-    static ngAcceptInputType_cleaner: unknown;
-    static ngAcceptInputType_closeOnSelect: unknown;
-    static ngAcceptInputType_indicator: unknown;
-    static ngAcceptInputType_inputReadOnly: unknown;
-    static ngAcceptInputType_navYearFirst: unknown;
-    static ngAcceptInputType_separator: unknown;
-    static ngAcceptInputType_timepicker: unknown;
-    static ngAcceptInputType_visible: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "c-date-range-picker", ["cDateRangePicker"], { "dayFormat": { "alias": "dayFormat"; "required": false; "isSignal": true; }; "calendars": { "alias": "calendars"; "required": false; "isSignal": true; }; "cleaner": { "alias": "cleaner"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "indicator": { "alias": "indicator"; "required": false; "isSignal": true; }; "inputDateFormat": { "alias": "inputDateFormat"; "required": false; "isSignal": true; }; "inputDateParse": { "alias": "inputDateParse"; "required": false; "isSignal": true; }; "inputReadOnlyInput": { "alias": "inputReadOnly"; "required": false; "isSignal": true; }; "navYearFirst": { "alias": "navYearFirst"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ranges": { "alias": "ranges"; "required": false; "isSignal": true; }; "rangesButtonsColor": { "alias": "rangesButtonsColor"; "required": false; "isSignal": true; }; "rangesButtonsSize": { "alias": "rangesButtonsSize"; "required": false; "isSignal": true; }; "rangesButtonsVariant": { "alias": "rangesButtonsVariant"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "timepickerInput": { "alias": "timepicker"; "required": false; "isSignal": true; }; "valid": { "alias": "valid"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visibleInput"; "required": false; "isSignal": true; }; "startDateModel": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDateModel": { "alias": "endDate"; "required": false; "isSignal": true; }; "calendarDate": { "alias": "calendarDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "navigation": { "alias": "navigation"; "required": false; "isSignal": true; }; "rangeInput": { "alias": "range"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "weekdayFormat": { "alias": "weekdayFormat"; "required": false; "isSignal": true; }; "popperjsOptions": { "alias": "popperOptions"; "required": false; "isSignal": true; }; "selectAdjacentDays": { "alias": "selectAdjacentDays"; "required": false; "isSignal": true; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; "isSignal": true; }; "selectionType": { "alias": "selectionType"; "required": false; "isSignal": true; }; "showWeekNumber": { "alias": "showWeekNumber"; "required": false; "isSignal": true; }; "weekNumbersLabel": { "alias": "weekNumbersLabel"; "required": false; "isSignal": true; }; }, { "startDateModel": "startDateChange"; "endDateModel": "endDateChange"; "valueChange": "valueChange"; "calendarCellHover": "calendarCellHover"; "calendarDateChange": "calendarDateChange"; }, ["contentTemplates"], ["*"], true, never>;
     static ngAcceptInputType_calendarDate: Date | number;
-    static ngAcceptInputType_firstDayOfWeek: unknown;
-    static ngAcceptInputType_navigation: unknown;
-    static ngAcceptInputType_range: unknown;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_selectAdjacentDays: unknown;
-    static ngAcceptInputType_showAdjacentDays: unknown;
-    static ngAcceptInputType_showWeekNumber: unknown;
 }

package/lib/navbar/navbar-brand/navbar-brand.directive.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class NavbarBrandDirective {
-    navbarBrand: boolean;
-    role: string;
+    readonly role: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarBrandDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NavbarBrandDirective, "[cNavbarBrand]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavbarBrandDirective, "[cNavbarBrand]", never, { "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/navbar/navbar-nav/navbar-nav.component.d.ts

@@ -4,9 +4,8 @@ export declare class NavbarNavComponent {
      * Enable vertical scrolling of a collapsed navbar toggleable contents.
      * @type boolean
      */
-    scroll: string | boolean;
-    get hostClasses(): any;
+    readonly scroll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarNavComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarNavComponent, "c-navbar-nav", never, { "scroll": { "alias": "scroll"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_scroll: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarNavComponent, "c-navbar-nav", never, { "scroll": { "alias": "scroll"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/navbar/navbar-text/navbar-text.component.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class NavbarTextComponent {
-    navbarTextClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NavbarTextComponent, "c-navbar-text", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/navbar/navbar-toggler/navbar-toggler.directive.d.ts

@@ -1,33 +1,28 @@
-import { AfterContentInit, ElementRef, Renderer2 } from '@angular/core';
 import { CollapseDirective } from '../../collapse';
 import * as i0 from "@angular/core";
-export declare class NavbarTogglerDirective implements AfterContentInit {
-    private renderer;
-    private hostElement;
+export declare class NavbarTogglerDirective {
+    #private;
+    constructor();
     /**
      * Reference to navbar collapse element (via # template variable) . [docs]
      * @type string
      * @default 'button'
      */
-    collapseRef?: CollapseDirective;
-    navbarToggler: boolean;
+    readonly collapseRef: import("@angular/core").InputSignal<CollapseDirective | undefined>;
     /**
      * Default type for navbar-toggler. [docs]
      * @type string
      * @default 'button'
      */
-    type: string;
+    readonly type: import("@angular/core").InputSignal<string>;
     /**
      * Default aria-label attr for navbar-toggler. [docs]
      * @type string
      * @default 'Toggle navigation'
      */
-    ariaLabel: string;
-    private hasContent;
-    constructor(renderer: Renderer2, hostElement: ElementRef);
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
     handleClick(): void;
     addDefaultIcon(): void;
-    ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarTogglerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NavbarTogglerDirective, "[cNavbarToggler]", never, { "collapseRef": { "alias": "cNavbarToggler"; "required": false; }; "type": { "alias": "type"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavbarTogglerDirective, "[cNavbarToggler]", never, { "collapseRef": { "alias": "cNavbarToggler"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/navbar/navbar.component.d.ts

@@ -1,36 +1,35 @@
-import { AfterContentInit, ElementRef } from '@angular/core';
-import { BreakpointObserver } from '@angular/cdk/layout';
+import { AfterContentInit, OnDestroy } from '@angular/core';
 import { CollapseDirective } from '../collapse';
-import { Colors } from '../coreui.types';
 import * as i0 from "@angular/core";
 import * as i1 from "../shared/theme.directive";
-export declare class NavbarComponent implements AfterContentInit {
-    private hostElement;
-    private breakpointObserver;
+export declare class NavbarComponent implements AfterContentInit, OnDestroy {
+    #private;
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      * @type Colors
      */
-    color?: Colors;
+    readonly color: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Defines optional container wrapping children elements.
      */
-    container?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid';
+    readonly container: import("@angular/core").InputSignal<boolean | "sm" | "md" | "lg" | "xl" | "xxl" | "fluid" | undefined>;
     /**
      * Defines the responsive breakpoint to determine when content collapses.
      */
-    expand?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    readonly expand: import("@angular/core").InputSignal<boolean | "sm" | "md" | "lg" | "xl" | "xxl" | undefined>;
     /**
      * Place component in non-static positions.
      */
-    placement?: 'fixed-top' | 'fixed-bottom' | 'sticky-top';
-    collapse: CollapseDirective;
-    role: string;
-    constructor(hostElement: ElementRef, breakpointObserver: BreakpointObserver);
-    get hostClasses(): any;
-    get containerClass(): string;
-    get breakpoint(): string | boolean;
+    readonly placement: import("@angular/core").InputSignal<"fixed-top" | "fixed-bottom" | "sticky-top" | undefined>;
+    readonly role: import("@angular/core").InputSignal<string>;
+    readonly collapse: import("@angular/core").Signal<CollapseDirective | undefined>;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
+    readonly containerClass: import("@angular/core").Signal<string>;
+    readonly computedStyle: import("@angular/core").WritableSignal<string>;
+    readonly afterNextRenderFn: import("@angular/core").AfterRenderRef;
+    readonly breakpoint: import("@angular/core").Signal<string | false>;
     ngAfterContentInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "c-navbar", never, { "color": { "alias": "color"; "required": false; }; "container": { "alias": "container"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, ["collapse"], ["*", "*"], true, [{ directive: typeof i1.ThemeDirective; inputs: { "colorScheme": "colorScheme"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "c-navbar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "expand": { "alias": "expand"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, ["collapse"], ["*", "*"], true, [{ directive: typeof i1.ThemeDirective; inputs: { "colorScheme": "colorScheme"; }; outputs: {}; }]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.2.20",
+  "version": "5.2.22",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -28,8 +28,8 @@
     "@angular/core": "^18.2.0",
     "@angular/forms": "^18.2.0",
     "@angular/router": "^18.2.0",
-    "@coreui/coreui-pro": "^5.5.0",
-    "@coreui/icons-angular": "~5.2.20",
+    "@coreui/coreui-pro": "^5.6.0",
+    "@coreui/icons-angular": "~5.2.21",
     "rxjs": "^7.8.1"
   },
   "repository": {