import { __decorate } from "tslib";
import { Component, Output, EventEmitter, Input } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';
let Login01Component = class Login01Component {
    constructor() {
        this.loginForm = new FormGroup({
            username: new FormControl('', [Validators.required]),
            password: new FormControl('', [Validators.required]),
            rememberme: new FormControl(true)
        });
        this.textSignIn = 'SIGN IN';
        this.textUsername = 'Username';
        this.textPassword = 'Password';
        this.textRememberMe = 'Remember me';
        this.textLoginButton = 'Login';
        this.textForgotPassword = 'Forgot Password?';
        this.textCreateAccount = 'Create Account';
        this.textCopyRight = '2018 © SuperDev Angular Core';
        this.onLogin = new EventEmitter();
        this.onForgotPassword = new EventEmitter();
        this.onCreateAccount = new EventEmitter();
    }
    ngOnInit() {
    }
    login() {
        this.onLogin.emit({
            username: this.loginForm.value.username,
            password: this.loginForm.value.password,
            rememberme: this.loginForm.value.rememberme
        });
    }
    forgotPassword() {
        this.onForgotPassword.emit();
    }
    createAccount() {
        this.onCreateAccount.emit();
    }
};
__decorate([
    Input()
], Login01Component.prototype, "logoUrl", void 0);
__decorate([
    Input()
], Login01Component.prototype, "textSignIn", void 0);
__decorate([
    Input()
], Login01Component.prototype, "textUsername", void 0);
__decorate([
    Input()
], Login01Component.prototype, "textPassword", void 0);
__decorate([
    Input()
], Login01Component.prototype, "textRememberMe", void 0);
__decorate([
    Input()
], Login01Component.prototype, "textLoginButton", void 0);
__decorate([
    Input()
], Login01Component.prototype, "textForgotPassword", void 0);
__decorate([
    Input()
], Login01Component.prototype, "textCreateAccount", void 0);
__decorate([
    Input()
], Login01Component.prototype, "textCopyRight", void 0);
__decorate([
    Output()
], Login01Component.prototype, "onLogin", void 0);
__decorate([
    Output()
], Login01Component.prototype, "onForgotPassword", void 0);
__decorate([
    Output()
], Login01Component.prototype, "onCreateAccount", void 0);
Login01Component = __decorate([
    Component({
        selector: 'sd-login01',
        template: "<div style=\"height:100vh; width: 100vw; position:fixed\" class=\"sd-login\">\r\n  <div class=\"menu-toggler sidebar-toggler\"></div>\r\n  <!-- END SIDEBAR TOGGLER BUTTON -->\r\n  <!-- BEGIN LOGO -->\r\n  <div *ngIf=\"logoUrl\" class=\"sd-logo\">\r\n    <a href=\"javascript:;\"> <img [src]=\"logoUrl\" alt=\"SuperDev\" /> </a>\r\n  </div>\r\n  <!-- END LOGO -->\r\n  <!-- BEGIN LOGIN -->\r\n  <div class=\"content\">\r\n    <!-- BEGIN LOGIN FORM -->\r\n    <form class=\"sd-login-form\" [formGroup]=\"loginForm\" (ngSubmit)=\"login()\">\r\n      <h3 class=\"sd-form-title font-green\">{{textSignIn}}</h3>\r\n      <div class=\"form-group\">\r\n        <input class=\"form-control form-control-solid placeholder-no-fix\" type=\"text\" placeholder=\"{{textUsername}}\"\r\n          formControlName=\"username\" /></div>\r\n      <div class=\"form-group\">\r\n        <input class=\"form-control form-control-solid placeholder-no-fix\" type=\"password\" placeholder=\"{{textPassword}}\"\r\n          formControlName=\"password\" /> </div>\r\n      <div class=\"custom-control custom-checkbox\">\r\n        <input type=\"checkbox\" class=\"custom-control-input\" formControlName=\"rememberme\">\r\n        <label class=\"custom-control-label\">{{textRememberMe}}</label>\r\n      </div>\r\n      <div class=\"form-actions\">\r\n        <button type=\"submit\" class=\"btn green uppercase\" [disabled]=\"loginForm.invalid\">{{textLoginButton}}</button>\r\n        <a *ngIf=\"onForgotPassword.observers.length\" (click)=\"forgotPassword()\" href=\"javascript:;\" class=\"forget-password\">{{textForgotPassword}}</a>\r\n      </div>\r\n      <div *ngIf=\"onCreateAccount.observers.length\" class=\"create-account\">\r\n        <p>\r\n          <a (click)=\"createAccount()\" href=\"javascript:;\" class=\"uppercase\">Create Account</a>\r\n        </p>\r\n      </div>\r\n    </form>\r\n    <!-- END LOGIN FORM -->\r\n  </div>\r\n  <div class=\"copyright\"> {{textCopyRight}} </div>\r\n</div>",
        styles: [".sd-login{background-color:#dcdee0!important}.sd-login .sd-logo{margin:60px auto 0;padding:15px;text-align:center}.sd-login .content{background-color:#eceef1;border-radius:7px;width:400px;margin:40px auto 10px;padding:10px 30px 30px;overflow:hidden;position:relative}.sd-login .content h3{margin-top:20px;color:#4db3a5;text-align:center;font-size:28px;font-weight:400!important}.sd-login .content .form-control{border:1px solid #dde3ec;background-color:#dde3ec;height:43px;color:#8290a3}.login .content .form-control:active,.sd-login .content .form-control:focus{border:1px solid #c3ccda}.sd-login .content .form-control::-moz-placeholder{color:#8290a3;opacity:1}.sd-login .content .form-control:-ms-input-placeholder{color:#8290a3}.sd-login .content .form-control::-webkit-input-placeholder{color:#8290a3}.sd-login .content .sd-form-title{text-transform:uppercase;font-weight:300;margin-bottom:25px}.sd-login .content .form-actions{clear:both;border:0;border-bottom:1px solid #eee;padding:25px 30px;margin-left:-30px;margin-right:-30px}.sd-login .content .form-actions .btn{margin-top:1px;font-weight:600;padding:10px 20px!important}.sd-login .content .forget-password{margin-top:10px;font-size:14px;float:right}.sd-login .content .create-account{margin:0 -40px -30px;padding:15px 0 17px;text-align:center;background-color:#6c7a8d;border-radius:0 0 7px 7px}.sd-login .content .create-account>p{margin:0}.sd-login .content .create-account p a{font-weight:600;font-size:14px;color:#c3cedd}.sd-login .content .create-account a{display:inline-block;margin-top:5px}.sd-login .copyright{text-align:center;margin:0 auto 30px 0;padding:10px;color:#7a8ca5;font-size:13px}@media (max-width:440px){.sd-login .sd-logo{margin-top:10px}.sd-login .content{width:280px;margin-top:10px}.sd-login .content h3{font-size:22px}.sd-login .checkbox{font-size:13px}}.uppercase{text-transform:uppercase!important}a{text-shadow:none;color:#337ab7}.btn{outline:0!important;font-size:12px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);border-radius:2px;border-width:0!important;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:9px 14px 8px}.btn:disabled{opacity:.65;cursor:not-allowed}.btn.green{color:#fff;background-color:#32c5d2;border-color:#32c5d2}.btn.green:active,.btn.green:focus,.btn.green:hover{color:#fff;background-color:#26a1ab;border-color:#26a1ab}"]
    })
], Login01Component);
export { Login01Component };
//# sourceMappingURL=data:application/json;base64, 