jodit-pro 4.15.12 → 4.15.14

package/es2015/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.15.12
+ * Version: v4.15.14
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -617,7 +617,8 @@ let ConfigPrototype = {};
          * When enabled, the editor displays both the WYSIWYG view and the source-code view side by side.
          */ this.useSplitMode = false;
         /**
-         * The colors in HEX representation to select a color for the background and for the text in colorpicker
+         * The colors in HEX representation to select a color for the background and for the text in colorpicker.
+         * Each group is laid out in rows of `--jd-color-picker-columns` colors (10 by default).
          *
          * ```javascript
          *  Jodit.make('#editor', {
@@ -1771,7 +1772,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.15.12";
+ */ const APP_VERSION = "4.15.14";
 // prettier-ignore
 const ES = "es2015";
 const IS_ES_MODERN = true;
@@ -1822,6 +1823,8 @@ const KEY_TAB = 'Tab';
 const KEY_ENTER = 'Enter';
 const KEY_ESC = 'Escape';
 const KEY_ALT = 'Alt';
+const KEY_HOME = 'Home';
+const KEY_END = 'End';
 const KEY_LEFT = 'ArrowLeft';
 const KEY_UP = 'ArrowUp';
 const KEY_RIGHT = 'ArrowRight';
@@ -2015,9 +2018,11 @@ const PASSIVE_EVENTS = new Set([
 /* harmony export */   "KEY_BACKSPACE", 0, /* binding */ KEY_BACKSPACE,
 /* harmony export */   "KEY_DELETE", 0, /* binding */ KEY_DELETE,
 /* harmony export */   "KEY_DOWN", 0, /* binding */ KEY_DOWN,
+/* harmony export */   "KEY_END", 0, /* binding */ KEY_END,
 /* harmony export */   "KEY_ENTER", 0, /* binding */ KEY_ENTER,
 /* harmony export */   "KEY_ESC", 0, /* binding */ KEY_ESC,
 /* harmony export */   "KEY_F3", 0, /* binding */ KEY_F3,
+/* harmony export */   "KEY_HOME", 0, /* binding */ KEY_HOME,
 /* harmony export */   "KEY_LEFT", 0, /* binding */ KEY_LEFT,
 /* harmony export */   "KEY_META", 0, /* binding */ KEY_META,
 /* harmony export */   "KEY_RIGHT", 0, /* binding */ KEY_RIGHT,
@@ -30921,6 +30926,19 @@ function _object_spread_props(target, source) {
 
 
 
+const INPUT_TAGS = new Set([
+    'input',
+    'textarea',
+    'select'
+]);
+const FOCUSABLE_SELECTOR = [
+    'button:not([disabled])',
+    'a[href]',
+    'input:not([disabled]):not([type="hidden"])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    '[tabindex]:not([tabindex="-1"])'
+].join(',');
 let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPACK_IMPORTED_MODULE_17__.UIButton {
     className() {
         return 'ToolbarButton';
@@ -31114,7 +31132,14 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
         }
     }
     onTriggerKeyDown(e) {
-        if (this.state.disabled || ![
+        if (this.state.disabled) {
+            return;
+        }
+        if (e.key === _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_DOWN) {
+            this.onButtonKeyDown(e);
+            return;
+        }
+        if (![
             _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_ENTER,
             _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_SPACE,
             ' '
@@ -31124,6 +31149,66 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
         e.preventDefault();
         this.trigger.click();
     }
+    /**
+     * `ArrowDown` on a button with a trigger opens its dropdown and moves the
+     * focus into it, like the WAI-ARIA menu button pattern
+     */ onButtonKeyDown(e) {
+        var _a;
+        if (e.key !== _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_DOWN || this.state.disabled || !this.state.hasTrigger || e.altKey || e.ctrlKey || e.metaKey) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        if (!this.openedPopup) {
+            this.trigger.click();
+        }
+        (_a = this.__popupFocusables()[0]) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    /**
+     * Inside the dropdown: `ArrowDown`/`ArrowUp` walk the items, `Escape` and
+     * `ArrowUp` on the first item close it and give the focus back to the button
+     */ __onPopupKeyDown(e) {
+        if (!this.openedPopup || e.altKey || e.ctrlKey || e.metaKey) {
+            return;
+        }
+        const target = e.target;
+        // A text field keeps the arrow keys for itself
+        if (_core_dom_dom_js__WEBPACK_IMPORTED_MODULE_6__.Dom.isTag(target, INPUT_TAGS) && e.key !== _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_ESC) {
+            return;
+        }
+        const items = this.__popupFocusables(), index = items.indexOf(target);
+        switch(e.key){
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_ESC:
+                this.__closePopup();
+                break;
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_UP:
+                if (index <= 0) {
+                    this.__closePopup();
+                } else {
+                    items[index - 1].focus();
+                }
+                break;
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_DOWN:
+                if (!items.length) {
+                    return;
+                }
+                items[(index + 1) % items.length].focus();
+                break;
+            default:
+                return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+    }
+    /**
+     * Visible controls of the opened dropdown that can take the focus
+     */ __popupFocusables() {
+        const popup = this.openedPopup;
+        if (!popup) {
+            return [];
+        }
+        return Array.from(popup.container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((elm)=>Boolean(elm.offsetParent));
+    }
     /**
      * Create an open popup list
      */ __openControlList(control) {
@@ -31193,7 +31278,7 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
     openPopup() {
         this.__closePopup();
         this.openedPopup = new _core_ui_popup_popup_js__WEBPACK_IMPORTED_MODULE_20__.Popup(this.j, false);
-        this.j.e.on(this.ow, 'mousedown touchstart', this.onOutsideClick).on('escape closeAllPopups', this.onOutsideClick);
+        this.j.e.on(this.ow, 'mousedown touchstart', this.onOutsideClick).on('escape closeAllPopups', this.onOutsideClick).on(this.openedPopup.container, 'keydown', this.__onPopupKeyDown);
         return this.openedPopup;
     }
     __closePopup() {
@@ -31209,12 +31294,18 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
         // throws NotFoundError. See #1458
         this.openedPopup = null;
         this.j.e.off(this.ow, 'mousedown touchstart', this.onOutsideClick).off('escape closeAllPopups', this.onOutsideClick);
+        // The keyboard brought the focus into the dropdown: give it back to
+        // the button, otherwise it would fall out to the document
+        const { activeElement } = this.od, hadFocus = activeElement && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_6__.Dom.isOrContains(popup.container, activeElement);
         this.state.activated = false;
         popup.close();
         popup.destruct();
         if (this.trigger) {
             (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_15__.attr)(this.trigger, 'aria-expanded', false);
         }
+        if (hadFocus) {
+            this.focus();
+        }
     }
     /**
      * Click handler
@@ -31309,6 +31400,12 @@ __decorate([
 __decorate([
     (0,_core_decorators_watch_watch_js__WEBPACK_IMPORTED_MODULE_5__.watch)('trigger:keydown')
 ], ToolbarButton.prototype, "onTriggerKeyDown", null);
+__decorate([
+    (0,_core_decorators_watch_watch_js__WEBPACK_IMPORTED_MODULE_5__.watch)('button:keydown')
+], ToolbarButton.prototype, "onButtonKeyDown", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_2__.autobind
+], ToolbarButton.prototype, "__onPopupKeyDown", null);
 __decorate([
     _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_2__.autobind
 ], ToolbarButton.prototype, "onOutsideClick", null);
@@ -32518,7 +32615,7 @@ _core_ui_index_js__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', _palette_svg_
 /**
  * Build color picker
  *
- * @param callback - Callback 'function (color) \{\}'
+ * @param callback - Callback 'function (color) \{\}'. The remove button calls it with an empty string
  * @param coldColor - Color value ex. #fff or rgb(123, 123, 123) or rgba(123, 123, 123, 1)
  * @example
  * ```javascript
@@ -32547,7 +32644,10 @@ _core_ui_index_js__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', _palette_svg_
         }
         return stack.join('');
     };
-    _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.append(form, editor.c.fromHTML(`<div class="${cn}__groups">${eachColor(editor.o.colors)}</div>`));
+    // The group wrapper lays the colors out in rows, so a flat list needs one
+    // too. See #1487
+    const groups = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.isArray)(editor.o.colors) ? `<div class="${cn}__group">${eachColor(editor.o.colors)}</div>` : eachColor(editor.o.colors);
+    _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.append(form, editor.c.fromHTML(`<div class="${cn}__groups">${groups}</div>`));
     _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.append(form, editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
     const { extra } = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.refs)(form);
     _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.append(extra, editor.c.fromHTML(`<div class="${cn}__hex"><input data-ref="hexInput" type="text" spellcheck="false" aria-label="HEX" placeholder="#FF0000" value="${valueHex || ''}"/></div>`));
@@ -32582,6 +32682,7 @@ _core_ui_index_js__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', _palette_svg_
         e.stopPropagation();
         applyHexInput();
     });
+    _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.append(extra, editor.c.fromHTML(`<span class="${cn}__remove" data-color="" title="${editor.i18n('Remove')}">${editor.o.textIcons ? editor.i18n('Remove') : _core_ui_index_js__WEBPACK_IMPORTED_MODULE_2__.Icon.get('eraser')}</span>`));
     if (editor.o.showBrowserColorPicker && (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.hasBrowserColorPicker)()) {
         _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.append(extra, editor.c.fromHTML(`<div class="${cn}__native">${iconPalette}<input type="color" value="#ffffff"/></div>`));
         editor.e.on(form, 'change', (e)=>{
@@ -32609,7 +32710,7 @@ _core_ui_index_js__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', _palette_svg_
         if ((!target || !target.tagName || _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'svg') || _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'path')) && target.parentNode) {
             target = _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.closest(target.parentNode, 'span', editor.editor);
         }
-        if (!_core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'span') || !target.classList.contains(cn + '__color-item')) {
+        if (!_core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'span') || !target.classList.contains(cn + '__color-item') && !target.classList.contains(cn + '__remove')) {
             return;
         }
         const color = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.attr)(target, '-color') || '';
@@ -33839,11 +33940,12 @@ UiAiAssistant = __decorate([
 /* harmony import */ var _tab_tab_js__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(767);
 /* harmony import */ var _table_table_js__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(43003);
 /* harmony import */ var _table_keyboard_navigation_table_keyboard_navigation_js__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(72439);
-/* harmony import */ var _video_video_js__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(26551);
-/* harmony import */ var _wrap_nodes_wrap_nodes_js__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(72253);
-/* harmony import */ var _dtd_dtd_js__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(65735);
-/* harmony import */ var _xpath_xpath_js__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(83671);
-/* harmony import */ var _speech_recognize_speech_recognize_js__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(3115);
+/* harmony import */ var _toolbar_navigation_toolbar_navigation_js__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(94529);
+/* harmony import */ var _video_video_js__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(26551);
+/* harmony import */ var _wrap_nodes_wrap_nodes_js__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(72253);
+/* harmony import */ var _dtd_dtd_js__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(65735);
+/* harmony import */ var _xpath_xpath_js__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(83671);
+/* harmony import */ var _speech_recognize_speech_recognize_js__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(3115);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -33913,6 +34015,7 @@ UiAiAssistant = __decorate([
 
 
 
+
 
 
 // JODIT-START:FAT
@@ -35400,17 +35503,13 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_3__.pluginSystem.add('cleanHtml', clean
 /***/ 46776:
 /***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
 
-/* harmony import */ var _core_ui_icon_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12153);
-/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6441);
-/* harmony import */ var _eraser_svg_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44330);
+/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6441);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */ 
-
-
-_config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.cleanHTML = {
+_config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.cleanHTML = {
     timeout: 300,
     removeEmptyElements: true,
     fillEmptyParagraph: true,
@@ -35438,19 +35537,10 @@ _config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.cleanHTML = {
     ],
     disableCleanFilter: null
 };
-_config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.eraser = {
+_config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.controls.eraser = {
     command: 'removeFormat',
     tooltip: 'Clear Formatting'
 };
-_core_ui_icon_js__WEBPACK_IMPORTED_MODULE_0__.Icon.set('eraser', _eraser_svg_js__WEBPACK_IMPORTED_MODULE_2__["default"]);
-
-
-/***/ }),
-
-/***/ 44330:
-/***/ (function(__unused_webpack_module, __webpack_exports__) {
-
-/* harmony default export */ __webpack_exports__["default"] = ("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <g fill=\"none\"> <path d=\"m4 12 10-9 7 7-10 10H7l-4-4a3 3 0 0 1 1-4Zm3-3 8 7m-4 4h10\"/> </g> </svg> ");
 
 
 /***/ }),
@@ -41899,8 +41989,9 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('indent', indent);
 /* harmony import */ var _size_size_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(45927);
 /* harmony import */ var _stat_stat_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(7309);
 /* harmony import */ var _table_table_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(43003);
-/* harmony import */ var _wrap_nodes_wrap_nodes_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(72253);
-/* harmony import */ var _dtd_dtd_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(65735);
+/* harmony import */ var _toolbar_navigation_toolbar_navigation_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(94529);
+/* harmony import */ var _wrap_nodes_wrap_nodes_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(72253);
+/* harmony import */ var _dtd_dtd_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(65735);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -41932,6 +42023,7 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('indent', indent);
 
 
 
+
 
 
 /***/ }),
@@ -52909,6 +53001,127 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_0__.pluginSystem.add('table', table);
 /* harmony default export */ __webpack_exports__["default"] = ("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <g fill=\"none\"> <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2.5\"/><path d=\"M3 9h18M3 15h18M9 3v18M15 3v18\"/> </g> </svg> ");
 
 
+/***/ }),
+
+/***/ 94529:
+/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+/* unused harmony export toolbarNavigation */
+/* harmony import */ var _core_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82758);
+/* harmony import */ var _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(45219);
+/* harmony import */ var _core_decorators_watch_watch_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(37133);
+/* harmony import */ var _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2748);
+/* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(580);
+/* harmony import */ var _core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29960);
+/* harmony import */ var _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(50911);
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
+ */ var __decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+
+const INPUT_TAGS = new Set([
+    'input',
+    'textarea',
+    'select'
+]);
+/**
+ * Makes the toolbar reachable from the keyboard, as described by the WAI-ARIA
+ * authoring practices for a `role="toolbar"` widget.
+ *
+ * The focus is moved programmatically, so this works whatever
+ * {@link Config.allowTabNavigation} does with the tab order — including the
+ * default, where the buttons take no part in the page tab order.
+ */ class toolbarNavigation extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_6__.Plugin {
+    /** @override */ afterInit(jodit) {
+        jodit.registerCommand('focusToolbar', {
+            hotkeys: 'alt+f10',
+            exec: this.focusToolbar
+        });
+    }
+    /** @override */ beforeDestruct() {}
+    /**
+     * Moves the focus to the first button of the toolbar.
+     *
+     * Bound to `Alt+F10` by default; remap it like any other command:
+     * `commandToHotkeys: { focusToolbar: 'alt+0' }`
+     */ focusToolbar() {
+        const [first] = this.__buttons();
+        first === null || first === void 0 ? void 0 : first.focus();
+        return false;
+    }
+    /**
+     * Arrow keys / `Home` / `End` walk the buttons, `Escape` leaves the toolbar
+     */ onKeyDown(e) {
+        if (e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey) {
+            return;
+        }
+        const target = e.target;
+        // A control that needs the arrow keys for itself
+        if (_core_dom_dom_js__WEBPACK_IMPORTED_MODULE_3__.Dom.isTag(target, INPUT_TAGS) || _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_3__.Dom.isHTMLElement(target) && target.isContentEditable) {
+            return;
+        }
+        const buttons = this.__buttons();
+        if (!buttons.length) {
+            return;
+        }
+        switch(e.key){
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_ESC:
+                this.j.s.focus();
+                break;
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_HOME:
+                buttons[0].focus();
+                break;
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_END:
+                buttons[buttons.length - 1].focus();
+                break;
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_LEFT:
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_RIGHT:
+                {
+                    const index = buttons.findIndex((button)=>button.container.contains(target));
+                    if (index === -1) {
+                        return;
+                    }
+                    const forward = e.key === _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_RIGHT !== this.__isRtl(), next = index + (forward ? 1 : -1);
+                    buttons[(next + buttons.length) % buttons.length].focus();
+                    break;
+                }
+            default:
+                return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        return false;
+    }
+    /**
+     * Toolbar buttons that can take the focus right now
+     */ __buttons() {
+        return this.j.toolbar.buttons.filter((button)=>!button.state.disabled && button.container.isConnected);
+    }
+    __isRtl() {
+        return (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_5__.attr)(this.j.toolbar.container, 'dir') === 'rtl';
+    }
+}
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], toolbarNavigation.prototype, "focusToolbar", null);
+__decorate([
+    (0,_core_decorators_watch_watch_js__WEBPACK_IMPORTED_MODULE_2__.watch)('j.toolbar.container:keydown.toolbar-navigation')
+], toolbarNavigation.prototype, "onKeyDown", null);
+_core_global_js__WEBPACK_IMPORTED_MODULE_4__.pluginSystem.add('toolbarNavigation', toolbarNavigation);
+
+
 /***/ }),
 
 /***/ 14984:
@@ -53474,6 +53687,14 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('xpath', xpath);
 /* harmony default export */ __webpack_exports__["default"] = ("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <g fill=\"none\"> <path d=\"M12 3v13m-5-5 5 5 5-5M4 15v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4\"/> </g> </svg> ");
 
 
+/***/ }),
+
+/***/ 98535:
+/***/ (function(__unused_webpack_module, __webpack_exports__) {
+
+/* harmony default export */ __webpack_exports__["default"] = ("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <g fill=\"none\"> <path d=\"m4 12 10-9 7 7-10 10H7l-4-4a3 3 0 0 1 1-4Zm3-3 8 7m-4 4h10\"/> </g> </svg> ");
+
+
 /***/ }),
 
 /***/ 43478:
@@ -53516,23 +53737,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   chevron: function() { return /* reexport safe */ _chevron_svg_js__WEBPACK_IMPORTED_MODULE_8__["default"]; },
 /* harmony export */   dots: function() { return /* reexport safe */ _dots_svg_js__WEBPACK_IMPORTED_MODULE_9__["default"]; },
 /* harmony export */   download: function() { return /* reexport safe */ _download_svg_js__WEBPACK_IMPORTED_MODULE_10__["default"]; },
-/* harmony export */   eye: function() { return /* reexport safe */ _eye_svg_js__WEBPACK_IMPORTED_MODULE_11__["default"]; },
-/* harmony export */   file: function() { return /* reexport safe */ _file_svg_js__WEBPACK_IMPORTED_MODULE_12__["default"]; },
-/* harmony export */   folder: function() { return /* reexport safe */ _folder_svg_js__WEBPACK_IMPORTED_MODULE_13__["default"]; },
-/* harmony export */   info_circle: function() { return /* reexport safe */ _info_circle_svg_js__WEBPACK_IMPORTED_MODULE_14__["default"]; },
-/* harmony export */   left: function() { return /* reexport safe */ _left_svg_js__WEBPACK_IMPORTED_MODULE_15__["default"]; },
-/* harmony export */   lock: function() { return /* reexport safe */ _lock_svg_js__WEBPACK_IMPORTED_MODULE_16__["default"]; },
-/* harmony export */   ok: function() { return /* reexport safe */ _ok_svg_js__WEBPACK_IMPORTED_MODULE_17__["default"]; },
-/* harmony export */   pencil: function() { return /* reexport safe */ _pencil_svg_js__WEBPACK_IMPORTED_MODULE_18__["default"]; },
-/* harmony export */   plus: function() { return /* reexport safe */ _plus_svg_js__WEBPACK_IMPORTED_MODULE_19__["default"]; },
-/* harmony export */   resize_handler: function() { return /* reexport safe */ _resize_handler_svg_js__WEBPACK_IMPORTED_MODULE_20__["default"]; },
-/* harmony export */   right: function() { return /* reexport safe */ _right_svg_js__WEBPACK_IMPORTED_MODULE_21__["default"]; },
-/* harmony export */   save: function() { return /* reexport safe */ _save_svg_js__WEBPACK_IMPORTED_MODULE_22__["default"]; },
-/* harmony export */   settings: function() { return /* reexport safe */ _settings_svg_js__WEBPACK_IMPORTED_MODULE_23__["default"]; },
-/* harmony export */   unlock: function() { return /* reexport safe */ _unlock_svg_js__WEBPACK_IMPORTED_MODULE_24__["default"]; },
-/* harmony export */   update: function() { return /* reexport safe */ _update_svg_js__WEBPACK_IMPORTED_MODULE_25__["default"]; },
-/* harmony export */   upload: function() { return /* reexport safe */ _upload_svg_js__WEBPACK_IMPORTED_MODULE_26__["default"]; },
-/* harmony export */   valign: function() { return /* reexport safe */ _valign_svg_js__WEBPACK_IMPORTED_MODULE_27__["default"]; }
+/* harmony export */   eraser: function() { return /* reexport safe */ _eraser_svg_js__WEBPACK_IMPORTED_MODULE_11__["default"]; },
+/* harmony export */   eye: function() { return /* reexport safe */ _eye_svg_js__WEBPACK_IMPORTED_MODULE_12__["default"]; },
+/* harmony export */   file: function() { return /* reexport safe */ _file_svg_js__WEBPACK_IMPORTED_MODULE_13__["default"]; },
+/* harmony export */   folder: function() { return /* reexport safe */ _folder_svg_js__WEBPACK_IMPORTED_MODULE_14__["default"]; },
+/* harmony export */   info_circle: function() { return /* reexport safe */ _info_circle_svg_js__WEBPACK_IMPORTED_MODULE_15__["default"]; },
+/* harmony export */   left: function() { return /* reexport safe */ _left_svg_js__WEBPACK_IMPORTED_MODULE_16__["default"]; },
+/* harmony export */   lock: function() { return /* reexport safe */ _lock_svg_js__WEBPACK_IMPORTED_MODULE_17__["default"]; },
+/* harmony export */   ok: function() { return /* reexport safe */ _ok_svg_js__WEBPACK_IMPORTED_MODULE_18__["default"]; },
+/* harmony export */   pencil: function() { return /* reexport safe */ _pencil_svg_js__WEBPACK_IMPORTED_MODULE_19__["default"]; },
+/* harmony export */   plus: function() { return /* reexport safe */ _plus_svg_js__WEBPACK_IMPORTED_MODULE_20__["default"]; },
+/* harmony export */   resize_handler: function() { return /* reexport safe */ _resize_handler_svg_js__WEBPACK_IMPORTED_MODULE_21__["default"]; },
+/* harmony export */   right: function() { return /* reexport safe */ _right_svg_js__WEBPACK_IMPORTED_MODULE_22__["default"]; },
+/* harmony export */   save: function() { return /* reexport safe */ _save_svg_js__WEBPACK_IMPORTED_MODULE_23__["default"]; },
+/* harmony export */   settings: function() { return /* reexport safe */ _settings_svg_js__WEBPACK_IMPORTED_MODULE_24__["default"]; },
+/* harmony export */   unlock: function() { return /* reexport safe */ _unlock_svg_js__WEBPACK_IMPORTED_MODULE_25__["default"]; },
+/* harmony export */   update: function() { return /* reexport safe */ _update_svg_js__WEBPACK_IMPORTED_MODULE_26__["default"]; },
+/* harmony export */   upload: function() { return /* reexport safe */ _upload_svg_js__WEBPACK_IMPORTED_MODULE_27__["default"]; },
+/* harmony export */   valign: function() { return /* reexport safe */ _valign_svg_js__WEBPACK_IMPORTED_MODULE_28__["default"]; }
 /* harmony export */ });
 /* harmony import */ var _angle_down_svg_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(78173);
 /* harmony import */ var _angle_left_svg_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16260);
@@ -53545,23 +53767,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _chevron_svg_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(58032);
 /* harmony import */ var _dots_svg_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(52507);
 /* harmony import */ var _download_svg_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1647);
-/* harmony import */ var _eye_svg_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(43478);
-/* harmony import */ var _file_svg_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(60097);
-/* harmony import */ var _folder_svg_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(49155);
-/* harmony import */ var _info_circle_svg_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(17176);
-/* harmony import */ var _left_svg_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(57882);
-/* harmony import */ var _lock_svg_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(58908);
-/* harmony import */ var _ok_svg_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(24829);
-/* harmony import */ var _pencil_svg_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(4038);
-/* harmony import */ var _plus_svg_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(45575);
-/* harmony import */ var _resize_handler_svg_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(84858);
-/* harmony import */ var _right_svg_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(445);
-/* harmony import */ var _save_svg_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(36886);
-/* harmony import */ var _settings_svg_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(10766);
-/* harmony import */ var _unlock_svg_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(33651);
-/* harmony import */ var _update_svg_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(20362);
-/* harmony import */ var _upload_svg_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(12202);
-/* harmony import */ var _valign_svg_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(80152);
+/* harmony import */ var _eraser_svg_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(98535);
+/* harmony import */ var _eye_svg_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(43478);
+/* harmony import */ var _file_svg_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(60097);
+/* harmony import */ var _folder_svg_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(49155);
+/* harmony import */ var _info_circle_svg_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(17176);
+/* harmony import */ var _left_svg_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(57882);
+/* harmony import */ var _lock_svg_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(58908);
+/* harmony import */ var _ok_svg_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(24829);
+/* harmony import */ var _pencil_svg_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(4038);
+/* harmony import */ var _plus_svg_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(45575);
+/* harmony import */ var _resize_handler_svg_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(84858);
+/* harmony import */ var _right_svg_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(445);
+/* harmony import */ var _save_svg_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(36886);
+/* harmony import */ var _settings_svg_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(10766);
+/* harmony import */ var _unlock_svg_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(33651);
+/* harmony import */ var _update_svg_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(20362);
+/* harmony import */ var _upload_svg_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(12202);
+/* harmony import */ var _valign_svg_js__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(80152);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -53599,6 +53822,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 /***/ }),