resolveTarget function

Last updated: 2026-03-05T10:53:28.861Z

Location

src/lib/demo/effects/effect-runner.ts:23-30

Metrics

LOC: 8 Complexity: 3 Params: 1

Signature

resolveTarget(selector: string | undefined): : Element | null

Summary

Resolves the CSS selector to an element (or null).

Source Code

function resolveTarget(selector: string | undefined): Element | null {
  if (!selector) return null;
  try {
    return document.querySelector(selector);
  } catch {
    return null;
  }
}

Dependencies (Outgoing)

graph LR resolveTarget["resolveTarget"] createLogger["createLogger"] StepEffect["StepEffect"] applyLabelEffect["applyLabelEffect"] applyGrowEffect["applyGrowEffect"] applyZoomEffect["applyZoomEffect"] applyPinEffect["applyPinEffect"] applyShakeEffect["applyShakeEffect"] applyConfettiEffect["applyConfettiEffect"] applySpotlightEffect["applySpotlightEffect"] resolveTarget -->|uses| createLogger resolveTarget -->|uses| StepEffect resolveTarget -->|uses| applyLabelEffect resolveTarget -->|uses| applyGrowEffect resolveTarget -->|uses| applyZoomEffect resolveTarget -->|uses| applyPinEffect resolveTarget -->|uses| applyShakeEffect resolveTarget -->|uses| applyConfettiEffect resolveTarget -->|uses| applySpotlightEffect style resolveTarget fill:#dbeafe,stroke:#2563eb,stroke-width:2px click resolveTarget "cefe589bdbdd3b3b.html" click createLogger "70597a0a6b5e9ebb.html" click StepEffect "ad30ff415e80747b.html" click applyLabelEffect "cb3df1e3c180daee.html" click applyGrowEffect "03333ac13d2a3f3b.html" click applyZoomEffect "252fd536336c2277.html" click applyPinEffect "fad09edaf87b170e.html" click applyShakeEffect "72ddf7c2c41fe8d9.html" click applyConfettiEffect "896aefbf261176e9.html" click applySpotlightEffect "ed098e44a2649922.html"

Target	Type
createLogger	uses
StepEffect	uses
applyLabelEffect	uses
applyGrowEffect	uses
applyZoomEffect	uses
applyPinEffect	uses
applyShakeEffect	uses
applyConfettiEffect	uses
applySpotlightEffect	uses

Impact (Incoming)

graph LR resolveTarget["resolveTarget"] applyEffect["applyEffect"] applyEffect -->|calls| resolveTarget style resolveTarget fill:#dbeafe,stroke:#2563eb,stroke-width:2px click resolveTarget "cefe589bdbdd3b3b.html" click applyEffect "baf0d9f2a6803bb4.html"

Source	Type
applyEffect	calls