{"__symbolic":"module","version":4,"metadata":{"AitAuthFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ait-auth-form","template":"<div class=\"auth-overlay\">\n  <form class=\"auth-form\" (ngSubmit)=\"onLoginClick()\" #ngForm=\"ngForm\" [formGroup]=\"loginForm\">\n    <div class=\"auth-form__logo\">\n      <svg-icon src=\"https://res.cloudinary.com/aitarget/image/upload/v1587824884/login-logo_z1u8fm.svg\"></svg-icon>\n    </div>\n    <div class=\"auth-form__item\">\n      <ait-input-text\n        backgroundColor=\"#ffffff\"\n        formControlName=\"username\"\n        placeholder=\"Login\"\n        width=\"available\"\n      ></ait-input-text>\n      <!--Validation-->\n      <ng-container *ngIf=\"loginForm.get('username').touched || ngForm.submitted\">\n        <div *ngIf=\"loginForm.get('username').errors?.required\" class=\"validation\">\n          Username is required\n        </div>\n        <div *ngIf=\"loginForm.get('username').errors?.maxlength\" class=\"validation\">\n          Username can't be more than {{ loginForm.get('username').errors?.maxlength?.requiredLength }}\n          characters long\n        </div>\n      </ng-container>\n      <!--Validation-->\n    </div>\n    <div class=\"auth-form__item\">\n      <ait-input-text\n        backgroundColor=\"#ffffff\"\n        type=\"password\"\n        formControlName=\"password\"\n        placeholder=\"Password\"\n        width=\"available\"\n      ></ait-input-text>\n      <!--Validation-->\n      <ng-container *ngIf=\"loginForm.get('password').touched || ngForm.submitted\">\n        <div *ngIf=\"loginForm.get('password').errors?.required\" class=\"validation\">\n          Password is required\n        </div>\n        <div *ngIf=\"loginForm.get('password').errors?.maxlength\" class=\"validation\">\n          Password can't be more than {{ loginForm.get('password').errors?.maxlength?.requiredLength }}\n          characters long\n        </div>\n      </ng-container>\n      <!--Validation-->\n    </div>\n\n    <ng-content select=\"[beforeLogin]\"></ng-content>\n\n    <div class=\"auth-form__item\">\n      <ait-button\n        [disabled]=\"isAuthenticating\"\n        [isLoading]=\"isAuthenticating\"\n        [title]=\"loginTitle\"\n        type=\"submit\"\n        class=\"auth-form__button\"\n        color=\"success\"\n        size=\"full-width\"\n        >{{ loginTitle }}\n      </ait-button>\n    </div>\n\n    <ng-content select=\"[afterLogin]\"></ng-content>\n  </form>\n</div>\n","styles":[".login{display:flex;flex-direction:column;align-items:center}.login__button{margin-bottom:15px}.login__button:last-child{margin-bottom:0}.auth-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(https://res.cloudinary.com/aitarget/image/upload/v1622222624/ai-tech-logo/auth-background.png);background-color:#172026;background-size:cover}.auth-form{width:400px}.auth-form__logo{margin-bottom:63px;text-align:center}.auth-form__item{margin-bottom:15px}.validation{color:#ff4572;font-size:12px;margin-top:5px}"]}]}],"members":{"isAuthenticating":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"loginTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"login":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":14,"character":26}]}],"onLoginClick":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"AitAuthFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":9,"character":26},{"__symbolic":"reference","module":"angular-svg-icon","name":"AngularSvgIconModule","line":9,"character":47},{"__symbolic":"reference","module":"@aitarget/button","name":"AitButtonModule","line":9,"character":69},{"__symbolic":"reference","module":"@aitarget/input-text","name":"AitInputTextModule","line":9,"character":86}],"declarations":[{"__symbolic":"reference","name":"AitAuthFormComponent"}],"exports":[{"__symbolic":"reference","name":"AitAuthFormComponent"}]}]}],"members":{}}},"origins":{"AitAuthFormComponent":"./lib/auth-form.component","AitAuthFormModule":"./lib/auth-form.module"},"importAs":"@aitarget/auth-form"}