@maro-tech/form 0.1.2 → 0.1.3
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 +129 -118
- package/fesm2022/maro-tech-form.mjs.map +1 -1
- package/package.json +1 -1
- package/types/maro-tech-form.d.ts +10 -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;
|
|
@@ -119,7 +120,7 @@ declare class InputSelectControlComponent implements ControlValueAccessor, OnCha
|
|
|
119
120
|
private loadSuggestItems;
|
|
120
121
|
private loadSuggestItem;
|
|
121
122
|
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>;
|
|
123
|
+
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
124
|
static ngAcceptInputType_multiple: unknown;
|
|
124
125
|
}
|
|
125
126
|
|
|
@@ -168,6 +169,7 @@ interface UiDynamicFormTextField extends UiDynamicFormCommonField {
|
|
|
168
169
|
interface UiDynamicFormSelectField extends UiDynamicFormCommonField {
|
|
169
170
|
type: 'select';
|
|
170
171
|
data?: string;
|
|
172
|
+
dataParams?: Record<string, string>;
|
|
171
173
|
options?: UiSelectOption[];
|
|
172
174
|
searchable?: boolean;
|
|
173
175
|
multiple?: boolean;
|
|
@@ -368,6 +370,7 @@ declare class FormModalComponent implements OnChanges {
|
|
|
368
370
|
declare class FieldInputComponent implements OnChanges, AfterViewInit {
|
|
369
371
|
field: UiDynamicFormField;
|
|
370
372
|
value: UiDynamicFormValue[string];
|
|
373
|
+
model: UiDynamicFormValue;
|
|
371
374
|
error: string;
|
|
372
375
|
disabled: boolean;
|
|
373
376
|
visibleActions: UiDynamicFormFieldAction[];
|
|
@@ -386,7 +389,7 @@ declare class FieldInputComponent implements OnChanges, AfterViewInit {
|
|
|
386
389
|
private render;
|
|
387
390
|
private syncInputs;
|
|
388
391
|
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>;
|
|
392
|
+
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
393
|
}
|
|
391
394
|
|
|
392
395
|
declare class FieldFrameComponent {
|
|
@@ -397,6 +400,7 @@ declare class FieldFrameComponent {
|
|
|
397
400
|
forId?: string;
|
|
398
401
|
disabled: boolean;
|
|
399
402
|
actions: UiDynamicFormFieldAction[];
|
|
403
|
+
get hasError(): boolean;
|
|
400
404
|
actionTriggered: EventEmitter<UiDynamicFormFieldAction>;
|
|
401
405
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldFrameComponent, never>;
|
|
402
406
|
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 +1144,7 @@ declare class InputSelectComponent implements ControlValueAccessor, Validator, A
|
|
|
1140
1144
|
placeholder?: string;
|
|
1141
1145
|
name?: string;
|
|
1142
1146
|
data?: string;
|
|
1147
|
+
dataParams: Record<string, string | number | boolean | null | undefined>;
|
|
1143
1148
|
required: boolean;
|
|
1144
1149
|
disabled: boolean;
|
|
1145
1150
|
multiple: boolean;
|
|
@@ -1162,7 +1167,7 @@ declare class InputSelectComponent implements ControlValueAccessor, Validator, A
|
|
|
1162
1167
|
setDisabledState(isDisabled: boolean): void;
|
|
1163
1168
|
validate(control: AbstractControl): ValidationErrors | null;
|
|
1164
1169
|
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>;
|
|
1170
|
+
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
1171
|
static ngAcceptInputType_multiple: unknown;
|
|
1167
1172
|
}
|
|
1168
1173
|
|
|
@@ -1256,8 +1261,9 @@ declare class InputTextControlComponent {
|
|
|
1256
1261
|
value: string | number | null;
|
|
1257
1262
|
valueChange: EventEmitter<string>;
|
|
1258
1263
|
touched: EventEmitter<void>;
|
|
1264
|
+
enterPressed: EventEmitter<void>;
|
|
1259
1265
|
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>;
|
|
1266
|
+
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
1267
|
}
|
|
1262
1268
|
|
|
1263
1269
|
type UiInputElement = 'input' | 'textarea';
|