jodit-pro 4.9.22 → 4.9.25

package/es2015/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
  */
@@ -3477,7 +3477,7 @@ class JoditPro extends jodit_esm_index__WEBPACK_IMPORTED_MODULE_4__.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}]`));
     }
@@ -7114,7 +7114,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));
@@ -7137,9 +7137,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);
@@ -7622,6 +7622,9 @@ let ToolbarCollection = class ToolbarCollection extends _core_ui_group_list_js__
     className() {
         return 'ToolbarCollection';
     }
+    getRole() {
+        return 'toolbar';
+    }
     /**
      * First button in a list
      */ get firstButton() {
@@ -13840,16 +13843,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
@@ -13869,7 +13877,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;
@@ -13877,7 +13885,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);
@@ -21138,6 +21146,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;'
@@ -26030,7 +26039,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;
@@ -26127,11 +26137,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);
@@ -33653,7 +33664,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
@@ -41597,6 +41609,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() {
@@ -41670,7 +41689,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;
@@ -41729,6 +41748,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
         };
@@ -41838,6 +41858,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);
+            }
         }
     }
     /**
@@ -45713,7 +45736,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 = "es2015";
 const IS_ES_MODERN = true;
@@ -46364,11 +46387,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 _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -46409,12 +46434,15 @@ function _object_spread(target) {
 
 
 
+
+
 /**
  * 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;
@@ -46429,7 +46457,7 @@ function _object_spread(target) {
                     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();
         }
@@ -46448,7 +46476,7 @@ function _object_spread(target) {
         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, [
                 {
@@ -46475,7 +46503,7 @@ function _object_spread(target) {
         };
         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;
@@ -46491,7 +46519,7 @@ function _object_spread(target) {
             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;
@@ -46504,7 +46532,7 @@ function _object_spread(target) {
         };
         this.appendSelectAll = ()=>{
             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';
@@ -46523,7 +46551,7 @@ function _object_spread(target) {
                 _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);
                     }