jodit 4.2.18 → 4.2.21

package/es2021.en/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.18
+ * Version: v4.2.21
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -1737,7 +1737,7 @@ __webpack_require__.r(__webpack_exports__);
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-const APP_VERSION = "4.2.18";
+const APP_VERSION = "4.2.21";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -12957,6 +12957,7 @@ class Mods {
 const UIButtonState = () => ({
     size: 'middle',
     type: 'button',
+    role: 'button',
     name: '',
     value: '',
     variant: 'initial',
@@ -13005,6 +13006,9 @@ let UIButton = class UIButton extends jodit_core_ui_element__WEBPACK_IMPORTED_MO
     onChangeType() {
         (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_3__.attr)(this.container, 'type', this.state.type);
     }
+    onChangeRole() {
+        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_3__.attr)(this.container, 'role', this.state.role);
+    }
     /**
      * Set size from a parent list
      */
@@ -13134,6 +13138,9 @@ let UIButton = class UIButton extends jodit_core_ui_element__WEBPACK_IMPORTED_MO
 (0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
     (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)('state.type', { immediately: false })
 ], UIButton.prototype, "onChangeType", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)('state.role', { immediately: false })
+], UIButton.prototype, "onChangeRole", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
     (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)('parentElement')
 ], UIButton.prototype, "updateSize", null);
@@ -13343,6 +13350,19 @@ var UITooltip_1;
 
 
 
+const WINDOW_EVENTS_ON_HIDE = [
+    'scroll.tooltip',
+    'joditCloseDialog',
+    'mouseleave.tooltip'
+];
+const JODIT_EVENTS_ON_HIDE = [
+    'escape.tooltip',
+    'change.tooltip',
+    'changePlace.tooltip',
+    'afterOpenPopup.tooltip',
+    'hidePopup.tooltip',
+    'closeAllPopups.tooltip'
+];
 let UITooltip = UITooltip_1 = class UITooltip extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_5__/* .UIElement */ .D {
     className() {
         return 'UITooltip';
@@ -13361,7 +13381,7 @@ let UITooltip = UITooltip_1 = class UITooltip extends jodit_core_ui_element__WEB
             view.o.showTooltip &&
             !view.o.useNativeTooltip) {
             view.hookStatus(jodit_core_component__WEBPACK_IMPORTED_MODULE_0__/* .STATUSES */ .f.ready, () => {
-                // TODO Move it inside __open method. Now it is here because testcase failed with capturing
+                // TODO Move it inside __show method. Now it is here because testcase failed with capturing
                 (0,jodit_core_global__WEBPACK_IMPORTED_MODULE_3__/* .getContainer */ .My)(this.j, UITooltip_1).appendChild(this.container);
                 view.e.on(view.container, 'mouseenter.tooltip', this.__onMouseEnter, {
                     capture: true
@@ -13369,44 +13389,28 @@ let UITooltip = UITooltip_1 = class UITooltip extends jodit_core_ui_element__WEB
             });
         }
     }
-    __addListenersOnClose() {
+    __addListenersOnEnter() {
         if (this.__listenClose) {
             return;
         }
         this.__listenClose = true;
         const view = this.j;
         view.e
-            .on(view.ow, 'scroll.tooltip', this.__hide)
-            .on(view.ow, 'joditCloseDialog', this.__hide)
-            .on(view.container, 'mouseleave.tooltip', this.__hide)
-            .on([
-            'escape.tooltip',
-            'change.tooltip',
-            'changePlace.tooltip',
-            'afterOpenPopup.tooltip',
-            'hidePopup.tooltip',
-            'closeAllPopups.tooltip'
-        ], this.__hide)
-            .on(view.container, 'mouseleave', this.__onMouseLeave, {
+            .on(view.ow, WINDOW_EVENTS_ON_HIDE, this.__hide)
+            .on(JODIT_EVENTS_ON_HIDE, this.__hide)
+            .on(view.container, 'mouseleave.tooltip', this.__onMouseLeave, {
             capture: true
         });
     }
-    __removeListenersOnClose() {
+    __removeListenersOnLeave() {
         if (!this.__listenClose) {
             return;
         }
         this.__listenClose = false;
         const view = this.j;
         view.e
-            .off(view.ow, 'scroll.tooltip', this.__hide)
-            .off([
-            'escape.tooltip',
-            'change.tooltip',
-            'changePlace.tooltip',
-            'afterOpenPopup.tooltip',
-            'hidePopup.tooltip',
-            'closeAllPopups.tooltip'
-        ], this.__hide)
+            .off(view.ow, WINDOW_EVENTS_ON_HIDE, this.__hide)
+            .off(JODIT_EVENTS_ON_HIDE, this.__hide)
             .off(view.container, 'mouseleave.tooltip', this.__onMouseLeave);
     }
     __onMouseLeave(e) {
@@ -13432,29 +13436,30 @@ let UITooltip = UITooltip_1 = class UITooltip extends jodit_core_ui_element__WEB
             return;
         }
         this.__currentTarget = e.target;
-        const pos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_6__/* .position */ .G)(e.target);
-        this.__addListenersOnClose();
-        this.__delayOpen(() => ({
-            x: pos.left + pos.width / 2,
-            y: pos.top + pos.height
-        }), tooltip);
-    }
-    __delayOpen(getPoint, content) {
-        const to = this.j.o.showTooltipDelay || this.j.defaultTimeout;
+        const target = e.target;
+        this.__open(() => {
+            const pos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_6__/* .position */ .G)(target);
+            return {
+                x: pos.left + pos.width / 2,
+                y: pos.top + pos.height
+            };
+        }, tooltip);
+    }
+    __open(getPoint, content) {
+        this.__addListenersOnEnter();
+        this.__isOpened = true;
         this.j.async.clearTimeout(this.__hideTimeout);
         this.j.async.clearTimeout(this.__delayShowTimeout);
-        this.__delayShowTimeout = this.j.async.setTimeout(() => this.__open(getPoint, content), {
-            timeout: to,
-            label: 'tooltip'
-        });
+        const to = this.j.o.showTooltipDelay || this.j.defaultTimeout;
+        if (!to) {
+            this.__show(getPoint, content);
+            return;
+        }
+        this.__delayShowTimeout = this.j.async.setTimeout(() => this.__show(getPoint, content), to);
     }
-    __open(getPoint, content) {
+    __show(getPoint, content) {
         this.setMod('visible', true);
         this.getElm('content').innerHTML = content;
-        this.__isOpened = true;
-        this.__setPosition(getPoint);
-    }
-    __setPosition(getPoint) {
         const point = getPoint();
         (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_4__.css)(this.container, {
             left: point.x,
@@ -13464,24 +13469,26 @@ let UITooltip = UITooltip_1 = class UITooltip extends jodit_core_ui_element__WEB
     __hide() {
         this.j.async.clearTimeout(this.__delayShowTimeout);
         this.j.async.clearTimeout(this.__hideTimeout);
-        this.__removeListenersOnClose();
+        this.__removeListenersOnLeave();
         if (this.__isOpened) {
             this.__isOpened = false;
             this.setMod('visible', false);
+            this.getElm('content').innerHTML = '';
             (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_4__.css)(this.container, {
                 left: -5000
             });
         }
     }
     __hideDelay() {
+        this.j.async.clearTimeout(this.__delayShowTimeout);
+        this.j.async.clearTimeout(this.__hideTimeout);
         if (!this.__isOpened) {
             return;
         }
-        this.j.async.clearTimeout(this.__delayShowTimeout);
         this.__hideTimeout = this.async.setTimeout(this.__hide, this.j.defaultTimeout);
     }
     destruct() {
-        this.j.e.off(this.j.container, 'mouseenter', this.__onMouseEnter);
+        this.j.e.off(this.j.container, 'mouseenter.tooltip', this.__onMouseEnter);
         this.__hide();
         super.destruct();
     }
@@ -23540,7 +23547,7 @@ let ToolbarCollection = class ToolbarCollection extends jodit_core_ui__WEBPACK_I
     jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.autobind
 ], ToolbarCollection.prototype, "__immediateUpdate", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
-    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.debounce)()
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.debounce)(ctx => ctx.j.defaultTimeout, true)
 ], ToolbarCollection.prototype, "update", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
     (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.hook)('ready')
@@ -24718,8 +24725,8 @@ function val(elm, selector, value) {
 /* harmony export */ });
 /* harmony import */ var jodit_core_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(77753);
 /* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55186);
-/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65147);
 /* harmony import */ var jodit_core_helpers_checker_is_function__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69052);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(26150);
 /* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(53048);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -24761,8 +24768,16 @@ function val(elm, selector, value) {
  * ```
  */
 const TabsWidget = (jodit, tabs, state) => {
-    const box = jodit.c.div('jodit-tabs'), tabBox = jodit.c.div('jodit-tabs__wrapper'), buttons = jodit.c.div('jodit-tabs__buttons'), nameToTab = {}, buttonList = [];
-    let firstTab = '', tabCount = 0;
+    const box = jodit.c.div('jodit-tabs');
+    const tabBox = jodit.c.div('jodit-tabs__wrapper');
+    const buttons = jodit.c.div('jodit-tabs__buttons');
+    (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__/* .attr */ .C)(buttons, {
+        role: 'tablist',
+        'aria-orientation': 'horizontal'
+    });
+    const nameToTab = {};
+    const buttonList = [];
+    let firstTab = '';
     box.appendChild(buttons);
     box.appendChild(tabBox);
     const setActive = (tab) => {
@@ -24770,20 +24785,21 @@ const TabsWidget = (jodit, tabs, state) => {
             return;
         }
         buttonList.forEach(b => {
-            b.state.variant = 'initial';
             b.state.activated = false;
         });
-        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.$$)('.jodit-tab', tabBox).forEach(a => {
-            a.classList.remove('jodit-tab_active');
-        });
-        nameToTab[tab].button.state.variant = 'outline';
+        Object.values(nameToTab).forEach(({ tab }) => tab.classList.remove('jodit-tab_active'));
         nameToTab[tab].button.state.activated = true;
         nameToTab[tab].tab.classList.add('jodit-tab_active');
     };
     tabs.forEach(({ icon, name, content }) => {
-        const tab = jodit.c.div('jodit-tab'), button = (0,jodit_core_ui__WEBPACK_IMPORTED_MODULE_3__/* .Button */ .$n)(jodit, icon || name, name);
+        const tab = jodit.c.div('jodit-tab');
+        (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__/* .attr */ .C)(tab, {
+            role: 'tabpanel'
+        });
+        const button = (0,jodit_core_ui__WEBPACK_IMPORTED_MODULE_3__/* .Button */ .$n)(jodit, icon || name, name);
+        button.state.role = 'tab';
         // Stop lose the focus
-        jodit.e.on(button.container, 'mousedown', (e) => e.preventDefault());
+        jodit.e.on(button.container, 'pointerdown', (e) => e.preventDefault());
         if (!firstTab) {
             firstTab = name;
         }
@@ -24813,13 +24829,9 @@ const TabsWidget = (jodit, tabs, state) => {
             button,
             tab
         };
-        tabCount += 1;
     });
-    if (!tabCount) {
-        return box;
-    }
-    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.$$)('a', buttons).forEach(a => {
-        a.style.width = (100 / tabCount).toFixed(10) + '%';
+    Object.values(nameToTab).forEach(({ button }) => {
+        button.container.style.width = (100 / tabs.length).toFixed(10) + '%';
     });
     const tab = !state || !state.activeTab || !nameToTab[state.activeTab]
         ? firstTab