@vue-pdf-viewer/annotation 1.2.0-beta.0 → 1.2.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/composables/useLocalization.d.ts +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +255 -280
- package/dist/index.umd.cjs +2 -2
- package/dist/types.d.ts +2 -3
- package/package.json +2 -2
- package/dist/composables/useAnnotationEvents.d.ts +0 -6
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ComputedRef } from "vue";
|
|
2
|
-
import type
|
|
2
|
+
import { type Localization } from "@vue-pdf-viewer/shared";
|
|
3
3
|
export declare const useLocalization: () => {
|
|
4
4
|
t: (key: keyof Localization) => string;
|
|
5
5
|
currentLocale: ComputedRef<Localization>;
|
package/dist/index.d.ts
CHANGED
|
@@ -3,5 +3,4 @@ import { type VPdfAnnotationPluginOptions } from "./types";
|
|
|
3
3
|
declare const VPdfAnnotationPlugin: (options?: VPdfAnnotationPluginOptions) => Plugin;
|
|
4
4
|
export * from "./types";
|
|
5
5
|
export * from "./components/index";
|
|
6
|
-
export * from "./composables/useAnnotationEvents";
|
|
7
6
|
export default VPdfAnnotationPlugin;
|
package/dist/index.js
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
|
|
4
|
-
var S;
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.vp-text-xl[data-v-fbd5714e]{font-size:1.25rem;line-height:1.75rem}.vpv-toolbar-btn.vpv-toolbar-btn-active[data-v-da575fac],.vpv-toolbar-btn[data-v-da575fac]:hover{background-color:var(--vpv-primary-color);color:#fff}.vpv-annotation-editor-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.vpv-annotation-editor-layer *{pointer-events:auto}.vpv-annotation-editor-layer .vpv-annotation-editor{z-index:calc(var(--vpv-base-z-index) * 4)}.vpv-annotation-editor-layer.highlight-mode{cursor:text}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor{pointer-events:none}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path{cursor:pointer;position:absolute;inset:0;pointer-events:auto}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight{pointer-events:none}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight .vpv-annotation-editor__clip-path{pointer-events:none}.vpv-annotation-editor-layer.freetext-mode>:not(.vpv-annotation-editor__free-text){user-select:none;pointer-events:none}.vpv-annotation-editor-layer:not(.freetext-mode) .vpv-annotation-editor__free-text{pointer-events:none}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text{position:absolute;user-select:none;padding:calc(var(--vpv-annotation-free-text__padding, 2px) * var(--scale-factor));cursor:auto}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text.draggable{cursor:move}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--selected,.vpv-annotation-editor-layer .vpv-annotation-editor__free-text:hover{outline:1px solid #0082ff}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text [role=textbox]{outline:none!important;text-align:start;font:10px sans-serif;line-height:var(--vpv-annotation-free-text__line-height);width:auto;height:auto;white-space:pre-wrap;word-wrap:break-word}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp{min-width:100px;min-height:calc(20px * var(--scale-factor));border:1px dashed #007bff;background-color:#ffffffe6;color:#000;cursor:text}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp>[role=textbox]{outline:none;font-size:calc(16px * var(--scale-factor));font-family:sans-serif;min-height:calc(16px * var(--scale-factor));white-space:nowrap}.vpv-annotation-highlight__color-picker-wrapper{padding-left:4px;padding-right:4px;padding-bottom:4px;text-align:left}.vpv-annotation-highlight__color-picker-wrapper>p{margin-bottom:.75rem}.vpv-canvas-layer>.vpv-highlight:is(svg){position:absolute;mix-blend-mode:multiply}.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free){fill-rule:evenodd}.vpv-canvas-layer>.vpv-highlight-outline:is(svg){position:absolute;mix-blend-mode:normal;fill-rule:evenodd;fill:none}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered,.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke-width:var(--vpv-annotation-highlight__outline-width)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered{stroke:var(--vpv-annotation-highlight__outline-hover-color)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke:var(--vpv-annotation-highlight__outline-selected-color)}.vpv-resizers{position:absolute;inset:0;pointer-events:none}.vpv-resizers .vpv-resizer{position:absolute;width:var(--vpv-annotation-outline-resizer-size);height:var(--vpv-annotation-outline-resizer-size);background:white;border:1px solid var(--vpv-annotation-outline-resizer-border-color);border-radius:50%;pointer-events:auto;cursor:pointer;z-index:calc(var(--vpv-base-z-index) * 9999);transition:opacity .2s ease,visibility .2s ease}.vpv-resizers .vpv-resizer:hover,.vpv-resizers .vpv-resizer:focus{transform:scale(1.5)}.vpv-resizers .vpv-resizer--top-left{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-resizers .vpv-resizer--top-right{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-left{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-right{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-left{cursor:nesw-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-left{cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-right{cursor:nesw-resize}.vpv-resizer--dark{background:#80ebff;border-color:#2b2a33}.vpv-resizer--dark:focus{outline-color:#80ebff}.vpv-annotation-editor__image{position:absolute;cursor:pointer;touch-action:none;user-select:none;will-change:transform}.vpv-annotation-editor__image.hovered,.vpv-annotation-editor__image:hover{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-color:var(--vpv-annotation-outline-hovered-color)}.vpv-annotation-editor__image.selected{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-offset:var(--vpv-annotation-outline-selected-offset);outline-color:var(--vpv-annotation-outline-selected-color);cursor:move}.vpv-annotation-editor__image canvas{position:absolute;width:100%;height:100%;margin:0;top:0;left:0}.vpv-annotation-editor__image.dragging canvas{user-drag:none;-webkit-user-drag:none;pointer-events:none;touch-action:none}.vpv-page:not([data-main-rotation="0"]) .vpv-annotation-editor__image:hover{outline:none}.vpv-annotation-tools-container[data-v-9db07deb]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-9db07deb] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-9db07deb],.slide-leave-active[data-v-9db07deb]{transition:all .3s ease-out}.slide-enter-from[data-v-9db07deb],.slide-leave-to[data-v-9db07deb]{opacity:0}.slide-enter-from[data-v-9db07deb],.slide-leave-to[data-v-9db07deb]{transform:translateY(-20px)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
+
import { defineComponent as C, inject as x, computed as p, openBlock as f, createBlock as d, resolveDynamicComponent as k, normalizeProps as $, mergeProps as b, createSlots as P, withCtx as r, renderSlot as m, renderList as pe, createElementBlock as j, defineAsyncComponent as me, unref as w, ref as K, createTextVNode as R, toDisplayString as B, createVNode as y, normalizeClass as he, useModel as F, useAttrs as Z, createCommentVNode as h, reactive as be, onMounted as _e, watch as Y, onUnmounted as ke, Transition as ye, h as we } from "vue";
|
|
3
|
+
var N;
|
|
5
4
|
(function(e) {
|
|
6
5
|
e.highlight = "vpv:annotation:highlight", e.freeText = "vpv:annotation:freeText", e.signature = "vpv:annotation:signature", e.image = "vpv:annotation:image", e.underline = "vpv:annotation:underline", e.strikeout = "vpv:annotation:strikeout";
|
|
7
|
-
})(
|
|
8
|
-
var
|
|
6
|
+
})(N || (N = {}));
|
|
7
|
+
var A;
|
|
9
8
|
(function(e) {
|
|
10
9
|
e.AnnotationCreated = "vpv:annotation:created", e.AnnotationUpdated = "vpv:annotation:updated", e.AnnotationDeleted = "vpv:annotation:deleted", e.AnnotationMounted = "vpv:annotation:mounted", e.Rotate = "vpv:rotate";
|
|
11
|
-
})(
|
|
12
|
-
var
|
|
10
|
+
})(A || (A = {}));
|
|
11
|
+
var T;
|
|
13
12
|
(function(e) {
|
|
14
13
|
e.Purple = "#CAAAFF", e.Cyan = "#65EDE9", e.Red = "#FFACAC", e.Orange = "#FFBD82", e.Yellow = "#FCE244", e.Green = "#A0F751";
|
|
15
|
-
})(
|
|
14
|
+
})(T || (T = {}));
|
|
16
15
|
var _;
|
|
17
16
|
(function(e) {
|
|
18
17
|
e.Black = "#000000", e.DarkGray = "#444444", e.Gray = "#696969", e.LightGray = "#9C9C9C", e.LightestGray = "#CDCDCD", e.White = "#FFFFFF", e.Purple = "#7862FF", e.Blue = "#1777FF", e.Red = "#F66365", e.Orange = "#F67E63", e.Yellow = "#F5C463", e.Green = "#48BB77";
|
|
@@ -25,16 +24,16 @@ var ne;
|
|
|
25
24
|
(function(e) {
|
|
26
25
|
e[e.INVISIBLE = 1] = "INVISIBLE", e[e.HIDDEN = 2] = "HIDDEN", e[e.PRINT = 4] = "PRINT", e[e.NOZOOM = 8] = "NOZOOM", e[e.NOROTATE = 16] = "NOROTATE", e[e.NOVIEW = 32] = "NOVIEW", e[e.READONLY = 64] = "READONLY", e[e.LOCKED = 128] = "LOCKED", e[e.TOGGLENOVIEW = 256] = "TOGGLENOVIEW", e[e.LOCKEDCONTENTS = 512] = "LOCKEDCONTENTS";
|
|
27
26
|
})(ne || (ne = {}));
|
|
28
|
-
const
|
|
27
|
+
const Oe = {
|
|
29
28
|
ANNOTATIONS: "annotations"
|
|
30
|
-
}, G = Symbol("VPV Shared UIs"),
|
|
31
|
-
[
|
|
32
|
-
[
|
|
33
|
-
[
|
|
34
|
-
[
|
|
35
|
-
[
|
|
36
|
-
[
|
|
37
|
-
},
|
|
29
|
+
}, G = Symbol("VPV Shared UIs"), oe = Symbol("VPV Current Localization"), D = A, Ce = {
|
|
30
|
+
[T.Purple]: "Purple",
|
|
31
|
+
[T.Cyan]: "Cyan",
|
|
32
|
+
[T.Red]: "Red",
|
|
33
|
+
[T.Orange]: "Orange",
|
|
34
|
+
[T.Yellow]: "Yellow",
|
|
35
|
+
[T.Green]: "Green"
|
|
36
|
+
}, Ee = {
|
|
38
37
|
[_.Black]: "Black",
|
|
39
38
|
[_.DarkGray]: "Dark Gray",
|
|
40
39
|
[_.Gray]: "Gray",
|
|
@@ -47,7 +46,7 @@ const Ce = {
|
|
|
47
46
|
[_.Orange]: "Orange",
|
|
48
47
|
[_.Yellow]: "Yellow",
|
|
49
48
|
[_.Green]: "Green"
|
|
50
|
-
},
|
|
49
|
+
}, Ie = "pdfjs_internal_editor_", L = (e, i) => `${e}-${i}`, Te = {
|
|
51
50
|
aliceblue: "#f0f8ff",
|
|
52
51
|
antiquewhite: "#faebd7",
|
|
53
52
|
aqua: "#00ffff",
|
|
@@ -189,95 +188,95 @@ const Ce = {
|
|
|
189
188
|
whitesmoke: "#f5f5f5",
|
|
190
189
|
yellow: "#ffff00",
|
|
191
190
|
yellowgreen: "#9acd32"
|
|
192
|
-
},
|
|
191
|
+
}, ie = (e) => e.startsWith("#") || e.startsWith("0x") ? e : Te[e] || e, V = /* @__PURE__ */ C({
|
|
193
192
|
__name: "AppTooltip",
|
|
194
193
|
setup(e) {
|
|
195
|
-
const
|
|
196
|
-
return (a, s) => t.value ? (f(),
|
|
197
|
-
default:
|
|
198
|
-
|
|
194
|
+
const i = x(G), t = p(() => i?.AppTooltip);
|
|
195
|
+
return (a, s) => t.value ? (f(), d(k(t.value), $(b({ key: 0 }, a.$attrs)), P({
|
|
196
|
+
default: r(() => [
|
|
197
|
+
m(a.$slots, "default")
|
|
199
198
|
]),
|
|
200
199
|
_: 2
|
|
201
200
|
}, [
|
|
202
|
-
pe(a.$slots, (g,
|
|
203
|
-
name:
|
|
204
|
-
fn:
|
|
205
|
-
|
|
201
|
+
pe(a.$slots, (g, o) => ({
|
|
202
|
+
name: o,
|
|
203
|
+
fn: r(() => [
|
|
204
|
+
m(a.$slots, o)
|
|
206
205
|
])
|
|
207
206
|
}))
|
|
208
|
-
]), 1040)) : (f(),
|
|
209
|
-
|
|
207
|
+
]), 1040)) : (f(), j("div", $(b({ key: 1 }, a.$attrs)), [
|
|
208
|
+
m(a.$slots, "default")
|
|
210
209
|
], 16));
|
|
211
210
|
}
|
|
212
|
-
}),
|
|
211
|
+
}), q = /* @__PURE__ */ C({
|
|
213
212
|
__name: "AppButton",
|
|
214
213
|
setup(e) {
|
|
215
|
-
const
|
|
216
|
-
return (a, s) => t.value ? (f(),
|
|
217
|
-
default:
|
|
218
|
-
|
|
214
|
+
const i = x(G), t = p(() => i?.AppButton);
|
|
215
|
+
return (a, s) => t.value ? (f(), d(k(t.value), $(b({ key: 0 }, a.$attrs)), {
|
|
216
|
+
default: r(() => [
|
|
217
|
+
m(a.$slots, "default")
|
|
219
218
|
]),
|
|
220
219
|
_: 3
|
|
221
|
-
}, 16)) : (f(),
|
|
222
|
-
|
|
220
|
+
}, 16)) : (f(), j("button", $(b({ key: 1 }, a.$attrs)), [
|
|
221
|
+
m(a.$slots, "default")
|
|
223
222
|
], 16));
|
|
224
223
|
}
|
|
225
|
-
}),
|
|
226
|
-
const t = e[
|
|
224
|
+
}), $e = (e, i) => {
|
|
225
|
+
const t = e[i];
|
|
227
226
|
return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, s) => {
|
|
228
|
-
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, new Error("Unknown variable dynamic import: " +
|
|
227
|
+
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, new Error("Unknown variable dynamic import: " + i)));
|
|
229
228
|
});
|
|
230
|
-
},
|
|
229
|
+
}, Le = /* @__PURE__ */ C({
|
|
231
230
|
__name: "Icon",
|
|
232
231
|
props: {
|
|
233
232
|
name: {}
|
|
234
233
|
},
|
|
235
234
|
setup(e) {
|
|
236
|
-
const
|
|
237
|
-
loader: () =>
|
|
235
|
+
const i = e, t = me({
|
|
236
|
+
loader: () => $e(/* @__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/${i.name}.svg`)
|
|
238
237
|
});
|
|
239
|
-
return (a, s) => (f(),
|
|
238
|
+
return (a, s) => (f(), d(k(w(t)), { class: "vp-text-xl" }));
|
|
240
239
|
}
|
|
241
240
|
});
|
|
242
|
-
const J = (e,
|
|
241
|
+
const J = (e, i) => {
|
|
243
242
|
const t = e.__vccOpts || e;
|
|
244
|
-
for (const [a, s] of
|
|
243
|
+
for (const [a, s] of i)
|
|
245
244
|
t[a] = s;
|
|
246
245
|
return t;
|
|
247
|
-
},
|
|
248
|
-
const e =
|
|
249
|
-
|
|
250
|
-
|
|
246
|
+
}, z = /* @__PURE__ */ J(Le, [["__scopeId", "data-v-fbd5714e"]]), M = () => {
|
|
247
|
+
const e = x(
|
|
248
|
+
oe,
|
|
249
|
+
p(() => ({}))
|
|
251
250
|
);
|
|
252
251
|
return {
|
|
253
|
-
t:
|
|
252
|
+
t: p(() => (t) => {
|
|
254
253
|
const a = t.split(".").pop() || t;
|
|
255
254
|
return e.value && a in e.value ? e.value[a] : (console.warn(`useLocalization - Translation not found for key: ${t}`), t);
|
|
256
255
|
}).value,
|
|
257
|
-
currentLocale:
|
|
256
|
+
currentLocale: p(() => e.value)
|
|
258
257
|
};
|
|
259
|
-
},
|
|
258
|
+
}, Ne = /* @__PURE__ */ C({
|
|
260
259
|
__name: "ToolAnnotation",
|
|
261
260
|
emits: ["toggle"],
|
|
262
|
-
setup(e, { emit:
|
|
263
|
-
const { t } =
|
|
261
|
+
setup(e, { emit: i }) {
|
|
262
|
+
const { t } = M(), a = i, s = K(!1), g = () => {
|
|
264
263
|
s.value = !s.value, a("toggle", s.value);
|
|
265
264
|
};
|
|
266
|
-
return (
|
|
265
|
+
return (o, u) => o.$slots.default ? m(o.$slots, "default", {
|
|
267
266
|
key: 0,
|
|
268
267
|
onClick: g
|
|
269
|
-
}, void 0, !0) : (f(),
|
|
270
|
-
content:
|
|
268
|
+
}, void 0, !0) : (f(), d(V, { key: 1 }, {
|
|
269
|
+
content: r(() => [
|
|
271
270
|
R(B(s.value ? w(t)("annotationToggleHideTooltip") : w(t)("annotationToggleShowTooltip")), 1)
|
|
272
271
|
]),
|
|
273
|
-
default:
|
|
274
|
-
y(
|
|
272
|
+
default: r(() => [
|
|
273
|
+
y(q, {
|
|
275
274
|
"aria-label": s.value ? w(t)("annotationToggleHideTooltip") : w(t)("annotationToggleShowTooltip"),
|
|
276
|
-
class:
|
|
275
|
+
class: he(["vpv-toolbar-btn", { "vpv-toolbar-btn-active": s.value }]),
|
|
277
276
|
onClick: g
|
|
278
277
|
}, {
|
|
279
|
-
default:
|
|
280
|
-
y(
|
|
278
|
+
default: r(() => [
|
|
279
|
+
y(z, {
|
|
281
280
|
name: "annotations",
|
|
282
281
|
class: "vp-text-xl"
|
|
283
282
|
})
|
|
@@ -289,7 +288,7 @@ const J = (e, n) => {
|
|
|
289
288
|
}));
|
|
290
289
|
}
|
|
291
290
|
});
|
|
292
|
-
const
|
|
291
|
+
const Se = /* @__PURE__ */ J(Ne, [["__scopeId", "data-v-da575fac"]]), De = /* @__PURE__ */ C({
|
|
293
292
|
__name: "ToolAnnotationHighlight",
|
|
294
293
|
props: {
|
|
295
294
|
active: { type: Boolean, required: !0 },
|
|
@@ -297,21 +296,21 @@ const De = /* @__PURE__ */ J(Se, [["__scopeId", "data-v-7ffb5374"]]), Pe = /* @_
|
|
|
297
296
|
},
|
|
298
297
|
emits: ["update:active"],
|
|
299
298
|
setup(e) {
|
|
300
|
-
const
|
|
301
|
-
s.value || (
|
|
299
|
+
const i = F(e, "active"), { t } = M(), a = Z(), s = p(() => a["aria-disabled"] === !0), g = () => {
|
|
300
|
+
s.value || (i.value = !i.value);
|
|
302
301
|
};
|
|
303
|
-
return (
|
|
304
|
-
content:
|
|
302
|
+
return (o, u) => o.$slots.default ? m(o.$slots, "default", b({ key: 0 }, o.$attrs, { onClick: g })) : (f(), d(V, { key: 1 }, {
|
|
303
|
+
content: r(() => [
|
|
305
304
|
R(B(w(t)("annotationHighlightTooltip")), 1)
|
|
306
305
|
]),
|
|
307
|
-
default:
|
|
308
|
-
y(
|
|
306
|
+
default: r(() => [
|
|
307
|
+
y(q, b({
|
|
309
308
|
"aria-label": w(t)("annotationHighlightLabel"),
|
|
310
|
-
class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active":
|
|
311
|
-
},
|
|
312
|
-
default:
|
|
313
|
-
|
|
314
|
-
y(
|
|
309
|
+
class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active": i.value }]
|
|
310
|
+
}, o.$attrs, { onClick: g }), {
|
|
311
|
+
default: r(() => [
|
|
312
|
+
m(o.$slots, "icon", {}, () => [
|
|
313
|
+
y(z, { name: "tool-highlight" })
|
|
315
314
|
])
|
|
316
315
|
]),
|
|
317
316
|
_: 3
|
|
@@ -320,29 +319,29 @@ const De = /* @__PURE__ */ J(Se, [["__scopeId", "data-v-7ffb5374"]]), Pe = /* @_
|
|
|
320
319
|
_: 3
|
|
321
320
|
}));
|
|
322
321
|
}
|
|
323
|
-
}),
|
|
322
|
+
}), Pe = /* @__PURE__ */ C({
|
|
324
323
|
__name: "AppPopover",
|
|
325
324
|
setup(e) {
|
|
326
|
-
const
|
|
327
|
-
return (a, s) => t.value ? (f(),
|
|
328
|
-
trigger:
|
|
329
|
-
|
|
325
|
+
const i = x(G), t = p(() => i?.AppPopover);
|
|
326
|
+
return (a, s) => t.value ? (f(), d(k(t.value), $(b({ key: 0 }, a.$attrs)), {
|
|
327
|
+
trigger: r(() => [
|
|
328
|
+
m(a.$slots, "trigger")
|
|
330
329
|
]),
|
|
331
|
-
default:
|
|
332
|
-
|
|
330
|
+
default: r(() => [
|
|
331
|
+
m(a.$slots, "default")
|
|
333
332
|
]),
|
|
334
333
|
_: 3
|
|
335
|
-
}, 16)) : (f(),
|
|
336
|
-
|
|
334
|
+
}, 16)) : (f(), j("button", $(b({ key: 1 }, a.$attrs)), [
|
|
335
|
+
m(a.$slots, "default")
|
|
337
336
|
], 16));
|
|
338
337
|
}
|
|
339
|
-
}),
|
|
338
|
+
}), je = /* @__PURE__ */ C({
|
|
340
339
|
__name: "AppSignatures",
|
|
341
340
|
setup(e) {
|
|
342
|
-
const
|
|
343
|
-
return (a, s) => t.value ? (f(),
|
|
341
|
+
const i = x(G), t = p(() => i?.AppSignatures);
|
|
342
|
+
return (a, s) => t.value ? (f(), d(k(t.value), $(b({ key: 0 }, a.$attrs)), null, 16)) : h("", !0);
|
|
344
343
|
}
|
|
345
|
-
}),
|
|
344
|
+
}), xe = /* @__PURE__ */ C({
|
|
346
345
|
__name: "ToolAnnotationSignature",
|
|
347
346
|
props: {
|
|
348
347
|
active: { type: Boolean, required: !0 },
|
|
@@ -350,32 +349,32 @@ const De = /* @__PURE__ */ J(Se, [["__scopeId", "data-v-7ffb5374"]]), Pe = /* @_
|
|
|
350
349
|
},
|
|
351
350
|
emits: ["update:active"],
|
|
352
351
|
setup(e) {
|
|
353
|
-
const
|
|
354
|
-
g.value || (!
|
|
355
|
-
},
|
|
352
|
+
const i = F(e, "active"), { t } = M(), a = Z(), s = K(!1), g = p(() => a["aria-disabled"] === !0), o = () => {
|
|
353
|
+
g.value || (!i.value && !s.value && (s.value = !0), i.value = !i.value);
|
|
354
|
+
}, u = (c) => {
|
|
356
355
|
s.value = !1;
|
|
357
356
|
};
|
|
358
|
-
return (
|
|
357
|
+
return (c, E) => c.$slots.default ? m(c.$slots, "default", b({ key: 0 }, c.$attrs, { onClick: o })) : (f(), d(Pe, {
|
|
359
358
|
key: 1,
|
|
360
359
|
open: s.value,
|
|
361
360
|
side: "right",
|
|
362
361
|
sideOffset: 10,
|
|
363
362
|
class: "vpv-annotation-signatures__popover",
|
|
364
|
-
onInteractOutside:
|
|
363
|
+
onInteractOutside: u
|
|
365
364
|
}, {
|
|
366
|
-
trigger:
|
|
365
|
+
trigger: r(() => [
|
|
367
366
|
y(V, null, {
|
|
368
|
-
content:
|
|
367
|
+
content: r(() => [
|
|
369
368
|
R(B(w(t)("annotationSignatureTooltip")), 1)
|
|
370
369
|
]),
|
|
371
|
-
default:
|
|
372
|
-
y(
|
|
370
|
+
default: r(() => [
|
|
371
|
+
y(q, b({
|
|
373
372
|
"aria-label": w(t)("annotationSignatureLabel"),
|
|
374
|
-
class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active":
|
|
375
|
-
},
|
|
376
|
-
default:
|
|
377
|
-
|
|
378
|
-
y(
|
|
373
|
+
class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active": i.value }]
|
|
374
|
+
}, c.$attrs, { onClick: o }), {
|
|
375
|
+
default: r(() => [
|
|
376
|
+
m(c.$slots, "icon", {}, () => [
|
|
377
|
+
y(z, { name: "tool-signature" })
|
|
379
378
|
])
|
|
380
379
|
]),
|
|
381
380
|
_: 3
|
|
@@ -384,13 +383,13 @@ const De = /* @__PURE__ */ J(Se, [["__scopeId", "data-v-7ffb5374"]]), Pe = /* @_
|
|
|
384
383
|
_: 3
|
|
385
384
|
})
|
|
386
385
|
]),
|
|
387
|
-
default:
|
|
388
|
-
y(
|
|
386
|
+
default: r(() => [
|
|
387
|
+
y(je)
|
|
389
388
|
]),
|
|
390
389
|
_: 3
|
|
391
390
|
}, 8, ["open"]));
|
|
392
391
|
}
|
|
393
|
-
}),
|
|
392
|
+
}), Re = /* @__PURE__ */ C({
|
|
394
393
|
__name: "ToolAnnotationFreeText",
|
|
395
394
|
props: {
|
|
396
395
|
active: { type: Boolean, required: !0 },
|
|
@@ -398,21 +397,21 @@ const De = /* @__PURE__ */ J(Se, [["__scopeId", "data-v-7ffb5374"]]), Pe = /* @_
|
|
|
398
397
|
},
|
|
399
398
|
emits: ["update:active"],
|
|
400
399
|
setup(e) {
|
|
401
|
-
const
|
|
402
|
-
s.value || (
|
|
400
|
+
const i = F(e, "active"), { t } = M(), a = Z(), s = p(() => a["aria-disabled"] === !0), g = () => {
|
|
401
|
+
s.value || (i.value = !i.value);
|
|
403
402
|
};
|
|
404
|
-
return (
|
|
405
|
-
content:
|
|
403
|
+
return (o, u) => o.$slots.default ? m(o.$slots, "default", b({ key: 0 }, o.$attrs, { onClick: g })) : (f(), d(V, { key: 1 }, {
|
|
404
|
+
content: r(() => [
|
|
406
405
|
R(B(w(t)("annotationFreeTextTooltip")), 1)
|
|
407
406
|
]),
|
|
408
|
-
default:
|
|
409
|
-
y(
|
|
407
|
+
default: r(() => [
|
|
408
|
+
y(q, b({
|
|
410
409
|
"aria-label": w(t)("annotationFreeTextLabel"),
|
|
411
|
-
class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active":
|
|
412
|
-
},
|
|
413
|
-
default:
|
|
414
|
-
|
|
415
|
-
y(
|
|
410
|
+
class: ["vpv-toolbar-btn", { "vpv-toolbar-btn-active": i.value }]
|
|
411
|
+
}, o.$attrs, { onClick: g }), {
|
|
412
|
+
default: r(() => [
|
|
413
|
+
m(o.$slots, "icon", {}, () => [
|
|
414
|
+
y(z, { name: "tool-free-text" })
|
|
416
415
|
])
|
|
417
416
|
]),
|
|
418
417
|
_: 3
|
|
@@ -421,31 +420,31 @@ const De = /* @__PURE__ */ J(Se, [["__scopeId", "data-v-7ffb5374"]]), Pe = /* @_
|
|
|
421
420
|
_: 3
|
|
422
421
|
}));
|
|
423
422
|
}
|
|
424
|
-
}),
|
|
423
|
+
}), Be = /* @__PURE__ */ C({
|
|
425
424
|
__name: "ToolAnnotationImage",
|
|
426
425
|
emits: ["change"],
|
|
427
|
-
setup(e, { emit:
|
|
428
|
-
const { t } =
|
|
426
|
+
setup(e, { emit: i }) {
|
|
427
|
+
const { t } = M(), a = i, s = Z(), g = p(() => s["aria-disabled"] === !0), o = () => {
|
|
429
428
|
if (g.value)
|
|
430
429
|
return;
|
|
431
|
-
const
|
|
432
|
-
|
|
433
|
-
const
|
|
434
|
-
a("change",
|
|
435
|
-
},
|
|
430
|
+
const u = document.createElement("input");
|
|
431
|
+
u.type = "file", u.accept = "image/*", u.onchange = (c) => {
|
|
432
|
+
const E = c.target.files?.[0];
|
|
433
|
+
a("change", E);
|
|
434
|
+
}, u.click();
|
|
436
435
|
};
|
|
437
|
-
return (
|
|
438
|
-
content:
|
|
436
|
+
return (u, c) => u.$slots.default ? m(u.$slots, "default", b({ key: 0 }, u.$attrs, { onClick: o })) : (f(), d(V, { key: 1 }, {
|
|
437
|
+
content: r(() => [
|
|
439
438
|
R(B(w(t)("annotationImageTooltip")), 1)
|
|
440
439
|
]),
|
|
441
|
-
default:
|
|
442
|
-
y(
|
|
440
|
+
default: r(() => [
|
|
441
|
+
y(q, b({
|
|
443
442
|
"aria-label": w(t)("annotationImageLabel"),
|
|
444
443
|
class: "vpv-toolbar-btn"
|
|
445
|
-
},
|
|
446
|
-
default:
|
|
447
|
-
|
|
448
|
-
y(
|
|
444
|
+
}, u.$attrs, { onClick: o }), {
|
|
445
|
+
default: r(() => [
|
|
446
|
+
m(u.$slots, "icon", {}, () => [
|
|
447
|
+
y(z, { name: "tool-image" })
|
|
449
448
|
])
|
|
450
449
|
]),
|
|
451
450
|
_: 3
|
|
@@ -455,10 +454,10 @@ const De = /* @__PURE__ */ J(Se, [["__scopeId", "data-v-7ffb5374"]]), Pe = /* @_
|
|
|
455
454
|
}));
|
|
456
455
|
}
|
|
457
456
|
});
|
|
458
|
-
const
|
|
457
|
+
const Ge = { class: "vpv-annotation-tools-container" }, Ve = {
|
|
459
458
|
key: 0,
|
|
460
459
|
class: "vpv-annotation-tools"
|
|
461
|
-
}, qe = /* @__PURE__ */
|
|
460
|
+
}, qe = /* @__PURE__ */ C({
|
|
462
461
|
__name: "VPdfAnnotationTools",
|
|
463
462
|
props: {
|
|
464
463
|
highlight: {
|
|
@@ -495,10 +494,10 @@ const Ve = { class: "vpv-annotation-tools-container" }, Ue = {
|
|
|
495
494
|
}
|
|
496
495
|
},
|
|
497
496
|
emits: ["highlight", "freeText", "signature", "image"],
|
|
498
|
-
setup(e, { emit:
|
|
499
|
-
const t = e, a =
|
|
497
|
+
setup(e, { emit: i }) {
|
|
498
|
+
const t = e, a = i, s = K(!1), g = (n) => L(t.instanceId, n), o = {
|
|
500
499
|
highlight: new CustomEvent(
|
|
501
|
-
g(
|
|
500
|
+
g(N.highlight),
|
|
502
501
|
{
|
|
503
502
|
detail: {
|
|
504
503
|
active: !1,
|
|
@@ -507,7 +506,7 @@ const Ve = { class: "vpv-annotation-tools-container" }, Ue = {
|
|
|
507
506
|
}
|
|
508
507
|
),
|
|
509
508
|
freeText: new CustomEvent(
|
|
510
|
-
g(
|
|
509
|
+
g(N.freeText),
|
|
511
510
|
{
|
|
512
511
|
detail: {
|
|
513
512
|
active: !1,
|
|
@@ -517,156 +516,156 @@ const Ve = { class: "vpv-annotation-tools-container" }, Ue = {
|
|
|
517
516
|
}
|
|
518
517
|
),
|
|
519
518
|
signature: new CustomEvent(
|
|
520
|
-
g(
|
|
519
|
+
g(N.signature),
|
|
521
520
|
{
|
|
522
521
|
detail: { active: !1 }
|
|
523
522
|
}
|
|
524
523
|
),
|
|
525
|
-
image: new CustomEvent(g(
|
|
524
|
+
image: new CustomEvent(g(N.image), {
|
|
526
525
|
detail: { file: void 0 }
|
|
527
526
|
})
|
|
528
|
-
},
|
|
527
|
+
}, u = K(!1), c = be({
|
|
529
528
|
highlight: !1,
|
|
530
529
|
freeText: !1,
|
|
531
530
|
signature: !1
|
|
532
|
-
}),
|
|
533
|
-
get: () =>
|
|
534
|
-
set: (
|
|
535
|
-
|
|
531
|
+
}), E = p({
|
|
532
|
+
get: () => c.highlight,
|
|
533
|
+
set: (n) => {
|
|
534
|
+
c.highlight = n, n && (c.freeText = !1, c.signature = !1), H();
|
|
536
535
|
}
|
|
537
|
-
}),
|
|
538
|
-
get: () =>
|
|
539
|
-
set: (
|
|
540
|
-
|
|
536
|
+
}), U = p({
|
|
537
|
+
get: () => c.freeText,
|
|
538
|
+
set: (n) => {
|
|
539
|
+
n && (c.highlight = !1, c.signature = !1), c.freeText = n, H();
|
|
541
540
|
}
|
|
542
|
-
}), W =
|
|
543
|
-
get: () =>
|
|
544
|
-
set: (
|
|
545
|
-
|
|
541
|
+
}), W = p({
|
|
542
|
+
get: () => c.signature,
|
|
543
|
+
set: (n) => {
|
|
544
|
+
n && (c.highlight = !1, c.freeText = !1), c.signature = n, H();
|
|
546
545
|
}
|
|
547
|
-
}),
|
|
548
|
-
|
|
549
|
-
}, ue = (
|
|
550
|
-
a("highlight",
|
|
551
|
-
let v = Object.entries(
|
|
552
|
-
([l,
|
|
546
|
+
}), le = p(() => t.highlight), se = p(() => t.freeText), re = p(() => t.signature), ce = p(() => t.image), fe = (n) => {
|
|
547
|
+
u.value = n, n || (E.value = !1, U.value = !1, W.value = !1);
|
|
548
|
+
}, ue = (n) => {
|
|
549
|
+
a("highlight", n), o.highlight.detail.active = n;
|
|
550
|
+
let v = Object.entries(Ce).map(
|
|
551
|
+
([l, O]) => ({ value: l, label: O })
|
|
553
552
|
);
|
|
554
553
|
typeof t.highlight == "object" && t.highlight?.colors && (v = t.highlight.colors.map((l) => typeof l == "string" ? {
|
|
555
|
-
value:
|
|
554
|
+
value: ie(l),
|
|
556
555
|
label: l
|
|
557
|
-
} : l)),
|
|
558
|
-
},
|
|
559
|
-
a("freeText",
|
|
560
|
-
let v = Object.entries(
|
|
561
|
-
([l,
|
|
556
|
+
} : l)), o.highlight.detail.colors = v, window.dispatchEvent(o.highlight);
|
|
557
|
+
}, de = (n) => {
|
|
558
|
+
a("freeText", n), o.freeText.detail.active = n;
|
|
559
|
+
let v = Object.entries(Ee).map(
|
|
560
|
+
([l, O]) => ({ value: l, label: O })
|
|
562
561
|
);
|
|
563
562
|
typeof t.freeText == "object" && t.freeText?.fontColors && (v = t.freeText.fontColors.map(
|
|
564
563
|
(l) => typeof l == "string" ? {
|
|
565
|
-
value:
|
|
564
|
+
value: ie(l),
|
|
566
565
|
label: l
|
|
567
566
|
} : l
|
|
568
|
-
)),
|
|
569
|
-
},
|
|
570
|
-
a("signature",
|
|
571
|
-
},
|
|
572
|
-
|
|
567
|
+
)), o.freeText.detail.fontColors = v, typeof t.freeText == "object" && t.freeText?.fontSizes?.length && (o.freeText.detail.fontSizes = t.freeText.fontSizes), window.dispatchEvent(o.freeText);
|
|
568
|
+
}, ge = (n) => {
|
|
569
|
+
a("signature", n), o.signature.detail.active = n, window.dispatchEvent(o.signature);
|
|
570
|
+
}, ve = (n) => {
|
|
571
|
+
c.highlight = !1, c.freeText = !1, c.signature = !1, a("image", n), o.image.detail.file = n, window.dispatchEvent(o.image);
|
|
573
572
|
};
|
|
574
573
|
function H() {
|
|
575
|
-
ue(
|
|
574
|
+
ue(E.value), de(U.value), ge(W.value);
|
|
576
575
|
}
|
|
577
|
-
const Q =
|
|
578
|
-
|
|
576
|
+
const Q = L(t.instanceId, D.Rotate);
|
|
577
|
+
_e(() => {
|
|
579
578
|
window.dispatchEvent(
|
|
580
579
|
new CustomEvent(
|
|
581
|
-
|
|
580
|
+
L(t.instanceId, D.AnnotationMounted)
|
|
582
581
|
)
|
|
583
582
|
), window.addEventListener(Q, ee);
|
|
584
583
|
});
|
|
585
|
-
function ee(
|
|
586
|
-
const { firstPageRotation: v, rotation: l } =
|
|
584
|
+
function ee(n) {
|
|
585
|
+
const { firstPageRotation: v, rotation: l } = n.detail;
|
|
587
586
|
s.value = l !== 0;
|
|
588
587
|
}
|
|
589
|
-
|
|
590
|
-
|
|
588
|
+
Y(s, (n) => {
|
|
589
|
+
n && (c.highlight = !1, c.freeText = !1, c.signature = !1, H());
|
|
591
590
|
});
|
|
592
|
-
const
|
|
593
|
-
const { id: v, ...l } =
|
|
591
|
+
const X = (n) => {
|
|
592
|
+
const { id: v, ...l } = n;
|
|
594
593
|
return {
|
|
595
594
|
...l,
|
|
596
|
-
id: v?.startsWith(
|
|
595
|
+
id: v?.startsWith(Ie) ? null : v
|
|
597
596
|
};
|
|
598
597
|
};
|
|
599
|
-
return
|
|
598
|
+
return Y(
|
|
600
599
|
() => t.onAnnotationCreated,
|
|
601
|
-
(
|
|
602
|
-
if (!
|
|
600
|
+
(n, v, l) => {
|
|
601
|
+
if (!n)
|
|
603
602
|
return;
|
|
604
|
-
const
|
|
605
|
-
|
|
606
|
-
},
|
|
603
|
+
const O = (S) => {
|
|
604
|
+
n(X(S.detail));
|
|
605
|
+
}, I = L(
|
|
607
606
|
t.instanceId,
|
|
608
|
-
|
|
607
|
+
D.AnnotationCreated
|
|
609
608
|
);
|
|
610
|
-
window.addEventListener(
|
|
611
|
-
window.removeEventListener(
|
|
609
|
+
window.addEventListener(I, O), l(() => {
|
|
610
|
+
window.removeEventListener(I, O);
|
|
612
611
|
});
|
|
613
612
|
},
|
|
614
613
|
{ immediate: !0 }
|
|
615
|
-
),
|
|
614
|
+
), Y(
|
|
616
615
|
() => t.onAnnotationUpdated,
|
|
617
|
-
(
|
|
618
|
-
if (!
|
|
616
|
+
(n, v, l) => {
|
|
617
|
+
if (!n)
|
|
619
618
|
return;
|
|
620
|
-
const
|
|
621
|
-
|
|
622
|
-
},
|
|
619
|
+
const O = (S) => {
|
|
620
|
+
n(X(S.detail));
|
|
621
|
+
}, I = L(
|
|
623
622
|
t.instanceId,
|
|
624
|
-
|
|
623
|
+
D.AnnotationUpdated
|
|
625
624
|
);
|
|
626
|
-
window.addEventListener(
|
|
627
|
-
window.removeEventListener(
|
|
625
|
+
window.addEventListener(I, O), l(() => {
|
|
626
|
+
window.removeEventListener(I, O);
|
|
628
627
|
});
|
|
629
628
|
},
|
|
630
629
|
{ immediate: !0 }
|
|
631
|
-
),
|
|
630
|
+
), Y(
|
|
632
631
|
() => t.onAnnotationDeleted,
|
|
633
|
-
(
|
|
634
|
-
if (!
|
|
632
|
+
(n, v, l) => {
|
|
633
|
+
if (!n)
|
|
635
634
|
return;
|
|
636
|
-
const
|
|
637
|
-
|
|
638
|
-
},
|
|
635
|
+
const O = (S) => {
|
|
636
|
+
n(X(S.detail));
|
|
637
|
+
}, I = L(
|
|
639
638
|
t.instanceId,
|
|
640
|
-
|
|
639
|
+
D.AnnotationDeleted
|
|
641
640
|
);
|
|
642
|
-
window.addEventListener(
|
|
643
|
-
window.removeEventListener(
|
|
641
|
+
window.addEventListener(I, O), l(() => {
|
|
642
|
+
window.removeEventListener(I, O);
|
|
644
643
|
});
|
|
645
644
|
},
|
|
646
645
|
{ immediate: !0 }
|
|
647
|
-
),
|
|
646
|
+
), ke(() => {
|
|
648
647
|
window.removeEventListener(Q, ee);
|
|
649
|
-
}), (
|
|
650
|
-
y(
|
|
651
|
-
y(
|
|
652
|
-
default:
|
|
653
|
-
|
|
654
|
-
|
|
648
|
+
}), (n, v) => (f(), j("div", Ge, [
|
|
649
|
+
y(Se, { onToggle: fe }),
|
|
650
|
+
y(ye, { name: "slide" }, {
|
|
651
|
+
default: r(() => [
|
|
652
|
+
u.value ? (f(), j("div", Ve, [
|
|
653
|
+
le.value ? (f(), d(De, {
|
|
655
654
|
key: 0,
|
|
656
|
-
active:
|
|
657
|
-
"onUpdate:active": v[0] || (v[0] = (l) =>
|
|
655
|
+
active: E.value,
|
|
656
|
+
"onUpdate:active": v[0] || (v[0] = (l) => E.value = l),
|
|
658
657
|
"aria-disabled": s.value
|
|
659
|
-
},
|
|
658
|
+
}, P({ _: 2 }, [
|
|
660
659
|
typeof t.highlight == "object" && t.highlight.icon ? {
|
|
661
660
|
name: "icon",
|
|
662
|
-
fn:
|
|
663
|
-
typeof t.highlight == "object" && t.highlight.icon ? (f(),
|
|
661
|
+
fn: r(() => [
|
|
662
|
+
typeof t.highlight == "object" && t.highlight.icon ? (f(), d(k(t.highlight.icon), { key: 0 })) : h("", !0)
|
|
664
663
|
]),
|
|
665
664
|
key: "0"
|
|
666
665
|
} : typeof t.highlight == "object" && t.highlight.component ? {
|
|
667
666
|
name: "default",
|
|
668
|
-
fn:
|
|
669
|
-
typeof t.highlight == "object" && t.highlight.component ? (f(),
|
|
667
|
+
fn: r(({ onClick: l }) => [
|
|
668
|
+
typeof t.highlight == "object" && t.highlight.component ? (f(), d(k(t.highlight.component), {
|
|
670
669
|
key: 0,
|
|
671
670
|
onClick: l
|
|
672
671
|
}, null, 8, ["onClick"])) : h("", !0)
|
|
@@ -674,23 +673,23 @@ const Ve = { class: "vpv-annotation-tools-container" }, Ue = {
|
|
|
674
673
|
key: "1"
|
|
675
674
|
} : void 0
|
|
676
675
|
]), 1032, ["active", "aria-disabled"])) : h("", !0),
|
|
677
|
-
|
|
676
|
+
se.value ? (f(), d(Re, {
|
|
678
677
|
key: 1,
|
|
679
|
-
active:
|
|
680
|
-
"onUpdate:active": v[1] || (v[1] = (l) =>
|
|
678
|
+
active: U.value,
|
|
679
|
+
"onUpdate:active": v[1] || (v[1] = (l) => U.value = l),
|
|
681
680
|
"aria-disabled": s.value
|
|
682
|
-
},
|
|
681
|
+
}, P({ _: 2 }, [
|
|
683
682
|
typeof t.freeText == "object" && t.freeText.icon ? {
|
|
684
683
|
name: "icon",
|
|
685
|
-
fn:
|
|
686
|
-
typeof t.freeText == "object" && t.freeText.icon ? (f(),
|
|
687
|
-
typeof t.freeText == "object" && t.freeText.icon ? (f(),
|
|
684
|
+
fn: r(() => [
|
|
685
|
+
typeof t.freeText == "object" && t.freeText.icon ? (f(), d(k(t.freeText.icon), { key: 0 })) : h("", !0),
|
|
686
|
+
typeof t.freeText == "object" && t.freeText.icon ? (f(), d(k(t.freeText.icon), { key: 1 })) : h("", !0)
|
|
688
687
|
]),
|
|
689
688
|
key: "0"
|
|
690
689
|
} : typeof t.freeText == "object" && t.freeText.component ? {
|
|
691
690
|
name: "default",
|
|
692
|
-
fn:
|
|
693
|
-
typeof t.freeText == "object" && t.freeText.component ? (f(),
|
|
691
|
+
fn: r(({ onClick: l }) => [
|
|
692
|
+
typeof t.freeText == "object" && t.freeText.component ? (f(), d(k(t.freeText.component), {
|
|
694
693
|
key: 0,
|
|
695
694
|
onClick: l
|
|
696
695
|
}, null, 8, ["onClick"])) : h("", !0)
|
|
@@ -698,21 +697,21 @@ const Ve = { class: "vpv-annotation-tools-container" }, Ue = {
|
|
|
698
697
|
key: "1"
|
|
699
698
|
} : void 0
|
|
700
699
|
]), 1032, ["active", "aria-disabled"])) : h("", !0),
|
|
701
|
-
|
|
700
|
+
ce.value ? (f(), d(Be, {
|
|
702
701
|
key: 2,
|
|
703
|
-
onChange:
|
|
702
|
+
onChange: ve,
|
|
704
703
|
"aria-disabled": s.value
|
|
705
|
-
},
|
|
704
|
+
}, P({ _: 2 }, [
|
|
706
705
|
typeof t.image == "object" && t.image ? {
|
|
707
706
|
name: "icon",
|
|
708
|
-
fn:
|
|
709
|
-
typeof t.image == "object" && t.image.icon ? (f(),
|
|
707
|
+
fn: r(() => [
|
|
708
|
+
typeof t.image == "object" && t.image.icon ? (f(), d(k(t.image.icon), { key: 0 })) : h("", !0)
|
|
710
709
|
]),
|
|
711
710
|
key: "0"
|
|
712
711
|
} : typeof t.image == "object" && t.image.component ? {
|
|
713
712
|
name: "default",
|
|
714
|
-
fn:
|
|
715
|
-
typeof t.image == "object" && t.image.component ? (f(),
|
|
713
|
+
fn: r(({ onClick: l }) => [
|
|
714
|
+
typeof t.image == "object" && t.image.component ? (f(), d(k(t.image.component), {
|
|
716
715
|
key: 0,
|
|
717
716
|
onClick: l
|
|
718
717
|
}, null, 8, ["onClick"])) : h("", !0)
|
|
@@ -720,22 +719,22 @@ const Ve = { class: "vpv-annotation-tools-container" }, Ue = {
|
|
|
720
719
|
key: "1"
|
|
721
720
|
} : void 0
|
|
722
721
|
]), 1032, ["aria-disabled"])) : h("", !0),
|
|
723
|
-
|
|
722
|
+
re.value ? (f(), d(xe, {
|
|
724
723
|
key: 3,
|
|
725
724
|
active: W.value,
|
|
726
725
|
"onUpdate:active": v[2] || (v[2] = (l) => W.value = l),
|
|
727
726
|
"aria-disabled": s.value
|
|
728
|
-
},
|
|
727
|
+
}, P({ _: 2 }, [
|
|
729
728
|
typeof t.signature == "object" && t.signature.icon ? {
|
|
730
729
|
name: "icon",
|
|
731
|
-
fn:
|
|
732
|
-
typeof t.signature == "object" && t.signature.icon ? (f(),
|
|
730
|
+
fn: r(() => [
|
|
731
|
+
typeof t.signature == "object" && t.signature.icon ? (f(), d(k(t.signature.icon), { key: 0 })) : h("", !0)
|
|
733
732
|
]),
|
|
734
733
|
key: "0"
|
|
735
734
|
} : typeof t.signature == "object" && t.signature.component ? {
|
|
736
735
|
name: "default",
|
|
737
|
-
fn:
|
|
738
|
-
typeof t.signature == "object" && t.signature.component ? (f(),
|
|
736
|
+
fn: r(({ onClick: l }) => [
|
|
737
|
+
typeof t.signature == "object" && t.signature.component ? (f(), d(k(t.signature.component), {
|
|
739
738
|
key: 0,
|
|
740
739
|
onClick: l
|
|
741
740
|
}, null, 8, ["onClick"])) : h("", !0)
|
|
@@ -750,57 +749,33 @@ const Ve = { class: "vpv-annotation-tools-container" }, Ue = {
|
|
|
750
749
|
]));
|
|
751
750
|
}
|
|
752
751
|
});
|
|
753
|
-
const ze = /* @__PURE__ */ J(qe, [["__scopeId", "data-v-
|
|
754
|
-
const
|
|
755
|
-
return {
|
|
756
|
-
emitAnnotationCreated: (n) => {
|
|
757
|
-
const t = I(e, L.AnnotationCreated);
|
|
758
|
-
console.log("[AnnotationCreated Emitted] to ", t);
|
|
759
|
-
const a = new CustomEvent(t, { detail: n });
|
|
760
|
-
window.dispatchEvent(a);
|
|
761
|
-
},
|
|
762
|
-
emitAnnotationUpdated: (n) => {
|
|
763
|
-
const t = I(e, L.AnnotationUpdated);
|
|
764
|
-
console.log("[AnnotationUpdated Emitted] to ", t);
|
|
765
|
-
const a = new CustomEvent(t, { detail: n });
|
|
766
|
-
window.dispatchEvent(a);
|
|
767
|
-
},
|
|
768
|
-
emitAnnotationDeleted: (n) => {
|
|
769
|
-
const t = I(e, L.AnnotationDeleted);
|
|
770
|
-
console.log("[AnnotationDeleted Emitted] to ", t);
|
|
771
|
-
const a = new CustomEvent(t, { detail: n });
|
|
772
|
-
window.dispatchEvent(a);
|
|
773
|
-
}
|
|
774
|
-
};
|
|
775
|
-
}, He = (e = {}) => {
|
|
776
|
-
const { highlight: n, freeText: t, image: a, ...s } = e;
|
|
752
|
+
const ze = /* @__PURE__ */ J(qe, [["__scopeId", "data-v-9db07deb"]]), Ue = (e = {}) => {
|
|
753
|
+
const { highlight: i, freeText: t, image: a, ...s } = e;
|
|
777
754
|
return {
|
|
778
755
|
name: "annotation",
|
|
779
756
|
setup(g) {
|
|
780
|
-
const { componentInstance:
|
|
757
|
+
const { componentInstance: o, shared: u } = g, c = o?.uid ?? 0;
|
|
781
758
|
g.toolbar.addItem({
|
|
782
|
-
id:
|
|
759
|
+
id: Oe.ANNOTATIONS,
|
|
783
760
|
toolbarDirection: "left",
|
|
784
|
-
component:
|
|
785
|
-
highlight:
|
|
761
|
+
component: we(ze, {
|
|
762
|
+
highlight: i,
|
|
786
763
|
freeText: t,
|
|
787
764
|
image: a,
|
|
788
|
-
instanceId:
|
|
765
|
+
instanceId: c,
|
|
789
766
|
...s
|
|
790
767
|
})
|
|
791
768
|
});
|
|
792
|
-
const
|
|
793
|
-
|
|
769
|
+
const E = o?.appContext.app;
|
|
770
|
+
u.ui ? E.provide(G, u.ui) : console.warn(
|
|
794
771
|
"VPdfAnnotationPlugin - No UI context found in plugin context"
|
|
795
|
-
),
|
|
772
|
+
), u.localization?.value ? E.provide(oe, u.localization) : console.warn(
|
|
796
773
|
"VPdfAnnotationPlugin - No localization found in plugin context"
|
|
797
774
|
);
|
|
798
775
|
}
|
|
799
776
|
};
|
|
800
777
|
};
|
|
801
778
|
export {
|
|
802
|
-
ie as SYMBOL_INSTANCE_ID,
|
|
803
779
|
ze as VPdfAnnotationTools,
|
|
804
|
-
|
|
805
|
-
We as useAnnotationEvents
|
|
780
|
+
Ue as default
|
|
806
781
|
};
|
package/dist/index.umd.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var
|
|
2
|
-
(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u["@vue-pdf-viewer/annotation"]={},u.Vue))})(this,function(u,e){"use strict";const P=Symbol("instanceId");var C;(function(t){t.highlight="vpv:annotation:highlight",t.freeText="vpv:annotation:freeText",t.signature="vpv:annotation:signature",t.image="vpv:annotation:image",t.underline="vpv:annotation:underline",t.strikeout="vpv:annotation:strikeout"})(C||(C={}));var $;(function(t){t.AnnotationCreated="vpv:annotation:created",t.AnnotationUpdated="vpv:annotation:updated",t.AnnotationDeleted="vpv:annotation:deleted",t.AnnotationMounted="vpv:annotation:mounted",t.Rotate="vpv:rotate"})($||($={}));var k;(function(t){t.Purple="#CAAAFF",t.Cyan="#65EDE9",t.Red="#FFACAC",t.Orange="#FFBD82",t.Yellow="#FCE244",t.Green="#A0F751"})(k||(k={}));var p;(function(t){t.Black="#000000",t.DarkGray="#444444",t.Gray="#696969",t.LightGray="#9C9C9C",t.LightestGray="#CDCDCD",t.White="#FFFFFF",t.Purple="#7862FF",t.Blue="#1777FF",t.Red="#F66365",t.Orange="#F67E63",t.Yellow="#F5C463",t.Green="#48BB77"})(p||(p={}));var L;(function(t){t[t.Text=1]="Text",t[t.Link=2]="Link",t[t.FreeText=3]="FreeText",t[t.Line=4]="Line",t[t.Square=5]="Square",t[t.Circle=6]="Circle",t[t.Polygon=7]="Polygon",t[t.Polyline=8]="Polyline",t[t.Highlight=9]="Highlight",t[t.Underline=10]="Underline",t[t.Squiggly=11]="Squiggly",t[t.StrikeOut=12]="StrikeOut",t[t.Stamp=13]="Stamp",t[t.Caret=14]="Caret",t[t.Ink=15]="Ink",t[t.Popup=16]="Popup",t[t.FileAttachment=17]="FileAttachment",t[t.Sound=18]="Sound",t[t.Movie=19]="Movie",t[t.Widget=20]="Widget",t[t.Screen=21]="Screen",t[t.PrinterMark=22]="PrinterMark",t[t.TrapNet=23]="TrapNet",t[t.Watermark=24]="Watermark",t[t.ThreeD=25]="ThreeD",t[t.Redact=26]="Redact"})(L||(L={}));var j;(function(t){t[t.INVISIBLE=1]="INVISIBLE",t[t.HIDDEN=2]="HIDDEN",t[t.PRINT=4]="PRINT",t[t.NOZOOM=8]="NOZOOM",t[t.NOROTATE=16]="NOROTATE",t[t.NOVIEW=32]="NOVIEW",t[t.READONLY=64]="READONLY",t[t.LOCKED=128]="LOCKED",t[t.TOGGLENOVIEW=256]="TOGGLENOVIEW",t[t.LOCKEDCONTENTS=512]="LOCKEDCONTENTS"})(j||(j={}));const F={ANNOTATIONS:"annotations"},y=Symbol("VPV Shared UIs"),v=Symbol("VPV Current Localization"),_=$,Z={[k.Purple]:"Purple",[k.Cyan]:"Cyan",[k.Red]:"Red",[k.Orange]:"Orange",[k.Yellow]:"Yellow",[k.Green]:"Green"},X={[p.Black]:"Black",[p.DarkGray]:"Dark Gray",[p.Gray]:"Gray",[p.LightGray]:"Light Gray",[p.LightestGray]:"Lightest Gray",[p.White]:"White",[p.Purple]:"Purple",[p.Blue]:"Blue",[p.Red]:"Red",[p.Orange]:"Orange",[p.Yellow]:"Yellow",[p.Green]:"Green"},J="pdfjs_internal_editor_",b=(t,n)=>`${t}-${n}`,Q={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4","indianred ":"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},M=t=>t.startsWith("#")||t.startsWith("0x")?t:Q[t]||t,B=e.defineComponent({__name:"AppTooltip",setup(t){const n=e.inject(y),o=e.computed(()=>n?.AppTooltip);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:2},[e.renderList(a.$slots,(f,l)=>({name:l,fn:e.withCtx(()=>[e.renderSlot(a.$slots,l)])}))]),1040)):(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),E=e.defineComponent({__name:"AppButton",setup(t){const n=e.inject(y),o=e.computed(()=>n?.AppButton);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),ee=(t,n)=>{const o=t[n];return o?typeof o=="function"?o():Promise.resolve(o):new Promise((a,s)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(s.bind(null,new Error("Unknown variable dynamic import: "+n)))})},te=e.defineComponent({__name:"Icon",props:{name:{}},setup(t){const n=t,o=e.defineAsyncComponent({loader:()=>ee(Object.assign({"../assets/icons/annotations.svg":()=>Promise.resolve().then(()=>ue),"../assets/icons/tool-comment.svg":()=>Promise.resolve().then(()=>ke),"../assets/icons/tool-free-text.svg":()=>Promise.resolve().then(()=>we),"../assets/icons/tool-highlight.svg":()=>Promise.resolve().then(()=>ye),"../assets/icons/tool-image.svg":()=>Promise.resolve().then(()=>Ee),"../assets/icons/tool-signature.svg":()=>Promise.resolve().then(()=>Se)}),`../assets/icons/${n.name}.svg`)});return(a,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o)),{class:"vp-text-xl"}))}}),je="",I=(t,n)=>{const o=t.__vccOpts||t;for(const[a,s]of n)o[a]=s;return o},N=I(te,[["__scopeId","data-v-c6e40782"]]),S=()=>{const t=e.inject(v,e.computed(()=>({})));return{t:e.computed(()=>o=>{const a=o.split(".").pop()||o;return t.value&&a in t.value?t.value[a]:(console.warn(`useLocalization - Translation not found for key: ${o}`),o)}).value,currentLocale:e.computed(()=>t.value)}},oe=e.defineComponent({__name:"ToolAnnotation",emits:["toggle"],setup(t,{emit:n}){const{t:o}=S(),a=n,s=e.ref(!1),f=()=>{s.value=!s.value,a("toggle",s.value)};return(l,d)=>l.$slots.default?e.renderSlot(l.$slots,"default",{key:0,onClick:f},void 0,!0):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?e.unref(o)("annotationToggleHideTooltip"):e.unref(o)("annotationToggleShowTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(E,{"aria-label":s.value?e.unref(o)("annotationToggleHideTooltip"):e.unref(o)("annotationToggleShowTooltip"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":s.value}]),onClick:f},{default:e.withCtx(()=>[e.createVNode(N,{name:"annotations",class:"vp-text-xl"})]),_:1},8,["aria-label","class"])]),_:1}))}}),ve="",ne=I(oe,[["__scopeId","data-v-7ffb5374"]]),ae=e.defineComponent({__name:"ToolAnnotationHighlight",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(t){const n=e.useModel(t,"active"),{t:o}=S(),a=e.useAttrs(),s=e.computed(()=>a["aria-disabled"]===!0),f=()=>{s.value||(n.value=!n.value)};return(l,d)=>l.$slots.default?e.renderSlot(l.$slots,"default",e.mergeProps({key:0},l.$attrs,{onClick:f})):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationHighlightTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(E,e.mergeProps({"aria-label":e.unref(o)("annotationHighlightLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},l.$attrs,{onClick:f}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(N,{name:"tool-highlight"})])]),_:3},16,["aria-label","class"])]),_:3}))}}),re=e.defineComponent({__name:"AppPopover",setup(t){const n=e.inject(y),o=e.computed(()=>n?.AppPopover);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),{trigger:e.withCtx(()=>[e.renderSlot(a.$slots,"trigger")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),le=e.defineComponent({__name:"AppSignatures",setup(t){const n=e.inject(y),o=e.computed(()=>n?.AppSignatures);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),null,16)):e.createCommentVNode("",!0)}}),ie=e.defineComponent({__name:"ToolAnnotationSignature",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(t){const n=e.useModel(t,"active"),{t:o}=S(),a=e.useAttrs(),s=e.ref(!1),f=e.computed(()=>a["aria-disabled"]===!0),l=()=>{f.value||(!n.value&&!s.value&&(s.value=!0),n.value=!n.value)},d=c=>{s.value=!1};return(c,h)=>c.$slots.default?e.renderSlot(c.$slots,"default",e.mergeProps({key:0},c.$attrs,{onClick:l})):(e.openBlock(),e.createBlock(re,{key:1,open:s.value,side:"right",sideOffset:10,class:"vpv-annotation-signatures__popover",onInteractOutside:d},{trigger:e.withCtx(()=>[e.createVNode(B,null,{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationSignatureTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(E,e.mergeProps({"aria-label":e.unref(o)("annotationSignatureLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},c.$attrs,{onClick:l}),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"icon",{},()=>[e.createVNode(N,{name:"tool-signature"})])]),_:3},16,["aria-label","class"])]),_:3})]),default:e.withCtx(()=>[e.createVNode(le)]),_:3},8,["open"]))}}),se=e.defineComponent({__name:"ToolAnnotationFreeText",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(t){const n=e.useModel(t,"active"),{t:o}=S(),a=e.useAttrs(),s=e.computed(()=>a["aria-disabled"]===!0),f=()=>{s.value||(n.value=!n.value)};return(l,d)=>l.$slots.default?e.renderSlot(l.$slots,"default",e.mergeProps({key:0},l.$attrs,{onClick:f})):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationFreeTextTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(E,e.mergeProps({"aria-label":e.unref(o)("annotationFreeTextLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},l.$attrs,{onClick:f}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(N,{name:"tool-free-text"})])]),_:3},16,["aria-label","class"])]),_:3}))}}),ce=e.defineComponent({__name:"ToolAnnotationImage",emits:["change"],setup(t,{emit:n}){const{t:o}=S(),a=n,s=e.useAttrs(),f=e.computed(()=>s["aria-disabled"]===!0),l=()=>{if(f.value)return;const d=document.createElement("input");d.type="file",d.accept="image/*",d.onchange=c=>{const h=c.target.files?.[0];a("change",h)},d.click()};return(d,c)=>d.$slots.default?e.renderSlot(d.$slots,"default",e.mergeProps({key:0},d.$attrs,{onClick:l})):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationImageTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(E,e.mergeProps({"aria-label":e.unref(o)("annotationImageLabel"),class:"vpv-toolbar-btn"},d.$attrs,{onClick:l}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"icon",{},()=>[e.createVNode(N,{name:"tool-image"})])]),_:3},16,["aria-label"])]),_:3}))}}),Me="",de={class:"vpv-annotation-tools-container"},fe={key:0,class:"vpv-annotation-tools"},me=e.defineComponent({__name:"VPdfAnnotationTools",props:{highlight:{type:[Object,Boolean],default:()=>!0},freeText:{type:[Object,Boolean],default:()=>!0},signature:{type:[Object,Boolean],default:()=>!1},image:{type:[Object,Boolean],default:()=>!0},instanceId:{type:Number,required:!0},onAnnotationCreated:{type:Function,default:void 0},onAnnotationUpdated:{type:Function,default:void 0},onAnnotationDeleted:{type:Function,default:void 0}},emits:["highlight","freeText","signature","image"],setup(t,{emit:n}){const o=t,a=n,s=e.ref(!1),f=r=>b(o.instanceId,r),l={highlight:new CustomEvent(f(C.highlight),{detail:{active:!1,colors:null}}),freeText:new CustomEvent(f(C.freeText),{detail:{active:!1,fontColors:null,fontSizes:null}}),signature:new CustomEvent(f(C.signature),{detail:{active:!1}}),image:new CustomEvent(f(C.image),{detail:{file:void 0}})},d=e.ref(!1),c=e.reactive({highlight:!1,freeText:!1,signature:!1}),h=e.computed({get:()=>c.highlight,set:r=>{c.highlight=r,r&&(c.freeText=!1,c.signature=!1),T()}}),O=e.computed({get:()=>c.freeText,set:r=>{r&&(c.highlight=!1,c.signature=!1),c.freeText=r,T()}}),V=e.computed({get:()=>c.signature,set:r=>{r&&(c.highlight=!1,c.freeText=!1),c.signature=r,T()}}),xe=e.computed(()=>o.highlight),Oe=e.computed(()=>o.freeText),Ve=e.computed(()=>o.signature),Te=e.computed(()=>o.image),Pe=r=>{d.value=r,r||(h.value=!1,O.value=!1,V.value=!1)},$e=r=>{a("highlight",r),l.highlight.detail.active=r;let m=Object.entries(Z).map(([i,g])=>({value:i,label:g}));typeof o.highlight=="object"&&o.highlight?.colors&&(m=o.highlight.colors.map(i=>typeof i=="string"?{value:M(i),label:i}:i)),l.highlight.detail.colors=m,window.dispatchEvent(l.highlight)},Ie=r=>{a("freeText",r),l.freeText.detail.active=r;let m=Object.entries(X).map(([i,g])=>({value:i,label:g}));typeof o.freeText=="object"&&o.freeText?.fontColors&&(m=o.freeText.fontColors.map(i=>typeof i=="string"?{value:M(i),label:i}:i)),l.freeText.detail.fontColors=m,typeof o.freeText=="object"&&o.freeText?.fontSizes?.length&&(l.freeText.detail.fontSizes=o.freeText.fontSizes),window.dispatchEvent(l.freeText)},De=r=>{a("signature",r),l.signature.detail.active=r,window.dispatchEvent(l.signature)},Le=r=>{c.highlight=!1,c.freeText=!1,c.signature=!1,a("image",r),l.image.detail.file=r,window.dispatchEvent(l.image)};function T(){$e(h.value),Ie(O.value),De(V.value)}const W=b(o.instanceId,_.Rotate);e.onMounted(()=>{window.dispatchEvent(new CustomEvent(b(o.instanceId,_.AnnotationMounted))),window.addEventListener(W,Y)});function Y(r){const{firstPageRotation:m,rotation:i}=r.detail;s.value=i!==0}e.watch(s,r=>{r&&(c.highlight=!1,c.freeText=!1,c.signature=!1,T())});const D=r=>{const{id:m,...i}=r;return{...i,id:m?.startsWith(J)?null:m}};return e.watch(()=>o.onAnnotationCreated,(r,m,i)=>{if(!r)return;const g=x=>{r(D(x.detail))},w=b(o.instanceId,_.AnnotationCreated);window.addEventListener(w,g),i(()=>{window.removeEventListener(w,g)})},{immediate:!0}),e.watch(()=>o.onAnnotationUpdated,(r,m,i)=>{if(!r)return;const g=x=>{r(D(x.detail))},w=b(o.instanceId,_.AnnotationUpdated);window.addEventListener(w,g),i(()=>{window.removeEventListener(w,g)})},{immediate:!0}),e.watch(()=>o.onAnnotationDeleted,(r,m,i)=>{if(!r)return;const g=x=>{r(D(x.detail))},w=b(o.instanceId,_.AnnotationDeleted);window.addEventListener(w,g),i(()=>{window.removeEventListener(w,g)})},{immediate:!0}),e.onUnmounted(()=>{window.removeEventListener(W,Y)}),(r,m)=>(e.openBlock(),e.createElementBlock("div",de,[e.createVNode(ne,{onToggle:Pe}),e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",fe,[xe.value?(e.openBlock(),e.createBlock(ae,{key:0,active:h.value,"onUpdate:active":m[0]||(m[0]=i=>h.value=i),"aria-disabled":s.value},e.createSlots({_:2},[typeof o.highlight=="object"&&o.highlight.icon?{name:"icon",fn:e.withCtx(()=>[typeof o.highlight=="object"&&o.highlight.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.highlight.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.highlight=="object"&&o.highlight.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.highlight=="object"&&o.highlight.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.highlight.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0),Oe.value?(e.openBlock(),e.createBlock(se,{key:1,active:O.value,"onUpdate:active":m[1]||(m[1]=i=>O.value=i),"aria-disabled":s.value},e.createSlots({_:2},[typeof o.freeText=="object"&&o.freeText.icon?{name:"icon",fn:e.withCtx(()=>[typeof o.freeText=="object"&&o.freeText.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.freeText.icon),{key:0})):e.createCommentVNode("",!0),typeof o.freeText=="object"&&o.freeText.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.freeText.icon),{key:1})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.freeText=="object"&&o.freeText.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.freeText=="object"&&o.freeText.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.freeText.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0),Te.value?(e.openBlock(),e.createBlock(ce,{key:2,onChange:Le,"aria-disabled":s.value},e.createSlots({_:2},[typeof o.image=="object"&&o.image?{name:"icon",fn:e.withCtx(()=>[typeof o.image=="object"&&o.image.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.image.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.image=="object"&&o.image.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.image=="object"&&o.image.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.image.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["aria-disabled"])):e.createCommentVNode("",!0),Ve.value?(e.openBlock(),e.createBlock(ie,{key:3,active:V.value,"onUpdate:active":m[2]||(m[2]=i=>V.value=i),"aria-disabled":s.value},e.createSlots({_:2},[typeof o.signature=="object"&&o.signature.icon?{name:"icon",fn:e.withCtx(()=>[typeof o.signature=="object"&&o.signature.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.signature.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.signature=="object"&&o.signature.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.signature=="object"&&o.signature.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.signature.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1})]))}}),ze="",z=I(me,[["__scopeId","data-v-f0bb4566"]]),pe=()=>{const t=e.inject(P);return{emitAnnotationCreated:n=>{const o=b(t,_.AnnotationCreated);console.log("[AnnotationCreated Emitted] to ",o);const a=new CustomEvent(o,{detail:n});window.dispatchEvent(a)},emitAnnotationUpdated:n=>{const o=b(t,_.AnnotationUpdated);console.log("[AnnotationUpdated Emitted] to ",o);const a=new CustomEvent(o,{detail:n});window.dispatchEvent(a)},emitAnnotationDeleted:n=>{const o=b(t,_.AnnotationDeleted);console.log("[AnnotationDeleted Emitted] to ",o);const a=new CustomEvent(o,{detail:n});window.dispatchEvent(a)}}},ge=(t={})=>{const{highlight:n,freeText:o,image:a,...s}=t;return{name:"annotation",setup(f){const{componentInstance:l,shared:d}=f,c=l?.uid??0;f.toolbar.addItem({id:F.ANNOTATIONS,toolbarDirection:"left",component:e.h(z,{highlight:n,freeText:o,image:a,instanceId:c,...s})});const h=l?.appContext.app;h.provide(P,c),d.ui?h.provide(y,d.ui):console.warn("VPdfAnnotationPlugin - No UI context found in plugin context"),d.localization?.value?h.provide(v,d.localization):console.warn("VPdfAnnotationPlugin - No localization found in plugin context")}}},he={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function R(t,n){return e.openBlock(),e.createElementBlock("svg",he,[...n[0]||(n[0]=[e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.25",d:"M10 18.334a8.333 8.333 0 1 0 0-16.667 8.333 8.333 0 0 0 0 16.667"},null,-1),e.createElementVNode("path",{stroke:"currentColor","stroke-linejoin":"round","stroke-width":"1.25",d:"m5.417 17.084 1.171-4.394c.238-.892.357-1.338.694-1.597s.798-.259 1.722-.259h1.992c.923 0 1.385 0 1.722.259.337.258.456.705.693 1.597l1.172 4.394"},null,-1),e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.25",d:"M7.917 10.834 9.23 7.8c.327-.756.491-1.134.769-1.134s.441.378.77 1.134l1.313 3.033"},null,-1)])])}const ue=Object.freeze(Object.defineProperty({__proto__:null,render:R,default:{render:R}},Symbol.toStringTag,{value:"Module"})),be={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function G(t,n){return e.openBlock(),e.createElementBlock("svg",be,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M18.125 9.688a7.82 7.82 0 0 1-7.812 7.812H3.75a1.25 1.25 0 0 1-1.25-1.25V9.688a7.812 7.812 0 0 1 15.625 0m-1.25 0a6.563 6.563 0 0 0-13.125 0v6.562h6.563a6.57 6.57 0 0 0 6.562-6.562"},null,-1),e.createElementVNode("path",{fill:"currentColor",d:"M12.5 10a.624.624 0 0 1-.625.625h-1.25v1.25a.624.624 0 1 1-1.25 0v-1.25h-1.25a.625.625 0 1 1 0-1.25h1.25v-1.25a.625.625 0 0 1 1.25 0v1.25h1.25A.625.625 0 0 1 12.5 10"},null,-1)])])}const ke=Object.freeze(Object.defineProperty({__proto__:null,render:G,default:{render:G}},Symbol.toStringTag,{value:"Module"})),_e={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function H(t,n){return e.openBlock(),e.createElementBlock("svg",_e,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M11.458 13.75a.624.624 0 1 0 0-1.25h-.625v-5h2.5v.625a.625.625 0 0 0 1.25 0v-1.25a.625.625 0 0 0-.625-.625h-7.5a.625.625 0 0 0-.625.625v1.25a.625.625 0 0 0 1.25 0V7.5h2.5v5h-.625a.625.625 0 1 0 0 1.25z"},null,-1),e.createElementVNode("path",{fill:"currentColor","fill-rule":"evenodd",d:"M3.125 3.75c0-.115.093-.208.208-.208h13.334c.115 0 .208.093.208.208v2.917a.625.625 0 1 0 1.25 0V3.75c0-.805-.653-1.458-1.458-1.458H3.333c-.805 0-1.458.653-1.458 1.458v3.334a.625.625 0 1 0 1.25 0zm0 12.5c0 .115.093.209.208.209h13.334a.21.21 0 0 0 .208-.209v-2.916a.625.625 0 1 1 1.25 0v2.916c0 .806-.653 1.459-1.458 1.459H3.333a1.46 1.46 0 0 1-1.458-1.459v-3.333a.625.625 0 1 1 1.25 0zM2.5 8.542c.345 0 .625.28.625.625v1.667a.625.625 0 0 1-1.25 0V9.167c0-.345.28-.625.625-.625m15.625.625a.625.625 0 1 0-1.25 0v1.667a.625.625 0 0 0 1.25 0z","clip-rule":"evenodd"},null,-1)])])}const we=Object.freeze(Object.defineProperty({__proto__:null,render:H,default:{render:H}},Symbol.toStringTag,{value:"Module"})),Ce={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function q(t,n){return e.openBlock(),e.createElementBlock("svg",Ce,[...n[0]||(n[0]=[e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{fill:"currentColor",d:"M19.818 8.308a.625.625 0 0 0-.885 0L15 12.242 8.384 5.625l3.934-3.932a.626.626 0 0 0-.885-.885L7.5 4.742a1.25 1.25 0 0 0-.22 1.47L5.625 7.866a1.25 1.25 0 0 0 0 1.767l.367.366-4.559 4.558a.625.625 0 0 0 .245 1.035l5.625 1.875a.62.62 0 0 0 .437-.015.6.6 0 0 0 .203-.136l2.682-2.683.367.366a1.25 1.25 0 0 0 1.767 0l1.656-1.654a1.25 1.25 0 0 0 1.469-.22l3.934-3.933a.626.626 0 0 0 0-.885M7.332 16.16l-4.297-1.433 3.84-3.843 2.867 2.866zm4.543-2.043L6.51 8.75l1.616-1.616 5.367 5.366z"})],-1),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("path",{fill:"currentColor",d:"M0 0h20v20H0z"})])],-1)])])}const ye=Object.freeze(Object.defineProperty({__proto__:null,render:q,default:{render:q}},Symbol.toStringTag,{value:"Module"})),Be={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function U(t,n){return e.openBlock(),e.createElementBlock("svg",Be,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M16.875 3.125H3.125a1.25 1.25 0 0 0-1.25 1.25v11.25a1.25 1.25 0 0 0 1.25 1.25h13.75a1.25 1.25 0 0 0 1.25-1.25V4.375a1.25 1.25 0 0 0-1.25-1.25m0 1.25v8.027l-2.037-2.036a1.25 1.25 0 0 0-1.768 0l-1.562 1.563L8.07 8.49a1.25 1.25 0 0 0-1.767 0L3.125 11.67V4.376zm-13.75 9.063 4.063-4.063 6.25 6.25H3.124zm13.75 2.187h-1.67l-2.812-2.812 1.563-1.563 2.919 2.92zM11.25 7.813a.938.938 0 1 1 1.875 0 .938.938 0 0 1-1.875 0"},null,-1)])])}const Ee=Object.freeze(Object.defineProperty({__proto__:null,render:U,default:{render:U}},Symbol.toStringTag,{value:"Module"})),Ne={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function A(t,n){return e.openBlock(),e.createElementBlock("svg",Ne,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M18.125 13.125H4.99q.313-.615.625-1.259c1.172.13 2.546-.685 4.114-2.432.391 1.051 1.13 2.416 2.39 2.441.707.014 1.414-.406 2.142-1.279.53.634 1.623 1.279 3.865 1.279a.625.625 0 1 0 0-1.25c-2.377 0-3.08-.816-3.125-1.259a.6.6 0 0 0-.426-.605.636.636 0 0 0-.723.273c-.943 1.448-1.514 1.596-1.713 1.591-.645-.012-1.301-1.525-1.526-2.61a.625.625 0 0 0-1.1-.264c-1.579 1.98-2.637 2.646-3.295 2.818.663-1.474 1.158-2.768 1.475-3.858.533-1.831.572-3.112.118-3.914-.234-.42-.73-.922-1.723-.922-1.255 0-2.245 1.186-2.716 3.254-.28 1.227-.327 2.594-.127 3.75.2 1.155.615 1.996 1.218 2.495a72 72 0 0 1-.877 1.751h-1.71a.625.625 0 1 0 0 1.25h1.048c-.884 1.64-1.572 2.784-1.583 2.803a.625.625 0 1 0 1.071.644c.012-.02.88-1.468 1.93-3.447h13.784a.625.625 0 1 0 0-1.25M4.59 5.407c.311-1.365.914-2.282 1.498-2.282.416 0 .555.145.635.287.235.416.51 1.89-1.692 6.749-.645-.881-.865-2.895-.44-4.754"},null,-1)])])}const Se=Object.freeze(Object.defineProperty({__proto__:null,render:A,default:{render:A}},Symbol.toStringTag,{value:"Module"}));u.SYMBOL_INSTANCE_ID=P,u.VPdfAnnotationTools=z,u.default=ge,u.useAnnotationEvents=pe,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.vp-text-xl[data-v-fbd5714e]{font-size:1.25rem;line-height:1.75rem}.vpv-toolbar-btn.vpv-toolbar-btn-active[data-v-da575fac],.vpv-toolbar-btn[data-v-da575fac]:hover{background-color:var(--vpv-primary-color);color:#fff}.vpv-annotation-editor-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.vpv-annotation-editor-layer *{pointer-events:auto}.vpv-annotation-editor-layer .vpv-annotation-editor{z-index:calc(var(--vpv-base-z-index) * 4)}.vpv-annotation-editor-layer.highlight-mode{cursor:text}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor{pointer-events:none}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path{cursor:pointer;position:absolute;inset:0;pointer-events:auto}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight{pointer-events:none}.vpv-annotation-editor-layer:not(.highlight-mode) .vpv-annotation-editor.vpv-annotation-editor__highlight .vpv-annotation-editor__clip-path{pointer-events:none}.vpv-annotation-editor-layer.freetext-mode>:not(.vpv-annotation-editor__free-text){user-select:none;pointer-events:none}.vpv-annotation-editor-layer:not(.freetext-mode) .vpv-annotation-editor__free-text{pointer-events:none}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text{position:absolute;user-select:none;padding:calc(var(--vpv-annotation-free-text__padding, 2px) * var(--scale-factor));cursor:auto}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text.draggable{cursor:move}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--selected,.vpv-annotation-editor-layer .vpv-annotation-editor__free-text:hover{outline:1px solid #0082ff}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text [role=textbox]{outline:none!important;text-align:start;font:10px sans-serif;line-height:var(--vpv-annotation-free-text__line-height);width:auto;height:auto;white-space:pre-wrap;word-wrap:break-word}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp{min-width:100px;min-height:calc(20px * var(--scale-factor));border:1px dashed #007bff;background-color:#ffffffe6;color:#000;cursor:text}.vpv-annotation-editor-layer .vpv-annotation-editor__free-text--temp>[role=textbox]{outline:none;font-size:calc(16px * var(--scale-factor));font-family:sans-serif;min-height:calc(16px * var(--scale-factor));white-space:nowrap}.vpv-annotation-highlight__color-picker-wrapper{padding-left:4px;padding-right:4px;padding-bottom:4px;text-align:left}.vpv-annotation-highlight__color-picker-wrapper>p{margin-bottom:.75rem}.vpv-canvas-layer>.vpv-highlight:is(svg){position:absolute;mix-blend-mode:multiply}.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free){fill-rule:evenodd}.vpv-canvas-layer>.vpv-highlight-outline:is(svg){position:absolute;mix-blend-mode:normal;fill-rule:evenodd;fill:none}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered,.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke-width:var(--vpv-annotation-highlight__outline-width)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).hovered{stroke:var(--vpv-annotation-highlight__outline-hover-color)}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected{stroke:var(--vpv-annotation-highlight__outline-selected-color)}.vpv-resizers{position:absolute;inset:0;pointer-events:none}.vpv-resizers .vpv-resizer{position:absolute;width:var(--vpv-annotation-outline-resizer-size);height:var(--vpv-annotation-outline-resizer-size);background:white;border:1px solid var(--vpv-annotation-outline-resizer-border-color);border-radius:50%;pointer-events:auto;cursor:pointer;z-index:calc(var(--vpv-base-z-index) * 9999);transition:opacity .2s ease,visibility .2s ease}.vpv-resizers .vpv-resizer:hover,.vpv-resizers .vpv-resizer:focus{transform:scale(1.5)}.vpv-resizers .vpv-resizer--top-left{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-resizers .vpv-resizer--top-right{top:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-left{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);left:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nesw-resize}.vpv-resizers .vpv-resizer--bottom-right{bottom:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);right:calc(var(--vpv-annotation-outline-resizer-size) * -1.25);cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-left{cursor:nesw-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--top-right,.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-left,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-left{cursor:nwse-resize}.vpv-page[data-main-rotation="90"] .vpv-resizer--bottom-right,.vpv-page[data-main-rotation="270"] .vpv-resizer--bottom-right{cursor:nesw-resize}.vpv-resizer--dark{background:#80ebff;border-color:#2b2a33}.vpv-resizer--dark:focus{outline-color:#80ebff}.vpv-annotation-editor__image{position:absolute;cursor:pointer;touch-action:none;user-select:none;will-change:transform}.vpv-annotation-editor__image.hovered,.vpv-annotation-editor__image:hover{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-color:var(--vpv-annotation-outline-hovered-color)}.vpv-annotation-editor__image.selected{outline-width:var(--vpv-annotation-outline-width);outline-style:solid;outline-offset:var(--vpv-annotation-outline-selected-offset);outline-color:var(--vpv-annotation-outline-selected-color);cursor:move}.vpv-annotation-editor__image canvas{position:absolute;width:100%;height:100%;margin:0;top:0;left:0}.vpv-annotation-editor__image.dragging canvas{user-drag:none;-webkit-user-drag:none;pointer-events:none;touch-action:none}.vpv-page:not([data-main-rotation="0"]) .vpv-annotation-editor__image:hover{outline:none}.vpv-annotation-tools-container[data-v-9db07deb]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-9db07deb] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-9db07deb],.slide-leave-active[data-v-9db07deb]{transition:all .3s ease-out}.slide-enter-from[data-v-9db07deb],.slide-leave-to[data-v-9db07deb]{opacity:0}.slide-enter-from[data-v-9db07deb],.slide-leave-to[data-v-9db07deb]{transform:translateY(-20px)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
+
(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u["@vue-pdf-viewer/annotation"]={},u.Vue))})(this,function(u,e){"use strict";var _;(function(t){t.highlight="vpv:annotation:highlight",t.freeText="vpv:annotation:freeText",t.signature="vpv:annotation:signature",t.image="vpv:annotation:image",t.underline="vpv:annotation:underline",t.strikeout="vpv:annotation:strikeout"})(_||(_={}));var T;(function(t){t.AnnotationCreated="vpv:annotation:created",t.AnnotationUpdated="vpv:annotation:updated",t.AnnotationDeleted="vpv:annotation:deleted",t.AnnotationMounted="vpv:annotation:mounted",t.Rotate="vpv:rotate"})(T||(T={}));var b;(function(t){t.Purple="#CAAAFF",t.Cyan="#65EDE9",t.Red="#FFACAC",t.Orange="#FFBD82",t.Yellow="#FCE244",t.Green="#A0F751"})(b||(b={}));var p;(function(t){t.Black="#000000",t.DarkGray="#444444",t.Gray="#696969",t.LightGray="#9C9C9C",t.LightestGray="#CDCDCD",t.White="#FFFFFF",t.Purple="#7862FF",t.Blue="#1777FF",t.Red="#F66365",t.Orange="#F67E63",t.Yellow="#F5C463",t.Green="#48BB77"})(p||(p={}));var D;(function(t){t[t.Text=1]="Text",t[t.Link=2]="Link",t[t.FreeText=3]="FreeText",t[t.Line=4]="Line",t[t.Square=5]="Square",t[t.Circle=6]="Circle",t[t.Polygon=7]="Polygon",t[t.Polyline=8]="Polyline",t[t.Highlight=9]="Highlight",t[t.Underline=10]="Underline",t[t.Squiggly=11]="Squiggly",t[t.StrikeOut=12]="StrikeOut",t[t.Stamp=13]="Stamp",t[t.Caret=14]="Caret",t[t.Ink=15]="Ink",t[t.Popup=16]="Popup",t[t.FileAttachment=17]="FileAttachment",t[t.Sound=18]="Sound",t[t.Movie=19]="Movie",t[t.Widget=20]="Widget",t[t.Screen=21]="Screen",t[t.PrinterMark=22]="PrinterMark",t[t.TrapNet=23]="TrapNet",t[t.Watermark=24]="Watermark",t[t.ThreeD=25]="ThreeD",t[t.Redact=26]="Redact"})(D||(D={}));var L;(function(t){t[t.INVISIBLE=1]="INVISIBLE",t[t.HIDDEN=2]="HIDDEN",t[t.PRINT=4]="PRINT",t[t.NOZOOM=8]="NOZOOM",t[t.NOROTATE=16]="NOROTATE",t[t.NOVIEW=32]="NOVIEW",t[t.READONLY=64]="READONLY",t[t.LOCKED=128]="LOCKED",t[t.TOGGLENOVIEW=256]="TOGGLENOVIEW",t[t.LOCKEDCONTENTS=512]="LOCKEDCONTENTS"})(L||(L={}));const K={ANNOTATIONS:"annotations"},C=Symbol("VPV Shared UIs"),j=Symbol("VPV Current Localization"),y=T,F={[b.Purple]:"Purple",[b.Cyan]:"Cyan",[b.Red]:"Red",[b.Orange]:"Orange",[b.Yellow]:"Yellow",[b.Green]:"Green"},Z={[p.Black]:"Black",[p.DarkGray]:"Dark Gray",[p.Gray]:"Gray",[p.LightGray]:"Light Gray",[p.LightestGray]:"Lightest Gray",[p.White]:"White",[p.Purple]:"Purple",[p.Blue]:"Blue",[p.Red]:"Red",[p.Orange]:"Orange",[p.Yellow]:"Yellow",[p.Green]:"Green"},X="pdfjs_internal_editor_",w=(t,n)=>`${t}-${n}`,J={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4","indianred ":"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},M=t=>t.startsWith("#")||t.startsWith("0x")?t:J[t]||t,B=e.defineComponent({__name:"AppTooltip",setup(t){const n=e.inject(C),o=e.computed(()=>n?.AppTooltip);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:2},[e.renderList(a.$slots,(f,l)=>({name:l,fn:e.withCtx(()=>[e.renderSlot(a.$slots,l)])}))]),1040)):(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),N=e.defineComponent({__name:"AppButton",setup(t){const n=e.inject(C),o=e.computed(()=>n?.AppButton);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),Q=(t,n)=>{const o=t[n];return o?typeof o=="function"?o():Promise.resolve(o):new Promise((a,s)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(s.bind(null,new Error("Unknown variable dynamic import: "+n)))})},ee=e.defineComponent({__name:"Icon",props:{name:{}},setup(t){const n=t,o=e.defineAsyncComponent({loader:()=>Q(Object.assign({"../assets/icons/annotations.svg":()=>Promise.resolve().then(()=>ge),"../assets/icons/tool-comment.svg":()=>Promise.resolve().then(()=>ue),"../assets/icons/tool-free-text.svg":()=>Promise.resolve().then(()=>ke),"../assets/icons/tool-highlight.svg":()=>Promise.resolve().then(()=>we),"../assets/icons/tool-image.svg":()=>Promise.resolve().then(()=>ye),"../assets/icons/tool-signature.svg":()=>Promise.resolve().then(()=>Ne)}),`../assets/icons/${n.name}.svg`)});return(a,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o)),{class:"vp-text-xl"}))}}),De="",$=(t,n)=>{const o=t.__vccOpts||t;for(const[a,s]of n)o[a]=s;return o},x=$(ee,[["__scopeId","data-v-fbd5714e"]]),S=()=>{const t=e.inject(j,e.computed(()=>({})));return{t:e.computed(()=>o=>{const a=o.split(".").pop()||o;return t.value&&a in t.value?t.value[a]:(console.warn(`useLocalization - Translation not found for key: ${o}`),o)}).value,currentLocale:e.computed(()=>t.value)}},te=e.defineComponent({__name:"ToolAnnotation",emits:["toggle"],setup(t,{emit:n}){const{t:o}=S(),a=n,s=e.ref(!1),f=()=>{s.value=!s.value,a("toggle",s.value)};return(l,d)=>l.$slots.default?e.renderSlot(l.$slots,"default",{key:0,onClick:f},void 0,!0):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?e.unref(o)("annotationToggleHideTooltip"):e.unref(o)("annotationToggleShowTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(N,{"aria-label":s.value?e.unref(o)("annotationToggleHideTooltip"):e.unref(o)("annotationToggleShowTooltip"),class:e.normalizeClass(["vpv-toolbar-btn",{"vpv-toolbar-btn-active":s.value}]),onClick:f},{default:e.withCtx(()=>[e.createVNode(x,{name:"annotations",class:"vp-text-xl"})]),_:1},8,["aria-label","class"])]),_:1}))}}),Le="",oe=$(te,[["__scopeId","data-v-da575fac"]]),ne=e.defineComponent({__name:"ToolAnnotationHighlight",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(t){const n=e.useModel(t,"active"),{t:o}=S(),a=e.useAttrs(),s=e.computed(()=>a["aria-disabled"]===!0),f=()=>{s.value||(n.value=!n.value)};return(l,d)=>l.$slots.default?e.renderSlot(l.$slots,"default",e.mergeProps({key:0},l.$attrs,{onClick:f})):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationHighlightTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(N,e.mergeProps({"aria-label":e.unref(o)("annotationHighlightLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},l.$attrs,{onClick:f}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(x,{name:"tool-highlight"})])]),_:3},16,["aria-label","class"])]),_:3}))}}),ae=e.defineComponent({__name:"AppPopover",setup(t){const n=e.inject(C),o=e.computed(()=>n?.AppPopover);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),{trigger:e.withCtx(()=>[e.renderSlot(a.$slots,"trigger")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.mergeProps({key:1},a.$attrs)),[e.renderSlot(a.$slots,"default")],16))}}),re=e.defineComponent({__name:"AppSignatures",setup(t){const n=e.inject(C),o=e.computed(()=>n?.AppSignatures);return(a,s)=>o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.normalizeProps(e.mergeProps({key:0},a.$attrs)),null,16)):e.createCommentVNode("",!0)}}),le=e.defineComponent({__name:"ToolAnnotationSignature",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(t){const n=e.useModel(t,"active"),{t:o}=S(),a=e.useAttrs(),s=e.ref(!1),f=e.computed(()=>a["aria-disabled"]===!0),l=()=>{f.value||(!n.value&&!s.value&&(s.value=!0),n.value=!n.value)},d=c=>{s.value=!1};return(c,h)=>c.$slots.default?e.renderSlot(c.$slots,"default",e.mergeProps({key:0},c.$attrs,{onClick:l})):(e.openBlock(),e.createBlock(ae,{key:1,open:s.value,side:"right",sideOffset:10,class:"vpv-annotation-signatures__popover",onInteractOutside:d},{trigger:e.withCtx(()=>[e.createVNode(B,null,{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationSignatureTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(N,e.mergeProps({"aria-label":e.unref(o)("annotationSignatureLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},c.$attrs,{onClick:l}),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"icon",{},()=>[e.createVNode(x,{name:"tool-signature"})])]),_:3},16,["aria-label","class"])]),_:3})]),default:e.withCtx(()=>[e.createVNode(re)]),_:3},8,["open"]))}}),ie=e.defineComponent({__name:"ToolAnnotationFreeText",props:{active:{type:Boolean,required:!0},activeModifiers:{}},emits:["update:active"],setup(t){const n=e.useModel(t,"active"),{t:o}=S(),a=e.useAttrs(),s=e.computed(()=>a["aria-disabled"]===!0),f=()=>{s.value||(n.value=!n.value)};return(l,d)=>l.$slots.default?e.renderSlot(l.$slots,"default",e.mergeProps({key:0},l.$attrs,{onClick:f})):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationFreeTextTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(N,e.mergeProps({"aria-label":e.unref(o)("annotationFreeTextLabel"),class:["vpv-toolbar-btn",{"vpv-toolbar-btn-active":n.value}]},l.$attrs,{onClick:f}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(x,{name:"tool-free-text"})])]),_:3},16,["aria-label","class"])]),_:3}))}}),se=e.defineComponent({__name:"ToolAnnotationImage",emits:["change"],setup(t,{emit:n}){const{t:o}=S(),a=n,s=e.useAttrs(),f=e.computed(()=>s["aria-disabled"]===!0),l=()=>{if(f.value)return;const d=document.createElement("input");d.type="file",d.accept="image/*",d.onchange=c=>{const h=c.target.files?.[0];a("change",h)},d.click()};return(d,c)=>d.$slots.default?e.renderSlot(d.$slots,"default",e.mergeProps({key:0},d.$attrs,{onClick:l})):(e.openBlock(),e.createBlock(B,{key:1},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("annotationImageTooltip")),1)]),default:e.withCtx(()=>[e.createVNode(N,e.mergeProps({"aria-label":e.unref(o)("annotationImageLabel"),class:"vpv-toolbar-btn"},d.$attrs,{onClick:l}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"icon",{},()=>[e.createVNode(x,{name:"tool-image"})])]),_:3},16,["aria-label"])]),_:3}))}}),je="",ce={class:"vpv-annotation-tools-container"},de={key:0,class:"vpv-annotation-tools"},fe=e.defineComponent({__name:"VPdfAnnotationTools",props:{highlight:{type:[Object,Boolean],default:()=>!0},freeText:{type:[Object,Boolean],default:()=>!0},signature:{type:[Object,Boolean],default:()=>!1},image:{type:[Object,Boolean],default:()=>!0},instanceId:{type:Number,required:!0},onAnnotationCreated:{type:Function,default:void 0},onAnnotationUpdated:{type:Function,default:void 0},onAnnotationDeleted:{type:Function,default:void 0}},emits:["highlight","freeText","signature","image"],setup(t,{emit:n}){const o=t,a=n,s=e.ref(!1),f=r=>w(o.instanceId,r),l={highlight:new CustomEvent(f(_.highlight),{detail:{active:!1,colors:null}}),freeText:new CustomEvent(f(_.freeText),{detail:{active:!1,fontColors:null,fontSizes:null}}),signature:new CustomEvent(f(_.signature),{detail:{active:!1}}),image:new CustomEvent(f(_.image),{detail:{file:void 0}})},d=e.ref(!1),c=e.reactive({highlight:!1,freeText:!1,signature:!1}),h=e.computed({get:()=>c.highlight,set:r=>{c.highlight=r,r&&(c.freeText=!1,c.signature=!1),P()}}),O=e.computed({get:()=>c.freeText,set:r=>{r&&(c.highlight=!1,c.signature=!1),c.freeText=r,P()}}),V=e.computed({get:()=>c.signature,set:r=>{r&&(c.highlight=!1,c.freeText=!1),c.signature=r,P()}}),xe=e.computed(()=>o.highlight),Se=e.computed(()=>o.freeText),Ee=e.computed(()=>o.signature),Oe=e.computed(()=>o.image),Ve=r=>{d.value=r,r||(h.value=!1,O.value=!1,V.value=!1)},Pe=r=>{a("highlight",r),l.highlight.detail.active=r;let m=Object.entries(F).map(([i,g])=>({value:i,label:g}));typeof o.highlight=="object"&&o.highlight?.colors&&(m=o.highlight.colors.map(i=>typeof i=="string"?{value:M(i),label:i}:i)),l.highlight.detail.colors=m,window.dispatchEvent(l.highlight)},Te=r=>{a("freeText",r),l.freeText.detail.active=r;let m=Object.entries(Z).map(([i,g])=>({value:i,label:g}));typeof o.freeText=="object"&&o.freeText?.fontColors&&(m=o.freeText.fontColors.map(i=>typeof i=="string"?{value:M(i),label:i}:i)),l.freeText.detail.fontColors=m,typeof o.freeText=="object"&&o.freeText?.fontSizes?.length&&(l.freeText.detail.fontSizes=o.freeText.fontSizes),window.dispatchEvent(l.freeText)},$e=r=>{a("signature",r),l.signature.detail.active=r,window.dispatchEvent(l.signature)},Ie=r=>{c.highlight=!1,c.freeText=!1,c.signature=!1,a("image",r),l.image.detail.file=r,window.dispatchEvent(l.image)};function P(){Pe(h.value),Te(O.value),$e(V.value)}const W=w(o.instanceId,y.Rotate);e.onMounted(()=>{window.dispatchEvent(new CustomEvent(w(o.instanceId,y.AnnotationMounted))),window.addEventListener(W,Y)});function Y(r){const{firstPageRotation:m,rotation:i}=r.detail;s.value=i!==0}e.watch(s,r=>{r&&(c.highlight=!1,c.freeText=!1,c.signature=!1,P())});const I=r=>{const{id:m,...i}=r;return{...i,id:m?.startsWith(X)?null:m}};return e.watch(()=>o.onAnnotationCreated,(r,m,i)=>{if(!r)return;const g=E=>{r(I(E.detail))},k=w(o.instanceId,y.AnnotationCreated);window.addEventListener(k,g),i(()=>{window.removeEventListener(k,g)})},{immediate:!0}),e.watch(()=>o.onAnnotationUpdated,(r,m,i)=>{if(!r)return;const g=E=>{r(I(E.detail))},k=w(o.instanceId,y.AnnotationUpdated);window.addEventListener(k,g),i(()=>{window.removeEventListener(k,g)})},{immediate:!0}),e.watch(()=>o.onAnnotationDeleted,(r,m,i)=>{if(!r)return;const g=E=>{r(I(E.detail))},k=w(o.instanceId,y.AnnotationDeleted);window.addEventListener(k,g),i(()=>{window.removeEventListener(k,g)})},{immediate:!0}),e.onUnmounted(()=>{window.removeEventListener(W,Y)}),(r,m)=>(e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(oe,{onToggle:Ve}),e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",de,[xe.value?(e.openBlock(),e.createBlock(ne,{key:0,active:h.value,"onUpdate:active":m[0]||(m[0]=i=>h.value=i),"aria-disabled":s.value},e.createSlots({_:2},[typeof o.highlight=="object"&&o.highlight.icon?{name:"icon",fn:e.withCtx(()=>[typeof o.highlight=="object"&&o.highlight.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.highlight.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.highlight=="object"&&o.highlight.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.highlight=="object"&&o.highlight.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.highlight.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0),Se.value?(e.openBlock(),e.createBlock(ie,{key:1,active:O.value,"onUpdate:active":m[1]||(m[1]=i=>O.value=i),"aria-disabled":s.value},e.createSlots({_:2},[typeof o.freeText=="object"&&o.freeText.icon?{name:"icon",fn:e.withCtx(()=>[typeof o.freeText=="object"&&o.freeText.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.freeText.icon),{key:0})):e.createCommentVNode("",!0),typeof o.freeText=="object"&&o.freeText.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.freeText.icon),{key:1})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.freeText=="object"&&o.freeText.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.freeText=="object"&&o.freeText.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.freeText.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0),Oe.value?(e.openBlock(),e.createBlock(se,{key:2,onChange:Ie,"aria-disabled":s.value},e.createSlots({_:2},[typeof o.image=="object"&&o.image?{name:"icon",fn:e.withCtx(()=>[typeof o.image=="object"&&o.image.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.image.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.image=="object"&&o.image.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.image=="object"&&o.image.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.image.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["aria-disabled"])):e.createCommentVNode("",!0),Ee.value?(e.openBlock(),e.createBlock(le,{key:3,active:V.value,"onUpdate:active":m[2]||(m[2]=i=>V.value=i),"aria-disabled":s.value},e.createSlots({_:2},[typeof o.signature=="object"&&o.signature.icon?{name:"icon",fn:e.withCtx(()=>[typeof o.signature=="object"&&o.signature.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.signature.icon),{key:0})):e.createCommentVNode("",!0)]),key:"0"}:typeof o.signature=="object"&&o.signature.component?{name:"default",fn:e.withCtx(({onClick:i})=>[typeof o.signature=="object"&&o.signature.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.signature.component),{key:0,onClick:i},null,8,["onClick"])):e.createCommentVNode("",!0)]),key:"1"}:void 0]),1032,["active","aria-disabled"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1})]))}}),Me="",z=$(fe,[["__scopeId","data-v-9db07deb"]]),me=(t={})=>{const{highlight:n,freeText:o,image:a,...s}=t;return{name:"annotation",setup(f){const{componentInstance:l,shared:d}=f,c=l?.uid??0;f.toolbar.addItem({id:K.ANNOTATIONS,toolbarDirection:"left",component:e.h(z,{highlight:n,freeText:o,image:a,instanceId:c,...s})});const h=l?.appContext.app;d.ui?h.provide(C,d.ui):console.warn("VPdfAnnotationPlugin - No UI context found in plugin context"),d.localization?.value?h.provide(j,d.localization):console.warn("VPdfAnnotationPlugin - No localization found in plugin context")}}},pe={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function v(t,n){return e.openBlock(),e.createElementBlock("svg",pe,[...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 ge=Object.freeze(Object.defineProperty({__proto__:null,render:v,default:{render:v}},Symbol.toStringTag,{value:"Module"})),he={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function R(t,n){return e.openBlock(),e.createElementBlock("svg",he,[...n[0]||(n[0]=[e.createElementVNode("path",{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 ue=Object.freeze(Object.defineProperty({__proto__:null,render:R,default:{render:R}},Symbol.toStringTag,{value:"Module"})),be={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function G(t,n){return e.openBlock(),e.createElementBlock("svg",be,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"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 ke=Object.freeze(Object.defineProperty({__proto__:null,render:G,default:{render:G}},Symbol.toStringTag,{value:"Module"})),_e={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function H(t,n){return e.openBlock(),e.createElementBlock("svg",_e,[...n[0]||(n[0]=[e.createElementVNode("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 we=Object.freeze(Object.defineProperty({__proto__:null,render:H,default:{render:H}},Symbol.toStringTag,{value:"Module"})),Ce={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function q(t,n){return e.openBlock(),e.createElementBlock("svg",Ce,[...n[0]||(n[0]=[e.createElementVNode("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 ye=Object.freeze(Object.defineProperty({__proto__:null,render:q,default:{render:q}},Symbol.toStringTag,{value:"Module"})),Be={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 20 20"};function U(t,n){return e.openBlock(),e.createElementBlock("svg",Be,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"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 Ne=Object.freeze(Object.defineProperty({__proto__:null,render:U,default:{render:U}},Symbol.toStringTag,{value:"Module"}));u.VPdfAnnotationTools=z,u.default=me,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type AnnotationFreeTextFontColors, type AnnotationHighlightColors, type Annotation } from "@vue-pdf-viewer/shared";
|
|
2
|
-
import type { Component,
|
|
2
|
+
import type { Component, VNode } from "vue";
|
|
3
3
|
export interface AnnotationOption {
|
|
4
4
|
icon?: Component | VNode | string;
|
|
5
5
|
component?: Component;
|
|
@@ -23,5 +23,4 @@ export interface VPdfAnnotationPluginOptions extends AnnotationCallbacks {
|
|
|
23
23
|
highlight?: HighlightOption | boolean;
|
|
24
24
|
image?: ImageOption | boolean;
|
|
25
25
|
}
|
|
26
|
-
export type { AnnotationHighlightColors, AnnotationFreeTextFontColors, LabelValuePair, Annotation } from "@vue-pdf-viewer/shared";
|
|
27
|
-
export declare const SYMBOL_INSTANCE_ID: InjectionKey<number>;
|
|
26
|
+
export type { AnnotationHighlightColors, AnnotationFreeTextFontColors, LabelValuePair, Annotation, OutlineDestinations, OutlineName, OutlineRef, LinkAction, AnnotationType, AnnotationFlag, AnnotationBorderStyle, AnnotationStringObj, AnnotationAttachment, } 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.2.0-beta.
|
|
4
|
+
"version": "1.2.0-beta.2",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.umd.cjs",
|
|
7
7
|
"module": "./dist/index.js",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"vue": "^3.2.37"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@vue-pdf-viewer/shared": "^1.1.0-
|
|
33
|
+
"@vue-pdf-viewer/shared": "^1.1.0-rc.0",
|
|
34
34
|
"vite-plugin-css-injected-by-js": "^3.5.2",
|
|
35
35
|
"vue": "^3.2.37"
|
|
36
36
|
},
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { type Annotation } from "@vue-pdf-viewer/shared";
|
|
2
|
-
export declare const useAnnotationEvents: () => {
|
|
3
|
-
emitAnnotationCreated: (data: Annotation) => void;
|
|
4
|
-
emitAnnotationUpdated: (data: Annotation) => void;
|
|
5
|
-
emitAnnotationDeleted: (data: Annotation) => void;
|
|
6
|
-
};
|