autumnnote 1.6.2 → 1.6.3

package/dist/autumnnote.es.js

@@ -7401,7 +7401,7 @@ var BaseDialog = class {
 * LinkDialog.js - Dialog for inserting / editing hyperlinks
 * Inspired by Summernote's LinkDialog — rewritten without jQuery
 */
-var ICON_SVG$2 = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`;
+var ICON_SVG$3 = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`;
 var LinkDialog = class extends BaseDialog {
 	/**
 	* Opens the link dialog.
@@ -7414,7 +7414,7 @@ var LinkDialog = class extends BaseDialog {
 	}
 	_buildDialog() {
 		const L = this.context.locale.linkDialog;
-		const { overlay, box } = this._buildDialogShell(L.ariaLabel, ICON_SVG$2, L.title);
+		const { overlay, box } = this._buildDialogShell(L.ariaLabel, ICON_SVG$3, L.title);
 		const urlLabel = createElement("label", { class: "an-label" });
 		urlLabel.textContent = L.url;
 		const urlInput = createElement("input", {
@@ -7517,7 +7517,7 @@ var LinkDialog = class extends BaseDialog {
 * ImageDialog.js - Dialog for inserting images (by URL or file upload)
 * Inspired by Summernote's ImageDialog — rewritten without jQuery
 */
-var ICON_SVG$1 = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>`;
+var ICON_SVG$2 = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>`;
 var ImageDialog = class extends BaseDialog {
 	show() {
 		this._saveRange();
@@ -7528,7 +7528,7 @@ var ImageDialog = class extends BaseDialog {
 	}
 	_buildDialog() {
 		const L = this.context.locale.imageDialog;
-		const { overlay, box } = this._buildDialogShell(L.ariaLabel, ICON_SVG$1, L.title);
+		const { overlay, box } = this._buildDialogShell(L.ariaLabel, ICON_SVG$2, L.title);
 		const urlLabel = createElement("label", { class: "an-label" });
 		urlLabel.textContent = L.imageUrl;
 		const urlInput = createElement("input", {
@@ -7682,7 +7682,7 @@ var ImageDialog = class extends BaseDialog {
 *   • Vimeo URLs          → <iframe> embed
 *   • Direct video URLs   → <video> element (.mp4 / .webm / .ogg)
 */
-var ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2"/></svg>`;
+var ICON_SVG$1 = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2"/></svg>`;
 var VideoDialog = class extends BaseDialog {
 	show() {
 		this._saveRange();
@@ -7693,7 +7693,7 @@ var VideoDialog = class extends BaseDialog {
 	}
 	_buildDialog() {
 		const L = this.context.locale.videoDialog;
-		const { overlay, box } = this._buildDialogShell(L.ariaLabel, ICON_SVG, L.title);
+		const { overlay, box } = this._buildDialogShell(L.ariaLabel, ICON_SVG$1, L.title);
 		const urlLabel = createElement("label", { class: "an-label" });
 		urlLabel.textContent = L.videoUrl;
 		const urlInput = createElement("input", {
@@ -12656,35 +12656,17 @@ var EMOJI_LIST = [
 		"symbols"
 	]
 ];
-var EmojiDialog = class {
-	/**
-	* @param {import('../Context.js').Context} context
-	*/
-	constructor(context) {
-		this.context = context;
-		/** @type {HTMLElement|null} */
-		this._dialog = null;
-		this._disposers = [];
-		this._savedRange = null;
-		this._activeCat = "all";
-	}
+var EmojiDialog = class extends BaseDialog {
+	_activeCat = "all";
 	initialize() {
 		return this;
 	}
-	destroy() {
-		this._disposers.forEach((d) => d());
-		this._disposers = [];
-		if (this._dialog && this._dialog.parentNode) this._dialog.remove();
-		this._dialog = null;
-	}
 	show() {
 		if (!this._dialog) {
 			this._dialog = this._buildDialog();
 			document.body.appendChild(this._dialog);
 		}
-		withSavedRange((range) => {
-			this._savedRange = range;
-		});
+		this._saveRange();
 		this._activeCat = "all";
 		this._searchInput.value = "";
 		this._updateCatTabs();
@@ -12753,6 +12735,7 @@ var EmojiDialog = class {
 			grid.appendChild(cell);
 		});
 		this._grid = grid;
+		this._firstInput = searchInput;
 		const btnRow = createElement("div", { class: "an-dialog-actions" });
 		const cancelBtn = createElement("button", {
 			type: "button",
@@ -12842,21 +12825,6 @@ var EmojiDialog = class {
 		editable.focus();
 		this.context.invoke("editor.afterCommand");
 	}
-	_open() {
-		if (this._dialog) {
-			this._dialog.style.display = "flex";
-			this._removeTrap = trapFocus(this._dialog, () => this._close());
-			setTimeout(() => this._searchInput?.focus(), 50);
-		}
-	}
-	_close() {
-		if (this._dialog) this._dialog.style.display = "none";
-		if (this._removeTrap) {
-			this._removeTrap();
-			this._removeTrap = null;
-		}
-		this._savedRange = null;
-	}
 };
 //#endregion
 //#region src/js/module/IconDialog.js
@@ -13114,19 +13082,9 @@ var ICON_LIST = [
 	["gift", "objects"],
 	["puzzle-piece", "objects"]
 ];
-var IconDialog = class {
-	/**
-	* @param {import('../Context.js').Context} context
-	*/
-	constructor(context) {
-		this.context = context;
-		/** @type {HTMLElement|null} */
-		this._dialog = null;
-		this._disposers = [];
-		this._savedRange = null;
-		this._selectedIcon = null;
-		this._activeCat = "all";
-	}
+var IconDialog = class extends BaseDialog {
+	_selectedIcon = null;
+	_activeCat = "all";
 	initialize() {
 		this._ensureFontAwesome();
 		return this;
@@ -13150,20 +13108,12 @@ var IconDialog = class {
 		link.referrerPolicy = "no-referrer";
 		document.head.appendChild(link);
 	}
-	destroy() {
-		this._disposers.forEach((d) => d());
-		this._disposers = [];
-		this._dialog?.remove();
-		this._dialog = null;
-	}
 	show() {
 		if (!this._dialog) {
 			this._dialog = this._buildDialog();
 			document.body.appendChild(this._dialog);
 		}
-		withSavedRange((range) => {
-			this._savedRange = range;
-		});
+		this._saveRange();
 		this._selectedIcon = null;
 		this._activeCat = "all";
 		this._searchInput.value = "";
@@ -13204,6 +13154,7 @@ var IconDialog = class {
 			autocomplete: "off"
 		});
 		this._searchInput = searchInput;
+		this._firstInput = searchInput;
 		const catBar = createElement("div", { class: "an-icon-cats" });
 		const allTab = createElement("button", {
 			type: "button",
@@ -13442,21 +13393,9 @@ var IconDialog = class {
 		}
 		this.context.invoke("editor.afterCommand");
 	}
-	_open() {
-		if (this._dialog) {
-			this._dialog.style.display = "flex";
-			this._removeTrap = trapFocus(this._dialog, () => this._close());
-			setTimeout(() => this._searchInput?.focus(), 50);
-		}
-	}
 	_close() {
-		if (this._dialog) this._dialog.style.display = "none";
-		if (this._removeTrap) {
-			this._removeTrap();
-			this._removeTrap = null;
-		}
-		this._savedRange = null;
 		this._selectedIcon = null;
+		super._close();
 	}
 };
 //#endregion
@@ -14197,59 +14136,25 @@ var SHORTCUTS = [
 		}]
 	}
 ];
-var ShortcutsDialog = class {
-	/** @param {import('../Context.js').Context} context */
-	constructor(context) {
-		this.context = context;
-		this._dialog = null;
-		this._closeBtn = null;
-		this._disposers = [];
-	}
-	initialize() {
-		this._dialog = this._buildDialog();
-		document.body.appendChild(this._dialog);
-		return this;
-	}
-	destroy() {
-		this._disposers.forEach((d) => d());
-		this._disposers = [];
-		this._dialog?.remove();
-		this._dialog = null;
-	}
+var ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M6 11h.01M10 11h.01M14 11h.01M18 11h.01M6 15h.01M18 15h.01M10 15h4"/><path d="M7 3l5 4 5-4"/></svg>`;
+var ShortcutsDialog = class extends BaseDialog {
 	show() {
-		if (this._dialog) {
-			this._dialog.style.display = "flex";
-			this._removeTrap = trapFocus(this._dialog, () => this._close());
-			setTimeout(() => this._closeBtn?.focus(), 50);
-		}
-	}
-	_close() {
-		if (this._dialog) this._dialog.style.display = "none";
-		if (this._removeTrap) {
-			this._removeTrap();
-			this._removeTrap = null;
-		}
+		this._open();
 	}
 	_buildDialog() {
-		const overlay = createElement("div", {
-			class: "an-dialog-overlay",
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-label": this.context.locale.shortcutsDialog.ariaLabel
-		});
-		const box = createElement("div", { class: "an-dialog-box an-shortcuts-box" });
-		const titleRow = createElement("div", { class: "an-icon-title-row" });
-		const title = createElement("h3", { class: "an-dialog-title" });
-		title.textContent = this.context.locale.shortcutsDialog.title;
+		const L = this.context.locale.shortcutsDialog;
+		const { overlay, box } = this._buildDialogShell(L.ariaLabel, ICON_SVG, L.title);
+		box.classList.add("an-shortcuts-box");
 		const closeBtn = createElement("button", {
 			type: "button",
 			class: "an-icon-close",
-			"aria-label": this.context.locale.shortcutsDialog.close
+			"aria-label": L.close,
+			style: "margin-left:auto"
 		});
 		closeBtn.textContent = "×";
 		this._closeBtn = closeBtn;
-		titleRow.append(title, closeBtn);
-		box.appendChild(titleRow);
+		this._firstInput = closeBtn;
+		box.querySelector(".an-dialog-header").appendChild(closeBtn);
 		(this.context.locale.shortcutsDialog.shortcuts || SHORTCUTS).forEach(({ category, items }) => {
 			const catEl = createElement("div", { class: "an-shortcuts-cat" });
 			catEl.textContent = category;
@@ -14266,12 +14171,8 @@ var ShortcutsDialog = class {
 			});
 			box.appendChild(table);
 		});
-		overlay.appendChild(box);
 		const d1 = on(closeBtn, "click", () => this._close());
-		const d2 = on(overlay, "click", (e) => {
-			if (e.target === overlay) this._close();
-		});
-		this._disposers.push(d1, d2);
+		this._disposers.push(d1);
 		return overlay;
 	}
 };
@@ -14285,12 +14186,10 @@ var ShortcutsDialog = class {
 * for highlighting. Supports case-sensitive search, Prev/Next navigation and
 * single / replace-all replacement.
 */
-var FindReplace = class {
+var FindReplace = class extends BaseDialog {
 	/** @param {import('../Context.js').Context} context */
 	constructor(context) {
-		this.context = context;
-		/** @type {HTMLElement|null} */
-		this._dialog = null;
+		super(context);
 		/** @type {HTMLInputElement|null} */
 		this._findInput = null;
 		/** @type {HTMLInputElement|null} */
@@ -14311,23 +14210,13 @@ var FindReplace = class {
 		this._queryRegex = null;
 		this._lastQuery = null;
 		this._lastCaseSensitive = null;
-		this._disposers = [];
-		this._removeTrap = null;
 		this._focusTimer = null;
 	}
-	initialize() {
-		this._dialog = this._buildDialog();
-		document.body.appendChild(this._dialog);
-		return this;
-	}
 	destroy() {
 		clearTimeout(this._focusTimer);
 		this._focusTimer = null;
 		this._clearHighlights();
-		this._disposers.forEach((d) => d());
-		this._disposers = [];
-		if (this._dialog && this._dialog.parentNode) this._dialog.remove();
-		this._dialog = null;
+		super.destroy();
 	}
 	/**
 	* Opens the dialog in 'find' or 'replace' mode.
@@ -16818,7 +16707,7 @@ var AutumnNote = {
 		return this;
 	},
 	/** Library version */
-	version: "1.6.2"
+	version: "1.6.3"
 };
 /**
 * @param {string|Element|NodeList|Element[]} selector