jodit 3.9.6 → 3.11.2

package/build/jodit.es2018.en.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.9.6
+ * Version: v3.11.2
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -801,7 +801,7 @@ class EventEmitter {
         }
         const newCallback = (...args) => {
             this.off(subject, events, newCallback);
-            callback(...args);
+            return callback(...args);
         };
         this.on(subject, events, newCallback, onTop);
         return this;
@@ -1254,6 +1254,7 @@ __webpack_require__.d(__webpack_exports__, {
   "keys": function() { return /* reexport */ utils/* keys */.XP; },
   "loadImage": function() { return /* reexport */ utils/* loadImage */.po; },
   "loadNext": function() { return /* reexport */ loadNext; },
+  "loadNextStyle": function() { return /* reexport */ loadNextStyle; },
   "markAsAtomic": function() { return /* reexport */ markAsAtomic; },
   "markDeprecated": function() { return /* reexport */ utils/* markDeprecated */.Q8; },
   "markOwner": function() { return /* reexport */ utils/* markOwner */.MN; },
@@ -2028,6 +2029,12 @@ const loadNext = (jodit, urls, i = 0) => {
     }
     return appendScriptAsync(jodit, urls[i]).then(() => loadNext(jodit, urls, i + 1));
 };
+const loadNextStyle = (jodit, urls, i = 0) => {
+    if (!(0,checker/* isString */.HD)(urls[i])) {
+        return Promise.resolve();
+    }
+    return appendStyleAsync(jodit, urls[i]).then(() => loadNextStyle(jodit, urls, i + 1));
+};
 
 ;// CONCATENATED MODULE: ./src/core/helpers/browser.ts
 /*!
@@ -2663,13 +2670,12 @@ __webpack_require__.d(__webpack_exports__, {
  * 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
  */
-var STATUSES;
-(function (STATUSES) {
-    STATUSES["beforeInit"] = "beforeInit";
-    STATUSES["ready"] = "ready";
-    STATUSES["beforeDestruct"] = "beforeDestruct";
-    STATUSES["destructed"] = "destructed";
-})(STATUSES || (STATUSES = {}));
+const STATUSES = {
+    beforeInit: 'beforeInit',
+    ready: 'ready',
+    beforeDestruct: 'beforeDestruct',
+    destructed: 'destructed'
+};
 
 // EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
 var helpers = __webpack_require__(8);
@@ -2854,9 +2860,18 @@ class ViewComponent extends Component {
 
 const instances = {};
 let counter = 1;
+const uuids = new Set();
 function uniqueUid() {
-    counter += 10 * (Math.random() + 1);
-    return Math.round(counter).toString(16);
+    function gen() {
+        counter += 10 * (Math.random() + 1);
+        return Math.round(counter).toString(16);
+    }
+    let uid = gen();
+    while (uuids.has(uid)) {
+        uid = gen();
+    }
+    uuids.add(uid);
+    return uid;
 }
 const pluginSystem = new _plugin_system__WEBPACK_IMPORTED_MODULE_0__/* .PluginSystem */ .h();
 const modules = {};
@@ -2873,7 +2888,7 @@ const extendLang = (langs) => {
 };
 const boxes = new WeakMap();
 function getContainer(jodit, classFunc, tag = 'div', createInsideEditor = false) {
-    const name = (0,_helpers___WEBPACK_IMPORTED_MODULE_2__.getClassName)(classFunc.prototype);
+    const name = classFunc ? (0,_helpers___WEBPACK_IMPORTED_MODULE_2__.getClassName)(classFunc.prototype) : 'jodit-utils';
     const data = boxes.get(jodit) || {}, key = name + tag;
     const view = (0,_helpers___WEBPACK_IMPORTED_MODULE_2__.isViewObject)(jodit) ? jodit : jodit.j;
     if (!data[key]) {
@@ -3164,6 +3179,9 @@ class Dom {
         }
     }
     static replace(elm, newTagName, create, withAttributes = false, notMoveContent = false) {
+        if ((0,_helpers__WEBPACK_IMPORTED_MODULE_1__.isHTML)(newTagName)) {
+            newTagName = create.fromHTML(newTagName);
+        }
         const tag = (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.isString)(newTagName)
             ? create.element(newTagName)
             : newTagName;
@@ -3192,6 +3210,11 @@ class Dom {
     static isEmptyContent(node) {
         return Dom.each(node, (elm) => Dom.isEmptyTextNode(elm));
     }
+    static isContentEditable(node, root) {
+        return (Dom.isNode(node) &&
+            !Dom.closest(node, elm => Dom.isElement(elm) &&
+                elm.getAttribute('contenteditable') === 'false', root));
+    }
     static isEmpty(node, condNoEmptyElement = /^(img|svg|canvas|input|textarea|form)$/) {
         if (!node) {
             return true;
@@ -3386,9 +3409,7 @@ class Dom {
         return null;
     }
     static findSibling(node, left = true, cond = (n) => !Dom.isEmptyTextNode(n)) {
-        const getSibling = (node) => {
-            return left ? node.previousSibling : node.nextSibling;
-        };
+        const getSibling = (node) => left ? node.previousSibling : node.nextSibling;
         let start = getSibling(node);
         while (start && !cond(start)) {
             start = getSibling(start);
@@ -3637,7 +3658,7 @@ function getShadowRoot(jodit) {
     if ((0,helpers.dataBind)(jodit, 'shadowRoot') !== undefined) {
         return (0,helpers.dataBind)(jodit, 'shadowRoot');
     }
-    const container = (0,global/* getContainer */.ZO)(jodit, function Utils() { });
+    const container = (0,global/* getContainer */.ZO)(jodit);
     const iframe = document.createElement('iframe');
     (0,helpers.css)(iframe, {
         width: 0,
@@ -7104,9 +7125,9 @@ class UIElement extends _component__WEBPACK_IMPORTED_MODULE_0__/* .ViewComponent
         return null;
     }
     static closestElement(node, type) {
-        const elm = _dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom.up */ .i.up(node, node => {
-            if (node) {
-                const { component } = node;
+        const elm = _dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom.up */ .i.up(node, elm => {
+            if (elm) {
+                const { component } = elm;
                 return component && component instanceof type;
             }
             return false;
@@ -7261,6 +7282,7 @@ class Icon {
     }
     static set(name, value) {
         this.icons[name.replace('_', '-')] = value;
+        return this;
     }
     static makeIcon(jodit, icon) {
         var _a;
@@ -7346,7 +7368,7 @@ const UIButtonState = () => ({
     type: 'button',
     name: '',
     value: '',
-    status: 'initial',
+    variant: 'initial',
     disabled: false,
     activated: false,
     icon: {
@@ -7394,7 +7416,7 @@ let UIButton = class UIButton extends ui_element/* UIElement */.u {
         }
     }
     onChangeStatus() {
-        this.setMod('status', this.state.status);
+        this.setMod('variant', this.state.variant);
     }
     onChangeText() {
         this.text.textContent = this.jodit.i18n(this.state.text);
@@ -7480,7 +7502,7 @@ let UIButton = class UIButton extends ui_element/* UIElement */.u {
     (0,decorators.watch)('parentElement')
 ], UIButton.prototype, "updateSize", null);
 (0,tslib_es6/* __decorate */.gn)([
-    (0,decorators.watch)('state.status')
+    (0,decorators.watch)('state.variant')
 ], UIButton.prototype, "onChangeStatus", null);
 (0,tslib_es6/* __decorate */.gn)([
     (0,decorators.watch)('state.text')
@@ -7513,14 +7535,14 @@ UIButton = (0,tslib_es6/* __decorate */.gn)([
     decorators.component
 ], UIButton);
 
-function Button(jodit, stateOrText, text, status) {
+function Button(jodit, stateOrText, text, variant) {
     const button = new UIButton(jodit);
     button.state.tabIndex = jodit.o.allowTabNavigation ? 0 : -1;
     if ((0,helpers.isString)(stateOrText)) {
         button.state.icon.name = stateOrText;
         button.state.name = stateOrText;
-        if (status) {
-            button.state.status = status;
+        if (variant) {
+            button.state.variant = variant;
         }
         if (text) {
             button.state.text = text;
@@ -7554,7 +7576,7 @@ let UIButtonGroup = class UIButtonGroup extends group/* UIGroup */.q {
             const btn = new UIButton(jodit, {
                 text: opt.text,
                 value: opt.value,
-                status: 'primary'
+                variant: 'primary'
             });
             btn.onAction(() => {
                 this.select(opt.value);
@@ -7877,6 +7899,7 @@ var UIGroup_1;
 let UIGroup = UIGroup_1 = class UIGroup extends _element__WEBPACK_IMPORTED_MODULE_0__/* .UIElement */ .u {
     constructor(jodit, elements, options) {
         super(jodit, options);
+        this.options = options;
         this.syncMod = false;
         this.elements = [];
         this.buttonSize = 'middle';
@@ -7913,7 +7936,7 @@ let UIGroup = UIGroup_1 = class UIGroup extends _element__WEBPACK_IMPORTED_MODUL
     }
     append(elm, distElement) {
         if ((0,_helpers__WEBPACK_IMPORTED_MODULE_2__.isArray)(elm)) {
-            elm.forEach(item => this.append(item));
+            elm.forEach(item => this.append(item, distElement));
             return this;
         }
         this.elements.push(elm);
@@ -8155,6 +8178,7 @@ class Popup extends ui_element/* UIElement */.u {
     }
     open(getBound, keepPosition = false) {
         (0,helpers.markOwner)(this.jodit, this.container);
+        this.calculateZIndex();
         this.isOpened = true;
         this.addGlobalListeners();
         this.targetBound = !keepPosition
@@ -8168,6 +8192,40 @@ class Popup extends ui_element/* UIElement */.u {
         this.j.e.fire(this, 'afterOpen');
         return this;
     }
+    calculateZIndex() {
+        if (this.container.style.zIndex) {
+            return;
+        }
+        const checkView = (view) => {
+            const zIndex = view.container.style.zIndex || view.o.zIndex;
+            if (zIndex) {
+                this.setZIndex(1 + parseInt(zIndex.toString(), 10));
+                return true;
+            }
+            return false;
+        };
+        if (checkView(this.j)) {
+            return;
+        }
+        let pe = this.parentElement;
+        while (pe) {
+            if (checkView(pe.j)) {
+                return;
+            }
+            if (pe.container.style.zIndex) {
+                this.setZIndex(1 + parseInt(pe.container.style.zIndex.toString(), 10));
+                return;
+            }
+            if (!pe.parentElement && pe.container.parentElement) {
+                const elm = ui_element/* UIElement.closestElement */.u.closestElement(pe.container.parentElement, ui_element/* UIElement */.u);
+                if (elm) {
+                    pe = elm;
+                    continue;
+                }
+            }
+            pe = pe.parentElement;
+        }
+    }
     getKeepBound(getBound) {
         const oldBound = getBound();
         const elmUnderCursor = this.od.elementFromPoint(oldBound.left, oldBound.top);
@@ -8264,14 +8322,16 @@ class Popup extends ui_element/* UIElement */.u {
         return this;
     }
     closeOnOutsideClick(e) {
+        var _a;
         if (!this.isOpened) {
             return;
         }
-        if (!e.target) {
+        const target = (_a = ((0,helpers.isFunction)(e.composedPath) && e.composedPath()[0])) !== null && _a !== void 0 ? _a : e.target;
+        if (!target) {
             this.close();
             return;
         }
-        const box = ui_element/* UIElement.closestElement */.u.closestElement(e.target, Popup);
+        const box = ui_element/* UIElement.closestElement */.u.closestElement(target, Popup);
         if (box && (this === box || box.closest(this))) {
             return;
         }
@@ -8457,6 +8517,9 @@ let UIInput = UIInput_1 = class UIInput extends ui_element/* UIElement */.u {
         this.state = { ...UIInput_1.defaultState };
         this.__errorBox = this.j.c.span(this.getFullElName('error'));
         this.validators = new Set([]);
+        if ((options === null || options === void 0 ? void 0 : options.value) !== undefined) {
+            options.value = options.value.toString();
+        }
         Object.assign(this.state, options);
         if (this.state.clearButton !== undefined) {
             this.j.e
@@ -8553,14 +8616,19 @@ let UIInput = UIInput_1 = class UIInput extends ui_element/* UIElement */.u {
         }
     }
     onChangeStateValue() {
-        this.value = this.state.value;
+        const value = this.state.value.toString();
+        if (value !== this.value) {
+            this.value = value;
+        }
     }
     onChangeValue() {
         var _a, _b;
         const { value } = this;
-        this.state.value = value;
-        this.j.e.fire(this, 'change', value);
-        (_b = (_a = this.state).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+        if (this.state.value !== value) {
+            this.state.value = value;
+            this.j.e.fire(this, 'change', value);
+            (_b = (_a = this.state).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+        }
     }
     validate() {
         this.error = '';
@@ -8639,11 +8707,20 @@ UIInput = UIInput_1 = (0,tslib_es6/* __decorate */.gn)([
  * 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
  */
+var UITextArea_1;
 
 
 
 
-let UITextArea = class UITextArea extends UIInput {
+let UITextArea = UITextArea_1 = class UITextArea extends UIInput {
+    constructor(jodit, state) {
+        super(jodit, state);
+        this.state = { ...UITextArea_1.defaultState };
+        Object.assign(this.state, state);
+        if (this.state.resizable === false) {
+            this.nativeInput.style.resize = 'none';
+        }
+    }
     className() {
         return 'UITextArea';
     }
@@ -8652,7 +8729,12 @@ let UITextArea = class UITextArea extends UIInput {
         return super.createContainer(options);
     }
 };
-UITextArea = (0,tslib_es6/* __decorate */.gn)([
+UITextArea.defaultState = {
+    ...UIInput.defaultState,
+    size: 5,
+    resizable: true
+};
+UITextArea = UITextArea_1 = (0,tslib_es6/* __decorate */.gn)([
     decorators.component
 ], UITextArea);
 
@@ -8663,11 +8745,18 @@ UITextArea = (0,tslib_es6/* __decorate */.gn)([
  * 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
  */
+var UICheckbox_1;
 
 
 
 
-let UICheckbox = class UICheckbox extends UIInput {
+
+let UICheckbox = UICheckbox_1 = class UICheckbox extends UIInput {
+    constructor(jodit, options) {
+        super(jodit, { ...options, type: 'checkbox' });
+        this.state = { ...UICheckbox_1.defaultState };
+        Object.assign(this.state, options);
+    }
     className() {
         return 'UICheckbox';
     }
@@ -8676,11 +8765,45 @@ let UICheckbox = class UICheckbox extends UIInput {
             className: this.componentName
         });
     }
-    constructor(jodit, options) {
-        super(jodit, { ...options, type: 'checkbox' });
+    onChangeChecked() {
+        this.value = this.state.checked.toString();
+        this.nativeInput.checked = this.state.checked;
+        this.setMod('checked', this.state.checked);
+    }
+    onChangeNativeCheckBox() {
+        this.state.checked = this.nativeInput.checked;
+    }
+    onChangeSwitch() {
+        this.setMod('switch', this.state.switch);
+        let slider = this.getElm('switch-slider');
+        if (this.state.switch) {
+            if (!slider) {
+                slider = this.j.c.div(this.getFullElName('switch-slider'));
+            }
+            dom/* Dom.after */.i.after(this.nativeInput, slider);
+        }
+        else {
+            dom/* Dom.safeRemove */.i.safeRemove(slider);
+        }
     }
 };
-UICheckbox = (0,tslib_es6/* __decorate */.gn)([
+UICheckbox.defaultState = {
+    ...UIInput.defaultState,
+    checked: false,
+    switch: false
+};
+(0,tslib_es6/* __decorate */.gn)([
+    (0,decorators.watch)('state.checked'),
+    (0,decorators.hook)('ready')
+], UICheckbox.prototype, "onChangeChecked", null);
+(0,tslib_es6/* __decorate */.gn)([
+    (0,decorators.watch)('nativeInput:change')
+], UICheckbox.prototype, "onChangeNativeCheckBox", null);
+(0,tslib_es6/* __decorate */.gn)([
+    (0,decorators.watch)('state.switch'),
+    (0,decorators.hook)('ready')
+], UICheckbox.prototype, "onChangeSwitch", null);
+UICheckbox = UICheckbox_1 = (0,tslib_es6/* __decorate */.gn)([
     decorators.component
 ], UICheckbox);
 
@@ -8839,6 +8962,13 @@ var utils = __webpack_require__(9);
 
 
 let UIForm = class UIForm extends group/* UIGroup */.q {
+    constructor(...args) {
+        var _a, _b;
+        super(...args);
+        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.className) {
+            this.container.classList.add((_b = this.options) === null || _b === void 0 ? void 0 : _b.className);
+        }
+    }
     className() {
         return 'UIForm';
     }
@@ -9066,7 +9196,7 @@ const TabsWidget = (editor, tabs, state) => {
         buttonList.push(button);
         button.container.classList.add('jodit-tabs__button', 'jodit-tabs__button_columns_' + tabs.length);
         if (!(0,helpers.isFunction)(content)) {
-            tab.appendChild(content);
+            tab.appendChild(content instanceof ui/* UIElement */.u1 ? content.container : content);
         }
         else {
             tab.appendChild(editor.c.div('jodit-tab_empty'));
@@ -9165,7 +9295,7 @@ const FileSelectorWidget = (editor, callbacks, elm, close, isImage = true) => {
     if (callbacks.url) {
         const button = new ui/* UIButton */.y3(editor, {
             type: 'submit',
-            status: 'primary',
+            variant: 'primary',
             text: 'Insert'
         }), form = new ui/* UIForm */.x4(editor, [
             new ui/* UIInput */.u3(editor, {
@@ -10197,7 +10327,7 @@ __webpack_require__.d(modules_namespaceObject, {
 var plugins_namespaceObject = {};
 __webpack_require__.r(plugins_namespaceObject);
 __webpack_require__.d(plugins_namespaceObject, {
-  "Delete": function() { return Delete; },
+  "Backspace": function() { return Backspace; },
   "DragAndDrop": function() { return DragAndDrop; },
   "DragAndDropElement": function() { return DragAndDropElement; },
   "KeyArrowOutside": function() { return KeyArrowOutside; },
@@ -10381,6 +10511,9 @@ class Async {
         });
         this.isDestructed = false;
     }
+    delay(timeout) {
+        return this.promise(resolve => this.setTimeout(resolve, timeout));
+    }
     setTimeout(callback, timeout, ...args) {
         if (this.isDestructed) {
             return 0;
@@ -10566,6 +10699,9 @@ class response_Response {
     text() {
         return Promise.resolve(this.body);
     }
+    async blob() {
+        return this.body;
+    }
 }
 
 ;// CONCATENATED MODULE: ./src/core/request/config.ts
@@ -10645,12 +10781,15 @@ class Ajax {
             };
             const onResolve = () => {
                 this.resolved = true;
-                resolve(new response_Response(request, xhr.status, xhr.statusText, xhr.responseText));
+                resolve(new response_Response(request, xhr.status, xhr.statusText, !xhr.responseType ? xhr.responseText : xhr.response));
             };
+            xhr.onload = onResolve;
             xhr.onabort = onReject;
             xhr.onerror = onReject;
             xhr.ontimeout = onReject;
-            xhr.onload = onResolve;
+            if (o.responseType) {
+                xhr.responseType = o.responseType;
+            }
             xhr.onprogress = (e) => {
                 var _a, _b;
                 let percentComplete = 0;
@@ -10966,7 +11105,7 @@ class View extends component/* Component */.wA {
         this.isView = true;
         this.mods = {};
         this.components = new Set();
-        this.version = "3.9.6";
+        this.version = "3.11.2";
         this.async = new Async();
         this.buffer = Storage.makeStorage();
         this.storage = Storage.makeStorage(true, this.componentName);
@@ -11064,10 +11203,10 @@ class View extends component/* Component */.wA {
         return this.__isFullSize;
     }
     getVersion() {
-        return "3.9.6";
+        return "3.11.2";
     }
     static getVersion() {
-        return "3.9.6";
+        return "3.11.2";
     }
     initOptions(options) {
         this.options = (0,helpers.ConfigProto)(options || {}, (0,helpers.ConfigProto)(this.options || {}, View.defaultOptions));
@@ -11182,9 +11321,6 @@ let ToolbarCollection = class ToolbarCollection extends ui/* UIList */.bz {
         return makeButton(this.j, control, target);
     }
     shouldBeActive(button) {
-        if ((0,helpers.isJoditObject)(this.j) && !this.j.editorIsActive) {
-            return false;
-        }
         if ((0,helpers.isFunction)(button.control.isActive)) {
             return button.control.isActive(this.j, button.control, button);
         }
@@ -11308,6 +11444,9 @@ let ToolbarEditorCollection = class ToolbarEditorCollection extends ToolbarColle
         return !(mode === constants.MODE_SPLIT || mode === this.j.getRealMode());
     }
     shouldBeActive(button) {
+        if ((0,helpers.isJoditObject)(this.j) && !this.j.editorIsActive) {
+            return false;
+        }
         const active = super.shouldBeActive(button);
         if (active !== undefined) {
             return active;
@@ -12212,8 +12351,8 @@ let Dialog = class Dialog extends ViewWithToolbar {
             e.stopImmediatePropagation();
             e.preventDefault();
         }
-        if (this.e) {
-            this.e.fire('beforeClose', this);
+        if (this.e && this.e.fire('beforeClose', this) === false) {
+            return this;
         }
         this.setMod('active', false);
         this.isOpened = false;
@@ -16303,12 +16442,6 @@ class Jodit extends ViewWithToolbar {
         div.innerHTML = this.getElementValue();
         return div.innerText || '';
     }
-    get value() {
-        return this.getEditorValue();
-    }
-    set value(html) {
-        this.setEditorValue(html);
-    }
     get defaultTimeout() {
         return this.options && this.o.observer
             ? this.o.observer.timeout
@@ -16441,9 +16574,15 @@ class Jodit extends ViewWithToolbar {
             this.editor.innerHTML = data.value;
         }
     }
-    getEditorValue(removeSelectionMarkers = true) {
+    get value() {
+        return this.getEditorValue();
+    }
+    set value(html) {
+        this.setEditorValue(html);
+    }
+    getEditorValue(removeSelectionMarkers = true, consumer) {
         let value;
-        value = this.e.fire('beforeGetValueFromEditor');
+        value = this.e.fire('beforeGetValueFromEditor', consumer);
         if (value !== undefined) {
             return value;
         }
@@ -16455,7 +16594,7 @@ class Jodit extends ViewWithToolbar {
             value = '';
         }
         const new_value = { value };
-        this.e.fire('afterGetValueFromEditor', new_value);
+        this.e.fire('afterGetValueFromEditor', new_value, consumer);
         return new_value.value;
     }
     setEditorValue(value) {
@@ -17095,6 +17234,7 @@ config/* Config.prototype.addNewLineTagsTriggers */.D.prototype.addNewLineTagsTr
     'iframe',
     'img',
     'hr',
+    'pre',
     'jodit'
 ];
 config/* Config.prototype.addNewLineDeltaShow */.D.prototype.addNewLineDeltaShow = 20;
@@ -17501,11 +17641,11 @@ function findMostNestedNeighbor(node, right, root, onlyInlide = false) {
     }
     return null;
 }
-function normalizeCursorPosition(node, backspace) {
+function normalizeCursorPosition(jodit, node, backspace) {
     let sibling = dom/* Dom.findSibling */.i.findSibling(node, backspace), anotherSibling = dom/* Dom.findSibling */.i.findSibling(node, !backspace);
     while (dom/* Dom.isElement */.i.isElement(sibling) &&
         !dom/* Dom.isTag */.i.isTag(sibling, constants.INSEPARABLE_TAGS) &&
-        !anotherSibling) {
+        (!anotherSibling || !dom/* Dom.closest */.i.closest(node, dom/* Dom.isElement */.i.isElement, jodit.editor))) {
         if (backspace || !sibling.firstChild) {
             sibling.appendChild(node);
         }
@@ -17517,7 +17657,7 @@ function normalizeCursorPosition(node, backspace) {
     }
 }
 
-;// CONCATENATED MODULE: ./src/plugins/keyboard/delete.ts
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/cases/check-join-two-lists.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -17525,26 +17665,420 @@ function normalizeCursorPosition(node, backspace) {
  */
 
 
+function checkJoinTwoLists(jodit, fakeNode, backspace) {
+    const next = dom/* Dom.findSibling */.i.findSibling(fakeNode, backspace), prev = dom/* Dom.findSibling */.i.findSibling(fakeNode, !backspace);
+    if (!dom/* Dom.closest */.i.closest(fakeNode, dom/* Dom.isElement */.i.isElement, jodit.editor) &&
+        dom/* Dom.isTag */.i.isTag(next, ['ul', 'ol']) &&
+        dom/* Dom.isTag */.i.isTag(prev, ['ul', 'ol']) &&
+        dom/* Dom.isTag */.i.isTag(next.lastElementChild, 'li') &&
+        dom/* Dom.isTag */.i.isTag(prev.firstElementChild, 'li')) {
+        const { setCursorBefore, setCursorAfter } = jodit.s;
+        const target = next.lastElementChild, second = prev.firstElementChild;
+        (0,helpers.call)(!backspace ? dom/* Dom.append */.i.append : dom/* Dom.prepend */.i.prepend, second, fakeNode);
+        dom/* Dom.moveContent */.i.moveContent(prev, next, !backspace);
+        dom/* Dom.safeRemove */.i.safeRemove(prev);
+        (0,helpers.call)(backspace ? dom/* Dom.append */.i.append : dom/* Dom.prepend */.i.prepend, target, fakeNode);
+        (0,helpers.call)(backspace ? setCursorBefore : setCursorAfter, fakeNode);
+        return true;
+    }
+    return false;
+}
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/cases/check-remove-empty-parent.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
+ */
 
 
 
 
+function checkRemoveEmptyParent(jodit, fakeNode, backspace) {
+    let found = false;
+    const { setCursorBefore, setCursorIn } = jodit.s;
+    let prn = dom/* Dom.closest */.i.closest(fakeNode, dom/* Dom.isElement */.i.isElement, jodit.editor);
+    if (!prn || !dom/* Dom.isEmpty */.i.isEmpty(prn)) {
+        return false;
+    }
+    const neighbor = findNotEmptyNeighbor(fakeNode, backspace, jodit.editor);
+    do {
+        if (prn && dom/* Dom.isEmpty */.i.isEmpty(prn) && !dom/* Dom.isCell */.i.isCell(prn)) {
+            dom/* Dom.after */.i.after(prn, fakeNode);
+            const tmp = dom/* Dom.closest */.i.closest(prn, n => dom/* Dom.isElement */.i.isElement(n) && n !== prn, jodit.editor);
+            dom/* Dom.safeRemove */.i.safeRemove(prn);
+            found = true;
+            prn = tmp;
+        }
+        else {
+            break;
+        }
+    } while (prn);
+    if (found && checkJoinTwoLists(jodit, fakeNode, backspace)) {
+        return true;
+    }
+    if (neighbor &&
+        !dom/* Dom.isText */.i.isText(neighbor) &&
+        !dom/* Dom.isTag */.i.isTag(neighbor, constants.INSEPARABLE_TAGS)) {
+        setCursorIn(neighbor, !backspace);
+    }
+    else {
+        setCursorBefore(fakeNode);
+    }
+    return found;
+}
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/cases/check-remove-unbreakable-element.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
+ */
+
+
+
+function checkRemoveUnbreakableElement(jodit, fakeNode, backspace) {
+    const neighbor = dom/* Dom.findSibling */.i.findSibling(fakeNode, backspace);
+    if (dom/* Dom.isElement */.i.isElement(neighbor) &&
+        (dom/* Dom.isTag */.i.isTag(neighbor, constants.INSEPARABLE_TAGS) || dom/* Dom.isEmpty */.i.isEmpty(neighbor))) {
+        dom/* Dom.safeRemove */.i.safeRemove(neighbor);
+        jodit.s.setCursorBefore(fakeNode);
+        if (dom/* Dom.isTag */.i.isTag(neighbor, 'br')) {
+            checkRemoveEmptyParent(jodit, fakeNode, backspace);
+        }
+        return true;
+    }
+    return false;
+}
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/cases/check-remove-content-not-editable.ts
+
+
+
+function checkRemoveContentNotEditable(jodit, fakeNode, backspace) {
+    let neighbor = dom/* Dom.findSibling */.i.findSibling(fakeNode, backspace);
+    if (!neighbor &&
+        fakeNode.parentElement &&
+        fakeNode.parentElement !== jodit.editor) {
+        neighbor = dom/* Dom.findSibling */.i.findSibling(fakeNode.parentElement, backspace);
+    }
+    if (dom/* Dom.isElement */.i.isElement(neighbor) &&
+        !dom/* Dom.isContentEditable */.i.isContentEditable(neighbor, jodit.editor)) {
+        (0,helpers.call)(backspace ? dom/* Dom.before */.i.before : dom/* Dom.after */.i.after, neighbor, fakeNode);
+        dom/* Dom.safeRemove */.i.safeRemove(neighbor);
+        normalizeCursorPosition(jodit, fakeNode, backspace);
+        (0,helpers.call)(backspace ? jodit.s.setCursorBefore : jodit.s.setCursorAfter, fakeNode);
+        return true;
+    }
+    return false;
+}
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/cases/check-remove-char.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
+ */
+
+
+
+
+function checkRemoveChar(jodit, fakeNode, backspace, mode) {
+    var _a, _b, _c;
+    const step = backspace ? -1 : 1;
+    const anotherSibling = getSibling(fakeNode, !backspace);
+    let sibling = getSibling(fakeNode, backspace), removeNeighbor = null;
+    let charRemoved = false, removed;
+    while (sibling && (dom/* Dom.isText */.i.isText(sibling) || dom/* Dom.isInlineBlock */.i.isInlineBlock(sibling))) {
+        while (dom/* Dom.isInlineBlock */.i.isInlineBlock(sibling)) {
+            sibling = (backspace ? sibling === null || sibling === void 0 ? void 0 : sibling.lastChild : sibling === null || sibling === void 0 ? void 0 : sibling.firstChild);
+        }
+        if (!sibling) {
+            break;
+        }
+        if ((_a = sibling.nodeValue) === null || _a === void 0 ? void 0 : _a.length) {
+            let value = (0,helpers.toArray)(sibling.nodeValue);
+            const length = value.length;
+            let index = backspace ? length - 1 : 0;
+            if (value[index] === constants.INVISIBLE_SPACE) {
+                while (value[index] === constants.INVISIBLE_SPACE) {
+                    index += step;
+                }
+            }
+            removed = value[index];
+            if (value[index + step] === constants.INVISIBLE_SPACE) {
+                index += step;
+                while (value[index] === constants.INVISIBLE_SPACE) {
+                    index += step;
+                }
+                index += backspace ? 1 : -1;
+            }
+            if (backspace && index < 0) {
+                value = [];
+            }
+            else {
+                value = value.slice(backspace ? 0 : index + 1, backspace ? index : length);
+            }
+            if (!anotherSibling ||
+                !dom/* Dom.isText */.i.isText(anotherSibling) ||
+                (!backspace ? / $/ : /^ /).test((_b = anotherSibling.nodeValue) !== null && _b !== void 0 ? _b : '') ||
+                !(0,helpers.trimInv)(anotherSibling.nodeValue || '').length) {
+                for (let i = backspace ? value.length - 1 : 0; backspace ? i >= 0 : i < value.length; i += backspace ? -1 : 1) {
+                    if (value[i] === ' ') {
+                        value[i] = constants.NBSP_SPACE;
+                    }
+                    else {
+                        break;
+                    }
+                }
+            }
+            sibling.nodeValue = value.join('');
+        }
+        if (!((_c = sibling.nodeValue) === null || _c === void 0 ? void 0 : _c.length)) {
+            removeNeighbor = sibling;
+        }
+        if (!(0,helpers.isVoid)(removed) && removed !== constants.INVISIBLE_SPACE) {
+            charRemoved = true;
+            (0,helpers.call)(backspace ? dom/* Dom.after */.i.after : dom/* Dom.before */.i.before, sibling, fakeNode);
+            if (mode === 'sentence' ||
+                (mode === 'word' && removed !== ' ' && removed !== constants.NBSP_SPACE)) {
+                checkRemoveChar(jodit, fakeNode, backspace, mode);
+            }
+            break;
+        }
+        let nextSibling = getSibling(sibling, backspace);
+        if (!nextSibling &&
+            sibling.parentNode &&
+            sibling.parentNode !== jodit.editor) {
+            nextSibling = findMostNestedNeighbor(sibling, !backspace, jodit.editor, true);
+        }
+        if (removeNeighbor) {
+            dom/* Dom.safeRemove */.i.safeRemove(removeNeighbor);
+            removeNeighbor = null;
+        }
+        sibling = nextSibling;
+    }
+    if (charRemoved) {
+        removeEmptyInlineParent(fakeNode);
+        addBRInsideEmptyBlock(jodit, fakeNode);
+        jodit.s.setCursorBefore(fakeNode);
+    }
+    return charRemoved;
+}
+function removeEmptyInlineParent(node) {
+    let parent = node.parentElement;
+    while (parent && dom/* Dom.isInlineBlock */.i.isInlineBlock(parent)) {
+        const p = parent.parentElement;
+        if (dom/* Dom.isEmpty */.i.isEmpty(parent)) {
+            dom/* Dom.after */.i.after(parent, node);
+            dom/* Dom.safeRemove */.i.safeRemove(parent);
+        }
+        parent = p;
+    }
+}
+function addBRInsideEmptyBlock(jodit, node) {
+    if (node.parentElement !== jodit.editor &&
+        dom/* Dom.isBlock */.i.isBlock(node.parentElement) &&
+        dom/* Dom.each */.i.each(node.parentElement, dom/* Dom.isEmptyTextNode */.i.isEmptyTextNode)) {
+        dom/* Dom.after */.i.after(node, jodit.createInside.element('br'));
+    }
+}
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/cases/check-table-cell.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
+ */
+
+function checkTableCell(jodit, fakeNode) {
+    const cell = fakeNode.parentElement;
+    if (dom/* Dom.isCell */.i.isCell(cell)) {
+        return true;
+    }
+    return false;
+}
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/cases/check-remove-empty-neighbor.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
+ */
+
+
+function checkRemoveEmptyNeighbor(jodit, fakeNode, backspace) {
+    const parent = dom/* Dom.closest */.i.closest(fakeNode, dom/* Dom.isElement */.i.isElement, jodit.editor);
+    if (!parent) {
+        return false;
+    }
+    const neighbor = findNotEmptySibling(parent, backspace);
+    if (neighbor && dom/* Dom.isEmpty */.i.isEmpty(neighbor)) {
+        dom/* Dom.safeRemove */.i.safeRemove(neighbor);
+        jodit.s.setCursorBefore(fakeNode);
+        return true;
+    }
+    return false;
+}
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/cases/check-join-neighbors.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
+ */
+
+
+function checkJoinNeighbors(jodit, fakeNode, backspace) {
+    let nextBox = fakeNode, mainClosestBox = nextBox;
+    while (nextBox &&
+        !findNotEmptySibling(nextBox, backspace) &&
+        nextBox.parentElement !== jodit.editor) {
+        nextBox = nextBox.parentElement;
+        mainClosestBox = nextBox;
+    }
+    if (dom/* Dom.isElement */.i.isElement(mainClosestBox) &&
+        dom/* Dom.isContentEditable */.i.isContentEditable(mainClosestBox, jodit.editor)) {
+        const sibling = findNotEmptySibling(mainClosestBox, backspace);
+        if (sibling &&
+            (checkMoveListContent(jodit, mainClosestBox, sibling, backspace) ||
+                moveContentAndRemoveEmpty(jodit, mainClosestBox, sibling, backspace))) {
+            jodit.s.setCursorBefore(fakeNode);
+            return true;
+        }
+    }
+    return false;
+}
+function checkMoveListContent(jodit, mainClosestBox, sibling, backspace) {
+    const siblingIsList = dom/* Dom.isTag */.i.isTag(sibling, ['ol', 'ul']);
+    const boxIsList = dom/* Dom.isTag */.i.isTag(mainClosestBox, ['ol', 'ul']);
+    const elementChild = (elm, side) => side ? elm.firstElementChild : elm.lastElementChild;
+    if (boxIsList) {
+        sibling = jodit.createInside.element(jodit.o.enterBlock);
+        dom/* Dom.before */.i.before(mainClosestBox, sibling);
+        return moveContentAndRemoveEmpty(jodit, elementChild(mainClosestBox, backspace), sibling, backspace);
+    }
+    if (sibling && siblingIsList && !boxIsList) {
+        return moveContentAndRemoveEmpty(jodit, mainClosestBox, elementChild(sibling, !backspace), backspace);
+    }
+    return false;
+}
+function moveContentAndRemoveEmpty(jodit, mainClosestBox, sibling, backspace) {
+    if (mainClosestBox && dom/* Dom.isElement */.i.isElement(sibling)) {
+        dom/* Dom.moveContent */.i.moveContent(mainClosestBox, sibling, !backspace);
+        let remove = mainClosestBox;
+        while (remove && remove !== jodit.editor && dom/* Dom.isEmpty */.i.isEmpty(remove)) {
+            const parent = remove.parentElement;
+            dom/* Dom.safeRemove */.i.safeRemove(remove);
+            remove = parent;
+        }
+        return true;
+    }
+    return false;
+}
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/cases/check-unwrap-first-list-item.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
+ */
+
+
+function checkUnwrapFirstListItem(jodit, fakeNode, backspace) {
+    var _a;
+    const li = dom/* Dom.closest */.i.closest(fakeNode, dom/* Dom.isElement */.i.isElement, jodit.editor);
+    const { s } = jodit;
+    if (dom/* Dom.isTag */.i.isTag(li, 'li') &&
+        ((_a = li === null || li === void 0 ? void 0 : li.parentElement) === null || _a === void 0 ? void 0 : _a[backspace ? 'firstElementChild' : 'lastElementChild']) === li &&
+        s.cursorInTheEdge(backspace, li)) {
+        const ul = li.parentElement;
+        const p = jodit.createInside.element(jodit.o.enterBlock);
+        (0,helpers.call)(backspace ? dom/* Dom.before */.i.before : dom/* Dom.after */.i.after, ul, p);
+        dom/* Dom.moveContent */.i.moveContent(li, p);
+        dom/* Dom.safeRemove */.i.safeRemove(li);
+        if (dom/* Dom.isEmpty */.i.isEmpty(ul)) {
+            dom/* Dom.safeRemove */.i.safeRemove(ul);
+        }
+        (0,helpers.call)(backspace ? s.setCursorBefore : s.setCursorAfter, fakeNode);
+        return true;
+    }
+    return false;
+}
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/cases/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
+ */
+
+
+
+
+
+
+
+
+
+const cases = [
+    checkRemoveUnbreakableElement,
+    checkRemoveContentNotEditable,
+    checkRemoveChar,
+    checkTableCell,
+    checkRemoveEmptyParent,
+    checkRemoveEmptyNeighbor,
+    checkJoinTwoLists,
+    checkJoinNeighbors,
+    checkUnwrapFirstListItem
+];
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/cases/check-not-collapsed.ts
+function checkNotCollapsed(jodit) {
+    if (!jodit.s.isCollapsed()) {
+        jodit.execCommand('Delete');
+        return true;
+    }
+    return false;
+}
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/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.delete */.D.prototype["delete"] = {
     hotkeys: {
         delete: ['delete', 'cmd+backspace'],
         deleteWord: ['ctrl+delete', 'cmd+alt+backspace', 'ctrl+alt+backspace'],
+        deleteSentence: ['ctrl+shift+delete', 'cmd+shift+delete'],
         backspace: ['backspace'],
-        backspaceWord: ['ctrl+backspace']
+        backspaceWord: ['ctrl+backspace'],
+        backspaceSentence: ['ctrl+shift+backspace', 'cmd+shift+backspace']
     }
 };
-class Delete extends Plugin {
+
+;// CONCATENATED MODULE: ./src/plugins/keyboard/backspace/backspace.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 Backspace extends Plugin {
     constructor() {
         super(...arguments);
         this.requires = ['hotkeys'];
     }
-    get root() {
-        return this.j.editor;
-    }
     afterInit(jodit) {
         jodit.e.on('afterCommand.delete', (command) => {
             if (command === 'delete') {
@@ -17565,12 +18099,20 @@ class Delete extends Plugin {
             stopPropagation: false
         })
             .registerCommand('deleteWordButton', {
-            exec: () => this.onDelete(false, true),
+            exec: () => this.onDelete(false, 'word'),
             hotkeys: jodit.o.delete.hotkeys.deleteWord
         })
             .registerCommand('backspaceWordButton', {
-            exec: () => this.onDelete(true, true),
+            exec: () => this.onDelete(true, 'word'),
             hotkeys: jodit.o.delete.hotkeys.backspaceWord
+        })
+            .registerCommand('deleteSentenceButton', {
+            exec: () => this.onDelete(false, 'sentence'),
+            hotkeys: jodit.o.delete.hotkeys.deleteSentence
+        })
+            .registerCommand('backspaceSentenceButton', {
+            exec: () => this.onDelete(true, 'sentence'),
+            hotkeys: jodit.o.delete.hotkeys.backspaceSentence
         });
     }
     beforeDestruct(jodit) {
@@ -17590,16 +18132,15 @@ class Delete extends Plugin {
             jodit.s.removeNode(node);
         }
     }
-    onDelete(backspace, block = false) {
-        var _a;
-        const sel = this.j.selection;
+    onDelete(backspace, mode = 'char') {
+        const jodit = this.j;
+        const sel = jodit.selection;
         if (!sel.isFocused()) {
             sel.focus();
         }
-        if (!((_a = sel.sel) === null || _a === void 0 ? void 0 : _a.rangeCount) || this.checkNotCollapsed()) {
+        if (checkNotCollapsed(jodit)) {
             return false;
         }
-        const jodit = this.j;
         const range = sel.range;
         const fakeNode = jodit.createInside.text(constants.INVISIBLE_SPACE);
         try {
@@ -17607,15 +18148,9 @@ class Delete extends Plugin {
             if (!dom/* Dom.isOrContains */.i.isOrContains(jodit.editor, fakeNode)) {
                 return;
             }
-            normalizeCursorPosition(fakeNode, backspace);
-            if (this.checkRemoveInseparableElement(fakeNode, backspace) ||
-                this.checkRemoveChar(fakeNode, backspace, block) ||
-                this.checkTableCell(fakeNode) ||
-                this.checkRemoveEmptyParent(fakeNode, backspace) ||
-                this.checkRemoveEmptyNeighbor(fakeNode, backspace) ||
-                this.checkJoinTwoLists(fakeNode, backspace) ||
-                this.checkJoinNeighbors(fakeNode, backspace) ||
-                this.checkRewrapListItem(fakeNode, backspace)) {
+            normalizeCursorPosition(jodit, fakeNode, backspace);
+            if (cases.some((func) => (0,helpers.isFunction)(func) &&
+                func(jodit, fakeNode, backspace, mode))) {
                 return false;
             }
         }
@@ -17628,261 +18163,6 @@ class Delete extends Plugin {
         }
         return false;
     }
-    checkNotCollapsed() {
-        const jodit = this.j;
-        if (!jodit.s.isCollapsed()) {
-            jodit.execCommand('Delete');
-            return true;
-        }
-    }
-    checkRemoveChar(fakeNode, backspace, block) {
-        var _a, _b, _c;
-        const step = backspace ? -1 : 1;
-        const anotherSibling = getSibling(fakeNode, !backspace);
-        let sibling = getSibling(fakeNode, backspace), removeNeighbor = null;
-        let charRemoved = false, removed;
-        while (sibling && (dom/* Dom.isText */.i.isText(sibling) || dom/* Dom.isInlineBlock */.i.isInlineBlock(sibling))) {
-            while (dom/* Dom.isInlineBlock */.i.isInlineBlock(sibling)) {
-                sibling = (backspace ? sibling === null || sibling === void 0 ? void 0 : sibling.lastChild : sibling === null || sibling === void 0 ? void 0 : sibling.firstChild);
-            }
-            if (!sibling) {
-                break;
-            }
-            if ((_a = sibling.nodeValue) === null || _a === void 0 ? void 0 : _a.length) {
-                let value = (0,helpers.toArray)(sibling.nodeValue);
-                const length = value.length;
-                let index = backspace ? length - 1 : 0;
-                if (value[index] === constants.INVISIBLE_SPACE) {
-                    while (value[index] === constants.INVISIBLE_SPACE) {
-                        index += step;
-                    }
-                }
-                removed = value[index];
-                if (value[index + step] === constants.INVISIBLE_SPACE) {
-                    index += step;
-                    while (value[index] === constants.INVISIBLE_SPACE) {
-                        index += step;
-                    }
-                    index += backspace ? 1 : -1;
-                }
-                if (backspace && index < 0) {
-                    value = [];
-                }
-                else {
-                    value = value.slice(backspace ? 0 : index + 1, backspace ? index : length);
-                }
-                if (!anotherSibling ||
-                    !dom/* Dom.isText */.i.isText(anotherSibling) ||
-                    (!backspace ? / $/ : /^ /).test((_b = anotherSibling.nodeValue) !== null && _b !== void 0 ? _b : '') ||
-                    !(0,helpers.trimInv)(anotherSibling.nodeValue || '').length) {
-                    for (let i = backspace ? value.length - 1 : 0; backspace ? i >= 0 : i < value.length; i += backspace ? -1 : 1) {
-                        if (value[i] === ' ') {
-                            value[i] = constants.NBSP_SPACE;
-                        }
-                        else {
-                            break;
-                        }
-                    }
-                }
-                sibling.nodeValue = value.join('');
-            }
-            if (!((_c = sibling.nodeValue) === null || _c === void 0 ? void 0 : _c.length)) {
-                removeNeighbor = sibling;
-            }
-            if (!(0,helpers.isVoid)(removed) && removed !== constants.INVISIBLE_SPACE) {
-                charRemoved = true;
-                (0,helpers.call)(backspace ? dom/* Dom.after */.i.after : dom/* Dom.before */.i.before, sibling, fakeNode);
-                if (block) {
-                    while (this.checkRemoveChar(fakeNode, backspace, false)) { }
-                }
-                break;
-            }
-            let nextSibling = getSibling(sibling, backspace);
-            if (!nextSibling &&
-                sibling.parentNode &&
-                sibling.parentNode !== this.root) {
-                nextSibling = findMostNestedNeighbor(sibling, !backspace, this.root, true);
-            }
-            if (removeNeighbor) {
-                dom/* Dom.safeRemove */.i.safeRemove(removeNeighbor);
-                removeNeighbor = null;
-            }
-            sibling = nextSibling;
-        }
-        if (charRemoved) {
-            this.removeEmptyInlineParent(fakeNode);
-            this.addBRInsideEmptyBlock(fakeNode);
-            this.j.s.setCursorBefore(fakeNode);
-        }
-        return charRemoved || undefined;
-    }
-    removeEmptyInlineParent(node) {
-        let parent = node.parentElement;
-        while (parent && dom/* Dom.isInlineBlock */.i.isInlineBlock(parent)) {
-            const p = parent.parentElement;
-            if (dom/* Dom.isEmpty */.i.isEmpty(parent)) {
-                dom/* Dom.after */.i.after(parent, node);
-                dom/* Dom.safeRemove */.i.safeRemove(parent);
-            }
-            parent = p;
-        }
-    }
-    addBRInsideEmptyBlock(node) {
-        if (node.parentElement !== this.root &&
-            dom/* Dom.isBlock */.i.isBlock(node.parentElement) &&
-            dom/* Dom.each */.i.each(node.parentElement, dom/* Dom.isEmptyTextNode */.i.isEmptyTextNode)) {
-            dom/* Dom.after */.i.after(node, this.j.createInside.element('br'));
-        }
-    }
-    checkRemoveInseparableElement(fakeNode, backspace) {
-        const neighbor = dom/* Dom.findSibling */.i.findSibling(fakeNode, backspace);
-        if (dom/* Dom.isElement */.i.isElement(neighbor) &&
-            (dom/* Dom.isTag */.i.isTag(neighbor, constants.INSEPARABLE_TAGS) ||
-                dom/* Dom.isEmpty */.i.isEmpty(neighbor) ||
-                (0,helpers.attr)(neighbor, 'contenteditable') === 'false')) {
-            dom/* Dom.safeRemove */.i.safeRemove(neighbor);
-            this.j.s.setCursorBefore(fakeNode);
-            if (dom/* Dom.isTag */.i.isTag(neighbor, 'br')) {
-                this.checkRemoveEmptyParent(fakeNode, backspace);
-            }
-            return true;
-        }
-    }
-    checkTableCell(fakeNode) {
-        const cell = fakeNode.parentElement;
-        if (dom/* Dom.isCell */.i.isCell(cell)) {
-            return true;
-        }
-    }
-    checkRemoveEmptyParent(fakeNode, backspace) {
-        let found = false;
-        const { setCursorBefore, setCursorIn } = this.j.s;
-        let prn = dom/* Dom.closest */.i.closest(fakeNode, dom/* Dom.isElement */.i.isElement, this.root);
-        if (!prn || !dom/* Dom.isEmpty */.i.isEmpty(prn)) {
-            return;
-        }
-        const neighbor = findNotEmptyNeighbor(fakeNode, backspace, this.root);
-        do {
-            if (prn && dom/* Dom.isEmpty */.i.isEmpty(prn) && !dom/* Dom.isCell */.i.isCell(prn)) {
-                dom/* Dom.after */.i.after(prn, fakeNode);
-                const tmp = dom/* Dom.closest */.i.closest(prn, n => dom/* Dom.isElement */.i.isElement(n) && n !== prn, this.root);
-                dom/* Dom.safeRemove */.i.safeRemove(prn);
-                found = true;
-                prn = tmp;
-            }
-            else {
-                break;
-            }
-        } while (prn);
-        if (found && this.checkJoinTwoLists(fakeNode, backspace)) {
-            return true;
-        }
-        if (neighbor &&
-            !dom/* Dom.isText */.i.isText(neighbor) &&
-            !dom/* Dom.isTag */.i.isTag(neighbor, constants.INSEPARABLE_TAGS)) {
-            setCursorIn(neighbor, !backspace);
-        }
-        else {
-            setCursorBefore(fakeNode);
-        }
-        return found || undefined;
-    }
-    checkJoinTwoLists(fakeNode, backspace) {
-        const next = dom/* Dom.findSibling */.i.findSibling(fakeNode, backspace), prev = dom/* Dom.findSibling */.i.findSibling(fakeNode, !backspace);
-        if (!dom/* Dom.closest */.i.closest(fakeNode, dom/* Dom.isElement */.i.isElement, this.root) &&
-            dom/* Dom.isTag */.i.isTag(next, ['ul', 'ol']) &&
-            dom/* Dom.isTag */.i.isTag(prev, ['ul', 'ol']) &&
-            dom/* Dom.isTag */.i.isTag(next.lastElementChild, 'li') &&
-            dom/* Dom.isTag */.i.isTag(prev.firstElementChild, 'li')) {
-            const { setCursorBefore, setCursorAfter } = this.j.s;
-            const target = next.lastElementChild, second = prev.firstElementChild;
-            (0,helpers.call)(!backspace ? dom/* Dom.append */.i.append : dom/* Dom.prepend */.i.prepend, second, fakeNode);
-            dom/* Dom.moveContent */.i.moveContent(prev, next, !backspace);
-            dom/* Dom.safeRemove */.i.safeRemove(prev);
-            (0,helpers.call)(backspace ? dom/* Dom.append */.i.append : dom/* Dom.prepend */.i.prepend, target, fakeNode);
-            (0,helpers.call)(backspace ? setCursorBefore : setCursorAfter, fakeNode);
-            return true;
-        }
-    }
-    checkRemoveEmptyNeighbor(fakeNode, backspace) {
-        const parent = dom/* Dom.closest */.i.closest(fakeNode, dom/* Dom.isElement */.i.isElement, this.root);
-        if (!parent) {
-            return;
-        }
-        const neighbor = findNotEmptySibling(parent, backspace);
-        if (neighbor && dom/* Dom.isEmpty */.i.isEmpty(neighbor)) {
-            dom/* Dom.safeRemove */.i.safeRemove(neighbor);
-            this.j.s.setCursorBefore(fakeNode);
-            return true;
-        }
-    }
-    checkJoinNeighbors(fakeNode, backspace) {
-        const { jodit } = this;
-        let nextBox = fakeNode, mainClosestBox = nextBox;
-        while (nextBox &&
-            !findNotEmptySibling(nextBox, backspace) &&
-            nextBox.parentElement !== this.root) {
-            nextBox = nextBox.parentElement;
-            mainClosestBox = nextBox;
-        }
-        if (dom/* Dom.isElement */.i.isElement(mainClosestBox)) {
-            const sibling = findNotEmptySibling(mainClosestBox, backspace);
-            if (sibling &&
-                (this.checkMoveListContent(mainClosestBox, sibling, backspace) ||
-                    this.moveContentAndRemoveEmpty(mainClosestBox, sibling, backspace))) {
-                jodit.s.setCursorBefore(fakeNode);
-                return true;
-            }
-        }
-    }
-    checkMoveListContent(mainClosestBox, sibling, backspace) {
-        const { jodit } = this;
-        const siblingIsList = dom/* Dom.isTag */.i.isTag(sibling, ['ol', 'ul']);
-        const boxIsList = dom/* Dom.isTag */.i.isTag(mainClosestBox, ['ol', 'ul']);
-        const elementChild = (elm, side) => side ? elm.firstElementChild : elm.lastElementChild;
-        if (boxIsList) {
-            sibling = jodit.createInside.element(jodit.o.enterBlock);
-            dom/* Dom.before */.i.before(mainClosestBox, sibling);
-            return this.moveContentAndRemoveEmpty(elementChild(mainClosestBox, backspace), sibling, backspace);
-        }
-        if (sibling && siblingIsList && !boxIsList) {
-            return this.moveContentAndRemoveEmpty(mainClosestBox, elementChild(sibling, !backspace), backspace);
-        }
-        return false;
-    }
-    moveContentAndRemoveEmpty(mainClosestBox, sibling, backspace) {
-        if (mainClosestBox && dom/* Dom.isElement */.i.isElement(sibling)) {
-            dom/* Dom.moveContent */.i.moveContent(mainClosestBox, sibling, !backspace);
-            let remove = mainClosestBox;
-            while (remove && remove !== this.root && dom/* Dom.isEmpty */.i.isEmpty(remove)) {
-                const parent = remove.parentElement;
-                dom/* Dom.safeRemove */.i.safeRemove(remove);
-                remove = parent;
-            }
-            return true;
-        }
-        return false;
-    }
-    checkRewrapListItem(fakeNode, backspace) {
-        var _a;
-        if (backspace) {
-            const li = dom/* Dom.closest */.i.closest(fakeNode, dom/* Dom.isElement */.i.isElement, this.root);
-            if (dom/* Dom.isTag */.i.isTag(li, 'li') &&
-                ((_a = li === null || li === void 0 ? void 0 : li.parentElement) === null || _a === void 0 ? void 0 : _a.firstElementChild) === li &&
-                this.j.s.cursorInTheEdge(true, li)) {
-                const ul = li.parentElement;
-                const p = this.j.createInside.element(this.j.o.enterBlock);
-                dom/* Dom.before */.i.before(ul, p);
-                dom/* Dom.moveContent */.i.moveContent(li, p);
-                dom/* Dom.safeRemove */.i.safeRemove(li);
-                if (dom/* Dom.isEmpty */.i.isEmpty(ul)) {
-                    dom/* Dom.safeRemove */.i.safeRemove(ul);
-                }
-                this.j.s.setCursorBefore(fakeNode);
-                return true;
-            }
-        }
-    }
     safeRemoveEmptyNode(fakeNode) {
         var _a, _b;
         const { range } = this.j.s;
@@ -18791,7 +19071,7 @@ class paste extends Plugin {
         const keep = (0,ui_button/* Button */.zx)(this.j, {
             text: 'Keep',
             name: 'keep',
-            status: 'primary',
+            variant: 'primary',
             tabIndex: 0
         });
         const clear = (0,ui_button/* Button */.zx)(this.j, {
@@ -21109,6 +21389,10 @@ class imageProperties extends Plugin {
                     return;
                 }
                 if (editor.o.image.openOnDblClick) {
+                    if (this.j.e.fire('openOnDblClick', image) ===
+                        false) {
+                        return;
+                    }
                     self.state.image = image;
                     if (!editor.o.readonly) {
                         e.stopImmediatePropagation();
@@ -21381,12 +21665,12 @@ config/* Config.prototype.toolbarInlineForSelection */.D.prototype.toolbarInline
 config/* Config.prototype.toolbarInlineDisableFor */.D.prototype.toolbarInlineDisableFor = [];
 config/* Config.prototype.toolbarInlineDisabledButtons */.D.prototype.toolbarInlineDisabledButtons = ['source'];
 config/* Config.prototype.popup */.D.prototype.popup = {
-    a: __webpack_require__(49)/* ["default"] */ .Z,
-    img: __webpack_require__(50)/* ["default"] */ .Z,
-    cells: __webpack_require__(51)/* ["default"] */ .Z,
-    toolbar: __webpack_require__(52)/* ["default"] */ .Z,
-    jodit: __webpack_require__(53)/* ["default"] */ .Z,
-    'jodit-media': __webpack_require__(53)/* ["default"] */ .Z,
+    a: (__webpack_require__(49)/* ["default"] */ .Z),
+    img: (__webpack_require__(50)/* ["default"] */ .Z),
+    cells: (__webpack_require__(51)/* ["default"] */ .Z),
+    toolbar: (__webpack_require__(52)/* ["default"] */ .Z),
+    jodit: (__webpack_require__(53)/* ["default"] */ .Z),
+    'jodit-media': (__webpack_require__(53)/* ["default"] */ .Z),
     selection: [
         'bold',
         'underline',
@@ -21902,13 +22186,13 @@ const formTemplate = (editor) => {
         new ui_form/* UIBlock */.eC(editor, [
             new ui_button/* UIButton */.y3(editor, {
                 name: 'unlink',
-                status: 'default',
+                variant: 'default',
                 text: 'Unlink'
             }),
             new ui_button/* UIButton */.y3(editor, {
                 name: 'insert',
                 type: 'submit',
-                status: 'primary',
+                variant: 'primary',
                 text: 'Insert'
             })
         ], {
@@ -23140,10 +23424,11 @@ class resizer extends Plugin {
         return (0,helpers.offset)((this.rect.parentNode || this.j.od.documentElement), this.j, this.j.od, true);
     }
     applySize(element, key, value) {
-        if (dom/* Dom.isImage */.i.isImage(element) && this.j.o.resizer.forImageChangeAttributes) {
+        const changeAttrs = dom/* Dom.isImage */.i.isImage(element) && this.j.o.resizer.forImageChangeAttributes;
+        if (changeAttrs) {
             (0,helpers.attr)(element, key, value);
         }
-        else {
+        if (!changeAttrs || element.style[key]) {
             (0,helpers.css)(element, key, value);
         }
     }
@@ -24214,6 +24499,9 @@ class AceEditor extends SourceEditor {
     constructor() {
         super(...arguments);
         this.className = 'jodit_ace_editor';
+        this.proxyOnBlur = (e) => {
+            this.j.e.fire('blur', e);
+        };
         this.proxyOnFocus = (e) => {
             this.j.e.fire('focus', e);
         };
@@ -24289,6 +24577,7 @@ class AceEditor extends SourceEditor {
             this.instance.on('change', this.toWYSIWYG);
             this.instance.on('focus', this.proxyOnFocus);
             this.instance.on('mousedown', this.proxyOnMouseDown);
+            this.instance.on('blur', this.proxyOnBlur);
             if (editor.getRealMode() !== constants.MODE_WYSIWYG) {
                 this.setValue(this.getValue());
             }
@@ -24429,6 +24718,14 @@ function createSourceEditor(type, editor, container, toWYSIWYG, fromWYSIWYG) {
     return sourceEditor;
 }
 
+;// CONCATENATED MODULE: ./src/plugins/source/const.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
+ */
+const SOURCE_CONSUMER = 'source-consumer';
+
 ;// CONCATENATED MODULE: ./src/plugins/source/source.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -24444,6 +24741,7 @@ function createSourceEditor(type, editor, container, toWYSIWYG, fromWYSIWYG) {
 
 
 
+
 class source extends Plugin {
     constructor() {
         super(...arguments);
@@ -24479,7 +24777,7 @@ class source extends Plugin {
     fromWYSIWYG(force = false) {
         if (!this.__lock || force === true) {
             this.__lock = true;
-            const new_value = this.j.getEditorValue(false);
+            const new_value = this.j.getEditorValue(false, SOURCE_CONSUMER);
             if (new_value !== this.getMirrorValue()) {
                 this.setMirrorValue(new_value);
             }
@@ -24640,7 +24938,7 @@ class source extends Plugin {
             var _a;
             (_a = this.sourceEditor) === null || _a === void 0 ? void 0 : _a.setPlaceHolder(text);
         })
-            .on('change.source', this.fromWYSIWYG)
+            .on('change.source', this.syncValueFromWYSIWYG)
             .on('beautifyHTML', html => html);
         if (editor.o.beautifyHTML) {
             const addEventListener = () => {
@@ -24656,9 +24954,16 @@ class source extends Plugin {
                 (0,helpers.loadNext)(editor, editor.o.beautifyHTMLCDNUrlsJS).then(addEventListener);
             }
         }
-        this.fromWYSIWYG();
+        this.syncValueFromWYSIWYG(true);
         this.initSourceEditor(editor);
     }
+    syncValueFromWYSIWYG(force = false) {
+        const editor = this.j;
+        if (editor.getMode() === constants.MODE_SPLIT ||
+            editor.getMode() === constants.MODE_SOURCE) {
+            this.fromWYSIWYG(force);
+        }
+    }
     initSourceEditor(editor) {
         var _a;
         if (editor.o.sourceEditor !== 'area') {
@@ -24667,14 +24972,14 @@ class source extends Plugin {
                 var _a, _b;
                 (_a = this.sourceEditor) === null || _a === void 0 ? void 0 : _a.destruct();
                 this.sourceEditor = sourceEditor;
-                this.fromWYSIWYG(true);
+                this.syncValueFromWYSIWYG(true);
                 (_b = editor.events) === null || _b === void 0 ? void 0 : _b.fire('sourceEditorReady', editor);
             });
         }
         else {
             (_a = this.sourceEditor) === null || _a === void 0 ? void 0 : _a.onReadyAlways(() => {
                 var _a;
-                this.fromWYSIWYG(true);
+                this.syncValueFromWYSIWYG(true);
                 (_a = editor.events) === null || _a === void 0 ? void 0 : _a.fire('sourceEditorReady', editor);
             });
         }
@@ -24714,6 +25019,9 @@ class source extends Plugin {
 (0,tslib_es6/* __decorate */.gn)([
     (0,decorators.watch)(':readonly.source')
 ], source.prototype, "onReadonlyReact", null);
+(0,tslib_es6/* __decorate */.gn)([
+    decorators.autobind
+], source.prototype, "syncValueFromWYSIWYG", null);
 
 ;// CONCATENATED MODULE: ./src/plugins/source/index.ts
 /*!
@@ -26165,7 +26473,15 @@ class tooltip extends Plugin {
 
 config/* Config.prototype.controls.preview */.D.prototype.controls.preview = {
     icon: 'eye',
-    exec: (editor) => {
+    command: 'preview',
+    mode: constants.MODE_SOURCE + constants.MODE_WYSIWYG,
+    tooltip: 'Preview'
+};
+function preview(editor) {
+    editor.registerButton({
+        name: 'preview'
+    });
+    editor.registerCommand('preview', (_, _1, defaultValue) => {
         const dialog = editor.getInstance('Dialog', {
             language: editor.o.language,
             theme: editor.o.theme
@@ -26175,7 +26491,8 @@ config/* Config.prototype.controls.preview */.D.prototype.controls.preview = {
             position: 'relative',
             padding: 16
         });
-        const value = editor.value ||
+        const value = defaultValue ||
+            editor.value ||
             `<div style='position: absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);color:#ccc;'>${editor.i18n('Empty')}</div>`;
         if (editor.iframe) {
             const iframe = editor.create.element('iframe');
@@ -26198,17 +26515,42 @@ config/* Config.prototype.controls.preview */.D.prototype.controls.preview = {
                 minHeight: 600,
                 border: 0
             });
-            div.innerHTML = value;
-            dialog.open(div, editor.i18n('Preview'));
+            dialog.setSize(1024, 600).open(div, editor.i18n('Preview'));
+            const setHTML = (box, value) => {
+                const dv = editor.c.div();
+                dv.innerHTML = value;
+                for (let i = 0; i < dv.children.length; i += 1) {
+                    const c = dv.children[i];
+                    const newNode = document.createElement(c.nodeName);
+                    for (let j = 0; j < c.attributes.length; j += 1) {
+                        (0,helpers.attr)(newNode, c.attributes[j].nodeName, c.attributes[j].nodeValue);
+                    }
+                    if (c.children.length === 0) {
+                        switch (c.nodeName) {
+                            case 'SCRIPT':
+                                if (c.textContent) {
+                                    newNode.textContent = c.textContent;
+                                }
+                                break;
+                            default:
+                                if (c.innerHTML) {
+                                    newNode.innerHTML = c.innerHTML;
+                                }
+                                break;
+                        }
+                    }
+                    else {
+                        setHTML(newNode, c.innerHTML);
+                    }
+                    try {
+                        box.appendChild(newNode);
+                    }
+                    catch (_a) { }
+                }
+            };
+            setHTML(div, value);
         }
         dialog.setModal(true);
-    },
-    mode: constants.MODE_SOURCE + constants.MODE_WYSIWYG,
-    tooltip: 'Preview'
-};
-function preview(editor) {
-    editor.registerButton({
-        name: 'preview'
     });
 }