Editor events overview

Name	Description
afterGroupMove	Fires when a group or swimlane is moved one grid step
afterItemCatch	Fires after an item is caught
afterItemMove	Fires when an item is moved one grid step
afterLineTitleMove	Fires when a text element of a line is moved one grid step
afterShapeIconClick	Fires after clicking a control in the per-item toolbar
afterShapeMove	Fires when a shape is moved one grid step
applyButton	Fires after the Apply All button has been clicked
autoLayout	Fires after the Auto Layout button has been clicked
beforeGroupMove	Fires before a group or swimlane is moved
beforeItemCatch	Fires before an item is caught
beforeItemMove	Fires before an item is moved
beforeLineTitleMove	Fires before a text element of a line is moved
beforeShapeIconClick	Fires before clicking a control in the per-item toolbar
beforeShapeMove	Fires before a shape is moved
changeGridStep	Fires after the value of the grid step has been changed
exportData	Fires after the Export Data button has been clicked
groupMoveEnd	Fires after a group or swimlane is moved
importData	Fires after the Import Data button has been clicked
itemMoveEnd	Fires after an item is moved
itemTarget	Fires when the moved item is under the target item
lineTitleMoveEnd	Fires after a text element of a line is moved
resetButton	Fires after the Reset Changes button has been clicked
shapeMoveEnd	Fires after a shape is moved
shapeResize	Fires after a shape has been resized
visibility	Fires after the Visibility button has been clicked
zoomIn	Fires after the Zoom In button has been clicked
zoomOut	Fires after the Zoom Out button has been clicked

In addition to the events listed above, you may also apply events of the diagram object while working in the editor. Here is an example of applying the itemClick event of the Diagram object in the editor:

editor.diagram.events.on("itemClick", (id, event) => {
    console.log(id, event);
});