autumnnote 1.6.7 → 1.8.0

package/dist/autumnnote.umd.js

@@ -968,6 +968,13 @@
 		}
 	};
 	var removeFormatBtn = btn("removeFormat", "remove-format", "Remove Format", () => execCommand("removeFormat"));
+	var directionBtn = btn("direction", "direction", "Toggle Text Direction (LTR / RTL)", (ctx) => {
+		const editable = ctx.layoutInfo.editable;
+		const next = (editable.getAttribute("dir") || "ltr") === "ltr" ? "rtl" : "ltr";
+		editable.setAttribute("dir", next);
+		editable.style.textAlign = next === "rtl" ? "right" : "left";
+		ctx.invoke("editor.afterCommand");
+	});
 	/** @type {DropdownDef} */
 	var fontFamilyBtn = {
 		name: "fontFamily",
@@ -1090,9 +1097,122 @@
 	var fullscreenBtn = btn("fullscreen", "expand", "Fullscreen", (ctx) => ctx.invoke("fullscreen.toggle"), (ctx) => ctx.invoke("fullscreen.isActive"));
 	var shortcutsBtn = btn("shortcuts", "keyboard", "Keyboard Shortcuts (Ctrl+Shift+/)", (ctx) => ctx.invoke("shortcutsDialog.show"));
 	var findBtn = btn("find", "search", "Find (Ctrl+F)", (ctx) => ctx.invoke("findReplace.show", "find"));
+	var findReplaceBtn = btn("findReplace", "find-replace", "Find & Replace (Ctrl+H)", (ctx) => ctx.invoke("findReplace.show", "replace"));
 	var inlineCodeBtn = btn("inlineCode", "inline-code", "Inline Code (Ctrl+`)", (ctx) => ctx.invoke("editor.inlineCode"), () => isInlineCode());
 	var checklistBtn = btn("checklist", "checklist", "Checklist", (ctx) => ctx.invoke("editor.toggleChecklist"), () => isInChecklist());
 	var printBtn = btn("print", "print", "Print", (ctx) => ctx.invoke("editor.print"));
+	/** @type {{ name: string, type: 'colorpicker', icon: string, tooltip: string, defaultColor: string, action: Function }} */
+	var foreColorBtn = {
+		name: "foreColor",
+		type: "colorpicker",
+		icon: "foreColor",
+		tooltip: "Text Color",
+		defaultColor: "#e11d48",
+		action: (ctx, color) => foreColor(color)
+	};
+	/** @type {{ name: string, type: 'colorpicker', icon: string, tooltip: string, defaultColor: string, action: Function }} */
+	var backColorBtn = {
+		name: "backColor",
+		type: "colorpicker",
+		icon: "backColor",
+		tooltip: "Highlight Color",
+		defaultColor: "#fbbf24",
+		action: (ctx, color) => backColor(color)
+	};
+	/**
+	* The default toolbar button groups.
+	* Each sub-array is a button group (separated by a divider).
+	*/
+	var defaultToolbar = [
+		[
+			paragraphStyleBtn,
+			fontFamilyBtn,
+			fontSizeBtn,
+			lineHeightBtn
+		],
+		[undoBtn, redoBtn],
+		[
+			boldBtn,
+			italicBtn,
+			underlineBtn,
+			strikeBtn,
+			inlineCodeBtn
+		],
+		[superscriptBtn, subscriptBtn],
+		[foreColorBtn, backColorBtn],
+		[
+			alignLeftBtn,
+			alignCenterBtn,
+			alignRightBtn,
+			alignJustifyBtn
+		],
+		[
+			ulBtn,
+			olBtn,
+			checklistBtn,
+			indentBtn,
+			outdentBtn
+		],
+		[
+			hrBtn,
+			linkBtn,
+			imageBtn,
+			videoBtn,
+			tableBtn,
+			emojiBtn,
+			iconBtn
+		],
+		[
+			removeFormatBtn,
+			codeviewBtn,
+			fullscreenBtn,
+			findBtn,
+			printBtn,
+			shortcutsBtn
+		]
+	];
+	var buttons = {
+		boldBtn,
+		italicBtn,
+		underlineBtn,
+		strikeBtn,
+		superscriptBtn,
+		subscriptBtn,
+		alignLeftBtn,
+		alignCenterBtn,
+		alignRightBtn,
+		alignJustifyBtn,
+		ulBtn,
+		olBtn,
+		indentBtn,
+		outdentBtn,
+		undoBtn,
+		redoBtn,
+		hrBtn,
+		linkBtn,
+		imageBtn,
+		videoBtn,
+		emojiBtn,
+		iconBtn,
+		tableBtn,
+		fontSizeBtn,
+		removeFormatBtn,
+		directionBtn,
+		fontFamilyBtn,
+		paragraphStyleBtn,
+		lineHeightBtn,
+		codeviewBtn,
+		fullscreenBtn,
+		shortcutsBtn,
+		findBtn,
+		findReplaceBtn,
+		inlineCodeBtn,
+		checklistBtn,
+		printBtn,
+		foreColorBtn,
+		backColorBtn,
+		defaultToolbar
+	};
 	//#endregion
 	//#region src/js/settings.js
 	/**
@@ -1166,68 +1286,7 @@
 		maxHeight: 0,
 		focus: false,
 		resizable: true,
-		toolbar: [
-			[
-				paragraphStyleBtn,
-				fontFamilyBtn,
-				fontSizeBtn,
-				lineHeightBtn
-			],
-			[undoBtn, redoBtn],
-			[
-				boldBtn,
-				italicBtn,
-				underlineBtn,
-				strikeBtn,
-				inlineCodeBtn
-			],
-			[superscriptBtn, subscriptBtn],
-			[{
-				name: "foreColor",
-				type: "colorpicker",
-				icon: "foreColor",
-				tooltip: "Text Color",
-				defaultColor: "#e11d48",
-				action: (ctx, color) => foreColor(color)
-			}, {
-				name: "backColor",
-				type: "colorpicker",
-				icon: "backColor",
-				tooltip: "Highlight Color",
-				defaultColor: "#fbbf24",
-				action: (ctx, color) => backColor(color)
-			}],
-			[
-				alignLeftBtn,
-				alignCenterBtn,
-				alignRightBtn,
-				alignJustifyBtn
-			],
-			[
-				ulBtn,
-				olBtn,
-				checklistBtn,
-				indentBtn,
-				outdentBtn
-			],
-			[
-				hrBtn,
-				linkBtn,
-				imageBtn,
-				videoBtn,
-				tableBtn,
-				emojiBtn,
-				iconBtn
-			],
-			[
-				removeFormatBtn,
-				codeviewBtn,
-				fullscreenBtn,
-				findBtn,
-				printBtn,
-				shortcutsBtn
-			]
-		],
+		toolbar: defaultToolbar,
 		useBootstrap: false,
 		toolbarButtonClass: "btn btn-sm btn-light",
 		useFontAwesome: true,
@@ -1448,6 +1507,7 @@
 			findPlaceholder: "Find…",
 			searchAriaLabel: "Search text",
 			caseSensitive: "\xA0Case sensitive",
+			wholeWord: "Whole Word",
 			prevBtn: "← Prev",
 			nextBtn: "Next →",
 			replacePlaceholder: "Replace with…",
@@ -1455,8 +1515,15 @@
 			replaceBtn: "Replace",
 			replaceAllBtn: "Replace All",
 			noResults: "No results",
+			useRegex: "Use Regular Expression",
 			close: "×"
 		},
+		autoSaveRestore: {
+			found: "Draft found. Restore?",
+			foundAt: "Draft from {date}. Restore?",
+			restore: "Restore",
+			discard: "Discard"
+		},
 		shortcutsDialog: {
 			title: "Keyboard Shortcuts",
 			ariaLabel: "Keyboard Shortcuts",
@@ -1600,7 +1667,8 @@
 				enableWordWrap: "Enable Word Wrap",
 				disableWordWrap: "Disable Word Wrap",
 				convertToParagraph: "Convert to Paragraph",
-				deleteCodeBlock: "Delete Code Block"
+				deleteCodeBlock: "Delete Code Block",
+				lineNumbers: "Toggle Line Numbers"
 			},
 			table: {
 				ariaLabel: "Table actions",
@@ -1617,14 +1685,26 @@
 				columnWidth: "Column Width",
 				rowHeight: "Row Height",
 				tableBorderWidth: "Table Border Width",
+				tableBorderColor: "Table Border Color",
 				deleteTable: "Delete Table",
+				cellAlignLeft: "Align Left",
+				cellAlignCenter: "Align Center",
+				cellAlignRight: "Align Right",
+				cellAlignJustify: "Align Justify",
+				toggleHeaderRow: "Toggle Header Row",
 				cellBackground: "Cell Background",
 				noShading: "No Shading",
+				noBorderColor: "No Border Color",
 				columnWidthPx: "Column Width (px)",
 				rowHeightPx: "Row Height (px)",
 				tableBorderWidthPx: "Table Border Width (px)",
 				cancelBtn: "Cancel",
-				applyBtn: "Apply"
+				applyBtn: "Apply",
+				sortAsc: "Sort Ascending",
+				sortDesc: "Sort Descending",
+				exportCSV: "Export as CSV",
+				cellPadding: "Cell Padding",
+				cellPaddingPx: "Cell Padding (px)"
 			},
 			video: {
 				ariaLabel: "Video actions",
@@ -1816,6 +1896,7 @@
 				replaceBtn: "Thay thế",
 				replaceAllBtn: "Thay thế tất cả",
 				noResults: "Không có kết quả",
+				useRegex: "Dùng biểu thức chính quy",
 				close: "×"
 			},
 			shortcutsDialog: {
@@ -1957,7 +2038,8 @@
 					enableWordWrap: "Bật xuống dòng",
 					disableWordWrap: "Tắt xuống dòng",
 					convertToParagraph: "Chuyển thành đoạn văn",
-					deleteCodeBlock: "Xóa khối mã"
+					deleteCodeBlock: "Xóa khối mã",
+					lineNumbers: "Bật/Tắt số dòng"
 				},
 				table: {
 					ariaLabel: "Hành động bảng",
@@ -1981,7 +2063,12 @@
 					rowHeightPx: "Chiều cao hàng (px)",
 					tableBorderWidthPx: "Độ rộng viền bảng (px)",
 					cancelBtn: "Hủy",
-					applyBtn: "Áp dụng"
+					applyBtn: "Áp dụng",
+					sortAsc: "Sắp xếp tăng dần",
+					sortDesc: "Sắp xếp giảm dần",
+					exportCSV: "Xuất CSV",
+					cellPadding: "Khoảng đệm ô",
+					cellPaddingPx: "Khoảng đệm ô (px)"
 				},
 				video: {
 					ariaLabel: "Hành động video",
@@ -1999,6 +2086,12 @@
 			errors: {
 				imageFormat: (type) => `Định dạng "${type}" không được hỗ trợ hiển thị trên trình duyệt. Vui lòng chuyển đổi sang JPEG, PNG hoặc WebP.`,
 				imageSize: (maxSize) => `Tệp hình ảnh quá lớn. Kích thước tối đa cho phép là ${maxSize} MB.`
+			},
+			autoSaveRestore: {
+				found: "Tìm thấy bản nháp. Khôi phục?",
+				foundAt: "Bản nháp từ {date}. Khôi phục?",
+				restore: "Khôi phục",
+				discard: "Bỏ qua"
 			}
 		},
 		ja: {
@@ -2148,6 +2241,7 @@
 				replaceAriaLabel: "置換後のテキスト",
 				replaceBtn: "置換",
 				noResults: "結果なし",
+				useRegex: "正規表現を使用",
 				replaceAllBtn: "すべて置換",
 				close: "×"
 			},
@@ -2290,7 +2384,8 @@
 					enableWordWrap: "折り返しを有効にする",
 					disableWordWrap: "折り返しを無効にする",
 					convertToParagraph: "段落に変換",
-					deleteCodeBlock: "コードブロックを削除"
+					deleteCodeBlock: "コードブロックを削除",
+					lineNumbers: "行番号を切り替え"
 				},
 				table: {
 					ariaLabel: "テーブル操作",
@@ -2312,7 +2407,12 @@
 					rowHeightPx: "行の高さ (px)",
 					tableBorderWidthPx: "テーブルの枠幅 (px)",
 					cancelBtn: "キャンセル",
-					applyBtn: "適用"
+					applyBtn: "適用",
+					sortAsc: "昇順で並べ替え",
+					sortDesc: "降順で並べ替え",
+					exportCSV: "CSVとしてエクスポート",
+					cellPadding: "セルの余白",
+					cellPaddingPx: "セルの余白 (px)"
 				},
 				video: {
 					ariaLabel: "動画操作",
@@ -2330,6 +2430,12 @@
 			errors: {
 				imageFormat: (type) => `形式 "${type}" はブラウザでの表示をサポートしていません。JPEG、PNG、または WebP に変換してください。`,
 				imageSize: (maxSize) => `画像ファイルが大きすぎます。最大許容サイズは ${maxSize} MB です。`
+			},
+			autoSaveRestore: {
+				found: "下書きが見つかりました。復元しますか？",
+				foundAt: "{date} の下書きが見つかりました。復元しますか？",
+				restore: "復元",
+				discard: "破棄"
 			}
 		},
 		zh: {
@@ -2479,6 +2585,7 @@
 				replaceAriaLabel: "替换为",
 				replaceBtn: "替换",
 				noResults: "没有结果",
+				useRegex: "使用正则表达式",
 				replaceAllBtn: "全部替换",
 				close: "×"
 			},
@@ -2621,7 +2728,8 @@
 					enableWordWrap: "启用自动换行",
 					disableWordWrap: "禁用自动换行",
 					convertToParagraph: "转换为段落",
-					deleteCodeBlock: "删除代码块"
+					deleteCodeBlock: "删除代码块",
+					lineNumbers: "切换行号"
 				},
 				table: {
 					ariaLabel: "表格操作",
@@ -2643,7 +2751,12 @@
 					rowHeightPx: "行高 (px)",
 					tableBorderWidthPx: "表格边框宽度 (px)",
 					cancelBtn: "取消",
-					applyBtn: "应用"
+					applyBtn: "应用",
+					sortAsc: "升序排列",
+					sortDesc: "降序排列",
+					exportCSV: "导出为 CSV",
+					cellPadding: "单元格内边距",
+					cellPaddingPx: "单元格内边距 (px)"
 				},
 				video: {
 					ariaLabel: "视频操作",
@@ -2661,6 +2774,12 @@
 			errors: {
 				imageFormat: (type) => `格式 "${type}" 不支持在浏览器中显示。请转换为 JPEG、PNG 或 WebP。`,
 				imageSize: (maxSize) => `图片文件过大。最大允许大小为 ${maxSize} MB。`
+			},
+			autoSaveRestore: {
+				found: "找到草稿。是否恢复？",
+				foundAt: "发现 {date} 的草稿。是否恢复？",
+				restore: "恢复",
+				discard: "放弃"
 			}
 		},
 		fr: {
@@ -2810,6 +2929,7 @@
 				replaceAriaLabel: "Remplacer par",
 				replaceBtn: "Remplacer",
 				noResults: "Aucun résultat",
+				useRegex: "Utiliser une expression régulière",
 				replaceAllBtn: "Tout remplacer",
 				close: "×"
 			},
@@ -2952,7 +3072,8 @@
 					enableWordWrap: "Activer le retour à la ligne",
 					disableWordWrap: "Désactiver le retour à la ligne",
 					convertToParagraph: "Convertir en paragraphe",
-					deleteCodeBlock: "Supprimer le bloc de code"
+					deleteCodeBlock: "Supprimer le bloc de code",
+					lineNumbers: "Activer/désactiver les numéros de ligne"
 				},
 				table: {
 					ariaLabel: "Actions du tableau",
@@ -2974,7 +3095,12 @@
 					rowHeightPx: "Hauteur de ligne (px)",
 					tableBorderWidthPx: "Épaisseur des bordures (px)",
 					cancelBtn: "Annuler",
-					applyBtn: "Appliquer"
+					applyBtn: "Appliquer",
+					sortAsc: "Trier par ordre croissant",
+					sortDesc: "Trier par ordre décroissant",
+					exportCSV: "Exporter en CSV",
+					cellPadding: "Rembourrage des cellules",
+					cellPaddingPx: "Rembourrage des cellules (px)"
 				},
 				video: {
 					ariaLabel: "Actions de la vidéo",
@@ -2992,6 +3118,12 @@
 			errors: {
 				imageFormat: (type) => `Le format "${type}" n'est pas pris en charge par le navigateur. Veuillez le convertir en JPEG, PNG ou WebP.`,
 				imageSize: (maxSize) => `Le fichier image est trop volumineux. La taille maximale autorisée est de ${maxSize}\u00a0Mo.`
+			},
+			autoSaveRestore: {
+				found: "Brouillon trouvé. Restaurer ?",
+				foundAt: "Brouillon du {date}. Restaurer ?",
+				restore: "Restaurer",
+				discard: "Ignorer"
 			}
 		},
 		de: {
@@ -3141,6 +3273,7 @@
 				replaceAriaLabel: "Ersetzen durch",
 				replaceBtn: "Ersetzen",
 				noResults: "Keine Ergebnisse",
+				useRegex: "Regulären Ausdruck verwenden",
 				replaceAllBtn: "Alle ersetzen",
 				close: "×"
 			},
@@ -3283,7 +3416,8 @@
 					enableWordWrap: "Zeilenumbruch aktivieren",
 					disableWordWrap: "Zeilenumbruch deaktivieren",
 					convertToParagraph: "In Absatz umwandeln",
-					deleteCodeBlock: "Codeblock löschen"
+					deleteCodeBlock: "Codeblock löschen",
+					lineNumbers: "Zeilennummern umschalten"
 				},
 				table: {
 					ariaLabel: "Tabellen-Aktionen",
@@ -3305,7 +3439,12 @@
 					rowHeightPx: "Zeilenhöhe (px)",
 					tableBorderWidthPx: "Tabellenrahmenbreite (px)",
 					cancelBtn: "Abbrechen",
-					applyBtn: "Anwenden"
+					applyBtn: "Anwenden",
+					sortAsc: "Aufsteigend sortieren",
+					sortDesc: "Absteigend sortieren",
+					exportCSV: "Als CSV exportieren",
+					cellPadding: "Zellauffüllung",
+					cellPaddingPx: "Zellauffüllung (px)"
 				},
 				video: {
 					ariaLabel: "Video-Aktionen",
@@ -3323,6 +3462,12 @@
 			errors: {
 				imageFormat: (type) => `Das Format „${type}" wird in Webbrowsern nicht unterstützt. Bitte konvertieren Sie es zuerst in JPEG, PNG oder WebP.`,
 				imageSize: (maxSize) => `Die Bilddatei ist zu groß. Die maximal zulässige Größe beträgt ${maxSize} MB.`
+			},
+			autoSaveRestore: {
+				found: "Entwurf gefunden. Wiederherstellen?",
+				foundAt: "Entwurf vom {date}. Wiederherstellen?",
+				restore: "Wiederherstellen",
+				discard: "Verwerfen"
 			}
 		},
 		es: {
@@ -3472,6 +3617,7 @@
 				replaceAriaLabel: "Reemplazar con",
 				replaceBtn: "Reemplazar",
 				noResults: "Sin resultados",
+				useRegex: "Usar expresión regular",
 				replaceAllBtn: "Reemplazar todo",
 				close: "×"
 			},
@@ -3614,7 +3760,8 @@
 					enableWordWrap: "Activar ajuste de línea",
 					disableWordWrap: "Desactivar ajuste de línea",
 					convertToParagraph: "Convertir en párrafo",
-					deleteCodeBlock: "Eliminar bloque de código"
+					deleteCodeBlock: "Eliminar bloque de código",
+					lineNumbers: "Alternar números de línea"
 				},
 				table: {
 					ariaLabel: "Acciones de tabla",
@@ -3636,7 +3783,12 @@
 					rowHeightPx: "Alto de fila (px)",
 					tableBorderWidthPx: "Grosor del borde (px)",
 					cancelBtn: "Cancelar",
-					applyBtn: "Aplicar"
+					applyBtn: "Aplicar",
+					sortAsc: "Ordenar ascendente",
+					sortDesc: "Ordenar descendente",
+					exportCSV: "Exportar como CSV",
+					cellPadding: "Relleno de celda",
+					cellPaddingPx: "Relleno de celda (px)"
 				},
 				video: {
 					ariaLabel: "Acciones de vídeo",
@@ -3654,6 +3806,12 @@
 			errors: {
 				imageFormat: (type) => `El formato "${type}" no es compatible con los navegadores web. Por favor, conviértalo primero a JPEG, PNG o WebP.`,
 				imageSize: (maxSize) => `El archivo de imagen es demasiado grande. El tamaño máximo permitido es ${maxSize} MB.`
+			},
+			autoSaveRestore: {
+				found: "Borrador encontrado. ¿Restaurar?",
+				foundAt: "Borrador del {date}. ¿Restaurar?",
+				restore: "Restaurar",
+				discard: "Descartar"
 			}
 		},
 		ko: {
@@ -3803,6 +3961,7 @@
 				replaceAriaLabel: "바꿀 내용",
 				replaceBtn: "바꾸기",
 				noResults: "결과 없음",
+				useRegex: "정규식 사용",
 				replaceAllBtn: "모두 바꾸기",
 				close: "×"
 			},
@@ -3945,7 +4104,8 @@
 					enableWordWrap: "줄 바꿈 사용",
 					disableWordWrap: "줄 바꿈 해제",
 					convertToParagraph: "단락으로 변환",
-					deleteCodeBlock: "코드 블록 삭제"
+					deleteCodeBlock: "코드 블록 삭제",
+					lineNumbers: "줄 번호 전환"
 				},
 				table: {
 					ariaLabel: "표 작업",
@@ -3967,7 +4127,12 @@
 					rowHeightPx: "행 높이 (px)",
 					tableBorderWidthPx: "표 테두리 너비 (px)",
 					cancelBtn: "취소",
-					applyBtn: "적용"
+					applyBtn: "적용",
+					sortAsc: "오름차순 정렬",
+					sortDesc: "내림차순 정렬",
+					exportCSV: "CSV로 내보내기",
+					cellPadding: "셀 패딩",
+					cellPaddingPx: "셀 패딩 (px)"
 				},
 				video: {
 					ariaLabel: "동영상 작업",
@@ -3985,6 +4150,12 @@
 			errors: {
 				imageFormat: (type) => `"${type}" 형식은 웹 브라우저에서 지원되지 않습니다. JPEG, PNG 또는 WebP로 변환해 주세요.`,
 				imageSize: (maxSize) => `이미지 파일이 너무 큽니다. 최대 허용 크기는 ${maxSize} MB입니다.`
+			},
+			autoSaveRestore: {
+				found: "초안을 찾았습니다. 복원하시겠습니까?",
+				foundAt: "{date}의 초안을 찾았습니다. 복원하시겠습니까?",
+				restore: "복원",
+				discard: "삭제"
 			}
 		}
 	};
@@ -4181,6 +4352,9 @@
 		if (options.theme === "dark") {
 			container.classList.add("an-theme-dark");
 			document.body.classList.add("an-theme-dark");
+		} else if (options.theme === "auto") {
+			container.classList.add("an-theme-auto");
+			document.body.classList.add("an-theme-auto");
 		}
 		if (options.readOnly) {
 			container.classList.add("an-disabled");
@@ -4406,6 +4580,14 @@
 		canRedo() {
 			return this.stackOffset < this.stack.length - 1;
 		}
+		/** @returns {number} */
+		getUndoCount() {
+			return Math.max(0, this.stackOffset);
+		}
+		/** @returns {number} */
+		getRedoCount() {
+			return Math.max(0, this.stack.length - 1 - this.stackOffset);
+		}
 	};
 	//#endregion
 	//#region src/js/editing/Table.js
@@ -5478,6 +5660,12 @@
 		canRedo() {
 			return this._history ? this._history.canRedo() : false;
 		}
+		getUndoCount() {
+			return this._history ? this._history.getUndoCount() : 0;
+		}
+		getRedoCount() {
+			return this._history ? this._history.getRedoCount() : 0;
+		}
 		bold() {
 			bold();
 			this.afterCommand();
@@ -6339,9 +6527,21 @@
 				this._bindResize(handle);
 				this.el.appendChild(handle);
 			}
-			this._wordCountEl = createElement("span", { class: "an-word-count" });
-			this._charCountEl = createElement("span", { class: "an-char-count" });
-			const info = createElement("div", { class: "an-status-info" });
+			this._wordCountEl = createElement("span", {
+				class: "an-word-count",
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true"
+			});
+			this._charCountEl = createElement("span", {
+				class: "an-char-count",
+				"aria-live": "polite",
+				"aria-atomic": "true"
+			});
+			const info = createElement("div", {
+				class: "an-status-info",
+				"aria-label": "Editor statistics"
+			});
 			info.appendChild(this._wordCountEl);
 			info.appendChild(this._charCountEl);
 			this.el.appendChild(info);
@@ -6581,6 +6781,15 @@
 			if (!clipboardData) return;
 			const forcePlain = this._forcePlain;
 			this._forcePlain = false;
+			const maxBytes = (this.options.maxPasteSize ?? 5) * 1024 * 1024;
+			if (maxBytes > 0) {
+				const text = clipboardData.getData("text/plain") || "";
+				const html = clipboardData.getData("text/html") || "";
+				if (Math.max(text.length, html.length) > maxBytes) {
+					event.preventDefault();
+					return;
+				}
+			}
 			if (clipboardData.items) {
 				const imageItems = Array.from(clipboardData.items).filter((item) => item.kind === "file" && item.type.startsWith("image/"));
 				if (imageItems.length > 0) {
@@ -6999,6 +7208,10 @@
 			this._firstInput = null;
 			this._removeTrap = null;
 		}
+		/** @returns {HTMLElement} */
+		_buildDialog() {
+			throw new Error("_buildDialog() must be implemented by subclass");
+		}
 		initialize() {
 			this._dialog = this._buildDialog();
 			document.body.appendChild(this._dialog);
@@ -7699,6 +7912,7 @@
 			const aspectRatio = startW / (startH || 1);
 			const isCorner = pos.length === 2;
 			const editable = this.context.layoutInfo.editable;
+			const minSz = this.context.options?.minImageSize ?? 20;
 			let _raf = null;
 			const onMove = (me) => {
 				if (_raf !== null) return;
@@ -7711,15 +7925,15 @@
 					const maxW = editable.clientWidth || Infinity;
 					let newW = startW;
 					let newH = startH;
-					if (pos.includes("e")) newW = Math.max(20, startW + dx);
-					if (pos.includes("w")) newW = Math.max(20, startW - dx);
-					if (pos.includes("s")) newH = Math.max(20, startH + dy);
-					if (pos.includes("n")) newH = Math.max(20, startH - dy);
+					if (pos.includes("e")) newW = Math.max(minSz, startW + dx);
+					if (pos.includes("w")) newW = Math.max(minSz, startW - dx);
+					if (pos.includes("s")) newH = Math.max(minSz, startH + dy);
+					if (pos.includes("n")) newH = Math.max(minSz, startH - dy);
 					newW = Math.min(newW, maxW);
-					if (isCorner) if (Math.abs(dx) >= Math.abs(dy)) newH = Math.max(20, Math.round(newW / aspectRatio));
+					if (isCorner) if (Math.abs(dx) >= Math.abs(dy)) newH = Math.max(minSz, Math.round(newW / aspectRatio));
 					else {
-						newW = Math.min(Math.max(20, Math.round(newH * aspectRatio)), maxW);
-						newH = Math.max(20, Math.round(newW / aspectRatio));
+						newW = Math.min(Math.max(minSz, Math.round(newH * aspectRatio)), maxW);
+						newH = Math.max(minSz, Math.round(newW / aspectRatio));
 					}
 					img.style.width = `${newW}px`;
 					img.style.height = `${newH}px`;
@@ -8781,7 +8995,17 @@
 		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>`,
 		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>`,
-		cellShade: `<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"><path d="M19 11L8.93 3.36a1 1 0 0 0-1.29.08L3.22 7.8a1 1 0 0 0-.07 1.29L11 20"/><path d="m5 14 5-5"/><path d="M22 22a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2c0-1.5 2.5-5 3.5-5s3.5 3.5 3.5 5z"/></svg>`
+		cellShade: `<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"><path d="M19 11L8.93 3.36a1 1 0 0 0-1.29.08L3.22 7.8a1 1 0 0 0-.07 1.29L11 20"/><path d="m5 14 5-5"/><path d="M22 22a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2c0-1.5 2.5-5 3.5-5s3.5 3.5 3.5 5z"/></svg>`,
+		borderColor: `<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="14" rx="1"/><line x1="3" y1="10" x2="21" y2="10" stroke-width="1.5"/><line x1="12" y1="3" x2="12" y2="17" stroke-width="1.5"/><path d="M3 21h18" stroke-width="3"/></svg>`,
+		alignLeft: `<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="21" y1="6" x2="3" y2="6"/><line x1="15" y1="12" x2="3" y2="12"/><line x1="17" y1="18" x2="3" y2="18"/></svg>`,
+		alignCenter: `<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="21" y1="6" x2="3" y2="6"/><line x1="17" y1="12" x2="7" y2="12"/><line x1="19" y1="18" x2="5" y2="18"/></svg>`,
+		alignRight: `<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="21" y1="6" x2="3" y2="6"/><line x1="21" y1="12" x2="9" y2="12"/><line x1="21" y1="18" x2="7" y2="18"/></svg>`,
+		alignJustify: `<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="21" y1="6" x2="3" y2="6"/><line x1="21" y1="12" x2="3" y2="12"/><line x1="21" y1="18" x2="3" y2="18"/></svg>`,
+		headerRow: `<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"/><rect x="3" y="3" width="18" height="8" rx="1" fill="currentColor" opacity="0.2"/><line x1="3" y1="11" x2="21" y2="11"/><line x1="3" y1="16" x2="21" y2="16"/><line x1="9" y1="11" x2="9" y2="21"/><line x1="15" y1="11" x2="15" y2="21"/></svg>`,
+		sortAsc: `<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="6" x2="11" y2="6"/><line x1="4" y1="12" x2="11" y2="12"/><line x1="4" y1="18" x2="13" y2="18"/><path d="M15 9l3-3 3 3"/><line x1="18" y1="6" x2="18" y2="18"/></svg>`,
+		sortDesc: `<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="6" x2="13" y2="6"/><line x1="4" y1="12" x2="11" y2="12"/><line x1="4" y1="18" x2="11" y2="18"/><path d="M15 15l3 3 3-3"/><line x1="18" y1="6" x2="18" y2="18"/></svg>`,
+		exportCSV: `<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"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>`,
+		cellPadding: `<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"/><rect x="7" y="7" width="10" height="10" rx="0.5" stroke-dasharray="2 1.5"/></svg>`
 	};
 	var SHADE_PRESETS = [
 		"#000000",
@@ -8826,6 +9050,10 @@
 			this._shadePopover = null;
 			this._shadeTitleEl = null;
 			this._shadeColorStrip = null;
+			this._borderColorPopover = null;
+			this._borderColorTitleEl = null;
+			this._borderColorStrip = null;
+			this._borderColorNoBtn = null;
 			this._selectMode = false;
 			this._selectedCells = [];
 			this._selectStart = null;
@@ -8840,6 +9068,8 @@
 			document.body.appendChild(this._sizePopover);
 			this._shadePopover = this._buildCellShadePopover();
 			document.body.appendChild(this._shadePopover);
+			this._borderColorPopover = this._buildBorderColorPopover();
+			document.body.appendChild(this._borderColorPopover);
 			const editable = this.context.layoutInfo.editable;
 			this._editable = editable;
 			const onSelMousedown = (e) => {
@@ -8881,7 +9111,7 @@
 			}, { passive: true }), on(document, "click", (e) => {
 				const et = e.target;
 				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();
+				if (this._activeTable && !this._activeTable.contains(et) && !this._el.contains(et) && !this._sizePopover?.contains(et) && !this._borderColorPopover?.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;
@@ -9016,6 +9246,8 @@
 			this._sizePopover = null;
 			if (this._shadePopover?.parentNode) this._shadePopover.remove();
 			this._shadePopover = null;
+			if (this._borderColorPopover?.parentNode) this._borderColorPopover.remove();
+			this._borderColorPopover = null;
 		}
 		_buildTooltip() {
 			const L = this.context.locale.tooltips.table;
@@ -9039,10 +9271,18 @@
 			el.appendChild(this._makeBtn(ICONS$2.colLeft, L.addColumnLeft, () => this._addColumn("left")));
 			el.appendChild(this._makeBtn(ICONS$2.colRight, L.addColumnRight, () => this._addColumn("right")));
 			el.appendChild(this._makeBtn(ICONS$2.deleteCol, L.deleteColumn, () => this._deleteColumn()));
+			el.appendChild(this._makeBtn(ICONS$2.sortAsc, L.sortAsc, () => this._sortColumn("asc")));
+			el.appendChild(this._makeBtn(ICONS$2.sortDesc, L.sortDesc, () => this._sortColumn("desc")));
 			el.appendChild(this._sep());
 			el.appendChild(this._makeBtn(ICONS$2.mergeCells, L.mergeCells, () => this._mergeCells()));
 			el.appendChild(this._makeBtn(ICONS$2.unmergeCells, L.unmergeCells, () => this._unmergeCells()));
 			el.appendChild(this._sep());
+			el.appendChild(this._makeBtn(ICONS$2.alignLeft, L.cellAlignLeft, () => this._applyCellAlign("left")));
+			el.appendChild(this._makeBtn(ICONS$2.alignCenter, L.cellAlignCenter, () => this._applyCellAlign("center")));
+			el.appendChild(this._makeBtn(ICONS$2.alignRight, L.cellAlignRight, () => this._applyCellAlign("right")));
+			el.appendChild(this._makeBtn(ICONS$2.alignJustify, L.cellAlignJustify, () => this._applyCellAlign("justify")));
+			el.appendChild(this._makeBtn(ICONS$2.headerRow, L.toggleHeaderRow, () => this._toggleHeaderRow()));
+			el.appendChild(this._sep());
 			const shadeBtn = createElement("button", {
 				type: "button",
 				class: "an-link-tooltip-btn an-link-tooltip-btn--shade",
@@ -9064,12 +9304,33 @@
 			el.appendChild(this._makeBtn(ICONS$2.colWidth, L.columnWidth, () => this._openSizePopover("col")));
 			el.appendChild(this._makeBtn(ICONS$2.rowHeight, L.rowHeight, () => this._openSizePopover("row")));
 			el.appendChild(this._makeBtn(ICONS$2.tableBorder, L.tableBorderWidth, () => this._openSizePopover("border")));
+			el.appendChild(this._makeBtn(ICONS$2.cellPadding, L.cellPadding, () => this._openSizePopover("cellPadding")));
+			const borderColorBtn = createElement("button", {
+				type: "button",
+				class: "an-link-tooltip-btn an-link-tooltip-btn--shade",
+				title: L.tableBorderColor
+			});
+			const borderColorSvgWrap = createElement("span", { class: "an-bubble-btn-svg" });
+			borderColorSvgWrap.innerHTML = ICONS$2.borderColor;
+			const borderColorStrip = createElement("span", { class: "an-link-tooltip-color-strip" });
+			borderColorBtn.appendChild(borderColorSvgWrap);
+			borderColorBtn.appendChild(borderColorStrip);
+			this._borderColorStrip = borderColorStrip;
+			this._disposers.push(on(borderColorBtn, "click", (e) => {
+				e.preventDefault();
+				e.stopPropagation();
+				this._openBorderColorPopover();
+			}));
+			el.appendChild(borderColorBtn);
 			el.appendChild(this._sep());
 			el.appendChild(this._makeBtn(ICONS$2.deleteTable, L.deleteTable, () => this._deleteTable(), true));
+			el.appendChild(this._sep());
+			el.appendChild(this._makeBtn(ICONS$2.exportCSV, L.exportCSV, () => this._exportTableCSV()));
 			this._disposers.push(on(el, "mouseenter", () => this._clearTimers()), on(el, "mouseleave", () => {
 				if (this._selectMode) return;
 				if (this._sizePopover && this._sizePopover.style.display !== "none") return;
 				if (this._shadePopover && this._shadePopover.style.display !== "none") return;
+				if (this._borderColorPopover && this._borderColorPopover.style.display !== "none") return;
 				this._scheduleHide();
 			}));
 			return el;
@@ -9117,6 +9378,7 @@
 			if (!this._activeTable) return;
 			this._el.style.display = "flex";
 			this._syncShadeStrip();
+			this._syncBorderColorStrip();
 			requestAnimationFrame(() => {
 				if (this._activeTable) this._positionNear(this._activeTable);
 			});
@@ -9138,6 +9400,7 @@
 			this._clearSelection();
 			this._clearTimers();
 			this._hideSizePopover();
+			this._hideBorderColorPopover();
 		}
 		_clearTimers() {
 			clearTimeout(this._showTimer);
@@ -9537,6 +9800,19 @@
 					});
 					this.context.invoke("editor.afterCommand");
 				};
+			} else if (type === "cellPadding") {
+				const firstCell = this._getSelectedCells()[0] || this._getCell();
+				const currentPad = firstCell ? Number.parseInt(firstCell.style.padding, 10) || Number.parseInt(firstCell.style.paddingTop, 10) || 4 : 4;
+				this._sizeTitleEl.textContent = this.context.locale.tooltips.table.cellPaddingPx;
+				this._sizeInputEl.min = "0";
+				this._sizeInputEl.max = "40";
+				this._sizeInputEl.value = String(currentPad);
+				this._sizeApply = (val) => {
+					this._getSelectedCells().forEach((c) => {
+						if (c) c.style.padding = `${val}px`;
+					});
+					this.context.invoke("editor.afterCommand");
+				};
 			} else {
 				const isCol = type === "col";
 				const activeCells = this._getSelectedCells().filter((c) => {
@@ -9633,7 +9909,7 @@
 				value: "#ffffff"
 			});
 			const customLabel = createElement("span");
-			customLabel.textContent = "Custom…";
+			customLabel.textContent = this.context.locale.contextMenu.customColorLabel;
 			this._disposers.push(on(colorInput, "change", () => this._applyCellShade(colorInput.value)));
 			customRow.appendChild(colorInput);
 			customRow.appendChild(customLabel);
@@ -9674,6 +9950,172 @@
 			this._hideCellShadePopover();
 			this.context.invoke("editor.afterCommand");
 		}
+		_buildBorderColorPopover() {
+			const pop = createElement("div", { class: "an-cell-shade-popover" });
+			pop.style.display = "none";
+			const title = createElement("div", { class: "an-size-popover-title" });
+			pop.appendChild(title);
+			this._borderColorTitleEl = title;
+			const palette = createElement("div", { class: "an-context-color-palette" });
+			SHADE_PRESETS.forEach((color) => {
+				const sw = createElement("div", {
+					class: "an-context-color-swatch",
+					title: color
+				});
+				sw.style.background = color;
+				this._disposers.push(on(sw, "click", (e) => {
+					e.stopPropagation();
+					this._applyBorderColor(color);
+				}));
+				palette.appendChild(sw);
+			});
+			pop.appendChild(palette);
+			const noColorRow = createElement("div", { class: "an-context-color-custom" });
+			const noColorBtn = createElement("button", {
+				type: "button",
+				class: "an-shade-no-color"
+			});
+			this._disposers.push(on(noColorBtn, "click", () => this._applyBorderColor("")));
+			noColorRow.appendChild(noColorBtn);
+			pop.appendChild(noColorRow);
+			this._borderColorNoBtn = noColorBtn;
+			const customRow = createElement("div", { class: "an-context-color-custom" });
+			const colorInput = createElement("input", {
+				type: "color",
+				class: "an-shade-color-input",
+				value: "#000000"
+			});
+			const customLabel = createElement("span");
+			customLabel.textContent = this.context.locale.contextMenu.customColorLabel;
+			this._disposers.push(on(colorInput, "change", () => this._applyBorderColor(colorInput.value)));
+			customRow.appendChild(colorInput);
+			customRow.appendChild(customLabel);
+			pop.appendChild(customRow);
+			this._disposers.push(on(pop, "mousedown", (e) => e.preventDefault()), on(pop, "mouseenter", () => this._clearTimers()), on(pop, "mouseleave", () => this._scheduleHide()), on(document, "click", (e) => {
+				const et = e.target;
+				if (this._borderColorPopover && this._borderColorPopover.style.display !== "none" && !this._borderColorPopover.contains(et) && !this._el?.contains(et)) this._hideBorderColorPopover();
+			}));
+			return pop;
+		}
+		_openBorderColorPopover() {
+			if (!this._borderColorPopover) return;
+			const L = this.context.locale.tooltips.table;
+			if (this._borderColorTitleEl) this._borderColorTitleEl.textContent = L.tableBorderColor;
+			if (this._borderColorNoBtn) this._borderColorNoBtn.textContent = L.noBorderColor;
+			this._borderColorPopover.style.display = "block";
+			requestAnimationFrame(() => {
+				if (!this._borderColorPopover || !this._el) return;
+				const pw = this._borderColorPopover.offsetWidth || 170;
+				const ph = this._borderColorPopover.offsetHeight || 120;
+				const tipRect = this._el.getBoundingClientRect();
+				let left = tipRect.left;
+				let top = tipRect.bottom + 6;
+				if (left + pw > globalThis.innerWidth - 8) left = globalThis.innerWidth - pw - 8;
+				if (top + ph > globalThis.innerHeight - 8) top = tipRect.top - ph - 6;
+				this._borderColorPopover.style.left = `${Math.max(8, left)}px`;
+				this._borderColorPopover.style.top = `${Math.max(8, top)}px`;
+			});
+		}
+		_hideBorderColorPopover() {
+			if (this._borderColorPopover) this._borderColorPopover.style.display = "none";
+		}
+		_applyBorderColor(color) {
+			const table = this._activeTable;
+			if (!table) return;
+			Array.from(table.querySelectorAll("td, th")).forEach((c) => {
+				c.style.borderColor = color;
+			});
+			if (this._borderColorStrip) this._borderColorStrip.style.background = color || "transparent";
+			this._hideBorderColorPopover();
+			this.context.invoke("editor.afterCommand");
+		}
+		_syncBorderColorStrip() {
+			if (!this._borderColorStrip || !this._el || this._el.style.display === "none") return;
+			const firstCell = this._activeTable?.querySelector("td, th");
+			this._borderColorStrip.style.background = firstCell?.style.borderColor || "transparent";
+		}
+		_applyCellAlign(align) {
+			this._getSelectedCells().forEach((c) => {
+				if (c) c.style.textAlign = align;
+			});
+			this.context.invoke("editor.afterCommand");
+		}
+		_toggleHeaderRow() {
+			const table = this._activeTable;
+			if (!table) return;
+			const firstRow = table.querySelector("tr");
+			if (!firstRow) return;
+			if (firstRow.closest("thead") !== null) {
+				let tbody = table.querySelector("tbody");
+				if (!tbody) {
+					tbody = document.createElement("tbody");
+					table.appendChild(tbody);
+				}
+				Array.from(firstRow.cells).forEach((cell) => {
+					const td = document.createElement("td");
+					td.innerHTML = cell.innerHTML;
+					td.style.cssText = cell.style.cssText;
+					firstRow.replaceChild(td, cell);
+				});
+				tbody.insertBefore(firstRow, tbody.firstChild);
+				const thead = table.querySelector("thead");
+				if (thead && thead.rows.length === 0) thead.remove();
+			} else {
+				let thead = table.querySelector("thead");
+				if (!thead) {
+					thead = document.createElement("thead");
+					table.insertBefore(thead, table.firstChild);
+				}
+				Array.from(firstRow.cells).forEach((cell) => {
+					const th = document.createElement("th");
+					th.innerHTML = cell.innerHTML;
+					th.style.cssText = cell.style.cssText;
+					firstRow.replaceChild(th, cell);
+				});
+				thead.appendChild(firstRow);
+			}
+			this.context.invoke("editor.afterCommand");
+		}
+		_sortColumn(direction) {
+			const table = this._activeTable;
+			if (!table) return;
+			const cell = this._getCell();
+			if (!cell) return;
+			const colIdx = getVisualColIndex(cell);
+			if (colIdx === -1) return;
+			const tbody = table.querySelector("tbody") || table;
+			const rows = Array.from(tbody.querySelectorAll(":scope > tr"));
+			if (rows.length < 2) return;
+			rows.sort((a, b) => {
+				const aCell = getCellAtVisualCol(a, colIdx);
+				const bCell = getCellAtVisualCol(b, colIdx);
+				const aText = (aCell?.textContent || "").trim();
+				const bText = (bCell?.textContent || "").trim();
+				const aNum = parseFloat(aText);
+				const bNum = parseFloat(bText);
+				if (!isNaN(aNum) && !isNaN(bNum)) return direction === "asc" ? aNum - bNum : bNum - aNum;
+				return direction === "asc" ? aText.localeCompare(bText) : bText.localeCompare(aText);
+			});
+			rows.forEach((row) => tbody.appendChild(row));
+			this.context.invoke("editor.afterCommand");
+		}
+		_exportTableCSV() {
+			const table = this._activeTable;
+			if (!table) return;
+			const csv = Array.from(table.querySelectorAll("tr")).map((row) => Array.from(row.querySelectorAll("td, th")).map((cell) => {
+				return `"${(cell.textContent || "").trim().replace(/"/g, "\"\"")}"`;
+			}).join(",")).join("\n");
+			const blob = new Blob(["" + csv], { type: "text/csv;charset=utf-8;" });
+			const url = URL.createObjectURL(blob);
+			const a = document.createElement("a");
+			a.href = url;
+			a.download = "table.csv";
+			a.style.display = "none";
+			document.body.appendChild(a);
+			a.click();
+			a.remove();
+			URL.revokeObjectURL(url);
+		}
 	};
 	//#endregion
 	//#region src/js/module/CodeTooltip.js
@@ -9684,7 +10126,8 @@
 		copy: `<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="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>`,
 		wrapOn: `<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="3" y1="6" x2="21" y2="6"/><path d="M3 12h15a3 3 0 0 1 0 6H3"/><polyline points="6 15 3 18 6 21"/></svg>`,
 		toParagraph: `<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"><path d="M13 4v16"/><path d="M17 4v16"/><path d="M9 4h8a4 4 0 0 1 0 8H9V4z"/></svg>`,
-		deleteCode: `<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"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/></svg>`
+		deleteCode: `<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"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/></svg>`,
+		lineNumbers: `<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="10" y1="6" x2="21" y2="6"/><line x1="10" y1="12" x2="21" y2="12"/><line x1="10" y1="18" x2="21" y2="18"/><path d="M4 6h1v4"/><path d="M4 10h2"/><path d="M6 18H4c0-1 2-2 2-3s-1-2-2-2"/></svg>`
 	};
 	var CodeTooltip = class {
 		/** @param {import('../Context.js').Context} context */
@@ -9696,6 +10139,8 @@
 			this._hideTimer = null;
 			this._disposers = [];
 			this._copyBtn = null;
+			this._wrapBtn = null;
+			this._lineNumbersBtn = null;
 			this._langSelect = null;
 			this._prismScript = null;
 		}
@@ -9776,6 +10221,8 @@
 			el.appendChild(this._sep());
 			this._wrapBtn = this._makeBtn(ICONS$1.wrapOn, L.toggleWordWrap, () => this._toggleWrap());
 			el.appendChild(this._wrapBtn);
+			this._lineNumbersBtn = this._makeBtn(ICONS$1.lineNumbers, L.lineNumbers, () => this._toggleLineNumbers());
+			el.appendChild(this._lineNumbersBtn);
 			el.appendChild(this._sep());
 			el.appendChild(this._makeBtn(ICONS$1.toParagraph, L.convertToParagraph, () => this._toParagraph()));
 			el.appendChild(this._sep());
@@ -9814,6 +10261,7 @@
 			this._showTimer = setTimeout(() => {
 				this._activePre = pre;
 				this._syncWrapBtn();
+				this._syncLineNumbersBtn();
 				this._syncLangSelect();
 				this._show(pre);
 			}, SHOW_DELAY);
@@ -9858,6 +10306,12 @@
 			this._wrapBtn.classList.toggle("active", wrapped);
 			this._wrapBtn.title = wrapped ? this.context.locale.tooltips.code.disableWordWrap : this.context.locale.tooltips.code.enableWordWrap;
 		}
+		_syncLineNumbersBtn() {
+			if (!this._activePre || !this._lineNumbersBtn) return;
+			const on = this._activePre.classList.contains("an-code-line-numbers");
+			this._lineNumbersBtn.classList.toggle("active", on);
+			this._lineNumbersBtn.title = this.context.locale.tooltips.code.lineNumbers;
+		}
 		_syncLangSelect() {
 			if (!this._activePre || !this._langSelect) return;
 			const codeEl = this._activePre.querySelector("code");
@@ -9904,6 +10358,13 @@
 			this.context.invoke("editor.afterCommand");
 			this._positionNear(pre);
 		}
+		_toggleLineNumbers() {
+			const pre = this._activePre;
+			if (!pre) return;
+			pre.classList.toggle("an-code-line-numbers");
+			this._syncLineNumbersBtn();
+			this.context.invoke("editor.afterCommand");
+		}
 		/**
 		* Applies a language to a given <pre> element: sets classes, data-language,
 		* and triggers Prism highlighting. Called by the auto-detect flow.
@@ -13914,12 +14375,16 @@
 			this._matches = [];
 			this._currentIndex = -1;
 			this._caseSensitive = false;
+			this._useRegex = false;
+			this._wholeWord = false;
 			/** @type {'find'|'replace'} */
 			this._mode = "find";
 			/** Cached compiled regex — reused when query and case-sensitivity are unchanged */
 			this._queryRegex = null;
 			this._lastQuery = null;
 			this._lastCaseSensitive = null;
+			this._lastUseRegex = null;
+			this._lastWholeWord = null;
 			this._focusTimer = null;
 		}
 		destroy() {
@@ -14023,6 +14488,20 @@
 				"aria-label": "Case sensitive"
 			});
 			caseBtn.textContent = "Aa";
+			const regexBtn = createElement("button", {
+				type: "button",
+				class: "an-fr-icon-btn",
+				title: L.useRegex,
+				"aria-label": L.useRegex
+			});
+			regexBtn.textContent = ".*";
+			const wholeWordBtn = createElement("button", {
+				type: "button",
+				class: "an-fr-icon-btn",
+				title: L.wholeWord,
+				"aria-label": L.wholeWord
+			});
+			wholeWordBtn.innerHTML = `<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="7" width="18" height="10" rx="2"/><line x1="7" y1="21" x2="7" y2="17"/><line x1="17" y1="21" x2="17" y2="17"/></svg>`;
 			const prevBtn = createElement("button", {
 				type: "button",
 				class: "an-fr-icon-btn",
@@ -14039,7 +14518,7 @@
 			nextBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>`;
 			const counter = createElement("span", { class: "an-fr-counter" });
 			this._counterEl = counter;
-			searchBar.append(findInput, caseCheckbox, caseBtn, prevBtn, nextBtn, counter);
+			searchBar.append(findInput, caseCheckbox, caseBtn, regexBtn, wholeWordBtn, prevBtn, nextBtn, counter);
 			box.appendChild(searchBar);
 			const replaceRow = createElement("div", { class: "an-fr-replace-row" });
 			replaceRow.style.display = "none";
@@ -14100,7 +14579,21 @@
 					this._replace();
 				}
 			});
-			this._disposers.push(d1, d2, d3, d4, d5, d6, d7, d8, d9, d10, d11);
+			const dRegex = on(regexBtn, "click", () => {
+				this._useRegex = !this._useRegex;
+				regexBtn.classList.toggle("an-fr-icon-btn--active", this._useRegex);
+				this._queryRegex = null;
+				this._lastQuery = null;
+				this._onSearch();
+			});
+			const dWholeWord = on(wholeWordBtn, "click", () => {
+				this._wholeWord = !this._wholeWord;
+				wholeWordBtn.classList.toggle("an-fr-icon-btn--active", this._wholeWord);
+				this._queryRegex = null;
+				this._lastQuery = null;
+				this._onSearch();
+			});
+			this._disposers.push(d1, d2, d3, d4, d5, d6, d7, d8, d9, d10, d11, dRegex, dWholeWord);
 			return overlay;
 		}
 		_onSearch() {
@@ -14158,13 +14651,21 @@
 		*/
 		_findRawMatches(query, root) {
 			const results = [];
-			if (this._lastQuery !== query || this._lastCaseSensitive !== this._caseSensitive) {
+			if (this._lastQuery !== query || this._lastCaseSensitive !== this._caseSensitive || this._lastUseRegex !== this._useRegex || this._lastWholeWord !== this._wholeWord) {
 				const flags = this._caseSensitive ? "g" : "gi";
-				const escaped = query.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
-				this._queryRegex = new RegExp(escaped, flags);
+				try {
+					let pattern = this._useRegex ? query : query.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
+					if (this._wholeWord) pattern = `\\b${pattern}\\b`;
+					this._queryRegex = new RegExp(pattern, flags);
+				} catch (_) {
+					this._queryRegex = null;
+				}
 				this._lastQuery = query;
 				this._lastCaseSensitive = this._caseSensitive;
+				this._lastUseRegex = this._useRegex;
+				this._lastWholeWord = this._wholeWord;
 			}
+			if (!this._queryRegex) return results;
 			const re = this._queryRegex;
 			const MAX_RESULTS = 500;
 			const walker = document.createTreeWalker(root, 4);
@@ -15700,13 +16201,18 @@
 			this._query = query;
 			clearTimeout(this._debounceTimer);
 			this._debounceTimer = setTimeout(() => {
-				this._cfg.onSearch(this._query, (items) => {
+				const cb = (items) => {
 					if (!Array.isArray(items) || items.length === 0) {
 						this._hideDropdown();
 						return;
 					}
 					this._renderItems(items);
 					this._showDropdown();
+				};
+				const result = this._cfg.onSearch(this._query, cb);
+				if (result && typeof result.then === "function") result.then(cb).catch((err) => {
+					this._hideDropdown();
+					if (typeof this._cfg.onError === "function") this._cfg.onError(err);
 				});
 			}, this._cfg.debounce);
 		}
@@ -15975,10 +16481,13 @@
 		}
 		/**
 		* Returns the current HTML content of the editor.
+		* Zero-width spaces (U+200B) inserted by inline editing helpers are stripped
+		* from the output so they don't leak into the consumer's HTML.
 		* @returns {string}
 		*/
 		getHTML() {
-			return this.invoke("editor.getHTML");
+			const html = this.invoke("editor.getHTML");
+			return typeof html === "string" ? html.replace(/​/g, "") : html;
 		}
 		/**
 		* Sets the HTML content of the editor.
@@ -16016,6 +16525,20 @@
 			this.invoke("editor.clearHistory");
 		}
 		/**
+		* Returns the number of available undo steps.
+		* @returns {number}
+		*/
+		getUndoCount() {
+			return this.invoke("editor.getUndoCount") ?? 0;
+		}
+		/**
+		* Returns the number of available redo steps.
+		* @returns {number}
+		*/
+		getRedoCount() {
+			return this.invoke("editor.getRedoCount") ?? 0;
+		}
+		/**
 		* Returns true when the editor has no meaningful content.
 		* @returns {boolean}
 		*/
@@ -16123,6 +16646,37 @@
 			});
 		}
 		/**
+		* Returns an array of heading objects representing the table of contents.
+		* Each entry has: level (1-6), text (heading text), element (DOM element).
+		* @returns {{ level: number, text: string, element: HTMLElement }[]}
+		*/
+		getTableOfContents() {
+			return Array.from(this.layoutInfo.editable.querySelectorAll("h1,h2,h3,h4,h5,h6")).map((el) => ({
+				level: parseInt(el.tagName[1], 10),
+				text: el.textContent?.trim() ?? "",
+				element: el
+			}));
+		}
+		/**
+		* Moves focus into the editable area.
+		*/
+		focus() {
+			this.layoutInfo.editable.focus();
+		}
+		/**
+		* Removes focus from the editable area.
+		*/
+		blur() {
+			this.layoutInfo.editable.blur();
+		}
+		/**
+		* Returns true when the editor is currently in fullscreen mode.
+		* @returns {boolean}
+		*/
+		isFullscreen() {
+			return this.invoke("fullscreen.isActive") === true;
+		}
+		/**
 		* Sets whether the editor is disabled (readonly).
 		* @param {boolean} disabled
 		*/
@@ -16159,11 +16713,13 @@
 			this._disposers = [];
 			const container = this.layoutInfo.container;
 			const wasDark = container?.classList.contains("an-theme-dark");
+			const wasAuto = container?.classList.contains("an-theme-auto");
 			if (container?.parentNode) {
 				this.targetEl.style.display = "";
 				container.remove();
 			}
 			if (wasDark && !document.querySelector(".an-container.an-theme-dark")) document.body.classList.remove("an-theme-dark");
+			if (wasAuto && !document.querySelector(".an-container.an-theme-auto")) document.body.classList.remove("an-theme-auto");
 			if (typeof this.options.onDestroy === "function") this.options.onDestroy(this);
 			this._alive = false;
 			this._listeners.clear();
@@ -16290,8 +16846,10 @@
 			registerButton(btnDef);
 			return this;
 		},
+		/** All pre-built button definitions — accessible in every module format including UMD/CJS. */
+		buttons,
 		/** Library version */
-		version: "1.6.7"
+		version: "1.8.0"
 	};
 	/**
 	* @param {string|Element|NodeList|Element[]} selector