@coreui/angular-pro 5.0.0-alpha.9 → 5.0.0-next.16

package/lib/accordion/accordion/accordion.component.d.ts

@@ -1,14 +1,11 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { AccordionService } from '../accordion.service';
 import * as i0 from "@angular/core";
 export declare class AccordionComponent {
-    private accordionService;
-    static ngAcceptInputType_alwaysOpen: BooleanInput;
+    #private;
     /**
      * Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.
      * @type boolean
      */
-    flush?: boolean;
+    flush: boolean;
     /**
      * Make accordion items stay open when another item is opened
      * @type boolean
@@ -16,7 +13,8 @@ export declare class AccordionComponent {
     set alwaysOpen(value: boolean);
     get alwaysOpen(): boolean;
     get hostClasses(): any;
-    constructor(accordionService: AccordionService);
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "c-accordion", ["cAccordionItem"], { "flush": { "alias": "flush"; "required": false; }; "alwaysOpen": { "alias": "alwaysOpen"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_flush: unknown;
+    static ngAcceptInputType_alwaysOpen: unknown;
 }

package/lib/alert/alert.component.d.ts

@@ -1,14 +1,11 @@
 import { AfterContentInit, EventEmitter, QueryList } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { Colors } from '../coreui.types';
 import { TemplateIdDirective } from '../shared';
 import * as i0 from "@angular/core";
 type AnimateType = ('hide' | 'show');
 export declare class AlertComponent implements AfterContentInit {
-    static ngAcceptInputType_dismissible: BooleanInput;
-    static ngAcceptInputType_fade: BooleanInput;
-    static ngAcceptInputType_visible: BooleanInput;
+    #private;
     hide: boolean;
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -34,27 +31,23 @@ export declare class AlertComponent implements AfterContentInit {
     visibleChange: EventEmitter<boolean>;
     templates: any;
     contentTemplates: QueryList<TemplateIdDirective>;
-    private _dismissible;
     /**
      * Optionally adds a close button to alert and allow it to self dismiss.
      * @type boolean
+     * @default false
      */
-    get dismissible(): boolean;
-    set dismissible(value: boolean);
-    private _fade;
+    dismissible: boolean;
     /**
      * Adds animation for dismissible alert.
      * @type boolean
      */
-    get fade(): boolean;
-    set fade(value: boolean);
-    private _visible;
-    get visible(): boolean;
+    fade: boolean;
     /**
      * Toggle the visibility of alert component.
      * @type boolean
      */
     set visible(value: boolean);
+    get visible(): boolean;
     get animationDisabled(): boolean;
     get animateType(): AnimateType;
     get hostClasses(): any;
@@ -64,5 +57,8 @@ export declare class AlertComponent implements AfterContentInit {
     onAnimationEvent(event: AnimationEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "c-alert", ["cAlert"], { "color": { "alias": "color"; "required": false; }; "role": { "alias": "role"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, ["contentTemplates"], ["*"], true, never>;
+    static ngAcceptInputType_dismissible: unknown;
+    static ngAcceptInputType_fade: unknown;
+    static ngAcceptInputType_visible: unknown;
 }
 export {};

package/lib/breadcrumb/breadcrumb-item/breadcrumb-item.component.d.ts

@@ -25,4 +25,5 @@ export declare class BreadcrumbItemComponent {
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemComponent, "c-breadcrumb-item", never, { "active": { "alias": "active"; "required": false; }; "url": { "alias": "url"; "required": false; }; "attributes": { "alias": "attributes"; "required": false; }; "linkProps": { "alias": "linkProps"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_active: unknown;
 }

package/lib/carousel/carousel-item/carousel-item.component.d.ts

@@ -1,11 +1,9 @@
 import { AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { CarouselService } from '../carousel.service';
 import * as i0 from "@angular/core";
 export declare class CarouselItemComponent implements OnDestroy, AfterViewInit {
     private carouselService;
     private changeDetectorRef;
-    static ngAcceptInputType_active: BooleanInput;
     index?: number;
     private carouselIndexSubscription?;
     /**
@@ -27,4 +25,5 @@ export declare class CarouselItemComponent implements OnDestroy, AfterViewInit {
     private carouselStateSubscribe;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CarouselItemComponent, "c-carousel-item", never, { "active": { "alias": "active"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_active: unknown;
 }

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

@@ -1,38 +1,34 @@
 import { AfterViewInit, DoCheck, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
 import { AnimationBuilder } from '@angular/animations';
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck, AfterViewInit {
     private hostElement;
     private renderer;
     private animationBuilder;
-    static ngAcceptInputType_horizontal: BooleanInput;
-    static ngAcceptInputType_navbar: BooleanInput;
-    static ngAcceptInputType_visible: BooleanInput;
     /**
      * @ignore
      */
-    set animate(value: boolean);
-    get animate(): boolean;
-    private _animate;
+    animate: boolean;
     /**
      * Set horizontal collapsing to transition the width instead of height.
+     * @type boolean
+     * @default false
      */
-    set horizontal(value: boolean);
-    get horizontal(): boolean;
-    private _horizontal;
+    horizontal: boolean;
     /**
      * Toggle the visibility of collapsible element.
+     * @type boolean
+     * @default false
      */
     set visible(value: boolean);
     get visible(): boolean;
     private _visible;
     /**
      * Add `navbar` prop for grouping and hiding navbar contents by a parent breakpoint.
+     * @type boolean
+     * @default false
      */
-    set navbar(value: boolean);
-    get navbar(): boolean;
-    private _navbar;
+    navbar: boolean;
     /**
      * @ignore
      */
@@ -62,4 +58,8 @@ export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck,
     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 ngAcceptInputType_animate: unknown;
+    static ngAcceptInputType_horizontal: unknown;
+    static ngAcceptInputType_visible: unknown;
+    static ngAcceptInputType_navbar: unknown;
 }

package/lib/dropdown/dropdown/dropdown.component.d.ts

@@ -1,5 +1,4 @@
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { Options, Placement } from '@popperjs/core';
 import { DropdownMenuDirective } from '../dropdown-menu/dropdown-menu.directive';
 import { DropdownService } from '../dropdown.service';
@@ -11,8 +10,6 @@ export declare class DropdownToggleDirective implements AfterViewInit {
     elementRef: ElementRef;
     private dropdownService;
     dropdown?: DropdownToken | undefined;
-    static ngAcceptInputType_split: BooleanInput;
-    static ngAcceptInputType_popper: BooleanInput;
     constructor(elementRef: ElementRef, dropdownService: DropdownService, dropdown?: DropdownToken | undefined);
     /**
      * Toggle the disabled state for the toggler.
@@ -25,7 +22,7 @@ export declare class DropdownToggleDirective implements AfterViewInit {
      * @type boolean
      * @default false
      */
-    disabled?: boolean;
+    disabled: boolean;
     /**
      * Enables pseudo element caret on toggler.
      * @type boolean
@@ -34,15 +31,16 @@ export declare class DropdownToggleDirective implements AfterViewInit {
     /**
      * Create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` class for proper spacing around the dropdown caret.
      * @type boolean
+     * @default false
      */
-    set split(value: boolean);
-    get split(): boolean;
-    private _split;
+    split: boolean;
     get hostClasses(): any;
     onClick($event: MouseEvent): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownToggleDirective, [null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownToggleDirective, "[cDropdownToggle]", ["cDropdownToggle"], { "dropdownComponent": { "alias": "dropdownComponent"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "caret": { "alias": "caret"; "required": false; }; "split": { "alias": "split"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_split: unknown;
 }
 export declare class DropdownComponent implements AfterContentInit, OnChanges, OnDestroy, OnInit {
     private document;
@@ -51,8 +49,6 @@ export declare class DropdownComponent implements AfterContentInit, OnChanges, O
     private ngZone;
     private changeDetectorRef;
     dropdownService: DropdownService;
-    static ngAcceptInputType_dark: BooleanInput;
-    static ngAcceptInputType_visible: BooleanInput;
     constructor(document: Document, elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, dropdownService: DropdownService);
     /**
      * Set alignment of dropdown menu.
@@ -75,9 +71,7 @@ export declare class DropdownComponent implements AfterContentInit, OnChanges, O
      * @type boolean
      * @default true
      */
-    set popper(value: boolean);
-    get popper(): boolean;
-    private _popper;
+    popper: boolean;
     /**
      * Optional popper Options object, placement prop takes precedence over
      * @type Partial<Options>
@@ -126,4 +120,6 @@ export declare class DropdownComponent implements AfterContentInit, OnChanges, O
     private clearListeners;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "c-dropdown", ["cDropdown"], { "alignment": { "alias": "alignment"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "popper": { "alias": "popper"; "required": false; }; "popperOptions": { "alias": "popperOptions"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, ["_toggler", "_menu", "_menuElementRef"], ["*"], true, [{ directive: typeof i1.ThemeDirective; inputs: { "dark": "dark"; }; outputs: {}; }]>;
+    static ngAcceptInputType_popper: unknown;
+    static ngAcceptInputType_visible: unknown;
 }

package/lib/form/form-check/form-check-input.directive.d.ts

@@ -1,11 +1,8 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class FormCheckInputDirective {
     private renderer;
     private hostElement;
-    static ngAcceptInputType_checked: BooleanInput;
-    static ngAcceptInputType_indeterminate: BooleanInput;
     /**
      * Specifies the type of component.
      * @type {'checkbox' | 'radio'}
@@ -15,6 +12,7 @@ export declare class FormCheckInputDirective {
     /**
      * Set component indeterminate state.
      * @type boolean
+     * @default false
      */
     set indeterminate(value: boolean);
     get indeterminate(): boolean;
@@ -22,6 +20,7 @@ export declare class FormCheckInputDirective {
     /**
      * Set component validation state to valid.
      * @type boolean
+     * @default undefined
      */
     valid?: boolean;
     get hostClasses(): any;
@@ -30,4 +29,6 @@ export declare class FormCheckInputDirective {
     constructor(renderer: Renderer2, hostElement: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckInputDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormCheckInputDirective, "input[cFormCheckInput]", never, { "type": { "alias": "type"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_indeterminate: unknown;
+    static ngAcceptInputType_checked: unknown;
 }

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

@@ -1,16 +1,13 @@
 import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { ButtonDirective } from '../button';
 import * as i0 from "@angular/core";
 export declare class LoadingButtonComponent extends ButtonDirective implements OnChanges {
-    static ngAcceptInputType_disabledOnLoading: BooleanInput;
     /**
      * Makes button disabled when loading.
      * @type boolean
+     * @default false
      */
-    set disabledOnLoading(value: boolean);
-    get disabledOnLoading(): boolean;
-    _disabledOnLoading: boolean;
+    disabledOnLoading: boolean;
     /**
      * Loading state (set to true to start animation).
      * @type boolean
@@ -40,4 +37,6 @@ export declare class LoadingButtonComponent extends ButtonDirective implements O
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LoadingButtonComponent, "button[cLoadingButton], a[cLoadingButton]", ["cLoadingButton"], { "disabledOnLoading": { "alias": "disabledOnLoading"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "spinnerType": { "alias": "spinnerType"; "required": false; }; }, { "loadingChange": "loadingChange"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabledOnLoading: unknown;
+    static ngAcceptInputType_loading: unknown;
 }

package/lib/multi-select/multi-select/multi-select.component.d.ts

@@ -12,7 +12,9 @@ import * as i0 from "@angular/core";
 interface IPluralMap {
     [k: string]: string;
 }
-export declare const observeReferenceModifier: Modifier<string, any>;
+export declare const observeReferenceResizeModifier: Modifier<string, Options>;
+export declare const sameAsReferenceWidthModifier: Modifier<string, Options>;
+export declare const defaultPopperOptions: Partial<Options>;
 export declare class MultiSelectComponent<TValue extends string | number> implements IMultiSelect<TValue>, ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy, OnInit {
     #private;
     private elementRef;
@@ -245,7 +247,8 @@ export declare class MultiSelectComponent<TValue extends string | number> implem
      * Optional popper Options object
      * @type Partial<Options>
      */
-    popperjsOptions: Partial<Options>;
+    set popperOptions(options: Partial<Options>);
+    get popperOptions(): Partial<Options>;
     isDropdownVisible: boolean;
     get selectedOptions(): IOption[];
     get selectedOptionsText(): string;
@@ -325,7 +328,7 @@ export declare class MultiSelectComponent<TValue extends string | number> implem
     updateActiveItem<TItem extends (MultiSelectOptionComponent & FocusableOption)>(item: TItem): void;
     handleIndicatorClick($event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent<any>, "c-multi-select", ["cMultiSelect"], { "allowCreateOptions": { "alias": "allowCreateOptions"; "required": false; }; "cleaner": { "alias": "cleaner"; "required": false; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "nativeFormId": { "alias": "nativeFormId"; "required": false; }; "nativeId": { "alias": "nativeId"; "required": false; }; "nativeName": { "alias": "nativeName"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionsMaxHeight": { "alias": "optionsMaxHeight"; "required": false; }; "optionsStyle": { "alias": "optionsStyle"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "selectionTypeCounterText": { "alias": "selectionTypeCounterText"; "required": false; }; "selectionTypeCounterTextPluralMap": { "alias": "selectionTypeCounterTextPluralMap"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; }; "visibleItems": { "alias": "visibleItems"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "itemMinWidth": { "alias": "itemMinWidth"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "popperjsOptions": { "alias": "popperOptions"; "required": false; }; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptionsContent", "contentTemplates"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent<any>, "c-multi-select", ["cMultiSelect"], { "allowCreateOptions": { "alias": "allowCreateOptions"; "required": false; }; "cleaner": { "alias": "cleaner"; "required": false; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "nativeFormId": { "alias": "nativeFormId"; "required": false; }; "nativeId": { "alias": "nativeId"; "required": false; }; "nativeName": { "alias": "nativeName"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionsMaxHeight": { "alias": "optionsMaxHeight"; "required": false; }; "optionsStyle": { "alias": "optionsStyle"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "selectionTypeCounterText": { "alias": "selectionTypeCounterText"; "required": false; }; "selectionTypeCounterTextPluralMap": { "alias": "selectionTypeCounterTextPluralMap"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; }; "visibleItems": { "alias": "visibleItems"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "itemMinWidth": { "alias": "itemMinWidth"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "popperOptions": { "alias": "popperOptions"; "required": false; }; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptionsContent", "contentTemplates"], ["*"], true, never>;
     static ngAcceptInputType_allowCreateOptions: unknown;
     static ngAcceptInputType_clearSearchOnSelect: unknown;
     static ngAcceptInputType_disabled: unknown;

package/lib/multi-select/multi-select-native-select/multi-select-native-select.component.d.ts

@@ -6,9 +6,11 @@ export declare class MultiSelectNativeSelectComponent {
     id?: string;
     multiple?: boolean;
     name?: string;
-    options?: any;
+    options?: any[];
     disabled?: boolean;
     constructor(changeDetectorRef: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectNativeSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectNativeSelectComponent, "c-multi-select-native-select", never, { "form": { "alias": "form"; "required": false; }; "id": { "alias": "id"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_disabled: unknown;
 }

package/lib/multi-select/multi-select-optgroup/multi-select-optgroup.component.d.ts

@@ -1,5 +1,4 @@
 import { AfterContentInit, OnChanges, QueryList, SimpleChanges } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { MultiSelectService } from '../multi-select.service';
 import { MultiSelectOptionComponent } from '../multi-select-option/multi-select-option.component';
 import * as i0 from "@angular/core";
@@ -8,11 +7,8 @@ export declare class MultiSelectOptgroupComponent implements AfterContentInit, O
     private multiSelectService;
     constructor(multiSelectService: MultiSelectService);
     readonly visible: import("@angular/core").WritableSignal<boolean>;
-    static ngAcceptInputType_disabled: BooleanInput;
     label?: string;
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    private _disabled;
+    disabled: boolean;
     multiSelectOptions: QueryList<MultiSelectOptionComponent>;
     get hostClasses(): {
         'form-multi-select-options': boolean;
@@ -24,4 +20,5 @@ export declare class MultiSelectOptgroupComponent implements AfterContentInit, O
     private watchOptGroupContent;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectOptgroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptgroupComponent, "c-multi-select-optgroup", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["multiSelectOptions"], ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
 }

package/lib/placeholder/placeholder.directive.d.ts

@@ -1,22 +1,18 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class PlaceholderDirective {
-    static ngAcceptInputType_visible: BooleanInput;
-    constructor();
     /**
      * placeholder toggler
      * @type boolean
      * @default false
      */
-    set visible(value: boolean);
-    get visible(): boolean;
-    private _visible;
+    visible: boolean;
     /**
-     * Size the placeholder extra small, small, large.
+     * Size the placeholder extremely small, small, large.
      */
     size?: 'xs' | 'sm' | 'lg';
     get ariaHidden(): boolean | null;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlaceholderDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<PlaceholderDirective, "[cPlaceholder]", ["cPlaceholder"], { "visible": { "alias": "cPlaceholder"; "required": false; }; "size": { "alias": "cPlaceholderSize"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_visible: unknown;
 }

package/lib/progress/progress-bar.component.d.ts

@@ -1,54 +1,8 @@
-import { Colors } from '../coreui.types';
-import { IProgressBar } from './progress.type';
 import * as i0 from "@angular/core";
-export declare class ProgressBarComponent implements IProgressBar {
+import * as i1 from "./progress-bar.directive";
+export declare class ProgressBarComponent {
     #private;
-    /**
-     * Use to animate the stripes right to left via CSS3 animations.
-     * @type boolean
-     */
-    animated: boolean;
-    /**
-     * Sets the color context of the component to one of CoreUI’s themed colors.
-     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
-     */
-    color?: Colors;
-    precision: number;
-    /**
-     * The percent value the ProgressBar.
-     * @type number
-     * @default 0
-     */
-    set value(value: number);
-    /**
-     * Set the progress bar variant to optional striped.
-     * @values 'striped'
-     * @default undefined
-     */
-    variant?: 'striped';
-    /**
-     * The min value of  the ProgressBar.
-     * @type number
-     * @default 0
-     */
-    set min(value: number);
-    /**
-     * The max value of the ProgressBar.
-     * @type number
-     * @default 100
-     */
-    set max(value: number);
-    /**
-     * Set default html role attribute.
-     * @type string
-     */
-    role: string;
-    get hostClasses(): any;
+    get hostClasses(): Record<string, boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "c-progress-bar", never, { "animated": { "alias": "animated"; "required": false; }; "color": { "alias": "color"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_animated: unknown;
-    static ngAcceptInputType_precision: unknown;
-    static ngAcceptInputType_value: unknown;
-    static ngAcceptInputType_min: unknown;
-    static ngAcceptInputType_max: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "c-progress-bar", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.ProgressBarDirective; inputs: { "animated": "animated"; "color": "color"; "max": "max"; "role": "role"; "stacked": "stacked"; "value": "value"; "variant": "variant"; "width": "width"; }; outputs: {}; }]>;
 }

package/lib/progress/progress-bar.directive.d.ts

@@ -0,0 +1,58 @@
+import { Colors } from '../coreui.types';
+import { IProgressBar } from './progress.type';
+import * as i0 from "@angular/core";
+export declare class ProgressBarDirective implements IProgressBar {
+    #private;
+    constructor();
+    readonly percent: import("@angular/core").Signal<number>;
+    /**
+     * Use to animate the stripes right to left via CSS3 animations.
+     * @type boolean
+     */
+    animated?: boolean;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    color?: Colors;
+    precision: number;
+    /**
+     * The percent value the ProgressBar.
+     * @type number
+     * @default 0
+     */
+    set value(value: number | undefined);
+    get value(): number | undefined;
+    set width(value: number | undefined);
+    /**
+     * Set the progress bar variant to optional striped.
+     * @values 'striped'
+     * @default undefined
+     */
+    variant?: 'striped';
+    /**
+     * The max value of the ProgressBar.
+     * @type number
+     * @default 100
+     */
+    set max(max: number);
+    /**
+     * Stacked ProgressBars.
+     * @type boolean
+     * @default false
+     */
+    stacked?: boolean;
+    /**
+     * Set default html role attribute.
+     * @type string
+     */
+    role: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarDirective, "[cProgressBar]", never, { "animated": { "alias": "animated"; "required": false; }; "color": { "alias": "color"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "max": { "alias": "max"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_animated: unknown;
+    static ngAcceptInputType_precision: unknown;
+    static ngAcceptInputType_value: unknown;
+    static ngAcceptInputType_width: unknown;
+    static ngAcceptInputType_max: unknown;
+    static ngAcceptInputType_stacked: unknown;
+}

package/lib/progress/progress-stacked.component.d.ts

@@ -0,0 +1,7 @@
+import { IProgressBarStacked } from './progress.type';
+import * as i0 from "@angular/core";
+export declare class ProgressStackedComponent implements IProgressBarStacked {
+    stacked: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressStackedComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressStackedComponent, "c-progress-stacked", never, { "stacked": { "alias": "stacked"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/progress/progress.component.d.ts

@@ -1,8 +1,14 @@
-import { Colors } from '../coreui.types';
+import { QueryList } from '@angular/core';
 import { IProgress } from './progress.type';
+import { ProgressBarComponent } from './progress-bar.component';
+import { ProgressBarDirective } from './progress-bar.directive';
 import * as i0 from "@angular/core";
+import * as i1 from "./progress-bar.directive";
 export declare class ProgressComponent implements IProgress {
     #private;
+    protected readonly pbd: ProgressBarDirective | null;
+    constructor();
+    contentProgressBars: QueryList<ProgressBarComponent>;
     /**
      * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
      * @type number
@@ -18,24 +24,11 @@ export declare class ProgressComponent implements IProgress {
      * @type boolean
      */
     white: boolean;
-    /**
-     * props for ProgressBar.
-     */
-    value?: number;
-    max?: number;
-    min?: number;
-    animated?: boolean;
-    color?: Colors;
-    variant?: 'striped';
-    get hostClasses(): any;
+    get hostClasses(): Record<string, boolean>;
     get hostStyle(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressComponent, "c-progress", never, { "height": { "alias": "height"; "required": false; }; "thin": { "alias": "thin"; "required": false; }; "white": { "alias": "white"; "required": false; }; "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; "color": { "alias": "color"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressComponent, "c-progress", never, { "height": { "alias": "height"; "required": false; }; "thin": { "alias": "thin"; "required": false; }; "white": { "alias": "white"; "required": false; }; }, {}, ["contentProgressBars"], ["*"], true, [{ directive: typeof i1.ProgressBarDirective; inputs: { "animated": "animated"; "color": "color"; "max": "max"; "role": "role"; "value": "value"; "variant": "variant"; }; outputs: {}; }]>;
     static ngAcceptInputType_height: unknown;
     static ngAcceptInputType_thin: unknown;
     static ngAcceptInputType_white: unknown;
-    static ngAcceptInputType_value: unknown;
-    static ngAcceptInputType_max: unknown;
-    static ngAcceptInputType_min: unknown;
-    static ngAcceptInputType_animated: unknown;
 }

package/lib/progress/progress.module.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./progress.component";
 import * as i2 from "./progress-bar.component";
+import * as i3 from "./progress-bar.directive";
+import * as i4 from "./progress-stacked.component";
 export declare class ProgressModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressModule, never, [typeof i1.ProgressComponent, typeof i2.ProgressBarComponent], [typeof i1.ProgressComponent, typeof i2.ProgressBarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressModule, never, [typeof i1.ProgressComponent, typeof i2.ProgressBarComponent, typeof i3.ProgressBarDirective, typeof i4.ProgressStackedComponent], [typeof i1.ProgressComponent, typeof i2.ProgressBarComponent, typeof i3.ProgressBarDirective, typeof i4.ProgressStackedComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ProgressModule>;
 }

package/lib/progress/progress.type.d.ts

@@ -1,19 +1,18 @@
 import { Colors } from '../coreui.types';
-export interface IProgress extends Omit<IProgressBar, 'animated' | 'value'> {
-    thin?: boolean;
-    height?: number;
-    animated?: boolean;
-    value?: number;
-    white?: boolean;
+export interface IProgress {
+    height: number;
+    thin: boolean;
+    white: boolean;
 }
-export interface IProgressBar {
-    animated: boolean;
+export interface IProgressBar extends IProgressBarStacked {
+    animated?: boolean;
     color?: Colors;
-    value: number;
-    variant?: 'striped';
-    min?: number;
     max?: number;
+    precision: number;
+    value?: number;
+    variant?: 'striped';
+    width?: number;
 }
-export interface IStackedBar extends IProgressBar {
-    label?: string;
+export interface IProgressBarStacked {
+    stacked?: boolean;
 }

package/lib/progress/public_api.d.ts

@@ -1,4 +1,6 @@
-export { IStackedBar, IProgressBar, IProgress } from './progress.type';
+export { IProgress, IProgressBar, IProgressBarStacked } from './progress.type';
 export { ProgressComponent } from './progress.component';
+export { ProgressStackedComponent } from './progress-stacked.component';
 export { ProgressBarComponent } from './progress-bar.component';
+export { ProgressBarDirective } from './progress-bar.directive';
 export { ProgressModule } from './progress.module';