jodit-pro 4.9.21 → 4.9.25

package/es5/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.9.21
+ * Version: v4.9.25
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -5571,7 +5571,7 @@ function _ts_values(o) {
             key: "temporaryList",
             value: /**
      * Get temporary list
-     * @deprecated
+     * @deprecated Just do not use it, it is not needed anymore
      */ function temporaryList(root) {
                 return (0,_helpers_array_to_array_js__WEBPACK_IMPORTED_MODULE_1__.toArray)(root.querySelectorAll("[".concat(_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEMP_ATTR, "]")));
             }
@@ -7679,37 +7679,127 @@ function _create_class(Constructor, protoProps, staticProps) {
 
 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() {
         _class_call_check(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.
          */ this.cache = true;
         /**
          * Timeout of all asynchronous methods
          */ this.defaultTimeout = 100;
-        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.
+         */ this.namespace = '';
         /**
          * Editor loads completely without plugins. Useful when debugging your own plugin.
          */ 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
@@ -7719,19 +7809,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
@@ -7768,7 +7855,32 @@ var ConfigPrototype = {};
          * });
          * ```
          */ this.preset = 'custom';
-        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'
+         * });
+         * ```
+         */ this.presets = {
             inline: {
                 inline: true,
                 toolbar: false,
@@ -7780,7 +7892,10 @@ var ConfigPrototype = {};
                 showPlaceholder: false
             }
         };
-        this.ownerDocument = _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.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.
+         */ this.ownerDocument = _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.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
@@ -7811,7 +7926,9 @@ var ConfigPrototype = {};
          * ```
          */ 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.
          */ this.zIndex = 0;
         /**
          * Change the read-only state of the editor
@@ -7847,7 +7964,6 @@ var ConfigPrototype = {};
         /**
          * Size of icons in the toolbar (can be "small", "middle", "large")
          *
-         * @example
          * ```javascript
          * const editor = Jodit.make(".dark_editor", {
          *      toolbarButtonSize: "small"
@@ -7858,11 +7974,13 @@ var ConfigPrototype = {};
          * Allow navigation in the toolbar of the editor by Tab key
          */ 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.
          */ this.inline = false;
         /**
          * Theme (can be "dark")
-         * @example
+         *
          * ```javascript
          * const editor = Jodit.make(".dark_editor", {
          *      theme: "dark"
@@ -7875,10 +7993,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'
@@ -7894,7 +8011,7 @@ var ConfigPrototype = {};
          */ 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'
@@ -7914,7 +8031,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: {
@@ -7925,13 +8042,14 @@ var ConfigPrototype = {};
          * ```
          */ 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'
          * 		}
          * });
          * ```
@@ -7940,7 +8058,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: {
@@ -7952,9 +8069,9 @@ var ConfigPrototype = {};
          * ```
          */ 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 () {
@@ -7968,7 +8085,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'
@@ -7980,7 +8096,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>
@@ -7994,7 +8109,6 @@ var ConfigPrototype = {};
         /**
          * if true all Lang.i18n(key) return `{key}`
          *
-         * @example
          * ```html
          * <script>
          * var editor = Jodit.make('.editor', {
@@ -8008,7 +8122,6 @@ var ConfigPrototype = {};
         /**
          * Collection of language pack data `{en: {'Type something': 'Type something', ...}}`
          *
-         * @example
          * ```javascript
          * const editor = Jodit.make('#editor', {
          *     language: 'ru',
@@ -8040,11 +8153,11 @@ var ConfigPrototype = {};
          * Delay before show tooltip
          */ 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
          */ 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`.
          */ this.defaultActionOnPaste = _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.INSERT_AS_HTML;
         // TODO
         // autosave: false, // false or url
@@ -8057,7 +8170,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,
@@ -8069,7 +8181,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,
@@ -8088,7 +8200,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
@@ -8097,11 +8209,11 @@ var ConfigPrototype = {};
          * ```
          */ this.defaultMode = _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.MODE_WYSIWYG;
         /**
-         * Use split mode
+         * When enabled, the editor displays both the WYSIWYG view and the source-code view side by side.
          */ 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']
@@ -8197,7 +8309,7 @@ var ConfigPrototype = {};
         };
         /**
          * The default tab color picker
-         * @example
+         *
          * ```javascript
          * Jodit.make('#editor2', {
          *     colorPickerDefaultTab: 'color'
@@ -8205,11 +8317,11 @@ var ConfigPrototype = {};
          * ```
          */ this.colorPickerDefaultTab = 'background';
         /**
-         * Image size defaults to a larger image
+         * Default width (in pixels) applied to images inserted into the editor
          */ this.imageDefaultWidth = 300;
         /**
          * Do not display these buttons that are on the list
-         * @example
+         *
          * ```javascript
          * Jodit.make('#editor2', {
          *     removeButtons: ['hr', 'source']
@@ -8218,7 +8330,7 @@ var ConfigPrototype = {};
          */ this.removeButtons = [];
         /**
          * Do not init these plugins
-         * @example
+         *
          * ```typescript
          * var editor = Jodit.make('.editor', {
          *    disablePlugins: 'table,iframe'
@@ -8231,7 +8343,7 @@ var ConfigPrototype = {};
          */ this.disablePlugins = [];
         /**
          * Init and download extra plugins
-         * @example
+         *
          * ```typescript
          * var editor = Jodit.make('.editor', {
          *    extraPlugins: ['emoji']
@@ -8240,14 +8352,13 @@ var ConfigPrototype = {};
          * It will try load %SCRIPT_PATH%/plugins/emoji/emoji.js and after load will try init it
          */ this.extraPlugins = [];
         /**
-         * These buttons list will be added to the option. Buttons
+         * Additional buttons appended to the {@link Config.buttons} list
          */ 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({
@@ -8256,8 +8367,9 @@ var ConfigPrototype = {};
          *     icon: 'someIcon'
          *   }]
          * });
+         * ```
          *
-         * @example
+         * ```js
          * const editor = Jodit.make({
          *   extraIcons: {
          *     someIcon: '<svg><path.../></svg>'
@@ -8268,7 +8380,7 @@ var ConfigPrototype = {};
          *   }]
          * });
          * ```
-         * @example
+         *
          * ```js
          * const editor = Jodit.make({
          *   extraButtons: [{
@@ -8280,7 +8392,7 @@ var ConfigPrototype = {};
          */ this.extraIcons = {};
         /**
          * Default attributes for created inside editor elements
-         * @example
+         *
          * ```js
          * const editor2 = Jodit.make('#editor', {
          * 	createAttributes: {
@@ -8300,7 +8412,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";
@@ -8332,7 +8444,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'],
@@ -8340,7 +8452,7 @@ var ConfigPrototype = {};
          *     buttonsXS: ['bold', 'fullsize'],
          * });
          * ```
-         * @example
+         *
          * ```javascript
          * Jodit.make('#editor2', {
          *     buttons: [{
@@ -8364,7 +8476,7 @@ var ConfigPrototype = {};
          *     }]
          * });
          * ```
-         * @example
+         *
          * ```javascript
          * Jodit.make('#editor2', {
          *     buttons: Jodit.defaultOptions.buttons.concat([{
@@ -8485,7 +8597,7 @@ var ConfigPrototype = {};
          * ```
          */ this.events = {};
         /**
-         * Buttons in toolbat without SVG - only texts
+         * Buttons in toolbar without SVG - only texts
          */ this.textIcons = false;
         /**
          * Element for dialog container
@@ -10944,7 +11056,7 @@ var UIButton = /*#__PURE__*/ function(UIElement) {
             key: "onChangeText",
             value: function onChangeText() {
                 this.text.textContent = this.jodit.i18n(this.state.text);
-                this.__updateAriaLabel();
+                this.updateAriaLabel();
             }
         },
         {
@@ -10982,12 +11094,12 @@ var UIButton = /*#__PURE__*/ function(UIElement) {
                     (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_8__.attr)(this.container, 'title', i8nTooltip);
                 }
                 (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_8__.attr)(this.container, 'aria-label', i8nTooltip);
-                this.__updateAriaLabel();
+                this.updateAriaLabel();
             }
         },
         {
-            key: "__updateAriaLabel",
-            value: function __updateAriaLabel() {
+            key: "updateAriaLabel",
+            value: function updateAriaLabel() {
                 var hasText = this.state.text.trim().length > 0;
                 var i8nTooltip = this.state.tooltip ? this.jodit.i18n(this.state.tooltip) : null;
                 (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_8__.attr)(this.container, 'aria-label', i8nTooltip);
@@ -11650,6 +11762,12 @@ var ToolbarCollection = /*#__PURE__*/ function(UIList) {
                 return 'ToolbarCollection';
             }
         },
+        {
+            key: "getRole",
+            value: function getRole() {
+                return 'toolbar';
+            }
+        },
         {
             key: "firstButton",
             get: /**
@@ -20530,11 +20648,17 @@ var UIList = /*#__PURE__*/ function(UIGroup1) {
     }
     _create_class(UIList, [
         {
-            /** @override */ key: "className",
+            key: "className",
             value: function className() {
                 return 'UIList';
             }
         },
+        {
+            key: "getRole",
+            value: function getRole() {
+                return 'list';
+            }
+        },
         {
             key: "__onChangeMode",
             value: function __onChangeMode() {
@@ -20545,8 +20669,10 @@ var UIList = /*#__PURE__*/ function(UIGroup1) {
             /**
      * Make new group and append it in list of elements
      */ key: "makeGroup",
-            value: function makeGroup() {
-                return new _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup(this.jodit);
+            value: function makeGroup(role) {
+                return new _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup(this.jodit, [], role ? {
+                    role: role
+                } : undefined);
             }
         },
         {
@@ -20586,7 +20712,7 @@ var UIList = /*#__PURE__*/ function(UIGroup1) {
                 items = (0,_helpers_array_split_array_js__WEBPACK_IMPORTED_MODULE_4__.splitArray)(items);
                 this.clear();
                 var lastBtnSeparator = false;
-                var line = this.makeGroup();
+                var line = this.makeGroup('group');
                 this.append(line);
                 line.setMod('line', true);
                 var group;
@@ -20594,7 +20720,7 @@ var UIList = /*#__PURE__*/ function(UIGroup1) {
                     var elm = null;
                     switch(control.name){
                         case '\n':
-                            line = _this.makeGroup();
+                            line = _this.makeGroup('group');
                             line.setMod('line', true);
                             group = _this.makeGroup();
                             line.append(group);
@@ -30331,6 +30457,7 @@ var ToolbarEditorCollection = /*#__PURE__*/ function(ToolbarCollection) {
      */ key: "prependInvisibleInput",
             value: function prependInvisibleInput(container) {
                 var input = this.j.create.element('input', {
+                    name: 'jodit-toolbar-focus-helper_' + this.j.id,
                     tabIndex: -1,
                     disabled: true,
                     style: 'width: 0; height:0; position: absolute; visibility: hidden;'
@@ -36764,9 +36891,10 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.toolbarStickyOffset = 0
 /* harmony import */ var _decorators_derive_derive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55153);
 /* harmony import */ var _dom_dom_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2748);
 /* harmony import */ var _helpers_checker_is_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(70799);
-/* harmony import */ var _traits_elms_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(14316);
-/* harmony import */ var _traits_mods_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(34176);
-/* harmony import */ var _icon_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(12153);
+/* harmony import */ var _helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29960);
+/* harmony import */ var _traits_elms_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(14316);
+/* harmony import */ var _traits_mods_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(34176);
+/* harmony import */ var _icon_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(12153);
 function _assert_this_initialized(self) {
     if (self === void 0) {
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -36881,6 +37009,7 @@ var UIElement_1;
 
 
 
+
 var UIElement = UIElement_1 = /*#__PURE__*/ function(ViewComponent) {
     "use strict";
     _inherits(UIElement, ViewComponent);
@@ -36893,7 +37022,10 @@ var UIElement = UIElement_1 = /*#__PURE__*/ function(ViewComponent) {
         _this.name = '';
         _this.__parentElement = null;
         _this.mods = {};
+        _this.options = options;
         _this.container = _this.createContainer(options);
+        var role = _this.getRole();
+        role && (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_4__.attr)(_this.container, 'role', role);
         Object.defineProperty(_this.container, 'component', {
             value: _this,
             configurable: true
@@ -36901,6 +37033,13 @@ var UIElement = UIElement_1 = /*#__PURE__*/ function(ViewComponent) {
         return _this;
     }
     _create_class(UIElement, [
+        {
+            key: "getRole",
+            value: function getRole() {
+                var _a;
+                return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.role) || '';
+            }
+        },
         {
             key: "parentElement",
             get: function get() {
@@ -37018,7 +37157,7 @@ var UIElement = UIElement_1 = /*#__PURE__*/ function(ViewComponent) {
             value: function parseTemplate(result) {
                 var _this = this;
                 return this.j.c.fromHTML(result.replace(/\*([^*]+?)\*/g, function(_, name) {
-                    return _icon_js__WEBPACK_IMPORTED_MODULE_6__.Icon.get(name) || '';
+                    return _icon_js__WEBPACK_IMPORTED_MODULE_7__.Icon.get(name) || '';
                 }).replace(/&_/g, this.componentName + '_').replace(/~([^~]+?)~/g, function(_, s) {
                     return _this.i18n(s);
                 }));
@@ -37052,7 +37191,7 @@ var UIElement = UIElement_1 = /*#__PURE__*/ function(ViewComponent) {
     return UIElement;
 }(_component_index_js__WEBPACK_IMPORTED_MODULE_0__.ViewComponent);
 UIElement = UIElement_1 = __decorate([
-    (0,_decorators_derive_derive_js__WEBPACK_IMPORTED_MODULE_1__.derive)(_traits_mods_js__WEBPACK_IMPORTED_MODULE_5__.Mods, _traits_elms_js__WEBPACK_IMPORTED_MODULE_4__.Elms)
+    (0,_decorators_derive_derive_js__WEBPACK_IMPORTED_MODULE_1__.derive)(_traits_mods_js__WEBPACK_IMPORTED_MODULE_6__.Mods, _traits_elms_js__WEBPACK_IMPORTED_MODULE_5__.Elms)
 ], UIElement);
 
 
@@ -47545,6 +47684,13 @@ var UIGroup = UIGroup_1 = /*#__PURE__*/ function(UIElement) {
                 return 'UIGroup';
             }
         },
+        {
+            key: "getRole",
+            value: function getRole() {
+                var _a;
+                return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.role) || 'list';
+            }
+        },
         {
             key: "allChildren",
             get: /**
@@ -58027,6 +58173,22 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
                 return 'ToolbarButton';
             }
         },
+        {
+            key: "getRole",
+            value: function getRole() {
+                return 'listitem';
+            }
+        },
+        {
+            key: "updateAriaLabel",
+            value: function updateAriaLabel() {
+                _get(_get_prototype_of(ToolbarButton.prototype), "updateAriaLabel", this).call(this);
+                if (this.trigger) {
+                    var i8nTooltip = this.state.tooltip ? this.jodit.i18n(this.state.tooltip) : null;
+                    (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_14__.attr)(this.trigger, 'aria-label', i8nTooltip);
+                }
+            }
+        },
         {
             key: "toolbar",
             get: /**
@@ -58117,14 +58279,13 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
                 var cn = this.componentName;
                 var container = this.j.c.span(cn);
                 var button = _get(_get_prototype_of(ToolbarButton.prototype), "createContainer", this).call(this);
-                (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_14__.attr)(container, 'role', 'listitem');
                 button.classList.remove(cn);
                 button.classList.add(cn + '__button');
                 Object.defineProperty(button, 'component', {
                     value: this
                 });
                 container.appendChild(button);
-                var trigger = this.j.c.fromHTML('<span role="trigger" class="'.concat(cn, '__trigger">').concat(_core_ui_icon_js__WEBPACK_IMPORTED_MODULE_18__.Icon.get('chevron'), "</span>"));
+                var trigger = this.j.c.fromHTML('<span role="button" aria-haspopup="true" aria-expanded="false" class="'.concat(cn, '__trigger">').concat(_core_ui_icon_js__WEBPACK_IMPORTED_MODULE_18__.Icon.get('chevron'), "</span>"));
                 // For caching
                 button.appendChild(trigger);
                 return container;
@@ -58199,6 +58360,7 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
                     return;
                 }
                 var _this1 = this, ctr = _this1.control;
+                (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_14__.attr)(this.trigger, 'aria-expanded', true);
                 e.buffer = {
                     actionTrigger: this
                 };
@@ -58332,6 +58494,9 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
                     this.openedPopup.close();
                     this.openedPopup.destruct();
                     this.openedPopup = null;
+                    if (this.trigger) {
+                        (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_14__.attr)(this.trigger, 'aria-expanded', false);
+                    }
                 }
             }
         },
@@ -62788,13 +62953,12 @@ _config_js__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
@@ -64171,7 +64335,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-var APP_VERSION = "4.9.21";
+var APP_VERSION = "4.9.25";
 // prettier-ignore
 var ES = "es5";
 var IS_ES_MODERN = false;
@@ -64946,11 +65110,13 @@ ToolbarSelect = __decorate([
 /* harmony import */ var _core_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82758);
 /* harmony import */ var _core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22732);
 /* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(580);
-/* harmony import */ var _core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21537);
-/* harmony import */ var _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50911);
-/* harmony import */ var _modules_context_menu_context_menu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80870);
-/* harmony import */ var _modules_toolbar_factory_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21491);
-/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(86012);
+/* harmony import */ var _core_helpers_string_trim_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(49055);
+/* harmony import */ var _core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29960);
+/* harmony import */ var _core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(76078);
+/* harmony import */ var _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(50911);
+/* harmony import */ var _modules_context_menu_context_menu_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(80870);
+/* harmony import */ var _modules_toolbar_factory_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(21491);
+/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(86012);
 function _assert_this_initialized(self) {
     if (self === void 0) {
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -65110,6 +65276,8 @@ function _is_native_reflect_construct() {
 
 
 
+
+
 /**
  * Show a path to a current element in status bar
  */ var xpath = /*#__PURE__*/ function(Plugin) {
@@ -65121,7 +65289,7 @@ function _is_native_reflect_construct() {
         _this = _call_super(this, xpath, arguments);
         _this.onContext = function(bindElement, event) {
             if (!_this.menu) {
-                _this.menu = new _modules_context_menu_context_menu_js__WEBPACK_IMPORTED_MODULE_5__.ContextMenu(_this.j);
+                _this.menu = new _modules_context_menu_context_menu_js__WEBPACK_IMPORTED_MODULE_7__.ContextMenu(_this.j);
             }
             _this.menu.show(event.clientX, event.clientY, [
                 {
@@ -65148,7 +65316,7 @@ function _is_native_reflect_construct() {
         };
         _this.onSelectPath = function(bindElement, event) {
             _this.j.s.focus();
-            var path = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.attr)(event.target, '-path') || '/';
+            var path = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_4__.attr)(event.target, '-path') || '/';
             if (path === '/') {
                 _this.j.execCommand('selectall');
                 return false;
@@ -65164,7 +65332,7 @@ function _is_native_reflect_construct() {
             return false;
         };
         _this.tpl = function(bindElement, path, name, title) {
-            var item = _this.j.c.fromHTML('<span class="jodit-xpath__item"><a role="button" data-path="'.concat(path, '" title="').concat(title, '" tabindex="-1"\'>').concat((0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.trim)(name), "</a></span>"));
+            var item = _this.j.c.fromHTML('<span class="jodit-xpath__item"><a role="button" data-path="'.concat(path, '" title="').concat(title, '" tabindex="-1"\'>').concat((0,_core_helpers_string_trim_js__WEBPACK_IMPORTED_MODULE_3__.trim)(name), "</a></span>"));
             var a = item.firstChild;
             _this.j.e.on(a, 'click', _this.onSelectPath.bind(_this, bindElement)).on(a, 'contextmenu', _this.onContext.bind(_this, bindElement));
             return item;
@@ -65177,7 +65345,7 @@ function _is_native_reflect_construct() {
         };
         _this.appendSelectAll = function() {
             _this.removeSelectAll();
-            _this.selectAllButton = (0,_modules_toolbar_factory_js__WEBPACK_IMPORTED_MODULE_6__.makeButton)(_this.j, _object_spread({
+            _this.selectAllButton = (0,_modules_toolbar_factory_js__WEBPACK_IMPORTED_MODULE_8__.makeButton)(_this.j, _object_spread({
                 name: 'selectall'
             }, _this.j.o.controls.selectall));
             _this.selectAllButton.state.size = 'tiny';
@@ -65196,7 +65364,7 @@ function _is_native_reflect_construct() {
                 _core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__.Dom.up(current, function(elm) {
                     if (elm && _this.j.editor !== elm && !_core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__.Dom.isText(elm) && !_core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__.Dom.isComment(elm)) {
                         name = elm.nodeName.toLowerCase();
-                        xpth = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.getXPathByElement)(elm, _this.j.editor).replace(/^\//, '');
+                        xpth = (0,_core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_5__.getXPathByElement)(elm, _this.j.editor).replace(/^\//, '');
                         li = _this.tpl(elm, xpth, name, _this.j.i18n('Select %s', name));
                         _this.container && _this.container.insertBefore(li, _this.container.firstChild);
                     }
@@ -65214,6 +65382,7 @@ function _is_native_reflect_construct() {
                 var _this = this;
                 if (this.j.o.showXPathInStatusbar) {
                     this.container = this.j.c.div('jodit-xpath');
+                    (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_4__.attr)(this.container, 'role', 'list');
                     var init = function init() {
                         if (!_this.j.o.showXPathInStatusbar || !_this.container) {
                             return;
@@ -65228,7 +65397,7 @@ function _is_native_reflect_construct() {
                             _this.appendSelectAll();
                         }
                     };
-                    this.j.e.off('.xpath').on('mouseup.xpath change.xpath keydown.xpath changeSelection.xpath', this.calcPath).on('afterSetMode.xpath afterInit.xpath changePlace.xpath', init);
+                    this.j.e.off('.xpath').on('pointerup.xpath change.xpath keydown.xpath changeSelection.xpath', this.calcPath).on('afterSetMode.xpath afterInit.xpath changePlace.xpath', init);
                     init();
                     this.calcPath();
                 }
@@ -65249,7 +65418,7 @@ function _is_native_reflect_construct() {
         }
     ]);
     return xpath;
-}(_wrap_native_super(_core_plugin_index_js__WEBPACK_IMPORTED_MODULE_4__.Plugin));
+}(_wrap_native_super(_core_plugin_index_js__WEBPACK_IMPORTED_MODULE_6__.Plugin));
 _core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('xpath', xpath);