jodit-pro 4.15.12 → 4.15.13

package/es2015/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.15.12
+ * Version: v4.15.13
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -1771,7 +1771,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.15.12";
+ */ const APP_VERSION = "4.15.13";
 // prettier-ignore
 const ES = "es2015";
 const IS_ES_MODERN = true;
@@ -1822,6 +1822,8 @@ const KEY_TAB = 'Tab';
 const KEY_ENTER = 'Enter';
 const KEY_ESC = 'Escape';
 const KEY_ALT = 'Alt';
+const KEY_HOME = 'Home';
+const KEY_END = 'End';
 const KEY_LEFT = 'ArrowLeft';
 const KEY_UP = 'ArrowUp';
 const KEY_RIGHT = 'ArrowRight';
@@ -2015,9 +2017,11 @@ const PASSIVE_EVENTS = new Set([
 /* harmony export */   "KEY_BACKSPACE", 0, /* binding */ KEY_BACKSPACE,
 /* harmony export */   "KEY_DELETE", 0, /* binding */ KEY_DELETE,
 /* harmony export */   "KEY_DOWN", 0, /* binding */ KEY_DOWN,
+/* harmony export */   "KEY_END", 0, /* binding */ KEY_END,
 /* harmony export */   "KEY_ENTER", 0, /* binding */ KEY_ENTER,
 /* harmony export */   "KEY_ESC", 0, /* binding */ KEY_ESC,
 /* harmony export */   "KEY_F3", 0, /* binding */ KEY_F3,
+/* harmony export */   "KEY_HOME", 0, /* binding */ KEY_HOME,
 /* harmony export */   "KEY_LEFT", 0, /* binding */ KEY_LEFT,
 /* harmony export */   "KEY_META", 0, /* binding */ KEY_META,
 /* harmony export */   "KEY_RIGHT", 0, /* binding */ KEY_RIGHT,
@@ -30921,6 +30925,19 @@ function _object_spread_props(target, source) {
 
 
 
+const INPUT_TAGS = new Set([
+    'input',
+    'textarea',
+    'select'
+]);
+const FOCUSABLE_SELECTOR = [
+    'button:not([disabled])',
+    'a[href]',
+    'input:not([disabled]):not([type="hidden"])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    '[tabindex]:not([tabindex="-1"])'
+].join(',');
 let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPACK_IMPORTED_MODULE_17__.UIButton {
     className() {
         return 'ToolbarButton';
@@ -31114,7 +31131,14 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
         }
     }
     onTriggerKeyDown(e) {
-        if (this.state.disabled || ![
+        if (this.state.disabled) {
+            return;
+        }
+        if (e.key === _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_DOWN) {
+            this.onButtonKeyDown(e);
+            return;
+        }
+        if (![
             _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_ENTER,
             _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_SPACE,
             ' '
@@ -31124,6 +31148,66 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
         e.preventDefault();
         this.trigger.click();
     }
+    /**
+     * `ArrowDown` on a button with a trigger opens its dropdown and moves the
+     * focus into it, like the WAI-ARIA menu button pattern
+     */ onButtonKeyDown(e) {
+        var _a;
+        if (e.key !== _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_DOWN || this.state.disabled || !this.state.hasTrigger || e.altKey || e.ctrlKey || e.metaKey) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        if (!this.openedPopup) {
+            this.trigger.click();
+        }
+        (_a = this.__popupFocusables()[0]) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    /**
+     * Inside the dropdown: `ArrowDown`/`ArrowUp` walk the items, `Escape` and
+     * `ArrowUp` on the first item close it and give the focus back to the button
+     */ __onPopupKeyDown(e) {
+        if (!this.openedPopup || e.altKey || e.ctrlKey || e.metaKey) {
+            return;
+        }
+        const target = e.target;
+        // A text field keeps the arrow keys for itself
+        if (_core_dom_dom_js__WEBPACK_IMPORTED_MODULE_6__.Dom.isTag(target, INPUT_TAGS) && e.key !== _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_ESC) {
+            return;
+        }
+        const items = this.__popupFocusables(), index = items.indexOf(target);
+        switch(e.key){
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_ESC:
+                this.__closePopup();
+                break;
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_UP:
+                if (index <= 0) {
+                    this.__closePopup();
+                } else {
+                    items[index - 1].focus();
+                }
+                break;
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_1__.KEY_DOWN:
+                if (!items.length) {
+                    return;
+                }
+                items[(index + 1) % items.length].focus();
+                break;
+            default:
+                return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+    }
+    /**
+     * Visible controls of the opened dropdown that can take the focus
+     */ __popupFocusables() {
+        const popup = this.openedPopup;
+        if (!popup) {
+            return [];
+        }
+        return Array.from(popup.container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((elm)=>Boolean(elm.offsetParent));
+    }
     /**
      * Create an open popup list
      */ __openControlList(control) {
@@ -31193,7 +31277,7 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
     openPopup() {
         this.__closePopup();
         this.openedPopup = new _core_ui_popup_popup_js__WEBPACK_IMPORTED_MODULE_20__.Popup(this.j, false);
-        this.j.e.on(this.ow, 'mousedown touchstart', this.onOutsideClick).on('escape closeAllPopups', this.onOutsideClick);
+        this.j.e.on(this.ow, 'mousedown touchstart', this.onOutsideClick).on('escape closeAllPopups', this.onOutsideClick).on(this.openedPopup.container, 'keydown', this.__onPopupKeyDown);
         return this.openedPopup;
     }
     __closePopup() {
@@ -31209,12 +31293,18 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
         // throws NotFoundError. See #1458
         this.openedPopup = null;
         this.j.e.off(this.ow, 'mousedown touchstart', this.onOutsideClick).off('escape closeAllPopups', this.onOutsideClick);
+        // The keyboard brought the focus into the dropdown: give it back to
+        // the button, otherwise it would fall out to the document
+        const { activeElement } = this.od, hadFocus = activeElement && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_6__.Dom.isOrContains(popup.container, activeElement);
         this.state.activated = false;
         popup.close();
         popup.destruct();
         if (this.trigger) {
             (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_15__.attr)(this.trigger, 'aria-expanded', false);
         }
+        if (hadFocus) {
+            this.focus();
+        }
     }
     /**
      * Click handler
@@ -31309,6 +31399,12 @@ __decorate([
 __decorate([
     (0,_core_decorators_watch_watch_js__WEBPACK_IMPORTED_MODULE_5__.watch)('trigger:keydown')
 ], ToolbarButton.prototype, "onTriggerKeyDown", null);
+__decorate([
+    (0,_core_decorators_watch_watch_js__WEBPACK_IMPORTED_MODULE_5__.watch)('button:keydown')
+], ToolbarButton.prototype, "onButtonKeyDown", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_2__.autobind
+], ToolbarButton.prototype, "__onPopupKeyDown", null);
 __decorate([
     _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_2__.autobind
 ], ToolbarButton.prototype, "onOutsideClick", null);
@@ -33839,11 +33935,12 @@ UiAiAssistant = __decorate([
 /* harmony import */ var _tab_tab_js__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(767);
 /* harmony import */ var _table_table_js__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(43003);
 /* harmony import */ var _table_keyboard_navigation_table_keyboard_navigation_js__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(72439);
-/* harmony import */ var _video_video_js__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(26551);
-/* harmony import */ var _wrap_nodes_wrap_nodes_js__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(72253);
-/* harmony import */ var _dtd_dtd_js__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(65735);
-/* harmony import */ var _xpath_xpath_js__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(83671);
-/* harmony import */ var _speech_recognize_speech_recognize_js__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(3115);
+/* harmony import */ var _toolbar_navigation_toolbar_navigation_js__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(94529);
+/* harmony import */ var _video_video_js__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(26551);
+/* harmony import */ var _wrap_nodes_wrap_nodes_js__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(72253);
+/* harmony import */ var _dtd_dtd_js__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(65735);
+/* harmony import */ var _xpath_xpath_js__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(83671);
+/* harmony import */ var _speech_recognize_speech_recognize_js__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(3115);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -33913,6 +34010,7 @@ UiAiAssistant = __decorate([
 
 
 
+
 
 
 // JODIT-START:FAT
@@ -41899,8 +41997,9 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('indent', indent);
 /* harmony import */ var _size_size_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(45927);
 /* harmony import */ var _stat_stat_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(7309);
 /* harmony import */ var _table_table_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(43003);
-/* harmony import */ var _wrap_nodes_wrap_nodes_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(72253);
-/* harmony import */ var _dtd_dtd_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(65735);
+/* harmony import */ var _toolbar_navigation_toolbar_navigation_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(94529);
+/* harmony import */ var _wrap_nodes_wrap_nodes_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(72253);
+/* harmony import */ var _dtd_dtd_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(65735);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -41932,6 +42031,7 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('indent', indent);
 
 
 
+
 
 
 /***/ }),
@@ -52909,6 +53009,127 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_0__.pluginSystem.add('table', table);
 /* harmony default export */ __webpack_exports__["default"] = ("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <g fill=\"none\"> <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2.5\"/><path d=\"M3 9h18M3 15h18M9 3v18M15 3v18\"/> </g> </svg> ");
 
 
+/***/ }),
+
+/***/ 94529:
+/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+/* unused harmony export toolbarNavigation */
+/* harmony import */ var _core_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82758);
+/* harmony import */ var _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(45219);
+/* harmony import */ var _core_decorators_watch_watch_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(37133);
+/* harmony import */ var _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2748);
+/* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(580);
+/* harmony import */ var _core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29960);
+/* harmony import */ var _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(50911);
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
+ */ var __decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+
+const INPUT_TAGS = new Set([
+    'input',
+    'textarea',
+    'select'
+]);
+/**
+ * Makes the toolbar reachable from the keyboard, as described by the WAI-ARIA
+ * authoring practices for a `role="toolbar"` widget.
+ *
+ * The focus is moved programmatically, so this works whatever
+ * {@link Config.allowTabNavigation} does with the tab order — including the
+ * default, where the buttons take no part in the page tab order.
+ */ class toolbarNavigation extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_6__.Plugin {
+    /** @override */ afterInit(jodit) {
+        jodit.registerCommand('focusToolbar', {
+            hotkeys: 'alt+f10',
+            exec: this.focusToolbar
+        });
+    }
+    /** @override */ beforeDestruct() {}
+    /**
+     * Moves the focus to the first button of the toolbar.
+     *
+     * Bound to `Alt+F10` by default; remap it like any other command:
+     * `commandToHotkeys: { focusToolbar: 'alt+0' }`
+     */ focusToolbar() {
+        const [first] = this.__buttons();
+        first === null || first === void 0 ? void 0 : first.focus();
+        return false;
+    }
+    /**
+     * Arrow keys / `Home` / `End` walk the buttons, `Escape` leaves the toolbar
+     */ onKeyDown(e) {
+        if (e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey) {
+            return;
+        }
+        const target = e.target;
+        // A control that needs the arrow keys for itself
+        if (_core_dom_dom_js__WEBPACK_IMPORTED_MODULE_3__.Dom.isTag(target, INPUT_TAGS) || _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_3__.Dom.isHTMLElement(target) && target.isContentEditable) {
+            return;
+        }
+        const buttons = this.__buttons();
+        if (!buttons.length) {
+            return;
+        }
+        switch(e.key){
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_ESC:
+                this.j.s.focus();
+                break;
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_HOME:
+                buttons[0].focus();
+                break;
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_END:
+                buttons[buttons.length - 1].focus();
+                break;
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_LEFT:
+            case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_RIGHT:
+                {
+                    const index = buttons.findIndex((button)=>button.container.contains(target));
+                    if (index === -1) {
+                        return;
+                    }
+                    const forward = e.key === _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_RIGHT !== this.__isRtl(), next = index + (forward ? 1 : -1);
+                    buttons[(next + buttons.length) % buttons.length].focus();
+                    break;
+                }
+            default:
+                return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        return false;
+    }
+    /**
+     * Toolbar buttons that can take the focus right now
+     */ __buttons() {
+        return this.j.toolbar.buttons.filter((button)=>!button.state.disabled && button.container.isConnected);
+    }
+    __isRtl() {
+        return (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_5__.attr)(this.j.toolbar.container, 'dir') === 'rtl';
+    }
+}
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], toolbarNavigation.prototype, "focusToolbar", null);
+__decorate([
+    (0,_core_decorators_watch_watch_js__WEBPACK_IMPORTED_MODULE_2__.watch)('j.toolbar.container:keydown.toolbar-navigation')
+], toolbarNavigation.prototype, "onKeyDown", null);
+_core_global_js__WEBPACK_IMPORTED_MODULE_4__.pluginSystem.add('toolbarNavigation', toolbarNavigation);
+
+
 /***/ }),
 
 /***/ 14984: