autumnnote 1.6.0 → 1.6.2

package/dist/autumnnote.es.js

@@ -29,7 +29,7 @@ function debounce(fn, delay) {
 /**
 * 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.
+* @param {number} limit - Time globalThis 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) {
@@ -252,7 +252,8 @@ function createElement(tag, attrs = {}, childNodes = []) {
 * @param {Node} node
 */
 function remove(node) {
-	if (node && node.parentNode) node.parentNode.removeChild(node);
+	if (node && node.parentNode)
+ /** @type {ChildNode} */ node.remove();
 }
 /**
 * Unwraps a node — replaces the node with its children.
@@ -262,7 +263,7 @@ function unwrap(node) {
 	const parent = node.parentNode;
 	if (!parent) return;
 	while (node.firstChild) parent.insertBefore(node.firstChild, node);
-	parent.removeChild(node);
+	/** @type {ChildNode} */ node.remove();
 }
 /**
 * Wraps a node with a wrapper element.
@@ -321,7 +322,7 @@ function placeCaret(el) {
 	const range = document.createRange();
 	range.selectNodeContents(el);
 	range.collapse(false);
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (sel) {
 		sel.removeAllRanges();
 		sel.addRange(range);
@@ -364,14 +365,14 @@ function trapFocus(container, onEscape) {
 	const handler = (e) => {
 		if (e.key === "Escape") {
 			e.stopPropagation();
-			onEscape && onEscape();
+			onEscape?.();
 			return;
 		}
 		if (e.key !== "Tab") return;
 		const els = getFocusable();
 		if (!els.length) return;
 		const first = els[0];
-		const last = els[els.length - 1];
+		const last = els.at(-1);
 		if (e.shiftKey) {
 			if (document.activeElement === first) {
 				e.preventDefault();
@@ -409,14 +410,14 @@ function makeDraggable(handle, box) {
 			box.style.top = `${r.top}px`;
 			box.dataset.anDragPinned = "1";
 		}
-		const startX = e.clientX - parseFloat(box.style.left);
-		const startY = e.clientY - parseFloat(box.style.top);
+		const startX = e.clientX - Number.parseFloat(box.style.left);
+		const startY = e.clientY - Number.parseFloat(box.style.top);
 		handle.style.cursor = "grabbing";
 		const onMove = (ev) => {
 			const bw = box.offsetWidth;
 			const bh = box.offsetHeight;
-			box.style.left = `${Math.max(0, Math.min(ev.clientX - startX, window.innerWidth - bw))}px`;
-			box.style.top = `${Math.max(0, Math.min(ev.clientY - startY, window.innerHeight - bh))}px`;
+			box.style.left = `${Math.max(0, Math.min(ev.clientX - startX, globalThis.innerWidth - bw))}px`;
+			box.style.top = `${Math.max(0, Math.min(ev.clientY - startY, globalThis.innerHeight - bh))}px`;
 		};
 		const onUp = () => {
 			handle.style.cursor = "grab";
@@ -462,10 +463,10 @@ var WrappedRange = class {
 		return range;
 	}
 	/**
-	* Select this wrapped range in the window.
+	* Select this wrapped range in the globalThis.
 	*/
 	select() {
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (!sel) return;
 		sel.removeAllRanges();
 		sel.addRange(this.toNativeRange());
@@ -518,13 +519,13 @@ function fromNativeRange(range) {
 	return new WrappedRange(range.startContainer, range.startOffset, range.endContainer, range.endOffset);
 }
 /**
-* Returns a WrappedRange for the current window selection,
+* Returns a WrappedRange for the current globalThis selection,
 * optionally restricted to a given editable element.
 * @param {HTMLElement} [editable]
 * @returns {WrappedRange|null}
 */
 function currentRange(editable) {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || sel.rangeCount === 0) return null;
 	const native = sel.getRangeAt(0);
 	if (editable && !editable.contains(native.commonAncestorContainer)) return null;
@@ -553,7 +554,7 @@ function collapsedRange(node, offset = 0) {
 * @returns {boolean}
 */
 function isSelectionInside(el) {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || sel.rangeCount === 0) return false;
 	return el.contains(sel.getRangeAt(0).commonAncestorContainer);
 }
@@ -562,7 +563,7 @@ function isSelectionInside(el) {
 * @param {Function} fn
 */
 function withSavedRange(fn) {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || sel.rangeCount === 0) {
 		fn(null);
 		return;
@@ -606,16 +607,16 @@ var italic = () => execCommand("italic");
 * execCommand's state detection is unreliable.
 */
 function underline() {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || !sel.rangeCount) return;
 	let container = sel.getRangeAt(0).commonAncestorContainer;
 	if (container.nodeType === 3) container = container.parentElement;
-	const uEl = container && container.closest("u");
+	const uEl = container?.closest("u");
 	const nativeState = document.queryCommandState("underline");
 	if (uEl && !nativeState) {
 		const parent = uEl.parentNode;
 		while (uEl.firstChild) parent.insertBefore(uEl.firstChild, uEl);
-		parent.removeChild(uEl);
+		uEl.remove();
 		return;
 	}
 	execCommand("underline");
@@ -626,16 +627,16 @@ function underline() {
 * execCommand's state detection is unreliable (mirrors underline() logic).
 */
 function strikethrough() {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || !sel.rangeCount) return;
 	let sc = sel.getRangeAt(0).startContainer;
 	if (sc.nodeType === 3) sc = sc.parentElement;
-	const sEl = sc && (sc.closest("s") || sc.closest("strike"));
+	const sEl = sc?.closest("s") || sc?.closest("strike");
 	const nativeState = document.queryCommandState("strikeThrough");
 	if (sEl && !nativeState) {
 		const parent = sEl.parentNode;
 		while (sEl.firstChild) parent.insertBefore(sEl.firstChild, sEl);
-		parent.removeChild(sEl);
+		sEl.remove();
 		return;
 	}
 	execCommand("strikeThrough");
@@ -670,7 +671,7 @@ var fontName = (name) => execCommand("fontName", name);
 * @param {HTMLElement|Document} [editable] - scoping element to avoid touching nodes outside this editor
 */
 function fontSize(size, editable = document) {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	const wasCollapsed = !sel || !sel.rangeCount || sel.getRangeAt(0).collapsed;
 	if (wasCollapsed && sel && sel.rangeCount > 0) {
 		try {
@@ -696,12 +697,12 @@ function fontSize(size, editable = document) {
 		span.style.fontSize = size;
 		el.parentNode.insertBefore(span, el);
 		while (el.firstChild) span.appendChild(el.firstChild);
-		el.parentNode.removeChild(el);
+		el.remove();
 		newSpans.push(span);
 	});
 	if (!wasCollapsed && sel && newSpans.length > 0) {
 		const first = newSpans[0];
-		const last = newSpans[newSpans.length - 1];
+		const last = newSpans.at(-1);
 		try {
 			const nr = document.createRange();
 			const startNode = first.firstChild || first;
@@ -745,11 +746,11 @@ var indent = () => execCommand("indent");
 * (which would destroy the ul > li checklist structure).
 */
 function outdent() {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (sel && sel.rangeCount) {
 		let container = sel.getRangeAt(0).commonAncestorContainer;
 		if (container.nodeType === 3) container = container.parentElement;
-		const checkLi = container && container.closest(".an-checklist li");
+		const checkLi = container?.closest(".an-checklist li");
 		if (checkLi) {
 			_checklistItemToP(checkLi);
 			return;
@@ -779,7 +780,7 @@ function _checklistItemToP(checkLi) {
 		if (child.nodeType === 1 && child.tagName === "INPUT") continue;
 		p.appendChild(child.cloneNode(true));
 	}
-	p.innerHTML = p.innerHTML.replace(/\u200B/g, "");
+	p.innerHTML = p.innerHTML.replaceAll("​", "");
 	if (!p.hasChildNodes() || !p.textContent.trim()) {
 		p.innerHTML = "";
 		p.appendChild(document.createTextNode("\xA0"));
@@ -791,14 +792,14 @@ function _checklistItemToP(checkLi) {
 		checkUl.parentNode.insertBefore(newUl, checkUl.nextSibling);
 	}
 	checkUl.parentNode.insertBefore(p, checkUl.nextSibling);
-	checkUl.removeChild(checkLi);
-	if (checkUl.children.length === 0) checkUl.parentNode.removeChild(checkUl);
+	checkLi.remove();
+	if (checkUl.children.length === 0) checkUl.remove();
 	try {
 		const nr = document.createRange();
 		const firstChild = p.firstChild;
 		nr.setStart(firstChild && firstChild.nodeType === 3 ? firstChild : p, 0);
 		nr.collapse(true);
-		const s = window.getSelection();
+		const s = globalThis.getSelection();
 		if (s) {
 			s.removeAllRanges();
 			s.addRange(nr);
@@ -822,7 +823,7 @@ var insertOrderedList = () => execCommand("insertOrderedList");
 * @param {string} value - Line-height value to apply; typically a unitless multiplier (for example, "1.5").
 */
 function lineHeight(value) {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || sel.rangeCount === 0) return;
 	const range = sel.getRangeAt(0);
 	const BLOCK_TAGS = new Set([
@@ -874,22 +875,22 @@ function lineHeight(value) {
 * @param {HTMLElement} [_editable]
 */
 function toggleInlineCode(_editable) {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || !sel.rangeCount) return;
 	const range = sel.getRangeAt(0);
 	let container = range.commonAncestorContainer;
 	if (container.nodeType === 3) container = container.parentElement;
-	const codeEl = container && container.closest("code");
+	const codeEl = container?.closest("code");
 	if (codeEl && !codeEl.closest("pre")) {
 		const parent = codeEl.parentNode;
 		const prevSibling = codeEl.previousSibling;
 		const movedChildren = Array.from(codeEl.childNodes);
 		while (codeEl.firstChild) parent.insertBefore(codeEl.firstChild, codeEl);
-		parent.removeChild(codeEl);
-		if (parent && parent.normalize) parent.normalize();
+		codeEl.remove();
+		parent?.normalize();
 		if (movedChildren.length > 0) try {
 			const firstMoved = movedChildren[0];
-			const lastMoved = movedChildren[movedChildren.length - 1];
+			const lastMoved = movedChildren.at(-1);
 			const nr = document.createRange();
 			const anchorNode = firstMoved.parentNode === parent ? firstMoved : prevSibling ? prevSibling.nextSibling : parent.firstChild;
 			if (anchorNode) {
@@ -930,11 +931,11 @@ function toggleInlineCode(_editable) {
 * @returns {boolean}
 */
 function isInlineCode() {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || !sel.rangeCount) return false;
 	let sc = sel.getRangeAt(0).startContainer;
 	if (sc.nodeType === 3) sc = sc.parentElement;
-	const code = sc && sc.closest("code");
+	const code = sc?.closest("code");
 	return !!(code && !code.closest("pre"));
 }
 /**
@@ -952,12 +953,12 @@ function isInlineCode() {
 * Empty or whitespace-only selections do not create a checklist.
 */
 function toggleChecklist() {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || !sel.rangeCount) return;
 	const range = sel.getRangeAt(0);
 	let container = range.commonAncestorContainer;
 	if (container.nodeType === 3) container = container.parentElement;
-	const ul = container && container.closest(".an-checklist");
+	const ul = container?.closest(".an-checklist");
 	if (ul) {
 		const selectedLis = Array.from(ul.querySelectorAll("li")).filter((li) => sel.containsNode(li, true));
 		if (selectedLis.length > 0) {
@@ -968,14 +969,14 @@ function toggleChecklist() {
 					if (child.nodeType === 1 && child.tagName === "INPUT") continue;
 					p.appendChild(child.cloneNode(true));
 				}
-				p.innerHTML = p.innerHTML.replace(/\u200b/g, "");
+				p.innerHTML = p.innerHTML.replaceAll("​", "");
 				if (!p.hasChildNodes() || !p.textContent.trim()) {
 					p.innerHTML = "";
 					p.appendChild(document.createTextNode("\xA0"));
 				}
 				ul.parentNode.insertBefore(p, ul);
 				if (!firstP) firstP = p;
-				ul.removeChild(li);
+				li.remove();
 			});
 			if (ul.children.length === 0) ul.remove();
 			if (firstP) {
@@ -1003,7 +1004,7 @@ function toggleChecklist() {
 		]);
 		let block = container;
 		while (block && 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("").replace(/\u00a0/g, " ") : "";
+		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";
 		const li = document.createElement("li");
@@ -1074,7 +1075,7 @@ function toggleChecklist() {
 	});
 	const firstBlock = blocks[0];
 	firstBlock.parentNode.insertBefore(newUl, firstBlock);
-	blocks.forEach((block) => block.parentNode && block.parentNode.removeChild(block));
+	blocks.forEach((block) => block.remove());
 	if (lastTextNode) {
 		const nr = document.createRange();
 		nr.setStart(lastTextNode, lastTextNode.textContent.length);
@@ -1088,11 +1089,11 @@ function toggleChecklist() {
 * @returns {boolean}
 */
 function isInChecklist() {
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || !sel.rangeCount) return false;
 	let container = sel.getRangeAt(0).commonAncestorContainer;
 	if (container.nodeType === 3) container = container.parentElement;
-	return !!(container && container.closest(".an-checklist li"));
+	return !!container?.closest(".an-checklist li");
 }
 //#endregion
 //#region src/js/module/Buttons.js
@@ -1174,7 +1175,7 @@ var boldBtn = btn("bold", "bold", "Bold (Ctrl+B)", () => bold(), () => document.
 var italicBtn = btn("italic", "italic", "Italic (Ctrl+I)", () => italic(), () => document.queryCommandState("italic"));
 var underlineBtn = btn("underline", "underline", "Underline (Ctrl+U)", () => underline(), () => {
 	if (document.queryCommandState("underline")) return true;
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || !sel.rangeCount) return false;
 	let sc = sel.getRangeAt(0).startContainer;
 	if (sc.nodeType === 3) sc = sc.parentElement;
@@ -1237,7 +1238,7 @@ var fontSizeBtn = {
 	action: (ctx, value) => fontSize(value, ctx.layoutInfo.editable),
 	getValue: (ctx) => {
 		try {
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			if (sel && sel.rangeCount) {
 				let el = sel.getRangeAt(0).startContainer;
 				if (el && el.nodeType === 3) el = el.parentElement;
@@ -1245,7 +1246,7 @@ var fontSizeBtn = {
 				const size = el && el.style.fontSize ? el.style.fontSize : "";
 				if (size) return size;
 			}
-			const editable = ctx && ctx.layoutInfo && ctx.layoutInfo.editable;
+			const editable = ctx?.layoutInfo?.editable;
 			if (editable) return editable.style.fontSize || "";
 			return "";
 		} catch {
@@ -1349,7 +1350,7 @@ var lineHeightBtn = {
 	action: (_ctx, value) => lineHeight(value),
 	getValue: () => {
 		try {
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			if (!sel || !sel.rangeCount) return "";
 			const BLOCKS = new Set([
 				"P",
@@ -4474,7 +4475,7 @@ function renderLayout(targetEl, options) {
 	} catch (_) {}
 	if (!initialContent) initialContent = targetEl.tagName === "TEXTAREA" ? (targetEl.value || "").trim() : (targetEl.innerHTML || "").trim();
 	editable.innerHTML = sanitiseHTML(initialContent, { allowIframes: true });
-	const defaultFont = options.defaultFontFamily || options.fontFamilies && options.fontFamilies[0];
+	const defaultFont = options.defaultFontFamily || options.fontFamilies?.[0];
 	if (defaultFont) editable.style.fontFamily = defaultFont;
 	if (options.defaultFontSize) editable.style.fontSize = options.defaultFontSize;
 	if (options.height) editable.style.minHeight = `${options.height}px`;
@@ -4536,7 +4537,7 @@ var History = class {
 	* @returns {{ start: number, end: number }|null}
 	*/
 	_serializeSelection() {
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (!sel || sel.rangeCount === 0) return null;
 		const range = sel.getRangeAt(0);
 		if (!this.editable.contains(range.startContainer)) return null;
@@ -4602,7 +4603,7 @@ var History = class {
 			const range = document.createRange();
 			range.setStart(startNode, startOff);
 			range.setEnd(endNode, endOff);
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			sel.removeAllRanges();
 			sel.addRange(range);
 		} catch (_) {
@@ -4610,7 +4611,7 @@ var History = class {
 				const fb = document.createRange();
 				fb.setStart(this.editable, 0);
 				fb.collapse(true);
-				const s = window.getSelection();
+				const s = globalThis.getSelection();
 				if (s) {
 					s.removeAllRanges();
 					s.addRange(fb);
@@ -4674,8 +4675,7 @@ var History = class {
 	recordUndo() {
 		const current = this._serialize();
 		const { html: tokenized } = this._tokenizeImages(current);
-		const prev = this.stack[this.stackOffset];
-		if (prev && prev.html === tokenized) return;
+		if (this.stack[this.stackOffset]?.html === tokenized) return;
 		this._savePoint();
 	}
 	/**
@@ -4759,7 +4759,7 @@ function createTable(cols, rows, opts = {}) {
 function insertTable(cols, rows, opts = {}) {
 	if (cols <= 0 || rows <= 0) return;
 	const table = createTable(cols, rows, opts);
-	const sel = window.getSelection();
+	const sel = globalThis.getSelection();
 	if (!sel || sel.rangeCount === 0) return;
 	const range = sel.getRangeAt(0);
 	range.deleteContents();
@@ -4777,7 +4777,7 @@ function insertTable(cols, rows, opts = {}) {
 		"PRE"
 	]);
 	let anchor = range.startContainer;
-	if (anchor && anchor.nodeType === 3) anchor = anchor.parentElement;
+	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);
@@ -4867,8 +4867,8 @@ function isModifier(event, keyName) {
 * Inspired by Summernote's Typing module
 */
 var _FA_PATTERN = /\bfa-/;
-var isFAIcon = (n) => !!(n && n.nodeName === "I" && _FA_PATTERN.test(n.className || ""));
-var isZwsAnchor = (n) => !!(n && n.nodeType === Node.TEXT_NODE && (n.textContent === "​" || n.textContent === ""));
+var isFAIcon = (n) => !!(n?.nodeName === "I" && _FA_PATTERN.test(n.className || ""));
+var isZwsAnchor = (n) => !!(n?.nodeType === Node.TEXT_NODE && (n.textContent === "​" || n.textContent === ""));
 /**
 * Handles special keydown behaviour inside the editor.
 * @param {KeyboardEvent} event
@@ -4878,7 +4878,7 @@ var isZwsAnchor = (n) => !!(n && n.nodeType === Node.TEXT_NODE && (n.textContent
 */
 function handleKeydown(event, editable, options = {}) {
 	const moveCaret = (setFn) => {
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (!sel) return false;
 		const nr = document.createRange();
 		setFn(nr);
@@ -4888,8 +4888,8 @@ function handleKeydown(event, editable, options = {}) {
 		return true;
 	};
 	if (isKey(event, key.BACKSPACE)) {
-		const sel = window.getSelection();
-		if (sel && sel.rangeCount > 0) {
+		const sel = globalThis.getSelection();
+		if (sel?.rangeCount > 0) {
 			const r = sel.getRangeAt(0);
 			if (r.collapsed && r.startContainer.nodeType === Node.TEXT_NODE) {
 				const textNode = r.startContainer;
@@ -4919,7 +4919,7 @@ function handleKeydown(event, editable, options = {}) {
 		return false;
 	}
 	if (isKey(event, key.LEFT) || isKey(event, key.RIGHT)) {
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (!sel || sel.rangeCount === 0) return false;
 		const r = sel.getRangeAt(0);
 		if (!r.collapsed) return false;
@@ -5007,7 +5007,7 @@ function handleKeydown(event, editable, options = {}) {
 			else execCommand("indent");
 			return true;
 		}
-		if (para && para.nodeName.toUpperCase() === "PRE") {
+		if (para?.nodeName.toUpperCase() === "PRE") {
 			if (event.shiftKey) return false;
 			event.preventDefault();
 			execCommand("insertText", " ".repeat(options.tabSize || 4));
@@ -5030,18 +5030,18 @@ function handleKeydown(event, editable, options = {}) {
 		if (!range) return false;
 		const sc = range.sc;
 		const el = sc.nodeType === 3 ? sc.parentElement : sc;
-		if (el && el.nodeName === "I" && /\bfa-/.test(el.className || "")) {
+		if (el?.nodeName === "I" && /\bfa-/.test(el.className || "")) {
 			const nr = document.createRange();
 			nr.setStartAfter(el);
 			nr.collapse(true);
-			const selI = window.getSelection();
+			const selI = globalThis.getSelection();
 			if (selI) {
 				selI.removeAllRanges();
 				selI.addRange(nr);
 			}
 			return false;
 		}
-		const videoWrapper = el && el.closest(".an-video-wrapper");
+		const videoWrapper = el?.closest(".an-video-wrapper");
 		if (videoWrapper) {
 			event.preventDefault();
 			const p = document.createElement("p");
@@ -5050,16 +5050,16 @@ function handleKeydown(event, editable, options = {}) {
 			const nr = document.createRange();
 			nr.setStart(p, 0);
 			nr.collapse(true);
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			sel.removeAllRanges();
 			sel.addRange(nr);
 			return true;
 		}
-		const checkLi = el && el.closest(".an-checklist li");
+		const checkLi = el?.closest(".an-checklist li");
 		if (checkLi) {
 			event.preventDefault();
 			const ul = checkLi.closest(".an-checklist");
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			let nativeRange = sel.getRangeAt(0);
 			const liText = (li) => Array.from(li.childNodes).filter((n) => !(n.nodeType === 1 && n.tagName === "INPUT")).map((n) => n.textContent).join("").replace(/[\u00a0\u200B]/g, " ").trim();
 			if (!liText(checkLi)) {
@@ -5103,12 +5103,12 @@ function handleKeydown(event, editable, options = {}) {
 			return true;
 		}
 		const para = closestPara(range.sc, editable);
-		if (para && para.nodeName.toUpperCase() === "PRE") {
+		if (para?.nodeName.toUpperCase() === "PRE") {
 			event.preventDefault();
 			execCommand("insertText", "\n");
 			return true;
 		}
-		if (para && para.nodeName.toUpperCase() === "BLOCKQUOTE") {
+		if (para?.nodeName.toUpperCase() === "BLOCKQUOTE") {
 			const native = range.toNativeRange();
 			native.setEnd(para, para.childNodes.length);
 			if (native.toString() === "" && range.isCollapsed()) {
@@ -5182,7 +5182,7 @@ function _domToMd(node, depth = 0) {
 			return `\`${inner()}\``;
 		case "pre": {
 			const codeEl = el.querySelector("code");
-			const langMatch = (codeEl && codeEl.className || "").match(/language-(\S+)/);
+			const langMatch = /language-(\S+)/.exec(codeEl && 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().replace(/\|/g, "\\|")));
+			const cellTexts = rows.map((tr) => Array.from(tr.querySelectorAll("th, td")).map((c) => c.textContent.trim().replaceAll("|", "\\|")));
 			const cols = Math.max(...cellTexts.map((r) => r.length));
 			const padRow = (row) => {
 				const r = [...row];
@@ -5222,7 +5222,7 @@ function _domToMd(node, depth = 0) {
 			};
 			let md = "\n\n";
 			md += `| ${padRow(cellTexts[0]).join(" | ")} |\n`;
-			md += `| ${Array(cols).fill("---").join(" | ")} |\n`;
+			md += `| ${new Array(cols).fill("---").join(" | ")} |\n`;
 			for (let r = 1; r < cellTexts.length; r++) md += `| ${padRow(cellTexts[r]).join(" | ")} |\n`;
 			return md + "\n";
 		}
@@ -5246,12 +5246,12 @@ function isMarkdown(text) {
 * @returns {string}
 */
 function markdownToHTML(text) {
-	const lines = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n").split("\n");
+	const lines = text.replaceAll("\r\n", "\n").replaceAll("\r", "\n").split("\n");
 	const out = [];
 	let i = 0;
 	while (i < lines.length) {
 		const line = lines[i];
-		const fenceMatch = line.match(/^```(\S*)$/);
+		const fenceMatch = /^```(\S*)$/.exec(line);
 		if (fenceMatch) {
 			const lang = fenceMatch[1];
 			const codeLines = [];
@@ -5270,7 +5270,7 @@ function markdownToHTML(text) {
 			i++;
 			continue;
 		}
-		const hMatch = line.match(/^(#{1,6})\s+(.+)$/);
+		const hMatch = /^(#{1,6})\s+(.+)$/.exec(line);
 		if (hMatch) {
 			const level = hMatch[1].length;
 			out.push(`<h${level}>${_inline(hMatch[2])}</h${level}>`);
@@ -5317,7 +5317,8 @@ function markdownToHTML(text) {
 				i++;
 			}
 			const thead = `<thead><tr>${headerCells.map((c) => `<th>${_inline(c)}</th>`).join("")}</tr></thead>`;
-			const tbody = bodyRows.length ? `<tbody>${bodyRows.map((row) => `<tr>${row.map((c) => `<td>${_inline(c)}</td>`).join("")}</tr>`).join("")}</tbody>` : "";
+			const renderRow = (row) => `<tr>${row.map((c) => `<td>${_inline(c)}</td>`).join("")}</tr>`;
+			const tbody = bodyRows.length ? `<tbody>${bodyRows.map(renderRow).join("")}</tbody>` : "";
 			out.push(`<table>${thead}${tbody}</table>`);
 			continue;
 		}
@@ -5353,10 +5354,10 @@ function _inline(text) {
 	return text;
 }
 function _esc(v) {
-	return String(v).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+	return String(v).replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 }
 function _escAttr(v) {
-	return String(v).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+	return String(v).replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 }
 //#endregion
 //#region src/js/core/detectLang.js
@@ -5438,7 +5439,7 @@ var Editor = class {
 		const onBeforeInput = (event) => this._enforceLimit(event);
 		const onSelChange = () => {
 			if (!this.context._alive) return;
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			if (sel && sel.rangeCount > 0 && editable.contains(sel.anchorNode)) {
 				this.context.invoke("toolbar.refresh");
 				if (typeof this.options.onSelectionChange === "function") this.options.onSelectionChange(this.context);
@@ -5448,7 +5449,7 @@ var Editor = class {
 			if (e.target.type === "checkbox" && e.target.closest(".an-checklist")) this.afterCommand();
 		};
 		const fixChecklistCursor = (event) => {
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			if (!sel || !sel.rangeCount) return;
 			const r = sel.getRangeAt(0);
 			if (!r.collapsed) return;
@@ -5502,7 +5503,7 @@ var Editor = class {
 		/** @type {string|null} 'superscript' | 'subscript' | null */
 		let _compositionSupSub = null;
 		const onCompositionStart = () => {
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			if (!sel || !sel.rangeCount) {
 				_compositionSupSub = null;
 				return;
@@ -5520,12 +5521,12 @@ var Editor = class {
 			const tag = _compositionSupSub;
 			_compositionSupSub = null;
 			if (!tag) return;
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			if (!sel || !sel.rangeCount) return;
 			let node = sel.getRangeAt(0).startContainer;
 			if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
 			const el = node;
-			if (!(el && (tag === "superscript" ? el.closest("sup") : el.closest("sub")))) document.execCommand(tag);
+			if (!(tag === "superscript" ? el?.closest("sup") : el?.closest("sub"))) document.execCommand(tag);
 		};
 		this._disposers.push(on(editable, "compositionstart", onCompositionStart), on(editable, "compositionend", onCompositionEnd));
 	}
@@ -5599,7 +5600,7 @@ var Editor = class {
 		if (type === "insertFromPaste" || type === "insertFromDrop") return;
 		if (!type.startsWith("insert")) return;
 		const text = this.context.layoutInfo.editable.innerText || "";
-		const chars = text.replace(/\n/g, "").length;
+		const chars = text.replaceAll("\n", "").length;
 		if (maxChars && chars >= maxChars) {
 			event.preventDefault();
 			if (typeof this.options.onCharLimitReached === "function") this.options.onCharLimitReached(this.context);
@@ -5638,7 +5639,7 @@ var Editor = class {
 	*/
 	_cleanOrphanedFigures() {
 		this.context.layoutInfo.editable.querySelectorAll("figure.an-figure").forEach((fig) => {
-			if (!fig.querySelector("img")) fig.parentNode.removeChild(fig);
+			if (!fig.querySelector("img")) fig.remove();
 		});
 	}
 	/**
@@ -5674,7 +5675,7 @@ var Editor = class {
 	* @returns {string}
 	*/
 	getHTML() {
-		const raw = this.context.layoutInfo.editable.innerHTML.replace(/\u200B/g, "");
+		const raw = this.context.layoutInfo.editable.innerHTML.replaceAll("​", "");
 		return this.context.invoke("clipboard.resolveImages", raw) ?? raw;
 	}
 	/**
@@ -5719,7 +5720,7 @@ var Editor = class {
 	* @returns {boolean}
 	*/
 	isEmpty() {
-		const text = (this.context.layoutInfo.editable.innerText || "").trim().replace(/\u00a0/g, "");
+		const text = (this.context.layoutInfo.editable.innerText || "").trim().replaceAll("\xA0", "");
 		const hasMedia = !!this.context.layoutInfo.editable.querySelector("img, video, iframe, table");
 		return !text && !hasMedia;
 	}
@@ -5854,11 +5855,11 @@ var Editor = class {
 	formatBlock(tagName) {
 		formatBlock(tagName);
 		if (tagName === "pre") {
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			if (sel && sel.rangeCount > 0) {
 				const container = sel.getRangeAt(0).commonAncestorContainer;
 				const pre = container.nodeType === 1 ? container.closest("pre") : container.parentElement?.closest("pre");
-				if (pre && !pre.getAttribute("data-language")) {
+				if (pre && !pre.dataset.language) {
 					const lang = detectLang(pre.textContent || "");
 					if (lang) {
 						this.context.invoke("codeTooltip.applyLanguage", pre, lang);
@@ -5911,7 +5912,7 @@ var Editor = class {
 	* @param {boolean} [openInNewTab=false]
 	*/
 	insertLink(url, text, openInNewTab = false) {
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (!sel || sel.rangeCount === 0) return;
 		const safeUrl = sanitiseUrl(url);
 		if (!safeUrl) return;
@@ -5974,7 +5975,7 @@ var Editor = class {
 		this.afterCommand();
 	}
 	_getClosestAnchor() {
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (!sel || sel.rangeCount === 0) return null;
 		let node = sel.getRangeAt(0).startContainer;
 		while (node) {
@@ -5989,7 +5990,7 @@ var Editor = class {
 	* @returns {string}
 	*/
 	_escapeAttr(str) {
-		return String(str ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+		return String(str ?? "").replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 	}
 };
 //#endregion
@@ -6104,7 +6105,7 @@ var Toolbar = class {
 		this._refreshRaf = null;
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this.el && this.el.parentNode) this.el.parentNode.removeChild(this.el);
+		if (this.el && this.el.parentNode) this.el.remove();
 		this.el = null;
 	}
 	_buildButtons() {
@@ -6172,8 +6173,8 @@ var Toolbar = class {
 		let isOpen = false;
 		const setHighlight = (rows, cols) => {
 			cells.forEach((cell) => {
-				const r = +cell.getAttribute("data-row");
-				const c = +cell.getAttribute("data-col");
+				const r = +cell.dataset.row;
+				const c = +cell.dataset.col;
 				cell.classList.toggle("active", r <= rows && c <= cols);
 			});
 			label.textContent = rows && cols ? `${rows} × ${cols}` : this.context.locale.toolbar.insertTableLabel || "Insert Table";
@@ -6187,8 +6188,8 @@ var Toolbar = class {
 			const ph = popup.offsetHeight;
 			let left = rect.left;
 			let top = rect.bottom + 4;
-			if (left + pw > window.innerWidth - 8) left = Math.max(8, window.innerWidth - pw - 8);
-			if (top + ph > window.innerHeight - 8) top = rect.top - ph - 4;
+			if (left + pw > globalThis.innerWidth - 8) left = Math.max(8, globalThis.innerWidth - pw - 8);
+			if (top + ph > globalThis.innerHeight - 8) top = rect.top - ph - 4;
 			popup.style.left = `${left}px`;
 			popup.style.top = `${top}px`;
 			popup.style.visibility = "";
@@ -6208,14 +6209,14 @@ var Toolbar = class {
 		const d2 = on(grid, "mouseover", (e) => {
 			const cell = e.target?.closest(".an-table-cell");
 			if (!cell) return;
-			setHighlight(+cell.getAttribute("data-row"), +cell.getAttribute("data-col"));
+			setHighlight(+cell.dataset.row, +cell.dataset.col);
 		});
 		const d3 = on(grid, "mouseleave", () => setHighlight(0, 0));
 		const d4 = on(grid, "click", (e) => {
 			const cell = e.target?.closest(".an-table-cell");
 			if (!cell) return;
-			const rows = +cell.getAttribute("data-row");
-			const cols = +cell.getAttribute("data-col");
+			const rows = +cell.dataset.row;
+			const cols = +cell.dataset.col;
 			closePopup();
 			this.context.invoke("editor.focus");
 			def.action(this.context, rows, cols);
@@ -6224,7 +6225,7 @@ var Toolbar = class {
 			if (isOpen) closePopup();
 		});
 		this._disposers.push(d1, d2, d3, d4, d5, () => {
-			if (popup.parentNode) popup.parentNode.removeChild(popup);
+			if (popup.parentNode) popup.remove();
 		});
 		wrap.appendChild(btn);
 		document.body.appendChild(popup);
@@ -6314,13 +6315,13 @@ var Toolbar = class {
 		/** @type {Range|null} saved selection range before popup opens */
 		let savedRange = null;
 		const saveSelection = () => {
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			savedRange = sel && sel.rangeCount ? sel.getRangeAt(0).cloneRange() : null;
 		};
 		const restoreSelection = () => {
 			if (!savedRange) return;
 			try {
-				const sel = window.getSelection();
+				const sel = globalThis.getSelection();
 				if (!sel) return;
 				sel.removeAllRanges();
 				sel.addRange(savedRange);
@@ -6335,7 +6336,7 @@ var Toolbar = class {
 			const rect = arrowBtn.getBoundingClientRect();
 			const popupMinW = 184;
 			let left = rect.left;
-			if (left + popupMinW > window.innerWidth) left = rect.right - popupMinW;
+			if (left + popupMinW > globalThis.innerWidth) left = rect.right - popupMinW;
 			popup.style.top = `${rect.bottom + 4}px`;
 			popup.style.left = `${Math.max(4, left)}px`;
 			popup.style.display = "block";
@@ -6398,9 +6399,9 @@ var Toolbar = class {
 			passive: true,
 			capture: true
 		});
-		window.addEventListener("resize", onScrollResize, { passive: true });
-		this._disposers.push(d1, d2, d2b, d3, d3b, d4, d5, d6, () => document.removeEventListener("scroll", onScrollResize, { capture: true }), () => window.removeEventListener("resize", onScrollResize), () => {
-			if (popup.parentNode) popup.parentNode.removeChild(popup);
+		globalThis.addEventListener("resize", onScrollResize, { passive: true });
+		this._disposers.push(d1, d2, d2b, d3, d3b, d4, d5, d6, () => document.removeEventListener("scroll", onScrollResize, { capture: true }), () => globalThis.removeEventListener("resize", onScrollResize), () => {
+			if (popup.parentNode) popup.remove();
 		});
 		this._colorPickerClosers.push(closePopup);
 		this._disposers.push(() => {
@@ -6444,7 +6445,7 @@ var Toolbar = class {
 		/** @type {Range|null} */
 		let _savedRange = null;
 		const dMousedown = on(select, "mousedown", () => {
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			_savedRange = sel && sel.rangeCount ? sel.getRangeAt(0).cloneRange() : null;
 		});
 		const disposer = on(select, "change", (e) => {
@@ -6453,7 +6454,7 @@ var Toolbar = class {
 			if (!value || selectedOpt.disabled) return;
 			this.context.invoke("editor.focus");
 			if (_savedRange) try {
-				const sel = window.getSelection();
+				const sel = globalThis.getSelection();
 				if (sel) {
 					sel.removeAllRanges();
 					sel.addRange(_savedRange);
@@ -6518,13 +6519,19 @@ var Toolbar = class {
 		if (!this.el) return;
 		const btnMap = this._btnMap || /* @__PURE__ */ new Map();
 		this.el.querySelectorAll("button[data-btn]").forEach((btn) => {
-			const def = btnMap.get(btn.getAttribute("data-btn"));
+			const def = btnMap.get(
+				/** @type {HTMLElement} */
+				btn.dataset.btn
+			);
 			if (def && typeof def.isActive === "function") btn.classList.toggle("active", !!def.isActive(this.context));
 			if (def && typeof def.isDisabled === "function")
  /** @type {HTMLButtonElement} */ btn.disabled = !!def.isDisabled(this.context);
 		});
 		this.el.querySelectorAll("select[data-btn]").forEach((select) => {
-			const def = btnMap.get(select.getAttribute("data-btn"));
+			const def = btnMap.get(
+				/** @type {HTMLElement} */
+				select.dataset.btn
+			);
 			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] || "";
@@ -6650,7 +6657,7 @@ var Statusbar = class {
 			this._dragDisposers.forEach((d) => d());
 			this._dragDisposers = null;
 		}
-		if (this.el && this.el.parentNode) this.el.parentNode.removeChild(this.el);
+		this.el?.remove();
 		this.el = null;
 	}
 	_bindResize(handle) {
@@ -6714,7 +6721,7 @@ var Statusbar = class {
 		if (!this._wordCountEl || !this._charCountEl) return;
 		const text = this.context.layoutInfo.editable.textContent || "";
 		const words = _countWords(text);
-		const chars = text.replace(/\n/g, "").length;
+		const chars = text.replaceAll("\n", "").length;
 		const maxWords = this.options.maxWords || 0;
 		const maxChars = this.options.maxChars || 0;
 		const LS = this.context.locale.statusbar;
@@ -6736,7 +6743,7 @@ var Statusbar = class {
 	* @returns {number}
 	*/
 	getCharCount() {
-		return (this.context.layoutInfo.editable.innerText || "").replace(/\n/g, "").length;
+		return (this.context.layoutInfo.editable.innerText || "").replaceAll("\n", "").length;
 	}
 };
 //#endregion
@@ -6829,7 +6836,7 @@ var Clipboard = class {
 			if (el.querySelector("a, strong, em, b, i, ul, ol, li, table, img, blockquote, pre, code, h1, h2, h3, h4, h5, h6")) continue;
 			const parent = el.parentNode;
 			while (el.firstChild) parent.insertBefore(el.firstChild, el);
-			parent.removeChild(el);
+			el.remove();
 		}
 		doc.querySelectorAll("*").forEach((el) => {
 			el.removeAttribute("class");
@@ -6871,7 +6878,7 @@ var Clipboard = class {
 		this._forcePlain = !!val;
 	}
 	_onPaste(event) {
-		const clipboardData = event.clipboardData || window.clipboardData;
+		const clipboardData = event.clipboardData || globalThis.clipboardData;
 		if (!clipboardData) return;
 		const forcePlain = this._forcePlain;
 		this._forcePlain = false;
@@ -6915,7 +6922,6 @@ var Clipboard = class {
 			if (this.options.pasteStripAttributes) html = this._stripAttributes(html);
 			execCommand("insertHTML", html);
 			this.context.invoke("editor.afterCommand");
-			return;
 		}
 	}
 	_onDragover(event) {
@@ -6947,17 +6953,17 @@ var Clipboard = class {
 			this.options.onImageUpload(files);
 			return;
 		}
-		const UNSUPPORTED = [
+		const UNSUPPORTED = new Set([
 			"image/tiff",
 			"image/x-tiff",
 			"image/bmp",
 			"image/x-bmp",
 			"image/x-ms-bmp"
-		];
+		]);
 		const maxBytes = (this.options.maxImageSize || 5) * 1024 * 1024;
 		files.forEach((file) => {
 			if (!file || !file.type.startsWith("image/")) return;
-			if (UNSUPPORTED.includes(file.type)) {
+			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", {
 					file,
@@ -7009,10 +7015,10 @@ var Clipboard = class {
 	*/
 	_dataUrlToBlob(dataUrl) {
 		const [header, b64] = dataUrl.split(",");
-		const mime = header.match(/:(.*?);/)?.[1] ?? "image/png";
+		const mime = /:(.*?);/.exec(header)?.[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);
+		for (let i = 0; i < binary.length; i++) arr[i] = binary.codePointAt(i);
 		return new Blob([arr], { type: mime });
 	}
 	/**
@@ -7080,7 +7086,7 @@ var Clipboard = class {
 			}
 		}
 		if (!range) return;
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (sel) {
 			sel.removeAllRanges();
 			sel.addRange(range);
@@ -7092,7 +7098,7 @@ var Clipboard = class {
 	* @returns {string}
 	*/
 	_escapeHTML(str) {
-		return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+		return str.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#039;");
 	}
 };
 //#endregion
@@ -7129,7 +7135,7 @@ var Placeholder = class {
 	_update() {
 		const editable = this.context.layoutInfo.editable;
 		const isFocused = document.activeElement === editable;
-		const isEmpty = !(editable.textContent.replace(/\u200B/g, "").trim().length > 0) && !editable.querySelector("img, table, hr, .an-video-wrapper");
+		const isEmpty = !(editable.textContent.replaceAll("​", "").trim().length > 0) && !editable.querySelector("img, table, hr, .an-video-wrapper");
 		editable.classList.toggle("an-placeholder", isEmpty && !isFocused);
 	}
 };
@@ -7157,7 +7163,7 @@ var Codeview = class {
 	destroy() {
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this._textarea && this._textarea.parentNode) this._textarea.parentNode.removeChild(this._textarea);
+		this._textarea?.remove();
 		this._textarea = null;
 	}
 	toggle() {
@@ -7188,7 +7194,7 @@ var Codeview = class {
 		if (!this._active || !this._textarea) return;
 		const { editable } = this.context.layoutInfo;
 		editable.innerHTML = sanitiseHTML(this._textarea.value, { allowIframes: true });
-		this._textarea.parentNode.removeChild(this._textarea);
+		this._textarea.remove();
 		this._textarea = null;
 		editable.style.display = "";
 		this._active = false;
@@ -7212,7 +7218,7 @@ var Codeview = class {
 		}).split("\n").map((line) => {
 			const stripped = line.trim();
 			if (!stripped) return "";
-			if (/^<\//.test(stripped)) indent = Math.max(0, indent - 1);
+			if (stripped.startsWith("</")) indent = Math.max(0, indent - 1);
 			const out = "  ".repeat(indent) + stripped;
 			if (/^<[^/!][^>]*[^/]>/.test(stripped) && !INLINE_RE.test(stripped) && !/^<(br|hr|img|input|link|meta)/.test(stripped)) indent++;
 			return out;
@@ -7276,15 +7282,13 @@ var Fullscreen = class {
 	}
 };
 //#endregion
-//#region src/js/module/LinkDialog.js
+//#region src/js/module/BaseDialog.js
 /**
-* LinkDialog.js - Dialog for inserting / editing hyperlinks
-* Inspired by Summernote's LinkDialog — rewritten without jQuery
+* Shared lifecycle and shell-building logic for all modal dialogs.
+* Subclasses implement _buildDialog() for their specific form fields.
 */
-var LinkDialog = class {
-	/**
-	* @param {import('../Context.js').Context} context
-	*/
+var BaseDialog = class {
+	/** @param {import('../Context.js').Context} context */
 	constructor(context) {
 		this.context = context;
 		this.options = context.options;
@@ -7292,6 +7296,9 @@ var LinkDialog = class {
 		this._dialog = null;
 		this._disposers = [];
 		this._savedRange = null;
+		/** @type {HTMLElement|null} First focusable input; set by subclass in _buildDialog(). */
+		this._firstInput = null;
+		this._removeTrap = null;
 	}
 	initialize() {
 		this._dialog = this._buildDialog();
@@ -7301,36 +7308,113 @@ var LinkDialog = class {
 	destroy() {
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this._dialog && this._dialog.parentNode) this._dialog.parentNode.removeChild(this._dialog);
+		if (this._dialog?.parentNode) this._dialog.remove();
 		this._dialog = null;
 	}
-	/**
-	* Opens the link dialog.
-	* Pre-fills with the currently selected link if present.
-	*/
-	show() {
+	/** Saves the current selection range before opening the dialog. */
+	_saveRange() {
 		withSavedRange((range) => {
 			this._savedRange = range;
 		});
-		this._prefill();
-		this._open();
 	}
-	_buildDialog() {
-		const L = this.context.locale.linkDialog;
+	_open() {
+		if (this._dialog) {
+			this._dialog.style.display = "flex";
+			this._removeTrap = trapFocus(this._dialog, () => this._close());
+			setTimeout(() => this._firstInput && this._firstInput.focus(), 50);
+		}
+	}
+	_close() {
+		if (this._dialog) this._dialog.style.display = "none";
+		if (this._removeTrap) {
+			this._removeTrap();
+			this._removeTrap = null;
+		}
+		this._savedRange = null;
+	}
+	/**
+	* Builds the overlay + box + header shell common to all dialogs.
+	* Also wires up draggable and overlay-click-to-close.
+	* @param {string} ariaLabel
+	* @param {string} iconHtml  Raw SVG string for the dialog icon
+	* @param {string} titleText
+	* @returns {{ overlay: HTMLElement, box: HTMLElement }}
+	*/
+	_buildDialogShell(ariaLabel, iconHtml, titleText) {
 		const overlay = createElement("div", {
 			class: "an-dialog-overlay",
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-label": L.ariaLabel
+			"aria-label": ariaLabel
 		});
 		const box = createElement("div", { class: "an-dialog-box" });
 		const header = createElement("div", { class: "an-dialog-header" });
 		const iconEl = createElement("span", { class: "an-dialog-icon" });
-		iconEl.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`;
-		const title = createElement("h3", { class: "an-dialog-title" });
-		title.textContent = L.title;
+		iconEl.innerHTML = iconHtml;
+		const titleEl = createElement("h3", { class: "an-dialog-title" });
+		titleEl.textContent = titleText;
 		header.appendChild(iconEl);
-		header.appendChild(title);
+		header.appendChild(titleEl);
+		box.appendChild(header);
+		overlay.appendChild(box);
+		makeDraggable(header, box);
+		const d = on(overlay, "click", (e) => {
+			if (e.target === overlay) this._close();
+		});
+		this._disposers.push(d);
+		return {
+			overlay,
+			box
+		};
+	}
+	/**
+	* Builds an action button row with a primary insert button and a cancel button.
+	* Disposers are registered automatically.
+	* @param {string} insertLabel
+	* @param {string} cancelLabel
+	* @param {() => void} onInsert
+	* @returns {HTMLElement}
+	*/
+	_buildButtonRow(insertLabel, cancelLabel, onInsert) {
+		const btnRow = createElement("div", { class: "an-dialog-actions" });
+		const insertBtn = createElement("button", {
+			type: "button",
+			class: "an-btn an-btn-primary"
+		});
+		insertBtn.textContent = insertLabel;
+		const cancelBtn = createElement("button", {
+			type: "button",
+			class: "an-btn"
+		});
+		cancelBtn.textContent = cancelLabel;
+		btnRow.appendChild(insertBtn);
+		btnRow.appendChild(cancelBtn);
+		const d1 = on(insertBtn, "click", onInsert);
+		const d2 = on(cancelBtn, "click", () => this._close());
+		this._disposers.push(d1, d2);
+		return btnRow;
+	}
+};
+//#endregion
+//#region src/js/module/LinkDialog.js
+/**
+* LinkDialog.js - Dialog for inserting / editing hyperlinks
+* Inspired by Summernote's LinkDialog — rewritten without jQuery
+*/
+var ICON_SVG$2 = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`;
+var LinkDialog = class extends BaseDialog {
+	/**
+	* Opens the link dialog.
+	* Pre-fills with the currently selected link if present.
+	*/
+	show() {
+		this._saveRange();
+		this._prefill();
+		this._open();
+	}
+	_buildDialog() {
+		const L = this.context.locale.linkDialog;
+		const { overlay, box } = this._buildDialogShell(L.ariaLabel, ICON_SVG$2, L.title);
 		const urlLabel = createElement("label", { class: "an-label" });
 		urlLabel.textContent = L.url;
 		const urlInput = createElement("input", {
@@ -7342,6 +7426,7 @@ var LinkDialog = class {
 			autocomplete: "off"
 		});
 		this._urlInput = urlInput;
+		this._firstInput = urlInput;
 		const textLabel = createElement("label", { class: "an-label" });
 		textLabel.textContent = L.displayText;
 		const textInput = createElement("input", {
@@ -7362,27 +7447,8 @@ var LinkDialog = class {
 		this._tabCheckbox = tabCheckbox;
 		tabLabel.appendChild(tabCheckbox);
 		tabLabel.appendChild(document.createTextNode(" " + L.openInNewTab));
-		const btnRow = createElement("div", { class: "an-dialog-actions" });
-		const insertBtn = createElement("button", {
-			type: "button",
-			class: "an-btn an-btn-primary"
-		});
-		insertBtn.textContent = L.insertBtn;
-		const cancelBtn = createElement("button", {
-			type: "button",
-			class: "an-btn"
-		});
-		cancelBtn.textContent = L.cancelBtn;
-		btnRow.appendChild(insertBtn);
-		btnRow.appendChild(cancelBtn);
-		box.append(header, urlLabel, urlInput, textLabel, textInput, tabLabel, btnRow);
-		overlay.appendChild(box);
-		makeDraggable(header, box);
-		const d1 = on(insertBtn, "click", () => this._onInsert());
-		const d2 = on(cancelBtn, "click", () => this._close());
-		const d3 = on(overlay, "click", (e) => {
-			if (e.target === overlay) this._close();
-		});
+		const btnRow = this._buildButtonRow(L.insertBtn, L.cancelBtn, () => this._onInsert());
+		box.append(urlLabel, urlInput, textLabel, textInput, tabLabel, btnRow);
 		const d4 = on(urlInput, "keydown", (e) => {
 			if (e.key === "Enter") {
 				e.preventDefault();
@@ -7395,11 +7461,11 @@ var LinkDialog = class {
 				this._onInsert();
 			}
 		});
-		this._disposers.push(d1, d2, d3, d4, d5);
+		this._disposers.push(d4, d5);
 		return overlay;
 	}
 	_prefill() {
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		let anchor = null;
 		if (sel && sel.rangeCount > 0) {
 			let node = sel.getRangeAt(0).startContainer;
@@ -7444,21 +7510,6 @@ var LinkDialog = class {
 		this.context.invoke("editor.insertLink", url, text, newTab);
 		this._close();
 	}
-	_open() {
-		if (this._dialog) {
-			this._dialog.style.display = "flex";
-			this._removeTrap = trapFocus(this._dialog, () => this._close());
-			setTimeout(() => this._urlInput && this._urlInput.focus(), 50);
-		}
-	}
-	_close() {
-		if (this._dialog) this._dialog.style.display = "none";
-		if (this._removeTrap) {
-			this._removeTrap();
-			this._removeTrap = null;
-		}
-		this._savedRange = null;
-	}
 };
 //#endregion
 //#region src/js/module/ImageDialog.js
@@ -7466,33 +7517,10 @@ var LinkDialog = class {
 * ImageDialog.js - Dialog for inserting images (by URL or file upload)
 * Inspired by Summernote's ImageDialog — rewritten without jQuery
 */
-var ImageDialog = class {
-	/**
-	* @param {import('../Context.js').Context} context
-	*/
-	constructor(context) {
-		this.context = context;
-		this.options = context.options;
-		/** @type {HTMLElement|null} */
-		this._dialog = null;
-		this._disposers = [];
-		this._savedRange = null;
-	}
-	initialize() {
-		this._dialog = this._buildDialog();
-		document.body.appendChild(this._dialog);
-		return this;
-	}
-	destroy() {
-		this._disposers.forEach((d) => d());
-		this._disposers = [];
-		if (this._dialog && this._dialog.parentNode) this._dialog.parentNode.removeChild(this._dialog);
-		this._dialog = null;
-	}
+var ICON_SVG$1 = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>`;
+var ImageDialog = class extends BaseDialog {
 	show() {
-		withSavedRange((range) => {
-			this._savedRange = range;
-		});
+		this._saveRange();
 		this._urlInput.value = "";
 		this._altInput.value = "";
 		if (this._fileInput) this._fileInput.value = "";
@@ -7500,20 +7528,7 @@ var ImageDialog = class {
 	}
 	_buildDialog() {
 		const L = this.context.locale.imageDialog;
-		const overlay = createElement("div", {
-			class: "an-dialog-overlay",
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-label": L.ariaLabel
-		});
-		const box = createElement("div", { class: "an-dialog-box" });
-		const header = createElement("div", { class: "an-dialog-header" });
-		const iconEl = createElement("span", { class: "an-dialog-icon" });
-		iconEl.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>`;
-		const title = createElement("h3", { class: "an-dialog-title" });
-		title.textContent = L.title;
-		header.appendChild(iconEl);
-		header.appendChild(title);
+		const { overlay, box } = this._buildDialogShell(L.ariaLabel, ICON_SVG$1, L.title);
 		const urlLabel = createElement("label", { class: "an-label" });
 		urlLabel.textContent = L.imageUrl;
 		const urlInput = createElement("input", {
@@ -7523,6 +7538,7 @@ var ImageDialog = class {
 			autocomplete: "off"
 		});
 		this._urlInput = urlInput;
+		this._firstInput = urlInput;
 		const altLabel = createElement("label", { class: "an-label" });
 		altLabel.textContent = L.altText;
 		const altInput = createElement("input", {
@@ -7532,7 +7548,7 @@ var ImageDialog = class {
 			autocomplete: "off"
 		});
 		this._altInput = altInput;
-		box.append(header, urlLabel, urlInput, altLabel, altInput);
+		box.append(urlLabel, urlInput, altLabel, altInput);
 		const alignLabel = createElement("label", { class: "an-label" });
 		alignLabel.textContent = L.alignment;
 		const alignRow = createElement("div", { class: "an-align-row" });
@@ -7586,27 +7602,8 @@ var ImageDialog = class {
 			this._disposers.push(d);
 			box.append(fileLabel, fileInput, fileHint);
 		}
-		const btnRow = createElement("div", { class: "an-dialog-actions" });
-		const insertBtn = createElement("button", {
-			type: "button",
-			class: "an-btn an-btn-primary"
-		});
-		insertBtn.textContent = L.insertBtn;
-		const cancelBtn = createElement("button", {
-			type: "button",
-			class: "an-btn"
-		});
-		cancelBtn.textContent = L.cancelBtn;
-		btnRow.appendChild(insertBtn);
-		btnRow.appendChild(cancelBtn);
+		const btnRow = this._buildButtonRow(L.insertBtn, L.cancelBtn, () => this._onInsert());
 		box.append(btnRow);
-		overlay.appendChild(box);
-		makeDraggable(header, box);
-		const d1 = on(insertBtn, "click", () => this._onInsert());
-		const d2 = on(cancelBtn, "click", () => this._close());
-		const d3 = on(overlay, "click", (e) => {
-			if (e.target === overlay) this._close();
-		});
 		const d4 = on(urlInput, "keydown", (e) => {
 			if (e.key === "Enter") {
 				e.preventDefault();
@@ -7619,7 +7616,7 @@ var ImageDialog = class {
 				this._onInsert();
 			}
 		});
-		this._disposers.push(d1, d2, d3, d4, d5);
+		this._disposers.push(d4, d5);
 		return overlay;
 	}
 	_onFileChange() {
@@ -7674,21 +7671,6 @@ var ImageDialog = class {
 		this.context.invoke("editor.insertImage", src, alt, align);
 		this._close();
 	}
-	_open() {
-		if (this._dialog) {
-			this._dialog.style.display = "flex";
-			this._removeTrap = trapFocus(this._dialog, () => this._close());
-			setTimeout(() => this._urlInput && this._urlInput.focus(), 50);
-		}
-	}
-	_close() {
-		if (this._dialog) this._dialog.style.display = "none";
-		if (this._removeTrap) {
-			this._removeTrap();
-			this._removeTrap = null;
-		}
-		this._savedRange = null;
-	}
 };
 //#endregion
 //#region src/js/module/VideoDialog.js
@@ -7700,31 +7682,10 @@ var ImageDialog = class {
 *   • Vimeo URLs          → <iframe> embed
 *   • Direct video URLs   → <video> element (.mp4 / .webm / .ogg)
 */
-var VideoDialog = class {
-	/** @param {import('../Context.js').Context} context */
-	constructor(context) {
-		this.context = context;
-		this.options = context.options;
-		/** @type {HTMLElement|null} */
-		this._dialog = null;
-		this._disposers = [];
-		this._savedRange = null;
-	}
-	initialize() {
-		this._dialog = this._buildDialog();
-		document.body.appendChild(this._dialog);
-		return this;
-	}
-	destroy() {
-		this._disposers.forEach((d) => d());
-		this._disposers = [];
-		if (this._dialog && this._dialog.parentNode) this._dialog.parentNode.removeChild(this._dialog);
-		this._dialog = null;
-	}
+var ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2"/></svg>`;
+var VideoDialog = class extends BaseDialog {
 	show() {
-		withSavedRange((range) => {
-			this._savedRange = range;
-		});
+		this._saveRange();
 		this._urlInput.value = "";
 		this._widthInput.value = "560";
 		this._hintEl.textContent = "";
@@ -7732,20 +7693,7 @@ var VideoDialog = class {
 	}
 	_buildDialog() {
 		const L = this.context.locale.videoDialog;
-		const overlay = createElement("div", {
-			class: "an-dialog-overlay",
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-label": L.ariaLabel
-		});
-		const box = createElement("div", { class: "an-dialog-box" });
-		const header = createElement("div", { class: "an-dialog-header" });
-		const iconEl = createElement("span", { class: "an-dialog-icon" });
-		iconEl.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2"/></svg>`;
-		const title = createElement("h3", { class: "an-dialog-title" });
-		title.textContent = L.title;
-		header.appendChild(iconEl);
-		header.appendChild(title);
+		const { overlay, box } = this._buildDialogShell(L.ariaLabel, ICON_SVG, L.title);
 		const urlLabel = createElement("label", { class: "an-label" });
 		urlLabel.textContent = L.videoUrl;
 		const urlInput = createElement("input", {
@@ -7755,6 +7703,7 @@ var VideoDialog = class {
 			autocomplete: "off"
 		});
 		this._urlInput = urlInput;
+		this._firstInput = urlInput;
 		const hintEl = createElement("p", { class: "an-dialog-hint" });
 		this._hintEl = hintEl;
 		const widthLabel = createElement("label", { class: "an-label" });
@@ -7768,43 +7717,24 @@ var VideoDialog = class {
 			value: "560"
 		});
 		this._widthInput = widthInput;
-		const btnRow = createElement("div", { class: "an-dialog-actions" });
-		const insertBtn = createElement("button", {
-			type: "button",
-			class: "an-btn an-btn-primary"
-		});
-		insertBtn.textContent = L.insertBtn;
-		const cancelBtn = createElement("button", {
-			type: "button",
-			class: "an-btn"
-		});
-		cancelBtn.textContent = L.cancelBtn;
-		btnRow.appendChild(insertBtn);
-		btnRow.appendChild(cancelBtn);
-		box.append(header, urlLabel, urlInput, hintEl, widthLabel, widthInput, btnRow);
-		overlay.appendChild(box);
-		makeDraggable(header, box);
+		const btnRow = this._buildButtonRow(L.insertBtn, L.cancelBtn, () => this._onInsert());
+		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 : "";
 		});
-		const d1 = on(insertBtn, "click", () => this._onInsert());
-		const d2 = on(cancelBtn, "click", () => this._close());
-		const d3 = on(overlay, "click", (e) => {
-			if (e.target === overlay) this._close();
-		});
 		const d4 = on(urlInput, "keydown", (e) => {
 			if (e.key === "Enter") {
 				e.preventDefault();
 				this._onInsert();
 			}
 		});
-		this._disposers.push(d0, d1, d2, d3, d4);
+		this._disposers.push(d0, d4);
 		return overlay;
 	}
 	_onInsert() {
 		const rawUrl = this._urlInput.value.trim();
-		const width = Math.max(80, parseInt(this._widthInput.value, 10) || 560);
+		const width = Math.max(80, Number.parseInt(this._widthInput.value, 10) || 560);
 		if (!rawUrl) {
 			this._urlInput.focus();
 			return;
@@ -7819,21 +7749,6 @@ var VideoDialog = class {
 		this.context.invoke("editor.insertVideo", html);
 		this._close();
 	}
-	_open() {
-		if (this._dialog) {
-			this._dialog.style.display = "flex";
-			this._removeTrap = trapFocus(this._dialog, () => this._close());
-			setTimeout(() => this._urlInput && this._urlInput.focus(), 50);
-		}
-	}
-	_close() {
-		if (this._dialog) this._dialog.style.display = "none";
-		if (this._removeTrap) {
-			this._removeTrap();
-			this._removeTrap = null;
-		}
-		this._savedRange = null;
-	}
 	/**
 	* Parses a video URL and returns { type, embedUrl } or null.
 	* @param {string} url
@@ -7847,22 +7762,22 @@ var VideoDialog = class {
 		} catch {
 			return null;
 		}
-		const ytWatch = url.match(/(?:youtube\.com\/watch\?(?:.*&)?v=|youtube\.com\/embed\/)([a-zA-Z0-9_-]{11})/);
+		const ytWatch = /(?:youtube\.com\/watch\?(?:.*&)?v=|youtube\.com\/embed\/)([a-zA-Z0-9_-]{11})/.exec(url);
 		if (ytWatch) return {
 			type: "YouTube",
 			embedUrl: `https://www.youtube.com/embed/${ytWatch[1]}`
 		};
-		const ytShort = url.match(/youtu\.be\/([a-zA-Z0-9_-]{11})/);
+		const ytShort = /youtu\.be\/([a-zA-Z0-9_-]{11})/.exec(url);
 		if (ytShort) return {
 			type: "YouTube",
 			embedUrl: `https://www.youtube.com/embed/${ytShort[1]}`
 		};
-		const ytShorts = url.match(/youtube\.com\/shorts\/([a-zA-Z0-9_-]{11})/);
+		const ytShorts = /youtube\.com\/shorts\/([a-zA-Z0-9_-]{11})/.exec(url);
 		if (ytShorts) return {
 			type: "YouTube Shorts",
 			embedUrl: `https://www.youtube.com/embed/${ytShorts[1]}`
 		};
-		const vimeo = url.match(/vimeo\.com\/(\d+)/);
+		const vimeo = /vimeo\.com\/(\d+)/.exec(url);
 		if (vimeo) return {
 			type: "Vimeo",
 			embedUrl: `https://player.vimeo.com/video/${vimeo[1]}`
@@ -7886,7 +7801,7 @@ var VideoDialog = class {
 			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.replace(/"/g, "%22")}" width="${width}" height="${height}" controls style="display:block;max-width:100%"></video><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>`;
 		const safeSrc = (() => {
 			try {
 				const p = new URL(url);
@@ -7897,7 +7812,7 @@ var VideoDialog = class {
 			}
 		})();
 		if (!safeSrc) return null;
-		return `<div class="an-video-wrapper" style="position:relative;display:block;width:${width}px;max-width:100%"><video src="${safeSrc.replace(/"/g, "%22")}" width="${width}" height="${height}" controls style="display:block;max-width:100%"></video><div class="an-video-shield"></div></div>`;
+		return `<div class="an-video-wrapper" style="position:relative;display:block;width:${width}px;max-width:100%"><video src="${safeSrc.replaceAll("\"", "%22")}" width="${width}" height="${height}" controls style="display:block;max-width:100%"></video><div class="an-video-shield"></div></div>`;
 	}
 };
 //#endregion
@@ -7968,7 +7883,7 @@ var ImageResizer = class {
 			if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 			const img = e.target?.closest("img");
 			if (img) this._select(img);
-		}), on(document, "click", (e) => this._onDocClick(e)), on(window, "scroll", () => this._updateOverlayPosition(), { passive: true }), on(window, "resize", onWindowResize, { passive: true }), on(editable, "scroll", () => this._updateOverlayPosition(), { passive: true }));
+		}), on(document, "click", (e) => this._onDocClick(e)), on(globalThis, "scroll", () => this._updateOverlayPosition(), { passive: true }), on(globalThis, "resize", onWindowResize, { passive: true }), on(editable, "scroll", () => this._updateOverlayPosition(), { passive: true }));
 		return this;
 	}
 	destroy() {
@@ -7983,7 +7898,7 @@ var ImageResizer = class {
 			this._positionRaf = null;
 		}
 		this._deselect();
-		if (this._overlay && this._overlay.parentNode) this._overlay.parentNode.removeChild(this._overlay);
+		if (this._overlay && this._overlay.parentNode) this._overlay.remove();
 		this._overlay = null;
 	}
 	/** @returns {HTMLImageElement|null} */
@@ -8185,7 +8100,7 @@ var VideoResizer = class {
 			if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 			const wrapper = this._findWrapper(e.target);
 			if (wrapper) this._select(wrapper);
-		}), on(document, "click", (e) => this._onDocClick(e)), on(window, "scroll", () => this._updateOverlayPosition(), { passive: true }), on(window, "resize", onWindowResize), on(editable, "scroll", () => this._updateOverlayPosition(), { passive: true }), on(editable, "dragstart", (e) => {
+		}), on(document, "click", (e) => this._onDocClick(e)), on(globalThis, "scroll", () => this._updateOverlayPosition(), { passive: true }), on(globalThis, "resize", onWindowResize), on(editable, "scroll", () => this._updateOverlayPosition(), { passive: true }), on(editable, "dragstart", (e) => {
 			if (e.target instanceof Element && e.target.closest(".an-video-wrapper")) e.preventDefault();
 		}));
 		return this;
@@ -8202,7 +8117,7 @@ var VideoResizer = class {
 			this._positionRaf = null;
 		}
 		this._deselect();
-		if (this._overlay && this._overlay.parentNode) this._overlay.parentNode.removeChild(this._overlay);
+		this._overlay?.remove();
 		this._overlay = null;
 	}
 	/** @returns {HTMLElement|null} */
@@ -8223,7 +8138,7 @@ var VideoResizer = class {
 	*/
 	_findWrapper(el) {
 		if (!el || !(el instanceof Element)) return null;
-		if (el.classList && el.classList.contains("an-video-wrapper")) return el;
+		if (el.classList?.contains("an-video-wrapper")) return el;
 		const w = el.closest(".an-video-wrapper");
 		if (w) return w;
 		return null;
@@ -8256,7 +8171,7 @@ var VideoResizer = class {
 	_onDocClick(e) {
 		if (!this._activeWrapper) return;
 		if (this._activeWrapper.contains(e.target)) 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();
 	}
@@ -8381,14 +8296,14 @@ var LinkTooltip = class {
 		}), on(editable, "mouseout", (e) => {
 			const to = e.relatedTarget;
 			if (!to || !editable.contains(to) && !this._el.contains(to)) this._scheduleHide();
-		}), on(window, "scroll", () => this._hide(), { passive: true }), on(window, "resize", () => this._hide(), { passive: true }));
+		}), on(globalThis, "scroll", () => this._hide(), { passive: true }), on(globalThis, "resize", () => this._hide(), { passive: true }));
 		return this;
 	}
 	destroy() {
 		this._clearTimers();
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this._el && this._el.parentNode) this._el.parentNode.removeChild(this._el);
+		if (this._el && this._el.parentNode) this._el.remove();
 		this._el = null;
 	}
 	_buildTooltip() {
@@ -8473,8 +8388,8 @@ var LinkTooltip = class {
 		const margin = 6;
 		let top = rect.bottom + margin;
 		let left = rect.left;
-		if (top + tipH > window.innerHeight - margin) top = rect.top - tipH - margin;
-		if (left + tipW > window.innerWidth - margin) left = window.innerWidth - tipW - margin;
+		if (top + tipH > globalThis.innerHeight - margin) top = rect.top - tipH - margin;
+		if (left + tipW > globalThis.innerWidth - margin) left = globalThis.innerWidth - tipW - margin;
 		if (left < margin) left = margin;
 		this._el.style.top = `${top}px`;
 		this._el.style.left = `${left}px`;
@@ -8489,12 +8404,12 @@ var LinkTooltip = class {
 		}
 	}
 	_openLink() {
-		const url = this._activeAnchor && this._activeAnchor.getAttribute("href");
-		if (url) window.open(url, "_blank", "noopener,noreferrer");
+		const url = this._activeAnchor?.getAttribute("href");
+		if (url) globalThis.open(url, "_blank", "noopener,noreferrer");
 		this._hide();
 	}
 	_copyLink() {
-		const url = this._activeAnchor && this._activeAnchor.getAttribute("href");
+		const url = this._activeAnchor?.getAttribute("href");
 		if (url) navigator.clipboard.writeText(url).catch(() => {
 			const ta = document.createElement("textarea");
 			ta.value = url;
@@ -8503,7 +8418,7 @@ var LinkTooltip = class {
 			document.body.appendChild(ta);
 			ta.select();
 			document.execCommand("copy");
-			document.body.removeChild(ta);
+			ta.remove();
 		});
 		if (this._copyBtn) {
 			this._copyBtn.classList.add("an-link-tooltip-btn--copied");
@@ -8514,7 +8429,7 @@ var LinkTooltip = class {
 		const anchor = this._activeAnchor;
 		if (!anchor) return;
 		this._hide();
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		const range = document.createRange();
 		range.selectNodeContents(anchor);
 		sel.removeAllRanges();
@@ -8525,7 +8440,7 @@ var LinkTooltip = class {
 		const anchor = this._activeAnchor;
 		if (!anchor) return;
 		this._hide();
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		const range = document.createRange();
 		range.selectNode(anchor);
 		sel.removeAllRanges();
@@ -8574,14 +8489,14 @@ var ImageTooltip = class {
 		}, { passive: true }), on(document, "click", (e) => {
 			const et = e.target;
 			if (this._activeImg && !this._activeImg.contains(et) && !this._el.contains(et)) this._hide();
-		}), on(window, "scroll", () => this._hide(), { passive: true }), on(window, "resize", () => this._hide(), { passive: true }));
+		}), on(globalThis, "scroll", () => this._hide(), { passive: true }), on(globalThis, "resize", () => this._hide(), { passive: true }));
 		return this;
 	}
 	destroy() {
 		this._clearTimers();
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this._el && this._el.parentNode) this._el.parentNode.removeChild(this._el);
+		this._el?.remove();
 		this._el = null;
 	}
 	_buildTooltip() {
@@ -8682,8 +8597,8 @@ var ImageTooltip = class {
 		const margin = 6;
 		let top = rect.bottom + margin;
 		let left = rect.left + (rect.width - tipW) / 2;
-		if (top + tipH > window.innerHeight - margin) top = rect.top - tipH - margin;
-		if (left + tipW > window.innerWidth - margin) left = window.innerWidth - tipW - margin;
+		if (top + tipH > globalThis.innerHeight - margin) top = rect.top - tipH - margin;
+		if (left + tipW > globalThis.innerWidth - margin) left = globalThis.innerWidth - tipW - margin;
 		if (left < margin) left = margin;
 		this._el.style.top = `${top}px`;
 		this._el.style.left = `${left}px`;
@@ -8739,8 +8654,8 @@ var ImageTooltip = class {
 		const img = this._activeImg;
 		if (!img) return;
 		const current = img.style.transform || "";
-		const match = current.match(/rotate\((-?[\d.]+)deg\)/);
-		const next = ((match ? parseFloat(match[1]) : 0) + delta + 360) % 360;
+		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)`;
 		this.context.invoke("editor.afterCommand");
@@ -8755,8 +8670,8 @@ var ImageTooltip = class {
 		this._hide();
 		this.context.invoke("imageResizer.deselect");
 		const figure = img.closest("figure.an-figure");
-		if (figure && figure.parentNode) figure.parentNode.removeChild(figure);
-		else if (img.parentNode) img.parentNode.removeChild(img);
+		if (figure) figure.remove();
+		else img.remove();
 		this.context.invoke("editor.afterCommand");
 	}
 	_crop() {
@@ -8775,7 +8690,7 @@ var ImageTooltip = class {
 				this._hide();
 				const range = document.createRange();
 				range.selectNodeContents(cap);
-				const sel = window.getSelection();
+				const sel = globalThis.getSelection();
 				if (sel) {
 					sel.removeAllRanges();
 					sel.addRange(range);
@@ -8809,7 +8724,7 @@ var ImageTooltip = class {
 		figure.appendChild(figcaption);
 		const range = document.createRange();
 		range.selectNodeContents(figcaption);
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (sel) {
 			sel.removeAllRanges();
 			sel.addRange(range);
@@ -8850,8 +8765,7 @@ var VideoTooltip = class {
 		const editable = this.context.layoutInfo.editable;
 		this._disposers.push(on(editable, "mouseover", (e) => {
 			if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
-			const target = e.target;
-			const wrapper = target && target.closest ? target.closest(".an-video-wrapper") : null;
+			const wrapper = e.target?.closest(".an-video-wrapper");
 			if (wrapper && editable.contains(wrapper)) this._scheduleShow(wrapper);
 		}, { passive: true }), on(editable, "mouseout", (e) => {
 			const to = e.relatedTarget;
@@ -8859,7 +8773,7 @@ var VideoTooltip = class {
 		}, { passive: true }), on(document, "click", (e) => {
 			const target = e.target;
 			if (this._activeWrapper && !this._activeWrapper.contains(target) && !this._el.contains(target)) this._hide();
-		}), on(window, "scroll", () => this._hide(), { passive: true }), on(window, "resize", () => this._hide(), { passive: true }));
+		}), on(globalThis, "scroll", () => this._hide(), { passive: true }), on(globalThis, "resize", () => this._hide(), { passive: true }));
 		return this;
 	}
 	destroy() {
@@ -8867,7 +8781,7 @@ var VideoTooltip = class {
 		this._clearTimers();
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this._el && this._el.parentNode) this._el.parentNode.removeChild(this._el);
+		this._el?.remove();
 		this._el = null;
 	}
 	_buildTooltip() {
@@ -8964,8 +8878,8 @@ var VideoTooltip = class {
 		const margin = 6;
 		let top = rect.bottom + margin;
 		let left = rect.left + (rect.width - tipW) / 2;
-		if (top + tipH > window.innerHeight - margin) top = rect.top - tipH - margin;
-		if (left + tipW > window.innerWidth - margin) left = window.innerWidth - tipW - margin;
+		if (top + tipH > globalThis.innerHeight - margin) top = rect.top - tipH - margin;
+		if (left + tipW > globalThis.innerWidth - margin) left = globalThis.innerWidth - tipW - margin;
 		if (left < margin) left = margin;
 		this._el.style.top = `${top}px`;
 		this._el.style.left = `${left}px`;
@@ -9019,7 +8933,7 @@ var VideoTooltip = class {
 		if (!wrapper) return;
 		this._hide();
 		this.context.invoke("videoResizer.deselect");
-		if (wrapper.parentNode) wrapper.parentNode.removeChild(wrapper);
+		wrapper.remove();
 		this.context.invoke("editor.afterCommand");
 	}
 	_togglePreview() {
@@ -9261,12 +9175,12 @@ var TableTooltip = class {
 		}, { passive: true }), on(editable, "mouseout", (e) => {
 			if (this._selectMode) return;
 			const to = e.relatedTarget;
-			if (!to || !editable.contains(to) && !this._el.contains(to) && !(this._sizePopover && this._sizePopover.contains(to))) this._scheduleHide();
+			if (!to || !editable.contains(to) && !this._el.contains(to) && !this._sizePopover?.contains(to)) this._scheduleHide();
 		}, { passive: true }), on(document, "click", (e) => {
 			const et = e.target;
-			if (this._selectMode && this._activeTable && this._activeTable.contains(et)) return;
-			if (this._activeTable && !this._activeTable.contains(et) && !this._el.contains(et) && !(this._sizePopover && this._sizePopover.contains(et))) this._hide();
-		}), on(document, "selectionchange", () => this._syncShadeStrip()), on(window, "scroll", () => this._hide(), { passive: true }), on(window, "resize", () => this._hide(), { passive: true }));
+			if (this._selectMode && this._activeTable?.contains(et)) return;
+			if (this._activeTable && !this._activeTable.contains(et) && !this._el.contains(et) && !this._sizePopover?.contains(et)) this._hide();
+		}), on(document, "selectionchange", () => this._syncShadeStrip()), on(globalThis, "scroll", () => this._hide(), { passive: true }), on(globalThis, "resize", () => this._hide(), { passive: true }));
 		this._initResize();
 		return this;
 	}
@@ -9392,11 +9306,11 @@ var TableTooltip = class {
 		this._clearTimers();
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this._el && this._el.parentNode) this._el.parentNode.removeChild(this._el);
+		if (this._el && this._el.parentNode) this._el.remove();
 		this._el = null;
-		if (this._sizePopover && this._sizePopover.parentNode) this._sizePopover.parentNode.removeChild(this._sizePopover);
+		if (this._sizePopover && this._sizePopover.parentNode) this._sizePopover.remove();
 		this._sizePopover = null;
-		if (this._shadePopover && this._shadePopover.parentNode) this._shadePopover.parentNode.removeChild(this._shadePopover);
+		if (this._shadePopover && this._shadePopover.parentNode) this._shadePopover.remove();
 		this._shadePopover = null;
 	}
 	_buildTooltip() {
@@ -9506,7 +9420,7 @@ var TableTooltip = class {
 	_syncShadeStrip() {
 		if (!this._shadeColorStrip || !this._el || this._el.style.display === "none") return;
 		const cell = this._getCell();
-		this._shadeColorStrip.style.background = cell && cell.style.backgroundColor || "transparent";
+		this._shadeColorStrip.style.background = cell?.style.backgroundColor || "transparent";
 	}
 	_hide() {
 		this._el.style.display = "none";
@@ -9536,20 +9450,20 @@ var TableTooltip = class {
 		let left = rect.left + (rect.width - tipW) / 2;
 		let top = rect.top - tipH - margin;
 		if (top < margin) top = rect.bottom + margin;
-		if (left + tipW > window.innerWidth - margin) left = window.innerWidth - tipW - margin;
+		if (left + tipW > globalThis.innerWidth - margin) left = globalThis.innerWidth - tipW - margin;
 		if (left < margin) left = margin;
 		this._el.style.left = `${left}px`;
 		this._el.style.top = `${top}px`;
 	}
 	_getCell() {
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (sel && sel.rangeCount) {
 			let container = sel.getRangeAt(0).commonAncestorContainer;
 			if (container.nodeType === 3) container = container.parentElement;
-			const cellFromSel = container && container.closest("td, th");
-			if (cellFromSel && this._activeTable && this._activeTable.contains(cellFromSel)) return cellFromSel;
+			const cellFromSel = container?.closest("td, th");
+			if (cellFromSel && this._activeTable?.contains(cellFromSel)) return cellFromSel;
 		}
-		return this._activeCell || this._activeTable && this._activeTable.querySelector("td, th");
+		return this._activeCell || this._activeTable?.querySelector("td, th");
 	}
 	_toggleSelectMode() {
 		this._selectMode = !this._selectMode;
@@ -9648,11 +9562,12 @@ var TableTooltip = class {
 		const table = cells[0].closest("table");
 		if (!table) return;
 		const allRows = Array.from(table.querySelectorAll("tr"));
-		const refRow = [...new Set(cells.map((c) => c.closest("tr")).filter(Boolean))].reduce((best, r) => {
+		const selectedRows = [...new Set(cells.map((c) => c.closest("tr")).filter(Boolean))];
+		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;
-		});
+		}, selectedRows[0]);
 		const colCount = Array.from(refRow.cells).reduce((sum, c) => sum + (c.colSpan || 1), 0);
 		const newRow = document.createElement("tr");
 		const refCells = Array.from(refRow.cells);
@@ -9695,7 +9610,7 @@ var TableTooltip = class {
 		if (selectedRows.filter((r) => r.closest("tbody")).length >= totalBodyRows) return;
 		this._activeCell = null;
 		this._clearSelection();
-		selectedRows.forEach((r) => r.parentElement?.removeChild(r));
+		selectedRows.forEach((r) => r.remove());
 		requestAnimationFrame(() => this._positionNear(this._activeTable));
 		this.context.invoke("editor.afterCommand");
 	}
@@ -9717,7 +9632,7 @@ var TableTooltip = class {
 		});
 		this._activeCell = null;
 		this._clearSelection();
-		cellsToDelete.forEach((c) => c.parentElement?.removeChild(c));
+		cellsToDelete.forEach((c) => c.remove());
 		requestAnimationFrame(() => this._positionNear(this._activeTable));
 		this.context.invoke("editor.afterCommand");
 	}
@@ -9728,7 +9643,7 @@ var TableTooltip = class {
 		if (!table) return;
 		let selected = this._getSelectedCells().filter((c) => table.contains(c));
 		if (selected.length < 2) {
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			if (!sel || sel.rangeCount === 0) return;
 			const range = sel.getRangeAt(0);
 			selected = Array.from(table.querySelectorAll("td, th")).filter((c) => {
@@ -9770,7 +9685,7 @@ var TableTooltip = class {
 		first.rowSpan = maxR - minR + 1;
 		first.style.verticalAlign = "middle";
 		first.innerHTML = rectCells.map((c) => c.innerHTML).join("");
-		rectCells.slice(1).forEach((c) => c.parentElement?.removeChild(c));
+		rectCells.slice(1).forEach((c) => c.remove());
 		this._clearSelection();
 		this.context.invoke("editor.afterCommand");
 	}
@@ -9778,7 +9693,7 @@ var TableTooltip = class {
 		const table = this._activeTable;
 		if (!table) return;
 		this._hide();
-		if (table.parentNode) table.parentNode.removeChild(table);
+		if (table.parentNode) table.remove();
 		this.context.invoke("editor.afterCommand");
 	}
 	_unmergeCells() {
@@ -9867,7 +9782,7 @@ var TableTooltip = class {
 		this._sizeInputEl = inputEl;
 		this._sizeApply = null;
 		const d1 = on(applyBtn, "click", () => {
-			const val = parseInt(this._sizeInputEl.value, 10);
+			const val = Number.parseInt(this._sizeInputEl.value, 10);
 			if (val > 0 && typeof this._sizeApply === "function") this._sizeApply(val);
 			this._hideSizePopover();
 		});
@@ -9896,7 +9811,7 @@ var TableTooltip = class {
 			const table = cell.closest("table");
 			if (!table) return;
 			const firstCell = table.querySelector("td, th");
-			const currentPx = firstCell ? parseInt(firstCell.style.borderWidth, 10) || parseInt(window.getComputedStyle(firstCell).borderWidth, 10) || 1 : 1;
+			const currentPx = firstCell ? Number.parseInt(firstCell.style.borderWidth, 10) || Number.parseInt(globalThis.getComputedStyle(firstCell).borderWidth, 10) || 1 : 1;
 			this._sizeTitleEl.textContent = this.context.locale.tooltips.table.tableBorderWidthPx;
 			this._sizeInputEl.min = "0";
 			this._sizeInputEl.max = "10";
@@ -9955,8 +9870,8 @@ var TableTooltip = class {
 			const ph = this._sizePopover.offsetHeight || 110;
 			let left = tipRect.left;
 			let top = tipRect.bottom + 6;
-			if (left + pw > window.innerWidth - 8) left = window.innerWidth - pw - 8;
-			if (top + ph > window.innerHeight - 8) top = tipRect.top - ph - 6;
+			if (left + pw > globalThis.innerWidth - 8) left = globalThis.innerWidth - pw - 8;
+			if (top + ph > globalThis.innerHeight - 8) top = tipRect.top - ph - 6;
 			this._sizePopover.style.left = `${left}px`;
 			this._sizePopover.style.top = `${top}px`;
 			if (this._sizeInputEl) {
@@ -10010,11 +9925,10 @@ var TableTooltip = class {
 		customRow.appendChild(colorInput);
 		customRow.appendChild(customLabel);
 		pop.appendChild(customRow);
-		this._disposers.push(on(pop, "mousedown", (e) => e.preventDefault()));
-		this._disposers.push(on(pop, "mouseenter", () => this._clearTimers()), on(pop, "mouseleave", () => this._scheduleHide()));
+		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) => {
 			const et = e.target;
-			if (this._shadePopover && this._shadePopover.style.display !== "none" && !this._shadePopover.contains(et) && !(this._el && this._el.contains(et))) this._hideCellShadePopover();
+			if (this._shadePopover && this._shadePopover.style.display !== "none" && !this._shadePopover.contains(et) && !this._el?.contains(et)) this._hideCellShadePopover();
 		}));
 		return pop;
 	}
@@ -10031,8 +9945,8 @@ var TableTooltip = class {
 			const tipRect = this._el.getBoundingClientRect();
 			let left = tipRect.left;
 			let top = tipRect.bottom + 6;
-			if (left + pw > window.innerWidth - 8) left = window.innerWidth - pw - 8;
-			if (top + ph > window.innerHeight - 8) top = tipRect.top - ph - 6;
+			if (left + pw > globalThis.innerWidth - 8) left = globalThis.innerWidth - pw - 8;
+			if (top + ph > globalThis.innerHeight - 8) top = tipRect.top - ph - 6;
 			this._shadePopover.style.left = `${Math.max(8, left)}px`;
 			this._shadePopover.style.top = `${Math.max(8, top)}px`;
 		});
@@ -10095,7 +10009,7 @@ var CodeTooltip = class {
 		this._clearTimers();
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this._el && this._el.parentNode) this._el.parentNode.removeChild(this._el);
+		this._el?.remove();
 		this._el = null;
 	}
 	_buildTooltip() {
@@ -10221,21 +10135,21 @@ var CodeTooltip = class {
 		let top = rect.top - tipH - margin;
 		let left = rect.left + (rect.width - tipW) / 2;
 		if (top < margin) top = rect.bottom + margin;
-		if (left + tipW > window.innerWidth - margin) left = window.innerWidth - tipW - margin;
+		if (left + tipW > globalThis.innerWidth - margin) left = globalThis.innerWidth - tipW - margin;
 		if (left < margin) left = margin;
 		this._el.style.top = `${top}px`;
 		this._el.style.left = `${left}px`;
 	}
 	_syncWrapBtn() {
 		if (!this._activePre || !this._wrapBtn) return;
-		const wrapped = (this._activePre.style.whiteSpace || "").includes("pre-wrap") || window.getComputedStyle(this._activePre).whiteSpace === "pre-wrap";
+		const wrapped = (this._activePre.style.whiteSpace || "").includes("pre-wrap") || globalThis.getComputedStyle(this._activePre).whiteSpace === "pre-wrap";
 		this._wrapBtn.classList.toggle("active", wrapped);
 		this._wrapBtn.title = wrapped ? this.context.locale.tooltips.code.disableWordWrap : this.context.locale.tooltips.code.enableWordWrap;
 	}
 	_syncLangSelect() {
 		if (!this._activePre || !this._langSelect) return;
 		const codeEl = this._activePre.querySelector("code");
-		const fromAttr = this._activePre.getAttribute("data-language") || "";
+		const fromAttr = this._activePre.dataset.language || "";
 		const fromClass = codeEl ? (_LANG_CLASS_RE.exec(codeEl.className) || [])[1] || "" : "";
 		this._langSelect.value = fromAttr || fromClass || "";
 	}
@@ -10254,7 +10168,7 @@ var CodeTooltip = class {
 				document.execCommand("copy");
 				this._flashCopied();
 			} catch (_) {}
-			document.body.removeChild(ta);
+			ta.remove();
 		}
 	}
 	_flashCopied() {
@@ -10287,7 +10201,6 @@ var CodeTooltip = class {
 	applyLanguage(pre, lang) {
 		if (!pre || !lang) return;
 		const savedPre = this._activePre;
-		this._langSelect && this._langSelect.value;
 		this._activePre = pre;
 		if (this._langSelect) this._langSelect.value = lang;
 		this._onLangChange();
@@ -10298,7 +10211,7 @@ var CodeTooltip = class {
 		const pre = this._activePre;
 		if (!pre) return;
 		const lang = this._langSelect.value;
-		const _w = window;
+		const _w = globalThis;
 		let codeEl = pre.querySelector("code");
 		if (!codeEl) {
 			codeEl = document.createElement("code");
@@ -10308,15 +10221,15 @@ var CodeTooltip = class {
 		}
 		codeEl.className = lang ? `language-${lang}` : "";
 		pre.className = lang ? `language-${lang}` : "";
-		if (lang) pre.setAttribute("data-language", lang);
-		else pre.removeAttribute("data-language");
+		if (lang) pre.dataset.language = lang;
+		else delete pre.dataset.language;
 		const applyPrism = () => {
 			codeEl.querySelectorAll("br").forEach((br) => br.replaceWith("\n"));
 			_w.Prism.highlightElement(codeEl);
 			this.context.invoke("editor.afterCommand");
 		};
 		if (lang) {
-			if (typeof _w.Prism !== "undefined") {
+			if (_w.Prism !== void 0) {
 				if (_w.Prism.languages[lang]) {
 					applyPrism();
 					return;
@@ -10338,7 +10251,7 @@ var CodeTooltip = class {
 	* Called once at initialize time. Fire-and-forget; errors are silent.
 	*/
 	_ensurePrism() {
-		const _w = window;
+		const _w = globalThis;
 		if (!this.context.options.codeHighlight || _w.Prism) return;
 		const cdn = this.context.options.codeHighlightCDN;
 		const themeHref = `${cdn}/themes/prism-tomorrow.min.css`;
@@ -10371,11 +10284,11 @@ var CodeTooltip = class {
 	* @param {Function} cb  – called once the grammar is ready
 	*/
 	_loadPrismComponent(lang, cb) {
-		const _w = window;
+		const _w = globalThis;
 		const src = `${this.context.options.codeHighlightCDN}/components/prism-${lang}.min.js`;
 		if (document.querySelector(`script[src="${src}"]`)) {
 			const poll = setInterval(() => {
-				if (_w.Prism && _w.Prism.languages[lang]) {
+				if (_w.Prism?.languages[lang]) {
 					clearInterval(poll);
 					cb();
 				}
@@ -10406,7 +10319,7 @@ var CodeTooltip = class {
 		const pre = this._activePre;
 		if (!pre) return;
 		this._hide();
-		if (pre.parentNode) pre.parentNode.removeChild(pre);
+		pre.remove();
 		this.context.invoke("editor.afterCommand");
 	}
 };
@@ -12761,7 +12674,7 @@ var EmojiDialog = class {
 	destroy() {
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this._dialog && this._dialog.parentNode) this._dialog.parentNode.removeChild(this._dialog);
+		if (this._dialog && this._dialog.parentNode) this._dialog.remove();
 		this._dialog = null;
 	}
 	show() {
@@ -12822,7 +12735,7 @@ var EmojiDialog = class {
 				class: "an-icon-cat",
 				"data-cat": id
 			});
-			tab.textContent = L.categories && L.categories[id] || label;
+			tab.textContent = L.categories?.[id] || label;
 			catBar.appendChild(tab);
 		});
 		this._catBar = catBar;
@@ -12903,7 +12816,7 @@ var EmojiDialog = class {
 		const savedRange = this._savedRange;
 		const editable = this.context.layoutInfo.editable;
 		if (savedRange) savedRange.select();
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		let range = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;
 		if (!range) {
 			range = document.createRange();
@@ -12913,7 +12826,7 @@ var EmojiDialog = class {
 		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);
 		}
@@ -12933,7 +12846,7 @@ var EmojiDialog = class {
 		if (this._dialog) {
 			this._dialog.style.display = "flex";
 			this._removeTrap = trapFocus(this._dialog, () => this._close());
-			setTimeout(() => this._searchInput && this._searchInput.focus(), 50);
+			setTimeout(() => this._searchInput?.focus(), 50);
 		}
 	}
 	_close() {
@@ -13240,7 +13153,7 @@ var IconDialog = class {
 	destroy() {
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this._dialog && this._dialog.parentNode) this._dialog.parentNode.removeChild(this._dialog);
+		this._dialog?.remove();
 		this._dialog = null;
 	}
 	show() {
@@ -13305,7 +13218,7 @@ var IconDialog = class {
 				class: "an-icon-cat",
 				"data-cat": id
 			});
-			tab.textContent = L.categories && L.categories[id] || label;
+			tab.textContent = L.categories?.[id] || label;
 			catBar.appendChild(tab);
 		});
 		this._catBar = catBar;
@@ -13473,17 +13386,17 @@ var IconDialog = class {
 			this._preview.innerHTML = "<span class=\"an-icon-preview-hint\">Select an icon</span>";
 			return;
 		}
-		const cls = this._styleSelect && this._styleSelect.value || "fa-solid";
-		const size = this._sizeSelect && this._sizeSelect.value || "1em";
-		const color = (this._useColorCb ? this._useColorCb.checked : false) && this._colorInput ? this._colorInput.value : "";
+		const cls = this._styleSelect?.value || "fa-solid";
+		const size = this._sizeSelect?.value || "1em";
+		const color = this._useColorCb?.checked ?? false ? this._colorInput?.value ?? "" : "";
 		const styleAttr = [size ? `font-size:${size}` : "", color ? `color:${color}` : ""].filter(Boolean).join(";");
 		this._preview.innerHTML = `<i class="${cls} fa-${name}" aria-hidden="true"${styleAttr ? ` style="${styleAttr}"` : ""}></i><div class="an-icon-preview-name">${cls} fa-${name}</div>`;
 	}
 	_onInsert() {
 		if (!this._selectedIcon) return;
-		const cls = this._styleSelect && this._styleSelect.value || "fa-solid";
-		const size = this._sizeSelect && this._sizeSelect.value || "";
-		const color = (this._useColorCb ? this._useColorCb.checked : false) && this._colorInput ? this._colorInput.value : "";
+		const cls = this._styleSelect?.value || "fa-solid";
+		const size = this._sizeSelect?.value || "";
+		const color = this._useColorCb?.checked ?? false ? this._colorInput?.value ?? "" : "";
 		const styleParts = [size ? `font-size:${size}` : "", color ? `color:${color}` : ""].filter(Boolean);
 		const iconEl = document.createElement("i");
 		iconEl.className = `${cls} fa-${this._selectedIcon}`;
@@ -13493,8 +13406,8 @@ var IconDialog = class {
 		const savedRange = this._savedRange;
 		const editable = this.context.layoutInfo.editable;
 		if (savedRange) savedRange.select();
-		const sel = window.getSelection();
-		let range = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;
+		const sel = globalThis.getSelection();
+		let range = (sel?.rangeCount ?? 0) > 0 ? sel.getRangeAt(0) : null;
 		if (!range) {
 			range = document.createRange();
 			range.selectNodeContents(editable);
@@ -13533,7 +13446,7 @@ var IconDialog = class {
 		if (this._dialog) {
 			this._dialog.style.display = "flex";
 			this._removeTrap = trapFocus(this._dialog, () => this._close());
-			setTimeout(() => this._searchInput && this._searchInput.focus(), 50);
+			setTimeout(() => this._searchInput?.focus(), 50);
 		}
 	}
 	_close() {
@@ -13634,7 +13547,7 @@ var defaultItems = [
 		icon: ICONS.paste,
 		action: (ctx) => {
 			if (!navigator.clipboard) return;
-			const editable = ctx.layoutInfo && ctx.layoutInfo.editable;
+			const editable = ctx.layoutInfo?.editable;
 			if (!editable) return;
 			const doInsert = (html, text) => {
 				editable.focus();
@@ -13759,13 +13672,13 @@ var ContextMenu = class {
 		this.el.style.display = "none";
 		document.body.appendChild(this.el);
 		this._renderItems(this._items);
-		const editable = this.context.layoutInfo && this.context.layoutInfo.editable;
+		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) => {
 			if (e.key === "Escape") this.hide();
 		}));
-		this._disposers.push(on(window, "scroll", () => this.hide(), { passive: true }));
+		this._disposers.push(on(globalThis, "scroll", () => this.hide(), { passive: true }));
 		return this;
 	}
 	destroy() {
@@ -13781,7 +13694,7 @@ var ContextMenu = class {
 			} catch (_e) {}
 		});
 		this._disposers = [];
-		if (this.el && this.el.parentNode) this.el.parentNode.removeChild(this.el);
+		if (this.el) this.el.remove();
 		this.el = null;
 	}
 	_renderItems(items) {
@@ -13809,8 +13722,8 @@ var ContextMenu = class {
 				backBtn.appendChild(createElement("span", { class: "an-context-label" }, [backLabel]));
 				const off = on(backBtn, "click", (e) => {
 					e.stopPropagation();
-					const curLeft = parseFloat(this.el.style.left);
-					const curTop = parseFloat(this.el.style.top);
+					const curLeft = Number.parseFloat(this.el.style.left);
+					const curTop = Number.parseFloat(this.el.style.top);
 					this._renderItems(it.navigate());
 					this._reposition(curLeft, curTop);
 				});
@@ -13853,8 +13766,8 @@ var ContextMenu = class {
 				btn.appendChild(chevron);
 				const off = on(btn, "click", (e) => {
 					e.stopPropagation();
-					const curLeft = parseFloat(this.el.style.left);
-					const curTop = parseFloat(this.el.style.top);
+					const curLeft = Number.parseFloat(this.el.style.left);
+					const curTop = Number.parseFloat(this.el.style.top);
 					this._renderItems(it.navigate());
 					this._reposition(curLeft, curTop);
 				});
@@ -13979,10 +13892,10 @@ var ContextMenu = class {
 					if (!cell) return;
 					const rows = +cell.dataset.row;
 					const cols = +cell.dataset.col;
-					const editable = this.context.layoutInfo && this.context.layoutInfo.editable;
+					const editable = this.context.layoutInfo?.editable;
 					if (editable && this._savedRange) {
 						editable.focus();
-						const sel = window.getSelection();
+						const sel = globalThis.getSelection();
 						sel.removeAllRanges();
 						sel.addRange(this._savedRange.cloneRange());
 					}
@@ -14024,12 +13937,12 @@ var ContextMenu = class {
 		});
 	}
 	_onContextMenu(event) {
-		const editable = this.context.layoutInfo && this.context.layoutInfo.editable;
+		const editable = this.context.layoutInfo?.editable;
 		if (!editable) return;
 		if (!editable.contains(event.target)) return;
 		if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 		event.preventDefault();
-		const winSel = window.getSelection();
+		const winSel = globalThis.getSelection();
 		this._savedRange = winSel && winSel.rangeCount > 0 ? winSel.getRangeAt(0).cloneRange() : null;
 		this._renderItems(this._items);
 		const openX = event.clientX;
@@ -14061,9 +13974,9 @@ var ContextMenu = class {
 		const h = this.el.offsetHeight;
 		let left = rx;
 		let top = ry;
-		if (left + w > window.innerWidth - 8) left = window.innerWidth - w - 8;
+		if (left + w > globalThis.innerWidth - 8) left = globalThis.innerWidth - w - 8;
 		if (left < 8) left = 8;
-		if (top + h > window.innerHeight - 8) top = window.innerHeight - h - 8;
+		if (top + h > globalThis.innerHeight - 8) top = globalThis.innerHeight - h - 8;
 		if (top < 8) top = 8;
 		this.el.style.left = `${left}px`;
 		this.el.style.top = `${top}px`;
@@ -14084,17 +13997,17 @@ var ContextMenu = class {
 		let node = range.startContainer;
 		if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
 		if (!node) return type === "foreColor" ? "#000000" : "transparent";
-		const cs = window.getComputedStyle(node);
+		const cs = globalThis.getComputedStyle(node);
 		if (type === "foreColor") return cs.color || "#000000";
 		const bg = cs.backgroundColor;
 		return !bg || bg === "rgba(0, 0, 0, 0)" || bg === "transparent" ? "transparent" : bg;
 	}
 	/** Restore selection, apply a color command, then hide the menu. */
 	_applyColor(type, color) {
-		const editable = this.context.layoutInfo && this.context.layoutInfo.editable;
+		const editable = this.context.layoutInfo?.editable;
 		if (!editable || !this._savedRange) return;
 		editable.focus();
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		sel.removeAllRanges();
 		sel.addRange(this._savedRange.cloneRange());
 		document.execCommand(type, false, color);
@@ -14109,15 +14022,15 @@ var ContextMenu = class {
 	copyFormat() {
 		const range = this._savedRange;
 		if (!range) return;
-		const editable = this.context.layoutInfo && this.context.layoutInfo.editable;
+		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;
-		const cs = window.getComputedStyle(node);
+		const cs = globalThis.getComputedStyle(node);
 		const explicitFontFamily = this._findExplicitStyle(node, editable, "fontFamily");
 		const explicitFontSize = this._findExplicitStyle(node, editable, "fontSize");
 		this._copiedFormat = {
-			bold: parseInt(cs.fontWeight, 10) >= 700,
+			bold: Number.parseInt(cs.fontWeight, 10) >= 700,
 			italic: cs.fontStyle === "italic" || cs.fontStyle === "oblique",
 			underline: (cs.textDecorationLine || "").includes("underline"),
 			strikethrough: (cs.textDecorationLine || "").includes("line-through"),
@@ -14148,10 +14061,10 @@ var ContextMenu = class {
 	pasteFormat() {
 		if (!this._copiedFormat || !this._savedRange) return;
 		const fmt = this._copiedFormat;
-		const editable = this.context.layoutInfo && this.context.layoutInfo.editable;
+		const editable = this.context.layoutInfo?.editable;
 		if (!editable) return;
 		editable.focus();
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		sel.removeAllRanges();
 		sel.addRange(this._savedRange.cloneRange());
 		document.execCommand("removeFormat");
@@ -14168,14 +14081,14 @@ var ContextMenu = class {
 			const preExisting = new Set(editable.querySelectorAll("font[size=\"7\"]"));
 			document.execCommand("fontSize", false, "7");
 			editable.querySelectorAll("font[size=\"7\"]").forEach((el) => {
-				if (!preExisting.has(el)) el.setAttribute("data-an-tmp", marker);
+				if (!preExisting.has(el)) /** @type {HTMLElement} */ el.dataset.anTmp = marker;
 			});
 			editable.querySelectorAll(`[data-an-tmp="${marker}"]`).forEach((el) => {
 				const span = document.createElement("span");
 				span.style.fontSize = fmt.fontSize;
 				el.parentNode.insertBefore(span, el);
 				while (el.firstChild) span.appendChild(el.firstChild);
-				el.parentNode.removeChild(el);
+				el.remove();
 			});
 		}
 		this.context.invoke("editor.afterCommand");
@@ -14183,10 +14096,10 @@ var ContextMenu = class {
 	/** Strip all inline formatting from the saved selection. */
 	removeFormat() {
 		if (!this._savedRange) return;
-		const editable = this.context.layoutInfo && this.context.layoutInfo.editable;
+		const editable = this.context.layoutInfo?.editable;
 		if (!editable) return;
 		editable.focus();
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		sel.removeAllRanges();
 		sel.addRange(this._savedRange.cloneRange());
 		document.execCommand("removeFormat");
@@ -14300,14 +14213,14 @@ var ShortcutsDialog = class {
 	destroy() {
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this._dialog && this._dialog.parentNode) this._dialog.parentNode.removeChild(this._dialog);
+		this._dialog?.remove();
 		this._dialog = null;
 	}
 	show() {
 		if (this._dialog) {
 			this._dialog.style.display = "flex";
 			this._removeTrap = trapFocus(this._dialog, () => this._close());
-			setTimeout(() => this._closeBtn && this._closeBtn.focus(), 50);
+			setTimeout(() => this._closeBtn?.focus(), 50);
 		}
 	}
 	_close() {
@@ -14413,7 +14326,7 @@ var FindReplace = class {
 		this._clearHighlights();
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
-		if (this._dialog && this._dialog.parentNode) this._dialog.parentNode.removeChild(this._dialog);
+		if (this._dialog && this._dialog.parentNode) this._dialog.remove();
 		this._dialog = null;
 	}
 	/**
@@ -14656,15 +14569,19 @@ var FindReplace = class {
 		const re = this._queryRegex;
 		const MAX_RESULTS = 500;
 		const walker = document.createTreeWalker(root, 4);
-		let node;
-		while ((node = walker.nextNode()) && results.length < MAX_RESULTS) {
+		let node = walker.nextNode();
+		while (node && results.length < MAX_RESULTS) {
 			re.lastIndex = 0;
 			let m;
-			while ((m = re.exec(node.textContent)) !== null && results.length < MAX_RESULTS) results.push({
+			while ((m = re.exec(
+				/** @type {Text} */
+				node.textContent
+			)) !== null && results.length < MAX_RESULTS) results.push({
 				node,
 				start: m.index,
 				end: m.index + m[0].length
 			});
+			node = walker.nextNode();
 		}
 		return results;
 	}
@@ -14699,7 +14616,7 @@ var FindReplace = class {
 		const parent = match.mark.parentNode;
 		const textNode = document.createTextNode(replacement);
 		parent.insertBefore(textNode, match.mark);
-		parent.removeChild(match.mark);
+		match.mark.remove();
 		parent.normalize();
 		this.context.invoke("editor.afterCommand");
 		const savedIndex = this._currentIndex;
@@ -14717,7 +14634,7 @@ var FindReplace = class {
 			if (!mark || !mark.parentNode) return;
 			const textNode = document.createTextNode(replacement);
 			mark.parentNode.insertBefore(textNode, mark);
-			mark.parentNode.removeChild(mark);
+			mark.remove();
 		});
 		if (this.context.layoutInfo.editable) this.context.layoutInfo.editable.normalize();
 		this._matches = [];
@@ -14736,7 +14653,7 @@ var FindReplace = class {
 			const parent = mark.parentNode;
 			if (!parent) return;
 			while (mark.firstChild) parent.insertBefore(mark.firstChild, mark);
-			parent.removeChild(mark);
+			mark.remove();
 		});
 		editable.normalize();
 		this._matches = [];
@@ -14787,7 +14704,7 @@ function drawCropToCanvas(img, naturalRect, renderW, renderH) {
 				resolve(null);
 			}
 		};
-		if (img.src.startsWith("data:") || img.src.startsWith("blob:") || img.src.startsWith(window.location.origin)) {
+		if (img.src.startsWith("data:") || img.src.startsWith("blob:") || img.src.startsWith(globalThis.location.origin)) {
 			tryDraw(img);
 			return;
 		}
@@ -15045,8 +14962,8 @@ var ImageCropOverlay = class {
 		this._cropBox.style.top = `${y}px`;
 		this._cropBox.style.width = `${w}px`;
 		this._cropBox.style.height = `${h}px`;
-		const vw = window.innerWidth;
-		const vh = window.innerHeight;
+		const vw = globalThis.innerWidth;
+		const vh = globalThis.innerHeight;
 		this._scrim.style.clipPath = [
 			`polygon(`,
 			`0 0, ${vw}px 0, ${vw}px ${vh}px, 0 ${vh}px, 0 0,`,
@@ -15070,7 +14987,7 @@ var ImageCropOverlay = class {
 		}
 		const margin = 8;
 		let tbTop = y + h + margin;
-		if (tbTop + 40 > window.innerHeight - margin) tbTop = y - 40 - margin;
+		if (tbTop + 40 > globalThis.innerHeight - margin) tbTop = y - 40 - margin;
 		this._toolbar.style.left = `${x}px`;
 		this._toolbar.style.top = `${tbTop}px`;
 	}
@@ -15197,7 +15114,7 @@ var ImageCropOverlay = class {
 			this._close(false);
 			return;
 		}
-		const fmt = img.src.match(/^data:image\/(jpe?g)/i) ? "image/jpeg" : "image/png";
+		const fmt = /^data:image\/(jpe?g)/i.exec(img.src) ? "image/jpeg" : "image/png";
 		const quality = fmt === "image/jpeg" ? .92 : void 0;
 		const newSrc = canvas.toDataURL(fmt, quality);
 		this._close(false);
@@ -15237,7 +15154,7 @@ var ImageCropOverlay = class {
 		banner.textContent = msg;
 		document.body.appendChild(banner);
 		setTimeout(() => {
-			if (banner.parentNode) banner.parentNode.removeChild(banner);
+			banner.remove();
 		}, 4e3);
 	}
 	/**
@@ -15252,7 +15169,7 @@ var ImageCropOverlay = class {
 			this._cropBox,
 			this._toolbar
 		].forEach((el) => {
-			if (el && el.parentNode) el.parentNode.removeChild(el);
+			el?.remove();
 		});
 		this._scrim = null;
 		this._cropBox = null;
@@ -15273,7 +15190,7 @@ var ImageCropOverlay = class {
 *
 * Activated when both `autoSave` and `autoSaveRestore` options are true.
 * On initialize it checks localStorage for a draft that is within the
-* `autoSaveRestoreTimeout` day window.  If one is found a dismissible banner
+* `autoSaveRestoreTimeout` day globalThis.  If one is found a dismissible banner
 * is prepended to the editor container.
 */
 var AutoSaveRestore = class {
@@ -15359,7 +15276,7 @@ var AutoSaveRestore = class {
 		this._removeBanner();
 	}
 	_removeBanner() {
-		if (this._banner && this._banner.parentNode) this._banner.parentNode.removeChild(this._banner);
+		this._banner?.remove();
 		this._banner = null;
 	}
 };
@@ -15422,8 +15339,8 @@ var MarkdownShortcuts = class {
 	* @returns {{ text: string, range: Range, lineNode: Node } | null}
 	*/
 	_getLineContext() {
-		const sel = window.getSelection();
-		if (!sel || !sel.rangeCount) return null;
+		const sel = globalThis.getSelection();
+		if (!sel?.rangeCount) return null;
 		const range = sel.getRangeAt(0);
 		if (!range.collapsed) return null;
 		const editable = this.context.layoutInfo.editable;
@@ -15442,7 +15359,7 @@ var MarkdownShortcuts = class {
 	}
 	_isBlock(node) {
 		if (node.nodeType !== Node.ELEMENT_NODE) return false;
-		const display = window.getComputedStyle(node).display;
+		const display = globalThis.getComputedStyle(node).display;
 		return display === "block" || display === "list-item" || display === "table-cell";
 	}
 	/** Applies block rule on Space key. Returns true if a rule fired. */
@@ -15473,7 +15390,7 @@ var MarkdownShortcuts = class {
 			}
 		];
 		for (const { re, handler } of blockPatterns) {
-			const m = text.match(re);
+			const m = re.exec(text);
 			if (m) {
 				handler(m);
 				return true;
@@ -15497,8 +15414,8 @@ var MarkdownShortcuts = class {
 		return false;
 	}
 	_selectLineAndDelete() {
-		const sel = window.getSelection();
-		if (!sel || !sel.rangeCount) return;
+		const sel = globalThis.getSelection();
+		if (!sel?.rangeCount) return;
 		const range = sel.getRangeAt(0);
 		const startRange = document.createRange();
 		startRange.setStart(range.startContainer.parentNode || range.startContainer, 0);
@@ -15536,8 +15453,8 @@ var MarkdownShortcuts = class {
 		this.context.triggerEvent("change", this.context.getHTML());
 	}
 	_onInput() {
-		const sel = window.getSelection();
-		if (!sel || !sel.rangeCount) return;
+		const sel = globalThis.getSelection();
+		if (!sel?.rangeCount) return;
 		const range = sel.getRangeAt(0);
 		if (!range.collapsed) return;
 		if (!this.context.layoutInfo.editable.contains(range.startContainer)) return;
@@ -15565,7 +15482,7 @@ var MarkdownShortcuts = class {
 		];
 		const upToCursor = text.slice(0, offset);
 		for (const { re, tag } of inlineRules) {
-			const m = upToCursor.match(re);
+			const m = re.exec(upToCursor);
 			if (!m) continue;
 			const matchStart = upToCursor.length - m[0].length;
 			const matchEnd = offset;
@@ -15576,11 +15493,8 @@ var MarkdownShortcuts = class {
 			el.textContent = innerText;
 			const beforeNode = document.createTextNode(before);
 			const afterNode = document.createTextNode("​" + after);
-			const parent = node.parentNode;
-			parent.insertBefore(beforeNode, node);
-			parent.insertBefore(el, node);
-			parent.insertBefore(afterNode, node);
-			parent.removeChild(node);
+			/** @type {ChildNode} */ node.before(beforeNode, el, afterNode);
+			/** @type {ChildNode} */ node.remove();
 			const newRange = document.createRange();
 			newRange.setStart(afterNode, 1);
 			newRange.collapse(true);
@@ -15651,12 +15565,12 @@ var _ACTIONS = {
 	strikethrough: (ctx) => ctx.invoke("editor.strikethrough"),
 	link: (ctx) => ctx.invoke("linkDialog.show"),
 	removeFormat: (ctx) => {
-		const editable = ctx.layoutInfo && ctx.layoutInfo.editable;
+		const editable = ctx.layoutInfo?.editable;
 		if (!editable) return;
 		editable.focus();
 		document.execCommand("removeFormat");
-		const sel = window.getSelection();
-		if (sel && sel.rangeCount > 0 && !sel.getRangeAt(0).collapsed) {
+		const sel = globalThis.getSelection();
+		if (sel?.rangeCount > 0 && !sel.getRangeAt(0).collapsed) {
 			const range = sel.getRangeAt(0);
 			const ancestor = range.commonAncestorContainer;
 			const root = ancestor.nodeType === 1 ? ancestor : ancestor.parentElement;
@@ -15714,15 +15628,15 @@ var BubbleToolbar = class {
 		const d6 = this.context.on("contextMenu:hide", () => {
 			this._contextMenuOpen = false;
 		});
-		const d7 = on(window, "scroll", () => this._hide(), { passive: true });
-		const d8 = on(window, "resize", () => this._hide(), { passive: true });
+		const d7 = on(globalThis, "scroll", () => this._hide(), { passive: true });
+		const d8 = on(globalThis, "resize", () => this._hide(), { passive: true });
 		this._disposers.push(d1, d2, d3, d4, d5, d6, d7, d8);
 		return this;
 	}
 	destroy() {
-		if (this._el && this._el.parentNode) this._el.parentNode.removeChild(this._el);
+		this._el?.remove();
 		this._el = null;
-		if (this._picker && this._picker.parentNode) this._picker.parentNode.removeChild(this._picker);
+		this._picker?.remove();
 		this._picker = null;
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
@@ -15836,15 +15750,15 @@ var BubbleToolbar = class {
 		pickerAny._colorInput = colorInput;
 	}
 	_openColorPicker(type, anchorBtn) {
-		const sel = window.getSelection();
-		if (sel && sel.rangeCount > 0) this._savedRange = sel.getRangeAt(0).cloneRange();
+		const sel = globalThis.getSelection();
+		if (sel?.rangeCount > 0) this._savedRange = sel.getRangeAt(0).cloneRange();
 		this._pickerType = type;
 		const pickerAny = this._picker;
 		const palette = pickerAny._paletteEl;
 		const noColorBtn = pickerAny._noColorBtn;
 		if (type === "hiliteColor") {
 			if (!palette.contains(noColorBtn)) palette.appendChild(noColorBtn);
-		} else if (palette.contains(noColorBtn)) palette.removeChild(noColorBtn);
+		} else if (palette.contains(noColorBtn)) noColorBtn.remove();
 		/** @type {any} */ this._picker._colorInput.value = type === "foreColor" ? "#000000" : "#ffff00";
 		this._picker.style.display = "block";
 		const pw = this._picker.offsetWidth;
@@ -15853,7 +15767,7 @@ var BubbleToolbar = class {
 		let top = toolbarRect.top - ph - 6;
 		if (top < 8) top = toolbarRect.bottom + 6;
 		let left = anchorBtn.getBoundingClientRect().left;
-		left = Math.max(8, Math.min(left, window.innerWidth - pw - 8));
+		left = Math.max(8, Math.min(left, globalThis.innerWidth - pw - 8));
 		this._picker.style.left = `${left}px`;
 		this._picker.style.top = `${top}px`;
 	}
@@ -15863,10 +15777,10 @@ var BubbleToolbar = class {
 	}
 	/** Restore the saved selection, apply execCommand, update the color strip, then close the picker. */
 	_applyColor(type, color) {
-		const editable = this.context.layoutInfo && this.context.layoutInfo.editable;
+		const editable = this.context.layoutInfo?.editable;
 		if (!editable || !this._savedRange) return;
 		editable.focus();
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		sel.removeAllRanges();
 		try {
 			sel.addRange(this._savedRange.cloneRange());
@@ -15877,8 +15791,7 @@ var BubbleToolbar = class {
 		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}"]`);
-		const strip = btn && btn.querySelector(".an-bubble-color-strip");
+		const strip = (this._el?.querySelector(`[data-name="${name}"]`))?.querySelector(".an-bubble-color-strip");
 		if (strip) /** @type {HTMLElement} */ strip.style.background = color === "transparent" ? "transparent" : color;
 		this._closeColorPicker();
 		this._syncActive();
@@ -15893,14 +15806,14 @@ var BubbleToolbar = class {
 		const gap = 8;
 		let left = rect.left + rect.width / 2 - bw / 2;
 		let top = rect.top - bh - gap;
-		left = Math.max(8, Math.min(left, window.innerWidth - bw - 8));
+		left = Math.max(8, Math.min(left, globalThis.innerWidth - bw - 8));
 		if (top < 8) top = rect.bottom + gap;
 		const tableTooltipEl = document.querySelector(".an-table-tooltip");
 		if (tableTooltipEl && tableTooltipEl.style.display !== "none") {
 			const ttRect = tableTooltipEl.getBoundingClientRect();
 			if (top < ttRect.bottom + gap && top + bh > ttRect.top - gap) {
 				top = rect.bottom + gap;
-				if (top + bh > window.innerHeight - 8) top = ttRect.bottom + gap;
+				if (top + bh > globalThis.innerHeight - 8) top = ttRect.bottom + gap;
 			}
 		}
 		el.style.top = `${top}px`;
@@ -15926,17 +15839,15 @@ var BubbleToolbar = class {
 	/** Read the current selection's color and update the color-strip indicators. */
 	_syncColorStrips() {
 		if (!this._el) return;
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (!sel || !sel.rangeCount) return;
 		let node = sel.getRangeAt(0).startContainer;
 		if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
 		if (!node) return;
-		const cs = window.getComputedStyle(node);
-		const foreBtn = this._el.querySelector("[data-name=\"foreColor\"]");
-		const foreStrip = foreBtn && foreBtn.querySelector(".an-bubble-color-strip");
+		const cs = globalThis.getComputedStyle(node);
+		const foreStrip = this._el.querySelector("[data-name=\"foreColor\"]")?.querySelector(".an-bubble-color-strip");
 		if (foreStrip) /** @type {HTMLElement} */ foreStrip.style.background = cs.color || "#000000";
-		const hiliteBtn = this._el.querySelector("[data-name=\"hiliteColor\"]");
-		const hiliteStrip = hiliteBtn && hiliteBtn.querySelector(".an-bubble-color-strip");
+		const hiliteStrip = this._el.querySelector("[data-name=\"hiliteColor\"]")?.querySelector(".an-bubble-color-strip");
 		if (hiliteStrip) {
 			const bg = cs.backgroundColor;
 			/** @type {HTMLElement} */ hiliteStrip.style.background = !bg || bg === "rgba(0, 0, 0, 0)" || bg === "transparent" ? "transparent" : bg;
@@ -15947,7 +15858,7 @@ var BubbleToolbar = class {
 		this._rafId = requestAnimationFrame(() => {
 			if (this._contextMenuOpen) return;
 			if (this._picker && this._picker.style.display !== "none") return;
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			if (!sel || sel.isCollapsed || !sel.rangeCount) {
 				this._hide();
 				return;
@@ -15970,8 +15881,8 @@ var BubbleToolbar = class {
 	}
 	_onMousedown(e) {
 		if (!this._visible) return;
-		if (this._el && this._el.contains(e.target)) return;
-		if (this._picker && this._picker.contains(e.target)) return;
+		if (this._el?.contains(e.target)) return;
+		if (this._picker?.contains(e.target)) return;
 		if (this.context.layoutInfo.editable.contains(e.target)) return;
 		this._hide();
 	}
@@ -16056,7 +15967,7 @@ var Mention = class {
 	}
 	destroy() {
 		clearTimeout(this._debounceTimer);
-		if (this._dropdown && this._dropdown.parentNode) this._dropdown.parentNode.removeChild(this._dropdown);
+		this._dropdown?.remove();
 		this._dropdown = null;
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
@@ -16120,8 +16031,8 @@ var Mention = class {
 		const ddw = dd.offsetWidth;
 		let top = rect.bottom + 4;
 		let left = rect.left;
-		if (rect.bottom + ddh + 8 > window.innerHeight) top = rect.top - ddh - 4;
-		left = Math.max(8, Math.min(left, window.innerWidth - ddw - 8));
+		if (rect.bottom + ddh + 8 > globalThis.innerHeight) top = rect.top - ddh - 4;
+		left = Math.max(8, Math.min(left, globalThis.innerWidth - ddw - 8));
 		dd.style.top = `${top}px`;
 		dd.style.left = `${left}px`;
 		dd.style.visibility = "";
@@ -16145,7 +16056,7 @@ var Mention = class {
 	* collapsed range is reliable at this point but often empty inside async callbacks.
 	*/
 	_captureCaretRect() {
-		if (this._triggerNode && this._triggerNode.isConnected) try {
+		if (this._triggerNode?.isConnected) try {
 			const r = document.createRange();
 			const end = Math.min(this._triggerOffset + 1, this._triggerNode.textContent.length);
 			r.setStart(this._triggerNode, this._triggerOffset);
@@ -16156,13 +16067,13 @@ var Mention = class {
 				return;
 			}
 		} catch (_) {}
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (!sel || !sel.rangeCount) return;
 		const rects = sel.getRangeAt(0).getClientRects();
 		if (rects.length > 0) this._caretRect = rects[rects.length - 1];
 	}
 	_getQueryAtCursor() {
-		const sel = window.getSelection();
+		const sel = globalThis.getSelection();
 		if (!sel || !sel.rangeCount) return null;
 		const range = sel.getRangeAt(0);
 		if (!range.collapsed) return null;
@@ -16219,7 +16130,7 @@ var Mention = class {
 	}
 	_onDocClick(e) {
 		if (!this._open) return;
-		if (this._dropdown && this._dropdown.contains(e.target)) return;
+		if (this._dropdown?.contains(e.target)) return;
 		this._hideDropdown();
 	}
 	_select(index) {
@@ -16228,7 +16139,7 @@ var Mention = class {
 		if (this._triggerNode) {
 			const node = this._triggerNode;
 			node.textContent = node.textContent.slice(0, this._triggerOffset) + node.textContent.slice(this._triggerOffset + this._cfg.trigger.length + this._query.length);
-			const sel = window.getSelection();
+			const sel = globalThis.getSelection();
 			const range = document.createRange();
 			range.setStart(node, this._triggerOffset);
 			range.collapse(true);
@@ -16331,7 +16242,7 @@ var Context = class {
 		register("markdownShortcuts", MarkdownShortcuts);
 		register("bubbleToolbar", BubbleToolbar);
 		register("mention", Mention);
-		for (const [name, ModuleClass] of _customModules) register(name, ModuleClass);
+		if (_customModules.size > 0) for (const [name, ModuleClass] of _customModules) register(name, ModuleClass);
 	}
 	/**
 	* Registers and initialises a custom module on this instance.
@@ -16384,6 +16295,7 @@ var Context = class {
 		});
 	}
 	_applyGlobalPlugins() {
+		if (_globalPlugins.size === 0) return;
 		for (const { plugin, options } of _globalPlugins.values()) this._installPlugin(plugin, options);
 	}
 	_bindEditorEvents(editable) {
@@ -16589,23 +16501,27 @@ var Context = class {
 		a.style.display = "none";
 		document.body.appendChild(a);
 		a.click();
-		document.body.removeChild(a);
+		a.remove();
 		URL.revokeObjectURL(url);
 	}
 	/**
-	* Opens the editor content in a new window and triggers the browser print dialog.
+	* Opens the editor content in a new globalThis and triggers the browser print dialog.
 	* @param {string} [title='']
 	*/
 	print(title = "") {
 		const content = this.getHTML();
-		const safeTitle = (title || "").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-		const w = window.open("", "_blank");
-		if (!w) return;
-		w.document.write(`<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>${safeTitle}</title><style>body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.6;padding:20mm;color:#111827;}ul.an-checklist{list-style:none;padding-left:0;}ul.an-checklist li{padding-left:24px;position:relative;margin:2px 0;}ul.an-checklist li input[type="checkbox"]{position:absolute;left:0;top:3px;}code{background:#f3f4f6;border-radius:3px;padding:.1em .35em;font-family:monospace;}pre{background:#f3f4f6;padding:.75em 1em;border-radius:4px;overflow-x:auto;}table{border-collapse:collapse;}td,th{border:1px solid #d1d5db;padding:4px 8px;}</style></head><body>${content}</body></html>`);
-		w.document.close();
-		w.onload = () => {
+		const markup = `<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>${(title || "").replace(/[<>&"']/g, (c) => `&#${c.charCodeAt(0)};`)}</title><style>body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.6;padding:20mm;color:#111827;}ul.an-checklist{list-style:none;padding-left:0;}ul.an-checklist li{padding-left:24px;position:relative;margin:2px 0;}ul.an-checklist li input[type="checkbox"]{position:absolute;left:0;top:3px;}code{background:#f3f4f6;border-radius:3px;padding:.1em .35em;font-family:monospace;}pre{background:#f3f4f6;padding:.75em 1em;border-radius:4px;overflow-x:auto;}table{border-collapse:collapse;}td,th{border:1px solid #d1d5db;padding:4px 8px;}</style></head><body>${content}</body></html>`;
+		const blob = new Blob([markup], { type: "text/html" });
+		const url = URL.createObjectURL(blob);
+		const w = globalThis.open(url, "_blank");
+		if (!w) {
+			URL.revokeObjectURL(url);
+			return;
+		}
+		w.addEventListener("load", () => {
 			w.print();
-		};
+			URL.revokeObjectURL(url);
+		});
 	}
 	/**
 	* Sets whether the editor is disabled (readonly).
@@ -16643,10 +16559,10 @@ var Context = class {
 		this._disposers.forEach((d) => d());
 		this._disposers = [];
 		const container = this.layoutInfo.container;
-		const wasDark = container && container.classList.contains("an-theme-dark");
-		if (container && container.parentNode) {
+		const wasDark = container?.classList.contains("an-theme-dark");
+		if (container?.parentNode) {
 			this.targetEl.style.display = "";
-			container.parentNode.removeChild(container);
+			container.remove();
 		}
 		if (wasDark && !document.querySelector(".an-container.an-theme-dark")) document.body.classList.remove("an-theme-dark");
 		if (typeof this.options.onDestroy === "function") this.options.onDestroy(this);
@@ -16712,7 +16628,7 @@ function tail(arr, n = 1) {
 * @returns {T[]}
 */
 function flatten(arr) {
-	return arr.reduce((acc, val) => acc.concat(val), []);
+	return arr.flat();
 }
 /**
 * Returns unique elements of an array (using Set).
@@ -16791,7 +16707,7 @@ var env = {
 	/** True if running on mobile */
 	isMobile: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent),
 	/** True if touch is supported */
-	isTouch: "ontouchstart" in window || navigator.maxTouchPoints > 0,
+	isTouch: "ontouchstart" in globalThis || navigator.maxTouchPoints > 0,
 	/** Modifier key name depending on platform */
 	modifierKey: /Macintosh/.test(userAgent) ? "metaKey" : "ctrlKey"
 };
@@ -16902,7 +16818,7 @@ var AutumnNote = {
 		return this;
 	},
 	/** Library version */
-	version: "1.5.0"
+	version: "1.6.2"
 };
 /**
 * @param {string|Element|NodeList|Element[]} selector