@coreui/angular-pro 5.5.24 → 5.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.5.24",
+  "version": "5.6.0",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2025 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -22,14 +22,14 @@
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@angular/animations": "^20.3.0",
-    "@angular/cdk": "^20.2.12",
-    "@angular/common": "^20.3.0",
-    "@angular/core": "^20.3.0",
-    "@angular/forms": "^20.3.0",
-    "@angular/router": "^20.3.0",
-    "@coreui/coreui-pro": "^5.21.1",
-    "@coreui/icons-angular": "~5.5.24",
+    "@angular/animations": "^21.0.0",
+    "@angular/cdk": "^21.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/forms": "^21.0.0",
+    "@angular/router": "^21.0.0",
+    "@coreui/coreui-pro": "^5.22.0",
+    "@coreui/icons-angular": "~5.6.0",
     "rxjs": "^7.8.2"
   },
   "repository": {
@@ -55,13 +55,13 @@
     "save": true
   },
   "module": "fesm2022/coreui-angular-pro.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/coreui-angular-pro.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/coreui-angular-pro.d.ts",
       "default": "./fesm2022/coreui-angular-pro.mjs"
     }
   }

package/{index.d.ts → types/coreui-angular-pro.d.ts}

@@ -1,6 +1,6 @@
 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, WritableSignal, OnChanges, SimpleChanges, Renderer2, 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, 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';
@@ -648,8 +648,8 @@ declare class BackdropService {
     readonly backdropClick$: rxjs.Observable<boolean>;
     activeBackdrop: any;
     scrollbarWidth: string;
-    setBackdrop(type?: string): any;
-    clearBackdrop(backdropElement: any): any;
+    setBackdrop(type?: string): HTMLDivElement;
+    clearBackdrop(backdropElement: HTMLElement): any;
     hideScrollbar(): void;
     resetScrollbar(): void;
     onClickHandler(): void;
@@ -1171,7 +1171,6 @@ declare class CalendarComponent implements OnInit, AfterViewInit {
      * @default 'days'
      */
     readonly view: _angular_core.ModelSignal<"days" | "months" | "years">;
-    readonly viewEffect: _angular_core.EffectRef;
     /**
      * Set length or format of day name.
      * @type number | 'long' | 'narrow' | 'short'
@@ -2025,8 +2024,8 @@ interface IDropdownState {
     dropdown?: any;
 }
 declare class DropdownService {
-    private dropdownState;
-    dropdownState$: rxjs.Observable<any>;
+    #private;
+    readonly dropdownState$: rxjs.Observable<any>;
     toggle(state: IDropdownState): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<DropdownService>;
@@ -3263,7 +3262,7 @@ declare class MultiSelectComponent<TValue extends string | number> implements IM
         strategy?: _popperjs_core.PositioningStrategy | undefined;
         onFirstUpdate?: (arg0: Partial<_popperjs_core.State>) => void;
     }>;
-    isDropdownVisible: boolean;
+    readonly isDropdownVisible: _angular_core.WritableSignal<boolean>;
     get selectedOptions(): IOption[];
     get selectedOptionsText(): string;
     get counterText(): string;
@@ -3285,18 +3284,16 @@ declare class MultiSelectComponent<TValue extends string | number> implements IM
     dropdown: ElementRef;
     dropdownToggle: ElementRef;
     readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
-    get multiselectClasses(): Record<string, boolean>;
-    get multiselectSelectionClasses(): Record<string, boolean>;
-    private get ariaMultiSelectable();
-    private get ariaExpanded();
-    private get tabIndex();
-    private set tabIndex(value);
+    readonly multiselectClasses: _angular_core.Signal<Record<string, boolean>>;
+    readonly multiselectSelectionClasses: _angular_core.Signal<Record<string, boolean>>;
+    protected get tabIndex(): number | null;
+    protected set tabIndex(value: number | null);
     private _tabIndex;
     onBlur(): void;
     onKeyUp($event: KeyboardEvent): void;
     onKeyDown($event: KeyboardEvent): void;
     onClick($event: MouseEvent): void;
-    visibleOptions: _angular_core.WritableSignal<boolean>;
+    readonly visibleOptions: _angular_core.WritableSignal<boolean>;
     get subtreeFocused(): boolean;
     set subtreeFocused(focused: boolean);
     private _subtreeFocused;
@@ -3900,6 +3897,8 @@ declare class OneTimePasswordComponent implements ControlValueAccessor {
     protected readonly hostClasses: _angular_core.Signal<{
         [x: string]: boolean;
         'form-otp': boolean;
+        'is-valid': boolean;
+        'is-invalid': boolean;
     }>;
     protected readonly inputRefs: _angular_core.Signal<readonly OtpDirective[]>;
     protected readonly inputCount: _angular_core.Signal<number>;
@@ -4603,8 +4602,8 @@ interface ISidebarAction {
     id?: string;
 }
 declare class SidebarService {
-    private sidebarState;
-    sidebarState$: rxjs.Observable<ISidebarAction>;
+    #private;
+    readonly sidebarState$: rxjs.Observable<ISidebarAction>;
     toggle(action: ISidebarAction): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<SidebarService>;
@@ -4813,18 +4812,21 @@ declare class SidebarNavGroupComponent implements OnInit, OnDestroy {
     #private;
     readonly helper: SidebarNavHelper;
     constructor();
-    item: any;
-    dropdownMode: 'path' | 'none' | 'close';
-    show?: boolean;
-    compact?: boolean;
-    get hostClasses(): any;
-    sidebarNav: ElementRef;
+    readonly item: _angular_core.InputSignal<INavData | undefined>;
+    readonly dropdownMode: _angular_core.InputSignal<"path" | "none" | "close">;
+    readonly show: _angular_core.InputSignal<boolean | undefined>;
+    readonly compact: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly hostClasses: _angular_core.Signal<{
+        'nav-group': boolean;
+        show: boolean | undefined;
+    }>;
+    readonly sidebarNav: _angular_core.Signal<ElementRef<any>>;
     navigationEndObservable: Observable<NavigationEnd>;
     navSubscription: Subscription;
     navGroupSubscription: Subscription;
-    open: boolean;
-    navItems: INavData[];
-    display: any;
+    readonly open: _angular_core.WritableSignal<boolean | undefined>;
+    readonly navItems: _angular_core.WritableSignal<INavData[]>;
+    readonly display: _angular_core.WritableSignal<any>;
     ngOnInit(): void;
     samePath(url: string): boolean;
     openGroup(open: boolean): void;
@@ -4833,27 +4835,28 @@ declare class SidebarNavGroupComponent implements OnInit, OnDestroy {
     onAnimationStart($event: AnimationEvent): void;
     onAnimationDone($event: AnimationEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarNavGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarNavGroupComponent, "c-sidebar-nav-group", never, { "item": { "alias": "item"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "show": { "alias": "show"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_compact: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarNavGroupComponent, "c-sidebar-nav-group", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; "isSignal": true; }; "show": { "alias": "show"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class SidebarNavComponent implements OnChanges {
     #private;
     readonly sidebar: SidebarComponent | null;
     readonly helper: SidebarNavHelper;
     readonly router: Router;
-    navItems?: INavData[];
-    dropdownMode: 'path' | 'none' | 'close';
-    groupItems?: boolean;
-    compact?: boolean;
-    get hostClasses(): any;
-    role: string;
-    navItemsArray: INavData[];
+    readonly navItems: _angular_core.InputSignal<INavData[] | undefined>;
+    readonly dropdownMode: _angular_core.InputSignal<"path" | "none" | "close">;
+    readonly groupItems: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly compact: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly role: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<{
+        'sidebar-nav': boolean;
+        'nav-group-items': boolean | undefined;
+        compact: boolean | undefined;
+    }>;
+    readonly navItemsArray: _angular_core.WritableSignal<INavData[]>;
     ngOnChanges(changes: SimpleChanges): void;
     hideMobile(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarNavComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarNavComponent, "c-sidebar-nav", never, { "navItems": { "alias": "navItems"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "groupItems": { "alias": "groupItems"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_groupItems: unknown;
-    static ngAcceptInputType_compact: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarNavComponent, "c-sidebar-nav", never, { "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; "isSignal": true; }; "groupItems": { "alias": "groupItems"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class SidebarNavDividerComponent {
@@ -5047,17 +5050,13 @@ declare class SmartPaginationModule {
 
 declare class SmartTableFilterComponent {
     #private;
-    readonly value$: rxjs.BehaviorSubject<string>;
-    filterLabel: string;
-    filterPlaceholder: string;
-    sizing?: 'sm' | 'lg';
-    get hostClasses(): any;
-    get labelClasses(): {
-        [x: string]: boolean;
-        'col-form-label': boolean;
-    };
+    readonly value: _angular_core.WritableSignal<string>;
+    readonly filterLabel: _angular_core.InputSignal<string>;
+    readonly filterPlaceholder: _angular_core.InputSignal<string>;
+    readonly sizing: _angular_core.InputSignal<"sm" | "lg" | undefined>;
+    readonly labelClasses: _angular_core.Signal<Record<string, boolean>>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmartTableFilterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmartTableFilterComponent, "c-smart-table-filter", never, { "filterLabel": { "alias": "filterLabel"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "sizing": { "alias": "sizing"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmartTableFilterComponent, "c-smart-table-filter", never, { "filterLabel": { "alias": "filterLabel"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "sizing": { "alias": "sizing"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface ITable {
@@ -5518,15 +5517,15 @@ declare class SmartTableComponent implements ISmartTable, AfterContentInit, OnCh
     tableFootProps?: ITableSectionProps;
     tableHeadProps?: ITableSectionProps;
     tableProps?: ITable;
-    readonly selectedItemsChange: EventEmitter<IItem[]>;
-    readonly sorterValueChange: EventEmitter<ISorterValue>;
-    readonly activePageChange: EventEmitter<number>;
-    readonly itemsPerPageChange: EventEmitter<number>;
-    readonly rowClick: EventEmitter<any>;
-    readonly columnFilterValueChange: EventEmitter<IColumnFilterValue>;
-    readonly filteredItemsChange: EventEmitter<IItemInternal[]>;
-    readonly tableFilterValueChange: EventEmitter<string>;
-    readonly cleanerClick: EventEmitter<void>;
+    readonly selectedItemsChange: _angular_core.OutputEmitterRef<IItem[]>;
+    readonly sorterValueChange: _angular_core.OutputEmitterRef<ISorterValue>;
+    readonly activePageChange: _angular_core.OutputEmitterRef<number>;
+    readonly itemsPerPageChange: _angular_core.OutputEmitterRef<number>;
+    readonly rowClick: _angular_core.OutputEmitterRef<any>;
+    readonly columnFilterValueChange: _angular_core.OutputEmitterRef<IColumnFilterValue>;
+    readonly filteredItemsChange: _angular_core.OutputEmitterRef<IItemInternal[]>;
+    readonly tableFilterValueChange: _angular_core.OutputEmitterRef<string>;
+    readonly cleanerClick: _angular_core.OutputEmitterRef<void>;
     columnTemplates: QueryList<TemplateIdDirective>;
     templates: {
         [key: string]: TemplateRef<any> | null;
@@ -6425,14 +6424,7 @@ declare class TimePickerComponent implements OnChanges, OnInit, ControlValueAcce
     set timeInputValue(value: string);
     get timeInputValue(): string;
     private _timeInputValue;
-    readonly timePickerClasses: _angular_core.Signal<{
-        [x: string]: boolean;
-        'time-picker': boolean;
-        'form-control': boolean;
-        'is-valid': boolean;
-        'is-invalid': boolean;
-        disabled: boolean;
-    }>;
+    readonly timePickerClasses: _angular_core.Signal<Record<string, boolean>>;
     readonly selectTime: FormGroup<{
         selectHours: FormControl<number | null>;
         selectMinutes: FormControl<number | null>;