/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, EventEmitter, Input, Output } from '@angular/core';
export class ModalComponent {
    constructor() {
        this.close = new EventEmitter();
    }
    /**
     * @return {?}
     */
    closeModal() {
        this.active = false;
        this.close.emit(true);
    }
}
ModalComponent.decorators = [
    { type: Component, args: [{
                selector: 'bidi-modal',
                template: "<div class=\"modal-content-container has-column-direction is-align-items-center is-content-center\" [ngClass]=\"{'active': active}\">\n    <div class=\"modal-container\">\n        <div class=\"close-modal\">\n            <button class=\"button\" (click)=\"closeModal()\">\n                <svg class=\"icon-svg-tt-cancel icon has-text-dark\">\n                    <use xlink:href=\"#icon-svg-tt-cancel\"></use>\n                </svg>\n            </button>\n        </div>\n        <ng-content select=\".tt-modal-content\"></ng-content>\n    </div>\n</div>\n",
                styles: [".modal-content-container{position:fixed;z-index:1000;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none}.modal-content-container.active{display:flex}.modal-container{background:#fff;width:50%;height:auto}.modal-container label{display:inline-block;font-size:.8em!important;margin-bottom:4px}.modal-container .title{font-size:1.2em;padding-top:13px}.modal-container input{margin-bottom:7px}.modal-container .tt-modal-content .modal-header{margin-bottom:15px;padding:10px}.modal-container .tt-modal-content .modal-body{max-height:160px;overflow-y:auto;overflow-x:hidden;min-height:120px;padding:15px}.modal-container .tt-modal-content .modal-footer{padding:15px}.close-modal{float:right}"]
            }] }
];
/** @nocollapse */
ModalComponent.ctorParameters = () => [];
ModalComponent.propDecorators = {
    close: [{ type: Output }],
    active: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    ModalComponent.prototype.close;
    /** @type {?} */
    ModalComponent.prototype.active;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGJpZGkvY29tbW9uLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvbW9kdWxlcy9tb2RhbC9tb2RhbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPdkUsTUFBTSxPQUFPLGNBQWM7SUFNekI7UUFKVSxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUkxQixDQUFDOzs7O0lBRWpCLFVBQVU7UUFDUixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN4QixDQUFDOzs7WUFoQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QiwyakJBQXFDOzthQUV0Qzs7Ozs7b0JBR0UsTUFBTTtxQkFFTixLQUFLOzs7O0lBRk4sK0JBQTBDOztJQUUxQyxnQ0FBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdiaWRpLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCB7XG5cbiAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQElucHV0KCkgYWN0aXZlO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgY2xvc2VNb2RhbCgpIHtcbiAgICB0aGlzLmFjdGl2ZSA9IGZhbHNlO1xuICAgIHRoaXMuY2xvc2UuZW1pdCh0cnVlKTtcbiAgfVxufVxuIl19