[{"__symbolic":"module","version":3,"metadata":{"MaterialCheckboxesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"material-checkboxes-widget","template":"\n    <label *ngIf=\"options?.title\"\n      [class]=\"options?.labelHtmlClass\"\n      [class.sr-only]=\"options?.notitle\"\n      [innerHTML]=\"options?.title\"></label>\n    <div [ngSwitch]=\"layoutOrientation\">\n\n      <!-- 'horizontal' = checkboxes-inline or checkboxbuttons -->\n      <div *ngSwitchCase=\"'horizontal'\"\n        [class]=\"options?.htmlClass\">\n        <label *ngFor=\"let checkboxItem of checkboxList\"\n          [attr.for]=\"'control' + layoutNode?._id + '/' + checkboxItem.value\"\n          [class]=\"options?.itemLabelHtmlClass + (checkboxItem.checked ?\n            (' ' + options?.activeClass + ' ' + options?.style?.selected) :\n            (' ' + options?.style?.unselected))\">\n          <input type=\"checkbox\"\n            [attr.required]=\"options?.required\"\n            [checked]=\"checkboxItem.checked\"\n            [class]=\"options?.fieldHtmlClass\"\n            [disabled]=\"controlDisabled\"\n            [id]=\"'control' + layoutNode?._id + '/' + checkboxItem.value\"\n            [name]=\"formControlName\"\n            [readonly]=\"options?.readonly ? 'readonly' : null\"\n            [value]=\"checkboxItem.value\"\n            (change)=\"updateValue($event)\">\n          <span [innerHTML]=\"checkboxItem.name\"></span>\n        </label>\n      </div>\n\n      <!-- 'vertical' = regular checkboxes -->\n      <div *ngSwitchDefault>\n        <div *ngFor=\"let checkboxItem of checkboxList\"\n          [class]=\"options?.htmlClass\">\n          <label\n            [attr.for]=\"'control' + layoutNode?._id + '/' + checkboxItem.value\"\n            [class]=\"options?.itemLabelHtmlClass + (checkboxItem.checked ?\n              (' ' + options?.activeClass + ' ' + options?.style?.selected) :\n              (' ' + options?.style?.unselected))\">\n            <input type=\"checkbox\"\n              [attr.required]=\"options?.required\"\n              [checked]=\"checkboxItem.checked\"\n              [class]=\"options?.fieldHtmlClass\"\n              [disabled]=\"controlDisabled\"\n              [id]=\"options?.name + '/' + checkboxItem.value\"\n              [name]=\"options?.name\"\n              [readonly]=\"options?.readonly ? 'readonly' : null\"\n              [value]=\"checkboxItem.value\"\n              (change)=\"updateValue($event)\">\n            <span [innerHTML]=\"checkboxItem?.name\"></span>\n          </label>\n        </div>\n      </div>\n\n    </div>"}]}],"members":{"layoutNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"layoutIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dataIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../library/json-schema-form.service","name":"JsonSchemaFormService"}]}],"ngOnInit":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"MaterialCheckboxesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"material-checkboxes-widget","template":"\n    <label *ngIf=\"options?.title\"\n      [class]=\"options?.labelHtmlClass\"\n      [class.sr-only]=\"options?.notitle\"\n      [innerHTML]=\"options?.title\"></label>\n    <div [ngSwitch]=\"layoutOrientation\">\n\n      <!-- 'horizontal' = checkboxes-inline or checkboxbuttons -->\n      <div *ngSwitchCase=\"'horizontal'\"\n        [class]=\"options?.htmlClass\">\n        <label *ngFor=\"let checkboxItem of checkboxList\"\n          [attr.for]=\"'control' + layoutNode?._id + '/' + checkboxItem.value\"\n          [class]=\"options?.itemLabelHtmlClass + (checkboxItem.checked ?\n            (' ' + options?.activeClass + ' ' + options?.style?.selected) :\n            (' ' + options?.style?.unselected))\">\n          <input type=\"checkbox\"\n            [attr.required]=\"options?.required\"\n            [checked]=\"checkboxItem.checked\"\n            [class]=\"options?.fieldHtmlClass\"\n            [disabled]=\"controlDisabled\"\n            [id]=\"'control' + layoutNode?._id + '/' + checkboxItem.value\"\n            [name]=\"formControlName\"\n            [readonly]=\"options?.readonly ? 'readonly' : null\"\n            [value]=\"checkboxItem.value\"\n            (change)=\"updateValue($event)\">\n          <span [innerHTML]=\"checkboxItem.name\"></span>\n        </label>\n      </div>\n\n      <!-- 'vertical' = regular checkboxes -->\n      <div *ngSwitchDefault>\n        <div *ngFor=\"let checkboxItem of checkboxList\"\n          [class]=\"options?.htmlClass\">\n          <label\n            [attr.for]=\"'control' + layoutNode?._id + '/' + checkboxItem.value\"\n            [class]=\"options?.itemLabelHtmlClass + (checkboxItem.checked ?\n              (' ' + options?.activeClass + ' ' + options?.style?.selected) :\n              (' ' + options?.style?.unselected))\">\n            <input type=\"checkbox\"\n              [attr.required]=\"options?.required\"\n              [checked]=\"checkboxItem.checked\"\n              [class]=\"options?.fieldHtmlClass\"\n              [disabled]=\"controlDisabled\"\n              [id]=\"options?.name + '/' + checkboxItem.value\"\n              [name]=\"options?.name\"\n              [readonly]=\"options?.readonly ? 'readonly' : null\"\n              [value]=\"checkboxItem.value\"\n              (change)=\"updateValue($event)\">\n            <span [innerHTML]=\"checkboxItem?.name\"></span>\n          </label>\n        </div>\n      </div>\n\n    </div>"}]}],"members":{"layoutNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"layoutIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dataIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../library/json-schema-form.service","name":"JsonSchemaFormService"}]}],"ngOnInit":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}]}}}}]