@embedpdf/plugin-redaction 1.3.11 → 1.3.13

package/dist/react/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),t=require("@embedpdf/plugin-redaction"),i=require("react/jsx-runtime"),n=require("react"),r=require("@embedpdf/utils/react"),o=require("@embedpdf/models"),s=()=>e.usePlugin(t.RedactionPlugin.id),a=()=>e.useCapability(t.RedactionPlugin.id),l=({pageIndex:e,scale:t,className:r,stroke:o="red",fill:a="transparent"})=>{const{plugin:l}=s(),[d,c]=n.useState(null);return n.useEffect((()=>{if(l)return l.registerMarqueeOnPage({pageIndex:e,scale:t,callback:{onPreview:c}})}),[l,e]),d?i.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:d.origin.x*t,top:d.origin.y*t,width:d.size.width*t,height:d.size.height*t,border:`1px solid ${o}`,background:a,boxSizing:"border-box"},className:r}):null};function d({color:e="#FFFF00",opacity:t=.5,border:n="1px solid red",rects:r,rect:o,scale:s,onClick:a,style:l,...d}){return i.jsx(i.Fragment,{children:r.map(((r,c)=>i.jsx("div",{onPointerDown:a,onTouchStart:a,style:{position:"absolute",border:n,left:(o?r.origin.x-o.origin.x:r.origin.x)*s,top:(o?r.origin.y-o.origin.y:r.origin.y)*s,width:r.size.width*s,height:r.size.height*s,background:e,opacity:t,pointerEvents:a?"auto":"none",cursor:a?"pointer":"default",zIndex:a?1:void 0,...l},...d},c)))})}function c({pageIndex:e,scale:t}){const{provides:r}=a(),[o,s]=n.useState([]),[l,c]=n.useState(null);return n.useEffect((()=>{if(r)return r.onRedactionSelectionChange((t=>{const i=t.find((t=>t.pageIndex===e));s((null==i?void 0:i.segmentRects)??[]),c((null==i?void 0:i.rect)??null)}))}),[r,e]),l?i.jsx("div",{style:{mixBlendMode:"normal",pointerEvents:"none",position:"absolute",inset:0},children:i.jsx(d,{color:"transparent",opacity:1,rects:o,scale:t,border:"1px solid red"})}):null}function u({pageIndex:e,scale:t,bboxStroke:s="rgba(0,0,0,0.8)",rotation:l=o.Rotation.Degree0,selectionMenu:c}){const{provides:u}=a(),[p,g]=n.useState([]),[x,h]=n.useState(null);if(n.useEffect((()=>{if(!u)return;const t=u.onPendingChange((t=>g(t[e]??[]))),i=u.onSelectionChange((t=>{h(t&&t.page===e?t.id:null)}));return()=>{null==t||t(),null==i||i()}}),[u,e]),!p.length)return null;const b=n.useCallback(((t,i)=>{t.stopPropagation(),u&&u.selectPending(e,i)}),[u,e]);return i.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:p.map((o=>{if("area"===o.kind){const a=o.rect;return i.jsxs(n.Fragment,{children:[i.jsx("div",{style:{position:"absolute",left:a.origin.x*t,top:a.origin.y*t,width:a.size.width*t,height:a.size.height*t,background:"transparent",outline:x===o.id?`1px solid ${s}`:"none",outlineOffset:"2px",border:"1px solid red",pointerEvents:"auto",cursor:"pointer"},onPointerDown:e=>b(e,o.id),onTouchStart:e=>b(e,o.id)}),i.jsx(r.CounterRotate,{rect:{origin:{x:a.origin.x*t,y:a.origin.y*t},size:{width:a.size.width*t,height:a.size.height*t}},rotation:l,children:({rect:t,menuWrapperProps:i})=>c&&c({item:o,selected:x===o.id,pageIndex:e,menuWrapperProps:i,rect:t})})]},o.id)}const a=o.boundingRect;return i.jsxs(n.Fragment,{children:[i.jsx("div",{style:{position:"absolute",left:a.origin.x*t,top:a.origin.y*t,width:a.size.width*t,height:a.size.height*t,background:"transparent",outline:x===o.id?`1px solid ${s}`:"none",outlineOffset:"2px",pointerEvents:"auto",cursor:x===o.id?"pointer":"default"},children:i.jsx(d,{rect:a,rects:o.rects,color:"transparent",border:"1px solid red",scale:t,onClick:e=>b(e,o.id)})}),i.jsx(r.CounterRotate,{rect:{origin:{x:a.origin.x*t,y:a.origin.y*t},size:{width:a.size.width*t,height:a.size.height*t}},rotation:l,children:({rect:t,menuWrapperProps:i})=>c&&c({item:o,selected:x===o.id,pageIndex:e,menuWrapperProps:i,rect:t})})]},o.id)}))})}exports.RedactionLayer=({pageIndex:e,scale:t,rotation:r=o.Rotation.Degree0,selectionMenu:s})=>i.jsxs(n.Fragment,{children:[i.jsx(u,{pageIndex:e,scale:t,rotation:r,selectionMenu:s}),i.jsx(l,{pageIndex:e,scale:t}),i.jsx(c,{pageIndex:e,scale:t})]}),exports.useRedactionCapability=a,exports.useRedactionPlugin=s,Object.keys(t).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),t=require("@embedpdf/plugin-redaction"),i=require("react"),n=require("react/jsx-runtime"),r=require("@embedpdf/utils/react"),o=require("@embedpdf/models"),s=()=>e.usePlugin(t.RedactionPlugin.id),a=()=>e.useCapability(t.RedactionPlugin.id),l=({pageIndex:e,scale:t,className:r,stroke:o="red",fill:a="transparent"})=>{const{plugin:l}=s(),[d,c]=i.useState(null);return i.useEffect((()=>{if(l)return l.registerMarqueeOnPage({pageIndex:e,scale:t,callback:{onPreview:c}})}),[l,e]),d?n.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:d.origin.x*t,top:d.origin.y*t,width:d.size.width*t,height:d.size.height*t,border:`1px solid ${o}`,background:a,boxSizing:"border-box"},className:r}):null};function d({color:e="#FFFF00",opacity:t=1,border:i="1px solid red",rects:r,rect:o,scale:s,onClick:a,style:l,...d}){return n.jsx(n.Fragment,{children:r.map(((r,c)=>n.jsx("div",{onPointerDown:a,onTouchStart:a,style:{position:"absolute",border:i,left:(o?r.origin.x-o.origin.x:r.origin.x)*s,top:(o?r.origin.y-o.origin.y:r.origin.y)*s,width:r.size.width*s,height:r.size.height*s,background:e,opacity:t,pointerEvents:a?"auto":"none",cursor:a?"pointer":"default",zIndex:a?1:void 0,...l},...d},c)))})}function c({pageIndex:e,scale:t}){const{plugin:r}=s(),[o,a]=i.useState([]),[l,c]=i.useState(null);return i.useEffect((()=>{if(r)return r.onRedactionSelectionChange((t=>{const i=t.find((t=>t.pageIndex===e));a((null==i?void 0:i.segmentRects)??[]),c((null==i?void 0:i.rect)??null)}))}),[r,e]),l?n.jsx("div",{style:{mixBlendMode:"normal",pointerEvents:"none",position:"absolute",inset:0},children:n.jsx(d,{color:"transparent",opacity:1,rects:o,scale:t,border:"1px solid red"})}):null}function u({pageIndex:e,scale:t,bboxStroke:s="rgba(0,0,0,0.8)",rotation:l=o.Rotation.Degree0,selectionMenu:c}){const{provides:u}=a(),[p,g]=i.useState([]),[x,h]=i.useState(null);i.useEffect((()=>{if(!u)return;const t=u.onPendingChange((t=>g(t[e]??[]))),i=u.onSelectedChange((t=>{h(t&&t.page===e?t.id:null)}));return()=>{null==t||t(),null==i||i()}}),[u,e]);const b=i.useCallback(((t,i)=>{t.stopPropagation(),u&&u.selectPending(e,i)}),[u,e]);return p.length?n.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:p.map((o=>{if("area"===o.kind){const a=o.rect;return n.jsxs(i.Fragment,{children:[n.jsx("div",{style:{position:"absolute",left:a.origin.x*t,top:a.origin.y*t,width:a.size.width*t,height:a.size.height*t,background:"transparent",outline:x===o.id?`1px solid ${s}`:"none",outlineOffset:"2px",border:"1px solid red",pointerEvents:"auto",cursor:"pointer"},onPointerDown:e=>b(e,o.id),onTouchStart:e=>b(e,o.id)}),n.jsx(r.CounterRotate,{rect:{origin:{x:a.origin.x*t,y:a.origin.y*t},size:{width:a.size.width*t,height:a.size.height*t}},rotation:l,children:({rect:t,menuWrapperProps:i})=>c&&c({item:o,selected:x===o.id,pageIndex:e,menuWrapperProps:i,rect:t})})]},o.id)}const a=o.rect;return n.jsxs(i.Fragment,{children:[n.jsx("div",{style:{position:"absolute",left:a.origin.x*t,top:a.origin.y*t,width:a.size.width*t,height:a.size.height*t,background:"transparent",outline:x===o.id?`1px solid ${s}`:"none",outlineOffset:"2px",pointerEvents:"auto",cursor:x===o.id?"pointer":"default"},children:n.jsx(d,{rect:a,rects:o.rects,color:"transparent",border:"1px solid red",scale:t,onClick:e=>b(e,o.id)})}),n.jsx(r.CounterRotate,{rect:{origin:{x:a.origin.x*t,y:a.origin.y*t},size:{width:a.size.width*t,height:a.size.height*t}},rotation:l,children:({rect:t,menuWrapperProps:i})=>c&&c({item:o,selected:x===o.id,pageIndex:e,menuWrapperProps:i,rect:t})})]},o.id)}))}):null}exports.RedactionLayer=({pageIndex:e,scale:t,rotation:r=o.Rotation.Degree0,selectionMenu:s})=>n.jsxs(i.Fragment,{children:[n.jsx(u,{pageIndex:e,scale:t,rotation:r,selectionMenu:s}),n.jsx(l,{pageIndex:e,scale:t}),n.jsx(c,{pageIndex:e,scale:t})]}),exports.useRedaction=()=>{const{provides:e}=a(),[n,r]=i.useState(t.initialState);return i.useEffect((()=>null==e?void 0:e.onStateChange((e=>{r(e)}))),[e]),{state:n,provides:e}},exports.useRedactionCapability=a,exports.useRedactionPlugin=s,Object.keys(t).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})}));
 //# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-redaction.ts","../../src/shared/components/marquee-redact.tsx","../../src/shared/components/highlight.tsx","../../src/shared/components/selection-redact.tsx","../../src/shared/components/pending-redactions.tsx","../../src/shared/components/redaction-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { RedactionPlugin } from '@embedpdf/plugin-redaction';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n","import { useEffect, useState } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\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 MarqueeRedact = ({\n  pageIndex,\n  scale,\n  className,\n  stroke = 'red',\n  fill = 'transparent',\n}: MarqueeRedactProps) => {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n    return redactionPlugin.registerMarqueeOnPage({\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [redactionPlugin, pageIndex]);\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","import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\ntype HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n  style?: CSSProperties;\n};\n\nexport function Highlight({\n  color = '#FFFF00',\n  opacity = 0.5,\n  border = '1px solid red',\n  rects,\n  rect,\n  scale,\n  onClick,\n  style,\n  ...props\n}: HighlightProps) {\n  return (\n    <>\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\n            border,\n            left: (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale,\n            top: (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background: color,\n            opacity: opacity,\n            pointerEvents: onClick ? 'auto' : 'none',\n            cursor: onClick ? 'pointer' : 'default',\n            zIndex: onClick ? 1 : undefined,\n            ...style,\n          }}\n          {...props}\n        />\n      ))}\n    </>\n  );\n}\n","import { Rect } from '@embedpdf/models';\n\nimport { useEffect, useState } from '@framework';\nimport { useRedactionCapability } from '../hooks';\nimport { Highlight } from './highlight';\n\ninterface SelectionRedactProps {\n  pageIndex: number;\n  scale: number;\n}\n\nexport function SelectionRedact({ pageIndex, scale }: SelectionRedactProps) {\n  const { provides: redactionProvides } = useRedactionCapability();\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionProvides) return;\n\n    return redactionProvides.onRedactionSelectionChange((formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      setRects(selection?.segmentRects ?? []);\n      setBoundingRect(selection?.rect ?? null);\n    });\n  }, [redactionProvides, pageIndex]);\n\n  if (!boundingRect) return null;\n\n  return (\n    <div\n      style={{\n        mixBlendMode: 'normal',\n        pointerEvents: 'none',\n        position: 'absolute',\n        inset: 0,\n      }}\n    >\n      <Highlight\n        color={'transparent'}\n        opacity={1}\n        rects={rects}\n        scale={scale}\n        border=\"1px solid red\"\n      />\n    </div>\n  );\n}\n","import { Fragment, useEffect, useState, useCallback, MouseEvent, TouchEvent } from '@framework';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\nimport { useRedactionCapability } from '../hooks';\nimport { RedactionItem } from '@embedpdf/plugin-redaction';\nimport { Highlight } from './highlight';\nimport { SelectionMenuProps } from './types';\nimport { Rotation } from '@embedpdf/models';\n\ninterface PendingRedactionsProps {\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  selectionMenu?: (props: SelectionMenuProps) => JSX.Element;\n}\n\nexport function PendingRedactions({\n  pageIndex,\n  scale,\n  bboxStroke = 'rgba(0,0,0,0.8)',\n  rotation = Rotation.Degree0,\n  selectionMenu,\n}: PendingRedactionsProps) {\n  const { provides: redaction } = useRedactionCapability();\n  const [items, setItems] = useState<RedactionItem[]>([]);\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!redaction) return;\n    const off1 = redaction.onPendingChange((map) => setItems(map[pageIndex] ?? []));\n    const off2 = redaction.onSelectionChange((sel) => {\n      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);\n    });\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  }, [redaction, pageIndex]);\n\n  if (!items.length) return null;\n\n  const select = useCallback(\n    (e: MouseEvent | TouchEvent, id: string) => {\n      e.stopPropagation();\n      if (!redaction) return;\n      redaction.selectPending(pageIndex, id);\n    },\n    [redaction, pageIndex],\n  );\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((it) => {\n        if (it.kind === 'area') {\n          const r = it.rect;\n          return (\n            <Fragment key={it.id}>\n              <div\n                style={{\n                  position: 'absolute',\n                  left: r.origin.x * scale,\n                  top: r.origin.y * scale,\n                  width: r.size.width * scale,\n                  height: r.size.height * scale,\n                  background: 'transparent',\n                  outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                  outlineOffset: '2px',\n                  border: `1px solid red`,\n                  pointerEvents: 'auto',\n                  cursor: 'pointer',\n                }}\n                onPointerDown={(e) => select(e, it.id)}\n                onTouchStart={(e) => select(e, it.id)}\n              />\n              <CounterRotate\n                rect={{\n                  origin: { x: r.origin.x * scale, y: r.origin.y * scale },\n                  size: { width: r.size.width * scale, height: r.size.height * scale },\n                }}\n                rotation={rotation}\n              >\n                {({ rect, menuWrapperProps }) =>\n                  selectionMenu &&\n                  selectionMenu({\n                    item: it,\n                    selected: selectedId === it.id,\n                    pageIndex,\n                    menuWrapperProps,\n                    rect,\n                  })\n                }\n              </CounterRotate>\n            </Fragment>\n          );\n        }\n        // kind === 'text' → draw bounding box; inner rects are not drawn here to avoid clutter.\n        const b = it.boundingRect;\n        return (\n          <Fragment key={it.id}>\n            <div\n              style={{\n                position: 'absolute',\n                left: b.origin.x * scale,\n                top: b.origin.y * scale,\n                width: b.size.width * scale,\n                height: b.size.height * scale,\n                background: 'transparent',\n                outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                outlineOffset: '2px',\n                pointerEvents: 'auto',\n                cursor: selectedId === it.id ? 'pointer' : 'default',\n              }}\n            >\n              <Highlight\n                rect={b}\n                rects={it.rects}\n                color=\"transparent\"\n                border=\"1px solid red\"\n                scale={scale}\n                onClick={(e) => select(e, it.id)}\n              />\n            </div>\n            <CounterRotate\n              rect={{\n                origin: { x: b.origin.x * scale, y: b.origin.y * scale },\n                size: { width: b.size.width * scale, height: b.size.height * scale },\n              }}\n              rotation={rotation}\n            >\n              {({ rect, menuWrapperProps }) =>\n                selectionMenu &&\n                selectionMenu({\n                  item: it,\n                  selected: selectedId === it.id,\n                  pageIndex,\n                  menuWrapperProps,\n                  rect,\n                })\n              }\n            </CounterRotate>\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n","import { Fragment } from '@framework';\nimport { MarqueeRedact } from './marquee-redact';\nimport { SelectionRedact } from './selection-redact';\nimport { PendingRedactions } from './pending-redactions';\nimport { Rotation } from '@embedpdf/models';\nimport { SelectionMenuProps } from './types';\n\ninterface RedactionLayerProps {\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  selectionMenu?: (props: SelectionMenuProps) => JSX.Element;\n}\n\nexport const RedactionLayer = ({\n  pageIndex,\n  scale,\n  rotation = Rotation.Degree0,\n  selectionMenu,\n}: RedactionLayerProps) => {\n  return (\n    <Fragment>\n      <PendingRedactions\n        pageIndex={pageIndex}\n        scale={scale}\n        rotation={rotation}\n        selectionMenu={selectionMenu}\n      />\n      <MarqueeRedact pageIndex={pageIndex} scale={scale} />\n      <SelectionRedact pageIndex={pageIndex} scale={scale} />\n    </Fragment>\n  );\n};\n"],"names":["useRedactionPlugin","usePlugin","RedactionPlugin","id","useRedactionCapability","useCapability","MarqueeRedact","pageIndex","scale","className","stroke","fill","plugin","redactionPlugin","rect","setRect","useState","useEffect","registerMarqueeOnPage","callback","onPreview","jsxRuntime","jsx","style","position","pointerEvents","left","origin","x","top","y","width","size","height","border","background","boxSizing","Highlight","color","opacity","rects","onClick","props","Fragment","children","map","b","i","onPointerDown","onTouchStart","cursor","zIndex","SelectionRedact","provides","redactionProvides","setRects","boundingRect","setBoundingRect","onRedactionSelectionChange","formattedSelection","selection","find","s","segmentRects","mixBlendMode","inset","PendingRedactions","bboxStroke","rotation","Rotation","Degree0","selectionMenu","redaction","items","setItems","selectedId","setSelectedId","off1","onPendingChange","off2","onSelectionChange","sel","page","length","select","useCallback","e","stopPropagation","selectPending","it","kind","r","outline","outlineOffset","CounterRotate","menuWrapperProps","item","selected"],"mappings":"mRAGaA,EAAqB,IAAMC,YAA2BC,EAAAA,gBAAgBC,IACtEC,EAAyB,IAAMC,gBAA+BH,EAAAA,gBAAgBC,ICa9EG,EAAgB,EAC3BC,YACAC,QACAC,YACAC,SAAS,MACTC,OAAO,kBAEP,MAAQC,OAAQC,GAAoBb,KAE7Bc,EAAMC,GAAWC,EAAAA,SAAsB,MAa1C,OAXJC,EAAAA,WAAU,KACR,GAAKJ,EACL,OAAOA,EAAgBK,sBAAsB,CAC3CX,YACAC,QACAW,SAAU,CACRC,UAAWL,IAEd,GACA,CAACF,EAAiBN,IAEhBO,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,ECzCG,SAAS4B,GAAUC,MACxBA,EAAQ,UAAAC,QACRA,EAAU,GAAAL,OACVA,EAAS,gBAAAM,MACTA,EAAA1B,KACAA,EAAAN,MACAA,EAAAiC,QACAA,EAAAlB,MACAA,KACGmB,IAIEpB,OAAAA,EAAAA,IAAAqB,EAAAA,SAAA,CAAAC,SAAAJ,EAAMK,KAAI,CAACC,EAAGC,IACb1B,EAAAC,IAAC,MAAA,CAEC0B,cAAeP,EACfQ,aAAcR,EACdlB,MAAO,CACLC,SAAU,WACVU,SACAR,MAAOZ,EAAOgC,EAAEnB,OAAOC,EAAId,EAAKa,OAAOC,EAAIkB,EAAEnB,OAAOC,GAAKpB,EACzDqB,KAAMf,EAAOgC,EAAEnB,OAAOG,EAAIhB,EAAKa,OAAOG,EAAIgB,EAAEnB,OAAOG,GAAKtB,EACxDuB,MAAOe,EAAEd,KAAKD,MAAQvB,EACtByB,OAAQa,EAAEd,KAAKC,OAASzB,EACxB2B,WAAYG,EACZC,UACAd,cAAegB,EAAU,OAAS,OAClCS,OAAQT,EAAU,UAAY,UAC9BU,OAAQV,EAAU,OAAI,KACnBlB,MAEDmB,GAjBCK,MAsBf,CCxCO,SAASK,GAAgB7C,UAAEA,EAAWC,MAAAA,IAC3C,MAAQ6C,SAAUC,GAAsBlD,KACjCoC,EAAOe,GAAYvC,EAAAA,SAAsB,KACzCwC,EAAcC,GAAmBzC,EAAAA,SAAsB,MAY1D,OAVJC,EAAAA,WAAU,KACR,GAAKqC,EAEE,OAAAA,EAAkBI,4BAA4BC,IACnD,MAAMC,EAAYD,EAAmBE,MAAMC,GAAMA,EAAEvD,YAAcA,IACxDgD,GAAA,MAAAK,OAAA,EAAAA,EAAWG,eAAgB,IACpBN,GAAA,MAAAG,OAAA,EAAAA,EAAW9C,OAAQ,KAAI,GACxC,GACA,CAACwC,EAAmB/C,IAElBiD,EAGHnC,EAAAC,IAAC,MAAA,CACCC,MAAO,CACLyC,aAAc,SACdvC,cAAe,OACfD,SAAU,WACVyC,MAAO,GAGTrB,SAAAvB,EAAAC,IAACe,EAAA,CACCC,MAAO,cACPC,QAAS,EACTC,QACAhC,QACA0B,OAAO,oBAhBa,IAoB5B,CC9BO,SAASgC,GAAkB3D,UAChCA,EAAAC,MACAA,EAAA2D,WACAA,EAAa,kBAAAC,SACbA,EAAWC,EAASA,SAAAC,QAAAC,cACpBA,IAEA,MAAQlB,SAAUmB,GAAcpE,KACzBqE,EAAOC,GAAY1D,EAAAA,SAA0B,KAC7C2D,EAAYC,GAAiB5D,EAAAA,SAAwB,MAcxD,GAZJC,EAAAA,WAAU,KACR,IAAKuD,EAAW,OACV,MAAAK,EAAOL,EAAUM,iBAAiBjC,GAAQ6B,EAAS7B,EAAItC,IAAc,MACrEwE,EAAOP,EAAUQ,mBAAmBC,IACxCL,EAAcK,GAAOA,EAAIC,OAAS3E,EAAY0E,EAAI9E,GAAK,KAAI,IAE7D,MAAO,KACE,MAAA0E,GAAAA,IACA,MAAAE,GAAAA,GAAA,CACT,GACC,CAACP,EAAWjE,KAEVkE,EAAMU,OAAe,OAAA,KAE1B,MAAMC,EAASC,EAAAA,aACb,CAACC,EAA4BnF,KAC3BmF,EAAEC,kBACGf,GACKA,EAAAgB,cAAcjF,EAAWJ,EAAE,GAEvC,CAACqE,EAAWjE,IAGd,SACGe,IAAA,MAAA,CAAIC,MAAO,CAAEC,SAAU,WAAYyC,MAAO,EAAGxC,cAAe,QAC1DmB,SAAM6B,EAAA5B,KAAK4C,IACN,GAAY,SAAZA,EAAGC,KAAiB,CACtB,MAAMC,EAAIF,EAAG3E,KACb,cACG6B,WACC,CAAAC,SAAA,CAAAvB,EAAAC,IAAC,MAAA,CACCC,MAAO,CACLC,SAAU,WACVE,KAAMiE,EAAEhE,OAAOC,EAAIpB,EACnBqB,IAAK8D,EAAEhE,OAAOG,EAAItB,EAClBuB,MAAO4D,EAAE3D,KAAKD,MAAQvB,EACtByB,OAAQ0D,EAAE3D,KAAKC,OAASzB,EACxB2B,WAAY,cACZyD,QAASjB,IAAec,EAAGtF,GAAK,aAAagE,IAAe,OAC5D0B,cAAe,MACf3D,OAAQ,gBACRT,cAAe,OACfyB,OAAQ,WAEVF,cAAgBsC,GAAMF,EAAOE,EAAGG,EAAGtF,IACnC8C,aAAeqC,GAAMF,EAAOE,EAAGG,EAAGtF,MAEpCkB,EAAAC,IAACwE,EAAAA,cAAA,CACChF,KAAM,CACJa,OAAQ,CAAEC,EAAG+D,EAAEhE,OAAOC,EAAIpB,EAAOsB,EAAG6D,EAAEhE,OAAOG,EAAItB,GACjDwB,KAAM,CAAED,MAAO4D,EAAE3D,KAAKD,MAAQvB,EAAOyB,OAAQ0D,EAAE3D,KAAKC,OAASzB,IAE/D4D,WAECxB,WAAG9B,OAAMiF,sBACRxB,GACAA,EAAc,CACZyB,KAAMP,EACNQ,SAAUtB,IAAec,EAAGtF,GAC5BI,YACAwF,mBACAjF,aAhCO2E,EAAGtF,GAoClB,CAIJ,MAAM2C,EAAI2C,EAAGjC,aACb,cACGb,WACC,CAAAC,SAAA,CAAAvB,EAAAC,IAAC,MAAA,CACCC,MAAO,CACLC,SAAU,WACVE,KAAMoB,EAAEnB,OAAOC,EAAIpB,EACnBqB,IAAKiB,EAAEnB,OAAOG,EAAItB,EAClBuB,MAAOe,EAAEd,KAAKD,MAAQvB,EACtByB,OAAQa,EAAEd,KAAKC,OAASzB,EACxB2B,WAAY,cACZyD,QAASjB,IAAec,EAAGtF,GAAK,aAAagE,IAAe,OAC5D0B,cAAe,MACfpE,cAAe,OACfyB,OAAQyB,IAAec,EAAGtF,GAAK,UAAY,WAG7CyC,SAAAvB,EAAAC,IAACe,EAAA,CACCvB,KAAMgC,EACNN,MAAOiD,EAAGjD,MACVF,MAAM,cACNJ,OAAO,gBACP1B,QACAiC,QAAU6C,GAAMF,EAAOE,EAAGG,EAAGtF,QAGjCkB,EAAAC,IAACwE,EAAAA,cAAA,CACChF,KAAM,CACJa,OAAQ,CAAEC,EAAGkB,EAAEnB,OAAOC,EAAIpB,EAAOsB,EAAGgB,EAAEnB,OAAOG,EAAItB,GACjDwB,KAAM,CAAED,MAAOe,EAAEd,KAAKD,MAAQvB,EAAOyB,OAAQa,EAAEd,KAAKC,OAASzB,IAE/D4D,WAECxB,WAAG9B,OAAMiF,sBACRxB,GACAA,EAAc,CACZyB,KAAMP,EACNQ,SAAUtB,IAAec,EAAGtF,GAC5BI,YACAwF,mBACAjF,aAtCO2E,EAAGtF,GA0ClB,KAKV,wBCnI8B,EAC5BI,YACAC,QACA4D,WAAWC,EAASA,SAAAC,QACpBC,0BAGG5B,WACC,CAAAC,SAAA,CAAAvB,EAAAC,IAAC4C,EAAA,CACC3D,YACAC,QACA4D,WACAG,oBAEFjD,IAAChB,EAAc,CAAAC,YAAsBC,YACrCc,IAAC8B,EAAgB,CAAA7C,YAAsBC"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-redaction.ts","../../src/shared/components/marquee-redact.tsx","../../src/shared/components/highlight.tsx","../../src/shared/components/selection-redact.tsx","../../src/shared/components/pending-redactions.tsx","../../src/shared/components/redaction-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { initialState, RedactionPlugin, RedactionState } from '@embedpdf/plugin-redaction';\nimport { useState, useEffect } from '@framework';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\nexport const useRedaction = () => {\n  const { provides } = useRedactionCapability();\n  const [state, setState] = useState<RedactionState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((action) => {\n      setState(action);\n    });\n  }, [provides]);\n\n  return {\n    state,\n    provides,\n  };\n};\n","import { useEffect, useState } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\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 MarqueeRedact = ({\n  pageIndex,\n  scale,\n  className,\n  stroke = 'red',\n  fill = 'transparent',\n}: MarqueeRedactProps) => {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n    return redactionPlugin.registerMarqueeOnPage({\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [redactionPlugin, pageIndex]);\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","import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\ntype HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n  style?: CSSProperties;\n};\n\nexport function Highlight({\n  color = '#FFFF00',\n  opacity = 1,\n  border = '1px solid red',\n  rects,\n  rect,\n  scale,\n  onClick,\n  style,\n  ...props\n}: HighlightProps) {\n  return (\n    <>\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\n            border,\n            left: (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale,\n            top: (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background: color,\n            opacity: opacity,\n            pointerEvents: onClick ? 'auto' : 'none',\n            cursor: onClick ? 'pointer' : 'default',\n            zIndex: onClick ? 1 : undefined,\n            ...style,\n          }}\n          {...props}\n        />\n      ))}\n    </>\n  );\n}\n","import { Rect } from '@embedpdf/models';\n\nimport { useEffect, useState } from '@framework';\nimport { useRedactionPlugin } from '../hooks';\nimport { Highlight } from './highlight';\n\ninterface SelectionRedactProps {\n  pageIndex: number;\n  scale: number;\n}\n\nexport function SelectionRedact({ pageIndex, scale }: SelectionRedactProps) {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n\n    return redactionPlugin.onRedactionSelectionChange((formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      setRects(selection?.segmentRects ?? []);\n      setBoundingRect(selection?.rect ?? null);\n    });\n  }, [redactionPlugin, pageIndex]);\n\n  if (!boundingRect) return null;\n\n  return (\n    <div\n      style={{\n        mixBlendMode: 'normal',\n        pointerEvents: 'none',\n        position: 'absolute',\n        inset: 0,\n      }}\n    >\n      <Highlight\n        color={'transparent'}\n        opacity={1}\n        rects={rects}\n        scale={scale}\n        border=\"1px solid red\"\n      />\n    </div>\n  );\n}\n","import { Fragment, useEffect, useState, useCallback, MouseEvent, TouchEvent } from '@framework';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\nimport { useRedactionCapability } from '../hooks';\nimport { RedactionItem } from '@embedpdf/plugin-redaction';\nimport { Highlight } from './highlight';\nimport { SelectionMenuProps } from './types';\nimport { Rotation } from '@embedpdf/models';\n\ninterface PendingRedactionsProps {\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  selectionMenu?: (props: SelectionMenuProps) => JSX.Element;\n}\n\nexport function PendingRedactions({\n  pageIndex,\n  scale,\n  bboxStroke = 'rgba(0,0,0,0.8)',\n  rotation = Rotation.Degree0,\n  selectionMenu,\n}: PendingRedactionsProps) {\n  const { provides: redaction } = useRedactionCapability();\n  const [items, setItems] = useState<RedactionItem[]>([]);\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!redaction) return;\n    const off1 = redaction.onPendingChange((map) => setItems(map[pageIndex] ?? []));\n    const off2 = redaction.onSelectedChange((sel) => {\n      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);\n    });\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  }, [redaction, pageIndex]);\n\n  const select = useCallback(\n    (e: MouseEvent | TouchEvent, id: string) => {\n      e.stopPropagation();\n      if (!redaction) return;\n      redaction.selectPending(pageIndex, id);\n    },\n    [redaction, pageIndex],\n  );\n\n  if (!items.length) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((it) => {\n        if (it.kind === 'area') {\n          const r = it.rect;\n          return (\n            <Fragment key={it.id}>\n              <div\n                style={{\n                  position: 'absolute',\n                  left: r.origin.x * scale,\n                  top: r.origin.y * scale,\n                  width: r.size.width * scale,\n                  height: r.size.height * scale,\n                  background: 'transparent',\n                  outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                  outlineOffset: '2px',\n                  border: `1px solid red`,\n                  pointerEvents: 'auto',\n                  cursor: 'pointer',\n                }}\n                onPointerDown={(e) => select(e, it.id)}\n                onTouchStart={(e) => select(e, it.id)}\n              />\n              <CounterRotate\n                rect={{\n                  origin: { x: r.origin.x * scale, y: r.origin.y * scale },\n                  size: { width: r.size.width * scale, height: r.size.height * scale },\n                }}\n                rotation={rotation}\n              >\n                {({ rect, menuWrapperProps }) =>\n                  selectionMenu &&\n                  selectionMenu({\n                    item: it,\n                    selected: selectedId === it.id,\n                    pageIndex,\n                    menuWrapperProps,\n                    rect,\n                  })\n                }\n              </CounterRotate>\n            </Fragment>\n          );\n        }\n        // kind === 'text' → draw bounding box; inner rects are not drawn here to avoid clutter.\n        const b = it.rect;\n        return (\n          <Fragment key={it.id}>\n            <div\n              style={{\n                position: 'absolute',\n                left: b.origin.x * scale,\n                top: b.origin.y * scale,\n                width: b.size.width * scale,\n                height: b.size.height * scale,\n                background: 'transparent',\n                outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                outlineOffset: '2px',\n                pointerEvents: 'auto',\n                cursor: selectedId === it.id ? 'pointer' : 'default',\n              }}\n            >\n              <Highlight\n                rect={b}\n                rects={it.rects}\n                color=\"transparent\"\n                border=\"1px solid red\"\n                scale={scale}\n                onClick={(e) => select(e, it.id)}\n              />\n            </div>\n            <CounterRotate\n              rect={{\n                origin: { x: b.origin.x * scale, y: b.origin.y * scale },\n                size: { width: b.size.width * scale, height: b.size.height * scale },\n              }}\n              rotation={rotation}\n            >\n              {({ rect, menuWrapperProps }) =>\n                selectionMenu &&\n                selectionMenu({\n                  item: it,\n                  selected: selectedId === it.id,\n                  pageIndex,\n                  menuWrapperProps,\n                  rect,\n                })\n              }\n            </CounterRotate>\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n","import { Fragment } from '@framework';\nimport { MarqueeRedact } from './marquee-redact';\nimport { SelectionRedact } from './selection-redact';\nimport { PendingRedactions } from './pending-redactions';\nimport { Rotation } from '@embedpdf/models';\nimport { SelectionMenuProps } from './types';\n\ninterface RedactionLayerProps {\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  selectionMenu?: (props: SelectionMenuProps) => JSX.Element;\n}\n\nexport const RedactionLayer = ({\n  pageIndex,\n  scale,\n  rotation = Rotation.Degree0,\n  selectionMenu,\n}: RedactionLayerProps) => {\n  return (\n    <Fragment>\n      <PendingRedactions\n        pageIndex={pageIndex}\n        scale={scale}\n        rotation={rotation}\n        selectionMenu={selectionMenu}\n      />\n      <MarqueeRedact pageIndex={pageIndex} scale={scale} />\n      <SelectionRedact pageIndex={pageIndex} scale={scale} />\n    </Fragment>\n  );\n};\n"],"names":["useRedactionPlugin","usePlugin","RedactionPlugin","id","useRedactionCapability","useCapability","MarqueeRedact","pageIndex","scale","className","stroke","fill","plugin","redactionPlugin","rect","setRect","useState","useEffect","registerMarqueeOnPage","callback","onPreview","jsxRuntime","jsx","style","position","pointerEvents","left","origin","x","top","y","width","size","height","border","background","boxSizing","Highlight","color","opacity","rects","onClick","props","Fragment","children","map","b","i","onPointerDown","onTouchStart","cursor","zIndex","SelectionRedact","setRects","boundingRect","setBoundingRect","onRedactionSelectionChange","formattedSelection","selection","find","s","segmentRects","mixBlendMode","inset","PendingRedactions","bboxStroke","rotation","Rotation","Degree0","selectionMenu","provides","redaction","items","setItems","selectedId","setSelectedId","off1","onPendingChange","off2","onSelectedChange","sel","page","select","useCallback","e","stopPropagation","selectPending","length","it","kind","r","outline","outlineOffset","CounterRotate","menuWrapperProps","item","selected","state","setState","initialState","onStateChange","action"],"mappings":"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"}

package/dist/react/index.js

@@ -1,12 +1,25 @@
 import { usePlugin, useCapability } from "@embedpdf/core/react";
-import { RedactionPlugin } from "@embedpdf/plugin-redaction";
+import { RedactionPlugin, initialState } from "@embedpdf/plugin-redaction";
 export * from "@embedpdf/plugin-redaction";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, Fragment as Fragment$1 } from "react";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { CounterRotate } from "@embedpdf/utils/react";
 import { Rotation } from "@embedpdf/models";
 const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
 const useRedactionCapability = () => useCapability(RedactionPlugin.id);
+const useRedaction = () => {
+  const { provides } = useRedactionCapability();
+  const [state, setState] = useState(initialState);
+  useEffect(() => {
+    return provides == null ? void 0 : provides.onStateChange((action) => {
+      setState(action);
+    });
+  }, [provides]);
+  return {
+    state,
+    provides
+  };
+};
 const MarqueeRedact = ({
   pageIndex,
   scale,
@@ -47,7 +60,7 @@ const MarqueeRedact = ({
 };
 function Highlight({
   color = "#FFFF00",
-  opacity = 0.5,
+  opacity = 1,
   border = "1px solid red",
   rects,
   rect,
@@ -81,17 +94,17 @@ function Highlight({
   )) });
 }
 function SelectionRedact({ pageIndex, scale }) {
-  const { provides: redactionProvides } = useRedactionCapability();
+  const { plugin: redactionPlugin } = useRedactionPlugin();
   const [rects, setRects] = useState([]);
   const [boundingRect, setBoundingRect] = useState(null);
   useEffect(() => {
-    if (!redactionProvides) return;
-    return redactionProvides.onRedactionSelectionChange((formattedSelection) => {
+    if (!redactionPlugin) return;
+    return redactionPlugin.onRedactionSelectionChange((formattedSelection) => {
       const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);
       setRects((selection == null ? void 0 : selection.segmentRects) ?? []);
       setBoundingRect((selection == null ? void 0 : selection.rect) ?? null);
     });
-  }, [redactionProvides, pageIndex]);
+  }, [redactionPlugin, pageIndex]);
   if (!boundingRect) return null;
   return /* @__PURE__ */ jsx(
     "div",
@@ -128,7 +141,7 @@ function PendingRedactions({
   useEffect(() => {
     if (!redaction) return;
     const off1 = redaction.onPendingChange((map) => setItems(map[pageIndex] ?? []));
-    const off2 = redaction.onSelectionChange((sel) => {
+    const off2 = redaction.onSelectedChange((sel) => {
       setSelectedId(sel && sel.page === pageIndex ? sel.id : null);
     });
     return () => {
@@ -136,7 +149,6 @@ function PendingRedactions({
       off2 == null ? void 0 : off2();
     };
   }, [redaction, pageIndex]);
-  if (!items.length) return null;
   const select = useCallback(
     (e, id) => {
       e.stopPropagation();
@@ -145,6 +157,7 @@ function PendingRedactions({
     },
     [redaction, pageIndex]
   );
+  if (!items.length) return null;
   return /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: items.map((it) => {
     if (it.kind === "area") {
       const r = it.rect;
@@ -188,7 +201,7 @@ function PendingRedactions({
         )
       ] }, it.id);
     }
-    const b = it.boundingRect;
+    const b = it.rect;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsx(
         "div",
@@ -260,6 +273,7 @@ const RedactionLayer = ({
 };
 export {
   RedactionLayer,
+  useRedaction,
   useRedactionCapability,
   useRedactionPlugin
 };

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-redaction.ts","../../src/shared/components/marquee-redact.tsx","../../src/shared/components/highlight.tsx","../../src/shared/components/selection-redact.tsx","../../src/shared/components/pending-redactions.tsx","../../src/shared/components/redaction-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { RedactionPlugin } from '@embedpdf/plugin-redaction';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n","import { useEffect, useState } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\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 MarqueeRedact = ({\n  pageIndex,\n  scale,\n  className,\n  stroke = 'red',\n  fill = 'transparent',\n}: MarqueeRedactProps) => {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n    return redactionPlugin.registerMarqueeOnPage({\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [redactionPlugin, pageIndex]);\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","import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\ntype HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n  style?: CSSProperties;\n};\n\nexport function Highlight({\n  color = '#FFFF00',\n  opacity = 0.5,\n  border = '1px solid red',\n  rects,\n  rect,\n  scale,\n  onClick,\n  style,\n  ...props\n}: HighlightProps) {\n  return (\n    <>\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\n            border,\n            left: (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale,\n            top: (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background: color,\n            opacity: opacity,\n            pointerEvents: onClick ? 'auto' : 'none',\n            cursor: onClick ? 'pointer' : 'default',\n            zIndex: onClick ? 1 : undefined,\n            ...style,\n          }}\n          {...props}\n        />\n      ))}\n    </>\n  );\n}\n","import { Rect } from '@embedpdf/models';\n\nimport { useEffect, useState } from '@framework';\nimport { useRedactionCapability } from '../hooks';\nimport { Highlight } from './highlight';\n\ninterface SelectionRedactProps {\n  pageIndex: number;\n  scale: number;\n}\n\nexport function SelectionRedact({ pageIndex, scale }: SelectionRedactProps) {\n  const { provides: redactionProvides } = useRedactionCapability();\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionProvides) return;\n\n    return redactionProvides.onRedactionSelectionChange((formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      setRects(selection?.segmentRects ?? []);\n      setBoundingRect(selection?.rect ?? null);\n    });\n  }, [redactionProvides, pageIndex]);\n\n  if (!boundingRect) return null;\n\n  return (\n    <div\n      style={{\n        mixBlendMode: 'normal',\n        pointerEvents: 'none',\n        position: 'absolute',\n        inset: 0,\n      }}\n    >\n      <Highlight\n        color={'transparent'}\n        opacity={1}\n        rects={rects}\n        scale={scale}\n        border=\"1px solid red\"\n      />\n    </div>\n  );\n}\n","import { Fragment, useEffect, useState, useCallback, MouseEvent, TouchEvent } from '@framework';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\nimport { useRedactionCapability } from '../hooks';\nimport { RedactionItem } from '@embedpdf/plugin-redaction';\nimport { Highlight } from './highlight';\nimport { SelectionMenuProps } from './types';\nimport { Rotation } from '@embedpdf/models';\n\ninterface PendingRedactionsProps {\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  selectionMenu?: (props: SelectionMenuProps) => JSX.Element;\n}\n\nexport function PendingRedactions({\n  pageIndex,\n  scale,\n  bboxStroke = 'rgba(0,0,0,0.8)',\n  rotation = Rotation.Degree0,\n  selectionMenu,\n}: PendingRedactionsProps) {\n  const { provides: redaction } = useRedactionCapability();\n  const [items, setItems] = useState<RedactionItem[]>([]);\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!redaction) return;\n    const off1 = redaction.onPendingChange((map) => setItems(map[pageIndex] ?? []));\n    const off2 = redaction.onSelectionChange((sel) => {\n      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);\n    });\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  }, [redaction, pageIndex]);\n\n  if (!items.length) return null;\n\n  const select = useCallback(\n    (e: MouseEvent | TouchEvent, id: string) => {\n      e.stopPropagation();\n      if (!redaction) return;\n      redaction.selectPending(pageIndex, id);\n    },\n    [redaction, pageIndex],\n  );\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((it) => {\n        if (it.kind === 'area') {\n          const r = it.rect;\n          return (\n            <Fragment key={it.id}>\n              <div\n                style={{\n                  position: 'absolute',\n                  left: r.origin.x * scale,\n                  top: r.origin.y * scale,\n                  width: r.size.width * scale,\n                  height: r.size.height * scale,\n                  background: 'transparent',\n                  outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                  outlineOffset: '2px',\n                  border: `1px solid red`,\n                  pointerEvents: 'auto',\n                  cursor: 'pointer',\n                }}\n                onPointerDown={(e) => select(e, it.id)}\n                onTouchStart={(e) => select(e, it.id)}\n              />\n              <CounterRotate\n                rect={{\n                  origin: { x: r.origin.x * scale, y: r.origin.y * scale },\n                  size: { width: r.size.width * scale, height: r.size.height * scale },\n                }}\n                rotation={rotation}\n              >\n                {({ rect, menuWrapperProps }) =>\n                  selectionMenu &&\n                  selectionMenu({\n                    item: it,\n                    selected: selectedId === it.id,\n                    pageIndex,\n                    menuWrapperProps,\n                    rect,\n                  })\n                }\n              </CounterRotate>\n            </Fragment>\n          );\n        }\n        // kind === 'text' → draw bounding box; inner rects are not drawn here to avoid clutter.\n        const b = it.boundingRect;\n        return (\n          <Fragment key={it.id}>\n            <div\n              style={{\n                position: 'absolute',\n                left: b.origin.x * scale,\n                top: b.origin.y * scale,\n                width: b.size.width * scale,\n                height: b.size.height * scale,\n                background: 'transparent',\n                outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                outlineOffset: '2px',\n                pointerEvents: 'auto',\n                cursor: selectedId === it.id ? 'pointer' : 'default',\n              }}\n            >\n              <Highlight\n                rect={b}\n                rects={it.rects}\n                color=\"transparent\"\n                border=\"1px solid red\"\n                scale={scale}\n                onClick={(e) => select(e, it.id)}\n              />\n            </div>\n            <CounterRotate\n              rect={{\n                origin: { x: b.origin.x * scale, y: b.origin.y * scale },\n                size: { width: b.size.width * scale, height: b.size.height * scale },\n              }}\n              rotation={rotation}\n            >\n              {({ rect, menuWrapperProps }) =>\n                selectionMenu &&\n                selectionMenu({\n                  item: it,\n                  selected: selectedId === it.id,\n                  pageIndex,\n                  menuWrapperProps,\n                  rect,\n                })\n              }\n            </CounterRotate>\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n","import { Fragment } from '@framework';\nimport { MarqueeRedact } from './marquee-redact';\nimport { SelectionRedact } from './selection-redact';\nimport { PendingRedactions } from './pending-redactions';\nimport { Rotation } from '@embedpdf/models';\nimport { SelectionMenuProps } from './types';\n\ninterface RedactionLayerProps {\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  selectionMenu?: (props: SelectionMenuProps) => JSX.Element;\n}\n\nexport const RedactionLayer = ({\n  pageIndex,\n  scale,\n  rotation = Rotation.Degree0,\n  selectionMenu,\n}: RedactionLayerProps) => {\n  return (\n    <Fragment>\n      <PendingRedactions\n        pageIndex={pageIndex}\n        scale={scale}\n        rotation={rotation}\n        selectionMenu={selectionMenu}\n      />\n      <MarqueeRedact pageIndex={pageIndex} scale={scale} />\n      <SelectionRedact pageIndex={pageIndex} scale={scale} />\n    </Fragment>\n  );\n};\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-redaction.ts","../../src/shared/components/marquee-redact.tsx","../../src/shared/components/highlight.tsx","../../src/shared/components/selection-redact.tsx","../../src/shared/components/pending-redactions.tsx","../../src/shared/components/redaction-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { initialState, RedactionPlugin, RedactionState } from '@embedpdf/plugin-redaction';\nimport { useState, useEffect } from '@framework';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\nexport const useRedaction = () => {\n  const { provides } = useRedactionCapability();\n  const [state, setState] = useState<RedactionState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((action) => {\n      setState(action);\n    });\n  }, [provides]);\n\n  return {\n    state,\n    provides,\n  };\n};\n","import { useEffect, useState } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\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 MarqueeRedact = ({\n  pageIndex,\n  scale,\n  className,\n  stroke = 'red',\n  fill = 'transparent',\n}: MarqueeRedactProps) => {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n    return redactionPlugin.registerMarqueeOnPage({\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [redactionPlugin, pageIndex]);\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","import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\ntype HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n  style?: CSSProperties;\n};\n\nexport function Highlight({\n  color = '#FFFF00',\n  opacity = 1,\n  border = '1px solid red',\n  rects,\n  rect,\n  scale,\n  onClick,\n  style,\n  ...props\n}: HighlightProps) {\n  return (\n    <>\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\n            border,\n            left: (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale,\n            top: (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background: color,\n            opacity: opacity,\n            pointerEvents: onClick ? 'auto' : 'none',\n            cursor: onClick ? 'pointer' : 'default',\n            zIndex: onClick ? 1 : undefined,\n            ...style,\n          }}\n          {...props}\n        />\n      ))}\n    </>\n  );\n}\n","import { Rect } from '@embedpdf/models';\n\nimport { useEffect, useState } from '@framework';\nimport { useRedactionPlugin } from '../hooks';\nimport { Highlight } from './highlight';\n\ninterface SelectionRedactProps {\n  pageIndex: number;\n  scale: number;\n}\n\nexport function SelectionRedact({ pageIndex, scale }: SelectionRedactProps) {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n\n    return redactionPlugin.onRedactionSelectionChange((formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      setRects(selection?.segmentRects ?? []);\n      setBoundingRect(selection?.rect ?? null);\n    });\n  }, [redactionPlugin, pageIndex]);\n\n  if (!boundingRect) return null;\n\n  return (\n    <div\n      style={{\n        mixBlendMode: 'normal',\n        pointerEvents: 'none',\n        position: 'absolute',\n        inset: 0,\n      }}\n    >\n      <Highlight\n        color={'transparent'}\n        opacity={1}\n        rects={rects}\n        scale={scale}\n        border=\"1px solid red\"\n      />\n    </div>\n  );\n}\n","import { Fragment, useEffect, useState, useCallback, MouseEvent, TouchEvent } from '@framework';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\nimport { useRedactionCapability } from '../hooks';\nimport { RedactionItem } from '@embedpdf/plugin-redaction';\nimport { Highlight } from './highlight';\nimport { SelectionMenuProps } from './types';\nimport { Rotation } from '@embedpdf/models';\n\ninterface PendingRedactionsProps {\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  selectionMenu?: (props: SelectionMenuProps) => JSX.Element;\n}\n\nexport function PendingRedactions({\n  pageIndex,\n  scale,\n  bboxStroke = 'rgba(0,0,0,0.8)',\n  rotation = Rotation.Degree0,\n  selectionMenu,\n}: PendingRedactionsProps) {\n  const { provides: redaction } = useRedactionCapability();\n  const [items, setItems] = useState<RedactionItem[]>([]);\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!redaction) return;\n    const off1 = redaction.onPendingChange((map) => setItems(map[pageIndex] ?? []));\n    const off2 = redaction.onSelectedChange((sel) => {\n      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);\n    });\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  }, [redaction, pageIndex]);\n\n  const select = useCallback(\n    (e: MouseEvent | TouchEvent, id: string) => {\n      e.stopPropagation();\n      if (!redaction) return;\n      redaction.selectPending(pageIndex, id);\n    },\n    [redaction, pageIndex],\n  );\n\n  if (!items.length) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((it) => {\n        if (it.kind === 'area') {\n          const r = it.rect;\n          return (\n            <Fragment key={it.id}>\n              <div\n                style={{\n                  position: 'absolute',\n                  left: r.origin.x * scale,\n                  top: r.origin.y * scale,\n                  width: r.size.width * scale,\n                  height: r.size.height * scale,\n                  background: 'transparent',\n                  outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                  outlineOffset: '2px',\n                  border: `1px solid red`,\n                  pointerEvents: 'auto',\n                  cursor: 'pointer',\n                }}\n                onPointerDown={(e) => select(e, it.id)}\n                onTouchStart={(e) => select(e, it.id)}\n              />\n              <CounterRotate\n                rect={{\n                  origin: { x: r.origin.x * scale, y: r.origin.y * scale },\n                  size: { width: r.size.width * scale, height: r.size.height * scale },\n                }}\n                rotation={rotation}\n              >\n                {({ rect, menuWrapperProps }) =>\n                  selectionMenu &&\n                  selectionMenu({\n                    item: it,\n                    selected: selectedId === it.id,\n                    pageIndex,\n                    menuWrapperProps,\n                    rect,\n                  })\n                }\n              </CounterRotate>\n            </Fragment>\n          );\n        }\n        // kind === 'text' → draw bounding box; inner rects are not drawn here to avoid clutter.\n        const b = it.rect;\n        return (\n          <Fragment key={it.id}>\n            <div\n              style={{\n                position: 'absolute',\n                left: b.origin.x * scale,\n                top: b.origin.y * scale,\n                width: b.size.width * scale,\n                height: b.size.height * scale,\n                background: 'transparent',\n                outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                outlineOffset: '2px',\n                pointerEvents: 'auto',\n                cursor: selectedId === it.id ? 'pointer' : 'default',\n              }}\n            >\n              <Highlight\n                rect={b}\n                rects={it.rects}\n                color=\"transparent\"\n                border=\"1px solid red\"\n                scale={scale}\n                onClick={(e) => select(e, it.id)}\n              />\n            </div>\n            <CounterRotate\n              rect={{\n                origin: { x: b.origin.x * scale, y: b.origin.y * scale },\n                size: { width: b.size.width * scale, height: b.size.height * scale },\n              }}\n              rotation={rotation}\n            >\n              {({ rect, menuWrapperProps }) =>\n                selectionMenu &&\n                selectionMenu({\n                  item: it,\n                  selected: selectedId === it.id,\n                  pageIndex,\n                  menuWrapperProps,\n                  rect,\n                })\n              }\n            </CounterRotate>\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n","import { Fragment } from '@framework';\nimport { MarqueeRedact } from './marquee-redact';\nimport { SelectionRedact } from './selection-redact';\nimport { PendingRedactions } from './pending-redactions';\nimport { Rotation } from '@embedpdf/models';\nimport { SelectionMenuProps } from './types';\n\ninterface RedactionLayerProps {\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  selectionMenu?: (props: SelectionMenuProps) => JSX.Element;\n}\n\nexport const RedactionLayer = ({\n  pageIndex,\n  scale,\n  rotation = Rotation.Degree0,\n  selectionMenu,\n}: RedactionLayerProps) => {\n  return (\n    <Fragment>\n      <PendingRedactions\n        pageIndex={pageIndex}\n        scale={scale}\n        rotation={rotation}\n        selectionMenu={selectionMenu}\n      />\n      <MarqueeRedact pageIndex={pageIndex} scale={scale} />\n      <SelectionRedact pageIndex={pageIndex} scale={scale} />\n    </Fragment>\n  );\n};\n"],"names":["Fragment"],"mappings":"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"}

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

@@ -1 +1,2 @@
 export * from './redaction-layer';
+export * from './types';

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

@@ -1,4 +1,4 @@
-import { RedactionPlugin } from '../../lib/index.ts';
+import { RedactionPlugin, RedactionState } from '../../lib/index.ts';
 export declare const useRedactionPlugin: () => {
     plugin: RedactionPlugin | null;
     isLoading: boolean;
@@ -9,3 +9,7 @@ export declare const useRedactionCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
+export declare const useRedaction: () => {
+    state: RedactionState;
+    provides: Readonly<import('../../lib/index.ts').RedactionCapability> | null;
+};

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

@@ -1 +1,2 @@
 export * from './redaction-layer';
+export * from './types';

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

@@ -1,4 +1,4 @@
-import { RedactionPlugin } from '../../lib/index.ts';
+import { RedactionPlugin, RedactionState } from '../../lib/index.ts';
 export declare const useRedactionPlugin: () => {
     plugin: RedactionPlugin | null;
     isLoading: boolean;
@@ -9,3 +9,7 @@ export declare const useRedactionCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
+export declare const useRedaction: () => {
+    state: RedactionState;
+    provides: Readonly<import('../../lib/index.ts').RedactionCapability> | null;
+};

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

@@ -1,3 +1,105 @@
 import { RedactionPlugin } from '../../lib/index.ts';
 export declare const useRedactionPlugin: () => import('@embedpdf/core/vue').PluginState<RedactionPlugin>;
 export declare const useRedactionCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib/index.ts').RedactionCapability>>;
+export declare const useRedaction: () => {
+    state: Readonly<import('vue').Ref<{
+        readonly isRedacting: boolean;
+        readonly activeType: import('../../lib/index.ts').RedactionMode | null;
+        readonly pending: {
+            readonly [x: number]: readonly ({
+                readonly id: string;
+                readonly kind: "text";
+                readonly page: number;
+                readonly rect: {
+                    readonly origin: {
+                        readonly x: number;
+                        readonly y: number;
+                    };
+                    readonly size: {
+                        readonly width: number;
+                        readonly height: number;
+                    };
+                };
+                readonly rects: readonly {
+                    readonly origin: {
+                        readonly x: number;
+                        readonly y: number;
+                    };
+                    readonly size: {
+                        readonly width: number;
+                        readonly height: number;
+                    };
+                }[];
+            } | {
+                readonly id: string;
+                readonly kind: "area";
+                readonly page: number;
+                readonly rect: {
+                    readonly origin: {
+                        readonly x: number;
+                        readonly y: number;
+                    };
+                    readonly size: {
+                        readonly width: number;
+                        readonly height: number;
+                    };
+                };
+            })[];
+        };
+        readonly pendingCount: number;
+        readonly selected: {
+            readonly page: number;
+            readonly id: string | null;
+        } | null;
+    }, {
+        readonly isRedacting: boolean;
+        readonly activeType: import('../../lib/index.ts').RedactionMode | null;
+        readonly pending: {
+            readonly [x: number]: readonly ({
+                readonly id: string;
+                readonly kind: "text";
+                readonly page: number;
+                readonly rect: {
+                    readonly origin: {
+                        readonly x: number;
+                        readonly y: number;
+                    };
+                    readonly size: {
+                        readonly width: number;
+                        readonly height: number;
+                    };
+                };
+                readonly rects: readonly {
+                    readonly origin: {
+                        readonly x: number;
+                        readonly y: number;
+                    };
+                    readonly size: {
+                        readonly width: number;
+                        readonly height: number;
+                    };
+                }[];
+            } | {
+                readonly id: string;
+                readonly kind: "area";
+                readonly page: number;
+                readonly rect: {
+                    readonly origin: {
+                        readonly x: number;
+                        readonly y: number;
+                    };
+                    readonly size: {
+                        readonly width: number;
+                        readonly height: number;
+                    };
+                };
+            })[];
+        };
+        readonly pendingCount: number;
+        readonly selected: {
+            readonly page: number;
+            readonly id: string | null;
+        } | null;
+    }>>;
+    provides: import('vue').Ref<Readonly<import('../../lib/index.ts').RedactionCapability> | null, Readonly<import('../../lib/index.ts').RedactionCapability> | null>;
+};

package/dist/vue/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/vue"),t=require("@embedpdf/plugin-redaction"),n=require("vue"),o=require("@embedpdf/utils/vue"),r=()=>e.usePlugin(t.RedactionPlugin.id),l=()=>e.useCapability(t.RedactionPlugin.id),a=n.defineComponent({__name:"highlight",props:{color:{default:"#FFFF00"},opacity:{default:.5},border:{default:"1px solid red"},rects:{},rect:{},scale:{},onClick:{}},setup(e){const t=e.rect;return(e,o)=>(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.rects,((r,l)=>(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:l,onPointerdown:o[0]||(o[0]=(...t)=>e.onClick&&e.onClick(...t)),onTouchstart:o[1]||(o[1]=(...t)=>e.onClick&&e.onClick(...t)),style:{position:"absolute",border:e.border,left:(n.unref(t)?r.origin.x-n.unref(t).origin.x:r.origin.x)*e.scale+"px",top:(n.unref(t)?r.origin.y-n.unref(t).origin.y:r.origin.y)*e.scale+"px",width:r.size.width*e.scale+"px",height:r.size.height*e.scale+"px",background:e.color,opacity:e.opacity,pointerEvents:e.onClick?"auto":"none",cursor:e.onClick?"pointer":"default",zIndex:e.onClick?1:void 0}},{ref_for:!0},e.$attrs),null,16)))),128))}}),i=n.defineComponent({__name:"marquee-redact",props:{pageIndex:{},scale:{},className:{},stroke:{default:"red"},fill:{default:"transparent"}},setup(e){const t=e,{plugin:o}=r(),l=n.ref(null);let a;return n.onMounted((()=>{o.value&&(a=o.value.registerMarqueeOnPage({pageIndex:t.pageIndex,scale:t.scale,callback:{onPreview:e=>{l.value=e}}}))})),n.onUnmounted((()=>{null==a||a()})),(e,t)=>l.value?(n.openBlock(),n.createElementBlock("div",{key:0,style:n.normalizeStyle({position:"absolute",pointerEvents:"none",left:l.value.origin.x*e.scale+"px",top:l.value.origin.y*e.scale+"px",width:l.value.size.width*e.scale+"px",height:l.value.size.height*e.scale+"px",border:`1px solid ${e.stroke}`,background:e.fill,boxSizing:"border-box"}),class:n.normalizeClass(e.className)},null,6)):n.createCommentVNode("",!0)}}),c={key:0,style:{mixBlendMode:"normal",pointerEvents:"none",position:"absolute",inset:0}},s=n.defineComponent({__name:"selection-redact",props:{pageIndex:{},scale:{}},setup(e){const t=e,{provides:o}=l(),r=n.ref([]),i=n.ref(null);let s;return n.onMounted((()=>{o.value&&(s=o.value.onRedactionSelectionChange((e=>{const n=e.find((e=>e.pageIndex===t.pageIndex));r.value=(null==n?void 0:n.segmentRects)??[],i.value=(null==n?void 0:n.rect)??null})))})),n.onUnmounted((()=>{null==s||s()})),(e,t)=>i.value?(n.openBlock(),n.createElementBlock("div",c,[n.createVNode(a,{color:"transparent",opacity:1,rects:r.value,scale:e.scale,border:"1px solid red"},null,8,["rects","scale"])])):n.createCommentVNode("",!0)}}),d={key:0,style:{position:"absolute",inset:0,pointerEvents:"none"}},u=["onPointerdown","onTouchstart"],p=n.defineComponent({__name:"pending-redactions",props:{pageIndex:{},scale:{},rotation:{default:0},bboxStroke:{default:"rgba(0,0,0,0.8)"}},setup(e){const t=e,{provides:r}=l(),i=n.ref([]),c=n.ref(null),s=(e,n)=>{e.stopPropagation(),r.value&&r.value.selectPending(t.pageIndex,n)};let p,g;return n.onMounted((()=>{r.value&&(p=r.value.onPendingChange((e=>{i.value=e[t.pageIndex]??[]})),g=r.value.onSelectionChange((e=>{c.value=e&&e.page===t.pageIndex?e.id:null})))})),n.onUnmounted((()=>{null==p||p(),null==g||g()})),(e,t)=>i.value.length?(n.openBlock(),n.createElementBlock("div",d,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.value,(t=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:t.id},["area"===t.kind?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.createElementVNode("div",{style:n.normalizeStyle({position:"absolute",left:t.rect.origin.x*e.scale+"px",top:t.rect.origin.y*e.scale+"px",width:t.rect.size.width*e.scale+"px",height:t.rect.size.height*e.scale+"px",background:"transparent",outline:c.value===t.id?`1px solid ${e.bboxStroke}`:"none",outlineOffset:"2px",border:"1px solid red",pointerEvents:"auto",cursor:"pointer"}),onPointerdown:e=>s(e,t.id),onTouchstart:e=>s(e,t.id)},null,44,u),n.createVNode(n.unref(o.CounterRotate),{rect:{origin:{x:t.rect.origin.x*e.scale,y:t.rect.origin.y*e.scale},size:{width:t.rect.size.width*e.scale,height:t.rect.size.height*e.scale}},rotation:e.rotation},{default:n.withCtx((({rect:o,menuWrapperProps:r})=>[n.renderSlot(e.$slots,"selection-menu",{item:t,selected:c.value===t.id,pageIndex:e.pageIndex,menuWrapperProps:r,rect:o})])),_:2},1032,["rect","rotation"])],64)):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[n.createElementVNode("div",{style:n.normalizeStyle({position:"absolute",left:t.boundingRect.origin.x*e.scale+"px",top:t.boundingRect.origin.y*e.scale+"px",width:t.boundingRect.size.width*e.scale+"px",height:t.boundingRect.size.height*e.scale+"px",background:"transparent",outline:c.value===t.id?`1px solid ${e.bboxStroke}`:"none",outlineOffset:"2px",pointerEvents:"auto",cursor:c.value===t.id?"pointer":"default"})},[n.createVNode(a,{rect:t.boundingRect,rects:t.rects,color:"transparent",border:"1px solid red",scale:e.scale,"on-click":e=>s(e,t.id)},null,8,["rect","rects","scale","on-click"])],4),n.createVNode(n.unref(o.CounterRotate),{rect:{origin:{x:t.boundingRect.origin.x*e.scale,y:t.boundingRect.origin.y*e.scale},size:{width:t.boundingRect.size.width*e.scale,height:t.boundingRect.size.height*e.scale}},rotation:e.rotation},{default:n.withCtx((({rect:o,menuWrapperProps:r})=>[n.renderSlot(e.$slots,"selection-menu",{item:t,selected:c.value===t.id,pageIndex:e.pageIndex,menuWrapperProps:r,rect:o})])),_:2},1032,["rect","rotation"])],64))],64)))),128))])):n.createCommentVNode("",!0)}}),g=n.defineComponent({__name:"redaction-layer",props:{pageIndex:{},scale:{},rotation:{default:0},bboxStroke:{default:"rgba(0,0,0,0.8)"}},setup:e=>(e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(p,{"page-index":e.pageIndex,scale:e.scale,rotation:e.rotation,"bbox-stroke":e.bboxStroke},{"selection-menu":n.withCtx((t=>[n.renderSlot(e.$slots,"selection-menu",n.normalizeProps(n.guardReactiveProps(t)))])),_:3},8,["page-index","scale","rotation","bbox-stroke"]),n.createVNode(i,{"page-index":e.pageIndex,scale:e.scale},null,8,["page-index","scale"]),n.createVNode(s,{"page-index":e.pageIndex,scale:e.scale},null,8,["page-index","scale"])],64))});exports.Highlight=a,exports.MarqueeRedact=i,exports.PendingRedactions=p,exports.RedactionLayer=g,exports.SelectionRedact=s,exports.useRedactionCapability=l,exports.useRedactionPlugin=r,Object.keys(t).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("@embedpdf/core/vue"),o=require("@embedpdf/plugin-redaction"),n=require("@embedpdf/utils/vue"),r=()=>t.usePlugin(o.RedactionPlugin.id),l=()=>t.useCapability(o.RedactionPlugin.id),a=e.defineComponent({__name:"highlight",props:{color:{default:"#FFFF00"},opacity:{default:1},border:{default:"1px solid red"},rects:{},rect:{},scale:{},onClick:{}},setup(t){const o=t.rect;return(t,n)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rects,((r,l)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:l,onPointerdown:n[0]||(n[0]=(...e)=>t.onClick&&t.onClick(...e)),onTouchstart:n[1]||(n[1]=(...e)=>t.onClick&&t.onClick(...e)),style:{position:"absolute",border:t.border,left:(e.unref(o)?r.origin.x-e.unref(o).origin.x:r.origin.x)*t.scale+"px",top:(e.unref(o)?r.origin.y-e.unref(o).origin.y:r.origin.y)*t.scale+"px",width:r.size.width*t.scale+"px",height:r.size.height*t.scale+"px",background:t.color,opacity:t.opacity,pointerEvents:t.onClick?"auto":"none",cursor:t.onClick?"pointer":"default",zIndex:t.onClick?1:void 0}},{ref_for:!0},t.$attrs),null,16)))),128))}}),i=e.defineComponent({__name:"marquee-redact",props:{pageIndex:{},scale:{},className:{},stroke:{default:"red"},fill:{default:"transparent"}},setup(t){const o=t,{plugin:n}=r(),l=e.ref(null);let a;return e.onMounted((()=>{n.value&&(a=n.value.registerMarqueeOnPage({pageIndex:o.pageIndex,scale:o.scale,callback:{onPreview:e=>{l.value=e}}}))})),e.onUnmounted((()=>{null==a||a()})),(t,o)=>l.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({position:"absolute",pointerEvents:"none",left:l.value.origin.x*t.scale+"px",top:l.value.origin.y*t.scale+"px",width:l.value.size.width*t.scale+"px",height:l.value.size.height*t.scale+"px",border:`1px solid ${t.stroke}`,background:t.fill,boxSizing:"border-box"}),class:e.normalizeClass(t.className)},null,6)):e.createCommentVNode("",!0)}}),c={key:0,style:{mixBlendMode:"normal",pointerEvents:"none",position:"absolute",inset:0}},s=e.defineComponent({__name:"selection-redact",props:{pageIndex:{},scale:{}},setup(t){const o=t,{plugin:n}=r(),l=e.ref([]),i=e.ref(null);let s;return e.onMounted((()=>{n.value&&(s=n.value.onRedactionSelectionChange((e=>{const t=e.find((e=>e.pageIndex===o.pageIndex));l.value=(null==t?void 0:t.segmentRects)??[],i.value=(null==t?void 0:t.rect)??null})))})),e.onUnmounted((()=>{null==s||s()})),(t,o)=>i.value?(e.openBlock(),e.createElementBlock("div",c,[e.createVNode(a,{color:"transparent",opacity:1,rects:l.value,scale:t.scale,border:"1px solid red"},null,8,["rects","scale"])])):e.createCommentVNode("",!0)}}),d={key:0,style:{position:"absolute",inset:0,pointerEvents:"none"}},p=["onPointerdown","onTouchstart"],u=e.defineComponent({__name:"pending-redactions",props:{pageIndex:{},scale:{},rotation:{default:0},bboxStroke:{default:"rgba(0,0,0,0.8)"}},setup(t){const o=t,{provides:r}=l(),i=e.ref([]),c=e.ref(null),s=(e,t)=>{e.stopPropagation(),r.value&&r.value.selectPending(o.pageIndex,t)};let u,g;return e.onMounted((()=>{r.value&&(u=r.value.onPendingChange((e=>{i.value=e[o.pageIndex]??[]})),g=r.value.onSelectedChange((e=>{c.value=e&&e.page===o.pageIndex?e.id:null})))})),e.onUnmounted((()=>{null==u||u(),null==g||g()})),(t,o)=>i.value.length?(e.openBlock(),e.createElementBlock("div",d,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.id},["area"===o.kind?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{style:e.normalizeStyle({position:"absolute",left:o.rect.origin.x*t.scale+"px",top:o.rect.origin.y*t.scale+"px",width:o.rect.size.width*t.scale+"px",height:o.rect.size.height*t.scale+"px",background:"transparent",outline:c.value===o.id?`1px solid ${t.bboxStroke}`:"none",outlineOffset:"2px",border:"1px solid red",pointerEvents:"auto",cursor:"pointer"}),onPointerdown:e=>s(e,o.id),onTouchstart:e=>s(e,o.id)},null,44,p),e.createVNode(e.unref(n.CounterRotate),{rect:{origin:{x:o.rect.origin.x*t.scale,y:o.rect.origin.y*t.scale},size:{width:o.rect.size.width*t.scale,height:o.rect.size.height*t.scale}},rotation:t.rotation},{default:e.withCtx((({rect:n,menuWrapperProps:r})=>[e.renderSlot(t.$slots,"selection-menu",{item:o,selected:c.value===o.id,pageIndex:t.pageIndex,menuWrapperProps:r,rect:n})])),_:2},1032,["rect","rotation"])],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{style:e.normalizeStyle({position:"absolute",left:o.rect.origin.x*t.scale+"px",top:o.rect.origin.y*t.scale+"px",width:o.rect.size.width*t.scale+"px",height:o.rect.size.height*t.scale+"px",background:"transparent",outline:c.value===o.id?`1px solid ${t.bboxStroke}`:"none",outlineOffset:"2px",pointerEvents:"auto",cursor:c.value===o.id?"pointer":"default"})},[e.createVNode(a,{rect:o.rect,rects:o.rects,color:"transparent",border:"1px solid red",scale:t.scale,"on-click":e=>s(e,o.id)},null,8,["rect","rects","scale","on-click"])],4),e.createVNode(e.unref(n.CounterRotate),{rect:{origin:{x:o.rect.origin.x*t.scale,y:o.rect.origin.y*t.scale},size:{width:o.rect.size.width*t.scale,height:o.rect.size.height*t.scale}},rotation:t.rotation},{default:e.withCtx((({rect:n,menuWrapperProps:r})=>[e.renderSlot(t.$slots,"selection-menu",{item:o,selected:c.value===o.id,pageIndex:t.pageIndex,menuWrapperProps:r,rect:n})])),_:2},1032,["rect","rotation"])],64))],64)))),128))])):e.createCommentVNode("",!0)}}),g=e.defineComponent({__name:"redaction-layer",props:{pageIndex:{},scale:{},rotation:{default:0},bboxStroke:{default:"rgba(0,0,0,0.8)"}},setup:t=>(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(u,{"page-index":t.pageIndex,scale:t.scale,rotation:t.rotation,"bbox-stroke":t.bboxStroke},{"selection-menu":e.withCtx((o=>[e.renderSlot(t.$slots,"selection-menu",e.normalizeProps(e.guardReactiveProps(o)))])),_:3},8,["page-index","scale","rotation","bbox-stroke"]),e.createVNode(i,{"page-index":t.pageIndex,scale:t.scale},null,8,["page-index","scale"]),e.createVNode(s,{"page-index":t.pageIndex,scale:t.scale},null,8,["page-index","scale"])],64))});exports.Highlight=a,exports.MarqueeRedact=i,exports.PendingRedactions=u,exports.RedactionLayer=g,exports.SelectionRedact=s,exports.useRedaction=()=>{const{provides:t}=l(),n=e.ref(o.initialState);return e.watchEffect((e=>{if(!t.value)return;e(t.value.onStateChange((e=>{n.value=e})))})),{state:e.readonly(n),provides:t}},exports.useRedactionCapability=l,exports.useRedactionPlugin=r,Object.keys(o).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>o[e]})}));
 //# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-redaction.ts","../../src/vue/components/highlight.vue","../../src/vue/components/marquee-redact.vue","../../src/vue/components/selection-redact.vue","../../src/vue/components/pending-redactions.vue","../../src/vue/components/redaction-layer.vue"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { RedactionPlugin } from '@embedpdf/plugin-redaction';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n","<template>\n  <div\n    v-for=\"(rect, i) in rects\"\n    :key=\"i\"\n    @pointerdown=\"onClick\"\n    @touchstart=\"onClick\"\n    :style=\"{\n      position: 'absolute',\n      border,\n      left: `${(boundingRect ? rect.origin.x - boundingRect.origin.x : rect.origin.x) * scale}px`,\n      top: `${(boundingRect ? rect.origin.y - boundingRect.origin.y : rect.origin.y) * scale}px`,\n      width: `${rect.size.width * scale}px`,\n      height: `${rect.size.height * scale}px`,\n      background: color,\n      opacity: opacity,\n      pointerEvents: onClick ? 'auto' : 'none',\n      cursor: onClick ? 'pointer' : 'default',\n      zIndex: onClick ? 1 : undefined,\n    }\"\n    v-bind=\"$attrs\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type { Rect } from '@embedpdf/models';\n\ninterface HighlightProps {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: PointerEvent | TouchEvent) => void;\n}\n\nconst props = withDefaults(defineProps<HighlightProps>(), {\n  color: '#FFFF00',\n  opacity: 0.5,\n  border: '1px solid red',\n});\n\n// Rename rect to boundingRect for clarity in template\nconst boundingRect = props.rect;\n</script>\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 { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\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<MarqueeRedactProps>(), {\n  stroke: 'red',\n  fill: 'transparent',\n});\n\nconst { plugin: redactionPlugin } = useRedactionPlugin();\nconst rect = ref<Rect | null>(null);\n\nlet unregister: (() => void) | undefined;\n\nonMounted(() => {\n  if (!redactionPlugin.value) return;\n\n  unregister = redactionPlugin.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","<template>\n  <div\n    v-if=\"boundingRect\"\n    :style=\"{\n      mixBlendMode: 'normal',\n      pointerEvents: 'none',\n      position: 'absolute',\n      inset: 0,\n    }\"\n  >\n    <Highlight\n      :color=\"'transparent'\"\n      :opacity=\"1\"\n      :rects=\"rects\"\n      :scale=\"scale\"\n      border=\"1px solid red\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { useRedactionCapability } from '../hooks/use-redaction';\nimport Highlight from './highlight.vue';\n\ninterface SelectionRedactProps {\n  pageIndex: number;\n  scale: number;\n}\n\nconst props = defineProps<SelectionRedactProps>();\n\nconst { provides: redactionProvides } = useRedactionCapability();\nconst rects = ref<Rect[]>([]);\nconst boundingRect = ref<Rect | null>(null);\n\nlet unsubscribe: (() => void) | undefined;\n\nonMounted(() => {\n  if (!redactionProvides.value) return;\n\n  unsubscribe = redactionProvides.value.onRedactionSelectionChange((formattedSelection) => {\n    const selection = formattedSelection.find((s) => s.pageIndex === props.pageIndex);\n    rects.value = selection?.segmentRects ?? [];\n    boundingRect.value = selection?.rect ?? null;\n  });\n});\n\nonUnmounted(() => {\n  unsubscribe?.();\n});\n</script>\n","<template>\n  <div v-if=\"items.length\" :style=\"{ position: 'absolute', inset: 0, pointerEvents: 'none' }\">\n    <template v-for=\"item in items\" :key=\"item.id\">\n      <!-- Area redaction -->\n      <template v-if=\"item.kind === 'area'\">\n        <div\n          :style=\"{\n            position: 'absolute',\n            left: `${item.rect.origin.x * scale}px`,\n            top: `${item.rect.origin.y * scale}px`,\n            width: `${item.rect.size.width * scale}px`,\n            height: `${item.rect.size.height * scale}px`,\n            background: 'transparent',\n            outline: selectedId === item.id ? `1px solid ${bboxStroke}` : 'none',\n            outlineOffset: '2px',\n            border: `1px solid red`,\n            pointerEvents: 'auto',\n            cursor: 'pointer',\n          }\"\n          @pointerdown=\"(e: PointerEvent) => select(e, item.id)\"\n          @touchstart=\"(e: TouchEvent) => select(e, item.id)\"\n        />\n        <CounterRotate\n          :rect=\"{\n            origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n            size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n          }\"\n          :rotation=\"rotation\"\n        >\n          <template #default=\"{ rect, menuWrapperProps }\">\n            <slot\n              name=\"selection-menu\"\n              :item=\"item\"\n              :selected=\"selectedId === item.id\"\n              :page-index=\"pageIndex\"\n              :menu-wrapper-props=\"menuWrapperProps\"\n              :rect=\"rect\"\n            />\n          </template>\n        </CounterRotate>\n      </template>\n\n      <!-- Text redaction -->\n      <template v-else>\n        <div\n          :style=\"{\n            position: 'absolute',\n            left: `${item.boundingRect.origin.x * scale}px`,\n            top: `${item.boundingRect.origin.y * scale}px`,\n            width: `${item.boundingRect.size.width * scale}px`,\n            height: `${item.boundingRect.size.height * scale}px`,\n            background: 'transparent',\n            outline: selectedId === item.id ? `1px solid ${bboxStroke}` : 'none',\n            outlineOffset: '2px',\n            pointerEvents: 'auto',\n            cursor: selectedId === item.id ? 'pointer' : 'default',\n          }\"\n        >\n          <Highlight\n            :rect=\"item.boundingRect\"\n            :rects=\"item.rects\"\n            color=\"transparent\"\n            border=\"1px solid red\"\n            :scale=\"scale\"\n            :on-click=\"(e: PointerEvent | TouchEvent) => select(e, item.id)\"\n          />\n        </div>\n        <CounterRotate\n          :rect=\"{\n            origin: {\n              x: item.boundingRect.origin.x * scale,\n              y: item.boundingRect.origin.y * scale,\n            },\n            size: {\n              width: item.boundingRect.size.width * scale,\n              height: item.boundingRect.size.height * scale,\n            },\n          }\"\n          :rotation=\"rotation\"\n        >\n          <template #default=\"{ rect, menuWrapperProps }\">\n            <slot\n              name=\"selection-menu\"\n              :item=\"item\"\n              :selected=\"selectedId === item.id\"\n              :page-index=\"pageIndex\"\n              :menu-wrapper-props=\"menuWrapperProps\"\n              :rect=\"rect\"\n            />\n          </template>\n        </CounterRotate>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport { CounterRotate } from '@embedpdf/utils/vue';\nimport type { Rotation } from '@embedpdf/models';\nimport type { RedactionItem } from '@embedpdf/plugin-redaction';\nimport { useRedactionCapability } from '../hooks/use-redaction';\nimport Highlight from './highlight.vue';\n\ninterface PendingRedactionsProps {\n  pageIndex: number;\n  scale: number;\n  rotation?: Rotation;\n  bboxStroke?: string;\n}\n\nconst props = withDefaults(defineProps<PendingRedactionsProps>(), {\n  rotation: 0,\n  bboxStroke: 'rgba(0,0,0,0.8)',\n});\n\nconst { provides: redaction } = useRedactionCapability();\nconst items = ref<RedactionItem[]>([]);\nconst selectedId = ref<string | null>(null);\n\nconst select = (e: PointerEvent | TouchEvent, id: string) => {\n  e.stopPropagation();\n  if (!redaction.value) return;\n  redaction.value.selectPending(props.pageIndex, id);\n};\n\nlet unsubscribePending: (() => void) | undefined;\nlet unsubscribeSelection: (() => void) | undefined;\n\nonMounted(() => {\n  if (!redaction.value) return;\n\n  unsubscribePending = redaction.value.onPendingChange((map) => {\n    items.value = map[props.pageIndex] ?? [];\n  });\n\n  unsubscribeSelection = redaction.value.onSelectionChange((sel) => {\n    selectedId.value = sel && sel.page === props.pageIndex ? sel.id : null;\n  });\n});\n\nonUnmounted(() => {\n  unsubscribePending?.();\n  unsubscribeSelection?.();\n});\n</script>\n","<template>\n  <PendingRedactions\n    :page-index=\"pageIndex\"\n    :scale=\"scale\"\n    :rotation=\"rotation\"\n    :bbox-stroke=\"bboxStroke\"\n  >\n    <template #selection-menu=\"slotProps\">\n      <slot name=\"selection-menu\" v-bind=\"slotProps\" />\n    </template>\n  </PendingRedactions>\n  <MarqueeRedact :page-index=\"pageIndex\" :scale=\"scale\" />\n  <SelectionRedact :page-index=\"pageIndex\" :scale=\"scale\" />\n</template>\n\n<script setup lang=\"ts\">\nimport type { Rotation } from '@embedpdf/models';\nimport PendingRedactions from './pending-redactions.vue';\nimport MarqueeRedact from './marquee-redact.vue';\nimport SelectionRedact from './selection-redact.vue';\n\ninterface RedactionLayerProps {\n  pageIndex: number;\n  scale: number;\n  rotation?: Rotation;\n  bboxStroke?: string;\n}\n\nwithDefaults(defineProps<RedactionLayerProps>(), {\n  rotation: 0,\n  bboxStroke: 'rgba(0,0,0,0.8)',\n});\n</script>\n"],"names":["useRedactionPlugin","usePlugin","RedactionPlugin","id","useRedactionCapability","useCapability","boundingRect","__props","rect","_openBlock","_createElementBlock","_Fragment","rects","i","_mergeProps","key","onPointerdown","_cache","_ctx","onClick","args","onTouchstart","style","border","left","_unref","origin","x","unref","scale","top","y","width","size","height","color","opacity","$attrs","props","plugin","redactionPlugin","ref","unregister","onMounted","value","registerMarqueeOnPage","pageIndex","callback","onPreview","newRect","onUnmounted","_normalizeStyle","stroke","fill","class","className","provides","redactionProvides","unsubscribe","onRedactionSelectionChange","formattedSelection","selection","find","s","segmentRects","createElementBlock","_hoisted_1","_createVNode","Highlight","redaction","items","selectedId","select","e","stopPropagation","selectPending","unsubscribePending","unsubscribeSelection","onPendingChange","map","onSelectionChange","sel","page","length","Fragment","_renderList","item","kind","_createElementVNode","outline","bboxStroke","CounterRotate","rotation","default","_withCtx","menuWrapperProps","_renderSlot","$slots","selected","PendingRedactions","slotProps","renderSlot","MarqueeRedact","SelectionRedact"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-redaction.ts","../../src/vue/components/highlight.vue","../../src/vue/components/marquee-redact.vue","../../src/vue/components/selection-redact.vue","../../src/vue/components/pending-redactions.vue","../../src/vue/components/redaction-layer.vue"],"sourcesContent":["import { ref, watchEffect, readonly } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { RedactionPlugin, initialState, RedactionState } from '@embedpdf/plugin-redaction';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\nexport const useRedaction = () => {\n  const { provides } = useRedactionCapability();\n  const state = ref<RedactionState>(initialState);\n\n  watchEffect((onCleanup) => {\n    if (!provides.value) return;\n\n    const unsubscribe = provides.value.onStateChange((newState) => {\n      state.value = newState;\n    });\n    onCleanup(unsubscribe);\n  });\n\n  return {\n    state: readonly(state),\n    provides,\n  };\n};\n","<template>\n  <div\n    v-for=\"(rect, i) in rects\"\n    :key=\"i\"\n    @pointerdown=\"onClick\"\n    @touchstart=\"onClick\"\n    :style=\"{\n      position: 'absolute',\n      border,\n      left: `${(boundingRect ? rect.origin.x - boundingRect.origin.x : rect.origin.x) * scale}px`,\n      top: `${(boundingRect ? rect.origin.y - boundingRect.origin.y : rect.origin.y) * scale}px`,\n      width: `${rect.size.width * scale}px`,\n      height: `${rect.size.height * scale}px`,\n      background: color,\n      opacity: opacity,\n      pointerEvents: onClick ? 'auto' : 'none',\n      cursor: onClick ? 'pointer' : 'default',\n      zIndex: onClick ? 1 : undefined,\n    }\"\n    v-bind=\"$attrs\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type { Rect } from '@embedpdf/models';\n\ninterface HighlightProps {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: PointerEvent | TouchEvent) => void;\n}\n\nconst props = withDefaults(defineProps<HighlightProps>(), {\n  color: '#FFFF00',\n  opacity: 1,\n  border: '1px solid red',\n});\n\n// Rename rect to boundingRect for clarity in template\nconst boundingRect = props.rect;\n</script>\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 { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\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<MarqueeRedactProps>(), {\n  stroke: 'red',\n  fill: 'transparent',\n});\n\nconst { plugin: redactionPlugin } = useRedactionPlugin();\nconst rect = ref<Rect | null>(null);\n\nlet unregister: (() => void) | undefined;\n\nonMounted(() => {\n  if (!redactionPlugin.value) return;\n\n  unregister = redactionPlugin.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","<template>\n  <div\n    v-if=\"boundingRect\"\n    :style=\"{\n      mixBlendMode: 'normal',\n      pointerEvents: 'none',\n      position: 'absolute',\n      inset: 0,\n    }\"\n  >\n    <Highlight\n      :color=\"'transparent'\"\n      :opacity=\"1\"\n      :rects=\"rects\"\n      :scale=\"scale\"\n      border=\"1px solid red\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { useRedactionPlugin } from '../hooks/use-redaction';\nimport Highlight from './highlight.vue';\n\ninterface SelectionRedactProps {\n  pageIndex: number;\n  scale: number;\n}\n\nconst props = defineProps<SelectionRedactProps>();\n\nconst { plugin: redactionPlugin } = useRedactionPlugin();\nconst rects = ref<Rect[]>([]);\nconst boundingRect = ref<Rect | null>(null);\n\nlet unsubscribe: (() => void) | undefined;\n\nonMounted(() => {\n  if (!redactionPlugin.value) return;\n\n  unsubscribe = redactionPlugin.value.onRedactionSelectionChange((formattedSelection) => {\n    const selection = formattedSelection.find((s) => s.pageIndex === props.pageIndex);\n    rects.value = selection?.segmentRects ?? [];\n    boundingRect.value = selection?.rect ?? null;\n  });\n});\n\nonUnmounted(() => {\n  unsubscribe?.();\n});\n</script>\n","<template>\n  <div v-if=\"items.length\" :style=\"{ position: 'absolute', inset: 0, pointerEvents: 'none' }\">\n    <template v-for=\"item in items\" :key=\"item.id\">\n      <!-- Area redaction -->\n      <template v-if=\"item.kind === 'area'\">\n        <div\n          :style=\"{\n            position: 'absolute',\n            left: `${item.rect.origin.x * scale}px`,\n            top: `${item.rect.origin.y * scale}px`,\n            width: `${item.rect.size.width * scale}px`,\n            height: `${item.rect.size.height * scale}px`,\n            background: 'transparent',\n            outline: selectedId === item.id ? `1px solid ${bboxStroke}` : 'none',\n            outlineOffset: '2px',\n            border: `1px solid red`,\n            pointerEvents: 'auto',\n            cursor: 'pointer',\n          }\"\n          @pointerdown=\"(e: PointerEvent) => select(e, item.id)\"\n          @touchstart=\"(e: TouchEvent) => select(e, item.id)\"\n        />\n        <CounterRotate\n          :rect=\"{\n            origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n            size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n          }\"\n          :rotation=\"rotation\"\n        >\n          <template #default=\"{ rect, menuWrapperProps }\">\n            <slot\n              name=\"selection-menu\"\n              :item=\"item\"\n              :selected=\"selectedId === item.id\"\n              :page-index=\"pageIndex\"\n              :menu-wrapper-props=\"menuWrapperProps\"\n              :rect=\"rect\"\n            />\n          </template>\n        </CounterRotate>\n      </template>\n\n      <!-- Text redaction -->\n      <template v-else>\n        <div\n          :style=\"{\n            position: 'absolute',\n            left: `${item.rect.origin.x * scale}px`,\n            top: `${item.rect.origin.y * scale}px`,\n            width: `${item.rect.size.width * scale}px`,\n            height: `${item.rect.size.height * scale}px`,\n            background: 'transparent',\n            outline: selectedId === item.id ? `1px solid ${bboxStroke}` : 'none',\n            outlineOffset: '2px',\n            pointerEvents: 'auto',\n            cursor: selectedId === item.id ? 'pointer' : 'default',\n          }\"\n        >\n          <Highlight\n            :rect=\"item.rect\"\n            :rects=\"item.rects\"\n            color=\"transparent\"\n            border=\"1px solid red\"\n            :scale=\"scale\"\n            :on-click=\"(e: PointerEvent | TouchEvent) => select(e, item.id)\"\n          />\n        </div>\n        <CounterRotate\n          :rect=\"{\n            origin: {\n              x: item.rect.origin.x * scale,\n              y: item.rect.origin.y * scale,\n            },\n            size: {\n              width: item.rect.size.width * scale,\n              height: item.rect.size.height * scale,\n            },\n          }\"\n          :rotation=\"rotation\"\n        >\n          <template #default=\"{ rect, menuWrapperProps }\">\n            <slot\n              name=\"selection-menu\"\n              :item=\"item\"\n              :selected=\"selectedId === item.id\"\n              :page-index=\"pageIndex\"\n              :menu-wrapper-props=\"menuWrapperProps\"\n              :rect=\"rect\"\n            />\n          </template>\n        </CounterRotate>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport { CounterRotate } from '@embedpdf/utils/vue';\nimport type { Rotation } from '@embedpdf/models';\nimport type { RedactionItem } from '@embedpdf/plugin-redaction';\nimport { useRedactionCapability } from '../hooks/use-redaction';\nimport Highlight from './highlight.vue';\n\ninterface PendingRedactionsProps {\n  pageIndex: number;\n  scale: number;\n  rotation?: Rotation;\n  bboxStroke?: string;\n}\n\nconst props = withDefaults(defineProps<PendingRedactionsProps>(), {\n  rotation: 0,\n  bboxStroke: 'rgba(0,0,0,0.8)',\n});\n\nconst { provides: redaction } = useRedactionCapability();\nconst items = ref<RedactionItem[]>([]);\nconst selectedId = ref<string | null>(null);\n\nconst select = (e: PointerEvent | TouchEvent, id: string) => {\n  e.stopPropagation();\n  if (!redaction.value) return;\n  redaction.value.selectPending(props.pageIndex, id);\n};\n\nlet unsubscribePending: (() => void) | undefined;\nlet unsubscribeSelection: (() => void) | undefined;\n\nonMounted(() => {\n  if (!redaction.value) return;\n\n  unsubscribePending = redaction.value.onPendingChange((map) => {\n    items.value = map[props.pageIndex] ?? [];\n  });\n\n  unsubscribeSelection = redaction.value.onSelectedChange((sel) => {\n    selectedId.value = sel && sel.page === props.pageIndex ? sel.id : null;\n  });\n});\n\nonUnmounted(() => {\n  unsubscribePending?.();\n  unsubscribeSelection?.();\n});\n</script>\n","<template>\n  <PendingRedactions\n    :page-index=\"pageIndex\"\n    :scale=\"scale\"\n    :rotation=\"rotation\"\n    :bbox-stroke=\"bboxStroke\"\n  >\n    <template #selection-menu=\"slotProps\">\n      <slot name=\"selection-menu\" v-bind=\"slotProps\" />\n    </template>\n  </PendingRedactions>\n  <MarqueeRedact :page-index=\"pageIndex\" :scale=\"scale\" />\n  <SelectionRedact :page-index=\"pageIndex\" :scale=\"scale\" />\n</template>\n\n<script setup lang=\"ts\">\nimport type { Rotation } from '@embedpdf/models';\nimport PendingRedactions from './pending-redactions.vue';\nimport MarqueeRedact from './marquee-redact.vue';\nimport SelectionRedact from './selection-redact.vue';\n\ninterface RedactionLayerProps {\n  pageIndex: number;\n  scale: number;\n  rotation?: Rotation;\n  bboxStroke?: string;\n}\n\nwithDefaults(defineProps<RedactionLayerProps>(), {\n  rotation: 0,\n  bboxStroke: 'rgba(0,0,0,0.8)',\n});\n</script>\n"],"names":["useRedactionPlugin","usePlugin","RedactionPlugin","id","useRedactionCapability","useCapability","boundingRect","__props","rect","_openBlock","_createElementBlock","_Fragment","rects","i","_mergeProps","key","onPointerdown","_cache","_ctx","onClick","args","onTouchstart","style","border","left","_unref","origin","x","unref","scale","top","y","width","size","height","color","opacity","$attrs","props","plugin","redactionPlugin","ref","unregister","onMounted","value","registerMarqueeOnPage","pageIndex","callback","onPreview","newRect","onUnmounted","_normalizeStyle","stroke","fill","class","className","unsubscribe","onRedactionSelectionChange","formattedSelection","selection","find","s","segmentRects","createElementBlock","_hoisted_1","_createVNode","Highlight","provides","redaction","items","selectedId","select","e","stopPropagation","selectPending","unsubscribePending","unsubscribeSelection","onPendingChange","map","onSelectedChange","sel","page","length","Fragment","_renderList","item","kind","_createElementVNode","outline","bboxStroke","CounterRotate","rotation","default","_withCtx","menuWrapperProps","_renderSlot","$slots","selected","PendingRedactions","slotProps","renderSlot","MarqueeRedact","SelectionRedact","state","initialState","vue$1","watchEffect","onCleanup","onStateChange","newState","readonly"],"mappings":"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"}