highlightField function

Last updated: 2026-03-04T23:21:38.398Z

Location

src/lib/form/form-filler.ts:211-226

Metrics

LOC: 16 Complexity: 2 Params: 2

Signature

highlightField(element: HTMLElement, detectedLabel?: string): : void

Source Code

function highlightField(element: HTMLElement, detectedLabel?: string): void {
  const original = element.style.outline;
  element.style.outline = "2px solid #4F46E5";
  element.style.outlineOffset = "1px";

  let badge: HTMLElement | null = null;
  if (detectedLabel) {
    badge = createFieldLabelBadge(element, detectedLabel);
  }

  setTimeout(() => {
    element.style.outline = original;
    element.style.outlineOffset = "";
    badge?.remove();
  }, 2000);
}

Dependencies (Outgoing)

graph LR highlightField["highlightField"] createFieldLabelBadge["createFieldLabelBadge"] highlightField -->|calls| createFieldLabelBadge style highlightField fill:#dbeafe,stroke:#2563eb,stroke-width:2px click highlightField "d079b946779ebfc9.html" click createFieldLabelBadge "a72190a773a67f24.html"
TargetType
createFieldLabelBadge calls

Impact (Incoming)

graph LR highlightField["highlightField"] doFillAllFields["doFillAllFields"] fillSingleField["fillSingleField"] fillContextualAI["fillContextualAI"] applyTemplate["applyTemplate"] doFillAllFields -->|calls| highlightField fillSingleField -->|calls| highlightField fillContextualAI -->|calls| highlightField applyTemplate -->|calls| highlightField style highlightField fill:#dbeafe,stroke:#2563eb,stroke-width:2px click highlightField "d079b946779ebfc9.html" click doFillAllFields "23fe5c1a0125e335.html" click fillSingleField "e1740bceca6b34c2.html" click fillContextualAI "854e1a4562eb49e4.html" click applyTemplate "2ec007fc3b6a3513.html"
SourceType
doFillAllFields calls
fillSingleField calls
fillContextualAI calls
applyTemplate calls