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

package/dist/SelectionClipboard.vue_vue_type_script_setup_true_lang-C8T9q6Kb.cjs

@@ -0,0 +1,301 @@
+"use strict";
+const vue = require("vue");
+const core = require("@embedpdf/core");
+const host = require("@embedpdf/plugin-selection/contract/host");
+const web = require("@embedpdf/web");
+const capabilities = require("./capabilities-DVNJmgy7.cjs");
+const documents = require("./documents-TQ1fMdWI.cjs");
+const page = require("./page-Doy4_Sdz.cjs");
+const pluginSelection = require("@embedpdf/plugin-selection");
+const Anchored_vue_vue_type_script_setup_true_lang = require("./Anchored.vue_vue_type_script_setup_true_lang-BEImlFso.cjs");
+const projector = require("./projector-Cf7879sx.cjs");
+const dev = require("./dev-eeIS2B4c.cjs");
+const scope = require("./scope-BQA4toWB.cjs");
+const state = require("./state-M22NDJQo.cjs");
+function useSelection() {
+  return capabilities.useCapability(pluginSelection.SelectionToken);
+}
+function useSelectionEvent(select, handler) {
+  capabilities.useCapabilityEvent(pluginSelection.SelectionToken, select, handler);
+}
+const useSelectionState = state.stateComposable(pluginSelection.selectionState);
+const useSelectionSettings = state.settingsComposable(pluginSelection.SelectionToken);
+const _hoisted_1 = {
+  key: 0,
+  style: {
+    position: "absolute",
+    inset: 0,
+    width: "100%",
+    height: "100%",
+    overflow: "visible",
+    pointerEvents: "none"
+  }
+};
+const _hoisted_2 = ["points"];
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SelectionLayer",
+  setup(__props) {
+    const NO_SEGMENTS = Object.freeze([]);
+    const page$1 = page.usePage();
+    const selection = capabilities.useOptionalCapability(host.SelectionToken);
+    const segments = capabilities.useOptionalSelector(
+      host.SelectionToken,
+      (lens) => lens.listSegments(page$1.value.ref),
+      NO_SEGMENTS,
+      core.shallowEqual
+    );
+    const visible = capabilities.useOptionalSelector(host.SelectionToken, (lens) => lens.isHighlightVisible(), false);
+    const color = useSelectionSettings((settings) => settings.color);
+    const accent = documents.useViewerSettings((settings) => settings.accent);
+    vue.watch(
+      [selection, () => page$1.value.ref],
+      ([lens, pageRef]) => {
+        if (lens) void lens.ensureLoaded(pageRef);
+      },
+      { immediate: true }
+    );
+    const fill = vue.computed(
+      () => web.paint("text-selection", color.value ?? web.mixAccent("text-selection", accent.value))
+    );
+    const polygons = vue.computed(
+      () => segments.value.map((segment) => web.svgPoints(web.quadInPixels(segment.quad, page$1.value.transform)))
+    );
+    return (_ctx, _cache) => {
+      return vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(polygons.value, (points, index) => {
+          return vue.openBlock(), vue.createElementBlock("polygon", {
+            key: index,
+            points,
+            style: vue.normalizeStyle({ fill: fill.value })
+          }, null, 12, _hoisted_2);
+        }), 128))
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SelectionMenu",
+  props: {
+    gap: { default: 8 },
+    placement: { default: "top" }
+  },
+  setup(__props) {
+    const selecting = useSelectionState((state2) => state2.isSelecting);
+    const anchor = capabilities.useOptionalSelector(
+      pluginSelection.SelectionToken,
+      (selection) => selection.getAnchor(),
+      null,
+      web.samePageBounds
+    );
+    return (_ctx, _cache) => {
+      return !vue.unref(selecting) && vue.unref(anchor) ? (vue.openBlock(), vue.createBlock(Anchored_vue_vue_type_script_setup_true_lang._sfc_main, {
+        key: 0,
+        anchor: vue.unref(anchor),
+        placement: __props.placement,
+        gap: __props.gap
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["anchor", "placement", "gap"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SelectionHandles",
+  props: {
+    token: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const token = scope.useStageToken(() => props.token);
+    const host$1 = capabilities.useCapability(host.SelectionToken);
+    const stage = capabilities.useOptionalCapability(token);
+    const surface = projector.useOptionalProjectorBinding();
+    if (!surface || surface.value.projector.space !== "overlay") {
+      dev.devWarn(
+        "selection-handles-outside-stage",
+        "<SelectionHandles> renders nothing here: mount it in the <Stage> #overlay slot (a <PageView> has no camera to project the handles through)."
+      );
+    }
+    const selecting = useSelectionState((state2) => state2.isSelecting);
+    const visible = capabilities.useOptionalSelector(host.SelectionToken, (lens) => lens.isHighlightVisible(), false);
+    const handles = useSelectionSettings((settings) => settings.handles);
+    const accent = documents.useViewerSettings((settings) => settings.accent);
+    const endpoints = capabilities.useOptionalSelector(
+      host.SelectionToken,
+      (lens) => pluginSelection.selectionHandleEndpointsOf(lens.getSnapshot()),
+      null,
+      web.sameSelectionEndpoints
+    );
+    const camera = capabilities.useKernelValue(() => {
+      var _a;
+      return ((_a = stage.value) == null ? void 0 : _a.listVisiblePages()) ?? null;
+    });
+    const dragging = vue.ref(null);
+    const geometry = vue.computed(() => {
+      void camera.value;
+      const lens = stage.value;
+      const ends = endpoints.value;
+      if (!lens || !ends) return null;
+      const view = pluginSelection.selectionHandleViewOf(lens);
+      return {
+        start: pluginSelection.selectionHandleGeom(view, ends.start, "start"),
+        end: pluginSelection.selectionHandleGeom(view, ends.end, "end")
+      };
+    });
+    const shown = vue.computed(
+      () => geometry.value !== null && visible.value && (!selecting.value || dragging.value !== null)
+    );
+    const color = vue.computed(() => web.paint("text-selection-handle", handles.value.color ?? accent.value));
+    const shadow = vue.computed(() => web.paint("text-selection-handle-shadow", handles.value.shadow));
+    function gripStyles(role) {
+      var _a;
+      const grip = (_a = geometry.value) == null ? void 0 : _a[role];
+      if (!grip) return null;
+      const barTop = pluginSelection.HANDLE_PAD + (role === "start" ? pluginSelection.HANDLE_HEAD : 0);
+      const pivotX = pluginSelection.HANDLE_PAD + pluginSelection.HANDLE_BAR / 2;
+      return {
+        grip: {
+          position: "absolute",
+          left: `${grip.bar.from.x - pivotX}px`,
+          top: `${grip.bar.from.y - barTop}px`,
+          width: `${pluginSelection.HANDLE_BAR + 2 * pluginSelection.HANDLE_PAD}px`,
+          height: `${grip.length + pluginSelection.HANDLE_HEAD + 2 * pluginSelection.HANDLE_PAD}px`,
+          // Upright text carries no transform: pixel-identical to an axis-aligned box.
+          ...grip.upright ? {} : { transform: `rotate(${grip.rotation}deg)`, transformOrigin: `${pivotX}px ${barTop}px` },
+          touchAction: "none",
+          cursor: "grab",
+          pointerEvents: "auto"
+        },
+        // The caret bar: the selection's own edge, the glyph's ink height at any tilt.
+        bar: {
+          position: "absolute",
+          left: `${pluginSelection.HANDLE_PAD}px`,
+          top: `${barTop}px`,
+          width: `${pluginSelection.HANDLE_BAR}px`,
+          height: `${grip.length}px`,
+          background: color.value,
+          borderRadius: `${pluginSelection.HANDLE_BAR / 2}px`
+        },
+        // The head, flush against the bar: past the ascent at the start, past the
+        // baseline at the end, in the text's frame.
+        head: {
+          position: "absolute",
+          left: `${pivotX - pluginSelection.HANDLE_HEAD / 2}px`,
+          top: `${role === "start" ? pluginSelection.HANDLE_PAD : pluginSelection.HANDLE_PAD + grip.length}px`,
+          width: `${pluginSelection.HANDLE_HEAD}px`,
+          height: `${pluginSelection.HANDLE_HEAD}px`,
+          borderRadius: "50%",
+          background: color.value,
+          boxShadow: shadow.value
+        }
+      };
+    }
+    const startStyles = vue.computed(() => gripStyles("start"));
+    const endStyles = vue.computed(() => gripStyles("end"));
+    function arm(role) {
+      const lens = stage.value;
+      const ends = endpoints.value;
+      if (!lens || !ends) return null;
+      const armed = pluginSelection.armSelectionHandle(host$1, pluginSelection.selectionHandleViewOf(lens), ends, role);
+      if (!armed) return null;
+      dragging.value = role;
+      return {
+        // The point the user grabbed: the bar's midpoint.
+        base: armed.base,
+        session: {
+          move: armed.drag.move,
+          end: () => {
+            armed.drag.end();
+            dragging.value = null;
+          }
+        }
+      };
+    }
+    const startGrip = vue.ref(null);
+    const endGrip = vue.ref(null);
+    for (const [role, element] of [
+      ["start", startGrip],
+      ["end", endGrip]
+    ]) {
+      vue.watch(
+        element,
+        (grip, _previous, onCleanup) => {
+          if (grip) onCleanup(web.attachSelectionHandle(grip, { arm: () => arm(role) }));
+        },
+        { flush: "post" }
+      );
+    }
+    return (_ctx, _cache) => {
+      return shown.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+        startStyles.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          ref_key: "startGrip",
+          ref: startGrip,
+          style: vue.normalizeStyle(startStyles.value.grip)
+        }, [
+          vue.createElementVNode("div", {
+            style: vue.normalizeStyle(startStyles.value.bar)
+          }, null, 4),
+          vue.createElementVNode("div", {
+            style: vue.normalizeStyle(startStyles.value.head)
+          }, null, 4)
+        ], 4)) : vue.createCommentVNode("", true),
+        endStyles.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          ref_key: "endGrip",
+          ref: endGrip,
+          style: vue.normalizeStyle(endStyles.value.grip)
+        }, [
+          vue.createElementVNode("div", {
+            style: vue.normalizeStyle(endStyles.value.bar)
+          }, null, 4),
+          vue.createElementVNode("div", {
+            style: vue.normalizeStyle(endStyles.value.head)
+          }, null, 4)
+        ], 4)) : vue.createCommentVNode("", true)
+      ], 64)) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "SelectionClipboard",
+  props: {
+    prefetch: { type: Boolean, default: true },
+    target: {}
+  },
+  emits: ["refused"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selection = capabilities.useOptionalCapability(pluginSelection.SelectionToken);
+    vue.watch(
+      [selection, () => props.prefetch, () => vue.toValue(props.target)],
+      ([lens, prefetch, target], _previous, onCleanup) => {
+        if (!lens || props.target !== void 0 && !target) return;
+        onCleanup(
+          web.wireSelectionClipboard(lens, {
+            prefetch,
+            target: target ?? void 0,
+            onRefused: () => emit("refused")
+          })
+        );
+      },
+      { immediate: true, flush: "post" }
+    );
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports._sfc_main$1 = _sfc_main$1;
+exports._sfc_main$2 = _sfc_main$3;
+exports._sfc_main$3 = _sfc_main$2;
+exports.useSelection = useSelection;
+exports.useSelectionEvent = useSelectionEvent;
+exports.useSelectionSettings = useSelectionSettings;
+exports.useSelectionState = useSelectionState;
+//# sourceMappingURL=SelectionClipboard.vue_vue_type_script_setup_true_lang-C8T9q6Kb.cjs.map

package/dist/SelectionClipboard.vue_vue_type_script_setup_true_lang-C8T9q6Kb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionClipboard.vue_vue_type_script_setup_true_lang-C8T9q6Kb.cjs","sources":["../src/selection/composables.ts","../src/selection/SelectionLayer.vue","../src/selection/SelectionMenu.vue","../src/selection/SelectionHandles.vue","../src/selection/SelectionClipboard.vue"],"sourcesContent":["/**\n * The selection composables: `useSelection()` (the API), `useSelectionState()`,\n * `useSelectionSettings()` and `useSelectionEvent()`. App code gets the public\n * lens only; the layers in this folder resolve the host lens themselves.\n */\nimport { SelectionToken, selectionState } from '@embedpdf/plugin-selection';\nimport type { SelectionCapability } from '@embedpdf/plugin-selection';\nimport type { EventHook } from '@embedpdf/core';\nimport { useCapability, useCapabilityEvent } from '../runtime/capabilities';\nimport { settingsComposable, stateComposable } from '../state';\n\n/**\n * The selection API (`select()`, `readText()`, `canCopy()`, …) for your\n * chrome: toolbars, context menus, automation. The object never changes.\n */\nexport function useSelection(): SelectionCapability {\n  return useCapability(SelectionToken);\n}\n\n/** Subscribe to one selection event while the component lives: `useSelectionEvent((selection) => selection.onCommitted, handler)`. */\nexport function useSelectionEvent<Event>(\n  select: (selection: SelectionCapability) => EventHook<Event>,\n  handler: (event: Event) => void,\n): void {\n  useCapabilityEvent(SelectionToken, select, handler);\n}\n\n/**\n * The selection's state as refs: whether anything is selected, whether the\n * user is still selecting, the range and the pages it's on (the page's State\n * table, declared once in `selectionState`). With a selector, one ref that\n * updates only when the value it picks changes. The empty state without a\n * document.\n */\nexport const useSelectionState = stateComposable(selectionState);\n\n/** The selection settings (`dragThreshold`, `color`, `handles`), with or without a document, as refs. Takes a selector. */\nexport const useSelectionSettings = settingsComposable(SelectionToken);\n","<!--\n  <SelectionLayer>: the highlight of the selected text on one page. It warms\n  the page's text geometry when it mounts, reads the selected lines in page\n  space and maps each one's four corners to the page's pixels, in the plugin's\n  `color` setting, which the `--epdf-text-selection` CSS variable overrides.\n  It handles no pointer input: <PagePointerSource> and the interaction hub do.\n-->\n<script setup lang=\"ts\">\nimport { computed, watch } from 'vue';\nimport { shallowEqual } from '@embedpdf/core';\n// The layer is a host of the plugin (geometry warming, the highlight\n// handshake); app code gets the public lens through `useSelection()`.\nimport { SelectionToken as SelectionHostToken } from '@embedpdf/plugin-selection/contract/host';\nimport type { SelectionSegment } from '@embedpdf/plugin-selection';\nimport { mixAccent, paint, quadInPixels, svgPoints } from '@embedpdf/web';\nimport { useOptionalCapability, useOptionalSelector } from '../runtime/capabilities';\nimport { useViewerSettings } from '../runtime/documents';\nimport { usePage } from '../runtime/page';\nimport { useSelectionSettings } from './composables';\n\nconst NO_SEGMENTS: readonly SelectionSegment[] = Object.freeze([]);\n\nconst page = usePage();\nconst selection = useOptionalCapability(SelectionHostToken);\n// The same list until a line on this page changes.\nconst segments = useOptionalSelector(\n  SelectionHostToken,\n  (lens) => lens.listSegments(page.value.ref),\n  NO_SEGMENTS,\n  shallowEqual,\n);\n// Something drawing its own preview of the selection (a markup tool) can take\n// the visual over; then this layer draws nothing, so the two never overlap.\nconst visible = useOptionalSelector(SelectionHostToken, (lens) => lens.isHighlightVisible(), false);\nconst color = useSelectionSettings((settings) => settings.color);\n// An unset color follows the viewer's accent, behind the `--epdf-accent` variable.\nconst accent = useViewerSettings((settings) => settings.accent);\n\n// Warm this page's text geometry as soon as it's on screen, so the first press\n// can hit-test without waiting for the engine. Without permission to select\n// text nothing loads, and nothing is drawn.\nwatch(\n  [selection, () => page.value.ref],\n  ([lens, pageRef]) => {\n    if (lens) void lens.ensureLoaded(pageRef);\n  },\n  { immediate: true },\n);\n\n// Unset, the color is the accent at 35%, the accent's CSS variables included.\nconst fill = computed(() =>\n  paint('text-selection', color.value ?? mixAccent('text-selection', accent.value)),\n);\n\n// Page space to the page layer's pixels, which turn with the page: mapping the\n// four corners is exact, for turned text too.\nconst polygons = computed(() =>\n  segments.value.map((segment) => svgPoints(quadInPixels(segment.quad, page.value.transform))),\n);\n</script>\n\n<template>\n  <svg\n    v-if=\"visible\"\n    :style=\"{\n      position: 'absolute',\n      inset: 0,\n      width: '100%',\n      height: '100%',\n      overflow: 'visible',\n      pointerEvents: 'none',\n    }\"\n  >\n    <!-- The fill goes in `style`: an SVG attribute doesn't read var(). -->\n    <polygon v-for=\"(points, index) in polygons\" :key=\"index\" :points=\"points\" :style=\"{ fill }\" />\n  </svg>\n</template>\n","<!--\n  <SelectionMenu>: your content, floating over the selected text. One anchor\n  however many pages the selection spans: it sits on the page where the\n  selection ends. It shows once the selection settles: hidden while someone\n  drags, it appears when the pointer lifts, and a selection made from code\n  shows at once. It works in a <Stage>'s #overlay slot and inside a\n  <PageView>: the surface provides the projection. For UI that follows the\n  drag live, put `<Anchored :anchor>` with `getAnchor()` together yourself.\n-->\n<script setup lang=\"ts\">\nimport { SelectionToken } from '@embedpdf/plugin-selection';\nimport { samePageBounds } from '@embedpdf/web';\nimport type { AnchoredPlacement } from '@embedpdf/web';\nimport Anchored from '../anchored/Anchored.vue';\nimport { useOptionalSelector } from '../runtime/capabilities';\nimport { useSelectionState } from './composables';\n\nwithDefaults(\n  defineProps<{\n    /** Gap in screen px between the selection and the menu. Default 8. */\n    gap?: number;\n    /** Where the menu sits around the selection. Default `'top'`. */\n    placement?: AnchoredPlacement;\n  }>(),\n  { gap: 8, placement: 'top' },\n);\n\ndefineSlots<{\n  /** The menu: compose it from `useSelection()`, `copySelection`, an annotation call. */\n  default?(): unknown;\n}>();\n\nconst selecting = useSelectionState((state) => state.isSelecting);\n// The plugin reads a new anchor object every time: compared by value, so the\n// menu moves only when the selection did.\nconst anchor = useOptionalSelector(\n  SelectionToken,\n  (selection) => selection.getAnchor(),\n  null,\n  samePageBounds,\n);\n</script>\n\n<template>\n  <Anchored v-if=\"!selecting && anchor\" :anchor=\"anchor\" :placement=\"placement\" :gap=\"gap\">\n    <slot />\n  </Anchored>\n</template>\n","<!--\n  <SelectionHandles>: the grips at the two ends of the selected text, drawn the\n  way phones draw them: a thin caret bar that is the selection's own start or\n  end edge (so turned text and turned pages carry the grip with them), capped\n  by a circle that keeps its size on screen, above the first line at the start\n  and below the last line at the end.\n\n  On touch, where nobody drags a caret, the grips are how a selection grows or\n  shrinks: a long press selects a word, then each grip extends from the other\n  end, snapping to glyphs and crossing pages exactly like a pointer drag, so\n  highlights, menus and the commit event all behave the same. Mount it in the\n  <Stage>'s #overlay slot next to <SelectionMenu>; elsewhere it draws nothing\n  (a <PageView> has no camera to project through). Grabbing a grip never pans\n  the Stage. Painted in the plugin's `handles` setting, which the\n  `--epdf-text-selection-handle` and `--epdf-text-selection-handle-shadow` CSS\n  variables override.\n\n  What it draws is the plugin's (the view over the Stage, the endpoints,\n  `selectionHandleGeom`, the armed drag) and how a grip follows the pointer is\n  `@embedpdf/web`'s (`attachSelectionHandle`);\n  this component keeps what only Vue does: the subscriptions and the markup.\n-->\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport {\n  HANDLE_BAR,\n  HANDLE_HEAD,\n  HANDLE_PAD,\n  armSelectionHandle,\n  selectionHandleEndpointsOf,\n  selectionHandleGeom,\n  selectionHandleViewOf,\n} from '@embedpdf/plugin-selection';\nimport { SelectionToken as SelectionHostToken } from '@embedpdf/plugin-selection/contract/host';\nimport { attachSelectionHandle, paint, sameSelectionEndpoints } from '@embedpdf/web';\nimport { useOptionalProjectorBinding } from '../anchored/projector';\nimport { devWarn } from '../dev';\nimport { useCapability, useOptionalCapability, useOptionalSelector } from '../runtime/capabilities';\nimport { useViewerSettings } from '../runtime/documents';\nimport { useKernelValue } from '../runtime/kernel';\nimport { useStageToken } from '../stage/scope';\nimport type { StageTokenProp } from '../stage/scope';\nimport { useSelectionSettings, useSelectionState } from './composables';\n\ntype Role = 'start' | 'end';\n\nconst props = defineProps<{\n  /** The stage view this overlay belongs to. Default: the enclosing `<Stage>`'s. */\n  token?: StageTokenProp;\n}>();\n\nconst token = useStageToken(() => props.token);\nconst host = useCapability(SelectionHostToken);\nconst stage = useOptionalCapability(token);\n\n// Outside a Stage there is no camera to project through: say so, rather than\n// drawing nothing without a word.\nconst surface = useOptionalProjectorBinding();\nif (!surface || surface.value.projector.space !== 'overlay') {\n  devWarn(\n    'selection-handles-outside-stage',\n    '<SelectionHandles> renders nothing here: mount it in the <Stage> #overlay slot ' +\n      '(a <PageView> has no camera to project the handles through).',\n  );\n}\n\nconst selecting = useSelectionState((state) => state.isSelecting);\nconst visible = useOptionalSelector(SelectionHostToken, (lens) => lens.isHighlightVisible(), false);\nconst handles = useSelectionSettings((settings) => settings.handles);\nconst accent = useViewerSettings((settings) => settings.accent);\nconst endpoints = useOptionalSelector(\n  SelectionHostToken,\n  (lens) => selectionHandleEndpointsOf(lens.getSnapshot()),\n  null,\n  sameSelectionEndpoints,\n);\n// The grips are placed by projecting the endpoints through the camera, so they\n// follow every camera move. The visible pages are the stage's one value for\n// that (the pages move on it too, so grip and highlight move in one frame).\nconst camera = useKernelValue(() => stage.value?.listVisiblePages() ?? null);\nconst dragging = ref<Role | null>(null);\n\n/** Where each grip goes, in the overlay's pixels; null for one whose page isn't laid out. */\nconst geometry = computed(() => {\n  void camera.value;\n  const lens = stage.value;\n  const ends = endpoints.value;\n  if (!lens || !ends) return null;\n  const view = selectionHandleViewOf(lens);\n  return {\n    start: selectionHandleGeom(view, ends.start, 'start'),\n    end: selectionHandleGeom(view, ends.end, 'end'),\n  };\n});\n\n// Hidden while a pointer drag selects (like the menu), but a grip drag is a\n// selection gesture too, and keeps its grips.\nconst shown = computed(\n  () => geometry.value !== null && visible.value && (!selecting.value || dragging.value !== null),\n);\n\n// Each is its CSS variable first, then the setting; an unset color is the accent.\nconst color = computed(() => paint('text-selection-handle', handles.value.color ?? accent.value));\nconst shadow = computed(() => paint('text-selection-handle-shadow', handles.value.shadow));\n\n/**\n * One grip's three boxes. The grip is laid out upright in its own frame (a bar\n * the edge's length, the head above it at the start, below it at the end),\n * then turned onto the projected edge about the bar's ascent tip, the one\n * point that must land exactly on the glyph's corner.\n */\nfunction gripStyles(role: Role): Record<'grip' | 'bar' | 'head', CSSProperties> | null {\n  const grip = geometry.value?.[role];\n  if (!grip) return null;\n  const barTop = HANDLE_PAD + (role === 'start' ? HANDLE_HEAD : 0);\n  const pivotX = HANDLE_PAD + HANDLE_BAR / 2;\n  return {\n    grip: {\n      position: 'absolute',\n      left: `${grip.bar.from.x - pivotX}px`,\n      top: `${grip.bar.from.y - barTop}px`,\n      width: `${HANDLE_BAR + 2 * HANDLE_PAD}px`,\n      height: `${grip.length + HANDLE_HEAD + 2 * HANDLE_PAD}px`,\n      // Upright text carries no transform: pixel-identical to an axis-aligned box.\n      ...(grip.upright\n        ? {}\n        : { transform: `rotate(${grip.rotation}deg)`, transformOrigin: `${pivotX}px ${barTop}px` }),\n      touchAction: 'none',\n      cursor: 'grab',\n      pointerEvents: 'auto',\n    },\n    // The caret bar: the selection's own edge, the glyph's ink height at any tilt.\n    bar: {\n      position: 'absolute',\n      left: `${HANDLE_PAD}px`,\n      top: `${barTop}px`,\n      width: `${HANDLE_BAR}px`,\n      height: `${grip.length}px`,\n      background: color.value,\n      borderRadius: `${HANDLE_BAR / 2}px`,\n    },\n    // The head, flush against the bar: past the ascent at the start, past the\n    // baseline at the end, in the text's frame.\n    head: {\n      position: 'absolute',\n      left: `${pivotX - HANDLE_HEAD / 2}px`,\n      top: `${role === 'start' ? HANDLE_PAD : HANDLE_PAD + grip.length}px`,\n      width: `${HANDLE_HEAD}px`,\n      height: `${HANDLE_HEAD}px`,\n      borderRadius: '50%',\n      background: color.value,\n      boxShadow: shadow.value,\n    },\n  };\n}\n\nconst startStyles = computed(() => gripStyles('start'));\nconst endStyles = computed(() => gripStyles('end'));\n\n/**\n * Arm a grip drag at the press. It reads the stage and the endpoints as they\n * are now, never as they were when the listener was attached.\n */\nfunction arm(role: Role) {\n  const lens = stage.value;\n  const ends = endpoints.value;\n  if (!lens || !ends) return null;\n  const armed = armSelectionHandle(host, selectionHandleViewOf(lens), ends, role);\n  if (!armed) return null;\n  dragging.value = role;\n  return {\n    // The point the user grabbed: the bar's midpoint.\n    base: armed.base,\n    session: {\n      move: armed.drag.move,\n      end: () => {\n        armed.drag.end(); // the selection settles: the menu comes back, the commit event fires\n        dragging.value = null;\n      },\n    },\n  };\n}\n\nconst startGrip = ref<HTMLDivElement | null>(null);\nconst endGrip = ref<HTMLDivElement | null>(null);\n// The press is taken with a native listener on the grip itself, so the Stage\n// never sees it; a grip that remounts is bound again.\nfor (const [role, element] of [\n  ['start', startGrip],\n  ['end', endGrip],\n] as const) {\n  watch(\n    element,\n    (grip, _previous, onCleanup) => {\n      if (grip) onCleanup(attachSelectionHandle(grip, { arm: () => arm(role) }));\n    },\n    { flush: 'post' },\n  );\n}\n</script>\n\n<template>\n  <template v-if=\"shown\">\n    <div v-if=\"startStyles\" ref=\"startGrip\" :style=\"startStyles.grip\">\n      <div :style=\"startStyles.bar\" />\n      <div :style=\"startStyles.head\" />\n    </div>\n    <div v-if=\"endStyles\" ref=\"endGrip\" :style=\"endStyles.grip\">\n      <div :style=\"endStyles.bar\" />\n      <div :style=\"endStyles.head\" />\n    </div>\n  </template>\n</template>\n","<!--\n  <SelectionClipboard>: mount once per viewer to wire copying the selected\n  text. It fetches the text when the selection settles, answers the browser's\n  `copy` event at once, and falls back to the Clipboard API for Ctrl+C / Cmd+C\n  when the page has no selection of its own. A selection the user may not\n  copy isn't copied, and it emits `refused`. It draws nothing, and wires\n  nothing until a document is ready. For a Copy button, call\n  `copySelection(useSelection())` from its click handler instead.\n-->\n<script setup lang=\"ts\">\nimport { toValue, watch, type MaybeRefOrGetter } from 'vue';\nimport { SelectionToken } from '@embedpdf/plugin-selection';\nimport { wireSelectionClipboard } from '@embedpdf/web';\nimport { useOptionalCapability } from '../runtime/capabilities';\n\n// A boolean prop left out is `false` in Vue: the default says `true` itself.\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Fetch the selected text as soon as the selection settles (default true).\n     * The browser's `copy` event must be answered at once, so without it only\n     * Ctrl+C / Cmd+C copies, a moment later.\n     */\n    prefetch?: boolean;\n    /**\n     * Copy only while focus is inside this element (a template ref), for a\n     * page with more than one viewer. Copying works once it has mounted.\n     * Default: anywhere on the page.\n     */\n    target?: MaybeRefOrGetter<HTMLElement | null | undefined>;\n  }>(),\n  { prefetch: true },\n);\nconst emit = defineEmits<{\n  /** Ctrl+C or the Copy menu met a selection the user may not copy: say so. */\n  refused: [];\n}>();\n\nconst selection = useOptionalCapability(SelectionToken);\n// Wired again for another document, or when `prefetch` or `target` changes.\nwatch(\n  [selection, () => props.prefetch, () => toValue(props.target)],\n  ([lens, prefetch, target], _previous, onCleanup) => {\n    // A target that hasn't mounted yet wires nothing; its ref being set runs this again.\n    if (!lens || (props.target !== undefined && !target)) return;\n    onCleanup(\n      wireSelectionClipboard(lens, {\n        prefetch,\n        target: target ?? undefined,\n        onRefused: () => emit('refused'),\n      }),\n    );\n  },\n  { immediate: true, flush: 'post' },\n);\n</script>\n\n<template></template>\n"],"names":["useCapability","SelectionToken","useCapabilityEvent","stateComposable","selectionState","settingsComposable","page","usePage","useOptionalCapability","SelectionHostToken","useOptionalSelector","shallowEqual","useViewerSettings","watch","computed","paint","mixAccent","svgPoints","quadInPixels","_unref","_openBlock","_createElementBlock","_Fragment","_renderList","state","samePageBounds","_createBlock","Anchored","_renderSlot","useStageToken","host","useOptionalProjectorBinding","devWarn","selectionHandleEndpointsOf","sameSelectionEndpoints","useKernelValue","ref","selectionHandleViewOf","selectionHandleGeom","HANDLE_PAD","HANDLE_HEAD","HANDLE_BAR","armSelectionHandle","attachSelectionHandle","_normalizeStyle","_createElementVNode","toValue","wireSelectionClipboard"],"mappings":"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"}

package/dist/SvgShapes.vue_vue_type_script_setup_true_lang-D_c-wINF.cjs

@@ -0,0 +1,38 @@
+"use strict";
+const vue = require("vue");
+const web = require("@embedpdf/web");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "SvgShapes",
+  props: {
+    shapes: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const mounts = web.createFontMounts();
+    vue.onUnmounted(() => mounts.release());
+    vue.watchEffect(
+      () => mounts.mount(props.shapes.flatMap((shape) => shape.program ? [shape.program] : []))
+    );
+    const blendOf = (blend) => blend ? { mixBlendMode: blend } : void 0;
+    return (_ctx, _cache) => {
+      const _component_SvgShapes = vue.resolveComponent("SvgShapes", true);
+      return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.shapes, (shape, index) => {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(shape.tag), vue.mergeProps({ key: index }, { ref_for: true }, shape.attributes, {
+          style: blendOf(shape.blend)
+        }), {
+          default: vue.withCtx(() => [
+            shape.children ? (vue.openBlock(), vue.createBlock(_component_SvgShapes, {
+              key: 0,
+              shapes: shape.children
+            }, null, 8, ["shapes"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createTextVNode(vue.toDisplayString(shape.text), 1)
+            ], 64))
+          ]),
+          _: 2
+        }, 1040, ["style"]);
+      }), 128);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=SvgShapes.vue_vue_type_script_setup_true_lang-D_c-wINF.cjs.map

package/dist/SvgShapes.vue_vue_type_script_setup_true_lang-D_c-wINF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgShapes.vue_vue_type_script_setup_true_lang-D_c-wINF.cjs","sources":["../src/runtime/SvgShapes.vue"],"sourcesContent":["<!--\n  Scene shapes as SVG elements: `@embedpdf/web`'s element descriptions (`svgShapesOf`), one\n  element each, a clipping `svg` with its children, and the faces their text draws in mounted\n  while they show. The annotation and form layers draw their scenes through it, inside an `<svg>`\n  (Vue takes the namespace from it).\n-->\n<script setup lang=\"ts\">\nimport { onUnmounted, watchEffect } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { createFontMounts, type SvgShape } from '@embedpdf/web';\n\nconst props = defineProps<{ shapes: readonly SvgShape[] }>();\n\n// The faces of this level's text: a clipping `svg` mounts its own children's.\nconst mounts = createFontMounts();\nonUnmounted(() => mounts.release());\nwatchEffect(() =>\n  mounts.mount(props.shapes.flatMap((shape) => (shape.program ? [shape.program] : []))),\n);\n\n/** A shape's blend is CSS, never an attribute. */\nconst blendOf = (blend: string | undefined): CSSProperties | undefined =>\n  blend ? { mixBlendMode: blend as CSSProperties['mixBlendMode'] } : undefined;\n</script>\n\n<template>\n  <component\n    :is=\"shape.tag\"\n    v-for=\"(shape, index) in shapes\"\n    :key=\"index\"\n    v-bind=\"shape.attributes\"\n    :style=\"blendOf(shape.blend)\"\n  >\n    <SvgShapes v-if=\"shape.children\" :shapes=\"shape.children\" />\n    <template v-else>{{ shape.text }}</template>\n  </component>\n</template>\n"],"names":["createFontMounts","onUnmounted","watchEffect","_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_mergeProps","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;AAWA,UAAM,QAAQ;AAGd,UAAM,SAASA,IAAAA,iBAAA;AACfC,oBAAY,MAAM,OAAO,SAAS;AAClCC,QAAAA;AAAAA,MAAY,MACV,OAAO,MAAM,MAAM,OAAO,QAAQ,CAAC,UAAW,MAAM,UAAU,CAAC,MAAM,OAAO,IAAI,CAAA,CAAG,CAAC;AAAA,IAAA;AAItF,UAAM,UAAU,CAAC,UACf,QAAQ,EAAE,cAAc,UAA2C;;;AAInE,aAAAC,cAAA,IAAA,GAAAC,IAAAA,mBASYC,IAAAA,UAAA,MAAAC,IAAAA,WAPe,QAAA,QAAM,CAAvB,OAAO,UAAK;AAFtB,eAAAH,IAAAA,aAAAI,IAAAA,YASYC,IAAAA,wBARL,MAAM,GAAG,GADhBC,IAAAA,WASY,EANT,KAAK,SAAK,EAAA,SAAA,KAAA,GACH,MAAM,YAAU;AAAA,UACvB,OAAO,QAAQ,MAAM,KAAK;AAAA,QAAA;+BAE3B,MAA4D;AAAA,YAA3C,MAAM,6BAAvBF,IAAAA,YAA4D,sBAAA;AAAA;cAA1B,QAAQ,MAAM;AAAA,YAAA,6CAChDH,IAAAA,mBAA4CC,IAAAA,UAAA,EAAA,KAAA,KAAA;AAAA,cAAxBK,IAAAA,gBAAAC,IAAAA,gBAAA,MAAM,IAAI,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}

package/dist/SvgShapes.vue_vue_type_script_setup_true_lang-fOTs4aqv.js

@@ -0,0 +1,39 @@
+import { defineComponent, onUnmounted, watchEffect, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, createTextVNode, toDisplayString } from "vue";
+import { createFontMounts } from "@embedpdf/web";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SvgShapes",
+  props: {
+    shapes: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const mounts = createFontMounts();
+    onUnmounted(() => mounts.release());
+    watchEffect(
+      () => mounts.mount(props.shapes.flatMap((shape) => shape.program ? [shape.program] : []))
+    );
+    const blendOf = (blend) => blend ? { mixBlendMode: blend } : void 0;
+    return (_ctx, _cache) => {
+      const _component_SvgShapes = resolveComponent("SvgShapes", true);
+      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.shapes, (shape, index) => {
+        return openBlock(), createBlock(resolveDynamicComponent(shape.tag), mergeProps({ key: index }, { ref_for: true }, shape.attributes, {
+          style: blendOf(shape.blend)
+        }), {
+          default: withCtx(() => [
+            shape.children ? (openBlock(), createBlock(_component_SvgShapes, {
+              key: 0,
+              shapes: shape.children
+            }, null, 8, ["shapes"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(shape.text), 1)
+            ], 64))
+          ]),
+          _: 2
+        }, 1040, ["style"]);
+      }), 128);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=SvgShapes.vue_vue_type_script_setup_true_lang-fOTs4aqv.js.map

package/dist/SvgShapes.vue_vue_type_script_setup_true_lang-fOTs4aqv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgShapes.vue_vue_type_script_setup_true_lang-fOTs4aqv.js","sources":["../src/runtime/SvgShapes.vue"],"sourcesContent":["<!--\n  Scene shapes as SVG elements: `@embedpdf/web`'s element descriptions (`svgShapesOf`), one\n  element each, a clipping `svg` with its children, and the faces their text draws in mounted\n  while they show. The annotation and form layers draw their scenes through it, inside an `<svg>`\n  (Vue takes the namespace from it).\n-->\n<script setup lang=\"ts\">\nimport { onUnmounted, watchEffect } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { createFontMounts, type SvgShape } from '@embedpdf/web';\n\nconst props = defineProps<{ shapes: readonly SvgShape[] }>();\n\n// The faces of this level's text: a clipping `svg` mounts its own children's.\nconst mounts = createFontMounts();\nonUnmounted(() => mounts.release());\nwatchEffect(() =>\n  mounts.mount(props.shapes.flatMap((shape) => (shape.program ? [shape.program] : []))),\n);\n\n/** A shape's blend is CSS, never an attribute. */\nconst blendOf = (blend: string | undefined): CSSProperties | undefined =>\n  blend ? { mixBlendMode: blend as CSSProperties['mixBlendMode'] } : undefined;\n</script>\n\n<template>\n  <component\n    :is=\"shape.tag\"\n    v-for=\"(shape, index) in shapes\"\n    :key=\"index\"\n    v-bind=\"shape.attributes\"\n    :style=\"blendOf(shape.blend)\"\n  >\n    <SvgShapes v-if=\"shape.children\" :shapes=\"shape.children\" />\n    <template v-else>{{ shape.text }}</template>\n  </component>\n</template>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_mergeProps","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;AAWA,UAAM,QAAQ;AAGd,UAAM,SAAS,iBAAA;AACf,gBAAY,MAAM,OAAO,SAAS;AAClC;AAAA,MAAY,MACV,OAAO,MAAM,MAAM,OAAO,QAAQ,CAAC,UAAW,MAAM,UAAU,CAAC,MAAM,OAAO,IAAI,CAAA,CAAG,CAAC;AAAA,IAAA;AAItF,UAAM,UAAU,CAAC,UACf,QAAQ,EAAE,cAAc,UAA2C;;;AAInE,aAAAA,UAAA,IAAA,GAAAC,mBASYC,UAAA,MAAAC,WAPe,QAAA,QAAM,CAAvB,OAAO,UAAK;AAFtB,eAAAH,aAAAI,YASYC,wBARL,MAAM,GAAG,GADhBC,WASY,EANT,KAAK,SAAK,EAAA,SAAA,KAAA,GACH,MAAM,YAAU;AAAA,UACvB,OAAO,QAAQ,MAAM,KAAK;AAAA,QAAA;2BAE3B,MAA4D;AAAA,YAA3C,MAAM,yBAAvBF,YAA4D,sBAAA;AAAA;cAA1B,QAAQ,MAAM;AAAA,YAAA,yCAChDH,mBAA4CC,UAAA,EAAA,KAAA,KAAA;AAAA,cAAxBK,gBAAAC,gBAAA,MAAM,IAAI,GAAA,CAAA;AAAA,YAAA;;;;;;;;"}

package/dist/actions.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const pluginActions = require("@embedpdf/plugin-actions");
+const vue = require("vue");
+const contract = require("@embedpdf/plugin-stage/contract");
+const web = require("@embedpdf/web");
+const capabilities = require("./capabilities-DVNJmgy7.cjs");
+const state = require("./state-M22NDJQo.cjs");
+function useActions() {
+  return capabilities.useCapability(pluginActions.ActionsToken);
+}
+const useActionsSettings = state.settingsComposable(pluginActions.ActionsToken);
+function useActionsEvent(select, handler) {
+  capabilities.useCapabilityEvent(pluginActions.ActionsToken, select, handler);
+}
+function useActionsUiAdapter(handlers) {
+  const actions = capabilities.useOptionalCapability(pluginActions.ActionsToken);
+  const stage = capabilities.useOptionalCapability(contract.StageToken);
+  vue.watch(
+    [actions, stage],
+    ([current, view], _previous, onCleanup) => {
+      if (!current) return;
+      const adapter = web.createDefaultActionsUiAdapter({
+        overrides: () => vue.toValue(handlers),
+        goToPage: (page) => view == null ? void 0 : view.goToPage(page)
+      });
+      onCleanup(current.setUiAdapter(adapter));
+    },
+    { immediate: true, flush: "sync" }
+  );
+}
+exports.useActions = useActions;
+exports.useActionsEvent = useActionsEvent;
+exports.useActionsSettings = useActionsSettings;
+exports.useActionsUiAdapter = useActionsUiAdapter;
+Object.keys(pluginActions).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => pluginActions[k]
+  });
+});
+//# sourceMappingURL=actions.cjs.map

package/dist/actions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.cjs","sources":["../src/actions.ts"],"sourcesContent":["/**\n * @embedpdf/vue/actions: the Vue view of `@embedpdf/plugin-actions`, the\n * action engine's UI port.\n *\n * The plugin has no DOM: opening a website, printing and showing an alert are\n * this layer's job. `useActionsUiAdapter()` installs the browser's defaults\n * (the same sanitizer and `window.open` the link layer uses; print is the\n * browser's dialog), and you can replace any of them. Without it, actions\n * routed to the adapter (a website, a print) report a `no-adapter` diagnostic\n * instead of running.\n */\n\n// One line per feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-actions';\nimport { toValue, watch } from 'vue';\nimport type { MaybeRefOrGetter } from 'vue';\nimport { ActionsToken } from '@embedpdf/plugin-actions';\nimport type { ActionsCapability, ActionUiAdapter } from '@embedpdf/plugin-actions';\nimport { StageToken } from '@embedpdf/plugin-stage/contract';\nimport type { EventHook } from '@embedpdf/core';\nimport { createDefaultActionsUiAdapter } from '@embedpdf/web';\nimport { useCapability, useCapabilityEvent, useOptionalCapability } from './runtime/capabilities';\nimport { settingsComposable } from './state';\n\n/**\n * The actions API (`execute`, `executeNamed`, `dispatch`, the settings) of the\n * nearest `<DocumentScope>`'s document, else the active one. The object never\n * changes; outside a document the settings calls work and every other method\n * throws `not-ready`.\n */\nexport function useActions(): ActionsCapability {\n  return useCapability(ActionsToken);\n}\n\n/** The actions settings (`policy`, `triggers`, `openSequence`, `javascript`), with or without a document, as refs. Takes a selector. */\nexport const useActionsSettings = settingsComposable(ActionsToken);\n\n/** Subscribe to one actions event while the component lives: `useActionsEvent((actions) => actions.onExecuted, handler)`. */\nexport function useActionsEvent<Event>(\n  select: (actions: ActionsCapability) => EventHook<Event>,\n  handler: (event: Event) => void,\n): void {\n  useCapabilityEvent(ActionsToken, select, handler);\n}\n\n/** Your own handlers for any of the adapter's effects: `openUri`, `print`, `alert`, `gotoPage`. */\nexport type ActionsUiHandlers = Partial<ActionUiAdapter>;\n\n/**\n * Install the UI adapter for the action dispatcher of the document in scope,\n * for as long as the component lives. The defaults (which effects may show\n * themselves for which start, websites opened through `sanitizeExternalUri`,\n * the browser's print dialog and alert) are `@embedpdf/web`'s\n * `createDefaultActionsUiAdapter`, written once for every framework; this is\n * the Vue glue. `handlers` replace any of them, and can be a ref or a getter:\n * they are read each time an action needs them, so changing them never\n * reinstalls the adapter. The adapter is installed again only when the\n * document or its Stage changes. The `doc.print` permission is checked by the\n * plugin, before any handler runs.\n */\nexport function useActionsUiAdapter(\n  handlers?: MaybeRefOrGetter<ActionsUiHandlers | undefined>,\n): void {\n  const actions = useOptionalCapability(ActionsToken);\n  const stage = useOptionalCapability(StageToken);\n  // `sync`: installed in the same change that made the capability resolvable,\n  // so no action between that change and the next render misses it.\n  watch(\n    [actions, stage],\n    ([current, view], _previous, onCleanup) => {\n      if (!current) return;\n      const adapter: ActionUiAdapter = createDefaultActionsUiAdapter({\n        overrides: () => toValue(handlers),\n        goToPage: (page) => view?.goToPage(page),\n      });\n      onCleanup(current.setUiAdapter(adapter));\n    },\n    { immediate: true, flush: 'sync' },\n  );\n}\n"],"names":["useCapability","ActionsToken","settingsComposable","useCapabilityEvent","useOptionalCapability","StageToken","watch","createDefaultActionsUiAdapter","toValue"],"mappings":";;;;;;;;AA8BO,SAAS,aAAgC;AAC9C,SAAOA,aAAAA,cAAcC,cAAAA,YAAY;AACnC;AAGO,MAAM,qBAAqBC,MAAAA,mBAAmBD,cAAAA,YAAY;AAG1D,SAAS,gBACd,QACA,SACM;AACNE,kCAAmBF,cAAAA,cAAc,QAAQ,OAAO;AAClD;AAiBO,SAAS,oBACd,UACM;AACN,QAAM,UAAUG,aAAAA,sBAAsBH,0BAAY;AAClD,QAAM,QAAQG,aAAAA,sBAAsBC,mBAAU;AAG9CC,MAAAA;AAAAA,IACE,CAAC,SAAS,KAAK;AAAA,IACf,CAAC,CAAC,SAAS,IAAI,GAAG,WAAW,cAAc;AACzC,UAAI,CAAC,QAAS;AACd,YAAM,UAA2BC,IAAAA,8BAA8B;AAAA,QAC7D,WAAW,MAAMC,IAAAA,QAAQ,QAAQ;AAAA,QACjC,UAAU,CAAC,SAAS,6BAAM,SAAS;AAAA,MAAI,CACxC;AACD,gBAAU,QAAQ,aAAa,OAAO,CAAC;AAAA,IACzC;AAAA,IACA,EAAE,WAAW,MAAM,OAAO,OAAA;AAAA,EAAO;AAErC;;;;;;;;;;;"}

package/dist/actions.d.cts

@@ -0,0 +1,41 @@
+/**
+ * @embedpdf/vue/actions: the Vue view of `@embedpdf/plugin-actions`, the
+ * action engine's UI port.
+ *
+ * The plugin has no DOM: opening a website, printing and showing an alert are
+ * this layer's job. `useActionsUiAdapter()` installs the browser's defaults
+ * (the same sanitizer and `window.open` the link layer uses; print is the
+ * browser's dialog), and you can replace any of them. Without it, actions
+ * routed to the adapter (a website, a print) report a `no-adapter` diagnostic
+ * instead of running.
+ */
+export * from '@embedpdf/plugin-actions';
+import type { MaybeRefOrGetter } from 'vue';
+import type { ActionsCapability, ActionUiAdapter } from '@embedpdf/plugin-actions';
+import type { EventHook } from '@embedpdf/core';
+/**
+ * The actions API (`execute`, `executeNamed`, `dispatch`, the settings) of the
+ * nearest `<DocumentScope>`'s document, else the active one. The object never
+ * changes; outside a document the settings calls work and every other method
+ * throws `not-ready`.
+ */
+export declare function useActions(): ActionsCapability;
+/** The actions settings (`policy`, `triggers`, `openSequence`, `javascript`), with or without a document, as refs. Takes a selector. */
+export declare const useActionsSettings: import("./state.cjs").SettingsComposable<import("@embedpdf/plugin-actions").ActionsSettings & object>;
+/** Subscribe to one actions event while the component lives: `useActionsEvent((actions) => actions.onExecuted, handler)`. */
+export declare function useActionsEvent<Event>(select: (actions: ActionsCapability) => EventHook<Event>, handler: (event: Event) => void): void;
+/** Your own handlers for any of the adapter's effects: `openUri`, `print`, `alert`, `gotoPage`. */
+export type ActionsUiHandlers = Partial<ActionUiAdapter>;
+/**
+ * Install the UI adapter for the action dispatcher of the document in scope,
+ * for as long as the component lives. The defaults (which effects may show
+ * themselves for which start, websites opened through `sanitizeExternalUri`,
+ * the browser's print dialog and alert) are `@embedpdf/web`'s
+ * `createDefaultActionsUiAdapter`, written once for every framework; this is
+ * the Vue glue. `handlers` replace any of them, and can be a ref or a getter:
+ * they are read each time an action needs them, so changing them never
+ * reinstalls the adapter. The adapter is installed again only when the
+ * document or its Stage changes. The `doc.print` permission is checked by the
+ * plugin, before any handler runs.
+ */
+export declare function useActionsUiAdapter(handlers?: MaybeRefOrGetter<ActionsUiHandlers | undefined>): void;

package/dist/actions.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @embedpdf/vue/actions: the Vue view of `@embedpdf/plugin-actions`, the
+ * action engine's UI port.
+ *
+ * The plugin has no DOM: opening a website, printing and showing an alert are
+ * this layer's job. `useActionsUiAdapter()` installs the browser's defaults
+ * (the same sanitizer and `window.open` the link layer uses; print is the
+ * browser's dialog), and you can replace any of them. Without it, actions
+ * routed to the adapter (a website, a print) report a `no-adapter` diagnostic
+ * instead of running.
+ */
+export * from '@embedpdf/plugin-actions';
+import type { MaybeRefOrGetter } from 'vue';
+import type { ActionsCapability, ActionUiAdapter } from '@embedpdf/plugin-actions';
+import type { EventHook } from '@embedpdf/core';
+/**
+ * The actions API (`execute`, `executeNamed`, `dispatch`, the settings) of the
+ * nearest `<DocumentScope>`'s document, else the active one. The object never
+ * changes; outside a document the settings calls work and every other method
+ * throws `not-ready`.
+ */
+export declare function useActions(): ActionsCapability;
+/** The actions settings (`policy`, `triggers`, `openSequence`, `javascript`), with or without a document, as refs. Takes a selector. */
+export declare const useActionsSettings: import("./state.js").SettingsComposable<import("@embedpdf/plugin-actions").ActionsSettings & object>;
+/** Subscribe to one actions event while the component lives: `useActionsEvent((actions) => actions.onExecuted, handler)`. */
+export declare function useActionsEvent<Event>(select: (actions: ActionsCapability) => EventHook<Event>, handler: (event: Event) => void): void;
+/** Your own handlers for any of the adapter's effects: `openUri`, `print`, `alert`, `gotoPage`. */
+export type ActionsUiHandlers = Partial<ActionUiAdapter>;
+/**
+ * Install the UI adapter for the action dispatcher of the document in scope,
+ * for as long as the component lives. The defaults (which effects may show
+ * themselves for which start, websites opened through `sanitizeExternalUri`,
+ * the browser's print dialog and alert) are `@embedpdf/web`'s
+ * `createDefaultActionsUiAdapter`, written once for every framework; this is
+ * the Vue glue. `handlers` replace any of them, and can be a ref or a getter:
+ * they are read each time an action needs them, so changing them never
+ * reinstalls the adapter. The adapter is installed again only when the
+ * document or its Stage changes. The `doc.print` permission is checked by the
+ * plugin, before any handler runs.
+ */
+export declare function useActionsUiAdapter(handlers?: MaybeRefOrGetter<ActionsUiHandlers | undefined>): void;

package/dist/actions.js

@@ -0,0 +1,37 @@
+import { ActionsToken } from "@embedpdf/plugin-actions";
+export * from "@embedpdf/plugin-actions";
+import { watch, toValue } from "vue";
+import { StageToken } from "@embedpdf/plugin-stage/contract";
+import { createDefaultActionsUiAdapter } from "@embedpdf/web";
+import { a as useCapability, b as useCapabilityEvent, h as useOptionalCapability } from "./capabilities-C7YzgPCX.js";
+import { s as settingsComposable } from "./state-DZg8q3v6.js";
+function useActions() {
+  return useCapability(ActionsToken);
+}
+const useActionsSettings = settingsComposable(ActionsToken);
+function useActionsEvent(select, handler) {
+  useCapabilityEvent(ActionsToken, select, handler);
+}
+function useActionsUiAdapter(handlers) {
+  const actions = useOptionalCapability(ActionsToken);
+  const stage = useOptionalCapability(StageToken);
+  watch(
+    [actions, stage],
+    ([current, view], _previous, onCleanup) => {
+      if (!current) return;
+      const adapter = createDefaultActionsUiAdapter({
+        overrides: () => toValue(handlers),
+        goToPage: (page) => view == null ? void 0 : view.goToPage(page)
+      });
+      onCleanup(current.setUiAdapter(adapter));
+    },
+    { immediate: true, flush: "sync" }
+  );
+}
+export {
+  useActions,
+  useActionsEvent,
+  useActionsSettings,
+  useActionsUiAdapter
+};
+//# sourceMappingURL=actions.js.map

package/dist/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sources":["../src/actions.ts"],"sourcesContent":["/**\n * @embedpdf/vue/actions: the Vue view of `@embedpdf/plugin-actions`, the\n * action engine's UI port.\n *\n * The plugin has no DOM: opening a website, printing and showing an alert are\n * this layer's job. `useActionsUiAdapter()` installs the browser's defaults\n * (the same sanitizer and `window.open` the link layer uses; print is the\n * browser's dialog), and you can replace any of them. Without it, actions\n * routed to the adapter (a website, a print) report a `no-adapter` diagnostic\n * instead of running.\n */\n\n// One line per feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-actions';\nimport { toValue, watch } from 'vue';\nimport type { MaybeRefOrGetter } from 'vue';\nimport { ActionsToken } from '@embedpdf/plugin-actions';\nimport type { ActionsCapability, ActionUiAdapter } from '@embedpdf/plugin-actions';\nimport { StageToken } from '@embedpdf/plugin-stage/contract';\nimport type { EventHook } from '@embedpdf/core';\nimport { createDefaultActionsUiAdapter } from '@embedpdf/web';\nimport { useCapability, useCapabilityEvent, useOptionalCapability } from './runtime/capabilities';\nimport { settingsComposable } from './state';\n\n/**\n * The actions API (`execute`, `executeNamed`, `dispatch`, the settings) of the\n * nearest `<DocumentScope>`'s document, else the active one. The object never\n * changes; outside a document the settings calls work and every other method\n * throws `not-ready`.\n */\nexport function useActions(): ActionsCapability {\n  return useCapability(ActionsToken);\n}\n\n/** The actions settings (`policy`, `triggers`, `openSequence`, `javascript`), with or without a document, as refs. Takes a selector. */\nexport const useActionsSettings = settingsComposable(ActionsToken);\n\n/** Subscribe to one actions event while the component lives: `useActionsEvent((actions) => actions.onExecuted, handler)`. */\nexport function useActionsEvent<Event>(\n  select: (actions: ActionsCapability) => EventHook<Event>,\n  handler: (event: Event) => void,\n): void {\n  useCapabilityEvent(ActionsToken, select, handler);\n}\n\n/** Your own handlers for any of the adapter's effects: `openUri`, `print`, `alert`, `gotoPage`. */\nexport type ActionsUiHandlers = Partial<ActionUiAdapter>;\n\n/**\n * Install the UI adapter for the action dispatcher of the document in scope,\n * for as long as the component lives. The defaults (which effects may show\n * themselves for which start, websites opened through `sanitizeExternalUri`,\n * the browser's print dialog and alert) are `@embedpdf/web`'s\n * `createDefaultActionsUiAdapter`, written once for every framework; this is\n * the Vue glue. `handlers` replace any of them, and can be a ref or a getter:\n * they are read each time an action needs them, so changing them never\n * reinstalls the adapter. The adapter is installed again only when the\n * document or its Stage changes. The `doc.print` permission is checked by the\n * plugin, before any handler runs.\n */\nexport function useActionsUiAdapter(\n  handlers?: MaybeRefOrGetter<ActionsUiHandlers | undefined>,\n): void {\n  const actions = useOptionalCapability(ActionsToken);\n  const stage = useOptionalCapability(StageToken);\n  // `sync`: installed in the same change that made the capability resolvable,\n  // so no action between that change and the next render misses it.\n  watch(\n    [actions, stage],\n    ([current, view], _previous, onCleanup) => {\n      if (!current) return;\n      const adapter: ActionUiAdapter = createDefaultActionsUiAdapter({\n        overrides: () => toValue(handlers),\n        goToPage: (page) => view?.goToPage(page),\n      });\n      onCleanup(current.setUiAdapter(adapter));\n    },\n    { immediate: true, flush: 'sync' },\n  );\n}\n"],"names":[],"mappings":";;;;;;;AA8BO,SAAS,aAAgC;AAC9C,SAAO,cAAc,YAAY;AACnC;AAGO,MAAM,qBAAqB,mBAAmB,YAAY;AAG1D,SAAS,gBACd,QACA,SACM;AACN,qBAAmB,cAAc,QAAQ,OAAO;AAClD;AAiBO,SAAS,oBACd,UACM;AACN,QAAM,UAAU,sBAAsB,YAAY;AAClD,QAAM,QAAQ,sBAAsB,UAAU;AAG9C;AAAA,IACE,CAAC,SAAS,KAAK;AAAA,IACf,CAAC,CAAC,SAAS,IAAI,GAAG,WAAW,cAAc;AACzC,UAAI,CAAC,QAAS;AACd,YAAM,UAA2B,8BAA8B;AAAA,QAC7D,WAAW,MAAM,QAAQ,QAAQ;AAAA,QACjC,UAAU,CAAC,SAAS,6BAAM,SAAS;AAAA,MAAI,CACxC;AACD,gBAAU,QAAQ,aAAa,OAAO,CAAC;AAAA,IACzC;AAAA,IACA,EAAE,WAAW,MAAM,OAAO,OAAA;AAAA,EAAO;AAErC;"}