jodit 4.0.0-beta.84 → 4.0.0-beta.85

package/es2015/plugins/debug/debug.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.84
+ * Version: v4.0.0-beta.85
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -24,7 +24,7 @@ return (self["webpackChunkjodit"] = self["webpackChunkjodit"] || []).push([[101]
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Debug": function() { return /* binding */ Debug; }
+/* harmony export */   Debug: function() { return /* binding */ Debug; }
 /* harmony export */ });
 /* harmony import */ var jodit_core_plugin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7331);
 /* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(79102);
@@ -76,13 +76,13 @@ function renderText(elm) {
 }
 function render(elm, level = 0) {
     return `<div style='padding-left: ${level * 5}px'>
-		${elm.nodeName} ${jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__/* .Dom.isText */ .i.isText(elm) ? `- ${renderText(elm)}` : ''}
+		${elm.nodeName} ${jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__/* .Dom */ .i.isText(elm) ? `- ${renderText(elm)}` : ''}
 	${Array.from(elm.childNodes)
         .map(ch => render(ch, level + 1))
         .join('')}
 </div>`;
 }
-jodit_core_global__WEBPACK_IMPORTED_MODULE_1__/* .pluginSystem.add */ .pw.add('debug', Debug);
+jodit_core_global__WEBPACK_IMPORTED_MODULE_1__/* .pluginSystem */ .pw.add('debug', Debug);
 
 
 /***/ })

package/es2015/plugins/debug/debug.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.84
+ * Version: v4.0.0-beta.85
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es2015/plugins/speech-recognize/speech-recognize.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.84
+ * Version: v4.0.0-beta.85
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es2015/plugins/speech-recognize/speech-recognize.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.84
+ * Version: v4.0.0-beta.85
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -42,7 +42,7 @@ return (self["webpackChunkjodit"] = self["webpackChunkjodit"] || []).push([[781]
 
 
 
-jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config.prototype.speechRecognize */ .D.prototype.speechRecognize = {
+jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config */ .D.prototype.speechRecognize = {
     api: _helpers_api__WEBPACK_IMPORTED_MODULE_4__/* .SpeechRecognition */ .M,
     sound: true,
     continuous: true,
@@ -61,8 +61,8 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config.prototype.speechRecognize */
         'select all': 'selectall'
     }
 };
-jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_2__/* .Icon.set */ .J.set('speech-recognize', (_speech_recognize_svg__WEBPACK_IMPORTED_MODULE_5___default()));
-jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config.prototype.controls.speechRecognize */ .D.prototype.controls.speechRecognize = {
+jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_2__/* .Icon */ .J.set('speech-recognize', (_speech_recognize_svg__WEBPACK_IMPORTED_MODULE_5___default()));
+jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config */ .D.prototype.controls.speechRecognize = {
     isActive(jodit, _) {
         const api = (0,jodit_core_helpers_utils_data_bind__WEBPACK_IMPORTED_MODULE_1__/* .dataBind */ .q)(jodit, 'speech');
         return Boolean(api === null || api === void 0 ? void 0 : api.isEnabled);
@@ -132,8 +132,8 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config.prototype.controls.speechRec
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "n": function() { return /* binding */ PII; },
-/* harmony export */   "u": function() { return /* binding */ WARN; }
+/* harmony export */   n: function() { return /* binding */ PII; },
+/* harmony export */   u: function() { return /* binding */ WARN; }
 /* harmony export */ });
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -155,7 +155,7 @@ const WARN = 940;
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "M": function() { return /* binding */ SpeechRecognition; }
+/* harmony export */   M: function() { return /* binding */ SpeechRecognition; }
 /* harmony export */ });
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -173,7 +173,7 @@ const SpeechRecognition = window.SpeechRecognition ||
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "c": function() { return /* binding */ execSpellCommand; }
+/* harmony export */   c: function() { return /* binding */ execSpellCommand; }
 /* harmony export */ });
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -193,7 +193,7 @@ function execSpellCommand(jodit, commandSentence) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "v": function() { return /* binding */ RecognizeManager; }
+/* harmony export */   v: function() { return /* binding */ RecognizeManager; }
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(97582);
 /* harmony import */ var jodit_core_event_emitter_eventify__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3569);
@@ -360,6 +360,7 @@ RecognizeManager = RecognizeManager_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_4__/*
 ], RecognizeManager);
 
 
+
 /***/ }),
 
 /***/ 55486:
@@ -367,7 +368,7 @@ RecognizeManager = RecognizeManager_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_4__/*
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "e": function() { return /* binding */ sound; }
+/* harmony export */   e: function() { return /* binding */ sound; }
 /* harmony export */ });
 /* harmony import */ var jodit_plugins_speech_recognize_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16618);
 /*!
@@ -608,26 +609,26 @@ module.exports = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "ar": function() { return /* reexport module object */ _ar_js__WEBPACK_IMPORTED_MODULE_0__; },
-/* harmony export */   "cs_cz": function() { return /* reexport module object */ _cs_cz_js__WEBPACK_IMPORTED_MODULE_1__; },
-/* harmony export */   "de": function() { return /* reexport module object */ _de_js__WEBPACK_IMPORTED_MODULE_2__; },
-/* harmony export */   "es": function() { return /* reexport module object */ _es_js__WEBPACK_IMPORTED_MODULE_3__; },
-/* harmony export */   "fa": function() { return /* reexport module object */ _fa_js__WEBPACK_IMPORTED_MODULE_4__; },
-/* harmony export */   "fr": function() { return /* reexport module object */ _fr_js__WEBPACK_IMPORTED_MODULE_5__; },
-/* harmony export */   "he": function() { return /* reexport module object */ _he_js__WEBPACK_IMPORTED_MODULE_6__; },
-/* harmony export */   "hu": function() { return /* reexport module object */ _hu_js__WEBPACK_IMPORTED_MODULE_7__; },
-/* harmony export */   "id": function() { return /* reexport module object */ _id_js__WEBPACK_IMPORTED_MODULE_8__; },
-/* harmony export */   "it": function() { return /* reexport module object */ _it_js__WEBPACK_IMPORTED_MODULE_9__; },
-/* harmony export */   "ja": function() { return /* reexport module object */ _ja_js__WEBPACK_IMPORTED_MODULE_10__; },
-/* harmony export */   "ko": function() { return /* reexport module object */ _ko_js__WEBPACK_IMPORTED_MODULE_11__; },
-/* harmony export */   "mn": function() { return /* reexport module object */ _mn_js__WEBPACK_IMPORTED_MODULE_12__; },
-/* harmony export */   "nl": function() { return /* reexport module object */ _nl_js__WEBPACK_IMPORTED_MODULE_13__; },
-/* harmony export */   "pl": function() { return /* reexport module object */ _pl_js__WEBPACK_IMPORTED_MODULE_14__; },
-/* harmony export */   "pt_br": function() { return /* reexport module object */ _pt_br_js__WEBPACK_IMPORTED_MODULE_15__; },
-/* harmony export */   "ru": function() { return /* reexport module object */ _ru_js__WEBPACK_IMPORTED_MODULE_16__; },
-/* harmony export */   "tr": function() { return /* reexport module object */ _tr_js__WEBPACK_IMPORTED_MODULE_17__; },
-/* harmony export */   "zh_cn": function() { return /* reexport module object */ _zh_cn_js__WEBPACK_IMPORTED_MODULE_18__; },
-/* harmony export */   "zh_tw": function() { return /* reexport module object */ _zh_tw_js__WEBPACK_IMPORTED_MODULE_19__; }
+/* harmony export */   ar: function() { return /* reexport module object */ _ar_js__WEBPACK_IMPORTED_MODULE_0__; },
+/* harmony export */   cs_cz: function() { return /* reexport module object */ _cs_cz_js__WEBPACK_IMPORTED_MODULE_1__; },
+/* harmony export */   de: function() { return /* reexport module object */ _de_js__WEBPACK_IMPORTED_MODULE_2__; },
+/* harmony export */   es: function() { return /* reexport module object */ _es_js__WEBPACK_IMPORTED_MODULE_3__; },
+/* harmony export */   fa: function() { return /* reexport module object */ _fa_js__WEBPACK_IMPORTED_MODULE_4__; },
+/* harmony export */   fr: function() { return /* reexport module object */ _fr_js__WEBPACK_IMPORTED_MODULE_5__; },
+/* harmony export */   he: function() { return /* reexport module object */ _he_js__WEBPACK_IMPORTED_MODULE_6__; },
+/* harmony export */   hu: function() { return /* reexport module object */ _hu_js__WEBPACK_IMPORTED_MODULE_7__; },
+/* harmony export */   id: function() { return /* reexport module object */ _id_js__WEBPACK_IMPORTED_MODULE_8__; },
+/* harmony export */   it: function() { return /* reexport module object */ _it_js__WEBPACK_IMPORTED_MODULE_9__; },
+/* harmony export */   ja: function() { return /* reexport module object */ _ja_js__WEBPACK_IMPORTED_MODULE_10__; },
+/* harmony export */   ko: function() { return /* reexport module object */ _ko_js__WEBPACK_IMPORTED_MODULE_11__; },
+/* harmony export */   mn: function() { return /* reexport module object */ _mn_js__WEBPACK_IMPORTED_MODULE_12__; },
+/* harmony export */   nl: function() { return /* reexport module object */ _nl_js__WEBPACK_IMPORTED_MODULE_13__; },
+/* harmony export */   pl: function() { return /* reexport module object */ _pl_js__WEBPACK_IMPORTED_MODULE_14__; },
+/* harmony export */   pt_br: function() { return /* reexport module object */ _pt_br_js__WEBPACK_IMPORTED_MODULE_15__; },
+/* harmony export */   ru: function() { return /* reexport module object */ _ru_js__WEBPACK_IMPORTED_MODULE_16__; },
+/* harmony export */   tr: function() { return /* reexport module object */ _tr_js__WEBPACK_IMPORTED_MODULE_17__; },
+/* harmony export */   zh_cn: function() { return /* reexport module object */ _zh_cn_js__WEBPACK_IMPORTED_MODULE_18__; },
+/* harmony export */   zh_tw: function() { return /* reexport module object */ _zh_tw_js__WEBPACK_IMPORTED_MODULE_19__; }
 /* harmony export */ });
 /* harmony import */ var _ar_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(57998);
 /* harmony import */ var _ar_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_ar_js__WEBPACK_IMPORTED_MODULE_0__);
@@ -948,7 +949,7 @@ module.exports = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "SpeechRecognizeNative": function() { return /* binding */ SpeechRecognizeNative; }
+/* harmony export */   SpeechRecognizeNative: function() { return /* binding */ SpeechRecognizeNative; }
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(97582);
 /* harmony import */ var jodit_core_plugin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7331);
@@ -1020,7 +1021,7 @@ class SpeechRecognizeNative extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_0
         }
         this.j.workplace.appendChild(this.messagePopup);
         this.j.async.setTimeout(() => {
-            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__/* .Dom.safeRemove */ .i.safeRemove(this.messagePopup);
+            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__/* .Dom */ .i.safeRemove(this.messagePopup);
         }, {
             label: 'onSpeechRecognizeProgressResult',
             timeout: 1000
@@ -1029,12 +1030,12 @@ class SpeechRecognizeNative extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_0
     }
     onSpeechRecognizeResult(text) {
         const { j } = this, { s } = j;
-        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__/* .Dom.safeRemove */ .i.safeRemove(this.messagePopup);
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__/* .Dom */ .i.safeRemove(this.messagePopup);
         if (!this._checkCommand(text)) {
             const { range } = s, node = s.current();
             if (s.isCollapsed() &&
-                jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__/* .Dom.isText */ .i.isText(node) &&
-                jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__/* .Dom.isOrContains */ .i.isOrContains(j.editor, node) &&
+                jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__/* .Dom */ .i.isText(node) &&
+                jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__/* .Dom */ .i.isOrContains(j.editor, node) &&
                 node.nodeValue) {
                 const sentence = node.nodeValue;
                 node.nodeValue =
@@ -1066,7 +1067,7 @@ class SpeechRecognizeNative extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_0
 (0,tslib__WEBPACK_IMPORTED_MODULE_10__/* .__decorate */ .gn)([
     (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .YP)(':speechRecognizeResult')
 ], SpeechRecognizeNative.prototype, "onSpeechRecognizeResult", null);
-_jodit__WEBPACK_IMPORTED_MODULE_6__/* .Jodit.plugins.add */ .h.plugins.add('speech-recognize', SpeechRecognizeNative);
+_jodit__WEBPACK_IMPORTED_MODULE_6__/* .Jodit */ .h.plugins.add('speech-recognize', SpeechRecognizeNative);
 
 
 /***/ }),

package/es2015/plugins/speech-recognize/speech-recognize.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.84
+ * Version: v4.0.0-beta.85
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es2018/jodit.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.84
+ * Version: v4.0.0-beta.85
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -749,6 +749,34 @@ svg.jodit-icon {
   max-height: fit-content;
 }
 
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+.jodit-ui-group {
+  display: inline-flex;
+  max-width: 100%;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+}
+.jodit-ui-group_line_true {
+  display: flex;
+  justify-content: stretch;
+}
+.jodit-ui-group_separated_true:not(:last-child):not(.jodit-ui-group_before-spacer_true)::after {
+  content: '';
+  padding: 0;
+  border-right: 1px solid var(--jd-color-border);
+  border-left: 0;
+  margin: 2px;
+  cursor: default;
+}
+.jodit-ui-group:last-child {
+  border-bottom: 0;
+}
+
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -1420,34 +1448,6 @@ svg.jodit-icon {
   flex: 1;
 }
 
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-.jodit-ui-group {
-  display: inline-flex;
-  max-width: 100%;
-  flex: 0 0 auto;
-  flex-shrink: 0;
-  flex-wrap: wrap;
-}
-.jodit-ui-group_line_true {
-  display: flex;
-  justify-content: stretch;
-}
-.jodit-ui-group_separated_true:not(:last-child):not(.jodit-ui-group_before-spacer_true)::after {
-  content: '';
-  padding: 0;
-  border-right: 1px solid var(--jd-color-border);
-  border-left: 0;
-  margin: 2px;
-  cursor: default;
-}
-.jodit-ui-group:last-child {
-  border-bottom: 0;
-}
-
 .jodit-ui-button-group {
   margin-bottom: var(--jd-padding-default);
 }
@@ -1511,7 +1511,7 @@ svg.jodit-icon {
   opacity: 0;
   outline: none;
   text-rendering: optimizelegibility;
-  transform: translateX(-50%);
+  transform: translate(-50%, calc(var(--jd-padding-default) / 2));
   transition: opacity 0.2s ease 0s;
   user-select: none;
   white-space: normal;
@@ -2479,6 +2479,8 @@ svg.jodit-icon {
 }
 .jodit-toolbar-collection .jodit-toolbar-content,
 .jodit-toolbar-editor-collection .jodit-toolbar-content,
+.jodit-toolbar-collection .jodit-toolbar-select,
+.jodit-toolbar-editor-collection .jodit-toolbar-select,
 .jodit-toolbar-collection .jodit-toolbar-button,
 .jodit-toolbar-editor-collection .jodit-toolbar-button {
   padding: 0;
@@ -2494,6 +2496,9 @@ svg.jodit-icon {
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+:root {
+  --jd-button-trigger-size: 14px;
+}
 .jodit-toolbar-button {
   display: flex;
   overflow: hidden;
@@ -2671,7 +2676,8 @@ svg.jodit-icon {
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
   opacity: 0.4;
   cursor: pointer;
-  width: 14px;
+  --jd-button-trigger-size: 14px;
+  width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
 .jodit-toolbar-button__trigger:hover:not([disabled]),
 .jodit-toolbar-button__trigger:focus-visible:not([disabled]) {
@@ -2692,31 +2698,35 @@ svg.jodit-icon {
   pointer-events: none;
 }
 .jodit-toolbar-button__trigger svg {
-  width: 10px;
+  width: calc(var(--jd-button-trigger-size, 14px) - 4px);
 }
 .jodit-toolbar-button_size_tiny .jodit-toolbar-button__trigger {
-  width: 8px;
+  --jd-button-trigger-size: 8px;
+  width: calc(var(--jd-button-trigger-size, 8px) + 2px);
 }
 .jodit-toolbar-button_size_tiny .jodit-toolbar-button__trigger svg {
-  width: 4px;
+  width: calc(var(--jd-button-trigger-size, 8px) - 4px);
 }
 .jodit-toolbar-button_size_xsmall .jodit-toolbar-button__trigger {
-  width: 10px;
+  --jd-button-trigger-size: 10px;
+  width: calc(var(--jd-button-trigger-size, 10px) + 2px);
 }
 .jodit-toolbar-button_size_xsmall .jodit-toolbar-button__trigger svg {
-  width: 6px;
+  width: calc(var(--jd-button-trigger-size, 10px) - 4px);
 }
 .jodit-toolbar-button_size_small .jodit-toolbar-button__trigger {
-  width: 12px;
+  --jd-button-trigger-size: 12px;
+  width: calc(var(--jd-button-trigger-size, 12px) + 2px);
 }
 .jodit-toolbar-button_size_small .jodit-toolbar-button__trigger svg {
-  width: 8px;
+  width: calc(var(--jd-button-trigger-size, 12px) - 4px);
 }
 .jodit-toolbar-button_size_large .jodit-toolbar-button__trigger {
-  width: 16px;
+  --jd-button-trigger-size: 16px;
+  width: calc(var(--jd-button-trigger-size, 16px) + 2px);
 }
 .jodit-toolbar-button_size_large .jodit-toolbar-button__trigger svg {
-  width: 12px;
+  width: calc(var(--jd-button-trigger-size, 16px) - 4px);
 }
 .jodit-toolbar-button_with-trigger_true .jodit-toolbar-button__button {
   border-radius: var(--jd-border-radius-default) 0 0 var(--jd-border-radius-default);
@@ -3052,6 +3062,274 @@ svg.jodit-icon {
   outline: 0;
 }
 
+.jodit-toolbar-select {
+  --jd-color-button-background-hover-opacity40: rgba(220, 220, 220, 0.2);
+  --jd-color-button-background-hover-opacity60: rgba(220, 220, 220, 0.1);
+  display: flex;
+  overflow: hidden;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid transparent;
+  border-radius: var(--jd-border-radius-default);
+  min-width: 34px;
+  height: 34px;
+  justify-content: space-between;
+  cursor: pointer;
+  min-width: 100px;
+}
+.jodit-toolbar-select__icon {
+  display: none;
+}
+.jodit-toolbar-select__icon:not(:empty) {
+  display: inline-flex;
+}
+.jodit-toolbar-select__text {
+  display: none;
+}
+.jodit-toolbar-select__text:not(:empty) {
+  font-family: var(--jd-font-default);
+  font-size: var(--jd-font-size-default);
+  display: inline-flex;
+  flex-grow: 1;
+  justify-content: center;
+}
+.jodit-toolbar-select_context_menu .jodit-toolbar-select__text {
+  position: relative;
+  justify-content: left;
+  padding-left: var(--jd-padding-default);
+}
+.jodit-toolbar-select_context_menu .jodit-toolbar-select__text::before {
+  position: absolute;
+  top: calc(var(--jd-padding-default) * -1);
+  left: 0;
+  height: 35px;
+  border-left: 1px solid var(--jd-color-border);
+  content: '';
+}
+.jodit-toolbar-select__icon:not(:empty) + .jodit-toolbar-select__text:not(:empty) {
+  margin-left: var(--jd-padding-default);
+}
+.jodit-toolbar-select__icon:empty + .jodit-toolbar-select__text:not(:empty) {
+  padding: 0 var(--jd-padding-default);
+}
+.jodit-toolbar-select__icon:empty + .jodit-toolbar-select__text:not(:empty) {
+  padding: 0;
+}
+.jodit-toolbar-select .jodit-icon {
+  width: 14px;
+  height: 14px;
+}
+.jodit-toolbar-select button {
+  min-width: 34px;
+  height: 34px;
+  padding: 0;
+  appearance: none;
+}
+.jodit-toolbar-select_text-icons_true button {
+  padding: 0 var(--jd-padding-default);
+}
+.jodit-toolbar-select_size_tiny {
+  min-width: 16px;
+  height: 16px;
+}
+.jodit-toolbar-select_size_tiny .jodit-icon {
+  width: 8px;
+  height: 8px;
+}
+.jodit-toolbar-select_size_tiny button {
+  min-width: 16px;
+  height: 16px;
+  padding: 0;
+  appearance: none;
+}
+.jodit-toolbar-select_size_tiny_text-icons_true button {
+  padding: 0 var(--jd-padding-default);
+}
+.jodit-toolbar-select_size_xsmall {
+  min-width: 22px;
+  height: 22px;
+}
+.jodit-toolbar-select_size_xsmall .jodit-icon {
+  width: 10px;
+  height: 10px;
+}
+.jodit-toolbar-select_size_xsmall button {
+  min-width: 22px;
+  height: 22px;
+  padding: 0;
+  appearance: none;
+}
+.jodit-toolbar-select_size_xsmall_text-icons_true button {
+  padding: 0 var(--jd-padding-default);
+}
+.jodit-toolbar-select_size_small {
+  min-width: 28px;
+  height: 28px;
+}
+.jodit-toolbar-select_size_small .jodit-icon {
+  width: 12px;
+  height: 12px;
+}
+.jodit-toolbar-select_size_small button {
+  min-width: 28px;
+  height: 28px;
+  padding: 0;
+  appearance: none;
+}
+.jodit-toolbar-select_size_small_text-icons_true button {
+  padding: 0 var(--jd-padding-default);
+}
+.jodit-toolbar-select_size_large {
+  min-width: 40px;
+  height: 40px;
+}
+.jodit-toolbar-select_size_large .jodit-icon {
+  width: 16px;
+  height: 16px;
+}
+.jodit-toolbar-select_size_large button {
+  min-width: 40px;
+  height: 40px;
+  padding: 0;
+  appearance: none;
+}
+.jodit-toolbar-select_size_large_text-icons_true button {
+  padding: 0 var(--jd-padding-default);
+}
+.jodit-toolbar-select__button {
+  cursor: pointer;
+  position: relative;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  appearance: none;
+  background: 0 0;
+  box-shadow: none;
+  font-style: normal;
+  outline: 0;
+  text-align: center;
+  text-decoration: none;
+  text-transform: none;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 var(--jd-padding-default);
+  border-radius: var(--jd-border-radius-default);
+  color: var(--jd-color-text-icons);
+}
+.jodit-toolbar-select__button:hover:not([disabled]),
+.jodit-toolbar-select__button:focus-visible:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
+.jodit-toolbar-select__button:active:not([disabled]),
+.jodit-toolbar-select__button[aria-pressed='true']:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover-opacity40);
+  outline: 0;
+}
+.jodit-toolbar-select__button[aria-pressed='true']:hover:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover-opacity60);
+}
+.jodit-toolbar-select__button[disabled] {
+  opacity: 0.3;
+  pointer-events: none;
+}
+.jodit-toolbar-select__trigger {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
+  opacity: 0.4;
+  cursor: pointer;
+  --jd-button-trigger-size: 14px;
+  width: calc(var(--jd-button-trigger-size, 14px) + 2px);
+}
+.jodit-toolbar-select__trigger:hover:not([disabled]),
+.jodit-toolbar-select__trigger:focus-visible:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
+.jodit-toolbar-select__trigger:active:not([disabled]),
+.jodit-toolbar-select__trigger[aria-pressed='true']:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover-opacity40);
+  outline: 0;
+}
+.jodit-toolbar-select__trigger[aria-pressed='true']:hover:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover-opacity60);
+}
+.jodit-toolbar-select__trigger[disabled] {
+  opacity: 0.3;
+  pointer-events: none;
+}
+.jodit-toolbar-select__trigger svg {
+  width: calc(var(--jd-button-trigger-size, 14px) - 4px);
+}
+.jodit-toolbar-select_size_tiny .jodit-toolbar-select__trigger {
+  --jd-button-trigger-size: 8px;
+  width: calc(var(--jd-button-trigger-size, 8px) + 2px);
+}
+.jodit-toolbar-select_size_tiny .jodit-toolbar-select__trigger svg {
+  width: calc(var(--jd-button-trigger-size, 8px) - 4px);
+}
+.jodit-toolbar-select_size_xsmall .jodit-toolbar-select__trigger {
+  --jd-button-trigger-size: 10px;
+  width: calc(var(--jd-button-trigger-size, 10px) + 2px);
+}
+.jodit-toolbar-select_size_xsmall .jodit-toolbar-select__trigger svg {
+  width: calc(var(--jd-button-trigger-size, 10px) - 4px);
+}
+.jodit-toolbar-select_size_small .jodit-toolbar-select__trigger {
+  --jd-button-trigger-size: 12px;
+  width: calc(var(--jd-button-trigger-size, 12px) + 2px);
+}
+.jodit-toolbar-select_size_small .jodit-toolbar-select__trigger svg {
+  width: calc(var(--jd-button-trigger-size, 12px) - 4px);
+}
+.jodit-toolbar-select_size_large .jodit-toolbar-select__trigger {
+  --jd-button-trigger-size: 16px;
+  width: calc(var(--jd-button-trigger-size, 16px) + 2px);
+}
+.jodit-toolbar-select_size_large .jodit-toolbar-select__trigger svg {
+  width: calc(var(--jd-button-trigger-size, 16px) - 4px);
+}
+.jodit-toolbar-select_with-trigger_true .jodit-toolbar-button__button {
+  border-radius: var(--jd-border-radius-default) 0 0 var(--jd-border-radius-default);
+}
+.jodit-toolbar-select_with-trigger_true:hover:not([disabled]) {
+  border-color: var(--jd-color-border);
+}
+.jodit-toolbar-select_stroke_false svg {
+  stroke: none;
+}
+.jodit-toolbar-select:hover:not([disabled]),
+.jodit-toolbar-select:focus-visible:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
+.jodit-toolbar-select:active:not([disabled]),
+.jodit-toolbar-select[aria-pressed='true']:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover-opacity40);
+  outline: 0;
+}
+.jodit-toolbar-select[aria-pressed='true']:hover:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover-opacity60);
+}
+.jodit-toolbar-select[disabled] {
+  opacity: 0.3;
+  pointer-events: none;
+}
+.jodit-toolbar-select__text:not(:empty) {
+  justify-content: left;
+}
+.jodit-toolbar-select__button {
+  flex: 1;
+}
+
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -3225,7 +3503,8 @@ svg.jodit-icon {
   height: 100%;
   background-color: #eee;
   background-image: linear-gradient(45deg, var(--jd-color-border) 25%, transparent 25%, transparent 75%, var(--jd-color-border) 75%, var(--jd-color-border)), linear-gradient(45deg, var(--jd-color-border) 25%, transparent 25%, transparent 75%, var(--jd-color-border) 75%, var(--jd-color-border));
-  background-position: 0 0, 15px 15px;
+  background-position: 0 0,
+			15px 15px;
   background-size: 30px 30px;
   user-select: none;
 }