@ngx-formly/ionic 6.0.0-next.5 → 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/README.md +11 -9
- package/checkbox/checkbox.type.d.ts +2 -2
- package/datetime/datetime.type.d.ts +15 -2
- package/esm2020/checkbox/checkbox.module.mjs +4 -4
- package/esm2020/checkbox/checkbox.type.mjs +4 -4
- 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 +4 -4
- package/esm2020/lib/ui-ionic.module.mjs +4 -4
- package/esm2020/radio/radio.module.mjs +4 -4
- package/esm2020/radio/radio.type.mjs +5 -5
- package/esm2020/select/select.module.mjs +4 -4
- package/esm2020/select/select.type.mjs +4 -4
- package/esm2020/slider/slider.module.mjs +4 -4
- package/esm2020/slider/slider.type.mjs +5 -5
- package/esm2020/textarea/textarea.module.mjs +4 -4
- package/esm2020/textarea/textarea.type.mjs +4 -4
- package/esm2020/toggle/toggle.module.mjs +4 -4
- package/esm2020/toggle/toggle.type.mjs +4 -4
- package/fesm2015/ngx-formly-ionic-checkbox.mjs +7 -7
- package/fesm2015/ngx-formly-ionic-checkbox.mjs.map +1 -1
- 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-input.mjs.map +1 -1
- package/fesm2015/ngx-formly-ionic-radio.mjs +8 -8
- package/fesm2015/ngx-formly-ionic-radio.mjs.map +1 -1
- package/fesm2015/ngx-formly-ionic-select.mjs +7 -7
- package/fesm2015/ngx-formly-ionic-select.mjs.map +1 -1
- package/fesm2015/ngx-formly-ionic-slider.mjs +8 -8
- package/fesm2015/ngx-formly-ionic-slider.mjs.map +1 -1
- package/fesm2015/ngx-formly-ionic-textarea.mjs +7 -7
- package/fesm2015/ngx-formly-ionic-textarea.mjs.map +1 -1
- package/fesm2015/ngx-formly-ionic-toggle.mjs +7 -7
- package/fesm2015/ngx-formly-ionic-toggle.mjs.map +1 -1
- package/fesm2015/ngx-formly-ionic.mjs +4 -4
- package/fesm2020/ngx-formly-ionic-checkbox.mjs +7 -7
- package/fesm2020/ngx-formly-ionic-checkbox.mjs.map +1 -1
- 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-input.mjs.map +1 -1
- package/fesm2020/ngx-formly-ionic-radio.mjs +8 -8
- package/fesm2020/ngx-formly-ionic-radio.mjs.map +1 -1
- package/fesm2020/ngx-formly-ionic-select.mjs +7 -7
- package/fesm2020/ngx-formly-ionic-select.mjs.map +1 -1
- package/fesm2020/ngx-formly-ionic-slider.mjs +8 -8
- package/fesm2020/ngx-formly-ionic-slider.mjs.map +1 -1
- package/fesm2020/ngx-formly-ionic-textarea.mjs +7 -7
- package/fesm2020/ngx-formly-ionic-textarea.mjs.map +1 -1
- package/fesm2020/ngx-formly-ionic-toggle.mjs +7 -7
- package/fesm2020/ngx-formly-ionic-toggle.mjs.map +1 -1
- package/fesm2020/ngx-formly-ionic.mjs +4 -4
- package/input/input.type.d.ts +2 -2
- package/package.json +3 -3
- package/radio/radio.type.d.ts +2 -2
- package/select/select.type.d.ts +2 -2
- package/slider/slider.type.d.ts +2 -2
- package/textarea/textarea.type.d.ts +2 -2
- package/toggle/toggle.type.d.ts +2 -2
|
@@ -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 } 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.0.3", 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.0.3", 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],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-ionic-input.mjs","sources":["../../../../src/ui/ionic/input/src/input.type.ts","../../../../src/ui/ionic/input/src/input.module.ts","../../../../src/ui/ionic/input/src/ngx-formly-ionic-input.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-ion-input',\n template: `\n <ion-input\n *ngIf=\"to.type !== 'number'; else numberTmp\"\n [type]=\"to.type || 'text'\"\n [formControl]=\"formControl\"\n [ionFormlyAttributes]=\"field\"\n ></ion-input>\n <ng-template #numberTmp>\n <ion-input type=\"number\" [formControl]=\"formControl\" [ionFormlyAttributes]=\"field\"></ion-input>\n </ng-template>\n `,\n styles: [':host { display: inherit; }'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldInput extends FieldType {}\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 { FormlyFieldInput } from './input.type';\n\n@NgModule({\n declarations: [FormlyFieldInput],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n IonicModule,\n FormlyFormFieldModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'input',\n component: FormlyFieldInput,\n wrappers: ['form-field'],\n },\n { name: 'string', extends: 'input' },\n {\n name: 'number',\n extends: 'input',\n defaultOptions: {\n templateOptions: {\n type: 'number',\n },\n },\n },\n {\n name: 'integer',\n extends: 'input',\n defaultOptions: {\n templateOptions: {\n type: 'number',\n },\n },\n },\n ],\n }),\n ],\n})\nexport class FormlyInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAmBa,gBAAiB,SAAQ,
|
|
1
|
+
{"version":3,"file":"ngx-formly-ionic-input.mjs","sources":["../../../../src/ui/ionic/input/src/input.type.ts","../../../../src/ui/ionic/input/src/input.module.ts","../../../../src/ui/ionic/input/src/ngx-formly-ionic-input.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-ion-input',\n template: `\n <ion-input\n *ngIf=\"to.type !== 'number'; else numberTmp\"\n [type]=\"to.type || 'text'\"\n [formControl]=\"formControl\"\n [ionFormlyAttributes]=\"field\"\n ></ion-input>\n <ng-template #numberTmp>\n <ion-input type=\"number\" [formControl]=\"formControl\" [ionFormlyAttributes]=\"field\"></ion-input>\n </ng-template>\n `,\n styles: [':host { display: inherit; }'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldInput 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 { FormlyFieldInput } from './input.type';\n\n@NgModule({\n declarations: [FormlyFieldInput],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n IonicModule,\n FormlyFormFieldModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'input',\n component: FormlyFieldInput,\n wrappers: ['form-field'],\n },\n { name: 'string', extends: 'input' },\n {\n name: 'number',\n extends: 'input',\n defaultOptions: {\n templateOptions: {\n type: 'number',\n },\n },\n },\n {\n name: 'integer',\n extends: 'input',\n defaultOptions: {\n templateOptions: {\n type: 'number',\n },\n },\n },\n ],\n }),\n ],\n})\nexport class FormlyInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAmBa,gBAAiB,SAAQ,SAA0B;;6GAAnD,gBAAgB;iGAAhB,gBAAgB,qFAdjB;;;;;;;;;;GAUT;2FAIU,gBAAgB;kBAhB5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE;;;;;;;;;;GAUT;oBACD,MAAM,EAAE,CAAC,6BAA6B,CAAC;oBACvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MC4BY,iBAAiB;;8GAAjB,iBAAiB;+GAAjB,iBAAiB,iBApCb,gBAAgB,aAE7B,YAAY;QACZ,mBAAmB;QACnB,WAAW;QACX,qBAAqB;+GA+BZ,iBAAiB,YAnCnB;YACP,YAAY;YACZ,mBAAmB;YACnB,WAAW;YACX,qBAAqB;YACrB,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,OAAO;wBACb,SAAS,EAAE,gBAAgB;wBAC3B,QAAQ,EAAE,CAAC,YAAY,CAAC;qBACzB;oBACD,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE;oBACpC;wBACE,IAAI,EAAE,QAAQ;wBACd,OAAO,EAAE,OAAO;wBAChB,cAAc,EAAE;4BACd,eAAe,EAAE;gCACf,IAAI,EAAE,QAAQ;6BACf;yBACF;qBACF;oBACD;wBACE,IAAI,EAAE,SAAS;wBACf,OAAO,EAAE,OAAO;wBAChB,cAAc,EAAE;4BACd,eAAe,EAAE;gCACf,IAAI,EAAE,QAAQ;6BACf;yBACF;qBACF;iBACF;aACF,CAAC;SACH;2FAEU,iBAAiB;kBArC7B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,WAAW;wBACX,qBAAqB;wBACrB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,OAAO;oCACb,SAAS,EAAE,gBAAgB;oCAC3B,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;gCACD,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE;gCACpC;oCACE,IAAI,EAAE,QAAQ;oCACd,OAAO,EAAE,OAAO;oCAChB,cAAc,EAAE;wCACd,eAAe,EAAE;4CACf,IAAI,EAAE,QAAQ;yCACf;qCACF;iCACF;gCACD;oCACE,IAAI,EAAE,SAAS;oCACf,OAAO,EAAE,OAAO;oCAChB,cAAc,EAAE;wCACd,eAAe,EAAE;4CACf,IAAI,EAAE,QAAQ;yCACf;qCACF;iCACF;6BACF;yBACF,CAAC;qBACH;iBACF;;;AC7CD;;;;;;"}
|
|
@@ -21,8 +21,8 @@ class FormlyFieldRadio extends FieldType {
|
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
FormlyFieldRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
25
|
-
FormlyFieldRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
24
|
+
FormlyFieldRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
FormlyFieldRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldRadio, selector: "formly-field-ion-radio", usesInheritance: true, ngImport: i0, template: `
|
|
26
26
|
<ion-list>
|
|
27
27
|
<ion-radio-group [formControl]="formControl" [ionFormlyAttributes]="field">
|
|
28
28
|
<ion-list-header>{{ to.label }}</ion-list-header>
|
|
@@ -44,8 +44,8 @@ FormlyFieldRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
44
44
|
</ion-text>
|
|
45
45
|
</ion-label>
|
|
46
46
|
</ion-item>
|
|
47
|
-
`, isInline: true, components: [{ type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { type: i1.IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "name", "value"] }, { type: i1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { 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.IonRadio, selector: "ion-radio", inputs: ["color", "disabled", "mode", "name", "value"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { 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: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RadioValueAccessor, selector: "ion-radio" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i5.AsyncPipe, "formlySelectOptions": i6.ɵFormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
47
|
+
`, isInline: true, components: [{ type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { type: i1.IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "name", "value"] }, { type: i1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { 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.IonRadio, selector: "ion-radio", inputs: ["color", "disabled", "mode", "name", "value"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { 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: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RadioValueAccessor, selector: "ion-radio" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i5.AsyncPipe, "formlySelectOptions": i6.ɵFormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldRadio, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{
|
|
51
51
|
selector: 'formly-field-ion-radio',
|
|
@@ -78,13 +78,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
78
78
|
|
|
79
79
|
class FormlyRadioModule {
|
|
80
80
|
}
|
|
81
|
-
FormlyRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
82
|
-
FormlyRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
81
|
+
FormlyRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
82
|
+
FormlyRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, declarations: [FormlyFieldRadio], imports: [CommonModule,
|
|
83
83
|
ReactiveFormsModule,
|
|
84
84
|
IonicModule,
|
|
85
85
|
FormlyFormFieldModule,
|
|
86
86
|
FormlySelectModule, i2.FormlyModule] });
|
|
87
|
-
FormlyRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
87
|
+
FormlyRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, imports: [[
|
|
88
88
|
CommonModule,
|
|
89
89
|
ReactiveFormsModule,
|
|
90
90
|
IonicModule,
|
|
@@ -100,7 +100,7 @@ FormlyRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
|
|
|
100
100
|
],
|
|
101
101
|
}),
|
|
102
102
|
]] });
|
|
103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, decorators: [{
|
|
104
104
|
type: NgModule,
|
|
105
105
|
args: [{
|
|
106
106
|
declarations: [FormlyFieldRadio],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-ionic-radio.mjs","sources":["../../../../src/ui/ionic/radio/src/radio.type.ts","../../../../src/ui/ionic/radio/src/radio.module.ts","../../../../src/ui/ionic/radio/src/ngx-formly-ionic-radio.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-ion-radio',\n template: `\n <ion-list>\n <ion-radio-group [formControl]=\"formControl\" [ionFormlyAttributes]=\"field\">\n <ion-list-header>{{ to.label }}</ion-list-header>\n <ion-item\n *ngFor=\"let option of to.options | formlySelectOptions: field | async\"\n [disabled]=\"option.disabled || formControl.disabled\"\n >\n <ion-label>{{ option.label }}</ion-label>\n <ion-radio [value]=\"option.value\"></ion-radio>\n </ion-item>\n </ion-radio-group>\n </ion-list>\n <ion-item lines=\"none\" *ngIf=\"showError\">\n <ion-label>\n <ion-text color=\"danger\">\n <p>\n <formly-validation-message [field]=\"field\"></formly-validation-message>\n </p>\n </ion-text>\n </ion-label>\n </ion-item>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldRadio extends FieldType {\n defaultOptions = {\n templateOptions: { options: [] },\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 { FormlySelectModule } from '@ngx-formly/core/select';\nimport { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';\nimport { FormlyFieldRadio } from './radio.type';\n\n@NgModule({\n declarations: [FormlyFieldRadio],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n IonicModule,\n\n FormlyFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'radio',\n component: FormlyFieldRadio,\n wrappers: [],\n },\n ],\n }),\n ],\n})\nexport class FormlyRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MA8Ba,gBAAiB,SAAQ,
|
|
1
|
+
{"version":3,"file":"ngx-formly-ionic-radio.mjs","sources":["../../../../src/ui/ionic/radio/src/radio.type.ts","../../../../src/ui/ionic/radio/src/radio.module.ts","../../../../src/ui/ionic/radio/src/ngx-formly-ionic-radio.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-ion-radio',\n template: `\n <ion-list>\n <ion-radio-group [formControl]=\"formControl\" [ionFormlyAttributes]=\"field\">\n <ion-list-header>{{ to.label }}</ion-list-header>\n <ion-item\n *ngFor=\"let option of to.options | formlySelectOptions: field | async\"\n [disabled]=\"option.disabled || formControl.disabled\"\n >\n <ion-label>{{ option.label }}</ion-label>\n <ion-radio [value]=\"option.value\"></ion-radio>\n </ion-item>\n </ion-radio-group>\n </ion-list>\n <ion-item lines=\"none\" *ngIf=\"showError\">\n <ion-label>\n <ion-text color=\"danger\">\n <p>\n <formly-validation-message [field]=\"field\"></formly-validation-message>\n </p>\n </ion-text>\n </ion-label>\n </ion-item>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldRadio extends FieldType<FieldTypeConfig> {\n defaultOptions = {\n templateOptions: { options: [] },\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 { FormlySelectModule } from '@ngx-formly/core/select';\nimport { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';\nimport { FormlyFieldRadio } from './radio.type';\n\n@NgModule({\n declarations: [FormlyFieldRadio],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n IonicModule,\n\n FormlyFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'radio',\n component: FormlyFieldRadio,\n wrappers: [],\n },\n ],\n }),\n ],\n})\nexport class FormlyRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MA8Ba,gBAAiB,SAAQ,SAA0B;IA3BhE;;QA4BE,mBAAc,GAAG;YACf,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;SACjC,CAAC;KACH;;6GAJY,gBAAgB;iGAAhB,gBAAgB,qFAzBjB;;;;;;;;;;;;;;;;;;;;;;GAsBT;2FAGU,gBAAgB;kBA3B5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;GAsBT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MCAY,iBAAiB;;8GAAjB,iBAAiB;+GAAjB,iBAAiB,iBAnBb,gBAAgB,aAE7B,YAAY;QACZ,mBAAmB;QACnB,WAAW;QAEX,qBAAqB;QACrB,kBAAkB;+GAYT,iBAAiB,YAlBnB;YACP,YAAY;YACZ,mBAAmB;YACnB,WAAW;YAEX,qBAAqB;YACrB,kBAAkB;YAClB,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,OAAO;wBACb,SAAS,EAAE,gBAAgB;wBAC3B,QAAQ,EAAE,EAAE;qBACb;iBACF;aACF,CAAC;SACH;2FAEU,iBAAiB;kBApB7B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,WAAW;wBAEX,qBAAqB;wBACrB,kBAAkB;wBAClB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,OAAO;oCACb,SAAS,EAAE,gBAAgB;oCAC3B,QAAQ,EAAE,EAAE;iCACb;6BACF;yBACF,CAAC;qBACH;iBACF;;;AC5BD;;;;;;"}
|
|
@@ -26,8 +26,8 @@ class FormlyFieldSelect extends FieldType {
|
|
|
26
26
|
};
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
FormlyFieldSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
30
|
-
FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
29
|
+
FormlyFieldSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldSelect, selector: "formly-field-ion-select", usesInheritance: true, ngImport: i0, template: `
|
|
31
31
|
<!-- ng-container used as a workaround for https://github.com/ionic-team/ionic/issues/19324 -->
|
|
32
32
|
<ng-container *ngIf="to.options | formlySelectOptions: field | async; let selectOptions">
|
|
33
33
|
<ion-select
|
|
@@ -47,7 +47,7 @@ FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
47
47
|
</ion-select>
|
|
48
48
|
</ng-container>
|
|
49
49
|
`, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonSelect, selector: "ion-select", inputs: ["cancelText", "compareWith", "disabled", "interface", "interfaceOptions", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "value"] }, { type: i1.IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { 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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe, "formlySelectOptions": i5.ɵFormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldSelect, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
52
|
args: [{
|
|
53
53
|
selector: 'formly-field-ion-select',
|
|
@@ -78,13 +78,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
78
78
|
|
|
79
79
|
class FormlySelectModule {
|
|
80
80
|
}
|
|
81
|
-
FormlySelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
82
|
-
FormlySelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
81
|
+
FormlySelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
82
|
+
FormlySelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, declarations: [FormlyFieldSelect], imports: [CommonModule,
|
|
83
83
|
ReactiveFormsModule,
|
|
84
84
|
IonicModule,
|
|
85
85
|
FormlyFormFieldModule,
|
|
86
86
|
FormlySelectModule$1, i1$1.FormlyModule] });
|
|
87
|
-
FormlySelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
87
|
+
FormlySelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, imports: [[
|
|
88
88
|
CommonModule,
|
|
89
89
|
ReactiveFormsModule,
|
|
90
90
|
IonicModule,
|
|
@@ -101,7 +101,7 @@ FormlySelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
|
|
|
101
101
|
],
|
|
102
102
|
}),
|
|
103
103
|
]] });
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, decorators: [{
|
|
105
105
|
type: NgModule,
|
|
106
106
|
args: [{
|
|
107
107
|
declarations: [FormlyFieldSelect],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-ionic-select.mjs","sources":["../../../../src/ui/ionic/select/src/select.type.ts","../../../../src/ui/ionic/select/src/select.module.ts","../../../../src/ui/ionic/select/src/ngx-formly-ionic-select.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-ion-select',\n template: `\n <!-- ng-container used as a workaround for https://github.com/ionic-team/ionic/issues/19324 -->\n <ng-container *ngIf=\"to.options | formlySelectOptions: field | async; let selectOptions\">\n <ion-select\n [style.align-self]=\"to.labelPosition === 'floating' ? 'stretch' : ''\"\n [style.max-width.%]=\"to.labelPosition === 'floating' ? 100 : ''\"\n [formControl]=\"formControl\"\n [compareWith]=\"to.compareWith\"\n [ionFormlyAttributes]=\"field\"\n [multiple]=\"to.multiple\"\n [interface]=\"to.interface\"\n [okText]=\"to.okText\"\n [cancelText]=\"to.cancelText\"\n >\n <ion-select-option *ngFor=\"let option of selectOptions\" [value]=\"option.value\" [disabled]=\"option.disabled\">\n {{ option.label }}\n </ion-select-option>\n </ion-select>\n </ng-container>\n `,\n styles: [':host { display: inherit; }'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldSelect extends FieldType {\n defaultOptions = {\n templateOptions: {\n options: [],\n compareWith(o1: any, o2: any) {\n return o1 === o2;\n },\n },\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { IonicModule } from '@ionic/angular';\nimport { FormlySelectModule as FormlyCoreSelectModule } from '@ngx-formly/core/select';\n\nimport { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';\nimport { FormlyFieldSelect } from './select.type';\n\n@NgModule({\n declarations: [FormlyFieldSelect],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n IonicModule,\n\n FormlyFormFieldModule,\n FormlyCoreSelectModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'select',\n component: FormlyFieldSelect,\n wrappers: ['form-field'],\n },\n { name: 'enum', extends: 'select' },\n ],\n }),\n ],\n})\nexport class FormlySelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["FormlyCoreSelectModule"],"mappings":";;;;;;;;;;;;;;;MA4Ba,iBAAkB,SAAQ,
|
|
1
|
+
{"version":3,"file":"ngx-formly-ionic-select.mjs","sources":["../../../../src/ui/ionic/select/src/select.type.ts","../../../../src/ui/ionic/select/src/select.module.ts","../../../../src/ui/ionic/select/src/ngx-formly-ionic-select.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-ion-select',\n template: `\n <!-- ng-container used as a workaround for https://github.com/ionic-team/ionic/issues/19324 -->\n <ng-container *ngIf=\"to.options | formlySelectOptions: field | async; let selectOptions\">\n <ion-select\n [style.align-self]=\"to.labelPosition === 'floating' ? 'stretch' : ''\"\n [style.max-width.%]=\"to.labelPosition === 'floating' ? 100 : ''\"\n [formControl]=\"formControl\"\n [compareWith]=\"to.compareWith\"\n [ionFormlyAttributes]=\"field\"\n [multiple]=\"to.multiple\"\n [interface]=\"to.interface\"\n [okText]=\"to.okText\"\n [cancelText]=\"to.cancelText\"\n >\n <ion-select-option *ngFor=\"let option of selectOptions\" [value]=\"option.value\" [disabled]=\"option.disabled\">\n {{ option.label }}\n </ion-select-option>\n </ion-select>\n </ng-container>\n `,\n styles: [':host { display: inherit; }'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldSelect extends FieldType<FieldTypeConfig> {\n defaultOptions = {\n templateOptions: {\n options: [],\n compareWith(o1: any, o2: any) {\n return o1 === o2;\n },\n },\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { IonicModule } from '@ionic/angular';\nimport { FormlySelectModule as FormlyCoreSelectModule } from '@ngx-formly/core/select';\n\nimport { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';\nimport { FormlyFieldSelect } from './select.type';\n\n@NgModule({\n declarations: [FormlyFieldSelect],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n IonicModule,\n\n FormlyFormFieldModule,\n FormlyCoreSelectModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'select',\n component: FormlyFieldSelect,\n wrappers: ['form-field'],\n },\n { name: 'enum', extends: 'select' },\n ],\n }),\n ],\n})\nexport class FormlySelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["FormlyCoreSelectModule"],"mappings":";;;;;;;;;;;;;;;MA4Ba,iBAAkB,SAAQ,SAA0B;IAzBjE;;QA0BE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,OAAO,EAAE,EAAE;gBACX,WAAW,CAAC,EAAO,EAAE,EAAO;oBAC1B,OAAO,EAAE,KAAK,EAAE,CAAC;iBAClB;aACF;SACF,CAAC;KACH;;8GATY,iBAAiB;kGAAjB,iBAAiB,sFAvBlB;;;;;;;;;;;;;;;;;;;GAmBT;2FAIU,iBAAiB;kBAzB7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;GAmBT;oBACD,MAAM,EAAE,CAAC,6BAA6B,CAAC;oBACvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MCIY,kBAAkB;;+GAAlB,kBAAkB;gHAAlB,kBAAkB,iBApBd,iBAAiB,aAE9B,YAAY;QACZ,mBAAmB;QACnB,WAAW;QAEX,qBAAqB;QACrBA,oBAAsB;gHAab,kBAAkB,YAnBpB;YACP,YAAY;YACZ,mBAAmB;YACnB,WAAW;YAEX,qBAAqB;YACrBA,oBAAsB;YACtB,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,iBAAiB;wBAC5B,QAAQ,EAAE,CAAC,YAAY,CAAC;qBACzB;oBACD,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE;iBACpC;aACF,CAAC;SACH;2FAEU,kBAAkB;kBArB9B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,WAAW;wBAEX,qBAAqB;wBACrBA,oBAAsB;wBACtB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,QAAQ;oCACd,SAAS,EAAE,iBAAiB;oCAC5B,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;gCACD,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE;6BACpC;yBACF,CAAC;qBACH;iBACF;;;AC9BD;;;;;;"}
|
|
@@ -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.0.3", 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],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-ionic-slider.mjs","sources":["../../../../src/ui/ionic/slider/src/slider.type.ts","../../../../src/ui/ionic/slider/src/slider.module.ts","../../../../src/ui/ionic/slider/src/ngx-formly-ionic-slider.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-ion-range',\n template: `\n <ion-range [min]=\"to.min\" [max]=\"to.max\" [formControl]=\"formControl\" [ionFormlyAttributes]=\"field\">\n <ion-label slot=\"start\">{{ to.min }}</ion-label>\n <ion-label slot=\"end\">{{ to.max }}</ion-label>\n </ion-range>\n `,\n styles: [':host { display: inherit; }'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldSlider extends FieldType {}\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 { FormlyFieldSlider } from './slider.type';\n\n@NgModule({\n declarations: [FormlyFieldSlider],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n IonicModule,\n FormlyFormFieldModule,\n FormlyModule.forChild({\n types: [\n { name: 'slider', component: FormlyFieldSlider, wrappers: ['form-field'] },\n { name: 'range', extends: 'slider' },\n ],\n }),\n ],\n})\nexport class FormlySliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;MAca,iBAAkB,SAAQ,
|
|
1
|
+
{"version":3,"file":"ngx-formly-ionic-slider.mjs","sources":["../../../../src/ui/ionic/slider/src/slider.type.ts","../../../../src/ui/ionic/slider/src/slider.module.ts","../../../../src/ui/ionic/slider/src/ngx-formly-ionic-slider.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-ion-range',\n template: `\n <ion-range [min]=\"to.min\" [max]=\"to.max\" [formControl]=\"formControl\" [ionFormlyAttributes]=\"field\">\n <ion-label slot=\"start\">{{ to.min }}</ion-label>\n <ion-label slot=\"end\">{{ to.max }}</ion-label>\n </ion-range>\n `,\n styles: [':host { display: inherit; }'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldSlider 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 { FormlyFieldSlider } from './slider.type';\n\n@NgModule({\n declarations: [FormlyFieldSlider],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n IonicModule,\n FormlyFormFieldModule,\n FormlyModule.forChild({\n types: [\n { name: 'slider', component: FormlyFieldSlider, wrappers: ['form-field'] },\n { name: 'range', extends: 'slider' },\n ],\n }),\n ],\n})\nexport class FormlySliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;MAca,iBAAkB,SAAQ,SAA0B;;8GAApD,iBAAiB;kGAAjB,iBAAiB,qFATlB;;;;;GAKT;2FAIU,iBAAiB;kBAX7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE;;;;;GAKT;oBACD,MAAM,EAAE,CAAC,6BAA6B,CAAC;oBACvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MCWY,kBAAkB;;+GAAlB,kBAAkB;gHAAlB,kBAAkB,iBAdd,iBAAiB,aAE9B,YAAY;QACZ,mBAAmB;QACnB,WAAW;QACX,qBAAqB;gHASZ,kBAAkB,YAbpB;YACP,YAAY;YACZ,mBAAmB;YACnB,WAAW;YACX,qBAAqB;YACrB,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC,YAAY,CAAC,EAAE;oBAC1E,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE;iBACrC;aACF,CAAC;SACH;2FAEU,kBAAkB;kBAf9B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,WAAW;wBACX,qBAAqB;wBACrB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC,YAAY,CAAC,EAAE;gCAC1E,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE;6BACrC;yBACF,CAAC;qBACH;iBACF;;;ACvBD;;;;;;"}
|