@mintplayer/ng-bootstrap 13.3.7 → 13.3.8

package/fesm2020/mintplayer-ng-bootstrap.mjs

@@ -3580,6 +3580,8 @@ class BsOffcanvasComponent {
     constructor(content) {
         this.size = null;
         this.displayBlock = true;
+        this.positionAbsolute = true;
+        this.width100 = true;
         this.instance = null;
         this.show$ = new BehaviorSubject(false);
         this.position$ = new BehaviorSubject('bottom');
@@ -3597,16 +3599,6 @@ class BsOffcanvasComponent {
             }
         }));
     }
-    get width100() {
-        switch (this.position) {
-            case 'top':
-            case 'bottom':
-                return true;
-            default:
-                return false;
-        }
-    }
-    ;
     //#region Position
     set position(value) {
         this.position$.next(value);
@@ -3616,10 +3608,10 @@ class BsOffcanvasComponent {
     }
 }
 BsOffcanvasComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: BsOffcanvasComponent, deps: [{ token: OFFCANVAS_CONTENT }], target: i0.ɵɵFactoryTarget.Component });
-BsOffcanvasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: BsOffcanvasComponent, selector: "bs-offcanvas", inputs: { size: "size" }, host: { properties: { "class.d-block": "this.displayBlock", "class.w-100": "this.width100" } }, ngImport: i0, template: "<div class=\"offcanvas\" [class]=\"offcanvasClass$ | async\"\n     [class.show]=\"show$ | async\"\n     [class.h-100]=\"offcanvasHeight100$ | async\"\n     [style.height.px]=\"size\">\n    <ng-container *ngTemplateOutlet=\"content; context: { $implicit: this }\" ></ng-container>\n</div>", styles: [".offcanvas{position:relative;visibility:unset}.offcanvas.offcanvas-bottom,.offcanvas.offcanvas-top{height:auto}\n"], directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i1.AsyncPipe } });
+BsOffcanvasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: BsOffcanvasComponent, selector: "bs-offcanvas", inputs: { size: "size" }, host: { properties: { "class.d-block": "this.displayBlock", "class.position-absolute": "this.positionAbsolute", "class.w-100": "this.width100" } }, ngImport: i0, template: "<div class=\"offcanvas overflow-hidden\" [class]=\"offcanvasClass$ | async\"\n     [class.show]=\"show$ | async\"\n     [class.h-100]=\"offcanvasHeight100$ | async\"\n     [style.height.px]=\"size\"\n     [class.oc-max-width]=\"['start', 'end'].includes(position)\"\n     [class.oc-max-height]=\"['top', 'bottom'].includes(position)\">\n    <ng-container *ngTemplateOutlet=\"content; context: { $implicit: this }\" ></ng-container>\n</div>", styles: [".offcanvas.oc-max-width{max-width:calc(100% - 40px)}.offcanvas.oc-max-height{max-height:calc(100% - 40px)}.offcanvas{visibility:unset}.offcanvas.offcanvas-bottom,.offcanvas.offcanvas-top{height:auto}.offcanvas.offcanvas-top{position:initial}\n"], directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i1.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: BsOffcanvasComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-offcanvas', template: "<div class=\"offcanvas\" [class]=\"offcanvasClass$ | async\"\n     [class.show]=\"show$ | async\"\n     [class.h-100]=\"offcanvasHeight100$ | async\"\n     [style.height.px]=\"size\">\n    <ng-container *ngTemplateOutlet=\"content; context: { $implicit: this }\" ></ng-container>\n</div>", styles: [".offcanvas{position:relative;visibility:unset}.offcanvas.offcanvas-bottom,.offcanvas.offcanvas-top{height:auto}\n"] }]
+            args: [{ selector: 'bs-offcanvas', template: "<div class=\"offcanvas overflow-hidden\" [class]=\"offcanvasClass$ | async\"\n     [class.show]=\"show$ | async\"\n     [class.h-100]=\"offcanvasHeight100$ | async\"\n     [style.height.px]=\"size\"\n     [class.oc-max-width]=\"['start', 'end'].includes(position)\"\n     [class.oc-max-height]=\"['top', 'bottom'].includes(position)\">\n    <ng-container *ngTemplateOutlet=\"content; context: { $implicit: this }\" ></ng-container>\n</div>", styles: [".offcanvas.oc-max-width{max-width:calc(100% - 40px)}.offcanvas.oc-max-height{max-height:calc(100% - 40px)}.offcanvas{visibility:unset}.offcanvas.offcanvas-bottom,.offcanvas.offcanvas-top{height:auto}.offcanvas.offcanvas-top{position:initial}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Inject,
                     args: [OFFCANVAS_CONTENT]
@@ -3628,6 +3620,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
             }], displayBlock: [{
                 type: HostBinding,
                 args: ['class.d-block']
+            }], positionAbsolute: [{
+                type: HostBinding,
+                args: ['class.position-absolute']
             }], width100: [{
                 type: HostBinding,
                 args: ['class.w-100']