jodit-pro-react 5.6.18 → 5.6.20

package/build/esm/JoditEditor.css

@@ -2653,6 +2653,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-button__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -2664,6 +2669,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-button__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-button__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);
@@ -3370,6 +3380,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-select__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -3381,6 +3396,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-select__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-select__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);

package/build/esm/JoditEditor.mjs

@@ -1,6 +1,6 @@
 import {
   JoditEditor_default
-} from "./chunk-VWIIE462.mjs";
+} from "./chunk-K664ZXD6.mjs";
 export {
   JoditEditor_default as default
 };

package/build/esm/{chunk-VWIIE462.mjs → chunk-K664ZXD6.mjs}

@@ -155,9 +155,11 @@ __export(constants_exports, {
   KEY_BACKSPACE: () => KEY_BACKSPACE,
   KEY_DELETE: () => KEY_DELETE,
   KEY_DOWN: () => KEY_DOWN,
+  KEY_END: () => KEY_END,
   KEY_ENTER: () => KEY_ENTER,
   KEY_ESC: () => KEY_ESC,
   KEY_F3: () => KEY_F3,
+  KEY_HOME: () => KEY_HOME,
   KEY_LEFT: () => KEY_LEFT,
   KEY_META: () => KEY_META,
   KEY_RIGHT: () => KEY_RIGHT,
@@ -189,11 +191,11 @@ __export(constants_exports, {
   globalWindow: () => globalWindow,
   lang: () => lang
 });
-var APP_VERSION, ES, IS_ES_MODERN, IS_ES_NEXT, IS_PROD, IS_TEST, FAT_MODE, HOMEPAGE, SET_TEST, TOKENS, INVISIBLE_SPACE, NBSP_SPACE, INVISIBLE_SPACE_REG_EXP, INVISIBLE_SPACE_REG_EXP_END, INVISIBLE_SPACE_REG_EXP_START, SPACE_REG_EXP, SPACE_REG_EXP_START, SPACE_REG_EXP_END, globalWindow, globalDocument, IS_BLOCK, IS_INLINE, LIST_TAGS, __UNSEPARABLE_TAGS, INSEPARABLE_TAGS, NO_EMPTY_TAGS, KEY_META, KEY_BACKSPACE, KEY_TAB, KEY_ENTER, KEY_ESC, KEY_ALT, KEY_LEFT, KEY_UP, KEY_RIGHT, KEY_DOWN, KEY_SPACE, KEY_DELETE, KEY_F3, NEARBY, ACCURACY, COMMAND_KEYS, BR, PARAGRAPH, MODE_WYSIWYG, MODE_SOURCE, MODE_SPLIT, IS_IE, TEXT_PLAIN, TEXT_HTML, TEXT_RTF, MARKER_CLASS, EMULATE_DBLCLICK_TIMEOUT, INSERT_AS_HTML, INSERT_CLEAR_HTML, INSERT_AS_TEXT, INSERT_ONLY_TEXT, SAFE_COUNT_CHANGE_CALL, IS_MAC, KEY_ALIASES, removeScriptName, basePath, isMin, BASE_PATH, BASE_PATH_IS_MIN, TEMP_ATTR, lang, CLIPBOARD_ID, SOURCE_CONSUMER, PASSIVE_EVENTS;
+var APP_VERSION, ES, IS_ES_MODERN, IS_ES_NEXT, IS_PROD, IS_TEST, FAT_MODE, HOMEPAGE, SET_TEST, TOKENS, INVISIBLE_SPACE, NBSP_SPACE, INVISIBLE_SPACE_REG_EXP, INVISIBLE_SPACE_REG_EXP_END, INVISIBLE_SPACE_REG_EXP_START, SPACE_REG_EXP, SPACE_REG_EXP_START, SPACE_REG_EXP_END, globalWindow, globalDocument, IS_BLOCK, IS_INLINE, LIST_TAGS, __UNSEPARABLE_TAGS, INSEPARABLE_TAGS, NO_EMPTY_TAGS, KEY_META, KEY_BACKSPACE, KEY_TAB, KEY_ENTER, KEY_ESC, KEY_ALT, KEY_HOME, KEY_END, KEY_LEFT, KEY_UP, KEY_RIGHT, KEY_DOWN, KEY_SPACE, KEY_DELETE, KEY_F3, NEARBY, ACCURACY, COMMAND_KEYS, BR, PARAGRAPH, MODE_WYSIWYG, MODE_SOURCE, MODE_SPLIT, IS_IE, TEXT_PLAIN, TEXT_HTML, TEXT_RTF, MARKER_CLASS, EMULATE_DBLCLICK_TIMEOUT, INSERT_AS_HTML, INSERT_CLEAR_HTML, INSERT_AS_TEXT, INSERT_ONLY_TEXT, SAFE_COUNT_CHANGE_CALL, IS_MAC, KEY_ALIASES, removeScriptName, basePath, isMin, BASE_PATH, BASE_PATH_IS_MIN, TEMP_ATTR, lang, CLIPBOARD_ID, SOURCE_CONSUMER, PASSIVE_EVENTS;
 var init_constants = __esm({
   "node_modules/jodit/esm/core/constants.js"() {
     "use strict";
-    APP_VERSION = "4.15.10";
+    APP_VERSION = "4.15.14";
     ES = "es2020";
     IS_ES_MODERN = true;
     IS_ES_NEXT = true;
@@ -240,6 +242,8 @@ var init_constants = __esm({
     KEY_ENTER = "Enter";
     KEY_ESC = "Escape";
     KEY_ALT = "Alt";
+    KEY_HOME = "Home";
+    KEY_END = "End";
     KEY_LEFT = "ArrowLeft";
     KEY_UP = "ArrowUp";
     KEY_RIGHT = "ArrowRight";
@@ -7908,7 +7912,7 @@ var require_tab = __commonJS({
     init_plugin2();
     init_config3();
     init_cases();
-    var __decorate73 = exports && exports.__decorate || function(decorators, target, key3, desc) {
+    var __decorate74 = exports && exports.__decorate || function(decorators, target, key3, desc) {
       var c69 = arguments.length, r71 = c69 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
       if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r71 = Reflect.decorate(decorators, target, key3, desc);
@@ -7941,10 +7945,10 @@ var require_tab = __commonJS({
       beforeDestruct(jodit) {
       }
     };
-    __decorate73([
+    __decorate74([
       watch(":keydown.tab")
     ], tab.prototype, "__onTab", null);
-    __decorate73([
+    __decorate74([
       watch(":beforeCommand.tab")
     ], tab.prototype, "__onCommand", null);
     pluginSystem.add("tab", tab);
@@ -7973,7 +7977,7 @@ var require_wrap_nodes = __commonJS({
     init_is_string();
     init_plugin2();
     init_config4();
-    var __decorate73 = exports && exports.__decorate || function(decorators, target, key3, desc) {
+    var __decorate74 = exports && exports.__decorate || function(decorators, target, key3, desc) {
       var c69 = arguments.length, r71 = c69 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
       if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r71 = Reflect.decorate(decorators, target, key3, desc);
@@ -8060,10 +8064,10 @@ var require_wrap_nodes = __commonJS({
         jodit.e.fire("internalChange");
       }
     };
-    __decorate73([
+    __decorate74([
       autobind
     ], wrapNodes.prototype, "postProcessSetEditorValue", null);
-    __decorate73([
+    __decorate74([
       autobind
     ], wrapNodes.prototype, "preprocessInput", null);
     function checkAloneListLeaf(child, jodit) {
@@ -8228,7 +8232,7 @@ var require_dtd = __commonJS({
     init_config5();
     init_after_insert();
     init_before_insert();
-    var __decorate73 = exports && exports.__decorate || function(decorators, target, key3, desc) {
+    var __decorate74 = exports && exports.__decorate || function(decorators, target, key3, desc) {
       var c69 = arguments.length, r71 = c69 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
       if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r71 = Reflect.decorate(decorators, target, key3, desc);
@@ -8256,10 +8260,10 @@ var require_dtd = __commonJS({
         });
       }
     };
-    __decorate73([
+    __decorate74([
       watch(":beforeInsertNode")
     ], dtd.prototype, "__onBeforeInsertNode", null);
-    __decorate73([
+    __decorate74([
       watch(":afterInsertNode")
     ], dtd.prototype, "__onAfterInsertNode", null);
     pluginSystem.add("dtd", dtd);
@@ -17321,6 +17325,15 @@ var __decorate32 = function(decorators, target, key3, desc) {
         r71 = (c69 < 3 ? d55(r71) : c69 > 3 ? d55(target, key3, r71) : d55(target, key3)) || r71;
   return c69 > 3 && r71 && Object.defineProperty(target, key3, r71), r71;
 };
+var INPUT_TAGS = /* @__PURE__ */ new Set(["input", "textarea", "select"]);
+var FOCUSABLE_SELECTOR = [
+  "button:not([disabled])",
+  "a[href]",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
 var ToolbarButton = class ToolbarButton2 extends UIButton {
   className() {
     return "ToolbarButton";
@@ -17549,12 +17562,81 @@ var ToolbarButton = class ToolbarButton2 extends UIButton {
     }
   }
   onTriggerKeyDown(e44) {
-    if (this.state.disabled || ![KEY_ENTER, KEY_SPACE, " "].includes(e44.key)) {
+    if (this.state.disabled) {
+      return;
+    }
+    if (e44.key === KEY_DOWN) {
+      this.onButtonKeyDown(e44);
+      return;
+    }
+    if (![KEY_ENTER, KEY_SPACE, " "].includes(e44.key)) {
       return;
     }
     e44.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(e44) {
+    var _a2;
+    if (e44.key !== KEY_DOWN || this.state.disabled || !this.state.hasTrigger || e44.altKey || e44.ctrlKey || e44.metaKey) {
+      return;
+    }
+    e44.preventDefault();
+    e44.stopPropagation();
+    if (!this.openedPopup) {
+      this.trigger.click();
+    }
+    (_a2 = this.__popupFocusables()[0]) === null || _a2 === void 0 ? void 0 : _a2.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(e44) {
+    if (!this.openedPopup || e44.altKey || e44.ctrlKey || e44.metaKey) {
+      return;
+    }
+    const target = e44.target;
+    if (Dom.isTag(target, INPUT_TAGS) && e44.key !== KEY_ESC) {
+      return;
+    }
+    const items = this.__popupFocusables(), index = items.indexOf(target);
+    switch (e44.key) {
+      case KEY_ESC:
+        this.__closePopup();
+        break;
+      case KEY_UP:
+        if (index <= 0) {
+          this.__closePopup();
+        } else {
+          items[index - 1].focus();
+        }
+        break;
+      case KEY_DOWN:
+        if (!items.length) {
+          return;
+        }
+        items[(index + 1) % items.length].focus();
+        break;
+      default:
+        return;
+    }
+    e44.preventDefault();
+    e44.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
    */
@@ -17621,7 +17703,7 @@ var ToolbarButton = class ToolbarButton2 extends UIButton {
   openPopup() {
     this.__closePopup();
     this.openedPopup = new 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() {
@@ -17631,12 +17713,16 @@ var ToolbarButton = class ToolbarButton2 extends UIButton {
     }
     this.openedPopup = null;
     this.j.e.off(this.ow, "mousedown touchstart", this.onOutsideClick).off("escape closeAllPopups", this.onOutsideClick);
+    const { activeElement } = this.od, hadFocus = activeElement && Dom.isOrContains(popup.container, activeElement);
     this.state.activated = false;
     popup.close();
     popup.destruct();
     if (this.trigger) {
       attr(this.trigger, "aria-expanded", false);
     }
+    if (hadFocus) {
+      this.focus();
+    }
   }
   /**
    * Click handler
@@ -17690,6 +17776,12 @@ __decorate32([
 __decorate32([
   watch("trigger:keydown")
 ], ToolbarButton.prototype, "onTriggerKeyDown", null);
+__decorate32([
+  watch("button:keydown")
+], ToolbarButton.prototype, "onButtonKeyDown", null);
+__decorate32([
+  autobind
+], ToolbarButton.prototype, "__onPopupKeyDown", null);
 __decorate32([
   autobind
 ], ToolbarButton.prototype, "onOutsideClick", null);
@@ -21825,11 +21917,6 @@ init_plugin();
 
 // node_modules/jodit/esm/plugins/clean-html/config.js
 init_config();
-
-// node_modules/jodit/esm/plugins/clean-html/eraser.svg.js
-var eraser_svg_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> ';
-
-// node_modules/jodit/esm/plugins/clean-html/config.js
 Config.prototype.cleanHTML = {
   timeout: 300,
   removeEmptyElements: true,
@@ -21859,7 +21946,6 @@ Config.prototype.controls.eraser = {
   command: "removeFormat",
   tooltip: "Clear Formatting"
 };
-Icon.set("eraser", eraser_svg_default);
 
 // node_modules/jodit/esm/plugins/clean-html/helpers/get-hash.js
 init_is_string();
@@ -22648,7 +22734,8 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     }
     return stack.join("");
   };
-  Dom.append(form2, editor.c.fromHTML(`<div class="${cn}__groups">${eachColor(editor.o.colors)}</div>`));
+  const groups = isArray(editor.o.colors) ? `<div class="${cn}__group">${eachColor(editor.o.colors)}</div>` : eachColor(editor.o.colors);
+  Dom.append(form2, editor.c.fromHTML(`<div class="${cn}__groups">${groups}</div>`));
   Dom.append(form2, editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
   const { extra } = refs(form2);
   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>`));
@@ -22680,6 +22767,7 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     e44.stopPropagation();
     applyHexInput();
   });
+  Dom.append(extra, editor.c.fromHTML(`<span class="${cn}__remove" data-color="" title="${editor.i18n("Remove")}">${editor.o.textIcons ? editor.i18n("Remove") : Icon.get("eraser")}</span>`));
   if (editor.o.showBrowserColorPicker && hasBrowserColorPicker()) {
     Dom.append(extra, editor.c.fromHTML(`<div class="${cn}__native">${iconPalette}<input type="color" value="#ffffff"/></div>`));
     editor.e.on(form2, "change", (e44) => {
@@ -22706,7 +22794,7 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     if ((!target || !target.tagName || Dom.isTag(target, "svg") || Dom.isTag(target, "path")) && target.parentNode) {
       target = Dom.closest(target.parentNode, "span", editor.editor);
     }
-    if (!Dom.isTag(target, "span") || !target.classList.contains(cn + "__color-item")) {
+    if (!Dom.isTag(target, "span") || !target.classList.contains(cn + "__color-item") && !target.classList.contains(cn + "__remove")) {
       return;
     }
     const color2 = attr(target, "-color") || "";
@@ -33297,6 +33385,107 @@ function findCell(editor, key3) {
   return cell;
 }
 
+// node_modules/jodit/esm/plugins/toolbar-navigation/toolbar-navigation.js
+init_constants();
+init_autobind();
+init_watch();
+init_dom();
+init_global2();
+init_attr();
+init_plugin2();
+var __decorate70 = function(decorators, target, key3, desc) {
+  var c69 = arguments.length, r71 = c69 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r71 = Reflect.decorate(decorators, target, key3, desc);
+  else
+    for (var i55 = decorators.length - 1; i55 >= 0; i55--)
+      if (d55 = decorators[i55])
+        r71 = (c69 < 3 ? d55(r71) : c69 > 3 ? d55(target, key3, r71) : d55(target, key3)) || r71;
+  return c69 > 3 && r71 && Object.defineProperty(target, key3, r71), r71;
+};
+var INPUT_TAGS2 = /* @__PURE__ */ new Set(["input", "textarea", "select"]);
+var toolbarNavigation = class extends 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(e44) {
+    if (e44.defaultPrevented || e44.altKey || e44.ctrlKey || e44.metaKey) {
+      return;
+    }
+    const target = e44.target;
+    if (Dom.isTag(target, INPUT_TAGS2) || Dom.isHTMLElement(target) && target.isContentEditable) {
+      return;
+    }
+    const buttons = this.__buttons();
+    if (!buttons.length) {
+      return;
+    }
+    switch (e44.key) {
+      case KEY_ESC:
+        this.j.s.focus();
+        break;
+      case KEY_HOME:
+        buttons[0].focus();
+        break;
+      case KEY_END:
+        buttons[buttons.length - 1].focus();
+        break;
+      case KEY_LEFT:
+      case KEY_RIGHT: {
+        const index = buttons.findIndex((button2) => button2.container.contains(target));
+        if (index === -1) {
+          return;
+        }
+        const forward = e44.key === KEY_RIGHT !== this.__isRtl(), next = index + (forward ? 1 : -1);
+        buttons[(next + buttons.length) % buttons.length].focus();
+        break;
+      }
+      default:
+        return;
+    }
+    e44.preventDefault();
+    e44.stopPropagation();
+    return false;
+  }
+  /**
+   * Toolbar buttons that can take the focus right now
+   */
+  __buttons() {
+    return this.j.toolbar.buttons.filter((button2) => !button2.state.disabled && button2.container.isConnected);
+  }
+  __isRtl() {
+    return attr(this.j.toolbar.container, "dir") === "rtl";
+  }
+};
+__decorate70([
+  autobind
+], toolbarNavigation.prototype, "focusToolbar", null);
+__decorate70([
+  watch("j.toolbar.container:keydown.toolbar-navigation")
+], toolbarNavigation.prototype, "onKeyDown", null);
+pluginSystem.add("toolbarNavigation", toolbarNavigation);
+
 // node_modules/jodit/esm/plugins/video/video.js
 init_global2();
 
@@ -33598,7 +33787,7 @@ function closeSound(owner) {
 }
 
 // node_modules/jodit/esm/plugins/speech-recognize/helpers/recognize-manager.js
-var __decorate70 = function(decorators, target, key3, desc) {
+var __decorate71 = function(decorators, target, key3, desc) {
   var c69 = arguments.length, r71 = c69 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
     r71 = Reflect.decorate(decorators, target, key3, desc);
@@ -33760,13 +33949,13 @@ var RecognizeManager = class _RecognizeManager extends Eventify {
   }
 };
 RecognizeManager._instances = /* @__PURE__ */ new Set();
-__decorate70([
+__decorate71([
   autobind
 ], RecognizeManager.prototype, "_onResults", null);
-__decorate70([
+__decorate71([
   autobind
 ], RecognizeManager.prototype, "_onProgress", null);
-__decorate70([
+__decorate71([
   autobind
 ], RecognizeManager.prototype, "_onError", null);
 
@@ -33873,7 +34062,7 @@ init_global2();
 init_helpers();
 init_css();
 init_config();
-var __decorate71 = function(decorators, target, key3, desc) {
+var __decorate72 = function(decorators, target, key3, desc) {
   var c69 = arguments.length, r71 = c69 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
     r71 = Reflect.decorate(decorators, target, key3, desc);
@@ -35045,31 +35234,31 @@ Jodit2.lang = lang;
 Jodit2.core = {
   Plugin
 };
-__decorate71([
+__decorate72([
   cache
 ], Jodit2.prototype, "createInside", null);
-__decorate71([
+__decorate72([
   cache
 ], Jodit2.prototype, "message", null);
-__decorate71([
+__decorate72([
   cache
 ], Jodit2.prototype, "s", null);
-__decorate71([
+__decorate72([
   cache
 ], Jodit2.prototype, "uploader", null);
-__decorate71([
+__decorate72([
   cache
 ], Jodit2.prototype, "filebrowser", null);
-__decorate71([
+__decorate72([
   throttle()
 ], Jodit2.prototype, "synchronizeValues", null);
-__decorate71([
+__decorate72([
   watch(":internalChange")
 ], Jodit2.prototype, "updateElementValue", null);
-__decorate71([
+__decorate72([
   autobind
 ], Jodit2.prototype, "__prepareWYSIWYGEditor", null);
-Jodit2 = Jodit_1 = __decorate71([
+Jodit2 = Jodit_1 = __decorate72([
   derive(Dlgs)
 ], Jodit2);
 function addClassNames(className, elm) {
@@ -35141,7 +35330,7 @@ var zh_cn5 = __toESM(require_zh_cn5());
 var zh_tw5 = __toESM(require_zh_tw5());
 
 // node_modules/jodit/esm/plugins/speech-recognize/speech-recognize.js
-var __decorate72 = function(decorators, target, key3, desc) {
+var __decorate73 = function(decorators, target, key3, desc) {
   var c69 = arguments.length, r71 = c69 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
     r71 = Reflect.decorate(decorators, target, key3, desc);
@@ -35222,10 +35411,10 @@ var SpeechRecognizeNative = class extends Plugin {
     return false;
   }
 };
-__decorate72([
+__decorate73([
   watch(":speechRecognizeProgressResult")
 ], SpeechRecognizeNative.prototype, "onSpeechRecognizeProgressResult", null);
-__decorate72([
+__decorate73([
   watch(":speechRecognizeResult")
 ], SpeechRecognizeNative.prototype, "onSpeechRecognizeResult", null);
 Jodit2.plugins.add("speech-recognize", SpeechRecognizeNative);
@@ -35847,6 +36036,7 @@ __export(icons_exports, {
   chevron: () => chevron_svg_default,
   dots: () => dots_svg_default,
   download: () => download_svg_default,
+  eraser: () => eraser_svg_default,
   eye: () => eye_svg_default,
   file: () => file_svg_default,
   folder: () => folder_svg_default,
@@ -35899,6 +36089,9 @@ var dots_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" width="24" heigh
 // node_modules/jodit/esm/styles/icons/download.svg.js
 var download_svg_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> ';
 
+// node_modules/jodit/esm/styles/icons/eraser.svg.js
+var eraser_svg_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> ';
+
 // node_modules/jodit/esm/styles/icons/eye.svg.js
 var eye_svg_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="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z"/><circle cx="12" cy="12" r="3"/> </g> </svg> ';
 
@@ -55899,6 +56092,7 @@ jodit/esm/plugins/ai-assistant/ai-assistant.js:
 jodit/esm/plugins/table/config.js:
 jodit/esm/plugins/table/table.js:
 jodit/esm/plugins/table-keyboard-navigation/table-keyboard-navigation.js:
+jodit/esm/plugins/toolbar-navigation/toolbar-navigation.js:
 jodit/esm/plugins/video/config.js:
 jodit/esm/plugins/video/video.js:
 jodit/esm/plugins/xpath/config.js:

package/build/esm/index.css

@@ -2653,6 +2653,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-button__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -2664,6 +2669,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-button__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-button__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);
@@ -3370,6 +3380,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-select__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -3381,6 +3396,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-select__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-select__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);

package/build/esm/index.mjs

@@ -2,7 +2,7 @@ import {
   Config,
   JoditEditor_default,
   n
-} from "./chunk-VWIIE462.mjs";
+} from "./chunk-K664ZXD6.mjs";
 
 // src/index.ts
 var index_default = JoditEditor_default;