jupiter-dynamic-forms 1.18.4 → 1.18.5

package/dist/index.mjs

@@ -4560,7 +4560,7 @@ JupiterFormField.styles = css`
       100% { box-shadow: 0 0 0 0px transparent; background-color: transparent; }
     }
     :host(.concept-highlight) {
-      animation: concept-highlight-pulse 1.5s ease-out forwards;
+      animation: concept-highlight-pulse 5s ease-out forwards;
     }
   `;
 __decorateClass$6([
@@ -12557,9 +12557,13 @@ let JupiterDynamicForm = class extends LitElement {
   }
   _findConceptByName(concepts, name) {
     var _a;
+    const localName = name.includes(":") ? name.split(":").pop() : name;
     for (const c2 of concepts) {
       if (c2.name === name)
         return c2;
+      const cLocal = c2.name.includes(":") ? c2.name.split(":").pop() : c2.name;
+      if (cLocal === localName)
+        return c2;
       if ((_a = c2.children) == null ? void 0 : _a.length) {
         const hit = this._findConceptByName(c2.children, name);
         if (hit)
@@ -12584,8 +12588,8 @@ let JupiterDynamicForm = class extends LitElement {
       return dims.length === 1 && this._normalizeAxisId(col.dimensionData.axisId ?? "") === this._normalizeAxisId(dims[0].axis) && this._normalizeMemberId(col.dimensionData.memberId ?? "") === this._normalizeMemberId(dims[0].member);
     })) == null ? void 0 : _a.id;
   }
-  async scrollToConcept(conceptName, dimensions) {
-    var _a, _b, _c, _d;
+  async scrollToConcept(conceptName, dimensions, match) {
+    var _a, _b, _c, _d, _e, _f;
     let targetSection = null;
     let targetConcept = null;
     const sectionsToSearch = [
@@ -12613,10 +12617,11 @@ let JupiterDynamicForm = class extends LitElement {
     }
     const columns = targetSection.columns ?? this._columns;
     let targetColumnId = null;
+    const hasValueMatch = (match == null ? void 0 : match.value) !== void 0 && (match == null ? void 0 : match.value) !== null;
+    const targetValue = hasValueMatch ? String(match.value) : null;
     if (dimensions == null ? void 0 : dimensions.length) {
       targetColumnId = this._findColumnByDimensions(columns, dimensions) ?? null;
-    }
-    if (!targetColumnId) {
+    } else if (!hasValueMatch) {
       targetColumnId = ((_b = columns[0]) == null ? void 0 : _b.id) ?? null;
     }
     this.requestUpdate();
@@ -12646,17 +12651,36 @@ let JupiterDynamicForm = class extends LitElement {
         if (targetFieldEl)
           return;
         const columnMatch = targetColumnId ? fieldEl.conceptId === conceptId && fieldEl.columnId === targetColumnId : fieldEl.conceptId === conceptId;
-        if (columnMatch)
+        const valueMatch = !hasValueMatch || String(fieldEl.value ?? "") === targetValue;
+        if (columnMatch && valueMatch)
           targetFieldEl = fieldEl;
       });
     });
+    if (!targetFieldEl && hasValueMatch && !targetColumnId) {
+      for (const ct of Array.from(conceptTrees ?? [])) {
+        if (targetFieldEl)
+          break;
+        const fields = (_e = ct.shadowRoot) == null ? void 0 : _e.querySelectorAll("jupiter-form-field");
+        fields == null ? void 0 : fields.forEach((fieldEl) => {
+          if (targetFieldEl)
+            return;
+          const columnMatch = targetColumnId ? fieldEl.conceptId === conceptId && fieldEl.columnId === targetColumnId : fieldEl.conceptId === conceptId;
+          if (columnMatch)
+            targetFieldEl = fieldEl;
+        });
+      }
+    }
     if (!targetFieldEl) {
       console.warn(`[scrollToConcept] Field element not found for concept: ${conceptName}`);
       return;
     }
     targetFieldEl.scrollIntoView({ behavior: "smooth", block: "center" });
     targetFieldEl.classList.add("concept-highlight");
-    setTimeout(() => targetFieldEl.classList.remove("concept-highlight"), 1500);
+    const focusTarget = (_f = targetFieldEl.shadowRoot) == null ? void 0 : _f.querySelector(
+      'input:not([type="hidden"]), select, textarea, button, [tabindex]:not([tabindex="-1"])'
+    );
+    focusTarget == null ? void 0 : focusTarget.focus({ preventScroll: true });
+    setTimeout(() => targetFieldEl.classList.remove("concept-highlight"), 5e3);
   }
   render() {
     var _a;