@ng-doc/ui-kit/fesm2022/ng-doc-ui-kit-directives-checked-change.mjs

<!-- 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>

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(target) {
        this.updateProperty('indeterminate', false);
        this.ngDocCheckedChange.emit(target instanceof HTMLInputElement ? target.checked : false);
    }
    updateProperty(property, value) {
        this.renderer.setProperty(this.element.nativeElement, property, value);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocCheckedChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", 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: "21.0.6", 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