@coreui/angular-pro 4.3.2 → 4.3.3

package/fesm2020/coreui-angular-pro.mjs

@@ -11350,8 +11350,11 @@ class SidebarComponent {
      * Toggle the visibility of sidebar component. [docs]
      */
     set visible(value) {
-        this._visible = coerceBooleanProperty(value);
-        this.visibleChange.emit(this._visible);
+        const visible = coerceBooleanProperty(value);
+        if (this._visible !== visible) {
+            this._visible = visible;
+            this.visibleChange.emit(this._visible);
+        }
     }
     get visible() {
         return this._visible;
@@ -11368,6 +11371,9 @@ class SidebarComponent {
                 this.unfoldable = newState.unfoldable;
             }
         }
+        else {
+            this.visible = (newState.visible ?? this.visible) && !this.overlaid;
+        }
         this.state = {
             ...this.state,
             ...newState
@@ -11389,7 +11395,7 @@ class SidebarComponent {
             sidebar: true,
             'sidebar-fixed': this.position === 'fixed' && !mobile,
             'sidebar-narrow': this.narrow && !this.unfoldable,
-            'sidebar-narrow-unfoldable': unfoldable,
+            'sidebar-narrow-unfoldable': this.unfoldable,
             'sidebar-overlaid': this.overlaid,
             [`sidebar-${this.placement}`]: !!this.placement,
             [`sidebar-${this.colorScheme}`]: !!this.colorScheme,
@@ -11453,12 +11459,13 @@ class SidebarComponent {
             const layoutChanges = this.breakpointObserver.observe([onMobile]);
             this.layoutChangeSubscription = layoutChanges.subscribe((result) => {
                 const isOnMobile = result.breakpoints[onMobile];
+                const isUnfoldable = isOnMobile ? false : this.unfoldable;
                 if (this.onMobile !== isOnMobile) {
                     this.onMobile = isOnMobile;
                     this.sidebarService.toggle({
                         mobile: isOnMobile,
-                        unfoldable: isOnMobile ? false : this.unfoldable,
-                        visible: isOnMobile ? false : this.visible,
+                        unfoldable: isUnfoldable,
+                        visible: (!isOnMobile) || isUnfoldable,
                         sidebar: this
                     });
                 }
@@ -11476,7 +11483,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
             args: [{
                     selector: 'c-sidebar',
                     exportAs: 'cSidebar',
-                    template: '<ng-content></ng-content>',
+                    template: '<ng-content></ng-content>'
                 }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,