jodit 4.11.3 → 4.11.5

package/es5/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
  */
@@ -2022,7 +2022,7 @@ __webpack_require__.r(__webpack_exports__);
  * @packageDocumentation
  * @module constants
  */ 
-var APP_VERSION = "4.11.3";
+var APP_VERSION = "4.11.5";
 // prettier-ignore
 var ES = "es5";
 var IS_ES_MODERN = false;
@@ -15537,7 +15537,8 @@ var UIButtonState = function UIButtonState() {
         icon: {
             name: 'empty',
             fill: '',
-            iconURL: ''
+            iconURL: '',
+            scale: undefined
         },
         tooltip: '',
         text: '',
@@ -18464,14 +18465,14 @@ var Icon = /*#__PURE__*/ function() {
                     return;
                 }
                 var iconElement;
-                var name = icon.name, iconURL = icon.iconURL, fill = icon.fill;
+                var name = icon.name, iconURL = icon.iconURL, fill = icon.fill, scale = icon.scale;
                 var clearName = name.replace(/[^a-zA-Z0-9]/g, '_');
                 var 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);
                 }
-                var cacheKey = "".concat(name).concat(iconURL).concat(fill).concat(iconFromEvent !== null && iconFromEvent !== void 0 ? iconFromEvent : '');
+                var cacheKey = "".concat(name).concat(iconURL).concat(fill).concat(scale !== null && scale !== void 0 ? scale : '').concat(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);
@@ -18492,6 +18493,9 @@ var Icon = /*#__PURE__*/ function() {
                 if (iconElement) {
                     iconElement.classList.add('jodit-icon');
                     iconElement.style.fill = fill;
+                    if (scale != null) {
+                        iconElement.style.transform = "scale(".concat(scale, ")");
+                    }
                     jodit.o.cache && this.__cache.set(cacheKey, iconElement.cloneNode(true));
                 }
                 return iconElement;
@@ -19013,11 +19017,16 @@ var Popup = /*#__PURE__*/ function(UIGroup) {
 /* harmony import */ var _swc_helpers_call_super__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69262);
 /* harmony import */ var _swc_helpers_class_call_check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73104);
 /* harmony import */ var _swc_helpers_create_class__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(53429);
-/* harmony import */ var _swc_helpers_get__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(22248);
-/* harmony import */ var _swc_helpers_get_prototype_of__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(66773);
-/* harmony import */ var _swc_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(34918);
-/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(23211);
-/* harmony import */ var jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(96007);
+/* harmony import */ var _swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25045);
+/* harmony import */ var _swc_helpers_get__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22248);
+/* harmony import */ var _swc_helpers_get_prototype_of__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(66773);
+/* harmony import */ var _swc_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(34918);
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(23211);
+/* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(28077);
+/* harmony import */ var jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23599);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(80991);
+/* harmony import */ var jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(96007);
+/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(29434);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -19035,12 +19044,19 @@ var Popup = /*#__PURE__*/ function(UIGroup) {
 
 
 
+
+
+
+
+
 var ProgressBar = /*#__PURE__*/ function(UIElement) {
     "use strict";
-    (0,_swc_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__._)(ProgressBar, UIElement);
+    (0,_swc_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__._)(ProgressBar, UIElement);
     function ProgressBar() {
         (0,_swc_helpers_class_call_check__WEBPACK_IMPORTED_MODULE_1__._)(this, ProgressBar);
-        return (0,_swc_helpers_call_super__WEBPACK_IMPORTED_MODULE_0__._)(this, ProgressBar, arguments);
+        var _this;
+        _this = (0,_swc_helpers_call_super__WEBPACK_IMPORTED_MODULE_0__._)(this, ProgressBar, arguments), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_3__._)(_this, "__animationElement", null);
+        return _this;
     }
     (0,_swc_helpers_create_class__WEBPACK_IMPORTED_MODULE_2__._)(ProgressBar, [
         {
@@ -19068,7 +19084,7 @@ var ProgressBar = /*#__PURE__*/ function(UIElement) {
         {
             key: "hide",
             value: function hide() {
-                jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_6__.Dom.safeRemove(this.container);
+                jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_7__.Dom.safeRemove(this.container);
                 return this;
             }
         },
@@ -19079,16 +19095,68 @@ var ProgressBar = /*#__PURE__*/ function(UIElement) {
                 return this;
             }
         },
+        {
+            key: "showFileUploadAnimation",
+            value: function showFileUploadAnimation(from, to) {
+                var _this = this;
+                this.__cleanUpAnimation();
+                var box = (0,jodit_core_global__WEBPACK_IMPORTED_MODULE_8__.getContainer)(this.j, ProgressBar);
+                var pos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_9__.position)(this.j.container, this.j);
+                var el = this.j.c.div(this.getFullElName('file-animation'));
+                var iconSvg = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_12__.Icon.get('file', '');
+                if (iconSvg) {
+                    el.innerHTML = iconSvg;
+                }
+                var start = from !== null && from !== void 0 ? from : {
+                    x: pos.width / 2,
+                    y: 0
+                };
+                var end = to !== null && to !== void 0 ? to : {
+                    x: start.x + 60,
+                    y: start.y - 80
+                };
+                (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_10__.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_10__.css)(el, {
+                    left: pos.left + end.x,
+                    top: pos.top + end.y,
+                    opacity: 0,
+                    transform: 'scale(0.4)'
+                });
+                var onEnd = function onEnd1() {
+                    el.removeEventListener('transitionend', onEnd);
+                    _this.__cleanUpAnimation();
+                };
+                el.addEventListener('transitionend', onEnd);
+            }
+        },
+        {
+            key: "__cleanUpAnimation",
+            value: function __cleanUpAnimation() {
+                if (this.__animationElement) {
+                    jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_7__.Dom.safeRemove(this.__animationElement);
+                    this.__animationElement = null;
+                }
+            }
+        },
         {
             key: "destruct",
             value: function destruct() {
+                this.__cleanUpAnimation();
                 this.hide();
-                return (0,_swc_helpers_get__WEBPACK_IMPORTED_MODULE_3__._)((0,_swc_helpers_get_prototype_of__WEBPACK_IMPORTED_MODULE_4__._)(ProgressBar.prototype), "destruct", this).call(this);
+                return (0,_swc_helpers_get__WEBPACK_IMPORTED_MODULE_4__._)((0,_swc_helpers_get_prototype_of__WEBPACK_IMPORTED_MODULE_5__._)(ProgressBar.prototype), "destruct", this).call(this);
             }
         }
     ]);
     return ProgressBar;
-}(jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_7__.UIElement);
+}(jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_11__.UIElement);
 
 
 /***/ }),
@@ -27774,26 +27842,42 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
                 var _this = this, ctr = _this.control, state = _this.state;
                 this.updateSize();
                 state.name = ctr.name;
+                this.__initIconFromControl();
+                if (ctr.tooltip) {
+                    state.tooltip = (0,jodit_core_helpers_checker_is_function__WEBPACK_IMPORTED_MODULE_19__.isFunction)(ctr.tooltip) ? ctr.tooltip(this.j, ctr, this) : ctr.tooltip;
+                }
+                state.hasTrigger = Boolean(ctr.list || ctr.popup && ctr.exec);
+            }
+        },
+        {
+            key: "__initIconFromControl",
+            value: function __initIconFromControl() {
+                var _this = this, ctr = _this.control, state = _this.state;
                 var textIcons = this.j.o.textIcons;
                 if (textIcons === true || (0,jodit_core_helpers_checker_is_function__WEBPACK_IMPORTED_MODULE_19__.isFunction)(textIcons) && textIcons(ctr.name) || ctr.template) {
                     state.icon = (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_28__.UIButtonState)().icon;
                     state.text = ctr.text || ctr.name;
+                    return;
+                }
+                if (!(0,jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_22__.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;
-                        var name = ctr.icon || ctr.name;
-                        state.icon.name = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_30__.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;
+                    var name = ctr.icon || ctr.name;
+                    state.icon.name = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_30__.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_19__.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);
             }
         },
         {