@coreui/angular-pro 5.5.9 → 5.5.11

package/index.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, 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 { AnimationEvent } from '@angular/animations';
 import * as rxjs from 'rxjs';
 import { Observable, Subscription, Subject, BehaviorSubject } from 'rxjs';
@@ -2610,7 +2610,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 +2676,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 +2724,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;
@@ -2757,6 +2758,7 @@ declare class MultiSelectComponent<TValue extends string | number> implements IM
     static ngAcceptInputType_itemMinWidthInput: NumberInput$1;
     static ngAcceptInputType_loading: BooleanInput$1;
     static ngAcceptInputType_multiple: BooleanInput$1;
+    static ngAcceptInputType_resetSelectionOnOptionsChange: BooleanInput$1;
     static ngAcceptInputType_selectAll: BooleanInput$1;
     static ngAcceptInputType_virtualScroller: BooleanInput$1;
     static ngAcceptInputType_visibleInput: BooleanInput$1;
@@ -2845,6 +2847,13 @@ declare class MultiSelectComponent<TValue extends string | number> implements IM
      * @default 'Select...'
      */
     readonly placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Resets selection when options are changed
+     * When set to 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 search input element
      * @return boolean | SearchFn | 'external'
@@ -2989,7 +2998,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;
@@ -3041,7 +3050,7 @@ declare class MultiSelectComponent<TValue extends string | number> implements IM
     updateActiveItem<TItem extends MultiSelectOptionComponent & FocusableOption>(item: TItem): void;
     handleIndicatorClick($event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent<any>, "c-multi-select", ["cMultiSelect"], { "allowCreateOptions": { "alias": "allowCreateOptions"; "required": false; "isSignal": true; }; "cleaner": { "alias": "cleaner"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; }; "optionsMaxHeightInput": { "alias": "optionsMaxHeight"; "required": false; "isSignal": true; }; "optionsStyle": { "alias": "optionsStyle"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "selectionType": { "alias": "selectionType"; "required": false; "isSignal": true; }; "selectionTypeCounterText": { "alias": "selectionTypeCounterText"; "required": false; "isSignal": true; }; "selectionTypeCounterTextPluralMap": { "alias": "selectionTypeCounterTextPluralMap"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "valid": { "alias": "valid"; "required": false; "isSignal": true; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; "isSignal": true; }; "visibleItemsInput": { "alias": "visibleItems"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "itemMinWidthInput": { "alias": "itemMinWidth"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; "popperOptionsInput": { "alias": "popperOptions"; "required": false; "isSignal": true; }; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptionsContent", "contentTemplates"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent<any>, "c-multi-select", ["cMultiSelect"], { "allowCreateOptions": { "alias": "allowCreateOptions"; "required": false; "isSignal": true; }; "cleaner": { "alias": "cleaner"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; }; "optionsMaxHeightInput": { "alias": "optionsMaxHeight"; "required": false; "isSignal": true; }; "optionsStyle": { "alias": "optionsStyle"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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; }; "searchValue": { "alias": "searchValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "selectionType": { "alias": "selectionType"; "required": false; "isSignal": true; }; "selectionTypeCounterText": { "alias": "selectionTypeCounterText"; "required": false; "isSignal": true; }; "selectionTypeCounterTextPluralMap": { "alias": "selectionTypeCounterTextPluralMap"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "valid": { "alias": "valid"; "required": false; "isSignal": true; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; "isSignal": true; }; "visibleItemsInput": { "alias": "visibleItems"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "itemMinWidthInput": { "alias": "itemMinWidth"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; "popperOptionsInput": { "alias": "popperOptions"; "required": false; "isSignal": true; }; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptionsContent", "contentTemplates"], ["*"], true, never>;
 }
 
 declare class MultiSelectModule {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.5.9",
+  "version": "5.5.11",
   "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.1.0",
-    "@angular/cdk": "^20.1.0",
-    "@angular/common": "^20.1.0",
-    "@angular/core": "^20.1.0",
-    "@angular/forms": "^20.1.0",
-    "@angular/router": "^20.1.0",
+    "@angular/animations": "^20.2.0",
+    "@angular/cdk": "^20.2.0",
+    "@angular/common": "^20.2.0",
+    "@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.9",
+    "@coreui/icons-angular": "~5.5.11",
     "rxjs": "^7.8.2"
   },
   "repository": {