@embedpdf/plugin-annotation 1.0.16 → 1.0.18

package/dist/preact/index.js

@@ -1,11 +1,12 @@
 import { usePlugin, useCapability } from "@embedpdf/core/preact";
 import { AnnotationPlugin, patching, getAnnotationsByPageIndex, getSelectedAnnotationByPageIndex, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp } from "@embedpdf/plugin-annotation";
 import { jsx, jsxs, Fragment as Fragment$1 } from "preact/jsx-runtime";
-import { restoreOffset, rectEquals, PdfAnnotationBorderStyle, PdfAnnotationSubtype, expandRect, rectFromPoints, textAlignmentToCss, standardFontCss, PdfVerticalAlignment, ignore, PdfErrorCode, blendModeToCss, PdfBlendMode } from "@embedpdf/models";
+import { restoreOffset, rectEquals, PdfAnnotationBorderStyle, PdfAnnotationSubtype, expandRect, rectFromPoints, textAlignmentToCss, standardFontCss, PdfVerticalAlignment, ignore, PdfErrorCode, blendModeToCss, PdfBlendMode, uuidV4 } from "@embedpdf/models";
 import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/preact";
 import { useSelectionCapability } from "@embedpdf/plugin-selection/preact";
 import { Fragment } from "preact";
 import { useState, useRef, useEffect, useLayoutEffect, useMemo, useCallback } from "preact/hooks";
+import { clamp } from "@embedpdf/core";
 const useAnnotationPlugin = () => usePlugin(AnnotationPlugin.id);
 const useAnnotationCapability = () => useCapability(AnnotationPlugin.id);
 const mapDoubleClick = (handler) => handler ? { onDblClick: handler } : {};
@@ -163,7 +164,7 @@ function useDragResize({
   const dir = useRef("none");
   const startPos = useRef(null);
   const startRect = useRef(null);
-  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
+  const clamp2 = (v, min, max) => Math.max(min, Math.min(max, v));
   const pageW = pageWidth / scale;
   const pageH = pageHeight / scale;
   const applyDelta = (dx, dy) => {
@@ -206,10 +207,10 @@ function useDragResize({
       }
     }
     if (w < 1 || h < 1) return currentRect;
-    w = clamp(w, 1, pageW);
-    h = clamp(h, 1, pageH);
-    ox = clamp(ox, 0, pageW - w);
-    oy = clamp(oy, 0, pageH - h);
+    w = clamp2(w, 1, pageW);
+    h = clamp2(h, 1, pageH);
+    ox = clamp2(ox, 0, pageW - w);
+    oy = clamp2(oy, 0, pageH - h);
     return { origin: { x: ox, y: oy }, size: { width: w, height: h } };
   };
   const beginDrag = (kind, clientX, clientY) => {
@@ -416,7 +417,7 @@ function AnnotationContainer({
     setCurrentRect,
     setCurrentVertices,
     setPreviewObject,
-    commit: (patch) => annotationProvides == null ? void 0 : annotationProvides.updateAnnotation(pageIndex, trackedAnnotation.localId, patch)
+    commit: (patch) => annotationProvides == null ? void 0 : annotationProvides.updateAnnotation(pageIndex, trackedAnnotation.object.id, patch)
   });
   useLayoutEffect(() => {
     if (!rectEquals(trackedAnnotation.object.rect, currentRect)) {
@@ -475,7 +476,7 @@ function AnnotationContainer({
                     rect: currentRect,
                     vertices: v
                   });
-                  annotationProvides.updateAnnotation(pageIndex, trackedAnnotation.localId, patch);
+                  annotationProvides.updateAnnotation(pageIndex, trackedAnnotation.object.id, patch);
                 }
               }
             }
@@ -985,7 +986,7 @@ function Line({
             onTouchStart: onClick,
             style: {
               cursor: isSelected ? "move" : "pointer",
-              pointerEvents: "visibleStroke",
+              pointerEvents: isSelected ? "none" : "visibleStroke",
               stroke: strokeColor,
               strokeWidth,
               strokeLinecap: "butt",
@@ -1007,7 +1008,7 @@ function Line({
               cursor: isSelected ? "move" : "pointer",
               strokeWidth,
               strokeLinecap: "butt",
-              pointerEvents: endings.start.filled ? "visible" : "visibleStroke",
+              pointerEvents: isSelected ? "none" : endings.start.filled ? "visible" : "visibleStroke",
               ...strokeStyle === PdfAnnotationBorderStyle.DASHED && {
                 strokeDasharray: strokeDashArray == null ? void 0 : strokeDashArray.join(",")
               }
@@ -1027,7 +1028,7 @@ function Line({
               cursor: isSelected ? "move" : "pointer",
               strokeWidth,
               strokeLinecap: "butt",
-              pointerEvents: endings.end.filled ? "visible" : "visibleStroke",
+              pointerEvents: isSelected ? "none" : endings.end.filled ? "visible" : "visibleStroke",
               ...strokeStyle === PdfAnnotationBorderStyle.DASHED && {
                 strokeDasharray: strokeDashArray == null ? void 0 : strokeDashArray.join(",")
               }
@@ -1111,7 +1112,7 @@ function Polyline({
               stroke: strokeColor ?? color,
               strokeWidth,
               cursor: isSelected ? "move" : "pointer",
-              pointerEvents: "visibleStroke",
+              pointerEvents: isSelected ? "none" : "visibleStroke",
               strokeLinecap: "butt",
               strokeLinejoin: "miter"
             }
@@ -1129,7 +1130,7 @@ function Polyline({
             style: {
               cursor: isSelected ? "move" : "pointer",
               strokeWidth,
-              pointerEvents: endings.start.filled ? "visible" : "visibleStroke",
+              pointerEvents: isSelected ? "none" : endings.start.filled ? "visible" : "visibleStroke",
               strokeLinecap: "butt"
             }
           }
@@ -1293,7 +1294,7 @@ function FreeText({
   const handleBlur = () => {
     if (!annotationProvides) return;
     if (!editorRef.current) return;
-    annotationProvides.updateAnnotation(pageIndex, annotation.localId, {
+    annotationProvides.updateAnnotation(pageIndex, annotation.object.id, {
       contents: editorRef.current.innerText
     });
   };
@@ -1332,7 +1333,6 @@ function FreeText({
             cursor: isEditing ? "text" : "pointer"
           },
           contentEditable: isEditing,
-          suppressContentEditableWarning: true,
           children: annotation.object.contents
         }
       )
@@ -1409,11 +1409,11 @@ function Stamp({ isSelected, annotation, pageIndex, scale, onClick }) {
       },
       onPointerDown: onClick,
       onTouchStart: onClick,
-      children: annotation.pdfId !== void 0 && /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(
         RenderAnnotation,
         {
           pageIndex,
-          annotation: { ...annotation.object, id: annotation.pdfId },
+          annotation: { ...annotation.object, id: annotation.object.id },
           scaleFactor: scale
         }
       )
@@ -1451,7 +1451,7 @@ function Annotations(annotationsProps) {
     (e, annotation) => {
       e.stopPropagation();
       if (annotationProvides && selectionProvides) {
-        annotationProvides.selectAnnotation(pageIndex, annotation.localId);
+        annotationProvides.selectAnnotation(pageIndex, annotation.object.id);
         selectionProvides.clear();
         setEditingId(null);
       }
@@ -1462,8 +1462,8 @@ function Annotations(annotationsProps) {
     return register(handlers);
   }, [register, handlers]);
   return /* @__PURE__ */ jsx(Fragment$1, { children: annotations.map((annotation) => {
-    const isSelected = (selectionState == null ? void 0 : selectionState.localId) === annotation.localId;
-    const isEditing = editingId === annotation.localId;
+    const isSelected = (selectionState == null ? void 0 : selectionState.object.id) === annotation.object.id;
+    const isEditing = editingId === annotation.object.id;
     if (isInk(annotation)) {
       return /* @__PURE__ */ jsx(
         AnnotationContainer,
@@ -1492,7 +1492,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isSquare(annotation)) {
@@ -1524,7 +1524,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isCircle(annotation)) {
@@ -1556,7 +1556,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isUnderline(annotation)) {
@@ -1584,7 +1584,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isStrikeout(annotation)) {
@@ -1612,7 +1612,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isSquiggly(annotation)) {
@@ -1640,7 +1640,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isHighlight(annotation)) {
@@ -1668,7 +1668,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isLine(annotation)) {
@@ -1707,7 +1707,7 @@ function Annotations(annotationsProps) {
             }
           ) })
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isPolyline(annotation)) {
@@ -1741,7 +1741,7 @@ function Annotations(annotationsProps) {
             }
           ) })
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isPolygon(annotation)) {
@@ -1776,7 +1776,7 @@ function Annotations(annotationsProps) {
             }
           ) })
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isFreeText(annotation)) {
@@ -1791,7 +1791,7 @@ function Annotations(annotationsProps) {
           outlineOffset: 6,
           onDoubleClick: (e) => {
             e.stopPropagation();
-            setEditingId(annotation.localId);
+            setEditingId(annotation.object.id);
           },
           style: {
             mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
@@ -1812,7 +1812,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isStamp(annotation)) {
@@ -1840,7 +1840,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     return null;
@@ -1974,7 +1974,6 @@ const InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
   const toolBlendMode = ((_d = activeTool.defaults) == null ? void 0 : _d.blendMode) ?? PdfBlendMode.Normal;
   const intent = (_e = activeTool.defaults) == null ? void 0 : _e.intent;
   const { register } = usePointerHandlers({ modeId: "ink", pageIndex });
-  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
   const [currentStrokes, setCurrentStrokes] = useState([]);
   const [isDrawing, setIsDrawing] = useState(false);
   const timerRef = useRef(null);
@@ -1983,7 +1982,7 @@ const InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
   const handlers = useMemo(
     () => ({
       onPointerDown: (pos, evt) => {
-        var _a2, _b2;
+        var _a2;
         const curX = clamp(pos.x, 0, pageWidthPDF);
         const curY = clamp(pos.y, 0, pageHeightPDF);
         setIsDrawing(true);
@@ -1994,7 +1993,7 @@ const InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
         } else {
           setCurrentStrokes([{ points: [{ x: curX, y: curY }] }]);
         }
-        (_b2 = (_a2 = evt.target) == null ? void 0 : _a2.setPointerCapture) == null ? void 0 : _b2.call(_a2, evt.pointerId);
+        (_a2 = evt.setPointerCapture) == null ? void 0 : _a2.call(evt);
       },
       onPointerMove: (pos) => {
         if (!isDrawing) return;
@@ -2008,9 +2007,9 @@ const InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
         });
       },
       onPointerUp: (_, evt) => {
-        var _a2, _b2;
+        var _a2;
         setIsDrawing(false);
-        (_b2 = (_a2 = evt.target) == null ? void 0 : _a2.releasePointerCapture) == null ? void 0 : _b2.call(_a2, evt.pointerId);
+        (_a2 = evt.releasePointerCapture) == null ? void 0 : _a2.call(evt);
         if (timerRef.current) clearTimeout(timerRef.current);
         timerRef.current = setTimeout(() => {
           if (currentStrokes.length && annotationProvides) {
@@ -2027,8 +2026,9 @@ const InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
               color: toolColor,
               opacity: toolOpacity,
               strokeWidth: toolStrokeWidth,
+              created: /* @__PURE__ */ new Date(),
               pageIndex,
-              id: Date.now() + Math.random()
+              id: uuidV4()
             };
             annotationProvides.createAnnotation(pageIndex, anno);
             annotationProvides.setActiveVariant(null);
@@ -2039,9 +2039,9 @@ const InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
         }, 3e3);
       },
       onPointerCancel: (_, evt) => {
-        var _a2, _b2;
+        var _a2;
         setIsDrawing(false);
-        (_b2 = (_a2 = evt.target) == null ? void 0 : _a2.releasePointerCapture) == null ? void 0 : _b2.call(_a2, evt.pointerId);
+        (_a2 = evt.releasePointerCapture) == null ? void 0 : _a2.call(evt);
         setCurrentStrokes([]);
         if (timerRef.current) {
           clearTimeout(timerRef.current);
@@ -2138,7 +2138,6 @@ const CirclePaint = ({
   const toolStrokeStyle = activeTool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID;
   const toolStrokeDashArray = activeTool.defaults.strokeDashArray ?? [];
   const { register } = usePointerHandlers({ modeId: "circle", pageIndex });
-  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
   const pageWidthPDF = pageWidth / scale;
   const pageHeightPDF = pageHeight / scale;
   const [start, setStart] = useState(null);
@@ -2146,12 +2145,12 @@ const CirclePaint = ({
   const handlers = useMemo(
     () => ({
       onPointerDown: (pos, evt) => {
-        var _a, _b;
+        var _a;
         const x = clamp(pos.x, 0, pageWidthPDF);
         const y = clamp(pos.y, 0, pageHeightPDF);
         setStart({ x, y });
         setCurrent({ x, y });
-        (_b = (_a = evt.target) == null ? void 0 : _a.setPointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
+        (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
       },
       onPointerMove: (pos) => {
         if (!start) return;
@@ -2160,7 +2159,7 @@ const CirclePaint = ({
         setCurrent({ x, y });
       },
       onPointerUp: (_, evt) => {
-        var _a, _b;
+        var _a;
         if (start && current && annotationProvides) {
           const minX2 = Math.min(start.x, current.x);
           const minY2 = Math.min(start.y, current.y);
@@ -2185,21 +2184,22 @@ const CirclePaint = ({
               strokeColor: toolStrokeColor,
               strokeStyle: toolStrokeStyle,
               strokeDashArray: toolStrokeDashArray,
+              created: /* @__PURE__ */ new Date(),
               pageIndex,
-              id: Date.now() + Math.random()
+              id: uuidV4()
             };
             annotationProvides.createAnnotation(pageIndex, anno);
             annotationProvides.setActiveVariant(null);
             annotationProvides.selectAnnotation(pageIndex, anno.id);
           }
         }
-        (_b = (_a = evt.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
         setStart(null);
         setCurrent(null);
       },
       onPointerCancel: (_, evt) => {
-        var _a, _b;
-        (_b = (_a = evt.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
+        var _a;
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
         setStart(null);
         setCurrent(null);
       }
@@ -2292,7 +2292,6 @@ const SquarePaint = ({
   const toolStrokeStyle = activeTool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID;
   const toolStrokeDashArray = activeTool.defaults.strokeDashArray ?? [];
   const { register } = usePointerHandlers({ modeId: "square", pageIndex });
-  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
   const pageWidthPDF = pageWidth / scale;
   const pageHeightPDF = pageHeight / scale;
   const [start, setStart] = useState(null);
@@ -2340,7 +2339,8 @@ const SquarePaint = ({
               strokeStyle: toolStrokeStyle,
               strokeDashArray: toolStrokeDashArray,
               pageIndex,
-              id: Date.now() + Math.random()
+              id: uuidV4(),
+              created: /* @__PURE__ */ new Date()
             };
             annotationProvides.createAnnotation(pageIndex, anno);
             annotationProvides.setActiveVariant(null);
@@ -2443,7 +2443,6 @@ const PolylinePaint = ({
   const toolStrokeStyle = activeTool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID;
   const toolStrokeDashArray = activeTool.defaults.strokeDashArray;
   const { register } = usePointerHandlers({ modeId: "polyline", pageIndex });
-  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
   const pageWidthPDF = pageWidth / scale;
   const pageHeightPDF = pageHeight / scale;
   const [vertices, setVertices] = useState([]);
@@ -2463,7 +2462,8 @@ const PolylinePaint = ({
       strokeDashArray: toolStrokeDashArray,
       lineEndings: toolLineEndings,
       pageIndex,
-      id: Date.now() + Math.random()
+      id: uuidV4(),
+      created: /* @__PURE__ */ new Date()
     };
     annotationProvides.createAnnotation(pageIndex, anno);
     annotationProvides.setActiveVariant(null);
@@ -2550,7 +2550,6 @@ const LinePaint = ({ pageIndex, scale, pageWidth, pageHeight, cursor }) => {
   const toolLineEndings = activeTool.defaults.lineEndings;
   const intent = activeTool.defaults.intent;
   const { register } = usePointerHandlers({ modeId: ["line", "lineArrow"], pageIndex });
-  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
   const pageWidthPDF = pageWidth / scale;
   const pageHeightPDF = pageHeight / scale;
   const [start, setStart] = useState(null);
@@ -2571,7 +2570,8 @@ const LinePaint = ({ pageIndex, scale, pageWidth, pageHeight, cursor }) => {
       lineEndings: toolLineEndings,
       intent,
       pageIndex,
-      id: Date.now() + Math.random()
+      id: uuidV4(),
+      created: /* @__PURE__ */ new Date()
     };
     annotationProvides.createAnnotation(pageIndex, anno);
     annotationProvides.setActiveVariant(null);
@@ -2580,12 +2580,12 @@ const LinePaint = ({ pageIndex, scale, pageWidth, pageHeight, cursor }) => {
   const handlers = useMemo(
     () => ({
       onPointerDown: (pos, evt) => {
-        var _a, _b;
+        var _a;
         const x = clamp(pos.x, 0, pageWidthPDF);
         const y = clamp(pos.y, 0, pageHeightPDF);
         setStart({ x, y });
         setCurrent({ x, y });
-        (_b = (_a = evt.target) == null ? void 0 : _a.setPointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
+        (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
       },
       onPointerMove: (pos) => {
         if (!start) return;
@@ -2594,17 +2594,17 @@ const LinePaint = ({ pageIndex, scale, pageWidth, pageHeight, cursor }) => {
         setCurrent({ x, y });
       },
       onPointerUp: (_, evt) => {
-        var _a, _b;
+        var _a;
         if (start && current && annotationProvides) {
           commitLine(start, current);
         }
-        (_b = (_a = evt.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
         setStart(null);
         setCurrent(null);
       },
       onPointerCancel: (_, evt) => {
-        var _a, _b;
-        (_b = (_a = evt.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
+        var _a;
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
         setStart(null);
         setCurrent(null);
       }
@@ -2667,7 +2667,6 @@ const PolygonPaint = ({
   const toolStrokeStyle = activeTool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID;
   const toolStrokeDashArray = activeTool.defaults.strokeDashArray;
   const { register } = usePointerHandlers({ modeId: "polygon", pageIndex });
-  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
   const pageWidthPDF = pageWidth / scale;
   const pageHeightPDF = pageHeight / scale;
   const [vertices, setVertices] = useState([]);
@@ -2693,7 +2692,8 @@ const PolygonPaint = ({
       strokeStyle: toolStrokeStyle,
       strokeDashArray: toolStrokeDashArray,
       pageIndex,
-      id: Date.now() + Math.random()
+      id: uuidV4(),
+      created: /* @__PURE__ */ new Date()
     };
     annotationProvides.createAnnotation(pageIndex, anno);
     annotationProvides.setActiveVariant(null);
@@ -2855,7 +2855,7 @@ const FreeTextPaint = ({
   const toolVerticalAlign = activeTool.defaults.verticalAlign;
   const toolContent = activeTool.defaults.content ?? "Insert text here";
   const { register } = usePointerHandlers({ modeId: "freeText", pageIndex });
-  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
+  const clamp2 = (v, min, max) => Math.max(min, Math.min(max, v));
   const pageWidthPDF = pageWidth / scale;
   const pageHeightPDF = pageHeight / scale;
   const [start, setStart] = useState(null);
@@ -2884,7 +2884,8 @@ const FreeTextPaint = ({
       textAlign: toolTextAlign,
       verticalAlign: toolVerticalAlign,
       pageIndex,
-      id: Date.now() + Math.random()
+      id: uuidV4(),
+      created: /* @__PURE__ */ new Date()
     };
     annotationProvides.createAnnotation(pageIndex, anno);
     annotationProvides.setActiveVariant(null);
@@ -2893,31 +2894,31 @@ const FreeTextPaint = ({
   const handlers = useMemo(
     () => ({
       onPointerDown: (pos, evt) => {
-        var _a, _b;
-        const x = clamp(pos.x, 0, pageWidthPDF);
-        const y = clamp(pos.y, 0, pageHeightPDF);
+        var _a;
+        const x = clamp2(pos.x, 0, pageWidthPDF);
+        const y = clamp2(pos.y, 0, pageHeightPDF);
         setStart({ x, y });
         setCurrent({ x, y });
-        (_b = (_a = evt.target) == null ? void 0 : _a.setPointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
+        (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
       },
       onPointerMove: (pos) => {
         if (!start) return;
-        const x = clamp(pos.x, 0, pageWidthPDF);
-        const y = clamp(pos.y, 0, pageHeightPDF);
+        const x = clamp2(pos.x, 0, pageWidthPDF);
+        const y = clamp2(pos.y, 0, pageHeightPDF);
         setCurrent({ x, y });
       },
       onPointerUp: (_, evt) => {
-        var _a, _b;
+        var _a;
         if (start && current && annotationProvides) {
           commitFreeText(start, current);
         }
-        (_b = (_a = evt.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
         setStart(null);
         setCurrent(null);
       },
       onPointerCancel: (_, evt) => {
-        var _a, _b;
-        (_b = (_a = evt.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, evt.pointerId);
+        var _a;
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
         setStart(null);
         setCurrent(null);
       }
@@ -2980,7 +2981,6 @@ const StampPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
   const { register } = usePointerHandlers({ modeId: "stamp", pageIndex });
   const pageWidthPDF = pageWidth / scale;
   const pageHeightPDF = pageHeight / scale;
-  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
   const [start, setStart] = useState(null);
   const handlers = useMemo(
     () => ({
@@ -3030,7 +3030,8 @@ const StampPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
       type: PdfAnnotationSubtype.STAMP,
       flags: ["print"],
       pageIndex,
-      id: Date.now() + Math.random(),
+      id: uuidV4(),
+      created: /* @__PURE__ */ new Date(),
       rect
     };
     annotationProvides.createAnnotation(pageIndex, anno, { imageData });