import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
import { DeviceDetectorService } from 'ngx-device-detector';
var ModalBodyComponent = /** @class */ (function () {
    function ModalBodyComponent(deviceService) {
        this.height = 'auto';
        this.width = '50%';
        this.isMobileOrTablet = false;
        this.isMobileOrTablet = !deviceService.isDesktop();
    }
    ModalBodyComponent.prototype.ngOnInit = function () {
    };
    ModalBodyComponent.ctorParameters = function () { return [
        { type: DeviceDetectorService }
    ]; };
    __decorate([
        Input()
    ], ModalBodyComponent.prototype, "height", void 0);
    __decorate([
        Input()
    ], ModalBodyComponent.prototype, "width", void 0);
    ModalBodyComponent = __decorate([
        Component({
            selector: 'sd-modal-body',
            template: "<!-- <div class=\"c-body\" [ngStyle]=\"{'height': height}\">\r\n  <ng-content></ng-content>\r\n</div> -->\r\n<mat-dialog-content *ngIf=\"!isMobileOrTablet\" class=\"c-body\" [ngStyle]=\"{'height': height, 'width': width}\">\r\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</mat-dialog-content>\r\n<sd-bottom-sheet-body *ngIf=\"isMobileOrTablet\" [height]=\"height\">\r\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</sd-bottom-sheet-body>\r\n<ng-template #content>\r\n  <ng-content></ng-content>\r\n</ng-template>",
            styles: ["::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#555}", ".c-body{display:block;margin:0 -24px;padding:0 24px;max-height:65vh;overflow:auto}"]
        })
    ], ModalBodyComponent);
    return ModalBodyComponent;
}());
export { ModalBodyComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtYm9keS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9zdXBlcmRldi1hbmd1bGFyLWNvcmUvIiwic291cmNlcyI6WyJsaWIvY29udHJvbHMvbW9kYWwtY29udHJvbC9tb2RhbC1ib2R5L21vZGFsLWJvZHkuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQVM1RDtJQUlFLDRCQUFZLGFBQW9DO1FBSHZDLFdBQU0sR0FBRyxNQUFNLENBQUM7UUFDaEIsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUN2QixxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFFdkIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsYUFBYSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3JELENBQUM7SUFDRCxxQ0FBUSxHQUFSO0lBQ0EsQ0FBQzs7Z0JBSjBCLHFCQUFxQjs7SUFIdkM7UUFBUixLQUFLLEVBQUU7c0RBQWlCO0lBQ2hCO1FBQVIsS0FBSyxFQUFFO3FEQUFlO0lBRlosa0JBQWtCO1FBUDlCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxlQUFlO1lBQ3pCLHFqQkFBMEM7O1NBSTNDLENBQUM7T0FDVyxrQkFBa0IsQ0FTOUI7SUFBRCx5QkFBQztDQUFBLEFBVEQsSUFTQztTQVRZLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEZXZpY2VEZXRlY3RvclNlcnZpY2UgfSBmcm9tICduZ3gtZGV2aWNlLWRldGVjdG9yJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2QtbW9kYWwtYm9keScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWJvZHkuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogW1xyXG4gICAgJy4uLy4uLy4uL2Fzc2V0cy9jc3Mvc2Nyb2xsYmFyLnNjc3MnLFxyXG4gICAgJy4vbW9kYWwtYm9keS5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxCb2R5Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBoZWlnaHQgPSAnYXV0byc7XHJcbiAgQElucHV0KCkgd2lkdGggPSAnNTAlJztcclxuICBpc01vYmlsZU9yVGFibGV0ID0gZmFsc2U7XHJcbiAgY29uc3RydWN0b3IoZGV2aWNlU2VydmljZTogRGV2aWNlRGV0ZWN0b3JTZXJ2aWNlKSB7XHJcbiAgICB0aGlzLmlzTW9iaWxlT3JUYWJsZXQgPSAhZGV2aWNlU2VydmljZS5pc0Rlc2t0b3AoKTtcclxuICB9XHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgfVxyXG59XHJcbiJdfQ==