@coreui/angular-pro 5.2.5 → 5.2.6

package/fesm2022/coreui-angular-pro.mjs

@@ -10227,7 +10227,7 @@ class MultiSelectComponent {
          * @default { '=1': 'item selected', 'other': 'items selected' }
          */
         this.selectionTypeCounterTextPluralMap = { '=1': 'item selected', other: 'items selected' };
-        this.#value = [];
+        this.#value = signal([]);
         /**
          * Emits valueChange
          * @type TValue | TValue[]
@@ -10262,7 +10262,7 @@ class MultiSelectComponent {
         this._subtreeFocused = this.focusOrigin(null);
         this.userOptions = this.multiSelectService.getUserOptions();
         this.activeOption = null;
-        this.differ = this.iterableDiffers.find(this.#value).create();
+        this.differ = this.iterableDiffers.find(this.#value()).create();
         this.multiSelectService.setSelectionModel(this.multiple);
         this.optionsArray$ = this.multiSelectService.getOptionsArray();
     }
@@ -10363,22 +10363,22 @@ class MultiSelectComponent {
     }
     /**
      * Initial value of multi-select
-     * @type TValue | TValue[]
+     * @type (TValue | TValue[])
      */
     set value(value) {
         const newValue = Array.isArray(value) ? [...value] : [value];
-        if (this.differ) {
-            const changes = this.differ.diff(newValue);
-            if (changes) {
-                this.#value = [...newValue];
-                this.value$.next([...newValue]);
-                this.onChange(this.value);
-                // this.valueChange.emit(this.value);
-            }
+        // if (this.differ) {
+        const changes = this.differ?.diff(newValue);
+        if (changes) {
+            this.#value.set([...newValue]);
+            this.value$.next([...newValue]);
+            this.onChange(this.value);
+            // this.valueChange.emit(this.value);
         }
+        // }
     }
     get value() {
-        const value = this.multiSelectService.selectionModel?.selected ?? [...this.#value];
+        const value = this.multiSelectService.selectionModel?.selected ?? [...this.#value()];
         return this.multiple ? [...value] : value[0];
     }
     #value;
@@ -10674,7 +10674,7 @@ class MultiSelectComponent {
         }), takeUntilDestroyed(this.#destroyRef))
             .subscribe();
         // set initial values
-        this.multiSelectService.selectionModel.select(...this.#value);
+        this.multiSelectService.selectionModel.select(...this.#value());
         this.value$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((value) => {
             if (!value.length) {
                 this.clearAllOptions();
@@ -10685,7 +10685,7 @@ class MultiSelectComponent {
             });
         });
         this.value$
-            .pipe(debounceTime(100), tap((value) => {
+            .pipe(debounceTime(100), distinctUntilChanged(), tap((value) => {
             this.valueChange.emit(this.value);
         }), takeUntilDestroyed(this.#destroyRef))
             .subscribe();
@@ -10737,8 +10737,8 @@ class MultiSelectComponent {
     }
     makeOptions(options) {
         if (this.search === 'external' && this.searchValue.length) {
-            this.#options.forEach((value, key) => {
-                value.visible = false;
+            this.#options.forEach((option, key) => {
+                option.visible = false;
             });
         }
         options.forEach((option) => {
@@ -10812,6 +10812,9 @@ class MultiSelectComponent {
             .subscribe((next) => {
             this.visibleOptions.set(this.multiSelectOptionsContent?.some((option) => option.visible));
             if (this.visibleOptions()) {
+                if (!this.virtualScroller) {
+                    this.#options.clear();
+                }
                 this.makeOptions(this.multiSelectOptionsContent.toArray());
             }
         });