@coreui/angular-pro 5.2.16 → 5.2.18

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

@@ -5,19 +5,19 @@ export declare class ButtonGroupComponent {
      * Size the component small or large.
      * @type { 'sm' | 'lg' }
      */
-    size: InputSignal<'sm' | 'lg' | undefined>;
+    readonly 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: InputSignalWithTransform<boolean, unknown>;
+    readonly vertical: InputSignalWithTransform<boolean, unknown>;
     /**
      * Default role attr for ButtonGroup. [docs]
      * @type InputSignal<string>
      * @default 'group'
      */
-    role: InputSignal<string>;
-    hostClasses: import("@angular/core").Signal<{
+    readonly role: InputSignal<string>;
+    readonly hostClasses: import("@angular/core").Signal<{
         [x: string]: boolean;
         'btn-group': boolean;
         'btn-group-vertical': boolean;

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/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/image/img.directive.d.ts

@@ -1,34 +1,34 @@
+import { InputSignal, InputSignalWithTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ImgDirective {
     /**
      * Set the horizontal aligment.
      * @type {'' | 'start' | 'end' | 'center'}
      */
-    align: '' | 'start' | 'end' | 'center';
+    readonly align: InputSignal<'' | 'start' | 'end' | 'center'>;
     /**
      * Make image responsive.
      * @type boolean
      */
-    fluid: string | boolean;
+    readonly fluid: InputSignalWithTransform<boolean, unknown>;
     /**
      * Make image rounded.
      * @type boolean
      */
-    rounded: string | boolean;
+    readonly rounded: InputSignalWithTransform<boolean, unknown>;
     /**
      * Give an image a rounded 1px border appearance.
      * @type boolean
      */
-    thumbnail: string | boolean;
+    readonly thumbnail: InputSignalWithTransform<boolean, unknown>;
     /**
      * Color for image placeholder.
      */
-    placeholderColor: string;
-    get getStyles(): any;
-    get hostClasses(): any;
+    readonly placeholderColor: InputSignal<string>;
+    readonly hostStyles: import("@angular/core").Signal<{
+        backgroundColor: string;
+    }>;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ImgDirective, "[cImg]", never, { "align": { "alias": "align"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "thumbnail": { "alias": "thumbnail"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_fluid: unknown;
-    static ngAcceptInputType_rounded: unknown;
-    static ngAcceptInputType_thumbnail: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ImgDirective, "[cImg]", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "thumbnail": { "alias": "thumbnail"; "required": false; "isSignal": true; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/list-group/list-group-item.directive.d.ts

@@ -1,30 +1,35 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, InputSignal, InputSignalWithTransform } from '@angular/core';
 import { Colors } from '../coreui.types';
 import * as i0 from "@angular/core";
 export declare class ListGroupItemDirective {
-    private hostElement;
-    constructor(hostElement: ElementRef);
+    readonly hostElement: ElementRef<any>;
     /**
      * Toggle the active state for the component.
-     * @type boolean
+     * @type InputSignal<boolean | undefined>
      */
-    active?: boolean;
+    readonly active: InputSignal<boolean | undefined>;
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
-     * @type Colors
+     * @type InputSignal<boolean | undefined>
      */
-    color?: Colors;
+    readonly color: InputSignal<Colors | undefined>;
     /**
      * Set disabled attr for the host element. [docs]
      * @type boolean
      */
-    disabled: string | boolean;
-    get isDisabled(): boolean | null;
-    get attrDisabled(): "" | null;
-    get getTabindex(): string | null;
-    get ariaCurrent(): boolean;
-    get hostClasses(): any;
+    readonly disabled: InputSignalWithTransform<boolean, unknown>;
+    readonly hostClasses: import("@angular/core").Signal<{
+        [x: string]: boolean;
+        'list-group-item': boolean;
+        'list-group-item-action': boolean;
+        active: boolean;
+        disabled: boolean;
+    }>;
+    readonly _disabled: import("@angular/core").Signal<boolean>;
+    readonly ariaDisabled: import("@angular/core").Signal<true | null>;
+    readonly attrDisabled: import("@angular/core").Signal<"" | null>;
+    readonly tabIndex: import("@angular/core").Signal<"-1" | null>;
+    readonly ariaCurrent: import("@angular/core").Signal<true | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListGroupItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ListGroupItemDirective, "[cListGroupItem], c-list-group-item", ["cListGroupItem"], { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ListGroupItemDirective, "[cListGroupItem], c-list-group-item", ["cListGroupItem"], { "active": { "alias": "active"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/list-group/list-group.directive.d.ts

@@ -1,17 +1,16 @@
-import { Sizes } from '../coreui.types';
+import { InputSignalWithTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ListGroupDirective {
     /**
      * Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`).
      * @type boolean
      */
-    flush: string | boolean;
+    readonly flush: InputSignalWithTransform<boolean, unknown>;
     /**
      * Specify horizontal layout type.
      */
-    horizontal?: boolean | Sizes;
-    get hostClasses(): any;
+    readonly horizontal: import("@angular/core").InputSignal<string | boolean | undefined>;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ListGroupDirective, "[cListGroup]", never, { "flush": { "alias": "flush"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_flush: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ListGroupDirective, "[cListGroup]", never, { "flush": { "alias": "flush"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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/toast/toast/toast.component.d.ts

@@ -1,7 +1,5 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { Colors } from '../../coreui.types';
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { ToasterService } from '../toaster/toaster.service';
-import { TToasterPlacement } from '../toaster/toaster.component';
 import * as i0 from "@angular/core";
 type AnimateType = 'hide' | 'show';
 export declare class ToastComponent implements OnInit, OnDestroy {
@@ -9,29 +7,29 @@ export declare class ToastComponent implements OnInit, OnDestroy {
     renderer: Renderer2;
     toasterService: ToasterService;
     changeDetectorRef: ChangeDetectorRef;
-    dynamic: boolean;
-    placement: TToasterPlacement;
     constructor(hostElement: ElementRef, renderer: Renderer2, toasterService: ToasterService, changeDetectorRef: ChangeDetectorRef);
+    readonly dynamic: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly placement: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Auto hide the toast.
      * @type boolean
      */
-    autohide: boolean;
+    readonly autohide: import("@angular/core").InputSignal<boolean>;
     /**
      * 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>;
     /**
      * Delay hiding the toast (ms).
      * @type number
      */
-    delay: number;
+    readonly delay: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**
      * Apply fade transition to the toast.
      * @type boolean
      */
-    fade: boolean;
+    readonly fade: import("@angular/core").InputSignal<boolean>;
     /**
      * Toggle the visibility of component.
      * @type boolean
@@ -42,17 +40,17 @@ export declare class ToastComponent implements OnInit, OnDestroy {
     /**
      * @ignore
      */
-    index?: number;
+    readonly index: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**
      * Event emitted on visibility change. [docs]
-     * @type EventEmitter<boolean>
+     * @type <boolean>
      */
-    visibleChange: EventEmitter<boolean>;
+    readonly visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * Event emitted on timer tick. [docs]
      * @type number
      */
-    timer: EventEmitter<number>;
+    readonly timer: import("@angular/core").OutputEmitterRef<number>;
     private timerId;
     private clockId;
     private clockTimerId;
@@ -72,9 +70,7 @@ export declare class ToastComponent implements OnInit, OnDestroy {
     setClock(): void;
     clearClock(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "c-toast", ["cToast"], { "autohide": { "alias": "autohide"; "required": false; }; "color": { "alias": "color"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, { "visibleChange": "visibleChange"; "timer": "timer"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_delay: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "c-toast", ["cToast"], { "dynamic": { "alias": "dynamic"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "autohide": { "alias": "autohide"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "fade": { "alias": "fade"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, { "visibleChange": "visibleChange"; "timer": "timer"; }, never, ["*"], true, never>;
     static ngAcceptInputType_visible: unknown;
-    static ngAcceptInputType_index: unknown;
 }
 export {};