@maro-tech/form 0.0.16 → 0.1.0

package/types/maro-tech-form.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { OnChanges, EventEmitter, ElementRef, SimpleChanges, InjectionToken, OnInit, OnDestroy, Type, AfterViewInit } from '@angular/core';
+import { OnChanges, EventEmitter, ElementRef, SimpleChanges, AfterViewInit, Type, OnDestroy, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as lucide_angular from 'lucide-angular';
-import { ControlValueAccessor } from '@angular/forms';
+import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 
@@ -40,7 +40,7 @@ interface UiSelectOption {
     imageUrl?: string;
 }
 type UiSelectValue = string | string[] | null;
-declare class UiSelectComponent implements ControlValueAccessor, OnChanges {
+declare class InputSelectComponent implements ControlValueAccessor, OnChanges, Validator {
     readonly closeIcon: lucide_angular.LucideIconData;
     readonly chevronDownIcon: lucide_angular.LucideIconData;
     readonly checkIcon: lucide_angular.LucideIconData;
@@ -94,6 +94,7 @@ declare class UiSelectComponent implements ControlValueAccessor, OnChanges {
     writeValue(value: UiSelectValue): void;
     registerOnChange(fn: (value: UiSelectValue) => void): void;
     registerOnTouched(fn: () => void): void;
+    validate(control: AbstractControl): ValidationErrors | null;
     setDisabledState(isDisabled: boolean): void;
     toggleDropdown(event: Event): void;
     selectOption(option: UiSelectOption, event: Event): void;
@@ -120,8 +121,8 @@ declare class UiSelectComponent implements ControlValueAccessor, OnChanges {
     private normalizeSuggestItem;
     private loadSuggestItems;
     private loadSuggestItem;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "input-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>;
     static ngAcceptInputType_multiple: unknown;
 }
 
@@ -157,9 +158,7 @@ interface UiDynamicFormBaseField {
     hint?: string;
     required?: boolean;
     disabled?: boolean;
-    readonly?: boolean;
     data?: string;
-    optionsSource?: string;
     options?: UiSelectOption[];
     searchable?: boolean;
     rows?: number;
@@ -214,23 +213,9 @@ declare class UiFormLookupService {
     static ɵprov: i0.ɵɵInjectableDeclaration<UiFormLookupService>;
 }
 
-interface UiDynamicFormOptionsSourceContext {
-    source: string;
-    field: UiDynamicFormField;
-    model: UiDynamicFormValue;
-    query?: string;
-}
-interface UiDynamicFormOptionsSourceResolver {
-    source: string;
-    resolve(context: UiDynamicFormOptionsSourceContext): Observable<UiSelectOption[]>;
-}
-declare const UI_DYNAMIC_FORM_OPTIONS_SOURCE_RESOLVERS: InjectionToken<UiDynamicFormOptionsSourceResolver[]>;
-
-declare class UiDynamicFormComponent implements OnInit, OnChanges, OnDestroy {
-    private readonly formsApi;
+declare class DynamicFormComponent implements OnChanges {
     private readonly lookupService;
     readonly formContext: UiFormContext;
-    private readonly optionsSourceResolvers;
     fields: UiDynamicFormField[];
     value: UiDynamicFormValue;
     errors: Record<string, string>;
@@ -253,20 +238,14 @@ declare class UiDynamicFormComponent implements OnInit, OnChanges, OnDestroy {
         action: UiDynamicFormFieldAction;
     }>;
     readonly modelSignal: i0.WritableSignal<UiDynamicFormValue>;
-    readonly dictionaryOptionsSignal: i0.WritableSignal<Record<string, UiSelectOption[]>>;
     readonly lookupLoadingSignal: i0.WritableSignal<Record<string, boolean>>;
     readonly lookupErrorsSignal: i0.WritableSignal<Record<string, string>>;
-    private readonly selectSearchChanges;
-    private readonly selectSearchSubscriptions;
-    private readonly optionsSourceRequestVersions;
-    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
     updateField(fieldId: string, nextValue: UiDynamicFormValue[string]): void;
     private normalizeFieldValue;
     onBarcodeValueChange(field: UiDynamicFormField, value: string): void;
+    onFieldValueChange(field: UiDynamicFormField, value: unknown): void;
     onBarcodeScanned(field: UiDynamicFormField, value: string): void;
-    onSelectValueChange(field: UiDynamicFormField, value: string | string[] | null): void;
     runBarcodeLookup(field: UiDynamicFormField): void;
     runFieldLookup(field: UiDynamicFormField, overrideValue?: string): void;
     onFieldActionTriggered(fieldId: string, action: UiDynamicFormFieldAction): void;
@@ -275,8 +254,6 @@ declare class UiDynamicFormComponent implements OnInit, OnChanges, OnDestroy {
     isFieldDisabled(field: UiDynamicFormField): boolean;
     submitForm(): void;
     isTextArea(field: UiDynamicFormField): boolean;
-    isInputField(field: UiDynamicFormField): boolean;
-    isBarcodeField(field: UiDynamicFormField): boolean;
     getStringValue(fieldId: string): string;
     getLookupError(fieldId: string): string;
     isLookupLoading(fieldId: string): boolean;
@@ -285,23 +262,18 @@ declare class UiDynamicFormComponent implements OnInit, OnChanges, OnDestroy {
     isTemplateField(field: UiDynamicFormField): boolean;
     isFieldVisible(field: UiDynamicFormField): boolean;
     resolveInputType(field: UiDynamicFormField): string;
-    resolveSelectOptions(field: UiDynamicFormField): UiSelectOption[];
     renderTemplate(field: UiDynamicFormField): string;
     getContainerTag(field: UiDynamicFormField): 'div' | 'section' | 'aside' | 'fieldset';
     getContainerClass(field: UiDynamicFormField): string;
     getContainerContentClass(field: UiDynamicFormField): string;
     getFieldClass(field: UiDynamicFormField): Record<string, boolean>;
     private resolveColSpanClass;
-    onSelectSearchChange(field: UiDynamicFormField, query: string): void;
-    private ensureOptionsSourceOptionsLoaded;
-    private getSelectSearchStream;
-    private cleanupSelectSearchStreams;
     private applyLookupResponse;
     private resolveTemplateValue;
     private getFlatFields;
     private getLeafFields;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiDynamicFormComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "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>;
 }
 
 interface MaroFormViewAction extends UiDynamicFormFieldAction {
@@ -319,7 +291,7 @@ interface MaroFormViewResponse {
     actions?: MaroFormViewAction[];
     item?: Record<string, unknown> | null;
 }
-declare class UiActionFormModalComponent implements OnChanges {
+declare class FormModalComponent implements OnChanges {
     readonly formId: i0.InputSignal<string>;
     readonly recordId: i0.InputSignal<string>;
     readonly size: i0.InputSignal<"sm" | "md" | "lg">;
@@ -330,6 +302,7 @@ declare class UiActionFormModalComponent implements OnChanges {
     readonly completed: i0.OutputEmitterRef<unknown>;
     readonly isLoading: i0.WritableSignal<boolean>;
     readonly isSubmitting: i0.WritableSignal<boolean>;
+    readonly isActionRunning: i0.WritableSignal<boolean>;
     readonly isUploading: i0.WritableSignal<boolean>;
     readonly formConfig: i0.WritableSignal<MaroFormViewResponse | null>;
     readonly formValue: i0.WritableSignal<UiDynamicFormValue>;
@@ -343,6 +316,7 @@ declare class UiActionFormModalComponent implements OnChanges {
     }>;
     private readonly http;
     private readonly router;
+    private readonly toast;
     ngOnChanges(changes: SimpleChanges): void;
     close(): void;
     onValueChange(value: UiDynamicFormValue): void;
@@ -359,42 +333,45 @@ declare class UiActionFormModalComponent implements OnChanges {
     private loadForm;
     private resolveEndpoint;
     private normalizePayload;
+    private isEmptyValue;
     private normalizeActionType;
     private isSubmitAction;
     private resolveMethod;
     private extractData;
     private navigateAfterSubmit;
     private resolveTemplate;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiActionFormModalComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormModalComponent, "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>;
 }
 
-declare class UiFormInputHostComponent implements OnChanges {
+declare class FieldInputComponent implements OnChanges, AfterViewInit {
     field: UiDynamicFormField;
     value: UiDynamicFormValue[string];
     error: string;
     disabled: boolean;
     actions: UiDynamicFormFieldAction[];
-    options: Array<{
-        label: string;
-        value: string | null;
-        disabled?: boolean;
-    }>;
     valueChange: EventEmitter<unknown>;
     actionTriggered: EventEmitter<UiDynamicFormFieldAction>;
-    private readonly viewContainer;
+    lookupRequested: EventEmitter<void>;
+    barcodeScanned: EventEmitter<string>;
+    filesChange: EventEmitter<File[]>;
+    uploadingChange: EventEmitter<boolean>;
+    private inputContainer?;
     private componentRef?;
+    private readonly fallbackViewContainer;
+    private viewReady;
+    ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private render;
     private syncInputs;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiFormInputHostComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldInputComponent, never>;
+    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; }; "actions": { "alias": "actions"; "required": false; }; }, { "valueChange": "valueChange"; "actionTriggered": "actionTriggered"; "lookupRequested": "lookupRequested"; "barcodeScanned": "barcodeScanned"; "filesChange": "filesChange"; "uploadingChange": "uploadingChange"; }, never, never, true, never>;
 }
 
-type UiFormInputType = 'text' | 'number' | 'date' | 'datetime' | 'email' | 'password' | 'textarea';
+type UiFormInputType = 'text' | 'number' | 'date' | 'datetime' | 'email' | 'password' | 'textarea' | 'select' | 'checkbox' | 'color' | 'slug' | 'file' | 'photo' | 'barcode';
 declare const UI_FORM_INPUT_REGISTRY: Record<UiFormInputType, Type<unknown>>;
 
-declare class UiBarcodeScannerInputComponent implements OnChanges, AfterViewInit, OnDestroy {
+declare class InputBarcodeComponent implements OnChanges, AfterViewInit, OnDestroy {
     readonly value: i0.InputSignal<string>;
     readonly label: i0.InputSignal<string>;
     readonly placeholder: i0.InputSignal<string>;
@@ -437,21 +414,27 @@ declare class UiBarcodeScannerInputComponent implements OnChanges, AfterViewInit
     private openZxingCamera;
     private scheduleNativeScan;
     private createNativeBarcodeDetector;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiBarcodeScannerInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputBarcodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputBarcodeComponent, "input-barcode", 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>;
 }
 
-declare class UiCheckboxInputComponent {
+declare class InputCheckboxComponent implements ControlValueAccessor {
     label?: string;
     disabled: boolean;
     value: boolean;
     valueChange: EventEmitter<boolean>;
+    private onChange;
+    onTouched: () => void;
+    writeValue(value: boolean | null): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
     onValueChange(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiCheckboxInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputCheckboxComponent, "input-checkbox", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
-declare class UiColorInputComponent implements ControlValueAccessor {
+declare class InputColorComponent implements ControlValueAccessor, Validator {
     private readonly cdr;
     label?: string;
     hint?: string;
@@ -471,14 +454,15 @@ declare class UiColorInputComponent implements ControlValueAccessor {
     writeValue(value: string | null): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
+    validate(control: AbstractControl): ValidationErrors | null;
     setDisabledState(isDisabled: boolean): void;
     onPickerChange(value: string): void;
     onHexInput(value: string): void;
     markTouched(): void;
     private normalizeHexInput;
     private isColorValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiColorInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputColorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputColorComponent, "input-color", 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>;
 }
 
 type UiInputElement$6 = 'input' | 'textarea';
@@ -488,7 +472,7 @@ interface CalendarDay$1 {
     currentMonth: boolean;
 }
 type CalendarView$1 = 'days' | 'months' | 'years';
-declare class UiDateInputComponent implements ControlValueAccessor {
+declare class InputDateComponent implements ControlValueAccessor, Validator {
     private readonly cdr;
     private readonly popupService;
     private readonly closeActivePopup;
@@ -506,7 +490,6 @@ declare class UiDateInputComponent implements ControlValueAccessor {
     required: boolean;
     fullWidth: boolean;
     autocomplete: string;
-    readonly: boolean;
     pattern?: string;
     error?: string;
     actions: UiDynamicFormFieldAction[];
@@ -548,6 +531,7 @@ declare class UiDateInputComponent implements ControlValueAccessor {
     onEscape(): void;
     registerOnChange(fn: (value: string | number | null) => void): void;
     registerOnTouched(fn: () => void): void;
+    validate(control: AbstractControl): ValidationErrors | null;
     setDisabledState(isDisabled: boolean): void;
     onValueChange(value: string): void;
     allowDateKey(event: KeyboardEvent): void;
@@ -557,8 +541,8 @@ declare class UiDateInputComponent implements ControlValueAccessor {
     private parseDate;
     private parseInputDate;
     private toDateValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiDateInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputDateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputDateComponent, "input-date", 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; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
 }
 
 interface CalendarDay {
@@ -567,7 +551,7 @@ interface CalendarDay {
     currentMonth: boolean;
 }
 type CalendarView = 'days' | 'months' | 'years';
-declare class UiDatetimeInputComponent implements ControlValueAccessor {
+declare class InputDatetimeComponent implements ControlValueAccessor, Validator {
     private readonly cdr;
     private readonly popupService;
     private readonly closeActivePopup;
@@ -580,7 +564,6 @@ declare class UiDatetimeInputComponent implements ControlValueAccessor {
     required: boolean;
     fullWidth: boolean;
     autocomplete: string;
-    readonly: boolean;
     pattern?: string;
     error?: string;
     actions: UiDynamicFormFieldAction[];
@@ -614,6 +597,7 @@ declare class UiDatetimeInputComponent implements ControlValueAccessor {
     writeValue(value: string | number | null): void;
     registerOnChange(fn: (value: string | number | null) => void): void;
     registerOnTouched(fn: () => void): void;
+    validate(control: AbstractControl): ValidationErrors | null;
     setDisabledState(disabled: boolean): void;
     openCalendar(event: Event): void;
     closeCalendar(): void;
@@ -637,12 +621,12 @@ declare class UiDatetimeInputComponent implements ControlValueAccessor {
     private startOfMonth;
     private parseDate;
     private toDateValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiDatetimeInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputDatetimeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputDatetimeComponent, "input-datetime", 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; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
 }
 
 type UiInputElement$5 = 'input' | 'textarea';
-declare class UiEmailInputComponent implements ControlValueAccessor {
+declare class InputEmailComponent implements ControlValueAccessor, Validator {
     private readonly cdr;
     label?: string;
     hint?: string;
@@ -655,7 +639,6 @@ declare class UiEmailInputComponent implements ControlValueAccessor {
     required: boolean;
     fullWidth: boolean;
     autocomplete?: string;
-    readonly: boolean;
     pattern?: string;
     error?: string;
     actions: UiDynamicFormFieldAction[];
@@ -670,14 +653,15 @@ declare class UiEmailInputComponent implements ControlValueAccessor {
     writeValue(value: string | number | null): void;
     registerOnChange(fn: (value: string | number | null) => void): void;
     registerOnTouched(fn: () => void): void;
+    validate(control: AbstractControl): ValidationErrors | null;
     setDisabledState(isDisabled: boolean): void;
     onValueChange(value: string): void;
     triggerAction(action: UiDynamicFormFieldAction): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiEmailInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputEmailComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputEmailComponent, "input-email", 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; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
 }
 
-declare class UiFileInputComponent {
+declare class InputFileComponent implements ControlValueAccessor {
     label?: string;
     hint?: string;
     accept?: string;
@@ -686,15 +670,21 @@ declare class UiFileInputComponent {
     value: File | File[] | null;
     valueChange: EventEmitter<File | File[] | null>;
     filesChange: EventEmitter<File[]>;
+    private onChange;
+    onTouched: () => void;
+    writeValue(value: File | File[] | null): void;
+    registerOnChange(fn: (value: File | File[] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
     get selectedFiles(): File[];
     onFilesSelected(event: Event): void;
     remove(index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiFileInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputFileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFileComponent, "input-file", 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>;
 }
 
 type UiInputElement$4 = 'input' | 'textarea';
-declare class UiInputComponent implements ControlValueAccessor {
+declare class InputComponent implements ControlValueAccessor {
     private readonly cdr;
     label?: string;
     hint?: string;
@@ -707,7 +697,6 @@ declare class UiInputComponent implements ControlValueAccessor {
     required: boolean;
     fullWidth: boolean;
     autocomplete?: string;
-    readonly: boolean;
     pattern?: string;
     error?: string;
     actions: UiDynamicFormFieldAction[];
@@ -725,12 +714,12 @@ declare class UiInputComponent implements ControlValueAccessor {
     setDisabledState(isDisabled: boolean): void;
     onValueChange(value: string): void;
     triggerAction(action: UiDynamicFormFieldAction): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "input-base", 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; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
 }
 
 type UiInputElement$3 = 'input' | 'textarea';
-declare class UiNumberInputComponent implements ControlValueAccessor {
+declare class InputNumberComponent implements ControlValueAccessor, Validator {
     private readonly cdr;
     label?: string;
     hint?: string;
@@ -743,7 +732,6 @@ declare class UiNumberInputComponent implements ControlValueAccessor {
     required: boolean;
     fullWidth: boolean;
     autocomplete?: string;
-    readonly: boolean;
     disabled: boolean;
     pattern?: string;
     error?: string;
@@ -758,16 +746,17 @@ declare class UiNumberInputComponent implements ControlValueAccessor {
     writeValue(value: string | number | null): void;
     registerOnChange(fn: (value: string | number | null) => void): void;
     registerOnTouched(fn: () => void): void;
+    validate(control: AbstractControl): ValidationErrors | null;
     setDisabledState(isDisabled: boolean): void;
     onValueChange(value: string): void;
     preventWheelChange(event: WheelEvent): void;
     triggerAction(action: UiDynamicFormFieldAction): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiNumberInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputNumberComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumberComponent, "input-number", 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; }; "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>;
 }
 
 type UiInputElement$2 = 'input' | 'textarea';
-declare class UiPasswordInputComponent implements ControlValueAccessor {
+declare class InputPasswordComponent implements ControlValueAccessor, Validator {
     private readonly cdr;
     label?: string;
     hint?: string;
@@ -782,7 +771,6 @@ declare class UiPasswordInputComponent implements ControlValueAccessor {
     required: boolean;
     fullWidth: boolean;
     autocomplete?: string;
-    readonly: boolean;
     pattern?: string;
     error?: string;
     actions: UiDynamicFormFieldAction[];
@@ -798,12 +786,13 @@ declare class UiPasswordInputComponent implements ControlValueAccessor {
     writeValue(value: string | number | null): void;
     registerOnChange(fn: (value: string | number | null) => void): void;
     registerOnTouched(fn: () => void): void;
+    validate(control: AbstractControl): ValidationErrors | null;
     setDisabledState(isDisabled: boolean): void;
     onValueChange(value: string): void;
     togglePassword(event: Event): void;
     triggerAction(action: UiDynamicFormFieldAction): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiPasswordInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputPasswordComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputPasswordComponent, "input-password", 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; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
 }
 
 interface UiPhotoPreview {
@@ -812,7 +801,7 @@ interface UiPhotoPreview {
     isImage: boolean;
     source: 'file' | 'id';
 }
-declare class UiPhotoInputComponent implements OnChanges, OnDestroy {
+declare class InputPhotoComponent implements OnChanges, OnDestroy, ControlValueAccessor {
     private readonly http;
     label?: string;
     hint?: string;
@@ -828,6 +817,12 @@ declare class UiPhotoInputComponent implements OnChanges, OnDestroy {
     previews: UiPhotoPreview[];
     uploading: boolean;
     private readonly fileTypes;
+    private onChange;
+    onTouched: () => void;
+    writeValue(value: string | string[] | null): void;
+    registerOnChange(fn: (value: string | string[] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     get canSelectMore(): boolean;
@@ -843,8 +838,8 @@ declare class UiPhotoInputComponent implements OnChanges, OnDestroy {
     private revokeBlobUrls;
     private resolveImageUrl;
     private isPreviewableType;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiPhotoInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputPhotoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputPhotoComponent, "input-photo", 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>;
 }
 
 interface UiPhotoGalleryEntry {
@@ -854,7 +849,7 @@ interface UiPhotoGalleryEntry {
     file?: File;
     isUploading?: boolean;
 }
-declare class UiPhotoGalleryFieldComponent implements OnInit, OnChanges, OnDestroy {
+declare class InputPhotoGalleryComponent implements OnInit, OnChanges, OnDestroy {
     private readonly http;
     label: string;
     orderLabel: string;
@@ -879,11 +874,11 @@ declare class UiPhotoGalleryFieldComponent implements OnInit, OnChanges, OnDestr
     private emitImageIds;
     private uploadPendingImages;
     private uploadFile;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiPhotoGalleryFieldComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputPhotoGalleryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputPhotoGalleryComponent, "input-photo-gallery", 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>;
 }
 
-declare class UiRangeSliderComponent implements OnChanges, AfterViewInit {
+declare class InputRangeSliderComponent implements OnChanges, AfterViewInit {
     min: number;
     max: number;
     step: number;
@@ -912,11 +907,11 @@ declare class UiRangeSliderComponent implements OnChanges, AfterViewInit {
     private toFiniteNumber;
     private syncNativeInputs;
     private syncNativeInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiRangeSliderComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputRangeSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputRangeSliderComponent, "input-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>;
 }
 
-declare class UiSlugInputComponent implements ControlValueAccessor {
+declare class InputSlugComponent implements ControlValueAccessor, Validator {
     label?: string;
     hint?: string;
     placeholder?: string;
@@ -925,7 +920,6 @@ declare class UiSlugInputComponent implements ControlValueAccessor {
     required: boolean;
     fullWidth: boolean;
     autocomplete: string;
-    readonly: boolean;
     error?: string;
     invalidInput: EventEmitter<void>;
     disabled: boolean;
@@ -938,15 +932,16 @@ declare class UiSlugInputComponent implements ControlValueAccessor {
     writeValue(value: string | null): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
+    validate(control: AbstractControl): ValidationErrors | null;
     setDisabledState(isDisabled: boolean): void;
     onValueChange(target: HTMLInputElement): void;
     private normalizeSlug;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiSlugInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputSlugComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSlugComponent, "input-slug", 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; }; "error": { "alias": "error"; "required": false; }; }, { "invalidInput": "invalidInput"; }, never, never, true, never>;
 }
 
 type UiInputElement$1 = 'input' | 'textarea';
-declare class UiTextInputComponent implements ControlValueAccessor {
+declare class InputTextComponent implements ControlValueAccessor, Validator {
     private readonly cdr;
     label?: string;
     hint?: string;
@@ -959,7 +954,6 @@ declare class UiTextInputComponent implements ControlValueAccessor {
     required: boolean;
     fullWidth: boolean;
     autocomplete?: string;
-    readonly: boolean;
     pattern?: string;
     error?: string;
     actions: UiDynamicFormFieldAction[];
@@ -974,15 +968,16 @@ declare class UiTextInputComponent implements ControlValueAccessor {
     writeValue(value: string | number | null): void;
     registerOnChange(fn: (value: string | number | null) => void): void;
     registerOnTouched(fn: () => void): void;
+    validate(control: AbstractControl): ValidationErrors | null;
     setDisabledState(isDisabled: boolean): void;
     onValueChange(value: string): void;
     triggerAction(action: UiDynamicFormFieldAction): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiTextInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "input-text", 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; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
 }
 
 type UiInputElement = 'input' | 'textarea';
-declare class UiTextareaInputComponent implements ControlValueAccessor {
+declare class InputTextareaComponent implements ControlValueAccessor, Validator {
     private readonly cdr;
     label?: string;
     hint?: string;
@@ -995,7 +990,6 @@ declare class UiTextareaInputComponent implements ControlValueAccessor {
     required: boolean;
     fullWidth: boolean;
     autocomplete?: string;
-    readonly: boolean;
     pattern?: string;
     error?: string;
     actions: UiDynamicFormFieldAction[];
@@ -1010,12 +1004,13 @@ declare class UiTextareaInputComponent implements ControlValueAccessor {
     writeValue(value: string | number | null): void;
     registerOnChange(fn: (value: string | number | null) => void): void;
     registerOnTouched(fn: () => void): void;
+    validate(control: AbstractControl): ValidationErrors | null;
     setDisabledState(isDisabled: boolean): void;
     onValueChange(value: string): void;
     triggerAction(action: UiDynamicFormFieldAction): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiTextareaInputComponent, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextareaComponent, "input-textarea", 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; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
 }
 
-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 };
-export type { ActionType, ApiPluginMethod, MaroFormViewAction, MaroFormViewResponse, UiDynamicFieldType, UiDynamicFormBaseField, UiDynamicFormContainerField, UiDynamicFormField, UiDynamicFormFieldAction, UiDynamicFormOptionsSourceContext, UiDynamicFormOptionsSourceResolver, UiDynamicFormTemplateField, UiDynamicFormValue, UiFormErrors, UiFormInputType, UiFormSubmitState, UiFormValue, UiPhotoGalleryEntry, UiPhotoPreview, UiSelectOption, UiSelectValue };
+export { ACTION_API, ACTION_FORM, ACTION_PRINT, ACTION_SUBMIT, DynamicFormComponent, FieldInputComponent, FormModalComponent, InputBarcodeComponent, InputCheckboxComponent, InputColorComponent, InputComponent, InputDateComponent, InputDatetimeComponent, InputEmailComponent, InputFileComponent, InputNumberComponent, InputPasswordComponent, InputPhotoComponent, InputPhotoGalleryComponent, InputRangeSliderComponent, InputSelectComponent, InputSlugComponent, InputTextComponent, InputTextareaComponent, MaroFormsApiService, UI_FORM_INPUT_REGISTRY, UiFormContext, UiFormLookupService, flattenDynamicFormFields, isDynamicFormContainerField, isDynamicFormTemplateField };
+export type { ActionType, ApiPluginMethod, MaroFormViewAction, MaroFormViewResponse, UiDynamicFieldType, UiDynamicFormBaseField, UiDynamicFormContainerField, UiDynamicFormField, UiDynamicFormFieldAction, UiDynamicFormTemplateField, UiDynamicFormValue, UiFormErrors, UiFormInputType, UiFormSubmitState, UiFormValue, UiPhotoGalleryEntry, UiPhotoPreview, UiSelectOption, UiSelectValue };