@indice/ng-components 0.2.173-beta.35 → 0.2.173-beta.37

package/fesm2020/indice-ng-components.mjs

@@ -1881,17 +1881,28 @@ class SidePaneComponent {
         this.router = router;
         this.document = document;
         // tslint:disable-next-line:no-input-rename
-        this.showPane = false;
+        this._showPane = false;
         this.sizeContainerStyle = 'side-pane-box-size';
         this.overlayStyle = 'side-pane-overlay';
         this.onComplete = new EventEmitter();
     }
+    get showPane() {
+        return this._showPane;
+    }
+    set showPane(value) {
+        if (value) {
+            this.document.body.classList.add('modal-active');
+        }
+        else {
+            this.document.body.classList.remove('modal-active');
+        }
+        this._showPane = value;
+    }
     ngOnDestroy() {
     }
     ngOnInit() {
     }
     onSidePaneActivated(component) {
-        this.document.body.classList.add('modal-active');
         let sizeStyleSuffix = '';
         const state = this.router.getCurrentNavigation()?.extras.state;
         if (state) {
@@ -1922,20 +1933,19 @@ class SidePaneComponent {
         this.showPane = true;
     }
     onSidePaneDeactivated($event) {
-        this.document.body.classList.remove('modal-active');
         this.showPane = false;
         this.onComplete.emit(true);
     }
 }
 SidePaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: SidePaneComponent, deps: [{ token: i1$1.Router }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-SidePaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: SidePaneComponent, selector: "lib-side-pane", inputs: { showPane: ["visible", "showPane"] }, outputs: { onComplete: "onComplete" }, ngImport: i0, template: "<div *ngIf=\"showPane\" class=\"side-pane-outer-container\" aria-labelledby=\"slide-over\" role=\"dialog\" aria-modal=\"true\">\r\n  <div [class]=\"showPane ? overlayStyle : 'hidden'\" aria-hidden=\"true\"></div>\r\n  <div [class]=\"showPane ? 'side-pane-container' : 'hidden'\">\r\n    <div [class]=\"sizeContainerStyle\">\r\n      <div class=\"side-pane\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SidePaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: SidePaneComponent, selector: "lib-side-pane", inputs: { _showPane: ["visible", "_showPane"] }, outputs: { onComplete: "onComplete" }, ngImport: i0, template: "<div *ngIf=\"showPane\" class=\"side-pane-outer-container\" aria-labelledby=\"slide-over\" role=\"dialog\" aria-modal=\"true\">\r\n  <div [class]=\"showPane ? overlayStyle : 'hidden'\" aria-hidden=\"true\"></div>\r\n  <div [class]=\"showPane ? 'side-pane-container' : 'hidden'\">\r\n    <div [class]=\"sizeContainerStyle\">\r\n      <div class=\"side-pane\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: SidePaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-side-pane', template: "<div *ngIf=\"showPane\" class=\"side-pane-outer-container\" aria-labelledby=\"slide-over\" role=\"dialog\" aria-modal=\"true\">\r\n  <div [class]=\"showPane ? overlayStyle : 'hidden'\" aria-hidden=\"true\"></div>\r\n  <div [class]=\"showPane ? 'side-pane-container' : 'hidden'\">\r\n    <div [class]=\"sizeContainerStyle\">\r\n      <div class=\"side-pane\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }]; }, propDecorators: { showPane: [{
+                }] }]; }, propDecorators: { _showPane: [{
                 type: Input,
                 args: ['visible']
             }], onComplete: [{