UNPKG

@ng-doc/ui-kit

Version:

<!-- PROJECT LOGO --> <br /> <div align="center"> <a href="https://github.com/ng-doc/ng-doc"> <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px"> </a>

46 lines (42 loc) 2.2 kB
import * as i0 from '@angular/core'; import { inject, ElementRef, Renderer2, EventEmitter, HostListener, Output, Input, Directive } from '@angular/core'; class NgDocCheckedChangeDirective { set ngDocChecked(checked) { this.updateProperty('checked', checked || false); this.updateProperty('indeterminate', checked === null); } constructor() { this.element = inject(ElementRef); this.renderer = inject(Renderer2); this.ngDocCheckedChange = new EventEmitter(); this.updateProperty('checked', false); } onChange({ checked }) { this.updateProperty('indeterminate', false); this.ngDocCheckedChange.emit(checked); } updateProperty(property, value) { this.renderer.setProperty(this.element.nativeElement, property, value); } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocCheckedChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); } static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.3", type: NgDocCheckedChangeDirective, isStandalone: true, selector: "input[ngDocChecked], input[ngDocCheckedChange]", inputs: { ngDocChecked: "ngDocChecked" }, outputs: { ngDocCheckedChange: "ngDocCheckedChange" }, host: { listeners: { "change": "onChange($event.target)" } }, ngImport: i0 }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocCheckedChangeDirective, decorators: [{ type: Directive, args: [{ selector: 'input[ngDocChecked], input[ngDocCheckedChange]', standalone: true, }] }], ctorParameters: () => [], propDecorators: { ngDocChecked: [{ type: Input }], ngDocCheckedChange: [{ type: Output }], onChange: [{ type: HostListener, args: ['change', ['$event.target']] }] } }); /** * Generated bundle index. Do not edit. */ export { NgDocCheckedChangeDirective }; //# sourceMappingURL=ng-doc-ui-kit-directives-checked-change.mjs.map