autumnnote 1.7.0 → 1.8.0

package/dist/autumnnote.es.js

@@ -1458,6 +1458,48 @@ var defaultToolbar = [
 		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
 /**
@@ -1752,6 +1794,7 @@ var en = {
 		findPlaceholder: "Find…",
 		searchAriaLabel: "Search text",
 		caseSensitive: "\xA0Case sensitive",
+		wholeWord: "Whole Word",
 		prevBtn: "← Prev",
 		nextBtn: "Next →",
 		replacePlaceholder: "Replace with…",
@@ -1762,6 +1805,12 @@ var en = {
 		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",
@@ -2324,6 +2373,12 @@ var locales = {
 		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: {
@@ -2662,6 +2717,12 @@ var locales = {
 		errors: {
 			imageFormat: (type) => `形式 "${type}" はブラウザでの表示をサポートしていません。JPEG、PNG、または WebP に変換してください。`,
 			imageSize: (maxSize) => `画像ファイルが大きすぎます。最大許容サイズは ${maxSize} MB です。`
+		},
+		autoSaveRestore: {
+			found: "下書きが見つかりました。復元しますか？",
+			foundAt: "{date} の下書きが見つかりました。復元しますか？",
+			restore: "復元",
+			discard: "破棄"
 		}
 	},
 	zh: {
@@ -3000,6 +3061,12 @@ var locales = {
 		errors: {
 			imageFormat: (type) => `格式 "${type}" 不支持在浏览器中显示。请转换为 JPEG、PNG 或 WebP。`,
 			imageSize: (maxSize) => `图片文件过大。最大允许大小为 ${maxSize} MB。`
+		},
+		autoSaveRestore: {
+			found: "找到草稿。是否恢复？",
+			foundAt: "发现 {date} 的草稿。是否恢复？",
+			restore: "恢复",
+			discard: "放弃"
 		}
 	},
 	fr: {
@@ -3338,6 +3405,12 @@ var locales = {
 		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: {
@@ -3676,6 +3749,12 @@ var locales = {
 		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: {
@@ -4014,6 +4093,12 @@ var locales = {
 		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: {
@@ -4352,6 +4437,12 @@ var locales = {
 		errors: {
 			imageFormat: (type) => `"${type}" 형식은 웹 브라우저에서 지원되지 않습니다. JPEG, PNG 또는 WebP로 변환해 주세요.`,
 			imageSize: (maxSize) => `이미지 파일이 너무 큽니다. 최대 허용 크기는 ${maxSize} MB입니다.`
+		},
+		autoSaveRestore: {
+			found: "초안을 찾았습니다. 복원하시겠습니까?",
+			foundAt: "{date}의 초안을 찾았습니다. 복원하시겠습니까?",
+			restore: "복원",
+			discard: "삭제"
 		}
 	}
 };
@@ -6977,6 +7068,15 @@ var Clipboard = class {
 		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) {
@@ -8099,6 +8199,7 @@ var ImageResizer = class {
 		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;
@@ -8111,15 +8212,15 @@ var ImageResizer = class {
 				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`;
@@ -14562,6 +14663,7 @@ var FindReplace = class extends BaseDialog {
 		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 */
@@ -14569,6 +14671,7 @@ var FindReplace = class extends BaseDialog {
 		this._lastQuery = null;
 		this._lastCaseSensitive = null;
 		this._lastUseRegex = null;
+		this._lastWholeWord = null;
 		this._focusTimer = null;
 	}
 	destroy() {
@@ -14679,6 +14782,13 @@ var FindReplace = class extends BaseDialog {
 			"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",
@@ -14695,7 +14805,7 @@ var FindReplace = class extends BaseDialog {
 		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, regexBtn, 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";
@@ -14763,7 +14873,14 @@ var FindReplace = class extends BaseDialog {
 			this._lastQuery = null;
 			this._onSearch();
 		});
-		this._disposers.push(d1, d2, d3, d4, d5, d6, d7, d8, d9, d10, d11, dRegex);
+		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() {
@@ -14821,10 +14938,11 @@ var FindReplace = class extends BaseDialog {
 	*/
 	_findRawMatches(query, root) {
 		const results = [];
-		if (this._lastQuery !== query || this._lastCaseSensitive !== this._caseSensitive || this._lastUseRegex !== this._useRegex) {
+		if (this._lastQuery !== query || this._lastCaseSensitive !== this._caseSensitive || this._lastUseRegex !== this._useRegex || this._lastWholeWord !== this._wholeWord) {
 			const flags = this._caseSensitive ? "g" : "gi";
 			try {
-				const pattern = this._useRegex ? query : query.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
+				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;
@@ -14832,6 +14950,7 @@ var FindReplace = class extends BaseDialog {
 			this._lastQuery = query;
 			this._lastCaseSensitive = this._caseSensitive;
 			this._lastUseRegex = this._useRegex;
+			this._lastWholeWord = this._wholeWord;
 		}
 		if (!this._queryRegex) return results;
 		const re = this._queryRegex;
@@ -16378,7 +16497,10 @@ var Mention = class {
 				this._showDropdown();
 			};
 			const result = this._cfg.onSearch(this._query, cb);
-			if (result && typeof result.then === "function") result.then(cb).catch(() => this._hideDropdown());
+			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);
 	}
 	_onKeydown(e) {
@@ -16646,10 +16768,13 @@ var Context = class {
 	}
 	/**
 	* 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.
@@ -16820,6 +16945,25 @@ var Context = class {
 		}));
 	}
 	/**
+	* 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
 	*/
@@ -17115,8 +17259,10 @@ var AutumnNote = {
 		registerButton(btnDef);
 		return this;
 	},
+	/** All pre-built button definitions — accessible in every module format including UMD/CJS. */
+	buttons,
 	/** Library version */
-	version: "1.7.0"
+	version: "1.8.0"
 };
 /**
 * @param {string|Element|NodeList|Element[]} selector
@@ -17129,6 +17275,6 @@ function resolveElements(selector) {
 	return [];
 }
 //#endregion
-export { Context, ELEMENT_NODE, TEXT_NODE, WrappedRange, _buttonRegistry, alignCenterBtn, alignJustifyBtn, alignLeftBtn, alignRightBtn, all, ancestors, any, backColorBtn, boldBtn, checklistBtn, children, chunk, clamp, closest, closestPara, codeviewBtn, collapsedRange, compose, createElement, currentRange, debounce, AutumnNote as default, defaultOptions, defaultToolbar, directionBtn, emojiBtn, env, findBtn, findReplaceBtn, first, flatten, fontFamilyBtn, fontSizeBtn, foreColorBtn, fromNativeRange, fullscreenBtn, getButton, groupBy, hrBtn, iconBtn, identity, imageBtn, indentBtn, initial, inlineCodeBtn, insertAfter, isAnchor, isEditable, isElement, isEmpty, isFunction, isImage, isInline, isInsideEditable, isKey, isLi, isList, isModifier, isNil, isPara, isPlainObject, isSelectionInside, isString, isTable, isText, isVoid, italicBtn, key, last, lineHeightBtn, linkBtn, locales, makeDraggable, mergeDeep, nextElement, nodeValue, olBtn, on, outdentBtn, outerHtml, paragraphStyleBtn, placeCaret, prevElement, printBtn, rangeFromElement, rect2bnd, redoBtn, registerButton, remove, removeFormatBtn, resolveLocale, sanitiseHTML, sanitiseUrl, shortcutsBtn, splitText, strikeBtn, subscriptBtn, superscriptBtn, tableBtn, tail, throttle, trapFocus, ulBtn, underlineBtn, undoBtn, unique, unwrap, videoBtn, withSavedRange, wrap };
+export { Context, ELEMENT_NODE, TEXT_NODE, WrappedRange, _buttonRegistry, alignCenterBtn, alignJustifyBtn, alignLeftBtn, alignRightBtn, all, ancestors, any, backColorBtn, boldBtn, buttons, checklistBtn, children, chunk, clamp, closest, closestPara, codeviewBtn, collapsedRange, compose, createElement, currentRange, debounce, AutumnNote as default, defaultOptions, defaultToolbar, directionBtn, emojiBtn, env, findBtn, findReplaceBtn, first, flatten, fontFamilyBtn, fontSizeBtn, foreColorBtn, fromNativeRange, fullscreenBtn, getButton, groupBy, hrBtn, iconBtn, identity, imageBtn, indentBtn, initial, inlineCodeBtn, insertAfter, isAnchor, isEditable, isElement, isEmpty, isFunction, isImage, isInline, isInsideEditable, isKey, isLi, isList, isModifier, isNil, isPara, isPlainObject, isSelectionInside, isString, isTable, isText, isVoid, italicBtn, key, last, lineHeightBtn, linkBtn, locales, makeDraggable, mergeDeep, nextElement, nodeValue, olBtn, on, outdentBtn, outerHtml, paragraphStyleBtn, placeCaret, prevElement, printBtn, rangeFromElement, rect2bnd, redoBtn, registerButton, remove, removeFormatBtn, resolveLocale, sanitiseHTML, sanitiseUrl, shortcutsBtn, splitText, strikeBtn, subscriptBtn, superscriptBtn, tableBtn, tail, throttle, trapFocus, ulBtn, underlineBtn, undoBtn, unique, unwrap, videoBtn, withSavedRange, wrap };
 
 //# sourceMappingURL=autumnnote.es.js.map