jodit 4.15.10 → 4.15.14

package/es2015/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.15.10
+ * Version: v4.15.14
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -620,7 +620,8 @@ let ConfigPrototype = {};
 	 * When enabled, the editor displays both the WYSIWYG view and the source-code view side by side.
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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', {
@@ -1785,7 +1786,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.15.10";
+ */ const APP_VERSION = "4.15.14";
 // prettier-ignore
 const ES = "es2015";
 const IS_ES_MODERN = true;
@@ -1836,6 +1837,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';
@@ -2029,9 +2032,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,
@@ -24430,6 +24435,19 @@ const instance = (j)=>j.getInstance('Table', j.o);
 
 
 
+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(',');
 class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_21__.UIButton {
     className() {
         return 'ToolbarButton';
@@ -24624,7 +24642,14 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_21__.U
         }
     }
     onTriggerKeyDown(e) {
-        if (this.state.disabled || ![
+        if (this.state.disabled) {
+            return;
+        }
+        if (e.key === jodit_core_constants__WEBPACK_IMPORTED_MODULE_5__.KEY_DOWN) {
+            this.onButtonKeyDown(e);
+            return;
+        }
+        if (![
             jodit_core_constants__WEBPACK_IMPORTED_MODULE_5__.KEY_ENTER,
             jodit_core_constants__WEBPACK_IMPORTED_MODULE_5__.KEY_SPACE,
             ' '
@@ -24634,6 +24659,66 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_21__.U
         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 _this___popupFocusables_;
+        if (e.key !== jodit_core_constants__WEBPACK_IMPORTED_MODULE_5__.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();
+        }
+        (_this___popupFocusables_ = this.__popupFocusables()[0]) === null || _this___popupFocusables_ === void 0 ? void 0 : _this___popupFocusables_.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 (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_10__.Dom.isTag(target, INPUT_TAGS) && e.key !== jodit_core_constants__WEBPACK_IMPORTED_MODULE_5__.KEY_ESC) {
+            return;
+        }
+        const items = this.__popupFocusables(), index = items.indexOf(target);
+        switch(e.key){
+            case jodit_core_constants__WEBPACK_IMPORTED_MODULE_5__.KEY_ESC:
+                this.__closePopup();
+                break;
+            case jodit_core_constants__WEBPACK_IMPORTED_MODULE_5__.KEY_UP:
+                if (index <= 0) {
+                    this.__closePopup();
+                } else {
+                    items[index - 1].focus();
+                }
+                break;
+            case jodit_core_constants__WEBPACK_IMPORTED_MODULE_5__.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) {
@@ -24703,7 +24788,7 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_21__.U
     openPopup() {
         this.__closePopup();
         this.openedPopup = new jodit_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_24__.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() {
@@ -24719,12 +24804,18 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_21__.U
         // 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 && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_10__.Dom.isOrContains(popup.container, activeElement);
         this.state.activated = false;
         popup.close();
         popup.destruct();
         if (this.trigger) {
             (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_19__.attr)(this.trigger, 'aria-expanded', false);
         }
+        if (hadFocus) {
+            this.focus();
+        }
     }
     /**
 	 * Click handler
@@ -24817,6 +24908,12 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_21__.U
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
     (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)('trigger:keydown')
 ], ToolbarButton.prototype, "onTriggerKeyDown", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)('button:keydown')
+], ToolbarButton.prototype, "onButtonKeyDown", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
+    jodit_core_decorators_autobind_autobind__WEBPACK_IMPORTED_MODULE_6__.autobind
+], ToolbarButton.prototype, "__onPopupKeyDown", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
     jodit_core_decorators_autobind_autobind__WEBPACK_IMPORTED_MODULE_6__.autobind
 ], ToolbarButton.prototype, "onOutsideClick", null);
@@ -26064,7 +26161,7 @@ jodit_core_ui__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', (_palette_svg__WE
 /**
  * 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
@@ -26093,7 +26190,10 @@ jodit_core_ui__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', (_palette_svg__WE
         }
         return stack.join('');
     };
-    jodit_core_dom__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,jodit_core_helpers___WEBPACK_IMPORTED_MODULE_1__.isArray)(editor.o.colors) ? `<div class="${cn}__group">${eachColor(editor.o.colors)}</div>` : eachColor(editor.o.colors);
+    jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.append(form, editor.c.fromHTML(`<div class="${cn}__groups">${groups}</div>`));
     jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.append(form, editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
     const { extra } = (0,jodit_core_helpers___WEBPACK_IMPORTED_MODULE_1__.refs)(form);
     jodit_core_dom__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>`));
@@ -26128,6 +26228,7 @@ jodit_core_ui__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', (_palette_svg__WE
         e.stopPropagation();
         applyHexInput();
     });
+    jodit_core_dom__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') : jodit_core_ui__WEBPACK_IMPORTED_MODULE_2__.Icon.get('eraser')}</span>`));
     if (editor.o.showBrowserColorPicker && (0,jodit_core_helpers___WEBPACK_IMPORTED_MODULE_1__.hasBrowserColorPicker)()) {
         jodit_core_dom__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)=>{
@@ -26155,7 +26256,7 @@ jodit_core_ui__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', (_palette_svg__WE
         if ((!target || !target.tagName || jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'svg') || jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'path')) && target.parentNode) {
             target = jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.closest(target.parentNode, 'span', editor.editor);
         }
-        if (!jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'span') || !target.classList.contains(cn + '__color-item')) {
+        if (!jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'span') || !target.classList.contains(cn + '__color-item') && !target.classList.contains(cn + '__remove')) {
             return;
         }
         const color = (0,jodit_core_helpers___WEBPACK_IMPORTED_MODULE_1__.attr)(target, '-color') || '';
@@ -28747,10 +28848,7 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_5__.pluginSystem.add('cleanHtml', cle
 /***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(29434);
-/* harmony import */ var jodit_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5266);
-/* harmony import */ var _eraser_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71948);
-/* harmony import */ var _eraser_svg__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_eraser_svg__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var jodit_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5266);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -28758,9 +28856,7 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_5__.pluginSystem.add('cleanHtml', cle
  */ /**
  * @module plugins/clean-html
  */ 
-
-
-jodit_config__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.cleanHTML = {
+jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.cleanHTML = {
     timeout: 300,
     removeEmptyElements: true,
     fillEmptyParagraph: true,
@@ -28788,11 +28884,10 @@ jodit_config__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.cleanHTML = {
     ],
     disableCleanFilter: null
 };
-jodit_config__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.eraser = {
+jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.controls.eraser = {
     command: 'removeFormat',
     tooltip: 'Clear Formatting'
 };
-jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__.Icon.set('eraser', (_eraser_svg__WEBPACK_IMPORTED_MODULE_2___default()));
 
 
 /***/ }),
@@ -35161,10 +35256,11 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('indent', indent
 /* harmony import */ var jodit_plugins_tab_tab__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(81582);
 /* harmony import */ var jodit_plugins_table_table__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(7994);
 /* harmony import */ var jodit_plugins_table_keyboard_navigation_table_keyboard_navigation__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(30110);
-/* harmony import */ var jodit_plugins_video_video__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(34142);
-/* harmony import */ var jodit_plugins_wrap_nodes_wrap_nodes__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(22980);
-/* harmony import */ var jodit_plugins_dtd_dtd__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(56894);
-/* harmony import */ var jodit_plugins_xpath_xpath__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(52014);
+/* harmony import */ var jodit_plugins_toolbar_navigation_toolbar_navigation__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(74192);
+/* harmony import */ var jodit_plugins_video_video__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(34142);
+/* harmony import */ var jodit_plugins_wrap_nodes_wrap_nodes__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(22980);
+/* harmony import */ var jodit_plugins_dtd_dtd__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(56894);
+/* harmony import */ var jodit_plugins_xpath_xpath__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(52014);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -35236,6 +35332,7 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('indent', indent
 
 
 
+
 
 
 /***/ }),
@@ -44952,6 +45049,128 @@ function table(editor) {
 jodit_core_global__WEBPACK_IMPORTED_MODULE_0__.pluginSystem.add('table', table);
 
 
+/***/ }),
+
+/***/ 74192:
+/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export toolbarNavigation */
+/* harmony import */ var _swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(31635);
+/* harmony import */ var jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(81937);
+/* harmony import */ var jodit_core_decorators_autobind_autobind__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49574);
+/* harmony import */ var jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(68616);
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23211);
+/* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28077);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7909);
+/* harmony import */ var jodit_core_plugin__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(91206);
+/*!
+ * 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
+ */ /**
+ * [[include:plugins/toolbar-navigation/README.md]]
+ * @packageDocumentation
+ * @module plugins/toolbar-navigation
+ */ 
+
+
+
+
+
+
+
+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 jodit_core_plugin__WEBPACK_IMPORTED_MODULE_7__.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 (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(target, INPUT_TAGS) || jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isHTMLElement(target) && target.isContentEditable) {
+            return;
+        }
+        const buttons = this.__buttons();
+        if (!buttons.length) {
+            return;
+        }
+        switch(e.key){
+            case jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.KEY_ESC:
+                this.j.s.focus();
+                break;
+            case jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.KEY_HOME:
+                buttons[0].focus();
+                break;
+            case jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.KEY_END:
+                buttons[buttons.length - 1].focus();
+                break;
+            case jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.KEY_LEFT:
+            case jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.KEY_RIGHT:
+                {
+                    const index = buttons.findIndex((button)=>button.container.contains(target));
+                    if (index === -1) {
+                        return;
+                    }
+                    const forward = e.key === jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.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,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_6__.attr)(this.j.toolbar.container, 'dir') === 'rtl';
+    }
+}
+;(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+    jodit_core_decorators_autobind_autobind__WEBPACK_IMPORTED_MODULE_2__.autobind
+], toolbarNavigation.prototype, "focusToolbar", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_3__.watch)('j.toolbar.container:keydown.toolbar-navigation')
+], toolbarNavigation.prototype, "onKeyDown", null);
+jodit_core_global__WEBPACK_IMPORTED_MODULE_5__.pluginSystem.add('toolbarNavigation', toolbarNavigation);
+
+
 /***/ }),
 
 /***/ 48899:
@@ -45431,23 +45650,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   chevron: function() { return /* reexport default from dynamic */ _chevron_svg__WEBPACK_IMPORTED_MODULE_8___default.a; },
 /* harmony export */   dots: function() { return /* reexport default from dynamic */ _dots_svg__WEBPACK_IMPORTED_MODULE_9___default.a; },
 /* harmony export */   download: function() { return /* reexport default from dynamic */ _download_svg__WEBPACK_IMPORTED_MODULE_10___default.a; },
-/* harmony export */   eye: function() { return /* reexport default from dynamic */ _eye_svg__WEBPACK_IMPORTED_MODULE_11___default.a; },
-/* harmony export */   file: function() { return /* reexport default from dynamic */ _file_svg__WEBPACK_IMPORTED_MODULE_12___default.a; },
-/* harmony export */   folder: function() { return /* reexport default from dynamic */ _folder_svg__WEBPACK_IMPORTED_MODULE_13___default.a; },
-/* harmony export */   info_circle: function() { return /* reexport default from dynamic */ _info_circle_svg__WEBPACK_IMPORTED_MODULE_14___default.a; },
-/* harmony export */   left: function() { return /* reexport default from dynamic */ _left_svg__WEBPACK_IMPORTED_MODULE_15___default.a; },
-/* harmony export */   lock: function() { return /* reexport default from dynamic */ _lock_svg__WEBPACK_IMPORTED_MODULE_16___default.a; },
-/* harmony export */   ok: function() { return /* reexport default from dynamic */ _ok_svg__WEBPACK_IMPORTED_MODULE_17___default.a; },
-/* harmony export */   pencil: function() { return /* reexport default from dynamic */ _pencil_svg__WEBPACK_IMPORTED_MODULE_18___default.a; },
-/* harmony export */   plus: function() { return /* reexport default from dynamic */ _plus_svg__WEBPACK_IMPORTED_MODULE_19___default.a; },
-/* harmony export */   resize_handler: function() { return /* reexport default from dynamic */ _resize_handler_svg__WEBPACK_IMPORTED_MODULE_20___default.a; },
-/* harmony export */   right: function() { return /* reexport default from dynamic */ _right_svg__WEBPACK_IMPORTED_MODULE_21___default.a; },
-/* harmony export */   save: function() { return /* reexport default from dynamic */ _save_svg__WEBPACK_IMPORTED_MODULE_22___default.a; },
-/* harmony export */   settings: function() { return /* reexport default from dynamic */ _settings_svg__WEBPACK_IMPORTED_MODULE_23___default.a; },
-/* harmony export */   unlock: function() { return /* reexport default from dynamic */ _unlock_svg__WEBPACK_IMPORTED_MODULE_24___default.a; },
-/* harmony export */   update: function() { return /* reexport default from dynamic */ _update_svg__WEBPACK_IMPORTED_MODULE_25___default.a; },
-/* harmony export */   upload: function() { return /* reexport default from dynamic */ _upload_svg__WEBPACK_IMPORTED_MODULE_26___default.a; },
-/* harmony export */   valign: function() { return /* reexport default from dynamic */ _valign_svg__WEBPACK_IMPORTED_MODULE_27___default.a; }
+/* harmony export */   eraser: function() { return /* reexport default from dynamic */ _eraser_svg__WEBPACK_IMPORTED_MODULE_11___default.a; },
+/* harmony export */   eye: function() { return /* reexport default from dynamic */ _eye_svg__WEBPACK_IMPORTED_MODULE_12___default.a; },
+/* harmony export */   file: function() { return /* reexport default from dynamic */ _file_svg__WEBPACK_IMPORTED_MODULE_13___default.a; },
+/* harmony export */   folder: function() { return /* reexport default from dynamic */ _folder_svg__WEBPACK_IMPORTED_MODULE_14___default.a; },
+/* harmony export */   info_circle: function() { return /* reexport default from dynamic */ _info_circle_svg__WEBPACK_IMPORTED_MODULE_15___default.a; },
+/* harmony export */   left: function() { return /* reexport default from dynamic */ _left_svg__WEBPACK_IMPORTED_MODULE_16___default.a; },
+/* harmony export */   lock: function() { return /* reexport default from dynamic */ _lock_svg__WEBPACK_IMPORTED_MODULE_17___default.a; },
+/* harmony export */   ok: function() { return /* reexport default from dynamic */ _ok_svg__WEBPACK_IMPORTED_MODULE_18___default.a; },
+/* harmony export */   pencil: function() { return /* reexport default from dynamic */ _pencil_svg__WEBPACK_IMPORTED_MODULE_19___default.a; },
+/* harmony export */   plus: function() { return /* reexport default from dynamic */ _plus_svg__WEBPACK_IMPORTED_MODULE_20___default.a; },
+/* harmony export */   resize_handler: function() { return /* reexport default from dynamic */ _resize_handler_svg__WEBPACK_IMPORTED_MODULE_21___default.a; },
+/* harmony export */   right: function() { return /* reexport default from dynamic */ _right_svg__WEBPACK_IMPORTED_MODULE_22___default.a; },
+/* harmony export */   save: function() { return /* reexport default from dynamic */ _save_svg__WEBPACK_IMPORTED_MODULE_23___default.a; },
+/* harmony export */   settings: function() { return /* reexport default from dynamic */ _settings_svg__WEBPACK_IMPORTED_MODULE_24___default.a; },
+/* harmony export */   unlock: function() { return /* reexport default from dynamic */ _unlock_svg__WEBPACK_IMPORTED_MODULE_25___default.a; },
+/* harmony export */   update: function() { return /* reexport default from dynamic */ _update_svg__WEBPACK_IMPORTED_MODULE_26___default.a; },
+/* harmony export */   upload: function() { return /* reexport default from dynamic */ _upload_svg__WEBPACK_IMPORTED_MODULE_27___default.a; },
+/* harmony export */   valign: function() { return /* reexport default from dynamic */ _valign_svg__WEBPACK_IMPORTED_MODULE_28___default.a; }
 /* harmony export */ });
 /* harmony import */ var _angle_down_svg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(88497);
 /* harmony import */ var _angle_down_svg__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_angle_down_svg__WEBPACK_IMPORTED_MODULE_0__);
@@ -45471,40 +45691,42 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _dots_svg__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_dots_svg__WEBPACK_IMPORTED_MODULE_9__);
 /* harmony import */ var _download_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(91099);
 /* harmony import */ var _download_svg__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_download_svg__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _eye_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(95134);
-/* harmony import */ var _eye_svg__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_eye_svg__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _file_svg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(70697);
-/* harmony import */ var _file_svg__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_file_svg__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _folder_svg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(49983);
-/* harmony import */ var _folder_svg__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_folder_svg__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _info_circle_svg__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(98964);
-/* harmony import */ var _info_circle_svg__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_info_circle_svg__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var _left_svg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(8136);
-/* harmony import */ var _left_svg__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_left_svg__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var _lock_svg__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(94806);
-/* harmony import */ var _lock_svg__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_lock_svg__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var _ok_svg__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(31365);
-/* harmony import */ var _ok_svg__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_ok_svg__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var _pencil_svg__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(44636);
-/* harmony import */ var _pencil_svg__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_pencil_svg__WEBPACK_IMPORTED_MODULE_18__);
-/* harmony import */ var _plus_svg__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(36327);
-/* harmony import */ var _plus_svg__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(_plus_svg__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var _resize_handler_svg__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(53328);
-/* harmony import */ var _resize_handler_svg__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(_resize_handler_svg__WEBPACK_IMPORTED_MODULE_20__);
-/* harmony import */ var _right_svg__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(98711);
-/* harmony import */ var _right_svg__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(_right_svg__WEBPACK_IMPORTED_MODULE_21__);
-/* harmony import */ var _save_svg__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(53808);
-/* harmony import */ var _save_svg__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(_save_svg__WEBPACK_IMPORTED_MODULE_22__);
-/* harmony import */ var _settings_svg__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(20784);
-/* harmony import */ var _settings_svg__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(_settings_svg__WEBPACK_IMPORTED_MODULE_23__);
-/* harmony import */ var _unlock_svg__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(70999);
-/* harmony import */ var _unlock_svg__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(_unlock_svg__WEBPACK_IMPORTED_MODULE_24__);
-/* harmony import */ var _update_svg__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(45244);
-/* harmony import */ var _update_svg__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(_update_svg__WEBPACK_IMPORTED_MODULE_25__);
-/* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(99876);
-/* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_26___default = /*#__PURE__*/__webpack_require__.n(_upload_svg__WEBPACK_IMPORTED_MODULE_26__);
-/* harmony import */ var _valign_svg__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(14006);
-/* harmony import */ var _valign_svg__WEBPACK_IMPORTED_MODULE_27___default = /*#__PURE__*/__webpack_require__.n(_valign_svg__WEBPACK_IMPORTED_MODULE_27__);
+/* harmony import */ var _eraser_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(28967);
+/* harmony import */ var _eraser_svg__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_eraser_svg__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var _eye_svg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(95134);
+/* harmony import */ var _eye_svg__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_eye_svg__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _file_svg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(70697);
+/* harmony import */ var _file_svg__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_file_svg__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _folder_svg__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(49983);
+/* harmony import */ var _folder_svg__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_folder_svg__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var _info_circle_svg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(98964);
+/* harmony import */ var _info_circle_svg__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_info_circle_svg__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var _left_svg__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(8136);
+/* harmony import */ var _left_svg__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_left_svg__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var _lock_svg__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(94806);
+/* harmony import */ var _lock_svg__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_lock_svg__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var _ok_svg__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(31365);
+/* harmony import */ var _ok_svg__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_ok_svg__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var _pencil_svg__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(44636);
+/* harmony import */ var _pencil_svg__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(_pencil_svg__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var _plus_svg__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(36327);
+/* harmony import */ var _plus_svg__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(_plus_svg__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var _resize_handler_svg__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(53328);
+/* harmony import */ var _resize_handler_svg__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(_resize_handler_svg__WEBPACK_IMPORTED_MODULE_21__);
+/* harmony import */ var _right_svg__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(98711);
+/* harmony import */ var _right_svg__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(_right_svg__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var _save_svg__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(53808);
+/* harmony import */ var _save_svg__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(_save_svg__WEBPACK_IMPORTED_MODULE_23__);
+/* harmony import */ var _settings_svg__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(20784);
+/* harmony import */ var _settings_svg__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(_settings_svg__WEBPACK_IMPORTED_MODULE_24__);
+/* harmony import */ var _unlock_svg__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(70999);
+/* harmony import */ var _unlock_svg__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(_unlock_svg__WEBPACK_IMPORTED_MODULE_25__);
+/* harmony import */ var _update_svg__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(45244);
+/* harmony import */ var _update_svg__WEBPACK_IMPORTED_MODULE_26___default = /*#__PURE__*/__webpack_require__.n(_update_svg__WEBPACK_IMPORTED_MODULE_26__);
+/* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(99876);
+/* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_27___default = /*#__PURE__*/__webpack_require__.n(_upload_svg__WEBPACK_IMPORTED_MODULE_27__);
+/* harmony import */ var _valign_svg__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(14006);
+/* harmony import */ var _valign_svg__WEBPACK_IMPORTED_MODULE_28___default = /*#__PURE__*/__webpack_require__.n(_valign_svg__WEBPACK_IMPORTED_MODULE_28__);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -45542,6 +45764,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 /***/ }),
@@ -45840,13 +46063,6 @@ module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=
 
 /***/ }),
 
-/***/ 71948:
-/***/ (function(module) {
-
-module.exports = "<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>"
-
-/***/ }),
-
 /***/ 51457:
 /***/ (function(module) {
 
@@ -46183,6 +46399,13 @@ module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=
 
 /***/ }),
 
+/***/ 28967:
+/***/ (function(module) {
+
+module.exports = "<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>"
+
+/***/ }),
+
 /***/ 95134:
 /***/ (function(module) {