@embedpdf/plugin-selection 2.2.0 → 2.3.0

package/dist/svelte/index.js

@@ -9,7 +9,7 @@ import { CounterRotate } from "@embedpdf/utils/svelte";
 const useSelectionCapability = () => useCapability(SelectionPlugin.id);
 const useSelectionPlugin = () => usePlugin(SelectionPlugin.id);
 var root_2 = $.from_html(`<div></div>`);
-var root_1 = $.from_html(`<div></div> <!>`, 1);
+var root_1$1 = $.from_html(`<div></div> <!>`, 1);
 function SelectionLayer($$anchor, $$props) {
   $.push($$props, true);
   let background = $.prop($$props, "background", 3, "rgba(33,150,243)");
@@ -76,7 +76,7 @@ function SelectionLayer($$anchor, $$props) {
   var node = $.first_child(fragment);
   {
     var consequent_4 = ($$anchor2) => {
-      var fragment_1 = root_1();
+      var fragment_1 = root_1$1();
       var div = $.first_child(fragment_1);
       let styles;
       $.each(div, 21, () => $.get(rects), $.index, ($$anchor3, rect) => {
@@ -209,9 +209,65 @@ function CopyToClipboard($$anchor, $$props) {
   });
   $.pop();
 }
+var root_1 = $.from_html(`<div></div>`);
+function MarqueeSelection($$anchor, $$props) {
+  $.push($$props, true);
+  let stroke = $.prop($$props, "stroke", 3, "rgba(0,122,204,0.8)"), fill = $.prop($$props, "fill", 3, "rgba(0,122,204,0.15)");
+  const selectionPlugin = useSelectionPlugin();
+  const documentState = useDocumentState(() => $$props.documentId);
+  let rect = $.state(null);
+  const actualScale = $.derived(() => {
+    var _a;
+    return $$props.scale !== void 0 ? $$props.scale : ((_a = documentState.current) == null ? void 0 : _a.scale) ?? 1;
+  });
+  $.user_effect(() => {
+    $.set(rect, null);
+    if (!selectionPlugin.plugin) {
+      return;
+    }
+    return selectionPlugin.plugin.registerMarqueeOnPage({
+      documentId: $$props.documentId,
+      pageIndex: $$props.pageIndex,
+      scale: $.get(actualScale),
+      onRectChange: (newRect) => {
+        $.set(rect, newRect, true);
+      }
+    });
+  });
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+  {
+    var consequent = ($$anchor2) => {
+      var div = root_1();
+      let styles;
+      $.template_effect(() => {
+        $.set_class(div, 1, $.clsx($$props.class));
+        styles = $.set_style(div, "", styles, {
+          position: "absolute",
+          "pointer-events": "none",
+          left: `${$.get(rect).origin.x * $.get(actualScale)}px`,
+          top: `${$.get(rect).origin.y * $.get(actualScale)}px`,
+          width: `${$.get(rect).size.width * $.get(actualScale)}px`,
+          height: `${$.get(rect).size.height * $.get(actualScale)}px`,
+          border: `1px dashed ${stroke()}`,
+          background: fill(),
+          "box-sizing": "border-box",
+          "z-index": "1000"
+        });
+      });
+      $.append($$anchor2, div);
+    };
+    $.if(node, ($$render) => {
+      if ($.get(rect)) $$render(consequent);
+    });
+  }
+  $.append($$anchor, fragment);
+  $.pop();
+}
 const SelectionPluginPackage = createPluginPackage(SelectionPluginPackage$1).addUtility(CopyToClipboard).build();
 export {
   CopyToClipboard,
+  MarqueeSelection,
   SelectionLayer,
   SelectionPluginPackage,
   useSelectionCapability,

package/dist/svelte/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-selection.svelte.ts","../../src/svelte/components/SelectionLayer.svelte","../../src/svelte/components/CopyToClipboard.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\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 lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import type { Rect } from '@embedpdf/models';\n  import { Rotation } from '@embedpdf/models';\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import {\n    CounterRotate,\n    type MenuWrapperProps,\n    type SelectionMenuPlacement,\n  } from '@embedpdf/utils/svelte';\n  import { useSelectionPlugin } from '../hooks/use-selection.svelte';\n  import type {\n    SelectionSelectionMenuRenderFn,\n    SelectionSelectionMenuProps,\n    SelectionSelectionContext,\n  } from '../types';\n  import type { SelectionMenuPlacement as UtilsSelectionMenuPlacement } from '@embedpdf/plugin-selection';\n\n  interface SelectionLayerProps {\n    /** Document ID */\n    documentId: string;\n    /** Index of the page this layer lives on */\n    pageIndex: number;\n    /** Scale of the page (optional, defaults to document scale) */\n    scale?: number;\n    /** Rotation of the page (optional, defaults to document rotation) */\n    rotation?: Rotation;\n    /** Background color for selection rectangles */\n    background?: string;\n    /** Render function for selection menu (schema-driven approach) */\n    selectionMenu?: SelectionSelectionMenuRenderFn;\n    /** Snippet for custom selection menu (slot-based approach) */\n    selectionMenuSnippet?: Snippet<[SelectionSelectionMenuProps]>;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale: scaleOverride,\n    rotation: rotationOverride,\n    background = 'rgba(33,150,243)',\n    selectionMenu,\n    selectionMenuSnippet,\n  }: SelectionLayerProps = $props();\n\n  const selectionPlugin = useSelectionPlugin();\n  const documentState = useDocumentState(() => documentId);\n\n  let rects = $state<Rect[]>([]);\n  let boundingRect = $state<Rect | null>(null);\n  let placement = $state<UtilsSelectionMenuPlacement | null>(null);\n\n  const actualScale = $derived(\n    scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n  );\n\n  const actualRotation = $derived(\n    rotationOverride !== undefined\n      ? rotationOverride\n      : (documentState.current?.rotation ?? Rotation.Degree0),\n  );\n\n  // Check if menu should render: placement is valid AND (render fn OR snippet exists)\n  const shouldRenderMenu = $derived(\n    Boolean(\n      placement &&\n        placement.pageIndex === pageIndex &&\n        placement.isVisible &&\n        (selectionMenu || selectionMenuSnippet),\n    ),\n  );\n\n  // Track selection rectangles on this page\n  $effect(() => {\n    if (!selectionPlugin.plugin || !documentId) {\n      rects = [];\n      boundingRect = null;\n      return;\n    }\n\n    return selectionPlugin.plugin.registerSelectionOnPage({\n      documentId,\n      pageIndex,\n      onRectsChange: ({ rects: newRects, boundingRect: newBoundingRect }) => {\n        rects = newRects;\n        boundingRect = newBoundingRect;\n      },\n    });\n  });\n\n  // Track menu placement for this document\n  $effect(() => {\n    if (!selectionPlugin.plugin || !documentId) {\n      placement = null;\n      return;\n    }\n\n    return selectionPlugin.plugin.onMenuPlacement(documentId, (newPlacement) => {\n      placement = newPlacement;\n    });\n  });\n\n  // --- Selection Menu Logic ---\n\n  // Build context object for selection menu\n  function buildContext(): SelectionSelectionContext {\n    return {\n      type: 'selection',\n      pageIndex,\n    };\n  }\n\n  // Build placement hints from plugin placement data\n  function buildMenuPlacement(): SelectionMenuPlacement {\n    return {\n      suggestTop: placement?.suggestTop ?? false,\n      spaceAbove: placement?.spaceAbove ?? 0,\n      spaceBelow: placement?.spaceBelow ?? 0,\n    };\n  }\n\n  // Build menu props\n  function buildMenuProps(\n    rect: Rect,\n    menuWrapperProps: MenuWrapperProps,\n  ): SelectionSelectionMenuProps {\n    return {\n      context: buildContext(),\n      selected: true, // Selection is always \"selected\" when visible\n      rect,\n      placement: buildMenuPlacement(),\n      menuWrapperProps,\n    };\n  }\n</script>\n\n{#if boundingRect}\n  <!-- Highlight layer -->\n  <div\n    style:position=\"absolute\"\n    style:left={`${boundingRect.origin.x * actualScale}px`}\n    style:top={`${boundingRect.origin.y * actualScale}px`}\n    style:width={`${boundingRect.size.width * actualScale}px`}\n    style:height={`${boundingRect.size.height * actualScale}px`}\n    style:mix-blend-mode=\"multiply\"\n    style:isolation=\"isolate\"\n    style:pointer-events=\"none\"\n  >\n    {#each rects as rect, i (i)}\n      <div\n        style:position=\"absolute\"\n        style:left={`${(rect.origin.x - boundingRect.origin.x) * actualScale}px`}\n        style:top={`${(rect.origin.y - boundingRect.origin.y) * actualScale}px`}\n        style:width={`${rect.size.width * actualScale}px`}\n        style:height={`${rect.size.height * actualScale}px`}\n        style:background\n        style:pointer-events=\"none\"\n      ></div>\n    {/each}\n  </div>\n\n  <!-- Selection menu (counter-rotated) -->\n  {#if shouldRenderMenu && placement}\n    <CounterRotate\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      {#snippet children({ rect, menuWrapperProps })}\n        {@const menuProps = buildMenuProps(rect, menuWrapperProps)}\n        {#if selectionMenu}\n          <!-- Priority 1: Render function (schema-driven) -->\n          {@const result = selectionMenu(menuProps)}\n          {#if result}\n            <result.component {...result.props} />\n          {/if}\n        {:else if selectionMenuSnippet}\n          <!-- Priority 2: Snippet (manual customization) -->\n          {@render selectionMenuSnippet(menuProps)}\n        {/if}\n      {/snippet}\n    </CounterRotate>\n  {/if}\n{/if}\n","<script lang=\"ts\">\n  import { useSelectionCapability } from '../hooks/use-selection.svelte';\n\n  const selectionCapability = useSelectionCapability();\n\n  $effect(() => {\n    if (!selectionCapability.provides) return;\n\n    return selectionCapability.provides.onCopyToClipboard(({ text }) => {\n      navigator.clipboard.writeText(text).catch((err) => {\n        console.error('Failed to copy text to clipboard:', err);\n      });\n    });\n  });\n</script>\n\n<!-- This component renders nothing to the DOM -->\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":["$$anchor","BaseSelectionPluginPackage"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-selection.svelte.ts","../../src/svelte/components/SelectionLayer.svelte","../../src/svelte/components/CopyToClipboard.svelte","../../src/svelte/components/MarqueeSelection.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\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 lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import type { Rect } from '@embedpdf/models';\n  import { Rotation } from '@embedpdf/models';\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import {\n    CounterRotate,\n    type MenuWrapperProps,\n    type SelectionMenuPlacement,\n  } from '@embedpdf/utils/svelte';\n  import { useSelectionPlugin } from '../hooks/use-selection.svelte';\n  import type {\n    SelectionSelectionMenuRenderFn,\n    SelectionSelectionMenuProps,\n    SelectionSelectionContext,\n  } from '../types';\n  import type { SelectionMenuPlacement as UtilsSelectionMenuPlacement } from '@embedpdf/plugin-selection';\n\n  interface SelectionLayerProps {\n    /** Document ID */\n    documentId: string;\n    /** Index of the page this layer lives on */\n    pageIndex: number;\n    /** Scale of the page (optional, defaults to document scale) */\n    scale?: number;\n    /** Rotation of the page (optional, defaults to document rotation) */\n    rotation?: Rotation;\n    /** Background color for selection rectangles */\n    background?: string;\n    /** Render function for selection menu (schema-driven approach) */\n    selectionMenu?: SelectionSelectionMenuRenderFn;\n    /** Snippet for custom selection menu (slot-based approach) */\n    selectionMenuSnippet?: Snippet<[SelectionSelectionMenuProps]>;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale: scaleOverride,\n    rotation: rotationOverride,\n    background = 'rgba(33,150,243)',\n    selectionMenu,\n    selectionMenuSnippet,\n  }: SelectionLayerProps = $props();\n\n  const selectionPlugin = useSelectionPlugin();\n  const documentState = useDocumentState(() => documentId);\n\n  let rects = $state<Rect[]>([]);\n  let boundingRect = $state<Rect | null>(null);\n  let placement = $state<UtilsSelectionMenuPlacement | null>(null);\n\n  const actualScale = $derived(\n    scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n  );\n\n  const actualRotation = $derived(\n    rotationOverride !== undefined\n      ? rotationOverride\n      : (documentState.current?.rotation ?? Rotation.Degree0),\n  );\n\n  // Check if menu should render: placement is valid AND (render fn OR snippet exists)\n  const shouldRenderMenu = $derived(\n    Boolean(\n      placement &&\n        placement.pageIndex === pageIndex &&\n        placement.isVisible &&\n        (selectionMenu || selectionMenuSnippet),\n    ),\n  );\n\n  // Track selection rectangles on this page\n  $effect(() => {\n    if (!selectionPlugin.plugin || !documentId) {\n      rects = [];\n      boundingRect = null;\n      return;\n    }\n\n    return selectionPlugin.plugin.registerSelectionOnPage({\n      documentId,\n      pageIndex,\n      onRectsChange: ({ rects: newRects, boundingRect: newBoundingRect }) => {\n        rects = newRects;\n        boundingRect = newBoundingRect;\n      },\n    });\n  });\n\n  // Track menu placement for this document\n  $effect(() => {\n    if (!selectionPlugin.plugin || !documentId) {\n      placement = null;\n      return;\n    }\n\n    return selectionPlugin.plugin.onMenuPlacement(documentId, (newPlacement) => {\n      placement = newPlacement;\n    });\n  });\n\n  // --- Selection Menu Logic ---\n\n  // Build context object for selection menu\n  function buildContext(): SelectionSelectionContext {\n    return {\n      type: 'selection',\n      pageIndex,\n    };\n  }\n\n  // Build placement hints from plugin placement data\n  function buildMenuPlacement(): SelectionMenuPlacement {\n    return {\n      suggestTop: placement?.suggestTop ?? false,\n      spaceAbove: placement?.spaceAbove ?? 0,\n      spaceBelow: placement?.spaceBelow ?? 0,\n    };\n  }\n\n  // Build menu props\n  function buildMenuProps(\n    rect: Rect,\n    menuWrapperProps: MenuWrapperProps,\n  ): SelectionSelectionMenuProps {\n    return {\n      context: buildContext(),\n      selected: true, // Selection is always \"selected\" when visible\n      rect,\n      placement: buildMenuPlacement(),\n      menuWrapperProps,\n    };\n  }\n</script>\n\n{#if boundingRect}\n  <!-- Highlight layer -->\n  <div\n    style:position=\"absolute\"\n    style:left={`${boundingRect.origin.x * actualScale}px`}\n    style:top={`${boundingRect.origin.y * actualScale}px`}\n    style:width={`${boundingRect.size.width * actualScale}px`}\n    style:height={`${boundingRect.size.height * actualScale}px`}\n    style:mix-blend-mode=\"multiply\"\n    style:isolation=\"isolate\"\n    style:pointer-events=\"none\"\n  >\n    {#each rects as rect, i (i)}\n      <div\n        style:position=\"absolute\"\n        style:left={`${(rect.origin.x - boundingRect.origin.x) * actualScale}px`}\n        style:top={`${(rect.origin.y - boundingRect.origin.y) * actualScale}px`}\n        style:width={`${rect.size.width * actualScale}px`}\n        style:height={`${rect.size.height * actualScale}px`}\n        style:background\n        style:pointer-events=\"none\"\n      ></div>\n    {/each}\n  </div>\n\n  <!-- Selection menu (counter-rotated) -->\n  {#if shouldRenderMenu && placement}\n    <CounterRotate\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      {#snippet children({ rect, menuWrapperProps })}\n        {@const menuProps = buildMenuProps(rect, menuWrapperProps)}\n        {#if selectionMenu}\n          <!-- Priority 1: Render function (schema-driven) -->\n          {@const result = selectionMenu(menuProps)}\n          {#if result}\n            <result.component {...result.props} />\n          {/if}\n        {:else if selectionMenuSnippet}\n          <!-- Priority 2: Snippet (manual customization) -->\n          {@render selectionMenuSnippet(menuProps)}\n        {/if}\n      {/snippet}\n    </CounterRotate>\n  {/if}\n{/if}\n","<script lang=\"ts\">\n  import { useSelectionCapability } from '../hooks/use-selection.svelte';\n\n  const selectionCapability = useSelectionCapability();\n\n  $effect(() => {\n    if (!selectionCapability.provides) return;\n\n    return selectionCapability.provides.onCopyToClipboard(({ text }) => {\n      navigator.clipboard.writeText(text).catch((err) => {\n        console.error('Failed to copy text to clipboard:', err);\n      });\n    });\n  });\n</script>\n\n<!-- This component renders nothing to the DOM -->\n","<script lang=\"ts\">\n  import type { Rect } from '@embedpdf/models';\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import { useSelectionPlugin } from '../hooks';\n\n  interface MarqueeSelectionProps {\n    /** The ID of the document */\n    documentId: string;\n    /** Index of the page this layer lives on */\n    pageIndex: number;\n    /** Scale of the page (optional, defaults to document scale) */\n    scale?: number;\n    /** Optional CSS class applied to the marquee rectangle */\n    class?: string;\n    /** Stroke colour (default: 'rgba(0,122,204,0.8)') */\n    stroke?: string;\n    /** Fill colour (default: 'rgba(0,122,204,0.15)') */\n    fill?: string;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale: scaleOverride,\n    class: propsClass,\n    stroke = 'rgba(0,122,204,0.8)',\n    fill = 'rgba(0,122,204,0.15)',\n  }: MarqueeSelectionProps = $props();\n\n  const selectionPlugin = useSelectionPlugin();\n  const documentState = useDocumentState(() => documentId);\n\n  let rect = $state<Rect | null>(null);\n\n  const actualScale = $derived(\n    scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n  );\n\n  $effect(() => {\n    rect = null;\n\n    if (!selectionPlugin.plugin) {\n      return;\n    }\n\n    return selectionPlugin.plugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      onRectChange: (newRect) => {\n        rect = newRect;\n      },\n    });\n  });\n</script>\n\n{#if rect}\n  <div\n    style:position=\"absolute\"\n    style:pointer-events=\"none\"\n    style:left={`${rect.origin.x * actualScale}px`}\n    style:top={`${rect.origin.y * actualScale}px`}\n    style:width={`${rect.size.width * actualScale}px`}\n    style:height={`${rect.size.height * actualScale}px`}\n    style:border={`1px dashed ${stroke}`}\n    style:background={fill}\n    style:box-sizing=\"border-box\"\n    style:z-index=\"1000\"\n    class={propsClass}\n  ></div>\n{/if}\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":["$$anchor","BaseSelectionPluginPackage"],"mappings":"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"}

package/dist/vue/components/index.d.ts

@@ -1,2 +1,3 @@
 export { default as SelectionLayer } from './selection-layer.vue';
 export { default as CopyToClipboard } from './copy-to-clipboard.vue';
+export { default as MarqueeSelection } from './marquee-selection.vue';

package/dist/vue/components/marquee-selection.vue.d.ts

@@ -0,0 +1,20 @@
+interface MarqueeSelectionProps {
+    /** The ID of the document */
+    documentId: string;
+    /** Index of the page this layer lives on */
+    pageIndex: number;
+    /** Scale of the page (optional, defaults to document scale) */
+    scale?: number;
+    /** Optional CSS class applied to the marquee rectangle */
+    className?: string;
+    /** Stroke colour (default: 'rgba(0,122,204,0.8)') */
+    stroke?: string;
+    /** Fill colour (default: 'rgba(0,122,204,0.15)') */
+    fill?: string;
+}
+declare const __VLS_export: import('vue').DefineComponent<MarqueeSelectionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MarqueeSelectionProps> & Readonly<{}>, {
+    fill: string;
+    stroke: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-selection"),o=require("vue"),l=require("@embedpdf/core/vue"),n=require("@embedpdf/models"),a=require("@embedpdf/utils/vue"),i=()=>l.useCapability(t.SelectionPlugin.id),u=()=>l.usePlugin(t.SelectionPlugin.id),r=o.defineComponent({__name:"selection-layer",props:{documentId:{},pageIndex:{},scale:{},rotation:{default:n.Rotation.Degree0},background:{default:"rgba(33,150,243)"},selectionMenu:{}},setup(e){const t=e,i=o.useSlots(),{plugin:r}=u(),c=l.useDocumentState(()=>t.documentId),p=o.ref([]),d=o.ref(null),s=o.ref(null),v=o.computed(()=>{var e;return void 0!==t.scale?t.scale:(null==(e=c.value)?void 0:e.scale)??1}),g=o.computed(()=>{var e;return void 0!==t.rotation?t.rotation:(null==(e=c.value)?void 0:e.rotation)??n.Rotation.Degree0}),m=o.computed(()=>!!s.value&&(s.value.pageIndex===t.pageIndex&&(!!s.value.isVisible&&(!!t.selectionMenu||!!i["selection-menu"]))));o.watch([()=>r.value,()=>t.documentId,()=>t.pageIndex],([e,t,o],l,n)=>{if(!e||!t)return p.value=[],void(d.value=null);n(e.registerSelectionOnPage({documentId:t,pageIndex:o,onRectsChange:({rects:e,boundingRect:t})=>{p.value=e,d.value=t}}))},{immediate:!0}),o.watch([()=>r.value,()=>t.documentId],([e,t],o,l)=>{if(!e||!t)return void(s.value=null);l(e.onMenuPlacement(t,e=>{s.value=e}))},{immediate:!0});const x=()=>({type:"selection",pageIndex:t.pageIndex}),y=()=>{var e,t,o;return{suggestTop:(null==(e=s.value)?void 0:e.suggestTop)??!1,spaceAbove:(null==(t=s.value)?void 0:t.spaceAbove)??0,spaceBelow:(null==(o=s.value)?void 0:o.spaceBelow)??0}},b=(e,o)=>t.selectionMenu?t.selectionMenu({rect:e,menuWrapperProps:o,selected:!0,placement:y(),context:x()}):null;return(t,l)=>d.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createElementVNode("div",{style:o.normalizeStyle({position:"absolute",left:d.value.origin.x*v.value+"px",top:d.value.origin.y*v.value+"px",width:d.value.size.width*v.value+"px",height:d.value.size.height*v.value+"px",mixBlendMode:"multiply",isolation:"isolate",pointerEvents:"none"})},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(p.value,(t,l)=>(o.openBlock(),o.createElementBlock("div",{key:l,style:o.normalizeStyle({position:"absolute",left:(t.origin.x-d.value.origin.x)*v.value+"px",top:(t.origin.y-d.value.origin.y)*v.value+"px",width:t.size.width*v.value+"px",height:t.size.height*v.value+"px",background:e.background})},null,4))),128))],4),m.value?(o.openBlock(),o.createBlock(o.unref(a.CounterRotate),{key:0,rect:{origin:{x:s.value.rect.origin.x*v.value,y:s.value.rect.origin.y*v.value},size:{width:s.value.rect.size.width*v.value,height:s.value.rect.size.height*v.value}},rotation:g.value},{default:o.withCtx(({rect:l,menuWrapperProps:n})=>[e.selectionMenu?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(b(l,n)),{key:0})):o.renderSlot(t.$slots,"selection-menu",{key:1,context:x(),selected:!0,rect:l,placement:y(),menuWrapperProps:n})]),_:3},8,["rect","rotation"])):o.createCommentVNode("",!0)],64)):o.createCommentVNode("",!0)}}),c=o.defineComponent({__name:"copy-to-clipboard",setup(e){const{provides:t}=i();return o.watchEffect(e=>{if(t.value){e(t.value.onCopyToClipboard(({text:e})=>{navigator.clipboard.writeText(e).catch(e=>{console.error("Failed to copy text to clipboard:",e)})}))}}),(e,t)=>null}}),p=e.createPluginPackage(t.SelectionPluginPackage).addUtility(c).build();exports.CopyToClipboard=c,exports.SelectionLayer=r,exports.SelectionPluginPackage=p,exports.useSelectionCapability=i,exports.useSelectionPlugin=u,Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-selection"),l=require("vue"),o=require("@embedpdf/core/vue"),n=require("@embedpdf/models"),a=require("@embedpdf/utils/vue"),i=()=>o.useCapability(t.SelectionPlugin.id),u=()=>o.usePlugin(t.SelectionPlugin.id),r=l.defineComponent({__name:"selection-layer",props:{documentId:{},pageIndex:{},scale:{},rotation:{default:n.Rotation.Degree0},background:{default:"rgba(33,150,243)"},selectionMenu:{}},setup(e){const t=e,i=l.useSlots(),{plugin:r}=u(),c=o.useDocumentState(()=>t.documentId),d=l.ref([]),s=l.ref(null),p=l.ref(null),v=l.computed(()=>{var e;return void 0!==t.scale?t.scale:(null==(e=c.value)?void 0:e.scale)??1}),g=l.computed(()=>{var e;return void 0!==t.rotation?t.rotation:(null==(e=c.value)?void 0:e.rotation)??n.Rotation.Degree0}),m=l.computed(()=>!!p.value&&(p.value.pageIndex===t.pageIndex&&(!!p.value.isVisible&&(!!t.selectionMenu||!!i["selection-menu"]))));l.watch([()=>r.value,()=>t.documentId,()=>t.pageIndex],([e,t,l],o,n)=>{if(!e||!t)return d.value=[],void(s.value=null);n(e.registerSelectionOnPage({documentId:t,pageIndex:l,onRectsChange:({rects:e,boundingRect:t})=>{d.value=e,s.value=t}}))},{immediate:!0}),l.watch([()=>r.value,()=>t.documentId],([e,t],l,o)=>{if(!e||!t)return void(p.value=null);o(e.onMenuPlacement(t,e=>{p.value=e}))},{immediate:!0});const x=()=>({type:"selection",pageIndex:t.pageIndex}),b=()=>{var e,t,l;return{suggestTop:(null==(e=p.value)?void 0:e.suggestTop)??!1,spaceAbove:(null==(t=p.value)?void 0:t.spaceAbove)??0,spaceBelow:(null==(l=p.value)?void 0:l.spaceBelow)??0}},y=(e,l)=>t.selectionMenu?t.selectionMenu({rect:e,menuWrapperProps:l,selected:!0,placement:b(),context:x()}):null;return(t,o)=>s.value?(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[l.createElementVNode("div",{style:l.normalizeStyle({position:"absolute",left:s.value.origin.x*v.value+"px",top:s.value.origin.y*v.value+"px",width:s.value.size.width*v.value+"px",height:s.value.size.height*v.value+"px",mixBlendMode:"multiply",isolation:"isolate",pointerEvents:"none"})},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(d.value,(t,o)=>(l.openBlock(),l.createElementBlock("div",{key:o,style:l.normalizeStyle({position:"absolute",left:(t.origin.x-s.value.origin.x)*v.value+"px",top:(t.origin.y-s.value.origin.y)*v.value+"px",width:t.size.width*v.value+"px",height:t.size.height*v.value+"px",background:e.background})},null,4))),128))],4),m.value?(l.openBlock(),l.createBlock(l.unref(a.CounterRotate),{key:0,rect:{origin:{x:p.value.rect.origin.x*v.value,y:p.value.rect.origin.y*v.value},size:{width:p.value.rect.size.width*v.value,height:p.value.rect.size.height*v.value}},rotation:g.value},{default:l.withCtx(({rect:o,menuWrapperProps:n})=>[e.selectionMenu?(l.openBlock(),l.createBlock(l.resolveDynamicComponent(y(o,n)),{key:0})):l.renderSlot(t.$slots,"selection-menu",{key:1,context:x(),selected:!0,rect:o,placement:b(),menuWrapperProps:n})]),_:3},8,["rect","rotation"])):l.createCommentVNode("",!0)],64)):l.createCommentVNode("",!0)}}),c=l.defineComponent({__name:"copy-to-clipboard",setup(e){const{provides:t}=i();return l.watchEffect(e=>{if(t.value){e(t.value.onCopyToClipboard(({text:e})=>{navigator.clipboard.writeText(e).catch(e=>{console.error("Failed to copy text to clipboard:",e)})}))}}),(e,t)=>null}}),d=l.defineComponent({__name:"marquee-selection",props:{documentId:{},pageIndex:{},scale:{},className:{},stroke:{default:"rgba(0,122,204,0.8)"},fill:{default:"rgba(0,122,204,0.15)"}},setup(e){const t=e,{plugin:n}=u(),a=o.useDocumentState(()=>t.documentId),i=l.ref(null),r=l.computed(()=>{var e;return void 0!==t.scale?t.scale:(null==(e=a.value)?void 0:e.scale)??1});return l.watch([n,()=>t.documentId,()=>t.pageIndex,r],([e,t,l,o],n,a)=>{if(i.value=null,!e)return;const u=e.registerMarqueeOnPage({documentId:t,pageIndex:l,scale:o,onRectChange:e=>{i.value=e}});a(()=>{null==u||u()})},{immediate:!0}),(t,o)=>i.value?(l.openBlock(),l.createElementBlock("div",{key:0,style:l.normalizeStyle({position:"absolute",pointerEvents:"none",left:i.value.origin.x*r.value+"px",top:i.value.origin.y*r.value+"px",width:i.value.size.width*r.value+"px",height:i.value.size.height*r.value+"px",border:`1px dashed ${e.stroke}`,background:e.fill,boxSizing:"border-box",zIndex:1e3}),class:l.normalizeClass(e.className)},null,6)):l.createCommentVNode("",!0)}}),s=e.createPluginPackage(t.SelectionPluginPackage).addUtility(c).build();exports.CopyToClipboard=c,exports.MarqueeSelection=d,exports.SelectionLayer=r,exports.SelectionPluginPackage=s,exports.useSelectionCapability=i,exports.useSelectionPlugin=u,Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
 //# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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":["useSelectionCapability","useCapability","SelectionPlugin","id","useSelectionPlugin","usePlugin","props","__props","slots","useSlots","plugin","selPlugin","documentState","useDocumentState","documentId","rects","ref","boundingRect","placement","actualScale","computed","scale","_a","value","actualRotation","rotation","Rotation","Degree0","shouldRenderMenu","pageIndex","isVisible","selectionMenu","watch","docId","pageIdx","_","onCleanup","registerSelectionOnPage","onRectsChange","newRects","newBoundingRect","immediate","onMenuPlacement","newPlacement","buildContext","type","buildMenuPlacement","suggestTop","spaceAbove","_b","spaceBelow","_c","renderSelectionMenu","rect","menuWrapperProps","selected","context","_createElementBlock","_Fragment","key","_createElementVNode","style","_normalizeStyle","left","origin","x","top","y","width","size","height","_openBlock","_renderList","i","background","_createBlock","_unref","CounterRotate","default","_withCtx","_resolveDynamicComponent","_renderSlot","_ctx","$slots","provides","sel","watchEffect","onCopyToClipboard","text","navigator","clipboard","writeText","catch","err","console","error","SelectionPluginPackage","createPluginPackage","BaseSelectionPluginPackage","addUtility","CopyToClipboard","build"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-selection.ts","../../src/vue/components/selection-layer.vue","../../src/vue/components/copy-to-clipboard.vue","../../src/vue/components/marquee-selection.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","<template>\n  <div\n    v-if=\"rect\"\n    :style=\"{\n      position: 'absolute',\n      pointerEvents: 'none',\n      left: `${rect.origin.x * actualScale}px`,\n      top: `${rect.origin.y * actualScale}px`,\n      width: `${rect.size.width * actualScale}px`,\n      height: `${rect.size.height * actualScale}px`,\n      border: `1px dashed ${stroke}`,\n      background: fill,\n      boxSizing: 'border-box',\n      zIndex: 1000,\n    }\"\n    :class=\"className\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport { useSelectionPlugin } from '../hooks';\n\ninterface MarqueeSelectionProps {\n  /** The ID of the document */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page (optional, defaults to document scale) */\n  scale?: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke colour (default: 'rgba(0,122,204,0.8)') */\n  stroke?: string;\n  /** Fill colour (default: 'rgba(0,122,204,0.15)') */\n  fill?: string;\n}\n\nconst props = withDefaults(defineProps<MarqueeSelectionProps>(), {\n  stroke: 'rgba(0,122,204,0.8)',\n  fill: 'rgba(0,122,204,0.15)',\n});\n\nconst { plugin: selPlugin } = useSelectionPlugin();\nconst documentState = useDocumentState(() => props.documentId);\nconst rect = ref<Rect | null>(null);\n\nconst actualScale = computed(() => {\n  if (props.scale !== undefined) return props.scale;\n  return documentState.value?.scale ?? 1;\n});\n\nwatch(\n  [selPlugin, () => props.documentId, () => props.pageIndex, actualScale],\n  ([plugin, docId, pageIdx, scale], _, onCleanup) => {\n    rect.value = null;\n\n    if (!plugin) {\n      return;\n    }\n\n    const unregister = plugin.registerMarqueeOnPage({\n      documentId: docId,\n      pageIndex: pageIdx,\n      scale,\n      onRectChange: (newRect) => {\n        rect.value = newRect;\n      },\n    });\n\n    onCleanup(() => {\n      unregister?.();\n    });\n  },\n  { immediate: true },\n);\n</script>\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":["useSelectionCapability","useCapability","SelectionPlugin","id","useSelectionPlugin","usePlugin","props","__props","slots","useSlots","plugin","selPlugin","documentState","useDocumentState","documentId","rects","ref","boundingRect","placement","actualScale","computed","scale","_a","value","actualRotation","rotation","Rotation","Degree0","shouldRenderMenu","pageIndex","isVisible","selectionMenu","watch","docId","pageIdx","_","onCleanup","registerSelectionOnPage","onRectsChange","newRects","newBoundingRect","immediate","onMenuPlacement","newPlacement","buildContext","type","buildMenuPlacement","suggestTop","spaceAbove","_b","spaceBelow","_c","renderSelectionMenu","rect","menuWrapperProps","selected","context","_createElementBlock","_Fragment","key","_createElementVNode","style","_normalizeStyle","left","origin","x","top","y","width","size","height","_openBlock","_renderList","i","background","_createBlock","_unref","CounterRotate","default","_withCtx","_resolveDynamicComponent","_renderSlot","_ctx","$slots","provides","sel","watchEffect","onCopyToClipboard","text","navigator","clipboard","writeText","catch","err","console","error","unregister","registerMarqueeOnPage","onRectChange","newRect","stroke","fill","class","className","SelectionPluginPackage","createPluginPackage","BaseSelectionPluginPackage","addUtility","CopyToClipboard","build"],"mappings":"0QAOaA,EAAyB,IAAMC,gBAA+BC,EAAAA,gBAAgBC,IAM9EC,EAAqB,IAAMC,YAA2BH,EAAAA,gBAAgBC,sMCMnF,MAAMG,EAAQC,EAKRC,EAAQC,EAAAA,YACNC,OAAQC,GAAcP,IACxBQ,EAAgBC,EAAAA,iBAAiB,IAAMP,EAAMQ,YAC7CC,EAAQC,EAAAA,IAAY,IACpBC,EAAeD,EAAAA,IAAiB,MAChCE,EAAYF,EAAAA,IAAmC,MAE/CG,EAAcC,EAAAA,SAAS,WAC3B,YAAoB,IAAhBd,EAAMe,MAA4Bf,EAAMe,OACrC,OAAAC,EAAAV,EAAcW,YAAd,EAAAD,EAAqBD,QAAS,IAGjCG,EAAiBJ,EAAAA,SAAS,WAC9B,YAAuB,IAAnBd,EAAMmB,SAA+BnB,EAAMmB,UACxC,OAAAH,EAAAV,EAAcW,YAAd,EAAAD,EAAqBG,WAAYC,EAAAA,SAASC,UAI7CC,EAAmBR,EAAAA,SAAS,MAC3BF,EAAUK,QACXL,EAAUK,MAAMM,YAAcvB,EAAMuB,cACnCX,EAAUK,MAAMO,cAGZxB,EAAMyB,iBAAmBvB,EAAM,sBAG1CwB,EAAAA,MACE,CAAC,IAAMrB,EAAUY,MAAO,IAAMjB,EAAMQ,WAAY,IAAMR,EAAMuB,WAC5D,EAAEnB,EAAQuB,EAAOC,GAAUC,EAAGC,KAC5B,IAAK1B,IAAWuB,EAGd,OAFAlB,EAAMQ,MAAQ,QACdN,EAAaM,MAAQ,MAavBa,EATmB1B,EAAO2B,wBAAwB,CAChDvB,WAAYmB,EACZJ,UAAWK,EACXI,cAAe,EAAGvB,MAAOwB,EAAUtB,aAAcuB,MAC/CzB,EAAMQ,MAAQgB,EACdtB,EAAaM,MAAQiB,OAM3B,CAAEC,WAAW,IAGfT,EAAAA,MACE,CAAC,IAAMrB,EAAUY,MAAO,IAAMjB,EAAMQ,YACpC,EAAEJ,EAAQuB,GAAQE,EAAGC,KACnB,IAAK1B,IAAWuB,EAEd,YADAf,EAAUK,MAAQ,MAQpBa,EAJoB1B,EAAOgC,gBAAgBT,EAAQU,IACjDzB,EAAUK,MAAQoB,MAKtB,CAAEF,WAAW,IAMf,MAAMG,EAAe,KAAA,CACnBC,KAAM,YACNhB,UAAWvB,EAAMuB,YAIbiB,EAAqB,eAAO,MAAA,CAChCC,YAAY,OAAAzB,EAAAJ,EAAUK,YAAV,EAAAD,EAAiByB,cAAc,EAC3CC,YAAY,OAAAC,EAAA/B,EAAUK,YAAV,EAAA0B,EAAiBD,aAAc,EAC3CE,YAAY,OAAAC,EAAAjC,EAAUK,YAAV,EAAA4B,EAAiBD,aAAc,IAIvCE,EAAsB,CAACC,EAAYC,IAClChD,EAAMyB,cAEJzB,EAAMyB,cAAc,CACzBsB,OACAC,mBACAC,UAAU,EACVrC,UAAW4B,IACXU,QAASZ,MAPsB,kBAajB3B,EAAAM,qBAAhBkC,EAAAA,mBA0DWC,WAAA,CAAAC,IAAA,GAAA,CAzDTC,EAAAA,mBAwBM,MAAA,CAvBHC,MAAKC,EAAAA,eAAA,qBAAmDC,KAAA9C,EAAAM,MAAayC,OAAOC,EAAI9C,EAAAI,MAAxB,KAAyD2C,IAAAjD,EAAAM,MAAayC,OAAOG,EAAIhD,EAAAI,MAAxB,KAA2D6C,MAAAnD,EAAAM,MAAa8C,KAAKD,MAAQjD,EAAAI,MAA1B,KAA8D+C,OAAArD,EAAAM,MAAa8C,KAAKC,OAASnD,EAAAI,MAA3B,2EAW3OgD,EAAAA,WAAA,GAAAd,EAAAA,mBAWEC,WAAA,KAAAc,EAAAA,WAVoBzD,EAAAQ,MAAK,CAAjB8B,EAAMoB,mBADhBhB,EAAAA,mBAWE,MAAA,CATCE,IAAKc,EACLZ,MAAKC,EAAAA,eAAA,2BAAwDT,EAAKW,OAAOC,EAAIhD,EAAAM,MAAayC,OAAOC,GAAK9C,EAAAI,gBAAoC8B,EAAKW,OAAOG,EAAIlD,EAAAM,MAAayC,OAAOG,GAAKhD,EAAAI,WAAqC6C,MAAAf,EAAKgB,KAAKD,MAAQjD,EAAAI,MAAlB,KAAwD+C,OAAAjB,EAAKgB,KAAKC,OAASnD,EAAAI,MAAnB,gBAA0DhB,EAAAmE,kCAavU9C,EAAAL,qBADRoD,EAAAA,YA6BgBC,EAAAA,MAAAC,EAAAA,eAAA,OA3BbxB,KAAI,SAAmCY,EAAA/C,EAAAK,MAAW8B,KAAKW,OAAOC,EAAI9C,EAAAI,MAA0B4C,EAAAjD,EAAAK,MAAW8B,KAAKW,OAAOG,EAAIhD,EAAAI,aAAyD6C,MAAAlD,EAAAK,MAAW8B,KAAKgB,KAAKD,MAAQjD,EAAAI,MAA+B+C,OAAApD,EAAAK,MAAW8B,KAAKgB,KAAKC,OAASnD,EAAAI,QAU1QE,SAAUD,EAAAD,QAEAuD,QAAOC,EAAAA,QAEhB,EAFoB1B,OAAMC,sBAAgB,CAEzB/C,EAAAwB,eAAjBwC,cAAAI,EAAAA,YAAoFK,EAAAA,wBAA/C5B,EAAoBC,EAAMC,IAAgB,CAAAK,IAAA,KAG/EsB,EAAAA,WAQEC,EAAAC,OAAA,iBAAA,OALC3B,QAASZ,IACTW,UAAU,EACVF,OACAnC,UAAW4B,IACXQ,8KC3KX,MAAQ8B,SAAUC,GAAQrF,WAI1BsF,EAAAA,YAAalD,IACX,GAAIiD,EAAI9D,MAAO,CASba,EARoBiD,EAAI9D,MAAMgE,kBAAkB,EAAGC,WAEjDC,UAAUC,UAAUC,UAAUH,GAAMI,MAAOC,IACzCC,QAAQC,MAAM,oCAAqCF,OAMzD,kNCqBF,MAAMvF,EAAQC,GAKNG,OAAQC,GAAcP,IACxBQ,EAAgBC,EAAAA,iBAAiB,IAAMP,EAAMQ,YAC7CuC,EAAOrC,EAAAA,IAAiB,MAExBG,EAAcC,EAAAA,SAAS,WAC3B,YAAoB,IAAhBd,EAAMe,MAA4Bf,EAAMe,OACrC,OAAAC,EAAAV,EAAcW,YAAd,EAAAD,EAAqBD,QAAS,WAGvCW,EAAAA,MACE,CAACrB,EAAW,IAAML,EAAMQ,WAAY,IAAMR,EAAMuB,UAAWV,GAC3D,EAAET,EAAQuB,EAAOC,EAASb,GAAQc,EAAGC,KAGnC,GAFAiB,EAAK9B,MAAQ,MAERb,EACH,OAGF,MAAMsF,EAAatF,EAAOuF,sBAAsB,CAC9CnF,WAAYmB,EACZJ,UAAWK,EACXb,QACA6E,aAAeC,IACb9C,EAAK9B,MAAQ4E,KAIjB/D,EAAU,KACR,MAAA4D,GAAAA,OAGJ,CAAEvD,WAAW,WA1ELY,EAAA9B,qBADRkC,EAAAA,mBAeE,MAAA,OAbCI,MAAKC,EAAAA,eAAA,0CAA4EC,KAAAV,EAAA9B,MAAKyC,OAAOC,EAAI9C,EAAAI,MAAhB,KAA+C2C,IAAAb,EAAA9B,MAAKyC,OAAOG,EAAIhD,EAAAI,MAAhB,KAAiD6C,MAAAf,EAAA9B,MAAK8C,KAAKD,MAAQjD,EAAAI,MAAlB,KAAoD+C,OAAAjB,EAAA9B,MAAK8C,KAAKC,OAASnD,EAAAI,MAAnB,0BAAgEhB,EAAA6F,oBAA4B7F,EAAA8F,yCAYjUC,uBAAO/F,EAAAgG,oDCLCC,EAAyBC,EAAAA,oBAAoBC,EAAAA,wBACvDC,WAAWC,GACXC"}

package/dist/vue/index.js

@@ -1,13 +1,13 @@
 import { createPluginPackage } from "@embedpdf/core";
 import { SelectionPlugin, SelectionPluginPackage as SelectionPluginPackage$1 } from "@embedpdf/plugin-selection";
 export * from "@embedpdf/plugin-selection";
-import { defineComponent, useSlots, ref, computed, watch, createElementBlock, createCommentVNode, openBlock, Fragment, createElementVNode, createBlock, normalizeStyle, renderList, unref, withCtx, renderSlot, resolveDynamicComponent, watchEffect } from "vue";
+import { defineComponent, useSlots, ref, computed, watch, createElementBlock, createCommentVNode, openBlock, Fragment, createElementVNode, createBlock, normalizeStyle, renderList, unref, withCtx, renderSlot, resolveDynamicComponent, watchEffect, normalizeClass } 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({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "selection-layer",
   props: {
     documentId: {},
@@ -156,7 +156,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "copy-to-clipboard",
   setup(__props) {
     const { provides: sel } = useSelectionCapability();
@@ -175,10 +175,72 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectionPluginPackage = createPluginPackage(SelectionPluginPackage$1).addUtility(_sfc_main).build();
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "marquee-selection",
+  props: {
+    documentId: {},
+    pageIndex: {},
+    scale: {},
+    className: {},
+    stroke: { default: "rgba(0,122,204,0.8)" },
+    fill: { default: "rgba(0,122,204,0.15)" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { plugin: selPlugin } = useSelectionPlugin();
+    const documentState = useDocumentState(() => props.documentId);
+    const rect = 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;
+    });
+    watch(
+      [selPlugin, () => props.documentId, () => props.pageIndex, actualScale],
+      ([plugin, docId, pageIdx, scale], _, onCleanup) => {
+        rect.value = null;
+        if (!plugin) {
+          return;
+        }
+        const unregister = plugin.registerMarqueeOnPage({
+          documentId: docId,
+          pageIndex: pageIdx,
+          scale,
+          onRectChange: (newRect) => {
+            rect.value = newRect;
+          }
+        });
+        onCleanup(() => {
+          unregister == null ? void 0 : unregister();
+        });
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return rect.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        style: normalizeStyle({
+          position: "absolute",
+          pointerEvents: "none",
+          left: `${rect.value.origin.x * actualScale.value}px`,
+          top: `${rect.value.origin.y * actualScale.value}px`,
+          width: `${rect.value.size.width * actualScale.value}px`,
+          height: `${rect.value.size.height * actualScale.value}px`,
+          border: `1px dashed ${__props.stroke}`,
+          background: __props.fill,
+          boxSizing: "border-box",
+          zIndex: 1e3
+        }),
+        class: normalizeClass(__props.className)
+      }, null, 6)) : createCommentVNode("", true);
+    };
+  }
+});
+const SelectionPluginPackage = createPluginPackage(SelectionPluginPackage$1).addUtility(_sfc_main$1).build();
 export {
-  _sfc_main as CopyToClipboard,
-  _sfc_main$1 as SelectionLayer,
+  _sfc_main$1 as CopyToClipboard,
+  _sfc_main as MarqueeSelection,
+  _sfc_main$2 as SelectionLayer,
   SelectionPluginPackage,
   useSelectionCapability,
   useSelectionPlugin

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","<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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"}
+{"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/components/marquee-selection.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","<template>\n  <div\n    v-if=\"rect\"\n    :style=\"{\n      position: 'absolute',\n      pointerEvents: 'none',\n      left: `${rect.origin.x * actualScale}px`,\n      top: `${rect.origin.y * actualScale}px`,\n      width: `${rect.size.width * actualScale}px`,\n      height: `${rect.size.height * actualScale}px`,\n      border: `1px dashed ${stroke}`,\n      background: fill,\n      boxSizing: 'border-box',\n      zIndex: 1000,\n    }\"\n    :class=\"className\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport { useSelectionPlugin } from '../hooks';\n\ninterface MarqueeSelectionProps {\n  /** The ID of the document */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page (optional, defaults to document scale) */\n  scale?: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke colour (default: 'rgba(0,122,204,0.8)') */\n  stroke?: string;\n  /** Fill colour (default: 'rgba(0,122,204,0.15)') */\n  fill?: string;\n}\n\nconst props = withDefaults(defineProps<MarqueeSelectionProps>(), {\n  stroke: 'rgba(0,122,204,0.8)',\n  fill: 'rgba(0,122,204,0.15)',\n});\n\nconst { plugin: selPlugin } = useSelectionPlugin();\nconst documentState = useDocumentState(() => props.documentId);\nconst rect = ref<Rect | null>(null);\n\nconst actualScale = computed(() => {\n  if (props.scale !== undefined) return props.scale;\n  return documentState.value?.scale ?? 1;\n});\n\nwatch(\n  [selPlugin, () => props.documentId, () => props.pageIndex, actualScale],\n  ([plugin, docId, pageIdx, scale], _, onCleanup) => {\n    rect.value = null;\n\n    if (!plugin) {\n      return;\n    }\n\n    const unregister = plugin.registerMarqueeOnPage({\n      documentId: docId,\n      pageIndex: pageIdx,\n      scale,\n      onRectChange: (newRect) => {\n        rect.value = newRect;\n      },\n    });\n\n    onCleanup(() => {\n      unregister?.();\n    });\n  },\n  { immediate: true },\n);\n</script>\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":";;;;;;;AAOO,MAAM,yBAAyB,MAAM,cAA+B,gBAAgB,EAAE;AAMtF,MAAM,qBAAqB,MAAM,UAA2B,gBAAgB,EAAE;;;;;;;;;;;;ACMrF,UAAM,QAAQ;AAKd,UAAM,QAAQ,SAAA;AACd,UAAM,EAAE,QAAQ,UAAA,IAAc,mBAAA;AAC9B,UAAM,gBAAgB,iBAAiB,MAAM,MAAM,UAAU;AAC7D,UAAM,QAAQ,IAAY,EAAE;AAC5B,UAAM,eAAe,IAAiB,IAAI;AAC1C,UAAM,YAAY,IAAmC,IAAI;AAEzD,UAAM,cAAc,SAAS,MAAM;;AACjC,UAAI,MAAM,UAAU,OAAW,QAAO,MAAM;AAC5C,eAAO,mBAAc,UAAd,mBAAqB,UAAS;AAAA,IACvC,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;;AACpC,UAAI,MAAM,aAAa,OAAW,QAAO,MAAM;AAC/C,eAAO,mBAAc,UAAd,mBAAqB,aAAY,SAAS;AAAA,IACnD,CAAC;AAGD,UAAM,mBAAmB,SAAS,MAAM;AACtC,UAAI,CAAC,UAAU,MAAO,QAAO;AAC7B,UAAI,UAAU,MAAM,cAAc,MAAM,UAAW,QAAO;AAC1D,UAAI,CAAC,UAAU,MAAM,UAAW,QAAO;AAGvC,aAAO,CAAC,CAAC,MAAM,iBAAiB,CAAC,CAAC,MAAM,gBAAgB;AAAA,IAC1D,CAAC;AAED;AAAA,MACE,CAAC,MAAM,UAAU,OAAO,MAAM,MAAM,YAAY,MAAM,MAAM,SAAS;AAAA,MACrE,CAAC,CAAC,QAAQ,OAAO,OAAO,GAAG,GAAG,cAAc;AAC1C,YAAI,CAAC,UAAU,CAAC,OAAO;AACrB,gBAAM,QAAQ,CAAA;AACd,uBAAa,QAAQ;AACrB;AAAA,QACF;AAEA,cAAM,aAAa,OAAO,wBAAwB;AAAA,UAChD,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,eAAe,CAAC,EAAE,OAAO,UAAU,cAAc,sBAAsB;AACrE,kBAAM,QAAQ;AACd,yBAAa,QAAQ;AAAA,UACvB;AAAA,QAAA,CACD;AAED,kBAAU,UAAU;AAAA,MACtB;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;AAGpB;AAAA,MACE,CAAC,MAAM,UAAU,OAAO,MAAM,MAAM,UAAU;AAAA,MAC9C,CAAC,CAAC,QAAQ,KAAK,GAAG,GAAG,cAAc;AACjC,YAAI,CAAC,UAAU,CAAC,OAAO;AACrB,oBAAU,QAAQ;AAClB;AAAA,QACF;AAEA,cAAM,cAAc,OAAO,gBAAgB,OAAO,CAAC,iBAAiB;AAClE,oBAAU,QAAQ;AAAA,QACpB,CAAC;AAED,kBAAU,WAAW;AAAA,MACvB;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;AAMpB,UAAM,eAAe,OAAkC;AAAA,MACrD,MAAM;AAAA,MACN,WAAW,MAAM;AAAA,IAAA;AAInB,UAAM,qBAAqB,MAAA;;AAAO;AAAA,QAChC,cAAY,eAAU,UAAV,mBAAiB,eAAc;AAAA,QAC3C,cAAY,eAAU,UAAV,mBAAiB,eAAc;AAAA,QAC3C,cAAY,eAAU,UAAV,mBAAiB,eAAc;AAAA,MAAA;AAAA;AAI7C,UAAM,sBAAsB,CAAC,MAAY,qBAAqD;AAC5F,UAAI,CAAC,MAAM,cAAe,QAAO;AAEjC,aAAO,MAAM,cAAc;AAAA,QACzB;AAAA,QACA;AAAA,QACA,UAAU;AAAA;AAAA,QACV,WAAW,mBAAA;AAAA,QACX,SAAS,aAAA;AAAA,MAAa,CACvB;AAAA,IACH;;aAIkB,aAAA,sBAAhBA,mBA0DWC,UAAA,EAAA,KAAA,KAAA;AAAA,QAzDTC,mBAwBM,OAAA;AAAA,UAvBH,OAAKC,eAAA;AAAA;YAAmD,MAAA,GAAA,aAAA,MAAa,OAAO,IAAI,YAAA,KAAW;AAAA,YAAsB,KAAA,GAAA,aAAA,MAAa,OAAO,IAAI,YAAA,KAAW;AAAA,YAAwB,OAAA,GAAA,aAAA,MAAa,KAAK,QAAQ,YAAA,KAAW;AAAA,YAAyB,QAAA,GAAA,aAAA,MAAa,KAAK,SAAS,YAAA,KAAW;AAAA;;;;;WAWjRC,UAAA,IAAA,GAAAJ,mBAWEC,UAAA,MAAAI,WAVoB,MAAA,OAAK,CAAjB,MAAM,MAAC;gCADjBL,mBAWE,OAAA;AAAA,cATC,KAAK;AAAA,cACL,OAAKG,eAAA;AAAA;0BAAwD,KAAK,OAAO,IAAI,aAAA,MAAa,OAAO,KAAK,YAAA,KAAW;AAAA,yBAAyB,KAAK,OAAO,IAAI,aAAA,MAAa,OAAO,KAAK,YAAA,KAAW;AAAA,gBAA0B,OAAA,GAAA,KAAK,KAAK,QAAQ,YAAA,KAAW;AAAA,gBAA2B,QAAA,GAAA,KAAK,KAAK,SAAS,YAAA,KAAW;AAAA,4BAA4B,QAAA;AAAA,cAAA;;;;QAavU,iBAAA,sBADRG,YA6BgBC,MAAA,aAAA,GAAA;AAAA;UA3Bb,MAAI;AAAA;cAAmC,GAAA,UAAA,MAAW,KAAK,OAAO,IAAI,YAAA;AAAA,cAA0B,GAAA,UAAA,MAAW,KAAK,OAAO,IAAI,YAAA;AAAA,YAAA;AAAA;cAAyD,OAAA,UAAA,MAAW,KAAK,KAAK,QAAQ,YAAA;AAAA,cAA+B,QAAA,UAAA,MAAW,KAAK,KAAK,SAAS,YAAA;AAAA,YAAA;AAAA;UAU1Q,UAAU,eAAA;AAAA,QAAA;UAEA,SAAOC,QAEhB,CAAoF,EAFhE,MAAM,uBAAgB;AAAA,YAEzB,QAAA,iBAAjBJ,UAAA,GAAAE,YAAoFG,wBAA/C,oBAAoB,MAAM,gBAAgB,CAAA,GAAA,EAAA,KAAA,EAAA,CAAA,KAG/EC,WAQE,KAAA,QAAA,kBAAA;AAAA;cALC,SAAS,aAAA;AAAA,cACT,UAAU;AAAA,cACV;AAAA,cACA,WAAW,mBAAA;AAAA,cACX;AAAA,YAAA;;;;;;;;;;;AC3KX,UAAM,EAAE,UAAU,IAAA,IAAQ,uBAAA;AAI1B,gBAAY,CAAC,cAAc;AACzB,UAAI,IAAI,OAAO;AACb,cAAM,cAAc,IAAI,MAAM,kBAAkB,CAAC,EAAE,WAAW;AAE5D,oBAAU,UAAU,UAAU,IAAI,EAAE,MAAM,CAAC,QAAQ;AACjD,oBAAQ,MAAM,qCAAqC,GAAG;AAAA,UACxD,CAAC;AAAA,QACH,CAAC;AAGD,kBAAU,WAAW;AAAA,MACvB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;ACoBD,UAAM,QAAQ;AAKd,UAAM,EAAE,QAAQ,UAAA,IAAc,mBAAA;AAC9B,UAAM,gBAAgB,iBAAiB,MAAM,MAAM,UAAU;AAC7D,UAAM,OAAO,IAAiB,IAAI;AAElC,UAAM,cAAc,SAAS,MAAM;;AACjC,UAAI,MAAM,UAAU,OAAW,QAAO,MAAM;AAC5C,eAAO,mBAAc,UAAd,mBAAqB,UAAS;AAAA,IACvC,CAAC;AAED;AAAA,MACE,CAAC,WAAW,MAAM,MAAM,YAAY,MAAM,MAAM,WAAW,WAAW;AAAA,MACtE,CAAC,CAAC,QAAQ,OAAO,SAAS,KAAK,GAAG,GAAG,cAAc;AACjD,aAAK,QAAQ;AAEb,YAAI,CAAC,QAAQ;AACX;AAAA,QACF;AAEA,cAAM,aAAa,OAAO,sBAAsB;AAAA,UAC9C,YAAY;AAAA,UACZ,WAAW;AAAA,UACX;AAAA,UACA,cAAc,CAAC,YAAY;AACzB,iBAAK,QAAQ;AAAA,UACf;AAAA,QAAA,CACD;AAED,kBAAU,MAAM;AACd;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;;aA1EV,KAAA,sBADRV,mBAeE,OAAA;AAAA;QAbC,OAAKG,eAAA;AAAA;;UAA4E,MAAA,GAAA,KAAA,MAAK,OAAO,IAAI,YAAA,KAAW;AAAA,UAAoB,KAAA,GAAA,KAAA,MAAK,OAAO,IAAI,YAAA,KAAW;AAAA,UAAsB,OAAA,GAAA,KAAA,MAAK,KAAK,QAAQ,YAAA,KAAW;AAAA,UAAuB,QAAA,GAAA,KAAA,MAAK,KAAK,SAAS,YAAA,KAAW;AAAA,gCAAkC,QAAA,MAAM;AAAA,sBAAsB,QAAA;AAAA;;;QAYjU,sBAAO,QAAA,SAAS;AAAA,MAAA;;;;ACLd,MAAM,yBAAyB,oBAAoBQ,wBAA0B,EACjF,WAAWC,WAAe,EAC1B,MAAA;"}

package/package.json

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