jodit-pro-react 5.5.3 → 5.5.4

package/build/esm/JoditEditor.css

@@ -5062,7 +5062,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,
@@ -8738,6 +8739,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-4MCJROVB.mjs";
 export {
   JoditEditor_default as default
 };

package/build/esm/{chunk-OQIN2EOS.mjs → chunk-4MCJROVB.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.4";
     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: "",
@@ -15458,29 +15462,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

@@ -5062,7 +5062,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,
@@ -8738,6 +8739,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-4MCJROVB.mjs";
 
 // src/index.ts
 var index_default = JoditEditor_default;