@mintplayer/ng-bootstrap 13.4.1 → 13.4.2

package/fesm2020/mintplayer-ng-bootstrap.mjs

@@ -3711,13 +3711,13 @@ class BsOffcanvasComponent {
         //#region Size
         this.size$ = new BehaviorSubject(null);
         //#endregion
-        //#region Show
-        this.show$ = new BehaviorSubject(false);
-        this.showChange = new EventEmitter();
+        //#region State
+        this.state$ = new BehaviorSubject('closed');
+        this.stateChange = new EventEmitter();
         //#endregion
         this.backdropClick = new EventEmitter();
         this.contentTemplate = contentTemplate;
-        this.visibility$ = this.show$
+        this.visibility$ = this.state$
             .pipe(delayWhen((val, i) => val ? of(0) : interval(300)))
             .pipe(map((val) => val ? 'visible' : 'hidden'));
         this.position$
@@ -3745,8 +3745,10 @@ class BsOffcanvasComponent {
                 return null;
             }
         }));
-        this.showBackdrop$ = combineLatest([this.hasBackdrop$, this.show$])
-            .pipe(map(([hasBackdrop, show]) => hasBackdrop && show));
+        this.showBackdrop$ = combineLatest([this.hasBackdrop$, this.state$])
+            .pipe(map(([hasBackdrop, state]) => hasBackdrop && (state === 'open')));
+        this.show$ = this.state$
+            .pipe(map((state) => state === 'open'));
     }
     set position(value) {
         this.position$.next(value);
@@ -3760,11 +3762,11 @@ class BsOffcanvasComponent {
     get size() {
         return this.size$.value;
     }
-    set show(value) {
-        this.show$.next(value);
+    set state(value) {
+        this.state$.next(value);
     }
-    get show() {
-        return this.show$.value;
+    get state() {
+        return this.state$.value;
     }
     onBackdropClick(ev) {
         console.log(1);
@@ -3775,7 +3777,7 @@ class BsOffcanvasComponent {
     }
 }
 BsOffcanvasComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsOffcanvasComponent, deps: [{ token: OFFCANVAS_CONTENT }], target: i0.ɵɵFactoryTarget.Component });
-BsOffcanvasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: BsOffcanvasComponent, selector: "bs-offcanvas-holder", inputs: { position: "position", size: "size", show: "show" }, outputs: { showChange: "showChange", backdropClick: "backdropClick" }, ngImport: i0, template: "<div [@fadeInOut]=\"{value: ':leave', params: {duration: '300ms'} }\" *ngIf=\"showBackdrop$ | async\">\n    <div class=\"modal-backdrop show\" (click)=\"onBackdropClick($event)\"></div>\n</div>\n\n<div class=\"offcanvas overflow-hidden\"\n    [class.show]=\"show$ | async\"\n    [class.disable-transition]=\"disableTransition$ | async\"\n    [class]=\"offcanvasClass$ | async\"\n    [style.height.px]=\"height$ | async\"\n    [style.width.px]=\"width$ | async\">\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n</div>", styles: [".offcanvas.oc-max-width{max-width:calc(100% - 40px)}.offcanvas.oc-max-height{max-height:calc(100% - 40px)}.modal-backdrop{z-index:1040}.offcanvas{visibility:unset}.offcanvas.disable-transition{transition:none}.offcanvas.offcanvas-top{height:auto;bottom:unset}.offcanvas.offcanvas-bottom{height:auto;top:unset}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i1.AsyncPipe }, animations: [FadeInOutAnimation] });
+BsOffcanvasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: BsOffcanvasComponent, selector: "bs-offcanvas-holder", inputs: { position: "position", size: "size", state: "state" }, outputs: { stateChange: "stateChange", backdropClick: "backdropClick" }, ngImport: i0, template: "<div [@fadeInOut]=\"{value: ':leave', params: {duration: '300ms'} }\" *ngIf=\"showBackdrop$ | async\">\n    <div class=\"modal-backdrop show\" (click)=\"onBackdropClick($event)\"></div>\n</div>\n\n<div class=\"offcanvas overflow-hidden\"\n    [class.show]=\"show$ | async\"\n    [class.disable-transition]=\"disableTransition$ | async\"\n    [class]=\"offcanvasClass$ | async\"\n    [style.height.px]=\"height$ | async\"\n    [style.width.px]=\"width$ | async\">\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n</div>", styles: [".offcanvas.oc-max-width{max-width:calc(100% - 40px)}.offcanvas.oc-max-height{max-height:calc(100% - 40px)}.modal-backdrop{z-index:1040}.offcanvas{visibility:unset}.offcanvas.disable-transition{transition:none}.offcanvas.offcanvas-top{height:auto;bottom:unset}.offcanvas.offcanvas-bottom{height:auto;top:unset}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i1.AsyncPipe }, animations: [FadeInOutAnimation] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsOffcanvasComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-offcanvas-holder', animations: [FadeInOutAnimation], template: "<div [@fadeInOut]=\"{value: ':leave', params: {duration: '300ms'} }\" *ngIf=\"showBackdrop$ | async\">\n    <div class=\"modal-backdrop show\" (click)=\"onBackdropClick($event)\"></div>\n</div>\n\n<div class=\"offcanvas overflow-hidden\"\n    [class.show]=\"show$ | async\"\n    [class.disable-transition]=\"disableTransition$ | async\"\n    [class]=\"offcanvasClass$ | async\"\n    [style.height.px]=\"height$ | async\"\n    [style.width.px]=\"width$ | async\">\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n</div>", styles: [".offcanvas.oc-max-width{max-width:calc(100% - 40px)}.offcanvas.oc-max-height{max-height:calc(100% - 40px)}.modal-backdrop{z-index:1040}.offcanvas{visibility:unset}.offcanvas.disable-transition{transition:none}.offcanvas.offcanvas-top{height:auto;bottom:unset}.offcanvas.offcanvas-bottom{height:auto;top:unset}\n"] }]
@@ -3786,9 +3788,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
                 type: Input
             }], size: [{
                 type: Input
-            }], showChange: [{
+            }], stateChange: [{
                 type: Output
-            }], show: [{
+            }], state: [{
                 type: Input
             }], backdropClick: [{
                 type: Output
@@ -3802,20 +3804,20 @@ class BsOffcanvasHostComponent {
         this.rootInjector = rootInjector;
         this.portalFactory = portalFactory;
         this.viewInited$ = new BehaviorSubject(false);
-        this.show$ = new BehaviorSubject(false);
+        this.state$ = new BehaviorSubject('closed');
         this.size$ = new BehaviorSubject(null);
         this.position$ = new BehaviorSubject('bottom');
         this.hasBackdrop$ = new BehaviorSubject(false);
         this.destroyed$ = new Subject();
         this.backdropClick = new EventEmitter();
-        //#region Show
-        this.showChange = new EventEmitter();
-        this.show$
+        //#region State
+        this.stateChange = new EventEmitter();
+        this.state$
             .pipe(takeUntil(this.destroyed$))
-            .subscribe((show) => {
+            .subscribe((state) => {
             if (this.component) {
-                this.showChange.emit(show);
-                this.component.instance.show$.next(show);
+                this.stateChange.emit(state);
+                this.component.instance.state$.next(state);
             }
         });
         combineLatest([this.position$, this.viewInited$])
@@ -3869,11 +3871,11 @@ class BsOffcanvasHostComponent {
     ngOnDestroy() {
         this.destroyed$.next(true);
     }
-    set show(value) {
-        this.show$.next(value);
+    set state(value) {
+        this.state$.next(value);
     }
-    get show() {
-        return this.show$.value;
+    get state() {
+        return this.state$.value;
     }
     //#endregion
     //#region Position
@@ -3901,7 +3903,7 @@ class BsOffcanvasHostComponent {
     }
 }
 BsOffcanvasHostComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsOffcanvasHostComponent, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }, { token: PORTAL_FACTORY }], target: i0.ɵɵFactoryTarget.Component });
-BsOffcanvasHostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: BsOffcanvasHostComponent, selector: "bs-offcanvas", inputs: { show: "show", position: "position", size: "size", hasBackdrop: "hasBackdrop" }, outputs: { backdropClick: "backdropClick", showChange: "showChange" }, ngImport: i0, template: "", styles: [""] });
+BsOffcanvasHostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: BsOffcanvasHostComponent, selector: "bs-offcanvas", inputs: { state: "state", position: "position", size: "size", hasBackdrop: "hasBackdrop" }, outputs: { backdropClick: "backdropClick", stateChange: "stateChange" }, ngImport: i0, template: "", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsOffcanvasHostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-offcanvas', template: "", styles: [""] }]
@@ -3910,9 +3912,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
                     args: [PORTAL_FACTORY]
                 }] }]; }, propDecorators: { backdropClick: [{
                 type: Output
-            }], showChange: [{
+            }], stateChange: [{
                 type: Output
-            }], show: [{
+            }], state: [{
                 type: Input
             }], position: [{
                 type: Input
@@ -3941,7 +3943,7 @@ class BsOffcanvasCloseDirective {
         this.offcanvas = offcanvas;
     }
     onClick() {
-        this.offcanvas.show = false;
+        this.offcanvas.state = 'closed';
     }
 }
 BsOffcanvasCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsOffcanvasCloseDirective, deps: [{ token: BsOffcanvasHostComponent }], target: i0.ɵɵFactoryTarget.Directive });