autumnnote 1.6.6 → 1.7.0

package/dist/autumnnote.umd.js

@@ -1455,6 +1455,7 @@
 			replaceBtn: "Replace",
 			replaceAllBtn: "Replace All",
 			noResults: "No results",
+			useRegex: "Use Regular Expression",
 			close: "×"
 		},
 		shortcutsDialog: {
@@ -1600,7 +1601,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 +1619,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 +1830,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 +1972,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 +1997,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",
@@ -2148,6 +2169,7 @@
 				replaceAriaLabel: "置換後のテキスト",
 				replaceBtn: "置換",
 				noResults: "結果なし",
+				useRegex: "正規表現を使用",
 				replaceAllBtn: "すべて置換",
 				close: "×"
 			},
@@ -2290,7 +2312,8 @@
 					enableWordWrap: "折り返しを有効にする",
 					disableWordWrap: "折り返しを無効にする",
 					convertToParagraph: "段落に変換",
-					deleteCodeBlock: "コードブロックを削除"
+					deleteCodeBlock: "コードブロックを削除",
+					lineNumbers: "行番号を切り替え"
 				},
 				table: {
 					ariaLabel: "テーブル操作",
@@ -2312,7 +2335,12 @@
 					rowHeightPx: "行の高さ (px)",
 					tableBorderWidthPx: "テーブルの枠幅 (px)",
 					cancelBtn: "キャンセル",
-					applyBtn: "適用"
+					applyBtn: "適用",
+					sortAsc: "昇順で並べ替え",
+					sortDesc: "降順で並べ替え",
+					exportCSV: "CSVとしてエクスポート",
+					cellPadding: "セルの余白",
+					cellPaddingPx: "セルの余白 (px)"
 				},
 				video: {
 					ariaLabel: "動画操作",
@@ -2479,6 +2507,7 @@
 				replaceAriaLabel: "替换为",
 				replaceBtn: "替换",
 				noResults: "没有结果",
+				useRegex: "使用正则表达式",
 				replaceAllBtn: "全部替换",
 				close: "×"
 			},
@@ -2621,7 +2650,8 @@
 					enableWordWrap: "启用自动换行",
 					disableWordWrap: "禁用自动换行",
 					convertToParagraph: "转换为段落",
-					deleteCodeBlock: "删除代码块"
+					deleteCodeBlock: "删除代码块",
+					lineNumbers: "切换行号"
 				},
 				table: {
 					ariaLabel: "表格操作",
@@ -2643,7 +2673,12 @@
 					rowHeightPx: "行高 (px)",
 					tableBorderWidthPx: "表格边框宽度 (px)",
 					cancelBtn: "取消",
-					applyBtn: "应用"
+					applyBtn: "应用",
+					sortAsc: "升序排列",
+					sortDesc: "降序排列",
+					exportCSV: "导出为 CSV",
+					cellPadding: "单元格内边距",
+					cellPaddingPx: "单元格内边距 (px)"
 				},
 				video: {
 					ariaLabel: "视频操作",
@@ -2810,6 +2845,7 @@
 				replaceAriaLabel: "Remplacer par",
 				replaceBtn: "Remplacer",
 				noResults: "Aucun résultat",
+				useRegex: "Utiliser une expression régulière",
 				replaceAllBtn: "Tout remplacer",
 				close: "×"
 			},
@@ -2952,7 +2988,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 +3011,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",
@@ -3141,6 +3183,7 @@
 				replaceAriaLabel: "Ersetzen durch",
 				replaceBtn: "Ersetzen",
 				noResults: "Keine Ergebnisse",
+				useRegex: "Regulären Ausdruck verwenden",
 				replaceAllBtn: "Alle ersetzen",
 				close: "×"
 			},
@@ -3283,7 +3326,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 +3349,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",
@@ -3472,6 +3521,7 @@
 				replaceAriaLabel: "Reemplazar con",
 				replaceBtn: "Reemplazar",
 				noResults: "Sin resultados",
+				useRegex: "Usar expresión regular",
 				replaceAllBtn: "Reemplazar todo",
 				close: "×"
 			},
@@ -3614,7 +3664,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 +3687,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",
@@ -3803,6 +3859,7 @@
 				replaceAriaLabel: "바꿀 내용",
 				replaceBtn: "바꾸기",
 				noResults: "결과 없음",
+				useRegex: "정규식 사용",
 				replaceAllBtn: "모두 바꾸기",
 				close: "×"
 			},
@@ -3945,7 +4002,8 @@
 					enableWordWrap: "줄 바꿈 사용",
 					disableWordWrap: "줄 바꿈 해제",
 					convertToParagraph: "단락으로 변환",
-					deleteCodeBlock: "코드 블록 삭제"
+					deleteCodeBlock: "코드 블록 삭제",
+					lineNumbers: "줄 번호 전환"
 				},
 				table: {
 					ariaLabel: "표 작업",
@@ -3967,7 +4025,12 @@
 					rowHeightPx: "행 높이 (px)",
 					tableBorderWidthPx: "표 테두리 너비 (px)",
 					cancelBtn: "취소",
-					applyBtn: "적용"
+					applyBtn: "적용",
+					sortAsc: "오름차순 정렬",
+					sortDesc: "내림차순 정렬",
+					exportCSV: "CSV로 내보내기",
+					cellPadding: "셀 패딩",
+					cellPaddingPx: "셀 패딩 (px)"
 				},
 				video: {
 					ariaLabel: "동영상 작업",
@@ -4181,6 +4244,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 +4472,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 +5552,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 +6419,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);
@@ -6999,6 +7091,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);
@@ -8781,7 +8877,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 +8932,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 +8950,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 +8993,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 +9128,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 +9153,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 +9186,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 +9260,7 @@
 			if (!this._activeTable) return;
 			this._el.style.display = "flex";
 			this._syncShadeStrip();
+			this._syncBorderColorStrip();
 			requestAnimationFrame(() => {
 				if (this._activeTable) this._positionNear(this._activeTable);
 			});
@@ -9138,6 +9282,7 @@
 			this._clearSelection();
 			this._clearTimers();
 			this._hideSizePopover();
+			this._hideBorderColorPopover();
 		}
 		_clearTimers() {
 			clearTimeout(this._showTimer);
@@ -9537,6 +9682,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 +9791,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 +9832,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 +10008,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 +10021,8 @@
 			this._hideTimer = null;
 			this._disposers = [];
 			this._copyBtn = null;
+			this._wrapBtn = null;
+			this._lineNumbersBtn = null;
 			this._langSelect = null;
 			this._prismScript = null;
 		}
@@ -9776,6 +10103,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 +10143,7 @@
 			this._showTimer = setTimeout(() => {
 				this._activePre = pre;
 				this._syncWrapBtn();
+				this._syncLineNumbersBtn();
 				this._syncLangSelect();
 				this._show(pre);
 			}, SHOW_DELAY);
@@ -9858,6 +10188,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 +10240,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 +14257,14 @@
 			this._matches = [];
 			this._currentIndex = -1;
 			this._caseSensitive = false;
+			this._useRegex = 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._focusTimer = null;
 		}
 		destroy() {
@@ -14023,6 +14368,13 @@
 				"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 prevBtn = createElement("button", {
 				type: "button",
 				class: "an-fr-icon-btn",
@@ -14039,7 +14391,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, prevBtn, nextBtn, counter);
 			box.appendChild(searchBar);
 			const replaceRow = createElement("div", { class: "an-fr-replace-row" });
 			replaceRow.style.display = "none";
@@ -14100,7 +14452,14 @@
 					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();
+			});
+			this._disposers.push(d1, d2, d3, d4, d5, d6, d7, d8, d9, d10, d11, dRegex);
 			return overlay;
 		}
 		_onSearch() {
@@ -14158,13 +14517,19 @@
 		*/
 		_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) {
 				const flags = this._caseSensitive ? "g" : "gi";
-				const escaped = query.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
-				this._queryRegex = new RegExp(escaped, flags);
+				try {
+					const pattern = this._useRegex ? query : query.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
+					this._queryRegex = new RegExp(pattern, flags);
+				} catch (_) {
+					this._queryRegex = null;
+				}
 				this._lastQuery = query;
 				this._lastCaseSensitive = this._caseSensitive;
+				this._lastUseRegex = this._useRegex;
 			}
+			if (!this._queryRegex) return results;
 			const re = this._queryRegex;
 			const MAX_RESULTS = 500;
 			const walker = document.createTreeWalker(root, 4);
@@ -15700,14 +16065,16 @@
 			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(() => this._hideDropdown());
 			}, this._cfg.debounce);
 		}
 		_onKeydown(e) {
@@ -16016,6 +16383,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 +16504,18 @@
 			});
 		}
 		/**
+		* 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
+			}));
+		}
+		/**
 		* Sets whether the editor is disabled (readonly).
 		* @param {boolean} disabled
 		*/
@@ -16159,11 +16552,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();
@@ -16291,7 +16686,7 @@
 			return this;
 		},
 		/** Library version */
-		version: "1.6.6"
+		version: "1.7.0"
 	};
 	/**
 	* @param {string|Element|NodeList|Element[]} selector