@coreui/angular-pro 4.2.28 → 4.2.30

package/fesm2020/coreui-angular-pro.mjs

@@ -8385,11 +8385,13 @@ class MultiSelectOptionComponent {
         return this.selected;
     }
     onKeyUp($event) {
-        if (['Enter', ' '].includes($event.key)) {
-            $event.stopImmediatePropagation();
-            $event.preventDefault();
-            this.selected = this.disabled ? this.selected : !this.selected;
-            this.focus('keyboard');
+        if (this.dropdownVisible) {
+            if (['Enter', 'Space'].includes($event.code)) {
+                $event.stopImmediatePropagation();
+                $event.preventDefault();
+                this.selected = this.disabled ? this.selected : !this.selected;
+                this.focus('keyboard');
+            }
         }
     }
     onClick() {
@@ -8861,8 +8863,13 @@ class MultiSelectComponent {
                 this.selectOptions();
             });
             this.multiselectVisibleSubscription = this.multiSelectService.multiSelectVisible$.subscribe((visible) => {
-                this.isDropdownVisible = visible;
-                this.visibleChange.emit(visible);
+                if (this.isDropdownVisible !== visible) {
+                    this.isDropdownVisible = visible;
+                    this.visibleChange.emit(visible);
+                    if (!visible) {
+                        this.setFocus('program', 'multiSelectVisible$');
+                    }
+                }
             });
             this.multiselectStateSubscription = this.multiSelectService.multiSelectState$.subscribe((option) => {
                 if (option.selected === true && !this.multiple) {
@@ -8875,7 +8882,6 @@ class MultiSelectComponent {
                     // close dropdown for single select (!multiple)
                     this.visible = false;
                     this.searchValue = '';
-                    this.setFocus('program', 'multiselectSubscribe');
                 }
                 // todo?
                 // if (!!option) {
@@ -8892,7 +8898,7 @@ class MultiSelectComponent {
     selectOptions() {
         this.multiSelectOptions?.forEach((option, index) => {
             option.optionsStyle = this.optionsStyle;
-            option.selected = option.value !== undefined ? this.value.includes(option.value) : !!option.selected;
+            option.selected = option.value !== undefined ? this._value.includes(option.value) : !!option.selected;
         });
     }
     clearAllOptions($event) {
@@ -10274,8 +10280,10 @@ class OffcanvasComponent {
     ngOnInit() {
         __classPrivateFieldSet(this, _OffcanvasComponent_scrollbarWidth, this.backdropService.scrollbarWidth, "f");
         this.stateToggleSubscribe();
-        // hotfix to avoid end offcanvas flicker on first render
-        this.renderer.setStyle(this.hostElement.nativeElement, 'display', 'flex');
+        setTimeout(() => {
+            // hotfix to avoid offcanvas flicker on the first render
+            this.renderer.setStyle(this.hostElement.nativeElement, 'display', 'flex');
+        });
     }
     ngOnDestroy() {
         this.offcanvasService.toggle({ show: false, id: this.id });