jodit 4.15.18 → 4.16.0

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

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.18";
+export const APP_VERSION = "4.16.0";
 // prettier-ignore
 export const ES = "es2020";
 export const IS_ES_MODERN = true;

package/esm/core/ui/button/button/button.js

@@ -112,6 +112,7 @@ let UIButton = class UIButton extends UIElement {
         this.name = this.state.name;
         attr(this.container, 'data-ref', this.state.name);
         attr(this.container, 'ref', this.state.name);
+        this.updateAriaLabel();
     }
     onChangeTooltip() {
         const i8nTooltip = this.state.tooltip
@@ -125,11 +126,16 @@ let UIButton = class UIButton extends UIElement {
     }
     updateAriaLabel() {
         const hasText = this.state.text.trim().length > 0;
-        const i8nTooltip = this.state.tooltip
+        // An icon-only button without a tooltip would have no accessible
+        // name at all — fall back to its raw name (not translated: control
+        // names are identifiers, not i18n keys).
+        const label = this.state.tooltip
             ? this.jodit.i18n(this.state.tooltip)
-            : null;
-        attr(this.container, 'aria-label', i8nTooltip);
-        attr(this.button, 'aria-label', !hasText ? i8nTooltip : null);
+            : !hasText && this.state.name
+                ? this.state.name
+                : null;
+        attr(this.container, 'aria-label', label);
+        attr(this.button, 'aria-label', !hasText ? label : null);
     }
     onChangeTabIndex() {
         attr(this.container, 'tabindex', this.state.tabIndex);

package/esm/core/ui/form/inputs/file/file.js

@@ -43,6 +43,7 @@ let UIFileInput = class UIFileInput extends UIInput {
         return this.j.create.fromHTML(`<input
 			type="file"
 			accept="${options.onlyImages ? 'image/*' : '*'}"
+			aria-label="${this.j.i18n(options.tooltip || 'Upload')}"
 			tabindex="-1"
 			dir="auto"
 			multiple=""

package/esm/core/ui/group/group.d.ts

@@ -13,6 +13,10 @@ import { UIElement } from "../element";
 export declare class UIGroup<T extends IViewBased = IViewBased> extends UIElement<T> implements IUIGroup {
     readonly options?: IDictionary | undefined;
     className(): string;
+    /**
+     * A generic container: `group` allows any children. Toolbar button groups
+     * are lists of `listitem`s and get `role="list"` explicitly from `UIList`.
+     */
     getRole(): string;
     /**
      * Synchronize mods to all children

package/esm/core/ui/group/group.js

@@ -23,9 +23,13 @@ let UIGroup = UIGroup_1 = class UIGroup extends UIElement {
     className() {
         return 'UIGroup';
     }
+    /**
+     * A generic container: `group` allows any children. Toolbar button groups
+     * are lists of `listitem`s and get `role="list"` explicitly from `UIList`.
+     */
     getRole() {
         var _a;
-        return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.role) || 'list';
+        return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.role) || 'group';
     }
     /**
      * All group children

package/esm/core/ui/group/list.js

@@ -43,8 +43,8 @@ let UIList = class UIList extends UIGroup {
     /**
      * Make new group and append it in list of elements
      */
-    makeGroup(role) {
-        return new UIGroup(this.jodit, [], role ? { role } : undefined);
+    makeGroup(role = 'list') {
+        return new UIGroup(this.jodit, [], { role });
     }
     /**
      * All buttons from list

package/esm/modules/dialog/dialog.js

@@ -21,6 +21,7 @@ import { Dom } from "../../core/dom/dom.js";
 import { eventEmitter, pluginSystem } from "../../core/global.js";
 import { asArray, splitArray, toArray } from "../../core/helpers/array/index.js";
 import { hasContainer, isArray, isBoolean, isFunction, isNumber, isString, isVoid } from "../../core/helpers/checker/index.js";
+import { stripTags } from "../../core/helpers/html/strip-tags.js";
 import { attr, ConfigProto, css } from "../../core/helpers/utils/index.js";
 import { assert } from "../../core/helpers/utils/assert.js";
 import { Icon } from "../../core/ui/index.js";
@@ -292,6 +293,12 @@ let Dialog = Dialog_1 = class Dialog extends ViewWithToolbar {
      */
     setHeader(content) {
         this.setElements(this.dialogbox_header, content);
+        // `role="dialog"` needs an accessible name; a text title is the
+        // natural one (element titles are left to the caller).
+        if (isString(content)) {
+            const name = stripTags(content, this.od).trim();
+            attr(this.container, 'aria-label', name || null);
+        }
         return this;
     }
     /**

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

@@ -13,6 +13,13 @@ export declare class ToolbarContent<T extends IViewBased = IViewBased> extends U
     readonly target: Nullable<HTMLElement>;
     /** @override */
     className(): string;
+    /** A toolbar item like `ToolbarButton`: the parent group is a `list`. */
+    getRole(): string;
+    /**
+     * Arbitrary content is not a toggle button — `aria-pressed` is not
+     * allowed on a `listitem`.
+     */
+    protected onChangeActivated(): void;
     /** @override */
     update(): void;
     /**

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

@@ -28,6 +28,15 @@ let ToolbarContent = class ToolbarContent extends UIButton {
     className() {
         return 'ToolbarContent';
     }
+    /** A toolbar item like `ToolbarButton`: the parent group is a `list`. */
+    getRole() {
+        return 'listitem';
+    }
+    /**
+     * Arbitrary content is not a toggle button — `aria-pressed` is not
+     * allowed on a `listitem`.
+     */
+    onChangeActivated() { }
     /** @override */
     update() {
         var _a, _b, _c;
@@ -73,7 +82,6 @@ let ToolbarContent = class ToolbarContent extends UIButton {
         this.control = control;
         this.target = target;
         this.container.classList.add(`${this.componentName}_${this.clearName(control.name)}`);
-        attr(this.container, 'role', 'content');
     }
 };
 ToolbarContent = __decorate([

package/esm/plugins/source/editor/engines/ace.js

@@ -127,23 +127,30 @@ export class AceEditor extends SourceEditor {
             onResize();
             this.onReady();
         };
+        let loading = false;
         const initAceEditor = () => {
             if (editor.isInDestruct ||
                 (editor.getRealMode() !== constants.MODE_SOURCE &&
                     editor.getMode() !== constants.MODE_SPLIT)) {
                 return;
             }
+            // ACE (~400 KiB from the CDN) is only needed once the source view
+            // is actually shown — a page that stays in WYSIWYG must not
+            // download it.
+            if (!this.aceExists()) {
+                if (!loading) {
+                    loading = true;
+                    loadNext(editor, editor.o.sourceEditorCDNUrlsJS)
+                        .then(initAceEditor)
+                        .catch(() => null);
+                }
+                return;
+            }
             this.fromWYSIWYG();
             tryInitAceEditor();
         };
         editor.e.on('afterSetMode', initAceEditor);
         initAceEditor();
-        // global add ace editor in browser
-        if (!this.aceExists()) {
-            loadNext(editor, editor.o.sourceEditorCDNUrlsJS)
-                .then(initAceEditor)
-                .catch(() => null);
-        }
     }
     destruct() {
         var _a, _b;

package/esm/plugins/source/source.js

@@ -261,7 +261,26 @@ export class source extends Plugin {
                 return false;
             };
             if (!addEventListener()) {
-                loadNext(editor, editor.o.beautifyHTMLCDNUrlsJS).then(addEventListener, () => null);
+                // js-beautify is only needed once the source view is shown —
+                // do not download it for a page that stays in WYSIWYG.
+                let loading = false;
+                const loadBeautify = () => {
+                    if (loading ||
+                        (editor.getMode() !== MODE_SOURCE &&
+                            editor.getMode() !== MODE_SPLIT)) {
+                        return;
+                    }
+                    loading = true;
+                    loadNext(editor, editor.o.beautifyHTMLCDNUrlsJS).then(() => {
+                        // The source view was filled before the
+                        // beautifier arrived — format it now.
+                        if (addEventListener()) {
+                            this.syncValueFromWYSIWYG(true);
+                        }
+                    }, () => null);
+                };
+                editor.e.on('afterSetMode.source', loadBeautify);
+                loadBeautify();
             }
         }
         this.syncValueFromWYSIWYG(true);

package/package.json

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

package/types/core/ui/group/group.d.ts

@@ -13,6 +13,10 @@ import { UIElement } from "../element";
 export declare class UIGroup<T extends IViewBased = IViewBased> extends UIElement<T> implements IUIGroup {
     readonly options?: IDictionary | undefined;
     className(): string;
+    /**
+     * A generic container: `group` allows any children. Toolbar button groups
+     * are lists of `listitem`s and get `role="list"` explicitly from `UIList`.
+     */
     getRole(): string;
     /**
      * Synchronize mods to all children

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

@@ -13,6 +13,13 @@ export declare class ToolbarContent<T extends IViewBased = IViewBased> extends U
     readonly target: Nullable<HTMLElement>;
     /** @override */
     className(): string;
+    /** A toolbar item like `ToolbarButton`: the parent group is a `list`. */
+    getRole(): string;
+    /**
+     * Arbitrary content is not a toggle button — `aria-pressed` is not
+     * allowed on a `listitem`.
+     */
+    protected onChangeActivated(): void;
     /** @override */
     update(): void;
     /**