jodit-pro 4.12.26 → 4.12.27

package/es2021/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.26
+ * Version: v4.12.27
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -1645,6 +1645,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;
     }
@@ -1746,7 +1754,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.12.26";
+ */ const APP_VERSION = "4.12.27";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -5030,9 +5038,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;
 }
 
 
@@ -12045,8 +12059,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.
@@ -12055,12 +12070,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',
@@ -12081,7 +12113,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;
@@ -15628,8 +15660,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;
         }
@@ -17387,6 +17422,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)) {
@@ -28512,13 +28558,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);
     }
@@ -30132,8 +30200,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;
         }
@@ -30332,7 +30403,13 @@ _core_ui_icon_js__WEBPACK_IMPORTED_MODULE_0__.Icon.set('enter', _enter_svg_js__W
         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();
             },
@@ -31102,13 +31179,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);
@@ -33282,26 +33372,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;
@@ -38969,10 +39068,30 @@ const align = {
         this.j.async.setTimeout(()=>{
             const sel = this.j.s.sel;
             if (sel && !sel.isCollapsed) {
-                this.showPopup(()=>this.j.s.range.getBoundingClientRect(), 'selection');
+                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();
     }
@@ -39004,7 +39123,7 @@ const align = {
         if (!node) {
             return;
         }
-        this.showPopup(()=>range.getBoundingClientRect(), type);
+        this.showPopup(()=>this.__selectionBound(), type);
     }
     /**
      * In not collapsed selection - only one image
@@ -41309,6 +41428,7 @@ const psKey = 'pasteStorage';
 _config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.paste = {
     tooltip: 'Paste from clipboard',
     async exec (editor, _, { control }) {
+        var _a;
         if (control.name === psKey) {
             editor.execCommand('showPasteStorage');
             return;
@@ -41319,7 +41439,13 @@ _config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.paste = {
             try {
                 const items = await navigator.clipboard.read();
                 if (items && items.length) {
-                    const textBlob = await 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 = await item.getType(type);
                     text = await new Response(textBlob).text();
                 }
                 error = false;
@@ -43932,20 +44058,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(async (e)=>{
-            switch(e.key){
-                case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_ENTER:
+        }).on(this.queryInput, 'keydown', (()=>{
+            const debounced = this.j.async.debounce(async (e)=>{
+                switch(e.key){
+                    case _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.KEY_ENTER:
+                        if (await 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();
-                    if (await jodit.e.fire('searchNext')) {
-                        this.close();
-                    }
-                    break;
-                default:
-                    jodit.e.fire(this, 'needUpdateCounters');
-                    break;
-            }
-        }, this.j.defaultTimeout));
+                }
+                debounced(e);
+            };
+        })());
     }
 };
 __decorate([
@@ -44092,14 +44228,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;
         }
@@ -44125,7 +44263,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();
@@ -44155,13 +44293,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;
         }
@@ -44180,7 +44320,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