jodit-pro-react 5.5.3 → 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;
@@ -5062,7 +5081,8 @@ input:focus + .jodit-switcher__slider {
   fill: var(--jd-color-icon);
   height: 14px;
   overflow: visible;
-  transform-origin: 0 0 !important;
+  transform: scale(var(--jd-icon-transform-scale,1));
+  transform-origin: var(--jd-icon-transform-origin);
   width: 14px;
 }
 .jodit-icon,
@@ -8622,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);
@@ -8653,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;
@@ -8738,6 +8777,8 @@ svg.jodit-icon {
   --jd-button-df-size:calc((var(--jd-button-icon-size) - 4px)*2);
   --jd-button-size:calc(var(--jd-button-icon-size) + var(--jd-button-df-size) + var(--jd-margin-v)*2);
   --jd-focus-input-box-shadow:0 0 0 0.05rem rgba(0,123,255,.25);
+  --jd-icon-transform-origin:center;
+  --jd-icon-transform-scale:1;
 }
 .jodit-file-browser-pro {
   border: 0;

package/build/esm/JoditEditor.mjs

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

package/build/esm/{chunk-OQIN2EOS.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.3";
+    APP_VERSION = "4.11.6";
     ES = "es2020";
     IS_ES_MODERN = true;
     IS_ES_NEXT = true;
@@ -7465,13 +7465,13 @@ var Icon = 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 = (_a2 = jodit.o).getIcon) === null || _b === void 0 ? void 0 : _b.call(_a2, 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);
     }
@@ -7490,6 +7490,9 @@ var Icon = 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;
@@ -7853,7 +7856,8 @@ var UIButtonState = () => ({
   icon: {
     name: "empty",
     fill: "",
-    iconURL: ""
+    iconURL: "",
+    scale: void 0
   },
   tooltip: "",
   text: "",
@@ -9765,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";
@@ -9790,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();
   }
@@ -15458,29 +15512,42 @@ var ToolbarButton = class ToolbarButton2 extends UIButton {
    * Init constant data from control
    */
   __initFromControl() {
-    var _a2;
     const { control: ctr, state } = this;
     this.updateSize();
     state.name = ctr.name;
+    this.__initIconFromControl();
+    if (ctr.tooltip) {
+      state.tooltip = isFunction(ctr.tooltip) ? ctr.tooltip(this.j, ctr, this) : ctr.tooltip;
+    }
+    state.hasTrigger = Boolean(ctr.list || ctr.popup && ctr.exec);
+  }
+  __initIconFromControl() {
+    var _a2;
+    const { control: ctr, state } = this;
     const { textIcons } = this.j.o;
     if (textIcons === true || isFunction(textIcons) && textIcons(ctr.name) || ctr.template) {
       state.icon = UIButtonState().icon;
       state.text = ctr.text || ctr.name;
+      return;
+    }
+    if (!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 = Icon.exists(name) || ((_a2 = this.j.o.extraIcons) === null || _a2 === void 0 ? void 0 : _a2[name]) ? name : "";
-      }
-      if (!ctr.iconURL && !state.icon.name) {
-        state.text = ctr.text || ctr.name;
-      }
+      const name = ctr.icon || ctr.name;
+      state.icon.name = Icon.exists(name) || ((_a2 = this.j.o.extraIcons) === null || _a2 === void 0 ? void 0 : _a2[name]) ? name : "";
     }
-    if (ctr.tooltip) {
-      state.tooltip = 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

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;
@@ -5062,7 +5081,8 @@ input:focus + .jodit-switcher__slider {
   fill: var(--jd-color-icon);
   height: 14px;
   overflow: visible;
-  transform-origin: 0 0 !important;
+  transform: scale(var(--jd-icon-transform-scale,1));
+  transform-origin: var(--jd-icon-transform-origin);
   width: 14px;
 }
 .jodit-icon,
@@ -8622,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);
@@ -8653,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;
@@ -8738,6 +8777,8 @@ svg.jodit-icon {
   --jd-button-df-size:calc((var(--jd-button-icon-size) - 4px)*2);
   --jd-button-size:calc(var(--jd-button-icon-size) + var(--jd-button-df-size) + var(--jd-margin-v)*2);
   --jd-focus-input-box-shadow:0 0 0 0.05rem rgba(0,123,255,.25);
+  --jd-icon-transform-origin:center;
+  --jd-icon-transform-scale:1;
 }
 .jodit-file-browser-pro {
   border: 0;

package/build/esm/index.mjs

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