jodit 4.11.3 → 4.11.5

package/es2015/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.11.3
+ * Version: v4.11.5
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -1764,7 +1764,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.11.3";
+ */ const APP_VERSION = "4.11.5";
 // prettier-ignore
 const ES = "es2015";
 const IS_ES_MODERN = true;
@@ -13212,7 +13212,8 @@ const UIButtonState = ()=>({
         icon: {
             name: 'empty',
             fill: '',
-            iconURL: ''
+            iconURL: '',
+            scale: undefined
         },
         tooltip: '',
         text: '',
@@ -15385,14 +15386,14 @@ 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)) {
             var _jodit_o_getIcon, _jodit_o;
             iconFromEvent = (_jodit_o_getIcon = (_jodit_o = jodit.o).getIcon) === null || _jodit_o_getIcon === void 0 ? void 0 : _jodit_o_getIcon.call(_jodit_o, 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)) {
             var _this___cache_get;
             return (_this___cache_get = this.__cache.get(cacheKey)) === null || _this___cache_get === void 0 ? void 0 : _this___cache_get.cloneNode(true);
@@ -15413,6 +15414,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;
@@ -15830,8 +15834,13 @@ class Popup extends jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_11__.UIGr
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   ProgressBar: function() { return /* binding */ ProgressBar; }
 /* harmony export */ });
-/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(23211);
-/* harmony import */ var jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(96007);
+/* harmony import */ var _swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(25045);
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23211);
+/* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28077);
+/* harmony import */ var jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(23599);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80991);
+/* harmony import */ var jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(96007);
+/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(29434);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -15843,7 +15852,12 @@ class Popup extends jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_11__.UIGr
  */ 
 
 
-class ProgressBar extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_1__.UIElement {
+
+
+
+
+
+class ProgressBar extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_5__.UIElement {
     /** @override */ className() {
         return 'ProgressBar';
     }
@@ -15858,17 +15872,65 @@ class ProgressBar extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_1__.UIE
         return this;
     }
     hide() {
-        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.safeRemove(this.container);
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__.Dom.safeRemove(this.container);
         return this;
     }
     progress(percentage) {
         this.container.style.width = percentage.toFixed(2) + '%';
         return this;
     }
+    showFileUploadAnimation(from, to) {
+        this.__cleanUpAnimation();
+        const box = (0,jodit_core_global__WEBPACK_IMPORTED_MODULE_2__.getContainer)(this.j, ProgressBar);
+        const pos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_3__.position)(this.j.container, this.j);
+        const el = this.j.c.div(this.getFullElName('file-animation'));
+        const iconSvg = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_6__.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,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_4__.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,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_4__.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) {
+            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__.Dom.safeRemove(this.__animationElement);
+            this.__animationElement = null;
+        }
+    }
     destruct() {
+        this.__cleanUpAnimation();
         this.hide();
         return super.destruct();
     }
+    constructor(...args){
+        super(...args), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__animationElement", null);
+    }
 }
 
 
@@ -23047,26 +23109,39 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_20__.U
         const { control: ctr, state } = this;
         this.updateSize();
         state.name = ctr.name;
+        this.__initIconFromControl();
+        if (ctr.tooltip) {
+            state.tooltip = (0,jodit_core_helpers_checker_is_function__WEBPACK_IMPORTED_MODULE_11__.isFunction)(ctr.tooltip) ? ctr.tooltip(this.j, ctr, this) : ctr.tooltip;
+        }
+        state.hasTrigger = Boolean(ctr.list || ctr.popup && ctr.exec);
+    }
+    __initIconFromControl() {
+        const { control: ctr, state } = this;
         const { textIcons } = this.j.o;
         if (textIcons === true || (0,jodit_core_helpers_checker_is_function__WEBPACK_IMPORTED_MODULE_11__.isFunction)(textIcons) && textIcons(ctr.name) || ctr.template) {
             state.icon = (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_20__.UIButtonState)().icon;
             state.text = ctr.text || ctr.name;
+            return;
+        }
+        if (!(0,jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_14__.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 {
-                var _this_j_o_extraIcons;
-                const name = ctr.icon || ctr.name;
-                state.icon.name = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_22__.Icon.exists(name) || ((_this_j_o_extraIcons = this.j.o.extraIcons) === null || _this_j_o_extraIcons === void 0 ? void 0 : _this_j_o_extraIcons[name]) ? name : '';
-            }
-            if (!ctr.iconURL && !state.icon.name) {
-                state.text = ctr.text || ctr.name;
-            }
+            var _this_j_o_extraIcons;
+            const name = ctr.icon || ctr.name;
+            state.icon.name = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_22__.Icon.exists(name) || ((_this_j_o_extraIcons = this.j.o.extraIcons) === null || _this_j_o_extraIcons === void 0 ? void 0 : _this_j_o_extraIcons[name]) ? name : '';
         }
-        if (ctr.tooltip) {
-            state.tooltip = (0,jodit_core_helpers_checker_is_function__WEBPACK_IMPORTED_MODULE_11__.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