jodit 4.13.8 → 4.13.9

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

package/esm/config.d.ts

@@ -1493,14 +1493,24 @@ interface Config {
     toolbarAdaptive: boolean;
     /**
      * The list of buttons that appear in the editor's toolbar for medium-sized spaces (≥ options.sizeMD).
+     *
+     * The set is constrained to `buttons`: resizing may only drop buttons on
+     * smaller widths, never surface a button that is not in `buttons`. So if
+     * you customise only `buttons` and leave this at its default, a narrow
+     * editor still shows just your `buttons`. Set this explicitly (as a subset
+     * of `buttons`) to get a different medium-width set.
      */
     buttonsMD: ButtonsOption;
     /**
      * The list of buttons that appear in the editor's toolbar for small-sized spaces (≥ options.sizeSM).
+     *
+     * Constrained to `buttons` — see {@link buttonsMD}.
      */
     buttonsSM: ButtonsOption;
     /**
      * The list of buttons that appear in the editor's toolbar for extra-small spaces (less than options.sizeSM).
+     *
+     * Constrained to `buttons` — see {@link buttonsMD}.
      */
     buttonsXS: ButtonsOption;
 }

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

package/esm/plugins/mobile/config.d.ts

@@ -19,14 +19,24 @@ declare module 'jodit/config' {
         toolbarAdaptive: boolean;
         /**
          * The list of buttons that appear in the editor's toolbar for medium-sized spaces (≥ options.sizeMD).
+         *
+         * The set is constrained to `buttons`: resizing may only drop buttons on
+         * smaller widths, never surface a button that is not in `buttons`. So if
+         * you customise only `buttons` and leave this at its default, a narrow
+         * editor still shows just your `buttons`. Set this explicitly (as a subset
+         * of `buttons`) to get a different medium-width set.
          */
         buttonsMD: ButtonsOption;
         /**
          * The list of buttons that appear in the editor's toolbar for small-sized spaces (≥ options.sizeSM).
+         *
+         * Constrained to `buttons` — see {@link buttonsMD}.
          */
         buttonsSM: ButtonsOption;
         /**
          * The list of buttons that appear in the editor's toolbar for extra-small spaces (less than options.sizeSM).
+         *
+         * Constrained to `buttons` — see {@link buttonsMD}.
          */
         buttonsXS: ButtonsOption;
     }

package/esm/plugins/mobile/mobile.js

@@ -5,8 +5,76 @@
  */
 import { pluginSystem } from "../../core/global.js";
 import { splitArray, toArray } from "../../core/helpers/index.js";
-import { flatButtonsSet } from "../../core/ui/helpers/buttons.js";
+import { flatButtonsSet, isButtonGroup } from "../../core/ui/helpers/buttons.js";
 import "./config.js";
+const isButtonSeparator = (item) => item === '|' || item === '---' || item === '\n';
+/**
+ * Constrain a responsive breakpoint set (`buttonsMD/SM/XS`) to the buttons the
+ * user actually asked for via `buttons`. Those breakpoint defaults are
+ * group-based supersets, so a custom (smaller) `buttons` list would otherwise
+ * see *extra* buttons appear on resize when the toolbar switched to a breakpoint
+ * set — resizing must only ever drop buttons, never add ones outside `buttons`.
+ *
+ * When the breakpoint set introduces nothing outside `buttons` (the default
+ * case, where `buttons` is the full superset), the list is returned untouched so
+ * the standard grouped mobile layout — groups, separators and `dots` — is
+ * preserved. See #1389.
+ */
+function fitToButtons(list, editor) {
+    var _a;
+    const allowed = flatButtonsSet(splitArray(editor.o.buttons), editor);
+    const groups = editor.getRegisteredButtonGroups();
+    let changed = false;
+    let hadDots = false;
+    const flat = [];
+    for (const item of list) {
+        if (isButtonGroup(item)) {
+            const members = [...item.buttons, ...((_a = groups[item.group]) !== null && _a !== void 0 ? _a : [])];
+            const kept = members.filter(button => allowed.has(button));
+            if (kept.length !== members.length) {
+                changed = true;
+            }
+            flat.push(...kept);
+        }
+        else if (isButtonSeparator(item)) {
+            flat.push(item);
+        }
+        else if (item === 'dots') {
+            hadDots = true;
+        }
+        else if (allowed.has(item)) {
+            flat.push(item);
+        }
+        else {
+            changed = true;
+        }
+    }
+    if (!changed) {
+        return list;
+    }
+    // Drop separators left dangling once the buttons around them were removed.
+    const cleaned = [];
+    for (const item of flat) {
+        if (isButtonSeparator(item) &&
+            (cleaned.length === 0 ||
+                isButtonSeparator(cleaned[cleaned.length - 1]))) {
+            continue;
+        }
+        cleaned.push(item);
+    }
+    while (cleaned.length && isButtonSeparator(cleaned[cleaned.length - 1])) {
+        cleaned.pop();
+    }
+    // Keep the "show all" overflow button only if some requested button is still
+    // hidden at this breakpoint.
+    if (hadDots) {
+        const shown = flatButtonsSet(cleaned, editor);
+        if (toArray(allowed).some(button => !shown.has(button))) {
+            cleaned.push('dots');
+        }
+    }
+    return cleaned;
+}
 /**
  * Rebuild toolbar in depends on editor's width
  */
@@ -50,12 +118,12 @@ export function mobile(editor) {
                     return splitArray(editor.o.buttons);
                 }
                 if (width >= editor.o.sizeMD) {
-                    return splitArray(editor.o.buttonsMD);
+                    return fitToButtons(splitArray(editor.o.buttonsMD), editor);
                 }
                 if (width >= editor.o.sizeSM) {
-                    return splitArray(editor.o.buttonsSM);
+                    return fitToButtons(splitArray(editor.o.buttonsSM), editor);
                 }
-                return splitArray(editor.o.buttonsXS);
+                return fitToButtons(splitArray(editor.o.buttonsXS), editor);
             })();
             if (newStore.toString() !== store.toString()) {
                 store = newStore;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit",
-	"version": "4.13.8",
+	"version": "4.13.9",
 	"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

@@ -1493,14 +1493,24 @@ interface Config {
     toolbarAdaptive: boolean;
     /**
      * The list of buttons that appear in the editor's toolbar for medium-sized spaces (≥ options.sizeMD).
+     *
+     * The set is constrained to `buttons`: resizing may only drop buttons on
+     * smaller widths, never surface a button that is not in `buttons`. So if
+     * you customise only `buttons` and leave this at its default, a narrow
+     * editor still shows just your `buttons`. Set this explicitly (as a subset
+     * of `buttons`) to get a different medium-width set.
      */
     buttonsMD: ButtonsOption;
     /**
      * The list of buttons that appear in the editor's toolbar for small-sized spaces (≥ options.sizeSM).
+     *
+     * Constrained to `buttons` — see {@link buttonsMD}.
      */
     buttonsSM: ButtonsOption;
     /**
      * The list of buttons that appear in the editor's toolbar for extra-small spaces (less than options.sizeSM).
+     *
+     * Constrained to `buttons` — see {@link buttonsMD}.
      */
     buttonsXS: ButtonsOption;
 }

package/types/plugins/mobile/config.d.ts

@@ -19,14 +19,24 @@ declare module 'jodit/config' {
         toolbarAdaptive: boolean;
         /**
          * The list of buttons that appear in the editor's toolbar for medium-sized spaces (≥ options.sizeMD).
+         *
+         * The set is constrained to `buttons`: resizing may only drop buttons on
+         * smaller widths, never surface a button that is not in `buttons`. So if
+         * you customise only `buttons` and leave this at its default, a narrow
+         * editor still shows just your `buttons`. Set this explicitly (as a subset
+         * of `buttons`) to get a different medium-width set.
          */
         buttonsMD: ButtonsOption;
         /**
          * The list of buttons that appear in the editor's toolbar for small-sized spaces (≥ options.sizeSM).
+         *
+         * Constrained to `buttons` — see {@link buttonsMD}.
          */
         buttonsSM: ButtonsOption;
         /**
          * The list of buttons that appear in the editor's toolbar for extra-small spaces (less than options.sizeSM).
+         *
+         * Constrained to `buttons` — see {@link buttonsMD}.
          */
         buttonsXS: ButtonsOption;
     }