import inherits from 'inherits-browser';
|
|
import KeyboardBindings from 'diagram-js/lib/features/keyboard/KeyboardBindings';
|
|
/**
|
* @typedef {import('didi').Injector} Injector
|
* @typedef {import('diagram-js/lib/features/editor-actions/EditorActions').default} EditorActions
|
* @typedef {import('diagram-js/lib/features/keyboard/Keyboard').default} Keyboard
|
*/
|
|
/**
|
* BPMN 2.0 specific keyboard bindings.
|
*
|
* @param {Injector} injector
|
*/
|
export default function BpmnKeyboardBindings(injector: any) {
|
//@ts-ignore
|
injector.invoke(KeyboardBindings, this);
|
}
|
|
inherits(BpmnKeyboardBindings, KeyboardBindings);
|
|
BpmnKeyboardBindings.$inject = ['injector'];
|
|
/**
|
* Register available keyboard bindings.
|
*
|
* @param {Keyboard} keyboard
|
* @param {EditorActions} editorActions
|
*/
|
BpmnKeyboardBindings.prototype.registerBindings = function (keyboard: any, editorActions: any) {
|
// inherit default bindings
|
KeyboardBindings.prototype.registerBindings.call(this, keyboard, editorActions);
|
|
/**
|
* Add keyboard binding if respective editor action
|
* is registered.
|
*
|
* @param {string} action name
|
* @param {Function} fn that implements the key binding
|
*/
|
function addListener(action: string, fn: Function) {
|
if (editorActions.isRegistered(action)) {
|
keyboard.addListener(fn);
|
}
|
}
|
|
addListener('find', function (context: any) {
|
var event = context.keyEvent;
|
|
if (keyboard.isKey(['f', 'F'], event) && keyboard.isCmd(event)) {
|
editorActions.trigger('find');
|
|
return true;
|
}
|
});
|
|
// activate space tool
|
// S
|
addListener('spaceTool', function (context: any) {
|
var event = context.keyEvent;
|
|
if (keyboard.hasModifier(event)) {
|
return;
|
}
|
|
if (keyboard.isKey(['s', 'S'], event)) {
|
editorActions.trigger('spaceTool');
|
|
return true;
|
}
|
});
|
|
// activate lasso tool
|
// L
|
addListener('lassoTool', function (context: any) {
|
var event = context.keyEvent;
|
|
if (keyboard.hasModifier(event)) {
|
return;
|
}
|
|
if (keyboard.isKey(['l', 'L'], event)) {
|
editorActions.trigger('lassoTool');
|
|
return true;
|
}
|
});
|
|
// activate hand tool
|
// H
|
addListener('handTool', function (context: any) {
|
var event = context.keyEvent;
|
|
if (keyboard.hasModifier(event)) {
|
return;
|
}
|
|
if (keyboard.isKey(['h', 'H'], event)) {
|
editorActions.trigger('handTool');
|
|
return true;
|
}
|
});
|
|
// activate global connect tool
|
// C
|
addListener('globalConnectTool', function (context: any) {
|
var event = context.keyEvent;
|
|
if (keyboard.hasModifier(event)) {
|
return;
|
}
|
|
if (keyboard.isKey(['c', 'C'], event)) {
|
editorActions.trigger('globalConnectTool');
|
|
return true;
|
}
|
});
|
|
// activate direct editing
|
// E
|
addListener('directEditing', function (context: any) {
|
var event = context.keyEvent;
|
|
if (keyboard.hasModifier(event)) {
|
return;
|
}
|
|
if (keyboard.isKey(['e', 'E'], event)) {
|
editorActions.trigger('directEditing');
|
|
return true;
|
}
|
});
|
|
// activate replace element
|
// R
|
addListener('replaceElement', function (context: any) {
|
var event = context.keyEvent;
|
|
if (keyboard.hasModifier(event)) {
|
return;
|
}
|
|
if (keyboard.isKey(['r', 'R'], event)) {
|
editorActions.trigger('replaceElement', event);
|
|
return true;
|
}
|
});
|
};
|
