@blackbaud/skyux/dist/modules/radio/radio.component.metadata.json

SKY UX built on Angular 2

[{"__symbolic":"module","version":3,"metadata":{"SKY_RADIO_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SkyRadioComponent"},"multi":true},"SkyRadioComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-radio","template":"<label class=\"sky-radio-wrapper\">\n  <input type=\"radio\"\n        [id]=\"inputId\"\n        [ngModel]=\"selectedValue\"\n        [disabled]=\"disabled\"\n        [name]=\"name\"\n        [value]=\"value\"\n        [tabIndex]=\"tabindex\"\n        [attr.aria-label]=\"label\"\n        [attr.aria-labelledby]=\"labelledBy\"\n        (blur)=\"onInputBlur()\"\n        (ngModelChange)=\"onRadioChanged($event)\"/>\n  <span class=\"sky-radio\"></span>\n  <ng-content select=\"sky-radio-label\"></ng-content>\n</label>\n","styles":[".sky-radio-wrapper{display:inline-block;margin-bottom:5px;cursor:pointer}.sky-radio-wrapper input{opacity:0;position:absolute;height:22px;width:22px;margin:0;padding:0;cursor:pointer}.sky-radio{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;display:inline-block;height:22px;margin:0;padding:0;vertical-align:middle;width:22px;text-align:center;font-size:15px;border-radius:50%;line-height:19px}.sky-radio-wrapper input:hover+.sky-radio{border:2px solid #007ca6}.sky-radio-wrapper input:checked+.sky-radio{background-color:#007ca6;border-color:#007ca6;border-width:1px}.sky-radio-wrapper input:checked+.sky-radio:before{color:#fff;content:\"\\f00c\";font-family:FontAwesome;font-size:13px}.sky-radio-wrapper input:disabled+.sky-radio{background-color:#eeeeef;border-top:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-right:1px solid #e2e3e4;cursor:default}.sky-radio-wrapper input:focus+.sky-radio{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}\n"],"providers":[{"__symbolic":"reference","name":"SKY_RADIO_CONTROL_VALUE_ACCESSOR"}]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"labelledBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}],"onRadioChanged":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SKY_RADIO_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SkyRadioComponent"},"multi":true},"SkyRadioComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-radio","template":"<label class=\"sky-radio-wrapper\">\n  <input type=\"radio\"\n        [id]=\"inputId\"\n        [ngModel]=\"selectedValue\"\n        [disabled]=\"disabled\"\n        [name]=\"name\"\n        [value]=\"value\"\n        [tabIndex]=\"tabindex\"\n        [attr.aria-label]=\"label\"\n        [attr.aria-labelledby]=\"labelledBy\"\n        (blur)=\"onInputBlur()\"\n        (ngModelChange)=\"onRadioChanged($event)\"/>\n  <span class=\"sky-radio\"></span>\n  <ng-content select=\"sky-radio-label\"></ng-content>\n</label>\n","styles":[".sky-radio-wrapper{display:inline-block;margin-bottom:5px;cursor:pointer}.sky-radio-wrapper input{opacity:0;position:absolute;height:22px;width:22px;margin:0;padding:0;cursor:pointer}.sky-radio{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;display:inline-block;height:22px;margin:0;padding:0;vertical-align:middle;width:22px;text-align:center;font-size:15px;border-radius:50%;line-height:19px}.sky-radio-wrapper input:hover+.sky-radio{border:2px solid #007ca6}.sky-radio-wrapper input:checked+.sky-radio{background-color:#007ca6;border-color:#007ca6;border-width:1px}.sky-radio-wrapper input:checked+.sky-radio:before{color:#fff;content:\"\\f00c\";font-family:FontAwesome;font-size:13px}.sky-radio-wrapper input:disabled+.sky-radio{background-color:#eeeeef;border-top:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-right:1px solid #e2e3e4;cursor:default}.sky-radio-wrapper input:focus+.sky-radio{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}\n"],"providers":[{"__symbolic":"reference","name":"SKY_RADIO_CONTROL_VALUE_ACCESSOR"}]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"labelledBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}],"onRadioChanged":[{"__symbolic":"method"}]}}}}]