jodit-pro 4.17.8 → 4.18.0

package/es5/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
  */
@@ -745,18 +745,43 @@ var 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
          *
@@ -2308,7 +2333,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-var APP_VERSION = "4.17.8";
+var APP_VERSION = "4.18.0";
 // prettier-ignore
 var ES = "es5";
 var IS_ES_MODERN = false;
@@ -8129,6 +8154,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; },
@@ -8139,13 +8165,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; },
@@ -8226,7 +8255,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);
@@ -9248,12 +9278,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);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -9288,37 +9321,65 @@ function _unsupported_iterable_to_array(o, minLen) {
  */ ;
 
 
-var classNames = function classNames(value) {
-    return (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
+var classSets = function classSets(value) {
+    return ((0,_checker_is_array_js__WEBPACK_IMPORTED_MODULE_1__.isArray)(value) ? value : [
+        value !== null && value !== void 0 ? value : ''
+    ]).map(function(set) {
+        return set.split(/\s+/).filter(Boolean);
+    }).filter(function(set) {
+        return set.length;
+    });
 };
 /**
- * Align image, with `classes` (see `imageAlignClasses`) instead of inline
- * styles when they are given
+ * 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;
+    }
+    var 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);
+    var 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 `alignClasses`) instead of inline styles
+ * when they are given
  */ function hAlignElement(image, align, classes) {
+    var _a;
     if (classes) {
         var _image_classList, _image_classList1;
         hAlignElement(image, 'normal');
         Object.values(classes).forEach(function(value) {
-            return (_image_classList = image.classList).remove.apply(_image_classList, _to_consumable_array(classNames(value)));
+            return classSets(value).forEach(function(set) {
+                return (_image_classList = image.classList).remove.apply(_image_classList, _to_consumable_array(set));
+            });
         });
-        (_image_classList1 = image.classList).add.apply(_image_classList1, _to_consumable_array(classNames(classes[align || 'normal'])));
+        (_image_classList1 = image.classList).add.apply(_image_classList1, _to_consumable_array((_a = classSets(classes[align || 'normal'])[0]) !== null && _a !== void 0 ? _a : []));
         [
             'class',
             'style'
         ].forEach(function(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',
@@ -9326,13 +9387,13 @@ var classNames = function classNames(value) {
             });
         }
     } 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);
     }
 }
 /**
@@ -9346,19 +9407,20 @@ var classNames = function classNames(value) {
             'normal'
         ]; _i < _iter.length; _i++){
             var align = _iter[_i];
-            var names = classNames(classes[align]);
-            if (names.length && names.every(function(name) {
-                return elm.classList.contains(name);
+            if (classSets(classes[align]).some(function(set) {
+                return set.every(function(name) {
+                    return elm.classList.contains(name);
+                });
             })) {
                 return align;
             }
         }
     }
-    var float = (0,_css_js__WEBPACK_IMPORTED_MODULE_2__.cssInline)(elm, 'float').toLowerCase();
+    var 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';
@@ -9368,10 +9430,10 @@ var classNames = function classNames(value) {
  */ function clearAlign(node) {
     _dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.each(node, function(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);
                 }
             }
         }
@@ -9402,7 +9464,7 @@ function alignElement(command, box) {
         clearAlign(box);
         var 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);
         }
     }
 }
@@ -10829,13 +10891,13 @@ var getClassName = function 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; },
@@ -10848,51 +10910,56 @@ var getClassName = function 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);
@@ -10914,14 +10981,15 @@ var getClassName = function 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.
@@ -10956,6 +11024,7 @@ var getClassName = function getClassName(obj) {
 
 
 
+
 
 
 /***/ }),
@@ -11054,6 +11123,143 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 
 
+/***/ }),
+
+/***/ 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);
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+/*!
+ * 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 isWrapper = function isWrapper(node, wrapper) {
+    return _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;
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = Object.entries((_a = jodit.o.mediaWrappers) !== null && _a !== void 0 ? _a : {})[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var _step_value = _sliced_to_array(_step.value, 2), tag = _step_value[0], wrapper = _step_value[1];
+            if (isWrapper(elm, wrapper)) {
+                var media = elm.querySelector(tag);
+                if (media) {
+                    return media;
+                }
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    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, function(elm) {
+        return 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;
+    var 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) {
+    var 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:
@@ -14904,9 +15110,9 @@ var Selection = /*#__PURE__*/ function() {
                 if (styles && (typeof styles === "undefined" ? "undefined" : _type_of(styles)) === 'object') {
                     (0,_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.css)(image, styles);
                 }
-                var _this_j_o = this.j.o, imageDefaultAlign = _this_j_o.imageDefaultAlign, imageAlignClasses = _this_j_o.imageAlignClasses;
+                var imageDefaultAlign = this.j.o.imageDefaultAlign;
                 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));
                 }
                 var onload = function onload1() {
                     if (image.naturalHeight < image.offsetHeight || image.naturalWidth < image.offsetWidth) {
@@ -41476,6 +41682,7 @@ var INPUT_TAGS = new Set([
     'textarea',
     'select'
 ]);
+var TYPE_AHEAD_TIMEOUT = 1000;
 var FOCUSABLE_SELECTOR = [
     'button:not([disabled])',
     'a[href]',
@@ -41501,6 +41708,9 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
             currentValue: '',
             hasTrigger: false
         });
+        _this.__typed = '';
+        _this.__typedAt = 0;
+        _this.__typedTo = null;
         _this.openedPopup = null;
         var button = _this.getElm('button');
         (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_14__.assert)(button, 'Element button should exists');
@@ -41852,7 +42062,9 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
                         items[(index + 1) % items.length].focus();
                         break;
                     default:
-                        return;
+                        if (!this.control.list || !this.__typeAhead(e.key, items, index)) {
+                            return;
+                        }
                 }
                 e.preventDefault();
                 e.stopPropagation();
@@ -41860,6 +42072,57 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
         },
         {
             /**
+     * 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
+     */ key: "__onEditorKeyDown",
+            value: function __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
+     */ key: "__typeAhead",
+            value: function __typeAhead(key, items, index) {
+                var _a, _b;
+                var 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];
+                var compare = new Intl.Collator(undefined, {
+                    usage: 'search',
+                    sensitivity: 'base'
+                }).compare, typed = this.__typed, cycle = Array.from(typed).every(function(char) {
+                    return compare(char, typed[0]) === 0;
+                }), prefix = cycle ? typed[0] : typed, start = cycle ? index + 1 : Math.max(index, 0);
+                for(var i = 0; i < items.length; i += 1){
+                    var 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
      */ key: "__popupFocusables",
             value: function __popupFocusables() {
@@ -41878,14 +42141,18 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
      */ key: "__openControlList",
             value: function __openControlList(control) {
                 var _this = this;
-                var _a;
+                var _a, _b, _c, _d, _e;
                 var controls = (_a = this.jodit.options.controls) !== null && _a !== void 0 ? _a : {}, getControl = function getControl(key) {
                     return (0,_core_ui_helpers_get_control_type_js__WEBPACK_IMPORTED_MODULE_18__.findControlType)(key, controls);
                 };
                 var list = control.list;
                 var menu = this.openPopup();
-                var toolbar = (0,_factory_js__WEBPACK_IMPORTED_MODULE_21__.makeCollection)(this.j);
                 menu.parentElement = this;
+                var 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);
+                }
+                var toolbar = (0,_factory_js__WEBPACK_IMPORTED_MODULE_21__.makeCollection)(this.j);
                 toolbar.parentElement = menu;
                 toolbar.mode = 'vertical';
                 var isListItem = function isListItem(key) {
@@ -41937,7 +42204,14 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
                 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(function(key) {
                     return getButton(key, list[key]);
                 }), this.target);
-                menu.setContent(toolbar).open(function() {
+                this.__openMenu(menu, toolbar);
+            }
+        },
+        {
+            key: "__openMenu",
+            value: function __openMenu(menu, content) {
+                var _this = this;
+                menu.setContent(content).open(function() {
                     return (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;
@@ -41959,7 +42233,7 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
             value: function 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;
             }
         },
@@ -41977,7 +42251,7 @@ var ToolbarButton = /*#__PURE__*/ function(UIButton) {
                 // 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
                 var activeElement = this.od.activeElement, hadFocus = activeElement && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_6__.Dom.isOrContains(popup.container, activeElement);
@@ -42062,6 +42336,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);
@@ -52372,12 +52649,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);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -52484,11 +52763,18 @@ function _unsupported_iterable_to_array(o, minLen) {
 
 
 
+
+
 /**
  * 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',
@@ -52534,7 +52820,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.fontsize = {
         }
         var control = button.control;
         var cssKey = ((_a = control.data) === null || _a === void 0 ? void 0 : _a.cssRule) || 'font-size';
-        var value = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(box, cssKey);
+        var value = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(box, cssKey);
         if (cssKey === 'font-size') {
             var numValue = parseFloat(value.toString());
             if (editor.o.defaultFontSizePoints === 'pt') {
@@ -52570,11 +52856,12 @@ _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 = _object_spread_props(_object_spread({}, _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.fontsize), {
+var hadSelection = new WeakSet();
+_config_js__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.controls.font = _object_spread_props(_object_spread({}, _config_js__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.controls.fontsize), {
     command: 'fontname',
     textTemplate: function textTemplate(j, value) {
         var _value_split = _sliced_to_array(value.split(','), 1), first = _value_split[0];
-        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',
@@ -52596,6 +52883,9 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = _object
         } catch (_a) {}
         return '<span data-style="'.concat(key, '" style="').concat(isAvailable ? "font-family: ".concat(key, "!important;") : '', '">').concat(value, "</span>");
     },
+    popup: function popup(editor, current, close, button) {
+        return editor.o.font.googleFonts.url ? new _font_picker_js__WEBPACK_IMPORTED_MODULE_8__.UIFontPicker(editor, button, close) : false;
+    },
     data: {
         cssRule: 'font-family',
         normalize: function normalize(v) {
@@ -52604,19 +52894,19 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = _object
     },
     // 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: function value(editor) {
-        var current = editor.s.current();
-        if (!current) {
-            return;
-        }
-        var 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: function value(editor, button) {
+        var 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;
         }
-        var 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()) {
+        var value = (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(box || editor.editor, 'font-family').toString(), list = button.control.list;
+        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;
@@ -52625,6 +52915,439 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = _object
 });
 
 
+/***/ }),
+
+/***/ 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);
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _assert_this_initialized(self) {
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _get(target, property, receiver) {
+    if (typeof Reflect !== "undefined" && Reflect.get) _get = Reflect.get;
+    else {
+        _get = function get(target, property, receiver) {
+            var base = _super_prop_base(target, property);
+            if (!base) return;
+            var desc = Object.getOwnPropertyDescriptor(base, property);
+            if (desc.get) return desc.get.call(receiver || target);
+            return desc.value;
+        };
+    }
+    return _get(target, property, receiver || target);
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) {
+        return Array.from(iter);
+    }
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) return call;
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _super_prop_base(object, property) {
+    while(!Object.prototype.hasOwnProperty.call(object, property)){
+        object = _get_prototype_of(object);
+        if (object === null) break;
+    }
+    return object;
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+/*!
+ * 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 === "undefined" ? "undefined" : _type_of(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;
+};
+
+
+
+
+
+
+
+
+
+
+var HEADINGS = [
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6'
+];
+var 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
+ */ var UIFontPicker = /*#__PURE__*/ function(UIElement) {
+    "use strict";
+    _inherits(UIFontPicker, UIElement);
+    function UIFontPicker(jodit, __button, __close) {
+        _class_call_check(this, UIFontPicker);
+        var _this;
+        _this = _call_super(this, UIFontPicker, [
+            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(function() {
+                return !_this.isDestructed && _this.__render();
+            });
+        }
+        return _this;
+    }
+    _create_class(UIFontPicker, [
+        {
+            key: "className",
+            value: function className() {
+                return 'UIFontPicker';
+            }
+        },
+        {
+            key: "__render",
+            value: function __render() {
+                var _this = this;
+                var _a, _b;
+                var control = this.__button.control, _control_list = control.list, list = _control_list === void 0 ? {} : _control_list, listed = (0,_core_helpers_checker_is_array_js__WEBPACK_IMPORTED_MODULE_4__.isArray)(list) ? list.map(function(key) {
+                    return {
+                        value: key.toString(),
+                        title: key.toString()
+                    };
+                }) : (0,_core_helpers_utils_utils_js__WEBPACK_IMPORTED_MODULE_7__.keys)(list, false).map(function(key) {
+                    return {
+                        value: key,
+                        title: list[key].toString()
+                    };
+                }), google = Array.from(this.__googleFonts.fonts.values(), function(font) {
+                    return {
+                        value: _this.__googleFonts.value(font),
+                        title: font.family,
+                        font: font
+                    };
+                }), byFamily = new Map();
+                _to_consumable_array(google).concat(_to_consumable_array(listed)).forEach(function(entry) {
+                    return byFamily.set((0,_google_fonts_js__WEBPACK_IMPORTED_MODULE_9__.firstFamily)(entry.value), entry);
+                });
+                var 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(function(fontFamily) {
+                    var _a;
+                    var 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: title
+                    } : undefined;
+                    entry && !theme.has(family) && theme.set(family, entry);
+                });
+                this.__usedFonts().forEach(function(fontFamily) {
+                    var family = (0,_google_fonts_js__WEBPACK_IMPORTED_MODULE_9__.firstFamily)(fontFamily), entry = byFamily.get(family);
+                    entry && !theme.has(family) && used.set(family, entry);
+                });
+                var defaultEntry = listed.find(function(entry) {
+                    return 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, _to_consumable_array(theme.values()), 'Theme fonts');
+                this.__append(current, _to_consumable_array(used.values()), 'Used fonts');
+                this.__append(current, listed.filter(function(entry) {
+                    return entry !== defaultEntry;
+                }), 'System fonts');
+                this.__append(current, google, 'Google Fonts');
+                this.__observeGoogleFonts();
+            }
+        },
+        {
+            /**
+     * The fonts the editor's styles give text and each heading
+     */ key: "__themeFonts",
+            value: function __themeFonts() {
+                var _this = this;
+                var editor = this.j.editor, fonts = [
+                    (0,_core_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_6__.css)(editor, 'font-family').toString()
+                ];
+                HEADINGS.forEach(function(tag) {
+                    var 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
+     */ key: "__usedFonts",
+            value: function __usedFonts() {
+                return Array.from(this.j.editor.querySelectorAll('[style*="font-family"]'), function(element) {
+                    return element.style.fontFamily;
+                });
+            }
+        },
+        {
+            key: "__append",
+            value: function __append(current, entries, heading) {
+                var _this = this;
+                if (!entries.length) {
+                    return;
+                }
+                var control = this.__button.control, group = this.j.c.div(this.getFullElName('group'));
+                if (heading) {
+                    var title = this.j.c.div(this.getFullElName('heading'), {
+                        id: "".concat(this.getFullElName('heading'), "-").concat((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(function(entry) {
+                    var _a, _b;
+                    var 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
+     */ key: "__observeGoogleFonts",
+            value: function __observeGoogleFonts() {
+                var _this = this;
+                this.j.async.requestAnimationFrame(function() {
+                    var _a;
+                    (_a = _this.__observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+                    if (_this.isDestructed || !_this.__fonts.size) {
+                        return;
+                    }
+                    var observer = new IntersectionObserver(function(entries) {
+                        var fonts = [];
+                        entries.forEach(function(param) {
+                            var isIntersecting = param.isIntersecting, target = param.target;
+                            var 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(function(_, item) {
+                        return observer.observe(item);
+                    });
+                    _this.__observer = observer;
+                });
+            }
+        },
+        {
+            /**
+     * Keeps the editor's selection, as the toolbar buttons do
+     */ key: "onMouseDown",
+            value: function onMouseDown(e) {
+                e.preventDefault();
+            }
+        },
+        {
+            key: "onClick",
+            value: function onClick(e) {
+                var _a;
+                var item = _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.up(e.target, function(node) {
+                    return _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isHTMLElement(node) && node.hasAttribute('data-value');
+                }, this.container);
+                if (!item) {
+                    return;
+                }
+                var 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
+     */ key: "__blockFont",
+            value: function __blockFont() {
+                var 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();
+            }
+        },
+        {
+            key: "destruct",
+            value: function destruct() {
+                var _a;
+                (_a = this.__observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+                _get(_get_prototype_of(UIFontPicker.prototype), "destruct", this).call(this);
+            }
+        }
+    ]);
+    return UIFontPicker;
+}(_core_ui_element_js__WEBPACK_IMPORTED_MODULE_8__.UIElement);
+__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:
@@ -52634,6 +53357,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = _object
 /* 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.
@@ -52641,6 +53365,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = _object
  */ 
 
 
+
 /**
  * Process commands `fontsize` and `fontname`
  */ function font(editor) {
@@ -52651,6 +53376,22 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = _object
         name: 'fontsize',
         group: 'font'
     });
+    if (editor.o.font.googleFonts.url) {
+        var googleFonts = editor.getInstance(_google_fonts_js__WEBPACK_IMPORTED_MODULE_3__.GoogleFonts), loadUsed = editor.async.debounce(function() {
+            return 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', function() {
+        editor.iframe && editor.e.on(editor.ed, 'load', function() {
+            return editor.e.fire('updateToolbar');
+        }, {
+            capture: true
+        });
+    });
     var callback = function callback(command, second, third) {
         switch(command){
             case 'fontsize':
@@ -52680,6 +53421,375 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = _object
 _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);
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _assert_this_initialized(self) {
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _get(target, property, receiver) {
+    if (typeof Reflect !== "undefined" && Reflect.get) _get = Reflect.get;
+    else {
+        _get = function get(target, property, receiver) {
+            var base = _super_prop_base(target, property);
+            if (!base) return;
+            var desc = Object.getOwnPropertyDescriptor(base, property);
+            if (desc.get) return desc.get.call(receiver || target);
+            return desc.value;
+        };
+    }
+    return _get(target, property, receiver || target);
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) {
+        return Array.from(iter);
+    }
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) return call;
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _super_prop_base(object, property) {
+    while(!Object.prototype.hasOwnProperty.call(object, property)){
+        object = _get_prototype_of(object);
+        if (object === null) break;
+    }
+    return object;
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+/*!
+ * 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 CSS_URL = 'https://fonts.googleapis.com/css2';
+// `cursive` and `fantasy` stand in badly for a handwriting or display font
+var GENERIC_FAMILIES = {
+    serif: 'serif',
+    monospace: 'monospace'
+};
+var libraries = new Map();
+/**
+ * The fonts of the library at `url`, fetched once for every editor on the page
+ */ function library(jodit, url) {
+    var fonts = libraries.get(url);
+    if (!fonts) {
+        var ajax = new _core_request_ajax_js__WEBPACK_IMPORTED_MODULE_2__.Ajax({
+            url: url,
+            method: 'GET'
+        }, jodit.o.defaultAjaxOptions);
+        fonts = ajax.send().then(function(response) {
+            return response.json();
+        })// A font without a regular style can't be asked for by its name alone
+        .then(function(param) {
+            var items = param.items;
+            return items.filter(function(font) {
+                return font.variants.includes('regular');
+            });
+        }).catch(function() {
+            libraries.delete(url);
+            return [];
+        }).finally(function() {
+            return 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
+ */ var GoogleFonts = /*#__PURE__*/ function(ViewComponent) {
+    "use strict";
+    _inherits(GoogleFonts, ViewComponent);
+    function GoogleFonts(jodit) {
+        _class_call_check(this, GoogleFonts);
+        var _this;
+        _this = _call_super(this, GoogleFonts, [
+            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(function(fonts) {
+            fonts.forEach(function(font) {
+                return _this.fonts.set(font.family.toLowerCase(), font);
+            });
+        });
+        return _this;
+    }
+    _create_class(GoogleFonts, [
+        {
+            key: "className",
+            value: function className() {
+                return 'GoogleFonts';
+            }
+        },
+        {
+            /**
+     * The library's font named first in a `font-family` value
+     */ key: "find",
+            value: function find(fontFamily) {
+                return this.fonts.get(firstFamily(fontFamily));
+            }
+        },
+        {
+            /**
+     * The `font-family` value that applies a font
+     */ key: "value",
+            value: function value(font) {
+                var _a;
+                return "'".concat(font.family, "', ").concat((_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
+     */ key: "load",
+            value: function load(font) {
+                var loaded = this.__loadedInto(this.j.ed);
+                if (loaded.has(font.family)) {
+                    return;
+                }
+                loaded.add(font.family);
+                var styles = [
+                    [
+                        'regular',
+                        '0,400'
+                    ],
+                    [
+                        '700',
+                        '0,700'
+                    ],
+                    [
+                        'italic',
+                        '1,400'
+                    ],
+                    [
+                        '700italic',
+                        '1,700'
+                    ]
+                ].filter(function(param) {
+                    var _param = _sliced_to_array(param, 1), variant = _param[0];
+                    return font.variants.includes(variant);
+                }).map(function(param) {
+                    var _param = _sliced_to_array(param, 2), style = _param[1];
+                    return style;
+                });
+                this.__append(this.j.ed, "family=".concat(this.__family(font), ":ital,wght@").concat(styles.join(';')));
+            }
+        },
+        {
+            /**
+     * Loads every font of the library that the content uses
+     */ key: "loadUsed",
+            value: function loadUsed() {
+                var _this = this;
+                this.j.editor.querySelectorAll('[style*="font-family"]').forEach(function(element) {
+                    var 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
+     */ key: "preview",
+            value: function preview(fonts) {
+                var _this = this;
+                var loaded = this.__loadedInto(this.j.od);
+                fonts = fonts.filter(function(font) {
+                    return !_this.__previewed.has(font.family) && !loaded.has(font.family);
+                });
+                if (!fonts.length) {
+                    return;
+                }
+                fonts.forEach(function(font) {
+                    return _this.__previewed.add(font.family);
+                });
+                var families = fonts.map(function(font) {
+                    return "family=".concat(_this.__family(font));
+                }), letters = new Set(fonts.map(function(font) {
+                    return font.family;
+                }).join(''));
+                this.__append(this.j.od, "".concat(families.join('&'), "&text=").concat(encodeURIComponent(_to_consumable_array(letters).join(''))));
+            }
+        },
+        {
+            key: "__loadedInto",
+            value: function __loadedInto(doc) {
+                var _a;
+                var loaded = (_a = this.__loaded.get(doc)) !== null && _a !== void 0 ? _a : new Set();
+                this.__loaded.set(doc, loaded);
+                return loaded;
+            }
+        },
+        {
+            key: "__family",
+            value: function __family(font) {
+                return encodeURIComponent(font.family).replace(/%20/g, '+');
+            }
+        },
+        {
+            key: "__append",
+            value: function __append(doc, query) {
+                var link = doc.createElement('link');
+                link.rel = 'stylesheet';
+                link.href = "".concat(CSS_URL, "?").concat(query, "&display=swap");
+                doc.head.appendChild(link);
+                this.__links.push(link);
+            }
+        },
+        {
+            key: "destruct",
+            value: function destruct() {
+                this.__links.forEach(function(link) {
+                    return _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_1__.Dom.safeRemove(link);
+                });
+                _get(_get_prototype_of(GoogleFonts.prototype), "destruct", this).call(this);
+            }
+        }
+    ]);
+    return GoogleFonts;
+}(_core_component_view_component_js__WEBPACK_IMPORTED_MODULE_0__.ViewComponent);
+
+
 /***/ }),
 
 /***/ 4104:
@@ -54716,12 +55826,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);
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -54857,6 +55968,7 @@ function _ts_generator(thisArg, body) {
 
 
 
+
 /**
  * Read values from image and set it to state
  * @private
@@ -54865,29 +55977,29 @@ function _ts_generator(thisArg, body) {
         var image, values;
         return _ts_generator(this, function(_state) {
             image = state.sourceImage, values = state.values;
-            (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 [
                 2,
-                (0,_size_js__WEBPACK_IMPORTED_MODULE_5__.readSizes)(image, values, state)
+                (0,_size_js__WEBPACK_IMPORTED_MODULE_6__.readSizes)(image, values, state)
             ];
         });
     })();
@@ -56793,7 +57905,7 @@ function _ts_generator(thisArg, body) {
         (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));
     }
 }
 
@@ -57686,6 +58798,7 @@ var cmd = function cmd(control) {
 /* 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);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -57740,11 +58853,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 
 
 
-// Images align with `imageAlignClasses`; the wrappers of iframes and media
-// keep inline styles
-var alignClasses = function alignClasses(editor, elm) {
-    return _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)
 var lineAlign = function lineAlign(editor, elm) {
     var 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;
@@ -57766,7 +58875,7 @@ var lineAlign = function lineAlign(editor, elm) {
     }
 };
 var currentAlign = function currentAlign(editor, elm) {
-    return elm ? (0,_core_helpers_utils_align_js__WEBPACK_IMPORTED_MODULE_2__.getHAlign)(elm, alignClasses(editor, elm)) : 'normal';
+    return 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';
 };
 var align = {
     name: 'left',
@@ -57793,23 +58902,25 @@ var align = {
     },
     exec: function exec(editor, elm, param) {
         var control = param.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;
         }
         var 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);
+            var 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');
@@ -57980,6 +59091,14 @@ var align = {
 /* harmony import */ var _core_ui_popup_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(61259);
 /* harmony import */ var _modules_toolbar_factory_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(21491);
 /* harmony import */ var _config_config_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24526);
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
 function _assert_this_initialized(self) {
     if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return self;
@@ -58051,6 +59170,14 @@ function _is_native_reflect_construct() {
         return !!result;
     })();
 }
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) {
+        return Array.from(iter);
+    }
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _possible_constructor_return(self, call) {
     if (call && (_type_of(call) === "object" || typeof call === "function")) return call;
     return _assert_this_initialized(self);
@@ -58062,10 +59189,21 @@ function _set_prototype_of(o, p) {
     };
     return _set_prototype_of(o, p);
 }
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
 function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 function _wrap_native_super(Class) {
     var _cache = typeof Map === "function" ? new Map() : undefined;
     _wrap_native_super = function(Class) {
@@ -58147,11 +59285,13 @@ function _wrap_native_super(Class) {
             key: "onClick",
             value: function onClick(node) {
                 var _this = this;
-                var 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())) {
+                var 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
+                var type = mediaWrapper ? 'jodit-media' : target === null || target === void 0 ? void 0 : target.nodeName.toLowerCase();
+                if (target && type && this.canShowPopupForType(type)) {
                     this.showPopup(function() {
                         return (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.position)(target, _this.j);
-                    }, target.nodeName.toLowerCase(), target);
+                    }, type, target);
                     return false;
                 }
             }
@@ -58390,7 +59530,13 @@ function _wrap_native_super(Class) {
         {
             key: "_eventsList",
             value: function _eventsList() {
-                var el = this.elmsList;
+                var _a;
+                // Clicks on a media wrapper kept in the content (`mediaWrappers`)
+                var wrapperTags = Object.values((_a = this.j.o.mediaWrappers) !== null && _a !== void 0 ? _a : {}).map(function(param) {
+                    var tag = param.tag;
+                    return tag.toLowerCase();
+                });
+                var el = _to_consumable_array(new Set(this.elmsList.concat(wrapperTags)));
                 return el.map(function(e) {
                     return (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.camelCase)("click_".concat(e));
                 }).concat(el.map(function(e) {
@@ -60515,8 +61661,6 @@ var formTemplate = function 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;
@@ -60524,6 +61668,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaBlocks = [
     'video',
     'audio'
 ];
+_config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaWrappers = {};
 
 
 /***/ }),
@@ -60563,11 +61708,14 @@ function _define_property(obj, key, value) {
  * Process `video` and `audio`
  */ function media(editor) {
     var keyFake = 'jodit_fake_wrapper';
-    var _editor_options = editor.options, mediaFakeTag = _editor_options.mediaFakeTag, mediaBlocks = _editor_options.mediaBlocks, mediaInFakeBlock = _editor_options.mediaInFakeBlock;
+    var _editor_options = editor.options, mediaFakeTag = _editor_options.mediaFakeTag, mediaBlocks = _editor_options.mediaBlocks, mediaInFakeBlock = _editor_options.mediaInFakeBlock, mediaWrappers = _editor_options.mediaWrappers;
     var wrap = function 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) {
             var wrapper = editor.createInside.element(mediaFakeTag, _define_property({
                 'data-jodit-temp': 1,
                 contenteditable: false,
@@ -60584,12 +61732,14 @@ function _define_property(obj, key, value) {
             }
             _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', function() {
             editor.s.setCursorAfter(element);
         });
     };
-    if (mediaInFakeBlock) {
+    if (mediaInFakeBlock || Object.keys(mediaWrappers).length) {
         editor.e.on('afterGetValueFromEditor', function(data) {
             var rxp = new RegExp("<".concat(mediaFakeTag, "[^>]+data-").concat(keyFake, "[^>]+>([^]+?)</").concat(mediaFakeTag, ">"), 'ig');
             if (rxp.test(data.value)) {
@@ -74401,16 +75551,34 @@ _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) {
+    var media = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_0__.wrapMedia)(jodit, element);
+    var mediaDefaultAlign = jodit.o.mediaDefaultAlign;
+    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 _this = this;
     var _a;
     (_a = data.files) === null || _a === void 0 ? void 0 : _a.forEach(function(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) {
+    var box = jodit.createInside.div();
+    box.innerHTML = code.trim();
+    var 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,
@@ -74452,7 +75620,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.video = {
             ])
         ]), tabs = [], insertCode = function insertCode(code) {
             jodit.s.restore();
-            jodit.s.insertHTML(code);
+            jodit.s.insertHTML(prepareEmbedCode(jodit, code));
             close();
         };
         jodit.s.save();