@maro-tech/form 0.1.2 → 0.1.4
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/fesm2022/maro-tech-form.mjs +144 -118
- package/fesm2022/maro-tech-form.mjs.map +1 -1
- package/package.json +1 -1
- package/types/maro-tech-form.d.ts +11 -4
package/package.json
CHANGED
|
@@ -53,6 +53,7 @@ declare class InputSelectControlComponent implements ControlValueAccessor, OnCha
|
|
|
53
53
|
placeholder?: string;
|
|
54
54
|
name?: string;
|
|
55
55
|
data?: string;
|
|
56
|
+
dataParams: Record<string, string | number | boolean | null | undefined>;
|
|
56
57
|
required: boolean;
|
|
57
58
|
disabled: boolean;
|
|
58
59
|
multiple: boolean;
|
|
@@ -111,6 +112,7 @@ declare class InputSelectControlComponent implements ControlValueAccessor, OnCha
|
|
|
111
112
|
private mergeOptions;
|
|
112
113
|
private isBlankOption;
|
|
113
114
|
private getDictionaryName;
|
|
115
|
+
private sameDataParams;
|
|
114
116
|
private reloadDictionaryOptions;
|
|
115
117
|
private loadDictionaryOptions;
|
|
116
118
|
private ensureSelectedDictionaryOptionsLoaded;
|
|
@@ -119,7 +121,7 @@ declare class InputSelectControlComponent implements ControlValueAccessor, OnCha
|
|
|
119
121
|
private loadSuggestItems;
|
|
120
122
|
private loadSuggestItem;
|
|
121
123
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputSelectControlComponent, never>;
|
|
122
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectControlComponent, "input-select-control", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "data": { "alias": "data"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "includeBlankOption": { "alias": "includeBlankOption"; "required": false; }; "blankOptionLabel": { "alias": "blankOptionLabel"; "required": false; }; "emptyStateLabel": { "alias": "emptyStateLabel"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "options": { "alias": "options"; "required": false; }; "error": { "alias": "error"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "triggerClass": { "alias": "triggerClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; }, never, never, true, never>;
|
|
124
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectControlComponent, "input-select-control", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "data": { "alias": "data"; "required": false; }; "dataParams": { "alias": "dataParams"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "includeBlankOption": { "alias": "includeBlankOption"; "required": false; }; "blankOptionLabel": { "alias": "blankOptionLabel"; "required": false; }; "emptyStateLabel": { "alias": "emptyStateLabel"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "options": { "alias": "options"; "required": false; }; "error": { "alias": "error"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "triggerClass": { "alias": "triggerClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; }, never, never, true, never>;
|
|
123
125
|
static ngAcceptInputType_multiple: unknown;
|
|
124
126
|
}
|
|
125
127
|
|
|
@@ -168,6 +170,7 @@ interface UiDynamicFormTextField extends UiDynamicFormCommonField {
|
|
|
168
170
|
interface UiDynamicFormSelectField extends UiDynamicFormCommonField {
|
|
169
171
|
type: 'select';
|
|
170
172
|
data?: string;
|
|
173
|
+
dataParams?: Record<string, string>;
|
|
171
174
|
options?: UiSelectOption[];
|
|
172
175
|
searchable?: boolean;
|
|
173
176
|
multiple?: boolean;
|
|
@@ -368,6 +371,7 @@ declare class FormModalComponent implements OnChanges {
|
|
|
368
371
|
declare class FieldInputComponent implements OnChanges, AfterViewInit {
|
|
369
372
|
field: UiDynamicFormField;
|
|
370
373
|
value: UiDynamicFormValue[string];
|
|
374
|
+
model: UiDynamicFormValue;
|
|
371
375
|
error: string;
|
|
372
376
|
disabled: boolean;
|
|
373
377
|
visibleActions: UiDynamicFormFieldAction[];
|
|
@@ -386,7 +390,7 @@ declare class FieldInputComponent implements OnChanges, AfterViewInit {
|
|
|
386
390
|
private render;
|
|
387
391
|
private syncInputs;
|
|
388
392
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldInputComponent, never>;
|
|
389
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FieldInputComponent, "field-input", never, { "field": { "alias": "field"; "required": false; }; "value": { "alias": "value"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "visibleActions": { "alias": "visibleActions"; "required": false; }; }, { "valueChange": "valueChange"; "actionTriggered": "actionTriggered"; "lookupRequested": "lookupRequested"; "barcodeScanned": "barcodeScanned"; "filesChange": "filesChange"; "uploadingChange": "uploadingChange"; }, never, never, true, never>;
|
|
393
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FieldInputComponent, "field-input", never, { "field": { "alias": "field"; "required": false; }; "value": { "alias": "value"; "required": false; }; "model": { "alias": "model"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "visibleActions": { "alias": "visibleActions"; "required": false; }; }, { "valueChange": "valueChange"; "actionTriggered": "actionTriggered"; "lookupRequested": "lookupRequested"; "barcodeScanned": "barcodeScanned"; "filesChange": "filesChange"; "uploadingChange": "uploadingChange"; }, never, never, true, never>;
|
|
390
394
|
}
|
|
391
395
|
|
|
392
396
|
declare class FieldFrameComponent {
|
|
@@ -397,6 +401,7 @@ declare class FieldFrameComponent {
|
|
|
397
401
|
forId?: string;
|
|
398
402
|
disabled: boolean;
|
|
399
403
|
actions: UiDynamicFormFieldAction[];
|
|
404
|
+
get hasError(): boolean;
|
|
400
405
|
actionTriggered: EventEmitter<UiDynamicFormFieldAction>;
|
|
401
406
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldFrameComponent, never>;
|
|
402
407
|
static ɵcmp: i0.ɵɵComponentDeclaration<FieldFrameComponent, "field-frame", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "required": { "alias": "required"; "required": false; }; "forId": { "alias": "forId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, ["*"], true, never>;
|
|
@@ -1140,6 +1145,7 @@ declare class InputSelectComponent implements ControlValueAccessor, Validator, A
|
|
|
1140
1145
|
placeholder?: string;
|
|
1141
1146
|
name?: string;
|
|
1142
1147
|
data?: string;
|
|
1148
|
+
dataParams: Record<string, string | number | boolean | null | undefined>;
|
|
1143
1149
|
required: boolean;
|
|
1144
1150
|
disabled: boolean;
|
|
1145
1151
|
multiple: boolean;
|
|
@@ -1162,7 +1168,7 @@ declare class InputSelectComponent implements ControlValueAccessor, Validator, A
|
|
|
1162
1168
|
setDisabledState(isDisabled: boolean): void;
|
|
1163
1169
|
validate(control: AbstractControl): ValidationErrors | null;
|
|
1164
1170
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputSelectComponent, never>;
|
|
1165
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "input-select", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "data": { "alias": "data"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "includeBlankOption": { "alias": "includeBlankOption"; "required": false; }; "blankOptionLabel": { "alias": "blankOptionLabel"; "required": false; }; "emptyStateLabel": { "alias": "emptyStateLabel"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "options": { "alias": "options"; "required": false; }; "triggerClass": { "alias": "triggerClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; }, never, never, true, never>;
|
|
1171
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "input-select", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "data": { "alias": "data"; "required": false; }; "dataParams": { "alias": "dataParams"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "includeBlankOption": { "alias": "includeBlankOption"; "required": false; }; "blankOptionLabel": { "alias": "blankOptionLabel"; "required": false; }; "emptyStateLabel": { "alias": "emptyStateLabel"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "options": { "alias": "options"; "required": false; }; "triggerClass": { "alias": "triggerClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; }, never, never, true, never>;
|
|
1166
1172
|
static ngAcceptInputType_multiple: unknown;
|
|
1167
1173
|
}
|
|
1168
1174
|
|
|
@@ -1256,8 +1262,9 @@ declare class InputTextControlComponent {
|
|
|
1256
1262
|
value: string | number | null;
|
|
1257
1263
|
valueChange: EventEmitter<string>;
|
|
1258
1264
|
touched: EventEmitter<void>;
|
|
1265
|
+
enterPressed: EventEmitter<void>;
|
|
1259
1266
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputTextControlComponent, never>;
|
|
1260
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputTextControlComponent, "input-text-control", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "element": { "alias": "element"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "touched": "touched"; }, never, never, true, never>;
|
|
1267
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputTextControlComponent, "input-text-control", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "element": { "alias": "element"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "touched": "touched"; "enterPressed": "enterPressed"; }, never, never, true, never>;
|
|
1261
1268
|
}
|
|
1262
1269
|
|
|
1263
1270
|
type UiInputElement = 'input' | 'textarea';
|