@embedpdf/plugin-capture 1.0.19 → 1.0.21

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),a=require("@embedpdf/models"),t="capture",i={id:t,name:"Capture Plugin",version:"1.0.0",provides:["capture"],requires:["render","interaction-manager"],optional:[],defaultConfig:{enabled:!0,scale:1,imageType:"image/png",withAnnotations:!1}},r=class extends e.BasePlugin{constructor(a,t,i){super(a,t),this.captureArea$=e.createEmitter(),this.config=i,this.renderCapability=this.registry.getPlugin("render").provides(),this.interactionManagerCapability=this.registry.getPlugin("interaction-manager").provides(),this.interactionManagerCapability.registerMode({id:"marqueeCapture",scope:"page",exclusive:!0,cursor:"crosshair"})}async initialize(e){}buildCapability(){return{onCaptureArea:this.captureArea$.on,captureArea:this.captureArea.bind(this),enableMarqueeCapture:this.enableMarqueeCapture.bind(this),disableMarqueeCapture:this.disableMarqueeCapture.bind(this),toggleMarqueeCapture:this.toggleMarqueeCapture.bind(this),isMarqueeCaptureActive:()=>{var e;return"marqueeCapture"===(null==(e=this.interactionManagerCapability)?void 0:e.getActiveMode())}}}captureArea(e,t){this.disableMarqueeCapture();this.renderCapability.renderPageRect({pageIndex:e,rect:t,options:{imageType:this.config.imageType,scaleFactor:this.config.scale,withAnnotations:this.config.withAnnotations||!1}}).wait((a=>{this.captureArea$.emit({pageIndex:e,rect:t,blob:a,imageType:this.config.imageType||"image/png",scale:this.config.scale||1,withAnnotations:this.config.withAnnotations||!1})}),a.ignore)}enableMarqueeCapture(){var e;null==(e=this.interactionManagerCapability)||e.activate("marqueeCapture")}disableMarqueeCapture(){var e;null==(e=this.interactionManagerCapability)||e.activateDefaultMode()}toggleMarqueeCapture(){var e,a,t;"marqueeCapture"===(null==(e=this.interactionManagerCapability)?void 0:e.getActiveMode())?null==(a=this.interactionManagerCapability)||a.activateDefaultMode():null==(t=this.interactionManagerCapability)||t.activate("marqueeCapture")}};r.id="capture";let n=r;const s={manifest:i,create:(e,a)=>new n(t,e,a),reducer:()=>{},initialState:{}};exports.CAPTURE_PLUGIN_ID=t,exports.CapturePlugin=n,exports.CapturePluginPackage=s,exports.manifest=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),a=require("@embedpdf/models"),t="capture",i={id:t,name:"Capture Plugin",version:"1.0.0",provides:["capture"],requires:["render"],optional:["interaction-manager"],defaultConfig:{enabled:!0,scale:1,imageType:"image/png",withAnnotations:!1}};const r=class extends e.BasePlugin{constructor(a,t,i){var r;super(a,t),this.captureArea$=e.createEmitter(),this.config=i,this.renderCapability=this.registry.getPlugin("render").provides(),this.interactionManagerCapability=null==(r=this.registry.getPlugin("interaction-manager"))?void 0:r.provides(),this.interactionManagerCapability&&this.interactionManagerCapability.registerMode({id:"marqueeCapture",scope:"page",exclusive:!0,cursor:"crosshair"})}async initialize(e){}buildCapability(){return{onCaptureArea:this.captureArea$.on,captureArea:this.captureArea.bind(this),enableMarqueeCapture:this.enableMarqueeCapture.bind(this),disableMarqueeCapture:this.disableMarqueeCapture.bind(this),toggleMarqueeCapture:this.toggleMarqueeCapture.bind(this),isMarqueeCaptureActive:()=>{var e;return"marqueeCapture"===(null==(e=this.interactionManagerCapability)?void 0:e.getActiveMode())},registerMarqueeOnPage:e=>this.registerMarqueeOnPage(e)}}registerMarqueeOnPage(a){if(!this.interactionManagerCapability)return this.logger.warn("CapturePlugin","MissingDependency","Interaction manager plugin not loaded, marquee capture disabled"),()=>{};const t=this.coreState.core.document;if(!t)return this.logger.warn("CapturePlugin","DocumentNotFound","Document not found"),()=>{};const i=t.pages[a.pageIndex];if(!i)return this.logger.warn("CapturePlugin","PageNotFound",`Page ${a.pageIndex} not found`),()=>{};const r=function(a){const{pageSize:t,scale:i,minDragPx:r=5,onPreview:n,onCommit:l}=a;let o=null,u=null;return{onPointerDown:(e,a)=>{var t;o=e,u={origin:{x:e.x,y:e.y},size:{width:0,height:0}},null==n||n(u),null==(t=a.setPointerCapture)||t.call(a)},onPointerMove:a=>{if(!o)return;const i=e.clamp(a.x,0,t.width),r=e.clamp(a.y,0,t.height);u={origin:{x:Math.min(o.x,i),y:Math.min(o.y,r)},size:{width:Math.abs(i-o.x),height:Math.abs(r-o.y)}},null==n||n(u)},onPointerUp:(e,a)=>{var t;u&&Math.max(u.size.width,u.size.height)*i>r&&(null==l||l(u)),o=null,u=null,null==n||n(null),null==(t=a.releasePointerCapture)||t.call(a)},onPointerCancel:(e,a)=>{var t;o=null,u=null,null==n||n(null),null==(t=a.releasePointerCapture)||t.call(a)}}}({pageSize:i.size,scale:a.scale,onPreview:a.callback.onPreview,onCommit:e=>{var t,i;this.captureArea(a.pageIndex,e),null==(i=(t=a.callback).onCommit)||i.call(t,e)}});return this.interactionManagerCapability.registerHandlers({modeId:"marqueeCapture",handlers:r,pageIndex:a.pageIndex})}captureArea(e,t){this.disableMarqueeCapture();this.renderCapability.renderPageRect({pageIndex:e,rect:t,options:{imageType:this.config.imageType,scaleFactor:this.config.scale,withAnnotations:this.config.withAnnotations||!1}}).wait((a=>{this.captureArea$.emit({pageIndex:e,rect:t,blob:a,imageType:this.config.imageType||"image/png",scale:this.config.scale||1,withAnnotations:this.config.withAnnotations||!1})}),a.ignore)}enableMarqueeCapture(){var e;null==(e=this.interactionManagerCapability)||e.activate("marqueeCapture")}disableMarqueeCapture(){var e;null==(e=this.interactionManagerCapability)||e.activateDefaultMode()}toggleMarqueeCapture(){var e,a,t;"marqueeCapture"===(null==(e=this.interactionManagerCapability)?void 0:e.getActiveMode())?null==(a=this.interactionManagerCapability)||a.activateDefaultMode():null==(t=this.interactionManagerCapability)||t.activate("marqueeCapture")}};r.id="capture";let n=r;const l={manifest:i,create:(e,a)=>new n(t,e,a),reducer:()=>{},initialState:{}};exports.CAPTURE_PLUGIN_ID=t,exports.CapturePlugin=n,exports.CapturePluginPackage=l,exports.manifest=i;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/lib/manifest.ts","../src/lib/capture-plugin.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\nimport { CapturePluginConfig } from './types';\n\nexport const CAPTURE_PLUGIN_ID = 'capture';\n\nexport const manifest: PluginManifest<CapturePluginConfig> = {\n  id: CAPTURE_PLUGIN_ID,\n  name: 'Capture Plugin',\n  version: '1.0.0',\n  provides: ['capture'],\n  requires: ['render', 'interaction-manager'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    scale: 1,\n    imageType: 'image/png',\n    withAnnotations: false,\n  },\n};\n","import { BasePlugin, createEmitter, PluginRegistry } from '@embedpdf/core';\nimport {\n  InteractionManagerCapability,\n  InteractionManagerPlugin,\n} from '@embedpdf/plugin-interaction-manager';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\n\nimport { CaptureAreaEvent, CaptureCapability, CapturePluginConfig } from './types';\nimport { ignore, Rect } from '@embedpdf/models';\n\nexport class CapturePlugin extends BasePlugin<CapturePluginConfig, CaptureCapability> {\n  static readonly id = 'capture' as const;\n\n  private captureArea$ = createEmitter<CaptureAreaEvent>();\n\n  private renderCapability: RenderCapability;\n  private interactionManagerCapability: InteractionManagerCapability;\n  private config: CapturePluginConfig;\n\n  constructor(id: string, registry: PluginRegistry, config: CapturePluginConfig) {\n    super(id, registry);\n\n    this.config = config;\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n    this.interactionManagerCapability = this.registry\n      .getPlugin<InteractionManagerPlugin>('interaction-manager')!\n      .provides();\n\n    this.interactionManagerCapability.registerMode({\n      id: 'marqueeCapture',\n      scope: 'page',\n      exclusive: true,\n      cursor: 'crosshair',\n    });\n  }\n\n  async initialize(_: CapturePluginConfig): Promise<void> {}\n\n  protected buildCapability(): CaptureCapability {\n    return {\n      onCaptureArea: this.captureArea$.on,\n      captureArea: this.captureArea.bind(this),\n      enableMarqueeCapture: this.enableMarqueeCapture.bind(this),\n      disableMarqueeCapture: this.disableMarqueeCapture.bind(this),\n      toggleMarqueeCapture: this.toggleMarqueeCapture.bind(this),\n      isMarqueeCaptureActive: () =>\n        this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture',\n    };\n  }\n\n  private captureArea(pageIndex: number, rect: Rect) {\n    this.disableMarqueeCapture();\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex,\n      rect,\n      options: {\n        imageType: this.config.imageType,\n        scaleFactor: this.config.scale,\n        withAnnotations: this.config.withAnnotations || false,\n      },\n    });\n\n    task.wait((blob) => {\n      this.captureArea$.emit({\n        pageIndex,\n        rect,\n        blob,\n        imageType: this.config.imageType || 'image/png',\n        scale: this.config.scale || 1,\n        withAnnotations: this.config.withAnnotations || false,\n      });\n    }, ignore);\n  }\n\n  private enableMarqueeCapture() {\n    this.interactionManagerCapability?.activate('marqueeCapture');\n  }\n\n  private disableMarqueeCapture() {\n    this.interactionManagerCapability?.activateDefaultMode();\n  }\n\n  private toggleMarqueeCapture() {\n    if (this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture') {\n      this.interactionManagerCapability?.activateDefaultMode();\n    } else {\n      this.interactionManagerCapability?.activate('marqueeCapture');\n    }\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, CAPTURE_PLUGIN_ID } from './manifest';\nimport { CapturePluginConfig } from './types';\nimport { CapturePlugin } from './capture-plugin';\n\nexport const CapturePluginPackage: PluginPackage<CapturePlugin, CapturePluginConfig> = {\n  manifest,\n  create: (registry, config) => new CapturePlugin(CAPTURE_PLUGIN_ID, registry, config),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './capture-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"names":["CAPTURE_PLUGIN_ID","manifest","id","name","version","provides","requires","optional","defaultConfig","enabled","scale","imageType","withAnnotations","_CapturePlugin","BasePlugin","constructor","registry","config","super","this","captureArea$","createEmitter","renderCapability","getPlugin","interactionManagerCapability","registerMode","scope","exclusive","cursor","initialize","_","buildCapability","onCaptureArea","on","captureArea","bind","enableMarqueeCapture","disableMarqueeCapture","toggleMarqueeCapture","isMarqueeCaptureActive","_a","getActiveMode","pageIndex","rect","renderPageRect","options","scaleFactor","wait","blob","emit","ignore","activate","activateDefaultMode","_b","_c","CapturePlugin","CapturePluginPackage","create","reducer","initialState"],"mappings":"gJAGaA,EAAoB,UAEpBC,EAAgD,CAC3DC,GAAIF,EACJG,KAAM,iBACNC,QAAS,QACTC,SAAU,CAAC,WACXC,SAAU,CAAC,SAAU,uBACrBC,SAAU,GACVC,cAAe,CACbC,SAAS,EACTC,MAAO,EACPC,UAAW,YACXC,iBAAiB,ICNRC,EAAN,cAA4BC,EAAAA,WASjC,WAAAC,CAAYb,EAAYc,EAA0BC,GAChDC,MAAMhB,EAAIc,GAPJG,KAAAC,aAAeC,kBASrBF,KAAKF,OAASA,EAEdE,KAAKG,iBAAmBH,KAAKH,SAASO,UAAwB,UAAWlB,WACzEc,KAAKK,6BAA+BL,KAAKH,SACtCO,UAAoC,uBACpClB,WAEHc,KAAKK,6BAA6BC,aAAa,CAC7CvB,GAAI,iBACJwB,MAAO,OACPC,WAAW,EACXC,OAAQ,aACT,CAGH,gBAAMC,CAAWC,GAAuC,CAE9C,eAAAC,GACD,MAAA,CACLC,cAAeb,KAAKC,aAAaa,GACjCC,YAAaf,KAAKe,YAAYC,KAAKhB,MACnCiB,qBAAsBjB,KAAKiB,qBAAqBD,KAAKhB,MACrDkB,sBAAuBlB,KAAKkB,sBAAsBF,KAAKhB,MACvDmB,qBAAsBnB,KAAKmB,qBAAqBH,KAAKhB,MACrDoB,uBAAwB,WACjB,MAAkD,oBAAvD,OAAKC,EAAArB,KAAAK,uCAA8BiB,gBAAoB,EAC3D,CAGM,WAAAP,CAAYQ,EAAmBC,GACrCxB,KAAKkB,wBAEQlB,KAAKG,iBAAiBsB,eAAe,CAChDF,YACAC,OACAE,QAAS,CACPlC,UAAWQ,KAAKF,OAAON,UACvBmC,YAAa3B,KAAKF,OAAOP,MACzBE,gBAAiBO,KAAKF,OAAOL,kBAAmB,KAI/CmC,MAAMC,IACT7B,KAAKC,aAAa6B,KAAK,CACrBP,YACAC,OACAK,OACArC,UAAWQ,KAAKF,OAAON,WAAa,YACpCD,MAAOS,KAAKF,OAAOP,OAAS,EAC5BE,gBAAiBO,KAAKF,OAAOL,kBAAmB,GACjD,GACAsC,SAAM,CAGH,oBAAAd,SACD,OAAAI,EAAArB,KAAAK,iCAA8B2B,SAAS,iBAAgB,CAGtD,qBAAAd,SACN,OAAAG,EAAArB,KAAKK,+BAA8BgB,EAAAY,qBAAoB,CAGjD,oBAAAd,aACqD,oBAAvD,OAAAE,EAAKrB,KAAAK,mCAA8B,EAAAgB,EAAAC,iBACrC,OAAAY,EAAAlC,KAAKK,+BAA8B6B,EAAAD,sBAE9B,OAAAE,EAAAnC,KAAAK,iCAA8B2B,SAAS,iBAC9C,GA9EFtC,EAAgBX,GAAK,UADhB,IAAMqD,EAAN1C,ECLA,MAAM2C,EAA0E,CACrFvD,WACAwD,OAAQ,CAACzC,EAAUC,IAAW,IAAIsC,EAAcvD,EAAmBgB,EAAUC,GAC7EyC,QAAS,OACTC,aAAc,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../src/lib/manifest.ts","../src/lib/capture-plugin.ts","../src/lib/handlers/marquee-capture.handler.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\nimport { CapturePluginConfig } from './types';\n\nexport const CAPTURE_PLUGIN_ID = 'capture';\n\nexport const manifest: PluginManifest<CapturePluginConfig> = {\n  id: CAPTURE_PLUGIN_ID,\n  name: 'Capture Plugin',\n  version: '1.0.0',\n  provides: ['capture'],\n  requires: ['render'],\n  optional: ['interaction-manager'],\n  defaultConfig: {\n    enabled: true,\n    scale: 1,\n    imageType: 'image/png',\n    withAnnotations: false,\n  },\n};\n","import { BasePlugin, createEmitter, PluginRegistry } from '@embedpdf/core';\nimport { ignore, Rect } from '@embedpdf/models';\nimport {\n  InteractionManagerCapability,\n  InteractionManagerPlugin,\n} from '@embedpdf/plugin-interaction-manager';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\n\nimport {\n  CaptureAreaEvent,\n  CaptureCapability,\n  CapturePluginConfig,\n  RegisterMarqueeOnPageOptions,\n} from './types';\nimport { createMarqueeHandler } from './handlers';\n\nexport class CapturePlugin extends BasePlugin<CapturePluginConfig, CaptureCapability> {\n  static readonly id = 'capture' as const;\n\n  private captureArea$ = createEmitter<CaptureAreaEvent>();\n\n  private renderCapability: RenderCapability;\n  private interactionManagerCapability: InteractionManagerCapability | undefined;\n  private config: CapturePluginConfig;\n\n  constructor(id: string, registry: PluginRegistry, config: CapturePluginConfig) {\n    super(id, registry);\n\n    this.config = config;\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n    this.interactionManagerCapability = this.registry\n      .getPlugin<InteractionManagerPlugin>('interaction-manager')\n      ?.provides();\n\n    if (this.interactionManagerCapability) {\n      this.interactionManagerCapability.registerMode({\n        id: 'marqueeCapture',\n        scope: 'page',\n        exclusive: true,\n        cursor: 'crosshair',\n      });\n    }\n  }\n\n  async initialize(_: CapturePluginConfig): Promise<void> {}\n\n  protected buildCapability(): CaptureCapability {\n    return {\n      onCaptureArea: this.captureArea$.on,\n      captureArea: this.captureArea.bind(this),\n      enableMarqueeCapture: this.enableMarqueeCapture.bind(this),\n      disableMarqueeCapture: this.disableMarqueeCapture.bind(this),\n      toggleMarqueeCapture: this.toggleMarqueeCapture.bind(this),\n      isMarqueeCaptureActive: () =>\n        this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture',\n      registerMarqueeOnPage: (opts) => this.registerMarqueeOnPage(opts),\n    };\n  }\n\n  public registerMarqueeOnPage(opts: RegisterMarqueeOnPageOptions) {\n    if (!this.interactionManagerCapability) {\n      this.logger.warn(\n        'CapturePlugin',\n        'MissingDependency',\n        'Interaction manager plugin not loaded, marquee capture disabled',\n      );\n      return () => {};\n    }\n\n    const document = this.coreState.core.document;\n    if (!document) {\n      this.logger.warn('CapturePlugin', 'DocumentNotFound', 'Document not found');\n      return () => {};\n    }\n\n    const page = document.pages[opts.pageIndex];\n    if (!page) {\n      this.logger.warn('CapturePlugin', 'PageNotFound', `Page ${opts.pageIndex} not found`);\n      return () => {};\n    }\n\n    const handlers = createMarqueeHandler({\n      pageSize: page.size,\n      scale: opts.scale,\n      onPreview: opts.callback.onPreview,\n      onCommit: (rect) => {\n        // Capture the selected area\n        this.captureArea(opts.pageIndex, rect);\n        opts.callback.onCommit?.(rect);\n      },\n    });\n\n    const off = this.interactionManagerCapability.registerHandlers({\n      modeId: 'marqueeCapture',\n      handlers,\n      pageIndex: opts.pageIndex,\n    });\n\n    return off;\n  }\n\n  private captureArea(pageIndex: number, rect: Rect) {\n    this.disableMarqueeCapture();\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex,\n      rect,\n      options: {\n        imageType: this.config.imageType,\n        scaleFactor: this.config.scale,\n        withAnnotations: this.config.withAnnotations || false,\n      },\n    });\n\n    task.wait((blob) => {\n      this.captureArea$.emit({\n        pageIndex,\n        rect,\n        blob,\n        imageType: this.config.imageType || 'image/png',\n        scale: this.config.scale || 1,\n        withAnnotations: this.config.withAnnotations || false,\n      });\n    }, ignore);\n  }\n\n  private enableMarqueeCapture() {\n    this.interactionManagerCapability?.activate('marqueeCapture');\n  }\n\n  private disableMarqueeCapture() {\n    this.interactionManagerCapability?.activateDefaultMode();\n  }\n\n  private toggleMarqueeCapture() {\n    if (this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture') {\n      this.interactionManagerCapability?.activateDefaultMode();\n    } else {\n      this.interactionManagerCapability?.activate('marqueeCapture');\n    }\n  }\n}\n","import { Position, Rect, Size } from '@embedpdf/models';\nimport { clamp } from '@embedpdf/core';\nimport {\n  EmbedPdfPointerEvent,\n  PointerEventHandlersWithLifecycle,\n} from '@embedpdf/plugin-interaction-manager';\n\nexport function createMarqueeHandler(opts: {\n  pageSize: Size;\n  scale: number;\n  minDragPx?: number;\n  onPreview?: (rect: Rect | null) => void;\n  onCommit?: (rect: Rect) => void;\n}): PointerEventHandlersWithLifecycle<EmbedPdfPointerEvent> {\n  const { pageSize, scale, minDragPx = 5, onPreview, onCommit } = opts;\n\n  let start: Position | null = null;\n  let last: Rect | null = null;\n\n  return {\n    onPointerDown: (pos, evt) => {\n      start = pos;\n      last = { origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } };\n      onPreview?.(last);\n      evt.setPointerCapture?.();\n    },\n    onPointerMove: (pos) => {\n      if (!start) return;\n      const x = clamp(pos.x, 0, pageSize.width);\n      const y = clamp(pos.y, 0, pageSize.height);\n      last = {\n        origin: { x: Math.min(start.x, x), y: Math.min(start.y, y) },\n        size: { width: Math.abs(x - start.x), height: Math.abs(y - start.y) },\n      };\n      onPreview?.(last);\n    },\n    onPointerUp: (_pos, evt) => {\n      if (last) {\n        const dragPx = Math.max(last.size.width, last.size.height) * scale;\n        if (dragPx > minDragPx) {\n          onCommit?.(last);\n        }\n      }\n      start = null;\n      last = null;\n      onPreview?.(null);\n      evt.releasePointerCapture?.();\n    },\n    onPointerCancel: (_pos, evt) => {\n      start = null;\n      last = null;\n      onPreview?.(null);\n      evt.releasePointerCapture?.();\n    },\n  };\n}\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, CAPTURE_PLUGIN_ID } from './manifest';\nimport { CapturePluginConfig } from './types';\nimport { CapturePlugin } from './capture-plugin';\n\nexport const CapturePluginPackage: PluginPackage<CapturePlugin, CapturePluginConfig> = {\n  manifest,\n  create: (registry, config) => new CapturePlugin(CAPTURE_PLUGIN_ID, registry, config),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './capture-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"names":["CAPTURE_PLUGIN_ID","manifest","id","name","version","provides","requires","optional","defaultConfig","enabled","scale","imageType","withAnnotations","_CapturePlugin","BasePlugin","constructor","registry","config","super","this","captureArea$","createEmitter","renderCapability","getPlugin","interactionManagerCapability","_a","registerMode","scope","exclusive","cursor","initialize","_","buildCapability","onCaptureArea","on","captureArea","bind","enableMarqueeCapture","disableMarqueeCapture","toggleMarqueeCapture","isMarqueeCaptureActive","getActiveMode","registerMarqueeOnPage","opts","logger","warn","document","coreState","core","page","pages","pageIndex","handlers","pageSize","minDragPx","onPreview","onCommit","start","last","onPointerDown","pos","evt","origin","x","y","size","width","height","setPointerCapture","call","onPointerMove","clamp","Math","min","abs","onPointerUp","_pos","max","releasePointerCapture","onPointerCancel","createMarqueeHandler","callback","rect","_b","registerHandlers","modeId","renderPageRect","options","scaleFactor","wait","blob","emit","ignore","activate","activateDefaultMode","_c","CapturePlugin","CapturePluginPackage","create","reducer","initialState"],"mappings":"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"}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { BasePlugin, createEmitter } from "@embedpdf/core";
+import { clamp, BasePlugin, createEmitter } from "@embedpdf/core";
 import { ignore } from "@embedpdf/models";
 const CAPTURE_PLUGIN_ID = "capture";
 const manifest = {
@@ -6,8 +6,8 @@ const manifest = {
   name: "Capture Plugin",
   version: "1.0.0",
   provides: ["capture"],
-  requires: ["render", "interaction-manager"],
-  optional: [],
+  requires: ["render"],
+  optional: ["interaction-manager"],
   defaultConfig: {
     enabled: true,
     scale: 1,
@@ -15,19 +15,66 @@ const manifest = {
     withAnnotations: false
   }
 };
+function createMarqueeHandler(opts) {
+  const { pageSize, scale, minDragPx = 5, onPreview, onCommit } = opts;
+  let start = null;
+  let last = null;
+  return {
+    onPointerDown: (pos, evt) => {
+      var _a;
+      start = pos;
+      last = { origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } };
+      onPreview == null ? void 0 : onPreview(last);
+      (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
+    },
+    onPointerMove: (pos) => {
+      if (!start) return;
+      const x = clamp(pos.x, 0, pageSize.width);
+      const y = clamp(pos.y, 0, pageSize.height);
+      last = {
+        origin: { x: Math.min(start.x, x), y: Math.min(start.y, y) },
+        size: { width: Math.abs(x - start.x), height: Math.abs(y - start.y) }
+      };
+      onPreview == null ? void 0 : onPreview(last);
+    },
+    onPointerUp: (_pos, evt) => {
+      var _a;
+      if (last) {
+        const dragPx = Math.max(last.size.width, last.size.height) * scale;
+        if (dragPx > minDragPx) {
+          onCommit == null ? void 0 : onCommit(last);
+        }
+      }
+      start = null;
+      last = null;
+      onPreview == null ? void 0 : onPreview(null);
+      (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+    },
+    onPointerCancel: (_pos, evt) => {
+      var _a;
+      start = null;
+      last = null;
+      onPreview == null ? void 0 : onPreview(null);
+      (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+    }
+  };
+}
 const _CapturePlugin = class _CapturePlugin extends BasePlugin {
   constructor(id, registry, config) {
+    var _a;
     super(id, registry);
     this.captureArea$ = createEmitter();
     this.config = config;
     this.renderCapability = this.registry.getPlugin("render").provides();
-    this.interactionManagerCapability = this.registry.getPlugin("interaction-manager").provides();
-    this.interactionManagerCapability.registerMode({
-      id: "marqueeCapture",
-      scope: "page",
-      exclusive: true,
-      cursor: "crosshair"
-    });
+    this.interactionManagerCapability = (_a = this.registry.getPlugin("interaction-manager")) == null ? void 0 : _a.provides();
+    if (this.interactionManagerCapability) {
+      this.interactionManagerCapability.registerMode({
+        id: "marqueeCapture",
+        scope: "page",
+        exclusive: true,
+        cursor: "crosshair"
+      });
+    }
   }
   async initialize(_) {
   }
@@ -41,9 +88,49 @@ const _CapturePlugin = class _CapturePlugin extends BasePlugin {
       isMarqueeCaptureActive: () => {
         var _a;
         return ((_a = this.interactionManagerCapability) == null ? void 0 : _a.getActiveMode()) === "marqueeCapture";
-      }
+      },
+      registerMarqueeOnPage: (opts) => this.registerMarqueeOnPage(opts)
     };
   }
+  registerMarqueeOnPage(opts) {
+    if (!this.interactionManagerCapability) {
+      this.logger.warn(
+        "CapturePlugin",
+        "MissingDependency",
+        "Interaction manager plugin not loaded, marquee capture disabled"
+      );
+      return () => {
+      };
+    }
+    const document = this.coreState.core.document;
+    if (!document) {
+      this.logger.warn("CapturePlugin", "DocumentNotFound", "Document not found");
+      return () => {
+      };
+    }
+    const page = document.pages[opts.pageIndex];
+    if (!page) {
+      this.logger.warn("CapturePlugin", "PageNotFound", `Page ${opts.pageIndex} not found`);
+      return () => {
+      };
+    }
+    const handlers = createMarqueeHandler({
+      pageSize: page.size,
+      scale: opts.scale,
+      onPreview: opts.callback.onPreview,
+      onCommit: (rect) => {
+        var _a, _b;
+        this.captureArea(opts.pageIndex, rect);
+        (_b = (_a = opts.callback).onCommit) == null ? void 0 : _b.call(_a, rect);
+      }
+    });
+    const off = this.interactionManagerCapability.registerHandlers({
+      modeId: "marqueeCapture",
+      handlers,
+      pageIndex: opts.pageIndex
+    });
+    return off;
+  }
   captureArea(pageIndex, rect) {
     this.disableMarqueeCapture();
     const task = this.renderCapability.renderPageRect({

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/lib/manifest.ts","../src/lib/capture-plugin.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\nimport { CapturePluginConfig } from './types';\n\nexport const CAPTURE_PLUGIN_ID = 'capture';\n\nexport const manifest: PluginManifest<CapturePluginConfig> = {\n  id: CAPTURE_PLUGIN_ID,\n  name: 'Capture Plugin',\n  version: '1.0.0',\n  provides: ['capture'],\n  requires: ['render', 'interaction-manager'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    scale: 1,\n    imageType: 'image/png',\n    withAnnotations: false,\n  },\n};\n","import { BasePlugin, createEmitter, PluginRegistry } from '@embedpdf/core';\nimport {\n  InteractionManagerCapability,\n  InteractionManagerPlugin,\n} from '@embedpdf/plugin-interaction-manager';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\n\nimport { CaptureAreaEvent, CaptureCapability, CapturePluginConfig } from './types';\nimport { ignore, Rect } from '@embedpdf/models';\n\nexport class CapturePlugin extends BasePlugin<CapturePluginConfig, CaptureCapability> {\n  static readonly id = 'capture' as const;\n\n  private captureArea$ = createEmitter<CaptureAreaEvent>();\n\n  private renderCapability: RenderCapability;\n  private interactionManagerCapability: InteractionManagerCapability;\n  private config: CapturePluginConfig;\n\n  constructor(id: string, registry: PluginRegistry, config: CapturePluginConfig) {\n    super(id, registry);\n\n    this.config = config;\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n    this.interactionManagerCapability = this.registry\n      .getPlugin<InteractionManagerPlugin>('interaction-manager')!\n      .provides();\n\n    this.interactionManagerCapability.registerMode({\n      id: 'marqueeCapture',\n      scope: 'page',\n      exclusive: true,\n      cursor: 'crosshair',\n    });\n  }\n\n  async initialize(_: CapturePluginConfig): Promise<void> {}\n\n  protected buildCapability(): CaptureCapability {\n    return {\n      onCaptureArea: this.captureArea$.on,\n      captureArea: this.captureArea.bind(this),\n      enableMarqueeCapture: this.enableMarqueeCapture.bind(this),\n      disableMarqueeCapture: this.disableMarqueeCapture.bind(this),\n      toggleMarqueeCapture: this.toggleMarqueeCapture.bind(this),\n      isMarqueeCaptureActive: () =>\n        this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture',\n    };\n  }\n\n  private captureArea(pageIndex: number, rect: Rect) {\n    this.disableMarqueeCapture();\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex,\n      rect,\n      options: {\n        imageType: this.config.imageType,\n        scaleFactor: this.config.scale,\n        withAnnotations: this.config.withAnnotations || false,\n      },\n    });\n\n    task.wait((blob) => {\n      this.captureArea$.emit({\n        pageIndex,\n        rect,\n        blob,\n        imageType: this.config.imageType || 'image/png',\n        scale: this.config.scale || 1,\n        withAnnotations: this.config.withAnnotations || false,\n      });\n    }, ignore);\n  }\n\n  private enableMarqueeCapture() {\n    this.interactionManagerCapability?.activate('marqueeCapture');\n  }\n\n  private disableMarqueeCapture() {\n    this.interactionManagerCapability?.activateDefaultMode();\n  }\n\n  private toggleMarqueeCapture() {\n    if (this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture') {\n      this.interactionManagerCapability?.activateDefaultMode();\n    } else {\n      this.interactionManagerCapability?.activate('marqueeCapture');\n    }\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, CAPTURE_PLUGIN_ID } from './manifest';\nimport { CapturePluginConfig } from './types';\nimport { CapturePlugin } from './capture-plugin';\n\nexport const CapturePluginPackage: PluginPackage<CapturePlugin, CapturePluginConfig> = {\n  manifest,\n  create: (registry, config) => new CapturePlugin(CAPTURE_PLUGIN_ID, registry, config),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './capture-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"names":[],"mappings":";;AAGO,MAAM,oBAAoB;AAE1B,MAAM,WAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU,CAAC,SAAS;AAAA,EACpB,UAAU,CAAC,UAAU,qBAAqB;AAAA,EAC1C,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,IACP,WAAW;AAAA,IACX,iBAAiB;AAAA,EAAA;AAErB;ACRO,MAAM,iBAAN,MAAM,uBAAsB,WAAmD;AAAA,EASpF,YAAY,IAAY,UAA0B,QAA6B;AAC7E,UAAM,IAAI,QAAQ;AAPpB,SAAQ,eAAe,cAAgC;AASrD,SAAK,SAAS;AAEd,SAAK,mBAAmB,KAAK,SAAS,UAAwB,QAAQ,EAAG,SAAS;AAClF,SAAK,+BAA+B,KAAK,SACtC,UAAoC,qBAAqB,EACzD,SAAS;AAEZ,SAAK,6BAA6B,aAAa;AAAA,MAC7C,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,IAAA,CACT;AAAA,EAAA;AAAA,EAGH,MAAM,WAAW,GAAuC;AAAA,EAAA;AAAA,EAE9C,kBAAqC;AACtC,WAAA;AAAA,MACL,eAAe,KAAK,aAAa;AAAA,MACjC,aAAa,KAAK,YAAY,KAAK,IAAI;AAAA,MACvC,sBAAsB,KAAK,qBAAqB,KAAK,IAAI;AAAA,MACzD,uBAAuB,KAAK,sBAAsB,KAAK,IAAI;AAAA,MAC3D,sBAAsB,KAAK,qBAAqB,KAAK,IAAI;AAAA,MACzD,wBAAwB,MACtB;;AAAA,2BAAK,iCAAL,mBAAmC,qBAAoB;AAAA;AAAA,IAC3D;AAAA,EAAA;AAAA,EAGM,YAAY,WAAmB,MAAY;AACjD,SAAK,sBAAsB;AAErB,UAAA,OAAO,KAAK,iBAAiB,eAAe;AAAA,MAChD;AAAA,MACA;AAAA,MACA,SAAS;AAAA,QACP,WAAW,KAAK,OAAO;AAAA,QACvB,aAAa,KAAK,OAAO;AAAA,QACzB,iBAAiB,KAAK,OAAO,mBAAmB;AAAA,MAAA;AAAA,IAClD,CACD;AAEI,SAAA,KAAK,CAAC,SAAS;AAClB,WAAK,aAAa,KAAK;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,KAAK,OAAO,aAAa;AAAA,QACpC,OAAO,KAAK,OAAO,SAAS;AAAA,QAC5B,iBAAiB,KAAK,OAAO,mBAAmB;AAAA,MAAA,CACjD;AAAA,OACA,MAAM;AAAA,EAAA;AAAA,EAGH,uBAAuB;;AACxB,eAAA,iCAAA,mBAA8B,SAAS;AAAA,EAAgB;AAAA,EAGtD,wBAAwB;;AAC9B,eAAK,iCAAL,mBAAmC;AAAA,EAAoB;AAAA,EAGjD,uBAAuB;;AAC7B,UAAI,UAAK,iCAAL,mBAAmC,qBAAoB,kBAAkB;AAC3E,iBAAK,iCAAL,mBAAmC;AAAA,IAAoB,OAClD;AACA,iBAAA,iCAAA,mBAA8B,SAAS;AAAA,IAAgB;AAAA,EAC9D;AAEJ;AAhFE,eAAgB,KAAK;AADhB,IAAM,gBAAN;ACLA,MAAM,uBAA0E;AAAA,EACrF;AAAA,EACA,QAAQ,CAAC,UAAU,WAAW,IAAI,cAAc,mBAAmB,UAAU,MAAM;AAAA,EACnF,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,cAAc,CAAA;AAChB;"}
+{"version":3,"file":"index.js","sources":["../src/lib/manifest.ts","../src/lib/handlers/marquee-capture.handler.ts","../src/lib/capture-plugin.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\nimport { CapturePluginConfig } from './types';\n\nexport const CAPTURE_PLUGIN_ID = 'capture';\n\nexport const manifest: PluginManifest<CapturePluginConfig> = {\n  id: CAPTURE_PLUGIN_ID,\n  name: 'Capture Plugin',\n  version: '1.0.0',\n  provides: ['capture'],\n  requires: ['render'],\n  optional: ['interaction-manager'],\n  defaultConfig: {\n    enabled: true,\n    scale: 1,\n    imageType: 'image/png',\n    withAnnotations: false,\n  },\n};\n","import { Position, Rect, Size } from '@embedpdf/models';\nimport { clamp } from '@embedpdf/core';\nimport {\n  EmbedPdfPointerEvent,\n  PointerEventHandlersWithLifecycle,\n} from '@embedpdf/plugin-interaction-manager';\n\nexport function createMarqueeHandler(opts: {\n  pageSize: Size;\n  scale: number;\n  minDragPx?: number;\n  onPreview?: (rect: Rect | null) => void;\n  onCommit?: (rect: Rect) => void;\n}): PointerEventHandlersWithLifecycle<EmbedPdfPointerEvent> {\n  const { pageSize, scale, minDragPx = 5, onPreview, onCommit } = opts;\n\n  let start: Position | null = null;\n  let last: Rect | null = null;\n\n  return {\n    onPointerDown: (pos, evt) => {\n      start = pos;\n      last = { origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } };\n      onPreview?.(last);\n      evt.setPointerCapture?.();\n    },\n    onPointerMove: (pos) => {\n      if (!start) return;\n      const x = clamp(pos.x, 0, pageSize.width);\n      const y = clamp(pos.y, 0, pageSize.height);\n      last = {\n        origin: { x: Math.min(start.x, x), y: Math.min(start.y, y) },\n        size: { width: Math.abs(x - start.x), height: Math.abs(y - start.y) },\n      };\n      onPreview?.(last);\n    },\n    onPointerUp: (_pos, evt) => {\n      if (last) {\n        const dragPx = Math.max(last.size.width, last.size.height) * scale;\n        if (dragPx > minDragPx) {\n          onCommit?.(last);\n        }\n      }\n      start = null;\n      last = null;\n      onPreview?.(null);\n      evt.releasePointerCapture?.();\n    },\n    onPointerCancel: (_pos, evt) => {\n      start = null;\n      last = null;\n      onPreview?.(null);\n      evt.releasePointerCapture?.();\n    },\n  };\n}\n","import { BasePlugin, createEmitter, PluginRegistry } from '@embedpdf/core';\nimport { ignore, Rect } from '@embedpdf/models';\nimport {\n  InteractionManagerCapability,\n  InteractionManagerPlugin,\n} from '@embedpdf/plugin-interaction-manager';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\n\nimport {\n  CaptureAreaEvent,\n  CaptureCapability,\n  CapturePluginConfig,\n  RegisterMarqueeOnPageOptions,\n} from './types';\nimport { createMarqueeHandler } from './handlers';\n\nexport class CapturePlugin extends BasePlugin<CapturePluginConfig, CaptureCapability> {\n  static readonly id = 'capture' as const;\n\n  private captureArea$ = createEmitter<CaptureAreaEvent>();\n\n  private renderCapability: RenderCapability;\n  private interactionManagerCapability: InteractionManagerCapability | undefined;\n  private config: CapturePluginConfig;\n\n  constructor(id: string, registry: PluginRegistry, config: CapturePluginConfig) {\n    super(id, registry);\n\n    this.config = config;\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n    this.interactionManagerCapability = this.registry\n      .getPlugin<InteractionManagerPlugin>('interaction-manager')\n      ?.provides();\n\n    if (this.interactionManagerCapability) {\n      this.interactionManagerCapability.registerMode({\n        id: 'marqueeCapture',\n        scope: 'page',\n        exclusive: true,\n        cursor: 'crosshair',\n      });\n    }\n  }\n\n  async initialize(_: CapturePluginConfig): Promise<void> {}\n\n  protected buildCapability(): CaptureCapability {\n    return {\n      onCaptureArea: this.captureArea$.on,\n      captureArea: this.captureArea.bind(this),\n      enableMarqueeCapture: this.enableMarqueeCapture.bind(this),\n      disableMarqueeCapture: this.disableMarqueeCapture.bind(this),\n      toggleMarqueeCapture: this.toggleMarqueeCapture.bind(this),\n      isMarqueeCaptureActive: () =>\n        this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture',\n      registerMarqueeOnPage: (opts) => this.registerMarqueeOnPage(opts),\n    };\n  }\n\n  public registerMarqueeOnPage(opts: RegisterMarqueeOnPageOptions) {\n    if (!this.interactionManagerCapability) {\n      this.logger.warn(\n        'CapturePlugin',\n        'MissingDependency',\n        'Interaction manager plugin not loaded, marquee capture disabled',\n      );\n      return () => {};\n    }\n\n    const document = this.coreState.core.document;\n    if (!document) {\n      this.logger.warn('CapturePlugin', 'DocumentNotFound', 'Document not found');\n      return () => {};\n    }\n\n    const page = document.pages[opts.pageIndex];\n    if (!page) {\n      this.logger.warn('CapturePlugin', 'PageNotFound', `Page ${opts.pageIndex} not found`);\n      return () => {};\n    }\n\n    const handlers = createMarqueeHandler({\n      pageSize: page.size,\n      scale: opts.scale,\n      onPreview: opts.callback.onPreview,\n      onCommit: (rect) => {\n        // Capture the selected area\n        this.captureArea(opts.pageIndex, rect);\n        opts.callback.onCommit?.(rect);\n      },\n    });\n\n    const off = this.interactionManagerCapability.registerHandlers({\n      modeId: 'marqueeCapture',\n      handlers,\n      pageIndex: opts.pageIndex,\n    });\n\n    return off;\n  }\n\n  private captureArea(pageIndex: number, rect: Rect) {\n    this.disableMarqueeCapture();\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex,\n      rect,\n      options: {\n        imageType: this.config.imageType,\n        scaleFactor: this.config.scale,\n        withAnnotations: this.config.withAnnotations || false,\n      },\n    });\n\n    task.wait((blob) => {\n      this.captureArea$.emit({\n        pageIndex,\n        rect,\n        blob,\n        imageType: this.config.imageType || 'image/png',\n        scale: this.config.scale || 1,\n        withAnnotations: this.config.withAnnotations || false,\n      });\n    }, ignore);\n  }\n\n  private enableMarqueeCapture() {\n    this.interactionManagerCapability?.activate('marqueeCapture');\n  }\n\n  private disableMarqueeCapture() {\n    this.interactionManagerCapability?.activateDefaultMode();\n  }\n\n  private toggleMarqueeCapture() {\n    if (this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture') {\n      this.interactionManagerCapability?.activateDefaultMode();\n    } else {\n      this.interactionManagerCapability?.activate('marqueeCapture');\n    }\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, CAPTURE_PLUGIN_ID } from './manifest';\nimport { CapturePluginConfig } from './types';\nimport { CapturePlugin } from './capture-plugin';\n\nexport const CapturePluginPackage: PluginPackage<CapturePlugin, CapturePluginConfig> = {\n  manifest,\n  create: (registry, config) => new CapturePlugin(CAPTURE_PLUGIN_ID, registry, config),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './capture-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { BasePlugin, PluginRegistry } from '@embedpdf/core';
-import { CaptureCapability, CapturePluginConfig } from './types';
+import { CaptureCapability, CapturePluginConfig, RegisterMarqueeOnPageOptions } from './types';
 export declare class CapturePlugin extends BasePlugin<CapturePluginConfig, CaptureCapability> {
     static readonly id: "capture";
     private captureArea$;
@@ -9,6 +9,7 @@ export declare class CapturePlugin extends BasePlugin<CapturePluginConfig, Captu
     constructor(id: string, registry: PluginRegistry, config: CapturePluginConfig);
     initialize(_: CapturePluginConfig): Promise<void>;
     protected buildCapability(): CaptureCapability;
+    registerMarqueeOnPage(opts: RegisterMarqueeOnPageOptions): () => void;
     private captureArea;
     private enableMarqueeCapture;
     private disableMarqueeCapture;

package/dist/lib/handlers/index.d.ts

@@ -0,0 +1 @@
+export * from './marquee-capture.handler';

package/dist/lib/handlers/marquee-capture.handler.d.ts

@@ -0,0 +1,9 @@
+import { Rect, Size } from '@embedpdf/models';
+import { EmbedPdfPointerEvent, PointerEventHandlersWithLifecycle } from '@embedpdf/plugin-interaction-manager';
+export declare function createMarqueeHandler(opts: {
+    pageSize: Size;
+    scale: number;
+    minDragPx?: number;
+    onPreview?: (rect: Rect | null) => void;
+    onCommit?: (rect: Rect) => void;
+}): PointerEventHandlersWithLifecycle<EmbedPdfPointerEvent>;

package/dist/lib/types.d.ts

@@ -13,6 +13,15 @@ export interface CaptureAreaEvent {
     scale: number;
     withAnnotations: boolean;
 }
+export interface MarqueeCaptureCallback {
+    onPreview?: (rect: Rect | null) => void;
+    onCommit?: (rect: Rect) => void;
+}
+export interface RegisterMarqueeOnPageOptions {
+    pageIndex: number;
+    scale: number;
+    callback: MarqueeCaptureCallback;
+}
 export interface CaptureCapability {
     onCaptureArea: EventHook<CaptureAreaEvent>;
     captureArea(pageIndex: number, rect: Rect): void;
@@ -20,4 +29,5 @@ export interface CaptureCapability {
     disableMarqueeCapture: () => void;
     toggleMarqueeCapture: () => void;
     isMarqueeCaptureActive: () => boolean;
+    registerMarqueeOnPage: (opts: RegisterMarqueeOnPageOptions) => () => void;
 }

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/jsx-runtime"),i=require("preact/hooks"),n=require("@embedpdf/plugin-interaction-manager/preact"),a=()=>e.useCapability(r.CapturePlugin.id);exports.MarqueeCapture=({pageIndex:e,scale:r,pageWidth:u,pageHeight:l,className:o,stroke:s="rgba(33,150,243,0.8)",fill:p="rgba(33,150,243,0.15)"})=>{const{provides:d}=a(),{register:g}=n.usePointerHandlers({modeId:"marqueeCapture",pageIndex:e}),c=(e,r,t)=>Math.max(r,Math.min(t,e)),h=i.useRef(null),[x,b]=i.useState(null),m=u/r,P=l/r,f=i.useMemo((()=>({onPointerDown:(e,r)=>{var t,i;h.current=e,b({origin:{x:e.x,y:e.y},size:{width:0,height:0}}),null==(i=null==(t=r.target)?void 0:t.setPointerCapture)||i.call(t,r.pointerId)},onPointerMove:e=>{if(!h.current)return;const r=c(e.x,0,m),t=c(e.y,0,P),{x:i,y:n}=h.current,a=Math.min(i,r),u=Math.min(n,t),l=Math.abs(r-i),o=Math.abs(t-n);b({origin:{x:a,y:u},size:{width:l,height:o}})},onPointerUp:(t,i)=>{var n,a;if(x&&d){Math.max(x.size.width,x.size.height)*r>5&&d.captureArea(e,x)}h.current=null,b(null),null==(a=null==(n=i.target)?void 0:n.releasePointerCapture)||a.call(n,i.pointerId)},onPointerCancel:(e,r)=>{var t,i;h.current=null,b(null),null==(i=null==(t=r.target)?void 0:t.releasePointerCapture)||i.call(t,r.pointerId)}})),[m,m,d,r,x,e]);return i.useEffect((()=>{if(g)return g(f)}),[g,f]),x?t.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:x.origin.x*r,top:x.origin.y*r,width:x.size.width*r,height:x.size.height*r,border:`1px solid ${s}`,background:p,boxSizing:"border-box"},className:o}):null},exports.useCaptureCapability=a,exports.useCapturePlugin=()=>e.usePlugin(r.CapturePlugin.id);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),r=require("@embedpdf/plugin-capture"),t=require("preact/jsx-runtime"),i=require("preact/hooks"),a=()=>e.useCapability(r.CapturePlugin.id);exports.MarqueeCapture=({pageIndex:e,scale:r,className:o,stroke:s="rgba(33,150,243,0.8)",fill:u="rgba(33,150,243,0.15)"})=>{const{provides:p}=a(),[l,n]=i.useState(null);return i.useEffect((()=>{if(p)return p.registerMarqueeOnPage({pageIndex:e,scale:r,callback:{onPreview:n}})}),[p,e,r]),l?t.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:l.origin.x*r,top:l.origin.y*r,width:l.size.width*r,height:l.size.height*r,border:`1px solid ${s}`,background:u,boxSizing:"border-box"},className:o}):null},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]})}));
 //# 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';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n","import { useEffect, useMemo, useRef, useState } from '@framework';\nimport type { PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';\nimport { usePointerHandlers } from '@embedpdf/plugin-interaction-manager/@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  /** Width of the page */\n  pageWidth: number;\n  /** Height of the page */\n  pageHeight: 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\n/**\n * Draws a marquee rectangle while the user drags.\n * Hook it into the interaction-manager with modeId = 'marqueeCapture'.\n */\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  pageWidth,\n  pageHeight,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  /* ------------------------------------------------------------------ */\n  /* capture capability                                                */\n  /* ------------------------------------------------------------------ */\n  const { provides: capture } = useCaptureCapability();\n\n  /* ------------------------------------------------------------------ */\n  /* integration with interaction-manager                               */\n  /* ------------------------------------------------------------------ */\n  const { register } = usePointerHandlers({ modeId: 'marqueeCapture', pageIndex });\n\n  /* ------------------------------------------------------------------ */\n  /* helpers                                                            */\n  /* ------------------------------------------------------------------ */\n  const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n\n  /* ------------------------------------------------------------------ */\n  /* local state – start / current drag position                        */\n  /* ------------------------------------------------------------------ */\n  const startRef = useRef<{ x: number; y: number } | null>(null);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  /* page size in **PDF-space** (unscaled) ----------------------------- */\n  const pageWidthPDF = pageWidth / scale;\n  const pageHeightPDF = pageHeight / scale;\n\n  /* ------------------------------------------------------------------ */\n  /* pointer handlers                                                   */\n  /* ------------------------------------------------------------------ */\n  const handlers = useMemo<PointerEventHandlers<PointerEvent>>(\n    () => ({\n      onPointerDown: (pos, evt) => {\n        startRef.current = pos;\n        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });\n        (evt.target as HTMLElement)?.setPointerCapture?.(evt.pointerId);\n      },\n      onPointerMove: (pos) => {\n        if (!startRef.current) return;\n        /* clamp current position to the page bounds */\n        const curX = clamp(pos.x, 0, pageWidthPDF);\n        const curY = clamp(pos.y, 0, pageHeightPDF);\n\n        const { x: sx, y: sy } = startRef.current;\n        const left = Math.min(sx, curX);\n        const top = Math.min(sy, curY);\n        const width = Math.abs(curX - sx);\n        const height = Math.abs(curY - sy);\n\n        setRect({ origin: { x: left, y: top }, size: { width, height } });\n      },\n      onPointerUp: (_, evt) => {\n        if (rect && capture) {\n          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;\n          if (dragPx > 5) {\n            // real drag → zoom to it\n            capture.captureArea(pageIndex, rect);\n          }\n        }\n\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n      onPointerCancel: (_, evt) => {\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n    }),\n    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex],\n  );\n\n  /* register with the interaction-manager */\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  /* ------------------------------------------------------------------ */\n  /* render                                                              */\n  /* ------------------------------------------------------------------ */\n  if (!rect) return null; // nothing to draw\n\n  return (\n    <div\n      /* Each page wrapper is position:relative, so absolute is fine */\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","pageWidth","pageHeight","className","stroke","fill","provides","capture","register","usePointerHandlers","modeId","clamp","v","min","max","Math","startRef","useRef","rect","setRect","useState","pageWidthPDF","pageHeightPDF","handlers","useMemo","onPointerDown","pos","evt","current","origin","x","y","size","width","height","_b","_a","target","setPointerCapture","call","pointerId","onPointerMove","curX","curY","sx","sy","left","top","abs","onPointerUp","_","captureArea","releasePointerCapture","onPointerCancel","useEffect","jsxRuntime","jsx","style","position","pointerEvents","border","background","boxSizing","usePlugin"],"mappings":"kRAGaA,EAAuB,IAAMC,gBAA6BC,EAAAA,cAAcC,2BCwBvD,EAC5BC,YACAC,QACAC,YACAC,aACAC,YACAC,SAAS,uBACTC,OAAO,4BAKP,MAAQC,SAAUC,GAAYZ,KAKxBa,SAAEA,GAAaC,EAAAA,mBAAmB,CAAEC,OAAQ,iBAAkBX,cAK9DY,EAAQ,CAACC,EAAWC,EAAaC,IAAgBC,KAAKD,IAAID,EAAKE,KAAKF,IAAIC,EAAKF,IAK7EI,EAAWC,SAAwC,OAClDC,EAAMC,GAAWC,EAAAA,SAAsB,MAGxCC,EAAepB,EAAYD,EAC3BsB,EAAgBpB,EAAaF,EAK7BuB,EAAWC,EAAAA,SACf,KAAO,CACLC,cAAe,CAACC,EAAKC,aACnBX,EAASY,QAAUF,EACnBP,EAAQ,CAAEU,OAAQ,CAAEC,EAAGJ,EAAII,EAAGC,EAAGL,EAAIK,GAAKC,KAAM,CAAEC,MAAO,EAAGC,OAAQ,KACnE,OAAAC,EAAA,OAAAC,EAAAT,EAAIU,aAAJ,EAAAD,EAA4BE,oBAA5BH,EAAAI,KAAAH,EAAgDT,EAAIa,UAAA,EAEvDC,cAAgBf,IACV,IAACV,EAASY,QAAS,OAEvB,MAAMc,EAAO/B,EAAMe,EAAII,EAAG,EAAGT,GACvBsB,EAAOhC,EAAMe,EAAIK,EAAG,EAAGT,IAErBQ,EAAGc,EAAIb,EAAGc,GAAO7B,EAASY,QAC5BkB,EAAO/B,KAAKF,IAAI+B,EAAIF,GACpBK,EAAMhC,KAAKF,IAAIgC,EAAIF,GACnBV,EAAQlB,KAAKiC,IAAIN,EAAOE,GACxBV,EAASnB,KAAKiC,IAAIL,EAAOE,GAE/B1B,EAAQ,CAAEU,OAAQ,CAAEC,EAAGgB,EAAMf,EAAGgB,GAAOf,KAAM,CAAEC,QAAOC,WAAU,EAElEe,YAAa,CAACC,EAAGvB,aACf,GAAIT,GAAQX,EAAS,CACJQ,KAAKD,IAAII,EAAKc,KAAKC,MAAOf,EAAKc,KAAKE,QAAUlC,EAChD,GAEHO,EAAA4C,YAAYpD,EAAWmB,EACjC,CAGFF,EAASY,QAAU,KACnBT,EAAQ,MACP,OAAAgB,EAAA,OAAAC,EAAAT,EAAIU,aAAJ,EAAAD,EAA4BgB,wBAA5BjB,EAAAI,KAAAH,EAAoDT,EAAIa,UAAA,EAE3Da,gBAAiB,CAACH,EAAGvB,aACnBX,EAASY,QAAU,KACnBT,EAAQ,MACP,OAAAgB,EAAA,OAAAC,EAAAT,EAAIU,aAAJ,EAAAD,EAA4BgB,wBAA5BjB,EAAAI,KAAAH,EAAoDT,EAAIa,UAAA,KAG7D,CAACnB,EAAcA,EAAcd,EAASP,EAAOkB,EAAMnB,IAYjD,OARJuD,EAAAA,WAAU,KACR,GAAK9C,EACL,OAAOA,EAASe,EAAQ,GACvB,CAACf,EAAUe,IAKTL,EAGHqC,EAAAC,IAAC,MAAA,CAECC,MAAO,CACLC,SAAU,WACVC,cAAe,OACfb,KAAM5B,EAAKW,OAAOC,EAAI9B,EACtB+C,IAAK7B,EAAKW,OAAOE,EAAI/B,EACrBiC,MAAOf,EAAKc,KAAKC,MAAQjC,EACzBkC,OAAQhB,EAAKc,KAAKE,OAASlC,EAC3B4D,OAAQ,aAAaxD,IACrByD,WAAYxD,EACZyD,UAAW,cAEb3D,cAhBc,IAiBhB,0DDjI4B,IAAM4D,YAAyBlE,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 { CapturePlugin } from '@embedpdf/plugin-capture';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\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","usePlugin"],"mappings":"yNAGaA,EAAuB,IAAMC,gBAA6BC,EAAAA,cAAcC,2BCcvD,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,0DDlD4B,IAAM4B,YAAyBhC,EAAAA,cAAcC"}

package/dist/preact/index.js

@@ -1,70 +1,29 @@
 import { useCapability, usePlugin } from "@embedpdf/core/preact";
 import { CapturePlugin } from "@embedpdf/plugin-capture";
+export * from "@embedpdf/plugin-capture";
 import { jsx } from "preact/jsx-runtime";
-import { useRef, useState, useMemo, useEffect } from "preact/hooks";
-import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/preact";
+import { useState, useEffect } from "preact/hooks";
 const useCaptureCapability = () => useCapability(CapturePlugin.id);
 const useCapturePlugin = () => usePlugin(CapturePlugin.id);
 const MarqueeCapture = ({
   pageIndex,
   scale,
-  pageWidth,
-  pageHeight,
   className,
   stroke = "rgba(33,150,243,0.8)",
   fill = "rgba(33,150,243,0.15)"
 }) => {
-  const { provides: capture } = useCaptureCapability();
-  const { register } = usePointerHandlers({ modeId: "marqueeCapture", pageIndex });
-  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
-  const startRef = useRef(null);
+  const { provides: capturePlugin } = useCaptureCapability();
   const [rect, setRect] = useState(null);
-  const pageWidthPDF = pageWidth / scale;
-  const pageHeightPDF = pageHeight / scale;
-  const handlers = useMemo(
-    () => ({
-      onPointerDown: (pos, evt) => {
-        var _a, _b;
-        startRef.current = pos;
-        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });
-        (_b = (_a = evt.target) == null ? void 0 : _a.setPointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
-      },
-      onPointerMove: (pos) => {
-        if (!startRef.current) return;
-        const curX = clamp(pos.x, 0, pageWidthPDF);
-        const curY = clamp(pos.y, 0, pageHeightPDF);
-        const { x: sx, y: sy } = startRef.current;
-        const left = Math.min(sx, curX);
-        const top = Math.min(sy, curY);
-        const width = Math.abs(curX - sx);
-        const height = Math.abs(curY - sy);
-        setRect({ origin: { x: left, y: top }, size: { width, height } });
-      },
-      onPointerUp: (_, evt) => {
-        var _a, _b;
-        if (rect && capture) {
-          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;
-          if (dragPx > 5) {
-            capture.captureArea(pageIndex, rect);
-          }
-        }
-        startRef.current = null;
-        setRect(null);
-        (_b = (_a = evt.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
-      },
-      onPointerCancel: (_, evt) => {
-        var _a, _b;
-        startRef.current = null;
-        setRect(null);
-        (_b = (_a = evt.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
-      }
-    }),
-    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex]
-  );
   useEffect(() => {
-    if (!register) return;
-    return register(handlers);
-  }, [register, handlers]);
+    if (!capturePlugin) return;
+    return capturePlugin.registerMarqueeOnPage({
+      pageIndex,
+      scale,
+      callback: {
+        onPreview: setRect
+      }
+    });
+  }, [capturePlugin, pageIndex, scale]);
   if (!rect) return null;
   return /* @__PURE__ */ jsx(
     "div",

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';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n","import { useEffect, useMemo, useRef, useState } from '@framework';\nimport type { PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';\nimport { usePointerHandlers } from '@embedpdf/plugin-interaction-manager/@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  /** Width of the page */\n  pageWidth: number;\n  /** Height of the page */\n  pageHeight: 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\n/**\n * Draws a marquee rectangle while the user drags.\n * Hook it into the interaction-manager with modeId = 'marqueeCapture'.\n */\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  pageWidth,\n  pageHeight,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  /* ------------------------------------------------------------------ */\n  /* capture capability                                                */\n  /* ------------------------------------------------------------------ */\n  const { provides: capture } = useCaptureCapability();\n\n  /* ------------------------------------------------------------------ */\n  /* integration with interaction-manager                               */\n  /* ------------------------------------------------------------------ */\n  const { register } = usePointerHandlers({ modeId: 'marqueeCapture', pageIndex });\n\n  /* ------------------------------------------------------------------ */\n  /* helpers                                                            */\n  /* ------------------------------------------------------------------ */\n  const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n\n  /* ------------------------------------------------------------------ */\n  /* local state – start / current drag position                        */\n  /* ------------------------------------------------------------------ */\n  const startRef = useRef<{ x: number; y: number } | null>(null);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  /* page size in **PDF-space** (unscaled) ----------------------------- */\n  const pageWidthPDF = pageWidth / scale;\n  const pageHeightPDF = pageHeight / scale;\n\n  /* ------------------------------------------------------------------ */\n  /* pointer handlers                                                   */\n  /* ------------------------------------------------------------------ */\n  const handlers = useMemo<PointerEventHandlers<PointerEvent>>(\n    () => ({\n      onPointerDown: (pos, evt) => {\n        startRef.current = pos;\n        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });\n        (evt.target as HTMLElement)?.setPointerCapture?.(evt.pointerId);\n      },\n      onPointerMove: (pos) => {\n        if (!startRef.current) return;\n        /* clamp current position to the page bounds */\n        const curX = clamp(pos.x, 0, pageWidthPDF);\n        const curY = clamp(pos.y, 0, pageHeightPDF);\n\n        const { x: sx, y: sy } = startRef.current;\n        const left = Math.min(sx, curX);\n        const top = Math.min(sy, curY);\n        const width = Math.abs(curX - sx);\n        const height = Math.abs(curY - sy);\n\n        setRect({ origin: { x: left, y: top }, size: { width, height } });\n      },\n      onPointerUp: (_, evt) => {\n        if (rect && capture) {\n          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;\n          if (dragPx > 5) {\n            // real drag → zoom to it\n            capture.captureArea(pageIndex, rect);\n          }\n        }\n\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n      onPointerCancel: (_, evt) => {\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n    }),\n    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex],\n  );\n\n  /* register with the interaction-manager */\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  /* ------------------------------------------------------------------ */\n  /* render                                                              */\n  /* ------------------------------------------------------------------ */\n  if (!rect) return null; // nothing to draw\n\n  return (\n    <div\n      /* Each page wrapper is position:relative, so absolute is fine */\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":[],"mappings":";;;;;AAGO,MAAM,uBAAuB,MAAM,cAA6B,cAAc,EAAE;AAChF,MAAM,mBAAmB,MAAM,UAAyB,cAAc,EAAE;ACuBxE,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AACT,MAA2B;AAIzB,QAAM,EAAE,UAAU,QAAQ,IAAI,qBAAqB;AAK7C,QAAA,EAAE,aAAa,mBAAmB,EAAE,QAAQ,kBAAkB,WAAW;AAK/E,QAAM,QAAQ,CAAC,GAAW,KAAa,QAAgB,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,CAAC,CAAC;AAK/E,QAAA,WAAW,OAAwC,IAAI;AAC7D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,IAAI;AAGlD,QAAM,eAAe,YAAY;AACjC,QAAM,gBAAgB,aAAa;AAKnC,QAAM,WAAW;AAAA,IACf,OAAO;AAAA,MACL,eAAe,CAAC,KAAK,QAAQ;;AAC3B,iBAAS,UAAU;AACnB,gBAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,GAAG,IAAI,EAAE,GAAG,MAAM,EAAE,OAAO,GAAG,QAAQ,EAAA,GAAK;AACxE,wBAAI,WAAJ,mBAA4B,sBAA5B,4BAAgD,IAAI;AAAA,MACvD;AAAA,MACA,eAAe,CAAC,QAAQ;AAClB,YAAA,CAAC,SAAS,QAAS;AAEvB,cAAM,OAAO,MAAM,IAAI,GAAG,GAAG,YAAY;AACzC,cAAM,OAAO,MAAM,IAAI,GAAG,GAAG,aAAa;AAE1C,cAAM,EAAE,GAAG,IAAI,GAAG,GAAA,IAAO,SAAS;AAClC,cAAM,OAAO,KAAK,IAAI,IAAI,IAAI;AAC9B,cAAM,MAAM,KAAK,IAAI,IAAI,IAAI;AAC7B,cAAM,QAAQ,KAAK,IAAI,OAAO,EAAE;AAChC,cAAM,SAAS,KAAK,IAAI,OAAO,EAAE;AAEjC,gBAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,EAAE,OAAO,UAAU;AAAA,MAClE;AAAA,MACA,aAAa,CAAC,GAAG,QAAQ;;AACvB,YAAI,QAAQ,SAAS;AACb,gBAAA,SAAS,KAAK,IAAI,KAAK,KAAK,OAAO,KAAK,KAAK,MAAM,IAAI;AAC7D,cAAI,SAAS,GAAG;AAEN,oBAAA,YAAY,WAAW,IAAI;AAAA,UAAA;AAAA,QACrC;AAGF,iBAAS,UAAU;AACnB,gBAAQ,IAAI;AACX,wBAAI,WAAJ,mBAA4B,0BAA5B,4BAAoD,IAAI;AAAA,MAC3D;AAAA,MACA,iBAAiB,CAAC,GAAG,QAAQ;;AAC3B,iBAAS,UAAU;AACnB,gBAAQ,IAAI;AACX,wBAAI,WAAJ,mBAA4B,0BAA5B,4BAAoD,IAAI;AAAA,MAAS;AAAA,IACpE;AAAA,IAEF,CAAC,cAAc,cAAc,SAAS,OAAO,MAAM,SAAS;AAAA,EAC9D;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AACf,WAAO,SAAS,QAAQ;AAAA,EAAA,GACvB,CAAC,UAAU,QAAQ,CAAC;AAKnB,MAAA,CAAC,KAAa,QAAA;AAGhB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,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 { CapturePlugin } from '@embedpdf/plugin-capture';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\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":[],"mappings":";;;;;AAGO,MAAM,uBAAuB,MAAM,cAA6B,cAAc,EAAE;AAChF,MAAM,mBAAmB,MAAM,UAAyB,cAAc,EAAE;ACaxE,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;"}

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/jsx-runtime"),i=require("react"),n=require("@embedpdf/plugin-interaction-manager/react"),a=()=>e.useCapability(r.CapturePlugin.id);exports.MarqueeCapture=({pageIndex:e,scale:r,pageWidth:u,pageHeight:l,className:o,stroke:s="rgba(33,150,243,0.8)",fill:p="rgba(33,150,243,0.15)"})=>{const{provides:d}=a(),{register:g}=n.usePointerHandlers({modeId:"marqueeCapture",pageIndex:e}),c=(e,r,t)=>Math.max(r,Math.min(t,e)),h=i.useRef(null),[x,b]=i.useState(null),m=u/r,P=l/r,f=i.useMemo((()=>({onPointerDown:(e,r)=>{var t,i;h.current=e,b({origin:{x:e.x,y:e.y},size:{width:0,height:0}}),null==(i=null==(t=r.target)?void 0:t.setPointerCapture)||i.call(t,r.pointerId)},onPointerMove:e=>{if(!h.current)return;const r=c(e.x,0,m),t=c(e.y,0,P),{x:i,y:n}=h.current,a=Math.min(i,r),u=Math.min(n,t),l=Math.abs(r-i),o=Math.abs(t-n);b({origin:{x:a,y:u},size:{width:l,height:o}})},onPointerUp:(t,i)=>{var n,a;if(x&&d){Math.max(x.size.width,x.size.height)*r>5&&d.captureArea(e,x)}h.current=null,b(null),null==(a=null==(n=i.target)?void 0:n.releasePointerCapture)||a.call(n,i.pointerId)},onPointerCancel:(e,r)=>{var t,i;h.current=null,b(null),null==(i=null==(t=r.target)?void 0:t.releasePointerCapture)||i.call(t,r.pointerId)}})),[m,m,d,r,x,e]);return i.useEffect((()=>{if(g)return g(f)}),[g,f]),x?t.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:x.origin.x*r,top:x.origin.y*r,width:x.size.width*r,height:x.size.height*r,border:`1px solid ${s}`,background:p,boxSizing:"border-box"},className:o}):null},exports.useCaptureCapability=a,exports.useCapturePlugin=()=>e.usePlugin(r.CapturePlugin.id);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),r=require("@embedpdf/plugin-capture"),t=require("react/jsx-runtime"),i=require("react"),a=()=>e.useCapability(r.CapturePlugin.id);exports.MarqueeCapture=({pageIndex:e,scale:r,className:s,stroke:o="rgba(33,150,243,0.8)",fill:u="rgba(33,150,243,0.15)"})=>{const{provides:l}=a(),[n,p]=i.useState(null);return i.useEffect((()=>{if(l)return l.registerMarqueeOnPage({pageIndex:e,scale:r,callback:{onPreview:p}})}),[l,e,r]),n?t.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 ${o}`,background:u,boxSizing:"border-box"},className:s}):null},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]})}));
 //# 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';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n","import { useEffect, useMemo, useRef, useState } from '@framework';\nimport type { PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';\nimport { usePointerHandlers } from '@embedpdf/plugin-interaction-manager/@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  /** Width of the page */\n  pageWidth: number;\n  /** Height of the page */\n  pageHeight: 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\n/**\n * Draws a marquee rectangle while the user drags.\n * Hook it into the interaction-manager with modeId = 'marqueeCapture'.\n */\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  pageWidth,\n  pageHeight,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  /* ------------------------------------------------------------------ */\n  /* capture capability                                                */\n  /* ------------------------------------------------------------------ */\n  const { provides: capture } = useCaptureCapability();\n\n  /* ------------------------------------------------------------------ */\n  /* integration with interaction-manager                               */\n  /* ------------------------------------------------------------------ */\n  const { register } = usePointerHandlers({ modeId: 'marqueeCapture', pageIndex });\n\n  /* ------------------------------------------------------------------ */\n  /* helpers                                                            */\n  /* ------------------------------------------------------------------ */\n  const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n\n  /* ------------------------------------------------------------------ */\n  /* local state – start / current drag position                        */\n  /* ------------------------------------------------------------------ */\n  const startRef = useRef<{ x: number; y: number } | null>(null);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  /* page size in **PDF-space** (unscaled) ----------------------------- */\n  const pageWidthPDF = pageWidth / scale;\n  const pageHeightPDF = pageHeight / scale;\n\n  /* ------------------------------------------------------------------ */\n  /* pointer handlers                                                   */\n  /* ------------------------------------------------------------------ */\n  const handlers = useMemo<PointerEventHandlers<PointerEvent>>(\n    () => ({\n      onPointerDown: (pos, evt) => {\n        startRef.current = pos;\n        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });\n        (evt.target as HTMLElement)?.setPointerCapture?.(evt.pointerId);\n      },\n      onPointerMove: (pos) => {\n        if (!startRef.current) return;\n        /* clamp current position to the page bounds */\n        const curX = clamp(pos.x, 0, pageWidthPDF);\n        const curY = clamp(pos.y, 0, pageHeightPDF);\n\n        const { x: sx, y: sy } = startRef.current;\n        const left = Math.min(sx, curX);\n        const top = Math.min(sy, curY);\n        const width = Math.abs(curX - sx);\n        const height = Math.abs(curY - sy);\n\n        setRect({ origin: { x: left, y: top }, size: { width, height } });\n      },\n      onPointerUp: (_, evt) => {\n        if (rect && capture) {\n          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;\n          if (dragPx > 5) {\n            // real drag → zoom to it\n            capture.captureArea(pageIndex, rect);\n          }\n        }\n\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n      onPointerCancel: (_, evt) => {\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n    }),\n    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex],\n  );\n\n  /* register with the interaction-manager */\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  /* ------------------------------------------------------------------ */\n  /* render                                                              */\n  /* ------------------------------------------------------------------ */\n  if (!rect) return null; // nothing to draw\n\n  return (\n    <div\n      /* Each page wrapper is position:relative, so absolute is fine */\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","pageWidth","pageHeight","className","stroke","fill","provides","capture","register","usePointerHandlers","modeId","clamp","v","min","max","Math","startRef","useRef","rect","setRect","useState","pageWidthPDF","pageHeightPDF","handlers","useMemo","onPointerDown","pos","evt","current","origin","x","y","size","width","height","_b","_a","target","setPointerCapture","call","pointerId","onPointerMove","curX","curY","sx","sy","left","top","abs","onPointerUp","_","captureArea","releasePointerCapture","onPointerCancel","useEffect","jsxRuntime","jsx","style","position","pointerEvents","border","background","boxSizing","usePlugin"],"mappings":"wQAGaA,EAAuB,IAAMC,gBAA6BC,EAAAA,cAAcC,2BCwBvD,EAC5BC,YACAC,QACAC,YACAC,aACAC,YACAC,SAAS,uBACTC,OAAO,4BAKP,MAAQC,SAAUC,GAAYZ,KAKxBa,SAAEA,GAAaC,EAAAA,mBAAmB,CAAEC,OAAQ,iBAAkBX,cAK9DY,EAAQ,CAACC,EAAWC,EAAaC,IAAgBC,KAAKD,IAAID,EAAKE,KAAKF,IAAIC,EAAKF,IAK7EI,EAAWC,SAAwC,OAClDC,EAAMC,GAAWC,EAAAA,SAAsB,MAGxCC,EAAepB,EAAYD,EAC3BsB,EAAgBpB,EAAaF,EAK7BuB,EAAWC,EAAAA,SACf,KAAO,CACLC,cAAe,CAACC,EAAKC,aACnBX,EAASY,QAAUF,EACnBP,EAAQ,CAAEU,OAAQ,CAAEC,EAAGJ,EAAII,EAAGC,EAAGL,EAAIK,GAAKC,KAAM,CAAEC,MAAO,EAAGC,OAAQ,KACnE,OAAAC,EAAA,OAAAC,EAAAT,EAAIU,aAAJ,EAAAD,EAA4BE,oBAA5BH,EAAAI,KAAAH,EAAgDT,EAAIa,UAAA,EAEvDC,cAAgBf,IACV,IAACV,EAASY,QAAS,OAEvB,MAAMc,EAAO/B,EAAMe,EAAII,EAAG,EAAGT,GACvBsB,EAAOhC,EAAMe,EAAIK,EAAG,EAAGT,IAErBQ,EAAGc,EAAIb,EAAGc,GAAO7B,EAASY,QAC5BkB,EAAO/B,KAAKF,IAAI+B,EAAIF,GACpBK,EAAMhC,KAAKF,IAAIgC,EAAIF,GACnBV,EAAQlB,KAAKiC,IAAIN,EAAOE,GACxBV,EAASnB,KAAKiC,IAAIL,EAAOE,GAE/B1B,EAAQ,CAAEU,OAAQ,CAAEC,EAAGgB,EAAMf,EAAGgB,GAAOf,KAAM,CAAEC,QAAOC,WAAU,EAElEe,YAAa,CAACC,EAAGvB,aACf,GAAIT,GAAQX,EAAS,CACJQ,KAAKD,IAAII,EAAKc,KAAKC,MAAOf,EAAKc,KAAKE,QAAUlC,EAChD,GAEHO,EAAA4C,YAAYpD,EAAWmB,EACjC,CAGFF,EAASY,QAAU,KACnBT,EAAQ,MACP,OAAAgB,EAAA,OAAAC,EAAAT,EAAIU,aAAJ,EAAAD,EAA4BgB,wBAA5BjB,EAAAI,KAAAH,EAAoDT,EAAIa,UAAA,EAE3Da,gBAAiB,CAACH,EAAGvB,aACnBX,EAASY,QAAU,KACnBT,EAAQ,MACP,OAAAgB,EAAA,OAAAC,EAAAT,EAAIU,aAAJ,EAAAD,EAA4BgB,wBAA5BjB,EAAAI,KAAAH,EAAoDT,EAAIa,UAAA,KAG7D,CAACnB,EAAcA,EAAcd,EAASP,EAAOkB,EAAMnB,IAYjD,OARJuD,EAAAA,WAAU,KACR,GAAK9C,EACL,OAAOA,EAASe,EAAQ,GACvB,CAACf,EAAUe,IAKTL,EAGHqC,EAAAC,IAAC,MAAA,CAECC,MAAO,CACLC,SAAU,WACVC,cAAe,OACfb,KAAM5B,EAAKW,OAAOC,EAAI9B,EACtB+C,IAAK7B,EAAKW,OAAOE,EAAI/B,EACrBiC,MAAOf,EAAKc,KAAKC,MAAQjC,EACzBkC,OAAQhB,EAAKc,KAAKE,OAASlC,EAC3B4D,OAAQ,aAAaxD,IACrByD,WAAYxD,EACZyD,UAAW,cAEb3D,cAhBc,IAiBhB,0DDjI4B,IAAM4D,YAAyBlE,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 { CapturePlugin } from '@embedpdf/plugin-capture';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\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","usePlugin"],"mappings":"gNAGaA,EAAuB,IAAMC,gBAA6BC,EAAAA,cAAcC,2BCcvD,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,0DDlD4B,IAAM4B,YAAyBhC,EAAAA,cAAcC"}

package/dist/react/index.js

@@ -1,70 +1,29 @@
 import { useCapability, usePlugin } from "@embedpdf/core/react";
 import { CapturePlugin } from "@embedpdf/plugin-capture";
+export * from "@embedpdf/plugin-capture";
 import { jsx } from "react/jsx-runtime";
-import { useRef, useState, useMemo, useEffect } from "react";
-import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/react";
+import { useState, useEffect } from "react";
 const useCaptureCapability = () => useCapability(CapturePlugin.id);
 const useCapturePlugin = () => usePlugin(CapturePlugin.id);
 const MarqueeCapture = ({
   pageIndex,
   scale,
-  pageWidth,
-  pageHeight,
   className,
   stroke = "rgba(33,150,243,0.8)",
   fill = "rgba(33,150,243,0.15)"
 }) => {
-  const { provides: capture } = useCaptureCapability();
-  const { register } = usePointerHandlers({ modeId: "marqueeCapture", pageIndex });
-  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
-  const startRef = useRef(null);
+  const { provides: capturePlugin } = useCaptureCapability();
   const [rect, setRect] = useState(null);
-  const pageWidthPDF = pageWidth / scale;
-  const pageHeightPDF = pageHeight / scale;
-  const handlers = useMemo(
-    () => ({
-      onPointerDown: (pos, evt) => {
-        var _a, _b;
-        startRef.current = pos;
-        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });
-        (_b = (_a = evt.target) == null ? void 0 : _a.setPointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
-      },
-      onPointerMove: (pos) => {
-        if (!startRef.current) return;
-        const curX = clamp(pos.x, 0, pageWidthPDF);
-        const curY = clamp(pos.y, 0, pageHeightPDF);
-        const { x: sx, y: sy } = startRef.current;
-        const left = Math.min(sx, curX);
-        const top = Math.min(sy, curY);
-        const width = Math.abs(curX - sx);
-        const height = Math.abs(curY - sy);
-        setRect({ origin: { x: left, y: top }, size: { width, height } });
-      },
-      onPointerUp: (_, evt) => {
-        var _a, _b;
-        if (rect && capture) {
-          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;
-          if (dragPx > 5) {
-            capture.captureArea(pageIndex, rect);
-          }
-        }
-        startRef.current = null;
-        setRect(null);
-        (_b = (_a = evt.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
-      },
-      onPointerCancel: (_, evt) => {
-        var _a, _b;
-        startRef.current = null;
-        setRect(null);
-        (_b = (_a = evt.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
-      }
-    }),
-    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex]
-  );
   useEffect(() => {
-    if (!register) return;
-    return register(handlers);
-  }, [register, handlers]);
+    if (!capturePlugin) return;
+    return capturePlugin.registerMarqueeOnPage({
+      pageIndex,
+      scale,
+      callback: {
+        onPreview: setRect
+      }
+    });
+  }, [capturePlugin, pageIndex, scale]);
   if (!rect) return null;
   return /* @__PURE__ */ jsx(
     "div",

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';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n","import { useEffect, useMemo, useRef, useState } from '@framework';\nimport type { PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';\nimport { usePointerHandlers } from '@embedpdf/plugin-interaction-manager/@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  /** Width of the page */\n  pageWidth: number;\n  /** Height of the page */\n  pageHeight: 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\n/**\n * Draws a marquee rectangle while the user drags.\n * Hook it into the interaction-manager with modeId = 'marqueeCapture'.\n */\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  pageWidth,\n  pageHeight,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  /* ------------------------------------------------------------------ */\n  /* capture capability                                                */\n  /* ------------------------------------------------------------------ */\n  const { provides: capture } = useCaptureCapability();\n\n  /* ------------------------------------------------------------------ */\n  /* integration with interaction-manager                               */\n  /* ------------------------------------------------------------------ */\n  const { register } = usePointerHandlers({ modeId: 'marqueeCapture', pageIndex });\n\n  /* ------------------------------------------------------------------ */\n  /* helpers                                                            */\n  /* ------------------------------------------------------------------ */\n  const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n\n  /* ------------------------------------------------------------------ */\n  /* local state – start / current drag position                        */\n  /* ------------------------------------------------------------------ */\n  const startRef = useRef<{ x: number; y: number } | null>(null);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  /* page size in **PDF-space** (unscaled) ----------------------------- */\n  const pageWidthPDF = pageWidth / scale;\n  const pageHeightPDF = pageHeight / scale;\n\n  /* ------------------------------------------------------------------ */\n  /* pointer handlers                                                   */\n  /* ------------------------------------------------------------------ */\n  const handlers = useMemo<PointerEventHandlers<PointerEvent>>(\n    () => ({\n      onPointerDown: (pos, evt) => {\n        startRef.current = pos;\n        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });\n        (evt.target as HTMLElement)?.setPointerCapture?.(evt.pointerId);\n      },\n      onPointerMove: (pos) => {\n        if (!startRef.current) return;\n        /* clamp current position to the page bounds */\n        const curX = clamp(pos.x, 0, pageWidthPDF);\n        const curY = clamp(pos.y, 0, pageHeightPDF);\n\n        const { x: sx, y: sy } = startRef.current;\n        const left = Math.min(sx, curX);\n        const top = Math.min(sy, curY);\n        const width = Math.abs(curX - sx);\n        const height = Math.abs(curY - sy);\n\n        setRect({ origin: { x: left, y: top }, size: { width, height } });\n      },\n      onPointerUp: (_, evt) => {\n        if (rect && capture) {\n          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;\n          if (dragPx > 5) {\n            // real drag → zoom to it\n            capture.captureArea(pageIndex, rect);\n          }\n        }\n\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n      onPointerCancel: (_, evt) => {\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n    }),\n    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex],\n  );\n\n  /* register with the interaction-manager */\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  /* ------------------------------------------------------------------ */\n  /* render                                                              */\n  /* ------------------------------------------------------------------ */\n  if (!rect) return null; // nothing to draw\n\n  return (\n    <div\n      /* Each page wrapper is position:relative, so absolute is fine */\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":[],"mappings":";;;;;AAGO,MAAM,uBAAuB,MAAM,cAA6B,cAAc,EAAE;AAChF,MAAM,mBAAmB,MAAM,UAAyB,cAAc,EAAE;ACuBxE,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AACT,MAA2B;AAIzB,QAAM,EAAE,UAAU,QAAQ,IAAI,qBAAqB;AAK7C,QAAA,EAAE,aAAa,mBAAmB,EAAE,QAAQ,kBAAkB,WAAW;AAK/E,QAAM,QAAQ,CAAC,GAAW,KAAa,QAAgB,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,CAAC,CAAC;AAK/E,QAAA,WAAW,OAAwC,IAAI;AAC7D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,IAAI;AAGlD,QAAM,eAAe,YAAY;AACjC,QAAM,gBAAgB,aAAa;AAKnC,QAAM,WAAW;AAAA,IACf,OAAO;AAAA,MACL,eAAe,CAAC,KAAK,QAAQ;;AAC3B,iBAAS,UAAU;AACnB,gBAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,GAAG,IAAI,EAAE,GAAG,MAAM,EAAE,OAAO,GAAG,QAAQ,EAAA,GAAK;AACxE,wBAAI,WAAJ,mBAA4B,sBAA5B,4BAAgD,IAAI;AAAA,MACvD;AAAA,MACA,eAAe,CAAC,QAAQ;AAClB,YAAA,CAAC,SAAS,QAAS;AAEvB,cAAM,OAAO,MAAM,IAAI,GAAG,GAAG,YAAY;AACzC,cAAM,OAAO,MAAM,IAAI,GAAG,GAAG,aAAa;AAE1C,cAAM,EAAE,GAAG,IAAI,GAAG,GAAA,IAAO,SAAS;AAClC,cAAM,OAAO,KAAK,IAAI,IAAI,IAAI;AAC9B,cAAM,MAAM,KAAK,IAAI,IAAI,IAAI;AAC7B,cAAM,QAAQ,KAAK,IAAI,OAAO,EAAE;AAChC,cAAM,SAAS,KAAK,IAAI,OAAO,EAAE;AAEjC,gBAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,EAAE,OAAO,UAAU;AAAA,MAClE;AAAA,MACA,aAAa,CAAC,GAAG,QAAQ;;AACvB,YAAI,QAAQ,SAAS;AACb,gBAAA,SAAS,KAAK,IAAI,KAAK,KAAK,OAAO,KAAK,KAAK,MAAM,IAAI;AAC7D,cAAI,SAAS,GAAG;AAEN,oBAAA,YAAY,WAAW,IAAI;AAAA,UAAA;AAAA,QACrC;AAGF,iBAAS,UAAU;AACnB,gBAAQ,IAAI;AACX,wBAAI,WAAJ,mBAA4B,0BAA5B,4BAAoD,IAAI;AAAA,MAC3D;AAAA,MACA,iBAAiB,CAAC,GAAG,QAAQ;;AAC3B,iBAAS,UAAU;AACnB,gBAAQ,IAAI;AACX,wBAAI,WAAJ,mBAA4B,0BAA5B,4BAAoD,IAAI;AAAA,MAAS;AAAA,IACpE;AAAA,IAEF,CAAC,cAAc,cAAc,SAAS,OAAO,MAAM,SAAS;AAAA,EAC9D;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AACf,WAAO,SAAS,QAAQ;AAAA,EAAA,GACvB,CAAC,UAAU,QAAQ,CAAC;AAKnB,MAAA,CAAC,KAAa,QAAA;AAGhB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,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 { CapturePlugin } from '@embedpdf/plugin-capture';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\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":[],"mappings":";;;;;AAGO,MAAM,uBAAuB,MAAM,cAA6B,cAAc,EAAE;AAChF,MAAM,mBAAmB,MAAM,UAAyB,cAAc,EAAE;ACaxE,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;"}

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

@@ -3,19 +3,11 @@ interface MarqueeCaptureProps {
     pageIndex: number;
     /** Scale of the page */
     scale: number;
-    /** Width of the page */
-    pageWidth: number;
-    /** Height of the page */
-    pageHeight: number;
     /** Optional CSS class applied to the marquee rectangle */
     className?: string;
     /** Stroke / fill colours (defaults below) */
     stroke?: string;
     fill?: string;
 }
-/**
- * Draws a marquee rectangle while the user drags.
- * Hook it into the interaction-manager with modeId = 'marqueeCapture'.
- */
-export declare const MarqueeCapture: ({ pageIndex, scale, pageWidth, pageHeight, className, stroke, fill, }: MarqueeCaptureProps) => import("preact").JSX.Element | null;
+export declare const MarqueeCapture: ({ pageIndex, scale, className, stroke, fill, }: MarqueeCaptureProps) => import("preact").JSX.Element | null;
 export {};

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

@@ -1,2 +1,3 @@
 export * from './hooks';
 export * from './components';
+export * from '../lib/index.ts';

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

@@ -3,19 +3,11 @@ interface MarqueeCaptureProps {
     pageIndex: number;
     /** Scale of the page */
     scale: number;
-    /** Width of the page */
-    pageWidth: number;
-    /** Height of the page */
-    pageHeight: number;
     /** Optional CSS class applied to the marquee rectangle */
     className?: string;
     /** Stroke / fill colours (defaults below) */
     stroke?: string;
     fill?: string;
 }
-/**
- * Draws a marquee rectangle while the user drags.
- * Hook it into the interaction-manager with modeId = 'marqueeCapture'.
- */
-export declare const MarqueeCapture: ({ pageIndex, scale, pageWidth, pageHeight, className, stroke, fill, }: MarqueeCaptureProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MarqueeCapture: ({ pageIndex, scale, className, stroke, fill, }: MarqueeCaptureProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,2 +1,3 @@
 export * from './hooks';
 export * from './components';
+export * from '../lib/index.ts';

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

@@ -0,0 +1 @@
+export { default as MarqueeCapture } from './marquee-capture.vue';

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

@@ -0,0 +1,16 @@
+interface MarqueeCaptureProps {
+    /** Index of the page this layer lives on */
+    pageIndex: number;
+    /** Scale of the page */
+    scale: number;
+    /** Optional CSS class applied to the marquee rectangle */
+    className?: string;
+    /** Stroke / fill colours (defaults below) */
+    stroke?: string;
+    fill?: string;
+}
+declare const _default: import('vue').DefineComponent<MarqueeCaptureProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MarqueeCaptureProps> & Readonly<{}>, {
+    fill: string;
+    stroke: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1 @@
+export * from './use-capture';

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

@@ -0,0 +1,3 @@
+import { CapturePlugin } from '../../lib/index.ts';
+export declare const useCaptureCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib/index.ts').CaptureCapability>>;
+export declare const useCapturePlugin: () => import('@embedpdf/core/vue').PluginState<CapturePlugin>;

package/dist/vue/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/vue"),a=require("@embedpdf/plugin-capture"),t=require("vue"),l=()=>e.useCapability(a.CapturePlugin.id),r=t.defineComponent({__name:"marquee-capture",props:{pageIndex:{},scale:{},className:{},stroke:{default:"rgba(33,150,243,0.8)"},fill:{default:"rgba(33,150,243,0.15)"}},setup(e){const a=e,{provides:r}=l(),o=t.ref(null);let u;return t.onMounted((()=>{r.value&&(u=r.value.registerMarqueeOnPage({pageIndex:a.pageIndex,scale:a.scale,callback:{onPreview:e=>{o.value=e}}}))})),t.onUnmounted((()=>{null==u||u()})),(e,a)=>o.value?(t.openBlock(),t.createElementBlock("div",{key:0,style:t.normalizeStyle({position:"absolute",pointerEvents:"none",left:o.value.origin.x*e.scale+"px",top:o.value.origin.y*e.scale+"px",width:o.value.size.width*e.scale+"px",height:o.value.size.height*e.scale+"px",border:`1px solid ${e.stroke}`,background:e.fill,boxSizing:"border-box"}),class:t.normalizeClass(e.className)},null,6)):t.createCommentVNode("",!0)}});exports.MarqueeCapture=r,exports.useCaptureCapability=l,exports.useCapturePlugin=()=>e.usePlugin(a.CapturePlugin.id),Object.keys(a).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>a[e]})}));
+//# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-capture.ts","../../src/vue/components/marquee-capture.vue"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { CapturePlugin } from '@embedpdf/plugin-capture';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n","<template>\n  <div\n    v-if=\"rect\"\n    :style=\"{\n      position: 'absolute',\n      pointerEvents: 'none',\n      left: `${rect.origin.x * scale}px`,\n      top: `${rect.origin.y * scale}px`,\n      width: `${rect.size.width * scale}px`,\n      height: `${rect.size.height * scale}px`,\n      border: `1px solid ${stroke}`,\n      background: fill,\n      boxSizing: 'border-box',\n    }\"\n    :class=\"className\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport type { Rect } from '@embedpdf/models';\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\nconst props = withDefaults(defineProps<MarqueeCaptureProps>(), {\n  stroke: 'rgba(33,150,243,0.8)',\n  fill: 'rgba(33,150,243,0.15)',\n});\n\nconst { provides: capturePlugin } = useCaptureCapability();\nconst rect = ref<Rect | null>(null);\n\nlet unregister: (() => void) | undefined;\n\nonMounted(() => {\n  if (!capturePlugin.value) return;\n\n  unregister = capturePlugin.value.registerMarqueeOnPage({\n    pageIndex: props.pageIndex,\n    scale: props.scale,\n    callback: {\n      onPreview: (newRect) => {\n        rect.value = newRect;\n      },\n    },\n  });\n});\n\nonUnmounted(() => {\n  unregister?.();\n});\n</script>\n"],"names":["useCaptureCapability","useCapability","CapturePlugin","id","props","__props","provides","capturePlugin","rect","ref","unregister","onMounted","value","registerMarqueeOnPage","pageIndex","scale","callback","onPreview","newRect","onUnmounted","_createElementBlock","style","_normalizeStyle","left","origin","x","top","y","width","size","height","stroke","fill","class","className","usePlugin"],"mappings":"6KAGaA,EAAuB,IAAMC,gBAA6BC,EAAAA,cAAcC,qLCgCrF,MAAMC,EAAQC,GAKNC,SAAUC,GAAkBP,IAC9BQ,EAAOC,MAAiB,MAE1B,IAAAC,SAEJC,EAAAA,WAAU,KACHJ,EAAcK,QAENF,EAAAH,EAAcK,MAAMC,sBAAsB,CACrDC,UAAWV,EAAMU,UACjBC,MAAOX,EAAMW,MACbC,SAAU,CACRC,UAAYC,IACVV,EAAKI,MAAQM,CAAA,KAGlB,IAGHC,EAAAA,aAAY,KACG,MAAAT,GAAAA,GAAA,WA1DLF,EAAII,qBADZQ,EAAAA,mBAcE,MAAA,OAZCC,MAAKC,EAAAA,eAAA,0CAA4EC,KAAAf,EAAAI,MAAKY,OAAOC,EAAIV,EAAKA,MAArB,KAAyCW,IAAAlB,EAAAI,MAAKY,OAAOG,EAAIZ,EAAKA,MAArB,KAA2Ca,MAAApB,EAAAI,MAAKiB,KAAKD,MAAQb,EAAKA,MAAvB,KAA8Ce,OAAAtB,EAAAI,MAAKiB,KAAKC,OAASf,EAAKA,MAAxB,yBAAyDgB,EAAMA,oBAAsBC,EAAIA,8BAW5SC,uBAAOC,EAASA,qIDVW,IAAMC,YAAyBjC,EAAAA,cAAcC"}

package/dist/vue/index.d.ts

@@ -0,0 +1,3 @@
+export * from './hooks';
+export * from './components';
+export * from '../lib/index.ts';

package/dist/vue/index.js

@@ -0,0 +1,60 @@
+import { useCapability, usePlugin } from "@embedpdf/core/vue";
+import { CapturePlugin } from "@embedpdf/plugin-capture";
+export * from "@embedpdf/plugin-capture";
+import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, createCommentVNode, openBlock, normalizeClass, normalizeStyle } from "vue";
+const useCaptureCapability = () => useCapability(CapturePlugin.id);
+const useCapturePlugin = () => usePlugin(CapturePlugin.id);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "marquee-capture",
+  props: {
+    pageIndex: {},
+    scale: {},
+    className: {},
+    stroke: { default: "rgba(33,150,243,0.8)" },
+    fill: { default: "rgba(33,150,243,0.15)" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { provides: capturePlugin } = useCaptureCapability();
+    const rect = ref(null);
+    let unregister;
+    onMounted(() => {
+      if (!capturePlugin.value) return;
+      unregister = capturePlugin.value.registerMarqueeOnPage({
+        pageIndex: props.pageIndex,
+        scale: props.scale,
+        callback: {
+          onPreview: (newRect) => {
+            rect.value = newRect;
+          }
+        }
+      });
+    });
+    onUnmounted(() => {
+      unregister == null ? void 0 : unregister();
+    });
+    return (_ctx, _cache) => {
+      return rect.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        style: normalizeStyle({
+          position: "absolute",
+          pointerEvents: "none",
+          left: `${rect.value.origin.x * _ctx.scale}px`,
+          top: `${rect.value.origin.y * _ctx.scale}px`,
+          width: `${rect.value.size.width * _ctx.scale}px`,
+          height: `${rect.value.size.height * _ctx.scale}px`,
+          border: `1px solid ${_ctx.stroke}`,
+          background: _ctx.fill,
+          boxSizing: "border-box"
+        }),
+        class: normalizeClass(_ctx.className)
+      }, null, 6)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as MarqueeCapture,
+  useCaptureCapability,
+  useCapturePlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-capture.ts","../../src/vue/components/marquee-capture.vue"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { CapturePlugin } from '@embedpdf/plugin-capture';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n","<template>\n  <div\n    v-if=\"rect\"\n    :style=\"{\n      position: 'absolute',\n      pointerEvents: 'none',\n      left: `${rect.origin.x * scale}px`,\n      top: `${rect.origin.y * scale}px`,\n      width: `${rect.size.width * scale}px`,\n      height: `${rect.size.height * scale}px`,\n      border: `1px solid ${stroke}`,\n      background: fill,\n      boxSizing: 'border-box',\n    }\"\n    :class=\"className\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport type { Rect } from '@embedpdf/models';\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\nconst props = withDefaults(defineProps<MarqueeCaptureProps>(), {\n  stroke: 'rgba(33,150,243,0.8)',\n  fill: 'rgba(33,150,243,0.15)',\n});\n\nconst { provides: capturePlugin } = useCaptureCapability();\nconst rect = ref<Rect | null>(null);\n\nlet unregister: (() => void) | undefined;\n\nonMounted(() => {\n  if (!capturePlugin.value) return;\n\n  unregister = capturePlugin.value.registerMarqueeOnPage({\n    pageIndex: props.pageIndex,\n    scale: props.scale,\n    callback: {\n      onPreview: (newRect) => {\n        rect.value = newRect;\n      },\n    },\n  });\n});\n\nonUnmounted(() => {\n  unregister?.();\n});\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","scale","stroke","fill","className"],"mappings":";;;;AAGO,MAAM,uBAAuB,MAAM,cAA6B,cAAc,EAAE;AAChF,MAAM,mBAAmB,MAAM,UAAyB,cAAc,EAAE;;;;;;;;;;;AC+B/E,UAAM,QAAQ;AAKd,UAAM,EAAE,UAAU,cAAc,IAAI,qBAAqB;AACnD,UAAA,OAAO,IAAiB,IAAI;AAE9B,QAAA;AAEJ,cAAU,MAAM;AACV,UAAA,CAAC,cAAc,MAAO;AAEb,mBAAA,cAAc,MAAM,sBAAsB;AAAA,QACrD,WAAW,MAAM;AAAA,QACjB,OAAO,MAAM;AAAA,QACb,UAAU;AAAA,UACR,WAAW,CAAC,YAAY;AACtB,iBAAK,QAAQ;AAAA,UAAA;AAAA,QACf;AAAA,MACF,CACD;AAAA,IAAA,CACF;AAED,gBAAY,MAAM;AACH;AAAA,IAAA,CACd;;aA3DS,KAAI,sBADZA,mBAcE,OAAA;AAAA;QAZC,OAAKC,eAAA;AAAA;;UAA4E,MAAA,GAAA,KAAA,MAAK,OAAO,IAAIC,KAAK,KAAA;AAAA,UAAoB,KAAA,GAAA,KAAA,MAAK,OAAO,IAAIA,KAAK,KAAA;AAAA,UAAsB,OAAA,GAAA,KAAA,MAAK,KAAK,QAAQA,KAAK,KAAA;AAAA,UAAuB,QAAA,GAAA,KAAA,MAAK,KAAK,SAASA,KAAK,KAAA;AAAA,+BAAiCC,KAAM,MAAA;AAAA,sBAAsBC,KAAI;AAAA;;QAW5S,sBAAOC,KAAS,SAAA;AAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-capture",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -20,26 +20,32 @@
       "types": "./dist/react/index.d.ts",
       "import": "./dist/react/index.js",
       "require": "./dist/react/index.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.js",
+      "require": "./dist/vue/index.cjs"
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.0.19"
+    "@embedpdf/models": "1.0.21"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
     "@embedpdf/build": "1.0.0",
-    "@embedpdf/core": "1.0.19",
-    "@embedpdf/plugin-render": "1.0.19",
-    "@embedpdf/plugin-interaction-manager": "1.0.19"
+    "@embedpdf/core": "1.0.21",
+    "@embedpdf/plugin-render": "1.0.21",
+    "@embedpdf/plugin-interaction-manager": "1.0.21"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
-    "@embedpdf/core": "1.0.19",
-    "@embedpdf/plugin-interaction-manager": "1.0.19",
-    "@embedpdf/plugin-render": "1.0.19"
+    "vue": ">=3.2.0",
+    "@embedpdf/core": "1.0.21",
+    "@embedpdf/plugin-interaction-manager": "1.0.21",
+    "@embedpdf/plugin-render": "1.0.21"
   },
   "files": [
     "dist",
@@ -61,7 +67,8 @@
     "build:base": "vite build --mode base",
     "build:react": "vite build --mode react",
     "build:preact": "vite build --mode preact",
-    "build": "pnpm run clean && concurrently -c auto -n base,react,preact \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\"",
+    "build:vue": "vite build --mode vue",
+    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\"",
     "clean": "rimraf dist",
     "lint": "eslint src --color",
     "lint:fix": "eslint src --color --fix"

package/dist/preact/interaction-manager.d.ts

@@ -1 +0,0 @@
-export * from '@embedpdf/plugin-interaction-manager/preact';

package/dist/react/interaction-manager.d.ts

@@ -1 +0,0 @@
-export * from '@embedpdf/plugin-interaction-manager/react';