@embedpdf/plugin-annotation 1.2.0 → 1.3.0

package/dist/index.js

@@ -192,7 +192,8 @@ const inkHandlerFactory = {
         ...tool.defaults,
         strokeWidth: tool.defaults.strokeWidth ?? 1,
         color: tool.defaults.color ?? "#000000",
-        opacity: tool.defaults.opacity ?? 1
+        opacity: tool.defaults.opacity ?? 1,
+        flags: tool.defaults.flags ?? ["print"]
       };
     };
     const getPreview = () => {
@@ -249,7 +250,6 @@ const inkHandlerFactory = {
               inkList: strokes,
               rect,
               type: PdfAnnotationSubtype.INK,
-              flags: ["print"],
               pageIndex: context.pageIndex,
               id: uuidV4(),
               created: /* @__PURE__ */ new Date()
@@ -330,7 +330,8 @@ const freeTextHandlerFactory = {
         backgroundColor: tool.defaults.backgroundColor ?? "transparent",
         textAlign: tool.defaults.textAlign ?? PdfTextAlignment.Left,
         verticalAlign: tool.defaults.verticalAlign ?? PdfVerticalAlignment.Top,
-        contents: tool.defaults.contents ?? "Insert text here"
+        contents: tool.defaults.contents ?? "Insert text here",
+        flags: tool.defaults.flags ?? ["print"]
       };
     };
     const clickDetector = useClickDetector({
@@ -356,7 +357,6 @@ const freeTextHandlerFactory = {
           contents,
           type: PdfAnnotationSubtype.FREETEXT,
           rect,
-          flags: ["print"],
           pageIndex,
           id: uuidV4(),
           created: /* @__PURE__ */ new Date()
@@ -424,7 +424,6 @@ const freeTextHandlerFactory = {
             ...defaults,
             type: PdfAnnotationSubtype.FREETEXT,
             rect,
-            flags: ["print"],
             pageIndex: context.pageIndex,
             id: uuidV4(),
             created: /* @__PURE__ */ new Date()
@@ -665,7 +664,8 @@ const lineHandlerFactory = {
         opacity: tool.defaults.opacity ?? 1,
         strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
         strokeDashArray: tool.defaults.strokeDashArray ?? [],
-        strokeColor: tool.defaults.strokeColor ?? "#000000"
+        strokeColor: tool.defaults.strokeColor ?? "#000000",
+        flags: tool.defaults.flags ?? ["print"]
       };
     };
     const clickDetector = useClickDetector({
@@ -696,7 +696,6 @@ const lineHandlerFactory = {
           linePoints: { start, end },
           pageIndex,
           id: uuidV4(),
-          flags: ["print"],
           created: /* @__PURE__ */ new Date(),
           type: PdfAnnotationSubtype.LINE
         });
@@ -812,7 +811,8 @@ const polylineHandlerFactory = {
         opacity: tool.defaults.opacity ?? 1,
         strokeColor: tool.defaults.strokeColor ?? "#000000",
         strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
-        strokeDashArray: tool.defaults.strokeDashArray ?? []
+        strokeDashArray: tool.defaults.strokeDashArray ?? [],
+        flags: tool.defaults.flags ?? ["print"]
       };
     };
     const commitPolyline = () => {
@@ -830,7 +830,6 @@ const polylineHandlerFactory = {
         vertices,
         rect,
         type: PdfAnnotationSubtype.POLYLINE,
-        flags: ["print"],
         pageIndex: context.pageIndex,
         id: uuidV4(),
         created: /* @__PURE__ */ new Date()
@@ -922,7 +921,8 @@ const polygonHandlerFactory = {
         strokeWidth: tool.defaults.strokeWidth ?? 1,
         strokeColor: tool.defaults.strokeColor ?? "#000000",
         strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
-        strokeDashArray: tool.defaults.strokeDashArray ?? []
+        strokeDashArray: tool.defaults.strokeDashArray ?? [],
+        flags: tool.defaults.flags ?? ["print"]
       };
     };
     const commitPolygon = () => {
@@ -936,7 +936,6 @@ const polygonHandlerFactory = {
         vertices,
         rect,
         type: PdfAnnotationSubtype.POLYGON,
-        flags: ["print"],
         pageIndex: context.pageIndex,
         id: uuidV4(),
         created: /* @__PURE__ */ new Date()
@@ -1013,6 +1012,7 @@ const squareHandlerFactory = {
       if (!tool) return null;
       return {
         ...tool.defaults,
+        flags: tool.defaults.flags ?? ["print"],
         strokeWidth: tool.defaults.strokeWidth ?? 2,
         strokeColor: tool.defaults.strokeColor ?? "#000000",
         strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
@@ -1043,7 +1043,6 @@ const squareHandlerFactory = {
         const anno = {
           ...defaults,
           type: PdfAnnotationSubtype.SQUARE,
-          flags: ["print"],
           created: /* @__PURE__ */ new Date(),
           id: uuidV4(),
           pageIndex,
@@ -1109,7 +1108,6 @@ const squareHandlerFactory = {
             const anno = {
               ...defaults2,
               type: PdfAnnotationSubtype.SQUARE,
-              flags: ["print"],
               created: /* @__PURE__ */ new Date(),
               id: uuidV4(),
               pageIndex,
@@ -1159,14 +1157,15 @@ const stampHandlerFactory = {
             size: { width, height }
           };
           const anno = {
+            ...tool.defaults,
             rect,
             type: PdfAnnotationSubtype.STAMP,
-            icon: PdfAnnotationIcon.Draft,
-            subject: "Stamp",
+            icon: tool.defaults.icon ?? PdfAnnotationIcon.Draft,
+            subject: tool.defaults.subject ?? "Stamp",
+            flags: tool.defaults.flags ?? ["print"],
             pageIndex: context.pageIndex,
             id: uuidV4(),
-            created: /* @__PURE__ */ new Date(),
-            flags: ["print"]
+            created: /* @__PURE__ */ new Date()
           };
           onCommit(anno, { imageData });
         };
@@ -1217,7 +1216,8 @@ const circleHandlerFactory = {
         strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
         strokeDashArray: tool.defaults.strokeDashArray ?? [],
         color: tool.defaults.color ?? "#000000",
-        opacity: tool.defaults.opacity ?? 1
+        opacity: tool.defaults.opacity ?? 1,
+        flags: tool.defaults.flags ?? ["print"]
       };
     };
     const clickDetector = useClickDetector({
@@ -1242,7 +1242,6 @@ const circleHandlerFactory = {
         const anno = {
           ...defaults,
           type: PdfAnnotationSubtype.CIRCLE,
-          flags: ["print"],
           created: /* @__PURE__ */ new Date(),
           id: uuidV4(),
           pageIndex,
@@ -1705,7 +1704,7 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
     });
     (_b = this.interactionManager) == null ? void 0 : _b.onModeChange((s) => {
       var _a2;
-      const newToolId = ((_a2 = this.state.tools.find((t) => t.interaction.mode === s.activeMode)) == null ? void 0 : _a2.id) ?? null;
+      const newToolId = ((_a2 = this.state.tools.find((t) => (t.interaction.mode ?? t.id) === s.activeMode)) == null ? void 0 : _a2.id) ?? null;
       if (newToolId !== this.state.activeToolId) {
         this.dispatch(setActiveToolId(newToolId));
       }
@@ -1745,13 +1744,13 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
   registerInteractionForTool(tool) {
     var _a, _b;
     (_a = this.interactionManager) == null ? void 0 : _a.registerMode({
-      id: tool.interaction.mode,
+      id: tool.interaction.mode ?? tool.id,
       scope: "page",
       exclusive: tool.interaction.exclusive,
       cursor: tool.interaction.cursor
     });
     if (tool.interaction.textSelection) {
-      (_b = this.selection) == null ? void 0 : _b.enableForMode(tool.interaction.mode);
+      (_b = this.selection) == null ? void 0 : _b.enableForMode(tool.interaction.mode ?? tool.id);
     }
   }
   buildCapability() {
@@ -1833,7 +1832,7 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
         getTool: () => this.state.tools.find((t) => t.id === tool.id)
       };
       const unregister = this.interactionManager.registerHandlers({
-        modeId: tool.interaction.mode,
+        modeId: tool.interaction.mode ?? tool.id,
         handlers: factory.create(context),
         pageIndex
       });
@@ -1906,16 +1905,20 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
   }
   createAnnotation(pageIndex, annotation, ctx) {
     const id = annotation.id;
+    const newAnnotation = {
+      ...annotation,
+      author: annotation.author ?? this.config.annotationAuthor
+    };
     const execute = () => {
-      this.dispatch(
-        createAnnotation(pageIndex, {
-          ...annotation,
-          author: annotation.author ?? this.config.annotationAuthor,
-          flags: ["print"]
-        })
-      );
+      this.dispatch(createAnnotation(pageIndex, newAnnotation));
       if (ctx) this.pendingContexts.set(id, ctx);
-      this.events$.emit({ type: "create", annotation, pageIndex, ctx, committed: false });
+      this.events$.emit({
+        type: "create",
+        annotation: newAnnotation,
+        pageIndex,
+        ctx,
+        committed: false
+      });
     };
     if (!this.history) {
       execute();
@@ -1928,7 +1931,12 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
         this.pendingContexts.delete(id);
         this.dispatch(deselectAnnotation());
         this.dispatch(deleteAnnotation(pageIndex, id));
-        this.events$.emit({ type: "delete", annotation, pageIndex, committed: false });
+        this.events$.emit({
+          type: "delete",
+          annotation: newAnnotation,
+          pageIndex,
+          committed: false
+        });
       }
     };
     this.history.register(command, this.ANNOTATION_HISTORY_TOPIC);
@@ -2026,7 +2034,7 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
     if (toolId === this.state.activeToolId) return;
     const tool = this.state.tools.find((t) => t.id === toolId);
     if (tool) {
-      (_a = this.interactionManager) == null ? void 0 : _a.activate(tool.interaction.mode);
+      (_a = this.interactionManager) == null ? void 0 : _a.activate(tool.interaction.mode ?? tool.id);
     } else {
       (_b = this.interactionManager) == null ? void 0 : _b.activateDefaultMode();
     }
@@ -2142,9 +2150,10 @@ const defaultTools = [
     name: "Highlight",
     matchScore: (a) => a.type === PdfAnnotationSubtype.HIGHLIGHT ? 1 : 0,
     interaction: {
-      mode: "highlight",
       exclusive: false,
-      textSelection: true
+      textSelection: true,
+      isDraggable: false,
+      isResizable: false
     },
     defaults: {
       type: PdfAnnotationSubtype.HIGHLIGHT,
@@ -2158,9 +2167,10 @@ const defaultTools = [
     name: "Underline",
     matchScore: (a) => a.type === PdfAnnotationSubtype.UNDERLINE ? 1 : 0,
     interaction: {
-      mode: "underline",
       exclusive: false,
-      textSelection: true
+      textSelection: true,
+      isDraggable: false,
+      isResizable: false
     },
     defaults: {
       type: PdfAnnotationSubtype.UNDERLINE,
@@ -2173,7 +2183,6 @@ const defaultTools = [
     name: "Strikeout",
     matchScore: (a) => a.type === PdfAnnotationSubtype.STRIKEOUT ? 1 : 0,
     interaction: {
-      mode: "strikeout",
       exclusive: false,
       textSelection: true
     },
@@ -2188,13 +2197,14 @@ const defaultTools = [
     name: "Squiggly",
     matchScore: (a) => a.type === PdfAnnotationSubtype.SQUIGGLY ? 1 : 0,
     interaction: {
-      mode: "squiggly",
       exclusive: false,
-      textSelection: true
+      textSelection: true,
+      isDraggable: false,
+      isResizable: false
     },
     defaults: {
       type: PdfAnnotationSubtype.SQUIGGLY,
-      color: "#5CC96E",
+      color: "#E44234",
       opacity: 1
     }
   },
@@ -2204,9 +2214,11 @@ const defaultTools = [
     name: "Pen",
     matchScore: (a) => a.type === PdfAnnotationSubtype.INK && a.intent !== "InkHighlight" ? 5 : 0,
     interaction: {
-      mode: "ink",
       exclusive: false,
-      cursor: "crosshair"
+      cursor: "crosshair",
+      isDraggable: true,
+      isResizable: true,
+      lockAspectRatio: false
     },
     defaults: {
       type: PdfAnnotationSubtype.INK,
@@ -2220,9 +2232,11 @@ const defaultTools = [
     name: "Ink Highlighter",
     matchScore: (a) => a.type === PdfAnnotationSubtype.INK && a.intent === "InkHighlight" ? 10 : 0,
     interaction: {
-      mode: "inkHighlighter",
       exclusive: false,
-      cursor: "crosshair"
+      cursor: "crosshair",
+      isDraggable: true,
+      isResizable: true,
+      lockAspectRatio: false
     },
     defaults: {
       type: PdfAnnotationSubtype.INK,
@@ -2238,7 +2252,13 @@ const defaultTools = [
     id: "circle",
     name: "Circle",
     matchScore: (a) => a.type === PdfAnnotationSubtype.CIRCLE ? 1 : 0,
-    interaction: { mode: "circle", exclusive: false, cursor: "crosshair" },
+    interaction: {
+      exclusive: false,
+      cursor: "crosshair",
+      isDraggable: true,
+      isResizable: true,
+      lockAspectRatio: false
+    },
     defaults: {
       type: PdfAnnotationSubtype.CIRCLE,
       color: "transparent",
@@ -2256,7 +2276,13 @@ const defaultTools = [
     id: "square",
     name: "Square",
     matchScore: (a) => a.type === PdfAnnotationSubtype.SQUARE ? 1 : 0,
-    interaction: { mode: "square", exclusive: false, cursor: "crosshair" },
+    interaction: {
+      exclusive: false,
+      cursor: "crosshair",
+      isDraggable: true,
+      isResizable: true,
+      lockAspectRatio: false
+    },
     defaults: {
       type: PdfAnnotationSubtype.SQUARE,
       color: "transparent",
@@ -2274,7 +2300,13 @@ const defaultTools = [
     id: "line",
     name: "Line",
     matchScore: (a) => a.type === PdfAnnotationSubtype.LINE && a.intent !== "LineArrow" ? 5 : 0,
-    interaction: { mode: "line", exclusive: false, cursor: "crosshair" },
+    interaction: {
+      exclusive: false,
+      cursor: "crosshair",
+      isDraggable: true,
+      isResizable: false,
+      lockAspectRatio: false
+    },
     defaults: {
       type: PdfAnnotationSubtype.LINE,
       color: "transparent",
@@ -2292,7 +2324,13 @@ const defaultTools = [
     id: "lineArrow",
     name: "Arrow",
     matchScore: (a) => a.type === PdfAnnotationSubtype.LINE && a.intent === "LineArrow" ? 10 : 0,
-    interaction: { mode: "lineArrow", exclusive: false, cursor: "crosshair" },
+    interaction: {
+      exclusive: false,
+      cursor: "crosshair",
+      isDraggable: true,
+      isResizable: false,
+      lockAspectRatio: false
+    },
     defaults: {
       type: PdfAnnotationSubtype.LINE,
       intent: "LineArrow",
@@ -2315,7 +2353,13 @@ const defaultTools = [
     id: "polyline",
     name: "Polyline",
     matchScore: (a) => a.type === PdfAnnotationSubtype.POLYLINE ? 1 : 0,
-    interaction: { mode: "polyline", exclusive: false, cursor: "crosshair" },
+    interaction: {
+      exclusive: false,
+      cursor: "crosshair",
+      isDraggable: true,
+      isResizable: false,
+      lockAspectRatio: false
+    },
     defaults: {
       type: PdfAnnotationSubtype.POLYLINE,
       color: "transparent",
@@ -2328,7 +2372,13 @@ const defaultTools = [
     id: "polygon",
     name: "Polygon",
     matchScore: (a) => a.type === PdfAnnotationSubtype.POLYGON ? 1 : 0,
-    interaction: { mode: "polygon", exclusive: false, cursor: "crosshair" },
+    interaction: {
+      exclusive: false,
+      cursor: "crosshair",
+      isDraggable: true,
+      isResizable: false,
+      lockAspectRatio: false
+    },
     defaults: {
       type: PdfAnnotationSubtype.POLYGON,
       color: "transparent",
@@ -2342,7 +2392,13 @@ const defaultTools = [
     id: "freeText",
     name: "Free Text",
     matchScore: (a) => a.type === PdfAnnotationSubtype.FREETEXT ? 1 : 0,
-    interaction: { mode: "freeText", exclusive: false, cursor: "crosshair" },
+    interaction: {
+      exclusive: false,
+      cursor: "crosshair",
+      isDraggable: true,
+      isResizable: true,
+      lockAspectRatio: false
+    },
     defaults: {
       type: PdfAnnotationSubtype.FREETEXT,
       contents: "Insert text",
@@ -2364,7 +2420,13 @@ const defaultTools = [
     id: "stamp",
     name: "Image",
     matchScore: (a) => a.type === PdfAnnotationSubtype.STAMP ? 1 : 0,
-    interaction: { mode: "stamp", exclusive: false, cursor: "copy" },
+    interaction: {
+      exclusive: false,
+      cursor: "copy",
+      isDraggable: true,
+      isResizable: true,
+      lockAspectRatio: true
+    },
     defaults: {
       type: PdfAnnotationSubtype.STAMP
       // No imageSrc by default, which tells the UI to open a file picker