npm - @vue-pdf-viewer/annotation - Versions diffs - 1.0.0-beta.0 → 1.0.0-beta.2 - Mend

@vue-pdf-viewer/annotation 1.0.0-beta.0 → 1.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/composables/useViewerCoreState.d.ts +8 -0
package/dist/index.js +376 -343
package/dist/index.umd.cjs +2 -2
package/dist/types.d.ts +10 -10
package/package.json +2 -2

package/dist/composables/useViewerCoreState.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { ViewerCoreState } from "@vue-pdf-viewer/shared";
+export declare const useViewerCoreState: () => {
+    currentPageIndex: number;
+    scale: number;
+    isEditing: boolean;
+    rotation: number;
+    update: (state: Partial<ViewerCoreState>) => void;
+};

package/dist/index.js CHANGED Viewed

@@ -1,87 +1,237 @@
-(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: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(14px * var(--scale-factor));font-family:sans-serif;min-height:calc(16px * var(--scale-factor))}.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-canvas-layer .vpv-highlight[data-main-rotation="180"] mask,.vpv-canvas-layer .vpv-highlight[data-main-rotation="180"] use:not(.clip,.mask),.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="180"] mask,.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="180"] use:not(.clip,.mask){transform:matrix(-1,0,0,-1,1,1)}.vpv-canvas-layer .vpv-highlight[data-main-rotation="270"] mask,.vpv-canvas-layer .vpv-highlight[data-main-rotation="270"] use:not(.clip,.mask),.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="270"] mask,.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="270"] use:not(.clip,.mask){transform:matrix(0,-1,1,0,0,1)}.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}.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-page:not([data-main-rotation="0"]) .vpv-annotation-editor__image:hover{outline:none}.vpv-annotation-tools-container[data-v-de60e42d]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-de60e42d] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-de60e42d],.slide-leave-active[data-v-de60e42d]{transition:all .3s ease-out}.slide-enter-from[data-v-de60e42d],.slide-leave-to[data-v-de60e42d]{opacity:0}.slide-enter-from[data-v-de60e42d],.slide-leave-to[data-v-de60e42d]{transform:translateY(-20px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as y, inject as I, computed as v, openBlock as r, createBlock as u, resolveDynamicComponent as h, normalizeProps as w, mergeProps as A, createSlots as O, withCtx as l, renderSlot as g, renderList as ae, createElementBlock as S, defineAsyncComponent as ne, unref as b, ref as j, createTextVNode as P, toDisplayString as L, createVNode as m, normalizeClass as q, useModel as F, createCommentVNode as C, reactive as oe, Transition as ie, h as le } from "vue";
-var $;
+(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: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(14px * var(--scale-factor));font-family:sans-serif;min-height:calc(16px * var(--scale-factor))}.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-canvas-layer .vpv-highlight[data-main-rotation="180"] mask,.vpv-canvas-layer .vpv-highlight[data-main-rotation="180"] use:not(.clip,.mask),.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="180"] mask,.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="180"] use:not(.clip,.mask){transform:matrix(-1,0,0,-1,1,1)}.vpv-canvas-layer .vpv-highlight[data-main-rotation="270"] mask,.vpv-canvas-layer .vpv-highlight[data-main-rotation="270"] use:not(.clip,.mask),.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="270"] mask,.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="270"] use:not(.clip,.mask){transform:matrix(0,-1,1,0,0,1)}.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}.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-page:not([data-main-rotation="0"]) .vpv-annotation-editor__image:hover{outline:none}.vpv-annotation-tools-container[data-v-bd369a22]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-bd369a22] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-bd369a22],.slide-leave-active[data-v-bd369a22]{transition:all .3s ease-out}.slide-enter-from[data-v-bd369a22],.slide-leave-to[data-v-bd369a22]{opacity:0}.slide-enter-from[data-v-bd369a22],.slide-leave-to[data-v-bd369a22]{transform:translateY(-20px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { reactive as M, ref as A, defineComponent as k, inject as O, computed as v, openBlock as s, createBlock as u, resolveDynamicComponent as m, normalizeProps as C, mergeProps as $, createSlots as x, withCtx as l, renderSlot as g, renderList as ie, createElementBlock as I, defineAsyncComponent as le, unref as y, createTextVNode as E, toDisplayString as j, createVNode as b, normalizeClass as R, watch as se, useModel as F, createCommentVNode as p, Transition as re, h as fe } from "vue";
+var S;
 (function(t) {
   t.highlight = "vpv:annotation:highlight", t.freeText = "vpv:annotation:freeText", t.signature = "vpv:annotation:signature", t.image = "vpv:annotation:image";
-})($ || ($ = {}));
-var T;
+})(S || (S = {}));
+var w;
 (function(t) {
   t.Purple = "#CAAAFF", t.Cyan = "#65EDE9", t.Red = "#FFACAC", t.Orange = "#FFBD82", t.Yellow = "#FCE244", t.Green = "#A0F751";
-})(T || (T = {}));
-var p;
+})(w || (w = {}));
+var h;
 (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 = {}));
-const se = {
+})(h || (h = {}));
+const ce = {
   ANNOTATIONS: "annotations"
-}, E = Symbol("VPV Shared UIs"), M = Symbol("VPV Current Localization"), re = Symbol("VPV Viewer Core State"), fe = {
-  [T.Purple]: "Purple",
-  [T.Cyan]: "Cyan",
-  [T.Red]: "Red",
-  [T.Orange]: "Orange",
-  [T.Yellow]: "Yellow",
-  [T.Green]: "Green"
-}, ce = {
-  [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"
-}, ue = (t, n) => `${t}-${n}`, B = /* @__PURE__ */ y({
+}, P = Symbol("VPV Shared UIs"), Y = Symbol("VPV Current Localization"), W = Symbol("VPV Viewer Core State"), ue = {
+  [w.Purple]: "Purple",
+  [w.Cyan]: "Cyan",
+  [w.Red]: "Red",
+  [w.Orange]: "Orange",
+  [w.Yellow]: "Yellow",
+  [w.Green]: "Green"
+}, de = {
+  [h.Black]: "Black",
+  [h.DarkGray]: "Dark Gray",
+  [h.Gray]: "Gray",
+  [h.LightGray]: "Light Gray",
+  [h.LightestGray]: "Lightest Gray",
+  [h.White]: "White",
+  [h.Purple]: "Purple",
+  [h.Blue]: "Blue",
+  [h.Red]: "Red",
+  [h.Orange]: "Orange",
+  [h.Yellow]: "Yellow",
+  [h.Green]: "Green"
+}, K = M({
+  currentPageIndex: A(0),
+  scale: A(1),
+  isEditing: A(!1),
+  rotation: A(0),
+  update: (t) => {
+    Object.assign(K, t);
+  }
+}), ge = (t, n) => `${t}-${n}`, pe = {
+  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"
+}, H = (t) => t.startsWith("#") || t.startsWith("0x") ? t : pe[t] || t, L = /* @__PURE__ */ k({
   __name: "AppTooltip",
   setup(t) {
-    const n = I(E), e = v(() => n?.AppTooltip);
-    return (a, o) => e.value ? (r(), u(h(e.value), w(A({ key: 0 }, a.$attrs)), O({
+    const n = O(P), e = v(() => n?.AppTooltip);
+    return (a, o) => e.value ? (s(), u(m(e.value), C($({ key: 0 }, a.$attrs)), x({
       default: l(() => [
         g(a.$slots, "default")
       ]),
       _: 2
     }, [
-      ae(a.$slots, (i, c) => ({
+      ie(a.$slots, (i, c) => ({
         name: c,
         fn: l(() => [
           g(a.$slots, c)
         ])
       }))
-    ]), 1040)) : (r(), S("div", w(A({ key: 1 }, a.$attrs)), [
+    ]), 1040)) : (s(), I("div", C($({ key: 1 }, a.$attrs)), [
       g(a.$slots, "default")
     ], 16));
   }
-}), x = /* @__PURE__ */ y({
+}), B = /* @__PURE__ */ k({
   __name: "AppButton",
   setup(t) {
-    const n = I(E), e = v(() => n?.AppButton);
-    return (a, o) => e.value ? (r(), u(h(e.value), w(A({ key: 0 }, a.$attrs)), {
+    const n = O(P), e = v(() => n?.AppButton);
+    return (a, o) => e.value ? (s(), u(m(e.value), C($({ key: 0 }, a.$attrs)), {
       default: l(() => [
         g(a.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (r(), S("button", w(A({ key: 1 }, a.$attrs)), [
+    }, 16)) : (s(), I("button", C($({ key: 1 }, a.$attrs)), [
       g(a.$slots, "default")
     ], 16));
   }
-}), de = (t, n) => {
+}), ve = (t, n) => {
   const e = t[n];
   return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((a, o) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, new Error("Unknown variable dynamic import: " + n)));
   });
-}, ge = /* @__PURE__ */ y({
+}, he = /* @__PURE__ */ k({
   __name: "Icon",
   props: {
     name: {}
   },
   setup(t) {
-    const n = t, e = ne({
-      loader: () => de(/* @__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`)
+    const n = t, e = le({
+      loader: () => ve(/* @__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, o) => (r(), u(h(b(e)), { class: "vp-text-xl" }));
+    return (a, o) => (s(), u(m(y(e)), { class: "vp-text-xl" }));
   }
 });
 const U = (t, n) => {
@@ -89,9 +239,9 @@ const U = (t, n) => {
   for (const [a, o] of n)
     e[a] = o;
   return e;
-}, G = /* @__PURE__ */ U(ge, [["__scopeId", "data-v-c6e40782"]]), N = () => {
-  const t = I(
-    M,
+}, G = /* @__PURE__ */ U(he, [["__scopeId", "data-v-c6e40782"]]), V = () => {
+  const t = O(
+    Y,
     v(() => ({}))
   );
   return {
@@ -101,28 +251,28 @@ const U = (t, n) => {
     }).value,
     currentLocale: v(() => t.value)
   };
-}, pe = /* @__PURE__ */ y({
+}, me = /* @__PURE__ */ k({
   __name: "ToolAnnotation",
   emits: ["toggle"],
   setup(t, { emit: n }) {
-    const { t: e } = N(), a = n, o = j(!1), i = () => {
+    const { t: e } = V(), a = n, o = A(!1), i = () => {
       o.value = !o.value, a("toggle", o.value);
     };
     return (c, d) => c.$slots.default ? g(c.$slots, "default", {
       key: 0,
       onClick: i
-    }, void 0, !0) : (r(), u(B, { key: 1 }, {
+    }, void 0, !0) : (s(), u(L, { key: 1 }, {
       content: l(() => [
-        P(L(o.value ? b(e)("annotationToggleHideTooltip") : b(e)("annotationToggleShowTooltip")), 1)
+        E(j(o.value ? y(e)("annotationToggleHideTooltip") : y(e)("annotationToggleShowTooltip")), 1)
       ]),
       default: l(() => [
-        m(x, {
-          "aria-label": o.value ? b(e)("annotationToggleHideTooltip") : b(e)("annotationToggleShowTooltip"),
-          class: q(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": o.value }]),
+        b(B, {
+          "aria-label": o.value ? y(e)("annotationToggleHideTooltip") : y(e)("annotationToggleShowTooltip"),
+          class: R(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": o.value }]),
           onClick: i
         }, {
           default: l(() => [
-            m(G, {
+            b(G, {
               name: "annotations",
               class: "vp-text-xl"
             })
@@ -134,7 +284,19 @@ const U = (t, n) => {
     }));
   }
 });
-const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @__PURE__ */ y({
+const be = /* @__PURE__ */ U(me, [["__scopeId", "data-v-7ffb5374"]]), ye = () => {
+  const t = O(
+    W,
+    K
+  ), n = v(() => t.rotation);
+  return se(
+    n,
+    (e) => {
+      console.log("[useViewerCoreState] rotation", e);
+    },
+    { immediate: !0 }
+  ), t;
+}, _e = /* @__PURE__ */ k({
   __name: "ToolAnnotationHighlight",
   props: {
     active: { type: Boolean, required: !0 },
@@ -142,25 +304,27 @@ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @_
   },
   emits: ["update:active"],
   setup(t) {
-    const n = F(t, "active"), { t: e } = N(), a = () => {
+    const n = F(t, "active"), { t: e } = V();
+    ye();
+    const a = () => {
       n.value = !n.value;
     };
     return (o, i) => o.$slots.default ? g(o.$slots, "default", {
       key: 0,
       onClick: a
-    }) : (r(), u(B, { key: 1 }, {
+    }) : (s(), u(L, { key: 1 }, {
       content: l(() => [
-        P(L(b(e)("annotationHighlightTooltip")), 1)
+        E(j(y(e)("annotationHighlightTooltip")), 1)
       ]),
       default: l(() => [
-        m(x, {
-          "aria-label": b(e)("annotationHighlightLabel"),
-          class: q(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
+        b(B, {
+          "aria-label": y(e)("annotationHighlightLabel"),
+          class: R(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
           onClick: a
         }, {
           default: l(() => [
             g(o.$slots, "icon", {}, () => [
-              m(G, { name: "tool-highlight" })
+              b(G, { name: "tool-highlight" })
             ])
           ]),
           _: 3
@@ -169,11 +333,11 @@ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @_
       _: 3
     }));
   }
-}), he = /* @__PURE__ */ y({
+}), ke = /* @__PURE__ */ k({
   __name: "AppPopover",
   setup(t) {
-    const n = I(E), e = v(() => n?.AppPopover);
-    return (a, o) => e.value ? (r(), u(h(e.value), w(A({ key: 0 }, a.$attrs)), {
+    const n = O(P), e = v(() => n?.AppPopover);
+    return (a, o) => e.value ? (s(), u(m(e.value), C($({ key: 0 }, a.$attrs)), {
       trigger: l(() => [
         g(a.$slots, "trigger")
       ]),
@@ -181,17 +345,17 @@ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @_
         g(a.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (r(), S("button", w(A({ key: 1 }, a.$attrs)), [
+    }, 16)) : (s(), I("button", C($({ key: 1 }, a.$attrs)), [
       g(a.$slots, "default")
     ], 16));
   }
-}), be = /* @__PURE__ */ y({
+}), Te = /* @__PURE__ */ k({
   __name: "AppSignatures",
   setup(t) {
-    const n = I(E), e = v(() => n?.AppSignatures);
-    return (a, o) => e.value ? (r(), u(h(e.value), w(A({ key: 0 }, a.$attrs)), null, 16)) : C("", !0);
+    const n = O(P), e = v(() => n?.AppSignatures);
+    return (a, o) => e.value ? (s(), u(m(e.value), C($({ key: 0 }, a.$attrs)), null, 16)) : p("", !0);
   }
-}), _e = /* @__PURE__ */ y({
+}), we = /* @__PURE__ */ k({
   __name: "ToolAnnotationSignature",
   props: {
     active: { type: Boolean, required: !0 },
@@ -199,7 +363,7 @@ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @_
   },
   emits: ["update:active"],
   setup(t) {
-    const n = F(t, "active"), { t: e } = N(), a = j(!1), o = () => {
+    const n = F(t, "active"), { t: e } = V(), a = A(!1), o = () => {
       !n.value && !a.value && (a.value = !0), n.value = !n.value;
     }, i = (c) => {
       a.value = !1;
@@ -207,7 +371,7 @@ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @_
     return (c, d) => c.$slots.default ? g(c.$slots, "default", {
       key: 0,
       onClick: o
-    }) : (r(), u(he, {
+    }) : (s(), u(ke, {
       key: 1,
       open: a.value,
       side: "right",
@@ -216,19 +380,19 @@ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @_
       onInteractOutside: i
     }, {
       trigger: l(() => [
-        m(B, null, {
+        b(L, null, {
           content: l(() => [
-            P(L(b(e)("annotationSignatureTooltip")), 1)
+            E(j(y(e)("annotationSignatureTooltip")), 1)
           ]),
           default: l(() => [
-            m(x, {
-              "aria-label": b(e)("annotationSignatureLabel"),
-              class: q(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
+            b(B, {
+              "aria-label": y(e)("annotationSignatureLabel"),
+              class: R(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
               onClick: o
             }, {
               default: l(() => [
                 g(c.$slots, "icon", {}, () => [
-                  m(G, { name: "tool-signature" })
+                  b(G, { name: "tool-signature" })
                 ])
               ]),
               _: 3
@@ -238,12 +402,12 @@ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @_
         })
       ]),
       default: l(() => [
-        m(be)
+        b(Te)
       ]),
       _: 3
     }, 8, ["open"]));
   }
-}), ye = /* @__PURE__ */ y({
+}), Ae = /* @__PURE__ */ k({
   __name: "ToolAnnotationFreeText",
   props: {
     active: { type: Boolean, required: !0 },
@@ -251,25 +415,25 @@ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @_
   },
   emits: ["update:active"],
   setup(t) {
-    const n = F(t, "active"), { t: e } = N(), a = () => {
+    const n = F(t, "active"), { t: e } = V(), a = () => {
       n.value = !n.value;
     };
     return (o, i) => o.$slots.default ? g(o.$slots, "default", {
       key: 0,
       onClick: a
-    }) : (r(), u(B, { key: 1 }, {
+    }) : (s(), u(L, { key: 1 }, {
       content: l(() => [
-        P(L(b(e)("annotationFreeTextTooltip")), 1)
+        E(j(y(e)("annotationFreeTextTooltip")), 1)
       ]),
       default: l(() => [
-        m(x, {
-          "aria-label": b(e)("annotationFreeTextLabel"),
-          class: q(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
+        b(B, {
+          "aria-label": y(e)("annotationFreeTextLabel"),
+          class: R(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
           onClick: a
         }, {
           default: l(() => [
             g(o.$slots, "icon", {}, () => [
-              m(G, { name: "tool-free-text" })
+              b(G, { name: "tool-free-text" })
             ])
           ]),
           _: 3
@@ -278,11 +442,11 @@ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @_
       _: 3
     }));
   }
-}), ke = /* @__PURE__ */ y({
+}), Ce = /* @__PURE__ */ k({
   __name: "ToolAnnotationImage",
   emits: ["change"],
   setup(t, { emit: n }) {
-    const { t: e } = N(), a = n, o = () => {
+    const { t: e } = V(), a = n, o = () => {
       const i = document.createElement("input");
       i.type = "file", i.accept = "image/*", i.onchange = (c) => {
         const d = c.target.files?.[0];
@@ -292,19 +456,19 @@ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @_
     return (i, c) => i.$slots.default ? g(i.$slots, "default", {
       key: 0,
       onClick: o
-    }) : (r(), u(B, { key: 1 }, {
+    }) : (s(), u(L, { key: 1 }, {
       content: l(() => [
-        P(L(b(e)("annotationImageTooltip")), 1)
+        E(j(y(e)("annotationImageTooltip")), 1)
       ]),
       default: l(() => [
-        m(x, {
-          "aria-label": b(e)("annotationImageLabel"),
+        b(B, {
+          "aria-label": y(e)("annotationImageLabel"),
           class: "vpv-toolbar-btn",
           onClick: o
         }, {
           default: l(() => [
             g(i.$slots, "icon", {}, () => [
-              m(G, { name: "tool-image" })
+              b(G, { name: "tool-image" })
             ])
           ]),
           _: 3
@@ -314,180 +478,38 @@ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @_
     }));
   }
 });
-const Te = {
-  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"
-}, H = (t) => t.startsWith("#") || t.startsWith("0x") ? t : Te[t] || t, we = { class: "vpv-annotation-tools-container" }, Ae = {
+const $e = { class: "vpv-annotation-tools-container" }, Se = {
   key: 0,
   class: "vpv-annotation-tools"
-}, Ce = {
-  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
-  }
-}, $e = /* @__PURE__ */ y({
+}, Oe = /* @__PURE__ */ k({
   __name: "VPdfAnnotationTools",
-  props: Ce,
+  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(t, { emit: n }) {
-    const e = t, a = n, o = (f) => ue(e.instanceId, f), i = {
+    const e = t, a = n, o = (f) => ge(e.instanceId, f), i = {
       highlight: new CustomEvent(
-        o($.highlight),
+        o(S.highlight),
         {
           detail: {
             active: !1,
@@ -496,7 +518,7 @@ const Te = {
         }
       ),
       freeText: new CustomEvent(
-        o($.freeText),
+        o(S.freeText),
         {
           detail: {
             active: !1,
@@ -506,180 +528,191 @@ const Te = {
         }
       ),
       signature: new CustomEvent(
-        o($.signature),
+        o(S.signature),
         {
           detail: { active: !1 }
         }
       ),
-      image: new CustomEvent(o($.image), {
+      image: new CustomEvent(o(S.image), {
         detail: { file: void 0 }
       })
-    }, c = j(!1), d = oe({
+    }, c = A(!1), d = M({
       highlight: !1,
       freeText: !1,
       signature: !1
-    }), k = v({
+    }), T = v({
       get: () => d.highlight,
       set: (f) => {
-        d.highlight = f, f && (d.freeText = !1, d.signature = !1), R();
+        d.highlight = f, f && (d.freeText = !1, d.signature = !1), q();
       }
-    }), V = v({
+    }), N = v({
       get: () => d.freeText,
       set: (f) => {
-        f && (d.highlight = !1, d.signature = !1), d.freeText = f, R();
+        f && (d.highlight = !1, d.signature = !1), d.freeText = f, q();
       }
     }), D = v({
       get: () => d.signature,
       set: (f) => {
-        f && (d.highlight = !1, d.freeText = !1), d.signature = f, R();
+        f && (d.highlight = !1, d.freeText = !1), d.signature = f, q();
       }
-    }), Y = v(() => e.highlight), W = v(() => e.freeText), K = v(() => e.signature), X = v(() => e.image), Z = (f) => {
-      c.value = f, f || (k.value = !1, V.value = !1, D.value = !1);
-    }, J = (f) => {
+    }), X = v(() => e.highlight), Z = v(() => e.freeText), J = v(() => e.signature), Q = v(() => e.image), ee = (f) => {
+      c.value = f, f || (T.value = !1, N.value = !1, D.value = !1);
+    }, te = (f) => {
       a("highlight", f), i.highlight.detail.active = f;
-      let _ = Object.entries(fe).map(
-        ([s, z]) => ({ value: s, label: z })
+      let _ = Object.entries(ue).map(
+        ([r, z]) => ({ value: r, label: z })
       );
-      e.highlight?.colors && (_ = e.highlight?.colors?.map(
-        (s) => typeof s == "string" ? {
-          value: H(s),
-          label: s
-        } : s
-      )), i.highlight.detail.colors = _, window.dispatchEvent(i.highlight);
-    }, Q = (f) => {
+      typeof e.highlight == "object" && e.highlight?.colors && (_ = e.highlight.colors.map((r) => typeof r == "string" ? {
+        value: H(r),
+        label: r
+      } : r)), i.highlight.detail.colors = _, window.dispatchEvent(i.highlight);
+    }, ae = (f) => {
       a("freeText", f), i.freeText.detail.active = f;
-      let _ = Object.entries(ce).map(
-        ([s, z]) => ({ value: s, label: z })
+      let _ = Object.entries(de).map(
+        ([r, z]) => ({ value: r, label: z })
       );
-      e.freeText?.fontColors && (_ = e.freeText?.fontColors?.map(
-        (s) => typeof s == "string" ? {
-          value: H(s),
-          label: s
-        } : s
-      )), i.freeText.detail.fontColors = _, e.freeText?.fontSizes && (i.freeText.detail.fontSizes = e.freeText.fontSizes), window.dispatchEvent(i.freeText);
-    }, ee = (f) => {
+      typeof e.freeText == "object" && e.freeText?.fontColors && (_ = e.freeText.fontColors.map(
+        (r) => typeof r == "string" ? {
+          value: H(r),
+          label: r
+        } : r
+      )), i.freeText.detail.fontColors = _, typeof e.freeText == "object" && e.freeText?.fontSizes?.length && (i.freeText.detail.fontSizes = e.freeText.fontSizes), window.dispatchEvent(i.freeText);
+    }, ne = (f) => {
       a("signature", f), i.signature.detail.active = f, window.dispatchEvent(i.signature);
-    }, te = (f) => {
+    }, oe = (f) => {
       d.highlight = !1, d.freeText = !1, d.signature = !1, a("image", f), i.image.detail.file = f, window.dispatchEvent(i.image);
     };
-    function R() {
-      J(k.value), Q(V.value), ee(D.value);
+    function q() {
+      te(T.value), ae(N.value), ne(D.value);
     }
-    return (f, _) => (r(), S("div", we, [
-      m(ve, { onToggle: Z }),
-      m(ie, { name: "slide" }, {
+    return (f, _) => (s(), I("div", $e, [
+      b(be, { onToggle: ee }),
+      b(re, { name: "slide" }, {
         default: l(() => [
-          c.value ? (r(), S("div", Ae, [
-            Y.value ? (r(), u(me, {
+          c.value ? (s(), I("div", Se, [
+            X.value ? (s(), u(_e, {
               key: 0,
-              active: k.value,
-              "onUpdate:active": _[0] || (_[0] = (s) => k.value = s)
-            }, O({ _: 2 }, [
-              e.highlight?.component?.props?.icon ? {
+              active: T.value,
+              "onUpdate:active": _[0] || (_[0] = (r) => T.value = r)
+            }, x({ _: 2 }, [
+              typeof e.highlight == "object" && e.highlight.icon ? {
                 name: "icon",
                 fn: l(() => [
-                  (r(), u(h(e.highlight.component.props.icon)))
+                  typeof e.highlight == "object" && e.highlight.icon ? (s(), u(m(e.highlight.icon), { key: 0 })) : p("", !0)
                 ]),
                 key: "0"
               } : typeof e.highlight == "object" && e.highlight.component ? {
                 name: "default",
-                fn: l(({ onClick: s }) => [
-                  (r(), u(h(e.highlight.component), { onClick: s }, null, 8, ["onClick"]))
+                fn: l(({ onClick: r }) => [
+                  typeof e.highlight == "object" && e.highlight.component ? (s(), u(m(e.highlight.component), {
+                    key: 0,
+                    onClick: r
+                  }, null, 8, ["onClick"])) : p("", !0)
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["active"])) : C("", !0),
-            W.value ? (r(), u(ye, {
+            ]), 1032, ["active"])) : p("", !0),
+            Z.value ? (s(), u(Ae, {
               key: 1,
-              active: V.value,
-              "onUpdate:active": _[1] || (_[1] = (s) => V.value = s)
-            }, O({ _: 2 }, [
-              e.freeText?.component?.props?.icon ? {
+              active: N.value,
+              "onUpdate:active": _[1] || (_[1] = (r) => N.value = r)
+            }, x({ _: 2 }, [
+              typeof e.freeText == "object" && e.freeText.icon ? {
                 name: "icon",
                 fn: l(() => [
-                  (r(), u(h(e.freeText.component.props.icon)))
+                  typeof e.freeText == "object" && e.freeText.icon ? (s(), u(m(e.freeText.icon), { key: 0 })) : p("", !0),
+                  typeof e.freeText == "object" && e.freeText.icon ? (s(), u(m(e.freeText.icon), { key: 1 })) : p("", !0)
                 ]),
                 key: "0"
               } : typeof e.freeText == "object" && e.freeText.component ? {
                 name: "default",
-                fn: l(({ onClick: s }) => [
-                  (r(), u(h(e.freeText.component), { onClick: s }, null, 8, ["onClick"]))
+                fn: l(({ onClick: r }) => [
+                  typeof e.freeText == "object" && e.freeText.component ? (s(), u(m(e.freeText.component), {
+                    key: 0,
+                    onClick: r
+                  }, null, 8, ["onClick"])) : p("", !0)
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["active"])) : C("", !0),
-            X.value ? (r(), u(ke, {
+            ]), 1032, ["active"])) : p("", !0),
+            Q.value ? (s(), u(Ce, {
               key: 2,
-              onChange: te
-            }, O({ _: 2 }, [
-              e.image?.component?.props?.icon ? {
+              onChange: oe
+            }, x({ _: 2 }, [
+              typeof e.image == "object" && e.image ? {
                 name: "icon",
                 fn: l(() => [
-                  (r(), u(h(e.image.component.props.icon)))
+                  typeof e.image == "object" && e.image.icon ? (s(), u(m(e.image.icon), { key: 0 })) : p("", !0)
                 ]),
                 key: "0"
               } : typeof e.image == "object" && e.image.component ? {
                 name: "default",
-                fn: l(({ onClick: s }) => [
-                  (r(), u(h(e.image.component), { onClick: s }, null, 8, ["onClick"]))
+                fn: l(({ onClick: r }) => [
+                  typeof e.image == "object" && e.image.component ? (s(), u(m(e.image.component), {
+                    key: 0,
+                    onClick: r
+                  }, null, 8, ["onClick"])) : p("", !0)
                 ]),
                 key: "1"
               } : void 0
-            ]), 1024)) : C("", !0),
-            K.value ? (r(), u(_e, {
+            ]), 1024)) : p("", !0),
+            J.value ? (s(), u(we, {
               key: 3,
               active: D.value,
-              "onUpdate:active": _[2] || (_[2] = (s) => D.value = s)
-            }, O({ _: 2 }, [
-              e.signature?.component?.props?.icon ? {
+              "onUpdate:active": _[2] || (_[2] = (r) => D.value = r)
+            }, x({ _: 2 }, [
+              typeof e.signature == "object" && e.signature.icon ? {
                 name: "icon",
                 fn: l(() => [
-                  (r(), u(h(e.signature.component.props.icon)))
+                  typeof e.signature == "object" && e.signature.icon ? (s(), u(m(e.signature.icon), { key: 0 })) : p("", !0)
                 ]),
                 key: "0"
               } : typeof e.signature == "object" && e.signature.component ? {
                 name: "default",
-                fn: l(({ onClick: s }) => [
-                  (r(), u(h(e.signature.component), { onClick: s }, null, 8, ["onClick"]))
+                fn: l(({ onClick: r }) => [
+                  typeof e.signature == "object" && e.signature.component ? (s(), u(m(e.signature.component), {
+                    key: 0,
+                    onClick: r
+                  }, null, 8, ["onClick"])) : p("", !0)
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["active"])) : C("", !0)
-          ])) : C("", !0)
+            ]), 1032, ["active"])) : p("", !0)
+          ])) : p("", !0)
         ]),
         _: 1
       })
     ]));
   }
 });
-const Oe = /* @__PURE__ */ U($e, [["__scopeId", "data-v-de60e42d"]]), Ie = (t = {}) => {
+const xe = /* @__PURE__ */ U(Oe, [["__scopeId", "data-v-bd369a22"]]), Ee = (t = {}) => {
   const { highlight: n, freeText: e, image: a } = t;
   return {
     name: "annotation",
     setup(o) {
       const { componentInstance: i, shared: c } = o, d = i?.uid ?? 0;
       o.toolbar.addItem({
-        id: se.ANNOTATIONS,
+        id: ce.ANNOTATIONS,
         toolbarDirection: "left",
-        component: le(Oe, {
+        component: fe(xe, {
           highlight: n,
           freeText: e,
           image: a,
           instanceId: d
         })
       });
-      const k = i?.appContext.app;
-      c.ui ? k.provide(E, c.ui) : console.warn(
+      const T = i?.appContext.app;
+      c.ui ? T.provide(P, c.ui) : console.warn(
         "VPdfAnnotationPlugin - No UI context found in plugin context"
-      ), c.localization?.value ? k.provide(M, c.localization) : console.warn(
+      ), c.localization?.value ? T.provide(Y, c.localization) : console.warn(
         "VPdfAnnotationPlugin - No localization found in plugin context"
-      ), c.viewerCoreState ? k.provide(re, c.viewerCoreState) : console.warn(
+      ), c.viewerCoreState ? T.provide(W, c.viewerCoreState) : console.warn(
         "VPdfAnnotationPlugin - No viewer core state found in plugin context"
       );
     }
   };
 };
 export {
-  Oe as VPdfAnnotationTools,
-  Ie as default
+  xe as VPdfAnnotationTools,
+  Ee as default
 };

package/dist/index.umd.cjs CHANGED Viewed

@@ -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: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(14px * var(--scale-factor));font-family:sans-serif;min-height:calc(16px * var(--scale-factor))}.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-canvas-layer .vpv-highlight[data-main-rotation="180"] mask,.vpv-canvas-layer .vpv-highlight[data-main-rotation="180"] use:not(.clip,.mask),.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="180"] mask,.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="180"] use:not(.clip,.mask){transform:matrix(-1,0,0,-1,1,1)}.vpv-canvas-layer .vpv-highlight[data-main-rotation="270"] mask,.vpv-canvas-layer .vpv-highlight[data-main-rotation="270"] use:not(.clip,.mask),.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="270"] mask,.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="270"] use:not(.clip,.mask){transform:matrix(0,-1,1,0,0,1)}.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}.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-page:not([data-main-rotation="0"]) .vpv-annotation-editor__image:hover{outline:none}.vpv-annotation-tools-container[data-v-de60e42d]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-de60e42d] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-de60e42d],.slide-leave-active[data-v-de60e42d]{transition:all .3s ease-out}.slide-enter-from[data-v-de60e42d],.slide-leave-to[data-v-de60e42d]{opacity:0}.slide-enter-from[data-v-de60e42d],.slide-leave-to[data-v-de60e42d]{transform:translateY(-20px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m["@vue-pdf-viewer/annotation"]={},m.Vue))})(this,function(m,e){"use strict";var u;(function(o){o.highlight="vpv:annotation:highlight",o.freeText="vpv:annotation:freeText",o.signature="vpv:annotation:signature",o.image="vpv:annotation:image"})(u||(u={}));var g;(function(o){o.Purple="#CAAAFF",o.Cyan="#65EDE9",o.Red="#FFACAC",o.Orange="#FFBD82",o.Yellow="#FCE244",o.Green="#A0F751"})(g||(g={}));var d;(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"})(d||(d={}));const j={ANNOTATIONS:"annotations"},k=Symbol("VPV Shared UIs"),V=Symbol("VPV Current Localization"),L=Symbol("VPV Viewer Core State"),D={[g.Purple]:"Purple",[g.Cyan]:"Cyan",[g.Red]:"Red",[g.Orange]:"Orange",[g.Yellow]:"Yellow",[g.Green]:"Green"},M={[d.Black]:"Black",[d.DarkGray]:"Dark Gray",[d.Gray]:"Gray",[d.LightGray]:"Light Gray",[d.LightestGray]:"Lightest Gray",[d.White]:"White",[d.Purple]:"Purple",[d.Blue]:"Blue",[d.Red]:"Red",[d.Orange]:"Orange",[d.Yellow]:"Yellow",[d.Green]:"Green"},G=(o,n)=>`${o}-${n}`,_=e.defineComponent({__name:"AppTooltip",setup(o){const n=e.inject(k),t=e.computed(()=>n?.AppTooltip);return(a,l)=>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,(r,s)=>({name:s,fn:e.withCtx(()=>[e.renderSlot(a.$slots,s)])}))]),1040)):(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),b=e.defineComponent({__name:"AppButton",setup(o){const n=e.inject(k),t=e.computed(()=>n?.AppButton);return(a,l)=>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))}}),H=(o,n)=>{const t=o[n];return t?typeof t=="function"?t():Promise.resolve(t):new Promise((a,l)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(l.bind(null,new Error("Unknown variable dynamic import: "+n)))})},q=e.defineComponent({__name:"Icon",props:{name:{}},setup(o){const n=o,t=e.defineAsyncComponent({loader:()=>H(Object.assign({"../assets/icons/annotations.svg":()=>Promise.resolve().then(()=>ae),"../assets/icons/tool-comment.svg":()=>Promise.resolve().then(()=>re),"../assets/icons/tool-free-text.svg":()=>Promise.resolve().then(()=>ce),"../assets/icons/tool-highlight.svg":()=>Promise.resolve().then(()=>fe),"../assets/icons/tool-image.svg":()=>Promise.resolve().then(()=>pe),"../assets/icons/tool-signature.svg":()=>Promise.resolve().then(()=>ge)}),`../assets/icons/${n.name}.svg`)});return(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t)),{class:"vp-text-xl"}))}}),Te="",T=(o,n)=>{const t=o.__vccOpts||o;for(const[a,l]of n)t[a]=l;return t},y=T(q,[["__scopeId","data-v-c6e40782"]]),w=()=>{const o=e.inject(V,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}=w(),a=n,l=e.ref(!1),r=()=>{l.value=!l.value,a("toggle",l.value)};return(s,f)=>s.$slots.default?e.renderSlot(s.$slots,"default",{key:0,onClick:r},void 0,!0):(e.openBlock(),e.createBlock(_,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?e.unref(t)("annotationToggleHideTooltip"):e.unref(t)("annotationToggleShowTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(b,{"aria-label":l.value?e.unref(t)("annotationToggleHideTooltip"):e.unref(t)("annotationToggleShowTooltip"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":l.value}]),onClick:r},{default:e.withCtx(()=>[e.createVNode(y,{name:"annotations",class:"vp-text-xl"})]),_:1},8,["aria-label","class"])]),_:1}))}}),xe="",R=T(v,[["__scopeId","data-v-7ffb5374"]]),F=e.defineComponent({__name:"ToolAnnotationHighlight",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(o){const n=e.useModel(o,"active"),{t}=w(),a=()=>{n.value=!n.value};return(l,r)=>l.$slots.default?e.renderSlot(l.$slots,"default",{key:0,onClick:a}):(e.openBlock(),e.createBlock(_,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationHighlightTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(b,{"aria-label":e.unref(t)("annotationHighlightLabel"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]),onClick:a},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(y,{name:"tool-highlight"})])]),_:3},8,["aria-label","class"])]),_:3}))}}),U=e.defineComponent({__name:"AppPopover",setup(o){const n=e.inject(k),t=e.computed(()=>n?.AppPopover);return(a,l)=>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))}}),Y=e.defineComponent({__name:"AppSignatures",setup(o){const n=e.inject(k),t=e.computed(()=>n?.AppSignatures);return(a,l)=>t.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),null,16)):e.createCommentVNode("",!0)}}),W=e.defineComponent({__name:"ToolAnnotationSignature",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(o){const n=e.useModel(o,"active"),{t}=w(),a=e.ref(!1),l=()=>{!n.value&&!a.value&&(a.value=!0),n.value=!n.value},r=s=>{a.value=!1};return(s,f)=>s.$slots.default?e.renderSlot(s.$slots,"default",{key:0,onClick:l}):(e.openBlock(),e.createBlock(U,{key:1,open:a.value,side:"right",sideOffset:10,class:"vpv-annotation-signatures__popover",onInteractOutside:r},{trigger:e.withCtx(()=>[e.createVNode(_,null,{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationSignatureTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(b,{"aria-label":e.unref(t)("annotationSignatureLabel"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]),onClick:l},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"icon",{},()=>[e.createVNode(y,{name:"tool-signature"})])]),_:3},8,["aria-label","class"])]),_:3})]),default:e.withCtx(()=>[e.createVNode(Y)]),_:3},8,["open"]))}}),K=e.defineComponent({__name:"ToolAnnotationFreeText",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(o){const n=e.useModel(o,"active"),{t}=w(),a=()=>{n.value=!n.value};return(l,r)=>l.$slots.default?e.renderSlot(l.$slots,"default",{key:0,onClick:a}):(e.openBlock(),e.createBlock(_,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationFreeTextTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(b,{"aria-label":e.unref(t)("annotationFreeTextLabel"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]),onClick:a},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(y,{name:"tool-free-text"})])]),_:3},8,["aria-label","class"])]),_:3}))}}),X=e.defineComponent({__name:"ToolAnnotationImage",emits:["change"],setup(o,{emit:n}){const{t}=w(),a=n,l=()=>{const r=document.createElement("input");r.type="file",r.accept="image/*",r.onchange=s=>{const f=s.target.files?.[0];a("change",f)},r.click()};return(r,s)=>r.$slots.default?e.renderSlot(r.$slots,"default",{key:0,onClick:l}):(e.openBlock(),e.createBlock(_,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationImageTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(b,{"aria-label":e.unref(t)("annotationImageLabel"),class:"vpv-toolbar-btn",onClick:l},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"icon",{},()=>[e.createVNode(y,{name:"tool-image"})])]),_:3},8,["aria-label"])]),_:3}))}}),Se="",Z={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"},$=o=>o.startsWith("#")||o.startsWith("0x")?o:Z[o]||o,J={class:"vpv-annotation-tools-container"},Q={key:0,class:"vpv-annotation-tools"},ee={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}},te=e.defineComponent({__name:"VPdfAnnotationTools",props:ee,emits:["highlight","freeText","signature","image"],setup(o,{emit:n}){const t=o,a=n,l=c=>G(t.instanceId,c),r={highlight:new CustomEvent(l(u.highlight),{detail:{active:!1,colors:null}}),freeText:new CustomEvent(l(u.freeText),{detail:{active:!1,fontColors:null,fontSizes:null}}),signature:new CustomEvent(l(u.signature),{detail:{active:!1}}),image:new CustomEvent(l(u.image),{detail:{file:void 0}})},s=e.ref(!1),f=e.reactive({highlight:!1,freeText:!1,signature:!1}),h=e.computed({get:()=>f.highlight,set:c=>{f.highlight=c,c&&(f.freeText=!1,f.signature=!1),x()}}),C=e.computed({get:()=>f.freeText,set:c=>{c&&(f.highlight=!1,f.signature=!1),f.freeText=c,x()}}),B=e.computed({get:()=>f.signature,set:c=>{c&&(f.highlight=!1,f.freeText=!1),f.signature=c,x()}}),he=e.computed(()=>t.highlight),ue=e.computed(()=>t.freeText),ke=e.computed(()=>t.signature),_e=e.computed(()=>t.image),be=c=>{s.value=c,c||(h.value=!1,C.value=!1,B.value=!1)},ye=c=>{a("highlight",c),r.highlight.detail.active=c;let p=Object.entries(D).map(([i,S])=>({value:i,label:S}));t.highlight?.colors&&(p=t.highlight?.colors?.map(i=>typeof i=="string"?{value:$(i),label:i}:i)),r.highlight.detail.colors=p,window.dispatchEvent(r.highlight)},we=c=>{a("freeText",c),r.freeText.detail.active=c;let p=Object.entries(M).map(([i,S])=>({value:i,label:S}));t.freeText?.fontColors&&(p=t.freeText?.fontColors?.map(i=>typeof i=="string"?{value:$(i),label:i}:i)),r.freeText.detail.fontColors=p,t.freeText?.fontSizes&&(r.freeText.detail.fontSizes=t.freeText.fontSizes),window.dispatchEvent(r.freeText)},Ce=c=>{a("signature",c),r.signature.detail.active=c,window.dispatchEvent(r.signature)},Be=c=>{f.highlight=!1,f.freeText=!1,f.signature=!1,a("image",c),r.image.detail.file=c,window.dispatchEvent(r.image)};function x(){ye(h.value),we(C.value),Ce(B.value)}return(c,p)=>(e.openBlock(),e.createElementBlock("div",J,[e.createVNode(R,{onToggle:be}),e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("div",Q,[he.value?(e.openBlock(),e.createBlock(F,{key:0,active:h.value,"onUpdate:active":p[0]||(p[0]=i=>h.value=i)},e.createSlots({_:2},[t.highlight?.component?.props?.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.highlight.component.props.icon)))]),key:"0"}:typeof t.highlight=="object"&&t.highlight.component?{name:"default",fn:e.withCtx(({onClick:i})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.highlight.component),{onClick:i},null,8,["onClick"]))]),key:"1"}:void 0]),1032,["active"])):e.createCommentVNode("",!0),ue.value?(e.openBlock(),e.createBlock(K,{key:1,active:C.value,"onUpdate:active":p[1]||(p[1]=i=>C.value=i)},e.createSlots({_:2},[t.freeText?.component?.props?.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.freeText.component.props.icon)))]),key:"0"}:typeof t.freeText=="object"&&t.freeText.component?{name:"default",fn:e.withCtx(({onClick:i})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.freeText.component),{onClick:i},null,8,["onClick"]))]),key:"1"}:void 0]),1032,["active"])):e.createCommentVNode("",!0),_e.value?(e.openBlock(),e.createBlock(X,{key:2,onChange:Be},e.createSlots({_:2},[t.image?.component?.props?.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.image.component.props.icon)))]),key:"0"}:typeof t.image=="object"&&t.image.component?{name:"default",fn:e.withCtx(({onClick:i})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.image.component),{onClick:i},null,8,["onClick"]))]),key:"1"}:void 0]),1024)):e.createCommentVNode("",!0),ke.value?(e.openBlock(),e.createBlock(W,{key:3,active:B.value,"onUpdate:active":p[2]||(p[2]=i=>B.value=i)},e.createSlots({_:2},[t.signature?.component?.props?.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.signature.component.props.icon)))]),key:"0"}:typeof t.signature=="object"&&t.signature.component?{name:"default",fn:e.withCtx(({onClick:i})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.signature.component),{onClick:i},null,8,["onClick"]))]),key:"1"}:void 0]),1032,["active"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1})]))}}),Ve="",P=T(te,[["__scopeId","data-v-de60e42d"]]),oe=(o={})=>{const{highlight:n,freeText:t,image:a}=o;return{name:"annotation",setup(l){const{componentInstance:r,shared:s}=l,f=r?.uid??0;l.toolbar.addItem({id:j.ANNOTATIONS,toolbarDirection:"left",component:e.h(P,{highlight:n,freeText:t,image:a,instanceId:f})});const h=r?.appContext.app;s.ui?h.provide(k,s.ui):console.warn("VPdfAnnotationPlugin - No UI context found in plugin context"),s.localization?.value?h.provide(V,s.localization):console.warn("VPdfAnnotationPlugin - No localization found in plugin context"),s.viewerCoreState?h.provide(L,s.viewerCoreState):console.warn("VPdfAnnotationPlugin - No viewer core state found in plugin context")}}},ne={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function N(o,n){return e.openBlock(),e.createElementBlock("svg",ne,[...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 ae=Object.freeze(Object.defineProperty({__proto__:null,render:N,default:{render:N}},Symbol.toStringTag,{value:"Module"})),le={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function A(o,n){return e.openBlock(),e.createElementBlock("svg",le,[...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 re=Object.freeze(Object.defineProperty({__proto__:null,render:A,default:{render:A}},Symbol.toStringTag,{value:"Module"})),ie={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function E(o,n){return e.openBlock(),e.createElementBlock("svg",ie,[...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 ce=Object.freeze(Object.defineProperty({__proto__:null,render:E,default:{render:E}},Symbol.toStringTag,{value:"Module"})),se={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",se,[...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 fe=Object.freeze(Object.defineProperty({__proto__:null,render:O,default:{render:O}},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:"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 pe=Object.freeze(Object.defineProperty({__proto__:null,render:z,default:{render:z}},Symbol.toStringTag,{value:"Module"})),me={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",me,[...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 ge=Object.freeze(Object.defineProperty({__proto__:null,render:I,default:{render:I}},Symbol.toStringTag,{value:"Module"}));m.VPdfAnnotationTools=P,m.default=oe,Object.defineProperties(m,{__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: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(14px * var(--scale-factor));font-family:sans-serif;min-height:calc(16px * var(--scale-factor))}.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-canvas-layer .vpv-highlight[data-main-rotation="180"] mask,.vpv-canvas-layer .vpv-highlight[data-main-rotation="180"] use:not(.clip,.mask),.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="180"] mask,.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="180"] use:not(.clip,.mask){transform:matrix(-1,0,0,-1,1,1)}.vpv-canvas-layer .vpv-highlight[data-main-rotation="270"] mask,.vpv-canvas-layer .vpv-highlight[data-main-rotation="270"] use:not(.clip,.mask),.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="270"] mask,.vpv-canvas-layer .vpv-highlight-outline[data-main-rotation="270"] use:not(.clip,.mask){transform:matrix(0,-1,1,0,0,1)}.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}.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-page:not([data-main-rotation="0"]) .vpv-annotation-editor__image:hover{outline:none}.vpv-annotation-tools-container[data-v-bd369a22]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-bd369a22] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-bd369a22],.slide-leave-active[data-v-bd369a22]{transition:all .3s ease-out}.slide-enter-from[data-v-bd369a22],.slide-leave-to[data-v-bd369a22]{opacity:0}.slide-enter-from[data-v-bd369a22],.slide-leave-to[data-v-bd369a22]{transform:translateY(-20px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m["@vue-pdf-viewer/annotation"]={},m.Vue))})(this,function(m,e){"use strict";var u;(function(o){o.highlight="vpv:annotation:highlight",o.freeText="vpv:annotation:freeText",o.signature="vpv:annotation:signature",o.image="vpv:annotation:image"})(u||(u={}));var g;(function(o){o.Purple="#CAAAFF",o.Cyan="#65EDE9",o.Red="#FFACAC",o.Orange="#FFBD82",o.Yellow="#FCE244",o.Green="#A0F751"})(g||(g={}));var d;(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"})(d||(d={}));const L={ANNOTATIONS:"annotations"},b=Symbol("VPV Shared UIs"),V=Symbol("VPV Current Localization"),N=Symbol("VPV Viewer Core State"),M={[g.Purple]:"Purple",[g.Cyan]:"Cyan",[g.Red]:"Red",[g.Orange]:"Orange",[g.Yellow]:"Yellow",[g.Green]:"Green"},G={[d.Black]:"Black",[d.DarkGray]:"Dark Gray",[d.Gray]:"Gray",[d.LightGray]:"Light Gray",[d.LightestGray]:"Lightest Gray",[d.White]:"White",[d.Purple]:"Purple",[d.Blue]:"Blue",[d.Red]:"Red",[d.Orange]:"Orange",[d.Yellow]:"Yellow",[d.Green]:"Green"},$=e.reactive({currentPageIndex:e.ref(0),scale:e.ref(1),isEditing:e.ref(!1),rotation:e.ref(0),update:o=>{Object.assign($,o)}}),H=(o,n)=>`${o}-${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"},E=o=>o.startsWith("#")||o.startsWith("0x")?o:q[o]||o,k=e.defineComponent({__name:"AppTooltip",setup(o){const n=e.inject(b),t=e.computed(()=>n?.AppTooltip);return(a,l)=>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,(r,s)=>({name:s,fn:e.withCtx(()=>[e.renderSlot(a.$slots,s)])}))]),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(b),t=e.computed(()=>n?.AppButton);return(a,l)=>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))}}),R=(o,n)=>{const t=o[n];return t?typeof t=="function"?t():Promise.resolve(t):new Promise((a,l)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(l.bind(null,new Error("Unknown variable dynamic import: "+n)))})},F=e.defineComponent({__name:"Icon",props:{name:{}},setup(o){const n=o,t=e.defineAsyncComponent({loader:()=>R(Object.assign({"../assets/icons/annotations.svg":()=>Promise.resolve().then(()=>le),"../assets/icons/tool-comment.svg":()=>Promise.resolve().then(()=>ie),"../assets/icons/tool-free-text.svg":()=>Promise.resolve().then(()=>se),"../assets/icons/tool-highlight.svg":()=>Promise.resolve().then(()=>de),"../assets/icons/tool-image.svg":()=>Promise.resolve().then(()=>me),"../assets/icons/tool-signature.svg":()=>Promise.resolve().then(()=>he)}),`../assets/icons/${n.name}.svg`)});return(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t)),{class:"vp-text-xl"}))}}),xe="",B=(o,n)=>{const t=o.__vccOpts||o;for(const[a,l]of n)t[a]=l;return t},y=B(F,[["__scopeId","data-v-c6e40782"]]),C=()=>{const o=e.inject(V,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)}},U=e.defineComponent({__name:"ToolAnnotation",emits:["toggle"],setup(o,{emit:n}){const{t}=C(),a=n,l=e.ref(!1),r=()=>{l.value=!l.value,a("toggle",l.value)};return(s,f)=>s.$slots.default?e.renderSlot(s.$slots,"default",{key:0,onClick:r},void 0,!0):(e.openBlock(),e.createBlock(k,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?e.unref(t)("annotationToggleHideTooltip"):e.unref(t)("annotationToggleShowTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(_,{"aria-label":l.value?e.unref(t)("annotationToggleHideTooltip"):e.unref(t)("annotationToggleShowTooltip"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":l.value}]),onClick:r},{default:e.withCtx(()=>[e.createVNode(y,{name:"annotations",class:"vp-text-xl"})]),_:1},8,["aria-label","class"])]),_:1}))}}),Se="",Y=B(U,[["__scopeId","data-v-7ffb5374"]]),W=()=>{const o=e.inject(N,$),n=e.computed(()=>o.rotation);return e.watch(n,t=>{console.log("[useViewerCoreState] rotation",t)},{immediate:!0}),o},K=e.defineComponent({__name:"ToolAnnotationHighlight",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(o){const n=e.useModel(o,"active"),{t}=C();W();const a=()=>{n.value=!n.value};return(l,r)=>l.$slots.default?e.renderSlot(l.$slots,"default",{key:0,onClick:a}):(e.openBlock(),e.createBlock(k,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationHighlightTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(_,{"aria-label":e.unref(t)("annotationHighlightLabel"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]),onClick:a},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(y,{name:"tool-highlight"})])]),_:3},8,["aria-label","class"])]),_:3}))}}),X=e.defineComponent({__name:"AppPopover",setup(o){const n=e.inject(b),t=e.computed(()=>n?.AppPopover);return(a,l)=>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))}}),Z=e.defineComponent({__name:"AppSignatures",setup(o){const n=e.inject(b),t=e.computed(()=>n?.AppSignatures);return(a,l)=>t.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),null,16)):e.createCommentVNode("",!0)}}),J=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.ref(!1),l=()=>{!n.value&&!a.value&&(a.value=!0),n.value=!n.value},r=s=>{a.value=!1};return(s,f)=>s.$slots.default?e.renderSlot(s.$slots,"default",{key:0,onClick:l}):(e.openBlock(),e.createBlock(X,{key:1,open:a.value,side:"right",sideOffset:10,class:"vpv-annotation-signatures__popover",onInteractOutside:r},{trigger:e.withCtx(()=>[e.createVNode(k,null,{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationSignatureTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(_,{"aria-label":e.unref(t)("annotationSignatureLabel"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]),onClick:l},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"icon",{},()=>[e.createVNode(y,{name:"tool-signature"})])]),_:3},8,["aria-label","class"])]),_:3})]),default:e.withCtx(()=>[e.createVNode(Z)]),_:3},8,["open"]))}}),Q=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=()=>{n.value=!n.value};return(l,r)=>l.$slots.default?e.renderSlot(l.$slots,"default",{key:0,onClick:a}):(e.openBlock(),e.createBlock(k,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationFreeTextTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(_,{"aria-label":e.unref(t)("annotationFreeTextLabel"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]),onClick:a},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(y,{name:"tool-free-text"})])]),_:3},8,["aria-label","class"])]),_:3}))}}),v=e.defineComponent({__name:"ToolAnnotationImage",emits:["change"],setup(o,{emit:n}){const{t}=C(),a=n,l=()=>{const r=document.createElement("input");r.type="file",r.accept="image/*",r.onchange=s=>{const f=s.target.files?.[0];a("change",f)},r.click()};return(r,s)=>r.$slots.default?e.renderSlot(r.$slots,"default",{key:0,onClick:l}):(e.openBlock(),e.createBlock(k,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("annotationImageTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(_,{"aria-label":e.unref(t)("annotationImageLabel"),class:"vpv-toolbar-btn",onClick:l},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"icon",{},()=>[e.createVNode(y,{name:"tool-image"})])]),_:3},8,["aria-label"])]),_:3}))}}),Ve="",ee={class:"vpv-annotation-tools-container"},te={key:0,class:"vpv-annotation-tools"},oe=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,l=c=>H(t.instanceId,c),r={highlight:new CustomEvent(l(u.highlight),{detail:{active:!1,colors:null}}),freeText:new CustomEvent(l(u.freeText),{detail:{active:!1,fontColors:null,fontSizes:null}}),signature:new CustomEvent(l(u.signature),{detail:{active:!1}}),image:new CustomEvent(l(u.image),{detail:{file:void 0}})},s=e.ref(!1),f=e.reactive({highlight:!1,freeText:!1,signature:!1}),h=e.computed({get:()=>f.highlight,set:c=>{f.highlight=c,c&&(f.freeText=!1,f.signature=!1),x()}}),w=e.computed({get:()=>f.freeText,set:c=>{c&&(f.highlight=!1,f.signature=!1),f.freeText=c,x()}}),T=e.computed({get:()=>f.signature,set:c=>{c&&(f.highlight=!1,f.freeText=!1),f.signature=c,x()}}),ue=e.computed(()=>t.highlight),be=e.computed(()=>t.freeText),ke=e.computed(()=>t.signature),_e=e.computed(()=>t.image),ye=c=>{s.value=c,c||(h.value=!1,w.value=!1,T.value=!1)},Ce=c=>{a("highlight",c),r.highlight.detail.active=c;let p=Object.entries(M).map(([i,S])=>({value:i,label:S}));typeof t.highlight=="object"&&t.highlight?.colors&&(p=t.highlight.colors.map(i=>typeof i=="string"?{value:E(i),label:i}:i)),r.highlight.detail.colors=p,window.dispatchEvent(r.highlight)},we=c=>{a("freeText",c),r.freeText.detail.active=c;let p=Object.entries(G).map(([i,S])=>({value:i,label:S}));typeof t.freeText=="object"&&t.freeText?.fontColors&&(p=t.freeText.fontColors.map(i=>typeof i=="string"?{value:E(i),label:i}:i)),r.freeText.detail.fontColors=p,typeof t.freeText=="object"&&t.freeText?.fontSizes?.length&&(r.freeText.detail.fontSizes=t.freeText.fontSizes),window.dispatchEvent(r.freeText)},Te=c=>{a("signature",c),r.signature.detail.active=c,window.dispatchEvent(r.signature)},Be=c=>{f.highlight=!1,f.freeText=!1,f.signature=!1,a("image",c),r.image.detail.file=c,window.dispatchEvent(r.image)};function x(){Ce(h.value),we(w.value),Te(T.value)}return(c,p)=>(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(Y,{onToggle:ye}),e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("div",te,[ue.value?(e.openBlock(),e.createBlock(K,{key:0,active:h.value,"onUpdate:active":p[0]||(p[0]=i=>h.value=i)},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:i})=>[typeof t.highlight=="object"&&t.highlight.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.highlight.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active"])):e.createCommentVNode("",!0),be.value?(e.openBlock(),e.createBlock(Q,{key:1,active:w.value,"onUpdate:active":p[1]||(p[1]=i=>w.value=i)},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:i})=>[typeof t.freeText=="object"&&t.freeText.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.freeText.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active"])):e.createCommentVNode("",!0),_e.value?(e.openBlock(),e.createBlock(v,{key:2,onChange:Be},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:i})=>[typeof t.image=="object"&&t.image.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.image.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1024)):e.createCommentVNode("",!0),ke.value?(e.openBlock(),e.createBlock(J,{key:3,active:T.value,"onUpdate:active":p[2]||(p[2]=i=>T.value=i)},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:i})=>[typeof t.signature=="object"&&t.signature.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.signature.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1})]))}}),Ne="",P=B(oe,[["__scopeId","data-v-bd369a22"]]),ne=(o={})=>{const{highlight:n,freeText:t,image:a}=o;return{name:"annotation",setup(l){const{componentInstance:r,shared:s}=l,f=r?.uid??0;l.toolbar.addItem({id:L.ANNOTATIONS,toolbarDirection:"left",component:e.h(P,{highlight:n,freeText:t,image:a,instanceId:f})});const h=r?.appContext.app;s.ui?h.provide(b,s.ui):console.warn("VPdfAnnotationPlugin - No UI context found in plugin context"),s.localization?.value?h.provide(V,s.localization):console.warn("VPdfAnnotationPlugin - No localization found in plugin context"),s.viewerCoreState?h.provide(N,s.viewerCoreState):console.warn("VPdfAnnotationPlugin - No viewer core state found in plugin context")}}},ae={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function A(o,n){return e.openBlock(),e.createElementBlock("svg",ae,[...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 le=Object.freeze(Object.defineProperty({__proto__:null,render:A,default:{render:A}},Symbol.toStringTag,{value:"Module"})),re={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function j(o,n){return e.openBlock(),e.createElementBlock("svg",re,[...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 ie=Object.freeze(Object.defineProperty({__proto__:null,render:j,default:{render:j}},Symbol.toStringTag,{value:"Module"})),ce={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",ce,[...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 se=Object.freeze(Object.defineProperty({__proto__:null,render:O,default:{render:O}},Symbol.toStringTag,{value:"Module"})),fe={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",fe,[...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 de=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("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 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 D(o,n){return e.openBlock(),e.createElementBlock("svg",ge,[...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 he=Object.freeze(Object.defineProperty({__proto__:null,render:D,default:{render:D}},Symbol.toStringTag,{value:"Module"}));m.VPdfAnnotationTools=P,m.default=ne,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/types.d.ts CHANGED Viewed

@@ -1,17 +1,17 @@
 import { AnnotationFreeTextFontColors, AnnotationHighlightColors } from "@vue-pdf-viewer/shared";
-import type { Component } from "vue";
+import type { Component, VNode } from "vue";
+export interface AnnotationOption {
+    icon?: Component | VNode | string;
+    component?: Component;
+}
 export interface VPdfAnnotationPluginOptions {
-    freeText?: {
-        component?: Component;
+    freeText?: (AnnotationOption & {
         fontColors?: AnnotationFreeTextFontColors;
         fontSizes?: number[];
-    } | boolean;
-    highlight?: {
-        component?: Component;
+    }) | boolean;
+    highlight?: (AnnotationOption & {
         colors?: AnnotationHighlightColors;
-    } | boolean;
-    image?: {
-        component?: Component;
-    } | boolean;
+    }) | boolean;
+    image?: AnnotationOption | boolean;
 }
 export type { AnnotationHighlightColors, AnnotationFreeTextFontColors, LabelValuePair, } from "@vue-pdf-viewer/shared";

package/package.json CHANGED Viewed

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