@ngx-formly/ionic 6.0.0-next.7 → 6.0.0-next.8
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/datetime/datetime.type.d.ts +13 -0
- package/esm2020/checkbox/checkbox.module.mjs +4 -4
- package/esm2020/checkbox/checkbox.type.mjs +3 -3
- package/esm2020/datetime/datetime.module.mjs +4 -4
- package/esm2020/datetime/datetime.type.mjs +113 -53
- package/esm2020/form-field/form-field.module.mjs +4 -4
- package/esm2020/form-field/form-field.wrapper.mjs +4 -4
- package/esm2020/form-field/formly.attributes.mjs +3 -3
- package/esm2020/input/input.module.mjs +4 -4
- package/esm2020/input/input.type.mjs +3 -3
- package/esm2020/lib/ui-ionic.module.mjs +4 -4
- package/esm2020/radio/radio.module.mjs +4 -4
- package/esm2020/radio/radio.type.mjs +4 -4
- package/esm2020/select/select.module.mjs +4 -4
- package/esm2020/select/select.type.mjs +3 -3
- package/esm2020/slider/slider.module.mjs +4 -4
- package/esm2020/slider/slider.type.mjs +4 -4
- package/esm2020/textarea/textarea.module.mjs +4 -4
- package/esm2020/textarea/textarea.type.mjs +3 -3
- package/esm2020/toggle/toggle.module.mjs +4 -4
- package/esm2020/toggle/toggle.type.mjs +3 -3
- package/fesm2015/ngx-formly-ionic-checkbox.mjs +7 -7
- package/fesm2015/ngx-formly-ionic-datetime.mjs +118 -57
- package/fesm2015/ngx-formly-ionic-datetime.mjs.map +1 -1
- package/fesm2015/ngx-formly-ionic-form-field.mjs +11 -11
- package/fesm2015/ngx-formly-ionic-input.mjs +7 -7
- package/fesm2015/ngx-formly-ionic-radio.mjs +8 -8
- package/fesm2015/ngx-formly-ionic-select.mjs +7 -7
- package/fesm2015/ngx-formly-ionic-slider.mjs +8 -8
- package/fesm2015/ngx-formly-ionic-textarea.mjs +7 -7
- package/fesm2015/ngx-formly-ionic-toggle.mjs +7 -7
- package/fesm2015/ngx-formly-ionic.mjs +4 -4
- package/fesm2020/ngx-formly-ionic-checkbox.mjs +7 -7
- package/fesm2020/ngx-formly-ionic-datetime.mjs +116 -57
- package/fesm2020/ngx-formly-ionic-datetime.mjs.map +1 -1
- package/fesm2020/ngx-formly-ionic-form-field.mjs +11 -11
- package/fesm2020/ngx-formly-ionic-input.mjs +7 -7
- package/fesm2020/ngx-formly-ionic-radio.mjs +8 -8
- package/fesm2020/ngx-formly-ionic-select.mjs +7 -7
- package/fesm2020/ngx-formly-ionic-slider.mjs +8 -8
- package/fesm2020/ngx-formly-ionic-textarea.mjs +7 -7
- package/fesm2020/ngx-formly-ionic-toggle.mjs +7 -7
- package/fesm2020/ngx-formly-ionic.mjs +4 -4
- package/package.json +3 -3
|
@@ -12,14 +12,14 @@ import { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';
|
|
|
12
12
|
|
|
13
13
|
class FormlyFieldSlider extends FieldType {
|
|
14
14
|
}
|
|
15
|
-
FormlyFieldSlider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
16
|
-
FormlyFieldSlider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
15
|
+
FormlyFieldSlider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldSlider, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
FormlyFieldSlider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldSlider, selector: "formly-field-ion-range", usesInheritance: true, ngImport: i0, template: `
|
|
17
17
|
<ion-range [min]="to.min" [max]="to.max" [formControl]="formControl" [ionFormlyAttributes]="field">
|
|
18
18
|
<ion-label slot="start">{{ to.min }}</ion-label>
|
|
19
19
|
<ion-label slot="end">{{ to.max }}</ion-label>
|
|
20
20
|
</ion-range>
|
|
21
|
-
`, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonRange, selector: "ion-range", inputs: ["color", "debounce", "disabled", "dualKnobs", "max", "min", "mode", "name", "pin", "snaps", "step", "ticks", "value"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
21
|
+
`, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonRange, selector: "ion-range", inputs: ["color", "debounce", "disabled", "dualKnobs", "max", "min", "mode", "name", "pin", "pinFormatter", "snaps", "step", "ticks", "value"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldSlider, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{
|
|
25
25
|
selector: 'formly-field-ion-range',
|
|
@@ -36,12 +36,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
36
36
|
|
|
37
37
|
class FormlySliderModule {
|
|
38
38
|
}
|
|
39
|
-
FormlySliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
40
|
-
FormlySliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
39
|
+
FormlySliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
40
|
+
FormlySliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySliderModule, declarations: [FormlyFieldSlider], imports: [CommonModule,
|
|
41
41
|
ReactiveFormsModule,
|
|
42
42
|
IonicModule,
|
|
43
43
|
FormlyFormFieldModule, i1$1.FormlyModule] });
|
|
44
|
-
FormlySliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
44
|
+
FormlySliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySliderModule, imports: [[
|
|
45
45
|
CommonModule,
|
|
46
46
|
ReactiveFormsModule,
|
|
47
47
|
IonicModule,
|
|
@@ -53,7 +53,7 @@ FormlySliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
|
|
|
53
53
|
],
|
|
54
54
|
}),
|
|
55
55
|
]] });
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySliderModule, decorators: [{
|
|
57
57
|
type: NgModule,
|
|
58
58
|
args: [{
|
|
59
59
|
declarations: [FormlyFieldSlider],
|
|
@@ -12,12 +12,12 @@ import { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';
|
|
|
12
12
|
|
|
13
13
|
class FormlyFieldTextArea extends FieldType {
|
|
14
14
|
}
|
|
15
|
-
FormlyFieldTextArea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
16
|
-
FormlyFieldTextArea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
15
|
+
FormlyFieldTextArea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
FormlyFieldTextArea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldTextArea, selector: "formly-field-ion-textarea", usesInheritance: true, ngImport: i0, template: `
|
|
17
17
|
<ion-textarea [formControl]="formControl" [ionFormlyAttributes]="field" [cols]="to.cols" [rows]="to.rows">
|
|
18
18
|
</ion-textarea>
|
|
19
19
|
`, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "spellcheck", "value", "wrap"] }], directives: [{ type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldTextArea, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{
|
|
23
23
|
selector: 'formly-field-ion-textarea',
|
|
@@ -32,12 +32,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
32
32
|
|
|
33
33
|
class FormlyTextAreaModule {
|
|
34
34
|
}
|
|
35
|
-
FormlyTextAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
36
|
-
FormlyTextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
35
|
+
FormlyTextAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
36
|
+
FormlyTextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyTextAreaModule, declarations: [FormlyFieldTextArea], imports: [CommonModule,
|
|
37
37
|
ReactiveFormsModule,
|
|
38
38
|
IonicModule,
|
|
39
39
|
FormlyFormFieldModule, i1$1.FormlyModule] });
|
|
40
|
-
FormlyTextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
40
|
+
FormlyTextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyTextAreaModule, imports: [[
|
|
41
41
|
CommonModule,
|
|
42
42
|
ReactiveFormsModule,
|
|
43
43
|
IonicModule,
|
|
@@ -52,7 +52,7 @@ FormlyTextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
|
|
|
52
52
|
],
|
|
53
53
|
}),
|
|
54
54
|
]] });
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyTextAreaModule, decorators: [{
|
|
56
56
|
type: NgModule,
|
|
57
57
|
args: [{
|
|
58
58
|
declarations: [FormlyFieldTextArea],
|
|
@@ -12,9 +12,9 @@ import { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';
|
|
|
12
12
|
|
|
13
13
|
class FormlyFieldToggle extends FieldType {
|
|
14
14
|
}
|
|
15
|
-
FormlyFieldToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
16
|
-
FormlyFieldToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
15
|
+
FormlyFieldToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldToggle, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
FormlyFieldToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldToggle, selector: "formly-field-ion-toggle", usesInheritance: true, ngImport: i0, template: ` <ion-toggle [formControl]="formControl" [ionFormlyAttributes]="field"> </ion-toggle> `, isInline: true, components: [{ type: i1.IonToggle, selector: "ion-toggle", inputs: ["checked", "color", "disabled", "mode", "name", "value"] }], directives: [{ type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldToggle, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{
|
|
20
20
|
selector: 'formly-field-ion-toggle',
|
|
@@ -25,12 +25,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
25
25
|
|
|
26
26
|
class FormlyToggleModule {
|
|
27
27
|
}
|
|
28
|
-
FormlyToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
29
|
-
FormlyToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
28
|
+
FormlyToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
29
|
+
FormlyToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyToggleModule, declarations: [FormlyFieldToggle], imports: [CommonModule,
|
|
30
30
|
ReactiveFormsModule,
|
|
31
31
|
IonicModule,
|
|
32
32
|
FormlyFormFieldModule, i1$1.FormlyModule] });
|
|
33
|
-
FormlyToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
33
|
+
FormlyToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyToggleModule, imports: [[
|
|
34
34
|
CommonModule,
|
|
35
35
|
ReactiveFormsModule,
|
|
36
36
|
IonicModule,
|
|
@@ -45,7 +45,7 @@ FormlyToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
|
|
|
45
45
|
],
|
|
46
46
|
}),
|
|
47
47
|
]] });
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyToggleModule, decorators: [{
|
|
49
49
|
type: NgModule,
|
|
50
50
|
args: [{
|
|
51
51
|
declarations: [FormlyFieldToggle],
|
|
@@ -12,8 +12,8 @@ import { FormlyDatetimeModule } from '@ngx-formly/ionic/datetime';
|
|
|
12
12
|
|
|
13
13
|
class FormlyIonicModule {
|
|
14
14
|
}
|
|
15
|
-
FormlyIonicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
16
|
-
FormlyIonicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
15
|
+
FormlyIonicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyIonicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
+
FormlyIonicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyIonicModule, imports: [FormlyFormFieldModule,
|
|
17
17
|
FormlyInputModule,
|
|
18
18
|
FormlyTextAreaModule,
|
|
19
19
|
FormlyRadioModule,
|
|
@@ -22,7 +22,7 @@ FormlyIonicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
|
|
|
22
22
|
FormlyToggleModule,
|
|
23
23
|
FormlySliderModule,
|
|
24
24
|
FormlyDatetimeModule], exports: [FormlyFormFieldModule] });
|
|
25
|
-
FormlyIonicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
25
|
+
FormlyIonicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyIonicModule, imports: [[
|
|
26
26
|
FormlyFormFieldModule,
|
|
27
27
|
FormlyInputModule,
|
|
28
28
|
FormlyTextAreaModule,
|
|
@@ -33,7 +33,7 @@ FormlyIonicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
|
|
|
33
33
|
FormlySliderModule,
|
|
34
34
|
FormlyDatetimeModule,
|
|
35
35
|
], FormlyFormFieldModule] });
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyIonicModule, decorators: [{
|
|
37
37
|
type: NgModule,
|
|
38
38
|
args: [{
|
|
39
39
|
imports: [
|
|
@@ -12,9 +12,9 @@ import { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';
|
|
|
12
12
|
|
|
13
13
|
class FormlyFieldCheckbox extends FieldType {
|
|
14
14
|
}
|
|
15
|
-
FormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
16
|
-
FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
15
|
+
FormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldCheckbox, selector: "formly-field-ion-checkbox", usesInheritance: true, ngImport: i0, template: ` <ion-checkbox [formControl]="formControl" [ionFormlyAttributes]="field"> </ion-checkbox> `, isInline: true, components: [{ type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "mode", "name", "value"] }], directives: [{ type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{
|
|
20
20
|
selector: 'formly-field-ion-checkbox',
|
|
@@ -25,12 +25,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
25
25
|
|
|
26
26
|
class FormlyCheckboxModule {
|
|
27
27
|
}
|
|
28
|
-
FormlyCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
29
|
-
FormlyCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
28
|
+
FormlyCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
29
|
+
FormlyCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
|
|
30
30
|
ReactiveFormsModule,
|
|
31
31
|
IonicModule,
|
|
32
32
|
FormlyFormFieldModule, i1$1.FormlyModule] });
|
|
33
|
-
FormlyCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
33
|
+
FormlyCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, imports: [[
|
|
34
34
|
CommonModule,
|
|
35
35
|
ReactiveFormsModule,
|
|
36
36
|
IonicModule,
|
|
@@ -49,7 +49,7 @@ FormlyCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
|
|
|
49
49
|
],
|
|
50
50
|
}),
|
|
51
51
|
]] });
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, decorators: [{
|
|
53
53
|
type: NgModule,
|
|
54
54
|
args: [{
|
|
55
55
|
declarations: [FormlyFieldCheckbox],
|
|
@@ -1,80 +1,139 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, NgModule } from '@angular/core';
|
|
3
|
+
import * as i4 from '@angular/common';
|
|
3
4
|
import { CommonModule } from '@angular/common';
|
|
4
5
|
import * as i1$1 from '@ngx-formly/core';
|
|
5
6
|
import { FieldType, FormlyModule } from '@ngx-formly/core';
|
|
6
7
|
import * as i2 from '@angular/forms';
|
|
7
8
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
8
9
|
import * as i1 from '@ionic/angular';
|
|
9
|
-
import { IonicModule } from '@ionic/angular';
|
|
10
|
+
import { IonDatetime, IonicModule } from '@ionic/angular';
|
|
10
11
|
import * as i3 from '@ngx-formly/ionic/form-field';
|
|
11
12
|
import { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';
|
|
12
13
|
|
|
13
14
|
class FormlyFieldDatetime extends FieldType {
|
|
15
|
+
constructor() {
|
|
16
|
+
super(...arguments);
|
|
17
|
+
this.isOpen = false;
|
|
18
|
+
this.defaultOptions = {
|
|
19
|
+
templateOptions: {
|
|
20
|
+
displayFormat: undefined,
|
|
21
|
+
presentation: 'date', // date | time | time-date
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
displayFormat() {
|
|
26
|
+
if (this.to.displayFormat) {
|
|
27
|
+
return this.to.displayFormat;
|
|
28
|
+
}
|
|
29
|
+
switch (this.to.presentation) {
|
|
30
|
+
case 'time-date':
|
|
31
|
+
return 'short';
|
|
32
|
+
case 'time':
|
|
33
|
+
return 'shortTime';
|
|
34
|
+
case 'date':
|
|
35
|
+
return 'mediumDate';
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
confirm() {
|
|
39
|
+
this.datetime?.confirm();
|
|
40
|
+
this.close();
|
|
41
|
+
}
|
|
42
|
+
reset() {
|
|
43
|
+
this.datetime?.reset();
|
|
44
|
+
this.close();
|
|
45
|
+
}
|
|
46
|
+
close() {
|
|
47
|
+
this.isOpen = false;
|
|
48
|
+
this.formControl.markAsTouched();
|
|
49
|
+
}
|
|
14
50
|
}
|
|
15
|
-
FormlyFieldDatetime.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
16
|
-
FormlyFieldDatetime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
17
|
-
<ion-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
[
|
|
24
|
-
|
|
25
|
-
[
|
|
26
|
-
[monthNames]="to.monthNames"
|
|
27
|
-
[monthShortNames]="to.monthShortNames"
|
|
28
|
-
[monthValues]="to.monthValues"
|
|
29
|
-
[pickerFormat]="to.pickerFormat"
|
|
30
|
-
[pickerOptions]="to.pickerOptions"
|
|
31
|
-
[yearValues]="to.yearValues"
|
|
32
|
-
[min]="to.minDate ? to.minDate : to.min"
|
|
33
|
-
[max]="to.maxDate ? to.maxDate : to.max"
|
|
34
|
-
[formControl]="formControl"
|
|
35
|
-
[ionFormlyAttributes]="field"
|
|
51
|
+
FormlyFieldDatetime.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldDatetime, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
FormlyFieldDatetime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldDatetime, selector: "formly-field-ion-datetime", viewQueries: [{ propertyName: "datetime", first: true, predicate: IonDatetime, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
53
|
+
<ion-item [button]="true" [detail]="false" (click)="isOpen = true">
|
|
54
|
+
<ion-label>
|
|
55
|
+
{{ formControl.value ? (formControl.value | date: displayFormat()) : to.placeholder }}
|
|
56
|
+
</ion-label>
|
|
57
|
+
</ion-item>
|
|
58
|
+
<ion-modal
|
|
59
|
+
[isOpen]="isOpen"
|
|
60
|
+
(didDismiss)="close()"
|
|
61
|
+
[cssClass]="'ion-datetime-modal ion-datetime-modal-' + to.presentation"
|
|
36
62
|
>
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
63
|
+
<ng-template>
|
|
64
|
+
<ion-datetime
|
|
65
|
+
[locale]="to.locale"
|
|
66
|
+
[presentation]="to.presentation"
|
|
67
|
+
[cancelText]="to.cancelText"
|
|
68
|
+
[dayValues]="to.dayValues"
|
|
69
|
+
[doneText]="to.doneText"
|
|
70
|
+
[hourValues]="to.hourValues"
|
|
71
|
+
[minuteValues]="to.minuteValues"
|
|
72
|
+
[monthValues]="to.monthValues"
|
|
73
|
+
[yearValues]="to.yearValues"
|
|
74
|
+
[min]="to.minDate ? to.minDate : to.min"
|
|
75
|
+
[max]="to.maxDate ? to.maxDate : to.max"
|
|
76
|
+
[formControl]="formControl"
|
|
77
|
+
[ionFormlyAttributes]="field"
|
|
78
|
+
>
|
|
79
|
+
<ion-buttons slot="buttons">
|
|
80
|
+
<ion-button (click)="reset()">{{ to.cancelText || 'Cancel' }}</ion-button>
|
|
81
|
+
<ion-button (click)="confirm()">{{ to.doneText || 'Done' }}</ion-button>
|
|
82
|
+
</ion-buttons>
|
|
83
|
+
</ion-datetime>
|
|
84
|
+
</ng-template>
|
|
85
|
+
</ion-modal>
|
|
86
|
+
`, isInline: true, styles: [".ion-datetime-modal{--width: 310px;--border-radius: 8px}.ion-datetime-modal.ion-datetime-modal-time-date{--height: 440px}.ion-datetime-modal.ion-datetime-modal-date{--height: 390px}.ion-datetime-modal.ion-datetime-modal-time{--height: 260px}\n"], components: [{ type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonModal, selector: "ion-modal", inputs: ["animated", "backdropBreakpoint", "backdropDismiss", "breakpoints", "cssClass", "enterAnimation", "event", "handle", "initialBreakpoint", "isOpen", "keyboardClose", "leaveAnimation", "mode", "presentingElement", "showBackdrop", "swipeToClose", "translucent", "trigger"] }, { type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "hourCycle", "hourValues", "locale", "max", "min", "minuteValues", "mode", "monthValues", "name", "presentation", "readonly", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "value", "yearValues"] }, { type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], pipes: { "date": i4.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldDatetime, decorators: [{
|
|
40
88
|
type: Component,
|
|
41
|
-
args: [{
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
[
|
|
49
|
-
|
|
50
|
-
[
|
|
51
|
-
[hourValues]="to.hourValues"
|
|
52
|
-
[minuteValues]="to.minuteValues"
|
|
53
|
-
[monthNames]="to.monthNames"
|
|
54
|
-
[monthShortNames]="to.monthShortNames"
|
|
55
|
-
[monthValues]="to.monthValues"
|
|
56
|
-
[pickerFormat]="to.pickerFormat"
|
|
57
|
-
[pickerOptions]="to.pickerOptions"
|
|
58
|
-
[yearValues]="to.yearValues"
|
|
59
|
-
[min]="to.minDate ? to.minDate : to.min"
|
|
60
|
-
[max]="to.maxDate ? to.maxDate : to.max"
|
|
61
|
-
[formControl]="formControl"
|
|
62
|
-
[ionFormlyAttributes]="field"
|
|
89
|
+
args: [{ selector: 'formly-field-ion-datetime', template: `
|
|
90
|
+
<ion-item [button]="true" [detail]="false" (click)="isOpen = true">
|
|
91
|
+
<ion-label>
|
|
92
|
+
{{ formControl.value ? (formControl.value | date: displayFormat()) : to.placeholder }}
|
|
93
|
+
</ion-label>
|
|
94
|
+
</ion-item>
|
|
95
|
+
<ion-modal
|
|
96
|
+
[isOpen]="isOpen"
|
|
97
|
+
(didDismiss)="close()"
|
|
98
|
+
[cssClass]="'ion-datetime-modal ion-datetime-modal-' + to.presentation"
|
|
63
99
|
>
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
100
|
+
<ng-template>
|
|
101
|
+
<ion-datetime
|
|
102
|
+
[locale]="to.locale"
|
|
103
|
+
[presentation]="to.presentation"
|
|
104
|
+
[cancelText]="to.cancelText"
|
|
105
|
+
[dayValues]="to.dayValues"
|
|
106
|
+
[doneText]="to.doneText"
|
|
107
|
+
[hourValues]="to.hourValues"
|
|
108
|
+
[minuteValues]="to.minuteValues"
|
|
109
|
+
[monthValues]="to.monthValues"
|
|
110
|
+
[yearValues]="to.yearValues"
|
|
111
|
+
[min]="to.minDate ? to.minDate : to.min"
|
|
112
|
+
[max]="to.maxDate ? to.maxDate : to.max"
|
|
113
|
+
[formControl]="formControl"
|
|
114
|
+
[ionFormlyAttributes]="field"
|
|
115
|
+
>
|
|
116
|
+
<ion-buttons slot="buttons">
|
|
117
|
+
<ion-button (click)="reset()">{{ to.cancelText || 'Cancel' }}</ion-button>
|
|
118
|
+
<ion-button (click)="confirm()">{{ to.doneText || 'Done' }}</ion-button>
|
|
119
|
+
</ion-buttons>
|
|
120
|
+
</ion-datetime>
|
|
121
|
+
</ng-template>
|
|
122
|
+
</ion-modal>
|
|
123
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".ion-datetime-modal{--width: 310px;--border-radius: 8px}.ion-datetime-modal.ion-datetime-modal-time-date{--height: 440px}.ion-datetime-modal.ion-datetime-modal-date{--height: 390px}.ion-datetime-modal.ion-datetime-modal-time{--height: 260px}\n"] }]
|
|
124
|
+
}], propDecorators: { datetime: [{
|
|
125
|
+
type: ViewChild,
|
|
126
|
+
args: [IonDatetime]
|
|
127
|
+
}] } });
|
|
69
128
|
|
|
70
129
|
class FormlyDatetimeModule {
|
|
71
130
|
}
|
|
72
|
-
FormlyDatetimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
73
|
-
FormlyDatetimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
131
|
+
FormlyDatetimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
132
|
+
FormlyDatetimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, declarations: [FormlyFieldDatetime], imports: [CommonModule,
|
|
74
133
|
ReactiveFormsModule,
|
|
75
134
|
IonicModule,
|
|
76
135
|
FormlyFormFieldModule, i1$1.FormlyModule] });
|
|
77
|
-
FormlyDatetimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
136
|
+
FormlyDatetimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, imports: [[
|
|
78
137
|
CommonModule,
|
|
79
138
|
ReactiveFormsModule,
|
|
80
139
|
IonicModule,
|
|
@@ -89,7 +148,7 @@ FormlyDatetimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
|
|
|
89
148
|
],
|
|
90
149
|
}),
|
|
91
150
|
]] });
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, decorators: [{
|
|
93
152
|
type: NgModule,
|
|
94
153
|
args: [{
|
|
95
154
|
declarations: [FormlyFieldDatetime],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-ionic-datetime.mjs","sources":["../../../../src/ui/ionic/datetime/src/datetime.type.ts","../../../../src/ui/ionic/datetime/src/datetime.module.ts","../../../../src/ui/ionic/datetime/src/ngx-formly-ionic-datetime.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-ion-datetime',\n template: `\n <ion-
|
|
1
|
+
{"version":3,"file":"ngx-formly-ionic-datetime.mjs","sources":["../../../../src/ui/ionic/datetime/src/datetime.type.ts","../../../../src/ui/ionic/datetime/src/datetime.module.ts","../../../../src/ui/ionic/datetime/src/ngx-formly-ionic-datetime.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { IonDatetime } from '@ionic/angular';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-ion-datetime',\n template: `\n <ion-item [button]=\"true\" [detail]=\"false\" (click)=\"isOpen = true\">\n <ion-label>\n {{ formControl.value ? (formControl.value | date: displayFormat()) : to.placeholder }}\n </ion-label>\n </ion-item>\n <ion-modal\n [isOpen]=\"isOpen\"\n (didDismiss)=\"close()\"\n [cssClass]=\"'ion-datetime-modal ion-datetime-modal-' + to.presentation\"\n >\n <ng-template>\n <ion-datetime\n [locale]=\"to.locale\"\n [presentation]=\"to.presentation\"\n [cancelText]=\"to.cancelText\"\n [dayValues]=\"to.dayValues\"\n [doneText]=\"to.doneText\"\n [hourValues]=\"to.hourValues\"\n [minuteValues]=\"to.minuteValues\"\n [monthValues]=\"to.monthValues\"\n [yearValues]=\"to.yearValues\"\n [min]=\"to.minDate ? to.minDate : to.min\"\n [max]=\"to.maxDate ? to.maxDate : to.max\"\n [formControl]=\"formControl\"\n [ionFormlyAttributes]=\"field\"\n >\n <ion-buttons slot=\"buttons\">\n <ion-button (click)=\"reset()\">{{ to.cancelText || 'Cancel' }}</ion-button>\n <ion-button (click)=\"confirm()\">{{ to.doneText || 'Done' }}</ion-button>\n </ion-buttons>\n </ion-datetime>\n </ng-template>\n </ion-modal>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n styleUrls: ['./dattime.type.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class FormlyFieldDatetime extends FieldType<FieldTypeConfig> {\n @ViewChild(IonDatetime) datetime: IonDatetime;\n isOpen = false;\n\n defaultOptions? = {\n templateOptions: {\n displayFormat: undefined,\n presentation: 'date', // date | time | time-date\n },\n };\n\n displayFormat() {\n if (this.to.displayFormat) {\n return this.to.displayFormat;\n }\n\n switch (this.to.presentation) {\n case 'time-date':\n return 'short';\n case 'time':\n return 'shortTime';\n case 'date':\n return 'mediumDate';\n }\n }\n\n confirm() {\n this.datetime?.confirm();\n this.close();\n }\n\n reset() {\n this.datetime?.reset();\n this.close();\n }\n\n close() {\n this.isOpen = false;\n this.formControl.markAsTouched();\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 { IonicModule } from '@ionic/angular';\nimport { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';\n\nimport { FormlyFieldDatetime } from './datetime.type';\n\n@NgModule({\n declarations: [FormlyFieldDatetime],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n IonicModule,\n FormlyFormFieldModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'datetime',\n component: FormlyFieldDatetime,\n wrappers: ['form-field'],\n },\n ],\n }),\n ],\n})\nexport class FormlyDatetimeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;MA6Ca,mBAAoB,SAAQ,SAA0B;IAzCnE;;QA2CE,WAAM,GAAG,KAAK,CAAC;QAEf,mBAAc,GAAI;YAChB,eAAe,EAAE;gBACf,aAAa,EAAE,SAAS;gBACxB,YAAY,EAAE,MAAM;aACrB;SACF,CAAC;KA+BH;IA7BC,aAAa;QACX,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE;YACzB,OAAO,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;SAC9B;QAED,QAAQ,IAAI,CAAC,EAAE,CAAC,YAAY;YAC1B,KAAK,WAAW;gBACd,OAAO,OAAO,CAAC;YACjB,KAAK,MAAM;gBACT,OAAO,WAAW,CAAC;YACrB,KAAK,MAAM;gBACT,OAAO,YAAY,CAAC;SACvB;KACF;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;IAED,KAAK;QACH,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC;QACvB,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;IAED,KAAK;QACH,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;KAClC;;gHAvCU,mBAAmB;oGAAnB,mBAAmB,2GACnB,WAAW,uEAxCZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCT;2FAKU,mBAAmB;kBAzC/B,SAAS;+BACE,2BAA2B,YAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCT,mBACgB,uBAAuB,CAAC,MAAM,iBAEhC,iBAAiB,CAAC,IAAI;8BAGb,QAAQ;sBAA/B,SAAS;uBAAC,WAAW;;;MCnBX,oBAAoB;;iHAApB,oBAAoB;kHAApB,oBAAoB,iBAjBhB,mBAAmB,aAEhC,YAAY;QACZ,mBAAmB;QACnB,WAAW;QACX,qBAAqB;kHAYZ,oBAAoB,YAhBtB;YACP,YAAY;YACZ,mBAAmB;YACnB,WAAW;YACX,qBAAqB;YACrB,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,UAAU;wBAChB,SAAS,EAAE,mBAAmB;wBAC9B,QAAQ,EAAE,CAAC,YAAY,CAAC;qBACzB;iBACF;aACF,CAAC;SACH;2FAEU,oBAAoB;kBAlBhC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,WAAW;wBACX,qBAAqB;wBACrB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,UAAU;oCAChB,SAAS,EAAE,mBAAmB;oCAC9B,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;6BACF;yBACF,CAAC;qBACH;iBACF;;;AC1BD;;;;;;"}
|
|
@@ -10,8 +10,8 @@ import { IonicModule } from '@ionic/angular';
|
|
|
10
10
|
|
|
11
11
|
class FormlyWrapperFormField extends FieldWrapper {
|
|
12
12
|
}
|
|
13
|
-
FormlyWrapperFormField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
14
|
-
FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
13
|
+
FormlyWrapperFormField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyWrapperFormField, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyWrapperFormField, selector: "formly-wrapper-ion-form-field", usesInheritance: true, ngImport: i0, template: `
|
|
15
15
|
<ion-item [lines]="to.itemLines">
|
|
16
16
|
<ion-label [position]="to.labelPosition">
|
|
17
17
|
{{ to.label }}
|
|
@@ -28,8 +28,8 @@ FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
28
28
|
</ion-text>
|
|
29
29
|
</ion-label>
|
|
30
30
|
</ion-item>
|
|
31
|
-
`, isInline: true, components: [{ type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
31
|
+
`, isInline: true, components: [{ type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyWrapperFormField, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
34
|
args: [{
|
|
35
35
|
selector: 'formly-wrapper-ion-form-field',
|
|
@@ -68,9 +68,9 @@ class IonFormlyAttributes extends ɵFormlyAttributes {
|
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
|
-
IonFormlyAttributes.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
72
|
-
IonFormlyAttributes.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
71
|
+
IonFormlyAttributes.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: IonFormlyAttributes, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
72
|
+
IonFormlyAttributes.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: IonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: { field: ["ionFormlyAttributes", "field"] }, host: { listeners: { "ionFocus": "onFocus($event)", "ionBlur": "onBlur($event)", "ionChange": "onChange($event)" } }, usesInheritance: true, ngImport: i0 });
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: IonFormlyAttributes, decorators: [{
|
|
74
74
|
type: Directive,
|
|
75
75
|
args: [{
|
|
76
76
|
// eslint-disable-next-line
|
|
@@ -88,11 +88,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
88
88
|
|
|
89
89
|
class FormlyFormFieldModule {
|
|
90
90
|
}
|
|
91
|
-
FormlyFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
92
|
-
FormlyFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
91
|
+
FormlyFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
92
|
+
FormlyFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, declarations: [FormlyWrapperFormField, IonFormlyAttributes], imports: [CommonModule,
|
|
93
93
|
ReactiveFormsModule,
|
|
94
94
|
IonicModule, i2.FormlyModule], exports: [IonFormlyAttributes] });
|
|
95
|
-
FormlyFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
95
|
+
FormlyFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, imports: [[
|
|
96
96
|
CommonModule,
|
|
97
97
|
ReactiveFormsModule,
|
|
98
98
|
IonicModule,
|
|
@@ -105,7 +105,7 @@ FormlyFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
|
|
|
105
105
|
],
|
|
106
106
|
}),
|
|
107
107
|
]] });
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, decorators: [{
|
|
109
109
|
type: NgModule,
|
|
110
110
|
args: [{
|
|
111
111
|
declarations: [FormlyWrapperFormField, IonFormlyAttributes],
|
|
@@ -13,8 +13,8 @@ import { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';
|
|
|
13
13
|
|
|
14
14
|
class FormlyFieldInput extends FieldType {
|
|
15
15
|
}
|
|
16
|
-
FormlyFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
17
|
-
FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
16
|
+
FormlyFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldInput, selector: "formly-field-ion-input", usesInheritance: true, ngImport: i0, template: `
|
|
18
18
|
<ion-input
|
|
19
19
|
*ngIf="to.type !== 'number'; else numberTmp"
|
|
20
20
|
[type]="to.type || 'text'"
|
|
@@ -25,7 +25,7 @@ FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
25
25
|
<ion-input type="number" [formControl]="formControl" [ionFormlyAttributes]="field"></ion-input>
|
|
26
26
|
</ng-template>
|
|
27
27
|
`, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }, { type: i1.NumericValueAccessor, selector: "ion-input[type=number]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldInput, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{
|
|
31
31
|
selector: 'formly-field-ion-input',
|
|
@@ -47,12 +47,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
47
47
|
|
|
48
48
|
class FormlyInputModule {
|
|
49
49
|
}
|
|
50
|
-
FormlyInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
51
|
-
FormlyInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
50
|
+
FormlyInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
51
|
+
FormlyInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
|
|
52
52
|
ReactiveFormsModule,
|
|
53
53
|
IonicModule,
|
|
54
54
|
FormlyFormFieldModule, i1$1.FormlyModule] });
|
|
55
|
-
FormlyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
55
|
+
FormlyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, imports: [[
|
|
56
56
|
CommonModule,
|
|
57
57
|
ReactiveFormsModule,
|
|
58
58
|
IonicModule,
|
|
@@ -86,7 +86,7 @@ FormlyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
|
|
|
86
86
|
],
|
|
87
87
|
}),
|
|
88
88
|
]] });
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, decorators: [{
|
|
90
90
|
type: NgModule,
|
|
91
91
|
args: [{
|
|
92
92
|
declarations: [FormlyFieldInput],
|