{"__symbolic":"module","version":4,"metadata":{"CustomLibService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"CustomLibComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-custom-lib","template":"\n                        <button mat-raised-button class=\"save-button\" color=\"primary\">Login</button>\n  \n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"CustomLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CustomLibComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":23,"character":12},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":38,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":39,"character":4}],"exports":[{"__symbolic":"reference","name":"CustomLibComponent"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-login","template":"<div class=\"bg-img\" [style.background-image]='photo1'>\n    <form [formGroup]=\"loginFormGroup\">\n        <div class=\"center\">\n            <mat-card class=\"p50\">\n                <mat-card-content>\n                    <div class=\"row\">\n                        <div class=\"col-sm-12 alignItemCenter\">\n                            <img src=\"{{photo2}}\" height=\"30px\" width=\"50%\">\n                        </div>\n                        <div class=\"col-sm-12 alignItemCenter\">\n                            <h2>\n                                <span class=\"mainClr\">Login your account from here</span>\n                            </h2>\n                        </div>\n                        <div class=\"col-sm-12 f11\">\n                            <mat-form-field class=\"full-width-input\" appearance=\"outline\">\n                                <mat-label class=\"f13\">UserName</mat-label>\n                                <input matInput placeholder=\"UserName\" formControlName=\"userName\">\n                                <mat-error *ngIf=\"isFieldValid('userName')\" class=\"error\">\n                                    <span *ngIf=\"loginFormGroup.hasError('required',['userName'])\">Cannot be\n                                        blank</span>\n                                </mat-error>\n                            </mat-form-field>\n                        </div>\n                        <div class=\"col-sm-12 f11\">\n                            <mat-form-field class=\"full-width-input\" appearance=\"outline\">\n                                <mat-label class=\"f13\">Password</mat-label>\n                                <input matInput type=\"password\" placeholder=\"Password\" formControlName=\"password\">\n                                <mat-error *ngIf=\"isFieldValid('password')\" class=\"error\">\n                                    <span *ngIf=\"loginFormGroup.hasError('required',['password'])\">Cannot be\n                                        blank</span>\n                                </mat-error>\n                            </mat-form-field>\n                        </div>\n                        <div class=\"col-sm-12 mainClr\" (click)=\"selectForgotPwd()\">\n                            Forgot password?\n                        </div>\n                        <div class=\"col-sm-12 alignItemCenter mT30\">\n                            <button mat-raised-button class=\"save-button\" (click)=\"submit()\"\n                                color=\"primary\">Login</button>\n                        </div>\n                    </div>\n                </mat-card-content>\n            </mat-card>\n        </div>\n    </form>\n</div>","styles":[".center{height:200px;width:450px;position:fixed;top:40%;left:50%;margin-top:-100px;margin-left:-225px}.p50{padding:50px}.full-width-input{width:100%}.alignItemCenter{text-align:center}.mainClr{color:#3f51b5}.bg-img{height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.mT30{margin-top:30px}button{padding:2px 30px}.f11{font-size:11px}.f13{font-size:13px}"]}]}],"members":{"backgroundImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"getData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"navigateToForgotPwd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":16,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"isFieldValid":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"selectForgotPwd":[{"__symbolic":"method"}]}}},"origins":{"CustomLibService":"./lib/custom-lib.service","CustomLibComponent":"./lib/custom-lib.component","CustomLibModule":"./lib/custom-lib.module","ɵa":"./lib/login/login.component"},"importAs":"login-custom-lib-prabhakar"}