@embedpdf/plugin-redaction 2.2.0 → 2.4.0

package/dist/svelte/index.js

@@ -1,10 +1,239 @@
-import * as $ from "svelte/internal/client";
-import { RedactionPlugin, initialDocumentState } from "@embedpdf/plugin-redaction";
+import { createPluginPackage } from "@embedpdf/core";
+import { RedactionPlugin, initialDocumentState, RedactionPluginPackage as RedactionPluginPackage$1 } from "@embedpdf/plugin-redaction";
 export * from "@embedpdf/plugin-redaction";
-import { usePlugin, useCapability, useDocumentState } from "@embedpdf/core/svelte";
 import "svelte/internal/disclose-version";
-import { Rotation } from "@embedpdf/models";
+import * as $ from "svelte/internal/client";
+import { onMount } from "svelte";
+import { createRenderer, getRendererRegistry } from "@embedpdf/plugin-annotation/svelte";
+import { PdfStandardFont, PdfTextAlignment, textAlignmentToCss, standardFontCss, PdfAnnotationSubtype, Rotation } from "@embedpdf/models";
+import { usePlugin, useCapability, useDocumentState } from "@embedpdf/core/svelte";
 import { CounterRotate } from "@embedpdf/utils/svelte";
+var root_2 = $.from_html(`<span> </span>`);
+var root_1$5 = $.from_html(`<div role="button" tabindex="0"><!></div>`);
+var root$2 = $.from_html(`<div role="group"></div>`);
+function RedactHighlight($$anchor, $$props) {
+  $.push($$props, true);
+  let isHovered = $.state(false);
+  const object = $.derived(() => $$props.annotation.object);
+  const segmentRects = $.derived(() => $.get(object).segmentRects ?? []);
+  const rect = $.derived(() => $.get(object).rect);
+  const strokeColor = $.derived(() => $.get(object).strokeColor ?? "#FF0000");
+  const color = $.derived(() => $.get(object).color ?? "#000000");
+  const opacity = $.derived(() => $.get(object).opacity ?? 1);
+  const textColor = $.derived(() => $.get(object).fontColor ?? $.get(object).overlayColor ?? "#FFFFFF");
+  const overlayText = $.derived(() => $.get(object).overlayText);
+  const overlayTextRepeat = $.derived(() => $.get(object).overlayTextRepeat ?? false);
+  const fontSize = $.derived(() => $.get(object).fontSize ?? 12);
+  const fontFamily = $.derived(() => $.get(object).fontFamily ?? PdfStandardFont.Helvetica);
+  const textAlign = $.derived(() => $.get(object).textAlign ?? PdfTextAlignment.Center);
+  function renderOverlayText() {
+    if (!$.get(overlayText)) return null;
+    if (!$.get(overlayTextRepeat)) return $.get(overlayText);
+    const reps = 10;
+    return Array(reps).fill($.get(overlayText)).join(" ");
+  }
+  const justifyContent = $.derived(() => $.get(textAlign) === PdfTextAlignment.Left ? "flex-start" : $.get(textAlign) === PdfTextAlignment.Right ? "flex-end" : "center");
+  var div = root$2();
+  $.set_style(div, "", {}, { position: "absolute", inset: "0" });
+  $.each(div, 21, () => $.get(segmentRects), $.index, ($$anchor2, b) => {
+    const left = $.derived(() => ($.get(rect) ? $.get(b).origin.x - $.get(rect).origin.x : $.get(b).origin.x) * $$props.scale);
+    const top = $.derived(() => ($.get(rect) ? $.get(b).origin.y - $.get(rect).origin.y : $.get(b).origin.y) * $$props.scale);
+    const width = $.derived(() => $.get(b).size.width * $$props.scale);
+    const height = $.derived(() => $.get(b).size.height * $$props.scale);
+    const scaledFontSize = $.derived(() => Math.min($.get(fontSize) * $$props.scale, $.get(height) * 0.8));
+    var div_1 = root_1$5();
+    div_1.__pointerdown = function(...$$args) {
+      var _a;
+      (_a = $$props.onClick) == null ? void 0 : _a.apply(this, $$args);
+    };
+    div_1.__touchstart = function(...$$args) {
+      var _a;
+      (_a = $$props.onClick) == null ? void 0 : _a.apply(this, $$args);
+    };
+    let styles;
+    var node = $.child(div_1);
+    {
+      var consequent = ($$anchor3) => {
+        var span = root_2();
+        let styles_1;
+        var text = $.child(span, true);
+        $.reset(span);
+        $.template_effect(
+          ($0, $1) => {
+            styles_1 = $.set_style(span, "", styles_1, $0);
+            $.set_text(text, $1);
+          },
+          [
+            () => ({
+              color: $.get(textColor),
+              "font-size": `${$.get(scaledFontSize) ?? ""}px`,
+              "font-family": standardFontCss($.get(fontFamily)),
+              "text-align": textAlignmentToCss($.get(textAlign)),
+              "white-space": $.get(overlayTextRepeat) ? "normal" : "nowrap",
+              overflow: "hidden",
+              "text-overflow": "ellipsis",
+              "line-height": "1"
+            }),
+            renderOverlayText
+          ]
+        );
+        $.append($$anchor3, span);
+      };
+      $.if(node, ($$render) => {
+        if ($.get(isHovered) && $.get(overlayText)) $$render(consequent);
+      });
+    }
+    $.reset(div_1);
+    $.template_effect(() => styles = $.set_style(div_1, "", styles, {
+      position: "absolute",
+      left: `${$.get(left) ?? ""}px`,
+      top: `${$.get(top) ?? ""}px`,
+      width: `${$.get(width) ?? ""}px`,
+      height: `${$.get(height) ?? ""}px`,
+      background: $.get(isHovered) ? $.get(color) : "transparent",
+      border: !$.get(isHovered) ? `2px solid ${$.get(strokeColor)}` : "none",
+      opacity: $.get(isHovered) ? $.get(opacity) : 1,
+      "box-sizing": "border-box",
+      "pointer-events": "auto",
+      cursor: "pointer",
+      display: "flex",
+      "align-items": "center",
+      "justify-content": $.get(justifyContent),
+      overflow: "hidden"
+    }));
+    $.append($$anchor2, div_1);
+  });
+  $.reset(div);
+  $.event("mouseenter", div, () => $.set(isHovered, true));
+  $.event("mouseleave", div, () => $.set(isHovered, false));
+  $.append($$anchor, div);
+  $.pop();
+}
+$.delegate(["pointerdown", "touchstart"]);
+var root_1$4 = $.from_html(`<span> </span>`);
+var root$1 = $.from_html(`<div role="button" tabindex="0"><!></div>`);
+function RedactArea($$anchor, $$props) {
+  $.push($$props, true);
+  let isHovered = $.state(false);
+  const object = $.derived(() => $$props.annotation.object);
+  const strokeColor = $.derived(() => $.get(object).strokeColor ?? "#FF0000");
+  const color = $.derived(() => $.get(object).color ?? "#000000");
+  const opacity = $.derived(() => $.get(object).opacity ?? 1);
+  const textColor = $.derived(() => $.get(object).fontColor ?? $.get(object).overlayColor ?? "#FFFFFF");
+  const overlayText = $.derived(() => $.get(object).overlayText);
+  const overlayTextRepeat = $.derived(() => $.get(object).overlayTextRepeat ?? false);
+  const fontSize = $.derived(() => $.get(object).fontSize ?? 12);
+  const fontFamily = $.derived(() => $.get(object).fontFamily ?? PdfStandardFont.Helvetica);
+  const textAlign = $.derived(() => $.get(object).textAlign ?? PdfTextAlignment.Center);
+  function renderOverlayText() {
+    if (!$.get(overlayText)) return null;
+    if (!$.get(overlayTextRepeat)) return $.get(overlayText);
+    const reps = 10;
+    return Array(reps).fill($.get(overlayText)).join(" ");
+  }
+  const justifyContent = $.derived(() => $.get(textAlign) === PdfTextAlignment.Left ? "flex-start" : $.get(textAlign) === PdfTextAlignment.Right ? "flex-end" : "center");
+  var div = root$1();
+  div.__pointerdown = (e) => {
+    if (!$$props.isSelected) $$props.onClick(e);
+  };
+  div.__touchstart = (e) => {
+    if (!$$props.isSelected) $$props.onClick(e);
+  };
+  let styles;
+  var node = $.child(div);
+  {
+    var consequent = ($$anchor2) => {
+      var span = root_1$4();
+      let styles_1;
+      var text = $.child(span, true);
+      $.reset(span);
+      $.template_effect(
+        ($0, $1) => {
+          styles_1 = $.set_style(span, "", styles_1, $0);
+          $.set_text(text, $1);
+        },
+        [
+          () => ({
+            color: $.get(textColor),
+            "font-size": `${$.get(fontSize) * $$props.scale}px`,
+            "font-family": standardFontCss($.get(fontFamily)),
+            "text-align": textAlignmentToCss($.get(textAlign)),
+            "white-space": $.get(overlayTextRepeat) ? "normal" : "nowrap",
+            overflow: "hidden",
+            "text-overflow": "ellipsis",
+            padding: "4px"
+          }),
+          renderOverlayText
+        ]
+      );
+      $.append($$anchor2, span);
+    };
+    $.if(node, ($$render) => {
+      if ($.get(isHovered) && $.get(overlayText)) $$render(consequent);
+    });
+  }
+  $.reset(div);
+  $.template_effect(() => styles = $.set_style(div, "", styles, {
+    position: "absolute",
+    inset: "0",
+    background: $.get(isHovered) ? $.get(color) : "transparent",
+    border: !$.get(isHovered) ? `2px solid ${$.get(strokeColor)}` : "none",
+    opacity: $.get(isHovered) ? $.get(opacity) : 1,
+    "box-sizing": "border-box",
+    "pointer-events": "auto",
+    cursor: $$props.isSelected ? "move" : "pointer",
+    display: "flex",
+    "align-items": "center",
+    "justify-content": $.get(justifyContent),
+    overflow: "hidden"
+  }));
+  $.event("mouseenter", div, () => $.set(isHovered, true));
+  $.event("mouseleave", div, () => $.set(isHovered, false));
+  $.append($$anchor, div);
+  $.pop();
+}
+$.delegate(["pointerdown", "touchstart"]);
+const redactRenderers = [
+  createRenderer({
+    id: "redactHighlight",
+    matches: (a) => {
+      var _a;
+      return a.type === PdfAnnotationSubtype.REDACT && "segmentRects" in a && (((_a = a.segmentRects) == null ? void 0 : _a.length) ?? 0) > 0;
+    },
+    component: RedactHighlight
+  }),
+  createRenderer({
+    id: "redactArea",
+    matches: (a) => {
+      var _a;
+      return a.type === PdfAnnotationSubtype.REDACT && (!("segmentRects" in a) || !(((_a = a.segmentRects) == null ? void 0 : _a.length) ?? 0));
+    },
+    component: RedactArea
+  })
+];
+function RedactRendererRegistration($$anchor, $$props) {
+  $.push($$props, true);
+  const registry = getRendererRegistry();
+  onMount(() => {
+    if (!registry) return;
+    return registry.register(redactRenderers);
+  });
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+  {
+    var consequent = ($$anchor2) => {
+      var fragment_1 = $.comment();
+      var node_1 = $.first_child(fragment_1);
+      $.snippet(node_1, () => $$props.children);
+      $.append($$anchor2, fragment_1);
+    };
+    $.if(node, ($$render) => {
+      if ($$props.children) $$render(consequent);
+    });
+  }
+  $.append($$anchor, fragment);
+  $.pop();
+}
 const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
 const useRedactionCapability = () => useCapability(RedactionPlugin.id);
 const useRedaction = (getDocumentId) => {
@@ -41,7 +270,7 @@ const useRedaction = (getDocumentId) => {
 var root_1$3 = $.from_html(`<div></div>`);
 function Highlight($$anchor, $$props) {
   let color = $.prop($$props, "color", 3, "#FFFF00"), opacity = $.prop($$props, "opacity", 3, 1), border = $.prop($$props, "border", 3, "1px solid red"), style = $.prop($$props, "style", 3, "");
-  const boundingRect = $$props.rect;
+  const boundingRect = $.derived(() => $$props.rect);
   var fragment = $.comment();
   var node = $.first_child(fragment);
   $.each(node, 17, () => $$props.rects, $.index, ($$anchor2, b) => {
@@ -58,8 +287,8 @@ function Highlight($$anchor, $$props) {
     $.template_effect(() => styles = $.set_style(div, style(), styles, {
       position: "absolute",
       border: border(),
-      left: `${(boundingRect ? $.get(b).origin.x - boundingRect.origin.x : $.get(b).origin.x) * $$props.scale}px`,
-      top: `${(boundingRect ? $.get(b).origin.y - boundingRect.origin.y : $.get(b).origin.y) * $$props.scale}px`,
+      left: `${($.get(boundingRect) ? $.get(b).origin.x - $.get(boundingRect).origin.x : $.get(b).origin.x) * $$props.scale}px`,
+      top: `${($.get(boundingRect) ? $.get(b).origin.y - $.get(boundingRect).origin.y : $.get(b).origin.y) * $$props.scale}px`,
       width: `${$.get(b).size.width * $$props.scale}px`,
       height: `${$.get(b).size.height * $$props.scale}px`,
       background: color(),
@@ -76,7 +305,7 @@ $.delegate(["pointerdown", "touchstart"]);
 var root_1$2 = $.from_html(`<div></div>`);
 function Marquee_redact($$anchor, $$props) {
   $.push($$props, true);
-  let className = $.prop($$props, "className", 3, ""), stroke = $.prop($$props, "stroke", 3, "red"), fill = $.prop($$props, "fill", 3, "transparent");
+  let className = $.prop($$props, "className", 3, ""), fill = $.prop($$props, "fill", 3, "transparent");
   const redactionPlugin = useRedactionPlugin();
   const documentState = useDocumentState(() => $$props.documentId);
   let rect = $.state(null);
@@ -84,6 +313,10 @@ function Marquee_redact($$anchor, $$props) {
     var _a;
     return $$props.scale !== void 0 ? $$props.scale : ((_a = documentState.current) == null ? void 0 : _a.scale) ?? 1;
   });
+  const strokeColor = $.derived(() => {
+    var _a;
+    return $$props.stroke ?? ((_a = redactionPlugin.plugin) == null ? void 0 : _a.getPreviewStrokeColor()) ?? "red";
+  });
   $.user_effect(() => {
     if (!redactionPlugin.plugin || !$$props.documentId) {
       $.set(rect, null);
@@ -115,7 +348,7 @@ function Marquee_redact($$anchor, $$props) {
           top: `${$.get(rect).origin.y * $.get(actualScale)}px`,
           width: `${$.get(rect).size.width * $.get(actualScale)}px`,
           height: `${$.get(rect).size.height * $.get(actualScale)}px`,
-          border: `1px solid ${stroke()}`,
+          border: `1px solid ${$.get(strokeColor)}`,
           background: fill(),
           "box-sizing": "border-box"
         });
@@ -148,10 +381,10 @@ function Pending_redactions($$anchor, $$props) {
     }
     const scoped = redactionValue.forDocument($$props.documentId);
     const currentState = scoped.getState();
-    $.set(items, currentState.pending[$$props.pageIndex] ?? [], true);
+    $.set(items, (currentState.pending[$$props.pageIndex] ?? []).filter((it) => it.source === "legacy"), true);
     $.set(selectedId, ((_a = currentState.selected) == null ? void 0 : _a.page) === $$props.pageIndex ? currentState.selected.id : null, true);
     const off1 = scoped.onPendingChange((map) => {
-      $.set(items, map[$$props.pageIndex] ?? [], true);
+      $.set(items, (map[$$props.pageIndex] ?? []).filter((it) => it.source === "legacy"), true);
     });
     const off2 = scoped.onSelectedChange((sel) => {
       $.set(selectedId, (sel == null ? void 0 : sel.page) === $$props.pageIndex ? sel.id : null, true);
@@ -435,6 +668,10 @@ function Selection_redact($$anchor, $$props) {
   const redactionPlugin = useRedactionPlugin();
   let rects = $.state($.proxy([]));
   let boundingRect = $.state(null);
+  const strokeColor = $.derived(() => {
+    var _a;
+    return ((_a = redactionPlugin.plugin) == null ? void 0 : _a.getPreviewStrokeColor()) ?? "red";
+  });
   $.user_effect(() => {
     if (!redactionPlugin.plugin) {
       $.set(rects, [], true);
@@ -459,17 +696,22 @@ function Selection_redact($$anchor, $$props) {
         inset: "0"
       });
       var node_1 = $.child(div);
-      Highlight(node_1, {
-        color: "transparent",
-        opacity: 1,
-        get rects() {
-          return $.get(rects);
-        },
-        get scale() {
-          return $$props.scale;
-        },
-        border: "1px solid red"
-      });
+      {
+        let $0 = $.derived(() => `1px solid ${$.get(strokeColor)}`);
+        Highlight(node_1, {
+          color: "transparent",
+          opacity: 1,
+          get rects() {
+            return $.get(rects);
+          },
+          get scale() {
+            return $$props.scale;
+          },
+          get border() {
+            return $.get($0);
+          }
+        });
+      }
       $.reset(div);
       $.append($$anchor2, div);
     };
@@ -541,12 +783,18 @@ function Redaction_layer($$anchor, $$props) {
   $.append($$anchor, fragment);
   $.pop();
 }
+const RedactionPluginPackage = createPluginPackage(RedactionPluginPackage$1).addUtility(RedactRendererRegistration).build();
 export {
   Highlight,
   Marquee_redact as MarqueeRedact,
   Pending_redactions as PendingRedactions,
+  RedactArea,
+  RedactHighlight,
+  RedactRendererRegistration,
   Redaction_layer as RedactionLayer,
+  RedactionPluginPackage,
   Selection_redact as SelectionRedact,
+  redactRenderers,
   useRedaction,
   useRedactionCapability,
   useRedactionPlugin

package/dist/svelte/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-redaction.svelte.ts","../../src/svelte/components/highlight.svelte","../../src/svelte/components/marquee-redact.svelte","../../src/svelte/components/pending-redactions.svelte","../../src/svelte/components/selection-redact.svelte","../../src/svelte/components/redaction-layer.svelte"],"sourcesContent":["import {\n  RedactionPlugin,\n  initialDocumentState,\n  RedactionDocumentState,\n  RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseRedactionReturn {\n  provides: RedactionScope | null;\n  state: RedactionDocumentState;\n}\n\n/**\n * Hook for redaction state for a specific document\n * @param getDocumentId Document ID getter function\n */\nexport const useRedaction = (getDocumentId: () => string | null): UseRedactionReturn => {\n  const capability = useRedactionCapability();\n\n  let state = $state<RedactionDocumentState>(initialDocumentState);\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId());\n\n  // Scoped capability for current docId\n  const scopedProvides = $derived(\n    capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n  );\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides || !docId) {\n      state = initialDocumentState;\n      return;\n    }\n\n    const scope = provides.forDocument(docId);\n\n    // Get initial state\n    try {\n      state = scope.getState();\n    } catch (e) {\n      // Handle case where state might not be ready\n      state = initialDocumentState;\n    }\n\n    // Subscribe to state changes for THIS docId\n    return scope.onStateChange((newState) => {\n      state = newState;\n    });\n  });\n\n  return {\n    get provides() {\n      return scopedProvides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import type { Rect } from '@embedpdf/models';\n\n  interface HighlightProps {\n    color?: string;\n    opacity?: number;\n    border?: string;\n    rects: Rect[];\n    rect?: Rect;\n    scale: number;\n    onClick?: (e: MouseEvent | TouchEvent) => void;\n    style?: string;\n  }\n\n  let {\n    color = '#FFFF00',\n    opacity = 1,\n    border = '1px solid red',\n    rects,\n    rect,\n    scale,\n    onClick,\n    style = '',\n  }: HighlightProps = $props();\n\n  // Rename rect to boundingRect for clarity\n  const boundingRect = rect;\n</script>\n\n{#each rects as b, i (i)}\n  <div\n    onpointerdown={onClick}\n    ontouchstart={onClick}\n    style:position=\"absolute\"\n    style:border\n    style:left={`${(boundingRect ? b.origin.x - boundingRect.origin.x : b.origin.x) * scale}px`}\n    style:top={`${(boundingRect ? b.origin.y - boundingRect.origin.y : b.origin.y) * scale}px`}\n    style:width={`${b.size.width * scale}px`}\n    style:height={`${b.size.height * scale}px`}\n    style:background={color}\n    style:opacity\n    style:pointer-events={onClick ? 'auto' : 'none'}\n    style:cursor={onClick ? 'pointer' : 'default'}\n    style:z-index={onClick ? '1' : undefined}\n    {style}\n  ></div>\n{/each}\n","<script lang=\"ts\">\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import type { Rect } from '@embedpdf/models';\n  import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n\n  interface 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\n  let {\n    documentId,\n    pageIndex,\n    scale: scaleOverride,\n    className = '',\n    stroke = 'red',\n    fill = 'transparent',\n  }: MarqueeRedactProps = $props();\n\n  const redactionPlugin = useRedactionPlugin();\n  const documentState = useDocumentState(() => documentId);\n  let rect = $state<Rect | null>(null);\n\n  const actualScale = $derived(\n    scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n  );\n\n  $effect(() => {\n    if (!redactionPlugin.plugin || !documentId) {\n      rect = null;\n      return;\n    }\n\n    return redactionPlugin.plugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      callback: {\n        onPreview: (newRect) => {\n          rect = newRect;\n        },\n      },\n    });\n  });\n</script>\n\n{#if rect}\n  <div\n    class={className}\n    style:position=\"absolute\"\n    style:pointer-events=\"none\"\n    style:left={`${rect.origin.x * actualScale}px`}\n    style:top={`${rect.origin.y * actualScale}px`}\n    style:width={`${rect.size.width * actualScale}px`}\n    style:height={`${rect.size.height * actualScale}px`}\n    style:border={`1px solid ${stroke}`}\n    style:background={fill}\n    style:box-sizing=\"border-box\"\n  ></div>\n{/if}\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import type { Rect } from '@embedpdf/models';\n  import { Rotation } from '@embedpdf/models';\n  import { CounterRotate } from '@embedpdf/utils/svelte';\n  import type { MenuWrapperProps, SelectionMenuPlacement } from '@embedpdf/utils/svelte';\n  import type { RedactionItem } from '@embedpdf/plugin-redaction';\n  import { useRedactionCapability } from '../hooks/use-redaction.svelte';\n  import Highlight from './highlight.svelte';\n  import type {\n    RedactionSelectionContext,\n    RedactionSelectionMenuRenderFn,\n    RedactionSelectionMenuProps,\n  } from '../types';\n\n  interface Props {\n    documentId: string;\n    pageIndex: number;\n    scale: number;\n    rotation?: Rotation;\n    bboxStroke?: string;\n    selectionMenu?: RedactionSelectionMenuRenderFn;\n    selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale,\n    rotation = Rotation.Degree0,\n    bboxStroke = 'rgba(0,0,0,0.8)',\n    selectionMenu,\n    selectionMenuSnippet,\n  }: Props = $props();\n\n  const redactionCapability = useRedactionCapability();\n\n  let items = $state<RedactionItem[]>([]);\n  let selectedId = $state<string | null>(null);\n\n  $effect(() => {\n    const redactionValue = redactionCapability.provides;\n    if (!redactionValue) {\n      items = [];\n      selectedId = null;\n      return;\n    }\n\n    const scoped = redactionValue.forDocument(documentId);\n    const currentState = scoped.getState();\n    items = currentState.pending[pageIndex] ?? [];\n    selectedId = currentState.selected?.page === pageIndex ? currentState.selected.id : null;\n\n    const off1 = scoped.onPendingChange((map) => {\n      items = map[pageIndex] ?? [];\n    });\n\n    const off2 = scoped.onSelectedChange((sel) => {\n      selectedId = sel?.page === pageIndex ? sel.id : null;\n    });\n\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  });\n\n  function select(e: MouseEvent | TouchEvent, id: string) {\n    e.stopPropagation();\n    if (!redactionCapability.provides) return;\n    redactionCapability.provides.forDocument(documentId).selectPending(pageIndex, id);\n  }\n\n  function shouldShowMenu(itemId: string): boolean {\n    const isSelected = selectedId === itemId;\n    return isSelected && (!!selectionMenu || !!selectionMenuSnippet);\n  }\n\n  function buildContext(item: RedactionItem): RedactionSelectionContext {\n    return { type: 'redaction', item, pageIndex };\n  }\n\n  const menuPlacement: SelectionMenuPlacement = {\n    suggestTop: false,\n    spaceAbove: 0,\n    spaceBelow: 0,\n  };\n\n  function buildMenuProps(\n    item: RedactionItem,\n    rect: Rect,\n    menuWrapperProps: MenuWrapperProps,\n  ): RedactionSelectionMenuProps {\n    return {\n      context: buildContext(item),\n      selected: selectedId === item.id,\n      rect,\n      placement: menuPlacement,\n      menuWrapperProps,\n    };\n  }\n</script>\n\n{#if items.length}\n  <div style=\"position: absolute; inset: 0; pointer-events: none;\">\n    {#each items as item (item.id)}\n      {#if item.kind === 'area'}\n        <div\n          style=\"\n            position: absolute;\n            left: {item.rect.origin.x * scale}px;\n            top: {item.rect.origin.y * scale}px;\n            width: {item.rect.size.width * scale}px;\n            height: {item.rect.size.height * scale}px;\n            background: transparent;\n            outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n            outline-offset: 2px;\n            border: 1px solid red;\n            pointer-events: auto;\n            cursor: pointer;\n          \"\n          onpointerdown={(e) => select(e, item.id)}\n          ontouchstart={(e) => select(e, item.id)}\n        ></div>\n\n        {#if shouldShowMenu(item.id)}\n          <CounterRotate\n            rect={{\n              origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n              size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n            }}\n            {rotation}\n          >\n            {#snippet children({ rect, menuWrapperProps })}\n              {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n              {#if selectionMenu}\n                {@const result = selectionMenu(menuProps)}\n                {#if result}\n                  <result.component {...result.props} />\n                {/if}\n              {:else if selectionMenuSnippet}\n                {@render selectionMenuSnippet(menuProps)}\n              {/if}\n            {/snippet}\n          </CounterRotate>\n        {/if}\n      {:else}\n        <div\n          style=\"\n            position: absolute;\n            left: {item.rect.origin.x * scale}px;\n            top: {item.rect.origin.y * scale}px;\n            width: {item.rect.size.width * scale}px;\n            height: {item.rect.size.height * scale}px;\n            background: transparent;\n            outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n            outline-offset: 2px;\n            pointer-events: auto;\n            cursor: {selectedId === item.id ? 'pointer' : 'default'};\n          \"\n        >\n          <Highlight\n            rect={item.rect}\n            rects={item.rects}\n            color=\"transparent\"\n            border=\"1px solid red\"\n            {scale}\n            onClick={(e) => select(e, item.id)}\n          />\n        </div>\n\n        {#if shouldShowMenu(item.id)}\n          <CounterRotate\n            rect={{\n              origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n              size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n            }}\n            {rotation}\n          >\n            {#snippet children({ rect, menuWrapperProps })}\n              {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n              {#if selectionMenu}\n                {@const result = selectionMenu(menuProps)}\n                {#if result}\n                  <result.component {...result.props} />\n                {/if}\n              {:else if selectionMenuSnippet}\n                {@render selectionMenuSnippet(menuProps)}\n              {/if}\n            {/snippet}\n          </CounterRotate>\n        {/if}\n      {/if}\n    {/each}\n  </div>\n{/if}\n","<script lang=\"ts\">\n  import type { Rect } from '@embedpdf/models';\n  import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n  import Highlight from './highlight.svelte';\n\n  interface SelectionRedactProps {\n    documentId: string;\n    pageIndex: number;\n    scale: number;\n  }\n\n  let { documentId, pageIndex, scale }: SelectionRedactProps = $props();\n\n  const redactionPlugin = useRedactionPlugin();\n  let rects = $state<Rect[]>([]);\n  let boundingRect = $state<Rect | null>(null);\n\n  $effect(() => {\n    if (!redactionPlugin.plugin) {\n      rects = [];\n      boundingRect = null;\n      return;\n    }\n\n    return redactionPlugin.plugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      rects = selection?.segmentRects ?? [];\n      boundingRect = selection?.rect ?? null;\n    });\n  });\n</script>\n\n{#if boundingRect}\n  <div\n    style:mix-blend-mode=\"normal\"\n    style:pointer-events=\"none\"\n    style:position=\"absolute\"\n    style:inset=\"0\"\n  >\n    <Highlight color=\"transparent\" opacity={1} {rects} {scale} border=\"1px solid red\" />\n  </div>\n{/if}\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import { Rotation } from '@embedpdf/models';\n  import PendingRedactions from './pending-redactions.svelte';\n  import MarqueeRedact from './marquee-redact.svelte';\n  import SelectionRedact from './selection-redact.svelte';\n  import type { RedactionSelectionMenuRenderFn, RedactionSelectionMenuProps } from '../types';\n\n  interface 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    /** Render function for selection menu (schema-driven approach) */\n    selectionMenu?: RedactionSelectionMenuRenderFn;\n    /** Snippet for custom selection menu (slot-based approach) */\n    selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale,\n    rotation,\n    selectionMenu,\n    selectionMenuSnippet,\n  }: RedactionLayerProps = $props();\n\n  const documentState = useDocumentState(() => documentId);\n\n  const actualScale = $derived(scale !== undefined ? scale : (documentState.current?.scale ?? 1));\n\n  const actualRotation = $derived(\n    rotation !== undefined ? rotation : (documentState.current?.rotation ?? Rotation.Degree0),\n  );\n</script>\n\n<PendingRedactions\n  {documentId}\n  {pageIndex}\n  scale={actualScale}\n  rotation={actualRotation}\n  {selectionMenu}\n  {selectionMenuSnippet}\n/>\n<MarqueeRedact {documentId} {pageIndex} scale={actualScale} />\n<SelectionRedact {documentId} {pageIndex} scale={actualScale} />\n"],"names":["root_1","$$anchor","PendingRedactions","MarqueeRedact","SelectionRedact"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/svelte/components/annotations/RedactHighlight.svelte","../../src/svelte/components/annotations/RedactArea.svelte","../../src/svelte/components/redact-renderers.ts","../../src/svelte/components/RedactRendererRegistration.svelte","../../src/svelte/hooks/use-redaction.svelte.ts","../../src/svelte/components/highlight.svelte","../../src/svelte/components/marquee-redact.svelte","../../src/svelte/components/pending-redactions.svelte","../../src/svelte/components/selection-redact.svelte","../../src/svelte/components/redaction-layer.svelte","../../src/svelte/index.ts"],"sourcesContent":["<script lang=\"ts\">\n  import type { AnnotationRendererProps } from '@embedpdf/plugin-annotation/svelte';\n  import type { PdfRedactAnnoObject } from '@embedpdf/models';\n  import {\n    PdfStandardFont,\n    PdfTextAlignment,\n    standardFontCss,\n    textAlignmentToCss,\n  } from '@embedpdf/models';\n\n  let { annotation, isSelected, scale, onClick }: AnnotationRendererProps<PdfRedactAnnoObject> =\n    $props();\n  let isHovered = $state(false);\n\n  const object = $derived(annotation.object);\n\n  const segmentRects = $derived(object.segmentRects ?? []);\n  const rect = $derived(object.rect);\n\n  // C - Border/stroke color\n  const strokeColor = $derived(object.strokeColor ?? '#FF0000');\n  // IC - Interior color (background fill when redaction is applied)\n  const color = $derived(object.color ?? '#000000');\n  // CA - Opacity (0-1)\n  const opacity = $derived(object.opacity ?? 1);\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = $derived(object.fontColor ?? object.overlayColor ?? '#FFFFFF');\n  // Overlay text properties\n  const overlayText = $derived(object.overlayText);\n  const overlayTextRepeat = $derived(object.overlayTextRepeat ?? false);\n  const fontSize = $derived(object.fontSize ?? 12);\n  const fontFamily = $derived(object.fontFamily ?? PdfStandardFont.Helvetica);\n  const textAlign = $derived(object.textAlign ?? PdfTextAlignment.Center);\n\n  // Calculate how many times to repeat text (approximate)\n  function renderOverlayText(): string | null {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10;\n    return Array(reps).fill(overlayText).join(' ');\n  }\n\n  const justifyContent = $derived(\n    textAlign === PdfTextAlignment.Left\n      ? 'flex-start'\n      : textAlign === PdfTextAlignment.Right\n        ? 'flex-end'\n        : 'center',\n  );\n</script>\n\n<div\n  role=\"group\"\n  onmouseenter={() => (isHovered = true)}\n  onmouseleave={() => (isHovered = false)}\n  style:position=\"absolute\"\n  style:inset=\"0\"\n>\n  {#each segmentRects as b, i (i)}\n    {@const left = (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale}\n    {@const top = (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale}\n    {@const width = b.size.width * scale}\n    {@const height = b.size.height * scale}\n    {@const scaledFontSize = Math.min(fontSize * scale, height * 0.8)}\n    <div\n      role=\"button\"\n      tabindex=\"0\"\n      onpointerdown={onClick}\n      ontouchstart={onClick}\n      style:position=\"absolute\"\n      style:left=\"{left}px\"\n      style:top=\"{top}px\"\n      style:width=\"{width}px\"\n      style:height=\"{height}px\"\n      style:background={isHovered ? color : 'transparent'}\n      style:border={!isHovered ? `2px solid ${strokeColor}` : 'none'}\n      style:opacity={isHovered ? opacity : 1}\n      style:box-sizing=\"border-box\"\n      style:pointer-events=\"auto\"\n      style:cursor=\"pointer\"\n      style:display=\"flex\"\n      style:align-items=\"center\"\n      style:justify-content={justifyContent}\n      style:overflow=\"hidden\"\n    >\n      {#if isHovered && overlayText}\n        <span\n          style:color={textColor}\n          style:font-size=\"{scaledFontSize}px\"\n          style:font-family={standardFontCss(fontFamily)}\n          style:text-align={textAlignmentToCss(textAlign)}\n          style:white-space={overlayTextRepeat ? 'normal' : 'nowrap'}\n          style:overflow=\"hidden\"\n          style:text-overflow=\"ellipsis\"\n          style:line-height=\"1\"\n        >\n          {renderOverlayText()}\n        </span>\n      {/if}\n    </div>\n  {/each}\n</div>\n","<script lang=\"ts\">\n  import type { AnnotationRendererProps } from '@embedpdf/plugin-annotation/svelte';\n  import type { PdfRedactAnnoObject } from '@embedpdf/models';\n  import {\n    PdfStandardFont,\n    PdfTextAlignment,\n    standardFontCss,\n    textAlignmentToCss,\n  } from '@embedpdf/models';\n\n  let { annotation, isSelected, scale, onClick }: AnnotationRendererProps<PdfRedactAnnoObject> =\n    $props();\n  let isHovered = $state(false);\n\n  const object = $derived(annotation.object);\n\n  // C - Border/stroke color\n  const strokeColor = $derived(object.strokeColor ?? '#FF0000');\n  // IC - Interior color (background fill when redaction is applied)\n  const color = $derived(object.color ?? '#000000');\n  // CA - Opacity (0-1)\n  const opacity = $derived(object.opacity ?? 1);\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = $derived(object.fontColor ?? object.overlayColor ?? '#FFFFFF');\n  // Overlay text properties\n  const overlayText = $derived(object.overlayText);\n  const overlayTextRepeat = $derived(object.overlayTextRepeat ?? false);\n  const fontSize = $derived(object.fontSize ?? 12);\n  const fontFamily = $derived(object.fontFamily ?? PdfStandardFont.Helvetica);\n  const textAlign = $derived(object.textAlign ?? PdfTextAlignment.Center);\n\n  // Calculate how many times to repeat text (approximate)\n  function renderOverlayText(): string | null {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10;\n    return Array(reps).fill(overlayText).join(' ');\n  }\n\n  const justifyContent = $derived(\n    textAlign === PdfTextAlignment.Left\n      ? 'flex-start'\n      : textAlign === PdfTextAlignment.Right\n        ? 'flex-end'\n        : 'center',\n  );\n</script>\n\n<div\n  role=\"button\"\n  tabindex=\"0\"\n  onpointerdown={(e) => {\n    if (!isSelected) onClick(e);\n  }}\n  ontouchstart={(e) => {\n    if (!isSelected) onClick(e);\n  }}\n  onmouseenter={() => (isHovered = true)}\n  onmouseleave={() => (isHovered = false)}\n  style:position=\"absolute\"\n  style:inset=\"0\"\n  style:background={isHovered ? color : 'transparent'}\n  style:border={!isHovered ? `2px solid ${strokeColor}` : 'none'}\n  style:opacity={isHovered ? opacity : 1}\n  style:box-sizing=\"border-box\"\n  style:pointer-events=\"auto\"\n  style:cursor={isSelected ? 'move' : 'pointer'}\n  style:display=\"flex\"\n  style:align-items=\"center\"\n  style:justify-content={justifyContent}\n  style:overflow=\"hidden\"\n>\n  {#if isHovered && overlayText}\n    <span\n      style:color={textColor}\n      style:font-size=\"{fontSize * scale}px\"\n      style:font-family={standardFontCss(fontFamily)}\n      style:text-align={textAlignmentToCss(textAlign)}\n      style:white-space={overlayTextRepeat ? 'normal' : 'nowrap'}\n      style:overflow=\"hidden\"\n      style:text-overflow=\"ellipsis\"\n      style:padding=\"4px\"\n    >\n      {renderOverlayText()}\n    </span>\n  {/if}\n</div>\n","import { createRenderer, type BoxedAnnotationRenderer } from '@embedpdf/plugin-annotation/svelte';\nimport { PdfAnnotationSubtype, type PdfRedactAnnoObject } from '@embedpdf/models';\nimport RedactHighlight from './annotations/RedactHighlight.svelte';\nimport RedactArea from './annotations/RedactArea.svelte';\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    component: RedactHighlight,\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    component: RedactArea,\n  }),\n];\n","<script lang=\"ts\">\n  import { onMount } from 'svelte';\n  import { getRendererRegistry } from '@embedpdf/plugin-annotation/svelte';\n  import { redactRenderers } from './redact-renderers';\n  import type { Snippet } from 'svelte';\n\n  let { children }: { children?: Snippet } = $props();\n\n  const registry = getRendererRegistry();\n\n  onMount(() => {\n    if (!registry) return;\n    return registry.register(redactRenderers);\n  });\n</script>\n\n{#if children}\n  {@render children()}\n{/if}\n","import {\n  RedactionPlugin,\n  initialDocumentState,\n  RedactionDocumentState,\n  RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseRedactionReturn {\n  provides: RedactionScope | null;\n  state: RedactionDocumentState;\n}\n\n/**\n * Hook for redaction state for a specific document\n * @param getDocumentId Document ID getter function\n */\nexport const useRedaction = (getDocumentId: () => string | null): UseRedactionReturn => {\n  const capability = useRedactionCapability();\n\n  let state = $state<RedactionDocumentState>(initialDocumentState);\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId());\n\n  // Scoped capability for current docId\n  const scopedProvides = $derived(\n    capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n  );\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides || !docId) {\n      state = initialDocumentState;\n      return;\n    }\n\n    const scope = provides.forDocument(docId);\n\n    // Get initial state\n    try {\n      state = scope.getState();\n    } catch (e) {\n      // Handle case where state might not be ready\n      state = initialDocumentState;\n    }\n\n    // Subscribe to state changes for THIS docId\n    return scope.onStateChange((newState) => {\n      state = newState;\n    });\n  });\n\n  return {\n    get provides() {\n      return scopedProvides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import type { Rect } from '@embedpdf/models';\n\n  interface HighlightProps {\n    color?: string;\n    opacity?: number;\n    border?: string;\n    rects: Rect[];\n    rect?: Rect;\n    scale: number;\n    onClick?: (e: MouseEvent | TouchEvent) => void;\n    style?: string;\n  }\n\n  let {\n    color = '#FFFF00',\n    opacity = 1,\n    border = '1px solid red',\n    rects,\n    rect,\n    scale,\n    onClick,\n    style = '',\n  }: HighlightProps = $props();\n\n  // Rename rect to boundingRect for clarity\n  const boundingRect = $derived(rect);\n</script>\n\n{#each rects as b, i (i)}\n  <div\n    onpointerdown={onClick}\n    ontouchstart={onClick}\n    style:position=\"absolute\"\n    style:border\n    style:left={`${(boundingRect ? b.origin.x - boundingRect.origin.x : b.origin.x) * scale}px`}\n    style:top={`${(boundingRect ? b.origin.y - boundingRect.origin.y : b.origin.y) * scale}px`}\n    style:width={`${b.size.width * scale}px`}\n    style:height={`${b.size.height * scale}px`}\n    style:background={color}\n    style:opacity\n    style:pointer-events={onClick ? 'auto' : 'none'}\n    style:cursor={onClick ? 'pointer' : 'default'}\n    style:z-index={onClick ? '1' : undefined}\n    {style}\n  ></div>\n{/each}\n","<script lang=\"ts\">\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import type { Rect } from '@embedpdf/models';\n  import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n\n  interface 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\n  let {\n    documentId,\n    pageIndex,\n    scale: scaleOverride,\n    className = '',\n    stroke,\n    fill = 'transparent',\n  }: MarqueeRedactProps = $props();\n\n  const redactionPlugin = useRedactionPlugin();\n  const documentState = useDocumentState(() => documentId);\n  let rect = $state<Rect | null>(null);\n\n  const actualScale = $derived(\n    scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n  );\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 = $derived(stroke ?? redactionPlugin.plugin?.getPreviewStrokeColor() ?? 'red');\n\n  $effect(() => {\n    if (!redactionPlugin.plugin || !documentId) {\n      rect = null;\n      return;\n    }\n\n    return redactionPlugin.plugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      callback: {\n        onPreview: (newRect) => {\n          rect = newRect;\n        },\n      },\n    });\n  });\n</script>\n\n{#if rect}\n  <div\n    class={className}\n    style:position=\"absolute\"\n    style:pointer-events=\"none\"\n    style:left={`${rect.origin.x * actualScale}px`}\n    style:top={`${rect.origin.y * actualScale}px`}\n    style:width={`${rect.size.width * actualScale}px`}\n    style:height={`${rect.size.height * actualScale}px`}\n    style:border={`1px solid ${strokeColor}`}\n    style:background={fill}\n    style:box-sizing=\"border-box\"\n  ></div>\n{/if}\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import type { Rect } from '@embedpdf/models';\n  import { Rotation } from '@embedpdf/models';\n  import { CounterRotate } from '@embedpdf/utils/svelte';\n  import type { MenuWrapperProps, SelectionMenuPlacement } from '@embedpdf/utils/svelte';\n  import type { RedactionItem } from '@embedpdf/plugin-redaction';\n  import { useRedactionCapability } from '../hooks/use-redaction.svelte';\n  import Highlight from './highlight.svelte';\n  import type {\n    RedactionSelectionContext,\n    RedactionSelectionMenuRenderFn,\n    RedactionSelectionMenuProps,\n  } from '../types';\n\n  interface Props {\n    documentId: string;\n    pageIndex: number;\n    scale: number;\n    rotation?: Rotation;\n    bboxStroke?: string;\n    selectionMenu?: RedactionSelectionMenuRenderFn;\n    selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale,\n    rotation = Rotation.Degree0,\n    bboxStroke = 'rgba(0,0,0,0.8)',\n    selectionMenu,\n    selectionMenuSnippet,\n  }: Props = $props();\n\n  const redactionCapability = useRedactionCapability();\n\n  let items = $state<RedactionItem[]>([]);\n  let selectedId = $state<string | null>(null);\n\n  $effect(() => {\n    const redactionValue = redactionCapability.provides;\n    if (!redactionValue) {\n      items = [];\n      selectedId = null;\n      return;\n    }\n\n    const scoped = redactionValue.forDocument(documentId);\n    const currentState = scoped.getState();\n    // Only show legacy mode items (not annotation-based redactions)\n    items = (currentState.pending[pageIndex] ?? []).filter((it) => it.source === 'legacy');\n    selectedId = currentState.selected?.page === pageIndex ? currentState.selected.id : null;\n\n    const off1 = scoped.onPendingChange((map) => {\n      // Only show legacy mode items (not annotation-based redactions)\n      items = (map[pageIndex] ?? []).filter((it) => it.source === 'legacy');\n    });\n\n    const off2 = scoped.onSelectedChange((sel) => {\n      selectedId = sel?.page === pageIndex ? sel.id : null;\n    });\n\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  });\n\n  function select(e: MouseEvent | TouchEvent, id: string) {\n    e.stopPropagation();\n    if (!redactionCapability.provides) return;\n    redactionCapability.provides.forDocument(documentId).selectPending(pageIndex, id);\n  }\n\n  function shouldShowMenu(itemId: string): boolean {\n    const isSelected = selectedId === itemId;\n    return isSelected && (!!selectionMenu || !!selectionMenuSnippet);\n  }\n\n  function buildContext(item: RedactionItem): RedactionSelectionContext {\n    return { type: 'redaction', item, pageIndex };\n  }\n\n  const menuPlacement: SelectionMenuPlacement = {\n    suggestTop: false,\n    spaceAbove: 0,\n    spaceBelow: 0,\n  };\n\n  function buildMenuProps(\n    item: RedactionItem,\n    rect: Rect,\n    menuWrapperProps: MenuWrapperProps,\n  ): RedactionSelectionMenuProps {\n    return {\n      context: buildContext(item),\n      selected: selectedId === item.id,\n      rect,\n      placement: menuPlacement,\n      menuWrapperProps,\n    };\n  }\n</script>\n\n{#if items.length}\n  <div style=\"position: absolute; inset: 0; pointer-events: none;\">\n    {#each items as item (item.id)}\n      {#if item.kind === 'area'}\n        <div\n          style=\"\n            position: absolute;\n            left: {item.rect.origin.x * scale}px;\n            top: {item.rect.origin.y * scale}px;\n            width: {item.rect.size.width * scale}px;\n            height: {item.rect.size.height * scale}px;\n            background: transparent;\n            outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n            outline-offset: 2px;\n            border: 1px solid red;\n            pointer-events: auto;\n            cursor: pointer;\n          \"\n          onpointerdown={(e) => select(e, item.id)}\n          ontouchstart={(e) => select(e, item.id)}\n        ></div>\n\n        {#if shouldShowMenu(item.id)}\n          <CounterRotate\n            rect={{\n              origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n              size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n            }}\n            {rotation}\n          >\n            {#snippet children({ rect, menuWrapperProps })}\n              {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n              {#if selectionMenu}\n                {@const result = selectionMenu(menuProps)}\n                {#if result}\n                  <result.component {...result.props} />\n                {/if}\n              {:else if selectionMenuSnippet}\n                {@render selectionMenuSnippet(menuProps)}\n              {/if}\n            {/snippet}\n          </CounterRotate>\n        {/if}\n      {:else}\n        <div\n          style=\"\n            position: absolute;\n            left: {item.rect.origin.x * scale}px;\n            top: {item.rect.origin.y * scale}px;\n            width: {item.rect.size.width * scale}px;\n            height: {item.rect.size.height * scale}px;\n            background: transparent;\n            outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n            outline-offset: 2px;\n            pointer-events: auto;\n            cursor: {selectedId === item.id ? 'pointer' : 'default'};\n          \"\n        >\n          <Highlight\n            rect={item.rect}\n            rects={item.rects}\n            color=\"transparent\"\n            border=\"1px solid red\"\n            {scale}\n            onClick={(e) => select(e, item.id)}\n          />\n        </div>\n\n        {#if shouldShowMenu(item.id)}\n          <CounterRotate\n            rect={{\n              origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n              size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n            }}\n            {rotation}\n          >\n            {#snippet children({ rect, menuWrapperProps })}\n              {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n              {#if selectionMenu}\n                {@const result = selectionMenu(menuProps)}\n                {#if result}\n                  <result.component {...result.props} />\n                {/if}\n              {:else if selectionMenuSnippet}\n                {@render selectionMenuSnippet(menuProps)}\n              {/if}\n            {/snippet}\n          </CounterRotate>\n        {/if}\n      {/if}\n    {/each}\n  </div>\n{/if}\n","<script lang=\"ts\">\n  import type { Rect } from '@embedpdf/models';\n  import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n  import Highlight from './highlight.svelte';\n\n  interface SelectionRedactProps {\n    documentId: string;\n    pageIndex: number;\n    scale: number;\n  }\n\n  let { documentId, pageIndex, scale }: SelectionRedactProps = $props();\n\n  const redactionPlugin = useRedactionPlugin();\n  let rects = $state<Rect[]>([]);\n  let boundingRect = $state<Rect | null>(null);\n\n  // Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\n  const strokeColor = $derived(redactionPlugin.plugin?.getPreviewStrokeColor() ?? 'red');\n\n  $effect(() => {\n    if (!redactionPlugin.plugin) {\n      rects = [];\n      boundingRect = null;\n      return;\n    }\n\n    return redactionPlugin.plugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      rects = selection?.segmentRects ?? [];\n      boundingRect = selection?.rect ?? null;\n    });\n  });\n</script>\n\n{#if boundingRect}\n  <div\n    style:mix-blend-mode=\"normal\"\n    style:pointer-events=\"none\"\n    style:position=\"absolute\"\n    style:inset=\"0\"\n  >\n    <Highlight\n      color=\"transparent\"\n      opacity={1}\n      {rects}\n      {scale}\n      border={`1px solid ${strokeColor}`}\n    />\n  </div>\n{/if}\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import { Rotation } from '@embedpdf/models';\n  import PendingRedactions from './pending-redactions.svelte';\n  import MarqueeRedact from './marquee-redact.svelte';\n  import SelectionRedact from './selection-redact.svelte';\n  import type { RedactionSelectionMenuRenderFn, RedactionSelectionMenuProps } from '../types';\n\n  interface 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    /** Render function for selection menu (schema-driven approach) */\n    selectionMenu?: RedactionSelectionMenuRenderFn;\n    /** Snippet for custom selection menu (slot-based approach) */\n    selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale,\n    rotation,\n    selectionMenu,\n    selectionMenuSnippet,\n  }: RedactionLayerProps = $props();\n\n  const documentState = useDocumentState(() => documentId);\n\n  const actualScale = $derived(scale !== undefined ? scale : (documentState.current?.scale ?? 1));\n\n  const actualRotation = $derived(\n    rotation !== undefined ? rotation : (documentState.current?.rotation ?? Rotation.Degree0),\n  );\n</script>\n\n<PendingRedactions\n  {documentId}\n  {pageIndex}\n  scale={actualScale}\n  rotation={actualRotation}\n  {selectionMenu}\n  {selectionMenuSnippet}\n/>\n<MarqueeRedact {documentId} {pageIndex} scale={actualScale} />\n<SelectionRedact {documentId} {pageIndex} scale={actualScale} />\n","import { createPluginPackage } from '@embedpdf/core';\nimport { RedactionPluginPackage as BaseRedactionPackage } from '@embedpdf/plugin-redaction';\nimport RedactRendererRegistration from './components/RedactRendererRegistration.svelte';\n\nexport * from './hooks';\nexport * from './components';\nexport * from './types';\nexport * from '@embedpdf/plugin-redaction';\n\nexport const RedactionPluginPackage = createPluginPackage(BaseRedactionPackage)\n  .addUtility(RedactRendererRegistration)\n  .build();\n"],"names":["root","$$anchor","root_1","PendingRedactions","MarqueeRedact","SelectionRedact","BaseRedactionPackage"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default as RedactArea } from './redact-area.vue';
+export { default as RedactHighlight } from './redact-highlight.vue';

package/dist/vue/components/annotations/redact-area.vue.d.ts

@@ -0,0 +1,6 @@
+import { AnnotationRendererProps } from '@embedpdf/plugin-annotation/vue';
+import { PdfRedactAnnoObject } from '@embedpdf/models';
+type __VLS_Props = AnnotationRendererProps<PdfRedactAnnoObject>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/components/annotations/redact-highlight.vue.d.ts

@@ -0,0 +1,6 @@
+import { AnnotationRendererProps } from '@embedpdf/plugin-annotation/vue';
+import { PdfRedactAnnoObject } from '@embedpdf/models';
+type __VLS_Props = AnnotationRendererProps<PdfRedactAnnoObject>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -3,3 +3,6 @@ export { default as MarqueeRedact } from './marquee-redact.vue';
 export { default as SelectionRedact } from './selection-redact.vue';
 export { default as PendingRedactions } from './pending-redactions.vue';
 export { default as RedactionLayer } from './redaction-layer.vue';
+export { default as RedactRendererRegistration } from './redact-renderer-registration.vue';
+export { redactRenderers } from './redact-renderers';
+export * from './annotations';

package/dist/vue/components/redact-renderer-registration.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+import { BoxedAnnotationRenderer } from '@embedpdf/plugin-annotation/vue';
+/**
+ * Boxed annotation renderers for Redact annotations.
+ * Type safety is enforced at definition time via createRenderer.
+ * These are automatically registered with the annotation plugin via context.
+ */
+export declare const redactRenderers: BoxedAnnotationRenderer[];

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

@@ -1,5 +1,5 @@
 import { SelectionMenuPropsBase, SelectionMenuRenderFn } from '@embedpdf/utils/vue';
-import { RedactionItem } from '../../lib/index.ts';
+import { RedactionItem } from '../../lib';
 export interface RedactionSelectionContext {
     type: 'redaction';
     item: RedactionItem;

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

@@ -1,7 +1,7 @@
 import { MaybeRefOrGetter, ComputedRef, Ref } from 'vue';
-import { RedactionPlugin, RedactionDocumentState, RedactionScope } from '../../lib/index.ts';
+import { RedactionPlugin, RedactionDocumentState, RedactionScope } from '../../lib';
 export declare const useRedactionPlugin: () => import('@embedpdf/core/vue').PluginState<RedactionPlugin>;
-export declare const useRedactionCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib/index.ts').RedactionCapability>>;
+export declare const useRedactionCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib').RedactionCapability>>;
 /**
  * Hook for redaction state for a specific document
  * @param documentId Document ID (can be ref, computed, getter, or plain value)