jodit 4.11.4 → 4.11.6

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.11.4
+ * Version: v4.11.6
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -1758,7 +1758,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.11.4";
+ */ const APP_VERSION = "4.11.6";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -15720,8 +15720,13 @@ class Popup extends jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_9__.UIGro
 /* 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.
@@ -15733,7 +15738,12 @@ class Popup extends jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_9__.UIGro
  */ 
 
 
-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';
     }
@@ -15748,17 +15758,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 ?? {
+            x: pos.width / 2,
+            y: 0
+        };
+        const end = 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);
+    }
 }