@yourself.create/ngx-form-designer 0.0.12 → 0.0.14

package/lib/form-core/form-event-runner.d.ts

@@ -24,8 +24,11 @@ export declare class FormEventRunner {
     constructor(engine: FormEngine, loggerOrOptions?: FormEventLogger | FormEventRunnerOptions);
     dispose(): void;
     private handleEvent;
+    private clearInactiveApiBindingDatasources;
     private executeAction;
     private handleSetValue;
+    private handleClearFields;
+    private applyFieldValue;
     private handleApiAction;
     private handleNavigateAction;
     private evaluateNavigateCondition;
@@ -39,4 +42,5 @@ export declare class FormEventRunner {
     private collectSourceValues;
     private resolveDatasourceId;
     private normalizeRowsForDatasource;
+    private isEmptyEventValue;
 }

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

@@ -11,7 +11,7 @@ export interface Html5ValidationProps {
     pattern?: string;
 }
 export type LogicOperator = 'AND' | 'OR';
-export type ConditionOperator = 'eq' | 'neq' | 'gt' | 'lt' | 'gte' | 'lte' | 'contains' | 'startsWith' | 'endsWith' | 'empty' | 'notEmpty' | 'truthy';
+export type ConditionOperator = 'eq' | 'neq' | 'gt' | 'lt' | 'gte' | 'lte' | 'contains' | 'startsWith' | 'endsWith' | 'empty' | 'notEmpty' | 'truthy' | 'notTruthy';
 export type ConditionValueSource = 'literal' | 'field';
 export type RuleAction = 'visible' | 'hidden' | 'enable' | 'disable' | 'required' | 'optional';
 export type RuleSeverity = 'error' | 'warn';
@@ -173,6 +173,10 @@ export interface WidgetEventActionSetValue {
     valueLiteral?: unknown;
     sourceFieldId?: string;
 }
+export interface WidgetEventActionClearFields {
+    type: 'clearFields';
+    targetFieldIds: string[];
+}
 export interface WidgetEventActionLog {
     type: 'log';
     message?: string;
@@ -192,7 +196,7 @@ export interface WidgetEventActionNavigate {
     targetPageId: string;
     when?: LogicGroup;
 }
-export type WidgetEventAction = WidgetEventActionSetValue | WidgetEventActionLog | WidgetEventActionApi | WidgetEventActionNavigate;
+export type WidgetEventAction = WidgetEventActionSetValue | WidgetEventActionClearFields | WidgetEventActionLog | WidgetEventActionApi | WidgetEventActionNavigate;
 export interface WidgetEventApiExecutionRequest {
     eventId: string;
     action: WidgetEventActionApi;

package/lib/form-designer/designer-state.service.d.ts

@@ -62,7 +62,7 @@ export declare class DesignerStateService {
     readonly activeBreakpoint: import("@angular/core").WritableSignal<"xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
     readonly isPreviewMode: import("@angular/core").WritableSignal<boolean>;
     readonly isLeftPanelCollapsed: import("@angular/core").WritableSignal<boolean>;
-    readonly activeDevice: import("@angular/core").Signal<"desktop" | "mobile">;
+    readonly activeDevice: import("@angular/core").Signal<"mobile" | "desktop">;
     readonly activeThemeId: import("@angular/core").WritableSignal<string>;
     readonly isReadOnly: import("@angular/core").WritableSignal<boolean>;
     readonly clipboard: import("@angular/core").WritableSignal<{
@@ -218,6 +218,8 @@ export declare class DesignerStateService {
     private sameScope;
     private isScopePrefix;
     private cloneValue;
+    private cloneFieldForDuplication;
+    private createEventDatasourceId;
     private clampIndex;
     private isLayoutNode;
     private detachNode;

package/lib/form-designer/events-workspace.component.d.ts

@@ -1,4 +1,4 @@
-import { ConditionOperator, DesignerEventApiBrowser, DesignerEventApiDefinition, EventsWorkspaceSavePayload, FieldSchema, FormSchema, LogicGroup, WidgetEventAction, WidgetEventActionApi, WidgetEventActionLog, WidgetEventActionNavigate, WidgetEventActionSetValue, WidgetEventBinding, WidgetEventType } from '../form-core/models';
+import { ConditionOperator, DesignerEventApiBrowser, DesignerEventApiDefinition, EventsWorkspaceSavePayload, FieldSchema, FormSchema, LogicGroup, WidgetEventAction, WidgetEventActionApi, WidgetEventActionClearFields, WidgetEventActionLog, WidgetEventActionNavigate, WidgetEventActionSetValue, WidgetEventBinding, WidgetEventType } from '../form-core/models';
 import * as i0 from "@angular/core";
 type WorkspaceTab = 'fields' | 'input' | 'output';
 interface WorkspaceFieldItem {
@@ -89,7 +89,7 @@ export declare class EventsWorkspaceComponent {
     removeAction(bindingIndex: number, actionIndex: number): void;
     setActionType(action: WidgetEventAction, type: WidgetEventAction['type']): void;
     updateActionType(bindingIndex: number, actionIndex: number, type: WidgetEventAction['type']): void;
-    patchAction(bindingIndex: number, actionIndex: number, patch: Partial<WidgetEventActionSetValue> | Partial<WidgetEventActionLog> | Partial<WidgetEventActionApi> | Partial<WidgetEventActionNavigate>): void;
+    patchAction(bindingIndex: number, actionIndex: number, patch: Partial<WidgetEventActionSetValue> | Partial<WidgetEventActionClearFields> | Partial<WidgetEventActionLog> | Partial<WidgetEventActionApi> | Partial<WidgetEventActionNavigate>): void;
     patchApiAction(action: WidgetEventAction, patch: Partial<WidgetEventActionApi>): void;
     getSelectableActionFields(action: WidgetEventAction): WorkspaceFieldItem[];
     actionFieldSearch(action: WidgetEventAction): string;
@@ -114,6 +114,7 @@ export declare class EventsWorkspaceComponent {
     selectApiOption(action: WidgetEventAction, api: DesignerEventApiDefinition): Promise<void>;
     saveEventConfig(): void;
     asSetValue(action: WidgetEventAction): WidgetEventActionSetValue;
+    asClearFields(action: WidgetEventAction): WidgetEventActionClearFields;
     asLog(action: WidgetEventAction): WidgetEventActionLog;
     asApi(action: WidgetEventAction): WidgetEventActionApi;
     asNavigate(action: WidgetEventAction): WidgetEventActionNavigate;
@@ -134,6 +135,8 @@ export declare class EventsWorkspaceComponent {
     trackActionByIndex(index: number): number;
     trackApiOption(_: number, api: DesignerEventApiDefinition): string;
     hasApiAction(binding: WidgetEventBinding): boolean;
+    isClearFieldSelected(action: WidgetEventActionClearFields, fieldId: string): boolean;
+    toggleClearFieldTarget(action: WidgetEventAction, fieldId: string, selected: boolean): void;
     canSelectApiAction(binding: WidgetEventBinding, actionIndex: number): boolean;
     isEventExpanded(bindingId: string): boolean;
     toggleEventExpansion(bindingId: string): void;

package/lib/form-designer/form-preview.component.d.ts

@@ -21,7 +21,7 @@ export declare class FormPreviewComponent {
     pageSelect: EventEmitter<string>;
     breakpoints: readonly ["xs", "sm", "md", "lg", "xl", "2xl"];
     breakpoint: import("@angular/core").WritableSignal<"xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
-    activeDevice: import("@angular/core").Signal<"desktop" | "mobile">;
+    activeDevice: import("@angular/core").Signal<"mobile" | "desktop">;
     formData: any;
     combinedFormData: any;
     constructor(state: DesignerStateService);

package/lib/form-designer/layout-canvas.component.d.ts

@@ -13,7 +13,7 @@ export declare class LayoutCanvasComponent implements AfterViewInit {
     breakpoints: readonly ["xs", "sm", "md", "lg", "xl", "2xl"];
     constructor(state: DesignerStateService);
     get schema(): import("@angular/core").WritableSignal<import("@uch-web/ngx-form-designer").FormSchema>;
-    get device(): "desktop" | "mobile";
+    get device(): "mobile" | "desktop";
     get breakpoint(): "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     readonly zoom: import("@angular/core").WritableSignal<number>;
     readonly showLayoutGuides: import("@angular/core").WritableSignal<boolean>;

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" | "list" | "none">;
+    dataConsumer: import("@angular/core").Signal<"image" | "value" | "none" | "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/form-journey-viewer.component.d.ts

@@ -17,6 +17,7 @@ export declare class FormJourneyViewerComponent {
     fieldDataAccessApi?: RuntimeFieldDataAccessApi;
     formContentId?: string;
     formContentVersion?: string;
+    refreshKey?: unknown;
     formDataChange: EventEmitter<FormValueMap>;
     formDataByPageChange: EventEmitter<JourneyFormDataByPage>;
     formValidationChange: EventEmitter<FormValidationResult>;
@@ -41,6 +42,7 @@ export declare class FormJourneyViewerComponent {
     onSubmit(result: FormSubmitResult): void;
     private normalizeInitialValues;
     private normalizeInitialFieldLabels;
+    private resetViewerState;
     private toValueScope;
     private toFieldLabelScope;
     private mergeValueScope;
@@ -48,5 +50,5 @@ export declare class FormJourneyViewerComponent {
     private toJourneyValueMapByPage;
     private flattenJourneyValueMapByPage;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormJourneyViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormJourneyViewerComponent, "app-form-journey-viewer", never, { "journey": { "alias": "journey"; "required": true; }; "viewOnly": { "alias": "viewOnly"; "required": false; }; "severityEvaluationMode": { "alias": "severityEvaluationMode"; "required": false; }; "eventApis": { "alias": "eventApis"; "required": false; }; "eventApiExecutor": { "alias": "eventApiExecutor"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "initialFieldLabels": { "alias": "initialFieldLabels"; "required": false; }; "fieldDataAccessMap": { "alias": "fieldDataAccessMap"; "required": false; }; "fieldDataAccessApi": { "alias": "fieldDataAccessApi"; "required": false; }; "formContentId": { "alias": "formContentId"; "required": false; }; "formContentVersion": { "alias": "formContentVersion"; "required": false; }; }, { "formDataChange": "formDataChange"; "formDataByPageChange": "formDataByPageChange"; "formValidationChange": "formValidationChange"; "uploadedFilesChange": "uploadedFilesChange"; "submit": "submit"; "activePageIdChange": "activePageIdChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormJourneyViewerComponent, "app-form-journey-viewer", never, { "journey": { "alias": "journey"; "required": true; }; "viewOnly": { "alias": "viewOnly"; "required": false; }; "severityEvaluationMode": { "alias": "severityEvaluationMode"; "required": false; }; "eventApis": { "alias": "eventApis"; "required": false; }; "eventApiExecutor": { "alias": "eventApiExecutor"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "initialFieldLabels": { "alias": "initialFieldLabels"; "required": false; }; "fieldDataAccessMap": { "alias": "fieldDataAccessMap"; "required": false; }; "fieldDataAccessApi": { "alias": "fieldDataAccessApi"; "required": false; }; "formContentId": { "alias": "formContentId"; "required": false; }; "formContentVersion": { "alias": "formContentVersion"; "required": false; }; "refreshKey": { "alias": "refreshKey"; "required": false; }; }, { "formDataChange": "formDataChange"; "formDataByPageChange": "formDataByPageChange"; "formValidationChange": "formValidationChange"; "uploadedFilesChange": "uploadedFilesChange"; "submit": "submit"; "activePageIdChange": "activePageIdChange"; }, never, never, true, never>;
 }

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

@@ -27,6 +27,7 @@ export declare class FormViewerComponent implements OnInit, OnDestroy {
     fieldDataAccessApi?: RuntimeFieldDataAccessApi;
     formContentId?: string;
     formContentVersion?: string;
+    refreshKey?: unknown;
     formDataChange: EventEmitter<FormValueMap>;
     formDataByPageChange: EventEmitter<JourneyFormDataByPage>;
     formValidationChange: EventEmitter<FormValidationResult>;
@@ -75,5 +76,5 @@ export declare class FormViewerComponent implements OnInit, OnDestroy {
     private isFieldIdValue;
     private isRecord;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormViewerComponent, "app-form-viewer", never, { "schema": { "alias": "schema"; "required": false; }; "journey": { "alias": "journey"; "required": false; }; "data": { "alias": "data"; "required": false; }; "dataUsesFieldNameKeys": { "alias": "dataUsesFieldNameKeys"; "required": false; }; "options": { "alias": "options"; "required": false; }; "viewOnly": { "alias": "viewOnly"; "required": false; }; "severityEvaluationMode": { "alias": "severityEvaluationMode"; "required": false; }; "eventApis": { "alias": "eventApis"; "required": false; }; "eventApiExecutor": { "alias": "eventApiExecutor"; "required": false; }; "fieldDataAccessMap": { "alias": "fieldDataAccessMap"; "required": false; }; "fieldDataAccessApi": { "alias": "fieldDataAccessApi"; "required": false; }; "formContentId": { "alias": "formContentId"; "required": false; }; "formContentVersion": { "alias": "formContentVersion"; "required": false; }; }, { "formDataChange": "formDataChange"; "formDataByPageChange": "formDataByPageChange"; "formValidationChange": "formValidationChange"; "uploadedFilesChange": "uploadedFilesChange"; "submit": "submit"; "activePageIdChange": "activePageIdChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormViewerComponent, "app-form-viewer", never, { "schema": { "alias": "schema"; "required": false; }; "journey": { "alias": "journey"; "required": false; }; "data": { "alias": "data"; "required": false; }; "dataUsesFieldNameKeys": { "alias": "dataUsesFieldNameKeys"; "required": false; }; "options": { "alias": "options"; "required": false; }; "viewOnly": { "alias": "viewOnly"; "required": false; }; "severityEvaluationMode": { "alias": "severityEvaluationMode"; "required": false; }; "eventApis": { "alias": "eventApis"; "required": false; }; "eventApiExecutor": { "alias": "eventApiExecutor"; "required": false; }; "fieldDataAccessMap": { "alias": "fieldDataAccessMap"; "required": false; }; "fieldDataAccessApi": { "alias": "fieldDataAccessApi"; "required": false; }; "formContentId": { "alias": "formContentId"; "required": false; }; "formContentVersion": { "alias": "formContentVersion"; "required": false; }; "refreshKey": { "alias": "refreshKey"; "required": false; }; }, { "formDataChange": "formDataChange"; "formDataByPageChange": "formDataByPageChange"; "formValidationChange": "formValidationChange"; "uploadedFilesChange": "uploadedFilesChange"; "submit": "submit"; "activePageIdChange": "activePageIdChange"; }, never, never, true, never>;
 }

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

@@ -75,6 +75,7 @@ export declare class JsonFormRendererComponent implements OnInit, OnChanges, OnD
     fieldDataAccessApi?: RuntimeFieldDataAccessApi;
     formContentId?: string;
     formContentVersion?: string;
+    refreshKey?: unknown;
     valueChange: EventEmitter<FormValueMap>;
     groupedValueChange: EventEmitter<GroupedFormValues>;
     combinedValueChange: EventEmitter<CombinedFormValues>;
@@ -140,5 +141,5 @@ export declare class JsonFormRendererComponent implements OnInit, OnChanges, OnD
     private isGroupValue;
     private isUploadedFileRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<JsonFormRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<JsonFormRendererComponent, "app-json-form-renderer", never, { "schema": { "alias": "schema"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "initialFieldLabels": { "alias": "initialFieldLabels"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "device": { "alias": "device"; "required": false; }; "showLayoutGuides": { "alias": "showLayoutGuides"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "eventLogger": { "alias": "eventLogger"; "required": false; }; "eventApis": { "alias": "eventApis"; "required": false; }; "eventApiExecutor": { "alias": "eventApiExecutor"; "required": false; }; "navigateToPage": { "alias": "navigateToPage"; "required": false; }; "uploadOnSubmit": { "alias": "uploadOnSubmit"; "required": false; }; "severityEvaluationMode": { "alias": "severityEvaluationMode"; "required": false; }; "fieldDataAccessMap": { "alias": "fieldDataAccessMap"; "required": false; }; "fieldDataAccessApi": { "alias": "fieldDataAccessApi"; "required": false; }; "formContentId": { "alias": "formContentId"; "required": false; }; "formContentVersion": { "alias": "formContentVersion"; "required": false; }; }, { "valueChange": "valueChange"; "groupedValueChange": "groupedValueChange"; "combinedValueChange": "combinedValueChange"; "validationChange": "validationChange"; "uploadedFilesChange": "uploadedFilesChange"; "formSubmit": "formSubmit"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsonFormRendererComponent, "app-json-form-renderer", never, { "schema": { "alias": "schema"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "initialFieldLabels": { "alias": "initialFieldLabels"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "device": { "alias": "device"; "required": false; }; "showLayoutGuides": { "alias": "showLayoutGuides"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "eventLogger": { "alias": "eventLogger"; "required": false; }; "eventApis": { "alias": "eventApis"; "required": false; }; "eventApiExecutor": { "alias": "eventApiExecutor"; "required": false; }; "navigateToPage": { "alias": "navigateToPage"; "required": false; }; "uploadOnSubmit": { "alias": "uploadOnSubmit"; "required": false; }; "severityEvaluationMode": { "alias": "severityEvaluationMode"; "required": false; }; "fieldDataAccessMap": { "alias": "fieldDataAccessMap"; "required": false; }; "fieldDataAccessApi": { "alias": "fieldDataAccessApi"; "required": false; }; "formContentId": { "alias": "formContentId"; "required": false; }; "formContentVersion": { "alias": "formContentVersion"; "required": false; }; "refreshKey": { "alias": "refreshKey"; "required": false; }; }, { "valueChange": "valueChange"; "groupedValueChange": "groupedValueChange"; "combinedValueChange": "combinedValueChange"; "validationChange": "validationChange"; "uploadedFilesChange": "uploadedFilesChange"; "formSubmit": "formSubmit"; }, never, never, true, never>;
 }

package/lib/website/website-preview-shell.component.d.ts

@@ -6,7 +6,7 @@ export declare class WebsitePreviewShellComponent {
     readonly pages: import("@angular/core").Signal<import("@uch-web/ngx-form-designer").WebsitePage[]>;
     readonly breakpoints: readonly ["xs", "sm", "md", "lg", "xl", "2xl"];
     readonly breakpoint: import("@angular/core").WritableSignal<"xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
-    readonly activeDevice: import("@angular/core").Signal<"desktop" | "mobile">;
+    readonly activeDevice: import("@angular/core").Signal<"mobile" | "desktop">;
     private readonly url;
     readonly activePage: import("@angular/core").Signal<import("@uch-web/ngx-form-designer").WebsitePage | null>;
     setBreakpoint(bp: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'): void;

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

@@ -53,7 +53,9 @@ export declare class TextFieldWidgetComponent implements OnInit, OnDestroy {
     get error(): string | null;
     private syncEnabledState;
     private refreshValueFromDataSource;
+    private hasResolvedRows;
     private clearResolvedValue;
+    private applyResolvedValue;
     private hasSelectedRowMatch;
     private getDataConfigSignature;
     private seedDependencySnapshotFromEngine;

package/package.json

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