jupiter-dynamic-forms 1.19.2 → 1.19.3

package/dist/index.mjs

@@ -12786,7 +12786,7 @@ let JupiterDynamicForm = class extends LitElement {
     })) == null ? void 0 : _a.id;
   }
   async scrollToConcept(conceptName, dimensions, match) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
     console.log(`[scrollToConcept] ▶ START conceptName=${conceptName} value=${match == null ? void 0 : match.value} dims=${JSON.stringify(dimensions)}`);
     let targetSection = null;
     let targetConcept = null;
@@ -12960,12 +12960,36 @@ let JupiterDynamicForm = class extends LitElement {
       return;
     }
     console.log(`[scrollToConcept] ✅ HIGHLIGHTING conceptId=${targetFieldEl.conceptId} columnId=${targetFieldEl.columnId} value=${targetFieldEl.value}`);
-    targetFieldEl.scrollIntoView({ behavior: "smooth", block: "center" });
+    const fieldRect = targetFieldEl.getBoundingClientRect();
+    const root = this.shadowRoot;
+    const potentialContainer = root ? root.querySelector(".side-panel-content") ?? root.querySelector(".form-container") : null;
+    const scrollContainer = potentialContainer && potentialContainer.scrollHeight > potentialContainer.clientHeight ? potentialContainer : null;
+    if (scrollContainer) {
+      const containerRect = scrollContainer.getBoundingClientRect();
+      const targetScrollTop = Math.max(
+        0,
+        fieldRect.top - containerRect.top + scrollContainer.scrollTop - scrollContainer.clientHeight / 2 + fieldRect.height / 2
+      );
+      scrollContainer.scrollTo({ top: targetScrollTop, behavior: "smooth" });
+    } else {
+      targetFieldEl.scrollIntoView({ behavior: "smooth", block: "center" });
+    }
+    const tableContainer = (_k = targetSectionEl == null ? void 0 : targetSectionEl.shadowRoot) == null ? void 0 : _k.querySelector(".table-container");
+    if (tableContainer && tableContainer.scrollWidth > tableContainer.clientWidth) {
+      const tableRect = tableContainer.getBoundingClientRect();
+      const targetScrollLeft = Math.max(
+        0,
+        fieldRect.left - tableRect.left + tableContainer.scrollLeft - tableContainer.clientWidth / 2 + fieldRect.width / 2
+      );
+      tableContainer.scrollTo({ left: targetScrollLeft, behavior: "smooth" });
+    }
     targetFieldEl.classList.add("concept-highlight");
-    const focusTarget = (_k = targetFieldEl.shadowRoot) == null ? void 0 : _k.querySelector(
+    const focusTarget = (_l = targetFieldEl.shadowRoot) == null ? void 0 : _l.querySelector(
       'input:not([type="hidden"]), select, textarea, button, [tabindex]:not([tabindex="-1"])'
     );
-    focusTarget == null ? void 0 : focusTarget.focus({ preventScroll: true });
+    if (focusTarget) {
+      setTimeout(() => focusTarget.focus({ preventScroll: true }), 450);
+    }
     setTimeout(() => targetFieldEl.classList.remove("concept-highlight"), 5e3);
   }
   render() {