{"__symbolic":"module","version":4,"metadata":{"PrimaryInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"spb-primary-input","template":"<div class=\"primary-input-label\" [innerHTML]=\"inputLabel\" [ngClass]=\"{'required-icon': isRequiredField}\">\n</div>\n<form [formGroup]=\"parentForm\">\n    <div class=\"input-box\">\n        <img class=\"input-icon\" *ngIf=\"inputIcon\" [src]=\"inputIcon\">\n        <input [formControlName]=\"controlName\" class=\"primary-input\" [type]=\"inputType\"\n               [placeholder]=\"placeholder\"\n               [value]=\"inputValue\"\n               (change)=\"emitChangeEvent.emit($event)\"\n               (focus)=\"emitFocusEvent.emit($event)\"\n               (blur)=\"emitBlurEvent.emit($event)\"\n               [ngClass]=\"{'primary-input-error': parentForm.controls[controlName].invalid, 'input-icon-padding': inputIcon}\">\n    </div>\n</form>\n\n<ng-container *ngIf=\"errorMessages  && parentForm.controls[controlName].touched && parentForm.controls[controlName].invalid\"\n              (focus)=\"parentForm.controls[controlName].markAsUntouched()\">\n    <label class=\"error-message required-message\" *ngIf=\"parentForm.controls[controlName].errors.required; else checkValidations\">\n        {{errorMessages.required}}\n    </label>\n    <ng-template #checkValidations>\n        <label class=\"error-message invalid-message\" *ngIf=\"parentForm.controls[controlName].status === 'INVALID'\">\n            {{errorMessages.invalid}}\n        </label>\n    </ng-template>\n</ng-container>\n\n"}]}],"members":{"hostBaseClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["class.spb-primary-input"]}]}],"inputType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"parentForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"inputValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"inputLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"errorMessages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"inputIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"isRequiredField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"controlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"emitChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"emitFocusEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"emitBlurEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"RadioButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"spb-radio-button","template":"<form [formGroup]=\"parentForm\">\n    <div class=\"radio-container\">\n        <input [id]=\"uniqueIdentifier\"\n               (click)=\"emitChangeEvent.emit($event)\"\n               [checked]=\"radioOptionData.value === selectedOption\"\n               type=\"radio\"\n               [attr.value]=\"radioOptionData.value\"\n               [value]=\"radioOptionData.value\"\n               [formControlName]=\"radioOptionData.controlName\"\n               [ngStyle]=\"radioOptionData.value ===  selectedOption ? {'background-color': thumbColor}: ''\">\n        <label [ngStyle]=\"contentStyles\" [for]=\"uniqueIdentifier\">{{radioOptionData.label}}</label>\n    </div>\n</form>\n\n\n"}]}],"members":{"hostBaseClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["class.spb-radio-button"]}]}],"parentForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"uniqueIdentifier":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"selectedOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"thumbColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"contentStyles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"radioOptionData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"emitChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TextInputsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":9,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"PrimaryInputComponent"},{"__symbolic":"reference","name":"RadioButtonComponent"}],"exports":[{"__symbolic":"reference","name":"PrimaryInputComponent"},{"__symbolic":"reference","name":"RadioButtonComponent"}],"providers":[]}]}],"members":{}}},"origins":{"PrimaryInputComponent":"./primary-input/primary-input.component","RadioButtonComponent":"./radio-button/radio-button.component","TextInputsModule":"./text-inputs.module"},"importAs":"springboard-component-library/src/lib/text-inputs"}