@embedpdf/plugin-annotation 1.0.11 → 1.0.12

package/dist/preact/index.js

@@ -1,22 +1,13 @@
-// src/preact/hooks/use-annotation.ts
-import { useCapability, usePlugin } from "@embedpdf/core/preact";
-import { AnnotationPlugin } from "@embedpdf/plugin-annotation";
-var useAnnotationPlugin = () => usePlugin(AnnotationPlugin.id);
-var useAnnotationCapability = () => useCapability(AnnotationPlugin.id);
-
-// src/preact/components/annotations.tsx
-import { PdfAnnotationSubtype as PdfAnnotationSubtype2 } from "@embedpdf/models";
+import { usePlugin, useCapability } from "@embedpdf/core/preact";
+import { AnnotationPlugin, getAnnotationsByPageIndex, getSelectedAnnotationByPageIndex, makeVariantKey } from "@embedpdf/plugin-annotation";
+import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
+import { restoreOffset, PdfAnnotationSubtype, blendModeToCss, PdfBlendMode } from "@embedpdf/models";
 import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/preact";
-import {
-  getAnnotationsByPageIndex,
-  getSelectedAnnotationByPageIndex
-} from "@embedpdf/plugin-annotation";
-import { useMemo as useMemo2, useState as useState2, useEffect as useEffect2, useCallback } from "preact/hooks";
-
-// src/preact/components/annotation-container.tsx
-import { useEffect, useRef, useState } from "preact/hooks";
-import { restoreOffset } from "@embedpdf/models";
-import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+import "preact";
+import { useRef, useState, useEffect, useMemo, useCallback } from "preact/hooks";
+import { useSelectionCapability } from "@embedpdf/plugin-selection/preact";
+const useAnnotationPlugin = () => usePlugin(AnnotationPlugin.id);
+const useAnnotationCapability = () => useCapability(AnnotationPlugin.id);
 function AnnotationContainer({
   scale,
   pageIndex,
@@ -44,6 +35,7 @@ function AnnotationContainer({
     setPreviewObject(null);
   }, [trackedAnnotation]);
   const handlePointerDown = (e) => {
+    var _a;
     if (!isSelected) return;
     e.stopPropagation();
     e.preventDefault();
@@ -58,7 +50,7 @@ function AnnotationContainer({
     }
     setStartPos({ x: e.clientX, y: e.clientY });
     setStartRect(currentRect);
-    ref.current?.setPointerCapture(e.pointerId);
+    (_a = ref.current) == null ? void 0 : _a.setPointerCapture(e.pointerId);
   };
   const handlePointerMove = (e) => {
     if (dragState === "idle" || !startPos || !startRect) return;
@@ -101,11 +93,12 @@ function AnnotationContainer({
     setPreviewObject(previewPatch);
   };
   const handlePointerUp = (e) => {
+    var _a;
     if (dragState === "idle") return;
     const usedDirection = resizeDirection || "bottom-right";
     setDragState("idle");
     setResizeDirection(null);
-    ref.current?.releasePointerCapture(e.pointerId);
+    (_a = ref.current) == null ? void 0 : _a.releasePointerCapture(e.pointerId);
     if (annotationProvides && trackedAnnotation) {
       let patch = { rect: currentRect };
       if (computeResizePatch && usedDirection) {
@@ -214,9 +207,6 @@ function AnnotationContainer({
     }
   );
 }
-
-// src/preact/components/text-markup/highlight.tsx
-import { Fragment as Fragment2, jsx as jsx2 } from "preact/jsx-runtime";
 function Highlight({
   color = "#FFFF00",
   opacity = 0.5,
@@ -227,7 +217,7 @@ function Highlight({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(Fragment2, { children: rects.map((b, i) => /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(Fragment, { children: rects.map((b, i) => /* @__PURE__ */ jsx(
     "div",
     {
       onMouseDown: onClick,
@@ -241,7 +231,7 @@ function Highlight({
         opacity,
         pointerEvents: onClick ? "auto" : "none",
         cursor: onClick ? "pointer" : "default",
-        zIndex: onClick ? 1 : null,
+        zIndex: onClick ? 1 : void 0,
         ...style
       },
       ...props
@@ -249,9 +239,6 @@ function Highlight({
     i
   )) });
 }
-
-// src/preact/components/text-markup/underline.tsx
-import { Fragment as Fragment3, jsx as jsx3 } from "preact/jsx-runtime";
 function Underline({
   color = "#FFFF00",
   opacity = 0.5,
@@ -263,7 +250,7 @@ function Underline({
   ...props
 }) {
   const thickness = 2 * scale;
-  return /* @__PURE__ */ jsx3(Fragment3, { children: rects.map((r, i) => /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(Fragment, { children: rects.map((r, i) => /* @__PURE__ */ jsx(
     "div",
     {
       onMouseDown: onClick,
@@ -280,7 +267,7 @@ function Underline({
         ...style
       },
       ...props,
-      children: /* @__PURE__ */ jsx3(
+      children: /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -299,9 +286,6 @@ function Underline({
     i
   )) });
 }
-
-// src/preact/components/text-markup/strikeout.tsx
-import { Fragment as Fragment4, jsx as jsx4 } from "preact/jsx-runtime";
 function Strikeout({
   color = "#FFFF00",
   opacity = 0.5,
@@ -313,7 +297,7 @@ function Strikeout({
   ...props
 }) {
   const thickness = 2 * scale;
-  return /* @__PURE__ */ jsx4(Fragment4, { children: rects.map((r, i) => /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx(Fragment, { children: rects.map((r, i) => /* @__PURE__ */ jsx(
     "div",
     {
       onMouseDown: onClick,
@@ -330,7 +314,7 @@ function Strikeout({
         ...style
       },
       ...props,
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -350,9 +334,6 @@ function Strikeout({
     i
   )) });
 }
-
-// src/preact/components/text-markup/squiggly.tsx
-import { Fragment as Fragment5, jsx as jsx5 } from "preact/jsx-runtime";
 function Squiggly({
   color = "#FFFF00",
   opacity = 0.5,
@@ -370,7 +351,7 @@ function Squiggly({
             fill="none" stroke="${color}" stroke-width="${amplitude}" stroke-linecap="round"/>
     </svg>`;
   const svgDataUri = `url("data:image/svg+xml;utf8,${encodeURIComponent(svg)}")`;
-  return /* @__PURE__ */ jsx5(Fragment5, { children: rects.map((r, i) => /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx(Fragment, { children: rects.map((r, i) => /* @__PURE__ */ jsx(
     "div",
     {
       onMouseDown: onClick,
@@ -387,7 +368,7 @@ function Squiggly({
         ...style
       },
       ...props,
-      children: /* @__PURE__ */ jsx5(
+      children: /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -408,10 +389,6 @@ function Squiggly({
     i
   )) });
 }
-
-// src/preact/components/annotations/ink.tsx
-import { useMemo } from "preact/hooks";
-import { jsx as jsx6 } from "preact/jsx-runtime";
 function Ink({
   color = "#000000",
   opacity = 1,
@@ -434,7 +411,7 @@ function Ink({
   }, [inkList, rect]);
   const width = rect.size.width * scale;
   const height = rect.size.height * scale;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       style: {
@@ -447,7 +424,7 @@ function Ink({
       width,
       height,
       viewBox: `0 0 ${rect.size.width} ${rect.size.height}`,
-      children: paths.map((d, i) => /* @__PURE__ */ jsx6(
+      children: paths.map((d, i) => /* @__PURE__ */ jsx(
         "path",
         {
           d,
@@ -468,14 +445,6 @@ function Ink({
     }
   );
 }
-
-// src/preact/components/annotations.tsx
-import { useSelectionCapability } from "@embedpdf/plugin-selection/preact";
-
-// src/shared/resize-ink.ts
-import {
-  PdfAnnotationSubtype
-} from "@embedpdf/models";
 function resizeInkAnnotation(original, newRect, direction, uniform = false) {
   if (original.type !== PdfAnnotationSubtype.INK) {
     throw new Error("resizeInkAnnotation: original is not an ink annotation");
@@ -518,17 +487,14 @@ function resizeInkAnnotation(original, newRect, direction, uniform = false) {
     strokeWidth: newStrokeWidth
   };
 }
-
-// src/preact/components/annotations.tsx
-import { Fragment as Fragment6, jsx as jsx7 } from "preact/jsx-runtime";
 function Annotations(annotationsProps) {
   const { pageIndex, scale } = annotationsProps;
   const { provides: annotationProvides } = useAnnotationCapability();
   const { provides: selectionProvides } = useSelectionCapability();
-  const [annotations, setAnnotations] = useState2([]);
+  const [annotations, setAnnotations] = useState([]);
   const { register } = usePointerHandlers({ pageIndex });
-  const [selectionState, setSelectionState] = useState2(null);
-  useEffect2(() => {
+  const [selectionState, setSelectionState] = useState(null);
+  useEffect(() => {
     if (annotationProvides) {
       annotationProvides.onStateChange((state) => {
         setAnnotations(getAnnotationsByPageIndex(state, pageIndex));
@@ -536,7 +502,7 @@ function Annotations(annotationsProps) {
       });
     }
   }, [annotationProvides]);
-  const handlers = useMemo2(
+  const handlers = useMemo(
     () => ({
       onPointerDown: (_, pe) => {
         if (pe.target === pe.currentTarget && annotationProvides) {
@@ -556,23 +522,25 @@ function Annotations(annotationsProps) {
     },
     [annotationProvides, selectionProvides, pageIndex]
   );
-  useEffect2(() => {
+  useEffect(() => {
     return register(handlers);
   }, [register, handlers]);
-  return /* @__PURE__ */ jsx7(Fragment6, { children: annotations.map((annotation) => {
-    const isSelected = selectionState?.localId === annotation.localId;
+  return /* @__PURE__ */ jsx(Fragment, { children: annotations.map((annotation) => {
+    const isSelected = (selectionState == null ? void 0 : selectionState.localId) === annotation.localId;
     switch (annotation.object.type) {
-      case PdfAnnotationSubtype2.UNDERLINE:
-        return /* @__PURE__ */ jsx7(
+      case PdfAnnotationSubtype.UNDERLINE:
+        return /* @__PURE__ */ jsx(
           AnnotationContainer,
           {
             trackedAnnotation: annotation,
             isSelected,
             isDraggable: false,
             isResizable: false,
-            style: { mixBlendMode: "multiply" },
+            style: {
+              mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
+            },
             ...annotationsProps,
-            children: /* @__PURE__ */ jsx7(
+            children: /* @__PURE__ */ jsx(
               Underline,
               {
                 rect: annotation.object.rect,
@@ -586,17 +554,19 @@ function Annotations(annotationsProps) {
           },
           annotation.localId
         );
-      case PdfAnnotationSubtype2.STRIKEOUT:
-        return /* @__PURE__ */ jsx7(
+      case PdfAnnotationSubtype.STRIKEOUT:
+        return /* @__PURE__ */ jsx(
           AnnotationContainer,
           {
             trackedAnnotation: annotation,
             isSelected,
             isDraggable: false,
             isResizable: false,
-            style: { mixBlendMode: "multiply" },
+            style: {
+              mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
+            },
             ...annotationsProps,
-            children: /* @__PURE__ */ jsx7(
+            children: /* @__PURE__ */ jsx(
               Strikeout,
               {
                 rect: annotation.object.rect,
@@ -610,17 +580,19 @@ function Annotations(annotationsProps) {
           },
           annotation.localId
         );
-      case PdfAnnotationSubtype2.SQUIGGLY:
-        return /* @__PURE__ */ jsx7(
+      case PdfAnnotationSubtype.SQUIGGLY:
+        return /* @__PURE__ */ jsx(
           AnnotationContainer,
           {
             trackedAnnotation: annotation,
             isSelected,
             isDraggable: false,
             isResizable: false,
-            style: { mixBlendMode: "multiply" },
+            style: {
+              mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
+            },
             ...annotationsProps,
-            children: /* @__PURE__ */ jsx7(
+            children: /* @__PURE__ */ jsx(
               Squiggly,
               {
                 color: annotation.object.color,
@@ -634,17 +606,21 @@ function Annotations(annotationsProps) {
           },
           annotation.localId
         );
-      case PdfAnnotationSubtype2.HIGHLIGHT:
-        return /* @__PURE__ */ jsx7(
+      case PdfAnnotationSubtype.HIGHLIGHT:
+        return /* @__PURE__ */ jsx(
           AnnotationContainer,
           {
             trackedAnnotation: annotation,
             isSelected,
             isDraggable: false,
             isResizable: false,
-            style: { mixBlendMode: "multiply" },
+            style: {
+              mixBlendMode: blendModeToCss(
+                annotation.object.blendMode ?? PdfBlendMode.Multiply
+              )
+            },
             ...annotationsProps,
-            children: /* @__PURE__ */ jsx7(
+            children: /* @__PURE__ */ jsx(
               Highlight,
               {
                 color: annotation.object.color,
@@ -658,16 +634,19 @@ function Annotations(annotationsProps) {
           },
           annotation.localId
         );
-      case PdfAnnotationSubtype2.INK:
-        return /* @__PURE__ */ jsx7(
+      case PdfAnnotationSubtype.INK:
+        return /* @__PURE__ */ jsx(
           AnnotationContainer,
           {
             isSelected,
             trackedAnnotation: annotation,
             outlineOffset: 6,
             computeResizePatch: resizeInkAnnotation,
+            style: {
+              mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
+            },
             ...annotationsProps,
-            children: (obj) => /* @__PURE__ */ jsx7(
+            children: (obj) => /* @__PURE__ */ jsx(
               Ink,
               {
                 color: obj.color,
@@ -687,19 +666,14 @@ function Annotations(annotationsProps) {
     }
   }) });
 }
-
-// src/preact/components/text-markup.tsx
-import { PdfAnnotationSubtype as PdfAnnotationSubtype3 } from "@embedpdf/models";
-import { useSelectionCapability as useSelectionCapability2 } from "@embedpdf/plugin-selection/preact";
-import { useEffect as useEffect3, useState as useState3 } from "preact/hooks";
-import { jsx as jsx8 } from "preact/jsx-runtime";
 function TextMarkup({ pageIndex, scale }) {
-  const { provides: selectionProvides } = useSelectionCapability2();
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const { provides: selectionProvides } = useSelectionCapability();
   const { provides: annotationProvides } = useAnnotationCapability();
-  const [rects, setRects] = useState3([]);
-  const [boundingRect, setBoundingRect] = useState3(null);
-  const [activeTool, setActiveTool] = useState3({ mode: null, defaults: null });
-  useEffect3(() => {
+  const [rects, setRects] = useState([]);
+  const [boundingRect, setBoundingRect] = useState(null);
+  const [activeTool, setActiveTool] = useState({ variantKey: null, defaults: null });
+  useEffect(() => {
     if (!selectionProvides) return;
     const off = selectionProvides.onSelectionChange(() => {
       setRects(selectionProvides.getHighlightRectsForPage(pageIndex));
@@ -707,91 +681,91 @@ function TextMarkup({ pageIndex, scale }) {
     });
     return off;
   }, [selectionProvides, pageIndex]);
-  useEffect3(() => {
+  useEffect(() => {
     if (!annotationProvides) return;
     const off = annotationProvides.onActiveToolChange(setActiveTool);
     return off;
   }, [annotationProvides]);
   if (!boundingRect) return null;
-  switch (activeTool.mode) {
-    case PdfAnnotationSubtype3.UNDERLINE:
-      return /* @__PURE__ */ jsx8(
+  switch (activeTool.variantKey) {
+    case makeVariantKey(PdfAnnotationSubtype.UNDERLINE):
+      return /* @__PURE__ */ jsx(
         "div",
         {
           style: {
-            mixBlendMode: "multiply",
+            mixBlendMode: blendModeToCss(((_a = activeTool.defaults) == null ? void 0 : _a.blendMode) ?? PdfBlendMode.Normal),
             pointerEvents: "none",
             position: "absolute",
             inset: 0
           },
-          children: /* @__PURE__ */ jsx8(
+          children: /* @__PURE__ */ jsx(
             Underline,
             {
-              color: activeTool.defaults?.color,
-              opacity: activeTool.defaults?.opacity,
+              color: (_b = activeTool.defaults) == null ? void 0 : _b.color,
+              opacity: (_c = activeTool.defaults) == null ? void 0 : _c.opacity,
               rects,
               scale
             }
           )
         }
       );
-    case PdfAnnotationSubtype3.HIGHLIGHT:
-      return /* @__PURE__ */ jsx8(
+    case makeVariantKey(PdfAnnotationSubtype.HIGHLIGHT):
+      return /* @__PURE__ */ jsx(
         "div",
         {
           style: {
-            mixBlendMode: "multiply",
+            mixBlendMode: blendModeToCss(((_d = activeTool.defaults) == null ? void 0 : _d.blendMode) ?? PdfBlendMode.Multiply),
             pointerEvents: "none",
             position: "absolute",
             inset: 0
           },
-          children: /* @__PURE__ */ jsx8(
+          children: /* @__PURE__ */ jsx(
             Highlight,
             {
-              color: activeTool.defaults?.color,
-              opacity: activeTool.defaults?.opacity,
+              color: (_e = activeTool.defaults) == null ? void 0 : _e.color,
+              opacity: (_f = activeTool.defaults) == null ? void 0 : _f.opacity,
               rects,
               scale
             }
           )
         }
       );
-    case PdfAnnotationSubtype3.STRIKEOUT:
-      return /* @__PURE__ */ jsx8(
+    case makeVariantKey(PdfAnnotationSubtype.STRIKEOUT):
+      return /* @__PURE__ */ jsx(
         "div",
         {
           style: {
-            mixBlendMode: "multiply",
+            mixBlendMode: blendModeToCss(((_g = activeTool.defaults) == null ? void 0 : _g.blendMode) ?? PdfBlendMode.Normal),
             pointerEvents: "none",
             position: "absolute",
             inset: 0
           },
-          children: /* @__PURE__ */ jsx8(
+          children: /* @__PURE__ */ jsx(
             Strikeout,
             {
-              color: activeTool.defaults?.color,
-              opacity: activeTool.defaults?.opacity,
+              color: (_h = activeTool.defaults) == null ? void 0 : _h.color,
+              opacity: (_i = activeTool.defaults) == null ? void 0 : _i.opacity,
               rects,
               scale
             }
           )
         }
       );
-    case PdfAnnotationSubtype3.SQUIGGLY:
-      return /* @__PURE__ */ jsx8(
+    case makeVariantKey(PdfAnnotationSubtype.SQUIGGLY):
+      return /* @__PURE__ */ jsx(
         "div",
         {
           style: {
-            mixBlendMode: "multiply",
+            mixBlendMode: blendModeToCss(((_j = activeTool.defaults) == null ? void 0 : _j.blendMode) ?? PdfBlendMode.Normal),
             pointerEvents: "none",
             position: "absolute",
             inset: 0
           },
-          children: /* @__PURE__ */ jsx8(
+          children: /* @__PURE__ */ jsx(
             Squiggly,
             {
-              color: activeTool.defaults?.color,
-              opacity: activeTool.defaults?.opacity,
+              color: (_k = activeTool.defaults) == null ? void 0 : _k.color,
+              opacity: (_l = activeTool.defaults) == null ? void 0 : _l.opacity,
               rects,
               scale
             }
@@ -802,35 +776,32 @@ function TextMarkup({ pageIndex, scale }) {
       return null;
   }
 }
-
-// src/preact/components/annotations/ink-paint.tsx
-import { useEffect as useEffect4, useMemo as useMemo3, useRef as useRef2, useState as useState4 } from "preact/hooks";
-import { usePointerHandlers as usePointerHandlers2 } from "@embedpdf/plugin-interaction-manager/preact";
-import { PdfAnnotationSubtype as PdfAnnotationSubtype4 } from "@embedpdf/models";
-import { jsx as jsx9 } from "preact/jsx-runtime";
-var MAX_STROKE_WIDTH = 30;
-var InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
+const MAX_STROKE_WIDTH = 30;
+const InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
+  var _a, _b, _c;
   const { provides: annotationProvides } = useAnnotationCapability();
-  const [activeTool, setActiveTool] = useState4({ mode: null, defaults: null });
-  useEffect4(() => {
+  const [activeTool, setActiveTool] = useState({ variantKey: null, defaults: null });
+  useEffect(() => {
     if (!annotationProvides) return;
     const off = annotationProvides.onActiveToolChange(setActiveTool);
     return off;
   }, [annotationProvides]);
-  if (activeTool.mode !== PdfAnnotationSubtype4.INK) return null;
-  const toolColor = activeTool.defaults?.color ?? "#000000";
-  const toolOpacity = activeTool.defaults?.opacity ?? 1;
-  const toolStrokeWidth = activeTool.defaults?.strokeWidth ?? 2;
-  const { register } = usePointerHandlers2({ modeId: "ink", pageIndex });
+  if (!activeTool.defaults) return null;
+  if (activeTool.defaults.subtype !== PdfAnnotationSubtype.INK) return null;
+  const toolColor = ((_a = activeTool.defaults) == null ? void 0 : _a.color) ?? "#000000";
+  const toolOpacity = ((_b = activeTool.defaults) == null ? void 0 : _b.opacity) ?? 1;
+  const toolStrokeWidth = ((_c = activeTool.defaults) == null ? void 0 : _c.strokeWidth) ?? 2;
+  const { register } = usePointerHandlers({ modeId: "ink", pageIndex });
   const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
-  const [currentStrokes, setCurrentStrokes] = useState4([]);
-  const [isDrawing, setIsDrawing] = useState4(false);
-  const timerRef = useRef2(null);
+  const [currentStrokes, setCurrentStrokes] = useState([]);
+  const [isDrawing, setIsDrawing] = useState(false);
+  const timerRef = useRef(null);
   const pageWidthPDF = pageWidth / scale;
   const pageHeightPDF = pageHeight / scale;
-  const handlers = useMemo3(
+  const handlers = useMemo(
     () => ({
       onPointerDown: (pos, evt) => {
+        var _a2, _b2;
         const curX = clamp(pos.x, 0, pageWidthPDF);
         const curY = clamp(pos.y, 0, pageHeightPDF);
         setIsDrawing(true);
@@ -841,7 +812,7 @@ var InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
         } else {
           setCurrentStrokes([{ points: [{ x: curX, y: curY }] }]);
         }
-        evt.target?.setPointerCapture?.(evt.pointerId);
+        (_b2 = (_a2 = evt.target) == null ? void 0 : _a2.setPointerCapture) == null ? void 0 : _b2.call(_a2, evt.pointerId);
       },
       onPointerMove: (pos) => {
         if (!isDrawing) return;
@@ -855,8 +826,9 @@ var InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
         });
       },
       onPointerUp: (_, evt) => {
+        var _a2, _b2;
         setIsDrawing(false);
-        evt.target?.releasePointerCapture?.(evt.pointerId);
+        (_b2 = (_a2 = evt.target) == null ? void 0 : _a2.releasePointerCapture) == null ? void 0 : _b2.call(_a2, evt.pointerId);
         if (timerRef.current) clearTimeout(timerRef.current);
         timerRef.current = setTimeout(() => {
           if (currentStrokes.length && annotationProvides) {
@@ -877,7 +849,7 @@ var InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
               size: { width: rectMaxX - rectMinX, height: rectMaxY - rectMinY }
             };
             const anno = {
-              type: PdfAnnotationSubtype4.INK,
+              type: PdfAnnotationSubtype.INK,
               rect,
               inkList: currentStrokes,
               color: toolColor,
@@ -887,7 +859,7 @@ var InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
               id: Date.now() + Math.random()
             };
             annotationProvides.createAnnotation(pageIndex, anno);
-            annotationProvides.setAnnotationMode(null);
+            annotationProvides.setActiveVariant(null);
             annotationProvides.selectAnnotation(pageIndex, anno.id);
           }
           setCurrentStrokes([]);
@@ -895,8 +867,9 @@ var InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
         }, 3e3);
       },
       onPointerCancel: (_, evt) => {
+        var _a2, _b2;
         setIsDrawing(false);
-        evt.target?.releasePointerCapture?.(evt.pointerId);
+        (_b2 = (_a2 = evt.target) == null ? void 0 : _a2.releasePointerCapture) == null ? void 0 : _b2.call(_a2, evt.pointerId);
         setCurrentStrokes([]);
         if (timerRef.current) {
           clearTimeout(timerRef.current);
@@ -916,11 +889,11 @@ var InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
       isDrawing
     ]
   );
-  useEffect4(() => {
+  useEffect(() => {
     if (!register) return;
     return register(handlers);
   }, [register, handlers]);
-  useEffect4(() => {
+  useEffect(() => {
     return () => {
       if (timerRef.current) clearTimeout(timerRef.current);
     };
@@ -948,7 +921,7 @@ var InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
     });
     return d.trim();
   });
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       style: {
@@ -963,7 +936,7 @@ var InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
       width: dw * scale,
       height: dh * scale,
       viewBox: `0 0 ${dw} ${dh}`,
-      children: paths.map((d, i) => /* @__PURE__ */ jsx9(
+      children: paths.map((d, i) => /* @__PURE__ */ jsx(
         "path",
         {
           d,
@@ -979,9 +952,6 @@ var InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
     }
   );
 };
-
-// src/preact/components/annotation-layer.tsx
-import { jsx as jsx10, jsxs as jsxs2 } from "preact/jsx-runtime";
 function AnnotationLayer({
   pageIndex,
   scale,
@@ -991,7 +961,7 @@ function AnnotationLayer({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       style: {
@@ -999,9 +969,9 @@ function AnnotationLayer({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx10(Annotations, { pageIndex, scale, rotation }),
-        /* @__PURE__ */ jsx10(TextMarkup, { pageIndex, scale }),
-        /* @__PURE__ */ jsx10(InkPaint, { pageIndex, scale, pageWidth, pageHeight })
+        /* @__PURE__ */ jsx(Annotations, { pageIndex, scale, rotation }),
+        /* @__PURE__ */ jsx(TextMarkup, { pageIndex, scale }),
+        /* @__PURE__ */ jsx(InkPaint, { pageIndex, scale, pageWidth, pageHeight })
       ]
     }
   );
@@ -1011,4 +981,4 @@ export {
   useAnnotationCapability,
   useAnnotationPlugin
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map