jodit 4.9.9 → 4.9.11

package/es5/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.9.9
+ * Version: v4.9.11
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -2441,37 +2441,127 @@ __webpack_require__.r(__webpack_exports__);
 
 var ConfigPrototype = {};
 /**
- * Default Editor's Configuration
+ * Default Editor's Configuration.
+ *
+ * This class holds all default option values for the Jodit editor.
+ * It uses a **private constructor** and a **lazy singleton** pattern — the single instance
+ * is created on the first access to {@link Config.defaultOptions} (also available as `Jodit.defaultOptions`).
+ *
+ * ## How options are resolved
+ *
+ * When you create an editor with `Jodit.make('#editor', userOptions)`, the library
+ * calls {@link ConfigProto}(userOptions, Config.defaultOptions). `ConfigProto` does
+ * **not** deep-clone the defaults. Instead it creates a new object whose JavaScript
+ * prototype is `Config.defaultOptions`:
+ *
+ * ```
+ * userOptions  ──[[Prototype]]──►  Config.defaultOptions
+ * ```
+ *
+ * Any key present in `userOptions` shadows the default;
+ * any key **not** present falls through to `Config.defaultOptions` via the prototype chain.
+ * Nested plain objects are recursively prototyped in the same way, so partial overrides
+ * of nested options work automatically:
+ *
+ * ```js
+ * // Only override `dialogWidth`; all other `image.*` defaults are still available
+ * Jodit.make('#editor', {
+ *   image: { dialogWidth: 500 }
+ * });
+ * ```
+ *
+ * ## How plugins extend the config
+ *
+ * Each plugin adds its own defaults by assigning to `Config.prototype` and augmenting
+ * the TypeScript type with `declare module`:
+ *
+ * ```ts
+ * // 1. Type augmentation (compile-time)
+ * declare module 'jodit/config' {
+ *   interface Config {
+ *     toolbarSticky: boolean;
+ *   }
+ * }
+ *
+ * // 2. Runtime default
+ * Config.prototype.toolbarSticky = true;
+ * ```
+ *
+ * Because the constructor runs `Object.assign(this, ConfigPrototype)` (where
+ * `ConfigPrototype` is captured as `Config.prototype` after the class definition),
+ * all prototype-level values — including those added by plugins — are materialized
+ * as own properties on the singleton. This means `Config.defaultOptions` always
+ * contains every registered option as an own, enumerable property.
+ *
+ * ## Changing global defaults
+ *
+ * You can modify `Jodit.defaultOptions` **before** creating editors to change
+ * defaults globally:
+ *
+ * ```js
+ * Jodit.defaultOptions.language = 'de';
+ * Jodit.defaultOptions.theme = 'dark';
+ *
+ * // Both editors inherit the new defaults
+ * Jodit.make('#editor1');
+ * Jodit.make('#editor2');
+ * ```
+ *
+ * ## `Jodit.atom` — preventing deep merge
+ *
+ * By default, `ConfigProto` deep-merges nested plain objects and arrays.
+ * Wrap a value with `Jodit.atom(value)` to make it **atomic** — it will completely
+ * replace the default instead of being merged:
+ *
+ * ```js
+ * Jodit.make('#editor', {
+ *   controls: {
+ *     fontsize: {
+ *       // Replace the entire list rather than merging with the default one
+ *       list: Jodit.atom([8, 9, 10])
+ *     }
+ *   }
+ * });
+ * ```
+ *
+ * `Jodit.atom` calls {@link markAsAtomic}, which sets a non-enumerable
+ * `isAtom` flag on the object. `ConfigProto` checks this flag and skips
+ * recursive merging when it is present. Note: top-level arrays (depth 0)
+ * are always treated as atomic — they replace rather than merge.
+ *
+ * @see {@link ConfigProto} for the full merge algorithm
+ * @see {@link markAsAtomic} / {@link isAtom} for the atom marker implementation
  */ var Config = /*#__PURE__*/ function() {
     "use strict";
     function Config() {
         (0,_swc_helpers_class_call_check__WEBPACK_IMPORTED_MODULE_0__._)(this, Config);
         /**
-	 * Use cache for heavy methods
+	 * When enabled, the editor caches the results of expensive computations (e.g. toolbar rebuilds)
+	 * to improve performance. Disable for debugging or when options change frequently at runtime.
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "cache", true);
         /**
 	 * Timeout of all asynchronous methods
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "defaultTimeout", 100);
-        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "namespace", '');
+        /**
+	 * Prefix used for CSS class names and local-storage keys to avoid collisions
+	 * when multiple editor instances or applications share the same page.
+	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "namespace", '');
         /**
 	 * Editor loads completely without plugins. Useful when debugging your own plugin.
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "safeMode", false);
         /**
 	 * Editor's width
 	 *
-	 * @example
 	 * ```javascript
 	 * Jodit.make('.editor', {
 	 *    width: '100%',
 	 * })
 	 * ```
-	 * @example
 	 * ```javascript
 	 * Jodit.make('.editor', {
 	 *    width: 600, // equivalent for '600px'
 	 * })
 	 * ```
-	 * @example
 	 * ```javascript
 	 * Jodit.make('.editor', {
 	 *    width: 'auto', // autosize
@@ -2481,19 +2571,16 @@ var ConfigPrototype = {};
         /**
 	 * Editor's height
 	 *
-	 * @example
 	 * ```javascript
 	 * Jodit.make('.editor', {
 	 *    height: '100%',
 	 * })
 	 * ```
-	 * @example
 	 * ```javascript
 	 * Jodit.make('.editor', {
 	 *    height: 600, // equivalent for '600px'
 	 * })
 	 * ```
-	 * @example
 	 * ```javascript
 	 * Jodit.make('.editor', {
 	 *    height: 'auto', // default - autosize
@@ -2531,7 +2618,32 @@ var ConfigPrototype = {};
 	 * });
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "preset", 'custom');
-        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "presets", {
+        /**
+	 * Dictionary of named configuration presets. Each key is a preset name and the value
+	 * is a partial options object that will be merged into the editor config when
+	 * {@link Config.preset} matches the key.
+	 *
+	 * ```javascript
+	 * // Use a built-in preset
+	 * Jodit.make('#editor', {
+	 *     preset: 'inline'
+	 * });
+	 * ```
+	 *
+	 * ```javascript
+	 * // Define and use a custom preset
+	 * Jodit.defaultOptions.presets.myCompact = {
+	 *     toolbarButtonSize: 'small',
+	 *     showCharsCounter: false,
+	 *     showWordsCounter: false,
+	 *     showXPathInStatusbar: false
+	 * };
+	 *
+	 * Jodit.make('#editor', {
+	 *     preset: 'myCompact'
+	 * });
+	 * ```
+	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "presets", {
             inline: {
                 inline: true,
                 toolbar: false,
@@ -2543,7 +2655,10 @@ var ConfigPrototype = {};
                 showPlaceholder: false
             }
         });
-        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "ownerDocument", jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.globalDocument);
+        /**
+	 * The Document object the editor operates within. Defaults to the current `document`.
+	 * Override when the editor is created inside an iframe or a different browsing context.
+	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "ownerDocument", jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.globalDocument);
         /**
 	 * Allows you to specify the window in which the editor will be created. Default - window
 	 * This is necessary if you are creating the editor inside an iframe but the code is running in the parent window
@@ -2574,7 +2689,9 @@ var ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "shadowRoot", null);
         /**
-	 * z-index For editor
+	 * Base CSS `z-index` for the editor UI (toolbar, popups, dialogs).
+	 * Set to a higher value when other page elements overlap the editor.
+	 * `0` means no explicit z-index is applied.
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "zIndex", 0);
         /**
 	 * Change the read-only state of the editor
@@ -2610,7 +2727,6 @@ var ConfigPrototype = {};
         /**
 	 * Size of icons in the toolbar (can be "small", "middle", "large")
 	 *
-	 * @example
 	 * ```javascript
 	 * const editor = Jodit.make(".dark_editor", {
 	 *      toolbarButtonSize: "small"
@@ -2621,11 +2737,13 @@ var ConfigPrototype = {};
 	 * Allow navigation in the toolbar of the editor by Tab key
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "allowTabNavigation", false);
         /**
-	 * Inline editing mode
+	 * When enabled, the editor renders without its own container chrome (toolbar, borders, statusbar).
+	 * The editable area becomes the element itself. Typically combined with
+	 * `toolbarInline: true` so a floating toolbar appears on selection.
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "inline", false);
         /**
 	 * Theme (can be "dark")
-	 * @example
+	 *
 	 * ```javascript
 	 * const editor = Jodit.make(".dark_editor", {
 	 *      theme: "dark"
@@ -2638,10 +2756,9 @@ var ConfigPrototype = {};
         /**
 	 * Class name that can be appended to the editable area
 	 *
-	 * @see [[Config.iframeCSSLinks]]
-	 * @see [[Config.iframeStyle]]
+	 * @see {@link Config.iframeCSSLinks}
+	 * @see {@link Config.iframeStyle}
 	 *
-	 * @example
 	 * ```javascript
 	 * Jodit.make('#editor', {
 	 *    editorClassName: 'some_my_class'
@@ -2657,7 +2774,7 @@ var ConfigPrototype = {};
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "editorClassName", false);
         /**
 	 * Class name that can be appended to the main editor container
-	 * @example
+	 *
 	 * ```javascript
 	 * const jodit = Jodit.make('#editor', {
 	 *    className: 'some_my_class'
@@ -2677,7 +2794,7 @@ var ConfigPrototype = {};
         /**
 	 * The internal styles of the editable area. They are intended to change
 	 * not the appearance of the editor, but to change the appearance of the content.
-	 * @example
+	 *
 	 * ```javascript
 	 * Jodit.make('#editor', {
 	 * 		style: {
@@ -2688,13 +2805,14 @@ var ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "style", false);
         /**
+	 * Inline CSS styles applied to the outer editor container element.
+	 * Use this to style the editor wrapper (borders, background, etc.) without affecting content.
 	 *
-	 * @example
 	 * ```javascript
 	 * Jodit.make('#editor', {
-	 * 		editorStyle: {
-	 * 		 font: '12px Arial',
-	 * 		 color: '#0c0c0c'
+	 * 		containerStyle: {
+	 * 		 border: '1px solid #ccc',
+	 * 		 background: '#f9f9f9'
 	 * 		}
 	 * });
 	 * ```
@@ -2703,7 +2821,6 @@ var ConfigPrototype = {};
 	 * Dictionary of variable values in css, a complete list can be found here
 	 * https://github.com/xdan/jodit/blob/main/src/styles/variables.less#L25
 	 *
-	 * @example
 	 * ```js
 	 * const editor = Jodit.make('#editor', {
 	 *   styleValues: {
@@ -2715,9 +2832,9 @@ var ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "styleValues", {});
         /**
-	 * After all, changes in editors for textarea will call change trigger
+	 * When enabled, the editor dispatches a native `change` event on the original
+	 * `<textarea>` element whenever the content changes, so standard DOM listeners work.
 	 *
-	 * @example
 	 * ```javascript
 	 * const editor = Jodit.make('#editor');
 	 * document.getElementById('editor').addEventListener('change', function () {
@@ -2731,7 +2848,6 @@ var ConfigPrototype = {};
 	 * the page element direction. 'ltr' – Indicates a Left-To-Right text direction (like in English).
 	 * 'rtl' – Indicates a Right-To-Left text direction (like in Arabic).
 	 *
-	 * @example
 	 * ```javascript
 	 * Jodit.make('.editor', {
 	 *    direction: 'rtl'
@@ -2743,7 +2859,6 @@ var ConfigPrototype = {};
 	 * (navigator.language && navigator.language.substr(0, 2)) ||
 	 * (navigator.browserLanguage && navigator.browserLanguage.substr(0, 2)) || 'en'
 	 *
-	 * @example
 	 * ```html
 	 * <!-- include in you page lang file -->
 	 * <script src="jodit/lang/de.js"></script>
@@ -2757,7 +2872,6 @@ var ConfigPrototype = {};
         /**
 	 * if true all Lang.i18n(key) return `{key}`
 	 *
-	 * @example
 	 * ```html
 	 * <script>
 	 * var editor = Jodit.make('.editor', {
@@ -2771,7 +2885,6 @@ var ConfigPrototype = {};
         /**
 	 * Collection of language pack data `{en: {'Type something': 'Type something', ...}}`
 	 *
-	 * @example
 	 * ```javascript
 	 * const editor = Jodit.make('#editor', {
 	 *     language: 'ru',
@@ -2803,11 +2916,11 @@ var ConfigPrototype = {};
 	 * Delay before show tooltip
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "showTooltipDelay", 200);
         /**
-	 * Instead of create custop tooltip - use native title tooltips
+	 * Instead of creating a custom tooltip, use the browser's native title tooltips
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "useNativeTooltip", false);
         /**
-	 * Default insert method
-	 * @default insert_as_html
+	 * How pasted content is inserted into the editor by default.
+	 * Possible values: `insert_as_html`, `insert_as_text`, `insert_only_text`, `insert_clear_html`.
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "defaultActionOnPaste", jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.INSERT_AS_HTML);
         // TODO
         // autosave: false, // false or url
@@ -2820,7 +2933,6 @@ var ConfigPrototype = {};
         /**
 	 * When this option is enabled, the editor's content will be placed in an iframe and isolated from the rest of the page.
 	 *
-	 * @example
 	 * ```javascript
 	 * Jodit.make('#editor', {
 	 *    iframe: true,
@@ -2832,7 +2944,7 @@ var ConfigPrototype = {};
         /**
 	 * Allow editing the entire HTML document(html, head)
 	 * \> Works together with the iframe option.
-	 * @example
+	 *
 	 * ```js
 	 * const editor = Jodit.make('#editor', {
 	 *   iframe: true,
@@ -2851,7 +2963,7 @@ var ConfigPrototype = {};
         /**
 	 * Jodit.MODE_WYSIWYG The HTML editor allows you to write like MSWord,
 	 * Jodit.MODE_SOURCE syntax highlighting source editor
-	 * @example
+	 *
 	 * ```javascript
 	 * var editor = Jodit.make('#editor', {
 	 *     defaultMode: Jodit.MODE_SPLIT
@@ -2860,11 +2972,11 @@ var ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "defaultMode", jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.MODE_WYSIWYG);
         /**
-	 * Use split mode
+	 * When enabled, the editor displays both the WYSIWYG view and the source-code view side by side.
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "useSplitMode", false);
         /**
 	 * The colors in HEX representation to select a color for the background and for the text in colorpicker
-	 * @example
+	 *
 	 * ```javascript
 	 *  Jodit.make('#editor', {
 	 *     colors: ['#ff0000', '#00ff00', '#0000ff']
@@ -2960,7 +3072,7 @@ var ConfigPrototype = {};
         });
         /**
 	 * The default tab color picker
-	 * @example
+	 *
 	 * ```javascript
 	 * Jodit.make('#editor2', {
 	 *     colorPickerDefaultTab: 'color'
@@ -2968,11 +3080,11 @@ var ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "colorPickerDefaultTab", 'background');
         /**
-	 * Image size defaults to a larger image
+	 * Default width (in pixels) applied to images inserted into the editor
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "imageDefaultWidth", 300);
         /**
 	 * Do not display these buttons that are on the list
-	 * @example
+	 *
 	 * ```javascript
 	 * Jodit.make('#editor2', {
 	 *     removeButtons: ['hr', 'source']
@@ -2981,7 +3093,7 @@ var ConfigPrototype = {};
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "removeButtons", []);
         /**
 	 * Do not init these plugins
-	 * @example
+	 *
 	 * ```typescript
 	 * var editor = Jodit.make('.editor', {
 	 *    disablePlugins: 'table,iframe'
@@ -2994,7 +3106,7 @@ var ConfigPrototype = {};
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "disablePlugins", []);
         /**
 	 * Init and download extra plugins
-	 * @example
+	 *
 	 * ```typescript
 	 * var editor = Jodit.make('.editor', {
 	 *    extraPlugins: ['emoji']
@@ -3006,14 +3118,13 @@ var ConfigPrototype = {};
 	 * Base path for download extra plugins
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "basePath", void 0);
         /**
-	 * These buttons list will be added to the option. Buttons
+	 * Additional buttons appended to the {@link Config.buttons} list
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "extraButtons", []);
         /**
 	 * By default, you can only install an icon from the Jodit suite.
 	 * You can add your icon to the set using the `Jodit.modules.Icon.set (name, svg Code)` method.
 	 * But for a declarative declaration, you can use this option.
 	 *
-	 * @example
 	 * ```js
 	 * Jodit.modules.Icon.set('someIcon', '<svg><path.../></svg>');
 	 * const editor = Jodit.make({
@@ -3022,8 +3133,9 @@ var ConfigPrototype = {};
 	 *     icon: 'someIcon'
 	 *   }]
 	 * });
+	 * ```
 	 *
-	 * @example
+	 * ```js
 	 * const editor = Jodit.make({
 	 *   extraIcons: {
 	 *     someIcon: '<svg><path.../></svg>'
@@ -3034,7 +3146,7 @@ var ConfigPrototype = {};
 	 *   }]
 	 * });
 	 * ```
-	 * @example
+	 *
 	 * ```js
 	 * const editor = Jodit.make({
 	 *   extraButtons: [{
@@ -3046,7 +3158,7 @@ var ConfigPrototype = {};
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "extraIcons", {});
         /**
 	 * Default attributes for created inside editor elements
-	 * @example
+	 *
 	 * ```js
 	 * const editor2 = Jodit.make('#editor', {
 	 * 	createAttributes: {
@@ -3066,7 +3178,7 @@ var ConfigPrototype = {};
 	 * expect(ul.className).equals('ui-test');
 	 * ```
 	 * Or JSX in React
-	 * @example
+	 *
 	 * ```jsx
 	 * import React, {useState, useRef} from 'react';
 	 * import JoditEditor from "jodit-react";
@@ -3098,7 +3210,7 @@ var ConfigPrototype = {};
         /**
 	 * The list of buttons that appear in the editor's toolbar on large places (≥ options.sizeLG).
 	 * Note - this is not the width of the device, the width of the editor
-	 * @example
+	 *
 	 * ```javascript
 	 * Jodit.make('#editor', {
 	 *     buttons: ['bold', 'italic', 'source'],
@@ -3106,7 +3218,7 @@ var ConfigPrototype = {};
 	 *     buttonsXS: ['bold', 'fullsize'],
 	 * });
 	 * ```
-	 * @example
+	 *
 	 * ```javascript
 	 * Jodit.make('#editor2', {
 	 *     buttons: [{
@@ -3130,7 +3242,7 @@ var ConfigPrototype = {};
 	 *     }]
 	 * });
 	 * ```
-	 * @example
+	 *
 	 * ```javascript
 	 * Jodit.make('#editor2', {
 	 *     buttons: Jodit.defaultOptions.buttons.concat([{
@@ -3226,7 +3338,8 @@ var ConfigPrototype = {};
             }
         ]);
         /**
-	 * Behavior for buttons
+	 * Map of toolbar button names to their control definitions (icon, tooltip, exec handler, etc.).
+	 * Plugins extend this object with their own button definitions via `Config.prototype.controls`.
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "controls", void 0);
         /**
 	 * Some events are called when the editor is initialized, for example, the `afterInit` event.
@@ -3254,7 +3367,7 @@ var ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "events", {});
         /**
-	 * Buttons in toolbat without SVG - only texts
+	 * Buttons in toolbar without SVG - only texts
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "textIcons", false);
         /**
 	 * Element for dialog container
@@ -4276,7 +4389,13 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_0__.pluginSystem.add('table', table);
 /* harmony import */ var _engines_local_storage_provider__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(59807);
 /* harmony import */ var _engines_memory_storage_provider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9505);
 /* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24475);
-
+/*!
+ * 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
+ */ /**
+ * @module storage
+ */ 
 
 
 
@@ -11214,6 +11333,12 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
                 return 'ToolbarButton';
             }
         },
+        {
+            key: "getRole",
+            value: function getRole() {
+                return 'listitem';
+            }
+        },
         {
             key: "toolbar",
             get: /**
@@ -11304,7 +11429,6 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
                 var cn = this.componentName;
                 var container = this.j.c.span(cn);
                 var button = (0,_swc_helpers_get__WEBPACK_IMPORTED_MODULE_4__._)((0,_swc_helpers_get_prototype_of__WEBPACK_IMPORTED_MODULE_5__._)(ToolbarButton.prototype), "createContainer", this).call(this);
-                (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_26__.attr)(container, 'role', 'listitem');
                 button.classList.remove(cn);
                 button.classList.add(cn + '__button');
                 Object.defineProperty(button, 'component', {
@@ -21503,7 +21627,13 @@ ToolbarCollection = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_8__.__d
 /* harmony export */   eventEmitter: function() { return /* binding */ eventEmitter; }
 /* harmony export */ });
 /* harmony import */ var _event_emitter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(93747);
-
+/*!
+ * 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
+ */ /**
+ * @module event-emitter
+ */ 
 var eventEmitter = new _event_emitter__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
 
 
@@ -24977,12 +25107,12 @@ function _async_to_generator(fn) {
  * 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:core/decorators/autobind/README.md]]
  * @packageDocumentation
  * @module decorators/autobind
- */ /**
+ */ 
+/**
  * Decorator that automatically binds a method to its class instance.
  * This is useful when passing methods as callbacks to preserve the correct `this` context.
  *
@@ -31455,6 +31585,12 @@ var UIGroup = /*#__PURE__*/ function(UIElement) {
                 return 'UIGroup';
             }
         },
+        {
+            key: "getRole",
+            value: function getRole() {
+                return 'list';
+            }
+        },
         {
             key: "allChildren",
             get: /**
@@ -32872,7 +33008,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   getItem: function() { return /* binding */ getItem; }
 /* harmony export */ });
 /* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(23211);
-
+/*!
+ * 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
+ */ /**
+ * @module modules/file-browser
+ */ 
 /**
  * @private
  */ var getItem = function getItem(node, root) {
@@ -39993,13 +40135,12 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.maxWidth = '100%';
 /**
  * Editor's min-height
  *
- * @example
  * ```javascript
  * Jodit.make('.editor', {
  *    minHeight: '30%' //min-height: 30%
  * })
  * ```
- * @example
+ *
  * ```javascript
  * Jodit.make('.editor', {
  *    minHeight: 200 //min-height: 200px
@@ -41208,7 +41349,7 @@ __webpack_require__.r(__webpack_exports__);
  * @packageDocumentation
  * @module constants
  */ 
-var APP_VERSION = "4.9.9";
+var APP_VERSION = "4.9.11";
 // prettier-ignore
 var ES = "es5";
 var IS_ES_MODERN = false;
@@ -45587,6 +45728,10 @@ __webpack_require__.r(__webpack_exports__);
  * 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:core/decorators/component/README.md]]
+ * @packageDocumentation
+ * @module decorators/component
  */ 
 
 
@@ -48037,9 +48182,10 @@ function elementsEqualAttributes(elm1, elm2) {
 /* harmony import */ var jodit_core_decorators_derive_derive__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(24968);
 /* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(23211);
 /* harmony import */ var jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(85932);
-/* harmony import */ var jodit_core_traits_elms__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(23183);
-/* harmony import */ var jodit_core_traits_mods__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(81987);
-/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(29434);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(7909);
+/* harmony import */ var jodit_core_traits_elms__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(23183);
+/* harmony import */ var jodit_core_traits_mods__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(81987);
+/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(29434);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -48062,6 +48208,7 @@ function elementsEqualAttributes(elm1, elm2) {
 
 
 
+
 var UIElement = /*#__PURE__*/ function(ViewComponent) {
     "use strict";
     (0,_swc_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__._)(UIElement, ViewComponent);
@@ -48072,6 +48219,8 @@ var UIElement = /*#__PURE__*/ function(ViewComponent) {
             jodit
         ]), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_3__._)(_this, "container", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_3__._)(_this, "name", ''), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_3__._)(_this, "__parentElement", null), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_3__._)(_this, "mods", {});
         _this.container = _this.createContainer(options);
+        var role = _this.getRole();
+        role && (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_13__.attr)(_this.container, 'role', role);
         Object.defineProperty(_this.container, 'component', {
             value: _this,
             configurable: true
@@ -48079,6 +48228,12 @@ var UIElement = /*#__PURE__*/ function(ViewComponent) {
         return _this;
     }
     (0,_swc_helpers_create_class__WEBPACK_IMPORTED_MODULE_2__._)(UIElement, [
+        {
+            key: "getRole",
+            value: function getRole() {
+                return '';
+            }
+        },
         {
             key: "parentElement",
             get: function get() {
@@ -48196,7 +48351,7 @@ var UIElement = /*#__PURE__*/ function(ViewComponent) {
             value: function parseTemplate(result) {
                 var _this = this;
                 return this.j.c.fromHTML(result.replace(/\*([^*]+?)\*/g, function(_, name) {
-                    return jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_15__.Icon.get(name) || '';
+                    return jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_16__.Icon.get(name) || '';
                 }).replace(/&_/g, this.componentName + '_').replace(/~([^~]+?)~/g, function(_, s) {
                     return _this.i18n(s);
                 }));
@@ -48230,7 +48385,7 @@ var UIElement = /*#__PURE__*/ function(ViewComponent) {
     return UIElement;
 }(jodit_core_component__WEBPACK_IMPORTED_MODULE_9__.ViewComponent);
 UIElement = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_8__.__decorate)([
-    (0,jodit_core_decorators_derive_derive__WEBPACK_IMPORTED_MODULE_10__.derive)(jodit_core_traits_mods__WEBPACK_IMPORTED_MODULE_14__.Mods, jodit_core_traits_elms__WEBPACK_IMPORTED_MODULE_13__.Elms)
+    (0,jodit_core_decorators_derive_derive__WEBPACK_IMPORTED_MODULE_10__.derive)(jodit_core_traits_mods__WEBPACK_IMPORTED_MODULE_15__.Mods, jodit_core_traits_elms__WEBPACK_IMPORTED_MODULE_14__.Elms)
 ], UIElement);