@embedpdf/plugin-selection 1.5.0 → 2.0.0-next.0

package/dist/vue/index.js

@@ -1,64 +1,158 @@
 import { createPluginPackage } from "@embedpdf/core";
 import { SelectionPlugin, SelectionPluginPackage as SelectionPluginPackage$1 } from "@embedpdf/plugin-selection";
 export * from "@embedpdf/plugin-selection";
-import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, createCommentVNode, openBlock, normalizeStyle, Fragment, renderList, watchEffect } from "vue";
-import { useCapability, usePlugin } from "@embedpdf/core/vue";
+import { defineComponent, useSlots, ref, computed, watch, createElementBlock, createCommentVNode, openBlock, Fragment, createElementVNode, createBlock, normalizeStyle, renderList, unref, withCtx, renderSlot, resolveDynamicComponent, watchEffect } from "vue";
+import { usePlugin, useCapability, useDocumentState } from "@embedpdf/core/vue";
+import { Rotation } from "@embedpdf/models";
+import { CounterRotate } from "@embedpdf/utils/vue";
 const useSelectionCapability = () => useCapability(SelectionPlugin.id);
 const useSelectionPlugin = () => usePlugin(SelectionPlugin.id);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "selection-layer",
   props: {
+    documentId: {},
     pageIndex: {},
     scale: {},
-    background: { default: "rgba(33, 150, 243)" }
+    rotation: { default: Rotation.Degree0 },
+    background: { default: "rgba(33,150,243)" },
+    selectionMenu: {}
   },
   setup(__props) {
     const props = __props;
-    const { plugin: sel } = useSelectionPlugin();
+    const slots = useSlots();
+    const { plugin: selPlugin } = useSelectionPlugin();
+    const documentState = useDocumentState(() => props.documentId);
     const rects = ref([]);
     const boundingRect = ref(null);
-    let unregister;
-    onMounted(() => {
-      if (!sel.value) return;
-      unregister = sel.value.registerSelectionOnPage({
-        pageIndex: props.pageIndex,
-        onRectsChange: ({ rects: newRects, boundingRect: newBoundingRect }) => {
-          rects.value = newRects;
-          boundingRect.value = newBoundingRect;
-        }
-      });
+    const placement = ref(null);
+    const actualScale = computed(() => {
+      var _a;
+      if (props.scale !== void 0) return props.scale;
+      return ((_a = documentState.value) == null ? void 0 : _a.scale) ?? 1;
+    });
+    const actualRotation = computed(() => {
+      var _a;
+      if (props.rotation !== void 0) return props.rotation;
+      return ((_a = documentState.value) == null ? void 0 : _a.rotation) ?? Rotation.Degree0;
     });
-    onUnmounted(() => {
-      unregister == null ? void 0 : unregister();
+    const shouldRenderMenu = computed(() => {
+      if (!placement.value) return false;
+      if (placement.value.pageIndex !== props.pageIndex) return false;
+      if (!placement.value.isVisible) return false;
+      return !!props.selectionMenu || !!slots["selection-menu"];
+    });
+    watch(
+      [() => selPlugin.value, () => props.documentId, () => props.pageIndex],
+      ([plugin, docId, pageIdx], _, onCleanup) => {
+        if (!plugin || !docId) {
+          rects.value = [];
+          boundingRect.value = null;
+          return;
+        }
+        const unregister = plugin.registerSelectionOnPage({
+          documentId: docId,
+          pageIndex: pageIdx,
+          onRectsChange: ({ rects: newRects, boundingRect: newBoundingRect }) => {
+            rects.value = newRects;
+            boundingRect.value = newBoundingRect;
+          }
+        });
+        onCleanup(unregister);
+      },
+      { immediate: true }
+    );
+    watch(
+      [() => selPlugin.value, () => props.documentId],
+      ([plugin, docId], _, onCleanup) => {
+        if (!plugin || !docId) {
+          placement.value = null;
+          return;
+        }
+        const unsubscribe = plugin.onMenuPlacement(docId, (newPlacement) => {
+          placement.value = newPlacement;
+        });
+        onCleanup(unsubscribe);
+      },
+      { immediate: true }
+    );
+    const buildContext = () => ({
+      type: "selection",
+      pageIndex: props.pageIndex
     });
+    const buildMenuPlacement = () => {
+      var _a, _b, _c;
+      return {
+        suggestTop: ((_a = placement.value) == null ? void 0 : _a.suggestTop) ?? false,
+        spaceAbove: ((_b = placement.value) == null ? void 0 : _b.spaceAbove) ?? 0,
+        spaceBelow: ((_c = placement.value) == null ? void 0 : _c.spaceBelow) ?? 0
+      };
+    };
+    const renderSelectionMenu = (rect, menuWrapperProps) => {
+      if (!props.selectionMenu) return null;
+      return props.selectionMenu({
+        rect,
+        menuWrapperProps,
+        selected: true,
+        // Selection is always "selected" when visible
+        placement: buildMenuPlacement(),
+        context: buildContext()
+      });
+    };
     return (_ctx, _cache) => {
-      return boundingRect.value ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        style: normalizeStyle({
-          position: "absolute",
-          left: `${boundingRect.value.origin.x * _ctx.scale}px`,
-          top: `${boundingRect.value.origin.y * _ctx.scale}px`,
-          width: `${boundingRect.value.size.width * _ctx.scale}px`,
-          height: `${boundingRect.value.size.height * _ctx.scale}px`,
-          mixBlendMode: "multiply",
-          isolation: "isolate",
-          pointerEvents: "none"
-        })
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(rects.value, (rect, i) => {
-          return openBlock(), createElementBlock("div", {
-            key: i,
-            style: normalizeStyle({
-              position: "absolute",
-              left: `${(rect.origin.x - boundingRect.value.origin.x) * _ctx.scale}px`,
-              top: `${(rect.origin.y - boundingRect.value.origin.y) * _ctx.scale}px`,
-              width: `${rect.size.width * _ctx.scale}px`,
-              height: `${rect.size.height * _ctx.scale}px`,
-              background: _ctx.background
+      return boundingRect.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createElementVNode("div", {
+          style: normalizeStyle({
+            position: "absolute",
+            left: `${boundingRect.value.origin.x * actualScale.value}px`,
+            top: `${boundingRect.value.origin.y * actualScale.value}px`,
+            width: `${boundingRect.value.size.width * actualScale.value}px`,
+            height: `${boundingRect.value.size.height * actualScale.value}px`,
+            mixBlendMode: "multiply",
+            isolation: "isolate",
+            pointerEvents: "none"
+          })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(rects.value, (rect, i) => {
+            return openBlock(), createElementBlock("div", {
+              key: i,
+              style: normalizeStyle({
+                position: "absolute",
+                left: `${(rect.origin.x - boundingRect.value.origin.x) * actualScale.value}px`,
+                top: `${(rect.origin.y - boundingRect.value.origin.y) * actualScale.value}px`,
+                width: `${rect.size.width * actualScale.value}px`,
+                height: `${rect.size.height * actualScale.value}px`,
+                background: __props.background
+              })
+            }, null, 4);
+          }), 128))
+        ], 4),
+        shouldRenderMenu.value ? (openBlock(), createBlock(unref(CounterRotate), {
+          key: 0,
+          rect: {
+            origin: {
+              x: placement.value.rect.origin.x * actualScale.value,
+              y: placement.value.rect.origin.y * actualScale.value
+            },
+            size: {
+              width: placement.value.rect.size.width * actualScale.value,
+              height: placement.value.rect.size.height * actualScale.value
+            }
+          },
+          rotation: actualRotation.value
+        }, {
+          default: withCtx(({ rect, menuWrapperProps }) => [
+            __props.selectionMenu ? (openBlock(), createBlock(resolveDynamicComponent(renderSelectionMenu(rect, menuWrapperProps)), { key: 0 })) : renderSlot(_ctx.$slots, "selection-menu", {
+              key: 1,
+              context: buildContext(),
+              selected: true,
+              rect,
+              placement: buildMenuPlacement(),
+              menuWrapperProps
             })
-          }, null, 4);
-        }), 128))
-      ], 4)) : createCommentVNode("", true);
+          ]),
+          _: 3
+        }, 8, ["rect", "rotation"])) : createCommentVNode("", true)
+      ], 64)) : createCommentVNode("", true);
     };
   }
 });
@@ -68,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { provides: sel } = useSelectionCapability();
     watchEffect((onCleanup) => {
       if (sel.value) {
-        const unsubscribe = sel.value.onCopyToClipboard((text) => {
+        const unsubscribe = sel.value.onCopyToClipboard(({ text }) => {
           navigator.clipboard.writeText(text).catch((err) => {
             console.error("Failed to copy text to clipboard:", err);
           });

package/dist/vue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-selection.ts","../../src/vue/components/selection-layer.vue","../../src/vue/components/copy-to-clipboard.vue","../../src/vue/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\n/**\n * Hook to get the selection plugin's capability API.\n * This provides methods for controlling and listening to selection events.\n */\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\n\n/**\n * Hook to get the raw selection plugin instance.\n * Useful for accessing plugin-specific properties or methods not exposed in the capability.\n */\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","<template>\n  <div\n    v-if=\"boundingRect\"\n    :style=\"{\n      position: 'absolute',\n      left: `${boundingRect.origin.x * scale}px`,\n      top: `${boundingRect.origin.y * scale}px`,\n      width: `${boundingRect.size.width * scale}px`,\n      height: `${boundingRect.size.height * scale}px`,\n      mixBlendMode: 'multiply',\n      isolation: 'isolate',\n      pointerEvents: 'none',\n    }\"\n  >\n    <div\n      v-for=\"(rect, i) in rects\"\n      :key=\"i\"\n      :style=\"{\n        position: 'absolute',\n        left: `${(rect.origin.x - boundingRect.origin.x) * scale}px`,\n        top: `${(rect.origin.y - boundingRect.origin.y) * scale}px`,\n        width: `${rect.size.width * scale}px`,\n        height: `${rect.size.height * scale}px`,\n        background: background,\n      }\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { useSelectionPlugin } from '../hooks/use-selection';\n\ninterface Props {\n  pageIndex: number;\n  scale: number;\n  background?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  background: 'rgba(33, 150, 243)',\n});\n\nconst { plugin: sel } = useSelectionPlugin();\nconst rects = ref<Rect[]>([]);\nconst boundingRect = ref<Rect | null>(null);\n\nlet unregister: (() => void) | undefined;\n\nonMounted(() => {\n  if (!sel.value) return;\n\n  unregister = sel.value.registerSelectionOnPage({\n    pageIndex: props.pageIndex,\n    onRectsChange: ({ rects: newRects, boundingRect: newBoundingRect }) => {\n      rects.value = newRects;\n      boundingRect.value = newBoundingRect;\n    },\n  });\n});\n\nonUnmounted(() => {\n  unregister?.();\n});\n</script>\n","<script setup lang=\"ts\">\nimport { watchEffect } from 'vue';\nimport { useSelectionCapability } from '../hooks';\n\nconst { provides: sel } = useSelectionCapability();\n\n// This effect runs when the component is mounted and the capability is available.\n// It automatically handles unsubscribing when the component is unmounted.\nwatchEffect((onCleanup) => {\n  if (sel.value) {\n    const unsubscribe = sel.value.onCopyToClipboard((text) => {\n      // Use the Clipboard API to write the text\n      navigator.clipboard.writeText(text).catch((err) => {\n        console.error('Failed to copy text to clipboard:', err);\n      });\n    });\n\n    // Register the cleanup function to run on unmount or re-run\n    onCleanup(unsubscribe);\n  }\n});\n</script>\n\n<template>\n  <!-- This component renders nothing to the DOM -->\n</template>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { SelectionPluginPackage as BaseSelectionPluginPackage } from '@embedpdf/plugin-selection';\n\nimport { CopyToClipboard } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-selection';\n\nexport const SelectionPluginPackage = createPluginPackage(BaseSelectionPluginPackage)\n  .addUtility(CopyToClipboard)\n  .build();\n"],"names":["_createElementBlock","_normalizeStyle","scale","_openBlock","_Fragment","_renderList","background","BaseSelectionPluginPackage","CopyToClipboard"],"mappings":";;;;;AAOO,MAAM,yBAAyB,MAAM,cAA+B,gBAAgB,EAAE;AAMtF,MAAM,qBAAqB,MAAM,UAA2B,gBAAgB,EAAE;;;;;;;;;AC2BrF,UAAM,QAAQ;AAId,UAAM,EAAE,QAAQ,IAAI,IAAI,mBAAmB;AACrC,UAAA,QAAQ,IAAY,EAAE;AACtB,UAAA,eAAe,IAAiB,IAAI;AAEtC,QAAA;AAEJ,cAAU,MAAM;AACV,UAAA,CAAC,IAAI,MAAO;AAEH,mBAAA,IAAI,MAAM,wBAAwB;AAAA,QAC7C,WAAW,MAAM;AAAA,QACjB,eAAe,CAAC,EAAE,OAAO,UAAU,cAAc,sBAAsB;AACrE,gBAAM,QAAQ;AACd,uBAAa,QAAQ;AAAA,QAAA;AAAA,MACvB,CACD;AAAA,IAAA,CACF;AAED,gBAAY,MAAM;AACH;AAAA,IAAA,CACd;;aA9DS,aAAY,sBADpBA,mBAyBM,OAAA;AAAA;QAvBH,OAAKC,eAAA;AAAA;UAA+C,MAAA,GAAA,aAAA,MAAa,OAAO,IAAIC,KAAK,KAAA;AAAA,UAAoB,KAAA,GAAA,aAAA,MAAa,OAAO,IAAIA,KAAK,KAAA;AAAA,UAAsB,OAAA,GAAA,aAAA,MAAa,KAAK,QAAQA,KAAK,KAAA;AAAA,UAAuB,QAAA,GAAA,aAAA,MAAa,KAAK,SAASA,KAAK,KAAA;AAAA;;;;;SAW/OC,UAAA,IAAA,GAAAH,mBAWEI,UAVoB,MAAAC,WAAA,MAAA,OAAZ,CAAA,MAAM,MAAC;8BADjBL,mBAWE,OAAA;AAAA,YATC,KAAK;AAAA,YACL,OAAKC,eAAA;AAAA;wBAAoD,KAAK,OAAO,IAAI,aAAY,MAAC,OAAO,KAAKC,KAAK,KAAA;AAAA,uBAAuB,KAAK,OAAO,IAAI,aAAY,MAAC,OAAO,KAAKA,KAAK,KAAA;AAAA,cAAwB,OAAA,GAAA,KAAK,KAAK,QAAQA,KAAK,KAAA;AAAA,cAAyB,QAAA,GAAA,KAAK,KAAK,SAASA,KAAK,KAAA;AAAA,0BAA0BI,KAAU;AAAA;;;;;;;;;;ACbvT,UAAM,EAAE,UAAU,IAAI,IAAI,uBAAuB;AAIjD,gBAAY,CAAC,cAAc;AACzB,UAAI,IAAI,OAAO;AACb,cAAM,cAAc,IAAI,MAAM,kBAAkB,CAAC,SAAS;AAExD,oBAAU,UAAU,UAAU,IAAI,EAAE,MAAM,CAAC,QAAQ;AACzC,oBAAA,MAAM,qCAAqC,GAAG;AAAA,UAAA,CACvD;AAAA,QAAA,CACF;AAGD,kBAAU,WAAW;AAAA,MAAA;AAAA,IACvB,CACD;;;;;;ACXM,MAAM,yBAAyB,oBAAoBC,wBAA0B,EACjF,WAAWC,SAAe,EAC1B,MAAM;"}
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-selection.ts","../../src/vue/components/selection-layer.vue","../../src/vue/components/copy-to-clipboard.vue","../../src/vue/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\n/**\n * Hook to get the selection plugin's capability API.\n * This provides methods for controlling and listening to selection events.\n */\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\n\n/**\n * Hook to get the raw selection plugin instance.\n * Useful for accessing plugin-specific properties or methods not exposed in the capability.\n */\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","<script setup lang=\"ts\">\nimport { ref, watch, computed, useSlots, type VNode } from 'vue';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport { Rotation, type Rect } from '@embedpdf/models';\nimport type { SelectionMenuPlacement } from '@embedpdf/plugin-selection';\nimport { CounterRotate, type MenuWrapperProps } from '@embedpdf/utils/vue';\nimport { useSelectionPlugin } from '../hooks/use-selection';\nimport type { SelectionSelectionContext, SelectionSelectionMenuRenderFn } from '../types';\n\ninterface SelectionLayerProps {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  rotation?: Rotation;\n  background?: string;\n  /** Render function for selection menu (schema-driven approach) */\n  selectionMenu?: SelectionSelectionMenuRenderFn;\n}\n\nconst props = withDefaults(defineProps<SelectionLayerProps>(), {\n  background: 'rgba(33,150,243)',\n  rotation: Rotation.Degree0,\n});\n\nconst slots = useSlots();\nconst { plugin: selPlugin } = useSelectionPlugin();\nconst documentState = useDocumentState(() => props.documentId);\nconst rects = ref<Rect[]>([]);\nconst boundingRect = ref<Rect | null>(null);\nconst placement = ref<SelectionMenuPlacement | null>(null);\n\nconst actualScale = computed(() => {\n  if (props.scale !== undefined) return props.scale;\n  return documentState.value?.scale ?? 1;\n});\n\nconst actualRotation = computed(() => {\n  if (props.rotation !== undefined) return props.rotation;\n  return documentState.value?.rotation ?? Rotation.Degree0;\n});\n\n// Check if menu should render: placement is valid AND (render fn OR slot exists)\nconst shouldRenderMenu = computed(() => {\n  if (!placement.value) return false;\n  if (placement.value.pageIndex !== props.pageIndex) return false;\n  if (!placement.value.isVisible) return false;\n\n  // Must have either render function or slot\n  return !!props.selectionMenu || !!slots['selection-menu'];\n});\n\nwatch(\n  [() => selPlugin.value, () => props.documentId, () => props.pageIndex],\n  ([plugin, docId, pageIdx], _, onCleanup) => {\n    if (!plugin || !docId) {\n      rects.value = [];\n      boundingRect.value = null;\n      return;\n    }\n\n    const unregister = plugin.registerSelectionOnPage({\n      documentId: docId,\n      pageIndex: pageIdx,\n      onRectsChange: ({ rects: newRects, boundingRect: newBoundingRect }) => {\n        rects.value = newRects;\n        boundingRect.value = newBoundingRect;\n      },\n    });\n\n    onCleanup(unregister);\n  },\n  { immediate: true },\n);\n\nwatch(\n  [() => selPlugin.value, () => props.documentId],\n  ([plugin, docId], _, onCleanup) => {\n    if (!plugin || !docId) {\n      placement.value = null;\n      return;\n    }\n\n    const unsubscribe = plugin.onMenuPlacement(docId, (newPlacement) => {\n      placement.value = newPlacement;\n    });\n\n    onCleanup(unsubscribe);\n  },\n  { immediate: true },\n);\n\n// --- Selection Menu Logic ---\n\n// Build context object for selection menu\nconst buildContext = (): SelectionSelectionContext => ({\n  type: 'selection',\n  pageIndex: props.pageIndex,\n});\n\n// Build placement hints from plugin placement data\nconst buildMenuPlacement = () => ({\n  suggestTop: placement.value?.suggestTop ?? false,\n  spaceAbove: placement.value?.spaceAbove ?? 0,\n  spaceBelow: placement.value?.spaceBelow ?? 0,\n});\n\n// Render via function (for schema-driven approach)\nconst renderSelectionMenu = (rect: Rect, menuWrapperProps: MenuWrapperProps): VNode | null => {\n  if (!props.selectionMenu) return null;\n\n  return props.selectionMenu({\n    rect,\n    menuWrapperProps,\n    selected: true, // Selection is always \"selected\" when visible\n    placement: buildMenuPlacement(),\n    context: buildContext(),\n  });\n};\n</script>\n\n<template>\n  <template v-if=\"boundingRect\">\n    <div\n      :style=\"{\n        position: 'absolute',\n        left: `${boundingRect.origin.x * actualScale}px`,\n        top: `${boundingRect.origin.y * actualScale}px`,\n        width: `${boundingRect.size.width * actualScale}px`,\n        height: `${boundingRect.size.height * actualScale}px`,\n        mixBlendMode: 'multiply',\n        isolation: 'isolate',\n        pointerEvents: 'none',\n      }\"\n    >\n      <div\n        v-for=\"(rect, i) in rects\"\n        :key=\"i\"\n        :style=\"{\n          position: 'absolute',\n          left: `${(rect.origin.x - boundingRect.origin.x) * actualScale}px`,\n          top: `${(rect.origin.y - boundingRect.origin.y) * actualScale}px`,\n          width: `${rect.size.width * actualScale}px`,\n          height: `${rect.size.height * actualScale}px`,\n          background: background,\n        }\"\n      />\n    </div>\n\n    <!-- Selection Menu: Supports BOTH render function and slot -->\n    <CounterRotate\n      v-if=\"shouldRenderMenu\"\n      :rect=\"{\n        origin: {\n          x: placement!.rect.origin.x * actualScale,\n          y: placement!.rect.origin.y * actualScale,\n        },\n        size: {\n          width: placement!.rect.size.width * actualScale,\n          height: placement!.rect.size.height * actualScale,\n        },\n      }\"\n      :rotation=\"actualRotation\"\n    >\n      <template #default=\"{ rect, menuWrapperProps }\">\n        <!-- Priority 1: Render function prop (schema-driven) -->\n        <component v-if=\"selectionMenu\" :is=\"renderSelectionMenu(rect, menuWrapperProps)\" />\n\n        <!-- Priority 2: Slot (manual customization) -->\n        <slot\n          v-else\n          name=\"selection-menu\"\n          :context=\"buildContext()\"\n          :selected=\"true\"\n          :rect=\"rect\"\n          :placement=\"buildMenuPlacement()\"\n          :menuWrapperProps=\"menuWrapperProps\"\n        />\n      </template>\n    </CounterRotate>\n  </template>\n</template>\n","<script setup lang=\"ts\">\nimport { watchEffect } from 'vue';\nimport { useSelectionCapability } from '../hooks';\n\nconst { provides: sel } = useSelectionCapability();\n\n// This effect runs when the component is mounted and the capability is available.\n// It automatically handles unsubscribing when the component is unmounted.\nwatchEffect((onCleanup) => {\n  if (sel.value) {\n    const unsubscribe = sel.value.onCopyToClipboard(({ text }) => {\n      // Use the Clipboard API to write the text\n      navigator.clipboard.writeText(text).catch((err) => {\n        console.error('Failed to copy text to clipboard:', err);\n      });\n    });\n\n    // Register the cleanup function to run on unmount or re-run\n    onCleanup(unsubscribe);\n  }\n});\n</script>\n\n<template>\n  <!-- This component renders nothing to the DOM -->\n</template>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { SelectionPluginPackage as BaseSelectionPluginPackage } from '@embedpdf/plugin-selection';\n\nimport { CopyToClipboard } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from './types';\nexport * from '@embedpdf/plugin-selection';\n\nexport const SelectionPluginPackage = createPluginPackage(BaseSelectionPluginPackage)\n  .addUtility(CopyToClipboard)\n  .build();\n"],"names":["_createElementBlock","_Fragment","_createElementVNode","_normalizeStyle","_openBlock","_renderList","_createBlock","_unref","_withCtx","_resolveDynamicComponent","_renderSlot","BaseSelectionPluginPackage","CopyToClipboard"],"mappings":"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"}

package/dist/vue/types.d.ts

@@ -0,0 +1,7 @@
+import { SelectionMenuRenderFn, SelectionMenuPropsBase } from '@embedpdf/utils/vue';
+export interface SelectionSelectionContext {
+    type: 'selection';
+    pageIndex: number;
+}
+export type SelectionSelectionMenuRenderFn = SelectionMenuRenderFn<SelectionSelectionContext>;
+export type SelectionSelectionMenuProps = SelectionMenuPropsBase<SelectionSelectionContext>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-selection",
-  "version": "1.5.0",
+  "version": "2.0.0-next.0",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -34,15 +34,17 @@
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.5.0"
+    "@embedpdf/models": "2.0.0-next.0",
+    "@embedpdf/utils": "2.0.0-next.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
     "@embedpdf/build": "1.1.0",
-    "@embedpdf/core": "1.5.0",
-    "@embedpdf/plugin-viewport": "1.5.0",
-    "@embedpdf/plugin-interaction-manager": "1.5.0"
+    "@embedpdf/plugin-viewport": "2.0.0-next.0",
+    "@embedpdf/core": "2.0.0-next.0",
+    "@embedpdf/plugin-interaction-manager": "2.0.0-next.0",
+    "@embedpdf/plugin-scroll": "2.0.0-next.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -50,9 +52,8 @@
     "preact": "^10.26.4",
     "vue": ">=3.2.0",
     "svelte": ">=5 <6",
-    "@embedpdf/core": "1.5.0",
-    "@embedpdf/plugin-viewport": "1.5.0",
-    "@embedpdf/plugin-interaction-manager": "1.5.0"
+    "@embedpdf/core": "2.0.0-next.0",
+    "@embedpdf/plugin-interaction-manager": "2.0.0-next.0"
   },
   "files": [
     "dist",