jodit-pro 4.17.8 → 4.18.0

package/es2021.en/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.17.8
+ * Version: v4.18.0
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -732,18 +732,43 @@ let ConfigPrototype = {};
         /**
          * Class names to align images with, instead of an inline `float` or
          * `margin`. Aligning an image removes every class listed here and adds the
-         * chosen alignment's, which can be several separated by spaces.
+         * chosen alignment's, which can be several separated by spaces. An
+         * alignment can also list several such sets, to recognise each of them;
+         * aligning writes the first. `alignClasses.img` takes its place when set.
          *
          * ```javascript
          * Jodit.make('#editor', {
          *   imageAlignClasses: {
          *     left: 'align-left',
          *     right: 'align-right',
-         *     center: 'align-center'
+         *     center: ['align-center', 'centered']
          *   }
          * });
          * ```
          */ this.imageAlignClasses = null;
+        /**
+         * Class names to align elements with, by tag name, as `imageAlignClasses`
+         * does for images: `img`, and `video`, `audio` and `iframe` in the media
+         * popup. A media wrapper (see `mediaWrappers`), and Jodit's own `jodit` and
+         * `jodit-media` wrappers, are aligned with the classes for the media in
+         * them.
+         *
+         * ```javascript
+         * const media = {
+         *   left: 'media-left',
+         *   right: 'media-right',
+         *   center: 'media-center'
+         * };
+         *
+         * Jodit.make('#editor', {
+         *   alignClasses: { video: media, iframe: media }
+         * });
+         * ```
+         */ this.alignClasses = {};
+        /**
+         * Alignment given to the media the video popup inserts. `'normal'` leaves
+         * them unaligned
+         */ this.mediaDefaultAlign = 'normal';
         /**
          * Do not display these buttons that are on the list
          *
@@ -1743,7 +1768,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.17.8";
+ */ const APP_VERSION = "4.18.0";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -6310,6 +6335,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   completeUrl: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.completeUrl; },
 /* harmony export */   connection: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.connection; },
 /* harmony export */   convertMediaUrlToVideoEmbed: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.convertMediaUrlToVideoEmbed; },
+/* harmony export */   createMediaWrapper: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.createMediaWrapper; },
 /* harmony export */   css: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.css; },
 /* harmony export */   cssInline: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.cssInline; },
 /* harmony export */   cssPath: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.cssPath; },
@@ -6320,13 +6346,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   fastClone: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.fastClone; },
 /* harmony export */   fuzzySearchIndex: function() { return /* reexport safe */ _string_index_js__WEBPACK_IMPORTED_MODULE_7__.fuzzySearchIndex; },
 /* harmony export */   get: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.get; },
+/* harmony export */   getAlignClasses: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.getAlignClasses; },
 /* harmony export */   getClassName: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.getClassName; },
 /* harmony export */   getContentWidth: function() { return /* reexport safe */ _size_index_js__WEBPACK_IMPORTED_MODULE_6__.getContentWidth; },
 /* harmony export */   getDataTransfer: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.getDataTransfer; },
 /* harmony export */   getFixedPositionOffset: function() { return /* reexport safe */ _size_index_js__WEBPACK_IMPORTED_MODULE_6__.getFixedPositionOffset; },
 /* harmony export */   getHAlign: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.getHAlign; },
+/* harmony export */   getMediaWrapper: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.getMediaWrapper; },
 /* harmony export */   getPropertyDescriptor: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.getPropertyDescriptor; },
 /* harmony export */   getScrollParent: function() { return /* reexport safe */ _size_index_js__WEBPACK_IMPORTED_MODULE_6__.getScrollParent; },
+/* harmony export */   getWrappedMedia: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.getWrappedMedia; },
 /* harmony export */   getXPathByElement: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.getXPathByElement; },
 /* harmony export */   hAlignElement: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.hAlignElement; },
 /* harmony export */   hasBrowserColorPicker: function() { return /* reexport safe */ _checker_index_js__WEBPACK_IMPORTED_MODULE_2__.hasBrowserColorPicker; },
@@ -6407,7 +6436,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   trim: function() { return /* reexport safe */ _string_index_js__WEBPACK_IMPORTED_MODULE_7__.trim; },
 /* harmony export */   trimChars: function() { return /* reexport safe */ _string_index_js__WEBPACK_IMPORTED_MODULE_7__.trimChars; },
 /* harmony export */   trimInv: function() { return /* reexport safe */ _string_index_js__WEBPACK_IMPORTED_MODULE_7__.trimInv; },
-/* harmony export */   ucfirst: function() { return /* reexport safe */ _string_index_js__WEBPACK_IMPORTED_MODULE_7__.ucfirst; }
+/* harmony export */   ucfirst: function() { return /* reexport safe */ _string_index_js__WEBPACK_IMPORTED_MODULE_7__.ucfirst; },
+/* harmony export */   wrapMedia: function() { return /* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_8__.wrapMedia; }
 /* harmony export */ });
 /* harmony import */ var _array_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(76855);
 /* harmony import */ var _async_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(91898);
@@ -7415,12 +7445,15 @@ function trimChars(value, chars) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   alignElement: function() { return /* binding */ alignElement; },
 /* harmony export */   clearAlign: function() { return /* binding */ clearAlign; },
+/* harmony export */   getAlignClasses: function() { return /* binding */ getAlignClasses; },
 /* harmony export */   getHAlign: function() { return /* binding */ getHAlign; },
 /* harmony export */   hAlignElement: function() { return /* binding */ hAlignElement; }
 /* harmony export */ });
 /* harmony import */ var _dom_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22732);
-/* harmony import */ var _attr_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29960);
-/* harmony import */ var _css_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41180);
+/* harmony import */ var _checker_is_array_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(68345);
+/* harmony import */ var _attr_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(29960);
+/* harmony import */ var _css_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(41180);
+/* harmony import */ var _media_wrapper_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(61477);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -7428,32 +7461,54 @@ function trimChars(value, chars) {
  */ 
 
 
-const classNames = (value)=>(value !== null && value !== void 0 ? value : '').split(/\s+/).filter(Boolean);
+
+
+// The sets of class names an alignment lists, the first being the one to write
+const classSets = (value)=>((0,_checker_is_array_js__WEBPACK_IMPORTED_MODULE_1__.isArray)(value) ? value : [
+        value !== null && value !== void 0 ? value : ''
+    ]).map((set)=>set.split(/\s+/).filter(Boolean)).filter((set)=>set.length);
+/**
+ * The class names to align `elm` with: `alignClasses` for its tag, or for the
+ * media in it when it wraps media (a `mediaWrappers` wrapper, `jodit` or
+ * `jodit-media`), falling back to `imageAlignClasses` for an image
+ */ function getAlignClasses(jodit, elm) {
+    var _a, _b;
+    if (!elm) {
+        return null;
+    }
+    const media = _dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, new Set([
+        'jodit',
+        'jodit-media'
+    ])) ? elm.firstElementChild : (0,_media_wrapper_js__WEBPACK_IMPORTED_MODULE_4__.getWrappedMedia)(jodit, elm);
+    const tag = (media !== null && media !== void 0 ? media : elm).nodeName.toLowerCase();
+    return (_b = (_a = jodit.o.alignClasses) === null || _a === void 0 ? void 0 : _a[tag]) !== null && _b !== void 0 ? _b : tag === 'img' ? jodit.o.imageAlignClasses : null;
+}
 /**
- * Align image, with `classes` (see `imageAlignClasses`) instead of inline
- * styles when they are given
+ * Align image, with `classes` (see `alignClasses`) instead of inline styles
+ * when they are given
  */ function hAlignElement(image, align, classes) {
+    var _a;
     if (classes) {
         hAlignElement(image, 'normal');
-        Object.values(classes).forEach((value)=>image.classList.remove(...classNames(value)));
-        image.classList.add(...classNames(classes[align || 'normal']));
+        Object.values(classes).forEach((value)=>classSets(value).forEach((set)=>image.classList.remove(...set)));
+        image.classList.add(...(_a = classSets(classes[align || 'normal'])[0]) !== null && _a !== void 0 ? _a : []);
         [
             'class',
             'style'
         ].forEach((name)=>{
             var _a;
-            if (!((_a = (0,_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(image, name)) === null || _a === void 0 ? void 0 : _a.trim())) {
-                (0,_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(image, name, null);
+            if (!((_a = (0,_attr_js__WEBPACK_IMPORTED_MODULE_2__.attr)(image, name)) === null || _a === void 0 ? void 0 : _a.trim())) {
+                (0,_attr_js__WEBPACK_IMPORTED_MODULE_2__.attr)(image, name, null);
             }
         });
         return;
     }
     if (align && align !== 'normal') {
         if (align !== 'center') {
-            (0,_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'float', align);
-            (0,_css_js__WEBPACK_IMPORTED_MODULE_2__.clearCenterAlign)(image);
+            (0,_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(image, 'float', align);
+            (0,_css_js__WEBPACK_IMPORTED_MODULE_3__.clearCenterAlign)(image);
         } else {
-            (0,_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(image, {
+            (0,_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(image, {
                 float: '',
                 display: 'block',
                 marginLeft: 'auto',
@@ -7461,13 +7516,13 @@ const classNames = (value)=>(value !== null && value !== void 0 ? value : '').sp
             });
         }
     } else {
-        if ((0,_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'float') && [
+        if ((0,_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(image, 'float') && [
             'right',
             'left'
-        ].indexOf((0,_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'float').toString().toLowerCase()) !== -1) {
-            (0,_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'float', '');
+        ].indexOf((0,_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(image, 'float').toString().toLowerCase()) !== -1) {
+            (0,_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(image, 'float', '');
         }
-        ;(0,_css_js__WEBPACK_IMPORTED_MODULE_2__.clearCenterAlign)(image);
+        ;(0,_css_js__WEBPACK_IMPORTED_MODULE_3__.clearCenterAlign)(image);
     }
 }
 /**
@@ -7480,17 +7535,16 @@ const classNames = (value)=>(value !== null && value !== void 0 ? value : '').sp
             'center',
             'normal'
         ]){
-            const names = classNames(classes[align]);
-            if (names.length && names.every((name)=>elm.classList.contains(name))) {
+            if (classSets(classes[align]).some((set)=>set.every((name)=>elm.classList.contains(name)))) {
                 return align;
             }
         }
     }
-    const float = (0,_css_js__WEBPACK_IMPORTED_MODULE_2__.cssInline)(elm, 'float').toLowerCase();
+    const float = (0,_css_js__WEBPACK_IMPORTED_MODULE_3__.cssInline)(elm, 'float').toLowerCase();
     if (float === 'left' || float === 'right') {
         return float;
     }
-    if ((0,_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(elm, 'display') === 'block' && (0,_css_js__WEBPACK_IMPORTED_MODULE_2__.cssInline)(elm, 'margin-left') === 'auto' && (0,_css_js__WEBPACK_IMPORTED_MODULE_2__.cssInline)(elm, 'margin-right') === 'auto') {
+    if ((0,_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(elm, 'display') === 'block' && (0,_css_js__WEBPACK_IMPORTED_MODULE_3__.cssInline)(elm, 'margin-left') === 'auto' && (0,_css_js__WEBPACK_IMPORTED_MODULE_3__.cssInline)(elm, 'margin-right') === 'auto') {
         return 'center';
     }
     return 'normal';
@@ -7500,10 +7554,10 @@ const classNames = (value)=>(value !== null && value !== void 0 ? value : '').sp
  */ function clearAlign(node) {
     _dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.each(node, (elm)=>{
         if (_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isHTMLElement(elm)) {
-            if ((0,_css_js__WEBPACK_IMPORTED_MODULE_2__.cssInline)(elm, 'textAlign')) {
-                (0,_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(elm, 'textAlign', '');
-                if (!((0,_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(elm, 'style') || '').trim().length) {
-                    (0,_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(elm, 'style', null);
+            if ((0,_css_js__WEBPACK_IMPORTED_MODULE_3__.cssInline)(elm, 'textAlign')) {
+                (0,_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(elm, 'textAlign', '');
+                if (!((0,_attr_js__WEBPACK_IMPORTED_MODULE_2__.attr)(elm, 'style') || '').trim().length) {
+                    (0,_attr_js__WEBPACK_IMPORTED_MODULE_2__.attr)(elm, 'style', null);
                 }
             }
         }
@@ -7534,7 +7588,7 @@ function alignElement(command, box) {
         clearAlign(box);
         const align = ALIGN_BY_COMMAND.get(command.toLowerCase());
         if (align) {
-            (0,_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(box, 'textAlign', align);
+            (0,_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(box, 'textAlign', align);
         }
     }
 }
@@ -8608,13 +8662,13 @@ const getClassName = (obj)=>{
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   $$: function() { return /* reexport safe */ _selector_js__WEBPACK_IMPORTED_MODULE_24__.$$; },
+/* harmony export */   $$: function() { return /* reexport safe */ _selector_js__WEBPACK_IMPORTED_MODULE_25__.$$; },
 /* harmony export */   ConfigDeepFlatten: function() { return /* reexport safe */ _config_proto_js__WEBPACK_IMPORTED_MODULE_7__.ConfigDeepFlatten; },
 /* harmony export */   ConfigFlatten: function() { return /* reexport safe */ _config_proto_js__WEBPACK_IMPORTED_MODULE_7__.ConfigFlatten; },
 /* harmony export */   ConfigMerge: function() { return /* reexport safe */ _config_proto_js__WEBPACK_IMPORTED_MODULE_7__.ConfigMerge; },
 /* harmony export */   ConfigProto: function() { return /* reexport safe */ _config_proto_js__WEBPACK_IMPORTED_MODULE_7__.ConfigProto; },
 /* harmony export */   ConnectionError: function() { return /* reexport safe */ _error_index_js__WEBPACK_IMPORTED_MODULE_13__.ConnectionError; },
-/* harmony export */   LimitedStack: function() { return /* reexport safe */ _stack_js__WEBPACK_IMPORTED_MODULE_26__.LimitedStack; },
+/* harmony export */   LimitedStack: function() { return /* reexport safe */ _stack_js__WEBPACK_IMPORTED_MODULE_27__.LimitedStack; },
 /* harmony export */   OptionsError: function() { return /* reexport safe */ _error_index_js__WEBPACK_IMPORTED_MODULE_13__.OptionsError; },
 /* harmony export */   UNSAFE_PROTO_KEYS: function() { return /* reexport safe */ _is_unsafe_proto_key_js__WEBPACK_IMPORTED_MODULE_18__.UNSAFE_PROTO_KEYS; },
 /* harmony export */   abort: function() { return /* reexport safe */ _error_index_js__WEBPACK_IMPORTED_MODULE_13__.abort; },
@@ -8627,51 +8681,56 @@ const getClassName = (obj)=>{
 /* harmony export */   attrRaw: function() { return /* reexport safe */ _attr_js__WEBPACK_IMPORTED_MODULE_3__.attrRaw; },
 /* harmony export */   browser: function() { return /* reexport safe */ _browser_js__WEBPACK_IMPORTED_MODULE_4__.browser; },
 /* harmony export */   buildQuery: function() { return /* reexport safe */ _build_query_js__WEBPACK_IMPORTED_MODULE_5__.buildQuery; },
-/* harmony export */   call: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_27__.call; },
-/* harmony export */   callPromise: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_27__.callPromise; },
-/* harmony export */   callThis: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_27__.callThis; },
+/* harmony export */   call: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_28__.call; },
+/* harmony export */   callPromise: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_28__.callPromise; },
+/* harmony export */   callThis: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_28__.callThis; },
 /* harmony export */   clearAlign: function() { return /* reexport safe */ _align_js__WEBPACK_IMPORTED_MODULE_0__.clearAlign; },
 /* harmony export */   clearCenterAlign: function() { return /* reexport safe */ _css_js__WEBPACK_IMPORTED_MODULE_9__.clearCenterAlign; },
 /* harmony export */   cns: function() { return /* reexport safe */ _mark_deprecated_js__WEBPACK_IMPORTED_MODULE_19__.cns; },
 /* harmony export */   completeUrl: function() { return /* reexport safe */ _complete_url_js__WEBPACK_IMPORTED_MODULE_6__.completeUrl; },
 /* harmony export */   connection: function() { return /* reexport safe */ _error_index_js__WEBPACK_IMPORTED_MODULE_13__.connection; },
 /* harmony export */   convertMediaUrlToVideoEmbed: function() { return /* reexport safe */ _convert_media_url_to_video_embed_js__WEBPACK_IMPORTED_MODULE_8__.convertMediaUrlToVideoEmbed; },
+/* harmony export */   createMediaWrapper: function() { return /* reexport safe */ _media_wrapper_js__WEBPACK_IMPORTED_MODULE_20__.createMediaWrapper; },
 /* harmony export */   css: function() { return /* reexport safe */ _css_js__WEBPACK_IMPORTED_MODULE_9__.css; },
 /* harmony export */   cssInline: function() { return /* reexport safe */ _css_js__WEBPACK_IMPORTED_MODULE_9__.cssInline; },
-/* harmony export */   cssPath: function() { return /* reexport safe */ _selector_js__WEBPACK_IMPORTED_MODULE_24__.cssPath; },
+/* harmony export */   cssPath: function() { return /* reexport safe */ _selector_js__WEBPACK_IMPORTED_MODULE_25__.cssPath; },
 /* harmony export */   ctrlKey: function() { return /* reexport safe */ _ctrl_key_js__WEBPACK_IMPORTED_MODULE_10__.ctrlKey; },
 /* harmony export */   dataBind: function() { return /* reexport safe */ _data_bind_js__WEBPACK_IMPORTED_MODULE_11__.dataBind; },
 /* harmony export */   defaultLanguage: function() { return /* reexport safe */ _default_language_js__WEBPACK_IMPORTED_MODULE_12__.defaultLanguage; },
 /* harmony export */   error: function() { return /* reexport safe */ _error_index_js__WEBPACK_IMPORTED_MODULE_13__.error; },
 /* harmony export */   fastClone: function() { return /* reexport safe */ _extend_js__WEBPACK_IMPORTED_MODULE_14__.fastClone; },
 /* harmony export */   get: function() { return /* reexport safe */ _get_js__WEBPACK_IMPORTED_MODULE_15__.get; },
+/* harmony export */   getAlignClasses: function() { return /* reexport safe */ _align_js__WEBPACK_IMPORTED_MODULE_0__.getAlignClasses; },
 /* harmony export */   getClassName: function() { return /* reexport safe */ _get_class_name_js__WEBPACK_IMPORTED_MODULE_16__.getClassName; },
-/* harmony export */   getDataTransfer: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_27__.getDataTransfer; },
+/* harmony export */   getDataTransfer: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_28__.getDataTransfer; },
 /* harmony export */   getHAlign: function() { return /* reexport safe */ _align_js__WEBPACK_IMPORTED_MODULE_0__.getHAlign; },
-/* harmony export */   getPropertyDescriptor: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_27__.getPropertyDescriptor; },
-/* harmony export */   getXPathByElement: function() { return /* reexport safe */ _selector_js__WEBPACK_IMPORTED_MODULE_24__.getXPathByElement; },
+/* harmony export */   getMediaWrapper: function() { return /* reexport safe */ _media_wrapper_js__WEBPACK_IMPORTED_MODULE_20__.getMediaWrapper; },
+/* harmony export */   getPropertyDescriptor: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_28__.getPropertyDescriptor; },
+/* harmony export */   getWrappedMedia: function() { return /* reexport safe */ _media_wrapper_js__WEBPACK_IMPORTED_MODULE_20__.getWrappedMedia; },
+/* harmony export */   getXPathByElement: function() { return /* reexport safe */ _selector_js__WEBPACK_IMPORTED_MODULE_25__.getXPathByElement; },
 /* harmony export */   hAlignElement: function() { return /* reexport safe */ _align_js__WEBPACK_IMPORTED_MODULE_0__.hAlignElement; },
 /* harmony export */   humanSizeToBytes: function() { return /* reexport safe */ _human_size_to_bytes_js__WEBPACK_IMPORTED_MODULE_17__.humanSizeToBytes; },
-/* harmony export */   inView: function() { return /* reexport safe */ _scroll_into_view_js__WEBPACK_IMPORTED_MODULE_23__.inView; },
+/* harmony export */   inView: function() { return /* reexport safe */ _scroll_into_view_js__WEBPACK_IMPORTED_MODULE_24__.inView; },
 /* harmony export */   isAtom: function() { return /* reexport safe */ _extend_js__WEBPACK_IMPORTED_MODULE_14__.isAtom; },
 /* harmony export */   isUnsafeProtoKey: function() { return /* reexport safe */ _is_unsafe_proto_key_js__WEBPACK_IMPORTED_MODULE_18__.isUnsafeProtoKey; },
 /* harmony export */   keepNames: function() { return /* reexport safe */ _get_class_name_js__WEBPACK_IMPORTED_MODULE_16__.keepNames; },
-/* harmony export */   keys: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_27__.keys; },
-/* harmony export */   loadImage: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_27__.loadImage; },
+/* harmony export */   keys: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_28__.keys; },
+/* harmony export */   loadImage: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_28__.loadImage; },
 /* harmony export */   loadNext: function() { return /* reexport safe */ _append_script_js__WEBPACK_IMPORTED_MODULE_1__.loadNext; },
 /* harmony export */   loadNextStyle: function() { return /* reexport safe */ _append_script_js__WEBPACK_IMPORTED_MODULE_1__.loadNextStyle; },
 /* harmony export */   markAsAtomic: function() { return /* reexport safe */ _extend_js__WEBPACK_IMPORTED_MODULE_14__.markAsAtomic; },
 /* harmony export */   markDeprecated: function() { return /* reexport safe */ _mark_deprecated_js__WEBPACK_IMPORTED_MODULE_19__.markDeprecated; },
-/* harmony export */   markOwner: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_27__.markOwner; },
-/* harmony export */   memorizeExec: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_27__.memorizeExec; },
+/* harmony export */   markOwner: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_28__.markOwner; },
+/* harmony export */   memorizeExec: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_28__.memorizeExec; },
 /* harmony export */   options: function() { return /* reexport safe */ _error_index_js__WEBPACK_IMPORTED_MODULE_13__.options; },
-/* harmony export */   parseQuery: function() { return /* reexport safe */ _parse_query_js__WEBPACK_IMPORTED_MODULE_20__.parseQuery; },
-/* harmony export */   previewBox: function() { return /* reexport safe */ _print_js__WEBPACK_IMPORTED_MODULE_21__.previewBox; },
-/* harmony export */   refs: function() { return /* reexport safe */ _selector_js__WEBPACK_IMPORTED_MODULE_24__.refs; },
-/* harmony export */   reset: function() { return /* reexport safe */ _reset_js__WEBPACK_IMPORTED_MODULE_22__.reset; },
-/* harmony export */   resolveElement: function() { return /* reexport safe */ _selector_js__WEBPACK_IMPORTED_MODULE_24__.resolveElement; },
-/* harmony export */   scrollIntoViewIfNeeded: function() { return /* reexport safe */ _scroll_into_view_js__WEBPACK_IMPORTED_MODULE_23__.scrollIntoViewIfNeeded; },
-/* harmony export */   set: function() { return /* reexport safe */ _set_js__WEBPACK_IMPORTED_MODULE_25__.set; }
+/* harmony export */   parseQuery: function() { return /* reexport safe */ _parse_query_js__WEBPACK_IMPORTED_MODULE_21__.parseQuery; },
+/* harmony export */   previewBox: function() { return /* reexport safe */ _print_js__WEBPACK_IMPORTED_MODULE_22__.previewBox; },
+/* harmony export */   refs: function() { return /* reexport safe */ _selector_js__WEBPACK_IMPORTED_MODULE_25__.refs; },
+/* harmony export */   reset: function() { return /* reexport safe */ _reset_js__WEBPACK_IMPORTED_MODULE_23__.reset; },
+/* harmony export */   resolveElement: function() { return /* reexport safe */ _selector_js__WEBPACK_IMPORTED_MODULE_25__.resolveElement; },
+/* harmony export */   scrollIntoViewIfNeeded: function() { return /* reexport safe */ _scroll_into_view_js__WEBPACK_IMPORTED_MODULE_24__.scrollIntoViewIfNeeded; },
+/* harmony export */   set: function() { return /* reexport safe */ _set_js__WEBPACK_IMPORTED_MODULE_26__.set; },
+/* harmony export */   wrapMedia: function() { return /* reexport safe */ _media_wrapper_js__WEBPACK_IMPORTED_MODULE_20__.wrapMedia; }
 /* harmony export */ });
 /* harmony import */ var _align_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(25726);
 /* harmony import */ var _append_script_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63799);
@@ -8693,14 +8752,15 @@ const getClassName = (obj)=>{
 /* harmony import */ var _human_size_to_bytes_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(38420);
 /* harmony import */ var _is_unsafe_proto_key_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(69175);
 /* harmony import */ var _mark_deprecated_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(95942);
-/* harmony import */ var _parse_query_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(82501);
-/* harmony import */ var _print_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(11628);
-/* harmony import */ var _reset_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(58844);
-/* harmony import */ var _scroll_into_view_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(26395);
-/* harmony import */ var _selector_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(76078);
-/* harmony import */ var _set_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(3703);
-/* harmony import */ var _stack_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(50535);
-/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(37790);
+/* harmony import */ var _media_wrapper_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(61477);
+/* harmony import */ var _parse_query_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(82501);
+/* harmony import */ var _print_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(11628);
+/* harmony import */ var _reset_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(58844);
+/* harmony import */ var _scroll_into_view_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(26395);
+/* harmony import */ var _selector_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(76078);
+/* harmony import */ var _set_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(3703);
+/* harmony import */ var _stack_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(50535);
+/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(37790);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -8735,6 +8795,7 @@ const getClassName = (obj)=>{
 
 
 
+
 
 
 /***/ }),
@@ -8805,6 +8866,76 @@ const getClassName = (obj)=>{
 /* harmony export */ ]);
 
 
+/***/ }),
+
+/***/ 61477:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createMediaWrapper: function() { return /* binding */ createMediaWrapper; },
+/* harmony export */   getMediaWrapper: function() { return /* binding */ getMediaWrapper; },
+/* harmony export */   getWrappedMedia: function() { return /* binding */ getWrappedMedia; },
+/* harmony export */   wrapMedia: function() { return /* binding */ wrapMedia; }
+/* harmony export */ });
+/* harmony import */ var _dom_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2748);
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * 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
+ */ 
+const isWrapper = (node, wrapper)=>_dom_dom_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isHTMLElement(node) && node.nodeName.toLowerCase() === wrapper.tag.toLowerCase() && node.classList.contains(wrapper.className);
+/**
+ * The media in `elm` when `elm` is a wrapper media keep in the content (see
+ * `mediaWrappers`): an element of a type `elm` is the wrapper for
+ */ function getWrappedMedia(jodit, elm) {
+    var _a;
+    for (const [tag, wrapper] of Object.entries((_a = jodit.o.mediaWrappers) !== null && _a !== void 0 ? _a : {})){
+        if (isWrapper(elm, wrapper)) {
+            const media = elm.querySelector(tag);
+            if (media) {
+                return media;
+            }
+        }
+    }
+    return null;
+}
+/**
+ * The wrapper media keep in the content (see `mediaWrappers`) that is or
+ * holds `node`
+ */ function getMediaWrapper(jodit, node) {
+    return _dom_dom_js__WEBPACK_IMPORTED_MODULE_0__.Dom.closest(node, (elm)=>Boolean(getWrappedMedia(jodit, elm)), jodit.editor);
+}
+/**
+ * An empty wrapper for media of type `tag` to keep in the content (see
+ * `mediaWrappers`), or null when there is none for it
+ */ function createMediaWrapper(jodit, tag) {
+    var _a;
+    const wrapper = (_a = jodit.o.mediaWrappers) === null || _a === void 0 ? void 0 : _a[tag.toLowerCase()];
+    if (!wrapper) {
+        return null;
+    }
+    return jodit.createInside.element(wrapper.tag, {
+        class: wrapper.className,
+        contenteditable: false,
+        draggable: true
+    });
+}
+/**
+ * Puts `element` in the wrapper for its type (see `mediaWrappers`), and
+ * returns the wrapper, or `element` when there is none for it
+ */ function wrapMedia(jodit, element) {
+    const wrapper = createMediaWrapper(jodit, element.nodeName);
+    if (!wrapper) {
+        return element;
+    }
+    if (element.parentNode) {
+        _dom_dom_js__WEBPACK_IMPORTED_MODULE_0__.Dom.before(element, wrapper);
+    }
+    _dom_dom_js__WEBPACK_IMPORTED_MODULE_0__.Dom.append(wrapper, element);
+    return wrapper;
+}
+
+
 /***/ }),
 
 /***/ 82501:
@@ -11282,9 +11413,9 @@ class Selection {
         if (styles && typeof styles === 'object') {
             (0,_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(image, styles);
         }
-        const { imageDefaultAlign, imageAlignClasses } = this.j.o;
+        const { imageDefaultAlign } = this.j.o;
         if (imageDefaultAlign && imageDefaultAlign !== 'normal') {
-            (0,_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_5__.hAlignElement)(image, imageDefaultAlign, imageAlignClasses);
+            (0,_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_5__.hAlignElement)(image, imageDefaultAlign, (0,_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_5__.getAlignClasses)(this.j, image));
         }
         const onload = ()=>{
             if (image.naturalHeight < image.offsetHeight || image.naturalWidth < image.offsetWidth) {
@@ -30293,6 +30424,7 @@ const INPUT_TAGS = new Set([
     'textarea',
     'select'
 ]);
+const TYPE_AHEAD_TIMEOUT = 1000;
 const FOCUSABLE_SELECTOR = [
     'button:not([disabled])',
     'a[href]',
@@ -30557,11 +30689,56 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
                 items[(index + 1) % items.length].focus();
                 break;
             default:
-                return;
+                if (!this.control.list || !this.__typeAhead(e.key, items, index)) {
+                    return;
+                }
         }
         e.preventDefault();
         e.stopPropagation();
     }
+    /**
+     * The mouse opens a dropdown without taking the focus out of the editor.
+     * While a dropdown list is open, typing there searches the list, as in an
+     * open `<select>`, instead of writing into the content
+     */ __onEditorKeyDown(e) {
+        if (!this.openedPopup || !this.control.list || e.altKey || e.ctrlKey || e.metaKey || !this.__typeAhead(e.key, this.__popupFocusables(), -1)) {
+            return;
+        }
+        e.preventDefault();
+        return false;
+    }
+    /**
+     * Typing in a dropdown list focuses the next item whose label starts with
+     * the typed text, whatever their case and accents, and repeating one letter
+     * cycles through the items that start with it, like the WAI-ARIA menu
+     * pattern's type-ahead. The typed text starts again after a pause, or once
+     * the focus has moved on
+     */ __typeAhead(key, items, index) {
+        var _a, _b;
+        const now = Date.now();
+        if (now - this.__typedAt > TYPE_AHEAD_TIMEOUT || items[index] !== this.__typedTo) {
+            this.__typed = '';
+        }
+        if (key.length !== 1 || key === ' ' && !this.__typed) {
+            return false;
+        }
+        this.__typedAt = now;
+        this.__typed += key;
+        this.__typedTo = items[index];
+        const { compare } = new Intl.Collator(undefined, {
+            usage: 'search',
+            sensitivity: 'base'
+        }), typed = this.__typed, cycle = Array.from(typed).every((char)=>compare(char, typed[0]) === 0), prefix = cycle ? typed[0] : typed, start = cycle ? index + 1 : Math.max(index, 0);
+        for(let i = 0; i < items.length; i += 1){
+            const item = items[(start + i) % items.length], label = (_b = (_a = item.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
+            if (compare(label.slice(0, prefix.length), prefix) === 0) {
+                item.focus();
+                this.__typedTo = item;
+                break;
+            }
+        }
+        return true;
+    }
     /**
      * Visible controls of the opened dropdown that can take the focus
      */ __popupFocusables() {
@@ -30574,12 +30751,16 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
     /**
      * Create an open popup list
      */ __openControlList(control) {
-        var _a;
+        var _a, _b, _c, _d, _e;
         const controls = (_a = this.jodit.options.controls) !== null && _a !== void 0 ? _a : {}, getControl = (key)=>(0,_core_ui_helpers_get_control_type_js__WEBPACK_IMPORTED_MODULE_18__.findControlType)(key, controls);
         const list = control.list;
         const menu = this.openPopup();
-        const toolbar = (0,_factory_js__WEBPACK_IMPORTED_MODULE_21__.makeCollection)(this.j);
         menu.parentElement = this;
+        const content = (_b = control.popup) === null || _b === void 0 ? void 0 : _b.call(control, this.j, (_e = (_d = (_c = this.toolbar) === null || _c === void 0 ? void 0 : _c.getTarget(this)) !== null && _d !== void 0 ? _d : this.target) !== null && _e !== void 0 ? _e : null, this.__closePopup, this);
+        if (content) {
+            return this.__openMenu(menu, content);
+        }
+        const toolbar = (0,_factory_js__WEBPACK_IMPORTED_MODULE_21__.makeCollection)(this.j);
         toolbar.parentElement = menu;
         toolbar.mode = 'vertical';
         const isListItem = (key)=>(0,_core_helpers_checker_is_plain_object_js__WEBPACK_IMPORTED_MODULE_10__.isPlainObject)(key) && 'title' in key && 'value' in key;
@@ -30630,7 +30811,10 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
             return childControl;
         };
         toolbar.build((0,_core_helpers_checker_is_array_js__WEBPACK_IMPORTED_MODULE_7__.isArray)(list) ? list.map(getButton) : (0,_core_helpers_utils_utils_js__WEBPACK_IMPORTED_MODULE_16__.keys)(list, false).map((key)=>getButton(key, list[key])), this.target);
-        menu.setContent(toolbar).open(()=>(0,_core_helpers_size_index_js__WEBPACK_IMPORTED_MODULE_12__.position)(this.container), false, this.j.o.allowTabNavigation ? this.container : undefined);
+        this.__openMenu(menu, toolbar);
+    }
+    __openMenu(menu, content) {
+        menu.setContent(content).open(()=>(0,_core_helpers_size_index_js__WEBPACK_IMPORTED_MODULE_12__.position)(this.container), false, this.j.o.allowTabNavigation ? this.container : undefined);
         this.state.activated = true;
     }
     onOutsideClick(e) {
@@ -30644,7 +30828,7 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
     openPopup() {
         this.__closePopup();
         this.openedPopup = new _core_ui_popup_popup_js__WEBPACK_IMPORTED_MODULE_20__.Popup(this.j, false);
-        this.j.e.on(this.ow, 'mousedown touchstart', this.onOutsideClick).on('escape closeAllPopups', this.onOutsideClick).on(this.openedPopup.container, 'keydown', this.__onPopupKeyDown);
+        this.j.e.on(this.ow, 'mousedown touchstart', this.onOutsideClick).on('escape closeAllPopups', this.onOutsideClick).on('keydown', this.__onEditorKeyDown).on(this.openedPopup.container, 'keydown', this.__onPopupKeyDown);
         return this.openedPopup;
     }
     __closePopup() {
@@ -30659,7 +30843,7 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
         // popup while the outer `removeChild` is still running and Chrome
         // throws NotFoundError. See #1458
         this.openedPopup = null;
-        this.j.e.off(this.ow, 'mousedown touchstart', this.onOutsideClick).off('escape closeAllPopups', this.onOutsideClick);
+        this.j.e.off(this.ow, 'mousedown touchstart', this.onOutsideClick).off('escape closeAllPopups', this.onOutsideClick).off('keydown', this.__onEditorKeyDown);
         // The keyboard brought the focus into the dropdown: give it back to
         // the button, otherwise it would fall out to the document
         const { activeElement } = this.od, hadFocus = activeElement && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_6__.Dom.isOrContains(popup.container, activeElement);
@@ -30724,6 +30908,9 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
             currentValue: '',
             hasTrigger: false
         };
+        this.__typed = '';
+        this.__typedAt = 0;
+        this.__typedTo = null;
         this.openedPopup = null;
         const button = this.getElm('button');
         (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_14__.assert)(button, 'Element button should exists');
@@ -30773,6 +30960,9 @@ __decorate([
 __decorate([
     _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_2__.autobind
 ], ToolbarButton.prototype, "__onPopupKeyDown", null);
+__decorate([
+    _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_2__.autobind
+], ToolbarButton.prototype, "__onEditorKeyDown", null);
 __decorate([
     _core_decorators_autobind_autobind_js__WEBPACK_IMPORTED_MODULE_2__.autobind
 ], ToolbarButton.prototype, "onOutsideClick", null);
@@ -37851,12 +38041,14 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_1__.pluginSystem.add('focus', focus);
 /***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
 
 /* harmony import */ var _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22732);
-/* harmony import */ var _core_helpers_string_trim_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49055);
-/* harmony import */ var _core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41180);
-/* harmony import */ var _core_ui_icon_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12153);
-/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6441);
-/* harmony import */ var _icons_font_svg_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4104);
-/* harmony import */ var _icons_fontsize_svg_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83709);
+/* harmony import */ var _core_helpers_checker_is_array_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(68345);
+/* harmony import */ var _core_helpers_string_trim_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49055);
+/* harmony import */ var _core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(41180);
+/* harmony import */ var _core_ui_icon_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(12153);
+/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6441);
+/* harmony import */ var _icons_font_svg_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4104);
+/* harmony import */ var _icons_fontsize_svg_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83709);
+/* harmony import */ var _font_picker_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(40222);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -37868,11 +38060,18 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_1__.pluginSystem.add('focus', focus);
 
 
 
+
+
 /**
  * Default font-size points
- */ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.defaultFontSizePoints = 'px';
-_core_ui_icon_js__WEBPACK_IMPORTED_MODULE_3__.Icon.set('font', _icons_font_svg_js__WEBPACK_IMPORTED_MODULE_5__["default"]).set('fontsize', _icons_fontsize_svg_js__WEBPACK_IMPORTED_MODULE_6__["default"]);
-_config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.fontsize = {
+ */ _config_js__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.defaultFontSizePoints = 'px';
+_config_js__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.font = {
+    googleFonts: {
+        url: ''
+    }
+};
+_core_ui_icon_js__WEBPACK_IMPORTED_MODULE_4__.Icon.set('font', _icons_font_svg_js__WEBPACK_IMPORTED_MODULE_6__["default"]).set('fontsize', _icons_fontsize_svg_js__WEBPACK_IMPORTED_MODULE_7__["default"]);
+_config_js__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.controls.fontsize = {
     command: 'fontsize',
     data: {
         cssRule: 'font-size',
@@ -37918,7 +38117,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.fontsize = {
         }
         const control = button.control;
         const cssKey = ((_a = control.data) === null || _a === void 0 ? void 0 : _a.cssRule) || 'font-size';
-        const value = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(box, cssKey);
+        const value = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(box, cssKey);
         if (cssKey === 'font-size') {
             const numValue = parseFloat(value.toString());
             if (editor.o.defaultFontSizePoints === 'pt') {
@@ -37950,12 +38149,13 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.fontsize = {
         return keySet.has(normalize(value.toString()));
     }
 };
-_config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
-    ..._config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.fontsize,
+const hadSelection = new WeakSet();
+_config_js__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.controls.font = {
+    ..._config_js__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.controls.fontsize,
     command: 'fontname',
     textTemplate: (j, value)=>{
         const [first] = value.split(',');
-        return (0,_core_helpers_string_trim_js__WEBPACK_IMPORTED_MODULE_1__.trimChars)(first, '"\'');
+        return (0,_core_helpers_string_trim_js__WEBPACK_IMPORTED_MODULE_2__.trimChars)(first, '"\'');
     },
     list: {
         '': 'Default',
@@ -37977,6 +38177,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
         } catch (_a) {}
         return `<span data-style="${key}" style="${isAvailable ? `font-family: ${key}!important;` : ''}">${value}</span>`;
     },
+    popup: (editor, current, close, button)=>editor.o.font.googleFonts.url ? new _font_picker_js__WEBPACK_IMPORTED_MODULE_8__.UIFontPicker(editor, button, close) : false,
     data: {
         cssRule: 'font-family',
         normalize: (v)=>{
@@ -37985,19 +38186,19 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
     },
     // When no font is explicitly set, the computed font-family equals the
     // editor's own default (e.g. `-apple-system, …`). Return '' so the
-    // button shows the `Default` list entry instead of that raw stack.
-    // See #1370
-    value: (editor)=>{
-        const current = editor.s.current();
-        if (!current) {
-            return;
-        }
-        const box = _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.closest(current, _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isElement, editor.editor);
-        if (!box) {
+    // button shows the list's `Default` entry, when it has one, instead of
+    // that raw stack. See #1370
+    value: (editor, button)=>{
+        const current = editor.s.current(), box = current && _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.closest(current, _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isElement, editor.editor);
+        // Until there is a selection the button shows the editor's own font,
+        // and afterwards the font of the last one
+        if (box) {
+            hadSelection.add(button);
+        } else if (hadSelection.has(button)) {
             return;
         }
-        const value = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(box, 'font-family').toString();
-        if (value === (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(editor.editor, 'font-family').toString()) {
+        const value = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(box || editor.editor, 'font-family').toString(), { list } = button.control;
+        if (value === (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(editor.editor, 'font-family').toString() && ((0,_core_helpers_checker_is_array_js__WEBPACK_IMPORTED_MODULE_1__.isArray)(list) ? list.includes('') : '' in (list !== null && list !== void 0 ? list : {}))) {
             return '';
         }
         return value;
@@ -38006,6 +38207,267 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
 };
 
 
+/***/ }),
+
+/***/ 40222:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UIFontPicker: function() { return /* binding */ UIFontPicker; }
+/* harmony export */ });
+/* harmony import */ var _core_decorators_component_component_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(87325);
+/* harmony import */ var _core_decorators_watch_watch_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(37133);
+/* harmony import */ var _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2748);
+/* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(580);
+/* harmony import */ var _core_helpers_checker_is_array_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68345);
+/* harmony import */ var _core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29960);
+/* harmony import */ var _core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(41180);
+/* harmony import */ var _core_helpers_utils_utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37790);
+/* harmony import */ var _core_ui_element_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(48538);
+/* harmony import */ var _google_fonts_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(41870);
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * 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
+ */ var __decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+
+
+
+
+const HEADINGS = [
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6'
+];
+const GENERIC_FAMILIES = new Set([
+    'serif',
+    'sans-serif',
+    'monospace',
+    'cursive',
+    'fantasy',
+    'system-ui',
+    'ui-serif',
+    'ui-sans-serif',
+    'ui-monospace',
+    'ui-rounded'
+]);
+/**
+ * A family that names a font, not a generic family or a vendor keyword such
+ * as `-apple-system`
+ */ function isFontName(family) {
+    return Boolean(family) && !family.startsWith('-') && !GENERIC_FAMILIES.has(family);
+}
+/**
+ * The font family dropdown with Google Fonts. Under their own headings it
+ * lists the fonts the editor's styles give text and headings, the fonts the
+ * content uses, the control's list and the Google Fonts library
+ */ let UIFontPicker = class UIFontPicker extends _core_ui_element_js__WEBPACK_IMPORTED_MODULE_8__.UIElement {
+    className() {
+        return 'UIFontPicker';
+    }
+    __render() {
+        var _a, _b;
+        const { control } = this.__button, { list = {} } = control, listed = (0,_core_helpers_checker_is_array_js__WEBPACK_IMPORTED_MODULE_4__.isArray)(list) ? list.map((key)=>({
+                value: key.toString(),
+                title: key.toString()
+            })) : (0,_core_helpers_utils_utils_js__WEBPACK_IMPORTED_MODULE_7__.keys)(list, false).map((key)=>({
+                value: key,
+                title: list[key].toString()
+            })), google = Array.from(this.__googleFonts.fonts.values(), (font)=>({
+                value: this.__googleFonts.value(font),
+                title: font.family,
+                font
+            })), byFamily = new Map();
+        [
+            ...google,
+            ...listed
+        ].forEach((entry)=>byFamily.set((0,_google_fonts_js__WEBPACK_IMPORTED_MODULE_9__.firstFamily)(entry.value), entry));
+        const theme = new Map(), used = new Map();
+        // The theme's own fonts are listed too, so its body font can be chosen
+        // to take a font off
+        this.__themeFonts().forEach((fontFamily)=>{
+            var _a;
+            const family = (0,_google_fonts_js__WEBPACK_IMPORTED_MODULE_9__.firstFamily)(fontFamily), title = fontFamily.split(',')[0].replace(/["']/g, '').trim(), entry = (_a = byFamily.get(family)) !== null && _a !== void 0 ? _a : isFontName(family) ? {
+                value: fontFamily,
+                title
+            } : undefined;
+            entry && !theme.has(family) && theme.set(family, entry);
+        });
+        this.__usedFonts().forEach((fontFamily)=>{
+            const family = (0,_google_fonts_js__WEBPACK_IMPORTED_MODULE_9__.firstFamily)(fontFamily), entry = byFamily.get(family);
+            entry && !theme.has(family) && used.set(family, entry);
+        });
+        const defaultEntry = listed.find((entry)=>entry.value === ''), current = (0,_google_fonts_js__WEBPACK_IMPORTED_MODULE_9__.firstFamily)((_b = (_a = control.value) === null || _a === void 0 ? void 0 : _a.call(control, this.j, this.__button)) !== null && _b !== void 0 ? _b : '');
+        _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.detach(this.container);
+        this.__fonts.clear();
+        defaultEntry && this.__append(current, [
+            defaultEntry
+        ]);
+        this.__append(current, [
+            ...theme.values()
+        ], 'Theme fonts');
+        this.__append(current, [
+            ...used.values()
+        ], 'Used fonts');
+        this.__append(current, listed.filter((entry)=>entry !== defaultEntry), 'System fonts');
+        this.__append(current, google, 'Google Fonts');
+        this.__observeGoogleFonts();
+    }
+    /**
+     * The fonts the editor's styles give text and each heading
+     */ __themeFonts() {
+        const { editor } = this.j, fonts = [
+            (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(editor, 'font-family').toString()
+        ];
+        HEADINGS.forEach((tag)=>{
+            const heading = this.j.createInside.element(tag, {
+                style: 'display: none'
+            });
+            _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.append(editor, heading);
+            fonts.push((0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(heading, 'font-family').toString());
+            _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.safeRemove(heading);
+        });
+        return fonts;
+    }
+    /**
+     * The fonts the content sets
+     */ __usedFonts() {
+        return Array.from(this.j.editor.querySelectorAll('[style*="font-family"]'), (element)=>element.style.fontFamily);
+    }
+    __append(current, entries, heading) {
+        if (!entries.length) {
+            return;
+        }
+        const { control } = this.__button, group = this.j.c.div(this.getFullElName('group'));
+        if (heading) {
+            const title = this.j.c.div(this.getFullElName('heading'), {
+                id: `${this.getFullElName('heading')}-${(0,_core_global_js__WEBPACK_IMPORTED_MODULE_3__.uniqueUid)()}`
+            });
+            title.textContent = this.i18n(heading);
+            (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_5__.attr)(group, {
+                role: 'group',
+                'aria-labelledby': title.id
+            });
+            _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.append(group, title);
+        }
+        entries.forEach((entry)=>{
+            var _a, _b;
+            const item = this.j.c.element('button', {
+                type: 'button',
+                class: this.getFullElName('item'),
+                'data-value': entry.value,
+                'aria-pressed': (0,_google_fonts_js__WEBPACK_IMPORTED_MODULE_9__.firstFamily)(entry.value) === current
+            });
+            if (entry.font) {
+                item.textContent = entry.title;
+                this.__fonts.set(item, entry.font);
+            } else {
+                item.innerHTML = (_b = (_a = control.childTemplate) === null || _a === void 0 ? void 0 : _a.call(control, this.j, entry.value, entry.title, this.__button)) !== null && _b !== void 0 ? _b : entry.title;
+            }
+            _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.append(group, item);
+        });
+        _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.append(this.container, group);
+    }
+    /**
+     * Shows the names of the Google Fonts in view, and those just below it,
+     * in their own fonts. Setting every item's font up front would have the
+     * browser look for each of the library's families among the installed
+     * fonts the first time the list opens
+     */ __observeGoogleFonts() {
+        this.j.async.requestAnimationFrame(()=>{
+            var _a;
+            (_a = this.__observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+            if (this.isDestructed || !this.__fonts.size) {
+                return;
+            }
+            const observer = new IntersectionObserver((entries)=>{
+                const fonts = [];
+                entries.forEach(({ isIntersecting, target })=>{
+                    const font = this.__fonts.get(target);
+                    if (isIntersecting && font) {
+                        fonts.push(font);
+                        (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(target, {
+                            fontFamily: this.__googleFonts.value(font)
+                        });
+                        observer.unobserve(target);
+                    }
+                });
+                this.__googleFonts.preview(fonts);
+            }, {
+                root: this.container.parentElement,
+                rootMargin: '0px 0px 400px 0px'
+            });
+            this.__fonts.forEach((_, item)=>observer.observe(item));
+            this.__observer = observer;
+        });
+    }
+    /**
+     * Keeps the editor's selection, as the toolbar buttons do
+     */ onMouseDown(e) {
+        e.preventDefault();
+    }
+    onClick(e) {
+        var _a;
+        const item = _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.up(e.target, (node)=>_core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isHTMLElement(node) && node.hasAttribute('data-value'), this.container);
+        if (!item) {
+            return;
+        }
+        const value = (_a = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_5__.attr)(item, 'data-value')) !== null && _a !== void 0 ? _a : '', font = this.__googleFonts.find(value), // The font the text has anyway is taken off rather than written
+        inherited = (0,_google_fonts_js__WEBPACK_IMPORTED_MODULE_9__.firstFamily)(value) === (0,_google_fonts_js__WEBPACK_IMPORTED_MODULE_9__.firstFamily)(this.__blockFont());
+        font && !inherited && this.__googleFonts.load(font);
+        this.j.execCommand('fontname', false, inherited ? '' : value);
+        this.__close();
+    }
+    /**
+     * The font the selected text has without a font of its own: its block's
+     */ __blockFont() {
+        const block = _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.up(this.j.s.current(), _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isBlock, this.j.editor);
+        return (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(block !== null && block !== void 0 ? block : this.j.editor, 'font-family').toString();
+    }
+    destruct() {
+        var _a;
+        (_a = this.__observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+        super.destruct();
+    }
+    constructor(jodit, __button, __close){
+        super(jodit);
+        this.__button = __button;
+        this.__close = __close;
+        this.__fonts = new Map();
+        this.__observer = null;
+        this.__googleFonts = jodit.getInstance(_google_fonts_js__WEBPACK_IMPORTED_MODULE_9__.GoogleFonts);
+        this.__render();
+        if (!this.__googleFonts.fonts.size) {
+            this.__googleFonts.ready.then(()=>!this.isDestructed && this.__render());
+        }
+    }
+};
+__decorate([
+    (0,_core_decorators_watch_watch_js__WEBPACK_IMPORTED_MODULE_1__.watch)('container:mousedown')
+], UIFontPicker.prototype, "onMouseDown", null);
+__decorate([
+    (0,_core_decorators_watch_watch_js__WEBPACK_IMPORTED_MODULE_1__.watch)('container:click')
+], UIFontPicker.prototype, "onClick", null);
+UIFontPicker = __decorate([
+    _core_decorators_component_component_js__WEBPACK_IMPORTED_MODULE_0__.component
+], UIFontPicker);
+
+
+
 /***/ }),
 
 /***/ 23399:
@@ -38015,6 +38477,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
 /* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(580);
 /* harmony import */ var _core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21537);
 /* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28252);
+/* harmony import */ var _google_fonts_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(41870);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -38022,6 +38485,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
  */ 
 
 
+
 /**
  * Process commands `fontsize` and `fontname`
  */ function font(editor) {
@@ -38032,6 +38496,18 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
         name: 'fontsize',
         group: 'font'
     });
+    if (editor.o.font.googleFonts.url) {
+        const googleFonts = editor.getInstance(_google_fonts_js__WEBPACK_IMPORTED_MODULE_3__.GoogleFonts), loadUsed = editor.async.debounce(()=>googleFonts.loadUsed(), editor.defaultTimeout);
+        googleFonts.ready.then(loadUsed);
+        editor.e.on('afterInit afterSetMode change', loadUsed);
+    }
+    // An iframe's stylesheets can arrive after the toolbar first shows the
+    // editor's font
+    editor.e.on('afterInit', ()=>{
+        editor.iframe && editor.e.on(editor.ed, 'load', ()=>editor.e.fire('updateToolbar'), {
+            capture: true
+        });
+    });
     const callback = (command, second, third)=>{
         switch(command){
             case 'fontsize':
@@ -38061,6 +38537,161 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
 _core_global_js__WEBPACK_IMPORTED_MODULE_0__.pluginSystem.add('font', font);
 
 
+/***/ }),
+
+/***/ 41870:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   GoogleFonts: function() { return /* binding */ GoogleFonts; },
+/* harmony export */   firstFamily: function() { return /* binding */ firstFamily; }
+/* harmony export */ });
+/* harmony import */ var _core_component_view_component_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80480);
+/* harmony import */ var _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2748);
+/* harmony import */ var _core_request_ajax_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(54079);
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * 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
+ */ 
+
+
+const CSS_URL = 'https://fonts.googleapis.com/css2';
+// `cursive` and `fantasy` stand in badly for a handwriting or display font
+const GENERIC_FAMILIES = {
+    serif: 'serif',
+    monospace: 'monospace'
+};
+const libraries = new Map();
+/**
+ * The fonts of the library at `url`, fetched once for every editor on the page
+ */ function library(jodit, url) {
+    let fonts = libraries.get(url);
+    if (!fonts) {
+        const ajax = new _core_request_ajax_js__WEBPACK_IMPORTED_MODULE_2__.Ajax({
+            url,
+            method: 'GET'
+        }, jodit.o.defaultAjaxOptions);
+        fonts = ajax.send().then((response)=>response.json())// A font without a regular style can't be asked for by its name alone
+        .then(({ items })=>items.filter((font)=>font.variants.includes('regular'))).catch(()=>{
+            libraries.delete(url);
+            return [];
+        }).finally(()=>ajax.destruct());
+        libraries.set(url, fonts);
+    }
+    return fonts;
+}
+/**
+ * The first family of a `font-family` value, unquoted and in lower case for
+ * comparing
+ */ function firstFamily(fontFamily) {
+    return fontFamily.split(',')[0].replace(/["']/g, '').trim().toLowerCase();
+}
+/**
+ * Loads fonts from Google Fonts: the whole of each font the content uses into
+ * the editor's document, and just the letters of its name for the font list
+ */ class GoogleFonts extends _core_component_view_component_js__WEBPACK_IMPORTED_MODULE_0__.ViewComponent {
+    className() {
+        return 'GoogleFonts';
+    }
+    /**
+     * The library's font named first in a `font-family` value
+     */ find(fontFamily) {
+        return this.fonts.get(firstFamily(fontFamily));
+    }
+    /**
+     * The `font-family` value that applies a font
+     */ value(font) {
+        var _a;
+        return `'${font.family}', ${(_a = GENERIC_FAMILIES[font.category]) !== null && _a !== void 0 ? _a : 'sans-serif'}`;
+    }
+    /**
+     * Loads the regular, italic, bold and bold italic styles that a font has
+     * into the editor's document
+     */ load(font) {
+        const loaded = this.__loadedInto(this.j.ed);
+        if (loaded.has(font.family)) {
+            return;
+        }
+        loaded.add(font.family);
+        const styles = [
+            [
+                'regular',
+                '0,400'
+            ],
+            [
+                '700',
+                '0,700'
+            ],
+            [
+                'italic',
+                '1,400'
+            ],
+            [
+                '700italic',
+                '1,700'
+            ]
+        ].filter(([variant])=>font.variants.includes(variant)).map(([, style])=>style);
+        this.__append(this.j.ed, `family=${this.__family(font)}:ital,wght@${styles.join(';')}`);
+    }
+    /**
+     * Loads every font of the library that the content uses
+     */ loadUsed() {
+        this.j.editor.querySelectorAll('[style*="font-family"]').forEach((element)=>{
+            const font = this.find(element.style.fontFamily);
+            font && this.load(font);
+        });
+    }
+    /**
+     * Loads into the page just the letters of each font's name, so the font
+     * list can show the name in its font
+     */ preview(fonts) {
+        const loaded = this.__loadedInto(this.j.od);
+        fonts = fonts.filter((font)=>!this.__previewed.has(font.family) && !loaded.has(font.family));
+        if (!fonts.length) {
+            return;
+        }
+        fonts.forEach((font)=>this.__previewed.add(font.family));
+        const families = fonts.map((font)=>`family=${this.__family(font)}`), letters = new Set(fonts.map((font)=>font.family).join(''));
+        this.__append(this.j.od, `${families.join('&')}&text=${encodeURIComponent([
+            ...letters
+        ].join(''))}`);
+    }
+    __loadedInto(doc) {
+        var _a;
+        const loaded = (_a = this.__loaded.get(doc)) !== null && _a !== void 0 ? _a : new Set();
+        this.__loaded.set(doc, loaded);
+        return loaded;
+    }
+    __family(font) {
+        return encodeURIComponent(font.family).replace(/%20/g, '+');
+    }
+    __append(doc, query) {
+        const link = doc.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = `${CSS_URL}?${query}&display=swap`;
+        doc.head.appendChild(link);
+        this.__links.push(link);
+    }
+    destruct() {
+        this.__links.forEach((link)=>_core_dom_dom_js__WEBPACK_IMPORTED_MODULE_1__.Dom.safeRemove(link));
+        super.destruct();
+    }
+    constructor(jodit){
+        super(jodit);
+        /**
+         * The library by lower-case family, empty until it arrives
+         */ this.fonts = new Map();
+        this.__links = [];
+        this.__loaded = new WeakMap();
+        this.__previewed = new Set();
+        this.ready = library(jodit, jodit.o.font.googleFonts.url).then((fonts)=>{
+            fonts.forEach((font)=>this.fonts.set(font.family.toLowerCase(), font));
+        });
+    }
+}
+
+
 /***/ }),
 
 /***/ 4104:
@@ -39316,12 +39947,13 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('imageProperties',
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   readValuesFromImage: function() { return /* binding */ readValuesFromImage; }
 /* harmony export */ });
-/* harmony import */ var _core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(29960);
-/* harmony import */ var _core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41180);
-/* harmony import */ var _align_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(51642);
-/* harmony import */ var _link_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(75595);
-/* harmony import */ var _margin_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(47749);
-/* harmony import */ var _size_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(32566);
+/* harmony import */ var _core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(25726);
+/* harmony import */ var _core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29960);
+/* harmony import */ var _core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41180);
+/* harmony import */ var _align_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51642);
+/* harmony import */ var _link_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75595);
+/* harmony import */ var _margin_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(47749);
+/* harmony import */ var _size_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(32566);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -39332,32 +39964,33 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('imageProperties',
 
 
 
+
 /**
  * Read values from image and set it to state
  * @private
  */ async function readValuesFromImage(j, state) {
     const { sourceImage: image, values } = state;
-    (0,_align_js__WEBPACK_IMPORTED_MODULE_2__.readAlign)(image, values, j.o.imageAlignClasses);
+    (0,_align_js__WEBPACK_IMPORTED_MODULE_3__.readAlign)(image, values, (0,_core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_0__.getAlignClasses)(j, image));
     // Border radius
-    values.borderRadius = parseInt((0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_1__.cssInline)(image, 'border-radius') || '0', 10) || 0;
+    values.borderRadius = parseInt((0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__.cssInline)(image, 'border-radius') || '0', 10) || 0;
     // Id
-    values.id = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'id') || '';
+    values.id = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'id') || '';
     // Title
-    values.imageTitle = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'title') || '';
+    values.imageTitle = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'title') || '';
     // Alt
-    values.imageAlt = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'alt') || '';
+    values.imageAlt = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'alt') || '';
     // Style
-    values.style = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'style') || '';
+    values.style = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'style') || '';
     // Classes
-    values.classes = ((0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'class') || '').replace(/jodit_focused_image[\s]*/, '');
+    values.classes = ((0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'class') || '').replace(/jodit_focused_image[\s]*/, '');
     // Margins
-    (0,_margin_js__WEBPACK_IMPORTED_MODULE_4__.readMargins)(image, values, state);
+    (0,_margin_js__WEBPACK_IMPORTED_MODULE_5__.readMargins)(image, values, state);
     // Link
-    (0,_link_js__WEBPACK_IMPORTED_MODULE_3__.readLink)(state, j, values);
+    (0,_link_js__WEBPACK_IMPORTED_MODULE_4__.readLink)(state, j, values);
     // Src
-    values.imageSrc = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'src') || '';
+    values.imageSrc = (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'src') || '';
     // Image size
-    return (0,_size_js__WEBPACK_IMPORTED_MODULE_5__.readSizes)(image, values, state);
+    return (0,_size_js__WEBPACK_IMPORTED_MODULE_6__.readSizes)(image, values, state);
 }
 
 
@@ -40370,7 +41003,7 @@ UIImagePositionTab = __decorate([
         (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'id', id || null);
     }
     if (opt.image.editAlign) {
-        (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.hAlignElement)(image, align, j.o.imageAlignClasses);
+        (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.hAlignElement)(image, align, (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.getAlignClasses)(j, image));
     }
 }
 
@@ -41100,6 +41733,7 @@ const cmd = (control)=>control.args && (0,_core_helpers_checker_index_js__WEBPAC
 /* harmony import */ var _core_helpers_checker_is_string_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(70799);
 /* harmony import */ var _core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25726);
 /* harmony import */ var _core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(41180);
+/* harmony import */ var _core_helpers_utils_media_wrapper_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(61477);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -41108,9 +41742,7 @@ const cmd = (control)=>control.args && (0,_core_helpers_checker_index_js__WEBPAC
 
 
 
-// Images align with `imageAlignClasses`; the wrappers of iframes and media
-// keep inline styles
-const alignClasses = (editor, elm)=>_core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, 'img') ? editor.o.imageAlignClasses : null;
+
 // A Normal image sits where the text of its line is aligned (#1531)
 const lineAlign = (editor, elm)=>{
     const block = elm && _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.closest(elm, _core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isBlock, editor.editor) || editor.editor;
@@ -41131,7 +41763,7 @@ const lineAlign = (editor, elm)=>{
             return 'left';
     }
 };
-const currentAlign = (editor, elm)=>elm ? (0,_core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_2__.getHAlign)(elm, alignClasses(editor, elm)) : 'normal';
+const currentAlign = (editor, elm)=>elm ? (0,_core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_2__.getHAlign)(elm, (0,_core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_2__.getAlignClasses)(editor, elm)) : 'normal';
 const align = {
     name: 'left',
     childTemplate: (_, __, value)=>value,
@@ -41152,23 +41784,25 @@ const align = {
         return (0,_core_helpers_checker_is_string_js__WEBPACK_IMPORTED_MODULE_1__.isString)(value) && currentAlign(editor, button.target) === value.toLowerCase();
     },
     exec: (editor, elm, { control })=>{
-        if (!_core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, new Set([
+        // A media wrapper kept in the content (`mediaWrappers`) is aligned itself
+        if (!_core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isHTMLElement(elm) || !_core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, new Set([
             'img',
             'jodit',
             'jodit-media'
-        ]))) {
+        ])) && (0,_core_helpers_utils_media_wrapper_js__WEBPACK_IMPORTED_MODULE_4__.getMediaWrapper)(editor, elm) !== elm) {
             return;
         }
         const command = control.args && (0,_core_helpers_checker_is_string_js__WEBPACK_IMPORTED_MODULE_1__.isString)(control.args[0]) ? control.args[0].toLowerCase() : '';
         if (!command) {
             return false;
         }
-        ;(0,_core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_2__.hAlignElement)(elm, command, alignClasses(editor, elm));
+        ;(0,_core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_2__.hAlignElement)(elm, command, (0,_core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_2__.getAlignClasses)(editor, elm));
         if (_core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, new Set([
             'jodit',
             'jodit-media'
         ])) && elm.firstElementChild) {
-            (0,_core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_2__.hAlignElement)(elm.firstElementChild, command);
+            const media = elm.firstElementChild;
+            (0,_core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_2__.hAlignElement)(media, command, (0,_core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_2__.getAlignClasses)(editor, media));
         }
         editor.synchronizeValues();
         editor.e.fire('recalcPositionPopup');
@@ -41371,9 +42005,11 @@ const align = {
         return (0,_modules_toolbar_factory_js__WEBPACK_IMPORTED_MODULE_7__.makeCollection)(this.jodit, this.popup);
     }
     onClick(node) {
-        const elements = this.elmsList, target = _core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__.Dom.isTag(node, 'img') ? node : _core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__.Dom.closest(node, elements, this.j.editor);
-        if (target && this.canShowPopupForType(target.nodeName.toLowerCase())) {
-            this.showPopup(()=>(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.position)(target, this.j), target.nodeName.toLowerCase(), target);
+        const elements = this.elmsList, mediaWrapper = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.getMediaWrapper)(this.j, node), target = mediaWrapper !== null && mediaWrapper !== void 0 ? mediaWrapper : _core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__.Dom.isTag(node, 'img') ? node : _core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__.Dom.closest(node, elements, this.j.editor);
+        // A media wrapper kept in the content gets the media popup
+        const type = mediaWrapper ? 'jodit-media' : target === null || target === void 0 ? void 0 : target.nodeName.toLowerCase();
+        if (target && type && this.canShowPopupForType(type)) {
+            this.showPopup(()=>(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.position)(target, this.j), type, target);
             return false;
         }
     }
@@ -41556,7 +42192,12 @@ const align = {
         this.removeListenersForElements();
     }
     _eventsList() {
-        const el = this.elmsList;
+        var _a;
+        // Clicks on a media wrapper kept in the content (`mediaWrappers`)
+        const wrapperTags = Object.values((_a = this.j.o.mediaWrappers) !== null && _a !== void 0 ? _a : {}).map(({ tag })=>tag.toLowerCase());
+        const el = [
+            ...new Set(this.elmsList.concat(wrapperTags))
+        ];
         return el.map((e)=>(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.camelCase)(`click_${e}`)).concat(el.map((e)=>(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.camelCase)(`touchstart_${e}`))).join(' ');
     }
     addListenersForElements() {
@@ -42731,8 +43372,6 @@ const formTemplate = (editor)=>{
  * Jodit Editor (https://xdsoft.net/jodit/)
  * 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
- */ /**
- * @module plugins/media
  */ 
 _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaFakeTag = 'jodit-media';
 _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaInFakeBlock = true;
@@ -42740,6 +43379,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaBlocks = [
     'video',
     'audio'
 ];
+_config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaWrappers = {};
 
 
 /***/ }),
@@ -42768,11 +43408,14 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaBlocks = [
  * Process `video` and `audio`
  */ function media(editor) {
     const keyFake = 'jodit_fake_wrapper';
-    const { mediaFakeTag, mediaBlocks, mediaInFakeBlock } = editor.options;
+    const { mediaFakeTag, mediaBlocks, mediaInFakeBlock, mediaWrappers } = editor.options;
     const wrap = (element)=>{
+        var _a;
         if (element.parentNode && (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_3__.attr)(element.parentNode, 'data-jodit_iframe_wrapper')) {
             element = element.parentNode;
-        } else {
+        } else if (mediaWrappers[element.nodeName.toLowerCase()]) {
+            element = (_a = (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_3__.getMediaWrapper)(editor, element)) !== null && _a !== void 0 ? _a : (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_3__.wrapMedia)(editor, element);
+        } else if (mediaInFakeBlock) {
             const wrapper = editor.createInside.element(mediaFakeTag, {
                 'data-jodit-temp': 1,
                 contenteditable: false,
@@ -42790,12 +43433,14 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaBlocks = [
             }
             _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_1__.Dom.append(wrapper, element);
             element = wrapper;
+        } else {
+            return;
         }
         editor.e.off(element, 'mousedown.select touchstart.select').on(element, 'mousedown.select touchstart.select', ()=>{
             editor.s.setCursorAfter(element);
         });
     };
-    if (mediaInFakeBlock) {
+    if (mediaInFakeBlock || Object.keys(mediaWrappers).length) {
         editor.e.on('afterGetValueFromEditor', (data)=>{
             const rxp = new RegExp(`<${mediaFakeTag}[^>]+data-${keyFake}[^>]+>([^]+?)</${mediaFakeTag}>`, 'ig');
             if (rxp.test(data.value)) {
@@ -50330,15 +50975,33 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_4__.pluginSystem.add('toolbarNavigation
 
 
 
+// Media the popup inserts go in their wrapper (see `mediaWrappers`), aligned
+// with `mediaDefaultAlign`
+function prepareMedia(jodit, element) {
+    const media = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_0__.wrapMedia)(jodit, element);
+    const { mediaDefaultAlign } = jodit.o;
+    if (mediaDefaultAlign && mediaDefaultAlign !== 'normal') {
+        (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_0__.hAlignElement)(media, mediaDefaultAlign, (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_0__.getAlignClasses)(jodit, media));
+    }
+    return media;
+}
 function insertVideos(data) {
     var _a;
     (_a = data.files) === null || _a === void 0 ? void 0 : _a.forEach((file)=>{
-        this.s.insertNode(this.createInside.element('video', {
+        this.s.insertNode(prepareMedia(this, this.createInside.element('video', {
             controls: '',
             src: data.baseurl + file
-        }));
+        })));
     });
 }
+// Embed code that is one element is prepared as media; other code goes in as
+// it is
+function prepareEmbedCode(jodit, code) {
+    const box = jodit.createInside.div();
+    box.innerHTML = code.trim();
+    const element = box.firstElementChild;
+    return element && box.childNodes.length === 1 ? prepareMedia(jodit, element) : code;
+}
 _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.video = {
     parseUrlToVideoEmbed: _core_helpers_index_js__WEBPACK_IMPORTED_MODULE_0__.convertMediaUrlToVideoEmbed,
     defaultWidth: 400,
@@ -50376,7 +51039,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.video = {
             ])
         ]), tabs = [], insertCode = (code)=>{
             jodit.s.restore();
-            jodit.s.insertHTML(code);
+            jodit.s.insertHTML(prepareEmbedCode(jodit, code));
             close();
         };
         jodit.s.save();