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

package/dist/attachments-panel-H1ucRbwo.js

@@ -0,0 +1,217 @@
+import { d as useLayoutEnv, n as Icon } from "./icons-7dB0Y1ct.js";
+import { n as CommandButton } from "./toolbar-DF361xWY.js";
+import { i as useCloseOnPick } from "./sheet-DyjKfAq0.js";
+import { useMemo, useRef, useState } from "react";
+import { usePageList } from "@embedpdf/react/runtime";
+import { displayNameOf, useAttachment, useAttachmentState } from "@embedpdf/react/attachment";
+import { useI18nSettings, useT } from "@embedpdf/react/i18n";
+import { useCommand, useCommands } from "@embedpdf/react/commands";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ui/attachments-panel.tsx
+/**
+* The attachments panel: the files the document carries, its attachments first, then the files
+* pinned to its pages. A row shows the file's kind, its name (without the characters that can
+* disguise one), its size and description, and a page's file says its page. Clicking an
+* attachment saves it; clicking a page's file goes to it. A row's menu saves, goes to the page
+* and deletes. A session that may add files adds one with the header's button, or drops files
+* on the panel; a drop there never opens them as documents.
+*/
+/** A file's size in the viewer's language: bytes, then kB and MB with one decimal. */
+function sizeText(bytes, locale) {
+	const [value, unit] = bytes < 1e3 ? [bytes, "byte"] : bytes < 1e6 ? [bytes / 1e3, "kilobyte"] : [bytes / 1e6, "megabyte"];
+	return new Intl.NumberFormat(locale, {
+		style: "unit",
+		unit,
+		unitDisplay: "short",
+		maximumFractionDigits: unit === "byte" ? 0 : 1
+	}).format(value);
+}
+/** The icon for a file's kind, by its type. */
+function iconOf(file) {
+	const type = file.mimeType ?? "";
+	if (type === "application/pdf") return "file";
+	if (type.startsWith("image/")) return "photo";
+	return "paperclip";
+}
+/** Whether a drag carries files: what the panel takes. */
+const carriesFiles = (event) => event.dataTransfer.types.includes("Files");
+function AttachmentsPanel() {
+	const t = useT();
+	const locale = useI18nSettings((settings) => settings.locale) ?? void 0;
+	const attachment = useAttachment();
+	const { files, selected, status } = useAttachmentState();
+	const commands = useCommands();
+	const add = useCommand("attachment:add");
+	const closeOnPick = useCloseOnPick();
+	const pages = usePageList();
+	const canAdd = add.visible && add.enabled;
+	const entered = useRef(0);
+	const [dropping, setDropping] = useState(false);
+	const pageLabelOf = useMemo(() => {
+		const byKey = new Map(pages.map((page) => [page.ref.objectNumber, page]));
+		return (file) => {
+			if (file.home.kind !== "page") return null;
+			const page = byKey.get(file.home.ref.page.objectNumber);
+			return page ? page.label ?? String(page.index + 1) : null;
+		};
+	}, [pages]);
+	const selectedIds = new Set(selected.map((file) => file.id));
+	/** A click on a row: an attachment saves, a page's file goes to its page. */
+	const pick = (file) => {
+		attachment.select([file]);
+		if (file.home.kind === "page") {
+			attachment.reveal(file);
+			closeOnPick();
+			return;
+		}
+		commands.execute("attachment:save").catch(() => {});
+	};
+	const dropProps = canAdd ? {
+		onDragEnter: (event) => {
+			if (!carriesFiles(event)) return;
+			event.preventDefault();
+			event.stopPropagation();
+			entered.current += 1;
+			setDropping(true);
+		},
+		onDragOver: (event) => {
+			if (!carriesFiles(event)) return;
+			event.preventDefault();
+			event.stopPropagation();
+			event.dataTransfer.dropEffect = "copy";
+		},
+		onDragLeave: () => {
+			if (entered.current === 0) return;
+			entered.current -= 1;
+			if (entered.current === 0) setDropping(false);
+		},
+		onDrop: (event) => {
+			entered.current = 0;
+			setDropping(false);
+			if (!carriesFiles(event)) return;
+			event.preventDefault();
+			event.stopPropagation();
+			const dropped = Array.from(event.dataTransfer.files);
+			if (dropped.length === 0) return;
+			const args = { files: dropped };
+			commands.execute("attachment:add", { args }).catch(() => {});
+		}
+	} : {};
+	const message = (text, withAdd = false) => /* @__PURE__ */ jsxs("div", {
+		className: "text-fg-muted flex flex-col items-center gap-3 p-6 text-center text-sm",
+		children: [
+			/* @__PURE__ */ jsx("p", { children: text }),
+			withAdd && canAdd && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => void add.run(),
+				className: "border-border text-fg hover:bg-hover rounded-md border px-3 py-1.5 text-sm",
+				children: add.label
+			}),
+			withAdd && canAdd && /* @__PURE__ */ jsx("p", {
+				className: "text-xs",
+				children: t("attachments.dropHint")
+			})
+		]
+	});
+	const body = (() => {
+		if (files.length === 0) {
+			if (status === "idle" || status === "loading") return message(t("attachments.loading"));
+			if (status === "forbidden" || status === "error") return message(t("attachments.failed"));
+			return message(t("attachments.empty"), true);
+		}
+		return /* @__PURE__ */ jsx("ul", {
+			"aria-label": t("panels.attachments"),
+			className: "min-h-0 flex-1 overflow-y-auto p-1",
+			children: files.map((file) => /* @__PURE__ */ jsx(FileRow, {
+				file,
+				page: pageLabelOf(file),
+				selected: selectedIds.has(file.id),
+				pending: attachment.isPending(file),
+				locale,
+				onPick: () => pick(file),
+				onMenu: () => attachment.select([file])
+			}, file.id))
+		});
+	})();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative flex min-h-0 flex-1 flex-col",
+		...dropProps,
+		children: [
+			add.visible && /* @__PURE__ */ jsxs("div", {
+				className: "border-border-subtle flex items-center gap-1 border-b p-2",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-fg-muted min-w-0 flex-1 truncate text-xs",
+					children: t(files.length === 1 ? "attachments.count" : "attachments.countPlural", { params: { count: String(files.length) } })
+				}), /* @__PURE__ */ jsx(CommandButton, {
+					cmd: add,
+					variant: "icon",
+					run: () => void add.run()
+				})]
+			}),
+			body,
+			dropping && /* @__PURE__ */ jsx("div", {
+				className: "border-accent bg-accent/10 text-fg pointer-events-none absolute inset-1 flex items-center justify-center rounded-md border-2 border-dashed text-sm",
+				children: t("attachments.drop")
+			})
+		]
+	});
+}
+function FileRow({ file, page, selected, pending, locale, onPick, onMenu }) {
+	const t = useT();
+	const { touch } = useLayoutEnv();
+	const menuButton = useRef(null);
+	const name = displayNameOf(file);
+	const details = [
+		pending ? t("attachments.adding") : file.size === null ? null : sizeText(file.size, locale),
+		page === null ? null : t("attachments.onPage", { params: { page } }),
+		file.description
+	].filter((part) => !!part);
+	return /* @__PURE__ */ jsxs("li", {
+		onContextMenu: (event) => {
+			event.preventDefault();
+			onMenu();
+			menuButton.current?.querySelector("button")?.click();
+		},
+		className: `group flex items-center gap-1 rounded pe-1 ${selected ? "bg-accent/10" : "hover:bg-hover"} ${pending ? "opacity-60" : ""}`,
+		children: [/* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick: onPick,
+			title: name,
+			className: "flex min-w-0 flex-1 items-center gap-2 rounded px-2 py-1.5 text-start",
+			children: [/* @__PURE__ */ jsx(Icon, {
+				name: iconOf(file),
+				size: 16,
+				className: "text-fg-muted shrink-0"
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-fg block truncate text-sm",
+					children: /* @__PURE__ */ jsx("bdi", { children: name })
+				}), details.length > 0 && /* @__PURE__ */ jsx("span", {
+					className: "text-fg-muted block truncate text-xs",
+					children: details.join(" · ")
+				})]
+			})]
+		}), /* @__PURE__ */ jsx("span", {
+			ref: menuButton,
+			onClick: (event) => event.stopPropagation(),
+			onPointerDownCapture: onMenu,
+			className: `shrink-0 ${selected || touch ? "" : "opacity-0 focus-within:opacity-100 group-hover:opacity-100"}`,
+			children: /* @__PURE__ */ jsx(RowMenuButton, {})
+		})]
+	});
+}
+/** A row's menu button: the attachment commands for the selected file. */
+function RowMenuButton() {
+	const more = useCommand("menu:attachment-item");
+	if (!more.visible) return null;
+	return /* @__PURE__ */ jsx(CommandButton, {
+		cmd: more,
+		variant: "icon",
+		run: () => void more.run()
+	});
+}
+//#endregion
+export { AttachmentsPanel };
+
+//# sourceMappingURL=attachments-panel-H1ucRbwo.js.map

package/dist/attachments-panel-H1ucRbwo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachments-panel-H1ucRbwo.js","names":[],"sources":["../src/ui/attachments-panel.tsx"],"sourcesContent":["/**\n * The attachments panel: the files the document carries, its attachments first, then the files\n * pinned to its pages. A row shows the file's kind, its name (without the characters that can\n * disguise one), its size and description, and a page's file says its page. Clicking an\n * attachment saves it; clicking a page's file goes to it. A row's menu saves, goes to the page\n * and deletes. A session that may add files adds one with the header's button, or drops files\n * on the panel; a drop there never opens them as documents.\n */\nimport {\n  displayNameOf,\n  useAttachment,\n  useAttachmentState,\n  type AttachedFile,\n} from '@embedpdf/react/attachment';\nimport { useCommand, useCommands } from '@embedpdf/react/commands';\nimport { useI18nSettings, useT } from '@embedpdf/react/i18n';\nimport { usePageList } from '@embedpdf/react/runtime';\nimport { useMemo, useRef, useState, type DragEvent } from 'react';\n\nimport { useLayoutEnv } from '../config-context';\nimport { Icon, type IconName } from './icons';\nimport { useCloseOnPick } from './panel-frame';\nimport { CommandButton } from './toolbar';\nimport type { AttachmentAddArgs } from '../config/attachments';\n\n/** A file's size in the viewer's language: bytes, then kB and MB with one decimal. */\nfunction sizeText(bytes: number, locale: string | undefined): string {\n  const [value, unit] =\n    bytes < 1000\n      ? [bytes, 'byte']\n      : bytes < 1_000_000\n        ? [bytes / 1000, 'kilobyte']\n        : [bytes / 1_000_000, 'megabyte'];\n  return new Intl.NumberFormat(locale, {\n    style: 'unit',\n    unit,\n    unitDisplay: 'short',\n    maximumFractionDigits: unit === 'byte' ? 0 : 1,\n  }).format(value);\n}\n\n/** The icon for a file's kind, by its type. */\nfunction iconOf(file: AttachedFile): IconName {\n  const type = file.mimeType ?? '';\n  if (type === 'application/pdf') return 'file';\n  if (type.startsWith('image/')) return 'photo';\n  return 'paperclip';\n}\n\n/** Whether a drag carries files: what the panel takes. */\nconst carriesFiles = (event: DragEvent) => event.dataTransfer.types.includes('Files');\n\nexport function AttachmentsPanel() {\n  const t = useT();\n  const locale = useI18nSettings((settings) => settings.locale) ?? undefined;\n  const attachment = useAttachment();\n  const { files, selected, status } = useAttachmentState();\n  const commands = useCommands();\n  const add = useCommand('attachment:add');\n  const closeOnPick = useCloseOnPick();\n  const pages = usePageList();\n  const canAdd = add.visible && add.enabled;\n  // A drag enters and leaves every element it crosses: count them, so the target stays until\n  // the drag leaves the panel.\n  const entered = useRef(0);\n  const [dropping, setDropping] = useState(false);\n\n  const pageLabelOf = useMemo(() => {\n    const byKey = new Map(pages.map((page) => [page.ref.objectNumber, page]));\n    return (file: AttachedFile): string | null => {\n      if (file.home.kind !== 'page') return null;\n      const page = byKey.get(file.home.ref.page.objectNumber);\n      return page ? (page.label ?? String(page.index + 1)) : null;\n    };\n  }, [pages]);\n  const selectedIds = new Set(selected.map((file) => file.id));\n\n  /** A click on a row: an attachment saves, a page's file goes to its page. */\n  const pick = (file: AttachedFile) => {\n    attachment.select([file]);\n    if (file.home.kind === 'page') {\n      attachment.reveal(file);\n      closeOnPick();\n      return;\n    }\n    // A failing command reports itself through the commands' onExecutionFailed.\n    void commands.execute('attachment:save').catch(() => {});\n  };\n\n  const dropProps = canAdd\n    ? {\n        onDragEnter: (event: DragEvent) => {\n          if (!carriesFiles(event)) return;\n          event.preventDefault();\n          event.stopPropagation();\n          entered.current += 1;\n          setDropping(true);\n        },\n        onDragOver: (event: DragEvent) => {\n          if (!carriesFiles(event)) return;\n          event.preventDefault();\n          event.stopPropagation();\n          event.dataTransfer.dropEffect = 'copy';\n        },\n        onDragLeave: () => {\n          if (entered.current === 0) return;\n          entered.current -= 1;\n          if (entered.current === 0) setDropping(false);\n        },\n        onDrop: (event: DragEvent) => {\n          entered.current = 0;\n          setDropping(false);\n          if (!carriesFiles(event)) return;\n          // The panel's drop: the files are attached, never opened as documents.\n          event.preventDefault();\n          event.stopPropagation();\n          const dropped = Array.from(event.dataTransfer.files);\n          if (dropped.length === 0) return;\n          const args: AttachmentAddArgs = { files: dropped };\n          void commands.execute('attachment:add', { args }).catch(() => {});\n        },\n      }\n    : {};\n\n  const message = (text: string, withAdd = false) => (\n    <div className=\"text-fg-muted flex flex-col items-center gap-3 p-6 text-center text-sm\">\n      <p>{text}</p>\n      {withAdd && canAdd && (\n        <button\n          type=\"button\"\n          onClick={() => void add.run()}\n          className=\"border-border text-fg hover:bg-hover rounded-md border px-3 py-1.5 text-sm\"\n        >\n          {add.label}\n        </button>\n      )}\n      {withAdd && canAdd && <p className=\"text-xs\">{t('attachments.dropHint')}</p>}\n    </div>\n  );\n\n  const body = (() => {\n    if (files.length === 0) {\n      if (status === 'idle' || status === 'loading') return message(t('attachments.loading'));\n      if (status === 'forbidden' || status === 'error') return message(t('attachments.failed'));\n      return message(t('attachments.empty'), true);\n    }\n    return (\n      <ul aria-label={t('panels.attachments')} className=\"min-h-0 flex-1 overflow-y-auto p-1\">\n        {files.map((file) => (\n          <FileRow\n            key={file.id}\n            file={file}\n            page={pageLabelOf(file)}\n            selected={selectedIds.has(file.id)}\n            pending={attachment.isPending(file)}\n            locale={locale}\n            onPick={() => pick(file)}\n            onMenu={() => attachment.select([file])}\n          />\n        ))}\n      </ul>\n    );\n  })();\n\n  return (\n    <div className=\"relative flex min-h-0 flex-1 flex-col\" {...dropProps}>\n      {add.visible && (\n        <div className=\"border-border-subtle flex items-center gap-1 border-b p-2\">\n          <span className=\"text-fg-muted min-w-0 flex-1 truncate text-xs\">\n            {t(files.length === 1 ? 'attachments.count' : 'attachments.countPlural', {\n              params: { count: String(files.length) },\n            })}\n          </span>\n          <CommandButton cmd={add} variant=\"icon\" run={() => void add.run()} />\n        </div>\n      )}\n      {body}\n      {dropping && (\n        <div className=\"border-accent bg-accent/10 text-fg pointer-events-none absolute inset-1 flex items-center justify-center rounded-md border-2 border-dashed text-sm\">\n          {t('attachments.drop')}\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface FileRowProps {\n  readonly file: AttachedFile;\n  /** The page a page's file is on, as the document labels it; null for an attachment. */\n  readonly page: string | null;\n  readonly selected: boolean;\n  /** Its add waits for the engine. */\n  readonly pending: boolean;\n  /** The viewer's language, for sizes; the browser's when it has none. */\n  readonly locale: string | undefined;\n  readonly onPick: () => void;\n  /** Its menu is about to open: the row's file becomes the selection the menu acts on. */\n  readonly onMenu: () => void;\n}\n\nfunction FileRow({ file, page, selected, pending, locale, onPick, onMenu }: FileRowProps) {\n  const t = useT();\n  // A finger has no hover: the menu button shows on every row.\n  const { touch } = useLayoutEnv();\n  const menuButton = useRef<HTMLSpanElement>(null);\n  const name = displayNameOf(file);\n  const details = [\n    pending ? t('attachments.adding') : file.size === null ? null : sizeText(file.size, locale),\n    page === null ? null : t('attachments.onPage', { params: { page } }),\n    file.description,\n  ].filter((part): part is string => !!part);\n\n  return (\n    <li\n      onContextMenu={(event) => {\n        event.preventDefault();\n        onMenu();\n        menuButton.current?.querySelector('button')?.click();\n      }}\n      className={`group flex items-center gap-1 rounded pe-1 ${\n        selected ? 'bg-accent/10' : 'hover:bg-hover'\n      } ${pending ? 'opacity-60' : ''}`}\n    >\n      <button\n        type=\"button\"\n        onClick={onPick}\n        title={name}\n        className=\"flex min-w-0 flex-1 items-center gap-2 rounded px-2 py-1.5 text-start\"\n      >\n        <Icon name={iconOf(file)} size={16} className=\"text-fg-muted shrink-0\" />\n        <span className=\"min-w-0 flex-1\">\n          <span className=\"text-fg block truncate text-sm\">\n            <bdi>{name}</bdi>\n          </span>\n          {details.length > 0 && (\n            <span className=\"text-fg-muted block truncate text-xs\">{details.join(' · ')}</span>\n          )}\n        </span>\n      </button>\n      <span\n        ref={menuButton}\n        onClick={(event) => event.stopPropagation()}\n        onPointerDownCapture={onMenu}\n        className={`shrink-0 ${\n          selected || touch ? '' : 'opacity-0 focus-within:opacity-100 group-hover:opacity-100'\n        }`}\n      >\n        <RowMenuButton />\n      </span>\n    </li>\n  );\n}\n\n/** A row's menu button: the attachment commands for the selected file. */\nfunction RowMenuButton() {\n  const more = useCommand('menu:attachment-item');\n  if (!more.visible) return null;\n  return <CommandButton cmd={more} variant=\"icon\" run={() => void more.run()} />;\n}\n"],"mappings":"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"}

package/dist/chrome.cjs

@@ -275,6 +275,7 @@ const DEFAULT_LAYOUT = {
 					"annotation:stamp-from-selection",
 					"annotation:link",
 					"annotation:goto-link",
+					"annotation:save-file",
 					"annotation:remove-link",
 					"annotation:group",
 					"annotation:ungroup"
@@ -329,6 +330,26 @@ const DEFAULT_LAYOUT = {
 				"zoom:fit-width",
 				"zoom:automatic"
 			]
+		],
+		"outline-item": [
+			["outline:add", "outline:add-child"],
+			[
+				"outline:rename",
+				"outline:set-destination",
+				"outline:properties"
+			],
+			["outline:delete"]
+		],
+		"attachment-item": [["attachment:save", "attachment:go-to"], ["attachment:delete"]],
+		page: [
+			["page:rotate-clockwise", "page:rotate-counterclockwise"],
+			[
+				"page:insert-blank",
+				"page:insert-file",
+				"page:duplicate"
+			],
+			["page:extract"],
+			["page:delete"]
 		]
 	},
 	panels: {

package/dist/chrome.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.cjs","names":[],"sources":["../src/config/chrome.ts"],"sourcesContent":["/**\n * The default layout: every bar, menu and panel the viewer ships, as plain\n * data. Structure only: no breakpoints, no show/hide lists, no locale\n * overrides, no dividers or spacers, no hand-written overflow menus. What fits\n * is measured and solved at runtime (@embedpdf/core-ui); the \"More\" menu is\n * derived, and so are the mode tabs (the `modes` group lists one per bar with\n * a `mode`).\n *\n * `importance` (1 makes room first … 5 never leaves the bar) is the only\n * responsive knob. The bar, group and menu ids are API: they don't change\n * between minor versions.\n */\nimport { createLayout, type LayoutData, type LayoutGroupObject } from '@embedpdf/core-ui';\n\n// Shared by the mode bars: plain values, so composition is just a const. Both are dependent:\n// they show beside a mode's tools, and a bar left with only them shows nothing, nor its tab.\nconst style: LayoutGroupObject = {\n  id: 'style',\n  items: ['panel:style'],\n  importance: 4,\n  dependent: true,\n};\nconst history: LayoutGroupObject = {\n  id: 'history',\n  items: ['history:undo', 'history:redo'],\n  importance: 3,\n  dependent: true,\n};\n\nexport const DEFAULT_LAYOUT: LayoutData = {\n  bars: {\n    main: {\n      place: 'top',\n      // The start section sits left-aligned: document menu, view, the zoom\n      // field, pan and pointer. Only the mode tabs are truly centered.\n      start: [\n        { id: 'document', items: ['menu:document'], importance: 5 },\n        {\n          id: 'view',\n          items: [{ command: 'panel:thumbnails', importance: 5 }, 'menu:view'],\n          importance: 4,\n        },\n        // The zoom field; when it can't fit it draws its 'button' variant,\n        // and in the \"More\" menu it stands in as menu:zoom.\n        {\n          id: 'zoom',\n          items: [{ custom: 'zoom', command: 'menu:zoom', variants: ['inline', 'button'] }],\n          importance: 4,\n        },\n        { id: 'tools', items: ['tool:pan', 'tool:pointer'], importance: 2 },\n      ],\n      center: [\n        {\n          // The tabs: View, then one per mode bar. The group ladder: full strip\n          // → trailing tabs shed behind a chevron → select → the \"More\" menu.\n          // The tabs sit at importance 1 so the strip compacts first; the group\n          // at 4 so its compact forms last.\n          id: 'modes',\n          items: [],\n          shed: true,\n          collapse: 'select',\n          importance: 4,\n          titleKey: 'commands.mode.group',\n        },\n      ],\n      end: [\n        {\n          id: 'panels',\n          items: [\n            // The View only label: it shows only while nothing can change the document, and\n            // draws its icon alone when there's no room.\n            { custom: 'view-only', variants: ['label', 'icon'] },\n            'panel:search',\n            'panel:comments',\n          ],\n          importance: 5,\n        },\n      ],\n    },\n\n    // ── the mode bars: along main, one at a time ──────────────────────────────\n    annotate: {\n      place: { with: 'main' },\n      mode: 'annotate',\n      titleKey: 'commands.mode.annotate',\n      center: [\n        { id: 'comment', items: ['tool:note', 'tool:link'], importance: 4 },\n        {\n          id: 'markup',\n          items: ['tool:highlight', 'tool:strikeout', 'tool:underline', 'tool:squiggly'],\n          importance: 4,\n        },\n        { id: 'draw', items: ['tool:ink', 'tool:ink-highlight'], importance: 3 },\n        {\n          id: 'text',\n          items: ['tool:free-text', 'tool:insert-text', 'tool:replace-text', 'tool:callout'],\n          importance: 2,\n        },\n        style,\n        history,\n      ],\n    },\n    shapes: {\n      place: { with: 'main' },\n      mode: 'shapes',\n      titleKey: 'commands.mode.shapes',\n      center: [\n        {\n          id: 'shapes',\n          items: ['tool:square', 'tool:circle', 'tool:line', 'tool:arrow'],\n          importance: 4,\n        },\n        { id: 'polygons', items: ['tool:polygon', 'tool:polyline'], importance: 2 },\n        style,\n        history,\n      ],\n    },\n    insert: {\n      place: { with: 'main' },\n      mode: 'insert',\n      titleKey: 'commands.mode.insert',\n      center: [\n        {\n          id: 'stamps',\n          items: [\n            'tool:stamp',\n            // Quick marks (`plugins.stamp.quick`): thumbnails that arm on click; in\n            // a menu the stamps panel stands in for them.\n            { custom: 'quick-stamps', command: 'tool:stamp', importance: 3 },\n            'tool:attachment',\n            'tool:signature',\n            'tool:image',\n          ],\n          importance: 4,\n        },\n        style,\n        history,\n      ],\n    },\n    form: {\n      place: { with: 'main' },\n      mode: 'form',\n      titleKey: 'commands.mode.form',\n      center: [\n        // The design switch first: what a field is, in its sidebar; how it looks is Style's.\n        { id: 'design', items: ['form:design'], importance: 5 },\n        { id: 'fields', items: ['tool:text-field', 'tool:checkbox', 'tool:radio'], importance: 4 },\n        { id: 'choices', items: ['tool:combo-box', 'tool:list-box'], importance: 2 },\n        { id: 'buttons', items: ['tool:button'], importance: 2 },\n        { id: 'signatures', items: ['tool:signature-field'], importance: 2 },\n        style,\n        history,\n      ],\n    },\n    redact: {\n      place: { with: 'main' },\n      mode: 'redact',\n      titleKey: 'commands.mode.redact',\n      center: [\n        { id: 'redact', items: ['tool:redact', 'panel:redaction'], importance: 4 },\n        style,\n        history,\n      ],\n    },\n    measure: {\n      place: { with: 'main' },\n      mode: 'measure',\n      titleKey: 'commands.mode.measure',\n      center: [\n        {\n          id: 'measure',\n          items: ['tool:distance', 'tool:perimeter', 'tool:area', 'measurement:calibrate'],\n          importance: 5,\n        },\n        {\n          id: 'scale',\n          items: [\n            { custom: 'measurement-scale', command: 'panel:measurement', variants: ['inline'] },\n          ],\n          importance: 4,\n        },\n        style,\n      ],\n    },\n\n    // ── over the pages ────────────────────────────────────────────────────────\n    pager: {\n      place: { float: 'bottom' },\n      center: [{ id: 'pages', items: [{ custom: 'page-number' }] }],\n    },\n    // Which actions show is each command's `visible` (group only when\n    // groupable, style only when the kind has editable properties…), so one\n    // bar serves a single and a multiple selection.\n    selection: {\n      place: { at: 'selection' },\n      center: [\n        {\n          id: 'selection',\n          items: [\n            'selection:copy',\n            'selection:highlight',\n            'selection:underline',\n            'selection:strikeout',\n          ],\n          importance: 4,\n        },\n      ],\n    },\n    annotation: {\n      place: { at: 'annotation' },\n      center: [\n        {\n          id: 'actions',\n          items: [\n            'annotation:comment',\n            'annotation:style',\n            'annotation:stamp-from-selection',\n            'annotation:link',\n            'annotation:goto-link',\n            'annotation:remove-link',\n            'annotation:group',\n            'annotation:ungroup',\n          ],\n          importance: 4,\n        },\n        // Its own group, so a line sets delete apart.\n        { id: 'danger', items: ['annotation:delete'], importance: 5 },\n      ],\n    },\n  },\n\n  menus: {\n    document: [['document:open', 'document:download', 'document:print'], ['view:fullscreen']],\n    view: [\n      {\n        titleKey: 'commands.spread.group',\n        items: ['view:single-page', 'view:two-pages', 'view:cover-page'],\n      },\n      {\n        titleKey: 'commands.scroll.group',\n        items: ['view:scroll-vertical', 'view:scroll-horizontal'],\n      },\n      {\n        titleKey: 'commands.rotate.group',\n        items: ['view:rotate-clockwise', 'view:rotate-counterclockwise'],\n      },\n      ['view:fullscreen'],\n    ],\n    zoom: [\n      {\n        titleKey: 'commands.zoom.level',\n        items: ['zoom:50', 'zoom:100', 'zoom:150', 'zoom:200', 'zoom:400'],\n      },\n      ['zoom:in', 'zoom:out'],\n      ['zoom:fit-page', 'zoom:fit-width', 'zoom:automatic'],\n    ],\n  },\n\n  // Each panel's button is its `panel:<id>` command, titled and drawn as the panel is\n  // (config/panels.ts); the panels on one side take turns.\n  panels: {\n    thumbnails: { side: 'start', titleKey: 'panels.thumbnails', icon: 'sidebar' },\n    outline: { side: 'start', titleKey: 'panels.outline', icon: 'listTree' },\n    attachments: { side: 'start', titleKey: 'panels.attachments', icon: 'paperclip' },\n    search: { side: 'end', titleKey: 'panels.search', icon: 'search' },\n    comments: { side: 'end', titleKey: 'panels.comments', icon: 'comment' },\n    style: { side: 'end', titleKey: 'panels.style', icon: 'palette' },\n    stamps: { side: 'end', titleKey: 'panels.stamps', icon: 'rubberStamp' },\n    signatures: { side: 'end', titleKey: 'panels.signatures', icon: 'signature' },\n    redaction: { side: 'end', titleKey: 'panels.redaction', icon: 'redactionSidebar' },\n    measurement: { side: 'end', titleKey: 'panels.measurement', icon: 'updateScale' },\n    // The form designer's sidebar: the document's fields, and what the selected one is.\n    'form-design': { side: 'end', titleKey: 'panels.formDesign', icon: 'formDesign' },\n  },\n};\n\n/** The default layout, which the `layout` function gets. */\nexport const defaultLayout = createLayout(DEFAULT_LAYOUT);\n"],"mappings":"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"}
+{"version":3,"file":"chrome.cjs","names":[],"sources":["../src/config/chrome.ts"],"sourcesContent":["/**\n * The default layout: every bar, menu and panel the viewer ships, as plain\n * data. Structure only: no breakpoints, no show/hide lists, no locale\n * overrides, no dividers or spacers, no hand-written overflow menus. What fits\n * is measured and solved at runtime (@embedpdf/core-ui); the \"More\" menu is\n * derived, and so are the mode tabs (the `modes` group lists one per bar with\n * a `mode`).\n *\n * `importance` (1 makes room first … 5 never leaves the bar) is the only\n * responsive knob. The bar, group and menu ids are API: they don't change\n * between minor versions.\n */\nimport { createLayout, type LayoutData, type LayoutGroupObject } from '@embedpdf/core-ui';\n\n// Shared by the mode bars: plain values, so composition is just a const. Both are dependent:\n// they show beside a mode's tools, and a bar left with only them shows nothing, nor its tab.\nconst style: LayoutGroupObject = {\n  id: 'style',\n  items: ['panel:style'],\n  importance: 4,\n  dependent: true,\n};\nconst history: LayoutGroupObject = {\n  id: 'history',\n  items: ['history:undo', 'history:redo'],\n  importance: 3,\n  dependent: true,\n};\n\nexport const DEFAULT_LAYOUT: LayoutData = {\n  bars: {\n    main: {\n      place: 'top',\n      // The start section sits left-aligned: document menu, view, the zoom\n      // field, pan and pointer. Only the mode tabs are truly centered.\n      start: [\n        { id: 'document', items: ['menu:document'], importance: 5 },\n        {\n          id: 'view',\n          items: [{ command: 'panel:thumbnails', importance: 5 }, 'menu:view'],\n          importance: 4,\n        },\n        // The zoom field; when it can't fit it draws its 'button' variant,\n        // and in the \"More\" menu it stands in as menu:zoom.\n        {\n          id: 'zoom',\n          items: [{ custom: 'zoom', command: 'menu:zoom', variants: ['inline', 'button'] }],\n          importance: 4,\n        },\n        { id: 'tools', items: ['tool:pan', 'tool:pointer'], importance: 2 },\n      ],\n      center: [\n        {\n          // The tabs: View, then one per mode bar. The group ladder: full strip\n          // → trailing tabs shed behind a chevron → select → the \"More\" menu.\n          // The tabs sit at importance 1 so the strip compacts first; the group\n          // at 4 so its compact forms last.\n          id: 'modes',\n          items: [],\n          shed: true,\n          collapse: 'select',\n          importance: 4,\n          titleKey: 'commands.mode.group',\n        },\n      ],\n      end: [\n        {\n          id: 'panels',\n          items: [\n            // The View only label: it shows only while nothing can change the document, and\n            // draws its icon alone when there's no room.\n            { custom: 'view-only', variants: ['label', 'icon'] },\n            'panel:search',\n            'panel:comments',\n          ],\n          importance: 5,\n        },\n      ],\n    },\n\n    // ── the mode bars: along main, one at a time ──────────────────────────────\n    annotate: {\n      place: { with: 'main' },\n      mode: 'annotate',\n      titleKey: 'commands.mode.annotate',\n      center: [\n        { id: 'comment', items: ['tool:note', 'tool:link'], importance: 4 },\n        {\n          id: 'markup',\n          items: ['tool:highlight', 'tool:strikeout', 'tool:underline', 'tool:squiggly'],\n          importance: 4,\n        },\n        { id: 'draw', items: ['tool:ink', 'tool:ink-highlight'], importance: 3 },\n        {\n          id: 'text',\n          items: ['tool:free-text', 'tool:insert-text', 'tool:replace-text', 'tool:callout'],\n          importance: 2,\n        },\n        style,\n        history,\n      ],\n    },\n    shapes: {\n      place: { with: 'main' },\n      mode: 'shapes',\n      titleKey: 'commands.mode.shapes',\n      center: [\n        {\n          id: 'shapes',\n          items: ['tool:square', 'tool:circle', 'tool:line', 'tool:arrow'],\n          importance: 4,\n        },\n        { id: 'polygons', items: ['tool:polygon', 'tool:polyline'], importance: 2 },\n        style,\n        history,\n      ],\n    },\n    insert: {\n      place: { with: 'main' },\n      mode: 'insert',\n      titleKey: 'commands.mode.insert',\n      center: [\n        {\n          id: 'stamps',\n          items: [\n            'tool:stamp',\n            // Quick marks (`plugins.stamp.quick`): thumbnails that arm on click; in\n            // a menu the stamps panel stands in for them.\n            { custom: 'quick-stamps', command: 'tool:stamp', importance: 3 },\n            'tool:attachment',\n            'tool:signature',\n            'tool:image',\n          ],\n          importance: 4,\n        },\n        style,\n        history,\n      ],\n    },\n    form: {\n      place: { with: 'main' },\n      mode: 'form',\n      titleKey: 'commands.mode.form',\n      center: [\n        // The design switch first: what a field is, in its sidebar; how it looks is Style's.\n        { id: 'design', items: ['form:design'], importance: 5 },\n        { id: 'fields', items: ['tool:text-field', 'tool:checkbox', 'tool:radio'], importance: 4 },\n        { id: 'choices', items: ['tool:combo-box', 'tool:list-box'], importance: 2 },\n        { id: 'buttons', items: ['tool:button'], importance: 2 },\n        { id: 'signatures', items: ['tool:signature-field'], importance: 2 },\n        style,\n        history,\n      ],\n    },\n    redact: {\n      place: { with: 'main' },\n      mode: 'redact',\n      titleKey: 'commands.mode.redact',\n      center: [\n        { id: 'redact', items: ['tool:redact', 'panel:redaction'], importance: 4 },\n        style,\n        history,\n      ],\n    },\n    measure: {\n      place: { with: 'main' },\n      mode: 'measure',\n      titleKey: 'commands.mode.measure',\n      center: [\n        {\n          id: 'measure',\n          items: ['tool:distance', 'tool:perimeter', 'tool:area', 'measurement:calibrate'],\n          importance: 5,\n        },\n        {\n          id: 'scale',\n          items: [\n            { custom: 'measurement-scale', command: 'panel:measurement', variants: ['inline'] },\n          ],\n          importance: 4,\n        },\n        style,\n      ],\n    },\n    // ── over the pages ────────────────────────────────────────────────────────\n    pager: {\n      place: { float: 'bottom' },\n      center: [{ id: 'pages', items: [{ custom: 'page-number' }] }],\n    },\n    // Which actions show is each command's `visible` (group only when\n    // groupable, style only when the kind has editable properties…), so one\n    // bar serves a single and a multiple selection.\n    selection: {\n      place: { at: 'selection' },\n      center: [\n        {\n          id: 'selection',\n          items: [\n            'selection:copy',\n            'selection:highlight',\n            'selection:underline',\n            'selection:strikeout',\n          ],\n          importance: 4,\n        },\n      ],\n    },\n    annotation: {\n      place: { at: 'annotation' },\n      center: [\n        {\n          id: 'actions',\n          items: [\n            'annotation:comment',\n            'annotation:style',\n            'annotation:stamp-from-selection',\n            'annotation:link',\n            'annotation:goto-link',\n            'annotation:save-file',\n            'annotation:remove-link',\n            'annotation:group',\n            'annotation:ungroup',\n          ],\n          importance: 4,\n        },\n        // Its own group, so a line sets delete apart.\n        { id: 'danger', items: ['annotation:delete'], importance: 5 },\n      ],\n    },\n  },\n\n  menus: {\n    document: [['document:open', 'document:download', 'document:print'], ['view:fullscreen']],\n    view: [\n      {\n        titleKey: 'commands.spread.group',\n        items: ['view:single-page', 'view:two-pages', 'view:cover-page'],\n      },\n      {\n        titleKey: 'commands.scroll.group',\n        items: ['view:scroll-vertical', 'view:scroll-horizontal'],\n      },\n      {\n        titleKey: 'commands.rotate.group',\n        items: ['view:rotate-clockwise', 'view:rotate-counterclockwise'],\n      },\n      ['view:fullscreen'],\n    ],\n    zoom: [\n      {\n        titleKey: 'commands.zoom.level',\n        items: ['zoom:50', 'zoom:100', 'zoom:150', 'zoom:200', 'zoom:400'],\n      },\n      ['zoom:in', 'zoom:out'],\n      ['zoom:fit-page', 'zoom:fit-width', 'zoom:automatic'],\n    ],\n    // A row of the outline panel: its menu button and a right-click on it open this.\n    'outline-item': [\n      ['outline:add', 'outline:add-child'],\n      ['outline:rename', 'outline:set-destination', 'outline:properties'],\n      ['outline:delete'],\n    ],\n    // A file of the attachments panel: its menu button and a right-click on it open this.\n    'attachment-item': [['attachment:save', 'attachment:go-to'], ['attachment:delete']],\n    // A page of the thumbnails panel: its menu button, a right-click and a long-press open this.\n    page: [\n      ['page:rotate-clockwise', 'page:rotate-counterclockwise'],\n      ['page:insert-blank', 'page:insert-file', 'page:duplicate'],\n      ['page:extract'],\n      ['page:delete'],\n    ],\n  },\n\n  // Each panel's button is its `panel:<id>` command, titled and drawn as the panel is\n  // (config/panels.ts); the panels on one side take turns.\n  panels: {\n    thumbnails: { side: 'start', titleKey: 'panels.thumbnails', icon: 'sidebar' },\n    outline: { side: 'start', titleKey: 'panels.outline', icon: 'listTree' },\n    attachments: { side: 'start', titleKey: 'panels.attachments', icon: 'paperclip' },\n    search: { side: 'end', titleKey: 'panels.search', icon: 'search' },\n    comments: { side: 'end', titleKey: 'panels.comments', icon: 'comment' },\n    style: { side: 'end', titleKey: 'panels.style', icon: 'palette' },\n    stamps: { side: 'end', titleKey: 'panels.stamps', icon: 'rubberStamp' },\n    signatures: { side: 'end', titleKey: 'panels.signatures', icon: 'signature' },\n    redaction: { side: 'end', titleKey: 'panels.redaction', icon: 'redactionSidebar' },\n    measurement: { side: 'end', titleKey: 'panels.measurement', icon: 'updateScale' },\n    // The form designer's sidebar: the document's fields, and what the selected one is.\n    'form-design': { side: 'end', titleKey: 'panels.formDesign', icon: 'formDesign' },\n  },\n};\n\n/** The default layout, which the `layout` function gets. */\nexport const defaultLayout = createLayout(DEFAULT_LAYOUT);\n"],"mappings":"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"}

package/dist/chrome.js

@@ -274,6 +274,7 @@ const DEFAULT_LAYOUT = {
 					"annotation:stamp-from-selection",
 					"annotation:link",
 					"annotation:goto-link",
+					"annotation:save-file",
 					"annotation:remove-link",
 					"annotation:group",
 					"annotation:ungroup"
@@ -328,6 +329,26 @@ const DEFAULT_LAYOUT = {
 				"zoom:fit-width",
 				"zoom:automatic"
 			]
+		],
+		"outline-item": [
+			["outline:add", "outline:add-child"],
+			[
+				"outline:rename",
+				"outline:set-destination",
+				"outline:properties"
+			],
+			["outline:delete"]
+		],
+		"attachment-item": [["attachment:save", "attachment:go-to"], ["attachment:delete"]],
+		page: [
+			["page:rotate-clockwise", "page:rotate-counterclockwise"],
+			[
+				"page:insert-blank",
+				"page:insert-file",
+				"page:duplicate"
+			],
+			["page:extract"],
+			["page:delete"]
 		]
 	},
 	panels: {

package/dist/chrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.js","names":[],"sources":["../src/config/chrome.ts"],"sourcesContent":["/**\n * The default layout: every bar, menu and panel the viewer ships, as plain\n * data. Structure only: no breakpoints, no show/hide lists, no locale\n * overrides, no dividers or spacers, no hand-written overflow menus. What fits\n * is measured and solved at runtime (@embedpdf/core-ui); the \"More\" menu is\n * derived, and so are the mode tabs (the `modes` group lists one per bar with\n * a `mode`).\n *\n * `importance` (1 makes room first … 5 never leaves the bar) is the only\n * responsive knob. The bar, group and menu ids are API: they don't change\n * between minor versions.\n */\nimport { createLayout, type LayoutData, type LayoutGroupObject } from '@embedpdf/core-ui';\n\n// Shared by the mode bars: plain values, so composition is just a const. Both are dependent:\n// they show beside a mode's tools, and a bar left with only them shows nothing, nor its tab.\nconst style: LayoutGroupObject = {\n  id: 'style',\n  items: ['panel:style'],\n  importance: 4,\n  dependent: true,\n};\nconst history: LayoutGroupObject = {\n  id: 'history',\n  items: ['history:undo', 'history:redo'],\n  importance: 3,\n  dependent: true,\n};\n\nexport const DEFAULT_LAYOUT: LayoutData = {\n  bars: {\n    main: {\n      place: 'top',\n      // The start section sits left-aligned: document menu, view, the zoom\n      // field, pan and pointer. Only the mode tabs are truly centered.\n      start: [\n        { id: 'document', items: ['menu:document'], importance: 5 },\n        {\n          id: 'view',\n          items: [{ command: 'panel:thumbnails', importance: 5 }, 'menu:view'],\n          importance: 4,\n        },\n        // The zoom field; when it can't fit it draws its 'button' variant,\n        // and in the \"More\" menu it stands in as menu:zoom.\n        {\n          id: 'zoom',\n          items: [{ custom: 'zoom', command: 'menu:zoom', variants: ['inline', 'button'] }],\n          importance: 4,\n        },\n        { id: 'tools', items: ['tool:pan', 'tool:pointer'], importance: 2 },\n      ],\n      center: [\n        {\n          // The tabs: View, then one per mode bar. The group ladder: full strip\n          // → trailing tabs shed behind a chevron → select → the \"More\" menu.\n          // The tabs sit at importance 1 so the strip compacts first; the group\n          // at 4 so its compact forms last.\n          id: 'modes',\n          items: [],\n          shed: true,\n          collapse: 'select',\n          importance: 4,\n          titleKey: 'commands.mode.group',\n        },\n      ],\n      end: [\n        {\n          id: 'panels',\n          items: [\n            // The View only label: it shows only while nothing can change the document, and\n            // draws its icon alone when there's no room.\n            { custom: 'view-only', variants: ['label', 'icon'] },\n            'panel:search',\n            'panel:comments',\n          ],\n          importance: 5,\n        },\n      ],\n    },\n\n    // ── the mode bars: along main, one at a time ──────────────────────────────\n    annotate: {\n      place: { with: 'main' },\n      mode: 'annotate',\n      titleKey: 'commands.mode.annotate',\n      center: [\n        { id: 'comment', items: ['tool:note', 'tool:link'], importance: 4 },\n        {\n          id: 'markup',\n          items: ['tool:highlight', 'tool:strikeout', 'tool:underline', 'tool:squiggly'],\n          importance: 4,\n        },\n        { id: 'draw', items: ['tool:ink', 'tool:ink-highlight'], importance: 3 },\n        {\n          id: 'text',\n          items: ['tool:free-text', 'tool:insert-text', 'tool:replace-text', 'tool:callout'],\n          importance: 2,\n        },\n        style,\n        history,\n      ],\n    },\n    shapes: {\n      place: { with: 'main' },\n      mode: 'shapes',\n      titleKey: 'commands.mode.shapes',\n      center: [\n        {\n          id: 'shapes',\n          items: ['tool:square', 'tool:circle', 'tool:line', 'tool:arrow'],\n          importance: 4,\n        },\n        { id: 'polygons', items: ['tool:polygon', 'tool:polyline'], importance: 2 },\n        style,\n        history,\n      ],\n    },\n    insert: {\n      place: { with: 'main' },\n      mode: 'insert',\n      titleKey: 'commands.mode.insert',\n      center: [\n        {\n          id: 'stamps',\n          items: [\n            'tool:stamp',\n            // Quick marks (`plugins.stamp.quick`): thumbnails that arm on click; in\n            // a menu the stamps panel stands in for them.\n            { custom: 'quick-stamps', command: 'tool:stamp', importance: 3 },\n            'tool:attachment',\n            'tool:signature',\n            'tool:image',\n          ],\n          importance: 4,\n        },\n        style,\n        history,\n      ],\n    },\n    form: {\n      place: { with: 'main' },\n      mode: 'form',\n      titleKey: 'commands.mode.form',\n      center: [\n        // The design switch first: what a field is, in its sidebar; how it looks is Style's.\n        { id: 'design', items: ['form:design'], importance: 5 },\n        { id: 'fields', items: ['tool:text-field', 'tool:checkbox', 'tool:radio'], importance: 4 },\n        { id: 'choices', items: ['tool:combo-box', 'tool:list-box'], importance: 2 },\n        { id: 'buttons', items: ['tool:button'], importance: 2 },\n        { id: 'signatures', items: ['tool:signature-field'], importance: 2 },\n        style,\n        history,\n      ],\n    },\n    redact: {\n      place: { with: 'main' },\n      mode: 'redact',\n      titleKey: 'commands.mode.redact',\n      center: [\n        { id: 'redact', items: ['tool:redact', 'panel:redaction'], importance: 4 },\n        style,\n        history,\n      ],\n    },\n    measure: {\n      place: { with: 'main' },\n      mode: 'measure',\n      titleKey: 'commands.mode.measure',\n      center: [\n        {\n          id: 'measure',\n          items: ['tool:distance', 'tool:perimeter', 'tool:area', 'measurement:calibrate'],\n          importance: 5,\n        },\n        {\n          id: 'scale',\n          items: [\n            { custom: 'measurement-scale', command: 'panel:measurement', variants: ['inline'] },\n          ],\n          importance: 4,\n        },\n        style,\n      ],\n    },\n\n    // ── over the pages ────────────────────────────────────────────────────────\n    pager: {\n      place: { float: 'bottom' },\n      center: [{ id: 'pages', items: [{ custom: 'page-number' }] }],\n    },\n    // Which actions show is each command's `visible` (group only when\n    // groupable, style only when the kind has editable properties…), so one\n    // bar serves a single and a multiple selection.\n    selection: {\n      place: { at: 'selection' },\n      center: [\n        {\n          id: 'selection',\n          items: [\n            'selection:copy',\n            'selection:highlight',\n            'selection:underline',\n            'selection:strikeout',\n          ],\n          importance: 4,\n        },\n      ],\n    },\n    annotation: {\n      place: { at: 'annotation' },\n      center: [\n        {\n          id: 'actions',\n          items: [\n            'annotation:comment',\n            'annotation:style',\n            'annotation:stamp-from-selection',\n            'annotation:link',\n            'annotation:goto-link',\n            'annotation:remove-link',\n            'annotation:group',\n            'annotation:ungroup',\n          ],\n          importance: 4,\n        },\n        // Its own group, so a line sets delete apart.\n        { id: 'danger', items: ['annotation:delete'], importance: 5 },\n      ],\n    },\n  },\n\n  menus: {\n    document: [['document:open', 'document:download', 'document:print'], ['view:fullscreen']],\n    view: [\n      {\n        titleKey: 'commands.spread.group',\n        items: ['view:single-page', 'view:two-pages', 'view:cover-page'],\n      },\n      {\n        titleKey: 'commands.scroll.group',\n        items: ['view:scroll-vertical', 'view:scroll-horizontal'],\n      },\n      {\n        titleKey: 'commands.rotate.group',\n        items: ['view:rotate-clockwise', 'view:rotate-counterclockwise'],\n      },\n      ['view:fullscreen'],\n    ],\n    zoom: [\n      {\n        titleKey: 'commands.zoom.level',\n        items: ['zoom:50', 'zoom:100', 'zoom:150', 'zoom:200', 'zoom:400'],\n      },\n      ['zoom:in', 'zoom:out'],\n      ['zoom:fit-page', 'zoom:fit-width', 'zoom:automatic'],\n    ],\n  },\n\n  // Each panel's button is its `panel:<id>` command, titled and drawn as the panel is\n  // (config/panels.ts); the panels on one side take turns.\n  panels: {\n    thumbnails: { side: 'start', titleKey: 'panels.thumbnails', icon: 'sidebar' },\n    outline: { side: 'start', titleKey: 'panels.outline', icon: 'listTree' },\n    attachments: { side: 'start', titleKey: 'panels.attachments', icon: 'paperclip' },\n    search: { side: 'end', titleKey: 'panels.search', icon: 'search' },\n    comments: { side: 'end', titleKey: 'panels.comments', icon: 'comment' },\n    style: { side: 'end', titleKey: 'panels.style', icon: 'palette' },\n    stamps: { side: 'end', titleKey: 'panels.stamps', icon: 'rubberStamp' },\n    signatures: { side: 'end', titleKey: 'panels.signatures', icon: 'signature' },\n    redaction: { side: 'end', titleKey: 'panels.redaction', icon: 'redactionSidebar' },\n    measurement: { side: 'end', titleKey: 'panels.measurement', icon: 'updateScale' },\n    // The form designer's sidebar: the document's fields, and what the selected one is.\n    'form-design': { side: 'end', titleKey: 'panels.formDesign', icon: 'formDesign' },\n  },\n};\n\n/** The default layout, which the `layout` function gets. */\nexport const defaultLayout = createLayout(DEFAULT_LAYOUT);\n"],"mappings":"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"}
+{"version":3,"file":"chrome.js","names":[],"sources":["../src/config/chrome.ts"],"sourcesContent":["/**\n * The default layout: every bar, menu and panel the viewer ships, as plain\n * data. Structure only: no breakpoints, no show/hide lists, no locale\n * overrides, no dividers or spacers, no hand-written overflow menus. What fits\n * is measured and solved at runtime (@embedpdf/core-ui); the \"More\" menu is\n * derived, and so are the mode tabs (the `modes` group lists one per bar with\n * a `mode`).\n *\n * `importance` (1 makes room first … 5 never leaves the bar) is the only\n * responsive knob. The bar, group and menu ids are API: they don't change\n * between minor versions.\n */\nimport { createLayout, type LayoutData, type LayoutGroupObject } from '@embedpdf/core-ui';\n\n// Shared by the mode bars: plain values, so composition is just a const. Both are dependent:\n// they show beside a mode's tools, and a bar left with only them shows nothing, nor its tab.\nconst style: LayoutGroupObject = {\n  id: 'style',\n  items: ['panel:style'],\n  importance: 4,\n  dependent: true,\n};\nconst history: LayoutGroupObject = {\n  id: 'history',\n  items: ['history:undo', 'history:redo'],\n  importance: 3,\n  dependent: true,\n};\n\nexport const DEFAULT_LAYOUT: LayoutData = {\n  bars: {\n    main: {\n      place: 'top',\n      // The start section sits left-aligned: document menu, view, the zoom\n      // field, pan and pointer. Only the mode tabs are truly centered.\n      start: [\n        { id: 'document', items: ['menu:document'], importance: 5 },\n        {\n          id: 'view',\n          items: [{ command: 'panel:thumbnails', importance: 5 }, 'menu:view'],\n          importance: 4,\n        },\n        // The zoom field; when it can't fit it draws its 'button' variant,\n        // and in the \"More\" menu it stands in as menu:zoom.\n        {\n          id: 'zoom',\n          items: [{ custom: 'zoom', command: 'menu:zoom', variants: ['inline', 'button'] }],\n          importance: 4,\n        },\n        { id: 'tools', items: ['tool:pan', 'tool:pointer'], importance: 2 },\n      ],\n      center: [\n        {\n          // The tabs: View, then one per mode bar. The group ladder: full strip\n          // → trailing tabs shed behind a chevron → select → the \"More\" menu.\n          // The tabs sit at importance 1 so the strip compacts first; the group\n          // at 4 so its compact forms last.\n          id: 'modes',\n          items: [],\n          shed: true,\n          collapse: 'select',\n          importance: 4,\n          titleKey: 'commands.mode.group',\n        },\n      ],\n      end: [\n        {\n          id: 'panels',\n          items: [\n            // The View only label: it shows only while nothing can change the document, and\n            // draws its icon alone when there's no room.\n            { custom: 'view-only', variants: ['label', 'icon'] },\n            'panel:search',\n            'panel:comments',\n          ],\n          importance: 5,\n        },\n      ],\n    },\n\n    // ── the mode bars: along main, one at a time ──────────────────────────────\n    annotate: {\n      place: { with: 'main' },\n      mode: 'annotate',\n      titleKey: 'commands.mode.annotate',\n      center: [\n        { id: 'comment', items: ['tool:note', 'tool:link'], importance: 4 },\n        {\n          id: 'markup',\n          items: ['tool:highlight', 'tool:strikeout', 'tool:underline', 'tool:squiggly'],\n          importance: 4,\n        },\n        { id: 'draw', items: ['tool:ink', 'tool:ink-highlight'], importance: 3 },\n        {\n          id: 'text',\n          items: ['tool:free-text', 'tool:insert-text', 'tool:replace-text', 'tool:callout'],\n          importance: 2,\n        },\n        style,\n        history,\n      ],\n    },\n    shapes: {\n      place: { with: 'main' },\n      mode: 'shapes',\n      titleKey: 'commands.mode.shapes',\n      center: [\n        {\n          id: 'shapes',\n          items: ['tool:square', 'tool:circle', 'tool:line', 'tool:arrow'],\n          importance: 4,\n        },\n        { id: 'polygons', items: ['tool:polygon', 'tool:polyline'], importance: 2 },\n        style,\n        history,\n      ],\n    },\n    insert: {\n      place: { with: 'main' },\n      mode: 'insert',\n      titleKey: 'commands.mode.insert',\n      center: [\n        {\n          id: 'stamps',\n          items: [\n            'tool:stamp',\n            // Quick marks (`plugins.stamp.quick`): thumbnails that arm on click; in\n            // a menu the stamps panel stands in for them.\n            { custom: 'quick-stamps', command: 'tool:stamp', importance: 3 },\n            'tool:attachment',\n            'tool:signature',\n            'tool:image',\n          ],\n          importance: 4,\n        },\n        style,\n        history,\n      ],\n    },\n    form: {\n      place: { with: 'main' },\n      mode: 'form',\n      titleKey: 'commands.mode.form',\n      center: [\n        // The design switch first: what a field is, in its sidebar; how it looks is Style's.\n        { id: 'design', items: ['form:design'], importance: 5 },\n        { id: 'fields', items: ['tool:text-field', 'tool:checkbox', 'tool:radio'], importance: 4 },\n        { id: 'choices', items: ['tool:combo-box', 'tool:list-box'], importance: 2 },\n        { id: 'buttons', items: ['tool:button'], importance: 2 },\n        { id: 'signatures', items: ['tool:signature-field'], importance: 2 },\n        style,\n        history,\n      ],\n    },\n    redact: {\n      place: { with: 'main' },\n      mode: 'redact',\n      titleKey: 'commands.mode.redact',\n      center: [\n        { id: 'redact', items: ['tool:redact', 'panel:redaction'], importance: 4 },\n        style,\n        history,\n      ],\n    },\n    measure: {\n      place: { with: 'main' },\n      mode: 'measure',\n      titleKey: 'commands.mode.measure',\n      center: [\n        {\n          id: 'measure',\n          items: ['tool:distance', 'tool:perimeter', 'tool:area', 'measurement:calibrate'],\n          importance: 5,\n        },\n        {\n          id: 'scale',\n          items: [\n            { custom: 'measurement-scale', command: 'panel:measurement', variants: ['inline'] },\n          ],\n          importance: 4,\n        },\n        style,\n      ],\n    },\n    // ── over the pages ────────────────────────────────────────────────────────\n    pager: {\n      place: { float: 'bottom' },\n      center: [{ id: 'pages', items: [{ custom: 'page-number' }] }],\n    },\n    // Which actions show is each command's `visible` (group only when\n    // groupable, style only when the kind has editable properties…), so one\n    // bar serves a single and a multiple selection.\n    selection: {\n      place: { at: 'selection' },\n      center: [\n        {\n          id: 'selection',\n          items: [\n            'selection:copy',\n            'selection:highlight',\n            'selection:underline',\n            'selection:strikeout',\n          ],\n          importance: 4,\n        },\n      ],\n    },\n    annotation: {\n      place: { at: 'annotation' },\n      center: [\n        {\n          id: 'actions',\n          items: [\n            'annotation:comment',\n            'annotation:style',\n            'annotation:stamp-from-selection',\n            'annotation:link',\n            'annotation:goto-link',\n            'annotation:save-file',\n            'annotation:remove-link',\n            'annotation:group',\n            'annotation:ungroup',\n          ],\n          importance: 4,\n        },\n        // Its own group, so a line sets delete apart.\n        { id: 'danger', items: ['annotation:delete'], importance: 5 },\n      ],\n    },\n  },\n\n  menus: {\n    document: [['document:open', 'document:download', 'document:print'], ['view:fullscreen']],\n    view: [\n      {\n        titleKey: 'commands.spread.group',\n        items: ['view:single-page', 'view:two-pages', 'view:cover-page'],\n      },\n      {\n        titleKey: 'commands.scroll.group',\n        items: ['view:scroll-vertical', 'view:scroll-horizontal'],\n      },\n      {\n        titleKey: 'commands.rotate.group',\n        items: ['view:rotate-clockwise', 'view:rotate-counterclockwise'],\n      },\n      ['view:fullscreen'],\n    ],\n    zoom: [\n      {\n        titleKey: 'commands.zoom.level',\n        items: ['zoom:50', 'zoom:100', 'zoom:150', 'zoom:200', 'zoom:400'],\n      },\n      ['zoom:in', 'zoom:out'],\n      ['zoom:fit-page', 'zoom:fit-width', 'zoom:automatic'],\n    ],\n    // A row of the outline panel: its menu button and a right-click on it open this.\n    'outline-item': [\n      ['outline:add', 'outline:add-child'],\n      ['outline:rename', 'outline:set-destination', 'outline:properties'],\n      ['outline:delete'],\n    ],\n    // A file of the attachments panel: its menu button and a right-click on it open this.\n    'attachment-item': [['attachment:save', 'attachment:go-to'], ['attachment:delete']],\n    // A page of the thumbnails panel: its menu button, a right-click and a long-press open this.\n    page: [\n      ['page:rotate-clockwise', 'page:rotate-counterclockwise'],\n      ['page:insert-blank', 'page:insert-file', 'page:duplicate'],\n      ['page:extract'],\n      ['page:delete'],\n    ],\n  },\n\n  // Each panel's button is its `panel:<id>` command, titled and drawn as the panel is\n  // (config/panels.ts); the panels on one side take turns.\n  panels: {\n    thumbnails: { side: 'start', titleKey: 'panels.thumbnails', icon: 'sidebar' },\n    outline: { side: 'start', titleKey: 'panels.outline', icon: 'listTree' },\n    attachments: { side: 'start', titleKey: 'panels.attachments', icon: 'paperclip' },\n    search: { side: 'end', titleKey: 'panels.search', icon: 'search' },\n    comments: { side: 'end', titleKey: 'panels.comments', icon: 'comment' },\n    style: { side: 'end', titleKey: 'panels.style', icon: 'palette' },\n    stamps: { side: 'end', titleKey: 'panels.stamps', icon: 'rubberStamp' },\n    signatures: { side: 'end', titleKey: 'panels.signatures', icon: 'signature' },\n    redaction: { side: 'end', titleKey: 'panels.redaction', icon: 'redactionSidebar' },\n    measurement: { side: 'end', titleKey: 'panels.measurement', icon: 'updateScale' },\n    // The form designer's sidebar: the document's fields, and what the selected one is.\n    'form-design': { side: 'end', titleKey: 'panels.formDesign', icon: 'formDesign' },\n  },\n};\n\n/** The default layout, which the `layout` function gets. */\nexport const defaultLayout = createLayout(DEFAULT_LAYOUT);\n"],"mappings":"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"}