@vue-pdf-viewer/annotation 1.0.1 → 1.2.0-beta.0

package/dist/composables/useAnnotationEvents.d.ts

@@ -0,0 +1,6 @@
+import { type Annotation } from "@vue-pdf-viewer/shared";
+export declare const useAnnotationEvents: () => {
+    emitAnnotationCreated: (data: Annotation) => void;
+    emitAnnotationUpdated: (data: Annotation) => void;
+    emitAnnotationDeleted: (data: Annotation) => void;
+};

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import type { Plugin } from "@vue-pdf-viewer/shared";
-import type { VPdfAnnotationPluginOptions } from "./types";
+import { type VPdfAnnotationPluginOptions } from "./types";
 declare const VPdfAnnotationPlugin: (options?: VPdfAnnotationPluginOptions) => Plugin;
 export * from "./types";
 export * from "./components/index";
+export * from "./composables/useAnnotationEvents";
 export default VPdfAnnotationPlugin;

package/dist/index.js

@@ -1,44 +1,53 @@
-(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.vp-text-xl[data-v-c6e40782]{font-size:1.25rem;line-height:1.75rem}.vpv-toolbar-btn.vpv-toolbar-btn-active[data-v-7ffb5374],.vpv-toolbar-btn[data-v-7ffb5374]:hover{background-color:var(--vpv-primary-color);color:#fff}.vpv-annotation-editor-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.vpv-annotation-editor-layer *{pointer-events:auto}.vpv-annotation-editor-layer .vpv-annotation-editor{z-index:calc(var(--vpv-base-z-index) * 4)}.vpv-annotation-editor-layer.highlight-mode{cursor:text}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor{pointer-events:none}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path{cursor:pointer;position:absolute;inset:0;pointer-events:auto}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight{pointer-events:none}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight .vpv-annotation-editor__clip-path{pointer-events:none}.vpv-annotation-editor-layer.freetext-mode>:not(.vpv-annotation-editor__free-text){user-select:none;pointer-events:none}.vpv-annotation-editor-layer:not(.freetext-mode) .vpv-annotation-editor__free-text{pointer-events:none}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text{position:absolute;user-select:none;padding:calc(var(--vpv-annotation-free-text__padding, 2px) * var(--scale-factor));cursor:auto}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text.draggable{cursor:move}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--selected,.vpv-annotation-editor-layer .vpv-annotation-editor__free-text:hover{outline:1px solid #0082ff}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text [role=textbox]{outline:none!important;text-align:start;font:10px sans-serif;line-height:var(--vpv-annotation-free-text__line-height);width:auto;height:auto;white-space:pre-wrap;word-wrap:break-word}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp{min-width:100px;min-height:calc(20px * var(--scale-factor));border:1px dashed #007bff;background-color:#ffffffe6;color:#000;cursor:text}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp>[role=textbox]{outline:none;font-size:calc(16px * var(--scale-factor));font-family:sans-serif;min-height:calc(16px * var(--scale-factor));white-space:nowrap}.vpv-annotation-highlight__color-picker-wrapper{padding-left:4px;padding-right:4px;padding-bottom:4px;text-align:left}.vpv-annotation-highlight__color-picker-wrapper>p{margin-bottom:.75rem}.vpv-canvas-layer>.vpv-highlight:is(svg){position:absolute;mix-blend-mode:multiply}.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free){fill-rule:evenodd}.vpv-canvas-layer>.vpv-highlight-outline:is(svg){position:absolute;mix-blend-mode:normal;fill-rule:evenodd;fill:none}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered,.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke-width:var(--vpv-annotation-highlight__outline-width)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered{stroke:var(--vpv-annotation-highlight__outline-hover-color)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke:var(--vpv-annotation-highlight__outline-selected-color)}.vpv-resizers{position:absolute;inset:0;pointer-events:none}.vpv-resizers .vpv-resizer{position:absolute;width:var(--vpv-annotation-outline-resizer-size);height:var(--vpv-annotation-outline-resizer-size);background:white;border:1px solid var(--vpv-annotation-outline-resizer-border-color);border-radius:50%;pointer-events:auto;cursor:pointer;z-index:calc(var(--vpv-base-z-index) * 9999);transition:opacity .2s ease,visibility .2s ease}.vpv-resizers .vpv-resizer:hover,.vpv-resizers .vpv-resizer:focus{transform:scale(1.5)}.vpv-resizers .vpv-resizer--top-left{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-resizers .vpv-resizer--top-right{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-left{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-right{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-left{cursor:nesw-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-left{cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-right{cursor:nesw-resize}.vpv-resizer--dark{background:#80ebff;border-color:#2b2a33}.vpv-resizer--dark:focus{outline-color:#80ebff}.vpv-annotation-editor__image{position:absolute;cursor:pointer;touch-action:none;user-select:none;will-change:transform}.vpv-annotation-editor__image.hovered,.vpv-annotation-editor__image:hover{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-color:var(--vpv-annotation-outline-hovered-color)}.vpv-annotation-editor__image.selected{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-offset:var(--vpv-annotation-outline-selected-offset);outline-color:var(--vpv-annotation-outline-selected-color);cursor:move}.vpv-annotation-editor__image canvas{position:absolute;width:100%;height:100%;margin:0;top:0;left:0}.vpv-annotation-editor__image.dragging canvas{user-drag:none;-webkit-user-drag:none;pointer-events:none;touch-action:none}.vpv-page:not([data-main-rotation="0"]) .vpv-annotation-editor__image:hover{outline:none}.vpv-annotation-tools-container[data-v-52d7d350]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-52d7d350] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-52d7d350],.slide-leave-active[data-v-52d7d350]{transition:all .3s ease-out}.slide-enter-from[data-v-52d7d350],.slide-leave-to[data-v-52d7d350]{opacity:0}.slide-enter-from[data-v-52d7d350],.slide-leave-to[data-v-52d7d350]{transform:translateY(-20px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as w, inject as j, computed as p, openBlock as c, createBlock as u, resolveDynamicComponent as y, normalizeProps as C, mergeProps as m, createSlots as I, withCtx as s, renderSlot as v, renderList as re, createElementBlock as E, defineAsyncComponent as fe, unref as T, ref as V, createTextVNode as L, toDisplayString as S, createVNode as _, normalizeClass as ce, useModel as H, useAttrs as z, createCommentVNode as h, reactive as ue, onMounted as de, watch as ge, onUnmounted as pe, Transition as ve, h as he } from "vue";
-var O;
-(function(t) {
-  t.highlight = "vpv:annotation:highlight", t.freeText = "vpv:annotation:freeText", t.signature = "vpv:annotation:signature", t.image = "vpv:annotation:image";
-})(O || (O = {}));
-var F;
-(function(t) {
-  t.AnnotationMounted = "vpv:annotation:mounted", t.Rotate = "vpv:rotate";
-})(F || (F = {}));
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.vp-text-xl[data-v-c6e40782]{font-size:1.25rem;line-height:1.75rem}.vpv-toolbar-btn.vpv-toolbar-btn-active[data-v-7ffb5374],.vpv-toolbar-btn[data-v-7ffb5374]:hover{background-color:var(--vpv-primary-color);color:#fff}.vpv-annotation-editor-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.vpv-annotation-editor-layer *{pointer-events:auto}.vpv-annotation-editor-layer .vpv-annotation-editor{z-index:calc(var(--vpv-base-z-index) * 4)}.vpv-annotation-editor-layer.highlight-mode{cursor:text}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor{pointer-events:none}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path{cursor:pointer;position:absolute;inset:0;pointer-events:auto}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight{pointer-events:none}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight .vpv-annotation-editor__clip-path{pointer-events:none}.vpv-annotation-editor-layer.freetext-mode>:not(.vpv-annotation-editor__free-text){user-select:none;pointer-events:none}.vpv-annotation-editor-layer:not(.freetext-mode) .vpv-annotation-editor__free-text{pointer-events:none}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text{position:absolute;user-select:none;padding:calc(var(--vpv-annotation-free-text__padding, 2px) * var(--scale-factor));cursor:auto}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text.draggable{cursor:move}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--selected,.vpv-annotation-editor-layer .vpv-annotation-editor__free-text:hover{outline:1px solid #0082ff}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text [role=textbox]{outline:none!important;text-align:start;font:10px sans-serif;line-height:var(--vpv-annotation-free-text__line-height);width:auto;height:auto;white-space:pre-wrap;word-wrap:break-word}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp{min-width:100px;min-height:calc(20px * var(--scale-factor));border:1px dashed #007bff;background-color:#ffffffe6;color:#000;cursor:text}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp>[role=textbox]{outline:none;font-size:calc(16px * var(--scale-factor));font-family:sans-serif;min-height:calc(16px * var(--scale-factor));white-space:nowrap}.vpv-annotation-highlight__color-picker-wrapper{padding-left:4px;padding-right:4px;padding-bottom:4px;text-align:left}.vpv-annotation-highlight__color-picker-wrapper>p{margin-bottom:.75rem}.vpv-canvas-layer>.vpv-highlight:is(svg){position:absolute;mix-blend-mode:multiply}.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free){fill-rule:evenodd}.vpv-canvas-layer>.vpv-highlight-outline:is(svg){position:absolute;mix-blend-mode:normal;fill-rule:evenodd;fill:none}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered,.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke-width:var(--vpv-annotation-highlight__outline-width)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered{stroke:var(--vpv-annotation-highlight__outline-hover-color)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke:var(--vpv-annotation-highlight__outline-selected-color)}.vpv-resizers{position:absolute;inset:0;pointer-events:none}.vpv-resizers .vpv-resizer{position:absolute;width:var(--vpv-annotation-outline-resizer-size);height:var(--vpv-annotation-outline-resizer-size);background:white;border:1px solid var(--vpv-annotation-outline-resizer-border-color);border-radius:50%;pointer-events:auto;cursor:pointer;z-index:calc(var(--vpv-base-z-index) * 9999);transition:opacity .2s ease,visibility .2s ease}.vpv-resizers .vpv-resizer:hover,.vpv-resizers .vpv-resizer:focus{transform:scale(1.5)}.vpv-resizers .vpv-resizer--top-left{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-resizers .vpv-resizer--top-right{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-left{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-right{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-left{cursor:nesw-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-left{cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-right{cursor:nesw-resize}.vpv-resizer--dark{background:#80ebff;border-color:#2b2a33}.vpv-resizer--dark:focus{outline-color:#80ebff}.vpv-annotation-editor__image{position:absolute;cursor:pointer;touch-action:none;user-select:none;will-change:transform}.vpv-annotation-editor__image.hovered,.vpv-annotation-editor__image:hover{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-color:var(--vpv-annotation-outline-hovered-color)}.vpv-annotation-editor__image.selected{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-offset:var(--vpv-annotation-outline-selected-offset);outline-color:var(--vpv-annotation-outline-selected-color);cursor:move}.vpv-annotation-editor__image canvas{position:absolute;width:100%;height:100%;margin:0;top:0;left:0}.vpv-annotation-editor__image.dragging canvas{user-drag:none;-webkit-user-drag:none;pointer-events:none;touch-action:none}.vpv-page:not([data-main-rotation="0"]) .vpv-annotation-editor__image:hover{outline:none}.vpv-annotation-tools-container[data-v-f0bb4566]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-f0bb4566] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-f0bb4566],.slide-leave-active[data-v-f0bb4566]{transition:all .3s ease-out}.slide-enter-from[data-v-f0bb4566],.slide-leave-to[data-v-f0bb4566]{opacity:0}.slide-enter-from[data-v-f0bb4566],.slide-leave-to[data-v-f0bb4566]{transform:translateY(-20px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as O, inject as D, computed as m, openBlock as f, createBlock as u, resolveDynamicComponent as k, normalizeProps as N, mergeProps as b, createSlots as j, withCtx as c, renderSlot as p, renderList as pe, createElementBlock as x, defineAsyncComponent as he, unref as w, ref as Y, createTextVNode as R, toDisplayString as B, createVNode as y, normalizeClass as be, useModel as F, useAttrs as K, createCommentVNode as h, reactive as _e, onMounted as ke, watch as A, onUnmounted as ye, Transition as we, h as Ee } from "vue";
+const ie = Symbol("instanceId");
+var S;
+(function(e) {
+  e.highlight = "vpv:annotation:highlight", e.freeText = "vpv:annotation:freeText", e.signature = "vpv:annotation:signature", e.image = "vpv:annotation:image", e.underline = "vpv:annotation:underline", e.strikeout = "vpv:annotation:strikeout";
+})(S || (S = {}));
+var X;
+(function(e) {
+  e.AnnotationCreated = "vpv:annotation:created", e.AnnotationUpdated = "vpv:annotation:updated", e.AnnotationDeleted = "vpv:annotation:deleted", e.AnnotationMounted = "vpv:annotation:mounted", e.Rotate = "vpv:rotate";
+})(X || (X = {}));
 var $;
-(function(t) {
-  t.Purple = "#CAAAFF", t.Cyan = "#65EDE9", t.Red = "#FFACAC", t.Orange = "#FFBD82", t.Yellow = "#FCE244", t.Green = "#A0F751";
+(function(e) {
+  e.Purple = "#CAAAFF", e.Cyan = "#65EDE9", e.Red = "#FFACAC", e.Orange = "#FFBD82", e.Yellow = "#FCE244", e.Green = "#A0F751";
 })($ || ($ = {}));
-var b;
-(function(t) {
-  t.Black = "#000000", t.DarkGray = "#444444", t.Gray = "#696969", t.LightGray = "#9C9C9C", t.LightestGray = "#CDCDCD", t.White = "#FFFFFF", t.Purple = "#7862FF", t.Blue = "#1777FF", t.Red = "#F66365", t.Orange = "#F67E63", t.Yellow = "#F5C463", t.Green = "#48BB77";
-})(b || (b = {}));
-const me = {
+var _;
+(function(e) {
+  e.Black = "#000000", e.DarkGray = "#444444", e.Gray = "#696969", e.LightGray = "#9C9C9C", e.LightestGray = "#CDCDCD", e.White = "#FFFFFF", e.Purple = "#7862FF", e.Blue = "#1777FF", e.Red = "#F66365", e.Orange = "#F67E63", e.Yellow = "#F5C463", e.Green = "#48BB77";
+})(_ || (_ = {}));
+var ae;
+(function(e) {
+  e[e.Text = 1] = "Text", e[e.Link = 2] = "Link", e[e.FreeText = 3] = "FreeText", e[e.Line = 4] = "Line", e[e.Square = 5] = "Square", e[e.Circle = 6] = "Circle", e[e.Polygon = 7] = "Polygon", e[e.Polyline = 8] = "Polyline", e[e.Highlight = 9] = "Highlight", e[e.Underline = 10] = "Underline", e[e.Squiggly = 11] = "Squiggly", e[e.StrikeOut = 12] = "StrikeOut", e[e.Stamp = 13] = "Stamp", e[e.Caret = 14] = "Caret", e[e.Ink = 15] = "Ink", e[e.Popup = 16] = "Popup", e[e.FileAttachment = 17] = "FileAttachment", e[e.Sound = 18] = "Sound", e[e.Movie = 19] = "Movie", e[e.Widget = 20] = "Widget", e[e.Screen = 21] = "Screen", e[e.PrinterMark = 22] = "PrinterMark", e[e.TrapNet = 23] = "TrapNet", e[e.Watermark = 24] = "Watermark", e[e.ThreeD = 25] = "ThreeD", e[e.Redact = 26] = "Redact";
+})(ae || (ae = {}));
+var ne;
+(function(e) {
+  e[e.INVISIBLE = 1] = "INVISIBLE", e[e.HIDDEN = 2] = "HIDDEN", e[e.PRINT = 4] = "PRINT", e[e.NOZOOM = 8] = "NOZOOM", e[e.NOROTATE = 16] = "NOROTATE", e[e.NOVIEW = 32] = "NOVIEW", e[e.READONLY = 64] = "READONLY", e[e.LOCKED = 128] = "LOCKED", e[e.TOGGLENOVIEW = 256] = "TOGGLENOVIEW", e[e.LOCKEDCONTENTS = 512] = "LOCKEDCONTENTS";
+})(ne || (ne = {}));
+const Ce = {
   ANNOTATIONS: "annotations"
-}, x = Symbol("VPV Shared UIs"), J = Symbol("VPV Current Localization"), X = F, be = {
+}, G = Symbol("VPV Shared UIs"), le = Symbol("VPV Current Localization"), L = X, Oe = {
   [$.Purple]: "Purple",
   [$.Cyan]: "Cyan",
   [$.Red]: "Red",
   [$.Orange]: "Orange",
   [$.Yellow]: "Yellow",
   [$.Green]: "Green"
-}, ye = {
-  [b.Black]: "Black",
-  [b.DarkGray]: "Dark Gray",
-  [b.Gray]: "Gray",
-  [b.LightGray]: "Light Gray",
-  [b.LightestGray]: "Lightest Gray",
-  [b.White]: "White",
-  [b.Purple]: "Purple",
-  [b.Blue]: "Blue",
-  [b.Red]: "Red",
-  [b.Orange]: "Orange",
-  [b.Yellow]: "Yellow",
-  [b.Green]: "Green"
-}, U = (t, o) => `${t}-${o}`, _e = {
+}, Ie = {
+  [_.Black]: "Black",
+  [_.DarkGray]: "Dark Gray",
+  [_.Gray]: "Gray",
+  [_.LightGray]: "Light Gray",
+  [_.LightestGray]: "Lightest Gray",
+  [_.White]: "White",
+  [_.Purple]: "Purple",
+  [_.Blue]: "Blue",
+  [_.Red]: "Red",
+  [_.Orange]: "Orange",
+  [_.Yellow]: "Yellow",
+  [_.Green]: "Green"
+}, Te = "pdfjs_internal_editor_", I = (e, n) => `${e}-${n}`, $e = {
   aliceblue: "#f0f8ff",
   antiquewhite: "#faebd7",
   aqua: "#00ffff",
@@ -180,95 +189,95 @@ const me = {
   whitesmoke: "#f5f5f5",
   yellow: "#ffff00",
   yellowgreen: "#9acd32"
-}, Z = (t) => t.startsWith("#") || t.startsWith("0x") ? t : _e[t] || t, P = /* @__PURE__ */ w({
+}, oe = (e) => e.startsWith("#") || e.startsWith("0x") ? e : $e[e] || e, V = /* @__PURE__ */ O({
   __name: "AppTooltip",
-  setup(t) {
-    const o = j(x), e = p(() => o?.AppTooltip);
-    return (a, i) => e.value ? (c(), u(y(e.value), C(m({ key: 0 }, a.$attrs)), I({
-      default: s(() => [
-        v(a.$slots, "default")
+  setup(e) {
+    const n = D(G), t = m(() => n?.AppTooltip);
+    return (a, s) => t.value ? (f(), u(k(t.value), N(b({ key: 0 }, a.$attrs)), j({
+      default: c(() => [
+        p(a.$slots, "default")
       ]),
       _: 2
     }, [
-      re(a.$slots, (d, n) => ({
-        name: n,
-        fn: s(() => [
-          v(a.$slots, n)
+      pe(a.$slots, (g, i) => ({
+        name: i,
+        fn: c(() => [
+          p(a.$slots, i)
         ])
       }))
-    ]), 1040)) : (c(), E("div", C(m({ key: 1 }, a.$attrs)), [
-      v(a.$slots, "default")
+    ]), 1040)) : (f(), x("div", N(b({ key: 1 }, a.$attrs)), [
+      p(a.$slots, "default")
     ], 16));
   }
-}), B = /* @__PURE__ */ w({
+}), U = /* @__PURE__ */ O({
   __name: "AppButton",
-  setup(t) {
-    const o = j(x), e = p(() => o?.AppButton);
-    return (a, i) => e.value ? (c(), u(y(e.value), C(m({ key: 0 }, a.$attrs)), {
-      default: s(() => [
-        v(a.$slots, "default")
+  setup(e) {
+    const n = D(G), t = m(() => n?.AppButton);
+    return (a, s) => t.value ? (f(), u(k(t.value), N(b({ key: 0 }, a.$attrs)), {
+      default: c(() => [
+        p(a.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (c(), E("button", C(m({ key: 1 }, a.$attrs)), [
-      v(a.$slots, "default")
+    }, 16)) : (f(), x("button", N(b({ key: 1 }, a.$attrs)), [
+      p(a.$slots, "default")
     ], 16));
   }
-}), ke = (t, o) => {
-  const e = t[o];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((a, i) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(i.bind(null, new Error("Unknown variable dynamic import: " + o)));
+}), Le = (e, n) => {
+  const t = e[n];
+  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, s) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, new Error("Unknown variable dynamic import: " + n)));
   });
-}, Te = /* @__PURE__ */ w({
+}, Ne = /* @__PURE__ */ O({
   __name: "Icon",
   props: {
     name: {}
   },
-  setup(t) {
-    const o = t, e = fe({
-      loader: () => ke(/* @__PURE__ */ Object.assign({ "../assets/icons/annotations.svg": () => import("./annotations.1350dbe1.js"), "../assets/icons/tool-comment.svg": () => import("./tool-comment.35e183f7.js"), "../assets/icons/tool-free-text.svg": () => import("./tool-free-text.5d283e24.js"), "../assets/icons/tool-highlight.svg": () => import("./tool-highlight.0a507b04.js"), "../assets/icons/tool-image.svg": () => import("./tool-image.9f910d29.js"), "../assets/icons/tool-signature.svg": () => import("./tool-signature.2b6fe80c.js") }), `../assets/icons/${o.name}.svg`)
+  setup(e) {
+    const n = e, t = he({
+      loader: () => Le(/* @__PURE__ */ Object.assign({ "../assets/icons/annotations.svg": () => import("./annotations.1350dbe1.js"), "../assets/icons/tool-comment.svg": () => import("./tool-comment.35e183f7.js"), "../assets/icons/tool-free-text.svg": () => import("./tool-free-text.5d283e24.js"), "../assets/icons/tool-highlight.svg": () => import("./tool-highlight.0a507b04.js"), "../assets/icons/tool-image.svg": () => import("./tool-image.9f910d29.js"), "../assets/icons/tool-signature.svg": () => import("./tool-signature.2b6fe80c.js") }), `../assets/icons/${n.name}.svg`)
     });
-    return (a, i) => (c(), u(y(T(e)), { class: "vp-text-xl" }));
+    return (a, s) => (f(), u(k(w(t)), { class: "vp-text-xl" }));
   }
 });
-const Y = (t, o) => {
-  const e = t.__vccOpts || t;
-  for (const [a, i] of o)
-    e[a] = i;
-  return e;
-}, G = /* @__PURE__ */ Y(Te, [["__scopeId", "data-v-c6e40782"]]), D = () => {
-  const t = j(
-    J,
-    p(() => ({}))
+const J = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [a, s] of n)
+    t[a] = s;
+  return t;
+}, q = /* @__PURE__ */ J(Ne, [["__scopeId", "data-v-c6e40782"]]), z = () => {
+  const e = D(
+    le,
+    m(() => ({}))
   );
   return {
-    t: p(() => (e) => {
-      const a = e.split(".").pop() || e;
-      return t.value && a in t.value ? t.value[a] : (console.warn(`useLocalization - Translation not found for key: ${e}`), e);
+    t: m(() => (t) => {
+      const a = t.split(".").pop() || t;
+      return e.value && a in e.value ? e.value[a] : (console.warn(`useLocalization - Translation not found for key: ${t}`), t);
     }).value,
-    currentLocale: p(() => t.value)
+    currentLocale: m(() => e.value)
   };
-}, we = /* @__PURE__ */ w({
+}, Se = /* @__PURE__ */ O({
   __name: "ToolAnnotation",
   emits: ["toggle"],
-  setup(t, { emit: o }) {
-    const { t: e } = D(), a = o, i = V(!1), d = () => {
-      i.value = !i.value, a("toggle", i.value);
+  setup(e, { emit: n }) {
+    const { t } = z(), a = n, s = Y(!1), g = () => {
+      s.value = !s.value, a("toggle", s.value);
     };
-    return (n, g) => n.$slots.default ? v(n.$slots, "default", {
+    return (i, d) => i.$slots.default ? p(i.$slots, "default", {
       key: 0,
-      onClick: d
-    }, void 0, !0) : (c(), u(P, { key: 1 }, {
-      content: s(() => [
-        L(S(i.value ? T(e)("annotationToggleHideTooltip") : T(e)("annotationToggleShowTooltip")), 1)
+      onClick: g
+    }, void 0, !0) : (f(), u(V, { key: 1 }, {
+      content: c(() => [
+        R(B(s.value ? w(t)("annotationToggleHideTooltip") : w(t)("annotationToggleShowTooltip")), 1)
       ]),
-      default: s(() => [
-        _(B, {
-          "aria-label": i.value ? T(e)("annotationToggleHideTooltip") : T(e)("annotationToggleShowTooltip"),
-          class: ce(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": i.value }]),
-          onClick: d
+      default: c(() => [
+        y(U, {
+          "aria-label": s.value ? w(t)("annotationToggleHideTooltip") : w(t)("annotationToggleShowTooltip"),
+          class: be(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": s.value }]),
+          onClick: g
         }, {
-          default: s(() => [
-            _(G, {
+          default: c(() => [
+            y(q, {
               name: "annotations",
               class: "vp-text-xl"
             })
@@ -280,29 +289,29 @@ const Y = (t, o) => {
     }));
   }
 });
-const $e = /* @__PURE__ */ Y(we, [["__scopeId", "data-v-7ffb5374"]]), Ae = /* @__PURE__ */ w({
+const De = /* @__PURE__ */ J(Se, [["__scopeId", "data-v-7ffb5374"]]), Pe = /* @__PURE__ */ O({
   __name: "ToolAnnotationHighlight",
   props: {
     active: { type: Boolean, required: !0 },
     activeModifiers: {}
   },
   emits: ["update:active"],
-  setup(t) {
-    const o = H(t, "active"), { t: e } = D(), a = z(), i = p(() => a["aria-disabled"] === !0), d = () => {
-      i.value || (o.value = !o.value);
+  setup(e) {
+    const n = F(e, "active"), { t } = z(), a = K(), s = m(() => a["aria-disabled"] === !0), g = () => {
+      s.value || (n.value = !n.value);
     };
-    return (n, g) => n.$slots.default ? v(n.$slots, "default", m({ key: 0 }, n.$attrs, { onClick: d })) : (c(), u(P, { key: 1 }, {
-      content: s(() => [
-        L(S(T(e)("annotationHighlightTooltip")), 1)
+    return (i, d) => i.$slots.default ? p(i.$slots, "default", b({ key: 0 }, i.$attrs, { onClick: g })) : (f(), u(V, { key: 1 }, {
+      content: c(() => [
+        R(B(w(t)("annotationHighlightTooltip")), 1)
       ]),
-      default: s(() => [
-        _(B, m({
-          "aria-label": T(e)("annotationHighlightLabel"),
-          class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active": o.value }]
-        }, n.$attrs, { onClick: d }), {
-          default: s(() => [
-            v(n.$slots, "icon", {}, () => [
-              _(G, { name: "tool-highlight" })
+      default: c(() => [
+        y(U, b({
+          "aria-label": w(t)("annotationHighlightLabel"),
+          class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]
+        }, i.$attrs, { onClick: g }), {
+          default: c(() => [
+            p(i.$slots, "icon", {}, () => [
+              y(q, { name: "tool-highlight" })
             ])
           ]),
           _: 3
@@ -311,62 +320,62 @@ const $e = /* @__PURE__ */ Y(we, [["__scopeId", "data-v-7ffb5374"]]), Ae = /* @_
       _: 3
     }));
   }
-}), Ce = /* @__PURE__ */ w({
+}), je = /* @__PURE__ */ O({
   __name: "AppPopover",
-  setup(t) {
-    const o = j(x), e = p(() => o?.AppPopover);
-    return (a, i) => e.value ? (c(), u(y(e.value), C(m({ key: 0 }, a.$attrs)), {
-      trigger: s(() => [
-        v(a.$slots, "trigger")
+  setup(e) {
+    const n = D(G), t = m(() => n?.AppPopover);
+    return (a, s) => t.value ? (f(), u(k(t.value), N(b({ key: 0 }, a.$attrs)), {
+      trigger: c(() => [
+        p(a.$slots, "trigger")
       ]),
-      default: s(() => [
-        v(a.$slots, "default")
+      default: c(() => [
+        p(a.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (c(), E("button", C(m({ key: 1 }, a.$attrs)), [
-      v(a.$slots, "default")
+    }, 16)) : (f(), x("button", N(b({ key: 1 }, a.$attrs)), [
+      p(a.$slots, "default")
     ], 16));
   }
-}), Oe = /* @__PURE__ */ w({
+}), xe = /* @__PURE__ */ O({
   __name: "AppSignatures",
-  setup(t) {
-    const o = j(x), e = p(() => o?.AppSignatures);
-    return (a, i) => e.value ? (c(), u(y(e.value), C(m({ key: 0 }, a.$attrs)), null, 16)) : h("", !0);
+  setup(e) {
+    const n = D(G), t = m(() => n?.AppSignatures);
+    return (a, s) => t.value ? (f(), u(k(t.value), N(b({ key: 0 }, a.$attrs)), null, 16)) : h("", !0);
   }
-}), Ie = /* @__PURE__ */ w({
+}), Re = /* @__PURE__ */ O({
   __name: "ToolAnnotationSignature",
   props: {
     active: { type: Boolean, required: !0 },
     activeModifiers: {}
   },
   emits: ["update:active"],
-  setup(t) {
-    const o = H(t, "active"), { t: e } = D(), a = z(), i = V(!1), d = p(() => a["aria-disabled"] === !0), n = () => {
-      d.value || (!o.value && !i.value && (i.value = !0), o.value = !o.value);
-    }, g = (l) => {
-      i.value = !1;
+  setup(e) {
+    const n = F(e, "active"), { t } = z(), a = K(), s = Y(!1), g = m(() => a["aria-disabled"] === !0), i = () => {
+      g.value || (!n.value && !s.value && (s.value = !0), n.value = !n.value);
+    }, d = (r) => {
+      s.value = !1;
     };
-    return (l, A) => l.$slots.default ? v(l.$slots, "default", m({ key: 0 }, l.$attrs, { onClick: n })) : (c(), u(Ce, {
+    return (r, C) => r.$slots.default ? p(r.$slots, "default", b({ key: 0 }, r.$attrs, { onClick: i })) : (f(), u(je, {
       key: 1,
-      open: i.value,
+      open: s.value,
       side: "right",
       sideOffset: 10,
       class: "vpv-annotation-signatures__popover",
-      onInteractOutside: g
+      onInteractOutside: d
     }, {
-      trigger: s(() => [
-        _(P, null, {
-          content: s(() => [
-            L(S(T(e)("annotationSignatureTooltip")), 1)
+      trigger: c(() => [
+        y(V, null, {
+          content: c(() => [
+            R(B(w(t)("annotationSignatureTooltip")), 1)
           ]),
-          default: s(() => [
-            _(B, m({
-              "aria-label": T(e)("annotationSignatureLabel"),
-              class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active": o.value }]
-            }, l.$attrs, { onClick: n }), {
-              default: s(() => [
-                v(l.$slots, "icon", {}, () => [
-                  _(G, { name: "tool-signature" })
+          default: c(() => [
+            y(U, b({
+              "aria-label": w(t)("annotationSignatureLabel"),
+              class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]
+            }, r.$attrs, { onClick: i }), {
+              default: c(() => [
+                p(r.$slots, "icon", {}, () => [
+                  y(q, { name: "tool-signature" })
                 ])
               ]),
               _: 3
@@ -375,35 +384,35 @@ const $e = /* @__PURE__ */ Y(we, [["__scopeId", "data-v-7ffb5374"]]), Ae = /* @_
           _: 3
         })
       ]),
-      default: s(() => [
-        _(Oe)
+      default: c(() => [
+        y(xe)
       ]),
       _: 3
     }, 8, ["open"]));
   }
-}), Ee = /* @__PURE__ */ w({
+}), Be = /* @__PURE__ */ O({
   __name: "ToolAnnotationFreeText",
   props: {
     active: { type: Boolean, required: !0 },
     activeModifiers: {}
   },
   emits: ["update:active"],
-  setup(t) {
-    const o = H(t, "active"), { t: e } = D(), a = z(), i = p(() => a["aria-disabled"] === !0), d = () => {
-      i.value || (o.value = !o.value);
+  setup(e) {
+    const n = F(e, "active"), { t } = z(), a = K(), s = m(() => a["aria-disabled"] === !0), g = () => {
+      s.value || (n.value = !n.value);
     };
-    return (n, g) => n.$slots.default ? v(n.$slots, "default", m({ key: 0 }, n.$attrs, { onClick: d })) : (c(), u(P, { key: 1 }, {
-      content: s(() => [
-        L(S(T(e)("annotationFreeTextTooltip")), 1)
+    return (i, d) => i.$slots.default ? p(i.$slots, "default", b({ key: 0 }, i.$attrs, { onClick: g })) : (f(), u(V, { key: 1 }, {
+      content: c(() => [
+        R(B(w(t)("annotationFreeTextTooltip")), 1)
       ]),
-      default: s(() => [
-        _(B, m({
-          "aria-label": T(e)("annotationFreeTextLabel"),
-          class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active": o.value }]
-        }, n.$attrs, { onClick: d }), {
-          default: s(() => [
-            v(n.$slots, "icon", {}, () => [
-              _(G, { name: "tool-free-text" })
+      default: c(() => [
+        y(U, b({
+          "aria-label": w(t)("annotationFreeTextLabel"),
+          class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]
+        }, i.$attrs, { onClick: g }), {
+          default: c(() => [
+            p(i.$slots, "icon", {}, () => [
+              y(q, { name: "tool-free-text" })
             ])
           ]),
           _: 3
@@ -412,31 +421,31 @@ const $e = /* @__PURE__ */ Y(we, [["__scopeId", "data-v-7ffb5374"]]), Ae = /* @_
       _: 3
     }));
   }
-}), je = /* @__PURE__ */ w({
+}), Ge = /* @__PURE__ */ O({
   __name: "ToolAnnotationImage",
   emits: ["change"],
-  setup(t, { emit: o }) {
-    const { t: e } = D(), a = o, i = z(), d = p(() => i["aria-disabled"] === !0), n = () => {
-      if (d.value)
+  setup(e, { emit: n }) {
+    const { t } = z(), a = n, s = K(), g = m(() => s["aria-disabled"] === !0), i = () => {
+      if (g.value)
         return;
-      const g = document.createElement("input");
-      g.type = "file", g.accept = "image/*", g.onchange = (l) => {
-        const A = l.target.files?.[0];
-        a("change", A);
-      }, g.click();
+      const d = document.createElement("input");
+      d.type = "file", d.accept = "image/*", d.onchange = (r) => {
+        const C = r.target.files?.[0];
+        a("change", C);
+      }, d.click();
     };
-    return (g, l) => g.$slots.default ? v(g.$slots, "default", m({ key: 0 }, g.$attrs, { onClick: n })) : (c(), u(P, { key: 1 }, {
-      content: s(() => [
-        L(S(T(e)("annotationImageTooltip")), 1)
+    return (d, r) => d.$slots.default ? p(d.$slots, "default", b({ key: 0 }, d.$attrs, { onClick: i })) : (f(), u(V, { key: 1 }, {
+      content: c(() => [
+        R(B(w(t)("annotationImageTooltip")), 1)
       ]),
-      default: s(() => [
-        _(B, m({
-          "aria-label": T(e)("annotationImageLabel"),
+      default: c(() => [
+        y(U, b({
+          "aria-label": w(t)("annotationImageLabel"),
           class: "vpv-toolbar-btn"
-        }, g.$attrs, { onClick: n }), {
-          default: s(() => [
-            v(g.$slots, "icon", {}, () => [
-              _(G, { name: "tool-image" })
+        }, d.$attrs, { onClick: i }), {
+          default: c(() => [
+            p(d.$slots, "icon", {}, () => [
+              y(q, { name: "tool-image" })
             ])
           ]),
           _: 3
@@ -446,10 +455,10 @@ const $e = /* @__PURE__ */ Y(we, [["__scopeId", "data-v-7ffb5374"]]), Ae = /* @_
     }));
   }
 });
-const Le = { class: "vpv-annotation-tools-container" }, Se = {
+const Ve = { class: "vpv-annotation-tools-container" }, Ue = {
   key: 0,
   class: "vpv-annotation-tools"
-}, xe = /* @__PURE__ */ w({
+}, qe = /* @__PURE__ */ O({
   __name: "VPdfAnnotationTools",
   props: {
     highlight: {
@@ -471,13 +480,25 @@ const Le = { class: "vpv-annotation-tools-container" }, Se = {
     instanceId: {
       type: Number,
       required: !0
+    },
+    onAnnotationCreated: {
+      type: Function,
+      default: void 0
+    },
+    onAnnotationUpdated: {
+      type: Function,
+      default: void 0
+    },
+    onAnnotationDeleted: {
+      type: Function,
+      default: void 0
     }
   },
   emits: ["highlight", "freeText", "signature", "image"],
-  setup(t, { emit: o }) {
-    const e = t, a = o, i = V(!1), d = (r) => U(e.instanceId, r), n = {
+  setup(e, { emit: n }) {
+    const t = e, a = n, s = Y(!1), g = (o) => I(t.instanceId, o), i = {
       highlight: new CustomEvent(
-        d(O.highlight),
+        g(S.highlight),
         {
           detail: {
             active: !1,
@@ -486,7 +507,7 @@ const Le = { class: "vpv-annotation-tools-container" }, Se = {
         }
       ),
       freeText: new CustomEvent(
-        d(O.freeText),
+        g(S.freeText),
         {
           detail: {
             active: !1,
@@ -496,171 +517,227 @@ const Le = { class: "vpv-annotation-tools-container" }, Se = {
         }
       ),
       signature: new CustomEvent(
-        d(O.signature),
+        g(S.signature),
         {
           detail: { active: !1 }
         }
       ),
-      image: new CustomEvent(d(O.image), {
+      image: new CustomEvent(g(S.image), {
         detail: { file: void 0 }
       })
-    }, g = V(!1), l = ue({
+    }, d = Y(!1), r = _e({
       highlight: !1,
       freeText: !1,
       signature: !1
-    }), A = p({
-      get: () => l.highlight,
-      set: (r) => {
-        l.highlight = r, r && (l.freeText = !1, l.signature = !1), q();
+    }), C = m({
+      get: () => r.highlight,
+      set: (o) => {
+        r.highlight = o, o && (r.freeText = !1, r.signature = !1), H();
       }
-    }), N = p({
-      get: () => l.freeText,
-      set: (r) => {
-        r && (l.highlight = !1, l.signature = !1), l.freeText = r, q();
+    }), M = m({
+      get: () => r.freeText,
+      set: (o) => {
+        o && (r.highlight = !1, r.signature = !1), r.freeText = o, H();
       }
-    }), R = p({
-      get: () => l.signature,
-      set: (r) => {
-        r && (l.highlight = !1, l.freeText = !1), l.signature = r, q();
+    }), W = m({
+      get: () => r.signature,
+      set: (o) => {
+        o && (r.highlight = !1, r.freeText = !1), r.signature = o, H();
       }
-    }), Q = p(() => e.highlight), ee = p(() => e.freeText), te = p(() => e.signature), ae = p(() => e.image), ne = (r) => {
-      g.value = r, r || (A.value = !1, N.value = !1, R.value = !1);
-    }, oe = (r) => {
-      a("highlight", r), n.highlight.detail.active = r;
-      let k = Object.entries(be).map(
-        ([f, M]) => ({ value: f, label: M })
+    }), se = m(() => t.highlight), re = m(() => t.freeText), ce = m(() => t.signature), fe = m(() => t.image), de = (o) => {
+      d.value = o, o || (C.value = !1, M.value = !1, W.value = !1);
+    }, ue = (o) => {
+      a("highlight", o), i.highlight.detail.active = o;
+      let v = Object.entries(Oe).map(
+        ([l, E]) => ({ value: l, label: E })
       );
-      typeof e.highlight == "object" && e.highlight?.colors && (k = e.highlight.colors.map((f) => typeof f == "string" ? {
-        value: Z(f),
-        label: f
-      } : f)), n.highlight.detail.colors = k, window.dispatchEvent(n.highlight);
-    }, ie = (r) => {
-      a("freeText", r), n.freeText.detail.active = r;
-      let k = Object.entries(ye).map(
-        ([f, M]) => ({ value: f, label: M })
+      typeof t.highlight == "object" && t.highlight?.colors && (v = t.highlight.colors.map((l) => typeof l == "string" ? {
+        value: oe(l),
+        label: l
+      } : l)), i.highlight.detail.colors = v, window.dispatchEvent(i.highlight);
+    }, ge = (o) => {
+      a("freeText", o), i.freeText.detail.active = o;
+      let v = Object.entries(Ie).map(
+        ([l, E]) => ({ value: l, label: E })
       );
-      typeof e.freeText == "object" && e.freeText?.fontColors && (k = e.freeText.fontColors.map(
-        (f) => typeof f == "string" ? {
-          value: Z(f),
-          label: f
-        } : f
-      )), n.freeText.detail.fontColors = k, typeof e.freeText == "object" && e.freeText?.fontSizes?.length && (n.freeText.detail.fontSizes = e.freeText.fontSizes), window.dispatchEvent(n.freeText);
-    }, le = (r) => {
-      a("signature", r), n.signature.detail.active = r, window.dispatchEvent(n.signature);
-    }, se = (r) => {
-      l.highlight = !1, l.freeText = !1, l.signature = !1, a("image", r), n.image.detail.file = r, window.dispatchEvent(n.image);
+      typeof t.freeText == "object" && t.freeText?.fontColors && (v = t.freeText.fontColors.map(
+        (l) => typeof l == "string" ? {
+          value: oe(l),
+          label: l
+        } : l
+      )), i.freeText.detail.fontColors = v, typeof t.freeText == "object" && t.freeText?.fontSizes?.length && (i.freeText.detail.fontSizes = t.freeText.fontSizes), window.dispatchEvent(i.freeText);
+    }, ve = (o) => {
+      a("signature", o), i.signature.detail.active = o, window.dispatchEvent(i.signature);
+    }, me = (o) => {
+      r.highlight = !1, r.freeText = !1, r.signature = !1, a("image", o), i.image.detail.file = o, window.dispatchEvent(i.image);
     };
-    function q() {
-      oe(A.value), ie(N.value), le(R.value);
+    function H() {
+      ue(C.value), ge(M.value), ve(W.value);
     }
-    const W = U(e.instanceId, X.Rotate);
-    de(() => {
+    const Q = I(t.instanceId, L.Rotate);
+    ke(() => {
       window.dispatchEvent(
         new CustomEvent(
-          U(e.instanceId, X.AnnotationMounted)
+          I(t.instanceId, L.AnnotationMounted)
         )
-      ), window.addEventListener(W, K);
+      ), window.addEventListener(Q, ee);
     });
-    function K(r) {
-      const { firstPageRotation: k, rotation: f } = r.detail;
-      i.value = f !== 0;
+    function ee(o) {
+      const { firstPageRotation: v, rotation: l } = o.detail;
+      s.value = l !== 0;
     }
-    return ge(i, (r) => {
-      r && (l.highlight = !1, l.freeText = !1, l.signature = !1, q());
-    }), pe(() => {
-      window.removeEventListener(W, K);
-    }), (r, k) => (c(), E("div", Le, [
-      _($e, { onToggle: ne }),
-      _(ve, { name: "slide" }, {
-        default: s(() => [
-          g.value ? (c(), E("div", Se, [
-            Q.value ? (c(), u(Ae, {
+    A(s, (o) => {
+      o && (r.highlight = !1, r.freeText = !1, r.signature = !1, H());
+    });
+    const Z = (o) => {
+      const { id: v, ...l } = o;
+      return {
+        ...l,
+        id: v?.startsWith(Te) ? null : v
+      };
+    };
+    return A(
+      () => t.onAnnotationCreated,
+      (o, v, l) => {
+        if (!o)
+          return;
+        const E = (P) => {
+          o(Z(P.detail));
+        }, T = I(
+          t.instanceId,
+          L.AnnotationCreated
+        );
+        window.addEventListener(T, E), l(() => {
+          window.removeEventListener(T, E);
+        });
+      },
+      { immediate: !0 }
+    ), A(
+      () => t.onAnnotationUpdated,
+      (o, v, l) => {
+        if (!o)
+          return;
+        const E = (P) => {
+          o(Z(P.detail));
+        }, T = I(
+          t.instanceId,
+          L.AnnotationUpdated
+        );
+        window.addEventListener(T, E), l(() => {
+          window.removeEventListener(T, E);
+        });
+      },
+      { immediate: !0 }
+    ), A(
+      () => t.onAnnotationDeleted,
+      (o, v, l) => {
+        if (!o)
+          return;
+        const E = (P) => {
+          o(Z(P.detail));
+        }, T = I(
+          t.instanceId,
+          L.AnnotationDeleted
+        );
+        window.addEventListener(T, E), l(() => {
+          window.removeEventListener(T, E);
+        });
+      },
+      { immediate: !0 }
+    ), ye(() => {
+      window.removeEventListener(Q, ee);
+    }), (o, v) => (f(), x("div", Ve, [
+      y(De, { onToggle: de }),
+      y(we, { name: "slide" }, {
+        default: c(() => [
+          d.value ? (f(), x("div", Ue, [
+            se.value ? (f(), u(Pe, {
               key: 0,
-              active: A.value,
-              "onUpdate:active": k[0] || (k[0] = (f) => A.value = f),
-              "aria-disabled": i.value
-            }, I({ _: 2 }, [
-              typeof e.highlight == "object" && e.highlight.icon ? {
+              active: C.value,
+              "onUpdate:active": v[0] || (v[0] = (l) => C.value = l),
+              "aria-disabled": s.value
+            }, j({ _: 2 }, [
+              typeof t.highlight == "object" && t.highlight.icon ? {
                 name: "icon",
-                fn: s(() => [
-                  typeof e.highlight == "object" && e.highlight.icon ? (c(), u(y(e.highlight.icon), { key: 0 })) : h("", !0)
+                fn: c(() => [
+                  typeof t.highlight == "object" && t.highlight.icon ? (f(), u(k(t.highlight.icon), { key: 0 })) : h("", !0)
                 ]),
                 key: "0"
-              } : typeof e.highlight == "object" && e.highlight.component ? {
+              } : typeof t.highlight == "object" && t.highlight.component ? {
                 name: "default",
-                fn: s(({ onClick: f }) => [
-                  typeof e.highlight == "object" && e.highlight.component ? (c(), u(y(e.highlight.component), {
+                fn: c(({ onClick: l }) => [
+                  typeof t.highlight == "object" && t.highlight.component ? (f(), u(k(t.highlight.component), {
                     key: 0,
-                    onClick: f
+                    onClick: l
                   }, null, 8, ["onClick"])) : h("", !0)
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["active", "aria-disabled"])) : h("", !0),
-            ee.value ? (c(), u(Ee, {
+            re.value ? (f(), u(Be, {
               key: 1,
-              active: N.value,
-              "onUpdate:active": k[1] || (k[1] = (f) => N.value = f),
-              "aria-disabled": i.value
-            }, I({ _: 2 }, [
-              typeof e.freeText == "object" && e.freeText.icon ? {
+              active: M.value,
+              "onUpdate:active": v[1] || (v[1] = (l) => M.value = l),
+              "aria-disabled": s.value
+            }, j({ _: 2 }, [
+              typeof t.freeText == "object" && t.freeText.icon ? {
                 name: "icon",
-                fn: s(() => [
-                  typeof e.freeText == "object" && e.freeText.icon ? (c(), u(y(e.freeText.icon), { key: 0 })) : h("", !0),
-                  typeof e.freeText == "object" && e.freeText.icon ? (c(), u(y(e.freeText.icon), { key: 1 })) : h("", !0)
+                fn: c(() => [
+                  typeof t.freeText == "object" && t.freeText.icon ? (f(), u(k(t.freeText.icon), { key: 0 })) : h("", !0),
+                  typeof t.freeText == "object" && t.freeText.icon ? (f(), u(k(t.freeText.icon), { key: 1 })) : h("", !0)
                 ]),
                 key: "0"
-              } : typeof e.freeText == "object" && e.freeText.component ? {
+              } : typeof t.freeText == "object" && t.freeText.component ? {
                 name: "default",
-                fn: s(({ onClick: f }) => [
-                  typeof e.freeText == "object" && e.freeText.component ? (c(), u(y(e.freeText.component), {
+                fn: c(({ onClick: l }) => [
+                  typeof t.freeText == "object" && t.freeText.component ? (f(), u(k(t.freeText.component), {
                     key: 0,
-                    onClick: f
+                    onClick: l
                   }, null, 8, ["onClick"])) : h("", !0)
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["active", "aria-disabled"])) : h("", !0),
-            ae.value ? (c(), u(je, {
+            fe.value ? (f(), u(Ge, {
               key: 2,
-              onChange: se,
-              "aria-disabled": i.value
-            }, I({ _: 2 }, [
-              typeof e.image == "object" && e.image ? {
+              onChange: me,
+              "aria-disabled": s.value
+            }, j({ _: 2 }, [
+              typeof t.image == "object" && t.image ? {
                 name: "icon",
-                fn: s(() => [
-                  typeof e.image == "object" && e.image.icon ? (c(), u(y(e.image.icon), { key: 0 })) : h("", !0)
+                fn: c(() => [
+                  typeof t.image == "object" && t.image.icon ? (f(), u(k(t.image.icon), { key: 0 })) : h("", !0)
                 ]),
                 key: "0"
-              } : typeof e.image == "object" && e.image.component ? {
+              } : typeof t.image == "object" && t.image.component ? {
                 name: "default",
-                fn: s(({ onClick: f }) => [
-                  typeof e.image == "object" && e.image.component ? (c(), u(y(e.image.component), {
+                fn: c(({ onClick: l }) => [
+                  typeof t.image == "object" && t.image.component ? (f(), u(k(t.image.component), {
                     key: 0,
-                    onClick: f
+                    onClick: l
                   }, null, 8, ["onClick"])) : h("", !0)
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["aria-disabled"])) : h("", !0),
-            te.value ? (c(), u(Ie, {
+            ce.value ? (f(), u(Re, {
               key: 3,
-              active: R.value,
-              "onUpdate:active": k[2] || (k[2] = (f) => R.value = f),
-              "aria-disabled": i.value
-            }, I({ _: 2 }, [
-              typeof e.signature == "object" && e.signature.icon ? {
+              active: W.value,
+              "onUpdate:active": v[2] || (v[2] = (l) => W.value = l),
+              "aria-disabled": s.value
+            }, j({ _: 2 }, [
+              typeof t.signature == "object" && t.signature.icon ? {
                 name: "icon",
-                fn: s(() => [
-                  typeof e.signature == "object" && e.signature.icon ? (c(), u(y(e.signature.icon), { key: 0 })) : h("", !0)
+                fn: c(() => [
+                  typeof t.signature == "object" && t.signature.icon ? (f(), u(k(t.signature.icon), { key: 0 })) : h("", !0)
                 ]),
                 key: "0"
-              } : typeof e.signature == "object" && e.signature.component ? {
+              } : typeof t.signature == "object" && t.signature.component ? {
                 name: "default",
-                fn: s(({ onClick: f }) => [
-                  typeof e.signature == "object" && e.signature.component ? (c(), u(y(e.signature.component), {
+                fn: c(({ onClick: l }) => [
+                  typeof t.signature == "object" && t.signature.component ? (f(), u(k(t.signature.component), {
                     key: 0,
-                    onClick: f
+                    onClick: l
                   }, null, 8, ["onClick"])) : h("", !0)
                 ]),
                 key: "1"
@@ -673,32 +750,57 @@ const Le = { class: "vpv-annotation-tools-container" }, Se = {
     ]));
   }
 });
-const Pe = /* @__PURE__ */ Y(xe, [["__scopeId", "data-v-52d7d350"]]), Ge = (t = {}) => {
-  const { highlight: o, freeText: e, image: a } = t;
+const ze = /* @__PURE__ */ J(qe, [["__scopeId", "data-v-f0bb4566"]]), We = () => {
+  const e = D(ie);
+  return {
+    emitAnnotationCreated: (n) => {
+      const t = I(e, L.AnnotationCreated);
+      console.log("[AnnotationCreated Emitted] to ", t);
+      const a = new CustomEvent(t, { detail: n });
+      window.dispatchEvent(a);
+    },
+    emitAnnotationUpdated: (n) => {
+      const t = I(e, L.AnnotationUpdated);
+      console.log("[AnnotationUpdated Emitted] to ", t);
+      const a = new CustomEvent(t, { detail: n });
+      window.dispatchEvent(a);
+    },
+    emitAnnotationDeleted: (n) => {
+      const t = I(e, L.AnnotationDeleted);
+      console.log("[AnnotationDeleted Emitted] to ", t);
+      const a = new CustomEvent(t, { detail: n });
+      window.dispatchEvent(a);
+    }
+  };
+}, He = (e = {}) => {
+  const { highlight: n, freeText: t, image: a, ...s } = e;
   return {
     name: "annotation",
-    setup(i) {
-      const { componentInstance: d, shared: n } = i, g = d?.uid ?? 0;
-      i.toolbar.addItem({
-        id: me.ANNOTATIONS,
+    setup(g) {
+      const { componentInstance: i, shared: d } = g, r = i?.uid ?? 0;
+      g.toolbar.addItem({
+        id: Ce.ANNOTATIONS,
         toolbarDirection: "left",
-        component: he(Pe, {
-          highlight: o,
-          freeText: e,
+        component: Ee(ze, {
+          highlight: n,
+          freeText: t,
           image: a,
-          instanceId: g
+          instanceId: r,
+          ...s
         })
       });
-      const l = d?.appContext.app;
-      n.ui ? l.provide(x, n.ui) : console.warn(
+      const C = i?.appContext.app;
+      C.provide(ie, r), d.ui ? C.provide(G, d.ui) : console.warn(
         "VPdfAnnotationPlugin - No UI context found in plugin context"
-      ), n.localization?.value ? l.provide(J, n.localization) : console.warn(
+      ), d.localization?.value ? C.provide(le, d.localization) : console.warn(
         "VPdfAnnotationPlugin - No localization found in plugin context"
       );
     }
   };
 };
 export {
-  Pe as VPdfAnnotationTools,
-  Ge as default
+  ie as SYMBOL_INSTANCE_ID,
+  ze as VPdfAnnotationTools,
+  He as default,
+  We as useAnnotationEvents
 };

package/dist/index.umd.cjs

@@ -1,2 +1,2 @@
-(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.vp-text-xl[data-v-c6e40782]{font-size:1.25rem;line-height:1.75rem}.vpv-toolbar-btn.vpv-toolbar-btn-active[data-v-7ffb5374],.vpv-toolbar-btn[data-v-7ffb5374]:hover{background-color:var(--vpv-primary-color);color:#fff}.vpv-annotation-editor-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.vpv-annotation-editor-layer *{pointer-events:auto}.vpv-annotation-editor-layer .vpv-annotation-editor{z-index:calc(var(--vpv-base-z-index) * 4)}.vpv-annotation-editor-layer.highlight-mode{cursor:text}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor{pointer-events:none}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path{cursor:pointer;position:absolute;inset:0;pointer-events:auto}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight{pointer-events:none}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight .vpv-annotation-editor__clip-path{pointer-events:none}.vpv-annotation-editor-layer.freetext-mode>:not(.vpv-annotation-editor__free-text){user-select:none;pointer-events:none}.vpv-annotation-editor-layer:not(.freetext-mode) .vpv-annotation-editor__free-text{pointer-events:none}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text{position:absolute;user-select:none;padding:calc(var(--vpv-annotation-free-text__padding, 2px) * var(--scale-factor));cursor:auto}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text.draggable{cursor:move}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--selected,.vpv-annotation-editor-layer .vpv-annotation-editor__free-text:hover{outline:1px solid #0082ff}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text [role=textbox]{outline:none!important;text-align:start;font:10px sans-serif;line-height:var(--vpv-annotation-free-text__line-height);width:auto;height:auto;white-space:pre-wrap;word-wrap:break-word}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp{min-width:100px;min-height:calc(20px * var(--scale-factor));border:1px dashed #007bff;background-color:#ffffffe6;color:#000;cursor:text}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp>[role=textbox]{outline:none;font-size:calc(16px * var(--scale-factor));font-family:sans-serif;min-height:calc(16px * var(--scale-factor));white-space:nowrap}.vpv-annotation-highlight__color-picker-wrapper{padding-left:4px;padding-right:4px;padding-bottom:4px;text-align:left}.vpv-annotation-highlight__color-picker-wrapper>p{margin-bottom:.75rem}.vpv-canvas-layer>.vpv-highlight:is(svg){position:absolute;mix-blend-mode:multiply}.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free){fill-rule:evenodd}.vpv-canvas-layer>.vpv-highlight-outline:is(svg){position:absolute;mix-blend-mode:normal;fill-rule:evenodd;fill:none}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered,.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke-width:var(--vpv-annotation-highlight__outline-width)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered{stroke:var(--vpv-annotation-highlight__outline-hover-color)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke:var(--vpv-annotation-highlight__outline-selected-color)}.vpv-resizers{position:absolute;inset:0;pointer-events:none}.vpv-resizers .vpv-resizer{position:absolute;width:var(--vpv-annotation-outline-resizer-size);height:var(--vpv-annotation-outline-resizer-size);background:white;border:1px solid var(--vpv-annotation-outline-resizer-border-color);border-radius:50%;pointer-events:auto;cursor:pointer;z-index:calc(var(--vpv-base-z-index) * 9999);transition:opacity .2s ease,visibility .2s ease}.vpv-resizers .vpv-resizer:hover,.vpv-resizers .vpv-resizer:focus{transform:scale(1.5)}.vpv-resizers .vpv-resizer--top-left{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-resizers .vpv-resizer--top-right{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-left{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-right{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-left{cursor:nesw-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-left{cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-right{cursor:nesw-resize}.vpv-resizer--dark{background:#80ebff;border-color:#2b2a33}.vpv-resizer--dark:focus{outline-color:#80ebff}.vpv-annotation-editor__image{position:absolute;cursor:pointer;touch-action:none;user-select:none;will-change:transform}.vpv-annotation-editor__image.hovered,.vpv-annotation-editor__image:hover{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-color:var(--vpv-annotation-outline-hovered-color)}.vpv-annotation-editor__image.selected{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-offset:var(--vpv-annotation-outline-selected-offset);outline-color:var(--vpv-annotation-outline-selected-color);cursor:move}.vpv-annotation-editor__image canvas{position:absolute;width:100%;height:100%;margin:0;top:0;left:0}.vpv-annotation-editor__image.dragging canvas{user-drag:none;-webkit-user-drag:none;pointer-events:none;touch-action:none}.vpv-page:not([data-main-rotation="0"]) .vpv-annotation-editor__image:hover{outline:none}.vpv-annotation-tools-container[data-v-52d7d350]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-52d7d350] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-52d7d350],.slide-leave-active[data-v-52d7d350]{transition:all .3s ease-out}.slide-enter-from[data-v-52d7d350],.slide-leave-to[data-v-52d7d350]{opacity:0}.slide-enter-from[data-v-52d7d350],.slide-leave-to[data-v-52d7d350]{transform:translateY(-20px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g["@vue-pdf-viewer/annotation"]={},g.Vue))})(this,function(g,e){"use strict";var b;(function(o){o.highlight="vpv:annotation:highlight",o.freeText="vpv:annotation:freeText",o.signature="vpv:annotation:signature",o.image="vpv:annotation:image"})(b||(b={}));var S;(function(o){o.AnnotationMounted="vpv:annotation:mounted",o.Rotate="vpv:rotate"})(S||(S={}));var h;(function(o){o.Purple="#CAAAFF",o.Cyan="#65EDE9",o.Red="#FFACAC",o.Orange="#FFBD82",o.Yellow="#FCE244",o.Green="#A0F751"})(h||(h={}));var p;(function(o){o.Black="#000000",o.DarkGray="#444444",o.Gray="#696969",o.LightGray="#9C9C9C",o.LightestGray="#CDCDCD",o.White="#FFFFFF",o.Purple="#7862FF",o.Blue="#1777FF",o.Red="#F66365",o.Orange="#F67E63",o.Yellow="#F5C463",o.Green="#48BB77"})(p||(p={}));const R={ANNOTATIONS:"annotations"},k=Symbol("VPV Shared UIs"),P=Symbol("VPV Current Localization"),A=S,q={[h.Purple]:"Purple",[h.Cyan]:"Cyan",[h.Red]:"Red",[h.Orange]:"Orange",[h.Yellow]:"Yellow",[h.Green]:"Green"},F={[p.Black]:"Black",[p.DarkGray]:"Dark Gray",[p.Gray]:"Gray",[p.LightGray]:"Light Gray",[p.LightestGray]:"Lightest Gray",[p.White]:"White",[p.Purple]:"Purple",[p.Blue]:"Blue",[p.Red]:"Red",[p.Orange]:"Orange",[p.Yellow]:"Yellow",[p.Green]:"Green"},$=(o,n)=>`${o}-${n}`,U={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4","indianred ":"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},E=o=>o.startsWith("#")||o.startsWith("0x")?o:U[o]||o,y=e.defineComponent({__name:"AppTooltip",setup(o){const n=e.inject(k),t=e.computed(()=>n?.AppTooltip);return(a,r)=>t.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:2},[e.renderList(a.$slots,(d,l)=>({name:l,fn:e.withCtx(()=>[e.renderSlot(a.$slots,l)])}))]),1040)):(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),_=e.defineComponent({__name:"AppButton",setup(o){const n=e.inject(k),t=e.computed(()=>n?.AppButton);return(a,r)=>t.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),Y=(o,n)=>{const t=o[n];return t?typeof t=="function"?t():Promise.resolve(t):new Promise((a,r)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(r.bind(null,new Error("Unknown variable dynamic import: "+n)))})},W=e.defineComponent({__name:"Icon",props:{name:{}},setup(o){const n=o,t=e.defineAsyncComponent({loader:()=>Y(Object.assign({"../assets/icons/annotations.svg":()=>Promise.resolve().then(()=>ie),"../assets/icons/tool-comment.svg":()=>Promise.resolve().then(()=>ce),"../assets/icons/tool-free-text.svg":()=>Promise.resolve().then(()=>fe),"../assets/icons/tool-highlight.svg":()=>Promise.resolve().then(()=>me),"../assets/icons/tool-image.svg":()=>Promise.resolve().then(()=>he),"../assets/icons/tool-signature.svg":()=>Promise.resolve().then(()=>be)}),`../assets/icons/${n.name}.svg`)});return(a,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t)),{class:"vp-text-xl"}))}}),$e="",V=(o,n)=>{const t=o.__vccOpts||o;for(const[a,r]of n)t[a]=r;return t},w=V(W,[["__scopeId","data-v-c6e40782"]]),C=()=>{const o=e.inject(P,e.computed(()=>({})));return{t:e.computed(()=>t=>{const a=t.split(".").pop()||t;return o.value&&a in o.value?o.value[a]:(console.warn(`useLocalization - Translation not found for key: ${t}`),t)}).value,currentLocale:e.computed(()=>o.value)}},v=e.defineComponent({__name:"ToolAnnotation",emits:["toggle"],setup(o,{emit:n}){const{t}=C(),a=n,r=e.ref(!1),d=()=>{r.value=!r.value,a("toggle",r.value)};return(l,f)=>l.$slots.default?e.renderSlot(l.$slots,"default",{key:0,onClick:d},void 0,!0):(e.openBlock(),e.createBlock(y,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.value?e.unref(t)("annotationToggleHideTooltip"):e.unref(t)("annotationToggleShowTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(_,{"aria-label":r.value?e.unref(t)("annotationToggleHideTooltip"):e.unref(t)("annotationToggleShowTooltip"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":r.value}]),onClick:d},{default:e.withCtx(()=>[e.createVNode(w,{name:"annotations",class:"vp-text-xl"})]),_:1},8,["aria-label","class"])]),_:1}))}}),Ve="",K=V(v,[["__scopeId","data-v-7ffb5374"]]),X=e.defineComponent({__name:"ToolAnnotationHighlight",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(o){const n=e.useModel(o,"active"),{t}=C(),a=e.useAttrs(),r=e.computed(()=>a["aria-disabled"]===!0),d=()=>{r.value||(n.value=!n.value)};return(l,f)=>l.$slots.default?e.renderSlot(l.$slots,"default",e.mergeProps({key:0},l.$attrs,{onClick:d})):(e.openBlock(),e.createBlock(y,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationHighlightTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(_,e.mergeProps({"aria-label":e.unref(t)("annotationHighlightLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},l.$attrs,{onClick:d}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(w,{name:"tool-highlight"})])]),_:3},16,["aria-label","class"])]),_:3}))}}),Z=e.defineComponent({__name:"AppPopover",setup(o){const n=e.inject(k),t=e.computed(()=>n?.AppPopover);return(a,r)=>t.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),{trigger:e.withCtx(()=>[e.renderSlot(a.$slots,"trigger")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),J=e.defineComponent({__name:"AppSignatures",setup(o){const n=e.inject(k),t=e.computed(()=>n?.AppSignatures);return(a,r)=>t.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),null,16)):e.createCommentVNode("",!0)}}),Q=e.defineComponent({__name:"ToolAnnotationSignature",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(o){const n=e.useModel(o,"active"),{t}=C(),a=e.useAttrs(),r=e.ref(!1),d=e.computed(()=>a["aria-disabled"]===!0),l=()=>{d.value||(!n.value&&!r.value&&(r.value=!0),n.value=!n.value)},f=i=>{r.value=!1};return(i,u)=>i.$slots.default?e.renderSlot(i.$slots,"default",e.mergeProps({key:0},i.$attrs,{onClick:l})):(e.openBlock(),e.createBlock(Z,{key:1,open:r.value,side:"right",sideOffset:10,class:"vpv-annotation-signatures__popover",onInteractOutside:f},{trigger:e.withCtx(()=>[e.createVNode(y,null,{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationSignatureTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(_,e.mergeProps({"aria-label":e.unref(t)("annotationSignatureLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},i.$attrs,{onClick:l}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"icon",{},()=>[e.createVNode(w,{name:"tool-signature"})])]),_:3},16,["aria-label","class"])]),_:3})]),default:e.withCtx(()=>[e.createVNode(J)]),_:3},8,["open"]))}}),ee=e.defineComponent({__name:"ToolAnnotationFreeText",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(o){const n=e.useModel(o,"active"),{t}=C(),a=e.useAttrs(),r=e.computed(()=>a["aria-disabled"]===!0),d=()=>{r.value||(n.value=!n.value)};return(l,f)=>l.$slots.default?e.renderSlot(l.$slots,"default",e.mergeProps({key:0},l.$attrs,{onClick:d})):(e.openBlock(),e.createBlock(y,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationFreeTextTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(_,e.mergeProps({"aria-label":e.unref(t)("annotationFreeTextLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},l.$attrs,{onClick:d}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(w,{name:"tool-free-text"})])]),_:3},16,["aria-label","class"])]),_:3}))}}),te=e.defineComponent({__name:"ToolAnnotationImage",emits:["change"],setup(o,{emit:n}){const{t}=C(),a=n,r=e.useAttrs(),d=e.computed(()=>r["aria-disabled"]===!0),l=()=>{if(d.value)return;const f=document.createElement("input");f.type="file",f.accept="image/*",f.onchange=i=>{const u=i.target.files?.[0];a("change",u)},f.click()};return(f,i)=>f.$slots.default?e.renderSlot(f.$slots,"default",e.mergeProps({key:0},f.$attrs,{onClick:l})):(e.openBlock(),e.createBlock(y,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationImageTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(_,e.mergeProps({"aria-label":e.unref(t)("annotationImageLabel"),class:"vpv-toolbar-btn"},f.$attrs,{onClick:l}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"icon",{},()=>[e.createVNode(w,{name:"tool-image"})])]),_:3},16,["aria-label"])]),_:3}))}}),Ne="",oe={class:"vpv-annotation-tools-container"},ne={key:0,class:"vpv-annotation-tools"},ae=e.defineComponent({__name:"VPdfAnnotationTools",props:{highlight:{type:[Object,Boolean],default:()=>!0},freeText:{type:[Object,Boolean],default:()=>!0},signature:{type:[Object,Boolean],default:()=>!1},image:{type:[Object,Boolean],default:()=>!0},instanceId:{type:Number,required:!0}},emits:["highlight","freeText","signature","image"],setup(o,{emit:n}){const t=o,a=n,r=e.ref(!1),d=s=>$(t.instanceId,s),l={highlight:new CustomEvent(d(b.highlight),{detail:{active:!1,colors:null}}),freeText:new CustomEvent(d(b.freeText),{detail:{active:!1,fontColors:null,fontSizes:null}}),signature:new CustomEvent(d(b.signature),{detail:{active:!1}}),image:new CustomEvent(d(b.image),{detail:{file:void 0}})},f=e.ref(!1),i=e.reactive({highlight:!1,freeText:!1,signature:!1}),u=e.computed({get:()=>i.highlight,set:s=>{i.highlight=s,s&&(i.freeText=!1,i.signature=!1),x()}}),T=e.computed({get:()=>i.freeText,set:s=>{s&&(i.highlight=!1,i.signature=!1),i.freeText=s,x()}}),B=e.computed({get:()=>i.signature,set:s=>{s&&(i.highlight=!1,i.freeText=!1),i.signature=s,x()}}),ke=e.computed(()=>t.highlight),ye=e.computed(()=>t.freeText),_e=e.computed(()=>t.signature),we=e.computed(()=>t.image),Ce=s=>{f.value=s,s||(u.value=!1,T.value=!1,B.value=!1)},Te=s=>{a("highlight",s),l.highlight.detail.active=s;let m=Object.entries(q).map(([c,N])=>({value:c,label:N}));typeof t.highlight=="object"&&t.highlight?.colors&&(m=t.highlight.colors.map(c=>typeof c=="string"?{value:E(c),label:c}:c)),l.highlight.detail.colors=m,window.dispatchEvent(l.highlight)},Be=s=>{a("freeText",s),l.freeText.detail.active=s;let m=Object.entries(F).map(([c,N])=>({value:c,label:N}));typeof t.freeText=="object"&&t.freeText?.fontColors&&(m=t.freeText.fontColors.map(c=>typeof c=="string"?{value:E(c),label:c}:c)),l.freeText.detail.fontColors=m,typeof t.freeText=="object"&&t.freeText?.fontSizes?.length&&(l.freeText.detail.fontSizes=t.freeText.fontSizes),window.dispatchEvent(l.freeText)},xe=s=>{a("signature",s),l.signature.detail.active=s,window.dispatchEvent(l.signature)},Se=s=>{i.highlight=!1,i.freeText=!1,i.signature=!1,a("image",s),l.image.detail.file=s,window.dispatchEvent(l.image)};function x(){Te(u.value),Be(T.value),xe(B.value)}const G=$(t.instanceId,A.Rotate);e.onMounted(()=>{window.dispatchEvent(new CustomEvent($(t.instanceId,A.AnnotationMounted))),window.addEventListener(G,H)});function H(s){const{firstPageRotation:m,rotation:c}=s.detail;r.value=c!==0}return e.watch(r,s=>{s&&(i.highlight=!1,i.freeText=!1,i.signature=!1,x())}),e.onUnmounted(()=>{window.removeEventListener(G,H)}),(s,m)=>(e.openBlock(),e.createElementBlock("div",oe,[e.createVNode(K,{onToggle:Ce}),e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[f.value?(e.openBlock(),e.createElementBlock("div",ne,[ke.value?(e.openBlock(),e.createBlock(X,{key:0,active:u.value,"onUpdate:active":m[0]||(m[0]=c=>u.value=c),"aria-disabled":r.value},e.createSlots({_:2},[typeof t.highlight=="object"&&t.highlight.icon?{name:"icon",fn:e.withCtx(()=>[typeof t.highlight=="object"&&t.highlight.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.highlight.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof t.highlight=="object"&&t.highlight.component?{name:"default",fn:e.withCtx(({onClick:c})=>[typeof t.highlight=="object"&&t.highlight.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.highlight.component),{key:0,onClick:c},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0),ye.value?(e.openBlock(),e.createBlock(ee,{key:1,active:T.value,"onUpdate:active":m[1]||(m[1]=c=>T.value=c),"aria-disabled":r.value},e.createSlots({_:2},[typeof t.freeText=="object"&&t.freeText.icon?{name:"icon",fn:e.withCtx(()=>[typeof t.freeText=="object"&&t.freeText.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.freeText.icon),{key:0})):e.createCommentVNode("",!0),typeof t.freeText=="object"&&t.freeText.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.freeText.icon),{key:1})):e.createCommentVNode("",!0)]),key:"0"}:typeof t.freeText=="object"&&t.freeText.component?{name:"default",fn:e.withCtx(({onClick:c})=>[typeof t.freeText=="object"&&t.freeText.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.freeText.component),{key:0,onClick:c},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0),we.value?(e.openBlock(),e.createBlock(te,{key:2,onChange:Se,"aria-disabled":r.value},e.createSlots({_:2},[typeof t.image=="object"&&t.image?{name:"icon",fn:e.withCtx(()=>[typeof t.image=="object"&&t.image.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.image.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof t.image=="object"&&t.image.component?{name:"default",fn:e.withCtx(({onClick:c})=>[typeof t.image=="object"&&t.image.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.image.component),{key:0,onClick:c},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["aria-disabled"])):e.createCommentVNode("",!0),_e.value?(e.openBlock(),e.createBlock(Q,{key:3,active:B.value,"onUpdate:active":m[2]||(m[2]=c=>B.value=c),"aria-disabled":r.value},e.createSlots({_:2},[typeof t.signature=="object"&&t.signature.icon?{name:"icon",fn:e.withCtx(()=>[typeof t.signature=="object"&&t.signature.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.signature.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof t.signature=="object"&&t.signature.component?{name:"default",fn:e.withCtx(({onClick:c})=>[typeof t.signature=="object"&&t.signature.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.signature.component),{key:0,onClick:c},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1})]))}}),Pe="",j=V(ae,[["__scopeId","data-v-52d7d350"]]),le=(o={})=>{const{highlight:n,freeText:t,image:a}=o;return{name:"annotation",setup(r){const{componentInstance:d,shared:l}=r,f=d?.uid??0;r.toolbar.addItem({id:R.ANNOTATIONS,toolbarDirection:"left",component:e.h(j,{highlight:n,freeText:t,image:a,instanceId:f})});const i=d?.appContext.app;l.ui?i.provide(k,l.ui):console.warn("VPdfAnnotationPlugin - No UI context found in plugin context"),l.localization?.value?i.provide(P,l.localization):console.warn("VPdfAnnotationPlugin - No localization found in plugin context")}}},re={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function O(o,n){return e.openBlock(),e.createElementBlock("svg",re,[...n[0]||(n[0]=[e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.25",d:"M10 18.334a8.333 8.333 0 1 0 0-16.667 8.333 8.333 0 0 0 0 16.667"},null,-1),e.createElementVNode("path",{stroke:"currentColor","stroke-linejoin":"round","stroke-width":"1.25",d:"m5.417 17.084 1.171-4.394c.238-.892.357-1.338.694-1.597s.798-.259 1.722-.259h1.992c.923 0 1.385 0 1.722.259.337.258.456.705.693 1.597l1.172 4.394"},null,-1),e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.25",d:"M7.917 10.834 9.23 7.8c.327-.756.491-1.134.769-1.134s.441.378.77 1.134l1.313 3.033"},null,-1)])])}const ie=Object.freeze(Object.defineProperty({__proto__:null,render:O,default:{render:O}},Symbol.toStringTag,{value:"Module"})),se={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function D(o,n){return e.openBlock(),e.createElementBlock("svg",se,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M18.125 9.688a7.82 7.82 0 0 1-7.812 7.812H3.75a1.25 1.25 0 0 1-1.25-1.25V9.688a7.812 7.812 0 0 1 15.625 0m-1.25 0a6.563 6.563 0 0 0-13.125 0v6.562h6.563a6.57 6.57 0 0 0 6.562-6.562"},null,-1),e.createElementVNode("path",{fill:"currentColor",d:"M12.5 10a.624.624 0 0 1-.625.625h-1.25v1.25a.624.624 0 1 1-1.25 0v-1.25h-1.25a.625.625 0 1 1 0-1.25h1.25v-1.25a.625.625 0 0 1 1.25 0v1.25h1.25A.625.625 0 0 1 12.5 10"},null,-1)])])}const ce=Object.freeze(Object.defineProperty({__proto__:null,render:D,default:{render:D}},Symbol.toStringTag,{value:"Module"})),de={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function z(o,n){return e.openBlock(),e.createElementBlock("svg",de,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M11.458 13.75a.624.624 0 1 0 0-1.25h-.625v-5h2.5v.625a.625.625 0 0 0 1.25 0v-1.25a.625.625 0 0 0-.625-.625h-7.5a.625.625 0 0 0-.625.625v1.25a.625.625 0 0 0 1.25 0V7.5h2.5v5h-.625a.625.625 0 1 0 0 1.25z"},null,-1),e.createElementVNode("path",{fill:"currentColor","fill-rule":"evenodd",d:"M3.125 3.75c0-.115.093-.208.208-.208h13.334c.115 0 .208.093.208.208v2.917a.625.625 0 1 0 1.25 0V3.75c0-.805-.653-1.458-1.458-1.458H3.333c-.805 0-1.458.653-1.458 1.458v3.334a.625.625 0 1 0 1.25 0zm0 12.5c0 .115.093.209.208.209h13.334a.21.21 0 0 0 .208-.209v-2.916a.625.625 0 1 1 1.25 0v2.916c0 .806-.653 1.459-1.458 1.459H3.333a1.46 1.46 0 0 1-1.458-1.459v-3.333a.625.625 0 1 1 1.25 0zM2.5 8.542c.345 0 .625.28.625.625v1.667a.625.625 0 0 1-1.25 0V9.167c0-.345.28-.625.625-.625m15.625.625a.625.625 0 1 0-1.25 0v1.667a.625.625 0 0 0 1.25 0z","clip-rule":"evenodd"},null,-1)])])}const fe=Object.freeze(Object.defineProperty({__proto__:null,render:z,default:{render:z}},Symbol.toStringTag,{value:"Module"})),pe={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function I(o,n){return e.openBlock(),e.createElementBlock("svg",pe,[...n[0]||(n[0]=[e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{fill:"currentColor",d:"M19.818 8.308a.625.625 0 0 0-.885 0L15 12.242 8.384 5.625l3.934-3.932a.626.626 0 0 0-.885-.885L7.5 4.742a1.25 1.25 0 0 0-.22 1.47L5.625 7.866a1.25 1.25 0 0 0 0 1.767l.367.366-4.559 4.558a.625.625 0 0 0 .245 1.035l5.625 1.875a.62.62 0 0 0 .437-.015.6.6 0 0 0 .203-.136l2.682-2.683.367.366a1.25 1.25 0 0 0 1.767 0l1.656-1.654a1.25 1.25 0 0 0 1.469-.22l3.934-3.933a.626.626 0 0 0 0-.885M7.332 16.16l-4.297-1.433 3.84-3.843 2.867 2.866zm4.543-2.043L6.51 8.75l1.616-1.616 5.367 5.366z"})],-1),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("path",{fill:"currentColor",d:"M0 0h20v20H0z"})])],-1)])])}const me=Object.freeze(Object.defineProperty({__proto__:null,render:I,default:{render:I}},Symbol.toStringTag,{value:"Module"})),ge={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function M(o,n){return e.openBlock(),e.createElementBlock("svg",ge,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M16.875 3.125H3.125a1.25 1.25 0 0 0-1.25 1.25v11.25a1.25 1.25 0 0 0 1.25 1.25h13.75a1.25 1.25 0 0 0 1.25-1.25V4.375a1.25 1.25 0 0 0-1.25-1.25m0 1.25v8.027l-2.037-2.036a1.25 1.25 0 0 0-1.768 0l-1.562 1.563L8.07 8.49a1.25 1.25 0 0 0-1.767 0L3.125 11.67V4.376zm-13.75 9.063 4.063-4.063 6.25 6.25H3.124zm13.75 2.187h-1.67l-2.812-2.812 1.563-1.563 2.919 2.92zM11.25 7.813a.938.938 0 1 1 1.875 0 .938.938 0 0 1-1.875 0"},null,-1)])])}const he=Object.freeze(Object.defineProperty({__proto__:null,render:M,default:{render:M}},Symbol.toStringTag,{value:"Module"})),ue={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function L(o,n){return e.openBlock(),e.createElementBlock("svg",ue,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M18.125 13.125H4.99q.313-.615.625-1.259c1.172.13 2.546-.685 4.114-2.432.391 1.051 1.13 2.416 2.39 2.441.707.014 1.414-.406 2.142-1.279.53.634 1.623 1.279 3.865 1.279a.625.625 0 1 0 0-1.25c-2.377 0-3.08-.816-3.125-1.259a.6.6 0 0 0-.426-.605.636.636 0 0 0-.723.273c-.943 1.448-1.514 1.596-1.713 1.591-.645-.012-1.301-1.525-1.526-2.61a.625.625 0 0 0-1.1-.264c-1.579 1.98-2.637 2.646-3.295 2.818.663-1.474 1.158-2.768 1.475-3.858.533-1.831.572-3.112.118-3.914-.234-.42-.73-.922-1.723-.922-1.255 0-2.245 1.186-2.716 3.254-.28 1.227-.327 2.594-.127 3.75.2 1.155.615 1.996 1.218 2.495a72 72 0 0 1-.877 1.751h-1.71a.625.625 0 1 0 0 1.25h1.048c-.884 1.64-1.572 2.784-1.583 2.803a.625.625 0 1 0 1.071.644c.012-.02.88-1.468 1.93-3.447h13.784a.625.625 0 1 0 0-1.25M4.59 5.407c.311-1.365.914-2.282 1.498-2.282.416 0 .555.145.635.287.235.416.51 1.89-1.692 6.749-.645-.881-.865-2.895-.44-4.754"},null,-1)])])}const be=Object.freeze(Object.defineProperty({__proto__:null,render:L,default:{render:L}},Symbol.toStringTag,{value:"Module"}));g.VPdfAnnotationTools=j,g.default=le,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.vp-text-xl[data-v-c6e40782]{font-size:1.25rem;line-height:1.75rem}.vpv-toolbar-btn.vpv-toolbar-btn-active[data-v-7ffb5374],.vpv-toolbar-btn[data-v-7ffb5374]:hover{background-color:var(--vpv-primary-color);color:#fff}.vpv-annotation-editor-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.vpv-annotation-editor-layer *{pointer-events:auto}.vpv-annotation-editor-layer .vpv-annotation-editor{z-index:calc(var(--vpv-base-z-index) * 4)}.vpv-annotation-editor-layer.highlight-mode{cursor:text}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor{pointer-events:none}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path{cursor:pointer;position:absolute;inset:0;pointer-events:auto}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight{pointer-events:none}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight .vpv-annotation-editor__clip-path{pointer-events:none}.vpv-annotation-editor-layer.freetext-mode>:not(.vpv-annotation-editor__free-text){user-select:none;pointer-events:none}.vpv-annotation-editor-layer:not(.freetext-mode) .vpv-annotation-editor__free-text{pointer-events:none}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text{position:absolute;user-select:none;padding:calc(var(--vpv-annotation-free-text__padding, 2px) * var(--scale-factor));cursor:auto}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text.draggable{cursor:move}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--selected,.vpv-annotation-editor-layer .vpv-annotation-editor__free-text:hover{outline:1px solid #0082ff}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text [role=textbox]{outline:none!important;text-align:start;font:10px sans-serif;line-height:var(--vpv-annotation-free-text__line-height);width:auto;height:auto;white-space:pre-wrap;word-wrap:break-word}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp{min-width:100px;min-height:calc(20px * var(--scale-factor));border:1px dashed #007bff;background-color:#ffffffe6;color:#000;cursor:text}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp>[role=textbox]{outline:none;font-size:calc(16px * var(--scale-factor));font-family:sans-serif;min-height:calc(16px * var(--scale-factor));white-space:nowrap}.vpv-annotation-highlight__color-picker-wrapper{padding-left:4px;padding-right:4px;padding-bottom:4px;text-align:left}.vpv-annotation-highlight__color-picker-wrapper>p{margin-bottom:.75rem}.vpv-canvas-layer>.vpv-highlight:is(svg){position:absolute;mix-blend-mode:multiply}.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free){fill-rule:evenodd}.vpv-canvas-layer>.vpv-highlight-outline:is(svg){position:absolute;mix-blend-mode:normal;fill-rule:evenodd;fill:none}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered,.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke-width:var(--vpv-annotation-highlight__outline-width)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered{stroke:var(--vpv-annotation-highlight__outline-hover-color)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke:var(--vpv-annotation-highlight__outline-selected-color)}.vpv-resizers{position:absolute;inset:0;pointer-events:none}.vpv-resizers .vpv-resizer{position:absolute;width:var(--vpv-annotation-outline-resizer-size);height:var(--vpv-annotation-outline-resizer-size);background:white;border:1px solid var(--vpv-annotation-outline-resizer-border-color);border-radius:50%;pointer-events:auto;cursor:pointer;z-index:calc(var(--vpv-base-z-index) * 9999);transition:opacity .2s ease,visibility .2s ease}.vpv-resizers .vpv-resizer:hover,.vpv-resizers .vpv-resizer:focus{transform:scale(1.5)}.vpv-resizers .vpv-resizer--top-left{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-resizers .vpv-resizer--top-right{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-left{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-right{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-left{cursor:nesw-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-left{cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-right{cursor:nesw-resize}.vpv-resizer--dark{background:#80ebff;border-color:#2b2a33}.vpv-resizer--dark:focus{outline-color:#80ebff}.vpv-annotation-editor__image{position:absolute;cursor:pointer;touch-action:none;user-select:none;will-change:transform}.vpv-annotation-editor__image.hovered,.vpv-annotation-editor__image:hover{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-color:var(--vpv-annotation-outline-hovered-color)}.vpv-annotation-editor__image.selected{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-offset:var(--vpv-annotation-outline-selected-offset);outline-color:var(--vpv-annotation-outline-selected-color);cursor:move}.vpv-annotation-editor__image canvas{position:absolute;width:100%;height:100%;margin:0;top:0;left:0}.vpv-annotation-editor__image.dragging canvas{user-drag:none;-webkit-user-drag:none;pointer-events:none;touch-action:none}.vpv-page:not([data-main-rotation="0"]) .vpv-annotation-editor__image:hover{outline:none}.vpv-annotation-tools-container[data-v-f0bb4566]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-f0bb4566] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-f0bb4566],.slide-leave-active[data-v-f0bb4566]{transition:all .3s ease-out}.slide-enter-from[data-v-f0bb4566],.slide-leave-to[data-v-f0bb4566]{opacity:0}.slide-enter-from[data-v-f0bb4566],.slide-leave-to[data-v-f0bb4566]{transform:translateY(-20px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u["@vue-pdf-viewer/annotation"]={},u.Vue))})(this,function(u,e){"use strict";const P=Symbol("instanceId");var C;(function(t){t.highlight="vpv:annotation:highlight",t.freeText="vpv:annotation:freeText",t.signature="vpv:annotation:signature",t.image="vpv:annotation:image",t.underline="vpv:annotation:underline",t.strikeout="vpv:annotation:strikeout"})(C||(C={}));var $;(function(t){t.AnnotationCreated="vpv:annotation:created",t.AnnotationUpdated="vpv:annotation:updated",t.AnnotationDeleted="vpv:annotation:deleted",t.AnnotationMounted="vpv:annotation:mounted",t.Rotate="vpv:rotate"})($||($={}));var k;(function(t){t.Purple="#CAAAFF",t.Cyan="#65EDE9",t.Red="#FFACAC",t.Orange="#FFBD82",t.Yellow="#FCE244",t.Green="#A0F751"})(k||(k={}));var p;(function(t){t.Black="#000000",t.DarkGray="#444444",t.Gray="#696969",t.LightGray="#9C9C9C",t.LightestGray="#CDCDCD",t.White="#FFFFFF",t.Purple="#7862FF",t.Blue="#1777FF",t.Red="#F66365",t.Orange="#F67E63",t.Yellow="#F5C463",t.Green="#48BB77"})(p||(p={}));var L;(function(t){t[t.Text=1]="Text",t[t.Link=2]="Link",t[t.FreeText=3]="FreeText",t[t.Line=4]="Line",t[t.Square=5]="Square",t[t.Circle=6]="Circle",t[t.Polygon=7]="Polygon",t[t.Polyline=8]="Polyline",t[t.Highlight=9]="Highlight",t[t.Underline=10]="Underline",t[t.Squiggly=11]="Squiggly",t[t.StrikeOut=12]="StrikeOut",t[t.Stamp=13]="Stamp",t[t.Caret=14]="Caret",t[t.Ink=15]="Ink",t[t.Popup=16]="Popup",t[t.FileAttachment=17]="FileAttachment",t[t.Sound=18]="Sound",t[t.Movie=19]="Movie",t[t.Widget=20]="Widget",t[t.Screen=21]="Screen",t[t.PrinterMark=22]="PrinterMark",t[t.TrapNet=23]="TrapNet",t[t.Watermark=24]="Watermark",t[t.ThreeD=25]="ThreeD",t[t.Redact=26]="Redact"})(L||(L={}));var j;(function(t){t[t.INVISIBLE=1]="INVISIBLE",t[t.HIDDEN=2]="HIDDEN",t[t.PRINT=4]="PRINT",t[t.NOZOOM=8]="NOZOOM",t[t.NOROTATE=16]="NOROTATE",t[t.NOVIEW=32]="NOVIEW",t[t.READONLY=64]="READONLY",t[t.LOCKED=128]="LOCKED",t[t.TOGGLENOVIEW=256]="TOGGLENOVIEW",t[t.LOCKEDCONTENTS=512]="LOCKEDCONTENTS"})(j||(j={}));const F={ANNOTATIONS:"annotations"},y=Symbol("VPV Shared UIs"),v=Symbol("VPV Current Localization"),_=$,Z={[k.Purple]:"Purple",[k.Cyan]:"Cyan",[k.Red]:"Red",[k.Orange]:"Orange",[k.Yellow]:"Yellow",[k.Green]:"Green"},X={[p.Black]:"Black",[p.DarkGray]:"Dark Gray",[p.Gray]:"Gray",[p.LightGray]:"Light Gray",[p.LightestGray]:"Lightest Gray",[p.White]:"White",[p.Purple]:"Purple",[p.Blue]:"Blue",[p.Red]:"Red",[p.Orange]:"Orange",[p.Yellow]:"Yellow",[p.Green]:"Green"},J="pdfjs_internal_editor_",b=(t,n)=>`${t}-${n}`,Q={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4","indianred ":"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},M=t=>t.startsWith("#")||t.startsWith("0x")?t:Q[t]||t,B=e.defineComponent({__name:"AppTooltip",setup(t){const n=e.inject(y),o=e.computed(()=>n?.AppTooltip);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:2},[e.renderList(a.$slots,(f,l)=>({name:l,fn:e.withCtx(()=>[e.renderSlot(a.$slots,l)])}))]),1040)):(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),E=e.defineComponent({__name:"AppButton",setup(t){const n=e.inject(y),o=e.computed(()=>n?.AppButton);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),ee=(t,n)=>{const o=t[n];return o?typeof o=="function"?o():Promise.resolve(o):new Promise((a,s)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(s.bind(null,new Error("Unknown variable dynamic import: "+n)))})},te=e.defineComponent({__name:"Icon",props:{name:{}},setup(t){const n=t,o=e.defineAsyncComponent({loader:()=>ee(Object.assign({"../assets/icons/annotations.svg":()=>Promise.resolve().then(()=>ue),"../assets/icons/tool-comment.svg":()=>Promise.resolve().then(()=>ke),"../assets/icons/tool-free-text.svg":()=>Promise.resolve().then(()=>we),"../assets/icons/tool-highlight.svg":()=>Promise.resolve().then(()=>ye),"../assets/icons/tool-image.svg":()=>Promise.resolve().then(()=>Ee),"../assets/icons/tool-signature.svg":()=>Promise.resolve().then(()=>Se)}),`../assets/icons/${n.name}.svg`)});return(a,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o)),{class:"vp-text-xl"}))}}),je="",I=(t,n)=>{const o=t.__vccOpts||t;for(const[a,s]of n)o[a]=s;return o},N=I(te,[["__scopeId","data-v-c6e40782"]]),S=()=>{const t=e.inject(v,e.computed(()=>({})));return{t:e.computed(()=>o=>{const a=o.split(".").pop()||o;return t.value&&a in t.value?t.value[a]:(console.warn(`useLocalization - Translation not found for key: ${o}`),o)}).value,currentLocale:e.computed(()=>t.value)}},oe=e.defineComponent({__name:"ToolAnnotation",emits:["toggle"],setup(t,{emit:n}){const{t:o}=S(),a=n,s=e.ref(!1),f=()=>{s.value=!s.value,a("toggle",s.value)};return(l,d)=>l.$slots.default?e.renderSlot(l.$slots,"default",{key:0,onClick:f},void 0,!0):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?e.unref(o)("annotationToggleHideTooltip"):e.unref(o)("annotationToggleShowTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(E,{"aria-label":s.value?e.unref(o)("annotationToggleHideTooltip"):e.unref(o)("annotationToggleShowTooltip"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":s.value}]),onClick:f},{default:e.withCtx(()=>[e.createVNode(N,{name:"annotations",class:"vp-text-xl"})]),_:1},8,["aria-label","class"])]),_:1}))}}),ve="",ne=I(oe,[["__scopeId","data-v-7ffb5374"]]),ae=e.defineComponent({__name:"ToolAnnotationHighlight",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(t){const n=e.useModel(t,"active"),{t:o}=S(),a=e.useAttrs(),s=e.computed(()=>a["aria-disabled"]===!0),f=()=>{s.value||(n.value=!n.value)};return(l,d)=>l.$slots.default?e.renderSlot(l.$slots,"default",e.mergeProps({key:0},l.$attrs,{onClick:f})):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationHighlightTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(E,e.mergeProps({"aria-label":e.unref(o)("annotationHighlightLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},l.$attrs,{onClick:f}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(N,{name:"tool-highlight"})])]),_:3},16,["aria-label","class"])]),_:3}))}}),re=e.defineComponent({__name:"AppPopover",setup(t){const n=e.inject(y),o=e.computed(()=>n?.AppPopover);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),{trigger:e.withCtx(()=>[e.renderSlot(a.$slots,"trigger")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),le=e.defineComponent({__name:"AppSignatures",setup(t){const n=e.inject(y),o=e.computed(()=>n?.AppSignatures);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),null,16)):e.createCommentVNode("",!0)}}),ie=e.defineComponent({__name:"ToolAnnotationSignature",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(t){const n=e.useModel(t,"active"),{t:o}=S(),a=e.useAttrs(),s=e.ref(!1),f=e.computed(()=>a["aria-disabled"]===!0),l=()=>{f.value||(!n.value&&!s.value&&(s.value=!0),n.value=!n.value)},d=c=>{s.value=!1};return(c,h)=>c.$slots.default?e.renderSlot(c.$slots,"default",e.mergeProps({key:0},c.$attrs,{onClick:l})):(e.openBlock(),e.createBlock(re,{key:1,open:s.value,side:"right",sideOffset:10,class:"vpv-annotation-signatures__popover",onInteractOutside:d},{trigger:e.withCtx(()=>[e.createVNode(B,null,{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationSignatureTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(E,e.mergeProps({"aria-label":e.unref(o)("annotationSignatureLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},c.$attrs,{onClick:l}),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"icon",{},()=>[e.createVNode(N,{name:"tool-signature"})])]),_:3},16,["aria-label","class"])]),_:3})]),default:e.withCtx(()=>[e.createVNode(le)]),_:3},8,["open"]))}}),se=e.defineComponent({__name:"ToolAnnotationFreeText",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(t){const n=e.useModel(t,"active"),{t:o}=S(),a=e.useAttrs(),s=e.computed(()=>a["aria-disabled"]===!0),f=()=>{s.value||(n.value=!n.value)};return(l,d)=>l.$slots.default?e.renderSlot(l.$slots,"default",e.mergeProps({key:0},l.$attrs,{onClick:f})):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationFreeTextTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(E,e.mergeProps({"aria-label":e.unref(o)("annotationFreeTextLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},l.$attrs,{onClick:f}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(N,{name:"tool-free-text"})])]),_:3},16,["aria-label","class"])]),_:3}))}}),ce=e.defineComponent({__name:"ToolAnnotationImage",emits:["change"],setup(t,{emit:n}){const{t:o}=S(),a=n,s=e.useAttrs(),f=e.computed(()=>s["aria-disabled"]===!0),l=()=>{if(f.value)return;const d=document.createElement("input");d.type="file",d.accept="image/*",d.onchange=c=>{const h=c.target.files?.[0];a("change",h)},d.click()};return(d,c)=>d.$slots.default?e.renderSlot(d.$slots,"default",e.mergeProps({key:0},d.$attrs,{onClick:l})):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationImageTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(E,e.mergeProps({"aria-label":e.unref(o)("annotationImageLabel"),class:"vpv-toolbar-btn"},d.$attrs,{onClick:l}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"icon",{},()=>[e.createVNode(N,{name:"tool-image"})])]),_:3},16,["aria-label"])]),_:3}))}}),Me="",de={class:"vpv-annotation-tools-container"},fe={key:0,class:"vpv-annotation-tools"},me=e.defineComponent({__name:"VPdfAnnotationTools",props:{highlight:{type:[Object,Boolean],default:()=>!0},freeText:{type:[Object,Boolean],default:()=>!0},signature:{type:[Object,Boolean],default:()=>!1},image:{type:[Object,Boolean],default:()=>!0},instanceId:{type:Number,required:!0},onAnnotationCreated:{type:Function,default:void 0},onAnnotationUpdated:{type:Function,default:void 0},onAnnotationDeleted:{type:Function,default:void 0}},emits:["highlight","freeText","signature","image"],setup(t,{emit:n}){const o=t,a=n,s=e.ref(!1),f=r=>b(o.instanceId,r),l={highlight:new CustomEvent(f(C.highlight),{detail:{active:!1,colors:null}}),freeText:new CustomEvent(f(C.freeText),{detail:{active:!1,fontColors:null,fontSizes:null}}),signature:new CustomEvent(f(C.signature),{detail:{active:!1}}),image:new CustomEvent(f(C.image),{detail:{file:void 0}})},d=e.ref(!1),c=e.reactive({highlight:!1,freeText:!1,signature:!1}),h=e.computed({get:()=>c.highlight,set:r=>{c.highlight=r,r&&(c.freeText=!1,c.signature=!1),T()}}),O=e.computed({get:()=>c.freeText,set:r=>{r&&(c.highlight=!1,c.signature=!1),c.freeText=r,T()}}),V=e.computed({get:()=>c.signature,set:r=>{r&&(c.highlight=!1,c.freeText=!1),c.signature=r,T()}}),xe=e.computed(()=>o.highlight),Oe=e.computed(()=>o.freeText),Ve=e.computed(()=>o.signature),Te=e.computed(()=>o.image),Pe=r=>{d.value=r,r||(h.value=!1,O.value=!1,V.value=!1)},$e=r=>{a("highlight",r),l.highlight.detail.active=r;let m=Object.entries(Z).map(([i,g])=>({value:i,label:g}));typeof o.highlight=="object"&&o.highlight?.colors&&(m=o.highlight.colors.map(i=>typeof i=="string"?{value:M(i),label:i}:i)),l.highlight.detail.colors=m,window.dispatchEvent(l.highlight)},Ie=r=>{a("freeText",r),l.freeText.detail.active=r;let m=Object.entries(X).map(([i,g])=>({value:i,label:g}));typeof o.freeText=="object"&&o.freeText?.fontColors&&(m=o.freeText.fontColors.map(i=>typeof i=="string"?{value:M(i),label:i}:i)),l.freeText.detail.fontColors=m,typeof o.freeText=="object"&&o.freeText?.fontSizes?.length&&(l.freeText.detail.fontSizes=o.freeText.fontSizes),window.dispatchEvent(l.freeText)},De=r=>{a("signature",r),l.signature.detail.active=r,window.dispatchEvent(l.signature)},Le=r=>{c.highlight=!1,c.freeText=!1,c.signature=!1,a("image",r),l.image.detail.file=r,window.dispatchEvent(l.image)};function T(){$e(h.value),Ie(O.value),De(V.value)}const W=b(o.instanceId,_.Rotate);e.onMounted(()=>{window.dispatchEvent(new CustomEvent(b(o.instanceId,_.AnnotationMounted))),window.addEventListener(W,Y)});function Y(r){const{firstPageRotation:m,rotation:i}=r.detail;s.value=i!==0}e.watch(s,r=>{r&&(c.highlight=!1,c.freeText=!1,c.signature=!1,T())});const D=r=>{const{id:m,...i}=r;return{...i,id:m?.startsWith(J)?null:m}};return e.watch(()=>o.onAnnotationCreated,(r,m,i)=>{if(!r)return;const g=x=>{r(D(x.detail))},w=b(o.instanceId,_.AnnotationCreated);window.addEventListener(w,g),i(()=>{window.removeEventListener(w,g)})},{immediate:!0}),e.watch(()=>o.onAnnotationUpdated,(r,m,i)=>{if(!r)return;const g=x=>{r(D(x.detail))},w=b(o.instanceId,_.AnnotationUpdated);window.addEventListener(w,g),i(()=>{window.removeEventListener(w,g)})},{immediate:!0}),e.watch(()=>o.onAnnotationDeleted,(r,m,i)=>{if(!r)return;const g=x=>{r(D(x.detail))},w=b(o.instanceId,_.AnnotationDeleted);window.addEventListener(w,g),i(()=>{window.removeEventListener(w,g)})},{immediate:!0}),e.onUnmounted(()=>{window.removeEventListener(W,Y)}),(r,m)=>(e.openBlock(),e.createElementBlock("div",de,[e.createVNode(ne,{onToggle:Pe}),e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",fe,[xe.value?(e.openBlock(),e.createBlock(ae,{key:0,active:h.value,"onUpdate:active":m[0]||(m[0]=i=>h.value=i),"aria-disabled":s.value},e.createSlots({_:2},[typeof o.highlight=="object"&&o.highlight.icon?{name:"icon",fn:e.withCtx(()=>[typeof o.highlight=="object"&&o.highlight.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.highlight.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.highlight=="object"&&o.highlight.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.highlight=="object"&&o.highlight.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.highlight.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0),Oe.value?(e.openBlock(),e.createBlock(se,{key:1,active:O.value,"onUpdate:active":m[1]||(m[1]=i=>O.value=i),"aria-disabled":s.value},e.createSlots({_:2},[typeof o.freeText=="object"&&o.freeText.icon?{name:"icon",fn:e.withCtx(()=>[typeof o.freeText=="object"&&o.freeText.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.freeText.icon),{key:0})):e.createCommentVNode("",!0),typeof o.freeText=="object"&&o.freeText.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.freeText.icon),{key:1})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.freeText=="object"&&o.freeText.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.freeText=="object"&&o.freeText.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.freeText.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0),Te.value?(e.openBlock(),e.createBlock(ce,{key:2,onChange:Le,"aria-disabled":s.value},e.createSlots({_:2},[typeof o.image=="object"&&o.image?{name:"icon",fn:e.withCtx(()=>[typeof o.image=="object"&&o.image.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.image.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.image=="object"&&o.image.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.image=="object"&&o.image.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.image.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["aria-disabled"])):e.createCommentVNode("",!0),Ve.value?(e.openBlock(),e.createBlock(ie,{key:3,active:V.value,"onUpdate:active":m[2]||(m[2]=i=>V.value=i),"aria-disabled":s.value},e.createSlots({_:2},[typeof o.signature=="object"&&o.signature.icon?{name:"icon",fn:e.withCtx(()=>[typeof o.signature=="object"&&o.signature.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.signature.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.signature=="object"&&o.signature.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.signature=="object"&&o.signature.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.signature.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1})]))}}),ze="",z=I(me,[["__scopeId","data-v-f0bb4566"]]),pe=()=>{const t=e.inject(P);return{emitAnnotationCreated:n=>{const o=b(t,_.AnnotationCreated);console.log("[AnnotationCreated Emitted] to ",o);const a=new CustomEvent(o,{detail:n});window.dispatchEvent(a)},emitAnnotationUpdated:n=>{const o=b(t,_.AnnotationUpdated);console.log("[AnnotationUpdated Emitted] to ",o);const a=new CustomEvent(o,{detail:n});window.dispatchEvent(a)},emitAnnotationDeleted:n=>{const o=b(t,_.AnnotationDeleted);console.log("[AnnotationDeleted Emitted] to ",o);const a=new CustomEvent(o,{detail:n});window.dispatchEvent(a)}}},ge=(t={})=>{const{highlight:n,freeText:o,image:a,...s}=t;return{name:"annotation",setup(f){const{componentInstance:l,shared:d}=f,c=l?.uid??0;f.toolbar.addItem({id:F.ANNOTATIONS,toolbarDirection:"left",component:e.h(z,{highlight:n,freeText:o,image:a,instanceId:c,...s})});const h=l?.appContext.app;h.provide(P,c),d.ui?h.provide(y,d.ui):console.warn("VPdfAnnotationPlugin - No UI context found in plugin context"),d.localization?.value?h.provide(v,d.localization):console.warn("VPdfAnnotationPlugin - No localization found in plugin context")}}},he={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function R(t,n){return e.openBlock(),e.createElementBlock("svg",he,[...n[0]||(n[0]=[e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.25",d:"M10 18.334a8.333 8.333 0 1 0 0-16.667 8.333 8.333 0 0 0 0 16.667"},null,-1),e.createElementVNode("path",{stroke:"currentColor","stroke-linejoin":"round","stroke-width":"1.25",d:"m5.417 17.084 1.171-4.394c.238-.892.357-1.338.694-1.597s.798-.259 1.722-.259h1.992c.923 0 1.385 0 1.722.259.337.258.456.705.693 1.597l1.172 4.394"},null,-1),e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.25",d:"M7.917 10.834 9.23 7.8c.327-.756.491-1.134.769-1.134s.441.378.77 1.134l1.313 3.033"},null,-1)])])}const ue=Object.freeze(Object.defineProperty({__proto__:null,render:R,default:{render:R}},Symbol.toStringTag,{value:"Module"})),be={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function G(t,n){return e.openBlock(),e.createElementBlock("svg",be,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M18.125 9.688a7.82 7.82 0 0 1-7.812 7.812H3.75a1.25 1.25 0 0 1-1.25-1.25V9.688a7.812 7.812 0 0 1 15.625 0m-1.25 0a6.563 6.563 0 0 0-13.125 0v6.562h6.563a6.57 6.57 0 0 0 6.562-6.562"},null,-1),e.createElementVNode("path",{fill:"currentColor",d:"M12.5 10a.624.624 0 0 1-.625.625h-1.25v1.25a.624.624 0 1 1-1.25 0v-1.25h-1.25a.625.625 0 1 1 0-1.25h1.25v-1.25a.625.625 0 0 1 1.25 0v1.25h1.25A.625.625 0 0 1 12.5 10"},null,-1)])])}const ke=Object.freeze(Object.defineProperty({__proto__:null,render:G,default:{render:G}},Symbol.toStringTag,{value:"Module"})),_e={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function H(t,n){return e.openBlock(),e.createElementBlock("svg",_e,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M11.458 13.75a.624.624 0 1 0 0-1.25h-.625v-5h2.5v.625a.625.625 0 0 0 1.25 0v-1.25a.625.625 0 0 0-.625-.625h-7.5a.625.625 0 0 0-.625.625v1.25a.625.625 0 0 0 1.25 0V7.5h2.5v5h-.625a.625.625 0 1 0 0 1.25z"},null,-1),e.createElementVNode("path",{fill:"currentColor","fill-rule":"evenodd",d:"M3.125 3.75c0-.115.093-.208.208-.208h13.334c.115 0 .208.093.208.208v2.917a.625.625 0 1 0 1.25 0V3.75c0-.805-.653-1.458-1.458-1.458H3.333c-.805 0-1.458.653-1.458 1.458v3.334a.625.625 0 1 0 1.25 0zm0 12.5c0 .115.093.209.208.209h13.334a.21.21 0 0 0 .208-.209v-2.916a.625.625 0 1 1 1.25 0v2.916c0 .806-.653 1.459-1.458 1.459H3.333a1.46 1.46 0 0 1-1.458-1.459v-3.333a.625.625 0 1 1 1.25 0zM2.5 8.542c.345 0 .625.28.625.625v1.667a.625.625 0 0 1-1.25 0V9.167c0-.345.28-.625.625-.625m15.625.625a.625.625 0 1 0-1.25 0v1.667a.625.625 0 0 0 1.25 0z","clip-rule":"evenodd"},null,-1)])])}const we=Object.freeze(Object.defineProperty({__proto__:null,render:H,default:{render:H}},Symbol.toStringTag,{value:"Module"})),Ce={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function q(t,n){return e.openBlock(),e.createElementBlock("svg",Ce,[...n[0]||(n[0]=[e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{fill:"currentColor",d:"M19.818 8.308a.625.625 0 0 0-.885 0L15 12.242 8.384 5.625l3.934-3.932a.626.626 0 0 0-.885-.885L7.5 4.742a1.25 1.25 0 0 0-.22 1.47L5.625 7.866a1.25 1.25 0 0 0 0 1.767l.367.366-4.559 4.558a.625.625 0 0 0 .245 1.035l5.625 1.875a.62.62 0 0 0 .437-.015.6.6 0 0 0 .203-.136l2.682-2.683.367.366a1.25 1.25 0 0 0 1.767 0l1.656-1.654a1.25 1.25 0 0 0 1.469-.22l3.934-3.933a.626.626 0 0 0 0-.885M7.332 16.16l-4.297-1.433 3.84-3.843 2.867 2.866zm4.543-2.043L6.51 8.75l1.616-1.616 5.367 5.366z"})],-1),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("path",{fill:"currentColor",d:"M0 0h20v20H0z"})])],-1)])])}const ye=Object.freeze(Object.defineProperty({__proto__:null,render:q,default:{render:q}},Symbol.toStringTag,{value:"Module"})),Be={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function U(t,n){return e.openBlock(),e.createElementBlock("svg",Be,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M16.875 3.125H3.125a1.25 1.25 0 0 0-1.25 1.25v11.25a1.25 1.25 0 0 0 1.25 1.25h13.75a1.25 1.25 0 0 0 1.25-1.25V4.375a1.25 1.25 0 0 0-1.25-1.25m0 1.25v8.027l-2.037-2.036a1.25 1.25 0 0 0-1.768 0l-1.562 1.563L8.07 8.49a1.25 1.25 0 0 0-1.767 0L3.125 11.67V4.376zm-13.75 9.063 4.063-4.063 6.25 6.25H3.124zm13.75 2.187h-1.67l-2.812-2.812 1.563-1.563 2.919 2.92zM11.25 7.813a.938.938 0 1 1 1.875 0 .938.938 0 0 1-1.875 0"},null,-1)])])}const Ee=Object.freeze(Object.defineProperty({__proto__:null,render:U,default:{render:U}},Symbol.toStringTag,{value:"Module"})),Ne={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function A(t,n){return e.openBlock(),e.createElementBlock("svg",Ne,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M18.125 13.125H4.99q.313-.615.625-1.259c1.172.13 2.546-.685 4.114-2.432.391 1.051 1.13 2.416 2.39 2.441.707.014 1.414-.406 2.142-1.279.53.634 1.623 1.279 3.865 1.279a.625.625 0 1 0 0-1.25c-2.377 0-3.08-.816-3.125-1.259a.6.6 0 0 0-.426-.605.636.636 0 0 0-.723.273c-.943 1.448-1.514 1.596-1.713 1.591-.645-.012-1.301-1.525-1.526-2.61a.625.625 0 0 0-1.1-.264c-1.579 1.98-2.637 2.646-3.295 2.818.663-1.474 1.158-2.768 1.475-3.858.533-1.831.572-3.112.118-3.914-.234-.42-.73-.922-1.723-.922-1.255 0-2.245 1.186-2.716 3.254-.28 1.227-.327 2.594-.127 3.75.2 1.155.615 1.996 1.218 2.495a72 72 0 0 1-.877 1.751h-1.71a.625.625 0 1 0 0 1.25h1.048c-.884 1.64-1.572 2.784-1.583 2.803a.625.625 0 1 0 1.071.644c.012-.02.88-1.468 1.93-3.447h13.784a.625.625 0 1 0 0-1.25M4.59 5.407c.311-1.365.914-2.282 1.498-2.282.416 0 .555.145.635.287.235.416.51 1.89-1.692 6.749-.645-.881-.865-2.895-.44-4.754"},null,-1)])])}const Se=Object.freeze(Object.defineProperty({__proto__:null,render:A,default:{render:A}},Symbol.toStringTag,{value:"Module"}));u.SYMBOL_INSTANCE_ID=P,u.VPdfAnnotationTools=z,u.default=ge,u.useAnnotationEvents=pe,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import { AnnotationFreeTextFontColors, AnnotationHighlightColors } from "@vue-pdf-viewer/shared";
-import type { Component, VNode } from "vue";
+import { type AnnotationFreeTextFontColors, type AnnotationHighlightColors, type Annotation } from "@vue-pdf-viewer/shared";
+import type { Component, InjectionKey, VNode } from "vue";
 export interface AnnotationOption {
     icon?: Component | VNode | string;
     component?: Component;
@@ -13,9 +13,15 @@ export interface HighlightOption extends AnnotationOption {
 }
 export interface ImageOption extends AnnotationOption {
 }
-export interface VPdfAnnotationPluginOptions {
+export interface AnnotationCallbacks {
+    onAnnotationCreated?: (data: Annotation) => void;
+    onAnnotationUpdated?: (data: Annotation) => void;
+    onAnnotationDeleted?: (data: Annotation) => void;
+}
+export interface VPdfAnnotationPluginOptions extends AnnotationCallbacks {
     freeText?: FreeTextOption | boolean;
     highlight?: HighlightOption | boolean;
     image?: ImageOption | boolean;
 }
-export type { AnnotationHighlightColors, AnnotationFreeTextFontColors, LabelValuePair, } from "@vue-pdf-viewer/shared";
+export type { AnnotationHighlightColors, AnnotationFreeTextFontColors, LabelValuePair, Annotation } from "@vue-pdf-viewer/shared";
+export declare const SYMBOL_INSTANCE_ID: InjectionKey<number>;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@vue-pdf-viewer/annotation",
 	"private": false,
-	"version": "1.0.1",
+	"version": "1.2.0-beta.0",
 	"type": "module",
 	"main": "./dist/index.umd.cjs",
 	"module": "./dist/index.js",
@@ -30,7 +30,7 @@
 		"vue": "^3.2.37"
 	},
 	"dependencies": {
-		"@vue-pdf-viewer/shared": "^1.0.0",
+		"@vue-pdf-viewer/shared": "^1.1.0-beta.0",
 		"vite-plugin-css-injected-by-js": "^3.5.2",
 		"vue": "^3.2.37"
 	},

package/dist/composables/useViewerCoreState.d.ts

@@ -1 +0,0 @@
-export declare const useViewerCoreState: () => {};