jodit 4.17.6 → 4.18.0

package/es2021/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.17.6
+ * Version: v4.18.0
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -735,18 +735,43 @@ let ConfigPrototype = {};
         /**
 	 * Class names to align images with, instead of an inline `float` or
 	 * `margin`. Aligning an image removes every class listed here and adds the
-	 * chosen alignment's, which can be several separated by spaces.
+	 * chosen alignment's, which can be several separated by spaces. An
+	 * alignment can also list several such sets, to recognise each of them;
+	 * aligning writes the first. `alignClasses.img` takes its place when set.
 	 *
 	 * ```javascript
 	 * Jodit.make('#editor', {
 	 *   imageAlignClasses: {
 	 *     left: 'align-left',
 	 *     right: 'align-right',
-	 *     center: 'align-center'
+	 *     center: ['align-center', 'centered']
 	 *   }
 	 * });
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(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 }
+	 * });
+	 * ```
+	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "alignClasses", {});
+        /**
+	 * Alignment given to the media the video popup inserts. `'normal'` leaves
+	 * them unaligned
+	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "mediaDefaultAlign", 'normal');
         /**
 	 * Do not display these buttons that are on the list
 	 *
@@ -1799,7 +1824,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.17.6";
+ */ const APP_VERSION = "4.18.0";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -7576,12 +7601,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 jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27795);
-/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7909);
-/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80991);
+/* harmony import */ var jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17312);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7909);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80991);
+/* harmony import */ var jodit_core_helpers_utils_media_wrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83314);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -7591,31 +7619,51 @@ function trimChars(value, chars) {
  */ 
 
 
-const classNames = (value)=>(value ?? '').split(/\s+/).filter(Boolean);
+
+
+// The sets of class names an alignment lists, the first being the one to write
+const classSets = (value)=>((0,jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_1__.isArray)(value) ? value : [
+        value ?? ''
+    ]).map((set)=>set.split(/\s+/).filter(Boolean)).filter((set)=>set.length);
+/**
+ * The class names to align `elm` with: `alignClasses` for its tag, or for the
+ * media in it when it wraps media (a `mediaWrappers` wrapper, `jodit` or
+ * `jodit-media`), falling back to `imageAlignClasses` for an image
+ */ function getAlignClasses(jodit, elm) {
+    if (!elm) {
+        return null;
+    }
+    const media = jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, new Set([
+        'jodit',
+        'jodit-media'
+    ])) ? elm.firstElementChild : (0,jodit_core_helpers_utils_media_wrapper__WEBPACK_IMPORTED_MODULE_4__.getWrappedMedia)(jodit, elm);
+    const tag = (media ?? elm).nodeName.toLowerCase();
+    return jodit.o.alignClasses?.[tag] ?? (tag === 'img' ? jodit.o.imageAlignClasses : null);
+}
 /**
- * Align image, with `classes` (see `imageAlignClasses`) instead of inline
- * styles when they are given
+ * Align image, with `classes` (see `alignClasses`) instead of inline styles
+ * when they are given
  */ function hAlignElement(image, align, classes) {
     if (classes) {
         hAlignElement(image, 'normal');
-        Object.values(classes).forEach((value)=>image.classList.remove(...classNames(value)));
-        image.classList.add(...classNames(classes[align || 'normal']));
+        Object.values(classes).forEach((value)=>classSets(value).forEach((set)=>image.classList.remove(...set)));
+        image.classList.add(...classSets(classes[align || 'normal'])[0] ?? []);
         [
             'class',
             'style'
         ].forEach((name)=>{
-            if (!(0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(image, name)?.trim()) {
-                (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(image, name, null);
+            if (!(0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__.attr)(image, name)?.trim()) {
+                (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__.attr)(image, name, null);
             }
         });
         return;
     }
     if (align && align !== 'normal') {
         if (align !== 'center') {
-            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'float', align);
-            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.clearCenterAlign)(image);
+            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.css)(image, 'float', align);
+            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.clearCenterAlign)(image);
         } else {
-            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(image, {
+            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.css)(image, {
                 float: '',
                 display: 'block',
                 marginLeft: 'auto',
@@ -7623,13 +7671,13 @@ const classNames = (value)=>(value ?? '').split(/\s+/).filter(Boolean);
             });
         }
     } else {
-        if ((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'float') && [
+        if ((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.css)(image, 'float') && [
             'right',
             'left'
-        ].indexOf((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'float').toString().toLowerCase()) !== -1) {
-            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'float', '');
+        ].indexOf((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.css)(image, 'float').toString().toLowerCase()) !== -1) {
+            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.css)(image, 'float', '');
         }
-        ;(0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.clearCenterAlign)(image);
+        ;(0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.clearCenterAlign)(image);
     }
 }
 /**
@@ -7642,17 +7690,16 @@ const classNames = (value)=>(value ?? '').split(/\s+/).filter(Boolean);
             'center',
             'normal'
         ]){
-            const names = classNames(classes[align]);
-            if (names.length && names.every((name)=>elm.classList.contains(name))) {
+            if (classSets(classes[align]).some((set)=>set.every((name)=>elm.classList.contains(name)))) {
                 return align;
             }
         }
     }
-    const float = (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.cssInline)(elm, 'float').toLowerCase();
+    const float = (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.cssInline)(elm, 'float').toLowerCase();
     if (float === 'left' || float === 'right') {
         return float;
     }
-    if ((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(elm, 'display') === 'block' && (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.cssInline)(elm, 'margin-left') === 'auto' && (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.cssInline)(elm, 'margin-right') === 'auto') {
+    if ((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.css)(elm, 'display') === 'block' && (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.cssInline)(elm, 'margin-left') === 'auto' && (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.cssInline)(elm, 'margin-right') === 'auto') {
         return 'center';
     }
     return 'normal';
@@ -7662,10 +7709,10 @@ const classNames = (value)=>(value ?? '').split(/\s+/).filter(Boolean);
  */ function clearAlign(node) {
     jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.each(node, (elm)=>{
         if (jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isHTMLElement(elm)) {
-            if ((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.cssInline)(elm, 'textAlign')) {
-                (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(elm, 'textAlign', '');
-                if (!((0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(elm, 'style') || '').trim().length) {
-                    (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(elm, 'style', null);
+            if ((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.cssInline)(elm, 'textAlign')) {
+                (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.css)(elm, 'textAlign', '');
+                if (!((0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__.attr)(elm, 'style') || '').trim().length) {
+                    (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__.attr)(elm, 'style', null);
                 }
             }
         }
@@ -7696,7 +7743,7 @@ function alignElement(command, box) {
         clearAlign(box);
         const align = ALIGN_BY_COMMAND.get(command.toLowerCase());
         if (align) {
-            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(box, 'textAlign', align);
+            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.css)(box, 'textAlign', align);
         }
     }
 }
@@ -8781,13 +8828,13 @@ const getClassName = (obj)=>{
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   $$: function() { return /* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_24__.$$; },
+/* harmony export */   $$: function() { return /* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_25__.$$; },
 /* harmony export */   ConfigDeepFlatten: function() { return /* reexport safe */ _config_proto__WEBPACK_IMPORTED_MODULE_7__.ConfigDeepFlatten; },
 /* harmony export */   ConfigFlatten: function() { return /* reexport safe */ _config_proto__WEBPACK_IMPORTED_MODULE_7__.ConfigFlatten; },
 /* harmony export */   ConfigMerge: function() { return /* reexport safe */ _config_proto__WEBPACK_IMPORTED_MODULE_7__.ConfigMerge; },
 /* harmony export */   ConfigProto: function() { return /* reexport safe */ _config_proto__WEBPACK_IMPORTED_MODULE_7__.ConfigProto; },
 /* harmony export */   ConnectionError: function() { return /* reexport safe */ _error__WEBPACK_IMPORTED_MODULE_13__.ConnectionError; },
-/* harmony export */   LimitedStack: function() { return /* reexport safe */ _stack__WEBPACK_IMPORTED_MODULE_26__.LimitedStack; },
+/* harmony export */   LimitedStack: function() { return /* reexport safe */ _stack__WEBPACK_IMPORTED_MODULE_27__.LimitedStack; },
 /* harmony export */   OptionsError: function() { return /* reexport safe */ _error__WEBPACK_IMPORTED_MODULE_13__.OptionsError; },
 /* harmony export */   UNSAFE_PROTO_KEYS: function() { return /* reexport safe */ _is_unsafe_proto_key__WEBPACK_IMPORTED_MODULE_18__.UNSAFE_PROTO_KEYS; },
 /* harmony export */   abort: function() { return /* reexport safe */ _error__WEBPACK_IMPORTED_MODULE_13__.abort; },
@@ -8799,58 +8846,63 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   attrRaw: function() { return /* reexport safe */ _attr__WEBPACK_IMPORTED_MODULE_3__.attrRaw; },
 /* harmony export */   browser: function() { return /* reexport safe */ _browser__WEBPACK_IMPORTED_MODULE_4__.browser; },
 /* harmony export */   buildQuery: function() { return /* reexport safe */ _build_query__WEBPACK_IMPORTED_MODULE_5__.buildQuery; },
-/* harmony export */   call: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_27__.call; },
-/* harmony export */   callPromise: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_27__.callPromise; },
-/* harmony export */   callThis: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_27__.callThis; },
+/* harmony export */   call: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_28__.call; },
+/* harmony export */   callPromise: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_28__.callPromise; },
+/* harmony export */   callThis: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_28__.callThis; },
 /* harmony export */   clearAlign: function() { return /* reexport safe */ _align__WEBPACK_IMPORTED_MODULE_0__.clearAlign; },
 /* harmony export */   clearCenterAlign: function() { return /* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_9__.clearCenterAlign; },
 /* harmony export */   cns: function() { return /* reexport safe */ _mark_deprecated__WEBPACK_IMPORTED_MODULE_19__.cns; },
 /* harmony export */   completeUrl: function() { return /* reexport safe */ _complete_url__WEBPACK_IMPORTED_MODULE_6__.completeUrl; },
 /* harmony export */   connection: function() { return /* reexport safe */ _error__WEBPACK_IMPORTED_MODULE_13__.connection; },
 /* harmony export */   convertMediaUrlToVideoEmbed: function() { return /* reexport safe */ _convert_media_url_to_video_embed__WEBPACK_IMPORTED_MODULE_8__.convertMediaUrlToVideoEmbed; },
+/* harmony export */   createMediaWrapper: function() { return /* reexport safe */ _media_wrapper__WEBPACK_IMPORTED_MODULE_20__.createMediaWrapper; },
 /* harmony export */   css: function() { return /* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_9__.css; },
 /* harmony export */   cssInline: function() { return /* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_9__.cssInline; },
-/* harmony export */   cssPath: function() { return /* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_24__.cssPath; },
+/* harmony export */   cssPath: function() { return /* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_25__.cssPath; },
 /* harmony export */   ctrlKey: function() { return /* reexport safe */ _ctrl_key__WEBPACK_IMPORTED_MODULE_10__.ctrlKey; },
 /* harmony export */   dataBind: function() { return /* reexport safe */ _data_bind__WEBPACK_IMPORTED_MODULE_11__.dataBind; },
 /* harmony export */   defaultLanguage: function() { return /* reexport safe */ _default_language__WEBPACK_IMPORTED_MODULE_12__.defaultLanguage; },
 /* harmony export */   error: function() { return /* reexport safe */ _error__WEBPACK_IMPORTED_MODULE_13__.error; },
 /* harmony export */   fastClone: function() { return /* reexport safe */ _extend__WEBPACK_IMPORTED_MODULE_14__.fastClone; },
 /* harmony export */   get: function() { return /* reexport safe */ _get__WEBPACK_IMPORTED_MODULE_15__.get; },
+/* harmony export */   getAlignClasses: function() { return /* reexport safe */ _align__WEBPACK_IMPORTED_MODULE_0__.getAlignClasses; },
 /* harmony export */   getClassName: function() { return /* reexport safe */ _get_class_name__WEBPACK_IMPORTED_MODULE_16__.getClassName; },
-/* harmony export */   getDataTransfer: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_27__.getDataTransfer; },
+/* harmony export */   getDataTransfer: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_28__.getDataTransfer; },
 /* harmony export */   getHAlign: function() { return /* reexport safe */ _align__WEBPACK_IMPORTED_MODULE_0__.getHAlign; },
-/* harmony export */   getPropertyDescriptor: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_27__.getPropertyDescriptor; },
-/* harmony export */   getXPathByElement: function() { return /* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_24__.getXPathByElement; },
+/* harmony export */   getMediaWrapper: function() { return /* reexport safe */ _media_wrapper__WEBPACK_IMPORTED_MODULE_20__.getMediaWrapper; },
+/* harmony export */   getPropertyDescriptor: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_28__.getPropertyDescriptor; },
+/* harmony export */   getWrappedMedia: function() { return /* reexport safe */ _media_wrapper__WEBPACK_IMPORTED_MODULE_20__.getWrappedMedia; },
+/* harmony export */   getXPathByElement: function() { return /* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_25__.getXPathByElement; },
 /* harmony export */   hAlignElement: function() { return /* reexport safe */ _align__WEBPACK_IMPORTED_MODULE_0__.hAlignElement; },
 /* harmony export */   humanSizeToBytes: function() { return /* reexport safe */ _human_size_to_bytes__WEBPACK_IMPORTED_MODULE_17__.humanSizeToBytes; },
-/* harmony export */   inView: function() { return /* reexport safe */ _scroll_into_view__WEBPACK_IMPORTED_MODULE_23__.inView; },
+/* harmony export */   inView: function() { return /* reexport safe */ _scroll_into_view__WEBPACK_IMPORTED_MODULE_24__.inView; },
 /* harmony export */   isAtom: function() { return /* reexport safe */ _extend__WEBPACK_IMPORTED_MODULE_14__.isAtom; },
 /* harmony export */   isUnsafeProtoKey: function() { return /* reexport safe */ _is_unsafe_proto_key__WEBPACK_IMPORTED_MODULE_18__.isUnsafeProtoKey; },
 /* harmony export */   keepNames: function() { return /* reexport safe */ _get_class_name__WEBPACK_IMPORTED_MODULE_16__.keepNames; },
-/* harmony export */   keys: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_27__.keys; },
-/* harmony export */   loadImage: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_27__.loadImage; },
+/* harmony export */   keys: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_28__.keys; },
+/* harmony export */   loadImage: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_28__.loadImage; },
 /* harmony export */   loadNext: function() { return /* reexport safe */ _append_script__WEBPACK_IMPORTED_MODULE_1__.loadNext; },
 /* harmony export */   loadNextStyle: function() { return /* reexport safe */ _append_script__WEBPACK_IMPORTED_MODULE_1__.loadNextStyle; },
 /* harmony export */   markAsAtomic: function() { return /* reexport safe */ _extend__WEBPACK_IMPORTED_MODULE_14__.markAsAtomic; },
 /* harmony export */   markDeprecated: function() { return /* reexport safe */ _mark_deprecated__WEBPACK_IMPORTED_MODULE_19__.markDeprecated; },
-/* harmony export */   markOwner: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_27__.markOwner; },
-/* harmony export */   memorizeExec: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_27__.memorizeExec; },
+/* harmony export */   markOwner: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_28__.markOwner; },
+/* harmony export */   memorizeExec: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_28__.memorizeExec; },
 /* harmony export */   options: function() { return /* reexport safe */ _error__WEBPACK_IMPORTED_MODULE_13__.options; },
-/* harmony export */   parseQuery: function() { return /* reexport safe */ _parse_query__WEBPACK_IMPORTED_MODULE_20__.parseQuery; },
-/* harmony export */   previewBox: function() { return /* reexport safe */ _print__WEBPACK_IMPORTED_MODULE_21__.previewBox; },
-/* harmony export */   refs: function() { return /* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_24__.refs; },
-/* harmony export */   reset: function() { return /* reexport safe */ _reset__WEBPACK_IMPORTED_MODULE_22__.reset; },
-/* harmony export */   resolveElement: function() { return /* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_24__.resolveElement; },
-/* harmony export */   scrollIntoViewIfNeeded: function() { return /* reexport safe */ _scroll_into_view__WEBPACK_IMPORTED_MODULE_23__.scrollIntoViewIfNeeded; },
-/* harmony export */   set: function() { return /* reexport safe */ _set__WEBPACK_IMPORTED_MODULE_25__.set; }
+/* harmony export */   parseQuery: function() { return /* reexport safe */ _parse_query__WEBPACK_IMPORTED_MODULE_21__.parseQuery; },
+/* harmony export */   previewBox: function() { return /* reexport safe */ _print__WEBPACK_IMPORTED_MODULE_22__.previewBox; },
+/* harmony export */   refs: function() { return /* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_25__.refs; },
+/* harmony export */   reset: function() { return /* reexport safe */ _reset__WEBPACK_IMPORTED_MODULE_23__.reset; },
+/* harmony export */   resolveElement: function() { return /* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_25__.resolveElement; },
+/* harmony export */   scrollIntoViewIfNeeded: function() { return /* reexport safe */ _scroll_into_view__WEBPACK_IMPORTED_MODULE_24__.scrollIntoViewIfNeeded; },
+/* harmony export */   set: function() { return /* reexport safe */ _set__WEBPACK_IMPORTED_MODULE_26__.set; },
+/* harmony export */   wrapMedia: function() { return /* reexport safe */ _media_wrapper__WEBPACK_IMPORTED_MODULE_20__.wrapMedia; }
 /* harmony export */ });
 /* harmony import */ var _align__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16849);
 /* harmony import */ var _append_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(47760);
 /* harmony import */ var _assert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28712);
 /* harmony import */ var _assert__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_assert__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _assert__WEBPACK_IMPORTED_MODULE_2__) if(["default","alignElement","clearAlign","getHAlign","hAlignElement","alreadyLoadedList","appendScriptAsync","appendStyleAsync","loadNext","loadNextStyle"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = function(key) { return _assert__WEBPACK_IMPORTED_MODULE_2__[key]; }.bind(0, __WEBPACK_IMPORT_KEY__)
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _assert__WEBPACK_IMPORTED_MODULE_2__) if(["default","alignElement","clearAlign","getAlignClasses","getHAlign","hAlignElement","alreadyLoadedList","appendScriptAsync","appendStyleAsync","loadNext","loadNextStyle"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = function(key) { return _assert__WEBPACK_IMPORTED_MODULE_2__[key]; }.bind(0, __WEBPACK_IMPORT_KEY__)
 /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 /* harmony import */ var _attr__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7909);
 /* harmony import */ var _browser__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(26136);
@@ -8869,14 +8921,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _human_size_to_bytes__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(37427);
 /* harmony import */ var _is_unsafe_proto_key__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(78048);
 /* harmony import */ var _mark_deprecated__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(49385);
-/* harmony import */ var _parse_query__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(36310);
-/* harmony import */ var _print__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(57075);
-/* harmony import */ var _reset__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(43379);
-/* harmony import */ var _scroll_into_view__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(60898);
-/* harmony import */ var _selector__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(28723);
-/* harmony import */ var _set__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(52144);
-/* harmony import */ var _stack__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(42820);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(71125);
+/* harmony import */ var _media_wrapper__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(83314);
+/* harmony import */ var _parse_query__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(36310);
+/* harmony import */ var _print__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(57075);
+/* harmony import */ var _reset__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(43379);
+/* harmony import */ var _scroll_into_view__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(60898);
+/* harmony import */ var _selector__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(28723);
+/* harmony import */ var _set__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(52144);
+/* harmony import */ var _stack__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(42820);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(71125);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -8911,6 +8964,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 /***/ }),
@@ -8983,6 +9037,77 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ ]);
 
 
+/***/ }),
+
+/***/ 83314:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* 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 jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(23211);
+/*!
+ * 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 helpers/utils
+ */ 
+const isWrapper = (node, wrapper)=>jodit_core_dom_dom__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) {
+    for (const [tag, wrapper] of Object.entries(jodit.o.mediaWrappers ?? {})){
+        if (isWrapper(elm, wrapper)) {
+            const media = elm.querySelector(tag);
+            if (media) {
+                return media;
+            }
+        }
+    }
+    return null;
+}
+/**
+ * The wrapper media keep in the content (see `mediaWrappers`) that is or
+ * holds `node`
+ */ function getMediaWrapper(jodit, node) {
+    return jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.closest(node, (elm)=>Boolean(getWrappedMedia(jodit, elm)), jodit.editor);
+}
+/**
+ * An empty wrapper for media of type `tag` to keep in the content (see
+ * `mediaWrappers`), or null when there is none for it
+ */ function createMediaWrapper(jodit, tag) {
+    const wrapper = jodit.o.mediaWrappers?.[tag.toLowerCase()];
+    if (!wrapper) {
+        return null;
+    }
+    return jodit.createInside.element(wrapper.tag, {
+        class: wrapper.className,
+        contenteditable: false,
+        draggable: true
+    });
+}
+/**
+ * Puts `element` in the wrapper for its type (see `mediaWrappers`), and
+ * returns the wrapper, or `element` when there is none for it
+ */ function wrapMedia(jodit, element) {
+    const wrapper = createMediaWrapper(jodit, element.nodeName);
+    if (!wrapper) {
+        return element;
+    }
+    if (element.parentNode) {
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.before(element, wrapper);
+    }
+    jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.append(wrapper, element);
+    return wrapper;
+}
+
+
 /***/ }),
 
 /***/ 36310:
@@ -11522,9 +11647,9 @@ class Selection {
         if (styles && typeof styles === 'object') {
             (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.css)(image, styles);
         }
-        const { imageDefaultAlign, imageAlignClasses } = this.j.o;
+        const { imageDefaultAlign } = this.j.o;
         if (imageDefaultAlign && imageDefaultAlign !== 'normal') {
-            (0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_7__.hAlignElement)(image, imageDefaultAlign, imageAlignClasses);
+            (0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_7__.hAlignElement)(image, imageDefaultAlign, (0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_7__.getAlignClasses)(this.j, image));
         }
         const onload = ()=>{
             if (image.naturalHeight < image.offsetHeight || image.naturalWidth < image.offsetWidth) {
@@ -24576,6 +24701,7 @@ const INPUT_TAGS = new Set([
     'textarea',
     'select'
 ]);
+const TYPE_AHEAD_TIMEOUT = 1000;
 const FOCUSABLE_SELECTOR = [
     'button:not([disabled])',
     'a[href]',
@@ -24833,11 +24959,55 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.U
                 items[(index + 1) % items.length].focus();
                 break;
             default:
-                return;
+                if (!this.control.list || !this.__typeAhead(e.key, items, index)) {
+                    return;
+                }
         }
         e.preventDefault();
         e.stopPropagation();
     }
+    /**
+	 * The mouse opens a dropdown without taking the focus out of the editor.
+	 * While a dropdown list is open, typing there searches the list, as in an
+	 * open `<select>`, instead of writing into the content
+	 */ __onEditorKeyDown(e) {
+        if (!this.openedPopup || !this.control.list || e.altKey || e.ctrlKey || e.metaKey || !this.__typeAhead(e.key, this.__popupFocusables(), -1)) {
+            return;
+        }
+        e.preventDefault();
+        return false;
+    }
+    /**
+	 * Typing in a dropdown list focuses the next item whose label starts with
+	 * the typed text, whatever their case and accents, and repeating one letter
+	 * cycles through the items that start with it, like the WAI-ARIA menu
+	 * pattern's type-ahead. The typed text starts again after a pause, or once
+	 * the focus has moved on
+	 */ __typeAhead(key, items, index) {
+        const now = Date.now();
+        if (now - this.__typedAt > TYPE_AHEAD_TIMEOUT || items[index] !== this.__typedTo) {
+            this.__typed = '';
+        }
+        if (key.length !== 1 || key === ' ' && !this.__typed) {
+            return false;
+        }
+        this.__typedAt = now;
+        this.__typed += key;
+        this.__typedTo = items[index];
+        const { compare } = new Intl.Collator(undefined, {
+            usage: 'search',
+            sensitivity: 'base'
+        }), typed = this.__typed, cycle = Array.from(typed).every((char)=>compare(char, typed[0]) === 0), prefix = cycle ? typed[0] : typed, start = cycle ? index + 1 : Math.max(index, 0);
+        for(let i = 0; i < items.length; i += 1){
+            const item = items[(start + i) % items.length], label = item.textContent?.trim() ?? '';
+            if (compare(label.slice(0, prefix.length), prefix) === 0) {
+                item.focus();
+                this.__typedTo = item;
+                break;
+            }
+        }
+        return true;
+    }
     /**
 	 * Visible controls of the opened dropdown that can take the focus
 	 */ __popupFocusables() {
@@ -24853,8 +25023,12 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.U
         const controls = this.jodit.options.controls ?? {}, getControl = (key)=>(0,jodit_core_ui_helpers_get_control_type__WEBPACK_IMPORTED_MODULE_20__.findControlType)(key, controls);
         const list = control.list;
         const menu = this.openPopup();
-        const toolbar = (0,_factory__WEBPACK_IMPORTED_MODULE_23__.makeCollection)(this.j);
         menu.parentElement = this;
+        const content = control.popup?.(this.j, this.toolbar?.getTarget(this) ?? this.target ?? null, this.__closePopup, this);
+        if (content) {
+            return this.__openMenu(menu, content);
+        }
+        const toolbar = (0,_factory__WEBPACK_IMPORTED_MODULE_23__.makeCollection)(this.j);
         toolbar.parentElement = menu;
         toolbar.mode = 'vertical';
         const isListItem = (key)=>(0,jodit_core_helpers_checker_is_plain_object__WEBPACK_IMPORTED_MODULE_12__.isPlainObject)(key) && 'title' in key && 'value' in key;
@@ -24902,7 +25076,10 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.U
             return childControl;
         };
         toolbar.build((0,jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_9__.isArray)(list) ? list.map(getButton) : (0,jodit_core_helpers_utils_utils__WEBPACK_IMPORTED_MODULE_18__.keys)(list, false).map((key)=>getButton(key, list[key])), this.target);
-        menu.setContent(toolbar).open(()=>(0,jodit_core_helpers_size__WEBPACK_IMPORTED_MODULE_14__.position)(this.container), false, this.j.o.allowTabNavigation ? this.container : undefined);
+        this.__openMenu(menu, toolbar);
+    }
+    __openMenu(menu, content) {
+        menu.setContent(content).open(()=>(0,jodit_core_helpers_size__WEBPACK_IMPORTED_MODULE_14__.position)(this.container), false, this.j.o.allowTabNavigation ? this.container : undefined);
         this.state.activated = true;
     }
     onOutsideClick(e) {
@@ -24916,7 +25093,7 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.U
     openPopup() {
         this.__closePopup();
         this.openedPopup = new jodit_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_22__.Popup(this.j, false);
-        this.j.e.on(this.ow, 'mousedown touchstart', this.onOutsideClick).on('escape closeAllPopups', this.onOutsideClick).on(this.openedPopup.container, 'keydown', this.__onPopupKeyDown);
+        this.j.e.on(this.ow, 'mousedown touchstart', this.onOutsideClick).on('escape closeAllPopups', this.onOutsideClick).on('keydown', this.__onEditorKeyDown).on(this.openedPopup.container, 'keydown', this.__onPopupKeyDown);
         return this.openedPopup;
     }
     __closePopup() {
@@ -24931,7 +25108,7 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.U
         // popup while the outer `removeChild` is still running and Chrome
         // throws NotFoundError. See #1458
         this.openedPopup = null;
-        this.j.e.off(this.ow, 'mousedown touchstart', this.onOutsideClick).off('escape closeAllPopups', this.onOutsideClick);
+        this.j.e.off(this.ow, 'mousedown touchstart', this.onOutsideClick).off('escape closeAllPopups', this.onOutsideClick).off('keydown', this.__onEditorKeyDown);
         // The keyboard brought the focus into the dropdown: give it back to
         // the button, otherwise it would fall out to the document
         const { activeElement } = this.od, hadFocus = activeElement && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_8__.Dom.isOrContains(popup.container, activeElement);
@@ -24986,12 +25163,12 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.U
         return super.destruct();
     }
     constructor(jodit, control, target = null){
-        super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "control", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "target", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "state", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "trigger", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "openedPopup", void 0), this.control = control, this.target = target, this.state = {
+        super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "control", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "target", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "state", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "trigger", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__typed", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__typedAt", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__typedTo", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "openedPopup", void 0), this.control = control, this.target = target, this.state = {
             ...(0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.UIButtonState)(),
             theme: 'toolbar',
             currentValue: '',
             hasTrigger: false
-        }, this.openedPopup = null;
+        }, this.__typed = '', this.__typedAt = 0, this.__typedTo = null, this.openedPopup = null;
         const button = this.getElm('button');
         (0,jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_16__.assert)(button, 'Element button should exists');
         this.button = button;
@@ -25040,6 +25217,9 @@ class ToolbarButton extends jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_19__.U
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
     jodit_core_decorators_autobind_autobind__WEBPACK_IMPORTED_MODULE_4__.autobind
 ], ToolbarButton.prototype, "__onPopupKeyDown", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    jodit_core_decorators_autobind_autobind__WEBPACK_IMPORTED_MODULE_4__.autobind
+], ToolbarButton.prototype, "__onEditorKeyDown", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
     jodit_core_decorators_autobind_autobind__WEBPACK_IMPORTED_MODULE_4__.autobind
 ], ToolbarButton.prototype, "onOutsideClick", null);
@@ -32432,14 +32612,16 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_1__.pluginSystem.add('focus', focus);
 
 "use strict";
 /* harmony import */ var jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27795);
-/* harmony import */ var jodit_core_helpers_string_trim__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4040);
-/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80991);
-/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29434);
-/* harmony import */ var jodit_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5266);
-/* harmony import */ var _icons_font_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(48842);
-/* harmony import */ var _icons_font_svg__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_icons_font_svg__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _icons_fontsize_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(25501);
-/* harmony import */ var _icons_fontsize_svg__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_icons_fontsize_svg__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17312);
+/* harmony import */ var jodit_core_helpers_string_trim__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4040);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80991);
+/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29434);
+/* harmony import */ var jodit_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5266);
+/* harmony import */ var _icons_font_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(48842);
+/* harmony import */ var _icons_font_svg__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_icons_font_svg__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _icons_fontsize_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(25501);
+/* harmony import */ var _icons_fontsize_svg__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_icons_fontsize_svg__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _font_picker__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(80045);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -32453,11 +32635,18 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_1__.pluginSystem.add('focus', focus);
 
 
 
+
+
 /**
  * Default font-size points
- */ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.defaultFontSizePoints = 'px';
-jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_3__.Icon.set('font', (_icons_font_svg__WEBPACK_IMPORTED_MODULE_5___default())).set('fontsize', (_icons_fontsize_svg__WEBPACK_IMPORTED_MODULE_6___default()));
-jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.fontsize = {
+ */ jodit_config__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.defaultFontSizePoints = 'px';
+jodit_config__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.font = {
+    googleFonts: {
+        url: ''
+    }
+};
+jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_4__.Icon.set('font', (_icons_font_svg__WEBPACK_IMPORTED_MODULE_6___default())).set('fontsize', (_icons_fontsize_svg__WEBPACK_IMPORTED_MODULE_7___default()));
+jodit_config__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.controls.fontsize = {
     command: 'fontsize',
     data: {
         cssRule: 'font-size',
@@ -32502,7 +32691,7 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.fontsize = {
         }
         const control = button.control;
         const cssKey = control.data?.cssRule || 'font-size';
-        const value = (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(box, cssKey);
+        const value = (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.css)(box, cssKey);
         if (cssKey === 'font-size') {
             const numValue = parseFloat(value.toString());
             if (editor.o.defaultFontSizePoints === 'pt') {
@@ -32532,12 +32721,13 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.fontsize = {
         return keySet.has(normalize(value.toString()));
     }
 };
-jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
-    ...jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.fontsize,
+const hadSelection = new WeakSet();
+jodit_config__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.controls.font = {
+    ...jodit_config__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.controls.fontsize,
     command: 'fontname',
     textTemplate: (j, value)=>{
         const [first] = value.split(',');
-        return (0,jodit_core_helpers_string_trim__WEBPACK_IMPORTED_MODULE_1__.trimChars)(first, '"\'');
+        return (0,jodit_core_helpers_string_trim__WEBPACK_IMPORTED_MODULE_2__.trimChars)(first, '"\'');
     },
     list: {
         '': 'Default',
@@ -32559,6 +32749,7 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
         } catch  {}
         return `<span data-style="${key}" style="${isAvailable ? `font-family: ${key}!important;` : ''}">${value}</span>`;
     },
+    popup: (editor, current, close, button)=>editor.o.font.googleFonts.url ? new _font_picker__WEBPACK_IMPORTED_MODULE_8__.UIFontPicker(editor, button, close) : false,
     data: {
         cssRule: 'font-family',
         normalize: (v)=>{
@@ -32567,19 +32758,19 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
     },
     // When no font is explicitly set, the computed font-family equals the
     // editor's own default (e.g. `-apple-system, …`). Return '' so the
-    // button shows the `Default` list entry instead of that raw stack.
-    // See #1370
-    value: (editor)=>{
-        const current = editor.s.current();
-        if (!current) {
-            return;
-        }
-        const box = jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.closest(current, jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isElement, editor.editor);
-        if (!box) {
+    // button shows the list's `Default` entry, when it has one, instead of
+    // that raw stack. See #1370
+    value: (editor, button)=>{
+        const current = editor.s.current(), box = current && jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.closest(current, jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isElement, editor.editor);
+        // Until there is a selection the button shows the editor's own font,
+        // and afterwards the font of the last one
+        if (box) {
+            hadSelection.add(button);
+        } else if (hadSelection.has(button)) {
             return;
         }
-        const value = (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(box, 'font-family').toString();
-        if (value === (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(editor.editor, 'font-family').toString()) {
+        const value = (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.css)(box || editor.editor, 'font-family').toString(), { list } = button.control;
+        if (value === (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.css)(editor.editor, 'font-family').toString() && ((0,jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_1__.isArray)(list) ? list.includes('') : '' in (list ?? {}))) {
             return '';
         }
         return value;
@@ -32588,6 +32779,254 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
 };
 
 
+/***/ }),
+
+/***/ 80045:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UIFontPicker: function() { return /* binding */ UIFontPicker; }
+/* harmony export */ });
+/* harmony import */ var _swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(25045);
+/* harmony import */ var _swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31635);
+/* harmony import */ var jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(91672);
+/* harmony import */ var jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(68616);
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23211);
+/* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28077);
+/* harmony import */ var jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(17312);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7909);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(80991);
+/* harmony import */ var jodit_core_helpers_utils_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(71125);
+/* harmony import */ var jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(96007);
+/* harmony import */ var _google_fonts__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(24939);
+/*!
+ * 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/font
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+const HEADINGS = [
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6'
+];
+const GENERIC_FAMILIES = new Set([
+    'serif',
+    'sans-serif',
+    'monospace',
+    'cursive',
+    'fantasy',
+    'system-ui',
+    'ui-serif',
+    'ui-sans-serif',
+    'ui-monospace',
+    'ui-rounded'
+]);
+/**
+ * A family that names a font, not a generic family or a vendor keyword such
+ * as `-apple-system`
+ */ function isFontName(family) {
+    return Boolean(family) && !family.startsWith('-') && !GENERIC_FAMILIES.has(family);
+}
+class UIFontPicker extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_10__.UIElement {
+    className() {
+        return 'UIFontPicker';
+    }
+    __render() {
+        const { control } = this.__button, { list = {} } = control, listed = (0,jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_6__.isArray)(list) ? list.map((key)=>({
+                value: key.toString(),
+                title: key.toString()
+            })) : (0,jodit_core_helpers_utils_utils__WEBPACK_IMPORTED_MODULE_9__.keys)(list, false).map((key)=>({
+                value: key,
+                title: list[key].toString()
+            })), google = Array.from(this.__googleFonts.fonts.values(), (font)=>({
+                value: this.__googleFonts.value(font),
+                title: font.family,
+                font
+            })), byFamily = new Map();
+        [
+            ...google,
+            ...listed
+        ].forEach((entry)=>byFamily.set((0,_google_fonts__WEBPACK_IMPORTED_MODULE_11__.firstFamily)(entry.value), entry));
+        const theme = new Map(), used = new Map();
+        // The theme's own fonts are listed too, so its body font can be chosen
+        // to take a font off
+        this.__themeFonts().forEach((fontFamily)=>{
+            const family = (0,_google_fonts__WEBPACK_IMPORTED_MODULE_11__.firstFamily)(fontFamily), title = fontFamily.split(',')[0].replace(/["']/g, '').trim(), entry = byFamily.get(family) ?? (isFontName(family) ? {
+                value: fontFamily,
+                title
+            } : undefined);
+            entry && !theme.has(family) && theme.set(family, entry);
+        });
+        this.__usedFonts().forEach((fontFamily)=>{
+            const family = (0,_google_fonts__WEBPACK_IMPORTED_MODULE_11__.firstFamily)(fontFamily), entry = byFamily.get(family);
+            entry && !theme.has(family) && used.set(family, entry);
+        });
+        const defaultEntry = listed.find((entry)=>entry.value === ''), current = (0,_google_fonts__WEBPACK_IMPORTED_MODULE_11__.firstFamily)(control.value?.(this.j, this.__button) ?? '');
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.detach(this.container);
+        this.__fonts.clear();
+        defaultEntry && this.__append(current, [
+            defaultEntry
+        ]);
+        this.__append(current, [
+            ...theme.values()
+        ], 'Theme fonts');
+        this.__append(current, [
+            ...used.values()
+        ], 'Used fonts');
+        this.__append(current, listed.filter((entry)=>entry !== defaultEntry), 'System fonts');
+        this.__append(current, google, 'Google Fonts');
+        this.__observeGoogleFonts();
+    }
+    /**
+	 * The fonts the editor's styles give text and each heading
+	 */ __themeFonts() {
+        const { editor } = this.j, fonts = [
+            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_8__.css)(editor, 'font-family').toString()
+        ];
+        HEADINGS.forEach((tag)=>{
+            const heading = this.j.createInside.element(tag, {
+                style: 'display: none'
+            });
+            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.append(editor, heading);
+            fonts.push((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_8__.css)(heading, 'font-family').toString());
+            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(heading);
+        });
+        return fonts;
+    }
+    /**
+	 * The fonts the content sets
+	 */ __usedFonts() {
+        return Array.from(this.j.editor.querySelectorAll('[style*="font-family"]'), (element)=>element.style.fontFamily);
+    }
+    __append(current, entries, heading) {
+        if (!entries.length) {
+            return;
+        }
+        const { control } = this.__button, group = this.j.c.div(this.getFullElName('group'));
+        if (heading) {
+            const title = this.j.c.div(this.getFullElName('heading'), {
+                id: `${this.getFullElName('heading')}-${(0,jodit_core_global__WEBPACK_IMPORTED_MODULE_5__.uniqueUid)()}`
+            });
+            title.textContent = this.i18n(heading);
+            (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_7__.attr)(group, {
+                role: 'group',
+                'aria-labelledby': title.id
+            });
+            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.append(group, title);
+        }
+        entries.forEach((entry)=>{
+            const item = this.j.c.element('button', {
+                type: 'button',
+                class: this.getFullElName('item'),
+                'data-value': entry.value,
+                'aria-pressed': (0,_google_fonts__WEBPACK_IMPORTED_MODULE_11__.firstFamily)(entry.value) === current
+            });
+            if (entry.font) {
+                item.textContent = entry.title;
+                this.__fonts.set(item, entry.font);
+            } else {
+                item.innerHTML = control.childTemplate?.(this.j, entry.value, entry.title, this.__button) ?? entry.title;
+            }
+            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.append(group, item);
+        });
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.append(this.container, group);
+    }
+    /**
+	 * Shows the names of the Google Fonts in view, and those just below it,
+	 * in their own fonts. Setting every item's font up front would have the
+	 * browser look for each of the library's families among the installed
+	 * fonts the first time the list opens
+	 */ __observeGoogleFonts() {
+        this.j.async.requestAnimationFrame(()=>{
+            this.__observer?.disconnect();
+            if (this.isDestructed || !this.__fonts.size) {
+                return;
+            }
+            const observer = new IntersectionObserver((entries)=>{
+                const fonts = [];
+                entries.forEach(({ isIntersecting, target })=>{
+                    const font = this.__fonts.get(target);
+                    if (isIntersecting && font) {
+                        fonts.push(font);
+                        (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_8__.css)(target, {
+                            fontFamily: this.__googleFonts.value(font)
+                        });
+                        observer.unobserve(target);
+                    }
+                });
+                this.__googleFonts.preview(fonts);
+            }, {
+                root: this.container.parentElement,
+                rootMargin: '0px 0px 400px 0px'
+            });
+            this.__fonts.forEach((_, item)=>observer.observe(item));
+            this.__observer = observer;
+        });
+    }
+    /**
+	 * Keeps the editor's selection, as the toolbar buttons do
+	 */ onMouseDown(e) {
+        e.preventDefault();
+    }
+    onClick(e) {
+        const item = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.up(e.target, (node)=>jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isHTMLElement(node) && node.hasAttribute('data-value'), this.container);
+        if (!item) {
+            return;
+        }
+        const value = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_7__.attr)(item, 'data-value') ?? '', font = this.__googleFonts.find(value), // The font the text has anyway is taken off rather than written
+        inherited = (0,_google_fonts__WEBPACK_IMPORTED_MODULE_11__.firstFamily)(value) === (0,_google_fonts__WEBPACK_IMPORTED_MODULE_11__.firstFamily)(this.__blockFont());
+        font && !inherited && this.__googleFonts.load(font);
+        this.j.execCommand('fontname', false, inherited ? '' : value);
+        this.__close();
+    }
+    /**
+	 * The font the selected text has without a font of its own: its block's
+	 */ __blockFont() {
+        const block = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.up(this.j.s.current(), jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isBlock, this.j.editor);
+        return (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_8__.css)(block ?? this.j.editor, 'font-family').toString();
+    }
+    destruct() {
+        this.__observer?.disconnect();
+        super.destruct();
+    }
+    constructor(jodit, __button, __close){
+        super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__button", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__close", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__googleFonts", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__fonts", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__observer", void 0), this.__button = __button, this.__close = __close, this.__fonts = new Map(), this.__observer = null;
+        this.__googleFonts = jodit.getInstance(_google_fonts__WEBPACK_IMPORTED_MODULE_11__.GoogleFonts);
+        this.__render();
+        if (!this.__googleFonts.fonts.size) {
+            this.__googleFonts.ready.then(()=>!this.isDestructed && this.__render());
+        }
+    }
+}
+;(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_3__.watch)('container:mousedown')
+], UIFontPicker.prototype, "onMouseDown", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_3__.watch)('container:click')
+], UIFontPicker.prototype, "onClick", null);
+UIFontPicker = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_2__.component
+], UIFontPicker);
+
+
 /***/ }),
 
 /***/ 50294:
@@ -32598,6 +33037,7 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
 /* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28077);
 /* harmony import */ var jodit_core_helpers___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65946);
 /* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7433);
+/* harmony import */ var _google_fonts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(24939);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -32609,6 +33049,7 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
  */ 
 
 
+
 /**
  * Process commands `fontsize` and `fontname`
  */ function font(editor) {
@@ -32619,6 +33060,18 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
         name: 'fontsize',
         group: 'font'
     });
+    if (editor.o.font.googleFonts.url) {
+        const googleFonts = editor.getInstance(_google_fonts__WEBPACK_IMPORTED_MODULE_3__.GoogleFonts), loadUsed = editor.async.debounce(()=>googleFonts.loadUsed(), editor.defaultTimeout);
+        googleFonts.ready.then(loadUsed);
+        editor.e.on('afterInit afterSetMode change', loadUsed);
+    }
+    // An iframe's stylesheets can arrive after the toolbar first shows the
+    // editor's font
+    editor.e.on('afterInit', ()=>{
+        editor.iframe && editor.e.on(editor.ed, 'load', ()=>editor.e.fire('updateToolbar'), {
+            capture: true
+        });
+    });
     const callback = (command, second, third)=>{
         switch(command){
             case 'fontsize':
@@ -32648,6 +33101,160 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.font = {
 jodit_core_global__WEBPACK_IMPORTED_MODULE_0__.pluginSystem.add('font', font);
 
 
+/***/ }),
+
+/***/ 24939:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* 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 _swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(25045);
+/* harmony import */ var jodit_core_component_view_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59609);
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(23211);
+/* harmony import */ var jodit_core_request_ajax__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17338);
+/*!
+ * 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/font
+ */ 
+
+
+
+const CSS_URL = 'https://fonts.googleapis.com/css2';
+// `cursive` and `fantasy` stand in badly for a handwriting or display font
+const GENERIC_FAMILIES = {
+    serif: 'serif',
+    monospace: 'monospace'
+};
+const libraries = new Map();
+/**
+ * The fonts of the library at `url`, fetched once for every editor on the page
+ */ function library(jodit, url) {
+    let fonts = libraries.get(url);
+    if (!fonts) {
+        const ajax = new jodit_core_request_ajax__WEBPACK_IMPORTED_MODULE_3__.Ajax({
+            url,
+            method: 'GET'
+        }, jodit.o.defaultAjaxOptions);
+        fonts = ajax.send().then((response)=>response.json())// A font without a regular style can't be asked for by its name alone
+        .then(({ items })=>items.filter((font)=>font.variants.includes('regular'))).catch(()=>{
+            libraries.delete(url);
+            return [];
+        }).finally(()=>ajax.destruct());
+        libraries.set(url, fonts);
+    }
+    return fonts;
+}
+/**
+ * The first family of a `font-family` value, unquoted and in lower case for
+ * comparing
+ */ function firstFamily(fontFamily) {
+    return fontFamily.split(',')[0].replace(/["']/g, '').trim().toLowerCase();
+}
+/**
+ * Loads fonts from Google Fonts: the whole of each font the content uses into
+ * the editor's document, and just the letters of its name for the font list
+ */ class GoogleFonts extends jodit_core_component_view_component__WEBPACK_IMPORTED_MODULE_1__.ViewComponent {
+    className() {
+        return 'GoogleFonts';
+    }
+    /**
+	 * The library's font named first in a `font-family` value
+	 */ find(fontFamily) {
+        return this.fonts.get(firstFamily(fontFamily));
+    }
+    /**
+	 * The `font-family` value that applies a font
+	 */ value(font) {
+        return `'${font.family}', ${GENERIC_FAMILIES[font.category] ?? 'sans-serif'}`;
+    }
+    /**
+	 * Loads the regular, italic, bold and bold italic styles that a font has
+	 * into the editor's document
+	 */ load(font) {
+        const loaded = this.__loadedInto(this.j.ed);
+        if (loaded.has(font.family)) {
+            return;
+        }
+        loaded.add(font.family);
+        const styles = [
+            [
+                'regular',
+                '0,400'
+            ],
+            [
+                '700',
+                '0,700'
+            ],
+            [
+                'italic',
+                '1,400'
+            ],
+            [
+                '700italic',
+                '1,700'
+            ]
+        ].filter(([variant])=>font.variants.includes(variant)).map(([, style])=>style);
+        this.__append(this.j.ed, `family=${this.__family(font)}:ital,wght@${styles.join(';')}`);
+    }
+    /**
+	 * Loads every font of the library that the content uses
+	 */ loadUsed() {
+        this.j.editor.querySelectorAll('[style*="font-family"]').forEach((element)=>{
+            const font = this.find(element.style.fontFamily);
+            font && this.load(font);
+        });
+    }
+    /**
+	 * Loads into the page just the letters of each font's name, so the font
+	 * list can show the name in its font
+	 */ preview(fonts) {
+        const loaded = this.__loadedInto(this.j.od);
+        fonts = fonts.filter((font)=>!this.__previewed.has(font.family) && !loaded.has(font.family));
+        if (!fonts.length) {
+            return;
+        }
+        fonts.forEach((font)=>this.__previewed.add(font.family));
+        const families = fonts.map((font)=>`family=${this.__family(font)}`), letters = new Set(fonts.map((font)=>font.family).join(''));
+        this.__append(this.j.od, `${families.join('&')}&text=${encodeURIComponent([
+            ...letters
+        ].join(''))}`);
+    }
+    __loadedInto(doc) {
+        const loaded = this.__loaded.get(doc) ?? new Set();
+        this.__loaded.set(doc, loaded);
+        return loaded;
+    }
+    __family(font) {
+        return encodeURIComponent(font.family).replace(/%20/g, '+');
+    }
+    __append(doc, query) {
+        const link = doc.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = `${CSS_URL}?${query}&display=swap`;
+        doc.head.appendChild(link);
+        this.__links.push(link);
+    }
+    destruct() {
+        this.__links.forEach((link)=>jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__.Dom.safeRemove(link));
+        super.destruct();
+    }
+    constructor(jodit){
+        super(jodit), /**
+	 * The library by lower-case family, empty until it arrives
+	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "fonts", new Map()), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "ready", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__links", []), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__loaded", new WeakMap()), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__previewed", new Set());
+        this.ready = library(jodit, jodit.o.font.googleFonts.url).then((fonts)=>{
+            fonts.forEach((font)=>this.fonts.set(font.family.toLowerCase(), font));
+        });
+    }
+}
+
+
 /***/ }),
 
 /***/ 96863:
@@ -33900,12 +34507,13 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_4__.pluginSystem.add('imageProperties
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   readValuesFromImage: function() { return /* binding */ readValuesFromImage; }
 /* harmony export */ });
-/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7909);
-/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80991);
-/* harmony import */ var _align__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(26633);
-/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(79310);
-/* harmony import */ var _margin__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(18380);
-/* harmony import */ var _size__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(57339);
+/* harmony import */ var jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16849);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7909);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80991);
+/* harmony import */ var _align__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(26633);
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(79310);
+/* harmony import */ var _margin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18380);
+/* harmony import */ var _size__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(57339);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -33918,32 +34526,33 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_4__.pluginSystem.add('imageProperties
 
 
 
+
 /**
  * Read values from image and set it to state
  * @private
  */ async function readValuesFromImage(j, state) {
     const { sourceImage: image, values } = state;
-    (0,_align__WEBPACK_IMPORTED_MODULE_2__.readAlign)(image, values, j.o.imageAlignClasses);
+    (0,_align__WEBPACK_IMPORTED_MODULE_3__.readAlign)(image, values, (0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_0__.getAlignClasses)(j, image));
     // Border radius
-    values.borderRadius = parseInt((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_1__.cssInline)(image, 'border-radius') || '0', 10) || 0;
+    values.borderRadius = parseInt((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.cssInline)(image, 'border-radius') || '0', 10) || 0;
     // Id
-    values.id = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'id') || '';
+    values.id = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'id') || '';
     // Title
-    values.imageTitle = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'title') || '';
+    values.imageTitle = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'title') || '';
     // Alt
-    values.imageAlt = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'alt') || '';
+    values.imageAlt = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'alt') || '';
     // Style
-    values.style = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'style') || '';
+    values.style = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'style') || '';
     // Classes
-    values.classes = ((0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'class') || '').replace(/jodit_focused_image[\s]*/, '');
+    values.classes = ((0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'class') || '').replace(/jodit_focused_image[\s]*/, '');
     // Margins
-    (0,_margin__WEBPACK_IMPORTED_MODULE_4__.readMargins)(image, values, state);
+    (0,_margin__WEBPACK_IMPORTED_MODULE_5__.readMargins)(image, values, state);
     // Link
-    (0,_link__WEBPACK_IMPORTED_MODULE_3__.readLink)(state, j, values);
+    (0,_link__WEBPACK_IMPORTED_MODULE_4__.readLink)(state, j, values);
     // Src
-    values.imageSrc = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__.attr)(image, 'src') || '';
+    values.imageSrc = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'src') || '';
     // Image size
-    return (0,_size__WEBPACK_IMPORTED_MODULE_5__.readSizes)(image, values, state);
+    return (0,_size__WEBPACK_IMPORTED_MODULE_6__.readSizes)(image, values, state);
 }
 
 
@@ -34964,7 +35573,7 @@ UIImagePositionTab = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__
         (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'id', id || null);
     }
     if (opt.image.editAlign) {
-        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.hAlignElement)(image, align, j.o.imageAlignClasses);
+        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.hAlignElement)(image, align, (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.getAlignClasses)(j, image));
     }
 }
 
@@ -35794,6 +36403,7 @@ const cmd = (control)=>control.args && (0,jodit_core_helpers_checker__WEBPACK_IM
 /* harmony import */ var jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(85932);
 /* harmony import */ var jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16849);
 /* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80991);
+/* harmony import */ var jodit_core_helpers_utils_media_wrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83314);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -35804,9 +36414,7 @@ const cmd = (control)=>control.args && (0,jodit_core_helpers_checker__WEBPACK_IM
 
 
 
-// Images align with `imageAlignClasses`; the wrappers of iframes and media
-// keep inline styles
-const alignClasses = (editor, elm)=>jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, 'img') ? editor.o.imageAlignClasses : null;
+
 // A Normal image sits where the text of its line is aligned (#1531)
 const lineAlign = (editor, elm)=>{
     const block = elm && jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.closest(elm, jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isBlock, editor.editor) || editor.editor;
@@ -35827,7 +36435,7 @@ const lineAlign = (editor, elm)=>{
             return 'left';
     }
 };
-const currentAlign = (editor, elm)=>elm ? (0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_2__.getHAlign)(elm, alignClasses(editor, elm)) : 'normal';
+const currentAlign = (editor, elm)=>elm ? (0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_2__.getHAlign)(elm, (0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_2__.getAlignClasses)(editor, elm)) : 'normal';
 const align = {
     name: 'left',
     childTemplate: (_, __, value)=>value,
@@ -35847,23 +36455,25 @@ const align = {
         return (0,jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_1__.isString)(value) && currentAlign(editor, button.target) === value.toLowerCase();
     },
     exec: (editor, elm, { control })=>{
-        if (!jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, new Set([
+        // A media wrapper kept in the content (`mediaWrappers`) is aligned itself
+        if (!jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isHTMLElement(elm) || !jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, new Set([
             'img',
             'jodit',
             'jodit-media'
-        ]))) {
+        ])) && (0,jodit_core_helpers_utils_media_wrapper__WEBPACK_IMPORTED_MODULE_4__.getMediaWrapper)(editor, elm) !== elm) {
             return;
         }
         const command = control.args && (0,jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_1__.isString)(control.args[0]) ? control.args[0].toLowerCase() : '';
         if (!command) {
             return false;
         }
-        ;(0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_2__.hAlignElement)(elm, command, alignClasses(editor, elm));
+        ;(0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_2__.hAlignElement)(elm, command, (0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_2__.getAlignClasses)(editor, elm));
         if (jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, new Set([
             'jodit',
             'jodit-media'
         ])) && elm.firstElementChild) {
-            (0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_2__.hAlignElement)(elm.firstElementChild, command);
+            const media = elm.firstElementChild;
+            (0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_2__.hAlignElement)(media, command, (0,jodit_core_helpers_utils_align__WEBPACK_IMPORTED_MODULE_2__.getAlignClasses)(editor, media));
         }
         editor.synchronizeValues();
         editor.e.fire('recalcPositionPopup');
@@ -36015,9 +36625,11 @@ const align = {
         return (0,jodit_modules_toolbar_factory__WEBPACK_IMPORTED_MODULE_9__.makeCollection)(this.jodit, this.popup);
     }
     onClick(node) {
-        const elements = this.elmsList, target = jodit_core_dom__WEBPACK_IMPORTED_MODULE_3__.Dom.isTag(node, 'img') ? node : jodit_core_dom__WEBPACK_IMPORTED_MODULE_3__.Dom.closest(node, elements, this.j.editor);
-        if (target && this.canShowPopupForType(target.nodeName.toLowerCase())) {
-            this.showPopup(()=>(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.position)(target, this.j), target.nodeName.toLowerCase(), target);
+        const elements = this.elmsList, mediaWrapper = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.getMediaWrapper)(this.j, node), target = mediaWrapper ?? (jodit_core_dom__WEBPACK_IMPORTED_MODULE_3__.Dom.isTag(node, 'img') ? node : jodit_core_dom__WEBPACK_IMPORTED_MODULE_3__.Dom.closest(node, elements, this.j.editor));
+        // A media wrapper kept in the content gets the media popup
+        const type = mediaWrapper ? 'jodit-media' : target?.nodeName.toLowerCase();
+        if (target && type && this.canShowPopupForType(type)) {
+            this.showPopup(()=>(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.position)(target, this.j), type, target);
             return false;
         }
     }
@@ -36200,7 +36812,11 @@ const align = {
         this.removeListenersForElements();
     }
     _eventsList() {
-        const el = this.elmsList;
+        // Clicks on a media wrapper kept in the content (`mediaWrappers`)
+        const wrapperTags = Object.values(this.j.o.mediaWrappers ?? {}).map(({ tag })=>tag.toLowerCase());
+        const el = [
+            ...new Set(this.elmsList.concat(wrapperTags))
+        ];
         return el.map((e)=>(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.camelCase)(`click_${e}`)).concat(el.map((e)=>(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.camelCase)(`touchstart_${e}`))).join(' ');
     }
     addListenersForElements() {
@@ -37738,6 +38354,7 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaBlocks = [
     'video',
     'audio'
 ];
+jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaWrappers = {};
 
 
 /***/ }),
@@ -37771,11 +38388,13 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaBlocks = [
  * Process `video` and `audio`
  */ function media(editor) {
     const keyFake = 'jodit_fake_wrapper';
-    const { mediaFakeTag, mediaBlocks, mediaInFakeBlock } = editor.options;
+    const { mediaFakeTag, mediaBlocks, mediaInFakeBlock, mediaWrappers } = editor.options;
     const wrap = (element)=>{
         if (element.parentNode && (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_3__.attr)(element.parentNode, 'data-jodit_iframe_wrapper')) {
             element = element.parentNode;
-        } else {
+        } else if (mediaWrappers[element.nodeName.toLowerCase()]) {
+            element = (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_3__.getMediaWrapper)(editor, element) ?? (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_3__.wrapMedia)(editor, element);
+        } else if (mediaInFakeBlock) {
             const wrapper = editor.createInside.element(mediaFakeTag, {
                 'data-jodit-temp': 1,
                 contenteditable: false,
@@ -37793,12 +38412,14 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaBlocks = [
             }
             jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__.Dom.append(wrapper, element);
             element = wrapper;
+        } else {
+            return;
         }
         editor.e.off(element, 'mousedown.select touchstart.select').on(element, 'mousedown.select touchstart.select', ()=>{
             editor.s.setCursorAfter(element);
         });
     };
-    if (mediaInFakeBlock) {
+    if (mediaInFakeBlock || Object.keys(mediaWrappers).length) {
         editor.e.on('afterGetValueFromEditor', (data)=>{
             const rxp = new RegExp(`<${mediaFakeTag}[^>]+data-${keyFake}[^>]+>([^]+?)</${mediaFakeTag}>`, 'ig');
             if (rxp.test(data.value)) {
@@ -45454,14 +46075,32 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_5__.pluginSystem.add('toolbarNavigati
 
 
 
+// Media the popup inserts go in their wrapper (see `mediaWrappers`), aligned
+// with `mediaDefaultAlign`
+function prepareMedia(jodit, element) {
+    const media = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.wrapMedia)(jodit, element);
+    const { mediaDefaultAlign } = jodit.o;
+    if (mediaDefaultAlign && mediaDefaultAlign !== 'normal') {
+        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.hAlignElement)(media, mediaDefaultAlign, (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.getAlignClasses)(jodit, media));
+    }
+    return media;
+}
 function insertVideos(data) {
     data.files?.forEach((file)=>{
-        this.s.insertNode(this.createInside.element('video', {
+        this.s.insertNode(prepareMedia(this, this.createInside.element('video', {
             controls: '',
             src: data.baseurl + file
-        }));
+        })));
     });
 }
+// Embed code that is one element is prepared as media; other code goes in as
+// it is
+function prepareEmbedCode(jodit, code) {
+    const box = jodit.createInside.div();
+    box.innerHTML = code.trim();
+    const element = box.firstElementChild;
+    return element && box.childNodes.length === 1 ? prepareMedia(jodit, element) : code;
+}
 jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.video = {
     parseUrlToVideoEmbed: jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.convertMediaUrlToVideoEmbed,
     defaultWidth: 400,
@@ -45499,7 +46138,7 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.video = {
             ])
         ]), tabs = [], insertCode = (code)=>{
             jodit.s.restore();
-            jodit.s.insertHTML(code);
+            jodit.s.insertHTML(prepareEmbedCode(jodit, code));
             close();
         };
         jodit.s.save();