@embedpdf/plugin-selection 2.0.0 → 2.0.1

package/dist/svelte/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-selection.svelte.ts","../../src/svelte/components/CopyToClipboard.svelte","../../src/svelte/index.ts","../../src/svelte/components/SelectionLayer.svelte"],"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 { 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","<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"],"names":["useSelectionCapability","useCapability","SelectionPlugin","id","useSelectionPlugin","usePlugin","selectionCapability","$","user_effect","provides","onCopyToClipboard","text","navigator","clipboard","writeText","catch","err","console","error","SelectionPluginPackage","createPluginPackage","BaseSelectionPluginPackage","addUtility","CopyToClipboard","build","background","selectionPlugin","documentState","useDocumentState","$$props","documentId","rects","state","proxy","boundingRect","placement","actualScale","derived","scale","_a","current","actualRotation","rotation","Rotation","Degree0","shouldRenderMenu","Boolean","get","pageIndex","isVisible","selectionMenu","selectionMenuSnippet","plugin","registerSelectionOnPage","onRectsChange","newRects","newBoundingRect","set","onMenuPlacement","newPlacement","each","div","rect","origin","x","y","width","size","height","menuProps","menuWrapperProps","context","type","selected","suggestTop","spaceAbove","spaceBelow","buildMenuProps","result","result_component","$$anchor","spread_props","props","consequent","$$render","consequent_3","left","top","consequent_4"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-selection.svelte.ts","../../src/svelte/components/CopyToClipboard.svelte","../../src/svelte/index.ts","../../src/svelte/components/SelectionLayer.svelte"],"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 { 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","<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"],"names":["useSelectionCapability","useCapability","SelectionPlugin","id","useSelectionPlugin","usePlugin","selectionCapability","$","user_effect","provides","onCopyToClipboard","text","navigator","clipboard","writeText","catch","err","console","error","SelectionPluginPackage","createPluginPackage","BaseSelectionPluginPackage","addUtility","CopyToClipboard","build","background","selectionPlugin","documentState","useDocumentState","$$props","documentId","rects","state","proxy","boundingRect","placement","actualScale","derived","scale","_a","current","actualRotation","rotation","Rotation","Degree0","shouldRenderMenu","Boolean","get","pageIndex","isVisible","selectionMenu","selectionMenuSnippet","plugin","registerSelectionOnPage","onRectsChange","newRects","newBoundingRect","set","onMenuPlacement","newPlacement","div","first_child","fragment_1","index","$$anchor","rect","div_1","root_2","styles_1","origin","x","y","width","size","height","children","$$arg0","menuProps","menuWrapperProps","context","type","selected","suggestTop","spaceAbove","spaceBelow","buildMenuProps","result","result_component","spread_props","props","consequent","CounterRotate","$$render","consequent_3","styles","left","top","consequent_4"],"mappings":"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"}

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/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":";;;;;;;;AAOa,MAAA,yBAAA,MAA+B,cAA+B,gBAAgB,EAAE;AAMhF,MAAA,qBAAA,MAA2B,UAA2B,gBAAgB,EAAE;;;2CCbrF;;AAwCI,MAAA,8CAAa,kBAAkB;AAK3B,QAAA,kBAAkB,mBAAkB;AACpC,QAAA,gBAAgB,iBAAgB,MAAA,QAAA,UAAA;AAElC,MAAA,QAAQ,EAAA,MAAM,EAAA,MAAA,CAAA,CAAA,CAAA;MACd,eAAe,EAAA,MAAoB,IAAI;MACvC,YAAY,EAAA,MAA2C,IAAI;QAEzD,cAAW,EAAA,QAAA,MAAA;;AAAA,mBAAA,UACG,SAAS,QAAA,UAAoB,mBAAc,YAAd,mBAAuB,UAAS;AAAA,GAAC;AAG5E,QAAA;;gCACiB,8BAEhB,mBAAc,YAAd,mBAAuB,aAAY,SAAS;AAAA,GAAO;QAIpD,mBAAgB,EAAA,QAAA,MACpB,QAAO,EAAA,IACL,SAAS,KAAA,EAAA,IACP,SAAS,EAAC,cAAS,QAAA,aAAA,EAAA,IACnB,SAAS,EAAC,cAAS,QAAA,iBAAA,QAAA,qBAAA,CAAA;AAMzB,IAAA,YAAO,MAAO;SACP,gBAAgB,UAAM,CAAA,QAAA,YAAiB;YAC1C,OAAK,CAAA,GAAA,IAAA;AACL,QAAA,IAAA,cAAe,IAAI;;IAErB;WAEO,gBAAgB,OAAO,wBAAuB;AAAA,MACnD,YAAU,QAAA;AAAA,MACV,WAAS,QAAA;AAAA,MACT,eAAa,CAAA,EAAK,OAAO,UAAU,cAAc,gBAAe,MAAO;AACrE,UAAA,IAAA,OAAQ,UAAQ,IAAA;AAChB,UAAA,IAAA,cAAe,iBAAe,IAAA;AAAA,MAChC;AAAA;EAEJ,CAAC;AAGD,IAAA,YAAO,MAAO;SACP,gBAAgB,UAAM,CAAA,QAAA,YAAiB;AAC1C,QAAA,IAAA,WAAY,IAAI;;IAElB;AAEO,WAAA,gBAAgB,OAAO,gBAAe,QAAA,YAAA,CAAc,iBAAiB;AAC1E,QAAA,IAAA,WAAY,cAAY,IAAA;AAAA,IAC1B,CAAC;AAAA,EACH,CAAC;AAKQ,WAAA,eAA0C;aAE/C,MAAM,aACN,WAAS,QAAA,UAAA;AAAA,EAEb;AAGS,WAAA,qBAA6C;;;MAElD,cAAU,OAAA,IAAE,SAAS,MAAX,mBAAa,eAAc;AAAA,MACrC,cAAU,OAAA,IAAE,SAAS,MAAX,mBAAa,eAAc;AAAA,MACrC,cAAU,OAAA,IAAE,SAAS,MAAX,mBAAa,eAAc;AAAA;EAEzC;AAGS,WAAA,eACP,MACA,kBAC6B;;MAE3B,SAAS,aAAY;AAAA,MACrB,UAAU;AAAA;AAAA,MACV;AAAA,MACA,WAAW,mBAAkB;AAAA,MAC7B;AAAA;EAEJ;;;;;;UAKC,MAAE,EAAA,YAAA,UAAA;;aAAF,KAAE,IAAA,MAAA,EAAA,IAUM,KAAK,GAAA,EAAA,OAAA,CAAAA,WAAI,SAAI;YACjB,QAAE,OAAA;;uDAAF,OAAE,IAAA,UAAA;AAAA;0BAEe,IAAI,EAAC,OAAO,IAAC,EAAA,IAAG,YAAY,EAAC,OAAO,KAAC,EAAA,IAAI,WAAW,CAAA;AAAA,yBACrD,IAAI,EAAC,OAAO,IAAC,EAAA,IAAG,YAAY,EAAC,OAAO,KAAC,EAAA,IAAI,WAAW,CAAA;AAAA,UACnD,OAAA,GAAA,EAAA,IAAA,IAAI,EAAC,KAAK,cAAQ,WAAW,CAAA;AAAA,UAC5B,QAAA,GAAA,EAAA,IAAA,IAAI,EAAC,KAAK,eAAS,WAAW,CAAA;AAAA;;;4BALhD,KAAE;AAAA;cAXN,GAAE;6BAAF,KAAE,CAAA;;;;kBAsCW,WAAQ,CAAAA,WAAA,WAAA;AAAG,kBAAA,gDAAA;AAAM,kBAAA,4DAAA;AACjB,oBAAA,YAAS,EAAA,QAAA,MAAG,eAAe,KAAI,GAAE,iBAAgB,CAAA,CAAA;;;;;AAG/C,wBAAA,qDAAuB,SAAS,CAAA,CAAA;;;;;;;;AAErC,yCAAgBA,WAAA,EAAA,aAAA,MAAA,EAAA,IAAK,MAAM,EAAC,KAAK,CAAA;AAAA;;;;gCAD/B,MAAM,EAAA,UAAA,UAAA;AAAA;;;;;;;;;;;wFAKmB,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;cArBzC,QAAM;AAAA,gBACJ,GAAC,EAAA,IAAE,SAAS,EAAC,KAAK,OAAO,IAAC,EAAA,IAAG,WAAW;AAAA,gBACxC,GAAC,EAAA,IAAE,SAAS,EAAC,KAAK,OAAO,IAAC,EAAA,IAAG,WAAW;AAAA;cAE1C,MAAI;AAAA,gBACF,OAAK,EAAA,IAAE,SAAS,EAAC,KAAK,KAAK,QAAK,EAAA,IAAG,WAAW;AAAA,gBAC9C,QAAM,EAAA,IAAE,SAAS,EAAC,KAAK,KAAK,SAAM,EAAA,IAAG,WAAW;AAAA;;AARrD,0BAAYA,WAAA;AAAA;;;;6BAWD,cAAc;AAAA;cAEd;AAAA;;;;;AAdT,cAAA,EAAA,IAAA,gBAAgB,WAAI,SAAS,EAAA,UAAA,YAAA;AAAA;;mDAxBjC,KAAE,IAAA,QAAA;AAAA;QAEc,MAAA,GAAA,EAAA,IAAA,YAAY,EAAC,OAAO,UAAI,WAAW,CAAA;AAAA,QACpC,KAAA,GAAA,EAAA,IAAA,YAAY,EAAC,OAAO,UAAI,WAAW,CAAA;AAAA,QACjC,OAAA,GAAA,EAAA,IAAA,YAAY,EAAC,KAAK,cAAQ,WAAW,CAAA;AAAA,QACpC,QAAA,GAAA,EAAA,IAAA,YAAY,EAAC,KAAK,eAAS,WAAW,CAAA;AAAA;;;;;;;gBAPtD,YAAY,EAAA,UAAA,YAAA;AAAA;;;;AAFjB;4CCtIA;;AAGQ,QAAA,sBAAsB,uBAAsB;AAElD,IAAA,YAAO,MAAO;AACP,QAAA,CAAA,oBAAoB,SAAQ;AAE1B,WAAA,oBAAoB,SAAS,kBAAiB,CAAA,EAAI,KAAI,MAAO;AAClE,gBAAU,UAAU,UAAU,IAAI,EAAE,MAAK,CAAE,QAAQ;AACjD,gBAAQ,MAAM,qCAAqC,GAAG;AAAA,MACxD,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;;AACH;ACJO,MAAM,yBAAyB,oBAAoBC,wBAA0B,EACjF,WAAW,eAAe,EAC1B,MAAA;"}

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

@@ -1,5 +1,5 @@
 import { Rotation } from '@embedpdf/models';
-import { SelectionSelectionMenuRenderFn } from '../types';
+import { SelectionSelectionContext, SelectionSelectionMenuRenderFn } from '../types';
 interface SelectionLayerProps {
     documentId: string;
     pageIndex: number;
@@ -9,15 +9,32 @@ interface SelectionLayerProps {
     /** Render function for selection menu (schema-driven approach) */
     selectionMenu?: SelectionSelectionMenuRenderFn;
 }
-declare var __VLS_12: {
-    context: any;
+declare var __VLS_13: {
+    context: SelectionSelectionContext;
     selected: boolean;
-    rect: any;
-    placement: any;
-    menuWrapperProps: any;
+    rect: {
+        origin: {
+            x: number;
+            y: number;
+        };
+        size: {
+            width: number;
+            height: number;
+        };
+    };
+    placement: {
+        suggestTop: boolean;
+        spaceAbove: number;
+        spaceBelow: number;
+    };
+    menuWrapperProps: {
+        style: import('vue').CSSProperties;
+        onPointerdown: (e: PointerEvent) => void;
+        onTouchstart: (e: TouchEvent) => void;
+    };
 };
 type __VLS_Slots = {} & {
-    'selection-menu'?: (props: typeof __VLS_12) => any;
+    'selection-menu'?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<SelectionLayerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SelectionLayerProps> & Readonly<{}>, {
     rotation: Rotation;

package/package.json

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