autumnnote 1.6.5 → 1.6.7

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 */
@@ -386,7 +386,7 @@
 	function fontSize(size, editable = document) {
 		const sel = globalThis.getSelection();
 		const wasCollapsed = !sel?.rangeCount || sel.getRangeAt(0).collapsed;
-		if (wasCollapsed && sel && sel.rangeCount > 0) {
+		if (wasCollapsed && sel?.rangeCount > 0) {
 			try {
 				const range = sel.getRangeAt(0);
 				const span = document.createElement("span");
@@ -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
@@ -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)));
 					}
@@ -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];
@@ -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);
 				}
@@ -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() {
@@ -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 = "";
@@ -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);
 		}
 		/**
@@ -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();
 		}
@@ -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(() => {
@@ -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,7 +9010,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;
 			if (this._sizePopover?.parentNode) this._sizePopover.remove();
 			this._sizePopover = null;
@@ -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");
@@ -9275,7 +9284,7 @@
 				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,7 +13079,7 @@
 			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);
 			}
@@ -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();
@@ -15659,7 +15673,7 @@
 		}
 		_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.5"
+		version: "1.6.7"
 	};
 	/**
 	* @param {string|Element|NodeList|Element[]} selector