@coreui/angular-pro 5.5.10 → 5.5.12

package/index.d.ts

@@ -1,14 +1,15 @@
 import { IsActiveMatchOptions, UrlTree, Router, NavigationEnd } from '@angular/router';
 import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, ModuleWithProviders, OnInit, OnDestroy, InputSignal, InputSignalWithTransform, QueryList, AfterViewInit, PipeTransform, AfterContentInit, AfterContentChecked, ModelSignal, ChangeDetectorRef, ViewContainerRef, OutputEmitterRef, OnChanges, SimpleChanges, Renderer2, WritableSignal, EventEmitter, ComponentRef, Injector, NgModuleRef } from '@angular/core';
+import { ElementRef, TemplateRef, ModuleWithProviders, OnInit, OnDestroy, InputSignal, InputSignalWithTransform, QueryList, AfterViewInit, PipeTransform, AfterContentInit, AfterContentChecked, ModelSignal, ChangeDetectorRef, ViewContainerRef, OutputEmitterRef, WritableSignal, OnChanges, SimpleChanges, Renderer2, EventEmitter, ComponentRef, Injector, NgModuleRef } from '@angular/core';
+import * as _coreui_angular_pro from '@coreui/angular-pro';
+import { BooleanInput as BooleanInput$1, NumberInput as NumberInput$1 } from '@angular/cdk/coercion';
+import { ControlValueAccessor, FormGroup, FormControl } from '@angular/forms';
+import * as _popperjs_core from '@popperjs/core';
+import { Options, Placement, Modifier } from '@popperjs/core';
 import { AnimationEvent } from '@angular/animations';
 import * as rxjs from 'rxjs';
 import { Observable, Subscription, Subject, BehaviorSubject } from 'rxjs';
 import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { ControlValueAccessor, FormGroup, FormControl } from '@angular/forms';
-import { BooleanInput as BooleanInput$1, NumberInput as NumberInput$1 } from '@angular/cdk/coercion';
-import * as _popperjs_core from '@popperjs/core';
-import { Options, Placement, Modifier } from '@popperjs/core';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { SelectionModel, SelectionChange } from '@angular/cdk/collections';
 
@@ -172,6 +173,285 @@ declare class AccordionModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AccordionModule>;
 }
 
+interface IAutocompleteOptionBase {
+    disabled?: boolean;
+    label: string;
+    custom?: boolean;
+    selected?: boolean;
+    value?: number | string;
+    [key: string]: unknown;
+}
+interface IAutocompleteOption extends IAutocompleteOptionBase {
+    options?: (string | IAutocompleteOption)[];
+}
+interface IAutocompleteOptionNorm extends IAutocompleteOptionBase {
+    options?: IAutocompleteOptionBase[];
+}
+type AutocompleteOption = string | IAutocompleteOption;
+type Search = 'external' | 'global' | {
+    external?: boolean;
+    global?: boolean;
+};
+
+declare class AutocompleteDirective implements OnInit, ControlValueAccessor {
+    #private;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    static ngAcceptInputType_allowOnlyDefinedOptions: BooleanInput$1;
+    static ngAcceptInputType_cleaner: BooleanInput$1;
+    static ngAcceptInputType_clearSearchOnSelect: BooleanInput$1;
+    static ngAcceptInputType_delay: NumberInput$1;
+    static ngAcceptInputType_disabled: BooleanInput$1;
+    static ngAcceptInputType_highlightOptionsOnSearch: BooleanInput$1;
+    static ngAcceptInputType_indicator: BooleanInput$1;
+    static ngAcceptInputType_loading: BooleanInput$1;
+    static ngAcceptInputType_readOnly: BooleanInput$1;
+    static ngAcceptInputType_resetSelectionOnOptionsChange: BooleanInput$1;
+    static ngAcceptInputType_showHints: BooleanInput$1;
+    static ngAcceptInputType_virtualScroller: BooleanInput$1;
+    static ngAcceptInputType_visible: BooleanInput$1;
+    static ngAcceptInputType_visibleItems: NumberInput$1;
+    /**
+     * Optional popper Options object
+     * @return Partial<Options>
+     */
+    readonly popperOptionsInput: _angular_core.InputSignal<Partial<Options>>;
+    readonly popperOptions: _angular_core.Signal<Partial<Options>>;
+    /**
+     * Only allow selection of predefined options.
+     * When `true`, users cannot enter custom values that are not in the options list.
+     * When `false`, users can enter and select custom values.
+     * @default false
+     */
+    readonly allowOnlyDefinedOptions: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Enables selection cleaner element.
+     * When `true`, displays a clear button that allows users to reset the selection.
+     * The cleaner button is only shown when there is a selection and the component is not disabled or read-only.
+     * @default false
+     */
+    readonly cleaner: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to clear the internal search state after selecting an option.
+     *
+     * When set to `true`, the internal search value used for filtering options is cleared
+     * after a selection is made. This affects only the component's internal logic.
+     *
+     * Note: This does **not** clear the visible input field if the component is using external search
+     * or is controlled via the `searchValue` prop. In such cases, clearing must be handled externally.
+     * @default true
+     */
+    readonly clearSearchOnSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Debounce delay in milliseconds for filtering options based on search input.
+     * Controls how quickly the options list updates as the user types.
+     * Higher values reduce update frequency for better performance with large datasets.
+     * @default 150
+     */
+    readonly delay: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Toggle the disabled state for the component.
+     * When `true`, the Angular autocomplete is non-interactive and appears visually disabled.
+     * Users cannot type, select options, or trigger the dropdown.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabledState: _angular_core.WritableSignal<boolean | null>;
+    /**
+     * Highlight options that match the search criteria.
+     * When `true`, matching portions of option labels are visually highlighted
+     * based on the current search input value.
+     *
+     * @default false
+     */
+    readonly highlightOptionsOnSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Unique identifier for the Autocomplete component.
+     * If not provided, a default ID will be generated.
+     * @return string
+     * @default 'autocomplete-<nextId>'
+     */
+    readonly idInput: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Unique identifier for the Autocomplete component.
+     * If `idInput` is not provided, a default ID will be generated.
+     * @return string
+     */
+    readonly id: _angular_core.Signal<string>;
+    /**
+     * Show dropdown indicator/arrow button.
+     * When `true`, displays a dropdown arrow button that can be clicked
+     * to manually show or hide options dropdown.
+     */
+    readonly indicator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The size of the option item in the list (in pixels).
+     * @return number
+     * @default 40
+     */
+    readonly itemSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * When set, the options list will have a loading style: loading spinner and reduced opacity.
+     * Use this to indicate that options are being fetched asynchronously.
+     * The dropdown remains functional but shows visual loading indicators.
+     */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * List of option elements.
+     * Can contain Option objects, OptionsGroup objects, or plain strings.
+     * Plain strings are converted to simple Option objects internally.
+     * This is a required prop - the Angular autocomplete needs options to function.
+     */
+    readonly optionsInput: _angular_core.InputSignal<(string | IAutocompleteOption)[]>;
+    readonly options: _angular_core.Signal<_coreui_angular_pro.IAutocompleteOptionNorm[]>;
+    /**
+     * Sets maxHeight of options list.
+     * Controls the maximum height of the dropdown options container.
+     * Can be a number (pixels) or a CSS length string (e.g., '200px', '10rem').
+     * When content exceeds this height, a scrollbar will appear.
+     * @default 'auto'
+     */
+    readonly optionsMaxHeightInput: _angular_core.InputSignal<string | number>;
+    readonly optionsMaxHeight: _angular_core.WritableSignal<string | number>;
+    /**
+     * Custom template for rendering individual options.
+     * Allows complete customization of how each option appears in the dropdown.
+     */
+    readonly optionTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    /**
+     * Custom template for rendering option groups.
+     * Allows customization of how option group headers appear in the dropdown.
+     */
+    readonly optionGroupTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    /**
+     * Specifies a short hint that is visible in the search input.
+     * Displayed when the input is empty to guide user interaction.
+     * Standard HTML input placeholder behavior.
+     */
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Toggle the readonly state for the component.
+     * When `true`, users can view and interact with the dropdown but cannot
+     * type in the search input or modify the selection through typing.
+     * Selection via clicking options may still be possible.
+     */
+    readonly readOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines whether the selected options should be cleared when the options list is updated.
+     * When `true`, any previously selected options will be reset whenever the options
+     * list undergoes a change. This ensures that outdated selections are not retained
+     * when new options are provided.
+     *
+     * @default false
+     */
+    readonly resetSelectionOnOptionsChange: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Enables and configures search functionality.
+     * - `'external'`: Search is handled externally, filtering is not applied internally
+     * - `'global'`: Enables global keyboard search when dropdown is closed
+     * - Object with `external` and `global` boolean properties for fine-grained control
+     */
+    readonly search: _angular_core.InputSignal<Search | undefined>;
+    /**
+     * Sets the label for no results when filtering.
+     * - `false`: Don't show any message when no results found
+     * - `true`: Show default "No results found" message
+     * - `string`: Show custom text message
+     * - `TemplateRef`: Show custom component/element
+     *
+     * @default false
+     */
+    readonly searchNoResultsLabel: _angular_core.InputSignal<string | boolean | TemplateRef<any>>;
+    /**
+     * Show hint options based on the current input value.
+     * When `true`, displays a preview/hint of the first matching option
+     * as semi-transparent text in the input field, similar to browser autocomplete.
+     *
+     * @default false
+     */
+    readonly showHints: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Size the component small or large.
+     * - `'sm'`: Small size variant
+     * - `'lg'`: Large size variant
+     * - `undefined`: Default/medium size
+     */
+    readonly sizing: _angular_core.InputSignal<"sm" | "lg" | undefined>;
+    /**
+     * Set form input validation state to valid.
+     * @default undefined
+     */
+    readonly valid: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Sets the initially selected value for the Angular autocomplete component.
+     * Can be a string (matched against option labels) or number (matched against option values).
+     * The component will attempt to find and select the matching option on mount.
+     */
+    readonly valueInput: _angular_core.InputSignal<string | number | undefined>;
+    readonly value: _angular_core.WritableSignal<string | number | undefined>;
+    /**
+     * Enable virtual scroller for the options list.
+     * When `true`, only visible options are rendered in the DOM for better performance
+     * with large option lists. Works in conjunction with `visibleItems` prop.
+     * @default false
+     */
+    readonly virtualScroller: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Toggle the visibility of autocomplete dropdown.
+     * Controls whether the dropdown is initially visible.
+     * The dropdown visibility can still be toggled through user interaction.
+     */
+    readonly visibleInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly visible: _angular_core.WritableSignal<boolean>;
+    /**
+     * Amount of visible items when virtualScroller is enabled.
+     * Determines how many option items are rendered at once when virtual scrolling is active.
+     * Higher values show more items but use more memory. Lower values improve performance.
+     * @default 8
+     */
+    readonly visibleItemsInput: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly visibleItems: _angular_core.Signal<number>;
+    /**
+     * Emits an event when the filter/search value changes.
+     * Called whenever the user types in the search input.
+     * Useful for implementing external search functionality or analytics.
+     * @param value - The current search input value
+     */
+    readonly inputChange: _angular_core.OutputEmitterRef<string>;
+    /**
+     * Emits an event when a user changes the selected option.
+     * Called with the selected option object or `undefined` when cleared.
+     * This is the primary callback for handling selection changes.
+     * @param option - The selected option object, or `undefined` if cleared
+     */
+    readonly optionChange: _angular_core.OutputEmitterRef<IAutocompleteOption | null>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string | null>;
+    /**
+     * The callback is fired when the dropdown requests to be hidden.
+     * Called when the dropdown closes due to user interaction, clicks outside,
+     * escape key, or programmatic changes.
+     */
+    readonly visibleChange: _angular_core.OutputEmitterRef<boolean>;
+    ngOnInit(): void;
+    protected onBlur($event?: FocusEvent): void;
+    readonly filteredOptions: _angular_core.Signal<_coreui_angular_pro.IAutocompleteOptionNorm[]>;
+    protected handleSearch(value: string): void;
+    protected handleClear(): void;
+    protected handleSelect(option?: IAutocompleteOption | null): void;
+    protected handleDropdownHide(): void;
+    protected handleDropdownShow(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AutocompleteDirective, "input[cAutocomplete]", ["cAutocomplete"], { "popperOptionsInput": { "alias": "popperOptionsInput"; "required": false; "isSignal": true; }; "allowOnlyDefinedOptions": { "alias": "allowOnlyDefinedOptions"; "required": false; "isSignal": true; }; "cleaner": { "alias": "cleaner"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "highlightOptionsOnSearch": { "alias": "highlightOptionsOnSearch"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "indicator": { "alias": "indicator"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "optionsInput": { "alias": "options"; "required": true; "isSignal": true; }; "optionsMaxHeightInput": { "alias": "optionsMaxHeight"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "optionGroupTemplate": { "alias": "optionGroupTemplate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "resetSelectionOnOptionsChange": { "alias": "resetSelectionOnOptionsChange"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; "isSignal": true; }; "showHints": { "alias": "showHints"; "required": false; "isSignal": true; }; "sizing": { "alias": "sizing"; "required": false; "isSignal": true; }; "valid": { "alias": "valid"; "required": false; "isSignal": true; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; "visibleItemsInput": { "alias": "visibleItems"; "required": false; "isSignal": true; }; }, { "inputChange": "inputChange"; "optionChange": "optionChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, never, never, true, never>;
+}
+
+declare class AutocompleteModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AutocompleteModule, never, [typeof AutocompleteDirective], [typeof AutocompleteDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AutocompleteModule>;
+}
+
 declare class AlertHeadingDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertHeadingDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AlertHeadingDirective, "[cAlertHeading]", never, {}, {}, never, never, true, never>;
@@ -1490,7 +1770,7 @@ declare class DateRangePickerComponent implements OnInit, OnDestroy, ControlValu
      * Set the ranges button variant to an outlined button or a ghost button.
      * @return 'outline' | 'ghost' | undefined
      */
-    readonly rangesButtonsVariant: _angular_core.InputSignal<"ghost" | "outline">;
+    readonly rangesButtonsVariant: _angular_core.InputSignal<"outline" | "ghost">;
     /**
      * Default icon or character that separates two dates.
      * @return boolean
@@ -2610,7 +2890,8 @@ declare class MultiSelectOptionComponent implements AfterViewInit, FocusableOpti
      * @return ('checkbox' | 'text')
      * @default 'checkbox'
      */
-    readonly optionsStyle: _angular_core.InputSignal<"text" | "checkbox">;
+    readonly optionsStyleInput: _angular_core.InputSignal<string | undefined>;
+    readonly optionsStyle: WritableSignal<string>;
     /**
      * Option label
      * @type string
@@ -2675,7 +2956,7 @@ declare class MultiSelectOptionComponent implements AfterViewInit, FocusableOpti
     private setSubscriptions;
     isSelected(value?: string | number): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectOptionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectOptionComponent, "c-multi-select-option", ["cMultiSelectOption"], { "optionsStyle": { "alias": "optionsStyle"; "required": false; "isSignal": true; }; "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; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "focusChange": "focusChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectOptionComponent, "c-multi-select-option", ["cMultiSelectOption"], { "optionsStyleInput": { "alias": "optionsStyle"; "required": false; "isSignal": true; }; "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; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "focusChange": "focusChange"; }, never, ["*"], true, never>;
     static ngAcceptInputType_visible: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_active: unknown;
@@ -2723,7 +3004,7 @@ interface IOption {
 
 declare class MultiSelectService {
     #private;
-    optionsStyle: 'checkbox' | 'text';
+    readonly optionsStyle: _angular_core.WritableSignal<"text" | "checkbox">;
     selectionModel: SelectionModel<any>;
     readonly selectionModelChanged$: Subject<SelectionChange<any>>;
     setSelectionModel(multiple?: boolean, initiallySelectedValues?: string[]): void;
@@ -2858,7 +3139,7 @@ declare class MultiSelectComponent<TValue extends string | number> implements IM
      * @return boolean | SearchFn | 'external'
      * @default true
      */
-    readonly search: _angular_core.InputSignal<boolean | SearchFn | "external">;
+    readonly search: _angular_core.InputSignal<boolean | "external" | SearchFn>;
     /**
      * Sets the label for no results when filtering
      * @return string
@@ -2997,7 +3278,7 @@ declare class MultiSelectComponent<TValue extends string | number> implements IM
     };
     contentTemplates: QueryList<TemplateIdDirective>;
     private focusKeyManager;
-    inputElement: ElementRef;
+    inputElement: ElementRef<HTMLInputElement>;
     dropdownMenu: ElementRef;
     dropdown: ElementRef;
     dropdownToggle: ElementRef;
@@ -6688,5 +6969,5 @@ declare class WidgetModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<WidgetModule>;
 }
 
-export { AccordionButtonDirective, AccordionComponent, AccordionItemComponent, AccordionModule, AlertComponent, AlertHeadingDirective, AlertLinkDirective, AlertModule, AlignDirective, AvatarComponent, AvatarModule, BackdropService, BadgeComponent, BadgeModule, BgColorDirective, BorderDirective, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, BreadcrumbRouterComponent, BreadcrumbRouterService, BreakpointInfix, ButtonCloseDirective, ButtonDirective, ButtonGroupComponent, ButtonGroupModule, ButtonModule, ButtonToolbarComponent, CalendarComponent, CalendarModule, CalendarMonthComponent, CalendarNavigationComponent, CalloutComponent, CalloutModule, CardBodyComponent, CardComponent, CardFooterComponent, CardGroupComponent, CardHeaderActionsComponent, CardHeaderComponent, CardImgDirective, CardImgOverlayComponent, CardLinkDirective, CardModule, CardSubtitleDirective, CardTextDirective, CardTitleDirective, CarouselCaptionComponent, CarouselComponent, CarouselConfig, CarouselControlComponent, CarouselIndicatorsComponent, CarouselInnerComponent, CarouselItemComponent, CarouselModule, ClassToggleService, ColComponent, ColDirective, CollapseDirective, CollapseModule, ColorModeService, ContainerComponent, DatePickerComponent, DatePickerModule, DateRangePickerComponent, DateRangePickerModule, DropdownCloseDirective, DropdownComponent, DropdownDividerDirective, DropdownHeaderDirective, DropdownItemDirective, DropdownItemPlainDirective, DropdownMenuDirective, DropdownModule, DropdownService, DropdownToggleDirective, ElementCoverComponent, ElementCoverModule, ElementRefDirective, FooterComponent, FooterModule, FormCheckComponent, FormCheckInputDirective, FormCheckLabelDirective, FormControlDirective, FormDirective, FormFeedbackComponent, FormFloatingDirective, FormLabelDirective, FormModule, FormPasswordDirective, FormSelectDirective, FormTextDirective, GridModule, GutterDirective, HeaderBrandComponent, HeaderComponent, HeaderDividerComponent, HeaderModule, HeaderNavComponent, HeaderTextComponent, HeaderTogglerDirective, HtmlAttributesDirective, ImgDirective, ImgModule, InMemoryStorageService, InputGroupComponent, InputGroupTextDirective, IntersectionService, ListGroupDirective, ListGroupItemDirective, ListGroupModule, ListenersService, LoadingButtonComponent, LoadingButtonModule, LocalStorageService, ModalBodyComponent, ModalComponent, ModalContentComponent, ModalDialogComponent, ModalFooterComponent, ModalHeaderComponent, ModalModule, ModalService, ModalTitleDirective, ModalToggleDirective, MultiSelectComponent, MultiSelectModule, MultiSelectOptgroupComponent, MultiSelectOptgroupLabelComponent, MultiSelectOptionComponent, NavComponent, NavItemComponent, NavLinkDirective, NavModule, NavbarBrandDirective, NavbarComponent, NavbarModule, NavbarNavComponent, NavbarTextComponent, NavbarTogglerDirective, OffcanvasBodyComponent, OffcanvasComponent, OffcanvasHeaderComponent, OffcanvasModule, OffcanvasService, OffcanvasTitleDirective, OffcanvasToggleDirective, PageItemComponent, PageItemDirective, PageLinkDirective, PaginationComponent, PaginationModule, PlaceholderAnimationDirective, PlaceholderDirective, PlaceholderModule, PopoverComponent, PopoverDirective, PopoverModule, ProgressBarComponent, ProgressBarDirective, ProgressComponent, ProgressModule, ProgressStackedComponent, RangeSliderComponent, RangeSliderModule, RatingComponent, RatingModule, RoundedDirective, RowComponent, RowDirective, RtlService, ShadowOnScrollDirective, SharedModule, SidebarBrandComponent, SidebarComponent, SidebarFooterComponent, SidebarHeaderComponent, SidebarModule, SidebarNavComponent, SidebarNavHelper, SidebarService, SidebarToggleDirective, SidebarTogglerDirective, SmartPaginationComponent, SmartPaginationModule, SmartTableComponent, SmartTableFilterComponent, SmartTableModule, SpinnerComponent, SpinnerModule, StepButtonDirective, StepperComponent, StepperModule, StepperStepComponent, TabContentComponent, TabContentRefDirective, TabDirective, TabPaneComponent, TabPanelComponent, TabService, TableActiveDirective, TableColorDirective, TableDirective, TableModule, Tabs2Module, TabsComponent, TabsContentComponent, TabsListComponent, TabsModule, TabsService, TemplateIdDirective, TextBgColorDirective, TextColorDirective, ThemeDirective, TimePickerComponent, TimePickerModule, ToastBodyComponent, ToastCloseDirective, ToastComponent, ToastHeaderComponent, ToastModule, ToasterComponent, ToasterHostDirective, ToasterPlacement, ToasterService, TooltipComponent, TooltipDirective, TooltipModule, UIDService, UtilitiesModule, WidgetModule, WidgetStatAComponent, WidgetStatBComponent, WidgetStatCComponent, WidgetStatDComponent, WidgetStatEComponent, WidgetStatFComponent };
-export type { Alignment, BackgroundColors, BadgePositions, BooleanInput, BreakpointInfixStrings, Breakpoints, ButtonType, ColorMode, Colors, Directions, IBreadcrumbItem, ICalendarRanges, IColumn, IColumnFilter, IColumnFilterValue, IGroup, IIntersectionObserverInit, IItem, IItemInternal, IListenersConfig, INavAttributes$1 as INavAttributes, INavData, INavLinkProps$1 as INavLinkProps, IOption, IProgress, IProgressBar, IProgressBarStacked, ISmartTable, ISorter, ISorterValue, ITableCellProps, ITableFilter, ITableHeaderCellProps, ITableSectionProps, InputType, ItemsPerPageSelect, Label, NgCssClass, NumberInput, Placements, Positions, SearchFn, Shapes, Sizes, SortOrder, StepperRef, StepperStepData, StepperStepValidationResult, TToasterPlacement, TextColors, ThumbSize, Triggers };
+export { AccordionButtonDirective, AccordionComponent, AccordionItemComponent, AccordionModule, AlertComponent, AlertHeadingDirective, AlertLinkDirective, AlertModule, AlignDirective, AutocompleteDirective, AutocompleteModule, AvatarComponent, AvatarModule, BackdropService, BadgeComponent, BadgeModule, BgColorDirective, BorderDirective, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, BreadcrumbRouterComponent, BreadcrumbRouterService, BreakpointInfix, ButtonCloseDirective, ButtonDirective, ButtonGroupComponent, ButtonGroupModule, ButtonModule, ButtonToolbarComponent, CalendarComponent, CalendarModule, CalendarMonthComponent, CalendarNavigationComponent, CalloutComponent, CalloutModule, CardBodyComponent, CardComponent, CardFooterComponent, CardGroupComponent, CardHeaderActionsComponent, CardHeaderComponent, CardImgDirective, CardImgOverlayComponent, CardLinkDirective, CardModule, CardSubtitleDirective, CardTextDirective, CardTitleDirective, CarouselCaptionComponent, CarouselComponent, CarouselConfig, CarouselControlComponent, CarouselIndicatorsComponent, CarouselInnerComponent, CarouselItemComponent, CarouselModule, ClassToggleService, ColComponent, ColDirective, CollapseDirective, CollapseModule, ColorModeService, ContainerComponent, DatePickerComponent, DatePickerModule, DateRangePickerComponent, DateRangePickerModule, DropdownCloseDirective, DropdownComponent, DropdownDividerDirective, DropdownHeaderDirective, DropdownItemDirective, DropdownItemPlainDirective, DropdownMenuDirective, DropdownModule, DropdownService, DropdownToggleDirective, ElementCoverComponent, ElementCoverModule, ElementRefDirective, FooterComponent, FooterModule, FormCheckComponent, FormCheckInputDirective, FormCheckLabelDirective, FormControlDirective, FormDirective, FormFeedbackComponent, FormFloatingDirective, FormLabelDirective, FormModule, FormPasswordDirective, FormSelectDirective, FormTextDirective, GridModule, GutterDirective, HeaderBrandComponent, HeaderComponent, HeaderDividerComponent, HeaderModule, HeaderNavComponent, HeaderTextComponent, HeaderTogglerDirective, HtmlAttributesDirective, ImgDirective, ImgModule, InMemoryStorageService, InputGroupComponent, InputGroupTextDirective, IntersectionService, ListGroupDirective, ListGroupItemDirective, ListGroupModule, ListenersService, LoadingButtonComponent, LoadingButtonModule, LocalStorageService, ModalBodyComponent, ModalComponent, ModalContentComponent, ModalDialogComponent, ModalFooterComponent, ModalHeaderComponent, ModalModule, ModalService, ModalTitleDirective, ModalToggleDirective, MultiSelectComponent, MultiSelectModule, MultiSelectOptgroupComponent, MultiSelectOptgroupLabelComponent, MultiSelectOptionComponent, NavComponent, NavItemComponent, NavLinkDirective, NavModule, NavbarBrandDirective, NavbarComponent, NavbarModule, NavbarNavComponent, NavbarTextComponent, NavbarTogglerDirective, OffcanvasBodyComponent, OffcanvasComponent, OffcanvasHeaderComponent, OffcanvasModule, OffcanvasService, OffcanvasTitleDirective, OffcanvasToggleDirective, PageItemComponent, PageItemDirective, PageLinkDirective, PaginationComponent, PaginationModule, PlaceholderAnimationDirective, PlaceholderDirective, PlaceholderModule, PopoverComponent, PopoverDirective, PopoverModule, ProgressBarComponent, ProgressBarDirective, ProgressComponent, ProgressModule, ProgressStackedComponent, RangeSliderComponent, RangeSliderModule, RatingComponent, RatingModule, RoundedDirective, RowComponent, RowDirective, RtlService, ShadowOnScrollDirective, SharedModule, SidebarBrandComponent, SidebarComponent, SidebarFooterComponent, SidebarHeaderComponent, SidebarModule, SidebarNavComponent, SidebarNavHelper, SidebarService, SidebarToggleDirective, SidebarTogglerDirective, SmartPaginationComponent, SmartPaginationModule, SmartTableComponent, SmartTableFilterComponent, SmartTableModule, SpinnerComponent, SpinnerModule, StepButtonDirective, StepperComponent, StepperModule, StepperStepComponent, TabContentComponent, TabContentRefDirective, TabDirective, TabPaneComponent, TabPanelComponent, TabService, TableActiveDirective, TableColorDirective, TableDirective, TableModule, Tabs2Module, TabsComponent, TabsContentComponent, TabsListComponent, TabsModule, TabsService, TemplateIdDirective, TextBgColorDirective, TextColorDirective, ThemeDirective, TimePickerComponent, TimePickerModule, ToastBodyComponent, ToastCloseDirective, ToastComponent, ToastHeaderComponent, ToastModule, ToasterComponent, ToasterHostDirective, ToasterPlacement, ToasterService, TooltipComponent, TooltipDirective, TooltipModule, UIDService, UtilitiesModule, WidgetModule, WidgetStatAComponent, WidgetStatBComponent, WidgetStatCComponent, WidgetStatDComponent, WidgetStatEComponent, WidgetStatFComponent };
+export type { Alignment, AutocompleteOption, BackgroundColors, BadgePositions, BooleanInput, BreakpointInfixStrings, Breakpoints, ButtonType, ColorMode, Colors, Directions, IAutocompleteOption, IAutocompleteOptionBase, IAutocompleteOptionNorm, IBreadcrumbItem, ICalendarRanges, IColumn, IColumnFilter, IColumnFilterValue, IGroup, IIntersectionObserverInit, IItem, IItemInternal, IListenersConfig, INavAttributes$1 as INavAttributes, INavData, INavLinkProps$1 as INavLinkProps, IOption, IProgress, IProgressBar, IProgressBarStacked, ISmartTable, ISorter, ISorterValue, ITableCellProps, ITableFilter, ITableHeaderCellProps, ITableSectionProps, InputType, ItemsPerPageSelect, Label, NgCssClass, NumberInput, Placements, Positions, Search, SearchFn, Shapes, Sizes, SortOrder, StepperRef, StepperStepData, StepperStepValidationResult, TToasterPlacement, TextColors, ThumbSize, Triggers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.5.10",
+  "version": "5.5.12",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2025 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -28,8 +28,8 @@
     "@angular/core": "^20.2.0",
     "@angular/forms": "^20.2.0",
     "@angular/router": "^20.2.0",
-    "@coreui/coreui-pro": "~5.18.0",
-    "@coreui/icons-angular": "~5.5.10",
+    "@coreui/coreui-pro": "~5.19.0",
+    "@coreui/icons-angular": "~5.5.12",
     "rxjs": "^7.8.2"
   },
   "repository": {