jodit 4.18.3 → 4.18.4

package/es2021.en/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.18.3
+ * Version: v4.18.4
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -733,28 +733,18 @@ let ConfigPrototype = {};
 	 * them unaligned
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "imageDefaultAlign", 'normal');
         /**
-	 * 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. 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', 'centered']
-	 *   }
-	 * });
-	 * ```
+	 * @deprecated Use `alignClasses.img`, which takes the same value. When
+	 * `alignClasses.img` isn't set, the editor copies this into it.
 	 */ (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.
+	 * Class names to align elements with, by tag name, instead of an inline
+	 * `float` or `margin`: `img`, and `video`, `audio` and `iframe` in the
+	 * media popup. Aligning an element removes every class listed for its tag
+	 * and adds the 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. 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 = {
@@ -764,7 +754,15 @@ let ConfigPrototype = {};
 	 * };
 	 *
 	 * Jodit.make('#editor', {
-	 *   alignClasses: { video: media, iframe: media }
+	 *   alignClasses: {
+	 *     img: {
+	 *       left: 'align-left',
+	 *       right: 'align-right',
+	 *       center: ['align-center', 'centered']
+	 *     },
+	 *     video: media,
+	 *     iframe: media
+	 *   }
 	 * });
 	 * ```
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "alignClasses", {});
@@ -1824,7 +1822,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.18.3";
+ */ const APP_VERSION = "4.18.4";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -7628,7 +7626,7 @@ const classSets = (value)=>((0,jodit_core_helpers_checker_is_array__WEBPACK_IMPO
 /**
  * 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
+ * `jodit-media`)
  */ function getAlignClasses(jodit, elm) {
     if (!elm) {
         return null;
@@ -7637,8 +7635,7 @@ const classSets = (value)=>((0,jodit_core_helpers_checker_is_array__WEBPACK_IMPO
         '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);
+    return jodit.o.alignClasses?.[(media ?? elm).nodeName.toLowerCase()] ?? null;
 }
 /**
  * Align image, with `classes` (see `alignClasses`) instead of inline styles
@@ -17923,6 +17920,18 @@ const __defaultClassesKey = 'data-jodit-default-classes';
 const NOEDIT = {
     contenteditable: false
 };
+/**
+ * The editor's options, with the deprecated `imageAlignClasses` copied into
+ * `alignClasses.img` when that isn't set
+ */ function makeOptions(options) {
+    const opt = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.ConfigProto)(options || {}, jodit_config__WEBPACK_IMPORTED_MODULE_9__.Config.defaultOptions);
+    if (opt.imageAlignClasses && !opt.alignClasses?.img) {
+        opt.alignClasses = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.ConfigProto)({
+            img: opt.imageAlignClasses
+        }, opt.alignClasses);
+    }
+    return opt;
+}
 class Jodit extends jodit_modules__WEBPACK_IMPORTED_MODULE_10__.ViewWithToolbar {
     /** @override */ className() {
         return 'Jodit';
@@ -18691,7 +18700,7 @@ class Jodit extends jodit_modules__WEBPACK_IMPORTED_MODULE_10__.ViewWithToolbar
     // do nothing
     }
     /** @override **/ initOptions(options) {
-        this.options = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.ConfigProto)(options || {}, jodit_config__WEBPACK_IMPORTED_MODULE_9__.Config.defaultOptions);
+        this.options = makeOptions(options);
     }
     /** @override **/ initOwners() {
         // in iframe, it can be changed
@@ -18805,7 +18814,7 @@ class Jodit extends jodit_modules__WEBPACK_IMPORTED_MODULE_10__.ViewWithToolbar
                 right: rightSlot
             },
             statusbar: new jodit_modules__WEBPACK_IMPORTED_MODULE_10__.StatusBar(this, container),
-            options: this.isReady ? (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.ConfigProto)(options || {}, jodit_config__WEBPACK_IMPORTED_MODULE_9__.Config.defaultOptions) : this.options,
+            options: this.isReady ? makeOptions(options) : this.options,
             history: new jodit_modules__WEBPACK_IMPORTED_MODULE_10__.History(this),
             editorWindow: this.ow
         };
@@ -33843,6 +33852,11 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.imageProcessor = {
 const JODIT_IMAGE_PROCESSOR_BINDED = '__jodit_imageprocessor_binded';
 const JODIT_IMAGE_BLOB_ID = JODIT_IMAGE_PROCESSOR_BINDED + 'blob-id';
 const IMAGE_SELECTED = 'jodit-wysiwyg_image-selected';
+const SELECTED_TAGS = new Set([
+    'img',
+    'jodit',
+    'jodit-media'
+]);
 /**
  * Change editor's size after load all images
  */ class imageProcessor extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_6__.Plugin {
@@ -33884,7 +33898,10 @@ const IMAGE_SELECTED = 'jodit-wysiwyg_image-selected';
     }
     /**
 	 * While the selection is an image, only the image is highlighted: Safari
-	 * paints the rest of a block image's line with its parent's highlight. See #1528
+	 * paints the rest of a block image's line with its parent's highlight. See #1528.
+	 * Media in a wrapper (`jodit-media`, the resizer's `jodit` for an embed, or
+	 * one from `mediaWrappers`) isn't highlighted either, as Safari paints its
+	 * wrapper's whole line, and its resize frame shows it's selected
 	 */ onSelectionChange() {
         const { jodit } = this;
         jodit.editor.classList.toggle(IMAGE_SELECTED, isImageSelected(jodit));
@@ -33937,7 +33954,8 @@ function isImageSelected(jodit) {
         return false;
     }
     const { startContainer, startOffset, endContainer, endOffset } = sel.getRangeAt(0);
-    return startContainer === endContainer && endOffset === startOffset + 1 && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_3__.Dom.isTag(startContainer.childNodes[startOffset], 'img') && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_3__.Dom.isOrContains(jodit.editor, startContainer);
+    const node = startContainer.childNodes[startOffset];
+    return startContainer === endContainer && endOffset === startOffset + 1 && (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_3__.Dom.isTag(node, SELECTED_TAGS) || Boolean((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.getWrappedMedia)(jodit, node))) && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_3__.Dom.isOrContains(jodit.editor, startContainer);
 }
 /**
  * Remove the invisible-space text beside an image, which only held a caret.
@@ -35845,9 +35863,10 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('indent', indent
 /* harmony import */ var jodit_plugins_table_keyboard_navigation_table_keyboard_navigation__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(30110);
 /* harmony import */ var jodit_plugins_toolbar_navigation_toolbar_navigation__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(74192);
 /* harmony import */ var jodit_plugins_video_video__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(34142);
-/* harmony import */ var jodit_plugins_wrap_nodes_wrap_nodes__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(22980);
-/* harmony import */ var jodit_plugins_dtd_dtd__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(56894);
-/* harmony import */ var jodit_plugins_xpath_xpath__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(52014);
+/* harmony import */ var jodit_plugins_video_properties_video_properties__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(40878);
+/* harmony import */ var jodit_plugins_wrap_nodes_wrap_nodes__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(22980);
+/* harmony import */ var jodit_plugins_dtd_dtd__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(56894);
+/* harmony import */ var jodit_plugins_xpath_xpath__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(52014);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -35920,6 +35939,7 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('indent', indent
 
 
 
+
 
 
 /***/ }),
@@ -36182,6 +36202,12 @@ const cmd = (control)=>control.args && (0,jodit_core_helpers_checker__WEBPACK_IM
  * @module plugins/inline-popup
  */ 
 /* harmony default export */ __webpack_exports__["default"] = ([
+    {
+        name: 'replace',
+        icon: 'video',
+        tooltip: 'Replace',
+        popup: (editor, target, close)=>target ? editor.e.fire('generateReplaceVideoTabs', target, close) : undefined
+    },
     {
         name: 'bin',
         tooltip: 'Delete',
@@ -36189,6 +36215,13 @@ const cmd = (control)=>control.args && (0,jodit_core_helpers_checker__WEBPACK_IM
             image && editor.s.removeNode(image);
         }
     },
+    {
+        name: 'pencil',
+        tooltip: 'Edit',
+        exec: (editor, target)=>{
+            target && editor.e.fire('openVideoProperties', target);
+        }
+    },
     _img__WEBPACK_IMPORTED_MODULE_0__.align
 ]);
 
@@ -37850,6 +37883,7 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaWrappers = {};
         } 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 media = element;
             const wrapper = editor.createInside.element(mediaFakeTag, {
                 'data-jodit-temp': 1,
                 contenteditable: false,
@@ -37857,11 +37891,17 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.mediaWrappers = {};
                 [`data-${keyFake}`]: 1
             });
             (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_3__.attr)(wrapper, 'style', (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_3__.attr)(element, 'style'));
-            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_4__.css)(wrapper, {
-                display: (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_4__.cssInline)(element, 'display') === 'inline-block' ? 'inline-block' : 'block',
-                width: element.offsetWidth,
-                height: element.offsetHeight
-            });
+            // The wrapper fits the media, whose size changes as its metadata loads
+            // and as it's resized. A percentage width is of the line, so it takes that
+            const fit = ()=>{
+                (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_4__.css)(wrapper, {
+                    display: (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_4__.cssInline)(media, 'display') === 'inline-block' ? 'inline-block' : 'block',
+                    width: (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_4__.cssInline)(media, 'width').endsWith('%') ? '' : 'fit-content',
+                    height: ''
+                });
+            };
+            fit();
+            editor.e.on(media, 'changesize', fit);
             if (element.parentNode) {
                 jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__.Dom.before(element, wrapper);
             }
@@ -40091,7 +40131,8 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.allowResizeTags = new
     'img',
     'iframe',
     'table',
-    'jodit'
+    'jodit',
+    'video'
 ]);
 jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.resizer = {
     showSize: true,
@@ -40100,7 +40141,8 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.resizer = {
     min_width: 10,
     min_height: 10,
     useAspectRatio: new Set([
-        'img'
+        'img',
+        'video'
     ])
 };
 
@@ -40154,6 +40196,12 @@ const keyBInd = '__jodit-resizer_binded';
     }
     return parseFloat(value);
 }
+/**
+ * A video with no height of its own takes it from its width and its ratio,
+ * so resizing it keeps the ratio without setting a height.
+ */ function heightFollowsWidth(element) {
+    return jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(element, 'video') && !(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.attr)(element, 'height') && !(0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_7__.cssInline)(element, 'height');
+}
 /**
  * The module creates a supporting frame for resizing of the elements img and table
  */ class resizer extends jodit_core_plugin_plugin__WEBPACK_IMPORTED_MODULE_8__.Plugin {
@@ -40181,14 +40229,26 @@ const keyBInd = '__jodit-resizer_binded';
         let node = e.target;
         const { editor, options: { allowResizeTags } } = this.j;
         while(node && node !== editor){
-            if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(node, allowResizeTags)) {
-                this.__bind(node);
-                this.onClickElement(node);
+            const element = this.__resizable(node);
+            if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(element, allowResizeTags)) {
+                this.__bind(element);
+                this.onClickElement(element);
                 return;
             }
             node = node.parentNode;
         }
     }
+    /**
+	 * What a click on `node` resizes: the media in it when it's a media
+	 * wrapper (`jodit-media`, or one from `mediaWrappers`), or `node` itself
+	 */ __resizable(node) {
+        const media = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.getWrappedMedia)(this.j, node) ?? (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isHTMLElement(node) && (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.attr)(node, 'data-jodit_fake_wrapper') ? node.firstElementChild : null);
+        if (!media) {
+            return node;
+        }
+        // An embed is resized through its own wrapper
+        return jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isHTMLElement(media.parentNode) && (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.attr)(media.parentNode, 'data-jodit_iframe_wrapper') ? media.parentNode : media;
+    }
     __afterInsertImage(image) {
         if (this.j.o.resizer.forImageChangeAttributes) {
             return;
@@ -40205,17 +40265,15 @@ const keyBInd = '__jodit-resizer_binded';
             if (this.isShown && (e.key === jodit_core_constants__WEBPACK_IMPORTED_MODULE_2__.KEY_DELETE || e.key === jodit_core_constants__WEBPACK_IMPORTED_MODULE_2__.KEY_BACKSPACE) && this.element && !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(this.element, 'table')) {
                 this.onDelete(e);
             }
-        }).on(editor.ow, 'resize.resizer', this.updateSize).on('resize.resizer', this.updateSize).on([
+        }).on(editor.ow, 'resize.resizer', this.updateSize).on('resize.resizer', this.updateSize)// The frame is outside the content, so it's moved to follow the
+        // element as the content scrolls
+        .on([
             editor.ow,
             editor.editor
-        ], 'scroll.resizer', ()=>{
-            if (this.isShown && !this.isResizeMode) {
-                this.hide();
-            }
-        }).on(editor.ow, 'keydown.resizer', this.onKeyDown).on(editor.ow, 'keyup.resizer', this.onKeyUp).on(editor.ow, 'mouseup.resizer touchend.resizer', this.onClickOutside);
+        ], 'scroll.resizer', this.updateSize).on(editor.ow, 'keydown.resizer', this.onKeyDown).on(editor.ow, 'keyup.resizer', this.onKeyUp).on(editor.ow, 'mouseup.resizer touchend.resizer', this.onClickOutside);
     }
     onStartResizing(resizeHandle, e) {
-        if (!this.element || !this.element.parentNode) {
+        if (!this.element || !this.isElementInEditor) {
             this.hide();
             return false;
         }
@@ -40268,7 +40326,8 @@ const keyBInd = '__jodit-resizer_binded';
             const className = this.handle.className;
             let new_w, new_h;
             const uar = this.j.o.resizer.useAspectRatio;
-            if (!this.isAltMode && (uar === true || uar && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(this.element, uar))) {
+            const keepRatio = !this.isAltMode && (uar === true || Boolean(uar && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(this.element, uar)));
+            if (keepRatio) {
                 if (diff_x) {
                     new_w = this.width + (className.match(/left/) ? -1 : 1) * diff_x;
                     new_h = Math.round(new_w / this.ratio);
@@ -40291,7 +40350,7 @@ const keyBInd = '__jodit-resizer_binded';
                     this.applySize(this.element, 'width', '100%');
                 }
             }
-            if (new_h > this.j.o.resizer.min_height) {
+            if (new_h > this.j.o.resizer.min_height && !(keepRatio && heightFollowsWidth(this.element))) {
                 this.applySize(this.element, 'height', new_h);
             }
             this.updateSize();
@@ -40337,10 +40396,19 @@ const keyBInd = '__jodit-resizer_binded';
             (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.css)(element, key, value);
         }
     }
+    /**
+	 * The framed element can go with a wrapper round it, keeping its parent
+	 */ get isElementInEditor() {
+        return Boolean(this.element && this.j.editor.contains(this.element));
+    }
     onDelete(e) {
         if (!this.element) {
             return;
         }
+        if (!this.isElementInEditor) {
+            this.hide();
+            return;
+        }
         if (this.element.tagName !== 'JODIT') {
             this.j.s.select(this.element);
         } else {
@@ -40351,7 +40419,7 @@ const keyBInd = '__jodit-resizer_binded';
     }
     __onChangeEditor() {
         if (this.isShown) {
-            if (!this.element || !this.element.parentNode) {
+            if (!this.isElementInEditor) {
                 this.hide();
             } else {
                 this.updateSize();
@@ -40449,9 +40517,13 @@ const keyBInd = '__jodit-resizer_binded';
             return;
         }
         this.isShown = true;
+        if (this.layer.parentNode !== this.j.workplace) {
+            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.markOwner)(this.j, this.layer);
+            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.append(this.j.workplace, this.layer);
+        }
         if (!this.rect.parentNode) {
             (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.markOwner)(this.j, this.rect);
-            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.append(this.j.workplace, this.rect);
+            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.append(this.layer, this.rect);
         }
         if (this.j.isFullSize) {
             (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.css)(this.rect, 'zIndex', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.css)(this.j.container, 'zIndex').toString());
@@ -40471,6 +40543,7 @@ const keyBInd = '__jodit-resizer_binded';
     }
     beforeDestruct(jodit) {
         this.hide();
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(this.layer);
         jodit_core_global__WEBPACK_IMPORTED_MODULE_5__.eventEmitter.off('hideHelpers', this.hide);
         jodit.e.off(this.j.ow, '.resizer').off('.resizer');
     }
@@ -40481,7 +40554,8 @@ const keyBInd = '__jodit-resizer_binded';
 				<div class="jodit-resizer__bottom-right"></div>
 				<div class="jodit-resizer__bottom-left"></div>
 				<span>100x100</span>
-			</div>`)), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "sizeViewer", this.rect.getElementsByTagName('span')[0]), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "pointerX", 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "pointerY", 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "isAltMode", false), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "onClickElement", (element)=>{
+			</div>`)), // Clips the frame to the workplace, without the frame making it scroll
+        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "layer", this.j.c.div('jodit-resizer-layer')), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "sizeViewer", this.rect.getElementsByTagName('span')[0]), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "pointerX", 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "pointerY", 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "isAltMode", false), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "onClickElement", (element)=>{
             if (this.isResizeMode) {
                 return;
             }
@@ -40491,6 +40565,9 @@ const keyBInd = '__jodit-resizer_binded';
                 if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(this.element, 'img') && !this.element.complete) {
                     this.j.e.one(this.element, 'load', this.updateSize);
                 }
+                if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(this.element, 'video') && this.element.readyState < HTMLMediaElement.HAVE_METADATA) {
+                    this.j.e.one(this.element, 'loadedmetadata', this.updateSize);
+                }
             }
         }), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "updateSize", ()=>{
             if (this.isInDestruct || !this.isShown) {
@@ -44893,10 +44970,732 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_5__.pluginSystem.add('toolbarNavigati
 
 /***/ }),
 
-/***/ 48899:
+/***/ 39057:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   editedMedia: function() { return /* binding */ editedMedia; },
+/* harmony export */   ownSize: function() { return /* binding */ ownSize; },
+/* harmony export */   readValues: function() { return /* binding */ readValues; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(23211);
+/* harmony import */ var jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(70222);
+/* 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_plugins_image_properties_utils_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10808);
+/*!
+ * 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/video-properties
+ */ 
+
+
+
+
+const mediaSelector = 'video, audio, iframe';
+/**
+ * The media `target` is, or holds as its wrapper (`jodit-media`, the resizer's
+ * `jodit` for an embed, or one from `mediaWrappers`)
+ * @private
+ */ function editedMedia(target) {
+    return target.matches(mediaSelector) ? target : target.querySelector(mediaSelector);
+}
+/**
+ * The size `media` is given, inline or by its attribute
+ * @private
+ */ function ownSize(media, key) {
+    return (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__.cssInline)(media, key) || (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__.attr)(media, key) || '';
+}
+const toNumber = (value)=>parseFloat(value.toString());
+/**
+ * Read the media's values into the state
+ * @private
+ */ function readValues(state) {
+    const { media, values } = state;
+    const width = ownSize(media, 'width');
+    const height = ownSize(media, 'height');
+    values.width = width ? (0,jodit_plugins_image_properties_utils_utils__WEBPACK_IMPORTED_MODULE_4__.normalSizeFromString)(width) : media.offsetWidth;
+    values.height = height ? (0,jodit_plugins_image_properties_utils_utils__WEBPACK_IMPORTED_MODULE_4__.normalSizeFromString)(height) : '';
+    if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(media, 'video') && media.videoWidth) {
+        state.ratio = media.videoWidth / media.videoHeight;
+    } else if ((0,jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_1__.isNumeric)(values.width) && (0,jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_1__.isNumeric)(values.height)) {
+        state.ratio = toNumber(values.width) / toNumber(values.height);
+    } else {
+        state.ratio = media.offsetWidth / media.offsetHeight || 1;
+    }
+    // One with no height takes it from its width
+    if (!height && (0,jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_1__.isNumeric)(values.width)) {
+        values.height = Math.round(toNumber(values.width) / state.ratio);
+    }
+    state.sizeIsLocked = (0,jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_1__.isNumeric)(values.width) && (0,jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_1__.isNumeric)(values.height) && (!height || Math.abs(toNumber(values.width) - toNumber(values.height) * state.ratio) < 1);
+    values.poster = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_2__.attr)(media, 'poster') || '';
+    values.autoplay = media.hasAttribute('autoplay');
+    values.loop = media.hasAttribute('loop');
+    // Autoplay's own: turning it off gives the sound back
+    values.muted = media.hasAttribute('muted') && !values.autoplay;
+    // Without Autoplay it keeps its controls, or it could never be played
+    values.controls = media.hasAttribute('controls') || !values.autoplay;
+}
+
+
+/***/ }),
+
+/***/ 25001:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   replaceMedia: function() { return /* binding */ replaceMedia; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(23211);
+/* 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 _readers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(39057);
+/* harmony import */ var _writers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94893);
+/*!
+ * 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/video-properties
+ */ 
+
+
+
+
+/**
+ * Give `media`, in `outer`, the classes, inline styles, size and playback
+ * settings of `old`, in `oldOuter`. It keeps its own source and poster.
+ */ function takeOver(j, oldOuter, old, outer, media) {
+    const state = {
+        target: oldOuter,
+        media: old,
+        ratio: 1,
+        sizeIsLocked: true,
+        values: {
+            width: '',
+            height: '',
+            poster: '',
+            autoplay: false,
+            loop: false,
+            muted: false,
+            controls: true
+        }
+    };
+    (0,_readers__WEBPACK_IMPORTED_MODULE_3__.readValues)(state);
+    const pairs = [
+        [
+            old,
+            media
+        ]
+    ];
+    // A wrapper kept in the content, which holds the alignment
+    if (oldOuter !== old && outer !== media && oldOuter.nodeName === outer.nodeName) {
+        pairs.push([
+            oldOuter,
+            outer
+        ]);
+    }
+    pairs.forEach(([from, to])=>{
+        [
+            'class',
+            'style'
+        ].forEach((name)=>(0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(to, name, (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(from, name)));
+    });
+    // A video's size is CSS and an embed's its attributes, so the writer sizes
+    // one that's a different element
+    if (old.nodeName !== media.nodeName) {
+        (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(media, {
+            width: null,
+            height: null
+        });
+        if (!(0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(media, 'style')?.trim()) {
+            (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(media, 'style', null);
+        }
+    }
+    state.media = media;
+    state.values.poster = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(media, 'poster') || '';
+    (0,_writers__WEBPACK_IMPORTED_MODULE_4__.applyValues)(j, state, Boolean((0,_readers__WEBPACK_IMPORTED_MODULE_3__.ownSize)(old, 'width') || (0,_readers__WEBPACK_IMPORTED_MODULE_3__.ownSize)(old, 'height')));
+}
+/**
+ * Run `insert`, which inserts media at the cursor, with the cursor after
+ * `replaced`, and put what it inserts in place of `replaced`
+ * @private
+ */ function replaceMedia(j, replaced, insert) {
+    const inserted = [];
+    const collect = (node)=>{
+        inserted.push(node);
+    };
+    j.history.snapshot.transaction(()=>{
+        j.s.focus();
+        j.s.setCursorAfter(replaced);
+        j.e.on('afterInsertNode', collect);
+        try {
+            insert();
+        } finally{
+            j.e.off('afterInsertNode', collect);
+        }
+        const [outer] = inserted;
+        if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isHTMLElement(outer)) {
+            return;
+        }
+        const old = (0,_readers__WEBPACK_IMPORTED_MODULE_3__.editedMedia)(replaced);
+        const media = (0,_readers__WEBPACK_IMPORTED_MODULE_3__.editedMedia)(outer);
+        if (old && media) {
+            takeOver(j, replaced, old, outer, media);
+        }
+        // The resizer can have put an embed in its own wrapper already
+        const placed = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isHTMLElement(outer.parentElement) && (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(outer.parentElement, 'data-jodit-temp') ? outer.parentElement : outer;
+        // Where the old one was, since media Jodit counts as blocks can be put
+        // after the paragraph
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.before(replaced, placed);
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.safeRemove(replaced);
+        j.s.setCursorAfter(placed);
+    });
+    j.synchronizeValues();
+    j.e.fire('closeAllPopups');
+}
+
+
+/***/ }),
+
+/***/ 83533:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UIVideoPropertiesForm: function() { return /* binding */ UIVideoPropertiesForm; }
+/* 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_hook_hook__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29200);
+/* harmony import */ var jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68616);
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(23211);
+/* harmony import */ var jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(70222);
+/* 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_ui_element__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(96007);
+/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(29434);
+/*!
+ * 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/video-properties
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+const flags = {
+    autoplay: 'Autoplay',
+    loop: 'Loop',
+    muted: 'Muted',
+    controls: 'Controls'
+};
+const checkbox = ([flag, label])=>`<label class="jodit_vertical_middle">
+		<input type="checkbox" class="jodit-checkbox &__${flag}"/>
+		<span>~${label}~</span>
+	</label>`;
+class UIVideoPropertiesForm extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_9__.UIElement {
+    className() {
+        return 'UIVideoPropertiesForm';
+    }
+    render() {
+        return `<form>
+			<div class="jodit-form__group &__previewBox">
+				<img class="&__preview" alt=""/>
+			</div>
+			<div class="jodit-form__group &__sizes">
+				<input type="text" class="jodit-input &__width" placeholder="~Width~" aria-label="~Width~"/>
+				<a class="&__lockSize">*lock*</a>
+				<input type="text" class="jodit-input &__height" placeholder="~Height~" aria-label="~Height~"/>
+			</div>
+			<div class="jodit-form__group &__editPoster">
+				<label>~Poster~</label>
+				<div class="jodit-input_group">
+					<input type="text" class="jodit-input &__poster" placeholder="https://"/>
+					<div class="jodit-input_group-buttons">
+						<a class="jodit-button &__changePoster" title="~Upload~">*image*</a>
+						<a class="jodit-button &__removePoster" title="~Remove~">*bin*</a>
+					</div>
+				</div>
+			</div>
+			<div class="jodit-form__group &__playback">
+				${Object.entries(flags).map(checkbox).join('')}
+			</div>
+		</form>`;
+    }
+    input(name) {
+        return this.getElm(name);
+    }
+    show(name, shown) {
+        ;(0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_8__.css)(this.getElm(name), 'display', shown ? null : 'none');
+    }
+    /**
+	 * A video has every field, an embed only its size, and audio only its
+	 * playback settings
+	 */ onStateMediaChange() {
+        const { media } = this.state;
+        this.show('editPoster', jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_5__.Dom.isTag(media, 'video'));
+        this.show('sizes', !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_5__.Dom.isTag(media, 'audio'));
+        this.show('playback', !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_5__.Dom.isTag(media, 'iframe'));
+        this.showPreview();
+    }
+    // A video's poster, when it has one
+    showPreview() {
+        const { media, values } = this.state;
+        const shown = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_5__.Dom.isTag(media, 'video') && Boolean(values.poster);
+        this.show('previewBox', shown);
+        (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_7__.attr)(this.getElm('preview'), 'src', shown ? values.poster : null);
+    }
+    hideChangePoster() {
+        const { uploader, filebrowser } = this.j.o;
+        // What FileSelectorWidget offers
+        const canUpload = uploader.showTabInFileSelector !== false && Boolean(uploader.url || uploader.insertImageAsBase64URI || uploader.customUploadFunction);
+        const canBrowse = Boolean(filebrowser.ajax.url || filebrowser.items.url);
+        this.show('changePoster', canUpload || canBrowse);
+    }
+    onStatePosterChange() {
+        const { poster } = this.state.values;
+        this.input('poster').value = poster;
+        this.show('removePoster', Boolean(poster));
+        this.showPreview();
+    }
+    onPosterChange() {
+        this.state.values.poster = this.input('poster').value;
+    }
+    onChangePosterClick(e) {
+        this.handlers.openPosterPopup(this.getElm('changePoster'));
+        e.stopPropagation();
+    }
+    onRemovePosterClick() {
+        this.state.values.poster = '';
+    }
+    onStateSizeIsLockedChange() {
+        this.getElm('lockSize').innerHTML = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_10__.Icon.get(this.state.sizeIsLocked ? 'lock' : 'unlock');
+    }
+    onLockSizeClick() {
+        const { state } = this;
+        const { values } = state;
+        state.sizeIsLocked = !state.sizeIsLocked;
+        if (state.sizeIsLocked && (0,jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_6__.isNumeric)(values.width)) {
+            values.height = Math.round(parseFloat(values.width.toString()) / state.ratio);
+        }
+    }
+    onStateSizeChange() {
+        const { values } = this.state;
+        // Not the field being typed in
+        [
+            'width',
+            'height'
+        ].forEach((key)=>{
+            const input = this.input(key);
+            if (input !== this.j.od.activeElement) {
+                input.value = values[key].toString();
+            }
+        });
+    }
+    onSizeInput(e) {
+        const { state } = this;
+        const { values } = state;
+        // Both read first, since setting one rewrites the other's field
+        const width = this.input('width').value;
+        const height = this.input('height').value;
+        if (!state.sizeIsLocked || !(0,jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_6__.isNumeric)(width) || !(0,jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_6__.isNumeric)(height)) {
+            values.width = width;
+            values.height = height;
+            return;
+        }
+        const w = parseFloat(width);
+        const h = parseFloat(height);
+        if (e.target === this.input('width')) {
+            values.width = w;
+            values.height = Math.round(w / state.ratio);
+        } else {
+            values.width = Math.round(h * state.ratio);
+            values.height = h;
+        }
+    }
+    /**
+	 * Autoplay mutes it, and it keeps its controls unless it autoplays
+	 */ onStateFlagsChange() {
+        const { values } = this.state;
+        this.input('autoplay').checked = values.autoplay;
+        this.input('loop').checked = values.loop;
+        this.input('muted').checked = values.muted || values.autoplay;
+        this.input('muted').disabled = values.autoplay;
+        this.input('controls').checked = values.controls || !values.autoplay;
+        this.input('controls').disabled = !values.autoplay;
+    }
+    onFlagChange(e) {
+        Object.keys(flags).forEach((flag)=>{
+            const input = this.input(flag);
+            if (e.target === input) {
+                this.state.values[flag] = input.checked;
+            }
+        });
+    }
+    constructor(jodit, state, handlers){
+        super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "state", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "handlers", void 0), this.state = state, this.handlers = handlers;
+    }
+}
+;(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_3__.hook)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__.watch)('state.media')
+], UIVideoPropertiesForm.prototype, "onStateMediaChange", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_3__.hook)('ready')
+], UIVideoPropertiesForm.prototype, "hideChangePoster", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_3__.hook)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__.watch)('state.values.poster')
+], UIVideoPropertiesForm.prototype, "onStatePosterChange", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__.watch)('poster:change')
+], UIVideoPropertiesForm.prototype, "onPosterChange", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__.watch)('changePoster:click')
+], UIVideoPropertiesForm.prototype, "onChangePosterClick", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__.watch)('removePoster:click')
+], UIVideoPropertiesForm.prototype, "onRemovePosterClick", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_3__.hook)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__.watch)('state.sizeIsLocked')
+], UIVideoPropertiesForm.prototype, "onStateSizeIsLockedChange", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__.watch)('lockSize:click')
+], UIVideoPropertiesForm.prototype, "onLockSizeClick", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_3__.hook)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__.watch)([
+        'state.values.width',
+        'state.values.height'
+    ])
+], UIVideoPropertiesForm.prototype, "onStateSizeChange", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__.watch)([
+        'width:input',
+        'height:input',
+        'width:change',
+        'height:change'
+    ])
+], UIVideoPropertiesForm.prototype, "onSizeInput", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_3__.hook)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__.watch)(Object.keys(flags).map((flag)=>`state.values.${flag}`))
+], UIVideoPropertiesForm.prototype, "onStateFlagsChange", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_4__.watch)(Object.keys(flags).map((flag)=>`${flag}:change`))
+], UIVideoPropertiesForm.prototype, "onFlagChange", null);
+UIVideoPropertiesForm = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_2__.component
+], UIVideoPropertiesForm);
+
+
+/***/ }),
+
+/***/ 40878:
 /***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
 
 "use strict";
+/* unused harmony export videoProperties */
+/* 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__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(84839);
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(23211);
+/* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28077);
+/* harmony import */ var jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(17312);
+/* harmony import */ var jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(23599);
+/* harmony import */ var jodit_core_helpers_utils_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(71125);
+/* harmony import */ var jodit_core_plugin_plugin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18855);
+/* harmony import */ var jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(59400);
+/* harmony import */ var jodit_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(51116);
+/* harmony import */ var jodit_modules_widget_file_selector_file_selector__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(18762);
+/* harmony import */ var _ui_ui_video_form__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(83533);
+/* harmony import */ var _readers__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(39057);
+/* harmony import */ var _replace__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(25001);
+/* harmony import */ var _writers__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(94893);
+/* harmony import */ var jodit_plugins_video_config__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(48899);
+/*!
+ * 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
+ */ /**
+ * [[include:plugins/video-properties/README.md]]
+ * @packageDocumentation
+ * @module plugins/video-properties
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Show a dialog with the size, poster and playback settings of a video, an
+ * embed or audio. The media popup's Edit button opens it:
+ *
+ * ```javascript
+ * editor.events.fire('openVideoProperties', video);
+ * ```
+ */ class videoProperties extends jodit_core_plugin_plugin__WEBPACK_IMPORTED_MODULE_8__.Plugin {
+    get __size() {
+        const { width, height } = this.state.values;
+        return `${width}x${height}`;
+    }
+    get form() {
+        return new _ui_ui_video_form__WEBPACK_IMPORTED_MODULE_12__.UIVideoPropertiesForm(this.j, this.state, {
+            openPosterPopup: (target)=>this.__openPosterPopup(target)
+        });
+    }
+    get dialog() {
+        const { j } = this;
+        const dialog = j.dlg({
+            minWidth: Math.min(400, screen.width),
+            buttons: [
+                'dialog.close'
+            ]
+        });
+        const buttons = this.__buttons;
+        buttons.check.onAction(()=>{
+            (0,_writers__WEBPACK_IMPORTED_MODULE_15__.applyValues)(j, this.state, this.__size !== this.__readSize);
+            j.synchronizeValues();
+            dialog.close();
+        });
+        buttons.remove.onAction(()=>{
+            j.s.removeNode(this.state.target);
+            dialog.close();
+        });
+        buttons.cancel.onAction(()=>{
+            dialog.close();
+        });
+        dialog.setContent(this.form);
+        dialog.setFooter([
+            [
+                buttons.cancel,
+                buttons.remove
+            ],
+            buttons.check
+        ]);
+        (0,jodit_core_helpers_utils_utils__WEBPACK_IMPORTED_MODULE_7__.markOwner)(j, dialog.container);
+        return dialog;
+    }
+    get __buttons() {
+        const { j } = this;
+        return {
+            check: (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_9__.Button)(j, 'ok', 'Apply', 'primary'),
+            remove: (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_9__.Button)(j, 'bin', 'Delete'),
+            cancel: (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_9__.Button)(j, 'cancel', 'Cancel')
+        };
+    }
+    /**
+	 * Open the dialog for the media `target` is, or is the wrapper of
+	 */ open(target) {
+        const media = (0,_readers__WEBPACK_IMPORTED_MODULE_13__.editedMedia)(target);
+        if (!media) {
+            return;
+        }
+        this.state.target = target;
+        this.state.media = media;
+        (0,_readers__WEBPACK_IMPORTED_MODULE_13__.readValues)(this.state);
+        this.__readSize = this.__size;
+        this.dialog.setHeader(this.j.i18n(jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_3__.Dom.isTag(media, 'audio') ? 'Audio properties' : 'Video properties'));
+        this.dialog.open().setModal(true).setPosition();
+    }
+    /**
+	 * The video popup's tabs for the media popup's Replace: what they insert
+	 * takes the place of the media `target` is, or is the wrapper of
+	 */ onGenerateReplaceVideoTabs(target, close) {
+        return (0,jodit_plugins_video_config__WEBPACK_IMPORTED_MODULE_16__.videoTabs)(this.j, close, (insert)=>(0,_replace__WEBPACK_IMPORTED_MODULE_14__.replaceMedia)(this.j, target, insert));
+    }
+    __openPosterPopup(button) {
+        const { j, state } = this;
+        const popup = new jodit_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_10__.Popup(this.dialog);
+        const close = ()=>{
+            popup.close();
+            popup.destruct();
+        };
+        popup.setContent((0,jodit_modules_widget_file_selector_file_selector__WEBPACK_IMPORTED_MODULE_11__.FileSelectorWidget)(j, {
+            upload: (data)=>{
+                if (data.files && data.files.length) {
+                    state.values.poster = data.baseurl + data.files[0];
+                }
+                close();
+            },
+            filebrowser: (data)=>{
+                if ((0,jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_5__.isArray)(data.files) && data.files.length) {
+                    state.values.poster = data.files[0];
+                    close();
+                }
+            }
+        }, null, close)).open(()=>(0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_6__.position)(button));
+    }
+    /** @override */ afterInit() {}
+    /** @override */ beforeDestruct() {
+        Object.values((0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.cached)(this, '__buttons') ?? {}).forEach((b)=>b.destruct());
+        (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.cached)(this, 'dialog')?.destruct();
+        (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.cached)(this, 'form')?.destruct();
+    }
+    constructor(...args){
+        super(...args), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "state", {
+            target: this.j.c.element('video'),
+            media: this.j.c.element('video'),
+            ratio: 1,
+            sizeIsLocked: true,
+            values: {
+                width: '',
+                height: '',
+                poster: '',
+                autoplay: false,
+                loop: false,
+                muted: false,
+                controls: true
+            }
+        }), // The size as it was read, so an unchanged one isn't written
+        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__readSize", '');
+    }
+}
+;(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.cache
+], videoProperties.prototype, "form", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.cache
+], videoProperties.prototype, "dialog", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.cache
+], videoProperties.prototype, "__buttons", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.watch)(':openVideoProperties')
+], videoProperties.prototype, "open", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.watch)(':generateReplaceVideoTabs')
+], videoProperties.prototype, "onGenerateReplaceVideoTabs", null);
+jodit_core_global__WEBPACK_IMPORTED_MODULE_4__.pluginSystem.add('videoProperties', videoProperties);
+
+
+/***/ }),
+
+/***/ 94893:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   applyValues: function() { return /* binding */ applyValues; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(23211);
+/* 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 _readers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(39057);
+/* harmony import */ var jodit_plugins_image_properties_utils_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10808);
+/*!
+ * 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/video-properties
+ */ 
+
+
+
+
+const cssSize = (value)=>value === '' ? null : (0,jodit_plugins_image_properties_utils_utils__WEBPACK_IMPORTED_MODULE_4__.normalSizeToString)(value);
+// Sizes go on as the resizer writes them: an embed takes them as attributes,
+// and a video as CSS, without a height while its ratio is kept, if it had none
+function applySize(j, state) {
+    const { media, values } = state;
+    if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(media, 'iframe')) {
+        [
+            'width',
+            'height'
+        ].forEach((key)=>{
+            (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(media, key, values[key] === '' ? null : values[key]);
+            if ((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.cssInline)(media, key)) {
+                (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(media, key, cssSize(values[key]));
+            }
+        });
+        // The resizer's frame for an embed
+        const wrapper = media.parentElement;
+        if (wrapper && (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(wrapper, 'data-jodit_iframe_wrapper')) {
+            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(wrapper, {
+                width: media.offsetWidth,
+                height: media.offsetHeight
+            });
+        }
+        return;
+    }
+    const heightFollowsWidth = state.sizeIsLocked && !(0,_readers__WEBPACK_IMPORTED_MODULE_3__.ownSize)(media, 'height');
+    (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__.css)(media, {
+        width: cssSize(values.width),
+        height: heightFollowsWidth ? null : cssSize(values.height)
+    });
+    if (!(0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(media, 'style')?.trim()) {
+        (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(media, 'style', null);
+    }
+    j.e.fire(media, 'changesize');
+}
+function setFlag(media, name, on) {
+    if (media.hasAttribute(name) !== on) {
+        (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(media, name, on ? '' : null);
+    }
+}
+/**
+ * Apply the dialog's values to the media
+ * @private
+ */ function applyValues(j, state, sizeChanged) {
+    const { media, values } = state;
+    if (sizeChanged && !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(media, 'audio')) {
+        applySize(j, state);
+    }
+    if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(media, 'iframe')) {
+        return;
+    }
+    if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(media, 'video')) {
+        (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__.attr)(media, 'poster', values.poster || null);
+    }
+    // Browsers only autoplay muted media, and playsinline keeps an iPhone from
+    // playing it full screen
+    setFlag(media, 'autoplay', values.autoplay);
+    setFlag(media, 'muted', values.autoplay || values.muted);
+    setFlag(media, 'loop', values.loop);
+    setFlag(media, 'controls', values.controls || !values.autoplay);
+    if (values.autoplay && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(media, 'video')) {
+        setFlag(media, 'playsinline', true);
+    }
+}
+
+
+/***/ }),
+
+/***/ 48899:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   videoTabs: function() { return /* binding */ videoTabs; }
+/* harmony export */ });
 /* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(65946);
 /* harmony import */ var jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59400);
 /* harmony import */ var jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5658);
@@ -44933,75 +45732,84 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.video = {
     defaultHandlerSuccess: insertVideos
 };
 jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_3__.Icon.set('video', (_video_svg__WEBPACK_IMPORTED_MODULE_6___default()));
-jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.video = {
-    popup: (jodit, current, close)=>{
-        const formLink = new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIForm(jodit, [
-            new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIBlock(jodit, [
-                new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIInput(jodit, {
-                    name: 'url',
-                    required: true,
-                    label: 'URL',
-                    placeholder: 'https://',
-                    validators: [
-                        'url'
-                    ]
-                })
-            ]),
-            new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIBlock(jodit, [
-                (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_1__.Button)(jodit, '', 'Insert', 'primary').onAction(()=>formLink.submit())
-            ])
-        ]), formCode = new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIForm(jodit, [
-            new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIBlock(jodit, [
-                new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UITextArea(jodit, {
-                    name: 'code',
-                    required: true,
-                    label: 'Embed code'
-                })
-            ]),
-            new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIBlock(jodit, [
-                (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_1__.Button)(jodit, '', 'Insert', 'primary').onAction(()=>formCode.submit())
-            ])
-        ]), tabs = [], insertCode = (code)=>{
-            jodit.s.restore();
-            jodit.s.insertHTML((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.prepareEmbedCode)(jodit, code));
-            close();
-        };
+/**
+ * The video popup's tabs: Upload, when the uploader is configured, then Link
+ * and Code. `insert` runs what a tab inserts, which by default goes in at the
+ * selection the popup was opened with.
+ */ function videoTabs(jodit, close, insert) {
+    const run = insert ?? ((fn)=>{
+        jodit.s.restore();
+        fn();
+    });
+    const formLink = new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIForm(jodit, [
+        new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIBlock(jodit, [
+            new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIInput(jodit, {
+                name: 'url',
+                required: true,
+                label: 'URL',
+                placeholder: 'https://',
+                validators: [
+                    'url'
+                ]
+            })
+        ]),
+        new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIBlock(jodit, [
+            (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_1__.Button)(jodit, '', 'Insert', 'primary').onAction(()=>formLink.submit())
+        ])
+    ]), formCode = new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIForm(jodit, [
+        new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIBlock(jodit, [
+            new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UITextArea(jodit, {
+                name: 'code',
+                required: true,
+                label: 'Embed code'
+            })
+        ]),
+        new jodit_core_ui_form__WEBPACK_IMPORTED_MODULE_2__.UIBlock(jodit, [
+            (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_1__.Button)(jodit, '', 'Insert', 'primary').onAction(()=>formCode.submit())
+        ])
+    ]), tabs = [], insertCode = (code)=>{
+        run(()=>jodit.s.insertHTML((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.prepareEmbedCode)(jodit, code)));
+        close();
+    };
+    if (!insert) {
         jodit.s.save();
-        const { uploader } = jodit.o;
-        // Base64 alone would put whole video files into the content
-        if (uploader.showTabInFileSelector !== false && (uploader.url || uploader.customUploadFunction)) {
-            tabs.push((0,jodit_modules_widget__WEBPACK_IMPORTED_MODULE_5__.UploadTab)(jodit, (data)=>{
-                jodit.s.restore();
-                (jodit.o.video?.defaultHandlerSuccess ?? insertVideos).call(jodit, data);
-            }, {
-                label: 'Drop file',
-                accept: 'video/*'
-            }));
-        }
-        tabs.push({
-            icon: 'link',
-            name: 'Link',
-            content: formLink.container
+    }
+    const { uploader } = jodit.o;
+    // Base64 alone would put whole video files into the content
+    if (uploader.showTabInFileSelector !== false && (uploader.url || uploader.customUploadFunction)) {
+        tabs.push((0,jodit_modules_widget__WEBPACK_IMPORTED_MODULE_5__.UploadTab)(jodit, (data)=>{
+            run(()=>(jodit.o.video?.defaultHandlerSuccess ?? insertVideos).call(jodit, data));
         }, {
-            icon: 'source',
-            name: 'Code',
-            content: formCode.container
-        });
-        formLink.onSubmit((data)=>{
-            insertCode((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.call)(jodit.o.video?.parseUrlToVideoEmbed ?? jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.convertMediaUrlToVideoEmbed, data.url, {
-                width: jodit.o.video?.defaultWidth,
-                height: jodit.o.video?.defaultHeight
-            }));
-        });
-        formCode.onSubmit((data)=>{
-            insertCode(data.code);
-        });
-        const box = (0,jodit_modules_widget__WEBPACK_IMPORTED_MODULE_5__.TabsWidget)(jodit, tabs);
-        // Its tabs are sized to their labels, as the file selector's are, since
-        // "Upload" doesn't fit a third of the popup
-        box.classList.add('jodit-file-selector');
-        return box;
-    },
+            label: 'Drop file',
+            accept: 'video/*'
+        }));
+    }
+    tabs.push({
+        icon: 'link',
+        name: 'Link',
+        content: formLink.container
+    }, {
+        icon: 'source',
+        name: 'Code',
+        content: formCode.container
+    });
+    formLink.onSubmit((data)=>{
+        insertCode((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.call)(jodit.o.video?.parseUrlToVideoEmbed ?? jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.convertMediaUrlToVideoEmbed, data.url, {
+            width: jodit.o.video?.defaultWidth,
+            height: jodit.o.video?.defaultHeight
+        }));
+    });
+    formCode.onSubmit((data)=>{
+        insertCode(data.code);
+    });
+    const box = (0,jodit_modules_widget__WEBPACK_IMPORTED_MODULE_5__.TabsWidget)(jodit, tabs);
+    // Its tabs are sized to their labels, as the file selector's are, since
+    // "Upload" doesn't fit a third of the popup
+    box.classList.add('jodit-file-selector');
+    return box;
+}
+jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.controls.video = {
+    popup: (jodit, current, close)=>videoTabs(jodit, close),
     tags: [
         'iframe'
     ],
@@ -45517,7 +46325,7 @@ module.exports["default"] = {"Type something":"Start writing...","pencil":"Edit"
 /***/ 53414:
 /***/ (function(module) {
 
-module.exports["default"] = [" URL","--Not Set--","About Jodit","Add column","Add folder","Add row","Advanced","Align","Align Center","Align Justify","Align Left","Align Right","All","Alternative","Alternative text","Anchor","Apply","Are you sure?","Background","Bold","Border","Border radius","Bottom","Break","Browse","Buy full version","Cancel","Center","Change mode","Chars: %d","Choose Content to Paste","Circle","Class name","Classes","Clean","Clear Formatting","Code","Copy selection","Copyright © XDSoft.net - Chupurnov Valeriy. All rights reserved.","Create directory","Crop","Cut selection","Decrease Indent","Default","Delete","Delete column","Delete row","Delete table","Dot","Drop file","Drop image","Edit","Edit image","Edit link","Embed code","Empty cell","Enter Directory name","Enter new name","Error on load folders","Error on load list","Eye","File Browser","Fill color or set the text color","Filter","Find","Find Next","Find Previous","Font family","Font size","For information about the license, please go to our website:","Free Non-commercial Version","Heading 1","Heading 2","Heading 3","Heading 4","Height","Horizontal align","Image","Image properties","Increase Indent","Insert","Insert Horizontal Line","Insert Image","Insert Ordered List","Insert Special Character","Insert Unordered List","Insert as Text","Insert className","Insert column after","Insert column before","Insert file","Insert format block","Insert link","Insert only Text","Insert row above","Insert row below","Insert table","Insert youtube/vimeo video","Interim Results","Italic","Jodit Editor","Jodit User's Guide","Keep","Keep Aspect Ratio","Left","License: %s","Line height","Link","List view","Lower Alpha","Lower Greek","Lower Roman","Margins","Merge","Middle","No","No follow","Normal","Ok","Open in fullsize","Open in new tab","Open link","Open link in new tab","Paint format","Paste","Paste as HTML","Paste from clipboard","Please enter a web address","Please fill out this field","Press Alt for custom resizing","Print","Quadrate","Quote","Redo","Remove","Remove file","Rename","Replace","Replace with","Reset","Resize","Right","Save","Save as ...","Search for","Select","Select %s","Select Special Character","Select all","Select file","Show all","Sort by changed","Sort by name","Sort by size","Sound","Speech Recognize","Spellcheck","Split","Split horizontal","Split vertical","Src","Strike through","Styles","Text","The image has been successfully uploaded to the host!","The pasted content is coming from a Microsoft Word/Excel document. Do you want to keep the format or clean it up?","There are no files","Tiles view","Title","Top","Type something","Underline","Undo","Unlink","Update","Update file list","Upload","Upload file","Upper Alpha","Upper Roman","Vertical align","Width","Word Paste Detected","Words: %d","Yes","You can only edit your own images. Download this image on the host?","Your browser doesn't support direct access to the clipboard.","Your code is similar to HTML. Keep as HTML?","about","apply","bold","bottom","brush","circle","contains detailed help for using","copy","cut","default","delete","dot","download","edit","eraser","file","font","fontsize","fullsize","hr","image","indent","italic","left","link","newline","ol","or click","outdent","palette","paragraph","pencil","preview","print","redo","right","selectall","shrink","sound","source","space","spellcheck","square","strikethrough","subscript","superscript","table","top","type dir name","type name","ul","underline","undo","video"]
+module.exports["default"] = [" URL","--Not Set--","About Jodit","Add column","Add folder","Add row","Advanced","Align","Align Center","Align Justify","Align Left","Align Right","All","Alternative","Alternative text","Anchor","Apply","Are you sure?","Audio properties","Autoplay","Background","Bold","Border","Border radius","Bottom","Break","Browse","Buy full version","Cancel","Center","Change mode","Chars: %d","Choose Content to Paste","Circle","Class name","Classes","Clean","Clear Formatting","Code","Controls","Copy selection","Copyright © XDSoft.net - Chupurnov Valeriy. All rights reserved.","Create directory","Crop","Cut selection","Decrease Indent","Default","Delete","Delete column","Delete row","Delete table","Dot","Drop file","Drop image","Edit","Edit image","Edit link","Embed code","Empty cell","Enter Directory name","Enter new name","Error on load folders","Error on load list","Eye","File Browser","Fill color or set the text color","Filter","Find","Find Next","Find Previous","Font family","Font size","For information about the license, please go to our website:","Free Non-commercial Version","Heading 1","Heading 2","Heading 3","Heading 4","Height","Horizontal align","Image","Image properties","Increase Indent","Insert","Insert Horizontal Line","Insert Image","Insert Ordered List","Insert Special Character","Insert Unordered List","Insert as Text","Insert className","Insert column after","Insert column before","Insert file","Insert format block","Insert link","Insert only Text","Insert row above","Insert row below","Insert table","Insert youtube/vimeo video","Interim Results","Italic","Jodit Editor","Jodit User's Guide","Keep","Keep Aspect Ratio","Left","License: %s","Line height","Link","List view","Loop","Lower Alpha","Lower Greek","Lower Roman","Margins","Merge","Middle","Muted","No","No follow","Normal","Ok","Open in fullsize","Open in new tab","Open link","Open link in new tab","Paint format","Paste","Paste as HTML","Paste from clipboard","Please enter a web address","Please fill out this field","Poster","Press Alt for custom resizing","Print","Quadrate","Quote","Redo","Remove","Remove file","Rename","Replace","Replace with","Reset","Resize","Right","Save","Save as ...","Search for","Select","Select %s","Select Special Character","Select all","Select file","Show all","Sort by changed","Sort by name","Sort by size","Sound","Speech Recognize","Spellcheck","Split","Split horizontal","Split vertical","Src","Strike through","Styles","Text","The image has been successfully uploaded to the host!","The pasted content is coming from a Microsoft Word/Excel document. Do you want to keep the format or clean it up?","There are no files","Tiles view","Title","Top","Type something","Underline","Undo","Unlink","Update","Update file list","Upload","Upload file","Upper Alpha","Upper Roman","Vertical align","Video properties","Width","Word Paste Detected","Words: %d","Yes","You can only edit your own images. Download this image on the host?","Your browser doesn't support direct access to the clipboard.","Your code is similar to HTML. Keep as HTML?","about","apply","bold","bottom","brush","circle","contains detailed help for using","copy","cut","default","delete","dot","download","edit","eraser","file","font","fontsize","fullsize","hr","image","indent","italic","left","link","newline","ol","or click","outdent","palette","paragraph","pencil","preview","print","redo","right","selectall","shrink","sound","source","space","spellcheck","square","strikethrough","subscript","superscript","table","top","type dir name","type name","ul","underline","undo","video"]
 
 /***/ }),