ckeditor5-image-upload-base64
Version:
The development environment of CKEditor 5 – the best browser-based rich text editor.
65 lines (56 loc) • 2.05 kB
JavaScript
/**
* @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
/**
* @module ui/toolbar/enabletoolbarkeyboardfocus
*/
/**
* Enables focus/blur toolbar navigation using `Alt+F10` and `Esc` keystrokes.
*
* @param {Object} options Options of the utility.
* @param {*} options.origin A view to which the focus will return when `Esc` is pressed and
* `options.toolbar` is focused.
* @param {module:utils/keystrokehandler~KeystrokeHandler} options.originKeystrokeHandler A keystroke
* handler to register `Alt+F10` keystroke.
* @param {module:utils/focustracker~FocusTracker} options.originFocusTracker A focus tracker
* for `options.origin`.
* @param {module:ui/toolbar/toolbarview~ToolbarView} options.toolbar A toolbar which is to gain
* focus when `Alt+F10` is pressed.
* @param {Function} [options.beforeFocus] A callback executed before the `options.toolbar` gains focus
* upon the `Alt+F10` keystroke.
* @param {Function} [options.afterBlur] A callback executed after `options.toolbar` loses focus upon
* `Esc` keystroke but before the focus goes back to `options.origin`.
*/
export default function enableToolbarKeyboardFocus( {
origin,
originKeystrokeHandler,
originFocusTracker,
toolbar,
beforeFocus,
afterBlur
} ) {
// Because toolbar items can get focus, the overall state of the toolbar must
// also be tracked.
originFocusTracker.add( toolbar.element );
// Focus the toolbar on the keystroke, if not already focused.
originKeystrokeHandler.set( 'Alt+F10', ( data, cancel ) => {
if ( originFocusTracker.isFocused && !toolbar.focusTracker.isFocused ) {
if ( beforeFocus ) {
beforeFocus();
}
toolbar.focus();
cancel();
}
} );
// Blur the toolbar and bring the focus back to origin.
toolbar.keystrokes.set( 'Esc', ( data, cancel ) => {
if ( toolbar.focusTracker.isFocused ) {
origin.focus();
if ( afterBlur ) {
afterBlur();
}
cancel();
}
} );
}