jodit 4.14.2 → 4.14.4

package/es2021.en/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.14.2
+ * Version: v4.14.4
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -1779,7 +1779,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.14.2";
+ */ const APP_VERSION = "4.14.4";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -10516,13 +10516,16 @@ function findCorrectCurrentNode(node, range, rightMode, isCollapsed, checkChild,
         if (!rightMode && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__.Dom.isText(node.previousSibling)) {
             node = node.previousSibling;
         } else if (checkChild) {
-            let current = child(node);
+            // The fallback to the previous child changes the traversal direction
+            // before the caller receives the updated rightMode.
+            const nextChild = (nd)=>rightMode ? nd.lastChild : child(nd);
+            let current = nextChild(node);
             while(current){
                 if (current && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__.Dom.isText(current)) {
                     node = current;
                     break;
                 }
-                current = child(current);
+                current = nextChild(current);
             }
         }
     }
@@ -10730,8 +10733,15 @@ class Selection {
 	 * Checks if the selected text is currently inside the editor
 	 */ get isInsideArea() {
         const { sel } = this;
-        const range = sel?.rangeCount ? sel.getRangeAt(0) : null;
-        return !(!range || !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.area, range.startContainer));
+        if (!sel?.rangeCount) {
+            return false;
+        }
+        for(let i = 0; i < sel.rangeCount; i += 1){
+            if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.area, sel.getRangeAt(i).commonAncestorContainer)) {
+                return false;
+            }
+        }
+        return true;
     }
     /**
 	 * Return current selection object
@@ -10749,8 +10759,11 @@ class Selection {
         const sel = this.sel, current = this.current();
         if (sel && current) {
             for(let i = 0; i < sel.rangeCount; i += 1){
-                sel.getRangeAt(i).deleteContents();
-                sel.getRangeAt(i).collapse(true);
+                const range = sel.getRangeAt(i);
+                if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.area, range.commonAncestorContainer)) {
+                    range.deleteContents();
+                    range.collapse(true);
+                }
             }
         }
     }
@@ -10777,25 +10790,23 @@ class Selection {
 	 * @param y - Coordinate by vertical
 	 * @returns false - Something went wrong
 	 */ insertCursorAtPoint(x, y) {
-        this.removeMarkers();
         try {
-            const rng = this.createRange();
-            (()=>{
-                if (this.doc.caretPositionFromPoint) {
-                    const caret = this.doc.caretPositionFromPoint(x, y);
-                    if (caret) {
-                        rng.setStart(caret.offsetNode, caret.offset);
-                        return;
-                    }
-                }
-                if (this.doc.caretRangeFromPoint) {
-                    const caret = this.doc.caretRangeFromPoint(x, y);
-                    (0,jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_7__.assert)(caret, 'Incorrect caretRangeFromPoint behaviour');
-                    rng.setStart(caret.startContainer, caret.startOffset);
-                }
-            })();
-            rng.collapse(true);
-            this.selectRange(rng);
+            const range = this.createRange();
+            const position = this.doc.caretPositionFromPoint?.(x, y);
+            const caret = position ? null : this.doc.caretRangeFromPoint?.(x, y);
+            if (position) {
+                range.setStart(position.offsetNode, position.offset);
+            } else if (caret) {
+                range.setStart(caret.startContainer, caret.startOffset);
+            } else {
+                return false;
+            }
+            if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.area, range.startContainer)) {
+                return false;
+            }
+            range.collapse(true);
+            this.removeMarkers();
+            this.selectRange(range);
             return true;
         } catch  {}
         return false;
@@ -10845,83 +10856,127 @@ class Selection {
     /**
 	 * Restores user selections using marker invisible elements in the DOM.
 	 */ restore() {
-        let range = false;
-        const markerFilter = (start)=>(node)=>jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isMarker(node) && (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.attr)(node, 'data-' + jodit_core_constants__WEBPACK_IMPORTED_MODULE_2__.MARKER_CLASS) === (start ? 'start' : 'end');
-        const start = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.first(this.area, markerFilter(true));
-        const end = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.first(this.area, markerFilter(false));
-        if (!start) {
-            return;
-        }
-        range = this.createRange();
-        if (!end) {
-            const previousNode = start.previousSibling;
-            if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isText(previousNode)) {
-                range.setStart(previousNode, previousNode.nodeValue ? previousNode.nodeValue.length : 0);
+        const markers = this.markers;
+        const byId = new Map(markers.map((marker)=>[
+                marker.id,
+                marker
+            ]));
+        const ranges = [];
+        let backward = false;
+        for(let i = 0; i < markers.length; i += 1){
+            const start = markers[i];
+            if ((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.attr)(start, 'data-' + jodit_core_constants__WEBPACK_IMPORTED_MODULE_2__.MARKER_CLASS) !== 'start') {
+                continue;
+            }
+            backward ||= (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.attr)(start, 'data-selection-backward') === 'true';
+            const endId = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.attr)(start, 'data-selection-end');
+            let end = endId ? byId.get(endId) : undefined;
+            if (!endId && markers[i + 1] && (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.attr)(markers[i + 1], 'data-' + jodit_core_constants__WEBPACK_IMPORTED_MODULE_2__.MARKER_CLASS) === 'end') {
+                end = markers[i + 1];
+            }
+            const range = this.createRange();
+            if (end) {
+                range.setStartAfter(start);
+                range.setEndBefore(end);
             } else {
-                range.setStartBefore(start);
+                const previous = start.previousSibling;
+                if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isText(previous)) {
+                    range.setStart(previous, previous.nodeValue?.length ?? 0);
+                } else {
+                    range.setStartBefore(start);
+                }
+                range.collapse(true);
             }
-            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(start);
-            range.collapse(true);
-        } else {
-            range.setStartAfter(start);
-            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(start);
-            range.setEndBefore(end);
-            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(end);
+            ranges.push(range);
         }
-        if (range) {
-            this.selectRange(range);
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(...markers);
+        if (ranges.length) {
+            this.__selectRanges(ranges, backward);
         }
     }
+    __isBackward() {
+        const sel = this.sel;
+        return Boolean(sel && sel.rangeCount === 1 && !sel.isCollapsed && sel.anchorNode === sel.getRangeAt(0).endContainer && sel.anchorOffset === sel.getRangeAt(0).endOffset);
+    }
+    __ranges() {
+        const sel = this.sel;
+        return sel ? Array.from({
+            length: sel.rangeCount
+        }, (_, i)=>sel.getRangeAt(i).cloneRange()) : [];
+    }
     /**
 	 * Inserts invisible fake nodes on the boundaries of the current selection
-	 * and returns them. Unlike [[Select.save]] the selection stays valid while
+	 * and returns the first pair as a restoration handle for all ranges. Unlike [[Select.save]] the selection stays valid while
 	 * the DOM around it is being modified. Restore it later with [[Select.restoreFakes]].
 	 */ fakes() {
-        const sel = this.sel;
-        if (!sel || !sel.rangeCount) {
+        if (!this.isInsideArea) {
             return [];
         }
-        const range = sel.getRangeAt(0);
-        (0,jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_7__.assert)(range, 'Range is null');
-        const left = range.cloneRange();
-        left.collapse(true);
-        const fakeLeft = this.j.createInside.fake();
-        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeInsertNode(left, fakeLeft);
-        range.setStartBefore(fakeLeft);
-        const result = [
-            fakeLeft
-        ];
-        if (!range.collapsed) {
-            const right = range.cloneRange();
-            right.collapse(false);
-            const fakeRight = this.j.createInside.fake();
-            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeInsertNode(right, fakeRight);
-            range.setEndAfter(fakeRight);
-            result.push(fakeRight);
-        }
-        this.selectRange(range);
-        return result;
+        const backward = this.__isBackward();
+        const ranges = this.__ranges();
+        const pairs = ranges.map((range)=>{
+            const collapsed = range.collapsed;
+            const left = range.cloneRange();
+            left.collapse(true);
+            const fakeLeft = this.j.createInside.fake();
+            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeInsertNode(left, fakeLeft);
+            range.setStartBefore(fakeLeft);
+            const pair = [
+                fakeLeft
+            ];
+            if (!collapsed) {
+                const right = range.cloneRange();
+                right.collapse(false);
+                const fakeRight = this.j.createInside.fake();
+                jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeInsertNode(right, fakeRight);
+                range.setEndAfter(fakeRight);
+                pair.push(fakeRight);
+            } else {
+                range.collapse(true);
+            }
+            return pair;
+        });
+        this.__fakeSelections.set(pairs[0][0], {
+            pairs,
+            backward
+        });
+        this.__selectRanges(ranges, backward);
+        return pairs[0];
     }
-    /**
-	 * Restores the selection previously saved with [[Select.fakes]]
-	 * and removes the fake nodes (disconnected fakes are ignored).
-	 */ restoreFakes(fakes) {
-        const nodes = fakes.filter((n)=>n.isConnected);
-        if (!nodes.length) {
+    /** Restore all ranges associated with the returned fake pair. */ restoreFakes(fakes) {
+        if (!fakes.length) {
             return;
         }
-        const [fakeLeft, fakeRight] = nodes;
-        const range = this.createRange();
-        range.setStartAfter(fakeLeft);
-        if (fakeRight) {
-            range.setEndBefore(fakeRight);
+        const saved = this.__fakeSelections.get(fakes[0]);
+        this.__fakeSelections.delete(fakes[0]);
+        if (this.j.isInDestruct) {
+            return;
         }
-        this.selectRange(range);
-        if (fakeLeft.parentNode?.firstChild !== fakeLeft.parentNode?.lastChild) {
-            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(fakeLeft);
+        const ranges = [];
+        for (const pair of saved?.pairs ?? [
+            fakes
+        ]){
+            const nodes = pair.filter((n)=>n.isConnected && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.area, n, true));
+            if (!nodes.length) {
+                continue;
+            }
+            const [left, right] = nodes;
+            const range = this.createRange();
+            range.setStartAfter(left);
+            if (right) {
+                range.setEndBefore(right);
+            } else {
+                range.collapse(true);
+            }
+            for (const node of nodes){
+                if (node.parentNode?.firstChild !== node.parentNode?.lastChild) {
+                    jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(node);
+                }
+            }
+            ranges.push(range);
         }
-        if (fakeRight?.parentNode?.firstChild !== fakeRight?.parentNode?.lastChild) {
-            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(fakeRight);
+        if (ranges.length) {
+            this.__selectRanges(ranges, saved?.backward);
         }
     }
     /**
@@ -10935,9 +10990,15 @@ class Selection {
         if (!sel || !sel.rangeCount) {
             return [];
         }
+        const backward = this.__isBackward();
         const info = [], length = sel.rangeCount, ranges = [];
         for(let i = 0; i < length; i += 1){
             ranges[i] = sel.getRangeAt(i);
+            if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.area, ranges[i].commonAncestorContainer)) {
+                return [];
+            }
+        }
+        for(let i = 0; i < length; i += 1){
             if (ranges[i].collapsed) {
                 const start = this.marker(true, ranges[i]);
                 info[i] = {
@@ -10948,6 +11009,12 @@ class Selection {
             } else {
                 const start = this.marker(true, ranges[i]);
                 const end = this.marker(false, ranges[i]);
+                if (length > 1) {
+                    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.attr)(start, 'data-selection-end', end.id);
+                }
+                if (backward) {
+                    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.attr)(start, 'data-selection-backward', 'true');
+                }
                 info[i] = {
                     startId: start.id,
                     endId: end.id,
@@ -10960,7 +11027,7 @@ class Selection {
         if (!silent) {
             sel.removeAllRanges();
             for(let i = length - 1; i >= 0; --i){
-                const startElm = this.doc.getElementById(info[i].startId);
+                const startElm = this.area.querySelector('#' + info[i].startId);
                 if (!startElm) {
                     continue;
                 }
@@ -10970,7 +11037,7 @@ class Selection {
                 } else {
                     ranges[i].setStartBefore(startElm);
                     if (info[i].endId) {
-                        const endElm = this.doc.getElementById(info[i].endId);
+                        const endElm = this.area.querySelector('#' + info[i].endId);
                         if (endElm) {
                             ranges[i].setEndAfter(endElm);
                         }
@@ -11044,6 +11111,9 @@ class Selection {
         const range = sel.getRangeAt(0);
         let node = range.startContainer;
         let rightMode = false;
+        if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.area, node)) {
+            return null;
+        }
         const child = (nd)=>rightMode ? nd.lastChild : nd.firstChild;
         if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(node, 'br') && sel.isCollapsed) {
             return node;
@@ -11067,8 +11137,11 @@ class Selection {
 	 * @param fireChange - After insert, editor fire change event. You can prevent this behavior
 	 */ insertNode(node, insertCursorAfter = true, fireChange = true) {
         this.errorNode(node);
-        const child = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isFragment(node) ? node.lastChild : node;
         this.j.e.fire('safeHTML', node);
+        let child = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isFragment(node) ? node.lastChild : node;
+        if (!child || this.j.isInDestruct) {
+            return;
+        }
         if (!this.isFocused() && this.j.isEditorMode()) {
             this.focus();
             this.restore();
@@ -11079,6 +11152,10 @@ class Selection {
                 this.j.execCommand('Delete');
             }
             this.j.e.fire('beforeInsertNode', node);
+            child = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isFragment(node) ? node.lastChild : node;
+            if (!child || this.j.isInDestruct) {
+                return;
+            }
             if (sel && sel.rangeCount) {
                 const range = sel.getRangeAt(0);
                 const { firstChild } = node;
@@ -11211,13 +11288,21 @@ class Selection {
     }
     /**
 	 * Call callback for all selection node
-	 */ // eslint-disable-next-line complexity
-    eachSelection(callback) {
-        const sel = this.sel;
-        if (!sel || !sel.rangeCount) {
-            return;
+	 */ eachSelection(callback) {
+        const seen = new Set();
+        for (const range of this.__ranges()){
+            if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.area, range.commonAncestorContainer)) {
+                continue;
+            }
+            this.__eachRange(range, (node)=>{
+                if (!seen.has(node)) {
+                    seen.add(node);
+                    callback(node);
+                }
+            });
         }
-        const range = sel.getRangeAt(0);
+    }
+    __eachRange(range, callback) {
         let root = range.commonAncestorContainer;
         if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isHTMLElement(root)) {
             root = root.parentElement;
@@ -11286,12 +11371,15 @@ class Selection {
 	 * @returns true - the cursor is at the end(start) block, null - cursor somewhere outside
 	 */ cursorInTheEdge(start, parentBlock, fake = null) {
         const end = !start, sel = this.sel, range = sel?.rangeCount ? sel.getRangeAt(0) : null;
-        fake ??= this.current(false);
-        if (!range || !fake || !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(parentBlock, fake, true)) {
+        if (!range) {
             return null;
         }
         const container = start ? range.startContainer : range.endContainer;
         const offset = start ? range.startOffset : range.endOffset;
+        fake ??= container;
+        if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(parentBlock, container) || !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(parentBlock, fake)) {
+            return null;
+        }
         const isSignificant = (elm)=>Boolean(elm && !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(elm, 'br') && !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isEmptyTextNode(elm) && !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isTemporary(elm) && !(jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isElement(elm) && this.j.e.fire('isInvisibleForCursor', elm) === true));
         // check right offset
         if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isText(container)) {
@@ -11299,13 +11387,10 @@ class Selection {
                 return false;
             }
         } else {
-            const children = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.toArray)(container.childNodes);
-            if (end) {
-                if (children.slice(offset).some(isSignificant)) {
-                    return false;
-                }
-            } else {
-                if (children.slice(0, offset).some(isSignificant)) {
+            const children = container.childNodes;
+            const limit = end ? children.length : offset;
+            for(let i = end ? offset : 0; i < limit; i += 1){
+                if (isSignificant(children[i])) {
                     return false;
                 }
             }
@@ -11318,7 +11403,7 @@ class Selection {
                 continue;
             }
             next = nextOne;
-            if (next && isSignificant(next)) {
+            if (isSignificant(next)) {
                 return false;
             }
         }
@@ -11350,7 +11435,7 @@ class Selection {
 	 * Add fake node for new cursor position
 	 */ setCursorNearWith(node, inStart) {
         this.errorNode(node);
-        if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.up(node, (elm)=>elm === this.area || elm && elm.parentNode === this.area, this.area)) {
+        if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.area, node, true)) {
             throw (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.error)('Node element must be in editor');
         }
         const range = this.createRange();
@@ -11413,13 +11498,22 @@ class Selection {
     /**
 	 * Set range selection
 	 */ selectRange(range, focus = true) {
+        return this.__selectRanges([
+            range
+        ], false, focus);
+    }
+    __selectRanges(ranges, backward = false, focus = true) {
         const sel = this.sel;
         if (focus && !this.isFocused() && this.j.e.current !== 'focus') {
             this.focus();
         }
         if (sel) {
             sel.removeAllRanges();
-            sel.addRange(range);
+            ranges.forEach((range)=>sel.addRange(range));
+            if (backward && ranges.length === 1) {
+                const range = ranges[0];
+                sel.setBaseAndExtent(range.endContainer, range.endOffset, range.startContainer, range.startOffset);
+            }
         }
         /**
 		 * Fired after change selection
@@ -11436,7 +11530,7 @@ class Selection {
             throw (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.error)('Node element must be in editor');
         }
         const range = this.createRange();
-        range[inward ? 'selectNodeContents' : 'selectNode'](node);
+        range[inward || node === this.area ? 'selectNodeContents' : 'selectNode'](node);
         return this.selectRange(range);
     }
     /**
@@ -11450,10 +11544,8 @@ class Selection {
 	 */ get html() {
         const sel = this.sel;
         if (sel && sel.rangeCount > 0) {
-            const range = sel.getRangeAt(0);
-            const clonedSelection = range.cloneContents();
             const div = this.j.createInside.div();
-            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.append(div, clonedSelection);
+            this.__ranges().forEach((range)=>jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.append(div, range.cloneContents()));
             return div.innerHTML;
         }
         return '';
@@ -11466,8 +11558,7 @@ class Selection {
 	 * This is a pure-DOM replacement for the old
 	 * `nativeExecCommand('fontsize', false, '7')` trick which relied on the
 	 * browser to split the selection into `<font size="7">` fragments.
-	 */ __wrapSelectionFragments() {
-        const range = this.range;
+	 */ __wrapSelectionFragments(range) {
         this.__splitSelectionBoundaries(range);
         let root = range.commonAncestorContainer;
         if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isText(root)) {
@@ -11483,25 +11574,17 @@ class Selection {
 	 * always fall between nodes. Afterwards every node inside the range is
 	 * fully (not partially) selected.
 	 */ __splitSelectionBoundaries(range) {
-        let { startContainer, endContainer } = range;
-        let { startOffset, endOffset } = range;
+        const { endContainer, endOffset } = range;
         if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isText(endContainer) && endOffset > 0 && endOffset < (endContainer.nodeValue?.length ?? 0)) {
             endContainer.splitText(endOffset);
-            endOffset = endContainer.nodeValue?.length ?? endOffset;
         }
+        const { startContainer, startOffset } = range;
         if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isText(startContainer) && startOffset > 0 && startOffset < (startContainer.nodeValue?.length ?? 0)) {
             const middle = startContainer.splitText(startOffset);
-            // Selection located inside a single text node - the tail we just
-            // cut off is the actual selected fragment.
-            if (startContainer === endContainer) {
-                endContainer = middle;
-                endOffset = middle.nodeValue?.length ?? 0;
-            }
-            startContainer = middle;
-            startOffset = 0;
+            // splitText updates the live range, including element end offsets.
+            // Only the start at the split point needs to move to the new node.
+            range.setStart(middle, 0);
         }
-        range.setStart(startContainer, startOffset);
-        range.setEnd(endContainer, endOffset);
         // Normalize text-edge boundaries (e.g. `(text, 0)` or `(text, length)`)
         // to the element level so that containment checks based on
         // `selectNode()` treat a fully selected text node as contained.
@@ -11524,19 +11607,18 @@ class Selection {
     /**
 	 * Collects the highest-level nodes that are completely inside the range,
 	 * descending into nodes that are only partially selected.
-	 */ __collectContainedNodes(root, range) {
+	 */ __collectContainedNodes(root, range, scratch = this.createRange()) {
         const result = [];
         (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.toArray)(root.childNodes).forEach((child)=>{
-            if (this.__isFullyContained(range, child)) {
+            if (this.__isFullyContained(range, child, scratch)) {
                 result.push(child);
             } else if (child.childNodes.length && range.intersectsNode(child)) {
-                result.push(...this.__collectContainedNodes(child, range));
+                result.push(...this.__collectContainedNodes(child, range, scratch));
             }
         });
         return result;
     }
-    __isFullyContained(range, node) {
-        const nodeRange = this.createRange();
+    __isFullyContained(range, node, nodeRange) {
         nodeRange.selectNode(node);
         return range.compareBoundaryPoints(Range.START_TO_START, nodeRange) <= 0 && range.compareBoundaryPoints(Range.END_TO_END, nodeRange) >= 0;
     }
@@ -11583,31 +11665,46 @@ class Selection {
     /**
 	 * Wrap all selected fragments inside Tag or apply some callback
 	 */ *wrapInTagGen(fakes) {
+        if (this.sel?.rangeCount && !this.isInsideArea) {
+            return;
+        }
         if (this.isCollapsed()) {
             const font = this.jodit.createInside.element('font', jodit_core_constants__WEBPACK_IMPORTED_MODULE_2__.INVISIBLE_SPACE);
             this.insertNode(font, false, false);
             if (fakes && fakes[0]) {
                 jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.append(font, fakes[0]);
             }
-            yield font;
-            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.unwrap(font);
+            try {
+                yield font;
+            } finally{
+                jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.unwrap(font);
+            }
             return;
         }
-        const elms = this.__wrapSelectionFragments();
-        for (const font of elms){
-            const { firstChild, lastChild } = font;
-            if (firstChild && firstChild === lastChild && (0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_6__.isMarker)(firstChild)) {
+        const elms = this.__ranges().flatMap((range)=>this.__wrapSelectionFragments(range));
+        try {
+            for (const font of elms){
+                if (this.j.isInDestruct || !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.area, font, true)) {
+                    continue;
+                }
+                const { firstChild, lastChild } = font;
+                if (firstChild && firstChild === lastChild && (0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_6__.isMarker)(firstChild)) {
+                    jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.unwrap(font);
+                    continue;
+                }
+                if (firstChild && (0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_6__.isMarker)(firstChild)) {
+                    jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.before(font, firstChild);
+                }
+                if (lastChild && (0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_6__.isMarker)(lastChild)) {
+                    jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.after(font, lastChild);
+                }
+                yield font;
                 jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.unwrap(font);
-                continue;
             }
-            if (firstChild && (0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_6__.isMarker)(firstChild)) {
-                jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.before(font, firstChild);
-            }
-            if (lastChild && (0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_6__.isMarker)(lastChild)) {
-                jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.after(font, lastChild);
-            }
-            yield font;
-            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.unwrap(font);
+        } finally{
+            // A callback can throw or stop iteration before later wrappers
+            // have been visited. None of the temporary fonts should survive.
+            elms.forEach((font)=>jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.unwrap(font));
         }
         return;
     }
@@ -11660,7 +11757,7 @@ class Selection {
     /**
 	 * Split selection on two parts: left and right
 	 */ splitSelection(currentBox, edge) {
-        if (!this.isCollapsed()) {
+        if (!this.isCollapsed() || !this.isInsideArea || !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.area, currentBox, true) || !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(currentBox, this.range.startContainer) || edge && !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(currentBox, edge, true)) {
             return null;
         }
         const leftRange = this.createRange();
@@ -11739,13 +11836,18 @@ class Selection {
 	 * edge of their parents are moved out of them (e.g. `<p><b>|test|</b></p>`
 	 * becomes `<p>|<b>test</b>|</p>`)
 	 */ expandSelection() {
-        if (this.isCollapsed()) {
+        if (this.isCollapsed() || !this.isInsideArea) {
             return this;
         }
-        const { range } = this;
+        const backward = this.__isBackward();
+        const ranges = this.__ranges().map((range)=>this.__expandRange(range));
+        this.__selectRanges(ranges, backward);
+        return this;
+    }
+    __expandRange(range) {
         const c = range.cloneRange();
         if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isOrContains(this.j.editor, range.commonAncestorContainer, true)) {
-            return this;
+            return range;
         }
         const moveMaxEdgeFake = (start)=>{
             const fake = this.j.createInside.fake();
@@ -11782,16 +11884,17 @@ class Selection {
                 }
             }
         }
-        this.selectRange(c);
         jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(leftFake, rightFake);
-        if (this.isCollapsed()) {
+        if (c.collapsed) {
             throw (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.error)('Selection is collapsed');
         }
-        return this;
+        return c;
     }
     constructor(jodit){
         ;(0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "jodit", void 0);
+        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__fakeSelections", void 0);
         this.jodit = jodit;
+        this.__fakeSelections = new WeakMap();
         jodit.e.on('removeMarkers', ()=>{
             this.removeMarkers();
         });
@@ -11825,8 +11928,7 @@ class Selection {
 /* harmony export */ });
 /* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(23211);
 /* harmony import */ var jodit_core_helpers_checker_is_marker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23175);
-/* harmony import */ var jodit_core_helpers_string_trim__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4040);
-/* harmony import */ var jodit_core_helpers_utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71125);
+/* harmony import */ var jodit_core_helpers_utils_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71125);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -11834,7 +11936,6 @@ class Selection {
  */ 
 
 
-
 /**
  * If the selection area is inside an element that matches the commit (suitable relative),
  * but does not completely fill it.
@@ -11868,11 +11969,11 @@ class Selection {
  * @private
  */ function extractAndMove(wrapper, range, left) {
     const fragment = range.extractContents();
-    if ((!fragment.textContent || !(0,jodit_core_helpers_string_trim__WEBPACK_IMPORTED_MODULE_2__.trim)(fragment.textContent).length) && fragment.firstChild) {
+    if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isEmpty(fragment) && fragment.firstChild) {
         jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.unwrap(fragment.firstChild);
     }
     if (wrapper.parentNode) {
-        (0,jodit_core_helpers_utils_utils__WEBPACK_IMPORTED_MODULE_3__.call)(left ? jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.before : jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.after, wrapper, fragment);
+        (0,jodit_core_helpers_utils_utils__WEBPACK_IMPORTED_MODULE_2__.call)(left ? jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.before : jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.after, wrapper, fragment);
     }
 }
 
@@ -12255,12 +12356,14 @@ if (jodit_core_constants__WEBPACK_IMPORTED_MODULE_0__.globalDocument) {
     ;(0,jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_2__.assert)(attrs, 'Attrs must be a non-empty object');
     return Object.keys(attrs).every((key)=>{
         if (key === 'class' || key === 'className') {
-            return elm.classList.contains(attrs[key]);
+            const classes = String(attrs[key]).match(/[^\t\n\f\r ]+/g) ?? [];
+            return classes.every((name)=>elm.classList.contains(name));
         }
         if (key === 'style') {
             return (0,_has_same_style__WEBPACK_IMPORTED_MODULE_4__.hasSameStyle)(elm, attrs[key]);
         }
-        return (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(elm, key) === attrs[key];
+        const value = attrs[key];
+        return (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(elm, key) === (value == null ? value : String(value));
     });
 }
 function elementsEqualAttributes(elm1, elm2) {
@@ -12277,10 +12380,12 @@ function elementsEqualAttributes(elm1, elm2) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   isSameStyleChild: function() { return /* binding */ isSameStyleChild; },
 /* harmony export */   isSuitElement: function() { return /* binding */ isSuitElement; },
 /* harmony export */   suitableClosest: function() { return /* binding */ suitableClosest; }
 /* harmony export */ });
+/* unused harmony export isSameStyleChild */
+/* unused harmony import specifier */ var hasSameStyleKeys;
+/* unused harmony import specifier */ var isNormalNode;
 /* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(23211);
 /* harmony import */ var _has_same_style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9703);
 /* harmony import */ var _is_normal_node__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(83653);
@@ -12336,11 +12441,11 @@ function elementsEqualAttributes(elm1, elm2) {
  * @private
  */ function isSameStyleChild(commitStyle, elm) {
     const { element, options } = commitStyle;
-    if (!elm || !(0,_is_normal_node__WEBPACK_IMPORTED_MODULE_2__.isNormalNode)(elm)) {
+    if (!elm || !isNormalNode(elm)) {
         return false;
     }
     const elmIsSame = elm.nodeName.toLowerCase() === element;
-    const elmHasSameStyle = Boolean(options.attributes?.style && (0,_has_same_style__WEBPACK_IMPORTED_MODULE_1__.hasSameStyleKeys)(elm, options.attributes?.style));
+    const elmHasSameStyle = Boolean(options.attributes?.style && hasSameStyleKeys(elm, options.attributes?.style));
     return elmIsSame && elmHasSameStyle;
 }
 
@@ -12521,7 +12626,7 @@ const tak = 'toggleAttributes';
             switch(key){
                 case 'style':
                     {
-                        mode = toggleStyle(commitStyle, jodit, value, elm, dry, mode);
+                        mode = toggleStyle(jodit, value, elm, dry, mode);
                         break;
                     }
                 case 'className':
@@ -12533,9 +12638,11 @@ const tak = 'toggleAttributes';
             }
         });
     }
-    return mode;
+    // Cleanup belongs to the complete attribute transaction. Removing a
+    // wrapper between CSS rules would apply the remaining rules to a detached node.
+    return !dry && attributes?.style ? removeExtraStyleAttribute(commitStyle, elm, mode) : mode;
 }
-function toggleStyle(commitStyle, jodit, style, elm, dry, mode) {
+function toggleStyle(jodit, style, elm, dry, mode) {
     ;(0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_6__.assert)((0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_3__.isPlainObject)(style) && (0,jodit_core_helpers_size_object_size__WEBPACK_IMPORTED_MODULE_5__.size)(style), 'Style must be an object');
     Object.keys(style).forEach((rule)=>{
         const inlineValue = (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_7__.cssInline)(elm, rule);
@@ -12543,39 +12650,50 @@ function toggleStyle(commitStyle, jodit, style, elm, dry, mode) {
         if (inlineValue === '' && newValue == null) {
             return;
         }
+        if (newValue == null || newValue === '') {
+            if (inlineValue) {
+                !dry && (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_7__.css)(elm, rule, null);
+                // An explicit reset changes a style; it is not a toggle of
+                // the owning element (notably when resetting list-style-type).
+                mode = (/* inlined export .CHANGE */"change");
+            }
+            return;
+        }
         if (getNativeCSSValue(jodit, elm, rule) === (0,jodit_core_helpers_normalize_normalize_css_value__WEBPACK_IMPORTED_MODULE_4__.normalizeCssValue)(rule, newValue)) {
             if (!inlineValue) {
                 return;
             }
             !dry && (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_7__.css)(elm, rule, null);
             mode = (/* inlined export .UNSET */"unset");
-            mode = removeExtraStyleAttribute(commitStyle, elm, mode);
             return;
         }
         mode = (/* inlined export .CHANGE */"change");
         if (!dry) {
             (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_7__.css)(elm, rule, newValue);
-            mode = removeExtraStyleAttribute(commitStyle, elm, mode);
         }
     });
     return mode;
 }
 function toggleClass(jodit, value, elm, mode, dry) {
     ;(0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_6__.assert)((0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_3__.isString)(value), 'Class name must be a string');
+    const classes = value.match(/[^\t\n\f\r ]+/g) ?? [];
+    if (!classes.length) {
+        return mode;
+    }
     const hook = jodit.e.fire.bind(jodit.e, `${jodit_core_selection_style_constants__WEBPACK_IMPORTED_MODULE_9__._PREFIX}AfterToggleAttribute`);
-    if (elm.classList.contains(value.toString())) {
+    if (classes.every((name)=>elm.classList.contains(name))) {
         mode = (/* inlined export .UNSET */"unset");
         if (!dry) {
-            elm.classList.remove(value);
+            elm.classList.remove(...classes);
             if (elm.classList.length === 0) {
                 (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_6__.attr)(elm, 'class', null);
-                hook(mode, elm, 'class', null);
             }
+            hook(mode, elm, 'class', (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_6__.attr)(elm, 'class'));
         }
     } else {
         mode = (/* inlined export .CHANGE */"change");
         if (!dry) {
-            elm.classList.add(value);
+            elm.classList.add(...classes);
             hook(mode, elm, 'class', value);
         }
     }
@@ -12605,7 +12723,7 @@ function toggleAttribute(jodit, value, elm, key, dry, mode) {
  */ function removeExtraStyleAttribute(commitStyle, elm, mode) {
     if (!(0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_6__.attr)(elm, 'style')) {
         (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_6__.attr)(elm, 'style', null);
-        if (elm.tagName.toLowerCase() === commitStyle.defaultTag) {
+        if (!elm.attributes.length && elm.tagName.toLowerCase() === commitStyle.defaultTag) {
             jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__.Dom.unwrap(elm);
             mode = (/* inlined export .UNWRAP */"unwrap");
         }
@@ -12682,38 +12800,42 @@ function toggleAttribute(jodit, value, elm, key, dry, mode) {
     const needChangeStyle = [];
     let firstElementSuit;
     const cssStyle = style.options.attributes?.style;
-    if (font.firstChild) {
-        const gen = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.eachGen(font);
-        let item = gen.next();
-        while(!item.done){
-            const elm = item.value;
-            if ((0,_is_suit_element__WEBPACK_IMPORTED_MODULE_3__.isSuitElement)(style, elm, true) && (!cssStyle || (0,jodit_core_selection_style_api_has_same_style__WEBPACK_IMPORTED_MODULE_2__.hasSameStyleKeys)(elm, cssStyle))) {
-                if (firstElementSuit === undefined) {
-                    firstElementSuit = true;
-                }
+    const styleKeys = Object.keys(cssStyle ?? {});
+    const clearedStyle = {};
+    styleKeys.forEach((key)=>{
+        clearedStyle[key] = null;
+    });
+    const clearStyle = (elm)=>{
+        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.css)(elm, clearedStyle);
+        if (!(0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(elm, 'style')) {
+            (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(elm, 'style', null);
+        }
+        if (!elm.attributes.length && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(elm, style.element)) {
+            needUnwrap.push(elm);
+        }
+    };
+    for (const elm of jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.eachGen(font)){
+        if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isContentEditable(elm, font)) {
+            continue;
+        }
+        if ((0,_is_suit_element__WEBPACK_IMPORTED_MODULE_3__.isSuitElement)(style, elm, true) && (!cssStyle || (0,jodit_core_selection_style_api_has_same_style__WEBPACK_IMPORTED_MODULE_2__.hasSameStyleKeys)(elm, cssStyle))) {
+            if (firstElementSuit === undefined) {
+                firstElementSuit = true;
+            }
+            if (cssStyle) {
+                needChangeStyle.push(()=>clearStyle(elm));
+            } else {
                 needUnwrap.push(elm);
-            } else if (cssStyle && (0,_is_suit_element__WEBPACK_IMPORTED_MODULE_3__.isSameStyleChild)(style, elm)) {
-                if (firstElementSuit === undefined) {
-                    firstElementSuit = false;
-                }
-                needChangeStyle.push(()=>{
-                    ;(0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.css)(elm, Object.keys(cssStyle).reduce((acc, key)=>{
-                        acc[key] = null;
-                        return acc;
-                    }, {}));
-                    if (!(0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(elm, 'style')) {
-                        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(elm, 'style', null);
-                    }
-                    if (!(0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(elm, 'style') && elm.nodeName.toLowerCase() === style.element) {
-                        needUnwrap.push(elm);
-                    }
-                });
-            } else if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isEmptyTextNode(elm)) {
-                if (firstElementSuit === undefined) {
-                    firstElementSuit = false;
-                }
             }
-            item = gen.next();
+        } else if (cssStyle && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isHTMLElement(elm) && styleKeys.some((key)=>(0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.css)(elm, key, true) !== '')) {
+            if (firstElementSuit === undefined) {
+                firstElementSuit = false;
+            }
+            needChangeStyle.push(()=>clearStyle(elm));
+        } else if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isEmptyTextNode(elm)) {
+            if (firstElementSuit === undefined) {
+                firstElementSuit = false;
+            }
         }
     }
     needChangeStyle.forEach((clb)=>clb());
@@ -12884,35 +13006,32 @@ const WRAP_NODES = new Set([
 
 /** @internal */ function ApplyStyle(jodit, cs) {
     const { s: sel, editor } = jodit;
-    // sel.save();
     editor.firstChild?.normalize(); // FF fix for test "commandsTest - Exec command "bold"
     const fakes = sel.fakes();
-    const gen = jodit.s.wrapInTagGen(fakes);
-    let font = gen.next();
-    if (font.done) {
-        return;
-    }
-    let state = {
-        collapsed: sel.isCollapsed(),
-        mode: _constants__WEBPACK_IMPORTED_MODULE_1__.INITIAL,
-        element: font.value,
-        next: _transactions__WEBPACK_IMPORTED_MODULE_2__.states.START,
-        jodit,
-        style: cs
-    };
-    while(font && !font.done){
-        const machine = new _api__WEBPACK_IMPORTED_MODULE_0__.FiniteStateMachine(_transactions__WEBPACK_IMPORTED_MODULE_2__.states.START, _transactions__WEBPACK_IMPORTED_MODULE_2__.transactions);
-        state.element = font.value;
-        // machine.disableSilent();
-        while(machine.getState() !== _transactions__WEBPACK_IMPORTED_MODULE_2__.states.END){
-            // console.log(machine.getState(), state);
-            state = machine.dispatch('exec', state);
+    const collapsed = sel.isCollapsed();
+    let mode = _constants__WEBPACK_IMPORTED_MODULE_1__.INITIAL;
+    try {
+        // for...of closes the generator on an exception, releasing every
+        // temporary wrapper before the selection is restored in finally.
+        for (const font of sel.wrapInTagGen(fakes)){
+            let state = {
+                collapsed,
+                mode,
+                element: font,
+                next: _transactions__WEBPACK_IMPORTED_MODULE_2__.states.START,
+                jodit,
+                style: cs
+            };
+            const machine = new _api__WEBPACK_IMPORTED_MODULE_0__.FiniteStateMachine(_transactions__WEBPACK_IMPORTED_MODULE_2__.states.START, _transactions__WEBPACK_IMPORTED_MODULE_2__.transactions);
+            while(!jodit.isInDestruct && machine.getState() !== _transactions__WEBPACK_IMPORTED_MODULE_2__.states.END){
+                state = machine.dispatch('exec', state);
+            }
+            // The first selected fragment determines how later fragments toggle.
+            mode = state.mode;
         }
-        // console.log('-------------------');
-        font = gen.next();
+    } finally{
+        sel.restoreFakes(fakes);
     }
-    // sel.restore();
-    sel.restoreFakes(fakes);
 }
 
 
@@ -12993,6 +13112,9 @@ class CommitStyle {
             });
             this.__applyMap = new WeakMap();
         }
+        if (jodit.isInDestruct) {
+            return;
+        }
         jodit.synchronizeValues();
         jodit.e.fire('afterCommitStyle', this);
     }
@@ -13072,7 +13194,7 @@ const transactions = {
     [states.START]: {
         exec (value) {
             const { element, jodit, style, mode, collapsed } = value;
-            if ((0,jodit_core_selection_style_api__WEBPACK_IMPORTED_MODULE_3__.isInsideInvisibleElement)(element, jodit.editor) || !collapsed && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__.Dom.isEmptyContent(element)) {
+            if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__.Dom.isContentEditable(element, jodit.editor) || (0,jodit_core_selection_style_api__WEBPACK_IMPORTED_MODULE_3__.isInsideInvisibleElement)(element, jodit.editor) || !collapsed && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__.Dom.isEmptyContent(element)) {
                 return {
                     ...value,
                     next: states.END
@@ -18605,11 +18727,13 @@ function addClassNames(className, elm) {
 
 
 
+
 
 
 let exp = {};
 exp = {
     ar: (jodit_langs_ar__WEBPACK_IMPORTED_MODULE_1___default()),
+    az: (jodit_langs_ar__WEBPACK_IMPORTED_MODULE_1___default()),
     cs_cz: (jodit_langs_ar__WEBPACK_IMPORTED_MODULE_1___default()),
     de: (jodit_langs_ar__WEBPACK_IMPORTED_MODULE_1___default()),
     en: jodit_langs_en__WEBPACK_IMPORTED_MODULE_2__,
@@ -21898,7 +22022,7 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.history = {
 	 * @param first - the first snapshote
 	 * @param second - second shot
 	 */ static equal(first, second) {
-        return first.html === second.html && JSON.stringify(first.range) === JSON.stringify(second.range);
+        return first.html === second.html && JSON.stringify(first.range) === JSON.stringify(second.range) && JSON.stringify(first.ranges) === JSON.stringify(second.ranges) && Boolean(first.backward) === Boolean(second.backward);
     }
     /**
 	 * Calc count element before some node in parentNode. All text nodes are joined
@@ -21992,22 +22116,31 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.history = {
         snapshot.html = this.__getCleanedEditorValue(this.j.editor);
         const sel = this.j.s.sel;
         if (sel && sel.rangeCount) {
-            const range = sel.getRangeAt(0);
-            const startContainer = this.calcHierarchyLadder(range.startContainer);
-            const endContainer = this.calcHierarchyLadder(range.endContainer);
-            let startOffset = Snapshot.strokeOffset(range.startContainer, range.startOffset), endOffset = Snapshot.strokeOffset(range.endContainer, range.endOffset);
-            if (!startContainer.length && range.startContainer !== this.j.editor) {
-                startOffset = 0;
-            }
-            if (!endContainer.length && range.endContainer !== this.j.editor) {
-                endOffset = 0;
-            }
-            snapshot.range = {
-                startContainer,
-                startOffset,
-                endContainer,
-                endOffset
-            };
+            const ranges = [];
+            for(let i = 0; i < sel.rangeCount; i += 1){
+                const range = sel.getRangeAt(i);
+                const startContainer = this.calcHierarchyLadder(range.startContainer);
+                const endContainer = this.calcHierarchyLadder(range.endContainer);
+                let startOffset = Snapshot.strokeOffset(range.startContainer, range.startOffset), endOffset = Snapshot.strokeOffset(range.endContainer, range.endOffset);
+                if (!startContainer.length && range.startContainer !== this.j.editor) {
+                    startOffset = 0;
+                }
+                if (!endContainer.length && range.endContainer !== this.j.editor) {
+                    endOffset = 0;
+                }
+                ranges.push({
+                    startContainer,
+                    startOffset,
+                    endContainer,
+                    endOffset
+                });
+            }
+            snapshot.range = ranges[0];
+            if (ranges.length > 1) {
+                snapshot.ranges = ranges;
+            } else if (!sel.isCollapsed && sel.anchorNode === sel.getRangeAt(0).endContainer && sel.anchorOffset === sel.getRangeAt(0).endOffset) {
+                snapshot.backward = true;
+            }
         }
         return snapshot;
     }
@@ -22046,10 +22179,21 @@ jodit_config__WEBPACK_IMPORTED_MODULE_4__.Config.prototype.history = {
 	 */ restoreOnlySelection(snapshot) {
         try {
             if (snapshot.range) {
-                const range = this.j.ed.createRange();
-                range.setStart(this.getElementByLadder(snapshot.range.startContainer), snapshot.range.startOffset);
-                range.setEnd(this.getElementByLadder(snapshot.range.endContainer), snapshot.range.endOffset);
-                this.j.s.selectRange(range);
+                const ranges = (snapshot.ranges ?? [
+                    snapshot.range
+                ]).map((saved)=>{
+                    const range = this.j.ed.createRange();
+                    range.setStart(this.getElementByLadder(saved.startContainer), saved.startOffset);
+                    range.setEnd(this.getElementByLadder(saved.endContainer), saved.endOffset);
+                    return range;
+                });
+                this.j.s.selectRange(ranges[0]);
+                const sel = this.j.s.sel;
+                ranges.slice(1).forEach((range)=>sel?.addRange(range));
+                if (snapshot.backward && ranges.length === 1) {
+                    const range = ranges[0];
+                    sel?.setBaseAndExtent(range.endContainer, range.endOffset, range.startContainer, range.startOffset);
+                }
             }
         } catch (__ignore) {
             this.j.editor.lastChild && this.j.s.setCursorAfter(this.j.editor.lastChild);
@@ -26603,13 +26747,13 @@ jodit_config__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls['ai-assistan
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+var _en_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache;
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   en: function() { return /* reexport module object */ _en_js__WEBPACK_IMPORTED_MODULE_0__; },
+/* harmony export */   en: function() { return /* reexport fake namespace object from non-harmony */ _en_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache || (_en_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache = __webpack_require__.t(_en_js__WEBPACK_IMPORTED_MODULE_0__, 2)); },
 /* harmony export */   es: function() { return /* reexport module object */ _es_js__WEBPACK_IMPORTED_MODULE_1__; }
 /* harmony export */ });
 /* harmony import */ var _en_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17918);
-/* harmony import */ var _en_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_en_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _es_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41324);
 /* harmony import */ var _es_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_es_js__WEBPACK_IMPORTED_MODULE_1__);
 /*!
@@ -44411,7 +44555,7 @@ function __rewriteRelativeImportExtension(path, preserveJsx) {
 /******/ 				var priority = deferred[i][2];
 /******/ 				var fulfilled = true;
 /******/ 				for (var j = 0; j < chunkIds.length; j++) {
-/******/ 					if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {
+/******/ 					if (((priority & 1) === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {
 /******/ 						chunkIds.splice(j--, 1);
 /******/ 					} else {
 /******/ 						fulfilled = false;
@@ -44429,59 +44573,76 @@ function __rewriteRelativeImportExtension(path, preserveJsx) {
 /******/ 	}();
 /******/ 	
 /******/ 	/* webpack/runtime/compat get default export */
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function() { return module['default']; } :
+/******/ 			function() { return module; };
+/******/ 		__webpack_require__.d(getter, { a: getter });
+/******/ 		return getter;
+/******/ 	};
+/******/ 	
+/******/ 	/* webpack/runtime/create fake namespace object */
 /******/ 	!function() {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = function(module) {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				function() { return module['default']; } :
-/******/ 				function() { return module; };
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
+/******/ 		var getProto = Object.getPrototypeOf;
+/******/ 		var leafPrototypes;
+/******/ 		// create a fake namespace object
+/******/ 		// mode & 1: value is a module id, require it
+/******/ 		// mode & 2: merge all properties of value into the ns
+/******/ 		// mode & 4: return value when already ns object
+/******/ 		// mode & 16: return value when it's Promise-like
+/******/ 		// mode & 8|1: behave like require
+/******/ 		__webpack_require__.t = function(value, mode) {
+/******/ 			if(mode & 1) value = this(value);
+/******/ 			if(mode & 8) return value;
+/******/ 			if(typeof value === 'object' && value) {
+/******/ 				if((mode & 4) && value.__esModule) return value;
+/******/ 				if((mode & 16) && typeof value.then === 'function') return value;
+/******/ 			}
+/******/ 			var ns = Object.create(null);
+/******/ 			__webpack_require__.r(ns);
+/******/ 			var def = {};
+/******/ 			leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
+/******/ 			for(var current = mode & 2 && value; (typeof current == 'object' || typeof current == 'function') && !~leafPrototypes.indexOf(current); current = getProto(current)) {
+/******/ 				Object.getOwnPropertyNames(current).forEach(function(key) { def[key] = function() { return value[key]; }; });
+/******/ 			}
+/******/ 			def['default'] = function() { return value; };
+/******/ 			__webpack_require__.d(ns, def);
+/******/ 			return ns;
 /******/ 		};
 /******/ 	}();
 /******/ 	
 /******/ 	/* webpack/runtime/define property getters */
-/******/ 	!function() {
-/******/ 		// define getter/value functions for harmony exports
-/******/ 		__webpack_require__.d = function(exports, definition) {
-/******/ 			if(Array.isArray(definition)) {
-/******/ 				var i = 0;
-/******/ 				while(i < definition.length) {
-/******/ 					var key = definition[i++];
-/******/ 					var binding = definition[i++];
-/******/ 					if(!__webpack_require__.o(exports, key)) {
-/******/ 						if(binding === 0) {
-/******/ 							Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
-/******/ 						} else {
-/******/ 							Object.defineProperty(exports, key, { enumerable: true, get: binding });
-/******/ 						}
-/******/ 					} else if(binding === 0) { i++; }
-/******/ 				}
-/******/ 			} else {
-/******/ 				for(var key in definition) {
-/******/ 					if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 					}
+/******/ 	// define getter/value functions for harmony exports
+/******/ 	__webpack_require__.d = function(exports, definition) {
+/******/ 		if(Array.isArray(definition)) {
+/******/ 			var i = 0;
+/******/ 			while(i < definition.length) {
+/******/ 				var key = definition[i++];
+/******/ 				var binding = definition[i++];
+/******/ 				var descriptor = binding === 0 ? { enumerable: true, value: definition[i++] } : { enumerable: true, get: binding };
+/******/ 				if(!__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, descriptor);
+/******/ 			}
+/******/ 		} else {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 /******/ 				}
 /******/ 			}
-/******/ 		};
-/******/ 	}();
+/******/ 		}
+/******/ 	};
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	!function() {
-/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
-/******/ 	}();
+/******/ 	__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); };
 /******/ 	
 /******/ 	/* webpack/runtime/make namespace object */
-/******/ 	!function() {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = function(exports) {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	}();
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
 /******/ 	
 /******/ 	/* webpack/runtime/jsonp chunk loading */
 /******/ 	!function() {