[{"__symbolic":"module","version":3,"metadata":{"option":{"__symbolic":"interface"},"MultiCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"adm-multi-checkbox","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MultiCheckboxComponent"},"multi":true}],"styles":[".adm-multi-checkbox, .adm-multi-radio { display: block; } .adm-multi-checkbox.is-inline .adm-multi-ctrl-wrap, .adm-multi-radio.is-inline .adm-multi-ctrl-wrap { display: flex; flex-direction: row; } .adm-multi-checkbox.is-inline .adm-multi-ctrl-wrap > *, .adm-multi-radio.is-inline .adm-multi-ctrl-wrap > * { margin-right: 20px; } .adm-multi-checkbox.is-inline .adm-multi-ctrl-wrap > * .adm-checkbox__el, .adm-multi-checkbox.is-inline .adm-multi-ctrl-wrap > * .adm-radio__el, .adm-multi-radio.is-inline .adm-multi-ctrl-wrap > * .adm-checkbox__el, .adm-multi-radio.is-inline .adm-multi-ctrl-wrap > * .adm-radio__el { margin-right: 5px; } .adm-multi-checkbox.is-inline .adm-multi-ctrl-wrap > *:last-child, .adm-multi-radio.is-inline .adm-multi-ctrl-wrap > *:last-child { margin-right: 0; } "],"host":{"class":"adm-multi-checkbox","[class.is-inline]":"inline","$quoted$":["class","[class.is-inline]"]},"template":"\n        <div [formGroup]=\"_form\" *ngIf=\"arr.length\">\n            <div formArrayName=\"arr\" class=\"adm-multi-ctrl-wrap\">\n                <adm-checkbox\n                        *ngFor=\"let item of arr\"\n                        [formControl]=\"item\"\n                        [value]=\"item.param.value\">\n                    {{item.param.label}}\n                </adm-checkbox>\n            </div>\n        </div>\n    "}]}],"members":{"inline":[{"__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"}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"option":{"__symbolic":"interface"},"MultiCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"adm-multi-checkbox","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MultiCheckboxComponent"},"multi":true}],"styles":[".adm-multi-checkbox, .adm-multi-radio { display: block; } .adm-multi-checkbox.is-inline .adm-multi-ctrl-wrap, .adm-multi-radio.is-inline .adm-multi-ctrl-wrap { display: flex; flex-direction: row; } .adm-multi-checkbox.is-inline .adm-multi-ctrl-wrap > *, .adm-multi-radio.is-inline .adm-multi-ctrl-wrap > * { margin-right: 20px; } .adm-multi-checkbox.is-inline .adm-multi-ctrl-wrap > * .adm-checkbox__el, .adm-multi-checkbox.is-inline .adm-multi-ctrl-wrap > * .adm-radio__el, .adm-multi-radio.is-inline .adm-multi-ctrl-wrap > * .adm-checkbox__el, .adm-multi-radio.is-inline .adm-multi-ctrl-wrap > * .adm-radio__el { margin-right: 5px; } .adm-multi-checkbox.is-inline .adm-multi-ctrl-wrap > *:last-child, .adm-multi-radio.is-inline .adm-multi-ctrl-wrap > *:last-child { margin-right: 0; } "],"host":{"class":"adm-multi-checkbox","[class.is-inline]":"inline"},"template":"\n        <div [formGroup]=\"_form\" *ngIf=\"arr.length\">\n            <div formArrayName=\"arr\" class=\"adm-multi-ctrl-wrap\">\n                <adm-checkbox\n                        *ngFor=\"let item of arr\"\n                        [formControl]=\"item\"\n                        [value]=\"item.param.value\">\n                    {{item.param.label}}\n                </adm-checkbox>\n            </div>\n        </div>\n    "}]}],"members":{"inline":[{"__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"}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]