jodit-pro 4.9.22 → 4.9.25

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.25
  * 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() {
@@ -13370,16 +13373,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 +13407,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 +13415,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 +20463,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;'
@@ -25242,7 +25251,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 +25349,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);
@@ -32646,7 +32657,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 +40405,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 +40485,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 +40544,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 +40658,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 +44478,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.9.22";
+ */ const APP_VERSION = "4.9.25";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -45106,11 +45129,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 +45148,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 +45171,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 +45190,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 +45217,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 +45233,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 +45246,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 +45266,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);
                     }