autumnnote 1.0.7 → 1.0.8

package/dist/autumnnote.umd.js

@@ -293,8 +293,24 @@
 	}
 	/**
 	* Strikethrough / removes strikethrough.
+	* Falls back to manual DOM manipulation inside nested formats where
+	* execCommand's state detection is unreliable (mirrors underline() logic).
 	*/
-	var strikethrough = () => execCommand("strikeThrough");
+	function strikethrough() {
+		const sel = window.getSelection();
+		if (!sel || !sel.rangeCount) return;
+		let sc = sel.getRangeAt(0).startContainer;
+		if (sc.nodeType === 3) sc = sc.parentElement;
+		const sEl = sc && sc.closest && (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);
+			return;
+		}
+		execCommand("strikeThrough");
+	}
 	/**
 	* Superscript toggle.
 	*/
@@ -327,6 +343,22 @@
 	function fontSize(size, editable = document) {
 		const sel = window.getSelection();
 		const wasCollapsed = !sel || !sel.rangeCount || sel.getRangeAt(0).collapsed;
+		if (wasCollapsed && sel && sel.rangeCount > 0) {
+			try {
+				const range = sel.getRangeAt(0);
+				const span = document.createElement("span");
+				span.style.fontSize = size;
+				const zwsNode = document.createTextNode("​");
+				span.appendChild(zwsNode);
+				range.insertNode(span);
+				const nr = document.createRange();
+				nr.setStart(zwsNode, zwsNode.textContent.length);
+				nr.collapse(true);
+				sel.removeAllRanges();
+				sel.addRange(nr);
+			} catch (_) {}
+			return;
+		}
 		execCommand("fontSize", "7");
 		const scope = editable instanceof HTMLElement ? editable : document;
 		const newSpans = [];
@@ -338,27 +370,17 @@
 			el.parentNode.removeChild(el);
 			newSpans.push(span);
 		});
-		if (sel && newSpans.length > 0) {
+		if (!wasCollapsed && sel && newSpans.length > 0) {
 			const first = newSpans[0];
 			const last = newSpans[newSpans.length - 1];
 			try {
-				if (wasCollapsed) {
-					if (!first.firstChild) first.appendChild(document.createTextNode("​"));
-					const nr = document.createRange();
-					const anchor = first.firstChild;
-					nr.setStart(anchor, anchor.textContent.length);
-					nr.collapse(true);
-					sel.removeAllRanges();
-					sel.addRange(nr);
-				} else {
-					const nr = document.createRange();
-					const startNode = first.firstChild || first;
-					const endNode = last.lastChild || last;
-					nr.setStart(startNode, 0);
-					nr.setEnd(endNode, endNode.nodeType === Node.TEXT_NODE ? endNode.textContent.length : endNode.childNodes.length);
-					sel.removeAllRanges();
-					sel.addRange(nr);
-				}
+				const nr = document.createRange();
+				const startNode = first.firstChild || first;
+				const endNode = last.lastChild || last;
+				nr.setStart(startNode, 0);
+				nr.setEnd(endNode, endNode.nodeType === Node.TEXT_NODE ? endNode.textContent.length : endNode.childNodes.length);
+				sel.removeAllRanges();
+				sel.addRange(nr);
 			} catch (_) {}
 		}
 	}
@@ -389,8 +411,57 @@
 	var indent = () => execCommand("indent");
 	/**
 	* Outdents the list or block.
+	* G.5: When cursor is inside a checklist item, "outdent" means converting
+	* that item back to a regular <p> element rather than calling execCommand
+	* (which would destroy the ul > li checklist structure).
 	*/
-	var outdent = () => execCommand("outdent");
+	function outdent() {
+		const sel = window.getSelection();
+		if (sel && sel.rangeCount) {
+			let container = sel.getRangeAt(0).commonAncestorContainer;
+			if (container.nodeType === 3) container = container.parentElement;
+			const checkLi = container && container.closest && container.closest(".an-checklist li");
+			if (checkLi) {
+				_checklistItemToP(checkLi);
+				return;
+			}
+		}
+		execCommand("outdent");
+	}
+	/**
+	* G.5 helper: splits a checklist at checkLi, converts it to a <p>,
+	* and keeps items before/after as separate checklists.
+	* @param {HTMLElement} checkLi
+	*/
+	function _checklistItemToP(checkLi) {
+		const checkUl = checkLi.closest(".an-checklist");
+		if (!checkUl) return;
+		const allLis = Array.from(checkUl.children);
+		const liIndex = allLis.indexOf(checkLi);
+		const afterLis = allLis.slice(liIndex + 1);
+		const p = document.createElement("p");
+		p.textContent = Array.from(checkLi.childNodes).filter((n) => !(n.nodeType === 1 && n.tagName === "INPUT")).map((n) => n.textContent).join("").replace(/\u200B/g, "").trim() || "\xA0";
+		if (afterLis.length > 0) {
+			const newUl = document.createElement("ul");
+			newUl.className = "an-checklist";
+			afterLis.forEach((li) => newUl.appendChild(li));
+			checkUl.parentNode.insertBefore(newUl, checkUl.nextSibling);
+		}
+		checkUl.parentNode.insertBefore(p, checkUl.nextSibling);
+		checkUl.removeChild(checkLi);
+		if (checkUl.children.length === 0) checkUl.parentNode.removeChild(checkUl);
+		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();
+			if (s) {
+				s.removeAllRanges();
+				s.addRange(nr);
+			}
+		} catch {}
+	}
 	/**
 	* Inserts an unordered list or converts selection.
 	*/
@@ -594,10 +665,60 @@
 			sel.addRange(nr);
 			return;
 		}
-		const lines = sel.toString().split(/\r?\n/).filter((l) => l.trim().length > 0);
-		if (lines.length === 0) return;
-		const items = lines.map((l) => `<li><input type="checkbox" contenteditable="false">${l || "​"}</li>`).join("");
-		document.execCommand("insertHTML", false, `<ul class="an-checklist">${items}</ul>`);
+		if (!sel.toString().replace(/[\u00a0\u200B]/g, " ").trim()) return;
+		const BLOCK_TAGS_MULTI = new Set([
+			"P",
+			"DIV",
+			"H1",
+			"H2",
+			"H3",
+			"H4",
+			"H5",
+			"H6",
+			"BLOCKQUOTE",
+			"PRE",
+			"LI"
+		]);
+		const blocks = [];
+		const seenBlocks = /* @__PURE__ */ new Set();
+		const commonAncestor = range.commonAncestorContainer;
+		const iter = document.createNodeIterator(commonAncestor.nodeType === Node.TEXT_NODE ? commonAncestor.parentNode : commonAncestor, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT, null);
+		let node;
+		while (node = iter.nextNode()) {
+			if (!range.intersectsNode(node)) continue;
+			let block = node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
+			while (block && !BLOCK_TAGS_MULTI.has(block.tagName)) block = block.parentElement;
+			if (block && !seenBlocks.has(block)) {
+				seenBlocks.add(block);
+				blocks.push(block);
+			}
+		}
+		if (blocks.length === 0) return;
+		const newUl = document.createElement("ul");
+		newUl.className = "an-checklist";
+		let lastTextNode = null;
+		blocks.forEach((block) => {
+			const li = document.createElement("li");
+			const cb = document.createElement("input");
+			cb.type = "checkbox";
+			cb.setAttribute("contenteditable", "false");
+			li.appendChild(cb);
+			const blockText = Array.from(block.childNodes).map((n) => n.textContent).join("").replace(/[\u00a0\u200B]/g, " ").trim();
+			const tn = document.createTextNode(blockText || "​");
+			li.appendChild(tn);
+			newUl.appendChild(li);
+			lastTextNode = tn;
+		});
+		const firstBlock = blocks[0];
+		firstBlock.parentNode.insertBefore(newUl, firstBlock);
+		blocks.forEach((block) => block.parentNode && block.parentNode.removeChild(block));
+		if (lastTextNode) {
+			const nr = document.createRange();
+			nr.setStart(lastTextNode, lastTextNode.textContent.length);
+			nr.collapse(true);
+			sel.removeAllRanges();
+			sel.addRange(nr);
+		}
 	}
 	/**
 	* Returns true when the cursor is inside a checklist item.
@@ -1676,7 +1797,7 @@
 			const para = closestPara(range.sc, editable);
 			if (para && isLi(para)) {
 				event.preventDefault();
-				if (event.shiftKey) execCommand("outdent");
+				if (event.shiftKey) outdent();
 				else execCommand("indent");
 				return true;
 			}
@@ -2097,7 +2218,12 @@
 			};
 			const isReadOnly = () => this.context.layoutInfo.container.classList.contains("an-disabled");
 			this._disposers.push(on(editable, "keydown", onKeydown), on(editable, "beforeinput", onBeforeInput), on(editable, "input", onInput), on(document, "selectionchange", onSelChange), on(editable, "click", onCheckboxClick), on(editable, "mouseup", fixChecklistCursor), on(editable, "keyup", fixChecklistCursor), on(editable, "dragstart", (e) => {
-				if (isReadOnly()) e.preventDefault();
+				if (isReadOnly()) {
+					e.preventDefault();
+					return;
+				}
+				const target = e.target;
+				if (target && (target.nodeName === "IFRAME" || target.closest && target.closest(".an-video-wrapper"))) e.preventDefault();
 			}), on(editable, "drop", (e) => {
 				if (isReadOnly()) e.preventDefault();
 			}));
@@ -2254,7 +2380,7 @@
 		* @param {string} html - HTML string (will be sanitised)
 		*/
 		setHTML(html) {
-			this.context.layoutInfo.editable.innerHTML = sanitiseHTML(html);
+			this.context.layoutInfo.editable.innerHTML = sanitiseHTML(html, { allowIframes: true });
 			if (this._history) this._history.reset();
 			this.afterCommand();
 		}
@@ -3629,7 +3755,7 @@
 		_update() {
 			const editable = this.context.layoutInfo.editable;
 			const isFocused = document.activeElement === editable;
-			const isEmpty = !editable.textContent.trim() && !editable.querySelector("img, table, hr, .an-video-wrapper");
+			const isEmpty = !(editable.textContent.replace(/\u200B/g, "").trim().length > 0) && !editable.querySelector("img, table, hr, .an-video-wrapper");
 			editable.classList.toggle("an-placeholder", isEmpty && !isFocused);
 		}
 	};
@@ -4064,7 +4190,7 @@
 				const fileInput = createElement("input", {
 					type: "file",
 					class: "an-input",
-					accept: "image/*"
+					accept: "image/jpeg,image/png,image/gif,image/webp,image/svg+xml,image/avif"
 				});
 				this._fileInput = fileInput;
 				const fileHint = createElement("p", { class: "an-dialog-hint" });
@@ -4111,14 +4237,15 @@
 		_onFileChange() {
 			const file = this._fileInput && this._fileInput.files && this._fileInput.files[0];
 			if (!file || !file.type.startsWith("image/")) return;
-			if ([
-				"image/tiff",
-				"image/x-tiff",
-				"image/bmp",
-				"image/x-bmp",
-				"image/x-ms-bmp"
-			].includes(file.type)) {
-				const message = `Format "${file.type}" is not supported for display in web browsers. Please convert to PNG, JPEG, or WebP first.`;
+			if (!new Set([
+				"image/jpeg",
+				"image/png",
+				"image/gif",
+				"image/webp",
+				"image/svg+xml",
+				"image/avif"
+			]).has(file.type)) {
+				const message = `Format "${file.type}" is not supported for display in web browsers. Please convert to JPEG, PNG, or WebP first.`;
 				if (this._fileHint) this._fileHint.textContent = message;
 				this.context.triggerEvent("imageError", {
 					file,
@@ -5572,6 +5699,47 @@
 		}
 		return null;
 	}
+	/**
+	* Build a 2D grid map of the table, accounting for both rowspan and colspan.
+	*
+	* gridMap[r][c] = the DOM cell occupying visual grid position (r, c).
+	* cellPos       = WeakMap: cell → { r, c, rs, cs }  (top-left grid origin + span).
+	*
+	* Uses HTMLTableElement.rows which is scoped to the table itself and never
+	* includes rows from nested tables.
+	*
+	* @param {HTMLTableElement} table
+	* @returns {{ gridMap: Object, cellPos: WeakMap }}
+	*/
+	function buildGridMap(table) {
+		const rows = Array.from(table.rows);
+		const gridMap = {};
+		const cellPos = /* @__PURE__ */ new WeakMap();
+		rows.forEach((row, r) => {
+			if (!gridMap[r]) gridMap[r] = {};
+			let c = 0;
+			for (const cell of row.cells) {
+				while (gridMap[r][c]) c++;
+				const rs = cell.rowSpan || 1;
+				const cs = cell.colSpan || 1;
+				cellPos.set(cell, {
+					r,
+					c,
+					rs,
+					cs
+				});
+				for (let dr = 0; dr < rs; dr++) {
+					if (!gridMap[r + dr]) gridMap[r + dr] = {};
+					for (let dc = 0; dc < cs; dc++) gridMap[r + dr][c + dc] = cell;
+				}
+				c += cs;
+			}
+		});
+		return {
+			gridMap,
+			cellPos
+		};
+	}
 	var ICONS$2 = {
 		rowAbove: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" 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="1"/><line x1="3" y1="12" x2="21" y2="12"/><path d="M12 3v7"/><path d="M9 7l3-4 3 4"/></svg>`,
 		rowBelow: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" 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="1"/><line x1="3" y1="12" x2="21" y2="12"/><path d="M12 12v7"/><path d="M9 17l3 4 3-4"/></svg>`,
@@ -5580,10 +5748,12 @@
 		colRight: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" 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="1"/><line x1="12" y1="3" x2="12" y2="21"/><path d="M12 12h9"/><path d="M17 8l4 4-4 4"/></svg>`,
 		deleteCol: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" 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="1"/><line x1="12" y1="3" x2="12" y2="21"/><line x1="15" y1="6" x2="21" y2="12"/><line x1="21" y1="6" x2="15" y2="12"/></svg>`,
 		mergeCells: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="8" height="10" rx="1"/><rect x="14" y="7" width="8" height="10" rx="1"/><path d="M10 12h4"/><path d="M12 10l2 2-2 2"/></svg>`,
+		unmergeCells: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="5" width="20" height="14" rx="1"/><line x1="12" y1="5" x2="12" y2="19" stroke-dasharray="2.5 2"/><line x1="2" y1="12" x2="22" y2="12" stroke-dasharray="2.5 2"/><path d="M9 9 L6 12 L9 15"/><path d="M15 9 L18 12 L15 15"/></svg>`,
 		colWidth: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="4" x2="7" y2="20"/><line x1="17" y1="4" x2="17" y2="20"/><line x1="7" y1="12" x2="17" y2="12"/><path d="M10 9l-3 3 3 3"/><path d="M14 9l3 3-3 3"/></svg>`,
 		rowHeight: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="7" x2="20" y2="7"/><line x1="4" y1="17" x2="20" y2="17"/><line x1="12" y1="7" x2="12" y2="17"/><path d="M9 10l3-3 3 3"/><path d="M9 14l3 3 3-3"/></svg>`,
 		tableBorder: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6" stroke-width="1"/><line x1="3" y1="13" x2="21" y2="13" stroke-width="2"/><line x1="3" y1="20" x2="21" y2="20" stroke-width="3"/></svg>`,
-		deleteTable: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" 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="1"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="9" y1="3" x2="9" y2="21"/><line x1="15" y1="3" x2="15" y2="21"/><line x1="16" y1="16" x2="22" y2="22" stroke="#ef4444"/><line x1="22" y1="16" x2="16" y2="22" stroke="#ef4444"/></svg>`
+		deleteTable: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" 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="1"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="9" y1="3" x2="9" y2="21"/><line x1="15" y1="3" x2="15" y2="21"/><line x1="16" y1="16" x2="22" y2="22" stroke="#ef4444"/><line x1="22" y1="16" x2="16" y2="22" stroke="#ef4444"/></svg>`,
+		selectCells: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4 L4 20 L9 15 L12 21 L14 20 L11 14 L17 14 Z" fill="currentColor" opacity="0.15"/><path d="M4 4 L4 20 L9 15 L12 21 L14 20 L11 14 L17 14 Z"/></svg>`
 	};
 	var TableTooltip = class {
 		/** @param {import('../Context.js').Context} context */
@@ -5599,6 +5769,12 @@
 			this._sizeApply = null;
 			this._sizeTitleEl = null;
 			this._sizeInputEl = null;
+			this._selectMode = false;
+			this._selectedCells = [];
+			this._selectStart = null;
+			this._selectDragging = false;
+			this._selectBtn = null;
+			this._editable = null;
 		}
 		initialize() {
 			this._el = this._buildTooltip();
@@ -5606,6 +5782,29 @@
 			this._sizePopover = this._buildSizePopover();
 			document.body.appendChild(this._sizePopover);
 			const editable = this.context.layoutInfo.editable;
+			this._editable = editable;
+			const onSelMousedown = (e) => {
+				if (!this._selectMode) return;
+				const cell = e.target.closest("td, th");
+				if (!cell || !editable.contains(cell)) return;
+				if (cell.style.cursor === "col-resize" || cell.style.cursor === "row-resize") return;
+				e.preventDefault();
+				this._activeTable = cell.closest("table");
+				this._selectStart = cell;
+				this._selectDragging = true;
+				this._setSelection([cell]);
+			};
+			const onSelMousemove = (e) => {
+				if (!this._selectMode || !this._selectDragging || !this._selectStart) return;
+				const cell = e.target.closest("td, th");
+				if (!cell || !editable.contains(cell)) return;
+				if (cell.closest("table") !== this._activeTable) return;
+				this._setSelection(this._getRectCells(this._selectStart, cell));
+			};
+			const onSelMouseup = () => {
+				this._selectDragging = false;
+			};
+			this._disposers.push(on(editable, "mousedown", onSelMousedown), on(editable, "mousemove", onSelMousemove), on(document, "mouseup", onSelMouseup));
 			this._disposers.push(on(editable, "mouseover", (e) => {
 				if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 				const table = e.target.closest("table");
@@ -5615,9 +5814,11 @@
 					this._scheduleShow(table);
 				}
 			}, { 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();
 			}, { passive: true }), on(document, "click", (e) => {
+				if (this._selectMode && this._activeTable && this._activeTable.contains(e.target)) return;
 				if (this._activeTable && !this._activeTable.contains(e.target) && !this._el.contains(e.target) && !(this._sizePopover && this._sizePopover.contains(e.target))) this._hide();
 			}));
 			this._initResize();
@@ -5690,7 +5891,7 @@
 				if (_edge === "col") {
 					_startW = _nearCell.offsetWidth;
 					_colIdx = getVisualColIndex(_nearCell);
-					_colCells = _colIdx >= 0 ? Array.from(_table.querySelectorAll("tr")).map((r) => getCellAtVisualCol(r, _colIdx)).filter(Boolean) : [];
+					_colCells = _colIdx >= 0 ? Array.from(_table.querySelectorAll("tr")).map((r) => getCellAtVisualCol(r, _colIdx)).filter(Boolean).filter((c) => (c.colSpan || 1) === 1) : [];
 					document.body.style.cursor = "col-resize";
 				} else {
 					_row = _nearCell.closest("tr");
@@ -5761,6 +5962,9 @@
 			this._label.textContent = "Table";
 			el.appendChild(this._label);
 			el.appendChild(this._sep());
+			this._selectBtn = this._makeBtn(ICONS$2.selectCells, "Select Cells", () => this._toggleSelectMode());
+			el.appendChild(this._selectBtn);
+			el.appendChild(this._sep());
 			el.appendChild(this._makeBtn(ICONS$2.rowAbove, "Add Row Above", () => this._addRow("above")));
 			el.appendChild(this._makeBtn(ICONS$2.rowBelow, "Add Row Below", () => this._addRow("below")));
 			el.appendChild(this._makeBtn(ICONS$2.deleteRow, "Delete Row", () => this._deleteRow()));
@@ -5770,6 +5974,7 @@
 			el.appendChild(this._makeBtn(ICONS$2.deleteCol, "Delete Column", () => this._deleteColumn()));
 			el.appendChild(this._sep());
 			el.appendChild(this._makeBtn(ICONS$2.mergeCells, "Merge Cells", () => this._mergeCells()));
+			el.appendChild(this._makeBtn(ICONS$2.unmergeCells, "Unmerge Cells", () => this._unmergeCells()));
 			el.appendChild(this._sep());
 			el.appendChild(this._makeBtn(ICONS$2.colWidth, "Column Width", () => this._openSizePopover("col")));
 			el.appendChild(this._makeBtn(ICONS$2.rowHeight, "Row Height", () => this._openSizePopover("row")));
@@ -5777,6 +5982,7 @@
 			el.appendChild(this._sep());
 			el.appendChild(this._makeBtn(ICONS$2.deleteTable, "Delete Table", () => this._deleteTable(), true));
 			this._disposers.push(on(el, "mouseenter", () => this._clearTimers()), on(el, "mouseleave", () => {
+				if (this._selectMode) return;
 				if (this._sizePopover && this._sizePopover.style.display !== "none") return;
 				this._scheduleHide();
 			}));
@@ -5832,6 +6038,12 @@
 			this._el.style.display = "none";
 			this._activeTable = null;
 			this._activeCell = null;
+			if (this._selectMode) {
+				this._selectMode = false;
+				if (this._selectBtn) this._selectBtn.classList.remove("an-link-tooltip-btn--active");
+				if (this._editable) this._editable.classList.remove("an-table-select-mode");
+			}
+			this._clearSelection();
 			this._clearTimers();
 			this._hideSizePopover();
 		}
@@ -5865,14 +6077,111 @@
 			}
 			return this._activeCell || this._activeTable && this._activeTable.querySelector("td, th");
 		}
+		_toggleSelectMode() {
+			this._selectMode = !this._selectMode;
+			if (this._selectBtn) this._selectBtn.classList.toggle("an-link-tooltip-btn--active", this._selectMode);
+			if (this._editable) this._editable.classList.toggle("an-table-select-mode", this._selectMode);
+			if (!this._selectMode) this._clearSelection();
+		}
+		_clearSelection() {
+			this._selectedCells.forEach((c) => c.classList.remove("an-cell-selected"));
+			this._selectedCells = [];
+			this._selectStart = null;
+		}
+		_setSelection(cells) {
+			this._selectedCells.forEach((c) => {
+				if (!cells.includes(c)) c.classList.remove("an-cell-selected");
+			});
+			this._selectedCells = cells;
+			cells.forEach((c) => c.classList.add("an-cell-selected"));
+		}
+		/**
+		* Returns all cells in the rectangular area between startCell and endCell,
+		* correctly handling rowspan/colspan by using the grid map.
+		* The rect is expanded iteratively until it is stable — this ensures any
+		* merged cell that starts outside the initial rect but spans into it is
+		* fully included.
+		*/
+		_getRectCells(startCell, endCell) {
+			if (!startCell) return [];
+			if (!endCell || startCell === endCell) return [startCell];
+			const table = startCell.closest("table");
+			if (!table || !table.contains(endCell)) return [startCell];
+			const { gridMap, cellPos } = buildGridMap(table);
+			const sp = cellPos.get(startCell);
+			const ep = cellPos.get(endCell);
+			if (!sp || !ep) return [startCell];
+			let minR = Math.min(sp.r, ep.r);
+			let maxR = Math.max(sp.r + sp.rs - 1, ep.r + ep.rs - 1);
+			let minC = Math.min(sp.c, ep.c);
+			let maxC = Math.max(sp.c + sp.cs - 1, ep.c + ep.cs - 1);
+			let changed = true;
+			while (changed) {
+				changed = false;
+				for (let r = minR; r <= maxR; r++) {
+					const rowMap = gridMap[r];
+					if (!rowMap) continue;
+					for (let c = minC; c <= maxC; c++) {
+						const cell = rowMap[c];
+						if (!cell) continue;
+						const pos = cellPos.get(cell);
+						if (!pos) continue;
+						if (pos.r < minR) {
+							minR = pos.r;
+							changed = true;
+						}
+						if (pos.r + pos.rs - 1 > maxR) {
+							maxR = pos.r + pos.rs - 1;
+							changed = true;
+						}
+						if (pos.c < minC) {
+							minC = pos.c;
+							changed = true;
+						}
+						if (pos.c + pos.cs - 1 > maxC) {
+							maxC = pos.c + pos.cs - 1;
+							changed = true;
+						}
+					}
+				}
+			}
+			const seen = /* @__PURE__ */ new Set();
+			const result = [];
+			for (let r = minR; r <= maxR; r++) {
+				const rowMap = gridMap[r];
+				if (!rowMap) continue;
+				for (let c = minC; c <= maxC; c++) {
+					const cell = rowMap[c];
+					if (cell && !seen.has(cell)) {
+						seen.add(cell);
+						result.push(cell);
+					}
+				}
+			}
+			return result.length > 0 ? result : [startCell];
+		}
+		/**
+		* Returns the active cell set: user-selected cells when available,
+		* otherwise the single active/cursor cell.
+		* @returns {HTMLTableCellElement[]}
+		*/
+		_getSelectedCells() {
+			return this._selectedCells.length > 0 ? this._selectedCells : [this._getCell()].filter(Boolean);
+		}
 		_addRow(position) {
-			const cell = this._getCell();
-			if (!cell) return;
-			const row = cell.closest("tr");
-			if (!row) return;
-			const colCount = Array.from(row.cells).reduce((sum, c) => sum + (c.colSpan || 1), 0);
+			const cells = this._getSelectedCells();
+			if (!cells.length) return;
+			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 bi = allRows.indexOf(best);
+				const ri = allRows.indexOf(r);
+				return position === "above" ? ri < bi ? r : best : ri > bi ? r : best;
+			});
+			const colCount = Array.from(refRow.cells).reduce((sum, c) => sum + (c.colSpan || 1), 0);
 			const newRow = document.createElement("tr");
-			const refCells = Array.from(row.cells);
+			const refCells = Array.from(refRow.cells);
 			for (let i = 0; i < colCount; i++) {
 				const td = createElement("td", {}, ["\xA0"]);
 				const ref = refCells[i];
@@ -5880,19 +6189,20 @@
 				if (ref && ref.style.minWidth) td.style.minWidth = ref.style.minWidth;
 				newRow.appendChild(td);
 			}
-			if (position === "above") row.parentElement?.insertBefore(newRow, row);
-			else row.insertAdjacentElement("afterend", newRow);
+			if (position === "above") refRow.parentElement?.insertBefore(newRow, refRow);
+			else refRow.insertAdjacentElement("afterend", newRow);
 			requestAnimationFrame(() => this._positionNear(this._activeTable));
 			this.context.invoke("editor.afterCommand");
 		}
 		_addColumn(position) {
-			const cell = this._getCell();
-			if (!cell) return;
-			const table = cell.closest("table");
+			const cells = this._getSelectedCells();
+			if (!cells.length) return;
+			const table = cells[0].closest("table");
 			if (!table) return;
-			const visualColIdx = getVisualColIndex(cell);
+			const colIndices = cells.map((c) => getVisualColIndex(c));
+			const targetColIdx = position === "left" ? Math.min(...colIndices) : Math.max(...colIndices);
 			const rows = Array.from(table.querySelectorAll("tr"));
-			const refs = rows.map((r) => position === "left" ? getCellAtVisualCol(r, visualColIdx) : getCellAfterVisualCol(r, visualColIdx));
+			const refs = rows.map((r) => position === "left" ? getCellAtVisualCol(r, targetColIdx) : getCellAfterVisualCol(r, targetColIdx));
 			const isHeaders = rows.map((r) => r.closest("thead") !== null);
 			rows.forEach((r, i) => {
 				r.insertBefore(createElement(isHeaders[i] ? "th" : "td", {}, ["\xA0"]), refs[i]);
@@ -5901,68 +6211,93 @@
 			this.context.invoke("editor.afterCommand");
 		}
 		_deleteRow() {
-			const cell = this._getCell();
-			if (!cell) return;
-			const row = cell.closest("tr");
-			const table = cell.closest("table");
-			if (!row || !table) return;
+			const cells = this._getSelectedCells();
+			if (!cells.length) return;
+			const table = cells[0].closest("table");
+			if (!table) return;
 			const tbody = table.querySelector("tbody");
-			if ((tbody ? tbody.querySelectorAll("tr").length : table.querySelectorAll("tr").length) <= 1 && row.closest("tbody")) return;
+			const totalBodyRows = tbody ? tbody.querySelectorAll("tr").length : table.querySelectorAll("tr").length;
+			const selectedRows = [...new Set(cells.map((c) => c.closest("tr")).filter(Boolean))];
+			if (selectedRows.filter((r) => r.closest("tbody")).length >= totalBodyRows) return;
 			this._activeCell = null;
-			row.parentElement?.removeChild(row);
+			this._clearSelection();
+			selectedRows.forEach((r) => r.parentElement?.removeChild(r));
 			requestAnimationFrame(() => this._positionNear(this._activeTable));
 			this.context.invoke("editor.afterCommand");
 		}
 		_deleteColumn() {
-			const cell = this._getCell();
-			if (!cell) return;
-			const table = cell.closest("table");
+			const cells = this._getSelectedCells();
+			if (!cells.length) return;
+			const table = cells[0].closest("table");
 			if (!table) return;
-			const row = cell.closest("tr");
-			if (row && row.cells.length <= 1) return;
-			const visualColIdx = getVisualColIndex(cell);
-			this._activeCell = null;
-			const rows = Array.from(table.querySelectorAll("tr"));
-			rows.map((r) => getCellAtVisualCol(r, visualColIdx)).forEach((c, i) => {
-				if (c) rows[i].removeChild(c);
+			const tableRows = Array.from(table.querySelectorAll("tr"));
+			if (tableRows[0] && tableRows[0].cells.length <= 1) return;
+			const colIndices = [...new Set(cells.map((c) => getVisualColIndex(c)))];
+			if (colIndices.length >= (tableRows[0]?.cells.length ?? 1)) return;
+			const cellsToDelete = [];
+			colIndices.forEach((colIdx) => {
+				tableRows.forEach((r) => {
+					const c = getCellAtVisualCol(r, colIdx);
+					if (c) cellsToDelete.push(c);
+				});
 			});
+			this._activeCell = null;
+			this._clearSelection();
+			cellsToDelete.forEach((c) => c.parentElement?.removeChild(c));
 			requestAnimationFrame(() => this._positionNear(this._activeTable));
 			this.context.invoke("editor.afterCommand");
 		}
 		_mergeCells() {
 			const cell = this._getCell();
 			if (!cell) return;
-			const sel = window.getSelection();
-			if (!sel || sel.rangeCount === 0) return;
-			const range = sel.getRangeAt(0);
 			const table = cell.closest("table");
 			if (!table) return;
-			const selected = Array.from(table.querySelectorAll("td, th")).filter((c) => {
-				try {
-					return range.intersectsNode(c);
-				} catch {
-					return false;
-				}
-			});
-			if (selected.length < 2) return;
-			const rows = [...new Set(selected.map((c) => c.closest("tr")))];
-			if (rows.length === 1) {
-				const row = rows[0];
-				const rowSelected = Array.from(row.cells).filter((c) => selected.includes(c));
-				if (rowSelected.length < 2) return;
-				const first = rowSelected[0];
-				first.colSpan = rowSelected.reduce((sum, c) => sum + (c.colSpan || 1), 0);
-				first.innerHTML = rowSelected.map((c) => c.innerHTML).join("");
-				rowSelected.slice(1).forEach((c) => row.removeChild(c));
-			} else {
-				if ([...new Set(selected.map((c) => getVisualColIndex(c)))].length !== 1) return;
-				const first = selected[0];
-				first.rowSpan = selected.reduce((sum, c) => sum + (c.rowSpan || 1), 0);
-				first.innerHTML = selected.map((c) => c.innerHTML).join("");
-				selected.slice(1).forEach((c) => {
-					if (c.closest("tr")) c.closest("tr").removeChild(c);
+			let selected = this._getSelectedCells().filter((c) => table.contains(c));
+			if (selected.length < 2) {
+				const sel = window.getSelection();
+				if (!sel || sel.rangeCount === 0) return;
+				const range = sel.getRangeAt(0);
+				selected = Array.from(table.querySelectorAll("td, th")).filter((c) => {
+					try {
+						return range.intersectsNode(c);
+					} catch {
+						return false;
+					}
 				});
+				if (selected.length < 2) return;
+			}
+			const { gridMap, cellPos } = buildGridMap(table);
+			let minR = Infinity, maxR = -Infinity, minC = Infinity, maxC = -Infinity;
+			selected.forEach((c) => {
+				const pos = cellPos.get(c);
+				if (!pos) return;
+				if (pos.r < minR) minR = pos.r;
+				if (pos.r + pos.rs - 1 > maxR) maxR = pos.r + pos.rs - 1;
+				if (pos.c < minC) minC = pos.c;
+				if (pos.c + pos.cs - 1 > maxC) maxC = pos.c + pos.cs - 1;
+			});
+			if (minR === Infinity) return;
+			const seen = /* @__PURE__ */ new Set();
+			const rectCells = [];
+			for (let r = minR; r <= maxR; r++) {
+				const rowMap = gridMap[r];
+				if (!rowMap) continue;
+				for (let c = minC; c <= maxC; c++) {
+					const tc = rowMap[c];
+					if (tc && !seen.has(tc)) {
+						seen.add(tc);
+						rectCells.push(tc);
+					}
+				}
 			}
+			if (rectCells.length < 2) return;
+			const first = rectCells[0];
+			first.colSpan = maxC - minC + 1;
+			first.rowSpan = maxR - minR + 1;
+			first.style.verticalAlign = "middle";
+			first.innerHTML = rectCells.map((c) => c.innerHTML).join("");
+			rectCells.slice(1).forEach((c) => c.parentElement?.removeChild(c));
+			this._clearSelection();
 			this.context.invoke("editor.afterCommand");
 		}
 		_deleteTable() {
@@ -5972,6 +6307,57 @@
 			if (table.parentNode) table.parentNode.removeChild(table);
 			this.context.invoke("editor.afterCommand");
 		}
+		_unmergeCells() {
+			const cells = this._getSelectedCells();
+			if (!cells.length) return;
+			const table = cells[0].closest("table");
+			if (!table) return;
+			const mergedCells = cells.filter((c) => table.contains(c) && ((c.colSpan || 1) > 1 || (c.rowSpan || 1) > 1));
+			if (!mergedCells.length) return;
+			mergedCells.forEach((cell) => {
+				if (table.contains(cell)) this._unmergeOne(cell, table);
+			});
+			this._clearSelection();
+			requestAnimationFrame(() => this._positionNear(this._activeTable));
+			this.context.invoke("editor.afterCommand");
+		}
+		/**
+		* Split a single merged cell (colspan/rowspan > 1) back into individual cells.
+		* New cells are empty (&nbsp;); the original cell retains its content.
+		* @param {HTMLTableCellElement} cell
+		* @param {HTMLTableElement} table
+		*/
+		_unmergeOne(cell, table) {
+			const cs = cell.colSpan || 1;
+			const rs = cell.rowSpan || 1;
+			if (cs === 1 && rs === 1) return;
+			const { cellPos } = buildGridMap(table);
+			const pos = cellPos.get(cell);
+			if (!pos) return;
+			const { r, c } = pos;
+			const tableRows = Array.from(table.rows);
+			const tag = cell.tagName.toLowerCase();
+			cell.rowSpan = 1;
+			cell.colSpan = 1;
+			cell.style.verticalAlign = "";
+			if (cs > 1) {
+				const insertRef = cell.nextElementSibling;
+				for (let dc = 1; dc < cs; dc++) tableRows[r].insertBefore(createElement(tag, {}, ["\xA0"]), insertRef);
+			}
+			for (let dr = 1; dr < rs; dr++) {
+				const targetRow = tableRows[r + dr];
+				if (!targetRow) continue;
+				let ref = null;
+				for (const tc of targetRow.cells) {
+					const tp = cellPos.get(tc);
+					if (tp && tp.c > c) {
+						ref = tc;
+						break;
+					}
+				}
+				for (let dc = 0; dc < cs; dc++) targetRow.insertBefore(createElement(tag, {}, ["\xA0"]), ref);
+			}
+		}
 		_buildSizePopover() {
 			const popover = createElement("div", { class: "an-size-popover" });
 			popover.style.display = "none";
@@ -6053,27 +6439,35 @@
 				};
 			} else {
 				const isCol = type === "col";
+				const activeCells = this._getSelectedCells().filter((c) => {
+					const t = c.closest("table");
+					return t && t === cell.closest("table");
+				});
 				this._sizeTitleEl.textContent = isCol ? "Column Width (px)" : "Row Height (px)";
 				this._sizeInputEl.min = "1";
 				this._sizeInputEl.max = "2000";
 				this._sizeInputEl.value = isCol ? cell.offsetWidth || 120 : cell.closest("tr") ? cell.closest("tr").offsetHeight || 40 : 40;
 				this._sizeApply = (val) => {
+					const table = cell.closest("table");
+					if (!table) return;
 					if (isCol) {
-						const table = cell.closest("table");
-						const visualColIdx = getVisualColIndex(cell);
-						Array.from(table.querySelectorAll("tr")).map((r) => getCellAtVisualCol(r, visualColIdx)).forEach((c) => {
-							if (c) {
-								c.style.width = `${val}px`;
-								c.style.minWidth = `${val}px`;
-							}
+						const colIndices = [...new Set(activeCells.map((c) => getVisualColIndex(c)))];
+						const tableRows = Array.from(table.querySelectorAll("tr"));
+						colIndices.forEach((colIdx) => {
+							tableRows.forEach((r) => {
+								const c = getCellAtVisualCol(r, colIdx);
+								if (c && (c.colSpan || 1) === 1) {
+									c.style.width = `${val}px`;
+									c.style.minWidth = `${val}px`;
+								}
+							});
 						});
-					} else {
-						const row = cell.closest("tr");
-						if (row) for (const c of row.cells) {
+					} else [...new Set(activeCells.map((c) => c.closest("tr")).filter(Boolean))].forEach((row) => {
+						for (const c of row.cells) {
 							c.style.height = `${val}px`;
 							c.style.minHeight = `${val}px`;
 						}
-					}
+					});
 					this.context.invoke("editor.afterCommand");
 				};
 			}
@@ -8928,7 +9322,13 @@
 				range.selectNodeContents(editable);
 				range.collapse(false);
 			}
+			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)) {
+				range.setStart(_tdAnchor, 0);
+				range.collapse(true);
+			}
 			const textNode = document.createTextNode(char);
 			range.insertNode(textNode);
 			range.setStartAfter(textNode);
@@ -9497,7 +9897,13 @@
 				range.selectNodeContents(editable);
 				range.collapse(false);
 			}
+			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)) {
+				range.setStart(_tdAnchor, 0);
+				range.collapse(true);
+			}
 			range.insertNode(iconEl);
 			let caretTextNode = iconEl.nextSibling;
 			if (!caretTextNode || caretTextNode.nodeType !== Node.TEXT_NODE) {