jodit 4.18.3 → 4.18.6

package/esm/plugins/resizer/resizer.js

@@ -17,10 +17,13 @@ import * as consts from "../../core/constants.js";
 import { IS_ES_NEXT, IS_IE, KEY_ALT } from "../../core/constants.js";
 import { autobind, watch } from "../../core/decorators/index.js";
 import { Dom } from "../../core/dom/dom.js";
-import { eventEmitter, pluginSystem } from "../../core/global.js";
-import { $$, attr, css, dataBind, innerWidth, markOwner, offset } from "../../core/helpers/index.js";
+import { eventEmitter, getContainer, pluginSystem } from "../../core/global.js";
+import { $$, attr, css, dataBind, getWrappedMedia, innerWidth, markOwner, offset } from "../../core/helpers/index.js";
 import { cssInline } from "../../core/helpers/utils/css.js";
 import { Plugin } from "../../core/plugin/plugin.js";
+import { isMoved } from "../../core/selection/helpers/index.js";
+import { UIElement } from "../../core/ui/index.js";
+import { Popup } from "../../core/ui/popup/index.js";
 import "./config.js";
 const keyBInd = '__jodit-resizer_binded';
 /**
@@ -36,6 +39,26 @@ function attrPixelSize(element, key) {
     }
     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 (Dom.isTag(element, 'video') &&
+        !attr(element, 'height') &&
+        !cssInline(element, 'height'));
+}
+const IFRAME_WRAPPER = '[data-jodit_iframe_wrapper]';
+/**
+ * A click on an embed lands on its wrapper, so it selects the embed, until the
+ * wrapper is active. While the editor is locked, as during resizing, the
+ * wrapper takes the mouse again.
+ */
+const EMBED_WRAPPER_STYLE = `${IFRAME_WRAPPER}{position:relative;display:block;user-select:none}` +
+    `${IFRAME_WRAPPER} iframe{position:relative}` +
+    `${IFRAME_WRAPPER}::after{position:absolute;z-index:1;display:block;background:transparent;content:'';cursor:pointer;inset:0}` +
+    `${IFRAME_WRAPPER}[data-jodit-wrapper_active=true] iframe{z-index:2}` +
+    `.jodit_lock ${IFRAME_WRAPPER}[data-jodit-wrapper_active=true] iframe{z-index:1}`;
 /**
  * The module creates a supporting frame for resizing of the elements img and table
  */
@@ -58,9 +81,13 @@ export class resizer extends Plugin {
 				<div class="jodit-resizer__bottom-left"></div>
 				<span>100x100</span>
 			</div>`);
+        // Clips the frame to the workplace, without the frame making it scroll
+        this.layer = this.j.c.div('jodit-resizer-layer');
         this.sizeViewer = this.rect.getElementsByTagName('span')[0];
         this.pointerX = 0;
         this.pointerY = 0;
+        this.__keyDownRange = null;
+        this.__keyDownTable = null;
         this.isAltMode = false;
         this.onClickElement = (element) => {
             if (this.isResizeMode) {
@@ -72,6 +99,10 @@ export class resizer extends Plugin {
                 if (Dom.isTag(this.element, 'img') && !this.element.complete) {
                     this.j.e.one(this.element, 'load', this.updateSize);
                 }
+                if (Dom.isTag(this.element, 'video') &&
+                    this.element.readyState < HTMLMediaElement.HAVE_METADATA) {
+                    this.j.e.one(this.element, 'loadedmetadata', this.updateSize);
+                }
             }
         };
         this.updateSize = () => {
@@ -108,6 +139,9 @@ export class resizer extends Plugin {
     }
     /** @override */
     afterInit(editor) {
+        // It goes in the editing document, so iframe mode has it whatever `iframeStyle` holds
+        getContainer(editor, 'resizer', 'style', true).textContent =
+            EMBED_WRAPPER_STYLE;
         $$('div', this.rect).forEach((resizeHandle) => {
             editor.e.on(resizeHandle, 'mousedown.resizer touchstart.resizer', this.onStartResizing.bind(this, resizeHandle));
         });
@@ -119,6 +153,9 @@ export class resizer extends Plugin {
             }
         })
             .on('afterInit changePlace', this.addEventListeners.bind(this))
+            // Handlers without a namespace run first, ahead of those that
+            // move the caret, as table-keyboard-navigation's do
+            .on('keydown', this.onEditorKeyDown, { top: true })
             .on('afterGetValueFromEditor.resizer', (data) => {
             const rgx = /<jodit[^>]+data-jodit_iframe_wrapper[^>]+>(.*?<iframe[^>]*>.*?<\/iframe>.*?)<\/jodit>/gi;
             if (rgx.test(data.value)) {
@@ -135,14 +172,33 @@ export class resizer extends Plugin {
         let node = e.target;
         const { editor, options: { allowResizeTags } } = this.j;
         while (node && node !== editor) {
-            if (Dom.isTag(node, allowResizeTags)) {
-                this.__bind(node);
-                this.onClickElement(node);
+            const element = this.__resizable(node);
+            if (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) {
+        var _a;
+        const media = (_a = getWrappedMedia(this.j, node)) !== null && _a !== void 0 ? _a : (Dom.isHTMLElement(node) && attr(node, 'data-jodit_fake_wrapper')
+            ? node.firstElementChild
+            : null);
+        if (!media) {
+            return node;
+        }
+        // An embed is resized through its own wrapper
+        return Dom.isHTMLElement(media.parentNode) &&
+            attr(media.parentNode, 'data-jodit_iframe_wrapper')
+            ? media.parentNode
+            : media;
+    }
     __afterInsertImage(image) {
         if (this.j.o.resizer.forImageChangeAttributes) {
             return;
@@ -169,17 +225,15 @@ export class resizer extends Plugin {
         })
             .on(editor.ow, 'resize.resizer', this.updateSize)
             .on('resize.resizer', this.updateSize)
-            .on([editor.ow, editor.editor], 'scroll.resizer', () => {
-            if (this.isShown && !this.isResizeMode) {
-                this.hide();
-            }
-        })
+            // 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', 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;
         }
@@ -233,8 +287,9 @@ export class resizer extends Plugin {
             const className = this.handle.className;
             let new_w, new_h;
             const uar = this.j.o.resizer.useAspectRatio;
-            if (!this.isAltMode &&
-                (uar === true || (uar && Dom.isTag(this.element, uar)))) {
+            const keepRatio = !this.isAltMode &&
+                (uar === true || Boolean(uar && Dom.isTag(this.element, uar)));
+            if (keepRatio) {
                 if (diff_x) {
                     new_w =
                         this.width +
@@ -266,7 +321,8 @@ export class resizer extends Plugin {
                     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();
@@ -274,6 +330,43 @@ export class resizer extends Plugin {
             e.stopImmediatePropagation();
         }
     }
+    onEditorKeyDown(event) {
+        // A key held down moves the caret on every repeat, with one keyup
+        if (event === null || event === void 0 ? void 0 : event.repeat) {
+            this.__followCaret();
+        }
+        this.__keyDownRange = this.j.s.range.cloneRange();
+        this.__keyDownTable = this.__caretTable();
+    }
+    __caretTable() {
+        return Dom.closest(this.j.s.range.startContainer, 'table', this.j.editor);
+    }
+    /**
+     * Hide the frame once a key has moved the caret off its element, and
+     * frame a table the caret has moved into, as clicks do
+     */
+    onEditorKeyUp() {
+        this.__followCaret();
+    }
+    __followCaret() {
+        const before = this.__keyDownRange;
+        this.__keyDownRange = null;
+        if (!isMoved(this.j, before)) {
+            return;
+        }
+        if (this.isShown &&
+            this.element &&
+            !this.j.s.range.intersectsNode(this.element)) {
+            this.hide();
+        }
+        const table = this.__caretTable();
+        if (table &&
+            table !== this.__keyDownTable &&
+            this.j.o.allowResizeTags.has('table')) {
+            this.__bind(table);
+            this.onClickElement(table);
+        }
+    }
     onKeyDown(e) {
         this.isAltMode = e.key === KEY_ALT;
         if (!this.isAltMode && this.isResizeMode) {
@@ -295,6 +388,12 @@ export class resizer extends Plugin {
             return;
         }
         if (!this.isResizeMode) {
+            // A click in the element's popup, or in a list it opens, works on
+            // the element, so it keeps its frame
+            if ((e === null || e === void 0 ? void 0 : e.target) &&
+                UIElement.closestElement(e.target, Popup)) {
+                return;
+            }
             return this.hide();
         }
         e.stopImmediatePropagation();
@@ -312,10 +411,20 @@ export class resizer extends Plugin {
             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);
         }
@@ -327,7 +436,7 @@ export class resizer extends Plugin {
     }
     __onChangeEditor() {
         if (this.isShown) {
-            if (!this.element || !this.element.parentNode) {
+            if (!this.isElementInEditor) {
                 this.hide();
             }
             else {
@@ -439,9 +548,13 @@ export class resizer extends Plugin {
             return;
         }
         this.isShown = true;
+        if (this.layer.parentNode !== this.j.workplace) {
+            markOwner(this.j, this.layer);
+            Dom.append(this.j.workplace, this.layer);
+        }
         if (!this.rect.parentNode) {
             markOwner(this.j, this.rect);
-            Dom.append(this.j.workplace, this.rect);
+            Dom.append(this.layer, this.rect);
         }
         if (this.j.isFullSize) {
             css(this.rect, 'zIndex', css(this.j.container, 'zIndex').toString());
@@ -462,8 +575,12 @@ export class resizer extends Plugin {
     }
     beforeDestruct(jodit) {
         this.hide();
+        Dom.safeRemove(this.layer);
         eventEmitter.off('hideHelpers', this.hide);
-        jodit.e.off(this.j.ow, '.resizer').off('.resizer');
+        jodit.e
+            .off(this.j.ow, '.resizer')
+            .off('.resizer')
+            .off('keydown', this.onEditorKeyDown);
     }
 }
 __decorate([
@@ -481,6 +598,12 @@ __decorate([
 __decorate([
     autobind
 ], resizer.prototype, "onResize", null);
+__decorate([
+    autobind
+], resizer.prototype, "onEditorKeyDown", null);
+__decorate([
+    watch(':keyup')
+], resizer.prototype, "onEditorKeyUp", null);
 __decorate([
     autobind
 ], resizer.prototype, "onKeyDown", null);

package/esm/plugins/select-cells/select-cells.d.ts

@@ -18,6 +18,29 @@ export declare class selectCells extends Plugin {
      */
     private get __tableModule();
     protected afterInit(jodit: IJodit): void;
+    /**
+     * The cell with the caret, and the selection, when a key went down
+     */
+    private __keyDownCell;
+    private __keyDownRange;
+    private __onKeyDown;
+    /**
+     * A link's popup replaces the cell's while the caret is in the link
+     */
+    private __keyDownInLink;
+    private __isInLink;
+    /**
+     * Where the selection starts rather than `s.current()`, which finds the
+     * first cell when the caret is just before the table
+     */
+    private __caretCell;
+    /**
+     * A key that moves the caret into a cell, from another cell or from
+     * outside the table, marks that cell and opens its popup, as a click on
+     * it does. One that moves the caret out of the table unmarks the cells
+     */
+    protected onKeyUp(): void;
+    private __followCaret;
     /**
      * First selected cell
      */

package/esm/plugins/select-cells/select-cells.js

@@ -19,6 +19,7 @@ import { Dom } from "../../core/dom/dom.js";
 import { pluginSystem } from "../../core/global.js";
 import { $$, alignElement, position, toArray } from "../../core/helpers/index.js";
 import { Plugin } from "../../core/plugin/index.js";
+import { isMoved } from "../../core/selection/helpers/index.js";
 import { Table } from "../../modules/table/table.js";
 import "./config.js";
 const key = 'table_processor_observer';
@@ -26,6 +27,15 @@ const MOUSE_MOVE_LABEL = 'onMoveTableSelectCell';
 export class selectCells extends Plugin {
     constructor() {
         super(...arguments);
+        /**
+         * The cell with the caret, and the selection, when a key went down
+         */
+        this.__keyDownCell = null;
+        this.__keyDownRange = null;
+        /**
+         * A link's popup replaces the cell's while the caret is in the link
+         */
+        this.__keyDownInLink = false;
         /**
          * First selected cell
          */
@@ -46,6 +56,9 @@ export class selectCells extends Plugin {
             return;
         }
         jodit.e
+            // Handlers without a namespace run first, ahead of those that
+            // move the caret, as table-keyboard-navigation's do
+            .on('keydown', this.__onKeyDown, { top: true })
             .on('keydown.select-cells', (event) => {
             if (event.key === KEY_TAB) {
                 this.unselectCells();
@@ -76,6 +89,61 @@ export class selectCells extends Plugin {
             }
         });
     }
+    __onKeyDown(event) {
+        // A key held down moves the caret on every repeat, with one keyup
+        if (event === null || event === void 0 ? void 0 : event.repeat) {
+            this.__followCaret();
+        }
+        this.__keyDownCell = this.__caretCell();
+        this.__keyDownRange = this.j.s.range.cloneRange();
+        this.__keyDownInLink = this.__isInLink();
+    }
+    __isInLink() {
+        return Boolean(Dom.closest(this.j.s.range.startContainer, 'a', this.j.editor));
+    }
+    /**
+     * Where the selection starts rather than `s.current()`, which finds the
+     * first cell when the caret is just before the table
+     */
+    __caretCell() {
+        return Dom.closest(this.j.s.range.startContainer, Dom.isCell, this.j.editor);
+    }
+    /**
+     * A key that moves the caret into a cell, from another cell or from
+     * outside the table, marks that cell and opens its popup, as a click on
+     * it does. One that moves the caret out of the table unmarks the cells
+     */
+    onKeyUp() {
+        this.__followCaret();
+    }
+    __followCaret() {
+        const before = this.__keyDownRange;
+        this.__keyDownRange = null;
+        if (this.j.o.readonly || !isMoved(this.j, before)) {
+            return;
+        }
+        const cell = this.__caretCell();
+        const hasLeftLink = this.__keyDownInLink && !this.__isInLink();
+        if (cell === this.__keyDownCell && !(cell && hasLeftLink)) {
+            return;
+        }
+        const hadMarked = this.__tableModule.getAllSelectedCells().length > 0;
+        this.unselectCells();
+        if (!cell) {
+            if (hadMarked) {
+                this.j.e.fire('hidePopup', 'cells');
+            }
+            return;
+        }
+        const table = Dom.closest(cell, 'table', this.j.editor);
+        if (!table) {
+            return;
+        }
+        // As after a click, the first change to the cell keeps the mark
+        this.__selectedCell = cell;
+        this.__tableModule.addSelection(cell);
+        this.j.e.fire('showPopup', table, () => position(cell, this.j), 'cells');
+    }
     /**
      * Mouse click inside the table
      */
@@ -418,10 +486,16 @@ export class selectCells extends Plugin {
     /** @override */
     beforeDestruct(jodit) {
         this.__onRemoveSelection();
-        jodit.e.off('.select-cells');
+        jodit.e.off('.select-cells').off('keydown', this.__onKeyDown);
     }
 }
 selectCells.requires = ['select'];
+__decorate([
+    autobind
+], selectCells.prototype, "__onKeyDown", null);
+__decorate([
+    watch(':keyup')
+], selectCells.prototype, "onKeyUp", null);
 __decorate([
     autobind
 ], selectCells.prototype, "onStartSelection", null);

package/esm/plugins/table-keyboard-navigation/table-keyboard-navigation.js

@@ -36,7 +36,9 @@ export function tableKeyboardNavigation(editor) {
             case consts.KEY_TAB:
             case consts.KEY_LEFT: {
                 next = getNextCell();
-                if (!next) {
+                // Left in the first cell leaves the table, as Up in the
+                // top row does
+                if (!next && key === consts.KEY_TAB) {
                     tableModule.appendRow(table, !isPrev
                         ? false
                         : Dom.first(table, node => Dom.isTag(node, 'tr')), !isPrev);
@@ -65,7 +67,6 @@ export function tableKeyboardNavigation(editor) {
         if (!next) {
             return;
         }
-        editor.e.fire('hidePopup hideResizer');
         if (!next.firstChild) {
             const first = editor.createInside.element('br');
             Dom.append(next, first);

package/esm/plugins/video/config.d.ts

@@ -53,3 +53,9 @@ declare module 'jodit/config' {
         };
     }
 }
+/**
+ * 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.
+ */
+export declare function videoTabs(jodit: IJodit, close: () => void, insert?: (run: () => void) => void): HTMLElement;

package/esm/plugins/video/config.js

@@ -26,73 +26,85 @@ Config.prototype.video = {
     defaultHandlerSuccess: insertVideos
 };
 Icon.set('video', videoIcon);
-Config.prototype.controls.video = {
-    popup: (jodit, current, close) => {
-        const formLink = new UIForm(jodit, [
-            new UIBlock(jodit, [
-                new UIInput(jodit, {
-                    name: 'url',
-                    required: true,
-                    label: 'URL',
-                    placeholder: 'https://',
-                    validators: ['url']
-                })
-            ]),
-            new UIBlock(jodit, [
-                Button(jodit, '', 'Insert', 'primary').onAction(() => formLink.submit())
-            ])
-        ]), formCode = new UIForm(jodit, [
-            new UIBlock(jodit, [
-                new UITextArea(jodit, {
-                    name: 'code',
-                    required: true,
-                    label: 'Embed code'
-                })
-            ]),
-            new UIBlock(jodit, [
-                Button(jodit, '', 'Insert', 'primary').onAction(() => formCode.submit())
-            ])
-        ]), tabs = [], insertCode = (code) => {
-            jodit.s.restore();
-            jodit.s.insertHTML(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.
+ */
+export function videoTabs(jodit, close, insert) {
+    const run = insert !== null && insert !== void 0 ? insert : ((fn) => {
+        jodit.s.restore();
+        fn();
+    });
+    const formLink = new UIForm(jodit, [
+        new UIBlock(jodit, [
+            new UIInput(jodit, {
+                name: 'url',
+                required: true,
+                label: 'URL',
+                placeholder: 'https://',
+                validators: ['url']
+            })
+        ]),
+        new UIBlock(jodit, [
+            Button(jodit, '', 'Insert', 'primary').onAction(() => formLink.submit())
+        ])
+    ]), formCode = new UIForm(jodit, [
+        new UIBlock(jodit, [
+            new UITextArea(jodit, {
+                name: 'code',
+                required: true,
+                label: 'Embed code'
+            })
+        ]),
+        new UIBlock(jodit, [
+            Button(jodit, '', 'Insert', 'primary').onAction(() => formCode.submit())
+        ])
+    ]), tabs = [], insertCode = (code) => {
+        run(() => jodit.s.insertHTML(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(UploadTab(jodit, data => {
+    }
+    const { uploader } = jodit.o;
+    // Base64 alone would put whole video files into the content
+    if (uploader.showTabInFileSelector !== false &&
+        (uploader.url || uploader.customUploadFunction)) {
+        tabs.push(UploadTab(jodit, data => {
+            run(() => {
                 var _a, _b;
-                jodit.s.restore();
-                ((_b = (_a = jodit.o.video) === null || _a === void 0 ? void 0 : _a.defaultHandlerSuccess) !== null && _b !== void 0 ? _b : insertVideos).call(jodit, data);
-            }, { label: 'Drop file', accept: 'video/*' }));
-        }
-        tabs.push({
-            icon: 'link',
-            name: 'Link',
-            content: formLink.container
-        }, {
-            icon: 'source',
-            name: 'Code',
-            content: formCode.container
-        });
-        formLink.onSubmit(data => {
-            var _a, _b, _c, _d;
-            insertCode(call((_b = (_a = jodit.o.video) === null || _a === void 0 ? void 0 : _a.parseUrlToVideoEmbed) !== null && _b !== void 0 ? _b : convertMediaUrlToVideoEmbed, data.url, {
-                width: (_c = jodit.o.video) === null || _c === void 0 ? void 0 : _c.defaultWidth,
-                height: (_d = jodit.o.video) === null || _d === void 0 ? void 0 : _d.defaultHeight
-            }));
-        });
-        formCode.onSubmit(data => {
-            insertCode(data.code);
-        });
-        const box = 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;
-    },
+                return ((_b = (_a = jodit.o.video) === null || _a === void 0 ? void 0 : _a.defaultHandlerSuccess) !== null && _b !== void 0 ? _b : insertVideos).call(jodit, data);
+            });
+        }, { label: 'Drop file', accept: 'video/*' }));
+    }
+    tabs.push({
+        icon: 'link',
+        name: 'Link',
+        content: formLink.container
+    }, {
+        icon: 'source',
+        name: 'Code',
+        content: formCode.container
+    });
+    formLink.onSubmit(data => {
+        var _a, _b, _c, _d;
+        insertCode(call((_b = (_a = jodit.o.video) === null || _a === void 0 ? void 0 : _a.parseUrlToVideoEmbed) !== null && _b !== void 0 ? _b : convertMediaUrlToVideoEmbed, data.url, {
+            width: (_c = jodit.o.video) === null || _c === void 0 ? void 0 : _c.defaultWidth,
+            height: (_d = jodit.o.video) === null || _d === void 0 ? void 0 : _d.defaultHeight
+        }));
+    });
+    formCode.onSubmit(data => {
+        insertCode(data.code);
+    });
+    const box = 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;
+}
+Config.prototype.controls.video = {
+    popup: (jodit, current, close) => videoTabs(jodit, close),
     tags: ['iframe'],
     tooltip: 'Insert youtube/vimeo video'
 };

package/esm/plugins/video-properties/interface.d.ts

@@ -0,0 +1,31 @@
+/*!
+ * 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
+ */
+export type EditedMedia = HTMLVideoElement | HTMLAudioElement | HTMLIFrameElement;
+export interface VideoPropertiesValues {
+    width: number | string;
+    height: number | string;
+    poster: string;
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    controls: boolean;
+}
+export interface VideoPropertiesState {
+    /**
+     * What the dialog was opened for: the media, or a wrapper round it
+     */
+    target: HTMLElement;
+    media: EditedMedia;
+    ratio: number;
+    sizeIsLocked: boolean;
+    values: VideoPropertiesValues;
+}
+export interface VideoPropertiesAPI {
+    openPosterPopup: (target: HTMLElement) => void;
+}

package/esm/plugins/video-properties/interface.js

@@ -0,0 +1,6 @@
+/*!
+ * 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
+ */
+export {};