@libresign/pdf-elements 1.0.2 → 1.1.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as I, openBlock as m, createElementBlock as v, normalizeStyle as E, renderSlot as M, createElementVNode as P, withModifiers as R, createCommentVNode as $, normalizeClass as Y, Fragment as z, renderList as B, markRaw as y, resolveComponent as Z, createVNode as K, createBlock as J, withCtx as N, toDisplayString as U } from "vue";
-const Q = I({
+import { defineComponent as V, openBlock as m, createElementBlock as v, normalizeStyle as R, renderSlot as M, createElementVNode as P, withModifiers as E, createCommentVNode as C, normalizeClass as Y, Fragment as z, renderList as H, markRaw as y, resolveComponent as I, createVNode as x, createBlock as J, withCtx as N, toDisplayString as U } from "vue";
+const Q = V({
   name: "PDFPage",
   emits: ["onMeasure"],
   props: {
@@ -79,16 +79,16 @@ const Q = I({
       }
     }
   }
-}), V = (e, t) => {
+}), Z = (e, t) => {
   const i = e.__vccOpts || e;
-  for (const [s, o] of t)
-    i[s] = o;
+  for (const [s, n] of t)
+    i[s] = n;
   return i;
 }, _ = { ref: "canvas" };
-function ee(e, t, i, s, o, a) {
+function ee(e, t, i, s, n, a) {
   return m(), v("canvas", _, null, 512);
 }
-const te = /* @__PURE__ */ V(Q, [["render", ee], ["__scopeId", "data-v-2a60d679"]]), ie = I({
+const te = /* @__PURE__ */ Z(Q, [["render", ee], ["__scopeId", "data-v-2a60d679"]]), ie = V({
   name: "DraggableElement",
   props: {
     object: {
@@ -208,7 +208,7 @@ const te = /* @__PURE__ */ V(Q, [["render", ee], ["__scopeId", "data-v-2a60d679"
       return ["top-left", "top-right", "bottom-left", "bottom-right"];
     },
     elementStyle() {
-      const e = this.pagesScale || 1, t = this.mode === "drag", i = this.mode === "resize", s = t ? this.offsetX : 0, o = t ? this.offsetY : 0, a = i ? this.resizeOffsetX : 0, n = i ? this.resizeOffsetY : 0, h = i ? this.resizeOffsetW : 0, r = i ? this.resizeOffsetH : 0, l = this.object.x + s + a, u = this.object.y + o + n, c = this.object.width + h, d = this.object.height + r;
+      const e = this.pagesScale || 1, t = this.mode === "drag", i = this.mode === "resize", s = t ? this.offsetX : 0, n = t ? this.offsetY : 0, a = i ? this.resizeOffsetX : 0, o = i ? this.resizeOffsetY : 0, r = i ? this.resizeOffsetW : 0, h = i ? this.resizeOffsetH : 0, l = this.object.x + s + a, u = this.object.y + n + o, c = this.object.width + r, d = this.object.height + h;
       return {
         left: `${l * e}px`,
         top: `${u * e}px`,
@@ -218,9 +218,9 @@ const te = /* @__PURE__ */ V(Q, [["render", ee], ["__scopeId", "data-v-2a60d679"
       };
     },
     toolbarStyle() {
-      const e = this.pagesScale || 1, t = this.mode === "drag", i = this.mode === "resize", s = t ? this.offsetX : 0, o = t ? this.offsetY : 0, a = i ? this.resizeOffsetX : 0, n = i ? this.resizeOffsetY : 0, h = i ? this.resizeOffsetW : 0, r = this.object.x + s + a, l = this.object.y + o + n, u = this.object.width + h, d = l - 60, g = d < 0 ? l + 8 : d;
+      const e = this.pagesScale || 1, t = this.mode === "drag", i = this.mode === "resize", s = t ? this.offsetX : 0, n = t ? this.offsetY : 0, a = i ? this.resizeOffsetX : 0, o = i ? this.resizeOffsetY : 0, r = i ? this.resizeOffsetW : 0, h = this.object.x + s + a, l = this.object.y + n + o, u = this.object.width + r, d = l - 60, g = d < 0 ? l + 8 : d;
       return {
-        left: `${(r + u / 2) * e}px`,
+        left: `${(h + u / 2) * e}px`,
         top: `${g * e}px`,
         transform: "translateX(-50%)"
       };
@@ -261,9 +261,9 @@ const te = /* @__PURE__ */ V(Q, [["render", ee], ["__scopeId", "data-v-2a60d679"
       this.currentPageRect = i;
       let s = { x: 0, y: 0 };
       if (i) {
-        const o = i.left + this.object.x * this.pagesScale, a = i.top + this.object.y * this.pagesScale;
+        const n = i.left + this.object.x * this.pagesScale, a = i.top + this.object.y * this.pagesScale;
         s = {
-          x: t.left - o,
+          x: t.left - n,
           y: t.top - a
         };
       }
@@ -277,14 +277,14 @@ const te = /* @__PURE__ */ V(Q, [["render", ee], ["__scopeId", "data-v-2a60d679"
         const t = e.type.includes("touch") ? e.touches[0]?.clientX : e.clientX, i = e.type.includes("touch") ? e.touches[0]?.clientY : e.clientY;
         if (t === void 0 || i === void 0) return;
         this.lastMouseX = t, this.lastMouseY = i;
-        const s = (t - this.startX) / this.pagesScale, o = (i - this.startY) / this.pagesScale;
+        const s = (t - this.startX) / this.pagesScale, n = (i - this.startY) / this.pagesScale;
         if (this.mode === "drag") {
           const c = this.currentPageRect;
           if (c) {
             const d = t - this.pointerOffsetDoc.x, g = i - this.pointerOffsetDoc.y, f = (d - c.left) / this.pagesScale, b = (g - c.top) / this.pagesScale;
             this.offsetX = f - this.object.x, this.offsetY = b - this.object.y;
           } else
-            this.offsetX = s, this.offsetY = o;
+            this.offsetX = s, this.offsetY = n;
           this.onDragMove(t, i), this.isBeingDraggedGlobally && this.onUpdate({
             _globalDrag: !0,
             _mouseX: t,
@@ -293,25 +293,25 @@ const te = /* @__PURE__ */ V(Q, [["render", ee], ["__scopeId", "data-v-2a60d679"
           return;
         }
         const a = 16 / (this.pagesScale || 1);
-        let n = this.startWidth, h = this.startHeight, r = this.startLeft, l = this.startTop;
+        let o = this.startWidth, r = this.startHeight, h = this.startLeft, l = this.startTop;
         const u = this.direction.includes("right") ? s : this.direction.includes("left") ? -s : 0;
-        if (n = this.startWidth + u, n < a && (n = a), h = n / this.aspectRatio, this.direction.includes("left") && (r = this.startLeft + (this.startWidth - n), r < 0)) {
-          const c = -r;
-          r = 0, n = n - c, h = n / this.aspectRatio;
+        if (o = this.startWidth + u, o < a && (o = a), r = o / this.aspectRatio, this.direction.includes("left") && (h = this.startLeft + (this.startWidth - o), h < 0)) {
+          const c = -h;
+          h = 0, o = o - c, r = o / this.aspectRatio;
         }
-        if (this.direction.includes("top") && (l = this.startTop + (this.startHeight - h), l < 0)) {
+        if (this.direction.includes("top") && (l = this.startTop + (this.startHeight - r), l < 0)) {
           const c = -l;
-          l = 0, h = h - c, n = h * this.aspectRatio, this.direction.includes("left") && (r = this.startLeft + (this.startWidth - n));
+          l = 0, r = r - c, o = r * this.aspectRatio, this.direction.includes("left") && (h = this.startLeft + (this.startWidth - o));
         }
-        if (r + n > this.pageWidth) {
-          const c = r + n - this.pageWidth;
-          n -= c, h = n / this.aspectRatio;
+        if (h + o > this.pageWidth) {
+          const c = h + o - this.pageWidth;
+          o -= c, r = o / this.aspectRatio;
         }
-        if (l + h > this.pageHeight) {
-          const c = l + h - this.pageHeight;
-          h -= c, n = h * this.aspectRatio, this.direction.includes("left") && (r = this.startLeft + (this.startWidth - n));
+        if (l + r > this.pageHeight) {
+          const c = l + r - this.pageHeight;
+          r -= c, o = r * this.aspectRatio, this.direction.includes("left") && (h = this.startLeft + (this.startWidth - o));
         }
-        this.resizeOffsetX = r - this.object.x, this.resizeOffsetY = l - this.object.y, this.resizeOffsetW = n - this.object.width, this.resizeOffsetH = h - this.object.height, this.rafId = null;
+        this.resizeOffsetX = h - this.object.x, this.resizeOffsetY = l - this.object.y, this.resizeOffsetW = o - this.object.width, this.resizeOffsetH = r - this.object.height, this.rafId = null;
       })));
     },
     stopInteraction() {
@@ -348,12 +348,12 @@ const te = /* @__PURE__ */ V(Q, [["render", ee], ["__scopeId", "data-v-2a60d679"
     }
   }
 }), se = { class: "draggable-wrapper" }, ne = ["onMousedown", "onTouchstart"];
-function oe(e, t, i, s, o, a) {
+function oe(e, t, i, s, n, a) {
   return m(), v("div", se, [
     e.isSelected && !e.isBeingDraggedGlobally && e.showSelectionUi && e.showDefaultActions ? (m(), v("div", {
       key: 0,
       class: "actions-toolbar",
-      style: E(e.toolbarStyle)
+      style: R(e.toolbarStyle)
     }, [
       M(e.$slots, "actions", {
         object: e.object,
@@ -364,7 +364,7 @@ function oe(e, t, i, s, o, a) {
           class: "action-btn",
           type: "button",
           title: "Duplicate",
-          onClick: t[0] || (t[0] = R((...n) => e.onDuplicate && e.onDuplicate(...n), ["stop"]))
+          onClick: t[0] || (t[0] = E((...o) => e.onDuplicate && e.onDuplicate(...o), ["stop"]))
         }, [...t[5] || (t[5] = [
           P("svg", {
             width: "16",
@@ -379,7 +379,7 @@ function oe(e, t, i, s, o, a) {
           class: "action-btn",
           type: "button",
           title: "Delete",
-          onClick: t[1] || (t[1] = R((...n) => e.onDelete && e.onDelete(...n), ["stop"]))
+          onClick: t[1] || (t[1] = E((...o) => e.onDelete && e.onDelete(...o), ["stop"]))
         }, [...t[6] || (t[6] = [
           P("svg", {
             width: "16",
@@ -391,15 +391,15 @@ function oe(e, t, i, s, o, a) {
           ], -1)
         ])])
       ], !0)
-    ], 4)) : $("", !0),
+    ], 4)) : C("", !0),
     P("div", {
       class: Y(["draggable-element", { selected: e.isSelected && e.showSelectionUi }]),
       draggable: "false",
-      onDragstart: t[2] || (t[2] = R(() => {
+      onDragstart: t[2] || (t[2] = E(() => {
       }, ["prevent"])),
-      style: E([e.elementStyle, e.dragElementStyle]),
-      onMousedown: t[3] || (t[3] = (...n) => e.handleElementClick && e.handleElementClick(...n)),
-      onTouchstart: t[4] || (t[4] = (...n) => e.handleElementClick && e.handleElementClick(...n))
+      style: R([e.elementStyle, e.dragElementStyle]),
+      onMousedown: t[3] || (t[3] = (...o) => e.handleElementClick && e.handleElementClick(...o)),
+      onTouchstart: t[4] || (t[4] = (...o) => e.handleElementClick && e.handleElementClick(...o))
     }, [
       M(e.$slots, "default", {
         object: e.object,
@@ -407,27 +407,27 @@ function oe(e, t, i, s, o, a) {
         onDelete: e.onDelete,
         onResize: e.startResizeFromSlot
       }, void 0, !0),
-      e.isSelected && e.showSelectionUi ? (m(!0), v(z, { key: 0 }, B(e.resizeDirections, (n) => (m(), v("button", {
-        key: n,
-        class: Y(["resize-handle", `handle-${n}`]),
+      e.isSelected && e.showSelectionUi ? (m(!0), v(z, { key: 0 }, H(e.resizeDirections, (o) => (m(), v("button", {
+        key: o,
+        class: Y(["resize-handle", `handle-${o}`]),
         type: "button",
-        onMousedown: R((h) => e.startResize(n, h), ["stop", "prevent"]),
-        onTouchstart: R((h) => e.startResize(n, h), ["stop", "prevent"])
-      }, null, 42, ne))), 128)) : $("", !0)
+        onMousedown: E((r) => e.startResize(o, r), ["stop", "prevent"]),
+        onTouchstart: E((r) => e.startResize(o, r), ["stop", "prevent"])
+      }, null, 42, ne))), 128)) : C("", !0)
     ], 38)
   ]);
 }
-const ae = /* @__PURE__ */ V(ie, [["render", oe], ["__scopeId", "data-v-c700849e"]]);
-let H = null, A = null, W = null, X = null;
+const ae = /* @__PURE__ */ Z(ie, [["render", oe], ["__scopeId", "data-v-c700849e"]]);
+let B = null, A = null, W = null, X = null;
 function re(e) {
   const t = e;
   return t.default?.PDFWorker ? t.default : t;
 }
 function he() {
-  return A || (A = import("./pdf-uHvE5neP.mjs").then(re)), A;
+  return A || (A = import("./pdf-l6QfMa5e.mjs").then(re)), A;
 }
 function le() {
-  return W || (W = import("./pdf.worker.min-DmO9Xdfo.mjs").then(
+  return W || (W = import("./pdf.worker.min-eBwwJm95.mjs").then(
     (e) => e.default
   )), W;
 }
@@ -441,10 +441,10 @@ async function ce(e) {
   }
 }
 async function de(e) {
-  return H || (await ce(e), H = new e.PDFWorker({})), H;
+  return B || (await ce(e), B = new e.PDFWorker({})), B;
 }
-function Ce(e) {
-  X = e, H = null, A && A.then((t) => {
+function je(e) {
+  X = e, B = null, A && A.then((t) => {
     t?.GlobalWorkerOptions && (t.GlobalWorkerOptions.workerSrc = e);
   }).catch((t) => {
     console.warn("setWorkerPath: failed to update pdfjs workerSrc immediately", t);
@@ -456,32 +456,32 @@ function G(e) {
     s.onload = () => t(s.result), s.onerror = i, s.readAsArrayBuffer(e);
   });
 }
-async function x(e, t = {}) {
-  const i = await he(), s = await de(i), o = e instanceof ArrayBuffer, a = ArrayBuffer.isView(e), n = typeof Blob < "u" && e instanceof Blob;
-  if (e && typeof e == "object" && !o && !a && !n)
+async function K(e, t = {}) {
+  const i = await he(), s = await de(i), n = e instanceof ArrayBuffer, a = ArrayBuffer.isView(e), o = typeof Blob < "u" && e instanceof Blob;
+  if (e && typeof e == "object" && !n && !a && !o)
     return i.getDocument({ ...e, ...t, worker: s }).promise;
   if (typeof e == "string")
     return i.getDocument({ url: e, ...t, worker: s }).promise;
-  if (n) {
-    const r = await G(e);
-    return i.getDocument({ data: r, ...t, worker: s }).promise;
+  if (o) {
+    const h = await G(e);
+    return i.getDocument({ data: h, ...t, worker: s }).promise;
   }
-  const h = o ? e : new Uint8Array(
+  const r = n ? e : new Uint8Array(
     e.buffer,
     e.byteOffset,
     e.byteLength
   );
-  return i.getDocument({ data: h, ...t, worker: s }).promise;
+  return i.getDocument({ data: r, ...t, worker: s }).promise;
 }
-function F(e, t, i, s, o, a) {
+function L(e, t, i, s, n, a) {
   return {
-    x: Math.max(0, Math.min(e, o - i)),
+    x: Math.max(0, Math.min(e, n - i)),
     y: Math.max(0, Math.min(t, a - s))
   };
 }
-function ge(e, t, i, s, o, a) {
-  const n = Math.max(0, e), h = Math.max(0, t), r = Math.min(o, e + i), l = Math.min(a, t + s);
-  return r <= n || l <= h ? 0 : (r - n) * (l - h);
+function ge(e, t, i, s, n, a) {
+  const o = Math.max(0, e), r = Math.max(0, t), h = Math.min(n, e + i), l = Math.min(a, t + s);
+  return h <= o || l <= r ? 0 : (h - o) * (l - r);
 }
 function ue(e, t, i = 300) {
   return {
@@ -500,7 +500,7 @@ function q(e, t) {
 function pe(e, t) {
   return !e || !t ? !1 : e.allObjects.some((i) => i.some((s) => s.id === t));
 }
-function L(e, t) {
+function F(e, t) {
   if (!(!e || !t)) {
     for (let i = 0; i < e.allObjects.length; i++)
       if (e.allObjects[i].some((s) => s.id === t))
@@ -508,28 +508,28 @@ function L(e, t) {
   }
 }
 function me(e, t, i, s) {
-  const o = e?.allObjects?.[t];
-  if (!o) return !1;
-  const a = o.findIndex((n) => n.id === i);
-  return a === -1 ? !1 : (o.splice(a, 1, { ...o[a], ...s }), !0);
+  const n = e?.allObjects?.[t];
+  if (!n) return !1;
+  const a = n.findIndex((o) => o.id === i);
+  return a === -1 ? !1 : (n.splice(a, 1, { ...n[a], ...s }), !0);
 }
 function ve(e, t, i) {
   const s = e?.allObjects?.[t];
   if (!s) return !1;
-  const o = s.findIndex((a) => a.id === i);
-  return o === -1 ? !1 : (s.splice(o, 1), !0);
+  const n = s.findIndex((a) => a.id === i);
+  return n === -1 ? !1 : (s.splice(n, 1), !0);
 }
 function we(e, t, i, s) {
-  const o = e[t];
-  if (o)
-    return o;
-  const a = i.getCanvasMeasurement(), n = {
+  const n = e[t];
+  if (n)
+    return n;
+  const a = i.getCanvasMeasurement(), o = {
     width: a.canvasWidth / s,
     height: a.canvasHeight / s
   };
-  return e[t] = n, n;
+  return e[t] = o, o;
 }
-const be = I({
+const be = V({
   name: "PDFElements",
   emits: ["pdf-elements:end-init", "pdf-elements:delete-object", "pdf-elements:object-click"],
   components: {
@@ -593,6 +593,10 @@ const be = I({
       type: Boolean,
       default: !1
     },
+    pageAriaLabel: {
+      type: Function,
+      default: null
+    },
     pdfjsOptions: {
       type: Object,
       default: () => ({})
@@ -658,29 +662,29 @@ const be = I({
       this.autoFitApplied = !1;
       for (let t = 0; t < this.initFiles.length; t++) {
         const i = this.initFiles[t], s = this.initFileNames[t] || `document-${t + 1}.pdf`;
-        let o;
+        let n;
         if (i instanceof Blob) {
-          const r = await G(i);
-          o = await x({ data: r }, this.pdfjsOptions);
+          const h = await G(i);
+          n = await K({ data: h }, this.pdfjsOptions);
         } else
-          o = await x(i, this.pdfjsOptions);
-        const a = [], n = Array(o.numPages).fill(0);
-        for (let r = 1; r <= o.numPages; r++) {
-          const l = o.getPage(r);
+          n = await K(i, this.pdfjsOptions);
+        const a = [], o = Array(n.numPages).fill(0);
+        for (let h = 1; h <= n.numPages; h++) {
+          const l = n.getPage(h);
           l.then((u) => {
-            n.splice(r - 1, 1, u.getViewport({ scale: 1 }).width), this.autoFitZoom && this.scheduleAutoFitZoom();
+            o.splice(h - 1, 1, u.getViewport({ scale: 1 }).width), this.autoFitZoom && this.scheduleAutoFitZoom();
           }), a.push(l);
         }
-        const h = y(a);
+        const r = y(a);
         e.push({
           name: s,
           file: i,
-          pdfDoc: y(o),
-          numPages: o.numPages,
-          pages: h,
-          pageWidths: n,
-          pagesScale: Array(o.numPages).fill(this.scale),
-          allObjects: Array(o.numPages).fill(0).map(() => [])
+          pdfDoc: y(n),
+          numPages: n.numPages,
+          pages: r,
+          pageWidths: o,
+          pagesScale: Array(n.numPages).fill(this.scale),
+          allObjects: Array(n.numPages).fill(0).map(() => [])
         });
       }
       this.pdfDocuments = e, this._pageMeasurementCache = y({}), e.length && (this.selectedDocIndex = 0, this.selectedPageIndex = 0, this.$emit("pdf-elements:end-init", { docsCount: e.length }), this.$nextTick(() => {
@@ -690,14 +694,14 @@ const be = I({
     selectPage(e, t) {
       this.selectedDocIndex = e, this.selectedPageIndex = t;
     },
-    startDraggingElement(e, t, i, s, o, a, n) {
-      this.isDraggingElement = !0, this.draggingObject = { ...i }, this.draggingDocIndex = e, this.draggingPageIndex = t, this.draggingScale = this.getDisplayedPageScale(e, t), this.lastMouseClientPos.x = s, this.lastMouseClientPos.y = o, this.draggingElementShift = n && typeof n.x == "number" && typeof n.y == "number" ? n : { x: 0, y: 0 }, this.cachePageBounds();
-      const h = this.getPageRect(e, t);
+    startDraggingElement(e, t, i, s, n, a, o) {
+      this.isDraggingElement = !0, this.draggingObject = { ...i }, this.draggingDocIndex = e, this.draggingPageIndex = t, this.draggingScale = this.getDisplayedPageScale(e, t), this.lastMouseClientPos.x = s, this.lastMouseClientPos.y = n, this.draggingElementShift = o && typeof o.x == "number" && typeof o.y == "number" ? o : { x: 0, y: 0 }, this.cachePageBounds();
+      const r = this.getPageRect(e, t);
       if (a && typeof a.x == "number" && typeof a.y == "number")
-        this.draggingInitialMouseOffset.x = a.x, this.draggingInitialMouseOffset.y = a.y, this.draggingClientPosition.x = s - this.draggingInitialMouseOffset.x, this.draggingClientPosition.y = o - this.draggingInitialMouseOffset.y;
-      else if (h) {
-        const r = h.left + i.x * this.draggingScale, l = h.top + i.y * this.draggingScale;
-        this.draggingInitialMouseOffset.x = s - r, this.draggingInitialMouseOffset.y = o - l, this.draggingClientPosition.x = s - this.draggingInitialMouseOffset.x, this.draggingClientPosition.y = o - this.draggingInitialMouseOffset.y;
+        this.draggingInitialMouseOffset.x = a.x, this.draggingInitialMouseOffset.y = a.y, this.draggingClientPosition.x = s - this.draggingInitialMouseOffset.x, this.draggingClientPosition.y = n - this.draggingInitialMouseOffset.y;
+      else if (r) {
+        const h = r.left + i.x * this.draggingScale, l = r.top + i.y * this.draggingScale;
+        this.draggingInitialMouseOffset.x = s - h, this.draggingInitialMouseOffset.y = n - l, this.draggingClientPosition.x = s - this.draggingInitialMouseOffset.x, this.draggingClientPosition.y = n - this.draggingInitialMouseOffset.y;
       }
     },
     updateDraggingPosition(e, t) {
@@ -717,8 +721,8 @@ const be = I({
         );
         i !== void 0 && this.$nextTick(() => {
           this.selectPage(t, i);
-          const s = `draggable${t}-${i}-${e}`, o = this.$refs[s];
-          o && Array.isArray(o) && o[0] && (o[0].isSelected = !0);
+          const s = `draggable${t}-${i}-${e}`, n = this.$refs[s];
+          n && Array.isArray(n) && n[0] && (n[0].isSelected = !0);
         });
       }
       this.isDraggingElement = !1, this.draggingObject = null, this.draggingDocIndex = -1, this.draggingPageIndex = -1, this.draggingElementShift = { x: 0, y: 0 }, this.pendingDragClientPos = null;
@@ -727,33 +731,33 @@ const be = I({
       this.pdfDocuments.length && (this.attachAddingListeners(), this.isAddingMode = !0, this.previewElement = { ...e }, this.previewPageDocIndex = 0, this.previewPageIndex = 0, this.previewVisible = !1, this.previewScale = { x: 1, y: 1 }, this.cachePageBounds());
     },
     cachePageBounds() {
-      const e = {}, t = [], i = this.$el, s = i?.scrollTop || 0, o = i?.clientHeight || 0;
-      if (!this.isAddingMode && !this.isDraggingElement && s === this._lastPageBoundsScrollTop && o === this._lastPageBoundsClientHeight)
+      const e = {}, t = [], i = this.$el, s = i?.scrollTop || 0, n = i?.clientHeight || 0;
+      if (!this.isAddingMode && !this.isDraggingElement && s === this._lastPageBoundsScrollTop && n === this._lastPageBoundsClientHeight)
         return;
-      this._lastPageBoundsScrollTop = s, this._lastPageBoundsClientHeight = o;
-      const { minY: a, maxY: n } = ue(s, o);
-      for (let h = 0; h < this.pdfDocuments.length; h++)
-        for (let r = 0; r < this.pdfDocuments[h].pages.length; r++) {
-          const l = this.getPageCanvasElement(h, r);
+      this._lastPageBoundsScrollTop = s, this._lastPageBoundsClientHeight = n;
+      const { minY: a, maxY: o } = ue(s, n);
+      for (let r = 0; r < this.pdfDocuments.length; r++)
+        for (let h = 0; h < this.pdfDocuments[r].pages.length; h++) {
+          const l = this.getPageCanvasElement(r, h);
           if (!l) continue;
-          if (o) {
+          if (n) {
             const d = l.closest(".page-wrapper") || l, g = d.offsetTop || 0, f = d.offsetHeight || 0;
-            if (!fe(g, f, a, n))
+            if (!fe(g, f, a, o))
               continue;
           }
           const u = l.getBoundingClientRect(), c = {
-            docIndex: h,
-            pageIndex: r,
+            docIndex: r,
+            pageIndex: h,
             rect: u
           };
-          e[`${h}-${r}`] = c, t.push(c);
+          e[`${r}-${h}`] = c, t.push(c);
         }
       this._pagesBoundingRects = y(e), this._pagesBoundingRectsList = y(t), this.pageBoundsVersion++;
     },
     cachePageBoundsForPage(e, t) {
       const i = this.getPageCanvasElement(e, t);
       if (!i) return;
-      const s = i.getBoundingClientRect(), o = {
+      const s = i.getBoundingClientRect(), n = {
         ...this._pagesBoundingRects,
         [`${e}-${t}`]: {
           docIndex: e,
@@ -761,7 +765,7 @@ const be = I({
           rect: s
         }
       };
-      this._pagesBoundingRects = y(o), this._pagesBoundingRectsList = y(Object.values(o)), this.pageBoundsVersion++;
+      this._pagesBoundingRects = y(n), this._pagesBoundingRectsList = y(Object.values(n)), this.pageBoundsVersion++;
     },
     getPageBoundsMap() {
       return this._pagesBoundingRects || {};
@@ -795,8 +799,8 @@ const be = I({
         if (l && s)
           return l / s;
       }
-      const n = i.pagesScale[t] || 1, h = this.visualScale && this.scale ? this.visualScale / this.scale : 1;
-      return n * h;
+      const o = i.pagesScale[t] || 1, r = this.visualScale && this.scale ? this.visualScale / this.scale : 1;
+      return o * r;
     },
     getPageComponent(e, t) {
       const i = this.$refs[`page${e}-${t}`];
@@ -808,8 +812,8 @@ const be = I({
     },
     onViewportScroll() {
       this.viewportRafId || (this.viewportRafId = window.requestAnimationFrame(() => {
-        const e = this.$el, t = e?.scrollTop || 0, i = e?.clientWidth || 0, s = t !== this.lastScrollTop, o = i !== this.lastClientWidth;
-        this.lastScrollTop = t, this.lastClientWidth = i, (this.isAddingMode || this.isDraggingElement) && (s || o) && this.cachePageBounds(), this.autoFitZoom && !this.isAddingMode && !this.isDraggingElement && i && o && (this.lastContainerWidth = i, this.autoFitApplied = !1, this.scheduleAutoFitZoom()), this.viewportRafId = 0;
+        const e = this.$el, t = e?.scrollTop || 0, i = e?.clientWidth || 0, s = t !== this.lastScrollTop, n = i !== this.lastClientWidth;
+        this.lastScrollTop = t, this.lastClientWidth = i, (this.isAddingMode || this.isDraggingElement) && (s || n) && this.cachePageBounds(), this.autoFitZoom && !this.isAddingMode && !this.isDraggingElement && i && n && (this.lastContainerWidth = i, this.autoFitApplied = !1, this.scheduleAutoFitZoom()), this.viewportRafId = 0;
       }));
     },
     handleMouseMove(e) {
@@ -819,10 +823,10 @@ const be = I({
         this.hoverRafId = 0;
         const s = this.pendingHoverClientPos;
         if (!s) return;
-        const o = s.x, a = s.y;
-        let n = null;
-        if (this.lastHoverRect && o >= this.lastHoverRect.left && o <= this.lastHoverRect.right && a >= this.lastHoverRect.top && a <= this.lastHoverRect.bottom)
-          n = {
+        const n = s.x, a = s.y;
+        let o = null;
+        if (this.lastHoverRect && n >= this.lastHoverRect.left && n <= this.lastHoverRect.right && a >= this.lastHoverRect.top && a <= this.lastHoverRect.bottom)
+          o = {
             docIndex: this.previewPageDocIndex,
             pageIndex: this.previewPageIndex,
             rect: this.lastHoverRect
@@ -830,37 +834,37 @@ const be = I({
         else {
           const S = this.getPageBoundsList().length ? this.getPageBoundsList() : Object.values(this.getPageBoundsMap());
           for (let w = 0; w < S.length; w++) {
-            const j = S[w], C = j.rect;
-            if (o >= C.left && o <= C.right && a >= C.top && a <= C.bottom) {
-              n = j;
+            const $ = S[w], j = $.rect;
+            if (n >= j.left && n <= j.right && a >= j.top && a <= j.bottom) {
+              o = $;
               break;
             }
           }
         }
-        if (!n) {
+        if (!o) {
           this.previewVisible = !1, this.previewScale = { x: 1, y: 1 }, this.lastHoverRect = null;
           return;
         }
-        this.previewPageDocIndex = n.docIndex, this.previewPageIndex = n.pageIndex, this.lastHoverRect = n.rect;
-        const h = this.getPageCanvasElement(n.docIndex, n.pageIndex), r = this.pdfDocuments[n.docIndex]?.pagesScale?.[n.pageIndex] || 1, l = h?.width || n.rect.width, u = h?.height || n.rect.height, c = l ? n.rect.width / l : 1, d = u ? n.rect.height / u : 1, g = (o - n.rect.left) / c / r, f = (a - n.rect.top) / d / r, b = l / r, D = u / r;
-        this.previewScale.x = r, this.previewScale.y = r;
-        let p = g - this.previewElement.width / 2, O = f - this.previewElement.height / 2;
-        p = Math.max(0, Math.min(p, b - this.previewElement.width)), O = Math.max(0, Math.min(O, D - this.previewElement.height)), this.previewPosition.x = p, this.previewPosition.y = O, this.previewVisible = !0;
+        this.previewPageDocIndex = o.docIndex, this.previewPageIndex = o.pageIndex, this.lastHoverRect = o.rect;
+        const r = this.getPageCanvasElement(o.docIndex, o.pageIndex), h = this.pdfDocuments[o.docIndex]?.pagesScale?.[o.pageIndex] || 1, l = r?.width || o.rect.width, u = r?.height || o.rect.height, c = l ? o.rect.width / l : 1, d = u ? o.rect.height / u : 1, g = (n - o.rect.left) / c / h, f = (a - o.rect.top) / d / h, b = l / h, O = u / h;
+        this.previewScale.x = h, this.previewScale.y = h;
+        let p = g - this.previewElement.width / 2, D = f - this.previewElement.height / 2;
+        p = Math.max(0, Math.min(p, b - this.previewElement.width)), D = Math.max(0, Math.min(D, O - this.previewElement.height)), this.previewPosition.x = p, this.previewPosition.y = D, this.previewVisible = !0;
       })));
     },
     handleOverlayClick(e, t, i) {
       if (!this.emitObjectClick) return;
-      const { x: s, y: o } = this.getPointerPosition(i);
-      if (!Number.isFinite(s) || !Number.isFinite(o)) return;
+      const { x: s, y: n } = this.getPointerPosition(i);
+      if (!Number.isFinite(s) || !Number.isFinite(n)) return;
       this.cachePageBoundsForPage(e, t);
       const a = this.getPageRect(e, t);
       if (!a) return;
-      const n = this.getDisplayedPageScale(e, t) || 1, h = (s - a.left) / n, r = (o - a.top) / n, u = this.pdfDocuments?.[e]?.allObjects?.[t] || [];
+      const o = this.getDisplayedPageScale(e, t) || 1, r = (s - a.left) / o, h = (n - a.top) / o, u = this.pdfDocuments?.[e]?.allObjects?.[t] || [];
       if (u.length === 0) return;
       let c = null;
       for (let d = u.length - 1; d >= 0; d--) {
-        const g = u[d], f = Number(g.x), b = Number(g.y), D = Number(g.width), p = Number(g.height);
-        if ([f, b, D, p].every(Number.isFinite) && h >= f && h <= f + D && r >= b && r <= b + p) {
+        const g = u[d], f = Number(g.x), b = Number(g.y), O = Number(g.width), p = Number(g.height);
+        if ([f, b, O, p].every(Number.isFinite) && r >= f && r <= f + O && h >= b && h <= b + p) {
           c = g;
           break;
         }
@@ -875,6 +879,22 @@ const be = I({
     handleKeyDown(e) {
       e.key === "Escape" && this.isAddingMode && this.cancelAdding();
     },
+    getOverlayAriaLabel(e, t) {
+      const i = this.pdfDocuments?.[e], s = i?.name ?? `Document ${e + 1}`, n = this.pdfDocuments?.length ?? 1, a = i?.numPages ?? 0, o = t + 1;
+      if (this.pageAriaLabel)
+        return this.pageAriaLabel({ docIndex: e, docName: s, totalDocs: n, pageNumber: o, totalPages: a, isAddingMode: this.isAddingMode });
+      const r = n > 1 ? `Document ${e + 1} of ${n} (${s}), ` : "";
+      return this.isAddingMode ? `${r}Page ${o} of ${a}. Press Enter or Space to place here.` : `${r}Page ${o} of ${a}.`;
+    },
+    handleOverlayKeyDown(e, t, i) {
+      if (!this.isAddingMode || !this.previewElement || i.key !== "Enter" && i.key !== " ") return;
+      i.preventDefault();
+      const s = this.getPageWidth(e, t), n = this.getPageHeight(e, t), a = this.getDisplayedPageScale(e, t) || 1;
+      this.previewPageDocIndex = e, this.previewPageIndex = t, this.previewScale = { x: a, y: a }, this.previewPosition = {
+        x: Math.round((s - this.previewElement.width) / 2),
+        y: Math.round((n - this.previewElement.height) / 2)
+      }, this.previewVisible = !0, this.finishAdding();
+    },
     handleWheel(e) {
       if (!e.ctrlKey) return;
       e.preventDefault();
@@ -900,10 +920,10 @@ const be = I({
         return;
       }
       t.allObjects[this.previewPageIndex].push(e);
-      const o = this.previewPageIndex, a = this.previewPageDocIndex, n = e.id;
+      const n = this.previewPageIndex, a = this.previewPageDocIndex, o = e.id;
       this.cancelAdding(), this.$nextTick(() => {
-        const h = `draggable${a}-${o}-${n}`, r = this.$refs[h];
-        r && Array.isArray(r) && r[0] && (r[0].isSelected = !0);
+        const r = `draggable${a}-${n}-${o}`, h = this.$refs[r];
+        h && Array.isArray(h) && h[0] && (h[0].isSelected = !0);
       });
     },
     cancelAdding() {
@@ -921,12 +941,12 @@ const be = I({
     },
     addObjectToPage(e, t = this.selectedPageIndex, i = this.selectedDocIndex) {
       if (i < 0 || i >= this.pdfDocuments.length || t < 0 || t >= this.pdfDocuments[i].pages.length) return !1;
-      const s = this.pdfDocuments[i], o = this.getPageComponent(i, t);
-      if (!o) return !1;
+      const s = this.pdfDocuments[i], n = this.getPageComponent(i, t);
+      if (!n) return !1;
       let a = e;
       (!a.id || this.objectIdExists(i, a.id)) && (a = { ...a, id: this.generateObjectId() });
-      const n = this.getCachedMeasurement(i, t, o), h = n.width, r = n.height;
-      return a.x < 0 || a.y < 0 || a.x + a.width > h || a.y + a.height > r ? !1 : (s.allObjects[t].push(a), this.objectIndexCache[`${i}-${a.id}`] = t, !0);
+      const o = this.getCachedMeasurement(i, t, n), r = o.width, h = o.height;
+      return a.x < 0 || a.y < 0 || a.x + a.width > r || a.y + a.height > h ? !1 : (s.allObjects[t].push(a), this.objectIndexCache[`${i}-${a.id}`] = t, !0);
     },
     objectIdExists(e, t) {
       if (!t) return !1;
@@ -936,8 +956,8 @@ const be = I({
       return pe(s, t);
     },
     updateObjectInPage(e, t, i, s) {
-      const o = this.pdfDocuments[e];
-      me(o, t, i, s);
+      const n = this.pdfDocuments[e];
+      me(n, t, i, s);
     },
     removeObjectFromPage(e, t, i) {
       const s = this.pdfDocuments[e];
@@ -946,20 +966,20 @@ const be = I({
     getAllObjects(e = this.selectedDocIndex) {
       if (e < 0 || e >= this.pdfDocuments.length) return [];
       const t = this.pdfDocuments[e], i = [];
-      return t.allObjects.forEach((s, o) => {
-        const a = this.getPageComponent(e, o);
+      return t.allObjects.forEach((s, n) => {
+        const a = this.getPageComponent(e, n);
         if (!a) return;
-        const h = this.getCachedMeasurement(e, o, a).height, r = t.pagesScale[o] || 1;
+        const r = this.getCachedMeasurement(e, n, a).height, h = t.pagesScale[n] || 1;
         s.forEach((l) => {
           i.push({
             ...l,
-            pageIndex: o,
-            pageNumber: o + 1,
-            scale: r,
+            pageIndex: n,
+            pageNumber: n + 1,
+            scale: h,
             normalizedCoordinates: {
               llx: Math.round(l.x),
-              lly: Math.round(h - l.y),
-              ury: Math.round(h - l.y - l.height),
+              lly: Math.round(r - l.y),
+              ury: Math.round(r - l.y - l.height),
               width: Math.round(l.width),
               height: Math.round(l.height)
             }
@@ -969,46 +989,46 @@ const be = I({
     },
     updateObject(e, t, i) {
       if (e < 0 || e >= this.pdfDocuments.length) return;
-      const s = this.pdfDocuments[e], o = `${e}-${t}`;
-      let a = this.objectIndexCache[o];
-      if (a === void 0 && (a = L(s, t), a !== void 0 && (this.objectIndexCache[o] = a)), a === void 0) return;
-      const n = s.allObjects[a]?.find((h) => h.id === t);
-      if (n) {
+      const s = this.pdfDocuments[e], n = `${e}-${t}`;
+      let a = this.objectIndexCache[n];
+      if (a === void 0 && (a = F(s, t), a !== void 0 && (this.objectIndexCache[n] = a)), a === void 0) return;
+      const o = s.allObjects[a]?.find((r) => r.id === t);
+      if (o) {
         if (i._globalDrag && i._mouseX !== void 0 && i._mouseY !== void 0) {
-          const h = i._mouseX, r = i._mouseY, l = this.getPageBoundsMap();
+          const r = i._mouseX, h = i._mouseY, l = this.getPageBoundsMap();
           (!l || Object.keys(l).length === 0) && this.cachePageBounds();
           const u = this.getPageRect(e, a);
           if (u) {
-            const c = this.getDisplayedPageScale(e, a), d = (h - u.left - this.draggingElementShift.x) / c - this.draggingInitialMouseOffset.x / c, g = (r - u.top - this.draggingElementShift.y) / c - this.draggingInitialMouseOffset.y / c;
+            const c = this.getDisplayedPageScale(e, a), d = (r - u.left - this.draggingElementShift.x) / c - this.draggingInitialMouseOffset.x / c, g = (h - u.top - this.draggingElementShift.y) / c - this.draggingInitialMouseOffset.y / c;
             this.updateObjectInPage(e, a, t, { x: d, y: g });
           }
           return;
         }
         if (i.x !== void 0 || i.y !== void 0) {
-          const h = i.x !== void 0 ? i.x : n.x, r = i.y !== void 0 ? i.y : n.y, l = i.width !== void 0 ? i.width : n.width, u = i.height !== void 0 ? i.height : n.height, { width: c, height: d } = this.getPageSize(e, a);
-          if (h >= 0 && r >= 0 && h + l <= c && r + u <= d) {
+          const r = i.x !== void 0 ? i.x : o.x, h = i.y !== void 0 ? i.y : o.y, l = i.width !== void 0 ? i.width : o.width, u = i.height !== void 0 ? i.height : o.height, { width: c, height: d } = this.getPageSize(e, a);
+          if (r >= 0 && h >= 0 && r + l <= c && h + u <= d) {
             this.updateObjectInPage(e, a, t, i);
             return;
           }
           let g = a, f = 0;
           for (let p = 0; p < s.pages.length; p++) {
-            const O = this.getPageWidth(e, p), S = this.getPageHeight(e, p), w = ge(h, r, l, u, O, S);
+            const D = this.getPageWidth(e, p), S = this.getPageHeight(e, p), w = ge(r, h, l, u, D, S);
             w > f && (f = w, g = p);
           }
           if (g !== a) {
-            const { width: p, height: O } = this.getPageSize(e, g), { x: S, y: w } = F(h, r, l, u, p, O);
+            const { width: p, height: D } = this.getPageSize(e, g), { x: S, y: w } = L(r, h, l, u, p, D);
             this.removeObjectFromPage(e, a, t);
-            const j = {
-              ...n,
+            const $ = {
+              ...o,
               ...i,
               x: S,
               y: w
             };
-            s.allObjects[g].push(j), this.objectIndexCache[`${e}-${t}`] = g;
+            s.allObjects[g].push($), this.objectIndexCache[`${e}-${t}`] = g;
             return;
           }
-          const { width: b, height: D } = this.getPageSize(e, a);
-          if (h < 0 || r < 0 || h + l > b || r + u > D)
+          const { width: b, height: O } = this.getPageSize(e, a);
+          if (r < 0 || h < 0 || r + l > b || h + u > O)
             return;
         }
         this.updateObjectInPage(e, a, t, i);
@@ -1017,30 +1037,30 @@ const be = I({
     deleteObject(e, t) {
       if (e < 0 || e >= this.pdfDocuments.length) return;
       const i = this.pdfDocuments[e];
-      let s = null, o = -1;
-      i.allObjects.some((a, n) => {
-        const h = a.findIndex((r) => r.id === t);
-        return h === -1 ? !1 : (s = a[h], o = n, a.splice(h, 1), !0);
+      let s = null, n = -1;
+      i.allObjects.some((a, o) => {
+        const r = a.findIndex((h) => h.id === t);
+        return r === -1 ? !1 : (s = a[r], n = o, a.splice(r, 1), !0);
       }), delete this.objectIndexCache[`${e}-${t}`], s && this.$emit("pdf-elements:delete-object", {
         object: s,
         docIndex: e,
-        pageIndex: o
+        pageIndex: n
       });
     },
     duplicateObject(e, t) {
       if (e < 0 || e >= this.pdfDocuments.length) return;
       const i = this.pdfDocuments[e], s = `${e}-${t}`;
-      let o = this.objectIndexCache[s];
-      if (o === void 0 && (o = L(i, t), o !== void 0 && (this.objectIndexCache[s] = o)), o === void 0) return;
-      const a = i.allObjects[o]?.find((g) => g.id === t);
+      let n = this.objectIndexCache[s];
+      if (n === void 0 && (n = F(i, t), n !== void 0 && (this.objectIndexCache[s] = n)), n === void 0) return;
+      const a = i.allObjects[n]?.find((g) => g.id === t);
       if (!a) return;
-      const { width: n, height: h } = this.getPageSize(e, o), r = 12, { x: l, y: u } = F(
-        a.x + r,
-        a.y + r,
+      const { width: o, height: r } = this.getPageSize(e, n), h = 12, { x: l, y: u } = L(
+        a.x + h,
+        a.y + h,
         a.width,
         a.height,
-        n,
-        h
+        o,
+        r
       );
       let c = a.signer;
       c?.element && Object.prototype.hasOwnProperty.call(c.element, "elementId") && (c = {
@@ -1054,42 +1074,42 @@ const be = I({
         y: u,
         signer: c
       };
-      i.allObjects[o].push(d), this.objectIndexCache[`${e}-${d.id}`] = o, this.$nextTick(() => {
-        const g = `draggable${e}-${o}-${d.id}`, f = this.$refs[g];
+      i.allObjects[n].push(d), this.objectIndexCache[`${e}-${d.id}`] = n, this.$nextTick(() => {
+        const g = `draggable${e}-${n}-${d.id}`, f = this.$refs[g];
         f && Array.isArray(f) && f[0] && (f[0].isSelected = !0);
       });
     },
     checkAndMoveObjectPage(e, t, i, s) {
       if (e < 0 || e >= this.pdfDocuments.length) return;
-      const o = this.pdfDocuments[e], a = `${e}-${t}`;
-      let n = this.objectIndexCache[a];
-      if (n === void 0 && (n = L(o, t), n !== void 0 && (this.objectIndexCache[a] = n)), n === void 0) return;
-      const h = o.allObjects[n]?.find((w) => w.id === t);
-      if (!h) return n;
-      let r = n;
+      const n = this.pdfDocuments[e], a = `${e}-${t}`;
+      let o = this.objectIndexCache[a];
+      if (o === void 0 && (o = F(n, t), o !== void 0 && (this.objectIndexCache[a] = o)), o === void 0) return;
+      const r = n.allObjects[o]?.find((w) => w.id === t);
+      if (!r) return o;
+      let h = o;
       const l = this.getPageBoundsList(), u = this.getPageBoundsMap(), c = l.length ? l : Object.values(u);
       for (let w = 0; w < c.length; w++) {
-        const { docIndex: j, pageIndex: C, rect: k } = c[w];
-        if (j === e && i >= k.left && i <= k.right && s >= k.top && s <= k.bottom) {
-          r = C;
+        const { docIndex: $, pageIndex: j, rect: k } = c[w];
+        if ($ === e && i >= k.left && i <= k.right && s >= k.top && s <= k.bottom) {
+          h = j;
           break;
         }
       }
-      const d = this.getPageRect(e, r);
-      if (!d) return n;
-      const g = this.getDisplayedPageScale(e, r), f = (i - d.left - this.draggingElementShift.x) / g - this.draggingInitialMouseOffset.x / g, b = (s - d.top - this.draggingElementShift.y) / g - this.draggingInitialMouseOffset.y / g, { width: D, height: p } = this.getPageSize(e, r), { x: O, y: S } = F(
+      const d = this.getPageRect(e, h);
+      if (!d) return o;
+      const g = this.getDisplayedPageScale(e, h), f = (i - d.left - this.draggingElementShift.x) / g - this.draggingInitialMouseOffset.x / g, b = (s - d.top - this.draggingElementShift.y) / g - this.draggingInitialMouseOffset.y / g, { width: O, height: p } = this.getPageSize(e, h), { x: D, y: S } = L(
         f,
         b,
-        h.width,
-        h.height,
-        D,
+        r.width,
+        r.height,
+        O,
         p
       );
-      return r !== n ? (this.removeObjectFromPage(e, n, t), o.allObjects[r].push({
-        ...h,
-        x: O,
+      return h !== o ? (this.removeObjectFromPage(e, o, t), n.allObjects[h].push({
+        ...r,
+        x: D,
         y: S
-      }), this.objectIndexCache[a] = r) : (O !== h.x || S !== h.y) && this.updateObjectInPage(e, n, t, { x: O, y: S }), r;
+      }), this.objectIndexCache[a] = h) : (D !== r.x || S !== r.y) && this.updateObjectInPage(e, o, t, { x: D, y: S }), h;
     },
     onMeasure(e, t, i) {
       t < 0 || t >= this.pdfDocuments.length || (this.pdfDocuments[t].pagesScale.splice(i, 1, e.scale), this._pageMeasurementCache[`${t}-${i}`] = null, this.cachePageBoundsForPage(t, i), this.autoFitZoom && this.scheduleAutoFitZoom());
@@ -1140,7 +1160,7 @@ const be = I({
         const s = this.$el?.querySelectorAll("canvas");
         if (!s?.length) return;
         t = Math.max(...Array.from(s).map(
-          (o) => o.width / (this.scale || 1)
+          (n) => n.width / (this.scale || 1)
         ));
       }
       const i = this.calculateOptimalScale(t);
@@ -1150,19 +1170,19 @@ const be = I({
 }), ye = {
   key: 0,
   class: "pages-container"
-}, Pe = ["onMousedown", "onTouchstart"], Oe = ["onClick", "onTouchend"], De = {
+}, Pe = ["onMousedown", "onTouchstart"], De = ["role", "tabindex", "aria-label", "onClick", "onTouchend", "onKeydown"], Oe = {
   key: 0,
   class: "page-footer"
 };
-function Se(e, t, i, s, o, a) {
-  const n = Z("PDFPage"), h = Z("DraggableElement");
+function Se(e, t, i, s, n, a) {
+  const o = I("PDFPage"), r = I("DraggableElement");
   return m(), v("div", {
-    style: E({ width: e.width, height: e.height }),
+    style: R({ width: e.width, height: e.height }),
     class: "pdf-elements-root"
   }, [
     e.pdfDocuments.length ? (m(), v("div", ye, [
-      (m(!0), v(z, null, B(e.pdfDocuments, (r, l) => (m(), v("div", { key: l }, [
-        (m(!0), v(z, null, B(r.pages, (u, c) => (m(), v("div", {
+      (m(!0), v(z, null, H(e.pdfDocuments, (h, l) => (m(), v("div", { key: l }, [
+        (m(!0), v(z, null, H(h.pages, (u, c) => (m(), v("div", {
           key: `${l}-${c}`,
           class: "page-slot"
         }, [
@@ -1174,7 +1194,7 @@ function Se(e, t, i, s, o, a) {
             P("div", {
               class: Y(["page-canvas", { "shadow-outline": l === e.selectedDocIndex && c === e.selectedPageIndex }])
             }, [
-              K(n, {
+              x(o, {
                 ref_for: !0,
                 ref: `page${l}-${c}`,
                 page: u,
@@ -1183,15 +1203,20 @@ function Se(e, t, i, s, o, a) {
               }, null, 8, ["page", "scale", "onOnMeasure"]),
               P("div", {
                 class: "overlay",
+                role: e.isAddingMode ? "button" : void 0,
+                tabindex: e.isAddingMode ? 0 : -1,
+                "aria-label": e.getOverlayAriaLabel(l, c),
                 onMousemove: t[0] || (t[0] = (...d) => e.handleMouseMove && e.handleMouseMove(...d)),
                 onTouchmove: t[1] || (t[1] = (...d) => e.handleMouseMove && e.handleMouseMove(...d)),
                 onClick: (d) => e.handleOverlayClick(l, c, d),
-                onTouchend: (d) => e.handleOverlayClick(l, c, d)
+                onTouchend: (d) => e.handleOverlayClick(l, c, d),
+                onKeydown: (d) => e.handleOverlayKeyDown(l, c, d)
               }, [
                 e.isAddingMode && e.previewPageDocIndex === l && e.previewPageIndex === c && e.previewElement && e.previewVisible ? (m(), v("div", {
                   key: 0,
                   class: "preview-element",
-                  style: E({
+                  "aria-hidden": "true",
+                  style: R({
                     left: `${e.previewPosition.x * e.previewScale.x}px`,
                     top: `${e.previewPosition.y * e.previewScale.y}px`,
                     width: `${e.previewElement.width * e.previewScale.x}px`,
@@ -1207,8 +1232,8 @@ function Se(e, t, i, s, o, a) {
                       isSelected: !1
                     }, void 0, !0)
                   ], !0)
-                ], 4)) : $("", !0),
-                (m(!0), v(z, null, B(r.allObjects[c], (d) => (m(), J(h, {
+                ], 4)) : C("", !0),
+                (m(!0), v(z, null, H(h.allObjects[c], (d) => (m(), J(r, {
                   key: d.id,
                   ref_for: !0,
                   ref: `draggable${l}-${c}-${d.id}`,
@@ -1220,7 +1245,7 @@ function Se(e, t, i, s, o, a) {
                   "on-update": (g) => e.updateObject(l, d.id, g),
                   "on-delete": () => e.deleteObject(l, d.id),
                   "on-duplicate": () => e.duplicateObject(l, d.id),
-                  "on-drag-start": (g, f, b, D) => e.startDraggingElement(l, c, d, g, f, b, D),
+                  "on-drag-start": (g, f, b, O) => e.startDraggingElement(l, c, d, g, f, b, O),
                   "on-drag-move": e.updateDraggingPosition,
                   "on-drag-end": e.stopDraggingElement,
                   "is-being-dragged-globally": e.isDraggingElement && e.draggingObject && e.draggingObject.id === d.id,
@@ -1255,20 +1280,20 @@ function Se(e, t, i, s, o, a) {
                   ]),
                   _: 2
                 }, 1032, ["object", "pages-scale", "page-width", "page-height", "read-only", "on-update", "on-delete", "on-duplicate", "on-drag-start", "on-drag-move", "on-drag-end", "is-being-dragged-globally", "dragging-client-pos", "current-doc-index", "current-page-index", "global-drag-doc-index", "global-drag-page-index", "show-selection-ui", "show-default-actions", "ignore-click-outside-selectors"]))), 128))
-              ], 40, Oe)
+              ], 40, De)
             ], 2),
-            e.showPageFooter ? (m(), v("div", De, [
-              P("span", null, U(r.name), 1),
-              P("span", null, U(e.formatPageNumber(c + 1, r.numPages)), 1)
-            ])) : $("", !0)
+            e.showPageFooter ? (m(), v("div", Oe, [
+              P("span", null, U(h.name), 1),
+              P("span", null, U(e.formatPageNumber(c + 1, h.numPages)), 1)
+            ])) : C("", !0)
           ], 40, Pe)
         ]))), 128))
       ]))), 128))
-    ])) : $("", !0),
+    ])) : C("", !0),
     e.isDraggingElement && e.draggingObject ? (m(), v("div", {
       key: 1,
       class: "drag-portal",
-      style: E({
+      style: R({
         position: "fixed",
         left: `${e.draggingClientPosition.x}px`,
         top: `${e.draggingClientPosition.y}px`,
@@ -1286,10 +1311,10 @@ function Se(e, t, i, s, o, a) {
           isSelected: !1
         }, void 0, !0)
       ], !0)
-    ], 4)) : $("", !0)
+    ], 4)) : C("", !0)
   ], 4);
 }
-const T = /* @__PURE__ */ V(be, [["render", Se], ["__scopeId", "data-v-eb792162"]]), Me = (e) => {
+const T = /* @__PURE__ */ Z(be, [["render", Se], ["__scopeId", "data-v-d63caaf3"]]), Me = (e) => {
   const t = T.name || "PDFElements";
   e.component(t, T);
 };
@@ -1297,5 +1322,5 @@ T.install = Me;
 export {
   T as PDFElements,
   T as default,
-  Ce as setWorkerPath
+  je as setWorkerPath
 };