@embedpdf/plugin-redaction 1.5.0 → 2.0.0-next.0

package/dist/vue/index.js

@@ -1,23 +1,42 @@
-import { ref, watchEffect, readonly, defineComponent, createElementBlock, openBlock, Fragment, renderList, mergeProps, unref, onMounted, onUnmounted, createCommentVNode, normalizeClass, normalizeStyle, createVNode, createElementVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { usePlugin, useCapability } from "@embedpdf/core/vue";
-import { RedactionPlugin, initialState } from "@embedpdf/plugin-redaction";
+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";
 export * from "@embedpdf/plugin-redaction";
+import { Rotation } from "@embedpdf/models";
 import { CounterRotate } from "@embedpdf/utils/vue";
 const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
 const useRedactionCapability = () => useCapability(RedactionPlugin.id);
-const useRedaction = () => {
+const useRedaction = (documentId) => {
   const { provides } = useRedactionCapability();
-  const state = ref(initialState);
-  watchEffect((onCleanup) => {
-    if (!provides.value) return;
-    const unsubscribe = provides.value.onStateChange((newState) => {
-      state.value = newState;
-    });
-    onCleanup(unsubscribe);
+  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: readonly(state),
-    provides
+    state,
+    provides: scopedProvides
   };
 };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
@@ -35,25 +54,25 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const boundingRect = props.rect;
     return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rects, (rect, i) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.rects, (rect, i) => {
         return openBlock(), createElementBlock("div", mergeProps({
           key: i,
           onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
-          (...args) => _ctx.onClick && _ctx.onClick(...args)),
+          (...args) => __props.onClick && __props.onClick(...args)),
           onTouchstart: _cache[1] || (_cache[1] = //@ts-ignore
-          (...args) => _ctx.onClick && _ctx.onClick(...args)),
+          (...args) => __props.onClick && __props.onClick(...args)),
           style: {
             position: "absolute",
-            border: _ctx.border,
-            left: `${(unref(boundingRect) ? rect.origin.x - unref(boundingRect).origin.x : rect.origin.x) * _ctx.scale}px`,
-            top: `${(unref(boundingRect) ? rect.origin.y - unref(boundingRect).origin.y : rect.origin.y) * _ctx.scale}px`,
-            width: `${rect.size.width * _ctx.scale}px`,
-            height: `${rect.size.height * _ctx.scale}px`,
-            background: _ctx.color,
-            opacity: _ctx.opacity,
-            pointerEvents: _ctx.onClick ? "auto" : "none",
-            cursor: _ctx.onClick ? "pointer" : "default",
-            zIndex: _ctx.onClick ? 1 : void 0
+            border: __props.border,
+            left: `${(unref(boundingRect) ? rect.origin.x - unref(boundingRect).origin.x : rect.origin.x) * __props.scale}px`,
+            top: `${(unref(boundingRect) ? rect.origin.y - unref(boundingRect).origin.y : rect.origin.y) * __props.scale}px`,
+            width: `${rect.size.width * __props.scale}px`,
+            height: `${rect.size.height * __props.scale}px`,
+            background: __props.color,
+            opacity: __props.opacity,
+            pointerEvents: __props.onClick ? "auto" : "none",
+            cursor: __props.onClick ? "pointer" : "default",
+            zIndex: __props.onClick ? 1 : void 0
           }
         }, { ref_for: true }, _ctx.$attrs), null, 16);
       }), 128);
@@ -63,6 +82,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "marquee-redact",
   props: {
+    documentId: {},
     pageIndex: {},
     scale: {},
     className: {},
@@ -72,38 +92,46 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { plugin: redactionPlugin } = useRedactionPlugin();
+    const documentState = useDocumentState(() => props.documentId);
     const rect = ref(null);
-    let unregister;
-    onMounted(() => {
-      if (!redactionPlugin.value) return;
-      unregister = redactionPlugin.value.registerMarqueeOnPage({
-        pageIndex: props.pageIndex,
-        scale: props.scale,
-        callback: {
-          onPreview: (newRect) => {
-            rect.value = newRect;
-          }
-        }
-      });
-    });
-    onUnmounted(() => {
-      unregister == null ? void 0 : unregister();
+    const actualScale = computed(() => {
+      var _a;
+      if (props.scale !== void 0) return props.scale;
+      return ((_a = documentState.value) == null ? void 0 : _a.scale) ?? 1;
     });
+    watch(
+      [redactionPlugin, () => props.documentId, () => props.pageIndex, actualScale],
+      ([plugin, docId, pageIdx, scale], _, onCleanup) => {
+        if (!plugin || !docId) return;
+        const unregister = plugin.registerMarqueeOnPage({
+          documentId: docId,
+          pageIndex: pageIdx,
+          scale,
+          callback: {
+            onPreview: (newRect) => {
+              rect.value = newRect;
+            }
+          }
+        });
+        onCleanup(unregister);
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       return rect.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         style: normalizeStyle({
           position: "absolute",
           pointerEvents: "none",
-          left: `${rect.value.origin.x * _ctx.scale}px`,
-          top: `${rect.value.origin.y * _ctx.scale}px`,
-          width: `${rect.value.size.width * _ctx.scale}px`,
-          height: `${rect.value.size.height * _ctx.scale}px`,
-          border: `1px solid ${_ctx.stroke}`,
-          background: _ctx.fill,
+          left: `${rect.value.origin.x * actualScale.value}px`,
+          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}`,
+          background: __props.fill,
           boxSizing: "border-box"
         }),
-        class: normalizeClass(_ctx.className)
+        class: normalizeClass(__props.className)
       }, null, 6)) : createCommentVNode("", true);
     };
   }
@@ -120,6 +148,7 @@ const _hoisted_1$1 = {
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "selection-redact",
   props: {
+    documentId: {},
     pageIndex: {},
     scale: {}
   },
@@ -128,25 +157,30 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const { plugin: redactionPlugin } = useRedactionPlugin();
     const rects = ref([]);
     const boundingRect = ref(null);
-    let unsubscribe;
-    onMounted(() => {
-      if (!redactionPlugin.value) return;
-      unsubscribe = redactionPlugin.value.onRedactionSelectionChange((formattedSelection) => {
-        const selection = formattedSelection.find((s) => s.pageIndex === props.pageIndex);
-        rects.value = (selection == null ? void 0 : selection.segmentRects) ?? [];
-        boundingRect.value = (selection == null ? void 0 : selection.rect) ?? null;
-      });
-    });
-    onUnmounted(() => {
-      unsubscribe == null ? void 0 : unsubscribe();
-    });
+    watch(
+      [redactionPlugin, () => props.documentId, () => props.pageIndex],
+      ([plugin, docId, pageIdx], _, onCleanup) => {
+        if (!plugin) {
+          rects.value = [];
+          boundingRect.value = null;
+          return;
+        }
+        const unsubscribe = plugin.onRedactionSelectionChange(docId, (formattedSelection) => {
+          const selection = formattedSelection.find((s) => s.pageIndex === pageIdx);
+          rects.value = (selection == null ? void 0 : selection.segmentRects) ?? [];
+          boundingRect.value = (selection == null ? void 0 : selection.rect) ?? null;
+        });
+        onCleanup(unsubscribe);
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       return boundingRect.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
         createVNode(_sfc_main$4, {
           color: "transparent",
           opacity: 1,
           rects: rects.value,
-          scale: _ctx.scale,
+          scale: __props.scale,
           border: "1px solid red"
         }, null, 8, ["rects", "scale"])
       ])) : createCommentVNode("", true);
@@ -161,36 +195,74 @@ const _hoisted_2 = ["onPointerdown", "onTouchstart"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "pending-redactions",
   props: {
+    documentId: {},
     pageIndex: {},
     scale: {},
-    rotation: { default: 0 },
-    bboxStroke: { default: "rgba(0,0,0,0.8)" }
+    rotation: { default: Rotation.Degree0 },
+    bboxStroke: { default: "rgba(0,0,0,0.8)" },
+    selectionMenu: {}
   },
   setup(__props) {
     const props = __props;
+    const slots = useSlots();
     const { provides: redaction } = useRedactionCapability();
     const items = ref([]);
     const selectedId = ref(null);
+    watch(
+      [redaction, () => props.documentId, () => props.pageIndex],
+      ([redactionValue, docId, pageIdx], _, onCleanup) => {
+        if (!redactionValue) {
+          items.value = [];
+          selectedId.value = null;
+          return;
+        }
+        const scoped = redactionValue.forDocument(docId);
+        const currentState = scoped.getState();
+        items.value = currentState.pending[pageIdx] ?? [];
+        selectedId.value = currentState.selected && currentState.selected.page === pageIdx ? currentState.selected.id : null;
+        const off1 = scoped.onPendingChange((map) => {
+          items.value = map[pageIdx] ?? [];
+        });
+        const off2 = scoped.onSelectedChange((sel) => {
+          selectedId.value = sel && sel.page === pageIdx ? sel.id : null;
+        });
+        onCleanup(() => {
+          off1 == null ? void 0 : off1();
+          off2 == null ? void 0 : off2();
+        });
+      },
+      { immediate: true }
+    );
     const select = (e, id) => {
       e.stopPropagation();
-      if (!redaction.value) return;
-      redaction.value.selectPending(props.pageIndex, id);
+      const redactionValue = redaction.value;
+      if (!redactionValue) return;
+      redactionValue.forDocument(props.documentId).selectPending(props.pageIndex, id);
     };
-    let unsubscribePending;
-    let unsubscribeSelection;
-    onMounted(() => {
-      if (!redaction.value) return;
-      unsubscribePending = redaction.value.onPendingChange((map) => {
-        items.value = map[props.pageIndex] ?? [];
-      });
-      unsubscribeSelection = redaction.value.onSelectedChange((sel) => {
-        selectedId.value = sel && sel.page === props.pageIndex ? sel.id : null;
-      });
-    });
-    onUnmounted(() => {
-      unsubscribePending == null ? void 0 : unsubscribePending();
-      unsubscribeSelection == null ? void 0 : unsubscribeSelection();
+    const shouldShowMenu = (itemId) => {
+      const isSelected = selectedId.value === itemId;
+      return isSelected && (!!props.selectionMenu || !!slots["selection-menu"]);
+    };
+    const buildContext = (item) => ({
+      type: "redaction",
+      item,
+      pageIndex: props.pageIndex
     });
+    const menuPlacement = {
+      suggestTop: false,
+      spaceAbove: 0,
+      spaceBelow: 0
+    };
+    const renderSelectionMenu = (item, rect, menuWrapperProps) => {
+      if (!props.selectionMenu) return null;
+      return props.selectionMenu({
+        rect,
+        menuWrapperProps,
+        selected: selectedId.value === item.id,
+        placement: menuPlacement,
+        context: buildContext(item)
+      });
+    };
     return (_ctx, _cache) => {
       return items.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
@@ -201,12 +273,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 style: normalizeStyle({
                   position: "absolute",
-                  left: `${item.rect.origin.x * _ctx.scale}px`,
-                  top: `${item.rect.origin.y * _ctx.scale}px`,
-                  width: `${item.rect.size.width * _ctx.scale}px`,
-                  height: `${item.rect.size.height * _ctx.scale}px`,
+                  left: `${item.rect.origin.x * __props.scale}px`,
+                  top: `${item.rect.origin.y * __props.scale}px`,
+                  width: `${item.rect.size.width * __props.scale}px`,
+                  height: `${item.rect.size.height * __props.scale}px`,
                   background: "transparent",
-                  outline: selectedId.value === item.id ? `1px solid ${_ctx.bboxStroke}` : "none",
+                  outline: selectedId.value === item.id ? `1px solid ${__props.bboxStroke}` : "none",
                   outlineOffset: "2px",
                   border: `1px solid red`,
                   pointerEvents: "auto",
@@ -215,34 +287,36 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 onPointerdown: (e) => select(e, item.id),
                 onTouchstart: (e) => select(e, item.id)
               }, null, 44, _hoisted_2),
-              createVNode(unref(CounterRotate), {
+              shouldShowMenu(item.id) ? (openBlock(), createBlock(unref(CounterRotate), {
+                key: 0,
                 rect: {
-                  origin: { x: item.rect.origin.x * _ctx.scale, y: item.rect.origin.y * _ctx.scale },
-                  size: { width: item.rect.size.width * _ctx.scale, height: item.rect.size.height * _ctx.scale }
+                  origin: { x: item.rect.origin.x * __props.scale, y: item.rect.origin.y * __props.scale },
+                  size: { width: item.rect.size.width * __props.scale, height: item.rect.size.height * __props.scale }
                 },
-                rotation: _ctx.rotation
+                rotation: __props.rotation
               }, {
                 default: withCtx(({ rect, menuWrapperProps }) => [
-                  renderSlot(_ctx.$slots, "selection-menu", {
-                    item,
+                  __props.selectionMenu ? (openBlock(), createBlock(resolveDynamicComponent(renderSelectionMenu(item, rect, menuWrapperProps)), { key: 0 })) : renderSlot(_ctx.$slots, "selection-menu", {
+                    key: 1,
+                    context: buildContext(item),
                     selected: selectedId.value === item.id,
-                    pageIndex: _ctx.pageIndex,
-                    menuWrapperProps,
-                    rect
+                    rect,
+                    placement: menuPlacement,
+                    menuWrapperProps
                   })
                 ]),
                 _: 2
-              }, 1032, ["rect", "rotation"])
+              }, 1032, ["rect", "rotation"])) : createCommentVNode("", true)
             ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createElementVNode("div", {
                 style: normalizeStyle({
                   position: "absolute",
-                  left: `${item.rect.origin.x * _ctx.scale}px`,
-                  top: `${item.rect.origin.y * _ctx.scale}px`,
-                  width: `${item.rect.size.width * _ctx.scale}px`,
-                  height: `${item.rect.size.height * _ctx.scale}px`,
+                  left: `${item.rect.origin.x * __props.scale}px`,
+                  top: `${item.rect.origin.y * __props.scale}px`,
+                  width: `${item.rect.size.width * __props.scale}px`,
+                  height: `${item.rect.size.height * __props.scale}px`,
                   background: "transparent",
-                  outline: selectedId.value === item.id ? `1px solid ${_ctx.bboxStroke}` : "none",
+                  outline: selectedId.value === item.id ? `1px solid ${__props.bboxStroke}` : "none",
                   outlineOffset: "2px",
                   pointerEvents: "auto",
                   cursor: selectedId.value === item.id ? "pointer" : "default"
@@ -253,34 +327,36 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   rects: item.rects,
                   color: "transparent",
                   border: "1px solid red",
-                  scale: _ctx.scale,
+                  scale: __props.scale,
                   "on-click": (e) => select(e, item.id)
                 }, null, 8, ["rect", "rects", "scale", "on-click"])
               ], 4),
-              createVNode(unref(CounterRotate), {
+              shouldShowMenu(item.id) ? (openBlock(), createBlock(unref(CounterRotate), {
+                key: 0,
                 rect: {
                   origin: {
-                    x: item.rect.origin.x * _ctx.scale,
-                    y: item.rect.origin.y * _ctx.scale
+                    x: item.rect.origin.x * __props.scale,
+                    y: item.rect.origin.y * __props.scale
                   },
                   size: {
-                    width: item.rect.size.width * _ctx.scale,
-                    height: item.rect.size.height * _ctx.scale
+                    width: item.rect.size.width * __props.scale,
+                    height: item.rect.size.height * __props.scale
                   }
                 },
-                rotation: _ctx.rotation
+                rotation: __props.rotation
               }, {
                 default: withCtx(({ rect, menuWrapperProps }) => [
-                  renderSlot(_ctx.$slots, "selection-menu", {
-                    item,
+                  __props.selectionMenu ? (openBlock(), createBlock(resolveDynamicComponent(renderSelectionMenu(item, rect, menuWrapperProps)), { key: 0 })) : renderSlot(_ctx.$slots, "selection-menu", {
+                    key: 1,
+                    context: buildContext(item),
                     selected: selectedId.value === item.id,
-                    pageIndex: _ctx.pageIndex,
-                    menuWrapperProps,
-                    rect
+                    rect,
+                    placement: menuPlacement,
+                    menuWrapperProps
                   })
                 ]),
                 _: 2
-              }, 1032, ["rect", "rotation"])
+              }, 1032, ["rect", "rotation"])) : createCommentVNode("", true)
             ], 64))
           ], 64);
         }), 128))
@@ -291,33 +367,51 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "redaction-layer",
   props: {
+    documentId: {},
     pageIndex: {},
     scale: {},
-    rotation: { default: 0 },
-    bboxStroke: { default: "rgba(0,0,0,0.8)" }
+    rotation: {},
+    bboxStroke: { default: "rgba(0,0,0,0.8)" },
+    selectionMenu: {}
   },
   setup(__props) {
+    const props = __props;
+    const documentState = useDocumentState(() => props.documentId);
+    const actualScale = computed(() => {
+      var _a;
+      if (props.scale !== void 0) return props.scale;
+      return ((_a = documentState.value) == null ? void 0 : _a.scale) ?? 1;
+    });
+    const actualRotation = computed(() => {
+      var _a;
+      if (props.rotation !== void 0) return props.rotation;
+      return ((_a = documentState.value) == null ? void 0 : _a.rotation) ?? Rotation.Degree0;
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_sfc_main$1, {
-          "page-index": _ctx.pageIndex,
-          scale: _ctx.scale,
-          rotation: _ctx.rotation,
-          "bbox-stroke": _ctx.bboxStroke
+          "document-id": __props.documentId,
+          "page-index": __props.pageIndex,
+          scale: actualScale.value,
+          rotation: actualRotation.value,
+          "bbox-stroke": __props.bboxStroke,
+          "selection-menu": __props.selectionMenu
         }, {
           "selection-menu": withCtx((slotProps) => [
             renderSlot(_ctx.$slots, "selection-menu", normalizeProps(guardReactiveProps(slotProps)))
           ]),
           _: 3
-        }, 8, ["page-index", "scale", "rotation", "bbox-stroke"]),
+        }, 8, ["document-id", "page-index", "scale", "rotation", "bbox-stroke", "selection-menu"]),
         createVNode(_sfc_main$3, {
-          "page-index": _ctx.pageIndex,
-          scale: _ctx.scale
-        }, null, 8, ["page-index", "scale"]),
+          "document-id": __props.documentId,
+          "page-index": __props.pageIndex,
+          scale: actualScale.value
+        }, null, 8, ["document-id", "page-index", "scale"]),
         createVNode(_sfc_main$2, {
-          "page-index": _ctx.pageIndex,
-          scale: _ctx.scale
-        }, null, 8, ["page-index", "scale"])
+          "document-id": __props.documentId,
+          "page-index": __props.pageIndex,
+          scale: actualScale.value
+        }, null, 8, ["document-id", "page-index", "scale"])
       ], 64);
     };
   }

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