@ngx-formly/material 6.0.0-next.9 → 6.0.0-rc.2
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 +15 -14
- package/checkbox/checkbox.type.d.ts +13 -6
- package/checkbox/public_api.d.ts +1 -1
- package/datepicker/datepicker.type.d.ts +37 -8
- package/datepicker/public_api.d.ts +1 -1
- package/esm2020/checkbox/checkbox.module.mjs +5 -5
- package/esm2020/checkbox/checkbox.type.mjs +19 -20
- package/esm2020/checkbox/public_api.mjs +1 -1
- package/esm2020/datepicker/datepicker.module.mjs +5 -5
- package/esm2020/datepicker/datepicker.type.mjs +68 -50
- package/esm2020/datepicker/public_api.mjs +1 -1
- package/esm2020/form-field/field.type.mjs +19 -21
- package/esm2020/form-field/form-field.module.mjs +5 -5
- package/esm2020/form-field/form-field.wrapper.mjs +29 -29
- package/esm2020/form-field/public_api.mjs +1 -1
- package/esm2020/input/input.module.mjs +9 -9
- package/esm2020/input/input.type.mjs +17 -17
- package/esm2020/input/public_api.mjs +1 -1
- package/esm2020/lib/ui-material.module.mjs +5 -5
- package/esm2020/multicheckbox/multicheckbox.module.mjs +5 -5
- package/esm2020/multicheckbox/multicheckbox.type.mjs +18 -17
- package/esm2020/multicheckbox/public_api.mjs +1 -1
- package/esm2020/native-select/native-select.module.mjs +5 -5
- package/esm2020/native-select/native-select.type.mjs +33 -49
- package/esm2020/native-select/public_api.mjs +1 -1
- package/esm2020/radio/public_api.mjs +1 -1
- package/esm2020/radio/radio.module.mjs +5 -5
- package/esm2020/radio/radio.type.mjs +15 -15
- package/esm2020/select/public_api.mjs +1 -1
- package/esm2020/select/select.module.mjs +5 -5
- package/esm2020/select/select.type.mjs +28 -28
- package/esm2020/slider/public_api.mjs +1 -1
- package/esm2020/slider/slider.module.mjs +5 -5
- package/esm2020/slider/slider.type.mjs +31 -31
- package/esm2020/textarea/public_api.mjs +1 -1
- package/esm2020/textarea/textarea.module.mjs +5 -5
- package/esm2020/textarea/textarea.type.mjs +23 -23
- package/esm2020/toggle/public_api.mjs +1 -1
- package/esm2020/toggle/toggle.module.mjs +5 -5
- package/esm2020/toggle/toggle.type.mjs +13 -13
- package/fesm2015/ngx-formly-material-checkbox.mjs +22 -23
- package/fesm2015/ngx-formly-material-checkbox.mjs.map +1 -1
- package/fesm2015/ngx-formly-material-datepicker.mjs +70 -52
- package/fesm2015/ngx-formly-material-datepicker.mjs.map +1 -1
- package/fesm2015/ngx-formly-material-form-field.mjs +51 -53
- package/fesm2015/ngx-formly-material-form-field.mjs.map +1 -1
- package/fesm2015/ngx-formly-material-input.mjs +24 -24
- package/fesm2015/ngx-formly-material-input.mjs.map +1 -1
- package/fesm2015/ngx-formly-material-multicheckbox.mjs +20 -19
- package/fesm2015/ngx-formly-material-multicheckbox.mjs.map +1 -1
- package/fesm2015/ngx-formly-material-native-select.mjs +36 -52
- package/fesm2015/ngx-formly-material-native-select.mjs.map +1 -1
- package/fesm2015/ngx-formly-material-radio.mjs +18 -18
- package/fesm2015/ngx-formly-material-radio.mjs.map +1 -1
- package/fesm2015/ngx-formly-material-select.mjs +31 -31
- package/fesm2015/ngx-formly-material-select.mjs.map +1 -1
- package/fesm2015/ngx-formly-material-slider.mjs +34 -34
- package/fesm2015/ngx-formly-material-slider.mjs.map +1 -1
- package/fesm2015/ngx-formly-material-textarea.mjs +26 -26
- package/fesm2015/ngx-formly-material-textarea.mjs.map +1 -1
- package/fesm2015/ngx-formly-material-toggle.mjs +16 -16
- package/fesm2015/ngx-formly-material-toggle.mjs.map +1 -1
- package/fesm2015/ngx-formly-material.mjs +4 -4
- package/fesm2015/ngx-formly-material.mjs.map +1 -1
- package/fesm2020/ngx-formly-material-checkbox.mjs +22 -23
- package/fesm2020/ngx-formly-material-checkbox.mjs.map +1 -1
- package/fesm2020/ngx-formly-material-datepicker.mjs +70 -52
- package/fesm2020/ngx-formly-material-datepicker.mjs.map +1 -1
- package/fesm2020/ngx-formly-material-form-field.mjs +50 -52
- package/fesm2020/ngx-formly-material-form-field.mjs.map +1 -1
- package/fesm2020/ngx-formly-material-input.mjs +24 -24
- package/fesm2020/ngx-formly-material-input.mjs.map +1 -1
- package/fesm2020/ngx-formly-material-multicheckbox.mjs +20 -19
- package/fesm2020/ngx-formly-material-multicheckbox.mjs.map +1 -1
- package/fesm2020/ngx-formly-material-native-select.mjs +36 -52
- package/fesm2020/ngx-formly-material-native-select.mjs.map +1 -1
- package/fesm2020/ngx-formly-material-radio.mjs +18 -18
- package/fesm2020/ngx-formly-material-radio.mjs.map +1 -1
- package/fesm2020/ngx-formly-material-select.mjs +31 -31
- package/fesm2020/ngx-formly-material-select.mjs.map +1 -1
- package/fesm2020/ngx-formly-material-slider.mjs +34 -34
- package/fesm2020/ngx-formly-material-slider.mjs.map +1 -1
- package/fesm2020/ngx-formly-material-textarea.mjs +26 -26
- package/fesm2020/ngx-formly-material-textarea.mjs.map +1 -1
- package/fesm2020/ngx-formly-material-toggle.mjs +16 -16
- package/fesm2020/ngx-formly-material-toggle.mjs.map +1 -1
- package/fesm2020/ngx-formly-material.mjs +4 -4
- package/fesm2020/ngx-formly-material.mjs.map +1 -1
- package/form-field/field.type.d.ts +6 -6
- package/form-field/form-field.wrapper.d.ts +4 -7
- package/form-field/public_api.d.ts +1 -1
- package/input/input.type.d.ts +10 -3
- package/input/public_api.d.ts +1 -1
- package/multicheckbox/multicheckbox.type.d.ts +12 -5
- package/multicheckbox/public_api.d.ts +1 -1
- package/native-select/native-select.type.d.ts +11 -3
- package/native-select/public_api.d.ts +1 -1
- package/package.json +2 -2
- package/radio/public_api.d.ts +1 -1
- package/radio/radio.type.d.ts +12 -5
- package/select/public_api.d.ts +1 -1
- package/select/select.type.d.ts +17 -4
- package/slider/public_api.d.ts +1 -1
- package/slider/slider.type.d.ts +20 -5
- package/textarea/public_api.d.ts +1 -1
- package/textarea/textarea.type.d.ts +14 -4
- package/toggle/public_api.d.ts +1 -1
- package/toggle/toggle.type.d.ts +12 -4
|
@@ -10,15 +10,15 @@ export class FormlyFieldTextArea extends FieldType {
|
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments);
|
|
12
12
|
this.defaultOptions = {
|
|
13
|
-
|
|
13
|
+
props: {
|
|
14
14
|
cols: 1,
|
|
15
15
|
rows: 1,
|
|
16
16
|
},
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
FormlyFieldTextArea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
21
|
-
FormlyFieldTextArea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
20
|
+
FormlyFieldTextArea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyFieldTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
FormlyFieldTextArea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FormlyFieldTextArea, selector: "formly-field-mat-textarea", providers: [
|
|
22
22
|
// fix for https://github.com/ngx-formly/ngx-formly/issues/1688
|
|
23
23
|
// rely on formControl value instead of elementRef which return empty value in Firefox.
|
|
24
24
|
{ provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: FormlyFieldTextArea },
|
|
@@ -26,23 +26,23 @@ FormlyFieldTextArea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
26
26
|
<textarea
|
|
27
27
|
matInput
|
|
28
28
|
[id]="id"
|
|
29
|
-
[readonly]="
|
|
29
|
+
[readonly]="props.readonly"
|
|
30
30
|
[required]="required"
|
|
31
31
|
[formControl]="formControl"
|
|
32
32
|
[errorStateMatcher]="errorStateMatcher"
|
|
33
|
-
[cols]="
|
|
34
|
-
[rows]="
|
|
33
|
+
[cols]="props.cols"
|
|
34
|
+
[rows]="props.rows"
|
|
35
35
|
[formlyAttributes]="field"
|
|
36
|
-
[placeholder]="
|
|
37
|
-
[tabindex]="
|
|
38
|
-
[cdkTextareaAutosize]="
|
|
39
|
-
[cdkAutosizeMinRows]="
|
|
40
|
-
[cdkAutosizeMaxRows]="
|
|
41
|
-
[class.cdk-textarea-autosize]="
|
|
36
|
+
[placeholder]="props.placeholder"
|
|
37
|
+
[tabindex]="props.tabindex"
|
|
38
|
+
[cdkTextareaAutosize]="props.autosize"
|
|
39
|
+
[cdkAutosizeMinRows]="props.autosizeMinRows"
|
|
40
|
+
[cdkAutosizeMaxRows]="props.autosizeMaxRows"
|
|
41
|
+
[class.cdk-textarea-autosize]="props.autosize"
|
|
42
42
|
>
|
|
43
43
|
</textarea>
|
|
44
44
|
`, isInline: true, directives: [{ type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { 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]" }, { type: i3.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyFieldTextArea, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
47
|
args: [{
|
|
48
48
|
selector: 'formly-field-mat-textarea',
|
|
@@ -50,19 +50,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
50
50
|
<textarea
|
|
51
51
|
matInput
|
|
52
52
|
[id]="id"
|
|
53
|
-
[readonly]="
|
|
53
|
+
[readonly]="props.readonly"
|
|
54
54
|
[required]="required"
|
|
55
55
|
[formControl]="formControl"
|
|
56
56
|
[errorStateMatcher]="errorStateMatcher"
|
|
57
|
-
[cols]="
|
|
58
|
-
[rows]="
|
|
57
|
+
[cols]="props.cols"
|
|
58
|
+
[rows]="props.rows"
|
|
59
59
|
[formlyAttributes]="field"
|
|
60
|
-
[placeholder]="
|
|
61
|
-
[tabindex]="
|
|
62
|
-
[cdkTextareaAutosize]="
|
|
63
|
-
[cdkAutosizeMinRows]="
|
|
64
|
-
[cdkAutosizeMaxRows]="
|
|
65
|
-
[class.cdk-textarea-autosize]="
|
|
60
|
+
[placeholder]="props.placeholder"
|
|
61
|
+
[tabindex]="props.tabindex"
|
|
62
|
+
[cdkTextareaAutosize]="props.autosize"
|
|
63
|
+
[cdkAutosizeMinRows]="props.autosizeMinRows"
|
|
64
|
+
[cdkAutosizeMaxRows]="props.autosizeMaxRows"
|
|
65
|
+
[class.cdk-textarea-autosize]="props.autosize"
|
|
66
66
|
>
|
|
67
67
|
</textarea>
|
|
68
68
|
`,
|
|
@@ -74,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
74
74
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
75
75
|
}]
|
|
76
76
|
}] });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEudHlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91aS9tYXRlcmlhbC90ZXh0YXJlYS9zcmMvdGV4dGFyZWEudHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFRLE1BQU0sZUFBZSxDQUFDO0FBRXpFLE9BQU8sRUFBRSxTQUFTLEVBQW9CLE1BQU0saUNBQWlDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7OztBQXlDbkUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLFNBQXlDO0lBN0JsRjs7UUE4QlcsbUJBQWMsR0FBRztZQUN4QixLQUFLLEVBQUU7Z0JBQ0wsSUFBSSxFQUFFLENBQUM7Z0JBQ1AsSUFBSSxFQUFFLENBQUM7YUFDUjtTQUNGLENBQUM7S0FDSDs7aUhBUFksbUJBQW1CO3FHQUFuQixtQkFBbUIsb0RBUG5CO1FBQ1QsK0RBQStEO1FBQy9ELHVGQUF1RjtRQUN2RixFQUFFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUU7S0FDeEUsaURBeEJTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUOzRGQVFVLG1CQUFtQjtrQkE3Qi9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUO29CQUNELFNBQVMsRUFBRTt3QkFDVCwrREFBK0Q7d0JBQy9ELHVGQUF1Rjt3QkFDdkYsRUFBRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsV0FBVyxxQkFBcUIsRUFBRTtxQkFDeEU7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmllbGRUeXBlQ29uZmlnLCBGb3JtbHlGaWVsZENvbmZpZyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgRmllbGRUeXBlLCBGb3JtbHlGaWVsZFByb3BzIH0gZnJvbSAnQG5neC1mb3JtbHkvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNQVRfSU5QVVRfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5cbmludGVyZmFjZSBUZXh0QXJlYVByb3BzIGV4dGVuZHMgRm9ybWx5RmllbGRQcm9wcyB7XG4gIGF1dG9zaXplPzogYm9vbGVhbjtcbiAgYXV0b3NpemVNaW5Sb3dzPzogbnVtYmVyO1xuICBhdXRvc2l6ZU1heFJvd3M/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybWx5VGV4dEFyZWFGaWVsZENvbmZpZyBleHRlbmRzIEZvcm1seUZpZWxkQ29uZmlnPFRleHRBcmVhUHJvcHM+IHtcbiAgdHlwZTogJ3RleHRhcmVhJyB8IFR5cGU8Rm9ybWx5RmllbGRUZXh0QXJlYT47XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Zvcm1seS1maWVsZC1tYXQtdGV4dGFyZWEnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDx0ZXh0YXJlYVxuICAgICAgbWF0SW5wdXRcbiAgICAgIFtpZF09XCJpZFwiXG4gICAgICBbcmVhZG9ubHldPVwicHJvcHMucmVhZG9ubHlcIlxuICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICBbZXJyb3JTdGF0ZU1hdGNoZXJdPVwiZXJyb3JTdGF0ZU1hdGNoZXJcIlxuICAgICAgW2NvbHNdPVwicHJvcHMuY29sc1wiXG4gICAgICBbcm93c109XCJwcm9wcy5yb3dzXCJcbiAgICAgIFtmb3JtbHlBdHRyaWJ1dGVzXT1cImZpZWxkXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJwcm9wcy5wbGFjZWhvbGRlclwiXG4gICAgICBbdGFiaW5kZXhdPVwicHJvcHMudGFiaW5kZXhcIlxuICAgICAgW2Nka1RleHRhcmVhQXV0b3NpemVdPVwicHJvcHMuYXV0b3NpemVcIlxuICAgICAgW2Nka0F1dG9zaXplTWluUm93c109XCJwcm9wcy5hdXRvc2l6ZU1pblJvd3NcIlxuICAgICAgW2Nka0F1dG9zaXplTWF4Um93c109XCJwcm9wcy5hdXRvc2l6ZU1heFJvd3NcIlxuICAgICAgW2NsYXNzLmNkay10ZXh0YXJlYS1hdXRvc2l6ZV09XCJwcm9wcy5hdXRvc2l6ZVwiXG4gICAgPlxuICAgIDwvdGV4dGFyZWE+XG4gIGAsXG4gIHByb3ZpZGVyczogW1xuICAgIC8vIGZpeCBmb3IgaHR0cHM6Ly9naXRodWIuY29tL25neC1mb3JtbHkvbmd4LWZvcm1seS9pc3N1ZXMvMTY4OFxuICAgIC8vIHJlbHkgb24gZm9ybUNvbnRyb2wgdmFsdWUgaW5zdGVhZCBvZiBlbGVtZW50UmVmIHdoaWNoIHJldHVybiBlbXB0eSB2YWx1ZSBpbiBGaXJlZm94LlxuICAgIHsgcHJvdmlkZTogTUFUX0lOUFVUX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogRm9ybWx5RmllbGRUZXh0QXJlYSB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybWx5RmllbGRUZXh0QXJlYSBleHRlbmRzIEZpZWxkVHlwZTxGaWVsZFR5cGVDb25maWc8VGV4dEFyZWFQcm9wcz4+IHtcbiAgb3ZlcnJpZGUgZGVmYXVsdE9wdGlvbnMgPSB7XG4gICAgcHJvcHM6IHtcbiAgICAgIGNvbHM6IDEsXG4gICAgICByb3dzOiAxLFxuICAgIH0sXG4gIH07XG59XG4iXX0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { FormlyMatToggleModule } from './toggle.module';
|
|
2
2
|
export { FormlyFieldToggle } from './toggle.type';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91aS9tYXRlcmlhbC90b2dnbGUvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUEyQixNQUFNLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEZvcm1seU1hdFRvZ2dsZU1vZHVsZSB9IGZyb20gJy4vdG9nZ2xlLm1vZHVsZSc7XG5leHBvcnQgeyBGb3JtbHlGaWVsZFRvZ2dsZSwgRm9ybWx5VG9nZ2xlRmllbGRDb25maWcgfSBmcm9tICcuL3RvZ2dsZS50eXBlJztcbiJdfQ==
|
|
@@ -9,12 +9,12 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
import * as i1 from "@ngx-formly/core";
|
|
10
10
|
export class FormlyMatToggleModule {
|
|
11
11
|
}
|
|
12
|
-
FormlyMatToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
13
|
-
FormlyMatToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
12
|
+
FormlyMatToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
13
|
+
FormlyMatToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatToggleModule, declarations: [FormlyFieldToggle], imports: [CommonModule,
|
|
14
14
|
ReactiveFormsModule,
|
|
15
15
|
MatSlideToggleModule,
|
|
16
16
|
FormlyMatFormFieldModule, i1.FormlyModule] });
|
|
17
|
-
FormlyMatToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
17
|
+
FormlyMatToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatToggleModule, imports: [[
|
|
18
18
|
CommonModule,
|
|
19
19
|
ReactiveFormsModule,
|
|
20
20
|
MatSlideToggleModule,
|
|
@@ -29,7 +29,7 @@ FormlyMatToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
|
|
|
29
29
|
],
|
|
30
30
|
}),
|
|
31
31
|
]] });
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatToggleModule, decorators: [{
|
|
33
33
|
type: NgModule,
|
|
34
34
|
args: [{
|
|
35
35
|
declarations: [FormlyFieldToggle],
|
|
@@ -50,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
50
50
|
],
|
|
51
51
|
}]
|
|
52
52
|
}] });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91aS9tYXRlcmlhbC90b2dnbGUvc3JjL3RvZ2dsZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBb0JsRCxNQUFNLE9BQU8scUJBQXFCOzttSEFBckIscUJBQXFCO29IQUFyQixxQkFBcUIsaUJBakJqQixpQkFBaUIsYUFFOUIsWUFBWTtRQUNaLG1CQUFtQjtRQUNuQixvQkFBb0I7UUFDcEIsd0JBQXdCO29IQVlmLHFCQUFxQixZQWhCdkI7WUFDUCxZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLG9CQUFvQjtZQUNwQix3QkFBd0I7WUFDeEIsWUFBWSxDQUFDLFFBQVEsQ0FBQztnQkFDcEIsS0FBSyxFQUFFO29CQUNMO3dCQUNFLElBQUksRUFBRSxRQUFRO3dCQUNkLFNBQVMsRUFBRSxpQkFBaUI7d0JBQzVCLFFBQVEsRUFBRSxDQUFDLFlBQVksQ0FBQztxQkFDekI7aUJBQ0Y7YUFDRixDQUFDO1NBQ0g7NEZBRVUscUJBQXFCO2tCQWxCakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDakMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixvQkFBb0I7d0JBQ3BCLHdCQUF3Qjt3QkFDeEIsWUFBWSxDQUFDLFFBQVEsQ0FBQzs0QkFDcEIsS0FBSyxFQUFFO2dDQUNMO29DQUNFLElBQUksRUFBRSxRQUFRO29DQUNkLFNBQVMsRUFBRSxpQkFBaUI7b0NBQzVCLFFBQVEsRUFBRSxDQUFDLFlBQVksQ0FBQztpQ0FDekI7NkJBQ0Y7eUJBQ0YsQ0FBQztxQkFDSDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRm9ybWx5TW9kdWxlIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0U2xpZGVUb2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbGlkZS10b2dnbGUnO1xuaW1wb3J0IHsgRm9ybWx5TWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQG5neC1mb3JtbHkvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5cbmltcG9ydCB7IEZvcm1seUZpZWxkVG9nZ2xlIH0gZnJvbSAnLi90b2dnbGUudHlwZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0Zvcm1seUZpZWxkVG9nZ2xlXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdFNsaWRlVG9nZ2xlTW9kdWxlLFxuICAgIEZvcm1seU1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICBGb3JtbHlNb2R1bGUuZm9yQ2hpbGQoe1xuICAgICAgdHlwZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgIG5hbWU6ICd0b2dnbGUnLFxuICAgICAgICAgIGNvbXBvbmVudDogRm9ybWx5RmllbGRUb2dnbGUsXG4gICAgICAgICAgd3JhcHBlcnM6IFsnZm9ybS1maWVsZCddLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICB9KSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybWx5TWF0VG9nZ2xlTW9kdWxlIHt9XG4iXX0=
|
|
@@ -9,7 +9,7 @@ export class FormlyFieldToggle extends FieldType {
|
|
|
9
9
|
constructor() {
|
|
10
10
|
super(...arguments);
|
|
11
11
|
this.defaultOptions = {
|
|
12
|
-
|
|
12
|
+
props: {
|
|
13
13
|
hideFieldUnderline: true,
|
|
14
14
|
floatLabel: 'always',
|
|
15
15
|
hideLabel: true,
|
|
@@ -21,21 +21,21 @@ export class FormlyFieldToggle extends FieldType {
|
|
|
21
21
|
super.onContainerClick(event);
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
FormlyFieldToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
25
|
-
FormlyFieldToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
24
|
+
FormlyFieldToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyFieldToggle, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
FormlyFieldToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FormlyFieldToggle, selector: "formly-field-mat-toggle", viewQueries: [{ propertyName: "slideToggle", first: true, predicate: MatSlideToggle, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
26
26
|
<mat-slide-toggle
|
|
27
27
|
[id]="id"
|
|
28
28
|
[formControl]="formControl"
|
|
29
29
|
[formlyAttributes]="field"
|
|
30
|
-
[color]="
|
|
31
|
-
[tabIndex]="
|
|
30
|
+
[color]="props.color"
|
|
31
|
+
[tabIndex]="props.tabindex"
|
|
32
32
|
[required]="required"
|
|
33
|
-
[labelPosition]="
|
|
33
|
+
[labelPosition]="props.labelPosition"
|
|
34
34
|
>
|
|
35
|
-
{{
|
|
35
|
+
{{ props.label }}
|
|
36
36
|
</mat-slide-toggle>
|
|
37
37
|
`, isInline: true, components: [{ type: i1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], directives: [{ type: i1.MatSlideToggleRequiredValidator, selector: "mat-slide-toggle[required][formControlName], mat-slide-toggle[required][formControl], mat-slide-toggle[required][ngModel]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyFieldToggle, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
40
|
args: [{
|
|
41
41
|
selector: 'formly-field-mat-toggle',
|
|
@@ -44,12 +44,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
44
44
|
[id]="id"
|
|
45
45
|
[formControl]="formControl"
|
|
46
46
|
[formlyAttributes]="field"
|
|
47
|
-
[color]="
|
|
48
|
-
[tabIndex]="
|
|
47
|
+
[color]="props.color"
|
|
48
|
+
[tabIndex]="props.tabindex"
|
|
49
49
|
[required]="required"
|
|
50
|
-
[labelPosition]="
|
|
50
|
+
[labelPosition]="props.labelPosition"
|
|
51
51
|
>
|
|
52
|
-
{{
|
|
52
|
+
{{ props.label }}
|
|
53
53
|
</mat-slide-toggle>
|
|
54
54
|
`,
|
|
55
55
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -58,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
58
58
|
type: ViewChild,
|
|
59
59
|
args: [MatSlideToggle, { static: true }]
|
|
60
60
|
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdWkvbWF0ZXJpYWwvdG9nZ2xlL3NyYy90b2dnbGUudHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBUSxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsU0FBUyxFQUFvQixNQUFNLGlDQUFpQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7QUEyQmhFLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxTQUF1QztJQWpCOUU7O1FBbUJXLG1CQUFjLEdBQUc7WUFDeEIsS0FBSyxFQUFFO2dCQUNMLGtCQUFrQixFQUFFLElBQUk7Z0JBQ3hCLFVBQVUsRUFBRSxRQUFpQjtnQkFDN0IsU0FBUyxFQUFFLElBQUk7YUFDaEI7U0FDRixDQUFDO0tBTUg7SUFKVSxnQkFBZ0IsQ0FBQyxLQUFpQjtRQUN6QyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3pCLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDOzsrR0FiVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw0R0FDakIsY0FBYyxxRkFoQmY7Ozs7Ozs7Ozs7OztHQVlUOzRGQUdVLGlCQUFpQjtrQkFqQjdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7R0FZVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7OEJBRThDLFdBQVc7c0JBQXZELFNBQVM7dUJBQUMsY0FBYyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdDaGlsZCwgVHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmllbGRUeXBlQ29uZmlnLCBGb3JtbHlGaWVsZENvbmZpZyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgRmllbGRUeXBlLCBGb3JtbHlGaWVsZFByb3BzIH0gZnJvbSAnQG5neC1mb3JtbHkvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNYXRTbGlkZVRvZ2dsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NsaWRlLXRvZ2dsZSc7XG5cbmludGVyZmFjZSBUb2dnbGVQcm9wcyBleHRlbmRzIEZvcm1seUZpZWxkUHJvcHMge1xuICBsYWJlbFBvc2l0aW9uPzogJ2JlZm9yZScgfCAnYWZ0ZXInO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZvcm1seVRvZ2dsZUZpZWxkQ29uZmlnIGV4dGVuZHMgRm9ybWx5RmllbGRDb25maWc8VG9nZ2xlUHJvcHM+IHtcbiAgdHlwZTogJ3RvZ2dsZScgfCBUeXBlPEZvcm1seUZpZWxkVG9nZ2xlPjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZm9ybWx5LWZpZWxkLW1hdC10b2dnbGUnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtc2xpZGUtdG9nZ2xlXG4gICAgICBbaWRdPVwiaWRcIlxuICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgIFtmb3JtbHlBdHRyaWJ1dGVzXT1cImZpZWxkXCJcbiAgICAgIFtjb2xvcl09XCJwcm9wcy5jb2xvclwiXG4gICAgICBbdGFiSW5kZXhdPVwicHJvcHMudGFiaW5kZXhcIlxuICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgIFtsYWJlbFBvc2l0aW9uXT1cInByb3BzLmxhYmVsUG9zaXRpb25cIlxuICAgID5cbiAgICAgIHt7IHByb3BzLmxhYmVsIH19XG4gICAgPC9tYXQtc2xpZGUtdG9nZ2xlPlxuICBgLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybWx5RmllbGRUb2dnbGUgZXh0ZW5kcyBGaWVsZFR5cGU8RmllbGRUeXBlQ29uZmlnPFRvZ2dsZVByb3BzPj4ge1xuICBAVmlld0NoaWxkKE1hdFNsaWRlVG9nZ2xlLCB7IHN0YXRpYzogdHJ1ZSB9KSBzbGlkZVRvZ2dsZSE6IE1hdFNsaWRlVG9nZ2xlO1xuICBvdmVycmlkZSBkZWZhdWx0T3B0aW9ucyA9IHtcbiAgICBwcm9wczoge1xuICAgICAgaGlkZUZpZWxkVW5kZXJsaW5lOiB0cnVlLFxuICAgICAgZmxvYXRMYWJlbDogJ2Fsd2F5cycgYXMgY29uc3QsXG4gICAgICBoaWRlTGFiZWw6IHRydWUsXG4gICAgfSxcbiAgfTtcblxuICBvdmVycmlkZSBvbkNvbnRhaW5lckNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5zbGlkZVRvZ2dsZS5mb2N1cygpO1xuICAgIHN1cGVyLm9uQ29udGFpbmVyQ2xpY2soZXZlbnQpO1xuICB9XG59XG4iXX0=
|
|
@@ -17,12 +17,11 @@ class FormlyFieldCheckbox extends FieldType {
|
|
|
17
17
|
this.renderer = renderer;
|
|
18
18
|
this.focusMonitor = focusMonitor;
|
|
19
19
|
this.defaultOptions = {
|
|
20
|
-
|
|
20
|
+
props: {
|
|
21
21
|
hideFieldUnderline: true,
|
|
22
22
|
indeterminate: true,
|
|
23
23
|
floatLabel: 'always',
|
|
24
24
|
hideLabel: true,
|
|
25
|
-
align: 'start',
|
|
26
25
|
color: 'accent', // workaround for https://github.com/angular/components/issues/18465
|
|
27
26
|
},
|
|
28
27
|
};
|
|
@@ -35,10 +34,10 @@ class FormlyFieldCheckbox extends FieldType {
|
|
|
35
34
|
if (this.checkbox) {
|
|
36
35
|
this.focusMonitor.monitor(this.checkbox._inputElement, true).subscribe((focusOrigin) => {
|
|
37
36
|
if (focusOrigin) {
|
|
38
|
-
this.
|
|
37
|
+
this.props.focus && this.props.focus(this.field);
|
|
39
38
|
}
|
|
40
39
|
else {
|
|
41
|
-
this.
|
|
40
|
+
this.props.blur && this.props.blur(this.field);
|
|
42
41
|
}
|
|
43
42
|
});
|
|
44
43
|
}
|
|
@@ -62,27 +61,27 @@ class FormlyFieldCheckbox extends FieldType {
|
|
|
62
61
|
}
|
|
63
62
|
}
|
|
64
63
|
}
|
|
65
|
-
FormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
66
|
-
FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
64
|
+
FormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyFieldCheckbox, deps: [{ token: i0.Renderer2 }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
+
FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FormlyFieldCheckbox, selector: "formly-field-mat-checkbox", viewQueries: [{ propertyName: "checkbox", first: true, predicate: MatCheckbox, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
67
66
|
<mat-checkbox
|
|
68
67
|
[formControl]="formControl"
|
|
69
68
|
[id]="id"
|
|
70
69
|
[formlyAttributes]="field"
|
|
71
|
-
[tabIndex]="
|
|
72
|
-
[indeterminate]="
|
|
73
|
-
[color]="
|
|
74
|
-
[labelPosition]="
|
|
70
|
+
[tabIndex]="props.tabindex"
|
|
71
|
+
[indeterminate]="props.indeterminate && formControl.value == null"
|
|
72
|
+
[color]="props.color"
|
|
73
|
+
[labelPosition]="props.labelPosition"
|
|
75
74
|
>
|
|
76
|
-
{{
|
|
75
|
+
{{ props.label }}
|
|
77
76
|
<span
|
|
78
|
-
*ngIf="
|
|
77
|
+
*ngIf="props.required && props.hideRequiredMarker !== true"
|
|
79
78
|
aria-hidden="true"
|
|
80
79
|
class="mat-form-field-required-marker"
|
|
81
80
|
>*</span
|
|
82
81
|
>
|
|
83
82
|
</mat-checkbox>
|
|
84
83
|
`, isInline: true, components: [{ type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
|
|
86
85
|
type: Component,
|
|
87
86
|
args: [{
|
|
88
87
|
selector: 'formly-field-mat-checkbox',
|
|
@@ -91,14 +90,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
91
90
|
[formControl]="formControl"
|
|
92
91
|
[id]="id"
|
|
93
92
|
[formlyAttributes]="field"
|
|
94
|
-
[tabIndex]="
|
|
95
|
-
[indeterminate]="
|
|
96
|
-
[color]="
|
|
97
|
-
[labelPosition]="
|
|
93
|
+
[tabIndex]="props.tabindex"
|
|
94
|
+
[indeterminate]="props.indeterminate && formControl.value == null"
|
|
95
|
+
[color]="props.color"
|
|
96
|
+
[labelPosition]="props.labelPosition"
|
|
98
97
|
>
|
|
99
|
-
{{
|
|
98
|
+
{{ props.label }}
|
|
100
99
|
<span
|
|
101
|
-
*ngIf="
|
|
100
|
+
*ngIf="props.required && props.hideRequiredMarker !== true"
|
|
102
101
|
aria-hidden="true"
|
|
103
102
|
class="mat-form-field-required-marker"
|
|
104
103
|
>*</span
|
|
@@ -114,12 +113,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
114
113
|
|
|
115
114
|
class FormlyMatCheckboxModule {
|
|
116
115
|
}
|
|
117
|
-
FormlyMatCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
118
|
-
FormlyMatCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
116
|
+
FormlyMatCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
117
|
+
FormlyMatCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
|
|
119
118
|
ReactiveFormsModule,
|
|
120
119
|
MatCheckboxModule,
|
|
121
120
|
FormlyMatFormFieldModule, i4.FormlyModule] });
|
|
122
|
-
FormlyMatCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
121
|
+
FormlyMatCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatCheckboxModule, imports: [[
|
|
123
122
|
CommonModule,
|
|
124
123
|
ReactiveFormsModule,
|
|
125
124
|
MatCheckboxModule,
|
|
@@ -138,7 +137,7 @@ FormlyMatCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
|
|
|
138
137
|
],
|
|
139
138
|
}),
|
|
140
139
|
]] });
|
|
141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatCheckboxModule, decorators: [{
|
|
142
141
|
type: NgModule,
|
|
143
142
|
args: [{
|
|
144
143
|
declarations: [FormlyFieldCheckbox],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-material-checkbox.mjs","sources":["../../../../src/ui/material/checkbox/src/checkbox.type.ts","../../../../src/ui/material/checkbox/src/checkbox.module.ts","../../../../src/ui/material/checkbox/src/ngx-formly-material-checkbox.ts"],"sourcesContent":["import {\n Component,\n ViewChild,\n ChangeDetectionStrategy,\n Renderer2,\n AfterViewChecked,\n OnDestroy,\n AfterViewInit,\n} from '@angular/core';\nimport { FieldTypeConfig } from '@ngx-formly/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { FocusMonitor } from '@angular/cdk/a11y';\n\n@Component({\n selector: 'formly-field-mat-checkbox',\n template: `\n <mat-checkbox\n [formControl]=\"formControl\"\n [id]=\"id\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"
|
|
1
|
+
{"version":3,"file":"ngx-formly-material-checkbox.mjs","sources":["../../../../src/ui/material/checkbox/src/checkbox.type.ts","../../../../src/ui/material/checkbox/src/checkbox.module.ts","../../../../src/ui/material/checkbox/src/ngx-formly-material-checkbox.ts"],"sourcesContent":["import {\n Component,\n ViewChild,\n ChangeDetectionStrategy,\n Renderer2,\n AfterViewChecked,\n OnDestroy,\n AfterViewInit,\n Type,\n} from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { FocusMonitor } from '@angular/cdk/a11y';\n\ninterface CheckboxProps extends FormlyFieldProps {\n indeterminate?: boolean;\n labelPosition?: 'before' | 'after';\n}\n\nexport interface FormlyCheckboxFieldConfig extends FormlyFieldConfig<CheckboxProps> {\n type: 'checkbox' | Type<FormlyFieldCheckbox>;\n}\n\n@Component({\n selector: 'formly-field-mat-checkbox',\n template: `\n <mat-checkbox\n [formControl]=\"formControl\"\n [id]=\"id\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"props.tabindex\"\n [indeterminate]=\"props.indeterminate && formControl.value == null\"\n [color]=\"props.color\"\n [labelPosition]=\"props.labelPosition\"\n >\n {{ props.label }}\n <span\n *ngIf=\"props.required && props.hideRequiredMarker !== true\"\n aria-hidden=\"true\"\n class=\"mat-form-field-required-marker\"\n >*</span\n >\n </mat-checkbox>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldCheckbox\n extends FieldType<FieldTypeConfig<CheckboxProps>>\n implements AfterViewInit, AfterViewChecked, OnDestroy\n{\n @ViewChild(MatCheckbox, { static: true }) checkbox!: MatCheckbox;\n override defaultOptions = {\n props: {\n hideFieldUnderline: true,\n indeterminate: true,\n floatLabel: 'always' as const,\n hideLabel: true,\n color: 'accent' as const, // workaround for https://github.com/angular/components/issues/18465\n },\n };\n\n private _required!: boolean;\n constructor(private renderer: Renderer2, private focusMonitor: FocusMonitor) {\n super();\n }\n\n override onContainerClick(event: MouseEvent): void {\n this.checkbox.focus();\n super.onContainerClick(event);\n }\n\n ngAfterViewInit() {\n if (this.checkbox) {\n this.focusMonitor.monitor(this.checkbox._inputElement, true).subscribe((focusOrigin) => {\n if (focusOrigin) {\n this.props.focus && this.props.focus(this.field);\n } else {\n this.props.blur && this.props.blur(this.field);\n }\n });\n }\n }\n\n ngAfterViewChecked() {\n if (this.required !== this._required && this.checkbox && this.checkbox._inputElement) {\n this._required = this.required;\n const inputElement = this.checkbox._inputElement.nativeElement;\n if (this.required) {\n this.renderer.setAttribute(inputElement, 'required', 'required');\n } else {\n this.renderer.removeAttribute(inputElement, 'required');\n }\n }\n }\n\n override ngOnDestroy() {\n super.ngOnDestroy();\n if (this.checkbox) {\n this.focusMonitor.stopMonitoring(this.checkbox._inputElement);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\nimport { FormlyFieldCheckbox } from './checkbox.type';\n\n@NgModule({\n declarations: [FormlyFieldCheckbox],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n MatCheckboxModule,\n\n FormlyMatFormFieldModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'checkbox',\n component: FormlyFieldCheckbox,\n wrappers: ['form-field'],\n },\n {\n name: 'boolean',\n extends: 'checkbox',\n },\n ],\n }),\n ],\n})\nexport class FormlyMatCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -12,14 +12,17 @@ import * as i2 from '@angular/material/datepicker';
|
|
|
12
12
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
13
13
|
|
|
14
14
|
class FormlyFieldDatepicker extends FieldType {
|
|
15
|
-
constructor(config) {
|
|
15
|
+
constructor(config, cdRef) {
|
|
16
16
|
super();
|
|
17
17
|
this.config = config;
|
|
18
|
+
this.cdRef = cdRef;
|
|
18
19
|
this.defaultOptions = {
|
|
19
|
-
|
|
20
|
+
props: {
|
|
20
21
|
datepickerOptions: {
|
|
21
22
|
startView: 'month',
|
|
22
23
|
datepickerTogglePosition: 'suffix',
|
|
24
|
+
disabled: false,
|
|
25
|
+
opened: false,
|
|
23
26
|
dateInput: () => { },
|
|
24
27
|
dateChange: () => { },
|
|
25
28
|
monthSelected: () => { },
|
|
@@ -33,12 +36,15 @@ class FormlyFieldDatepicker extends FieldType {
|
|
|
33
36
|
(_b = (_a = this.options).detectChanges) === null || _b === void 0 ? void 0 : _b.call(_a, this.field);
|
|
34
37
|
}
|
|
35
38
|
ngAfterViewInit() {
|
|
36
|
-
this.
|
|
39
|
+
this.props[this.props.datepickerOptions.datepickerTogglePosition] = this.datepickerToggle;
|
|
40
|
+
ɵobserve(this.field, ['props', 'datepickerOptions', 'opened'], () => {
|
|
41
|
+
this.cdRef.detectChanges();
|
|
42
|
+
});
|
|
37
43
|
// temporary fix for https://github.com/angular/components/issues/16761
|
|
38
44
|
if (this.config.getValidatorMessage('matDatepickerParse')) {
|
|
39
45
|
this.fieldErrorsObserver = ɵobserve(this.field, ['formControl', 'errors'], ({ currentValue }) => {
|
|
40
46
|
var _a;
|
|
41
|
-
if (currentValue.required && currentValue.matDatepickerParse) {
|
|
47
|
+
if (currentValue && currentValue.required && currentValue.matDatepickerParse) {
|
|
42
48
|
const errors = Object.keys(currentValue)
|
|
43
49
|
.sort((prop) => (prop === 'matDatepickerParse' ? -1 : 0))
|
|
44
50
|
.reduce((errors, prop) => (Object.assign(Object.assign({}, errors), { [prop]: currentValue[prop] })), {});
|
|
@@ -53,45 +59,51 @@ class FormlyFieldDatepicker extends FieldType {
|
|
|
53
59
|
(_a = this.fieldErrorsObserver) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
54
60
|
}
|
|
55
61
|
}
|
|
56
|
-
FormlyFieldDatepicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
57
|
-
FormlyFieldDatepicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
62
|
+
FormlyFieldDatepicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyFieldDatepicker, deps: [{ token: i1.FormlyConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
63
|
+
FormlyFieldDatepicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FormlyFieldDatepicker, selector: "formly-field-mat-datepicker", viewQueries: [{ propertyName: "datepickerToggle", first: true, predicate: ["datepickerToggle"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
58
64
|
<input
|
|
59
65
|
matInput
|
|
60
66
|
[id]="id"
|
|
61
67
|
[errorStateMatcher]="errorStateMatcher"
|
|
62
68
|
[formControl]="formControl"
|
|
63
69
|
[matDatepicker]="picker"
|
|
64
|
-
[matDatepickerFilter]="
|
|
65
|
-
[max]="
|
|
66
|
-
[min]="
|
|
70
|
+
[matDatepickerFilter]="props.datepickerOptions.filter"
|
|
71
|
+
[max]="props.datepickerOptions.max"
|
|
72
|
+
[min]="props.datepickerOptions.min"
|
|
67
73
|
[formlyAttributes]="field"
|
|
68
|
-
[placeholder]="
|
|
69
|
-
[tabindex]="
|
|
70
|
-
[readonly]="
|
|
74
|
+
[placeholder]="props.placeholder"
|
|
75
|
+
[tabindex]="props.tabindex"
|
|
76
|
+
[readonly]="props.readonly"
|
|
71
77
|
[required]="required"
|
|
72
|
-
(dateInput)="
|
|
73
|
-
(dateChange)="
|
|
78
|
+
(dateInput)="props.datepickerOptions.dateInput(field, $event)"
|
|
79
|
+
(dateChange)="props.datepickerOptions.dateChange(field, $event)"
|
|
74
80
|
/>
|
|
75
81
|
<ng-template #datepickerToggle>
|
|
76
|
-
<mat-datepicker-toggle
|
|
82
|
+
<mat-datepicker-toggle
|
|
83
|
+
(click)="detectChanges()"
|
|
84
|
+
[disabled]="props.disabled"
|
|
85
|
+
[for]="picker"
|
|
86
|
+
></mat-datepicker-toggle>
|
|
77
87
|
</ng-template>
|
|
78
88
|
<mat-datepicker
|
|
79
89
|
#picker
|
|
80
|
-
[color]="
|
|
81
|
-
[dateClass]="
|
|
82
|
-
[disabled]="
|
|
83
|
-
[opened]="
|
|
84
|
-
[panelClass]="
|
|
85
|
-
[startAt]="
|
|
86
|
-
[startView]="
|
|
87
|
-
[touchUi]="
|
|
88
|
-
[calendarHeaderComponent]="
|
|
89
|
-
(monthSelected)="
|
|
90
|
-
(yearSelected)="
|
|
90
|
+
[color]="props.color"
|
|
91
|
+
[dateClass]="props.datepickerOptions.dateClass"
|
|
92
|
+
[disabled]="props.datepickerOptions.disabled"
|
|
93
|
+
[opened]="props.datepickerOptions.opened"
|
|
94
|
+
[panelClass]="props.datepickerOptions.panelClass"
|
|
95
|
+
[startAt]="props.datepickerOptions.startAt"
|
|
96
|
+
[startView]="props.datepickerOptions.startView"
|
|
97
|
+
[touchUi]="props.datepickerOptions.touchUi"
|
|
98
|
+
[calendarHeaderComponent]="props.datepickerOptions.calendarHeaderComponent"
|
|
99
|
+
(monthSelected)="props.datepickerOptions.monthSelected(field, $event, picker)"
|
|
100
|
+
(yearSelected)="props.datepickerOptions.yearSelected(field, $event, picker)"
|
|
101
|
+
(opened)="props.datepickerOptions.opened = true"
|
|
102
|
+
(closed)="props.datepickerOptions.opened = false"
|
|
91
103
|
>
|
|
92
104
|
</mat-datepicker>
|
|
93
105
|
`, isInline: true, components: [{ type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ 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"], exportAs: ["matInput"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyFieldDatepicker, decorators: [{
|
|
95
107
|
type: Component,
|
|
96
108
|
args: [{
|
|
97
109
|
selector: 'formly-field-mat-datepicker',
|
|
@@ -102,52 +114,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
102
114
|
[errorStateMatcher]="errorStateMatcher"
|
|
103
115
|
[formControl]="formControl"
|
|
104
116
|
[matDatepicker]="picker"
|
|
105
|
-
[matDatepickerFilter]="
|
|
106
|
-
[max]="
|
|
107
|
-
[min]="
|
|
117
|
+
[matDatepickerFilter]="props.datepickerOptions.filter"
|
|
118
|
+
[max]="props.datepickerOptions.max"
|
|
119
|
+
[min]="props.datepickerOptions.min"
|
|
108
120
|
[formlyAttributes]="field"
|
|
109
|
-
[placeholder]="
|
|
110
|
-
[tabindex]="
|
|
111
|
-
[readonly]="
|
|
121
|
+
[placeholder]="props.placeholder"
|
|
122
|
+
[tabindex]="props.tabindex"
|
|
123
|
+
[readonly]="props.readonly"
|
|
112
124
|
[required]="required"
|
|
113
|
-
(dateInput)="
|
|
114
|
-
(dateChange)="
|
|
125
|
+
(dateInput)="props.datepickerOptions.dateInput(field, $event)"
|
|
126
|
+
(dateChange)="props.datepickerOptions.dateChange(field, $event)"
|
|
115
127
|
/>
|
|
116
128
|
<ng-template #datepickerToggle>
|
|
117
|
-
<mat-datepicker-toggle
|
|
129
|
+
<mat-datepicker-toggle
|
|
130
|
+
(click)="detectChanges()"
|
|
131
|
+
[disabled]="props.disabled"
|
|
132
|
+
[for]="picker"
|
|
133
|
+
></mat-datepicker-toggle>
|
|
118
134
|
</ng-template>
|
|
119
135
|
<mat-datepicker
|
|
120
136
|
#picker
|
|
121
|
-
[color]="
|
|
122
|
-
[dateClass]="
|
|
123
|
-
[disabled]="
|
|
124
|
-
[opened]="
|
|
125
|
-
[panelClass]="
|
|
126
|
-
[startAt]="
|
|
127
|
-
[startView]="
|
|
128
|
-
[touchUi]="
|
|
129
|
-
[calendarHeaderComponent]="
|
|
130
|
-
(monthSelected)="
|
|
131
|
-
(yearSelected)="
|
|
137
|
+
[color]="props.color"
|
|
138
|
+
[dateClass]="props.datepickerOptions.dateClass"
|
|
139
|
+
[disabled]="props.datepickerOptions.disabled"
|
|
140
|
+
[opened]="props.datepickerOptions.opened"
|
|
141
|
+
[panelClass]="props.datepickerOptions.panelClass"
|
|
142
|
+
[startAt]="props.datepickerOptions.startAt"
|
|
143
|
+
[startView]="props.datepickerOptions.startView"
|
|
144
|
+
[touchUi]="props.datepickerOptions.touchUi"
|
|
145
|
+
[calendarHeaderComponent]="props.datepickerOptions.calendarHeaderComponent"
|
|
146
|
+
(monthSelected)="props.datepickerOptions.monthSelected(field, $event, picker)"
|
|
147
|
+
(yearSelected)="props.datepickerOptions.yearSelected(field, $event, picker)"
|
|
148
|
+
(opened)="props.datepickerOptions.opened = true"
|
|
149
|
+
(closed)="props.datepickerOptions.opened = false"
|
|
132
150
|
>
|
|
133
151
|
</mat-datepicker>
|
|
134
152
|
`,
|
|
135
153
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
136
154
|
}]
|
|
137
|
-
}], ctorParameters: function () { return [{ type: i1.FormlyConfig }]; }, propDecorators: { datepickerToggle: [{
|
|
155
|
+
}], ctorParameters: function () { return [{ type: i1.FormlyConfig }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { datepickerToggle: [{
|
|
138
156
|
type: ViewChild,
|
|
139
157
|
args: ['datepickerToggle', { static: true }]
|
|
140
158
|
}] } });
|
|
141
159
|
|
|
142
160
|
class FormlyMatDatepickerModule {
|
|
143
161
|
}
|
|
144
|
-
FormlyMatDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
145
|
-
FormlyMatDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
162
|
+
FormlyMatDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
163
|
+
FormlyMatDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatDatepickerModule, declarations: [FormlyFieldDatepicker], imports: [CommonModule,
|
|
146
164
|
ReactiveFormsModule,
|
|
147
165
|
MatInputModule,
|
|
148
166
|
MatDatepickerModule,
|
|
149
167
|
FormlyMatFormFieldModule, i1.FormlyModule] });
|
|
150
|
-
FormlyMatDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
168
|
+
FormlyMatDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatDatepickerModule, imports: [[
|
|
151
169
|
CommonModule,
|
|
152
170
|
ReactiveFormsModule,
|
|
153
171
|
MatInputModule,
|
|
@@ -163,7 +181,7 @@ FormlyMatDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0
|
|
|
163
181
|
],
|
|
164
182
|
}),
|
|
165
183
|
]] });
|
|
166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
184
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMatDatepickerModule, decorators: [{
|
|
167
185
|
type: NgModule,
|
|
168
186
|
args: [{
|
|
169
187
|
declarations: [FormlyFieldDatepicker],
|