jodit 4.15.9 → 4.15.13

package/es2021/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.9
+ * Version: v4.15.13
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -1779,7 +1779,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.15.9";
+ */ const APP_VERSION = "4.15.13";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -1830,6 +1830,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';
@@ -2023,9 +2025,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,
@@ -11529,10 +11533,31 @@ class Selection {
         if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.up(node, (elm)=>elm === this.area || elm && elm.parentNode === this.area, this.area)) {
             throw (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.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 (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isElement(elm) && elm.getAttribute('contenteditable') === 'false') {
+                result = elm;
+            }
+            elm = elm.parentNode;
+        }
+        return result;
+    }
     /**
 	 * Return current selected HTML
 	 * @example
@@ -24224,6 +24249,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_19__.UIButton {
     className() {
         return 'ToolbarButton';
@@ -24411,7 +24449,14 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.U
         }
     }
     onTriggerKeyDown(e) {
-        if (this.state.disabled || ![
+        if (this.state.disabled) {
+            return;
+        }
+        if (e.key === jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.KEY_DOWN) {
+            this.onButtonKeyDown(e);
+            return;
+        }
+        if (![
             jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.KEY_ENTER,
             jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.KEY_SPACE,
             ' '
@@ -24421,6 +24466,65 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.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) {
+        if (e.key !== jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.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()[0]?.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_8__.Dom.isTag(target, INPUT_TAGS) && e.key !== jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.KEY_ESC) {
+            return;
+        }
+        const items = this.__popupFocusables(), index = items.indexOf(target);
+        switch(e.key){
+            case jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.KEY_ESC:
+                this.__closePopup();
+                break;
+            case jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.KEY_UP:
+                if (index <= 0) {
+                    this.__closePopup();
+                } else {
+                    items[index - 1].focus();
+                }
+                break;
+            case jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.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) {
@@ -24490,7 +24594,7 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.U
     openPopup() {
         this.__closePopup();
         this.openedPopup = new jodit_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_22__.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() {
@@ -24506,12 +24610,18 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.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_8__.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_17__.attr)(this.trigger, 'aria-expanded', false);
         }
+        if (hadFocus) {
+            this.focus();
+        }
     }
     /**
 	 * Click handler
@@ -24602,6 +24712,12 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.U
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
     (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_7__.watch)('trigger:keydown')
 ], ToolbarButton.prototype, "onTriggerKeyDown", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_7__.watch)('button:keydown')
+], ToolbarButton.prototype, "onButtonKeyDown", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    jodit_core_decorators_autobind_autobind__WEBPACK_IMPORTED_MODULE_4__.autobind
+], ToolbarButton.prototype, "__onPopupKeyDown", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
     jodit_core_decorators_autobind_autobind__WEBPACK_IMPORTED_MODULE_4__.autobind
 ], ToolbarButton.prototype, "onOutsideClick", null);
@@ -34879,10 +34995,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.
@@ -34954,6 +35071,7 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('indent', indent
 
 
 
+
 
 
 /***/ }),
@@ -44597,6 +44715,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?.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: