@vue-pdf-viewer/viewer 3.7.0-beta.0 → 3.7.0-beta.1

package/dist/{index-CEzhAcTI.js → index-D_co5RyT.js}

@@ -1641,7 +1641,7 @@ const qd = (l) => {
     repeat: ["", "x", "y", "space", "round"]
   }], A = () => ["auto", "cover", "contain", Ko, Oo, {
     size: [Il, rl]
-  }], y = () => [qF, AZ, Ht], E = () => [
+  }], B = () => [qF, AZ, Ht], E = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -2649,21 +2649,21 @@ const qd = (l) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: y()
+        from: B()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: y()
+        via: B()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: y()
+        to: B()
       }],
       /**
        * Gradient Color Stops From
@@ -4298,7 +4298,7 @@ class TZ {
     }
   }
 }
-const al = TZ.getInstance(), ei = /* @__PURE__ */ new Date("2026-01-05T13:53:58.551Z"), $F = "Please visit https://www.vue-pdf-viewer.dev/license-management/ to generate a new license key.", GZ = {
+const al = TZ.getInstance(), ei = /* @__PURE__ */ new Date("2026-01-06T03:45:26.429Z"), $F = "Please visit https://www.vue-pdf-viewer.dev/license-management/ to generate a new license key.", GZ = {
   invalidLicense: JSON.stringify({
     message: `You are currently using %cwithout%c a valid license. ${$F}`,
     style: ["font-weight: bold;", "font-weight: normal;"]
@@ -4354,7 +4354,7 @@ function Vi(l) {
 }
 async function Wi(l, U) {
   try {
-    const d = await import("./index-w0TesC4F.js").then((V) => V.i), t = d.pki.publicKeyFromPem(U), Z = atob(l.data), n = d.util.decode64(l.signature), F = d.pss.create({
+    const d = await import("./index-CCIILzUt.js").then((V) => V.i), t = d.pki.publicKeyFromPem(U), Z = atob(l.data), n = d.util.decode64(l.signature), F = d.pss.create({
       md: d.md.sha256.create(),
       mgf: d.mgf.mgf1.create(d.md.sha256.create()),
       saltLength: 32
@@ -11118,16 +11118,16 @@ var vY = /* @__PURE__ */ j({
           const f = Y.right - D.right, tl = window.innerWidth - k.right - f, Fl = window.innerWidth - S.right - tl, bl = S.width + Fl, ul = Math.max(bl, Y.width), q = window.innerWidth - BU, Xl = a0(tl, BU, Math.max(BU, q - ul));
           V.value.style.minWidth = `${bl}px`, V.value.style.right = `${Xl}px`;
         }
-        const h = Z().map((f) => f.ref), X = window.innerHeight - BU * 2, J = i.value.scrollHeight, u = window.getComputedStyle(W.value), L = Number.parseInt(u.borderTopWidth, 10), r = Number.parseInt(u.paddingTop, 10), w = Number.parseInt(u.borderBottomWidth, 10), g = Number.parseInt(u.paddingBottom, 10), $ = L + r + J + g + w, P = Math.min(o.value.offsetHeight * 5, $), Zl = window.getComputedStyle(i.value), O = Number.parseInt(Zl.paddingTop, 10), v = Number.parseInt(Zl.paddingBottom, 10), K = S.top + S.height / 2 - BU, A = X - K, y = o.value.offsetHeight / 2, E = o.value.offsetTop + y, x = L + r + E, _ = $ - x;
+        const h = Z().map((f) => f.ref), X = window.innerHeight - BU * 2, J = i.value.scrollHeight, u = window.getComputedStyle(W.value), L = Number.parseInt(u.borderTopWidth, 10), r = Number.parseInt(u.paddingTop, 10), w = Number.parseInt(u.borderBottomWidth, 10), g = Number.parseInt(u.paddingBottom, 10), $ = L + r + J + g + w, P = Math.min(o.value.offsetHeight * 5, $), Zl = window.getComputedStyle(i.value), O = Number.parseInt(Zl.paddingTop, 10), v = Number.parseInt(Zl.paddingBottom, 10), K = S.top + S.height / 2 - BU, A = X - K, B = o.value.offsetHeight / 2, E = o.value.offsetTop + B, x = L + r + E, _ = $ - x;
         if (x <= K) {
           const f = o.value === h[h.length - 1];
           V.value.style.bottom = "0px";
-          const tl = W.value.clientHeight - i.value.offsetTop - i.value.offsetHeight, Fl = Math.max(A, y + (f ? v : 0) + tl + w), bl = x + Fl;
+          const tl = W.value.clientHeight - i.value.offsetTop - i.value.offsetHeight, Fl = Math.max(A, B + (f ? v : 0) + tl + w), bl = x + Fl;
           V.value.style.height = `${bl}px`;
         } else {
           const f = o.value === h[0];
           V.value.style.top = "0px";
-          const Fl = Math.max(K, L + i.value.offsetTop + (f ? O : 0) + y) + _;
+          const Fl = Math.max(K, L + i.value.offsetTop + (f ? O : 0) + B) + _;
           V.value.style.height = `${Fl}px`, i.value.scrollTop = x - K + i.value.offsetTop;
         }
         V.value.style.margin = `${BU}px 0`, V.value.style.minHeight = `${P}px`, V.value.style.maxHeight = `${X}px`, t("placed"), requestAnimationFrame(() => e.value = !0);
@@ -17380,7 +17380,7 @@ const F1 = /* @__PURE__ */ j({
           break;
       }
       Q.left = v / L, Q.top = K / r;
-      const [A, y] = D(), E = Q.left + A, x = Q.top + y, { style: _ } = d.resizeElement;
+      const [A, B] = D(), E = Q.left + A, x = Q.top + B, { style: _ } = d.resizeElement;
       _.left = `${(100 * E).toFixed(2)}%`, _.top = `${(100 * x).toFixed(2)}%`;
     }
     function J(L) {
@@ -17388,9 +17388,9 @@ const F1 = /* @__PURE__ */ j({
       const [r, w] = m.value, { left: g, top: $, width: P, height: Zl } = W, O = D0 / r, v = D0 / w, K = S(i.value), A = (Fd, Ud) => [
         K[0] * Fd + K[2] * Ud,
         K[1] * Fd + K[3] * Ud
-      ], y = S(360 - i.value), E = (Fd, Ud) => [
-        y[0] * Fd + y[2] * Ud,
-        y[1] * Fd + y[3] * Ud
+      ], B = S(360 - i.value), E = (Fd, Ud) => [
+        B[0] * Fd + B[2] * Ud,
+        B[1] * Fd + B[3] * Ud
       ];
       let x, _;
       switch (a.value) {
@@ -17576,7 +17576,7 @@ const F1 = /* @__PURE__ */ j({
           Tl.style.top = `${kd}%`, s.y = kd / 100;
         }
       }
-    }, y = () => {
+    }, B = () => {
       const [sl, Tl] = w.value, { pageX: Yl, pageY: yl } = J.value.clone({ dontFlip: !0, scale: 1 }).rawDims, zl = [
         s.x * sl + Yl,
         (1 - s.y - s.height) * Tl + yl,
@@ -17617,7 +17617,7 @@ const F1 = /* @__PURE__ */ j({
         return;
       const Yl = () => {
         const yl = Y.value;
-        k.value && (k.value.abort(), k.value = null), m.value = null, Y.value = !1, yl && (y(), A(Tl));
+        k.value && (k.value.abort(), k.value = null), m.value = null, Y.value = !1, yl && (B(), A(Tl));
       };
       (!m.value || m.value === Tl.pointerId) && Yl();
     }
@@ -17738,7 +17738,7 @@ const F1 = /* @__PURE__ */ j({
       const { target: Tl } = sl;
       W.value?.contains(Tl) || (d.value = !1);
     }, id = (sl) => {
-      s.width = sl.width, s.height = sl.height, s.x = sl.left, s.y = sl.top, D.value = !1, y();
+      s.width = sl.width, s.height = sl.height, s.x = sl.left, s.y = sl.top, D.value = !1, B();
     };
     dl(
       N,
@@ -18518,7 +18518,7 @@ function NW(l, U, d) {
   let N = s.left - i.left, R = s.top - i.top;
   const m = Z.rotation;
   if (m !== 0) {
-    const A = parseFloat(l.style.left) || N, y = parseFloat(l.style.top) || R;
+    const A = parseFloat(l.style.left) || N, B = parseFloat(l.style.top) || R;
     if (m === 270) {
       const E = e;
       U.getBoundingClientRect();
@@ -18527,7 +18527,7 @@ function NW(l, U, d) {
       const tl = E - f, Fl = H;
       N = tl, R = Fl;
     } else
-      N = A, R = y;
+      N = A, R = B;
   }
   const T = {
     x: N / i.width,
@@ -18540,19 +18540,19 @@ function NW(l, U, d) {
   u > g && (D = g - Y), u < 0 && (D = -Y), r > $ && (h = $ - k), r < 0 && (h = -k);
   let P, Zl, O, v;
   if (m !== 0) {
-    const A = S / zU.PDF_TO_CSS_UNITS, y = N / A, E = R / A, x = o.width / A, _ = o.height / A;
+    const A = S / zU.PDF_TO_CSS_UNITS, B = N / A, E = R / A, x = o.width / A, _ = o.height / A;
     switch (m) {
       case 90:
-        P = E + a, Zl = F - y - x + V, O = E + _ + a, v = F - y + V;
+        P = E + a, Zl = F - B - x + V, O = E + _ + a, v = F - B + V;
         break;
       case 180:
-        P = F - y - x + a, Zl = e - E - _ + V, O = F - y + a, v = e - E + V;
+        P = F - B - x + a, Zl = e - E - _ + V, O = F - B + a, v = e - E + V;
         break;
       case 270:
-        P = y + a, Zl = e - E - _ + V, O = y + x + a, v = e - E + V;
+        P = B + a, Zl = e - E - _ + V, O = B + x + a, v = e - E + V;
         break;
       default:
-        P = y + a, Zl = e - E - _ + V, O = y + x + a, v = e - E + V;
+        P = B + a, Zl = e - E - _ + V, O = B + x + a, v = e - E + V;
         break;
     }
   } else
@@ -18626,12 +18626,12 @@ const uZ = { x: 0, y: 0 }, St = { x: 0, y: 0 }, q1 = /* @__PURE__ */ j({
       const [v, K] = X.value;
       return [v * N.value, K * N.value];
     }), L = p(() => {
-      const v = {}, K = 1 + R.value * N.value, [A, y] = sy(
+      const v = {}, K = 1 + R.value * N.value, [A, B] = sy(
         u.value,
         s.value.rotation,
         K
       );
-      let E = o.x + A, x = o.y + y;
+      let E = o.x + A, x = o.y + B;
       return E = Math.max(0, Math.min(E, 1 - o.width)), x = Math.max(0, Math.min(x, 1 - o.height)), v.left = `${(100 * E).toFixed(2)}%`, v.top = `${(100 * x).toFixed(2)}%`, v.position = "absolute", d.annotation.isModified || V.value ? (v.width = "auto", v.height = "auto") : (v.width = `${100 * o.width}%`, v.height = `${100 * o.height}%`), v;
     }), r = (v) => {
       v.stopPropagation(), v.preventDefault(), Q.value = !0, a.value = !0, Sl(() => {
@@ -18640,29 +18640,29 @@ const uZ = { x: 0, y: 0 }, St = { x: 0, y: 0 }, q1 = /* @__PURE__ */ j({
           K.focus();
           const A = window.getSelection();
           if (A) {
-            let y = null;
+            let B = null;
             if (document.caretPositionFromPoint) {
               const E = document.caretPositionFromPoint(v.clientX, v.clientY);
-              E && (y = document.createRange(), y.setStart(E.offsetNode, E.offset), y.setEnd(E.offsetNode, E.offset));
-            } else document.caretRangeFromPoint && (y = document.caretRangeFromPoint(v.clientX, v.clientY));
-            if (!y) {
+              E && (B = document.createRange(), B.setStart(E.offsetNode, E.offset), B.setEnd(E.offsetNode, E.offset));
+            } else document.caretRangeFromPoint && (B = document.caretRangeFromPoint(v.clientX, v.clientY));
+            if (!B) {
               const E = K.textContent || "", x = K.getBoundingClientRect(), _ = v.clientX - x.left, H = x.width / Math.max(E.length, 1), f = Math.min(Math.floor(_ / H), E.length), tl = K.firstChild || K;
-              y = document.createRange(), y.setStart(tl, 0), y.setEnd(tl, f);
+              B = document.createRange(), B.setStart(tl, 0), B.setEnd(tl, f);
             }
-            y && (A.removeAllRanges(), A.addRange(y));
+            B && (A.removeAllRanges(), A.addRange(B));
           }
         }
       });
     }, w = (v) => {
       if (v.deleted)
         return;
-      const [K, A] = X.value, y = v.rect, E = N.value, [x, _, H, f] = y, tl = x * E, Fl = (A - f) * E, bl = H * E, ul = (A - _) * E;
+      const [K, A] = X.value, B = v.rect, E = N.value, [x, _, H, f] = B, tl = x * E, Fl = (A - f) * E, bl = H * E, ul = (A - _) * E;
       o.x = Math.min(tl, bl) / (K * E), o.y = Math.min(Fl, ul) / (A * E), o.width = Math.abs(bl - tl) / (K * E), o.height = Math.abs(ul - Fl) / (A * E);
     };
     function g(v = 0, K = 0, A = Z.rotation) {
       if (!F.value)
         return d.annotation.rect;
-      const y = N.value, [E, x] = X.value, [_, H] = J.value, f = v / y, tl = K / y, Fl = o.x * E, bl = o.y * x, ul = o.width * E, q = o.height * x;
+      const B = N.value, [E, x] = X.value, [_, H] = J.value, f = v / B, tl = K / B, Fl = o.x * E, bl = o.y * x, ul = o.width * E, q = o.height * x;
       switch (A) {
         case 0:
           return [
@@ -18706,9 +18706,9 @@ const uZ = { x: 0, y: 0 }, St = { x: 0, y: 0 }, q1 = /* @__PURE__ */ j({
       onStart: (v, K) => {
         const A = F.value;
         if (!A) return;
-        const { left: y, top: E } = A.getBoundingClientRect();
+        const { left: B, top: E } = A.getBoundingClientRect();
         uZ.x = K.clientX, uZ.y = K.clientY, St.x = K.clientX, St.y = K.clientY;
-        const x = K.clientX - y, _ = K.clientY - E;
+        const x = K.clientX - B, _ = K.clientY - E;
         i.x = x, i.y = _, W.value = K.pointerId;
         const H = h.value?.getBoundingClientRect();
         H && (Pt = K.clientX - H.left - i.x, ft = K.clientY - H.top - i.y, o.x = Pt / H.width, o.y = ft / H.height);
@@ -18719,8 +18719,8 @@ const uZ = { x: 0, y: 0 }, St = { x: 0, y: 0 }, q1 = /* @__PURE__ */ j({
         St.x = K.clientX, St.y = K.clientY, t("dragStart", d.annotation);
         const A = F.value;
         if (!A) return;
-        const y = h.value?.getBoundingClientRect();
-        !y || !A || (Pt = K.clientX - y.left - i.x, ft = K.clientY - y.top - i.y, Pt = Math.max(0, Math.min(Pt, y.width - A.offsetWidth)), ft = Math.max(0, Math.min(ft, y.height - A.offsetHeight - 10)), o.x = Pt / y.width, o.y = ft / y.height, A.scrollIntoView({ block: "nearest" }));
+        const B = h.value?.getBoundingClientRect();
+        !B || !A || (Pt = K.clientX - B.left - i.x, ft = K.clientY - B.top - i.y, Pt = Math.max(0, Math.min(Pt, B.width - A.offsetWidth)), ft = Math.max(0, Math.min(ft, B.height - A.offsetHeight - 10)), o.x = Pt / B.width, o.y = ft / B.height, A.scrollIntoView({ block: "nearest" }));
       },
       onEnd: (v, K) => {
         if (W.value !== K.pointerId || uZ.x === St.x && uZ.y === St.y)
@@ -18729,7 +18729,7 @@ const uZ = { x: 0, y: 0 }, St = { x: 0, y: 0 }, q1 = /* @__PURE__ */ j({
           const x = h.value?.getBoundingClientRect();
           x && (o.x = Pt / x.width, o.y = ft / x.height);
         }
-        const y = g(
+        const B = g(
           R.value * N.value,
           R.value * N.value,
           Z.rotation
@@ -18738,7 +18738,7 @@ const uZ = { x: 0, y: 0 }, St = { x: 0, y: 0 }, q1 = /* @__PURE__ */ j({
           color: T.value,
           fontSize: S.value,
           value: m.value,
-          rect: y,
+          rect: B,
           pageIndex: D.value,
           noView: !0,
           noPrint: !1
@@ -18771,8 +18771,8 @@ const uZ = { x: 0, y: 0 }, St = { x: 0, y: 0 }, q1 = /* @__PURE__ */ j({
     };
     return dl(
       [() => d.isSelected, F],
-      ([v, K], [A], y) => {
-        K && (Q.value = !v, y(() => {
+      ([v, K], [A], B) => {
+        K && (Q.value = !v, B(() => {
           Q.value = !0, a.value = !1;
         }));
       },
@@ -18787,16 +18787,16 @@ const uZ = { x: 0, y: 0 }, St = { x: 0, y: 0 }, q1 = /* @__PURE__ */ j({
       if (!K || v === A)
         return;
       V.value = !0, await Sl();
-      const y = $(K);
+      const B = $(K);
       t("update:content", {
         ...d.annotation,
         color: T.value,
         fontSize: v,
-        rect: y
+        rect: B
       });
     }), dl([T, F], async ([v, K], [A]) => {
       K && (zZ(v).every(
-        (y, E) => y === zZ(A)[E]
+        (B, E) => B === zZ(A)[E]
       ) || (V.value = !0, await Sl(), t("update:content", {
         ...d.annotation,
         fontSize: S.value,
@@ -19110,21 +19110,25 @@ const Ka = () => {
     ensureStorageInitialized: D,
     getEditorKey: h
   } = hU(), { isScrolling: X } = it(o), { addHistory: J } = Ka();
-  function u(y, E) {
+  function u(B, E) {
     const x = {
       ...E,
       pageIndex: m.value
     };
     Sl(() => {
-      y === "create" ? Z(x) : y === "update" ? n(x) : y === "delete" && F(x);
+      B === "create" ? Z(x) : B === "update" ? n(x) : B === "delete" && F(x);
     });
   }
-  dl([N, s], async (y) => {
-    i.value = !1, await P(R.value), i.value = !0;
-  });
-  function L(y, E, x, _ = !0) {
+  dl(
+    [N, s],
+    async (B) => {
+      i.value = !1, await P(R.value), i.value = !0;
+    },
+    { immediate: !0 }
+  );
+  function L(B, E, x, _ = !0) {
     let { box: f, getOutlines: tl } = yt(E);
-    const Fl = tl().toSVGPath(), { id: bl, clipPathId: ul } = y.draw(
+    const Fl = tl().toSVGPath(), { id: bl, clipPathId: ul } = B.draw(
       {
         bbox: f,
         root: {
@@ -19146,7 +19150,7 @@ const Ka = () => {
       borderWidth: _ ? 25e-4 : 0,
       innerMargin: _ ? 25e-4 : 0,
       isLTR: !0
-    }), Xl = q.box, kl = q.getOutlines().toSVGPath(), Bl = y.drawOutline(
+    }), Xl = q.box, kl = q.getOutlines().toSVGPath(), Bl = B.drawOutline(
       {
         rootClass: {
           "vpv-highlight-outline": !0,
@@ -19159,19 +19163,19 @@ const Ka = () => {
       },
       !1
     );
-    return T.value && (y.updateProperties(bl, {
+    return T.value && (B.updateProperties(bl, {
       root: {
         "data-main-rotation": T.value
       }
-    }), y.updateProperties(Bl, {
+    }), B.updateProperties(Bl, {
       root: {
         "data-main-rotation": T.value
       }
     })), { id: bl, clipPathUrl: ul, outlineId: Bl };
   }
-  function r(y, E, x, _, H = !0) {
+  function r(B, E, x, _, H = !0) {
     const f = sn(E, l.viewport.value), tl = on(f), Fl = yt(E).getOutlines().serialize(tl, T.value), bl = {
-      id: y,
+      id: B,
       annotationType: jl.Highlight,
       quadPoints: new Float32Array(f),
       rect: tl,
@@ -19205,24 +19209,24 @@ const Ka = () => {
     );
     bl.drawLayerId = ul, bl.outlineId = Xl;
     const kl = l.canvasLayer.value.lastElementChild, Bl = document.createElement("div");
-    Bl.style.cssText = kl?.style.cssText || "", Bl.style.position = "absolute", V.value.set(y, Bl);
+    Bl.style.cssText = kl?.style.cssText || "", Bl.style.position = "absolute", V.value.set(B, Bl);
     const hl = {
       ...el(bl),
       pageIndex: m.value
     };
-    return k.value.set(y, hl), a.value.push(hl), u("create", hl), Sl(() => {
-      W.set(y, {
+    return k.value.set(B, hl), a.value.push(hl), u("create", hl), Sl(() => {
+      W.set(B, {
         clipPathUrl: q,
         outlineId: Xl,
         drawLayerId: ul
-      }), Q.set(y, H);
+      }), Q.set(B, H);
     }), hl;
   }
-  function w(y, E, x = !0) {
+  function w(B, E, x = !0) {
     const _ = h(), H = d?.value ?? "#ffff00";
-    let f = r(_, y, H, E, x);
+    let f = r(_, B, H, E, x);
     return J(
-      () => f = r(_, y, H, E, !1),
+      () => f = r(_, B, H, E, !1),
       () => A(f),
       () => {
       },
@@ -19232,18 +19236,18 @@ const Ka = () => {
       !0
     ), f;
   }
-  function g(y) {
+  function g(B) {
     const E = document.createElement("div");
-    return E.style.cssText = y.style.cssText, E.style.position = "absolute", E;
+    return E.style.cssText = B.style.cssText, E.style.position = "absolute", E;
   }
-  function $(y) {
+  function $(B) {
     const E = [], { width: x, height: _ } = l.viewport.value;
-    for (let H = 0; H < y.length; H += 8) {
+    for (let H = 0; H < B.length; H += 8) {
       const f = [];
       for (let xl = 0; xl < 8; xl += 2) {
         const [Jd, Xd] = l.viewport.value.convertToViewportPoint(
-          y[H + xl],
-          y[H + xl + 1]
+          B[H + xl],
+          B[H + xl + 1]
         );
         f.push({ x: Jd, y: Xd });
       }
@@ -19252,12 +19256,12 @@ const Ka = () => {
     }
     return E;
   }
-  async function P(y = !0) {
+  async function P(B = !0) {
     if (!D()) {
       al.debug("❌ Storage not initialized in prepareHighlightElements");
       return;
     }
-    console.log("[DEBUG] prepareHighlightElements", y, i.value);
+    console.log("[DEBUG] prepareHighlightElements", B, i.value);
     try {
       l.canvasLayer.value.querySelectorAll("svg").forEach((q) => {
         q.remove();
@@ -19294,7 +19298,7 @@ const Ka = () => {
         const Jd = q.id?.startsWith(gd);
         if (bl.includes(q.id))
           continue;
-        if (!y) {
+        if (!B) {
           if (!kl && !Jd)
             continue;
           const sl = $(q.quadPoints);
@@ -19325,14 +19329,14 @@ const Ka = () => {
       al.error("Error preparing highlight elements:", E), i.value = !1;
     }
   }
-  const Zl = (y) => {
+  const Zl = (B) => {
     Q.forEach((E, x) => {
       Q.set(x, !1);
-    }), Q.set(y.id, !0);
-  }, O = (y, E) => {
-    d && (d.value = y), E.hexColor = y, el(e.value)?.updateProperties(E.drawLayerId, {
+    }), Q.set(B.id, !0);
+  }, O = (B, E) => {
+    d && (d.value = B), E.hexColor = B, el(e.value)?.updateProperties(E.drawLayerId, {
       root: {
-        fill: y
+        fill: B
       }
     });
     const { id: x } = E, _ = el(S.value)?.getRawValue(x), H = !x?.startsWith(gd), {
@@ -19359,7 +19363,7 @@ const Ka = () => {
       structureTreeParentId: -1,
       rotation: Xl,
       pageIndex: m.value,
-      hexColor: y,
+      hexColor: B,
       color: kl.color,
       opacity: 1
     };
@@ -19379,12 +19383,12 @@ const Ka = () => {
       k.value.set(hl, { ...E, ...Bl });
     }
     u("update", { ...E, ...Bl });
-  }, v = (y, E) => {
+  }, v = (B, E) => {
     const x = d?.value ?? "#ffff00", _ = E.id;
     J(
       () => {
         const H = a.value.find((f) => f.id === _);
-        H && O(y, H);
+        H && O(B, H);
       },
       () => {
         const H = a.value.find((f) => f.id === _);
@@ -19397,22 +19401,22 @@ const Ka = () => {
       !1,
       !0
     );
-  }, K = (y) => {
-    Q.set(y, !1);
-    const E = a.value.find((x) => x.id === y);
-    E && u("delete", E), a.value = a.value.filter((x) => x.id !== y), typeof E.drawLayerId == "number" && el(e.value)?.remove(E.drawLayerId), typeof E.outlineId == "number" && el(e.value)?.remove(E.outlineId), V.value.delete(y), Q.delete(y), W.delete(y), y?.startsWith(gd) ? k.value.delete(y) : (el(S.value)?.setValue(y, {
+  }, K = (B) => {
+    Q.set(B, !1);
+    const E = a.value.find((x) => x.id === B);
+    E && u("delete", E), a.value = a.value.filter((x) => x.id !== B), typeof E.drawLayerId == "number" && el(e.value)?.remove(E.drawLayerId), typeof E.outlineId == "number" && el(e.value)?.remove(E.outlineId), V.value.delete(B), Q.delete(B), W.delete(B), B?.startsWith(gd) ? k.value.delete(B) : (el(S.value)?.setValue(B, {
       pageIndex: m.value,
       deleted: !0,
       noView: !0,
       noPrint: !0
     }), k.value.set(h(), {
       pageIndex: m.value,
-      id: y,
+      id: B,
       deleted: !0,
       annotationType: jl.Highlight
     }));
-  }, A = (y) => {
-    let E = y;
+  }, A = (B) => {
+    let E = B;
     J(
       () => K(E.id),
       () => {
@@ -19436,10 +19440,10 @@ const Ka = () => {
       !0
     );
   };
-  return dl(X, (y) => {
-    y && Q.forEach((E, x) => {
-      E && Q.set(x, !1);
-    });
+  return dl(X, (B) => {
+    if (B)
+      for (const [E, x] of Q.entries())
+        x && Q.set(E, !1);
   }), Sd(() => {
     el(e.value)?.destroy();
   }), {
@@ -19533,15 +19537,15 @@ const Ka = () => {
     }), O = Array.from(g?.keys() ?? []).filter((v) => g.get(v).deleted);
     if (w = w.filter((v) => !O.includes(v.id)), Zl.length)
       for (const v of Zl) {
-        const K = g.get(v), A = w.find((y) => y.id === K.id);
+        const K = g.get(v), A = w.find((B) => B.id === K.id);
         if (A) {
           A.rect = K.rect;
-          const y = L.getEditableAnnotation(
+          const B = L.getEditableAnnotation(
             K.id
           );
-          y && QF(
+          B && QF(
             el(l.page.value),
-            y,
+            B,
             K
           );
         }
@@ -19660,9 +19664,9 @@ const Ka = () => {
     annotationEditorStorageMap: k,
     getEditorKey: D
   } = hU(), { isScrolling: h } = it(T);
-  function X(A, y) {
+  function X(A, B) {
     const E = {
-      ...y,
+      ...B,
       pageIndex: m.value
     };
     Sl(() => {
@@ -19714,26 +19718,26 @@ const Ka = () => {
     a.value = bl;
   }
   const u = (A) => {
-    const y = A.id;
-    y && (V.get(y) || (K(), V.set(y, !0)));
+    const B = A.id;
+    B && (V.get(B) || (K(), V.set(B, !0)));
   }, L = (A) => {
-    const y = A.id;
-    y && W.set(y, !0);
+    const B = A.id;
+    B && W.set(B, !0);
   }, r = (A) => {
-    const y = A.id;
-    y && W.set(y, !1);
+    const B = A.id;
+    B && W.set(B, !1);
   }, w = (A) => {
     if (!A.id)
       return;
     X("delete", A), V.set(A.id, !1), a.value = a.value.filter((H) => H.id !== A.id), V.delete(A.id), Q.value.delete(A.id);
-    const y = el(l.annotationLayer.value).getEditableAnnotation(
+    const B = el(l.annotationLayer.value).getEditableAnnotation(
       A.id
     );
-    if (y)
-      if ("hide" in y)
-        y.hide();
+    if (B)
+      if ("hide" in B)
+        B.hide();
       else {
-        const H = y.container;
+        const H = B.container;
         H.dispatchEvent(new Event("click")), H.setAttribute("hidden", "true");
       }
     const E = g(A.id), x = E ? k.value.get(E) : void 0, _ = x?.id?.startsWith(gd);
@@ -19759,21 +19763,21 @@ const Ka = () => {
   };
   function g(A) {
     return Array.from(k.value.keys()).find(
-      (y) => k.value.get(y)?.id === A
+      (B) => k.value.get(B)?.id === A
     );
   }
-  function $(A, y, E) {
+  function $(A, B, E) {
     const _ = window.getComputedStyle(E).transform;
     if (_ === "none")
-      return { x: A, y };
+      return { x: A, y: B };
     try {
-      const f = new DOMMatrix(_).inverse(), Fl = new DOMPoint(A, y).matrixTransform(f);
+      const f = new DOMMatrix(_).inverse(), Fl = new DOMPoint(A, B).matrixTransform(f);
       return {
         x: Fl.x,
         y: Fl.y
       };
     } catch (H) {
-      return console.warn("Failed to transform coordinates using matrix:", H), { x: A, y };
+      return console.warn("Failed to transform coordinates using matrix:", H), { x: A, y: B };
     }
   }
   const P = (A) => {
@@ -19819,7 +19823,7 @@ const Ka = () => {
       });
     }
   };
-  function Zl(A, y) {
+  function Zl(A, B) {
     const x = el(c(l.page)).getViewport({
       scale: t.scale * zU.PDF_TO_CSS_UNITS,
       rotation: t.rotation
@@ -19828,11 +19832,11 @@ const Ka = () => {
       al.debug("[createFreeTextAnnotation] Parent rect not found");
       return;
     }
-    if (!y.children[0]) {
+    if (!B.children[0]) {
       al.debug("[createFreeTextAnnotation] Editable div not found");
       return;
     }
-    const f = NW(y, l.editorLayer.value, x), Fl = {
+    const f = NW(B, l.editorLayer.value, x), Fl = {
       id: D(),
       annotationType: jl.FreeText,
       pageIndex: m.value,
@@ -19855,8 +19859,8 @@ const Ka = () => {
     k.value.set(Fl.id, bl), X("create", Fl);
   }
   function O(A) {
-    const y = A, E = document.createRange(), x = window.getSelection();
-    E.setStart(y.childNodes[0], 0), E.collapse(!0), x?.removeAllRanges(), x?.addRange(E);
+    const B = A, E = document.createRange(), x = window.getSelection();
+    E.setStart(B.childNodes[0], 0), E.collapse(!0), x?.removeAllRanges(), x?.addRange(E);
   }
   function v(A) {
     if (!N.value || A.target instanceof HTMLElement && (A.target.classList.contains("vpv-annotation-editor__free-text") || A.target.closest(".vpv-annotation-editor__free-text")))
@@ -19908,14 +19912,14 @@ const Ka = () => {
     e.value = !1, await J(R.value), e.value = !0;
   }), dl(
     [N, l.pageWrapperLayer],
-    ([A, y], E, x) => {
+    ([A, B], E, x) => {
       let _ = null;
-      A && y && (y.addEventListener("click", v), _ = new MutationObserver((H) => {
+      A && B && (B.addEventListener("click", v), _ = new MutationObserver((H) => {
         H.forEach((f) => {
-          f.type === "attributes" && f.attributeName === "class" && (y.className.includes(lZ.FOCUS_IN) || K());
+          f.type === "attributes" && f.attributeName === "class" && (B.className.includes(lZ.FOCUS_IN) || K());
         });
-      }), _.observe(y, { attributes: !0, attributeFilter: ["class"] })), x(() => {
-        y?.removeEventListener("click", v), _?.disconnect();
+      }), _.observe(B, { attributes: !0, attributeFilter: ["class"] })), x(() => {
+        B?.removeEventListener("click", v), _?.disconnect();
       });
     },
     { immediate: !0 }
@@ -19923,8 +19927,8 @@ const Ka = () => {
     A && K();
   });
   function K() {
-    V.forEach((A, y) => {
-      A && V.set(y, !1);
+    V.forEach((A, B) => {
+      A && V.set(B, !1);
     });
   }
   return {
@@ -19948,18 +19952,22 @@ const Ka = () => {
     ensureStorageInitialized: k,
     getEditorKey: D
   } = hU(), h = p(() => el(S.value)), { isScrolling: X } = it(o), { addHistory: J } = Ka();
-  dl([N, s], async (y) => {
-    i.value = !1, await w(R.value), i.value = !0;
-  });
-  function u(y) {
-    if (!y || y.length === 0) return [];
+  dl(
+    [N, s],
+    async (B) => {
+      i.value = !1, await w(R.value), i.value = !0;
+    },
+    { immediate: !0 }
+  );
+  function u(B) {
+    if (!B || B.length === 0) return [];
     const E = [], { width: x, height: _ } = l.viewport.value;
-    for (let H = 0; H < y.length; H += 8) {
+    for (let H = 0; H < B.length; H += 8) {
       const f = [];
       for (let xl = 0; xl < 8; xl += 2) {
         const [Jd, Xd] = l.viewport.value.convertToViewportPoint(
-          y[H + xl],
-          y[H + xl + 1]
+          B[H + xl],
+          B[H + xl + 1]
         );
         f.push({ x: Jd, y: Xd });
       }
@@ -19968,17 +19976,17 @@ const Ka = () => {
     }
     return E;
   }
-  function L(y, E, x, _) {
+  function L(B, E, x, _) {
     const H = "http://www.w3.org/2000/svg", tl = document.createElementNS(H, "svg");
-    tl.setAttribute("version", "1.1"), tl.setAttribute("preserveAspectRatio", "none"), tl.setAttribute("viewBox", "0 0 1 1"), tl.setAttribute("aria-hidden", "true"), tl.setAttribute("data-underline-id", y), tl.classList.add("vpv-underline"), tl.style.cssText = `position: absolute; top: ${x.y * 100}%; left: ${x.x * 100}%; width: ${x.width * 100}%; height: ${x.height * 100}%;`;
+    tl.setAttribute("version", "1.1"), tl.setAttribute("preserveAspectRatio", "none"), tl.setAttribute("viewBox", "0 0 1 1"), tl.setAttribute("aria-hidden", "true"), tl.setAttribute("data-underline-id", B), tl.classList.add("vpv-underline"), tl.style.cssText = `position: absolute; top: ${x.y * 100}%; left: ${x.x * 100}%; width: ${x.width * 100}%; height: ${x.height * 100}%;`;
     for (const Fl of E) {
       const bl = Fl.height * 0.1, ul = (Fl.x - x.x) / x.width, q = (Fl.y + Fl.height - bl - x.y) / x.height, Xl = Fl.width / x.width, kl = bl / x.height, Bl = document.createElementNS(H, "rect");
       Bl.setAttribute("x", String(ul)), Bl.setAttribute("y", String(q)), Bl.setAttribute("width", String(Xl)), Bl.setAttribute("height", String(kl)), Bl.setAttribute("fill", _), tl.appendChild(Bl);
     }
     return tl;
   }
-  function r(y, E, x, _ = !0) {
-    const { hexColor: H, id: f } = y;
+  function r(B, E, x, _ = !0) {
+    const { hexColor: H, id: f } = B;
     al.debug(`[Page ${m.value + 1}] drawUnderlineAnnotation - boxes:`, x);
     const { box: tl, getOutlines: Fl } = yt(x), bl = {
       x: tl[0],
@@ -20038,7 +20046,7 @@ const Ka = () => {
       }
     })), { id: q, clipPathUrl: Xl, outlineId: nd, underlineSvg: kl };
   }
-  async function w(y) {
+  async function w(B) {
     if (!k()) {
       al.debug("❌ Storage not initialized in prepareUnderlineElements");
       return;
@@ -20052,7 +20060,7 @@ const Ka = () => {
       );
       const f = el(S.value)?.serializable?.map, tl = Y.value;
       for (const q of H)
-        h.value.setValue(q.id, { ...q, noView: y });
+        h.value.setValue(q.id, { ...q, noView: B });
       const Fl = Array.from(tl?.keys() ?? []).filter(
         (q) => {
           const Xl = tl.get(q);
@@ -20082,7 +20090,7 @@ const Ka = () => {
         const Jd = q.id?.startsWith(gd);
         if (bl.includes(q.id))
           continue;
-        if (!y) {
+        if (!B) {
           if (!kl && !Jd)
             continue;
           const Tl = u(q.quadPoints);
@@ -20107,11 +20115,11 @@ const Ka = () => {
       al.error("Error preparing underline elements:", E), i.value = !1;
     }
   }
-  const g = (y) => {
+  const g = (B) => {
     Q.forEach((E, x) => {
       Q.set(x, !1);
-    }), console.log(`[Page ${m.value + 1}] handleUnderlineClick`, y), Q.set(y.id, !0);
-  }, $ = (y, E, x, _, H) => {
+    }), console.log(`[Page ${m.value + 1}] handleUnderlineClick`, B), Q.set(B.id, !0);
+  }, $ = (B, E, x, _, H) => {
     const f = sn(E, el(l.viewport.value)), tl = on(f), Fl = {
       annotationType: jl.Underline,
       color: LU(x),
@@ -20119,7 +20127,7 @@ const Ka = () => {
       quadPoints: new Float32Array(f),
       rect: tl,
       pageIndex: m.value,
-      id: y,
+      id: B,
       rotation: T.value,
       contents: _,
       isAddedNew: !H,
@@ -20129,9 +20137,9 @@ const Ka = () => {
     };
     a.value.push(Fl);
   };
-  function P(y, E, x, _, H = !0) {
+  function P(B, E, x, _, H = !0) {
     const f = sn(E, l.viewport.value), tl = on(f), Fl = {
-      id: y,
+      id: B,
       annotationType: jl.Underline,
       quadPoints: new Float32Array(f),
       rect: tl,
@@ -20160,25 +20168,25 @@ const Ka = () => {
     );
     Fl.drawLayerId = bl, Fl.outlineId = q;
     const kl = document.createElement("div");
-    kl.style.cssText = Xl.style.cssText, kl.style.position = "absolute", V.value.set(y, kl);
+    kl.style.cssText = Xl.style.cssText, kl.style.position = "absolute", V.value.set(B, kl);
     const Bl = {
       ...el(Fl),
       pageIndex: m.value
     };
-    return Y.value.set(y, Bl), a.value.push(Bl), Z(Bl), Sl(() => {
-      W.set(y, {
+    return Y.value.set(B, Bl), a.value.push(Bl), Z(Bl), Sl(() => {
+      W.set(B, {
         clipPathUrl: ul,
         outlineId: q,
         drawLayerId: bl,
         underlineSvg: Xl
-      }), Q.set(y, H);
+      }), Q.set(B, H);
     }), Bl;
   }
-  const Zl = async (y, E, x = !0) => {
+  const Zl = async (B, E, x = !0) => {
     const _ = D(), H = d?.value ?? "#ffff00";
-    let f = P(_, y, H, E, x);
+    let f = P(_, B, H, E, x);
     return J(
-      () => f = P(_, y, H, E, !1),
+      () => f = P(_, B, H, E, !1),
       () => A(f),
       () => {
       },
@@ -20187,10 +20195,10 @@ const Ka = () => {
       !1,
       !0
     ), f;
-  }, O = (y, E) => {
-    const x = a.value.find((f) => f.id === y);
+  }, O = (B, E) => {
+    const x = a.value.find((f) => f.id === B);
     if (!x) return;
-    const _ = W.get(y);
+    const _ = W.get(B);
     _?.underlineSvg && _.underlineSvg.querySelectorAll("rect").forEach((tl) => {
       tl.setAttribute("fill", E);
     }), x.hexColor = E, x.color = LU(E), x.isModified = !0;
@@ -20198,12 +20206,12 @@ const Ka = () => {
       ...el(x),
       pageIndex: m.value
     };
-    Y.value.set(y, H), n(H);
-  }, v = (y, E) => {
+    Y.value.set(B, H), n(H);
+  }, v = (B, E) => {
     const x = E.hexColor || "#ff0000", _ = E.id;
-    d && (d.value = y), J(
+    d && (d.value = B), J(
       () => {
-        a.value.find((f) => f.id === _) && O(_, y);
+        a.value.find((f) => f.id === _) && O(_, B);
       },
       () => {
         a.value.find((f) => f.id === _) && O(_, x);
@@ -20215,9 +20223,9 @@ const Ka = () => {
       !1,
       !0
     );
-  }, K = (y) => {
-    Q.set(y, !1);
-    const E = a.value.find((_) => _.id === y), x = W.get(y);
+  }, K = (B) => {
+    Q.set(B, !1);
+    const E = a.value.find((_) => _.id === B), x = W.get(B);
     if (E) {
       el(e.value)?.remove(E.drawLayerId), el(e.value)?.remove(E.outlineId), x?.underlineSvg && x.underlineSvg.remove();
       const _ = {
@@ -20225,11 +20233,11 @@ const Ka = () => {
         deleted: !0,
         pageIndex: m.value
       };
-      Y.value.set(y, _), F(_);
+      Y.value.set(B, _), F(_);
     }
-    a.value = a.value.filter((_) => _.id !== y), V.value.delete(y), W.delete(y);
-  }, A = (y) => {
-    const E = y;
+    a.value = a.value.filter((_) => _.id !== B), V.value.delete(B), W.delete(B);
+  }, A = (B) => {
+    const E = B;
     J(
       () => K(E.id),
       () => {
@@ -20250,7 +20258,11 @@ const Ka = () => {
       !0
     );
   };
-  return Sd(() => {
+  return dl(X, (B) => {
+    if (B)
+      for (const [E, x] of Q.entries())
+        x && Q.set(E, !1);
+  }), Sd(() => {
     el(e.value)?.destroy(), e.value = null, a.value = [], V.value.clear(), Q.clear(), W.clear();
   }), {
     // State
@@ -20279,18 +20291,22 @@ const Ka = () => {
     ensureStorageInitialized: k,
     getEditorKey: D
   } = hU(), h = p(() => el(S.value)), { isScrolling: X } = it(o), { addHistory: J } = Ka();
-  dl([N, s], async (y) => {
-    i.value = !1, await w(R.value), i.value = !0;
-  });
-  function u(y) {
-    if (!y || y.length === 0) return [];
+  dl(
+    [N, s],
+    async (B) => {
+      i.value = !1, await w(R.value), i.value = !0;
+    },
+    { immediate: !0 }
+  );
+  function u(B) {
+    if (!B || B.length === 0) return [];
     const E = [], { width: x, height: _ } = l.viewport.value;
-    for (let H = 0; H < y.length; H += 8) {
+    for (let H = 0; H < B.length; H += 8) {
       const f = [];
       for (let xl = 0; xl < 8; xl += 2) {
         const [Jd, Xd] = l.viewport.value.convertToViewportPoint(
-          y[H + xl],
-          y[H + xl + 1]
+          B[H + xl],
+          B[H + xl + 1]
         );
         f.push({ x: Jd, y: Xd });
       }
@@ -20299,17 +20315,17 @@ const Ka = () => {
     }
     return E;
   }
-  function L(y, E, x, _) {
+  function L(B, E, x, _) {
     const H = "http://www.w3.org/2000/svg", tl = document.createElementNS(H, "svg");
-    tl.setAttribute("version", "1.1"), tl.setAttribute("preserveAspectRatio", "none"), tl.setAttribute("viewBox", "0 0 1 1"), tl.setAttribute("aria-hidden", "true"), tl.setAttribute("data-strikeout-id", y), tl.classList.add("vpv-strikeout"), tl.style.cssText = `position: absolute; top: ${x.y * 100}%; left: ${x.x * 100}%; width: ${x.width * 100}%; height: ${x.height * 100}%;`;
+    tl.setAttribute("version", "1.1"), tl.setAttribute("preserveAspectRatio", "none"), tl.setAttribute("viewBox", "0 0 1 1"), tl.setAttribute("aria-hidden", "true"), tl.setAttribute("data-strikeout-id", B), tl.classList.add("vpv-strikeout"), tl.style.cssText = `position: absolute; top: ${x.y * 100}%; left: ${x.x * 100}%; width: ${x.width * 100}%; height: ${x.height * 100}%;`;
     for (const Fl of E) {
       const bl = Fl.height * 0.1, ul = (Fl.x - x.x) / x.width, q = (Fl.y + Fl.height / 2 - bl / 2 - x.y) / x.height, Xl = Fl.width / x.width, kl = bl / x.height, Bl = document.createElementNS(H, "rect");
       Bl.setAttribute("x", String(ul)), Bl.setAttribute("y", String(q)), Bl.setAttribute("width", String(Xl)), Bl.setAttribute("height", String(kl)), Bl.setAttribute("fill", _), tl.appendChild(Bl);
     }
     return tl;
   }
-  function r(y, E, x, _ = !0) {
-    const { hexColor: H, id: f } = y;
+  function r(B, E, x, _ = !0) {
+    const { hexColor: H, id: f } = B;
     al.debug(`[Page ${m.value + 1}] drawStrikethroughAnnotation - boxes:`, x);
     const { box: tl, getOutlines: Fl } = yt(x), bl = {
       x: tl[0],
@@ -20372,7 +20388,7 @@ const Ka = () => {
       }
     })), { id: q, clipPathUrl: Xl, outlineId: nd, strikethroughSvg: kl };
   }
-  async function w(y) {
+  async function w(B) {
     if (!k()) {
       al.debug("❌ Storage not initialized in prepareStrikethroughElements");
       return;
@@ -20387,7 +20403,7 @@ const Ka = () => {
       al.debug(`[Page ${m.value + 1}] _strikeOutAnnotations`, H);
       const f = el(S.value)?.serializable?.map, tl = Y.value;
       for (const q of H)
-        h.value.setValue(q.id, { ...q, noView: y });
+        h.value.setValue(q.id, { ...q, noView: B });
       const Fl = Array.from(tl?.keys() ?? []).filter(
         (q) => {
           const Xl = tl.get(q);
@@ -20421,7 +20437,7 @@ const Ka = () => {
         const Jd = q.id?.startsWith(gd);
         if (bl.includes(q.id))
           continue;
-        if (!y) {
+        if (!B) {
           if (!kl && !Jd)
             continue;
           const Tl = u(q.quadPoints);
@@ -20446,11 +20462,11 @@ const Ka = () => {
       al.error("Error preparing strikeout elements:", E), i.value = !1;
     }
   }
-  const g = (y) => {
+  const g = (B) => {
     Q.forEach((E, x) => {
       Q.set(x, !1);
-    }), al.debug(`[Page ${m.value + 1}] handleStrikethroughClick`, y), Q.set(y.id, !0);
-  }, $ = (y, E, x, _, H) => {
+    }), al.debug(`[Page ${m.value + 1}] handleStrikethroughClick`, B), Q.set(B.id, !0);
+  }, $ = (B, E, x, _, H) => {
     const f = sn(E, el(l.viewport.value)), tl = on(f), Fl = {
       annotationType: jl.StrikeOut,
       color: LU(x),
@@ -20458,7 +20474,7 @@ const Ka = () => {
       quadPoints: new Float32Array(f),
       rect: tl,
       pageIndex: m.value,
-      id: y,
+      id: B,
       rotation: T.value,
       contents: _,
       isAddedNew: !H,
@@ -20468,9 +20484,9 @@ const Ka = () => {
     };
     a.value.push(Fl);
   };
-  function P(y, E, x, _, H = !0) {
+  function P(B, E, x, _, H = !0) {
     const f = sn(E, l.viewport.value), tl = on(f), Fl = {
-      id: y,
+      id: B,
       annotationType: jl.StrikeOut,
       quadPoints: new Float32Array(f),
       rect: tl,
@@ -20499,25 +20515,25 @@ const Ka = () => {
     );
     Fl.drawLayerId = bl, Fl.outlineId = q;
     const kl = document.createElement("div");
-    kl.style.cssText = Xl.style.cssText, kl.style.position = "absolute", V.value.set(y, kl);
+    kl.style.cssText = Xl.style.cssText, kl.style.position = "absolute", V.value.set(B, kl);
     const Bl = {
       ...el(Fl),
       pageIndex: m.value
     };
-    return Y.value.set(y, Bl), a.value.push(Bl), Z(Bl), Sl(() => {
-      W.set(y, {
+    return Y.value.set(B, Bl), a.value.push(Bl), Z(Bl), Sl(() => {
+      W.set(B, {
         clipPathUrl: ul,
         outlineId: q,
         drawLayerId: bl,
         strikethroughSvg: Xl
-      }), Q.set(y, H);
+      }), Q.set(B, H);
     }), Bl;
   }
-  const Zl = async (y, E, x = !0) => {
+  const Zl = async (B, E, x = !0) => {
     const _ = D(), H = d?.value ?? "#ffff00";
-    let f = P(_, y, H, E, x);
+    let f = P(_, B, H, E, x);
     return J(
-      () => f = P(_, y, H, E, !1),
+      () => f = P(_, B, H, E, !1),
       () => A(f),
       () => {
       },
@@ -20526,10 +20542,10 @@ const Ka = () => {
       !1,
       !0
     ), f;
-  }, O = (y, E) => {
-    const x = a.value.find((f) => f.id === y);
+  }, O = (B, E) => {
+    const x = a.value.find((f) => f.id === B);
     if (!x) return;
-    const _ = W.get(y);
+    const _ = W.get(B);
     _?.strikethroughSvg && _.strikethroughSvg.querySelectorAll("rect").forEach((tl) => {
       tl.setAttribute("fill", E);
     }), x.hexColor = E, x.color = LU(E), x.isModified = !0;
@@ -20537,14 +20553,14 @@ const Ka = () => {
       ...el(x),
       pageIndex: m.value
     };
-    Y.value.set(y, H), n(H);
-  }, v = (y, E) => {
+    Y.value.set(B, H), n(H);
+  }, v = (B, E) => {
     const x = E.hexColor || "#ff0000", _ = E.id;
-    d && (d.value = y), J(
+    d && (d.value = B), J(
       () => {
         a.value.find(
           (f) => f.id === _
-        ) && O(_, y);
+        ) && O(_, B);
       },
       () => {
         a.value.find(
@@ -20558,9 +20574,9 @@ const Ka = () => {
       !1,
       !0
     );
-  }, K = (y) => {
-    Q.set(y, !1);
-    const E = a.value.find((_) => _.id === y), x = W.get(y);
+  }, K = (B) => {
+    Q.set(B, !1);
+    const E = a.value.find((_) => _.id === B), x = W.get(B);
     if (E) {
       el(e.value)?.remove(E.drawLayerId), el(e.value)?.remove(E.outlineId), x?.strikethroughSvg && x.strikethroughSvg.remove();
       const _ = {
@@ -20568,13 +20584,13 @@ const Ka = () => {
         deleted: !0,
         pageIndex: m.value
       };
-      Y.value.set(y, _), F(_);
+      Y.value.set(B, _), F(_);
     }
     a.value = a.value.filter(
-      (_) => _.id !== y
-    ), V.value.delete(y), W.delete(y);
-  }, A = (y) => {
-    const E = y;
+      (_) => _.id !== B
+    ), V.value.delete(B), W.delete(B);
+  }, A = (B) => {
+    const E = B;
     J(
       () => K(E.id),
       () => {
@@ -20595,7 +20611,11 @@ const Ka = () => {
       !0
     );
   };
-  return Sd(() => {
+  return dl(X, (B) => {
+    if (B)
+      for (const [E, x] of Q.entries())
+        x && Q.set(E, !1);
+  }), Sd(() => {
     el(e.value)?.destroy(), e.value = null, a.value = [], V.value.clear(), Q.clear(), W.clear();
   }), {
     // State
@@ -20770,7 +20790,7 @@ const Ka = () => {
       editorLayer: n
     }), {
       isPrepared: A,
-      underlineAnnotations: y,
+      underlineAnnotations: B,
       underlineElements: E,
       underlineElementClickOpens: x,
       underlineCanvasInfos: _,
@@ -20896,7 +20916,7 @@ const Ka = () => {
       for (const nl of N.value)
         if (m.get(nl.id))
           return { annotation: nl, type: "highlight" };
-      for (const nl of y.value)
+      for (const nl of B.value)
         if (x.get(nl.id))
           return { annotation: nl, type: "underline" };
       for (const nl of q.value)
@@ -21029,7 +21049,7 @@ const Ka = () => {
         "is-selected": c(m).get(Vl.id) || !1,
         onClick: (Jl) => Rl(Vl)
       }, null, 8, ["annotation", "element", "draw-layer", "clip-path-url", "outline-id", "is-selected", "onClick"]))), 128)) : Gl("", !0),
-      c(A) ? (M(!0), Nl(Qd, { key: 1 }, Ed(c(y), (Vl) => (M(), I(Ve, {
+      c(A) ? (M(!0), Nl(Qd, { key: 1 }, Ed(c(B), (Vl) => (M(), I(Ve, {
         key: `underline-${Vl.id}`,
         annotation: Vl,
         element: c(E).get(Vl.id) || null,
@@ -21422,13 +21442,13 @@ const Rk = /* @__PURE__ */ j({
     dl(o, (K, A) => {
       if (K && J && (clearTimeout(J), J = null), K && r && !r.parentNode && (iU(r), r = null), A && !K && X.value) {
         X.value = !1;
-        const y = Y.value?.querySelector("canvas");
-        y && y.width > 0 && y.height > 0 || (J && clearTimeout(J), J = setTimeout(async () => {
+        const B = Y.value?.querySelector("canvas");
+        B && B.width > 0 && B.height > 0 || (J && clearTimeout(J), J = setTimeout(async () => {
           o.value || (await Sl(), await v(!0));
         }, 50));
       }
     });
-    const g = (K, A, y, E, x) => {
+    const g = (K, A, B, E, x) => {
       const {
         scale: _,
         needsRestriction: H,
@@ -21436,27 +21456,27 @@ const Rk = /* @__PURE__ */ j({
       } = E0(
         K,
         A,
-        y,
+        B,
         E,
         x,
         d,
         Ke
       );
       return R.value = H, H && al.warn(
-        `Canvas dimension constrained due to ${f} limit. Page ${Q.value?.pageNumber || "?"}: ${Math.round(K * y)}×${Math.round(A * y)} → ${Math.round(K * _)}×${Math.round(A * _)} (scale: ${y.toFixed(2)} → ${_.toFixed(2)})` + (ge ? " [iOS device]" : "")
+        `Canvas dimension constrained due to ${f} limit. Page ${Q.value?.pageNumber || "?"}: ${Math.round(K * B)}×${Math.round(A * B)} → ${Math.round(K * _)}×${Math.round(A * _)} (scale: ${B.toFixed(2)} → ${_.toFixed(2)})` + (ge ? " [iOS device]" : "")
       ), _;
-    }, $ = (K, A, y, E) => ({
+    }, $ = (K, A, B, E) => ({
       canvasContext: K,
       transform: E,
       viewport: A,
-      annotationMode: y,
+      annotationMode: B,
       annotationCanvasMap: void 0,
       intent: "display",
       // Optimize for display
       isEditing: n.isEditing
     }), P = (K, A) => {
       if (BZ(K), k.value = wU.DidRender, t.afterCanvasLoaded) {
-        const y = {
+        const B = {
           width: A.width,
           height: A.height,
           canvasWidth: K.width,
@@ -21464,7 +21484,7 @@ const Rk = /* @__PURE__ */ j({
           widthRatio: K.width / A.width,
           heightRatio: K.height / A.height
         };
-        t.afterCanvasLoaded(K, y);
+        t.afterCanvasLoaded(K, B);
       }
     }, Zl = (K, A) => {
       BZ(K), A?.name === "RenderingCancelledException" ? al.debug("Render cancelled (expected during state changes):", A.message) : al.warn("Render failed or cancelled:", A, Q.value.pageNumber);
@@ -21472,8 +21492,8 @@ const Rk = /* @__PURE__ */ j({
     function O() {
       const K = el(a.value);
       if (K?.serializable?.map?.size)
-        for (const [A, y] of K.serializable.map.entries()) {
-          const { value: E, ...x } = y;
+        for (const [A, B] of K.serializable.map.entries()) {
+          const { value: E, ...x } = B;
           Object.keys(x).length || K.setValue(A, { value: E, noView: !0 });
         }
     }
@@ -21492,9 +21512,9 @@ const Rk = /* @__PURE__ */ j({
             return;
           }
           L = n.isEditing;
-          const { scale: y, rotation: E } = n, x = Q.value.getViewport(), _ = ((E + x.rotation) % 360 + 360) % 360, H = Q.value.getViewport({
+          const { scale: B, rotation: E } = n, x = Q.value.getViewport(), _ = ((E + x.rotation) % 360 + 360) % 360, H = Q.value.getViewport({
             rotation: _,
-            scale: y ?? 1
+            scale: B ?? 1
           });
           m.value = H, r && !r.parentNode && (iU(r), r = null), r = pW("vpv-canvas");
           let f = window.devicePixelRatio || 1;
@@ -21597,8 +21617,8 @@ const Rk = /* @__PURE__ */ j({
         // Watch rotation changes too
         () => el(a.value)?.serializable?.hash
       ],
-      async ([K, A, y, E, x, _], H, f) => {
-        if (!K || !Y.value || (y && (k.value = wU.PreRender), A))
+      async ([K, A, B, E, x, _], H, f) => {
+        if (!K || !Y.value || (B && (k.value = wU.PreRender), A))
           return;
         J && clearTimeout(J), J = setTimeout(async () => {
           await Sl(), await v(
@@ -22246,7 +22266,7 @@ const Ck = (l, U) => new Promise((d) => {
         document: hl,
         page: F.value
       };
-    }), y = p(() => ({
+    }), B = p(() => ({
       annotations: S.value,
       annotationsMap: void 0,
       annotationsFilter: void 0,
@@ -22360,7 +22380,7 @@ const Ck = (l, U) => new Promise((d) => {
           }, null, 8, ["page", "page-index", "intersecting", "after-canvas-loaded", "visible-area"])
         ], 8, Hk),
         K.value ? (M(), I(xk, pl({ key: 0 }, E.value, { onTextLoaded: bl }), null, 16)) : Gl("", !0),
-        K.value && k.value ? (M(), I(gG, pl({ key: 1 }, { ...A.value, ...y.value }, {
+        K.value && k.value ? (M(), I(gG, pl({ key: 1 }, { ...A.value, ...B.value }, {
           onAnnotation: tl,
           onAnnotationLoaded: Fl,
           onRendered: q
@@ -25956,7 +25976,7 @@ const yI = (l, U) => {
     X.preventDefault(), X.stopPropagation();
     let [J, u] = Array.from(X.touches);
     J.identifier > u.identifier && ([J, u] = [u, J]);
-    const L = J.screenX, r = J.screenY, w = u.screenX, g = u.screenY, { touch0X: $, touch0Y: P, touch1X: Zl, touch1Y: O } = Z, v = Zl - $, K = O - P, A = w - L, y = g - r, E = Math.hypot(A, y) || 1, x = Math.hypot(v, K) || 1;
+    const L = J.screenX, r = J.screenY, w = u.screenX, g = u.screenY, { touch0X: $, touch0Y: P, touch1X: Zl, touch1Y: O } = Z, v = Zl - $, K = O - P, A = w - L, B = g - r, E = Math.hypot(A, B) || 1, x = Math.hypot(v, K) || 1;
     if (!(!n && Math.abs(x - E) <= zI)) {
       if (Z.touch0X = L, Z.touch0Y = r, Z.touch1X = w, Z.touch1Y = g, !n) {
         n = !0;
@@ -26044,7 +26064,7 @@ function wI(l) {
   }, A = (ll) => {
     const Ul = t.value.at(ll);
     return Ul ? Ul.width * n.value : 0;
-  }, y = p(() => {
+  }, B = p(() => {
     switch (U.value) {
       case Pl.Horizontal:
         return A;
@@ -26147,7 +26167,7 @@ function wI(l) {
     const Rl = Math.max(0, Math.min(Ul, t.value.length - 1));
     let nl = 0, Wl = 0;
     for (let Vl = Rl; Vl < t.value.length; Vl++) {
-      const Jl = c(y)(Vl);
+      const Jl = c(B)(Vl);
       if (nl += Jl, Wl = Vl, nl > ll) break;
     }
     return Wl - Rl;
@@ -27173,7 +27193,7 @@ function AI() {
   };
 }
 let DW = "";
-DW = "https://unpkg.com/@vue-pdf-viewer/viewer@3.7.0-beta.0/dist/assets/pdf-annotations/";
+DW = "https://unpkg.com/@vue-pdf-viewer/viewer@3.7.0-beta.1/dist/assets/pdf-annotations/";
 const g0 = DW;
 class qI {
   _items = [];
@@ -27890,96 +27910,96 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
     Hl(yQ, Q);
     const W = d, i = Pd(), { resetTextLayers: o } = fa(), { hasPageBeenRendered: s, markPageAsRendered: N, clearRenderedPages: R } = AI(), m = p({
       get: () => t.characterMap,
-      set: (B) => {
+      set: (y) => {
       }
     }), T = p({
       get: () => t.initialThumbnailsVisible,
-      set: (B) => {
+      set: (y) => {
       }
     }), S = p({
       get: () => t.toolbarOptions,
-      set: (B) => {
+      set: (y) => {
       }
     });
     p({
       get: () => t.localization,
-      set: (B) => {
+      set: (y) => {
       }
     });
     const Y = p({
       get: () => t.initialScrollMode,
-      set: (B) => {
+      set: (y) => {
       }
     }), k = p({
       get: () => t.initialViewMode,
-      set: (B) => {
+      set: (y) => {
       }
     }), D = p({
       get: () => t.scrollMode ?? Y.value ?? Pl.Vertical,
-      set: (B) => {
+      set: (y) => {
       }
     }), h = p({
       get: () => t.viewMode ?? k.value ?? gl.SinglePage,
-      set: (B) => {
+      set: (y) => {
       }
     }), X = p({
       get: () => t.textLayer,
-      set: (B) => {
+      set: (y) => {
       }
     }), J = p({
       get: () => t.initialScale,
-      set: (B) => {
+      set: (y) => {
       }
     }), u = p({
       get: () => t.initialRotation,
-      set: (B) => {
+      set: (y) => {
       }
     }), L = p({
       get: () => t.initialPage,
-      set: (B) => {
+      set: (y) => {
       }
     }), r = p({
       get: () => t.initialSearch,
-      set: (B) => {
+      set: (y) => {
       }
     }), w = p({
       get: () => t.workerUrl,
-      set: (B) => {
+      set: (y) => {
       }
     }), g = p({
       get: () => t.afterCanvasLoaded,
-      set: (B) => {
+      set: (y) => {
       }
     });
     p({
       get: () => t.textHighlights,
-      set: (B) => {
+      set: (y) => {
       }
     });
     const $ = p({
       get: () => t.downloadFilename ?? yd.value,
-      set: (B) => {
+      set: (y) => {
       }
     }), P = p({
       get: () => t.documentOptions,
-      set: (B) => {
+      set: (y) => {
       }
     }), Zl = mF(), O = G(!1), v = fl(), K = fl();
     let A;
-    const y = G(L.value), E = p(() => y.value - 1), x = G(u.value), _ = G(X.value), H = G(D.value), f = G(h.value);
+    const B = G(L.value), E = p(() => B.value - 1), x = G(u.value), _ = G(X.value), H = G(D.value), f = G(h.value);
     t.scrollMode && t.initialScrollMode && al.warn(
       "The use of both `initialScrollMode` and `scrollMode` simultaneously is strongly discouraged due to potential conflicts and unintended behavior."
     ), t.viewMode && t.initialViewMode && al.warn(
       "The use of both `initialViewMode` and `viewMode` simultaneously is strongly discouraged due to potential conflicts and unintended behavior."
     );
-    const tl = G(T?.value ?? !1), Fl = G(!1), bl = G(null), ul = fl({ matchCase: !1, wholeWords: !1 }), { queue: q, cancelAllRenders: Xl, reprioritizeCurrentPage: kl } = _I(y), Bl = ld({
+    const tl = G(T?.value ?? !1), Fl = G(!1), bl = G(null), ul = fl({ matchCase: !1, wholeWords: !1 }), { queue: q, cancelAllRenders: Xl, reprioritizeCurrentPage: kl } = _I(B), Bl = ld({
       thumbnails: T?.value ?? !1,
       comments: !1
     });
     p(() => Object.values(Bl).some(Boolean));
     const hl = p(() => Zl.pageOverlay !== void 0), Dl = ld(
-      Object.keys(jl).filter((B) => isNaN(Number(B))).reduce(
-        (B, ol) => (B[ol] = !1, B),
+      Object.keys(jl).filter((y) => isNaN(Number(y))).reduce(
+        (y, ol) => (y[ol] = !1, y),
         {}
       )
     ), nd = G(null), xl = G(null), Jd = G(null), Xd = G(null), id = G({ totalMatches: 0, matches: [] }), ud = ld({
@@ -28003,7 +28023,7 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
     } = hU(), { pdfPages: ql, filteredPages: vl } = BI(a), Vd = fI(v, vl), _l = p(() => {
       if (S.value !== !1)
         return { ...XQ, ...S.value };
-    }), Td = p(() => ql.value?.at(y.value - 1));
+    }), Td = p(() => ql.value?.at(B.value - 1));
     p(() => _l.value?.thumbnailViewable);
     const {
       list: Rd,
@@ -28043,13 +28063,13 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
         currentScale: Rl,
         onScaleRequest: Et
       }),
-      (B) => {
-        al.debug("OnZoom", B);
+      (y) => {
+        al.debug("OnZoom", y);
       }
     ), { onRotateClockwise: Ot, onRotateCounterclockwise: vt } = yI(
       x,
-      (B) => {
-        O.value || W("rotate", B);
+      (y) => {
+        O.value || W("rotate", y);
       }
     ), { width: hn, height: gt } = tF(Ud), { license: SU } = oi(K);
     LI(Ud, Rl, jt);
@@ -28058,34 +28078,34 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
     const Jn = p(() => {
       if (!_l?.value || !Object.keys(_l.value).length)
         return 0;
-      let B = [
+      let y = [
         "jumpNavigatable",
         "rotatable",
         "pointerSwitchable",
         "docPropertiesEnabled"
       ];
-      Kt.value && (B = [
+      Kt.value && (y = [
         "newFileOpenable",
         "printable",
         "downloadable",
         "fullscreen",
-        ...B
+        ...y
       ]);
       const ol = [];
       return Object.entries(_l.value).forEach((il) => {
         const [$l, Md] = il;
-        B.includes($l) && Md && ol.push($l);
+        y.includes($l) && Md && ol.push($l);
       }), ol.length;
     }), xF = p(() => {
       if (!Ud.value) return 0;
-      const B = getComputedStyle(Ud.value);
-      return parseInt(B.getPropertyValue("--vpv-container-width-sm") ?? 0);
+      const y = getComputedStyle(Ud.value);
+      return parseInt(y.getPropertyValue("--vpv-container-width-sm") ?? 0);
     }), Kt = p(() => hn.value ? hn.value <= xF.value : !1), KZ = p(() => a.scrollMode === Pl.Page), lc = p(
       () => SU.isValidKey && (SU.type === jU.Organization || SU.type === jU.All)
-    ), dc = p(() => SU.type === jU.Unlicense), Uc = p(() => SU.isValidKey && SU.type === jU.FreeTrial), Gn = p(() => lc.value || dc.value || Uc.value), tc = (B) => {
+    ), dc = p(() => SU.type === jU.Unlicense), Uc = p(() => SU.isValidKey && SU.type === jU.FreeTrial), Gn = p(() => lc.value || dc.value || Uc.value), tc = (y) => {
       const { isCompressed: ol, url: il } = m.value;
       return {
-        url: B,
+        url: y,
         cMapPacked: typeof ol > "u" ? !0 : ol,
         cMapUrl: il,
         // withCredentials: true,
@@ -28094,41 +28114,41 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
     };
     dl(
       () => t.src,
-      async (B) => {
+      async (y) => {
         q.clear(), o();
-        const ol = ZU(B) ? B.value : B;
-        if (await U0(ol), Tl.value = !1, sl.value = 0, yd.value = ol?.split("/")?.pop(), Yl.value ? vF() : y.value = L.value, m?.value) {
+        const ol = ZU(y) ? y.value : y;
+        if (await U0(ol), Tl.value = !1, sl.value = 0, yd.value = ol?.split("/")?.pop(), Yl.value ? vF() : B.value = L.value, m?.value) {
           Ul.value = tc(ol);
           return;
         }
         Ul.value = ol;
       },
       { deep: !0, immediate: !0 }
-    ), dl(Ul, (B) => {
-      B && Yl.value && vF();
+    ), dl(Ul, (y) => {
+      y && Yl.value && vF();
     });
-    const Zc = async (B) => {
-      if (!await U0(B)) {
+    const Zc = async (y) => {
+      if (!await U0(y)) {
         Ul.value = void 0;
         return;
       }
       if (m?.value) {
-        Ul.value = tc(B);
+        Ul.value = tc(y);
         return;
       }
-      Ul.value = B;
-    }, nc = (B) => {
-      yd.value = B;
+      Ul.value = y;
+    }, nc = (y) => {
+      yd.value = y;
     };
-    function IW(B, ol) {
-      al.debug(`Reason for callback: ${ol}`), ol === 1 ? (yl.value = !0, Kl = B) : ol === 2 && (zl.value = gF.value.passwordError);
+    function IW(y, ol) {
+      al.debug(`Reason for callback: ${ol}`), ol === 1 ? (yl.value = !0, Kl = y) : ol === 2 && (zl.value = gF.value.passwordError);
     }
-    const EW = ({ loaded: B, total: ol }) => {
-      const il = B / ol * XZ;
+    const EW = ({ loaded: y, total: ol }) => {
+      const il = y / ol * XZ;
       sl.value > XZ && (sl.value = XZ), O.value || W("loadProgress", il), sl.value = Math.trunc(il);
     };
-    function Fc(B) {
-      al.debug(B), O.value || W("loadError", B), jF.value?.destroy(), v.value?.cleanup(), v.value = void 0, A = void 0, ud.documentLoadingTaskLoaded = !1, ud.documentProxyLoaded = !1, Tl.value = !0, sl.value = 0, R();
+    function Fc(y) {
+      al.debug(y), O.value || W("loadError", y), jF.value?.destroy(), v.value?.cleanup(), v.value = void 0, A = void 0, ud.documentLoadingTaskLoaded = !1, ud.documentProxyLoaded = !1, Tl.value = !0, sl.value = 0, R();
     }
     const { pdfDocLoadingTask: jF, getPage: ec } = pI(
       Ul,
@@ -28162,29 +28182,29 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
       highlightKeywords: ic,
       clear: _W
     } = PI(v), vF = () => {
-      Wc(), y.value = 1, x.value = 0, Yl.value = !1;
+      Wc(), B.value = 1, x.value = 0, Yl.value = !1;
     };
     dl(
       [v, K, E, x, Rl, H, f],
       () => {
         a.pdfDocument = v.value, a.pagesContainerRef = K.value, a.pageIndex = E.value, a.rotation = (360 + x.value) % 360, a.scale = Rl.value, a.scrollMode = H.value, a.viewMode = f.value;
       }
-    ), dl(yd, (B, ol) => {
+    ), dl(yd, (y, ol) => {
       ol && vF();
-    }), dl(KW, (B) => {
+    }), dl(KW, (y) => {
       id.value = {
-        totalMatches: B.length,
-        matches: B.map((ol) => ({ index: ol.oIndex, page: ol.page }))
+        totalMatches: y.length,
+        matches: y.map((ol) => ({ index: ol.oIndex, page: ol.page }))
       };
     }), dl(
       () => a.scrollMode,
-      (B) => {
-        H.value !== B && (H.value = B), W("update:scrollMode", B);
+      (y) => {
+        H.value !== y && (H.value = y), W("update:scrollMode", y);
       }
     ), dl(
       () => a.viewMode,
-      (B) => {
-        f.value !== B && (f.value = B), W("update:viewMode", B);
+      (y) => {
+        f.value !== y && (f.value = y), W("update:viewMode", y);
       }
     ), dl(
       () => [a.scrollMode, a.viewMode],
@@ -28193,68 +28213,68 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
       }
     ), dl(
       [Yl, L, ll],
-      ([B, ol, il]) => {
-        if (B) return;
-        il > 0 && (il < ol || ol <= 0) && (al.warn("Prop `initialPage` should be within the valid range of the PDF pages."), y.value = 1);
+      ([y, ol, il]) => {
+        if (y) return;
+        il > 0 && (il < ol || ol <= 0) && (al.warn("Prop `initialPage` should be within the valid range of the PDF pages."), B.value = 1);
       },
       { once: !0 }
     ), dl(
-      [Yl, L, y, ll, Rd],
-      async ([B, ol, il, $l, Md]) => {
-        if (B || !Md.length) return;
-        const Ad = y.value !== L.value ? y.value : L.value;
+      [Yl, L, B, ll, Rd],
+      async ([y, ol, il, $l, Md]) => {
+        if (y || !Md.length) return;
+        const Ad = B.value !== L.value ? B.value : L.value;
         jd.value = "unset", al.debug("forcePageNumber =>", Ad), await Sl(), hd(Ad - 1), KZ.value || (jd.value = "smooth"), requestAnimationFrame(() => {
           Rc();
         }), Yl.value = !0;
       }
     );
-    const $W = (B) => {
-      B.preventDefault(), _l.value?.newFileOpenable && (kd.value = !0);
+    const $W = (y) => {
+      y.preventDefault(), _l.value?.newFileOpenable && (kd.value = !0);
     }, Rc = () => {
       if (A === jF.value?.docId && !sU.value && !Mt.value && !(KZ.value || !Yl.value) && PZ) {
-        const B = xt.value, ol = f.value === gl.SinglePage && y.value === B, il = [gl.DualPage, gl.DualPageWithCover].includes(f.value) && (y.value === B || y.value === B - 1), $l = H.value === Pl.Wrapped && B + WU.value - 1 <= y.value;
+        const y = xt.value, ol = f.value === gl.SinglePage && B.value === y, il = [gl.DualPage, gl.DualPageWithCover].includes(f.value) && (B.value === y || B.value === y - 1), $l = H.value === Pl.Wrapped && y + WU.value - 1 <= B.value;
         (ol || il || $l) && (PZ = !1);
       }
     };
-    dl(xt, (B) => {
-      PZ || Yl.value && (KZ.value || B > 0 && B !== y.value && (y.value = B));
+    dl(xt, (y) => {
+      PZ || Yl.value && (KZ.value || y > 0 && y !== B.value && (B.value = y));
     });
-    const Nc = /* @__PURE__ */ qe(Rc, 100, { maxWait: 500 }), bc = (B) => {
-      W("scroll", B);
+    const Nc = /* @__PURE__ */ qe(Rc, 100, { maxWait: 500 }), bc = (y) => {
+      W("scroll", y);
     };
-    dl(K, (B) => {
-      B && (B.addEventListener("scroll", Nc, { capture: !0, passive: !0 }), B.addEventListener("scroll", bc, { capture: !0, passive: !0 }));
-    }), dl(sU, (B) => {
-      if (!B && wt.value >= 0) {
+    dl(K, (y) => {
+      y && (y.addEventListener("scroll", Nc, { capture: !0, passive: !0 }), y.addEventListener("scroll", bc, { capture: !0, passive: !0 }));
+    }), dl(sU, (y) => {
+      if (!y && wt.value >= 0) {
         if (KZ.value)
           return;
         Sl(() => {
           const ol = xt.value;
-          ol > 0 && ol !== y.value && (y.value = ol);
+          ol > 0 && ol !== B.value && (B.value = ol);
         });
       }
     });
     const mc = () => {
-      let B = y.value - 1;
-      [gl.DualPage, gl.DualPageWithCover].includes(f.value) && B % 2 === 0 && (B -= 1), B <= 0 && (B = ll.value), _U(B);
+      let y = B.value - 1;
+      [gl.DualPage, gl.DualPageWithCover].includes(f.value) && y % 2 === 0 && (y -= 1), y <= 0 && (y = ll.value), _U(y);
     }, uc = () => {
-      let B = y.value + 1;
-      (f.value === gl.DualPage || f.value === gl.DualPageWithCover && B !== ll.value) && B % 2 === 0 && (B += 1), B > ll.value && (B = 1), _U(B);
-    }, Mc = (B) => {
-      _U(B);
+      let y = B.value + 1;
+      (f.value === gl.DualPage || f.value === gl.DualPageWithCover && y !== ll.value) && y % 2 === 0 && (y += 1), y > ll.value && (y = 1), _U(y);
+    }, Mc = (y) => {
+      _U(y);
     }, pc = () => {
       _U(1);
     }, Tc = () => {
       _U(ll.value);
-    }, Sn = G(X.value), ls = (B) => {
-      Sn.value = B, _.value = B;
+    }, Sn = G(X.value), ls = (y) => {
+      Sn.value = y, _.value = y;
     };
     let PZ = !1;
-    const _U = (B) => {
-      const ol = typeof B != "number" && !new RegExp(/^[0-9]*$/).test(B), il = B < 1 || B > ll.value;
-      ol || il || (y.value = B, PZ = !0, hd(B - 1));
-    }, ds = (B) => {
-      const { action: ol } = B;
+    const _U = (y) => {
+      const ol = typeof y != "number" && !new RegExp(/^[0-9]*$/).test(y), il = y < 1 || y > ll.value;
+      ol || il || (B.value = y, PZ = !0, hd(y - 1));
+    }, ds = (y) => {
+      const { action: ol } = y;
       switch (ol) {
         case "Print":
           OF();
@@ -28263,11 +28283,11 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
           cc();
           break;
         default:
-          al.debug("handleButtonEvent => ", B);
+          al.debug("handleButtonEvent => ", y);
           break;
       }
-    }, Us = (B) => {
-      const { action: ol } = B;
+    }, Us = (y) => {
+      const { action: ol } = y;
       switch (ol) {
         case "FirstPage":
           pc();
@@ -28282,8 +28302,8 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
           mc();
           break;
       }
-    }, ts = (B) => {
-      const { fieldName: ol, value: il, annotationId: $l, checked: Md } = B;
+    }, ts = (y) => {
+      const { fieldName: ol, value: il, annotationId: $l, checked: Md } = y;
       if ($l) {
         const Ad = Al($l);
         if (al.debug("editorKey => ", Ad), Ad) {
@@ -28291,9 +28311,9 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
           IU.value = il, IU.checkBox && (IU.value = Md), al.debug("Updated annotation => ", IU, $l);
         }
       }
-    }, hc = (B) => {
-      const { type: ol, data: il } = B;
-      switch (al.debug("handleAnnotated Type => ", ol, B), ol) {
+    }, hc = (y) => {
+      const { type: ol, data: il } = y;
+      switch (al.debug("handleAnnotated Type => ", ol, y), ol) {
         case Hd.INTERNAL_LINK:
           scrollTo(il.referencedPage);
           break;
@@ -28311,23 +28331,23 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
           ts(il);
           break;
       }
-    }, Zs = (B) => {
-      ul.value = B;
-    }, ns = (B) => {
-      const { viewport: ol } = ql.value[B.page - 1], [il, $l, Md, Ad] = ol.convertToViewportRectangle(B.rect), IU = {
+    }, Zs = (y) => {
+      ul.value = y;
+    }, ns = (y) => {
+      const { viewport: ol } = ql.value[y.page - 1], [il, $l, Md, Ad] = ol.convertToViewportRectangle(y.rect), IU = {
         left: Math.min(il, Md),
         top: Math.min($l, Ad),
         width: Math.abs(Md - il),
         height: Math.abs(Ad - $l)
       };
-      hd(B.page - 1, IU);
+      hd(y.page - 1, IU);
     }, Fs = () => {
       Fl.value = !Fl.value;
     };
-    dl(jF, async (B) => {
-      B && (v.value?.cleanup(), v.value = void 0, A = void 0, ud.documentLoadingTaskLoaded = !1, ud.documentProxyLoaded = !1, R(), B.promise.then(
+    dl(jF, async (y) => {
+      y && (v.value?.cleanup(), v.value = void 0, A = void 0, ud.documentLoadingTaskLoaded = !1, ud.documentProxyLoaded = !1, R(), y.promise.then(
         async (ol) => {
-          v.value = ol, A = B.docId, ll.value = ol.numPages, yl.value && (yl.value = !1, zl.value = void 0), ud.documentProxyLoaded = !0;
+          v.value = ol, A = y.docId, ll.value = ol.numPages, yl.value && (yl.value = !1, zl.value = void 0), ud.documentProxyLoaded = !0;
           const il = await ec(ol, 0);
           F.value = il.rotate, wl(), Jl(ol);
         },
@@ -28337,33 +28357,33 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
       }).finally(() => {
         Tl.value = !0;
       }));
-    }), dl([Tl, gZ], ([B, ol]) => {
-      O.value || !B || !ol || W("loaded", ol);
+    }), dl([Tl, gZ], ([y, ol]) => {
+      O.value || !y || !ol || W("loaded", ol);
     }), dl(
       [D, h],
-      (B) => {
+      (y) => {
         const ol = Xe(
-          { scrollMode: B[0], viewMode: B[1] },
+          { scrollMode: y[0], viewMode: y[1] },
           /* warn */
           !1
         ), il = Ye(
-          { scrollMode: B[0], viewMode: B[1] },
+          { scrollMode: y[0], viewMode: y[1] },
           /* warn */
           !1
         );
         H.value = ol, f.value = il;
       },
       { immediate: !0 }
-    ), dl(y, (B) => {
-      O.value || (W("afterGoToPage", B), W("pageChanged", B));
-    }), dl(QZ, (B) => {
-      B && (_.value = !0);
+    ), dl(B, (y) => {
+      O.value || (W("afterGoToPage", y), W("pageChanged", y));
+    }), dl(QZ, (y) => {
+      y && (_.value = !0);
     }), dl(
       [HZ, Rl],
-      async ([B, ol]) => {
-        if (nl.value = void 0, await Sl(), !B)
+      async ([y, ol]) => {
+        if (nl.value = void 0, await Sl(), !y)
           return;
-        const { page: il, pageMatchIdx: $l, rect: Md } = B;
+        const { page: il, pageMatchIdx: $l, rect: Md } = y;
         nl.value = {
           pageIdx: il - 1,
           matchIdx: $l
@@ -28374,19 +28394,19 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
           width: (Md?.width ?? 0) * ol,
           height: (Md?.height ?? 0) * ol
         };
-        y.value = il, PZ = !0, hd(il - 1, $U);
+        B.value = il, PZ = !0, hd(il - 1, $U);
       },
       { deep: !0, immediate: !0 }
     );
-    const Xn = p(() => sU.value ? GU.value : Rl.value), Jc = (B) => {
-      jt(B);
+    const Xn = p(() => sU.value ? GU.value : Rl.value), Jc = (y) => {
+      jt(y);
     };
-    dl([GU, sU], ([B, ol]) => {
-      a.targetScale = B, a.isScaling = ol;
+    dl([GU, sU], ([y, ol]) => {
+      a.targetScale = y, a.isScaling = ol;
     }), dl(
       Rl,
-      (B) => {
-        a.scale = B;
+      (y) => {
+        a.scale = y;
       },
       { immediate: !0 }
     );
@@ -28396,51 +28416,51 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
       startX: 0,
       startScrollTop: 0,
       startScrollLeft: 0
-    }), Gc = (B) => {
+    }), Gc = (y) => {
       const ol = aU.container;
-      aU.startY = B.pageY, aU.startScrollTop = ol.scrollTop, aU.startX = B.pageX, aU.startScrollLeft = ol.scrollLeft;
+      aU.startY = y.pageY, aU.startScrollTop = ol.scrollTop, aU.startX = y.pageX, aU.startScrollLeft = ol.scrollLeft;
     }, Sc = () => {
       jd.value = "smooth";
-    }, Xc = (B) => {
+    }, Xc = (y) => {
       if (!ac.value || Sn.value)
         return;
-      B.preventDefault(), jd.value = "unset";
-      const ol = aU.container, il = (B.pageX - aU.startX) * 2, $l = (B.pageY - aU.startY) * 2;
+      y.preventDefault(), jd.value = "unset";
+      const ol = aU.container, il = (y.pageX - aU.startX) * 2, $l = (y.pageY - aU.startY) * 2;
       ol.scrollTop = aU.startScrollTop - $l, ol.scrollLeft = aU.startScrollLeft - il;
-    }, es = (B) => {
-      aU.container?.removeEventListener("mousedown", Gc), aU.container?.removeEventListener("mouseup", Sc), aU.container?.removeEventListener("mousemove", Xc), aU.container = B, B.addEventListener("mousedown", Gc, { capture: !0 }), B.addEventListener("mouseup", Sc), B.addEventListener("mousemove", Xc);
+    }, es = (y) => {
+      aU.container?.removeEventListener("mousedown", Gc), aU.container?.removeEventListener("mouseup", Sc), aU.container?.removeEventListener("mousemove", Xc), aU.container = y, y.addEventListener("mousedown", Gc, { capture: !0 }), y.addEventListener("mouseup", Sc), y.addEventListener("mousemove", Xc);
     };
-    dl([K, KZ], ([B, ol]) => {
-      if (!B)
+    dl([K, KZ], ([y, ol]) => {
+      if (!y)
         return;
-      const il = B.querySelector(
+      const il = y.querySelector(
         ".vpv-pages-inner-container"
-      ), $l = ol ? B : il;
+      ), $l = ol ? y : il;
       $l && (ol && (jd.value = "unset"), es($l));
-    }), dl(Dl, (B) => {
-      a.isEditing = Object.values(B).some((ol) => ol);
+    }), dl(Dl, (y) => {
+      a.isEditing = Object.values(y).some((ol) => ol);
     });
     const gF = p(() => {
-      const B = t.localization || SQ, ol = Object.keys(B), il = n.value || "en_US";
-      return ol.includes(il) || al.warn(`Locale '${il}' not found, falling back to 'en_US'`), B[il];
+      const y = t.localization || SQ, ol = Object.keys(y), il = n.value || "en_US";
+      return ol.includes(il) || al.warn(`Locale '${il}' not found, falling back to 'en_US'`), y[il];
     }), pt = fl(null);
     dl(
       [Ul, v],
-      async ([B, ol]) => {
-        if (!ol || !B) {
+      async ([y, ol]) => {
+        if (!ol || !y) {
           pt.value = null;
           return;
         }
         try {
-          if (B instanceof Uint8Array)
-            pt.value = B;
-          else if (B instanceof ArrayBuffer)
-            pt.value = new Uint8Array(B);
-          else if (typeof B == "string") {
-            const $l = await (await fetch(B)).arrayBuffer();
+          if (y instanceof Uint8Array)
+            pt.value = y;
+          else if (y instanceof ArrayBuffer)
+            pt.value = new Uint8Array(y);
+          else if (typeof y == "string") {
+            const $l = await (await fetch(y)).arrayBuffer();
             pt.value = new Uint8Array($l);
-          } else if (typeof B == "object" && "data" in B) {
-            const il = B.data;
+          } else if (typeof y == "object" && "data" in y) {
+            const il = y.data;
             il instanceof Uint8Array ? pt.value = il : il instanceof ArrayBuffer && (pt.value = new Uint8Array(il));
           }
         } catch (il) {
@@ -28458,8 +28478,8 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
     );
     dl(
       [as, x, F],
-      ([B, ol, il]) => {
-        if (!B)
+      ([y, ol, il]) => {
+        if (!y)
           return;
         const $l = SZ(i.uid, tn.Rotate);
         window.dispatchEvent(
@@ -28474,14 +28494,14 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
     );
     const cs = ld(/* @__PURE__ */ new Map()), KF = G(null), Qs = G(!1);
     JE(Qs, KF), Hl(ca, cs), Hl(pd.ANNOTATION_IMAGE_MANAGER, zt), Hl(BQ, O || !1), Hl(eG, ql || []), Hl(ZG, ec || (() => {
-    })), Hl(Ua, Yd || null), Hl(Za, _l || {}), Hl(FG, Jn || 0), Hl(FU, Z), Hl(ea, Zl.loaderImage || void 0), Hl(PU, Ud || null), Hl(TF, y || 1), Hl(zQ, x || 0), Hl(LQ, ll || 0), Hl(kQ, X.value || !1), Hl(pF, Kt || !1), Hl(na, cc || (() => {
+    })), Hl(Ua, Yd || null), Hl(Za, _l || {}), Hl(FG, Jn || 0), Hl(FU, Z), Hl(ea, Zl.loaderImage || void 0), Hl(PU, Ud || null), Hl(TF, B || 1), Hl(zQ, x || 0), Hl(LQ, ll || 0), Hl(kQ, X.value || !1), Hl(pF, Kt || !1), Hl(na, cc || (() => {
     })), Hl(wQ, Zl.iconPrint || void 0), Hl(CQ, Zl.iconDownload || void 0), Hl(EQ, Zl.iconOpenFile || void 0), Hl(xQ, Zl.iconFullScreen || void 0), Hl(Dd, gF), Hl(YQ, nl || null), Hl(nG, WU || G(1)), Hl(rQ, ul || {}), Hl(aG, _U || (() => {
     })), Hl(gQ, ld(Vd || {})), Hl(Qa, q), Hl(KQ, { hasPageBeenRendered: s, markPageAsRendered: N }), Hl(OQ, qW || {});
     const Yc = dn({
       goToPage: _U,
       totalPages: ll,
-      currentPage: y,
-      getTextContent: (B) => v.value?.getPage(B).then((ol) => ol.getTextContent())
+      currentPage: B,
+      getTextContent: (y) => v.value?.getPage(y).then((ol) => ol.getTextContent())
     }), Bc = ld({
       searchMatches: dn(id),
       searching: Vc,
@@ -28496,7 +28516,7 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
       rotateClockwise: Ot,
       rotateCounterclockwise: vt,
       currentRotation: x
-    }), zc = p(() => Yn?.value?.some((B) => B.id === qJ.ANNOTATIONS) ?? !1), Ws = p(() => zc.value && Yn.value.some((B) => B.component?.props?.image !== !1));
+    }), zc = p(() => Yn?.value?.some((y) => y.id === qJ.ANNOTATIONS) ?? !1), Ws = p(() => zc.value && Yn.value.some((y) => y.component?.props?.image !== !1));
     p(() => {
       if (!O.value)
         return Qc;
@@ -28518,21 +28538,21 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
       downloadControl: CW,
       zoomControl: cZ
     });
-    const HF = (B) => {
+    const HF = (y) => {
       if (!v.value || !K.value) return;
       const ol = K.value.classList[0];
-      (wF.value || $a.value?.classList.contains(ol)) && ((B.key === "ArrowRight" || B.key === "ArrowDown") && (B.preventDefault(), y.value < ll.value && _U(y.value + 1)), (B.key === "ArrowLeft" || B.key === "ArrowUp") && (B.preventDefault(), y.value > 1 && _U(y.value - 1)));
+      (wF.value || $a.value?.classList.contains(ol)) && ((y.key === "ArrowRight" || y.key === "ArrowDown") && (y.preventDefault(), B.value < ll.value && _U(B.value + 1)), (y.key === "ArrowLeft" || y.key === "ArrowUp") && (y.preventDefault(), B.value > 1 && _U(B.value - 1)));
     };
-    function ss(B) {
+    function ss(y) {
       return (ol) => {
         const { detail: il } = ol;
-        al.debug(`${B} state changed:`, il);
-        const { active: $l } = il, Md = B.includes(qZ.textSelection), Ad = B.includes(qZ.freeText);
+        al.debug(`${y} state changed:`, il);
+        const { active: $l } = il, Md = y.includes(qZ.textSelection), Ad = y.includes(qZ.freeText);
         if (Md) {
           const Tt = $l, $U = Tt && il.highlight !== !1, lt = Tt && il.strikethrough !== !1, fZ = Tt && il.underline !== !1;
           Dl.Highlight = $U, Dl.StrikeOut = lt, Dl.Underline = fZ, zd.highlight = il.highlight, zd.strikethrough = il.strikethrough, zd.underline = il.underline, il.colors && (nd.value = il.colors, xl.value = il.colors[0].value), Fd.value || ($U ? Fd.value = "highlight" : lt ? Fd.value = "strikethrough" : fZ && (Fd.value = "underline"));
         } else Ad && (Dl.FreeText = $l, !Jd.value && il.fontColors && (Jd.value = il.fontColors), !Xd.value && il.fontSizes && (Xd.value = il.fontSizes));
-        if (B.includes(qZ.image)) {
+        if (y.includes(qZ.image)) {
           Dl.Highlight = !1, Dl.StrikeOut = !1, Dl.Underline = !1, Dl.FreeText = !1;
           const Tt = 1024 * 1024 * 1;
           let $U = "";
@@ -28548,7 +28568,7 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
           }
           zt.getFromFile(il.file).then(async (lt) => {
             if (!lt?.bitmap) return;
-            const fZ = ql.value[y.value - 1];
+            const fZ = ql.value[B.value - 1];
             if (!fZ) return;
             const { viewport: bs } = fZ, { pageWidth: VZ, pageHeight: WZ } = bs.clone({
               dontFlip: !0,
@@ -28573,7 +28593,7 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                 (rc + PF) * VZ,
                 (1 - Ic) * WZ
               ],
-              pageIndex: y.value - 1,
+              pageIndex: B.value - 1,
               bitmapId: lt.id,
               bitmap: lt.bitmap,
               isSvg: lt.isSvg,
@@ -28585,17 +28605,17 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
               annotationType: jl.Stamp,
               annotation: us,
               // Type assertion for compatibility
-              pageIndex: y.value - 1
+              pageIndex: B.value - 1
             });
           });
         }
       };
     }
-    const Lc = /* @__PURE__ */ new Map(), kc = (B) => {
-      B.key === "z" && B.metaKey && B.shiftKey || B.key === "y" && B.metaKey ? V.redo() : B.key === "z" && B.metaKey && V.undo();
+    const Lc = /* @__PURE__ */ new Map(), kc = (y) => {
+      y.key === "z" && y.metaKey && y.shiftKey || y.key === "y" && y.metaKey ? V.redo() : y.key === "z" && y.metaKey && V.undo();
     };
-    function Dc(B) {
-      const { pageIndex: ol, canvas: il } = B;
+    function Dc(y) {
+      const { pageIndex: ol, canvas: il } = y;
       N(ol);
     }
     const {
@@ -28603,16 +28623,16 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
       height: is,
       stop: Rs
     } = tF(Gd, Wl.value);
-    dl(Gd, (B, ol, il) => {
-      B && B.addEventListener("keydown", kc), il(() => {
-        B?.removeEventListener("keydown", kc);
+    dl(Gd, (y, ol, il) => {
+      y && y.addEventListener("keydown", kc), il(() => {
+        y?.removeEventListener("keydown", kc);
       });
     }), dl(
       [os, is],
-      ([B, ol]) => {
+      ([y, ol]) => {
         const il = Wl.value;
         Wl.value = {
-          width: B > 0 ? B : il.width,
+          width: y > 0 ? y : il.width,
           height: ol > 0 ? ol : il.height
         };
       },
@@ -28622,14 +28642,14 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
       /* flush: 'post' ensures the observer runs after the DOM has been updated */
     ), dl(
       bl,
-      (B, ol, il) => {
+      (y, ol, il) => {
         let $l = null;
-        if (B) {
+        if (y) {
           const Md = () => {
-            const { width: Ad } = B.getBoundingClientRect();
+            const { width: Ad } = y.getBoundingClientRect();
             Vl.value = Ad;
           };
-          $l = new ResizeObserver(Md), $l.observe(B);
+          $l = new ResizeObserver(Md), $l.observe(y);
         } else
           Vl.value = 0;
         il(() => {
@@ -28639,15 +28659,15 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
       { immediate: !0 }
     ), dl(
       [hl, Gn],
-      ([B, ol]) => {
-        B && !ol && al.error("`pageOverlay` slot is only available for the Organization license");
+      ([y, ol]) => {
+        y && !ol && al.error("`pageOverlay` slot is only available for the Organization license");
       },
       { immediate: !0 }
     ), sd(() => {
-      Hl(vQ, i.uid), Hl(eU, K), Hl(pd.ENABLE_ANNOTATION_EDITOR, zc), Hl(pd.ACTIVE_ANNOTATION, Dl), Hl(pd.ENABLE_ANNOTATION_IMAGE_EDITOR, Ws), Hl(pd.TEXT_SELECTION_DEFAULT_COLORS, nd), Hl(pd.TEXT_SELECTION_DEFAULT_COLOR, xl), Hl(pd.FREE_TEXT_FONT_COLORS, Jd), Hl(pd.FREE_TEXT_FONT_SIZE_VALUES, Xd), Hl(pd.TEXT_SELECTION_OPTION, zd), Hl(pd.TEXT_SELECTION_DEFAULT_TOOL, Fd), window.addEventListener("keydown", HF), Object.keys(qZ).forEach((B) => {
+      Hl(vQ, i.uid), Hl(eU, K), Hl(pd.ENABLE_ANNOTATION_EDITOR, zc), Hl(pd.ACTIVE_ANNOTATION, Dl), Hl(pd.ENABLE_ANNOTATION_IMAGE_EDITOR, Ws), Hl(pd.TEXT_SELECTION_DEFAULT_COLORS, nd), Hl(pd.TEXT_SELECTION_DEFAULT_COLOR, xl), Hl(pd.FREE_TEXT_FONT_COLORS, Jd), Hl(pd.FREE_TEXT_FONT_SIZE_VALUES, Xd), Hl(pd.TEXT_SELECTION_OPTION, zd), Hl(pd.TEXT_SELECTION_DEFAULT_TOOL, Fd), window.addEventListener("keydown", HF), Object.keys(qZ).forEach((y) => {
         const ol = SZ(
           i.uid,
-          qZ[B]
+          qZ[y]
         ), il = ss(ol);
         Lc.set(ol, il), window.addEventListener(ol, il);
       });
@@ -28655,11 +28675,11 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
       al.debug("onUnmounted"), zt.clear(), Ns(), Rs(), KF.value && KF.value.abort(), o(), v.value && v.value.cleanup();
     });
     function Ns() {
-      K.value?.removeEventListener("keydown", HF), K.value?.removeEventListener("scroll", Nc), K.value?.removeEventListener("scroll", bc), window.removeEventListener("keydown", HF), Lc.forEach((B, ol) => {
-        window.removeEventListener(ol, B);
+      K.value?.removeEventListener("keydown", HF), K.value?.removeEventListener("scroll", Nc), K.value?.removeEventListener("scroll", bc), window.removeEventListener("keydown", HF), Lc.forEach((y, ol) => {
+        window.removeEventListener(ol, y);
       });
     }
-    return (B, ol) => (M(), Nl("div", {
+    return (y, ol) => (M(), Nl("div", {
       ref_key: "container",
       ref: Ud,
       tabindex: "-1",
@@ -28694,32 +28714,32 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
         onFilenameChange: nc,
         onSrcChange: Zc
       }, $d({ _: 2 }, [
-        B.$slots.dropFileZone ? {
+        y.$slots.dropFileZone ? {
           name: "dropFileZone",
           fn: b(() => [
-            C(B.$slots, "dropFileZone", { isDark: Z.value }, void 0, !0)
+            C(y.$slots, "dropFileZone", { isDark: Z.value }, void 0, !0)
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["isDark", "show"]),
       cl("div", XE, [
-        !O.value && B.$slots.loader ? C(B.$slots, "loader", {
+        !O.value && y.$slots.loader ? C(y.$slots, "loader", {
           key: 0,
           progress: sl.value,
           loaded: Tl.value
         }, void 0, !0) : (M(), Nl(Qd, { key: 1 }, [
           Tl.value ? Gl("", !0) : (M(), I(ZF, { key: 0 }, $d({ _: 2 }, [
-            !O.value && B.$slots.loaderImage ? {
+            !O.value && y.$slots.loaderImage ? {
               name: "loaderImage",
               fn: b(() => [
-                C(B.$slots, "loaderImage", {}, void 0, !0)
+                C(y.$slots, "loaderImage", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
-            !O.value && B.$slots.loaderProgress ? {
+            !O.value && y.$slots.loaderProgress ? {
               name: "loaderProgress",
               fn: b(() => [
-                C(B.$slots, "loaderProgress", { progress: sl.value }, () => [
+                C(y.$slots, "loaderProgress", { progress: sl.value }, () => [
                   sl.value >= 0 ? (M(), Nl("p", YE, ml(sl.value) + "%", 1)) : Gl("", !0)
                 ], !0)
               ]),
@@ -28756,10 +28776,10 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                 }, $d({
                   loader: b(() => [
                     z(ZF, null, $d({ _: 2 }, [
-                      !O.value && B.$slots.loaderImage ? {
+                      !O.value && y.$slots.loaderImage ? {
                         name: "loaderImage",
                         fn: b(() => [
-                          C(B.$slots, "loaderImage", {}, void 0, !0)
+                          C(y.$slots, "loaderImage", {}, void 0, !0)
                         ]),
                         key: "0"
                       } : void 0
@@ -28767,10 +28787,10 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                   ]),
                   _: 2
                 }, [
-                  !O.value && B.$slots.iconSearch ? {
+                  !O.value && y.$slots.iconSearch ? {
                     name: "icon",
                     fn: b(() => [
-                      C(B.$slots, "iconSearch", {}, void 0, !0)
+                      C(y.$slots, "iconSearch", {}, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0
@@ -28778,15 +28798,15 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                 _l.value?.navigatable && K.value ? (M(), I(fr, {
                   key: 1,
                   total: ll.value,
-                  current: y.value,
+                  current: B.value,
                   onNext: uc,
                   onPrev: mc,
                   onChangePage: Mc
                 }, $d({ _: 2 }, [
-                  !O.value && B.$slots.pageNavigationTool ? {
+                  !O.value && y.$slots.pageNavigationTool ? {
                     name: "default",
                     fn: b(({ total: il, current: $l, onNext: Md, onPrev: Ad, onChangePage: IU }) => [
-                      C(B.$slots, "pageNavigationTool", {
+                      C(y.$slots, "pageNavigationTool", {
                         total: il,
                         current: $l,
                         onNext: Md,
@@ -28796,17 +28816,17 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                     ]),
                     key: "0"
                   } : void 0,
-                  !O.value && B.$slots.iconPrevPage ? {
+                  !O.value && y.$slots.iconPrevPage ? {
                     name: "iconPrevPage",
                     fn: b(() => [
-                      C(B.$slots, "iconPrevPage", {}, void 0, !0)
+                      C(y.$slots, "iconPrevPage", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0,
-                  !O.value && B.$slots.iconNextPage ? {
+                  !O.value && y.$slots.iconNextPage ? {
                     name: "iconNextPage",
                     fn: b(() => [
-                      C(B.$slots, "iconNextPage", {}, void 0, !0)
+                      C(y.$slots, "iconNextPage", {}, void 0, !0)
                     ]),
                     key: "2"
                   } : void 0
@@ -28819,27 +28839,27 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                   "pages-container": K.value,
                   onZoom: Jc
                 }, $d({ _: 2 }, [
-                  !O.value && B.$slots.zoomTool ? {
+                  !O.value && y.$slots.zoomTool ? {
                     name: "default",
                     fn: b(({ currentScale: il }) => [
-                      C(B.$slots, "zoomTool", {
+                      C(y.$slots, "zoomTool", {
                         currentScale: Xn.value,
                         zoom: Jc
                       }, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
-                  !O.value && B.$slots.iconZoomOut ? {
+                  !O.value && y.$slots.iconZoomOut ? {
                     name: "iconZoomOut",
                     fn: b(() => [
-                      C(B.$slots, "iconZoomOut", {}, void 0, !0)
+                      C(y.$slots, "iconZoomOut", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0,
-                  !O.value && B.$slots.iconZoomIn ? {
+                  !O.value && y.$slots.iconZoomIn ? {
                     name: "iconZoomIn",
                     fn: b(() => [
-                      C(B.$slots, "iconZoomIn", {}, void 0, !0)
+                      C(y.$slots, "iconZoomIn", {}, void 0, !0)
                     ]),
                     key: "2"
                   } : void 0
@@ -28852,17 +28872,17 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                   "onUpdate:modelValue": ol[2] || (ol[2] = (il) => Fl.value = il),
                   onToggle: Fs
                 }, $d({ _: 2 }, [
-                  !O.value && B.$slots.commentPanelTool ? {
+                  !O.value && y.$slots.commentPanelTool ? {
                     name: "default",
                     fn: b(({ onClick: il }) => [
-                      C(B.$slots, "commentPanelTool", { onClick: il }, void 0, !0)
+                      C(y.$slots, "commentPanelTool", { onClick: il }, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
-                  !O.value && B.$slots.iconCommentPanel ? {
+                  !O.value && y.$slots.iconCommentPanel ? {
                     name: "icon",
                     fn: b(() => [
-                      C(B.$slots, "iconCommentPanel", {}, void 0, !0)
+                      C(y.$slots, "iconCommentPanel", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0
@@ -28872,59 +28892,59 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                   modelValue: Z.value,
                   "onUpdate:modelValue": ol[3] || (ol[3] = (il) => Z.value = il)
                 }, $d({ _: 2 }, [
-                  !O.value && B.$slots.themeTool ? {
+                  !O.value && y.$slots.themeTool ? {
                     name: "default",
                     fn: b(({ isDark: il, onClick: $l }) => [
-                      C(B.$slots, "themeTool", {
+                      C(y.$slots, "themeTool", {
                         isDark: il,
                         onClick: $l
                       }, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
-                  !O.value && B.$slots.iconThemeDark ? {
+                  !O.value && y.$slots.iconThemeDark ? {
                     name: "iconDark",
                     fn: b(() => [
-                      C(B.$slots, "iconThemeDark", {}, void 0, !0)
+                      C(y.$slots, "iconThemeDark", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0,
-                  !O.value && B.$slots.iconThemeLight ? {
+                  !O.value && y.$slots.iconThemeLight ? {
                     name: "iconLight",
                     fn: b(() => [
-                      C(B.$slots, "iconThemeLight", {}, void 0, !0)
+                      C(y.$slots, "iconThemeLight", {}, void 0, !0)
                     ]),
                     key: "2"
                   } : void 0
                 ]), 1032, ["modelValue"])) : Gl("", !0),
                 _l.value?.newFileOpenable && !Kt.value ? (M(), I(Or, { key: 2 }, $d({ _: 2 }, [
-                  !O.value && B.$slots.openFileTool ? {
+                  !O.value && y.$slots.openFileTool ? {
                     name: "default",
                     fn: b(({ onClick: il }) => [
-                      C(B.$slots, "openFileTool", { onClick: il }, void 0, !0)
+                      C(y.$slots, "openFileTool", { onClick: il }, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
-                  !O.value && B.$slots.iconOpenFile ? {
+                  !O.value && y.$slots.iconOpenFile ? {
                     name: "icon",
                     fn: b(() => [
-                      C(B.$slots, "iconOpenFile", {}, void 0, !0)
+                      C(y.$slots, "iconOpenFile", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0
                 ]), 1024)) : Gl("", !0),
                 _l.value?.downloadable && !Kt.value ? (M(), I(Cr, { key: 3 }, $d({ _: 2 }, [
-                  !O.value && B.$slots.downloadTool ? {
+                  !O.value && y.$slots.downloadTool ? {
                     name: "default",
                     fn: b(({ onClick: il }) => [
-                      C(B.$slots, "downloadTool", { onClick: il }, void 0, !0)
+                      C(y.$slots, "downloadTool", { onClick: il }, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
-                  !O.value && B.$slots.iconDownload ? {
+                  !O.value && y.$slots.iconDownload ? {
                     name: "icon",
                     fn: b(() => [
-                      C(B.$slots, "iconDownload", {}, void 0, !0)
+                      C(y.$slots, "iconDownload", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0
@@ -28933,36 +28953,36 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                   key: 4,
                   print: c(OF)
                 }, $d({ _: 2 }, [
-                  !O.value && B.$slots.printTool ? {
+                  !O.value && y.$slots.printTool ? {
                     name: "default",
                     fn: b(({ onClick: il }) => [
-                      C(B.$slots, "printTool", { onClick: il }, void 0, !0)
+                      C(y.$slots, "printTool", { onClick: il }, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
-                  !O.value && B.$slots.iconPrint ? {
+                  !O.value && y.$slots.iconPrint ? {
                     name: "icon",
                     fn: b(() => [
-                      C(B.$slots, "iconPrint", {}, void 0, !0)
+                      C(y.$slots, "iconPrint", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0
                 ]), 1032, ["print"])) : Gl("", !0),
                 _l.value?.fullscreen && !Kt.value && K.value ? (M(), I(xr, { key: 5 }, $d({ _: 2 }, [
-                  !O.value && B.$slots.fullScreenTool ? {
+                  !O.value && y.$slots.fullScreenTool ? {
                     name: "default",
                     fn: b(({ onClick: il, isSupported: $l }) => [
-                      C(B.$slots, "fullScreenTool", {
+                      C(y.$slots, "fullScreenTool", {
                         onClick: il,
                         isSupported: $l
                       }, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
-                  !O.value && B.$slots.iconFullScreen ? {
+                  !O.value && y.$slots.iconFullScreen ? {
                     name: "icon",
                     fn: b(() => [
-                      C(B.$slots, "iconFullScreen", {}, void 0, !0)
+                      C(y.$slots, "iconFullScreen", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0
@@ -28978,108 +28998,108 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                   onRotateCounterclockwise: c(vt),
                   onTextSelection: ls
                 }, $d({ _: 2 }, [
-                  !O.value && B.$slots.iconMoreOptions ? {
+                  !O.value && y.$slots.iconMoreOptions ? {
                     name: "icon",
                     fn: b(() => [
-                      C(B.$slots, "iconMoreOptions", {}, void 0, !0)
+                      C(y.$slots, "iconMoreOptions", {}, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
-                  !O.value && B.$slots.iconFirstPage ? {
+                  !O.value && y.$slots.iconFirstPage ? {
                     name: "iconFirstPage",
                     fn: b(() => [
-                      C(B.$slots, "iconFirstPage", {}, void 0, !0)
+                      C(y.$slots, "iconFirstPage", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0,
-                  !O.value && B.$slots.iconLastPage ? {
+                  !O.value && y.$slots.iconLastPage ? {
                     name: "iconLastPage",
                     fn: b(() => [
-                      C(B.$slots, "iconLastPage", {}, void 0, !0)
+                      C(y.$slots, "iconLastPage", {}, void 0, !0)
                     ]),
                     key: "2"
                   } : void 0,
-                  !O.value && B.$slots.iconRotateClockwise ? {
+                  !O.value && y.$slots.iconRotateClockwise ? {
                     name: "iconRotateClockwise",
                     fn: b(() => [
-                      C(B.$slots, "iconRotateClockwise", {}, void 0, !0)
+                      C(y.$slots, "iconRotateClockwise", {}, void 0, !0)
                     ]),
                     key: "3"
                   } : void 0,
-                  !O.value && B.$slots.iconRotateCounterClockwise ? {
+                  !O.value && y.$slots.iconRotateCounterClockwise ? {
                     name: "iconRotateCounterClockwise",
                     fn: b(() => [
-                      C(B.$slots, "iconRotateCounterClockwise", {}, void 0, !0)
+                      C(y.$slots, "iconRotateCounterClockwise", {}, void 0, !0)
                     ]),
                     key: "4"
                   } : void 0,
-                  !O.value && B.$slots.iconTextSelection ? {
+                  !O.value && y.$slots.iconTextSelection ? {
                     name: "iconTextSelection",
                     fn: b(() => [
-                      C(B.$slots, "iconTextSelection", {}, void 0, !0)
+                      C(y.$slots, "iconTextSelection", {}, void 0, !0)
                     ]),
                     key: "5"
                   } : void 0,
-                  !O.value && B.$slots.iconHandMode ? {
+                  !O.value && y.$slots.iconHandMode ? {
                     name: "iconHandMode",
                     fn: b(() => [
-                      C(B.$slots, "iconHandMode", {}, void 0, !0)
+                      C(y.$slots, "iconHandMode", {}, void 0, !0)
                     ]),
                     key: "6"
                   } : void 0,
-                  !O.value && B.$slots.iconScrollingPage ? {
+                  !O.value && y.$slots.iconScrollingPage ? {
                     name: "iconScrollingPage",
                     fn: b(() => [
-                      C(B.$slots, "iconScrollingPage", {}, void 0, !0)
+                      C(y.$slots, "iconScrollingPage", {}, void 0, !0)
                     ]),
                     key: "7"
                   } : void 0,
-                  !O.value && B.$slots.iconScrollingVertical ? {
+                  !O.value && y.$slots.iconScrollingVertical ? {
                     name: "iconScrollingVertical",
                     fn: b(() => [
-                      C(B.$slots, "iconScrollingVertical", {}, void 0, !0)
+                      C(y.$slots, "iconScrollingVertical", {}, void 0, !0)
                     ]),
                     key: "8"
                   } : void 0,
-                  !O.value && B.$slots.iconScrollingHorizontal ? {
+                  !O.value && y.$slots.iconScrollingHorizontal ? {
                     name: "iconScrollingHorizontal",
                     fn: b(() => [
-                      C(B.$slots, "iconScrollingHorizontal", {}, void 0, !0)
+                      C(y.$slots, "iconScrollingHorizontal", {}, void 0, !0)
                     ]),
                     key: "9"
                   } : void 0,
-                  !O.value && B.$slots.iconScrollingWrapped ? {
+                  !O.value && y.$slots.iconScrollingWrapped ? {
                     name: "iconScrollingWrapped",
                     fn: b(() => [
-                      C(B.$slots, "iconScrollingWrapped", {}, void 0, !0)
+                      C(y.$slots, "iconScrollingWrapped", {}, void 0, !0)
                     ]),
                     key: "10"
                   } : void 0,
-                  !O.value && B.$slots.iconPageViewSingle ? {
+                  !O.value && y.$slots.iconPageViewSingle ? {
                     name: "iconPageViewSingle",
                     fn: b(() => [
-                      C(B.$slots, "iconPageViewSingle", {}, void 0, !0)
+                      C(y.$slots, "iconPageViewSingle", {}, void 0, !0)
                     ]),
                     key: "11"
                   } : void 0,
-                  !O.value && B.$slots.iconPageViewDual ? {
+                  !O.value && y.$slots.iconPageViewDual ? {
                     name: "iconPageViewDual",
                     fn: b(() => [
-                      C(B.$slots, "iconPageViewDual", {}, void 0, !0)
+                      C(y.$slots, "iconPageViewDual", {}, void 0, !0)
                     ]),
                     key: "12"
                   } : void 0,
-                  !O.value && B.$slots.iconPageViewDualWithCover ? {
+                  !O.value && y.$slots.iconPageViewDualWithCover ? {
                     name: "iconPageViewDualWithCover",
                     fn: b(() => [
-                      C(B.$slots, "iconPageViewDualWithCover", {}, void 0, !0)
+                      C(y.$slots, "iconPageViewDualWithCover", {}, void 0, !0)
                     ]),
                     key: "13"
                   } : void 0,
-                  !O.value && B.$slots.iconDocProperties ? {
+                  !O.value && y.$slots.iconDocProperties ? {
                     name: "iconDocProperties",
                     fn: b(() => [
-                      C(B.$slots, "iconDocProperties", {}, void 0, !0)
+                      C(y.$slots, "iconDocProperties", {}, void 0, !0)
                     ]),
                     key: "14"
                   } : void 0
@@ -29104,17 +29124,17 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                     modelValue: tl.value,
                     "onUpdate:modelValue": ol[4] || (ol[4] = (il) => tl.value = il)
                   }, $d({ _: 2 }, [
-                    !O.value && B.$slots.thumbnailTool ? {
+                    !O.value && y.$slots.thumbnailTool ? {
                       name: "default",
                       fn: b(({ onToggle: il }) => [
-                        C(B.$slots, "thumbnailTool", { onToggle: il }, void 0, !0)
+                        C(y.$slots, "thumbnailTool", { onToggle: il }, void 0, !0)
                       ]),
                       key: "0"
                     } : void 0,
-                    !O.value && B.$slots.iconThumbnail ? {
+                    !O.value && y.$slots.iconThumbnail ? {
                       name: "icon",
                       fn: b(() => [
-                        C(B.$slots, "iconThumbnail", {}, void 0, !0)
+                        C(y.$slots, "iconThumbnail", {}, void 0, !0)
                       ]),
                       key: "1"
                     } : void 0
@@ -29166,7 +29186,7 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                     key: il,
                     "data-page-index": il,
                     "aria-label": `page ${$l?.page.pageNumber}`,
-                    class: td(`vpv-page-inner-container ${y.value === $l?.page.pageNumber ? "vpv-current-page" : ""}`)
+                    class: td(`vpv-page-inner-container ${B.value === $l?.page.pageNumber ? "vpv-current-page" : ""}`)
                   }, [
                     Rl.value && v.value && $l?.page ? (M(), I(C0, {
                       key: 0,
@@ -29189,7 +29209,7 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                       Gn.value ? {
                         name: "pageOverlay",
                         fn: b((Md) => [
-                          C(B.$slots, "pageOverlay", pl({ ref_for: !0 }, Md), void 0, !0)
+                          C(y.$slots, "pageOverlay", pl({ ref_for: !0 }, Md), void 0, !0)
                         ]),
                         key: "0"
                       } : void 0
@@ -29201,7 +29221,7 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                     (M(!0), Nl(Qd, null, Ed(il, (Md) => (M(), Nl("div", {
                       key: Md.index,
                       "data-page-index": Md.index,
-                      class: td(`vpv-page-inner-container ${y.value === Md.data?.page.pageNumber ? "vpv-current-page" : ""}`),
+                      class: td(`vpv-page-inner-container ${B.value === Md.data?.page.pageNumber ? "vpv-current-page" : ""}`),
                       "aria-label": `page ${Md.data?.page.pageNumber}`
                     }, [
                       Rl.value && v.value && Md.data?.page ? (M(), I(C0, {
@@ -29225,7 +29245,7 @@ const { getTextLayers: ln } = fa(), JE = (l, U) => {
                         Gn.value ? {
                           name: "pageOverlay",
                           fn: b((Ad) => [
-                            C(B.$slots, "pageOverlay", pl({ ref_for: !0 }, Ad), void 0, !0)
+                            C(y.$slots, "pageOverlay", pl({ ref_for: !0 }, Ad), void 0, !0)
                           ]),
                           key: "0"
                         } : void 0