jodit-pro 4.2.18 → 4.2.19

package/es5/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valeriy <chupurnov@gmail.com>
- * Version: v4.2.18
+ * Version: v4.2.19
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -3840,7 +3840,7 @@ __webpack_require__.r(__webpack_exports__);
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 
-var APP_VERSION = "4.2.18";
+var APP_VERSION = "4.2.19";
 // prettier-ignore
 var ES = "es5";
 var IS_ES_MODERN = false;
@@ -15756,6 +15756,7 @@ var UIButtonState = function () {
     return ({
         size: 'middle',
         type: 'button',
+        role: 'button',
         name: '',
         value: '',
         variant: 'initial',
@@ -15833,6 +15834,9 @@ var UIButton = /** @class */ (function (_super) {
     UIButton.prototype.onChangeType = function () {
         (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_3__.attr)(this.container, 'type', this.state.type);
     };
+    UIButton.prototype.onChangeRole = function () {
+        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_3__.attr)(this.container, 'role', this.state.role);
+    };
     /**
      * Set size from a parent list
      */
@@ -15944,6 +15948,9 @@ var UIButton = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
         (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)('state.type', { immediately: false })
     ], UIButton.prototype, "onChangeType", null);
+    (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
+        (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)('state.role', { immediately: false })
+    ], UIButton.prototype, "onChangeRole", null);
     (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
         (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)('parentElement')
     ], UIButton.prototype, "updateSize", null);
@@ -16162,6 +16169,19 @@ var UIButtonGroup = /** @class */ (function (_super) {
 
 
 
+var WINDOW_EVENTS_ON_HIDE = [
+    'scroll.tooltip',
+    'joditCloseDialog',
+    'mouseleave.tooltip'
+];
+var JODIT_EVENTS_ON_HIDE = [
+    'escape.tooltip',
+    'change.tooltip',
+    'changePlace.tooltip',
+    'afterOpenPopup.tooltip',
+    'hidePopup.tooltip',
+    'closeAllPopups.tooltip'
+];
 var UITooltip = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_6__/* .__extends */ .C6)(UITooltip, _super);
     function UITooltip(view) {
@@ -16175,7 +16195,7 @@ var UITooltip = /** @class */ (function (_super) {
             view.o.showTooltip &&
             !view.o.useNativeTooltip) {
             view.hookStatus(jodit_core_component__WEBPACK_IMPORTED_MODULE_0__/* .STATUSES */ .f.ready, function () {
-                // 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
@@ -16191,44 +16211,28 @@ var UITooltip = /** @class */ (function (_super) {
     UITooltip.prototype.render = function () {
         return '<div><div class="&__content"></div></div>';
     };
-    UITooltip.prototype.__addListenersOnClose = function () {
+    UITooltip.prototype.__addListenersOnEnter = function () {
         if (this.__listenClose) {
             return;
         }
         this.__listenClose = true;
         var 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
         });
     };
-    UITooltip.prototype.__removeListenersOnClose = function () {
+    UITooltip.prototype.__removeListenersOnLeave = function () {
         if (!this.__listenClose) {
             return;
         }
         this.__listenClose = false;
         var 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);
     };
     UITooltip.prototype.__onMouseLeave = function (e) {
@@ -16254,32 +16258,31 @@ var UITooltip = /** @class */ (function (_super) {
             return;
         }
         this.__currentTarget = e.target;
-        var pos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_7__/* .position */ .G)(e.target);
-        this.__addListenersOnClose();
-        this.__delayOpen(function () {
-            return ({
+        var target = e.target;
+        this.__open(function () {
+            var pos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_7__/* .position */ .G)(target);
+            return {
                 x: pos.left + pos.width / 2,
                 y: pos.top + pos.height
-            });
+            };
         }, tooltip);
     };
-    UITooltip.prototype.__delayOpen = function (getPoint, content) {
+    UITooltip.prototype.__open = function (getPoint, content) {
         var _this = this;
-        var to = this.j.o.showTooltipDelay || this.j.defaultTimeout;
+        this.__addListenersOnEnter();
+        this.__isOpened = true;
         this.j.async.clearTimeout(this.__hideTimeout);
         this.j.async.clearTimeout(this.__delayShowTimeout);
-        this.__delayShowTimeout = this.j.async.setTimeout(function () { return _this.__open(getPoint, content); }, {
-            timeout: to,
-            label: 'tooltip'
-        });
+        var to = this.j.o.showTooltipDelay || this.j.defaultTimeout;
+        if (!to) {
+            this.__show(getPoint, content);
+            return;
+        }
+        this.__delayShowTimeout = this.j.async.setTimeout(function () { return _this.__show(getPoint, content); }, to);
     };
-    UITooltip.prototype.__open = function (getPoint, content) {
+    UITooltip.prototype.__show = function (getPoint, content) {
         this.setMod('visible', true);
         this.getElm('content').innerHTML = content;
-        this.__isOpened = true;
-        this.__setPosition(getPoint);
-    };
-    UITooltip.prototype.__setPosition = function (getPoint) {
         var point = getPoint();
         (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_4__.css)(this.container, {
             left: point.x,
@@ -16289,24 +16292,26 @@ var UITooltip = /** @class */ (function (_super) {
     UITooltip.prototype.__hide = function () {
         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
             });
         }
     };
     UITooltip.prototype.__hideDelay = function () {
+        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);
     };
     UITooltip.prototype.destruct = function () {
-        this.j.e.off(this.j.container, 'mouseenter', this.__onMouseEnter);
+        this.j.e.off(this.j.container, 'mouseenter.tooltip', this.__onMouseEnter);
         this.__hide();
         _super.prototype.destruct.call(this);
     };
@@ -28301,8 +28306,8 @@ function val(elm, selector, value) {
 /* harmony export */ });
 /* harmony import */ var jodit_core_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(79834);
 /* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23545);
-/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9596);
 /* harmony import */ var jodit_core_helpers_checker_is_function__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(41959);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(97099);
 /* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(76185);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -28344,8 +28349,16 @@ function val(elm, selector, value) {
  * ```
  */
 var TabsWidget = function (jodit, tabs, state) {
-    var box = jodit.c.div('jodit-tabs'), tabBox = jodit.c.div('jodit-tabs__wrapper'), buttons = jodit.c.div('jodit-tabs__buttons'), nameToTab = {}, buttonList = [];
-    var firstTab = '', tabCount = 0;
+    var box = jodit.c.div('jodit-tabs');
+    var tabBox = jodit.c.div('jodit-tabs__wrapper');
+    var 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'
+    });
+    var nameToTab = {};
+    var buttonList = [];
+    var firstTab = '';
     box.appendChild(buttons);
     box.appendChild(tabBox);
     var setActive = function (tab) {
@@ -28353,21 +28366,25 @@ var TabsWidget = function (jodit, tabs, state) {
             return;
         }
         buttonList.forEach(function (b) {
-            b.state.variant = 'initial';
             b.state.activated = false;
         });
-        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.$$)('.jodit-tab', tabBox).forEach(function (a) {
-            a.classList.remove('jodit-tab_active');
+        Object.values(nameToTab).forEach(function (_a) {
+            var tab = _a.tab;
+            return tab.classList.remove('jodit-tab_active');
         });
-        nameToTab[tab].button.state.variant = 'outline';
         nameToTab[tab].button.state.activated = true;
         nameToTab[tab].tab.classList.add('jodit-tab_active');
     };
     tabs.forEach(function (_a) {
         var icon = _a.icon, name = _a.name, content = _a.content;
-        var tab = jodit.c.div('jodit-tab'), button = (0,jodit_core_ui__WEBPACK_IMPORTED_MODULE_3__/* .Button */ .$n)(jodit, icon || name, name);
+        var tab = jodit.c.div('jodit-tab');
+        (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__/* .attr */ .C)(tab, {
+            role: 'tabpanel'
+        });
+        var 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', function (e) {
+        jodit.e.on(button.container, 'pointerdown', function (e) {
             return e.preventDefault();
         });
         if (!firstTab) {
@@ -28399,13 +28416,10 @@ var TabsWidget = function (jodit, tabs, state) {
             button: button,
             tab: tab
         };
-        tabCount += 1;
     });
-    if (!tabCount) {
-        return box;
-    }
-    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.$$)('a', buttons).forEach(function (a) {
-        a.style.width = (100 / tabCount).toFixed(10) + '%';
+    Object.values(nameToTab).forEach(function (_a) {
+        var button = _a.button;
+        button.container.style.width = (100 / tabs.length).toFixed(10) + '%';
     });
     var tab = !state || !state.activeTab || !nameToTab[state.activeTab]
         ? firstTab