@vue-pdf-viewer/annotation 1.4.0 → 1.5.0-beta.1

package/dist/index.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.vp-text-xl[data-v-9d5f0033]{font-size:1.25rem;line-height:1.75rem}.vpv-toolbar-btn.vpv-toolbar-btn-active[data-v-df5778ee],.vpv-toolbar-btn[data-v-df5778ee]:hover{background-color:var(--vpv-primary-color);color:#fff}.vpv-annotation-editor-layer{position:absolute;left:0;top:0;transform-origin:0 0;width:round(down,var(--page-width) * var(--scale-factor),var(--scale-round-x));height:round(down,var(--page-height) * var(--scale-factor),var(--scale-round-y));pointer-events:none}.vpv-annotation-editor-layer[data-main-rotation="90"],.vpv-annotation-editor-layer[data-main-rotation="270"]{width:round(down,var(--page-height) * var(--scale-factor),var(--scale-round-y));height:round(down,var(--page-width) * var(--scale-factor),var(--scale-round-x))}.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,.vpv-annotation-editor-layer.underline-mode,.vpv-annotation-editor-layer.strikeout-mode{cursor:text}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path,.vpv-annotation-editor-layer.underline-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path,.vpv-annotation-editor-layer.strikeout-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path{position:absolute;inset:0;pointer-events:none;z-index:calc(var(--vpv-base-z-index) * 5)}.vpv-annotation-editor-layer:not(.highlight-mode,.underline-mode,.strikeout-mode) .vpv-annotation-editor:is(.vpv-annotation-editor__highlight,.vpv-annotation-editor__underline,.vpv-annotation-editor__strikeout){pointer-events:none}.vpv-annotation-editor-layer:not(.highlight-mode,.underline-mode,.strikeout-mode) .vpv-annotation-editor:is(.vpv-annotation-editor__highlight,.vpv-annotation-editor__underline,.vpv-annotation-editor__strikeout) .vpv-annotation-editor__clip-path{pointer-events:none}.vpv-annotation-text-selection__color-picker-wrapper{padding-left:4px;padding-right:4px;padding-bottom:4px;text-align:left}.vpv-annotation-text-selection__color-picker-wrapper>p{margin-bottom:.75rem}.vpv-canvas-layer>.vpv-highlight:is(svg),.vpv-canvas-layer>.vpv-underline:is(svg),.vpv-canvas-layer>.vpv-underline-interaction:is(svg),.vpv-canvas-layer>.vpv-strikeout:is(svg),.vpv-canvas-layer>.vpv-strikeout-interaction:is(svg){position:absolute;mix-blend-mode:multiply;pointer-events:none}.vpv-canvas-layer>.vpv-highlight:is(svg)>use,.vpv-canvas-layer>.vpv-underline:is(svg)>use,.vpv-canvas-layer>.vpv-underline-interaction:is(svg)>use,.vpv-canvas-layer>.vpv-strikeout:is(svg)>use,.vpv-canvas-layer>.vpv-strikeout-interaction:is(svg)>use{fill:inherit}.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free),.vpv-canvas-layer>.vpv-underline:is(svg):not(.free),.vpv-canvas-layer>.vpv-underline-interaction:is(svg):not(.free),.vpv-canvas-layer>.vpv-strikeout:is(svg):not(.free),.vpv-canvas-layer>.vpv-strikeout-interaction:is(svg):not(.free){fill-rule:evenodd}.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free) path,.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free) use,.vpv-canvas-layer>.vpv-underline:is(svg):not(.free) path,.vpv-canvas-layer>.vpv-underline:is(svg):not(.free) use,.vpv-canvas-layer>.vpv-underline-interaction:is(svg):not(.free) path,.vpv-canvas-layer>.vpv-underline-interaction:is(svg):not(.free) use,.vpv-canvas-layer>.vpv-strikeout:is(svg):not(.free) path,.vpv-canvas-layer>.vpv-strikeout:is(svg):not(.free) use,.vpv-canvas-layer>.vpv-strikeout-interaction:is(svg):not(.free) path,.vpv-canvas-layer>.vpv-strikeout-interaction:is(svg):not(.free) use{fill-rule:evenodd}.vpv-canvas-layer>.vpv-highlight-outline:is(svg),.vpv-canvas-layer>.vpv-underline-outline:is(svg),.vpv-canvas-layer>.vpv-strikeout-outline:is(svg){position:absolute;mix-blend-mode:normal;fill-rule:evenodd;fill:transparent;pointer-events:none;stroke:transparent;stroke-width:var(--vpv-annotation-text-selection__outline-width);vector-effect:non-scaling-stroke}.vpv-canvas-layer>.vpv-highlight-outline:is(svg) path,.vpv-canvas-layer>.vpv-highlight-outline:is(svg) use,.vpv-canvas-layer>.vpv-underline-outline:is(svg) path,.vpv-canvas-layer>.vpv-underline-outline:is(svg) use,.vpv-canvas-layer>.vpv-strikeout-outline:is(svg) path,.vpv-canvas-layer>.vpv-strikeout-outline:is(svg) use{fill-rule:evenodd;stroke:inherit;stroke-width:inherit;vector-effect:inherit}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected,.vpv-canvas-layer>.vpv-underline-outline:is(svg).selected,.vpv-canvas-layer>.vpv-strikeout-outline:is(svg).selected{stroke:var(--vpv-annotation-text-selection__outline-selected-color)}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor,.vpv-annotation-editor-layer.underline-mode .vpv-annotation-editor,.vpv-annotation-editor-layer.strikeout-mode .vpv-annotation-editor{pointer-events:none}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor__underline,.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor__strikeout,.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor__highlight,.vpv-annotation-editor-layer.underline-mode .vpv-annotation-editor__underline,.vpv-annotation-editor-layer.underline-mode .vpv-annotation-editor__strikeout,.vpv-annotation-editor-layer.underline-mode .vpv-annotation-editor__highlight,.vpv-annotation-editor-layer.strikeout-mode .vpv-annotation-editor__underline,.vpv-annotation-editor-layer.strikeout-mode .vpv-annotation-editor__strikeout,.vpv-annotation-editor-layer.strikeout-mode .vpv-annotation-editor__highlight{cursor:pointer}.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:has([role=textbox][contenteditable=true]){width:auto!important;height:auto!important}.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-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,.vpv-annotation-editor-layer:not(.freetext-mode) .vpv-annotation-editor__free-text [role=textbox]{pointer-events:none}.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-9e031a97]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-9e031a97] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-9e031a97],.slide-leave-active[data-v-9e031a97]{transition:all .3s ease-out}.slide-enter-from[data-v-9e031a97],.slide-leave-to[data-v-9e031a97]{opacity:0}.slide-enter-from[data-v-9e031a97],.slide-leave-to[data-v-9e031a97]{transform:translateY(-20px)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.vp-text-xl[data-v-9d5f0033]{font-size:1.25rem;line-height:1.75rem}.vpv-toolbar-btn.vpv-toolbar-btn-active[data-v-df5778ee],.vpv-toolbar-btn[data-v-df5778ee]:hover{background-color:var(--vpv-primary-color);color:#fff}.vpv-annotation-editor-layer{position:absolute;left:0;top:0;transform-origin:0 0;width:round(down,var(--page-width) * var(--scale-factor),var(--scale-round-x));height:round(down,var(--page-height) * var(--scale-factor),var(--scale-round-y));pointer-events:none}.vpv-annotation-editor-layer[data-main-rotation="90"],.vpv-annotation-editor-layer[data-main-rotation="270"]{width:round(down,var(--page-height) * var(--scale-factor),var(--scale-round-y));height:round(down,var(--page-width) * var(--scale-factor),var(--scale-round-x))}.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,.vpv-annotation-editor-layer.underline-mode,.vpv-annotation-editor-layer.strikeout-mode{cursor:text}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path,.vpv-annotation-editor-layer.underline-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path,.vpv-annotation-editor-layer.strikeout-mode .vpv-annotation-editor .vpv-annotation-editor__clip-path{position:absolute;inset:0;pointer-events:none;z-index:calc(var(--vpv-base-z-index) * 5)}.vpv-annotation-editor-layer:not(.highlight-mode,.underline-mode,.strikeout-mode) .vpv-annotation-editor:is(.vpv-annotation-editor__highlight,.vpv-annotation-editor__underline,.vpv-annotation-editor__strikeout){pointer-events:none}.vpv-annotation-editor-layer:not(.highlight-mode,.underline-mode,.strikeout-mode) .vpv-annotation-editor:is(.vpv-annotation-editor__highlight,.vpv-annotation-editor__underline,.vpv-annotation-editor__strikeout) .vpv-annotation-editor__clip-path{pointer-events:none}.vpv-annotation-text-selection__color-picker-wrapper{padding-left:4px;padding-right:4px;padding-bottom:4px;text-align:left}.vpv-annotation-text-selection__color-picker-wrapper>p{margin-bottom:.75rem}.vpv-canvas-layer>.vpv-highlight:is(svg),.vpv-canvas-layer>.vpv-underline:is(svg),.vpv-canvas-layer>.vpv-underline-interaction:is(svg),.vpv-canvas-layer>.vpv-strikeout:is(svg),.vpv-canvas-layer>.vpv-strikeout-interaction:is(svg){position:absolute;mix-blend-mode:multiply;pointer-events:none}.vpv-canvas-layer>.vpv-highlight:is(svg)>use,.vpv-canvas-layer>.vpv-underline:is(svg)>use,.vpv-canvas-layer>.vpv-underline-interaction:is(svg)>use,.vpv-canvas-layer>.vpv-strikeout:is(svg)>use,.vpv-canvas-layer>.vpv-strikeout-interaction:is(svg)>use{fill:inherit}.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free),.vpv-canvas-layer>.vpv-underline:is(svg):not(.free),.vpv-canvas-layer>.vpv-underline-interaction:is(svg):not(.free),.vpv-canvas-layer>.vpv-strikeout:is(svg):not(.free),.vpv-canvas-layer>.vpv-strikeout-interaction:is(svg):not(.free){fill-rule:evenodd}.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free) path,.vpv-canvas-layer>.vpv-highlight:is(svg):not(.free) use,.vpv-canvas-layer>.vpv-underline:is(svg):not(.free) path,.vpv-canvas-layer>.vpv-underline:is(svg):not(.free) use,.vpv-canvas-layer>.vpv-underline-interaction:is(svg):not(.free) path,.vpv-canvas-layer>.vpv-underline-interaction:is(svg):not(.free) use,.vpv-canvas-layer>.vpv-strikeout:is(svg):not(.free) path,.vpv-canvas-layer>.vpv-strikeout:is(svg):not(.free) use,.vpv-canvas-layer>.vpv-strikeout-interaction:is(svg):not(.free) path,.vpv-canvas-layer>.vpv-strikeout-interaction:is(svg):not(.free) use{fill-rule:evenodd}.vpv-canvas-layer>.vpv-highlight-outline:is(svg),.vpv-canvas-layer>.vpv-underline-outline:is(svg),.vpv-canvas-layer>.vpv-strikeout-outline:is(svg){position:absolute;mix-blend-mode:normal;fill-rule:evenodd;fill:transparent;pointer-events:none;stroke:transparent;stroke-width:var(--vpv-annotation-text-selection__outline-width);vector-effect:non-scaling-stroke}.vpv-canvas-layer>.vpv-highlight-outline:is(svg) path,.vpv-canvas-layer>.vpv-highlight-outline:is(svg) use,.vpv-canvas-layer>.vpv-underline-outline:is(svg) path,.vpv-canvas-layer>.vpv-underline-outline:is(svg) use,.vpv-canvas-layer>.vpv-strikeout-outline:is(svg) path,.vpv-canvas-layer>.vpv-strikeout-outline:is(svg) use{fill-rule:evenodd;stroke:inherit;stroke-width:inherit;vector-effect:inherit}.vpv-canvas-layer>.vpv-highlight-outline:is(svg).selected,.vpv-canvas-layer>.vpv-underline-outline:is(svg).selected,.vpv-canvas-layer>.vpv-strikeout-outline:is(svg).selected{stroke:var(--vpv-annotation-text-selection__outline-selected-color)}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor,.vpv-annotation-editor-layer.underline-mode .vpv-annotation-editor,.vpv-annotation-editor-layer.strikeout-mode .vpv-annotation-editor{pointer-events:none}.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor__underline,.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor__strikeout,.vpv-annotation-editor-layer.highlight-mode .vpv-annotation-editor__highlight,.vpv-annotation-editor-layer.underline-mode .vpv-annotation-editor__underline,.vpv-annotation-editor-layer.underline-mode .vpv-annotation-editor__strikeout,.vpv-annotation-editor-layer.underline-mode .vpv-annotation-editor__highlight,.vpv-annotation-editor-layer.strikeout-mode .vpv-annotation-editor__underline,.vpv-annotation-editor-layer.strikeout-mode .vpv-annotation-editor__strikeout,.vpv-annotation-editor-layer.strikeout-mode .vpv-annotation-editor__highlight{cursor:pointer}.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:has([role=textbox][contenteditable=true]){width:auto!important;height:auto!important}.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-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,.vpv-annotation-editor-layer:not(.freetext-mode) .vpv-annotation-editor__free-text [role=textbox]{pointer-events:none}.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-c9502027]{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid #c6ccd2;max-width:min-content;margin:.5rem auto}.vpv-annotation-tools-container[data-v-c9502027] .vpv-toolbar-btn{margin-bottom:.25rem}.slide-enter-active[data-v-c9502027],.slide-leave-active[data-v-c9502027]{transition:all .3s ease-out}.slide-enter-from[data-v-c9502027],.slide-leave-to[data-v-c9502027]{opacity:0}.slide-enter-from[data-v-c9502027],.slide-leave-to[data-v-c9502027]{transform:translateY(-20px)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import { defineComponent as Ke, inject as zn, computed as ge, openBlock as ee, createBlock as de, resolveDynamicComponent as Ce, normalizeProps as At, mergeProps as Ae, createSlots as gn, withCtx as Q, renderSlot as we, renderList as Lc, createElementBlock as An, useAttrs as Mc, defineAsyncComponent as jc, unref as Oe, ref as gr, createTextVNode as Nn, toDisplayString as Ln, createVNode as Ee, normalizeClass as Uc, mergeModels as Di, useModel as Ci, createCommentVNode as xe, reactive as $c, onMounted as Gc, watch as Qn, onUnmounted as Hc, Transition as Wc, markRaw as It, h as lr } from "vue";
 var Kc = Object.defineProperty, Zc = (e, t, n) => t in e ? Kc(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, p = (e, t, n) => (Zc(e, typeof t != "symbol" ? t + "" : t, n), n);
 const jt = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", bn = new Uint8Array(256);
@@ -9635,11 +9635,11 @@ const Qf = { class: "vpv-annotation-tools-container" }, e0 = {
         new CustomEvent(
           Lt(n.instanceId, fn.AnnotationMounted)
         )
-      ), window.addEventListener(P, V);
+      ), window.addEventListener(P, V), B();
     });
     function V(I) {
-      const { firstPageRotation: T, rotation: D } = I.detail;
-      i.value = D !== 0;
+      const { rotation: T } = I.detail;
+      i.value = T !== 0;
     }
     Qn(i, (I) => {
       I && (l.textSelection = !1, l.freeText = !1, l.signature = !1, B());
@@ -9805,7 +9805,7 @@ const Qf = { class: "vpv-annotation-tools-container" }, e0 = {
     ]));
   }
 });
-const n0 = /* @__PURE__ */ zs(t0, [["__scopeId", "data-v-9e031a97"]]), i0 = (e = {}) => {
+const n0 = /* @__PURE__ */ zs(t0, [["__scopeId", "data-v-c9502027"]]), i0 = (e = {}) => {
   const { textSelection: t, freeText: n, image: r, ...i } = e;
   let s = null;
   return {