@cqa-lib/cqa-ui 1.1.472 → 1.1.473

package/fesm2020/cqa-lib-cqa-ui.mjs

@@ -40737,6 +40737,10 @@ class StepBuilderGroupComponent {
         this.searchStepGroups = new EventEmitter();
         this.selectedStepGroup = null;
         this.runtimeVariableValues = {};
+        /** Tracks initial state for edit mode to detect changes */
+        this.initialStepGroupIdSnapshot = null;
+        this.initialRuntimeValuesSnapshot = '{}';
+        this.snapshotReady = false;
         this.stepGroupForm = this.fb.group({
             stepGroupId: [null, Validators.required]
         });
@@ -40796,6 +40800,10 @@ class StepBuilderGroupComponent {
             if (foundGroup) {
                 this.stepGroupForm.patchValue({ stepGroupId: this.initialStepGroupId });
                 this.selectedStepGroup = foundGroup;
+                // Capture snapshot for change detection (will be recaptured if runtime variables load later)
+                if (this.editMode) {
+                    this.captureInitialSnapshot();
+                }
             }
         }
     }
@@ -40847,6 +40855,10 @@ class StepBuilderGroupComponent {
                 }
             });
         }
+        // Capture snapshot after runtime values are initialized (for edit mode change detection)
+        if (this.editMode) {
+            this.captureInitialSnapshot();
+        }
     }
     onRuntimeVariableChange(groupId, paramName, value) {
         if (!this.runtimeVariableValues[groupId]) {
@@ -40875,8 +40887,33 @@ class StepBuilderGroupComponent {
     onCancel() {
         this.cancelled.emit();
     }
+    /** Returns true if the form has changed from its initial state (edit mode only) */
+    hasChanges() {
+        if (!this.editMode) {
+            return true; // In create mode, always allow submission
+        }
+        // Until the snapshot is ready, treat as no changes (disable button)
+        if (!this.snapshotReady) {
+            return false;
+        }
+        const currentStepGroupId = this.stepGroupForm.value.stepGroupId;
+        if (currentStepGroupId !== this.initialStepGroupIdSnapshot) {
+            return true;
+        }
+        return JSON.stringify(this.runtimeVariableValues) !== this.initialRuntimeValuesSnapshot;
+    }
+    /** Captures the current state as the baseline for change detection */
+    captureInitialSnapshot() {
+        // Only capture when a valid step group is selected
+        if (!this.selectedStepGroup) {
+            return;
+        }
+        this.initialStepGroupIdSnapshot = this.stepGroupForm.value.stepGroupId || null;
+        this.initialRuntimeValuesSnapshot = JSON.stringify(this.runtimeVariableValues);
+        this.snapshotReady = true;
+    }
     isFormValid() {
-        return this.stepGroupForm.valid && !!this.selectedStepGroup;
+        return this.stepGroupForm.valid && !!this.selectedStepGroup && this.hasChanges();
     }
 }
 StepBuilderGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StepBuilderGroupComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });