@embedpdf/plugin-signature 2.13.0

package/dist/svelte/index.js

@@ -0,0 +1,415 @@
+import { createPluginPackage } from "@embedpdf/core";
+import { SignaturePlugin, SignatureCreationType, SignaturePluginPackage as SignaturePluginPackage$1 } from "@embedpdf/plugin-signature";
+export * from "@embedpdf/plugin-signature";
+import * as $ from "svelte/internal/client";
+import { usePlugin, useCapability } from "@embedpdf/core/svelte";
+import "svelte/internal/disclose-version";
+const useSignaturePlugin = () => usePlugin(SignaturePlugin.id);
+const useSignatureCapability = () => useCapability(SignaturePlugin.id);
+function useSignatureEntries() {
+  const capability = useSignatureCapability();
+  let entries = $.state($.proxy([]));
+  $.user_effect(() => {
+    if (!capability.provides) {
+      $.set(entries, [], true);
+      return;
+    }
+    $.set(entries, capability.provides.getEntries(), true);
+    return capability.provides.onEntriesChange((updated) => {
+      $.set(entries, updated, true);
+    });
+  });
+  return {
+    get entries() {
+      return $.get(entries);
+    }
+  };
+}
+function useActivePlacement(getDocumentId) {
+  const capability = useSignatureCapability();
+  let activePlacement = $.state(null);
+  const documentId = $.derived(getDocumentId);
+  $.user_effect(() => {
+    if (!capability.provides || !$.get(documentId)) {
+      $.set(activePlacement, null);
+      return;
+    }
+    const scope = capability.provides.forDocument($.get(documentId));
+    $.set(activePlacement, scope.getActivePlacement(), true);
+    return scope.onActivePlacementChange((placement) => {
+      $.set(activePlacement, placement, true);
+    });
+  });
+  return {
+    get activePlacement() {
+      return $.get(activePlacement);
+    }
+  };
+}
+function useSignatureUpload({ accept = "image/png,image/jpeg,image/svg+xml", onResult }) {
+  const inputRef = { current: null };
+  let previewUrl = $.state(null);
+  let isDragging = $.state(false);
+  function processFile(file) {
+    const reader = new FileReader();
+    reader.onload = () => {
+      const arrayBuffer = reader.result;
+      const blob = new Blob([arrayBuffer], { type: file.type });
+      const dataUrl = URL.createObjectURL(blob);
+      if ($.get(previewUrl)) URL.revokeObjectURL($.get(previewUrl));
+      $.set(previewUrl, dataUrl, true);
+      const img = new Image();
+      img.onload = () => {
+        const previewCanvas = document.createElement("canvas");
+        previewCanvas.width = img.width;
+        previewCanvas.height = img.height;
+        const ctx = previewCanvas.getContext("2d");
+        if (ctx) {
+          ctx.drawImage(img, 0, 0);
+        }
+        const result = {
+          creationType: SignatureCreationType.Upload,
+          imageMimeType: file.type,
+          imageSize: { width: img.width, height: img.height },
+          previewDataUrl: previewCanvas.toDataURL("image/png"),
+          imageData: arrayBuffer
+        };
+        onResult(result);
+      };
+      img.src = dataUrl;
+    };
+    reader.readAsArrayBuffer(file);
+  }
+  function handleFileInputChange(e) {
+    const files = e.target.files;
+    if (files && files[0]) {
+      processFile(files[0]);
+    }
+  }
+  function handleDrop(e) {
+    var _a;
+    e.preventDefault();
+    $.set(isDragging, false);
+    const files = (_a = e.dataTransfer) == null ? void 0 : _a.files;
+    if (files && files[0]) {
+      processFile(files[0]);
+    }
+  }
+  function handleDragOver(e) {
+    e.preventDefault();
+    $.set(isDragging, true);
+  }
+  function handleDragLeave() {
+    $.set(isDragging, false);
+  }
+  function openFilePicker() {
+    var _a;
+    (_a = inputRef.current) == null ? void 0 : _a.click();
+  }
+  function clear() {
+    if ($.get(previewUrl)) URL.revokeObjectURL($.get(previewUrl));
+    $.set(previewUrl, null);
+    onResult(null);
+    if (inputRef.current) {
+      inputRef.current.value = "";
+    }
+  }
+  return {
+    inputRef,
+    openFilePicker,
+    processFile,
+    handleFileInputChange,
+    handleDrop,
+    handleDragOver,
+    handleDragLeave,
+    get previewUrl() {
+      return $.get(previewUrl);
+    },
+    get isDragging() {
+      return $.get(isDragging);
+    },
+    clear,
+    accept
+  };
+}
+function cropCanvas(source, padding = 4) {
+  const ctx = source.getContext("2d");
+  if (!ctx) return null;
+  const { width, height } = source;
+  if (width === 0 || height === 0) return null;
+  const imageData = ctx.getImageData(0, 0, width, height);
+  const { data } = imageData;
+  let minX = width;
+  let minY = height;
+  let maxX = 0;
+  let maxY = 0;
+  for (let y = 0; y < height; y++) {
+    for (let x = 0; x < width; x++) {
+      const alpha = data[(y * width + x) * 4 + 3];
+      if (alpha > 0) {
+        if (x < minX) minX = x;
+        if (x > maxX) maxX = x;
+        if (y < minY) minY = y;
+        if (y > maxY) maxY = y;
+      }
+    }
+  }
+  if (maxX < minX || maxY < minY) return null;
+  const cropX = Math.max(0, minX - padding);
+  const cropY = Math.max(0, minY - padding);
+  const cropW = Math.min(width, maxX + padding + 1) - cropX;
+  const cropH = Math.min(height, maxY + padding + 1) - cropY;
+  const cropped = document.createElement("canvas");
+  cropped.width = cropW;
+  cropped.height = cropH;
+  const croppedCtx = cropped.getContext("2d");
+  if (!croppedCtx) return null;
+  croppedCtx.drawImage(source, cropX, cropY, cropW, cropH, 0, 0, cropW, cropH);
+  return {
+    canvas: cropped,
+    bounds: { x: cropX, y: cropY, width: cropW, height: cropH }
+  };
+}
+var root$1 = $.from_html(`<canvas style="touch-action: none; width: 100%; height: 100%; display: block;"></canvas>`);
+function SignatureDrawPad($$anchor, $$props) {
+  $.push($$props, true);
+  let strokeColor = $.prop($$props, "strokeColor", 3, "#000000"), strokeWidth = $.prop($$props, "strokeWidth", 3, 4), className = $.prop($$props, "class", 3, "");
+  let canvasEl = $.state(void 0);
+  let strokes = $.state($.proxy([]));
+  let isDrawing = false;
+  const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+  function getCanvasPos(e) {
+    if (!$.get(canvasEl)) return { x: 0, y: 0 };
+    const rect = $.get(canvasEl).getBoundingClientRect();
+    return {
+      x: (e.clientX - rect.left) * ($.get(canvasEl).width / dpr / rect.width),
+      y: (e.clientY - rect.top) * ($.get(canvasEl).height / dpr / rect.height)
+    };
+  }
+  function redraw(currentStrokes) {
+    if (!$.get(canvasEl)) return;
+    const ctx = $.get(canvasEl).getContext("2d");
+    if (!ctx) return;
+    ctx.clearRect(0, 0, $.get(canvasEl).width, $.get(canvasEl).height);
+    ctx.save();
+    ctx.scale(dpr, dpr);
+    ctx.strokeStyle = strokeColor();
+    ctx.lineWidth = strokeWidth();
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+    for (const stroke of currentStrokes) {
+      if (stroke.points.length === 0) continue;
+      ctx.beginPath();
+      ctx.moveTo(stroke.points[0].x, stroke.points[0].y);
+      for (let i = 1; i < stroke.points.length; i++) {
+        ctx.lineTo(stroke.points[i].x, stroke.points[i].y);
+      }
+      ctx.stroke();
+    }
+    ctx.restore();
+  }
+  function emitResult(currentStrokes) {
+    if (currentStrokes.length === 0 || currentStrokes.every((s) => s.points.length < 2)) {
+      $$props.onResult(null);
+      return;
+    }
+    if (!$.get(canvasEl)) return;
+    const cropped = cropCanvas($.get(canvasEl), Math.ceil(strokeWidth() * dpr));
+    if (!cropped) {
+      $$props.onResult(null);
+      return;
+    }
+    const offsetX = cropped.bounds.x / dpr;
+    const offsetY = cropped.bounds.y / dpr;
+    const croppedWidth = Math.round(cropped.bounds.width / dpr);
+    const croppedHeight = Math.round(cropped.bounds.height / dpr);
+    const result = {
+      creationType: SignatureCreationType.Draw,
+      inkData: {
+        inkList: currentStrokes.filter((s) => s.points.length >= 2).map((s) => ({
+          points: s.points.map((p) => ({ x: p.x - offsetX, y: p.y - offsetY }))
+        })),
+        strokeWidth: strokeWidth(),
+        strokeColor: strokeColor(),
+        size: { width: croppedWidth, height: croppedHeight }
+      },
+      previewDataUrl: cropped.canvas.toDataURL("image/png")
+    };
+    $$props.onResult(result);
+  }
+  function clear() {
+    $.set(strokes, [], true);
+    redraw([]);
+    $$props.onResult(null);
+  }
+  function handlePointerDown(e) {
+    var _a, _b;
+    isDrawing = true;
+    const pos = getCanvasPos(e);
+    $.set(strokes, [...$.get(strokes), { points: [pos] }], true);
+    redraw($.get(strokes));
+    (_b = (_a = e.target) == null ? void 0 : _a.setPointerCapture) == null ? void 0 : _b.call(_a, e.pointerId);
+  }
+  function handlePointerMove(e) {
+    if (!isDrawing) return;
+    const pos = getCanvasPos(e);
+    const last = $.get(strokes)[$.get(strokes).length - 1];
+    if (last) {
+      last.points.push(pos);
+      $.set(strokes, [...$.get(strokes)], true);
+      redraw($.get(strokes));
+    }
+  }
+  function handlePointerUp(e) {
+    var _a, _b;
+    isDrawing = false;
+    (_b = (_a = e.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, e.pointerId);
+    emitResult($.get(strokes));
+  }
+  $.user_effect(() => {
+    if (!$.get(canvasEl)) return;
+    const observer = new ResizeObserver((entries) => {
+      const { width: w, height: h } = entries[0].contentRect;
+      if (w > 0 && h > 0 && $.get(canvasEl)) {
+        $.get(canvasEl).width = Math.round(w) * dpr;
+        $.get(canvasEl).height = Math.round(h) * dpr;
+        redraw($.get(strokes));
+      }
+    });
+    observer.observe($.get(canvasEl));
+    return () => observer.disconnect();
+  });
+  $.user_effect(() => {
+    void strokeColor();
+    void strokeWidth();
+    redraw($.get(strokes));
+    if ($.get(strokes).length > 0 && $.get(strokes).some((s) => s.points.length >= 2)) {
+      emitResult($.get(strokes));
+    }
+  });
+  var $$exports = { clear };
+  var canvas = root$1();
+  canvas.__pointerdown = handlePointerDown;
+  canvas.__pointermove = handlePointerMove;
+  canvas.__pointerup = handlePointerUp;
+  $.bind_this(canvas, ($$value) => $.set(canvasEl, $$value), () => $.get(canvasEl));
+  $.template_effect(() => $.set_class(canvas, 1, $.clsx(className())));
+  $.append($$anchor, canvas);
+  return $.pop($$exports);
+}
+$.delegate(["pointerdown", "pointermove", "pointerup"]);
+var root = $.from_html(`<div style="width: 100%; height: 100%;"><!> <input type="text"/> <canvas style="display: none;"></canvas></div>`);
+function SignatureTypePad($$anchor, $$props) {
+  $.push($$props, true);
+  let fontFamily = $.prop($$props, "fontFamily", 3, "'Dancing Script', cursive"), fontSize = $.prop($$props, "fontSize", 3, 48), color = $.prop($$props, "color", 3, "#000000"), className = $.prop($$props, "class", 3, ""), placeholder = $.prop($$props, "placeholder", 3, "Type your signature...");
+  let wrapperEl = $.state(void 0);
+  let canvasEl = $.state(void 0);
+  let text = $.state("");
+  let size = { width: 0, height: 0 };
+  const inputId = `sig-type-${Math.random().toString(36).slice(2, 8)}`;
+  const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+  function renderText(currentText) {
+    if (!$.get(canvasEl)) return;
+    const { width, height } = size;
+    if (width === 0 || height === 0) return;
+    $.get(canvasEl).width = width * dpr;
+    $.get(canvasEl).height = height * dpr;
+    const ctx = $.get(canvasEl).getContext("2d");
+    if (!ctx) return;
+    ctx.clearRect(0, 0, $.get(canvasEl).width, $.get(canvasEl).height);
+    if (!currentText.trim()) {
+      $$props.onResult(null);
+      return;
+    }
+    ctx.scale(dpr, dpr);
+    ctx.fillStyle = color();
+    ctx.font = `${fontSize()}px ${fontFamily()}`;
+    ctx.textBaseline = "middle";
+    ctx.textAlign = "center";
+    ctx.fillText(currentText, width / 2, height / 2, width - 20);
+    const cropped = cropCanvas($.get(canvasEl), Math.ceil(4 * dpr));
+    if (!cropped) {
+      $$props.onResult(null);
+      return;
+    }
+    const croppedWidth = Math.round(cropped.bounds.width / dpr);
+    const croppedHeight = Math.round(cropped.bounds.height / dpr);
+    cropped.canvas.toBlob(
+      (blob) => {
+        if (!blob) return;
+        blob.arrayBuffer().then((imageData) => {
+          const result = {
+            creationType: SignatureCreationType.Type,
+            label: currentText,
+            imageMimeType: "image/png",
+            imageSize: { width: croppedWidth, height: croppedHeight },
+            previewDataUrl: cropped.canvas.toDataURL("image/png"),
+            imageData
+          };
+          $$props.onResult(result);
+        });
+      },
+      "image/png"
+    );
+  }
+  function clear() {
+    $.set(text, "");
+    $$props.onResult(null);
+  }
+  function handleInput(e) {
+    $.set(text, e.target.value, true);
+  }
+  $.user_effect(() => {
+    if (!$.get(wrapperEl)) return;
+    const observer = new ResizeObserver((entries) => {
+      const { width: w, height: h } = entries[0].contentRect;
+      if (w > 0 && h > 0) {
+        size = { width: Math.round(w), height: Math.round(h) };
+        renderText($.get(text));
+      }
+    });
+    observer.observe($.get(wrapperEl));
+    return () => observer.disconnect();
+  });
+  $.user_effect(() => {
+    void fontFamily();
+    void color();
+    renderText($.get(text));
+  });
+  var $$exports = { clear };
+  var div = root();
+  var node = $.child(div);
+  $.html(node, () => `<style>#${inputId}::placeholder { color: ${color()}; opacity: 0.5; }</style>`);
+  var input = $.sibling(node, 2);
+  $.remove_input_defaults(input);
+  input.__input = handleInput;
+  var canvas = $.sibling(input, 2);
+  $.bind_this(canvas, ($$value) => $.set(canvasEl, $$value), () => $.get(canvasEl));
+  $.reset(div);
+  $.bind_this(div, ($$value) => $.set(wrapperEl, $$value), () => $.get(wrapperEl));
+  $.template_effect(
+    ($0) => {
+      $.set_class(div, 1, $.clsx(className()));
+      $.set_attribute(input, "id", inputId);
+      $.set_value(input, $.get(text));
+      $.set_attribute(input, "placeholder", placeholder());
+      $.set_style(input, `font-family: ${fontFamily() ?? ""}; font-size: ${$0 ?? ""}px; color: ${color() ?? ""}; width: 100%; height: 100%; border: none; outline: none; background: transparent; text-indent: 8px;`);
+    },
+    [() => Math.min(fontSize(), 32)]
+  );
+  $.append($$anchor, div);
+  return $.pop($$exports);
+}
+$.delegate(["input"]);
+const SignaturePluginPackage = createPluginPackage(SignaturePluginPackage$1).build();
+export {
+  SignatureDrawPad,
+  SignaturePluginPackage,
+  SignatureTypePad,
+  useActivePlacement,
+  useSignatureCapability,
+  useSignatureEntries,
+  useSignaturePlugin,
+  useSignatureUpload
+};
+//# sourceMappingURL=index.js.map

package/dist/svelte/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-signature.svelte.ts","../../src/svelte/hooks/use-signature-upload.svelte.ts","../../src/shared/components/crop-canvas.ts","../../src/svelte/components/SignatureDrawPad.svelte","../../src/svelte/components/SignatureTypePad.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { SignaturePlugin } from '@embedpdf/plugin-signature';\nimport type { SignatureEntry, ActivePlacementInfo } from '@embedpdf/plugin-signature';\n\nexport const useSignaturePlugin = () => usePlugin<SignaturePlugin>(SignaturePlugin.id);\nexport const useSignatureCapability = () => useCapability<SignaturePlugin>(SignaturePlugin.id);\n\nexport function useSignatureEntries() {\n  const capability = useSignatureCapability();\n  let entries = $state<SignatureEntry[]>([]);\n\n  $effect(() => {\n    if (!capability.provides) {\n      entries = [];\n      return;\n    }\n\n    entries = capability.provides.getEntries();\n    return capability.provides.onEntriesChange((updated) => {\n      entries = updated;\n    });\n  });\n\n  return {\n    get entries() {\n      return entries;\n    },\n  };\n}\n\nexport function useActivePlacement(getDocumentId: () => string) {\n  const capability = useSignatureCapability();\n  let activePlacement = $state<ActivePlacementInfo | null>(null);\n  const documentId = $derived(getDocumentId());\n\n  $effect(() => {\n    if (!capability.provides || !documentId) {\n      activePlacement = null;\n      return;\n    }\n\n    const scope = capability.provides.forDocument(documentId);\n    activePlacement = scope.getActivePlacement();\n    return scope.onActivePlacementChange((placement) => {\n      activePlacement = placement;\n    });\n  });\n\n  return {\n    get activePlacement() {\n      return activePlacement;\n    },\n  };\n}\n","import { SignatureStampFieldDefinition, SignatureCreationType } from '@embedpdf/plugin-signature';\n\nexport interface UseSignatureUploadOptions {\n  accept?: string;\n  onResult: (result: SignatureStampFieldDefinition | null) => void;\n}\n\nexport interface UseSignatureUploadReturn {\n  inputRef: { current: HTMLInputElement | null };\n  openFilePicker: () => void;\n  processFile: (file: File) => void;\n  handleFileInputChange: (e: Event) => void;\n  handleDrop: (e: DragEvent) => void;\n  handleDragOver: (e: DragEvent) => void;\n  handleDragLeave: () => void;\n  readonly previewUrl: string | null;\n  readonly isDragging: boolean;\n  clear: () => void;\n  accept: string;\n}\n\nexport function useSignatureUpload({\n  accept = 'image/png,image/jpeg,image/svg+xml',\n  onResult,\n}: UseSignatureUploadOptions): UseSignatureUploadReturn {\n  const inputRef = { current: null as HTMLInputElement | null };\n  let previewUrl = $state<string | null>(null);\n  let isDragging = $state(false);\n\n  function processFile(file: File) {\n    const reader = new FileReader();\n    reader.onload = () => {\n      const arrayBuffer = reader.result as ArrayBuffer;\n      const blob = new Blob([arrayBuffer], { type: file.type });\n      const dataUrl = URL.createObjectURL(blob);\n\n      if (previewUrl) URL.revokeObjectURL(previewUrl);\n      previewUrl = dataUrl;\n\n      const img = new Image();\n      img.onload = () => {\n        const previewCanvas = document.createElement('canvas');\n        previewCanvas.width = img.width;\n        previewCanvas.height = img.height;\n        const ctx = previewCanvas.getContext('2d');\n        if (ctx) {\n          ctx.drawImage(img, 0, 0);\n        }\n\n        const result: SignatureStampFieldDefinition = {\n          creationType: SignatureCreationType.Upload,\n          imageMimeType: file.type,\n          imageSize: { width: img.width, height: img.height },\n          previewDataUrl: previewCanvas.toDataURL('image/png'),\n          imageData: arrayBuffer,\n        };\n        onResult(result);\n      };\n      img.src = dataUrl;\n    };\n    reader.readAsArrayBuffer(file);\n  }\n\n  function handleFileInputChange(e: Event) {\n    const files = (e.target as HTMLInputElement).files;\n    if (files && files[0]) {\n      processFile(files[0]);\n    }\n  }\n\n  function handleDrop(e: DragEvent) {\n    e.preventDefault();\n    isDragging = false;\n    const files = e.dataTransfer?.files;\n    if (files && files[0]) {\n      processFile(files[0]);\n    }\n  }\n\n  function handleDragOver(e: DragEvent) {\n    e.preventDefault();\n    isDragging = true;\n  }\n\n  function handleDragLeave() {\n    isDragging = false;\n  }\n\n  function openFilePicker() {\n    inputRef.current?.click();\n  }\n\n  function clear() {\n    if (previewUrl) URL.revokeObjectURL(previewUrl);\n    previewUrl = null;\n    onResult(null);\n    if (inputRef.current) {\n      inputRef.current.value = '';\n    }\n  }\n\n  return {\n    inputRef,\n    openFilePicker,\n    processFile,\n    handleFileInputChange,\n    handleDrop,\n    handleDragOver,\n    handleDragLeave,\n    get previewUrl() {\n      return previewUrl;\n    },\n    get isDragging() {\n      return isDragging;\n    },\n    clear,\n    accept,\n  };\n}\n","export interface CropResult {\n  canvas: HTMLCanvasElement;\n  bounds: { x: number; y: number; width: number; height: number };\n}\n\n/**\n * Scans a canvas for non-transparent pixels and returns a tightly cropped copy.\n * Returns null if the canvas has no visible content.\n */\nexport function cropCanvas(source: HTMLCanvasElement, padding = 4): CropResult | null {\n  const ctx = source.getContext('2d');\n  if (!ctx) return null;\n\n  const { width, height } = source;\n  if (width === 0 || height === 0) return null;\n\n  const imageData = ctx.getImageData(0, 0, width, height);\n  const { data } = imageData;\n\n  let minX = width;\n  let minY = height;\n  let maxX = 0;\n  let maxY = 0;\n\n  for (let y = 0; y < height; y++) {\n    for (let x = 0; x < width; x++) {\n      const alpha = data[(y * width + x) * 4 + 3];\n      if (alpha > 0) {\n        if (x < minX) minX = x;\n        if (x > maxX) maxX = x;\n        if (y < minY) minY = y;\n        if (y > maxY) maxY = y;\n      }\n    }\n  }\n\n  if (maxX < minX || maxY < minY) return null;\n\n  const cropX = Math.max(0, minX - padding);\n  const cropY = Math.max(0, minY - padding);\n  const cropW = Math.min(width, maxX + padding + 1) - cropX;\n  const cropH = Math.min(height, maxY + padding + 1) - cropY;\n\n  const cropped = document.createElement('canvas');\n  cropped.width = cropW;\n  cropped.height = cropH;\n\n  const croppedCtx = cropped.getContext('2d');\n  if (!croppedCtx) return null;\n\n  croppedCtx.drawImage(source, cropX, cropY, cropW, cropH, 0, 0, cropW, cropH);\n\n  return {\n    canvas: cropped,\n    bounds: { x: cropX, y: cropY, width: cropW, height: cropH },\n  };\n}\n","<script lang=\"ts\">\n  import { SignatureInkFieldDefinition, SignatureCreationType } from '@embedpdf/plugin-signature';\n  import { cropCanvas } from '../../shared/components/crop-canvas';\n\n  interface Props {\n    onResult: (result: SignatureInkFieldDefinition | null) => void;\n    strokeColor?: string;\n    strokeWidth?: number;\n    class?: string;\n  }\n\n  let {\n    onResult,\n    strokeColor = '#000000',\n    strokeWidth = 4,\n    class: className = '',\n  }: Props = $props();\n\n  let canvasEl: HTMLCanvasElement | undefined = $state();\n  let strokes = $state<Array<{ points: Array<{ x: number; y: number }> }>>([]);\n  let isDrawing = false;\n  let size = { width: 0, height: 0 };\n  const dpr = typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1;\n\n  function getCanvasPos(e: PointerEvent): { x: number; y: number } {\n    if (!canvasEl) return { x: 0, y: 0 };\n    const rect = canvasEl.getBoundingClientRect();\n    return {\n      x: (e.clientX - rect.left) * (canvasEl.width / dpr / rect.width),\n      y: (e.clientY - rect.top) * (canvasEl.height / dpr / rect.height),\n    };\n  }\n\n  function redraw(currentStrokes: Array<{ points: Array<{ x: number; y: number }> }>) {\n    if (!canvasEl) return;\n    const ctx = canvasEl.getContext('2d');\n    if (!ctx) return;\n\n    ctx.clearRect(0, 0, canvasEl.width, canvasEl.height);\n    ctx.save();\n    ctx.scale(dpr, dpr);\n    ctx.strokeStyle = strokeColor;\n    ctx.lineWidth = strokeWidth;\n    ctx.lineCap = 'round';\n    ctx.lineJoin = 'round';\n\n    for (const stroke of currentStrokes) {\n      if (stroke.points.length === 0) continue;\n      ctx.beginPath();\n      ctx.moveTo(stroke.points[0].x, stroke.points[0].y);\n      for (let i = 1; i < stroke.points.length; i++) {\n        ctx.lineTo(stroke.points[i].x, stroke.points[i].y);\n      }\n      ctx.stroke();\n    }\n    ctx.restore();\n  }\n\n  function emitResult(currentStrokes: Array<{ points: Array<{ x: number; y: number }> }>) {\n    if (currentStrokes.length === 0 || currentStrokes.every((s) => s.points.length < 2)) {\n      onResult(null);\n      return;\n    }\n\n    if (!canvasEl) return;\n\n    const cropped = cropCanvas(canvasEl, Math.ceil(strokeWidth * dpr));\n    if (!cropped) {\n      onResult(null);\n      return;\n    }\n\n    const offsetX = cropped.bounds.x / dpr;\n    const offsetY = cropped.bounds.y / dpr;\n    const croppedWidth = Math.round(cropped.bounds.width / dpr);\n    const croppedHeight = Math.round(cropped.bounds.height / dpr);\n\n    const result: SignatureInkFieldDefinition = {\n      creationType: SignatureCreationType.Draw,\n      inkData: {\n        inkList: currentStrokes\n          .filter((s) => s.points.length >= 2)\n          .map((s) => ({\n            points: s.points.map((p) => ({\n              x: p.x - offsetX,\n              y: p.y - offsetY,\n            })),\n          })),\n        strokeWidth,\n        strokeColor,\n        size: { width: croppedWidth, height: croppedHeight },\n      },\n      previewDataUrl: cropped.canvas.toDataURL('image/png'),\n    };\n\n    onResult(result);\n  }\n\n  export function clear() {\n    strokes = [];\n    redraw([]);\n    onResult(null);\n  }\n\n  function handlePointerDown(e: PointerEvent) {\n    isDrawing = true;\n    const pos = getCanvasPos(e);\n    strokes = [...strokes, { points: [pos] }];\n    redraw(strokes);\n    (e.target as HTMLElement)?.setPointerCapture?.(e.pointerId);\n  }\n\n  function handlePointerMove(e: PointerEvent) {\n    if (!isDrawing) return;\n    const pos = getCanvasPos(e);\n    const last = strokes[strokes.length - 1];\n    if (last) {\n      last.points.push(pos);\n      strokes = [...strokes];\n      redraw(strokes);\n    }\n  }\n\n  function handlePointerUp(e: PointerEvent) {\n    isDrawing = false;\n    (e.target as HTMLElement)?.releasePointerCapture?.(e.pointerId);\n    emitResult(strokes);\n  }\n\n  $effect(() => {\n    if (!canvasEl) return;\n    const observer = new ResizeObserver((entries) => {\n      const { width: w, height: h } = entries[0].contentRect;\n      if (w > 0 && h > 0 && canvasEl) {\n        size = { width: Math.round(w), height: Math.round(h) };\n        canvasEl.width = Math.round(w) * dpr;\n        canvasEl.height = Math.round(h) * dpr;\n        redraw(strokes);\n      }\n    });\n    observer.observe(canvasEl);\n    return () => observer.disconnect();\n  });\n\n  $effect(() => {\n    // Re-render when strokeColor or strokeWidth changes\n    void strokeColor;\n    void strokeWidth;\n    redraw(strokes);\n    if (strokes.length > 0 && strokes.some((s) => s.points.length >= 2)) {\n      emitResult(strokes);\n    }\n  });\n</script>\n\n<canvas\n  bind:this={canvasEl}\n  class={className}\n  style=\"touch-action: none; width: 100%; height: 100%; display: block;\"\n  onpointerdown={handlePointerDown}\n  onpointermove={handlePointerMove}\n  onpointerup={handlePointerUp}\n></canvas>\n","<script lang=\"ts\">\n  import { SignatureStampFieldDefinition, SignatureCreationType } from '@embedpdf/plugin-signature';\n  import { cropCanvas } from '../../shared/components/crop-canvas';\n\n  interface Props {\n    onResult: (result: SignatureStampFieldDefinition | null) => void;\n    fontFamily?: string;\n    fontSize?: number;\n    color?: string;\n    class?: string;\n    placeholder?: string;\n  }\n\n  let {\n    onResult,\n    fontFamily = \"'Dancing Script', cursive\",\n    fontSize = 48,\n    color = '#000000',\n    class: className = '',\n    placeholder = 'Type your signature...',\n  }: Props = $props();\n\n  let wrapperEl: HTMLDivElement | undefined = $state();\n  let canvasEl: HTMLCanvasElement | undefined = $state();\n  let text = $state('');\n  let size = { width: 0, height: 0 };\n  const inputId = `sig-type-${Math.random().toString(36).slice(2, 8)}`;\n  const dpr = typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1;\n\n  function renderText(currentText: string) {\n    if (!canvasEl) return;\n\n    const { width, height } = size;\n    if (width === 0 || height === 0) return;\n\n    canvasEl.width = width * dpr;\n    canvasEl.height = height * dpr;\n\n    const ctx = canvasEl.getContext('2d');\n    if (!ctx) return;\n\n    ctx.clearRect(0, 0, canvasEl.width, canvasEl.height);\n\n    if (!currentText.trim()) {\n      onResult(null);\n      return;\n    }\n\n    ctx.scale(dpr, dpr);\n    ctx.fillStyle = color;\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    ctx.textBaseline = 'middle';\n    ctx.textAlign = 'center';\n    ctx.fillText(currentText, width / 2, height / 2, width - 20);\n\n    const cropped = cropCanvas(canvasEl, Math.ceil(4 * dpr));\n    if (!cropped) {\n      onResult(null);\n      return;\n    }\n\n    const croppedWidth = Math.round(cropped.bounds.width / dpr);\n    const croppedHeight = Math.round(cropped.bounds.height / dpr);\n\n    cropped.canvas.toBlob((blob) => {\n      if (!blob) return;\n      blob.arrayBuffer().then((imageData) => {\n        const result: SignatureStampFieldDefinition = {\n          creationType: SignatureCreationType.Type,\n          label: currentText,\n          imageMimeType: 'image/png',\n          imageSize: { width: croppedWidth, height: croppedHeight },\n          previewDataUrl: cropped.canvas.toDataURL('image/png'),\n          imageData,\n        };\n        onResult(result);\n      });\n    }, 'image/png');\n  }\n\n  export function clear() {\n    text = '';\n    onResult(null);\n  }\n\n  function handleInput(e: Event) {\n    text = (e.target as HTMLInputElement).value;\n  }\n\n  $effect(() => {\n    if (!wrapperEl) return;\n    const observer = new ResizeObserver((entries) => {\n      const { width: w, height: h } = entries[0].contentRect;\n      if (w > 0 && h > 0) {\n        size = { width: Math.round(w), height: Math.round(h) };\n        renderText(text);\n      }\n    });\n    observer.observe(wrapperEl);\n    return () => observer.disconnect();\n  });\n\n  $effect(() => {\n    void fontFamily;\n    void color;\n    renderText(text);\n  });\n</script>\n\n<div bind:this={wrapperEl} class={className} style=\"width: 100%; height: 100%;\">\n  {@html `<style>#${inputId}::placeholder { color: ${color}; opacity: 0.5; }</style>`}\n  <input\n    id={inputId}\n    type=\"text\"\n    value={text}\n    oninput={handleInput}\n    {placeholder}\n    style=\"font-family: {fontFamily}; font-size: {Math.min(\n      fontSize,\n      32,\n    )}px; color: {color}; width: 100%; height: 100%; border: none; outline: none; background: transparent; text-indent: 8px;\"\n  />\n  <canvas bind:this={canvasEl} style=\"display: none;\"></canvas>\n</div>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { SignaturePluginPackage as BaseSignaturePackage } from '@embedpdf/plugin-signature';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-signature';\n\nexport const SignaturePluginPackage = createPluginPackage(BaseSignaturePackage).build();\n"],"names":["root","BaseSignaturePackage"],"mappings":"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"}

package/dist/vue/components/SignatureDrawPad.vue.d.ts

@@ -0,0 +1,15 @@
+import { SignatureInkFieldDefinition } from '../../lib/index.ts';
+type __VLS_Props = {
+    onResult: (result: SignatureInkFieldDefinition | null) => void;
+    strokeColor?: string;
+    strokeWidth?: number;
+};
+declare function clear(): void;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
+    clear: typeof clear;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    strokeWidth: number;
+    strokeColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/components/SignatureTypePad.vue.d.ts

@@ -0,0 +1,19 @@
+import { SignatureStampFieldDefinition } from '../../lib/index.ts';
+type __VLS_Props = {
+    onResult: (result: SignatureStampFieldDefinition | null) => void;
+    fontFamily?: string;
+    fontSize?: number;
+    color?: string;
+    placeholder?: string;
+};
+declare function clear(): void;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
+    clear: typeof clear;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    fontFamily: string;
+    fontSize: number;
+    placeholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SignatureDrawPad } from './SignatureDrawPad.vue';
+export { default as SignatureTypePad } from './SignatureTypePad.vue';

package/dist/vue/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-signature';
+export * from './use-signature-upload';

package/dist/vue/hooks/use-signature-upload.d.ts

@@ -0,0 +1,20 @@
+import { Ref } from 'vue';
+import { SignatureStampFieldDefinition } from '../../lib/index.ts';
+export interface UseSignatureUploadOptions {
+    accept?: string;
+    onResult: (result: SignatureStampFieldDefinition | null) => void;
+}
+export interface UseSignatureUploadReturn {
+    inputRef: Ref<HTMLInputElement | null>;
+    openFilePicker: () => void;
+    processFile: (file: File) => void;
+    handleFileInputChange: (e: Event) => void;
+    handleDrop: (e: DragEvent) => void;
+    handleDragOver: (e: DragEvent) => void;
+    handleDragLeave: () => void;
+    previewUrl: Ref<string | null>;
+    isDragging: Ref<boolean>;
+    clear: () => void;
+    accept: string;
+}
+export declare function useSignatureUpload({ accept, onResult, }: UseSignatureUploadOptions): UseSignatureUploadReturn;