@ng-forge/dynamic-forms-ionic 0.1.3 → 0.3.0
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-forge/dynamic-forms-ionic",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "Ionic integration for @ng-forge/dynamic-forms. Pre-built Ionic form components for mobile and desktop.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
"node": ">=18"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
|
-
"@angular/common": "
|
|
33
|
-
"@angular/core": "
|
|
34
|
-
"@angular/forms": "
|
|
32
|
+
"@angular/common": ">=21.0.7",
|
|
33
|
+
"@angular/core": ">=21.0.7",
|
|
34
|
+
"@angular/forms": ">=21.0.7",
|
|
35
35
|
"@ionic/angular": ">=7.0.0",
|
|
36
|
-
"@ng-forge/dynamic-forms": "~0.
|
|
36
|
+
"@ng-forge/dynamic-forms": "~0.3.0",
|
|
37
37
|
"rxjs": ">=7.0.0"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FormEvent, FieldDef, LogicConfig, FieldComponent, DynamicText, FormEventConstructor, ArrayItemContext, CheckedFieldComponent, ValidationMessages, ValueFieldComponent, ValueType, FieldOption, FieldTypeDefinition } from '@ng-forge/dynamic-forms';
|
|
1
|
+
import { FormEvent, FieldDef, LogicConfig, FieldComponent, DynamicText, FormEventConstructor, ArrayItemContext, CheckedFieldComponent, FieldMeta, ValidationMessages, ValueFieldComponent, ValueType, FieldOption, FieldTypeDefinition } from '@ng-forge/dynamic-forms';
|
|
2
2
|
import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
|
|
3
|
-
import { ButtonField, EventArgs, CheckboxField, DatepickerField, DatepickerProps, InputField, InputProps, MultiCheckboxField, RadioField, SelectField, SelectProps, SliderField, TextareaField, TextareaProps, ToggleField } from '@ng-forge/dynamic-forms/integration';
|
|
3
|
+
import { ButtonField, EventArgs, CheckboxField, DatepickerField, DatepickerProps, InputMeta, InputField, InputProps, MultiCheckboxField, RadioField, SelectField, SelectProps, SliderField, TextareaField, TextareaProps, TextareaMeta, ToggleField } from '@ng-forge/dynamic-forms/integration';
|
|
4
4
|
import * as _angular_core from '@angular/core';
|
|
5
5
|
import { InjectionToken, Provider } from '@angular/core';
|
|
6
6
|
import { FieldTree } from '@angular/forms/signals';
|
|
@@ -106,7 +106,7 @@ declare class IonicButtonFieldComponent<TEvent extends FormEvent> implements Ion
|
|
|
106
106
|
onClick(): void;
|
|
107
107
|
private dispatchEvent;
|
|
108
108
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicButtonFieldComponent<any>, never>;
|
|
109
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicButtonFieldComponent<any>, "df-
|
|
109
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicButtonFieldComponent<any>, "df-ion-button", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "event": { "alias": "event"; "required": false; "isSignal": true; }; "eventArgs": { "alias": "eventArgs"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "eventContext": { "alias": "eventContext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
interface IonicCheckboxProps {
|
|
@@ -119,6 +119,7 @@ type IonicCheckboxField = CheckboxField<IonicCheckboxProps>;
|
|
|
119
119
|
type IonicCheckboxComponent = CheckedFieldComponent<IonicCheckboxField>;
|
|
120
120
|
|
|
121
121
|
declare class IonicCheckboxFieldComponent implements IonicCheckboxComponent {
|
|
122
|
+
private readonly elementRef;
|
|
122
123
|
readonly field: _angular_core.InputSignal<FieldTree<boolean>>;
|
|
123
124
|
readonly key: _angular_core.InputSignal<string>;
|
|
124
125
|
readonly label: _angular_core.InputSignal<DynamicText | undefined>;
|
|
@@ -126,11 +127,13 @@ declare class IonicCheckboxFieldComponent implements IonicCheckboxComponent {
|
|
|
126
127
|
readonly className: _angular_core.InputSignal<string>;
|
|
127
128
|
readonly tabIndex: _angular_core.InputSignal<number | undefined>;
|
|
128
129
|
readonly props: _angular_core.InputSignal<IonicCheckboxProps | undefined>;
|
|
130
|
+
readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
|
|
129
131
|
readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
130
132
|
readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
131
133
|
readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
132
134
|
readonly showErrors: _angular_core.Signal<boolean>;
|
|
133
135
|
readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
136
|
+
constructor();
|
|
134
137
|
/** Base ID for error elements */
|
|
135
138
|
readonly errorId: _angular_core.Signal<string>;
|
|
136
139
|
/** Whether the field is currently in an invalid state (invalid AND touched) */
|
|
@@ -138,7 +141,7 @@ declare class IonicCheckboxFieldComponent implements IonicCheckboxComponent {
|
|
|
138
141
|
/** Whether the field has a required validator */
|
|
139
142
|
readonly isRequired: _angular_core.Signal<boolean>;
|
|
140
143
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicCheckboxFieldComponent, never>;
|
|
141
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicCheckboxFieldComponent, "df-
|
|
144
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicCheckboxFieldComponent, "df-ion-checkbox", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
142
145
|
}
|
|
143
146
|
|
|
144
147
|
interface IonicDatepickerProps extends DatepickerProps {
|
|
@@ -158,6 +161,7 @@ type IonicDatepickerField = DatepickerField<IonicDatepickerProps>;
|
|
|
158
161
|
type IonicDatepickerComponent = ValueFieldComponent<IonicDatepickerField>;
|
|
159
162
|
|
|
160
163
|
declare class IonicDatepickerFieldComponent implements IonicDatepickerComponent {
|
|
164
|
+
private readonly elementRef;
|
|
161
165
|
readonly field: _angular_core.InputSignal<FieldTree<Date | null>>;
|
|
162
166
|
readonly key: _angular_core.InputSignal<string>;
|
|
163
167
|
readonly label: _angular_core.InputSignal<DynamicText | undefined>;
|
|
@@ -168,12 +172,14 @@ declare class IonicDatepickerFieldComponent implements IonicDatepickerComponent
|
|
|
168
172
|
readonly maxDate: _angular_core.InputSignal<Date | null>;
|
|
169
173
|
readonly startAt: _angular_core.InputSignal<Date | null>;
|
|
170
174
|
readonly props: _angular_core.InputSignal<IonicDatepickerProps | undefined>;
|
|
175
|
+
readonly meta: _angular_core.InputSignal<InputMeta | undefined>;
|
|
171
176
|
readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
172
177
|
readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
173
178
|
readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
174
179
|
readonly showErrors: _angular_core.Signal<boolean>;
|
|
175
180
|
readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
176
181
|
readonly isModalOpen: _angular_core.WritableSignal<boolean>;
|
|
182
|
+
constructor();
|
|
177
183
|
/** Base ID for error elements */
|
|
178
184
|
readonly errorId: _angular_core.Signal<string>;
|
|
179
185
|
/** Whether the field is currently in an invalid state (invalid AND touched) */
|
|
@@ -186,7 +192,7 @@ declare class IonicDatepickerFieldComponent implements IonicDatepickerComponent
|
|
|
186
192
|
dateToIsoString(date: Date | null | undefined): string | undefined;
|
|
187
193
|
formatDisplayDate(date: Date | null | undefined): string;
|
|
188
194
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicDatepickerFieldComponent, never>;
|
|
189
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicDatepickerFieldComponent, "df-
|
|
195
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicDatepickerFieldComponent, "df-ion-datepicker", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
190
196
|
}
|
|
191
197
|
|
|
192
198
|
interface IonicInputProps extends InputProps {
|
|
@@ -205,6 +211,7 @@ type IonicInputField = InputField<IonicInputProps>;
|
|
|
205
211
|
type IonicInputComponent = ValueFieldComponent<IonicInputField>;
|
|
206
212
|
|
|
207
213
|
declare class IonicInputFieldComponent implements IonicInputComponent {
|
|
214
|
+
private readonly elementRef;
|
|
208
215
|
private ionicConfig;
|
|
209
216
|
readonly field: _angular_core.InputSignal<FieldTree<string>>;
|
|
210
217
|
readonly key: _angular_core.InputSignal<string>;
|
|
@@ -213,6 +220,7 @@ declare class IonicInputFieldComponent implements IonicInputComponent {
|
|
|
213
220
|
readonly className: _angular_core.InputSignal<string>;
|
|
214
221
|
readonly tabIndex: _angular_core.InputSignal<number | undefined>;
|
|
215
222
|
readonly props: _angular_core.InputSignal<IonicInputProps | undefined>;
|
|
223
|
+
readonly meta: _angular_core.InputSignal<InputMeta | undefined>;
|
|
216
224
|
readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
217
225
|
readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
218
226
|
readonly effectiveFill: _angular_core.Signal<"outline" | "solid">;
|
|
@@ -222,6 +230,7 @@ declare class IonicInputFieldComponent implements IonicInputComponent {
|
|
|
222
230
|
readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
223
231
|
readonly showErrors: _angular_core.Signal<boolean>;
|
|
224
232
|
readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
233
|
+
constructor();
|
|
225
234
|
/** Base ID for error elements */
|
|
226
235
|
readonly errorId: _angular_core.Signal<string>;
|
|
227
236
|
/** Whether the field is currently in an invalid state (invalid AND touched) */
|
|
@@ -229,7 +238,7 @@ declare class IonicInputFieldComponent implements IonicInputComponent {
|
|
|
229
238
|
/** Whether the field has a required validator */
|
|
230
239
|
readonly isRequired: _angular_core.Signal<boolean>;
|
|
231
240
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicInputFieldComponent, never>;
|
|
232
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicInputFieldComponent, "df-
|
|
241
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicInputFieldComponent, "df-ion-input", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
233
242
|
}
|
|
234
243
|
|
|
235
244
|
interface IonicMultiCheckboxProps<T> {
|
|
@@ -241,6 +250,7 @@ type IonicMultiCheckboxField<T> = MultiCheckboxField<T, IonicMultiCheckboxProps<
|
|
|
241
250
|
type IonicMultiCheckboxComponent<T> = ValueFieldComponent<IonicMultiCheckboxField<T>>;
|
|
242
251
|
|
|
243
252
|
declare class IonicMultiCheckboxFieldComponent<T extends ValueType> implements IonicMultiCheckboxComponent<T> {
|
|
253
|
+
private readonly elementRef;
|
|
244
254
|
readonly field: _angular_core.InputSignal<FieldTree<T[]>>;
|
|
245
255
|
readonly key: _angular_core.InputSignal<string>;
|
|
246
256
|
readonly label: _angular_core.InputSignal<DynamicText | undefined>;
|
|
@@ -249,6 +259,7 @@ declare class IonicMultiCheckboxFieldComponent<T extends ValueType> implements I
|
|
|
249
259
|
readonly tabIndex: _angular_core.InputSignal<number | undefined>;
|
|
250
260
|
readonly options: _angular_core.InputSignal<FieldOption<T>[]>;
|
|
251
261
|
readonly props: _angular_core.InputSignal<IonicMultiCheckboxProps<T> | undefined>;
|
|
262
|
+
readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
|
|
252
263
|
readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
253
264
|
readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
254
265
|
readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
@@ -264,7 +275,7 @@ declare class IonicMultiCheckboxFieldComponent<T extends ValueType> implements I
|
|
|
264
275
|
constructor();
|
|
265
276
|
onCheckboxChange(option: FieldOption<T>, checked: boolean): void;
|
|
266
277
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicMultiCheckboxFieldComponent<any>, never>;
|
|
267
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicMultiCheckboxFieldComponent<any>, "df-
|
|
278
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicMultiCheckboxFieldComponent<any>, "df-ion-multi-checkbox", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
268
279
|
}
|
|
269
280
|
|
|
270
281
|
interface IonicRadioProps<T> {
|
|
@@ -277,6 +288,7 @@ type IonicRadioField<T> = RadioField<T, IonicRadioProps<T>>;
|
|
|
277
288
|
type IonicRadioComponent<T> = ValueFieldComponent<IonicRadioField<T>>;
|
|
278
289
|
|
|
279
290
|
declare class IonicRadioFieldComponent<T> implements IonicRadioComponent<T> {
|
|
291
|
+
private readonly elementRef;
|
|
280
292
|
readonly field: _angular_core.InputSignal<FieldTree<T>>;
|
|
281
293
|
readonly key: _angular_core.InputSignal<string>;
|
|
282
294
|
readonly label: _angular_core.InputSignal<DynamicText | undefined>;
|
|
@@ -285,12 +297,14 @@ declare class IonicRadioFieldComponent<T> implements IonicRadioComponent<T> {
|
|
|
285
297
|
readonly tabIndex: _angular_core.InputSignal<number | undefined>;
|
|
286
298
|
readonly options: _angular_core.InputSignal<FieldOption<T>[]>;
|
|
287
299
|
readonly props: _angular_core.InputSignal<IonicRadioProps<T> | undefined>;
|
|
300
|
+
readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
|
|
288
301
|
readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
289
302
|
readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
290
303
|
readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
291
304
|
readonly showErrors: _angular_core.Signal<boolean>;
|
|
292
305
|
readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
293
306
|
defaultCompare: (value1: any, value2: any) => boolean;
|
|
307
|
+
constructor();
|
|
294
308
|
/** Base ID for error elements */
|
|
295
309
|
readonly errorId: _angular_core.Signal<string>;
|
|
296
310
|
/** Whether the field is currently in an invalid state (invalid AND touched) */
|
|
@@ -298,7 +312,7 @@ declare class IonicRadioFieldComponent<T> implements IonicRadioComponent<T> {
|
|
|
298
312
|
/** Whether the field has a required validator */
|
|
299
313
|
readonly isRequired: _angular_core.Signal<boolean>;
|
|
300
314
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicRadioFieldComponent<any>, never>;
|
|
301
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicRadioFieldComponent<any>, "df-
|
|
315
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicRadioFieldComponent<any>, "df-ion-radio", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
302
316
|
}
|
|
303
317
|
|
|
304
318
|
interface IonicSelectProps<T> extends SelectProps {
|
|
@@ -318,6 +332,7 @@ type IonicSelectField<T> = SelectField<T, IonicSelectProps<T>>;
|
|
|
318
332
|
type IonicSelectComponent<T> = ValueFieldComponent<IonicSelectField<T>>;
|
|
319
333
|
|
|
320
334
|
declare class IonicSelectFieldComponent<T> implements IonicSelectComponent<T> {
|
|
335
|
+
private readonly elementRef;
|
|
321
336
|
readonly field: _angular_core.InputSignal<FieldTree<T>>;
|
|
322
337
|
readonly key: _angular_core.InputSignal<string>;
|
|
323
338
|
readonly label: _angular_core.InputSignal<DynamicText | undefined>;
|
|
@@ -326,8 +341,10 @@ declare class IonicSelectFieldComponent<T> implements IonicSelectComponent<T> {
|
|
|
326
341
|
readonly tabIndex: _angular_core.InputSignal<number | undefined>;
|
|
327
342
|
readonly options: _angular_core.InputSignal<FieldOption<T>[]>;
|
|
328
343
|
readonly props: _angular_core.InputSignal<IonicSelectProps<T> | undefined>;
|
|
344
|
+
readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
|
|
329
345
|
readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
330
346
|
readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
347
|
+
constructor();
|
|
331
348
|
readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
332
349
|
readonly showErrors: _angular_core.Signal<boolean>;
|
|
333
350
|
readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
@@ -339,7 +356,7 @@ declare class IonicSelectFieldComponent<T> implements IonicSelectComponent<T> {
|
|
|
339
356
|
/** Whether the field has a required validator */
|
|
340
357
|
readonly isRequired: _angular_core.Signal<boolean>;
|
|
341
358
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicSelectFieldComponent<any>, never>;
|
|
342
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicSelectFieldComponent<any>, "df-
|
|
359
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicSelectFieldComponent<any>, "df-ion-select", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
343
360
|
}
|
|
344
361
|
|
|
345
362
|
interface IonicSliderProps {
|
|
@@ -358,6 +375,7 @@ type IonicSliderField = SliderField<IonicSliderProps>;
|
|
|
358
375
|
type IonicSliderComponent = ValueFieldComponent<IonicSliderField>;
|
|
359
376
|
|
|
360
377
|
declare class IonicSliderFieldComponent implements IonicSliderComponent {
|
|
378
|
+
private readonly elementRef;
|
|
361
379
|
readonly field: _angular_core.InputSignal<FieldTree<number>>;
|
|
362
380
|
readonly key: _angular_core.InputSignal<string>;
|
|
363
381
|
readonly label: _angular_core.InputSignal<DynamicText | undefined>;
|
|
@@ -365,8 +383,10 @@ declare class IonicSliderFieldComponent implements IonicSliderComponent {
|
|
|
365
383
|
readonly className: _angular_core.InputSignal<string>;
|
|
366
384
|
readonly tabIndex: _angular_core.InputSignal<number | undefined>;
|
|
367
385
|
readonly props: _angular_core.InputSignal<IonicSliderProps | undefined>;
|
|
386
|
+
readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
|
|
368
387
|
readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
369
388
|
readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
389
|
+
constructor();
|
|
370
390
|
readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
371
391
|
readonly showErrors: _angular_core.Signal<boolean>;
|
|
372
392
|
readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
@@ -378,7 +398,7 @@ declare class IonicSliderFieldComponent implements IonicSliderComponent {
|
|
|
378
398
|
/** Whether the field has a required validator */
|
|
379
399
|
readonly isRequired: _angular_core.Signal<boolean>;
|
|
380
400
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicSliderFieldComponent, never>;
|
|
381
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicSliderFieldComponent, "df-
|
|
401
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicSliderFieldComponent, "df-ion-slider", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
382
402
|
}
|
|
383
403
|
|
|
384
404
|
interface IonicTextareaProps extends TextareaProps {
|
|
@@ -397,6 +417,7 @@ type IonicTextareaField = TextareaField<IonicTextareaProps>;
|
|
|
397
417
|
type IonicTextareaComponent = ValueFieldComponent<IonicTextareaField>;
|
|
398
418
|
|
|
399
419
|
declare class IonicTextareaFieldComponent implements IonicTextareaComponent {
|
|
420
|
+
private readonly elementRef;
|
|
400
421
|
readonly field: _angular_core.InputSignal<FieldTree<string>>;
|
|
401
422
|
readonly key: _angular_core.InputSignal<string>;
|
|
402
423
|
readonly label: _angular_core.InputSignal<DynamicText | undefined>;
|
|
@@ -404,11 +425,13 @@ declare class IonicTextareaFieldComponent implements IonicTextareaComponent {
|
|
|
404
425
|
readonly className: _angular_core.InputSignal<string>;
|
|
405
426
|
readonly tabIndex: _angular_core.InputSignal<number | undefined>;
|
|
406
427
|
readonly props: _angular_core.InputSignal<IonicTextareaProps | undefined>;
|
|
428
|
+
readonly meta: _angular_core.InputSignal<TextareaMeta | undefined>;
|
|
407
429
|
readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
408
430
|
readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
409
431
|
readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
410
432
|
readonly showErrors: _angular_core.Signal<boolean>;
|
|
411
433
|
readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
434
|
+
constructor();
|
|
412
435
|
/** Base ID for error elements */
|
|
413
436
|
readonly errorId: _angular_core.Signal<string>;
|
|
414
437
|
/** Whether the field is currently in an invalid state (invalid AND touched) */
|
|
@@ -416,7 +439,7 @@ declare class IonicTextareaFieldComponent implements IonicTextareaComponent {
|
|
|
416
439
|
/** Whether the field has a required validator */
|
|
417
440
|
readonly isRequired: _angular_core.Signal<boolean>;
|
|
418
441
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicTextareaFieldComponent, never>;
|
|
419
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicTextareaFieldComponent, "df-
|
|
442
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicTextareaFieldComponent, "df-ion-textarea", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
420
443
|
}
|
|
421
444
|
|
|
422
445
|
interface IonicToggleProps {
|
|
@@ -429,6 +452,7 @@ type IonicToggleField = ToggleField<IonicToggleProps>;
|
|
|
429
452
|
type IonicToggleComponent = CheckedFieldComponent<IonicToggleField>;
|
|
430
453
|
|
|
431
454
|
declare class IonicToggleFieldComponent implements IonicToggleComponent {
|
|
455
|
+
private readonly elementRef;
|
|
432
456
|
readonly field: _angular_core.InputSignal<FieldTree<boolean>>;
|
|
433
457
|
readonly key: _angular_core.InputSignal<string>;
|
|
434
458
|
readonly label: _angular_core.InputSignal<DynamicText | undefined>;
|
|
@@ -436,15 +460,17 @@ declare class IonicToggleFieldComponent implements IonicToggleComponent {
|
|
|
436
460
|
readonly className: _angular_core.InputSignal<string>;
|
|
437
461
|
readonly tabIndex: _angular_core.InputSignal<number | undefined>;
|
|
438
462
|
readonly props: _angular_core.InputSignal<IonicToggleProps | undefined>;
|
|
463
|
+
readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
|
|
439
464
|
readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
440
465
|
readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
|
|
466
|
+
constructor();
|
|
441
467
|
readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
442
468
|
readonly showErrors: _angular_core.Signal<boolean>;
|
|
443
469
|
readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
|
|
444
470
|
/** Base ID for error elements */
|
|
445
471
|
readonly errorId: _angular_core.Signal<string>;
|
|
446
472
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicToggleFieldComponent, never>;
|
|
447
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicToggleFieldComponent, "df-
|
|
473
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicToggleFieldComponent, "df-ion-toggle", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
448
474
|
}
|
|
449
475
|
|
|
450
476
|
/**
|