jupiter-dynamic-forms 1.19.3 → 1.19.4

package/dist/index.mjs

@@ -4641,7 +4641,7 @@ JupiterFormField.styles = css`
       100% { box-shadow: 0 0 0 0px transparent; background-color: transparent; }
     }
     :host(.concept-highlight) {
-      animation: concept-highlight-pulse 5s ease-out forwards;
+      animation: concept-highlight-pulse 10s ease-out forwards;
     }
   `;
 __decorateClass$6([
@@ -5219,6 +5219,16 @@ JupiterConceptTree.styles = css`
       opacity: 1;
     }
 
+    @keyframes concept-row-highlight-pulse {
+      0%   { background-color: #fef9c3; box-shadow: inset 0 3px 0 -1px #fbbf24, inset 0 -3px 0 -1px #fbbf24; }
+      60%  { background-color: #fef9c3; box-shadow: inset 0 3px 0 -1px #fbbf24, inset 0 -3px 0 -1px #fbbf24; }
+      100% { background-color: transparent; box-shadow: none; }
+    }
+    :host(.concept-highlight) .concept-name-cell,
+    :host(.concept-highlight) .field-cell {
+      animation: concept-row-highlight-pulse 10s ease-out forwards;
+    }
+
   `;
 __decorateClass$5([
   n2({ type: Object })
@@ -12840,6 +12850,7 @@ let JupiterDynamicForm = class extends LitElement {
       targetColumnId = ((_b = columns[0]) == null ? void 0 : _b.id) ?? null;
     }
     console.log(`[scrollToConcept] targetColumnId=${targetColumnId} hasValueMatch=${hasValueMatch} targetValue=${targetValue}`);
+    this._conceptSearchText = conceptName.includes(":") ? conceptName.split(":").pop() : conceptName;
     this.requestUpdate();
     await this.updateComplete;
     await new Promise((resolve) => setTimeout(resolve, 300));
@@ -12983,14 +12994,17 @@ let JupiterDynamicForm = class extends LitElement {
       );
       tableContainer.scrollTo({ left: targetScrollLeft, behavior: "smooth" });
     }
-    targetFieldEl.classList.add("concept-highlight");
+    const rootNode = targetFieldEl.getRootNode();
+    const rowHost = rootNode instanceof ShadowRoot ? rootNode.host : null;
+    const highlightEl = rowHost ?? targetFieldEl;
+    highlightEl.classList.add("concept-highlight");
     const focusTarget = (_l = targetFieldEl.shadowRoot) == null ? void 0 : _l.querySelector(
       'input:not([type="hidden"]), select, textarea, button, [tabindex]:not([tabindex="-1"])'
     );
     if (focusTarget) {
       setTimeout(() => focusTarget.focus({ preventScroll: true }), 450);
     }
-    setTimeout(() => targetFieldEl.classList.remove("concept-highlight"), 5e3);
+    setTimeout(() => highlightEl.classList.remove("concept-highlight"), 1e4);
   }
   render() {
     var _a;