ngwr 2.2.0 → 4.0.0

package/fesm2022/ngwr-checkbox.mjs

@@ -1,112 +1,39 @@
-import { __decorate } from 'tslib';
-import * as i1 from '@angular/cdk/a11y';
-import { A11yModule } from '@angular/cdk/a11y';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, HostBinding, NgModule } from '@angular/core';
-import * as i2 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import { WrAbstractBase } from 'ngwr/core/abstract';
-import { InputBoolean } from 'ngwr/core/decorators';
+import { forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { noop, takeUntil } from 'rxjs';
+import { WrAbstractBase } from 'ngwr/cdk';
+import { generateRandomId } from 'ngwr/cdk/utils';
+import { WrIconComponent } from 'ngwr/icon';
 
-class WrCheckbox extends WrAbstractBase {
-    get checked() {
-        return this._checked;
-    }
-    set checked(value) {
-        const checked = coerceBooleanProperty(value);
-        if (checked != this.checked) {
-            this._checked = checked;
-            this.onChange(checked);
-            this.onTouched();
-            this.cdr.markForCheck();
-        }
-    }
-    /** Set autofocus for checkbox; */
-    get autofocus() {
-        return this._autofocus;
-    }
-    set autofocus(value) {
-        this._autofocus = coerceBooleanProperty(value);
-        this.cdr.markForCheck();
-    }
-    /** Set disabled state of `wr-btn`; */
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        this.cdr.markForCheck();
-    }
-    get focused() {
-        return this._focused;
-    }
-    set focused(value) {
-        this._focused = coerceBooleanProperty(value);
-        this.cdr.markForCheck();
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrCheckboxComponent extends WrAbstractBase {
+    constructor() {
+        super(...arguments);
+        this.id = generateRandomId();
+        this.icon = null;
+        this.onChange = noop;
+        this.onTouched = noop;
     }
-    /** Set element classes */
     get elClasses() {
         return {
             'wr-checkbox': true,
-            'wr-checkbox--checked': this.checked,
-            'wr-checkbox--focused': this.focused,
+            'wr-checkbox--checked': this.formControl.value,
         };
     }
-    constructor(cdr, elRef, focusMonitor, ngZone) {
-        super();
-        this.cdr = cdr;
-        this.elRef = elRef;
-        this.focusMonitor = focusMonitor;
-        this.ngZone = ngZone;
-        this._checked = false;
-        this._autofocus = false;
-        this._disabled = false;
-        this._focused = false;
-        this.onChange = () => { };
-        this.onTouched = () => { };
-        /**
-         * A disabled checkbox shouldn't apply any actions
-         *
-         * @param event
-         */
-        this.preventEventsWhenDisabled = (event) => {
-            if (this.disabled) {
-                event.preventDefault();
-                event.stopImmediatePropagation();
-            }
-        };
+    get nativeDisabled() {
+        return this.formControl.disabled ? '' : null;
     }
     ngOnInit() {
-        this.ngZone.runOutsideAngular(() => {
-            this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);
-        });
-    }
-    ngAfterViewInit() {
-        this.focusMonitor.monitor(this.inputElement, true).subscribe(origin => {
-            this.ngZone.run(() => (this.focused = origin !== null));
-        });
-        if (this.autofocus) {
-            this.focus();
-            this.cdr.markForCheck();
-        }
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);
-        this.focusMonitor.stopMonitoring(this.inputElement);
-    }
-    focus(origin = 'program', options) {
-        if (origin) {
-            this.focusMonitor.focusVia(this.inputElement, origin, options);
-        }
-        else {
-            this.inputElement.focus(options);
-        }
-    }
-    writeValue(value) {
-        this.checked = value;
+        this.formControl.valueChanges
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((isChecked) => this.onChange(isChecked));
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -114,61 +41,81 @@ class WrCheckbox extends WrAbstractBase {
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
+    writeValue(checked) {
+        this.formControl.patchValue(checked, { emitEvent: false });
+    }
     setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
+        if (isDisabled) {
+            this.formControl.disable();
+        }
+        else {
+            this.formControl.enable();
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: WrCheckbox, isStandalone: true, selector: "wr-checkbox", inputs: { autofocus: "autofocus", disabled: "disabled" }, host: { properties: { "class": "this.elClasses" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: WrCheckboxComponent, isStandalone: true, selector: "wr-checkbox", inputs: { formControl: "formControl", id: "id", icon: "icon" }, host: { properties: { "class": "this.elClasses", "attr.disabled": "this.nativeDisabled" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => WrCheckbox),
+                // eslint-disable-next-line @angular-eslint/no-forward-ref
+                useExisting: forwardRef(() => WrCheckboxComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], exportAs: ["wrCheckbox"], usesInheritance: true, ngImport: i0, template: "<label class=\"wr-checkbox__container\">\n  <input\n    #inputElement\n    class=\"wr-checkbox__input\"\n    type=\"checkbox\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [ngModel]=\"checked\"\n    (ngModelChange)=\"writeValue($event)\"\n  />\n  <div class=\"wr-checkbox-inner\">\n    <div class=\"wr-checkbox-inner__mark\"></div>\n  </div>\n  <ng-content></ng-content>\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: A11yModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<label class=\"wr-checkbox__wrapper\" [for]=\"id\">\n  <input class=\"wr-checkbox__input\" type=\"checkbox\" [formControl]=\"formControl\" [id]=\"id\" />\n  @if (icon) {\n    <wr-icon class=\"wr-checkbox__icon\" [name]=\"icon\" />\n  } @else {\n    <div class=\"wr-checkbox-inner\">\n      <div class=\"wr-checkbox-inner__mark\"></div>\n    </div>\n  }\n  <ng-content />\n</label>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-__decorate([
-    InputBoolean()
-], WrCheckbox.prototype, "autofocus", null);
-__decorate([
-    InputBoolean()
-], WrCheckbox.prototype, "disabled", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-checkbox', exportAs: 'wrCheckbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, FormsModule, A11yModule], providers: [
+            args: [{ standalone: true, selector: 'wr-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ReactiveFormsModule, WrIconComponent], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => WrCheckbox),
+                            // eslint-disable-next-line @angular-eslint/no-forward-ref
+                            useExisting: forwardRef(() => WrCheckboxComponent),
                             multi: true,
                         },
-                    ], template: "<label class=\"wr-checkbox__container\">\n  <input\n    #inputElement\n    class=\"wr-checkbox__input\"\n    type=\"checkbox\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [ngModel]=\"checked\"\n    (ngModelChange)=\"writeValue($event)\"\n  />\n  <div class=\"wr-checkbox-inner\">\n    <div class=\"wr-checkbox-inner__mark\"></div>\n  </div>\n  <ng-content></ng-content>\n</label>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: i0.NgZone }], propDecorators: { inputElement: [{
-                type: ViewChild,
-                args: ['inputElement', { static: true }]
-            }], autofocus: [{
+                    ], template: "<label class=\"wr-checkbox__wrapper\" [for]=\"id\">\n  <input class=\"wr-checkbox__input\" type=\"checkbox\" [formControl]=\"formControl\" [id]=\"id\" />\n  @if (icon) {\n    <wr-icon class=\"wr-checkbox__icon\" [name]=\"icon\" />\n  } @else {\n    <div class=\"wr-checkbox-inner\">\n      <div class=\"wr-checkbox-inner__mark\"></div>\n    </div>\n  }\n  <ng-content />\n</label>\n" }]
+        }], propDecorators: { formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], id: [{
                 type: Input
-            }], disabled: [{
+            }], icon: [{
                 type: Input
             }], elClasses: [{
                 type: HostBinding,
                 args: ['class']
+            }], nativeDisabled: [{
+                type: HostBinding,
+                args: ['attr.disabled']
             }] } });
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
 class WrCheckboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WrCheckboxModule, imports: [WrCheckbox], exports: [WrCheckbox] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrCheckboxModule, imports: [WrCheckbox] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: WrCheckboxModule, imports: [WrCheckboxComponent], exports: [WrCheckboxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrCheckboxModule, imports: [WrCheckboxComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrCheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [WrCheckbox],
-                    exports: [WrCheckbox],
+                    imports: [WrCheckboxComponent],
+                    exports: [WrCheckboxComponent],
                 }]
         }] });
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { WrCheckbox, WrCheckboxModule };
+export { WrCheckboxComponent, WrCheckboxModule };
 //# sourceMappingURL=ngwr-checkbox.mjs.map

package/fesm2022/ngwr-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-checkbox.mjs","sources":["../../../projects/lib/checkbox/checkbox.component.ts","../../../projects/lib/checkbox/checkbox.template.html","../../../projects/lib/checkbox/checkbox.module.ts","../../../projects/lib/checkbox/ngwr-checkbox.ts"],"sourcesContent":["import { A11yModule, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { CommonModule } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  forwardRef,\n  HostBinding,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { WrAbstractBase } from 'ngwr/core/abstract';\nimport { InputBoolean } from 'ngwr/core/decorators';\nimport { OnChangeType, OnTouchedType, SafeAny } from 'ngwr/core/types';\n\n@Component({\n  selector: 'wr-checkbox',\n  exportAs: 'wrCheckbox',\n  templateUrl: 'checkbox.template.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: true,\n  imports: [CommonModule, FormsModule, A11yModule],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WrCheckbox),\n      multi: true,\n    },\n  ],\n})\nexport class WrCheckbox extends WrAbstractBase implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {\n  @ViewChild('inputElement', { static: true }) inputElement!: HTMLInputElement;\n\n  get checked(): boolean {\n    return this._checked;\n  }\n  set checked(value: BooleanInput) {\n    const checked = coerceBooleanProperty(value);\n\n    if (checked != this.checked) {\n      this._checked = checked;\n      this.onChange(checked);\n      this.onTouched();\n      this.cdr.markForCheck();\n    }\n  }\n  private _checked: boolean = false;\n\n  /** Set autofocus for checkbox; */\n  @Input()\n  @InputBoolean()\n  get autofocus(): boolean {\n    return this._autofocus;\n  }\n  set autofocus(value: BooleanInput) {\n    this._autofocus = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _autofocus: boolean = false;\n\n  /** Set disabled state of `wr-btn`; */\n  @Input()\n  @InputBoolean()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n  set disabled(value: BooleanInput) {\n    this._disabled = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _disabled: boolean = false;\n\n  get focused(): boolean {\n    return this._focused;\n  }\n  set focused(value: BooleanInput) {\n    this._focused = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _focused: boolean = false;\n\n  private onChange: OnChangeType = (): void => {};\n  private onTouched: OnTouchedType = (): void => {};\n\n  /** Set element classes */\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-checkbox': true,\n      'wr-checkbox--checked': this.checked,\n      'wr-checkbox--focused': this.focused,\n    };\n  }\n\n  constructor(\n    private readonly cdr: ChangeDetectorRef,\n    private readonly elRef: ElementRef<HTMLElement | HTMLInputElement>,\n    private readonly focusMonitor: FocusMonitor,\n    private readonly ngZone: NgZone\n  ) {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.ngZone.runOutsideAngular(() => {\n      this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);\n    });\n  }\n\n  ngAfterViewInit(): void {\n    this.focusMonitor.monitor(this.inputElement, true).subscribe(origin => {\n      this.ngZone.run(() => (this.focused = origin !== null));\n    });\n\n    if (this.autofocus) {\n      this.focus();\n      this.cdr.markForCheck();\n    }\n  }\n\n  override ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);\n    this.focusMonitor.stopMonitoring(this.inputElement);\n  }\n\n  focus(origin: FocusOrigin = 'program', options?: FocusOptions): void {\n    if (origin) {\n      this.focusMonitor.focusVia(this.inputElement, origin, options);\n    } else {\n      this.inputElement.focus(options);\n    }\n  }\n\n  writeValue(value: BooleanInput): void {\n    this.checked = value;\n  }\n\n  registerOnChange(fn: OnChangeType): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: OnTouchedType): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  /**\n   * A disabled checkbox shouldn't apply any actions\n   *\n   * @param event\n   */\n  private preventEventsWhenDisabled = (event: Event): void => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  };\n}\n","<label class=\"wr-checkbox__container\">\n  <input\n    #inputElement\n    class=\"wr-checkbox__input\"\n    type=\"checkbox\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [ngModel]=\"checked\"\n    (ngModelChange)=\"writeValue($event)\"\n  />\n  <div class=\"wr-checkbox-inner\">\n    <div class=\"wr-checkbox-inner__mark\"></div>\n  </div>\n  <ng-content></ng-content>\n</label>\n","import { NgModule } from '@angular/core';\n\nimport { WrCheckbox } from './checkbox.component';\n\n@NgModule({\n  imports: [WrCheckbox],\n  exports: [WrCheckbox],\n})\nexport class WrCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-checkbox.mjs","sources":["../../../projects/lib/checkbox/checkbox.component.ts","../../../projects/lib/checkbox/checkbox.component.html","../../../projects/lib/checkbox/checkbox.module.ts","../../../projects/lib/checkbox/public-api.ts","../../../projects/lib/checkbox/ngwr-checkbox.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  forwardRef,\n  HostBinding,\n  Input,\n  OnInit,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\n\nimport { noop, takeUntil } from 'rxjs';\n\nimport { WrAbstractBase } from 'ngwr/cdk';\nimport { SafeAny } from 'ngwr/cdk/types';\nimport { generateRandomId } from 'ngwr/cdk/utils';\nimport { WrIconComponent, wrIconName } from 'ngwr/icon';\n\n@Component({\n  standalone: true,\n  selector: 'wr-checkbox',\n  templateUrl: './checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [ReactiveFormsModule, WrIconComponent],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => WrCheckboxComponent),\n      multi: true,\n    },\n  ],\n})\nexport class WrCheckboxComponent extends WrAbstractBase implements ControlValueAccessor, OnInit {\n  @Input({ required: true }) formControl!: FormControl;\n  @Input() id: string = generateRandomId();\n  @Input() icon: wrIconName | null = null;\n\n  onChange: (value: boolean) => void = noop;\n  onTouched: () => void = noop;\n\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-checkbox': true,\n      'wr-checkbox--checked': this.formControl.value,\n    };\n  }\n\n  @HostBinding('attr.disabled')\n  get nativeDisabled(): '' | null {\n    return this.formControl.disabled ? '' : null;\n  }\n\n  ngOnInit(): void {\n    this.formControl.valueChanges\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe((isChecked: boolean) => this.onChange(isChecked));\n  }\n\n  registerOnChange(fn: () => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  writeValue(checked: boolean): void {\n    this.formControl.patchValue(checked, { emitEvent: false });\n  }\n\n  setDisabledState?(isDisabled: boolean): void {\n    if (isDisabled) {\n      this.formControl.disable();\n    } else {\n      this.formControl.enable();\n    }\n  }\n}\n","<label class=\"wr-checkbox__wrapper\" [for]=\"id\">\n  <input class=\"wr-checkbox__input\" type=\"checkbox\" [formControl]=\"formControl\" [id]=\"id\" />\n  @if (icon) {\n    <wr-icon class=\"wr-checkbox__icon\" [name]=\"icon\" />\n  } @else {\n    <div class=\"wr-checkbox-inner\">\n      <div class=\"wr-checkbox-inner__mark\"></div>\n    </div>\n  }\n  <ng-content />\n</label>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { WrCheckboxComponent } from './checkbox.component';\n\n@NgModule({\n  imports: [WrCheckboxComponent],\n  exports: [WrCheckboxComponent],\n})\nexport class WrCheckboxModule {}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './checkbox.component';\nexport * from './checkbox.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}