@embedpdf/viewer-chrome 3.0.0-next.14 → 3.0.0-next.16

package/dist/outline-properties-DT3FIxCw.cjs

@@ -0,0 +1,330 @@
+const require_commands = require("./commands-DL1gjZt7.cjs");
+const require_dialog = require("./dialog-CngKTnAM.cjs");
+let react = require("react");
+let _embedpdf_react_runtime = require("@embedpdf/react/runtime");
+let _embedpdf_react_outline = require("@embedpdf/react/outline");
+let _embedpdf_react_i18n = require("@embedpdf/react/i18n");
+let _embedpdf_react_shell = require("@embedpdf/react/shell");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/ui/outline-properties.tsx
+/**
+* An outline item's properties, which `outline:properties` opens for the selected item: its
+* title, the colour and style it is drawn in, whether it is open when the document opens, and
+* where it goes. Save writes what changed as one change; Escape or Cancel keeps the item as it
+* was. A target the viewer doesn't write (a script, another file, an app) shows, and stays.
+*/
+/** The colours offered for a title, after "none": the viewer's own text colour. */
+const SWATCHES = [
+	"#000000",
+	"#c92a2a",
+	"#e8590c",
+	"#2b8a3e",
+	"#1864ab",
+	"#6741d9",
+	"#868e96"
+];
+/** The standard page verbs a target can name. */
+const PAGE_VERBS = [
+	"NextPage",
+	"PrevPage",
+	"FirstPage",
+	"LastPage"
+];
+const PAGE_VERB_KEYS = {
+	NextPage: "commands.page.next",
+	PrevPage: "commands.page.previous",
+	FirstPage: "commands.page.first",
+	LastPage: "commands.page.last"
+};
+function OutlinePropertiesDialog() {
+	const surface = (0, _embedpdf_react_shell.useSurface)(require_commands.OUTLINE_PROPERTIES_DIALOG);
+	const outline = (0, _embedpdf_react_runtime.useOptionalCapability)(_embedpdf_react_outline.OutlineToken);
+	const number = surface.props.item;
+	const item = outline && number !== void 0 ? outline.get({
+		kind: "objectNumber",
+		objectNumber: number
+	}) : null;
+	if (!surface.isOpen || !outline || !item) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PropertiesForm, {
+		outline,
+		item,
+		hasChildren: outline.getChildren(item.ref).length > 0,
+		onClose: surface.close
+	}, number);
+}
+function PropertiesForm({ outline, item, hasChildren, onClose }) {
+	const t = (0, _embedpdf_react_i18n.useT)();
+	const kernel = (0, _embedpdf_react_runtime.useKernel)();
+	const titleId = (0, react.useId)();
+	const target = item.target;
+	const pageIndexOf = (page) => kernel.documents.getPage(page)?.index ?? 0;
+	const [title, setTitle] = (0, react.useState)(item.title);
+	const [color, setColor] = (0, react.useState)(item.color);
+	const [bold, setBold] = (0, react.useState)(item.bold);
+	const [italic, setItalic] = (0, react.useState)(item.italic);
+	const [open, setOpen] = (0, react.useState)(item.open);
+	const [choice, setChoice] = (0, react.useState)(() => {
+		if (!target) return "none";
+		if (target.kind === "goto") return "page";
+		if (target.kind === "uri") return "uri";
+		if (target.kind === "named" && PAGE_VERBS.includes(target.name)) return "named";
+		return "kept";
+	});
+	const [page, setPage] = (0, react.useState)(() => String(target?.kind === "goto" ? pageIndexOf(target.destination.page) + 1 : 1));
+	const initialFit = target?.kind === "goto" && (target.destination.kind === "fit" || target.destination.kind === "fitH") ? target.destination.kind : "kept";
+	const [fit, setFit] = (0, react.useState)(initialFit);
+	const [uri, setUri] = (0, react.useState)(target?.kind === "uri" ? target.uri : "");
+	const [verb, setVerb] = (0, react.useState)(target?.kind === "named" && PAGE_VERBS.includes(target.name) ? target.name : "NextPage");
+	/** The target the form says, or `undefined` to leave the item's as it is. */
+	const targetOf = () => {
+		switch (choice) {
+			case "none": return target ? null : void 0;
+			case "view": return outline.getCurrentViewTarget() ?? void 0;
+			case "page": {
+				const pageInfo = kernel.documents.getPage(Math.max(0, Number(page) - 1));
+				if (!pageInfo) return void 0;
+				if (target?.kind === "goto" && pageIndexOf(target.destination.page) === pageInfo.index && fit === initialFit) return;
+				return {
+					kind: "goto",
+					destination: fit === "fitH" ? {
+						kind: "fitH",
+						page: pageInfo.ref,
+						y: 0
+					} : {
+						kind: "fit",
+						page: pageInfo.ref
+					}
+				};
+			}
+			case "uri": {
+				const trimmed = uri.trim();
+				if (!trimmed || target?.kind === "uri" && target.uri === trimmed) return void 0;
+				return {
+					kind: "uri",
+					uri: trimmed
+				};
+			}
+			case "named": return target?.kind === "named" && target.name === verb ? void 0 : {
+				kind: "named",
+				name: verb
+			};
+			case "kept": return;
+		}
+	};
+	const save = () => {
+		const patch = {
+			...title !== item.title ? { title } : {},
+			...color !== item.color ? { color } : {},
+			...bold !== item.bold ? { bold } : {},
+			...italic !== item.italic ? { italic } : {},
+			...hasChildren && open !== item.open ? { open } : {}
+		};
+		const nextTarget = targetOf();
+		if (nextTarget !== void 0) patch.target = nextTarget;
+		if (Object.keys(patch).length > 0) outline.update(item.ref, patch).catch(() => {});
+		onClose();
+	};
+	const field = "border-border bg-surface text-fg focus:border-accent w-full rounded border px-2.5 py-1.5 text-sm outline-none";
+	const label = "text-fg-secondary mb-1 block text-xs font-medium";
+	const check = "text-fg-secondary flex items-center gap-2 text-sm";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dialog.Dialog, {
+		labelledBy: titleId,
+		onClose,
+		className: "border-border bg-surface w-96 max-w-[calc(100vw-2rem)] rounded-lg border p-4 shadow-xl",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			onSubmit: (event) => {
+				event.preventDefault();
+				save();
+			},
+			className: "flex flex-col gap-3",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					id: titleId,
+					className: "text-fg text-base font-semibold",
+					children: t("outline.properties.title")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: label,
+					children: t("outline.properties.name")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "text",
+					value: title,
+					maxLength: 32767,
+					onChange: (event) => setTitle(event.target.value),
+					className: field
+				})] }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", {
+					className: label,
+					children: t("outline.properties.color")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-wrap items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							"aria-pressed": color === null,
+							onClick: () => setColor(null),
+							className: `border-border text-fg rounded border px-2 py-0.5 text-xs ${color === null ? "ring-accent ring-2" : ""}`,
+							children: t("outline.properties.noColor")
+						}),
+						SWATCHES.map((swatch) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							"aria-label": swatch,
+							"aria-pressed": color === swatch,
+							onClick: () => setColor(swatch),
+							className: `border-border h-6 w-6 rounded-full border ${color === swatch ? "ring-accent ring-2 ring-offset-1" : ""}`,
+							style: { background: swatch }
+						}, swatch)),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "color",
+							"aria-label": t("outline.properties.customColor"),
+							value: color ?? "#000000",
+							onChange: (event) => setColor(event.target.value),
+							className: "h-6 w-8 cursor-pointer rounded border-0 bg-transparent p-0"
+						})
+					]
+				})] }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex gap-4",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: check,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							checked: bold,
+							onChange: (event) => setBold(event.target.checked)
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "font-semibold",
+							children: t("outline.properties.bold")
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: check,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							checked: italic,
+							onChange: (event) => setItalic(event.target.checked)
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "italic",
+							children: t("outline.properties.italic")
+						})]
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: `${check} ${hasChildren ? "" : "opacity-50"}`,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "checkbox",
+						disabled: !hasChildren,
+						checked: hasChildren && open,
+						onChange: (event) => setOpen(event.target.checked)
+					}), t("outline.properties.open")]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+					className: "flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", {
+							className: label,
+							children: t("outline.properties.target")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							value: choice,
+							onChange: (event) => setChoice(event.target.value),
+							className: field,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "none",
+									children: t("outline.properties.targetNone")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "view",
+									children: t("outline.properties.targetView")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "page",
+									children: t("linkEditor.page")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "uri",
+									children: t("linkEditor.url")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "named",
+									children: t("outline.properties.targetNamed")
+								}),
+								choice === "kept" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "kept",
+									children: t("outline.properties.targetKept")
+								})
+							]
+						}),
+						choice === "page" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "number",
+								min: 1,
+								value: page,
+								"aria-label": t("linkEditor.pagePlaceholder"),
+								onChange: (event) => setPage(event.target.value),
+								className: `${field} w-24`
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								value: fit,
+								"aria-label": t("outline.properties.fit"),
+								onChange: (event) => setFit(event.target.value),
+								className: field,
+								children: [
+									initialFit === "kept" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "kept",
+										children: t("outline.properties.fitKept")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "fit",
+										children: t("commands.zoom.fitPage")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "fitH",
+										children: t("commands.zoom.fitWidth")
+									})
+								]
+							})]
+						}),
+						choice === "uri" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "url",
+							value: uri,
+							placeholder: t("linkEditor.urlPlaceholder"),
+							onChange: (event) => setUri(event.target.value),
+							className: field
+						}),
+						choice === "named" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+							value: verb,
+							"aria-label": t("outline.properties.targetNamed"),
+							onChange: (event) => setVerb(event.target.value),
+							className: field,
+							children: PAGE_VERBS.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: name,
+								children: t(PAGE_VERB_KEYS[name])
+							}, name))
+						}),
+						choice === "kept" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-fg-muted text-xs",
+							children: t("outline.properties.keptNote")
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mt-1 flex justify-end gap-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: onClose,
+						className: "border-border text-fg hover:bg-hover rounded border px-3 py-1.5 text-sm",
+						children: t("outline.properties.cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "submit",
+						className: "bg-accent text-on-accent rounded px-3 py-1.5 text-sm font-medium",
+						children: t("outline.properties.save")
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+exports.OutlinePropertiesDialog = OutlinePropertiesDialog;
+
+//# sourceMappingURL=outline-properties-DT3FIxCw.cjs.map

package/dist/outline-properties-DT3FIxCw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline-properties-DT3FIxCw.cjs","names":["OUTLINE_PROPERTIES_DIALOG","OutlineToken","Dialog"],"sources":["../src/ui/outline-properties.tsx"],"sourcesContent":["/**\n * An outline item's properties, which `outline:properties` opens for the selected item: its\n * title, the colour and style it is drawn in, whether it is open when the document opens, and\n * where it goes. Save writes what changed as one change; Escape or Cancel keeps the item as it\n * was. A target the viewer doesn't write (a script, another file, an app) shows, and stays.\n */\nimport { useT } from '@embedpdf/react/i18n';\nimport {\n  OutlineToken,\n  type OutlineCapability,\n  type OutlineItem,\n  type OutlineItemPatch,\n} from '@embedpdf/react/outline';\nimport { useKernel, useOptionalCapability } from '@embedpdf/react/runtime';\nimport { useSurface } from '@embedpdf/react/shell';\nimport { useId, useState } from 'react';\n\nimport { Dialog } from './dialog';\nimport { OUTLINE_PROPERTIES_DIALOG } from '../config/outline';\n\n/** The colours offered for a title, after \"none\": the viewer's own text colour. */\nconst SWATCHES = ['#000000', '#c92a2a', '#e8590c', '#2b8a3e', '#1864ab', '#6741d9', '#868e96'];\n\n/** The standard page verbs a target can name. */\nconst PAGE_VERBS = ['NextPage', 'PrevPage', 'FirstPage', 'LastPage'] as const;\ntype PageVerb = (typeof PAGE_VERBS)[number];\nconst PAGE_VERB_KEYS: Record<PageVerb, string> = {\n  NextPage: 'commands.page.next',\n  PrevPage: 'commands.page.previous',\n  FirstPage: 'commands.page.first',\n  LastPage: 'commands.page.last',\n};\n\ntype TargetChoice = 'none' | 'view' | 'page' | 'uri' | 'named' | 'kept';\ntype Fit = 'fit' | 'fitH' | 'kept';\n\nexport function OutlinePropertiesDialog() {\n  const surface = useSurface(OUTLINE_PROPERTIES_DIALOG);\n  const outline = useOptionalCapability(OutlineToken);\n  const number = (surface.props as { item?: number }).item;\n  const item =\n    outline && number !== undefined\n      ? outline.get({ kind: 'objectNumber', objectNumber: number })\n      : null;\n  if (!surface.isOpen || !outline || !item) return null;\n  return (\n    <PropertiesForm\n      key={number}\n      outline={outline}\n      item={item}\n      hasChildren={outline.getChildren(item.ref).length > 0}\n      onClose={surface.close}\n    />\n  );\n}\n\nfunction PropertiesForm({\n  outline,\n  item,\n  hasChildren,\n  onClose,\n}: {\n  outline: OutlineCapability;\n  item: OutlineItem;\n  hasChildren: boolean;\n  onClose: () => void;\n}) {\n  const t = useT();\n  const kernel = useKernel();\n  const titleId = useId();\n  const target = item.target;\n  const pageIndexOf = (page: { kind: 'objectNumber'; objectNumber: number }) =>\n    kernel.documents.getPage(page)?.index ?? 0;\n\n  const [title, setTitle] = useState(item.title);\n  const [color, setColor] = useState<string | null>(item.color);\n  const [bold, setBold] = useState(item.bold);\n  const [italic, setItalic] = useState(item.italic);\n  const [open, setOpen] = useState(item.open);\n  const [choice, setChoice] = useState<TargetChoice>(() => {\n    if (!target) return 'none';\n    if (target.kind === 'goto') return 'page';\n    if (target.kind === 'uri') return 'uri';\n    if (target.kind === 'named' && (PAGE_VERBS as readonly string[]).includes(target.name)) {\n      return 'named';\n    }\n    return 'kept';\n  });\n  const [page, setPage] = useState(() =>\n    String(target?.kind === 'goto' ? pageIndexOf(target.destination.page) + 1 : 1),\n  );\n  // A destination that is neither of the two fits (a spot on the page) is offered as it is.\n  const initialFit: Fit =\n    target?.kind === 'goto' &&\n    (target.destination.kind === 'fit' || target.destination.kind === 'fitH')\n      ? target.destination.kind\n      : 'kept';\n  const [fit, setFit] = useState<Fit>(initialFit);\n  const [uri, setUri] = useState(target?.kind === 'uri' ? target.uri : '');\n  const [verb, setVerb] = useState<PageVerb>(\n    target?.kind === 'named' && (PAGE_VERBS as readonly string[]).includes(target.name)\n      ? (target.name as PageVerb)\n      : 'NextPage',\n  );\n\n  /** The target the form says, or `undefined` to leave the item's as it is. */\n  const targetOf = (): OutlineItemPatch['target'] | undefined => {\n    switch (choice) {\n      case 'none':\n        return target ? null : undefined;\n      case 'view':\n        return outline.getCurrentViewTarget() ?? undefined;\n      case 'page': {\n        const pageInfo = kernel.documents.getPage(Math.max(0, Number(page) - 1));\n        if (!pageInfo) return undefined;\n        // The page and fit the item already has keep the exact spot it goes to.\n        if (\n          target?.kind === 'goto' &&\n          pageIndexOf(target.destination.page) === pageInfo.index &&\n          fit === initialFit\n        ) {\n          return undefined;\n        }\n        return {\n          kind: 'goto',\n          destination:\n            fit === 'fitH'\n              ? { kind: 'fitH', page: pageInfo.ref, y: 0 }\n              : { kind: 'fit', page: pageInfo.ref },\n        };\n      }\n      case 'uri': {\n        const trimmed = uri.trim();\n        if (!trimmed || (target?.kind === 'uri' && target.uri === trimmed)) return undefined;\n        return { kind: 'uri', uri: trimmed };\n      }\n      case 'named':\n        return target?.kind === 'named' && target.name === verb\n          ? undefined\n          : { kind: 'named', name: verb };\n      case 'kept':\n        return undefined;\n    }\n  };\n\n  const save = () => {\n    const patch: OutlineItemPatch = {\n      ...(title !== item.title ? { title } : {}),\n      ...(color !== item.color ? { color } : {}),\n      ...(bold !== item.bold ? { bold } : {}),\n      ...(italic !== item.italic ? { italic } : {}),\n      ...(hasChildren && open !== item.open ? { open } : {}),\n    };\n    const nextTarget = targetOf();\n    if (nextTarget !== undefined) patch.target = nextTarget;\n    if (Object.keys(patch).length > 0) void outline.update(item.ref, patch).catch(() => {});\n    onClose();\n  };\n\n  const field =\n    'border-border bg-surface text-fg focus:border-accent w-full rounded border px-2.5 py-1.5 text-sm outline-none';\n  const label = 'text-fg-secondary mb-1 block text-xs font-medium';\n  const check = 'text-fg-secondary flex items-center gap-2 text-sm';\n\n  return (\n    <Dialog\n      labelledBy={titleId}\n      onClose={onClose}\n      className=\"border-border bg-surface w-96 max-w-[calc(100vw-2rem)] rounded-lg border p-4 shadow-xl\"\n    >\n      <form\n        onSubmit={(event) => {\n          event.preventDefault();\n          save();\n        }}\n        className=\"flex flex-col gap-3\"\n      >\n        <h2 id={titleId} className=\"text-fg text-base font-semibold\">\n          {t('outline.properties.title')}\n        </h2>\n\n        <label>\n          <span className={label}>{t('outline.properties.name')}</span>\n          <input\n            type=\"text\"\n            value={title}\n            maxLength={32_767}\n            onChange={(event) => setTitle(event.target.value)}\n            className={field}\n          />\n        </label>\n\n        <fieldset>\n          <legend className={label}>{t('outline.properties.color')}</legend>\n          <div className=\"flex flex-wrap items-center gap-1.5\">\n            <button\n              type=\"button\"\n              aria-pressed={color === null}\n              onClick={() => setColor(null)}\n              className={`border-border text-fg rounded border px-2 py-0.5 text-xs ${\n                color === null ? 'ring-accent ring-2' : ''\n              }`}\n            >\n              {t('outline.properties.noColor')}\n            </button>\n            {SWATCHES.map((swatch) => (\n              <button\n                key={swatch}\n                type=\"button\"\n                aria-label={swatch}\n                aria-pressed={color === swatch}\n                onClick={() => setColor(swatch)}\n                className={`border-border h-6 w-6 rounded-full border ${\n                  color === swatch ? 'ring-accent ring-2 ring-offset-1' : ''\n                }`}\n                style={{ background: swatch }}\n              />\n            ))}\n            <input\n              type=\"color\"\n              aria-label={t('outline.properties.customColor')}\n              value={color ?? '#000000'}\n              onChange={(event) => setColor(event.target.value)}\n              className=\"h-6 w-8 cursor-pointer rounded border-0 bg-transparent p-0\"\n            />\n          </div>\n        </fieldset>\n\n        <div className=\"flex gap-4\">\n          <label className={check}>\n            <input\n              type=\"checkbox\"\n              checked={bold}\n              onChange={(event) => setBold(event.target.checked)}\n            />\n            <span className=\"font-semibold\">{t('outline.properties.bold')}</span>\n          </label>\n          <label className={check}>\n            <input\n              type=\"checkbox\"\n              checked={italic}\n              onChange={(event) => setItalic(event.target.checked)}\n            />\n            <span className=\"italic\">{t('outline.properties.italic')}</span>\n          </label>\n        </div>\n\n        <label className={`${check} ${hasChildren ? '' : 'opacity-50'}`}>\n          <input\n            type=\"checkbox\"\n            disabled={!hasChildren}\n            checked={hasChildren && open}\n            onChange={(event) => setOpen(event.target.checked)}\n          />\n          {t('outline.properties.open')}\n        </label>\n\n        <fieldset className=\"flex flex-col gap-2\">\n          <legend className={label}>{t('outline.properties.target')}</legend>\n          <select\n            value={choice}\n            onChange={(event) => setChoice(event.target.value as TargetChoice)}\n            className={field}\n          >\n            <option value=\"none\">{t('outline.properties.targetNone')}</option>\n            <option value=\"view\">{t('outline.properties.targetView')}</option>\n            <option value=\"page\">{t('linkEditor.page')}</option>\n            <option value=\"uri\">{t('linkEditor.url')}</option>\n            <option value=\"named\">{t('outline.properties.targetNamed')}</option>\n            {choice === 'kept' && (\n              <option value=\"kept\">{t('outline.properties.targetKept')}</option>\n            )}\n          </select>\n          {choice === 'page' && (\n            <div className=\"flex gap-2\">\n              <input\n                type=\"number\"\n                min={1}\n                value={page}\n                aria-label={t('linkEditor.pagePlaceholder')}\n                onChange={(event) => setPage(event.target.value)}\n                className={`${field} w-24`}\n              />\n              <select\n                value={fit}\n                aria-label={t('outline.properties.fit')}\n                onChange={(event) => setFit(event.target.value as Fit)}\n                className={field}\n              >\n                {initialFit === 'kept' && (\n                  <option value=\"kept\">{t('outline.properties.fitKept')}</option>\n                )}\n                <option value=\"fit\">{t('commands.zoom.fitPage')}</option>\n                <option value=\"fitH\">{t('commands.zoom.fitWidth')}</option>\n              </select>\n            </div>\n          )}\n          {choice === 'uri' && (\n            <input\n              type=\"url\"\n              value={uri}\n              placeholder={t('linkEditor.urlPlaceholder')}\n              onChange={(event) => setUri(event.target.value)}\n              className={field}\n            />\n          )}\n          {choice === 'named' && (\n            <select\n              value={verb}\n              aria-label={t('outline.properties.targetNamed')}\n              onChange={(event) => setVerb(event.target.value as PageVerb)}\n              className={field}\n            >\n              {PAGE_VERBS.map((name) => (\n                <option key={name} value={name}>\n                  {t(PAGE_VERB_KEYS[name])}\n                </option>\n              ))}\n            </select>\n          )}\n          {choice === 'kept' && (\n            <p className=\"text-fg-muted text-xs\">{t('outline.properties.keptNote')}</p>\n          )}\n        </fieldset>\n\n        <div className=\"mt-1 flex justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"border-border text-fg hover:bg-hover rounded border px-3 py-1.5 text-sm\"\n          >\n            {t('outline.properties.cancel')}\n          </button>\n          <button\n            type=\"submit\"\n            className=\"bg-accent text-on-accent rounded px-3 py-1.5 text-sm font-medium\"\n          >\n            {t('outline.properties.save')}\n          </button>\n        </div>\n      </form>\n    </Dialog>\n  );\n}\n"],"mappings":"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"}