import { Component } from '@angular/core';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
var LoginComponent = (function () {
    function LoginComponent() {
        this._close = new BehaviorSubject(false);
    }
    LoginComponent.prototype.login = function () {
        this._close.next(true);
    };
    LoginComponent.prototype.onClose = function () {
        return this._close.asObservable();
    };
    LoginComponent.decorators = [
        { type: Component, args: [{
                    selector: 'ghd-adal-login-dialog',
                    template: "<div class=\"ghd-overlay-container\">\n        <div class=\"ghd-overlay-content\">\n            <div class=\"ghd-title-header\">Login required</div>\n            <div class=\"ghd-description-text\">\n            <p>You are not logged in, or your session has expired. Please login again.</p>\n            </div>\n            <button class=\"ghd-login-btn\" (click)=\"login()\">Login</button>\n        </div>\n    </div>",
                    styles: ["\n        .ghd-overlay-container {\n            position: fixed;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background-color: rgba(0,0,0,0.2);\n        }\n        .ghd-overlay-content {\n            background-color: white;\n            width: 400px;\n            position: absolute;\n            left: calc(50% - 200px);\n            top: calc(50% - 50px);\n            -webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);\n            -moz-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);\n            box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);\n        }\n        .ghd-title-header {\n            color: #fff;\n            background-color: #0065a4;\n            font-size: 20px;\n            padding: 15px;\n        }\n        .ghd-description-text {\n            padding: 30px 10px;\n            text-align: center;\n        }\n        .ghd-login-btn {\n            width: 100%;\n            background: #fff;\n            border: none;\n            padding: 17px 0;\n            color: #0065a4;\n            border-top: 1px solid #efefef;\n        }\n        .ghd-login-btn:hover, .ghd-login-btn:active, .ghd-login-btn:focus {\n            background: #0065a4;\n            color: #fff;\n        }\n        p {margin: 0 0 10px 0;}\n    "]
                },] },
    ];
    /** @nocollapse */
    LoginComponent.ctorParameters = function () { return []; };
    return LoginComponent;
}());
export { LoginComponent };
//# sourceMappingURL=login.component.js.map