feat(sidebar): add canCloseSidebar input

It allows to prevent closing sidebar when sidebar-sibling is clicked

Author: arutkowski00

src/modules/sidebar/components/sidebar-sibling.ts

@@ -2,63 +2,67 @@ import { Component, ElementRef, HostBinding, HostListener, Input, Renderer2 } fr
 import { SidebarService, SidebarTransition } from "../services/sidebar.service";
 
 @Component({
-               selector: "sui-sidebar-sibling",
-               template: `<ng-content></ng-content>`,
-               styles: [`
-:host {
-    display: block;
-}
-`]
-           })
+    selector: "sui-sidebar-sibling",
+    template: `
+                   <ng-content></ng-content>`,
+    styles: [`
+                   :host {
+                       display: block;
+                   }
+               `]
+})
 export class SuiSidebarSibling {
     @Input()
-    public isDimmedWhenVisible: boolean;
+    public isDimmedWhenVisible:boolean;
     @HostBinding("class.pusher")
-    public readonly hasClasses: boolean;
+    public readonly hasClasses:boolean;
 
-    constructor(private _renderer: Renderer2, private _element: ElementRef) {
+    constructor(private _renderer:Renderer2, private _element:ElementRef) {
         this.isDimmedWhenVisible = false;
 
         this.hasClasses = true;
     }
 
-    private _service: SidebarService;
+    private _service:SidebarService;
 
-    public get service(): SidebarService {
+    public get service():SidebarService {
         return this._service;
     }
 
-    public set service(service: SidebarService) {
+    public set service(service:SidebarService) {
         this._service = service;
 
         setTimeout(() => this.updateTransform());
         this._service.isVisibleChange.subscribe(() => this.updateTransform());
     }
 
+    @Input()
+    public canCloseSidebar:boolean = true;
+
     @HostBinding("class.visible")
-    public get isVisible(): boolean {
+    public get isVisible():boolean {
         if (!this.service) {
             return false;
         }
         return this.service.isVisible;
     }
 
     @HostBinding("class.dimmed")
-    public get isDimmed(): boolean {
+    public get isDimmed():boolean {
         if (!this.service) {
             return false;
         }
         return this.service.isVisible && this.isDimmedWhenVisible;
     }
 
     @HostListener("click", ["$event"])
-    public onClick(event: MouseEvent): void {
-        if (this.service.isVisible && !this.service.wasJustOpened) {
+    public onClick(event:MouseEvent):void {
+        if (this.canCloseSidebar && this.service.isVisible && !this.service.wasJustOpened) {
             this.service.setVisibleState(false);
         }
     }
 
-    private updateTransform(): void {
+    private updateTransform():void {
         this._renderer.removeStyle(this._element.nativeElement, "transform");
         this._renderer.removeStyle(this._element.nativeElement, "-webkit-transform");