jodit 4.9.9 → 4.9.11

package/es2015/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
  */
@@ -2075,7 +2075,96 @@ __webpack_require__.r(__webpack_exports__);
 
 let 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
  */ class Config {
     static get defaultOptions() {
         if (!Config.__defaultOptions) {
@@ -2085,31 +2174,32 @@ let ConfigPrototype = {};
     }
     constructor(){
         /**
-	 * 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_0__._)(this, "cache", true);
         /**
 	 * Timeout of all asynchronous methods
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "defaultTimeout", 100);
-        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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_0__._)(this, "namespace", '');
         /**
 	 * Editor loads completely without plugins. Useful when debugging your own plugin.
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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
@@ -2119,19 +2209,16 @@ let 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
@@ -2169,7 +2256,32 @@ let ConfigPrototype = {};
 	 * });
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "preset", 'custom');
-        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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_0__._)(this, "presets", {
             inline: {
                 inline: true,
                 toolbar: false,
@@ -2181,7 +2293,10 @@ let ConfigPrototype = {};
                 showPlaceholder: false
             }
         });
-        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "ownerDocument", jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.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_0__._)(this, "ownerDocument", jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.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
@@ -2212,7 +2327,9 @@ let ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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_0__._)(this, "zIndex", 0);
         /**
 	 * Change the read-only state of the editor
@@ -2248,7 +2365,6 @@ let ConfigPrototype = {};
         /**
 	 * Size of icons in the toolbar (can be "small", "middle", "large")
 	 *
-	 * @example
 	 * ```javascript
 	 * const editor = Jodit.make(".dark_editor", {
 	 *      toolbarButtonSize: "small"
@@ -2259,11 +2375,13 @@ let ConfigPrototype = {};
 	 * Allow navigation in the toolbar of the editor by Tab key
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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_0__._)(this, "inline", false);
         /**
 	 * Theme (can be "dark")
-	 * @example
+	 *
 	 * ```javascript
 	 * const editor = Jodit.make(".dark_editor", {
 	 *      theme: "dark"
@@ -2276,10 +2394,9 @@ let 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'
@@ -2295,7 +2412,7 @@ let ConfigPrototype = {};
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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'
@@ -2315,7 +2432,7 @@ let 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: {
@@ -2326,13 +2443,14 @@ let ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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'
 	 * 		}
 	 * });
 	 * ```
@@ -2341,7 +2459,6 @@ let 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: {
@@ -2353,9 +2470,9 @@ let ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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 () {
@@ -2369,7 +2486,6 @@ let 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'
@@ -2381,7 +2497,6 @@ let 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>
@@ -2395,7 +2510,6 @@ let ConfigPrototype = {};
         /**
 	 * if true all Lang.i18n(key) return `{key}`
 	 *
-	 * @example
 	 * ```html
 	 * <script>
 	 * var editor = Jodit.make('.editor', {
@@ -2409,7 +2523,6 @@ let ConfigPrototype = {};
         /**
 	 * Collection of language pack data `{en: {'Type something': 'Type something', ...}}`
 	 *
-	 * @example
 	 * ```javascript
 	 * const editor = Jodit.make('#editor', {
 	 *     language: 'ru',
@@ -2441,11 +2554,11 @@ let ConfigPrototype = {};
 	 * Delay before show tooltip
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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_0__._)(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_0__._)(this, "defaultActionOnPaste", jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.INSERT_AS_HTML);
         // TODO
         // autosave: false, // false or url
@@ -2458,7 +2571,6 @@ let 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,
@@ -2470,7 +2582,7 @@ let ConfigPrototype = {};
         /**
 	 * Allow editing the entire HTML document(html, head)
 	 * \> Works together with the iframe option.
-	 * @example
+	 *
 	 * ```js
 	 * const editor = Jodit.make('#editor', {
 	 *   iframe: true,
@@ -2489,7 +2601,7 @@ let 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
@@ -2498,11 +2610,11 @@ let ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "defaultMode", jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.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_0__._)(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']
@@ -2598,7 +2710,7 @@ let ConfigPrototype = {};
         });
         /**
 	 * The default tab color picker
-	 * @example
+	 *
 	 * ```javascript
 	 * Jodit.make('#editor2', {
 	 *     colorPickerDefaultTab: 'color'
@@ -2606,11 +2718,11 @@ let ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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_0__._)(this, "imageDefaultWidth", 300);
         /**
 	 * Do not display these buttons that are on the list
-	 * @example
+	 *
 	 * ```javascript
 	 * Jodit.make('#editor2', {
 	 *     removeButtons: ['hr', 'source']
@@ -2619,7 +2731,7 @@ let ConfigPrototype = {};
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "removeButtons", []);
         /**
 	 * Do not init these plugins
-	 * @example
+	 *
 	 * ```typescript
 	 * var editor = Jodit.make('.editor', {
 	 *    disablePlugins: 'table,iframe'
@@ -2632,7 +2744,7 @@ let ConfigPrototype = {};
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "disablePlugins", []);
         /**
 	 * Init and download extra plugins
-	 * @example
+	 *
 	 * ```typescript
 	 * var editor = Jodit.make('.editor', {
 	 *    extraPlugins: ['emoji']
@@ -2644,14 +2756,13 @@ let ConfigPrototype = {};
 	 * Base path for download extra plugins
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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_0__._)(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({
@@ -2660,8 +2771,9 @@ let ConfigPrototype = {};
 	 *     icon: 'someIcon'
 	 *   }]
 	 * });
+	 * ```
 	 *
-	 * @example
+	 * ```js
 	 * const editor = Jodit.make({
 	 *   extraIcons: {
 	 *     someIcon: '<svg><path.../></svg>'
@@ -2672,7 +2784,7 @@ let ConfigPrototype = {};
 	 *   }]
 	 * });
 	 * ```
-	 * @example
+	 *
 	 * ```js
 	 * const editor = Jodit.make({
 	 *   extraButtons: [{
@@ -2684,7 +2796,7 @@ let ConfigPrototype = {};
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "extraIcons", {});
         /**
 	 * Default attributes for created inside editor elements
-	 * @example
+	 *
 	 * ```js
 	 * const editor2 = Jodit.make('#editor', {
 	 * 	createAttributes: {
@@ -2704,7 +2816,7 @@ let ConfigPrototype = {};
 	 * expect(ul.className).equals('ui-test');
 	 * ```
 	 * Or JSX in React
-	 * @example
+	 *
 	 * ```jsx
 	 * import React, {useState, useRef} from 'react';
 	 * import JoditEditor from "jodit-react";
@@ -2736,7 +2848,7 @@ let 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'],
@@ -2744,7 +2856,7 @@ let ConfigPrototype = {};
 	 *     buttonsXS: ['bold', 'fullsize'],
 	 * });
 	 * ```
-	 * @example
+	 *
 	 * ```javascript
 	 * Jodit.make('#editor2', {
 	 *     buttons: [{
@@ -2768,7 +2880,7 @@ let ConfigPrototype = {};
 	 *     }]
 	 * });
 	 * ```
-	 * @example
+	 *
 	 * ```javascript
 	 * Jodit.make('#editor2', {
 	 *     buttons: Jodit.defaultOptions.buttons.concat([{
@@ -2864,7 +2976,8 @@ let 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_0__._)(this, "controls", void 0);
         /**
 	 * Some events are called when the editor is initialized, for example, the `afterInit` event.
@@ -2892,7 +3005,7 @@ let ConfigPrototype = {};
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "events", {});
         /**
-	 * Buttons in toolbat without SVG - only texts
+	 * Buttons in toolbar without SVG - only texts
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "textIcons", false);
         /**
 	 * Element for dialog container
@@ -3783,7 +3896,13 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_0__.pluginSystem.add('table', table);
 /* harmony import */ var _engines_local_storage_provider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(59807);
 /* harmony import */ var _engines_memory_storage_provider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9505);
 /* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_6__ = __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
+ */ 
 
 
 
@@ -9583,6 +9702,9 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_20__.U
     className() {
         return 'ToolbarButton';
     }
+    getRole() {
+        return 'listitem';
+    }
     /**
 	 * Get parent toolbar
 	 */ get toolbar() {
@@ -9650,7 +9772,6 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_20__.U
         const cn = this.componentName;
         const container = this.j.c.span(cn);
         const button = super.createContainer();
-        (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_18__.attr)(container, 'role', 'listitem');
         button.classList.remove(cn);
         button.classList.add(cn + '__button');
         Object.defineProperty(button, 'component', {
@@ -18027,7 +18148,13 @@ ToolbarCollection = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__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
+ */ 
 const eventEmitter = new _event_emitter__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
 
 
@@ -21012,12 +21139,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.
  *
@@ -26371,6 +26498,9 @@ class UIGroup extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_6__.UIEleme
     className() {
         return 'UIGroup';
     }
+    getRole() {
+        return 'list';
+    }
     /**
 	 * All group children
 	 */ get allChildren() {
@@ -27562,7 +27692,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
  */ const getItem = (node, root, tag = 'a')=>jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.closest(node, (elm)=>jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, tag), root);
@@ -33806,13 +33942,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
@@ -34859,7 +34994,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.9.9";
+ */ const APP_VERSION = "4.9.11";
 // prettier-ignore
 const ES = "es2015";
 const IS_ES_MODERN = true;
@@ -38320,6 +38455,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
  */ 
 
 const componentRegistry = new Map();
@@ -40448,9 +40587,10 @@ function elementsEqualAttributes(elm1, elm2) {
 /* harmony import */ var jodit_core_decorators_derive_derive__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(24968);
 /* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23211);
 /* harmony import */ var jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(85932);
-/* harmony import */ var jodit_core_traits_elms__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(23183);
-/* harmony import */ var jodit_core_traits_mods__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(81987);
-/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(29434);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7909);
+/* harmony import */ var jodit_core_traits_elms__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(23183);
+/* harmony import */ var jodit_core_traits_mods__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(81987);
+/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(29434);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -40466,7 +40606,11 @@ function elementsEqualAttributes(elm1, elm2) {
 
 
 
+
 class UIElement extends jodit_core_component__WEBPACK_IMPORTED_MODULE_2__.ViewComponent {
+    getRole() {
+        return '';
+    }
     get parentElement() {
         return this.__parentElement;
     }
@@ -40555,7 +40699,7 @@ class UIElement extends jodit_core_component__WEBPACK_IMPORTED_MODULE_2__.ViewCo
         return result;
     }
     parseTemplate(result) {
-        return this.j.c.fromHTML(result.replace(/\*([^*]+?)\*/g, (_, name)=>jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_8__.Icon.get(name) || '').replace(/&_/g, this.componentName + '_').replace(/~([^~]+?)~/g, (_, s)=>this.i18n(s)));
+        return this.j.c.fromHTML(result.replace(/\*([^*]+?)\*/g, (_, name)=>jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_9__.Icon.get(name) || '').replace(/&_/g, this.componentName + '_').replace(/~([^~]+?)~/g, (_, s)=>this.i18n(s)));
     }
     /** @override */ destruct() {
         jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(this.container);
@@ -40565,6 +40709,8 @@ class UIElement extends jodit_core_component__WEBPACK_IMPORTED_MODULE_2__.ViewCo
     /** @override */ constructor(jodit, options){
         super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "container", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "name", ''), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__parentElement", null), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "mods", {});
         this.container = this.createContainer(options);
+        const role = this.getRole();
+        role && (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_6__.attr)(this.container, 'role', role);
         Object.defineProperty(this.container, 'component', {
             value: this,
             configurable: true
@@ -40572,7 +40718,7 @@ class UIElement extends jodit_core_component__WEBPACK_IMPORTED_MODULE_2__.ViewCo
     }
 }
 UIElement = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_core_decorators_derive_derive__WEBPACK_IMPORTED_MODULE_3__.derive)(jodit_core_traits_mods__WEBPACK_IMPORTED_MODULE_7__.Mods, jodit_core_traits_elms__WEBPACK_IMPORTED_MODULE_6__.Elms)
+    (0,jodit_core_decorators_derive_derive__WEBPACK_IMPORTED_MODULE_3__.derive)(jodit_core_traits_mods__WEBPACK_IMPORTED_MODULE_8__.Mods, jodit_core_traits_elms__WEBPACK_IMPORTED_MODULE_7__.Elms)
 ], UIElement);