autumnnote 1.6.3 → 1.6.6

package/dist/autumnnote.es.js

@@ -145,9 +145,9 @@ function rect2bnd(rect) {
 var ELEMENT_NODE = 1;
 var TEXT_NODE = 3;
 /** @param {Node} node */
-var isElement = (node) => node && node.nodeType === 1;
+var isElement = (node) => node?.nodeType === 1;
 /** @param {Node} node */
-var isText = (node) => node && node.nodeType === 3;
+var isText = (node) => node?.nodeType === 3;
 /** @param {Node} node */
 var isVoid = (node) => isElement(node) && /^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/i.test(node.nodeName);
 /** @param {Node} node */
@@ -252,7 +252,7 @@ function createElement(tag, attrs = {}, childNodes = []) {
 * @param {Node} node
 */
 function remove(node) {
-	if (node && node.parentNode)
+	if (node?.parentNode)
  /** @type {ChildNode} */ node.remove();
 }
 /**
@@ -608,7 +608,7 @@ var italic = () => execCommand("italic");
 */
 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");
@@ -628,7 +628,7 @@ function underline() {
 */
 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");
@@ -672,8 +672,8 @@ var fontName = (name) => execCommand("fontName", name);
 */
 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");
@@ -747,7 +747,7 @@ var indent = () => execCommand("indent");
 */
 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");
@@ -797,7 +797,7 @@ function _checklistItemToP(checkLi) {
 	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) {
@@ -876,7 +876,7 @@ function lineHeight(value) {
 */
 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;
@@ -932,7 +932,7 @@ function toggleInlineCode(_editable) {
 */
 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");
@@ -954,7 +954,7 @@ function isInlineCode() {
 */
 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;
@@ -1003,7 +1003,7 @@ function toggleChecklist() {
 			"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";
@@ -1090,7 +1090,7 @@ function toggleChecklist() {
 */
 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");
@@ -1176,10 +1176,10 @@ var italicBtn = btn("italic", "italic", "Italic (Ctrl+I)", () => italic(), () =>
 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"));
@@ -1239,11 +1239,11 @@ var fontSizeBtn = {
 	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;
@@ -1351,7 +1351,7 @@ var lineHeightBtn = {
 	getValue: () => {
 		try {
 			const sel = globalThis.getSelection();
-			if (!sel || !sel.rangeCount) return "";
+			if (!sel?.rangeCount) return "";
 			const BLOCKS = new Set([
 				"P",
 				"DIV",
@@ -1368,7 +1368,7 @@ var lineHeightBtn = {
 				"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
@@ -4503,7 +4503,7 @@ function renderLayout(targetEl, options) {
 	}
 	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
@@ -4906,7 +4906,7 @@ function handleKeydown(event, editable, options = {}) {
 					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);
@@ -4943,7 +4943,7 @@ function handleKeydown(event, editable, options = {}) {
 				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)));
 				}
@@ -4953,7 +4953,7 @@ function handleKeydown(event, editable, options = {}) {
 				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)));
 				}
@@ -4978,7 +4978,7 @@ function handleKeydown(event, editable, options = {}) {
 				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)));
 					}
@@ -4988,7 +4988,7 @@ function handleKeydown(event, editable, options = {}) {
 					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)));
 					}
@@ -5090,11 +5090,11 @@ function handleKeydown(event, editable, options = {}) {
 			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);
@@ -5182,7 +5182,7 @@ function _domToMd(node, depth = 0) {
 			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`;
@@ -5213,7 +5213,7 @@ function _domToMd(node, depth = 0) {
 		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];
@@ -5376,7 +5376,7 @@ function _escAttr(v) {
 * @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";
@@ -5440,7 +5440,7 @@ var Editor = class {
 		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);
 			}
@@ -5450,7 +5450,7 @@ var Editor = class {
 		};
 		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;
@@ -5460,7 +5460,7 @@ var Editor = class {
 			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) {
@@ -5504,7 +5504,7 @@ var Editor = class {
 		let _compositionSupSub = null;
 		const onCompositionStart = () => {
 			const sel = globalThis.getSelection();
-			if (!sel || !sel.rangeCount) {
+			if (!sel?.rangeCount) {
 				_compositionSupSub = null;
 				return;
 			}
@@ -5522,7 +5522,7 @@ var Editor = class {
 			_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;
@@ -5856,7 +5856,7 @@ var Editor = class {
 		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) {
@@ -5916,10 +5916,7 @@ var Editor = class {
 		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();
@@ -5928,6 +5925,9 @@ var Editor = class {
 					/** @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();
 	}
@@ -6105,7 +6105,7 @@ var Toolbar = class {
 		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() {
@@ -6316,7 +6316,7 @@ var Toolbar = class {
 		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;
@@ -6434,7 +6434,10 @@ var Toolbar = class {
 		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 = "";
@@ -6446,7 +6449,7 @@ var Toolbar = class {
 		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;
@@ -6534,9 +6537,9 @@ var Toolbar = class {
 			);
 			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 : "";
 		});
 	}
@@ -6795,7 +6798,7 @@ var Clipboard = class {
 	* @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"));
@@ -6933,7 +6936,7 @@ var Clipboard = class {
 	}
 	_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();
@@ -6962,7 +6965,7 @@ var Clipboard = class {
 		]);
 		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", {
@@ -7005,7 +7008,7 @@ var Clipboard = class {
 	* @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);
 	}
 	/**
@@ -7321,7 +7324,7 @@ var BaseDialog = class {
 		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() {
@@ -7467,7 +7470,7 @@ var LinkDialog = class extends BaseDialog {
 	_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") {
@@ -7620,8 +7623,8 @@ var ImageDialog = class extends BaseDialog {
 		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",
@@ -7661,7 +7664,7 @@ var ImageDialog = class extends BaseDialog {
 	_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();
@@ -7721,7 +7724,10 @@ var VideoDialog = class extends BaseDialog {
 		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") {
@@ -7801,7 +7807,7 @@ var VideoDialog = class extends BaseDialog {
 			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);
@@ -7898,7 +7904,7 @@ var ImageResizer = class {
 			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} */
@@ -7941,7 +7947,7 @@ var ImageResizer = class {
 	_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();
 	}
@@ -7973,7 +7979,7 @@ var ImageResizer = class {
 		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,
@@ -8303,7 +8309,7 @@ var LinkTooltip = class {
 		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() {
@@ -8397,7 +8403,7 @@ var LinkTooltip = class {
 	_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;
@@ -8422,7 +8428,7 @@ var LinkTooltip = class {
 		});
 		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() {
@@ -8657,7 +8663,8 @@ var ImageTooltip = class {
 		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(() => {
@@ -9018,7 +9025,7 @@ function getCellAfterVisualCol(row, visualIdx) {
 		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;
@@ -9160,8 +9167,7 @@ var TableTooltip = class {
 		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)) {
@@ -9249,12 +9255,14 @@ var TableTooltip = class {
 			_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";
 			}
@@ -9306,11 +9314,11 @@ var TableTooltip = class {
 		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() {
@@ -9457,7 +9465,7 @@ var TableTooltip = class {
 	}
 	_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");
@@ -9494,7 +9502,7 @@ var TableTooltip = class {
 		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);
@@ -9566,7 +9574,8 @@ var TableTooltip = class {
 		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");
@@ -9574,12 +9583,12 @@ var TableTooltip = class {
 		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");
 	}
@@ -9684,8 +9693,15 @@ var TableTooltip = class {
 		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");
 	}
@@ -9737,12 +9753,9 @@ var TableTooltip = class {
 			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);
 		}
@@ -9837,7 +9850,11 @@ var TableTooltip = class {
 			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;
@@ -9925,8 +9942,7 @@ var TableTooltip = class {
 		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();
 		}));
@@ -12800,7 +12816,7 @@ var EmojiDialog = class extends BaseDialog {
 		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);
@@ -13367,13 +13383,13 @@ var IconDialog = class extends BaseDialog {
 		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 = "​";
@@ -13593,7 +13609,7 @@ var ContextMenu = class {
 	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 = [];
@@ -13613,11 +13629,9 @@ var ContextMenu = class {
 		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() {
@@ -13882,7 +13896,7 @@ var ContextMenu = class {
 		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;
@@ -13907,8 +13921,8 @@ var ContextMenu = class {
 	}
 	_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;
@@ -13964,7 +13978,7 @@ var ContextMenu = class {
 		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");
@@ -13983,7 +13997,7 @@ var ContextMenu = class {
 	_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;
@@ -14432,7 +14446,7 @@ var FindReplace = class extends BaseDialog {
 		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",
@@ -14450,7 +14464,7 @@ var FindReplace = class extends BaseDialog {
 		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;
@@ -14488,7 +14502,7 @@ var FindReplace = class extends BaseDialog {
 	}
 	_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";
 		});
@@ -14500,7 +14514,7 @@ var FindReplace = class extends BaseDialog {
 	_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);
@@ -14520,7 +14534,7 @@ var FindReplace = class extends BaseDialog {
 		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();
@@ -14896,7 +14910,7 @@ var ImageCropOverlay = class {
 		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;
@@ -15722,14 +15736,14 @@ var BubbleToolbar = class {
 		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;
@@ -15957,13 +15971,13 @@ var Mention = class {
 			}
 		} 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;
@@ -16081,12 +16095,12 @@ var Context = class {
 		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;
 		}
@@ -16707,7 +16721,7 @@ var AutumnNote = {
 		return this;
 	},
 	/** Library version */
-	version: "1.6.3"
+	version: "1.6.6"
 };
 /**
 * @param {string|Element|NodeList|Element[]} selector