jodit-pro 4.11.6 → 4.11.8

package/es2015/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.11.6
+ * Version: v4.11.8
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -1772,7 +1772,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.11.6";
+ */ const APP_VERSION = "4.11.8";
 // prettier-ignore
 const ES = "es2015";
 const IS_ES_MODERN = true;
@@ -13131,7 +13131,8 @@ const UIButtonState = ()=>({
         icon: {
             name: 'empty',
             fill: '',
-            iconURL: ''
+            iconURL: '',
+            scale: undefined
         },
         tooltip: '',
         text: '',
@@ -15550,13 +15551,13 @@ class Icon {
             return;
         }
         let iconElement;
-        const { name, iconURL, fill } = icon;
+        const { name, iconURL, fill, scale } = icon;
         const clearName = name.replace(/[^a-zA-Z0-9]/g, '_');
         let iconFromEvent;
         if (!/<svg/.test(name)) {
             iconFromEvent = (_b = (_a = jodit.o).getIcon) === null || _b === void 0 ? void 0 : _b.call(_a, name, clearName);
         }
-        const cacheKey = `${name}${iconURL}${fill}${iconFromEvent !== null && iconFromEvent !== void 0 ? iconFromEvent : ''}`;
+        const cacheKey = `${name}${iconURL}${fill}${scale !== null && scale !== void 0 ? scale : ''}${iconFromEvent !== null && iconFromEvent !== void 0 ? iconFromEvent : ''}`;
         if (jodit.o.cache && this.__cache.has(cacheKey)) {
             return (_c = this.__cache.get(cacheKey)) === null || _c === void 0 ? void 0 : _c.cloneNode(true);
         }
@@ -15575,6 +15576,9 @@ class Icon {
         if (iconElement) {
             iconElement.classList.add('jodit-icon');
             iconElement.style.fill = fill;
+            if (scale != null) {
+                iconElement.style.transform = `scale(${scale})`;
+            }
             jodit.o.cache && this.__cache.set(cacheKey, iconElement.cloneNode(true));
         }
         return iconElement;
@@ -16038,14 +16042,22 @@ __decorate([
 /* harmony export */   ProgressBar: function() { return /* binding */ ProgressBar; }
 /* harmony export */ });
 /* harmony import */ var _dom_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2748);
-/* harmony import */ var _element_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(48538);
+/* harmony import */ var _global_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(580);
+/* harmony import */ var _helpers_size_position_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5700);
+/* harmony import */ var _helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(41180);
+/* harmony import */ var _element_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(48538);
+/* harmony import */ var _icon_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12153);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */ 
 
-class ProgressBar extends _element_js__WEBPACK_IMPORTED_MODULE_1__.UIElement {
+
+
+
+
+class ProgressBar extends _element_js__WEBPACK_IMPORTED_MODULE_4__.UIElement {
     /** @override */ className() {
         return 'ProgressBar';
     }
@@ -16067,10 +16079,59 @@ class ProgressBar extends _element_js__WEBPACK_IMPORTED_MODULE_1__.UIElement {
         this.container.style.width = percentage.toFixed(2) + '%';
         return this;
     }
+    showFileUploadAnimation(from, to) {
+        this.__cleanUpAnimation();
+        const box = (0,_global_js__WEBPACK_IMPORTED_MODULE_1__.getContainer)(this.j, ProgressBar);
+        const pos = (0,_helpers_size_position_js__WEBPACK_IMPORTED_MODULE_2__.position)(this.j.container, this.j);
+        const el = this.j.c.div(this.getFullElName('file-animation'));
+        const iconSvg = _icon_js__WEBPACK_IMPORTED_MODULE_5__.Icon.get('file', '');
+        if (iconSvg) {
+            el.innerHTML = iconSvg;
+        }
+        const start = from !== null && from !== void 0 ? from : {
+            x: pos.width / 2,
+            y: 0
+        };
+        const end = to !== null && to !== void 0 ? to : {
+            x: start.x + 60,
+            y: start.y - 80
+        };
+        (0,_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(el, {
+            left: pos.left + start.x,
+            top: pos.top + start.y
+        });
+        box.appendChild(el);
+        this.__animationElement = el;
+        // Force reflow before starting transition
+        // eslint-disable-next-line no-unused-expressions
+        el.offsetWidth;
+        (0,_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(el, {
+            left: pos.left + end.x,
+            top: pos.top + end.y,
+            opacity: 0,
+            transform: 'scale(0.4)'
+        });
+        const onEnd = ()=>{
+            el.removeEventListener('transitionend', onEnd);
+            this.__cleanUpAnimation();
+        };
+        el.addEventListener('transitionend', onEnd);
+    }
+    __cleanUpAnimation() {
+        if (this.__animationElement) {
+            _dom_dom_js__WEBPACK_IMPORTED_MODULE_0__.Dom.safeRemove(this.__animationElement);
+            this.__animationElement = null;
+        }
+    }
     destruct() {
+        this.__cleanUpAnimation();
         this.hide();
         return super.destruct();
     }
+    constructor(){
+        super(...arguments);
+        this.__animationElement = null;
+    }
 }
 
 
@@ -28602,29 +28663,42 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
     /**
      * Init constant data from control
      */ __initFromControl() {
-        var _a;
         const { control: ctr, state } = this;
         this.updateSize();
         state.name = ctr.name;
+        this.__initIconFromControl();
+        if (ctr.tooltip) {
+            state.tooltip = (0,_core_helpers_checker_is_function_js__WEBPACK_IMPORTED_MODULE_7__.isFunction)(ctr.tooltip) ? ctr.tooltip(this.j, ctr, this) : ctr.tooltip;
+        }
+        state.hasTrigger = Boolean(ctr.list || ctr.popup && ctr.exec);
+    }
+    __initIconFromControl() {
+        var _a;
+        const { control: ctr, state } = this;
         const { textIcons } = this.j.o;
         if (textIcons === true || (0,_core_helpers_checker_is_function_js__WEBPACK_IMPORTED_MODULE_7__.isFunction)(textIcons) && textIcons(ctr.name) || ctr.template) {
             state.icon = (0,_core_ui_button_index_js__WEBPACK_IMPORTED_MODULE_16__.UIButtonState)().icon;
             state.text = ctr.text || ctr.name;
+            return;
+        }
+        if (!(0,_core_helpers_checker_is_string_js__WEBPACK_IMPORTED_MODULE_10__.isString)(ctr.icon) && ctr.icon != null) {
+            state.icon = {
+                name: ctr.icon.name || ctr.name,
+                iconURL: ctr.icon.iconURL || '',
+                fill: ctr.icon.fill || '',
+                scale: ctr.icon.scale
+            };
+            return;
+        }
+        if (ctr.iconURL) {
+            state.icon.iconURL = ctr.iconURL;
         } else {
-            if (ctr.iconURL) {
-                state.icon.iconURL = ctr.iconURL;
-            } else {
-                const name = ctr.icon || ctr.name;
-                state.icon.name = _core_ui_icon_js__WEBPACK_IMPORTED_MODULE_18__.Icon.exists(name) || ((_a = this.j.o.extraIcons) === null || _a === void 0 ? void 0 : _a[name]) ? name : '';
-            }
-            if (!ctr.iconURL && !state.icon.name) {
-                state.text = ctr.text || ctr.name;
-            }
+            const name = ctr.icon || ctr.name;
+            state.icon.name = _core_ui_icon_js__WEBPACK_IMPORTED_MODULE_18__.Icon.exists(name) || ((_a = this.j.o.extraIcons) === null || _a === void 0 ? void 0 : _a[name]) ? name : '';
         }
-        if (ctr.tooltip) {
-            state.tooltip = (0,_core_helpers_checker_is_function_js__WEBPACK_IMPORTED_MODULE_7__.isFunction)(ctr.tooltip) ? ctr.tooltip(this.j, ctr, this) : ctr.tooltip;
+        if (!ctr.iconURL && !state.icon.name) {
+            state.text = ctr.text || ctr.name;
         }
-        state.hasTrigger = Boolean(ctr.list || ctr.popup && ctr.exec);
     }
     /**
      * Click on trigger button