@embedpdf/plugin-annotation 2.11.1 → 2.12.0

package/dist/svelte/index.js

@@ -210,7 +210,7 @@ var root_7 = $.from_html(`<div style="display: contents;"><!> <div><svg viewBox=
 var root_12 = $.from_html(`<div></div>`);
 var root_16 = $.from_html(`<div></div>`);
 var root_23 = $.from_html(`<div><div> </div></div>`);
-var root$h = $.from_html(`<div data-no-interaction=""><div><div><!> <!></div></div>  <div><!> <!> <div><!> <!></div></div> <!> <!></div>`);
+var root$i = $.from_html(`<div data-no-interaction=""><div><div><!> <!></div></div>  <div><!> <!> <div><!> <!></div></div> <!> <!></div>`);
 function AnnotationContainer($$anchor, $$props) {
   $.push($$props, true);
   let isEditing = $.prop($$props, "isEditing", 3, false), isMultiSelected = $.prop($$props, "isMultiSelected", 3, false), isRotatable = $.prop($$props, "isRotatable", 3, true), lockAspectRatio = $.prop($$props, "lockAspectRatio", 3, false), propsClass = $.prop($$props, "class", 3, ""), outlineOffset = $.prop($$props, "outlineOffset", 3, 1), zIndex = $.prop($$props, "zIndex", 3, 1), restProps = $.rest_props($$props, [
@@ -569,7 +569,7 @@ function AnnotationContainer($$anchor, $$props) {
       }
     };
   }
-  var div = root$h();
+  var div = root$i();
   var div_1 = $.child(div);
   let styles;
   var div_2 = $.child(div_1);
@@ -1735,7 +1735,7 @@ function GroupSelectionBox($$anchor, $$props) {
   $.pop();
 }
 $.delegate(["pointermove"]);
-var root$g = $.from_html(`<div role="link" tabindex="-1"></div>`);
+var root$h = $.from_html(`<div role="link" tabindex="-1"></div>`);
 function LinkLockedMode($$anchor, $$props) {
   $.push($$props, true);
   const { provides } = useAnnotationCapability();
@@ -1744,7 +1744,7 @@ function LinkLockedMode($$anchor, $$props) {
     if (!target || !provides) return;
     provides.forDocument($$props.documentId).navigateTarget(target);
   }
-  var div = root$g();
+  var div = root$h();
   div.__click = handleClick;
   div.__keydown = (e) => {
     if (e.key === "Enter") handleClick();
@@ -1759,10 +1759,10 @@ function LinkLockedMode($$anchor, $$props) {
   $.pop();
 }
 $.delegate(["click", "keydown"]);
-var root$f = $.from_html(`<div></div>`);
+var root$g = $.from_html(`<div></div>`);
 function LinkPreview($$anchor, $$props) {
   $.push($$props, true);
-  var div = root$f();
+  var div = root$g();
   let styles;
   $.template_effect(() => styles = $.set_style(div, "", styles, {
     position: "absolute",
@@ -1779,7 +1779,7 @@ function LinkPreview($$anchor, $$props) {
 }
 var root_1$d = $.from_svg(`<path fill="none" stroke="transparent"></path>`);
 var root_3$3 = $.from_svg(`<path fill="none"></path>`);
-var root$e = $.from_svg(`<svg><!><!></svg>`);
+var root$f = $.from_svg(`<svg><!><!></svg>`);
 function Ink($$anchor, $$props) {
   $.push($$props, true);
   const MIN_HIT_AREA_SCREEN_PX = 20;
@@ -1798,7 +1798,7 @@ function Ink($$anchor, $$props) {
   const width = $.derived(() => $$props.rect.size.width * $$props.scale);
   const height = $.derived(() => $$props.rect.size.height * $$props.scale);
   const hitStrokeWidth = $.derived(() => Math.max($$props.strokeWidth, MIN_HIT_AREA_SCREEN_PX / $$props.scale));
-  var svg = root$e();
+  var svg = root$f();
   let styles;
   var node = $.child(svg);
   $.each(node, 19, () => $.get(paths), (d, i) => `hit-${i}`, ($$anchor2, d) => {
@@ -1873,7 +1873,7 @@ var root_1$c = $.from_svg(`<path fill="transparent" stroke="transparent"></path>
 var root_2$9 = $.from_svg(`<rect fill="transparent" stroke="transparent"></rect>`);
 var root_4$5 = $.from_svg(`<path stroke-linejoin="round"></path>`);
 var root_5$4 = $.from_svg(`<rect></rect>`);
-var root$d = $.from_svg(`<svg overflow="visible"><!><!></svg>`);
+var root$e = $.from_svg(`<svg overflow="visible"><!><!></svg>`);
 function Square($$anchor, $$props) {
   $.push($$props, true);
   const MIN_HIT_AREA_SCREEN_PX = 20;
@@ -1912,7 +1912,7 @@ function Square($$anchor, $$props) {
     var _a;
     return strokeStyle() === PdfAnnotationBorderStyle.DASHED ? (_a = $$props.strokeDashArray) == null ? void 0 : _a.join(",") : void 0;
   });
-  var svg = root$d();
+  var svg = root$e();
   let styles;
   var node = $.child(svg);
   {
@@ -2038,7 +2038,7 @@ var root_1$b = $.from_svg(`<path fill="transparent" stroke="transparent"></path>
 var root_2$8 = $.from_svg(`<ellipse fill="transparent" stroke="transparent"></ellipse>`);
 var root_4$4 = $.from_svg(`<path stroke-linejoin="round"></path>`);
 var root_5$3 = $.from_svg(`<ellipse></ellipse>`);
-var root$c = $.from_svg(`<svg overflow="visible"><!><!></svg>`);
+var root$d = $.from_svg(`<svg overflow="visible"><!><!></svg>`);
 function Circle($$anchor, $$props) {
   $.push($$props, true);
   const MIN_HIT_AREA_SCREEN_PX = 20;
@@ -2076,7 +2076,7 @@ function Circle($$anchor, $$props) {
   let svgHeight = $.derived(() => $.get(height) * $$props.scale);
   let hitStrokeWidth = $.derived(() => Math.max($$props.strokeWidth, MIN_HIT_AREA_SCREEN_PX / $$props.scale));
   let peValue = $.derived(() => !$$props.onClick ? "none" : $$props.isSelected ? "none" : color() === "transparent" ? "visibleStroke" : "visible");
-  var svg = root$c();
+  var svg = root$d();
   let styles;
   var node = $.child(svg);
   {
@@ -2208,7 +2208,7 @@ var root_2$7 = $.from_svg(`<path fill="transparent" stroke="transparent"></path>
 var root_4$3 = $.from_svg(`<path></path>`);
 var root_5$2 = $.from_svg(`<path></path>`);
 var root_3$2 = $.from_svg(`<line></line><!><!>`, 1);
-var root$b = $.from_svg(`<svg><line stroke="transparent"></line><!><!><!></svg>`);
+var root$c = $.from_svg(`<svg><line stroke="transparent"></line><!><!><!></svg>`);
 function Line($$anchor, $$props) {
   $.push($$props, true);
   const MIN_HIT_AREA_SCREEN_PX = 20;
@@ -2232,7 +2232,7 @@ function Line($$anchor, $$props) {
     var _a;
     return strokeStyle() === PdfAnnotationBorderStyle.DASHED ? (_a = $$props.strokeDashArray) == null ? void 0 : _a.join(",") : void 0;
   });
-  var svg = root$b();
+  var svg = root$c();
   let styles;
   var line = $.child(svg);
   line.__pointerdown = function(...$$args) {
@@ -2399,7 +2399,7 @@ var root_2$6 = $.from_svg(`<path fill="transparent" stroke="transparent"></path>
 var root_4$2 = $.from_svg(`<path></path>`);
 var root_5$1 = $.from_svg(`<path></path>`);
 var root_3$1 = $.from_svg(`<path></path><!><!>`, 1);
-var root$a = $.from_svg(`<svg><path fill="none" stroke="transparent"></path><!><!><!></svg>`);
+var root$b = $.from_svg(`<svg><path fill="none" stroke="transparent"></path><!><!><!></svg>`);
 function Polyline($$anchor, $$props) {
   $.push($$props, true);
   const MIN_HIT_AREA_SCREEN_PX = 20;
@@ -2427,7 +2427,7 @@ function Polyline($$anchor, $$props) {
     var _a;
     return strokeStyle() === PdfAnnotationBorderStyle.DASHED ? (_a = $$props.strokeDashArray) == null ? void 0 : _a.join(",") : void 0;
   });
-  var svg = root$a();
+  var svg = root$b();
   let styles;
   var path = $.child(svg);
   path.__pointerdown = function(...$$args) {
@@ -2590,7 +2590,7 @@ var root_2$5 = $.from_svg(`<path></path>`);
 var root_4$1 = $.from_svg(`<path fill="none"></path>`);
 var root_5 = $.from_svg(`<rect></rect>`);
 var root_3 = $.from_svg(`<path></path><!><!>`, 1);
-var root$9 = $.from_svg(`<svg><path fill="transparent" stroke="transparent"></path><!></svg>`);
+var root$a = $.from_svg(`<svg><path fill="transparent" stroke="transparent"></path><!></svg>`);
 function Polygon($$anchor, $$props) {
   $.push($$props, true);
   const MIN_HIT_AREA_SCREEN_PX = 20;
@@ -2616,7 +2616,7 @@ function Polygon($$anchor, $$props) {
     var _a;
     return strokeStyle() === PdfAnnotationBorderStyle.DASHED ? (_a = $$props.strokeDashArray) == null ? void 0 : _a.join(",") : void 0;
   });
-  var svg = root$9();
+  var svg = root$a();
   let styles;
   var path = $.child(svg);
   path.__pointerdown = function(...$$args) {
@@ -2748,10 +2748,10 @@ function PolygonPreview($$anchor, $$props) {
     () => $$props.data
   ));
 }
-var root$8 = $.from_html(`<div></div>`);
+var root$9 = $.from_html(`<div></div>`);
 function FreeTextPreview($$anchor, $$props) {
   $.push($$props, true);
-  var div = root$8();
+  var div = root$9();
   let styles;
   $.template_effect(() => styles = $.set_style(div, "", styles, {
     width: "100%",
@@ -2762,6 +2762,26 @@ function FreeTextPreview($$anchor, $$props) {
   $.append($$anchor, div);
   $.pop();
 }
+var root$8 = $.from_html(`<img alt=""/>`);
+function StampPreview($$anchor, $$props) {
+  $.push($$props, true);
+  const rotationDeg = $.derived(() => (4 - $$props.data.pageRotation) % 4 * 90);
+  var img = root$8();
+  let styles;
+  $.template_effect(() => {
+    $.set_attribute(img, "src", $$props.data.ghostUrl);
+    styles = $.set_style(img, "", styles, {
+      width: "100%",
+      height: "100%",
+      opacity: "0.6",
+      "object-fit": "contain",
+      "pointer-events": "none",
+      transform: $.get(rotationDeg) ? `rotate(${$.get(rotationDeg)}deg)` : void 0
+    });
+  });
+  $.append($$anchor, img);
+  $.pop();
+}
 function InkRenderer($$anchor, $$props) {
   Ink($$anchor, $.spread_props(() => $$props.currentObject, {
     get isSelected() {
@@ -3798,7 +3818,9 @@ const builtInRenderers = [
   createRenderer({
     id: "stamp",
     matches: (a) => a.type === PdfAnnotationSubtype.STAMP,
+    matchesPreview: (p) => p.type === PdfAnnotationSubtype.STAMP,
     component: StampRenderer,
+    renderPreview: StampPreview,
     useAppearanceStream: false,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
@@ -3834,7 +3856,10 @@ function Annotations($$anchor, $$props) {
   let annotationsProps = $.rest_props($$props, ["$$slots", "$$events", "$$legacy"]);
   const annotationCapability = useAnnotationCapability();
   const selectionCapability = useSelectionCapability();
-  const pointerHandlers = usePointerHandlers({ documentId: $$props.documentId, pageIndex: $$props.pageIndex });
+  const pointerHandlers = usePointerHandlers({
+    documentId: () => $$props.documentId,
+    pageIndex: $$props.pageIndex
+  });
   let annotations = $.state($.proxy([]));
   let allSelectedIds = $.state($.proxy([]));
   let editingId = $.state(null);
@@ -4542,13 +4567,12 @@ function PreviewRenderer($$anchor, $$props) {
   $.append($$anchor, fragment);
   $.pop();
 }
-var root$1 = $.from_html(`<input type="file"/> <canvas></canvas> <!>`, 1);
+var root$1 = $.from_html(`<input type="file"/> <!>`, 1);
 function AnnotationPaintLayer($$anchor, $$props) {
   $.push($$props, true);
   const annotationPlugin = useAnnotationPlugin();
   let previews = $.state($.proxy(/* @__PURE__ */ new Map()));
   let fileInputRef = $.state(null);
-  let canvasRef = $.state(null);
   const services = {
     requestFile: ({ accept, onFile }) => {
       if (!$.get(fileInputRef)) return;
@@ -4563,29 +4587,6 @@ function AnnotationPaintLayer($$anchor, $$props) {
         }
       };
       input.click();
-    },
-    processImage: ({ source, maxWidth, maxHeight, onComplete }) => {
-      const canvas = $.get(canvasRef);
-      if (!canvas || !canvas.getContext) return;
-      const ctx = canvas.getContext("2d");
-      if (!ctx) return;
-      const img = new Image();
-      img.crossOrigin = "Anonymous";
-      img.onload = () => {
-        let { naturalWidth: width, naturalHeight: height } = img;
-        const scaleX = maxWidth ? maxWidth / width : 1;
-        const scaleY = maxHeight ? maxHeight / height : 1;
-        const scaleFactor = Math.min(scaleX, scaleY, 1);
-        const finalWidth = width * scaleFactor;
-        const finalHeight = height * scaleFactor;
-        canvas.width = finalWidth;
-        canvas.height = finalHeight;
-        ctx.drawImage(img, 0, 0, finalWidth, finalHeight);
-        const imageData = ctx.getImageData(0, 0, finalWidth, finalHeight);
-        if (typeof source !== "string") URL.revokeObjectURL(img.src);
-        onComplete({ imageData, width: finalWidth, height: finalHeight });
-      };
-      img.src = typeof source === "string" ? source : URL.createObjectURL(source);
     }
   };
   $.user_effect(() => {
@@ -4606,10 +4607,7 @@ function AnnotationPaintLayer($$anchor, $$props) {
   var input_1 = $.first_child(fragment);
   $.set_style(input_1, "", {}, { display: "none" });
   $.bind_this(input_1, ($$value) => $.set(fileInputRef, $$value), () => $.get(fileInputRef));
-  var canvas_1 = $.sibling(input_1, 2);
-  $.set_style(canvas_1, "", {}, { display: "none" });
-  $.bind_this(canvas_1, ($$value) => $.set(canvasRef, $$value), () => $.get(canvasRef));
-  var node = $.sibling(canvas_1, 2);
+  var node = $.sibling(input_1, 2);
   $.each(node, 17, () => Array.from($.get(previews).entries()), ([toolId, preview]) => toolId, ($$anchor2, $$item) => {
     var $$array = $.derived(() => $.to_array($.get($$item), 2));
     let toolId = () => $.get($$array)[0];