@stll/folio-react 0.11.0 → 0.12.0

package/dist/{CommentsSidebar-ml91aGZ1.js → CommentsSidebar-mwa9JsIj.js}

@@ -1,4 +1,4 @@
-import { d as containedHandler } from "./renderAsync-BjqXaR0h.js";
+import { d as containedHandler } from "./renderAsync-DFwDFNB9.js";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { CheckIcon, MoreVerticalIcon } from "lucide-react";
 import { useLocale, useTranslations } from "use-intl";
@@ -174,7 +174,7 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 		};
 		for (const comment of visibleComments) {
 			const cardId = `comment-${comment.id}`;
-			const el = pagesEl.querySelector(`[data-comment-id="${comment.id}"]`);
+			const el = pagesEl.querySelector(`[data-comment-id="${CSS.escape(String(comment.id))}"]`);
 			if (el) {
 				pushPosition(cardId, el.getBoundingClientRect().top - containerRect.top + scrollTop, cardRefs.current.get(cardId)?.offsetHeight || DEFAULT_CARD_HEIGHT);
 				continue;

package/dist/compat/eigenpal.d.ts

@@ -1,4 +1,4 @@
-import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-CDdppueC.js";
+import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-D2OJupOm.js";
 import { ReactNode } from "react";
 import { CreateEmptyDocumentOptions, createDocumentWithText, createEmptyDocument } from "@stll/folio-core/utils/createDocument";
 

package/dist/compat/eigenpal.js

@@ -1,4 +1,4 @@
-import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-BjqXaR0h.js";
+import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-DFwDFNB9.js";
 import { t as messages_exports } from "../messages.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

package/dist/{dialogs-Bj2PdycR.js → dialogs-CB49Gr8j.js}

@@ -4,6 +4,7 @@ import { c } from "react-compiler-runtime";
 import { useEffect, useId, useState } from "react";
 import { useTranslations } from "use-intl";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { isAllowedExternalWatermarkImageUrl } from "@stll/folio-core/watermark";
 //#region src/components/dialogs/HyperlinkDialog.tsx
 function HyperlinkDialog({ isOpen, onClose, onSubmit, onRemove, currentData, selectedText, bookmarks = [] }) {
 	const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
@@ -754,7 +755,7 @@ function clampInteger(value) {
 //#region src/components/dialogs/WatermarkDialog.tsx
 const DEFAULT_TEXT_COLOR = "#C0C0C0";
 function WatermarkDialog(t0) {
-	const $ = c(127);
+	const $ = c(133);
 	const { isOpen, onClose, onApply, currentWatermark } = t0;
 	const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
 	const handleOpenChange = useCloseOnDialogOpenChange(onClose);
@@ -856,17 +857,27 @@ function WatermarkDialog(t0) {
 	} else t14 = $[15];
 	const fieldIds = t14;
 	let t15;
-	if ($[16] !== imageRId || $[17] !== mode || $[18] !== text) {
-		t15 = mode === "none" || mode === "text" && text.trim().length > 0 || mode === "picture" && imageRId.trim().length > 0;
-		$[16] = imageRId;
-		$[17] = mode;
-		$[18] = text;
+	if ($[16] !== imageTarget || $[17] !== imageTargetExternal || $[18] !== mode) {
+		t15 = mode === "picture" && imageTargetExternal && imageTarget.trim().length > 0 ? getExternalImageTargetError(imageTarget.trim()) : "";
+		$[16] = imageTarget;
+		$[17] = imageTargetExternal;
+		$[18] = mode;
 		$[19] = t15;
 	} else t15 = $[19];
-	const canApply = t15;
+	const imageTargetError = t15;
 	let t16;
-	if ($[20] !== canApply || $[21] !== color || $[22] !== diagonal || $[23] !== font || $[24] !== imageRId || $[25] !== imageTarget || $[26] !== imageTargetExternal || $[27] !== mode || $[28] !== onApply || $[29] !== onClose || $[30] !== opacityPercent || $[31] !== scalePercent || $[32] !== text || $[33] !== washout) {
-		t16 = () => {
+	if ($[20] !== imageRId || $[21] !== imageTargetError || $[22] !== mode || $[23] !== text) {
+		t16 = mode === "none" || mode === "text" && text.trim().length > 0 || mode === "picture" && imageRId.trim().length > 0 && imageTargetError.length === 0;
+		$[20] = imageRId;
+		$[21] = imageTargetError;
+		$[22] = mode;
+		$[23] = text;
+		$[24] = t16;
+	} else t16 = $[24];
+	const canApply = t16;
+	let t17;
+	if ($[25] !== canApply || $[26] !== color || $[27] !== diagonal || $[28] !== font || $[29] !== imageRId || $[30] !== imageTarget || $[31] !== imageTargetExternal || $[32] !== mode || $[33] !== onApply || $[34] !== onClose || $[35] !== opacityPercent || $[36] !== scalePercent || $[37] !== text || $[38] !== washout) {
+		t17 = () => {
 			if (!canApply) return;
 			if (mode === "none") {
 				onApply(void 0);
@@ -895,147 +906,147 @@ function WatermarkDialog(t0) {
 			});
 			onClose();
 		};
-		$[20] = canApply;
-		$[21] = color;
-		$[22] = diagonal;
-		$[23] = font;
-		$[24] = imageRId;
-		$[25] = imageTarget;
-		$[26] = imageTargetExternal;
-		$[27] = mode;
-		$[28] = onApply;
-		$[29] = onClose;
-		$[30] = opacityPercent;
-		$[31] = scalePercent;
-		$[32] = text;
-		$[33] = washout;
-		$[34] = t16;
-	} else t16 = $[34];
-	const handleApply = t16;
-	let t17;
-	if ($[35] !== DialogBackdrop) {
-		t17 = /* @__PURE__ */ jsx(DialogBackdrop, { className: DIALOG_BACKDROP_CLASS });
-		$[35] = DialogBackdrop;
-		$[36] = t17;
-	} else t17 = $[36];
+		$[25] = canApply;
+		$[26] = color;
+		$[27] = diagonal;
+		$[28] = font;
+		$[29] = imageRId;
+		$[30] = imageTarget;
+		$[31] = imageTargetExternal;
+		$[32] = mode;
+		$[33] = onApply;
+		$[34] = onClose;
+		$[35] = opacityPercent;
+		$[36] = scalePercent;
+		$[37] = text;
+		$[38] = washout;
+		$[39] = t17;
+	} else t17 = $[39];
+	const handleApply = t17;
 	let t18;
-	if ($[37] !== t) {
-		t18 = t("dialogs.watermark.title");
-		$[37] = t;
-		$[38] = t18;
-	} else t18 = $[38];
+	if ($[40] !== DialogBackdrop) {
+		t18 = /* @__PURE__ */ jsx(DialogBackdrop, { className: DIALOG_BACKDROP_CLASS });
+		$[40] = DialogBackdrop;
+		$[41] = t18;
+	} else t18 = $[41];
 	let t19;
-	if ($[39] !== DialogTitle || $[40] !== t18) {
-		t19 = /* @__PURE__ */ jsx(DialogTitle, {
-			className: DIALOG_TITLE_CLASS,
-			children: t18
-		});
-		$[39] = DialogTitle;
-		$[40] = t18;
-		$[41] = t19;
-	} else t19 = $[41];
-	const t20 = fieldIds.mode;
-	let t21;
 	if ($[42] !== t) {
-		t21 = t("dialogs.watermark.type");
+		t19 = t("dialogs.watermark.title");
 		$[42] = t;
-		$[43] = t21;
-	} else t21 = $[43];
+		$[43] = t19;
+	} else t19 = $[43];
+	let t20;
+	if ($[44] !== DialogTitle || $[45] !== t19) {
+		t20 = /* @__PURE__ */ jsx(DialogTitle, {
+			className: DIALOG_TITLE_CLASS,
+			children: t19
+		});
+		$[44] = DialogTitle;
+		$[45] = t19;
+		$[46] = t20;
+	} else t20 = $[46];
+	const t21 = fieldIds.mode;
 	let t22;
-	if ($[44] !== t21) {
-		t22 = /* @__PURE__ */ jsx("span", {
+	if ($[47] !== t) {
+		t22 = t("dialogs.watermark.type");
+		$[47] = t;
+		$[48] = t22;
+	} else t22 = $[48];
+	let t23;
+	if ($[49] !== t22) {
+		t23 = /* @__PURE__ */ jsx("span", {
 			className: DIALOG_LABEL_CLASS,
-			children: t21
+			children: t22
 		});
-		$[44] = t21;
-		$[45] = t22;
-	} else t22 = $[45];
-	const t23 = fieldIds.mode;
-	let t24;
-	if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
-		t24 = (e) => setMode(toWatermarkMode(e.target.value));
-		$[46] = t24;
-	} else t24 = $[46];
+		$[49] = t22;
+		$[50] = t23;
+	} else t23 = $[50];
+	const t24 = fieldIds.mode;
 	let t25;
-	if ($[47] !== t) {
-		t25 = t("dialogs.watermark.textWatermark");
-		$[47] = t;
-		$[48] = t25;
-	} else t25 = $[48];
+	if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+		t25 = (e) => setMode(toWatermarkMode(e.target.value));
+		$[51] = t25;
+	} else t25 = $[51];
 	let t26;
-	if ($[49] !== t25) {
-		t26 = /* @__PURE__ */ jsx("option", {
+	if ($[52] !== t) {
+		t26 = t("dialogs.watermark.textWatermark");
+		$[52] = t;
+		$[53] = t26;
+	} else t26 = $[53];
+	let t27;
+	if ($[54] !== t26) {
+		t27 = /* @__PURE__ */ jsx("option", {
 			value: "text",
-			children: t25
+			children: t26
 		});
-		$[49] = t25;
-		$[50] = t26;
-	} else t26 = $[50];
-	let t27;
-	if ($[51] !== t) {
-		t27 = t("dialogs.watermark.pictureWatermark");
-		$[51] = t;
-		$[52] = t27;
-	} else t27 = $[52];
+		$[54] = t26;
+		$[55] = t27;
+	} else t27 = $[55];
 	let t28;
-	if ($[53] !== t27) {
-		t28 = /* @__PURE__ */ jsx("option", {
+	if ($[56] !== t) {
+		t28 = t("dialogs.watermark.pictureWatermark");
+		$[56] = t;
+		$[57] = t28;
+	} else t28 = $[57];
+	let t29;
+	if ($[58] !== t28) {
+		t29 = /* @__PURE__ */ jsx("option", {
 			value: "picture",
-			children: t27
+			children: t28
 		});
-		$[53] = t27;
-		$[54] = t28;
-	} else t28 = $[54];
-	let t29;
-	if ($[55] !== t) {
-		t29 = t("dialogs.watermark.noWatermark");
-		$[55] = t;
-		$[56] = t29;
-	} else t29 = $[56];
+		$[58] = t28;
+		$[59] = t29;
+	} else t29 = $[59];
 	let t30;
-	if ($[57] !== t29) {
-		t30 = /* @__PURE__ */ jsx("option", {
+	if ($[60] !== t) {
+		t30 = t("dialogs.watermark.noWatermark");
+		$[60] = t;
+		$[61] = t30;
+	} else t30 = $[61];
+	let t31;
+	if ($[62] !== t30) {
+		t31 = /* @__PURE__ */ jsx("option", {
 			value: "none",
-			children: t29
+			children: t30
 		});
-		$[57] = t29;
-		$[58] = t30;
-	} else t30 = $[58];
-	let t31;
-	if ($[59] !== fieldIds.mode || $[60] !== mode || $[61] !== t26 || $[62] !== t28 || $[63] !== t30) {
-		t31 = /* @__PURE__ */ jsxs("select", {
+		$[62] = t30;
+		$[63] = t31;
+	} else t31 = $[63];
+	let t32;
+	if ($[64] !== fieldIds.mode || $[65] !== mode || $[66] !== t27 || $[67] !== t29 || $[68] !== t31) {
+		t32 = /* @__PURE__ */ jsxs("select", {
 			className: DIALOG_INPUT_CLASS,
-			id: t23,
-			onChange: t24,
+			id: t24,
+			onChange: t25,
 			value: mode,
 			children: [
-				t26,
-				t28,
-				t30
+				t27,
+				t29,
+				t31
 			]
 		});
-		$[59] = fieldIds.mode;
-		$[60] = mode;
-		$[61] = t26;
-		$[62] = t28;
-		$[63] = t30;
-		$[64] = t31;
-	} else t31 = $[64];
-	let t32;
-	if ($[65] !== fieldIds.mode || $[66] !== t22 || $[67] !== t31) {
-		t32 = /* @__PURE__ */ jsxs("label", {
+		$[64] = fieldIds.mode;
+		$[65] = mode;
+		$[66] = t27;
+		$[67] = t29;
+		$[68] = t31;
+		$[69] = t32;
+	} else t32 = $[69];
+	let t33;
+	if ($[70] !== fieldIds.mode || $[71] !== t23 || $[72] !== t32) {
+		t33 = /* @__PURE__ */ jsxs("label", {
 			className: "flex flex-col gap-1",
-			htmlFor: t20,
-			children: [t22, t31]
+			htmlFor: t21,
+			children: [t23, t32]
 		});
-		$[65] = fieldIds.mode;
-		$[66] = t22;
-		$[67] = t31;
-		$[68] = t32;
-	} else t32 = $[68];
-	let t33;
-	if ($[69] !== color || $[70] !== diagonal || $[71] !== fieldIds.color || $[72] !== fieldIds.diagonal || $[73] !== fieldIds.font || $[74] !== fieldIds.opacity || $[75] !== fieldIds.text || $[76] !== font || $[77] !== mode || $[78] !== opacityPercent || $[79] !== t || $[80] !== text) {
-		t33 = mode === "text" && /* @__PURE__ */ jsxs("div", {
+		$[70] = fieldIds.mode;
+		$[71] = t23;
+		$[72] = t32;
+		$[73] = t33;
+	} else t33 = $[73];
+	let t34;
+	if ($[74] !== color || $[75] !== diagonal || $[76] !== fieldIds.color || $[77] !== fieldIds.diagonal || $[78] !== fieldIds.font || $[79] !== fieldIds.opacity || $[80] !== fieldIds.text || $[81] !== font || $[82] !== mode || $[83] !== opacityPercent || $[84] !== t || $[85] !== text) {
+		t34 = mode === "text" && /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-2 gap-3",
 			children: [
 				/* @__PURE__ */ jsxs("label", {
@@ -1109,23 +1120,23 @@ function WatermarkDialog(t0) {
 				})
 			]
 		});
-		$[69] = color;
-		$[70] = diagonal;
-		$[71] = fieldIds.color;
-		$[72] = fieldIds.diagonal;
-		$[73] = fieldIds.font;
-		$[74] = fieldIds.opacity;
-		$[75] = fieldIds.text;
-		$[76] = font;
-		$[77] = mode;
-		$[78] = opacityPercent;
-		$[79] = t;
-		$[80] = text;
-		$[81] = t33;
-	} else t33 = $[81];
-	let t34;
-	if ($[82] !== fieldIds.imageRId || $[83] !== fieldIds.imageTarget || $[84] !== fieldIds.imageTargetExternal || $[85] !== fieldIds.scale || $[86] !== fieldIds.washout || $[87] !== imageRId || $[88] !== imageTarget || $[89] !== imageTargetExternal || $[90] !== mode || $[91] !== scalePercent || $[92] !== t || $[93] !== washout) {
-		t34 = mode === "picture" && /* @__PURE__ */ jsxs("div", {
+		$[74] = color;
+		$[75] = diagonal;
+		$[76] = fieldIds.color;
+		$[77] = fieldIds.diagonal;
+		$[78] = fieldIds.font;
+		$[79] = fieldIds.opacity;
+		$[80] = fieldIds.text;
+		$[81] = font;
+		$[82] = mode;
+		$[83] = opacityPercent;
+		$[84] = t;
+		$[85] = text;
+		$[86] = t34;
+	} else t34 = $[86];
+	let t35;
+	if ($[87] !== fieldIds.imageRId || $[88] !== fieldIds.imageTarget || $[89] !== fieldIds.imageTargetExternal || $[90] !== fieldIds.scale || $[91] !== fieldIds.washout || $[92] !== imageRId || $[93] !== imageTarget || $[94] !== imageTargetError || $[95] !== imageTargetExternal || $[96] !== mode || $[97] !== scalePercent || $[98] !== t || $[99] !== washout) {
+		t35 = mode === "picture" && /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-2 gap-3",
 			children: [
 				/* @__PURE__ */ jsxs("label", {
@@ -1145,16 +1156,24 @@ function WatermarkDialog(t0) {
 				/* @__PURE__ */ jsxs("label", {
 					className: "col-span-2 flex flex-col gap-1",
 					htmlFor: fieldIds.imageTarget,
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-muted-foreground text-[13px]",
-						children: t("dialogs.watermark.imageTarget")
-					}), /* @__PURE__ */ jsx("input", {
-						className: "border-input bg-background text-foreground rounded border px-2 py-1.5 text-[13px] outline-none",
-						id: fieldIds.imageTarget,
-						onChange: (e_6) => setImageTarget(e_6.target.value),
-						placeholder: "word/media/image1.png",
-						value: imageTarget
-					})]
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground text-[13px]",
+							children: t("dialogs.watermark.imageTarget")
+						}),
+						/* @__PURE__ */ jsx("input", {
+							"aria-invalid": imageTargetError.length > 0,
+							className: "border-input bg-background text-foreground rounded border px-2 py-1.5 text-[13px] outline-none",
+							id: fieldIds.imageTarget,
+							onChange: (e_6) => setImageTarget(e_6.target.value),
+							placeholder: "word/media/image1.png",
+							value: imageTarget
+						}),
+						imageTargetError.length > 0 && /* @__PURE__ */ jsx("span", {
+							className: "text-destructive text-xs",
+							children: imageTargetError
+						})
+					]
 				}),
 				/* @__PURE__ */ jsxs("label", {
 					className: "flex flex-col gap-1",
@@ -1200,120 +1219,121 @@ function WatermarkDialog(t0) {
 				})
 			]
 		});
-		$[82] = fieldIds.imageRId;
-		$[83] = fieldIds.imageTarget;
-		$[84] = fieldIds.imageTargetExternal;
-		$[85] = fieldIds.scale;
-		$[86] = fieldIds.washout;
-		$[87] = imageRId;
-		$[88] = imageTarget;
-		$[89] = imageTargetExternal;
-		$[90] = mode;
-		$[91] = scalePercent;
-		$[92] = t;
-		$[93] = washout;
-		$[94] = t34;
-	} else t34 = $[94];
-	let t35;
-	if ($[95] !== t32 || $[96] !== t33 || $[97] !== t34) {
-		t35 = /* @__PURE__ */ jsxs("div", {
+		$[87] = fieldIds.imageRId;
+		$[88] = fieldIds.imageTarget;
+		$[89] = fieldIds.imageTargetExternal;
+		$[90] = fieldIds.scale;
+		$[91] = fieldIds.washout;
+		$[92] = imageRId;
+		$[93] = imageTarget;
+		$[94] = imageTargetError;
+		$[95] = imageTargetExternal;
+		$[96] = mode;
+		$[97] = scalePercent;
+		$[98] = t;
+		$[99] = washout;
+		$[100] = t35;
+	} else t35 = $[100];
+	let t36;
+	if ($[101] !== t33 || $[102] !== t34 || $[103] !== t35) {
+		t36 = /* @__PURE__ */ jsxs("div", {
 			className: DIALOG_BODY_CLASS,
 			children: [
-				t32,
 				t33,
-				t34
+				t34,
+				t35
 			]
 		});
-		$[95] = t32;
-		$[96] = t33;
-		$[97] = t34;
-		$[98] = t35;
-	} else t35 = $[98];
-	let t36;
-	if ($[99] !== t) {
-		t36 = t("common.cancel");
-		$[99] = t;
-		$[100] = t36;
-	} else t36 = $[100];
+		$[101] = t33;
+		$[102] = t34;
+		$[103] = t35;
+		$[104] = t36;
+	} else t36 = $[104];
 	let t37;
-	if ($[101] !== DialogClose || $[102] !== t36) {
-		t37 = /* @__PURE__ */ jsx(DialogClose, {
+	if ($[105] !== t) {
+		t37 = t("common.cancel");
+		$[105] = t;
+		$[106] = t37;
+	} else t37 = $[106];
+	let t38;
+	if ($[107] !== DialogClose || $[108] !== t37) {
+		t38 = /* @__PURE__ */ jsx(DialogClose, {
 			className: DIALOG_SECONDARY_BUTTON_CLASS,
-			children: t36
+			children: t37
 		});
-		$[101] = DialogClose;
-		$[102] = t36;
-		$[103] = t37;
-	} else t37 = $[103];
-	const t38 = !canApply;
-	let t39;
-	if ($[104] !== t) {
-		t39 = t("common.apply");
-		$[104] = t;
-		$[105] = t39;
-	} else t39 = $[105];
+		$[107] = DialogClose;
+		$[108] = t37;
+		$[109] = t38;
+	} else t38 = $[109];
+	const t39 = !canApply;
 	let t40;
-	if ($[106] !== handleApply || $[107] !== t38 || $[108] !== t39) {
-		t40 = /* @__PURE__ */ jsx("button", {
+	if ($[110] !== t) {
+		t40 = t("common.apply");
+		$[110] = t;
+		$[111] = t40;
+	} else t40 = $[111];
+	let t41;
+	if ($[112] !== handleApply || $[113] !== t39 || $[114] !== t40) {
+		t41 = /* @__PURE__ */ jsx("button", {
 			className: DIALOG_PRIMARY_BUTTON_CLASS,
-			disabled: t38,
+			disabled: t39,
 			onClick: handleApply,
 			type: "button",
-			children: t39
+			children: t40
 		});
-		$[106] = handleApply;
-		$[107] = t38;
-		$[108] = t39;
-		$[109] = t40;
-	} else t40 = $[109];
-	let t41;
-	if ($[110] !== t37 || $[111] !== t40) {
-		t41 = /* @__PURE__ */ jsxs("div", {
+		$[112] = handleApply;
+		$[113] = t39;
+		$[114] = t40;
+		$[115] = t41;
+	} else t41 = $[115];
+	let t42;
+	if ($[116] !== t38 || $[117] !== t41) {
+		t42 = /* @__PURE__ */ jsxs("div", {
 			className: DIALOG_FOOTER_CLASS,
-			children: [t37, t40]
+			children: [t38, t41]
 		});
-		$[110] = t37;
-		$[111] = t40;
-		$[112] = t41;
-	} else t41 = $[112];
-	let t42;
-	if ($[113] !== DialogPopup || $[114] !== t19 || $[115] !== t35 || $[116] !== t41) {
-		t42 = /* @__PURE__ */ jsxs(DialogPopup, {
+		$[116] = t38;
+		$[117] = t41;
+		$[118] = t42;
+	} else t42 = $[118];
+	let t43;
+	if ($[119] !== DialogPopup || $[120] !== t20 || $[121] !== t36 || $[122] !== t42) {
+		t43 = /* @__PURE__ */ jsxs(DialogPopup, {
 			className: DIALOG_POPUP_CLASS,
 			children: [
-				t19,
-				t35,
-				t41
+				t20,
+				t36,
+				t42
 			]
 		});
-		$[113] = DialogPopup;
-		$[114] = t19;
-		$[115] = t35;
-		$[116] = t41;
-		$[117] = t42;
-	} else t42 = $[117];
-	let t43;
-	if ($[118] !== DialogPortal || $[119] !== t17 || $[120] !== t42) {
-		t43 = /* @__PURE__ */ jsxs(DialogPortal, { children: [t17, t42] });
-		$[118] = DialogPortal;
-		$[119] = t17;
-		$[120] = t42;
-		$[121] = t43;
-	} else t43 = $[121];
+		$[119] = DialogPopup;
+		$[120] = t20;
+		$[121] = t36;
+		$[122] = t42;
+		$[123] = t43;
+	} else t43 = $[123];
 	let t44;
-	if ($[122] !== Dialog || $[123] !== handleOpenChange || $[124] !== isOpen || $[125] !== t43) {
-		t44 = /* @__PURE__ */ jsx(Dialog, {
+	if ($[124] !== DialogPortal || $[125] !== t18 || $[126] !== t43) {
+		t44 = /* @__PURE__ */ jsxs(DialogPortal, { children: [t18, t43] });
+		$[124] = DialogPortal;
+		$[125] = t18;
+		$[126] = t43;
+		$[127] = t44;
+	} else t44 = $[127];
+	let t45;
+	if ($[128] !== Dialog || $[129] !== handleOpenChange || $[130] !== isOpen || $[131] !== t44) {
+		t45 = /* @__PURE__ */ jsx(Dialog, {
 			open: isOpen,
 			onOpenChange: handleOpenChange,
-			children: t43
+			children: t44
 		});
-		$[122] = Dialog;
-		$[123] = handleOpenChange;
-		$[124] = isOpen;
-		$[125] = t43;
-		$[126] = t44;
-	} else t44 = $[126];
-	return t44;
+		$[128] = Dialog;
+		$[129] = handleOpenChange;
+		$[130] = isOpen;
+		$[131] = t44;
+		$[132] = t45;
+	} else t45 = $[132];
+	return t45;
 }
 function toWatermarkMode(value) {
 	if (value === "none" || value === "picture" || value === "text") return value;
@@ -1328,6 +1348,12 @@ function clampScalePercent(value) {
 function stripHash(value) {
 	return value.startsWith("#") ? value.slice(1) : value;
 }
+/** Mirrors `HyperlinkDialog.tsx`'s `getUrlError` — a plain-English, untranslated
+* field-level validation message (existing convention for this kind of inline
+* error in this dialog family). */
+function getExternalImageTargetError(value) {
+	return isAllowedExternalWatermarkImageUrl(value) ? "" : "Use a web address (http/https).";
+}
 function toColorInputValue(value) {
 	if (!value || value === "auto") return DEFAULT_TEXT_COLOR;
 	return value.startsWith("#") ? value : `#${value}`;

package/dist/dialogs.js

@@ -1,6 +1,6 @@
 import { t as FindReplaceDialog } from "./FindReplaceDialog-CqKK82nE.js";
 import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-CixRdIiT.js";
-import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-Bj2PdycR.js";
+import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-CB49Gr8j.js";
 import { t as ImagePositionDialog } from "./ImagePositionDialog-DNodkoI2.js";
 import { t as ImagePropertiesDialog } from "./ImagePropertiesDialog-CLsDIUWb.js";
 import { t as InsertSymbolDialog } from "./InsertSymbolDialog-DCFLmfzn.js";