suneditor 3.1.4 → 3.2.0

package/src/core/logic/dom/inline.js

@@ -84,9 +84,18 @@ class Inline {
 		let endCon = range.endContainer;
 		let endOff = range.endOffset;
 
-		if ((isRemoveFormat && range.collapsed && this.#$.format.isLine(startCon.parentNode) && this.#$.format.isLine(endCon.parentNode)) || (startCon === endCon && startCon.nodeType === 1 && dom.check.isNonEditable(startCon))) {
+		if (
+			(isRemoveFormat &&
+				range.collapsed &&
+				this.#$.format.isLine(startCon.parentNode) &&
+				this.#$.format.isLine(endCon.parentNode)) ||
+			(startCon === endCon && startCon.nodeType === 1 && dom.check.isNonEditable(startCon))
+		) {
 			const format = startCon.parentNode;
-			if (!dom.check.isListCell(format) || !converter.getValues(format.style).some((k) => this.#listKebab.includes(k))) {
+			if (
+				!dom.check.isListCell(format) ||
+				!converter.getValues(format.style).some((k) => this.#listKebab.includes(k))
+			) {
 				return;
 			}
 		}
@@ -154,12 +163,21 @@ class Inline {
 					for (let i = 0; i < checkAttrs.length; i++) {
 						if (sNode.nodeType === 1) {
 							const s = checkAttrs[i];
-							const classReg = /^\./.test(s) ? new wRegExp('\\s*' + s.replace(/^\./, '') + '(\\s+|$)', 'ig') : false;
+							const classReg = /^\./.test(s)
+								? new wRegExp('\\s*' + s.replace(/^\./, '') + '(\\s+|$)', 'ig')
+								: false;
 							const sNodeStyle = /** @type {HTMLElement} */ (sNode).style;
 							const sNodeClassName = /** @type {HTMLElement} */ (sNode).className;
 
-							const styleCheck = isRemoveNode ? !!sNodeStyle[s] : !!sNodeStyle[s] && !!checkStyles[s] && sNodeStyle[s] === checkStyles[s];
-							const classCheck = classReg === false ? false : isRemoveNode ? !!sNodeClassName.match(classReg) : !!sNodeClassName.match(classReg) && !!checkClassName.match(classReg);
+							const styleCheck = isRemoveNode
+								? !!sNodeStyle[s]
+								: !!sNodeStyle[s] && !!checkStyles[s] && sNodeStyle[s] === checkStyles[s];
+							const classCheck =
+								classReg === false
+									? false
+									: isRemoveNode
+										? !!sNodeClassName.match(classReg)
+										: !!sNodeClassName.match(classReg) && !!checkClassName.match(classReg);
 							if (styleCheck || classCheck) {
 								checkCnt++;
 							}
@@ -228,7 +246,8 @@ class Inline {
 			if (isRemoveFormat) return null;
 
 			// remove node check
-			const tagRemove = (!removeNodeRegExp && isRemoveNode) || /** @type {RegExp} */ (removeNodeRegExp)?.test(vNode.nodeName);
+			const tagRemove =
+				(!removeNodeRegExp && isRemoveNode) || /** @type {RegExp} */ (removeNodeRegExp)?.test(vNode.nodeName);
 
 			// tag remove
 			if (tagRemove && !strictRemove) {
@@ -254,14 +273,26 @@ class Inline {
 
 			// remove only
 			if (isRemoveNode) {
-				if ((classRegExp || !originClasses) && (styleRegExp || !originStyle) && !style && !classes && tagRemove) {
+				if (
+					(classRegExp || !originClasses) &&
+					(styleRegExp || !originStyle) &&
+					!style &&
+					!classes &&
+					tagRemove
+				) {
 					_removeCheck.v = true;
 					return null;
 				}
 			}
 
 			// change
-			if (style || classes || vNode.nodeName !== newNodeName || Boolean(styleRegExp) !== Boolean(originStyle) || Boolean(classRegExp) !== Boolean(originClasses)) {
+			if (
+				style ||
+				classes ||
+				vNode.nodeName !== newNodeName ||
+				Boolean(styleRegExp) !== Boolean(originStyle) ||
+				Boolean(classRegExp) !== Boolean(originClasses)
+			) {
 				if (styleRegExp && originStyle.length > 0) vNode.style.cssText = style;
 				if (!vNode.style.cssText) {
 					vNode.removeAttribute('style');
@@ -341,9 +372,24 @@ class Inline {
 
 		// one line
 		if (oneLine) {
-			if (this.#sn_resetCommonListCell(lineNodes[0], stylesToModify)) range = this.#$.selection.setRange(startCon, startOff, endCon, endOff);
+			if (this.#sn_resetCommonListCell(lineNodes[0], stylesToModify))
+				range = this.#$.selection.setRange(startCon, startOff, endCon, endOff);
 
-			const newRange = this.#setNode_oneLine(lineNodes[0], newNode, validation, startCon, startOff, endCon, endOff, isRemoveFormat, isRemoveNode, range.collapsed, _removeCheck, _getMaintainedNode, _isMaintainedNode);
+			const newRange = this.#setNode_oneLine(
+				lineNodes[0],
+				newNode,
+				validation,
+				startCon,
+				startOff,
+				endCon,
+				endOff,
+				isRemoveFormat,
+				isRemoveNode,
+				range.collapsed,
+				_removeCheck,
+				_getMaintainedNode,
+				_isMaintainedNode,
+			);
 			start.container = newRange.startContainer;
 			start.offset = newRange.startOffset;
 			end.container = newRange.endContainer;
@@ -356,21 +402,41 @@ class Inline {
 		} else {
 			// multi line
 			let appliedCommonList = false;
-			if (endLength > 0 && this.#sn_resetCommonListCell(lineNodes[endLength], stylesToModify)) appliedCommonList = true;
+			if (endLength > 0 && this.#sn_resetCommonListCell(lineNodes[endLength], stylesToModify))
+				appliedCommonList = true;
 			if (this.#sn_resetCommonListCell(lineNodes[0], stylesToModify)) appliedCommonList = true;
 			if (appliedCommonList) this.#$.selection.setRange(startCon, startOff, endCon, endOff);
 
 			// end
 			if (endLength > 0) {
 				newNode = styleNode.cloneNode(false);
-				end = this.#setNode_endLine(lineNodes[endLength], newNode, validation, endCon, endOff, isRemoveFormat, isRemoveNode, _removeCheck, _getMaintainedNode, _isMaintainedNode);
+				end = this.#setNode_endLine(
+					lineNodes[endLength],
+					newNode,
+					validation,
+					endCon,
+					endOff,
+					isRemoveFormat,
+					isRemoveNode,
+					_removeCheck,
+					_getMaintainedNode,
+					_isMaintainedNode,
+				);
 			}
 
 			// mid
 			for (let i = endLength - 1, newRange; i > 0; i--) {
 				this.#sn_resetCommonListCell(lineNodes[i], stylesToModify);
 				newNode = styleNode.cloneNode(false);
-				newRange = this.#setNode_middleLine(lineNodes[i], newNode, validation, isRemoveFormat, isRemoveNode, _removeCheck, end.container);
+				newRange = this.#setNode_middleLine(
+					lineNodes[i],
+					newNode,
+					validation,
+					isRemoveFormat,
+					isRemoveNode,
+					_removeCheck,
+					end.container,
+				);
 				if (newRange.endContainer && newRange.ancestor.contains(newRange.endContainer)) {
 					end.ancestor = null;
 					end.container = newRange.endContainer;
@@ -380,7 +446,19 @@ class Inline {
 
 			// start
 			newNode = styleNode.cloneNode(false);
-			start = this.#setNode_startLine(lineNodes[0], newNode, validation, startCon, startOff, isRemoveFormat, isRemoveNode, _removeCheck, _getMaintainedNode, _isMaintainedNode, end.container);
+			start = this.#setNode_startLine(
+				lineNodes[0],
+				newNode,
+				validation,
+				startCon,
+				startOff,
+				isRemoveFormat,
+				isRemoveNode,
+				_removeCheck,
+				_getMaintainedNode,
+				_isMaintainedNode,
+				end.container,
+			);
 
 			if (start.endContainer) {
 				end.ancestor = null;
@@ -438,7 +516,13 @@ class Inline {
 	 * @returns {boolean}
 	 */
 	_isIgnoreNodeChange(element) {
-		return element && element.nodeType === 1 && (dom.check.isNonEditable(element) || !this.#$.format.isTextStyleNode(element) || this.#$.component.is(element));
+		return (
+			element &&
+			element.nodeType === 1 &&
+			(dom.check.isNonEditable(element) ||
+				!this.#$.format.isTextStyleNode(element) ||
+				this.#$.component.is(element))
+		);
 	}
 
 	/**
@@ -458,16 +542,43 @@ class Inline {
 	 * @param {(element: Node) => boolean} _isMaintainedNode Function to check if node should be maintained.
 	 * @returns {{ancestor: *, startContainer: *, startOffset: *, endContainer: *, endOffset: *}}
 	 */
-	#setNode_oneLine(element, newInnerNode, validation, startCon, startOff, endCon, endOff, isRemoveFormat, isRemoveNode, collapsed, _removeCheck, _getMaintainedNode, _isMaintainedNode) {
+	#setNode_oneLine(
+		element,
+		newInnerNode,
+		validation,
+		startCon,
+		startOff,
+		endCon,
+		endOff,
+		isRemoveFormat,
+		isRemoveNode,
+		collapsed,
+		_removeCheck,
+		_getMaintainedNode,
+		_isMaintainedNode,
+	) {
 		// not add tag
 		let parentCon = startCon.parentNode;
-		while (!parentCon.nextSibling && !parentCon.previousSibling && !this.#$.format.isLine(parentCon.parentNode) && !dom.check.isWysiwygFrame(parentCon.parentNode)) {
+		while (
+			!parentCon.nextSibling &&
+			!parentCon.previousSibling &&
+			!this.#$.format.isLine(parentCon.parentNode) &&
+			!dom.check.isWysiwygFrame(parentCon.parentNode)
+		) {
 			if (parentCon.nodeName === newInnerNode.nodeName) break;
 			parentCon = parentCon.parentNode;
 		}
 
-		if (!isRemoveNode && !isRemoveFormat && parentCon === endCon.parentNode && parentCon.nodeName === newInnerNode.nodeName) {
-			if (dom.check.isZeroWidth(startCon.textContent.slice(0, startOff)) && dom.check.isZeroWidth(endCon.textContent.slice(endOff))) {
+		if (
+			!isRemoveNode &&
+			!isRemoveFormat &&
+			parentCon === endCon.parentNode &&
+			parentCon.nodeName === newInnerNode.nodeName
+		) {
+			if (
+				dom.check.isZeroWidth(startCon.textContent.slice(0, startOff)) &&
+				dom.check.isZeroWidth(endCon.textContent.slice(endOff))
+			) {
 				const children = parentCon.childNodes;
 				let sameTag = true;
 
@@ -545,7 +656,14 @@ class Inline {
 					if (startContainer.nodeType === 3) {
 						const sText = /** @type {Text} */ (startContainer);
 						_prevText = sText.substringData(0, startOffset);
-						_nextText = sText.substringData(startOffset, isSameNode ? (endOffset >= startOffset ? endOffset - startOffset : sText.data.length - startOffset) : sText.data.length - startOffset);
+						_nextText = sText.substringData(
+							startOffset,
+							isSameNode
+								? endOffset >= startOffset
+									? endOffset - startOffset
+									: sText.data.length - startOffset
+								: sText.data.length - startOffset,
+						);
 					}
 
 					const prevNode = dom.utils.createTextNode(_prevText);
@@ -756,7 +874,11 @@ class Inline {
 						appendNode = newNode;
 					}
 
-					if (_isMaintainedNode(newInnerNode.parentNode) && !_isMaintainedNode(childNode) && !dom.check.isZeroWidth(newInnerNode)) {
+					if (
+						_isMaintainedNode(newInnerNode.parentNode) &&
+						!_isMaintainedNode(childNode) &&
+						!dom.check.isZeroWidth(newInnerNode)
+					) {
 						newInnerNode = newInnerNode.cloneNode(false);
 						pNode.appendChild(newInnerNode);
 						nNodeArray.push(newInnerNode);
@@ -891,7 +1013,13 @@ class Inline {
 		const endPath = dom.query.getNodePath(endContainer, pNode, !mergeEndCon && !endConReset ? newEndOffset : null);
 
 		startOffset += newStartOffset.s;
-		endOffset = collapsed ? startOffset : mergeEndCon ? startContainer.textContent.length : endConReset ? endOffset + newStartOffset.s : endOffset + newEndOffset.s;
+		endOffset = collapsed
+			? startOffset
+			: mergeEndCon
+				? startContainer.textContent.length
+				: endConReset
+					? endOffset + newStartOffset.s
+					: endOffset + newEndOffset.s;
 
 		// tag merge
 		const newOffsets = this.#$.nodeTransform.mergeSameTags(pNode, [startPath, endPath], true);
@@ -925,15 +1053,39 @@ class Inline {
 	 * @param {Node} _endContainer End container node.
 	 * @returns {NodeStyleContainerType} { ancestor, container, offset, endContainer }
 	 */
-	#setNode_startLine(element, newInnerNode, validation, startCon, startOff, isRemoveFormat, isRemoveNode, _removeCheck, _getMaintainedNode, _isMaintainedNode, _endContainer) {
+	#setNode_startLine(
+		element,
+		newInnerNode,
+		validation,
+		startCon,
+		startOff,
+		isRemoveFormat,
+		isRemoveNode,
+		_removeCheck,
+		_getMaintainedNode,
+		_isMaintainedNode,
+		_endContainer,
+	) {
 		// not add tag
 		let parentCon = startCon.parentNode;
-		while (!parentCon.nextSibling && !parentCon.previousSibling && !this.#$.format.isLine(parentCon.parentNode) && !dom.check.isWysiwygFrame(parentCon.parentNode)) {
+		while (
+			!parentCon.nextSibling &&
+			!parentCon.previousSibling &&
+			!this.#$.format.isLine(parentCon.parentNode) &&
+			!dom.check.isWysiwygFrame(parentCon.parentNode)
+		) {
 			if (parentCon.nodeName === newInnerNode.nodeName) break;
 			parentCon = parentCon.parentNode;
 		}
 
-		if (!isRemoveNode && !isRemoveFormat && parentCon.nodeName === newInnerNode.nodeName && !this.#$.format.isLine(parentCon) && !parentCon.nextSibling && dom.check.isZeroWidth(startCon.textContent.slice(0, startOff))) {
+		if (
+			!isRemoveNode &&
+			!isRemoveFormat &&
+			parentCon.nodeName === newInnerNode.nodeName &&
+			!this.#$.format.isLine(parentCon) &&
+			!parentCon.nextSibling &&
+			dom.check.isZeroWidth(startCon.textContent.slice(0, startOff))
+		) {
 			let sameTag = true;
 			let s = startCon.previousSibling;
 			while (s) {
@@ -1234,7 +1386,8 @@ class Inline {
 		if (!isRemoveNode) {
 			// end container path
 			let endPath = null;
-			if (_endContainer && element.contains(_endContainer)) endPath = dom.query.getNodePath(_endContainer, element);
+			if (_endContainer && element.contains(_endContainer))
+				endPath = dom.query.getNodePath(_endContainer, element);
 
 			const tempNode = element.cloneNode(true);
 			const newNodeName = /** @type {HTMLElement} */ (newInnerNode).nodeName;
@@ -1369,15 +1522,38 @@ class Inline {
 	 * @param {(element: Node) => boolean} _isMaintainedNode Function to check if node should be maintained.
 	 * @returns {NodeStyleContainerType} { ancestor, container, offset }
 	 */
-	#setNode_endLine(element, newInnerNode, validation, endCon, endOff, isRemoveFormat, isRemoveNode, _removeCheck, _getMaintainedNode, _isMaintainedNode) {
+	#setNode_endLine(
+		element,
+		newInnerNode,
+		validation,
+		endCon,
+		endOff,
+		isRemoveFormat,
+		isRemoveNode,
+		_removeCheck,
+		_getMaintainedNode,
+		_isMaintainedNode,
+	) {
 		// not add tag
 		let parentCon = endCon.parentNode;
-		while (!parentCon.nextSibling && !parentCon.previousSibling && !this.#$.format.isLine(parentCon.parentNode) && !dom.check.isWysiwygFrame(parentCon.parentNode)) {
+		while (
+			!parentCon.nextSibling &&
+			!parentCon.previousSibling &&
+			!this.#$.format.isLine(parentCon.parentNode) &&
+			!dom.check.isWysiwygFrame(parentCon.parentNode)
+		) {
 			if (parentCon.nodeName === newInnerNode.nodeName) break;
 			parentCon = parentCon.parentNode;
 		}
 
-		if (!isRemoveNode && !isRemoveFormat && parentCon.nodeName === newInnerNode.nodeName && !this.#$.format.isLine(parentCon) && !parentCon.previousSibling && dom.check.isZeroWidth(endCon.textContent.slice(endOff))) {
+		if (
+			!isRemoveNode &&
+			!isRemoveFormat &&
+			parentCon.nodeName === newInnerNode.nodeName &&
+			!this.#$.format.isLine(parentCon) &&
+			!parentCon.previousSibling &&
+			dom.check.isZeroWidth(endCon.textContent.slice(endOff))
+		) {
 			let sameTag = true;
 			let e = endCon.nextSibling;
 			while (e) {
@@ -1684,7 +1860,13 @@ class Inline {
 	 * @returns {boolean}
 	 */
 	#sn_isSizeNode(element) {
-		return element && typeof element !== 'string' && element.nodeType !== 3 && this.#$.format.isTextStyleNode(element) && !!element.style.fontSize;
+		return (
+			element &&
+			typeof element !== 'string' &&
+			element.nodeType !== 3 &&
+			this.#$.format.isTextStyleNode(element) &&
+			!!element.style.fontSize
+		);
 	}
 
 	/**
@@ -1696,7 +1878,10 @@ class Inline {
 	 */
 	#sn_getMaintainedNode(_isRemove, _isSizeNode, element) {
 		if (!element || _isRemove) return null;
-		return dom.query.getParentElement(element, this._isNonSplitNode.bind(this)) || (!_isSizeNode ? dom.query.getParentElement(element, this.#sn_isSizeNode.bind(this)) : null);
+		return (
+			dom.query.getParentElement(element, this._isNonSplitNode.bind(this)) ||
+			(!_isSizeNode ? dom.query.getParentElement(element, this.#sn_isSizeNode.bind(this)) : null)
+		);
 	}
 
 	/**
@@ -1709,7 +1894,9 @@ class Inline {
 	#sn_isMaintainedNode(_isRemove, _isSizeNode, element) {
 		if (!element || _isRemove || element.nodeType !== 1) return false;
 		const anchor = this._isNonSplitNode(element);
-		return dom.query.getParentElement(element, this._isNonSplitNode.bind(this)) ? anchor : anchor || (!_isSizeNode ? this.#sn_isSizeNode(element) : false);
+		return dom.query.getParentElement(element, this._isNonSplitNode.bind(this))
+			? anchor
+			: anchor || (!_isSizeNode ? this.#sn_isSizeNode(element) : false);
 	}
 
 	/**
@@ -1732,8 +1919,16 @@ class Inline {
 		let appliedEl = false;
 
 		// bold, italic
-		if (this.#options.get('_defaultStyleTagMap')[nodeName] === this.#options.get('_defaultTagCommand').bold.toLowerCase()) elStyle.fontWeight = 'bold';
-		if (this.#options.get('_defaultStyleTagMap')[nodeName] === this.#options.get('_defaultTagCommand').italic.toLowerCase()) elStyle.fontStyle = 'italic';
+		if (
+			this.#options.get('_defaultStyleTagMap')[nodeName] ===
+			this.#options.get('_defaultTagCommand').bold.toLowerCase()
+		)
+			elStyle.fontWeight = 'bold';
+		if (
+			this.#options.get('_defaultStyleTagMap')[nodeName] ===
+			this.#options.get('_defaultTagCommand').italic.toLowerCase()
+		)
+			elStyle.fontStyle = 'italic';
 
 		// styles
 		const cKeys = converter.getValues(childStyle);

package/src/core/logic/dom/listFormat.js

@@ -39,7 +39,9 @@ class ListFormat {
 		const listStyle = type.split(':')[1] || '';
 
 		let range = this.#$.selection.getRange();
-		let selectedFormats = /** @type {Array<HTMLElement>} */ (!selectedCells ? this.#$.format.getLinesAndComponents(false) : selectedCells);
+		let selectedFormats = /** @type {Array<HTMLElement>} */ (
+			!selectedCells ? this.#$.format.getLinesAndComponents(false) : selectedCells
+		);
 
 		if (selectedFormats.length === 0) {
 			if (selectedCells) return;
@@ -53,13 +55,25 @@ class ListFormat {
 		// merge
 		const firstSel = selectedFormats[0];
 		const lastSel = selectedFormats.at(-1);
-		let topEl = (dom.check.isListCell(firstSel) || this.#$.component.is(firstSel)) && !firstSel.previousElementSibling ? firstSel.parentElement.previousElementSibling : firstSel.previousElementSibling;
-		let bottomEl = (dom.check.isListCell(lastSel) || this.#$.component.is(lastSel)) && !lastSel.nextElementSibling ? lastSel.parentElement.nextElementSibling : lastSel.nextElementSibling;
+		let topEl =
+			(dom.check.isListCell(firstSel) || this.#$.component.is(firstSel)) && !firstSel.previousElementSibling
+				? firstSel.parentElement.previousElementSibling
+				: firstSel.previousElementSibling;
+		let bottomEl =
+			(dom.check.isListCell(lastSel) || this.#$.component.is(lastSel)) && !lastSel.nextElementSibling
+				? lastSel.parentElement.nextElementSibling
+				: lastSel.nextElementSibling;
 
 		const isCollapsed = range.collapsed;
 		const originRange = {
 			sc: range.startContainer,
-			so: range.startContainer === range.endContainer && dom.check.isZeroWidth(range.startContainer) && range.startOffset === 0 && range.endOffset === 1 ? range.endOffset : range.startOffset,
+			so:
+				range.startContainer === range.endContainer &&
+				dom.check.isZeroWidth(range.startContainer) &&
+				range.startOffset === 0 &&
+				range.endOffset === 1
+					? range.endOffset
+					: range.startOffset,
 			ec: range.endContainer,
 			eo: range.endOffset,
 		};
@@ -67,13 +81,24 @@ class ListFormat {
 		let isRemove = true;
 
 		for (let i = 0, len = selectedFormats.length; i < len; i++) {
-			if (!dom.check.isList(this.#$.format.getBlock(selectedFormats[i], (current) => this.#$.format.getBlock(current) && current !== selectedFormats[i]))) {
+			if (
+				!dom.check.isList(
+					this.#$.format.getBlock(
+						selectedFormats[i],
+						(current) => this.#$.format.getBlock(current) && current !== selectedFormats[i],
+					),
+				)
+			) {
 				isRemove = false;
 				break;
 			}
 		}
 
-		if (isRemove && (!topEl || firstSel.tagName !== topEl.tagName || listTag !== topEl.tagName.toUpperCase()) && (!bottomEl || lastSel.tagName !== bottomEl.tagName || listTag !== bottomEl.tagName.toUpperCase())) {
+		if (
+			isRemove &&
+			(!topEl || firstSel.tagName !== topEl.tagName || listTag !== topEl.tagName.toUpperCase()) &&
+			(!bottomEl || lastSel.tagName !== bottomEl.tagName || listTag !== bottomEl.tagName.toUpperCase())
+		) {
 			if (nested) {
 				for (let i = 0, len = selectedFormats.length; i < len; i++) {
 					for (let j = i - 1; j >= 0; j--) {
@@ -113,7 +138,12 @@ class ListFormat {
 						if (nested && dom.check.isListCell(o.parentNode)) {
 							this.#detachNested(rangeArr.f);
 						} else {
-							afterRange = this.#$.format.removeBlock(rangeArr.f[0].parentElement, { selectedFormats: rangeArr.f, newBlockElement: tempList, shouldDelete: false, skipHistory: true });
+							afterRange = this.#$.format.removeBlock(rangeArr.f[0].parentElement, {
+								selectedFormats: rangeArr.f,
+								newBlockElement: tempList,
+								shouldDelete: false,
+								skipHistory: true,
+							});
 						}
 
 						o = selectedFormats[i].parentNode;
@@ -135,15 +165,28 @@ class ListFormat {
 					if (nested && dom.check.isListCell(o.parentNode)) {
 						this.#detachNested(rangeArr.f);
 					} else {
-						afterRange = this.#$.format.removeBlock(rangeArr.f[0].parentElement, { selectedFormats: rangeArr.f, newBlockElement: tempList, shouldDelete: false, skipHistory: true });
+						afterRange = this.#$.format.removeBlock(rangeArr.f[0].parentElement, {
+							selectedFormats: rangeArr.f,
+							newBlockElement: tempList,
+							shouldDelete: false,
+							skipHistory: true,
+						});
 					}
 				}
 			}
 		} else {
 			const topElParent = topEl ? topEl.parentNode : topEl;
 			const bottomElParent = bottomEl ? bottomEl.parentNode : bottomEl;
-			topEl = /** @type {HTMLElement} */ (topElParent && !dom.check.isWysiwygFrame(topElParent) && topElParent.nodeName === listTag ? topElParent : topEl);
-			bottomEl = /** @type {HTMLElement} */ (bottomElParent && !dom.check.isWysiwygFrame(bottomElParent) && bottomElParent.nodeName === listTag ? bottomElParent : bottomEl);
+			topEl = /** @type {HTMLElement} */ (
+				topElParent && !dom.check.isWysiwygFrame(topElParent) && topElParent.nodeName === listTag
+					? topElParent
+					: topEl
+			);
+			bottomEl = /** @type {HTMLElement} */ (
+				bottomElParent && !dom.check.isWysiwygFrame(bottomElParent) && bottomElParent.nodeName === listTag
+					? bottomElParent
+					: bottomEl
+			);
 
 			const mergeTop = topEl?.tagName === listTag;
 			const mergeBottom = bottomEl?.tagName === listTag;
@@ -158,7 +201,21 @@ class ListFormat {
 				return !dom.check.isComponentContainer(current) && !dom.check.isList(current);
 			};
 
-			for (let i = 0, len = selectedFormats.length, newCell, fTag, isCell, next, originParent, nextParent, parentTag, siblingTag, rangeTag; i < len; i++) {
+			for (
+				let i = 0,
+					len = selectedFormats.length,
+					newCell,
+					fTag,
+					isCell,
+					next,
+					originParent,
+					nextParent,
+					parentTag,
+					siblingTag,
+					rangeTag;
+				i < len;
+				i++
+			) {
 				fTag = selectedFormats[i];
 				if (fTag.childNodes.length === 0 && !this.#$.inline._isIgnoreNodeChange(fTag)) {
 					dom.utils.removeItem(fTag);
@@ -170,7 +227,12 @@ class ListFormat {
 				isCell = dom.check.isListCell(fTag);
 				rangeTag = this.#$.format.isBlock(originParent) ? originParent : null;
 				parentTag = isCell && !dom.check.isWysiwygFrame(originParent) ? originParent.parentNode : originParent;
-				siblingTag = isCell && !dom.check.isWysiwygFrame(originParent) ? (!next || dom.check.isListCell(parentTag) ? originParent : originParent.nextSibling) : fTag.nextSibling;
+				siblingTag =
+					isCell && !dom.check.isWysiwygFrame(originParent)
+						? !next || dom.check.isListCell(parentTag)
+							? originParent
+							: originParent.nextSibling
+						: fTag.nextSibling;
 
 				newCell = dom.utils.createElement('LI');
 
@@ -191,7 +253,10 @@ class ListFormat {
 				// if (!next) lastList = list;
 				if (!next || parentTag !== nextParent || this.#$.format.isBlock(siblingTag)) {
 					firstList ||= list;
-					if ((!mergeTop || !next || parentTag !== nextParent) && !(next && dom.check.isList(nextParent) && nextParent === originParent)) {
+					if (
+						(!mergeTop || !next || parentTag !== nextParent) &&
+						!(next && dom.check.isList(nextParent) && nextParent === originParent)
+					) {
 						if (list.parentNode !== parentTag) parentTag.insertBefore(list, siblingTag);
 					}
 				}
@@ -200,8 +265,11 @@ class ListFormat {
 				if (mergeTop && topNumber === null) topNumber = list.children.length - 1;
 				if (
 					next &&
-					(this.#$.format.getBlock(nextParent, passComponent) !== this.#$.format.getBlock(originParent, passComponent) ||
-						(dom.check.isList(nextParent) && dom.check.isList(originParent) && dom.query.getNodeDepth(nextParent) !== dom.query.getNodeDepth(originParent)))
+					(this.#$.format.getBlock(nextParent, passComponent) !==
+						this.#$.format.getBlock(originParent, passComponent) ||
+						(dom.check.isList(nextParent) &&
+							dom.check.isList(originParent) &&
+							dom.query.getNodeDepth(nextParent) !== dom.query.getNodeDepth(originParent)))
 				) {
 					list = dom.utils.createElement(listTag, { style: 'list-style-type: ' + listStyle });
 				}
@@ -257,7 +325,12 @@ class ListFormat {
 				if (i === 0) listFirst = true;
 			} else if (r && isList) {
 				if (r !== o) {
-					const edge = this.#$.format.removeBlock(rangeArr.f[0].parentNode, { selectedFormats: rangeArr.f, newBlockElement: null, shouldDelete, skipHistory: true });
+					const edge = this.#$.format.removeBlock(rangeArr.f[0].parentNode, {
+						selectedFormats: rangeArr.f,
+						newBlockElement: null,
+						shouldDelete,
+						skipHistory: true,
+					});
 					o = selectedCells[i].parentNode;
 					if (listFirst) {
 						first = edge.sc;
@@ -282,7 +355,12 @@ class ListFormat {
 			}
 
 			if (lastIndex && dom.check.isList(r)) {
-				const edge = this.#$.format.removeBlock(rangeArr.f[0].parentNode, { selectedFormats: rangeArr.f, newBlockElement: null, shouldDelete, skipHistory: true });
+				const edge = this.#$.format.removeBlock(rangeArr.f[0].parentNode, {
+					selectedFormats: rangeArr.f,
+					newBlockElement: null,
+					shouldDelete,
+					skipHistory: true,
+				});
 				if (listLast || len === 1) last = edge.ec;
 				if (listFirst) first = edge.sc || last;
 			}
@@ -317,7 +395,12 @@ class ListFormat {
 				})
 			: selectedCells;
 		const cellsLen = selectedCells.length;
-		if (cellsLen === 0 || (!nested && !dom.check.isListCell(selectedCells[0].previousElementSibling) && !dom.check.isListCell(selectedCells.at(-1).nextElementSibling))) {
+		if (
+			cellsLen === 0 ||
+			(!nested &&
+				!dom.check.isListCell(selectedCells[0].previousElementSibling) &&
+				!dom.check.isListCell(selectedCells.at(-1).nextElementSibling))
+		) {
 			return {
 				sc: selectedCells[0],
 				so: 0,
@@ -331,7 +414,11 @@ class ListFormat {
 		let range = null;
 
 		if (nested) {
-			if (originList !== lastCell.parentElement && dom.check.isList(lastCell.parentElement?.parentElement) && lastCell.nextElementSibling) {
+			if (
+				originList !== lastCell.parentElement &&
+				dom.check.isList(lastCell.parentElement?.parentElement) &&
+				lastCell.nextElementSibling
+			) {
 				lastCell = /** @type {HTMLElement} */ (lastCell.nextElementSibling);
 				while (lastCell) {
 					selectedCells.push(lastCell);
@@ -427,7 +514,11 @@ class ListFormat {
 			rChildren = dom.query.getListChildren(
 				baseNode,
 				(current) => {
-					return dom.check.isListCell(current) && !current.previousElementSibling && dom.query.getNodeDepth(current) === depth;
+					return (
+						dom.check.isListCell(current) &&
+						!current.previousElementSibling &&
+						dom.query.getNodeDepth(current) === depth
+					);
 				},
 				null,
 			);