jodit 4.11.3 → 4.11.5

package/CHANGELOG.md

@@ -9,6 +9,57 @@
 > - :house: [Internal]
 > - :nail_care: [Polish]
 
+## 4.11.5
+
+#### :rocket: New Feature
+
+- `ProgressBar.showFileUploadAnimation(from?, to?)` — animated file icon that flies from a given point and fades out. Coordinates are relative to the editor container. Both `from` and `to` are optional with sensible defaults. The animation is automatically cleaned up on `destruct()`.
+  ```js
+  const editor = Jodit.make('#editor')
+  jodit.progressbar.showFileUploadAnimation();
+  ```
+
+## 4.11.4
+
+#### :boom: Breaking Change
+
+- `.jodit-icon` `transform-origin` changed from `0 0 !important` to `var(--jd-icon-transform-origin)` (default `center`), and the `!important` flag was removed. If your layout depends on the old top-left origin, restore it via CSS:
+  ```css
+  :root {
+      --jd-icon-transform-origin: 0 0 !important;
+  }
+  ```
+
+#### :rocket: New Feature
+
+- `IUIIconState` now supports `scale` property — when set, applies `transform: scale(...)` to the SVG icon element, overriding the CSS variable
+- `IControlType.icon` now accepts `string | IUIIconState` — allows setting icon name, fill, iconURL, and scale directly from toolbar button config
+
+  Per-button scale example:
+  ```javascript
+  Jodit.make('#editor', {
+      buttons: Jodit.atom([
+          'bold',
+          {
+              name: 'big-italic',
+              icon: { name: 'italic', fill: '', iconURL: '', scale: 1.5 },
+              tooltip: 'Italic (large icon)'
+          },
+          'underline'
+      ])
+  });
+  ```
+
+- CSS custom properties `--jd-icon-transform-origin` and `--jd-icon-transform-scale` for global icon scaling. Override them to resize all editor icons at once. Per-button `scale` in `IUIIconState` takes priority over the CSS variable.
+
+  Global scale override via CSS:
+  ```css
+  :root {
+      --jd-icon-transform-scale: 1.3;
+      --jd-icon-transform-origin: center;
+  }
+  ```
+
 ## 4.11.2
 
 #### :boom: Breaking Change

package/es2015/jodit.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
  */
@@ -1300,7 +1300,7 @@
 }
 .jodit-progress-bar {
   position: absolute;
-  z-index: 2147483647;
+  z-index: var(--jd-z-index-tooltip);
   top: 0;
   left: 0;
   height: 2px;
@@ -1336,6 +1336,21 @@
   width: 20px;
   clip: rect(-6px, 22px, 14px, var(--jd-padding-default));
 }
+.jodit-progress-bar__file-animation {
+  position: fixed;
+  width: 32px;
+  height: 32px;
+  opacity: 0.8;
+  pointer-events: none;
+  z-index: 2147483647;
+  transform: scale(1);
+  transition: left 800ms ease-in, top 800ms ease-in, opacity 800ms ease-in, transform 800ms ease-in;
+}
+.jodit-progress-bar__file-animation svg {
+  width: 100%;
+  height: 100%;
+  fill: var(--jd-color-background-progress);
+}
 
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -4894,6 +4909,8 @@ html.jodit_fullsize-box_true {
   --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, 0.25);
+  --jd-icon-transform-origin: center;
+  --jd-icon-transform-scale: 1;
 }
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -5382,7 +5399,8 @@ input:focus + .jodit-switcher__slider {
   background-size: contain;
   fill: var(--jd-color-icon);
   stroke: var(--jd-color-icon);
-  transform-origin: 0 0 !important;
+  transform-origin: var(--jd-icon-transform-origin);
+  transform: scale(var(--jd-icon-transform-scale, 1));
 }
 .jodit-icon_close {
   stroke: var(--jd-color-icon);