jodit 3.8.8 → 3.9.2

package/build/jodit.es2018.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.8.8
+ * Version: v3.9.2
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -395,7 +395,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "SAFE_COUNT_CHANGE_CALL": function() { return /* binding */ SAFE_COUNT_CHANGE_CALL; },
 /* harmony export */   "IS_MAC": function() { return /* binding */ IS_MAC; },
 /* harmony export */   "KEY_ALIASES": function() { return /* binding */ KEY_ALIASES; },
-/* harmony export */   "BASE_PATH": function() { return /* binding */ BASE_PATH; }
+/* harmony export */   "BASE_PATH": function() { return /* binding */ BASE_PATH; },
+/* harmony export */   "TEMP_ATTR": function() { return /* binding */ TEMP_ATTR; }
 /* harmony export */ });
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -507,6 +508,7 @@ const BASE_PATH = (() => {
     }
     return window.location.href;
 })();
+const TEMP_ATTR = 'data-jodit-temp';
 
 
 /***/ }),
@@ -517,6 +519,7 @@ const BASE_PATH = (() => {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
+  "vp": function() { return /* reexport */ EventEmitter; },
   "DG": function() { return /* reexport */ EventHandlersStore; },
   "ng": function() { return /* reexport */ EventsNative; },
   "P5": function() { return /* reexport */ ObserveObject; },
@@ -586,7 +589,7 @@ var is_function = __webpack_require__(6);
 var is_array = __webpack_require__(7);
 // EXTERNAL MODULE: ./src/core/helpers/type.ts
 var type = __webpack_require__(4);
-;// CONCATENATED MODULE: ./src/core/events/events-native.ts
+;// CONCATENATED MODULE: ./src/core/events/event-emitter.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -597,10 +600,10 @@ var type = __webpack_require__(4);
 
 
 
-class EventsNative {
+class EventEmitter {
     constructor(doc) {
         this.mutedEvents = new Set();
-        this.__key = '__JoditEventsNativeNamespaces';
+        this.__key = '__JoditEventEmitterNamespaces';
         this.doc = document;
         this.prepareEvent = (event) => {
             if (event.cancelBubble) {
@@ -972,6 +975,8 @@ class EventsNative {
         delete this[this.__key];
     }
 }
+class EventsNative extends EventEmitter {
+}
 
 // EXTERNAL MODULE: ./node_modules/tslib/tslib.es6.js
 var tslib_es6 = __webpack_require__(18);
@@ -2887,7 +2892,7 @@ function getContainer(jodit, classFunc, tag = 'div', createInsideEditor = false)
     data[key].classList.add(`jodit_theme_${view.o.theme || 'default'}`);
     return data[key];
 }
-const eventEmitter = new _events__WEBPACK_IMPORTED_MODULE_3__/* .EventsNative */ .ng();
+const eventEmitter = new _events__WEBPACK_IMPORTED_MODULE_3__/* .EventEmitter */ .vp();
 
 
 /***/ }),
@@ -3064,6 +3069,7 @@ PluginSystem.styles = new Set();
 
 
 
+
 class Dom {
     static detach(node) {
         while (node.firstChild) {
@@ -3124,22 +3130,6 @@ class Dom {
             Dom.safeRemove(node);
         }
     }
-    static each(elm, callback) {
-        let node = elm.firstChild;
-        if (node) {
-            while (node) {
-                const next = Dom.next(node, Boolean, elm);
-                if (callback(node) === false) {
-                    return false;
-                }
-                if (node.parentNode && !Dom.each(node, callback)) {
-                    return false;
-                }
-                node = next;
-            }
-        }
-        return true;
-    }
     static between(start, end, callback) {
         let next = start;
         while (next && next !== end) {
@@ -3282,10 +3272,10 @@ class Dom {
         return null;
     }
     static prev(node, condition, root, withChild = true) {
-        return Dom.find(node, condition, root, false, 'previousSibling', withChild ? 'lastChild' : false);
+        return Dom.find(node, condition, root, false, withChild);
     }
     static next(node, condition, root, withChild = true) {
-        return Dom.find(node, condition, root, undefined, undefined, withChild ? 'firstChild' : false);
+        return Dom.find(node, condition, root, true, withChild);
     }
     static prevWithClass(node, className) {
         return Dom.prev(node, node => {
@@ -3295,28 +3285,63 @@ class Dom {
     static nextWithClass(node, className) {
         return Dom.next(node, elm => Dom.isElement(elm) && elm.classList.contains(className), node.parentNode);
     }
-    static find(node, condition, root, recurse = false, sibling = 'nextSibling', child = 'firstChild') {
-        if (recurse && condition(node)) {
-            return node;
+    static find(node, condition, root, leftToRight = true, withChild = true) {
+        const gen = this.nextGen(node, root, leftToRight, withChild);
+        let item = gen.next();
+        while (!item.done) {
+            if (condition(item.value)) {
+                return item.value;
+            }
+            item = gen.next();
         }
-        let start = node, next;
+        return null;
+    }
+    static *nextGen(start, root, leftToRight = true, withChild = true) {
+        const stack = [];
+        let currentNode = start;
         do {
-            next = start[sibling];
-            if (condition(next)) {
-                return next ? next : null;
+            let next = leftToRight
+                ? currentNode.nextSibling
+                : currentNode.previousSibling;
+            while (next) {
+                stack.unshift(next);
+                next = leftToRight ? next.nextSibling : next.previousSibling;
+            }
+            yield* this.runInStack(start, stack, leftToRight, withChild);
+            currentNode = currentNode.parentNode;
+        } while (currentNode !== root);
+        return null;
+    }
+    static each(elm, callback, leftToRight = true) {
+        const gen = this.eachGen(elm, leftToRight);
+        let item = gen.next();
+        while (!item.done) {
+            if (callback(item.value) === false) {
+                return false;
             }
-            if (child && next && next[child]) {
-                const nextOne = Dom.find(next[child], condition, next, true, sibling, child);
-                if (nextOne) {
-                    return nextOne;
-                }
+            item = gen.next();
+        }
+        return true;
+    }
+    static eachGen(root, leftToRight = true) {
+        return this.runInStack(root, [root], leftToRight);
+    }
+    static *runInStack(start, stack, leftToRight, withChild = true) {
+        while (stack.length) {
+            const item = stack.pop();
+            if (start !== item) {
+                yield item;
             }
-            if (!next) {
-                next = start.parentNode;
+            if (withChild) {
+                let child = leftToRight ? item.lastChild : item.firstChild;
+                while (child) {
+                    stack.push(child);
+                    child = leftToRight
+                        ? child.previousSibling
+                        : child.nextSibling;
+                }
             }
-            start = next;
-        } while (start && start !== root);
-        return null;
+        }
     }
     static findWithCurrent(node, condition, root, sibling = 'nextSibling', child = 'firstChild') {
         let next = node;
@@ -3495,21 +3520,20 @@ class Dom {
     }
     static markTemporary(element, attributes) {
         attributes && (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.attr)(element, attributes);
-        (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.attr)(element, 'data-jodit-temp', true);
+        (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.attr)(element, _constants__WEBPACK_IMPORTED_MODULE_0__.TEMP_ATTR, true);
         return element;
     }
     static isTemporary(element) {
         if (!Dom.isElement(element)) {
             return false;
         }
-        return (_selection__WEBPACK_IMPORTED_MODULE_2__/* .Select.isMarker */ .P.isMarker(element) ||
-            (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.attr)(element, 'data-jodit-temp') === 'true');
+        return _selection__WEBPACK_IMPORTED_MODULE_2__/* .Select.isMarker */ .P.isMarker(element) || (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.attr)(element, _constants__WEBPACK_IMPORTED_MODULE_0__.TEMP_ATTR) === 'true';
     }
     static replaceTemporaryFromString(value) {
         return value.replace(/<([a-z]+)[^>]+data-jodit-temp[^>]+>(.+?)<\/\1>/gi, '$2');
     }
     static temporaryList(root) {
-        return (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.$$)('[data-jodit-temp]', root);
+        return (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.$$)(`[${_constants__WEBPACK_IMPORTED_MODULE_0__.TEMP_ATTR}]`, root);
     }
 }
 
@@ -3564,6 +3588,11 @@ function elementHasSameStyle(elm, rules) {
                     .toLowerCase() === value.toString().toLowerCase());
         }));
 }
+function elementHasSameStyleKeys(elm, rules) {
+    return Boolean(!dom/* Dom.isTag */.i.isTag(elm, 'font') &&
+        dom/* Dom.isHTMLElement */.i.isHTMLElement(elm) &&
+        Object.keys(rules).every(property => !(0,helpers.isVoid)((0,helpers.css)(elm, property, true))));
+}
 
 ;// CONCATENATED MODULE: ./src/core/selection/style/api/is-suit-element.ts
 
@@ -3580,10 +3609,16 @@ function isSuitElement(commitStyle, elm, strict) {
         (elmHasSameStyle && isNormalNode(elm))) {
         return true;
     }
-    if (!elmIsSame && !strict && elementIsDefault && dom/* Dom.isInlineBlock */.i.isInlineBlock(elm)) {
-        return true;
+    return Boolean(!elmIsSame && !strict && elementIsDefault && dom/* Dom.isInlineBlock */.i.isInlineBlock(elm));
+}
+function isSameStyleChild(commitStyle, elm) {
+    const { element, options } = commitStyle;
+    if (!elm || !isNormalNode(elm)) {
+        return false;
     }
-    return false;
+    const elmIsSame = elm.nodeName.toLowerCase() === element;
+    const elmHasSameStyle = Boolean(options.style && elementHasSameStyleKeys(elm, options.style));
+    return elmIsSame && elmHasSameStyle;
 }
 
 ;// CONCATENATED MODULE: ./src/core/selection/style/api/get-suit-parent.ts
@@ -3597,7 +3632,7 @@ function isSuitElement(commitStyle, elm, strict) {
 
 function getSuitParent(style, node, root) {
     const { parentNode } = node;
-    if (parentNode &&
+    if (dom/* Dom.isHTMLElement */.i.isHTMLElement(parentNode) &&
         !dom/* Dom.next */.i.next(node, isNormalNode, parentNode) &&
         !dom/* Dom.prev */.i.prev(node, isNormalNode, parentNode) &&
         isSuitElement(style, parentNode, false) &&
@@ -4090,24 +4125,48 @@ class Select {
         this.j.e.fire('afterInsertImage', image);
     }
     eachSelection(callback) {
+        var _a;
         const sel = this.sel;
         if (sel && sel.rangeCount) {
             const range = sel.getRangeAt(0);
-            const nodes = [], startOffset = range.startOffset, length = this.area.childNodes.length, elementOffset = startOffset < length ? startOffset : length - 1, start = range.startContainer === this.area
-                ? this.area.childNodes[elementOffset]
+            let root = range.commonAncestorContainer;
+            if (!dom/* Dom.isHTMLElement */.i.isHTMLElement(root)) {
+                root = root.parentElement;
+            }
+            const nodes = [], startOffset = range.startOffset, length = root.childNodes.length, elementOffset = startOffset < length ? startOffset : length - 1;
+            let start = range.startContainer === this.area
+                ? root.childNodes[elementOffset]
                 : range.startContainer, end = range.endContainer === this.area
-                ? this.area.childNodes[range.endOffset - 1]
+                ? root.childNodes[range.endOffset - 1]
                 : range.endContainer;
-            dom/* Dom.find */.i.find(start, (node) => {
+            if (dom/* Dom.isText */.i.isText(start) &&
+                start === range.startContainer &&
+                range.startOffset === ((_a = start.nodeValue) === null || _a === void 0 ? void 0 : _a.length) &&
+                start.nextSibling) {
+                start = start.nextSibling;
+            }
+            if (dom/* Dom.isText */.i.isText(end) &&
+                end === range.endContainer &&
+                range.endOffset === 0 &&
+                end.previousSibling) {
+                end = end.previousSibling;
+            }
+            const checkElm = (node) => {
                 if (node &&
-                    node !== this.area &&
+                    node !== root &&
                     !dom/* Dom.isEmptyTextNode */.i.isEmptyTextNode(node) &&
                     !Select.isMarker(node)) {
                     nodes.push(node);
                 }
-                return (node === end ||
-                    (node && node.contains && node.contains(end)));
-            }, this.area, true, 'nextSibling', false);
+            };
+            checkElm(start);
+            if (start !== end) {
+                dom/* Dom.find */.i.find(start, node => {
+                    checkElm(node);
+                    return (node === end ||
+                        (node && node.contains && node.contains(end)));
+                }, root, true, false);
+            }
             const forEvery = (current) => {
                 if (!dom/* Dom.isOrContains */.i.isOrContains(this.j.editor, current, true)) {
                     return;
@@ -4495,25 +4554,49 @@ function extractAndMove(wrapper, range, left) {
  */
 
 
+
 function unwrapChildren(style, font) {
     const needUnwrap = [];
+    const needChangeStyle = [];
     let firstElementSuit;
+    const cssStyle = style.options.style;
     if (font.firstChild) {
-        dom/* Dom.find */.i.find(font.firstChild, (elm) => {
-            if (elm && isSuitElement(style, elm, true)) {
+        const gen = dom/* Dom.eachGen */.i.eachGen(font);
+        let item = gen.next();
+        while (!item.done) {
+            const elm = item.value;
+            if (isSuitElement(style, elm, true)) {
                 if (firstElementSuit === undefined) {
                     firstElementSuit = true;
                 }
                 needUnwrap.push(elm);
             }
-            else {
+            else if (cssStyle && isSameStyleChild(style, elm)) {
                 if (firstElementSuit === undefined) {
                     firstElementSuit = false;
                 }
+                needChangeStyle.push(() => {
+                    (0,helpers.css)(elm, Object.keys(cssStyle).reduce((acc, key) => {
+                        acc[key] = null;
+                        return acc;
+                    }, {}));
+                    if (!(0,helpers.attr)(elm, 'style')) {
+                        (0,helpers.attr)(elm, 'style', null);
+                    }
+                    if (elm.nodeName.toLowerCase() === style.element) {
+                        needUnwrap.push(elm);
+                    }
+                });
             }
-            return false;
-        }, font, true);
+            else if (!dom/* Dom.isEmptyTextNode */.i.isEmptyTextNode(elm)) {
+                if (firstElementSuit === undefined) {
+                    firstElementSuit = false;
+                }
+            }
+            item = gen.next();
+        }
     }
+    needChangeStyle.forEach(clb => clb());
     needUnwrap.forEach(dom/* Dom.unwrap */.i.unwrap);
     return Boolean(firstElementSuit);
 }
@@ -4544,10 +4627,13 @@ function postProcessListElement(style, wrapper, ci) {
  */
 
 
-function wrapUnwrappedText(style, elm, root, ci, getRange) {
-    const edge = (n, key = 'previousSibling') => {
+function wrapUnwrappedText(style, elm, jodit, getRange) {
+    const root = jodit.editor, ci = jodit.createInside, edge = (n, key = 'previousSibling') => {
         let edgeNode = n, node = n;
         while (node) {
+            if (dom/* Dom.isTag */.i.isTag(node, jodit.o.enter)) {
+                break;
+            }
             edgeNode = node;
             if (node[key]) {
                 node = node[key];
@@ -4651,19 +4737,20 @@ function toggleStyles(style, elm, wrap) {
 
 
 function ApplyStyle(jodit, style) {
-    const { s: sel, editor: root, createInside: ci } = jodit, rng = () => sel.createRange();
+    const { s: sel } = jodit, rng = () => sel.createRange();
     let wrap = null;
     sel.save();
     (0,helpers.normalizeNode)(sel.area.firstChild);
     const gen = jodit.s.wrapInTagGen();
     let font = gen.next();
     while (!font.done) {
-        wrap = applyToElement(style, font.value, root, rng, ci, wrap);
+        wrap = applyToElement(style, font.value, rng, jodit, wrap);
         font = gen.next();
     }
     sel.restore();
 }
-function applyToElement(style, font, root, range, ci, wrap) {
+function applyToElement(style, font, range, jodit, wrap) {
+    const root = jodit.editor;
     if (checkSpecialElements(font, root)) {
         return wrap;
     }
@@ -4698,13 +4785,13 @@ function applyToElement(style, font, root, range, ci, wrap) {
             wrapper = box;
         }
         else {
-            wrapper = wrapUnwrappedText(style, font, root, ci, range);
+            wrapper = wrapUnwrappedText(style, font, jodit, range);
         }
     }
-    const newWrapper = dom/* Dom.replace */.i.replace(wrapper, style.element, ci, true);
+    const newWrapper = dom/* Dom.replace */.i.replace(wrapper, style.element, jodit.createInside, true);
     (0,helpers.attr)(newWrapper, 'size', null);
     if (style.elementIsBlock) {
-        postProcessListElement(style, newWrapper, ci);
+        postProcessListElement(style, newWrapper, jodit.createInside);
     }
     if (style.options.style && style.elementIsDefault) {
         (0,helpers.css)(newWrapper, style.options.style);
@@ -7415,8 +7502,9 @@ UIList = (0,tslib_es6/* __decorate */.gn)([
 
 function getControlType(button, controls) {
     let buttonControl;
-    if (!controls)
+    if (!controls) {
         controls = _config__WEBPACK_IMPORTED_MODULE_1__/* .Config.defaultOptions.controls */ .D.defaultOptions.controls;
+    }
     if (!(0,_helpers__WEBPACK_IMPORTED_MODULE_0__.isString)(button)) {
         buttonControl = { name: 'empty', ...(0,_helpers__WEBPACK_IMPORTED_MODULE_0__.ConfigFlatten)(button) };
         if (controls[buttonControl.name] !== undefined) {
@@ -13870,6 +13958,7 @@ __webpack_require__.d(modules_namespaceObject, {
   "Create": function() { return Create; },
   "Dialog": function() { return Dialog; },
   "Dom": function() { return dom/* Dom */.i; },
+  "EventEmitter": function() { return events/* EventEmitter */.vp; },
   "EventHandlersStore": function() { return events/* EventHandlersStore */.DG; },
   "EventsNative": function() { return events/* EventsNative */.ng; },
   "FileBrowser": function() { return FileBrowser; },
@@ -13883,6 +13972,7 @@ __webpack_require__.d(modules_namespaceObject, {
   "Popup": function() { return ui/* Popup */.GI; },
   "ProgressBar": function() { return ui/* ProgressBar */.ko; },
   "Prompt": function() { return Prompt; },
+  "Response": function() { return response_Response; },
   "STATUSES": function() { return component/* STATUSES */.n$; },
   "Select": function() { return selection/* Select */.P; },
   "Snapshot": function() { return Snapshot; },
@@ -14258,15 +14348,39 @@ class Async {
     }
 }
 
-;// CONCATENATED MODULE: ./src/core/ajax.ts
+;// CONCATENATED MODULE: ./src/core/request/response.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+class response_Response {
+    constructor(request, status, statusText, body) {
+        this.request = request;
+        this.status = status;
+        this.statusText = statusText;
+        this.body = body;
+    }
+    get url() {
+        return this.request.url;
+    }
+    async json() {
+        return JSON.parse(this.body);
+    }
+    text() {
+        return Promise.resolve(this.body);
+    }
+}
 
+;// CONCATENATED MODULE: ./src/core/request/config.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
 
 config/* Config.prototype.defaultAjaxOptions */.D.prototype.defaultAjaxOptions = {
+    successStatuses: [200, 201, 202],
     dataType: 'json',
     method: 'GET',
     url: '',
@@ -14280,15 +14394,25 @@ config/* Config.prototype.defaultAjaxOptions */.D.prototype.defaultAjaxOptions =
         return new XMLHttpRequest();
     }
 };
+
+;// CONCATENATED MODULE: ./src/core/request/ajax.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+
+
+
 class Ajax {
     constructor(jodit, options) {
         this.jodit = jodit;
-        this.successResponseCodes = [200, 201, 202];
         this.resolved = false;
         this.activated = false;
         this.options = (0,helpers.ConfigProto)(options || {}, config/* Config.prototype.defaultAjaxOptions */.D.prototype.defaultAjaxOptions);
         this.xhr = this.o.xhr ? this.o.xhr() : new XMLHttpRequest();
-        jodit && jodit.e && jodit.e.on('beforeDestruct', () => this.abort());
+        jodit && jodit.e && jodit.e.on('beforeDestruct', () => this.destruct());
     }
     __buildParams(obj, prefix) {
         if ((0,helpers.isFunction)(this.o.queryBuild)) {
@@ -14316,33 +14440,22 @@ class Ajax {
     }
     send() {
         this.activated = true;
-        return new Promise((resolve, reject) => {
-            const __parse = (resp) => {
-                let result = null;
-                if (this.o.dataType === 'json') {
-                    result = JSON.parse(resp);
-                }
-                if (!result) {
-                    throw (0,helpers.error)('No JSON format');
-                }
-                return result;
-            };
-            this.xhr.onabort = () => {
-                reject((0,helpers.error)(this.xhr.statusText));
-            };
-            this.xhr.onerror = () => {
-                reject((0,helpers.error)(this.xhr.statusText));
-            };
-            this.xhr.ontimeout = () => {
-                reject((0,helpers.error)(this.xhr.statusText));
+        const { xhr, o } = this;
+        const request = this.prepareRequest();
+        return this.j.async.promise((resolve, reject) => {
+            var _a;
+            const onReject = () => {
+                reject((0,helpers.error)('Connection error'));
             };
-            this.xhr.onload = () => {
-                this.response = this.xhr.responseText;
-                this.status = this.xhr.status;
+            const onResolve = () => {
                 this.resolved = true;
-                resolve.call(this.xhr, __parse(this.response) || {});
+                resolve(new response_Response(request, xhr.status, xhr.statusText, xhr.responseText));
             };
-            this.xhr.onprogress = (e) => {
+            xhr.onabort = onReject;
+            xhr.onerror = onReject;
+            xhr.ontimeout = onReject;
+            xhr.onload = onResolve;
+            xhr.onprogress = (e) => {
                 var _a, _b;
                 let percentComplete = 0;
                 if (e.lengthComputable) {
@@ -14350,37 +14463,32 @@ class Ajax {
                 }
                 (_b = (_a = this.options).onProgress) === null || _b === void 0 ? void 0 : _b.call(_a, percentComplete);
             };
-            this.xhr.onreadystatechange = () => {
+            xhr.onreadystatechange = () => {
                 var _a, _b;
                 (_b = (_a = this.options).onProgress) === null || _b === void 0 ? void 0 : _b.call(_a, 10);
-                if (this.xhr.readyState === XMLHttpRequest.DONE) {
-                    const resp = this.xhr.responseText;
-                    this.response = resp;
-                    this.status = this.xhr.status;
-                    this.resolved = true;
-                    if (this.successResponseCodes.indexOf(this.xhr.status) >
-                        -1) {
-                        resolve.call(this.xhr, __parse(resp));
+                if (xhr.readyState === XMLHttpRequest.DONE) {
+                    if (o.successStatuses.includes(xhr.status)) {
+                        onResolve();
                     }
                     else {
-                        reject.call(this.xhr, (0,helpers.error)(this.xhr.statusText ||
-                            this.j.i18n('Connection error!')));
+                        reject((0,helpers.error)(xhr.statusText || 'Connection error'));
                     }
                 }
             };
-            this.xhr.withCredentials = this.o.withCredentials || false;
-            const { url, data, method } = this.prepareRequest();
-            this.xhr.open(method, url, true);
-            if (this.o.contentType && this.xhr.setRequestHeader) {
-                this.xhr.setRequestHeader('Content-type', this.o.contentType);
-            }
-            if (this.o.headers && this.xhr.setRequestHeader) {
-                (0,helpers.each)(this.o.headers, (key, value) => {
-                    this.xhr.setRequestHeader(key, value);
+            xhr.withCredentials = (_a = o.withCredentials) !== null && _a !== void 0 ? _a : false;
+            const { url, data, method } = request;
+            xhr.open(method, url, true);
+            if (o.contentType && xhr.setRequestHeader) {
+                xhr.setRequestHeader('Content-type', o.contentType);
+            }
+            const { headers } = o;
+            if (headers && xhr.setRequestHeader) {
+                Object.keys(headers).forEach(key => {
+                    xhr.setRequestHeader(key, headers[key]);
                 });
             }
             this.j.async.setTimeout(() => {
-                this.xhr.send(data ? this.__buildParams(data) : undefined);
+                xhr.send(data ? this.__buildParams(data) : undefined);
             }, 0);
         });
     }
@@ -14422,6 +14530,15 @@ class Ajax {
 }
 Ajax.log = [];
 
+;// CONCATENATED MODULE: ./src/core/request/index.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+
+
 // EXTERNAL MODULE: ./src/core/component/index.ts + 3 modules
 var component = __webpack_require__(12);
 // EXTERNAL MODULE: ./src/core/ui/popup/index.ts + 1 modules
@@ -14445,7 +14562,7 @@ class ContextMenu extends ui_popup/* Popup */.G {
         return 'ContextMenu';
     }
     show(x, y, actions) {
-        const self = this, content = this.j.c.div('jodit-context-menu__actions');
+        const self = this, content = this.j.c.div(this.getFullElName('actions'));
         if (!(0,checker/* isArray */.kJ)(actions)) {
             return;
         }
@@ -14644,7 +14761,7 @@ class View extends component/* Component */.wA {
         this.isView = true;
         this.mods = {};
         this.components = new Set();
-        this.version = "3.8.8";
+        this.version = "3.9.2";
         this.async = new Async();
         this.buffer = Storage.makeStorage();
         this.storage = Storage.makeStorage(true, this.componentName);
@@ -14657,7 +14774,7 @@ class View extends component/* Component */.wA {
         this.buffer = Storage.makeStorage();
         this.initOptions(options);
         this.initOwners();
-        this.events = new events/* EventsNative */.ng(this.od);
+        this.events = new events/* EventEmitter */.vp(this.od);
         this.create = new Create(this.od);
         this.container = this.c.div();
         this.container.classList.add('jodit');
@@ -14742,10 +14859,10 @@ class View extends component/* Component */.wA {
         return this.__isFullSize;
     }
     getVersion() {
-        return "3.8.8";
+        return "3.9.2";
     }
     static getVersion() {
-        return "3.8.8";
+        return "3.9.2";
     }
     initOptions(options) {
         this.options = (0,helpers.ConfigProto)(options || {}, (0,helpers.ConfigProto)(this.options || {}, View.defaultOptions));
@@ -16628,7 +16745,7 @@ class DataProvider {
     get o() {
         return this.options;
     }
-    get(name, success, error) {
+    get(name) {
         const ai = this.ajaxInstances;
         if (ai.has(name)) {
             const ajax = ai.get(name);
@@ -16644,25 +16761,21 @@ class DataProvider {
             opts.data = opts.prepareData.call(this, opts.data);
         }
         const ajax = new Ajax(this.parent, opts);
-        let promise = ajax.send();
         ai.set(name, ajax);
-        promise = promise.then(resp => {
-            if (!this.isSuccess(resp)) {
-                throw new Error(this.getMessage(resp));
-            }
-            return resp;
-        });
-        if (success) {
-            promise = promise.then(success);
-        }
-        if (error) {
-            promise = promise.catch(error);
-        }
-        return promise.finally(() => {
+        const promise = ajax.send();
+        promise.finally(() => {
             ajax.destruct();
             ai.delete(name);
             this.progressHandler(100);
         });
+        return promise
+            .then(resp => resp.json())
+            .then(resp => {
+            if (resp && !this.isSuccess(resp)) {
+                throw new Error(this.getMessage(resp));
+            }
+            return resp;
+        });
     }
     onProgress(callback) {
         this.progressHandler = callback;
@@ -16764,7 +16877,7 @@ class DataProvider {
     }
     getPathByUrl(url) {
         (0,helpers.set)('options.getLocalFileByUrl.data.url', url, this);
-        return this.get('getLocalFileByUrl', resp => {
+        return this.get('getLocalFileByUrl').then(resp => {
             if (this.isSuccess(resp)) {
                 return resp.data;
             }
@@ -16816,9 +16929,6 @@ class DataProvider {
             if (fr.process) {
                 resp = fr.process.call(this, resp);
             }
-            if (!this.isSuccess(resp)) {
-                throw (0,helpers.error)(this.getMessage(resp));
-            }
             return this.getMessage(resp);
         });
     }
@@ -16841,9 +16951,6 @@ class DataProvider {
             if (fr.process) {
                 resp = fr.process.call(self, resp);
             }
-            if (!this.isSuccess(resp)) {
-                throw (0,helpers.error)(this.getMessage(resp));
-            }
             return this.getMessage(resp);
         });
     }
@@ -16872,11 +16979,8 @@ class DataProvider {
         query.data.path = path;
         query.data.name = name;
         query.data.source = source;
-        return this.get(type).then(resp => {
-            if (this.isSuccess(resp)) {
-                return true;
-            }
-            throw (0,helpers.error)(this.getMessage(resp));
+        return this.get(type).then(() => {
+            return true;
         });
     }
     crop(path, source, name, newname, box) {
@@ -18840,9 +18944,7 @@ class Table extends component/* ViewComponent */.Hr {
     }
     static getColumnsCount(table) {
         const matrix = Table.formalMatrix(table);
-        return matrix.reduce((max_count, cells) => {
-            return Math.max(max_count, cells.length);
-        }, 0);
+        return matrix.reduce((max_count, cells) => Math.max(max_count, cells.length), 0);
     }
     static formalMatrix(table, callback) {
         const matrix = [[]];
@@ -18897,6 +18999,7 @@ class Table extends component/* ViewComponent */.Hr {
         return [i, j, width, height];
     }
     static appendRow(table, line, after, create) {
+        var _a;
         let row;
         if (!line) {
             const columnsCount = Table.getColumnsCount(table);
@@ -18926,7 +19029,7 @@ class Table extends component/* ViewComponent */.Hr {
             line.parentNode && line.parentNode.insertBefore(row, line);
         }
         else {
-            ((0,helpers.$$)(':scope>tbody', table)[0] || table).appendChild(row);
+            (((_a = table.getElementsByTagName('tbody')) === null || _a === void 0 ? void 0 : _a[0]) || table).appendChild(row);
         }
     }
     static removeRow(table, rowIndex) {
@@ -18946,12 +19049,14 @@ class Table extends component/* ViewComponent */.Hr {
                     while (box[rowIndex + 1][nextCell] === cell) {
                         nextCell += 1;
                     }
-                    const nextRow = dom/* Dom.next */.i.next(cell.parentNode, (elm) => dom/* Dom.isTag */.i.isTag(elm, 'tr'), table);
-                    if (box[rowIndex + 1][nextCell]) {
-                        nextRow.insertBefore(cell, box[rowIndex + 1][nextCell]);
-                    }
-                    else {
-                        nextRow.appendChild(cell);
+                    const nextRow = dom/* Dom.next */.i.next(cell.parentNode, elm => dom/* Dom.isTag */.i.isTag(elm, 'tr'), table);
+                    if (nextRow) {
+                        if (box[rowIndex + 1][nextCell]) {
+                            nextRow.insertBefore(cell, box[rowIndex + 1][nextCell]);
+                        }
+                        else {
+                            nextRow.appendChild(cell);
+                        }
                     }
                 }
             }
@@ -18961,7 +19066,7 @@ class Table extends component/* ViewComponent */.Hr {
             if (dec &&
                 (cell.parentNode === row || cell !== box[rowIndex][j - 1])) {
                 const rowSpan = cell.rowSpan;
-                (0,helpers.attr)(cell, 'rowspan', rowSpan - 1 > 1 ? (rowSpan - 1).toString() : null);
+                (0,helpers.attr)(cell, 'rowspan', rowSpan - 1 > 1 ? rowSpan - 1 : null);
             }
         });
         dom/* Dom.safeRemove */.i.safeRemove(row);
@@ -18980,8 +19085,7 @@ class Table extends component/* ViewComponent */.Hr {
                 if ((box[i] && td && j + 1 >= box[i].length) ||
                     td !== box[i][j + 1]) {
                     if (td.nextSibling) {
-                        td.parentNode &&
-                            td.parentNode.insertBefore(cell, td.nextSibling);
+                        dom/* Dom.before */.i.before(td.nextSibling, cell);
                     }
                     else {
                         td.parentNode && td.parentNode.appendChild(cell);
@@ -18992,13 +19096,12 @@ class Table extends component/* ViewComponent */.Hr {
             else {
                 if (j - 1 < 0 ||
                     (box[i][j] !== box[i][j - 1] && box[i][j].parentNode)) {
-                    td.parentNode &&
-                        td.parentNode.insertBefore(cell, box[i][j]);
+                    dom/* Dom.before */.i.before(box[i][j], cell);
                     added = true;
                 }
             }
             if (!added) {
-                box[i][j].setAttribute('colspan', (parseInt((0,helpers.attr)(box[i][j], 'colspan') || '1', 10) + 1).toString());
+                (0,helpers.attr)(box[i][j], 'colspan', parseInt((0,helpers.attr)(box[i][j], 'colspan') || '1', 10) + 1);
             }
         }
     }
@@ -19123,15 +19226,15 @@ class Table extends component/* ViewComponent */.Hr {
                 }
                 if (box[i][j].hasAttribute('rowspan') &&
                     box[i][j].rowSpan === 1) {
-                    box[i][j].removeAttribute('rowspan');
+                    (0,helpers.attr)(box[i][j], 'rowspan', null);
                 }
                 if (box[i][j].hasAttribute('colspan') &&
                     box[i][j].colSpan === 1) {
-                    box[i][j].removeAttribute('colspan');
+                    (0,helpers.attr)(box[i][j], 'colspan', null);
                 }
                 if (box[i][j].hasAttribute('class') &&
                     !(0,helpers.attr)(box[i][j], 'class')) {
-                    box[i][j].removeAttribute('class');
+                    (0,helpers.attr)(box[i][j], 'class', null);
                 }
             }
         }
@@ -19252,13 +19355,11 @@ class Table extends component/* ViewComponent */.Hr {
     static splitVertical(table, jodit) {
         let coord, td, percentage;
         const __marked = [];
-        Table.getSelectedCellsByTable(table).forEach((cell) => {
+        Table.getSelectedCellsByTable(table).forEach(cell => {
             coord = Table.formalCoordinate(table, cell);
             if (cell.colSpan < 2) {
                 Table.formalMatrix(table, (tdElm, i, j) => {
-                    if (coord[1] === j &&
-                        coord[0] !== i &&
-                        tdElm !== cell) {
+                    if (coord[1] === j && coord[0] !== i && tdElm !== cell) {
                         Table.__mark(tdElm, 'colspan', tdElm.colSpan + 1, __marked);
                     }
                 });
@@ -19285,12 +19386,13 @@ class Table extends component/* ViewComponent */.Hr {
         const box = Table.formalMatrix(table);
         for (let i = 0; i < box.length; i += 1) {
             const cell = box[i][column];
-            if (cell.colSpan > 1) {
+            if (cell.colSpan > 1 && box.length > 1) {
                 continue;
             }
             const w = cell.offsetWidth;
             const percent = ((w + delta) / table.offsetWidth) * 100;
             Table.__mark(cell, 'width', percent.toFixed(constants.ACCURACY) + '%', marked);
+            break;
         }
         if (!noUnmark) {
             Table.__unmark(marked);
@@ -19312,20 +19414,10 @@ class Table extends component/* ViewComponent */.Hr {
                             dom/* Dom.safeRemove */.i.safeRemove(cell);
                             break;
                         case 'rowspan':
-                            if (value > 1) {
-                                cell.setAttribute('rowspan', value.toString());
-                            }
-                            else {
-                                cell.removeAttribute('rowspan');
-                            }
+                            (0,helpers.attr)(cell, 'rowspan', value > 1 ? value : null);
                             break;
                         case 'colspan':
-                            if (value > 1) {
-                                cell.setAttribute('colspan', value.toString());
-                            }
-                            else {
-                                cell.removeAttribute('colspan');
-                            }
+                            (0,helpers.attr)(cell, 'colspan', value > 1 ? value : null);
                             break;
                         case 'width':
                             cell.style.width = value.toString();
@@ -19523,6 +19615,7 @@ class Uploader extends component/* ViewComponent */.Hr {
             };
             return ajax
                 .send()
+                .then(resp => resp.json())
                 .then(resp => {
                 removeAjaxInstanceFromList();
                 success.call(this, resp);
@@ -21684,6 +21777,7 @@ class cleanHtml extends Plugin {
             if (!nodeElm) {
                 return work;
             }
+            nodeElm = this.replaceIfMatched(nodeElm);
             if (this.isRemovableNode(nodeElm, current)) {
                 remove.push(nodeElm);
                 return this.visitNode(nodeElm.nextSibling, current, remove);
@@ -21759,6 +21853,18 @@ class cleanHtml extends Plugin {
             .on('keyup.cleanHtml', this.onKeyUpCleanUp)
             .on('beforeCommand.cleanHtml', this.beforeCommand);
     }
+    replaceIfMatched(oldParent) {
+        const replaceOldTags = this.j.o.cleanHTML.replaceOldTags;
+        if (!replaceOldTags || !dom/* Dom.isHTMLElement */.i.isHTMLElement(oldParent)) {
+            return oldParent;
+        }
+        const tagName = replaceOldTags[oldParent.nodeName.toLowerCase()] ||
+            replaceOldTags[oldParent.nodeName];
+        if (tagName) {
+            return dom/* Dom.replace */.i.replace(oldParent, tagName, this.j.createInside, true, false);
+        }
+        return oldParent;
+    }
     onChangeCleanHTML() {
         if (!this.allowEdit()) {
             return;
@@ -21773,9 +21879,7 @@ class cleanHtml extends Plugin {
                 const oldParent = dom/* Dom.closest */.i.closest(current, tags, editor.editor);
                 if (oldParent) {
                     editor.s.save();
-                    const tagName = replaceOldTags[oldParent.nodeName.toLowerCase()] ||
-                        replaceOldTags[oldParent.nodeName];
-                    dom/* Dom.replace */.i.replace(oldParent, tagName, editor.createInside, true, false);
+                    this.replaceIfMatched(oldParent);
                     editor.s.restore();
                 }
             }
@@ -21890,13 +21994,16 @@ class cleanHtml extends Plugin {
             if (this.isInlineBlock(node)) {
                 shouldUnwrap.push(node);
             }
+            if (dom/* Dom.isElement */.i.isElement(node) && (0,helpers.attr)(node, 'style')) {
+                (0,helpers.attr)(node, 'style', null);
+            }
         });
         shouldUnwrap.forEach(node => dom/* Dom.unwrap */.i.unwrap(node));
         const clearParent = (node, left) => {
             if (!findNotEmptySibling(node, left)) {
                 const pn = node.parentNode;
-                if (pn && pn !== s.area && pn.getAttribute('style')) {
-                    pn.removeAttribute('style');
+                if (pn && pn !== s.area && (0,helpers.attr)(pn, 'style')) {
+                    (0,helpers.attr)(pn, 'style', null);
                     clearParent(pn, left);
                     return true;
                 }
@@ -24866,15 +24973,16 @@ function image_image(editor) {
 config/* Config.prototype.controls.indent */.D.prototype.controls.indent = {
     tooltip: 'Increase Indent'
 };
-const getKey = (direction) => direction === 'rtl' ? 'marginRight' : 'marginLeft';
+const getKey = (direction, box) => `${dom/* Dom.isCell */.i.isCell(box) ? 'padding' : 'margin'}${direction === 'rtl' ? 'Right' : 'Left'}`;
 config/* Config.prototype.controls.outdent */.D.prototype.controls.outdent = {
     isDisabled: (editor) => {
         const current = editor.s.current();
         if (current) {
             const currentBox = dom/* Dom.closest */.i.closest(current, dom/* Dom.isBlock */.i.isBlock, editor.editor);
-            const key = getKey(editor.o.direction);
-            if (currentBox && currentBox.style && currentBox.style[key]) {
-                return parseInt(currentBox.style[key], 10) <= 0;
+            if (currentBox) {
+                const arrow = getKey(editor.o.direction, currentBox);
+                return (!currentBox.style[arrow] ||
+                    parseInt(currentBox.style[arrow], 10) <= 0);
             }
         }
         return true;
@@ -24883,7 +24991,6 @@ config/* Config.prototype.controls.outdent */.D.prototype.controls.outdent = {
 };
 config/* Config.prototype.indentMargin */.D.prototype.indentMargin = 10;
 function indent(editor) {
-    const key = getKey(editor.o.direction);
     editor
         .registerButton({
         name: 'indent',
@@ -24894,13 +25001,13 @@ function indent(editor) {
         group: 'indent'
     });
     const callback = (command) => {
-        const indentedBoxes = [];
+        const processedElements = [];
         editor.s.eachSelection((current) => {
             editor.s.save();
             let currentBox = current
                 ? dom/* Dom.up */.i.up(current, dom/* Dom.isBlock */.i.isBlock, editor.editor)
                 : false;
-            const enter = editor.o.enter;
+            const { enter } = editor.o;
             if (!currentBox && current) {
                 currentBox = dom/* Dom.wrapInline */.i.wrapInline(current, enter !== constants.BR ? enter : constants.PARAGRAPH, editor);
             }
@@ -24908,9 +25015,10 @@ function indent(editor) {
                 editor.s.restore();
                 return false;
             }
-            const alreadyIndented = indentedBoxes.indexOf(currentBox) !== -1;
-            if (currentBox && currentBox.style && !alreadyIndented) {
-                indentedBoxes.push(currentBox);
+            const alreadyIndented = processedElements.includes(currentBox);
+            if (currentBox && !alreadyIndented) {
+                const key = getKey(editor.o.direction, currentBox);
+                processedElements.push(currentBox);
                 let value = currentBox.style[key]
                     ? parseInt(currentBox.style[key], 10)
                     : 0;
@@ -24918,7 +25026,7 @@ function indent(editor) {
                     editor.o.indentMargin * (command === 'outdent' ? -1 : 1);
                 currentBox.style[key] = value > 0 ? value + 'px' : '';
                 if (!(0,helpers.attr)(currentBox, 'style')) {
-                    currentBox.removeAttribute('style');
+                    (0,helpers.attr)(currentBox, 'style', null);
                 }
             }
             editor.s.restore();
@@ -27425,7 +27533,7 @@ let resizeHandler = class resizeHandler extends Plugin {
             this.j.unlock();
         }
     }
-    beforeDestruct(editor) {
+    beforeDestruct() {
         dom/* Dom.safeRemove */.i.safeRemove(this.handle);
         this.j.e.off(this.j.ow, 'mouseup touchsend', this.onHandleResizeEnd);
     }
@@ -27550,9 +27658,7 @@ let size = class size extends Plugin {
         }
     }
     beforeDestruct(jodit) {
-        this.j.e
-            .off(this.j.ow, 'load.size', this.resizeWorkspaces)
-            .off('.size');
+        jodit.e.off(jodit.ow, 'load.size', this.resizeWorkspaces).off('.size');
     }
 };
 size = (0,tslib_es6/* __decorate */.gn)([
@@ -28207,7 +28313,7 @@ class source extends Plugin {
             });
         }
     }
-    beforeDestruct(jodit) {
+    beforeDestruct() {
         if (this.sourceEditor) {
             this.sourceEditor.destruct();
             delete this.sourceEditor;
@@ -29397,10 +29503,23 @@ class selectCells extends Plugin {
                         dom/* Dom.safeRemove */.i.safeRemove(table);
                         break;
                     case 'binrow':
-                        Table.removeRow(table, cell.parentNode.rowIndex);
+                        new Set(cells.map(td => td.parentNode)).forEach(row => {
+                            Table.removeRow(table, row.rowIndex);
+                        });
                         break;
                     case 'bincolumn':
-                        Table.removeColumn(table, cell.cellIndex);
+                        {
+                            const columnsSet = new Set(), columns = cells.reduce((acc, td) => {
+                                if (!columnsSet.has(td.cellIndex)) {
+                                    acc.push(td);
+                                    columnsSet.add(td.cellIndex);
+                                }
+                                return acc;
+                            }, []);
+                            columns.forEach(td => {
+                                Table.removeColumn(table, td.cellIndex);
+                            });
+                        }
                         break;
                     case 'addcolumnafter':
                     case 'addcolumnbefore':