@embedpdf/plugin-redaction 1.0.19 → 1.0.21

package/dist/vue/index.js

@@ -1,8 +1,318 @@
 import { usePlugin, useCapability } from "@embedpdf/core/vue";
 import { RedactionPlugin } 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 _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "highlight",
+  props: {
+    color: { default: "#FFFF00" },
+    opacity: { default: 0.5 },
+    border: { default: "1px solid red" },
+    rects: {},
+    rect: {},
+    scale: {},
+    onClick: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const boundingRect = props.rect;
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rects, (rect, i) => {
+        return openBlock(), createElementBlock("div", mergeProps({
+          key: i,
+          onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
+          (...args) => _ctx.onClick && _ctx.onClick(...args)),
+          onTouchstart: _cache[1] || (_cache[1] = //@ts-ignore
+          (...args) => _ctx.onClick && _ctx.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
+          }
+        }, { ref_for: true }, _ctx.$attrs), null, 16);
+      }), 128);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "marquee-redact",
+  props: {
+    pageIndex: {},
+    scale: {},
+    className: {},
+    stroke: { default: "red" },
+    fill: { default: "transparent" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { plugin: redactionPlugin } = useRedactionPlugin();
+    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();
+    });
+    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,
+          boxSizing: "border-box"
+        }),
+        class: normalizeClass(_ctx.className)
+      }, null, 6)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$1 = {
+  key: 0,
+  style: {
+    mixBlendMode: "normal",
+    pointerEvents: "none",
+    position: "absolute",
+    inset: 0
+  }
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "selection-redact",
+  props: {
+    pageIndex: {},
+    scale: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { provides: redactionProvides } = useRedactionCapability();
+    const rects = ref([]);
+    const boundingRect = ref(null);
+    let unsubscribe;
+    onMounted(() => {
+      if (!redactionProvides.value) return;
+      unsubscribe = redactionProvides.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();
+    });
+    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,
+          border: "1px solid red"
+        }, null, 8, ["rects", "scale"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  style: { position: "absolute", inset: 0, pointerEvents: "none" }
+};
+const _hoisted_2 = ["onPointerdown", "onTouchstart"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "pending-redactions",
+  props: {
+    pageIndex: {},
+    scale: {},
+    rotation: { default: 0 },
+    bboxStroke: { default: "rgba(0,0,0,0.8)" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { provides: redaction } = useRedactionCapability();
+    const items = ref([]);
+    const selectedId = ref(null);
+    const select = (e, id) => {
+      e.stopPropagation();
+      if (!redaction.value) return;
+      redaction.value.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.onSelectionChange((sel) => {
+        selectedId.value = sel && sel.page === props.pageIndex ? sel.id : null;
+      });
+    });
+    onUnmounted(() => {
+      unsubscribePending == null ? void 0 : unsubscribePending();
+      unsubscribeSelection == null ? void 0 : unsubscribeSelection();
+    });
+    return (_ctx, _cache) => {
+      return items.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: item.id
+          }, [
+            item.kind === "area" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              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`,
+                  background: "transparent",
+                  outline: selectedId.value === item.id ? `1px solid ${_ctx.bboxStroke}` : "none",
+                  outlineOffset: "2px",
+                  border: `1px solid red`,
+                  pointerEvents: "auto",
+                  cursor: "pointer"
+                }),
+                onPointerdown: (e) => select(e, item.id),
+                onTouchstart: (e) => select(e, item.id)
+              }, null, 44, _hoisted_2),
+              createVNode(unref(CounterRotate), {
+                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 }
+                },
+                rotation: _ctx.rotation
+              }, {
+                default: withCtx(({ rect, menuWrapperProps }) => [
+                  renderSlot(_ctx.$slots, "selection-menu", {
+                    item,
+                    selected: selectedId.value === item.id,
+                    pageIndex: _ctx.pageIndex,
+                    menuWrapperProps,
+                    rect
+                  })
+                ]),
+                _: 2
+              }, 1032, ["rect", "rotation"])
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              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`,
+                  background: "transparent",
+                  outline: selectedId.value === item.id ? `1px solid ${_ctx.bboxStroke}` : "none",
+                  outlineOffset: "2px",
+                  pointerEvents: "auto",
+                  cursor: selectedId.value === item.id ? "pointer" : "default"
+                })
+              }, [
+                createVNode(_sfc_main$4, {
+                  rect: item.boundingRect,
+                  rects: item.rects,
+                  color: "transparent",
+                  border: "1px solid red",
+                  scale: _ctx.scale,
+                  "on-click": (e) => select(e, item.id)
+                }, null, 8, ["rect", "rects", "scale", "on-click"])
+              ], 4),
+              createVNode(unref(CounterRotate), {
+                rect: {
+                  origin: {
+                    x: item.boundingRect.origin.x * _ctx.scale,
+                    y: item.boundingRect.origin.y * _ctx.scale
+                  },
+                  size: {
+                    width: item.boundingRect.size.width * _ctx.scale,
+                    height: item.boundingRect.size.height * _ctx.scale
+                  }
+                },
+                rotation: _ctx.rotation
+              }, {
+                default: withCtx(({ rect, menuWrapperProps }) => [
+                  renderSlot(_ctx.$slots, "selection-menu", {
+                    item,
+                    selected: selectedId.value === item.id,
+                    pageIndex: _ctx.pageIndex,
+                    menuWrapperProps,
+                    rect
+                  })
+                ]),
+                _: 2
+              }, 1032, ["rect", "rotation"])
+            ], 64))
+          ], 64);
+        }), 128))
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "redaction-layer",
+  props: {
+    pageIndex: {},
+    scale: {},
+    rotation: { default: 0 },
+    bboxStroke: { default: "rgba(0,0,0,0.8)" }
+  },
+  setup(__props) {
+    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
+        }, {
+          "selection-menu": withCtx((slotProps) => [
+            renderSlot(_ctx.$slots, "selection-menu", normalizeProps(guardReactiveProps(slotProps)))
+          ]),
+          _: 3
+        }, 8, ["page-index", "scale", "rotation", "bbox-stroke"]),
+        createVNode(_sfc_main$3, {
+          "page-index": _ctx.pageIndex,
+          scale: _ctx.scale
+        }, null, 8, ["page-index", "scale"]),
+        createVNode(_sfc_main$2, {
+          "page-index": _ctx.pageIndex,
+          scale: _ctx.scale
+        }, null, 8, ["page-index", "scale"])
+      ], 64);
+    };
+  }
+});
 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,
   useRedactionCapability,
   useRedactionPlugin
 };

package/dist/vue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-redaction.ts"],"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"],"names":[],"mappings":";;AAGO,MAAM,qBAAqB,MAAM,UAA2B,gBAAgB,EAAE;AAC9E,MAAM,yBAAyB,MAAM,cAA+B,gBAAgB,EAAE;"}
+{"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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-redaction",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -23,24 +23,25 @@
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.0.19"
+    "@embedpdf/models": "1.0.21",
+    "@embedpdf/utils": "1.0.20"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
     "@embedpdf/build": "1.0.0",
-    "@embedpdf/core": "1.0.19",
-    "@embedpdf/plugin-selection": "1.0.19",
-    "@embedpdf/plugin-interaction-manager": "1.0.19"
+    "@embedpdf/plugin-selection": "1.0.21",
+    "@embedpdf/plugin-interaction-manager": "1.0.21",
+    "@embedpdf/core": "1.0.21"
   },
   "peerDependencies": {
     "preact": "^10.26.4",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "vue": ">=3.2.0",
-    "@embedpdf/core": "1.0.19",
-    "@embedpdf/plugin-selection": "1.0.19",
-    "@embedpdf/plugin-interaction-manager": "1.0.19"
+    "@embedpdf/plugin-selection": "1.0.21",
+    "@embedpdf/core": "1.0.21",
+    "@embedpdf/plugin-interaction-manager": "1.0.21"
   },
   "files": [
     "dist",
@@ -49,7 +50,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/embedpdf/embed-pdf-viewer",
-    "directory": "packages/plugin-render"
+    "directory": "packages/plugin-redaction"
   },
   "homepage": "https://www.embedpdf.com/docs",
   "bugs": {