@coreui/angular-pro 5.0.0-alpha.1 → 5.0.0-alpha.11

package/lib/avatar/avatar.component.d.ts

@@ -37,5 +37,5 @@ export declare class AvatarComponent {
     get statusClass(): any;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "c-avatar", never, { "color": { "alias": "color"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "status": { "alias": "status"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "c-avatar", never, { "color": { "alias": "color"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "status": { "alias": "status"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, {}, never, ["*", "*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }]>;
 }

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

@@ -1,6 +1,6 @@
 import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { IntersectionService } from '../../services/intersection.service';
-import { ListenersService } from '../../services/listeners.service';
+import { IntersectionService } from '../../services';
+import { ListenersService } from '../../services';
 import { Triggers } from '../../coreui.types';
 import { CarouselState } from '../carousel-state';
 import { CarouselService } from '../carousel.service';
@@ -8,6 +8,7 @@ import { CarouselConfig } from '../carousel.config';
 import * as i0 from "@angular/core";
 import * as i1 from "../../shared/theme.directive";
 export declare class CarouselComponent implements OnInit, OnDestroy, AfterContentInit {
+    #private;
     private config;
     private hostElement;
     private carouselService;
@@ -64,22 +65,20 @@ export declare class CarouselComponent implements OnInit, OnDestroy, AfterConten
      * @type number
      */
     itemChange: EventEmitter<number>;
-    private carouselIndexSubscription?;
+    get hostClasses(): any;
     private timerId;
-    private intersectingSubscription?;
     private activeItemInterval;
     private swipeSubscription?;
-    get hostClasses(): any;
-    private _visible;
-    get visible(): boolean;
-    set visible(value: boolean);
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
-    setTimer(): void;
-    resetTimer(): void;
     private setListeners;
     private clearListeners;
+    set visible(value: boolean);
+    get visible(): boolean;
+    private _visible;
+    setTimer(): void;
+    resetTimer(): void;
     private carouselStateSubscribe;
     private intersectionServiceSubscribe;
     private swipeSubscribe;

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

@@ -1,7 +1,6 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, IterableDiffers, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { Modifier, Options } from '@popperjs/core';
@@ -13,8 +12,10 @@ import * as i0 from "@angular/core";
 interface IPluralMap {
     [k: string]: string;
 }
-export declare const observeReferenceModifier: Modifier<string, any>;
-export declare class MultiSelectComponent implements IMultiSelect, ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy, OnInit {
+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;
     private renderer;
@@ -25,22 +26,15 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private multiSelectService;
     private iterableDiffers;
     constructor(elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewContainerRef: ViewContainerRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService, iterableDiffers: IterableDiffers);
-    private destroyRef;
     private readonly differ;
-    static ngAcceptInputType_allowCreateOptions: BooleanInput;
-    static ngAcceptInputType_clearSearchOnSelect: BooleanInput;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_loading: BooleanInput;
-    static ngAcceptInputType_multiple: BooleanInput;
-    static ngAcceptInputType_virtualScroller: BooleanInput;
     readonly optionsArray$: Observable<IOption[]>;
     readonly userOptionsArray$: BehaviorSubject<IOption[]>;
     readonly optionsSelected$: BehaviorSubject<IOption[]>;
     readonly optionsSelected: Map<any, IOption>;
-    readonly value$: BehaviorSubject<string[]>;
+    readonly value$: BehaviorSubject<TValue[]>;
     onChange: (value: any) => void;
     onTouched: () => void;
-    writeValue(value: (string | string[])): void;
+    writeValue(value: TValue | TValue[]): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -50,22 +44,20 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
      * @default false
      * @since 4.5.11
      */
-    set allowCreateOptions(value: boolean);
-    get allowCreateOptions(): boolean;
+    allowCreateOptions: boolean;
     /**
      * Enables selection cleaner element
      * @type boolean
-     * @default true
+     * @default true | 'active'
      */
-    cleaner: boolean;
+    cleaner: boolean | 'active';
     /**
      * Clear current search on selecting an item
      * @type boolean
      * @default false
      * @since 4.5.11
      */
-    set clearSearchOnSelect(value: boolean);
-    get clearSearchOnSelect(): boolean;
+    clearSearchOnSelect: boolean;
     /**
      * Disables multi-select component
      * @type boolean
@@ -195,15 +187,15 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     size?: 'sm' | 'lg';
     /**
      * Initial value of multi-select
-     * @type string | string[]
+     * @type TValue | TValue[]
      */
-    set value(value: string | string[]);
-    get value(): string | string[];
+    set value(value: TValue | TValue[]);
+    get value(): TValue | TValue[];
     /**
      * Emits valueChange
-     * @type string | string[]
+     * @type TValue | TValue[]
      */
-    readonly valueChange: EventEmitter<string | string[]>;
+    readonly valueChange: EventEmitter<TValue | TValue[]>;
     /**
      * Toggle visual validation feedback.
      * @type boolean | undefined
@@ -255,12 +247,14 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
      * 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;
     get counterText(): string;
     get counterTextType(): string;
+    get counterPlaceholderText(): string | null;
     private focusMonitorSubscription;
     multiSelectOptionsContent: QueryList<MultiSelectOptionComponent>;
     multiSelectOptionsView: QueryList<MultiSelectOptionComponent>;
@@ -323,7 +317,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private setFocusMonitor;
     activeOption: (FocusableOption & MultiSelectOptionComponent) | null;
     handleScrolledIndexChange(scrolledIndex: number, scrollViewport: CdkVirtualScrollViewport): void;
-    trackByFn(index: number, option: IOption): string;
+    trackByFn(index: number, option: IOption): string | number;
     handleSearchValueChange(searchValue: string): void;
     private setVirtualScroller;
     private setListKeyManager;
@@ -331,9 +325,17 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     get firstFocusableItem(): MultiSelectOptionComponent | undefined;
     private setFirstItemActive;
     updateActiveItem(index: number): void;
-    updateActiveItem<T extends (MultiSelectOptionComponent & FocusableOption)>(item: T): void;
+    updateActiveItem<TItem extends (MultiSelectOptionComponent & FocusableOption)>(item: TItem): void;
     handleIndicatorClick($event: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "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 ɵ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; }; "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;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_virtualScroller: unknown;
+    static ngAcceptInputType_visibleItems: unknown;
+    static ngAcceptInputType_visible: unknown;
 }
 export {};

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

@@ -54,11 +54,11 @@ export declare class MultiSelectOptionComponent implements AfterViewInit, Focusa
     readonly selectedChange: EventEmitter<boolean>;
     /**
      * Option value.
-     * @type string
+     * @type string | number
      * @default undefined
      */
-    set value(value: string);
-    get value(): string;
+    set value(value: string | number);
+    get value(): string | number;
     private contentDiv?;
     hasContent: WritableSignal<boolean>;
     set active(value: (boolean));
@@ -87,7 +87,7 @@ export declare class MultiSelectOptionComponent implements AfterViewInit, Focusa
     getLabel(): string;
     focus(origin?: FocusOrigin): void;
     private setSubscriptions;
-    isSelected(value?: string): boolean;
+    isSelected(value?: string | number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectOptionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptionComponent, "c-multi-select-option", ["cMultiSelectOption"], { "optionsStyle": { "alias": "optionsStyle"; "required": false; }; "label": { "alias": "label"; "required": false; }; "text": { "alias": "text"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "active": { "alias": "active"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, { "selectedChange": "selectedChange"; "focusChange": "focusChange"; }, never, ["*"], true, never>;
     static ngAcceptInputType_visible: unknown;

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

@@ -1,11 +1,9 @@
 import { EventEmitter } from '@angular/core';
-import { MultiSelectService } from '../multi-select.service';
 import { IOption } from '../multi-select.type';
 import * as i0 from "@angular/core";
 export declare class MultiSelectTagComponent {
-    private multiSelectService;
-    constructor(multiSelectService: MultiSelectService);
-    multiselectVisible$: import("rxjs").Observable<boolean>;
+    #private;
+    multiselectVisible: import("@angular/core").Signal<boolean | undefined>;
     option?: IOption;
     disabled: boolean;
     label?: string;

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

@@ -1,7 +1,7 @@
 import type { EventEmitter } from '@angular/core';
 export type SearchFn = ((option: IOption, searchValue: string) => boolean);
-export interface IMultiSelect {
-    cleaner?: boolean;
+export interface IMultiSelect<T> {
+    cleaner?: boolean | 'active';
     multiple?: boolean;
     options?: IOption[];
     optionsMaxHeight?: (number | string | 'auto');
@@ -15,8 +15,8 @@ export interface IMultiSelect {
     selectAllLabel?: string;
     selectionType?: ('counter' | 'tags' | 'text');
     selectionTypeCounterText?: string;
-    value?: string | string[];
-    valueChange?: EventEmitter<string | string[]>;
+    value: T | T[];
+    valueChange: EventEmitter<T | T[]>;
     virtualScroller?: boolean;
     visibleItems?: number;
     visible?: boolean;
@@ -31,7 +31,7 @@ export interface IOption {
     order?: number;
     selected?: boolean;
     text?: string;
-    value: string;
+    value: string | number;
     visible?: boolean;
     custom?: boolean;
 }

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

@@ -5,6 +5,7 @@ import { ListenersService } from '../services/listeners.service';
 import { IntersectionService } from '../services';
 import * as i0 from "@angular/core";
 export declare class PopoverDirective implements OnChanges, OnDestroy, OnInit, AfterViewInit {
+    #private;
     private document;
     private renderer;
     private hostElement;
@@ -44,7 +45,6 @@ export declare class PopoverDirective implements OnChanges, OnDestroy, OnInit, A
     private popoverRef;
     private popperInstance;
     private _popperOptions;
-    private intersectingSubscription?;
     constructor(document: Document, renderer: Renderer2, hostElement: ElementRef, viewContainerRef: ViewContainerRef, listenersService: ListenersService, changeDetectorRef: ChangeDetectorRef, intersectionService: IntersectionService);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;

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

@@ -1,49 +1,8 @@
-import { ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges } from '@angular/core';
-import { Colors } from '../coreui.types';
 import * as i0 from "@angular/core";
-export declare class ProgressBarComponent implements OnInit, OnChanges {
-    private renderer;
-    private hostElement;
-    /**
-     * Use to animate the stripes right to left via CSS3 animations.
-     * @type boolean
-     */
-    animated: string | 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: string | number;
-    /**
-     * The percent to progress the ProgressBar.
-     * @type number
-     */
-    value: string | number;
-    /**
-     * Set the progress bar variant to optional striped.
-     * @values 'striped'
-     */
-    variant?: 'striped';
-    /**
-     * Set default html role attribute.
-     * @type string
-     */
-    role: string;
-    private state;
-    constructor(renderer: Renderer2, hostElement: ElementRef);
-    get min(): number;
-    set min(value: number);
-    get max(): number;
-    set max(value: number);
-    get hostClasses(): any;
-    ngOnInit(): void;
-    setPercent(): void;
-    setValues(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+import * as i1 from "./progress-bar.directive";
+export declare class ProgressBarComponent {
+    #private;
+    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; }; "role": { "alias": "role"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_animated: unknown;
-    static ngAcceptInputType_precision: unknown;
-    static ngAcceptInputType_value: 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,24 +1,33 @@
+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";
-export declare class ProgressComponent {
+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
      */
-    height: string | number;
+    height: number;
     /**
      * Displays thin progress.
      * @type boolean
      */
-    thin: string | boolean;
+    thin: boolean;
     /**
      * Change the default color to white.
      * @type boolean
      */
-    white: string | boolean;
-    get hostClasses(): any;
+    white: boolean;
+    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; }; }, {}, 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;

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

@@ -0,0 +1,18 @@
+import { Colors } from '../coreui.types';
+export interface IProgress {
+    height: number;
+    thin: boolean;
+    white: boolean;
+}
+export interface IProgressBar extends IProgressBarStacked {
+    animated?: boolean;
+    color?: Colors;
+    max?: number;
+    precision: number;
+    value?: number;
+    variant?: 'striped';
+    width?: number;
+}
+export interface IProgressBarStacked {
+    stacked?: boolean;
+}

package/lib/progress/public_api.d.ts

@@ -1,4 +1,6 @@
-export { IStackedBar } from './progress-bar';
+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';

package/lib/services/color-mode.service.d.ts

@@ -0,0 +1,17 @@
+import { WritableSignal } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ColorModeService {
+    #private;
+    readonly eventName: WritableSignal<string>;
+    readonly localStorageItemName: WritableSignal<string>;
+    readonly localStorageItemName$: import("rxjs").Observable<string>;
+    readonly colorMode: WritableSignal<'light' | 'dark' | 'auto'>;
+    readonly colorModeEffect: import("@angular/core").EffectRef;
+    constructor();
+    getStoredTheme(localStorageItemName: string): any;
+    setStoredTheme(localStorageItemName: string, colorMode: string): void;
+    getPreferredColorScheme(localStorageItemName: string): any;
+    setTheme(colorMode: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorModeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ColorModeService>;
+}

package/lib/services/in-memory-storage.service.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class InMemoryStorageService implements Storage {
+    #private;
+    constructor();
+    setItem(key: string, data: any): void;
+    getItem(key: string): any;
+    removeItem(key: string): void;
+    clear(): void;
+    get length(): number;
+    key(index: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InMemoryStorageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InMemoryStorageService>;
+}

package/lib/services/intersection.service.d.ts

@@ -1,4 +1,4 @@
-import { OnDestroy } from '@angular/core';
+import { ElementRef, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 export interface IIntersectionObserverInit {
     root?: Element | null;
@@ -6,15 +6,13 @@ export interface IIntersectionObserverInit {
     threshold?: number | number[];
 }
 export declare class IntersectionService implements OnDestroy {
-    constructor();
-    private intersecting;
-    intersecting$: import("rxjs").Observable<boolean>;
-    private intersectionObserver;
-    private hostElement;
+    #private;
+    platformId: Object;
+    readonly intersecting$: import("rxjs").Observable<any>;
     private defaultObserverOptions;
-    createIntersectionObserver(hostElement: {
-        nativeElement: Element;
-    }, observerOptions?: IIntersectionObserverInit): void;
+    hostElementRefs: Map<ElementRef, IntersectionObserver | null>;
+    createIntersectionObserver(hostElement: ElementRef, observerOptions?: IIntersectionObserverInit): void;
+    unobserve(elementRef: ElementRef): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IntersectionService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IntersectionService>;

package/lib/services/local-storage.service.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export declare class LocalStorageService {
+    #private;
+    private platformId;
+    private document;
+    localStorage: Storage;
+    constructor(platformId: Object, document: Document);
+    data$: import("rxjs").Observable<{
+        key: string;
+        data: any;
+    } | null>;
+    setItem(key: string, data: any): void;
+    getItem(key: string): any;
+    removeItem(key: string): void;
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalStorageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LocalStorageService>;
+}

package/lib/services/public_api.d.ts

@@ -1,3 +1,6 @@
 export { IntersectionService, IIntersectionObserverInit } from './intersection.service';
 export { ListenersService, IListenersConfig } from './listeners.service';
 export { ClassToggleService } from './class-toggle.service';
+export { LocalStorageService } from './local-storage.service';
+export { InMemoryStorageService } from './in-memory-storage.service';
+export { ColorModeService } from './color-mode.service';

package/lib/sidebar/public_api.d.ts

@@ -2,8 +2,8 @@ export { SidebarComponent } from './sidebar/sidebar.component';
 export { SidebarService } from './sidebar.service';
 export { SidebarBrandComponent } from './sidebar-brand/sidebar-brand.component';
 export { SidebarToggleDirective } from './sidebar-toggle/sidebar-toggle.directive';
-export { SidebarTogglerComponent } from './sidebar-toggler/sidebar-toggler.component';
+export { SidebarTogglerDirective } from './sidebar-toggler/sidebar-toggler.directive';
 export { SidebarHeaderComponent } from './sidebar-header/sidebar-header.component';
 export { SidebarFooterComponent } from './sidebar-footer/sidebar-footer.component';
-export { SidebarNavComponent, INavData } from './sidebar-nav';
+export { SidebarNavComponent, INavData, SidebarNavHelper } from './sidebar-nav';
 export { SidebarModule } from './sidebar.module';

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../sidebar-toggle/sidebar-toggle.directive";
+export declare class SidebarTogglerDirective {
+    role: string;
+    sidebarTogglerClass: boolean;
+    get getStyles(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarTogglerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SidebarTogglerDirective, "[cSidebarToggler]", never, { "role": { "alias": "role"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.SidebarToggleDirective; inputs: { "cSidebarToggle": "cSidebarToggler"; "toggle": "toggle"; }; outputs: {}; }]>;
+}

package/lib/sidebar/sidebar.module.d.ts

@@ -13,9 +13,9 @@ import * as i11 from "./sidebar-nav/sidebar-nav-link.component";
 import * as i12 from "./sidebar-nav/sidebar-nav-link.pipe";
 import * as i13 from "./sidebar-nav/sidebar-nav-title.component";
 import * as i14 from "./sidebar-toggle/sidebar-toggle.directive";
-import * as i15 from "./sidebar-toggler/sidebar-toggler.component";
+import * as i15 from "./sidebar-toggler/sidebar-toggler.directive";
 export declare class SidebarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SidebarModule, never, [typeof i1.SidebarComponent, typeof i2.SidebarBrandComponent, typeof i3.SidebarFooterComponent, typeof i4.SidebarHeaderComponent, typeof i5.SidebarNavComponent, typeof i6.SidebarNavBadgePipe, typeof i7.SidebarNavDividerComponent, typeof i5.SidebarNavGroupComponent, typeof i8.SidebarNavIconPipe, typeof i9.SidebarNavItemClassPipe, typeof i10.SidebarNavLabelComponent, typeof i11.SidebarNavLinkComponent, typeof i11.SidebarNavLinkContentComponent, typeof i12.SidebarNavLinkPipe, typeof i13.SidebarNavTitleComponent, typeof i14.SidebarToggleDirective, typeof i15.SidebarTogglerComponent], [typeof i1.SidebarComponent, typeof i14.SidebarToggleDirective, typeof i15.SidebarTogglerComponent, typeof i2.SidebarBrandComponent, typeof i5.SidebarNavComponent, typeof i4.SidebarHeaderComponent, typeof i3.SidebarFooterComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SidebarModule, never, [typeof i1.SidebarComponent, typeof i2.SidebarBrandComponent, typeof i3.SidebarFooterComponent, typeof i4.SidebarHeaderComponent, typeof i5.SidebarNavComponent, typeof i6.SidebarNavBadgePipe, typeof i7.SidebarNavDividerComponent, typeof i5.SidebarNavGroupComponent, typeof i8.SidebarNavIconPipe, typeof i9.SidebarNavItemClassPipe, typeof i10.SidebarNavLabelComponent, typeof i11.SidebarNavLinkComponent, typeof i11.SidebarNavLinkContentComponent, typeof i12.SidebarNavLinkPipe, typeof i13.SidebarNavTitleComponent, typeof i14.SidebarToggleDirective, typeof i15.SidebarTogglerDirective], [typeof i1.SidebarComponent, typeof i14.SidebarToggleDirective, typeof i15.SidebarTogglerDirective, typeof i2.SidebarBrandComponent, typeof i5.SidebarNavComponent, typeof i4.SidebarHeaderComponent, typeof i3.SidebarFooterComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SidebarModule>;
 }