@coreui/angular-pro 5.5.9 → 5.5.10

package/README.md

@@ -199,4 +199,4 @@ This is proprietary software. To use it, you have to obtain a commercial license
 [npm-coreui-angular-badge-next]: https://img.shields.io/npm/v/@coreui/angular-pro/next?style=flat-square&color=yellow
 [npm-coreui-angular]: https://www.npmjs.com/package/@coreui/angular-pro
 [npm-coreui-angular-download]: https://img.shields.io/npm/dm/@coreui/angular.svg?style=flat-square
-[angular-badge]: https://img.shields.io/badge/angular-^20.1.0-lightgrey.svg?style=flat-square&logo=angular
+[angular-badge]: https://img.shields.io/badge/angular-^20.2.0-lightgrey.svg?style=flat-square&logo=angular

package/fesm2022/coreui-angular-pro.mjs

@@ -9448,6 +9448,7 @@ class MultiSelectComponent {
     static ngAcceptInputType_itemMinWidthInput;
     static ngAcceptInputType_loading;
     static ngAcceptInputType_multiple;
+    static ngAcceptInputType_resetSelectionOnOptionsChange;
     static ngAcceptInputType_selectAll;
     static ngAcceptInputType_virtualScroller;
     static ngAcceptInputType_visibleInput;
@@ -9592,6 +9593,13 @@ class MultiSelectComponent {
      * @default 'Select...'
      */
     placeholder = input('Select...', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    /**
+     * 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
+     * */
+    resetSelectionOnOptionsChange = input(false, ...(ngDevMode ? [{ debugName: "resetSelectionOnOptionsChange", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     /**
      * Enables search input element
      * @return boolean | SearchFn | 'external'
@@ -9677,10 +9685,8 @@ class MultiSelectComponent {
             if (newValue.length === 0) {
                 this.multiSelectService.selectionModel.clear();
             }
-            this.#value.set([...newValue]);
             this.value$.next([...newValue]);
             this.onChange(this.value);
-            // this.valueChange.emit(this.value);
         }
         // }
     }
@@ -10033,9 +10039,8 @@ class MultiSelectComponent {
                 this.clearAllOptions();
                 return;
             }
-            value.forEach((value) => {
-                this.multiSelectService.selectionModel.select(value);
-            });
+            this.multiSelectService.selectionModel.setSelection(...value);
+            this.#value.set(this.multiSelectService.selectionModel.selected);
         });
         this.value$
             .pipe(debounceTime(100), distinctUntilChanged(), tap((value) => {
@@ -10089,6 +10094,9 @@ class MultiSelectComponent {
         }
     }
     makeOptions(options) {
+        if (this.resetSelectionOnOptionsChange() && this.search() !== 'external') {
+            this.clearAllOptions();
+        }
         if (this.search() === 'external' && this.searchValue.length) {
             this.#options.forEach((option, key) => {
                 option.visible = false;
@@ -10169,8 +10177,8 @@ class MultiSelectComponent {
             if (this.visibleOptions()) {
                 if (!this.virtualScroller()) {
                     this.#options.clear();
+                    this.makeOptions(this.multiSelectOptionsContent.toArray());
                 }
-                this.makeOptions(this.multiSelectOptionsContent.toArray());
             }
         });
         this.visibleOptions.set(this.multiSelectOptionsContent?.length > 0 || this.multiSelectOptionsView?.length > 0);
@@ -10497,7 +10505,7 @@ class MultiSelectComponent {
         this.visible.update((visible) => !visible);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: MultiSelectComponent, isStandalone: true, selector: "c-multi-select", inputs: { allowCreateOptions: { classPropertyName: "allowCreateOptions", publicName: "allowCreateOptions", isSignal: true, isRequired: false, transformFunction: null }, cleaner: { classPropertyName: "cleaner", publicName: "cleaner", isSignal: true, isRequired: false, transformFunction: null }, clearSearchOnSelect: { classPropertyName: "clearSearchOnSelect", publicName: "clearSearchOnSelect", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: false, transformFunction: null }, optionsMaxHeightInput: { classPropertyName: "optionsMaxHeightInput", publicName: "optionsMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, optionsStyle: { classPropertyName: "optionsStyle", publicName: "optionsStyle", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null }, searchNoResultsLabel: { classPropertyName: "searchNoResultsLabel", publicName: "searchNoResultsLabel", isSignal: true, isRequired: false, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: false, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, selectAllLabel: { classPropertyName: "selectAllLabel", publicName: "selectAllLabel", isSignal: true, isRequired: false, transformFunction: null }, selectionType: { classPropertyName: "selectionType", publicName: "selectionType", isSignal: true, isRequired: false, transformFunction: null }, selectionTypeCounterText: { classPropertyName: "selectionTypeCounterText", publicName: "selectionTypeCounterText", isSignal: true, isRequired: false, transformFunction: null }, selectionTypeCounterTextPluralMap: { classPropertyName: "selectionTypeCounterTextPluralMap", publicName: "selectionTypeCounterTextPluralMap", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, valid: { classPropertyName: "valid", publicName: "valid", isSignal: true, isRequired: false, transformFunction: null }, virtualScroller: { classPropertyName: "virtualScroller", publicName: "virtualScroller", isSignal: true, isRequired: false, transformFunction: null }, visibleItemsInput: { classPropertyName: "visibleItemsInput", publicName: "visibleItems", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, itemMinWidthInput: { classPropertyName: "itemMinWidthInput", publicName: "itemMinWidth", isSignal: true, isRequired: false, transformFunction: null }, visibleInput: { classPropertyName: "visibleInput", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, popperOptionsInput: { classPropertyName: "popperOptionsInput", publicName: "popperOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchValueChange: "searchValueChange", valueChange: "valueChange", visibleChange: "visibleChange" }, host: { listeners: { "keyup": "onKeyUp($event)", "keydown": "onKeyDown($event)", "click": "onClick($event)" }, properties: { "class": "hostClasses()", "attr.aria-multiselectable": "this.ariaMultiSelectable", "attr.aria-expanded": "this.ariaExpanded", "attr.tabindex": "this.tabIndex" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: MultiSelectComponent, isStandalone: true, selector: "c-multi-select", inputs: { allowCreateOptions: { classPropertyName: "allowCreateOptions", publicName: "allowCreateOptions", isSignal: true, isRequired: false, transformFunction: null }, cleaner: { classPropertyName: "cleaner", publicName: "cleaner", isSignal: true, isRequired: false, transformFunction: null }, clearSearchOnSelect: { classPropertyName: "clearSearchOnSelect", publicName: "clearSearchOnSelect", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: false, transformFunction: null }, optionsMaxHeightInput: { classPropertyName: "optionsMaxHeightInput", publicName: "optionsMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, optionsStyle: { classPropertyName: "optionsStyle", publicName: "optionsStyle", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, resetSelectionOnOptionsChange: { classPropertyName: "resetSelectionOnOptionsChange", publicName: "resetSelectionOnOptionsChange", isSignal: true, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null }, searchNoResultsLabel: { classPropertyName: "searchNoResultsLabel", publicName: "searchNoResultsLabel", isSignal: true, isRequired: false, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: false, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, selectAllLabel: { classPropertyName: "selectAllLabel", publicName: "selectAllLabel", isSignal: true, isRequired: false, transformFunction: null }, selectionType: { classPropertyName: "selectionType", publicName: "selectionType", isSignal: true, isRequired: false, transformFunction: null }, selectionTypeCounterText: { classPropertyName: "selectionTypeCounterText", publicName: "selectionTypeCounterText", isSignal: true, isRequired: false, transformFunction: null }, selectionTypeCounterTextPluralMap: { classPropertyName: "selectionTypeCounterTextPluralMap", publicName: "selectionTypeCounterTextPluralMap", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, valid: { classPropertyName: "valid", publicName: "valid", isSignal: true, isRequired: false, transformFunction: null }, virtualScroller: { classPropertyName: "virtualScroller", publicName: "virtualScroller", isSignal: true, isRequired: false, transformFunction: null }, visibleItemsInput: { classPropertyName: "visibleItemsInput", publicName: "visibleItems", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, itemMinWidthInput: { classPropertyName: "itemMinWidthInput", publicName: "itemMinWidth", isSignal: true, isRequired: false, transformFunction: null }, visibleInput: { classPropertyName: "visibleInput", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, popperOptionsInput: { classPropertyName: "popperOptionsInput", publicName: "popperOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchValueChange: "searchValueChange", valueChange: "valueChange", visibleChange: "visibleChange" }, host: { listeners: { "keyup": "onKeyUp($event)", "keydown": "onKeyDown($event)", "click": "onClick($event)" }, properties: { "class": "hostClasses()", "attr.aria-multiselectable": "this.ariaMultiSelectable", "attr.aria-expanded": "this.ariaExpanded", "attr.tabindex": "this.tabIndex" } }, providers: [
             I18nPluralPipe,
             MultiSelectService,
             {