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

package/fesm2022/uch-web-ngx-form-designer.mjs

@@ -329,6 +329,8 @@ class RuleEvaluationService {
                 return value !== null && value !== undefined && value !== '';
             case 'truthy':
                 return !!value;
+            case 'notTruthy':
+                return !value;
             default: return false;
         }
     }
@@ -433,6 +435,7 @@ class FormEngine {
     }
     updateSchema(schema) {
         this.schema = schema;
+        let valuesChanged = false;
         // Re-initialize any new fields
         this.schema.fields.forEach(field => {
             if (this.values[field.name] === undefined) {
@@ -442,10 +445,13 @@ class FormEngine {
                 else {
                     this.values[field.name] = null;
                 }
+                valuesChanged = true;
             }
         });
-        // Emit new state to ensure UI syncs if defaults added
-        this.valueSubject.next({ ...this.values });
+        // Emit only when schema updates also change the value map.
+        if (valuesChanged) {
+            this.valueSubject.next({ ...this.values });
+        }
         // Re-validate all
         this.validate();
     }
@@ -1375,11 +1381,10 @@ class DesignerStateService {
                 const originalField = clipboardFields.get(oldRefId);
                 if (originalField) {
                     const newFieldId = v4();
-                    const newField = {
-                        ...originalField,
+                    const newField = this.cloneFieldForDuplication(originalField, {
                         id: newFieldId,
                         name: `${originalField.name}_${Date.now()}_${Math.floor(Math.random() * 1000)}`
-                    };
+                    });
                     targetSchema.fields.push(newField);
                     newNode.refId = newFieldId;
                 }
@@ -2304,12 +2309,11 @@ class DesignerStateService {
                 const originalField = scopeFields.find(f => f.id === cloned.refId);
                 if (originalField) {
                     const newFieldId = v4();
-                    const newField = {
-                        ...this.cloneValue(originalField),
+                    const newField = this.cloneFieldForDuplication(originalField, {
                         id: newFieldId,
                         name: `${originalField.name}_copy_${Date.now()}`,
                         label: `${originalField.label || 'Field'} (Copy)`
-                    };
+                    });
                     scopeFields.push(newField);
                     cloned.refId = newFieldId;
                 }
@@ -2379,11 +2383,10 @@ class DesignerStateService {
         if (!location)
             return;
         const newFieldId = v4();
-        const newField = {
-            ...this.cloneValue(location.field),
+        const newField = this.cloneFieldForDuplication(location.field, {
             id: newFieldId,
             name: `${location.field.name}_copy_${Date.now()}`
-        };
+        });
         location.schema.fields.push(newField);
         const widgetNode = this.findWidgetByRefId(location.schema.layout, fieldId);
         if (!widgetNode) {
@@ -2910,6 +2913,42 @@ class DesignerStateService {
     cloneValue(value) {
         return structuredClone(value);
     }
+    cloneFieldForDuplication(field, overrides) {
+        const clonedField = this.cloneValue(field);
+        const bindingIdMap = new Map();
+        const events = clonedField.events?.map(binding => {
+            const nextBindingId = v4();
+            bindingIdMap.set(binding.id, nextBindingId);
+            return {
+                ...binding,
+                id: nextBindingId,
+                actions: binding.actions.map(action => {
+                    if (action.type !== 'api') {
+                        return action;
+                    }
+                    return {
+                        ...action,
+                        datasourceId: action.datasourceId ? this.createEventDatasourceId() : action.datasourceId
+                    };
+                })
+            };
+        });
+        const dataConfig = clonedField.dataConfig?.eventId && bindingIdMap.has(clonedField.dataConfig.eventId)
+            ? {
+                ...clonedField.dataConfig,
+                eventId: bindingIdMap.get(clonedField.dataConfig.eventId)
+            }
+            : clonedField.dataConfig;
+        return {
+            ...clonedField,
+            ...overrides,
+            events,
+            dataConfig
+        };
+    }
+    createEventDatasourceId() {
+        return `evt_ds_${v4().replace(/-/g, '')}`;
+    }
     clampIndex(index, length) {
         if (index < 0)
             return 0;
@@ -4467,6 +4506,9 @@ class FormEventRunner {
             if (!field || !field.events)
                 return;
             const bindings = field.events.filter(b => b.on === evt.type && b.enabled !== false);
+            if (evt.type === 'change' && this.isEmptyEventValue(evt.value)) {
+                await this.clearInactiveApiBindingDatasources(field, bindings, evt);
+            }
             for (const binding of bindings) {
                 for (const action of binding.actions) {
                     const stop = await this.executeAction(action, binding.id, evt, schema.fields);
@@ -4480,6 +4522,46 @@ class FormEventRunner {
             this.processingDepth--;
         }
     }
+    async clearInactiveApiBindingDatasources(field, activeBindings, evt) {
+        if (!this.dataSourceWriter || !field.events?.length) {
+            return;
+        }
+        const activeBindingIds = new Set(activeBindings.map(binding => binding.id));
+        const clearedDatasourceIds = new Set();
+        for (const binding of field.events) {
+            if (binding.enabled === false || activeBindingIds.has(binding.id)) {
+                continue;
+            }
+            for (const action of binding.actions) {
+                if (action.type !== 'api') {
+                    continue;
+                }
+                const datasourceId = this.resolveDatasourceId(action, evt);
+                if (!datasourceId || clearedDatasourceIds.has(datasourceId)) {
+                    continue;
+                }
+                clearedDatasourceIds.add(datasourceId);
+                try {
+                    await this.dataSourceWriter({
+                        datasourceId,
+                        rows: [],
+                        action,
+                        event: evt,
+                        response: []
+                    });
+                    this.engine.emitDataSourceUpdate(datasourceId);
+                }
+                catch (error) {
+                    this.logger.warn('Failed to clear API action datasource after the source field was emptied.', {
+                        event: evt,
+                        action,
+                        datasourceId,
+                        error
+                    });
+                }
+            }
+        }
+    }
     async executeAction(action, eventId, evt, fields) {
         if (action.type === 'log') {
             this.logger.log(action.message || 'Event fired', { event: evt });
@@ -4651,6 +4733,8 @@ class FormEventRunner {
                 return !this.isEmptyValue(left);
             case 'truthy':
                 return !!left;
+            case 'notTruthy':
+                return !left;
             default:
                 return false;
         }
@@ -4733,6 +4817,18 @@ class FormEventRunner {
         }
         return [{ value }];
     }
+    isEmptyEventValue(value) {
+        if (value === undefined || value === null) {
+            return true;
+        }
+        if (typeof value === 'string') {
+            return value.trim().length === 0;
+        }
+        if (Array.isArray(value)) {
+            return value.length === 0;
+        }
+        return false;
+    }
 }
 
 const FILE_UPLOAD_CLIENT = new InjectionToken('FILE_UPLOAD_CLIENT');
@@ -5178,10 +5274,12 @@ class JsonFormRendererComponent {
     eventApiExecutor;
     navigateToPage;
     uploadOnSubmit = true;
+    severityEvaluationMode = 'rule-failed';
     fieldDataAccessMap;
     fieldDataAccessApi;
     formContentId;
     formContentVersion;
+    refreshKey;
     valueChange = new EventEmitter();
     groupedValueChange = new EventEmitter();
     combinedValueChange = new EventEmitter();
@@ -5214,6 +5312,10 @@ class JsonFormRendererComponent {
         if (changes['mode'] && !changes['mode'].firstChange) {
             this.configureRunner();
         }
+        if (changes['refreshKey'] && !changes['refreshKey'].firstChange) {
+            this.createEngine();
+            return;
+        }
         if (changes['fieldDataAccessMap']
             || changes['fieldDataAccessApi']
             || changes['formContentId']
@@ -5478,7 +5580,7 @@ class JsonFormRendererComponent {
                 errors: fieldErrors,
                 validators: this.describeFieldValidators(field, visible, required, fieldErrors)
             };
-            states[field.name].isSeverityError = states[field.name].validators.some(validator => validator.severity === 'error' && validator.valid === false);
+            states[field.name].isSeverityError = states[field.name].validators.some(validator => validator.severity === 'error' && validator.isSeverityTriggered === true);
         }
         return states;
     }
@@ -5556,11 +5658,13 @@ class JsonFormRendererComponent {
         }
         for (const outcome of ruleOutcomes) {
             const message = this.getRuleValidationMessage(outcome.rule);
+            const isSeverityTriggered = this.isRuleSeverityTriggered(outcome);
             validators.push({
                 name: outcome.rule.name?.trim() || this.describeRuleName(outcome.rule),
                 source: 'rule',
                 active: true,
                 valid: outcome.conditionMet || outcome.nextAction !== undefined,
+                ...(isSeverityTriggered ? { isSeverityTriggered: true } : {}),
                 value: {
                     action: outcome.rule.action,
                     elseAction: outcome.rule.elseAction
@@ -5585,6 +5689,15 @@ class JsonFormRendererComponent {
         }
         return false;
     }
+    isRuleSeverityTriggered(outcome) {
+        if (outcome.rule.severity !== 'error') {
+            return false;
+        }
+        if (this.severityEvaluationMode === 'rule-matched') {
+            return outcome.conditionMet && outcome.rule.elseAction === undefined;
+        }
+        return !outcome.conditionMet && outcome.nextAction === undefined;
+    }
     getRuleOutcomes(field) {
         if (!field.rules?.length) {
             return [];
@@ -5944,7 +6057,7 @@ class JsonFormRendererComponent {
             || typeof record['type'] === 'string';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: JsonFormRendererComponent, deps: [{ token: DesignerStateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: JsonFormRendererComponent, isStandalone: true, selector: "app-json-form-renderer", inputs: { schema: "schema", initialValues: "initialValues", initialFieldLabels: "initialFieldLabels", mode: "mode", device: "device", showLayoutGuides: "showLayoutGuides", breakpoint: "breakpoint", eventLogger: "eventLogger", eventApis: "eventApis", eventApiExecutor: "eventApiExecutor", navigateToPage: "navigateToPage", uploadOnSubmit: "uploadOnSubmit", fieldDataAccessMap: "fieldDataAccessMap", fieldDataAccessApi: "fieldDataAccessApi", formContentId: "formContentId", formContentVersion: "formContentVersion" }, outputs: { valueChange: "valueChange", groupedValueChange: "groupedValueChange", combinedValueChange: "combinedValueChange", validationChange: "validationChange", uploadedFilesChange: "uploadedFilesChange", formSubmit: "formSubmit" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: JsonFormRendererComponent, isStandalone: true, selector: "app-json-form-renderer", inputs: { schema: "schema", initialValues: "initialValues", initialFieldLabels: "initialFieldLabels", mode: "mode", device: "device", showLayoutGuides: "showLayoutGuides", breakpoint: "breakpoint", eventLogger: "eventLogger", eventApis: "eventApis", eventApiExecutor: "eventApiExecutor", navigateToPage: "navigateToPage", uploadOnSubmit: "uploadOnSubmit", severityEvaluationMode: "severityEvaluationMode", fieldDataAccessMap: "fieldDataAccessMap", fieldDataAccessApi: "fieldDataAccessApi", formContentId: "formContentId", formContentVersion: "formContentVersion", refreshKey: "refreshKey" }, outputs: { valueChange: "valueChange", groupedValueChange: "groupedValueChange", combinedValueChange: "combinedValueChange", validationChange: "validationChange", uploadedFilesChange: "uploadedFilesChange", formSubmit: "formSubmit" }, usesOnChanges: true, ngImport: i0, template: `
     <div class="form-renderer-container"
          data-fd="renderer"
          [class.is-mobile]="device === 'mobile'"
@@ -6017,6 +6130,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: Input
             }], uploadOnSubmit: [{
                 type: Input
+            }], severityEvaluationMode: [{
+                type: Input
             }], fieldDataAccessMap: [{
                 type: Input
             }], fieldDataAccessApi: [{
@@ -6025,6 +6140,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: Input
             }], formContentVersion: [{
                 type: Input
+            }], refreshKey: [{
+                type: Input
             }], valueChange: [{
                 type: Output
             }], groupedValueChange: [{
@@ -6217,6 +6334,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
 class FormJourneyViewerComponent {
     journey;
     viewOnly = false;
+    severityEvaluationMode = 'rule-failed';
     eventApis = [];
     eventApiExecutor;
     initialValues;
@@ -6225,6 +6343,7 @@ class FormJourneyViewerComponent {
     fieldDataAccessApi;
     formContentId;
     formContentVersion;
+    refreshKey;
     formDataChange = new EventEmitter();
     formDataByPageChange = new EventEmitter();
     formValidationChange = new EventEmitter();
@@ -6242,9 +6361,7 @@ class FormJourneyViewerComponent {
         return index >= 0 ? index : 0;
     });
     ngOnInit() {
-        this.activePageId.set(this.journey.startPageId || this.journey.pages[0]?.id || '');
-        this.values.set(this.normalizeInitialValues(this.initialValues));
-        this.fieldLabels.set(this.normalizeInitialFieldLabels(this.initialFieldLabels));
+        this.resetViewerState();
     }
     ngOnChanges(changes) {
         if (changes['initialValues']) {
@@ -6253,6 +6370,10 @@ class FormJourneyViewerComponent {
         if (changes['initialFieldLabels']) {
             this.fieldLabels.set(this.normalizeInitialFieldLabels(this.initialFieldLabels));
         }
+        if (changes['refreshKey'] && !changes['refreshKey'].firstChange) {
+            this.resetViewerState();
+            return;
+        }
         const current = this.activePageId();
         if (current && this.journey.pages.some(page => page.id === current))
             return;
@@ -6301,6 +6422,11 @@ class FormJourneyViewerComponent {
             return {};
         return structuredClone(value);
     }
+    resetViewerState() {
+        this.activePageId.set(this.journey.startPageId || this.journey.pages[0]?.id || '');
+        this.values.set(this.normalizeInitialValues(this.initialValues));
+        this.fieldLabels.set(this.normalizeInitialFieldLabels(this.initialFieldLabels));
+    }
     toValueScope(values) {
         const scope = {};
         for (const fieldValue of Object.values(values)) {
@@ -6359,7 +6485,7 @@ class FormJourneyViewerComponent {
         return flattened;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormJourneyViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormJourneyViewerComponent, isStandalone: true, selector: "app-form-journey-viewer", inputs: { journey: "journey", viewOnly: "viewOnly", eventApis: "eventApis", eventApiExecutor: "eventApiExecutor", initialValues: "initialValues", initialFieldLabels: "initialFieldLabels", fieldDataAccessMap: "fieldDataAccessMap", fieldDataAccessApi: "fieldDataAccessApi", formContentId: "formContentId", formContentVersion: "formContentVersion" }, outputs: { formDataChange: "formDataChange", formDataByPageChange: "formDataByPageChange", formValidationChange: "formValidationChange", uploadedFilesChange: "uploadedFilesChange", submit: "submit", activePageIdChange: "activePageIdChange" }, viewQueries: [{ propertyName: "renderer", first: true, predicate: JsonFormRendererComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormJourneyViewerComponent, isStandalone: true, selector: "app-form-journey-viewer", inputs: { journey: "journey", viewOnly: "viewOnly", severityEvaluationMode: "severityEvaluationMode", eventApis: "eventApis", eventApiExecutor: "eventApiExecutor", initialValues: "initialValues", initialFieldLabels: "initialFieldLabels", fieldDataAccessMap: "fieldDataAccessMap", fieldDataAccessApi: "fieldDataAccessApi", formContentId: "formContentId", formContentVersion: "formContentVersion", refreshKey: "refreshKey" }, outputs: { formDataChange: "formDataChange", formDataByPageChange: "formDataByPageChange", formValidationChange: "formValidationChange", uploadedFilesChange: "uploadedFilesChange", submit: "submit", activePageIdChange: "activePageIdChange" }, viewQueries: [{ propertyName: "renderer", first: true, predicate: JsonFormRendererComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="form-journey-viewer flex h-full w-full flex-col" data-fd="form-journey-viewer">
       <div class="border-b border-gray-200 bg-white px-4 py-2 text-xs text-gray-600" data-fd="journey-progress">
         {{ activePageIndex() + 1 }} / {{ journey.pages.length }}
@@ -6373,12 +6499,14 @@ class FormJourneyViewerComponent {
           [initialValues]="values()"
           [initialFieldLabels]="fieldLabels()"
           [mode]="viewOnly ? 'preview' : 'live'"
+          [severityEvaluationMode]="severityEvaluationMode"
           [eventApis]="eventApis"
           [eventApiExecutor]="eventApiExecutor"
           [fieldDataAccessMap]="fieldDataAccessMap"
           [fieldDataAccessApi]="fieldDataAccessApi"
           [formContentId]="formContentId"
           [formContentVersion]="formContentVersion"
+          [refreshKey]="refreshKey"
           [navigateToPage]="navigateToPage"
           (valueChange)="onValueChange($event)"
           (validationChange)="onValidationChange($event)"
@@ -6387,7 +6515,7 @@ class FormJourneyViewerComponent {
         </app-json-form-renderer>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "severityEvaluationMode", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion", "refreshKey"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormJourneyViewerComponent, decorators: [{
             type: Component,
@@ -6409,12 +6537,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
           [initialValues]="values()"
           [initialFieldLabels]="fieldLabels()"
           [mode]="viewOnly ? 'preview' : 'live'"
+          [severityEvaluationMode]="severityEvaluationMode"
           [eventApis]="eventApis"
           [eventApiExecutor]="eventApiExecutor"
           [fieldDataAccessMap]="fieldDataAccessMap"
           [fieldDataAccessApi]="fieldDataAccessApi"
           [formContentId]="formContentId"
           [formContentVersion]="formContentVersion"
+          [refreshKey]="refreshKey"
           [navigateToPage]="navigateToPage"
           (valueChange)="onValueChange($event)"
           (validationChange)="onValidationChange($event)"
@@ -6430,6 +6560,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 args: [{ required: true }]
             }], viewOnly: [{
                 type: Input
+            }], severityEvaluationMode: [{
+                type: Input
             }], eventApis: [{
                 type: Input
             }], eventApiExecutor: [{
@@ -6446,6 +6578,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: Input
             }], formContentVersion: [{
                 type: Input
+            }], refreshKey: [{
+                type: Input
             }], formDataChange: [{
                 type: Output
             }], formDataByPageChange: [{
@@ -6486,12 +6620,14 @@ class FormViewerComponent {
         emitOnChange: true
     };
     viewOnly = false;
+    severityEvaluationMode = 'rule-failed';
     eventApis = [];
     eventApiExecutor;
     fieldDataAccessMap;
     fieldDataAccessApi;
     formContentId;
     formContentVersion;
+    refreshKey;
     formDataChange = new EventEmitter();
     formDataByPageChange = new EventEmitter();
     formValidationChange = new EventEmitter();
@@ -6767,7 +6903,7 @@ class FormViewerComponent {
         return !!value && typeof value === 'object';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormViewerComponent, isStandalone: true, selector: "app-form-viewer", inputs: { schema: "schema", journey: "journey", data: "data", dataUsesFieldNameKeys: "dataUsesFieldNameKeys", options: "options", viewOnly: "viewOnly", eventApis: "eventApis", eventApiExecutor: "eventApiExecutor", fieldDataAccessMap: "fieldDataAccessMap", fieldDataAccessApi: "fieldDataAccessApi", formContentId: "formContentId", formContentVersion: "formContentVersion" }, outputs: { formDataChange: "formDataChange", formDataByPageChange: "formDataByPageChange", formValidationChange: "formValidationChange", uploadedFilesChange: "uploadedFilesChange", submit: "submit", activePageIdChange: "activePageIdChange" }, viewQueries: [{ propertyName: "renderer", first: true, predicate: JsonFormRendererComponent, descendants: true }, { propertyName: "journeyViewer", first: true, predicate: FormJourneyViewerComponent, descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormViewerComponent, isStandalone: true, selector: "app-form-viewer", inputs: { schema: "schema", journey: "journey", data: "data", dataUsesFieldNameKeys: "dataUsesFieldNameKeys", options: "options", viewOnly: "viewOnly", severityEvaluationMode: "severityEvaluationMode", eventApis: "eventApis", eventApiExecutor: "eventApiExecutor", fieldDataAccessMap: "fieldDataAccessMap", fieldDataAccessApi: "fieldDataAccessApi", formContentId: "formContentId", formContentVersion: "formContentVersion", refreshKey: "refreshKey" }, outputs: { formDataChange: "formDataChange", formDataByPageChange: "formDataByPageChange", formValidationChange: "formValidationChange", uploadedFilesChange: "uploadedFilesChange", submit: "submit", activePageIdChange: "activePageIdChange" }, viewQueries: [{ propertyName: "renderer", first: true, predicate: JsonFormRendererComponent, descendants: true }, { propertyName: "journeyViewer", first: true, predicate: FormJourneyViewerComponent, descendants: true }], ngImport: i0, template: `
     <div class="form-viewer-container flex flex-col h-full"
          data-fd="form-viewer"
          [attr.data-fd-mode]="viewOnly ? 'preview' : 'live'">
@@ -6777,6 +6913,7 @@ class FormViewerComponent {
                     data-fd="form-viewer-journey"
                     [journey]="journey!"
                     [viewOnly]="viewOnly"
+                    [severityEvaluationMode]="severityEvaluationMode"
                     [eventApis]="eventApis"
                     [eventApiExecutor]="eventApiExecutor"
                     [initialValues]="normalizedInitialValues"
@@ -6785,6 +6922,7 @@ class FormViewerComponent {
                     [fieldDataAccessApi]="fieldDataAccessApi"
                     [formContentId]="formContentId"
                     [formContentVersion]="formContentVersion"
+                    [refreshKey]="refreshKey"
                     (formDataChange)="onValueChange($event)"
                     (formDataByPageChange)="onJourneyValueByPageChange($event)"
                     (formValidationChange)="onValidationChange($event)"
@@ -6800,6 +6938,7 @@ class FormViewerComponent {
                     [initialValues]="normalizedInitialValues"
                     [initialFieldLabels]="normalizedInitialFieldLabels"
                     [mode]="viewOnly ? 'preview' : 'live'"
+                    [severityEvaluationMode]="severityEvaluationMode"
                     [breakpoint]="breakpoint()"
                     [uploadOnSubmit]="true"
                     [eventApis]="eventApis"
@@ -6808,6 +6947,7 @@ class FormViewerComponent {
                     [fieldDataAccessApi]="fieldDataAccessApi"
                     [formContentId]="formContentId"
                     [formContentVersion]="formContentVersion"
+                    [refreshKey]="refreshKey"
                     (valueChange)="onValueChange($event)"
                     (validationChange)="onValidationChange($event)"
                     (uploadedFilesChange)="onUploadedFilesChange($event)"
@@ -6828,7 +6968,7 @@ class FormViewerComponent {
             </button>
         </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }, { kind: "component", type: FormJourneyViewerComponent, selector: "app-form-journey-viewer", inputs: ["journey", "viewOnly", "eventApis", "eventApiExecutor", "initialValues", "initialFieldLabels", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["formDataChange", "formDataByPageChange", "formValidationChange", "uploadedFilesChange", "submit", "activePageIdChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;height:100%;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "severityEvaluationMode", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion", "refreshKey"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }, { kind: "component", type: FormJourneyViewerComponent, selector: "app-form-journey-viewer", inputs: ["journey", "viewOnly", "severityEvaluationMode", "eventApis", "eventApiExecutor", "initialValues", "initialFieldLabels", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion", "refreshKey"], outputs: ["formDataChange", "formDataByPageChange", "formValidationChange", "uploadedFilesChange", "submit", "activePageIdChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormViewerComponent, decorators: [{
             type: Component,
@@ -6842,6 +6982,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                     data-fd="form-viewer-journey"
                     [journey]="journey!"
                     [viewOnly]="viewOnly"
+                    [severityEvaluationMode]="severityEvaluationMode"
                     [eventApis]="eventApis"
                     [eventApiExecutor]="eventApiExecutor"
                     [initialValues]="normalizedInitialValues"
@@ -6850,6 +6991,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                     [fieldDataAccessApi]="fieldDataAccessApi"
                     [formContentId]="formContentId"
                     [formContentVersion]="formContentVersion"
+                    [refreshKey]="refreshKey"
                     (formDataChange)="onValueChange($event)"
                     (formDataByPageChange)="onJourneyValueByPageChange($event)"
                     (formValidationChange)="onValidationChange($event)"
@@ -6865,6 +7007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                     [initialValues]="normalizedInitialValues"
                     [initialFieldLabels]="normalizedInitialFieldLabels"
                     [mode]="viewOnly ? 'preview' : 'live'"
+                    [severityEvaluationMode]="severityEvaluationMode"
                     [breakpoint]="breakpoint()"
                     [uploadOnSubmit]="true"
                     [eventApis]="eventApis"
@@ -6873,6 +7016,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                     [fieldDataAccessApi]="fieldDataAccessApi"
                     [formContentId]="formContentId"
                     [formContentVersion]="formContentVersion"
+                    [refreshKey]="refreshKey"
                     (valueChange)="onValueChange($event)"
                     (validationChange)="onValidationChange($event)"
                     (uploadedFilesChange)="onUploadedFilesChange($event)"
@@ -6906,6 +7050,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: Input
             }], viewOnly: [{
                 type: Input
+            }], severityEvaluationMode: [{
+                type: Input
             }], eventApis: [{
                 type: Input
             }], eventApiExecutor: [{
@@ -6918,6 +7064,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: Input
             }], formContentVersion: [{
                 type: Input
+            }], refreshKey: [{
+                type: Input
             }], formDataChange: [{
                 type: Output
             }], formDataByPageChange: [{
@@ -8999,7 +9147,7 @@ class LayoutCanvasComponent {
 
     <!-- Hidden file input for import -->
     <input type="file" #fileInput accept=".json" (change)="onFileSelected($event)" style="display: none;">
-    `, isInline: true, styles: [".canvas-grid{background-image:radial-gradient(rgba(148,163,184,.35) 1px,transparent 1px);background-size:18px 18px}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background:#00000026}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent}.custom-scrollbar:hover{scrollbar-color:rgba(0,0,0,.15) transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }, { kind: "ngmodule", type: UiIconModule }, { kind: "component", type: i3$1.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: MonacoEditorComponent, selector: "app-monaco-editor", inputs: ["value", "language", "theme", "readOnly", "minimap", "options"], outputs: ["valueChange"] }] });
+    `, isInline: true, styles: [".canvas-grid{background-image:radial-gradient(rgba(148,163,184,.35) 1px,transparent 1px);background-size:18px 18px}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background:#00000026}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent}.custom-scrollbar:hover{scrollbar-color:rgba(0,0,0,.15) transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "severityEvaluationMode", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion", "refreshKey"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }, { kind: "ngmodule", type: UiIconModule }, { kind: "component", type: i3$1.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: MonacoEditorComponent, selector: "app-monaco-editor", inputs: ["value", "language", "theme", "readOnly", "minimap", "options"], outputs: ["valueChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LayoutCanvasComponent, decorators: [{
             type: Component,
@@ -17147,7 +17295,8 @@ class QueryBuilderComponent {
         { label: 'Contains', value: 'contains' },
         { label: 'Is Empty', value: 'empty' },
         { label: 'Not Empty', value: 'notEmpty' },
-        { label: 'Is Truthy', value: 'truthy' }
+        { label: 'Is Truthy', value: 'truthy' },
+        { label: 'Is Not Truthy', value: 'notTruthy' }
     ];
     fieldOptions() {
         return [
@@ -17229,7 +17378,7 @@ class QueryBuilderComponent {
         this.emitChange();
     }
     requiresValue(operator) {
-        return !['empty', 'notEmpty', 'truthy'].includes(operator);
+        return !['empty', 'notEmpty', 'truthy', 'notTruthy'].includes(operator);
     }
     conditionValueSource(condition) {
         return condition.valueSource === 'field' ? 'field' : 'literal';
@@ -19608,7 +19757,7 @@ class FormPreviewComponent {
             </div>
         </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }, { kind: "ngmodule", type: UiIconModule }, { kind: "component", type: i3$1.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }, { kind: "ngmodule", type: UiIconModule }, { kind: "component", type: i3$1.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "severityEvaluationMode", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion", "refreshKey"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormPreviewComponent, decorators: [{
             type: Component,
@@ -23616,7 +23765,8 @@ class EventsWorkspaceComponent {
         { label: 'Ends With', value: 'endsWith' },
         { label: 'Is Empty', value: 'empty' },
         { label: 'Is Not Empty', value: 'notEmpty' },
-        { label: 'Is Truthy', value: 'truthy' }
+        { label: 'Is Truthy', value: 'truthy' },
+        { label: 'Is Not Truthy', value: 'notTruthy' }
     ];
     currentSchema = computed(() => this.draftSchema() ?? this.schema());
     fields = computed(() => this.flattenFields(this.currentSchema()));
@@ -24094,7 +24244,7 @@ class EventsWorkspaceComponent {
         this.updateNavigateConditionGroup(bindingIndex, actionIndex, this.toNavigateLogicGroup(next));
     }
     navigateOperatorNeedsValue(operator) {
-        return !['empty', 'notEmpty', 'truthy'].includes(operator);
+        return !['empty', 'notEmpty', 'truthy', 'notTruthy'].includes(operator);
     }
     navigateConditionFields() {
         return this.fields().map(field => ({
@@ -26263,7 +26413,7 @@ class FormDesignerShellComponent {
         </div>
       </section>
     </div>
-  `, isInline: true, styles: ["@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: JsonFormDesignerComponent, selector: "app-json-form-designer", inputs: ["flavor", "mode", "eventApis", "eventApiExecutor", "pages", "activePageId", "canRemovePage"], outputs: ["pageAdd", "pageSelect", "pageRemove", "pageRename", "pageRouteChange"] }, { kind: "component", type: EventsWorkspaceComponent, selector: "app-events-workspace", inputs: ["schema", "readOnly", "eventApis", "eventApiBrowser", "pages"], outputs: ["schemaChange", "eventsSave"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }, { kind: "component", type: EmailRendererComponent, selector: "app-email-renderer", inputs: ["schema", "engine"] }, { kind: "component", type: GlobalDataManagerComponent, selector: "app-global-data-manager", outputs: ["close"] }, { kind: "component", type: AiChatDrawerComponent, selector: "app-ai-chat-drawer", outputs: ["close", "expand"] }, { kind: "component", type: AiWorkspaceComponent, selector: "app-ai-workspace", outputs: ["close"] }] });
+  `, isInline: true, styles: ["@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: JsonFormDesignerComponent, selector: "app-json-form-designer", inputs: ["flavor", "mode", "eventApis", "eventApiExecutor", "pages", "activePageId", "canRemovePage"], outputs: ["pageAdd", "pageSelect", "pageRemove", "pageRename", "pageRouteChange"] }, { kind: "component", type: EventsWorkspaceComponent, selector: "app-events-workspace", inputs: ["schema", "readOnly", "eventApis", "eventApiBrowser", "pages"], outputs: ["schemaChange", "eventsSave"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "severityEvaluationMode", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion", "refreshKey"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }, { kind: "component", type: EmailRendererComponent, selector: "app-email-renderer", inputs: ["schema", "engine"] }, { kind: "component", type: GlobalDataManagerComponent, selector: "app-global-data-manager", outputs: ["close"] }, { kind: "component", type: AiChatDrawerComponent, selector: "app-ai-chat-drawer", outputs: ["close", "expand"] }, { kind: "component", type: AiWorkspaceComponent, selector: "app-ai-workspace", outputs: ["close"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormDesignerShellComponent, decorators: [{
             type: Component,
@@ -31517,7 +31667,7 @@ class WebsitePreviewShellComponent {
         }
       </main>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "initialFieldLabels", "mode", "device", "showLayoutGuides", "breakpoint", "eventLogger", "eventApis", "eventApiExecutor", "navigateToPage", "uploadOnSubmit", "severityEvaluationMode", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion", "refreshKey"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WebsitePreviewShellComponent, decorators: [{
             type: Component,
@@ -32651,6 +32801,10 @@ class TextFieldWidgetComponent {
                 this.clearResolvedValue();
                 return;
             }
+            if (clearWhenMissing && !(await this.hasResolvedRows())) {
+                this.clearResolvedValue();
+                return;
+            }
             const val = await this.dataProvider.getValue(this.config, this.engine);
             this.displayPrefix = await this.dataProvider.getValueDisplayPrefix(this.config, this.engine);
             if (val === undefined || val === null) {
@@ -32670,6 +32824,10 @@ class TextFieldWidgetComponent {
             // Ignore failed datasource refreshes; field remains editable.
         }
     }
+    async hasResolvedRows() {
+        const rows = await this.dataProvider.getList(this.config, this.engine);
+        return rows.length > 0;
+    }
     clearResolvedValue() {
         this.displayPrefix = '';
         this.control.setValue(null, { emitEvent: false });
@@ -36973,6 +37131,9 @@ class InlineQuillEditorComponent {
             this.applyEditorAppearance();
         }
         if (changes['html'] && !changes['html'].firstChange) {
+            if (!this.readOnly) {
+                return;
+            }
             this.setHtml(this.html ?? '');
         }
     }
@@ -37066,6 +37227,9 @@ class InlineQuillEditorComponent {
     onEditorMouseDown(event) {
         this.stopInteractionEvent(event);
     }
+    onEditorClick(event) {
+        this.stopInteractionEvent(event);
+    }
     onEditorPointerDown(event) {
         this.stopInteractionEvent(event);
     }
@@ -37086,6 +37250,7 @@ class InlineQuillEditorComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: InlineQuillEditorComponent, isStandalone: true, selector: "app-inline-quill-editor", inputs: { html: "html", placeholder: "placeholder", readOnly: "readOnly", autoFocus: "autoFocus", containerClass: "containerClass", editorClass: "editorClass", editorStyle: "editorStyle" }, outputs: { htmlChange: "htmlChange", editorBlur: "editorBlur", editorFocus: "editorFocus" }, viewQueries: [{ propertyName: "editorRef", first: true, predicate: ["editor"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="inline-quill"
          [ngClass]="containerClass"
+         (click)="onEditorClick($event)"
          (mousedown)="onEditorMouseDown($event)"
          (pointerdown)="onEditorPointerDown($event)"
          (touchstart)="onEditorTouchStart($event)"
@@ -37099,6 +37264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             args: [{ selector: 'app-inline-quill-editor', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="inline-quill"
          [ngClass]="containerClass"
+         (click)="onEditorClick($event)"
          (mousedown)="onEditorMouseDown($event)"
          (pointerdown)="onEditorPointerDown($event)"
          (touchstart)="onEditorTouchStart($event)"