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

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<"mobile" | "desktop">;
+    readonly activeDevice: import("@angular/core").Signal<"desktop" | "mobile">;
     readonly activeThemeId: import("@angular/core").WritableSignal<string>;
     readonly isReadOnly: import("@angular/core").WritableSignal<boolean>;
     readonly clipboard: import("@angular/core").WritableSignal<{

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<"mobile" | "desktop">;
+    activeDevice: import("@angular/core").Signal<"desktop" | "mobile">;
     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(): "mobile" | "desktop";
+    get device(): "desktop" | "mobile";
     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<"image" | "value" | "none" | "list">;
+    dataConsumer: import("@angular/core").Signal<"value" | "image" | "list" | "none">;
     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

@@ -1,5 +1,5 @@
 import { EventEmitter, SimpleChanges } from '@angular/core';
-import { JsonFormRendererComponent, FormValidationResult, FormValueMap, FormSubmitResult } from './json-form-renderer.component';
+import { JsonFormRendererComponent, FormValidationResult, FormValueMap, FormSubmitResult, type SeverityEvaluationMode } from './json-form-renderer.component';
 import type { DesignerEventApiDefinition, FieldDisplayLabel, UploadedFileRef, WidgetEventApiExecutor } from '../form-core/models';
 import type { FormJourneyProject } from '../form-core/form-journey.models';
 import { type FieldDataAccessMap, type RuntimeFieldDataAccessApi } from '../data/runtime-field-data-access-registry.service';
@@ -8,6 +8,7 @@ export type JourneyFormDataByPage = Record<string, FormValueMap>;
 export declare class FormJourneyViewerComponent {
     journey: FormJourneyProject;
     viewOnly: boolean;
+    severityEvaluationMode: SeverityEvaluationMode;
     eventApis: DesignerEventApiDefinition[];
     eventApiExecutor?: WidgetEventApiExecutor;
     initialValues?: Record<string, unknown>;
@@ -47,5 +48,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; }; "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; }; }, { "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

@@ -1,6 +1,6 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { DesignerEventApiDefinition, FieldDisplayLabel, FormSchema, UploadedFileRef, WidgetEventApiExecutor } from '../../form-core/models';
-import { JsonFormRendererComponent, FormSubmitResult, FormValidationResult, FormValueMap, GroupedFormValues, CombinedFormValues } from '../json-form-renderer.component';
+import { JsonFormRendererComponent, FormSubmitResult, FormValidationResult, FormValueMap, GroupedFormValues, CombinedFormValues, type SeverityEvaluationMode } from '../json-form-renderer.component';
 import { FormJourneyViewerComponent, type JourneyFormDataByPage } from '../form-journey-viewer.component';
 import { type FieldDataAccessMap, type RuntimeFieldDataAccessApi } from '../../data/runtime-field-data-access-registry.service';
 import type { FormJourneyProject } from '../../form-core/form-journey.models';
@@ -20,6 +20,7 @@ export declare class FormViewerComponent implements OnInit, OnDestroy {
     get dataUsesFieldNameKeys(): boolean;
     options: FormViewerOptions;
     viewOnly: boolean;
+    severityEvaluationMode: SeverityEvaluationMode;
     eventApis: DesignerEventApiDefinition[];
     eventApiExecutor?: WidgetEventApiExecutor;
     fieldDataAccessMap?: FieldDataAccessMap;
@@ -74,5 +75,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; }; "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; }; }, { "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

@@ -15,6 +15,7 @@ export interface FormFieldValue {
 export type FormValueMap = Record<string, FormFieldValue>;
 export type GroupedFormValues = Record<string, FormValueMap>;
 export type CombinedFormValues = Record<string, FormFieldValue | FormValueMap>;
+export type SeverityEvaluationMode = 'rule-failed' | 'rule-matched';
 export interface FormValidationResult {
     errors: Record<string, string[]>;
     isValid: boolean;
@@ -37,6 +38,7 @@ export interface FormFieldValidatorState {
     source: 'required' | 'html5' | 'rule';
     active: boolean;
     valid: boolean;
+    isSeverityTriggered?: boolean;
     value?: unknown;
     message?: string;
     severity?: RuleSeverity;
@@ -68,6 +70,7 @@ export declare class JsonFormRendererComponent implements OnInit, OnChanges, OnD
         reason?: string;
     }>;
     uploadOnSubmit: boolean;
+    severityEvaluationMode: SeverityEvaluationMode;
     fieldDataAccessMap?: FieldDataAccessMap;
     fieldDataAccessApi?: RuntimeFieldDataAccessApi;
     formContentId?: string;
@@ -107,6 +110,7 @@ export declare class JsonFormRendererComponent implements OnInit, OnChanges, OnD
     private buildFieldValidationState;
     private describeFieldValidators;
     private hasRequiredValidation;
+    private isRuleSeverityTriggered;
     private getRuleOutcomes;
     private describeRuleName;
     private getRuleValidationMessage;
@@ -136,5 +140,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; }; "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; }; }, { "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<"mobile" | "desktop">;
+    readonly activeDevice: import("@angular/core").Signal<"desktop" | "mobile">;
     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/page-widgets/inline-quill-editor.component.d.ts

@@ -26,6 +26,7 @@ export declare class InlineQuillEditorComponent implements AfterViewInit, OnChan
     private applyEditorAppearance;
     private focusToEnd;
     onEditorMouseDown(event: MouseEvent): void;
+    onEditorClick(event: MouseEvent): void;
     onEditorPointerDown(event: PointerEvent): void;
     onEditorTouchStart(event: TouchEvent): void;
     onEditorDragStart(event: DragEvent): void;

package/package.json

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