jodit-pro-react 5.6.19 → 5.6.20

package/build/esm/JoditEditor.css

@@ -2653,6 +2653,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-button__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -2664,6 +2669,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-button__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-button__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);
@@ -3370,6 +3380,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-select__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -3381,6 +3396,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-select__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-select__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);

package/build/esm/JoditEditor.mjs

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

package/build/esm/{chunk-LFMU62BW.mjs → chunk-K664ZXD6.mjs}

@@ -195,7 +195,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.15.13";
+    APP_VERSION = "4.15.14";
     ES = "es2020";
     IS_ES_MODERN = true;
     IS_ES_NEXT = true;
@@ -21917,11 +21917,6 @@ init_plugin();
 
 // node_modules/jodit/esm/plugins/clean-html/config.js
 init_config();
-
-// node_modules/jodit/esm/plugins/clean-html/eraser.svg.js
-var eraser_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <g fill="none"> <path d="m4 12 10-9 7 7-10 10H7l-4-4a3 3 0 0 1 1-4Zm3-3 8 7m-4 4h10"/> </g> </svg> ';
-
-// node_modules/jodit/esm/plugins/clean-html/config.js
 Config.prototype.cleanHTML = {
   timeout: 300,
   removeEmptyElements: true,
@@ -21951,7 +21946,6 @@ Config.prototype.controls.eraser = {
   command: "removeFormat",
   tooltip: "Clear Formatting"
 };
-Icon.set("eraser", eraser_svg_default);
 
 // node_modules/jodit/esm/plugins/clean-html/helpers/get-hash.js
 init_is_string();
@@ -22740,7 +22734,8 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     }
     return stack.join("");
   };
-  Dom.append(form2, editor.c.fromHTML(`<div class="${cn}__groups">${eachColor(editor.o.colors)}</div>`));
+  const groups = isArray(editor.o.colors) ? `<div class="${cn}__group">${eachColor(editor.o.colors)}</div>` : eachColor(editor.o.colors);
+  Dom.append(form2, editor.c.fromHTML(`<div class="${cn}__groups">${groups}</div>`));
   Dom.append(form2, editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
   const { extra } = refs(form2);
   Dom.append(extra, editor.c.fromHTML(`<div class="${cn}__hex"><input data-ref="hexInput" type="text" spellcheck="false" aria-label="HEX" placeholder="#FF0000" value="${valueHex || ""}"/></div>`));
@@ -22772,6 +22767,7 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     e44.stopPropagation();
     applyHexInput();
   });
+  Dom.append(extra, editor.c.fromHTML(`<span class="${cn}__remove" data-color="" title="${editor.i18n("Remove")}">${editor.o.textIcons ? editor.i18n("Remove") : Icon.get("eraser")}</span>`));
   if (editor.o.showBrowserColorPicker && hasBrowserColorPicker()) {
     Dom.append(extra, editor.c.fromHTML(`<div class="${cn}__native">${iconPalette}<input type="color" value="#ffffff"/></div>`));
     editor.e.on(form2, "change", (e44) => {
@@ -22798,7 +22794,7 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     if ((!target || !target.tagName || Dom.isTag(target, "svg") || Dom.isTag(target, "path")) && target.parentNode) {
       target = Dom.closest(target.parentNode, "span", editor.editor);
     }
-    if (!Dom.isTag(target, "span") || !target.classList.contains(cn + "__color-item")) {
+    if (!Dom.isTag(target, "span") || !target.classList.contains(cn + "__color-item") && !target.classList.contains(cn + "__remove")) {
       return;
     }
     const color2 = attr(target, "-color") || "";
@@ -36040,6 +36036,7 @@ __export(icons_exports, {
   chevron: () => chevron_svg_default,
   dots: () => dots_svg_default,
   download: () => download_svg_default,
+  eraser: () => eraser_svg_default,
   eye: () => eye_svg_default,
   file: () => file_svg_default,
   folder: () => folder_svg_default,
@@ -36092,6 +36089,9 @@ var dots_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" width="24" heigh
 // node_modules/jodit/esm/styles/icons/download.svg.js
 var download_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <g fill="none"> <path d="M12 3v13m-5-5 5 5 5-5M4 15v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4"/> </g> </svg> ';
 
+// node_modules/jodit/esm/styles/icons/eraser.svg.js
+var eraser_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <g fill="none"> <path d="m4 12 10-9 7 7-10 10H7l-4-4a3 3 0 0 1 1-4Zm3-3 8 7m-4 4h10"/> </g> </svg> ';
+
 // node_modules/jodit/esm/styles/icons/eye.svg.js
 var eye_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <g fill="none"> <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z"/><circle cx="12" cy="12" r="3"/> </g> </svg> ';
 

package/build/esm/index.css

@@ -2653,6 +2653,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-button__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -2664,6 +2669,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-button__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-button__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);
@@ -3370,6 +3380,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-select__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -3381,6 +3396,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-select__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-select__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);

package/build/esm/index.mjs

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