{"__symbolic":"module","version":4,"metadata":{"RadioGroupItem":{"__symbolic":"interface"},"RadioGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"selector":"sebng-radio-group","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":31,"character":13},"useExisting":{"__symbolic":"reference","name":"RadioGroupComponent"},"multi":true}],"template":"<label *ngIf=\"label\" class=\"radio-group-label\"\n    ><b>{{ label }}</b></label\n>\n\n<div *ngIf=\"list\" class=\"radio-group\" [ngClass]=\"className\" [class.disabled]=\"disabled\">\n    <div *ngIf=\"inline; else noninline\" class=\"row\">\n        <ng-container *ngFor=\"let item of displayList; index as i\">\n            <div class=\"col\">\n                <ng-container *ngTemplateOutlet=\"radioItem; context: { $implicit: item }\"></ng-container>\n            </div>\n        </ng-container>\n    </div>\n\n    <ng-template #noninline>\n        <ng-container *ngFor=\"let item of displayList; index as i\">\n            <ng-container *ngTemplateOutlet=\"radioItem; context: { $implicit: item }\"></ng-container>\n        </ng-container>\n    </ng-template>\n</div>\n\n<ng-template #radioItem let-item>\n    <div\n        [class.condensed]=\"condensed\"\n        [class.normal]=\"!condensed\"\n        [class]=\"item.className\"\n        (click)=\"!(item.optionItem.disabled || disabled) ? handleItemOnClick(item) : null\"\n    >\n        <input\n            #radioRefs\n            [attr.name]=\"name\"\n            [autofocus]=\"item.selected\"\n            [id]=\"item.id\"\n            [defaultChecked]=\"item.selected\"\n            [disabled]=\"item.optionItem.disabled || disabled\"\n            type=\"radio\"\n            class=\"custom-control-input\"\n        />\n        <label\n            *ngIf=\"item.optionItem.customTemplate; else normal\"\n            [attr.for]=\"!(item.optionItem.disabled || disabled) ? item.id : null\"\n            class=\"custom-control-label\"\n            [innerHtml]=\"item.optionItem.customTemplate | radioGroupSafeHtml\"\n        ></label>\n        <ng-template #normal>\n            <label [attr.for]=\"!(item.optionItem.disabled || disabled) ? item.id : null\" class=\"custom-control-label\"\n                >{{ item.optionItem.label }}\n            </label>\n        </ng-template>\n        <div class=\"custom-control-description\" *ngIf=\"item.optionItem.description\">{{ item.optionItem.description }}</div>\n    </div>\n</ng-template>\n","styles":[".radio-group{padding:.625rem}.radio-group .custom-control.custom-radio.normal{padding-top:.625rem;padding-bottom:.625rem}.radio-group .custom-control.custom-radio.condensed{padding-top:0;padding-bottom:0}.radio-group .custom-control.custom-radio .custom-control-label{padding-right:.5rem}.radio-group .custom-control.custom-radio .custom-control-label:before,.radio-group .custom-control.custom-radio .custom-control-label:after{transform:translateY(-50%);position:absolute;top:50%}.radio-group .custom-control-description{font-size:.875rem;margin:0;color:#868686;line-height:1.5}.radio-group.disabled .custom-control-description{color:#cecece}\n"]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5},"arguments":["list"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}}]}],"condensed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"inline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"radioRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":89,"character":5},"arguments":["radioRefs"]}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"focusCurrentItem":[{"__symbolic":"method"}],"_generateHelperArrays":[{"__symbolic":"method"}],"handleOnChange":[{"__symbolic":"method"}],"optionItemSelected":[{"__symbolic":"method"}],"handleItemOnClick":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}},"RadioGroupModule":{"__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":7,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":7,"character":28}],"declarations":[{"__symbolic":"reference","name":"RadioGroupComponent"},{"__symbolic":"reference","name":"RadioGroupSafeHtmlPipe"}],"exports":[{"__symbolic":"reference","name":"RadioGroupComponent"}]}]}],"members":{}},"RadioGroupSafeHtmlPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"radioGroupSafeHtml"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":5,"character":35}]}],"transform":[{"__symbolic":"method"}]}}},"origins":{"RadioGroupItem":"./radio-group.component","RadioGroupComponent":"./radio-group.component","RadioGroupModule":"./radio-group.module","RadioGroupSafeHtmlPipe":"./radio-group-safe.pipe"},"importAs":"@sebgroup/ng-components/lib/radio-group"}