@coreui/angular-pro 5.2.17 → 5.2.19

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

@@ -35,8 +35,8 @@ export declare class CalendarComponent implements OnInit {
      * Specify the list of dates that cannot be selected.
      * @type  Date[] | Date[][]
      */
-    set disabledDates(value: Date[] | Date[][]);
-    get disabledDates(): Date[] | Date[][];
+    set disabledDates(value: (Date[] | Date)[]);
+    get disabledDates(): (Date[] | Date)[];
     private _disabledDates;
     /**
      * Initial selected date.

package/lib/calendar/calendar-month/calendar-day.directive.d.ts

@@ -3,18 +3,17 @@ import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
 export declare class CalendarDayDirective implements FocusableOption {
     #private;
-    elementRef: ElementRef<any>;
-    focusMonitor: FocusMonitor;
+    readonly elementRef: ElementRef<any>;
+    readonly focusMonitor: FocusMonitor;
     constructor();
-    date: Date;
+    readonly date: import("@angular/core").InputSignal<Date | undefined>;
+    readonly month: import("@angular/core").InputSignal<string>;
     disabled: boolean;
-    month: string;
-    calendarDate: Date;
-    disabled$: import("@angular/core").Signal<boolean>;
-    get hostClasses(): any;
+    readonly disabled$: import("@angular/core").Signal<boolean>;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean> | undefined>;
+    readonly ariaSelected: import("@angular/core").Signal<true | null>;
     focus(origin?: FocusOrigin): void;
     getLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarDayDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarDayDirective, "[cCalendarDay]", ["cCalendarDay"], { "date": { "alias": "date"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "month": { "alias": "month"; "required": false; }; "calendarDate": { "alias": "calendarDate"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarDayDirective, "[cCalendarDay]", ["cCalendarDay"], { "date": { "alias": "date"; "required": false; "isSignal": true; }; "month": { "alias": "month"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -21,13 +21,13 @@ export declare class CalendarMonthComponent implements OnInit {
      */
     set endDate(value: Date | number | string | null | undefined);
     get endDate(): Date | number | string | null | undefined;
-    _endDate: (Date | null);
+    _endDate: Date | null;
     /**
      * Specify the list of dates that cannot be selected.
      * @type  Date[] | Date[][]
      */
-    set disabledDates(value: Date[] | Date[][]);
-    get disabledDates(): Date[] | Date[][];
+    set disabledDates(value: (Date[] | Date)[]);
+    get disabledDates(): (Date[] | Date)[];
     private _disabledDates;
     /**
      * Sets the day of start week.
@@ -86,7 +86,7 @@ export declare class CalendarMonthComponent implements OnInit {
      * Default date of the component
      * @type Date
      */
-    set calendarDate(value: (Date | string | number));
+    set calendarDate(value: Date | string | number);
     get calendarDate(): Date;
     calendarDate$$: WritableSignal<Date>;
     calendarDays: QueryList<CalendarDayDirective>;
@@ -117,13 +117,13 @@ export declare class CalendarMonthComponent implements OnInit {
     yearNumber(year: any): string;
     isDateDisabled(date: Date): boolean;
     calendarCellTitle(date: Date): string;
-    handleCellMouseEnter(hoverDate: Date): void;
+    handleCellMouseEnter(hoverDate: Date | undefined): void;
     handleYearCellClick(year: number): void;
-    handleYearCellKeyUp($event: KeyboardEvent, date: Date): void;
-    handleMonthCellKeyUp($event: KeyboardEvent, date: Date): void;
-    handleMonthCellClick(value: Date): void;
+    handleYearCellKeyUp($event: KeyboardEvent, date: Date | undefined): void;
+    handleMonthCellKeyUp($event: KeyboardEvent, date: Date | undefined): void;
+    handleMonthCellClick(value: Date | undefined): void;
     setCalendarPage(years: number, months?: number, setMonth?: number): void;
-    handleDayCellKeyDown($event: KeyboardEvent, date: Date): void;
+    handleDayCellKeyDown($event: KeyboardEvent, date: Date | undefined): void;
     handleCellMouseLeave(): void;
     handleDayCellKeyUp($event: KeyboardEvent, date: Date): void;
     handleDayCellClick(date: Date): void;

package/lib/calendar/calendar-month/calendar-row.directive.d.ts

@@ -37,6 +37,7 @@ export declare class CalendarRowDirective implements FocusableOption {
     get tabindex(): number;
     get selectEndDate(): boolean;
     get hostClasses(): any;
+    get ariaSelected(): true | null;
     focus(origin?: FocusOrigin): void;
     getLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarRowDirective, never>;

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

@@ -1,31 +1,27 @@
-import { EventEmitter } from '@angular/core';
 import { CalendarService, SelectionType } from '../calendar.service';
 import * as i0 from "@angular/core";
 interface INavigationClick {
-    direction: ('prev' | 'next');
+    direction: 'prev' | 'next';
     years: boolean;
 }
 export declare class CalendarNavigationComponent {
     #private;
     private calendarService;
     constructor(calendarService: CalendarService);
-    addMonths: number;
-    set calendarDate(value: Date);
-    get calendarDate(): Date;
-    private _calendarDate;
-    navigation: boolean;
-    navYearFirst: boolean;
-    locale: string;
-    view: 'days' | 'months' | 'years';
+    readonly addMonths: import("@angular/core").InputSignal<number>;
+    readonly navigation: import("@angular/core").InputSignal<boolean>;
+    readonly calendarDate: import("@angular/core").WritableSignal<Date>;
+    readonly navYearFirst: import("@angular/core").WritableSignal<boolean>;
+    readonly locale: import("@angular/core").WritableSignal<string>;
+    readonly view: import("@angular/core").WritableSignal<"days" | "months" | "years">;
     selectionType: SelectionType;
-    navigationClick: EventEmitter<INavigationClick>;
-    get date(): Date;
-    get hostClasses(): any;
+    readonly navigationClick: import("@angular/core").OutputEmitterRef<INavigationClick>;
+    readonly date: import("@angular/core").Signal<Date>;
     calendarStateSubscribe(): void;
     setView(view: 'days' | 'months' | 'years'): void;
     handleNavigationClick(direction: 'prev' | 'next', years?: boolean): void;
     handleNavigationKeyUp($event: KeyboardEvent, direction: 'prev' | 'next', years?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarNavigationComponent, "c-calendar-navigation", never, { "addMonths": { "alias": "addMonths"; "required": false; }; "calendarDate": { "alias": "calendarDate"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "navYearFirst": { "alias": "navYearFirst"; "required": false; }; }, { "navigationClick": "navigationClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarNavigationComponent, "c-calendar-navigation", never, { "addMonths": { "alias": "addMonths"; "required": false; "isSignal": true; }; "navigation": { "alias": "navigation"; "required": false; "isSignal": true; }; }, { "navigationClick": "navigationClick"; }, never, never, true, never>;
 }
 export {};

package/lib/callout/callout.component.d.ts

@@ -1,12 +1,11 @@
-import { Colors } from '../coreui.types';
 import * as i0 from "@angular/core";
 export declare class CalloutComponent {
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      * @type Colors
      */
-    color?: Colors;
-    get hostClasses(): any;
+    readonly color: import("@angular/core").InputSignal<string | undefined>;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalloutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutComponent, "c-callout, [cCallout]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutComponent, "c-callout, [cCallout]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/card/card-header-actions.component.d.ts

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

package/lib/card/card-img.directive.d.ts

@@ -4,8 +4,8 @@ export declare class CardImgDirective {
      * Optionally orientate the image to the top, bottom, or make it overlaid across the card.
      * @type {'top | 'bottom'}
      */
-    orientation?: 'top' | 'bottom';
-    get hostClasses(): any;
+    readonly orientation: import("@angular/core").InputSignal<"start" | "end" | "top" | "bottom" | undefined>;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardImgDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CardImgDirective, "[cCardImg]", never, { "orientation": { "alias": "cCardImg"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardImgDirective, "[cCardImg]", never, { "orientation": { "alias": "cCardImg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/card/card.component.d.ts

@@ -22,7 +22,7 @@ export declare class CardComponent {
      * @since 5.0.0
      */
     readonly textBgColor: InputSignal<Colors | undefined>;
-    get hostClasses(): any;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "c-card, [c-card]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "textBgColor": { "alias": "textBgColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }, { directive: typeof i2.TextBgColorDirective; inputs: { "cTextBgColor": "textBgColor"; }; outputs: {}; }]>;
 }

package/lib/collapse/collapse.directive.d.ts

@@ -1,12 +1,13 @@
-import { AfterViewInit, DoCheck, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
+import { AfterViewInit, DoCheck, ElementRef, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
 import { AnimationBuilder } from '@angular/animations';
 import * as i0 from "@angular/core";
-export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck, AfterViewInit {
-    private hostElement;
-    private renderer;
-    private animationBuilder;
+export declare class CollapseDirective implements OnDestroy, AfterViewInit, DoCheck, OnChanges {
+    private readonly hostElement;
+    private readonly renderer;
+    private readonly animationBuilder;
     /**
      * @ignore
+     * todo: 'animate' input signal for navbar
      */
     animate: boolean;
     /**
@@ -14,11 +15,12 @@ export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck,
      * @type boolean
      * @default false
      */
-    horizontal: boolean;
+    readonly horizontal: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Toggle the visibility of collapsible element.
      * @type boolean
      * @default false
+     * todo: 'visible' input signal
      */
     set visible(value: boolean);
     get visible(): boolean;
@@ -28,26 +30,26 @@ export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck,
      * @type boolean
      * @default false
      */
-    navbar: boolean;
+    readonly navbar: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * @ignore
      */
-    duration: string;
+    readonly duration: import("@angular/core").InputSignal<string>;
     /**
      * @ignore
      */
-    transition: string;
+    readonly transition: import("@angular/core").InputSignal<string>;
     /**
      * Event emitted on visibility change. [docs]
      * @type string
      */
-    collapseChange: EventEmitter<string>;
+    readonly collapseChange: import("@angular/core").OutputEmitterRef<string>;
     private player;
     private readonly host;
     private scrollWidth;
     private collapsing;
     constructor(hostElement: ElementRef, renderer: Renderer2, animationBuilder: AnimationBuilder);
-    get hostClasses(): any;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -57,9 +59,7 @@ export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck,
     createPlayer(visible?: boolean): void;
     setMaxSize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CollapseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseDirective, "[cCollapse]", ["cCollapse"], { "animate": { "alias": "animate"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "navbar": { "alias": "navbar"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "transition": { "alias": "transition"; "required": false; }; }, { "collapseChange": "collapseChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseDirective, "[cCollapse]", ["cCollapse"], { "animate": { "alias": "animate"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; }; "navbar": { "alias": "navbar"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "transition": { "alias": "transition"; "required": false; "isSignal": true; }; }, { "collapseChange": "collapseChange"; }, never, never, true, never>;
     static ngAcceptInputType_animate: unknown;
-    static ngAcceptInputType_horizontal: unknown;
     static ngAcceptInputType_visible: unknown;
-    static ngAcceptInputType_navbar: unknown;
 }

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

@@ -141,7 +141,7 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     readonly endDateChange: import("rxjs").Observable<Date | null | undefined>;
     readonly endDate: import("@angular/core").Signal<Date | null>;
     calendarDate: Date;
-    disabledDates: Date[] | Date[][];
+    disabledDates: (Date[] | Date)[];
     /**
      * Set first day of week.
      * @type number

package/lib/element-cover/element-cover.component.d.ts

@@ -1,27 +1,26 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ElementCoverComponent implements AfterViewInit {
+export declare class ElementCoverComponent {
     #private;
-    private elementRef;
-    private changeDetectorRef;
-    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
+    readonly elementRef: ElementRef<any>;
+    readonly changeDetectorRef: ChangeDetectorRef;
+    constructor();
     /**
      * Array of custom boundaries. Use to create custom cover area (instead of parent element area). Area is defined by four sides: 'top', 'bottom', 'right', 'left'. If side is not defined by any custom boundary it is equal to parent element boundary. Each custom boundary is object with keys:
      * - sides (array) - select boundaries of element to define boundaries. Side names: 'top', 'bottom', 'right', 'left'.
      * - query (string) - query used to get element which define boundaries. Search will be done only inside parent element, by parent.querySelector(query) function. [docs]
      * @type {sides: string[], query: string}[]
      */
-    boundaries?: {
-        sides: string[];
+    readonly boundaries: import("@angular/core").InputSignal<{
+        sides: ("top" | "bottom" | "right" | "left")[];
         query: string;
-    }[];
-    opacity: number;
-    content?: ElementRef;
-    hasContent: boolean;
-    private get customBoundaries();
-    private get containerCoords();
-    private get coverStyles();
-    ngAfterViewInit(): void;
+    }[] | undefined>;
+    /**
+     * Opacity of cover. [docs]
+     * @type <number>
+     */
+    readonly opacity: import("@angular/core").InputSignal<number>;
+    readonly hostStyles: import("@angular/core").Signal<Record<string, unknown>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementCoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElementCoverComponent, "c-element-cover, [cElementCover]", never, { "boundaries": { "alias": "boundaries"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementCoverComponent, "c-element-cover, [cElementCover]", never, { "boundaries": { "alias": "boundaries"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/form/input-group/input-group.component.d.ts

@@ -3,8 +3,8 @@ export declare class InputGroupComponent {
     /**
      * Size the component small or large.
      */
-    sizing: string | 'sm' | 'lg' | '';
-    get hostClasses(): any;
+    readonly sizing: import("@angular/core").InputSignal<string>;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroupComponent, "c-input-group", never, { "sizing": { "alias": "sizing"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroupComponent, "c-input-group", never, { "sizing": { "alias": "sizing"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/grid/container.component.d.ts

@@ -1,3 +1,4 @@
+import { InputSignal, InputSignalWithTransform } from '@angular/core';
 import { IContainer } from './container.type';
 import { Breakpoints } from '../coreui.types';
 import * as i0 from "@angular/core";
@@ -5,14 +6,13 @@ export declare class ContainerComponent implements IContainer {
     /**
      * Set container 100% wide until a breakpoint.
      */
-    breakpoint: Exclude<Breakpoints, 'xs'>;
+    readonly breakpoint: InputSignal<Exclude<Breakpoints, 'xs'>>;
     /**
      * Set container 100% wide, spanning the entire width of the viewport.
-     * @type boolean | string
+     * @type InputSignalWithTransform<unknown, boolean>
      */
-    fluid: string | boolean;
-    get hostClasses(): any;
+    readonly fluid: InputSignalWithTransform<unknown, boolean>;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ContainerComponent, "c-container, [cContainer]", never, { "breakpoint": { "alias": "breakpoint"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_fluid: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContainerComponent, "c-container, [cContainer]", never, { "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/grid/container.type.d.ts

@@ -1,5 +1,6 @@
 import { Breakpoints } from '../coreui.types';
+import { InputSignal, InputSignalWithTransform } from '@angular/core';
 export interface IContainer {
-    fluid?: string | boolean;
-    breakpoint?: Exclude<Breakpoints, 'xs'>;
+    fluid?: string | boolean | InputSignalWithTransform<unknown, boolean>;
+    breakpoint?: Exclude<Breakpoints, 'xs'> | InputSignal<Exclude<Breakpoints, 'xs'>>;
 }

package/lib/header/header/header.component.d.ts

@@ -1,3 +1,4 @@
+import { InputSignal } from '@angular/core';
 import { Positions } from '../../coreui.types';
 import * as i0 from "@angular/core";
 type Container = boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid';
@@ -5,21 +6,21 @@ export declare class HeaderComponent {
     /**
      * Defines optional container wrapping children elements.
      */
-    container?: Container;
+    readonly container: InputSignal<Container | undefined>;
     /**
      * Place header in non-static positions.
      */
-    position?: Positions;
+    readonly position: InputSignal<Positions | undefined>;
     /**
      * Default role for header. [docs]
      * @type string
      * @default 'banner'
      */
-    role: string;
-    get getClasses(): any;
-    get headerClasses(): any;
-    get containerClasses(): any;
+    readonly role: InputSignal<string>;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
+    readonly headerClasses: import("@angular/core").Signal<Record<string, boolean>>;
+    readonly containerClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "c-header, [c-header]", never, { "container": { "alias": "container"; "required": false; }; "position": { "alias": "position"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, ["*", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "c-header, [c-header]", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
 }
 export {};

package/lib/popover/popover/popover.component.d.ts

@@ -1,30 +1,26 @@
-import { AfterViewInit, OnChanges, OnDestroy, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { OnDestroy, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class PopoverComponent implements AfterViewInit, OnChanges, OnDestroy {
-    private renderer;
+export declare class PopoverComponent implements OnDestroy {
+    readonly renderer: Renderer2;
     /**
      * Content of popover
      * @type {string | TemplateRef}
      */
-    content: string | TemplateRef<any>;
+    readonly content: import("@angular/core").InputSignal<string | TemplateRef<any>>;
+    readonly contentEffect: import("@angular/core").EffectRef;
     /**
      * Toggle the visibility of popover component.
      * @type boolean
      */
-    visible: boolean;
-    id?: string;
-    role: string;
-    viewContainerRef: ViewContainerRef;
+    readonly visible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
+    readonly role: import("@angular/core").InputSignal<string>;
+    readonly viewContainerRef: import("@angular/core").Signal<ViewContainerRef | undefined>;
     private textNode;
-    constructor(renderer: Renderer2);
-    get hostClasses(): {
-        [klass: string]: any;
-    };
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     ngOnDestroy(): void;
     private clear;
     private updateView;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "c-popover", never, { "content": { "alias": "content"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "id": { "alias": "id"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "c-popover", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/popover/popover.directive.d.ts

@@ -1,12 +1,11 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Options } from '@popperjs/core';
 import { Triggers } from '../coreui.types';
-import { ListenersService } from '../services/listeners.service';
-import { IntersectionService } from '../services';
+import { IntersectionService, ListenersService } from '../services';
+import { ElementRefDirective } from '../shared';
 import * as i0 from "@angular/core";
-export declare class PopoverDirective implements OnChanges, OnDestroy, OnInit, AfterViewInit {
+export declare class PopoverDirective implements OnDestroy, OnInit, AfterViewInit {
     #private;
-    private document;
     private renderer;
     private hostElement;
     private viewContainerRef;
@@ -17,47 +16,62 @@ export declare class PopoverDirective implements OnChanges, OnDestroy, OnInit, A
      * Content of popover
      * @type {string | TemplateRef}
      */
-    content: string | TemplateRef<any>;
+    readonly content: import("@angular/core").InputSignal<string | TemplateRef<any> | undefined>;
+    contentEffect: import("@angular/core").EffectRef;
     /**
      * Optional popper Options object, takes precedence over cPopoverPlacement prop
      * @type Partial<Options>
      */
-    set popperOptions(value: Partial<Options>);
-    get popperOptions(): Partial<Options>;
+    readonly popperOptions: import("@angular/core").InputSignal<Partial<Options>>;
+    popperOptionsEffect: import("@angular/core").EffectRef;
+    popperOptionsComputed: import("@angular/core").Signal<{
+        placement: import("@popperjs/core").Placement;
+        modifiers?: Partial<import("@popperjs/core").Modifier<any, any>>[] | undefined;
+        strategy?: import("@popperjs/core").PositioningStrategy | undefined;
+        onFirstUpdate?: ((arg0: Partial<import("@popperjs/core").State>) => void) | undefined;
+    }>;
     /**
      * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
+     * @type: 'top' | 'bottom' | 'left' | 'right'
+     * @default: 'top'
      */
-    placement: 'top' | 'bottom' | 'left' | 'right';
+    readonly placement: import("@angular/core").InputSignal<"top" | "bottom" | "right" | "left">;
+    /**
+     * ElementRefDirective for positioning the tooltip on reference element
+     * @type: ElementRefDirective
+     * @default: undefined
+     */
+    readonly reference: import("@angular/core").InputSignal<ElementRefDirective | undefined>;
+    readonly referenceRef: import("@angular/core").Signal<ElementRef<any>>;
     /**
      * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
-     * @type {'hover' | 'focus' | 'click'}
+     * @type: 'Triggers | Triggers[]
      */
-    trigger?: Triggers | Triggers[];
+    readonly trigger: import("@angular/core").InputSignal<Triggers | Triggers[]>;
     /**
      * Toggle the visibility of popover component.
+     * @type boolean
      */
-    set visible(value: boolean);
-    get visible(): boolean;
-    private _visible;
+    readonly visible: import("@angular/core").ModelSignal<boolean>;
+    visibleEffect: import("@angular/core").EffectRef;
     get ariaDescribedBy(): string | null;
-    private popover;
-    private popoverId;
-    private popoverRef;
+    private tooltip;
+    private tooltipId;
+    private tooltipRef;
     private popperInstance;
     private _popperOptions;
-    constructor(document: Document, renderer: Renderer2, hostElement: ElementRef, viewContainerRef: ViewContainerRef, listenersService: ListenersService, changeDetectorRef: ChangeDetectorRef, intersectionService: IntersectionService);
+    constructor(renderer: Renderer2, hostElement: ElementRef, viewContainerRef: ViewContainerRef, listenersService: ListenersService, changeDetectorRef: ChangeDetectorRef, intersectionService: IntersectionService);
     ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngOnInit(): void;
     private setListeners;
     private clearListeners;
     private intersectionServiceSubscribe;
     private getUID;
-    private createPopoverElement;
-    private destroyPopoverElement;
-    private addPopoverElement;
-    private removePopoverElement;
+    private createTooltipElement;
+    private destroyTooltipElement;
+    private addTooltipElement;
+    private removeTooltipElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopoverDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverDirective, "[cPopover]", ["cPopover"], { "content": { "alias": "cPopover"; "required": false; }; "popperOptions": { "alias": "cPopoverOptions"; "required": false; }; "placement": { "alias": "cPopoverPlacement"; "required": false; }; "trigger": { "alias": "cPopoverTrigger"; "required": false; }; "visible": { "alias": "cPopoverVisible"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverDirective, "[cPopover]", ["cPopover"], { "content": { "alias": "cPopover"; "required": false; "isSignal": true; }; "popperOptions": { "alias": "cPopoverOptions"; "required": false; "isSignal": true; }; "placement": { "alias": "cPopoverPlacement"; "required": false; "isSignal": true; }; "reference": { "alias": "cTooltipRef"; "required": false; "isSignal": true; }; "trigger": { "alias": "cPopoverTrigger"; "required": false; "isSignal": true; }; "visible": { "alias": "cPopoverVisible"; "required": false; "isSignal": true; }; }, { "visible": "cPopoverVisibleChange"; }, never, never, true, never>;
 }

package/lib/spinner/spinner.component.d.ts

@@ -1,31 +1,37 @@
-import { Colors } from '../coreui.types';
 import * as i0 from "@angular/core";
 export declare class SpinnerComponent {
     /**
      * 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>;
     /**
      * Label for accessibility.
      * @type string
      * @default 'Loading...'
      */
-    label: string;
+    readonly label: import("@angular/core").InputSignal<string>;
     /**
      * Size the component small.
      * @type string
      * @values 'sm'
      */
-    size?: 'sm';
+    readonly size: import("@angular/core").InputSignal<"sm" | undefined>;
     /**
      * Set the button variant to an outlined button or a ghost button.
      * @values 'border' | 'grow'
      * @default 'border'
      */
-    variant?: 'border' | 'grow';
-    role: string;
-    get hostClasses(): any;
+    readonly variant: import("@angular/core").InputSignal<"border" | "grow">;
+    /**
+     * Default role attr for Spinner. [docs]
+     * @type string
+     * @default 'status'
+     */
+    readonly role: import("@angular/core").InputSignal<string>;
+    readonly hostClasses: import("@angular/core").Signal<{
+        [x: string]: boolean;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "c-spinner", never, { "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "c-spinner", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }