@maro-tech/form 0.0.12 → 0.0.14
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 +42 -11
- package/fesm2022/maro-tech-form.mjs.map +1 -1
- package/package.json +1 -1
- package/types/maro-tech-form.d.ts +104 -93
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { OnChanges, EventEmitter, ElementRef, SimpleChanges, InjectionToken, OnInit, OnDestroy, Type, AfterViewInit } from '@angular/core';
|
|
3
3
|
import { Observable } from 'rxjs';
|
|
4
4
|
import * as lucide_angular from 'lucide-angular';
|
|
5
5
|
import { ControlValueAccessor } from '@angular/forms';
|
|
6
6
|
import { ConnectedPosition } from '@angular/cdk/overlay';
|
|
7
|
+
import * as _maro_tech_form from '@maro-tech/form';
|
|
7
8
|
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
8
9
|
|
|
9
10
|
type UiFormValue = Record<string, unknown>;
|
|
@@ -14,23 +15,28 @@ interface UiFormSubmitState {
|
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
declare class UiFormContext {
|
|
17
|
-
readonly value:
|
|
18
|
-
readonly errors:
|
|
19
|
-
readonly loading:
|
|
20
|
-
readonly disabled:
|
|
18
|
+
readonly value: _angular_core.WritableSignal<UiFormValue>;
|
|
19
|
+
readonly errors: _angular_core.WritableSignal<UiFormErrors>;
|
|
20
|
+
readonly loading: _angular_core.WritableSignal<boolean>;
|
|
21
|
+
readonly disabled: _angular_core.WritableSignal<boolean>;
|
|
21
22
|
setValue(value: UiFormValue): void;
|
|
22
23
|
patchValue(value: UiFormValue): void;
|
|
23
24
|
setErrors(errors: UiFormErrors): void;
|
|
24
25
|
reset(value?: UiFormValue): void;
|
|
25
|
-
static ɵfac:
|
|
26
|
-
static ɵprov:
|
|
26
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiFormContext, never>;
|
|
27
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<UiFormContext>;
|
|
27
28
|
}
|
|
28
29
|
|
|
30
|
+
interface MaroUploadedFile {
|
|
31
|
+
imageId: string;
|
|
32
|
+
type?: string;
|
|
33
|
+
}
|
|
29
34
|
declare class MaroFormsApiService {
|
|
30
35
|
private readonly http;
|
|
31
36
|
getSuggestByName(name: string, query?: string): Observable<Array<Record<string, unknown>>>;
|
|
32
|
-
|
|
33
|
-
static
|
|
37
|
+
uploadFile(file: File): Observable<MaroUploadedFile>;
|
|
38
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MaroFormsApiService, never>;
|
|
39
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<MaroFormsApiService>;
|
|
34
40
|
}
|
|
35
41
|
|
|
36
42
|
interface UiSelectOption {
|
|
@@ -120,8 +126,8 @@ declare class UiSelectComponent implements ControlValueAccessor, OnChanges {
|
|
|
120
126
|
private normalizeSuggestItem;
|
|
121
127
|
private loadSuggestItems;
|
|
122
128
|
private loadSuggestItem;
|
|
123
|
-
static ɵfac:
|
|
124
|
-
static ɵcmp:
|
|
129
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiSelectComponent, never>;
|
|
130
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiSelectComponent, "forms-select", 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; }; "fullWidth": { "alias": "fullWidth"; "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; }; "remoteSearch": { "alias": "remoteSearch"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "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>;
|
|
125
131
|
static ngAcceptInputType_multiple: unknown;
|
|
126
132
|
}
|
|
127
133
|
|
|
@@ -210,8 +216,8 @@ declare const flattenDynamicFormFields: (fields: UiDynamicFormField[]) => UiDyna
|
|
|
210
216
|
declare class UiFormLookupService {
|
|
211
217
|
private readonly http;
|
|
212
218
|
lookup(field: UiDynamicFormField, value: string): Observable<Record<string, unknown>>;
|
|
213
|
-
static ɵfac:
|
|
214
|
-
static ɵprov:
|
|
219
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiFormLookupService, never>;
|
|
220
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<UiFormLookupService>;
|
|
215
221
|
}
|
|
216
222
|
|
|
217
223
|
interface UiDynamicFormOptionsSourceContext {
|
|
@@ -255,10 +261,10 @@ declare class UiDynamicFormComponent implements OnInit, OnChanges, OnDestroy {
|
|
|
255
261
|
fieldId: string;
|
|
256
262
|
action: UiDynamicFormFieldAction;
|
|
257
263
|
}>;
|
|
258
|
-
readonly modelSignal:
|
|
259
|
-
readonly dictionaryOptionsSignal:
|
|
260
|
-
readonly lookupLoadingSignal:
|
|
261
|
-
readonly lookupErrorsSignal:
|
|
264
|
+
readonly modelSignal: _angular_core.WritableSignal<UiDynamicFormValue>;
|
|
265
|
+
readonly dictionaryOptionsSignal: _angular_core.WritableSignal<Record<string, UiSelectOption[]>>;
|
|
266
|
+
readonly lookupLoadingSignal: _angular_core.WritableSignal<Record<string, boolean>>;
|
|
267
|
+
readonly lookupErrorsSignal: _angular_core.WritableSignal<Record<string, string>>;
|
|
262
268
|
private readonly selectSearchChanges;
|
|
263
269
|
private readonly selectSearchSubscriptions;
|
|
264
270
|
private readonly optionsSourceRequestVersions;
|
|
@@ -266,6 +272,7 @@ declare class UiDynamicFormComponent implements OnInit, OnChanges, OnDestroy {
|
|
|
266
272
|
ngOnChanges(changes: SimpleChanges): void;
|
|
267
273
|
ngOnDestroy(): void;
|
|
268
274
|
updateField(fieldId: string, nextValue: UiDynamicFormValue[string]): void;
|
|
275
|
+
private normalizeFieldValue;
|
|
269
276
|
onBarcodeValueChange(field: UiDynamicFormField, value: string): void;
|
|
270
277
|
onBarcodeScanned(field: UiDynamicFormField, value: string): void;
|
|
271
278
|
onSelectValueChange(field: UiDynamicFormField, value: string | string[] | null): void;
|
|
@@ -302,8 +309,8 @@ declare class UiDynamicFormComponent implements OnInit, OnChanges, OnDestroy {
|
|
|
302
309
|
private resolveTemplateValue;
|
|
303
310
|
private getFlatFields;
|
|
304
311
|
private getLeafFields;
|
|
305
|
-
static ɵfac:
|
|
306
|
-
static ɵcmp:
|
|
312
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiDynamicFormComponent, never>;
|
|
313
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiDynamicFormComponent, "forms-dynamic-form", never, { "fields": { "alias": "fields"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "submitLabel": { "alias": "submitLabel"; "required": false; }; "showSubmit": { "alias": "showSubmit"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "uploadPhoto": { "alias": "uploadPhoto"; "required": false; }; }, { "valueChange": "valueChange"; "lookupCompleted": "lookupCompleted"; "submitted": "submitted"; "filesChange": "filesChange"; "uploadingChange": "uploadingChange"; "fieldActionTriggered": "fieldActionTriggered"; }, never, never, true, never>;
|
|
307
314
|
}
|
|
308
315
|
|
|
309
316
|
interface MaroFormViewAction extends UiDynamicFormFieldAction {
|
|
@@ -322,31 +329,34 @@ interface MaroFormViewResponse {
|
|
|
322
329
|
item?: Record<string, unknown> | null;
|
|
323
330
|
}
|
|
324
331
|
declare class UiActionFormModalComponent implements OnChanges {
|
|
325
|
-
readonly formId:
|
|
326
|
-
readonly recordId:
|
|
327
|
-
readonly size:
|
|
328
|
-
readonly isOpen:
|
|
329
|
-
readonly
|
|
330
|
-
readonly
|
|
332
|
+
readonly formId: _angular_core.InputSignal<string>;
|
|
333
|
+
readonly recordId: _angular_core.InputSignal<string>;
|
|
334
|
+
readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
|
|
335
|
+
readonly isOpen: _angular_core.InputSignal<boolean>;
|
|
336
|
+
readonly cancelLabel: _angular_core.InputSignal<string>;
|
|
337
|
+
readonly initialValue: _angular_core.InputSignal<Record<string, unknown>>;
|
|
338
|
+
readonly uploadPhoto: _angular_core.InputSignal<((file: File) => Observable<{
|
|
331
339
|
imageId: string;
|
|
332
340
|
}>) | null>;
|
|
333
|
-
readonly closed:
|
|
334
|
-
readonly completed:
|
|
335
|
-
readonly isLoading:
|
|
336
|
-
readonly isSubmitting:
|
|
337
|
-
readonly isUploading:
|
|
338
|
-
readonly formConfig:
|
|
339
|
-
readonly formValue:
|
|
340
|
-
readonly fields:
|
|
341
|
-
readonly submitAction:
|
|
342
|
-
readonly submitLabel:
|
|
343
|
-
readonly panelClass:
|
|
341
|
+
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
342
|
+
readonly completed: _angular_core.OutputEmitterRef<unknown>;
|
|
343
|
+
readonly isLoading: _angular_core.WritableSignal<boolean>;
|
|
344
|
+
readonly isSubmitting: _angular_core.WritableSignal<boolean>;
|
|
345
|
+
readonly isUploading: _angular_core.WritableSignal<boolean>;
|
|
346
|
+
readonly formConfig: _angular_core.WritableSignal<MaroFormViewResponse | null>;
|
|
347
|
+
readonly formValue: _angular_core.WritableSignal<UiDynamicFormValue>;
|
|
348
|
+
readonly fields: _angular_core.Signal<UiDynamicFormField[]>;
|
|
349
|
+
readonly submitAction: _angular_core.Signal<MaroFormViewAction | undefined>;
|
|
350
|
+
readonly submitLabel: _angular_core.Signal<string | true>;
|
|
351
|
+
readonly panelClass: _angular_core.Signal<{
|
|
344
352
|
'max-w-xl': boolean;
|
|
345
353
|
'max-w-3xl': boolean;
|
|
346
354
|
'max-w-6xl': boolean;
|
|
347
355
|
}>;
|
|
348
356
|
private readonly http;
|
|
349
357
|
private readonly router;
|
|
358
|
+
private readonly formsApi;
|
|
359
|
+
readonly defaultUploadPhoto: (file: File) => Observable<_maro_tech_form.MaroUploadedFile>;
|
|
350
360
|
ngOnChanges(changes: SimpleChanges): void;
|
|
351
361
|
close(): void;
|
|
352
362
|
onValueChange(value: UiDynamicFormValue): void;
|
|
@@ -362,14 +372,15 @@ declare class UiActionFormModalComponent implements OnChanges {
|
|
|
362
372
|
confirm(): void;
|
|
363
373
|
private loadForm;
|
|
364
374
|
private resolveEndpoint;
|
|
375
|
+
private normalizePayload;
|
|
365
376
|
private normalizeActionType;
|
|
366
377
|
private isSubmitAction;
|
|
367
378
|
private resolveMethod;
|
|
368
379
|
private extractData;
|
|
369
380
|
private navigateAfterSubmit;
|
|
370
381
|
private resolveTemplate;
|
|
371
|
-
static ɵfac:
|
|
372
|
-
static ɵcmp:
|
|
382
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiActionFormModalComponent, never>;
|
|
383
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiActionFormModalComponent, "forms-action-form-modal", never, { "formId": { "alias": "formId"; "required": false; "isSignal": true; }; "recordId": { "alias": "recordId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "uploadPhoto": { "alias": "uploadPhoto"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "completed": "completed"; }, never, never, true, never>;
|
|
373
384
|
}
|
|
374
385
|
|
|
375
386
|
declare class UiFormInputHostComponent implements OnChanges {
|
|
@@ -390,34 +401,34 @@ declare class UiFormInputHostComponent implements OnChanges {
|
|
|
390
401
|
ngOnChanges(changes: SimpleChanges): void;
|
|
391
402
|
private render;
|
|
392
403
|
private syncInputs;
|
|
393
|
-
static ɵfac:
|
|
394
|
-
static ɵcmp:
|
|
404
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiFormInputHostComponent, never>;
|
|
405
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiFormInputHostComponent, "forms-form-input-host", never, { "field": { "alias": "field"; "required": false; }; "value": { "alias": "value"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "valueChange": "valueChange"; "actionTriggered": "actionTriggered"; }, never, never, true, never>;
|
|
395
406
|
}
|
|
396
407
|
|
|
397
408
|
type UiFormInputType = 'text' | 'number' | 'date' | 'datetime' | 'email' | 'password' | 'textarea';
|
|
398
409
|
declare const UI_FORM_INPUT_REGISTRY: Record<UiFormInputType, Type<unknown>>;
|
|
399
410
|
|
|
400
411
|
declare class UiBarcodeScannerInputComponent implements OnChanges, AfterViewInit, OnDestroy {
|
|
401
|
-
readonly value:
|
|
402
|
-
readonly label:
|
|
403
|
-
readonly placeholder:
|
|
404
|
-
readonly hint:
|
|
405
|
-
readonly disabled:
|
|
406
|
-
readonly autoOpen:
|
|
407
|
-
readonly searchButtonLabel:
|
|
408
|
-
readonly openCameraLabel:
|
|
409
|
-
readonly closeCameraLabel:
|
|
410
|
-
readonly cameraTitle:
|
|
411
|
-
readonly cameraStartingLabel:
|
|
412
|
-
readonly cameraHint:
|
|
413
|
-
readonly valueChange:
|
|
414
|
-
readonly scanned:
|
|
415
|
-
readonly searchRequested:
|
|
416
|
-
readonly cameraStateChange:
|
|
417
|
-
readonly isCameraOpen:
|
|
418
|
-
readonly isCameraStarting:
|
|
419
|
-
readonly cameraError:
|
|
420
|
-
readonly cameraStatus:
|
|
412
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
413
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
414
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
415
|
+
readonly hint: _angular_core.InputSignal<string>;
|
|
416
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
417
|
+
readonly autoOpen: _angular_core.InputSignal<boolean>;
|
|
418
|
+
readonly searchButtonLabel: _angular_core.InputSignal<string>;
|
|
419
|
+
readonly openCameraLabel: _angular_core.InputSignal<string>;
|
|
420
|
+
readonly closeCameraLabel: _angular_core.InputSignal<string>;
|
|
421
|
+
readonly cameraTitle: _angular_core.InputSignal<string>;
|
|
422
|
+
readonly cameraStartingLabel: _angular_core.InputSignal<string>;
|
|
423
|
+
readonly cameraHint: _angular_core.InputSignal<string>;
|
|
424
|
+
readonly valueChange: _angular_core.OutputEmitterRef<string>;
|
|
425
|
+
readonly scanned: _angular_core.OutputEmitterRef<string>;
|
|
426
|
+
readonly searchRequested: _angular_core.OutputEmitterRef<void>;
|
|
427
|
+
readonly cameraStateChange: _angular_core.OutputEmitterRef<"error" | "idle" | "starting" | "open">;
|
|
428
|
+
readonly isCameraOpen: _angular_core.WritableSignal<boolean>;
|
|
429
|
+
readonly isCameraStarting: _angular_core.WritableSignal<boolean>;
|
|
430
|
+
readonly cameraError: _angular_core.WritableSignal<string>;
|
|
431
|
+
readonly cameraStatus: _angular_core.WritableSignal<string>;
|
|
421
432
|
private cameraVideo?;
|
|
422
433
|
private readonly barcodeReader;
|
|
423
434
|
private nativeBarcodeDetector;
|
|
@@ -440,8 +451,8 @@ declare class UiBarcodeScannerInputComponent implements OnChanges, AfterViewInit
|
|
|
440
451
|
private openZxingCamera;
|
|
441
452
|
private scheduleNativeScan;
|
|
442
453
|
private createNativeBarcodeDetector;
|
|
443
|
-
static ɵfac:
|
|
444
|
-
static ɵcmp:
|
|
454
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiBarcodeScannerInputComponent, never>;
|
|
455
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiBarcodeScannerInputComponent, "forms-barcode-scanner-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "autoOpen": { "alias": "autoOpen"; "required": false; "isSignal": true; }; "searchButtonLabel": { "alias": "searchButtonLabel"; "required": false; "isSignal": true; }; "openCameraLabel": { "alias": "openCameraLabel"; "required": false; "isSignal": true; }; "closeCameraLabel": { "alias": "closeCameraLabel"; "required": false; "isSignal": true; }; "cameraTitle": { "alias": "cameraTitle"; "required": false; "isSignal": true; }; "cameraStartingLabel": { "alias": "cameraStartingLabel"; "required": false; "isSignal": true; }; "cameraHint": { "alias": "cameraHint"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "scanned": "scanned"; "searchRequested": "searchRequested"; "cameraStateChange": "cameraStateChange"; }, never, never, true, never>;
|
|
445
456
|
}
|
|
446
457
|
|
|
447
458
|
declare class UiCheckboxInputComponent {
|
|
@@ -450,8 +461,8 @@ declare class UiCheckboxInputComponent {
|
|
|
450
461
|
value: boolean;
|
|
451
462
|
valueChange: EventEmitter<boolean>;
|
|
452
463
|
onValueChange(event: Event): void;
|
|
453
|
-
static ɵfac:
|
|
454
|
-
static ɵcmp:
|
|
464
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiCheckboxInputComponent, never>;
|
|
465
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiCheckboxInputComponent, "forms-checkbox-input", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
455
466
|
}
|
|
456
467
|
|
|
457
468
|
declare class UiColorInputComponent implements ControlValueAccessor {
|
|
@@ -480,8 +491,8 @@ declare class UiColorInputComponent implements ControlValueAccessor {
|
|
|
480
491
|
markTouched(): void;
|
|
481
492
|
private normalizeHexInput;
|
|
482
493
|
private isColorValue;
|
|
483
|
-
static ɵfac:
|
|
484
|
-
static ɵcmp:
|
|
494
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiColorInputComponent, never>;
|
|
495
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiColorInputComponent, "forms-color-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, true, never>;
|
|
485
496
|
}
|
|
486
497
|
|
|
487
498
|
type UiInputElement$6 = 'input' | 'textarea';
|
|
@@ -560,8 +571,8 @@ declare class UiDateInputComponent implements ControlValueAccessor {
|
|
|
560
571
|
private parseDate;
|
|
561
572
|
private parseInputDate;
|
|
562
573
|
private toDateValue;
|
|
563
|
-
static ɵfac:
|
|
564
|
-
static ɵcmp:
|
|
574
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiDateInputComponent, never>;
|
|
575
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiDateInputComponent, "forms-date-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
|
|
565
576
|
}
|
|
566
577
|
|
|
567
578
|
interface CalendarDay {
|
|
@@ -640,8 +651,8 @@ declare class UiDatetimeInputComponent implements ControlValueAccessor {
|
|
|
640
651
|
private startOfMonth;
|
|
641
652
|
private parseDate;
|
|
642
653
|
private toDateValue;
|
|
643
|
-
static ɵfac:
|
|
644
|
-
static ɵcmp:
|
|
654
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiDatetimeInputComponent, never>;
|
|
655
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiDatetimeInputComponent, "forms-datetime-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
|
|
645
656
|
}
|
|
646
657
|
|
|
647
658
|
type UiInputElement$5 = 'input' | 'textarea';
|
|
@@ -676,8 +687,8 @@ declare class UiEmailInputComponent implements ControlValueAccessor {
|
|
|
676
687
|
setDisabledState(isDisabled: boolean): void;
|
|
677
688
|
onValueChange(value: string): void;
|
|
678
689
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
679
|
-
static ɵfac:
|
|
680
|
-
static ɵcmp:
|
|
690
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiEmailInputComponent, never>;
|
|
691
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiEmailInputComponent, "forms-email-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
|
|
681
692
|
}
|
|
682
693
|
|
|
683
694
|
declare class UiFileInputComponent {
|
|
@@ -692,8 +703,8 @@ declare class UiFileInputComponent {
|
|
|
692
703
|
get selectedFiles(): File[];
|
|
693
704
|
onFilesSelected(event: Event): void;
|
|
694
705
|
remove(index: number): void;
|
|
695
|
-
static ɵfac:
|
|
696
|
-
static ɵcmp:
|
|
706
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiFileInputComponent, never>;
|
|
707
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiFileInputComponent, "forms-file-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "filesChange": "filesChange"; }, never, never, true, never>;
|
|
697
708
|
}
|
|
698
709
|
|
|
699
710
|
type UiInputElement$4 = 'input' | 'textarea';
|
|
@@ -728,8 +739,8 @@ declare class UiInputComponent implements ControlValueAccessor {
|
|
|
728
739
|
setDisabledState(isDisabled: boolean): void;
|
|
729
740
|
onValueChange(value: string): void;
|
|
730
741
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
731
|
-
static ɵfac:
|
|
732
|
-
static ɵcmp:
|
|
742
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiInputComponent, never>;
|
|
743
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiInputComponent, "forms-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "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; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
|
|
733
744
|
}
|
|
734
745
|
|
|
735
746
|
type UiInputElement$3 = 'input' | 'textarea';
|
|
@@ -765,8 +776,8 @@ declare class UiNumberInputComponent implements ControlValueAccessor {
|
|
|
765
776
|
onValueChange(value: string): void;
|
|
766
777
|
preventWheelChange(event: WheelEvent): void;
|
|
767
778
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
768
|
-
static ɵfac:
|
|
769
|
-
static ɵcmp:
|
|
779
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiNumberInputComponent, never>;
|
|
780
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiNumberInputComponent, "forms-number-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
|
|
770
781
|
}
|
|
771
782
|
|
|
772
783
|
type UiInputElement$2 = 'input' | 'textarea';
|
|
@@ -805,8 +816,8 @@ declare class UiPasswordInputComponent implements ControlValueAccessor {
|
|
|
805
816
|
onValueChange(value: string): void;
|
|
806
817
|
togglePassword(event: Event): void;
|
|
807
818
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
808
|
-
static ɵfac:
|
|
809
|
-
static ɵcmp:
|
|
819
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiPasswordInputComponent, never>;
|
|
820
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPasswordInputComponent, "forms-password-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
|
|
810
821
|
}
|
|
811
822
|
|
|
812
823
|
interface UiPhotoPreview {
|
|
@@ -848,8 +859,8 @@ declare class UiPhotoInputComponent implements OnChanges, OnDestroy {
|
|
|
848
859
|
private revokeBlobUrls;
|
|
849
860
|
private resolveImageUrl;
|
|
850
861
|
private isPreviewableType;
|
|
851
|
-
static ɵfac:
|
|
852
|
-
static ɵcmp:
|
|
862
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiPhotoInputComponent, never>;
|
|
863
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPhotoInputComponent, "forms-photo-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "uploadPhoto": { "alias": "uploadPhoto"; "required": false; }; }, { "valueChange": "valueChange"; "filesChange": "filesChange"; "uploadingChange": "uploadingChange"; }, never, never, true, never>;
|
|
853
864
|
}
|
|
854
865
|
|
|
855
866
|
interface UiPhotoGalleryEntry {
|
|
@@ -885,8 +896,8 @@ declare class UiPhotoGalleryFieldComponent implements OnInit, OnChanges, OnDestr
|
|
|
885
896
|
private normalizeImageEntries;
|
|
886
897
|
private emitImageIds;
|
|
887
898
|
private uploadPendingImages;
|
|
888
|
-
static ɵfac:
|
|
889
|
-
static ɵcmp:
|
|
899
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiPhotoGalleryFieldComponent, never>;
|
|
900
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPhotoGalleryFieldComponent, "forms-photo-gallery-field", never, { "label": { "alias": "label"; "required": false; }; "orderLabel": { "alias": "orderLabel"; "required": false; }; "imageIds": { "alias": "imageIds"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "afterUpload": { "alias": "afterUpload"; "required": false; }; "uploadPhoto": { "alias": "uploadPhoto"; "required": false; }; "resolveImageUrl": { "alias": "resolveImageUrl"; "required": false; }; "notify": { "alias": "notify"; "required": false; }; }, { "imageIdsChange": "imageIdsChange"; }, never, never, true, never>;
|
|
890
901
|
}
|
|
891
902
|
|
|
892
903
|
declare class UiRangeSliderComponent implements OnChanges, AfterViewInit {
|
|
@@ -918,8 +929,8 @@ declare class UiRangeSliderComponent implements OnChanges, AfterViewInit {
|
|
|
918
929
|
private toFiniteNumber;
|
|
919
930
|
private syncNativeInputs;
|
|
920
931
|
private syncNativeInput;
|
|
921
|
-
static ɵfac:
|
|
922
|
-
static ɵcmp:
|
|
932
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiRangeSliderComponent, never>;
|
|
933
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiRangeSliderComponent, "forms-range-slider", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "startValue": { "alias": "startValue"; "required": false; }; "endValue": { "alias": "endValue"; "required": false; }; "startLabel": { "alias": "startLabel"; "required": false; }; "endLabel": { "alias": "endLabel"; "required": false; }; }, { "startValueChange": "startValueChange"; "endValueChange": "endValueChange"; "interactionEnd": "interactionEnd"; }, never, never, true, never>;
|
|
923
934
|
}
|
|
924
935
|
|
|
925
936
|
declare class UiSlugInputComponent implements ControlValueAccessor {
|
|
@@ -947,8 +958,8 @@ declare class UiSlugInputComponent implements ControlValueAccessor {
|
|
|
947
958
|
setDisabledState(isDisabled: boolean): void;
|
|
948
959
|
onValueChange(target: HTMLInputElement): void;
|
|
949
960
|
private normalizeSlug;
|
|
950
|
-
static ɵfac:
|
|
951
|
-
static ɵcmp:
|
|
961
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiSlugInputComponent, never>;
|
|
962
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiSlugInputComponent, "forms-slug-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, { "invalidInput": "invalidInput"; }, never, never, true, never>;
|
|
952
963
|
}
|
|
953
964
|
|
|
954
965
|
type UiInputElement$1 = 'input' | 'textarea';
|
|
@@ -983,8 +994,8 @@ declare class UiTextInputComponent implements ControlValueAccessor {
|
|
|
983
994
|
setDisabledState(isDisabled: boolean): void;
|
|
984
995
|
onValueChange(value: string): void;
|
|
985
996
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
986
|
-
static ɵfac:
|
|
987
|
-
static ɵcmp:
|
|
997
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiTextInputComponent, never>;
|
|
998
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiTextInputComponent, "forms-text-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
|
|
988
999
|
}
|
|
989
1000
|
|
|
990
1001
|
type UiInputElement = 'input' | 'textarea';
|
|
@@ -1019,9 +1030,9 @@ declare class UiTextareaInputComponent implements ControlValueAccessor {
|
|
|
1019
1030
|
setDisabledState(isDisabled: boolean): void;
|
|
1020
1031
|
onValueChange(value: string): void;
|
|
1021
1032
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
1022
|
-
static ɵfac:
|
|
1023
|
-
static ɵcmp:
|
|
1033
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiTextareaInputComponent, never>;
|
|
1034
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiTextareaInputComponent, "forms-textarea-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
|
|
1024
1035
|
}
|
|
1025
1036
|
|
|
1026
1037
|
export { ACTION_API, ACTION_FORM, ACTION_PRINT, ACTION_SUBMIT, MaroFormsApiService, UI_DYNAMIC_FORM_OPTIONS_SOURCE_RESOLVERS, UI_FORM_INPUT_REGISTRY, UiActionFormModalComponent, UiBarcodeScannerInputComponent, UiCheckboxInputComponent, UiColorInputComponent, UiDateInputComponent, UiDatetimeInputComponent, UiDynamicFormComponent, UiEmailInputComponent, UiFileInputComponent, UiFormContext, UiFormInputHostComponent, UiFormLookupService, UiInputComponent, UiNumberInputComponent, UiPasswordInputComponent, UiPhotoGalleryFieldComponent, UiPhotoInputComponent, UiRangeSliderComponent, UiSelectComponent, UiSlugInputComponent, UiTextInputComponent, UiTextareaInputComponent, flattenDynamicFormFields, isDynamicFormContainerField, isDynamicFormTemplateField };
|
|
1027
|
-
export type { ActionType, ApiPluginMethod, MaroFormViewAction, MaroFormViewResponse, UiDynamicFieldType, UiDynamicFormBaseField, UiDynamicFormContainerField, UiDynamicFormField, UiDynamicFormFieldAction, UiDynamicFormOptionsSourceContext, UiDynamicFormOptionsSourceResolver, UiDynamicFormTemplateField, UiDynamicFormValue, UiFormErrors, UiFormInputType, UiFormSubmitState, UiFormValue, UiPhotoGalleryEntry, UiPhotoPreview, UiSelectOption, UiSelectValue };
|
|
1038
|
+
export type { ActionType, ApiPluginMethod, MaroFormViewAction, MaroFormViewResponse, MaroUploadedFile, UiDynamicFieldType, UiDynamicFormBaseField, UiDynamicFormContainerField, UiDynamicFormField, UiDynamicFormFieldAction, UiDynamicFormOptionsSourceContext, UiDynamicFormOptionsSourceResolver, UiDynamicFormTemplateField, UiDynamicFormValue, UiFormErrors, UiFormInputType, UiFormSubmitState, UiFormValue, UiPhotoGalleryEntry, UiPhotoPreview, UiSelectOption, UiSelectValue };
|