@embedpdf/plugin-redaction 1.3.11 → 1.3.13

package/dist/vue/index.js

@@ -1,15 +1,30 @@
+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 } from "@embedpdf/plugin-redaction";
+import { RedactionPlugin, initialState } from "@embedpdf/plugin-redaction";
 export * from "@embedpdf/plugin-redaction";
-import { defineComponent, createElementBlock, openBlock, Fragment, renderList, mergeProps, unref, ref, onMounted, onUnmounted, createCommentVNode, normalizeClass, normalizeStyle, createVNode, createElementVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { CounterRotate } from "@embedpdf/utils/vue";
 const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
 const useRedactionCapability = () => useCapability(RedactionPlugin.id);
+const useRedaction = () => {
+  const { provides } = useRedactionCapability();
+  const state = ref(initialState);
+  watchEffect((onCleanup) => {
+    if (!provides.value) return;
+    const unsubscribe = provides.value.onStateChange((newState) => {
+      state.value = newState;
+    });
+    onCleanup(unsubscribe);
+  });
+  return {
+    state: readonly(state),
+    provides
+  };
+};
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "highlight",
   props: {
     color: { default: "#FFFF00" },
-    opacity: { default: 0.5 },
+    opacity: { default: 1 },
     border: { default: "1px solid red" },
     rects: {},
     rect: {},
@@ -110,13 +125,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { provides: redactionProvides } = useRedactionCapability();
+    const { plugin: redactionPlugin } = useRedactionPlugin();
     const rects = ref([]);
     const boundingRect = ref(null);
     let unsubscribe;
     onMounted(() => {
-      if (!redactionProvides.value) return;
-      unsubscribe = redactionProvides.value.onRedactionSelectionChange((formattedSelection) => {
+      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;
@@ -168,7 +183,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       unsubscribePending = redaction.value.onPendingChange((map) => {
         items.value = map[props.pageIndex] ?? [];
       });
-      unsubscribeSelection = redaction.value.onSelectionChange((sel) => {
+      unsubscribeSelection = redaction.value.onSelectedChange((sel) => {
         selectedId.value = sel && sel.page === props.pageIndex ? sel.id : null;
       });
     });
@@ -222,10 +237,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 style: normalizeStyle({
                   position: "absolute",
-                  left: `${item.boundingRect.origin.x * _ctx.scale}px`,
-                  top: `${item.boundingRect.origin.y * _ctx.scale}px`,
-                  width: `${item.boundingRect.size.width * _ctx.scale}px`,
-                  height: `${item.boundingRect.size.height * _ctx.scale}px`,
+                  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`,
                   background: "transparent",
                   outline: selectedId.value === item.id ? `1px solid ${_ctx.bboxStroke}` : "none",
                   outlineOffset: "2px",
@@ -234,7 +249,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 })
               }, [
                 createVNode(_sfc_main$4, {
-                  rect: item.boundingRect,
+                  rect: item.rect,
                   rects: item.rects,
                   color: "transparent",
                   border: "1px solid red",
@@ -245,12 +260,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createVNode(unref(CounterRotate), {
                 rect: {
                   origin: {
-                    x: item.boundingRect.origin.x * _ctx.scale,
-                    y: item.boundingRect.origin.y * _ctx.scale
+                    x: item.rect.origin.x * _ctx.scale,
+                    y: item.rect.origin.y * _ctx.scale
                   },
                   size: {
-                    width: item.boundingRect.size.width * _ctx.scale,
-                    height: item.boundingRect.size.height * _ctx.scale
+                    width: item.rect.size.width * _ctx.scale,
+                    height: item.rect.size.height * _ctx.scale
                   }
                 },
                 rotation: _ctx.rotation
@@ -313,6 +328,7 @@ export {
   _sfc_main$1 as PendingRedactions,
   _sfc_main as RedactionLayer,
   _sfc_main$2 as SelectionRedact,
+  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 { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { RedactionPlugin } from '@embedpdf/plugin-redaction';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n","<template>\n  <div\n    v-for=\"(rect, i) in rects\"\n    :key=\"i\"\n    @pointerdown=\"onClick\"\n    @touchstart=\"onClick\"\n    :style=\"{\n      position: 'absolute',\n      border,\n      left: `${(boundingRect ? rect.origin.x - boundingRect.origin.x : rect.origin.x) * scale}px`,\n      top: `${(boundingRect ? rect.origin.y - boundingRect.origin.y : rect.origin.y) * scale}px`,\n      width: `${rect.size.width * scale}px`,\n      height: `${rect.size.height * scale}px`,\n      background: color,\n      opacity: opacity,\n      pointerEvents: onClick ? 'auto' : 'none',\n      cursor: onClick ? 'pointer' : 'default',\n      zIndex: onClick ? 1 : undefined,\n    }\"\n    v-bind=\"$attrs\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type { Rect } from '@embedpdf/models';\n\ninterface HighlightProps {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: PointerEvent | TouchEvent) => void;\n}\n\nconst props = withDefaults(defineProps<HighlightProps>(), {\n  color: '#FFFF00',\n  opacity: 0.5,\n  border: '1px solid red',\n});\n\n// Rename rect to boundingRect for clarity in template\nconst boundingRect = props.rect;\n</script>\n","<template>\n  <div\n    v-if=\"rect\"\n    :style=\"{\n      position: 'absolute',\n      pointerEvents: 'none',\n      left: `${rect.origin.x * scale}px`,\n      top: `${rect.origin.y * scale}px`,\n      width: `${rect.size.width * scale}px`,\n      height: `${rect.size.height * scale}px`,\n      border: `1px solid ${stroke}`,\n      background: fill,\n      boxSizing: 'border-box',\n    }\"\n    :class=\"className\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nconst props = withDefaults(defineProps<MarqueeRedactProps>(), {\n  stroke: 'red',\n  fill: 'transparent',\n});\n\nconst { plugin: redactionPlugin } = useRedactionPlugin();\nconst rect = ref<Rect | null>(null);\n\nlet unregister: (() => void) | undefined;\n\nonMounted(() => {\n  if (!redactionPlugin.value) return;\n\n  unregister = redactionPlugin.value.registerMarqueeOnPage({\n    pageIndex: props.pageIndex,\n    scale: props.scale,\n    callback: {\n      onPreview: (newRect) => {\n        rect.value = newRect;\n      },\n    },\n  });\n});\n\nonUnmounted(() => {\n  unregister?.();\n});\n</script>\n","<template>\n  <div\n    v-if=\"boundingRect\"\n    :style=\"{\n      mixBlendMode: 'normal',\n      pointerEvents: 'none',\n      position: 'absolute',\n      inset: 0,\n    }\"\n  >\n    <Highlight\n      :color=\"'transparent'\"\n      :opacity=\"1\"\n      :rects=\"rects\"\n      :scale=\"scale\"\n      border=\"1px solid red\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { useRedactionCapability } from '../hooks/use-redaction';\nimport Highlight from './highlight.vue';\n\ninterface SelectionRedactProps {\n  pageIndex: number;\n  scale: number;\n}\n\nconst props = defineProps<SelectionRedactProps>();\n\nconst { provides: redactionProvides } = useRedactionCapability();\nconst rects = ref<Rect[]>([]);\nconst boundingRect = ref<Rect | null>(null);\n\nlet unsubscribe: (() => void) | undefined;\n\nonMounted(() => {\n  if (!redactionProvides.value) return;\n\n  unsubscribe = redactionProvides.value.onRedactionSelectionChange((formattedSelection) => {\n    const selection = formattedSelection.find((s) => s.pageIndex === props.pageIndex);\n    rects.value = selection?.segmentRects ?? [];\n    boundingRect.value = selection?.rect ?? null;\n  });\n});\n\nonUnmounted(() => {\n  unsubscribe?.();\n});\n</script>\n","<template>\n  <div v-if=\"items.length\" :style=\"{ position: 'absolute', inset: 0, pointerEvents: 'none' }\">\n    <template v-for=\"item in items\" :key=\"item.id\">\n      <!-- Area redaction -->\n      <template v-if=\"item.kind === 'area'\">\n        <div\n          :style=\"{\n            position: 'absolute',\n            left: `${item.rect.origin.x * scale}px`,\n            top: `${item.rect.origin.y * scale}px`,\n            width: `${item.rect.size.width * scale}px`,\n            height: `${item.rect.size.height * scale}px`,\n            background: 'transparent',\n            outline: selectedId === item.id ? `1px solid ${bboxStroke}` : 'none',\n            outlineOffset: '2px',\n            border: `1px solid red`,\n            pointerEvents: 'auto',\n            cursor: 'pointer',\n          }\"\n          @pointerdown=\"(e: PointerEvent) => select(e, item.id)\"\n          @touchstart=\"(e: TouchEvent) => select(e, item.id)\"\n        />\n        <CounterRotate\n          :rect=\"{\n            origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n            size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n          }\"\n          :rotation=\"rotation\"\n        >\n          <template #default=\"{ rect, menuWrapperProps }\">\n            <slot\n              name=\"selection-menu\"\n              :item=\"item\"\n              :selected=\"selectedId === item.id\"\n              :page-index=\"pageIndex\"\n              :menu-wrapper-props=\"menuWrapperProps\"\n              :rect=\"rect\"\n            />\n          </template>\n        </CounterRotate>\n      </template>\n\n      <!-- Text redaction -->\n      <template v-else>\n        <div\n          :style=\"{\n            position: 'absolute',\n            left: `${item.boundingRect.origin.x * scale}px`,\n            top: `${item.boundingRect.origin.y * scale}px`,\n            width: `${item.boundingRect.size.width * scale}px`,\n            height: `${item.boundingRect.size.height * scale}px`,\n            background: 'transparent',\n            outline: selectedId === item.id ? `1px solid ${bboxStroke}` : 'none',\n            outlineOffset: '2px',\n            pointerEvents: 'auto',\n            cursor: selectedId === item.id ? 'pointer' : 'default',\n          }\"\n        >\n          <Highlight\n            :rect=\"item.boundingRect\"\n            :rects=\"item.rects\"\n            color=\"transparent\"\n            border=\"1px solid red\"\n            :scale=\"scale\"\n            :on-click=\"(e: PointerEvent | TouchEvent) => select(e, item.id)\"\n          />\n        </div>\n        <CounterRotate\n          :rect=\"{\n            origin: {\n              x: item.boundingRect.origin.x * scale,\n              y: item.boundingRect.origin.y * scale,\n            },\n            size: {\n              width: item.boundingRect.size.width * scale,\n              height: item.boundingRect.size.height * scale,\n            },\n          }\"\n          :rotation=\"rotation\"\n        >\n          <template #default=\"{ rect, menuWrapperProps }\">\n            <slot\n              name=\"selection-menu\"\n              :item=\"item\"\n              :selected=\"selectedId === item.id\"\n              :page-index=\"pageIndex\"\n              :menu-wrapper-props=\"menuWrapperProps\"\n              :rect=\"rect\"\n            />\n          </template>\n        </CounterRotate>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport { CounterRotate } from '@embedpdf/utils/vue';\nimport type { Rotation } from '@embedpdf/models';\nimport type { RedactionItem } from '@embedpdf/plugin-redaction';\nimport { useRedactionCapability } from '../hooks/use-redaction';\nimport Highlight from './highlight.vue';\n\ninterface PendingRedactionsProps {\n  pageIndex: number;\n  scale: number;\n  rotation?: Rotation;\n  bboxStroke?: string;\n}\n\nconst props = withDefaults(defineProps<PendingRedactionsProps>(), {\n  rotation: 0,\n  bboxStroke: 'rgba(0,0,0,0.8)',\n});\n\nconst { provides: redaction } = useRedactionCapability();\nconst items = ref<RedactionItem[]>([]);\nconst selectedId = ref<string | null>(null);\n\nconst select = (e: PointerEvent | TouchEvent, id: string) => {\n  e.stopPropagation();\n  if (!redaction.value) return;\n  redaction.value.selectPending(props.pageIndex, id);\n};\n\nlet unsubscribePending: (() => void) | undefined;\nlet unsubscribeSelection: (() => void) | undefined;\n\nonMounted(() => {\n  if (!redaction.value) return;\n\n  unsubscribePending = redaction.value.onPendingChange((map) => {\n    items.value = map[props.pageIndex] ?? [];\n  });\n\n  unsubscribeSelection = redaction.value.onSelectionChange((sel) => {\n    selectedId.value = sel && sel.page === props.pageIndex ? sel.id : null;\n  });\n});\n\nonUnmounted(() => {\n  unsubscribePending?.();\n  unsubscribeSelection?.();\n});\n</script>\n","<template>\n  <PendingRedactions\n    :page-index=\"pageIndex\"\n    :scale=\"scale\"\n    :rotation=\"rotation\"\n    :bbox-stroke=\"bboxStroke\"\n  >\n    <template #selection-menu=\"slotProps\">\n      <slot name=\"selection-menu\" v-bind=\"slotProps\" />\n    </template>\n  </PendingRedactions>\n  <MarqueeRedact :page-index=\"pageIndex\" :scale=\"scale\" />\n  <SelectionRedact :page-index=\"pageIndex\" :scale=\"scale\" />\n</template>\n\n<script setup lang=\"ts\">\nimport type { Rotation } from '@embedpdf/models';\nimport PendingRedactions from './pending-redactions.vue';\nimport MarqueeRedact from './marquee-redact.vue';\nimport SelectionRedact from './selection-redact.vue';\n\ninterface RedactionLayerProps {\n  pageIndex: number;\n  scale: number;\n  rotation?: Rotation;\n  bboxStroke?: string;\n}\n\nwithDefaults(defineProps<RedactionLayerProps>(), {\n  rotation: 0,\n  bboxStroke: 'rgba(0,0,0,0.8)',\n});\n</script>\n"],"names":["_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, 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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-redaction",
-  "version": "1.3.11",
+  "version": "1.3.13",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -21,28 +21,33 @@
       "types": "./dist/react/index.d.ts",
       "import": "./dist/react/index.js",
       "require": "./dist/react/index.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.js",
+      "require": "./dist/vue/index.cjs"
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.3.11",
-    "@embedpdf/utils": "1.3.11"
+    "@embedpdf/models": "1.3.13",
+    "@embedpdf/utils": "1.3.13"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
     "@embedpdf/build": "1.0.1",
-    "@embedpdf/core": "1.3.11",
-    "@embedpdf/plugin-selection": "1.3.11",
-    "@embedpdf/plugin-interaction-manager": "1.3.11"
+    "@embedpdf/core": "1.3.13",
+    "@embedpdf/plugin-selection": "1.3.13",
+    "@embedpdf/plugin-interaction-manager": "1.3.13"
   },
   "peerDependencies": {
     "preact": "^10.26.4",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "vue": ">=3.2.0",
-    "@embedpdf/core": "1.3.11",
-    "@embedpdf/plugin-selection": "1.3.11",
-    "@embedpdf/plugin-interaction-manager": "1.3.11"
+    "@embedpdf/plugin-selection": "1.3.13",
+    "@embedpdf/plugin-interaction-manager": "1.3.13",
+    "@embedpdf/core": "1.3.13"
   },
   "files": [
     "dist",