@tarienna/ng-tri-state-checkbox/tarienna-ng-tri-state-checkbox.metadata.json

A TriStateCheckbox for Angular 9

{"__symbolic":"module","version":4,"metadata":{"NgTriStateCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ng-tri-state-checkbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":10,"character":21},"useExisting":{"__symbolic":"reference","name":"NgTriStateCheckboxComponent"},"multi":true}],"exportAs":"ngTriStateCheckbox","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":19},"member":"None"},"template":"<input type=\"checkbox\" [class]=\"checkboxClass\" (change)=\"onClick()\" #customCheckbox [disabled]=\"isDisabled\">\n","styles":[".tri-state-checkbox-default{height:1rem;width:1rem;display:block;position:relative;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border:1px solid #adb5bd;border-radius:.15rem;box-sizing:border-box}.tri-state-checkbox-default:checked:not(:indeterminate){background-color:#0099da;color:#fff}.tri-state-checkbox-default:checked:not(:indeterminate):after{content:\"\";display:block;position:absolute;top:-1px;left:-1px;width:1rem;height:1rem;pointer-events:none;color:#fff;background-color:#0099da;background-repeat:no-repeat;background-size:50% 50%;background-position:50%;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\");border:1px solid #0099da;border-radius:.15rem}.tri-state-checkbox-default:indeterminate{background-color:#fff;color:#adb5bd;border-color:#0099da}.tri-state-checkbox-default:indeterminate:after{content:\"\";display:block;position:absolute;top:calc(.225rem - 1px);left:calc(.225rem - 1px);width:.55rem;height:.55rem;pointer-events:none;background-color:#0099da;border:1px solid #0099da;border-radius:.15rem}"]}]}],"members":{"checkboxClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"customCheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":5},"arguments":["customCheckbox",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":34,"character":36}]}],"ngOnDestroy":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"addControl":[{"__symbolic":"method"}],"removeControl":[{"__symbolic":"method"}],"changeControlValue":[{"__symbolic":"method"}],"refreshState":[{"__symbolic":"method"}],"getState":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"writeAllControlValues":[{"__symbolic":"method"}],"refreshCheckboxState":[{"__symbolic":"method"}],"emitValueChanged":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"NgTriStateControlDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"CheckboxControlValueAccessor","line":27,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"input[type=checkbox][ngTriStateControl]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":20,"character":21},"useExisting":{"__symbolic":"reference","name":"NgTriStateControlDirective"},"multi":true}],"exportAs":"ngTriStateControl"}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"registry":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5},"arguments":["ngTriStateControl"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":36},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":39,"character":69}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"readValue":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabled":[{"__symbolic":"method"}],"updateValueOnRegistry":[{"__symbolic":"method"}],"onChangeValue":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":92,"character":5},"arguments":["change",["$event.target.checked"]]}]}]}},"NgTriStateCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgTriStateCheckboxComponent"},{"__symbolic":"reference","name":"NgTriStateControlDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":28},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":8,"character":41}],"exports":[{"__symbolic":"reference","name":"NgTriStateCheckboxComponent"},{"__symbolic":"reference","name":"NgTriStateControlDirective"}]}]}],"members":{}}},"origins":{"NgTriStateCheckboxComponent":"./lib/ng-tri-state-checkbox.component","NgTriStateControlDirective":"./lib/ng-tri-state-control.directive","NgTriStateCheckboxModule":"./lib/ng-tri-state-checkbox.module"},"importAs":"@tarienna/ng-tri-state-checkbox"}