@embedpdf/vue 0.0.0-stage → 3.0.0-next.16

package/dist/composables-DK3lwh38.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables-DK3lwh38.js","sources":["../src/annotation/state.ts","../src/annotation/AnnotationChrome.vue","../src/annotation/AnnotationFrame.vue","../src/annotation/text-box.ts","../src/annotation/AnnotationLook.vue","../src/annotation/FreeTextBox.vue","../src/annotation/AnnotationScene.vue","../src/annotation/NativeDrawing.vue","../src/annotation/StampGhost.vue","../src/annotation/AnnotationLayer.vue","../src/annotation/AnnotationMenu.vue","../src/annotation/AnnotationDraftMenu.vue","../src/annotation/AnnotationRotationBadge.vue","../src/annotation/composables.ts"],"sourcesContent":["/**\n * The annotation composables other feature entries use too (the form layer\n * reads the selection and the settings), kept apart so they don't import the\n * whole annotation feature: the state and the settings, each from its\n * declaration.\n */\nimport { AnnotationToken, annotationState } from '@embedpdf/plugin-annotation/contract';\nimport { settingsComposable, stateComposable } from '../state';\n\n/**\n * The annotation state as refs: `status` (`'loading'` until every annotation\n * is in, then `'ready'`), the `selected` annotations, the one `hovered` under\n * the pointer and the text box being typed in (`editing`). With a selector,\n * one ref that updates only when the value it picks changes. Empty without a\n * document.\n */\nexport const useAnnotationState = stateComposable(annotationState);\n\n/**\n * The annotation settings (`snap`, `chrome`, `afterCreate`, `tools`) as refs,\n * or one ref for the value `select` picks. They belong to the plugin, so they\n * read without a document; change them with `useAnnotation().updateSettings()`.\n */\nexport const useAnnotationSettings = settingsComposable(AnnotationToken);\n","<!--\n  The selection's chrome on one page: its outline, handles, rotation handle,\n  snapping guides, the lines of a turn in progress and the box dragged to\n  select. The plugin lists the nodes and sizes the screen-constant parts for\n  the page's zoom; `@embedpdf/web` puts them in pixels and paints them through\n  their `--epdf-annotation-*` variables. The layer draws them as SVG; a\n  `#handle` or `#rotation-handle` slot draws its handles as HTML over the page\n  instead. The viewer still decides where a handle can be grabbed, so what a\n  slot draws can't break dragging.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { shallowEqual } from '@embedpdf/core';\nimport type { ChromeNode } from '@embedpdf/core-annotation';\nimport { AnnotationToken as AnnotationHostToken } from '@embedpdf/plugin-annotation/contract/host';\nimport { annotationChromePaint, chromeInPixels } from '@embedpdf/web';\nimport { useOptionalSelector } from '../runtime/capabilities';\nimport { useViewerSettings } from '../runtime/documents';\nimport type { PageContextValue } from '../runtime/page';\nimport { useAnnotationSettings } from './state';\nimport type { HandleProps, RotationHandleProps } from './types';\n\nconst props = defineProps<{ page: PageContextValue }>();\n\nconst slots = defineSlots<{\n  /** One handle, drawn your way. */\n  handle?(props: HandleProps): unknown;\n  /** The rotation handle, drawn your way. */\n  'rotation-handle'?(props: RotationHandleProps): unknown;\n}>();\n\nconst NO_NODES: readonly ChromeNode[] = Object.freeze([]);\n\n// The page's view scale converts the screen-pixel chrome settings into\n// content units inside the plugin (the rotation handle's offset, grab zones):\n// screen-constant at every zoom. What this draws is in screen pixels already.\nconst nodes = useOptionalSelector(\n  AnnotationHostToken,\n  (host) => {\n    const { transform, ref } = props.page;\n    return host.listChromeNodes(ref, transform.viewScale, transform.rotation, transform.zoom);\n  },\n  NO_NODES,\n  shallowEqual,\n);\nconst chrome = useAnnotationSettings((settings) => settings.chrome);\nconst accent = useViewerSettings((settings) => settings.accent);\n/**\n * The chrome settings, painted, as each part's `style`: follows the settings\n * and the viewer's accent live. Paint goes in `style`, never in SVG\n * attributes, which don't read the `var(--epdf-…)` the paint starts with.\n */\nconst painted = computed(() => {\n  const paint = annotationChromePaint(chrome.value, accent.value);\n  const style = (part: object): CSSProperties => ({ ...part });\n  return {\n    outline: style(paint.outline),\n    handle: style(paint.handle),\n    rotationHandle: style(paint.rotationHandle),\n    rotationStalk: style({ stroke: paint.rotationHandle.stroke }),\n    guide: style(paint.guide),\n    rotationGuide: style(paint.rotationGuide),\n    marquee: style(paint.marquee),\n  };\n});\nconst pixels = computed(() => chromeInPixels(nodes.value, props.page.transform));\n\n/** Whether there are handles a slot could draw: the slots' own element exists only then. */\nconst hasHandles = computed(() =>\n  pixels.value.some((node) => node.kind === 'handle' || node.kind === 'rotation-handle'),\n);\n</script>\n\n<template>\n  <svg :style=\"{ position: 'absolute', inset: 0, overflow: 'visible', pointerEvents: 'none' }\">\n    <template v-for=\"(node, index) in pixels\" :key=\"index\">\n      <template v-if=\"node.kind === 'handle'\">\n        <template v-if=\"!slots.handle\">\n          <circle\n            v-if=\"chrome.handles.shape === 'circle'\"\n            :cx=\"node.at.x\"\n            :cy=\"node.at.y\"\n            :r=\"chrome.handles.size / 2\"\n            stroke-width=\"1.5\"\n            :style=\"painted.handle\"\n          />\n          <!-- The square rides a turned box's orientation (it spins about itself). -->\n          <rect\n            v-else\n            :x=\"node.at.x - chrome.handles.size / 2\"\n            :y=\"node.at.y - chrome.handles.size / 2\"\n            :width=\"chrome.handles.size\"\n            :height=\"chrome.handles.size\"\n            stroke-width=\"1.5\"\n            :style=\"painted.handle\"\n            :transform=\"node.rotation ? `rotate(${node.rotation} ${node.at.x} ${node.at.y})` : undefined\"\n          />\n        </template>\n      </template>\n      <line\n        v-else-if=\"node.kind === 'guide'\"\n        :x1=\"node.from.x\"\n        :y1=\"node.from.y\"\n        :x2=\"node.to.x\"\n        :y2=\"node.to.y\"\n        shape-rendering=\"crispEdges\"\n        :style=\"painted.guide\"\n      />\n      <polygon\n        v-else-if=\"node.kind === 'turned-outline'\"\n        :points=\"node.points\"\n        fill=\"none\"\n        :style=\"painted.outline\"\n      />\n      <g v-else-if=\"node.kind === 'rotation-guides'\">\n        <line\n          v-for=\"(line, lineIndex) in node.lines\"\n          :key=\"lineIndex\"\n          :x1=\"line.from.x\"\n          :y1=\"line.from.y\"\n          :x2=\"line.to.x\"\n          :y2=\"line.to.y\"\n          :opacity=\"line.opacity\"\n          :style=\"painted.rotationGuide\"\n        />\n      </g>\n      <template v-else-if=\"node.kind === 'rotation-handle'\">\n        <g v-if=\"!slots['rotation-handle']\">\n          <line\n            v-if=\"chrome.rotationHandle.stalk\"\n            :x1=\"node.from.x\"\n            :y1=\"node.from.y\"\n            :x2=\"node.at.x\"\n            :y2=\"node.at.y\"\n            stroke-width=\"1\"\n            :style=\"painted.rotationStalk\"\n          />\n          <circle\n            :cx=\"node.at.x\"\n            :cy=\"node.at.y\"\n            :r=\"chrome.rotationHandle.size / 2\"\n            stroke-width=\"1.5\"\n            :style=\"painted.rotationHandle\"\n          />\n        </g>\n      </template>\n      <!-- The box dragged to select keeps its own look (a see-through accent\n           fill, always dashed); the selection outline follows the settings. -->\n      <rect\n        v-else-if=\"node.kind === 'marquee'\"\n        :x=\"node.box.left\"\n        :y=\"node.box.top\"\n        :width=\"node.box.width\"\n        :height=\"node.box.height\"\n        stroke-width=\"1\"\n        stroke-dasharray=\"4 3\"\n        :style=\"painted.marquee\"\n      />\n      <rect\n        v-else-if=\"node.kind === 'outline'\"\n        :x=\"node.box.left\"\n        :y=\"node.box.top\"\n        :width=\"node.box.width\"\n        :height=\"node.box.height\"\n        fill=\"none\"\n        :style=\"painted.outline\"\n      />\n    </template>\n  </svg>\n  <div\n    v-if=\"hasHandles && (slots.handle || slots['rotation-handle'])\"\n    :style=\"{ position: 'absolute', inset: 0, pointerEvents: 'none' }\"\n  >\n    <template v-for=\"(node, index) in pixels\" :key=\"index\">\n      <slot\n        v-if=\"node.kind === 'handle' && slots.handle\"\n        name=\"handle\"\n        :at=\"node.at\"\n        :size=\"chrome.handles.size\"\n        :rotation=\"node.rotation\"\n        :kind=\"node.role\"\n        :active=\"node.active\"\n      />\n      <slot\n        v-else-if=\"node.kind === 'rotation-handle' && slots['rotation-handle']\"\n        name=\"rotation-handle\"\n        :at=\"node.at\"\n        :from=\"node.from\"\n        :size=\"chrome.rotationHandle.size\"\n        :rotation=\"0\"\n        :active=\"false\"\n      />\n    </template>\n  </div>\n</template>\n","<!--\n  The box an annotation draws into, placed, sized and turned like the\n  annotation (`item.frame`) inside the page layer, which the page itself\n  turns. The annotation's own drawing and any look of yours draw inside it.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport type { RenderItem } from '@embedpdf/core-annotation';\nimport { frameInPixels } from '@embedpdf/web';\nimport type { PageContextValue } from '../runtime/page';\n\nconst props = withDefaults(\n  defineProps<{\n    item: RenderItem;\n    page: PageContextValue;\n    /** An interactive renderer takes the pointer: the layer's own `none` ends here. */\n    interactive?: boolean;\n    /** No pointer and no focus for the whole subtree: a renderer that only draws. */\n    inert?: boolean;\n  }>(),\n  { interactive: false, inert: false },\n);\n\ndefineSlots<{ default?(): unknown }>();\n\nconst style = computed((): CSSProperties => {\n  const box = frameInPixels(props.item.frame, props.page.transform);\n  return {\n    position: 'absolute',\n    left: `${box.left}px`,\n    top: `${box.top}px`,\n    width: `${box.width}px`,\n    height: `${box.height}px`,\n    transform: box.transform,\n    transformOrigin: 'center',\n    // On the frame: a turned frame groups what is inside it, so blending on\n    // an inner element would stop blending with the page.\n    mixBlendMode: props.item.blend as CSSProperties['mixBlendMode'],\n    pointerEvents: props.interactive ? 'auto' : 'none',\n  };\n});\n</script>\n\n<template>\n  <div :inert=\"inert || undefined\" :style=\"style\">\n    <slot />\n  </div>\n</template>\n","/**\n * Text boxes you type in. `@embedpdf/web`'s text box editor makes an element\n * the editor of a free text box (rich text, focus and `contentEditable`\n * following the plugin's `editing`, presses kept inside), and its follower\n * attaches when the element and the capability are there and takes the box\n * and the scale whenever they change; this binds the follower to Vue. The\n * layer's own text boxes use it, and so does `useRichTextEditor()`, for a\n * renderer that draws its text box itself.\n */\nimport { computed, inject, onScopeDispose, provide, shallowRef, toValue, watch } from 'vue';\nimport type {\n  ComponentPublicInstance,\n  CSSProperties,\n  InjectionKey,\n  MaybeRefOrGetter,\n  Ref,\n} from 'vue';\nimport type { Annotation, AnnotationRef, TextItem } from '@embedpdf/plugin-annotation';\n// Typing reaches the plugin through its host lens (drafts, the text selection).\nimport { AnnotationToken as AnnotationHostToken } from '@embedpdf/plugin-annotation/contract/host';\nimport { createTextBoxEditorFollower, ownTextBoxOf, textBoxEditorScaleOf } from '@embedpdf/web';\nimport { useOptionalCapability, useOptionalSelector } from '../runtime/capabilities';\nimport { usePage } from '../runtime/page';\nimport type { RichTextEditor } from './types';\n\n/**\n * Make an element the editor of a text box, following `item` and `scale`\n * (pixels per point). Returns the element's ref: put it on the element, and\n * render nothing inside it, since the editor owns its children.\n */\nexport function useTextBoxEditor(\n  item: MaybeRefOrGetter<TextItem | null>,\n  scale: MaybeRefOrGetter<number>,\n): Ref<HTMLElement | null> {\n  const element = shallowRef<HTMLElement | null>(null);\n  const annotation = useOptionalCapability(AnnotationHostToken);\n  const follower = createTextBoxEditorFollower<AnnotationRef>();\n  // `post`: the element is in the document by then, so focusing it works. The\n  // editor redraws only when the text differs, so the caret never jumps while\n  // typing; focus follows `editing`.\n  watch(\n    [annotation, element, () => toValue(item), () => toValue(scale)],\n    ([capability, target, current, pixelsPerPoint]) =>\n      follower.follow(target, capability, current, pixelsPerPoint),\n    { immediate: true, flush: 'post' },\n  );\n  onScopeDispose(() => follower.detach());\n  return element;\n}\n\n/** How much the layer scales the look around it: 1 outside a look, or in one drawn at its size on screen. */\nconst LookScaleKey: InjectionKey<Readonly<Ref<number>>> = Symbol('embedpdf annotation look scale');\nconst UNSCALED = computed(() => 1);\n\n/** Installed by the layer around a look it scales, not by app code. */\nexport function provideLookScale(scale: Readonly<Ref<number>>): void {\n  provide(LookScaleKey, scale);\n}\n\nconst NO_STYLE: CSSProperties = Object.freeze({});\n\n/**\n * Make your own element the editor of a text box you draw yourself (a\n * renderer for free text): it draws the runs, turns typing back into runs,\n * keeps the caret when the style changes, and handles pasting, input methods\n * and the format shortcuts. The formatting calls (`text.toggleFormat`,\n * `selection.update`) work on it as they do on the built-in one.\n *\n * ```vue\n * const { ref: editorRef, editing, style } = useRichTextEditor(() => props.annotation);\n * <div :ref=\"editorRef\" :class=\"{ editing }\" :style=\"style\" />\n * ```\n *\n * `ref` goes on your element (render nothing inside it: the editor owns what's\n * in it); `style` and `editing` are refs. `style` fills the element's parent at\n * a legible size: draw the box's frame on the parent.\n */\nexport function useRichTextEditor(annotation: MaybeRefOrGetter<Annotation>): RichTextEditor {\n  const page = usePage();\n  // Saved and idle too: your element draws its text, no engine picture does.\n  const item = useOptionalSelector(\n    AnnotationHostToken,\n    (host) => {\n      const { transform } = page.value;\n      return host.getTextItem(toValue(annotation).ref, {\n        zoom: transform.zoom,\n        rotation: transform.rotation,\n      });\n    },\n    null,\n  );\n  // Pixels per point where the element is: inside a scaled look, at the\n  // annotation's 100% size; the look's scale does the rest.\n  const lookScale = inject(LookScaleKey, UNSCALED);\n  const scale = computed(() =>\n    textBoxEditorScaleOf(item.value, page.value.transform, lookScale.value),\n  );\n  const own = computed(() => (item.value ? ownTextBoxOf(item.value, scale.value) : null));\n  const element = useTextBoxEditor(item, () => own.value?.scale ?? scale.value);\n  const style = computed((): CSSProperties => own.value?.style ?? NO_STYLE);\n  return {\n    ref: (target: Element | ComponentPublicInstance | null) => {\n      element.value = target instanceof HTMLElement ? target : null;\n    },\n    style,\n    editing: computed(() => item.value?.editing ?? false),\n  };\n}\n","<!--\n  Your look for one annotation, inside its frame: your renderer's component,\n  drawn at the annotation's 100% size and scaled with the page, unless the\n  renderer opts out (`scale: false`) and draws at its size on screen.\n  `useRichTextEditor()` inside it divides by that scale.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Component, CSSProperties } from 'vue';\nimport type { RenderItem } from '@embedpdf/core-annotation';\nimport type { Annotation } from '@embedpdf/plugin-annotation';\nimport { frameInPixels, lookFrameOf } from '@embedpdf/web';\nimport type { PageContextValue } from '../runtime/page';\nimport { provideLookScale } from './text-box';\n\nconst props = defineProps<{\n  /** Your renderer's component. */\n  component: Component;\n  /** Draw at the annotation's 100% size and let the layer scale it (the default), or at its size on screen. */\n  scaled: boolean;\n  annotation: Annotation;\n  item: RenderItem;\n  page: PageContextValue;\n  native: Component;\n  appearance: { url: string } | null;\n  interactive: boolean;\n}>();\n\nconst pixels = computed(() => frameInPixels(props.item.frame, props.page.transform));\nconst frame = computed(() => lookFrameOf(pixels.value, props.scaled));\n// What `useRichTextEditor()` in the look divides by: 1 when it draws at its size on screen.\nprovideLookScale(computed(() => (props.scaled ? pixels.value.scale : 1)));\n\nconst scaledBox = computed(\n  (): CSSProperties => ({\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    width: `${pixels.value.design.width}px`,\n    height: `${pixels.value.design.height}px`,\n    transform: `scale(${pixels.value.scale})`,\n    transformOrigin: '0 0',\n  }),\n);\n</script>\n\n<template>\n  <div v-if=\"scaled\" :style=\"scaledBox\">\n    <component\n      :is=\"component\"\n      :annotation=\"annotation\"\n      :frame=\"frame\"\n      :native=\"native\"\n      :appearance=\"appearance\"\n      :hovered=\"item.hovered ?? false\"\n      :selected=\"item.selected\"\n      :interactive=\"interactive\"\n    />\n  </div>\n  <component\n    :is=\"component\"\n    v-else\n    :annotation=\"annotation\"\n    :frame=\"frame\"\n    :native=\"native\"\n    :appearance=\"appearance\"\n    :hovered=\"item.hovered ?? false\"\n    :selected=\"item.selected\"\n    :interactive=\"interactive\"\n  />\n</template>\n","<!--\n  A free text annotation's text: the same styled element for reading and for\n  typing, placed on the engine's text plate (the box inset by its padding).\n  The editor binding owns what's inside it, so the template renders nothing\n  there, and the element lives as long as the text box does (keyed by its id),\n  so the caret never jumps while someone types. Focus and `contentEditable`\n  follow the plugin's `editing`.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TextItem } from '@embedpdf/plugin-annotation';\nimport { annotationChromePaint, freeTextBoxOf } from '@embedpdf/web';\nimport { useViewerSettings } from '../runtime/documents';\nimport type { PageContextValue } from '../runtime/page';\nimport { useAnnotationSettings } from './state';\nimport { useTextBoxEditor } from './text-box';\n\nconst props = defineProps<{ item: TextItem; page: PageContextValue }>();\n\nconst chrome = useAnnotationSettings((settings) => settings.chrome);\nconst accent = useViewerSettings((settings) => settings.accent);\nconst outline = computed(() => annotationChromePaint(chrome.value, accent.value).textOutline);\n\n// On the engine's text plate (the box inset by its padding), laid out at a legible size.\nconst box = computed(() => freeTextBoxOf(props.item, props.page.transform, outline.value));\nconst element = useTextBoxEditor(\n  () => props.item,\n  () => box.value.scale,\n);\n</script>\n\n<template>\n  <div ref=\"element\" :style=\"box.style\" />\n</template>\n","<!--\n  An annotation's scene, filling its frame: drawn upright in it, the frame\n  turns it. The core computed the box and the painted scene; `@embedpdf/web`\n  describes each scene node as one SVG element (its tag, its attributes under\n  their SVG names, its text), so there is no per-kind logic and no bounds math\n  here: one loop draws every kind.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { MITER_LIMIT, scene } from '@embedpdf/core-annotation';\nimport type { RenderItem } from '@embedpdf/core-annotation';\nimport { ghostOpacity, sceneViewBox, svgShapesOf } from '@embedpdf/web';\nimport SvgShapes from '../runtime/SvgShapes.vue';\n\nconst props = defineProps<{ item: RenderItem }>();\n\n// Nothing to draw until the annotation has area (the 0×0 draft at mouse-down).\nconst viewBox = computed(() => sceneViewBox(props.item.box));\nconst shapes = computed(() => svgShapesOf(scene(props.item), { miterLimit: MITER_LIMIT }));\nconst style = computed(\n  (): CSSProperties => ({\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    width: '100%',\n    height: '100%',\n    overflow: 'visible',\n    pointerEvents: 'none',\n    // A ghost is see-through as a whole, so its fill and stroke don't stack.\n    ...(props.item.source === 'ghost'\n      ? { opacity: ghostOpacity(props.item.ghostOpacity ?? 0.5) }\n      : {}),\n  }),\n);\n</script>\n\n<template>\n  <svg v-if=\"viewBox\" :viewBox=\"viewBox\" :style=\"style\">\n    <SvgShapes :shapes=\"shapes\" />\n  </svg>\n</template>\n","<!--\n  The layer's own drawing of one annotation, inside its frame: the engine's\n  raster where the core places it (following a move as it happens), or the\n  vector scene for everything drawn live (shapes, clouds, markup, a drawing\n  in progress, a tool's ghost, a picture older than the annotation). One rule\n  picks (`pictureOrPainting`). A renderer gets it as `native`.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { hasLiveDrawing, type RenderItem } from '@embedpdf/core-annotation';\nimport {\n  pictureOrPainting,\n  rasterInFrame,\n  shownAppearance,\n  type AppearanceUrl,\n} from '@embedpdf/web';\nimport AnnotationScene from './AnnotationScene.vue';\n\nconst props = defineProps<{\n  item: RenderItem;\n  /** The page's loaded pictures, by item and state; `null` until the first ones arrive. */\n  urls: Readonly<Record<string, AppearanceUrl>> | null;\n}>();\n\nconst shows = computed(() => {\n  const { item, urls } = props;\n  return pictureOrPainting({\n    pending: item.source !== 'baked',\n    picture: urls && shownAppearance(urls, item.id, item.annotation?.appearanceState ?? null),\n    version: item.pictureVersion ?? 0,\n    loaded: urls !== null,\n    paint: () => (hasLiveDrawing(item) ? item : null),\n  });\n});\n\n/** The engine's raster inside the item's frame, where `item.raster` puts it, at any frame size. */\nconst baked = computed((): { url: string; style: CSSProperties } | null => {\n  const { item } = props;\n  const look = shows.value;\n  if (look?.kind !== 'picture' || !item.raster) return null;\n  const box = rasterInFrame(item.raster, item.frame);\n  return {\n    url: look.picture.url,\n    style: {\n      position: 'absolute',\n      left: box.left,\n      top: box.top,\n      width: box.width,\n      height: box.height,\n      // The appearance box is sized in content units; a global\n      // `img { max-width: 100% }` reset would otherwise clamp it to the\n      // containing block and distort the aspect (a landscape stamp on a turned,\n      // portrait page), so honour the explicit size.\n      maxWidth: 'none',\n      maxHeight: 'none',\n      pointerEvents: 'none',\n      // The turn the engine took out of the raster, put back about its middle.\n      transform: box.transform,\n      transformOrigin: 'center',\n    },\n  };\n});\n</script>\n\n<template>\n  <img v-if=\"baked\" :src=\"baked.url\" alt=\"\" draggable=\"false\" :style=\"baked.style\" />\n  <AnnotationScene v-else-if=\"shows?.kind === 'painting'\" :item=\"item\" />\n</template>\n","<!--\n  The armed stamp's ghost: a see-through render of the stamp, in the exact box\n  a click would place it (the plugin computes it with the same fit and clamp\n  as the placement). Every other tool's ghost is a render item, drawn like a\n  drawing in progress. The preview bytes live in the plugin; this owns only\n  the object URL, keyed on the armed stamp: a new arm swaps the image, a\n  disarm (or another tool) drops it.\n-->\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport {\n  AnnotationToken as AnnotationHostToken,\n  previewBucket,\n} from '@embedpdf/plugin-annotation/contract/host';\nimport { ghostOpacity, loadObjectUrl, rectInPixels } from '@embedpdf/web';\nimport { useOptionalCapability, useOptionalSelector } from '../runtime/capabilities';\nimport type { PageContextValue } from '../runtime/page';\n\nconst props = defineProps<{ page: PageContextValue }>();\n\nconst annotation = useOptionalCapability(AnnotationHostToken);\nconst ghost = useOptionalSelector(\n  AnnotationHostToken,\n  (host) => host.getImageGhost(props.page.ref),\n  null,\n);\nconst armed = useOptionalSelector(AnnotationHostToken, (host) => host.getArmedStamp(), null);\n// The ghost is a bitmap of vector artwork, right at one size: ask for the\n// bucket that covers the box's device width (points × device pixels per\n// point), so it stays sharp at every zoom and density. The plugin caches per\n// bucket.\nconst bucket = computed(() =>\n  ghost.value ? previewBucket(ghost.value.box.width * props.page.transform.renderScale) : 0,\n);\n\nconst url = ref<string | null>(null);\nwatch(\n  [annotation, armed, bucket],\n  ([host, _armed, size], _previous, onCleanup) => {\n    if (!host || !size) {\n      url.value = null;\n      return;\n    }\n    // The previous bucket's image stays up until this one arrives: no flicker\n    // while a zoom crosses a bucket boundary.\n    onCleanup(\n      loadObjectUrl(\n        () => host.renderArmedStampPreview(size),\n        (next) => (url.value = next),\n      ),\n    );\n  },\n  { immediate: true },\n);\n\nconst style = computed((): CSSProperties | null => {\n  const current = ghost.value;\n  if (!current) return null;\n  const frame = rectInPixels(current.box, props.page.transform);\n  return {\n    position: 'absolute',\n    left: `${frame.left}px`,\n    top: `${frame.top}px`,\n    width: `${frame.width}px`,\n    height: `${frame.height}px`,\n    // Never let a global `img` reset clamp the box and distort the aspect.\n    maxWidth: 'none',\n    maxHeight: 'none',\n    pointerEvents: 'none',\n    opacity: ghostOpacity(current.opacity),\n    ...(current.rot ? { transform: `rotate(${current.rot}deg)`, transformOrigin: 'center' } : {}),\n  };\n});\n</script>\n\n<template>\n  <img v-if=\"style && url\" :src=\"url\" alt=\"\" draggable=\"false\" :style=\"style\" />\n</template>\n","<!--\n  <AnnotationLayer>: a page's annotations, the selection's outline and\n  handles, the tool's preview and the text boxes being typed in. Put it in the\n  Stage's #page slot above the rendered page: while it's there, the render\n  layer leaves the annotations out of the page's picture.\n\n  Pure paint: it reads the plugin's per-page render items and chrome and draws\n  them. Pointer events reach the plugin through the interaction hub (the\n  Stage forwards them), and so does the cursor. Each annotation is one drawing:\n  its vector scene, the engine's baked appearance, or a look of yours from\n  `renderers`, which may keep the layer's own drawing (`native`) and add to it.\n  The `#handle` and `#rotation-handle` slots draw the handles your way.\n-->\n<script setup lang=\"ts\">\nimport { computed, h, markRaw, onUnmounted, shallowRef, toRaw, watch } from 'vue';\nimport type { Component } from 'vue';\nimport { annotationKey, shallowEqual } from '@embedpdf/core';\nimport type { RenderItem } from '@embedpdf/core-annotation';\nimport type { Annotation, TextItem } from '@embedpdf/plugin-annotation';\n// The layer is framework code, so it resolves the full host lens (page items,\n// chrome, appearances…): the same runtime token as the public one, typed wider.\nimport { AnnotationToken as AnnotationHostToken } from '@embedpdf/plugin-annotation/contract/host';\nimport { InteractionToken } from '@embedpdf/plugin-interaction/contract';\nimport { RenderToken } from '@embedpdf/plugin-render/contract/host';\nimport {\n  annotationDrawingOf,\n  bakedAppearanceOf,\n  createShownUrls,\n  editingTextKeyOf,\n  layerTextBoxesOf,\n  loadAppearanceUrls,\n  registerRendererBehaviors,\n} from '@embedpdf/web';\nimport type { AnnotationDrawing, AppearanceUrl } from '@embedpdf/web';\nimport { devWarn } from '../dev';\nimport { usePaintsPagePart } from '../page-layers';\nimport { useOptionalCapability, useOptionalSelector } from '../runtime/capabilities';\nimport { usePage } from '../runtime/page';\nimport AnnotationChrome from './AnnotationChrome.vue';\nimport AnnotationFrame from './AnnotationFrame.vue';\nimport AnnotationLook from './AnnotationLook.vue';\nimport FreeTextBox from './FreeTextBox.vue';\nimport NativeDrawing from './NativeDrawing.vue';\nimport StampGhost from './StampGhost.vue';\nimport type { AnnotationRenderer, HandleProps, RotationHandleProps } from './types';\n\nconst props = defineProps<{\n  /**\n   * Your own look for some annotations: each renderer says which ones (`for`)\n   * and with which component. Define the list once, in `<script setup>`.\n   */\n  renderers?: AnnotationRenderer[];\n}>();\n\nconst slots = defineSlots<{\n  /** Draw each handle yourself, in place of the layer's: it gets {@link HandleProps}. */\n  handle?(props: HandleProps): unknown;\n  /** Draw the rotation handle yourself: it gets {@link RotationHandleProps}. */\n  'rotation-handle'?(props: RotationHandleProps): unknown;\n}>();\n\ntype Drawing = AnnotationDrawing<AnnotationRenderer>;\n\nconst NO_ITEMS: readonly RenderItem[] = Object.freeze([]);\nconst NO_TEXTS: readonly TextItem[] = Object.freeze([]);\n\nconst page = usePage();\n// While it's here, the page's picture leaves the annotations to it.\nusePaintsPagePart(\n  computed(() => page.value.ref),\n  'annotations',\n);\nconst annotation = useOptionalCapability(AnnotationHostToken);\nconst interaction = useOptionalCapability(InteractionToken);\n// The active tool decides which interactive renderers take the pointer, so a\n// tool change draws the layer again (`interactive` functions read it live).\nconst activeToolId = useOptionalSelector(\n  InteractionToken,\n  (hub) => hub.getActiveToolId() as string,\n  '',\n);\n\n// The page's view (its zoom and turn) projects annotations that keep their\n// size or stay upright on screen (`noZoom`, `noRotate`) inside the plugin: no\n// flag logic lives here. `zoom`, not `viewScale`: 1 is the page's 100%.\nconst items = useOptionalSelector(\n  AnnotationHostToken,\n  (host) => {\n    const { transform, ref } = page.value;\n    return host.listPageItems(ref, { zoom: transform.zoom, rotation: transform.rotation });\n  },\n  NO_ITEMS,\n  shallowEqual,\n);\nconst texts = useOptionalSelector(\n  AnnotationHostToken,\n  (host) => {\n    const { transform, ref } = page.value;\n    return host.listTextItems(ref, { zoom: transform.zoom, rotation: transform.rotation });\n  },\n  NO_TEXTS,\n  shallowEqual,\n);\n\n// ── your renderers ───────────────────────────────────────────────────────────\n\n/** Bumped when the renderers' behaviors register again, so the drawings are read again. */\nconst registrations = shallowRef(0);\n// An `interactive` renderer takes the pointer through a behavior the plugin\n// knows, registered once per capability and entry however many pages mount\n// the layer. Entry identity is the key, so a list written inline in the\n// template (a new array on every render) registers again each time: say so.\nwatch(\n  [annotation, () => props.renderers],\n  ([host, renderers], previous, onCleanup) => {\n    const before = previous?.[1];\n    if (renderers && before && renderers !== before && shallowEqual(renderers, before)) {\n      devWarn(\n        'annotation-renderers-inline',\n        '<AnnotationLayer :renderers> was given a new array with the same entries — define it ' +\n          'once in <script setup>, because entry identity keys the behavior registration.',\n      );\n    }\n    if (host && renderers) {\n      onCleanup(\n        registerRendererBehaviors(host, renderers, () =>\n          String(interaction.value?.getActiveToolId() ?? ''),\n        ),\n      );\n    }\n    registrations.value += 1;\n  },\n  { immediate: true },\n);\n\n// ── baked appearances ────────────────────────────────────────────────────────\n\n// `null` until the page's first pictures arrive.\nconst urls = shallowRef<Record<string, AppearanceUrl> | null>(null);\n// The pictures shown stay valid until the next ones are shown.\nconst shown = createShownUrls();\nonUnmounted(() => shown.release());\n// Baked annotations draw from engine rasters: load them again when the page's\n// baked set or an appearance version changes (a stamp just placed, a resize\n// whose new appearance arrived), and when the bake scale does. A move or a\n// turn leaves the epoch as it is (the same pixels, placed elsewhere), and live\n// gestures don't touch it: nothing loads mid-drag.\nconst bakedKey = useOptionalSelector(\n  AnnotationHostToken,\n  (host) => host.getAppearanceEpoch(page.value.ref),\n  '',\n);\n// The appearance scale follows the document's render policy: zoom steps inside\n// one rung of the appearance lattice bake nothing again. Without the render\n// plugin, only this session's pictures load.\nconst bakeScale = useOptionalSelector(\n  RenderToken,\n  (render) => render.getAppearanceScale(page.value.transform.renderScale),\n  page.value.transform.renderScale,\n);\nwatch(\n  [annotation, () => page.value.ref, bakeScale, bakedKey],\n  ([host, pageRef, scale], _previous, onCleanup) => {\n    if (!host || !scale) return;\n    onCleanup(\n      loadAppearanceUrls(\n        shown,\n        (signal) => host.renderAppearances(pageRef, scale, signal),\n        annotationKey,\n        (loaded) => (urls.value = loaded),\n      ),\n    );\n  },\n  { immediate: true },\n);\n\n// ── what each annotation draws ───────────────────────────────────────────────\n\n/** The text box being typed in, by key: while it is, a look's editor takes the keys. */\nconst editingKey = computed(() => editingTextKeyOf(texts.value, annotationKey));\n\ninterface Drawn {\n  item: RenderItem;\n  annotation: Annotation | null;\n  drawing: Drawing;\n}\n\n/** The layer's own drawing, for what isn't an annotation yet (a drawing in progress, a ghost). */\nconst NATIVE: Drawing = { kind: 'native', inert: false };\n\n// Ownership beats looks: an engaged behavior's renderer is authoritative (the\n// form plugin's controls own their DOM); `for` rules apply only to what the\n// layer owns, and draw without the pointer. Read whenever the items, the\n// active tool or the registrations change: `interactive` functions and the\n// plugin's behaviors are asked here.\nconst drawn = computed((): Drawn[] => {\n  void activeToolId.value;\n  void registrations.value;\n  const host = annotation.value;\n  const renderers = props.renderers;\n  return items.value.map((item): Drawn => {\n    const record = item.annotation ?? null;\n    if (!record || !host) return { item, annotation: null, drawing: NATIVE };\n    const typing = editingKey.value !== null && annotationKey(record.ref) === editingKey.value;\n    return { item, annotation: record, drawing: annotationDrawingOf(record, host, renderers, typing) };\n  });\n});\n\n/** The text boxes the layer draws itself: one your renderer draws is edited there (`useRichTextEditor()`). */\nconst ownTexts = computed(() =>\n  layerTextBoxesOf(texts.value, items.value, props.renderers, annotationKey),\n);\n\n// `native` for a renderer: one component per annotation, kept by its id, that\n// draws the layer's current drawing of it. The same component across renders,\n// so a drag moves the drawing instead of replacing it.\nconst itemsById = computed(() => new Map(items.value.map((item) => [item.id, item])));\nconst natives = new Map<string, Component>();\nconst framedNatives = new Map<string, Component>();\nfunction nativeOf(id: string): Component {\n  let native = natives.get(id);\n  if (!native) {\n    native = markRaw(() => {\n      const item = itemsById.value.get(id);\n      return item ? h(NativeDrawing, { item, urls: urls.value }) : null;\n    });\n    natives.set(id, native);\n  }\n  return native;\n}\n/** The native drawing in its frame: what a sibling plugin's renderer keeps where the layer draws it. */\nfunction framedNativeOf(id: string): Component {\n  let native = framedNatives.get(id);\n  if (!native) {\n    native = markRaw(() => {\n      const item = itemsById.value.get(id);\n      return item\n        ? h(AnnotationFrame, { item, page: page.value }, () => h(nativeOf(id)))\n        : null;\n    });\n    framedNatives.set(id, native);\n  }\n  return native;\n}\n// Forget the drawings of annotations that are gone.\nwatch(itemsById, (shown) => {\n  for (const id of natives.keys()) if (!shown.has(id)) natives.delete(id);\n  for (const id of framedNatives.keys()) if (!shown.has(id)) framedNatives.delete(id);\n});\n\n/** A renderer's component, never a reactive proxy of it (a list kept in a `ref`). */\nconst componentOf = (component: Component): Component => toRaw(component);\n</script>\n\n<template>\n  <div :style=\"{ position: 'absolute', inset: 0, pointerEvents: 'none' }\">\n    <template v-for=\"{ item, annotation: record, drawing } in drawn\" :key=\"item.id\">\n      <component\n        :is=\"componentOf(drawing.entry.component)\"\n        v-if=\"drawing.kind === 'owned' && record\"\n        :annotation=\"record\"\n        :item=\"item\"\n        :page=\"page\"\n        :native=\"framedNativeOf(item.id)\"\n        :hovered=\"item.hovered ?? false\"\n        :selected=\"item.selected\"\n        :interactive=\"true\"\n      />\n      <AnnotationFrame\n        v-else-if=\"drawing.kind === 'look' && record\"\n        :item=\"item\"\n        :page=\"page\"\n        :interactive=\"drawing.interactive\"\n        :inert=\"drawing.inert\"\n      >\n        <AnnotationLook\n          :component=\"componentOf(drawing.entry.component)\"\n          :scaled=\"drawing.entry.scale !== false\"\n          :annotation=\"record\"\n          :item=\"item\"\n          :page=\"page\"\n          :native=\"nativeOf(item.id)\"\n          :appearance=\"\n            urls && bakedAppearanceOf(urls, item.id, item.annotation?.appearanceState ?? null)\n          \"\n          :interactive=\"drawing.interactive\"\n        />\n      </AnnotationFrame>\n      <!-- Inert when an engaged behavior has no renderer of yours: its plugin\n           owns the input (a link's anchor takes the click), and the annotation\n           keeps its own look. -->\n      <AnnotationFrame\n        v-else\n        :item=\"item\"\n        :page=\"page\"\n        :inert=\"drawing.kind === 'native' && drawing.inert\"\n      >\n        <NativeDrawing :item=\"item\" :urls=\"urls\" />\n      </AnnotationFrame>\n    </template>\n    <FreeTextBox v-for=\"text in ownTexts\" :key=\"text.id\" :item=\"text\" :page=\"page\" />\n    <StampGhost :page=\"page\" />\n    <AnnotationChrome :page=\"page\">\n      <template v-if=\"slots.handle\" #handle=\"handle\">\n        <slot name=\"handle\" v-bind=\"handle\" />\n      </template>\n      <template v-if=\"slots['rotation-handle']\" #rotation-handle=\"handle\">\n        <slot name=\"rotation-handle\" v-bind=\"handle\" />\n      </template>\n    </AnnotationChrome>\n  </div>\n</template>\n","<!--\n  <AnnotationMenu>: your own menu next to the selection (one anchor, also for a\n  selection over several pages), clear of the rotation handle. It hides while\n  the selection is dragged, resized or turned. What's in it is yours: build it\n  from `useAnnotation()` and `useAnnotationState()`. Put it in the Stage's\n  #overlay slot; it works inside a <PageView> too (the surface provides the\n  projection).\n-->\n<script setup lang=\"ts\">\nimport { AnnotationToken as AnnotationHostToken } from '@embedpdf/plugin-annotation/contract/host';\nimport { sameSelectionAnchor } from '@embedpdf/web';\nimport type { AnchoredPlacement } from '@embedpdf/web';\nimport Anchored from '../anchored/Anchored.vue';\nimport { useProjectorBinding } from '../anchored/projector';\nimport { useOptionalSelector } from '../runtime/capabilities';\n\nwithDefaults(\n  defineProps<{\n    /** Gap in screen px between the selection box and the menu. Default 15. */\n    gap?: number;\n    /** Where the menu sits around the selection. Default `'top'`. */\n    placement?: AnchoredPlacement;\n  }>(),\n  { gap: 15, placement: 'top' },\n);\n\ndefineSlots<{\n  /** The menu: compose it from `useAnnotation()` and `useAnnotationState()`. */\n  default?(): unknown;\n}>();\n\n// Reading the binding makes the anchor follow projection changes in the same\n// update as the pages: the rotation handle's offset is screen-constant, so its\n// place on the page depends on the page's live view scale.\nconst binding = useProjectorBinding();\nconst anchor = useOptionalSelector(\n  AnnotationHostToken,\n  (host) => {\n    const selection = host.selection.getAnchor();\n    if (!selection) return null;\n    const view = binding.value.projector.viewEnv(selection.page);\n    return view ? host.getSelectionAnchorIn(view) : selection;\n  },\n  null,\n  sameSelectionAnchor,\n);\n</script>\n\n<template>\n  <Anchored\n    v-if=\"anchor\"\n    :anchor=\"{\n      page: anchor.page,\n      bounds: anchor.bounds,\n      ...(anchor.rotationHandle ? { avoid: [anchor.rotationHandle] } : {}),\n    }\"\n    :placement=\"placement\"\n    :gap=\"gap\"\n  >\n    <slot />\n  </Anchored>\n</template>\n","<!--\n  <AnnotationDraftMenu>: floats over a shape being drawn with several clicks\n  (a polygon, a polyline). Its default slot gets the `draft`: its `subtype`,\n  `pointCount`, `minPoints`, `canFinish` and where it is. The verbs are\n  capability calls: `useAnnotation().draft.finish()` and `.draft.cancel()`.\n-->\n<script setup lang=\"ts\">\nimport type { CreationDraftAnchor } from '@embedpdf/core-annotation';\nimport { AnnotationToken } from '@embedpdf/plugin-annotation';\nimport { sameCreationDraftAnchor } from '@embedpdf/web';\nimport type { AnchoredPlacement } from '@embedpdf/web';\nimport Anchored from '../anchored/Anchored.vue';\nimport { useOptionalSelector } from '../runtime/capabilities';\n\nwithDefaults(\n  defineProps<{\n    /** Gap in screen px between the shape and the menu. Default 8. */\n    gap?: number;\n    /** Where the menu sits around the shape. Default `'top'`. */\n    placement?: AnchoredPlacement;\n  }>(),\n  { gap: 8, placement: 'top' },\n);\n\ndefineSlots<{\n  /** The menu, with the shape being drawn. */\n  default?(props: { draft: CreationDraftAnchor }): unknown;\n}>();\n\n// The plugin reads a new anchor object every time: compared by value, so the\n// menu moves only when the shape did.\nconst draft = useOptionalSelector(\n  AnnotationToken,\n  (annotation) => annotation.draft.get(),\n  null,\n  sameCreationDraftAnchor,\n);\n</script>\n\n<template>\n  <Anchored v-if=\"draft\" :anchor=\"draft\" :placement=\"placement\" :gap=\"gap\">\n    <slot :draft=\"draft\" />\n  </Anchored>\n</template>\n","<!--\n  <AnnotationRotationBadge>: follows the pointer while a selection is being\n  turned, upright however the page is shown: it floats over the page like the\n  menus, not in it. Shows nothing when no turn is in progress. Without a slot\n  it shows the angle in the `chrome.readout` colors, when\n  `chrome.readout.enabled`; its default slot gets the `rotation` (`angle`,\n  degrees clockwise, as the commit will apply it) to draw it your way.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport type { RotationAnchor } from '@embedpdf/core-annotation';\nimport { AnnotationToken } from '@embedpdf/plugin-annotation';\nimport { paint, paintDefault, sameRotationAnchor } from '@embedpdf/web';\nimport type { AnchoredPlacement } from '@embedpdf/web';\nimport Anchored from '../anchored/Anchored.vue';\nimport { useOptionalSelector } from '../runtime/capabilities';\nimport { useAnnotationSettings } from './state';\n\nwithDefaults(\n  defineProps<{\n    /** Gap in screen px between the pointer and the badge. Default 16. */\n    gap?: number;\n    /** Where the badge sits around the pointer. Default `'right'`. */\n    placement?: AnchoredPlacement;\n  }>(),\n  { gap: 16, placement: 'right' },\n);\n\nconst slots = defineSlots<{\n  /** The badge, drawn your way, with the turn in progress. */\n  default?(props: { rotation: RotationAnchor }): unknown;\n}>();\n\nconst rotation = useOptionalSelector(\n  AnnotationToken,\n  (annotation) => annotation.selection.getRotationAnchor(),\n  null,\n  sameRotationAnchor,\n);\nconst readout = useAnnotationSettings((settings) => settings.chrome.readout);\n\nconst badge = computed(\n  (): CSSProperties => ({\n    pointerEvents: 'none',\n    whiteSpace: 'nowrap',\n    borderRadius: '4px',\n    padding: '2px 6px',\n    fontFamily: paintDefault('font-mono'),\n    fontSize: '12px',\n    background: paint('readout-background', readout.value.background),\n    color: paint('readout-color', readout.value.color),\n  }),\n);\n</script>\n\n<template>\n  <Anchored\n    v-if=\"rotation && (slots.default || readout.enabled)\"\n    :anchor=\"{ page: rotation.page, bounds: { ...rotation.at, width: 0, height: 0 } }\"\n    :placement=\"placement\"\n    :gap=\"gap\"\n  >\n    <slot v-if=\"slots.default\" :rotation=\"rotation\" />\n    <div v-else :style=\"badge\">{{ rotation.angle }}°</div>\n  </Anchored>\n</template>\n","/**\n * The annotation composables: `useAnnotation()` (the API) and\n * `useAnnotationEvent()`; the reads a component follows on their own, each a\n * ref (`useAnnotationList()`, `useAnnotationDefaults()`,\n * `useAnnotationProperties()`, `useAnnotationAnchor()`); the comments\n * (`useComments()`, `useCommentThreads()`, `useCommentThread()`); and\n * `useFilePickerProvider()`, the file dialog behind click-then-pick tools.\n * The state and the settings are in `./state`.\n */\nimport { computed, markRaw, toValue, unref, watch } from 'vue';\nimport type { MaybeRef, MaybeRefOrGetter, Ref } from 'vue';\nimport { annotationKey, shallowEqual } from '@embedpdf/core';\nimport type { EventHook, PageLayout } from '@embedpdf/core';\nimport { AnnotationToken } from '@embedpdf/plugin-annotation';\nimport type {\n  Annotation,\n  AnnotationAnchor,\n  AnnotationCapability,\n  AnnotationFilter,\n  AnnotationProperties,\n  AnnotationRef,\n  CommentThread,\n  CommentsApi,\n  FilePickerProvider,\n  ToolDefaults,\n} from '@embedpdf/plugin-annotation';\n// The anchor of one annotation is a host read: it projects a drag in progress.\nimport { AnnotationToken as AnnotationHostToken } from '@embedpdf/plugin-annotation/contract/host';\nimport {\n  enrichCommentThreads,\n  installFilePickerProvider,\n  pickRequestedFile,\n  sameAnnotationAnchor,\n} from '@embedpdf/web';\nimport { devWarn } from '../dev';\nimport {\n  useCapability,\n  useCapabilityEvent,\n  useOptionalCapability,\n  useOptionalSelector,\n} from '../runtime/capabilities';\nimport { useDocumentId, useKernelValue } from '../runtime/kernel';\nimport type { CommentThreadView } from './types';\n\n/**\n * The annotation API (`create`, `update`, `selection`, `tools`, `text`,\n * `comments`, …) for your chrome. The object never changes, so it's safe to\n * keep in a closure; keep it whole (`annotation.selection.delete()`), since a\n * member taken out of it once stays the one of that moment.\n */\nexport function useAnnotation(): AnnotationCapability {\n  return useCapability(AnnotationToken);\n}\n\n/** Subscribe to one annotation event while the component lives: `useAnnotationEvent((annotation) => annotation.onCreated, handler)`. */\nexport function useAnnotationEvent<Event>(\n  select: (annotation: AnnotationCapability) => EventHook<Event>,\n  handler: (event: Event) => void,\n): void {\n  useCapabilityEvent(AnnotationToken, select, handler);\n}\n\nconst NO_ANNOTATIONS: readonly Annotation[] = Object.freeze([]);\n\n/**\n * The annotations matching `filter` (some pages, one kind), in drawing order,\n * as the user sees them, as a ref: the same array while they stay the same.\n * A getter follows a filter that changes. Empty without a document.\n */\nexport function useAnnotationList(\n  filter?: MaybeRefOrGetter<AnnotationFilter | undefined>,\n): Readonly<Ref<readonly Annotation[]>> {\n  return useOptionalSelector(\n    AnnotationToken,\n    (annotation) => annotation.list(toValue(filter)),\n    NO_ANNOTATIONS,\n    shallowEqual,\n  );\n}\n\nconst NO_DEFAULTS: ToolDefaults = Object.freeze({});\n\n/**\n * A tool's defaults, as a ref: the fields its next annotation starts with,\n * over the engine's. It follows them, so a color picker always shows the\n * current color. Empty without a document.\n */\nexport function useAnnotationDefaults(toolId: MaybeRefOrGetter<string>): Readonly<Ref<ToolDefaults>> {\n  return useOptionalSelector(\n    AnnotationToken,\n    (annotation) => annotation.tools.getDefaults(toValue(toolId)),\n    NO_DEFAULTS,\n  );\n}\n\nconst NO_PROPERTIES: AnnotationProperties = Object.freeze({\n  properties: [],\n  values: {},\n  mixed: [],\n});\n\n/**\n * What a style panel shows, as a ref: the selection's properties\n * (`selection.getProperties()`), or, given a tool id, the tool's\n * (`tools.getProperties(id)`). It follows them. Empty without a document.\n */\nexport function useAnnotationProperties(\n  toolId?: MaybeRefOrGetter<string | undefined>,\n): Readonly<Ref<AnnotationProperties>> {\n  return useOptionalSelector(\n    AnnotationToken,\n    (annotation) => {\n      const tool = toValue(toolId);\n      return tool === undefined\n        ? annotation.selection.getProperties()\n        : annotation.tools.getProperties(tool);\n    },\n    NO_PROPERTIES,\n  );\n}\n\n/**\n * An anchor for `<Anchored>` that keeps a card or a badge attached to one\n * annotation, as a ref: its page and the box around what it shows, following\n * a move as it happens. `null` for `null`, or an annotation that isn't here.\n * It changes when the annotation moves, not while people scroll or zoom: a\n * note that keeps its size on screen hands `<Anchored>` its `boundsIn`. A\n * getter follows a ref that changes (`() => hovered.value?.ref ?? null`).\n */\nexport function useAnnotationAnchor(\n  ref: MaybeRefOrGetter<AnnotationRef | null>,\n): Readonly<Ref<AnnotationAnchor | null>> {\n  return useOptionalSelector(\n    AnnotationHostToken,\n    (annotation) => {\n      const wanted = toValue(ref);\n      return wanted ? annotation.getAnnotationAnchor(wanted) : null;\n    },\n    null,\n    sameAnnotationAnchor,\n  );\n}\n\n// ── comments (the conversation plane) ────────────────────────────────────────\n\n/**\n * The comments API: the `comments` part of `useAnnotation()`, for the\n * document in scope. Like `useAnnotation()`, the object never changes and\n * always reaches the current document. Pair it with {@link useCommentThreads}\n * for the threads to show.\n */\nexport function useComments(): CommentsApi {\n  const annotation = useAnnotation();\n  // Read `comments` at each use, never once here: the document in scope may change.\n  const target = markRaw({});\n  return new Proxy(target, {\n    get: (_target, key) =>\n      typeof key === 'string' && key.startsWith('__v_')\n        ? Reflect.get(target, key)\n        : Reflect.get(annotation.comments, key),\n    has: (_target, key) => Reflect.has(annotation.comments, key),\n  }) as CommentsApi;\n}\n\nconst NO_PAGES: readonly PageLayout[] = Object.freeze([]);\nconst NO_THREADS: readonly CommentThread[] = Object.freeze([]);\n\n/**\n * Every comment thread in the document as a ref, display-ordered (page\n * position, then top of page, then creation date) and with where its page is\n * shown (`pageIndex`, `pageLabel`). It follows annotation writes (your own,\n * remote ones, loading) and page moves and deletes; the same array between\n * changes.\n */\nexport function useCommentThreads(): Readonly<Ref<readonly CommentThreadView[]>> {\n  const documentId = useDocumentId();\n  const threads = useOptionalSelector(\n    AnnotationToken,\n    (annotation) => annotation.comments.listThreads(),\n    NO_THREADS,\n  );\n  const pages = useKernelValue((kernel) =>\n    documentId.value ? kernel.documents.listPages(documentId.value) : NO_PAGES,\n  );\n  return computed(() => enrichCommentThreads(threads.value, pages.value));\n}\n\n/**\n * The thread holding any of its annotations (the root, a reply, a grouped\n * part, a review state), as a ref, or null. A getter follows a ref that changes.\n */\nexport function useCommentThread(\n  ref: MaybeRefOrGetter<AnnotationRef | null>,\n): Readonly<Ref<CommentThreadView | null>> {\n  const views = useCommentThreads();\n  const annotation = useOptionalCapability(AnnotationToken);\n  return computed(() => {\n    const wanted = toValue(ref);\n    const api = annotation.value;\n    if (wanted == null || !api) return null;\n    const thread = api.comments.getThread(wanted);\n    if (!thread) return null;\n    const root = annotationKey(thread.root.ref);\n    return views.value.find((view) => annotationKey(view.root.ref) === root) ?? null;\n  });\n}\n\n// ── the file picker ──────────────────────────────────────────────────────────\n\n/**\n * The default file-picker provider: the browser's file dialog (from\n * `@embedpdf/web`), honouring the tool's `accept` filter. The adapter fulfils\n * the plugin's DOM-free port; the dialog never lives in the plugin.\n */\nexport const filePickerProvider: FilePickerProvider = pickRequestedFile;\n\n/**\n * Install the file-picker provider for the document in scope while the\n * component lives: the one port behind every click-then-pick tool (a stamp\n * whose source is `'prompt'`, the file attachment tool). Call it once, at a\n * document-wide spot (not in a page layer). Without an argument it installs\n * {@link filePickerProvider}, so those tools work out of the box; pass your\n * own (an asset library, a cloud drive: switch on `toolId` or `subtype`), or\n * `null` to make them do nothing. A ref follows a provider that changes.\n */\nexport function useFilePickerProvider(\n  provider: MaybeRef<FilePickerProvider | null> = filePickerProvider,\n): void {\n  const annotation = useOptionalCapability(AnnotationToken);\n  // Not a getter: the provider is itself a function.\n  watch(\n    [annotation, () => unref(provider)],\n    ([capability, current], _previous, onCleanup) => {\n      if (!capability) return;\n      // One port per document: a second caller silently replaces the first.\n      onCleanup(\n        installFilePickerProvider(capability, current, () =>\n          devWarn(\n            'file-picker-provider-twice',\n            'useFilePickerProvider() is called from two mounted components for the same ' +\n              'document — the later one wins. Call it once, at a document-scoped spot.',\n          ),\n        ),\n      );\n    },\n    { immediate: true },\n  );\n}\n"],"names":["_useSlots","AnnotationHostToken","ref","paint","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","_unref","_normalizeStyle","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent","_createVNode","SvgShapes","AnnotationScene","NativeDrawing","AnnotationFrame","shown","AnnotationLook","FreeTextBox","StampGhost","AnnotationChrome","_createSlots","_withCtx","Anchored","AnnotationToken"],"mappings":"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"}

package/dist/composables-DwsZdg06.js

@@ -0,0 +1,26 @@
+import { computed } from "vue";
+import { SignatureToken, signerRowsOf, SIGNATURES_LIBRARY_KIND, signatureState } from "@embedpdf/plugin-signature";
+import { a as useCapability, b as useCapabilityEvent } from "./capabilities-C7YzgPCX.js";
+import { useStampLibraries, useStampAssets } from "./stamp.js";
+import { s as settingsComposable, a as stateComposable } from "./state-DZg8q3v6.js";
+function useSignature() {
+  return useCapability(SignatureToken);
+}
+const useSignatureState = stateComposable(signatureState);
+const useSignatureSettings = settingsComposable(SignatureToken);
+function useSignatureEvent(select, handler) {
+  useCapabilityEvent(SignatureToken, select, handler);
+}
+function useSignerRows() {
+  const libraries = useStampLibraries({ kind: SIGNATURES_LIBRARY_KIND });
+  const assets = useStampAssets();
+  return computed(() => signerRowsOf(libraries.value, assets.value));
+}
+export {
+  useSignatureEvent as a,
+  useSignatureSettings as b,
+  useSignatureState as c,
+  useSignerRows as d,
+  useSignature as u
+};
+//# sourceMappingURL=composables-DwsZdg06.js.map

package/dist/composables-DwsZdg06.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables-DwsZdg06.js","sources":["../src/signature/composables.ts"],"sourcesContent":["/**\n * The signature composables: `useSignature()` (the API), the state and the\n * settings as refs, `useSignatureEvent()`, and `useSignerRows()`, the people\n * whose marks this browser holds, for a signature picker.\n */\nimport { computed } from 'vue';\nimport type { Ref } from 'vue';\nimport type { EventHook } from '@embedpdf/core';\nimport {\n  signatureState,\n  signerRowsOf,\n  SIGNATURES_LIBRARY_KIND,\n  SignatureToken,\n} from '@embedpdf/plugin-signature';\nimport type { SignatureCapability, SignerRow } from '@embedpdf/plugin-signature';\nimport { useCapability, useCapabilityEvent } from '../runtime/capabilities';\nimport { useStampAssets, useStampLibraries } from '../stamp';\nimport { settingsComposable, stateComposable } from '../state';\nimport type { StateComposable } from '../state';\n\n/**\n * The signature API for the document in scope: sign, place a mark, fill or\n * clear a field, check the signatures. The object never changes, so it's\n * safe to keep in a closure; keep it whole (`signature.sign(…)`), since a\n * member taken out of it once stays the one of that moment.\n */\nexport function useSignature(): SignatureCapability {\n  return useCapability(SignatureToken);\n}\n\n/**\n * The signatures' state as refs: the signed fields with their verdicts\n * (`signatures`), what they allow, the `target`, whether a signing runs\n * (`busy`), a two-step signing in progress, and whether they're read,\n * declared once in `signatureState`. With a selector, one ref that updates\n * only when the value it picks changes. Empty without a document.\n *\n * Typed through the declaration, so the published types name it from\n * `@embedpdf/plugin-signature`, a dependency of this package, and not from the\n * engine package `protection`'s type comes from, which isn't one.\n */\nexport const useSignatureState: StateComposable<ReturnType<typeof signatureState.read>> =\n  stateComposable(signatureState);\n\n/**\n * The signature settings (`key`, `mode`, `trust`, `allowCertify`) as refs, or\n * one ref for the value `select` picks. They belong to the plugin, so they\n * read without a document.\n */\nexport const useSignatureSettings = settingsComposable(SignatureToken);\n\n/** Subscribe to one signature event while the component lives: `useSignatureEvent((signature) => signature.onSigned, handler)`. */\nexport function useSignatureEvent<Event>(\n  select: (signature: SignatureCapability) => EventHook<Event>,\n  handler: (event: Event) => void,\n): void {\n  useCapabilityEvent(SignatureToken, select, handler);\n}\n\n/**\n * The people whose marks this browser holds, one row per library of kind\n * `signatures`, for a picker, as a ref: `const rows = useSignerRows()`.\n * Derived from the stamp plugin, so it needs `stampPlugin()`: rename, delete\n * and export are the library verbs, and nothing is stored beyond the file.\n */\nexport function useSignerRows(): Readonly<Ref<readonly SignerRow[]>> {\n  const libraries = useStampLibraries({ kind: SIGNATURES_LIBRARY_KIND });\n  const assets = useStampAssets();\n  return computed(() => signerRowsOf(libraries.value, assets.value));\n}\n"],"names":[],"mappings":";;;;;AA0BO,SAAS,eAAoC;AAClD,SAAO,cAAc,cAAc;AACrC;AAaO,MAAM,oBACX,gBAAgB,cAAc;AAOzB,MAAM,uBAAuB,mBAAmB,cAAc;AAG9D,SAAS,kBACd,QACA,SACM;AACN,qBAAmB,gBAAgB,QAAQ,OAAO;AACpD;AAQO,SAAS,gBAAqD;AACnE,QAAM,YAAY,kBAAkB,EAAE,MAAM,yBAAyB;AACrE,QAAM,SAAS,eAAA;AACf,SAAO,SAAS,MAAM,aAAa,UAAU,OAAO,OAAO,KAAK,CAAC;AACnE;"}

package/dist/dev-CtMlvxjZ.js

@@ -0,0 +1,17 @@
+const warned = /* @__PURE__ */ new Set();
+function isDev() {
+  try {
+    return process.env.NODE_ENV !== "production";
+  } catch {
+    return true;
+  }
+}
+function devWarn(key, message) {
+  if (!isDev() || warned.has(key)) return;
+  warned.add(key);
+  console.warn(`[embedpdf] ${message}`);
+}
+export {
+  devWarn as d
+};
+//# sourceMappingURL=dev-CtMlvxjZ.js.map

package/dist/dev-CtMlvxjZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-CtMlvxjZ.js","sources":["../src/dev.ts"],"sourcesContent":["/**\n * Development-time guardrails. Every warning fires once per process (keyed),\n * says what is wrong and what to do instead, and compiles out of production\n * builds ({@link isDev}).\n */\nconst warned = new Set<string>();\n\n/**\n * Whether this is a development build, as the app's bundler says: every bundler replaces\n * `process.env.NODE_ENV`, with `\"production\"` in a production build, so there this is `false`\n * and the warnings behind it compile out. A page with no bundler has no `process` at all, and\n * counts as development: the warnings help most while you try the package out.\n */\nexport function isDev(): boolean {\n  try {\n    return process.env.NODE_ENV !== 'production';\n  } catch {\n    return true;\n  }\n}\n\n/** Warn once per key. No-op in production. */\nexport function devWarn(key: string, message: string): void {\n  if (!isDev() || warned.has(key)) return;\n  warned.add(key);\n  console.warn(`[embedpdf] ${message}`);\n}\n\n/** Test seam: forget every warning so a suite can assert one fires again. */\nexport function resetDevWarnings(): void {\n  warned.clear();\n}\n"],"names":[],"mappings":"AAKA,MAAM,6BAAa,IAAA;AAQZ,SAAS,QAAiB;AAC/B,MAAI;AACF,WAAO,QAAQ,IAAI,aAAa;AAAA,EAClC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGO,SAAS,QAAQ,KAAa,SAAuB;AAC1D,MAAI,CAAC,MAAA,KAAW,OAAO,IAAI,GAAG,EAAG;AACjC,SAAO,IAAI,GAAG;AACd,UAAQ,KAAK,cAAc,OAAO,EAAE;AACtC;"}

package/dist/dev-eeIS2B4c.cjs

@@ -0,0 +1,16 @@
+"use strict";
+const warned = /* @__PURE__ */ new Set();
+function isDev() {
+  try {
+    return process.env.NODE_ENV !== "production";
+  } catch {
+    return true;
+  }
+}
+function devWarn(key, message) {
+  if (!isDev() || warned.has(key)) return;
+  warned.add(key);
+  console.warn(`[embedpdf] ${message}`);
+}
+exports.devWarn = devWarn;
+//# sourceMappingURL=dev-eeIS2B4c.cjs.map

package/dist/dev-eeIS2B4c.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-eeIS2B4c.cjs","sources":["../src/dev.ts"],"sourcesContent":["/**\n * Development-time guardrails. Every warning fires once per process (keyed),\n * says what is wrong and what to do instead, and compiles out of production\n * builds ({@link isDev}).\n */\nconst warned = new Set<string>();\n\n/**\n * Whether this is a development build, as the app's bundler says: every bundler replaces\n * `process.env.NODE_ENV`, with `\"production\"` in a production build, so there this is `false`\n * and the warnings behind it compile out. A page with no bundler has no `process` at all, and\n * counts as development: the warnings help most while you try the package out.\n */\nexport function isDev(): boolean {\n  try {\n    return process.env.NODE_ENV !== 'production';\n  } catch {\n    return true;\n  }\n}\n\n/** Warn once per key. No-op in production. */\nexport function devWarn(key: string, message: string): void {\n  if (!isDev() || warned.has(key)) return;\n  warned.add(key);\n  console.warn(`[embedpdf] ${message}`);\n}\n\n/** Test seam: forget every warning so a suite can assert one fires again. */\nexport function resetDevWarnings(): void {\n  warned.clear();\n}\n"],"names":[],"mappings":";AAKA,MAAM,6BAAa,IAAA;AAQZ,SAAS,QAAiB;AAC/B,MAAI;AACF,WAAO,QAAQ,IAAI,aAAa;AAAA,EAClC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGO,SAAS,QAAQ,KAAa,SAAuB;AAC1D,MAAI,CAAC,MAAA,KAAW,OAAO,IAAI,GAAG,EAAG;AACjC,SAAO,IAAI,GAAG;AACd,UAAQ,KAAK,cAAc,OAAO,EAAE;AACtC;;"}

package/dist/dev.d.cts

@@ -0,0 +1,11 @@
+/**
+ * Whether this is a development build, as the app's bundler says: every bundler replaces
+ * `process.env.NODE_ENV`, with `"production"` in a production build, so there this is `false`
+ * and the warnings behind it compile out. A page with no bundler has no `process` at all, and
+ * counts as development: the warnings help most while you try the package out.
+ */
+export declare function isDev(): boolean;
+/** Warn once per key. No-op in production. */
+export declare function devWarn(key: string, message: string): void;
+/** Test seam: forget every warning so a suite can assert one fires again. */
+export declare function resetDevWarnings(): void;

package/dist/dev.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Whether this is a development build, as the app's bundler says: every bundler replaces
+ * `process.env.NODE_ENV`, with `"production"` in a production build, so there this is `false`
+ * and the warnings behind it compile out. A page with no bundler has no `process` at all, and
+ * counts as development: the warnings help most while you try the package out.
+ */
+export declare function isDev(): boolean;
+/** Warn once per key. No-op in production. */
+export declare function devWarn(key: string, message: string): void;
+/** Test seam: forget every warning so a suite can assert one fires again. */
+export declare function resetDevWarnings(): void;

package/dist/documents-DUu5H4yH.js

@@ -0,0 +1,34 @@
+import { DocumentsToken, shallowEqual, documentState, documentsState } from "@embedpdf/core";
+import { f as fieldRefs, a as stateComposable } from "./state-DZg8q3v6.js";
+import { g as useKernelValue, a as useCapability, b as useCapabilityEvent, d as useDocumentId } from "./capabilities-C7YzgPCX.js";
+function useDocuments() {
+  return useCapability(DocumentsToken);
+}
+const useDocument = stateComposable(documentState);
+const useDocumentsState = stateComposable(documentsState);
+function useDocumentsEvent(select, handler) {
+  useCapabilityEvent(DocumentsToken, select, handler);
+}
+const NO_PAGES = Object.freeze([]);
+function usePageList() {
+  const documentId = useDocumentId();
+  return useKernelValue(
+    (kernel) => documentId.value ? kernel.documents.listPages(documentId.value) : NO_PAGES
+  );
+}
+function useViewerSettings(select) {
+  const value = useKernelValue((kernel) => {
+    const settings = kernel.getSettings();
+    return select ? select(settings) : settings;
+  }, shallowEqual);
+  return select ? value : fieldRefs(value);
+}
+export {
+  useDocuments as a,
+  useDocumentsEvent as b,
+  useDocumentsState as c,
+  usePageList as d,
+  useViewerSettings as e,
+  useDocument as u
+};
+//# sourceMappingURL=documents-DUu5H4yH.js.map

package/dist/documents-DUu5H4yH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"documents-DUu5H4yH.js","sources":["../src/runtime/documents.ts"],"sourcesContent":["/**\n * The documents in Vue: `useDocuments()` is the API (its calls use the\n * document in scope), `useDocument()` and `useDocumentsState()` what to show,\n * `usePageList()` the pages, and `useViewerSettings()` the `<Viewer>`'s own\n * settings.\n */\nimport { DocumentsToken, documentState, documentsState, shallowEqual } from '@embedpdf/core';\nimport type {\n  DocumentsCapability,\n  EventHook,\n  PageInfo,\n  ViewerSettings,\n} from '@embedpdf/core';\nimport type { Ref } from 'vue';\nimport { stateComposable } from '../state';\nimport { useCapability, useCapabilityEvent } from './capabilities';\nimport { useDocumentId, useKernelValue } from './kernel';\nimport { fieldRefs } from './refs';\nimport type { FieldRefs } from './refs';\n\n/**\n * The documents API: open, close, unlock, download, and the tabs. Inside a\n * `<DocumentScope>`, the calls that leave out the document use that one, so\n * `download()` without an id downloads the document in scope. The object never\n * changes, so it's safe to keep in a closure. What to show comes from\n * `useDocument()` and `useDocumentsState()`.\n */\nexport function useDocuments(): DocumentsCapability {\n  return useCapability(DocumentsToken);\n}\n\n/**\n * The document this component talks to: the one its `<DocumentScope>` names,\n * or else the active one. Its `id`, `name`, `status`, `pageCount`,\n * `hasUnsavedChanges`, and why it's locked or failed, as refs. With no\n * document, an empty one that reads as still opening. With a selector, one ref\n * for the value it picks.\n */\nexport const useDocument = stateComposable(documentState);\n\n/**\n * Every open document, in tab order (loading, locked and failed ones too), and\n * the active one's id, as refs. With a selector, one ref for the value it picks.\n */\nexport const useDocumentsState = stateComposable(documentsState);\n\n/** Subscribe to one documents event while the component lives: `useDocumentsEvent((documents) => documents.onOpened, handler)`. */\nexport function useDocumentsEvent<Event>(\n  select: (documents: DocumentsCapability) => EventHook<Event>,\n  handler: (event: Event) => void,\n): void {\n  useCapabilityEvent(DocumentsToken, select, handler);\n}\n\nconst NO_PAGES: readonly PageInfo[] = Object.freeze([]);\n\n/**\n * The pages of the document this component talks to, in order: each with its\n * `ref`, `index`, `label`, size and rotation. Needs no Stage, so a thumbnail\n * list or a page picker works anywhere. The same array until a page is added,\n * removed, moved or rotated; empty with no document.\n */\nexport function usePageList(): Readonly<Ref<readonly PageInfo[]>> {\n  const documentId = useDocumentId();\n  return useKernelValue((kernel) =>\n    documentId.value ? kernel.documents.listPages(documentId.value) : NO_PAGES,\n  );\n}\n\n/**\n * The viewer's own settings (`<Viewer :identity :scope :accent :page>`), as\n * refs, or one ref for the value `select` picks: the accent every part without\n * a color of its own follows, and how pages look. What paints a page or an\n * accent reads it here, through `paint()` from `@embedpdf/web`, so a CSS\n * variable still wins.\n */\nexport function useViewerSettings(): FieldRefs<ViewerSettings>;\nexport function useViewerSettings<Selected>(\n  select: (settings: ViewerSettings) => Selected,\n): Readonly<Ref<Selected>>;\nexport function useViewerSettings<Selected>(select?: (settings: ViewerSettings) => Selected) {\n  const value = useKernelValue((kernel) => {\n    const settings = kernel.getSettings();\n    return select ? select(settings) : settings;\n  }, shallowEqual);\n  return select ? value : fieldRefs(value as Readonly<Ref<ViewerSettings>>);\n}\n"],"names":[],"mappings":";;;AA2BO,SAAS,eAAoC;AAClD,SAAO,cAAc,cAAc;AACrC;AASO,MAAM,cAAc,gBAAgB,aAAa;AAMjD,MAAM,oBAAoB,gBAAgB,cAAc;AAGxD,SAAS,kBACd,QACA,SACM;AACN,qBAAmB,gBAAgB,QAAQ,OAAO;AACpD;AAEA,MAAM,WAAgC,OAAO,OAAO,EAAE;AAQ/C,SAAS,cAAkD;AAChE,QAAM,aAAa,cAAA;AACnB,SAAO;AAAA,IAAe,CAAC,WACrB,WAAW,QAAQ,OAAO,UAAU,UAAU,WAAW,KAAK,IAAI;AAAA,EAAA;AAEtE;AAaO,SAAS,kBAA4B,QAAiD;AAC3F,QAAM,QAAQ,eAAe,CAAC,WAAW;AACvC,UAAM,WAAW,OAAO,YAAA;AACxB,WAAO,SAAS,OAAO,QAAQ,IAAI;AAAA,EACrC,GAAG,YAAY;AACf,SAAO,SAAS,QAAQ,UAAU,KAAsC;AAC1E;"}

package/dist/documents-TQ1fMdWI.cjs

@@ -0,0 +1,33 @@
+"use strict";
+const core = require("@embedpdf/core");
+const state = require("./state-M22NDJQo.cjs");
+const capabilities = require("./capabilities-DVNJmgy7.cjs");
+function useDocuments() {
+  return capabilities.useCapability(core.DocumentsToken);
+}
+const useDocument = state.stateComposable(core.documentState);
+const useDocumentsState = state.stateComposable(core.documentsState);
+function useDocumentsEvent(select, handler) {
+  capabilities.useCapabilityEvent(core.DocumentsToken, select, handler);
+}
+const NO_PAGES = Object.freeze([]);
+function usePageList() {
+  const documentId = capabilities.useDocumentId();
+  return capabilities.useKernelValue(
+    (kernel) => documentId.value ? kernel.documents.listPages(documentId.value) : NO_PAGES
+  );
+}
+function useViewerSettings(select) {
+  const value = capabilities.useKernelValue((kernel) => {
+    const settings = kernel.getSettings();
+    return select ? select(settings) : settings;
+  }, core.shallowEqual);
+  return select ? value : state.fieldRefs(value);
+}
+exports.useDocument = useDocument;
+exports.useDocuments = useDocuments;
+exports.useDocumentsEvent = useDocumentsEvent;
+exports.useDocumentsState = useDocumentsState;
+exports.usePageList = usePageList;
+exports.useViewerSettings = useViewerSettings;
+//# sourceMappingURL=documents-TQ1fMdWI.cjs.map

package/dist/documents-TQ1fMdWI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"documents-TQ1fMdWI.cjs","sources":["../src/runtime/documents.ts"],"sourcesContent":["/**\n * The documents in Vue: `useDocuments()` is the API (its calls use the\n * document in scope), `useDocument()` and `useDocumentsState()` what to show,\n * `usePageList()` the pages, and `useViewerSettings()` the `<Viewer>`'s own\n * settings.\n */\nimport { DocumentsToken, documentState, documentsState, shallowEqual } from '@embedpdf/core';\nimport type {\n  DocumentsCapability,\n  EventHook,\n  PageInfo,\n  ViewerSettings,\n} from '@embedpdf/core';\nimport type { Ref } from 'vue';\nimport { stateComposable } from '../state';\nimport { useCapability, useCapabilityEvent } from './capabilities';\nimport { useDocumentId, useKernelValue } from './kernel';\nimport { fieldRefs } from './refs';\nimport type { FieldRefs } from './refs';\n\n/**\n * The documents API: open, close, unlock, download, and the tabs. Inside a\n * `<DocumentScope>`, the calls that leave out the document use that one, so\n * `download()` without an id downloads the document in scope. The object never\n * changes, so it's safe to keep in a closure. What to show comes from\n * `useDocument()` and `useDocumentsState()`.\n */\nexport function useDocuments(): DocumentsCapability {\n  return useCapability(DocumentsToken);\n}\n\n/**\n * The document this component talks to: the one its `<DocumentScope>` names,\n * or else the active one. Its `id`, `name`, `status`, `pageCount`,\n * `hasUnsavedChanges`, and why it's locked or failed, as refs. With no\n * document, an empty one that reads as still opening. With a selector, one ref\n * for the value it picks.\n */\nexport const useDocument = stateComposable(documentState);\n\n/**\n * Every open document, in tab order (loading, locked and failed ones too), and\n * the active one's id, as refs. With a selector, one ref for the value it picks.\n */\nexport const useDocumentsState = stateComposable(documentsState);\n\n/** Subscribe to one documents event while the component lives: `useDocumentsEvent((documents) => documents.onOpened, handler)`. */\nexport function useDocumentsEvent<Event>(\n  select: (documents: DocumentsCapability) => EventHook<Event>,\n  handler: (event: Event) => void,\n): void {\n  useCapabilityEvent(DocumentsToken, select, handler);\n}\n\nconst NO_PAGES: readonly PageInfo[] = Object.freeze([]);\n\n/**\n * The pages of the document this component talks to, in order: each with its\n * `ref`, `index`, `label`, size and rotation. Needs no Stage, so a thumbnail\n * list or a page picker works anywhere. The same array until a page is added,\n * removed, moved or rotated; empty with no document.\n */\nexport function usePageList(): Readonly<Ref<readonly PageInfo[]>> {\n  const documentId = useDocumentId();\n  return useKernelValue((kernel) =>\n    documentId.value ? kernel.documents.listPages(documentId.value) : NO_PAGES,\n  );\n}\n\n/**\n * The viewer's own settings (`<Viewer :identity :scope :accent :page>`), as\n * refs, or one ref for the value `select` picks: the accent every part without\n * a color of its own follows, and how pages look. What paints a page or an\n * accent reads it here, through `paint()` from `@embedpdf/web`, so a CSS\n * variable still wins.\n */\nexport function useViewerSettings(): FieldRefs<ViewerSettings>;\nexport function useViewerSettings<Selected>(\n  select: (settings: ViewerSettings) => Selected,\n): Readonly<Ref<Selected>>;\nexport function useViewerSettings<Selected>(select?: (settings: ViewerSettings) => Selected) {\n  const value = useKernelValue((kernel) => {\n    const settings = kernel.getSettings();\n    return select ? select(settings) : settings;\n  }, shallowEqual);\n  return select ? value : fieldRefs(value as Readonly<Ref<ViewerSettings>>);\n}\n"],"names":["useCapability","DocumentsToken","stateComposable","documentState","documentsState","useCapabilityEvent","useDocumentId","useKernelValue","shallowEqual","fieldRefs"],"mappings":";;;;AA2BO,SAAS,eAAoC;AAClD,SAAOA,aAAAA,cAAcC,KAAAA,cAAc;AACrC;AASO,MAAM,cAAcC,MAAAA,gBAAgBC,KAAAA,aAAa;AAMjD,MAAM,oBAAoBD,MAAAA,gBAAgBE,KAAAA,cAAc;AAGxD,SAAS,kBACd,QACA,SACM;AACNC,kCAAmBJ,KAAAA,gBAAgB,QAAQ,OAAO;AACpD;AAEA,MAAM,WAAgC,OAAO,OAAO,EAAE;AAQ/C,SAAS,cAAkD;AAChE,QAAM,aAAaK,aAAAA,cAAA;AACnB,SAAOC,aAAAA;AAAAA,IAAe,CAAC,WACrB,WAAW,QAAQ,OAAO,UAAU,UAAU,WAAW,KAAK,IAAI;AAAA,EAAA;AAEtE;AAaO,SAAS,kBAA4B,QAAiD;AAC3F,QAAM,QAAQA,4BAAe,CAAC,WAAW;AACvC,UAAM,WAAW,OAAO,YAAA;AACxB,WAAO,SAAS,OAAO,QAAQ,IAAI;AAAA,EACrC,GAAGC,KAAAA,YAAY;AACf,SAAO,SAAS,QAAQC,MAAAA,UAAU,KAAsC;AAC1E;;;;;;;"}

package/dist/form/ButtonControl.vue.d.cts

@@ -0,0 +1,11 @@
+import type { FormWidgetItem } from '@embedpdf/plugin-form';
+import type { FormColors } from '@embedpdf/web';
+type __VLS_Props = {
+    item: Extract<FormWidgetItem, {
+        control: 'button';
+    }>;
+    colors: FormColors;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/ButtonControl.vue.d.ts

@@ -0,0 +1,11 @@
+import type { FormWidgetItem } from '@embedpdf/plugin-form';
+import type { FormColors } from '@embedpdf/web';
+type __VLS_Props = {
+    item: Extract<FormWidgetItem, {
+        control: 'button';
+    }>;
+    colors: FormColors;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/ComboControl.vue.d.cts

@@ -0,0 +1,11 @@
+import type { FormWidgetItem } from '@embedpdf/plugin-form';
+import type { FormColors } from '@embedpdf/web';
+type __VLS_Props = {
+    item: Extract<FormWidgetItem, {
+        control: 'choice';
+    }>;
+    colors: FormColors;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/ComboControl.vue.d.ts

@@ -0,0 +1,11 @@
+import type { FormWidgetItem } from '@embedpdf/plugin-form';
+import type { FormColors } from '@embedpdf/web';
+type __VLS_Props = {
+    item: Extract<FormWidgetItem, {
+        control: 'choice';
+    }>;
+    colors: FormColors;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/FieldPictures.vue.d.cts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/FieldPictures.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/FormFocusRing.vue.d.cts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    visible: boolean;
+    /** The ring's CSS color: the form's `focus.color` setting, behind its CSS variable. */
+    color: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/FormFocusRing.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    visible: boolean;
+    /** The ring's CSS color: the form's `focus.color` setting, behind its CSS variable. */
+    color: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/FormLayer.vue.d.cts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/FormLayer.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/ListControl.vue.d.cts

@@ -0,0 +1,11 @@
+import type { FormWidgetItem } from '@embedpdf/plugin-form';
+import type { FormColors } from '@embedpdf/web';
+type __VLS_Props = {
+    item: Extract<FormWidgetItem, {
+        control: 'choice';
+    }>;
+    colors: FormColors;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/ListControl.vue.d.ts

@@ -0,0 +1,11 @@
+import type { FormWidgetItem } from '@embedpdf/plugin-form';
+import type { FormColors } from '@embedpdf/web';
+type __VLS_Props = {
+    item: Extract<FormWidgetItem, {
+        control: 'choice';
+    }>;
+    colors: FormColors;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/NativeListBox.vue.d.cts

@@ -0,0 +1,27 @@
+export interface NativeListBoxOption {
+    label: string;
+    value: string;
+}
+type __VLS_Props = {
+    /** The accessible name: the field's tooltip, else its full name. */
+    label: string;
+    disabled: boolean;
+    multi: boolean;
+    options: readonly NativeListBoxOption[];
+    /** The engine's selection. */
+    selected: readonly string[];
+    /**
+     * Writes a choice. A function rather than an event, because its promise
+     * matters: a write that fails puts the engine's selection back.
+     */
+    onSelect: (values: string[]) => void | Promise<unknown>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    focus: () => any;
+    blur: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/NativeListBox.vue.d.ts

@@ -0,0 +1,27 @@
+export interface NativeListBoxOption {
+    label: string;
+    value: string;
+}
+type __VLS_Props = {
+    /** The accessible name: the field's tooltip, else its full name. */
+    label: string;
+    disabled: boolean;
+    multi: boolean;
+    options: readonly NativeListBoxOption[];
+    /** The engine's selection. */
+    selected: readonly string[];
+    /**
+     * Writes a choice. A function rather than an event, because its promise
+     * matters: a write that fails puts the engine's selection back.
+     */
+    onSelect: (values: string[]) => void | Promise<unknown>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    focus: () => any;
+    blur: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/SignatureControl.vue.d.cts

@@ -0,0 +1,11 @@
+import type { FormWidgetItem } from '@embedpdf/plugin-form';
+import type { FormColors } from '@embedpdf/web';
+type __VLS_Props = {
+    item: Extract<FormWidgetItem, {
+        control: 'signature';
+    }>;
+    colors: FormColors;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/form/SignatureControl.vue.d.ts

@@ -0,0 +1,11 @@
+import type { FormWidgetItem } from '@embedpdf/plugin-form';
+import type { FormColors } from '@embedpdf/web';
+type __VLS_Props = {
+    item: Extract<FormWidgetItem, {
+        control: 'signature';
+    }>;
+    colors: FormColors;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;