@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.
Files changed (44) hide show
  1. package/datetime/datetime.type.d.ts +13 -0
  2. package/esm2020/checkbox/checkbox.module.mjs +4 -4
  3. package/esm2020/checkbox/checkbox.type.mjs +3 -3
  4. package/esm2020/datetime/datetime.module.mjs +4 -4
  5. package/esm2020/datetime/datetime.type.mjs +113 -53
  6. package/esm2020/form-field/form-field.module.mjs +4 -4
  7. package/esm2020/form-field/form-field.wrapper.mjs +4 -4
  8. package/esm2020/form-field/formly.attributes.mjs +3 -3
  9. package/esm2020/input/input.module.mjs +4 -4
  10. package/esm2020/input/input.type.mjs +3 -3
  11. package/esm2020/lib/ui-ionic.module.mjs +4 -4
  12. package/esm2020/radio/radio.module.mjs +4 -4
  13. package/esm2020/radio/radio.type.mjs +4 -4
  14. package/esm2020/select/select.module.mjs +4 -4
  15. package/esm2020/select/select.type.mjs +3 -3
  16. package/esm2020/slider/slider.module.mjs +4 -4
  17. package/esm2020/slider/slider.type.mjs +4 -4
  18. package/esm2020/textarea/textarea.module.mjs +4 -4
  19. package/esm2020/textarea/textarea.type.mjs +3 -3
  20. package/esm2020/toggle/toggle.module.mjs +4 -4
  21. package/esm2020/toggle/toggle.type.mjs +3 -3
  22. package/fesm2015/ngx-formly-ionic-checkbox.mjs +7 -7
  23. package/fesm2015/ngx-formly-ionic-datetime.mjs +118 -57
  24. package/fesm2015/ngx-formly-ionic-datetime.mjs.map +1 -1
  25. package/fesm2015/ngx-formly-ionic-form-field.mjs +11 -11
  26. package/fesm2015/ngx-formly-ionic-input.mjs +7 -7
  27. package/fesm2015/ngx-formly-ionic-radio.mjs +8 -8
  28. package/fesm2015/ngx-formly-ionic-select.mjs +7 -7
  29. package/fesm2015/ngx-formly-ionic-slider.mjs +8 -8
  30. package/fesm2015/ngx-formly-ionic-textarea.mjs +7 -7
  31. package/fesm2015/ngx-formly-ionic-toggle.mjs +7 -7
  32. package/fesm2015/ngx-formly-ionic.mjs +4 -4
  33. package/fesm2020/ngx-formly-ionic-checkbox.mjs +7 -7
  34. package/fesm2020/ngx-formly-ionic-datetime.mjs +116 -57
  35. package/fesm2020/ngx-formly-ionic-datetime.mjs.map +1 -1
  36. package/fesm2020/ngx-formly-ionic-form-field.mjs +11 -11
  37. package/fesm2020/ngx-formly-ionic-input.mjs +7 -7
  38. package/fesm2020/ngx-formly-ionic-radio.mjs +8 -8
  39. package/fesm2020/ngx-formly-ionic-select.mjs +7 -7
  40. package/fesm2020/ngx-formly-ionic-slider.mjs +8 -8
  41. package/fesm2020/ngx-formly-ionic-textarea.mjs +7 -7
  42. package/fesm2020/ngx-formly-ionic-toggle.mjs +7 -7
  43. package/fesm2020/ngx-formly-ionic.mjs +4 -4
  44. 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.1.2", ngImport: i0, type: FormlyFieldSlider, deps: null, target: i0.ɵɵFactoryTarget.Component });
16
- FormlyFieldSlider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldSlider, selector: "formly-field-ion-range", usesInheritance: true, ngImport: i0, template: `
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.1.2", ngImport: i0, type: FormlyFieldSlider, decorators: [{
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.1.2", ngImport: i0, type: FormlySliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
40
- FormlySliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySliderModule, declarations: [FormlyFieldSlider], imports: [CommonModule,
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.1.2", ngImport: i0, type: FormlySliderModule, imports: [[
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.1.2", ngImport: i0, type: FormlySliderModule, decorators: [{
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.1.2", ngImport: i0, type: FormlyFieldTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component });
16
- FormlyFieldTextArea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldTextArea, selector: "formly-field-ion-textarea", usesInheritance: true, ngImport: i0, template: `
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.1.2", ngImport: i0, type: FormlyFieldTextArea, decorators: [{
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.1.2", ngImport: i0, type: FormlyTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
36
- FormlyTextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyTextAreaModule, declarations: [FormlyFieldTextArea], imports: [CommonModule,
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.1.2", ngImport: i0, type: FormlyTextAreaModule, imports: [[
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.1.2", ngImport: i0, type: FormlyTextAreaModule, decorators: [{
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.1.2", ngImport: i0, type: FormlyFieldToggle, deps: null, target: i0.ɵɵFactoryTarget.Component });
16
- FormlyFieldToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", 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.1.2", ngImport: i0, type: FormlyFieldToggle, decorators: [{
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.1.2", ngImport: i0, type: FormlyToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
29
- FormlyToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyToggleModule, declarations: [FormlyFieldToggle], imports: [CommonModule,
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.1.2", ngImport: i0, type: FormlyToggleModule, imports: [[
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.1.2", ngImport: i0, type: FormlyToggleModule, decorators: [{
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.1.2", ngImport: i0, type: FormlyIonicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
16
- FormlyIonicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyIonicModule, imports: [FormlyFormFieldModule,
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.1.2", ngImport: i0, type: FormlyIonicModule, imports: [[
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.1.2", ngImport: i0, type: FormlyIonicModule, decorators: [{
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.1.2", ngImport: i0, type: FormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
16
- FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", 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.1.2", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
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.1.2", ngImport: i0, type: FormlyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
29
- FormlyCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
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.1.2", ngImport: i0, type: FormlyCheckboxModule, imports: [[
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.1.2", ngImport: i0, type: FormlyCheckboxModule, decorators: [{
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.1.2", ngImport: i0, type: FormlyFieldDatetime, deps: null, target: i0.ɵɵFactoryTarget.Component });
16
- FormlyFieldDatetime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldDatetime, selector: "formly-field-ion-datetime", usesInheritance: true, ngImport: i0, template: `
17
- <ion-datetime
18
- [cancelText]="to.cancelText"
19
- [dayNames]="to.dayNames"
20
- [dayShortNames]="to.dayShortNames"
21
- [dayValues]="to.dayValues"
22
- [displayFormat]="to.displayFormat"
23
- [doneText]="to.doneText"
24
- [hourValues]="to.hourValues"
25
- [minuteValues]="to.minuteValues"
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
- </ion-datetime>
38
- `, isInline: true, components: [{ type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "dayNames", "dayShortNames", "dayValues", "disabled", "displayFormat", "displayTimezone", "doneText", "hourValues", "max", "min", "minuteValues", "mode", "monthNames", "monthShortNames", "monthValues", "name", "pickerFormat", "pickerOptions", "placeholder", "readonly", "value", "yearValues"] }], 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 });
39
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldDatetime, decorators: [{
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
- selector: 'formly-field-ion-datetime',
43
- template: `
44
- <ion-datetime
45
- [cancelText]="to.cancelText"
46
- [dayNames]="to.dayNames"
47
- [dayShortNames]="to.dayShortNames"
48
- [dayValues]="to.dayValues"
49
- [displayFormat]="to.displayFormat"
50
- [doneText]="to.doneText"
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
- </ion-datetime>
65
- `,
66
- changeDetection: ChangeDetectionStrategy.OnPush,
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.1.2", ngImport: i0, type: FormlyDatetimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
73
- FormlyDatetimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyDatetimeModule, declarations: [FormlyFieldDatetime], imports: [CommonModule,
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.1.2", ngImport: i0, type: FormlyDatetimeModule, imports: [[
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.1.2", ngImport: i0, type: FormlyDatetimeModule, decorators: [{
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-datetime\n [cancelText]=\"to.cancelText\"\n [dayNames]=\"to.dayNames\"\n [dayShortNames]=\"to.dayShortNames\"\n [dayValues]=\"to.dayValues\"\n [displayFormat]=\"to.displayFormat\"\n [doneText]=\"to.doneText\"\n [hourValues]=\"to.hourValues\"\n [minuteValues]=\"to.minuteValues\"\n [monthNames]=\"to.monthNames\"\n [monthShortNames]=\"to.monthShortNames\"\n [monthValues]=\"to.monthValues\"\n [pickerFormat]=\"to.pickerFormat\"\n [pickerOptions]=\"to.pickerOptions\"\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-datetime>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldDatetime extends FieldType<FieldTypeConfig> {}\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":";;;;;;;;;;;;MA8Ba,mBAAoB,SAAQ,SAA0B;;gHAAtD,mBAAmB;oGAAnB,mBAAmB,wFAzBpB;;;;;;;;;;;;;;;;;;;;;;GAsBT;2FAGU,mBAAmB;kBA3B/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;GAsBT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MCFY,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;;;;;;"}
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.1.2", ngImport: i0, type: FormlyWrapperFormField, deps: null, target: i0.ɵɵFactoryTarget.Component });
14
- FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyWrapperFormField, selector: "formly-wrapper-ion-form-field", usesInheritance: true, ngImport: i0, template: `
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.1.2", ngImport: i0, type: FormlyWrapperFormField, decorators: [{
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.1.2", ngImport: i0, type: IonFormlyAttributes, deps: null, target: i0.ɵɵFactoryTarget.Directive });
72
- IonFormlyAttributes.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.2", 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.1.2", ngImport: i0, type: IonFormlyAttributes, decorators: [{
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.1.2", ngImport: i0, type: FormlyFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
92
- FormlyFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFormFieldModule, declarations: [FormlyWrapperFormField, IonFormlyAttributes], imports: [CommonModule,
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.1.2", ngImport: i0, type: FormlyFormFieldModule, imports: [[
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.1.2", ngImport: i0, type: FormlyFormFieldModule, decorators: [{
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.1.2", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
17
- FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldInput, selector: "formly-field-ion-input", usesInheritance: true, ngImport: i0, template: `
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.1.2", ngImport: i0, type: FormlyFieldInput, decorators: [{
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.1.2", ngImport: i0, type: FormlyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
51
- FormlyInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
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.1.2", ngImport: i0, type: FormlyInputModule, imports: [[
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.1.2", ngImport: i0, type: FormlyInputModule, decorators: [{
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],