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.

Property

North edge (top-center)

Property

East edge (right-center)

Property

South edge (bottom-center)

Property

West edge (left-center)

Property

Northeast corner

Property

Northwest corner

Property

Southwest corner

Property

Southeast corner

Property

Center area (move operation)

Property

Rotation handle

Example

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

Example

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