jodit-pro-react 5.6.17 → 5.6.19

package/build/esm/JoditEditor.mjs

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

package/build/esm/{chunk-FF2BFLM6.mjs → chunk-LFMU62BW.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.8";
+    APP_VERSION = "4.15.13";
     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);
@@ -20392,10 +20484,32 @@ var Selection = class {
     if (!Dom.up(node, (elm) => elm === this.area || elm && elm.parentNode === this.area, this.area)) {
       throw error("Node element must be in editor");
     }
+    const target = !inward && this.__closestNotEditable(node) || node;
     const range = this.createRange();
-    range[inward || node === this.area ? "selectNodeContents" : "selectNode"](node);
+    range[inward || target === this.area ? "selectNodeContents" : "selectNode"](target);
     return this.selectRange(range);
   }
+  /**
+   * The outermost `contenteditable="false"` ancestor of the node inside the
+   * editable area, if there is one.
+   *
+   * A range can be put inside such an island (e.g. on an `<img>` wrapped in a
+   * `<picture contenteditable="false">`), but the browser cannot place a caret
+   * there: the arrow keys then have nothing to move from and the selection
+   * cannot be escaped. Selecting the island itself keeps the range in editable
+   * content, so the caret can step over it. See #1184
+   */
+  __closestNotEditable(node) {
+    const { area } = this;
+    let result = null, elm = node.parentNode;
+    while (elm && elm !== area && area.contains(elm)) {
+      if (Dom.isElement(elm) && elm.getAttribute("contenteditable") === "false") {
+        result = elm;
+      }
+      elm = elm.parentNode;
+    }
+    return result;
+  }
   /**
    * Return current selected HTML
    * @example
@@ -33275,6 +33389,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();
 
@@ -33576,7 +33791,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);
@@ -33738,13 +33953,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);
 
@@ -33851,7 +34066,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);
@@ -34258,13 +34473,20 @@ var Jodit2 = Jodit_1 = class Jodit3 extends ViewWithToolbar {
    * Return source element value
    */
   getElementValue() {
+    if (this.element === this.container && this.__inlineElementValue !== void 0) {
+      return this.__inlineElementValue;
+    }
     return this.element.value !== void 0 ? this.element.value : this.element.innerHTML;
   }
   __setElementValue(value) {
     if (!isString(value)) {
       throw error("value must be string");
     }
-    if (this.element !== this.container && value !== this.getElementValue()) {
+    if (this.element === this.container) {
+      this.__inlineElementValue = value;
+      return;
+    }
+    if (value !== this.getElementValue()) {
       const data = { value };
       const res = this.e.fire("beforeSetElementValue", data);
       callPromise(res, () => {
@@ -35016,31 +35238,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) {
@@ -35112,7 +35334,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);
@@ -35193,10 +35415,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);
@@ -55870,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.mjs

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