@embedpdf/plugin-redaction 2.4.1 → 2.6.0

package/dist/lib/tools.d.ts

@@ -17,12 +17,15 @@ export declare const redactTools: {
         textSelection?: boolean;
         isDraggable?: import('@embedpdf/plugin-annotation').DynamicBooleanProp;
         isResizable?: import('@embedpdf/plugin-annotation').DynamicBooleanProp;
+        isRotatable?: import('@embedpdf/plugin-annotation').DynamicBooleanProp;
         lockAspectRatio?: import('@embedpdf/plugin-annotation').DynamicBooleanProp;
+        lockGroupAspectRatio?: import('@embedpdf/plugin-annotation').DynamicBooleanProp;
         isGroupDraggable?: import('@embedpdf/plugin-annotation').DynamicBooleanProp;
         isGroupResizable?: import('@embedpdf/plugin-annotation').DynamicBooleanProp;
+        isGroupRotatable?: import('@embedpdf/plugin-annotation').DynamicBooleanProp;
     };
     behavior?: {
         deactivateToolAfterCreate?: boolean;
         selectAfterCreate?: boolean;
-    };
+    } | undefined;
 }[];

package/dist/lib/types.d.ts

@@ -48,16 +48,6 @@ export type RedactionItem = (RedactionItemBase & {
 }) | (RedactionItemBase & {
     kind: 'area';
 });
-export interface MarqueeRedactCallback {
-    onPreview?: (rect: Rect | null) => void;
-    onCommit?: (rect: Rect) => void;
-}
-export interface RegisterMarqueeOnPageOptions {
-    documentId: string;
-    pageIndex: number;
-    scale: number;
-    callback: MarqueeRedactCallback;
-}
 export interface RedactionPluginConfig extends BasePluginConfig {
     drawBlackBoxes: boolean;
     /**

package/dist/preact/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-redaction"),n=require("@embedpdf/plugin-annotation/preact"),o=require("preact/jsx-runtime"),i=require("@embedpdf/models"),r=require("preact"),s=require("preact/hooks"),l=require("@embedpdf/core/preact"),a=require("@embedpdf/utils/preact");function d({annotation:e,isSelected:t,scale:n,onClick:r,style:l}){const[a,d]=s.useState(!1),{object:c}=e,u=c.segmentRects??[],g=c.rect,p=c.strokeColor??"#FF0000",x=c.color??"#000000",f=c.opacity??1,h=c.fontColor??c.overlayColor??"#FFFFFF",m=c.overlayText,y=c.overlayTextRepeat??!1,v=c.fontSize??12,b=c.fontFamily??i.PdfStandardFont.Helvetica,S=c.textAlign??i.PdfTextAlignment.Center,j=()=>{if(!m)return null;if(!y)return m;return Array(10).fill(m).join(" ")};return o.jsx("div",{onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),style:{position:"absolute",inset:0},children:u.map((e,t)=>o.jsx("div",{onPointerDown:r,onTouchStart:r,style:{position:"absolute",left:(g?e.origin.x-g.origin.x:e.origin.x)*n,top:(g?e.origin.y-g.origin.y:e.origin.y)*n,width:e.size.width*n,height:e.size.height*n,background:a?x:"transparent",border:a?"none":`2px solid ${p}`,opacity:a?f:1,boxSizing:"border-box",pointerEvents:"auto",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:S===i.PdfTextAlignment.Left?"flex-start":S===i.PdfTextAlignment.Right?"flex-end":"center",overflow:"hidden",...l},children:a&&m&&o.jsx("span",{style:{color:h,fontSize:Math.min(v*n,e.size.height*n*.8),fontFamily:i.standardFontCss(b),textAlign:i.textAlignmentToCss(S),whiteSpace:y?"normal":"nowrap",overflow:"hidden",textOverflow:"ellipsis",lineHeight:1},children:j()})},t))})}function c({annotation:e,isSelected:t,scale:n,onClick:r,style:l}){const[a,d]=s.useState(!1),{object:c}=e,u=c.strokeColor??"#FF0000",g=c.color??"#000000",p=c.opacity??1,x=c.fontColor??c.overlayColor??"#FFFFFF",f=c.overlayText,h=c.overlayTextRepeat??!1,m=c.fontSize??12,y=c.fontFamily??i.PdfStandardFont.Helvetica,v=c.textAlign??i.PdfTextAlignment.Center;return o.jsx("div",{onPointerDown:t?void 0:r,onTouchStart:t?void 0:r,onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),style:{position:"absolute",inset:0,background:a?g:"transparent",border:a?"none":`2px solid ${u}`,opacity:a?p:1,boxSizing:"border-box",pointerEvents:"auto",cursor:t?"move":"pointer",display:"flex",alignItems:"center",justifyContent:v===i.PdfTextAlignment.Left?"flex-start":v===i.PdfTextAlignment.Right?"flex-end":"center",overflow:"hidden",...l},children:a&&f&&o.jsx("span",{style:{color:x,fontSize:m*n,fontFamily:i.standardFontCss(y),textAlign:i.textAlignmentToCss(v),whiteSpace:h?"normal":"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:"4px"},children:(()=>{if(!f)return null;if(!h)return f;return Array(10).fill(f).join(" ")})()})})}const u=[n.createRenderer({id:"redactHighlight",matches:e=>{var t;return e.type===i.PdfAnnotationSubtype.REDACT&&"segmentRects"in e&&((null==(t=e.segmentRects)?void 0:t.length)??0)>0},render:e=>o.jsx(d,{...e})}),n.createRenderer({id:"redactArea",matches:e=>{var t;return!(e.type!==i.PdfAnnotationSubtype.REDACT||"segmentRects"in e&&(null==(t=e.segmentRects)?void 0:t.length))},render:e=>o.jsx(c,{...e})})];function g(){return n.useRegisterRenderers(u),null}const p=()=>l.usePlugin(t.RedactionPlugin.id),x=()=>l.useCapability(t.RedactionPlugin.id),f=({documentId:e,pageIndex:t,scale:n,className:i,stroke:r,fill:a="transparent"})=>{const{plugin:d}=p(),c=l.useDocumentState(e),[u,g]=s.useState(null),x=s.useMemo(()=>void 0!==n?n:(null==c?void 0:c.scale)??1,[n,null==c?void 0:c.scale]),f=r??(null==d?void 0:d.getPreviewStrokeColor())??"red";return s.useEffect(()=>{if(d&&e)return d.registerMarqueeOnPage({documentId:e,pageIndex:t,scale:x,callback:{onPreview:g}})},[d,e,t,x]),u?o.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:u.origin.x*x,top:u.origin.y*x,width:u.size.width*x,height:u.size.height*x,border:`1px solid ${f}`,background:a,boxSizing:"border-box"},className:i}):null};function h({color:e="#FFFF00",opacity:t=1,border:n="1px solid red",rects:i,rect:r,scale:s,onClick:l,style:a,...d}){return o.jsx(o.Fragment,{children:i.map((i,c)=>o.jsx("div",{onPointerDown:l,onTouchStart:l,style:{position:"absolute",border:n,left:(r?i.origin.x-r.origin.x:i.origin.x)*s,top:(r?i.origin.y-r.origin.y:i.origin.y)*s,width:i.size.width*s,height:i.size.height*s,background:e,opacity:t,pointerEvents:l?"auto":"none",cursor:l?"pointer":"default",zIndex:l?1:void 0,...a},...d},c))})}function m({documentId:e,pageIndex:t,scale:n}){const{plugin:i}=p(),[r,l]=s.useState([]),[a,d]=s.useState(null),c=(null==i?void 0:i.getPreviewStrokeColor())??"red";return s.useEffect(()=>{if(i)return i.onRedactionSelectionChange(e,e=>{const n=e.find(e=>e.pageIndex===t);l((null==n?void 0:n.segmentRects)??[]),d((null==n?void 0:n.rect)??null)})},[i,e,t]),a?o.jsx("div",{style:{mixBlendMode:"normal",pointerEvents:"none",position:"absolute",inset:0},children:o.jsx(h,{color:"transparent",opacity:1,rects:r,scale:n,border:`1px solid ${c}`})}):null}function y({documentId:e,pageIndex:t,scale:n,bboxStroke:l="rgba(0,0,0,0.8)",rotation:d=i.Rotation.Degree0,selectionMenu:c}){const{provides:u}=x(),[g,p]=s.useState([]),[f,m]=s.useState(null);s.useEffect(()=>{if(!u)return;const n=u.forDocument(e),o=n.getState();p((o.pending[t]??[]).filter(e=>"legacy"===e.source)),m(o.selected&&o.selected.page===t?o.selected.id:null);const i=n.onPendingChange(e=>{p((e[t]??[]).filter(e=>"legacy"===e.source))}),r=n.onSelectedChange(e=>{m(e&&e.page===t?e.id:null)});return()=>{null==i||i(),null==r||r()}},[u,e,t]);const y=s.useCallback((n,o)=>{n.stopPropagation(),u&&u.forDocument(e).selectPending(t,o)},[u,e,t]);return g.length?o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:g.map(e=>{if("area"===e.kind){const i=e.rect;return o.jsxs(r.Fragment,{children:[o.jsx("div",{style:{position:"absolute",left:i.origin.x*n,top:i.origin.y*n,width:i.size.width*n,height:i.size.height*n,background:"transparent",outline:f===e.id?`1px solid ${l}`:"none",outlineOffset:"2px",border:`1px solid ${e.markColor}`,pointerEvents:"auto",cursor:"pointer"},onPointerDown:t=>y(t,e.id),onTouchStart:t=>y(t,e.id)}),c&&o.jsx(a.CounterRotate,{rect:{origin:{x:i.origin.x*n,y:i.origin.y*n},size:{width:i.size.width*n,height:i.size.height*n}},rotation:d,children:n=>c({...n,context:{type:"redaction",item:e,pageIndex:t},selected:f===e.id,placement:{suggestTop:!1}})})]},e.id)}const i=e.rect;return o.jsxs(r.Fragment,{children:[o.jsx("div",{style:{position:"absolute",left:i.origin.x*n,top:i.origin.y*n,width:i.size.width*n,height:i.size.height*n,background:"transparent",outline:f===e.id?`1px solid ${l}`:"none",outlineOffset:"2px",pointerEvents:"auto",cursor:f===e.id?"pointer":"default"},children:o.jsx(h,{rect:i,rects:e.rects,color:"transparent",border:`1px solid ${e.markColor}`,scale:n,onClick:t=>y(t,e.id)})}),c&&o.jsx(a.CounterRotate,{rect:{origin:{x:i.origin.x*n,y:i.origin.y*n},size:{width:i.size.width*n,height:i.size.height*n}},rotation:d,children:n=>c({...n,context:{type:"redaction",item:e,pageIndex:t},selected:f===e.id,placement:{suggestTop:!1}})})]},e.id)})}):null}const v=e.createPluginPackage(t.RedactionPluginPackage).addUtility(g).build();exports.RedactArea=c,exports.RedactHighlight=d,exports.RedactRendererRegistration=g,exports.RedactionLayer=({documentId:e,pageIndex:t,scale:n,rotation:a,selectionMenu:d})=>{const c=l.useDocumentState(e),u=s.useMemo(()=>void 0!==n?n:(null==c?void 0:c.scale)??1,[n,null==c?void 0:c.scale]),g=s.useMemo(()=>void 0!==a?a:(null==c?void 0:c.rotation)??i.Rotation.Degree0,[a,null==c?void 0:c.rotation]);return o.jsxs(r.Fragment,{children:[o.jsx(y,{documentId:e,pageIndex:t,scale:u,rotation:g,selectionMenu:d}),o.jsx(f,{documentId:e,pageIndex:t,scale:u}),o.jsx(m,{documentId:e,pageIndex:t,scale:u})]})},exports.RedactionPluginPackage=v,exports.redactRenderers=u,exports.useRedaction=e=>{const{provides:n}=x(),[o,i]=s.useState(t.initialDocumentState),r=s.useMemo(()=>n?n.forDocument(e):null,[n,e]);return s.useEffect(()=>{if(!r)return void i(t.initialDocumentState);try{i(r.getState())}catch(e){i(t.initialDocumentState)}return r.onStateChange(e=>{i(e)})},[r]),{state:o,provides:r}},exports.useRedactionCapability=x,exports.useRedactionPlugin=p,Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-redaction"),n=require("@embedpdf/plugin-annotation/preact"),o=require("preact/jsx-runtime"),i=require("@embedpdf/models"),r=require("preact"),s=require("preact/hooks"),l=require("@embedpdf/core/preact"),a=require("@embedpdf/utils/preact");function d({annotation:e,isSelected:t,scale:n,onClick:r,style:l}){const[a,d]=s.useState(!1),{object:c}=e,u=c.segmentRects??[],g=c.rect,p=c.strokeColor??"#FF0000",x=c.color??"#000000",h=c.opacity??1,f=c.fontColor??c.overlayColor??"#FFFFFF",m=c.overlayText,y=c.overlayTextRepeat??!1,v=c.fontSize??12,b=c.fontFamily??i.PdfStandardFont.Helvetica,S=c.textAlign??i.PdfTextAlignment.Center,j=()=>{if(!m)return null;if(!y)return m;return Array(10).fill(m).join(" ")};return o.jsx("div",{onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),style:{position:"absolute",inset:0},children:u.map((e,t)=>o.jsx("div",{onPointerDown:r,onTouchStart:r,style:{position:"absolute",left:(g?e.origin.x-g.origin.x:e.origin.x)*n,top:(g?e.origin.y-g.origin.y:e.origin.y)*n,width:e.size.width*n,height:e.size.height*n,background:a?x:"transparent",border:a?"none":`2px solid ${p}`,opacity:a?h:1,boxSizing:"border-box",pointerEvents:"auto",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:S===i.PdfTextAlignment.Left?"flex-start":S===i.PdfTextAlignment.Right?"flex-end":"center",overflow:"hidden",...l},children:a&&m&&o.jsx("span",{style:{color:f,fontSize:Math.min(v*n,e.size.height*n*.8),...i.standardFontCssProperties(b),textAlign:i.textAlignmentToCss(S),whiteSpace:y?"normal":"nowrap",overflow:"hidden",textOverflow:"ellipsis",lineHeight:1},children:j()})},t))})}function c({annotation:e,isSelected:t,scale:n,onClick:r,style:l}){const[a,d]=s.useState(!1),{object:c}=e,u=c.strokeColor??"#FF0000",g=c.color??"#000000",p=c.opacity??1,x=c.fontColor??c.overlayColor??"#FFFFFF",h=c.overlayText,f=c.overlayTextRepeat??!1,m=c.fontSize??12,y=c.fontFamily??i.PdfStandardFont.Helvetica,v=c.textAlign??i.PdfTextAlignment.Center;return o.jsx("div",{onPointerDown:t?void 0:r,onTouchStart:t?void 0:r,onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),style:{position:"absolute",inset:0,background:a?g:"transparent",border:a?"none":`2px solid ${u}`,opacity:a?p:1,boxSizing:"border-box",pointerEvents:"auto",cursor:t?"move":"pointer",display:"flex",alignItems:"center",justifyContent:v===i.PdfTextAlignment.Left?"flex-start":v===i.PdfTextAlignment.Right?"flex-end":"center",overflow:"hidden",...l},children:a&&h&&o.jsx("span",{style:{color:x,fontSize:m*n,...i.standardFontCssProperties(y),textAlign:i.textAlignmentToCss(v),whiteSpace:f?"normal":"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:"4px"},children:(()=>{if(!h)return null;if(!f)return h;return Array(10).fill(h).join(" ")})()})})}const u=[n.createRenderer({id:"redactHighlight",matches:e=>{var t;return e.type===i.PdfAnnotationSubtype.REDACT&&"segmentRects"in e&&((null==(t=e.segmentRects)?void 0:t.length)??0)>0},render:e=>o.jsx(d,{...e})}),n.createRenderer({id:"redactArea",matches:e=>{var t;return!(e.type!==i.PdfAnnotationSubtype.REDACT||"segmentRects"in e&&(null==(t=e.segmentRects)?void 0:t.length))},render:e=>o.jsx(c,{...e})})];function g(){return n.useRegisterRenderers(u),null}const p=()=>l.usePlugin(t.RedactionPlugin.id),x=()=>l.useCapability(t.RedactionPlugin.id),h=({documentId:e,pageIndex:t,scale:n,className:i,stroke:r,fill:a="transparent"})=>{const{plugin:d}=p(),c=l.useDocumentState(e),[u,g]=s.useState(null),x=n??(null==c?void 0:c.scale)??1,h=r??(null==d?void 0:d.getPreviewStrokeColor())??"red";return s.useEffect(()=>{if(d&&e)return d.onRedactionMarqueeChange(e,e=>{g(e.pageIndex===t?e.rect:null)})},[d,e,t]),u?o.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:u.origin.x*x,top:u.origin.y*x,width:u.size.width*x,height:u.size.height*x,border:`1px solid ${h}`,background:a,boxSizing:"border-box"},className:i}):null};function f({color:e="#FFFF00",opacity:t=1,border:n="1px solid red",rects:i,rect:r,scale:s,onClick:l,style:a,...d}){return o.jsx(o.Fragment,{children:i.map((i,c)=>o.jsx("div",{onPointerDown:l,onTouchStart:l,style:{position:"absolute",border:n,left:(r?i.origin.x-r.origin.x:i.origin.x)*s,top:(r?i.origin.y-r.origin.y:i.origin.y)*s,width:i.size.width*s,height:i.size.height*s,background:e,opacity:t,pointerEvents:l?"auto":"none",cursor:l?"pointer":"default",zIndex:l?1:void 0,...a},...d},c))})}function m({documentId:e,pageIndex:t,scale:n}){const{plugin:i}=p(),[r,l]=s.useState([]),[a,d]=s.useState(null),c=(null==i?void 0:i.getPreviewStrokeColor())??"red";return s.useEffect(()=>{if(i)return i.onRedactionSelectionChange(e,e=>{const n=e.find(e=>e.pageIndex===t);l((null==n?void 0:n.segmentRects)??[]),d((null==n?void 0:n.rect)??null)})},[i,e,t]),a?o.jsx("div",{style:{mixBlendMode:"normal",pointerEvents:"none",position:"absolute",inset:0},children:o.jsx(f,{color:"transparent",opacity:1,rects:r,scale:n,border:`1px solid ${c}`})}):null}function y({documentId:e,pageIndex:t,scale:n,bboxStroke:l="rgba(0,0,0,0.8)",rotation:d=i.Rotation.Degree0,selectionMenu:c}){const{provides:u}=x(),[g,p]=s.useState([]),[h,m]=s.useState(null);s.useEffect(()=>{if(!u)return;const n=u.forDocument(e),o=n.getState();p((o.pending[t]??[]).filter(e=>"legacy"===e.source)),m(o.selected&&o.selected.page===t?o.selected.id:null);const i=n.onPendingChange(e=>{p((e[t]??[]).filter(e=>"legacy"===e.source))}),r=n.onSelectedChange(e=>{m(e&&e.page===t?e.id:null)});return()=>{null==i||i(),null==r||r()}},[u,e,t]);const y=s.useCallback((n,o)=>{n.stopPropagation(),u&&u.forDocument(e).selectPending(t,o)},[u,e,t]);return g.length?o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:g.map(e=>{if("area"===e.kind){const i=e.rect;return o.jsxs(r.Fragment,{children:[o.jsx("div",{style:{position:"absolute",left:i.origin.x*n,top:i.origin.y*n,width:i.size.width*n,height:i.size.height*n,background:"transparent",outline:h===e.id?`1px solid ${l}`:"none",outlineOffset:"2px",border:`1px solid ${e.markColor}`,pointerEvents:"auto",cursor:"pointer"},onPointerDown:t=>y(t,e.id),onTouchStart:t=>y(t,e.id)}),c&&o.jsx(a.CounterRotate,{rect:{origin:{x:i.origin.x*n,y:i.origin.y*n},size:{width:i.size.width*n,height:i.size.height*n}},rotation:d,children:n=>c({...n,context:{type:"redaction",item:e,pageIndex:t},selected:h===e.id,placement:{suggestTop:!1}})})]},e.id)}const i=e.rect;return o.jsxs(r.Fragment,{children:[o.jsx("div",{style:{position:"absolute",left:i.origin.x*n,top:i.origin.y*n,width:i.size.width*n,height:i.size.height*n,background:"transparent",outline:h===e.id?`1px solid ${l}`:"none",outlineOffset:"2px",pointerEvents:"auto",cursor:h===e.id?"pointer":"default"},children:o.jsx(f,{rect:i,rects:e.rects,color:"transparent",border:`1px solid ${e.markColor}`,scale:n,onClick:t=>y(t,e.id)})}),c&&o.jsx(a.CounterRotate,{rect:{origin:{x:i.origin.x*n,y:i.origin.y*n},size:{width:i.size.width*n,height:i.size.height*n}},rotation:d,children:n=>c({...n,context:{type:"redaction",item:e,pageIndex:t},selected:h===e.id,placement:{suggestTop:!1}})})]},e.id)})}):null}const v=e.createPluginPackage(t.RedactionPluginPackage).addUtility(g).build();exports.RedactArea=c,exports.RedactHighlight=d,exports.RedactRendererRegistration=g,exports.RedactionLayer=({documentId:e,pageIndex:t,scale:n,rotation:i,selectionMenu:a})=>{var d,c;const u=l.useDocumentState(e),g=null==(c=null==(d=null==u?void 0:u.document)?void 0:d.pages)?void 0:c[t],p=s.useMemo(()=>void 0!==n?n:(null==u?void 0:u.scale)??1,[n,null==u?void 0:u.scale]),x=s.useMemo(()=>{if(void 0!==i)return i;return(((null==g?void 0:g.rotation)??0)+((null==u?void 0:u.rotation)??0))%4},[i,null==g?void 0:g.rotation,null==u?void 0:u.rotation]);return o.jsxs(r.Fragment,{children:[o.jsx(y,{documentId:e,pageIndex:t,scale:p,rotation:x,selectionMenu:a}),o.jsx(h,{documentId:e,pageIndex:t,scale:p}),o.jsx(m,{documentId:e,pageIndex:t,scale:p})]})},exports.RedactionPluginPackage=v,exports.redactRenderers=u,exports.useRedaction=e=>{const{provides:n}=x(),[o,i]=s.useState(t.initialDocumentState),r=s.useMemo(()=>n?n.forDocument(e):null,[n,e]);return s.useEffect(()=>{if(!r)return void i(t.initialDocumentState);try{i(r.getState())}catch(e){i(t.initialDocumentState)}return r.onStateChange(e=>{i(e)})},[r]),{state:o,provides:r}},exports.useRedactionCapability=x,exports.useRedactionPlugin=p,Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
 //# sourceMappingURL=index.cjs.map

package/dist/preact/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/components/annotations/redact-highlight.tsx","../../src/shared/components/annotations/redact-area.tsx","../../src/shared/components/redact-renderers.tsx","../../src/shared/components/redact-renderer-registration.tsx","../../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","../../src/shared/index.ts"],"sourcesContent":["import { CSSProperties, MouseEvent, TouchEvent, useState } from '@framework';\nimport {\n  PdfRedactAnnoObject,\n  PdfStandardFont,\n  PdfTextAlignment,\n  Rect,\n  standardFontCss,\n  textAlignmentToCss,\n} from '@embedpdf/models';\nimport { TrackedAnnotation } from '@embedpdf/plugin-annotation';\n\nexport interface RedactHighlightProps {\n  annotation: TrackedAnnotation<PdfRedactAnnoObject>;\n  isSelected: boolean;\n  scale: number;\n  pageIndex: number;\n  onClick: (e: MouseEvent<Element> | TouchEvent<Element>) => void;\n  style?: CSSProperties;\n}\n\n/**\n * Renders a text-based redact annotation using QuadPoints/segmentRects.\n * Default: shows strokeColor (C) border only, no fill.\n * Hovered: shows redaction preview with color (IC) as background fill + overlayText.\n * Selected: no border (AnnotationContainer handles selection styling).\n */\nexport function RedactHighlight({\n  annotation,\n  isSelected,\n  scale,\n  onClick,\n  style,\n}: RedactHighlightProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { object } = annotation;\n\n  const segmentRects = object.segmentRects ?? [];\n  const rect = object.rect;\n\n  // C - Border/stroke color\n  const strokeColor = object.strokeColor ?? '#FF0000';\n  // IC - Interior color (background fill when redaction is applied)\n  const color = object.color ?? '#000000';\n  // CA - Opacity (0-1)\n  const opacity = object.opacity ?? 1;\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = object.fontColor ?? object.overlayColor ?? '#FFFFFF';\n  // Overlay text properties\n  const overlayText = object.overlayText;\n  const overlayTextRepeat = object.overlayTextRepeat ?? false;\n  const fontSize = object.fontSize ?? 12;\n  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;\n  const textAlign = object.textAlign ?? PdfTextAlignment.Center;\n\n  // Calculate how many times to repeat text (approximate)\n  const renderOverlayText = () => {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10; // Enough repetitions to fill most containers\n    return Array(reps).fill(overlayText).join(' ');\n  };\n\n  return (\n    <div\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      style={{ position: 'absolute', inset: 0 }}\n    >\n      {segmentRects.map((b: Rect, i: number) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\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            // Default: transparent background with strokeColor (C) border\n            // Hovered: color (IC) background fill, no border\n            // Selected: no border (container handles it)\n            background: isHovered ? color : 'transparent',\n            border: !isHovered ? `2px solid ${strokeColor}` : 'none',\n            opacity: isHovered ? opacity : 1,\n            boxSizing: 'border-box',\n            pointerEvents: 'auto',\n            cursor: 'pointer',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent:\n              textAlign === PdfTextAlignment.Left\n                ? 'flex-start'\n                : textAlign === PdfTextAlignment.Right\n                  ? 'flex-end'\n                  : 'center',\n            overflow: 'hidden',\n            ...style,\n          }}\n        >\n          {isHovered && overlayText && (\n            <span\n              style={{\n                color: textColor,\n                fontSize: Math.min(fontSize * scale, b.size.height * scale * 0.8),\n                fontFamily: standardFontCss(fontFamily),\n                textAlign: textAlignmentToCss(textAlign),\n                whiteSpace: overlayTextRepeat ? 'normal' : 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                lineHeight: 1,\n              }}\n            >\n              {renderOverlayText()}\n            </span>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import { CSSProperties, MouseEvent, TouchEvent, useState } from '@framework';\nimport {\n  PdfRedactAnnoObject,\n  PdfStandardFont,\n  PdfTextAlignment,\n  standardFontCss,\n  textAlignmentToCss,\n} from '@embedpdf/models';\nimport { TrackedAnnotation } from '@embedpdf/plugin-annotation';\n\nexport interface RedactAreaProps {\n  annotation: TrackedAnnotation<PdfRedactAnnoObject>;\n  isSelected: boolean;\n  scale: number;\n  pageIndex: number;\n  onClick: (e: MouseEvent<Element> | TouchEvent<Element>) => void;\n  style?: CSSProperties;\n}\n\n/**\n * Renders an area-based redact annotation (marquee redaction).\n * Default: shows strokeColor (C) border only, no fill.\n * Hovered: shows redaction preview with color (IC) as background fill + overlayText.\n * Selected: no border (AnnotationContainer handles selection styling).\n */\nexport function RedactArea({ annotation, isSelected, scale, onClick, style }: RedactAreaProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { object } = annotation;\n\n  // C - Border/stroke color\n  const strokeColor = object.strokeColor ?? '#FF0000';\n  // IC - Interior color (background fill when redaction is applied)\n  const color = object.color ?? '#000000';\n  // CA - Opacity (0-1)\n  const opacity = object.opacity ?? 1;\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = object.fontColor ?? object.overlayColor ?? '#FFFFFF';\n  // Overlay text properties\n  const overlayText = object.overlayText;\n  const overlayTextRepeat = object.overlayTextRepeat ?? false;\n  const fontSize = object.fontSize ?? 12;\n  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;\n  const textAlign = object.textAlign ?? PdfTextAlignment.Center;\n\n  // Calculate how many times to repeat text (approximate)\n  const renderOverlayText = () => {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10; // Enough repetitions to fill most containers\n    return Array(reps).fill(overlayText).join(' ');\n  };\n\n  return (\n    <div\n      onPointerDown={!isSelected ? onClick : undefined}\n      onTouchStart={!isSelected ? onClick : undefined}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      style={{\n        position: 'absolute',\n        inset: 0,\n        // Default: transparent background with strokeColor (C) border\n        // Hovered: color (IC) background fill, no border\n        // Selected: no border (container handles it)\n        background: isHovered ? color : 'transparent',\n        border: !isHovered ? `2px solid ${strokeColor}` : 'none',\n        opacity: isHovered ? opacity : 1,\n        boxSizing: 'border-box',\n        pointerEvents: 'auto',\n        cursor: isSelected ? 'move' : 'pointer',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent:\n          textAlign === PdfTextAlignment.Left\n            ? 'flex-start'\n            : textAlign === PdfTextAlignment.Right\n              ? 'flex-end'\n              : 'center',\n        overflow: 'hidden',\n        ...style,\n      }}\n    >\n      {isHovered && overlayText && (\n        <span\n          style={{\n            color: textColor,\n            fontSize: fontSize * scale,\n            fontFamily: standardFontCss(fontFamily),\n            textAlign: textAlignmentToCss(textAlign),\n            whiteSpace: overlayTextRepeat ? 'normal' : 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            padding: '4px',\n          }}\n        >\n          {renderOverlayText()}\n        </span>\n      )}\n    </div>\n  );\n}\n","import { PdfAnnotationSubtype, PdfRedactAnnoObject } from '@embedpdf/models';\nimport { createRenderer, BoxedAnnotationRenderer } from '@embedpdf/plugin-annotation/@framework';\nimport { RedactHighlight } from './annotations/redact-highlight';\nimport { RedactArea } from './annotations/redact-area';\n\n/**\n * Boxed annotation renderers for Redact annotations.\n * Type safety is enforced at definition time via createRenderer.\n * These are automatically registered with the annotation plugin via context.\n */\nexport const redactRenderers: BoxedAnnotationRenderer[] = [\n  createRenderer<PdfRedactAnnoObject>({\n    id: 'redactHighlight',\n    matches: (a): a is PdfRedactAnnoObject =>\n      a.type === PdfAnnotationSubtype.REDACT &&\n      'segmentRects' in a &&\n      (a.segmentRects?.length ?? 0) > 0,\n    render: (props) => <RedactHighlight {...props} />,\n  }),\n  createRenderer<PdfRedactAnnoObject>({\n    id: 'redactArea',\n    matches: (a): a is PdfRedactAnnoObject =>\n      a.type === PdfAnnotationSubtype.REDACT &&\n      (!('segmentRects' in a) || !(a.segmentRects?.length ?? 0)),\n    render: (props) => <RedactArea {...props} />,\n  }),\n];\n","import { useRegisterRenderers } from '@embedpdf/plugin-annotation/@framework';\nimport { redactRenderers } from '../components/redact-renderers';\n\n/**\n * Utility component that registers redact renderers once at app level.\n * Added via addUtility() so it mounts once, not per-page.\n */\nexport function RedactRendererRegistration() {\n  useRegisterRenderers(redactRenderers);\n  return null;\n}\n","import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  initialDocumentState,\n  RedactionPlugin,\n  RedactionDocumentState,\n  RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useState, useEffect, useMemo } from '@framework';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\nexport const useRedaction = (\n  documentId: string,\n): {\n  state: RedactionDocumentState;\n  provides: RedactionScope | null;\n} => {\n  const { provides } = useRedactionCapability();\n  const [state, setState] = useState<RedactionDocumentState>(initialDocumentState);\n\n  const scope = useMemo(\n    () => (provides ? provides.forDocument(documentId) : null),\n    [provides, documentId],\n  );\n\n  useEffect(() => {\n    if (!scope) {\n      setState(initialDocumentState);\n      return;\n    }\n\n    // Set initial state\n    try {\n      setState(scope.getState());\n    } catch (e) {\n      // Handle case where state might not be ready\n      setState(initialDocumentState);\n    }\n\n    // Subscribe to changes\n    const unsubscribe = scope.onStateChange((newState) => {\n      setState(newState);\n    });\n\n    return unsubscribe;\n  }, [scope]);\n\n  return {\n    state,\n    provides: scope,\n  };\n};\n","import { useEffect, useMemo, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\n  /** The ID of the document */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\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  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  className,\n  stroke,\n  fill = 'transparent',\n}: MarqueeRedactProps) => {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const documentState = useDocumentState(documentId);\n\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  const scale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  // Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\n  // Allow prop override for backwards compatibility\n  const strokeColor = stroke ?? redactionPlugin?.getPreviewStrokeColor() ?? 'red';\n\n  useEffect(() => {\n    if (!redactionPlugin || !documentId) return;\n    return redactionPlugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [redactionPlugin, documentId, pageIndex, scale]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${strokeColor}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n","import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\ntype HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n  style?: CSSProperties;\n};\n\nexport function Highlight({\n  color = '#FFFF00',\n  opacity = 1,\n  border = '1px solid red',\n  rects,\n  rect,\n  scale,\n  onClick,\n  style,\n  ...props\n}: HighlightProps) {\n  return (\n    <>\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\n            border,\n            left: (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale,\n            top: (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background: color,\n            opacity: opacity,\n            pointerEvents: onClick ? 'auto' : 'none',\n            cursor: onClick ? 'pointer' : 'default',\n            zIndex: onClick ? 1 : undefined,\n            ...style,\n          }}\n          {...props}\n        />\n      ))}\n    </>\n  );\n}\n","import { Rect } from '@embedpdf/models';\nimport { useEffect, useState } from '@framework';\nimport { useRedactionPlugin } from '../hooks';\nimport { Highlight } from './highlight';\n\ninterface SelectionRedactProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n}\n\nexport function SelectionRedact({ documentId, pageIndex, scale }: SelectionRedactProps) {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\n  const strokeColor = redactionPlugin?.getPreviewStrokeColor() ?? 'red';\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n    return redactionPlugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      setRects(selection?.segmentRects ?? []);\n      setBoundingRect(selection?.rect ?? null);\n    });\n  }, [redactionPlugin, documentId, 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 ${strokeColor}`}\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 { RedactionSelectionMenuRenderFn } from './types';\nimport { Rotation } from '@embedpdf/models';\n\ninterface PendingRedactionsProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nexport function PendingRedactions({\n  documentId,\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\n    // Use document-scoped hooks so we only receive events for this document\n    const scoped = redaction.forDocument(documentId);\n\n    // Initialize with current state - only show legacy mode items\n    const currentState = scoped.getState();\n    setItems((currentState.pending[pageIndex] ?? []).filter((it) => it.source === 'legacy'));\n    setSelectedId(\n      currentState.selected && currentState.selected.page === pageIndex\n        ? currentState.selected.id\n        : null,\n    );\n\n    // Subscribe to future changes - only show legacy mode items\n    const off1 = scoped.onPendingChange((map) => {\n      setItems((map[pageIndex] ?? []).filter((it) => it.source === 'legacy'));\n    });\n    const off2 = scoped.onSelectedChange((sel) => {\n      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);\n    });\n\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  }, [redaction, documentId, pageIndex]);\n\n  const select = useCallback(\n    (e: MouseEvent | TouchEvent, id: string) => {\n      e.stopPropagation();\n      if (!redaction) return;\n      redaction.forDocument(documentId).selectPending(pageIndex, id);\n    },\n    [redaction, documentId, pageIndex],\n  );\n\n  if (!items.length) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((it) => {\n        if (it.kind === 'area') {\n          const r = it.rect;\n          return (\n            <Fragment key={it.id}>\n              <div\n                style={{\n                  position: 'absolute',\n                  left: r.origin.x * scale,\n                  top: r.origin.y * scale,\n                  width: r.size.width * scale,\n                  height: r.size.height * scale,\n                  background: 'transparent',\n                  outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                  outlineOffset: '2px',\n                  border: `1px solid ${it.markColor}`,\n                  pointerEvents: 'auto',\n                  cursor: 'pointer',\n                }}\n                onPointerDown={(e) => select(e, it.id)}\n                onTouchStart={(e) => select(e, it.id)}\n              />\n              {selectionMenu && (\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                  {(props) =>\n                    selectionMenu({\n                      ...props,\n                      context: {\n                        type: 'redaction',\n                        item: it,\n                        pageIndex,\n                      },\n                      selected: selectedId === it.id,\n                      placement: {\n                        suggestTop: false,\n                      },\n                    })\n                  }\n                </CounterRotate>\n              )}\n            </Fragment>\n          );\n        }\n\n        const b = it.rect;\n        return (\n          <Fragment key={it.id}>\n            <div\n              style={{\n                position: 'absolute',\n                left: b.origin.x * scale,\n                top: b.origin.y * scale,\n                width: b.size.width * scale,\n                height: b.size.height * scale,\n                background: 'transparent',\n                outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                outlineOffset: '2px',\n                pointerEvents: 'auto',\n                cursor: selectedId === it.id ? 'pointer' : 'default',\n              }}\n            >\n              <Highlight\n                rect={b}\n                rects={it.rects}\n                color=\"transparent\"\n                border={`1px solid ${it.markColor}`}\n                scale={scale}\n                onClick={(e) => select(e, it.id)}\n              />\n            </div>\n            {selectionMenu && (\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                {(props) =>\n                  selectionMenu({\n                    ...props,\n                    context: {\n                      type: 'redaction',\n                      item: it,\n                      pageIndex,\n                    },\n                    selected: selectedId === it.id,\n                    placement: {\n                      suggestTop: false,\n                    },\n                  })\n                }\n              </CounterRotate>\n            )}\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n","import { Fragment, useMemo } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { MarqueeRedact } from './marquee-redact';\nimport { SelectionRedact } from './selection-redact';\nimport { PendingRedactions } from './pending-redactions';\nimport { Rotation } from '@embedpdf/models';\nimport { RedactionSelectionMenuRenderFn } from './types';\n\ninterface RedactionLayerProps {\n  /** The ID of the document this layer belongs to */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Current render scale for this page */\n  scale?: number;\n  /** Page rotation (for counter-rotating menus, etc.) */\n  rotation?: Rotation;\n  /** Optional menu renderer for a selected redaction */\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nexport const RedactionLayer = ({\n  documentId,\n  pageIndex,\n  scale,\n  rotation,\n  selectionMenu,\n}: RedactionLayerProps) => {\n  const documentState = useDocumentState(documentId);\n\n  const actualScale = useMemo(() => {\n    if (scale !== undefined) return scale;\n    return documentState?.scale ?? 1;\n  }, [scale, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotation !== undefined) return rotation;\n    return documentState?.rotation ?? Rotation.Degree0;\n  }, [rotation, documentState?.rotation]);\n\n  return (\n    <Fragment>\n      <PendingRedactions\n        documentId={documentId}\n        pageIndex={pageIndex}\n        scale={actualScale}\n        rotation={actualRotation}\n        selectionMenu={selectionMenu}\n      />\n      <MarqueeRedact documentId={documentId} pageIndex={pageIndex} scale={actualScale} />\n      <SelectionRedact documentId={documentId} pageIndex={pageIndex} scale={actualScale} />\n    </Fragment>\n  );\n};\n","import { createPluginPackage } from '@embedpdf/core';\nimport { RedactionPluginPackage as BaseRedactionPackage } from '@embedpdf/plugin-redaction';\nimport { RedactRendererRegistration } from './components/redact-renderer-registration';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-redaction';\n\n// Automatically register redact renderers when plugin is loaded\nexport const RedactionPluginPackage = createPluginPackage(BaseRedactionPackage)\n  .addUtility(RedactRendererRegistration)\n  .build();\n"],"names":["RedactHighlight","annotation","isSelected","scale","onClick","style","isHovered","setIsHovered","useState","object","segmentRects","rect","strokeColor","color","opacity","textColor","fontColor","overlayColor","overlayText","overlayTextRepeat","fontSize","fontFamily","PdfStandardFont","Helvetica","textAlign","PdfTextAlignment","Center","renderOverlayText","Array","fill","join","jsx","onMouseEnter","onMouseLeave","position","inset","children","map","b","i","onPointerDown","onTouchStart","left","origin","x","top","y","width","size","height","background","border","boxSizing","pointerEvents","cursor","display","alignItems","justifyContent","Left","Right","overflow","Math","min","standardFontCss","textAlignmentToCss","whiteSpace","textOverflow","lineHeight","RedactArea","padding","redactRenderers","createRenderer","id","matches","a","type","PdfAnnotationSubtype","REDACT","_a","length","render","props","RedactRendererRegistration","useRegisterRenderers","useRedactionPlugin","usePlugin","RedactionPlugin","useRedactionCapability","useCapability","MarqueeRedact","documentId","pageIndex","scaleOverride","className","stroke","plugin","redactionPlugin","documentState","useDocumentState","setRect","useMemo","getPreviewStrokeColor","useEffect","registerMarqueeOnPage","callback","onPreview","Highlight","rects","Fragment","zIndex","SelectionRedact","setRects","boundingRect","setBoundingRect","onRedactionSelectionChange","formattedSelection","selection","find","s","mixBlendMode","PendingRedactions","bboxStroke","rotation","Rotation","Degree0","selectionMenu","provides","redaction","items","setItems","selectedId","setSelectedId","scoped","forDocument","currentState","getState","pending","filter","it","source","selected","page","off1","onPendingChange","off2","onSelectedChange","sel","select","useCallback","e","stopPropagation","selectPending","kind","r","outline","outlineOffset","markColor","CounterRotate","context","item","placement","suggestTop","RedactionPluginPackage","createPluginPackage","BaseRedactionPackage","addUtility","build","actualScale","actualRotation","state","setState","initialDocumentState","scope","onStateChange","newState"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/components/annotations/redact-highlight.tsx","../../src/shared/components/annotations/redact-area.tsx","../../src/shared/components/redact-renderers.tsx","../../src/shared/components/redact-renderer-registration.tsx","../../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","../../src/shared/index.ts"],"sourcesContent":["import { CSSProperties, MouseEvent, TouchEvent, useState } from '@framework';\nimport {\n  PdfRedactAnnoObject,\n  PdfStandardFont,\n  PdfTextAlignment,\n  Rect,\n  standardFontCssProperties,\n  textAlignmentToCss,\n} from '@embedpdf/models';\nimport { TrackedAnnotation } from '@embedpdf/plugin-annotation';\n\nexport interface RedactHighlightProps {\n  annotation: TrackedAnnotation<PdfRedactAnnoObject>;\n  isSelected: boolean;\n  scale: number;\n  pageIndex: number;\n  onClick: (e: MouseEvent<Element> | TouchEvent<Element>) => void;\n  style?: CSSProperties;\n}\n\n/**\n * Renders a text-based redact annotation using QuadPoints/segmentRects.\n * Default: shows strokeColor (C) border only, no fill.\n * Hovered: shows redaction preview with color (IC) as background fill + overlayText.\n * Selected: no border (AnnotationContainer handles selection styling).\n */\nexport function RedactHighlight({\n  annotation,\n  isSelected,\n  scale,\n  onClick,\n  style,\n}: RedactHighlightProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { object } = annotation;\n\n  const segmentRects = object.segmentRects ?? [];\n  const rect = object.rect;\n\n  // C - Border/stroke color\n  const strokeColor = object.strokeColor ?? '#FF0000';\n  // IC - Interior color (background fill when redaction is applied)\n  const color = object.color ?? '#000000';\n  // CA - Opacity (0-1)\n  const opacity = object.opacity ?? 1;\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = object.fontColor ?? object.overlayColor ?? '#FFFFFF';\n  // Overlay text properties\n  const overlayText = object.overlayText;\n  const overlayTextRepeat = object.overlayTextRepeat ?? false;\n  const fontSize = object.fontSize ?? 12;\n  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;\n  const textAlign = object.textAlign ?? PdfTextAlignment.Center;\n\n  // Calculate how many times to repeat text (approximate)\n  const renderOverlayText = () => {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10; // Enough repetitions to fill most containers\n    return Array(reps).fill(overlayText).join(' ');\n  };\n\n  return (\n    <div\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      style={{ position: 'absolute', inset: 0 }}\n    >\n      {segmentRects.map((b: Rect, i: number) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\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            // Default: transparent background with strokeColor (C) border\n            // Hovered: color (IC) background fill, no border\n            // Selected: no border (container handles it)\n            background: isHovered ? color : 'transparent',\n            border: !isHovered ? `2px solid ${strokeColor}` : 'none',\n            opacity: isHovered ? opacity : 1,\n            boxSizing: 'border-box',\n            pointerEvents: 'auto',\n            cursor: 'pointer',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent:\n              textAlign === PdfTextAlignment.Left\n                ? 'flex-start'\n                : textAlign === PdfTextAlignment.Right\n                  ? 'flex-end'\n                  : 'center',\n            overflow: 'hidden',\n            ...style,\n          }}\n        >\n          {isHovered && overlayText && (\n            <span\n              style={{\n                color: textColor,\n                fontSize: Math.min(fontSize * scale, b.size.height * scale * 0.8),\n                ...standardFontCssProperties(fontFamily),\n                textAlign: textAlignmentToCss(textAlign),\n                whiteSpace: overlayTextRepeat ? 'normal' : 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                lineHeight: 1,\n              }}\n            >\n              {renderOverlayText()}\n            </span>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import { CSSProperties, MouseEvent, TouchEvent, useState } from '@framework';\nimport {\n  PdfRedactAnnoObject,\n  PdfStandardFont,\n  PdfTextAlignment,\n  standardFontCssProperties,\n  textAlignmentToCss,\n} from '@embedpdf/models';\nimport { TrackedAnnotation } from '@embedpdf/plugin-annotation';\n\nexport interface RedactAreaProps {\n  annotation: TrackedAnnotation<PdfRedactAnnoObject>;\n  isSelected: boolean;\n  scale: number;\n  pageIndex: number;\n  onClick: (e: MouseEvent<Element> | TouchEvent<Element>) => void;\n  style?: CSSProperties;\n}\n\n/**\n * Renders an area-based redact annotation (marquee redaction).\n * Default: shows strokeColor (C) border only, no fill.\n * Hovered: shows redaction preview with color (IC) as background fill + overlayText.\n * Selected: no border (AnnotationContainer handles selection styling).\n */\nexport function RedactArea({ annotation, isSelected, scale, onClick, style }: RedactAreaProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { object } = annotation;\n\n  // C - Border/stroke color\n  const strokeColor = object.strokeColor ?? '#FF0000';\n  // IC - Interior color (background fill when redaction is applied)\n  const color = object.color ?? '#000000';\n  // CA - Opacity (0-1)\n  const opacity = object.opacity ?? 1;\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = object.fontColor ?? object.overlayColor ?? '#FFFFFF';\n  // Overlay text properties\n  const overlayText = object.overlayText;\n  const overlayTextRepeat = object.overlayTextRepeat ?? false;\n  const fontSize = object.fontSize ?? 12;\n  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;\n  const textAlign = object.textAlign ?? PdfTextAlignment.Center;\n\n  // Calculate how many times to repeat text (approximate)\n  const renderOverlayText = () => {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10; // Enough repetitions to fill most containers\n    return Array(reps).fill(overlayText).join(' ');\n  };\n\n  return (\n    <div\n      onPointerDown={!isSelected ? onClick : undefined}\n      onTouchStart={!isSelected ? onClick : undefined}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      style={{\n        position: 'absolute',\n        inset: 0,\n        // Default: transparent background with strokeColor (C) border\n        // Hovered: color (IC) background fill, no border\n        // Selected: no border (container handles it)\n        background: isHovered ? color : 'transparent',\n        border: !isHovered ? `2px solid ${strokeColor}` : 'none',\n        opacity: isHovered ? opacity : 1,\n        boxSizing: 'border-box',\n        pointerEvents: 'auto',\n        cursor: isSelected ? 'move' : 'pointer',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent:\n          textAlign === PdfTextAlignment.Left\n            ? 'flex-start'\n            : textAlign === PdfTextAlignment.Right\n              ? 'flex-end'\n              : 'center',\n        overflow: 'hidden',\n        ...style,\n      }}\n    >\n      {isHovered && overlayText && (\n        <span\n          style={{\n            color: textColor,\n            fontSize: fontSize * scale,\n            ...standardFontCssProperties(fontFamily),\n            textAlign: textAlignmentToCss(textAlign),\n            whiteSpace: overlayTextRepeat ? 'normal' : 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            padding: '4px',\n          }}\n        >\n          {renderOverlayText()}\n        </span>\n      )}\n    </div>\n  );\n}\n","import { PdfAnnotationSubtype, PdfRedactAnnoObject } from '@embedpdf/models';\nimport { createRenderer, BoxedAnnotationRenderer } from '@embedpdf/plugin-annotation/@framework';\nimport { RedactHighlight } from './annotations/redact-highlight';\nimport { RedactArea } from './annotations/redact-area';\n\n/**\n * Boxed annotation renderers for Redact annotations.\n * Type safety is enforced at definition time via createRenderer.\n * These are automatically registered with the annotation plugin via context.\n */\nexport const redactRenderers: BoxedAnnotationRenderer[] = [\n  createRenderer<PdfRedactAnnoObject>({\n    id: 'redactHighlight',\n    matches: (a): a is PdfRedactAnnoObject =>\n      a.type === PdfAnnotationSubtype.REDACT &&\n      'segmentRects' in a &&\n      (a.segmentRects?.length ?? 0) > 0,\n    render: (props) => <RedactHighlight {...props} />,\n  }),\n  createRenderer<PdfRedactAnnoObject>({\n    id: 'redactArea',\n    matches: (a): a is PdfRedactAnnoObject =>\n      a.type === PdfAnnotationSubtype.REDACT &&\n      (!('segmentRects' in a) || !(a.segmentRects?.length ?? 0)),\n    render: (props) => <RedactArea {...props} />,\n  }),\n];\n","import { useRegisterRenderers } from '@embedpdf/plugin-annotation/@framework';\nimport { redactRenderers } from '../components/redact-renderers';\n\n/**\n * Utility component that registers redact renderers once at app level.\n * Added via addUtility() so it mounts once, not per-page.\n */\nexport function RedactRendererRegistration() {\n  useRegisterRenderers(redactRenderers);\n  return null;\n}\n","import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  initialDocumentState,\n  RedactionPlugin,\n  RedactionDocumentState,\n  RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useState, useEffect, useMemo } from '@framework';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\nexport const useRedaction = (\n  documentId: string,\n): {\n  state: RedactionDocumentState;\n  provides: RedactionScope | null;\n} => {\n  const { provides } = useRedactionCapability();\n  const [state, setState] = useState<RedactionDocumentState>(initialDocumentState);\n\n  const scope = useMemo(\n    () => (provides ? provides.forDocument(documentId) : null),\n    [provides, documentId],\n  );\n\n  useEffect(() => {\n    if (!scope) {\n      setState(initialDocumentState);\n      return;\n    }\n\n    // Set initial state\n    try {\n      setState(scope.getState());\n    } catch (e) {\n      // Handle case where state might not be ready\n      setState(initialDocumentState);\n    }\n\n    // Subscribe to changes\n    const unsubscribe = scope.onStateChange((newState) => {\n      setState(newState);\n    });\n\n    return unsubscribe;\n  }, [scope]);\n\n  return {\n    state,\n    provides: scope,\n  };\n};\n","import { useEffect, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\n  /** The ID of the document */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\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  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  className,\n  stroke,\n  fill = 'transparent',\n}: MarqueeRedactProps) => {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const documentState = useDocumentState(documentId);\n\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  const scale = scaleOverride ?? documentState?.scale ?? 1;\n\n  // Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\n  // Allow prop override for backwards compatibility\n  const strokeColor = stroke ?? redactionPlugin?.getPreviewStrokeColor() ?? 'red';\n\n  useEffect(() => {\n    if (!redactionPlugin || !documentId) return;\n    return redactionPlugin.onRedactionMarqueeChange(documentId, (data) => {\n      setRect(data.pageIndex === pageIndex ? data.rect : null);\n    });\n  }, [redactionPlugin, documentId, 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 ${strokeColor}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n","import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\ntype HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n  style?: CSSProperties;\n};\n\nexport function Highlight({\n  color = '#FFFF00',\n  opacity = 1,\n  border = '1px solid red',\n  rects,\n  rect,\n  scale,\n  onClick,\n  style,\n  ...props\n}: HighlightProps) {\n  return (\n    <>\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\n            border,\n            left: (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale,\n            top: (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background: color,\n            opacity: opacity,\n            pointerEvents: onClick ? 'auto' : 'none',\n            cursor: onClick ? 'pointer' : 'default',\n            zIndex: onClick ? 1 : undefined,\n            ...style,\n          }}\n          {...props}\n        />\n      ))}\n    </>\n  );\n}\n","import { Rect } from '@embedpdf/models';\nimport { useEffect, useState } from '@framework';\nimport { useRedactionPlugin } from '../hooks';\nimport { Highlight } from './highlight';\n\ninterface SelectionRedactProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n}\n\nexport function SelectionRedact({ documentId, pageIndex, scale }: SelectionRedactProps) {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\n  const strokeColor = redactionPlugin?.getPreviewStrokeColor() ?? 'red';\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n    return redactionPlugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      setRects(selection?.segmentRects ?? []);\n      setBoundingRect(selection?.rect ?? null);\n    });\n  }, [redactionPlugin, documentId, 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 ${strokeColor}`}\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 { RedactionSelectionMenuRenderFn } from './types';\nimport { Rotation } from '@embedpdf/models';\n\ninterface PendingRedactionsProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nexport function PendingRedactions({\n  documentId,\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\n    // Use document-scoped hooks so we only receive events for this document\n    const scoped = redaction.forDocument(documentId);\n\n    // Initialize with current state - only show legacy mode items\n    const currentState = scoped.getState();\n    setItems((currentState.pending[pageIndex] ?? []).filter((it) => it.source === 'legacy'));\n    setSelectedId(\n      currentState.selected && currentState.selected.page === pageIndex\n        ? currentState.selected.id\n        : null,\n    );\n\n    // Subscribe to future changes - only show legacy mode items\n    const off1 = scoped.onPendingChange((map) => {\n      setItems((map[pageIndex] ?? []).filter((it) => it.source === 'legacy'));\n    });\n    const off2 = scoped.onSelectedChange((sel) => {\n      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);\n    });\n\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  }, [redaction, documentId, pageIndex]);\n\n  const select = useCallback(\n    (e: MouseEvent | TouchEvent, id: string) => {\n      e.stopPropagation();\n      if (!redaction) return;\n      redaction.forDocument(documentId).selectPending(pageIndex, id);\n    },\n    [redaction, documentId, pageIndex],\n  );\n\n  if (!items.length) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((it) => {\n        if (it.kind === 'area') {\n          const r = it.rect;\n          return (\n            <Fragment key={it.id}>\n              <div\n                style={{\n                  position: 'absolute',\n                  left: r.origin.x * scale,\n                  top: r.origin.y * scale,\n                  width: r.size.width * scale,\n                  height: r.size.height * scale,\n                  background: 'transparent',\n                  outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                  outlineOffset: '2px',\n                  border: `1px solid ${it.markColor}`,\n                  pointerEvents: 'auto',\n                  cursor: 'pointer',\n                }}\n                onPointerDown={(e) => select(e, it.id)}\n                onTouchStart={(e) => select(e, it.id)}\n              />\n              {selectionMenu && (\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                  {(props) =>\n                    selectionMenu({\n                      ...props,\n                      context: {\n                        type: 'redaction',\n                        item: it,\n                        pageIndex,\n                      },\n                      selected: selectedId === it.id,\n                      placement: {\n                        suggestTop: false,\n                      },\n                    })\n                  }\n                </CounterRotate>\n              )}\n            </Fragment>\n          );\n        }\n\n        const b = it.rect;\n        return (\n          <Fragment key={it.id}>\n            <div\n              style={{\n                position: 'absolute',\n                left: b.origin.x * scale,\n                top: b.origin.y * scale,\n                width: b.size.width * scale,\n                height: b.size.height * scale,\n                background: 'transparent',\n                outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                outlineOffset: '2px',\n                pointerEvents: 'auto',\n                cursor: selectedId === it.id ? 'pointer' : 'default',\n              }}\n            >\n              <Highlight\n                rect={b}\n                rects={it.rects}\n                color=\"transparent\"\n                border={`1px solid ${it.markColor}`}\n                scale={scale}\n                onClick={(e) => select(e, it.id)}\n              />\n            </div>\n            {selectionMenu && (\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                {(props) =>\n                  selectionMenu({\n                    ...props,\n                    context: {\n                      type: 'redaction',\n                      item: it,\n                      pageIndex,\n                    },\n                    selected: selectedId === it.id,\n                    placement: {\n                      suggestTop: false,\n                    },\n                  })\n                }\n              </CounterRotate>\n            )}\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n","import { Fragment, useMemo } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { MarqueeRedact } from './marquee-redact';\nimport { SelectionRedact } from './selection-redact';\nimport { PendingRedactions } from './pending-redactions';\nimport { Rotation } from '@embedpdf/models';\nimport { RedactionSelectionMenuRenderFn } from './types';\n\ninterface RedactionLayerProps {\n  /** The ID of the document this layer belongs to */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Current render scale for this page */\n  scale?: number;\n  /** Page rotation (for counter-rotating menus, etc.) */\n  rotation?: Rotation;\n  /** Optional menu renderer for a selected redaction */\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nexport const RedactionLayer = ({\n  documentId,\n  pageIndex,\n  scale,\n  rotation,\n  selectionMenu,\n}: RedactionLayerProps) => {\n  const documentState = useDocumentState(documentId);\n  const page = documentState?.document?.pages?.[pageIndex];\n\n  const actualScale = useMemo(() => {\n    if (scale !== undefined) return scale;\n    return documentState?.scale ?? 1;\n  }, [scale, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotation !== undefined) return rotation;\n    // Combine page intrinsic rotation with document rotation\n    const pageRotation = page?.rotation ?? 0;\n    const docRotation = documentState?.rotation ?? 0;\n    return ((pageRotation + docRotation) % 4) as Rotation;\n  }, [rotation, page?.rotation, documentState?.rotation]);\n\n  return (\n    <Fragment>\n      <PendingRedactions\n        documentId={documentId}\n        pageIndex={pageIndex}\n        scale={actualScale}\n        rotation={actualRotation}\n        selectionMenu={selectionMenu}\n      />\n      <MarqueeRedact documentId={documentId} pageIndex={pageIndex} scale={actualScale} />\n      <SelectionRedact documentId={documentId} pageIndex={pageIndex} scale={actualScale} />\n    </Fragment>\n  );\n};\n","import { createPluginPackage } from '@embedpdf/core';\nimport { RedactionPluginPackage as BaseRedactionPackage } from '@embedpdf/plugin-redaction';\nimport { RedactRendererRegistration } from './components/redact-renderer-registration';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-redaction';\n\n// Automatically register redact renderers when plugin is loaded\nexport const RedactionPluginPackage = createPluginPackage(BaseRedactionPackage)\n  .addUtility(RedactRendererRegistration)\n  .build();\n"],"names":["RedactHighlight","annotation","isSelected","scale","onClick","style","isHovered","setIsHovered","useState","object","segmentRects","rect","strokeColor","color","opacity","textColor","fontColor","overlayColor","overlayText","overlayTextRepeat","fontSize","fontFamily","PdfStandardFont","Helvetica","textAlign","PdfTextAlignment","Center","renderOverlayText","Array","fill","join","jsx","onMouseEnter","onMouseLeave","position","inset","children","map","b","i","onPointerDown","onTouchStart","left","origin","x","top","y","width","size","height","background","border","boxSizing","pointerEvents","cursor","display","alignItems","justifyContent","Left","Right","overflow","Math","min","standardFontCssProperties","textAlignmentToCss","whiteSpace","textOverflow","lineHeight","RedactArea","padding","redactRenderers","createRenderer","id","matches","a","type","PdfAnnotationSubtype","REDACT","_a","length","render","props","RedactRendererRegistration","useRegisterRenderers","useRedactionPlugin","usePlugin","RedactionPlugin","useRedactionCapability","useCapability","MarqueeRedact","documentId","pageIndex","scaleOverride","className","stroke","plugin","redactionPlugin","documentState","useDocumentState","setRect","getPreviewStrokeColor","useEffect","onRedactionMarqueeChange","data","Highlight","rects","Fragment","zIndex","SelectionRedact","setRects","boundingRect","setBoundingRect","onRedactionSelectionChange","formattedSelection","selection","find","s","mixBlendMode","PendingRedactions","bboxStroke","rotation","Rotation","Degree0","selectionMenu","provides","redaction","items","setItems","selectedId","setSelectedId","scoped","forDocument","currentState","getState","pending","filter","it","source","selected","page","off1","onPendingChange","off2","onSelectedChange","sel","select","useCallback","e","stopPropagation","selectPending","kind","r","outline","outlineOffset","markColor","CounterRotate","context","item","placement","suggestTop","RedactionPluginPackage","createPluginPackage","BaseRedactionPackage","addUtility","build","_b","document","pages","actualScale","useMemo","actualRotation","state","setState","initialDocumentState","scope","onStateChange","newState"],"mappings":"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"}

package/dist/preact/index.js

@@ -1,12 +1,12 @@
 import { createPluginPackage } from "@embedpdf/core";
-import { RedactionPlugin, initialDocumentState, RedactionPluginPackage as RedactionPluginPackage$1 } from "@embedpdf/plugin-redaction";
+import { initialDocumentState, RedactionPlugin, RedactionPluginPackage as RedactionPluginPackage$1 } from "@embedpdf/plugin-redaction";
 export * from "@embedpdf/plugin-redaction";
 import { createRenderer, useRegisterRenderers } from "@embedpdf/plugin-annotation/preact";
 import { jsx, Fragment, jsxs } from "preact/jsx-runtime";
-import { PdfStandardFont, PdfTextAlignment, textAlignmentToCss, standardFontCss, PdfAnnotationSubtype, Rotation } from "@embedpdf/models";
+import { PdfStandardFont, PdfTextAlignment, textAlignmentToCss, standardFontCssProperties, PdfAnnotationSubtype, Rotation } from "@embedpdf/models";
 import { Fragment as Fragment$1 } from "preact";
 import { useState, useMemo, useEffect, useCallback } from "preact/hooks";
-import { usePlugin, useCapability, useDocumentState } from "@embedpdf/core/preact";
+import { useCapability, usePlugin, useDocumentState } from "@embedpdf/core/preact";
 import { CounterRotate } from "@embedpdf/utils/preact";
 function RedactHighlight({
   annotation,
@@ -72,7 +72,7 @@ function RedactHighlight({
               style: {
                 color: textColor,
                 fontSize: Math.min(fontSize * scale, b.size.height * scale * 0.8),
-                fontFamily: standardFontCss(fontFamily),
+                ...standardFontCssProperties(fontFamily),
                 textAlign: textAlignmentToCss(textAlign),
                 whiteSpace: overlayTextRepeat ? "normal" : "nowrap",
                 overflow: "hidden",
@@ -137,7 +137,7 @@ function RedactArea({ annotation, isSelected, scale, onClick, style }) {
           style: {
             color: textColor,
             fontSize: fontSize * scale,
-            fontFamily: standardFontCss(fontFamily),
+            ...standardFontCssProperties(fontFamily),
             textAlign: textAlignmentToCss(textAlign),
             whiteSpace: overlayTextRepeat ? "normal" : "nowrap",
             overflow: "hidden",
@@ -212,22 +212,14 @@ const MarqueeRedact = ({
   const { plugin: redactionPlugin } = useRedactionPlugin();
   const documentState = useDocumentState(documentId);
   const [rect, setRect] = useState(null);
-  const scale = useMemo(() => {
-    if (scaleOverride !== void 0) return scaleOverride;
-    return (documentState == null ? void 0 : documentState.scale) ?? 1;
-  }, [scaleOverride, documentState == null ? void 0 : documentState.scale]);
+  const scale = scaleOverride ?? (documentState == null ? void 0 : documentState.scale) ?? 1;
   const strokeColor = stroke ?? (redactionPlugin == null ? void 0 : redactionPlugin.getPreviewStrokeColor()) ?? "red";
   useEffect(() => {
     if (!redactionPlugin || !documentId) return;
-    return redactionPlugin.registerMarqueeOnPage({
-      documentId,
-      pageIndex,
-      scale,
-      callback: {
-        onPreview: setRect
-      }
+    return redactionPlugin.onRedactionMarqueeChange(documentId, (data) => {
+      setRect(data.pageIndex === pageIndex ? data.rect : null);
     });
-  }, [redactionPlugin, documentId, pageIndex, scale]);
+  }, [redactionPlugin, documentId, pageIndex]);
   if (!rect) return null;
   return /* @__PURE__ */ jsx(
     "div",
@@ -467,15 +459,19 @@ const RedactionLayer = ({
   rotation,
   selectionMenu
 }) => {
+  var _a, _b;
   const documentState = useDocumentState(documentId);
+  const page = (_b = (_a = documentState == null ? void 0 : documentState.document) == null ? void 0 : _a.pages) == null ? void 0 : _b[pageIndex];
   const actualScale = useMemo(() => {
     if (scale !== void 0) return scale;
     return (documentState == null ? void 0 : documentState.scale) ?? 1;
   }, [scale, documentState == null ? void 0 : documentState.scale]);
   const actualRotation = useMemo(() => {
     if (rotation !== void 0) return rotation;
-    return (documentState == null ? void 0 : documentState.rotation) ?? Rotation.Degree0;
-  }, [rotation, documentState == null ? void 0 : documentState.rotation]);
+    const pageRotation = (page == null ? void 0 : page.rotation) ?? 0;
+    const docRotation = (documentState == null ? void 0 : documentState.rotation) ?? 0;
+    return (pageRotation + docRotation) % 4;
+  }, [rotation, page == null ? void 0 : page.rotation, documentState == null ? void 0 : documentState.rotation]);
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       PendingRedactions,

package/dist/preact/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/components/annotations/redact-highlight.tsx","../../src/shared/components/annotations/redact-area.tsx","../../src/shared/components/redact-renderers.tsx","../../src/shared/components/redact-renderer-registration.tsx","../../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","../../src/shared/index.ts"],"sourcesContent":["import { CSSProperties, MouseEvent, TouchEvent, useState } from '@framework';\nimport {\n  PdfRedactAnnoObject,\n  PdfStandardFont,\n  PdfTextAlignment,\n  Rect,\n  standardFontCss,\n  textAlignmentToCss,\n} from '@embedpdf/models';\nimport { TrackedAnnotation } from '@embedpdf/plugin-annotation';\n\nexport interface RedactHighlightProps {\n  annotation: TrackedAnnotation<PdfRedactAnnoObject>;\n  isSelected: boolean;\n  scale: number;\n  pageIndex: number;\n  onClick: (e: MouseEvent<Element> | TouchEvent<Element>) => void;\n  style?: CSSProperties;\n}\n\n/**\n * Renders a text-based redact annotation using QuadPoints/segmentRects.\n * Default: shows strokeColor (C) border only, no fill.\n * Hovered: shows redaction preview with color (IC) as background fill + overlayText.\n * Selected: no border (AnnotationContainer handles selection styling).\n */\nexport function RedactHighlight({\n  annotation,\n  isSelected,\n  scale,\n  onClick,\n  style,\n}: RedactHighlightProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { object } = annotation;\n\n  const segmentRects = object.segmentRects ?? [];\n  const rect = object.rect;\n\n  // C - Border/stroke color\n  const strokeColor = object.strokeColor ?? '#FF0000';\n  // IC - Interior color (background fill when redaction is applied)\n  const color = object.color ?? '#000000';\n  // CA - Opacity (0-1)\n  const opacity = object.opacity ?? 1;\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = object.fontColor ?? object.overlayColor ?? '#FFFFFF';\n  // Overlay text properties\n  const overlayText = object.overlayText;\n  const overlayTextRepeat = object.overlayTextRepeat ?? false;\n  const fontSize = object.fontSize ?? 12;\n  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;\n  const textAlign = object.textAlign ?? PdfTextAlignment.Center;\n\n  // Calculate how many times to repeat text (approximate)\n  const renderOverlayText = () => {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10; // Enough repetitions to fill most containers\n    return Array(reps).fill(overlayText).join(' ');\n  };\n\n  return (\n    <div\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      style={{ position: 'absolute', inset: 0 }}\n    >\n      {segmentRects.map((b: Rect, i: number) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\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            // Default: transparent background with strokeColor (C) border\n            // Hovered: color (IC) background fill, no border\n            // Selected: no border (container handles it)\n            background: isHovered ? color : 'transparent',\n            border: !isHovered ? `2px solid ${strokeColor}` : 'none',\n            opacity: isHovered ? opacity : 1,\n            boxSizing: 'border-box',\n            pointerEvents: 'auto',\n            cursor: 'pointer',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent:\n              textAlign === PdfTextAlignment.Left\n                ? 'flex-start'\n                : textAlign === PdfTextAlignment.Right\n                  ? 'flex-end'\n                  : 'center',\n            overflow: 'hidden',\n            ...style,\n          }}\n        >\n          {isHovered && overlayText && (\n            <span\n              style={{\n                color: textColor,\n                fontSize: Math.min(fontSize * scale, b.size.height * scale * 0.8),\n                fontFamily: standardFontCss(fontFamily),\n                textAlign: textAlignmentToCss(textAlign),\n                whiteSpace: overlayTextRepeat ? 'normal' : 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                lineHeight: 1,\n              }}\n            >\n              {renderOverlayText()}\n            </span>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import { CSSProperties, MouseEvent, TouchEvent, useState } from '@framework';\nimport {\n  PdfRedactAnnoObject,\n  PdfStandardFont,\n  PdfTextAlignment,\n  standardFontCss,\n  textAlignmentToCss,\n} from '@embedpdf/models';\nimport { TrackedAnnotation } from '@embedpdf/plugin-annotation';\n\nexport interface RedactAreaProps {\n  annotation: TrackedAnnotation<PdfRedactAnnoObject>;\n  isSelected: boolean;\n  scale: number;\n  pageIndex: number;\n  onClick: (e: MouseEvent<Element> | TouchEvent<Element>) => void;\n  style?: CSSProperties;\n}\n\n/**\n * Renders an area-based redact annotation (marquee redaction).\n * Default: shows strokeColor (C) border only, no fill.\n * Hovered: shows redaction preview with color (IC) as background fill + overlayText.\n * Selected: no border (AnnotationContainer handles selection styling).\n */\nexport function RedactArea({ annotation, isSelected, scale, onClick, style }: RedactAreaProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { object } = annotation;\n\n  // C - Border/stroke color\n  const strokeColor = object.strokeColor ?? '#FF0000';\n  // IC - Interior color (background fill when redaction is applied)\n  const color = object.color ?? '#000000';\n  // CA - Opacity (0-1)\n  const opacity = object.opacity ?? 1;\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = object.fontColor ?? object.overlayColor ?? '#FFFFFF';\n  // Overlay text properties\n  const overlayText = object.overlayText;\n  const overlayTextRepeat = object.overlayTextRepeat ?? false;\n  const fontSize = object.fontSize ?? 12;\n  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;\n  const textAlign = object.textAlign ?? PdfTextAlignment.Center;\n\n  // Calculate how many times to repeat text (approximate)\n  const renderOverlayText = () => {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10; // Enough repetitions to fill most containers\n    return Array(reps).fill(overlayText).join(' ');\n  };\n\n  return (\n    <div\n      onPointerDown={!isSelected ? onClick : undefined}\n      onTouchStart={!isSelected ? onClick : undefined}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      style={{\n        position: 'absolute',\n        inset: 0,\n        // Default: transparent background with strokeColor (C) border\n        // Hovered: color (IC) background fill, no border\n        // Selected: no border (container handles it)\n        background: isHovered ? color : 'transparent',\n        border: !isHovered ? `2px solid ${strokeColor}` : 'none',\n        opacity: isHovered ? opacity : 1,\n        boxSizing: 'border-box',\n        pointerEvents: 'auto',\n        cursor: isSelected ? 'move' : 'pointer',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent:\n          textAlign === PdfTextAlignment.Left\n            ? 'flex-start'\n            : textAlign === PdfTextAlignment.Right\n              ? 'flex-end'\n              : 'center',\n        overflow: 'hidden',\n        ...style,\n      }}\n    >\n      {isHovered && overlayText && (\n        <span\n          style={{\n            color: textColor,\n            fontSize: fontSize * scale,\n            fontFamily: standardFontCss(fontFamily),\n            textAlign: textAlignmentToCss(textAlign),\n            whiteSpace: overlayTextRepeat ? 'normal' : 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            padding: '4px',\n          }}\n        >\n          {renderOverlayText()}\n        </span>\n      )}\n    </div>\n  );\n}\n","import { PdfAnnotationSubtype, PdfRedactAnnoObject } from '@embedpdf/models';\nimport { createRenderer, BoxedAnnotationRenderer } from '@embedpdf/plugin-annotation/@framework';\nimport { RedactHighlight } from './annotations/redact-highlight';\nimport { RedactArea } from './annotations/redact-area';\n\n/**\n * Boxed annotation renderers for Redact annotations.\n * Type safety is enforced at definition time via createRenderer.\n * These are automatically registered with the annotation plugin via context.\n */\nexport const redactRenderers: BoxedAnnotationRenderer[] = [\n  createRenderer<PdfRedactAnnoObject>({\n    id: 'redactHighlight',\n    matches: (a): a is PdfRedactAnnoObject =>\n      a.type === PdfAnnotationSubtype.REDACT &&\n      'segmentRects' in a &&\n      (a.segmentRects?.length ?? 0) > 0,\n    render: (props) => <RedactHighlight {...props} />,\n  }),\n  createRenderer<PdfRedactAnnoObject>({\n    id: 'redactArea',\n    matches: (a): a is PdfRedactAnnoObject =>\n      a.type === PdfAnnotationSubtype.REDACT &&\n      (!('segmentRects' in a) || !(a.segmentRects?.length ?? 0)),\n    render: (props) => <RedactArea {...props} />,\n  }),\n];\n","import { useRegisterRenderers } from '@embedpdf/plugin-annotation/@framework';\nimport { redactRenderers } from '../components/redact-renderers';\n\n/**\n * Utility component that registers redact renderers once at app level.\n * Added via addUtility() so it mounts once, not per-page.\n */\nexport function RedactRendererRegistration() {\n  useRegisterRenderers(redactRenderers);\n  return null;\n}\n","import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  initialDocumentState,\n  RedactionPlugin,\n  RedactionDocumentState,\n  RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useState, useEffect, useMemo } from '@framework';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\nexport const useRedaction = (\n  documentId: string,\n): {\n  state: RedactionDocumentState;\n  provides: RedactionScope | null;\n} => {\n  const { provides } = useRedactionCapability();\n  const [state, setState] = useState<RedactionDocumentState>(initialDocumentState);\n\n  const scope = useMemo(\n    () => (provides ? provides.forDocument(documentId) : null),\n    [provides, documentId],\n  );\n\n  useEffect(() => {\n    if (!scope) {\n      setState(initialDocumentState);\n      return;\n    }\n\n    // Set initial state\n    try {\n      setState(scope.getState());\n    } catch (e) {\n      // Handle case where state might not be ready\n      setState(initialDocumentState);\n    }\n\n    // Subscribe to changes\n    const unsubscribe = scope.onStateChange((newState) => {\n      setState(newState);\n    });\n\n    return unsubscribe;\n  }, [scope]);\n\n  return {\n    state,\n    provides: scope,\n  };\n};\n","import { useEffect, useMemo, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\n  /** The ID of the document */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\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  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  className,\n  stroke,\n  fill = 'transparent',\n}: MarqueeRedactProps) => {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const documentState = useDocumentState(documentId);\n\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  const scale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  // Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\n  // Allow prop override for backwards compatibility\n  const strokeColor = stroke ?? redactionPlugin?.getPreviewStrokeColor() ?? 'red';\n\n  useEffect(() => {\n    if (!redactionPlugin || !documentId) return;\n    return redactionPlugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [redactionPlugin, documentId, pageIndex, scale]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${strokeColor}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n","import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\ntype HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n  style?: CSSProperties;\n};\n\nexport function Highlight({\n  color = '#FFFF00',\n  opacity = 1,\n  border = '1px solid red',\n  rects,\n  rect,\n  scale,\n  onClick,\n  style,\n  ...props\n}: HighlightProps) {\n  return (\n    <>\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\n            border,\n            left: (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale,\n            top: (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background: color,\n            opacity: opacity,\n            pointerEvents: onClick ? 'auto' : 'none',\n            cursor: onClick ? 'pointer' : 'default',\n            zIndex: onClick ? 1 : undefined,\n            ...style,\n          }}\n          {...props}\n        />\n      ))}\n    </>\n  );\n}\n","import { Rect } from '@embedpdf/models';\nimport { useEffect, useState } from '@framework';\nimport { useRedactionPlugin } from '../hooks';\nimport { Highlight } from './highlight';\n\ninterface SelectionRedactProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n}\n\nexport function SelectionRedact({ documentId, pageIndex, scale }: SelectionRedactProps) {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\n  const strokeColor = redactionPlugin?.getPreviewStrokeColor() ?? 'red';\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n    return redactionPlugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      setRects(selection?.segmentRects ?? []);\n      setBoundingRect(selection?.rect ?? null);\n    });\n  }, [redactionPlugin, documentId, 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 ${strokeColor}`}\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 { RedactionSelectionMenuRenderFn } from './types';\nimport { Rotation } from '@embedpdf/models';\n\ninterface PendingRedactionsProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nexport function PendingRedactions({\n  documentId,\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\n    // Use document-scoped hooks so we only receive events for this document\n    const scoped = redaction.forDocument(documentId);\n\n    // Initialize with current state - only show legacy mode items\n    const currentState = scoped.getState();\n    setItems((currentState.pending[pageIndex] ?? []).filter((it) => it.source === 'legacy'));\n    setSelectedId(\n      currentState.selected && currentState.selected.page === pageIndex\n        ? currentState.selected.id\n        : null,\n    );\n\n    // Subscribe to future changes - only show legacy mode items\n    const off1 = scoped.onPendingChange((map) => {\n      setItems((map[pageIndex] ?? []).filter((it) => it.source === 'legacy'));\n    });\n    const off2 = scoped.onSelectedChange((sel) => {\n      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);\n    });\n\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  }, [redaction, documentId, pageIndex]);\n\n  const select = useCallback(\n    (e: MouseEvent | TouchEvent, id: string) => {\n      e.stopPropagation();\n      if (!redaction) return;\n      redaction.forDocument(documentId).selectPending(pageIndex, id);\n    },\n    [redaction, documentId, pageIndex],\n  );\n\n  if (!items.length) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((it) => {\n        if (it.kind === 'area') {\n          const r = it.rect;\n          return (\n            <Fragment key={it.id}>\n              <div\n                style={{\n                  position: 'absolute',\n                  left: r.origin.x * scale,\n                  top: r.origin.y * scale,\n                  width: r.size.width * scale,\n                  height: r.size.height * scale,\n                  background: 'transparent',\n                  outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                  outlineOffset: '2px',\n                  border: `1px solid ${it.markColor}`,\n                  pointerEvents: 'auto',\n                  cursor: 'pointer',\n                }}\n                onPointerDown={(e) => select(e, it.id)}\n                onTouchStart={(e) => select(e, it.id)}\n              />\n              {selectionMenu && (\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                  {(props) =>\n                    selectionMenu({\n                      ...props,\n                      context: {\n                        type: 'redaction',\n                        item: it,\n                        pageIndex,\n                      },\n                      selected: selectedId === it.id,\n                      placement: {\n                        suggestTop: false,\n                      },\n                    })\n                  }\n                </CounterRotate>\n              )}\n            </Fragment>\n          );\n        }\n\n        const b = it.rect;\n        return (\n          <Fragment key={it.id}>\n            <div\n              style={{\n                position: 'absolute',\n                left: b.origin.x * scale,\n                top: b.origin.y * scale,\n                width: b.size.width * scale,\n                height: b.size.height * scale,\n                background: 'transparent',\n                outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                outlineOffset: '2px',\n                pointerEvents: 'auto',\n                cursor: selectedId === it.id ? 'pointer' : 'default',\n              }}\n            >\n              <Highlight\n                rect={b}\n                rects={it.rects}\n                color=\"transparent\"\n                border={`1px solid ${it.markColor}`}\n                scale={scale}\n                onClick={(e) => select(e, it.id)}\n              />\n            </div>\n            {selectionMenu && (\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                {(props) =>\n                  selectionMenu({\n                    ...props,\n                    context: {\n                      type: 'redaction',\n                      item: it,\n                      pageIndex,\n                    },\n                    selected: selectedId === it.id,\n                    placement: {\n                      suggestTop: false,\n                    },\n                  })\n                }\n              </CounterRotate>\n            )}\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n","import { Fragment, useMemo } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { MarqueeRedact } from './marquee-redact';\nimport { SelectionRedact } from './selection-redact';\nimport { PendingRedactions } from './pending-redactions';\nimport { Rotation } from '@embedpdf/models';\nimport { RedactionSelectionMenuRenderFn } from './types';\n\ninterface RedactionLayerProps {\n  /** The ID of the document this layer belongs to */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Current render scale for this page */\n  scale?: number;\n  /** Page rotation (for counter-rotating menus, etc.) */\n  rotation?: Rotation;\n  /** Optional menu renderer for a selected redaction */\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nexport const RedactionLayer = ({\n  documentId,\n  pageIndex,\n  scale,\n  rotation,\n  selectionMenu,\n}: RedactionLayerProps) => {\n  const documentState = useDocumentState(documentId);\n\n  const actualScale = useMemo(() => {\n    if (scale !== undefined) return scale;\n    return documentState?.scale ?? 1;\n  }, [scale, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotation !== undefined) return rotation;\n    return documentState?.rotation ?? Rotation.Degree0;\n  }, [rotation, documentState?.rotation]);\n\n  return (\n    <Fragment>\n      <PendingRedactions\n        documentId={documentId}\n        pageIndex={pageIndex}\n        scale={actualScale}\n        rotation={actualRotation}\n        selectionMenu={selectionMenu}\n      />\n      <MarqueeRedact documentId={documentId} pageIndex={pageIndex} scale={actualScale} />\n      <SelectionRedact documentId={documentId} pageIndex={pageIndex} scale={actualScale} />\n    </Fragment>\n  );\n};\n","import { createPluginPackage } from '@embedpdf/core';\nimport { RedactionPluginPackage as BaseRedactionPackage } from '@embedpdf/plugin-redaction';\nimport { RedactRendererRegistration } from './components/redact-renderer-registration';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-redaction';\n\n// Automatically register redact renderers when plugin is loaded\nexport const RedactionPluginPackage = createPluginPackage(BaseRedactionPackage)\n  .addUtility(RedactRendererRegistration)\n  .build();\n"],"names":["Fragment","BaseRedactionPackage"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/shared/components/annotations/redact-highlight.tsx","../../src/shared/components/annotations/redact-area.tsx","../../src/shared/components/redact-renderers.tsx","../../src/shared/components/redact-renderer-registration.tsx","../../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","../../src/shared/index.ts"],"sourcesContent":["import { CSSProperties, MouseEvent, TouchEvent, useState } from '@framework';\nimport {\n  PdfRedactAnnoObject,\n  PdfStandardFont,\n  PdfTextAlignment,\n  Rect,\n  standardFontCssProperties,\n  textAlignmentToCss,\n} from '@embedpdf/models';\nimport { TrackedAnnotation } from '@embedpdf/plugin-annotation';\n\nexport interface RedactHighlightProps {\n  annotation: TrackedAnnotation<PdfRedactAnnoObject>;\n  isSelected: boolean;\n  scale: number;\n  pageIndex: number;\n  onClick: (e: MouseEvent<Element> | TouchEvent<Element>) => void;\n  style?: CSSProperties;\n}\n\n/**\n * Renders a text-based redact annotation using QuadPoints/segmentRects.\n * Default: shows strokeColor (C) border only, no fill.\n * Hovered: shows redaction preview with color (IC) as background fill + overlayText.\n * Selected: no border (AnnotationContainer handles selection styling).\n */\nexport function RedactHighlight({\n  annotation,\n  isSelected,\n  scale,\n  onClick,\n  style,\n}: RedactHighlightProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { object } = annotation;\n\n  const segmentRects = object.segmentRects ?? [];\n  const rect = object.rect;\n\n  // C - Border/stroke color\n  const strokeColor = object.strokeColor ?? '#FF0000';\n  // IC - Interior color (background fill when redaction is applied)\n  const color = object.color ?? '#000000';\n  // CA - Opacity (0-1)\n  const opacity = object.opacity ?? 1;\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = object.fontColor ?? object.overlayColor ?? '#FFFFFF';\n  // Overlay text properties\n  const overlayText = object.overlayText;\n  const overlayTextRepeat = object.overlayTextRepeat ?? false;\n  const fontSize = object.fontSize ?? 12;\n  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;\n  const textAlign = object.textAlign ?? PdfTextAlignment.Center;\n\n  // Calculate how many times to repeat text (approximate)\n  const renderOverlayText = () => {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10; // Enough repetitions to fill most containers\n    return Array(reps).fill(overlayText).join(' ');\n  };\n\n  return (\n    <div\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      style={{ position: 'absolute', inset: 0 }}\n    >\n      {segmentRects.map((b: Rect, i: number) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\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            // Default: transparent background with strokeColor (C) border\n            // Hovered: color (IC) background fill, no border\n            // Selected: no border (container handles it)\n            background: isHovered ? color : 'transparent',\n            border: !isHovered ? `2px solid ${strokeColor}` : 'none',\n            opacity: isHovered ? opacity : 1,\n            boxSizing: 'border-box',\n            pointerEvents: 'auto',\n            cursor: 'pointer',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent:\n              textAlign === PdfTextAlignment.Left\n                ? 'flex-start'\n                : textAlign === PdfTextAlignment.Right\n                  ? 'flex-end'\n                  : 'center',\n            overflow: 'hidden',\n            ...style,\n          }}\n        >\n          {isHovered && overlayText && (\n            <span\n              style={{\n                color: textColor,\n                fontSize: Math.min(fontSize * scale, b.size.height * scale * 0.8),\n                ...standardFontCssProperties(fontFamily),\n                textAlign: textAlignmentToCss(textAlign),\n                whiteSpace: overlayTextRepeat ? 'normal' : 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                lineHeight: 1,\n              }}\n            >\n              {renderOverlayText()}\n            </span>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import { CSSProperties, MouseEvent, TouchEvent, useState } from '@framework';\nimport {\n  PdfRedactAnnoObject,\n  PdfStandardFont,\n  PdfTextAlignment,\n  standardFontCssProperties,\n  textAlignmentToCss,\n} from '@embedpdf/models';\nimport { TrackedAnnotation } from '@embedpdf/plugin-annotation';\n\nexport interface RedactAreaProps {\n  annotation: TrackedAnnotation<PdfRedactAnnoObject>;\n  isSelected: boolean;\n  scale: number;\n  pageIndex: number;\n  onClick: (e: MouseEvent<Element> | TouchEvent<Element>) => void;\n  style?: CSSProperties;\n}\n\n/**\n * Renders an area-based redact annotation (marquee redaction).\n * Default: shows strokeColor (C) border only, no fill.\n * Hovered: shows redaction preview with color (IC) as background fill + overlayText.\n * Selected: no border (AnnotationContainer handles selection styling).\n */\nexport function RedactArea({ annotation, isSelected, scale, onClick, style }: RedactAreaProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { object } = annotation;\n\n  // C - Border/stroke color\n  const strokeColor = object.strokeColor ?? '#FF0000';\n  // IC - Interior color (background fill when redaction is applied)\n  const color = object.color ?? '#000000';\n  // CA - Opacity (0-1)\n  const opacity = object.opacity ?? 1;\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = object.fontColor ?? object.overlayColor ?? '#FFFFFF';\n  // Overlay text properties\n  const overlayText = object.overlayText;\n  const overlayTextRepeat = object.overlayTextRepeat ?? false;\n  const fontSize = object.fontSize ?? 12;\n  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;\n  const textAlign = object.textAlign ?? PdfTextAlignment.Center;\n\n  // Calculate how many times to repeat text (approximate)\n  const renderOverlayText = () => {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10; // Enough repetitions to fill most containers\n    return Array(reps).fill(overlayText).join(' ');\n  };\n\n  return (\n    <div\n      onPointerDown={!isSelected ? onClick : undefined}\n      onTouchStart={!isSelected ? onClick : undefined}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      style={{\n        position: 'absolute',\n        inset: 0,\n        // Default: transparent background with strokeColor (C) border\n        // Hovered: color (IC) background fill, no border\n        // Selected: no border (container handles it)\n        background: isHovered ? color : 'transparent',\n        border: !isHovered ? `2px solid ${strokeColor}` : 'none',\n        opacity: isHovered ? opacity : 1,\n        boxSizing: 'border-box',\n        pointerEvents: 'auto',\n        cursor: isSelected ? 'move' : 'pointer',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent:\n          textAlign === PdfTextAlignment.Left\n            ? 'flex-start'\n            : textAlign === PdfTextAlignment.Right\n              ? 'flex-end'\n              : 'center',\n        overflow: 'hidden',\n        ...style,\n      }}\n    >\n      {isHovered && overlayText && (\n        <span\n          style={{\n            color: textColor,\n            fontSize: fontSize * scale,\n            ...standardFontCssProperties(fontFamily),\n            textAlign: textAlignmentToCss(textAlign),\n            whiteSpace: overlayTextRepeat ? 'normal' : 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            padding: '4px',\n          }}\n        >\n          {renderOverlayText()}\n        </span>\n      )}\n    </div>\n  );\n}\n","import { PdfAnnotationSubtype, PdfRedactAnnoObject } from '@embedpdf/models';\nimport { createRenderer, BoxedAnnotationRenderer } from '@embedpdf/plugin-annotation/@framework';\nimport { RedactHighlight } from './annotations/redact-highlight';\nimport { RedactArea } from './annotations/redact-area';\n\n/**\n * Boxed annotation renderers for Redact annotations.\n * Type safety is enforced at definition time via createRenderer.\n * These are automatically registered with the annotation plugin via context.\n */\nexport const redactRenderers: BoxedAnnotationRenderer[] = [\n  createRenderer<PdfRedactAnnoObject>({\n    id: 'redactHighlight',\n    matches: (a): a is PdfRedactAnnoObject =>\n      a.type === PdfAnnotationSubtype.REDACT &&\n      'segmentRects' in a &&\n      (a.segmentRects?.length ?? 0) > 0,\n    render: (props) => <RedactHighlight {...props} />,\n  }),\n  createRenderer<PdfRedactAnnoObject>({\n    id: 'redactArea',\n    matches: (a): a is PdfRedactAnnoObject =>\n      a.type === PdfAnnotationSubtype.REDACT &&\n      (!('segmentRects' in a) || !(a.segmentRects?.length ?? 0)),\n    render: (props) => <RedactArea {...props} />,\n  }),\n];\n","import { useRegisterRenderers } from '@embedpdf/plugin-annotation/@framework';\nimport { redactRenderers } from '../components/redact-renderers';\n\n/**\n * Utility component that registers redact renderers once at app level.\n * Added via addUtility() so it mounts once, not per-page.\n */\nexport function RedactRendererRegistration() {\n  useRegisterRenderers(redactRenderers);\n  return null;\n}\n","import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  initialDocumentState,\n  RedactionPlugin,\n  RedactionDocumentState,\n  RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useState, useEffect, useMemo } from '@framework';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\nexport const useRedaction = (\n  documentId: string,\n): {\n  state: RedactionDocumentState;\n  provides: RedactionScope | null;\n} => {\n  const { provides } = useRedactionCapability();\n  const [state, setState] = useState<RedactionDocumentState>(initialDocumentState);\n\n  const scope = useMemo(\n    () => (provides ? provides.forDocument(documentId) : null),\n    [provides, documentId],\n  );\n\n  useEffect(() => {\n    if (!scope) {\n      setState(initialDocumentState);\n      return;\n    }\n\n    // Set initial state\n    try {\n      setState(scope.getState());\n    } catch (e) {\n      // Handle case where state might not be ready\n      setState(initialDocumentState);\n    }\n\n    // Subscribe to changes\n    const unsubscribe = scope.onStateChange((newState) => {\n      setState(newState);\n    });\n\n    return unsubscribe;\n  }, [scope]);\n\n  return {\n    state,\n    provides: scope,\n  };\n};\n","import { useEffect, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\n  /** The ID of the document */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\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  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  className,\n  stroke,\n  fill = 'transparent',\n}: MarqueeRedactProps) => {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const documentState = useDocumentState(documentId);\n\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  const scale = scaleOverride ?? documentState?.scale ?? 1;\n\n  // Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\n  // Allow prop override for backwards compatibility\n  const strokeColor = stroke ?? redactionPlugin?.getPreviewStrokeColor() ?? 'red';\n\n  useEffect(() => {\n    if (!redactionPlugin || !documentId) return;\n    return redactionPlugin.onRedactionMarqueeChange(documentId, (data) => {\n      setRect(data.pageIndex === pageIndex ? data.rect : null);\n    });\n  }, [redactionPlugin, documentId, 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 ${strokeColor}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n","import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\ntype HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n  style?: CSSProperties;\n};\n\nexport function Highlight({\n  color = '#FFFF00',\n  opacity = 1,\n  border = '1px solid red',\n  rects,\n  rect,\n  scale,\n  onClick,\n  style,\n  ...props\n}: HighlightProps) {\n  return (\n    <>\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\n            border,\n            left: (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale,\n            top: (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background: color,\n            opacity: opacity,\n            pointerEvents: onClick ? 'auto' : 'none',\n            cursor: onClick ? 'pointer' : 'default',\n            zIndex: onClick ? 1 : undefined,\n            ...style,\n          }}\n          {...props}\n        />\n      ))}\n    </>\n  );\n}\n","import { Rect } from '@embedpdf/models';\nimport { useEffect, useState } from '@framework';\nimport { useRedactionPlugin } from '../hooks';\nimport { Highlight } from './highlight';\n\ninterface SelectionRedactProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n}\n\nexport function SelectionRedact({ documentId, pageIndex, scale }: SelectionRedactProps) {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  // Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\n  const strokeColor = redactionPlugin?.getPreviewStrokeColor() ?? 'red';\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n    return redactionPlugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      setRects(selection?.segmentRects ?? []);\n      setBoundingRect(selection?.rect ?? null);\n    });\n  }, [redactionPlugin, documentId, 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 ${strokeColor}`}\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 { RedactionSelectionMenuRenderFn } from './types';\nimport { Rotation } from '@embedpdf/models';\n\ninterface PendingRedactionsProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nexport function PendingRedactions({\n  documentId,\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\n    // Use document-scoped hooks so we only receive events for this document\n    const scoped = redaction.forDocument(documentId);\n\n    // Initialize with current state - only show legacy mode items\n    const currentState = scoped.getState();\n    setItems((currentState.pending[pageIndex] ?? []).filter((it) => it.source === 'legacy'));\n    setSelectedId(\n      currentState.selected && currentState.selected.page === pageIndex\n        ? currentState.selected.id\n        : null,\n    );\n\n    // Subscribe to future changes - only show legacy mode items\n    const off1 = scoped.onPendingChange((map) => {\n      setItems((map[pageIndex] ?? []).filter((it) => it.source === 'legacy'));\n    });\n    const off2 = scoped.onSelectedChange((sel) => {\n      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);\n    });\n\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  }, [redaction, documentId, pageIndex]);\n\n  const select = useCallback(\n    (e: MouseEvent | TouchEvent, id: string) => {\n      e.stopPropagation();\n      if (!redaction) return;\n      redaction.forDocument(documentId).selectPending(pageIndex, id);\n    },\n    [redaction, documentId, pageIndex],\n  );\n\n  if (!items.length) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((it) => {\n        if (it.kind === 'area') {\n          const r = it.rect;\n          return (\n            <Fragment key={it.id}>\n              <div\n                style={{\n                  position: 'absolute',\n                  left: r.origin.x * scale,\n                  top: r.origin.y * scale,\n                  width: r.size.width * scale,\n                  height: r.size.height * scale,\n                  background: 'transparent',\n                  outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                  outlineOffset: '2px',\n                  border: `1px solid ${it.markColor}`,\n                  pointerEvents: 'auto',\n                  cursor: 'pointer',\n                }}\n                onPointerDown={(e) => select(e, it.id)}\n                onTouchStart={(e) => select(e, it.id)}\n              />\n              {selectionMenu && (\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                  {(props) =>\n                    selectionMenu({\n                      ...props,\n                      context: {\n                        type: 'redaction',\n                        item: it,\n                        pageIndex,\n                      },\n                      selected: selectedId === it.id,\n                      placement: {\n                        suggestTop: false,\n                      },\n                    })\n                  }\n                </CounterRotate>\n              )}\n            </Fragment>\n          );\n        }\n\n        const b = it.rect;\n        return (\n          <Fragment key={it.id}>\n            <div\n              style={{\n                position: 'absolute',\n                left: b.origin.x * scale,\n                top: b.origin.y * scale,\n                width: b.size.width * scale,\n                height: b.size.height * scale,\n                background: 'transparent',\n                outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                outlineOffset: '2px',\n                pointerEvents: 'auto',\n                cursor: selectedId === it.id ? 'pointer' : 'default',\n              }}\n            >\n              <Highlight\n                rect={b}\n                rects={it.rects}\n                color=\"transparent\"\n                border={`1px solid ${it.markColor}`}\n                scale={scale}\n                onClick={(e) => select(e, it.id)}\n              />\n            </div>\n            {selectionMenu && (\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                {(props) =>\n                  selectionMenu({\n                    ...props,\n                    context: {\n                      type: 'redaction',\n                      item: it,\n                      pageIndex,\n                    },\n                    selected: selectedId === it.id,\n                    placement: {\n                      suggestTop: false,\n                    },\n                  })\n                }\n              </CounterRotate>\n            )}\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n","import { Fragment, useMemo } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { MarqueeRedact } from './marquee-redact';\nimport { SelectionRedact } from './selection-redact';\nimport { PendingRedactions } from './pending-redactions';\nimport { Rotation } from '@embedpdf/models';\nimport { RedactionSelectionMenuRenderFn } from './types';\n\ninterface RedactionLayerProps {\n  /** The ID of the document this layer belongs to */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Current render scale for this page */\n  scale?: number;\n  /** Page rotation (for counter-rotating menus, etc.) */\n  rotation?: Rotation;\n  /** Optional menu renderer for a selected redaction */\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nexport const RedactionLayer = ({\n  documentId,\n  pageIndex,\n  scale,\n  rotation,\n  selectionMenu,\n}: RedactionLayerProps) => {\n  const documentState = useDocumentState(documentId);\n  const page = documentState?.document?.pages?.[pageIndex];\n\n  const actualScale = useMemo(() => {\n    if (scale !== undefined) return scale;\n    return documentState?.scale ?? 1;\n  }, [scale, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotation !== undefined) return rotation;\n    // Combine page intrinsic rotation with document rotation\n    const pageRotation = page?.rotation ?? 0;\n    const docRotation = documentState?.rotation ?? 0;\n    return ((pageRotation + docRotation) % 4) as Rotation;\n  }, [rotation, page?.rotation, documentState?.rotation]);\n\n  return (\n    <Fragment>\n      <PendingRedactions\n        documentId={documentId}\n        pageIndex={pageIndex}\n        scale={actualScale}\n        rotation={actualRotation}\n        selectionMenu={selectionMenu}\n      />\n      <MarqueeRedact documentId={documentId} pageIndex={pageIndex} scale={actualScale} />\n      <SelectionRedact documentId={documentId} pageIndex={pageIndex} scale={actualScale} />\n    </Fragment>\n  );\n};\n","import { createPluginPackage } from '@embedpdf/core';\nimport { RedactionPluginPackage as BaseRedactionPackage } from '@embedpdf/plugin-redaction';\nimport { RedactRendererRegistration } from './components/redact-renderer-registration';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-redaction';\n\n// Automatically register redact renderers when plugin is loaded\nexport const RedactionPluginPackage = createPluginPackage(BaseRedactionPackage)\n  .addUtility(RedactRendererRegistration)\n  .build();\n"],"names":["Fragment","BaseRedactionPackage"],"mappings":";;;;;;;;;;AA0BO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,WAAW;AAEnB,QAAM,eAAe,OAAO,gBAAgB,CAAA;AAC5C,QAAM,OAAO,OAAO;AAGpB,QAAM,cAAc,OAAO,eAAe;AAE1C,QAAM,QAAQ,OAAO,SAAS;AAE9B,QAAM,UAAU,OAAO,WAAW;AAElC,QAAM,YAAY,OAAO,aAAa,OAAO,gBAAgB;AAE7D,QAAM,cAAc,OAAO;AAC3B,QAAM,oBAAoB,OAAO,qBAAqB;AACtD,QAAM,WAAW,OAAO,YAAY;AACpC,QAAM,aAAa,OAAO,cAAc,gBAAgB;AACxD,QAAM,YAAY,OAAO,aAAa,iBAAiB;AAGvD,QAAM,oBAAoB,MAAM;AAC9B,QAAI,CAAC,YAAa,QAAO;AACzB,QAAI,CAAC,kBAAmB,QAAO;AAE/B,UAAM,OAAO;AACb,WAAO,MAAM,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,GAAG;AAAA,EAC/C;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MACtC,OAAO,EAAE,UAAU,YAAY,OAAO,EAAA;AAAA,MAErC,UAAA,aAAa,IAAI,CAAC,GAAS,MAC1B;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,eAAe;AAAA,UACf,cAAc;AAAA,UACd,OAAO;AAAA,YACL,UAAU;AAAA,YACV,OAAO,OAAO,EAAE,OAAO,IAAI,KAAK,OAAO,IAAI,EAAE,OAAO,KAAK;AAAA,YACzD,MAAM,OAAO,EAAE,OAAO,IAAI,KAAK,OAAO,IAAI,EAAE,OAAO,KAAK;AAAA,YACxD,OAAO,EAAE,KAAK,QAAQ;AAAA,YACtB,QAAQ,EAAE,KAAK,SAAS;AAAA;AAAA;AAAA;AAAA,YAIxB,YAAY,YAAY,QAAQ;AAAA,YAChC,QAAQ,CAAC,YAAY,aAAa,WAAW,KAAK;AAAA,YAClD,SAAS,YAAY,UAAU;AAAA,YAC/B,WAAW;AAAA,YACX,eAAe;AAAA,YACf,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBACE,cAAc,iBAAiB,OAC3B,eACA,cAAc,iBAAiB,QAC7B,aACA;AAAA,YACR,UAAU;AAAA,YACV,GAAG;AAAA,UAAA;AAAA,UAGJ,uBAAa,eACZ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAO;AAAA,gBACP,UAAU,KAAK,IAAI,WAAW,OAAO,EAAE,KAAK,SAAS,QAAQ,GAAG;AAAA,gBAChE,GAAG,0BAA0B,UAAU;AAAA,gBACvC,WAAW,mBAAmB,SAAS;AAAA,gBACvC,YAAY,oBAAoB,WAAW;AAAA,gBAC3C,UAAU;AAAA,gBACV,cAAc;AAAA,gBACd,YAAY;AAAA,cAAA;AAAA,cAGb,UAAA,kBAAA;AAAA,YAAkB;AAAA,UAAA;AAAA,QACrB;AAAA,QA5CG;AAAA,MAAA,CA+CR;AAAA,IAAA;AAAA,EAAA;AAGP;AChGO,SAAS,WAAW,EAAE,YAAY,YAAY,OAAO,SAAS,SAA0B;AAC7F,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,WAAW;AAGnB,QAAM,cAAc,OAAO,eAAe;AAE1C,QAAM,QAAQ,OAAO,SAAS;AAE9B,QAAM,UAAU,OAAO,WAAW;AAElC,QAAM,YAAY,OAAO,aAAa,OAAO,gBAAgB;AAE7D,QAAM,cAAc,OAAO;AAC3B,QAAM,oBAAoB,OAAO,qBAAqB;AACtD,QAAM,WAAW,OAAO,YAAY;AACpC,QAAM,aAAa,OAAO,cAAc,gBAAgB;AACxD,QAAM,YAAY,OAAO,aAAa,iBAAiB;AAGvD,QAAM,oBAAoB,MAAM;AAC9B,QAAI,CAAC,YAAa,QAAO;AACzB,QAAI,CAAC,kBAAmB,QAAO;AAE/B,UAAM,OAAO;AACb,WAAO,MAAM,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,GAAG;AAAA,EAC/C;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAe,CAAC,aAAa,UAAU;AAAA,MACvC,cAAc,CAAC,aAAa,UAAU;AAAA,MACtC,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MACtC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA;AAAA;AAAA;AAAA,QAIP,YAAY,YAAY,QAAQ;AAAA,QAChC,QAAQ,CAAC,YAAY,aAAa,WAAW,KAAK;AAAA,QAClD,SAAS,YAAY,UAAU;AAAA,QAC/B,WAAW;AAAA,QACX,eAAe;AAAA,QACf,QAAQ,aAAa,SAAS;AAAA,QAC9B,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBACE,cAAc,iBAAiB,OAC3B,eACA,cAAc,iBAAiB,QAC7B,aACA;AAAA,QACR,UAAU;AAAA,QACV,GAAG;AAAA,MAAA;AAAA,MAGJ,uBAAa,eACZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAO;AAAA,YACP,UAAU,WAAW;AAAA,YACrB,GAAG,0BAA0B,UAAU;AAAA,YACvC,WAAW,mBAAmB,SAAS;AAAA,YACvC,YAAY,oBAAoB,WAAW;AAAA,YAC3C,UAAU;AAAA,YACV,cAAc;AAAA,YACd,SAAS;AAAA,UAAA;AAAA,UAGV,UAAA,kBAAA;AAAA,QAAkB;AAAA,MAAA;AAAA,IACrB;AAAA,EAAA;AAIR;AC3FO,MAAM,kBAA6C;AAAA,EACxD,eAAoC;AAAA,IAClC,IAAI;AAAA,IACJ,SAAS,CAAC,MAAA;;AACR,eAAE,SAAS,qBAAqB,UAChC,kBAAkB,QACjB,OAAE,iBAAF,mBAAgB,WAAU,KAAK;AAAA;AAAA,IAClC,QAAQ,CAAC,UAAU,oBAAC,iBAAA,EAAiB,GAAG,MAAA,CAAO;AAAA,EAAA,CAChD;AAAA,EACD,eAAoC;AAAA,IAClC,IAAI;AAAA,IACJ,SAAS,CAAC,MAAA;;AACR,eAAE,SAAS,qBAAqB,WAC/B,EAAE,kBAAkB,MAAM,IAAE,OAAE,iBAAF,mBAAgB,WAAU;AAAA;AAAA,IACzD,QAAQ,CAAC,UAAU,oBAAC,YAAA,EAAY,GAAG,MAAA,CAAO;AAAA,EAAA,CAC3C;AACH;ACnBO,SAAS,6BAA6B;AAC3C,uBAAqB,eAAe;AACpC,SAAO;AACT;ACDO,MAAM,qBAAqB,MAAM,UAA2B,gBAAgB,EAAE;AAC9E,MAAM,yBAAyB,MAAM,cAA+B,gBAAgB,EAAE;AAEtF,MAAM,eAAe,CAC1B,eAIG;AACH,QAAM,EAAE,SAAA,IAAa,uBAAA;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiC,oBAAoB;AAE/E,QAAM,QAAQ;AAAA,IACZ,MAAO,WAAW,SAAS,YAAY,UAAU,IAAI;AAAA,IACrD,CAAC,UAAU,UAAU;AAAA,EAAA;AAGvB,YAAU,MAAM;AACd,QAAI,CAAC,OAAO;AACV,eAAS,oBAAoB;AAC7B;AAAA,IACF;AAGA,QAAI;AACF,eAAS,MAAM,UAAU;AAAA,IAC3B,SAAS,GAAG;AAEV,eAAS,oBAAoB;AAAA,IAC/B;AAGA,UAAM,cAAc,MAAM,cAAc,CAAC,aAAa;AACpD,eAAS,QAAQ;AAAA,IACnB,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AAAA,IACL;AAAA,IACA,UAAU;AAAA,EAAA;AAEd;AChCO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAA0B;AACxB,QAAM,EAAE,QAAQ,gBAAA,IAAoB,mBAAA;AACpC,QAAM,gBAAgB,iBAAiB,UAAU;AAEjD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,IAAI;AAElD,QAAM,QAAQ,kBAAiB,+CAAe,UAAS;AAIvD,QAAM,cAAc,WAAU,mDAAiB,4BAA2B;AAE1E,YAAU,MAAM;AACd,QAAI,CAAC,mBAAmB,CAAC,WAAY;AACrC,WAAO,gBAAgB,yBAAyB,YAAY,CAAC,SAAS;AACpE,cAAQ,KAAK,cAAc,YAAY,KAAK,OAAO,IAAI;AAAA,IACzD,CAAC;AAAA,EACH,GAAG,CAAC,iBAAiB,YAAY,SAAS,CAAC;AAE3C,MAAI,CAAC,KAAM,QAAO;AAElB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,eAAe;AAAA,QACf,MAAM,KAAK,OAAO,IAAI;AAAA,QACtB,KAAK,KAAK,OAAO,IAAI;AAAA,QACrB,OAAO,KAAK,KAAK,QAAQ;AAAA,QACzB,QAAQ,KAAK,KAAK,SAAS;AAAA,QAC3B,QAAQ,aAAa,WAAW;AAAA,QAChC,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,IAAA;AAAA,EAAA;AAGN;AClDO,SAAS,UAAU;AAAA,EACxB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SACE,oBAAA,UAAA,EACG,UAAA,MAAM,IAAI,CAAC,GAAG,MACb;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,eAAe;AAAA,MACf,cAAc;AAAA,MACd,OAAO;AAAA,QACL,UAAU;AAAA,QACV;AAAA,QACA,OAAO,OAAO,EAAE,OAAO,IAAI,KAAK,OAAO,IAAI,EAAE,OAAO,KAAK;AAAA,QACzD,MAAM,OAAO,EAAE,OAAO,IAAI,KAAK,OAAO,IAAI,EAAE,OAAO,KAAK;AAAA,QACxD,OAAO,EAAE,KAAK,QAAQ;AAAA,QACtB,QAAQ,EAAE,KAAK,SAAS;AAAA,QACxB,YAAY;AAAA,QACZ;AAAA,QACA,eAAe,UAAU,SAAS;AAAA,QAClC,QAAQ,UAAU,YAAY;AAAA,QAC9B,QAAQ,UAAU,IAAI;AAAA,QACtB,GAAG;AAAA,MAAA;AAAA,MAEJ,GAAG;AAAA,IAAA;AAAA,IAjBC;AAAA,EAAA,CAmBR,GACH;AAEJ;ACxCO,SAAS,gBAAgB,EAAE,YAAY,WAAW,SAA+B;AACtF,QAAM,EAAE,QAAQ,gBAAA,IAAoB,mBAAA;AACpC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAsB,CAAA,CAAE;AAClD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,IAAI;AAGlE,QAAM,eAAc,mDAAiB,4BAA2B;AAEhE,YAAU,MAAM;AACd,QAAI,CAAC,gBAAiB;AACtB,WAAO,gBAAgB,2BAA2B,YAAY,CAAC,uBAAuB;AACpF,YAAM,YAAY,mBAAmB,KAAK,CAAC,MAAM,EAAE,cAAc,SAAS;AAC1E,gBAAS,uCAAW,iBAAgB,EAAE;AACtC,uBAAgB,uCAAW,SAAQ,IAAI;AAAA,IACzC,CAAC;AAAA,EACH,GAAG,CAAC,iBAAiB,YAAY,SAAS,CAAC;AAE3C,MAAI,CAAC,aAAc,QAAO;AAE1B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,cAAc;AAAA,QACd,eAAe;AAAA,QACf,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,MAGT,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA,QAAQ,aAAa,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAClC;AAAA,EAAA;AAGN;AC/BO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,WAAW,SAAS;AAAA,EACpB;AACF,GAA2B;AACzB,QAAM,EAAE,UAAU,UAAA,IAAc,uBAAA;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA0B,CAAA,CAAE;AACtD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAEhE,YAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAGhB,UAAM,SAAS,UAAU,YAAY,UAAU;AAG/C,UAAM,eAAe,OAAO,SAAA;AAC5B,cAAU,aAAa,QAAQ,SAAS,KAAK,CAAA,GAAI,OAAO,CAAC,OAAO,GAAG,WAAW,QAAQ,CAAC;AACvF;AAAA,MACE,aAAa,YAAY,aAAa,SAAS,SAAS,YACpD,aAAa,SAAS,KACtB;AAAA,IAAA;AAIN,UAAM,OAAO,OAAO,gBAAgB,CAAC,QAAQ;AAC3C,gBAAU,IAAI,SAAS,KAAK,CAAA,GAAI,OAAO,CAAC,OAAO,GAAG,WAAW,QAAQ,CAAC;AAAA,IACxE,CAAC;AACD,UAAM,OAAO,OAAO,iBAAiB,CAAC,QAAQ;AAC5C,oBAAc,OAAO,IAAI,SAAS,YAAY,IAAI,KAAK,IAAI;AAAA,IAC7D,CAAC;AAED,WAAO,MAAM;AACX;AACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,SAAS,CAAC;AAErC,QAAM,SAAS;AAAA,IACb,CAAC,GAA4B,OAAe;AAC1C,QAAE,gBAAA;AACF,UAAI,CAAC,UAAW;AAChB,gBAAU,YAAY,UAAU,EAAE,cAAc,WAAW,EAAE;AAAA,IAC/D;AAAA,IACA,CAAC,WAAW,YAAY,SAAS;AAAA,EAAA;AAGnC,MAAI,CAAC,MAAM,OAAQ,QAAO;AAE1B,SACE,oBAAC,OAAA,EAAI,OAAO,EAAE,UAAU,YAAY,OAAO,GAAG,eAAe,OAAA,GAC1D,UAAA,MAAM,IAAI,CAAC,OAAO;AACjB,QAAI,GAAG,SAAS,QAAQ;AACtB,YAAM,IAAI,GAAG;AACb,kCACGA,YAAA,EACC,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,MAAM,EAAE,OAAO,IAAI;AAAA,cACnB,KAAK,EAAE,OAAO,IAAI;AAAA,cAClB,OAAO,EAAE,KAAK,QAAQ;AAAA,cACtB,QAAQ,EAAE,KAAK,SAAS;AAAA,cACxB,YAAY;AAAA,cACZ,SAAS,eAAe,GAAG,KAAK,aAAa,UAAU,KAAK;AAAA,cAC5D,eAAe;AAAA,cACf,QAAQ,aAAa,GAAG,SAAS;AAAA,cACjC,eAAe;AAAA,cACf,QAAQ;AAAA,YAAA;AAAA,YAEV,eAAe,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;AAAA,YACrC,cAAc,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAErC,iBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,cACJ,QAAQ,EAAE,GAAG,EAAE,OAAO,IAAI,OAAO,GAAG,EAAE,OAAO,IAAI,MAAA;AAAA,cACjD,MAAM,EAAE,OAAO,EAAE,KAAK,QAAQ,OAAO,QAAQ,EAAE,KAAK,SAAS,MAAA;AAAA,YAAM;AAAA,YAErE;AAAA,YAEC,UAAA,CAAC,UACA,cAAc;AAAA,cACZ,GAAG;AAAA,cACH,SAAS;AAAA,gBACP,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN;AAAA,cAAA;AAAA,cAEF,UAAU,eAAe,GAAG;AAAA,cAC5B,WAAW;AAAA,gBACT,YAAY;AAAA,cAAA;AAAA,YACd,CACD;AAAA,UAAA;AAAA,QAAA;AAAA,MAEL,EAAA,GAxCW,GAAG,EA0ClB;AAAA,IAEJ;AAEA,UAAM,IAAI,GAAG;AACb,gCACGA,YAAA,EACC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU;AAAA,YACV,MAAM,EAAE,OAAO,IAAI;AAAA,YACnB,KAAK,EAAE,OAAO,IAAI;AAAA,YAClB,OAAO,EAAE,KAAK,QAAQ;AAAA,YACtB,QAAQ,EAAE,KAAK,SAAS;AAAA,YACxB,YAAY;AAAA,YACZ,SAAS,eAAe,GAAG,KAAK,aAAa,UAAU,KAAK;AAAA,YAC5D,eAAe;AAAA,YACf,eAAe;AAAA,YACf,QAAQ,eAAe,GAAG,KAAK,YAAY;AAAA,UAAA;AAAA,UAG7C,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAO,GAAG;AAAA,cACV,OAAM;AAAA,cACN,QAAQ,aAAa,GAAG,SAAS;AAAA,cACjC;AAAA,cACA,SAAS,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC;AAAA,MAAA;AAAA,MAED,iBACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,YACJ,QAAQ,EAAE,GAAG,EAAE,OAAO,IAAI,OAAO,GAAG,EAAE,OAAO,IAAI,MAAA;AAAA,YACjD,MAAM,EAAE,OAAO,EAAE,KAAK,QAAQ,OAAO,QAAQ,EAAE,KAAK,SAAS,MAAA;AAAA,UAAM;AAAA,UAErE;AAAA,UAEC,UAAA,CAAC,UACA,cAAc;AAAA,YACZ,GAAG;AAAA,YACH,SAAS;AAAA,cACP,MAAM;AAAA,cACN,MAAM;AAAA,cACN;AAAA,YAAA;AAAA,YAEF,UAAU,eAAe,GAAG;AAAA,YAC5B,WAAW;AAAA,cACT,YAAY;AAAA,YAAA;AAAA,UACd,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEL,EAAA,GA9CW,GAAG,EAgDlB;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;AC3JO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;;AACzB,QAAM,gBAAgB,iBAAiB,UAAU;AACjD,QAAM,QAAO,0DAAe,aAAf,mBAAyB,UAAzB,mBAAiC;AAE9C,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,UAAU,OAAW,QAAO;AAChC,YAAO,+CAAe,UAAS;AAAA,EACjC,GAAG,CAAC,OAAO,+CAAe,KAAK,CAAC;AAEhC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,aAAa,OAAW,QAAO;AAEnC,UAAM,gBAAe,6BAAM,aAAY;AACvC,UAAM,eAAc,+CAAe,aAAY;AAC/C,YAAS,eAAe,eAAe;AAAA,EACzC,GAAG,CAAC,UAAU,6BAAM,UAAU,+CAAe,QAAQ,CAAC;AAEtD,8BACGA,YAAA,EACC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,oBAAC,eAAA,EAAc,YAAwB,WAAsB,OAAO,aAAa;AAAA,IACjF,oBAAC,iBAAA,EAAgB,YAAwB,WAAsB,OAAO,YAAA,CAAa;AAAA,EAAA,GACrF;AAEJ;AChDO,MAAM,yBAAyB,oBAAoBC,wBAAoB,EAC3E,WAAW,0BAA0B,EACrC,MAAA;"}

package/dist/react/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-redaction"),n=require("@embedpdf/plugin-annotation/react"),o=require("react/jsx-runtime"),i=require("@embedpdf/models"),r=require("react"),s=require("@embedpdf/core/react"),l=require("@embedpdf/utils/react");function a({annotation:e,isSelected:t,scale:n,onClick:s,style:l}){const[a,d]=r.useState(!1),{object:c}=e,u=c.segmentRects??[],g=c.rect,p=c.strokeColor??"#FF0000",x=c.color??"#000000",f=c.opacity??1,h=c.fontColor??c.overlayColor??"#FFFFFF",m=c.overlayText,y=c.overlayTextRepeat??!1,v=c.fontSize??12,b=c.fontFamily??i.PdfStandardFont.Helvetica,S=c.textAlign??i.PdfTextAlignment.Center,j=()=>{if(!m)return null;if(!y)return m;return Array(10).fill(m).join(" ")};return o.jsx("div",{onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),style:{position:"absolute",inset:0},children:u.map((e,t)=>o.jsx("div",{onPointerDown:s,onTouchStart:s,style:{position:"absolute",left:(g?e.origin.x-g.origin.x:e.origin.x)*n,top:(g?e.origin.y-g.origin.y:e.origin.y)*n,width:e.size.width*n,height:e.size.height*n,background:a?x:"transparent",border:a?"none":`2px solid ${p}`,opacity:a?f:1,boxSizing:"border-box",pointerEvents:"auto",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:S===i.PdfTextAlignment.Left?"flex-start":S===i.PdfTextAlignment.Right?"flex-end":"center",overflow:"hidden",...l},children:a&&m&&o.jsx("span",{style:{color:h,fontSize:Math.min(v*n,e.size.height*n*.8),fontFamily:i.standardFontCss(b),textAlign:i.textAlignmentToCss(S),whiteSpace:y?"normal":"nowrap",overflow:"hidden",textOverflow:"ellipsis",lineHeight:1},children:j()})},t))})}function d({annotation:e,isSelected:t,scale:n,onClick:s,style:l}){const[a,d]=r.useState(!1),{object:c}=e,u=c.strokeColor??"#FF0000",g=c.color??"#000000",p=c.opacity??1,x=c.fontColor??c.overlayColor??"#FFFFFF",f=c.overlayText,h=c.overlayTextRepeat??!1,m=c.fontSize??12,y=c.fontFamily??i.PdfStandardFont.Helvetica,v=c.textAlign??i.PdfTextAlignment.Center;return o.jsx("div",{onPointerDown:t?void 0:s,onTouchStart:t?void 0:s,onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),style:{position:"absolute",inset:0,background:a?g:"transparent",border:a?"none":`2px solid ${u}`,opacity:a?p:1,boxSizing:"border-box",pointerEvents:"auto",cursor:t?"move":"pointer",display:"flex",alignItems:"center",justifyContent:v===i.PdfTextAlignment.Left?"flex-start":v===i.PdfTextAlignment.Right?"flex-end":"center",overflow:"hidden",...l},children:a&&f&&o.jsx("span",{style:{color:x,fontSize:m*n,fontFamily:i.standardFontCss(y),textAlign:i.textAlignmentToCss(v),whiteSpace:h?"normal":"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:"4px"},children:(()=>{if(!f)return null;if(!h)return f;return Array(10).fill(f).join(" ")})()})})}const c=[n.createRenderer({id:"redactHighlight",matches:e=>{var t;return e.type===i.PdfAnnotationSubtype.REDACT&&"segmentRects"in e&&((null==(t=e.segmentRects)?void 0:t.length)??0)>0},render:e=>o.jsx(a,{...e})}),n.createRenderer({id:"redactArea",matches:e=>{var t;return!(e.type!==i.PdfAnnotationSubtype.REDACT||"segmentRects"in e&&(null==(t=e.segmentRects)?void 0:t.length))},render:e=>o.jsx(d,{...e})})];function u(){return n.useRegisterRenderers(c),null}const g=()=>s.usePlugin(t.RedactionPlugin.id),p=()=>s.useCapability(t.RedactionPlugin.id),x=({documentId:e,pageIndex:t,scale:n,className:i,stroke:l,fill:a="transparent"})=>{const{plugin:d}=g(),c=s.useDocumentState(e),[u,p]=r.useState(null),x=r.useMemo(()=>void 0!==n?n:(null==c?void 0:c.scale)??1,[n,null==c?void 0:c.scale]),f=l??(null==d?void 0:d.getPreviewStrokeColor())??"red";return r.useEffect(()=>{if(d&&e)return d.registerMarqueeOnPage({documentId:e,pageIndex:t,scale:x,callback:{onPreview:p}})},[d,e,t,x]),u?o.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:u.origin.x*x,top:u.origin.y*x,width:u.size.width*x,height:u.size.height*x,border:`1px solid ${f}`,background:a,boxSizing:"border-box"},className:i}):null};function f({color:e="#FFFF00",opacity:t=1,border:n="1px solid red",rects:i,rect:r,scale:s,onClick:l,style:a,...d}){return o.jsx(o.Fragment,{children:i.map((i,c)=>o.jsx("div",{onPointerDown:l,onTouchStart:l,style:{position:"absolute",border:n,left:(r?i.origin.x-r.origin.x:i.origin.x)*s,top:(r?i.origin.y-r.origin.y:i.origin.y)*s,width:i.size.width*s,height:i.size.height*s,background:e,opacity:t,pointerEvents:l?"auto":"none",cursor:l?"pointer":"default",zIndex:l?1:void 0,...a},...d},c))})}function h({documentId:e,pageIndex:t,scale:n}){const{plugin:i}=g(),[s,l]=r.useState([]),[a,d]=r.useState(null),c=(null==i?void 0:i.getPreviewStrokeColor())??"red";return r.useEffect(()=>{if(i)return i.onRedactionSelectionChange(e,e=>{const n=e.find(e=>e.pageIndex===t);l((null==n?void 0:n.segmentRects)??[]),d((null==n?void 0:n.rect)??null)})},[i,e,t]),a?o.jsx("div",{style:{mixBlendMode:"normal",pointerEvents:"none",position:"absolute",inset:0},children:o.jsx(f,{color:"transparent",opacity:1,rects:s,scale:n,border:`1px solid ${c}`})}):null}function m({documentId:e,pageIndex:t,scale:n,bboxStroke:s="rgba(0,0,0,0.8)",rotation:a=i.Rotation.Degree0,selectionMenu:d}){const{provides:c}=p(),[u,g]=r.useState([]),[x,h]=r.useState(null);r.useEffect(()=>{if(!c)return;const n=c.forDocument(e),o=n.getState();g((o.pending[t]??[]).filter(e=>"legacy"===e.source)),h(o.selected&&o.selected.page===t?o.selected.id:null);const i=n.onPendingChange(e=>{g((e[t]??[]).filter(e=>"legacy"===e.source))}),r=n.onSelectedChange(e=>{h(e&&e.page===t?e.id:null)});return()=>{null==i||i(),null==r||r()}},[c,e,t]);const m=r.useCallback((n,o)=>{n.stopPropagation(),c&&c.forDocument(e).selectPending(t,o)},[c,e,t]);return u.length?o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:u.map(e=>{if("area"===e.kind){const i=e.rect;return o.jsxs(r.Fragment,{children:[o.jsx("div",{style:{position:"absolute",left:i.origin.x*n,top:i.origin.y*n,width:i.size.width*n,height:i.size.height*n,background:"transparent",outline:x===e.id?`1px solid ${s}`:"none",outlineOffset:"2px",border:`1px solid ${e.markColor}`,pointerEvents:"auto",cursor:"pointer"},onPointerDown:t=>m(t,e.id),onTouchStart:t=>m(t,e.id)}),d&&o.jsx(l.CounterRotate,{rect:{origin:{x:i.origin.x*n,y:i.origin.y*n},size:{width:i.size.width*n,height:i.size.height*n}},rotation:a,children:n=>d({...n,context:{type:"redaction",item:e,pageIndex:t},selected:x===e.id,placement:{suggestTop:!1}})})]},e.id)}const i=e.rect;return o.jsxs(r.Fragment,{children:[o.jsx("div",{style:{position:"absolute",left:i.origin.x*n,top:i.origin.y*n,width:i.size.width*n,height:i.size.height*n,background:"transparent",outline:x===e.id?`1px solid ${s}`:"none",outlineOffset:"2px",pointerEvents:"auto",cursor:x===e.id?"pointer":"default"},children:o.jsx(f,{rect:i,rects:e.rects,color:"transparent",border:`1px solid ${e.markColor}`,scale:n,onClick:t=>m(t,e.id)})}),d&&o.jsx(l.CounterRotate,{rect:{origin:{x:i.origin.x*n,y:i.origin.y*n},size:{width:i.size.width*n,height:i.size.height*n}},rotation:a,children:n=>d({...n,context:{type:"redaction",item:e,pageIndex:t},selected:x===e.id,placement:{suggestTop:!1}})})]},e.id)})}):null}const y=e.createPluginPackage(t.RedactionPluginPackage).addUtility(u).build();exports.RedactArea=d,exports.RedactHighlight=a,exports.RedactRendererRegistration=u,exports.RedactionLayer=({documentId:e,pageIndex:t,scale:n,rotation:l,selectionMenu:a})=>{const d=s.useDocumentState(e),c=r.useMemo(()=>void 0!==n?n:(null==d?void 0:d.scale)??1,[n,null==d?void 0:d.scale]),u=r.useMemo(()=>void 0!==l?l:(null==d?void 0:d.rotation)??i.Rotation.Degree0,[l,null==d?void 0:d.rotation]);return o.jsxs(r.Fragment,{children:[o.jsx(m,{documentId:e,pageIndex:t,scale:c,rotation:u,selectionMenu:a}),o.jsx(x,{documentId:e,pageIndex:t,scale:c}),o.jsx(h,{documentId:e,pageIndex:t,scale:c})]})},exports.RedactionPluginPackage=y,exports.redactRenderers=c,exports.useRedaction=e=>{const{provides:n}=p(),[o,i]=r.useState(t.initialDocumentState),s=r.useMemo(()=>n?n.forDocument(e):null,[n,e]);return r.useEffect(()=>{if(!s)return void i(t.initialDocumentState);try{i(s.getState())}catch(e){i(t.initialDocumentState)}return s.onStateChange(e=>{i(e)})},[s]),{state:o,provides:s}},exports.useRedactionCapability=p,exports.useRedactionPlugin=g,Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-redaction"),n=require("@embedpdf/plugin-annotation/react"),o=require("react/jsx-runtime"),i=require("@embedpdf/models"),r=require("react"),s=require("@embedpdf/core/react"),l=require("@embedpdf/utils/react");function a({annotation:e,isSelected:t,scale:n,onClick:s,style:l}){const[a,d]=r.useState(!1),{object:c}=e,u=c.segmentRects??[],g=c.rect,p=c.strokeColor??"#FF0000",x=c.color??"#000000",h=c.opacity??1,f=c.fontColor??c.overlayColor??"#FFFFFF",m=c.overlayText,y=c.overlayTextRepeat??!1,v=c.fontSize??12,b=c.fontFamily??i.PdfStandardFont.Helvetica,S=c.textAlign??i.PdfTextAlignment.Center,j=()=>{if(!m)return null;if(!y)return m;return Array(10).fill(m).join(" ")};return o.jsx("div",{onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),style:{position:"absolute",inset:0},children:u.map((e,t)=>o.jsx("div",{onPointerDown:s,onTouchStart:s,style:{position:"absolute",left:(g?e.origin.x-g.origin.x:e.origin.x)*n,top:(g?e.origin.y-g.origin.y:e.origin.y)*n,width:e.size.width*n,height:e.size.height*n,background:a?x:"transparent",border:a?"none":`2px solid ${p}`,opacity:a?h:1,boxSizing:"border-box",pointerEvents:"auto",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:S===i.PdfTextAlignment.Left?"flex-start":S===i.PdfTextAlignment.Right?"flex-end":"center",overflow:"hidden",...l},children:a&&m&&o.jsx("span",{style:{color:f,fontSize:Math.min(v*n,e.size.height*n*.8),...i.standardFontCssProperties(b),textAlign:i.textAlignmentToCss(S),whiteSpace:y?"normal":"nowrap",overflow:"hidden",textOverflow:"ellipsis",lineHeight:1},children:j()})},t))})}function d({annotation:e,isSelected:t,scale:n,onClick:s,style:l}){const[a,d]=r.useState(!1),{object:c}=e,u=c.strokeColor??"#FF0000",g=c.color??"#000000",p=c.opacity??1,x=c.fontColor??c.overlayColor??"#FFFFFF",h=c.overlayText,f=c.overlayTextRepeat??!1,m=c.fontSize??12,y=c.fontFamily??i.PdfStandardFont.Helvetica,v=c.textAlign??i.PdfTextAlignment.Center;return o.jsx("div",{onPointerDown:t?void 0:s,onTouchStart:t?void 0:s,onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),style:{position:"absolute",inset:0,background:a?g:"transparent",border:a?"none":`2px solid ${u}`,opacity:a?p:1,boxSizing:"border-box",pointerEvents:"auto",cursor:t?"move":"pointer",display:"flex",alignItems:"center",justifyContent:v===i.PdfTextAlignment.Left?"flex-start":v===i.PdfTextAlignment.Right?"flex-end":"center",overflow:"hidden",...l},children:a&&h&&o.jsx("span",{style:{color:x,fontSize:m*n,...i.standardFontCssProperties(y),textAlign:i.textAlignmentToCss(v),whiteSpace:f?"normal":"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:"4px"},children:(()=>{if(!h)return null;if(!f)return h;return Array(10).fill(h).join(" ")})()})})}const c=[n.createRenderer({id:"redactHighlight",matches:e=>{var t;return e.type===i.PdfAnnotationSubtype.REDACT&&"segmentRects"in e&&((null==(t=e.segmentRects)?void 0:t.length)??0)>0},render:e=>o.jsx(a,{...e})}),n.createRenderer({id:"redactArea",matches:e=>{var t;return!(e.type!==i.PdfAnnotationSubtype.REDACT||"segmentRects"in e&&(null==(t=e.segmentRects)?void 0:t.length))},render:e=>o.jsx(d,{...e})})];function u(){return n.useRegisterRenderers(c),null}const g=()=>s.usePlugin(t.RedactionPlugin.id),p=()=>s.useCapability(t.RedactionPlugin.id),x=({documentId:e,pageIndex:t,scale:n,className:i,stroke:l,fill:a="transparent"})=>{const{plugin:d}=g(),c=s.useDocumentState(e),[u,p]=r.useState(null),x=n??(null==c?void 0:c.scale)??1,h=l??(null==d?void 0:d.getPreviewStrokeColor())??"red";return r.useEffect(()=>{if(d&&e)return d.onRedactionMarqueeChange(e,e=>{p(e.pageIndex===t?e.rect:null)})},[d,e,t]),u?o.jsx("div",{style:{position:"absolute",pointerEvents:"none",left:u.origin.x*x,top:u.origin.y*x,width:u.size.width*x,height:u.size.height*x,border:`1px solid ${h}`,background:a,boxSizing:"border-box"},className:i}):null};function h({color:e="#FFFF00",opacity:t=1,border:n="1px solid red",rects:i,rect:r,scale:s,onClick:l,style:a,...d}){return o.jsx(o.Fragment,{children:i.map((i,c)=>o.jsx("div",{onPointerDown:l,onTouchStart:l,style:{position:"absolute",border:n,left:(r?i.origin.x-r.origin.x:i.origin.x)*s,top:(r?i.origin.y-r.origin.y:i.origin.y)*s,width:i.size.width*s,height:i.size.height*s,background:e,opacity:t,pointerEvents:l?"auto":"none",cursor:l?"pointer":"default",zIndex:l?1:void 0,...a},...d},c))})}function f({documentId:e,pageIndex:t,scale:n}){const{plugin:i}=g(),[s,l]=r.useState([]),[a,d]=r.useState(null),c=(null==i?void 0:i.getPreviewStrokeColor())??"red";return r.useEffect(()=>{if(i)return i.onRedactionSelectionChange(e,e=>{const n=e.find(e=>e.pageIndex===t);l((null==n?void 0:n.segmentRects)??[]),d((null==n?void 0:n.rect)??null)})},[i,e,t]),a?o.jsx("div",{style:{mixBlendMode:"normal",pointerEvents:"none",position:"absolute",inset:0},children:o.jsx(h,{color:"transparent",opacity:1,rects:s,scale:n,border:`1px solid ${c}`})}):null}function m({documentId:e,pageIndex:t,scale:n,bboxStroke:s="rgba(0,0,0,0.8)",rotation:a=i.Rotation.Degree0,selectionMenu:d}){const{provides:c}=p(),[u,g]=r.useState([]),[x,f]=r.useState(null);r.useEffect(()=>{if(!c)return;const n=c.forDocument(e),o=n.getState();g((o.pending[t]??[]).filter(e=>"legacy"===e.source)),f(o.selected&&o.selected.page===t?o.selected.id:null);const i=n.onPendingChange(e=>{g((e[t]??[]).filter(e=>"legacy"===e.source))}),r=n.onSelectedChange(e=>{f(e&&e.page===t?e.id:null)});return()=>{null==i||i(),null==r||r()}},[c,e,t]);const m=r.useCallback((n,o)=>{n.stopPropagation(),c&&c.forDocument(e).selectPending(t,o)},[c,e,t]);return u.length?o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:u.map(e=>{if("area"===e.kind){const i=e.rect;return o.jsxs(r.Fragment,{children:[o.jsx("div",{style:{position:"absolute",left:i.origin.x*n,top:i.origin.y*n,width:i.size.width*n,height:i.size.height*n,background:"transparent",outline:x===e.id?`1px solid ${s}`:"none",outlineOffset:"2px",border:`1px solid ${e.markColor}`,pointerEvents:"auto",cursor:"pointer"},onPointerDown:t=>m(t,e.id),onTouchStart:t=>m(t,e.id)}),d&&o.jsx(l.CounterRotate,{rect:{origin:{x:i.origin.x*n,y:i.origin.y*n},size:{width:i.size.width*n,height:i.size.height*n}},rotation:a,children:n=>d({...n,context:{type:"redaction",item:e,pageIndex:t},selected:x===e.id,placement:{suggestTop:!1}})})]},e.id)}const i=e.rect;return o.jsxs(r.Fragment,{children:[o.jsx("div",{style:{position:"absolute",left:i.origin.x*n,top:i.origin.y*n,width:i.size.width*n,height:i.size.height*n,background:"transparent",outline:x===e.id?`1px solid ${s}`:"none",outlineOffset:"2px",pointerEvents:"auto",cursor:x===e.id?"pointer":"default"},children:o.jsx(h,{rect:i,rects:e.rects,color:"transparent",border:`1px solid ${e.markColor}`,scale:n,onClick:t=>m(t,e.id)})}),d&&o.jsx(l.CounterRotate,{rect:{origin:{x:i.origin.x*n,y:i.origin.y*n},size:{width:i.size.width*n,height:i.size.height*n}},rotation:a,children:n=>d({...n,context:{type:"redaction",item:e,pageIndex:t},selected:x===e.id,placement:{suggestTop:!1}})})]},e.id)})}):null}const y=e.createPluginPackage(t.RedactionPluginPackage).addUtility(u).build();exports.RedactArea=d,exports.RedactHighlight=a,exports.RedactRendererRegistration=u,exports.RedactionLayer=({documentId:e,pageIndex:t,scale:n,rotation:i,selectionMenu:l})=>{var a,d;const c=s.useDocumentState(e),u=null==(d=null==(a=null==c?void 0:c.document)?void 0:a.pages)?void 0:d[t],g=r.useMemo(()=>void 0!==n?n:(null==c?void 0:c.scale)??1,[n,null==c?void 0:c.scale]),p=r.useMemo(()=>{if(void 0!==i)return i;return(((null==u?void 0:u.rotation)??0)+((null==c?void 0:c.rotation)??0))%4},[i,null==u?void 0:u.rotation,null==c?void 0:c.rotation]);return o.jsxs(r.Fragment,{children:[o.jsx(m,{documentId:e,pageIndex:t,scale:g,rotation:p,selectionMenu:l}),o.jsx(x,{documentId:e,pageIndex:t,scale:g}),o.jsx(f,{documentId:e,pageIndex:t,scale:g})]})},exports.RedactionPluginPackage=y,exports.redactRenderers=c,exports.useRedaction=e=>{const{provides:n}=p(),[o,i]=r.useState(t.initialDocumentState),s=r.useMemo(()=>n?n.forDocument(e):null,[n,e]);return r.useEffect(()=>{if(!s)return void i(t.initialDocumentState);try{i(s.getState())}catch(e){i(t.initialDocumentState)}return s.onStateChange(e=>{i(e)})},[s]),{state:o,provides:s}},exports.useRedactionCapability=p,exports.useRedactionPlugin=g,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