form-builder-pro 1.2.5 → 1.2.6

package/dist/index.js

@@ -8620,6 +8620,8 @@ var SectionList = class {
 
 // src/builder/FormBuilder.ts
 var advancedCssPanelState = /* @__PURE__ */ new Map();
+var LABEL_DEBOUNCE_MS = 300;
+var labelUpdateTimeouts = /* @__PURE__ */ new Map();
 var FormBuilder = class {
   // For requestAnimationFrame debouncing
   constructor(container, options = {}) {
@@ -8798,7 +8800,7 @@ var FormBuilder = class {
           fields: s.fields.map((f) => ({
             id: f.id,
             type: f.type,
-            // Exclude label - prevents re-renders on field name typing
+            label: f.label,
             layout: f.layout,
             width: f.width,
             css: f.css
@@ -8823,6 +8825,8 @@ var FormBuilder = class {
       cancelAnimationFrame(this.pendingRenderId);
       this.pendingRenderId = null;
     }
+    labelUpdateTimeouts.forEach((id) => clearTimeout(id));
+    labelUpdateTimeouts.clear();
     this.unsubscribe();
     this.container.innerHTML = "";
   }
@@ -9254,7 +9258,16 @@ var FormBuilder = class {
       value: selectedField.label,
       "data-focus-id": `field-label-${selectedField.id}`,
       oninput: (e) => {
-        formStore.getState().updateField(selectedField.id, { label: e.target.value });
+        const fieldId2 = selectedField.id;
+        const value = e.target.value;
+        const existing = labelUpdateTimeouts.get(fieldId2);
+        if (existing)
+          clearTimeout(existing);
+        const timeoutId = setTimeout(() => {
+          labelUpdateTimeouts.delete(fieldId2);
+          formStore.getState().updateField(fieldId2, { label: value });
+        }, LABEL_DEBOUNCE_MS);
+        labelUpdateTimeouts.set(fieldId2, timeoutId);
       }
     }));
     body.appendChild(labelGroup);