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

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 (10) hide show
  1. package/dist/{annotations.1313e99f.js → annotations.1350dbe1.js} +2 -2
  2. package/dist/index.js +271 -225
  3. package/dist/index.umd.cjs +2 -2
  4. package/dist/{tool-comment.d0e017dc.js → tool-comment.35e183f7.js} +2 -2
  5. package/dist/{tool-free-text.bcc03e9a.js → tool-free-text.5d283e24.js} +2 -2
  6. package/dist/{tool-highlight.d3ea6f0b.js → tool-highlight.0a507b04.js} +2 -2
  7. package/dist/{tool-image.72fd3197.js → tool-image.9f910d29.js} +2 -2
  8. package/dist/{tool-signature.85da0b98.js → tool-signature.2b6fe80c.js} +2 -2
  9. package/dist/types.d.ts +10 -5
  10. package/package.json +2 -2
package/dist/{annotations.1313e99f.js → annotations.1350dbe1.js} RENAMED
@@ -7,7 +7,7 @@ const n = {
7
7
  viewBox: "0 0 20 20"
8
8
  };
9
9
  function l(s, o) {
10
- return t(), r("svg", n, o[0] || (o[0] = [
10
+ return t(), r("svg", n, [...o[0] || (o[0] = [
11
11
  e("path", {
12
12
  stroke: "currentColor",
13
13
  "stroke-linecap": "round",
@@ -28,7 +28,7 @@ function l(s, o) {
28
28
  "stroke-width": "1.25",
29
29
  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"
30
30
  }, null, -1)
31
- ]));
31
+ ])]);
32
32
  }
33
33
  const d = { render: l };
34
34
  export {
package/dist/index.js CHANGED
@@ -1,104 +1,128 @@
1
- (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 .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.hovered:before,.vpv-annotation-editor__image:hover:before{content:"";position:absolute;inset:0;border:1px solid red}.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-4d1388b2]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-4d1388b2] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-4d1388b2],.slide-leave-active[data-v-4d1388b2]{transition:all .3s ease-out}.slide-enter-from[data-v-4d1388b2],.slide-leave-to[data-v-4d1388b2]{opacity:0}.slide-enter-from[data-v-4d1388b2],.slide-leave-to[data-v-4d1388b2]{transform:translateY(-20px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
- import { defineComponent as b, inject as x, computed as g, openBlock as s, createBlock as f, resolveDynamicComponent as m, normalizeProps as k, mergeProps as y, createSlots as C, withCtx as i, renderSlot as d, renderList as X, createElementBlock as I, defineAsyncComponent as ee, unref as h, ref as z, createTextVNode as O, toDisplayString as S, createVNode as p, normalizeClass as F, useModel as U, createCommentVNode as $, reactive as te, Transition as ae, h as ne } from "vue";
3
- var A;
1
+ (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)}})();
2
+ 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";
3
+ var $;
4
4
  (function(t) {
5
5
  t.highlight = "vpv:annotation:highlight", t.freeText = "vpv:annotation:freeText", t.signature = "vpv:annotation:signature", t.image = "vpv:annotation:image";
6
- })(A || (A = {}));
7
- var j;
6
+ })($ || ($ = {}));
7
+ var T;
8
8
  (function(t) {
9
- t.Purple = "#7862FF", t.Cyan = "#3FE9E3", t.Red = "#F87777", t.Orange = "#FE9639", t.Yellow = "#FBDA15", t.Green = "#88F526";
10
- })(j || (j = {}));
11
- const oe = {
9
+ t.Purple = "#CAAAFF", t.Cyan = "#65EDE9", t.Red = "#FFACAC", t.Orange = "#FFBD82", t.Yellow = "#FCE244", t.Green = "#A0F751";
10
+ })(T || (T = {}));
11
+ var p;
12
+ (function(t) {
13
+ 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";
14
+ })(p || (p = {}));
15
+ const se = {
12
16
  ANNOTATIONS: "annotations"
13
- }, P = Symbol("VPV Shared UIs"), H = Symbol("VPV Current Localization"), ie = (t, n) => `${t}-${n}`, E = /* @__PURE__ */ b({
17
+ }, E = Symbol("VPV Shared UIs"), M = Symbol("VPV Current Localization"), re = Symbol("VPV Viewer Core State"), fe = {
18
+ [T.Purple]: "Purple",
19
+ [T.Cyan]: "Cyan",
20
+ [T.Red]: "Red",
21
+ [T.Orange]: "Orange",
22
+ [T.Yellow]: "Yellow",
23
+ [T.Green]: "Green"
24
+ }, ce = {
25
+ [p.Black]: "Black",
26
+ [p.DarkGray]: "Dark Gray",
27
+ [p.Gray]: "Gray",
28
+ [p.LightGray]: "Light Gray",
29
+ [p.LightestGray]: "Lightest Gray",
30
+ [p.White]: "White",
31
+ [p.Purple]: "Purple",
32
+ [p.Blue]: "Blue",
33
+ [p.Red]: "Red",
34
+ [p.Orange]: "Orange",
35
+ [p.Yellow]: "Yellow",
36
+ [p.Green]: "Green"
37
+ }, ue = (t, n) => `${t}-${n}`, B = /* @__PURE__ */ y({
14
38
  __name: "AppTooltip",
15
39
  setup(t) {
16
- const n = x(P), e = g(() => n?.AppTooltip);
17
- return (a, o) => e.value ? (s(), f(m(e.value), k(y({ key: 0 }, a.$attrs)), C({
18
- default: i(() => [
19
- d(a.$slots, "default")
40
+ const n = I(E), e = v(() => n?.AppTooltip);
41
+ return (a, o) => e.value ? (r(), u(h(e.value), w(A({ key: 0 }, a.$attrs)), O({
42
+ default: l(() => [
43
+ g(a.$slots, "default")
20
44
  ]),
21
45
  _: 2
22
46
  }, [
23
- X(a.$slots, (l, u) => ({
24
- name: u,
25
- fn: i(() => [
26
- d(a.$slots, u)
47
+ ae(a.$slots, (i, c) => ({
48
+ name: c,
49
+ fn: l(() => [
50
+ g(a.$slots, c)
27
51
  ])
28
52
  }))
29
- ]), 1040)) : (s(), I("div", k(y({ key: 1 }, a.$attrs)), [
30
- d(a.$slots, "default")
53
+ ]), 1040)) : (r(), S("div", w(A({ key: 1 }, a.$attrs)), [
54
+ g(a.$slots, "default")
31
55
  ], 16));
32
56
  }
33
- }), B = /* @__PURE__ */ b({
57
+ }), x = /* @__PURE__ */ y({
34
58
  __name: "AppButton",
35
59
  setup(t) {
36
- const n = x(P), e = g(() => n?.AppButton);
37
- return (a, o) => e.value ? (s(), f(m(e.value), k(y({ key: 0 }, a.$attrs)), {
38
- default: i(() => [
39
- d(a.$slots, "default")
60
+ const n = I(E), e = v(() => n?.AppButton);
61
+ return (a, o) => e.value ? (r(), u(h(e.value), w(A({ key: 0 }, a.$attrs)), {
62
+ default: l(() => [
63
+ g(a.$slots, "default")
40
64
  ]),
41
65
  _: 3
42
- }, 16)) : (s(), I("button", k(y({ key: 1 }, a.$attrs)), [
43
- d(a.$slots, "default")
66
+ }, 16)) : (r(), S("button", w(A({ key: 1 }, a.$attrs)), [
67
+ g(a.$slots, "default")
44
68
  ], 16));
45
69
  }
46
- }), le = (t, n) => {
70
+ }), de = (t, n) => {
47
71
  const e = t[n];
48
72
  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((a, o) => {
49
73
  (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, new Error("Unknown variable dynamic import: " + n)));
50
74
  });
51
- }, se = /* @__PURE__ */ b({
75
+ }, ge = /* @__PURE__ */ y({
52
76
  __name: "Icon",
53
77
  props: {
54
78
  name: {}
55
79
  },
56
80
  setup(t) {
57
- const n = t, e = ee({
58
- loader: () => le(/* @__PURE__ */ Object.assign({ "../assets/icons/annotations.svg": () => import("./annotations.1313e99f.js"), "../assets/icons/tool-comment.svg": () => import("./tool-comment.d0e017dc.js"), "../assets/icons/tool-free-text.svg": () => import("./tool-free-text.bcc03e9a.js"), "../assets/icons/tool-highlight.svg": () => import("./tool-highlight.d3ea6f0b.js"), "../assets/icons/tool-image.svg": () => import("./tool-image.72fd3197.js"), "../assets/icons/tool-signature.svg": () => import("./tool-signature.85da0b98.js") }), `../assets/icons/${n.name}.svg`)
81
+ const n = t, e = ne({
82
+ 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`)
59
83
  });
60
- return (a, o) => (s(), f(m(h(e)), { class: "vp-text-xl" }));
84
+ return (a, o) => (r(), u(h(b(e)), { class: "vp-text-xl" }));
61
85
  }
62
86
  });
63
- const M = (t, n) => {
87
+ const U = (t, n) => {
64
88
  const e = t.__vccOpts || t;
65
89
  for (const [a, o] of n)
66
90
  e[a] = o;
67
91
  return e;
68
- }, L = /* @__PURE__ */ M(se, [["__scopeId", "data-v-c6e40782"]]), N = () => {
69
- const t = x(
70
- H,
71
- g(() => ({}))
92
+ }, G = /* @__PURE__ */ U(ge, [["__scopeId", "data-v-c6e40782"]]), N = () => {
93
+ const t = I(
94
+ M,
95
+ v(() => ({}))
72
96
  );
73
97
  return {
74
- t: g(() => (e) => {
98
+ t: v(() => (e) => {
75
99
  const a = e.split(".").pop() || e;
76
100
  return t.value && a in t.value ? t.value[a] : (console.warn(`useLocalization - Translation not found for key: ${e}`), e);
77
101
  }).value,
78
- currentLocale: g(() => t.value)
102
+ currentLocale: v(() => t.value)
79
103
  };
80
- }, re = /* @__PURE__ */ b({
104
+ }, pe = /* @__PURE__ */ y({
81
105
  __name: "ToolAnnotation",
82
106
  emits: ["toggle"],
83
107
  setup(t, { emit: n }) {
84
- const { t: e } = N(), a = n, o = z(!1), l = () => {
108
+ const { t: e } = N(), a = n, o = j(!1), i = () => {
85
109
  o.value = !o.value, a("toggle", o.value);
86
110
  };
87
- return (u, c) => u.$slots.default ? d(u.$slots, "default", {
111
+ return (c, d) => c.$slots.default ? g(c.$slots, "default", {
88
112
  key: 0,
89
- onClick: l
90
- }, void 0, !0) : (s(), f(E, { key: 1 }, {
91
- content: i(() => [
92
- O(S(o.value ? h(e)("annotationToggleHideTooltip") : h(e)("annotationToggleShowTooltip")), 1)
113
+ onClick: i
114
+ }, void 0, !0) : (r(), u(B, { key: 1 }, {
115
+ content: l(() => [
116
+ P(L(o.value ? b(e)("annotationToggleHideTooltip") : b(e)("annotationToggleShowTooltip")), 1)
93
117
  ]),
94
- default: i(() => [
95
- p(B, {
96
- "aria-label": o.value ? h(e)("annotationToggleHideTooltip") : h(e)("annotationToggleShowTooltip"),
97
- class: F(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": o.value }]),
98
- onClick: l
118
+ default: l(() => [
119
+ m(x, {
120
+ "aria-label": o.value ? b(e)("annotationToggleHideTooltip") : b(e)("annotationToggleShowTooltip"),
121
+ class: q(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": o.value }]),
122
+ onClick: i
99
123
  }, {
100
- default: i(() => [
101
- p(L, {
124
+ default: l(() => [
125
+ m(G, {
102
126
  name: "annotations",
103
127
  class: "vp-text-xl"
104
128
  })
@@ -110,7 +134,7 @@ const M = (t, n) => {
110
134
  }));
111
135
  }
112
136
  });
113
- const ce = /* @__PURE__ */ M(re, [["__scopeId", "data-v-7ffb5374"]]), fe = /* @__PURE__ */ b({
137
+ const ve = /* @__PURE__ */ U(pe, [["__scopeId", "data-v-7ffb5374"]]), me = /* @__PURE__ */ y({
114
138
  __name: "ToolAnnotationHighlight",
115
139
  props: {
116
140
  active: { type: Boolean, required: !0 },
@@ -118,25 +142,25 @@ const ce = /* @__PURE__ */ M(re, [["__scopeId", "data-v-7ffb5374"]]), fe = /* @_
118
142
  },
119
143
  emits: ["update:active"],
120
144
  setup(t) {
121
- const n = U(t, "active"), { t: e } = N(), a = () => {
145
+ const n = F(t, "active"), { t: e } = N(), a = () => {
122
146
  n.value = !n.value;
123
147
  };
124
- return (o, l) => o.$slots.default ? d(o.$slots, "default", {
148
+ return (o, i) => o.$slots.default ? g(o.$slots, "default", {
125
149
  key: 0,
126
150
  onClick: a
127
- }) : (s(), f(E, { key: 1 }, {
128
- content: i(() => [
129
- O(S(h(e)("annotationHighlightTooltip")), 1)
151
+ }) : (r(), u(B, { key: 1 }, {
152
+ content: l(() => [
153
+ P(L(b(e)("annotationHighlightTooltip")), 1)
130
154
  ]),
131
- default: i(() => [
132
- p(B, {
133
- "aria-label": h(e)("annotationHighlightLabel"),
134
- class: F(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
155
+ default: l(() => [
156
+ m(x, {
157
+ "aria-label": b(e)("annotationHighlightLabel"),
158
+ class: q(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
135
159
  onClick: a
136
160
  }, {
137
- default: i(() => [
138
- d(o.$slots, "icon", {}, () => [
139
- p(L, { name: "tool-highlight" })
161
+ default: l(() => [
162
+ g(o.$slots, "icon", {}, () => [
163
+ m(G, { name: "tool-highlight" })
140
164
  ])
141
165
  ]),
142
166
  _: 3
@@ -145,29 +169,29 @@ const ce = /* @__PURE__ */ M(re, [["__scopeId", "data-v-7ffb5374"]]), fe = /* @_
145
169
  _: 3
146
170
  }));
147
171
  }
148
- }), ue = /* @__PURE__ */ b({
172
+ }), he = /* @__PURE__ */ y({
149
173
  __name: "AppPopover",
150
174
  setup(t) {
151
- const n = x(P), e = g(() => n?.AppPopover);
152
- return (a, o) => e.value ? (s(), f(m(e.value), k(y({ key: 0 }, a.$attrs)), {
153
- trigger: i(() => [
154
- d(a.$slots, "trigger")
175
+ const n = I(E), e = v(() => n?.AppPopover);
176
+ return (a, o) => e.value ? (r(), u(h(e.value), w(A({ key: 0 }, a.$attrs)), {
177
+ trigger: l(() => [
178
+ g(a.$slots, "trigger")
155
179
  ]),
156
- default: i(() => [
157
- d(a.$slots, "default")
180
+ default: l(() => [
181
+ g(a.$slots, "default")
158
182
  ]),
159
183
  _: 3
160
- }, 16)) : (s(), I("button", k(y({ key: 1 }, a.$attrs)), [
161
- d(a.$slots, "default")
184
+ }, 16)) : (r(), S("button", w(A({ key: 1 }, a.$attrs)), [
185
+ g(a.$slots, "default")
162
186
  ], 16));
163
187
  }
164
- }), de = /* @__PURE__ */ b({
188
+ }), be = /* @__PURE__ */ y({
165
189
  __name: "AppSignatures",
166
190
  setup(t) {
167
- const n = x(P), e = g(() => n?.AppSignatures);
168
- return (a, o) => e.value ? (s(), f(m(e.value), k(y({ key: 0 }, a.$attrs)), null, 16)) : $("", !0);
191
+ const n = I(E), e = v(() => n?.AppSignatures);
192
+ return (a, o) => e.value ? (r(), u(h(e.value), w(A({ key: 0 }, a.$attrs)), null, 16)) : C("", !0);
169
193
  }
170
- }), ge = /* @__PURE__ */ b({
194
+ }), _e = /* @__PURE__ */ y({
171
195
  __name: "ToolAnnotationSignature",
172
196
  props: {
173
197
  active: { type: Boolean, required: !0 },
@@ -175,36 +199,36 @@ const ce = /* @__PURE__ */ M(re, [["__scopeId", "data-v-7ffb5374"]]), fe = /* @_
175
199
  },
176
200
  emits: ["update:active"],
177
201
  setup(t) {
178
- const n = U(t, "active"), { t: e } = N(), a = z(!1), o = () => {
202
+ const n = F(t, "active"), { t: e } = N(), a = j(!1), o = () => {
179
203
  !n.value && !a.value && (a.value = !0), n.value = !n.value;
180
- }, l = (u) => {
204
+ }, i = (c) => {
181
205
  a.value = !1;
182
206
  };
183
- return (u, c) => u.$slots.default ? d(u.$slots, "default", {
207
+ return (c, d) => c.$slots.default ? g(c.$slots, "default", {
184
208
  key: 0,
185
209
  onClick: o
186
- }) : (s(), f(ue, {
210
+ }) : (r(), u(he, {
187
211
  key: 1,
188
212
  open: a.value,
189
213
  side: "right",
190
214
  sideOffset: 10,
191
215
  class: "vpv-annotation-signatures__popover",
192
- onInteractOutside: l
216
+ onInteractOutside: i
193
217
  }, {
194
- trigger: i(() => [
195
- p(E, null, {
196
- content: i(() => [
197
- O(S(h(e)("annotationSignatureTooltip")), 1)
218
+ trigger: l(() => [
219
+ m(B, null, {
220
+ content: l(() => [
221
+ P(L(b(e)("annotationSignatureTooltip")), 1)
198
222
  ]),
199
- default: i(() => [
200
- p(B, {
201
- "aria-label": h(e)("annotationSignatureLabel"),
202
- class: F(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
223
+ default: l(() => [
224
+ m(x, {
225
+ "aria-label": b(e)("annotationSignatureLabel"),
226
+ class: q(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
203
227
  onClick: o
204
228
  }, {
205
- default: i(() => [
206
- d(u.$slots, "icon", {}, () => [
207
- p(L, { name: "tool-signature" })
229
+ default: l(() => [
230
+ g(c.$slots, "icon", {}, () => [
231
+ m(G, { name: "tool-signature" })
208
232
  ])
209
233
  ]),
210
234
  _: 3
@@ -213,13 +237,13 @@ const ce = /* @__PURE__ */ M(re, [["__scopeId", "data-v-7ffb5374"]]), fe = /* @_
213
237
  _: 3
214
238
  })
215
239
  ]),
216
- default: i(() => [
217
- p(de)
240
+ default: l(() => [
241
+ m(be)
218
242
  ]),
219
243
  _: 3
220
244
  }, 8, ["open"]));
221
245
  }
222
- }), pe = /* @__PURE__ */ b({
246
+ }), ye = /* @__PURE__ */ y({
223
247
  __name: "ToolAnnotationFreeText",
224
248
  props: {
225
249
  active: { type: Boolean, required: !0 },
@@ -227,25 +251,25 @@ const ce = /* @__PURE__ */ M(re, [["__scopeId", "data-v-7ffb5374"]]), fe = /* @_
227
251
  },
228
252
  emits: ["update:active"],
229
253
  setup(t) {
230
- const n = U(t, "active"), { t: e } = N(), a = () => {
254
+ const n = F(t, "active"), { t: e } = N(), a = () => {
231
255
  n.value = !n.value;
232
256
  };
233
- return (o, l) => o.$slots.default ? d(o.$slots, "default", {
257
+ return (o, i) => o.$slots.default ? g(o.$slots, "default", {
234
258
  key: 0,
235
259
  onClick: a
236
- }) : (s(), f(E, { key: 1 }, {
237
- content: i(() => [
238
- O(S(h(e)("annotationFreeTextTooltip")), 1)
260
+ }) : (r(), u(B, { key: 1 }, {
261
+ content: l(() => [
262
+ P(L(b(e)("annotationFreeTextTooltip")), 1)
239
263
  ]),
240
- default: i(() => [
241
- p(B, {
242
- "aria-label": h(e)("annotationFreeTextLabel"),
243
- class: F(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
264
+ default: l(() => [
265
+ m(x, {
266
+ "aria-label": b(e)("annotationFreeTextLabel"),
267
+ class: q(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": n.value }]),
244
268
  onClick: a
245
269
  }, {
246
- default: i(() => [
247
- d(o.$slots, "icon", {}, () => [
248
- p(L, { name: "tool-free-text" })
270
+ default: l(() => [
271
+ g(o.$slots, "icon", {}, () => [
272
+ m(G, { name: "tool-free-text" })
249
273
  ])
250
274
  ]),
251
275
  _: 3
@@ -254,33 +278,33 @@ const ce = /* @__PURE__ */ M(re, [["__scopeId", "data-v-7ffb5374"]]), fe = /* @_
254
278
  _: 3
255
279
  }));
256
280
  }
257
- }), ve = /* @__PURE__ */ b({
281
+ }), ke = /* @__PURE__ */ y({
258
282
  __name: "ToolAnnotationImage",
259
283
  emits: ["change"],
260
284
  setup(t, { emit: n }) {
261
285
  const { t: e } = N(), a = n, o = () => {
262
- const l = document.createElement("input");
263
- l.type = "file", l.accept = "image/*", l.onchange = (u) => {
264
- const c = u.target.files?.[0];
265
- a("change", c);
266
- }, l.click();
286
+ const i = document.createElement("input");
287
+ i.type = "file", i.accept = "image/*", i.onchange = (c) => {
288
+ const d = c.target.files?.[0];
289
+ a("change", d);
290
+ }, i.click();
267
291
  };
268
- return (l, u) => l.$slots.default ? d(l.$slots, "default", {
292
+ return (i, c) => i.$slots.default ? g(i.$slots, "default", {
269
293
  key: 0,
270
294
  onClick: o
271
- }) : (s(), f(E, { key: 1 }, {
272
- content: i(() => [
273
- O(S(h(e)("annotationImageTooltip")), 1)
295
+ }) : (r(), u(B, { key: 1 }, {
296
+ content: l(() => [
297
+ P(L(b(e)("annotationImageTooltip")), 1)
274
298
  ]),
275
- default: i(() => [
276
- p(B, {
277
- "aria-label": h(e)("annotationImageLabel"),
299
+ default: l(() => [
300
+ m(x, {
301
+ "aria-label": b(e)("annotationImageLabel"),
278
302
  class: "vpv-toolbar-btn",
279
303
  onClick: o
280
304
  }, {
281
- default: i(() => [
282
- d(l.$slots, "icon", {}, () => [
283
- p(L, { name: "tool-image" })
305
+ default: l(() => [
306
+ g(i.$slots, "icon", {}, () => [
307
+ m(G, { name: "tool-image" })
284
308
  ])
285
309
  ]),
286
310
  _: 3
@@ -290,7 +314,7 @@ const ce = /* @__PURE__ */ M(re, [["__scopeId", "data-v-7ffb5374"]]), fe = /* @_
290
314
  }));
291
315
  }
292
316
  });
293
- const me = {
317
+ const Te = {
294
318
  aliceblue: "#f0f8ff",
295
319
  antiquewhite: "#faebd7",
296
320
  aqua: "#00ffff",
@@ -432,10 +456,10 @@ const me = {
432
456
  whitesmoke: "#f5f5f5",
433
457
  yellow: "#ffff00",
434
458
  yellowgreen: "#9acd32"
435
- }, he = (t) => t.startsWith("#") || t.startsWith("0x") ? t : me[t] || t, be = { class: "vpv-annotation-tools-container" }, _e = {
459
+ }, H = (t) => t.startsWith("#") || t.startsWith("0x") ? t : Te[t] || t, we = { class: "vpv-annotation-tools-container" }, Ae = {
436
460
  key: 0,
437
461
  class: "vpv-annotation-tools"
438
- }, ke = {
462
+ }, Ce = {
439
463
  highlight: {
440
464
  type: [Object, Boolean],
441
465
  default: () => !0
@@ -446,7 +470,7 @@ const me = {
446
470
  },
447
471
  signature: {
448
472
  type: [Object, Boolean],
449
- default: () => !0
473
+ default: () => !1
450
474
  },
451
475
  image: {
452
476
  type: [Object, Boolean],
@@ -456,14 +480,14 @@ const me = {
456
480
  type: Number,
457
481
  required: !0
458
482
  }
459
- }, ye = /* @__PURE__ */ b({
483
+ }, $e = /* @__PURE__ */ y({
460
484
  __name: "VPdfAnnotationTools",
461
- props: ke,
485
+ props: Ce,
462
486
  emits: ["highlight", "freeText", "signature", "image"],
463
487
  setup(t, { emit: n }) {
464
- const e = t, a = n, o = (r) => ie(e.instanceId, r), l = {
488
+ const e = t, a = n, o = (f) => ue(e.instanceId, f), i = {
465
489
  highlight: new CustomEvent(
466
- o(A.highlight),
490
+ o($.highlight),
467
491
  {
468
492
  detail: {
469
493
  active: !1,
@@ -472,168 +496,190 @@ const me = {
472
496
  }
473
497
  ),
474
498
  freeText: new CustomEvent(
475
- o(A.freeText),
499
+ o($.freeText),
476
500
  {
477
- detail: { active: !1 }
501
+ detail: {
502
+ active: !1,
503
+ fontColors: null,
504
+ fontSizes: null
505
+ }
478
506
  }
479
507
  ),
480
508
  signature: new CustomEvent(
481
- o(A.signature),
509
+ o($.signature),
482
510
  {
483
511
  detail: { active: !1 }
484
512
  }
485
513
  ),
486
- image: new CustomEvent(o(A.image), {
514
+ image: new CustomEvent(o($.image), {
487
515
  detail: { file: void 0 }
488
516
  })
489
- }, u = z(!1), c = te({
517
+ }, c = j(!1), d = oe({
490
518
  highlight: !1,
491
519
  freeText: !1,
492
520
  signature: !1
493
- }), T = g({
494
- get: () => c.highlight,
495
- set: (r) => {
496
- c.highlight = r, r && (c.freeText = !1, c.signature = !1), V();
521
+ }), k = v({
522
+ get: () => d.highlight,
523
+ set: (f) => {
524
+ d.highlight = f, f && (d.freeText = !1, d.signature = !1), R();
497
525
  }
498
- }), _ = g({
499
- get: () => c.freeText,
500
- set: (r) => {
501
- r && (c.highlight = !1, c.signature = !1), c.freeText = r, V();
526
+ }), V = v({
527
+ get: () => d.freeText,
528
+ set: (f) => {
529
+ f && (d.highlight = !1, d.signature = !1), d.freeText = f, R();
502
530
  }
503
- }), q = g({
504
- get: () => c.signature,
505
- set: (r) => {
506
- r && (c.highlight = !1, c.freeText = !1), c.signature = r, V();
531
+ }), D = v({
532
+ get: () => d.signature,
533
+ set: (f) => {
534
+ f && (d.highlight = !1, d.freeText = !1), d.signature = f, R();
507
535
  }
508
- }), R = g(() => e.highlight), D = g(() => e.freeText), Y = g(() => e.signature), G = g(() => e.image), W = (r) => {
509
- u.value = r, r || (T.value = !1, _.value = !1, q.value = !1);
510
- }, K = (r) => {
511
- a("highlight", r), l.highlight.detail.active = r, l.highlight.detail.colors = (e.highlight?.colors?.map(he) ?? Object.values(j)).slice(0, 6), window.dispatchEvent(l.highlight);
512
- }, Z = (r) => {
513
- a("freeText", r), l.freeText.detail.active = r, window.dispatchEvent(l.freeText);
514
- }, J = (r) => {
515
- a("signature", r), l.signature.detail.active = r, window.dispatchEvent(l.signature);
516
- }, Q = (r) => {
517
- c.highlight = !1, c.freeText = !1, c.signature = !1, a("image", r), l.image.detail.file = r, window.dispatchEvent(l.image);
536
+ }), Y = v(() => e.highlight), W = v(() => e.freeText), K = v(() => e.signature), X = v(() => e.image), Z = (f) => {
537
+ c.value = f, f || (k.value = !1, V.value = !1, D.value = !1);
538
+ }, J = (f) => {
539
+ a("highlight", f), i.highlight.detail.active = f;
540
+ let _ = Object.entries(fe).map(
541
+ ([s, z]) => ({ value: s, label: z })
542
+ );
543
+ e.highlight?.colors && (_ = e.highlight?.colors?.map(
544
+ (s) => typeof s == "string" ? {
545
+ value: H(s),
546
+ label: s
547
+ } : s
548
+ )), i.highlight.detail.colors = _, window.dispatchEvent(i.highlight);
549
+ }, Q = (f) => {
550
+ a("freeText", f), i.freeText.detail.active = f;
551
+ let _ = Object.entries(ce).map(
552
+ ([s, z]) => ({ value: s, label: z })
553
+ );
554
+ e.freeText?.fontColors && (_ = e.freeText?.fontColors?.map(
555
+ (s) => typeof s == "string" ? {
556
+ value: H(s),
557
+ label: s
558
+ } : s
559
+ )), i.freeText.detail.fontColors = _, e.freeText?.fontSizes && (i.freeText.detail.fontSizes = e.freeText.fontSizes), window.dispatchEvent(i.freeText);
560
+ }, ee = (f) => {
561
+ a("signature", f), i.signature.detail.active = f, window.dispatchEvent(i.signature);
562
+ }, te = (f) => {
563
+ d.highlight = !1, d.freeText = !1, d.signature = !1, a("image", f), i.image.detail.file = f, window.dispatchEvent(i.image);
518
564
  };
519
- function V() {
520
- K(T.value), Z(_.value), J(q.value);
565
+ function R() {
566
+ J(k.value), Q(V.value), ee(D.value);
521
567
  }
522
- return (r, w) => (s(), I("div", be, [
523
- p(ce, { onToggle: W }),
524
- p(ae, { name: "slide" }, {
525
- default: i(() => [
526
- u.value ? (s(), I("div", _e, [
527
- R.value ? (s(), f(fe, {
568
+ return (f, _) => (r(), S("div", we, [
569
+ m(ve, { onToggle: Z }),
570
+ m(ie, { name: "slide" }, {
571
+ default: l(() => [
572
+ c.value ? (r(), S("div", Ae, [
573
+ Y.value ? (r(), u(me, {
528
574
  key: 0,
529
- active: T.value,
530
- "onUpdate:active": w[0] || (w[0] = (v) => T.value = v),
531
- colors: e.highlight?.colors
532
- }, C({ _: 2 }, [
575
+ active: k.value,
576
+ "onUpdate:active": _[0] || (_[0] = (s) => k.value = s)
577
+ }, O({ _: 2 }, [
533
578
  e.highlight?.component?.props?.icon ? {
534
579
  name: "icon",
535
- fn: i(() => [
536
- (s(), f(m(e.highlight.component.props.icon)))
580
+ fn: l(() => [
581
+ (r(), u(h(e.highlight.component.props.icon)))
537
582
  ]),
538
583
  key: "0"
539
584
  } : typeof e.highlight == "object" && e.highlight.component ? {
540
585
  name: "default",
541
- fn: i(({ onClick: v }) => [
542
- (s(), f(m(e.highlight.component), { onClick: v }, null, 8, ["onClick"]))
586
+ fn: l(({ onClick: s }) => [
587
+ (r(), u(h(e.highlight.component), { onClick: s }, null, 8, ["onClick"]))
543
588
  ]),
544
589
  key: "1"
545
590
  } : void 0
546
- ]), 1032, ["active", "colors"])) : $("", !0),
547
- D.value ? (s(), f(pe, {
591
+ ]), 1032, ["active"])) : C("", !0),
592
+ W.value ? (r(), u(ye, {
548
593
  key: 1,
549
- active: _.value,
550
- "onUpdate:active": w[1] || (w[1] = (v) => _.value = v)
551
- }, C({ _: 2 }, [
552
- e.freeText?.props?.icon ? {
594
+ active: V.value,
595
+ "onUpdate:active": _[1] || (_[1] = (s) => V.value = s)
596
+ }, O({ _: 2 }, [
597
+ e.freeText?.component?.props?.icon ? {
553
598
  name: "icon",
554
- fn: i(() => [
555
- (s(), f(m(e.freeText.props.icon)))
599
+ fn: l(() => [
600
+ (r(), u(h(e.freeText.component.props.icon)))
556
601
  ]),
557
602
  key: "0"
558
- } : typeof e.freeText == "object" ? {
603
+ } : typeof e.freeText == "object" && e.freeText.component ? {
559
604
  name: "default",
560
- fn: i(({ onClick: v }) => [
561
- (s(), f(m(e.freeText), { onClick: v }, null, 8, ["onClick"]))
605
+ fn: l(({ onClick: s }) => [
606
+ (r(), u(h(e.freeText.component), { onClick: s }, null, 8, ["onClick"]))
562
607
  ]),
563
608
  key: "1"
564
609
  } : void 0
565
- ]), 1032, ["active"])) : $("", !0),
566
- G.value ? (s(), f(ve, {
610
+ ]), 1032, ["active"])) : C("", !0),
611
+ X.value ? (r(), u(ke, {
567
612
  key: 2,
568
- onChange: Q
569
- }, C({ _: 2 }, [
570
- e.image?.props?.icon ? {
613
+ onChange: te
614
+ }, O({ _: 2 }, [
615
+ e.image?.component?.props?.icon ? {
571
616
  name: "icon",
572
- fn: i(() => [
573
- (s(), f(m(e.image.props.icon)))
617
+ fn: l(() => [
618
+ (r(), u(h(e.image.component.props.icon)))
574
619
  ]),
575
620
  key: "0"
576
- } : typeof e.image == "object" ? {
621
+ } : typeof e.image == "object" && e.image.component ? {
577
622
  name: "default",
578
- fn: i(({ onClick: v }) => [
579
- (s(), f(m(e.image), { onClick: v }, null, 8, ["onClick"]))
623
+ fn: l(({ onClick: s }) => [
624
+ (r(), u(h(e.image.component), { onClick: s }, null, 8, ["onClick"]))
580
625
  ]),
581
626
  key: "1"
582
627
  } : void 0
583
- ]), 1024)) : $("", !0),
584
- Y.value ? (s(), f(ge, {
628
+ ]), 1024)) : C("", !0),
629
+ K.value ? (r(), u(_e, {
585
630
  key: 3,
586
- active: q.value,
587
- "onUpdate:active": w[2] || (w[2] = (v) => q.value = v)
588
- }, C({ _: 2 }, [
589
- e.signature?.props?.icon ? {
631
+ active: D.value,
632
+ "onUpdate:active": _[2] || (_[2] = (s) => D.value = s)
633
+ }, O({ _: 2 }, [
634
+ e.signature?.component?.props?.icon ? {
590
635
  name: "icon",
591
- fn: i(() => [
592
- (s(), f(m(e.signature.props.icon)))
636
+ fn: l(() => [
637
+ (r(), u(h(e.signature.component.props.icon)))
593
638
  ]),
594
639
  key: "0"
595
- } : typeof e.signature == "object" ? {
640
+ } : typeof e.signature == "object" && e.signature.component ? {
596
641
  name: "default",
597
- fn: i(({ onClick: v }) => [
598
- (s(), f(m(e.signature), { onClick: v }, null, 8, ["onClick"]))
642
+ fn: l(({ onClick: s }) => [
643
+ (r(), u(h(e.signature.component), { onClick: s }, null, 8, ["onClick"]))
599
644
  ]),
600
645
  key: "1"
601
646
  } : void 0
602
- ]), 1032, ["active"])) : $("", !0)
603
- ])) : $("", !0)
647
+ ]), 1032, ["active"])) : C("", !0)
648
+ ])) : C("", !0)
604
649
  ]),
605
650
  _: 1
606
651
  })
607
652
  ]));
608
653
  }
609
654
  });
610
- const Te = /* @__PURE__ */ M(ye, [["__scopeId", "data-v-4d1388b2"]]), $e = (t = {}) => {
611
- const { highlight: n, freeText: e, signature: a, image: o } = t;
655
+ const Oe = /* @__PURE__ */ U($e, [["__scopeId", "data-v-de60e42d"]]), Ie = (t = {}) => {
656
+ const { highlight: n, freeText: e, image: a } = t;
612
657
  return {
613
658
  name: "annotation",
614
- setup(l) {
615
- const { componentInstance: u, shared: c } = l, T = u?.uid ?? 0;
616
- l.toolbar.addItem({
617
- id: oe.ANNOTATIONS,
659
+ setup(o) {
660
+ const { componentInstance: i, shared: c } = o, d = i?.uid ?? 0;
661
+ o.toolbar.addItem({
662
+ id: se.ANNOTATIONS,
618
663
  toolbarDirection: "left",
619
- component: ne(Te, {
664
+ component: le(Oe, {
620
665
  highlight: n,
621
666
  freeText: e,
622
- signature: !1,
623
- image: o,
624
- instanceId: T
667
+ image: a,
668
+ instanceId: d
625
669
  })
626
670
  });
627
- const _ = u?.appContext.app;
628
- c.ui ? _.provide(P, c.ui) : console.warn(
671
+ const k = i?.appContext.app;
672
+ c.ui ? k.provide(E, c.ui) : console.warn(
629
673
  "VPdfAnnotationPlugin - No UI context found in plugin context"
630
- ), c.localization?.value ? _.provide(H, c.localization) : console.warn(
674
+ ), c.localization?.value ? k.provide(M, c.localization) : console.warn(
631
675
  "VPdfAnnotationPlugin - No localization found in plugin context"
676
+ ), c.viewerCoreState ? k.provide(re, c.viewerCoreState) : console.warn(
677
+ "VPdfAnnotationPlugin - No viewer core state found in plugin context"
632
678
  );
633
679
  }
634
680
  };
635
681
  };
636
682
  export {
637
- Te as VPdfAnnotationTools,
638
- $e as default
683
+ Oe as VPdfAnnotationTools,
684
+ Ie as default
639
685
  };
package/dist/index.umd.cjs CHANGED
@@ -1,2 +1,2 @@
1
- (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 .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.hovered:before,.vpv-annotation-editor__image:hover:before{content:"";position:absolute;inset:0;border:1px solid red}.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-4d1388b2]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-4d1388b2] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-4d1388b2],.slide-leave-active[data-v-4d1388b2]{transition:all .3s ease-out}.slide-enter-from[data-v-4d1388b2],.slide-leave-to[data-v-4d1388b2]{opacity:0}.slide-enter-from[data-v-4d1388b2],.slide-leave-to[data-v-4d1388b2]{transform:translateY(-20px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
- (function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f["@vue-pdf-viewer/annotation"]={},f.Vue))})(this,function(f,e){"use strict";var m;(function(n){n.highlight="vpv:annotation:highlight",n.freeText="vpv:annotation:freeText",n.signature="vpv:annotation:signature",n.image="vpv:annotation:image"})(m||(m={}));var C;(function(n){n.Purple="#7862FF",n.Cyan="#3FE9E3",n.Red="#F87777",n.Orange="#FE9639",n.Yellow="#FBDA15",n.Green="#88F526"})(C||(C={}));const O={ANNOTATIONS:"annotations"},u=Symbol("VPV Shared UIs"),x=Symbol("VPV Current Localization"),z=(n,o)=>`${n}-${o}`,k=e.defineComponent({__name:"AppTooltip",setup(n){const o=e.inject(u),t=e.computed(()=>o?.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(n){const o=e.inject(u),t=e.computed(()=>o?.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))}}),j=(n,o)=>{const t=n[o];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: "+o)))})},I=e.defineComponent({__name:"Icon",props:{name:{}},setup(n){const o=n,t=e.defineAsyncComponent({loader:()=>j(Object.assign({"../assets/icons/annotations.svg":()=>Promise.resolve().then(()=>X),"../assets/icons/tool-comment.svg":()=>Promise.resolve().then(()=>te),"../assets/icons/tool-free-text.svg":()=>Promise.resolve().then(()=>ne),"../assets/icons/tool-highlight.svg":()=>Promise.resolve().then(()=>le),"../assets/icons/tool-image.svg":()=>Promise.resolve().then(()=>ie),"../assets/icons/tool-signature.svg":()=>Promise.resolve().then(()=>se)}),`../assets/icons/${o.name}.svg`)});return(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t)),{class:"vp-text-xl"}))}}),_e="",T=(n,o)=>{const t=n.__vccOpts||n;for(const[a,l]of o)t[a]=l;return t},_=T(I,[["__scopeId","data-v-c6e40782"]]),y=()=>{const n=e.inject(x,e.computed(()=>({})));return{t:e.computed(()=>t=>{const a=t.split(".").pop()||t;return n.value&&a in n.value?n.value[a]:(console.warn(`useLocalization - Translation not found for key: ${t}`),t)}).value,currentLocale:e.computed(()=>n.value)}},M=e.defineComponent({__name:"ToolAnnotation",emits:["toggle"],setup(n,{emit:o}){const{t}=y(),a=o,l=e.ref(!1),r=()=>{l.value=!l.value,a("toggle",l.value)};return(s,c)=>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(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(_,{name:"annotations",class:"vp-text-xl"})]),_:1},8,["aria-label","class"])]),_:1}))}}),ye="",L=T(M,[["__scopeId","data-v-7ffb5374"]]),D=e.defineComponent({__name:"ToolAnnotationHighlight",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(n){const o=e.useModel(n,"active"),{t}=y(),a=()=>{o.value=!o.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(b,{"aria-label":e.unref(t)("annotationHighlightLabel"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":o.value}]),onClick:a},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(_,{name:"tool-highlight"})])]),_:3},8,["aria-label","class"])]),_:3}))}}),q=e.defineComponent({__name:"AppPopover",setup(n){const o=e.inject(u),t=e.computed(()=>o?.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))}}),F=e.defineComponent({__name:"AppSignatures",setup(n){const o=e.inject(u),t=e.computed(()=>o?.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)}}),H=e.defineComponent({__name:"ToolAnnotationSignature",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(n){const o=e.useModel(n,"active"),{t}=y(),a=e.ref(!1),l=()=>{!o.value&&!a.value&&(a.value=!0),o.value=!o.value},r=s=>{a.value=!1};return(s,c)=>s.$slots.default?e.renderSlot(s.$slots,"default",{key:0,onClick:l}):(e.openBlock(),e.createBlock(q,{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(b,{"aria-label":e.unref(t)("annotationSignatureLabel"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":o.value}]),onClick:l},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"icon",{},()=>[e.createVNode(_,{name:"tool-signature"})])]),_:3},8,["aria-label","class"])]),_:3})]),default:e.withCtx(()=>[e.createVNode(F)]),_:3},8,["open"]))}}),v=e.defineComponent({__name:"ToolAnnotationFreeText",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(n){const o=e.useModel(n,"active"),{t}=y(),a=()=>{o.value=!o.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(b,{"aria-label":e.unref(t)("annotationFreeTextLabel"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":o.value}]),onClick:a},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(_,{name:"tool-free-text"})])]),_:3},8,["aria-label","class"])]),_:3}))}}),U=e.defineComponent({__name:"ToolAnnotationImage",emits:["change"],setup(n,{emit:o}){const{t}=y(),a=o,l=()=>{const r=document.createElement("input");r.type="file",r.accept="image/*",r.onchange=s=>{const c=s.target.files?.[0];a("change",c)},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(b,{"aria-label":e.unref(t)("annotationImageLabel"),class:"vpv-toolbar-btn",onClick:l},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"icon",{},()=>[e.createVNode(_,{name:"tool-image"})])]),_:3},8,["aria-label"])]),_:3}))}}),we="",R={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"},Y=n=>n.startsWith("#")||n.startsWith("0x")?n:R[n]||n,G={class:"vpv-annotation-tools-container"},W={key:0,class:"vpv-annotation-tools"},K={highlight:{type:[Object,Boolean],default:()=>!0},freeText:{type:[Object,Boolean],default:()=>!0},signature:{type:[Object,Boolean],default:()=>!0},image:{type:[Object,Boolean],default:()=>!0},instanceId:{type:Number,required:!0}},Z=e.defineComponent({__name:"VPdfAnnotationTools",props:K,emits:["highlight","freeText","signature","image"],setup(n,{emit:o}){const t=n,a=o,l=i=>z(t.instanceId,i),r={highlight:new CustomEvent(l(m.highlight),{detail:{active:!1,colors:null}}),freeText:new CustomEvent(l(m.freeText),{detail:{active:!1}}),signature:new CustomEvent(l(m.signature),{detail:{active:!1}}),image:new CustomEvent(l(m.image),{detail:{file:void 0}})},s=e.ref(!1),c=e.reactive({highlight:!1,freeText:!1,signature:!1}),g=e.computed({get:()=>c.highlight,set:i=>{c.highlight=i,i&&(c.freeText=!1,c.signature=!1),B()}}),p=e.computed({get:()=>c.freeText,set:i=>{i&&(c.highlight=!1,c.signature=!1),c.freeText=i,B()}}),w=e.computed({get:()=>c.signature,set:i=>{i&&(c.highlight=!1,c.freeText=!1),c.signature=i,B()}}),de=e.computed(()=>t.highlight),fe=e.computed(()=>t.freeText),pe=e.computed(()=>t.signature),me=e.computed(()=>t.image),ge=i=>{s.value=i,i||(g.value=!1,p.value=!1,w.value=!1)},he=i=>{a("highlight",i),r.highlight.detail.active=i,r.highlight.detail.colors=(t.highlight?.colors?.map(Y)??Object.values(C)).slice(0,6),window.dispatchEvent(r.highlight)},ue=i=>{a("freeText",i),r.freeText.detail.active=i,window.dispatchEvent(r.freeText)},ke=i=>{a("signature",i),r.signature.detail.active=i,window.dispatchEvent(r.signature)},be=i=>{c.highlight=!1,c.freeText=!1,c.signature=!1,a("image",i),r.image.detail.file=i,window.dispatchEvent(r.image)};function B(){he(g.value),ue(p.value),ke(w.value)}return(i,h)=>(e.openBlock(),e.createElementBlock("div",G,[e.createVNode(L,{onToggle:ge}),e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("div",W,[de.value?(e.openBlock(),e.createBlock(D,{key:0,active:g.value,"onUpdate:active":h[0]||(h[0]=d=>g.value=d),colors:t.highlight?.colors},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:d})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.highlight.component),{onClick:d},null,8,["onClick"]))]),key:"1"}:void 0]),1032,["active","colors"])):e.createCommentVNode("",!0),fe.value?(e.openBlock(),e.createBlock(v,{key:1,active:p.value,"onUpdate:active":h[1]||(h[1]=d=>p.value=d)},e.createSlots({_:2},[t.freeText?.props?.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.freeText.props.icon)))]),key:"0"}:typeof t.freeText=="object"?{name:"default",fn:e.withCtx(({onClick:d})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.freeText),{onClick:d},null,8,["onClick"]))]),key:"1"}:void 0]),1032,["active"])):e.createCommentVNode("",!0),me.value?(e.openBlock(),e.createBlock(U,{key:2,onChange:be},e.createSlots({_:2},[t.image?.props?.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.image.props.icon)))]),key:"0"}:typeof t.image=="object"?{name:"default",fn:e.withCtx(({onClick:d})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.image),{onClick:d},null,8,["onClick"]))]),key:"1"}:void 0]),1024)):e.createCommentVNode("",!0),pe.value?(e.openBlock(),e.createBlock(H,{key:3,active:w.value,"onUpdate:active":h[2]||(h[2]=d=>w.value=d)},e.createSlots({_:2},[t.signature?.props?.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.signature.props.icon)))]),key:"0"}:typeof t.signature=="object"?{name:"default",fn:e.withCtx(({onClick:d})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.signature),{onClick:d},null,8,["onClick"]))]),key:"1"}:void 0]),1032,["active"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1})]))}}),Ce="",S=T(Z,[["__scopeId","data-v-4d1388b2"]]),J=(n={})=>{const{highlight:o,freeText:t,signature:a,image:l}=n;return{name:"annotation",setup(r){const{componentInstance:s,shared:c}=r,g=s?.uid??0;r.toolbar.addItem({id:O.ANNOTATIONS,toolbarDirection:"left",component:e.h(S,{highlight:o,freeText:t,signature:!1,image:l,instanceId:g})});const p=s?.appContext.app;c.ui?p.provide(u,c.ui):console.warn("VPdfAnnotationPlugin - No UI context found in plugin context"),c.localization?.value?p.provide(x,c.localization):console.warn("VPdfAnnotationPlugin - No localization found in plugin context")}}},Q={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function $(n,o){return e.openBlock(),e.createElementBlock("svg",Q,o[0]||(o[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 X=Object.freeze(Object.defineProperty({__proto__:null,render:$,default:{render:$}},Symbol.toStringTag,{value:"Module"})),ee={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function V(n,o){return e.openBlock(),e.createElementBlock("svg",ee,o[0]||(o[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 te=Object.freeze(Object.defineProperty({__proto__:null,render:V,default:{render:V}},Symbol.toStringTag,{value:"Module"})),oe={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function N(n,o){return e.openBlock(),e.createElementBlock("svg",oe,o[0]||(o[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 ne=Object.freeze(Object.defineProperty({__proto__:null,render:N,default:{render:N}},Symbol.toStringTag,{value:"Module"})),ae={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function P(n,o){return e.openBlock(),e.createElementBlock("svg",ae,o[0]||(o[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 le=Object.freeze(Object.defineProperty({__proto__:null,render:P,default:{render:P}},Symbol.toStringTag,{value:"Module"})),re={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function A(n,o){return e.openBlock(),e.createElementBlock("svg",re,o[0]||(o[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 ie=Object.freeze(Object.defineProperty({__proto__:null,render:A,default:{render:A}},Symbol.toStringTag,{value:"Module"})),ce={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function E(n,o){return e.openBlock(),e.createElementBlock("svg",ce,o[0]||(o[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M18.125 13.125H4.99q.313-.615.625-1.259c1.172.13 2.546-.685 4.114-2.432.391 1.051 1.13 2.416 2.39 2.441.707.014 1.414-.406 2.142-1.279.53.634 1.623 1.279 3.865 1.279a.625.625 0 1 0 0-1.25c-2.377 0-3.08-.816-3.125-1.259a.6.6 0 0 0-.426-.605.636.636 0 0 0-.723.273c-.943 1.448-1.514 1.596-1.713 1.591-.645-.012-1.301-1.525-1.526-2.61a.625.625 0 0 0-1.1-.264c-1.579 1.98-2.637 2.646-3.295 2.818.663-1.474 1.158-2.768 1.475-3.858.533-1.831.572-3.112.118-3.914-.234-.42-.73-.922-1.723-.922-1.255 0-2.245 1.186-2.716 3.254-.28 1.227-.327 2.594-.127 3.75.2 1.155.615 1.996 1.218 2.495a72 72 0 0 1-.877 1.751h-1.71a.625.625 0 1 0 0 1.25h1.048c-.884 1.64-1.572 2.784-1.583 2.803a.625.625 0 1 0 1.071.644c.012-.02.88-1.468 1.93-3.447h13.784a.625.625 0 1 0 0-1.25M4.59 5.407c.311-1.365.914-2.282 1.498-2.282.416 0 .555.145.635.287.235.416.51 1.89-1.692 6.749-.645-.881-.865-2.895-.44-4.754"},null,-1)]))}const se=Object.freeze(Object.defineProperty({__proto__:null,render:E,default:{render:E}},Symbol.toStringTag,{value:"Module"}));f.VPdfAnnotationTools=S,f.default=J,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ (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)}})();
2
+ (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"}})});
package/dist/{tool-comment.d0e017dc.js → tool-comment.35e183f7.js} RENAMED
@@ -7,7 +7,7 @@ const n = {
7
7
  viewBox: "0 0 20 20"
8
8
  };
9
9
  function r(a, e) {
10
- return o(), l("svg", n, e[0] || (e[0] = [
10
+ return o(), l("svg", n, [...e[0] || (e[0] = [
11
11
  t("path", {
12
12
  fill: "currentColor",
13
13
  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"
@@ -16,7 +16,7 @@ function r(a, e) {
16
16
  fill: "currentColor",
17
17
  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"
18
18
  }, null, -1)
19
- ]));
19
+ ])]);
20
20
  }
21
21
  const m = { render: r };
22
22
  export {
package/dist/{tool-free-text.bcc03e9a.js → tool-free-text.5d283e24.js} RENAMED
@@ -7,7 +7,7 @@ const r = {
7
7
  viewBox: "0 0 20 20"
8
8
  };
9
9
  function a(n, e) {
10
- return t(), o("svg", r, e[0] || (e[0] = [
10
+ return t(), o("svg", r, [...e[0] || (e[0] = [
11
11
  l("path", {
12
12
  fill: "currentColor",
13
13
  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"
@@ -18,7 +18,7 @@ function a(n, e) {
18
18
  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",
19
19
  "clip-rule": "evenodd"
20
20
  }, null, -1)
21
- ]));
21
+ ])]);
22
22
  }
23
23
  const v = { render: a };
24
24
  export {
package/dist/{tool-highlight.d3ea6f0b.js → tool-highlight.0a507b04.js} RENAMED
@@ -7,7 +7,7 @@ const r = {
7
7
  viewBox: "0 0 20 20"
8
8
  };
9
9
  function a(n, e) {
10
- return t(), o("svg", r, e[0] || (e[0] = [
10
+ return t(), o("svg", r, [...e[0] || (e[0] = [
11
11
  l("g", { "clip-path": "url(#a)" }, [
12
12
  l("path", {
13
13
  fill: "currentColor",
@@ -22,7 +22,7 @@ function a(n, e) {
22
22
  })
23
23
  ])
24
24
  ], -1)
25
- ]));
25
+ ])]);
26
26
  }
27
27
  const h = { render: a };
28
28
  export {
package/dist/{tool-image.72fd3197.js → tool-image.9f910d29.js} RENAMED
@@ -7,12 +7,12 @@ const n = {
7
7
  viewBox: "0 0 20 20"
8
8
  };
9
9
  function r(a, e) {
10
- return t(), o("svg", n, e[0] || (e[0] = [
10
+ return t(), o("svg", n, [...e[0] || (e[0] = [
11
11
  l("path", {
12
12
  fill: "currentColor",
13
13
  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"
14
14
  }, null, -1)
15
- ]));
15
+ ])]);
16
16
  }
17
17
  const i = { render: r };
18
18
  export {
package/dist/{tool-signature.85da0b98.js → tool-signature.2b6fe80c.js} RENAMED
@@ -7,12 +7,12 @@ const r = {
7
7
  viewBox: "0 0 20 20"
8
8
  };
9
9
  function c(l, e) {
10
- return t(), o("svg", r, e[0] || (e[0] = [
10
+ return t(), o("svg", r, [...e[0] || (e[0] = [
11
11
  n("path", {
12
12
  fill: "currentColor",
13
13
  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"
14
14
  }, null, -1)
15
- ]));
15
+ ])]);
16
16
  }
17
17
  const i = { render: c };
18
18
  export {
package/dist/types.d.ts CHANGED
@@ -1,12 +1,17 @@
1
- import { AnnotationHighlightColors } from "@vue-pdf-viewer/shared";
1
+ import { AnnotationFreeTextFontColors, AnnotationHighlightColors } from "@vue-pdf-viewer/shared";
2
2
  import type { Component } from "vue";
3
3
  export interface VPdfAnnotationPluginOptions {
4
+ freeText?: {
5
+ component?: Component;
6
+ fontColors?: AnnotationFreeTextFontColors;
7
+ fontSizes?: number[];
8
+ } | boolean;
4
9
  highlight?: {
5
10
  component?: Component;
6
11
  colors?: AnnotationHighlightColors;
7
12
  } | boolean;
8
- freeText?: Component | boolean;
9
- signature?: Component | boolean;
10
- image?: Component | boolean;
13
+ image?: {
14
+ component?: Component;
15
+ } | boolean;
11
16
  }
12
- export type { AnnotationHighlightColors } from "@vue-pdf-viewer/shared";
17
+ export type { AnnotationHighlightColors, AnnotationFreeTextFontColors, LabelValuePair, } from "@vue-pdf-viewer/shared";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vue-pdf-viewer/annotation",
3
3
  "private": false,
4
- "version": "1.0.0-alpha.9",
4
+ "version": "1.0.0-beta.0",
5
5
  "type": "module",
6
6
  "main": "./dist/index.umd.cjs",
7
7
  "module": "./dist/index.js",
@@ -29,7 +29,7 @@
29
29
  "vue": "^3.2.37"
30
30
  },
31
31
  "dependencies": {
32
- "@vue-pdf-viewer/shared": "1.0.0-alpha.4",
32
+ "@vue-pdf-viewer/shared": "1.0.0-beta.0",
33
33
  "vite-plugin-css-injected-by-js": "^3.5.2",
34
34
  "vue": "^3.2.37"
35
35
  },