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

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

@@ -1,47 +1,64 @@
-import * as i0 from '@angular/core';
-import { ViewChildren, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i1 from '@angular/material/checkbox';
-import { MatCheckbox, MatCheckboxModule } from '@angular/material/checkbox';
-import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
-import * as i2 from '@ngx-formly/core';
-import { FormlyModule } from '@ngx-formly/core';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i4 from '@ngx-formly/core/select';
-import { FormlySelectModule } from '@ngx-formly/core/select';
-import { ReactiveFormsModule } from '@angular/forms';
-
-class FormlyFieldMultiCheckbox extends FieldType {
-    constructor() {
-        super(...arguments);
-        this.defaultOptions = {
-            props: {
-                hideFieldUnderline: true,
-                floatLabel: 'always',
-                color: 'accent', // workaround for https://github.com/angular/components/issues/18465
-            },
-        };
-    }
-    onChange(value, checked) {
-        this.formControl.markAsDirty();
-        if (this.props.type === 'array') {
-            this.formControl.patchValue(checked
-                ? [...(this.formControl.value || []), value]
-                : [...(this.formControl.value || [])].filter((o) => o !== value));
-        }
-        else {
-            this.formControl.patchValue({ ...this.formControl.value, [value]: checked });
-        }
-        this.formControl.markAsTouched();
-    }
-    // TODO: find a solution to prevent scroll on focus
-    onContainerClick() { }
-    isChecked(option) {
-        const value = this.formControl.value;
-        return value && (this.props.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldMultiCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldMultiCheckbox, isStandalone: false, selector: "formly-field-mat-multicheckbox", host: { properties: { "id": "id" } }, viewQueries: [{ propertyName: "checkboxes", predicate: MatCheckbox, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, NgModule, ViewChildren } from "@angular/core";
+import * as i1 from "@angular/material/checkbox";
+import { MatCheckbox, MatCheckboxModule } from "@angular/material/checkbox";
+import { FieldType, FormlyMatFormFieldModule } from "@ngx-formly/material/form-field";
+import * as i2 from "@ngx-formly/core";
+import { FormlyModule } from "@ngx-formly/core";
+import * as i3 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i4 from "@ngx-formly/core/select";
+import { FormlySelectModule } from "@ngx-formly/core/select";
+import { ReactiveFormsModule } from "@angular/forms";
+var FormlyFieldMultiCheckbox = class FormlyFieldMultiCheckbox extends FieldType {
+	constructor() {
+		super(...arguments);
+		this.defaultOptions = { props: {
+			hideFieldUnderline: true,
+			floatLabel: "always",
+			color: "accent"
+		} };
+	}
+	onChange(value, checked) {
+		this.formControl.markAsDirty();
+		if (this.props.type === "array") this.formControl.patchValue(checked ? [...this.formControl.value || [], value] : [...this.formControl.value || []].filter((o) => o !== value));
+		else this.formControl.patchValue({
+			...this.formControl.value,
+			[value]: checked
+		});
+		this.formControl.markAsTouched();
+	}
+	onContainerClick() {}
+	isChecked(option) {
+		const value = this.formControl.value;
+		return value && (this.props.type === "array" ? value.indexOf(option.value) !== -1 : value[option.value]);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyFieldMultiCheckbox,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: FormlyFieldMultiCheckbox,
+			isStandalone: false,
+			selector: "formly-field-mat-multicheckbox",
+			host: { properties: { "id": "id" } },
+			viewQueries: [{
+				propertyName: "checkboxes",
+				predicate: MatCheckbox,
+				descendants: true
+			}],
+			usesInheritance: true,
+			ngImport: i0,
+			template: `
     @for (option of props.options | formlySelectOptions: field | async; track $index; let i = $index) {
       <mat-checkbox
         [id]="id + '_' + i"
@@ -56,13 +73,66 @@ class FormlyFieldMultiCheckbox extends FieldType {
         {{ option.label }}
       </mat-checkbox>
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: i1.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: i2.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldMultiCheckbox, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'formly-field-mat-multicheckbox',
-                    template: `
+  `,
+			isInline: true,
+			dependencies: [
+				{
+					kind: "component",
+					type: i1.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: i2.LegacyFormlyAttributes,
+					selector: "[formlyAttributes]"
+				},
+				{
+					kind: "pipe",
+					type: i3.AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: i4.LegacyFormlySelectOptionsPipe,
+					name: "formlySelectOptions"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyFieldMultiCheckbox,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "formly-field-mat-multicheckbox",
+			template: `
     @for (option of props.options | formlySelectOptions: field | async; track $index; let i = $index) {
       <mat-checkbox
         [id]="id + '_' + i"
@@ -78,61 +148,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
       </mat-checkbox>
     }
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: {
-                        '[id]': 'id',
-                    },
-                    standalone: false,
-                }]
-        }], propDecorators: { checkboxes: [{
-                type: ViewChildren,
-                args: [MatCheckbox]
-            }] } });
-
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "[id]": "id" },
+			standalone: false
+		}]
+	}],
+	propDecorators: { checkboxes: [{
+		type: ViewChildren,
+		args: [MatCheckbox]
+	}] }
+});
 function withFormlyFieldMultiCheckbox() {
-    return {
-        types: [
-            {
-                name: 'multicheckbox',
-                component: FormlyFieldMultiCheckbox,
-                wrappers: ['form-field'],
-            },
-        ],
-    };
-}
-
-class FormlyMatMultiCheckboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatMultiCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatMultiCheckboxModule, declarations: [FormlyFieldMultiCheckbox], imports: [CommonModule,
-            ReactiveFormsModule,
-            MatCheckboxModule,
-            FormlyMatFormFieldModule,
-            FormlySelectModule, i2.FormlyModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatMultiCheckboxModule, imports: [CommonModule,
-            ReactiveFormsModule,
-            MatCheckboxModule,
-            FormlyMatFormFieldModule,
-            FormlySelectModule,
-            FormlyModule.forChild(withFormlyFieldMultiCheckbox())] }); }
+	return { types: [{
+		name: "multicheckbox",
+		component: FormlyFieldMultiCheckbox,
+		wrappers: ["form-field"]
+	}] };
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatMultiCheckboxModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FormlyFieldMultiCheckbox],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        MatCheckboxModule,
-                        FormlyMatFormFieldModule,
-                        FormlySelectModule,
-                        FormlyModule.forChild(withFormlyFieldMultiCheckbox()),
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var FormlyMatMultiCheckboxModule = class FormlyMatMultiCheckboxModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatMultiCheckboxModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatMultiCheckboxModule,
+			declarations: [FormlyFieldMultiCheckbox],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatCheckboxModule,
+				FormlyMatFormFieldModule,
+				FormlySelectModule,
+				i2.FormlyModule
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatMultiCheckboxModule,
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatCheckboxModule,
+				FormlyMatFormFieldModule,
+				FormlySelectModule,
+				FormlyModule.forChild(withFormlyFieldMultiCheckbox())
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyMatMultiCheckboxModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [FormlyFieldMultiCheckbox],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatCheckboxModule,
+				FormlyMatFormFieldModule,
+				FormlySelectModule,
+				FormlyModule.forChild(withFormlyFieldMultiCheckbox())
+			]
+		}]
+	}]
+});
 export { FormlyFieldMultiCheckbox, FormlyMatMultiCheckboxModule, withFormlyFieldMultiCheckbox };
-//# sourceMappingURL=ngx-formly-material-multicheckbox.mjs.map
+
+//# sourceMappingURL=ngx-formly-material-multicheckbox.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-formly-material-multicheckbox.mjs","sources":["../../../../src/ui/material/multicheckbox/src/multicheckbox.type.ts","../../../../src/ui/material/multicheckbox/src/multicheckbox.config.ts","../../../../src/ui/material/multicheckbox/src/multicheckbox.module.ts","../../../../src/ui/material/multicheckbox/src/ngx-formly-material-multicheckbox.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewChildren, QueryList, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\n\ninterface MultiCheckboxProps extends FormlyFieldProps {\n  labelPosition?: 'before' | 'after';\n}\n\nexport interface FormlyMultiCheckboxFieldConfig extends FormlyFieldConfig<MultiCheckboxProps> {\n  type: 'multicheckbox' | Type<FormlyFieldMultiCheckbox>;\n}\n\n@Component({\n  selector: 'formly-field-mat-multicheckbox',\n  template: `\n    @for (option of props.options | formlySelectOptions: field | async; track $index; let i = $index) {\n      <mat-checkbox\n        [id]=\"id + '_' + i\"\n        [formlyAttributes]=\"field\"\n        [tabIndex]=\"props.tabindex\"\n        [color]=\"props.color\"\n        [labelPosition]=\"props.labelPosition\"\n        [checked]=\"isChecked(option)\"\n        [disabled]=\"formControl.disabled || option.disabled\"\n        (change)=\"onChange(option.value, $event.checked)\"\n      >\n        {{ option.label }}\n      </mat-checkbox>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[id]': 'id',\n  },\n  standalone: false,\n})\nexport class FormlyFieldMultiCheckbox extends FieldType<FieldTypeConfig<MultiCheckboxProps>> {\n  @ViewChildren(MatCheckbox) checkboxes!: QueryList<MatCheckbox>;\n\n  override defaultOptions = {\n    props: {\n      hideFieldUnderline: true,\n      floatLabel: 'always' as const,\n      color: 'accent' as const, // workaround for https://github.com/angular/components/issues/18465\n    },\n  };\n\n  onChange(value: any, checked: boolean) {\n    this.formControl.markAsDirty();\n    if (this.props.type === 'array') {\n      this.formControl.patchValue(\n        checked\n          ? [...(this.formControl.value || []), value]\n          : [...(this.formControl.value || [])].filter((o) => o !== value),\n      );\n    } else {\n      this.formControl.patchValue({ ...this.formControl.value, [value]: checked });\n    }\n    this.formControl.markAsTouched();\n  }\n\n  // TODO: find a solution to prevent scroll on focus\n  override onContainerClick() {}\n\n  isChecked(option: any) {\n    const value = this.formControl.value;\n\n    return value && (this.props.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);\n  }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldMultiCheckbox } from './multicheckbox.type';\n\nexport function withFormlyFieldMultiCheckbox(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'multicheckbox',\n        component: FormlyFieldMultiCheckbox,\n        wrappers: ['form-field'],\n      },\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { FormlySelectModule } from '@ngx-formly/core/select';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\nimport { FormlyFieldMultiCheckbox } from './multicheckbox.type';\nimport { withFormlyFieldMultiCheckbox } from './multicheckbox.config';\n\n@NgModule({\n  declarations: [FormlyFieldMultiCheckbox],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    MatCheckboxModule,\n\n    FormlyMatFormFieldModule,\n    FormlySelectModule,\n    FormlyModule.forChild(withFormlyFieldMultiCheckbox()),\n  ],\n})\nexport class FormlyMatMultiCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":";;;;;;;;;;;;;AAqCM,MAAO,wBAAyB,SAAQ,SAA8C,CAAA;AAxB5F,IAAA,WAAA,GAAA;;AA2BW,QAAA,IAAA,CAAA,cAAc,GAAG;AACxB,YAAA,KAAK,EAAE;AACL,gBAAA,kBAAkB,EAAE,IAAI;AACxB,gBAAA,UAAU,EAAE,QAAiB;gBAC7B,KAAK,EAAE,QAAiB;AACzB,aAAA;SACF;AAwBF,IAAA;IAtBC,QAAQ,CAAC,KAAU,EAAE,OAAgB,EAAA;AACnC,QAAA,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;AAC/B,YAAA,IAAI,CAAC,WAAW,CAAC,UAAU,CACzB;AACE,kBAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,KAAK;kBACzC,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CACnE;QACH;aAAO;YACL,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,OAAO,EAAE,CAAC;QAC9E;AACA,QAAA,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;IAClC;;AAGS,IAAA,gBAAgB,KAAI;AAE7B,IAAA,SAAS,CAAC,MAAW,EAAA;AACnB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK;AAEpC,QAAA,OAAO,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1G;+GAhCW,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAxB,wBAAwB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EACrB,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvBf;;;;;;;;;;;;;;;AAeT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,6BAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAOU,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAxBpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gCAAgC;AAC1C,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;AAeT,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,MAAM,EAAE,IAAI;AACb,qBAAA;AACD,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;sBAEE,YAAY;uBAAC,WAAW;;;SCnCX,4BAA4B,GAAA;IAC1C,OAAO;AACL,QAAA,KAAK,EAAE;AACL,YAAA;AACE,gBAAA,IAAI,EAAE,eAAe;AACrB,gBAAA,SAAS,EAAE,wBAAwB;gBACnC,QAAQ,EAAE,CAAC,YAAY,CAAC;AACzB,aAAA;AACF,SAAA;KACF;AACH;;MCWa,4BAA4B,CAAA;+GAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAA5B,4BAA4B,EAAA,YAAA,EAAA,CAZxB,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAErC,YAAY;YACZ,mBAAmB;YAEnB,iBAAiB;YAEjB,wBAAwB;YACxB,kBAAkB,EAAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA;AAIT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,YAVrC,YAAY;YACZ,mBAAmB;YAEnB,iBAAiB;YAEjB,wBAAwB;YACxB,kBAAkB;AAClB,YAAA,YAAY,CAAC,QAAQ,CAAC,4BAA4B,EAAE,CAAC,CAAA,EAAA,CAAA,CAAA;;4FAG5C,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAbxC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;AACxC,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBAEnB,iBAAiB;wBAEjB,wBAAwB;wBACxB,kBAAkB;AAClB,wBAAA,YAAY,CAAC,QAAQ,CAAC,4BAA4B,EAAE,CAAC;AACtD,qBAAA;AACF,iBAAA;;;ACvBD;;AAEG;;;;"}
+{"version":3,"file":"ngx-formly-material-multicheckbox.mjs","names":[],"sources":["../../../../src/ui/material/multicheckbox/src/multicheckbox.type.ts","../../../../src/ui/material/multicheckbox/src/multicheckbox.config.ts","../../../../src/ui/material/multicheckbox/src/multicheckbox.module.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewChildren, QueryList, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\n\ninterface MultiCheckboxProps extends FormlyFieldProps {\n  labelPosition?: 'before' | 'after';\n}\n\nexport interface FormlyMultiCheckboxFieldConfig extends FormlyFieldConfig<MultiCheckboxProps> {\n  type: 'multicheckbox' | Type<FormlyFieldMultiCheckbox>;\n}\n\n@Component({\n  selector: 'formly-field-mat-multicheckbox',\n  template: `\n    @for (option of props.options | formlySelectOptions: field | async; track $index; let i = $index) {\n      <mat-checkbox\n        [id]=\"id + '_' + i\"\n        [formlyAttributes]=\"field\"\n        [tabIndex]=\"props.tabindex\"\n        [color]=\"props.color\"\n        [labelPosition]=\"props.labelPosition\"\n        [checked]=\"isChecked(option)\"\n        [disabled]=\"formControl.disabled || option.disabled\"\n        (change)=\"onChange(option.value, $event.checked)\"\n      >\n        {{ option.label }}\n      </mat-checkbox>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[id]': 'id',\n  },\n  standalone: false,\n})\nexport class FormlyFieldMultiCheckbox extends FieldType<FieldTypeConfig<MultiCheckboxProps>> {\n  @ViewChildren(MatCheckbox) checkboxes!: QueryList<MatCheckbox>;\n\n  override defaultOptions = {\n    props: {\n      hideFieldUnderline: true,\n      floatLabel: 'always' as const,\n      color: 'accent' as const, // workaround for https://github.com/angular/components/issues/18465\n    },\n  };\n\n  onChange(value: any, checked: boolean) {\n    this.formControl.markAsDirty();\n    if (this.props.type === 'array') {\n      this.formControl.patchValue(\n        checked\n          ? [...(this.formControl.value || []), value]\n          : [...(this.formControl.value || [])].filter((o) => o !== value),\n      );\n    } else {\n      this.formControl.patchValue({ ...this.formControl.value, [value]: checked });\n    }\n    this.formControl.markAsTouched();\n  }\n\n  // TODO: find a solution to prevent scroll on focus\n  override onContainerClick() {}\n\n  isChecked(option: any) {\n    const value = this.formControl.value;\n\n    return value && (this.props.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);\n  }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldMultiCheckbox } from './multicheckbox.type';\n\nexport function withFormlyFieldMultiCheckbox(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'multicheckbox',\n        component: FormlyFieldMultiCheckbox,\n        wrappers: ['form-field'],\n      },\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { FormlySelectModule } from '@ngx-formly/core/select';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\nimport { FormlyFieldMultiCheckbox } from './multicheckbox.type';\nimport { withFormlyFieldMultiCheckbox } from './multicheckbox.config';\n\n@NgModule({\n  declarations: [FormlyFieldMultiCheckbox],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    MatCheckboxModule,\n\n    FormlyMatFormFieldModule,\n    FormlySelectModule,\n    FormlyModule.forChild(withFormlyFieldMultiCheckbox()),\n  ],\n})\nexport class FormlyMatMultiCheckboxModule {}\n"],"mappings":"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"}