jodit-pro 4.15.11 → 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.11
+ * 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.11";
+ */ 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,
@@ -11532,10 +11536,31 @@ class Selection {
         if (!_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.up(node, (elm)=>elm === this.area || elm && elm.parentNode === this.area, this.area)) {
             throw (0,_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.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_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isElement(elm) && elm.getAttribute('contenteditable') === 'false') {
+                result = elm;
+            }
+            elm = elm.parentNode;
+        }
+        return result;
+    }
     /**
      * Return current selected HTML
      * @example
@@ -18309,13 +18334,20 @@ let Jodit = Jodit_1 = class Jodit extends _modules_index_js__WEBPACK_IMPORTED_MO
     /**
      * Return source element value
      */ getElementValue() {
+        if (this.element === this.container && this.__inlineElementValue !== undefined) {
+            return this.__inlineElementValue;
+        }
         return this.element.value !== undefined ? this.element.value : this.element.innerHTML;
     }
     __setElementValue(value) {
         if (!(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.isString)(value)) {
             throw (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.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
             };
@@ -30893,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';
@@ -31086,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,
             ' '
@@ -31096,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) {
@@ -31165,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() {
@@ -31181,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
@@ -31281,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);
@@ -33811,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.
@@ -33885,6 +34010,7 @@ UiAiAssistant = __decorate([
 
 
 
+
 
 
 // JODIT-START:FAT
@@ -41871,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.
@@ -41904,6 +42031,7 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('indent', indent);
 
 
 
+
 
 
 /***/ }),
@@ -52881,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: