@coreui/angular 4.3.0-next.0 → 4.3.3

package/fesm2020/coreui-angular.mjs

@@ -6908,8 +6908,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;
@@ -6926,6 +6929,9 @@ class SidebarComponent {
                 this.unfoldable = newState.unfoldable;
             }
         }
+        else {
+            this.visible = (newState.visible ?? this.visible) && !this.overlaid;
+        }
         this.state = {
             ...this.state,
             ...newState
@@ -6947,7 +6953,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.size}`]: !!this.size,
             show: visible && this.onMobile,
@@ -7009,12 +7015,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
                     });
                 }
@@ -7032,7 +7039,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,
@@ -9760,3 +9767,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 
 export { AccordionButtonDirective, AccordionComponent, AccordionItemComponent, AccordionModule, AlertComponent, AlertHeadingDirective, AlertLinkDirective, AlertModule, AlignDirective, AvatarComponent, AvatarModule, BadgeComponent, BadgeModule, BgColorDirective, BorderDirective, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, BreadcrumbRouterComponent, BreadcrumbRouterService, BreakpointInfix, ButtonCloseDirective, ButtonDirective, ButtonGroupComponent, ButtonGroupModule, ButtonModule, ButtonToolbarComponent, CalloutComponent, CalloutModule, CardBodyComponent, CardComponent, CardFooterComponent, CardGroupComponent, CardHeaderActionsComponent, CardHeaderComponent, CardImgDirective, CardImgOverlayComponent, CardLinkDirective, CardModule, CardSubtitleDirective, CardTextDirective, CardTitleDirective, CarouselCaptionComponent, CarouselComponent, CarouselConfig, CarouselControlComponent, CarouselIndicatorsComponent, CarouselInnerComponent, CarouselItemComponent, CarouselModule, ClassToggleService, ColComponent, ColDirective, CollapseDirective, CollapseModule, ContainerComponent, DropdownCloseDirective, DropdownComponent, DropdownDividerDirective, DropdownHeaderDirective, DropdownItemDirective, DropdownItemPlainDirective, DropdownMenuDirective, DropdownModule, DropdownService, DropdownToggleDirective, FooterComponent, FooterModule, FormCheckComponent, FormCheckInputDirective, FormCheckLabelDirective, FormControlDirective, FormDirective, FormFeedbackComponent, FormFloatingDirective, FormLabelDirective, FormModule, FormSelectDirective, FormTextDirective, GridModule, GutterDirective, HeaderBrandComponent, HeaderComponent, HeaderDividerComponent, HeaderModule, HeaderNavComponent, HeaderTextComponent, HeaderTogglerDirective, HtmlAttributesDirective, ImgDirective, ImgModule, InputGroupComponent, InputGroupTextDirective, IntersectionService, ListGroupDirective, ListGroupItemDirective, ListGroupModule, ModalBodyComponent, ModalComponent, ModalContentComponent, ModalDialogComponent, ModalFooterComponent, ModalHeaderComponent, ModalModule, ModalService, ModalTitleDirective, ModalToggleDirective, NavComponent, NavItemComponent, NavLinkDirective, NavModule, NavbarBrandDirective, NavbarComponent, NavbarModule, NavbarNavComponent, NavbarTextComponent, NavbarTogglerDirective, OffcanvasBodyComponent, OffcanvasComponent, OffcanvasHeaderComponent, OffcanvasModule, OffcanvasService, OffcanvasTitleDirective, OffcanvasToggleDirective, PageItemComponent, PageItemDirective, PageLinkDirective, PaginationComponent, PaginationModule, PlaceholderAnimationDirective, PlaceholderDirective, PlaceholderModule, PopoverComponent, PopoverDirective, PopoverModule, ProgressBarComponent, ProgressComponent, ProgressModule, RoundedDirective, RowComponent, RowDirective, SharedModule, SidebarBrandComponent, SidebarComponent, SidebarFooterComponent, SidebarHeaderComponent, SidebarModule, SidebarNavComponent, SidebarService, SidebarToggleDirective, SidebarTogglerComponent, SpinnerComponent, SpinnerModule, TabContentComponent, TabContentRefDirective, TabPaneComponent, TabService, TableActiveDirective, TableColorDirective, TableDirective, TableModule, TabsModule, TemplateIdDirective, TextColorDirective, ToastBodyComponent, ToastCloseDirective, ToastComponent, ToastHeaderComponent, ToastModule, ToasterComponent, ToasterHostDirective, ToasterPlacement, ToasterService, TooltipComponent, TooltipDirective, TooltipModule, UtilitiesModule, WidgetModule, WidgetStatAComponent, WidgetStatBComponent, WidgetStatCComponent, WidgetStatDComponent, WidgetStatEComponent, WidgetStatFComponent };
 //# sourceMappingURL=coreui-angular.mjs.map
+//# sourceMappingURL=coreui-angular.mjs.map