[{"__symbolic":"module","version":3,"metadata":{"DynamicFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dynamic-form","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"template":"\n    <div *ngIf=\"form\">\n      <div id=\"error-banner\" class=\"banner-error\" [class.banner-show]=\"isNotValid()\">\n        <b>{{getErrorCount() === 1 ? 'There is 1 error.' : 'There are ' + getErrorCount() + ' errors.'}}</b>\n        <button aria-label=\"Close\" class=\"close\" type=\"button\" (click)=\"closeError()\">\n          <span>×</span>\n        </button>\n      </div>\n      <form (ngSubmit)=\"onSubmit()\" [formGroup]=\"form\" [id]=\"template.key\" [autocomplete]=\"autocomplete\">\n        <div *ngFor=\"let group of groups; let i = index\">\n          <div *ngIf=\"!emptyGroup(group)\" [attr.data-index]=\"i\" class=\"row\">\n            <div *ngFor=\"let question of group\" [class]=\"question.column\">\n              <df-question [question]=\"question\" [form]=\"form\" [template]=\"template\" [prefill]=\"prefill\"></df-question>\n            </div>\n          </div>\n        </div>\n        <div>\n          <span *ngIf=\"template.backButton.show\" class=\"left-align left-float\">\n            <button *ngIf=\"!showReviewButton()\" class=\"btn btn-primary btn-sbla btn-back\" type=\"button\" (click)=\"prev()\" id=\"dynamic-form-back\" [attr.disabled]=\"loading || loadingBack\">\n              <span *ngIf=\"loadingBack\" class=\"req-loader\"></span>\n              <span *ngIf=\"!loadingBack\">{{template.backButton.text}}</span>\n            </button>\n            <button *ngIf=\"showReviewButton()\"  class=\"btn btn-primary btn-sbla btn-back\" type=\"button\" (click)=\"reviewWithoutChanges()\" id=\"dynamic-form-back\">Cancel Changes</button>\n          </span>\n          <span class=\"right-align right-float\">\n            <button *ngIf=\"!showReviewButton()\" class=\"btn btn-primary btn-sbla inline-block\" type=\"submit\" id=\"dynamic-form-submit\" [attr.disabled]=\"loading || loadingBack\">\n              <span *ngIf=\"loading\" class=\"req-loader\"></span>\n              <span *ngIf=\"!loading\">{{template.btnTxt}}</span>\n            </button>\n            <button *ngIf=\"showReviewButton()\" class=\"btn btn-primary btn-sbla inline-block\" type=\"button\" (click)=\"review()\" id=\"dynamic-form-review\" [attr.disabled]=\"loading || loadingBack\">\n              <span *ngIf=\"loading\" class=\"req-loader\"></span>\n              <span *ngIf=\"!loading\">Save Changes</span>\n            </button>\n          </span>\n        </div>\n      </form>\n    </div>\n  ","providers":[{"__symbolic":"reference","module":"./question-control.service","name":"QuestionControlService"}],"styles":["\n    label {\n      font-weight: 200;\n    }\n\n    .form-control {\n      font-weight: 200;\n      box-shadow: none !important;\n      color: $light-grey;\n    }\n\n    .help-block {\n      font-size: 12px;\n    }\n\n    .has-error .control-label {\n      color: #cf262a;\n    }\n\n    .has-error .form-control {\n      background: $error-background;\n      border-color: #cf262a;\n    }\n\n    .has-error .radio-option label {\n      color: #cf262a;\n    }\n\n    .needs-input:before {\n      position: absolute;\n      left: 0;\n      height: 100%;\n      content: \" \";\n      border-left: solid 1px #0ea218;\n    }\n\n    .needs-input .form-control {\n      background-color: $needs-input-background;\n      border-color: #26a729;\n    }\n\n    .needs-input .radio-option label{\n      color: #26a729;\n    }\n\n    &.banner-show {\n      top: 0 !important;\n    }\n\n    .banner-error {\n      transition: 0.5s;\n      position: fixed;\n      top: -90px;\n      left: 0;\n      width: 100%;\n      padding: 30px;\n      z-index: 10000;\n      background-color: rgba( #cf262a, .9 );\n      color: white;\n      text-align: center;\n    }\n\n    .banner-error .close {\n      color: white;\n      opacity: 1;\n    }\n\n    .errorMessage {\n      color: #cf262a;\n    }\n  "]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"components":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"prefill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"submit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"./question-control.service","name":"QuestionControlService"}]}]],"parameters":[{"__symbolic":"reference","module":"./question-control.service","name":"QuestionControlService"}]}],"showReviewButton":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"group":[{"__symbolic":"method"}],"isNotValid":[{"__symbolic":"method"}],"emptyGroup":[{"__symbolic":"method"}],"closeError":[{"__symbolic":"method"}],"getErrorCount":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"generateRange":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"review":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DynamicFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dynamic-form","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"template":"\n    <div *ngIf=\"form\">\n      <div id=\"error-banner\" class=\"banner-error\" [class.banner-show]=\"isNotValid()\">\n        <b>{{getErrorCount() === 1 ? 'There is 1 error.' : 'There are ' + getErrorCount() + ' errors.'}}</b>\n        <button aria-label=\"Close\" class=\"close\" type=\"button\" (click)=\"closeError()\">\n          <span>×</span>\n        </button>\n      </div>\n      <form (ngSubmit)=\"onSubmit()\" [formGroup]=\"form\" [id]=\"template.key\" [autocomplete]=\"autocomplete\">\n        <div *ngFor=\"let group of groups; let i = index\">\n          <div *ngIf=\"!emptyGroup(group)\" [attr.data-index]=\"i\" class=\"row\">\n            <div *ngFor=\"let question of group\" [class]=\"question.column\">\n              <df-question [question]=\"question\" [form]=\"form\" [template]=\"template\" [prefill]=\"prefill\"></df-question>\n            </div>\n          </div>\n        </div>\n        <div>\n          <span *ngIf=\"template.backButton.show\" class=\"left-align left-float\">\n            <button *ngIf=\"!showReviewButton()\" class=\"btn btn-primary btn-sbla btn-back\" type=\"button\" (click)=\"prev()\" id=\"dynamic-form-back\" [attr.disabled]=\"loading || loadingBack\">\n              <span *ngIf=\"loadingBack\" class=\"req-loader\"></span>\n              <span *ngIf=\"!loadingBack\">{{template.backButton.text}}</span>\n            </button>\n            <button *ngIf=\"showReviewButton()\"  class=\"btn btn-primary btn-sbla btn-back\" type=\"button\" (click)=\"reviewWithoutChanges()\" id=\"dynamic-form-back\">Cancel Changes</button>\n          </span>\n          <span class=\"right-align right-float\">\n            <button *ngIf=\"!showReviewButton()\" class=\"btn btn-primary btn-sbla inline-block\" type=\"submit\" id=\"dynamic-form-submit\" [attr.disabled]=\"loading || loadingBack\">\n              <span *ngIf=\"loading\" class=\"req-loader\"></span>\n              <span *ngIf=\"!loading\">{{template.btnTxt}}</span>\n            </button>\n            <button *ngIf=\"showReviewButton()\" class=\"btn btn-primary btn-sbla inline-block\" type=\"button\" (click)=\"review()\" id=\"dynamic-form-review\" [attr.disabled]=\"loading || loadingBack\">\n              <span *ngIf=\"loading\" class=\"req-loader\"></span>\n              <span *ngIf=\"!loading\">Save Changes</span>\n            </button>\n          </span>\n        </div>\n      </form>\n    </div>\n  ","providers":[{"__symbolic":"reference","module":"./question-control.service","name":"QuestionControlService"}],"styles":["\n    label {\n      font-weight: 200;\n    }\n\n    .form-control {\n      font-weight: 200;\n      box-shadow: none !important;\n      color: $light-grey;\n    }\n\n    .help-block {\n      font-size: 12px;\n    }\n\n    .has-error .control-label {\n      color: #cf262a;\n    }\n\n    .has-error .form-control {\n      background: $error-background;\n      border-color: #cf262a;\n    }\n\n    .has-error .radio-option label {\n      color: #cf262a;\n    }\n\n    .needs-input:before {\n      position: absolute;\n      left: 0;\n      height: 100%;\n      content: \" \";\n      border-left: solid 1px #0ea218;\n    }\n\n    .needs-input .form-control {\n      background-color: $needs-input-background;\n      border-color: #26a729;\n    }\n\n    .needs-input .radio-option label{\n      color: #26a729;\n    }\n\n    &.banner-show {\n      top: 0 !important;\n    }\n\n    .banner-error {\n      transition: 0.5s;\n      position: fixed;\n      top: -90px;\n      left: 0;\n      width: 100%;\n      padding: 30px;\n      z-index: 10000;\n      background-color: rgba( #cf262a, .9 );\n      color: white;\n      text-align: center;\n    }\n\n    .banner-error .close {\n      color: white;\n      opacity: 1;\n    }\n\n    .errorMessage {\n      color: #cf262a;\n    }\n  "]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"components":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"prefill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"submit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"./question-control.service","name":"QuestionControlService"}]}]],"parameters":[{"__symbolic":"reference","module":"./question-control.service","name":"QuestionControlService"}]}],"showReviewButton":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"group":[{"__symbolic":"method"}],"isNotValid":[{"__symbolic":"method"}],"emptyGroup":[{"__symbolic":"method"}],"closeError":[{"__symbolic":"method"}],"getErrorCount":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"generateRange":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"review":[{"__symbolic":"method"}]}}}}]