@yourself.create/ngx-form-designer 0.0.7 → 0.0.9

package/lib/data/data-provider.d.ts

@@ -17,6 +17,7 @@ export declare abstract class DataProvider {
     abstract getList(field: FieldSchema, engine?: FormEngine): Promise<DataRow[]>;
     abstract getValue(field: FieldSchema, engine?: FormEngine): Promise<unknown>;
     abstract resolveValue(field: FieldSchema, value: unknown): Promise<string>;
+    getValueDisplayPrefix(_field: FieldSchema, _engine?: FormEngine): Promise<string>;
     queryOptions(field: FieldSchema, query: {
         term: string;
         limit?: number;
@@ -49,11 +50,13 @@ export declare class DefaultDataProvider extends DataProvider {
     getList(field: FieldSchema, engine?: FormEngine): Promise<DataRow[]>;
     queryList(field: FieldSchema, query: ListQuery, engine?: FormEngine): Promise<ListResult>;
     getValue(field: FieldSchema, engine?: FormEngine): Promise<unknown>;
+    getValueDisplayPrefix(field: FieldSchema, engine?: FormEngine): Promise<string>;
     resolveValue(field: FieldSchema, value: unknown): Promise<string>;
     private getRawRows;
     private getCurrentFieldValue;
     private getGlobalRows;
     private getOptionRowContexts;
+    private getScalarValueContext;
     private resolveCollectionRowContexts;
     private resolveCollectionRows;
     private extractRowContexts;
@@ -70,7 +73,6 @@ export declare class DefaultDataProvider extends DataProvider {
     private mapRowToOption;
     private mapContextToOption;
     private resolveOptionLabelPrefix;
-    private formatOptionLabel;
     private getRuntimeOptions;
     private shouldSuppressRemoteAccess;
     private shouldUseLocalResolution;

package/lib/form-core/form-engine.d.ts

@@ -53,8 +53,11 @@ export declare class FormEngine {
     private getFieldById;
     private getFieldByName;
     private validateField;
+    private getRuleValidationErrors;
     private evaluateDependencyRules;
     private evaluateEnterpriseRules;
+    private getEnterpriseRuleOutcomes;
+    private getRuleValidationMessage;
     private applyRuleAction;
 }
 export declare function createFormEngine(schema: FormSchema, initialValues?: Record<string, unknown>, initialFieldLabels?: Record<string, FieldDisplayLabel>): FormEngine;

package/lib/form-core/models.d.ts

@@ -1,6 +1,8 @@
 export type FieldType = 'text' | 'textarea' | 'number' | 'email' | 'password' | 'tel' | 'date' | 'time' | 'datetime-local' | 'checkbox' | 'radio' | 'select' | 'multiselect' | 'file' | 'repeatable-group' | 'image' | 'heading' | 'paragraph' | 'cta-button' | 'table' | (string & {});
 export interface Html5ValidationProps {
     required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
     min?: number | string;
     max?: number | string;
     step?: number;
@@ -8,14 +10,6 @@ export interface Html5ValidationProps {
     maxLength?: number;
     pattern?: string;
 }
-export interface ValidationRule {
-    id?: string;
-    type: 'builtin' | 'expression';
-    name?: string;
-    expression?: string;
-    message: string;
-    when?: string;
-}
 export type LogicOperator = 'AND' | 'OR';
 export type ConditionOperator = 'eq' | 'neq' | 'gt' | 'lt' | 'gte' | 'lte' | 'contains' | 'startsWith' | 'endsWith' | 'empty' | 'notEmpty' | 'truthy';
 export type ConditionValueSource = 'literal' | 'field';
@@ -105,6 +99,7 @@ export interface FieldSchema {
     placeholder?: string;
     helpText?: string;
     tooltip?: string;
+    useThousandSeparator?: boolean;
     defaultValue?: unknown;
     accept?: string;
     multiple?: boolean;
@@ -112,10 +107,7 @@ export interface FieldSchema {
     uploadFieldName?: string;
     repeatable?: RepeatableGroupConfig;
     appearance?: 'outline' | 'fill' | 'standard';
-    readonly?: boolean;
-    disabled?: boolean;
     html5?: Html5ValidationProps;
-    validation?: ValidationRule[];
     dependencies?: DependencyRule[];
     rules?: FormRule[];
     dataConfig?: DataSourceConfig;
@@ -139,7 +131,6 @@ export interface DataSourceConfig {
     contextKey?: string;
     datasourceId?: string;
     rowsPath?: string;
-    formatNumericOptionLabels?: boolean;
     optionLabelPrefixPath?: string;
     optionLabelPrefixFieldId?: string;
     rowSelectionMode?: 'first' | 'selected';
@@ -171,6 +162,9 @@ export interface DataFilter {
     fieldId?: string;
     valueLiteral?: unknown;
 }
+export declare function usesFieldThousandSeparator(field: Pick<FieldSchema, 'useThousandSeparator'> | null | undefined): boolean;
+export declare function isFieldReadonly(field: Pick<FieldSchema, 'html5'> | null | undefined): boolean;
+export declare function isFieldDisabled(field: Pick<FieldSchema, 'html5'> | null | undefined): boolean;
 export type WidgetEventType = 'focus' | 'blur' | 'change' | 'click' | 'dirty' | 'touched' | 'select';
 export interface WidgetEventActionSetValue {
     type: 'setValue';
@@ -286,6 +280,7 @@ export interface DataDependencyBinding {
 export interface OptionSchema {
     label: string;
     value: string | number;
+    displayPrefix?: string;
 }
 export type FieldDisplayLabel = string | string[];
 export interface DependencyRule {

package/lib/form-designer/data-panel/data-panel.component.d.ts

@@ -32,7 +32,6 @@ export declare class DataPanelComponent implements OnChanges {
     selectionFieldId?: string;
     selectionMatchPath?: string;
     childRowsPath?: string;
-    formatNumericOptionLabels: boolean;
     optionLabelPrefixPath?: string;
     rootPathOptions: string[];
     rowPathOptions: string[];
@@ -99,7 +98,9 @@ export declare class DataPanelComponent implements OnChanges {
     showRowsPathControls(): boolean;
     showScalarMappingControls(): boolean;
     showOptionMappingControls(): boolean;
-    showOptionLabelFormattingControls(): boolean;
+    showDisplayFormattingControls(): boolean;
+    displayFormattingTitle(): string;
+    displayFormattingDescription(): string;
     showStaticOptionsEditor(): boolean;
     showStaticScalarEditor(): boolean;
     staticScalarLabel(): string;
@@ -110,7 +111,7 @@ export declare class DataPanelComponent implements OnChanges {
     availableRowPaths(): string[];
     availableParentRowPaths(): string[];
     availableChildCollectionPaths(): string[];
-    private shouldPersistOptionLabelFormatting;
+    private shouldPersistOptionLabelPrefix;
     private usesOptionMapping;
     private scalarTargetPath;
     private readScalarTargetValue;

package/lib/form-designer/dynamic-properties/dynamic-properties.component.d.ts

@@ -10,8 +10,6 @@ type NativeSelectOption<T = string> = {
 export declare class DynamicPropertiesComponent implements OnChanges {
     onPropertyChange?: () => void;
     private readonly designerCtx;
-    protected readonly validatorTypeOptions: NativeSelectOption<string>[];
-    protected readonly builtinValidatorOptions: NativeSelectOption<string>[];
     get properties(): PropertySection[];
     getFieldReferenceCandidates(field: PropertyField): FieldSchema[];
     fieldReferenceOptions(field: PropertyField): NativeSelectOption<string>[];
@@ -88,11 +86,6 @@ export declare class DynamicPropertiesComponent implements OnChanges {
     addOption(path: string): void;
     removeOption(path: string, index: number): void;
     updateOption(path: string, index: number, field: string, value: any): void;
-    addValidator(path: string): void;
-    removeValidator(path: string, index: number): void;
-    updateValidator(path: string, index: number, field: string, value: any): void;
-    private createDefaultValidationRule;
-    private defaultValidationMessage;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPropertiesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPropertiesComponent, "app-dynamic-properties", never, { "onPropertyChange": { "alias": "onPropertyChange"; "required": false; }; "config": { "alias": "config"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "includeSections": { "alias": "includeSections"; "required": false; }; "excludeSections": { "alias": "excludeSections"; "required": false; }; "allFields": { "alias": "allFields"; "required": false; }; }, { "configChange": "configChange"; }, never, never, true, never>;
 }

package/lib/form-designer/rules-editor/rules-panel/rules-panel.component.d.ts

@@ -10,6 +10,7 @@ export declare class RulesPanelComponent {
         label: string;
         value: RuleAction;
     }>;
+    private readonly actionLabels;
     protected readonly severityOptions: ReadonlyArray<{
         label: string;
         value: RuleSeverity;

package/lib/form-designer/widget-inspector.component.d.ts

@@ -17,7 +17,7 @@ export declare class WidgetInspectorComponent {
     private readonly readOnlyFieldSnapshot;
     readonly inspectorField: import("@angular/core").Signal<FieldSchema>;
     currentStyle: import("@angular/core").Signal<Partial<StyleTokenSet>>;
-    dataConsumer: import("@angular/core").Signal<"value" | "image" | "none" | "list">;
+    dataConsumer: import("@angular/core").Signal<"image" | "none" | "value" | "list">;
     bindingShape: import("@angular/core").Signal<import("@uch-web/ngx-form-designer").DataShape | null>;
     dataTargetPath: import("@angular/core").Signal<string>;
     getWidgetIcon(): string;

package/lib/form-renderer/json-form-renderer.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit, OnChanges, SimpleChanges, EventEmitter, OnDestroy } from '@angular/core';
-import { DesignerEventApiDefinition, FieldSchema, FieldDisplayLabel, FormSchema, UploadedFileRef, WidgetEventApiExecutor } from '../form-core/models';
+import { DesignerEventApiDefinition, FieldSchema, FieldDisplayLabel, FormSchema, RuleSeverity, UploadedFileRef, WidgetEventApiExecutor } from '../form-core/models';
 import { FormEngine } from '../form-core/form-engine';
 import { DesignerStateService } from '../form-designer/designer-state.service';
 import { type FieldDataAccessMap, type RuntimeFieldDataAccessApi } from '../data/runtime-field-data-access-registry.service';
@@ -18,6 +18,7 @@ export type CombinedFormValues = Record<string, FormFieldValue | FormValueMap>;
 export interface FormValidationResult {
     errors: Record<string, string[]>;
     isValid: boolean;
+    isSeverityError: boolean;
     fields?: Record<string, FormFieldValidationState>;
 }
 export interface FormFieldValidationState {
@@ -27,15 +28,18 @@ export interface FormFieldValidationState {
     visible: boolean;
     required: boolean;
     valid: boolean;
+    isSeverityError: boolean;
     errors: string[];
     validators: FormFieldValidatorState[];
 }
 export interface FormFieldValidatorState {
     name: string;
-    source: 'required' | 'html5' | 'custom';
+    source: 'required' | 'html5' | 'rule';
     active: boolean;
+    valid: boolean;
     value?: unknown;
     message?: string;
+    severity?: RuleSeverity;
 }
 export interface FormSubmitResult {
     values: FormValueMap;
@@ -79,6 +83,7 @@ export declare class JsonFormRendererComponent implements OnInit, OnChanges, OnD
     private readonly uploadClient;
     private readonly runtimeFieldDataAccessRegistry;
     private readonly dataCatalog;
+    private readonly ruleEvaluationService;
     constructor(designerState: DesignerStateService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -102,7 +107,9 @@ export declare class JsonFormRendererComponent implements OnInit, OnChanges, OnD
     private buildFieldValidationState;
     private describeFieldValidators;
     private hasRequiredValidation;
-    private isValidationRuleActive;
+    private getRuleOutcomes;
+    private describeRuleName;
+    private getRuleValidationMessage;
     private isValidationEmpty;
     private uploadPendingFiles;
     private uploadPendingFilesInSchema;
@@ -117,10 +124,12 @@ export declare class JsonFormRendererComponent implements OnInit, OnChanges, OnD
     private readFileBytes;
     private encodeBytesToBase64;
     private toSingleOrList;
-    private normalizeFileFieldSubmitValue;
+    private buildFileSubmitValueEntries;
+    private normalizeFileFieldEntries;
+    private normalizeSingleFileFieldEntry;
+    private buildPendingSubmitFileValue;
     private getUploadedFileRefs;
     private buildFieldLabelMetadata;
-    private mergeFileMetadata;
     private buildGroupedValues;
     private buildCombinedValues;
     private isFieldValue;

package/lib/widgets/field-widgets/search/search-widget.component.d.ts

@@ -63,6 +63,9 @@ export declare class SearchWidgetComponent implements OnInit, OnDestroy {
     private loadOptions;
     private normalizeOptions;
     private shouldQuery;
+    private isSelectedOptionState;
+    private hasOptionValue;
+    private hasMeaningfulValue;
     private getMinChars;
     private getDebounceMs;
     private getResultLimit;

package/lib/widgets/field-widgets/select/select-widget.component.d.ts

@@ -92,6 +92,7 @@ export declare class SelectWidgetComponent implements OnInit, OnDestroy {
     private withSelectedValueFallbackOptions;
     private getSelectedFallbackOptions;
     private hasOptionValue;
+    private toComparableOptionValue;
     private resolveSelectedValueForFallback;
     private hasMeaningfulValue;
     private syncStoredFieldLabel;

package/lib/widgets/field-widgets/text-field/text-field.component.d.ts

@@ -9,6 +9,8 @@ export declare class TextFieldWidgetComponent implements OnInit, OnDestroy {
     private readonly dependencyValueSnapshot;
     private isControlFocused;
     private isControlHovered;
+    protected displayPrefix: string;
+    protected formattedNumberValue: string;
     set config(value: FieldSchema);
     get config(): FieldSchema;
     engine?: FormEngine;
@@ -23,6 +25,8 @@ export declare class TextFieldWidgetComponent implements OnInit, OnDestroy {
     get fieldId(): string;
     protected isTextarea(): boolean;
     protected isColorField(): boolean;
+    protected usesFormattedNumberInput(): boolean;
+    protected hasDisplayPrefix(): boolean;
     protected getControlClass(multiline?: boolean): string;
     protected getAccessibleLabel(): string;
     protected nativeLabel(): string;
@@ -41,6 +45,7 @@ export declare class TextFieldWidgetComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     getWrapperStyles(): Record<string, any>;
     getControlStyles(): Record<string, any>;
+    getSingleLineControlStyles(): Record<string, any>;
     private hasWrapperFrame;
     get visible(): boolean;
     get enabled(): boolean;
@@ -48,11 +53,16 @@ export declare class TextFieldWidgetComponent implements OnInit, OnDestroy {
     get error(): string | null;
     private syncEnabledState;
     private refreshValueFromDataSource;
+    private clearResolvedValue;
+    private hasSelectedRowMatch;
     private getDataConfigSignature;
     private seedDependencySnapshotFromEngine;
     private seedDependencySnapshot;
     private haveDependencyValuesChanged;
     private getDependencyFieldNames;
+    protected onFormattedNumberInput(event: Event): void;
+    private syncFormattedNumberValue;
+    private formatNumericValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldWidgetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextFieldWidgetComponent, "app-text-field-widget", never, { "config": { "alias": "config"; "required": false; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/widgets/widget-definition.d.ts

@@ -8,7 +8,7 @@ export interface WidgetConfig {
     required?: boolean;
     [key: string]: any;
 }
-export type PropertyFieldType = 'text' | 'textarea' | 'number' | 'select' | 'checkbox' | 'slide-toggle' | 'color' | 'color-swatch' | 'padding' | 'margin' | 'shadow' | 'border' | 'options-editor' | 'validators-editor' | 'custom' | 'field-reference' | 'dimension' | 'edge-box' | 'box-model' | 'range-number' | 'select-icon';
+export type PropertyFieldType = 'text' | 'textarea' | 'number' | 'select' | 'checkbox' | 'slide-toggle' | 'color' | 'color-swatch' | 'padding' | 'margin' | 'shadow' | 'border' | 'options-editor' | 'custom' | 'field-reference' | 'dimension' | 'edge-box' | 'box-model' | 'range-number' | 'select-icon';
 export interface PropertyField {
     key: string;
     type: PropertyFieldType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yourself.create/ngx-form-designer",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "peerDependencies": {
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0",