@embedpdf/plugin-selection 2.1.2 → 2.3.0

package/dist/preact/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-selection.ts","../../src/shared/components/copy-to-clipboard.tsx","../../src/shared/index.ts","../../src/shared/components/selection-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useEffect } from '@framework';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard(({ text }) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\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","import { useEffect, useMemo, useState } from '@framework';\nimport { Rect, Rotation } from '@embedpdf/models';\nimport { useSelectionPlugin } from '../hooks';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { SelectionMenuPlacement } from '@embedpdf/plugin-selection';\nimport { SelectionSelectionMenuRenderFn } from '../types';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\n\ntype Props = {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  rotation?: Rotation;\n  background?: string;\n  selectionMenu?: SelectionSelectionMenuRenderFn;\n};\n\nexport function SelectionLayer({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  rotation: rotationOverride,\n  background = 'rgba(33,150,243)',\n  selectionMenu,\n}: Props) {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rects, setRects] = useState<Rect[]>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Store the placement object from the plugin\n  const [placement, setPlacement] = useState<SelectionMenuPlacement | null>(null);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerSelectionOnPage({\n      documentId,\n      pageIndex,\n      onRectsChange: ({ rects, boundingRect }) => {\n        setRects(rects);\n        setBoundingRect(boundingRect);\n      },\n    });\n  }, [selPlugin, documentId, pageIndex]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    // Subscribe to menu placement changes for this specific document\n    return selPlugin.onMenuPlacement(documentId, (newPlacement) => {\n      // Optimization: We could filter here, but React state updates are cheap enough usually.\n      // Ideally, check: if (newPlacement?.pageIndex === pageIndex)\n      setPlacement(newPlacement);\n    });\n  }, [selPlugin, documentId]);\n\n  const actualScale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotationOverride !== undefined) return rotationOverride;\n    return documentState?.rotation ?? Rotation.Degree0;\n  }, [rotationOverride, documentState?.rotation]);\n\n  const shouldRenderMenu =\n    selectionMenu && placement && placement.pageIndex === pageIndex && placement.isVisible;\n\n  if (!boundingRect) return null;\n\n  return (\n    <>\n      <div\n        style={{\n          position: 'absolute',\n          left: boundingRect.origin.x * actualScale,\n          top: boundingRect.origin.y * actualScale,\n          width: boundingRect.size.width * actualScale,\n          height: boundingRect.size.height * actualScale,\n          mixBlendMode: 'multiply',\n          isolation: 'isolate',\n          pointerEvents: 'none',\n        }}\n      >\n        {rects.map((b, i) => (\n          <div\n            key={i}\n            style={{\n              position: 'absolute',\n              left: (b.origin.x - boundingRect.origin.x) * actualScale,\n              top: (b.origin.y - boundingRect.origin.y) * actualScale,\n              width: b.size.width * actualScale,\n              height: b.size.height * actualScale,\n              background,\n            }}\n          />\n        ))}\n      </div>\n      {shouldRenderMenu && (\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          {(props) =>\n            selectionMenu({\n              ...props,\n              context: {\n                type: 'selection',\n                pageIndex,\n              },\n              selected: true,\n              placement,\n            })\n          }\n        </CounterRotate>\n      )}\n    </>\n  );\n}\n"],"names":["useSelectionCapability","useCapability","SelectionPlugin","id","useSelectionPlugin","usePlugin","CopyToClipboard","provides","sel","useEffect","onCopyToClipboard","text","navigator","clipboard","writeText","SelectionPluginPackage","createPluginPackage","BaseSelectionPluginPackage","addUtility","build","documentId","pageIndex","scale","scaleOverride","rotation","rotationOverride","background","selectionMenu","plugin","selPlugin","documentState","useDocumentState","rects","setRects","useState","boundingRect","setBoundingRect","placement","setPlacement","registerSelectionOnPage","onRectsChange","onMenuPlacement","newPlacement","actualScale","useMemo","actualRotation","Rotation","Degree0","shouldRenderMenu","isVisible","jsxs","Fragment","children","jsx","style","position","left","origin","x","top","y","width","size","height","mixBlendMode","isolation","pointerEvents","map","b","i","CounterRotate","rect","props","context","type","selected"],"mappings":"iVAGaA,EAAyB,IAAMC,gBAA+BC,EAAAA,gBAAgBC,IAC9EC,EAAqB,IAAMC,YAA2BH,EAAAA,gBAAgBC,ICA5E,SAASG,IACd,MAAQC,SAAUC,GAAQR,IAS1B,OAPAS,EAAAA,UAAU,KACR,GAAKD,EACL,OAAOA,EAAIE,kBAAkB,EAAGC,WAC9BC,UAAUC,UAAUC,UAAUH,MAE/B,CAACH,IAEG,IACT,CCLO,MAAMO,EAAyBC,EAAAA,oBAAoBC,EAAAA,wBACvDC,WAAWZ,GACXa,yDCKI,UAAwBC,WAC7BA,EAAAC,UACAA,EACAC,MAAOC,EACPC,SAAUC,EAAAC,WACVA,EAAa,mBAAAC,cACbA,IAEA,MAAQC,OAAQC,GAAczB,IACxB0B,EAAgBC,EAAAA,iBAAiBX,IAChCY,EAAOC,GAAYC,EAAAA,SAAiB,KACpCC,EAAcC,GAAmBF,EAAAA,SAAsB,OAGvDG,EAAWC,GAAgBJ,EAAAA,SAAwC,MAE1EzB,EAAAA,UAAU,KACR,GAAKoB,GAAcT,EAEnB,OAAOS,EAAUU,wBAAwB,CACvCnB,aACAC,YACAmB,cAAe,EAAGR,MAAAA,EAAOG,aAAAA,MACvBF,EAASD,GACTI,EAAgBD,OAGnB,CAACN,EAAWT,EAAYC,IAE3BZ,EAAAA,UAAU,KACR,GAAKoB,GAAcT,EAGnB,OAAOS,EAAUY,gBAAgBrB,EAAasB,IAG5CJ,EAAaI,MAEd,CAACb,EAAWT,IAEf,MAAMuB,EAAcC,EAAAA,QAAQ,SACJ,IAAlBrB,EAAoCA,SACjCO,WAAeR,QAAS,EAC9B,CAACC,EAAe,MAAAO,OAAA,EAAAA,EAAeR,QAE5BuB,EAAiBD,EAAAA,QAAQ,SACJ,IAArBnB,EAAuCA,GACpC,MAAAK,OAAA,EAAAA,EAAeN,WAAYsB,EAAAA,SAASC,QAC1C,CAACtB,EAAkB,MAAAK,OAAA,EAAAA,EAAeN,WAE/BwB,EACJrB,GAAiBU,GAAaA,EAAUhB,YAAcA,GAAagB,EAAUY,UAE/E,OAAKd,EAGHe,EAAAA,KAAAC,WAAA,CACEC,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACCC,MAAO,CACLC,SAAU,WACVC,KAAMrB,EAAasB,OAAOC,EAAIf,EAC9BgB,IAAKxB,EAAasB,OAAOG,EAAIjB,EAC7BkB,MAAO1B,EAAa2B,KAAKD,MAAQlB,EACjCoB,OAAQ5B,EAAa2B,KAAKC,OAASpB,EACnCqB,aAAc,WACdC,UAAW,UACXC,cAAe,QAGhBd,SAAApB,EAAMmC,IAAI,CAACC,EAAGC,IACbhB,EAAAA,IAAC,MAAA,CAECC,MAAO,CACLC,SAAU,WACVC,MAAOY,EAAEX,OAAOC,EAAIvB,EAAasB,OAAOC,GAAKf,EAC7CgB,KAAMS,EAAEX,OAAOG,EAAIzB,EAAasB,OAAOG,GAAKjB,EAC5CkB,MAAOO,EAAEN,KAAKD,MAAQlB,EACtBoB,OAAQK,EAAEN,KAAKC,OAASpB,EACxBjB,eAPG2C,MAYVrB,GACCK,EAAAA,IAACiB,EAAAA,cAAA,CACCC,KAAM,CACJd,OAAQ,CACNC,EAAGrB,EAAUkC,KAAKd,OAAOC,EAAIf,EAC7BiB,EAAGvB,EAAUkC,KAAKd,OAAOG,EAAIjB,GAE/BmB,KAAM,CACJD,MAAOxB,EAAUkC,KAAKT,KAAKD,MAAQlB,EACnCoB,OAAQ1B,EAAUkC,KAAKT,KAAKC,OAASpB,IAGzCnB,SAAUqB,EAETO,SAACoB,GACA7C,EAAc,IACT6C,EACHC,QAAS,CACPC,KAAM,YACNrD,aAEFsD,UAAU,EACVtC,mBApDc,IA2D5B"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-selection.ts","../../src/shared/components/copy-to-clipboard.tsx","../../src/shared/components/marquee-selection.tsx","../../src/shared/index.ts","../../src/shared/components/selection-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useEffect } from '@framework';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard(({ text }) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\n","import { useEffect, useMemo, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useSelectionPlugin } from '../hooks';\n\ninterface MarqueeSelectionProps {\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  /** 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\n/**\n * MarqueeSelection renders a selection rectangle when the user drags to select items.\n * Place this component on each page where you want marquee selection to work.\n *\n * Other plugins (e.g., annotation, form) can subscribe to `onMarqueeEnd` to\n * determine which objects intersect with the marquee rect.\n */\nexport const MarqueeSelection = ({\n  documentId,\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(0,122,204,0.8)',\n  fill = 'rgba(0,122,204,0.15)',\n}: MarqueeSelectionProps) => {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  const actualScale = useMemo(() => {\n    if (scale !== undefined) return scale;\n    return documentState?.scale ?? 1;\n  }, [scale, documentState?.scale]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      onRectChange: setRect,\n    });\n  }, [selPlugin, documentId, pageIndex, actualScale]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * actualScale,\n        top: rect.origin.y * actualScale,\n        width: rect.size.width * actualScale,\n        height: rect.size.height * actualScale,\n        border: `1px dashed ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n        zIndex: 1000,\n      }}\n      className={className}\n    />\n  );\n};\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","import { useEffect, useMemo, useState } from '@framework';\nimport { Rect, Rotation } from '@embedpdf/models';\nimport { useSelectionPlugin } from '../hooks';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { SelectionMenuPlacement } from '@embedpdf/plugin-selection';\nimport { SelectionSelectionMenuRenderFn } from '../types';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\n\ntype Props = {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  rotation?: Rotation;\n  background?: string;\n  selectionMenu?: SelectionSelectionMenuRenderFn;\n};\n\nexport function SelectionLayer({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  rotation: rotationOverride,\n  background = 'rgba(33,150,243)',\n  selectionMenu,\n}: Props) {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rects, setRects] = useState<Rect[]>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Store the placement object from the plugin\n  const [placement, setPlacement] = useState<SelectionMenuPlacement | null>(null);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerSelectionOnPage({\n      documentId,\n      pageIndex,\n      onRectsChange: ({ rects, boundingRect }) => {\n        setRects(rects);\n        setBoundingRect(boundingRect);\n      },\n    });\n  }, [selPlugin, documentId, pageIndex]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    // Subscribe to menu placement changes for this specific document\n    return selPlugin.onMenuPlacement(documentId, (newPlacement) => {\n      // Optimization: We could filter here, but React state updates are cheap enough usually.\n      // Ideally, check: if (newPlacement?.pageIndex === pageIndex)\n      setPlacement(newPlacement);\n    });\n  }, [selPlugin, documentId]);\n\n  const actualScale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotationOverride !== undefined) return rotationOverride;\n    return documentState?.rotation ?? Rotation.Degree0;\n  }, [rotationOverride, documentState?.rotation]);\n\n  const shouldRenderMenu =\n    selectionMenu && placement && placement.pageIndex === pageIndex && placement.isVisible;\n\n  if (!boundingRect) return null;\n\n  return (\n    <>\n      <div\n        style={{\n          position: 'absolute',\n          left: boundingRect.origin.x * actualScale,\n          top: boundingRect.origin.y * actualScale,\n          width: boundingRect.size.width * actualScale,\n          height: boundingRect.size.height * actualScale,\n          mixBlendMode: 'multiply',\n          isolation: 'isolate',\n          pointerEvents: 'none',\n        }}\n      >\n        {rects.map((b, i) => (\n          <div\n            key={i}\n            style={{\n              position: 'absolute',\n              left: (b.origin.x - boundingRect.origin.x) * actualScale,\n              top: (b.origin.y - boundingRect.origin.y) * actualScale,\n              width: b.size.width * actualScale,\n              height: b.size.height * actualScale,\n              background,\n            }}\n          />\n        ))}\n      </div>\n      {shouldRenderMenu && (\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          {(props) =>\n            selectionMenu({\n              ...props,\n              context: {\n                type: 'selection',\n                pageIndex,\n              },\n              selected: true,\n              placement,\n            })\n          }\n        </CounterRotate>\n      )}\n    </>\n  );\n}\n"],"names":["useSelectionCapability","useCapability","SelectionPlugin","id","useSelectionPlugin","usePlugin","CopyToClipboard","provides","sel","useEffect","onCopyToClipboard","text","navigator","clipboard","writeText","SelectionPluginPackage","createPluginPackage","BaseSelectionPluginPackage","addUtility","build","documentId","pageIndex","scale","className","stroke","fill","plugin","selPlugin","documentState","useDocumentState","rect","setRect","useState","actualScale","useMemo","registerMarqueeOnPage","onRectChange","jsx","style","position","pointerEvents","left","origin","x","top","y","width","size","height","border","background","boxSizing","zIndex","scaleOverride","rotation","rotationOverride","selectionMenu","rects","setRects","boundingRect","setBoundingRect","placement","setPlacement","registerSelectionOnPage","onRectsChange","onMenuPlacement","newPlacement","actualRotation","Rotation","Degree0","shouldRenderMenu","isVisible","jsxs","Fragment","children","mixBlendMode","isolation","map","b","i","CounterRotate","props","context","type","selected"],"mappings":"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"}

package/dist/preact/index.js

@@ -116,9 +116,54 @@ function CopyToClipboard() {
   }, [sel]);
   return null;
 }
+const MarqueeSelection = ({
+  documentId,
+  pageIndex,
+  scale,
+  className,
+  stroke = "rgba(0,122,204,0.8)",
+  fill = "rgba(0,122,204,0.15)"
+}) => {
+  const { plugin: selPlugin } = useSelectionPlugin();
+  const documentState = useDocumentState(documentId);
+  const [rect, setRect] = useState(null);
+  const actualScale = useMemo(() => {
+    if (scale !== void 0) return scale;
+    return (documentState == null ? void 0 : documentState.scale) ?? 1;
+  }, [scale, documentState == null ? void 0 : documentState.scale]);
+  useEffect(() => {
+    if (!selPlugin || !documentId) return;
+    return selPlugin.registerMarqueeOnPage({
+      documentId,
+      pageIndex,
+      scale: actualScale,
+      onRectChange: setRect
+    });
+  }, [selPlugin, documentId, pageIndex, actualScale]);
+  if (!rect) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        pointerEvents: "none",
+        left: rect.origin.x * actualScale,
+        top: rect.origin.y * actualScale,
+        width: rect.size.width * actualScale,
+        height: rect.size.height * actualScale,
+        border: `1px dashed ${stroke}`,
+        background: fill,
+        boxSizing: "border-box",
+        zIndex: 1e3
+      },
+      className
+    }
+  );
+};
 const SelectionPluginPackage = createPluginPackage(SelectionPluginPackage$1).addUtility(CopyToClipboard).build();
 export {
   CopyToClipboard,
+  MarqueeSelection,
   SelectionLayer,
   SelectionPluginPackage,
   useSelectionCapability,

package/dist/preact/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-selection.ts","../../src/shared/components/selection-layer.tsx","../../src/shared/components/copy-to-clipboard.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useEffect, useMemo, useState } from '@framework';\nimport { Rect, Rotation } from '@embedpdf/models';\nimport { useSelectionPlugin } from '../hooks';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { SelectionMenuPlacement } from '@embedpdf/plugin-selection';\nimport { SelectionSelectionMenuRenderFn } from '../types';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\n\ntype Props = {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  rotation?: Rotation;\n  background?: string;\n  selectionMenu?: SelectionSelectionMenuRenderFn;\n};\n\nexport function SelectionLayer({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  rotation: rotationOverride,\n  background = 'rgba(33,150,243)',\n  selectionMenu,\n}: Props) {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rects, setRects] = useState<Rect[]>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Store the placement object from the plugin\n  const [placement, setPlacement] = useState<SelectionMenuPlacement | null>(null);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerSelectionOnPage({\n      documentId,\n      pageIndex,\n      onRectsChange: ({ rects, boundingRect }) => {\n        setRects(rects);\n        setBoundingRect(boundingRect);\n      },\n    });\n  }, [selPlugin, documentId, pageIndex]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    // Subscribe to menu placement changes for this specific document\n    return selPlugin.onMenuPlacement(documentId, (newPlacement) => {\n      // Optimization: We could filter here, but React state updates are cheap enough usually.\n      // Ideally, check: if (newPlacement?.pageIndex === pageIndex)\n      setPlacement(newPlacement);\n    });\n  }, [selPlugin, documentId]);\n\n  const actualScale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotationOverride !== undefined) return rotationOverride;\n    return documentState?.rotation ?? Rotation.Degree0;\n  }, [rotationOverride, documentState?.rotation]);\n\n  const shouldRenderMenu =\n    selectionMenu && placement && placement.pageIndex === pageIndex && placement.isVisible;\n\n  if (!boundingRect) return null;\n\n  return (\n    <>\n      <div\n        style={{\n          position: 'absolute',\n          left: boundingRect.origin.x * actualScale,\n          top: boundingRect.origin.y * actualScale,\n          width: boundingRect.size.width * actualScale,\n          height: boundingRect.size.height * actualScale,\n          mixBlendMode: 'multiply',\n          isolation: 'isolate',\n          pointerEvents: 'none',\n        }}\n      >\n        {rects.map((b, i) => (\n          <div\n            key={i}\n            style={{\n              position: 'absolute',\n              left: (b.origin.x - boundingRect.origin.x) * actualScale,\n              top: (b.origin.y - boundingRect.origin.y) * actualScale,\n              width: b.size.width * actualScale,\n              height: b.size.height * actualScale,\n              background,\n            }}\n          />\n        ))}\n      </div>\n      {shouldRenderMenu && (\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          {(props) =>\n            selectionMenu({\n              ...props,\n              context: {\n                type: 'selection',\n                pageIndex,\n              },\n              selected: true,\n              placement,\n            })\n          }\n        </CounterRotate>\n      )}\n    </>\n  );\n}\n","import { useEffect } from '@framework';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard(({ text }) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\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":["rects","boundingRect","BaseSelectionPluginPackage"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-selection.ts","../../src/shared/components/selection-layer.tsx","../../src/shared/components/copy-to-clipboard.tsx","../../src/shared/components/marquee-selection.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useEffect, useMemo, useState } from '@framework';\nimport { Rect, Rotation } from '@embedpdf/models';\nimport { useSelectionPlugin } from '../hooks';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { SelectionMenuPlacement } from '@embedpdf/plugin-selection';\nimport { SelectionSelectionMenuRenderFn } from '../types';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\n\ntype Props = {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  rotation?: Rotation;\n  background?: string;\n  selectionMenu?: SelectionSelectionMenuRenderFn;\n};\n\nexport function SelectionLayer({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  rotation: rotationOverride,\n  background = 'rgba(33,150,243)',\n  selectionMenu,\n}: Props) {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rects, setRects] = useState<Rect[]>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Store the placement object from the plugin\n  const [placement, setPlacement] = useState<SelectionMenuPlacement | null>(null);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerSelectionOnPage({\n      documentId,\n      pageIndex,\n      onRectsChange: ({ rects, boundingRect }) => {\n        setRects(rects);\n        setBoundingRect(boundingRect);\n      },\n    });\n  }, [selPlugin, documentId, pageIndex]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    // Subscribe to menu placement changes for this specific document\n    return selPlugin.onMenuPlacement(documentId, (newPlacement) => {\n      // Optimization: We could filter here, but React state updates are cheap enough usually.\n      // Ideally, check: if (newPlacement?.pageIndex === pageIndex)\n      setPlacement(newPlacement);\n    });\n  }, [selPlugin, documentId]);\n\n  const actualScale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotationOverride !== undefined) return rotationOverride;\n    return documentState?.rotation ?? Rotation.Degree0;\n  }, [rotationOverride, documentState?.rotation]);\n\n  const shouldRenderMenu =\n    selectionMenu && placement && placement.pageIndex === pageIndex && placement.isVisible;\n\n  if (!boundingRect) return null;\n\n  return (\n    <>\n      <div\n        style={{\n          position: 'absolute',\n          left: boundingRect.origin.x * actualScale,\n          top: boundingRect.origin.y * actualScale,\n          width: boundingRect.size.width * actualScale,\n          height: boundingRect.size.height * actualScale,\n          mixBlendMode: 'multiply',\n          isolation: 'isolate',\n          pointerEvents: 'none',\n        }}\n      >\n        {rects.map((b, i) => (\n          <div\n            key={i}\n            style={{\n              position: 'absolute',\n              left: (b.origin.x - boundingRect.origin.x) * actualScale,\n              top: (b.origin.y - boundingRect.origin.y) * actualScale,\n              width: b.size.width * actualScale,\n              height: b.size.height * actualScale,\n              background,\n            }}\n          />\n        ))}\n      </div>\n      {shouldRenderMenu && (\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          {(props) =>\n            selectionMenu({\n              ...props,\n              context: {\n                type: 'selection',\n                pageIndex,\n              },\n              selected: true,\n              placement,\n            })\n          }\n        </CounterRotate>\n      )}\n    </>\n  );\n}\n","import { useEffect } from '@framework';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard(({ text }) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\n","import { useEffect, useMemo, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useSelectionPlugin } from '../hooks';\n\ninterface MarqueeSelectionProps {\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  /** 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\n/**\n * MarqueeSelection renders a selection rectangle when the user drags to select items.\n * Place this component on each page where you want marquee selection to work.\n *\n * Other plugins (e.g., annotation, form) can subscribe to `onMarqueeEnd` to\n * determine which objects intersect with the marquee rect.\n */\nexport const MarqueeSelection = ({\n  documentId,\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(0,122,204,0.8)',\n  fill = 'rgba(0,122,204,0.15)',\n}: MarqueeSelectionProps) => {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  const actualScale = useMemo(() => {\n    if (scale !== undefined) return scale;\n    return documentState?.scale ?? 1;\n  }, [scale, documentState?.scale]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      onRectChange: setRect,\n    });\n  }, [selPlugin, documentId, pageIndex, actualScale]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * actualScale,\n        top: rect.origin.y * actualScale,\n        width: rect.size.width * actualScale,\n        height: rect.size.height * actualScale,\n        border: `1px dashed ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n        zIndex: 1000,\n      }}\n      className={className}\n    />\n  );\n};\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":["rects","boundingRect","BaseSelectionPluginPackage"],"mappings":";;;;;;;;;AAGO,MAAM,yBAAyB,MAAM,cAA+B,gBAAgB,EAAE;AACtF,MAAM,qBAAqB,MAAM,UAA2B,gBAAgB,EAAE;ACa9E,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb;AACF,GAAU;AACR,QAAM,EAAE,QAAQ,UAAA,IAAc,mBAAA;AAC9B,QAAM,gBAAgB,iBAAiB,UAAU;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,CAAA,CAAE;AAC7C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,IAAI;AAGlE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAwC,IAAI;AAE9E,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,CAAC,WAAY;AAE/B,WAAO,UAAU,wBAAwB;AAAA,MACvC;AAAA,MACA;AAAA,MACA,eAAe,CAAC,EAAE,OAAAA,QAAO,cAAAC,oBAAmB;AAC1C,iBAASD,MAAK;AACd,wBAAgBC,aAAY;AAAA,MAC9B;AAAA,IAAA,CACD;AAAA,EACH,GAAG,CAAC,WAAW,YAAY,SAAS,CAAC;AAErC,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,CAAC,WAAY;AAG/B,WAAO,UAAU,gBAAgB,YAAY,CAAC,iBAAiB;AAG7D,mBAAa,YAAY;AAAA,IAC3B,CAAC;AAAA,EACH,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,kBAAkB,OAAW,QAAO;AACxC,YAAO,+CAAe,UAAS;AAAA,EACjC,GAAG,CAAC,eAAe,+CAAe,KAAK,CAAC;AAExC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,qBAAqB,OAAW,QAAO;AAC3C,YAAO,+CAAe,aAAY,SAAS;AAAA,EAC7C,GAAG,CAAC,kBAAkB,+CAAe,QAAQ,CAAC;AAE9C,QAAM,mBACJ,iBAAiB,aAAa,UAAU,cAAc,aAAa,UAAU;AAE/E,MAAI,CAAC,aAAc,QAAO;AAE1B,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,MAAM,aAAa,OAAO,IAAI;AAAA,UAC9B,KAAK,aAAa,OAAO,IAAI;AAAA,UAC7B,OAAO,aAAa,KAAK,QAAQ;AAAA,UACjC,QAAQ,aAAa,KAAK,SAAS;AAAA,UACnC,cAAc;AAAA,UACd,WAAW;AAAA,UACX,eAAe;AAAA,QAAA;AAAA,QAGhB,UAAA,MAAM,IAAI,CAAC,GAAG,MACb;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO,EAAE,OAAO,IAAI,aAAa,OAAO,KAAK;AAAA,cAC7C,MAAM,EAAE,OAAO,IAAI,aAAa,OAAO,KAAK;AAAA,cAC5C,OAAO,EAAE,KAAK,QAAQ;AAAA,cACtB,QAAQ,EAAE,KAAK,SAAS;AAAA,cACxB;AAAA,YAAA;AAAA,UACF;AAAA,UARK;AAAA,QAAA,CAUR;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,oBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,UACJ,QAAQ;AAAA,YACN,GAAG,UAAU,KAAK,OAAO,IAAI;AAAA,YAC7B,GAAG,UAAU,KAAK,OAAO,IAAI;AAAA,UAAA;AAAA,UAE/B,MAAM;AAAA,YACJ,OAAO,UAAU,KAAK,KAAK,QAAQ;AAAA,YACnC,QAAQ,UAAU,KAAK,KAAK,SAAS;AAAA,UAAA;AAAA,QACvC;AAAA,QAEF,UAAU;AAAA,QAET,UAAA,CAAC,UACA,cAAc;AAAA,UACZ,GAAG;AAAA,UACH,SAAS;AAAA,YACP,MAAM;AAAA,YACN;AAAA,UAAA;AAAA,UAEF,UAAU;AAAA,UACV;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAEL,GAEJ;AAEJ;AC7HO,SAAS,kBAAkB;AAChC,QAAM,EAAE,UAAU,IAAA,IAAQ,uBAAA;AAE1B,YAAU,MAAM;AACd,QAAI,CAAC,IAAK;AACV,WAAO,IAAI,kBAAkB,CAAC,EAAE,WAAW;AACzC,gBAAU,UAAU,UAAU,IAAI;AAAA,IACpC,CAAC;AAAA,EACH,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;ACaO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AACT,MAA6B;AAC3B,QAAM,EAAE,QAAQ,UAAA,IAAc,mBAAA;AAC9B,QAAM,gBAAgB,iBAAiB,UAAU;AACjD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,IAAI;AAElD,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,UAAU,OAAW,QAAO;AAChC,YAAO,+CAAe,UAAS;AAAA,EACjC,GAAG,CAAC,OAAO,+CAAe,KAAK,CAAC;AAEhC,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,CAAC,WAAY;AAE/B,WAAO,UAAU,sBAAsB;AAAA,MACrC;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,cAAc;AAAA,IAAA,CACf;AAAA,EACH,GAAG,CAAC,WAAW,YAAY,WAAW,WAAW,CAAC;AAElD,MAAI,CAAC,KAAM,QAAO;AAElB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,eAAe;AAAA,QACf,MAAM,KAAK,OAAO,IAAI;AAAA,QACtB,KAAK,KAAK,OAAO,IAAI;AAAA,QACrB,OAAO,KAAK,KAAK,QAAQ;AAAA,QACzB,QAAQ,KAAK,KAAK,SAAS;AAAA,QAC3B,QAAQ,cAAc,MAAM;AAAA,QAC5B,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,QAAQ;AAAA,MAAA;AAAA,MAEV;AAAA,IAAA;AAAA,EAAA;AAGN;ACjEO,MAAM,yBAAyB,oBAAoBC,wBAA0B,EACjF,WAAW,eAAe,EAC1B,MAAA;"}

package/dist/react/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"),i=require("react/jsx-runtime"),o=require("react"),n=require("@embedpdf/models"),r=require("@embedpdf/core/react"),l=require("@embedpdf/utils/react"),s=()=>r.useCapability(t.SelectionPlugin.id),u=()=>r.usePlugin(t.SelectionPlugin.id);function c(){const{provides:e}=s();return o.useEffect(()=>{if(e)return e.onCopyToClipboard(({text:e})=>{navigator.clipboard.writeText(e)})},[e]),null}const a=e.createPluginPackage(t.SelectionPluginPackage).addUtility(c).build();exports.CopyToClipboard=c,exports.SelectionLayer=function({documentId:e,pageIndex:t,scale:s,rotation:c,background:a="rgba(33,150,243)",selectionMenu:d}){const{plugin:g}=u(),p=r.useDocumentState(e),[x,b]=o.useState([]),[h,f]=o.useState(null),[y,m]=o.useState(null);o.useEffect(()=>{if(g&&e)return g.registerSelectionOnPage({documentId:e,pageIndex:t,onRectsChange:({rects:e,boundingRect:t})=>{b(e),f(t)}})},[g,e,t]),o.useEffect(()=>{if(g&&e)return g.onMenuPlacement(e,e=>{m(e)})},[g,e]);const P=o.useMemo(()=>void 0!==s?s:(null==p?void 0:p.scale)??1,[s,null==p?void 0:p.scale]),S=o.useMemo(()=>void 0!==c?c:(null==p?void 0:p.rotation)??n.Rotation.Degree0,[c,null==p?void 0:p.rotation]),v=d&&y&&y.pageIndex===t&&y.isVisible;return h?i.jsxs(i.Fragment,{children:[i.jsx("div",{style:{position:"absolute",left:h.origin.x*P,top:h.origin.y*P,width:h.size.width*P,height:h.size.height*P,mixBlendMode:"multiply",isolation:"isolate",pointerEvents:"none"},children:x.map((e,t)=>i.jsx("div",{style:{position:"absolute",left:(e.origin.x-h.origin.x)*P,top:(e.origin.y-h.origin.y)*P,width:e.size.width*P,height:e.size.height*P,background:a}},t))}),v&&i.jsx(l.CounterRotate,{rect:{origin:{x:y.rect.origin.x*P,y:y.rect.origin.y*P},size:{width:y.rect.size.width*P,height:y.rect.size.height*P}},rotation:S,children:e=>d({...e,context:{type:"selection",pageIndex:t},selected:!0,placement:y})})]}):null},exports.SelectionPluginPackage=a,exports.useSelectionCapability=s,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"),i=require("react/jsx-runtime"),o=require("react"),n=require("@embedpdf/models"),r=require("@embedpdf/core/react"),l=require("@embedpdf/utils/react"),s=()=>r.useCapability(t.SelectionPlugin.id),u=()=>r.usePlugin(t.SelectionPlugin.id);function a(){const{provides:e}=s();return o.useEffect(()=>{if(e)return e.onCopyToClipboard(({text:e})=>{navigator.clipboard.writeText(e)})},[e]),null}const c=e.createPluginPackage(t.SelectionPluginPackage).addUtility(a).build();exports.CopyToClipboard=a,exports.MarqueeSelection=({documentId:e,pageIndex:t,scale:n,className:l,stroke:s="rgba(0,122,204,0.8)",fill:a="rgba(0,122,204,0.15)"})=>{const{plugin:c}=u(),d=r.useDocumentState(e),[g,p]=o.useState(null),x=o.useMemo(()=>void 0!==n?n:(null==d?void 0:d.scale)??1,[n,null==d?void 0:d.scale]);return o.useEffect(()=>{if(c&&e)return c.registerMarqueeOnPage({documentId:e,pageIndex:t,scale:x,onRectChange:p})},[c,e,t,x]),g?i.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:g.origin.x*x,top:g.origin.y*x,width:g.size.width*x,height:g.size.height*x,border:`1px dashed ${s}`,background:a,boxSizing:"border-box",zIndex:1e3},className:l}):null},exports.SelectionLayer=function({documentId:e,pageIndex:t,scale:s,rotation:a,background:c="rgba(33,150,243)",selectionMenu:d}){const{plugin:g}=u(),p=r.useDocumentState(e),[x,b]=o.useState([]),[h,f]=o.useState(null),[m,y]=o.useState(null);o.useEffect(()=>{if(g&&e)return g.registerSelectionOnPage({documentId:e,pageIndex:t,onRectsChange:({rects:e,boundingRect:t})=>{b(e),f(t)}})},[g,e,t]),o.useEffect(()=>{if(g&&e)return g.onMenuPlacement(e,e=>{y(e)})},[g,e]);const S=o.useMemo(()=>void 0!==s?s:(null==p?void 0:p.scale)??1,[s,null==p?void 0:p.scale]),v=o.useMemo(()=>void 0!==a?a:(null==p?void 0:p.rotation)??n.Rotation.Degree0,[a,null==p?void 0:p.rotation]),P=d&&m&&m.pageIndex===t&&m.isVisible;return h?i.jsxs(i.Fragment,{children:[i.jsx("div",{style:{position:"absolute",left:h.origin.x*S,top:h.origin.y*S,width:h.size.width*S,height:h.size.height*S,mixBlendMode:"multiply",isolation:"isolate",pointerEvents:"none"},children:x.map((e,t)=>i.jsx("div",{style:{position:"absolute",left:(e.origin.x-h.origin.x)*S,top:(e.origin.y-h.origin.y)*S,width:e.size.width*S,height:e.size.height*S,background:c}},t))}),P&&i.jsx(l.CounterRotate,{rect:{origin:{x:m.rect.origin.x*S,y:m.rect.origin.y*S},size:{width:m.rect.size.width*S,height:m.rect.size.height*S}},rotation:v,children:e=>d({...e,context:{type:"selection",pageIndex:t},selected:!0,placement:m})})]}):null},exports.SelectionPluginPackage=c,exports.useSelectionCapability=s,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/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-selection.ts","../../src/shared/components/copy-to-clipboard.tsx","../../src/shared/index.ts","../../src/shared/components/selection-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useEffect } from '@framework';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard(({ text }) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\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","import { useEffect, useMemo, useState } from '@framework';\nimport { Rect, Rotation } from '@embedpdf/models';\nimport { useSelectionPlugin } from '../hooks';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { SelectionMenuPlacement } from '@embedpdf/plugin-selection';\nimport { SelectionSelectionMenuRenderFn } from '../types';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\n\ntype Props = {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  rotation?: Rotation;\n  background?: string;\n  selectionMenu?: SelectionSelectionMenuRenderFn;\n};\n\nexport function SelectionLayer({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  rotation: rotationOverride,\n  background = 'rgba(33,150,243)',\n  selectionMenu,\n}: Props) {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rects, setRects] = useState<Rect[]>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Store the placement object from the plugin\n  const [placement, setPlacement] = useState<SelectionMenuPlacement | null>(null);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerSelectionOnPage({\n      documentId,\n      pageIndex,\n      onRectsChange: ({ rects, boundingRect }) => {\n        setRects(rects);\n        setBoundingRect(boundingRect);\n      },\n    });\n  }, [selPlugin, documentId, pageIndex]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    // Subscribe to menu placement changes for this specific document\n    return selPlugin.onMenuPlacement(documentId, (newPlacement) => {\n      // Optimization: We could filter here, but React state updates are cheap enough usually.\n      // Ideally, check: if (newPlacement?.pageIndex === pageIndex)\n      setPlacement(newPlacement);\n    });\n  }, [selPlugin, documentId]);\n\n  const actualScale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotationOverride !== undefined) return rotationOverride;\n    return documentState?.rotation ?? Rotation.Degree0;\n  }, [rotationOverride, documentState?.rotation]);\n\n  const shouldRenderMenu =\n    selectionMenu && placement && placement.pageIndex === pageIndex && placement.isVisible;\n\n  if (!boundingRect) return null;\n\n  return (\n    <>\n      <div\n        style={{\n          position: 'absolute',\n          left: boundingRect.origin.x * actualScale,\n          top: boundingRect.origin.y * actualScale,\n          width: boundingRect.size.width * actualScale,\n          height: boundingRect.size.height * actualScale,\n          mixBlendMode: 'multiply',\n          isolation: 'isolate',\n          pointerEvents: 'none',\n        }}\n      >\n        {rects.map((b, i) => (\n          <div\n            key={i}\n            style={{\n              position: 'absolute',\n              left: (b.origin.x - boundingRect.origin.x) * actualScale,\n              top: (b.origin.y - boundingRect.origin.y) * actualScale,\n              width: b.size.width * actualScale,\n              height: b.size.height * actualScale,\n              background,\n            }}\n          />\n        ))}\n      </div>\n      {shouldRenderMenu && (\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          {(props) =>\n            selectionMenu({\n              ...props,\n              context: {\n                type: 'selection',\n                pageIndex,\n              },\n              selected: true,\n              placement,\n            })\n          }\n        </CounterRotate>\n      )}\n    </>\n  );\n}\n"],"names":["useSelectionCapability","useCapability","SelectionPlugin","id","useSelectionPlugin","usePlugin","CopyToClipboard","provides","sel","useEffect","onCopyToClipboard","text","navigator","clipboard","writeText","SelectionPluginPackage","createPluginPackage","BaseSelectionPluginPackage","addUtility","build","documentId","pageIndex","scale","scaleOverride","rotation","rotationOverride","background","selectionMenu","plugin","selPlugin","documentState","useDocumentState","rects","setRects","useState","boundingRect","setBoundingRect","placement","setPlacement","registerSelectionOnPage","onRectsChange","onMenuPlacement","newPlacement","actualScale","useMemo","actualRotation","Rotation","Degree0","shouldRenderMenu","isVisible","jsxs","Fragment","children","jsx","style","position","left","origin","x","top","y","width","size","height","mixBlendMode","isolation","pointerEvents","map","b","i","CounterRotate","rect","props","context","type","selected"],"mappings":"+SAGaA,EAAyB,IAAMC,gBAA+BC,EAAAA,gBAAgBC,IAC9EC,EAAqB,IAAMC,YAA2BH,EAAAA,gBAAgBC,ICA5E,SAASG,IACd,MAAQC,SAAUC,GAAQR,IAS1B,OAPAS,EAAAA,UAAU,KACR,GAAKD,EACL,OAAOA,EAAIE,kBAAkB,EAAGC,WAC9BC,UAAUC,UAAUC,UAAUH,MAE/B,CAACH,IAEG,IACT,CCLO,MAAMO,EAAyBC,EAAAA,oBAAoBC,EAAAA,wBACvDC,WAAWZ,GACXa,yDCKI,UAAwBC,WAC7BA,EAAAC,UACAA,EACAC,MAAOC,EACPC,SAAUC,EAAAC,WACVA,EAAa,mBAAAC,cACbA,IAEA,MAAQC,OAAQC,GAAczB,IACxB0B,EAAgBC,EAAAA,iBAAiBX,IAChCY,EAAOC,GAAYC,EAAAA,SAAiB,KACpCC,EAAcC,GAAmBF,EAAAA,SAAsB,OAGvDG,EAAWC,GAAgBJ,EAAAA,SAAwC,MAE1EzB,EAAAA,UAAU,KACR,GAAKoB,GAAcT,EAEnB,OAAOS,EAAUU,wBAAwB,CACvCnB,aACAC,YACAmB,cAAe,EAAGR,MAAAA,EAAOG,aAAAA,MACvBF,EAASD,GACTI,EAAgBD,OAGnB,CAACN,EAAWT,EAAYC,IAE3BZ,EAAAA,UAAU,KACR,GAAKoB,GAAcT,EAGnB,OAAOS,EAAUY,gBAAgBrB,EAAasB,IAG5CJ,EAAaI,MAEd,CAACb,EAAWT,IAEf,MAAMuB,EAAcC,EAAAA,QAAQ,SACJ,IAAlBrB,EAAoCA,SACjCO,WAAeR,QAAS,EAC9B,CAACC,EAAe,MAAAO,OAAA,EAAAA,EAAeR,QAE5BuB,EAAiBD,EAAAA,QAAQ,SACJ,IAArBnB,EAAuCA,GACpC,MAAAK,OAAA,EAAAA,EAAeN,WAAYsB,EAAAA,SAASC,QAC1C,CAACtB,EAAkB,MAAAK,OAAA,EAAAA,EAAeN,WAE/BwB,EACJrB,GAAiBU,GAAaA,EAAUhB,YAAcA,GAAagB,EAAUY,UAE/E,OAAKd,EAGHe,EAAAA,KAAAC,WAAA,CACEC,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACCC,MAAO,CACLC,SAAU,WACVC,KAAMrB,EAAasB,OAAOC,EAAIf,EAC9BgB,IAAKxB,EAAasB,OAAOG,EAAIjB,EAC7BkB,MAAO1B,EAAa2B,KAAKD,MAAQlB,EACjCoB,OAAQ5B,EAAa2B,KAAKC,OAASpB,EACnCqB,aAAc,WACdC,UAAW,UACXC,cAAe,QAGhBd,SAAApB,EAAMmC,IAAI,CAACC,EAAGC,IACbhB,EAAAA,IAAC,MAAA,CAECC,MAAO,CACLC,SAAU,WACVC,MAAOY,EAAEX,OAAOC,EAAIvB,EAAasB,OAAOC,GAAKf,EAC7CgB,KAAMS,EAAEX,OAAOG,EAAIzB,EAAasB,OAAOG,GAAKjB,EAC5CkB,MAAOO,EAAEN,KAAKD,MAAQlB,EACtBoB,OAAQK,EAAEN,KAAKC,OAASpB,EACxBjB,eAPG2C,MAYVrB,GACCK,EAAAA,IAACiB,EAAAA,cAAA,CACCC,KAAM,CACJd,OAAQ,CACNC,EAAGrB,EAAUkC,KAAKd,OAAOC,EAAIf,EAC7BiB,EAAGvB,EAAUkC,KAAKd,OAAOG,EAAIjB,GAE/BmB,KAAM,CACJD,MAAOxB,EAAUkC,KAAKT,KAAKD,MAAQlB,EACnCoB,OAAQ1B,EAAUkC,KAAKT,KAAKC,OAASpB,IAGzCnB,SAAUqB,EAETO,SAACoB,GACA7C,EAAc,IACT6C,EACHC,QAAS,CACPC,KAAM,YACNrD,aAEFsD,UAAU,EACVtC,mBApDc,IA2D5B"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-selection.ts","../../src/shared/components/copy-to-clipboard.tsx","../../src/shared/components/marquee-selection.tsx","../../src/shared/index.ts","../../src/shared/components/selection-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useEffect } from '@framework';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard(({ text }) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\n","import { useEffect, useMemo, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useSelectionPlugin } from '../hooks';\n\ninterface MarqueeSelectionProps {\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  /** 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\n/**\n * MarqueeSelection renders a selection rectangle when the user drags to select items.\n * Place this component on each page where you want marquee selection to work.\n *\n * Other plugins (e.g., annotation, form) can subscribe to `onMarqueeEnd` to\n * determine which objects intersect with the marquee rect.\n */\nexport const MarqueeSelection = ({\n  documentId,\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(0,122,204,0.8)',\n  fill = 'rgba(0,122,204,0.15)',\n}: MarqueeSelectionProps) => {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  const actualScale = useMemo(() => {\n    if (scale !== undefined) return scale;\n    return documentState?.scale ?? 1;\n  }, [scale, documentState?.scale]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      onRectChange: setRect,\n    });\n  }, [selPlugin, documentId, pageIndex, actualScale]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * actualScale,\n        top: rect.origin.y * actualScale,\n        width: rect.size.width * actualScale,\n        height: rect.size.height * actualScale,\n        border: `1px dashed ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n        zIndex: 1000,\n      }}\n      className={className}\n    />\n  );\n};\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","import { useEffect, useMemo, useState } from '@framework';\nimport { Rect, Rotation } from '@embedpdf/models';\nimport { useSelectionPlugin } from '../hooks';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { SelectionMenuPlacement } from '@embedpdf/plugin-selection';\nimport { SelectionSelectionMenuRenderFn } from '../types';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\n\ntype Props = {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  rotation?: Rotation;\n  background?: string;\n  selectionMenu?: SelectionSelectionMenuRenderFn;\n};\n\nexport function SelectionLayer({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  rotation: rotationOverride,\n  background = 'rgba(33,150,243)',\n  selectionMenu,\n}: Props) {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rects, setRects] = useState<Rect[]>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Store the placement object from the plugin\n  const [placement, setPlacement] = useState<SelectionMenuPlacement | null>(null);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerSelectionOnPage({\n      documentId,\n      pageIndex,\n      onRectsChange: ({ rects, boundingRect }) => {\n        setRects(rects);\n        setBoundingRect(boundingRect);\n      },\n    });\n  }, [selPlugin, documentId, pageIndex]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    // Subscribe to menu placement changes for this specific document\n    return selPlugin.onMenuPlacement(documentId, (newPlacement) => {\n      // Optimization: We could filter here, but React state updates are cheap enough usually.\n      // Ideally, check: if (newPlacement?.pageIndex === pageIndex)\n      setPlacement(newPlacement);\n    });\n  }, [selPlugin, documentId]);\n\n  const actualScale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotationOverride !== undefined) return rotationOverride;\n    return documentState?.rotation ?? Rotation.Degree0;\n  }, [rotationOverride, documentState?.rotation]);\n\n  const shouldRenderMenu =\n    selectionMenu && placement && placement.pageIndex === pageIndex && placement.isVisible;\n\n  if (!boundingRect) return null;\n\n  return (\n    <>\n      <div\n        style={{\n          position: 'absolute',\n          left: boundingRect.origin.x * actualScale,\n          top: boundingRect.origin.y * actualScale,\n          width: boundingRect.size.width * actualScale,\n          height: boundingRect.size.height * actualScale,\n          mixBlendMode: 'multiply',\n          isolation: 'isolate',\n          pointerEvents: 'none',\n        }}\n      >\n        {rects.map((b, i) => (\n          <div\n            key={i}\n            style={{\n              position: 'absolute',\n              left: (b.origin.x - boundingRect.origin.x) * actualScale,\n              top: (b.origin.y - boundingRect.origin.y) * actualScale,\n              width: b.size.width * actualScale,\n              height: b.size.height * actualScale,\n              background,\n            }}\n          />\n        ))}\n      </div>\n      {shouldRenderMenu && (\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          {(props) =>\n            selectionMenu({\n              ...props,\n              context: {\n                type: 'selection',\n                pageIndex,\n              },\n              selected: true,\n              placement,\n            })\n          }\n        </CounterRotate>\n      )}\n    </>\n  );\n}\n"],"names":["useSelectionCapability","useCapability","SelectionPlugin","id","useSelectionPlugin","usePlugin","CopyToClipboard","provides","sel","useEffect","onCopyToClipboard","text","navigator","clipboard","writeText","SelectionPluginPackage","createPluginPackage","BaseSelectionPluginPackage","addUtility","build","documentId","pageIndex","scale","className","stroke","fill","plugin","selPlugin","documentState","useDocumentState","rect","setRect","useState","actualScale","useMemo","registerMarqueeOnPage","onRectChange","jsx","style","position","pointerEvents","left","origin","x","top","y","width","size","height","border","background","boxSizing","zIndex","scaleOverride","rotation","rotationOverride","selectionMenu","rects","setRects","boundingRect","setBoundingRect","placement","setPlacement","registerSelectionOnPage","onRectsChange","onMenuPlacement","newPlacement","actualRotation","Rotation","Degree0","shouldRenderMenu","isVisible","jsxs","Fragment","children","mixBlendMode","isolation","map","b","i","CounterRotate","props","context","type","selected"],"mappings":"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"}

package/dist/react/index.js

@@ -115,9 +115,54 @@ function CopyToClipboard() {
   }, [sel]);
   return null;
 }
+const MarqueeSelection = ({
+  documentId,
+  pageIndex,
+  scale,
+  className,
+  stroke = "rgba(0,122,204,0.8)",
+  fill = "rgba(0,122,204,0.15)"
+}) => {
+  const { plugin: selPlugin } = useSelectionPlugin();
+  const documentState = useDocumentState(documentId);
+  const [rect, setRect] = useState(null);
+  const actualScale = useMemo(() => {
+    if (scale !== void 0) return scale;
+    return (documentState == null ? void 0 : documentState.scale) ?? 1;
+  }, [scale, documentState == null ? void 0 : documentState.scale]);
+  useEffect(() => {
+    if (!selPlugin || !documentId) return;
+    return selPlugin.registerMarqueeOnPage({
+      documentId,
+      pageIndex,
+      scale: actualScale,
+      onRectChange: setRect
+    });
+  }, [selPlugin, documentId, pageIndex, actualScale]);
+  if (!rect) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        pointerEvents: "none",
+        left: rect.origin.x * actualScale,
+        top: rect.origin.y * actualScale,
+        width: rect.size.width * actualScale,
+        height: rect.size.height * actualScale,
+        border: `1px dashed ${stroke}`,
+        background: fill,
+        boxSizing: "border-box",
+        zIndex: 1e3
+      },
+      className
+    }
+  );
+};
 const SelectionPluginPackage = createPluginPackage(SelectionPluginPackage$1).addUtility(CopyToClipboard).build();
 export {
   CopyToClipboard,
+  MarqueeSelection,
   SelectionLayer,
   SelectionPluginPackage,
   useSelectionCapability,

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-selection.ts","../../src/shared/components/selection-layer.tsx","../../src/shared/components/copy-to-clipboard.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useEffect, useMemo, useState } from '@framework';\nimport { Rect, Rotation } from '@embedpdf/models';\nimport { useSelectionPlugin } from '../hooks';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { SelectionMenuPlacement } from '@embedpdf/plugin-selection';\nimport { SelectionSelectionMenuRenderFn } from '../types';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\n\ntype Props = {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  rotation?: Rotation;\n  background?: string;\n  selectionMenu?: SelectionSelectionMenuRenderFn;\n};\n\nexport function SelectionLayer({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  rotation: rotationOverride,\n  background = 'rgba(33,150,243)',\n  selectionMenu,\n}: Props) {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rects, setRects] = useState<Rect[]>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Store the placement object from the plugin\n  const [placement, setPlacement] = useState<SelectionMenuPlacement | null>(null);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerSelectionOnPage({\n      documentId,\n      pageIndex,\n      onRectsChange: ({ rects, boundingRect }) => {\n        setRects(rects);\n        setBoundingRect(boundingRect);\n      },\n    });\n  }, [selPlugin, documentId, pageIndex]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    // Subscribe to menu placement changes for this specific document\n    return selPlugin.onMenuPlacement(documentId, (newPlacement) => {\n      // Optimization: We could filter here, but React state updates are cheap enough usually.\n      // Ideally, check: if (newPlacement?.pageIndex === pageIndex)\n      setPlacement(newPlacement);\n    });\n  }, [selPlugin, documentId]);\n\n  const actualScale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotationOverride !== undefined) return rotationOverride;\n    return documentState?.rotation ?? Rotation.Degree0;\n  }, [rotationOverride, documentState?.rotation]);\n\n  const shouldRenderMenu =\n    selectionMenu && placement && placement.pageIndex === pageIndex && placement.isVisible;\n\n  if (!boundingRect) return null;\n\n  return (\n    <>\n      <div\n        style={{\n          position: 'absolute',\n          left: boundingRect.origin.x * actualScale,\n          top: boundingRect.origin.y * actualScale,\n          width: boundingRect.size.width * actualScale,\n          height: boundingRect.size.height * actualScale,\n          mixBlendMode: 'multiply',\n          isolation: 'isolate',\n          pointerEvents: 'none',\n        }}\n      >\n        {rects.map((b, i) => (\n          <div\n            key={i}\n            style={{\n              position: 'absolute',\n              left: (b.origin.x - boundingRect.origin.x) * actualScale,\n              top: (b.origin.y - boundingRect.origin.y) * actualScale,\n              width: b.size.width * actualScale,\n              height: b.size.height * actualScale,\n              background,\n            }}\n          />\n        ))}\n      </div>\n      {shouldRenderMenu && (\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          {(props) =>\n            selectionMenu({\n              ...props,\n              context: {\n                type: 'selection',\n                pageIndex,\n              },\n              selected: true,\n              placement,\n            })\n          }\n        </CounterRotate>\n      )}\n    </>\n  );\n}\n","import { useEffect } from '@framework';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard(({ text }) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\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":["rects","boundingRect","BaseSelectionPluginPackage"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-selection.ts","../../src/shared/components/selection-layer.tsx","../../src/shared/components/copy-to-clipboard.tsx","../../src/shared/components/marquee-selection.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useEffect, useMemo, useState } from '@framework';\nimport { Rect, Rotation } from '@embedpdf/models';\nimport { useSelectionPlugin } from '../hooks';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { SelectionMenuPlacement } from '@embedpdf/plugin-selection';\nimport { SelectionSelectionMenuRenderFn } from '../types';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\n\ntype Props = {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  rotation?: Rotation;\n  background?: string;\n  selectionMenu?: SelectionSelectionMenuRenderFn;\n};\n\nexport function SelectionLayer({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  rotation: rotationOverride,\n  background = 'rgba(33,150,243)',\n  selectionMenu,\n}: Props) {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rects, setRects] = useState<Rect[]>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Store the placement object from the plugin\n  const [placement, setPlacement] = useState<SelectionMenuPlacement | null>(null);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerSelectionOnPage({\n      documentId,\n      pageIndex,\n      onRectsChange: ({ rects, boundingRect }) => {\n        setRects(rects);\n        setBoundingRect(boundingRect);\n      },\n    });\n  }, [selPlugin, documentId, pageIndex]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    // Subscribe to menu placement changes for this specific document\n    return selPlugin.onMenuPlacement(documentId, (newPlacement) => {\n      // Optimization: We could filter here, but React state updates are cheap enough usually.\n      // Ideally, check: if (newPlacement?.pageIndex === pageIndex)\n      setPlacement(newPlacement);\n    });\n  }, [selPlugin, documentId]);\n\n  const actualScale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotationOverride !== undefined) return rotationOverride;\n    return documentState?.rotation ?? Rotation.Degree0;\n  }, [rotationOverride, documentState?.rotation]);\n\n  const shouldRenderMenu =\n    selectionMenu && placement && placement.pageIndex === pageIndex && placement.isVisible;\n\n  if (!boundingRect) return null;\n\n  return (\n    <>\n      <div\n        style={{\n          position: 'absolute',\n          left: boundingRect.origin.x * actualScale,\n          top: boundingRect.origin.y * actualScale,\n          width: boundingRect.size.width * actualScale,\n          height: boundingRect.size.height * actualScale,\n          mixBlendMode: 'multiply',\n          isolation: 'isolate',\n          pointerEvents: 'none',\n        }}\n      >\n        {rects.map((b, i) => (\n          <div\n            key={i}\n            style={{\n              position: 'absolute',\n              left: (b.origin.x - boundingRect.origin.x) * actualScale,\n              top: (b.origin.y - boundingRect.origin.y) * actualScale,\n              width: b.size.width * actualScale,\n              height: b.size.height * actualScale,\n              background,\n            }}\n          />\n        ))}\n      </div>\n      {shouldRenderMenu && (\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          {(props) =>\n            selectionMenu({\n              ...props,\n              context: {\n                type: 'selection',\n                pageIndex,\n              },\n              selected: true,\n              placement,\n            })\n          }\n        </CounterRotate>\n      )}\n    </>\n  );\n}\n","import { useEffect } from '@framework';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard(({ text }) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\n","import { useEffect, useMemo, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useSelectionPlugin } from '../hooks';\n\ninterface MarqueeSelectionProps {\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  /** 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\n/**\n * MarqueeSelection renders a selection rectangle when the user drags to select items.\n * Place this component on each page where you want marquee selection to work.\n *\n * Other plugins (e.g., annotation, form) can subscribe to `onMarqueeEnd` to\n * determine which objects intersect with the marquee rect.\n */\nexport const MarqueeSelection = ({\n  documentId,\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(0,122,204,0.8)',\n  fill = 'rgba(0,122,204,0.15)',\n}: MarqueeSelectionProps) => {\n  const { plugin: selPlugin } = useSelectionPlugin();\n  const documentState = useDocumentState(documentId);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  const actualScale = useMemo(() => {\n    if (scale !== undefined) return scale;\n    return documentState?.scale ?? 1;\n  }, [scale, documentState?.scale]);\n\n  useEffect(() => {\n    if (!selPlugin || !documentId) return;\n\n    return selPlugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      onRectChange: setRect,\n    });\n  }, [selPlugin, documentId, pageIndex, actualScale]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * actualScale,\n        top: rect.origin.y * actualScale,\n        width: rect.size.width * actualScale,\n        height: rect.size.height * actualScale,\n        border: `1px dashed ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n        zIndex: 1000,\n      }}\n      className={className}\n    />\n  );\n};\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":["rects","boundingRect","BaseSelectionPluginPackage"],"mappings":"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"}

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

@@ -1,2 +1,3 @@
 export * from './selection-layer';
 export * from './copy-to-clipboard';
+export * from './marquee-selection';

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

@@ -0,0 +1,23 @@
+interface MarqueeSelectionProps {
+    /** Document ID */
+    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;
+}
+/**
+ * MarqueeSelection renders a selection rectangle when the user drags to select items.
+ * Place this component on each page where you want marquee selection to work.
+ *
+ * Other plugins (e.g., annotation, form) can subscribe to `onMarqueeEnd` to
+ * determine which objects intersect with the marquee rect.
+ */
+export declare const MarqueeSelection: ({ documentId, pageIndex, scale, className, stroke, fill, }: MarqueeSelectionProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/shared-preact/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './selection-layer';
 export * from './copy-to-clipboard';
+export * from './marquee-selection';

package/dist/shared-preact/components/marquee-selection.d.ts

@@ -0,0 +1,23 @@
+interface MarqueeSelectionProps {
+    /** Document ID */
+    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;
+}
+/**
+ * MarqueeSelection renders a selection rectangle when the user drags to select items.
+ * Place this component on each page where you want marquee selection to work.
+ *
+ * Other plugins (e.g., annotation, form) can subscribe to `onMarqueeEnd` to
+ * determine which objects intersect with the marquee rect.
+ */
+export declare const MarqueeSelection: ({ documentId, pageIndex, scale, className, stroke, fill, }: MarqueeSelectionProps) => import("preact").JSX.Element | null;
+export {};

package/dist/shared-react/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './selection-layer';
 export * from './copy-to-clipboard';
+export * from './marquee-selection';

package/dist/shared-react/components/marquee-selection.d.ts

@@ -0,0 +1,23 @@
+interface MarqueeSelectionProps {
+    /** Document ID */
+    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;
+}
+/**
+ * MarqueeSelection renders a selection rectangle when the user drags to select items.
+ * Place this component on each page where you want marquee selection to work.
+ *
+ * Other plugins (e.g., annotation, form) can subscribe to `onMarqueeEnd` to
+ * determine which objects intersect with the marquee rect.
+ */
+export declare const MarqueeSelection: ({ documentId, pageIndex, scale, className, stroke, fill, }: MarqueeSelectionProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/svelte/components/MarqueeSelection.svelte.d.ts

@@ -0,0 +1,17 @@
+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 */
+    class?: 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 MarqueeSelection: import('svelte', { with: { "resolution-mode": "import" } }).Component<MarqueeSelectionProps, {}, "">;
+type MarqueeSelection = ReturnType<typeof MarqueeSelection>;
+export default MarqueeSelection;

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

@@ -1,2 +1,3 @@
 export { default as SelectionLayer } from './SelectionLayer.svelte';
 export { default as CopyToClipboard } from './CopyToClipboard.svelte';
+export { default as MarqueeSelection } from './MarqueeSelection.svelte';

package/dist/svelte/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");require("svelte/internal/disclose-version");const i=require("svelte/internal/client"),n=require("@embedpdf/models"),o=require("@embedpdf/core/svelte"),r=require("@embedpdf/utils/svelte");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const i in e)if("default"!==i){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:()=>e[i]})}return t.default=e,Object.freeze(t)}const s=l(i),c=()=>o.useCapability(t.SelectionPlugin.id),p=()=>o.usePlugin(t.SelectionPlugin.id);var d=s.from_html("<div></div>"),g=s.from_html("<div></div> <!>",1);function a(e,t){s.push(t,!0);const i=c();s.user_effect(()=>{if(i.provides)return i.provides.onCopyToClipboard(({text:e})=>{navigator.clipboard.writeText(e).catch(e=>{console.error("Failed to copy text to clipboard:",e)})})}),s.pop()}const u=e.createPluginPackage(t.SelectionPluginPackage).addUtility(a).build();exports.CopyToClipboard=a,exports.SelectionLayer=function(e,t){s.push(t,!0);let i=s.prop(t,"background",3,"rgba(33,150,243)");const l=p(),c=o.useDocumentState(()=>t.documentId);let a=s.state(s.proxy([])),u=s.state(null),f=s.state(null);const v=s.derived(()=>{var e;return void 0!==t.scale?t.scale:(null==(e=c.current)?void 0:e.scale)??1}),m=s.derived(()=>{var e;return void 0!==t.rotation?t.rotation:(null==(e=c.current)?void 0:e.rotation)??n.Rotation.Degree0}),b=s.derived(()=>Boolean(s.get(f)&&s.get(f).pageIndex===t.pageIndex&&s.get(f).isVisible&&(t.selectionMenu||t.selectionMenuSnippet)));s.user_effect(()=>l.plugin&&t.documentId?l.plugin.registerSelectionOnPage({documentId:t.documentId,pageIndex:t.pageIndex,onRectsChange:({rects:e,boundingRect:t})=>{s.set(a,e,!0),s.set(u,t,!0)}}):(s.set(a,[],!0),void s.set(u,null))),s.user_effect(()=>{if(l.plugin&&t.documentId)return l.plugin.onMenuPlacement(t.documentId,e=>{s.set(f,e,!0)});s.set(f,null)});var h=s.comment(),x=s.first_child(h),y=e=>{var n=g(),o=s.first_child(n);let l;s.each(o,21,()=>s.get(a),s.index,(e,t)=>{var n=d();let o;s.template_effect(()=>o=s.set_style(n,"",o,{position:"absolute",left:(s.get(t).origin.x-s.get(u).origin.x)*s.get(v)+"px",top:(s.get(t).origin.y-s.get(u).origin.y)*s.get(v)+"px",width:s.get(t).size.width*s.get(v)+"px",height:s.get(t).size.height*s.get(v)+"px",background:i(),"pointer-events":"none"})),s.append(e,n)}),s.reset(o);var c=s.sibling(o,2),p=e=>{{const i=(e,i)=>{const n=s.derived(()=>function(e,i){return{context:{type:"selection",pageIndex:t.pageIndex},selected:!0,rect:e,placement:{suggestTop:(null==(n=s.get(f))?void 0:n.suggestTop)??!1,spaceAbove:(null==(o=s.get(f))?void 0:o.spaceAbove)??0,spaceBelow:(null==(r=s.get(f))?void 0:r.spaceBelow)??0},menuWrapperProps:i};var n,o,r}(null==i?void 0:i().rect,null==i?void 0:i().menuWrapperProps));var o=s.comment(),r=s.first_child(o),l=e=>{const i=s.derived(()=>t.selectionMenu(s.get(n)));var o=s.comment(),r=s.first_child(o),l=e=>{var t=s.comment(),n=s.first_child(t);s.component(n,()=>s.get(i).component,(e,t)=>{t(e,s.spread_props(()=>s.get(i).props))}),s.append(e,t)};s.if(r,e=>{s.get(i)&&e(l)}),s.append(e,o)},c=e=>{var i=s.comment(),o=s.first_child(i),r=e=>{var i=s.comment(),o=s.first_child(i);s.snippet(o,()=>t.selectionMenuSnippet,()=>s.get(n)),s.append(e,i)};s.if(o,e=>{t.selectionMenuSnippet&&e(r)},!0),s.append(e,i)};s.if(r,e=>{t.selectionMenu?e(l):e(c,!1)}),s.append(e,o)};let n=s.derived(()=>({origin:{x:s.get(f).rect.origin.x*s.get(v),y:s.get(f).rect.origin.y*s.get(v)},size:{width:s.get(f).rect.size.width*s.get(v),height:s.get(f).rect.size.height*s.get(v)}}));r.CounterRotate(e,{get rect(){return s.get(n)},get rotation(){return s.get(m)},children:i,$$slots:{default:!0}})}};s.if(c,e=>{s.get(b)&&s.get(f)&&e(p)}),s.template_effect(()=>l=s.set_style(o,"",l,{position:"absolute",left:s.get(u).origin.x*s.get(v)+"px",top:s.get(u).origin.y*s.get(v)+"px",width:s.get(u).size.width*s.get(v)+"px",height:s.get(u).size.height*s.get(v)+"px","mix-blend-mode":"multiply",isolation:"isolate","pointer-events":"none"})),s.append(e,n)};s.if(x,e=>{s.get(u)&&e(y)}),s.append(e,h),s.pop()},exports.SelectionPluginPackage=u,exports.useSelectionCapability=c,exports.useSelectionPlugin=p,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");require("svelte/internal/disclose-version");const i=require("svelte/internal/client"),n=require("@embedpdf/models"),o=require("@embedpdf/core/svelte"),r=require("@embedpdf/utils/svelte");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const i in e)if("default"!==i){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:()=>e[i]})}return t.default=e,Object.freeze(t)}const s=l(i),p=()=>o.useCapability(t.SelectionPlugin.id),c=()=>o.usePlugin(t.SelectionPlugin.id);var d=s.from_html("<div></div>"),g=s.from_html("<div></div> <!>",1);function a(e,t){s.push(t,!0);const i=p();s.user_effect(()=>{if(i.provides)return i.provides.onCopyToClipboard(({text:e})=>{navigator.clipboard.writeText(e).catch(e=>{console.error("Failed to copy text to clipboard:",e)})})}),s.pop()}var u=s.from_html("<div></div>");const f=e.createPluginPackage(t.SelectionPluginPackage).addUtility(a).build();exports.CopyToClipboard=a,exports.MarqueeSelection=function(e,t){s.push(t,!0);let i=s.prop(t,"stroke",3,"rgba(0,122,204,0.8)"),n=s.prop(t,"fill",3,"rgba(0,122,204,0.15)");const r=c(),l=o.useDocumentState(()=>t.documentId);let p=s.state(null);const d=s.derived(()=>{var e;return void 0!==t.scale?t.scale:(null==(e=l.current)?void 0:e.scale)??1});s.user_effect(()=>{if(s.set(p,null),r.plugin)return r.plugin.registerMarqueeOnPage({documentId:t.documentId,pageIndex:t.pageIndex,scale:s.get(d),onRectChange:e=>{s.set(p,e,!0)}})});var g=s.comment(),a=s.first_child(g),f=e=>{var o=u();let r;s.template_effect(()=>{s.set_class(o,1,s.clsx(t.class)),r=s.set_style(o,"",r,{position:"absolute","pointer-events":"none",left:s.get(p).origin.x*s.get(d)+"px",top:s.get(p).origin.y*s.get(d)+"px",width:s.get(p).size.width*s.get(d)+"px",height:s.get(p).size.height*s.get(d)+"px",border:`1px dashed ${i()}`,background:n(),"box-sizing":"border-box","z-index":"1000"})}),s.append(e,o)};s.if(a,e=>{s.get(p)&&e(f)}),s.append(e,g),s.pop()},exports.SelectionLayer=function(e,t){s.push(t,!0);let i=s.prop(t,"background",3,"rgba(33,150,243)");const l=c(),p=o.useDocumentState(()=>t.documentId);let a=s.state(s.proxy([])),u=s.state(null),f=s.state(null);const v=s.derived(()=>{var e;return void 0!==t.scale?t.scale:(null==(e=p.current)?void 0:e.scale)??1}),m=s.derived(()=>{var e;return void 0!==t.rotation?t.rotation:(null==(e=p.current)?void 0:e.rotation)??n.Rotation.Degree0}),x=s.derived(()=>Boolean(s.get(f)&&s.get(f).pageIndex===t.pageIndex&&s.get(f).isVisible&&(t.selectionMenu||t.selectionMenuSnippet)));s.user_effect(()=>l.plugin&&t.documentId?l.plugin.registerSelectionOnPage({documentId:t.documentId,pageIndex:t.pageIndex,onRectsChange:({rects:e,boundingRect:t})=>{s.set(a,e,!0),s.set(u,t,!0)}}):(s.set(a,[],!0),void s.set(u,null))),s.user_effect(()=>{if(l.plugin&&t.documentId)return l.plugin.onMenuPlacement(t.documentId,e=>{s.set(f,e,!0)});s.set(f,null)});var h=s.comment(),b=s.first_child(h),y=e=>{var n=g(),o=s.first_child(n);let l;s.each(o,21,()=>s.get(a),s.index,(e,t)=>{var n=d();let o;s.template_effect(()=>o=s.set_style(n,"",o,{position:"absolute",left:(s.get(t).origin.x-s.get(u).origin.x)*s.get(v)+"px",top:(s.get(t).origin.y-s.get(u).origin.y)*s.get(v)+"px",width:s.get(t).size.width*s.get(v)+"px",height:s.get(t).size.height*s.get(v)+"px",background:i(),"pointer-events":"none"})),s.append(e,n)}),s.reset(o);var p=s.sibling(o,2),c=e=>{{const i=(e,i)=>{const n=s.derived(()=>function(e,i){return{context:{type:"selection",pageIndex:t.pageIndex},selected:!0,rect:e,placement:{suggestTop:(null==(n=s.get(f))?void 0:n.suggestTop)??!1,spaceAbove:(null==(o=s.get(f))?void 0:o.spaceAbove)??0,spaceBelow:(null==(r=s.get(f))?void 0:r.spaceBelow)??0},menuWrapperProps:i};var n,o,r}(null==i?void 0:i().rect,null==i?void 0:i().menuWrapperProps));var o=s.comment(),r=s.first_child(o),l=e=>{const i=s.derived(()=>t.selectionMenu(s.get(n)));var o=s.comment(),r=s.first_child(o),l=e=>{var t=s.comment(),n=s.first_child(t);s.component(n,()=>s.get(i).component,(e,t)=>{t(e,s.spread_props(()=>s.get(i).props))}),s.append(e,t)};s.if(r,e=>{s.get(i)&&e(l)}),s.append(e,o)},p=e=>{var i=s.comment(),o=s.first_child(i),r=e=>{var i=s.comment(),o=s.first_child(i);s.snippet(o,()=>t.selectionMenuSnippet,()=>s.get(n)),s.append(e,i)};s.if(o,e=>{t.selectionMenuSnippet&&e(r)},!0),s.append(e,i)};s.if(r,e=>{t.selectionMenu?e(l):e(p,!1)}),s.append(e,o)};let n=s.derived(()=>({origin:{x:s.get(f).rect.origin.x*s.get(v),y:s.get(f).rect.origin.y*s.get(v)},size:{width:s.get(f).rect.size.width*s.get(v),height:s.get(f).rect.size.height*s.get(v)}}));r.CounterRotate(e,{get rect(){return s.get(n)},get rotation(){return s.get(m)},children:i,$$slots:{default:!0}})}};s.if(p,e=>{s.get(x)&&s.get(f)&&e(c)}),s.template_effect(()=>l=s.set_style(o,"",l,{position:"absolute",left:s.get(u).origin.x*s.get(v)+"px",top:s.get(u).origin.y*s.get(v)+"px",width:s.get(u).size.width*s.get(v)+"px",height:s.get(u).size.height*s.get(v)+"px","mix-blend-mode":"multiply",isolation:"isolate","pointer-events":"none"})),s.append(e,n)};s.if(b,e=>{s.get(u)&&e(y)}),s.append(e,h),s.pop()},exports.SelectionPluginPackage=f,exports.useSelectionCapability=p,exports.useSelectionPlugin=c,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/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","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":"6mBAOaA,EAAA,IAA+BC,gBAA+BC,EAAAA,gBAAgBC,IAM9EC,EAAA,IAA2BC,YAA2BH,EAAAA,gBAAgBC,qGCV3E,MAAAG,EAAsBN,IAE5BO,EAAAC,YAAO,KACA,GAAAF,EAAoBG,SAElB,OAAAH,EAAoBG,SAASC,kBAAiB,EAAIC,WACvDC,UAAUC,UAAUC,UAAUH,GAAMI,MAAOC,IACzCC,QAAQC,MAAM,oCAAqCF,gBAI3D,CCJO,MAAMG,EAAyBC,EAAAA,oBAAoBC,EAAAA,wBACvDC,WAAWC,GACXC,oFC4BC,IAAAC,0BAAa,oBAKT,MAAAC,EAAkBtB,IAClBuB,EAAgBC,EAAAA,iBAAgB,IAAAC,EAAAC,YAElC,IAAAC,EAAQxB,EAAAyB,MAAMzB,EAAA0B,MAAA,KACdC,EAAe3B,EAAAyB,MAAoB,MACnCG,EAAY5B,EAAAyB,MAA2C,YAErDI,EAAW7B,EAAA8B,QAAA,WAAA,YACG,IADHR,EAAAS,MACYT,EAAAS,OAAoB,OAAAC,EAAAZ,EAAca,kBAASF,QAAS,IAG3EG,mCACiB,2BAEhB,OAAAF,IAAcC,cAAd,EAAAD,EAAuBG,WAAYC,EAAAA,SAASC,UAI7CC,EAAgBtC,EAAA8B,QAAA,IACpBS,QAAOvC,EAAAwC,IACLZ,IAAS5B,EAAAwC,IACPZ,GAAUa,YAASnB,EAAAmB,WAAAzC,EAAAwC,IACnBZ,GAAUc,YAASpB,EAAAqB,eAAArB,EAAAsB,wBAMzB5C,EAAAC,YAAO,IACAkB,EAAgB0B,QAAMvB,EAAAC,WAMpBJ,EAAgB0B,OAAOC,wBAAuB,CACnDvB,WAAUD,EAAAC,WACVkB,UAASnB,EAAAmB,UACTM,cAAa,EAAKvB,MAAOwB,EAAUrB,aAAcsB,MAC/CjD,EAAAkD,IAAA1B,EAAQwB,GAAQ,GAChBhD,EAAAkD,IAAAvB,EAAesB,GAAe,aAVhCzB,EAAK,IAAA,QACLxB,EAAAkD,IAAAvB,EAAe,QAenB3B,EAAAC,YAAO,QACAkB,EAAgB0B,QAAMvB,EAAAC,WAKpB,OAAAJ,EAAgB0B,OAAOM,gBAAe7B,EAAAC,WAAc6B,IACzDpD,EAAAkD,IAAAtB,EAAYwB,GAAY,KALxBpD,EAAAkD,IAAAtB,EAAY,6DA6CfyB,EAAErD,EAAAsD,YAAAC,gBAAFF,EAAE,GAAA,IAAArD,EAAAwC,IAUMhB,GAAKxB,EAAAwD,MAAA,CAAAC,EAAIC,SACbC,EAAEC,8CAAFD,EAAE,GAAAE,EAAA,iCAEeH,GAAKI,OAAOC,EAAC/D,EAAAwC,IAAGb,GAAamC,OAAOC,GAAC/D,EAAAwC,IAAIX,mBAC1C6B,GAAKI,OAAOE,EAAChE,EAAAwC,IAAGb,GAAamC,OAAOE,GAAChE,EAAAwC,IAAIX,QACxCoC,MAAAjE,EAAAwC,IAAAkB,GAAKQ,KAAKD,YAAQpC,GAAlB,KACCsC,OAAAnE,EAAAwC,IAAAkB,GAAKQ,KAAKC,aAAStC,GAAnB,0DALlB8B,aAXJN,mBAAAA,EAAE,gBAsCWe,EAAQ,CAAAX,EAAAY,KACR,MAAAC,EAAStE,EAAA8B,QAAA,IAvDd,SACP4B,EACAa,UAGEC,SApBAC,KAAM,YACNhC,UAASnB,EAAAmB,WAoBTiC,UAAU,EACVhB,OACA9B,WAfA+C,YAAU3E,OAAAA,EAAAA,EAAAwC,IAAEZ,aAAW+C,cAAc,EACrCC,YAAU5E,OAAAA,EAAAA,EAAAwC,IAAEZ,aAAWgD,aAAc,EACrCC,YAAU7E,OAAAA,EAAAA,EAAAwC,IAAEZ,aAAWiD,aAAc,GAcrCN,oBAlBK,SAoBT,CA4C0BO,oBADDpB,wBAAMa,8DAIf,MAAAQ,sCAAuBT,kIAE5BU,EAAgBvB,EAAAzD,EAAAiF,aAAA,IAAAjF,EAAAwC,IAAKuC,GAAOG,0CAD1BH,MAAMI,2JAKmBb,8JArBhCR,OAAM,CACJC,EAAC/D,EAAAwC,IAAEZ,GAAU8B,KAAKI,OAAOC,EAAC/D,EAAAwC,IAAGX,GAC7BmC,EAAChE,EAAAwC,IAAEZ,GAAU8B,KAAKI,OAAOE,EAAChE,EAAAwC,IAAGX,IAE/BqC,KAAI,CACFD,MAAKjE,EAAAwC,IAAEZ,GAAU8B,KAAKQ,KAAKD,MAAKjE,EAAAwC,IAAGX,GACnCsC,OAAMnE,EAAAwC,IAAEZ,GAAU8B,KAAKQ,KAAKC,OAAMnE,EAAAwC,IAAGX,OAR1CuD,EAAAA,cAAY3B,EAAA,yDAWDvB,IAEAkC,+CAdTpE,EAAAwC,IAAAF,UAAoBV,IAASyD,EAAAC,yCAxBjCjC,EAAE,GAAAkC,EAAA,qBAEcC,KAAAxF,EAAAwC,IAAAb,GAAamC,OAAOC,QAAIlC,GAAxB,KACD4D,IAAAzF,EAAAwC,IAAAb,GAAamC,OAAOE,QAAInC,GAAxB,KACEoC,MAAAjE,EAAAwC,IAAAb,GAAauC,KAAKD,YAAQpC,GAA1B,KACCsC,OAAAnE,EAAAwC,IAAAb,GAAauC,KAAKC,aAAStC,GAA3B,gHAPhBF,MAAY+D,0BAFjB"}
+{"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/MarqueeSelection.svelte","../../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 { 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","<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","stroke","fill","selectionPlugin","documentState","useDocumentState","$$props","documentId","rect","state","actualScale","derived","scale","_a","current","set","plugin","registerMarqueeOnPage","pageIndex","onRectChange","newRect","div","root_1","clsx","class","styles","left","get","origin","x","top","y","width","size","height","consequent","background","rects","proxy","boundingRect","placement","actualRotation","rotation","Rotation","Degree0","shouldRenderMenu","Boolean","isVisible","selectionMenu","selectionMenuSnippet","registerSelectionOnPage","onRectsChange","newRects","newBoundingRect","onMenuPlacement","newPlacement","first_child","fragment_1","index","$$anchor","div_1","root_2","styles_1","children","$$arg0","menuProps","menuWrapperProps","context","type","selected","suggestTop","spaceAbove","spaceBelow","buildMenuProps","result","result_component","spread_props","props","CounterRotate","$$render","consequent_3","consequent_4"],"mappings":"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"}