Type Alias: GcSelectionEdge

type GcSelectionEdge = "s" | "e" | "n" | "w" | "ne" | "nw" | "sw" | "se" | "center" | "rotate";

Represents draggable edges and handles of a selection box in the UI. Used to determine resize, move, and rotate operations on selected objects.

Examples

// Getting edge from DOM element
const handle = document.querySelector('[data-edge="ne"]');
const edge = handle.getAttribute('data-edge') as GcSelectionEdge;

// Default to center if no edge specified
if (!edge) {
  edge = 'center'; // Fallback for move operations
}