@maro-tech/form 0.0.14 → 0.0.15
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 +93 -99
- package/fesm2022/maro-tech-form.mjs.map +1 -1
- package/package.json +1 -1
- package/types/maro-tech-form.d.ts +97 -114
package/package.json
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as i0 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';
|
|
8
7
|
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
9
8
|
|
|
10
9
|
type UiFormValue = Record<string, unknown>;
|
|
@@ -15,28 +14,23 @@ interface UiFormSubmitState {
|
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
declare class UiFormContext {
|
|
18
|
-
readonly value:
|
|
19
|
-
readonly errors:
|
|
20
|
-
readonly loading:
|
|
21
|
-
readonly disabled:
|
|
17
|
+
readonly value: i0.WritableSignal<UiFormValue>;
|
|
18
|
+
readonly errors: i0.WritableSignal<UiFormErrors>;
|
|
19
|
+
readonly loading: i0.WritableSignal<boolean>;
|
|
20
|
+
readonly disabled: i0.WritableSignal<boolean>;
|
|
22
21
|
setValue(value: UiFormValue): void;
|
|
23
22
|
patchValue(value: UiFormValue): void;
|
|
24
23
|
setErrors(errors: UiFormErrors): void;
|
|
25
24
|
reset(value?: UiFormValue): void;
|
|
26
|
-
static ɵfac:
|
|
27
|
-
static ɵprov:
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiFormContext, never>;
|
|
26
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<UiFormContext>;
|
|
28
27
|
}
|
|
29
28
|
|
|
30
|
-
interface MaroUploadedFile {
|
|
31
|
-
imageId: string;
|
|
32
|
-
type?: string;
|
|
33
|
-
}
|
|
34
29
|
declare class MaroFormsApiService {
|
|
35
30
|
private readonly http;
|
|
36
31
|
getSuggestByName(name: string, query?: string): Observable<Array<Record<string, unknown>>>;
|
|
37
|
-
|
|
38
|
-
static
|
|
39
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<MaroFormsApiService>;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MaroFormsApiService, never>;
|
|
33
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<MaroFormsApiService>;
|
|
40
34
|
}
|
|
41
35
|
|
|
42
36
|
interface UiSelectOption {
|
|
@@ -126,8 +120,8 @@ declare class UiSelectComponent implements ControlValueAccessor, OnChanges {
|
|
|
126
120
|
private normalizeSuggestItem;
|
|
127
121
|
private loadSuggestItems;
|
|
128
122
|
private loadSuggestItem;
|
|
129
|
-
static ɵfac:
|
|
130
|
-
static ɵcmp:
|
|
123
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectComponent, never>;
|
|
124
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
131
125
|
static ngAcceptInputType_multiple: unknown;
|
|
132
126
|
}
|
|
133
127
|
|
|
@@ -216,8 +210,8 @@ declare const flattenDynamicFormFields: (fields: UiDynamicFormField[]) => UiDyna
|
|
|
216
210
|
declare class UiFormLookupService {
|
|
217
211
|
private readonly http;
|
|
218
212
|
lookup(field: UiDynamicFormField, value: string): Observable<Record<string, unknown>>;
|
|
219
|
-
static ɵfac:
|
|
220
|
-
static ɵprov:
|
|
213
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiFormLookupService, never>;
|
|
214
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<UiFormLookupService>;
|
|
221
215
|
}
|
|
222
216
|
|
|
223
217
|
interface UiDynamicFormOptionsSourceContext {
|
|
@@ -243,9 +237,6 @@ declare class UiDynamicFormComponent implements OnInit, OnChanges, OnDestroy {
|
|
|
243
237
|
submitLabel: string;
|
|
244
238
|
showSubmit: boolean;
|
|
245
239
|
disabled: boolean;
|
|
246
|
-
uploadPhoto: ((file: File) => Observable<{
|
|
247
|
-
imageId: string;
|
|
248
|
-
}>) | null;
|
|
249
240
|
valueChange: EventEmitter<UiDynamicFormValue>;
|
|
250
241
|
lookupCompleted: EventEmitter<{
|
|
251
242
|
fieldId: string;
|
|
@@ -261,10 +252,10 @@ declare class UiDynamicFormComponent implements OnInit, OnChanges, OnDestroy {
|
|
|
261
252
|
fieldId: string;
|
|
262
253
|
action: UiDynamicFormFieldAction;
|
|
263
254
|
}>;
|
|
264
|
-
readonly modelSignal:
|
|
265
|
-
readonly dictionaryOptionsSignal:
|
|
266
|
-
readonly lookupLoadingSignal:
|
|
267
|
-
readonly lookupErrorsSignal:
|
|
255
|
+
readonly modelSignal: i0.WritableSignal<UiDynamicFormValue>;
|
|
256
|
+
readonly dictionaryOptionsSignal: i0.WritableSignal<Record<string, UiSelectOption[]>>;
|
|
257
|
+
readonly lookupLoadingSignal: i0.WritableSignal<Record<string, boolean>>;
|
|
258
|
+
readonly lookupErrorsSignal: i0.WritableSignal<Record<string, string>>;
|
|
268
259
|
private readonly selectSearchChanges;
|
|
269
260
|
private readonly selectSearchSubscriptions;
|
|
270
261
|
private readonly optionsSourceRequestVersions;
|
|
@@ -309,8 +300,8 @@ declare class UiDynamicFormComponent implements OnInit, OnChanges, OnDestroy {
|
|
|
309
300
|
private resolveTemplateValue;
|
|
310
301
|
private getFlatFields;
|
|
311
302
|
private getLeafFields;
|
|
312
|
-
static ɵfac:
|
|
313
|
-
static ɵcmp:
|
|
303
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDynamicFormComponent, never>;
|
|
304
|
+
static ɵcmp: i0.ɵɵ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; }; }, { "valueChange": "valueChange"; "lookupCompleted": "lookupCompleted"; "submitted": "submitted"; "filesChange": "filesChange"; "uploadingChange": "uploadingChange"; "fieldActionTriggered": "fieldActionTriggered"; }, never, never, true, never>;
|
|
314
305
|
}
|
|
315
306
|
|
|
316
307
|
interface MaroFormViewAction extends UiDynamicFormFieldAction {
|
|
@@ -329,34 +320,29 @@ interface MaroFormViewResponse {
|
|
|
329
320
|
item?: Record<string, unknown> | null;
|
|
330
321
|
}
|
|
331
322
|
declare class UiActionFormModalComponent implements OnChanges {
|
|
332
|
-
readonly formId:
|
|
333
|
-
readonly recordId:
|
|
334
|
-
readonly size:
|
|
335
|
-
readonly isOpen:
|
|
336
|
-
readonly cancelLabel:
|
|
337
|
-
readonly initialValue:
|
|
338
|
-
readonly
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
readonly
|
|
342
|
-
readonly
|
|
343
|
-
readonly
|
|
344
|
-
readonly
|
|
345
|
-
readonly
|
|
346
|
-
readonly
|
|
347
|
-
readonly
|
|
348
|
-
readonly
|
|
349
|
-
readonly submitAction: _angular_core.Signal<MaroFormViewAction | undefined>;
|
|
350
|
-
readonly submitLabel: _angular_core.Signal<string | true>;
|
|
351
|
-
readonly panelClass: _angular_core.Signal<{
|
|
323
|
+
readonly formId: i0.InputSignal<string>;
|
|
324
|
+
readonly recordId: i0.InputSignal<string>;
|
|
325
|
+
readonly size: i0.InputSignal<"sm" | "md" | "lg">;
|
|
326
|
+
readonly isOpen: i0.InputSignal<boolean>;
|
|
327
|
+
readonly cancelLabel: i0.InputSignal<string>;
|
|
328
|
+
readonly initialValue: i0.InputSignal<Record<string, unknown>>;
|
|
329
|
+
readonly closed: i0.OutputEmitterRef<void>;
|
|
330
|
+
readonly completed: i0.OutputEmitterRef<unknown>;
|
|
331
|
+
readonly isLoading: i0.WritableSignal<boolean>;
|
|
332
|
+
readonly isSubmitting: i0.WritableSignal<boolean>;
|
|
333
|
+
readonly isUploading: i0.WritableSignal<boolean>;
|
|
334
|
+
readonly formConfig: i0.WritableSignal<MaroFormViewResponse | null>;
|
|
335
|
+
readonly formValue: i0.WritableSignal<UiDynamicFormValue>;
|
|
336
|
+
readonly fields: i0.Signal<UiDynamicFormField[]>;
|
|
337
|
+
readonly submitAction: i0.Signal<MaroFormViewAction | undefined>;
|
|
338
|
+
readonly submitLabel: i0.Signal<string | true>;
|
|
339
|
+
readonly panelClass: i0.Signal<{
|
|
352
340
|
'max-w-xl': boolean;
|
|
353
341
|
'max-w-3xl': boolean;
|
|
354
342
|
'max-w-6xl': boolean;
|
|
355
343
|
}>;
|
|
356
344
|
private readonly http;
|
|
357
345
|
private readonly router;
|
|
358
|
-
private readonly formsApi;
|
|
359
|
-
readonly defaultUploadPhoto: (file: File) => Observable<_maro_tech_form.MaroUploadedFile>;
|
|
360
346
|
ngOnChanges(changes: SimpleChanges): void;
|
|
361
347
|
close(): void;
|
|
362
348
|
onValueChange(value: UiDynamicFormValue): void;
|
|
@@ -379,8 +365,8 @@ declare class UiActionFormModalComponent implements OnChanges {
|
|
|
379
365
|
private extractData;
|
|
380
366
|
private navigateAfterSubmit;
|
|
381
367
|
private resolveTemplate;
|
|
382
|
-
static ɵfac:
|
|
383
|
-
static ɵcmp:
|
|
368
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiActionFormModalComponent, never>;
|
|
369
|
+
static ɵcmp: i0.ɵɵ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; }; }, { "closed": "closed"; "completed": "completed"; }, never, never, true, never>;
|
|
384
370
|
}
|
|
385
371
|
|
|
386
372
|
declare class UiFormInputHostComponent implements OnChanges {
|
|
@@ -401,34 +387,34 @@ declare class UiFormInputHostComponent implements OnChanges {
|
|
|
401
387
|
ngOnChanges(changes: SimpleChanges): void;
|
|
402
388
|
private render;
|
|
403
389
|
private syncInputs;
|
|
404
|
-
static ɵfac:
|
|
405
|
-
static ɵcmp:
|
|
390
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiFormInputHostComponent, never>;
|
|
391
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
406
392
|
}
|
|
407
393
|
|
|
408
394
|
type UiFormInputType = 'text' | 'number' | 'date' | 'datetime' | 'email' | 'password' | 'textarea';
|
|
409
395
|
declare const UI_FORM_INPUT_REGISTRY: Record<UiFormInputType, Type<unknown>>;
|
|
410
396
|
|
|
411
397
|
declare class UiBarcodeScannerInputComponent implements OnChanges, AfterViewInit, OnDestroy {
|
|
412
|
-
readonly value:
|
|
413
|
-
readonly label:
|
|
414
|
-
readonly placeholder:
|
|
415
|
-
readonly hint:
|
|
416
|
-
readonly disabled:
|
|
417
|
-
readonly autoOpen:
|
|
418
|
-
readonly searchButtonLabel:
|
|
419
|
-
readonly openCameraLabel:
|
|
420
|
-
readonly closeCameraLabel:
|
|
421
|
-
readonly cameraTitle:
|
|
422
|
-
readonly cameraStartingLabel:
|
|
423
|
-
readonly cameraHint:
|
|
424
|
-
readonly valueChange:
|
|
425
|
-
readonly scanned:
|
|
426
|
-
readonly searchRequested:
|
|
427
|
-
readonly cameraStateChange:
|
|
428
|
-
readonly isCameraOpen:
|
|
429
|
-
readonly isCameraStarting:
|
|
430
|
-
readonly cameraError:
|
|
431
|
-
readonly cameraStatus:
|
|
398
|
+
readonly value: i0.InputSignal<string>;
|
|
399
|
+
readonly label: i0.InputSignal<string>;
|
|
400
|
+
readonly placeholder: i0.InputSignal<string>;
|
|
401
|
+
readonly hint: i0.InputSignal<string>;
|
|
402
|
+
readonly disabled: i0.InputSignal<boolean>;
|
|
403
|
+
readonly autoOpen: i0.InputSignal<boolean>;
|
|
404
|
+
readonly searchButtonLabel: i0.InputSignal<string>;
|
|
405
|
+
readonly openCameraLabel: i0.InputSignal<string>;
|
|
406
|
+
readonly closeCameraLabel: i0.InputSignal<string>;
|
|
407
|
+
readonly cameraTitle: i0.InputSignal<string>;
|
|
408
|
+
readonly cameraStartingLabel: i0.InputSignal<string>;
|
|
409
|
+
readonly cameraHint: i0.InputSignal<string>;
|
|
410
|
+
readonly valueChange: i0.OutputEmitterRef<string>;
|
|
411
|
+
readonly scanned: i0.OutputEmitterRef<string>;
|
|
412
|
+
readonly searchRequested: i0.OutputEmitterRef<void>;
|
|
413
|
+
readonly cameraStateChange: i0.OutputEmitterRef<"error" | "idle" | "starting" | "open">;
|
|
414
|
+
readonly isCameraOpen: i0.WritableSignal<boolean>;
|
|
415
|
+
readonly isCameraStarting: i0.WritableSignal<boolean>;
|
|
416
|
+
readonly cameraError: i0.WritableSignal<string>;
|
|
417
|
+
readonly cameraStatus: i0.WritableSignal<string>;
|
|
432
418
|
private cameraVideo?;
|
|
433
419
|
private readonly barcodeReader;
|
|
434
420
|
private nativeBarcodeDetector;
|
|
@@ -451,8 +437,8 @@ declare class UiBarcodeScannerInputComponent implements OnChanges, AfterViewInit
|
|
|
451
437
|
private openZxingCamera;
|
|
452
438
|
private scheduleNativeScan;
|
|
453
439
|
private createNativeBarcodeDetector;
|
|
454
|
-
static ɵfac:
|
|
455
|
-
static ɵcmp:
|
|
440
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiBarcodeScannerInputComponent, never>;
|
|
441
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
456
442
|
}
|
|
457
443
|
|
|
458
444
|
declare class UiCheckboxInputComponent {
|
|
@@ -461,8 +447,8 @@ declare class UiCheckboxInputComponent {
|
|
|
461
447
|
value: boolean;
|
|
462
448
|
valueChange: EventEmitter<boolean>;
|
|
463
449
|
onValueChange(event: Event): void;
|
|
464
|
-
static ɵfac:
|
|
465
|
-
static ɵcmp:
|
|
450
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiCheckboxInputComponent, never>;
|
|
451
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
466
452
|
}
|
|
467
453
|
|
|
468
454
|
declare class UiColorInputComponent implements ControlValueAccessor {
|
|
@@ -491,8 +477,8 @@ declare class UiColorInputComponent implements ControlValueAccessor {
|
|
|
491
477
|
markTouched(): void;
|
|
492
478
|
private normalizeHexInput;
|
|
493
479
|
private isColorValue;
|
|
494
|
-
static ɵfac:
|
|
495
|
-
static ɵcmp:
|
|
480
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiColorInputComponent, never>;
|
|
481
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
496
482
|
}
|
|
497
483
|
|
|
498
484
|
type UiInputElement$6 = 'input' | 'textarea';
|
|
@@ -571,8 +557,8 @@ declare class UiDateInputComponent implements ControlValueAccessor {
|
|
|
571
557
|
private parseDate;
|
|
572
558
|
private parseInputDate;
|
|
573
559
|
private toDateValue;
|
|
574
|
-
static ɵfac:
|
|
575
|
-
static ɵcmp:
|
|
560
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDateInputComponent, never>;
|
|
561
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
576
562
|
}
|
|
577
563
|
|
|
578
564
|
interface CalendarDay {
|
|
@@ -651,8 +637,8 @@ declare class UiDatetimeInputComponent implements ControlValueAccessor {
|
|
|
651
637
|
private startOfMonth;
|
|
652
638
|
private parseDate;
|
|
653
639
|
private toDateValue;
|
|
654
|
-
static ɵfac:
|
|
655
|
-
static ɵcmp:
|
|
640
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDatetimeInputComponent, never>;
|
|
641
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
656
642
|
}
|
|
657
643
|
|
|
658
644
|
type UiInputElement$5 = 'input' | 'textarea';
|
|
@@ -687,8 +673,8 @@ declare class UiEmailInputComponent implements ControlValueAccessor {
|
|
|
687
673
|
setDisabledState(isDisabled: boolean): void;
|
|
688
674
|
onValueChange(value: string): void;
|
|
689
675
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
690
|
-
static ɵfac:
|
|
691
|
-
static ɵcmp:
|
|
676
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiEmailInputComponent, never>;
|
|
677
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
692
678
|
}
|
|
693
679
|
|
|
694
680
|
declare class UiFileInputComponent {
|
|
@@ -703,8 +689,8 @@ declare class UiFileInputComponent {
|
|
|
703
689
|
get selectedFiles(): File[];
|
|
704
690
|
onFilesSelected(event: Event): void;
|
|
705
691
|
remove(index: number): void;
|
|
706
|
-
static ɵfac:
|
|
707
|
-
static ɵcmp:
|
|
692
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiFileInputComponent, never>;
|
|
693
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
708
694
|
}
|
|
709
695
|
|
|
710
696
|
type UiInputElement$4 = 'input' | 'textarea';
|
|
@@ -739,8 +725,8 @@ declare class UiInputComponent implements ControlValueAccessor {
|
|
|
739
725
|
setDisabledState(isDisabled: boolean): void;
|
|
740
726
|
onValueChange(value: string): void;
|
|
741
727
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
742
|
-
static ɵfac:
|
|
743
|
-
static ɵcmp:
|
|
728
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiInputComponent, never>;
|
|
729
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
744
730
|
}
|
|
745
731
|
|
|
746
732
|
type UiInputElement$3 = 'input' | 'textarea';
|
|
@@ -776,8 +762,8 @@ declare class UiNumberInputComponent implements ControlValueAccessor {
|
|
|
776
762
|
onValueChange(value: string): void;
|
|
777
763
|
preventWheelChange(event: WheelEvent): void;
|
|
778
764
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
779
|
-
static ɵfac:
|
|
780
|
-
static ɵcmp:
|
|
765
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiNumberInputComponent, never>;
|
|
766
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
781
767
|
}
|
|
782
768
|
|
|
783
769
|
type UiInputElement$2 = 'input' | 'textarea';
|
|
@@ -816,8 +802,8 @@ declare class UiPasswordInputComponent implements ControlValueAccessor {
|
|
|
816
802
|
onValueChange(value: string): void;
|
|
817
803
|
togglePassword(event: Event): void;
|
|
818
804
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
819
|
-
static ɵfac:
|
|
820
|
-
static ɵcmp:
|
|
805
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiPasswordInputComponent, never>;
|
|
806
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
821
807
|
}
|
|
822
808
|
|
|
823
809
|
interface UiPhotoPreview {
|
|
@@ -827,6 +813,7 @@ interface UiPhotoPreview {
|
|
|
827
813
|
source: 'file' | 'id';
|
|
828
814
|
}
|
|
829
815
|
declare class UiPhotoInputComponent implements OnChanges, OnDestroy {
|
|
816
|
+
private readonly http;
|
|
830
817
|
label?: string;
|
|
831
818
|
hint?: string;
|
|
832
819
|
accept: string;
|
|
@@ -834,10 +821,6 @@ declare class UiPhotoInputComponent implements OnChanges, OnDestroy {
|
|
|
834
821
|
limit: number;
|
|
835
822
|
disabled: boolean;
|
|
836
823
|
value: string | string[] | null;
|
|
837
|
-
uploadPhoto: ((file: File) => Observable<{
|
|
838
|
-
imageId: string;
|
|
839
|
-
type?: string;
|
|
840
|
-
}>) | null;
|
|
841
824
|
valueChange: EventEmitter<string | string[] | null>;
|
|
842
825
|
filesChange: EventEmitter<File[]>;
|
|
843
826
|
uploadingChange: EventEmitter<boolean>;
|
|
@@ -855,12 +838,13 @@ declare class UiPhotoInputComponent implements OnChanges, OnDestroy {
|
|
|
855
838
|
private get normalizedLimit();
|
|
856
839
|
private emitValue;
|
|
857
840
|
private uploadFiles;
|
|
841
|
+
private uploadFile;
|
|
858
842
|
private rebuildPreviews;
|
|
859
843
|
private revokeBlobUrls;
|
|
860
844
|
private resolveImageUrl;
|
|
861
845
|
private isPreviewableType;
|
|
862
|
-
static ɵfac:
|
|
863
|
-
static ɵcmp:
|
|
846
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiPhotoInputComponent, never>;
|
|
847
|
+
static ɵcmp: i0.ɵɵ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; }; }, { "valueChange": "valueChange"; "filesChange": "filesChange"; "uploadingChange": "uploadingChange"; }, never, never, true, never>;
|
|
864
848
|
}
|
|
865
849
|
|
|
866
850
|
interface UiPhotoGalleryEntry {
|
|
@@ -871,14 +855,12 @@ interface UiPhotoGalleryEntry {
|
|
|
871
855
|
isUploading?: boolean;
|
|
872
856
|
}
|
|
873
857
|
declare class UiPhotoGalleryFieldComponent implements OnInit, OnChanges, OnDestroy {
|
|
858
|
+
private readonly http;
|
|
874
859
|
label: string;
|
|
875
860
|
orderLabel: string;
|
|
876
861
|
imageIds: string[];
|
|
877
862
|
disabled: boolean;
|
|
878
863
|
afterUpload: ((imageId: string) => Observable<unknown>) | null;
|
|
879
|
-
uploadPhoto: ((file: File) => Observable<{
|
|
880
|
-
imageId: string;
|
|
881
|
-
}>) | null;
|
|
882
864
|
resolveImageUrl: ((imageId: string) => string) | null;
|
|
883
865
|
notify: ((message: string, variant: 'success' | 'error' | 'warning', durationMs?: number) => void) | null;
|
|
884
866
|
imageIdsChange: EventEmitter<string[]>;
|
|
@@ -896,8 +878,9 @@ declare class UiPhotoGalleryFieldComponent implements OnInit, OnChanges, OnDestr
|
|
|
896
878
|
private normalizeImageEntries;
|
|
897
879
|
private emitImageIds;
|
|
898
880
|
private uploadPendingImages;
|
|
899
|
-
|
|
900
|
-
static
|
|
881
|
+
private uploadFile;
|
|
882
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiPhotoGalleryFieldComponent, never>;
|
|
883
|
+
static ɵcmp: i0.ɵɵ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; }; "resolveImageUrl": { "alias": "resolveImageUrl"; "required": false; }; "notify": { "alias": "notify"; "required": false; }; }, { "imageIdsChange": "imageIdsChange"; }, never, never, true, never>;
|
|
901
884
|
}
|
|
902
885
|
|
|
903
886
|
declare class UiRangeSliderComponent implements OnChanges, AfterViewInit {
|
|
@@ -929,8 +912,8 @@ declare class UiRangeSliderComponent implements OnChanges, AfterViewInit {
|
|
|
929
912
|
private toFiniteNumber;
|
|
930
913
|
private syncNativeInputs;
|
|
931
914
|
private syncNativeInput;
|
|
932
|
-
static ɵfac:
|
|
933
|
-
static ɵcmp:
|
|
915
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiRangeSliderComponent, never>;
|
|
916
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
934
917
|
}
|
|
935
918
|
|
|
936
919
|
declare class UiSlugInputComponent implements ControlValueAccessor {
|
|
@@ -958,8 +941,8 @@ declare class UiSlugInputComponent implements ControlValueAccessor {
|
|
|
958
941
|
setDisabledState(isDisabled: boolean): void;
|
|
959
942
|
onValueChange(target: HTMLInputElement): void;
|
|
960
943
|
private normalizeSlug;
|
|
961
|
-
static ɵfac:
|
|
962
|
-
static ɵcmp:
|
|
944
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiSlugInputComponent, never>;
|
|
945
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
963
946
|
}
|
|
964
947
|
|
|
965
948
|
type UiInputElement$1 = 'input' | 'textarea';
|
|
@@ -994,8 +977,8 @@ declare class UiTextInputComponent implements ControlValueAccessor {
|
|
|
994
977
|
setDisabledState(isDisabled: boolean): void;
|
|
995
978
|
onValueChange(value: string): void;
|
|
996
979
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
997
|
-
static ɵfac:
|
|
998
|
-
static ɵcmp:
|
|
980
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiTextInputComponent, never>;
|
|
981
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
999
982
|
}
|
|
1000
983
|
|
|
1001
984
|
type UiInputElement = 'input' | 'textarea';
|
|
@@ -1030,9 +1013,9 @@ declare class UiTextareaInputComponent implements ControlValueAccessor {
|
|
|
1030
1013
|
setDisabledState(isDisabled: boolean): void;
|
|
1031
1014
|
onValueChange(value: string): void;
|
|
1032
1015
|
triggerAction(action: UiDynamicFormFieldAction): void;
|
|
1033
|
-
static ɵfac:
|
|
1034
|
-
static ɵcmp:
|
|
1016
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiTextareaInputComponent, never>;
|
|
1017
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
1035
1018
|
}
|
|
1036
1019
|
|
|
1037
1020
|
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 };
|
|
1038
|
-
export type { ActionType, ApiPluginMethod, MaroFormViewAction, MaroFormViewResponse,
|
|
1021
|
+
export type { ActionType, ApiPluginMethod, MaroFormViewAction, MaroFormViewResponse, UiDynamicFieldType, UiDynamicFormBaseField, UiDynamicFormContainerField, UiDynamicFormField, UiDynamicFormFieldAction, UiDynamicFormOptionsSourceContext, UiDynamicFormOptionsSourceResolver, UiDynamicFormTemplateField, UiDynamicFormValue, UiFormErrors, UiFormInputType, UiFormSubmitState, UiFormValue, UiPhotoGalleryEntry, UiPhotoPreview, UiSelectOption, UiSelectValue };
|