/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, EventEmitter, Input, Output } from '@angular/core';
var ModalComponent = /** @class */ (function () {
    function ModalComponent() {
        this.close = new EventEmitter();
    }
    /**
     * @return {?}
     */
    ModalComponent.prototype.closeModal = /**
     * @return {?}
     */
    function () {
        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 = function () { return []; };
    ModalComponent.propDecorators = {
        close: [{ type: Output }],
        active: [{ type: Input }]
    };
    return ModalComponent;
}());
export { ModalComponent };
if (false) {
    /** @type {?} */
    ModalComponent.prototype.close;
    /** @type {?} */
    ModalComponent.prototype.active;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGJpZGkvY29tbW9uLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvbW9kdWxlcy9tb2RhbC9tb2RhbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkU7SUFXRTtRQUpVLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBSTFCLENBQUM7Ozs7SUFFakIsbUNBQVU7OztJQUFWO1FBQ0UsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEIsQ0FBQzs7Z0JBaEJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsMmpCQUFxQzs7aUJBRXRDOzs7Ozt3QkFHRSxNQUFNO3lCQUVOLEtBQUs7O0lBUVIscUJBQUM7Q0FBQSxBQWpCRCxJQWlCQztTQVpZLGNBQWM7OztJQUV6QiwrQkFBMEM7O0lBRTFDLGdDQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JpZGktbW9kYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsQ29tcG9uZW50IHtcblxuICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBASW5wdXQoKSBhY3RpdmU7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBjbG9zZU1vZGFsKCkge1xuICAgIHRoaXMuYWN0aXZlID0gZmFsc2U7XG4gICAgdGhpcy5jbG9zZS5lbWl0KHRydWUpO1xuICB9XG59XG4iXX0=