@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,20 +1,37 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
3
- import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
4
- import * as i1 from '@angular/forms';
5
- import { ReactiveFormsModule } from '@angular/forms';
6
- import * as i2 from '@angular/material/input';
7
- import { MatInputModule } from '@angular/material/input';
8
- import * as i3 from '@ngx-formly/core';
9
- import { FormlyModule } from '@ngx-formly/core';
10
- import * as i4 from '@angular/common';
11
- import { CommonModule } from '@angular/common';
12
- import * as i5 from '@ngx-formly/core/select';
13
- import { FormlySelectModule } from '@ngx-formly/core/select';
14
-
15
- class FormlyFieldNativeSelect extends FieldType {
16
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldNativeSelect, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
17
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldNativeSelect, isStandalone: false, selector: "formly-field-mat-native-select", usesInheritance: true, ngImport: i0, template: `
1
+ import * as i0 from "@angular/core";
2
+ import { ChangeDetectionStrategy, Component, NgModule } from "@angular/core";
3
+ import { FieldType, FormlyMatFormFieldModule } from "@ngx-formly/material/form-field";
4
+ import * as i1 from "@angular/forms";
5
+ import { ReactiveFormsModule } from "@angular/forms";
6
+ import * as i2 from "@angular/material/input";
7
+ import { MatInputModule } from "@angular/material/input";
8
+ import * as i3 from "@ngx-formly/core";
9
+ import { FormlyModule } from "@ngx-formly/core";
10
+ import * as i4 from "@angular/common";
11
+ import { CommonModule } from "@angular/common";
12
+ import * as i5 from "@ngx-formly/core/select";
13
+ import { FormlySelectModule } from "@ngx-formly/core/select";
14
+ var FormlyFieldNativeSelect = class FormlyFieldNativeSelect extends FieldType {
15
+ static {
16
+ this.ɵfac = i0.ɵɵngDeclareFactory({
17
+ minVersion: "12.0.0",
18
+ version: "22.2.2",
19
+ ngImport: i0,
20
+ type: FormlyFieldNativeSelect,
21
+ deps: null,
22
+ target: i0.ɵɵFactoryTarget.Component
23
+ });
24
+ }
25
+ static {
26
+ this.ɵcmp = i0.ɵɵngDeclareComponent({
27
+ minVersion: "17.0.0",
28
+ version: "22.2.2",
29
+ type: FormlyFieldNativeSelect,
30
+ isStandalone: false,
31
+ selector: "formly-field-mat-native-select",
32
+ usesInheritance: true,
33
+ ngImport: i0,
34
+ template: `
18
35
  <select
19
36
  matNativeControl
20
37
  [id]="id"
@@ -46,13 +63,99 @@ class FormlyFieldNativeSelect extends FieldType {
46
63
  }
47
64
  }
48
65
  </select>
49
- `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
50
- }
51
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldNativeSelect, decorators: [{
52
- type: Component,
53
- args: [{
54
- selector: 'formly-field-mat-native-select',
55
- template: `
66
+ `,
67
+ isInline: true,
68
+ dependencies: [
69
+ {
70
+ kind: "directive",
71
+ type: i1.NgSelectOption,
72
+ selector: "option",
73
+ inputs: ["ngValue", "value"]
74
+ },
75
+ {
76
+ kind: "directive",
77
+ type: i1.ɵNgSelectMultipleOption,
78
+ selector: "option",
79
+ inputs: ["ngValue", "value"]
80
+ },
81
+ {
82
+ kind: "directive",
83
+ type: i1.SelectControlValueAccessor,
84
+ selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]",
85
+ inputs: ["compareWith"]
86
+ },
87
+ {
88
+ kind: "directive",
89
+ type: i1.NgControlStatus,
90
+ selector: "[formControlName],[ngModel],[formControl]"
91
+ },
92
+ {
93
+ kind: "directive",
94
+ type: i1.RequiredValidator,
95
+ selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
96
+ inputs: ["required"]
97
+ },
98
+ {
99
+ kind: "directive",
100
+ type: i1.FormControlDirective,
101
+ selector: "[formControl]",
102
+ inputs: [
103
+ "formControl",
104
+ "disabled",
105
+ "ngModel"
106
+ ],
107
+ outputs: ["ngModelChange"],
108
+ exportAs: ["ngForm"]
109
+ },
110
+ {
111
+ kind: "directive",
112
+ type: i2.MatInput,
113
+ selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]",
114
+ inputs: [
115
+ "disabled",
116
+ "id",
117
+ "placeholder",
118
+ "name",
119
+ "required",
120
+ "type",
121
+ "errorStateMatcher",
122
+ "aria-describedby",
123
+ "value",
124
+ "readonly",
125
+ "disabledInteractive"
126
+ ],
127
+ exportAs: ["matInput"]
128
+ },
129
+ {
130
+ kind: "directive",
131
+ type: i3.LegacyFormlyAttributes,
132
+ selector: "[formlyAttributes]"
133
+ },
134
+ {
135
+ kind: "pipe",
136
+ type: i4.AsyncPipe,
137
+ name: "async"
138
+ },
139
+ {
140
+ kind: "pipe",
141
+ type: i5.LegacyFormlySelectOptionsPipe,
142
+ name: "formlySelectOptions"
143
+ }
144
+ ],
145
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
146
+ });
147
+ }
148
+ };
149
+ i0.ɵɵngDeclareClassMetadata({
150
+ minVersion: "12.0.0",
151
+ version: "22.2.2",
152
+ ngImport: i0,
153
+ type: FormlyFieldNativeSelect,
154
+ decorators: [{
155
+ type: Component,
156
+ args: [{
157
+ selector: "formly-field-mat-native-select",
158
+ template: `
56
159
  <select
57
160
  matNativeControl
58
161
  [id]="id"
@@ -85,55 +188,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
85
188
  }
86
189
  </select>
87
190
  `,
88
- changeDetection: ChangeDetectionStrategy.OnPush,
89
- standalone: false,
90
- }]
91
- }] });
92
-
191
+ changeDetection: ChangeDetectionStrategy.OnPush,
192
+ standalone: false
193
+ }]
194
+ }]
195
+ });
93
196
  function withFormlyFieldNativeSelect() {
94
- return {
95
- types: [
96
- {
97
- name: 'native-select',
98
- component: FormlyFieldNativeSelect,
99
- wrappers: ['form-field'],
100
- },
101
- ],
102
- };
197
+ return { types: [{
198
+ name: "native-select",
199
+ component: FormlyFieldNativeSelect,
200
+ wrappers: ["form-field"]
201
+ }] };
103
202
  }
104
-
105
- class FormlyMatNativeSelectModule {
106
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatNativeSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
107
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatNativeSelectModule, declarations: [FormlyFieldNativeSelect], imports: [CommonModule,
108
- ReactiveFormsModule,
109
- MatInputModule,
110
- FormlyMatFormFieldModule,
111
- FormlySelectModule, i3.FormlyModule] }); }
112
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatNativeSelectModule, imports: [CommonModule,
113
- ReactiveFormsModule,
114
- MatInputModule,
115
- FormlyMatFormFieldModule,
116
- FormlySelectModule,
117
- FormlyModule.forChild(withFormlyFieldNativeSelect())] }); }
118
- }
119
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatNativeSelectModule, decorators: [{
120
- type: NgModule,
121
- args: [{
122
- declarations: [FormlyFieldNativeSelect],
123
- imports: [
124
- CommonModule,
125
- ReactiveFormsModule,
126
- MatInputModule,
127
- FormlyMatFormFieldModule,
128
- FormlySelectModule,
129
- FormlyModule.forChild(withFormlyFieldNativeSelect()),
130
- ],
131
- }]
132
- }] });
133
-
134
- /**
135
- * Generated bundle index. Do not edit.
136
- */
137
-
203
+ var FormlyMatNativeSelectModule = class FormlyMatNativeSelectModule {
204
+ static {
205
+ this.ɵfac = i0.ɵɵngDeclareFactory({
206
+ minVersion: "12.0.0",
207
+ version: "22.2.2",
208
+ ngImport: i0,
209
+ type: FormlyMatNativeSelectModule,
210
+ deps: [],
211
+ target: i0.ɵɵFactoryTarget.NgModule
212
+ });
213
+ }
214
+ static {
215
+ this.ɵmod = i0.ɵɵngDeclareNgModule({
216
+ minVersion: "14.0.0",
217
+ version: "22.2.2",
218
+ ngImport: i0,
219
+ type: FormlyMatNativeSelectModule,
220
+ declarations: [FormlyFieldNativeSelect],
221
+ imports: [
222
+ CommonModule,
223
+ ReactiveFormsModule,
224
+ MatInputModule,
225
+ FormlyMatFormFieldModule,
226
+ FormlySelectModule,
227
+ i3.FormlyModule
228
+ ]
229
+ });
230
+ }
231
+ static {
232
+ this.ɵinj = i0.ɵɵngDeclareInjector({
233
+ minVersion: "12.0.0",
234
+ version: "22.2.2",
235
+ ngImport: i0,
236
+ type: FormlyMatNativeSelectModule,
237
+ imports: [
238
+ CommonModule,
239
+ ReactiveFormsModule,
240
+ MatInputModule,
241
+ FormlyMatFormFieldModule,
242
+ FormlySelectModule,
243
+ FormlyModule.forChild(withFormlyFieldNativeSelect())
244
+ ]
245
+ });
246
+ }
247
+ };
248
+ i0.ɵɵngDeclareClassMetadata({
249
+ minVersion: "12.0.0",
250
+ version: "22.2.2",
251
+ ngImport: i0,
252
+ type: FormlyMatNativeSelectModule,
253
+ decorators: [{
254
+ type: NgModule,
255
+ args: [{
256
+ declarations: [FormlyFieldNativeSelect],
257
+ imports: [
258
+ CommonModule,
259
+ ReactiveFormsModule,
260
+ MatInputModule,
261
+ FormlyMatFormFieldModule,
262
+ FormlySelectModule,
263
+ FormlyModule.forChild(withFormlyFieldNativeSelect())
264
+ ]
265
+ }]
266
+ }]
267
+ });
138
268
  export { FormlyFieldNativeSelect, FormlyMatNativeSelectModule, withFormlyFieldNativeSelect };
139
- //# sourceMappingURL=ngx-formly-material-native-select.mjs.map
269
+
270
+ //# sourceMappingURL=ngx-formly-material-native-select.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"ngx-formly-material-native-select.mjs","sources":["../../../../src/ui/material/native-select/src/native-select.type.ts","../../../../src/ui/material/native-select/src/native-select.config.ts","../../../../src/ui/material/native-select/src/native-select.module.ts","../../../../src/ui/material/native-select/src/ngx-formly-material-native-select.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FormlyFieldSelectProps } from '@ngx-formly/core/select';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\n\ninterface NativeSelectProps extends FormlyFieldProps, FormlyFieldSelectProps {}\n\nexport interface FormlyNativeSelectFieldConfig extends FormlyFieldConfig<NativeSelectProps> {\n type: 'native-select' | Type<FormlyFieldNativeSelect>;\n}\n\n@Component({\n selector: 'formly-field-mat-native-select',\n template: `\n <select\n matNativeControl\n [id]=\"id\"\n [name]=\"field.name\"\n [readonly]=\"props.readonly\"\n [required]=\"required\"\n [errorStateMatcher]=\"errorStateMatcher\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n >\n @if (props.placeholder) {\n <option [ngValue]=\"undefined\">{{ props.placeholder }}</option>\n }\n @if (props.options | formlySelectOptions: field | async; as opts) {\n @for (opt of opts; track $index) {\n @if (!opt.group) {\n <option [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">\n {{ opt.label }}\n </option>\n } @else {\n <optgroup [label]=\"opt.label\">\n @for (child of opt.group; track $index) {\n <option [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n }\n </optgroup>\n }\n }\n }\n </select>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class FormlyFieldNativeSelect extends FieldType<FieldTypeConfig<NativeSelectProps>> {}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldNativeSelect } from './native-select.type';\n\nexport function withFormlyFieldNativeSelect(): ConfigOption {\n return {\n types: [\n {\n name: 'native-select',\n component: FormlyFieldNativeSelect,\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 { FormlySelectModule } from '@ngx-formly/core/select';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { FormlyFieldNativeSelect } from './native-select.type';\nimport { withFormlyFieldNativeSelect } from './native-select.config';\n\n@NgModule({\n declarations: [FormlyFieldNativeSelect],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatInputModule,\n\n FormlyMatFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild(withFormlyFieldNativeSelect()),\n ],\n})\nexport class FormlyMatNativeSelectModule {}\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-native-select.mjs","names":[],"sources":["../../../../src/ui/material/native-select/src/native-select.type.ts","../../../../src/ui/material/native-select/src/native-select.config.ts","../../../../src/ui/material/native-select/src/native-select.module.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FormlyFieldSelectProps } from '@ngx-formly/core/select';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\n\ninterface NativeSelectProps extends FormlyFieldProps, FormlyFieldSelectProps {}\n\nexport interface FormlyNativeSelectFieldConfig extends FormlyFieldConfig<NativeSelectProps> {\n type: 'native-select' | Type<FormlyFieldNativeSelect>;\n}\n\n@Component({\n selector: 'formly-field-mat-native-select',\n template: `\n <select\n matNativeControl\n [id]=\"id\"\n [name]=\"field.name\"\n [readonly]=\"props.readonly\"\n [required]=\"required\"\n [errorStateMatcher]=\"errorStateMatcher\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n >\n @if (props.placeholder) {\n <option [ngValue]=\"undefined\">{{ props.placeholder }}</option>\n }\n @if (props.options | formlySelectOptions: field | async; as opts) {\n @for (opt of opts; track $index) {\n @if (!opt.group) {\n <option [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">\n {{ opt.label }}\n </option>\n } @else {\n <optgroup [label]=\"opt.label\">\n @for (child of opt.group; track $index) {\n <option [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n }\n </optgroup>\n }\n }\n }\n </select>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class FormlyFieldNativeSelect extends FieldType<FieldTypeConfig<NativeSelectProps>> {}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldNativeSelect } from './native-select.type';\n\nexport function withFormlyFieldNativeSelect(): ConfigOption {\n return {\n types: [\n {\n name: 'native-select',\n component: FormlyFieldNativeSelect,\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 { FormlySelectModule } from '@ngx-formly/core/select';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { FormlyFieldNativeSelect } from './native-select.type';\nimport { withFormlyFieldNativeSelect } from './native-select.config';\n\n@NgModule({\n declarations: [FormlyFieldNativeSelect],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatInputModule,\n\n FormlyMatFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild(withFormlyFieldNativeSelect()),\n ],\n})\nexport class FormlyMatNativeSelectModule {}\n"],"mappings":"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"}