jodit-pro 4.9.22 → 4.9.27

package/es2021/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.9.22
+ * Version: v4.9.27
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -3395,7 +3395,7 @@ class JoditPro extends jodit_esm_index__WEBPACK_IMPORTED_MODULE_3__.Jodit {
     }
     /**
      * Get temporary list
-     * @deprecated
+     * @deprecated Just do not use it, it is not needed anymore
      */ static temporaryList(root) {
         return (0,_helpers_array_to_array_js__WEBPACK_IMPORTED_MODULE_1__.toArray)(root.querySelectorAll(`[${_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEMP_ATTR}]`));
     }
@@ -6922,7 +6922,7 @@ let UIButton = class UIButton extends _element_js__WEBPACK_IMPORTED_MODULE_9__.U
     }
     onChangeText() {
         this.text.textContent = this.jodit.i18n(this.state.text);
-        this.__updateAriaLabel();
+        this.updateAriaLabel();
     }
     onChangeTextSetMode() {
         this.setMod('text-icons', Boolean(this.state.text.trim().length));
@@ -6945,9 +6945,9 @@ let UIButton = class UIButton extends _element_js__WEBPACK_IMPORTED_MODULE_9__.U
             (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();
     }
-    __updateAriaLabel() {
+    updateAriaLabel() {
         const hasText = this.state.text.trim().length > 0;
         const 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);
@@ -7430,6 +7430,9 @@ let ToolbarCollection = class ToolbarCollection extends _core_ui_group_list_js__
     className() {
         return 'ToolbarCollection';
     }
+    getRole() {
+        return 'toolbar';
+    }
     /**
      * First button in a list
      */ get firstButton() {
@@ -7531,14 +7534,30 @@ ToolbarCollection = __decorate([
 /* harmony export */   "default": function() { return /* binding */ DataProvider; }
 /* harmony export */ });
 /* harmony import */ var _core_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82758);
-/* harmony import */ var _core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21537);
-/* harmony import */ var _core_request_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41601);
-/* harmony import */ var _builders_item_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(159);
+/* harmony import */ var _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(45219);
+/* harmony import */ var _core_helpers_checker_is_function_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(23282);
+/* harmony import */ var _core_helpers_normalize_normalize_relative_path_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(70091);
+/* harmony import */ var _core_helpers_utils_config_proto_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68934);
+/* harmony import */ var _core_helpers_utils_error_index_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89890);
+/* harmony import */ var _core_helpers_utils_set_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3703);
+/* harmony import */ var _core_request_ajax_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(54079);
+/* harmony import */ var _builders_item_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(159);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
- */ 
+ */ var __decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
 
 
 
@@ -7571,13 +7590,13 @@ class DataProvider {
             ajax === null || ajax === void 0 ? void 0 : ajax.abort();
             instances.delete(name);
         }
-        const opts = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.ConfigProto)(this.options[name] !== undefined ? this.options[name] : {}, (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.ConfigProto)({
+        const opts = (0,_core_helpers_utils_config_proto_js__WEBPACK_IMPORTED_MODULE_4__.ConfigProto)(this.options[name] !== undefined ? this.options[name] : {}, (0,_core_helpers_utils_config_proto_js__WEBPACK_IMPORTED_MODULE_4__.ConfigProto)({
             onProgress: this.progressHandler
         }, this.o.ajax));
         if (opts.prepareData) {
             opts.data = opts.prepareData.call(this, opts.data);
         }
-        const ajax = new _core_request_index_js__WEBPACK_IMPORTED_MODULE_2__.Ajax(opts);
+        const ajax = new _core_request_ajax_js__WEBPACK_IMPORTED_MODULE_7__.Ajax(opts);
         instances.set(name, ajax);
         const promise = ajax.send();
         promise.finally(()=>{
@@ -7606,7 +7625,7 @@ class DataProvider {
         if (this.o.permissions.url) {
             return this.get('permissions').then((resp)=>{
                 if (this.parent.isInDestruct) {
-                    throw (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.abort)();
+                    throw (0,_core_helpers_utils_error_index_js__WEBPACK_IMPORTED_MODULE_5__.abort)();
                 }
                 let process = this.o.permissions.process;
                 if (!process) {
@@ -7628,7 +7647,7 @@ class DataProvider {
         const rule = 'allow' + action;
         if (!_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.IS_PROD) {
             if (!possibleRules.has(rule)) {
-                throw (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.error)('Wrong action ' + action);
+                throw (0,_core_helpers_utils_error_index_js__WEBPACK_IMPORTED_MODULE_5__.error)('Wrong action ' + action);
             }
         }
         const presetValue = this.o.permissionsPresets[rule];
@@ -7659,18 +7678,18 @@ class DataProvider {
     /**
      * Load items list by path and source
      */ items(path, source, mods = {}) {
-        return this.__items(path, source, mods, (resp)=>this.generateItemsList(resp.data.sources, mods));
+        return this.__items(path, source, mods, (resp)=>this.__generateItemsList(resp.data.sources, mods));
     }
     /**
      * Load items list by path and source
      */ itemsEx(path, source, mods = {}) {
         const calcTotal = (sources)=>sources.reduce((acc, source)=>acc + source.files.length, 0);
         return this.__items(path, source, mods, (resp)=>({
-                items: this.generateItemsList(resp.data.sources, mods),
+                items: this.__generateItemsList(resp.data.sources, mods),
                 loadedTotal: calcTotal(resp.data.sources)
             }));
     }
-    generateItemsList(sources, mods = {}) {
+    __generateItemsList(sources, mods = {}) {
         const elements = [];
         const canBeFile = (item)=>item.type === 'folder' || !mods.onlyImages || item.isImage === undefined || item.isImage;
         const inFilter = (item)=>{
@@ -7680,12 +7699,12 @@ class DataProvider {
         sources.forEach((source)=>{
             if (source.files && source.files.length) {
                 const { sort } = this.o;
-                if ((0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.isFunction)(sort) && mods.sortBy) {
+                if ((0,_core_helpers_checker_is_function_js__WEBPACK_IMPORTED_MODULE_2__.isFunction)(sort) && mods.sortBy) {
                     source.files.sort((a, b)=>sort(a, b, mods.sortBy));
                 }
                 source.files.forEach((item)=>{
                     if (inFilter(item) && canBeFile(item)) {
-                        elements.push(_builders_item_js__WEBPACK_IMPORTED_MODULE_3__.FileBrowserItem.create({
+                        elements.push(_builders_item_js__WEBPACK_IMPORTED_MODULE_8__.FileBrowserItem.create({
                             ...item,
                             sourceName: source.name,
                             source
@@ -7697,7 +7716,7 @@ class DataProvider {
         return elements;
     }
     async tree(path, source) {
-        path = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.normalizeRelativePath)(path);
+        path = (0,_core_helpers_normalize_normalize_relative_path_js__WEBPACK_IMPORTED_MODULE_3__.normalizeRelativePath)(path);
         if (!this.o.folder) {
             return Promise.reject(Error('Set Folder Api options'));
         }
@@ -7718,12 +7737,12 @@ class DataProvider {
     /**
      * Get path by url. You can use this method in another modules
      */ getPathByUrl(url) {
-        (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.set)('options.getLocalFileByUrl.data.url', url, this);
+        (0,_core_helpers_utils_set_js__WEBPACK_IMPORTED_MODULE_6__.set)('options.getLocalFileByUrl.data.url', url, this);
         return this.get('getLocalFileByUrl').then((resp)=>{
             if (this.isSuccess(resp)) {
                 return resp.data;
             }
-            throw (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.error)(this.getMessage(resp));
+            throw (0,_core_helpers_utils_error_index_js__WEBPACK_IMPORTED_MODULE_5__.error)(this.getMessage(resp));
         });
     }
     /**
@@ -7735,7 +7754,7 @@ class DataProvider {
      */ createFolder(name, path, source) {
         const { create } = this.o;
         if (!create) {
-            throw (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.error)('Set Create api options');
+            throw (0,_core_helpers_utils_error_index_js__WEBPACK_IMPORTED_MODULE_5__.error)('Set Create api options');
         }
         create.data.source = source;
         create.data.path = path;
@@ -7744,7 +7763,7 @@ class DataProvider {
             if (this.isSuccess(resp)) {
                 return true;
             }
-            throw (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.error)(this.getMessage(resp));
+            throw (0,_core_helpers_utils_error_index_js__WEBPACK_IMPORTED_MODULE_5__.error)(this.getMessage(resp));
         });
     }
     /**
@@ -7756,7 +7775,7 @@ class DataProvider {
         const mode = isFile ? 'fileMove' : 'folderMove';
         const option = this.options[mode];
         if (!option) {
-            throw (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.error)('Set Move api options');
+            throw (0,_core_helpers_utils_error_index_js__WEBPACK_IMPORTED_MODULE_5__.error)('Set Move api options');
         }
         option.data.from = filepath;
         option.data.path = path;
@@ -7765,7 +7784,7 @@ class DataProvider {
             if (this.isSuccess(resp)) {
                 return true;
             }
-            throw (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.error)(this.getMessage(resp));
+            throw (0,_core_helpers_utils_error_index_js__WEBPACK_IMPORTED_MODULE_5__.error)(this.getMessage(resp));
         });
     }
     /**
@@ -7774,10 +7793,10 @@ class DataProvider {
      * @param path - Relative path
      * @param file - The filename
      * @param source - Source
-     */ remove(action, path, file, source) {
+     */ __remove(action, path, file, source) {
         const fr = this.o[action];
         if (!fr) {
-            throw (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.error)(`Set "${action}" api options`);
+            throw (0,_core_helpers_utils_error_index_js__WEBPACK_IMPORTED_MODULE_5__.error)(`Set "${action}" api options`);
         }
         fr.data.path = path;
         fr.data.name = file;
@@ -7796,7 +7815,7 @@ class DataProvider {
      * @param file - The filename
      * @param source - Source
      */ fileRemove(path, file, source) {
-        return this.remove('fileRemove', path, file, source);
+        return this.__remove('fileRemove', path, file, source);
     }
     /**
      * Deleting a folder
@@ -7805,7 +7824,7 @@ class DataProvider {
      * @param file - The filename
      * @param source - Source
      */ folderRemove(path, file, source) {
-        return this.remove('folderRemove', path, file, source);
+        return this.__remove('folderRemove', path, file, source);
     }
     /**
      * Rename action
@@ -7814,10 +7833,10 @@ class DataProvider {
      * @param name - Old name
      * @param newname - New name
      * @param source - Source
-     */ rename(action, path, name, newname, source) {
+     */ __rename(action, path, name, newname, source) {
         const fr = this.o[action];
         if (!fr) {
-            throw (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.error)(`Set "${action}" api options`);
+            throw (0,_core_helpers_utils_error_index_js__WEBPACK_IMPORTED_MODULE_5__.error)(`Set "${action}" api options`);
         }
         fr.data.path = path;
         fr.data.name = name;
@@ -7833,14 +7852,14 @@ class DataProvider {
     /**
      * Rename folder
      */ folderRename(path, name, newname, source) {
-        return this.rename('folderRename', path, name, newname, source);
+        return this.__rename('folderRename', path, name, newname, source);
     }
     /**
      * Rename file
      */ fileRename(path, name, newname, source) {
-        return this.rename('fileRename', path, name, newname, source);
+        return this.__rename('fileRename', path, name, newname, source);
     }
-    changeImage(type, path, source, name, newname, box) {
+    __changeImage(type, path, source, name, newname, box) {
         if (!this.o[type]) {
             this.o[type] = {
                 data: {}
@@ -7866,12 +7885,12 @@ class DataProvider {
     /**
      * Send command to server to crop image
      */ crop(path, source, name, newname, box) {
-        return this.changeImage('crop', path, source, name, newname, box);
+        return this.__changeImage('crop', path, source, name, newname, box);
     }
     /**
      * Send command to server to resize image
      */ resize(path, source, name, newname, box) {
-        return this.changeImage('resize', path, source, name, newname, box);
+        return this.__changeImage('resize', path, source, name, newname, box);
     }
     getMessage(resp) {
         return this.options.getMessage(resp);
@@ -7892,6 +7911,60 @@ class DataProvider {
     }
 }
 
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "onProgress", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "permissions", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "canI", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "items", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "itemsEx", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "tree", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "getPathByUrl", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "createFolder", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "move", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "fileRemove", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "folderRemove", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "folderRename", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "fileRename", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "crop", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "resize", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "getMessage", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "isSuccess", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], DataProvider.prototype, "destruct", null);
 
 
 /***/ }),
@@ -12103,6 +12176,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   buildQuery: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.buildQuery; },
 /* harmony export */   call: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.call; },
 /* harmony export */   callPromise: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.callPromise; },
+/* harmony export */   callThis: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.callThis; },
 /* harmony export */   camelCase: function() { return /* reexport safe */ _string_index_js__WEBPACK_IMPORTED_MODULE_7__.camelCase; },
 /* harmony export */   cleanFromWord: function() { return /* reexport safe */ _html_index_js__WEBPACK_IMPORTED_MODULE_4__.cleanFromWord; },
 /* harmony export */   clearAlign: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.clearAlign; },
@@ -13370,16 +13444,21 @@ _config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.popup = {
 
 
 let UIList = class UIList extends _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup {
-    /** @override */ className() {
+    className() {
         return 'UIList';
     }
+    getRole() {
+        return 'list';
+    }
     __onChangeMode() {
         this.setMod('mode', this.mode);
     }
     /**
      * Make new group and append it in list of elements
-     */ makeGroup() {
-        return new _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup(this.jodit);
+     */ makeGroup(role) {
+        return new _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup(this.jodit, [], role ? {
+            role
+        } : undefined);
     }
     /**
      * All buttons from list
@@ -13399,7 +13478,7 @@ let UIList = class UIList extends _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup
         items = (0,_helpers_array_split_array_js__WEBPACK_IMPORTED_MODULE_4__.splitArray)(items);
         this.clear();
         let lastBtnSeparator = false;
-        let line = this.makeGroup();
+        let line = this.makeGroup('group');
         this.append(line);
         line.setMod('line', true);
         let group;
@@ -13407,7 +13486,7 @@ let UIList = class UIList extends _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup
             let elm = null;
             switch(control.name){
                 case '\n':
-                    line = this.makeGroup();
+                    line = this.makeGroup('group');
                     line.setMod('line', true);
                     group = this.makeGroup();
                     line.append(group);
@@ -20455,6 +20534,7 @@ let ToolbarEditorCollection = class ToolbarEditorCollection extends _collection_
      * @see https://github.com/jodit/jodit-react/issues/138
      */ prependInvisibleInput(container) {
         const 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;'
@@ -20759,6 +20839,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_2__.Config.prototype.controls.dots = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   call: function() { return /* binding */ call; },
 /* harmony export */   callPromise: function() { return /* binding */ callPromise; },
+/* harmony export */   callThis: function() { return /* binding */ callThis; },
 /* harmony export */   getDataTransfer: function() { return /* binding */ getDataTransfer; },
 /* harmony export */   getPropertyDescriptor: function() { return /* binding */ getPropertyDescriptor; },
 /* harmony export */   keys: function() { return /* binding */ keys; },
@@ -20789,6 +20870,17 @@ _config_js__WEBPACK_IMPORTED_MODULE_2__.Config.prototype.controls.dots = {
  */ function call(func, ...args) {
     return func(...args);
 }
+/**
+ * Call function with parameters
+ *
+ * @example
+ * ```js
+ * const f = Math.random();
+ * Jodit.modules.Helpers.call(f > 0.5 ? Math.ceil : Math.floor, f);
+ * ```
+ */ function callThis(func, thisArg, ...args) {
+    return func.apply(thisArg, args);
+}
 /**
  * Mark element for debugging
  */ function markOwner(jodit, elm) {
@@ -23355,6 +23447,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   buildQuery: function() { return /* reexport safe */ _build_query_js__WEBPACK_IMPORTED_MODULE_5__.buildQuery; },
 /* harmony export */   call: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_26__.call; },
 /* harmony export */   callPromise: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_26__.callPromise; },
+/* harmony export */   callThis: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_26__.callThis; },
 /* harmony export */   clearAlign: function() { return /* reexport safe */ _align_js__WEBPACK_IMPORTED_MODULE_0__.clearAlign; },
 /* harmony export */   clearCenterAlign: function() { return /* reexport safe */ _css_js__WEBPACK_IMPORTED_MODULE_9__.clearCenterAlign; },
 /* harmony export */   cns: function() { return /* reexport safe */ _mark_deprecated_js__WEBPACK_IMPORTED_MODULE_18__.cns; },
@@ -25242,7 +25335,8 @@ var UIElement_1;
 
 let UIElement = UIElement_1 = class UIElement extends _component_index_js__WEBPACK_IMPORTED_MODULE_0__.ViewComponent {
     getRole() {
-        return '';
+        var _a;
+        return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.role) || '';
     }
     get parentElement() {
         return this.__parentElement;
@@ -25339,11 +25433,12 @@ let UIElement = UIElement_1 = class UIElement extends _component_index_js__WEBPA
         this.parentElement = null;
         return super.destruct();
     }
-    /** @override */ constructor(jodit, options){
+    constructor(jodit, options){
         super(jodit);
         this.name = '';
         this.__parentElement = null;
         this.mods = {};
+        this.options = options;
         this.container = this.createContainer(options);
         const role = this.getRole();
         role && (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_4__.attr)(this.container, 'role', role);
@@ -25600,11 +25695,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _core_component_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(91907);
 /* harmony import */ var _core_decorators_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65478);
 /* harmony import */ var _core_dom_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(22732);
-/* harmony import */ var _core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21537);
-/* harmony import */ var _core_ui_button_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(62843);
-/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6441);
-/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(62489);
-/* harmony import */ var _templates_form_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(22461);
+/* harmony import */ var _core_helpers_array_to_array_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4510);
+/* harmony import */ var _core_helpers_string_trim_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(49055);
+/* harmony import */ var _core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29960);
+/* harmony import */ var _core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(41180);
+/* harmony import */ var _core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(76078);
+/* harmony import */ var _core_helpers_utils_utils_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(37790);
+/* harmony import */ var _core_ui_button_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(62843);
+/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(6441);
+/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(62489);
+/* harmony import */ var _templates_form_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(22461);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -25624,6 +25724,11 @@ var ImageEditor_1;
 
 
 
+
+
+
+
+
 const jie = 'jodit-image-editor';
 const TABS = {
     resize: 'resize',
@@ -25671,9 +25776,9 @@ const TABS = {
         return this.j.async.promise((resolve)=>{
             const timestamp = new Date().getTime();
             this.image = this.j.c.element('img');
-            (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.$$)('img,.jodit-icon_loader', this.resize_box).forEach(_core_dom_index_js__WEBPACK_IMPORTED_MODULE_2__.Dom.safeRemove);
-            (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.$$)('img,.jodit-icon_loader', this.crop_box).forEach(_core_dom_index_js__WEBPACK_IMPORTED_MODULE_2__.Dom.safeRemove);
-            (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(this.cropHandler, 'background', 'transparent');
+            (0,_core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_7__.$$)('img,.jodit-icon_loader', this.resize_box).forEach(_core_dom_index_js__WEBPACK_IMPORTED_MODULE_2__.Dom.safeRemove);
+            (0,_core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_7__.$$)('img,.jodit-icon_loader', this.crop_box).forEach(_core_dom_index_js__WEBPACK_IMPORTED_MODULE_2__.Dom.safeRemove);
+            (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(this.cropHandler, 'background', 'transparent');
             this.onSave = save;
             this.resize_box.appendChild(this.j.c.element('i', {
                 class: 'jodit-icon_loader'
@@ -25688,7 +25793,7 @@ const TABS = {
             }
             this.image.setAttribute('src', url);
             this._dialog.open();
-            const { widthInput, heightInput } = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.refs)(this.editor);
+            const { widthInput, heightInput } = (0,_core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_7__.refs)(this.editor);
             const onload = ()=>{
                 if (this.isDestructed) {
                     return;
@@ -25702,7 +25807,7 @@ const TABS = {
                 this.resize_box.appendChild(this.image);
                 this.cropImage = this.image.cloneNode(true);
                 this.crop_box.appendChild(this.cropImage);
-                _core_dom_index_js__WEBPACK_IMPORTED_MODULE_2__.Dom.safeRemove.apply(null, (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.$$)('.jodit-icon_loader', this.editor));
+                _core_dom_index_js__WEBPACK_IMPORTED_MODULE_2__.Dom.safeRemove.apply(null, (0,_core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_7__.$$)('.jodit-icon_loader', this.editor));
                 if (this.activeTab === TABS.crop) {
                     this.showCrop();
                 }
@@ -25724,9 +25829,9 @@ const TABS = {
         if (!slide) {
             return;
         }
-        (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.$$)(`.${jie}__slider,.${jie}__area`, self.editor).forEach((elm)=>elm.classList.remove(`${jie}_active`));
+        (0,_core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_7__.$$)(`.${jie}__slider,.${jie}__area`, self.editor).forEach((elm)=>elm.classList.remove(`${jie}_active`));
         slide.classList.add(`${jie}_active`);
-        this.activeTab = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.attr)(slide, '-area') || TABS.resize;
+        this.activeTab = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_5__.attr)(slide, '-area') || TABS.resize;
         const tab = self.editor.querySelector(`.${jie}__area.${jie}__area_` + self.activeTab);
         if (tab) {
             tab.classList.add(`${jie}_active`);
@@ -25736,14 +25841,14 @@ const TABS = {
         }
     }
     onChangeSizeInput(e) {
-        const self = this, input = e.target, { widthInput, heightInput } = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.refs)(this.editor), isWidth = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.attr)(input, 'data-ref') === 'widthInput', x = parseInt(input.value, 10), minX = isWidth ? self.o.min_width : self.o.min_height, minY = !isWidth ? self.o.min_width : self.o.min_height;
+        const self = this, input = e.target, { widthInput, heightInput } = (0,_core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_7__.refs)(this.editor), isWidth = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_5__.attr)(input, 'data-ref') === 'widthInput', x = parseInt(input.value, 10), minX = isWidth ? self.o.min_width : self.o.min_height, minY = !isWidth ? self.o.min_width : self.o.min_height;
         let y;
         if (x > minX) {
-            (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.image, isWidth ? 'width' : 'height', x);
+            (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.image, isWidth ? 'width' : 'height', x);
             if (self.resizeUseRatio) {
                 y = isWidth ? Math.round(x / self.ratio) : Math.round(x * self.ratio);
                 if (y > minY) {
-                    (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.image, !isWidth ? 'width' : 'height', y);
+                    (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.image, !isWidth ? 'width' : 'height', y);
                     if (isWidth) {
                         heightInput.value = y.toString();
                     } else {
@@ -25763,8 +25868,8 @@ const TABS = {
         self.start_x = e.clientX;
         self.start_y = e.clientY;
         if (self.activeTab === TABS.crop) {
-            self.top_x = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.cropHandler, 'left');
-            self.top_y = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.cropHandler, 'top');
+            self.top_x = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.cropHandler, 'left');
+            self.top_y = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.cropHandler, 'top');
             self.width = self.cropHandler.offsetWidth;
             self.height = self.cropHandler.offsetHeight;
         } else {
@@ -25785,7 +25890,7 @@ const TABS = {
         if (!self.clicked) {
             return;
         }
-        const { widthInput, heightInput } = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.refs)(this.editor);
+        const { widthInput, heightInput } = (0,_core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_7__.refs)(this.editor);
         self.diff_x = e.clientX - self.start_x;
         self.diff_y = e.clientY - self.start_y;
         if (self.activeTab === TABS.resize && self.resizeUseRatio || self.activeTab === TABS.crop && self.cropUseRatio) {
@@ -25802,11 +25907,11 @@ const TABS = {
         }
         if (self.activeTab === TABS.resize) {
             if (self.new_w > self.o.resizeMinWidth) {
-                (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.image, 'width', self.new_w + 'px');
+                (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.image, 'width', self.new_w + 'px');
                 widthInput.value = self.new_w.toString();
             }
             if (self.new_h > self.o.resizeMinHeight) {
-                (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.image, 'height', self.new_h + 'px');
+                (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.image, 'height', self.new_h + 'px');
                 heightInput.value = self.new_h.toString();
             }
             this.j.e.fire(self.resizeHandler, 'updatesize');
@@ -25818,7 +25923,7 @@ const TABS = {
                 if (self.top_y + self.new_h > self.cropImage.offsetHeight) {
                     self.new_h = self.cropImage.offsetHeight - self.top_y;
                 }
-                (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.cropHandler, {
+                (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.cropHandler, {
                     width: self.new_w,
                     height: self.new_h
                 });
@@ -25826,11 +25931,11 @@ const TABS = {
                 if (self.top_x + self.diff_x + self.cropHandler.offsetWidth > self.cropImage.offsetWidth) {
                     self.diff_x = self.cropImage.offsetWidth - self.top_x - self.cropHandler.offsetWidth;
                 }
-                (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.cropHandler, 'left', self.top_x + self.diff_x);
+                (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.cropHandler, 'left', self.top_x + self.diff_x);
                 if (self.top_y + self.diff_y + self.cropHandler.offsetHeight > self.cropImage.offsetHeight) {
                     self.diff_y = self.cropImage.offsetHeight - self.top_y - self.cropHandler.offsetHeight;
                 }
-                (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.cropHandler, 'top', self.top_y + self.diff_y);
+                (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.cropHandler, 'top', self.top_y + self.diff_y);
             }
             this.j.e.fire(self.cropHandler, 'updatesize');
         }
@@ -25891,7 +25996,7 @@ const TABS = {
                 wn = nw * (h / nh);
                 hn = h;
             }
-            (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(this.crop_box, {
+            (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(this.crop_box, {
                 width: wn,
                 height: hn
             });
@@ -25909,8 +26014,8 @@ const TABS = {
             } else {
                 this.new_h = ImageEditor_1.calcValueByPercent(h, this.o.cropDefaultHeight);
             }
-            (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(this.cropHandler, {
-                backgroundImage: 'url(' + (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.attr)(this.cropImage, 'src') + ')',
+            (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(this.cropHandler, {
+                backgroundImage: 'url(' + (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_5__.attr)(this.cropImage, 'src') + ')',
                 width: this.new_w,
                 height: this.new_h,
                 left: w / 2 - this.new_w / 2,
@@ -25923,8 +26028,8 @@ const TABS = {
                 return;
             }
             const ratioX = this.cropImage.offsetWidth / this.naturalWidth, ratioY = this.cropImage.offsetHeight / this.naturalHeight;
-            this.cropBox.x = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(this.cropHandler, 'left') / ratioX;
-            this.cropBox.y = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(this.cropHandler, 'top') / ratioY;
+            this.cropBox.x = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(this.cropHandler, 'left') / ratioX;
+            this.cropBox.y = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(this.cropHandler, 'top') / ratioY;
             this.cropBox.w = this.cropHandler.offsetWidth / ratioX;
             this.cropBox.h = this.cropHandler.offsetHeight / ratioY;
             this.sizes.textContent = this.cropBox.w.toFixed(0) + 'x' + this.cropBox.h.toFixed(0);
@@ -25935,7 +26040,7 @@ const TABS = {
         };
         this.setHandlers = ()=>{
             const self = this;
-            const { widthInput, heightInput } = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.refs)(this.editor);
+            const { widthInput, heightInput } = (0,_core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_7__.refs)(this.editor);
             self.j.e.on([
                 self.editor.querySelector('.jodit_bottomright'),
                 self.cropHandler
@@ -25944,11 +26049,11 @@ const TABS = {
                 self.showCrop();
                 this.j.e.fire(self.cropHandler, 'updatesize');
             });
-            self.j.e.on((0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.toArray)(this.editor.querySelectorAll(`.${jie}__slider-title`)), 'click', this.onTitleModeClick).on([
+            self.j.e.on((0,_core_helpers_array_to_array_js__WEBPACK_IMPORTED_MODULE_3__.toArray)(this.editor.querySelectorAll(`.${jie}__slider-title`)), 'click', this.onTitleModeClick).on([
                 widthInput,
                 heightInput
             ], 'input', this.onChangeSizeInput);
-            const { keepAspectRatioResize, keepAspectRatioCrop } = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.refs)(this.editor);
+            const { keepAspectRatioResize, keepAspectRatioCrop } = (0,_core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_7__.refs)(this.editor);
             if (keepAspectRatioResize) {
                 keepAspectRatioResize.addEventListener('change', ()=>{
                     this.resizeUseRatio = keepAspectRatioResize.checked;
@@ -25960,7 +26065,7 @@ const TABS = {
                 });
             }
             self.j.e.on(self.resizeHandler, 'updatesize', ()=>{
-                (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.resizeHandler, {
+                (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.resizeHandler, {
                     top: 0,
                     left: 0,
                     width: self.image.offsetWidth || self.naturalWidth,
@@ -25971,7 +26076,7 @@ const TABS = {
                 if (!self.cropImage) {
                     return;
                 }
-                let new_x = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.cropHandler, 'left'), new_y = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.cropHandler, 'top'), new_width = self.cropHandler.offsetWidth, new_height = self.cropHandler.offsetHeight;
+                let new_x = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.cropHandler, 'left'), new_y = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.cropHandler, 'top'), new_width = self.cropHandler.offsetWidth, new_height = self.cropHandler.offsetHeight;
                 if (new_x < 0) {
                     new_x = 0;
                 }
@@ -25990,7 +26095,7 @@ const TABS = {
                         new_width = new_height * self.ratio;
                     }
                 }
-                (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.cropHandler, {
+                (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.cropHandler, {
                     width: new_width,
                     height: new_height,
                     left: new_x,
@@ -26009,7 +26114,7 @@ const TABS = {
                     switch(button){
                         case self.buttons.saveas:
                             self.j.prompt('Enter new name', 'Save in new file', (name)=>{
-                                if (!(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.trim)(name)) {
+                                if (!(0,_core_helpers_string_trim_js__WEBPACK_IMPORTED_MODULE_4__.trim)(name)) {
                                     self.j.alert('The name should not be empty');
                                     return false;
                                 }
@@ -26025,7 +26130,7 @@ const TABS = {
                             break;
                         case self.buttons.reset:
                             if (self.activeTab === TABS.resize) {
-                                (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(self.image, {
+                                (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(self.image, {
                                     width: null,
                                     height: null
                                 });
@@ -26040,18 +26145,24 @@ const TABS = {
                 });
             });
         };
-        this.options = editor && editor.o && editor.o.imageeditor ? editor.o.imageeditor : _config_js__WEBPACK_IMPORTED_MODULE_5__.Config.defaultOptions.imageeditor;
+        this.options = editor && editor.o && editor.o.imageeditor ? editor.o.imageeditor : _config_js__WEBPACK_IMPORTED_MODULE_10__.Config.defaultOptions.imageeditor;
         const o = this.options;
         this.resizeUseRatio = o.resizeUseRatio;
         this.cropUseRatio = o.cropUseRatio;
         this.buttons = {
-            reset: (0,_core_ui_button_index_js__WEBPACK_IMPORTED_MODULE_4__.Button)(this.j, 'update', 'Reset'),
-            save: (0,_core_ui_button_index_js__WEBPACK_IMPORTED_MODULE_4__.Button)(this.j, 'save', 'Save'),
-            saveas: (0,_core_ui_button_index_js__WEBPACK_IMPORTED_MODULE_4__.Button)(this.j, 'save', 'Save as ...')
+            reset: (0,_core_ui_button_index_js__WEBPACK_IMPORTED_MODULE_9__.Button)(this.j, 'update', 'Reset'),
+            save: (0,_core_ui_button_index_js__WEBPACK_IMPORTED_MODULE_9__.Button)(this.j, 'save', 'Save'),
+            saveas: (0,_core_ui_button_index_js__WEBPACK_IMPORTED_MODULE_9__.Button)(this.j, {
+                icon: {
+                    name: 'save'
+                },
+                name: 'save-as',
+                text: 'Save as ...'
+            })
         };
         this.activeTab = o.resize ? TABS.resize : TABS.crop;
-        this.editor = (0,_templates_form_js__WEBPACK_IMPORTED_MODULE_7__.form)(this.j, this.options);
-        const { resizeBox, cropBox } = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.refs)(this.editor);
+        this.editor = (0,_templates_form_js__WEBPACK_IMPORTED_MODULE_12__.form)(this.j, this.options);
+        const { resizeBox, cropBox } = (0,_core_helpers_utils_selector_js__WEBPACK_IMPORTED_MODULE_7__.refs)(this.editor);
         this.resize_box = resizeBox;
         this.crop_box = cropBox;
         this.sizes = this.editor.querySelector(`.${jie}__area.${jie}__area_crop .jodit-image-editor__sizes`);
@@ -26116,7 +26227,7 @@ ImageEditor = ImageEditor_1 = __decorate([
 /**
  * Open Image Editor
  */ function openImageEditor(href, name, path, source, onSuccess, onFailed) {
-    return this.getInstance('ImageEditor', this.o).open(href, (newname, box, success, failed)=>(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.call)(box.action === 'resize' ? this.dataProvider.resize : this.dataProvider.crop, path, source, name, newname, box.box).then((ok)=>{
+    return this.getInstance('ImageEditor', this.o).open(href, (newname, box, success, failed)=>(0,_core_helpers_utils_utils_js__WEBPACK_IMPORTED_MODULE_8__.call)(box.action === 'resize' ? this.dataProvider.resize : this.dataProvider.crop, path, source, name, newname, box.box).then((ok)=>{
             if (ok) {
                 success();
                 if (onSuccess) {
@@ -32646,7 +32757,8 @@ let UIGroup = UIGroup_1 = class UIGroup extends _element_js__WEBPACK_IMPORTED_MO
         return 'UIGroup';
     }
     getRole() {
-        return 'list';
+        var _a;
+        return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.role) || 'list';
     }
     /**
      * All group children
@@ -40393,6 +40505,13 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
     getRole() {
         return 'listitem';
     }
+    updateAriaLabel() {
+        super.updateAriaLabel();
+        if (this.trigger) {
+            const 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);
+        }
+    }
     /**
      * Get parent toolbar
      */ get toolbar() {
@@ -40466,7 +40585,7 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
             value: this
         });
         container.appendChild(button);
-        const trigger = this.j.c.fromHTML(`<span role="trigger" class="${cn}__trigger">${_core_ui_icon_js__WEBPACK_IMPORTED_MODULE_18__.Icon.get('chevron')}</span>`);
+        const trigger = this.j.c.fromHTML(`<span role="button" aria-haspopup="true" aria-expanded="false" class="${cn}__trigger">${_core_ui_icon_js__WEBPACK_IMPORTED_MODULE_18__.Icon.get('chevron')}</span>`);
         // For caching
         button.appendChild(trigger);
         return container;
@@ -40525,6 +40644,7 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
             return;
         }
         const { control: ctr } = this;
+        (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_14__.attr)(this.trigger, 'aria-expanded', true);
         e.buffer = {
             actionTrigger: this
         };
@@ -40638,6 +40758,9 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
             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);
+            }
         }
     }
     /**
@@ -44455,7 +44578,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.9.22";
+ */ const APP_VERSION = "4.9.27";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -45106,11 +45229,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);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -45123,12 +45248,15 @@ ToolbarSelect = __decorate([
 
 
 
+
+
 /**
  * Show a path to a current element in status bar
- */ class xpath extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_4__.Plugin {
+ */ class xpath extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_6__.Plugin {
     afterInit() {
         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');
             const init = ()=>{
                 if (!this.j.o.showXPathInStatusbar || !this.container) {
                     return;
@@ -45143,7 +45271,7 @@ ToolbarSelect = __decorate([
                     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();
         }
@@ -45162,7 +45290,7 @@ ToolbarSelect = __decorate([
         super(...arguments);
         this.onContext = (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, [
                 {
@@ -45189,7 +45317,7 @@ ToolbarSelect = __decorate([
         };
         this.onSelectPath = (bindElement, event)=>{
             this.j.s.focus();
-            const path = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.attr)(event.target, '-path') || '/';
+            const path = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_4__.attr)(event.target, '-path') || '/';
             if (path === '/') {
                 this.j.execCommand('selectall');
                 return false;
@@ -45205,7 +45333,7 @@ ToolbarSelect = __decorate([
             return false;
         };
         this.tpl = (bindElement, path, name, title)=>{
-            const item = this.j.c.fromHTML(`<span class="jodit-xpath__item"><a role="button" data-path="${path}" title="${title}" tabindex="-1"'>${(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.trim)(name)}</a></span>`);
+            const item = this.j.c.fromHTML(`<span class="jodit-xpath__item"><a role="button" data-path="${path}" title="${title}" tabindex="-1"'>${(0,_core_helpers_string_trim_js__WEBPACK_IMPORTED_MODULE_3__.trim)(name)}</a></span>`);
             const a = item.firstChild;
             this.j.e.on(a, 'click', this.onSelectPath.bind(this, bindElement)).on(a, 'contextmenu', this.onContext.bind(this, bindElement));
             return item;
@@ -45218,7 +45346,7 @@ ToolbarSelect = __decorate([
         };
         this.appendSelectAll = ()=>{
             this.removeSelectAll();
-            this.selectAllButton = (0,_modules_toolbar_factory_js__WEBPACK_IMPORTED_MODULE_6__.makeButton)(this.j, {
+            this.selectAllButton = (0,_modules_toolbar_factory_js__WEBPACK_IMPORTED_MODULE_8__.makeButton)(this.j, {
                 name: 'selectall',
                 ...this.j.o.controls.selectall
             });
@@ -45238,7 +45366,7 @@ ToolbarSelect = __decorate([
                 _core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__.Dom.up(current, (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);
                     }