jodit 4.15.10 → 4.15.13

package/es5/plugins/debug/debug.css

@@ -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.10
+ * Version: v4.15.13
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/debug/debug.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.10
+ * Version: v4.15.13
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/debug/debug.min.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.10
+ * Version: v4.15.13
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.css

@@ -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.10
+ * Version: v4.15.13
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.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.10
+ * Version: v4.15.13
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.min.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.10
+ * Version: v4.15.13
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/polyfills.fat.min.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.10
+ * Version: v4.15.13
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/polyfills.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.10
+ * Version: v4.15.13
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/polyfills.min.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.10
+ * Version: v4.15.13
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/esm/core/constants.d.ts

@@ -45,6 +45,8 @@ export declare const KEY_TAB = "Tab";
 export declare const KEY_ENTER = "Enter";
 export declare const KEY_ESC = "Escape";
 export declare const KEY_ALT = "Alt";
+export declare const KEY_HOME = "Home";
+export declare const KEY_END = "End";
 export declare const KEY_LEFT = "ArrowLeft";
 export declare const KEY_UP = "ArrowUp";
 export declare const KEY_RIGHT = "ArrowRight";

package/esm/core/constants.js

@@ -3,7 +3,7 @@
  * 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
  */
-export const APP_VERSION = "4.15.10";
+export const APP_VERSION = "4.15.13";
 // prettier-ignore
 export const ES = "es2020";
 export const IS_ES_MODERN = true;
@@ -53,6 +53,8 @@ export const KEY_TAB = 'Tab';
 export const KEY_ENTER = 'Enter';
 export const KEY_ESC = 'Escape';
 export const KEY_ALT = 'Alt';
+export const KEY_HOME = 'Home';
+export const KEY_END = 'End';
 export const KEY_LEFT = 'ArrowLeft';
 export const KEY_UP = 'ArrowUp';
 export const KEY_RIGHT = 'ArrowRight';

package/esm/modules/toolbar/button/button.d.ts

@@ -67,6 +67,20 @@ export declare class ToolbarButton<T extends IViewBased = IViewBased> extends UI
      */
     protected onTriggerClick(e: MouseEvent): void;
     protected onTriggerKeyDown(e: KeyboardEvent): void;
+    /**
+     * `ArrowDown` on a button with a trigger opens its dropdown and moves the
+     * focus into it, like the WAI-ARIA menu button pattern
+     */
+    protected onButtonKeyDown(e: KeyboardEvent): void;
+    /**
+     * 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
+     */
+    private __onPopupKeyDown;
+    /**
+     * Visible controls of the opened dropdown that can take the focus
+     */
+    private __popupFocusables;
     private openedPopup;
     /**
      * Create an open popup list

package/esm/modules/toolbar/button/button.js

@@ -14,7 +14,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { STATUSES } from "../../../core/component/statuses.js";
-import { KEY_ENTER, KEY_SPACE } from "../../../core/constants.js";
+import { KEY_DOWN, KEY_ENTER, KEY_ESC, KEY_SPACE, KEY_UP } from "../../../core/constants.js";
 import { autobind } from "../../../core/decorators/autobind/autobind.js";
 import { cacheHTML } from "../../../core/decorators/cache/cache.js";
 import { component, getComponentClass } from "../../../core/decorators/component/component.js";
@@ -35,6 +35,15 @@ import { findControlType } from "../../../core/ui/helpers/get-control-type.js";
 import { Icon } from "../../../core/ui/icon.js";
 import { Popup } from "../../../core/ui/popup/popup.js";
 import { makeCollection } from "../factory.js";
+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 UIButton {
     className() {
         return 'ToolbarButton';
@@ -290,13 +299,88 @@ let ToolbarButton = class ToolbarButton extends UIButton {
         }
     }
     onTriggerKeyDown(e) {
-        if (this.state.disabled ||
-            ![KEY_ENTER, KEY_SPACE, ' '].includes(e.key)) {
+        if (this.state.disabled) {
+            return;
+        }
+        if (e.key === KEY_DOWN) {
+            this.onButtonKeyDown(e);
+            return;
+        }
+        if (![KEY_ENTER, KEY_SPACE, ' '].includes(e.key)) {
             return;
         }
         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 !== 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 (Dom.isTag(target, INPUT_TAGS) && e.key !== KEY_ESC) {
+            return;
+        }
+        const items = this.__popupFocusables(), index = items.indexOf(target);
+        switch (e.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;
+        }
+        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
      */
@@ -377,7 +461,8 @@ let ToolbarButton = class ToolbarButton extends UIButton {
         this.openedPopup = new Popup(this.j, false);
         this.j.e
             .on(this.ow, 'mousedown touchstart', this.onOutsideClick)
-            .on('escape closeAllPopups', this.onOutsideClick);
+            .on('escape closeAllPopups', this.onOutsideClick)
+            .on(this.openedPopup.container, 'keydown', this.__onPopupKeyDown);
         return this.openedPopup;
     }
     __closePopup() {
@@ -395,12 +480,19 @@ let ToolbarButton = class ToolbarButton extends UIButton {
         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 &&
+            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
@@ -460,6 +552,12 @@ __decorate([
 __decorate([
     watch('trigger:keydown')
 ], ToolbarButton.prototype, "onTriggerKeyDown", null);
+__decorate([
+    watch('button:keydown')
+], ToolbarButton.prototype, "onButtonKeyDown", null);
+__decorate([
+    autobind
+], ToolbarButton.prototype, "__onPopupKeyDown", null);
 __decorate([
     autobind
 ], ToolbarButton.prototype, "onOutsideClick", null);

package/esm/plugins/all.d.ts

@@ -66,6 +66,7 @@ import "./ai-assistant/ai-assistant";
 import "./tab/tab";
 import "./table/table";
 import "./table-keyboard-navigation/table-keyboard-navigation";
+import "./toolbar-navigation/toolbar-navigation";
 import "./video/video";
 import "./wrap-nodes/wrap-nodes";
 import "./dtd/dtd";

package/esm/plugins/all.js

@@ -67,6 +67,7 @@ import "./ai-assistant/ai-assistant.js";
 import "./tab/tab.js";
 import "./table/table.js";
 import "./table-keyboard-navigation/table-keyboard-navigation.js";
+import "./toolbar-navigation/toolbar-navigation.js";
 import "./video/video.js";
 import "./wrap-nodes/wrap-nodes.js";
 import "./dtd/dtd.js";

package/esm/plugins/index.d.ts

@@ -66,6 +66,7 @@ import "./ai-assistant/ai-assistant";
 import "./tab/tab";
 import "./table/table";
 import "./table-keyboard-navigation/table-keyboard-navigation";
+import "./toolbar-navigation/toolbar-navigation";
 import "./video/video";
 import "./wrap-nodes/wrap-nodes";
 import "./dtd/dtd";

package/esm/plugins/index.js

@@ -29,5 +29,6 @@ import "./redo-undo/redo-undo.js";
 import "./size/size.js";
 import "./stat/stat.js";
 import "./table/table.js";
+import "./toolbar-navigation/toolbar-navigation.js";
 import "./wrap-nodes/wrap-nodes.js";
 import "./dtd/dtd.js";

package/esm/plugins/toolbar-navigation/toolbar-navigation.d.ts

@@ -0,0 +1,42 @@
+/*!
+ * 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
+ */
+import type { IJodit } from "../../types/index";
+import { Plugin } from "../../core/plugin/index";
+/**
+ * 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.
+ */
+export declare class toolbarNavigation extends Plugin {
+    /** @override */
+    protected afterInit(jodit: IJodit): void;
+    /** @override */
+    protected beforeDestruct(): void;
+    /**
+     * 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(): false;
+    /**
+     * Arrow keys / `Home` / `End` walk the buttons, `Escape` leaves the toolbar
+     */
+    protected onKeyDown(e: KeyboardEvent): boolean | void;
+    /**
+     * Toolbar buttons that can take the focus right now
+     */
+    private __buttons;
+    private __isRtl;
+}

package/esm/plugins/toolbar-navigation/toolbar-navigation.js

@@ -0,0 +1,113 @@
+/*!
+ * 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 = (this && this.__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;
+};
+import { KEY_END, KEY_ESC, KEY_HOME, KEY_LEFT, KEY_RIGHT } from "../../core/constants.js";
+import { autobind } from "../../core/decorators/autobind/autobind.js";
+import { watch } from "../../core/decorators/watch/watch.js";
+import { Dom } from "../../core/dom/dom.js";
+import { pluginSystem } from "../../core/global.js";
+import { attr } from "../../core/helpers/utils/attr.js";
+import { Plugin } from "../../core/plugin/index.js";
+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.
+ */
+export class toolbarNavigation 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(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 (Dom.isTag(target, INPUT_TAGS) ||
+            (Dom.isHTMLElement(target) && target.isContentEditable)) {
+            return;
+        }
+        const buttons = this.__buttons();
+        if (!buttons.length) {
+            return;
+        }
+        switch (e.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(button => button.container.contains(target));
+                if (index === -1) {
+                    return;
+                }
+                const forward = (e.key === 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 attr(this.j.toolbar.container, 'dir') === 'rtl';
+    }
+}
+__decorate([
+    autobind
+], toolbarNavigation.prototype, "focusToolbar", null);
+__decorate([
+    watch('j.toolbar.container:keydown.toolbar-navigation')
+], toolbarNavigation.prototype, "onKeyDown", null);
+pluginSystem.add('toolbarNavigation', toolbarNavigation);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit",
-	"version": "4.15.10",
+	"version": "4.15.13",
 	"description": "Jodit is an awesome and useful wysiwyg editor with filebrowser",
 	"main": "esm/index.js",
 	"types": "types/index.d.ts",

package/types/core/constants.d.ts

@@ -45,6 +45,8 @@ export declare const KEY_TAB = "Tab";
 export declare const KEY_ENTER = "Enter";
 export declare const KEY_ESC = "Escape";
 export declare const KEY_ALT = "Alt";
+export declare const KEY_HOME = "Home";
+export declare const KEY_END = "End";
 export declare const KEY_LEFT = "ArrowLeft";
 export declare const KEY_UP = "ArrowUp";
 export declare const KEY_RIGHT = "ArrowRight";

package/types/modules/toolbar/button/button.d.ts

@@ -67,6 +67,20 @@ export declare class ToolbarButton<T extends IViewBased = IViewBased> extends UI
      */
     protected onTriggerClick(e: MouseEvent): void;
     protected onTriggerKeyDown(e: KeyboardEvent): void;
+    /**
+     * `ArrowDown` on a button with a trigger opens its dropdown and moves the
+     * focus into it, like the WAI-ARIA menu button pattern
+     */
+    protected onButtonKeyDown(e: KeyboardEvent): void;
+    /**
+     * 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
+     */
+    private __onPopupKeyDown;
+    /**
+     * Visible controls of the opened dropdown that can take the focus
+     */
+    private __popupFocusables;
     private openedPopup;
     /**
      * Create an open popup list

package/types/plugins/index.d.ts

@@ -66,6 +66,7 @@ import "./ai-assistant/ai-assistant";
 import "./tab/tab";
 import "./table/table";
 import "./table-keyboard-navigation/table-keyboard-navigation";
+import "./toolbar-navigation/toolbar-navigation";
 import "./video/video";
 import "./wrap-nodes/wrap-nodes";
 import "./dtd/dtd";

package/types/plugins/toolbar-navigation/toolbar-navigation.d.ts

@@ -0,0 +1,42 @@
+/*!
+ * 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
+ */
+import type { IJodit } from "../../types/index";
+import { Plugin } from "../../core/plugin/index";
+/**
+ * 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.
+ */
+export declare class toolbarNavigation extends Plugin {
+    /** @override */
+    protected afterInit(jodit: IJodit): void;
+    /** @override */
+    protected beforeDestruct(): void;
+    /**
+     * 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(): false;
+    /**
+     * Arrow keys / `Home` / `End` walk the buttons, `Escape` leaves the toolbar
+     */
+    protected onKeyDown(e: KeyboardEvent): boolean | void;
+    /**
+     * Toolbar buttons that can take the focus right now
+     */
+    private __buttons;
+    private __isRtl;
+}