jupiter-dynamic-forms 1.18.3 → 1.18.4

package/dist/index.mjs

@@ -4553,6 +4553,15 @@ JupiterFormField.styles = css`
       color: var(--jupiter-text-secondary, #999);
       font-style: italic;
     }
+
+    @keyframes concept-highlight-pulse {
+      0%   { box-shadow: 0 0 0 3px #fbbf24; background-color: #fef9c3; }
+      60%  { box-shadow: 0 0 0 3px #fbbf24; background-color: #fef9c3; }
+      100% { box-shadow: 0 0 0 0px transparent; background-color: transparent; }
+    }
+    :host(.concept-highlight) {
+      animation: concept-highlight-pulse 1.5s ease-out forwards;
+    }
   `;
 __decorateClass$6([
   n2({ type: Object })
@@ -12546,6 +12555,109 @@ let JupiterDynamicForm = class extends LitElement {
   getState() {
     return this._getFormState();
   }
+  _findConceptByName(concepts, name) {
+    var _a;
+    for (const c2 of concepts) {
+      if (c2.name === name)
+        return c2;
+      if ((_a = c2.children) == null ? void 0 : _a.length) {
+        const hit = this._findConceptByName(c2.children, name);
+        if (hit)
+          return hit;
+      }
+    }
+    return null;
+  }
+  _findColumnByDimensions(columns, dims) {
+    var _a;
+    return (_a = columns.find((col) => {
+      if (col.type !== "dimension" || !col.dimensionData)
+        return false;
+      const combos = col.dimensionData.combinations;
+      if (combos == null ? void 0 : combos.length) {
+        return dims.every(
+          (d2) => combos.some(
+            (c2) => this._normalizeAxisId(c2.axisId) === this._normalizeAxisId(d2.axis) && this._normalizeMemberId(c2.memberId) === this._normalizeMemberId(d2.member)
+          )
+        );
+      }
+      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;
+    let targetSection = null;
+    let targetConcept = null;
+    const sectionsToSearch = [
+      ...((_a = this._currentSchema) == null ? void 0 : _a.sections) ?? [],
+      ...this._allSections.filter((s2) => {
+        var _a2;
+        return !((_a2 = this._currentSchema) == null ? void 0 : _a2.sections.find((cs) => cs.id === s2.id));
+      })
+    ];
+    for (const section2 of sectionsToSearch) {
+      const found = this._findConceptByName(section2.concepts, conceptName);
+      if (found) {
+        targetSection = section2;
+        targetConcept = found;
+        break;
+      }
+    }
+    if (!targetSection || !targetConcept) {
+      console.warn(`[scrollToConcept] Concept not found: ${conceptName}`);
+      return;
+    }
+    targetSection.expanded = true;
+    if (this.display === "sidePanel" && this._activeSidePanelRoleId !== targetSection.id) {
+      this._activeSidePanelRoleId = targetSection.id;
+    }
+    const columns = targetSection.columns ?? this._columns;
+    let targetColumnId = null;
+    if (dimensions == null ? void 0 : dimensions.length) {
+      targetColumnId = this._findColumnByDimensions(columns, dimensions) ?? null;
+    }
+    if (!targetColumnId) {
+      targetColumnId = ((_b = columns[0]) == null ? void 0 : _b.id) ?? null;
+    }
+    this.requestUpdate();
+    await this.updateComplete;
+    await new Promise((resolve) => setTimeout(resolve, 300));
+    const sectionElements = (_c = this.shadowRoot) == null ? void 0 : _c.querySelectorAll("jupiter-form-section");
+    let targetSectionEl = null;
+    sectionElements == null ? void 0 : sectionElements.forEach((el) => {
+      var _a2;
+      if (((_a2 = el.section) == null ? void 0 : _a2.id) === targetSection.id)
+        targetSectionEl = el;
+    });
+    if (!targetSectionEl) {
+      console.warn(`[scrollToConcept] Section element not found: ${targetSection.id}`);
+      return;
+    }
+    await targetSectionEl.updateComplete;
+    const conceptTrees = (_d = targetSectionEl.shadowRoot) == null ? void 0 : _d.querySelectorAll("jupiter-concept-tree");
+    let targetFieldEl = null;
+    const conceptId = targetConcept.id;
+    conceptTrees == null ? void 0 : conceptTrees.forEach((ct) => {
+      var _a2;
+      if (targetFieldEl)
+        return;
+      const fields = (_a2 = ct.shadowRoot) == null ? void 0 : _a2.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);
+  }
   render() {
     var _a;
     const errorCount = this._errors.filter((e2) => e2.severity === "error").length;