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

package/dist/lib/capture-plugin.d.ts

@@ -1,18 +1,27 @@
 import { BasePlugin, PluginRegistry } from '@embedpdf/core';
-import { CaptureCapability, CapturePluginConfig, RegisterMarqueeOnPageOptions } from './types';
-export declare class CapturePlugin extends BasePlugin<CapturePluginConfig, CaptureCapability> {
+import { CaptureCapability, CapturePluginConfig, RegisterMarqueeOnPageOptions, CaptureState } from './types';
+import { CaptureAction } from './actions';
+export declare class CapturePlugin extends BasePlugin<CapturePluginConfig, CaptureCapability, CaptureState, CaptureAction> {
     static readonly id: "capture";
     private captureArea$;
-    private marqueeCaptureActive$;
+    private state$;
     private renderCapability;
     private interactionManagerCapability;
     private config;
     constructor(id: string, registry: PluginRegistry, config: CapturePluginConfig);
+    protected onDocumentLoadingStarted(documentId: string): void;
+    protected onDocumentClosed(documentId: string): void;
     initialize(_: CapturePluginConfig): Promise<void>;
     protected buildCapability(): CaptureCapability;
+    private createCaptureScope;
+    private getDocumentState;
+    private getDocumentStateOrThrow;
     registerMarqueeOnPage(opts: RegisterMarqueeOnPageOptions): () => void;
     private captureArea;
     private enableMarqueeCapture;
     private disableMarqueeCapture;
     private toggleMarqueeCapture;
+    private isMarqueeCaptureActive;
+    onStoreUpdated(prevState: CaptureState, newState: CaptureState): void;
+    destroy(): Promise<void>;
 }

package/dist/lib/index.d.ts

@@ -1,7 +1,10 @@
 import { PluginPackage } from '@embedpdf/core';
-import { CapturePluginConfig } from './types';
+import { CapturePluginConfig, CaptureState } from './types';
 import { CapturePlugin } from './capture-plugin';
-export declare const CapturePluginPackage: PluginPackage<CapturePlugin, CapturePluginConfig>;
+import { CaptureAction } from './actions';
+export declare const CapturePluginPackage: PluginPackage<CapturePlugin, CapturePluginConfig, CaptureState, CaptureAction>;
 export * from './capture-plugin';
 export * from './types';
 export * from './manifest';
+export * from './actions';
+export * from './reducer';

package/dist/lib/reducer.d.ts

@@ -0,0 +1,6 @@
+import { Reducer } from '@embedpdf/core';
+import { CaptureAction } from './actions';
+import { CaptureState, CaptureDocumentState } from './types';
+export declare const initialDocumentState: CaptureDocumentState;
+export declare const initialState: CaptureState;
+export declare const captureReducer: Reducer<CaptureState, CaptureAction>;

package/dist/lib/types.d.ts

@@ -6,6 +6,7 @@ export interface CapturePluginConfig extends BasePluginConfig {
     withAnnotations?: boolean;
 }
 export interface CaptureAreaEvent {
+    documentId: string;
     pageIndex: number;
     rect: Rect;
     blob: Blob;
@@ -13,22 +14,46 @@ export interface CaptureAreaEvent {
     scale: number;
     withAnnotations: boolean;
 }
+export interface StateChangeEvent {
+    documentId: string;
+    state: CaptureDocumentState;
+}
 export interface MarqueeCaptureCallback {
     onPreview?: (rect: Rect | null) => void;
     onCommit?: (rect: Rect) => void;
 }
 export interface RegisterMarqueeOnPageOptions {
+    documentId: string;
     pageIndex: number;
     scale: number;
     callback: MarqueeCaptureCallback;
 }
-export interface CaptureCapability {
+export interface CaptureDocumentState {
+    isMarqueeCaptureActive: boolean;
+}
+export interface CaptureScope {
+    captureArea(pageIndex: number, rect: Rect): void;
+    enableMarqueeCapture(): void;
+    disableMarqueeCapture(): void;
+    toggleMarqueeCapture(): void;
+    isMarqueeCaptureActive(): boolean;
+    getState(): CaptureDocumentState;
     onCaptureArea: EventHook<CaptureAreaEvent>;
-    onMarqueeCaptureActiveChange: EventHook<boolean>;
+    onStateChange: EventHook<CaptureDocumentState>;
+}
+export interface CaptureCapability {
     captureArea(pageIndex: number, rect: Rect): void;
     enableMarqueeCapture: () => void;
     disableMarqueeCapture: () => void;
     toggleMarqueeCapture: () => void;
     isMarqueeCaptureActive: () => boolean;
+    getState(): CaptureDocumentState;
+    forDocument(documentId: string): CaptureScope;
     registerMarqueeOnPage: (opts: RegisterMarqueeOnPageOptions) => () => void;
+    onCaptureArea: EventHook<CaptureAreaEvent>;
+    onStateChange: EventHook<StateChangeEvent>;
+}
+export interface CaptureState {
+    documents: Record<string, CaptureDocumentState>;
+    activeDocumentId: string | null;
 }

package/dist/preact/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),r=require("@embedpdf/plugin-capture"),t=require("preact/hooks"),i=require("preact/jsx-runtime"),a=()=>e.useCapability(r.CapturePlugin.id);exports.MarqueeCapture=({pageIndex:e,scale:r,className:s,stroke:u="rgba(33,150,243,0.8)",fill:o="rgba(33,150,243,0.15)"})=>{const{provides:p}=a(),[n,l]=t.useState(null);return t.useEffect((()=>{if(p)return p.registerMarqueeOnPage({pageIndex:e,scale:r,callback:{onPreview:l}})}),[p,e,r]),n?i.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:n.origin.x*r,top:n.origin.y*r,width:n.size.width*r,height:n.size.height*r,border:`1px solid ${u}`,background:o,boxSizing:"border-box"},className:s}):null},exports.useCapture=()=>{const{provides:e}=a(),[r,i]=t.useState(!1);return t.useEffect((()=>{if(e)return e.onMarqueeCaptureActiveChange((e=>{i(e)}))}),[e]),{provides:e,isMarqueeCaptureActive:r}},exports.useCaptureCapability=a,exports.useCapturePlugin=()=>e.usePlugin(r.CapturePlugin.id),Object.keys(r).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),t=require("@embedpdf/plugin-capture"),r=require("preact/hooks"),o=require("preact/jsx-runtime"),u=()=>e.useCapability(t.CapturePlugin.id);exports.MarqueeCapture=({documentId:t,pageIndex:i,scale:s,className:a,stroke:n="rgba(33,150,243,0.8)",fill:l="rgba(33,150,243,0.15)"})=>{const{provides:p}=u(),c=e.useDocumentState(t),[d,g]=r.useState(null),b=r.useMemo(()=>void 0!==s?s:(null==c?void 0:c.scale)??1,[s,null==c?void 0:c.scale]);return r.useEffect(()=>{if(p)return p.registerMarqueeOnPage({documentId:t,pageIndex:i,scale:b,callback:{onPreview:g}})},[p,t,i,b]),d?o.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:d.origin.x*b,top:d.origin.y*b,width:d.size.width*b,height:d.size.height*b,border:`1px solid ${n}`,background:l,boxSizing:"border-box"},className:a}):null},exports.useCapture=e=>{const{provides:o}=u(),[i,s]=r.useState(t.initialDocumentState);return r.useEffect(()=>{if(!o)return;const t=o.forDocument(e);return s(t.getState()),t.onStateChange(e=>{s(e)})},[o,e]),{state:i,provides:(null==o?void 0:o.forDocument(e))??null}},exports.useCaptureCapability=u,exports.useCapturePlugin=()=>e.usePlugin(t.CapturePlugin.id),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/preact/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-capture.ts","../../src/shared/components/marquee-capture.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CapturePlugin } from '@embedpdf/plugin-capture';\nimport { useState, useEffect } from '@framework';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n\nexport const useCapture = () => {\n  const { provides } = useCaptureCapability();\n  const [isMarqueeCaptureActive, setIsMarqueeCaptureActive] = useState(false);\n\n  useEffect(() => {\n    if (!provides) return;\n    return provides.onMarqueeCaptureActiveChange((isMarqueeCaptureActive) => {\n      setIsMarqueeCaptureActive(isMarqueeCaptureActive);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    isMarqueeCaptureActive,\n  };\n};\n","import { useEffect, useState } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  const { provides: capturePlugin } = useCaptureCapability();\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!capturePlugin) return;\n    return capturePlugin.registerMarqueeOnPage({\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [capturePlugin, pageIndex, scale]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"names":["useCaptureCapability","useCapability","CapturePlugin","id","pageIndex","scale","className","stroke","fill","provides","capturePlugin","rect","setRect","useState","useEffect","registerMarqueeOnPage","callback","onPreview","jsxRuntime","jsx","style","position","pointerEvents","left","origin","x","top","y","width","size","height","border","background","boxSizing","isMarqueeCaptureActive","setIsMarqueeCaptureActive","onMarqueeCaptureActiveChange","usePlugin"],"mappings":"yNAIaA,EAAuB,IAAMC,gBAA6BC,EAAAA,cAAcC,2BCavD,EAC5BC,YACAC,QACAC,YACAC,SAAS,uBACTC,OAAO,4BAEP,MAAQC,SAAUC,GAAkBV,KAC7BW,EAAMC,GAAWC,EAAAA,SAAsB,MAa1C,OAXJC,EAAAA,WAAU,KACR,GAAKJ,EACL,OAAOA,EAAcK,sBAAsB,CACzCX,YACAC,QACAW,SAAU,CACRC,UAAWL,IAEd,GACA,CAACF,EAAeN,EAAWC,IAEzBM,EAGHO,EAAAC,IAAC,MAAA,CACCC,MAAO,CACLC,SAAU,WACVC,cAAe,OACfC,KAAMZ,EAAKa,OAAOC,EAAIpB,EACtBqB,IAAKf,EAAKa,OAAOG,EAAItB,EACrBuB,MAAOjB,EAAKkB,KAAKD,MAAQvB,EACzByB,OAAQnB,EAAKkB,KAAKC,OAASzB,EAC3B0B,OAAQ,aAAaxB,IACrByB,WAAYxB,EACZyB,UAAW,cAEb3B,cAfc,IAgBhB,qBD/CsB,KAClB,MAAAG,SAAEA,GAAaT,KACdkC,EAAwBC,GAA6BtB,EAAAA,UAAS,GAS9D,OAPPC,EAAAA,WAAU,KACR,GAAKL,EACE,OAAAA,EAAS2B,8BAA8BF,IAC5CC,EAA0BD,EAAsB,GACjD,GACA,CAACzB,IAEG,CACLA,WACAyB,yBACF,0DAhB8B,IAAMG,YAAyBnC,EAAAA,cAAcC"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-capture.ts","../../src/shared/components/marquee-capture.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  CapturePlugin,\n  CaptureDocumentState,\n  initialDocumentState,\n} from '@embedpdf/plugin-capture';\nimport { useState, useEffect } from '@framework';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n\n/**\n * Hook for capture state for a specific document\n * @param documentId Document ID\n */\nexport const useCapture = (documentId: string) => {\n  const { provides } = useCaptureCapability();\n  const [state, setState] = useState<CaptureDocumentState>(initialDocumentState);\n\n  useEffect(() => {\n    if (!provides) return;\n\n    const scope = provides.forDocument(documentId);\n\n    // Get initial state\n    setState(scope.getState());\n\n    // Subscribe to state changes\n    return scope.onStateChange((newState) => {\n      setState(newState);\n    });\n  }, [provides, documentId]);\n\n  return {\n    state,\n    provides: provides?.forDocument(documentId) ?? null,\n  };\n};\n","import { useEffect, useMemo, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Document ID */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale?: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nexport const MarqueeCapture = ({\n  documentId,\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  const { provides: capturePlugin } = useCaptureCapability();\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 (!capturePlugin) return;\n    return capturePlugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [capturePlugin, 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 solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"names":["useCaptureCapability","useCapability","CapturePlugin","id","documentId","pageIndex","scale","className","stroke","fill","provides","capturePlugin","documentState","useDocumentState","rect","setRect","useState","actualScale","useMemo","useEffect","registerMarqueeOnPage","callback","onPreview","jsx","style","position","pointerEvents","left","origin","x","top","y","width","size","height","border","background","boxSizing","state","setState","initialDocumentState","scope","forDocument","getState","onStateChange","newState","usePlugin"],"mappings":"yNAQaA,EAAuB,IAAMC,gBAA6BC,EAAAA,cAAcC,2BCYvD,EAC5BC,aACAC,YACAC,QACAC,YACAC,SAAS,uBACTC,OAAO,4BAEP,MAAQC,SAAUC,GAAkBX,IAC9BY,EAAgBC,EAAAA,iBAAiBT,IAChCU,EAAMC,GAAWC,EAAAA,SAAsB,MAExCC,EAAcC,EAAAA,QAAQ,SACZ,IAAVZ,EAA4BA,SACzBM,WAAeN,QAAS,EAC9B,CAACA,EAAO,MAAAM,OAAA,EAAAA,EAAeN,QAc1B,OAZAa,EAAAA,UAAU,KACR,GAAKR,EACL,OAAOA,EAAcS,sBAAsB,CACzChB,aACAC,YACAC,MAAOW,EACPI,SAAU,CACRC,UAAWP,MAGd,CAACJ,EAAeP,EAAYC,EAAWY,IAErCH,EAGHS,EAAAA,IAAC,MAAA,CACCC,MAAO,CACLC,SAAU,WACVC,cAAe,OACfC,KAAMb,EAAKc,OAAOC,EAAIZ,EACtBa,IAAKhB,EAAKc,OAAOG,EAAId,EACrBe,MAAOlB,EAAKmB,KAAKD,MAAQf,EACzBiB,OAAQpB,EAAKmB,KAAKC,OAASjB,EAC3BkB,OAAQ,aAAa3B,IACrB4B,WAAY3B,EACZ4B,UAAW,cAEb9B,cAfc,yBDlCOH,IACzB,MAAMM,SAAEA,GAAaV,KACdsC,EAAOC,GAAYvB,EAAAA,SAA+BwB,EAAAA,sBAgBzD,OAdArB,EAAAA,UAAU,KACR,IAAKT,EAAU,OAEf,MAAM+B,EAAQ/B,EAASgC,YAAYtC,GAMnC,OAHAmC,EAASE,EAAME,YAGRF,EAAMG,cAAeC,IAC1BN,EAASM,MAEV,CAACnC,EAAUN,IAEP,CACLkC,QACA5B,UAAU,MAAAA,OAAA,EAAAA,EAAUgC,YAAYtC,KAAe,+DA1BnB,IAAM0C,YAAyB5C,EAAAA,cAAcC"}

package/dist/preact/index.js

@@ -1,25 +1,28 @@
-import { useCapability, usePlugin } from "@embedpdf/core/preact";
-import { CapturePlugin } from "@embedpdf/plugin-capture";
+import { useCapability, usePlugin, useDocumentState } from "@embedpdf/core/preact";
+import { CapturePlugin, initialDocumentState } from "@embedpdf/plugin-capture";
 export * from "@embedpdf/plugin-capture";
-import { useState, useEffect } from "preact/hooks";
+import { useState, useEffect, useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
 const useCaptureCapability = () => useCapability(CapturePlugin.id);
 const useCapturePlugin = () => usePlugin(CapturePlugin.id);
-const useCapture = () => {
+const useCapture = (documentId) => {
   const { provides } = useCaptureCapability();
-  const [isMarqueeCaptureActive, setIsMarqueeCaptureActive] = useState(false);
+  const [state, setState] = useState(initialDocumentState);
   useEffect(() => {
     if (!provides) return;
-    return provides.onMarqueeCaptureActiveChange((isMarqueeCaptureActive2) => {
-      setIsMarqueeCaptureActive(isMarqueeCaptureActive2);
+    const scope = provides.forDocument(documentId);
+    setState(scope.getState());
+    return scope.onStateChange((newState) => {
+      setState(newState);
     });
-  }, [provides]);
+  }, [provides, documentId]);
   return {
-    provides,
-    isMarqueeCaptureActive
+    state,
+    provides: (provides == null ? void 0 : provides.forDocument(documentId)) ?? null
   };
 };
 const MarqueeCapture = ({
+  documentId,
   pageIndex,
   scale,
   className,
@@ -27,17 +30,23 @@ const MarqueeCapture = ({
   fill = "rgba(33,150,243,0.15)"
 }) => {
   const { provides: capturePlugin } = useCaptureCapability();
+  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 (!capturePlugin) return;
     return capturePlugin.registerMarqueeOnPage({
+      documentId,
       pageIndex,
-      scale,
+      scale: actualScale,
       callback: {
         onPreview: setRect
       }
     });
-  }, [capturePlugin, pageIndex, scale]);
+  }, [capturePlugin, documentId, pageIndex, actualScale]);
   if (!rect) return null;
   return /* @__PURE__ */ jsx(
     "div",
@@ -45,10 +54,10 @@ const MarqueeCapture = ({
       style: {
         position: "absolute",
         pointerEvents: "none",
-        left: rect.origin.x * scale,
-        top: rect.origin.y * scale,
-        width: rect.size.width * scale,
-        height: rect.size.height * scale,
+        left: rect.origin.x * actualScale,
+        top: rect.origin.y * actualScale,
+        width: rect.size.width * actualScale,
+        height: rect.size.height * actualScale,
         border: `1px solid ${stroke}`,
         background: fill,
         boxSizing: "border-box"

package/dist/preact/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-capture.ts","../../src/shared/components/marquee-capture.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CapturePlugin } from '@embedpdf/plugin-capture';\nimport { useState, useEffect } from '@framework';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n\nexport const useCapture = () => {\n  const { provides } = useCaptureCapability();\n  const [isMarqueeCaptureActive, setIsMarqueeCaptureActive] = useState(false);\n\n  useEffect(() => {\n    if (!provides) return;\n    return provides.onMarqueeCaptureActiveChange((isMarqueeCaptureActive) => {\n      setIsMarqueeCaptureActive(isMarqueeCaptureActive);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    isMarqueeCaptureActive,\n  };\n};\n","import { useEffect, useState } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  const { provides: capturePlugin } = useCaptureCapability();\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!capturePlugin) return;\n    return capturePlugin.registerMarqueeOnPage({\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [capturePlugin, pageIndex, scale]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"names":["isMarqueeCaptureActive"],"mappings":";;;;;AAIO,MAAM,uBAAuB,MAAM,cAA6B,cAAc,EAAE;AAChF,MAAM,mBAAmB,MAAM,UAAyB,cAAc,EAAE;AAExE,MAAM,aAAa,MAAM;AACxB,QAAA,EAAE,SAAS,IAAI,qBAAqB;AAC1C,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,KAAK;AAE1E,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AACR,WAAA,SAAS,6BAA6B,CAACA,4BAA2B;AACvE,gCAA0BA,uBAAsB;AAAA,IAAA,CACjD;AAAA,EAAA,GACA,CAAC,QAAQ,CAAC;AAEN,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;ACLO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AACT,MAA2B;AACzB,QAAM,EAAE,UAAU,cAAc,IAAI,qBAAqB;AACzD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,IAAI;AAElD,YAAU,MAAM;AACd,QAAI,CAAC,cAAe;AACpB,WAAO,cAAc,sBAAsB;AAAA,MACzC;AAAA,MACA;AAAA,MACA,UAAU;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,IACb,CACD;AAAA,EACA,GAAA,CAAC,eAAe,WAAW,KAAK,CAAC;AAEhC,MAAA,CAAC,KAAa,QAAA;AAGhB,SAAA;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,aAAa,MAAM;AAAA,QAC3B,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-capture.ts","../../src/shared/components/marquee-capture.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  CapturePlugin,\n  CaptureDocumentState,\n  initialDocumentState,\n} from '@embedpdf/plugin-capture';\nimport { useState, useEffect } from '@framework';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n\n/**\n * Hook for capture state for a specific document\n * @param documentId Document ID\n */\nexport const useCapture = (documentId: string) => {\n  const { provides } = useCaptureCapability();\n  const [state, setState] = useState<CaptureDocumentState>(initialDocumentState);\n\n  useEffect(() => {\n    if (!provides) return;\n\n    const scope = provides.forDocument(documentId);\n\n    // Get initial state\n    setState(scope.getState());\n\n    // Subscribe to state changes\n    return scope.onStateChange((newState) => {\n      setState(newState);\n    });\n  }, [provides, documentId]);\n\n  return {\n    state,\n    provides: provides?.forDocument(documentId) ?? null,\n  };\n};\n","import { useEffect, useMemo, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Document ID */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale?: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nexport const MarqueeCapture = ({\n  documentId,\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  const { provides: capturePlugin } = useCaptureCapability();\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 (!capturePlugin) return;\n    return capturePlugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [capturePlugin, 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 solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,uBAAuB,MAAM,cAA6B,cAAc,EAAE;AAChF,MAAM,mBAAmB,MAAM,UAAyB,cAAc,EAAE;AAMxE,MAAM,aAAa,CAAC,eAAuB;AAChD,QAAM,EAAE,SAAA,IAAa,qBAAA;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA+B,oBAAoB;AAE7E,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AAEf,UAAM,QAAQ,SAAS,YAAY,UAAU;AAG7C,aAAS,MAAM,UAAU;AAGzB,WAAO,MAAM,cAAc,CAAC,aAAa;AACvC,eAAS,QAAQ;AAAA,IACnB,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,UAAU,CAAC;AAEzB,SAAO;AAAA,IACL;AAAA,IACA,WAAU,qCAAU,YAAY,gBAAe;AAAA,EAAA;AAEnD;ACjBO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AACT,MAA2B;AACzB,QAAM,EAAE,UAAU,cAAA,IAAkB,qBAAA;AACpC,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,cAAe;AACpB,WAAO,cAAc,sBAAsB;AAAA,MACzC;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,IACb,CACD;AAAA,EACH,GAAG,CAAC,eAAe,YAAY,WAAW,WAAW,CAAC;AAEtD,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,aAAa,MAAM;AAAA,QAC3B,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/react/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),r=require("@embedpdf/plugin-capture"),t=require("react"),i=require("react/jsx-runtime"),a=()=>e.useCapability(r.CapturePlugin.id);exports.MarqueeCapture=({pageIndex:e,scale:r,className:u,stroke:s="rgba(33,150,243,0.8)",fill:o="rgba(33,150,243,0.15)"})=>{const{provides:n}=a(),[p,l]=t.useState(null);return t.useEffect((()=>{if(n)return n.registerMarqueeOnPage({pageIndex:e,scale:r,callback:{onPreview:l}})}),[n,e,r]),p?i.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:p.origin.x*r,top:p.origin.y*r,width:p.size.width*r,height:p.size.height*r,border:`1px solid ${s}`,background:o,boxSizing:"border-box"},className:u}):null},exports.useCapture=()=>{const{provides:e}=a(),[r,i]=t.useState(!1);return t.useEffect((()=>{if(e)return e.onMarqueeCaptureActiveChange((e=>{i(e)}))}),[e]),{provides:e,isMarqueeCaptureActive:r}},exports.useCaptureCapability=a,exports.useCapturePlugin=()=>e.usePlugin(r.CapturePlugin.id),Object.keys(r).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),t=require("@embedpdf/plugin-capture"),r=require("react"),o=require("react/jsx-runtime"),u=()=>e.useCapability(t.CapturePlugin.id);exports.MarqueeCapture=({documentId:t,pageIndex:i,scale:a,className:s,stroke:n="rgba(33,150,243,0.8)",fill:l="rgba(33,150,243,0.15)"})=>{const{provides:c}=u(),p=e.useDocumentState(t),[d,g]=r.useState(null),b=r.useMemo(()=>void 0!==a?a:(null==p?void 0:p.scale)??1,[a,null==p?void 0:p.scale]);return r.useEffect(()=>{if(c)return c.registerMarqueeOnPage({documentId:t,pageIndex:i,scale:b,callback:{onPreview:g}})},[c,t,i,b]),d?o.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:d.origin.x*b,top:d.origin.y*b,width:d.size.width*b,height:d.size.height*b,border:`1px solid ${n}`,background:l,boxSizing:"border-box"},className:s}):null},exports.useCapture=e=>{const{provides:o}=u(),[i,a]=r.useState(t.initialDocumentState);return r.useEffect(()=>{if(!o)return;const t=o.forDocument(e);return a(t.getState()),t.onStateChange(e=>{a(e)})},[o,e]),{state:i,provides:(null==o?void 0:o.forDocument(e))??null}},exports.useCaptureCapability=u,exports.useCapturePlugin=()=>e.usePlugin(t.CapturePlugin.id),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-capture.ts","../../src/shared/components/marquee-capture.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CapturePlugin } from '@embedpdf/plugin-capture';\nimport { useState, useEffect } from '@framework';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n\nexport const useCapture = () => {\n  const { provides } = useCaptureCapability();\n  const [isMarqueeCaptureActive, setIsMarqueeCaptureActive] = useState(false);\n\n  useEffect(() => {\n    if (!provides) return;\n    return provides.onMarqueeCaptureActiveChange((isMarqueeCaptureActive) => {\n      setIsMarqueeCaptureActive(isMarqueeCaptureActive);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    isMarqueeCaptureActive,\n  };\n};\n","import { useEffect, useState } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  const { provides: capturePlugin } = useCaptureCapability();\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!capturePlugin) return;\n    return capturePlugin.registerMarqueeOnPage({\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [capturePlugin, pageIndex, scale]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"names":["useCaptureCapability","useCapability","CapturePlugin","id","pageIndex","scale","className","stroke","fill","provides","capturePlugin","rect","setRect","useState","useEffect","registerMarqueeOnPage","callback","onPreview","jsxRuntime","jsx","style","position","pointerEvents","left","origin","x","top","y","width","size","height","border","background","boxSizing","isMarqueeCaptureActive","setIsMarqueeCaptureActive","onMarqueeCaptureActiveChange","usePlugin"],"mappings":"gNAIaA,EAAuB,IAAMC,gBAA6BC,EAAAA,cAAcC,2BCavD,EAC5BC,YACAC,QACAC,YACAC,SAAS,uBACTC,OAAO,4BAEP,MAAQC,SAAUC,GAAkBV,KAC7BW,EAAMC,GAAWC,EAAAA,SAAsB,MAa1C,OAXJC,EAAAA,WAAU,KACR,GAAKJ,EACL,OAAOA,EAAcK,sBAAsB,CACzCX,YACAC,QACAW,SAAU,CACRC,UAAWL,IAEd,GACA,CAACF,EAAeN,EAAWC,IAEzBM,EAGHO,EAAAC,IAAC,MAAA,CACCC,MAAO,CACLC,SAAU,WACVC,cAAe,OACfC,KAAMZ,EAAKa,OAAOC,EAAIpB,EACtBqB,IAAKf,EAAKa,OAAOG,EAAItB,EACrBuB,MAAOjB,EAAKkB,KAAKD,MAAQvB,EACzByB,OAAQnB,EAAKkB,KAAKC,OAASzB,EAC3B0B,OAAQ,aAAaxB,IACrByB,WAAYxB,EACZyB,UAAW,cAEb3B,cAfc,IAgBhB,qBD/CsB,KAClB,MAAAG,SAAEA,GAAaT,KACdkC,EAAwBC,GAA6BtB,EAAAA,UAAS,GAS9D,OAPPC,EAAAA,WAAU,KACR,GAAKL,EACE,OAAAA,EAAS2B,8BAA8BF,IAC5CC,EAA0BD,EAAsB,GACjD,GACA,CAACzB,IAEG,CACLA,WACAyB,yBACF,0DAhB8B,IAAMG,YAAyBnC,EAAAA,cAAcC"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-capture.ts","../../src/shared/components/marquee-capture.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  CapturePlugin,\n  CaptureDocumentState,\n  initialDocumentState,\n} from '@embedpdf/plugin-capture';\nimport { useState, useEffect } from '@framework';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n\n/**\n * Hook for capture state for a specific document\n * @param documentId Document ID\n */\nexport const useCapture = (documentId: string) => {\n  const { provides } = useCaptureCapability();\n  const [state, setState] = useState<CaptureDocumentState>(initialDocumentState);\n\n  useEffect(() => {\n    if (!provides) return;\n\n    const scope = provides.forDocument(documentId);\n\n    // Get initial state\n    setState(scope.getState());\n\n    // Subscribe to state changes\n    return scope.onStateChange((newState) => {\n      setState(newState);\n    });\n  }, [provides, documentId]);\n\n  return {\n    state,\n    provides: provides?.forDocument(documentId) ?? null,\n  };\n};\n","import { useEffect, useMemo, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Document ID */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale?: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nexport const MarqueeCapture = ({\n  documentId,\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  const { provides: capturePlugin } = useCaptureCapability();\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 (!capturePlugin) return;\n    return capturePlugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [capturePlugin, 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 solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"names":["useCaptureCapability","useCapability","CapturePlugin","id","documentId","pageIndex","scale","className","stroke","fill","provides","capturePlugin","documentState","useDocumentState","rect","setRect","useState","actualScale","useMemo","useEffect","registerMarqueeOnPage","callback","onPreview","jsx","style","position","pointerEvents","left","origin","x","top","y","width","size","height","border","background","boxSizing","state","setState","initialDocumentState","scope","forDocument","getState","onStateChange","newState","usePlugin"],"mappings":"gNAQaA,EAAuB,IAAMC,gBAA6BC,EAAAA,cAAcC,2BCYvD,EAC5BC,aACAC,YACAC,QACAC,YACAC,SAAS,uBACTC,OAAO,4BAEP,MAAQC,SAAUC,GAAkBX,IAC9BY,EAAgBC,EAAAA,iBAAiBT,IAChCU,EAAMC,GAAWC,EAAAA,SAAsB,MAExCC,EAAcC,EAAAA,QAAQ,SACZ,IAAVZ,EAA4BA,SACzBM,WAAeN,QAAS,EAC9B,CAACA,EAAO,MAAAM,OAAA,EAAAA,EAAeN,QAc1B,OAZAa,EAAAA,UAAU,KACR,GAAKR,EACL,OAAOA,EAAcS,sBAAsB,CACzChB,aACAC,YACAC,MAAOW,EACPI,SAAU,CACRC,UAAWP,MAGd,CAACJ,EAAeP,EAAYC,EAAWY,IAErCH,EAGHS,EAAAA,IAAC,MAAA,CACCC,MAAO,CACLC,SAAU,WACVC,cAAe,OACfC,KAAMb,EAAKc,OAAOC,EAAIZ,EACtBa,IAAKhB,EAAKc,OAAOG,EAAId,EACrBe,MAAOlB,EAAKmB,KAAKD,MAAQf,EACzBiB,OAAQpB,EAAKmB,KAAKC,OAASjB,EAC3BkB,OAAQ,aAAa3B,IACrB4B,WAAY3B,EACZ4B,UAAW,cAEb9B,cAfc,yBDlCOH,IACzB,MAAMM,SAAEA,GAAaV,KACdsC,EAAOC,GAAYvB,EAAAA,SAA+BwB,EAAAA,sBAgBzD,OAdArB,EAAAA,UAAU,KACR,IAAKT,EAAU,OAEf,MAAM+B,EAAQ/B,EAASgC,YAAYtC,GAMnC,OAHAmC,EAASE,EAAME,YAGRF,EAAMG,cAAeC,IAC1BN,EAASM,MAEV,CAACnC,EAAUN,IAEP,CACLkC,QACA5B,UAAU,MAAAA,OAAA,EAAAA,EAAUgC,YAAYtC,KAAe,+DA1BnB,IAAM0C,YAAyB5C,EAAAA,cAAcC"}

package/dist/react/index.js

@@ -1,25 +1,28 @@
-import { useCapability, usePlugin } from "@embedpdf/core/react";
-import { CapturePlugin } from "@embedpdf/plugin-capture";
+import { useCapability, usePlugin, useDocumentState } from "@embedpdf/core/react";
+import { CapturePlugin, initialDocumentState } from "@embedpdf/plugin-capture";
 export * from "@embedpdf/plugin-capture";
-import { useState, useEffect } from "react";
+import { useState, useEffect, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 const useCaptureCapability = () => useCapability(CapturePlugin.id);
 const useCapturePlugin = () => usePlugin(CapturePlugin.id);
-const useCapture = () => {
+const useCapture = (documentId) => {
   const { provides } = useCaptureCapability();
-  const [isMarqueeCaptureActive, setIsMarqueeCaptureActive] = useState(false);
+  const [state, setState] = useState(initialDocumentState);
   useEffect(() => {
     if (!provides) return;
-    return provides.onMarqueeCaptureActiveChange((isMarqueeCaptureActive2) => {
-      setIsMarqueeCaptureActive(isMarqueeCaptureActive2);
+    const scope = provides.forDocument(documentId);
+    setState(scope.getState());
+    return scope.onStateChange((newState) => {
+      setState(newState);
     });
-  }, [provides]);
+  }, [provides, documentId]);
   return {
-    provides,
-    isMarqueeCaptureActive
+    state,
+    provides: (provides == null ? void 0 : provides.forDocument(documentId)) ?? null
   };
 };
 const MarqueeCapture = ({
+  documentId,
   pageIndex,
   scale,
   className,
@@ -27,17 +30,23 @@ const MarqueeCapture = ({
   fill = "rgba(33,150,243,0.15)"
 }) => {
   const { provides: capturePlugin } = useCaptureCapability();
+  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 (!capturePlugin) return;
     return capturePlugin.registerMarqueeOnPage({
+      documentId,
       pageIndex,
-      scale,
+      scale: actualScale,
       callback: {
         onPreview: setRect
       }
     });
-  }, [capturePlugin, pageIndex, scale]);
+  }, [capturePlugin, documentId, pageIndex, actualScale]);
   if (!rect) return null;
   return /* @__PURE__ */ jsx(
     "div",
@@ -45,10 +54,10 @@ const MarqueeCapture = ({
       style: {
         position: "absolute",
         pointerEvents: "none",
-        left: rect.origin.x * scale,
-        top: rect.origin.y * scale,
-        width: rect.size.width * scale,
-        height: rect.size.height * scale,
+        left: rect.origin.x * actualScale,
+        top: rect.origin.y * actualScale,
+        width: rect.size.width * actualScale,
+        height: rect.size.height * actualScale,
         border: `1px solid ${stroke}`,
         background: fill,
         boxSizing: "border-box"

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-capture.ts","../../src/shared/components/marquee-capture.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CapturePlugin } from '@embedpdf/plugin-capture';\nimport { useState, useEffect } from '@framework';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n\nexport const useCapture = () => {\n  const { provides } = useCaptureCapability();\n  const [isMarqueeCaptureActive, setIsMarqueeCaptureActive] = useState(false);\n\n  useEffect(() => {\n    if (!provides) return;\n    return provides.onMarqueeCaptureActiveChange((isMarqueeCaptureActive) => {\n      setIsMarqueeCaptureActive(isMarqueeCaptureActive);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    isMarqueeCaptureActive,\n  };\n};\n","import { useEffect, useState } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  const { provides: capturePlugin } = useCaptureCapability();\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!capturePlugin) return;\n    return capturePlugin.registerMarqueeOnPage({\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [capturePlugin, pageIndex, scale]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"names":["isMarqueeCaptureActive"],"mappings":";;;;;AAIO,MAAM,uBAAuB,MAAM,cAA6B,cAAc,EAAE;AAChF,MAAM,mBAAmB,MAAM,UAAyB,cAAc,EAAE;AAExE,MAAM,aAAa,MAAM;AACxB,QAAA,EAAE,SAAS,IAAI,qBAAqB;AAC1C,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,KAAK;AAE1E,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AACR,WAAA,SAAS,6BAA6B,CAACA,4BAA2B;AACvE,gCAA0BA,uBAAsB;AAAA,IAAA,CACjD;AAAA,EAAA,GACA,CAAC,QAAQ,CAAC;AAEN,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;ACLO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AACT,MAA2B;AACzB,QAAM,EAAE,UAAU,cAAc,IAAI,qBAAqB;AACzD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,IAAI;AAElD,YAAU,MAAM;AACd,QAAI,CAAC,cAAe;AACpB,WAAO,cAAc,sBAAsB;AAAA,MACzC;AAAA,MACA;AAAA,MACA,UAAU;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,IACb,CACD;AAAA,EACA,GAAA,CAAC,eAAe,WAAW,KAAK,CAAC;AAEhC,MAAA,CAAC,KAAa,QAAA;AAGhB,SAAA;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,aAAa,MAAM;AAAA,QAC3B,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-capture.ts","../../src/shared/components/marquee-capture.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  CapturePlugin,\n  CaptureDocumentState,\n  initialDocumentState,\n} from '@embedpdf/plugin-capture';\nimport { useState, useEffect } from '@framework';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n\n/**\n * Hook for capture state for a specific document\n * @param documentId Document ID\n */\nexport const useCapture = (documentId: string) => {\n  const { provides } = useCaptureCapability();\n  const [state, setState] = useState<CaptureDocumentState>(initialDocumentState);\n\n  useEffect(() => {\n    if (!provides) return;\n\n    const scope = provides.forDocument(documentId);\n\n    // Get initial state\n    setState(scope.getState());\n\n    // Subscribe to state changes\n    return scope.onStateChange((newState) => {\n      setState(newState);\n    });\n  }, [provides, documentId]);\n\n  return {\n    state,\n    provides: provides?.forDocument(documentId) ?? null,\n  };\n};\n","import { useEffect, useMemo, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Document ID */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale?: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nexport const MarqueeCapture = ({\n  documentId,\n  pageIndex,\n  scale,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  const { provides: capturePlugin } = useCaptureCapability();\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 (!capturePlugin) return;\n    return capturePlugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [capturePlugin, 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 solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,uBAAuB,MAAM,cAA6B,cAAc,EAAE;AAChF,MAAM,mBAAmB,MAAM,UAAyB,cAAc,EAAE;AAMxE,MAAM,aAAa,CAAC,eAAuB;AAChD,QAAM,EAAE,SAAA,IAAa,qBAAA;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA+B,oBAAoB;AAE7E,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AAEf,UAAM,QAAQ,SAAS,YAAY,UAAU;AAG7C,aAAS,MAAM,UAAU;AAGzB,WAAO,MAAM,cAAc,CAAC,aAAa;AACvC,eAAS,QAAQ;AAAA,IACnB,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,UAAU,CAAC;AAEzB,SAAO;AAAA,IACL;AAAA,IACA,WAAU,qCAAU,YAAY,gBAAe;AAAA,EAAA;AAEnD;ACjBO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AACT,MAA2B;AACzB,QAAM,EAAE,UAAU,cAAA,IAAkB,qBAAA;AACpC,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,cAAe;AACpB,WAAO,cAAc,sBAAsB;AAAA,MACzC;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,IACb,CACD;AAAA,EACH,GAAG,CAAC,eAAe,YAAY,WAAW,WAAW,CAAC;AAEtD,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,aAAa,MAAM;AAAA,QAC3B,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,13 +1,15 @@
 interface MarqueeCaptureProps {
+    /** Document ID */
+    documentId: string;
     /** Index of the page this layer lives on */
     pageIndex: number;
     /** Scale of the page */
-    scale: number;
+    scale?: number;
     /** Optional CSS class applied to the marquee rectangle */
     className?: string;
     /** Stroke / fill colours (defaults below) */
     stroke?: string;
     fill?: string;
 }
-export declare const MarqueeCapture: ({ pageIndex, scale, className, stroke, fill, }: MarqueeCaptureProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MarqueeCapture: ({ documentId, pageIndex, scale, className, stroke, fill, }: MarqueeCaptureProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/shared/hooks/use-capture.d.ts

@@ -1,4 +1,4 @@
-import { CapturePlugin } from '../../index.ts';
+import { CapturePlugin, CaptureDocumentState } from '../../index.ts';
 export declare const useCaptureCapability: () => {
     provides: Readonly<import('../../index.ts').CaptureCapability> | null;
     isLoading: boolean;
@@ -9,7 +9,11 @@ export declare const useCapturePlugin: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
-export declare const useCapture: () => {
-    provides: Readonly<import('../../index.ts').CaptureCapability> | null;
-    isMarqueeCaptureActive: boolean;
+/**
+ * Hook for capture state for a specific document
+ * @param documentId Document ID
+ */
+export declare const useCapture: (documentId: string) => {
+    state: CaptureDocumentState;
+    provides: import('../../index.ts').CaptureScope | null;
 };

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

@@ -1,13 +1,15 @@
 interface MarqueeCaptureProps {
+    /** Document ID */
+    documentId: string;
     /** Index of the page this layer lives on */
     pageIndex: number;
     /** Scale of the page */
-    scale: number;
+    scale?: number;
     /** Optional CSS class applied to the marquee rectangle */
     className?: string;
     /** Stroke / fill colours (defaults below) */
     stroke?: string;
     fill?: string;
 }
-export declare const MarqueeCapture: ({ pageIndex, scale, className, stroke, fill, }: MarqueeCaptureProps) => import("preact").JSX.Element | null;
+export declare const MarqueeCapture: ({ documentId, pageIndex, scale, className, stroke, fill, }: MarqueeCaptureProps) => import("preact").JSX.Element | null;
 export {};

package/dist/shared-preact/hooks/use-capture.d.ts

@@ -1,4 +1,4 @@
-import { CapturePlugin } from '../../lib/index.ts';
+import { CapturePlugin, CaptureDocumentState } from '../../lib/index.ts';
 export declare const useCaptureCapability: () => {
     provides: Readonly<import('../../lib/index.ts').CaptureCapability> | null;
     isLoading: boolean;
@@ -9,7 +9,11 @@ export declare const useCapturePlugin: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
-export declare const useCapture: () => {
-    provides: Readonly<import('../../lib/index.ts').CaptureCapability> | null;
-    isMarqueeCaptureActive: boolean;
+/**
+ * Hook for capture state for a specific document
+ * @param documentId Document ID
+ */
+export declare const useCapture: (documentId: string) => {
+    state: CaptureDocumentState;
+    provides: import('../../lib/index.ts').CaptureScope | null;
 };

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

@@ -1,13 +1,15 @@
 interface MarqueeCaptureProps {
+    /** Document ID */
+    documentId: string;
     /** Index of the page this layer lives on */
     pageIndex: number;
     /** Scale of the page */
-    scale: number;
+    scale?: number;
     /** Optional CSS class applied to the marquee rectangle */
     className?: string;
     /** Stroke / fill colours (defaults below) */
     stroke?: string;
     fill?: string;
 }
-export declare const MarqueeCapture: ({ pageIndex, scale, className, stroke, fill, }: MarqueeCaptureProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MarqueeCapture: ({ documentId, pageIndex, scale, className, stroke, fill, }: MarqueeCaptureProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/shared-react/hooks/use-capture.d.ts

@@ -1,4 +1,4 @@
-import { CapturePlugin } from '../../lib/index.ts';
+import { CapturePlugin, CaptureDocumentState } from '../../lib/index.ts';
 export declare const useCaptureCapability: () => {
     provides: Readonly<import('../../lib/index.ts').CaptureCapability> | null;
     isLoading: boolean;
@@ -9,7 +9,11 @@ export declare const useCapturePlugin: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
-export declare const useCapture: () => {
-    provides: Readonly<import('../../lib/index.ts').CaptureCapability> | null;
-    isMarqueeCaptureActive: boolean;
+/**
+ * Hook for capture state for a specific document
+ * @param documentId Document ID
+ */
+export declare const useCapture: (documentId: string) => {
+    state: CaptureDocumentState;
+    provides: import('../../lib/index.ts').CaptureScope | null;
 };

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

@@ -1,8 +1,10 @@
 interface MarqueeCaptureProps {
+    /** Document ID */
+    documentId: string;
     /** Index of the page this layer lives on */
     pageIndex: number;
     /** Scale of the page */
-    scale: number;
+    scale?: number;
     /** Optional CSS class applied to the marquee rectangle */
     class?: string;
     /** Stroke / fill colours (defaults below) */

package/dist/svelte/hooks/use-capture.svelte.d.ts

@@ -1,4 +1,4 @@
-import { CapturePlugin } from '../../lib/index.ts';
+import { CapturePlugin, CaptureDocumentState, CaptureScope } from '../../lib/index.ts';
 export declare const useCaptureCapability: () => {
     provides: Readonly<import('../../lib/index.ts').CaptureCapability> | null;
     isLoading: boolean;
@@ -9,7 +9,13 @@ export declare const useCapturePlugin: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
-export declare const useCapture: () => {
-    readonly provides: Readonly<import('../../lib/index.ts').CaptureCapability> | null;
-    isMarqueeCaptureActive: boolean;
-};
+interface UseCaptureReturn {
+    provides: CaptureScope | null;
+    state: CaptureDocumentState;
+}
+/**
+ * Hook for capture state for a specific document
+ * @param getDocumentId Function that returns the document ID
+ */
+export declare const useCapture: (getDocumentId: () => string | null) => UseCaptureReturn;
+export {};

package/dist/svelte/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("svelte/internal/client"),t=require("@embedpdf/plugin-capture"),r=require("@embedpdf/core/svelte");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}require("svelte/internal/disclose-version");const s=i(e),o=()=>r.useCapability(t.CapturePlugin.id);var a=s.from_html("<div></div>");exports.MarqueeCapture=function(e,t){s.push(t,!0);let r=s.prop(t,"stroke",3,"rgba(33,150,243,0.8)"),i=s.prop(t,"fill",3,"rgba(33,150,243,0.15)");const n=o();let p=s.state(null);s.user_effect((()=>{if(n.provides)return n.provides.registerMarqueeOnPage({pageIndex:t.pageIndex,scale:t.scale,callback:{onPreview:e=>s.set(p,e,!0)}})}));var l=s.comment(),u=s.first_child(l),c=e=>{var o=a();let n;s.template_effect((e=>{s.set_class(o,1,s.clsx(t.class)),n=s.set_style(o,"",n,e)}),[()=>({position:"absolute","pointer-events":"none",left:s.get(p).origin.x*t.scale+"px",top:s.get(p).origin.y*t.scale+"px",width:s.get(p).size.width*t.scale+"px",height:s.get(p).size.height*t.scale+"px",border:`1px solid ${r()}`,background:i(),"box-sizing":"border-box"})]),s.append(e,o)};s.if(u,(e=>{s.get(p)&&e(c)})),s.append(e,l),s.pop()},exports.useCapture=()=>{const e=o(),t=s.proxy({get provides(){return e.provides},isMarqueeCaptureActive:!1});return s.user_effect((()=>{var r;return null==(r=e.provides)?void 0:r.onMarqueeCaptureActiveChange((e=>{t.isMarqueeCaptureActive=e}))})),t},exports.useCaptureCapability=o,exports.useCapturePlugin=()=>r.usePlugin(t.CapturePlugin.id),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("svelte/internal/client"),t=require("@embedpdf/core/svelte"),r=require("@embedpdf/plugin-capture");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}require("svelte/internal/disclose-version");const n=o(e),i=()=>t.useCapability(r.CapturePlugin.id);var s=n.from_html("<div></div>");exports.MarqueeCapture=function(e,r){n.push(r,!0);let o=n.prop(r,"stroke",3,"rgba(33,150,243,0.8)"),u=n.prop(r,"fill",3,"rgba(33,150,243,0.15)");const a=i(),l=t.useDocumentState(()=>r.documentId);let p=n.state(null);const c=n.derived(()=>{var e;return void 0!==r.scale?r.scale:(null==(e=l.current)?void 0:e.scale)??1});n.user_effect(()=>{if(n.set(p,null),a.provides)return a.provides.registerMarqueeOnPage({documentId:r.documentId,pageIndex:r.pageIndex,scale:n.get(c),callback:{onPreview:e=>{n.set(p,e,!0)}}})});var d=n.comment(),g=n.first_child(d),f=e=>{var t=s();let i;n.template_effect(()=>{n.set_class(t,1,n.clsx(r.class)),i=n.set_style(t,"",i,{position:"absolute","pointer-events":"none",left:n.get(p).origin.x*n.get(c)+"px",top:n.get(p).origin.y*n.get(c)+"px",width:n.get(p).size.width*n.get(c)+"px",height:n.get(p).size.height*n.get(c)+"px",border:`1px solid ${o()}`,background:u(),"box-sizing":"border-box"})}),n.append(e,t)};n.if(g,e=>{n.get(p)&&e(f)}),n.append(e,d),n.pop()},exports.useCapture=e=>{const t=i();let o=n.state(n.proxy(r.initialDocumentState));const s=n.derived(e),u=n.derived(()=>t.provides&&n.get(s)?t.provides.forDocument(n.get(s)):null);return n.user_effect(()=>{const e=t.provides,i=n.get(s);if(!e||!i)return void n.set(o,r.initialDocumentState,!0);const u=e.forDocument(i);return n.set(o,u.getState(),!0),u.onStateChange(e=>{n.set(o,e,!0)})}),{get provides(){return n.get(u)},get state(){return n.get(o)}}},exports.useCaptureCapability=i,exports.useCapturePlugin=()=>t.usePlugin(r.CapturePlugin.id),Object.keys(r).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})});
 //# sourceMappingURL=index.cjs.map