autumnnote 1.6.3 → 1.6.6

package/dist/autumnnote.umd.js

@@ -42,7 +42,7 @@
 		return val !== null && typeof val === "object" && !Array.isArray(val);
 	}
 	/** @param {Node} node */
-	var isElement = (node) => node && node.nodeType === 1;
+	var isElement = (node) => node?.nodeType === 1;
 	/** @param {Node} node */
 	var isPara = (node) => isElement(node) && /^(p|div|li|h[1-6]|blockquote|td|th|pre)$/i.test(node.nodeName);
 	/** @param {Node} node */
@@ -321,7 +321,7 @@
 	*/
 	function underline() {
 		const sel = globalThis.getSelection();
-		if (!sel || !sel.rangeCount) return;
+		if (!sel?.rangeCount) return;
 		let container = sel.getRangeAt(0).commonAncestorContainer;
 		if (container.nodeType === 3) container = container.parentElement;
 		const uEl = container?.closest("u");
@@ -341,7 +341,7 @@
 	*/
 	function strikethrough() {
 		const sel = globalThis.getSelection();
-		if (!sel || !sel.rangeCount) return;
+		if (!sel?.rangeCount) return;
 		let sc = sel.getRangeAt(0).startContainer;
 		if (sc.nodeType === 3) sc = sc.parentElement;
 		const sEl = sc?.closest("s") || sc?.closest("strike");
@@ -385,8 +385,8 @@
 	*/
 	function fontSize(size, editable = document) {
 		const sel = globalThis.getSelection();
-		const wasCollapsed = !sel || !sel.rangeCount || sel.getRangeAt(0).collapsed;
-		if (wasCollapsed && sel && sel.rangeCount > 0) {
+		const wasCollapsed = !sel?.rangeCount || sel.getRangeAt(0).collapsed;
+		if (wasCollapsed && sel?.rangeCount > 0) {
 			try {
 				const range = sel.getRangeAt(0);
 				const span = document.createElement("span");
@@ -460,7 +460,7 @@
 	*/
 	function outdent() {
 		const sel = globalThis.getSelection();
-		if (sel && sel.rangeCount) {
+		if (sel?.rangeCount) {
 			let container = sel.getRangeAt(0).commonAncestorContainer;
 			if (container.nodeType === 3) container = container.parentElement;
 			const checkLi = container?.closest(".an-checklist li");
@@ -510,7 +510,7 @@
 		try {
 			const nr = document.createRange();
 			const firstChild = p.firstChild;
-			nr.setStart(firstChild && firstChild.nodeType === 3 ? firstChild : p, 0);
+			nr.setStart(firstChild?.nodeType === 3 ? firstChild : p, 0);
 			nr.collapse(true);
 			const s = globalThis.getSelection();
 			if (s) {
@@ -589,7 +589,7 @@
 	*/
 	function toggleInlineCode(_editable) {
 		const sel = globalThis.getSelection();
-		if (!sel || !sel.rangeCount) return;
+		if (!sel?.rangeCount) return;
 		const range = sel.getRangeAt(0);
 		let container = range.commonAncestorContainer;
 		if (container.nodeType === 3) container = container.parentElement;
@@ -645,7 +645,7 @@
 	*/
 	function isInlineCode() {
 		const sel = globalThis.getSelection();
-		if (!sel || !sel.rangeCount) return false;
+		if (!sel?.rangeCount) return false;
 		let sc = sel.getRangeAt(0).startContainer;
 		if (sc.nodeType === 3) sc = sc.parentElement;
 		const code = sc?.closest("code");
@@ -667,7 +667,7 @@
 	*/
 	function toggleChecklist() {
 		const sel = globalThis.getSelection();
-		if (!sel || !sel.rangeCount) return;
+		if (!sel?.rangeCount) return;
 		const range = sel.getRangeAt(0);
 		let container = range.commonAncestorContainer;
 		if (container.nodeType === 3) container = container.parentElement;
@@ -716,7 +716,7 @@
 				"LI"
 			]);
 			let block = container;
-			while (block && block.parentNode && !BLOCK_TAGS.has(block.tagName)) block = block.parentNode;
+			while (block?.parentNode && !BLOCK_TAGS.has(block.tagName)) block = block.parentNode;
 			const itemText = block && BLOCK_TAGS.has(block.tagName) ? Array.from(block.childNodes).map((n) => n.textContent).join("").replaceAll("\xA0", " ") : "";
 			const ul = document.createElement("ul");
 			ul.className = "an-checklist";
@@ -803,7 +803,7 @@
 	*/
 	function isInChecklist() {
 		const sel = globalThis.getSelection();
-		if (!sel || !sel.rangeCount) return false;
+		if (!sel?.rangeCount) return false;
 		let container = sel.getRangeAt(0).commonAncestorContainer;
 		if (container.nodeType === 3) container = container.parentElement;
 		return !!container?.closest(".an-checklist li");
@@ -889,10 +889,10 @@
 	var underlineBtn = btn("underline", "underline", "Underline (Ctrl+U)", () => underline(), () => {
 		if (document.queryCommandState("underline")) return true;
 		const sel = globalThis.getSelection();
-		if (!sel || !sel.rangeCount) return false;
+		if (!sel?.rangeCount) return false;
 		let sc = sel.getRangeAt(0).startContainer;
 		if (sc.nodeType === 3) sc = sc.parentElement;
-		return !!(sc && sc.closest("u"));
+		return !!sc?.closest("u");
 	});
 	var strikeBtn = btn("strikethrough", "strikethrough", "Strikethrough", () => strikethrough(), () => document.queryCommandState("strikeThrough"));
 	var superscriptBtn = btn("superscript", "superscript", "Superscript", () => superscript(), () => document.queryCommandState("superscript"));
@@ -952,11 +952,11 @@
 		getValue: (ctx) => {
 			try {
 				const sel = globalThis.getSelection();
-				if (sel && sel.rangeCount) {
+				if (sel?.rangeCount) {
 					let el = sel.getRangeAt(0).startContainer;
-					if (el && el.nodeType === 3) el = el.parentElement;
-					while (el && el.nodeType === 1 && !el.style.fontSize) el = el.parentElement;
-					const size = el && el.style.fontSize ? el.style.fontSize : "";
+					if (el?.nodeType === 3) el = el.parentElement;
+					while (el?.nodeType === 1 && !el.style.fontSize) el = el.parentElement;
+					const size = el?.style.fontSize || "";
 					if (size) return size;
 				}
 				const editable = ctx?.layoutInfo?.editable;
@@ -1057,7 +1057,7 @@
 		getValue: () => {
 			try {
 				const sel = globalThis.getSelection();
-				if (!sel || !sel.rangeCount) return "";
+				if (!sel?.rangeCount) return "";
 				const BLOCKS = new Set([
 					"P",
 					"DIV",
@@ -1074,7 +1074,7 @@
 					"TH"
 				]);
 				let el = sel.getRangeAt(0).startContainer;
-				if (el && el.nodeType === 3) el = el.parentElement;
+				if (el?.nodeType === 3) el = el.parentElement;
 				while (el && !BLOCKS.has(
 					/** @type {Element} */
 					el.tagName
@@ -4199,7 +4199,7 @@
 		}
 		if (options.focusColor) container.style.setProperty("--an-focus-color", options.focusColor);
 		targetEl.style.display = "none";
-		targetEl.insertAdjacentElement("afterend", container);
+		targetEl.after(container);
 		return {
 			container,
 			editable
@@ -4602,7 +4602,7 @@
 						icon.remove();
 						textNode.remove();
 						const nr = document.createRange();
-						if (prevNode && prevNode.nodeType === Node.TEXT_NODE) nr.setStart(prevNode, prevNode.textContent.length);
+						if (prevNode?.nodeType === Node.TEXT_NODE) nr.setStart(prevNode, prevNode.textContent.length);
 						else if (prevNode) nr.setStartAfter(prevNode);
 						else if (parent) nr.setStart(parent, 0);
 						nr.collapse(true);
@@ -4639,7 +4639,7 @@
 					const icon = textNode.nextSibling;
 					const after = icon.nextSibling;
 					event.preventDefault();
-					if (after && after.nodeType === Node.TEXT_NODE) {
+					if (after?.nodeType === Node.TEXT_NODE) {
 						const offset = (after.textContent || "").startsWith("​") ? 1 : 0;
 						return moveCaret((nr) => nr.setStart(after, Math.min(offset, after.textContent.length)));
 					}
@@ -4649,7 +4649,7 @@
 					const icon = textNode.nextSibling.nextSibling;
 					const after = icon.nextSibling;
 					event.preventDefault();
-					if (after && after.nodeType === Node.TEXT_NODE) {
+					if (after?.nodeType === Node.TEXT_NODE) {
 						const offset = (after.textContent || "").startsWith("​") ? 1 : 0;
 						return moveCaret((nr) => nr.setStart(after, Math.min(offset, after.textContent.length)));
 					}
@@ -4674,7 +4674,7 @@
 					if (isFAIcon(next)) {
 						const after = next.nextSibling;
 						event.preventDefault();
-						if (after && after.nodeType === Node.TEXT_NODE) {
+						if (after?.nodeType === Node.TEXT_NODE) {
 							const offset = (after.textContent || "").startsWith("​") ? 1 : 0;
 							return moveCaret((nr) => nr.setStart(after, Math.min(offset, after.textContent.length)));
 						}
@@ -4684,7 +4684,7 @@
 						const icon = next.nextSibling;
 						const after = icon.nextSibling;
 						event.preventDefault();
-						if (after && after.nodeType === Node.TEXT_NODE) {
+						if (after?.nodeType === Node.TEXT_NODE) {
 							const offset = (after.textContent || "").startsWith("​") ? 1 : 0;
 							return moveCaret((nr) => nr.setStart(after, Math.min(offset, after.textContent.length)));
 						}
@@ -4786,11 +4786,11 @@
 				newLi.appendChild(cb);
 				if (afterFrag.textContent.replace(/[\u00a0\u200B]/g, "").length > 0) newLi.appendChild(afterFrag);
 				let cursorNode = newLi.childNodes[1];
-				if (!cursorNode || cursorNode.nodeType !== Node.TEXT_NODE) {
+				if (cursorNode?.nodeType !== Node.TEXT_NODE) {
 					cursorNode = document.createTextNode("​");
 					newLi.appendChild(cursorNode);
 				}
-				checkLi.insertAdjacentElement("afterend", newLi);
+				checkLi.after(newLi);
 				const nr = document.createRange();
 				nr.setStart(cursorNode, 0);
 				nr.collapse(true);
@@ -4878,7 +4878,7 @@
 				return `\`${inner()}\``;
 			case "pre": {
 				const codeEl = el.querySelector("code");
-				const langMatch = /language-(\S+)/.exec(codeEl && codeEl.className || "");
+				const langMatch = /language-(\S+)/.exec(codeEl?.className || "");
 				return `\n\n\`\`\`${langMatch ? langMatch[1] : ""}\n${(codeEl || el).textContent || ""}\n\`\`\`\n\n`;
 			}
 			case "blockquote": return `\n\n${inner().trim().split("\n").map((l) => `> ${l}`).join("\n")}\n\n`;
@@ -4909,7 +4909,7 @@
 			case "table": {
 				const rows = Array.from(el.querySelectorAll("tr"));
 				if (!rows.length) return inner();
-				const cellTexts = rows.map((tr) => Array.from(tr.querySelectorAll("th, td")).map((c) => c.textContent.trim().replaceAll("|", "\\|")));
+				const cellTexts = rows.map((tr) => Array.from(tr.querySelectorAll("th, td")).map((c) => c.textContent.trim().replaceAll("|", String.raw`\|`)));
 				const cols = Math.max(...cellTexts.map((r) => r.length));
 				const padRow = (row) => {
 					const r = [...row];
@@ -5072,7 +5072,7 @@
 	* @returns {string|null}
 	*/
 	function detectLang(code) {
-		if (!code || !code.trim()) return null;
+		if (!code?.trim()) return null;
 		const s = code.trim();
 		if (/(:\s*(string|number|boolean|void|never|any|unknown)\b|interface\s+\w+\s*\{|type\s+\w+\s*[=<(]|<\w+>\s*[;,)]|readonly\s+\w|enum\s+\w+\s*\{|\?\s*:\s*\w|as\s+\w+\s*[;,)\]])/.test(s)) return "typescript";
 		if (/\bprintln!\s*\(|\bprint!\s*\(|\bfn\s+\w+\s*(<[^>]*>)?\s*\(|\blet\s+mut\s|\bpub\s+fn\s|\buse\s+std::|\bimpl\s+\w+|\bOption<|\bResult<\w+/.test(s)) return "rust";
@@ -5136,7 +5136,7 @@
 			const onSelChange = () => {
 				if (!this.context._alive) return;
 				const sel = globalThis.getSelection();
-				if (sel && sel.rangeCount > 0 && editable.contains(sel.anchorNode)) {
+				if (sel?.rangeCount > 0 && editable.contains(sel.anchorNode)) {
 					this.context.invoke("toolbar.refresh");
 					if (typeof this.options.onSelectionChange === "function") this.options.onSelectionChange(this.context);
 				}
@@ -5146,7 +5146,7 @@
 			};
 			const fixChecklistCursor = (event) => {
 				const sel = globalThis.getSelection();
-				if (!sel || !sel.rangeCount) return;
+				if (!sel?.rangeCount) return;
 				const r = sel.getRangeAt(0);
 				if (!r.collapsed) return;
 				const sc = r.startContainer;
@@ -5156,7 +5156,7 @@
 				if (!li) return;
 				const cb = li.querySelector("input[type=\"checkbox\"]");
 				if (!cb) return;
-				if (event && event.type === "mouseup") {
+				if (event?.type === "mouseup") {
 					let caret = null;
 					if (document.caretRangeFromPoint) caret = document.caretRangeFromPoint(event.clientX, event.clientY);
 					else if (document.caretPositionFromPoint) {
@@ -5200,7 +5200,7 @@
 			let _compositionSupSub = null;
 			const onCompositionStart = () => {
 				const sel = globalThis.getSelection();
-				if (!sel || !sel.rangeCount) {
+				if (!sel?.rangeCount) {
 					_compositionSupSub = null;
 					return;
 				}
@@ -5218,7 +5218,7 @@
 				_compositionSupSub = null;
 				if (!tag) return;
 				const sel = globalThis.getSelection();
-				if (!sel || !sel.rangeCount) return;
+				if (!sel?.rangeCount) return;
 				let node = sel.getRangeAt(0).startContainer;
 				if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
 				const el = node;
@@ -5552,7 +5552,7 @@
 			formatBlock(tagName);
 			if (tagName === "pre") {
 				const sel = globalThis.getSelection();
-				if (sel && sel.rangeCount > 0) {
+				if (sel?.rangeCount > 0) {
 					const container = sel.getRangeAt(0).commonAncestorContainer;
 					const pre = container.nodeType === 1 ? container.closest("pre") : container.parentElement?.closest("pre");
 					if (pre && !pre.dataset.language) {
@@ -5612,10 +5612,7 @@
 			if (!sel || sel.rangeCount === 0) return;
 			const safeUrl = sanitiseUrl(url);
 			if (!safeUrl) return;
-			if (!(sel.toString().trim().length > 0)) {
-				const displayText = this._escapeAttr(text || safeUrl);
-				execCommand("insertHTML", `<a href="${this._escapeAttr(safeUrl)}"${openInNewTab ? " target=\"_blank\" rel=\"noopener noreferrer\"" : ""}>${displayText}</a>`);
-			} else {
+			if (sel.toString().trim().length > 0) {
 				execCommand("createLink", safeUrl);
 				if (openInNewTab) {
 					const link = this._getClosestAnchor();
@@ -5624,6 +5621,9 @@
 						/** @type {Element} */ link.setAttribute("rel", "noopener noreferrer");
 					}
 				}
+			} else {
+				const displayText = this._escapeAttr(text || safeUrl);
+				execCommand("insertHTML", `<a href="${this._escapeAttr(safeUrl)}"${openInNewTab ? " target=\"_blank\" rel=\"noopener noreferrer\"" : ""}>${displayText}</a>`);
 			}
 			this.afterCommand();
 		}
@@ -5801,7 +5801,7 @@
 			this._refreshRaf = null;
 			this._disposers.forEach((d) => d());
 			this._disposers = [];
-			if (this.el && this.el.parentNode) this.el.remove();
+			if (this.el?.parentNode) this.el.remove();
 			this.el = null;
 		}
 		_buildButtons() {
@@ -6012,7 +6012,7 @@
 			let savedRange = null;
 			const saveSelection = () => {
 				const sel = globalThis.getSelection();
-				savedRange = sel && sel.rangeCount ? sel.getRangeAt(0).cloneRange() : null;
+				savedRange = sel?.rangeCount ? sel.getRangeAt(0).cloneRange() : null;
 			};
 			const restoreSelection = () => {
 				if (!savedRange) return;
@@ -6130,7 +6130,10 @@
 			select.appendChild(placeholder);
 			items.forEach((item) => {
 				const value = typeof item === "object" ? item.value : item;
-				const label = typeof item === "object" ? def.name === "paragraphStyle" ? (this.context.locale.toolbar.paragraphItems || {})[item.value] || item.label : item.label : item;
+				let label;
+				if (typeof item !== "object") label = item;
+				else if (def.name === "paragraphStyle") label = this.context.locale.toolbar.paragraphItems?.[item.value] || item.label;
+				else label = item.label;
 				const isHeader = typeof item === "object" && !!item.disabled;
 				const attrs = { value };
 				if (isHeader) attrs.disabled = "";
@@ -6142,7 +6145,7 @@
 			let _savedRange = null;
 			const dMousedown = on(select, "mousedown", () => {
 				const sel = globalThis.getSelection();
-				_savedRange = sel && sel.rangeCount ? sel.getRangeAt(0).cloneRange() : null;
+				_savedRange = sel?.rangeCount ? sel.getRangeAt(0).cloneRange() : null;
 			});
 			const disposer = on(select, "change", (e) => {
 				const value = e.target.value;
@@ -6230,9 +6233,9 @@
 				);
 				if (!def || typeof def.getValue !== "function") return;
 				let raw = (def.getValue(this.context) || "").replace(/["']/g, "").trim();
-				if (!raw) raw = this.options.defaultFontFamily || this.options.fontFamilies && this.options.fontFamilies[0] || "";
+				if (!raw) raw = this.options.defaultFontFamily || this.options.fontFamilies?.[0] || "";
 				const sel = select;
-				const matched = Array.from(sel.options).find((opt) => opt.value && opt.value.toLowerCase() === raw.toLowerCase());
+				const matched = Array.from(sel.options).find((opt) => opt.value?.toLowerCase() === raw.toLowerCase());
 				sel.value = matched ? matched.value : "";
 			});
 		}
@@ -6491,7 +6494,7 @@
 		* @param {Node} node
 		*/
 		_revokeRemovedBlobs(node) {
-			if (!this._blobRegistry || !this._blobRegistry.size) return;
+			if (!this._blobRegistry?.size) return;
 			const imgs = [];
 			if (node.nodeName === "IMG") imgs.push(node);
 			else if (node.querySelectorAll) imgs.push(...node.querySelectorAll("img"));
@@ -6629,7 +6632,7 @@
 		}
 		_onDrop(event) {
 			const dt = event.dataTransfer;
-			if (!dt || !dt.files || dt.files.length === 0) return;
+			if (!dt?.files?.length) return;
 			const imageFiles = Array.from(dt.files).filter((f) => f.type.startsWith("image/"));
 			if (imageFiles.length === 0) return;
 			event.preventDefault();
@@ -6658,7 +6661,7 @@
 			]);
 			const maxBytes = (this.options.maxImageSize || 5) * 1024 * 1024;
 			files.forEach((file) => {
-				if (!file || !file.type.startsWith("image/")) return;
+				if (!file?.type?.startsWith("image/")) return;
 				if (UNSUPPORTED.has(file.type)) {
 					const message = `Image format "${file.type}" is not supported for display in web browsers. Please convert to PNG, JPEG, or WebP first.`;
 					this.context.triggerEvent("imageError", {
@@ -6701,7 +6704,7 @@
 		* @returns {string}
 		*/
 		resolveImages(html) {
-			if (!this._blobRegistry || !this._blobRegistry.size) return html;
+			if (!this._blobRegistry?.size) return html;
 			return html.replace(/blob:[^"'> \t\n\r]*/g, (url) => this._blobRegistry.get(url) || url);
 		}
 		/**
@@ -7017,7 +7020,7 @@
 			if (this._dialog) {
 				this._dialog.style.display = "flex";
 				this._removeTrap = trapFocus(this._dialog, () => this._close());
-				setTimeout(() => this._firstInput && this._firstInput.focus(), 50);
+				setTimeout(() => this._firstInput?.focus(), 50);
 			}
 		}
 		_close() {
@@ -7163,7 +7166,7 @@
 		_prefill() {
 			const sel = globalThis.getSelection();
 			let anchor = null;
-			if (sel && sel.rangeCount > 0) {
+			if (sel?.rangeCount > 0) {
 				let node = sel.getRangeAt(0).startContainer;
 				while (node) {
 					if (node.nodeName === "A") {
@@ -7316,8 +7319,8 @@
 			return overlay;
 		}
 		_onFileChange() {
-			const file = this._fileInput && this._fileInput.files && this._fileInput.files[0];
-			if (!file || !file.type.startsWith("image/")) return;
+			const file = this._fileInput?.files?.[0];
+			if (!file?.type?.startsWith("image/")) return;
 			if (!new Set([
 				"image/jpeg",
 				"image/png",
@@ -7357,7 +7360,7 @@
 		_onInsert() {
 			const src = this._urlInput.value.trim();
 			const alt = this._altInput.value.trim();
-			const alignRadio = this._alignRow && this._alignRow.querySelector("input[name=\"an-img-align\"]:checked");
+			const alignRadio = this._alignRow?.querySelector("input[name=\"an-img-align\"]:checked");
 			const align = alignRadio ? alignRadio.value : "";
 			if (!src) {
 				this._urlInput.focus();
@@ -7417,7 +7420,10 @@
 			box.append(urlLabel, urlInput, hintEl, widthLabel, widthInput, btnRow);
 			const d0 = on(urlInput, "input", () => {
 				const info = this._parseVideoUrl(urlInput.value.trim());
-				hintEl.textContent = info ? this.context.locale.videoDialog.detected(info.type) : urlInput.value ? this.context.locale.videoDialog.unknownFormat : "";
+				let hint = "";
+				if (info) hint = this.context.locale.videoDialog.detected(info.type);
+				else if (urlInput.value) hint = this.context.locale.videoDialog.unknownFormat;
+				hintEl.textContent = hint;
 			});
 			const d4 = on(urlInput, "keydown", (e) => {
 				if (e.key === "Enter") {
@@ -7497,7 +7503,7 @@
 				const iframeTitle = `${info.type} video player`;
 				return `<div class="an-video-wrapper" style="position:relative;display:block;width:${width}px;max-width:100%"><iframe src="${info.embedUrl}" width="${width}" height="${height}" title="${iframeTitle}" frameborder="0" allowfullscreen allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style="display:block;max-width:100%"></iframe><div class="an-video-shield"></div></div>`;
 			}
-			if (info && info.type === "Direct video") return `<div class="an-video-wrapper" style="position:relative;display:block;width:${width}px;max-width:100%"><video src="${info.embedUrl.replaceAll("\"", "%22")}" width="${width}" height="${height}" controls style="display:block;max-width:100%"></video><div class="an-video-shield"></div></div>`;
+			if (info?.type === "Direct video") return `<div class="an-video-wrapper" style="position:relative;display:block;width:${width}px;max-width:100%"><video src="${info.embedUrl.replaceAll("\"", "%22")}" width="${width}" height="${height}" controls style="display:block;max-width:100%"></video><div class="an-video-shield"></div></div>`;
 			const safeSrc = (() => {
 				try {
 					const p = new URL(url);
@@ -7594,7 +7600,7 @@
 				this._positionRaf = null;
 			}
 			this._deselect();
-			if (this._overlay && this._overlay.parentNode) this._overlay.remove();
+			if (this._overlay?.parentNode) this._overlay.remove();
 			this._overlay = null;
 		}
 		/** @returns {HTMLImageElement|null} */
@@ -7637,7 +7643,7 @@
 		_onDocClick(e) {
 			if (!this._activeImg) return;
 			if (e.target === this._activeImg) return;
-			if (this._overlay && this._overlay.contains(e.target)) return;
+			if (this._overlay?.contains(e.target)) return;
 			if (e.target.closest(".an-contextmenu")) return;
 			this._deselect();
 		}
@@ -7669,7 +7675,7 @@
 			const containerRect = offsetParent.getBoundingClientRect();
 			const rect = this._activeImg.getBoundingClientRect();
 			const p = this._lastOverlayPos;
-			if (p && p.l === rect.left && p.t === rect.top && p.w === rect.width && p.h === rect.height) return;
+			if (p?.l === rect.left && p.t === rect.top && p.w === rect.width && p.h === rect.height) return;
 			this._lastOverlayPos = {
 				l: rect.left,
 				t: rect.top,
@@ -7999,7 +8005,7 @@
 			this._clearTimers();
 			this._disposers.forEach((d) => d());
 			this._disposers = [];
-			if (this._el && this._el.parentNode) this._el.remove();
+			if (this._el?.parentNode) this._el.remove();
 			this._el = null;
 		}
 		_buildTooltip() {
@@ -8093,7 +8099,7 @@
 		_truncateUrl(url) {
 			try {
 				const u = new URL(url);
-				const display = u.host + (u.pathname !== "/" ? u.pathname : "");
+				const display = u.host + (u.pathname === "/" ? "" : u.pathname);
 				return display.length > 48 ? display.slice(0, 48) + "…" : display;
 			} catch {
 				return url.length > 48 ? url.slice(0, 48) + "…" : url;
@@ -8118,7 +8124,7 @@
 			});
 			if (this._copyBtn) {
 				this._copyBtn.classList.add("an-link-tooltip-btn--copied");
-				setTimeout(() => this._copyBtn && this._copyBtn.classList.remove("an-link-tooltip-btn--copied"), 1e3);
+				setTimeout(() => this._copyBtn?.classList.remove("an-link-tooltip-btn--copied"), 1e3);
 			}
 		}
 		_editLink() {
@@ -8353,7 +8359,8 @@
 			const match = /rotate\((-?[\d.]+)deg\)/.exec(current);
 			const next = ((match ? Number.parseFloat(match[1]) : 0) + delta + 360) % 360;
 			const cleaned = current.replace(/rotate\(-?[\d.]+deg\)/, "").trim();
-			img.style.transform = cleaned ? `${cleaned} rotate(${next}deg)` : next === 0 ? "" : `rotate(${next}deg)`;
+			if (cleaned) img.style.transform = `${cleaned} rotate(${next}deg)`;
+			else img.style.transform = next === 0 ? "" : `rotate(${next}deg)`;
 			this.context.invoke("editor.afterCommand");
 			this.context.invoke("imageResizer.updateOverlay");
 			requestAnimationFrame(() => {
@@ -8714,7 +8721,7 @@
 			vIdx += c.colSpan || 1;
 			if (vIdx > visualIdx) {
 				const next = c.nextElementSibling;
-				return next && next.tagName === "TD" || next && next.tagName === "TH" ? next : null;
+				return next?.tagName === "TD" || next?.tagName === "TH" ? next : null;
 			}
 		}
 		return null;
@@ -8856,8 +8863,7 @@
 			const onSelMouseup = () => {
 				this._selectDragging = false;
 			};
-			this._disposers.push(on(editable, "mousedown", onSelMousedown), on(editable, "mousemove", onSelMousemove), on(document, "mouseup", onSelMouseup));
-			this._disposers.push(on(editable, "mouseover", (e) => {
+			this._disposers.push(on(editable, "mousedown", onSelMousedown), on(editable, "mousemove", onSelMousemove), on(document, "mouseup", onSelMouseup), on(editable, "mouseover", (e) => {
 				if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 				const table = e.target?.closest("table");
 				if (table && editable.contains(table)) {
@@ -8945,12 +8951,14 @@
 				_startY = e.clientY;
 				_table = _nearCell.closest("table");
 				if (_edge === "col") {
-					_startW = _nearCell.offsetWidth;
-					_colIdx = getVisualColIndex(_nearCell);
+					_colIdx = getVisualColIndex(_nearCell) + (_nearCell.colSpan || 1) - 1;
 					_colCells = _colIdx >= 0 ? Array.from(_table.querySelectorAll("tr")).map((r) => getCellAtVisualCol(r, _colIdx)).filter(Boolean).filter((c) => (c.colSpan || 1) === 1) : [];
+					_startW = _colCells.length > 0 ? _colCells[0].offsetWidth : Math.max(30, Math.round(_nearCell.offsetWidth / (_nearCell.colSpan || 1)));
 					document.body.style.cursor = "col-resize";
 				} else {
-					_row = _nearCell.closest("tr");
+					const tr = _nearCell.closest("tr");
+					const lastRowIdx = (tr ? Array.from(_table.rows).indexOf(tr) : 0) + (_nearCell.rowSpan || 1) - 1;
+					_row = _table.rows[lastRowIdx] || tr;
 					_startH = _row ? _row.offsetHeight : 40;
 					document.body.style.cursor = "row-resize";
 				}
@@ -9002,11 +9010,11 @@
 			this._clearTimers();
 			this._disposers.forEach((d) => d());
 			this._disposers = [];
-			if (this._el && this._el.parentNode) this._el.remove();
+			if (this._el?.parentNode) this._el.remove();
 			this._el = null;
-			if (this._sizePopover && this._sizePopover.parentNode) this._sizePopover.remove();
+			if (this._sizePopover?.parentNode) this._sizePopover.remove();
 			this._sizePopover = null;
-			if (this._shadePopover && this._shadePopover.parentNode) this._shadePopover.remove();
+			if (this._shadePopover?.parentNode) this._shadePopover.remove();
 			this._shadePopover = null;
 		}
 		_buildTooltip() {
@@ -9153,7 +9161,7 @@
 		}
 		_getCell() {
 			const sel = globalThis.getSelection();
-			if (sel && sel.rangeCount) {
+			if (sel?.rangeCount) {
 				let container = sel.getRangeAt(0).commonAncestorContainer;
 				if (container.nodeType === 3) container = container.parentElement;
 				const cellFromSel = container?.closest("td, th");
@@ -9190,7 +9198,7 @@
 			if (!startCell) return [];
 			if (!endCell || startCell === endCell) return [startCell];
 			const table = startCell.closest("table");
-			if (!table || !table.contains(endCell)) return [startCell];
+			if (!table?.contains(endCell)) return [startCell];
 			const { gridMap, cellPos } = buildGridMap(table);
 			const sp = cellPos.get(startCell);
 			const ep = cellPos.get(endCell);
@@ -9262,7 +9270,8 @@
 			const refRow = selectedRows.reduce((best, r) => {
 				const bi = allRows.indexOf(best);
 				const ri = allRows.indexOf(r);
-				return position === "above" ? ri < bi ? r : best : ri > bi ? r : best;
+				if (position === "above") return ri < bi ? r : best;
+				return ri > bi ? r : best;
 			}, selectedRows[0]);
 			const colCount = Array.from(refRow.cells).reduce((sum, c) => sum + (c.colSpan || 1), 0);
 			const newRow = document.createElement("tr");
@@ -9270,12 +9279,12 @@
 			for (let i = 0; i < colCount; i++) {
 				const td = createElement("td", {}, ["\xA0"]);
 				const ref = refCells[i];
-				if (ref && ref.style.width) td.style.width = ref.style.width;
-				if (ref && ref.style.minWidth) td.style.minWidth = ref.style.minWidth;
+				if (ref?.style.width) td.style.width = ref.style.width;
+				if (ref?.style.minWidth) td.style.minWidth = ref.style.minWidth;
 				newRow.appendChild(td);
 			}
 			if (position === "above") refRow.parentElement?.insertBefore(newRow, refRow);
-			else refRow.insertAdjacentElement("afterend", newRow);
+			else refRow.after(newRow);
 			requestAnimationFrame(() => this._positionNear(this._activeTable));
 			this.context.invoke("editor.afterCommand");
 		}
@@ -9380,8 +9389,15 @@
 			first.colSpan = maxC - minC + 1;
 			first.rowSpan = maxR - minR + 1;
 			first.style.verticalAlign = "middle";
-			first.innerHTML = rectCells.map((c) => c.innerHTML).join("");
-			rectCells.slice(1).forEach((c) => c.remove());
+			first.style.height = "";
+			first.style.minHeight = "";
+			const parts = rectCells.map((c) => c.innerHTML.replace(/^(<br\s*\/?>|\s)+$/i, "").trim()).filter((h) => h !== "");
+			first.innerHTML = parts.length ? parts.join("<br>") : "<br>";
+			rectCells.slice(1).forEach((c) => {
+				const row = c.parentElement;
+				c.remove();
+				if (row && row.cells.length === 0) row.remove();
+			});
 			this._clearSelection();
 			this.context.invoke("editor.afterCommand");
 		}
@@ -9433,12 +9449,9 @@
 				const targetRow = tableRows[r + dr];
 				if (!targetRow) continue;
 				let ref = null;
-				for (const tc of targetRow.cells) {
-					const tp = cellPos.get(tc);
-					if (tp && tp.c > c) {
-						ref = tc;
-						break;
-					}
+				for (const tc of targetRow.cells) if (cellPos.get(tc)?.c > c) {
+					ref = tc;
+					break;
 				}
 				for (let dc = 0; dc < cs; dc++) targetRow.insertBefore(createElement(tag, {}, ["\xA0"]), ref);
 			}
@@ -9533,7 +9546,11 @@
 				this._sizeTitleEl.textContent = isCol ? this.context.locale.tooltips.table.columnWidthPx : this.context.locale.tooltips.table.rowHeightPx;
 				this._sizeInputEl.min = "1";
 				this._sizeInputEl.max = "2000";
-				this._sizeInputEl.value = isCol ? cell.offsetWidth || 120 : cell.closest("tr") ? cell.closest("tr").offsetHeight || 40 : 40;
+				if (isCol) this._sizeInputEl.value = cell.offsetWidth || 120;
+				else {
+					const refRow = cell.closest("tr");
+					this._sizeInputEl.value = refRow ? refRow.offsetHeight || 40 : 40;
+				}
 				this._sizeApply = (val) => {
 					const table = cell.closest("table");
 					if (!table) return;
@@ -9621,8 +9638,7 @@
 			customRow.appendChild(colorInput);
 			customRow.appendChild(customLabel);
 			pop.appendChild(customRow);
-			this._disposers.push(on(pop, "mousedown", (e) => e.preventDefault()), on(pop, "mouseenter", () => this._clearTimers()), on(pop, "mouseleave", () => this._scheduleHide()));
-			this._disposers.push(on(document, "click", (e) => {
+			this._disposers.push(on(pop, "mousedown", (e) => e.preventDefault()), on(pop, "mouseenter", () => this._clearTimers()), on(pop, "mouseleave", () => this._scheduleHide()), on(document, "click", (e) => {
 				const et = e.target;
 				if (this._shadePopover && this._shadePopover.style.display !== "none" && !this._shadePopover.contains(et) && !this._el?.contains(et)) this._hideCellShadePopover();
 			}));
@@ -12496,7 +12512,7 @@
 			const editable = this.context.layoutInfo.editable;
 			if (savedRange) savedRange.select();
 			const sel = globalThis.getSelection();
-			let range = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;
+			let range = sel?.rangeCount > 0 ? sel.getRangeAt(0) : null;
 			if (!range) {
 				range = document.createRange();
 				range.selectNodeContents(editable);
@@ -13063,13 +13079,13 @@
 			const _sc = range.startContainer;
 			const _tdAnchor = (_sc.nodeType === 1 ? _sc : _sc.parentElement)?.closest("td, th");
 			range.deleteContents();
-			if (_tdAnchor && _tdAnchor.isConnected && !_tdAnchor.contains(range.startContainer)) {
+			if (_tdAnchor?.isConnected && !_tdAnchor.contains(range.startContainer)) {
 				range.setStart(_tdAnchor, 0);
 				range.collapse(true);
 			}
 			range.insertNode(iconEl);
 			let caretTextNode = iconEl.nextSibling;
-			if (!caretTextNode || caretTextNode.nodeType !== Node.TEXT_NODE) {
+			if (caretTextNode?.nodeType !== Node.TEXT_NODE) {
 				caretTextNode = document.createTextNode("​");
 				iconEl.parentNode.insertBefore(caretTextNode, iconEl.nextSibling);
 			} else if (!caretTextNode.textContent) caretTextNode.textContent = "​";
@@ -13289,7 +13305,7 @@
 		constructor(context) {
 			this.context = context;
 			this.options = context.options || {};
-			this._items = this.options.contextMenu && this.options.contextMenu.items || defaultItems;
+			this._items = this.options.contextMenu?.items || defaultItems;
 			this.el = null;
 			this._disposers = [];
 			this._menuDisposers = [];
@@ -13309,11 +13325,9 @@
 			this._renderItems(this._items);
 			const editable = this.context.layoutInfo?.editable;
 			if (editable) this._disposers.push(on(editable, "contextmenu", (e) => this._onContextMenu(e)));
-			this._disposers.push(on(document, "click", (e) => this._maybeHide(e)));
-			this._disposers.push(on(document, "keydown", (e) => {
+			this._disposers.push(on(document, "click", (e) => this._maybeHide(e)), on(document, "keydown", (e) => {
 				if (e.key === "Escape") this.hide();
-			}));
-			this._disposers.push(on(globalThis, "scroll", () => this.hide(), { passive: true }));
+			}), on(globalThis, "scroll", () => this.hide(), { passive: true }));
 			return this;
 		}
 		destroy() {
@@ -13578,7 +13592,7 @@
 			if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 			event.preventDefault();
 			const winSel = globalThis.getSelection();
-			this._savedRange = winSel && winSel.rangeCount > 0 ? winSel.getRangeAt(0).cloneRange() : null;
+			this._savedRange = winSel?.rangeCount > 0 ? winSel.getRangeAt(0).cloneRange() : null;
 			this._renderItems(this._items);
 			const openX = event.clientX;
 			let openY = event.clientY;
@@ -13603,8 +13617,8 @@
 		}
 		_reposition(x, y) {
 			if (!this.el) return;
-			const rx = x !== void 0 ? x : this._lastX;
-			const ry = y !== void 0 ? y : this._lastY;
+			const rx = x === void 0 ? this._lastX : x;
+			const ry = y === void 0 ? this._lastY : y;
 			const w = this.el.offsetWidth;
 			const h = this.el.offsetHeight;
 			let left = rx;
@@ -13660,7 +13674,7 @@
 			const editable = this.context.layoutInfo?.editable;
 			let node = range.startContainer;
 			if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
-			if (!node || !editable || !editable.contains(node)) return;
+			if (!node || !editable?.contains(node)) return;
 			const cs = globalThis.getComputedStyle(node);
 			const explicitFontFamily = this._findExplicitStyle(node, editable, "fontFamily");
 			const explicitFontSize = this._findExplicitStyle(node, editable, "fontSize");
@@ -13679,7 +13693,7 @@
 		_findExplicitStyle(node, boundary, prop) {
 			let el = node;
 			while (el && el !== boundary && el !== document.body) {
-				if (el.style && el.style[prop]) return el.style[prop];
+				if (el.style?.[prop]) return el.style[prop];
 				if (el.nodeName === "FONT") {
 					if (prop === "fontFamily" && el.getAttribute("face")) return el.getAttribute("face");
 					if (prop === "fontSize" && el.getAttribute("size")) return null;
@@ -14128,7 +14142,7 @@
 			this._matches = this._matches.filter((m) => m.mark);
 			this._currentIndex = 0;
 			if (this._matches.length === 0) return;
-			if (this._matches[0] && this._matches[0].mark) {
+			if (this._matches[0]?.mark) {
 				this._matches[0].mark.className = "an-highlight an-highlight-current";
 				this._matches[0].mark.scrollIntoView({
 					block: "center",
@@ -14146,7 +14160,7 @@
 			const results = [];
 			if (this._lastQuery !== query || this._lastCaseSensitive !== this._caseSensitive) {
 				const flags = this._caseSensitive ? "g" : "gi";
-				const escaped = query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+				const escaped = query.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
 				this._queryRegex = new RegExp(escaped, flags);
 				this._lastQuery = query;
 				this._lastCaseSensitive = this._caseSensitive;
@@ -14184,7 +14198,7 @@
 		}
 		_scrollToMatch(index) {
 			const match = this._matches[index];
-			if (!match || !match.mark) return;
+			if (!match?.mark) return;
 			this._matches.forEach((m, i) => {
 				if (m.mark) m.mark.className = i === index ? "an-highlight an-highlight-current" : "an-highlight";
 			});
@@ -14196,7 +14210,7 @@
 		_replace() {
 			if (this._matches.length === 0 || this._currentIndex < 0) return;
 			const match = this._matches[this._currentIndex];
-			if (!match || !match.mark || !match.mark.parentNode) return;
+			if (!match?.mark?.parentNode) return;
 			const replacement = this._replaceInput ? this._replaceInput.value : "";
 			const parent = match.mark.parentNode;
 			const textNode = document.createTextNode(replacement);
@@ -14216,7 +14230,7 @@
 			if (this._matches.length === 0) return;
 			const replacement = this._replaceInput ? this._replaceInput.value : "";
 			this._matches.forEach(({ mark }) => {
-				if (!mark || !mark.parentNode) return;
+				if (!mark?.parentNode) return;
 				const textNode = document.createTextNode(replacement);
 				mark.parentNode.insertBefore(textNode, mark);
 				mark.remove();
@@ -14592,7 +14606,7 @@
 			const startY = e.clientY;
 			const orig = { ...this._box };
 			const r = this._imgRect;
-			const lockAR = this._arCheck && this._arCheck.checked;
+			const lockAR = this._arCheck?.checked;
 			const aspect = orig.w / (orig.h || 1);
 			const onMove = (me) => {
 				const dx = me.clientX - startX;
@@ -15418,14 +15432,14 @@
 			if (!this._btnCache) return;
 			this._btnCache.forEach((btn) => {
 				const activeFn = _ACTIVE[btn.dataset.name];
-				btn.classList.toggle("an-active", !!(activeFn && activeFn()));
+				btn.classList.toggle("an-active", !!activeFn?.());
 			});
 		}
 		/** Read the current selection's color and update the color-strip indicators. */
 		_syncColorStrips() {
 			if (!this._el) return;
 			const sel = globalThis.getSelection();
-			if (!sel || !sel.rangeCount) return;
+			if (!sel?.rangeCount) return;
 			let node = sel.getRangeAt(0).startContainer;
 			if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
 			if (!node) return;
@@ -15653,13 +15667,13 @@
 				}
 			} catch (_) {}
 			const sel = globalThis.getSelection();
-			if (!sel || !sel.rangeCount) return;
+			if (!sel?.rangeCount) return;
 			const rects = sel.getRangeAt(0).getClientRects();
 			if (rects.length > 0) this._caretRect = rects[rects.length - 1];
 		}
 		_getQueryAtCursor() {
 			const sel = globalThis.getSelection();
-			if (!sel || !sel.rangeCount) return null;
+			if (!sel?.rangeCount) return null;
 			const range = sel.getRangeAt(0);
 			if (!range.collapsed) return null;
 			const node = range.startContainer;
@@ -15777,12 +15791,12 @@
 			this.layoutInfo.editable = editable;
 			this._registerModules();
 			const toolbar = this._modules.get("toolbar");
-			if (toolbar && toolbar.el) {
+			if (toolbar?.el) {
 				container.insertBefore(toolbar.el, editable);
 				this.layoutInfo.toolbar = toolbar.el;
 			}
 			const statusbar = this._modules.get("statusbar");
-			if (statusbar && statusbar.el) {
+			if (statusbar?.el) {
 				container.appendChild(statusbar.el);
 				this.layoutInfo.statusbar = statusbar.el;
 			}
@@ -16277,7 +16291,7 @@
 			return this;
 		},
 		/** Library version */
-		version: "1.6.3"
+		version: "1.6.6"
 	};
 	/**
 	* @param {string|Element|NodeList|Element[]} selector