@verdocs/web-sdk 6.8.8 → 6.8.9

package/dist/esm/verdocs-preview_6.entry.js

@@ -70,11 +70,13 @@ const VerdocsPreview = class {
         }
     }
     componentDidRender() {
+        var _a;
         // Defensive hack: fields rendered in other tabs (e.g. the builder's Fields tab) may share DOM
         // IDs with fields shown here, and interact.js — being vanilla JS — is unaware of Stencil's
-        // re-renders. Unbind any drag/resize handlers on every .verdocs-field after each render so
-        // fields stay non-interactive in preview mode regardless of where they came from.
-        document.querySelectorAll('.verdocs-field').forEach(el => {
+        // re-renders. Unbind any drag/resize handlers on fields inside our own subtree after each
+        // render so they stay non-interactive in preview mode. Scope to hostEl so we don't clobber
+        // handlers on fields belonging to a sibling component during brief tab-switch overlaps.
+        (_a = this.hostEl) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.verdocs-field').forEach(el => {
             interact(el).unset();
         });
     }
@@ -111,6 +113,7 @@ const VerdocsPreview = class {
             })));
         })));
     }
+    get hostEl() { return getElement(this); }
     static get watchers() { return {
         "templateId": ["onTemplateIdChanged"]
     }; }
@@ -738,6 +741,13 @@ const VerdocsTemplateFields = class {
     }
     componentDidRender() {
         interact.dynamicDrop(true);
+        // Defensive re-attach: when returning to the Fields tab from Preview, the preview component
+        // may have unset interact bindings on shared field DOM elements. pageRendered doesn't always
+        // refire in that case, so ensure every .verdocs-field in the document has a drag handler.
+        // makeDraggable is idempotent (interact re-configures the same Interactable).
+        document.querySelectorAll('.verdocs-field').forEach(el => {
+            this.makeDraggable(el);
+        });
         const toolbarTarget = this.toolbarTargetId ? document.getElementById(this.toolbarTargetId) : null;
         const toolbarEl = document.getElementById('verdocs-template-fields-toolbar');
         if (toolbarTarget && toolbarEl) {