autumnnote 1.6.2 → 1.6.3

package/dist/autumnnote.umd.js

@@ -7097,7 +7097,7 @@
 	* 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.
@@ -7110,7 +7110,7 @@
 		}
 		_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", {
@@ -7213,7 +7213,7 @@
 	* 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();
@@ -7224,7 +7224,7 @@
 		}
 		_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", {
@@ -7378,7 +7378,7 @@
 	*   • 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();
@@ -7389,7 +7389,7 @@
 		}
 		_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", {
@@ -12352,35 +12352,17 @@
 			"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();
@@ -12449,6 +12431,7 @@
 				grid.appendChild(cell);
 			});
 			this._grid = grid;
+			this._firstInput = searchInput;
 			const btnRow = createElement("div", { class: "an-dialog-actions" });
 			const cancelBtn = createElement("button", {
 				type: "button",
@@ -12538,21 +12521,6 @@
 			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
@@ -12810,19 +12778,9 @@
 		["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;
@@ -12846,20 +12804,12 @@
 			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 = "";
@@ -12900,6 +12850,7 @@
 				autocomplete: "off"
 			});
 			this._searchInput = searchInput;
+			this._firstInput = searchInput;
 			const catBar = createElement("div", { class: "an-icon-cats" });
 			const allTab = createElement("button", {
 				type: "button",
@@ -13138,21 +13089,9 @@
 			}
 			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
@@ -13893,59 +13832,25 @@
 			}]
 		}
 	];
-	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;
@@ -13962,12 +13867,8 @@
 				});
 				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;
 		}
 	};
@@ -13981,12 +13882,10 @@
 	* 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} */
@@ -14007,23 +13906,13 @@
 			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.
@@ -16388,7 +16277,7 @@
 			return this;
 		},
 		/** Library version */
-		version: "1.6.2"
+		version: "1.6.3"
 	};
 	/**
 	* @param {string|Element|NodeList|Element[]} selector