@ngx-formly/material 9.0.0 → 10.0.1
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.
- package/README.md +20 -0
- package/fesm2022/ngx-formly-material-checkbox.mjs +7 -7
- package/fesm2022/ngx-formly-material-datepicker.mjs +7 -7
- package/fesm2022/ngx-formly-material-form-field.mjs +10 -10
- package/fesm2022/ngx-formly-material-input.mjs +7 -7
- package/fesm2022/ngx-formly-material-multicheckbox.mjs +7 -7
- package/fesm2022/ngx-formly-material-native-select.mjs +7 -7
- package/fesm2022/ngx-formly-material-radio.mjs +7 -7
- package/fesm2022/ngx-formly-material-select.mjs +7 -7
- package/fesm2022/ngx-formly-material-slider.mjs +8 -11
- package/fesm2022/ngx-formly-material-slider.mjs.map +1 -1
- package/fesm2022/ngx-formly-material-textarea.mjs +7 -7
- package/fesm2022/ngx-formly-material-toggle.mjs +7 -7
- package/fesm2022/ngx-formly-material.mjs +4 -4
- package/fesm2022/ngx-formly-material.mjs.map +1 -1
- package/package.json +17 -16
- package/{slider/index.d.ts → types/ngx-formly-material-slider.d.ts} +1 -1
- package/{index.d.ts → types/ngx-formly-material.d.ts} +2 -2
- /package/{checkbox/index.d.ts → types/ngx-formly-material-checkbox.d.ts} +0 -0
- /package/{datepicker/index.d.ts → types/ngx-formly-material-datepicker.d.ts} +0 -0
- /package/{form-field/index.d.ts → types/ngx-formly-material-form-field.d.ts} +0 -0
- /package/{input/index.d.ts → types/ngx-formly-material-input.d.ts} +0 -0
- /package/{multicheckbox/index.d.ts → types/ngx-formly-material-multicheckbox.d.ts} +0 -0
- /package/{native-select/index.d.ts → types/ngx-formly-material-native-select.d.ts} +0 -0
- /package/{radio/index.d.ts → types/ngx-formly-material-radio.d.ts} +0 -0
- /package/{select/index.d.ts → types/ngx-formly-material-select.d.ts} +0 -0
- /package/{textarea/index.d.ts → types/ngx-formly-material-textarea.d.ts} +0 -0
- /package/{toggle/index.d.ts → types/ngx-formly-material-toggle.d.ts} +0 -0
package/README.md
CHANGED
|
@@ -25,14 +25,23 @@ Formly is a dynamic (JSON powered) form library for Angular that brings unmatche
|
|
|
25
25
|
- ⚡️ Supports multiple schemas:
|
|
26
26
|
- Formly Schema (core)
|
|
27
27
|
- JSON Schema
|
|
28
|
+
- JSON Schema string defaults are configurable. See [schema defaults](docs/json-schema.md#defaults).
|
|
28
29
|
- 😍 A bunch of themes, out of the box!
|
|
29
30
|
- 💪 Built on top of [Angular Reactive Forms](https://angular.dev/guide/forms/reactive-forms)
|
|
31
|
+
- Nullable JSON Schema numbers preserve `null` when cleared. See [JSON Schema](docs/json-schema.md#nullable-numbers).
|
|
32
|
+
- Forms emit their initial validation status after building, including valid forms. See [form notifications](docs/properties-options.md#initial-validation-status).
|
|
33
|
+
- Subscribe to controls after fields load with the `fieldChange` output. See [form build notifications](docs/properties-options.md#accessing-controls-after-a-build).
|
|
30
34
|
- 📹 [@eggheadio course](https://egghead.io/playlists/configuration-based-reactive-angular-forms-with-ngx-formly-465f) - 20 lessons & 78 minutes
|
|
31
35
|
|
|
32
36
|
## Docs
|
|
33
37
|
|
|
38
|
+
Try the live configuration-to-form example on [formly.dev](https://formly.dev), then explore the guides and UI demos.
|
|
39
|
+
Use the search button or Cmd/Ctrl+K to search guide and migration text, plus UI and example page names.
|
|
40
|
+
|
|
34
41
|
- [Get Started](https://formly.dev/guide)
|
|
42
|
+
- [CSP-safe expressions and optional chaining](docs/expression-properties.md#4-expression-evaluation)
|
|
35
43
|
- [Themes](https://formly.dev/ui)
|
|
44
|
+
- [Ionic select interface options](docs/properties-options.md#ionic-select-interfaces)
|
|
36
45
|
- [Examples](https://formly.dev/examples)
|
|
37
46
|
|
|
38
47
|
## Resources
|
|
@@ -57,6 +66,7 @@ Formly is a dynamic (JSON powered) form library for Angular that brings unmatche
|
|
|
57
66
|
|
|
58
67
|
| Angular version | Formly version | Migration |
|
|
59
68
|
| --------------- | -------------------- | ---------------------------------- |
|
|
69
|
+
| Angular >= 21 | `@ngx-formly/core@10.x` | [Upgrade to v10](UPGRADE-10.0.md) |
|
|
60
70
|
| Angular >= 20 | `@ngx-formly/core@9.x` | [Upgrade to v9](UPGRADE-9.0.md) |
|
|
61
71
|
| Angular >= 19 | `@ngx-formly/core@8.x` | [Upgrade to v8](UPGRADE-8.0.md) |
|
|
62
72
|
| Angular >= 18 | `@ngx-formly/core@7.x` | [Upgrade to v7](UPGRADE-7.0.md) |
|
|
@@ -67,6 +77,16 @@ Formly is a dynamic (JSON powered) form library for Angular that brings unmatche
|
|
|
67
77
|
| Angular >= 4 | `@ngx-formly/core@2.x` | [Upgrade to v2](UPGRADE-2.0.md) |
|
|
68
78
|
| Angular >= 2 | `ng-formly@1.x` | |
|
|
69
79
|
|
|
80
|
+
#### Upgrading to v10
|
|
81
|
+
|
|
82
|
+
Formly v10 requires Angular 21 or newer. Upgrade Angular first, then update all
|
|
83
|
+
`@ngx-formly/*` packages used by your application together to v10.
|
|
84
|
+
The Material, PrimeNG, and NG-ZORRO integrations require version 21 or newer of
|
|
85
|
+
their respective UI libraries. Kendo requires version 21.4.1 or newer, and NativeScript
|
|
86
|
+
requires `@nativescript/angular` 21 or newer. Applications staying on Angular 20 should use Formly v9.
|
|
87
|
+
|
|
88
|
+
See the [v10 upgrade guide](UPGRADE-10.0.md) for migration steps.
|
|
89
|
+
|
|
70
90
|
#### Upgrading to v9
|
|
71
91
|
|
|
72
92
|
Formly v9 requires Angular 20 or newer. Upgrade Angular first, then update all
|
|
@@ -61,8 +61,8 @@ class FormlyFieldCheckbox extends FieldType {
|
|
|
61
61
|
this.focusMonitor.stopMonitoring(this.checkbox._inputElement);
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
65
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
64
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldCheckbox, deps: [{ token: i0.Renderer2 }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
65
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldCheckbox, isStandalone: false, selector: "formly-field-mat-checkbox", viewQueries: [{ propertyName: "checkbox", first: true, predicate: MatCheckbox, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
66
66
|
<mat-checkbox
|
|
67
67
|
[formControl]="formControl"
|
|
68
68
|
[id]="id"
|
|
@@ -80,7 +80,7 @@ class FormlyFieldCheckbox extends FieldType {
|
|
|
80
80
|
</mat-checkbox>
|
|
81
81
|
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i4.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
82
82
|
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
85
|
args: [{
|
|
86
86
|
selector: 'formly-field-mat-checkbox',
|
|
@@ -126,18 +126,18 @@ function withFormlyFieldCheckbox() {
|
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
class FormlyMatCheckboxModule {
|
|
129
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
130
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
129
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
130
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
|
|
131
131
|
ReactiveFormsModule,
|
|
132
132
|
MatCheckboxModule,
|
|
133
133
|
FormlyMatFormFieldModule, i4.FormlyModule] }); }
|
|
134
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
134
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatCheckboxModule, imports: [CommonModule,
|
|
135
135
|
ReactiveFormsModule,
|
|
136
136
|
MatCheckboxModule,
|
|
137
137
|
FormlyMatFormFieldModule,
|
|
138
138
|
FormlyModule.forChild(withFormlyFieldCheckbox())] }); }
|
|
139
139
|
}
|
|
140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatCheckboxModule, decorators: [{
|
|
141
141
|
type: NgModule,
|
|
142
142
|
args: [{
|
|
143
143
|
declarations: [FormlyFieldCheckbox],
|
|
@@ -55,8 +55,8 @@ class FormlyFieldDatepicker extends FieldType {
|
|
|
55
55
|
super.ngOnDestroy();
|
|
56
56
|
this.fieldErrorsObserver?.unsubscribe();
|
|
57
57
|
}
|
|
58
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
59
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
58
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldDatepicker, deps: [{ token: i1.FormlyConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
59
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: FormlyFieldDatepicker, isStandalone: false, selector: "formly-field-mat-datepicker", viewQueries: [{ propertyName: "datepickerToggle", first: true, predicate: ["datepickerToggle"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
60
60
|
<input
|
|
61
61
|
matInput
|
|
62
62
|
[id]="id"
|
|
@@ -101,7 +101,7 @@ class FormlyFieldDatepicker extends FieldType {
|
|
|
101
101
|
</mat-datepicker>
|
|
102
102
|
`, isInline: true, dependencies: [{ kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.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: "component", type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
103
103
|
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldDatepicker, decorators: [{
|
|
105
105
|
type: Component,
|
|
106
106
|
args: [{
|
|
107
107
|
selector: 'formly-field-mat-datepicker',
|
|
@@ -170,20 +170,20 @@ function withFormlyFieldDatepicker() {
|
|
|
170
170
|
}
|
|
171
171
|
|
|
172
172
|
class FormlyMatDatepickerModule {
|
|
173
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
174
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
173
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
174
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatDatepickerModule, declarations: [FormlyFieldDatepicker], imports: [CommonModule,
|
|
175
175
|
ReactiveFormsModule,
|
|
176
176
|
MatInputModule,
|
|
177
177
|
MatDatepickerModule,
|
|
178
178
|
FormlyMatFormFieldModule, i1.FormlyModule] }); }
|
|
179
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
179
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatDatepickerModule, imports: [CommonModule,
|
|
180
180
|
ReactiveFormsModule,
|
|
181
181
|
MatInputModule,
|
|
182
182
|
MatDatepickerModule,
|
|
183
183
|
FormlyMatFormFieldModule,
|
|
184
184
|
FormlyModule.forChild(withFormlyFieldDatepicker())] }); }
|
|
185
185
|
}
|
|
186
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatDatepickerModule, decorators: [{
|
|
187
187
|
type: NgModule,
|
|
188
188
|
args: [{
|
|
189
189
|
declarations: [FormlyFieldDatepicker],
|
|
@@ -36,8 +36,8 @@ class FormlyWrapperFormField extends FieldWrapper {
|
|
|
36
36
|
delete this.field._formField;
|
|
37
37
|
this.focusMonitor.stopMonitoring(this.elementRef);
|
|
38
38
|
}
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyWrapperFormField, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyWrapperFormField, isStandalone: false, selector: "formly-wrapper-mat-form-field", viewQueries: [{ propertyName: "formField", first: true, predicate: MatFormField, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
41
41
|
<!-- fix https://github.com/angular/material2/pull/7083 by setting width to 100% -->
|
|
42
42
|
<mat-form-field
|
|
43
43
|
[hideRequiredMarker]="true"
|
|
@@ -116,7 +116,7 @@ class FormlyWrapperFormField extends FieldWrapper {
|
|
|
116
116
|
</ng-template>
|
|
117
117
|
`, isInline: true, styles: ["formly-wrapper-mat-form-field .mat-mdc-form-field,formly-wrapper-mat-form-field .mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.LegacyFormlyValidationMessage, selector: "formly-validation-message" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
118
118
|
}
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyWrapperFormField, decorators: [{
|
|
120
120
|
type: Component,
|
|
121
121
|
args: [{ selector: 'formly-wrapper-mat-form-field', template: `
|
|
122
122
|
<!-- fix https://github.com/angular/material2/pull/7083 by setting width to 100% -->
|
|
@@ -213,11 +213,11 @@ function withFormlyFormField() {
|
|
|
213
213
|
}
|
|
214
214
|
|
|
215
215
|
class FormlyMatFormFieldModule {
|
|
216
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
217
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
218
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
216
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
217
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatFormFieldModule, declarations: [FormlyWrapperFormField], imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, i4.FormlyModule] }); }
|
|
218
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatFormFieldModule, imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, FormlyModule.forChild(withFormlyFormField())] }); }
|
|
219
219
|
}
|
|
220
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatFormFieldModule, decorators: [{
|
|
221
221
|
type: NgModule,
|
|
222
222
|
args: [{
|
|
223
223
|
declarations: [FormlyWrapperFormField],
|
|
@@ -341,10 +341,10 @@ class FieldType extends FieldType$1 {
|
|
|
341
341
|
};
|
|
342
342
|
}
|
|
343
343
|
}
|
|
344
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
345
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
344
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FieldType, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
345
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: FieldType, isStandalone: true, viewQueries: [{ propertyName: "matPrefix", first: true, predicate: ["matPrefix"], descendants: true }, { propertyName: "matTextPrefix", first: true, predicate: ["matTextPrefix"], descendants: true }, { propertyName: "matSuffix", first: true, predicate: ["matSuffix"], descendants: true }, { propertyName: "matTextSuffix", first: true, predicate: ["matTextSuffix"], descendants: true }, { propertyName: "_controls", predicate: MatFormFieldControl, descendants: true }], usesInheritance: true, ngImport: i0 }); }
|
|
346
346
|
}
|
|
347
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
347
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FieldType, decorators: [{
|
|
348
348
|
type: Directive
|
|
349
349
|
}], propDecorators: { matPrefix: [{
|
|
350
350
|
type: ViewChild,
|
|
@@ -13,8 +13,8 @@ class FormlyFieldInput extends FieldType {
|
|
|
13
13
|
get type() {
|
|
14
14
|
return this.props.type || 'text';
|
|
15
15
|
}
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldInput, isStandalone: false, selector: "formly-field-mat-input", usesInheritance: true, ngImport: i0, template: `
|
|
18
18
|
@if (type !== 'number') {
|
|
19
19
|
<input
|
|
20
20
|
matInput
|
|
@@ -46,7 +46,7 @@ class FormlyFieldInput extends FieldType {
|
|
|
46
46
|
}
|
|
47
47
|
`, 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldInput, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
51
|
args: [{
|
|
52
52
|
selector: 'formly-field-mat-input',
|
|
@@ -118,18 +118,18 @@ function withFormlyFieldInput() {
|
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
class FormlyMatInputModule {
|
|
121
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
122
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
121
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
122
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
|
|
123
123
|
ReactiveFormsModule,
|
|
124
124
|
MatInputModule,
|
|
125
125
|
FormlyMatFormFieldModule, i3.FormlyModule] }); }
|
|
126
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
126
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatInputModule, imports: [CommonModule,
|
|
127
127
|
ReactiveFormsModule,
|
|
128
128
|
MatInputModule,
|
|
129
129
|
FormlyMatFormFieldModule,
|
|
130
130
|
FormlyModule.forChild(withFormlyFieldInput())] }); }
|
|
131
131
|
}
|
|
132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatInputModule, decorators: [{
|
|
133
133
|
type: NgModule,
|
|
134
134
|
args: [{
|
|
135
135
|
declarations: [FormlyFieldInput],
|
|
@@ -40,8 +40,8 @@ class FormlyFieldMultiCheckbox extends FieldType {
|
|
|
40
40
|
const value = this.formControl.value;
|
|
41
41
|
return value && (this.props.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);
|
|
42
42
|
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldMultiCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldMultiCheckbox, isStandalone: false, selector: "formly-field-mat-multicheckbox", host: { properties: { "id": "id" } }, viewQueries: [{ propertyName: "checkboxes", predicate: MatCheckbox, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
45
45
|
@for (option of props.options | formlySelectOptions: field | async; track $index; let i = $index) {
|
|
46
46
|
<mat-checkbox
|
|
47
47
|
[id]="id + '_' + i"
|
|
@@ -58,7 +58,7 @@ class FormlyFieldMultiCheckbox extends FieldType {
|
|
|
58
58
|
}
|
|
59
59
|
`, isInline: true, dependencies: [{ kind: "component", type: i1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i2.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldMultiCheckbox, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{
|
|
64
64
|
selector: 'formly-field-mat-multicheckbox',
|
|
@@ -102,20 +102,20 @@ function withFormlyFieldMultiCheckbox() {
|
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
class FormlyMatMultiCheckboxModule {
|
|
105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
106
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatMultiCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
106
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatMultiCheckboxModule, declarations: [FormlyFieldMultiCheckbox], imports: [CommonModule,
|
|
107
107
|
ReactiveFormsModule,
|
|
108
108
|
MatCheckboxModule,
|
|
109
109
|
FormlyMatFormFieldModule,
|
|
110
110
|
FormlySelectModule, i2.FormlyModule] }); }
|
|
111
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
111
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatMultiCheckboxModule, imports: [CommonModule,
|
|
112
112
|
ReactiveFormsModule,
|
|
113
113
|
MatCheckboxModule,
|
|
114
114
|
FormlyMatFormFieldModule,
|
|
115
115
|
FormlySelectModule,
|
|
116
116
|
FormlyModule.forChild(withFormlyFieldMultiCheckbox())] }); }
|
|
117
117
|
}
|
|
118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatMultiCheckboxModule, decorators: [{
|
|
119
119
|
type: NgModule,
|
|
120
120
|
args: [{
|
|
121
121
|
declarations: [FormlyFieldMultiCheckbox],
|
|
@@ -13,8 +13,8 @@ import * as i5 from '@ngx-formly/core/select';
|
|
|
13
13
|
import { FormlySelectModule } from '@ngx-formly/core/select';
|
|
14
14
|
|
|
15
15
|
class FormlyFieldNativeSelect extends FieldType {
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
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: `
|
|
18
18
|
<select
|
|
19
19
|
matNativeControl
|
|
20
20
|
[id]="id"
|
|
@@ -48,7 +48,7 @@ class FormlyFieldNativeSelect extends FieldType {
|
|
|
48
48
|
</select>
|
|
49
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
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldNativeSelect, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
53
|
args: [{
|
|
54
54
|
selector: 'formly-field-mat-native-select',
|
|
@@ -103,20 +103,20 @@ function withFormlyFieldNativeSelect() {
|
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
class FormlyMatNativeSelectModule {
|
|
106
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
107
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
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
108
|
ReactiveFormsModule,
|
|
109
109
|
MatInputModule,
|
|
110
110
|
FormlyMatFormFieldModule,
|
|
111
111
|
FormlySelectModule, i3.FormlyModule] }); }
|
|
112
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
112
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatNativeSelectModule, imports: [CommonModule,
|
|
113
113
|
ReactiveFormsModule,
|
|
114
114
|
MatInputModule,
|
|
115
115
|
FormlyMatFormFieldModule,
|
|
116
116
|
FormlySelectModule,
|
|
117
117
|
FormlyModule.forChild(withFormlyFieldNativeSelect())] }); }
|
|
118
118
|
}
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatNativeSelectModule, decorators: [{
|
|
120
120
|
type: NgModule,
|
|
121
121
|
args: [{
|
|
122
122
|
declarations: [FormlyFieldNativeSelect],
|
|
@@ -40,8 +40,8 @@ class FormlyFieldRadio extends FieldType {
|
|
|
40
40
|
super.ngOnDestroy();
|
|
41
41
|
this.focusObserver && this.focusObserver.unsubscribe();
|
|
42
42
|
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldRadio, isStandalone: false, selector: "formly-field-mat-radio", viewQueries: [{ propertyName: "radioGroup", first: true, predicate: MatRadioGroup, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
45
45
|
<mat-radio-group
|
|
46
46
|
[formControl]="formControl"
|
|
47
47
|
[formlyAttributes]="field"
|
|
@@ -63,7 +63,7 @@ class FormlyFieldRadio extends FieldType {
|
|
|
63
63
|
</mat-radio-group>
|
|
64
64
|
`, 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: "directive", type: i2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { 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 }); }
|
|
65
65
|
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldRadio, decorators: [{
|
|
67
67
|
type: Component,
|
|
68
68
|
args: [{
|
|
69
69
|
selector: 'formly-field-mat-radio',
|
|
@@ -109,20 +109,20 @@ function withFormlyFieldRadio() {
|
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
class FormlyMatRadioModule {
|
|
112
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
113
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
112
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
113
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatRadioModule, declarations: [FormlyFieldRadio], imports: [CommonModule,
|
|
114
114
|
ReactiveFormsModule,
|
|
115
115
|
MatRadioModule,
|
|
116
116
|
FormlyMatFormFieldModule,
|
|
117
117
|
FormlySelectModule, i3.FormlyModule] }); }
|
|
118
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
118
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatRadioModule, imports: [CommonModule,
|
|
119
119
|
ReactiveFormsModule,
|
|
120
120
|
MatRadioModule,
|
|
121
121
|
FormlyMatFormFieldModule,
|
|
122
122
|
FormlySelectModule,
|
|
123
123
|
FormlyModule.forChild(withFormlyFieldRadio())] }); }
|
|
124
124
|
}
|
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatRadioModule, decorators: [{
|
|
126
126
|
type: NgModule,
|
|
127
127
|
args: [{
|
|
128
128
|
declarations: [FormlyFieldRadio],
|
|
@@ -66,8 +66,8 @@ class FormlyFieldSelect extends FieldType {
|
|
|
66
66
|
}
|
|
67
67
|
return this.selectAllValue.value;
|
|
68
68
|
}
|
|
69
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
70
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
69
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
70
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldSelect, isStandalone: false, selector: "formly-field-mat-select", viewQueries: [{ propertyName: "select", first: true, predicate: MatSelect, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
71
71
|
<ng-template #selectAll let-selectOptions="selectOptions">
|
|
72
72
|
<mat-option (click)="toggleSelectAll(selectOptions)">
|
|
73
73
|
<mat-pseudo-checkbox class="mat-option-pseudo-checkbox" [state]="getSelectAllState(selectOptions)">
|
|
@@ -116,7 +116,7 @@ class FormlyFieldSelect extends FieldType {
|
|
|
116
116
|
</mat-select>
|
|
117
117
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i4.MatPseudoCheckbox, selector: "mat-pseudo-checkbox", inputs: ["state", "disabled", "appearance"] }, { kind: "directive", type: i5.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
118
118
|
}
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldSelect, decorators: [{
|
|
120
120
|
type: Component,
|
|
121
121
|
args: [{
|
|
122
122
|
selector: 'formly-field-mat-select',
|
|
@@ -190,14 +190,14 @@ function withFormlyFieldSelect() {
|
|
|
190
190
|
}
|
|
191
191
|
|
|
192
192
|
class FormlyMatSelectModule {
|
|
193
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
194
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
193
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
194
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSelectModule, declarations: [FormlyFieldSelect], imports: [CommonModule,
|
|
195
195
|
ReactiveFormsModule,
|
|
196
196
|
MatSelectModule,
|
|
197
197
|
MatPseudoCheckboxModule,
|
|
198
198
|
FormlyMatFormFieldModule,
|
|
199
199
|
FormlySelectModule, i5.FormlyModule] }); }
|
|
200
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
200
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSelectModule, imports: [CommonModule,
|
|
201
201
|
ReactiveFormsModule,
|
|
202
202
|
MatSelectModule,
|
|
203
203
|
MatPseudoCheckboxModule,
|
|
@@ -205,7 +205,7 @@ class FormlyMatSelectModule {
|
|
|
205
205
|
FormlySelectModule,
|
|
206
206
|
FormlyModule.forChild(withFormlyFieldSelect())] }); }
|
|
207
207
|
}
|
|
208
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
208
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSelectModule, decorators: [{
|
|
209
209
|
type: NgModule,
|
|
210
210
|
args: [{
|
|
211
211
|
declarations: [FormlyFieldSelect],
|
|
@@ -8,7 +8,7 @@ import { MatSliderModule } from '@angular/material/slider';
|
|
|
8
8
|
import * as i3 from '@ngx-formly/core';
|
|
9
9
|
import { FormlyModule } from '@ngx-formly/core';
|
|
10
10
|
import { CommonModule } from '@angular/common';
|
|
11
|
-
import {
|
|
11
|
+
import { MatRippleModule } from '@angular/material/core';
|
|
12
12
|
|
|
13
13
|
class FormlyFieldSlider extends FieldType {
|
|
14
14
|
constructor() {
|
|
@@ -21,8 +21,8 @@ class FormlyFieldSlider extends FieldType {
|
|
|
21
21
|
},
|
|
22
22
|
};
|
|
23
23
|
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldSlider, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
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: `
|
|
26
26
|
<mat-slider
|
|
27
27
|
[id]="id"
|
|
28
28
|
[style.width]="'100%'"
|
|
@@ -43,7 +43,7 @@ class FormlyFieldSlider extends FieldType {
|
|
|
43
43
|
</mat-slider>
|
|
44
44
|
`, 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 }); }
|
|
45
45
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldSlider, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
48
|
args: [{
|
|
49
49
|
selector: 'formly-field-mat-slider',
|
|
@@ -85,28 +85,25 @@ function withFormlyFieldSlider() {
|
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
class FormlyMatSliderModule {
|
|
88
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
89
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
90
|
-
MatCommonModule,
|
|
88
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
89
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSliderModule, declarations: [FormlyFieldSlider], imports: [CommonModule,
|
|
91
90
|
MatRippleModule,
|
|
92
91
|
ReactiveFormsModule,
|
|
93
92
|
MatSliderModule,
|
|
94
93
|
FormlyMatFormFieldModule, i3.FormlyModule] }); }
|
|
95
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
96
|
-
MatCommonModule,
|
|
94
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSliderModule, imports: [CommonModule,
|
|
97
95
|
MatRippleModule,
|
|
98
96
|
ReactiveFormsModule,
|
|
99
97
|
MatSliderModule,
|
|
100
98
|
FormlyMatFormFieldModule,
|
|
101
99
|
FormlyModule.forChild(withFormlyFieldSlider())] }); }
|
|
102
100
|
}
|
|
103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatSliderModule, decorators: [{
|
|
104
102
|
type: NgModule,
|
|
105
103
|
args: [{
|
|
106
104
|
declarations: [FormlyFieldSlider],
|
|
107
105
|
imports: [
|
|
108
106
|
CommonModule,
|
|
109
|
-
MatCommonModule,
|
|
110
107
|
MatRippleModule,
|
|
111
108
|
ReactiveFormsModule,
|
|
112
109
|
MatSliderModule,
|
|
@@ -1 +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 {
|
|
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;;;;"}
|
|
@@ -20,8 +20,8 @@ class FormlyFieldTextArea extends FieldType {
|
|
|
20
20
|
},
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: FormlyFieldTextArea, isStandalone: false, selector: "formly-field-mat-textarea", providers: [
|
|
25
25
|
// fix for https://github.com/ngx-formly/ngx-formly/issues/1688
|
|
26
26
|
// rely on formControl value instead of elementRef which return empty value in Firefox.
|
|
27
27
|
{ provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: FormlyFieldTextArea },
|
|
@@ -46,7 +46,7 @@ class FormlyFieldTextArea extends FieldType {
|
|
|
46
46
|
></textarea>
|
|
47
47
|
`, 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 }); }
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldTextArea, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
51
|
args: [{
|
|
52
52
|
selector: 'formly-field-mat-textarea',
|
|
@@ -93,18 +93,18 @@ function withFormlyFieldTextArea() {
|
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
class FormlyMatTextAreaModule {
|
|
96
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
97
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
96
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
97
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatTextAreaModule, declarations: [FormlyFieldTextArea], imports: [CommonModule,
|
|
98
98
|
ReactiveFormsModule,
|
|
99
99
|
MatInputModule,
|
|
100
100
|
FormlyMatFormFieldModule, i4.FormlyModule] }); }
|
|
101
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
101
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatTextAreaModule, imports: [CommonModule,
|
|
102
102
|
ReactiveFormsModule,
|
|
103
103
|
MatInputModule,
|
|
104
104
|
FormlyMatFormFieldModule,
|
|
105
105
|
FormlyModule.forChild(withFormlyFieldTextArea())] }); }
|
|
106
106
|
}
|
|
107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatTextAreaModule, decorators: [{
|
|
108
108
|
type: NgModule,
|
|
109
109
|
args: [{
|
|
110
110
|
declarations: [FormlyFieldTextArea],
|
|
@@ -24,8 +24,8 @@ class FormlyFieldToggle extends FieldType {
|
|
|
24
24
|
this.slideToggle.focus();
|
|
25
25
|
super.onContainerClick(event);
|
|
26
26
|
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
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: `
|
|
29
29
|
<mat-slide-toggle
|
|
30
30
|
[id]="id"
|
|
31
31
|
[name]="field.name"
|
|
@@ -40,7 +40,7 @@ class FormlyFieldToggle extends FieldType {
|
|
|
40
40
|
</mat-slide-toggle>
|
|
41
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
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldToggle, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
45
|
args: [{
|
|
46
46
|
selector: 'formly-field-mat-toggle',
|
|
@@ -79,18 +79,18 @@ function withFormlyFieldToggle() {
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
class FormlyMatToggleModule {
|
|
82
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
83
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
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
84
|
ReactiveFormsModule,
|
|
85
85
|
MatSlideToggleModule,
|
|
86
86
|
FormlyMatFormFieldModule, i3.FormlyModule] }); }
|
|
87
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
87
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatToggleModule, imports: [CommonModule,
|
|
88
88
|
ReactiveFormsModule,
|
|
89
89
|
MatSlideToggleModule,
|
|
90
90
|
FormlyMatFormFieldModule,
|
|
91
91
|
FormlyModule.forChild(withFormlyFieldToggle())] }); }
|
|
92
92
|
}
|
|
93
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatToggleModule, decorators: [{
|
|
94
94
|
type: NgModule,
|
|
95
95
|
args: [{
|
|
96
96
|
declarations: [FormlyFieldToggle],
|
|
@@ -22,15 +22,15 @@ function withFormlyMaterial() {
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
class FormlyMaterialModule {
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
26
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
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
27
|
FormlyMatInputModule,
|
|
28
28
|
FormlyMatTextAreaModule,
|
|
29
29
|
FormlyMatRadioModule,
|
|
30
30
|
FormlyMatCheckboxModule,
|
|
31
31
|
FormlyMatMultiCheckboxModule,
|
|
32
32
|
FormlyMatSelectModule] }); }
|
|
33
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
33
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMaterialModule, imports: [FormlyMatFormFieldModule,
|
|
34
34
|
FormlyMatInputModule,
|
|
35
35
|
FormlyMatTextAreaModule,
|
|
36
36
|
FormlyMatRadioModule,
|
|
@@ -38,7 +38,7 @@ class FormlyMaterialModule {
|
|
|
38
38
|
FormlyMatMultiCheckboxModule,
|
|
39
39
|
FormlyMatSelectModule] }); }
|
|
40
40
|
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMaterialModule, decorators: [{
|
|
42
42
|
type: NgModule,
|
|
43
43
|
args: [{
|
|
44
44
|
imports: [
|
|
@@ -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 { 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() {\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":";;;;;;;;;;;
|
|
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;;;;"}
|
package/package.json
CHANGED
|
@@ -1,70 +1,71 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ngx-formly/material",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "10.0.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"tslib": "^2.0.0"
|
|
7
7
|
},
|
|
8
8
|
"peerDependencies": {
|
|
9
|
-
"@ngx-formly/core": "
|
|
10
|
-
"@angular/material": ">=
|
|
9
|
+
"@ngx-formly/core": "10.0.1",
|
|
10
|
+
"@angular/material": ">=21.0.0"
|
|
11
11
|
},
|
|
12
12
|
"module": "fesm2022/ngx-formly-material.mjs",
|
|
13
|
-
"typings": "
|
|
13
|
+
"typings": "types/ngx-formly-material.d.ts",
|
|
14
14
|
"exports": {
|
|
15
15
|
"./package.json": {
|
|
16
16
|
"default": "./package.json"
|
|
17
17
|
},
|
|
18
18
|
".": {
|
|
19
|
-
"types": "./
|
|
19
|
+
"types": "./types/ngx-formly-material.d.ts",
|
|
20
20
|
"default": "./fesm2022/ngx-formly-material.mjs"
|
|
21
21
|
},
|
|
22
22
|
"./checkbox": {
|
|
23
|
-
"types": "./checkbox
|
|
23
|
+
"types": "./types/ngx-formly-material-checkbox.d.ts",
|
|
24
24
|
"default": "./fesm2022/ngx-formly-material-checkbox.mjs"
|
|
25
25
|
},
|
|
26
26
|
"./datepicker": {
|
|
27
|
-
"types": "./datepicker
|
|
27
|
+
"types": "./types/ngx-formly-material-datepicker.d.ts",
|
|
28
28
|
"default": "./fesm2022/ngx-formly-material-datepicker.mjs"
|
|
29
29
|
},
|
|
30
30
|
"./form-field": {
|
|
31
|
-
"types": "./form-field
|
|
31
|
+
"types": "./types/ngx-formly-material-form-field.d.ts",
|
|
32
32
|
"default": "./fesm2022/ngx-formly-material-form-field.mjs"
|
|
33
33
|
},
|
|
34
34
|
"./input": {
|
|
35
|
-
"types": "./input
|
|
35
|
+
"types": "./types/ngx-formly-material-input.d.ts",
|
|
36
36
|
"default": "./fesm2022/ngx-formly-material-input.mjs"
|
|
37
37
|
},
|
|
38
38
|
"./multicheckbox": {
|
|
39
|
-
"types": "./multicheckbox
|
|
39
|
+
"types": "./types/ngx-formly-material-multicheckbox.d.ts",
|
|
40
40
|
"default": "./fesm2022/ngx-formly-material-multicheckbox.mjs"
|
|
41
41
|
},
|
|
42
42
|
"./native-select": {
|
|
43
|
-
"types": "./native-select
|
|
43
|
+
"types": "./types/ngx-formly-material-native-select.d.ts",
|
|
44
44
|
"default": "./fesm2022/ngx-formly-material-native-select.mjs"
|
|
45
45
|
},
|
|
46
46
|
"./radio": {
|
|
47
|
-
"types": "./radio
|
|
47
|
+
"types": "./types/ngx-formly-material-radio.d.ts",
|
|
48
48
|
"default": "./fesm2022/ngx-formly-material-radio.mjs"
|
|
49
49
|
},
|
|
50
50
|
"./select": {
|
|
51
|
-
"types": "./select
|
|
51
|
+
"types": "./types/ngx-formly-material-select.d.ts",
|
|
52
52
|
"default": "./fesm2022/ngx-formly-material-select.mjs"
|
|
53
53
|
},
|
|
54
54
|
"./slider": {
|
|
55
|
-
"types": "./slider
|
|
55
|
+
"types": "./types/ngx-formly-material-slider.d.ts",
|
|
56
56
|
"default": "./fesm2022/ngx-formly-material-slider.mjs"
|
|
57
57
|
},
|
|
58
58
|
"./textarea": {
|
|
59
|
-
"types": "./textarea
|
|
59
|
+
"types": "./types/ngx-formly-material-textarea.d.ts",
|
|
60
60
|
"default": "./fesm2022/ngx-formly-material-textarea.mjs"
|
|
61
61
|
},
|
|
62
62
|
"./toggle": {
|
|
63
|
-
"types": "./toggle
|
|
63
|
+
"types": "./types/ngx-formly-material-toggle.d.ts",
|
|
64
64
|
"default": "./fesm2022/ngx-formly-material-toggle.mjs"
|
|
65
65
|
}
|
|
66
66
|
},
|
|
67
67
|
"sideEffects": false,
|
|
68
|
+
"type": "module",
|
|
68
69
|
"homepage": "https://github.com/ngx-formly/ngx-formly#readme",
|
|
69
70
|
"description": "Formly is a dynamic (JSON powered) form library for Angular that bring unmatched maintainability to your application's forms.",
|
|
70
71
|
"repository": {
|
|
@@ -35,7 +35,7 @@ declare class FormlyFieldSlider extends FieldType<FieldTypeConfig<SliderProps>>
|
|
|
35
35
|
|
|
36
36
|
declare class FormlyMatSliderModule {
|
|
37
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormlyMatSliderModule, never>;
|
|
38
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FormlyMatSliderModule, [typeof FormlyFieldSlider], [typeof i2.CommonModule, typeof i3.
|
|
38
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FormlyMatSliderModule, [typeof FormlyFieldSlider], [typeof i2.CommonModule, typeof i3.MatRippleModule, typeof i4.ReactiveFormsModule, typeof i5.MatSliderModule, typeof i6.FormlyMatFormFieldModule, typeof i7.FormlyModule], never>;
|
|
39
39
|
static ɵinj: i0.ɵɵInjectorDeclaration<FormlyMatSliderModule>;
|
|
40
40
|
}
|
|
41
41
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ConfigOption } from '@ngx-formly/core';
|
|
2
2
|
import * as i1 from '@ngx-formly/material/form-field';
|
|
3
3
|
export { FieldType } from '@ngx-formly/material/form-field';
|
|
4
4
|
import * as i0 from '@angular/core';
|
|
@@ -9,7 +9,7 @@ import * as i5 from '@ngx-formly/material/checkbox';
|
|
|
9
9
|
import * as i6 from '@ngx-formly/material/multicheckbox';
|
|
10
10
|
import * as i7 from '@ngx-formly/material/select';
|
|
11
11
|
|
|
12
|
-
declare function withFormlyMaterial():
|
|
12
|
+
declare function withFormlyMaterial(): ConfigOption[];
|
|
13
13
|
|
|
14
14
|
declare class FormlyMaterialModule {
|
|
15
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormlyMaterialModule, never>;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|