{"__symbolic":"module","version":4,"metadata":{"CaaMaterialsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"AuthFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵd"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":21,"character":12}]}]}],"members":{}},"AuthInputInterface":{"__symbolic":"interface"},"ListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵf"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":8,"character":4},{"__symbolic":"reference","module":"angular-font-awesome","name":"AngularFontAwesomeModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵf"}]}]}],"members":{}},"ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵg"}],"exports":[{"__symbolic":"reference","name":"ɵg"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4}]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-auth-form","template":"<lib-auth-error\r\n  *ngIf=\"!isErrorHidden\"\r\n  (hideError)=\"hideError()\"\r\n  [errorText]=\"errorMessage\"\r\n></lib-auth-error>\r\n\r\n<form [formGroup]=\"authForm\" (ngSubmit)=\"onSubmit()\" class=\"auth-form\">\r\n  <mat-form-field  *ngFor=\"let item of items\">\r\n    <input\r\n      matInput\r\n      name=\"{{item.name}}\"\r\n      type=\"{{item.type}}\"\r\n      placeholder=\"{{item.placeholder}}\"\r\n      formControlName=\"{{item.name}}\"\r\n      class=\"auth-input\"\r\n    >\r\n    <mat-error *ngIf=\"!authForm.get(item.name).valid && authForm.get(item.name).touched\">\r\n      {{item.errorMessage}}\r\n    </mat-error>\r\n  </mat-form-field>\r\n\r\n  <button mat-raised-button color=\"primary\" type=\"submit\" class=\"auth-button\">Submit</button>\r\n</form>\r\n","styles":[".auth-form{display:-webkit-box;display:flex;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-width:500px;padding:10px;font-size:14px}.auth-button{margin-top:20px}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"formClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"errorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"isErrorHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"submitHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"getProperties":[{"__symbolic":"method"}],"findInvalidCharacters":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"hideError":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-auth-error","template":"<div class=\"auth-error\" >\r\n  <span>{{errorText}}</span>\r\n  <button class=\"hide-error-btn\" (click)=\"onClick()\">x</button>\r\n</div>\r\n","styles":[".auth-error{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:5px 10px;font-size:14px;color:#b24044;background:0 0;border:1px solid #b24044;border-radius:4px}.auth-error .hide-error-btn{color:#b24044;font-size:18px;font-weight:700;font-family:monospace;cursor:pointer}"]}]}],"members":{"hideError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":8,"character":3}}]}],"errorText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"onClick":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-list","template":"<ul class=\"list\">\r\n  <li *ngFor=\"let item of items\" class=\"item-row\">\r\n    <i [ngClass]=\"'item-icon fa ' + item.icon\"></i>\r\n    <div class=\"item-name\">\r\n      {{item.name}}\r\n    </div>\r\n    <div class=\"item-result\" [ngClass]=\"item.isPositiveResult ? 'item-result__positive ' : 'item-result__negative'\">\r\n      {{item.result}}\r\n    </div>\r\n  </li>\r\n</ul>\r\n\r\n","styles":[".list{padding:20px 0;margin:0 auto;width:100%;list-style:none}.item-row{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:10px 15px;margin-bottom:10px;font-size:18px;border-radius:6px;background:#f3f3f3;box-shadow:5px 5px 5px #c2c2c2,-5px -5px 5px #fff}.item-icon{width:30px;font-size:24px}.item-name{width:75%;text-align:left}.item-result{width:15%}.item-result__positive{color:#0ca832}.item-result__negative{color:#ff020b}"]}]}],"members":{"inputList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lib-button","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":17},"member":"None"},"template":"<button class=\"btn-base\" (click)=\"onClick()\">\n  <ng-content></ng-content>\n</button>\n","styles":[".btn-base{cursor:pointer;border:2px solid transparent}.btn-base:focus,.btn-base:hover{outline:0;box-shadow:3px 3px 3px #ddd,-3px -3px 3px #fff;border:2px solid transparent}.btn-small{padding:5px 10px;font-size:14px}.btn-small-square{font-size:14px;width:30px;height:30px}.btn-middle{padding:10px 20px;font-size:18px}.btn-middle-square{font-size:18px;width:50px;height:50px}.btn-large{padding:25px 30px;font-size:24px;font-weight:500;border-width:3px}.btn-large:focus,.btn-large:hover{border-width:3px}.btn-large-square{font-size:24px;font-weight:500;width:70px;height:70px}.btn-default-theme{color:#000;border-color:#acacac;background:0 0}.btn-red-theme{color:#f83e33;border-color:#f83e33}.btn-green-theme{color:#14b848;border-color:#14b848}.btn-blue-theme{color:#598bf8;border-color:#598bf8}"]}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"radius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"handleClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"getStyleClass":[{"__symbolic":"method"}],"getElement":[{"__symbolic":"method"}],"addStyleClass":[{"__symbolic":"method"}]}}},"origins":{"CaaMaterialsModule":"./lib/caa-materials.module","AuthFormModule":"./lib/auth-form/auth-form.module","AuthInputInterface":"./lib/auth-form/auth-input.interface","ListModule":"./lib/list/list.module","ButtonModule":"./lib/button/button.module","ɵa":"./lib/auth-form","ɵb":"./lib/list","ɵc":"./lib/button","ɵd":"./lib/auth-form/auth-form.component","ɵe":"./lib/auth-form/auth-error/auth-error.component","ɵf":"./lib/list/list.component","ɵg":"./lib/button/button.component"},"importAs":"caa-materials"}