@embedpdf/plugin-redaction 1.0.19 → 1.0.21

package/dist/preact/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/core/@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 { 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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"}

package/dist/preact/utils.d.ts

@@ -0,0 +1 @@
+export * from '@embedpdf/utils/preact';

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"),o=require("@embedpdf/models"),r=()=>e.usePlugin(t.RedactionPlugin.id),s=()=>e.useCapability(t.RedactionPlugin.id),a=({pageIndex:e,scale:t,className:o,stroke:s="red",fill:a="transparent"})=>{const{plugin:l}=r(),[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 ${s}`,background:a,boxSizing:"border-box"},className:o}):null};function l({color:e="#FFFF00",opacity:t=.5,border:n="1px solid red",rects:o,rect:r,scale:s,onClick:a,style:l,...d}){return i.jsx(i.Fragment,{children:o.map(((o,c)=>i.jsx("div",{onPointerDown:a,onTouchStart:a,style:{position:"absolute",border:n,left:(r?o.origin.x-r.origin.x:o.origin.x)*s,top:(r?o.origin.y-r.origin.y:o.origin.y)*s,width:o.size.width*s,height:o.size.height*s,background:e,opacity:t,pointerEvents:a?"auto":"none",cursor:a?"pointer":"default",zIndex:a?1:void 0,...l},...d},c)))})}function d({pageIndex:e,scale:t}){const{provides:o}=s(),[r,a]=n.useState([]),[d,c]=n.useState(null);return n.useEffect((()=>{if(o)return o.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)}))}),[o,e]),d?i.jsx("div",{style:{mixBlendMode:"normal",pointerEvents:"none",position:"absolute",inset:0},children:i.jsx(l,{color:"transparent",opacity:1,rects:r,scale:t,border:"1px solid red"})}):null}function c({pageIndex:t,scale:r,bboxStroke:a="rgba(0,0,0,0.8)",rotation:d=o.Rotation.Degree0,selectionMenu:c}){const{provides:u}=s(),[p,g]=n.useState([]),[x,h]=n.useState(null);if(n.useEffect((()=>{if(!u)return;const e=u.onPendingChange((e=>g(e[t]??[]))),i=u.onSelectionChange((e=>{h(e&&e.page===t?e.id:null)}));return()=>{null==e||e(),null==i||i()}}),[u,t]),!p.length)return null;const b=n.useCallback(((e,i)=>{e.stopPropagation(),u&&u.selectPending(t,i)}),[u,t]);return i.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:p.map((o=>{if("area"===o.kind){const s=o.rect;return i.jsxs(n.Fragment,{children:[i.jsx("div",{style:{position:"absolute",left:s.origin.x*r,top:s.origin.y*r,width:s.size.width*r,height:s.size.height*r,background:"transparent",outline:x===o.id?`1px solid ${a}`:"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(e.CounterRotate,{rect:{origin:{x:s.origin.x*r,y:s.origin.y*r},size:{width:s.size.width*r,height:s.size.height*r}},rotation:d,children:({rect:e,menuWrapperProps:i})=>c&&c({item:o,selected:x===o.id,pageIndex:t,menuWrapperProps:i,rect:e})})]},o.id)}const s=o.boundingRect;return i.jsxs(n.Fragment,{children:[i.jsx("div",{style:{position:"absolute",left:s.origin.x*r,top:s.origin.y*r,width:s.size.width*r,height:s.size.height*r,background:"transparent",outline:x===o.id?`1px solid ${a}`:"none",outlineOffset:"2px",pointerEvents:"auto",cursor:x===o.id?"pointer":"default"},children:i.jsx(l,{rect:s,rects:o.rects,color:"transparent",border:"1px solid red",scale:r,onClick:e=>b(e,o.id)})}),i.jsx(e.CounterRotate,{rect:{origin:{x:s.origin.x*r,y:s.origin.y*r},size:{width:s.size.width*r,height:s.size.height*r}},rotation:d,children:({rect:e,menuWrapperProps:i})=>c&&c({item:o,selected:x===o.id,pageIndex:t,menuWrapperProps:i,rect:e})})]},o.id)}))})}exports.RedactionLayer=({pageIndex:e,scale:t,rotation:r=o.Rotation.Degree0,selectionMenu:s})=>i.jsxs(n.Fragment,{children:[i.jsx(c,{pageIndex:e,scale:t,rotation:r,selectionMenu:s}),i.jsx(a,{pageIndex:e,scale:t}),i.jsx(d,{pageIndex:e,scale:t})]}),exports.useRedactionCapability=s,exports.useRedactionPlugin=r;
+"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]})}));
 //# 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/core/@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":"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"}
+{"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":"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"}

package/dist/react/index.js

@@ -1,7 +1,9 @@
-import { usePlugin, useCapability, CounterRotate } from "@embedpdf/core/react";
+import { usePlugin, useCapability } from "@embedpdf/core/react";
 import { RedactionPlugin } 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 { CounterRotate } from "@embedpdf/utils/react";
 import { Rotation } from "@embedpdf/models";
 const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
 const useRedactionCapability = () => useCapability(RedactionPlugin.id);

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/core/@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 { 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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"}

package/dist/react/utils.d.ts

@@ -0,0 +1 @@
+export * from '@embedpdf/utils/react';

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

@@ -1,4 +1,4 @@
-import { MenuWrapperProps } from '../../preact/core.ts';
+import { MenuWrapperProps } from '../../preact/utils.ts';
 import { Rect } from '@embedpdf/models';
 import { RedactionItem } from '../../lib/index.ts';
 export interface SelectionMenuProps {

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

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

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

@@ -1,4 +1,4 @@
-import { MenuWrapperProps } from '../../react/core.ts';
+import { MenuWrapperProps } from '../../react/utils.ts';
 import { Rect } from '@embedpdf/models';
 import { RedactionItem } from '../../lib/index.ts';
 export interface SelectionMenuProps {

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

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

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

@@ -0,0 +1,16 @@
+import { Rect } from '@embedpdf/models';
+interface HighlightProps {
+    color?: string;
+    opacity?: number;
+    border?: string;
+    rects: Rect[];
+    rect?: Rect;
+    scale: number;
+    onClick?: (e: PointerEvent | TouchEvent) => void;
+}
+declare const _default: import('vue').DefineComponent<HighlightProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HighlightProps> & Readonly<{}>, {
+    color: string;
+    opacity: number;
+    border: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,5 @@
+export { default as Highlight } from './highlight.vue';
+export { default as MarqueeRedact } from './marquee-redact.vue';
+export { default as SelectionRedact } from './selection-redact.vue';
+export { default as PendingRedactions } from './pending-redactions.vue';
+export { default as RedactionLayer } from './redaction-layer.vue';

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

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

package/dist/vue/components/pending-redactions.vue.d.ts

@@ -0,0 +1,36 @@
+import { Rotation } from '@embedpdf/models';
+interface PendingRedactionsProps {
+    pageIndex: number;
+    scale: number;
+    rotation?: Rotation;
+    bboxStroke?: string;
+}
+declare var __VLS_7: {
+    item: any;
+    selected: boolean;
+    pageIndex: any;
+    menuWrapperProps: any;
+    rect: any;
+}, __VLS_19: {
+    item: any;
+    selected: boolean;
+    pageIndex: any;
+    menuWrapperProps: any;
+    rect: any;
+};
+type __VLS_Slots = {} & {
+    'selection-menu'?: (props: typeof __VLS_7) => any;
+} & {
+    'selection-menu'?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<PendingRedactionsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PendingRedactionsProps> & Readonly<{}>, {
+    rotation: Rotation;
+    bboxStroke: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,22 @@
+import { Rotation } from '@embedpdf/models';
+interface RedactionLayerProps {
+    pageIndex: number;
+    scale: number;
+    rotation?: Rotation;
+    bboxStroke?: string;
+}
+declare var __VLS_6: any;
+type __VLS_Slots = {} & {
+    'selection-menu'?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<RedactionLayerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RedactionLayerProps> & Readonly<{}>, {
+    rotation: Rotation;
+    bboxStroke: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,6 @@
+interface SelectionRedactProps {
+    pageIndex: number;
+    scale: number;
+}
+declare const _default: import('vue').DefineComponent<SelectionRedactProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SelectionRedactProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/vue/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/vue"),i=require("@embedpdf/plugin-redaction");exports.useRedactionCapability=()=>e.useCapability(i.RedactionPlugin.id),exports.useRedactionPlugin=()=>e.usePlugin(i.RedactionPlugin.id);
+"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]})}));
 //# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-redaction.ts"],"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"],"names":["useCapability","RedactionPlugin","id","usePlugin"],"mappings":"6LAIsC,IAAMA,gBAA+BC,EAAAA,gBAAgBC,+BADzD,IAAMC,YAA2BF,EAAAA,gBAAgBC"}
+{"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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"}

package/dist/vue/index.d.ts

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