autumnnote 1.2.0 → 1.3.0

package/dist/autumnnote.es.js

@@ -27,19 +27,29 @@ function debounce(fn, delay) {
 	};
 }
 /**
-* Throttle a function call.
-* @param {Function} fn
-* @param {number} limit - milliseconds
-* @returns {Function}
+* Create a wrapper that limits how often `fn` can be invoked while ensuring the last call in a burst is executed.
+* @param {Function} fn - Function to be throttled.
+* @param {number} limit - Time window in milliseconds during which at most one call is allowed.
+* @returns {Function} A wrapper function that invokes `fn` at most once per `limit` milliseconds; calls preserve `this` and original arguments and schedule a trailing invocation for the final call in a burst.
 */
 function throttle(fn, limit) {
-	let lastCall = 0;
+	let lastCall = -Infinity;
+	let trailingTimer = null;
 	return function(...args) {
-		const now = Date.now();
-		if (now - lastCall >= limit) {
+		const now = performance.now();
+		const elapsed = now - lastCall;
+		if (elapsed >= limit) {
 			lastCall = now;
+			clearTimeout(trailingTimer);
+			trailingTimer = null;
 			return fn.apply(this, args);
 		}
+		clearTimeout(trailingTimer);
+		trailingTimer = setTimeout(() => {
+			lastCall = performance.now();
+			trailingTimer = null;
+			fn.apply(this, args);
+		}, limit - elapsed);
 	};
 }
 /**
@@ -118,12 +128,12 @@ function isPlainObject(val) {
 function rect2bnd(rect) {
 	if (!rect) return null;
 	return {
-		top: Math.round(rect.top),
-		left: Math.round(rect.left),
-		width: Math.round(rect.width),
-		height: Math.round(rect.height),
-		bottom: Math.round(rect.bottom),
-		right: Math.round(rect.right)
+		top: rect.top,
+		left: rect.left,
+		width: rect.width,
+		height: rect.height,
+		bottom: rect.bottom,
+		right: rect.right
 	};
 }
 //#endregion
@@ -283,13 +293,16 @@ function nodeValue(node) {
 	return isText(node) ? node.nodeValue : node.textContent || "";
 }
 /**
-* Returns true if a node is empty (no visible content).
-* @param {Node} node
-* @returns {boolean}
+* Determine whether a DOM node contains no visible content.
+*
+* Text nodes are considered empty when their `nodeValue` is empty. Void elements (e.g., `img`, `br`, `input`) are considered non-empty. An element with exactly one `<br>` child is treated as empty. For other elements, emptiness means trimmed `textContent` is empty and there are no descendant `img`, `video`, `hr`, or `table` elements.
+* @param {Node} node - Node to inspect for visible content.
+* @returns {boolean} `true` if the node has no visible content, `false` otherwise.
 */
 function isEmpty(node) {
 	if (isText(node)) return !node.nodeValue;
 	if (isVoid(node)) return false;
+	if (node.childNodes.length === 1 && node.firstChild?.nodeName === "BR") return true;
 	return !node.textContent.trim() && !node.querySelector("img, video, hr, table");
 }
 /**
@@ -701,9 +714,15 @@ function outdent() {
 	execCommand("outdent");
 }
 /**
-* G.5 helper: splits a checklist at checkLi, converts it to a <p>,
-* and keeps items before/after as separate checklists.
-* @param {HTMLElement} checkLi
+* Convert a checklist <li> into a paragraph and move any following items into a new checklist.
+*
+* Preserves inline markup from the converted item, strips zero-width space anchors,
+* and replaces empty content with a non‑breaking space. If there are list items
+* after the converted item they are moved into a new <ul class="an-checklist">
+* inserted immediately after the original list. The original <li> is removed and
+* the original list is removed if it becomes empty. Attempts to place the caret
+* at the start of the newly created <p>.
+* @param {HTMLElement} checkLi - The checklist `<li>` element to convert to a `<p>`.
 */
 function _checklistItemToP(checkLi) {
 	const checkUl = checkLi.closest(".an-checklist");
@@ -712,7 +731,15 @@ function _checklistItemToP(checkLi) {
 	const liIndex = allLis.indexOf(checkLi);
 	const afterLis = allLis.slice(liIndex + 1);
 	const p = document.createElement("p");
-	p.textContent = Array.from(checkLi.childNodes).filter((n) => !(n.nodeType === 1 && n.tagName === "INPUT")).map((n) => n.textContent).join("").replace(/\u200B/g, "").trim() || "\xA0";
+	for (const child of checkLi.childNodes) {
+		if (child.nodeType === 1 && child.tagName === "INPUT") continue;
+		p.appendChild(child.cloneNode(true));
+	}
+	p.innerHTML = p.innerHTML.replace(/\u200B/g, "");
+	if (!p.hasChildNodes() || !p.textContent.trim()) {
+		p.innerHTML = "";
+		p.appendChild(document.createTextNode("\xA0"));
+	}
 	if (afterLis.length > 0) {
 		const newUl = document.createElement("ul");
 		newUl.className = "an-checklist";
@@ -743,9 +770,12 @@ var insertUnorderedList = () => execCommand("insertUnorderedList");
 */
 var insertOrderedList = () => execCommand("insertOrderedList");
 /**
-* Applies a line-height value to every block-level element that intersects
-* the current selection.
-* @param {string} value - unitless multiplier, e.g. '1.5'
+* Set the line-height on every block-level element that intersects the current selection.
+*
+* If the selection is collapsed, the nearest enclosing block element receives the style.
+* For a non-collapsed selection, all unique block ancestors of text nodes that intersect the range are updated;
+* if none are found, the nearest block ancestor of the range's common ancestor is updated.
+* @param {string} value - Line-height value to apply; typically a unitless multiplier (for example, "1.5").
 */
 function lineHeight(value) {
 	const sel = window.getSelection();
@@ -780,9 +810,9 @@ function lineHeight(value) {
 		return;
 	}
 	const blocks = /* @__PURE__ */ new Set();
-	const iter = document.createNodeIterator(range.commonAncestorContainer, NodeFilter.SHOW_TEXT, null);
+	const iter = document.createTreeWalker(range.commonAncestorContainer, NodeFilter.SHOW_TEXT, { acceptNode: (node) => range.intersectsNode(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP });
 	let textNode;
-	while (textNode = iter.nextNode()) if (range.intersectsNode(textNode)) {
+	while (textNode = iter.nextNode()) {
 		const block = nearestBlock(textNode);
 		if (block) blocks.add(block);
 	}
@@ -864,9 +894,18 @@ function isInlineCode() {
 	return !!(code && !code.closest("pre"));
 }
 /**
-* Toggles a task-list at the cursor.
-* If inside a checklist <li>, converts it (and any other selected items) back to <p> elements.
-* Otherwise inserts a new <ul class="an-checklist"> with one item per selected line.
+* Toggle a checklist at the current selection or caret.
+*
+* When the selection is inside an existing checklist `<ul class="an-checklist">`,
+* converts the selected `<li>` items back into `<p>` paragraphs and places the caret
+* at the start of the first converted paragraph. Otherwise creates a checklist:
+* - If the selection is collapsed, converts the nearest block-level ancestor (or inserts
+*   a single checklist item at the editable root) into a checklist with one item containing
+*   that block's text and places the caret inside the new item.
+* - If the selection is a range, converts each intersecting block element into one checklist
+*   item (preserving textual content) and places the caret at the end of the last item.
+*
+* Empty or whitespace-only selections do not create a checklist.
 */
 function toggleChecklist() {
 	const sel = window.getSelection();
@@ -925,8 +964,9 @@ function toggleChecklist() {
 		ul.appendChild(li);
 		if (block && BLOCK_TAGS.has(block.tagName)) block.parentNode.replaceChild(ul, block);
 		else {
-			document.execCommand("insertHTML", false, ul.outerHTML);
-			return;
+			const nativeRange = sel.getRangeAt(0);
+			nativeRange.deleteContents();
+			nativeRange.insertNode(ul);
 		}
 		const textNode = li.lastChild;
 		const nr = document.createRange();
@@ -1614,6 +1654,7 @@ var en = {
 		replaceAriaLabel: "Replace with",
 		replaceBtn: "Replace",
 		replaceAllBtn: "Replace All",
+		noResults: "No results",
 		close: "×"
 	},
 	shortcutsDialog: {
@@ -1966,6 +2007,7 @@ var locales = {
 			replaceAriaLabel: "Thay thế bằng",
 			replaceBtn: "Thay thế",
 			replaceAllBtn: "Thay thế tất cả",
+			noResults: "Không có kết quả",
 			close: "×"
 		},
 		shortcutsDialog: {
@@ -2295,6 +2337,7 @@ var locales = {
 			replacePlaceholder: "置換後…",
 			replaceAriaLabel: "置換後のテキスト",
 			replaceBtn: "置換",
+			noResults: "結果なし",
 			replaceAllBtn: "すべて置換",
 			close: "×"
 		},
@@ -2625,6 +2668,7 @@ var locales = {
 			replacePlaceholder: "替换为…",
 			replaceAriaLabel: "替换为",
 			replaceBtn: "替换",
+			noResults: "没有结果",
 			replaceAllBtn: "全部替换",
 			close: "×"
 		},
@@ -2955,6 +2999,7 @@ var locales = {
 			replacePlaceholder: "Remplacer par…",
 			replaceAriaLabel: "Remplacer par",
 			replaceBtn: "Remplacer",
+			noResults: "Aucun résultat",
 			replaceAllBtn: "Tout remplacer",
 			close: "×"
 		},
@@ -3285,6 +3330,7 @@ var locales = {
 			replacePlaceholder: "Ersetzen durch…",
 			replaceAriaLabel: "Ersetzen durch",
 			replaceBtn: "Ersetzen",
+			noResults: "Keine Ergebnisse",
 			replaceAllBtn: "Alle ersetzen",
 			close: "×"
 		},
@@ -3615,6 +3661,7 @@ var locales = {
 			replacePlaceholder: "Reemplazar con…",
 			replaceAriaLabel: "Reemplazar con",
 			replaceBtn: "Reemplazar",
+			noResults: "Sin resultados",
 			replaceAllBtn: "Reemplazar todo",
 			close: "×"
 		},
@@ -3945,6 +3992,7 @@ var locales = {
 			replacePlaceholder: "바꿀 내용…",
 			replaceAriaLabel: "바꿀 내용",
 			replaceBtn: "바꾸기",
+			noResults: "결과 없음",
 			replaceAllBtn: "모두 바꾸기",
 			close: "×"
 		},
@@ -4165,8 +4213,10 @@ var PROHIBITED_TAGS = [
 	"object",
 	"embed",
 	"form",
-	"button"
+	"base"
 ];
+/** Tags whose element wrapper is stripped but content (child nodes) is preserved. */
+var UNWRAP_TAGS = new Set(["button"]);
 /** Attributes whose values must be sanitised as URLs. */
 var URL_ATTRS = [
 	"href",
@@ -4184,60 +4234,61 @@ var TRUSTED_IFRAME_HOSTS = new Set([
 	"player.vimeo.com"
 ]);
 /**
-* Sanitises an HTML string by removing dangerous elements and attributes.
-* Uses DOMParser so the sanitisation follows normal browser parsing rules —
-* no regex shortcuts that can be bypassed by encoding tricks.
+* Produce a sanitized HTML string with dangerous elements and attributes removed.
 *
-* - Strips PROHIBITED_TAGS (script, style, iframe, object, embed, form, button)
-* - Allows input[type="checkbox"] only inside ul.an-checklist li; removes all other <input>
-* - Removes all on* event-handler attributes
-* - Rejects javascript: and vbscript: URLs in URL attributes
-* - Rejects data: URIs everywhere except img[src] (base64 uploads)
+* Removes disallowed tags and wrappers, strips event-handler attributes, rejects
+* `javascript:`/`vbscript:` URLs and most `data:` URIs, restricts iframe `src`
+* to trusted hosts when enabled, and permits only checklist checkboxes as inputs.
 *
-* @param {string} html
-* @returns {string}
+* @param {string} html - HTML fragment to sanitize.
+* @param {Object} [options]
+* @param {boolean} [options.allowIframes=false] - If true, `iframe` elements are not removed but their `src` is restricted to trusted hosts and `srcdoc` is removed.
+* @returns {string} The sanitized HTML fragment.
 */
 function sanitiseHTML(html, { allowIframes = false } = {}) {
 	const doc = new DOMParser().parseFromString(`<body>${html || ""}</body>`, "text/html");
-	(allowIframes ? PROHIBITED_TAGS.filter((t) => t !== "iframe") : PROHIBITED_TAGS).forEach((tag) => {
-		doc.querySelectorAll(tag).forEach((el) => el.remove());
-	});
-	doc.querySelectorAll("*").forEach((el) => {
-		Array.from(el.attributes).forEach((attr) => {
+	const allElements = Array.from(doc.querySelectorAll("*"));
+	const prohibited = new Set(allowIframes ? PROHIBITED_TAGS.filter((t) => t !== "iframe") : PROHIBITED_TAGS);
+	for (const el of allElements) {
+		const tag = el.tagName.toLowerCase();
+		if (UNWRAP_TAGS.has(tag)) {
+			el.replaceWith(...el.childNodes);
+			continue;
+		}
+		if (prohibited.has(tag)) {
+			el.remove();
+			continue;
+		}
+		for (const attr of Array.from(el.attributes)) {
 			if (attr.name.startsWith("on")) {
 				el.removeAttribute(attr.name);
-				return;
+				continue;
 			}
 			if (URL_ATTRS.includes(attr.name)) {
 				const val = attr.value.trim();
 				if (/^(javascript|vbscript):/i.test(val)) {
 					el.removeAttribute(attr.name);
-					return;
+					continue;
 				}
 				if (/^data:/i.test(val) && !(attr.name === "src" && el.tagName === "IMG")) el.removeAttribute(attr.name);
 			}
 			if (el.tagName === "IFRAME") {
 				if (attr.name === "srcdoc") {
 					el.removeAttribute(attr.name);
-					return;
-				}
-				if (attr.name === "src") {
-					if (!isTrustedIframeSrc(attr.value)) el.removeAttribute(attr.name);
-					return;
+					continue;
 				}
+				if (attr.name === "src" && !isTrustedIframeSrc(attr.value)) el.removeAttribute(attr.name);
 			}
-		});
-	});
-	doc.querySelectorAll("input").forEach((el) => {
-		if (!(el.closest("ul.an-checklist") !== null && el.closest("li") !== null) || el.getAttribute("type") !== "checkbox") el.remove();
-		else Array.from(el.attributes).forEach((attr) => {
-			if (![
+		}
+		if (tag === "input") {
+			if (!(el.closest("ul.an-checklist") !== null && el.closest("li") !== null) || el.getAttribute("type") !== "checkbox") el.remove();
+			else for (const attr of Array.from(el.attributes)) if (![
 				"type",
 				"checked",
 				"contenteditable"
 			].includes(attr.name)) el.removeAttribute(attr.name);
-		});
-	});
+		}
+	}
 	return doc.body.innerHTML;
 }
 /**
@@ -4438,7 +4489,18 @@ var History = class {
 			const sel = window.getSelection();
 			sel.removeAllRanges();
 			sel.addRange(range);
-		} catch (_) {}
+		} catch (_) {
+			try {
+				const fb = document.createRange();
+				fb.setStart(this.editable, 0);
+				fb.collapse(true);
+				const s = window.getSelection();
+				if (s) {
+					s.removeAllRanges();
+					s.addRange(fb);
+				}
+			} catch (_2) {}
+		}
 	}
 	_savePoint() {
 		if (this.stackOffset < this.stack.length - 1) this.stack = this.stack.slice(0, this.stackOffset + 1);
@@ -4465,6 +4527,10 @@ var History = class {
 	* @returns {{ html: string, images: Object<string,string> }}
 	*/
 	_tokenizeImages(html) {
+		if (!html.includes("data:")) return {
+			html,
+			images: {}
+		};
 		const images = {};
 		let index = 0;
 		return {
@@ -4536,11 +4602,12 @@ var History = class {
 * Inspired by Summernote's table handling
 */
 /**
-* Creates a table element with the specified dimensions.
-* @param {number} cols
-* @param {number} rows
-* @param {{ headerRow?: boolean }} [opts]
-* @returns {HTMLTableElement}
+* Build an HTML table with the given number of columns and rows, optionally including a header row.
+* @param {number} cols - Number of columns in each row.
+* @param {number} rows - Total number of rows to create (including header when `headerRow` is true).
+* @param {{ headerRow?: boolean }} [opts] - Options object.
+* @param {boolean} [opts.headerRow=false] - When true and `rows > 0`, creates a header row (`<thead>`) plus body rows for the remainder.
+* @returns {HTMLTableElement} The constructed `<table>` element with a `<tbody>` and optional `<thead>`; each cell contains a `<br>` placeholder.
 */
 function createTable(cols, rows, opts = {}) {
 	const { headerRow = false } = opts;
@@ -4549,7 +4616,7 @@ function createTable(cols, rows, opts = {}) {
 		const thead = createElement("thead");
 		const tr = createElement("tr");
 		for (let c = 0; c < cols; c++) {
-			const th = createElement("th", {}, ["\xA0"]);
+			const th = createElement("th", {}, [document.createElement("br")]);
 			tr.appendChild(th);
 		}
 		thead.appendChild(tr);
@@ -4561,7 +4628,7 @@ function createTable(cols, rows, opts = {}) {
 	for (let r = 0; r < bodyRows; r++) {
 		const tr = createElement("tr");
 		for (let c = 0; c < cols; c++) {
-			const td = createElement("td", {}, ["\xA0"]);
+			const td = createElement("td", {}, [document.createElement("br")]);
 			tr.appendChild(td);
 		}
 		tbody.appendChild(tr);
@@ -4569,13 +4636,52 @@ function createTable(cols, rows, opts = {}) {
 	return table;
 }
 /**
-* Inserts a table at the current cursor position.
-* @param {number} cols
-* @param {number} rows
-* @param {{ headerRow?: boolean }} [opts]
+* Insert a table at the current selection and place the caret into its first cell.
+* @param {number} cols - Number of columns for the new table.
+* @param {number} rows - Number of rows for the new table.
+* @param {{ headerRow?: boolean }} [opts] - Options for table creation.
+* @param {boolean} [opts.headerRow=false] - If true, include a header row as the first row.
 */
 function insertTable(cols, rows, opts = {}) {
-	execCommand("insertHTML", createTable(cols, rows, opts).outerHTML);
+	if (cols <= 0 || rows <= 0) return;
+	const table = createTable(cols, rows, opts);
+	const sel = window.getSelection();
+	if (!sel || sel.rangeCount === 0) return;
+	const range = sel.getRangeAt(0);
+	range.deleteContents();
+	const BLOCK = new Set([
+		"P",
+		"DIV",
+		"H1",
+		"H2",
+		"H3",
+		"H4",
+		"H5",
+		"H6",
+		"BLOCKQUOTE",
+		"LI",
+		"PRE"
+	]);
+	let anchor = range.startContainer;
+	if (anchor.nodeType === 3) anchor = anchor.parentElement;
+	while (anchor && !BLOCK.has(anchor.tagName?.toUpperCase()) && anchor.parentElement) anchor = anchor.parentElement;
+	if (anchor && BLOCK.has(anchor.tagName?.toUpperCase()) && anchor.parentNode) {
+		anchor.after(table);
+		if (!table.nextElementSibling) {
+			const p = document.createElement("p");
+			p.appendChild(document.createElement("br"));
+			table.after(p);
+		}
+		if (!anchor.textContent.trim() && !anchor.querySelector("img, video, table")) anchor.remove();
+	} else range.insertNode(table);
+	const firstCell = table.querySelector("td, th");
+	if (firstCell) {
+		const nr = document.createRange();
+		nr.setStart(firstCell, 0);
+		nr.collapse(true);
+		sel.removeAllRanges();
+		sel.addRange(nr);
+	}
 }
 //#endregion
 //#region src/js/core/key.js
@@ -4790,7 +4896,7 @@ function handleKeydown(event, editable, options = {}) {
 		if (para && para.nodeName.toUpperCase() === "PRE") {
 			if (event.shiftKey) return false;
 			event.preventDefault();
-			execCommand("insertText", "    ");
+			execCommand("insertText", " ".repeat(options.tabSize || 4));
 			return true;
 		}
 		if (options.tabSize) {
@@ -4883,6 +4989,11 @@ function handleKeydown(event, editable, options = {}) {
 			return true;
 		}
 		const para = closestPara(range.sc, editable);
+		if (para && para.nodeName.toUpperCase() === "PRE") {
+			event.preventDefault();
+			execCommand("insertText", "\n");
+			return true;
+		}
 		if (para && para.nodeName.toUpperCase() === "BLOCKQUOTE") {
 			const native = range.toNativeRange();
 			native.setEnd(para, para.childNodes.length);
@@ -4916,11 +5027,22 @@ function handleKeydown(event, editable, options = {}) {
 function htmlToMarkdown(html) {
 	return _domToMd(new DOMParser().parseFromString(`<body>${html || ""}</body>`, "text/html").body).replace(/\n{3,}/g, "\n\n").trim();
 }
-function _domToMd(node) {
+/**
+* Convert a DOM node subtree into Markdown.
+*
+* Recursively produces a Markdown string representing the given DOM node and its descendants,
+* handling common HTML constructs such as paragraphs, headings, lists (with nested indentation),
+* blockquotes, fenced and inline code, links, images, tables, horizontal rules, and basic inline emphasis.
+*
+* @param {Node} node - The DOM node to convert.
+* @param {number} [depth=0] - Current nesting depth used to indent nested list items.
+* @returns {string} The Markdown representation of the node subtree.
+*/
+function _domToMd(node, depth = 0) {
 	if (node.nodeType === 3) return node.textContent.replace(/\s+/g, " ");
 	if (node.nodeType !== 1) return "";
 	const tag = node.nodeName.toLowerCase();
-	const inner = () => Array.from(node.childNodes).map(_domToMd).join("");
+	const inner = () => Array.from(node.childNodes).map((n) => _domToMd(n, depth)).join("");
 	switch (tag) {
 		case "p":
 		case "div": return `\n\n${inner()}\n\n`;
@@ -4960,12 +5082,16 @@ function _domToMd(node) {
 		case "ul": {
 			const items = Array.from(node.querySelectorAll(":scope > li"));
 			if (!items.length) return inner();
-			return `\n\n${items.map((li) => `- ${_domToMd(li).trim()}`).join("\n")}\n\n`;
+			const indent = "  ".repeat(depth);
+			const lines = items.map((li) => `${indent}- ${_domToMd(li, depth + 1).trim()}`).join("\n");
+			return depth === 0 ? `\n\n${lines}\n\n` : `\n${lines}`;
 		}
 		case "ol": {
 			const items = Array.from(node.querySelectorAll(":scope > li"));
 			if (!items.length) return inner();
-			return `\n\n${items.map((li, i) => `${i + 1}. ${_domToMd(li).trim()}`).join("\n")}\n\n`;
+			const indent = "  ".repeat(depth);
+			const lines = items.map((li, i) => `${indent}${i + 1}. ${_domToMd(li, depth + 1).trim()}`).join("\n");
+			return depth === 0 ? `\n\n${lines}\n\n` : `\n${lines}`;
 		}
 		case "li": return inner();
 		case "hr": return "\n\n---\n\n";
@@ -4989,12 +5115,15 @@ function _domToMd(node) {
 	}
 }
 /**
-* Returns true if the text contains recognisable Markdown patterns.
-* @param {string} text
-* @returns {boolean}
+* Detects whether a string likely contains Markdown syntax.
+*
+* Checks for common Markdown constructs such as ATX headings, unordered or
+* ordered list items, blockquotes, fenced code blocks, and bold emphasis.
+* @param {string} text - Input text to inspect for Markdown patterns.
+* @returns {boolean} `true` if any Markdown-like pattern is present, `false` otherwise.
 */
 function isMarkdown(text) {
-	return /^#{1,6} \S|^\s*[-*+] \S|^\s*\d+\. \S|^> \S|\*{2}.+?\*{2}|^```/m.test(text);
+	return /^#{1,6} \S|^\s*[-*+] \S|^\s*\d+\. \S|^> \S|^```|^\*{2}.+?\*{2}/m.test(text);
 }
 /**
 * Converts a Markdown string to an HTML string.
@@ -5757,6 +5886,8 @@ var Toolbar = class {
 		this._disposers = [];
 		/** @type {Array<() => void>} closers for all open color picker popups */
 		this._colorPickerClosers = [];
+		/** @type {number|null} rAF handle for debounced refresh */
+		this._refreshRaf = null;
 	}
 	initialize() {
 		this.el = createElement("div", { class: "an-toolbar" });
@@ -5766,6 +5897,8 @@ var Toolbar = class {
 		return this;
 	}
 	destroy() {
+		if (this._refreshRaf) cancelAnimationFrame(this._refreshRaf);
+		this._refreshRaf = null;
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
 		if (this.el && this.el.parentNode) this.el.parentNode.removeChild(this.el);
@@ -5840,6 +5973,7 @@ var Toolbar = class {
 		const openPopup = () => {
 			isOpen = true;
 			const rect = btn.getBoundingClientRect();
+			popup.style.visibility = "hidden";
 			popup.style.display = "block";
 			const pw = popup.offsetWidth;
 			const ph = popup.offsetHeight;
@@ -5849,13 +5983,12 @@ var Toolbar = class {
 			if (top + ph > window.innerHeight - 8) top = rect.top - ph - 4;
 			popup.style.left = `${left}px`;
 			popup.style.top = `${top}px`;
+			popup.style.visibility = "";
 			btn.setAttribute("aria-expanded", "true");
 		};
 		const closePopup = () => {
 			isOpen = false;
 			popup.style.display = "none";
-			popup.style.top = "";
-			popup.style.left = "";
 			btn.setAttribute("aria-expanded", "false");
 			setHighlight(0, 0);
 		};
@@ -5882,9 +6015,11 @@ var Toolbar = class {
 		const d5 = on(document, "click", () => {
 			if (isOpen) closePopup();
 		});
-		this._disposers.push(d1, d2, d3, d4, d5);
+		this._disposers.push(d1, d2, d3, d4, d5, () => {
+			if (popup.parentNode) popup.parentNode.removeChild(popup);
+		});
 		wrap.appendChild(btn);
-		wrap.appendChild(popup);
+		document.body.appendChild(popup);
 		return wrap;
 	}
 	/**
@@ -6159,6 +6294,13 @@ var Toolbar = class {
 		return _faPageLevelReady;
 	}
 	refresh() {
+		if (this._refreshRaf) cancelAnimationFrame(this._refreshRaf);
+		this._refreshRaf = requestAnimationFrame(() => {
+			this._refreshRaf = null;
+			this._doRefresh();
+		});
+	}
+	_doRefresh() {
 		if (!this.el) return;
 		const btnMap = this._btnMap || /* @__PURE__ */ new Map();
 		this.el.querySelectorAll("button[data-btn]").forEach((btn) => {
@@ -6336,7 +6478,7 @@ var Statusbar = class {
 	}
 	update() {
 		if (!this._wordCountEl || !this._charCountEl) return;
-		const text = this.context.layoutInfo.editable.innerText || "";
+		const text = this.context.layoutInfo.editable.textContent || "";
 		const words = _countWords(text);
 		const chars = text.replace(/\n/g, "").length;
 		const maxWords = this.options.maxWords || 0;
@@ -6531,7 +6673,7 @@ var Clipboard = class {
 			event.preventDefault();
 			const raw = clipboardData.getData("text/html");
 			const isWordContent = /<[a-z]+:[a-z]/i.test(raw) || /class="Mso/i.test(raw) || /\bmso-/i.test(raw);
-			const isSocialContent = /\bdata-testid\b/.test(raw) || /class="[^"]*\b(?:x[a-z0-9]{6,}|r-[a-z0-9]{3,})\b/.test(raw);
+			const isSocialContent = /class="[^"]*\b(?:x[a-z0-9]{6,}|r-[a-z0-9]{3,})\b/.test(raw);
 			let html = raw;
 			if (isWordContent) html = this._cleanWordHtml(html);
 			else if (isSocialContent) html = this._cleanSocialHtml(html);
@@ -6633,7 +6775,7 @@ var Clipboard = class {
 	*/
 	_dataUrlToBlob(dataUrl) {
 		const [header, b64] = dataUrl.split(",");
-		const mime = header.match(/:(.*?);/)[1];
+		const mime = header.match(/:(.*?);/)?.[1] ?? "image/png";
 		const binary = atob(b64);
 		const arr = new Uint8Array(binary.length);
 		for (let i = 0; i < binary.length; i++) arr[i] = binary.charCodeAt(i);
@@ -7639,6 +7781,7 @@ var ImageResizer = class {
 	_select(img) {
 		if (this._activeImg && this._activeImg !== img) this._activeImg.classList.remove("an-image-selected");
 		this._activeImg = img;
+		this._lastOverlayPos = null;
 		img.classList.add("an-image-selected");
 		this._updateOverlayPosition();
 		this._overlay.style.display = "block";
@@ -7662,6 +7805,14 @@ var ImageResizer = class {
 		const offsetParent = this._overlay.offsetParent || this._container;
 		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;
+		this._lastOverlayPos = {
+			l: rect.left,
+			t: rect.top,
+			w: rect.width,
+			h: rect.height
+		};
 		const left = rect.left - containerRect.left + offsetParent.scrollLeft;
 		const top = rect.top - containerRect.top + offsetParent.scrollTop;
 		this._overlay.style.left = `${left}px`;
@@ -13360,7 +13511,7 @@ var ContextMenu = class {
 					cells.forEach((cell) => {
 						cell.classList.toggle("active", +cell.dataset.row <= rows && +cell.dataset.col <= cols);
 					});
-					labelEl.textContent = rows && cols ? `${cols} × ${rows}` : this.context.locale.contextMenu.table || "Insert Table";
+					labelEl.textContent = rows && cols ? `${rows} × ${cols}` : this.context.locale.contextMenu.table || "Insert Table";
 				};
 				panel.appendChild(gridEl);
 				panel.appendChild(labelEl);
@@ -14000,7 +14151,6 @@ var FindReplace = class {
 		if (!editable) return;
 		const rawMatches = this._findRawMatches(query, editable);
 		if (rawMatches.length === 0) return;
-		this._currentIndex = 0;
 		for (let i = rawMatches.length - 1; i >= 0; i--) {
 			const { node, start, end } = rawMatches[i];
 			try {
@@ -14017,6 +14167,7 @@ var FindReplace = class {
 		}
 		this._matches.reverse();
 		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) {
 			this._matches[0].mark.className = "an-highlight an-highlight-current";
@@ -14042,12 +14193,13 @@ var FindReplace = class {
 			this._lastCaseSensitive = this._caseSensitive;
 		}
 		const re = this._queryRegex;
+		const MAX_RESULTS = 500;
 		const walker = document.createTreeWalker(root, 4);
 		let node;
-		while (node = walker.nextNode()) {
+		while ((node = walker.nextNode()) && results.length < MAX_RESULTS) {
 			re.lastIndex = 0;
 			let m;
-			while ((m = re.exec(node.textContent)) !== null) results.push({
+			while ((m = re.exec(node.textContent)) !== null && results.length < MAX_RESULTS) results.push({
 				node,
 				start: m.index,
 				end: m.index + m[0].length
@@ -14134,7 +14286,7 @@ var FindReplace = class {
 		const total = this._matches.length;
 		if (total === 0) {
 			const query = this._findInput ? this._findInput.value : "";
-			this._counterEl.textContent = query ? "No results" : "";
+			this._counterEl.textContent = query ? this.context.locale.findReplace.noResults : "";
 		} else this._counterEl.textContent = `${this._currentIndex + 1} / ${total}`;
 	}
 };
@@ -14333,17 +14485,33 @@ var ImageCropOverlay = class {
 				e.preventDefault();
 				e.stopPropagation();
 				this._startHandleDrag(e, id);
-			}));
+			}), on(h, "touchstart", (e) => {
+				e.preventDefault();
+				e.stopPropagation();
+				this._startHandleDrag({
+					clientX: e.touches[0].clientX,
+					clientY: e.touches[0].clientY
+				}, id);
+			}, { passive: false }));
 			this._handles[id] = h;
 			cropBox.appendChild(h);
 		});
 		this._disposers.push(on(cropBox, "mousedown", (e) => {
-			if (e.target !== cropBox && e.target !== grid && !(e.target.tagName === "DIV" && !e.target.className.includes("handle"))) return;
-			if (e.target.className && e.target.className.includes("an-crop-handle")) return;
+			if (e.target.classList.contains("an-crop-handle")) return;
+			if (e.target !== cropBox && e.target !== grid) return;
 			e.preventDefault();
 			e.stopPropagation();
 			this._startBoxMove(e);
-		}));
+		}), on(cropBox, "touchstart", (e) => {
+			if (e.target.classList.contains("an-crop-handle")) return;
+			if (e.target !== cropBox && e.target !== grid) return;
+			e.preventDefault();
+			e.stopPropagation();
+			this._startBoxMove({
+				clientX: e.touches[0].clientX,
+				clientY: e.touches[0].clientY
+			});
+		}, { passive: false }));
 		const infoEl = document.createElement("div");
 		infoEl.className = "an-crop-info";
 		infoEl.style.cssText = `
@@ -14501,15 +14669,26 @@ var ImageCropOverlay = class {
 	* @param {(e: MouseEvent) => void} onMove
 	*/
 	_attachDocDrag(onMove) {
+		const onTouchMove = (e) => {
+			e.preventDefault();
+			onMove({
+				clientX: e.touches[0].clientX,
+				clientY: e.touches[0].clientY
+			});
+		};
 		const cleanup = () => {
 			document.removeEventListener("mousemove", onMove);
 			document.removeEventListener("mouseup", cleanup);
+			document.removeEventListener("touchmove", onTouchMove);
+			document.removeEventListener("touchend", cleanup);
 			document.body.style.userSelect = "";
 			document.body.style.cursor = "";
 		};
 		document.body.style.userSelect = "none";
 		document.addEventListener("mousemove", onMove);
 		document.addEventListener("mouseup", cleanup, { once: true });
+		document.addEventListener("touchmove", onTouchMove, { passive: false });
+		document.addEventListener("touchend", cleanup, { once: true });
 	}
 	_bindEsc() {
 		const handler = (e) => {
@@ -14550,7 +14729,7 @@ var ImageCropOverlay = class {
 			height: natH
 		}, w, h);
 		if (!canvas) {
-			window.alert("Cannot crop this image: the image server does not allow cross-origin access.\nUpload the image directly to use the crop tool.");
+			this._showCropError("Cannot crop this image: the image server does not allow cross-origin access. Upload the image directly to use the crop tool.");
 			this._close(false);
 			return;
 		}
@@ -14567,6 +14746,37 @@ var ImageCropOverlay = class {
 		this.context.invoke("imageResizer.updateOverlay");
 	}
 	/**
+	* Show a non-blocking inline error banner appended to document.body.
+	* Auto-dismisses after 4 seconds.
+	* @param {string} msg
+	*/
+	_showCropError(msg) {
+		const banner = document.createElement("div");
+		banner.setAttribute("role", "alert");
+		banner.style.cssText = [
+			"position:fixed",
+			"bottom:24px",
+			"left:50%",
+			"transform:translateX(-50%)",
+			"z-index:10200",
+			"max-width:420px",
+			"width:max-content",
+			"background:#7f1d1d",
+			"color:#fecaca",
+			"border:1px solid #b91c1c",
+			"border-radius:8px",
+			"padding:12px 18px",
+			"font:13px/1.5 system-ui,sans-serif",
+			"box-shadow:0 4px 16px rgba(0,0,0,.4)",
+			"pointer-events:auto"
+		].join(";");
+		banner.textContent = msg;
+		document.body.appendChild(banner);
+		setTimeout(() => {
+			if (banner.parentNode) banner.parentNode.removeChild(banner);
+		}, 4e3);
+	}
+	/**
 	* Remove all overlay DOM elements and reset state.
 	* @param {boolean} _committed - reserved for future use
 	*/
@@ -14981,6 +15191,16 @@ var _ACTIONS = {
 		if (!editable) return;
 		editable.focus();
 		document.execCommand("removeFormat");
+		const sel = window.getSelection();
+		if (sel && sel.rangeCount > 0 && !sel.getRangeAt(0).collapsed) {
+			const range = sel.getRangeAt(0);
+			const ancestor = range.commonAncestorContainer;
+			const root = ancestor.nodeType === 1 ? ancestor : ancestor.parentElement;
+			if (root) {
+				const candidates = [root, ...root.querySelectorAll("[style]")];
+				for (const el of candidates) if (el.hasAttribute("style") && range.intersectsNode(el)) el.removeAttribute("style");
+			}
+		}
 		ctx.invoke("editor.afterCommand");
 	},
 	inlineCode: (ctx) => ctx.invoke("editor.inlineCode")
@@ -15094,6 +15314,7 @@ var BubbleToolbar = class {
 		}
 		document.body.appendChild(el);
 		this._el = el;
+		this._btnCache = Array.from(el.querySelectorAll(".an-bubble-btn"));
 	}
 	_buildColorPicker() {
 		const picker = document.createElement("div");
@@ -15179,8 +15400,13 @@ var BubbleToolbar = class {
 		editable.focus();
 		const sel = window.getSelection();
 		sel.removeAllRanges();
-		sel.addRange(this._savedRange.cloneRange());
-		document.execCommand(type, false, color);
+		try {
+			sel.addRange(this._savedRange.cloneRange());
+		} catch (_) {
+			return;
+		}
+		const cmd = type === "hiliteColor" ? "hiliteColor" : type;
+		if (!document.execCommand(cmd, false, color) && cmd === "hiliteColor") document.execCommand("backColor", false, color);
 		this.context.invoke("editor.afterCommand");
 		const name = type === "hiliteColor" ? "hiliteColor" : "foreColor";
 		const btn = this._el && this._el.querySelector(`[data-name="${name}"]`);
@@ -15215,8 +15441,8 @@ var BubbleToolbar = class {
 		this._closeColorPicker();
 	}
 	_syncActive() {
-		if (!this._el) return;
-		this._el.querySelectorAll(".an-bubble-btn").forEach((btn) => {
+		if (!this._btnCache) return;
+		this._btnCache.forEach((btn) => {
 			const activeFn = _ACTIVE[btn.dataset.name];
 			btn.classList.toggle("an-active", !!(activeFn && activeFn()));
 		});
@@ -15363,14 +15589,23 @@ var Mention = class {
 		const el = document.createElement("div");
 		el.className = "an-mention-dropdown";
 		el.setAttribute("role", "listbox");
+		el.addEventListener("mousedown", (e) => e.preventDefault());
+		el.addEventListener("click", (e) => {
+			const item = e.target.closest(".an-mention-item");
+			if (item) this._select(+item.dataset.index);
+		});
+		el.addEventListener("mousemove", (e) => {
+			const item = e.target.closest(".an-mention-item");
+			if (item) this._highlightItem(+item.dataset.index);
+		});
 		document.body.appendChild(el);
 		this._dropdown = el;
 	}
 	_renderItems(items) {
 		const dd = this._dropdown;
-		dd.innerHTML = "";
 		this._items = items.slice(0, this._cfg.maxResults);
 		this._activeIndex = this._items.length > 0 ? 0 : -1;
+		const frag = document.createDocumentFragment();
 		this._items.forEach((item, i) => {
 			const li = document.createElement("div");
 			li.className = "an-mention-item";
@@ -15386,10 +15621,10 @@ var Mention = class {
 			const label = document.createElement("span");
 			label.textContent = item.label;
 			li.appendChild(label);
-			li.addEventListener("mousedown", (e) => e.preventDefault());
-			li.addEventListener("click", () => this._select(i));
-			dd.appendChild(li);
+			frag.appendChild(li);
 		});
+		dd.innerHTML = "";
+		dd.appendChild(frag);
 		this._highlightItem(this._activeIndex);
 	}
 	_highlightItem(index) {