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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/README.md +107 -177
  2. package/fesm2022/ngx-formly-material-checkbox.mjs +234 -127
  3. package/fesm2022/ngx-formly-material-checkbox.mjs.map +1 -1
  4. package/fesm2022/ngx-formly-material-datepicker.mjs +264 -118
  5. package/fesm2022/ngx-formly-material-datepicker.mjs.map +1 -1
  6. package/fesm2022/ngx-formly-material-form-field.mjs +440 -226
  7. package/fesm2022/ngx-formly-material-form-field.mjs.map +1 -1
  8. package/fesm2022/ngx-formly-material-input.mjs +199 -89
  9. package/fesm2022/ngx-formly-material-input.mjs.map +1 -1
  10. package/fesm2022/ngx-formly-material-multicheckbox.mjs +203 -106
  11. package/fesm2022/ngx-formly-material-multicheckbox.mjs.map +1 -1
  12. package/fesm2022/ngx-formly-material-native-select.mjs +204 -73
  13. package/fesm2022/ngx-formly-material-native-select.mjs.map +1 -1
  14. package/fesm2022/ngx-formly-material-radio.mjs +247 -104
  15. package/fesm2022/ngx-formly-material-radio.mjs.map +1 -1
  16. package/fesm2022/ngx-formly-material-select.mjs +318 -133
  17. package/fesm2022/ngx-formly-material-select.mjs.map +1 -1
  18. package/fesm2022/ngx-formly-material-slider.mjs +195 -85
  19. package/fesm2022/ngx-formly-material-slider.mjs.map +1 -1
  20. package/fesm2022/ngx-formly-material-textarea.mjs +203 -86
  21. package/fesm2022/ngx-formly-material-textarea.mjs.map +1 -1
  22. package/fesm2022/ngx-formly-material-toggle.mjs +208 -86
  23. package/fesm2022/ngx-formly-material-toggle.mjs.map +1 -1
  24. package/fesm2022/ngx-formly-material.mjs +84 -62
  25. package/fesm2022/ngx-formly-material.mjs.map +1 -1
  26. package/package.json +3 -3
  27. package/types/ngx-formly-material-checkbox.d.ts +41 -46
  28. package/types/ngx-formly-material-datepicker.d.ts +62 -67
  29. package/types/ngx-formly-material-form-field.d.ts +71 -77
  30. package/types/ngx-formly-material-input.d.ts +22 -28
  31. package/types/ngx-formly-material-multicheckbox.d.ts +33 -38
  32. package/types/ngx-formly-material-native-select.d.ts +23 -29
  33. package/types/ngx-formly-material-radio.d.ts +34 -39
  34. package/types/ngx-formly-material-select.d.ts +45 -48
  35. package/types/ngx-formly-material-slider.d.ts +32 -37
  36. package/types/ngx-formly-material-textarea.d.ts +28 -33
  37. package/types/ngx-formly-material-toggle.d.ts +30 -35
  38. package/types/ngx-formly-material.d.ts +16 -19
@@ -1 +1 @@
1
- {"version":3,"file":"ngx-formly-material-textarea.mjs","sources":["../../../../src/ui/material/textarea/src/textarea.type.ts","../../../../src/ui/material/textarea/src/textarea.config.ts","../../../../src/ui/material/textarea/src/textarea.module.ts","../../../../src/ui/material/textarea/src/ngx-formly-material-textarea.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';\nimport { MAT_INPUT_VALUE_ACCESSOR } from '@angular/material/input';\n\ninterface TextAreaProps extends FormlyFieldProps {\n autosize?: boolean;\n autosizeMinRows?: number;\n autosizeMaxRows?: number;\n}\n\nexport interface FormlyTextAreaFieldConfig extends FormlyFieldConfig<TextAreaProps> {\n type: 'textarea' | Type<FormlyFieldTextArea>;\n}\n\n@Component({\n selector: 'formly-field-mat-textarea',\n template: `\n <textarea\n matInput\n [id]=\"id\"\n [name]=\"field.name\"\n [readonly]=\"props.readonly\"\n [required]=\"required\"\n [formControl]=\"formControl\"\n [errorStateMatcher]=\"errorStateMatcher\"\n [cols]=\"props.cols\"\n [rows]=\"props.rows\"\n [formlyAttributes]=\"field\"\n [placeholder]=\"props.placeholder\"\n [tabindex]=\"props.tabindex\"\n [cdkTextareaAutosize]=\"props.autosize\"\n [cdkAutosizeMinRows]=\"props.autosizeMinRows\"\n [cdkAutosizeMaxRows]=\"props.autosizeMaxRows\"\n [class.cdk-textarea-autosize]=\"props.autosize\"\n ></textarea>\n `,\n providers: [\n // fix for https://github.com/ngx-formly/ngx-formly/issues/1688\n // rely on formControl value instead of elementRef which return empty value in Firefox.\n { provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: FormlyFieldTextArea },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class FormlyFieldTextArea extends FieldType<FieldTypeConfig<TextAreaProps>> {\n override defaultOptions = {\n props: {\n cols: 1,\n rows: 1,\n },\n };\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldTextArea } from './textarea.type';\n\nexport function withFormlyFieldTextArea(): ConfigOption {\n return {\n types: [\n {\n name: 'textarea',\n component: FormlyFieldTextArea,\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';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { FormlyFieldTextArea } from './textarea.type';\nimport { withFormlyFieldTextArea } from './textarea.config';\n\n@NgModule({\n declarations: [FormlyFieldTextArea],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatInputModule,\n\n FormlyMatFormFieldModule,\n FormlyModule.forChild(withFormlyFieldTextArea()),\n ],\n})\nexport class FormlyMatTextAreaModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
1
+ {"version":3,"file":"ngx-formly-material-textarea.mjs","names":[],"sources":["../../../../src/ui/material/textarea/src/textarea.type.ts","../../../../src/ui/material/textarea/src/textarea.config.ts","../../../../src/ui/material/textarea/src/textarea.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';\nimport { MAT_INPUT_VALUE_ACCESSOR } from '@angular/material/input';\n\ninterface TextAreaProps extends FormlyFieldProps {\n autosize?: boolean;\n autosizeMinRows?: number;\n autosizeMaxRows?: number;\n}\n\nexport interface FormlyTextAreaFieldConfig extends FormlyFieldConfig<TextAreaProps> {\n type: 'textarea' | Type<FormlyFieldTextArea>;\n}\n\n@Component({\n selector: 'formly-field-mat-textarea',\n template: `\n <textarea\n matInput\n [id]=\"id\"\n [name]=\"field.name\"\n [readonly]=\"props.readonly\"\n [required]=\"required\"\n [formControl]=\"formControl\"\n [errorStateMatcher]=\"errorStateMatcher\"\n [cols]=\"props.cols\"\n [rows]=\"props.rows\"\n [formlyAttributes]=\"field\"\n [placeholder]=\"props.placeholder\"\n [tabindex]=\"props.tabindex\"\n [cdkTextareaAutosize]=\"props.autosize\"\n [cdkAutosizeMinRows]=\"props.autosizeMinRows\"\n [cdkAutosizeMaxRows]=\"props.autosizeMaxRows\"\n [class.cdk-textarea-autosize]=\"props.autosize\"\n ></textarea>\n `,\n providers: [\n // fix for https://github.com/ngx-formly/ngx-formly/issues/1688\n // rely on formControl value instead of elementRef which return empty value in Firefox.\n { provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: FormlyFieldTextArea },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class FormlyFieldTextArea extends FieldType<FieldTypeConfig<TextAreaProps>> {\n override defaultOptions = {\n props: {\n cols: 1,\n rows: 1,\n },\n };\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldTextArea } from './textarea.type';\n\nexport function withFormlyFieldTextArea(): ConfigOption {\n return {\n types: [\n {\n name: 'textarea',\n component: FormlyFieldTextArea,\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';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { FormlyFieldTextArea } from './textarea.type';\nimport { withFormlyFieldTextArea } from './textarea.config';\n\n@NgModule({\n declarations: [FormlyFieldTextArea],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatInputModule,\n\n FormlyMatFormFieldModule,\n FormlyModule.forChild(withFormlyFieldTextArea()),\n ],\n})\nexport class FormlyMatTextAreaModule {}\n"],"mappings":"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"}
@@ -1,31 +1,53 @@
1
- import * as i0 from '@angular/core';
2
- import { ViewChild, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
3
- import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
4
- import * as i2 from '@angular/material/slide-toggle';
5
- import { MatSlideToggle, MatSlideToggleModule } from '@angular/material/slide-toggle';
6
- import * as i1 from '@angular/forms';
7
- import { ReactiveFormsModule } from '@angular/forms';
8
- import * as i3 from '@ngx-formly/core';
9
- import { FormlyModule } from '@ngx-formly/core';
10
- import { CommonModule } from '@angular/common';
11
-
12
- class FormlyFieldToggle extends FieldType {
13
- constructor() {
14
- super(...arguments);
15
- this.defaultOptions = {
16
- props: {
17
- hideFieldUnderline: true,
18
- floatLabel: 'always',
19
- hideLabel: true,
20
- },
21
- };
22
- }
23
- onContainerClick(event) {
24
- this.slideToggle.focus();
25
- super.onContainerClick(event);
26
- }
27
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldToggle, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
28
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: FormlyFieldToggle, isStandalone: false, selector: "formly-field-mat-toggle", viewQueries: [{ propertyName: "slideToggle", first: true, predicate: MatSlideToggle, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
1
+ import * as i0 from "@angular/core";
2
+ import { ChangeDetectionStrategy, Component, NgModule, ViewChild } from "@angular/core";
3
+ import { FieldType, FormlyMatFormFieldModule } from "@ngx-formly/material/form-field";
4
+ import * as i2 from "@angular/material/slide-toggle";
5
+ import { MatSlideToggle, MatSlideToggleModule } from "@angular/material/slide-toggle";
6
+ import * as i1 from "@angular/forms";
7
+ import { ReactiveFormsModule } from "@angular/forms";
8
+ import * as i3 from "@ngx-formly/core";
9
+ import { FormlyModule } from "@ngx-formly/core";
10
+ import { CommonModule } from "@angular/common";
11
+ var FormlyFieldToggle = class FormlyFieldToggle extends FieldType {
12
+ constructor() {
13
+ super(...arguments);
14
+ this.defaultOptions = { props: {
15
+ hideFieldUnderline: true,
16
+ floatLabel: "always",
17
+ hideLabel: true
18
+ } };
19
+ }
20
+ onContainerClick(event) {
21
+ this.slideToggle.focus();
22
+ super.onContainerClick(event);
23
+ }
24
+ static {
25
+ this.ɵfac = i0.ɵɵngDeclareFactory({
26
+ minVersion: "12.0.0",
27
+ version: "22.2.2",
28
+ ngImport: i0,
29
+ type: FormlyFieldToggle,
30
+ deps: null,
31
+ target: i0.ɵɵFactoryTarget.Component
32
+ });
33
+ }
34
+ static {
35
+ this.ɵcmp = i0.ɵɵngDeclareComponent({
36
+ minVersion: "17.0.0",
37
+ version: "22.2.2",
38
+ type: FormlyFieldToggle,
39
+ isStandalone: false,
40
+ selector: "formly-field-mat-toggle",
41
+ viewQueries: [{
42
+ propertyName: "slideToggle",
43
+ first: true,
44
+ predicate: MatSlideToggle,
45
+ descendants: true,
46
+ static: true
47
+ }],
48
+ usesInheritance: true,
49
+ ngImport: i0,
50
+ template: `
29
51
  <mat-slide-toggle
30
52
  [id]="id"
31
53
  [name]="field.name"
@@ -36,15 +58,82 @@ class FormlyFieldToggle extends FieldType {
36
58
  [required]="required"
37
59
  [labelPosition]="props.labelPosition"
38
60
  >
39
- {{ props.label }}
61
+ @if (props.allowHtml) {
62
+ <span [innerHTML]="props.label"></span>
63
+ } @else {
64
+ {{ props.label }}
65
+ }
40
66
  </mat-slide-toggle>
41
- `, isInline: true, dependencies: [{ 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: "component", type: i2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i3.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
42
- }
43
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldToggle, decorators: [{
44
- type: Component,
45
- args: [{
46
- selector: 'formly-field-mat-toggle',
47
- template: `
67
+ `,
68
+ isInline: true,
69
+ dependencies: [
70
+ {
71
+ kind: "directive",
72
+ type: i1.NgControlStatus,
73
+ selector: "[formControlName],[ngModel],[formControl]"
74
+ },
75
+ {
76
+ kind: "directive",
77
+ type: i1.RequiredValidator,
78
+ selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
79
+ inputs: ["required"]
80
+ },
81
+ {
82
+ kind: "directive",
83
+ type: i1.FormControlDirective,
84
+ selector: "[formControl]",
85
+ inputs: [
86
+ "formControl",
87
+ "disabled",
88
+ "ngModel"
89
+ ],
90
+ outputs: ["ngModelChange"],
91
+ exportAs: ["ngForm"]
92
+ },
93
+ {
94
+ kind: "component",
95
+ type: i2.MatSlideToggle,
96
+ selector: "mat-slide-toggle",
97
+ inputs: [
98
+ "name",
99
+ "id",
100
+ "labelPosition",
101
+ "aria-label",
102
+ "aria-labelledby",
103
+ "aria-describedby",
104
+ "required",
105
+ "color",
106
+ "disabled",
107
+ "fullWidth",
108
+ "disableRipple",
109
+ "tabIndex",
110
+ "checked",
111
+ "hideIcon",
112
+ "disabledInteractive"
113
+ ],
114
+ outputs: ["change", "toggleChange"],
115
+ exportAs: ["matSlideToggle"]
116
+ },
117
+ {
118
+ kind: "directive",
119
+ type: i3.LegacyFormlyAttributes,
120
+ selector: "[formlyAttributes]"
121
+ }
122
+ ],
123
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
124
+ });
125
+ }
126
+ };
127
+ i0.ɵɵngDeclareClassMetadata({
128
+ minVersion: "12.0.0",
129
+ version: "22.2.2",
130
+ ngImport: i0,
131
+ type: FormlyFieldToggle,
132
+ decorators: [{
133
+ type: Component,
134
+ args: [{
135
+ selector: "formly-field-mat-toggle",
136
+ template: `
48
137
  <mat-slide-toggle
49
138
  [id]="id"
50
139
  [name]="field.name"
@@ -55,58 +144,91 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
55
144
  [required]="required"
56
145
  [labelPosition]="props.labelPosition"
57
146
  >
58
- {{ props.label }}
147
+ @if (props.allowHtml) {
148
+ <span [innerHTML]="props.label"></span>
149
+ } @else {
150
+ {{ props.label }}
151
+ }
59
152
  </mat-slide-toggle>
60
153
  `,
61
- changeDetection: ChangeDetectionStrategy.OnPush,
62
- standalone: false,
63
- }]
64
- }], propDecorators: { slideToggle: [{
65
- type: ViewChild,
66
- args: [MatSlideToggle, { static: true }]
67
- }] } });
68
-
154
+ changeDetection: ChangeDetectionStrategy.OnPush,
155
+ standalone: false
156
+ }]
157
+ }],
158
+ propDecorators: { slideToggle: [{
159
+ type: ViewChild,
160
+ args: [MatSlideToggle, { static: true }]
161
+ }] }
162
+ });
69
163
  function withFormlyFieldToggle() {
70
- return {
71
- types: [
72
- {
73
- name: 'toggle',
74
- component: FormlyFieldToggle,
75
- wrappers: ['form-field'],
76
- },
77
- ],
78
- };
164
+ return { types: [{
165
+ name: "toggle",
166
+ component: FormlyFieldToggle,
167
+ wrappers: ["form-field"]
168
+ }] };
79
169
  }
80
-
81
- class FormlyMatToggleModule {
82
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
83
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatToggleModule, declarations: [FormlyFieldToggle], imports: [CommonModule,
84
- ReactiveFormsModule,
85
- MatSlideToggleModule,
86
- FormlyMatFormFieldModule, i3.FormlyModule] }); }
87
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatToggleModule, imports: [CommonModule,
88
- ReactiveFormsModule,
89
- MatSlideToggleModule,
90
- FormlyMatFormFieldModule,
91
- FormlyModule.forChild(withFormlyFieldToggle())] }); }
92
- }
93
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatToggleModule, decorators: [{
94
- type: NgModule,
95
- args: [{
96
- declarations: [FormlyFieldToggle],
97
- imports: [
98
- CommonModule,
99
- ReactiveFormsModule,
100
- MatSlideToggleModule,
101
- FormlyMatFormFieldModule,
102
- FormlyModule.forChild(withFormlyFieldToggle()),
103
- ],
104
- }]
105
- }] });
106
-
107
- /**
108
- * Generated bundle index. Do not edit.
109
- */
110
-
170
+ var FormlyMatToggleModule = class FormlyMatToggleModule {
171
+ static {
172
+ this.ɵfac = i0.ɵɵngDeclareFactory({
173
+ minVersion: "12.0.0",
174
+ version: "22.2.2",
175
+ ngImport: i0,
176
+ type: FormlyMatToggleModule,
177
+ deps: [],
178
+ target: i0.ɵɵFactoryTarget.NgModule
179
+ });
180
+ }
181
+ static {
182
+ this.ɵmod = i0.ɵɵngDeclareNgModule({
183
+ minVersion: "14.0.0",
184
+ version: "22.2.2",
185
+ ngImport: i0,
186
+ type: FormlyMatToggleModule,
187
+ declarations: [FormlyFieldToggle],
188
+ imports: [
189
+ CommonModule,
190
+ ReactiveFormsModule,
191
+ MatSlideToggleModule,
192
+ FormlyMatFormFieldModule,
193
+ i3.FormlyModule
194
+ ]
195
+ });
196
+ }
197
+ static {
198
+ this.ɵinj = i0.ɵɵngDeclareInjector({
199
+ minVersion: "12.0.0",
200
+ version: "22.2.2",
201
+ ngImport: i0,
202
+ type: FormlyMatToggleModule,
203
+ imports: [
204
+ CommonModule,
205
+ ReactiveFormsModule,
206
+ MatSlideToggleModule,
207
+ FormlyMatFormFieldModule,
208
+ FormlyModule.forChild(withFormlyFieldToggle())
209
+ ]
210
+ });
211
+ }
212
+ };
213
+ i0.ɵɵngDeclareClassMetadata({
214
+ minVersion: "12.0.0",
215
+ version: "22.2.2",
216
+ ngImport: i0,
217
+ type: FormlyMatToggleModule,
218
+ decorators: [{
219
+ type: NgModule,
220
+ args: [{
221
+ declarations: [FormlyFieldToggle],
222
+ imports: [
223
+ CommonModule,
224
+ ReactiveFormsModule,
225
+ MatSlideToggleModule,
226
+ FormlyMatFormFieldModule,
227
+ FormlyModule.forChild(withFormlyFieldToggle())
228
+ ]
229
+ }]
230
+ }]
231
+ });
111
232
  export { FormlyFieldToggle, FormlyMatToggleModule, withFormlyFieldToggle };
112
- //# sourceMappingURL=ngx-formly-material-toggle.mjs.map
233
+
234
+ //# sourceMappingURL=ngx-formly-material-toggle.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"ngx-formly-material-toggle.mjs","sources":["../../../../src/ui/material/toggle/src/toggle.type.ts","../../../../src/ui/material/toggle/src/toggle.config.ts","../../../../src/ui/material/toggle/src/toggle.module.ts","../../../../src/ui/material/toggle/src/ngx-formly-material-toggle.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewChild, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\n\ninterface ToggleProps extends FormlyFieldProps {\n labelPosition?: 'before' | 'after';\n}\n\nexport interface FormlyToggleFieldConfig extends FormlyFieldConfig<ToggleProps> {\n type: 'toggle' | Type<FormlyFieldToggle>;\n}\n\n@Component({\n selector: 'formly-field-mat-toggle',\n template: `\n <mat-slide-toggle\n [id]=\"id\"\n [name]=\"field.name\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [color]=\"props.color\"\n [tabIndex]=\"props.tabindex\"\n [required]=\"required\"\n [labelPosition]=\"props.labelPosition\"\n >\n {{ props.label }}\n </mat-slide-toggle>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class FormlyFieldToggle extends FieldType<FieldTypeConfig<ToggleProps>> {\n @ViewChild(MatSlideToggle, { static: true }) slideToggle!: MatSlideToggle;\n override defaultOptions = {\n props: {\n hideFieldUnderline: true,\n floatLabel: 'always' as const,\n hideLabel: true,\n },\n };\n\n override onContainerClick(event: MouseEvent): void {\n this.slideToggle.focus();\n super.onContainerClick(event);\n }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldToggle } from './toggle.type';\n\nexport function withFormlyFieldToggle(): ConfigOption {\n return {\n types: [\n {\n name: 'toggle',\n component: FormlyFieldToggle,\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 { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\n\nimport { FormlyFieldToggle } from './toggle.type';\nimport { withFormlyFieldToggle } from './toggle.config';\n\n@NgModule({\n declarations: [FormlyFieldToggle],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatSlideToggleModule,\n FormlyMatFormFieldModule,\n FormlyModule.forChild(withFormlyFieldToggle()),\n ],\n})\nexport class FormlyMatToggleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
1
+ {"version":3,"file":"ngx-formly-material-toggle.mjs","names":[],"sources":["../../../../src/ui/material/toggle/src/toggle.type.ts","../../../../src/ui/material/toggle/src/toggle.config.ts","../../../../src/ui/material/toggle/src/toggle.module.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewChild, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\n\ninterface ToggleProps extends FormlyFieldProps {\n labelPosition?: 'before' | 'after';\n}\n\nexport interface FormlyToggleFieldConfig extends FormlyFieldConfig<ToggleProps> {\n type: 'toggle' | Type<FormlyFieldToggle>;\n}\n\n@Component({\n selector: 'formly-field-mat-toggle',\n template: `\n <mat-slide-toggle\n [id]=\"id\"\n [name]=\"field.name\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [color]=\"props.color\"\n [tabIndex]=\"props.tabindex\"\n [required]=\"required\"\n [labelPosition]=\"props.labelPosition\"\n >\n @if (props.allowHtml) {\n <span [innerHTML]=\"props.label\"></span>\n } @else {\n {{ props.label }}\n }\n </mat-slide-toggle>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class FormlyFieldToggle extends FieldType<FieldTypeConfig<ToggleProps>> {\n @ViewChild(MatSlideToggle, { static: true }) slideToggle!: MatSlideToggle;\n override defaultOptions = {\n props: {\n hideFieldUnderline: true,\n floatLabel: 'always' as const,\n hideLabel: true,\n },\n };\n\n override onContainerClick(event: MouseEvent): void {\n this.slideToggle.focus();\n super.onContainerClick(event);\n }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldToggle } from './toggle.type';\n\nexport function withFormlyFieldToggle(): ConfigOption {\n return {\n types: [\n {\n name: 'toggle',\n component: FormlyFieldToggle,\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 { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\n\nimport { FormlyFieldToggle } from './toggle.type';\nimport { withFormlyFieldToggle } from './toggle.config';\n\n@NgModule({\n declarations: [FormlyFieldToggle],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatSlideToggleModule,\n FormlyMatFormFieldModule,\n FormlyModule.forChild(withFormlyFieldToggle()),\n ],\n})\nexport class FormlyMatToggleModule {}\n"],"mappings":";;;;;;;;;;AAoCA,IAAa,oBAAb,MAAa,0BAA0B,UAAuC;CAvB9E,cAAA;;EAyBW,KAAA,iBAAiB,EACxB,OAAO;GACL,oBAAoB;GACpB,YAAY;GACZ,WAAW;EACZ,EACF;CAMF;CAJU,iBAAiB,OAAiB;EACzC,KAAK,YAAY,MAAK;EACtB,MAAM,iBAAiB,KAAK;CAC9B;CAbW;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,aAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WACjB;IAAc,aAAA;IAAA,QAAA;GAAA,CAAA;GAAA,iBAAA;GAAA,UAAA;GAAA,UAtBf;;;;;;;;;;;;;;;;;;GAiBT,UAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA,CAAA,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;KAAA;KAAA,SAAA,CAAA,UAAA,cAAA;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;EAvB7B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;;;;;;;;;;;;;;;;;;GAkBV,iBAAiB,wBAAwB;GACzC,YAAY;EACb,CAAA;;;EAEE,MAAA;EAAU,MAAA,CAAA,gBAAgB,EAAE,QAAQ,KAAI,CAAE;;;AClC7C,SAAgB,wBAAqB;CACnC,OAAO,EACL,OAAO,CACL;EACE,MAAM;EACN,WAAW;EACX,UAAU,CAAC,YAAY;CACxB,CACF,EACF;AACH;ACOA,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,CATjB,iBAAiB;GAAA,SAAA;IAE9B;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;IAP9B;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;EAVjC,MAAA;EAAS,MAAA,CAAA;GACR,cAAc,CAAC,iBAAiB;GAChC,SAAS;IACP;IACA;IACA;IACA;IACA,aAAa,SAAS,sBAAqB,CAAE;GAC9C;EACF,CAAA"}
@@ -1,65 +1,87 @@
1
- import { withFormlyFormField, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
2
- export { FieldType } from '@ngx-formly/material/form-field';
3
- import { withFormlyFieldInput, FormlyMatInputModule } from '@ngx-formly/material/input';
4
- import { withFormlyFieldTextArea, FormlyMatTextAreaModule } from '@ngx-formly/material/textarea';
5
- import { withFormlyFieldRadio, FormlyMatRadioModule } from '@ngx-formly/material/radio';
6
- import { withFormlyFieldCheckbox, FormlyMatCheckboxModule } from '@ngx-formly/material/checkbox';
7
- import { withFormlyFieldMultiCheckbox, FormlyMatMultiCheckboxModule } from '@ngx-formly/material/multicheckbox';
8
- import { withFormlyFieldSelect, FormlyMatSelectModule } from '@ngx-formly/material/select';
9
- import * as i0 from '@angular/core';
10
- import { NgModule } from '@angular/core';
11
-
1
+ import { FieldType, FormlyMatFormFieldModule, withFormlyFormField } from "@ngx-formly/material/form-field";
2
+ import { FormlyMatInputModule, withFormlyFieldInput } from "@ngx-formly/material/input";
3
+ import { FormlyMatTextAreaModule, withFormlyFieldTextArea } from "@ngx-formly/material/textarea";
4
+ import { FormlyMatRadioModule, withFormlyFieldRadio } from "@ngx-formly/material/radio";
5
+ import { FormlyMatCheckboxModule, withFormlyFieldCheckbox } from "@ngx-formly/material/checkbox";
6
+ import { FormlyMatMultiCheckboxModule, withFormlyFieldMultiCheckbox } from "@ngx-formly/material/multicheckbox";
7
+ import { FormlyMatSelectModule, withFormlyFieldSelect } from "@ngx-formly/material/select";
8
+ import * as i0 from "@angular/core";
9
+ import { NgModule } from "@angular/core";
12
10
  function withFormlyMaterial() {
13
- return [
14
- withFormlyFormField(),
15
- withFormlyFieldInput(),
16
- withFormlyFieldTextArea(),
17
- withFormlyFieldRadio(),
18
- withFormlyFieldCheckbox(),
19
- withFormlyFieldMultiCheckbox(),
20
- withFormlyFieldSelect(),
21
- ];
22
- }
23
-
24
- class FormlyMaterialModule {
25
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
26
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMaterialModule, imports: [FormlyMatFormFieldModule,
27
- FormlyMatInputModule,
28
- FormlyMatTextAreaModule,
29
- FormlyMatRadioModule,
30
- FormlyMatCheckboxModule,
31
- FormlyMatMultiCheckboxModule,
32
- FormlyMatSelectModule] }); }
33
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMaterialModule, imports: [FormlyMatFormFieldModule,
34
- FormlyMatInputModule,
35
- FormlyMatTextAreaModule,
36
- FormlyMatRadioModule,
37
- FormlyMatCheckboxModule,
38
- FormlyMatMultiCheckboxModule,
39
- FormlyMatSelectModule] }); }
11
+ return [
12
+ withFormlyFormField(),
13
+ withFormlyFieldInput(),
14
+ withFormlyFieldTextArea(),
15
+ withFormlyFieldRadio(),
16
+ withFormlyFieldCheckbox(),
17
+ withFormlyFieldMultiCheckbox(),
18
+ withFormlyFieldSelect()
19
+ ];
40
20
  }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMaterialModule, decorators: [{
42
- type: NgModule,
43
- args: [{
44
- imports: [
45
- FormlyMatFormFieldModule,
46
- FormlyMatInputModule,
47
- FormlyMatTextAreaModule,
48
- FormlyMatRadioModule,
49
- FormlyMatCheckboxModule,
50
- FormlyMatMultiCheckboxModule,
51
- FormlyMatSelectModule,
52
- ],
53
- }]
54
- }] });
55
-
56
- /*
57
- * Public API Surface of material
58
- */
59
-
60
- /**
61
- * Generated bundle index. Do not edit.
62
- */
21
+ var FormlyMaterialModule = class FormlyMaterialModule {
22
+ static {
23
+ this.ɵfac = i0.ɵɵngDeclareFactory({
24
+ minVersion: "12.0.0",
25
+ version: "22.2.2",
26
+ ngImport: i0,
27
+ type: FormlyMaterialModule,
28
+ deps: [],
29
+ target: i0.ɵɵFactoryTarget.NgModule
30
+ });
31
+ }
32
+ static {
33
+ this.ɵmod = i0.ɵɵngDeclareNgModule({
34
+ minVersion: "14.0.0",
35
+ version: "22.2.2",
36
+ ngImport: i0,
37
+ type: FormlyMaterialModule,
38
+ imports: [
39
+ FormlyMatFormFieldModule,
40
+ FormlyMatInputModule,
41
+ FormlyMatTextAreaModule,
42
+ FormlyMatRadioModule,
43
+ FormlyMatCheckboxModule,
44
+ FormlyMatMultiCheckboxModule,
45
+ FormlyMatSelectModule
46
+ ]
47
+ });
48
+ }
49
+ static {
50
+ this.ɵinj = i0.ɵɵngDeclareInjector({
51
+ minVersion: "12.0.0",
52
+ version: "22.2.2",
53
+ ngImport: i0,
54
+ type: FormlyMaterialModule,
55
+ imports: [
56
+ FormlyMatFormFieldModule,
57
+ FormlyMatInputModule,
58
+ FormlyMatTextAreaModule,
59
+ FormlyMatRadioModule,
60
+ FormlyMatCheckboxModule,
61
+ FormlyMatMultiCheckboxModule,
62
+ FormlyMatSelectModule
63
+ ]
64
+ });
65
+ }
66
+ };
67
+ i0.ɵɵngDeclareClassMetadata({
68
+ minVersion: "12.0.0",
69
+ version: "22.2.2",
70
+ ngImport: i0,
71
+ type: FormlyMaterialModule,
72
+ decorators: [{
73
+ type: NgModule,
74
+ args: [{ imports: [
75
+ FormlyMatFormFieldModule,
76
+ FormlyMatInputModule,
77
+ FormlyMatTextAreaModule,
78
+ FormlyMatRadioModule,
79
+ FormlyMatCheckboxModule,
80
+ FormlyMatMultiCheckboxModule,
81
+ FormlyMatSelectModule
82
+ ] }]
83
+ }]
84
+ });
85
+ export { FieldType, FormlyMaterialModule, withFormlyMaterial };
63
86
 
64
- export { FormlyMaterialModule, withFormlyMaterial };
65
- //# sourceMappingURL=ngx-formly-material.mjs.map
87
+ //# sourceMappingURL=ngx-formly-material.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"ngx-formly-material.mjs","sources":["../../../../src/ui/material/src/lib/material.config.ts","../../../../src/ui/material/src/lib/ui-material.module.ts","../../../../src/ui/material/src/public_api.ts","../../../../src/ui/material/src/ngx-formly-material.ts"],"sourcesContent":["import { ConfigOption } from '@ngx-formly/core';\nimport { withFormlyFormField } from '@ngx-formly/material/form-field';\nimport { withFormlyFieldInput } from '@ngx-formly/material/input';\nimport { withFormlyFieldTextArea } from '@ngx-formly/material/textarea';\nimport { withFormlyFieldRadio } from '@ngx-formly/material/radio';\nimport { withFormlyFieldCheckbox } from '@ngx-formly/material/checkbox';\nimport { withFormlyFieldMultiCheckbox } from '@ngx-formly/material/multicheckbox';\nimport { withFormlyFieldSelect } from '@ngx-formly/material/select';\n\nexport function withFormlyMaterial(): ConfigOption[] {\n return [\n withFormlyFormField(),\n withFormlyFieldInput(),\n withFormlyFieldTextArea(),\n withFormlyFieldRadio(),\n withFormlyFieldCheckbox(),\n withFormlyFieldMultiCheckbox(),\n withFormlyFieldSelect(),\n ];\n}\n","import { NgModule } from '@angular/core';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { FormlyMatInputModule } from '@ngx-formly/material/input';\nimport { FormlyMatTextAreaModule } from '@ngx-formly/material/textarea';\nimport { FormlyMatRadioModule } from '@ngx-formly/material/radio';\nimport { FormlyMatCheckboxModule } from '@ngx-formly/material/checkbox';\nimport { FormlyMatMultiCheckboxModule } from '@ngx-formly/material/multicheckbox';\nimport { FormlyMatSelectModule } from '@ngx-formly/material/select';\n\n@NgModule({\n imports: [\n FormlyMatFormFieldModule,\n FormlyMatInputModule,\n FormlyMatTextAreaModule,\n FormlyMatRadioModule,\n FormlyMatCheckboxModule,\n FormlyMatMultiCheckboxModule,\n FormlyMatSelectModule,\n ],\n})\nexport class FormlyMaterialModule {}\n","/*\n * Public API Surface of material\n */\n\nexport * from './lib/ui-material';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;SASgB,kBAAkB,GAAA;IAChC,OAAO;AACL,QAAA,mBAAmB,EAAE;AACrB,QAAA,oBAAoB,EAAE;AACtB,QAAA,uBAAuB,EAAE;AACzB,QAAA,oBAAoB,EAAE;AACtB,QAAA,uBAAuB,EAAE;AACzB,QAAA,4BAA4B,EAAE;AAC9B,QAAA,qBAAqB,EAAE;KACxB;AACH;;MCEa,oBAAoB,CAAA;+GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,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,oBAAoB,YAT7B,wBAAwB;YACxB,oBAAoB;YACpB,uBAAuB;YACvB,oBAAoB;YACpB,uBAAuB;YACvB,4BAA4B;YAC5B,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGZ,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,oBAAoB,YAT7B,wBAAwB;YACxB,oBAAoB;YACpB,uBAAuB;YACvB,oBAAoB;YACpB,uBAAuB;YACvB,4BAA4B;YAC5B,qBAAqB,CAAA,EAAA,CAAA,CAAA;;4FAGZ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,wBAAwB;wBACxB,oBAAoB;wBACpB,uBAAuB;wBACvB,oBAAoB;wBACpB,uBAAuB;wBACvB,4BAA4B;wBAC5B,qBAAqB;AACtB,qBAAA;AACF,iBAAA;;;ACpBD;;AAEG;;ACFH;;AAEG;;;;"}
1
+ {"version":3,"file":"ngx-formly-material.mjs","names":[],"sources":["../../../../src/ui/material/src/lib/material.config.ts","../../../../src/ui/material/src/lib/ui-material.module.ts"],"sourcesContent":["import { ConfigOption } from '@ngx-formly/core';\nimport { withFormlyFormField } from '@ngx-formly/material/form-field';\nimport { withFormlyFieldInput } from '@ngx-formly/material/input';\nimport { withFormlyFieldTextArea } from '@ngx-formly/material/textarea';\nimport { withFormlyFieldRadio } from '@ngx-formly/material/radio';\nimport { withFormlyFieldCheckbox } from '@ngx-formly/material/checkbox';\nimport { withFormlyFieldMultiCheckbox } from '@ngx-formly/material/multicheckbox';\nimport { withFormlyFieldSelect } from '@ngx-formly/material/select';\n\nexport function withFormlyMaterial(): ConfigOption[] {\n return [\n withFormlyFormField(),\n withFormlyFieldInput(),\n withFormlyFieldTextArea(),\n withFormlyFieldRadio(),\n withFormlyFieldCheckbox(),\n withFormlyFieldMultiCheckbox(),\n withFormlyFieldSelect(),\n ];\n}\n","import { NgModule } from '@angular/core';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { FormlyMatInputModule } from '@ngx-formly/material/input';\nimport { FormlyMatTextAreaModule } from '@ngx-formly/material/textarea';\nimport { FormlyMatRadioModule } from '@ngx-formly/material/radio';\nimport { FormlyMatCheckboxModule } from '@ngx-formly/material/checkbox';\nimport { FormlyMatMultiCheckboxModule } from '@ngx-formly/material/multicheckbox';\nimport { FormlyMatSelectModule } from '@ngx-formly/material/select';\n\n@NgModule({\n imports: [\n FormlyMatFormFieldModule,\n FormlyMatInputModule,\n FormlyMatTextAreaModule,\n FormlyMatRadioModule,\n FormlyMatCheckboxModule,\n FormlyMatMultiCheckboxModule,\n FormlyMatSelectModule,\n ],\n})\nexport class FormlyMaterialModule {}\n"],"mappings":";;;;;;;;;AASA,SAAgB,qBAAkB;CAChC,OAAO;EACL,oBAAmB;EACnB,qBAAoB;EACpB,wBAAuB;EACvB,qBAAoB;EACpB,wBAAuB;EACvB,6BAA4B;EAC5B,sBAAqB;CACtB;AACH;ACEA,IAAa,uBAAb,MAAa,qBAAoB;CAApB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAoB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAApB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAoB,SAAA;IAT7B;IACA;IACA;IACA;IACA;IACA;IACA;GAAqB;EAAA,CAAA;CAAA;CAGZ;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAoB,SAAA;IAT7B;IACA;IACA;IACA;IACA;IACA;IACA;GAAqB;EAAA,CAAA;CAAA;;AAGZ,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EAXhC,MAAA;EAAS,MAAA,CAAA,EACR,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;GACA;EACD,EACF,CAAA"}
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@ngx-formly/material",
3
- "version": "10.0.1",
3
+ "version": "11.1.0-rc.0",
4
4
  "license": "MIT",
5
5
  "dependencies": {
6
6
  "tslib": "^2.0.0"
7
7
  },
8
8
  "peerDependencies": {
9
- "@ngx-formly/core": "10.0.1",
10
- "@angular/material": ">=21.0.0"
9
+ "@ngx-formly/core": "11.1.0-rc.0",
10
+ "@angular/material": ">=22.0.0"
11
11
  },
12
12
  "module": "fesm2022/ngx-formly-material.mjs",
13
13
  "typings": "types/ngx-formly-material.d.ts",