@embedpdf/plugin-redaction 2.2.0 → 2.4.0

package/dist/vue/index.js

@@ -1,45 +1,12 @@
-import { ref, watch, toValue, computed, defineComponent, createElementBlock, openBlock, Fragment, renderList, mergeProps, unref, createCommentVNode, normalizeClass, normalizeStyle, createVNode, useSlots, createElementVNode, createBlock, withCtx, renderSlot, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-import { useCapability, usePlugin, useDocumentState } from "@embedpdf/core/vue";
-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 { Rotation } from "@embedpdf/models";
+import { defineComponent, createElementBlock, openBlock, Fragment, renderList, mergeProps, unref, ref, watch, toValue, computed, createCommentVNode, normalizeClass, normalizeStyle, createVNode, useSlots, createElementVNode, createBlock, withCtx, renderSlot, resolveDynamicComponent, normalizeProps, guardReactiveProps, toDisplayString } from "vue";
+import { useCapability, usePlugin, useDocumentState } from "@embedpdf/core/vue";
+import { Rotation, PdfStandardFont, PdfTextAlignment, textAlignmentToCss, standardFontCss, PdfAnnotationSubtype } from "@embedpdf/models";
 import { CounterRotate } from "@embedpdf/utils/vue";
-const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
-const useRedactionCapability = () => useCapability(RedactionPlugin.id);
-const useRedaction = (documentId) => {
-  const { provides } = useRedactionCapability();
-  const state = ref(initialDocumentState);
-  watch(
-    [provides, () => toValue(documentId)],
-    ([providesValue, docId], _, onCleanup) => {
-      if (!providesValue) {
-        state.value = initialDocumentState;
-        return;
-      }
-      const scope = providesValue.forDocument(docId);
-      try {
-        state.value = scope.getState();
-      } catch (e) {
-        state.value = initialDocumentState;
-      }
-      const unsubscribe = scope.onStateChange((newState) => {
-        state.value = newState;
-      });
-      onCleanup(unsubscribe);
-    },
-    { immediate: true }
-  );
-  const scopedProvides = computed(() => {
-    var _a;
-    const docId = toValue(documentId);
-    return ((_a = provides.value) == null ? void 0 : _a.forDocument(docId)) ?? null;
-  });
-  return {
-    state,
-    provides: scopedProvides
-  };
-};
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+import { createRenderer, useRegisterRenderers } from "@embedpdf/plugin-annotation/vue";
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "highlight",
   props: {
     color: { default: "#FFFF00" },
@@ -79,7 +46,42 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
+const useRedactionCapability = () => useCapability(RedactionPlugin.id);
+const useRedaction = (documentId) => {
+  const { provides } = useRedactionCapability();
+  const state = ref(initialDocumentState);
+  watch(
+    [provides, () => toValue(documentId)],
+    ([providesValue, docId], _, onCleanup) => {
+      if (!providesValue) {
+        state.value = initialDocumentState;
+        return;
+      }
+      const scope = providesValue.forDocument(docId);
+      try {
+        state.value = scope.getState();
+      } catch (e) {
+        state.value = initialDocumentState;
+      }
+      const unsubscribe = scope.onStateChange((newState) => {
+        state.value = newState;
+      });
+      onCleanup(unsubscribe);
+    },
+    { immediate: true }
+  );
+  const scopedProvides = computed(() => {
+    var _a;
+    const docId = toValue(documentId);
+    return ((_a = provides.value) == null ? void 0 : _a.forDocument(docId)) ?? null;
+  });
+  return {
+    state,
+    provides: scopedProvides
+  };
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "marquee-redact",
   props: {
     documentId: {},
@@ -99,6 +101,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       if (props.scale !== void 0) return props.scale;
       return ((_a = documentState.value) == null ? void 0 : _a.scale) ?? 1;
     });
+    const strokeColor = computed(
+      () => {
+        var _a;
+        return props.stroke ?? ((_a = redactionPlugin.value) == null ? void 0 : _a.getPreviewStrokeColor()) ?? "red";
+      }
+    );
     watch(
       [redactionPlugin, () => props.documentId, () => props.pageIndex, actualScale],
       ([plugin, docId, pageIdx, scale], _, onCleanup) => {
@@ -127,7 +135,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           top: `${rect.value.origin.y * actualScale.value}px`,
           width: `${rect.value.size.width * actualScale.value}px`,
           height: `${rect.value.size.height * actualScale.value}px`,
-          border: `1px solid ${__props.stroke}`,
+          border: `1px solid ${strokeColor.value}`,
           background: __props.fill,
           boxSizing: "border-box"
         }),
@@ -145,7 +153,7 @@ const _hoisted_1$1 = {
     inset: 0
   }
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "selection-redact",
   props: {
     documentId: {},
@@ -157,6 +165,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const { plugin: redactionPlugin } = useRedactionPlugin();
     const rects = ref([]);
     const boundingRect = ref(null);
+    const strokeColor = computed(() => {
+      var _a;
+      return ((_a = redactionPlugin.value) == null ? void 0 : _a.getPreviewStrokeColor()) ?? "red";
+    });
     watch(
       [redactionPlugin, () => props.documentId, () => props.pageIndex],
       ([plugin, docId, pageIdx], _, onCleanup) => {
@@ -176,13 +188,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return boundingRect.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createVNode(_sfc_main$4, {
+        createVNode(_sfc_main$7, {
           color: "transparent",
           opacity: 1,
           rects: rects.value,
           scale: __props.scale,
-          border: "1px solid red"
-        }, null, 8, ["rects", "scale"])
+          border: `1px solid ${strokeColor.value}`
+        }, null, 8, ["rects", "scale", "border"])
       ])) : createCommentVNode("", true);
     };
   }
@@ -192,7 +204,7 @@ const _hoisted_1 = {
   style: { position: "absolute", inset: 0, pointerEvents: "none" }
 };
 const _hoisted_2 = ["onPointerdown", "onTouchstart"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "pending-redactions",
   props: {
     documentId: {},
@@ -218,10 +230,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
         const scoped = redactionValue.forDocument(docId);
         const currentState = scoped.getState();
-        items.value = currentState.pending[pageIdx] ?? [];
+        items.value = (currentState.pending[pageIdx] ?? []).filter((it) => it.source === "legacy");
         selectedId.value = currentState.selected && currentState.selected.page === pageIdx ? currentState.selected.id : null;
         const off1 = scoped.onPendingChange((map) => {
-          items.value = map[pageIdx] ?? [];
+          items.value = (map[pageIdx] ?? []).filter((it) => it.source === "legacy");
         });
         const off2 = scoped.onSelectedChange((sel) => {
           selectedId.value = sel && sel.page === pageIdx ? sel.id : null;
@@ -322,7 +334,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   cursor: selectedId.value === item.id ? "pointer" : "default"
                 })
               }, [
-                createVNode(_sfc_main$4, {
+                createVNode(_sfc_main$7, {
                   rect: item.rect,
                   rects: item.rects,
                   color: "transparent",
@@ -364,7 +376,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "redaction-layer",
   props: {
     documentId: {},
@@ -389,7 +401,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$1, {
+        createVNode(_sfc_main$4, {
           "document-id": __props.documentId,
           "page-index": __props.pageIndex,
           scale: actualScale.value,
@@ -402,12 +414,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["document-id", "page-index", "scale", "rotation", "bbox-stroke", "selection-menu"]),
-        createVNode(_sfc_main$3, {
+        createVNode(_sfc_main$6, {
           "document-id": __props.documentId,
           "page-index": __props.pageIndex,
           scale: actualScale.value
         }, null, 8, ["document-id", "page-index", "scale"]),
-        createVNode(_sfc_main$2, {
+        createVNode(_sfc_main$5, {
           "document-id": __props.documentId,
           "page-index": __props.pageIndex,
           scale: actualScale.value
@@ -416,12 +428,205 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "redact-highlight",
+  props: {
+    annotation: {},
+    isSelected: { type: Boolean },
+    scale: {},
+    pageIndex: {},
+    onClick: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const isHovered = ref(false);
+    const segmentRects = computed(() => props.annotation.object.segmentRects ?? []);
+    const rect = computed(() => props.annotation.object.rect);
+    const strokeColor = computed(() => props.annotation.object.strokeColor ?? "#FF0000");
+    const color = computed(() => props.annotation.object.color ?? "#000000");
+    const opacity = computed(() => props.annotation.object.opacity ?? 1);
+    const textColor = computed(
+      () => props.annotation.object.fontColor ?? props.annotation.object.overlayColor ?? "#FFFFFF"
+    );
+    const overlayText = computed(() => props.annotation.object.overlayText);
+    const overlayTextRepeat = computed(() => props.annotation.object.overlayTextRepeat ?? false);
+    const fontSize = computed(() => props.annotation.object.fontSize ?? 12);
+    const fontFamily = computed(() => props.annotation.object.fontFamily ?? PdfStandardFont.Helvetica);
+    const textAlign = computed(() => props.annotation.object.textAlign ?? PdfTextAlignment.Center);
+    const renderedOverlayText = computed(() => {
+      if (!overlayText.value) return "";
+      if (!overlayTextRepeat.value) return overlayText.value;
+      const reps = 10;
+      return Array(reps).fill(overlayText.value).join(" ");
+    });
+    const getSegmentStyle = (b) => ({
+      position: "absolute",
+      left: `${(rect.value ? b.origin.x - rect.value.origin.x : b.origin.x) * props.scale}px`,
+      top: `${(rect.value ? b.origin.y - rect.value.origin.y : b.origin.y) * props.scale}px`,
+      width: `${b.size.width * props.scale}px`,
+      height: `${b.size.height * props.scale}px`,
+      // Default: transparent background with strokeColor (C) border
+      // Hovered: color (IC) background fill, no border
+      background: isHovered.value ? color.value : "transparent",
+      border: !isHovered.value ? `2px solid ${strokeColor.value}` : "none",
+      opacity: isHovered.value ? opacity.value : 1,
+      boxSizing: "border-box",
+      pointerEvents: "auto",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: textAlign.value === PdfTextAlignment.Left ? "flex-start" : textAlign.value === PdfTextAlignment.Right ? "flex-end" : "center",
+      overflow: "hidden"
+    });
+    const getTextStyle = (b) => ({
+      color: textColor.value,
+      fontSize: `${Math.min(fontSize.value * props.scale, b.size.height * props.scale * 0.8)}px`,
+      fontFamily: standardFontCss(fontFamily.value),
+      textAlign: textAlignmentToCss(textAlign.value),
+      whiteSpace: overlayTextRepeat.value ? "normal" : "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      lineHeight: 1
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        onMouseenter: _cache[2] || (_cache[2] = ($event) => isHovered.value = true),
+        onMouseleave: _cache[3] || (_cache[3] = ($event) => isHovered.value = false),
+        style: { position: "absolute", inset: 0 }
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(segmentRects.value, (b, i) => {
+          return openBlock(), createElementBlock("div", {
+            key: i,
+            onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => __props.onClick && __props.onClick(...args)),
+            onTouchstart: _cache[1] || (_cache[1] = //@ts-ignore
+            (...args) => __props.onClick && __props.onClick(...args)),
+            style: normalizeStyle(getSegmentStyle(b))
+          }, [
+            isHovered.value && overlayText.value ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              style: normalizeStyle(getTextStyle(b))
+            }, toDisplayString(renderedOverlayText.value), 5)) : createCommentVNode("", true)
+          ], 36);
+        }), 128))
+      ], 32);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "redact-area",
+  props: {
+    annotation: {},
+    isSelected: { type: Boolean },
+    scale: {},
+    pageIndex: {},
+    onClick: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const isHovered = ref(false);
+    const strokeColor = computed(() => props.annotation.object.strokeColor ?? "#FF0000");
+    const color = computed(() => props.annotation.object.color ?? "#000000");
+    const opacity = computed(() => props.annotation.object.opacity ?? 1);
+    const textColor = computed(
+      () => props.annotation.object.fontColor ?? props.annotation.object.overlayColor ?? "#FFFFFF"
+    );
+    const overlayText = computed(() => props.annotation.object.overlayText);
+    const overlayTextRepeat = computed(() => props.annotation.object.overlayTextRepeat ?? false);
+    const fontSize = computed(() => props.annotation.object.fontSize ?? 12);
+    const fontFamily = computed(() => props.annotation.object.fontFamily ?? PdfStandardFont.Helvetica);
+    const textAlign = computed(() => props.annotation.object.textAlign ?? PdfTextAlignment.Center);
+    const renderedOverlayText = computed(() => {
+      if (!overlayText.value) return "";
+      if (!overlayTextRepeat.value) return overlayText.value;
+      const reps = 10;
+      return Array(reps).fill(overlayText.value).join(" ");
+    });
+    const containerStyle = computed(() => ({
+      position: "absolute",
+      inset: 0,
+      // Default: transparent background with strokeColor (C) border
+      // Hovered: color (IC) background fill, no border
+      background: isHovered.value ? color.value : "transparent",
+      border: !isHovered.value ? `2px solid ${strokeColor.value}` : "none",
+      opacity: isHovered.value ? opacity.value : 1,
+      boxSizing: "border-box",
+      pointerEvents: "auto",
+      cursor: props.isSelected ? "move" : "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: textAlign.value === PdfTextAlignment.Left ? "flex-start" : textAlign.value === PdfTextAlignment.Right ? "flex-end" : "center",
+      overflow: "hidden"
+    }));
+    const textStyle = computed(() => ({
+      color: textColor.value,
+      fontSize: `${fontSize.value * props.scale}px`,
+      fontFamily: standardFontCss(fontFamily.value),
+      textAlign: textAlignmentToCss(textAlign.value),
+      whiteSpace: overlayTextRepeat.value ? "normal" : "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      padding: "4px"
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        onPointerdown: _cache[0] || (_cache[0] = (e) => {
+          if (!__props.isSelected) __props.onClick(e);
+        }),
+        onTouchstart: _cache[1] || (_cache[1] = (e) => {
+          if (!__props.isSelected) __props.onClick(e);
+        }),
+        onMouseenter: _cache[2] || (_cache[2] = ($event) => isHovered.value = true),
+        onMouseleave: _cache[3] || (_cache[3] = ($event) => isHovered.value = false),
+        style: normalizeStyle(containerStyle.value)
+      }, [
+        isHovered.value && overlayText.value ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          style: normalizeStyle(textStyle.value)
+        }, toDisplayString(renderedOverlayText.value), 5)) : createCommentVNode("", true)
+      ], 36);
+    };
+  }
+});
+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: _sfc_main$2
+  }),
+  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: _sfc_main$1
+  })
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "redact-renderer-registration",
+  setup(__props) {
+    useRegisterRenderers(redactRenderers);
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+const RedactionPluginPackage = createPluginPackage(RedactionPluginPackage$1).addUtility(_sfc_main).build();
 export {
-  _sfc_main$4 as Highlight,
-  _sfc_main$3 as MarqueeRedact,
-  _sfc_main$1 as PendingRedactions,
-  _sfc_main as RedactionLayer,
-  _sfc_main$2 as SelectionRedact,
+  _sfc_main$7 as Highlight,
+  _sfc_main$6 as MarqueeRedact,
+  _sfc_main$4 as PendingRedactions,
+  _sfc_main$1 as RedactArea,
+  _sfc_main$2 as RedactHighlight,
+  _sfc_main as RedactRendererRegistration,
+  _sfc_main$3 as RedactionLayer,
+  RedactionPluginPackage,
+  _sfc_main$5 as SelectionRedact,
+  redactRenderers,
   useRedaction,
   useRedactionCapability,
   useRedactionPlugin

package/dist/vue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-redaction.ts","../../src/vue/components/highlight.vue","../../src/vue/components/marquee-redact.vue","../../src/vue/components/selection-redact.vue","../../src/vue/components/pending-redactions.vue","../../src/vue/components/redaction-layer.vue"],"sourcesContent":["import { ref, watch, computed, toValue, type MaybeRefOrGetter, ComputedRef, Ref } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport {\n  RedactionPlugin,\n  initialDocumentState,\n  RedactionDocumentState,\n  RedactionScope,\n} from '@embedpdf/plugin-redaction';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\n/**\n * Hook for redaction state for a specific document\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport const useRedaction = (\n  documentId: MaybeRefOrGetter<string>,\n): {\n  state: Readonly<Ref<RedactionDocumentState>>;\n  provides: ComputedRef<RedactionScope | null>;\n} => {\n  const { provides } = useRedactionCapability();\n  const state = ref<RedactionDocumentState>(initialDocumentState);\n\n  watch(\n    [provides, () => toValue(documentId)],\n    ([providesValue, docId], _, onCleanup) => {\n      if (!providesValue) {\n        state.value = initialDocumentState;\n        return;\n      }\n\n      const scope = providesValue.forDocument(docId);\n\n      // Set initial state\n      try {\n        state.value = scope.getState();\n      } catch (e) {\n        // Handle case where state might not be ready\n        state.value = initialDocumentState;\n      }\n\n      // Subscribe to changes\n      const unsubscribe = scope.onStateChange((newState) => {\n        state.value = newState;\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  const scopedProvides = computed(() => {\n    const docId = toValue(documentId);\n    return provides.value?.forDocument(docId) ?? null;\n  });\n\n  return {\n    state,\n    provides: scopedProvides,\n  };\n};\n","<template>\n  <div\n    v-for=\"(rect, i) in rects\"\n    :key=\"i\"\n    @pointerdown=\"onClick\"\n    @touchstart=\"onClick\"\n    :style=\"{\n      position: 'absolute',\n      border,\n      left: `${(boundingRect ? rect.origin.x - boundingRect.origin.x : rect.origin.x) * scale}px`,\n      top: `${(boundingRect ? rect.origin.y - boundingRect.origin.y : rect.origin.y) * scale}px`,\n      width: `${rect.size.width * scale}px`,\n      height: `${rect.size.height * scale}px`,\n      background: color,\n      opacity: opacity,\n      pointerEvents: onClick ? 'auto' : 'none',\n      cursor: onClick ? 'pointer' : 'default',\n      zIndex: onClick ? 1 : undefined,\n    }\"\n    v-bind=\"$attrs\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type { Rect } from '@embedpdf/models';\n\ninterface HighlightProps {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: PointerEvent | TouchEvent) => void;\n}\n\nconst props = withDefaults(defineProps<HighlightProps>(), {\n  color: '#FFFF00',\n  opacity: 1,\n  border: '1px solid red',\n});\n\n// Rename rect to boundingRect for clarity in template\nconst boundingRect = props.rect;\n</script>\n","<template>\n  <div\n    v-if=\"rect\"\n    :style=\"{\n      position: 'absolute',\n      pointerEvents: 'none',\n      left: `${rect.origin.x * actualScale}px`,\n      top: `${rect.origin.y * actualScale}px`,\n      width: `${rect.size.width * actualScale}px`,\n      height: `${rect.size.height * actualScale}px`,\n      border: `1px solid ${stroke}`,\n      background: fill,\n      boxSizing: 'border-box',\n    }\"\n    :class=\"className\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, computed } from 'vue';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport type { Rect } from '@embedpdf/models';\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\nconst props = withDefaults(defineProps<MarqueeRedactProps>(), {\n  stroke: 'red',\n  fill: 'transparent',\n});\n\nconst { plugin: redactionPlugin } = useRedactionPlugin();\nconst documentState = useDocumentState(() => props.documentId);\nconst rect = ref<Rect | null>(null);\n\nconst actualScale = computed(() => {\n  if (props.scale !== undefined) return props.scale;\n  return documentState.value?.scale ?? 1;\n});\n\nwatch(\n  [redactionPlugin, () => props.documentId, () => props.pageIndex, actualScale],\n  ([plugin, docId, pageIdx, scale], _, onCleanup) => {\n    if (!plugin || !docId) return;\n\n    const unregister = plugin.registerMarqueeOnPage({\n      documentId: docId,\n      pageIndex: pageIdx,\n      scale,\n      callback: {\n        onPreview: (newRect) => {\n          rect.value = newRect;\n        },\n      },\n    });\n\n    onCleanup(unregister);\n  },\n  { immediate: true },\n);\n</script>\n","<template>\n  <div\n    v-if=\"boundingRect\"\n    :style=\"{\n      mixBlendMode: 'normal',\n      pointerEvents: 'none',\n      position: 'absolute',\n      inset: 0,\n    }\"\n  >\n    <Highlight\n      :color=\"'transparent'\"\n      :opacity=\"1\"\n      :rects=\"rects\"\n      :scale=\"scale\"\n      border=\"1px solid red\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { useRedactionPlugin } from '../hooks/use-redaction';\nimport Highlight from './highlight.vue';\n\ninterface SelectionRedactProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n}\n\nconst props = defineProps<SelectionRedactProps>();\n\nconst { plugin: redactionPlugin } = useRedactionPlugin();\nconst rects = ref<Rect[]>([]);\nconst boundingRect = ref<Rect | null>(null);\n\nwatch(\n  [redactionPlugin, () => props.documentId, () => props.pageIndex],\n  ([plugin, docId, pageIdx], _, onCleanup) => {\n    if (!plugin) {\n      rects.value = [];\n      boundingRect.value = null;\n      return;\n    }\n\n    const unsubscribe = plugin.onRedactionSelectionChange(docId, (formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIdx);\n      rects.value = selection?.segmentRects ?? [];\n      boundingRect.value = selection?.rect ?? null;\n    });\n\n    onCleanup(unsubscribe);\n  },\n  { immediate: true },\n);\n</script>\n","<template>\n  <div v-if=\"items.length\" :style=\"{ position: 'absolute', inset: 0, pointerEvents: 'none' }\">\n    <template v-for=\"item in items\" :key=\"item.id\">\n      <!-- Area redaction -->\n      <template v-if=\"item.kind === 'area'\">\n        <div\n          :style=\"{\n            position: 'absolute',\n            left: `${item.rect.origin.x * scale}px`,\n            top: `${item.rect.origin.y * scale}px`,\n            width: `${item.rect.size.width * scale}px`,\n            height: `${item.rect.size.height * scale}px`,\n            background: 'transparent',\n            outline: selectedId === item.id ? `1px solid ${bboxStroke}` : 'none',\n            outlineOffset: '2px',\n            border: `1px solid red`,\n            pointerEvents: 'auto',\n            cursor: 'pointer',\n          }\"\n          @pointerdown=\"(e: PointerEvent) => select(e, item.id)\"\n          @touchstart=\"(e: TouchEvent) => select(e, item.id)\"\n        />\n\n        <!-- Selection Menu: Supports BOTH render function and slot -->\n        <CounterRotate\n          v-if=\"shouldShowMenu(item.id)\"\n          :rect=\"{\n            origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n            size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n          }\"\n          :rotation=\"rotation\"\n        >\n          <template #default=\"{ rect, menuWrapperProps }\">\n            <!-- Priority 1: Render function prop (schema-driven) -->\n            <component\n              v-if=\"selectionMenu\"\n              :is=\"renderSelectionMenu(item, rect, menuWrapperProps)\"\n            />\n\n            <!-- Priority 2: Slot (manual customization) -->\n            <slot\n              v-else\n              name=\"selection-menu\"\n              :context=\"buildContext(item)\"\n              :selected=\"selectedId === item.id\"\n              :rect=\"rect\"\n              :placement=\"menuPlacement\"\n              :menuWrapperProps=\"menuWrapperProps\"\n            />\n          </template>\n        </CounterRotate>\n      </template>\n\n      <!-- Text redaction -->\n      <template v-else>\n        <div\n          :style=\"{\n            position: 'absolute',\n            left: `${item.rect.origin.x * scale}px`,\n            top: `${item.rect.origin.y * scale}px`,\n            width: `${item.rect.size.width * scale}px`,\n            height: `${item.rect.size.height * scale}px`,\n            background: 'transparent',\n            outline: selectedId === item.id ? `1px solid ${bboxStroke}` : 'none',\n            outlineOffset: '2px',\n            pointerEvents: 'auto',\n            cursor: selectedId === item.id ? 'pointer' : 'default',\n          }\"\n        >\n          <Highlight\n            :rect=\"item.rect\"\n            :rects=\"item.rects\"\n            color=\"transparent\"\n            border=\"1px solid red\"\n            :scale=\"scale\"\n            :on-click=\"(e: PointerEvent | TouchEvent) => select(e, item.id)\"\n          />\n        </div>\n\n        <!-- Selection Menu: Supports BOTH render function and slot -->\n        <CounterRotate\n          v-if=\"shouldShowMenu(item.id)\"\n          :rect=\"{\n            origin: {\n              x: item.rect.origin.x * scale,\n              y: item.rect.origin.y * scale,\n            },\n            size: {\n              width: item.rect.size.width * scale,\n              height: item.rect.size.height * scale,\n            },\n          }\"\n          :rotation=\"rotation\"\n        >\n          <template #default=\"{ rect, menuWrapperProps }\">\n            <!-- Priority 1: Render function prop (schema-driven) -->\n            <component\n              v-if=\"selectionMenu\"\n              :is=\"renderSelectionMenu(item, rect, menuWrapperProps)\"\n            />\n\n            <!-- Priority 2: Slot (manual customization) -->\n            <slot\n              v-else\n              name=\"selection-menu\"\n              :context=\"buildContext(item)\"\n              :selected=\"selectedId === item.id\"\n              :rect=\"rect\"\n              :placement=\"menuPlacement\"\n              :menuWrapperProps=\"menuWrapperProps\"\n            />\n          </template>\n        </CounterRotate>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, useSlots, type VNode } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { Rotation } from '@embedpdf/models';\nimport { CounterRotate } from '@embedpdf/utils/vue';\nimport type { MenuWrapperProps, SelectionMenuPlacement } from '@embedpdf/utils/vue';\nimport type { RedactionItem } from '@embedpdf/plugin-redaction';\nimport { useRedactionCapability } from '../hooks/use-redaction';\nimport Highlight from './highlight.vue';\nimport type { RedactionSelectionContext, RedactionSelectionMenuRenderFn } from './types';\n\ninterface PendingRedactionsProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  /** Render function for selection menu (schema-driven approach) */\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nconst props = withDefaults(defineProps<PendingRedactionsProps>(), {\n  rotation: Rotation.Degree0,\n  bboxStroke: 'rgba(0,0,0,0.8)',\n});\n\nconst slots = useSlots();\nconst { provides: redaction } = useRedactionCapability();\nconst items = ref<RedactionItem[]>([]);\nconst selectedId = ref<string | null>(null);\n\nwatch(\n  [redaction, () => props.documentId, () => props.pageIndex],\n  ([redactionValue, docId, pageIdx], _, onCleanup) => {\n    if (!redactionValue) {\n      items.value = [];\n      selectedId.value = null;\n      return;\n    }\n\n    const scoped = redactionValue.forDocument(docId);\n\n    // Initialize with current state\n    const currentState = scoped.getState();\n    items.value = currentState.pending[pageIdx] ?? [];\n    selectedId.value =\n      currentState.selected && currentState.selected.page === pageIdx\n        ? currentState.selected.id\n        : null;\n\n    // Subscribe to future changes\n    const off1 = scoped.onPendingChange((map) => {\n      items.value = map[pageIdx] ?? [];\n    });\n\n    const off2 = scoped.onSelectedChange((sel) => {\n      selectedId.value = sel && sel.page === pageIdx ? sel.id : null;\n    });\n\n    onCleanup(() => {\n      off1?.();\n      off2?.();\n    });\n  },\n  { immediate: true },\n);\n\nconst select = (e: PointerEvent | TouchEvent, id: string) => {\n  e.stopPropagation();\n  const redactionValue = redaction.value;\n  if (!redactionValue) return;\n  redactionValue.forDocument(props.documentId).selectPending(props.pageIndex, id);\n};\n\n// --- Selection Menu Logic ---\n\n// Check if we should show menu for this item\nconst shouldShowMenu = (itemId: string): boolean => {\n  const isSelected = selectedId.value === itemId;\n  return isSelected && (!!props.selectionMenu || !!slots['selection-menu']);\n};\n\n// Build context object for selection menu\nconst buildContext = (item: RedactionItem): RedactionSelectionContext => ({\n  type: 'redaction',\n  item,\n  pageIndex: props.pageIndex,\n});\n\n// Placement hints (could be computed based on position)\nconst menuPlacement: SelectionMenuPlacement = {\n  suggestTop: false,\n  spaceAbove: 0,\n  spaceBelow: 0,\n};\n\n// Render via function (for schema-driven approach)\nconst renderSelectionMenu = (\n  item: RedactionItem,\n  rect: Rect,\n  menuWrapperProps: MenuWrapperProps,\n): VNode | null => {\n  if (!props.selectionMenu) return null;\n\n  return props.selectionMenu({\n    rect,\n    menuWrapperProps,\n    selected: selectedId.value === item.id,\n    placement: menuPlacement,\n    context: buildContext(item),\n  });\n};\n</script>\n","<template>\n  <PendingRedactions\n    :document-id=\"documentId\"\n    :page-index=\"pageIndex\"\n    :scale=\"actualScale\"\n    :rotation=\"actualRotation\"\n    :bbox-stroke=\"bboxStroke\"\n    :selection-menu=\"selectionMenu\"\n  >\n    <template #selection-menu=\"slotProps\">\n      <slot name=\"selection-menu\" v-bind=\"slotProps\" />\n    </template>\n  </PendingRedactions>\n  <MarqueeRedact :document-id=\"documentId\" :page-index=\"pageIndex\" :scale=\"actualScale\" />\n  <SelectionRedact :document-id=\"documentId\" :page-index=\"pageIndex\" :scale=\"actualScale\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport { Rotation } from '@embedpdf/models';\nimport PendingRedactions from './pending-redactions.vue';\nimport MarqueeRedact from './marquee-redact.vue';\nimport SelectionRedact from './selection-redact.vue';\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 bbox stroke color */\n  bboxStroke?: string;\n  /** Optional menu renderer for a selected redaction */\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nconst props = withDefaults(defineProps<RedactionLayerProps>(), {\n  bboxStroke: 'rgba(0,0,0,0.8)',\n});\n\nconst documentState = useDocumentState(() => props.documentId);\n\nconst actualScale = computed(() => {\n  if (props.scale !== undefined) return props.scale;\n  return documentState.value?.scale ?? 1;\n});\n\nconst actualRotation = computed(() => {\n  if (props.rotation !== undefined) return props.rotation;\n  return documentState.value?.rotation ?? Rotation.Degree0;\n});\n</script>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_renderList","_mergeProps","_unref","$attrs","_normalizeStyle","_hoisted_1","_createVNode","Highlight","_createElementVNode","_createBlock","_withCtx","_resolveDynamicComponent","_renderSlot","PendingRedactions","MarqueeRedact","SelectionRedact"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/vue/components/highlight.vue","../../src/vue/hooks/use-redaction.ts","../../src/vue/components/marquee-redact.vue","../../src/vue/components/selection-redact.vue","../../src/vue/components/pending-redactions.vue","../../src/vue/components/redaction-layer.vue","../../src/vue/components/annotations/redact-highlight.vue","../../src/vue/components/annotations/redact-area.vue","../../src/vue/components/redact-renderers.ts","../../src/vue/components/redact-renderer-registration.vue","../../src/vue/index.ts"],"sourcesContent":["<template>\n  <div\n    v-for=\"(rect, i) in rects\"\n    :key=\"i\"\n    @pointerdown=\"onClick\"\n    @touchstart=\"onClick\"\n    :style=\"{\n      position: 'absolute',\n      border,\n      left: `${(boundingRect ? rect.origin.x - boundingRect.origin.x : rect.origin.x) * scale}px`,\n      top: `${(boundingRect ? rect.origin.y - boundingRect.origin.y : rect.origin.y) * scale}px`,\n      width: `${rect.size.width * scale}px`,\n      height: `${rect.size.height * scale}px`,\n      background: color,\n      opacity: opacity,\n      pointerEvents: onClick ? 'auto' : 'none',\n      cursor: onClick ? 'pointer' : 'default',\n      zIndex: onClick ? 1 : undefined,\n    }\"\n    v-bind=\"$attrs\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type { Rect } from '@embedpdf/models';\n\ninterface HighlightProps {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: PointerEvent | TouchEvent) => void;\n}\n\nconst props = withDefaults(defineProps<HighlightProps>(), {\n  color: '#FFFF00',\n  opacity: 1,\n  border: '1px solid red',\n});\n\n// Rename rect to boundingRect for clarity in template\nconst boundingRect = props.rect;\n</script>\n","import { ref, watch, computed, toValue, type MaybeRefOrGetter, ComputedRef, Ref } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport {\n  RedactionPlugin,\n  initialDocumentState,\n  RedactionDocumentState,\n  RedactionScope,\n} from '@embedpdf/plugin-redaction';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\n/**\n * Hook for redaction state for a specific document\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport const useRedaction = (\n  documentId: MaybeRefOrGetter<string>,\n): {\n  state: Readonly<Ref<RedactionDocumentState>>;\n  provides: ComputedRef<RedactionScope | null>;\n} => {\n  const { provides } = useRedactionCapability();\n  const state = ref<RedactionDocumentState>(initialDocumentState);\n\n  watch(\n    [provides, () => toValue(documentId)],\n    ([providesValue, docId], _, onCleanup) => {\n      if (!providesValue) {\n        state.value = initialDocumentState;\n        return;\n      }\n\n      const scope = providesValue.forDocument(docId);\n\n      // Set initial state\n      try {\n        state.value = scope.getState();\n      } catch (e) {\n        // Handle case where state might not be ready\n        state.value = initialDocumentState;\n      }\n\n      // Subscribe to changes\n      const unsubscribe = scope.onStateChange((newState) => {\n        state.value = newState;\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  const scopedProvides = computed(() => {\n    const docId = toValue(documentId);\n    return provides.value?.forDocument(docId) ?? null;\n  });\n\n  return {\n    state,\n    provides: scopedProvides,\n  };\n};\n","<template>\n  <div\n    v-if=\"rect\"\n    :style=\"{\n      position: 'absolute',\n      pointerEvents: 'none',\n      left: `${rect.origin.x * actualScale}px`,\n      top: `${rect.origin.y * actualScale}px`,\n      width: `${rect.size.width * actualScale}px`,\n      height: `${rect.size.height * actualScale}px`,\n      border: `1px solid ${strokeColor}`,\n      background: fill,\n      boxSizing: 'border-box',\n    }\"\n    :class=\"className\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, computed } from 'vue';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport type { Rect } from '@embedpdf/models';\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\nconst props = withDefaults(defineProps<MarqueeRedactProps>(), {\n  stroke: 'red',\n  fill: 'transparent',\n});\n\nconst { plugin: redactionPlugin } = useRedactionPlugin();\nconst documentState = useDocumentState(() => props.documentId);\nconst rect = ref<Rect | null>(null);\n\nconst actualScale = computed(() => {\n  if (props.scale !== undefined) return props.scale;\n  return documentState.value?.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\nconst strokeColor = computed(\n  () => props.stroke ?? redactionPlugin.value?.getPreviewStrokeColor() ?? 'red',\n);\n\nwatch(\n  [redactionPlugin, () => props.documentId, () => props.pageIndex, actualScale],\n  ([plugin, docId, pageIdx, scale], _, onCleanup) => {\n    if (!plugin || !docId) return;\n\n    const unregister = plugin.registerMarqueeOnPage({\n      documentId: docId,\n      pageIndex: pageIdx,\n      scale,\n      callback: {\n        onPreview: (newRect) => {\n          rect.value = newRect;\n        },\n      },\n    });\n\n    onCleanup(unregister);\n  },\n  { immediate: true },\n);\n</script>\n","<template>\n  <div\n    v-if=\"boundingRect\"\n    :style=\"{\n      mixBlendMode: 'normal',\n      pointerEvents: 'none',\n      position: 'absolute',\n      inset: 0,\n    }\"\n  >\n    <Highlight\n      :color=\"'transparent'\"\n      :opacity=\"1\"\n      :rects=\"rects\"\n      :scale=\"scale\"\n      :border=\"`1px solid ${strokeColor}`\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, computed } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { useRedactionPlugin } from '../hooks/use-redaction';\nimport Highlight from './highlight.vue';\n\ninterface SelectionRedactProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n}\n\nconst props = defineProps<SelectionRedactProps>();\n\nconst { plugin: redactionPlugin } = useRedactionPlugin();\nconst rects = ref<Rect[]>([]);\nconst boundingRect = ref<Rect | null>(null);\n\n// Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\nconst strokeColor = computed(() => redactionPlugin.value?.getPreviewStrokeColor() ?? 'red');\n\nwatch(\n  [redactionPlugin, () => props.documentId, () => props.pageIndex],\n  ([plugin, docId, pageIdx], _, onCleanup) => {\n    if (!plugin) {\n      rects.value = [];\n      boundingRect.value = null;\n      return;\n    }\n\n    const unsubscribe = plugin.onRedactionSelectionChange(docId, (formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIdx);\n      rects.value = selection?.segmentRects ?? [];\n      boundingRect.value = selection?.rect ?? null;\n    });\n\n    onCleanup(unsubscribe);\n  },\n  { immediate: true },\n);\n</script>\n","<template>\n  <div v-if=\"items.length\" :style=\"{ position: 'absolute', inset: 0, pointerEvents: 'none' }\">\n    <template v-for=\"item in items\" :key=\"item.id\">\n      <!-- Area redaction -->\n      <template v-if=\"item.kind === 'area'\">\n        <div\n          :style=\"{\n            position: 'absolute',\n            left: `${item.rect.origin.x * scale}px`,\n            top: `${item.rect.origin.y * scale}px`,\n            width: `${item.rect.size.width * scale}px`,\n            height: `${item.rect.size.height * scale}px`,\n            background: 'transparent',\n            outline: selectedId === item.id ? `1px solid ${bboxStroke}` : 'none',\n            outlineOffset: '2px',\n            border: `1px solid red`,\n            pointerEvents: 'auto',\n            cursor: 'pointer',\n          }\"\n          @pointerdown=\"(e: PointerEvent) => select(e, item.id)\"\n          @touchstart=\"(e: TouchEvent) => select(e, item.id)\"\n        />\n\n        <!-- Selection Menu: Supports BOTH render function and slot -->\n        <CounterRotate\n          v-if=\"shouldShowMenu(item.id)\"\n          :rect=\"{\n            origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n            size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n          }\"\n          :rotation=\"rotation\"\n        >\n          <template #default=\"{ rect, menuWrapperProps }\">\n            <!-- Priority 1: Render function prop (schema-driven) -->\n            <component\n              v-if=\"selectionMenu\"\n              :is=\"renderSelectionMenu(item, rect, menuWrapperProps)\"\n            />\n\n            <!-- Priority 2: Slot (manual customization) -->\n            <slot\n              v-else\n              name=\"selection-menu\"\n              :context=\"buildContext(item)\"\n              :selected=\"selectedId === item.id\"\n              :rect=\"rect\"\n              :placement=\"menuPlacement\"\n              :menuWrapperProps=\"menuWrapperProps\"\n            />\n          </template>\n        </CounterRotate>\n      </template>\n\n      <!-- Text redaction -->\n      <template v-else>\n        <div\n          :style=\"{\n            position: 'absolute',\n            left: `${item.rect.origin.x * scale}px`,\n            top: `${item.rect.origin.y * scale}px`,\n            width: `${item.rect.size.width * scale}px`,\n            height: `${item.rect.size.height * scale}px`,\n            background: 'transparent',\n            outline: selectedId === item.id ? `1px solid ${bboxStroke}` : 'none',\n            outlineOffset: '2px',\n            pointerEvents: 'auto',\n            cursor: selectedId === item.id ? 'pointer' : 'default',\n          }\"\n        >\n          <Highlight\n            :rect=\"item.rect\"\n            :rects=\"item.rects\"\n            color=\"transparent\"\n            border=\"1px solid red\"\n            :scale=\"scale\"\n            :on-click=\"(e: PointerEvent | TouchEvent) => select(e, item.id)\"\n          />\n        </div>\n\n        <!-- Selection Menu: Supports BOTH render function and slot -->\n        <CounterRotate\n          v-if=\"shouldShowMenu(item.id)\"\n          :rect=\"{\n            origin: {\n              x: item.rect.origin.x * scale,\n              y: item.rect.origin.y * scale,\n            },\n            size: {\n              width: item.rect.size.width * scale,\n              height: item.rect.size.height * scale,\n            },\n          }\"\n          :rotation=\"rotation\"\n        >\n          <template #default=\"{ rect, menuWrapperProps }\">\n            <!-- Priority 1: Render function prop (schema-driven) -->\n            <component\n              v-if=\"selectionMenu\"\n              :is=\"renderSelectionMenu(item, rect, menuWrapperProps)\"\n            />\n\n            <!-- Priority 2: Slot (manual customization) -->\n            <slot\n              v-else\n              name=\"selection-menu\"\n              :context=\"buildContext(item)\"\n              :selected=\"selectedId === item.id\"\n              :rect=\"rect\"\n              :placement=\"menuPlacement\"\n              :menuWrapperProps=\"menuWrapperProps\"\n            />\n          </template>\n        </CounterRotate>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, useSlots, type VNode } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { Rotation } from '@embedpdf/models';\nimport { CounterRotate } from '@embedpdf/utils/vue';\nimport type { MenuWrapperProps, SelectionMenuPlacement } from '@embedpdf/utils/vue';\nimport type { RedactionItem } from '@embedpdf/plugin-redaction';\nimport { useRedactionCapability } from '../hooks/use-redaction';\nimport Highlight from './highlight.vue';\nimport type { RedactionSelectionContext, RedactionSelectionMenuRenderFn } from './types';\n\ninterface PendingRedactionsProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  /** Render function for selection menu (schema-driven approach) */\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nconst props = withDefaults(defineProps<PendingRedactionsProps>(), {\n  rotation: Rotation.Degree0,\n  bboxStroke: 'rgba(0,0,0,0.8)',\n});\n\nconst slots = useSlots();\nconst { provides: redaction } = useRedactionCapability();\nconst items = ref<RedactionItem[]>([]);\nconst selectedId = ref<string | null>(null);\n\nwatch(\n  [redaction, () => props.documentId, () => props.pageIndex],\n  ([redactionValue, docId, pageIdx], _, onCleanup) => {\n    if (!redactionValue) {\n      items.value = [];\n      selectedId.value = null;\n      return;\n    }\n\n    const scoped = redactionValue.forDocument(docId);\n\n    // Initialize with current state - only show legacy mode items\n    const currentState = scoped.getState();\n    items.value = (currentState.pending[pageIdx] ?? []).filter((it) => it.source === 'legacy');\n    selectedId.value =\n      currentState.selected && currentState.selected.page === pageIdx\n        ? currentState.selected.id\n        : null;\n\n    // Subscribe to future changes - only show legacy mode items\n    const off1 = scoped.onPendingChange((map) => {\n      items.value = (map[pageIdx] ?? []).filter((it) => it.source === 'legacy');\n    });\n\n    const off2 = scoped.onSelectedChange((sel) => {\n      selectedId.value = sel && sel.page === pageIdx ? sel.id : null;\n    });\n\n    onCleanup(() => {\n      off1?.();\n      off2?.();\n    });\n  },\n  { immediate: true },\n);\n\nconst select = (e: PointerEvent | TouchEvent, id: string) => {\n  e.stopPropagation();\n  const redactionValue = redaction.value;\n  if (!redactionValue) return;\n  redactionValue.forDocument(props.documentId).selectPending(props.pageIndex, id);\n};\n\n// --- Selection Menu Logic ---\n\n// Check if we should show menu for this item\nconst shouldShowMenu = (itemId: string): boolean => {\n  const isSelected = selectedId.value === itemId;\n  return isSelected && (!!props.selectionMenu || !!slots['selection-menu']);\n};\n\n// Build context object for selection menu\nconst buildContext = (item: RedactionItem): RedactionSelectionContext => ({\n  type: 'redaction',\n  item,\n  pageIndex: props.pageIndex,\n});\n\n// Placement hints (could be computed based on position)\nconst menuPlacement: SelectionMenuPlacement = {\n  suggestTop: false,\n  spaceAbove: 0,\n  spaceBelow: 0,\n};\n\n// Render via function (for schema-driven approach)\nconst renderSelectionMenu = (\n  item: RedactionItem,\n  rect: Rect,\n  menuWrapperProps: MenuWrapperProps,\n): VNode | null => {\n  if (!props.selectionMenu) return null;\n\n  return props.selectionMenu({\n    rect,\n    menuWrapperProps,\n    selected: selectedId.value === item.id,\n    placement: menuPlacement,\n    context: buildContext(item),\n  });\n};\n</script>\n","<template>\n  <PendingRedactions\n    :document-id=\"documentId\"\n    :page-index=\"pageIndex\"\n    :scale=\"actualScale\"\n    :rotation=\"actualRotation\"\n    :bbox-stroke=\"bboxStroke\"\n    :selection-menu=\"selectionMenu\"\n  >\n    <template #selection-menu=\"slotProps\">\n      <slot name=\"selection-menu\" v-bind=\"slotProps\" />\n    </template>\n  </PendingRedactions>\n  <MarqueeRedact :document-id=\"documentId\" :page-index=\"pageIndex\" :scale=\"actualScale\" />\n  <SelectionRedact :document-id=\"documentId\" :page-index=\"pageIndex\" :scale=\"actualScale\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport { Rotation } from '@embedpdf/models';\nimport PendingRedactions from './pending-redactions.vue';\nimport MarqueeRedact from './marquee-redact.vue';\nimport SelectionRedact from './selection-redact.vue';\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 bbox stroke color */\n  bboxStroke?: string;\n  /** Optional menu renderer for a selected redaction */\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nconst props = withDefaults(defineProps<RedactionLayerProps>(), {\n  bboxStroke: 'rgba(0,0,0,0.8)',\n});\n\nconst documentState = useDocumentState(() => props.documentId);\n\nconst actualScale = computed(() => {\n  if (props.scale !== undefined) return props.scale;\n  return documentState.value?.scale ?? 1;\n});\n\nconst actualRotation = computed(() => {\n  if (props.rotation !== undefined) return props.rotation;\n  return documentState.value?.rotation ?? Rotation.Degree0;\n});\n</script>\n","<template>\n  <div\n    @mouseenter=\"isHovered = true\"\n    @mouseleave=\"isHovered = false\"\n    :style=\"{ position: 'absolute', inset: 0 }\"\n  >\n    <div\n      v-for=\"(b, i) in segmentRects\"\n      :key=\"i\"\n      @pointerdown=\"onClick\"\n      @touchstart=\"onClick\"\n      :style=\"getSegmentStyle(b)\"\n    >\n      <span v-if=\"isHovered && overlayText\" :style=\"getTextStyle(b)\">\n        {{ renderedOverlayText }}\n      </span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, type CSSProperties } from 'vue';\nimport type { AnnotationRendererProps } from '@embedpdf/plugin-annotation/vue';\nimport type { PdfRedactAnnoObject, Rect } from '@embedpdf/models';\nimport {\n  PdfStandardFont,\n  PdfTextAlignment,\n  standardFontCss,\n  textAlignmentToCss,\n} from '@embedpdf/models';\n\nconst props = defineProps<AnnotationRendererProps<PdfRedactAnnoObject>>();\nconst isHovered = ref(false);\n\n// Access props.annotation.object directly in computed to maintain reactivity\nconst segmentRects = computed(() => props.annotation.object.segmentRects ?? []);\nconst rect = computed(() => props.annotation.object.rect);\n\n// C - Border/stroke color\nconst strokeColor = computed(() => props.annotation.object.strokeColor ?? '#FF0000');\n// IC - Interior color (background fill when redaction is applied)\nconst color = computed(() => props.annotation.object.color ?? '#000000');\n// CA - Opacity (0-1)\nconst opacity = computed(() => props.annotation.object.opacity ?? 1);\n// OC - Overlay text color (Adobe extension), fallback to fontColor\nconst textColor = computed(\n  () => props.annotation.object.fontColor ?? props.annotation.object.overlayColor ?? '#FFFFFF',\n);\n// Overlay text properties\nconst overlayText = computed(() => props.annotation.object.overlayText);\nconst overlayTextRepeat = computed(() => props.annotation.object.overlayTextRepeat ?? false);\nconst fontSize = computed(() => props.annotation.object.fontSize ?? 12);\nconst fontFamily = computed(() => props.annotation.object.fontFamily ?? PdfStandardFont.Helvetica);\nconst textAlign = computed(() => props.annotation.object.textAlign ?? PdfTextAlignment.Center);\n\n// Calculate how many times to repeat text (approximate)\nconst renderedOverlayText = computed(() => {\n  if (!overlayText.value) return '';\n  if (!overlayTextRepeat.value) return overlayText.value;\n  // Repeat text multiple times to fill the space\n  const reps = 10;\n  return Array(reps).fill(overlayText.value).join(' ');\n});\n\nconst getSegmentStyle = (b: Rect): CSSProperties => ({\n  position: 'absolute',\n  left: `${(rect.value ? b.origin.x - rect.value.origin.x : b.origin.x) * props.scale}px`,\n  top: `${(rect.value ? b.origin.y - rect.value.origin.y : b.origin.y) * props.scale}px`,\n  width: `${b.size.width * props.scale}px`,\n  height: `${b.size.height * props.scale}px`,\n  // Default: transparent background with strokeColor (C) border\n  // Hovered: color (IC) background fill, no border\n  background: isHovered.value ? color.value : 'transparent',\n  border: !isHovered.value ? `2px solid ${strokeColor.value}` : 'none',\n  opacity: isHovered.value ? opacity.value : 1,\n  boxSizing: 'border-box',\n  pointerEvents: 'auto',\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent:\n    textAlign.value === PdfTextAlignment.Left\n      ? 'flex-start'\n      : textAlign.value === PdfTextAlignment.Right\n        ? 'flex-end'\n        : 'center',\n  overflow: 'hidden',\n});\n\nconst getTextStyle = (b: Rect): CSSProperties => ({\n  color: textColor.value,\n  fontSize: `${Math.min(fontSize.value * props.scale, b.size.height * props.scale * 0.8)}px`,\n  fontFamily: standardFontCss(fontFamily.value),\n  textAlign: textAlignmentToCss(textAlign.value),\n  whiteSpace: overlayTextRepeat.value ? 'normal' : 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  lineHeight: 1,\n});\n</script>\n","<template>\n  <div\n    @pointerdown=\"\n      (e) => {\n        if (!isSelected) onClick(e);\n      }\n    \"\n    @touchstart=\"\n      (e) => {\n        if (!isSelected) onClick(e);\n      }\n    \"\n    @mouseenter=\"isHovered = true\"\n    @mouseleave=\"isHovered = false\"\n    :style=\"containerStyle\"\n  >\n    <span v-if=\"isHovered && overlayText\" :style=\"textStyle\">\n      {{ renderedOverlayText }}\n    </span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, type CSSProperties } from 'vue';\nimport type { AnnotationRendererProps } from '@embedpdf/plugin-annotation/vue';\nimport type { PdfRedactAnnoObject } from '@embedpdf/models';\nimport {\n  PdfStandardFont,\n  PdfTextAlignment,\n  standardFontCss,\n  textAlignmentToCss,\n} from '@embedpdf/models';\n\nconst props = defineProps<AnnotationRendererProps<PdfRedactAnnoObject>>();\nconst isHovered = ref(false);\n\n// Access props.annotation.object directly in computed to maintain reactivity\n// C - Border/stroke color\nconst strokeColor = computed(() => props.annotation.object.strokeColor ?? '#FF0000');\n// IC - Interior color (background fill when redaction is applied)\nconst color = computed(() => props.annotation.object.color ?? '#000000');\n// CA - Opacity (0-1)\nconst opacity = computed(() => props.annotation.object.opacity ?? 1);\n// OC - Overlay text color (Adobe extension), fallback to fontColor\nconst textColor = computed(\n  () => props.annotation.object.fontColor ?? props.annotation.object.overlayColor ?? '#FFFFFF',\n);\n// Overlay text properties\nconst overlayText = computed(() => props.annotation.object.overlayText);\nconst overlayTextRepeat = computed(() => props.annotation.object.overlayTextRepeat ?? false);\nconst fontSize = computed(() => props.annotation.object.fontSize ?? 12);\nconst fontFamily = computed(() => props.annotation.object.fontFamily ?? PdfStandardFont.Helvetica);\nconst textAlign = computed(() => props.annotation.object.textAlign ?? PdfTextAlignment.Center);\n\n// Calculate how many times to repeat text (approximate)\nconst renderedOverlayText = computed(() => {\n  if (!overlayText.value) return '';\n  if (!overlayTextRepeat.value) return overlayText.value;\n  // Repeat text multiple times to fill the space\n  const reps = 10;\n  return Array(reps).fill(overlayText.value).join(' ');\n});\n\nconst containerStyle = computed<CSSProperties>(() => ({\n  position: 'absolute',\n  inset: 0,\n  // Default: transparent background with strokeColor (C) border\n  // Hovered: color (IC) background fill, no border\n  background: isHovered.value ? color.value : 'transparent',\n  border: !isHovered.value ? `2px solid ${strokeColor.value}` : 'none',\n  opacity: isHovered.value ? opacity.value : 1,\n  boxSizing: 'border-box',\n  pointerEvents: 'auto',\n  cursor: props.isSelected ? 'move' : 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent:\n    textAlign.value === PdfTextAlignment.Left\n      ? 'flex-start'\n      : textAlign.value === PdfTextAlignment.Right\n        ? 'flex-end'\n        : 'center',\n  overflow: 'hidden',\n}));\n\nconst textStyle = computed<CSSProperties>(() => ({\n  color: textColor.value,\n  fontSize: `${fontSize.value * props.scale}px`,\n  fontFamily: standardFontCss(fontFamily.value),\n  textAlign: textAlignmentToCss(textAlign.value),\n  whiteSpace: overlayTextRepeat.value ? 'normal' : 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  padding: '4px',\n}));\n</script>\n","import { createRenderer, type BoxedAnnotationRenderer } from '@embedpdf/plugin-annotation/vue';\nimport { PdfAnnotationSubtype, type PdfRedactAnnoObject } from '@embedpdf/models';\nimport RedactHighlight from './annotations/redact-highlight.vue';\nimport RedactArea from './annotations/redact-area.vue';\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 setup lang=\"ts\">\nimport { useRegisterRenderers } from '@embedpdf/plugin-annotation/vue';\nimport { redactRenderers } from './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 */\nuseRegisterRenderers(redactRenderers);\n</script>\n\n<template>\n  <slot />\n</template>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { RedactionPluginPackage as BaseRedactionPackage } from '@embedpdf/plugin-redaction';\nimport { RedactRendererRegistration } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from './components/types';\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":["_openBlock","_createElementBlock","_Fragment","_renderList","_mergeProps","_unref","$attrs","_normalizeStyle","_hoisted_1","_createVNode","Highlight","_createElementVNode","_createBlock","_withCtx","_resolveDynamicComponent","_renderSlot","PendingRedactions","MarqueeRedact","SelectionRedact","RedactHighlight","RedactArea","BaseRedactionPackage","RedactRendererRegistration"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-redaction",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -35,16 +35,18 @@
     }
   },
   "dependencies": {
-    "@embedpdf/models": "2.2.0",
-    "@embedpdf/utils": "2.2.0"
+    "@embedpdf/models": "2.4.0",
+    "@embedpdf/utils": "2.4.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
     "@embedpdf/build": "1.1.0",
-    "@embedpdf/core": "2.2.0",
-    "@embedpdf/plugin-interaction-manager": "2.2.0",
-    "@embedpdf/plugin-selection": "2.2.0"
+    "@embedpdf/core": "2.4.0",
+    "@embedpdf/plugin-annotation": "2.4.0",
+    "@embedpdf/plugin-selection": "2.4.0",
+    "@embedpdf/plugin-interaction-manager": "2.4.0",
+    "@embedpdf/plugin-history": "2.4.0"
   },
   "peerDependencies": {
     "preact": "^10.26.4",
@@ -52,9 +54,11 @@
     "react-dom": ">=16.8.0",
     "vue": ">=3.2.0",
     "svelte": ">=5 <6",
-    "@embedpdf/core": "2.2.0",
-    "@embedpdf/plugin-selection": "2.2.0",
-    "@embedpdf/plugin-interaction-manager": "2.2.0"
+    "@embedpdf/core": "2.4.0",
+    "@embedpdf/plugin-selection": "2.4.0",
+    "@embedpdf/plugin-annotation": "2.4.0",
+    "@embedpdf/plugin-interaction-manager": "2.4.0",
+    "@embedpdf/plugin-history": "2.4.0"
   },
   "files": [
     "dist",