jodit 4.11.3 → 4.11.5

package/es5/plugins/debug/debug.css

@@ -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
  */

package/es5/plugins/debug/debug.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
  */

package/es5/plugins/debug/debug.min.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
  */

package/es5/plugins/speech-recognize/speech-recognize.css

@@ -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
  */

package/es5/plugins/speech-recognize/speech-recognize.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
  */

package/es5/plugins/speech-recognize/speech-recognize.min.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
  */

package/es5/polyfills.fat.min.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
  */

package/es5/polyfills.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
  */

package/es5/polyfills.min.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
  */

package/esm/core/constants.js

@@ -3,7 +3,7 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
-export const APP_VERSION = "4.11.3";
+export const APP_VERSION = "4.11.5";
 // prettier-ignore
 export const ES = "es2020";
 export const IS_ES_MODERN = true;

package/esm/core/ui/button/button/button.js

@@ -36,7 +36,8 @@ export const UIButtonState = () => ({
     icon: {
         name: 'empty',
         fill: '',
-        iconURL: ''
+        iconURL: '',
+        scale: undefined
     },
     tooltip: '',
     text: '',

package/esm/core/ui/icon.js

@@ -50,13 +50,13 @@ export 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 = (_a = jodit.o).getIcon) === null || _b === void 0 ? void 0 : _b.call(_a, 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);
         }
@@ -80,6 +80,9 @@ export 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));
         }

package/esm/core/ui/progress-bar/progress-bar.d.ts

@@ -21,5 +21,14 @@ export declare class ProgressBar extends UIElement implements IProgressBar {
     show(): IProgressBar;
     hide(): IProgressBar;
     progress(percentage: number): IProgressBar;
+    private __animationElement;
+    showFileUploadAnimation(from?: {
+        x: number;
+        y: number;
+    }, to?: {
+        x: number;
+        y: number;
+    }): void;
+    private __cleanUpAnimation;
     destruct(): any;
 }

package/esm/core/ui/progress-bar/progress-bar.js

@@ -4,8 +4,16 @@
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
 import { Dom } from "../../dom/dom.js";
+import { getContainer } from "../../global.js";
+import { position } from "../../helpers/size/position.js";
+import { css } from "../../helpers/utils/css.js";
 import { UIElement } from "../element.js";
+import { Icon } from "../icon.js";
 export class ProgressBar extends UIElement {
+    constructor() {
+        super(...arguments);
+        this.__animationElement = null;
+    }
     /** @override */
     className() {
         return 'ProgressBar';
@@ -30,7 +38,52 @@ export class ProgressBar 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;
+        // Force reflow before starting transition
+        // eslint-disable-next-line no-unused-expressions
+        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/esm/modules/toolbar/button/button.d.ts

@@ -61,6 +61,7 @@ export declare class ToolbarButton<T extends IViewBased = IViewBased> extends UI
      * Init constant data from control
      */
     protected __initFromControl(): void;
+    private __initIconFromControl;
     /**
      * Click on trigger button
      */

package/esm/modules/toolbar/button/button.js

@@ -194,38 +194,48 @@ let ToolbarButton = class ToolbarButton extends UIButton {
      * Init constant data from control
      */
     __initFromControl() {
-        var _a;
         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 _a;
+        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) || ((_a = this.j.o.extraIcons) === null || _a === void 0 ? void 0 : _a[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) || ((_a = this.j.o.extraIcons) === null || _a === void 0 ? void 0 : _a[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/esm/types/toolbar.d.ts

@@ -7,7 +7,7 @@
  * @module types
  */
 import type { IFileBrowser } from "./file-browser";
-import type { IUIButton, IUIElement, IUIList } from "./ui";
+import type { IUIButton, IUIElement, IUIIconState, IUIList } from "./ui";
 import type { IViewBased } from "./view";
 import type { IJodit } from "./jodit";
 import type { Modes, IDictionary, HTMLTagNames, Nullable, IContainer, IComponent, IBound } from "./types";
@@ -136,7 +136,7 @@ interface IControlType<T extends IViewBased = IJodit | IViewBased | IFileBrowser
      * })
      * ```
      */
-    icon?: string;
+    icon?: string | IUIIconState;
     /**
      * Use this property if you want set background image for the button. This icon can be 16 * 16 px in SVG or
      * another image formats
@@ -270,4 +270,14 @@ export interface IProgressBar extends IUIElement {
     show(): IProgressBar;
     hide(): IProgressBar;
     progress(percentage: number): IProgressBar;
+    /**
+     * Show file upload animation - file icon flies from `from` to `to` and fades out
+     */
+    showFileUploadAnimation(from?: {
+        x: number;
+        y: number;
+    }, to?: {
+        x: number;
+        y: number;
+    }): void;
 }

package/esm/types/ui.d.ts

@@ -30,6 +30,7 @@ export interface IUIIconState {
     name: string;
     iconURL: string;
     fill: string;
+    scale: number | undefined;
 }
 export type ButtonVariant = 'initial' | 'outline' | 'default' | 'primary' | 'secondary' | 'success' | 'danger';
 export interface IUIButtonState {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit",
-	"version": "4.11.3",
+	"version": "4.11.5",
 	"description": "Jodit is an awesome and useful wysiwyg editor with filebrowser",
 	"main": "esm/index.js",
 	"types": "types/index.d.ts",

package/types/core/ui/progress-bar/progress-bar.d.ts

@@ -21,5 +21,14 @@ export declare class ProgressBar extends UIElement implements IProgressBar {
     show(): IProgressBar;
     hide(): IProgressBar;
     progress(percentage: number): IProgressBar;
+    private __animationElement;
+    showFileUploadAnimation(from?: {
+        x: number;
+        y: number;
+    }, to?: {
+        x: number;
+        y: number;
+    }): void;
+    private __cleanUpAnimation;
     destruct(): any;
 }

package/types/modules/toolbar/button/button.d.ts

@@ -61,6 +61,7 @@ export declare class ToolbarButton<T extends IViewBased = IViewBased> extends UI
      * Init constant data from control
      */
     protected __initFromControl(): void;
+    private __initIconFromControl;
     /**
      * Click on trigger button
      */

package/types/types/toolbar.d.ts

@@ -7,7 +7,7 @@
  * @module types
  */
 import type { IFileBrowser } from "./file-browser";
-import type { IUIButton, IUIElement, IUIList } from "./ui";
+import type { IUIButton, IUIElement, IUIIconState, IUIList } from "./ui";
 import type { IViewBased } from "./view";
 import type { IJodit } from "./jodit";
 import type { Modes, IDictionary, HTMLTagNames, Nullable, IContainer, IComponent, IBound } from "./types";
@@ -136,7 +136,7 @@ interface IControlType<T extends IViewBased = IJodit | IViewBased | IFileBrowser
      * })
      * ```
      */
-    icon?: string;
+    icon?: string | IUIIconState;
     /**
      * Use this property if you want set background image for the button. This icon can be 16 * 16 px in SVG or
      * another image formats
@@ -270,4 +270,14 @@ export interface IProgressBar extends IUIElement {
     show(): IProgressBar;
     hide(): IProgressBar;
     progress(percentage: number): IProgressBar;
+    /**
+     * Show file upload animation - file icon flies from `from` to `to` and fades out
+     */
+    showFileUploadAnimation(from?: {
+        x: number;
+        y: number;
+    }, to?: {
+        x: number;
+        y: number;
+    }): void;
 }

package/types/types/ui.d.ts

@@ -30,6 +30,7 @@ export interface IUIIconState {
     name: string;
     iconURL: string;
     fill: string;
+    scale: number | undefined;
 }
 export type ButtonVariant = 'initial' | 'outline' | 'default' | 'primary' | 'secondary' | 'success' | 'danger';
 export interface IUIButtonState {