[{"__symbolic":"module","version":4,"metadata":{"UnisysAngularFormGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-unisys-angular-form-group","template":"<div class=\"form-group\" [formGroup]=\"group\" [ngClass]=\"customClass != '' && customClass\" *ngIf=\"field\">\n  <ng-container *ngIf=\"parent\"> <!-- TODO DONT USE IT TWICE!!!-->\n    <div [formGroupName]=\"parent\">\n        <label class=\"center-block\">\n          <span translate>{{ translation}}</span>\n        </label>\n        <ng-container *ngIf=\"type === 'input' || type === 'password' || type === 'number'\">\n          <input *ngIf=\"type == 'input'\" class=\"form-control\" [readOnly]=\"readonly\" [ngClass]=\"{'width-auto': appendText}\" [formControlName]=\"fieldName\" [placeholder]=\"placeholderTranslation | translate\" [ngStyle]=\"{width: width}\">\n          <input *ngIf=\"type == 'number'\" type=\"number\" class=\"form-control\" [readOnly]=\"readonly\" [ngClass]=\"{'width-auto': appendText}\" [formControlName]=\"fieldName\" [placeholder]=\"placeholderTranslation | translate\" [ngStyle]=\"{width: width}\">\n          <input *ngIf=\"type == 'password'\" type=\"password\" class=\"form-control\" [readOnly]=\"readonly\" [ngClass]=\"{'width-auto': appendText}\" [formControlName]=\"fieldName\" [placeholder]=\"placeholderTranslation | translate\" [ngStyle]=\"{width: width}\">\n          <div class=\"append-text\" *ngIf=\"appendText\">\n            <div [innerHTML]=\"appendText\"></div>\n          </div>\n        </ng-container>\n        <input *ngIf=\"type == 'checkbox'\" [formControlName]=\"fieldName\" [checked]=\"checked\" type=\"checkbox\">\n        <textarea *ngIf=\"type == 'textarea'\" [rows]=\"rows\" class=\"form-control\" [formControlName]=\"fieldName\" [placeholder]=\"placeholderTranslation | translate\"></textarea>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"!parent\">\n      <label class=\"center-block\">\n        <span translate>{{ translation}}</span>\n      </label>\n      <ng-container *ngIf=\"type === 'input' || type === 'password' || type === 'number'\">\n        <input *ngIf=\"type == 'input'\" class=\"form-control\" [readOnly]=\"readonly\" [ngClass]=\"{'width-auto': appendText}\" [formControlName]=\"fieldName\" [placeholder]=\"placeholderTranslation | translate\" [ngStyle]=\"{width: width}\">\n        <input *ngIf=\"type == 'number'\" type=\"number\" class=\"form-control\" [readOnly]=\"readonly\" [ngClass]=\"{'width-auto': appendText}\" [formControlName]=\"fieldName\" [placeholder]=\"placeholderTranslation | translate\" [ngStyle]=\"{width: width}\">\n        <input *ngIf=\"type == 'password'\" type=\"password\" class=\"form-control\" [readOnly]=\"readonly\" [ngClass]=\"{'width-auto': appendText}\" [formControlName]=\"fieldName\" [placeholder]=\"placeholderTranslation | translate\" [ngStyle]=\"{width: width}\">\n        <div class=\"append-text\" *ngIf=\"appendText\">\n          <div [innerHTML]=\"appendText\"></div>\n        </div>\n      </ng-container>\n      <input *ngIf=\"type == 'checkbox'\" [formControlName]=\"fieldName\" [checked]=\"checked\" type=\"checkbox\">\n      <textarea *ngIf=\"type == 'textarea'\" [rows]=\"rows\" class=\"form-control\" [formControlName]=\"fieldName\" [placeholder]=\"placeholderTranslation | translate\"></textarea>\n  </ng-container>\n    <ul>\n      <li *ngFor=\"let item of field.errors | keyvalue\" class=\"error\">\n        <span class=\"text-red\" translate>{{ item.key}}</span>\n        <span *ngIf=\"isString(item.value)\" translate> {{ item.value}}</span>\n        <span *ngIf=\"!isString(item.value)\">\n            <ul>\n              <li *ngFor=\"let subitem of item.value | keyvalue\" class=\"error\">\n                <span translate>{{ subitem.key}}</span> : {{ subitem.value}}\n              </li>\n            </ul>\n          </span>\n      </li>\n    </ul>\n</div>\n\n<div *ngIf=\"!field\">\n<span>FORM_FIELD_IS_NOT_DEFINED</span>\n<span>{{ this.parent}}, {{ this.fieldName}}</span>\n</div>\n","styles":["label>span{font-weight:500;font-size:12px}.form-control.ng-touched.ng-invalid{border-color:#dd4b39}.form-control.ng-touched.ng-valid{border-color:#c3dccd}ul{padding-left:0;list-style:none}ul li ul{padding-left:5px}.error{font-size:11px;font-weight:700}input,textarea{display:inline-block}.append-text{background:#d2d6de;padding:5px 13px;color:#616161;font-size:13px;text-align:center;display:inline-block}.width-auto{width:auto}"]}]}],"members":{"translation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3},"arguments":["translation"]}]}],"placeholderTranslation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["placeholderTranslation"]}]}],"fieldName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3},"arguments":["fieldName"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3},"arguments":["type"]}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["rows"]}]}],"customClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3},"arguments":["customClass"]}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3},"arguments":["checked"]}]}],"appendText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3},"arguments":["appendText"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["width"]}]}],"property":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3},"arguments":["property"]}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3},"arguments":["readOnly"]}]}],"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3},"arguments":["parent"]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":80,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"isString":[{"__symbolic":"method"}]}}}}]