jodit-pro-react 5.4.23 → 5.4.25

package/build/esm/JoditEditor.mjs

@@ -1,6 +1,6 @@
 import {
   JoditEditor_default
-} from "./chunk-D27QPAPY.mjs";
+} from "./chunk-7HYY6YHS.mjs";
 export {
   JoditEditor_default as default
 };

package/build/esm/{chunk-D27QPAPY.mjs → chunk-7HYY6YHS.mjs}

@@ -182,7 +182,7 @@ var APP_VERSION, ES, IS_ES_MODERN, IS_ES_NEXT, IS_PROD, IS_TEST, FAT_MODE, HOMEP
 var init_constants = __esm({
   "node_modules/jodit/esm/core/constants.js"() {
     "use strict";
-    APP_VERSION = "4.9.10";
+    APP_VERSION = "4.9.13";
     ES = "es2020";
     IS_ES_MODERN = true;
     IS_ES_NEXT = true;
@@ -2269,7 +2269,7 @@ var init_dom = __esm({
       }
       /**
        * Get temporary list
-       * @deprecated
+       * @deprecated Just do not use it, it is not needed anymore
        */
       static temporaryList(root) {
         return toArray(root.querySelectorAll(`[${TEMP_ATTR}]`));
@@ -7599,6 +7599,7 @@ init_component3();
 init_derive();
 init_dom();
 init_is_string();
+init_attr();
 
 // node_modules/jodit/esm/core/traits/elms.js
 init_to_array();
@@ -7664,6 +7665,10 @@ var __decorate2 = function(decorators, target, key3, desc) {
 };
 var UIElement_1;
 var UIElement = UIElement_1 = class UIElement2 extends ViewComponent {
+  getRole() {
+    var _a2;
+    return ((_a2 = this.options) === null || _a2 === void 0 ? void 0 : _a2.role) || "";
+  }
   get parentElement() {
     return this.__parentElement;
   }
@@ -7761,13 +7766,15 @@ var UIElement = UIElement_1 = class UIElement2 extends ViewComponent {
   parseTemplate(result) {
     return this.j.c.fromHTML(result.replace(/\*([^*]+?)\*/g, (_12, name) => Icon.get(name) || "").replace(/&_/g, this.componentName + "_").replace(/~([^~]+?)~/g, (_12, s50) => this.i18n(s50)));
   }
-  /** @override */
   constructor(jodit, options2) {
     super(jodit);
     this.name = "";
     this.__parentElement = null;
     this.mods = {};
+    this.options = options2;
     this.container = this.createContainer(options2);
+    const role = this.getRole();
+    role && attr(this.container, "role", role);
     Object.defineProperty(this.container, "component", {
       value: this,
       configurable: true
@@ -7866,7 +7873,7 @@ var UIButton = class UIButton2 extends UIElement {
   }
   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));
@@ -7889,9 +7896,9 @@ var UIButton = class UIButton2 extends UIElement {
       attr(this.container, "title", i8nTooltip);
     }
     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;
     attr(this.container, "aria-label", i8nTooltip);
@@ -8075,6 +8082,10 @@ var UIGroup = UIGroup_1 = class UIGroup2 extends UIElement {
   className() {
     return "UIGroup";
   }
+  getRole() {
+    var _a2;
+    return ((_a2 = this.options) === null || _a2 === void 0 ? void 0 : _a2.role) || "list";
+  }
   /**
    * All group children
    */
@@ -9585,18 +9596,20 @@ var UIList = class UIList2 extends UIGroup {
     this.mode = "horizontal";
     this.removeButtons = [];
   }
-  /** @override */
   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 UIGroup(this.jodit);
+  makeGroup(role) {
+    return new UIGroup(this.jodit, [], role ? { role } : void 0);
   }
   /**
    * All buttons from list
@@ -9618,7 +9631,7 @@ var UIList = class UIList2 extends UIGroup {
     items = 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;
@@ -9626,7 +9639,7 @@ var UIList = class UIList2 extends 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);
@@ -15178,6 +15191,16 @@ var ToolbarButton = class ToolbarButton2 extends UIButton {
   className() {
     return "ToolbarButton";
   }
+  getRole() {
+    return "listitem";
+  }
+  updateAriaLabel() {
+    super.updateAriaLabel();
+    if (this.trigger) {
+      const i8nTooltip = this.state.tooltip ? this.jodit.i18n(this.state.tooltip) : null;
+      attr(this.trigger, "aria-label", i8nTooltip);
+    }
+  }
   /**
    * Get parent toolbar
    */
@@ -15248,14 +15271,13 @@ var ToolbarButton = class ToolbarButton2 extends UIButton {
     const cn = this.componentName;
     const container = this.j.c.span(cn);
     const button = super.createContainer();
-    attr(container, "role", "listitem");
     button.classList.remove(cn);
     button.classList.add(cn + "__button");
     Object.defineProperty(button, "component", {
       value: this
     });
     container.appendChild(button);
-    const trigger = this.j.c.fromHTML(`<span role="trigger" class="${cn}__trigger">${Icon.get("chevron")}</span>`);
+    const trigger = this.j.c.fromHTML(`<span role="button" aria-haspopup="true" aria-expanded="false" class="${cn}__trigger">${Icon.get("chevron")}</span>`);
     button.appendChild(trigger);
     return container;
   }
@@ -15350,6 +15372,7 @@ var ToolbarButton = class ToolbarButton2 extends UIButton {
       return;
     }
     const { control: ctr } = this;
+    attr(this.trigger, "aria-expanded", true);
     e40.buffer = {
       actionTrigger: this
     };
@@ -15452,6 +15475,9 @@ var ToolbarButton = class ToolbarButton2 extends UIButton {
       this.openedPopup.close();
       this.openedPopup.destruct();
       this.openedPopup = null;
+      if (this.trigger) {
+        attr(this.trigger, "aria-expanded", false);
+      }
     }
   }
   /**
@@ -15616,6 +15642,9 @@ var ToolbarCollection = class ToolbarCollection2 extends UIList {
   className() {
     return "ToolbarCollection";
   }
+  getRole() {
+    return "toolbar";
+  }
   /**
    * First button in a list
    */
@@ -15810,6 +15839,7 @@ var ToolbarEditorCollection = class ToolbarEditorCollection2 extends ToolbarColl
    */
   prependInvisibleInput(container) {
     const input = this.j.create.element("input", {
+      name: "jodit-toolbar-focus-helper_" + this.j.id,
       tabIndex: -1,
       disabled: true,
       // Because <label> can trigger click
@@ -30666,7 +30696,9 @@ var import_dtd = __toESM(require_dtd());
 init_constants();
 init_dom2();
 init_global2();
-init_helpers();
+init_trim();
+init_attr();
+init_selector();
 init_plugin2();
 
 // node_modules/jodit/esm/plugins/xpath/config.js
@@ -30768,6 +30800,7 @@ var xpath = class extends Plugin {
   afterInit() {
     if (this.j.o.showXPathInStatusbar) {
       this.container = this.j.c.div("jodit-xpath");
+      attr(this.container, "role", "list");
       const init2 = () => {
         if (!this.j.o.showXPathInStatusbar || !this.container) {
           return;
@@ -30782,7 +30815,7 @@ var xpath = class extends Plugin {
           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", init2);
+      this.j.e.off(".xpath").on("pointerup.xpath change.xpath keydown.xpath changeSelection.xpath", this.calcPath).on("afterSetMode.xpath afterInit.xpath changePlace.xpath", init2);
       init2();
       this.calcPath();
     }

package/build/esm/index.mjs

@@ -2,7 +2,7 @@ import {
   Config,
   JoditEditor_default,
   n
-} from "./chunk-D27QPAPY.mjs";
+} from "./chunk-7HYY6YHS.mjs";
 
 // src/index.ts
 var index_default = JoditEditor_default;