@ngx-formly/material 10.0.1 → 11.1.0-rc.0

package/fesm2022/ngx-formly-material-checkbox.mjs

@@ -1,68 +1,78 @@
-import * as i0 from '@angular/core';
-import { ViewChild, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
-import * as i3 from '@angular/material/checkbox';
-import { MatCheckbox, MatCheckboxModule } from '@angular/material/checkbox';
-import * as i1 from '@angular/cdk/a11y';
-import * as i2 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import * as i4 from '@ngx-formly/core';
-import { FormlyModule } from '@ngx-formly/core';
-import { CommonModule } from '@angular/common';
-
-class FormlyFieldCheckbox extends FieldType {
-    constructor(renderer, focusMonitor) {
-        super();
-        this.renderer = renderer;
-        this.focusMonitor = focusMonitor;
-        this.defaultOptions = {
-            props: {
-                hideFieldUnderline: true,
-                indeterminate: true,
-                floatLabel: 'always',
-                hideLabel: true,
-                color: 'accent', // workaround for https://github.com/angular/components/issues/18465
-            },
-        };
-    }
-    onContainerClick(event) {
-        this.checkbox.focus();
-        super.onContainerClick(event);
-    }
-    ngAfterViewInit() {
-        if (this.checkbox) {
-            this.focusMonitor.monitor(this.checkbox._inputElement, true).subscribe((focusOrigin) => {
-                this.field.focus = !!focusOrigin;
-                this.stateChanges.next();
-                if (focusOrigin) {
-                    this.props.focus && this.props.focus(this.field);
-                }
-                else {
-                    this.props.blur && this.props.blur(this.field);
-                }
-            });
-        }
-    }
-    ngAfterViewChecked() {
-        if (this.required !== this._required && this.checkbox && this.checkbox._inputElement) {
-            this._required = this.required;
-            const inputElement = this.checkbox._inputElement.nativeElement;
-            if (this.required) {
-                this.renderer.setAttribute(inputElement, 'required', 'required');
-            }
-            else {
-                this.renderer.removeAttribute(inputElement, 'required');
-            }
-        }
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        if (this.checkbox) {
-            this.focusMonitor.stopMonitoring(this.checkbox._inputElement);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldCheckbox, deps: [{ token: i0.Renderer2 }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldCheckbox, isStandalone: false, selector: "formly-field-mat-checkbox", viewQueries: [{ propertyName: "checkbox", first: true, predicate: MatCheckbox, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, NgModule, ViewChild } from "@angular/core";
+import { FieldType, FormlyMatFormFieldModule } from "@ngx-formly/material/form-field";
+import * as i3 from "@angular/material/checkbox";
+import { MatCheckbox, MatCheckboxModule } from "@angular/material/checkbox";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/forms";
+import { ReactiveFormsModule } from "@angular/forms";
+import * as i4 from "@ngx-formly/core";
+import { FormlyModule } from "@ngx-formly/core";
+import { CommonModule } from "@angular/common";
+var FormlyFieldCheckbox = class FormlyFieldCheckbox extends FieldType {
+	constructor(renderer, focusMonitor) {
+		super();
+		this.renderer = renderer;
+		this.focusMonitor = focusMonitor;
+		this.defaultOptions = { props: {
+			hideFieldUnderline: true,
+			indeterminate: true,
+			floatLabel: "always",
+			hideLabel: true,
+			color: "accent"
+		} };
+	}
+	onContainerClick(event) {
+		this.checkbox.focus();
+		super.onContainerClick(event);
+	}
+	ngAfterViewInit() {
+		if (this.checkbox) this.focusMonitor.monitor(this.checkbox._inputElement, true).subscribe((focusOrigin) => {
+			this.field.focus = !!focusOrigin;
+			this.stateChanges.next();
+			if (focusOrigin) this.props.focus && this.props.focus(this.field);
+			else this.props.blur && this.props.blur(this.field);
+		});
+	}
+	ngAfterViewChecked() {
+		if (this.required !== this._required && this.checkbox && this.checkbox._inputElement) {
+			this._required = this.required;
+			const inputElement = this.checkbox._inputElement.nativeElement;
+			if (this.required) this.renderer.setAttribute(inputElement, "required", "required");
+			else this.renderer.removeAttribute(inputElement, "required");
+		}
+	}
+	ngOnDestroy() {
+		super.ngOnDestroy();
+		if (this.checkbox) this.focusMonitor.stopMonitoring(this.checkbox._inputElement);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyFieldCheckbox,
+			deps: [{ token: i0.Renderer2 }, { token: i1.FocusMonitor }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: FormlyFieldCheckbox,
+			isStandalone: false,
+			selector: "formly-field-mat-checkbox",
+			viewQueries: [{
+				propertyName: "checkbox",
+				first: true,
+				predicate: MatCheckbox,
+				descendants: true,
+				static: true
+			}],
+			usesInheritance: true,
+			ngImport: i0,
+			template: `
     <mat-checkbox
       [formControl]="formControl"
       [id]="id"
@@ -73,18 +83,82 @@ class FormlyFieldCheckbox extends FieldType {
       [color]="props.color"
       [labelPosition]="props.labelPosition"
     >
-      {{ props.label }}
+      @if (props.allowHtml) {
+        <span [innerHTML]="props.label"></span>
+      } @else {
+        {{ props.label }}
+      }
       @if (props.required && props.hideRequiredMarker !== true) {
         <span aria-hidden="true" class="mat-form-field-required-marker mat-mdc-form-field-required-marker">*</span>
       }
     </mat-checkbox>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i4.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'formly-field-mat-checkbox',
-                    template: `
+  `,
+			isInline: true,
+			dependencies: [
+				{
+					kind: "directive",
+					type: i2.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i2.FormControlDirective,
+					selector: "[formControl]",
+					inputs: [
+						"formControl",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "component",
+					type: i3.MatCheckbox,
+					selector: "mat-checkbox",
+					inputs: [
+						"aria-label",
+						"aria-labelledby",
+						"aria-describedby",
+						"aria-expanded",
+						"aria-controls",
+						"aria-owns",
+						"id",
+						"required",
+						"labelPosition",
+						"name",
+						"value",
+						"disableRipple",
+						"tabIndex",
+						"color",
+						"disabledInteractive",
+						"checked",
+						"disabled",
+						"indeterminate"
+					],
+					outputs: ["change", "indeterminateChange"],
+					exportAs: ["matCheckbox"]
+				},
+				{
+					kind: "directive",
+					type: i4.LegacyFormlyAttributes,
+					selector: "[formlyAttributes]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyFieldCheckbox,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "formly-field-mat-checkbox",
+			template: `
     <mat-checkbox
       [formControl]="formControl"
       [id]="id"
@@ -95,65 +169,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
       [color]="props.color"
       [labelPosition]="props.labelPosition"
     >
-      {{ props.label }}
+      @if (props.allowHtml) {
+        <span [innerHTML]="props.label"></span>
+      } @else {
+        {{ props.label }}
+      }
       @if (props.required && props.hideRequiredMarker !== true) {
         <span aria-hidden="true" class="mat-form-field-required-marker mat-mdc-form-field-required-marker">*</span>
       }
     </mat-checkbox>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: false,
-                }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.FocusMonitor }], propDecorators: { checkbox: [{
-                type: ViewChild,
-                args: [MatCheckbox, { static: true }]
-            }] } });
-
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false
+		}]
+	}],
+	ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.FocusMonitor }],
+	propDecorators: { checkbox: [{
+		type: ViewChild,
+		args: [MatCheckbox, { static: true }]
+	}] }
+});
 function withFormlyFieldCheckbox() {
-    return {
-        types: [
-            {
-                name: 'checkbox',
-                component: FormlyFieldCheckbox,
-                wrappers: ['form-field'],
-            },
-            {
-                name: 'boolean',
-                extends: 'checkbox',
-            },
-        ],
-    };
+	return { types: [{
+		name: "checkbox",
+		component: FormlyFieldCheckbox,
+		wrappers: ["form-field"]
+	}, {
+		name: "boolean",
+		extends: "checkbox"
+	}] };
 }
-
-class FormlyMatCheckboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
-            ReactiveFormsModule,
-            MatCheckboxModule,
-            FormlyMatFormFieldModule, i4.FormlyModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatCheckboxModule, imports: [CommonModule,
-            ReactiveFormsModule,
-            MatCheckboxModule,
-            FormlyMatFormFieldModule,
-            FormlyModule.forChild(withFormlyFieldCheckbox())] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatCheckboxModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FormlyFieldCheckbox],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        MatCheckboxModule,
-                        FormlyMatFormFieldModule,
-                        FormlyModule.forChild(withFormlyFieldCheckbox()),
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var FormlyMatCheckboxModule = class FormlyMatCheckboxModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatCheckboxModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatCheckboxModule,
+			declarations: [FormlyFieldCheckbox],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatCheckboxModule,
+				FormlyMatFormFieldModule,
+				i4.FormlyModule
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatCheckboxModule,
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatCheckboxModule,
+				FormlyMatFormFieldModule,
+				FormlyModule.forChild(withFormlyFieldCheckbox())
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyMatCheckboxModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [FormlyFieldCheckbox],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatCheckboxModule,
+				FormlyMatFormFieldModule,
+				FormlyModule.forChild(withFormlyFieldCheckbox())
+			]
+		}]
+	}]
+});
 export { FormlyFieldCheckbox, FormlyMatCheckboxModule, withFormlyFieldCheckbox };
-//# sourceMappingURL=ngx-formly-material-checkbox.mjs.map
+
+//# sourceMappingURL=ngx-formly-material-checkbox.mjs.map

package/fesm2022/ngx-formly-material-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-formly-material-checkbox.mjs","sources":["../../../../src/ui/material/checkbox/src/checkbox.type.ts","../../../../src/ui/material/checkbox/src/checkbox.config.ts","../../../../src/ui/material/checkbox/src/checkbox.module.ts","../../../../src/ui/material/checkbox/src/ngx-formly-material-checkbox.ts"],"sourcesContent":["import {\n  Component,\n  ViewChild,\n  ChangeDetectionStrategy,\n  Renderer2,\n  AfterViewChecked,\n  OnDestroy,\n  AfterViewInit,\n  Type,\n} from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { FocusMonitor } from '@angular/cdk/a11y';\n\ninterface CheckboxProps extends FormlyFieldProps {\n  indeterminate?: boolean;\n  labelPosition?: 'before' | 'after';\n}\n\nexport interface FormlyCheckboxFieldConfig extends FormlyFieldConfig<CheckboxProps> {\n  type: 'checkbox' | Type<FormlyFieldCheckbox>;\n}\n\n@Component({\n  selector: 'formly-field-mat-checkbox',\n  template: `\n    <mat-checkbox\n      [formControl]=\"formControl\"\n      [id]=\"id\"\n      [name]=\"field.name\"\n      [formlyAttributes]=\"field\"\n      [tabIndex]=\"props.tabindex\"\n      [indeterminate]=\"props.indeterminate && formControl.value == null\"\n      [color]=\"props.color\"\n      [labelPosition]=\"props.labelPosition\"\n    >\n      {{ props.label }}\n      @if (props.required && props.hideRequiredMarker !== true) {\n        <span aria-hidden=\"true\" class=\"mat-form-field-required-marker mat-mdc-form-field-required-marker\">*</span>\n      }\n    </mat-checkbox>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class FormlyFieldCheckbox\n  extends FieldType<FieldTypeConfig<CheckboxProps>>\n  implements AfterViewInit, AfterViewChecked, OnDestroy\n{\n  @ViewChild(MatCheckbox, { static: true }) checkbox!: MatCheckbox;\n  override defaultOptions = {\n    props: {\n      hideFieldUnderline: true,\n      indeterminate: true,\n      floatLabel: 'always' as const,\n      hideLabel: true,\n      color: 'accent' as const, // workaround for https://github.com/angular/components/issues/18465\n    },\n  };\n\n  private _required!: boolean;\n  constructor(\n    private renderer: Renderer2,\n    private focusMonitor: FocusMonitor,\n  ) {\n    super();\n  }\n\n  override onContainerClick(event: MouseEvent): void {\n    this.checkbox.focus();\n    super.onContainerClick(event);\n  }\n\n  ngAfterViewInit() {\n    if (this.checkbox) {\n      this.focusMonitor.monitor(this.checkbox._inputElement, true).subscribe((focusOrigin) => {\n        this.field.focus = !!focusOrigin;\n        this.stateChanges.next();\n        if (focusOrigin) {\n          this.props.focus && this.props.focus(this.field);\n        } else {\n          this.props.blur && this.props.blur(this.field);\n        }\n      });\n    }\n  }\n\n  ngAfterViewChecked() {\n    if (this.required !== this._required && this.checkbox && this.checkbox._inputElement) {\n      this._required = this.required;\n      const inputElement = this.checkbox._inputElement.nativeElement;\n      if (this.required) {\n        this.renderer.setAttribute(inputElement, 'required', 'required');\n      } else {\n        this.renderer.removeAttribute(inputElement, 'required');\n      }\n    }\n  }\n\n  override ngOnDestroy() {\n    super.ngOnDestroy();\n    if (this.checkbox) {\n      this.focusMonitor.stopMonitoring(this.checkbox._inputElement);\n    }\n  }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldCheckbox } from './checkbox.type';\n\nexport function withFormlyFieldCheckbox(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'checkbox',\n        component: FormlyFieldCheckbox,\n        wrappers: ['form-field'],\n      },\n      {\n        name: 'boolean',\n        extends: 'checkbox',\n      },\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\nimport { FormlyFieldCheckbox } from './checkbox.type';\nimport { withFormlyFieldCheckbox } from './checkbox.config';\n\n@NgModule({\n  declarations: [FormlyFieldCheckbox],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    MatCheckboxModule,\n\n    FormlyMatFormFieldModule,\n    FormlyModule.forChild(withFormlyFieldCheckbox()),\n  ],\n})\nexport class FormlyMatCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"ngx-formly-material-checkbox.mjs","names":[],"sources":["../../../../src/ui/material/checkbox/src/checkbox.type.ts","../../../../src/ui/material/checkbox/src/checkbox.config.ts","../../../../src/ui/material/checkbox/src/checkbox.module.ts"],"sourcesContent":["import {\n  Component,\n  ViewChild,\n  ChangeDetectionStrategy,\n  Renderer2,\n  AfterViewChecked,\n  OnDestroy,\n  AfterViewInit,\n  Type,\n} from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { FocusMonitor } from '@angular/cdk/a11y';\n\ninterface CheckboxProps extends FormlyFieldProps {\n  indeterminate?: boolean;\n  labelPosition?: 'before' | 'after';\n}\n\nexport interface FormlyCheckboxFieldConfig extends FormlyFieldConfig<CheckboxProps> {\n  type: 'checkbox' | Type<FormlyFieldCheckbox>;\n}\n\n@Component({\n  selector: 'formly-field-mat-checkbox',\n  template: `\n    <mat-checkbox\n      [formControl]=\"formControl\"\n      [id]=\"id\"\n      [name]=\"field.name\"\n      [formlyAttributes]=\"field\"\n      [tabIndex]=\"props.tabindex\"\n      [indeterminate]=\"props.indeterminate && formControl.value == null\"\n      [color]=\"props.color\"\n      [labelPosition]=\"props.labelPosition\"\n    >\n      @if (props.allowHtml) {\n        <span [innerHTML]=\"props.label\"></span>\n      } @else {\n        {{ props.label }}\n      }\n      @if (props.required && props.hideRequiredMarker !== true) {\n        <span aria-hidden=\"true\" class=\"mat-form-field-required-marker mat-mdc-form-field-required-marker\">*</span>\n      }\n    </mat-checkbox>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class FormlyFieldCheckbox\n  extends FieldType<FieldTypeConfig<CheckboxProps>>\n  implements AfterViewInit, AfterViewChecked, OnDestroy\n{\n  @ViewChild(MatCheckbox, { static: true }) checkbox!: MatCheckbox;\n  override defaultOptions = {\n    props: {\n      hideFieldUnderline: true,\n      indeterminate: true,\n      floatLabel: 'always' as const,\n      hideLabel: true,\n      color: 'accent' as const, // workaround for https://github.com/angular/components/issues/18465\n    },\n  };\n\n  private _required!: boolean;\n  constructor(\n    private renderer: Renderer2,\n    private focusMonitor: FocusMonitor,\n  ) {\n    super();\n  }\n\n  override onContainerClick(event: MouseEvent): void {\n    this.checkbox.focus();\n    super.onContainerClick(event);\n  }\n\n  ngAfterViewInit() {\n    if (this.checkbox) {\n      this.focusMonitor.monitor(this.checkbox._inputElement, true).subscribe((focusOrigin) => {\n        this.field.focus = !!focusOrigin;\n        this.stateChanges.next();\n        if (focusOrigin) {\n          this.props.focus && this.props.focus(this.field);\n        } else {\n          this.props.blur && this.props.blur(this.field);\n        }\n      });\n    }\n  }\n\n  ngAfterViewChecked() {\n    if (this.required !== this._required && this.checkbox && this.checkbox._inputElement) {\n      this._required = this.required;\n      const inputElement = this.checkbox._inputElement.nativeElement;\n      if (this.required) {\n        this.renderer.setAttribute(inputElement, 'required', 'required');\n      } else {\n        this.renderer.removeAttribute(inputElement, 'required');\n      }\n    }\n  }\n\n  override ngOnDestroy() {\n    super.ngOnDestroy();\n    if (this.checkbox) {\n      this.focusMonitor.stopMonitoring(this.checkbox._inputElement);\n    }\n  }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldCheckbox } from './checkbox.type';\n\nexport function withFormlyFieldCheckbox(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'checkbox',\n        component: FormlyFieldCheckbox,\n        wrappers: ['form-field'],\n      },\n      {\n        name: 'boolean',\n        extends: 'checkbox',\n      },\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\nimport { FormlyFieldCheckbox } from './checkbox.type';\nimport { withFormlyFieldCheckbox } from './checkbox.config';\n\n@NgModule({\n  declarations: [FormlyFieldCheckbox],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    MatCheckboxModule,\n\n    FormlyMatFormFieldModule,\n    FormlyModule.forChild(withFormlyFieldCheckbox()),\n  ],\n})\nexport class FormlyMatCheckboxModule {}\n"],"mappings":";;;;;;;;;;;AAkDA,IAAa,sBAAb,MAAa,4BACH,UAAyC;CAejD,YACU,UACA,cAA0B;EAElC,MAAK;EAHG,KAAA,WAAA;EACA,KAAA,eAAA;EAbD,KAAA,iBAAiB,EACxB,OAAO;GACL,oBAAoB;GACpB,eAAe;GACf,YAAY;GACZ,WAAW;GACX,OAAO;EACR,EACF;CAQD;CAES,iBAAiB,OAAiB;EACzC,KAAK,SAAS,MAAK;EACnB,MAAM,iBAAiB,KAAK;CAC9B;CAEA,kBAAe;EACb,IAAI,KAAK,UACP,KAAK,aAAa,QAAQ,KAAK,SAAS,eAAe,IAAI,CAAC,CAAC,WAAW,gBAAe;GACrF,KAAK,MAAM,QAAQ,CAAC,CAAC;GACrB,KAAK,aAAa,KAAI;GACtB,IAAI,aACF,KAAK,MAAM,SAAS,KAAK,MAAM,MAAM,KAAK,KAAK;QAE/C,KAAK,MAAM,QAAQ,KAAK,MAAM,KAAK,KAAK,KAAK;EAEjD,CAAC;CAEL;CAEA,qBAAkB;EAChB,IAAI,KAAK,aAAa,KAAK,aAAa,KAAK,YAAY,KAAK,SAAS,eAAe;GACpF,KAAK,YAAY,KAAK;GACtB,MAAM,eAAe,KAAK,SAAS,cAAc;GACjD,IAAI,KAAK,UACP,KAAK,SAAS,aAAa,cAAc,YAAY,UAAU;QAE/D,KAAK,SAAS,gBAAgB,cAAc,UAAU;EAE1D;CACF;CAES,cAAW;EAClB,MAAM,YAAW;EACjB,IAAI,KAAK,UACP,KAAK,aAAa,eAAe,KAAK,SAAS,aAAa;CAEhE;CA3DW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAmB,MAAA,CAAA,EAAA,OAAA,GAAA,UAAA,GAAA,EAAA,OAAA,GAAA,aAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAnB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAmB,cAAA;GAAA,UAAA;GAAA,aAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAInB;IAAW,aAAA;IAAA,QAAA;GAAA,CAAA;GAAA,iBAAA;GAAA,UAAA;GAAA,UA5BZ;;;;;;;;;;;;;;;;;;;;;GAoBT,UAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,eAAA;KAAA,UAAA,CAAA,QAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,UAAA,qBAAA;KAAA,UAAA,CAAA,aAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;AAIU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EA1B/B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;;;;;;;;;;;;;;;;;;;;;GAqBV,iBAAiB,wBAAwB;GACzC,YAAY;EACb,CAAA;;;;EAKE,MAAA;EAAU,MAAA,CAAA,aAAa,EAAE,QAAQ,KAAI,CAAE;;;ACnD1C,SAAgB,0BAAuB;CACrC,OAAO,EACL,OAAO,CACL;EACE,MAAM;EACN,WAAW;EACX,UAAU,CAAC,YAAY;CACxB,GACD;EACE,MAAM;EACN,SAAS;CACV,CACF,EACF;AACH;ACMA,IAAa,0BAAb,MAAa,wBAAuB;CAAvB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAuB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAvB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAuB,cAAA,CAXnB,mBAAmB;GAAA,SAAA;IAEhC;IACA;IAEA;IAEA;IAAwB,GAAA;GAAA;EAAA,CAAA;CAAA;CAIf;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAuB,SAAA;IAThC;IACA;IAEA;IAEA;IACA,aAAa,SAAS,wBAAuB,CAAE;GAAC;EAAA,CAAA;CAAA;;AAGvC,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAuB,YAAA,CAAA;EAZnC,MAAA;EAAS,MAAA,CAAA;GACR,cAAc,CAAC,mBAAmB;GAClC,SAAS;IACP;IACA;IAEA;IAEA;IACA,aAAa,SAAS,wBAAuB,CAAE;GAChD;EACF,CAAA"}