AutopanZoneDebugLayer<T> class

Debug layer that visualizes the autopan edge zones.

This layer renders a semi-transparent overlay showing where autopan activates when dragging elements near the viewport edges.

Coordinate System: This layer uses screen coordinates and should be placed outside the InteractiveViewer to remain fixed to the viewport edges regardless of zoom/pan level.

Behavior Zones

┌─────────────────────────────────────────────┐
│░░░░░░░░░░░░░░ EDGE ZONE ░░░░░░░░░░░░░░░░░░░│
│░░┌─────────────────────────────────────┐░░░│
│░░│                                     │░░░│
│░░│         Safe area (no pan)          │░░░│
│░░│                                     │░░░│
│░░└─────────────────────────────────────┘░░░│
│░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░│
└─────────────────────────────────────────────┘

Usage

This layer is automatically shown when config.debugMode is true and autopan is configured. Place it outside the InteractiveViewer:

Stack(
  children: [
    InteractiveViewer(...),
    AutopanZoneDebugLayer<MyData>(controller: controller),
  ],
)