jodit-pro-react 5.5.4 → 5.5.5

package/build/esm/JoditEditor.css

@@ -1238,7 +1238,7 @@
   opacity: .7;
   position: absolute;
   top: 0;
-  z-index: 2147483647;
+  z-index: var(--jd-z-index-tooltip);
 }
 .jodit-progress-bar div {
   background: var(--jd-color-background-progress);
@@ -1269,6 +1269,25 @@
   width: 20px;
   clip: rect(-6px, 22px, 14px, var(--jd-padding-default));
 }
+.jodit-progress-bar__file-animation {
+  height: 32px;
+  opacity: .8;
+  pointer-events: none;
+  position: fixed;
+  transform: scale(1);
+  transition:
+    left .8s ease-in,
+    top .8s ease-in,
+    opacity .8s ease-in,
+    transform .8s ease-in;
+  width: 32px;
+  z-index: 2147483647;
+}
+.jodit-progress-bar__file-animation svg {
+  fill: var(--jd-color-background-progress);
+  height: 100%;
+  width: 100%;
+}
 :root {
   --jd-em-color-border:#b6d4fe;
   --jd-em-color-bg:#cfe2ff;
@@ -8623,7 +8642,7 @@ svg.jodit-icon {
   right: 0;
   top: 0;
   transition: width .3s linear;
-  z-index: 2147483647;
+  z-index: var(--jd-z-index-tooltip);
 }
 .jodit-ui-progress div {
   background: var(--jd-color-background-progress);
@@ -8654,6 +8673,25 @@ svg.jodit-icon {
   width: 20px;
   clip: rect(-6px, 22px, 14px, var(--jd-padding-default));
 }
+.jodit-ui-progress__file-animation {
+  height: 32px;
+  opacity: .8;
+  pointer-events: none;
+  position: fixed;
+  transform: scale(1);
+  transition:
+    left .8s ease-in,
+    top .8s ease-in,
+    opacity .8s ease-in,
+    transform .8s ease-in;
+  width: 32px;
+  z-index: 2147483647;
+}
+.jodit-ui-progress__file-animation svg {
+  fill: var(--jd-color-background-progress);
+  height: 100%;
+  width: 100%;
+}
 .jodit-ui-progress_hidden_true {
   opacity: 0;
   width: 0 !important;

package/build/esm/JoditEditor.mjs

@@ -1,6 +1,6 @@
 import {
   JoditEditor_default
-} from "./chunk-4MCJROVB.mjs";
+} from "./chunk-3OHPKH3S.mjs";
 export {
   JoditEditor_default as default
 };

package/build/esm/{chunk-4MCJROVB.mjs → chunk-3OHPKH3S.mjs}

@@ -182,7 +182,7 @@ var APP_VERSION, ES, IS_ES_MODERN, IS_ES_NEXT, IS_PROD, IS_TEST, FAT_MODE, HOMEP
 var init_constants = __esm({
   "node_modules/jodit/esm/core/constants.js"() {
     "use strict";
-    APP_VERSION = "4.11.4";
+    APP_VERSION = "4.11.6";
     ES = "es2020";
     IS_ES_MODERN = true;
     IS_ES_NEXT = true;
@@ -9769,7 +9769,14 @@ UIList = __decorate18([
 
 // node_modules/jodit/esm/core/ui/progress-bar/progress-bar.js
 init_dom();
-var ProgressBar = class extends UIElement {
+init_global2();
+init_position();
+init_css();
+var ProgressBar = class _ProgressBar extends UIElement {
+  constructor() {
+    super(...arguments);
+    this.__animationElement = null;
+  }
   /** @override */
   className() {
     return "ProgressBar";
@@ -9794,7 +9801,50 @@ var ProgressBar = class extends UIElement {
     this.container.style.width = percentage.toFixed(2) + "%";
     return this;
   }
+  showFileUploadAnimation(from, to) {
+    this.__cleanUpAnimation();
+    const box = getContainer(this.j, _ProgressBar);
+    const pos = position(this.j.container, this.j);
+    const el = this.j.c.div(this.getFullElName("file-animation"));
+    const iconSvg = 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
+    };
+    css(el, {
+      left: pos.left + start.x,
+      top: pos.top + start.y
+    });
+    box.appendChild(el);
+    this.__animationElement = el;
+    el.offsetWidth;
+    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.safeRemove(this.__animationElement);
+      this.__animationElement = null;
+    }
+  }
   destruct() {
+    this.__cleanUpAnimation();
     this.hide();
     return super.destruct();
   }

package/build/esm/index.css

@@ -1238,7 +1238,7 @@
   opacity: .7;
   position: absolute;
   top: 0;
-  z-index: 2147483647;
+  z-index: var(--jd-z-index-tooltip);
 }
 .jodit-progress-bar div {
   background: var(--jd-color-background-progress);
@@ -1269,6 +1269,25 @@
   width: 20px;
   clip: rect(-6px, 22px, 14px, var(--jd-padding-default));
 }
+.jodit-progress-bar__file-animation {
+  height: 32px;
+  opacity: .8;
+  pointer-events: none;
+  position: fixed;
+  transform: scale(1);
+  transition:
+    left .8s ease-in,
+    top .8s ease-in,
+    opacity .8s ease-in,
+    transform .8s ease-in;
+  width: 32px;
+  z-index: 2147483647;
+}
+.jodit-progress-bar__file-animation svg {
+  fill: var(--jd-color-background-progress);
+  height: 100%;
+  width: 100%;
+}
 :root {
   --jd-em-color-border:#b6d4fe;
   --jd-em-color-bg:#cfe2ff;
@@ -8623,7 +8642,7 @@ svg.jodit-icon {
   right: 0;
   top: 0;
   transition: width .3s linear;
-  z-index: 2147483647;
+  z-index: var(--jd-z-index-tooltip);
 }
 .jodit-ui-progress div {
   background: var(--jd-color-background-progress);
@@ -8654,6 +8673,25 @@ svg.jodit-icon {
   width: 20px;
   clip: rect(-6px, 22px, 14px, var(--jd-padding-default));
 }
+.jodit-ui-progress__file-animation {
+  height: 32px;
+  opacity: .8;
+  pointer-events: none;
+  position: fixed;
+  transform: scale(1);
+  transition:
+    left .8s ease-in,
+    top .8s ease-in,
+    opacity .8s ease-in,
+    transform .8s ease-in;
+  width: 32px;
+  z-index: 2147483647;
+}
+.jodit-ui-progress__file-animation svg {
+  fill: var(--jd-color-background-progress);
+  height: 100%;
+  width: 100%;
+}
 .jodit-ui-progress_hidden_true {
   opacity: 0;
   width: 0 !important;

package/build/esm/index.mjs

@@ -2,7 +2,7 @@ import {
   Config,
   JoditEditor_default,
   n
-} from "./chunk-4MCJROVB.mjs";
+} from "./chunk-3OHPKH3S.mjs";
 
 // src/index.ts
 var index_default = JoditEditor_default;