Events

Raycaster Events

export const InteractiveEventType = {
  POINTERMOVE: 'pointermove',
  POINTERDOWN: 'pointerdown',
  POINTERUP: 'pointerup',
  CLICK: 'click',
}

Event	Purpose
InteractiveEventType.POINTERMOVE	Fired when the mouse, pointer or VR controller moves
InteractiveEventType.POINTERDOWN	Fired when the mouse, pointer or VR controller button is pressed
InteractiveEventType.POINTERUP	Fired when the mouse, pointer or VR controller button is released
InteractiveEventType.CLICK	Fired when the mouse, pointer or VR controller button is pressed

All events include position as Vector3 and data as Raycaster intersect result

Simulated Events

export const InteractiveEventType = {
  POINTERENTER: 'pointerenter',
  POINTERLEAVE: 'pointerleave',
  POINTERMISSED: 'pointermissed',
  DRAGSTART: 'dragstart',
  DRAG: 'drag',
  DRAGEND: 'dragend',
}

Event	Purpose	Data
InteractiveEventType.POINTERENTER	Fired when the mouse, pointer or VR controller overlaps a Mesh	1
InteractiveEventType.POINTERLEAVE	Fired when the mouse, pointer or VR controller stops overlapping a Mesh	1
InteractiveEventType.POINTERMISSED	Fired when the mouse, pointer or VR controller clicks on empty space. Event is sent to every selectable object	2
InteractiveEventType.DRAGSTART	Fired when the mouse, pointer or VR controller pointer is down and starts moving	1
InteractiveEventType.DRAG	Fired when the mouse, pointer or VR controller is continues moving while pointer is down	3
InteractiveEventType.DRAGEND	Fired when the mouse, pointer or VR controller pointer is up	3

1. Events include position as Vector3 and data as Raycaster intersect result
2. No additional event data
3. Event includes only position as Vector 3

Flow Events

export const FlowEventType = {
  DISPOSE: 'dispose',
  DRAGGED: 'dragged',
  NODE_ADDED: 'node_added',
  NODE_REMOVED: 'node_removed',
  NODE_SELECTED: 'node_selected',
  EDGE_ADDED: 'edge_added',
  EDGE_REMOVED: 'edge_removed',
  ACTIVE_CHANGED: 'active_changed',
  WIDTH_CHANGED: 'width_changed',
  HEIGHT_CHANGED: 'height_changed',
  SCALE_CHANGED: 'scale_changed',
  DRAGGABLE_CHANGED: 'draggable_changed',
  SCALABLE_CHANGED: 'scalable_changed',
  RESIZABLE_CHANGED: 'resizable_changed',
  SELECTABLE_CHANGED: 'selectable_changed',
  HIDDEN_CHANGED: 'hidden_changed',
}

Event	Purpose	Data
FlowEventType.DISPOSE	Fire when a node or edge is disposed	None
FlowEventType.DRAGGED	Fire when a nodes position changes	None
FlowEventType.NODE_ADDED	Fired on diagram when a node is added	node:FlowNode
FlowEventType.NODE_REMOVED	Fired on diagram when a node is removed	node:FlowNode
FlowEventType.NODE_SELECTED	Fired on diagram when a node is clicked or missed (node set to undefined)	node:FlowNode
FlowEventType.EDGE_ADDED	Fired on diagram when a edge is added	edge:FlowEdge
FlowEventType.EDGE_REMOVED	Fired on diagram when an edge is removed	edge:FlowEdge
FlowEventType.ACTIVE_CHANGED	Fired on diagram when a node is selected or deselected	None
FlowEventType.WIDTH_CHANGED	Fired on node when its width is changed	width:number
FlowEventType.HEIGHT_CHANGED	Fired on node when its height is changed	height:number
FlowEventType.SCALE_CHANGED	Fired on node when its scale is changed	None
FlowEventType.DRAGGABLE_CHANGED	Fired on node when draggable is changed	None
FlowEventType.SCALABLE_CHANGED	Fired on node when scalable is changed	None
FlowEventType.RESIZABLE_CHANGED	Fired on node when resizable is changed	None
FlowEventType.SELECTABLE_CHANGED	Fired on node when selectable is changed	None
FlowEventType.HIDDEN_CHANGED	Fired on node or edge when hidden is changed	None