jodit-pro 4.12.25 → 4.12.27

package/es2015/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.25
+ * Version: v4.12.27
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -1696,6 +1696,14 @@ class ViewComponent extends _component_js__WEBPACK_IMPORTED_MODULE_0__.Component
      * Attach component to View
      */ setParentView(jodit) {
         this.jodit = jodit;
+        // Inherit the owner window from the parent view — for an editor
+        // created with a custom `ownerWindow` (e.g. inside an iframe) the
+        // component default (the global `window`) is wrong: outside-click
+        // handlers of dropdowns/popups listened to the wrong window. See
+        // https://github.com/xdan/jodit/issues/965
+        if (jodit.ow) {
+            this.ownerWindow = jodit.ow;
+        }
         jodit.components.add(this);
         return this;
     }
@@ -1797,7 +1805,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.12.25";
+ */ const APP_VERSION = "4.12.27";
 // prettier-ignore
 const ES = "es2015";
 const IS_ES_MODERN = true;
@@ -3152,12 +3160,12 @@ function wait(condition) {
     /**
      * Check if element is element node
      */ static isElement(node) {
-        var _a;
         if (!Dom.isNode(node)) {
             return false;
         }
-        const win = (_a = node.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView;
-        return Boolean(win && node.nodeType === Node.ELEMENT_NODE);
+        // no `defaultView` requirement — nodes of an inert document
+        // (`DOMParser`, `implementation.createHTMLDocument`) are still elements
+        return node.nodeType === Node.ELEMENT_NODE;
     }
     /**
      * Check if element is document fragment
@@ -3176,8 +3184,10 @@ function wait(condition) {
         if (!Dom.isNode(node)) {
             return false;
         }
+        // an inert document has no browsing context (`defaultView` is null),
+        // but its nodes are same-realm HTMLElements
         const win = (_a = node.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView;
-        return Boolean(win && node instanceof win.HTMLElement);
+        return node instanceof (win ? win.HTMLElement : HTMLElement);
     }
     /**
      * Check element is inline block
@@ -5079,9 +5089,15 @@ function isFastEqual(a, b) {
  */ /**
  * @module helpers/checker
  */ /**
- * Detect if string is HTML from MS Word or Excel
+ * Detect if string is HTML from MS Word, Excel or LibreOffice/OpenOffice
  */ function isHtmlFromWord(data) {
-    return data.search(/<meta.*?Microsoft Excel\s[\d].*?>/) !== -1 || data.search(/<meta.*?Microsoft Word\s[\d].*?>/) !== -1 || data.search(/style="[^"]*mso-/) !== -1 && data.search(/<font/) !== -1;
+    return data.search(/<meta.*?Microsoft Excel\s[\d].*?>/) !== -1 || data.search(/<meta.*?Microsoft Word\s[\d].*?>/) !== -1 || // `<meta name=ProgId content=Word.Document>` — attribute values are
+    // unquoted in the raw Word clipboard fragment
+    data.search(/<meta[^>]*?ProgId[^>]*?(Word|Excel)\./i) !== -1 || // LibreOffice/OpenOffice Writer & Calc
+    data.search(/<meta[^>]*?(LibreOffice|OpenOffice)/i) !== -1 || // Office namespaces on the root element of the clipboard fragment
+    data.search(/urn:schemas-microsoft-com:office:(word|excel)/) !== -1 || // `class=MsoNormal` and friends (unquoted/quoted)
+    data.search(/<\w[^>]*\sclass=("|')?Mso/) !== -1 || // the raw Word clipboard uses SINGLE quotes: style='mso-…'
+    data.search(/style='[^']*mso-/) !== -1 || data.search(/style="[^"]*mso-/) !== -1 && data.search(/<font/) !== -1;
 }
 
 
@@ -12300,8 +12316,9 @@ function toggleAttribute(jodit, value, elm, key, dry, mode) {
 /* harmony export */ });
 /* harmony import */ var _dom_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22732);
 /* harmony import */ var _helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29960);
-/* harmony import */ var _list_wrap_list_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(82515);
-/* harmony import */ var _wrap_unwrapped_text_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6980);
+/* harmony import */ var _helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41180);
+/* harmony import */ var _list_wrap_list_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(82515);
+/* harmony import */ var _wrap_unwrapped_text_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6980);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -12310,12 +12327,29 @@ function toggleAttribute(jodit, value, elm, key, dry, mode) {
 
 
 
+
 /**
  * Replaces the parent tag with the applicable one, or wraps the text and also replaces the tag
  * @private
  */ function wrap(commitStyle, font, jodit) {
     const wrapper = findOrCreateWrapper(commitStyle, font, jodit);
-    return commitStyle.elementIsList ? (0,_list_wrap_list_js__WEBPACK_IMPORTED_MODULE_2__.wrapList)(commitStyle, wrapper, jodit) : _dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.replace(wrapper, commitStyle.element, jodit.createInside, true);
+    if (commitStyle.elementIsList) {
+        return (0,_list_wrap_list_js__WEBPACK_IMPORTED_MODULE_3__.wrapList)(commitStyle, wrapper, jodit);
+    }
+    const newWrapper = _dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.replace(wrapper, commitStyle.element, jodit.createInside, true);
+    if (commitStyle.elementIsBlock) {
+        // Inline font styles left over from pasted content visually override
+        // the new block format — e.g. an h2 with `font-weight: normal;
+        // font-size: 24px` does not look like a heading at all, so the
+        // command seems to do nothing. See
+        // https://github.com/xdan/jodit/issues/1063
+        (0,_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(newWrapper, 'fontSize', null);
+        (0,_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(newWrapper, 'fontWeight', null);
+        if (!(0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(newWrapper, 'style')) {
+            (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(newWrapper, 'style', null);
+        }
+    }
+    return newWrapper;
 }
 const WRAP_NODES = new Set([
     'td',
@@ -12336,7 +12370,7 @@ const WRAP_NODES = new Set([
         if (box) {
             return box;
         }
-        return (0,_wrap_unwrapped_text_js__WEBPACK_IMPORTED_MODULE_3__.wrapUnwrappedText)(commitStyle, font, jodit);
+        return (0,_wrap_unwrapped_text_js__WEBPACK_IMPORTED_MODULE_4__.wrapUnwrappedText)(commitStyle, font, jodit);
     }
     (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_1__.attr)(font, 'size', null);
     return font;
@@ -16330,8 +16364,11 @@ class Popup extends _group_group_js__WEBPACK_IMPORTED_MODULE_7__.UIGroup {
     /**
      * Calculate static bound for point
      */ getKeepBound(getBound) {
+        var _a;
         const oldBound = getBound();
-        const elmUnderCursor = this.od.elementFromPoint(oldBound.left, oldBound.top);
+        // Inside Shadow DOM `document.elementFromPoint` returns the shadow
+        // host, so the lookup must start from the shadow root
+        const elmUnderCursor = ((_a = this.j.o.shadowRoot) !== null && _a !== void 0 ? _a : this.od).elementFromPoint(oldBound.left, oldBound.top);
         if (!elmUnderCursor) {
             return getBound;
         }
@@ -18116,6 +18153,17 @@ let Jodit = Jodit_1 = class Jodit extends _modules_index_js__WEBPACK_IMPORTED_MO
         const init = ()=>{
             if (opt.enableDragAndDropFileToEditor && opt.uploader && (opt.uploader.url || opt.uploader.insertImageAsBase64URI)) {
                 this.uploader.bind(this.editor);
+            } else if (!opt.enableDragAndDropFileToEditor) {
+                // Without a bound uploader nobody cancels a file drop, and
+                // Firefox inserts the dropped image natively — the option
+                // must mean "do nothing". See
+                // https://github.com/xdan/jodit/issues/1077
+                this.e.on(editor, 'drop', (e)=>{
+                    var _a, _b;
+                    if ((_b = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) {
+                        e.preventDefault();
+                    }
+                });
             }
             // in initEditor - the editor could change
             if (!this.__elementToPlace.get(this.editor)) {
@@ -22662,7 +22710,7 @@ function addClassNames(className, elm) {
     Clean: 'Temizle',
     'Insert as Text': 'Yazı olarak ekle',
     'Word Paste Detected': 'Word biçiminde yapıştırma algılandı',
-    'The pasted content is coming from a Microsoft Word/Excel document. Do you want to keep the format or clean it up?': 'Der Inhalt, den Sie einfügen, stammt aus einem Microsoft Word / Excel-Dokument. Möchten Sie das Format erhalten oder löschen?',
+    'The pasted content is coming from a Microsoft Word/Excel document. Do you want to keep the format or clean it up?': 'Yapıştırılan içerik bir Microsoft Word/Excel belgesinden geliyor. Formatı korumak mı yoksa temizlemek mi istiyorsunuz?',
     'Insert only Text': 'Sadece yazıyı ekle',
     'File Browser': 'Dosya Listeleyici',
     'Error on load list': 'Liste yüklenirken hata oluştu',
@@ -23992,7 +24040,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
             e.stopImmediatePropagation();
         }
         if (this.resizable && this.o.resizable) {
-            this.setSize(this.startPoint.w + e.clientX - this.startX, this.startPoint.h + e.clientY - this.startY);
+            this.setSize(Math.max(this.startPoint.w + e.clientX - this.startX, this.minSize.w), Math.max(this.startPoint.h + e.clientY - this.startY, this.minSize.h));
             if (this.e) {
                 /**
                  * Fired when dialog box is resized
@@ -24015,11 +24063,20 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
         }
     }
     __onResizerMouseDown(e) {
+        var _a, _b, _c;
         this.resizable = true;
         this.startX = e.clientX;
         this.startY = e.clientY;
         this.startPoint.w = this.dialog.offsetWidth;
         this.startPoint.h = this.dialog.offsetHeight;
+        const header = this.getElm('header');
+        const footer = this.getElm('footer');
+        const content = this.getElm('content');
+        // the content area does not shrink below its CSS `min-height`,
+        // so it is part of the smallest height the panel can take
+        const contentMinHeight = content ? parseFloat(this.ow.getComputedStyle(content).minHeight) || 0 : 0;
+        this.minSize.w = (0,_core_helpers_checker_index_js__WEBPACK_IMPORTED_MODULE_6__.isNumber)(this.o.minWidth) ? this.o.minWidth : Math.max(100, (_a = footer === null || footer === void 0 ? void 0 : footer.scrollWidth) !== null && _a !== void 0 ? _a : 0);
+        this.minSize.h = (0,_core_helpers_checker_index_js__WEBPACK_IMPORTED_MODULE_6__.isNumber)(this.o.minHeight) ? this.o.minHeight : ((_b = header === null || header === void 0 ? void 0 : header.offsetHeight) !== null && _b !== void 0 ? _b : 0) + ((_c = footer === null || footer === void 0 ? void 0 : footer.offsetHeight) !== null && _c !== void 0 ? _c : 0) + contentMinHeight + this.resizer.offsetHeight;
         this.lockSelect();
         this.__addGlobalResizeListeners();
         if (this.e) {
@@ -24325,6 +24382,13 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
                 this.setPosition();
             }
         };
+        /**
+         * Minimal size the dialog can be resized to — the header and the footer
+         * (with its buttons) must always stay inside the panel
+         */ this.minSize = {
+            w: 0,
+            h: 0
+        };
         this.isModal = false;
         /**
          * True, if dialog was opened
@@ -29517,13 +29581,35 @@ let ToolbarContent = class ToolbarContent extends _core_ui_button_index_js__WEBP
         return 'ToolbarContent';
     }
     /** @override */ update() {
-        const content = this.control.getContent(this.j, this);
+        var _a, _b, _c;
+        const { control } = this;
+        const content = control.getContent(this.j, this);
         if ((0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_2__.isString)(content) || content.parentNode !== this.container) {
             _core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__.Dom.detach(this.container);
             this.container.appendChild((0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_2__.isString)(content) ? this.j.create.fromHTML(content) : content);
         }
+        // Content controls never went through the ToolbarButton status
+        // calculation, so `isDisabled`/`isActive`/`update` declared on the
+        // control were silently ignored (e.g. the FileBrowser Upload button
+        // ignored the backend permissions). See
+        // https://github.com/xdan/jodit/issues/1094
+        this.state.disabled = Boolean((_a = control.isDisabled) === null || _a === void 0 ? void 0 : _a.call(control, this.j, this));
+        this.state.activated = Boolean((_b = control.isActive) === null || _b === void 0 ? void 0 : _b.call(control, this.j, this));
+        (_c = control.update) === null || _c === void 0 ? void 0 : _c.call(control, this.j, this);
+        // The first update() runs before the state watchers are attached, so
+        // apply the calculated state explicitly (the calls are idempotent)
+        this.onChangeDisabled();
+        this.onChangeActivated();
         super.update();
     }
+    /**
+     * The content is arbitrary HTML — propagate the disabled state to the
+     * nested form controls (e.g. the file input of the Upload button),
+     * otherwise they stay interactive.
+     */ onChangeDisabled() {
+        super.onChangeDisabled();
+        this.container.querySelectorAll('input,button,select,textarea').forEach((elm)=>(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_2__.attr)(elm, 'disabled', this.state.disabled || null));
+    }
     /** @override */ createContainer() {
         return this.j.c.span(this.componentName);
     }
@@ -31137,8 +31223,11 @@ const ns = 'addnewline';
         }
     }
     __onMouseMove(e) {
+        var _a;
         const editor = this.j;
-        let currentElement = editor.ed.elementFromPoint(e.clientX, e.clientY);
+        // Inside Shadow DOM `document.elementFromPoint` returns the shadow
+        // host, so the lookup must start from the shadow root
+        let currentElement = ((_a = editor.o.shadowRoot) !== null && _a !== void 0 ? _a : editor.ed).elementFromPoint(e.clientX, e.clientY);
         if (!_modules_index_js__WEBPACK_IMPORTED_MODULE_3__.Dom.isHTMLElement(currentElement) || !_modules_index_js__WEBPACK_IMPORTED_MODULE_3__.Dom.isOrContains(editor.editor, currentElement)) {
             return;
         }
@@ -31366,7 +31455,13 @@ function _async_to_generator(fn) {
         return new _ui_ui_ai_assistant_js__WEBPACK_IMPORTED_MODULE_6__.UiAiAssistant(jodit, {
             onInsertAfter (html) {
                 jodit.s.focus();
-                jodit.s.setCursorAfter(jodit.s.current());
+                // `current()` returns a node of the selection START, so with
+                // several selected paragraphs the result landed after the
+                // first one — collapse the range to the END of the selection
+                // instead. See https://github.com/xdan/jodit/issues/1263
+                const range = jodit.s.range;
+                range.collapse(false);
+                jodit.s.selectRange(range);
                 jodit.s.insertHTML(html);
                 __dialog.close();
             },
@@ -32136,13 +32231,26 @@ _core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('backspace', backs
             jodit.s.setCursorBefore(fakeNode);
             return true;
         }
-        if (sibling && (checkMoveListContent(jodit, mainClosestBox, sibling, backspace) || moveContentAndRemoveEmpty(jodit, mainClosestBox, sibling, backspace))) {
+        if (sibling && (checkMoveListContent(jodit, mainClosestBox, sibling, backspace) || moveContentAndRemoveEmpty(jodit, mainClosestBox, resolveTableSibling(sibling, backspace), backspace))) {
             jodit.s.setCursorBefore(fakeNode);
             return true;
         }
     }
     return false;
 }
+/**
+ * Content cannot be merged into the `<table>` element itself — it would land
+ * between the table sections (after `</tbody>`), which is invalid HTML and
+ * gets foster-parented out of the table on the next parse. Merge into the
+ * edge cell instead. See https://github.com/xdan/jodit/issues/1064
+ * @private
+ */ function resolveTableSibling(sibling, backspace) {
+    if (!_core_dom_dom_js__WEBPACK_IMPORTED_MODULE_1__.Dom.isTag(sibling, 'table')) {
+        return sibling;
+    }
+    const cells = sibling.querySelectorAll('td,th');
+    return cells.length ? cells[backspace ? cells.length - 1 : 0] : null;
+}
 function checkMoveListContent(jodit, mainClosestBox, sibling, backspace) {
     // Process UL/LI/OL cases
     const siblingIsList = _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_1__.Dom.isTag(sibling, _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.LIST_TAGS);
@@ -33256,10 +33364,14 @@ _core_ui_icon_js__WEBPACK_IMPORTED_MODULE_4__.Icon.set('class-span', _class_span
      * Event handler when manually assigning a value to the HTML editor.
      */ onBeforeSetNativeEditorValue(data) {
         const [sandBox, iframe] = this.j.o.cleanHTML.useIframeSandbox ? this.j.createInside.sandbox() : [
-            this.j.createInside.div()
+            // an inert document never loads sub-resources, so the
+            // images in the value are not re-requested from the
+            // server on every assignment (e.g. on each change in
+            // jodit-react). See #1237
+            this.j.od.implementation.createHTMLDocument('').body
         ];
         sandBox.innerHTML = data.value;
-        this.onSafeHTML(sandBox);
+        this.j.e.fire('safeHTML', sandBox);
         data.value = sandBox.innerHTML;
         (0,_core_helpers_html_safe_html_js__WEBPACK_IMPORTED_MODULE_4__.safeHTML)(sandBox, {
             safeJavaScriptLink: true,
@@ -33588,12 +33700,19 @@ _core_ui_icon_js__WEBPACK_IMPORTED_MODULE_0__.Icon.set('eraser', _eraser_svg_js_
 /**
  * @private
  */ function allowAttributes(jodit, nodeElm, hadEffect, allow) {
-    if (allow && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isElement(nodeElm) && allow[nodeElm.nodeName] !== true) {
+    const allowedForTag = allow && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isElement(nodeElm) && allow[nodeElm.nodeName];
+    if (allow && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isElement(nodeElm) && allowedForTag !== true) {
+        // the tag is not in the allow list at all — attributes do not matter,
+        // the element itself will be removed by the tags filter. Without this
+        // check `allow[nodeName][attr]` threw on e.g. `<meta charset>`. See #1224
+        if (!allowedForTag) {
+            return hadEffect;
+        }
         const attrs = nodeElm.attributes;
         if (attrs && attrs.length) {
             const removeAttrs = [];
             for(let i = 0; i < attrs.length; i += 1){
-                const attr = allow[nodeElm.nodeName][attrs[i].name];
+                const attr = allowedForTag[attrs[i].name];
                 if (!attr || attr !== true && attr !== attrs[i].value) {
                     removeAttrs.push(attrs[i].name);
                 }
@@ -34135,9 +34254,10 @@ const keys = Object.keys(_filters_index_js__WEBPACK_IMPORTED_MODULE_1__);
 /* unused harmony export clipboard */
 /* harmony import */ var _core_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82758);
 /* harmony import */ var _core_decorators_cache_cache_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33433);
-/* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(580);
-/* harmony import */ var _core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21537);
-/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(79419);
+/* harmony import */ var _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2748);
+/* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(580);
+/* harmony import */ var _core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(21537);
+/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(79419);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -34147,6 +34267,7 @@ const keys = Object.keys(_filters_index_js__WEBPACK_IMPORTED_MODULE_1__);
 
 
 
+
 /**
  * Clipboard plugin - cut and copy functionality
  */ class clipboard {
@@ -34155,10 +34276,10 @@ const keys = Object.keys(_filters_index_js__WEBPACK_IMPORTED_MODULE_1__);
         (_a = this.buttons) === null || _a === void 0 ? void 0 : _a.forEach((btn)=>editor.registerButton(btn));
         editor.e.off(`copy.${_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.CLIPBOARD_ID} cut.${_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.CLIPBOARD_ID}`).on(`copy.${_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.CLIPBOARD_ID} cut.${_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.CLIPBOARD_ID}`, (event)=>{
             var _a;
-            const selectedText = editor.s.html;
-            const clipboardData = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.getDataTransfer)(event) || (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.getDataTransfer)(editor.ew) || (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.getDataTransfer)(event.originalEvent);
+            const selectedText = wrapWithInlineAncestors(editor, editor.s.html);
+            const clipboardData = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.getDataTransfer)(event) || (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.getDataTransfer)(editor.ew) || (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.getDataTransfer)(event.originalEvent);
             if (clipboardData) {
-                clipboardData.setData(_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_PLAIN, (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.stripTags)(selectedText));
+                clipboardData.setData(_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_PLAIN, (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.stripTags)(selectedText));
                 clipboardData.setData(_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_HTML, selectedText);
             }
             editor.buffer.set(_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.CLIPBOARD_ID, selectedText);
@@ -34200,7 +34321,30 @@ const keys = Object.keys(_filters_index_js__WEBPACK_IMPORTED_MODULE_1__);
         ];
     }
 }
-_core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('clipboard', clipboard);
+/**
+ * `Selection.html` clones only the range contents — when the selection sits
+ * entirely inside the text of a formatted element (`<strong>te|st|</strong>`),
+ * the clone is bare text and the formatting would be lost on paste. Native
+ * browser copy keeps that context, so the interception must restore it: wrap
+ * the fragment in shallow clones of the inline ancestors of the range. See #1202
+ */ function wrapWithInlineAncestors(editor, html) {
+    if (!html || editor.s.isCollapsed()) {
+        return html;
+    }
+    let node = editor.s.range.commonAncestorContainer;
+    if (!_core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isElement(node)) {
+        node = node.parentElement;
+    }
+    let result = html;
+    while(node && node !== editor.editor && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isElement(node) && !_core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isBlock(node)){
+        const shell = node.cloneNode(false);
+        shell.innerHTML = result;
+        result = shell.outerHTML;
+        node = node.parentElement;
+    }
+    return result;
+}
+_core_global_js__WEBPACK_IMPORTED_MODULE_3__.pluginSystem.add('clipboard', clipboard);
 
 
 /***/ }),
@@ -34306,26 +34450,35 @@ _core_ui_icon_js__WEBPACK_IMPORTED_MODULE_0__.Icon.set('copy', _icons_copy_svg_j
         group: 'color'
     });
     const callback = (command, second, third)=>{
+        var _a;
         const colorHEX = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.normalizeColor)(third);
-        switch(command){
-            case 'background':
-                editor.s.commitStyle({
-                    attributes: {
-                        style: {
-                            backgroundColor: !colorHEX ? '' : colorHEX
-                        }
-                    }
-                });
-                break;
-            case 'forecolor':
+        const value = !colorHEX ? '' : colorHEX;
+        const style = command === 'background' ? {
+            backgroundColor: value
+        } : {
+            color: value
+        };
+        // Cells selected with the `select-cells` plugin drop or collapse the
+        // native range, so `commitStyle` would paint a pending caret format
+        // outside the table instead of the selection the user sees. Apply the
+        // style to the content of every selected cell instead. See #1250
+        const selectedCells = editor.getInstance('Table', editor.o).getAllSelectedCells();
+        if (selectedCells.length && editor.s.isCollapsed()) {
+            selectedCells.forEach((cell)=>{
+                editor.s.select(cell, true);
                 editor.s.commitStyle({
                     attributes: {
-                        style: {
-                            color: !colorHEX ? '' : colorHEX
-                        }
+                        style
                     }
                 });
-                break;
+            });
+            (_a = editor.s.sel) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
+        } else {
+            editor.s.commitStyle({
+                attributes: {
+                    style
+                }
+            });
         }
         editor.synchronizeValues();
         return false;
@@ -40233,9 +40386,54 @@ const align = {
         }).on([
             this.j.ew,
             this.j.ow
-        ], 'mouseup keyup', this.onSelectionEnd);
+        ], 'mouseup keyup', this.onSelectionEnd).on([
+            this.j.ew,
+            this.j.ow
+        ], 'mousedown touchstart', this.__onDocumentMouseDown).on('closeAllPopups', this.__onCloseAllPopups);
         this.addListenersForElements();
     }
+    __onDocumentMouseDown(e) {
+        if (this.popup.isOpened && this.type === 'selection' && e.target && _core_ui_index_js__WEBPACK_IMPORTED_MODULE_5__.UIElement.closestElement(e.target, _core_ui_popup_index_js__WEBPACK_IMPORTED_MODULE_6__.Popup)) {
+            this.__reopenSelectionPopup = true;
+        }
+    }
+    __onCloseAllPopups() {
+        if (!this.__reopenSelectionPopup) {
+            return;
+        }
+        this.__reopenSelectionPopup = false;
+        if (!this.j.o.toolbarInlineForSelection) {
+            return;
+        }
+        // a zero timeout would run synchronously — before the popup's own
+        // `closeAllPopups` handler closes it; defer to the next macrotask
+        this.j.async.setTimeout(()=>{
+            const sel = this.j.s.sel;
+            if (sel && !sel.isCollapsed) {
+                this.showPopup(()=>this.__selectionBound(), 'selection');
+            }
+        }, 1);
+    }
+    /**
+     * The selection rect comes from the editor document — in iframe mode its
+     * coordinates are iframe-local, while the popup lives in the host
+     * document, so the iframe offset must be added. See
+     * https://github.com/xdan/jodit/issues/1058
+     */ __selectionBound() {
+        const rect = this.j.s.range.getBoundingClientRect();
+        let { left, top } = rect;
+        if (this.j.iframe) {
+            const offset = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.position)(this.j.iframe, this.j, true);
+            left += offset.left;
+            top += offset.top;
+        }
+        return {
+            left,
+            top,
+            width: rect.width,
+            height: rect.height
+        };
+    }
     onSelectionStart() {
         this.snapRange = this.j.s.range.cloneRange();
     }
@@ -40267,7 +40465,7 @@ const align = {
         if (!node) {
             return;
         }
-        this.showPopup(()=>range.getBoundingClientRect(), type);
+        this.showPopup(()=>this.__selectionBound(), type);
     }
     /**
      * In not collapsed selection - only one image
@@ -40284,7 +40482,10 @@ const align = {
         jodit.e.off('showPopup').off([
             this.j.ew,
             this.j.ow
-        ], 'mouseup keyup', this.onSelectionEnd);
+        ], 'mouseup keyup', this.onSelectionEnd).off([
+            this.j.ew,
+            this.j.ow
+        ], 'mousedown touchstart', this.__onDocumentMouseDown).off('closeAllPopups', this.__onCloseAllPopups);
         this.removeListenersForElements();
     }
     _eventsList() {
@@ -40311,6 +40512,11 @@ const align = {
     constructor(){
         super(...arguments);
         this.type = null;
+        /**
+         * The user pressed a button inside the selection toolbar — after the
+         * command fires `closeAllPopups`, the toolbar should be shown again
+         * while the selection is still there. See #1238
+         */ this.__reopenSelectionPopup = false;
         this.snapRange = null;
         this.elmsList = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.keys)(this.j.o.popup, false).filter((s)=>!this.isExcludedTarget(s));
     }
@@ -40341,6 +40547,12 @@ __decorate([
 __decorate([
     (0,_core_decorators_index_js__WEBPACK_IMPORTED_MODULE_0__.watch)(':outsideClick')
 ], inlinePopup.prototype, "onOutsideClick", null);
+__decorate([
+    _core_decorators_index_js__WEBPACK_IMPORTED_MODULE_0__.autobind
+], inlinePopup.prototype, "__onDocumentMouseDown", null);
+__decorate([
+    _core_decorators_index_js__WEBPACK_IMPORTED_MODULE_0__.autobind
+], inlinePopup.prototype, "__onCloseAllPopups", null);
 __decorate([
     _core_decorators_index_js__WEBPACK_IMPORTED_MODULE_0__.autobind
 ], inlinePopup.prototype, "onSelectionStart", null);
@@ -40626,7 +40838,10 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.limitHTML = false;
             jodit.e.fire('denyWords.limit limit.limit');
             return true;
         }
-        const should = Boolean(limitChars && isGt(words.join('').length, limitChars, strict));
+        // with `countTextSpaces` enabled the limiter counts characters the
+        // same way as the `stat` plugin's counter — including spaces. See #1144
+        const charsCount = jodit.o.countTextSpaces ? text.replace((0,_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.INVISIBLE_SPACE_REG_EXP)(), '').replace(/[\r\n]/g, '').length : words.join('').length;
+        const should = Boolean(limitChars && isGt(charsCount, limitChars, strict));
         if (should) {
             jodit.e.fire('denyChars.limit limit.limit');
         }
@@ -42585,6 +42800,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.paste = {
     tooltip: 'Paste from clipboard',
     exec (_0, _1, _2) {
         return _async_to_generator(function*(editor, _, { control }) {
+            var _a;
             if (control.name === psKey) {
                 editor.execCommand('showPasteStorage');
                 return;
@@ -42595,7 +42811,13 @@ _config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.paste = {
                 try {
                     const items = yield navigator.clipboard.read();
                     if (items && items.length) {
-                        const textBlob = yield items[0].getType(_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_PLAIN);
+                        const item = items[0];
+                        // Prefer the HTML flavor so the button behaves like the
+                        // Ctrl+V shortcut (which receives text/html from the
+                        // native paste event). See
+                        // https://github.com/xdan/jodit/issues/1061
+                        const type = ((_a = item.types) === null || _a === void 0 ? void 0 : _a.includes(_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_HTML)) ? _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_HTML : _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_PLAIN;
+                        const textBlob = yield item.getType(type);
                         text = yield new Response(textBlob).text();
                     }
                     error = false;
@@ -42796,9 +43018,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.paste = {
  */ class paste extends _core_plugin_plugin_js__WEBPACK_IMPORTED_MODULE_5__.Plugin {
     /** @override **/ afterInit(jodit) {
         jodit.e.on('paste.paste', this.onPaste).on('pasteStack.paste', (item)=>this.pasteStack.push(item));
-        if (jodit.o.nl2brInPlainText) {
-            this.j.e.on('processPaste.paste', this.onProcessPasteReplaceNl2Br);
-        }
+        this.j.e.on('processPaste.paste', this.onProcessPasteReplaceNl2Br);
     }
     /** @override **/ beforeDestruct(jodit) {
         jodit.e.off('paste.paste', this.onPaste).off('processPaste.paste', this.onProcessPasteReplaceNl2Br).off('.paste');
@@ -42918,10 +43138,14 @@ _config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.paste = {
         (0,_helpers_js__WEBPACK_IMPORTED_MODULE_7__.pasteInsertHtml)(e, this.j, html);
     }
     /**
-     * Replace all \\n chars in plain text to br
+     * Escape plain text and replace all \\n chars with br
      */ onProcessPasteReplaceNl2Br(ignore, text, type) {
         if (type === _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_PLAIN + ';' && !(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.isHTML)(text)) {
-            return (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.nl2br)(text);
+            // the clipboard contains only plain text — escape special chars
+            // so a stray `<` is not parsed as an unclosed tag and does not
+            // swallow the rest of the string. See #1227
+            const escaped = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.htmlspecialchars)(text);
+            return this.j.o.nl2brInPlainText ? (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.nl2br)(escaped) : escaped;
         }
     }
     constructor(){
@@ -43785,9 +44009,10 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.allowResizeY = true;
 /* harmony import */ var _core_decorators_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(65478);
 /* harmony import */ var _core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22732);
 /* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(580);
-/* harmony import */ var _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50911);
-/* harmony import */ var _core_ui_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(67510);
-/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(68252);
+/* harmony import */ var _core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21537);
+/* harmony import */ var _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50911);
+/* harmony import */ var _core_ui_index_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(67510);
+/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68252);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -43804,7 +44029,8 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.allowResizeY = true;
 
 
 
-class resizeHandler extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_3__.Plugin {
+
+class resizeHandler extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_4__.Plugin {
     /** @override **/ afterInit(editor) {
         const { height, width, allowResizeX } = editor.o;
         let { allowResizeY } = editor.o;
@@ -43838,11 +44064,21 @@ class resizeHandler extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_3__.P
         if (!this.isResized) {
             return;
         }
+        let { clientX, clientY } = e;
+        if (e.view === this.j.ew && this.j.ew !== this.j.ow) {
+            // the event was proxied from the editor's iframe — its client
+            // coordinates are relative to the iframe viewport, while the
+            // start point was captured on the host-document handle;
+            // shift them into the host coordinate space
+            const workplacePosition = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.offset)(this.j.workplace, this.j, this.j.od, true);
+            clientX += workplacePosition.left;
+            clientY += workplacePosition.top;
+        }
         if (this.j.o.allowResizeY) {
-            this.j.e.fire('setHeight', this.start.h + e.clientY - this.start.y);
+            this.j.e.fire('setHeight', this.start.h + clientY - this.start.y);
         }
         if (this.j.o.allowResizeX) {
-            this.j.e.fire('setWidth', this.start.w + e.clientX - this.start.x);
+            this.j.e.fire('setWidth', this.start.w + clientX - this.start.x);
         }
         this.j.e.fire('resize');
     }
@@ -43874,7 +44110,7 @@ class resizeHandler extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_3__.P
         };
         /**
          * Resize handle
-         */ this.handle = this.j.c.div('jodit-editor__resize', _core_ui_index_js__WEBPACK_IMPORTED_MODULE_4__.Icon.get('resize_handler'));
+         */ this.handle = this.j.c.div('jodit-editor__resize', _core_ui_index_js__WEBPACK_IMPORTED_MODULE_5__.Icon.get('resize_handler'));
     }
 }
 /** @override **/ resizeHandler.requires = [
@@ -44052,7 +44288,11 @@ const keyBInd = '__jodit-resizer_binded';
             this.pointerX = e.clientX;
             this.pointerY = e.clientY;
             let diff_x, diff_y;
-            if (this.j.options.iframe) {
+            if (this.j.options.iframe && e.view === this.j.ew) {
+                // the event was proxied from the editor's iframe — its client
+                // coordinates are relative to the iframe viewport, while
+                // `startX/startY` were captured on a host-document handle;
+                // shift them into the host coordinate space
                 const workplacePosition = this.getWorkplacePosition();
                 diff_x = e.clientX + workplacePosition.left - this.startX;
                 diff_y = e.clientY + workplacePosition.top - this.startY;
@@ -45264,20 +45504,30 @@ let UISearch = class UISearch extends _core_ui_index_js__WEBPACK_IMPORTED_MODULE
             return false;
         }).on(this.queryInput, 'input', ()=>{
             this.setMod('empty-query', !(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.trim)(this.queryInput.value).length);
-        }).on(this.queryInput, 'keydown', this.j.async.debounce((e)=>_async_to_generator(function*() {
-                switch(e.key){
-                    case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_ENTER:
-                        e.preventDefault();
-                        e.stopImmediatePropagation();
-                        if (yield jodit.e.fire('searchNext')) {
-                            _this.close();
-                        }
-                        break;
-                    default:
-                        jodit.e.fire(_this, 'needUpdateCounters');
-                        break;
+        }).on(this.queryInput, 'keydown', (()=>{
+            const debounced = this.j.async.debounce((e)=>_async_to_generator(function*() {
+                    switch(e.key){
+                        case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_ENTER:
+                            if (yield jodit.e.fire('searchNext')) {
+                                _this.close();
+                            }
+                            break;
+                        default:
+                            jodit.e.fire(_this, 'needUpdateCounters');
+                            break;
+                    }
+                })(), this.j.defaultTimeout);
+            return (e)=>{
+                // Must be canceled synchronously — inside the debounced
+                // handler the browser has already submitted the parent
+                // form. See https://github.com/xdan/jodit/issues/918
+                if (e.key === _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_ENTER) {
+                    e.preventDefault();
+                    e.stopImmediatePropagation();
                 }
-            })(), this.j.defaultTimeout));
+                debounced(e);
+            };
+        })());
     }
 };
 __decorate([
@@ -45424,14 +45674,16 @@ class selectCells extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_5__.Plu
     /**
      * Mouse move inside the table
      */ __onMove(table, e) {
-        var _a;
+        var _a, _b;
         if (this.j.o.readonly && !this.j.isLocked) {
             return;
         }
         if (this.j.isLockedNotBy(key)) {
             return;
         }
-        const node = this.j.ed.elementFromPoint(e.clientX, e.clientY);
+        // Inside Shadow DOM `document.elementFromPoint` returns the shadow
+        // host, so the lookup must start from the shadow root
+        const node = ((_a = this.j.o.shadowRoot) !== null && _a !== void 0 ? _a : this.j.ed).elementFromPoint(e.clientX, e.clientY);
         if (!node) {
             return;
         }
@@ -45457,7 +45709,7 @@ class selectCells extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_5__.Plu
         }
         const cellsCount = this.__tableModule.getAllSelectedCells().length;
         if (cellsCount > 1) {
-            (_a = this.j.s.sel) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
+            (_b = this.j.s.sel) === null || _b === void 0 ? void 0 : _b.removeAllRanges();
         }
         this.j.e.fire('hidePopup');
         e.stopPropagation();
@@ -45487,13 +45739,15 @@ class selectCells extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_5__.Plu
     /**
      * Stop a selection process
      */ __onStopSelection(table, e) {
-        var _a, _b;
+        var _a, _b, _c;
         if (!this.__selectedCell) {
             return;
         }
         this.__isSelectionMode = false;
         this.j.unlock();
-        const node = this.j.ed.elementFromPoint(e.clientX, e.clientY);
+        // Inside Shadow DOM `document.elementFromPoint` returns the shadow
+        // host, so the lookup must start from the shadow root
+        const node = ((_a = this.j.o.shadowRoot) !== null && _a !== void 0 ? _a : this.j.ed).elementFromPoint(e.clientX, e.clientY);
         if (!node) {
             return;
         }
@@ -45512,7 +45766,7 @@ class selectCells extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_5__.Plu
             cell,
             this.__selectedCell
         ]), box = this.__tableModule.formalMatrix(table);
-        const max = (_a = box[bound[1][0]]) === null || _a === void 0 ? void 0 : _a[bound[1][1]], min = (_b = box[bound[0][0]]) === null || _b === void 0 ? void 0 : _b[bound[0][1]];
+        const max = (_b = box[bound[1][0]]) === null || _b === void 0 ? void 0 : _b[bound[1][1]], min = (_c = box[bound[0][0]]) === null || _c === void 0 ? void 0 : _c[bound[0][1]];
         // `getSelectedBound` keeps its `Infinity` sentinel when none of the
         // selected cells belong to this table's matrix — e.g. after a
         // drag-and-drop that moved/removed the cells, leaving a stale anchor and
@@ -46739,6 +46993,13 @@ function createSourceEditor(type, editor, container, toWYSIWYG, fromWYSIWYG) {
     }
     setFocusToMirror() {
         var _a;
+        const active = this.j.od.activeElement;
+        // do not steal focus from another editor or control — e.g. when the
+        // mode is switched programmatically (a Vue/React wrapper re-render)
+        // while the user is already typing elsewhere. See #1356
+        if (active && active !== this.j.od.body && !this.j.container.contains(active)) {
+            return;
+        }
         (_a = this.sourceEditor) === null || _a === void 0 ? void 0 : _a.focus();
     }
     saveSelection() {