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

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

@@ -1,28 +1,43 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
-import * as i1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import * as i2 from '@angular/material/slider';
-import { MatSliderModule } from '@angular/material/slider';
-import * as i3 from '@ngx-formly/core';
-import { FormlyModule } from '@ngx-formly/core';
-import { CommonModule } from '@angular/common';
-import { MatRippleModule } from '@angular/material/core';
-
-class FormlyFieldSlider extends FieldType {
-    constructor() {
-        super(...arguments);
-        this.defaultOptions = {
-            props: {
-                hideFieldUnderline: true,
-                floatLabel: 'always',
-                displayWith: (value) => `${value}`,
-            },
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldSlider, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: FormlyFieldSlider, isStandalone: false, selector: "formly-field-mat-slider", usesInheritance: true, ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, NgModule } from "@angular/core";
+import { FieldType, FormlyMatFormFieldModule } from "@ngx-formly/material/form-field";
+import * as i1 from "@angular/forms";
+import { ReactiveFormsModule } from "@angular/forms";
+import * as i2 from "@angular/material/slider";
+import { MatSliderModule } from "@angular/material/slider";
+import * as i3 from "@ngx-formly/core";
+import { FormlyModule } from "@ngx-formly/core";
+import { CommonModule } from "@angular/common";
+import { MatRippleModule } from "@angular/material/core";
+var FormlyFieldSlider = class FormlyFieldSlider extends FieldType {
+	constructor() {
+		super(...arguments);
+		this.defaultOptions = { props: {
+			hideFieldUnderline: true,
+			floatLabel: "always",
+			displayWith: (value) => `${value}`
+		} };
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyFieldSlider,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: FormlyFieldSlider,
+			isStandalone: false,
+			selector: "formly-field-mat-slider",
+			usesInheritance: true,
+			ngImport: i0,
+			template: `
     <mat-slider
       [id]="id"
       [style.width]="'100%'"
@@ -32,22 +47,89 @@ class FormlyFieldSlider extends FieldType {
       [displayWith]="props.displayWith"
       [max]="props.max"
       [min]="props.min"
-      [step]="props.step"
+      [step]="props.step === 'any' ? 1 : props.step"
       [discrete]="props.discrete"
       [showTickMarks]="props.showTickMarks"
-      [step]="props.step"
+      [step]="props.step === 'any' ? 1 : props.step"
       (input)="props.input && props.input(field, $event)"
       (change)="props.change && props.change(field, $event)"
     >
       <input matSliderThumb [formControl]="formControl" [formlyAttributes]="field" />
     </mat-slider>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: i2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldSlider, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'formly-field-mat-slider',
-                    template: `
+  `,
+			isInline: true,
+			dependencies: [
+				{
+					kind: "directive",
+					type: i1.DefaultValueAccessor,
+					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+				},
+				{
+					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: i2.MatSlider,
+					selector: "mat-slider",
+					inputs: [
+						"disabled",
+						"discrete",
+						"showTickMarks",
+						"min",
+						"color",
+						"disableRipple",
+						"max",
+						"step",
+						"displayWith"
+					],
+					exportAs: ["matSlider"]
+				},
+				{
+					kind: "directive",
+					type: i2.MatSliderThumb,
+					selector: "input[matSliderThumb]",
+					inputs: ["value"],
+					outputs: [
+						"valueChange",
+						"dragStart",
+						"dragEnd"
+					],
+					exportAs: ["matSliderThumb"]
+				},
+				{
+					kind: "directive",
+					type: i3.LegacyFormlyAttributes,
+					selector: "[formlyAttributes]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyFieldSlider,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "formly-field-mat-slider",
+			template: `
     <mat-slider
       [id]="id"
       [style.width]="'100%'"
@@ -57,65 +139,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
       [displayWith]="props.displayWith"
       [max]="props.max"
       [min]="props.min"
-      [step]="props.step"
+      [step]="props.step === 'any' ? 1 : props.step"
       [discrete]="props.discrete"
       [showTickMarks]="props.showTickMarks"
-      [step]="props.step"
+      [step]="props.step === 'any' ? 1 : props.step"
       (input)="props.input && props.input(field, $event)"
       (change)="props.change && props.change(field, $event)"
     >
       <input matSliderThumb [formControl]="formControl" [formlyAttributes]="field" />
     </mat-slider>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: false,
-                }]
-        }] });
-
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false
+		}]
+	}]
+});
 function withFormlyFieldSlider() {
-    return {
-        types: [
-            {
-                name: 'slider',
-                component: FormlyFieldSlider,
-                wrappers: ['form-field'],
-            },
-        ],
-    };
+	return { types: [{
+		name: "slider",
+		component: FormlyFieldSlider,
+		wrappers: ["form-field"]
+	}] };
 }
-
-class FormlyMatSliderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSliderModule, declarations: [FormlyFieldSlider], imports: [CommonModule,
-            MatRippleModule,
-            ReactiveFormsModule,
-            MatSliderModule,
-            FormlyMatFormFieldModule, i3.FormlyModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSliderModule, imports: [CommonModule,
-            MatRippleModule,
-            ReactiveFormsModule,
-            MatSliderModule,
-            FormlyMatFormFieldModule,
-            FormlyModule.forChild(withFormlyFieldSlider())] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSliderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FormlyFieldSlider],
-                    imports: [
-                        CommonModule,
-                        MatRippleModule,
-                        ReactiveFormsModule,
-                        MatSliderModule,
-                        FormlyMatFormFieldModule,
-                        FormlyModule.forChild(withFormlyFieldSlider()),
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var FormlyMatSliderModule = class FormlyMatSliderModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatSliderModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatSliderModule,
+			declarations: [FormlyFieldSlider],
+			imports: [
+				CommonModule,
+				MatRippleModule,
+				ReactiveFormsModule,
+				MatSliderModule,
+				FormlyMatFormFieldModule,
+				i3.FormlyModule
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatSliderModule,
+			imports: [
+				CommonModule,
+				MatRippleModule,
+				ReactiveFormsModule,
+				MatSliderModule,
+				FormlyMatFormFieldModule,
+				FormlyModule.forChild(withFormlyFieldSlider())
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyMatSliderModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [FormlyFieldSlider],
+			imports: [
+				CommonModule,
+				MatRippleModule,
+				ReactiveFormsModule,
+				MatSliderModule,
+				FormlyMatFormFieldModule,
+				FormlyModule.forChild(withFormlyFieldSlider())
+			]
+		}]
+	}]
+});
 export { FormlyFieldSlider, FormlyMatSliderModule, withFormlyFieldSlider };
-//# sourceMappingURL=ngx-formly-material-slider.mjs.map
+
+//# sourceMappingURL=ngx-formly-material-slider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-formly-material-slider.mjs","sources":["../../../../src/ui/material/slider/src/slider.type.ts","../../../../src/ui/material/slider/src/slider.config.ts","../../../../src/ui/material/slider/src/slider.module.ts","../../../../src/ui/material/slider/src/ngx-formly-material-slider.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\n\ninterface SliderProps extends FormlyFieldProps {\n  displayWith?: (value: number) => string;\n  discrete?: boolean;\n  showTickMarks?: boolean;\n\n  input?: (field: FormlyFieldConfig<SliderProps>, $event: Event) => void;\n  change?: (field: FormlyFieldConfig<SliderProps>, $event: Event) => void;\n}\n\nexport interface FormlySliderFieldConfig extends FormlyFieldConfig<SliderProps> {\n  type: 'slider' | Type<FormlyFieldSlider>;\n}\n\n@Component({\n  selector: 'formly-field-mat-slider',\n  template: `\n    <mat-slider\n      [id]=\"id\"\n      [style.width]=\"'100%'\"\n      [formlyAttributes]=\"field\"\n      [tabIndex]=\"props.tabindex\"\n      [color]=\"props.color\"\n      [displayWith]=\"props.displayWith\"\n      [max]=\"props.max\"\n      [min]=\"props.min\"\n      [step]=\"props.step\"\n      [discrete]=\"props.discrete\"\n      [showTickMarks]=\"props.showTickMarks\"\n      [step]=\"props.step\"\n      (input)=\"props.input && props.input(field, $event)\"\n      (change)=\"props.change && props.change(field, $event)\"\n    >\n      <input matSliderThumb [formControl]=\"formControl\" [formlyAttributes]=\"field\" />\n    </mat-slider>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class FormlyFieldSlider extends FieldType<FieldTypeConfig<SliderProps>> {\n  override defaultOptions = {\n    props: {\n      hideFieldUnderline: true,\n      floatLabel: 'always' as const,\n      displayWith: (value: number) => `${value}`,\n    },\n  };\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldSlider } from './slider.type';\n\nexport function withFormlyFieldSlider(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'slider',\n        component: FormlyFieldSlider,\n        wrappers: ['form-field'],\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';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatRippleModule } from '@angular/material/core';\nimport { FormlyFieldSlider } from './slider.type';\nimport { withFormlyFieldSlider } from './slider.config';\n\n@NgModule({\n  declarations: [FormlyFieldSlider],\n  imports: [\n    CommonModule,\n    MatRippleModule,\n    ReactiveFormsModule,\n    MatSliderModule,\n    FormlyMatFormFieldModule,\n    FormlyModule.forChild(withFormlyFieldSlider()),\n  ],\n})\nexport class FormlyMatSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":";;;;;;;;;;;;AA0CM,MAAO,iBAAkB,SAAQ,SAAuC,CAAA;AAzB9E,IAAA,WAAA,GAAA;;AA0BW,QAAA,IAAA,CAAA,cAAc,GAAG;AACxB,YAAA,KAAK,EAAE;AACL,gBAAA,kBAAkB,EAAE,IAAI;AACxB,gBAAA,UAAU,EAAE,QAAiB;gBAC7B,WAAW,EAAE,CAAC,KAAa,KAAK,CAAA,EAAG,KAAK,CAAA,CAAE;AAC3C,aAAA;SACF;AACF,IAAA;+GARY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvBlB;;;;;;;;;;;;;;;;;;;AAmBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,eAAA,EAAA,KAAA,EAAA,OAAA,EAAA,eAAA,EAAA,KAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,WAAA,EAAA,SAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAIU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAzB7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;AAmBT,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;;SCtCe,qBAAqB,GAAA;IACnC,OAAO;AACL,QAAA,KAAK,EAAE;AACL,YAAA;AACE,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,SAAS,EAAE,iBAAiB;gBAC5B,QAAQ,EAAE,CAAC,YAAY,CAAC;AACzB,aAAA;AACF,SAAA;KACF;AACH;;MCQa,qBAAqB,CAAA;+GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAArB,qBAAqB,EAAA,YAAA,EAAA,CAVjB,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAE9B,YAAY;YACZ,eAAe;YACf,mBAAmB;YACnB,eAAe;YACf,wBAAwB,EAAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA;AAIf,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,qBAAqB,YAR9B,YAAY;YACZ,eAAe;YACf,mBAAmB;YACnB,eAAe;YACf,wBAAwB;AACxB,YAAA,YAAY,CAAC,QAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAA,EAAA,CAAA,CAAA;;4FAGrC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;AACjC,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,eAAe;wBACf,mBAAmB;wBACnB,eAAe;wBACf,wBAAwB;AACxB,wBAAA,YAAY,CAAC,QAAQ,CAAC,qBAAqB,EAAE,CAAC;AAC/C,qBAAA;AACF,iBAAA;;;ACpBD;;AAEG;;;;"}
+{"version":3,"file":"ngx-formly-material-slider.mjs","names":[],"sources":["../../../../src/ui/material/slider/src/slider.type.ts","../../../../src/ui/material/slider/src/slider.config.ts","../../../../src/ui/material/slider/src/slider.module.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\n\ninterface SliderProps extends FormlyFieldProps {\n  displayWith?: (value: number) => string;\n  discrete?: boolean;\n  showTickMarks?: boolean;\n\n  input?: (field: FormlyFieldConfig<SliderProps>, $event: Event) => void;\n  change?: (field: FormlyFieldConfig<SliderProps>, $event: Event) => void;\n}\n\nexport interface FormlySliderFieldConfig extends FormlyFieldConfig<SliderProps> {\n  type: 'slider' | Type<FormlyFieldSlider>;\n}\n\n@Component({\n  selector: 'formly-field-mat-slider',\n  template: `\n    <mat-slider\n      [id]=\"id\"\n      [style.width]=\"'100%'\"\n      [formlyAttributes]=\"field\"\n      [tabIndex]=\"props.tabindex\"\n      [color]=\"props.color\"\n      [displayWith]=\"props.displayWith\"\n      [max]=\"props.max\"\n      [min]=\"props.min\"\n      [step]=\"props.step === 'any' ? 1 : props.step\"\n      [discrete]=\"props.discrete\"\n      [showTickMarks]=\"props.showTickMarks\"\n      [step]=\"props.step === 'any' ? 1 : props.step\"\n      (input)=\"props.input && props.input(field, $event)\"\n      (change)=\"props.change && props.change(field, $event)\"\n    >\n      <input matSliderThumb [formControl]=\"formControl\" [formlyAttributes]=\"field\" />\n    </mat-slider>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class FormlyFieldSlider extends FieldType<FieldTypeConfig<SliderProps>> {\n  override defaultOptions = {\n    props: {\n      hideFieldUnderline: true,\n      floatLabel: 'always' as const,\n      displayWith: (value: number) => `${value}`,\n    },\n  };\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldSlider } from './slider.type';\n\nexport function withFormlyFieldSlider(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'slider',\n        component: FormlyFieldSlider,\n        wrappers: ['form-field'],\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';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatRippleModule } from '@angular/material/core';\nimport { FormlyFieldSlider } from './slider.type';\nimport { withFormlyFieldSlider } from './slider.config';\n\n@NgModule({\n  declarations: [FormlyFieldSlider],\n  imports: [\n    CommonModule,\n    MatRippleModule,\n    ReactiveFormsModule,\n    MatSliderModule,\n    FormlyMatFormFieldModule,\n    FormlyModule.forChild(withFormlyFieldSlider()),\n  ],\n})\nexport class FormlyMatSliderModule {}\n"],"mappings":";;;;;;;;;;;AA0CA,IAAa,oBAAb,MAAa,0BAA0B,UAAuC;CAzB9E,cAAA;;EA0BW,KAAA,iBAAiB,EACxB,OAAO;GACL,oBAAoB;GACpB,YAAY;GACZ,cAAc,UAAkB,GAAG;EACpC,EACF;CACF;CARY;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAiB,MAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAjB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAiB,cAAA;GAAA,UAAA;GAAA,iBAAA;GAAA,UAAA;GAAA,UAvBlB;;;;;;;;;;;;;;;;;;;;GAmBT,UAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;IAAA;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;KAAA;KAAA,UAAA,CAAA,WAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA,CAAA,OAAA;KAAA,SAAA;MAAA;MAAA;MAAA;KAAA;KAAA,UAAA,CAAA,gBAAA;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;CAAiB,YAAA,CAAA;EAzB7B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;;;;;;;;;;;;;;;;;;;;GAoBV,iBAAiB,wBAAwB;GACzC,YAAY;EACb,CAAA;;;ACtCD,SAAgB,wBAAqB;CACnC,OAAO,EACL,OAAO,CACL;EACE,MAAM;EACN,WAAW;EACX,UAAU,CAAC,YAAY;CACxB,CACF,EACF;AACH;ACQA,IAAa,wBAAb,MAAa,sBAAqB;CAArB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAqB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAArB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAqB,cAAA,CAVjB,iBAAiB;GAAA,SAAA;IAE9B;IACA;IACA;IACA;IACA;IAAwB,GAAA;GAAA;EAAA,CAAA;CAAA;CAIf;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAqB,SAAA;IAR9B;IACA;IACA;IACA;IACA;IACA,aAAa,SAAS,sBAAqB,CAAE;GAAC;EAAA,CAAA;CAAA;;AAGrC,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EAXjC,MAAA;EAAS,MAAA,CAAA;GACR,cAAc,CAAC,iBAAiB;GAChC,SAAS;IACP;IACA;IACA;IACA;IACA;IACA,aAAa,SAAS,sBAAqB,CAAE;GAC9C;EACF,CAAA"}

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

@@ -1,31 +1,46 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
-import * as i2 from '@angular/material/input';
-import { MAT_INPUT_VALUE_ACCESSOR, MatInputModule } from '@angular/material/input';
-import * as i1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@angular/cdk/text-field';
-import * as i4 from '@ngx-formly/core';
-import { FormlyModule } from '@ngx-formly/core';
-import { CommonModule } from '@angular/common';
-
-class FormlyFieldTextArea extends FieldType {
-    constructor() {
-        super(...arguments);
-        this.defaultOptions = {
-            props: {
-                cols: 1,
-                rows: 1,
-            },
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: FormlyFieldTextArea, isStandalone: false, selector: "formly-field-mat-textarea", providers: [
-            // fix for https://github.com/ngx-formly/ngx-formly/issues/1688
-            // rely on formControl value instead of elementRef which return empty value in Firefox.
-            { provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: FormlyFieldTextArea },
-        ], usesInheritance: true, ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, NgModule } from "@angular/core";
+import { FieldType, FormlyMatFormFieldModule } from "@ngx-formly/material/form-field";
+import * as i2 from "@angular/material/input";
+import { MAT_INPUT_VALUE_ACCESSOR, MatInputModule } from "@angular/material/input";
+import * as i1 from "@angular/forms";
+import { ReactiveFormsModule } from "@angular/forms";
+import * as i3 from "@angular/cdk/text-field";
+import * as i4 from "@ngx-formly/core";
+import { FormlyModule } from "@ngx-formly/core";
+import { CommonModule } from "@angular/common";
+var FormlyFieldTextArea = class FormlyFieldTextArea extends FieldType {
+	constructor() {
+		super(...arguments);
+		this.defaultOptions = { props: {
+			cols: 1,
+			rows: 1
+		} };
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyFieldTextArea,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: FormlyFieldTextArea,
+			isStandalone: false,
+			selector: "formly-field-mat-textarea",
+			providers: [{
+				provide: MAT_INPUT_VALUE_ACCESSOR,
+				useExisting: FormlyFieldTextArea
+			}],
+			usesInheritance: true,
+			ngImport: i0,
+			template: `
     <textarea
       matInput
       [id]="id"
@@ -44,13 +59,88 @@ class FormlyFieldTextArea extends FieldType {
       [cdkAutosizeMaxRows]="props.autosizeMaxRows"
       [class.cdk-textarea-autosize]="props.autosize"
     ></textarea>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i3.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i4.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldTextArea, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'formly-field-mat-textarea',
-                    template: `
+  `,
+			isInline: true,
+			dependencies: [
+				{
+					kind: "directive",
+					type: i1.DefaultValueAccessor,
+					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.RequiredValidator,
+					selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+					inputs: ["required"]
+				},
+				{
+					kind: "directive",
+					type: i1.FormControlDirective,
+					selector: "[formControl]",
+					inputs: [
+						"formControl",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "directive",
+					type: i2.MatInput,
+					selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+					inputs: [
+						"disabled",
+						"id",
+						"placeholder",
+						"name",
+						"required",
+						"type",
+						"errorStateMatcher",
+						"aria-describedby",
+						"value",
+						"readonly",
+						"disabledInteractive"
+					],
+					exportAs: ["matInput"]
+				},
+				{
+					kind: "directive",
+					type: i3.CdkTextareaAutosize,
+					selector: "textarea[cdkTextareaAutosize]",
+					inputs: [
+						"cdkAutosizeMinRows",
+						"cdkAutosizeMaxRows",
+						"cdkTextareaAutosize",
+						"placeholder"
+					],
+					exportAs: ["cdkTextareaAutosize"]
+				},
+				{
+					kind: "directive",
+					type: i4.LegacyFormlyAttributes,
+					selector: "[formlyAttributes]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyFieldTextArea,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "formly-field-mat-textarea",
+			template: `
     <textarea
       matInput
       [id]="id"
@@ -70,57 +160,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
       [class.cdk-textarea-autosize]="props.autosize"
     ></textarea>
   `,
-                    providers: [
-                        // fix for https://github.com/ngx-formly/ngx-formly/issues/1688
-                        // rely on formControl value instead of elementRef which return empty value in Firefox.
-                        { provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: FormlyFieldTextArea },
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: false,
-                }]
-        }] });
-
+			providers: [{
+				provide: MAT_INPUT_VALUE_ACCESSOR,
+				useExisting: FormlyFieldTextArea
+			}],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false
+		}]
+	}]
+});
 function withFormlyFieldTextArea() {
-    return {
-        types: [
-            {
-                name: 'textarea',
-                component: FormlyFieldTextArea,
-                wrappers: ['form-field'],
-            },
-        ],
-    };
+	return { types: [{
+		name: "textarea",
+		component: FormlyFieldTextArea,
+		wrappers: ["form-field"]
+	}] };
 }
-
-class FormlyMatTextAreaModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatTextAreaModule, declarations: [FormlyFieldTextArea], imports: [CommonModule,
-            ReactiveFormsModule,
-            MatInputModule,
-            FormlyMatFormFieldModule, i4.FormlyModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatTextAreaModule, imports: [CommonModule,
-            ReactiveFormsModule,
-            MatInputModule,
-            FormlyMatFormFieldModule,
-            FormlyModule.forChild(withFormlyFieldTextArea())] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatTextAreaModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FormlyFieldTextArea],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        MatInputModule,
-                        FormlyMatFormFieldModule,
-                        FormlyModule.forChild(withFormlyFieldTextArea()),
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var FormlyMatTextAreaModule = class FormlyMatTextAreaModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatTextAreaModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatTextAreaModule,
+			declarations: [FormlyFieldTextArea],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatInputModule,
+				FormlyMatFormFieldModule,
+				i4.FormlyModule
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatTextAreaModule,
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatInputModule,
+				FormlyMatFormFieldModule,
+				FormlyModule.forChild(withFormlyFieldTextArea())
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyMatTextAreaModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [FormlyFieldTextArea],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatInputModule,
+				FormlyMatFormFieldModule,
+				FormlyModule.forChild(withFormlyFieldTextArea())
+			]
+		}]
+	}]
+});
 export { FormlyFieldTextArea, FormlyMatTextAreaModule, withFormlyFieldTextArea };
-//# sourceMappingURL=ngx-formly-material-textarea.mjs.map
+
+//# sourceMappingURL=ngx-formly-material-textarea.mjs.map