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

SKY UX built on Angular 2

[{"__symbolic":"module","version":3,"metadata":{"SKY_CHECKBOX_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SkyCheckboxComponent"},"multi":true},"SkyCheckboxChange":{"__symbolic":"class"},"SkyCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-checkbox","template":"<label class=\"sky-checkbox-wrapper\">\n  <input type=\"checkbox\"\n        [id]=\"inputId\"\n        [checked]=\"checked\"\n        [disabled]=\"disabled\"\n        [name]=\"name\"\n        [tabIndex]=\"tabindex\"\n        [attr.aria-label]=\"label\"\n        [attr.aria-labelledby]=\"labelledBy\"\n        (blur)=\"onInputBlur()\"\n        (change)=\"onInteractionEvent($event)\"/>\n  <span class=\"sky-checkbox\"></span>\n  <ng-content select=\"sky-checkbox-label\"></ng-content>\n</label>\n","styles":[".sky-checkbox-wrapper{cursor:pointer}.sky-checkbox-wrapper input{opacity:0;position:absolute;height:22px;width:22px;margin:0;padding:0;cursor:pointer}.sky-checkbox{background-color:#fff;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;line-height:19px}.sky-checkbox-wrapper input:hover+.sky-checkbox{border:2px solid #007ca6}.sky-checkbox-wrapper input:checked+.sky-checkbox{background-color:#007ca6;border-color:#007ca6;border-width:1px}.sky-checkbox-wrapper input:checked+.sky-checkbox:before{color:#fff;content:\"\\f00c\";font-family:FontAwesome;font-size:13px}.sky-checkbox-wrapper input:disabled+.sky-checkbox{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-checkbox-wrapper input:focus+.sky-checkbox{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}\n"],"providers":[{"__symbolic":"reference","name":"SKY_CHECKBOX_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"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onInteractionEvent":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_toggle":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SKY_CHECKBOX_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SkyCheckboxComponent"},"multi":true},"SkyCheckboxChange":{"__symbolic":"class"},"SkyCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-checkbox","template":"<label class=\"sky-checkbox-wrapper\">\n  <input type=\"checkbox\"\n        [id]=\"inputId\"\n        [checked]=\"checked\"\n        [disabled]=\"disabled\"\n        [name]=\"name\"\n        [tabIndex]=\"tabindex\"\n        [attr.aria-label]=\"label\"\n        [attr.aria-labelledby]=\"labelledBy\"\n        (blur)=\"onInputBlur()\"\n        (change)=\"onInteractionEvent($event)\"/>\n  <span class=\"sky-checkbox\"></span>\n  <ng-content select=\"sky-checkbox-label\"></ng-content>\n</label>\n","styles":[".sky-checkbox-wrapper{cursor:pointer}.sky-checkbox-wrapper input{opacity:0;position:absolute;height:22px;width:22px;margin:0;padding:0;cursor:pointer}.sky-checkbox{background-color:#fff;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;line-height:19px}.sky-checkbox-wrapper input:hover+.sky-checkbox{border:2px solid #007ca6}.sky-checkbox-wrapper input:checked+.sky-checkbox{background-color:#007ca6;border-color:#007ca6;border-width:1px}.sky-checkbox-wrapper input:checked+.sky-checkbox:before{color:#fff;content:\"\\f00c\";font-family:FontAwesome;font-size:13px}.sky-checkbox-wrapper input:disabled+.sky-checkbox{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-checkbox-wrapper input:focus+.sky-checkbox{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}\n"],"providers":[{"__symbolic":"reference","name":"SKY_CHECKBOX_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"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onInteractionEvent":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_toggle":[{"__symbolic":"method"}]}}}}]