@coreui/angular-pro 4.4.12 → 4.4.13

package/fesm2020/coreui-angular-pro.mjs

@@ -8915,7 +8915,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Output
             }] } });
 
-var _MultiSelectComponent_destroy$, _MultiSelectComponent_optionsReady$, _MultiSelectComponent_options, _MultiSelectComponent_value;
+var _MultiSelectComponent_destroy$, _MultiSelectComponent_optionsReady$, _MultiSelectComponent_options, _MultiSelectComponent_optionsContent, _MultiSelectComponent_value;
 // @ts-ignore
 const observeReferenceModifier = {
     name: 'observeReferenceModifier', enabled: true, phase: 'main', fn({ state }) { },
@@ -8953,6 +8953,7 @@ class MultiSelectComponent {
         this.optionsSelected$ = new BehaviorSubject([]);
         this.optionsSelected = new Map();
         this.value$ = new BehaviorSubject([]);
+        _MultiSelectComponent_optionsContent.set(this, []);
         this.onChange = (value) => { };
         this.onTouched = () => { };
         /**
@@ -9135,6 +9136,7 @@ class MultiSelectComponent {
      */
     set options(options) {
         if (Array.isArray(options)) {
+            __classPrivateFieldGet(this, _MultiSelectComponent_options, "f").clear();
             this.makeOptions(options);
         }
     }
@@ -9218,7 +9220,9 @@ class MultiSelectComponent {
         const visible = coerceBooleanProperty(value);
         if (visible !== this._visible) {
             this._visible = visible;
-            this.multiSelectService.toggleVisible(visible);
+            setTimeout(() => {
+                this.multiSelectService.toggleVisible(visible);
+            });
             if (!visible) {
                 // this.searchValue = '';
             }
@@ -9523,7 +9527,12 @@ class MultiSelectComponent {
             .pipe(takeUntil$1(__classPrivateFieldGet(this, _MultiSelectComponent_destroy$, "f")), delay(0), distinctUntilChanged((previous, current) => {
             const prev = previous.toArray().map(option => option.value);
             const curr = current.toArray().map(option => option.value);
-            return JSON.stringify(prev) === JSON.stringify(curr);
+            if (this.virtualScroller) {
+                return JSON.stringify(prev) === JSON.stringify(curr);
+            }
+            return JSON.stringify(__classPrivateFieldGet(this, _MultiSelectComponent_optionsContent, "f")) === JSON.stringify(curr);
+        }), tap(changes => {
+            __classPrivateFieldSet(this, _MultiSelectComponent_optionsContent, changes.toArray().map(option => option.value), "f");
         }))
             .subscribe(next => {
             this.visibleOptions = this.multiSelectOptionsContent?.filter((option) => option.visible).length;
@@ -9728,6 +9737,7 @@ class MultiSelectComponent {
         // if no template found, get defaultMultiSelectOptionTemplate from view
         if (!this.templates['multiSelectOptionTemplate']) {
             this.multiSelectOptionsContent = this.multiSelectOptionsView;
+            this.multiSelectOptionsContent.notifyOnChanges();
         }
         // multiSelectOptionsContent gets out of order on changes
         // do sort() and reset()
@@ -9818,7 +9828,7 @@ class MultiSelectComponent {
         this.activeOption = this.listKeyManager?.activeItem ?? null;
     }
 }
-_MultiSelectComponent_destroy$ = new WeakMap(), _MultiSelectComponent_optionsReady$ = new WeakMap(), _MultiSelectComponent_options = new WeakMap(), _MultiSelectComponent_value = new WeakMap();
+_MultiSelectComponent_destroy$ = new WeakMap(), _MultiSelectComponent_optionsReady$ = new WeakMap(), _MultiSelectComponent_options = new WeakMap(), _MultiSelectComponent_optionsContent = new WeakMap(), _MultiSelectComponent_value = new WeakMap();
 MultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MultiSelectComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1$5.FocusMonitor }, { token: MultiSelectService }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component });
 MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MultiSelectComponent, isStandalone: true, selector: "c-multi-select", inputs: { cleaner: "cleaner", disabled: "disabled", multiple: "multiple", nativeFormId: "nativeFormId", nativeId: "nativeId", nativeName: "nativeName", options: "options", optionsMaxHeight: "optionsMaxHeight", optionsStyle: "optionsStyle", placeholder: "placeholder", search: "search", searchNoResultsLabel: "searchNoResultsLabel", searchValue: "searchValue", selectAll: "selectAll", selectAllLabel: "selectAllLabel", selectionType: "selectionType", selectionTypeCounterText: "selectionTypeCounterText", selectionTypeCounterTextPluralMap: "selectionTypeCounterTextPluralMap", size: "size", value: "value", valid: "valid", virtualScroller: "virtualScroller", visibleItems: "visibleItems", itemSize: "itemSize", itemMinWidth: "itemMinWidth", visible: "visible", popperjsOptions: ["popperOptions", "popperjsOptions"] }, outputs: { searchValueChange: "searchValueChange", valueChange: "valueChange", visibleChange: "visibleChange" }, host: { listeners: { "keyup": "onKeyUp($event)", "keydown": "onKeyDown($event)", "click": "onClick($event)" }, properties: { "class": "this.hostClasses", "attr.aria-multiselectable": "this.ariaMultiSelectable", "attr.tabindex": "this.tabIndex" } }, providers: [
         MultiSelectService,