jodit 4.15.13 → 4.15.14

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.15.13
+ * Version: v4.15.14
  * 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.15.13
+ * Version: v4.15.14
  * 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.15.13
+ * Version: v4.15.14
  * 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.15.13
+ * Version: v4.15.14
  * 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.15.13
+ * Version: v4.15.14
  * 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.15.13
+ * Version: v4.15.14
  * 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.15.13
+ * Version: v4.15.14
  * 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.15.13
+ * Version: v4.15.14
  * 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.15.13
+ * Version: v4.15.14
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/esm/config.d.ts

@@ -607,7 +607,8 @@ declare class Config implements IViewOptions {
      */
     useSplitMode: boolean;
     /**
-     * The colors in HEX representation to select a color for the background and for the text in colorpicker
+     * The colors in HEX representation to select a color for the background and for the text in colorpicker.
+     * Each group is laid out in rows of `--jd-color-picker-columns` colors (10 by default).
      *
      * ```javascript
      *  Jodit.make('#editor', {

package/esm/config.js

@@ -629,7 +629,8 @@ class Config {
          */
         this.useSplitMode = false;
         /**
-         * The colors in HEX representation to select a color for the background and for the text in colorpicker
+         * The colors in HEX representation to select a color for the background and for the text in colorpicker.
+         * Each group is laid out in rows of `--jd-color-picker-columns` colors (10 by default).
          *
          * ```javascript
          *  Jodit.make('#editor', {

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.15.13";
+export const APP_VERSION = "4.15.14";
 // prettier-ignore
 export const ES = "es2020";
 export const IS_ES_MODERN = true;

package/esm/modules/widget/color-picker/color-picker.d.ts

@@ -12,7 +12,7 @@ import type { IJodit } from "../../../types/index";
 /**
  * Build color picker
  *
- * @param callback - Callback 'function (color) \{\}'
+ * @param callback - Callback 'function (color) \{\}'. The remove button calls it with an empty string
  * @param coldColor - Color value ex. #fff or rgb(123, 123, 123) or rgba(123, 123, 123, 1)
  * @example
  * ```javascript

package/esm/modules/widget/color-picker/color-picker.js

@@ -11,7 +11,7 @@ Icon.set('palette', paletteIcon);
 /**
  * Build color picker
  *
- * @param callback - Callback 'function (color) \{\}'
+ * @param callback - Callback 'function (color) \{\}'. The remove button calls it with an empty string
  * @param coldColor - Color value ex. #fff or rgb(123, 123, 123) or rgba(123, 123, 123, 1)
  * @example
  * ```javascript
@@ -46,7 +46,12 @@ export const ColorPickerWidget = (editor, callback, coldColor) => {
         }
         return stack.join('');
     };
-    Dom.append(form, editor.c.fromHTML(`<div class="${cn}__groups">${eachColor(editor.o.colors)}</div>`));
+    // The group wrapper lays the colors out in rows, so a flat list needs one
+    // too. See #1487
+    const groups = isArray(editor.o.colors)
+        ? `<div class="${cn}__group">${eachColor(editor.o.colors)}</div>`
+        : eachColor(editor.o.colors);
+    Dom.append(form, editor.c.fromHTML(`<div class="${cn}__groups">${groups}</div>`));
     Dom.append(form, editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
     const { extra } = refs(form);
     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>`));
@@ -83,6 +88,7 @@ export const ColorPickerWidget = (editor, callback, coldColor) => {
         e.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(form, 'change', (e) => {
@@ -118,7 +124,8 @@ export const ColorPickerWidget = (editor, callback, coldColor) => {
             target = Dom.closest(target.parentNode, 'span', editor.editor);
         }
         if (!Dom.isTag(target, 'span') ||
-            !target.classList.contains(cn + '__color-item')) {
+            (!target.classList.contains(cn + '__color-item') &&
+                !target.classList.contains(cn + '__remove'))) {
             return;
         }
         const color = attr(target, '-color') || '';

package/esm/plugins/clean-html/config.js

@@ -3,9 +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
  */
-import { Icon } from "../../core/ui/icon.js";
 import { Config } from "../../config.js";
-import eraserIcon from "./eraser.svg.js";
 Config.prototype.cleanHTML = {
     timeout: 300,
     removeEmptyElements: true,
@@ -35,4 +33,3 @@ Config.prototype.controls.eraser = {
     command: 'removeFormat',
     tooltip: 'Clear Formatting'
 };
-Icon.set('eraser', eraserIcon);

package/esm/styles/icons/index.d.ts

@@ -8,4 +8,4 @@
  * @packageDocumentation
  * @module icons
  */
-export { angle_down, angle_left, angle_right, angle_up, bin, cancel, center, check, chevron, dots, download, eye, file, folder, info_circle, left, lock, ok, pencil, plus, resize_handler, right, save, settings, unlock, update, upload, valign };
+export { angle_down, angle_left, angle_right, angle_up, bin, cancel, center, check, chevron, dots, download, eraser, eye, file, folder, info_circle, left, lock, ok, pencil, plus, resize_handler, right, save, settings, unlock, update, upload, valign };

package/esm/styles/icons/index.js

@@ -19,6 +19,7 @@ import check from "./check.svg.js";
 import chevron from "./chevron.svg.js";
 import dots from "./dots.svg.js";
 import download from "./download.svg.js";
+import eraser from "./eraser.svg.js";
 import eye from "./eye.svg.js";
 import file from "./file.svg.js";
 import folder from "./folder.svg.js";
@@ -36,4 +37,4 @@ import unlock from "./unlock.svg.js";
 import update from "./update.svg.js";
 import upload from "./upload.svg.js";
 import valign from "./valign.svg.js";
-export { angle_down, angle_left, angle_right, angle_up, bin, cancel, center, check, chevron, dots, download, eye, file, folder, info_circle, left, lock, ok, pencil, plus, resize_handler, right, save, settings, unlock, update, upload, valign };
+export { angle_down, angle_left, angle_right, angle_up, bin, cancel, center, check, chevron, dots, download, eraser, eye, file, folder, info_circle, left, lock, ok, pencil, plus, resize_handler, right, save, settings, unlock, update, upload, valign };

package/package.json

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

package/types/config.d.ts

@@ -607,7 +607,8 @@ declare class Config implements IViewOptions {
      */
     useSplitMode: boolean;
     /**
-     * The colors in HEX representation to select a color for the background and for the text in colorpicker
+     * The colors in HEX representation to select a color for the background and for the text in colorpicker.
+     * Each group is laid out in rows of `--jd-color-picker-columns` colors (10 by default).
      *
      * ```javascript
      *  Jodit.make('#editor', {

package/types/modules/widget/color-picker/color-picker.d.ts

@@ -12,7 +12,7 @@ import type { IJodit } from "../../../types/index";
 /**
  * Build color picker
  *
- * @param callback - Callback 'function (color) \{\}'
+ * @param callback - Callback 'function (color) \{\}'. The remove button calls it with an empty string
  * @param coldColor - Color value ex. #fff or rgb(123, 123, 123) or rgba(123, 123, 123, 1)
  * @example
  * ```javascript

package/types/styles/icons/index.d.ts

@@ -8,4 +8,4 @@
  * @packageDocumentation
  * @module icons
  */
-export { angle_down, angle_left, angle_right, angle_up, bin, cancel, center, check, chevron, dots, download, eye, file, folder, info_circle, left, lock, ok, pencil, plus, resize_handler, right, save, settings, unlock, update, upload, valign };
+export { angle_down, angle_left, angle_right, angle_up, bin, cancel, center, check, chevron, dots, download, eraser, eye, file, folder, info_circle, left, lock, ok, pencil, plus, resize_handler, right, save, settings, unlock, update, upload, valign };