@eternalheart/vue-file-preview 1.3.13 → 1.4.0

package/lib/chunks/{index-Oxwizt6-.mjs → index-D9QQL7U6.mjs}

@@ -1,8 +1,8 @@
-import { computed as M, unref as v, provide as ie, inject as xe, ref as C, watch as A, onBeforeUnmount as G, h as O, defineComponent as X, openBlock as f, createElementBlock as b, createElementVNode as T, toDisplayString as D, defineAsyncComponent as ft, createVNode as H, createTextVNode as pt, onMounted as we, Fragment as P, normalizeStyle as ae, createCommentVNode as L, toRef as Ee, renderList as q, createBlock as F, resolveDynamicComponent as Q, onUnmounted as mt, Teleport as vt, Transition as ht, withCtx as gt } from "vue";
-import { ZoomOut as Ae, ZoomIn as Be, Scan as bt, RotateCcw as xt, RotateCw as wt, RefreshCw as qe, List as Oe, ChevronLeft as ye, ChevronRight as ke, Minimize2 as Ue, Maximize2 as He, WrapText as yt, Code as Ve, Eye as Ze, FileQuestion as kt, Download as Ge, X as Ft } from "lucide-vue-next";
-import Ct from "jszip";
-const _t = "1.3.13", Rt = {
-  version: _t
+import { computed as R, unref as v, provide as ie, inject as ye, ref as _, watch as O, onBeforeUnmount as X, h as H, defineComponent as K, openBlock as f, createElementBlock as b, createElementVNode as S, toDisplayString as B, defineAsyncComponent as pt, createVNode as Z, createTextVNode as mt, onMounted as Fe, Fragment as T, normalizeStyle as ae, createCommentVNode as I, toRef as Se, renderList as U, createBlock as C, resolveDynamicComponent as ee, onUnmounted as vt, Teleport as ht, Transition as gt, withCtx as bt } from "vue";
+import { ZoomOut as qe, ZoomIn as Be, Scan as wt, RotateCcw as xt, RotateCw as yt, RefreshCw as Oe, List as ke, ChevronLeft as le, ChevronRight as re, Minimize2 as Ue, Maximize2 as He, WrapText as Ft, Code as Ve, Eye as Ze, FileQuestion as kt, Download as Ge, X as Ct } from "lucide-vue-next";
+import _t from "jszip";
+const Rt = "1.4.0", Pt = {
+  version: Rt
 }, zn = [
   "image",
   "pdf",
@@ -32,7 +32,7 @@ function zt(e) {
     return decodeURIComponent(t);
   }
 }
-function ve(e) {
+function ge(e) {
   var t;
   const o = ((t = e.split(".").pop()) == null ? void 0 : t.toLowerCase()) || "";
   return {
@@ -115,7 +115,7 @@ function Mt(e, t = 0) {
       id: `file-${Date.now()}-${t}`,
       name: e.name,
       url: URL.createObjectURL(e),
-      type: e.type || ve(e.name),
+      type: e.type || ge(e.name),
       size: e.size
     };
   if (typeof e == "string") {
@@ -124,21 +124,21 @@ function Mt(e, t = 0) {
       id: `url-${Date.now()}-${t}`,
       name: o,
       url: e,
-      type: ve(o)
+      type: ge(o)
     };
   }
   return {
     id: e.id || `link-${Date.now()}-${t}`,
     name: e.name,
     url: e.url,
-    type: e.type || ve(e.name),
+    type: e.type || ge(e.name),
     size: e.size
   };
 }
 function jt(e) {
   return e.map((t, o) => Mt(t, o));
 }
-function Pt(e) {
+function Tt(e) {
   var t;
   const o = ((t = e.name.split(".").pop()) == null ? void 0 : t.toLowerCase()) || "", n = e.type.toLowerCase();
   if (n.startsWith("image/") || [
@@ -309,19 +309,19 @@ function jn(e) {
     flv: "video/x-flv"
   }[o] || "video/mp4";
 }
-function Tt(e) {
+function Et(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Pn(e) {
+function Tn(e) {
   if (!isFinite(e) || isNaN(e) || e < 0) return "0:00";
   const t = Math.floor(e / 60), o = Math.floor(e % 60);
   return `${t}:${o.toString().padStart(2, "0")}`;
 }
-function Tn(e) {
+function En(e) {
   var t;
   return (((t = e.split(".").pop()) == null ? void 0 : t.toLowerCase()) || "") === "tsv" ? "	" : ",";
 }
-function En(e, t = {}) {
+function Sn(e, t = {}) {
   const o = t.delimiter ?? ",", n = t.firstRowAsHeader ?? !0, i = [];
   let a = [], l = "", s = !1, r = 0;
   const u = e.length;
@@ -366,23 +366,23 @@ function En(e, t = {}) {
     else
       break;
   }
-  let d = [], m = i;
-  n && i.length > 0 && (d = i[0], m = i.slice(1));
-  const p = Math.max(
+  let d = [], p = i;
+  n && i.length > 0 && (d = i[0], p = i.slice(1));
+  const m = Math.max(
     d.length,
-    ...m.map((c) => c.length),
+    ...p.map((c) => c.length),
     0
   );
-  for (const c of m)
-    for (; c.length < p; ) c.push("");
+  for (const c of p)
+    for (; c.length < m; ) c.push("");
   return {
     header: d,
-    rows: m,
-    columnCount: p,
+    rows: p,
+    columnCount: m,
     delimiter: o
   };
 }
-function Et(e) {
+function St(e) {
   const t = e instanceof Uint8Array ? e : new Uint8Array(e);
   if (t.length >= 3 && t[0] === 239 && t[1] === 187 && t[2] === 191)
     return new TextDecoder("utf-8").decode(t);
@@ -400,17 +400,17 @@ function Et(e) {
   }
   return new TextDecoder("utf-8", { fatal: !1 }).decode(t);
 }
-async function Sn(e, t) {
+async function Nn(e, t) {
   const o = !!t && ("fetcher" in t || "init" in t || "signal" in t), n = o ? t.fetcher ?? fetch : fetch, i = o ? t.signal : void 0, a = o ? t.init : t, l = i ? { ...a, signal: i } : a, s = await n(e, l);
   if (!s.ok) throw new Error(`请求失败: ${s.status}`);
   const r = await s.arrayBuffer();
-  return Et(r);
+  return St(r);
 }
-async function St(e, t) {
+async function Nt(e, t) {
   if (e)
     return typeof e == "function" ? await e(t) : e;
 }
-function Nt(e, t) {
+function $t(e, t) {
   if (!e && !t) return;
   if (!e) return t;
   if (!t) return e;
@@ -423,20 +423,20 @@ function Nt(e, t) {
     headers: o
   };
 }
-function $t(e) {
+function Lt(e) {
   const t = (e == null ? void 0 : e.requestHandler) ?? ((n, i) => fetch(n, i)), o = e == null ? void 0 : e.requestInit;
   return async (n, i) => {
-    const a = await St(o, n), l = Nt(a, i);
+    const a = await Nt(o, n), l = $t(a, i);
     return t(n, l);
   };
 }
-async function Lt(e, t = fetch, o) {
+async function Wt(e, t = fetch, o) {
   const n = await t(e, o);
   if (!n.ok) throw new Error(`请求失败: ${n.status}`);
   const i = await n.blob();
   return URL.createObjectURL(i);
 }
-async function Wt(e, t, o = fetch, n) {
+async function It(e, t, o = fetch, n) {
   const i = await o(e, n);
   if (!i.ok) throw new Error(`请求失败: ${i.status}`);
   const a = await i.blob(), l = URL.createObjectURL(a);
@@ -447,7 +447,7 @@ async function Wt(e, t, o = fetch, n) {
     setTimeout(() => URL.revokeObjectURL(l), 1e3);
   }
 }
-function Se(e) {
+function Ne(e) {
   const t = e.trim().replace(",", "."), o = t.split(":").map((n) => n.trim());
   if (o.length === 3) {
     const [n, i, a] = o;
@@ -459,17 +459,17 @@ function Se(e) {
   }
   return Number(t) || 0;
 }
-function Nn(e) {
+function $n(e) {
   if (!isFinite(e) || e < 0) return "00:00:00.000";
   const t = Math.floor(e * 1e3), o = t % 1e3, n = Math.floor(t / 1e3) % 60, i = Math.floor(t / 6e4) % 60, a = Math.floor(t / 36e5), l = (s, r = 2) => s.toString().padStart(r, "0");
   return `${l(a)}:${l(i)}:${l(n)}.${l(o, 3)}`;
 }
-const Ne = /(\d{1,2}:)?\d{1,2}:\d{1,2}[.,]\d{1,3}\s*-->\s*(\d{1,2}:)?\d{1,2}:\d{1,2}[.,]\d{1,3}/, It = /^\s*\[\d{1,2}:\d{1,2}(?:[.:]\d{1,3})?\]/;
-function Dt(e) {
+const $e = /(\d{1,2}:)?\d{1,2}:\d{1,2}[.,]\d{1,3}\s*-->\s*(\d{1,2}:)?\d{1,2}:\d{1,2}[.,]\d{1,3}/, Dt = /^\s*\[\d{1,2}:\d{1,2}(?:[.:]\d{1,3})?\]/;
+function At(e) {
   const t = e.replace(/^\uFEFF/, "").trimStart();
-  return /^WEBVTT/.test(t) ? "vtt" : /^<\?xml/i.test(t) || /<tt\b[^>]*>/i.test(t) ? "ttml" : /^\[Script Info\]/im.test(t) || /^Dialogue:/m.test(t) ? /ScriptType:\s*v4\.00\s*$/im.test(t) ? "ssa" : "ass" : It.test(t) || /^\[(ti|ar|al|au|by|length|offset|re|ve):/im.test(t) ? /<\d{1,2}:\d{1,2}(?:[.:]\d{1,3})?>/.test(t) ? "elrc" : "lrc" : "srt";
+  return /^WEBVTT/.test(t) ? "vtt" : /^<\?xml/i.test(t) || /<tt\b[^>]*>/i.test(t) ? "ttml" : /^\[Script Info\]/im.test(t) || /^Dialogue:/m.test(t) ? /ScriptType:\s*v4\.00\s*$/im.test(t) ? "ssa" : "ass" : Dt.test(t) || /^\[(ti|ar|al|au|by|length|offset|re|ve):/im.test(t) ? /<\d{1,2}:\d{1,2}(?:[.:]\d{1,3})?>/.test(t) ? "elrc" : "lrc" : "srt";
 }
-function $e(e, t) {
+function Le(e, t) {
   const o = e.replace(/\r\n?/g, `
 `).replace(/^\uFEFF/, "").split(`
 `), n = [];
@@ -485,24 +485,24 @@ function $e(e, t) {
     for (; a < o.length && o[a].trim() === ""; ) a++;
     if (a >= o.length) break;
     let l, s = null;
-    if (Ne.test(o[a]))
+    if ($e.test(o[a]))
       s = o[a], a++;
-    else if (l = o[a].trim() || void 0, a++, a < o.length && Ne.test(o[a]))
+    else if (l = o[a].trim() || void 0, a++, a < o.length && $e.test(o[a]))
       s = o[a], a++;
     else
       continue;
     if (!s) continue;
     const r = s.match(/([\d:.,]+)\s*-->\s*([\d:.,]+)/);
     if (!r) continue;
-    const u = Se(r[1]), d = Se(r[2]), m = [];
+    const u = Ne(r[1]), d = Ne(r[2]), p = [];
     for (; a < o.length && o[a].trim() !== ""; )
-      m.push(o[a]), a++;
-    n.push({ id: l, start: u, end: d, text: m.join(`
+      p.push(o[a]), a++;
+    n.push({ id: l, start: u, end: d, text: p.join(`
 `) });
   }
   return { format: t, cues: n, header: i };
 }
-function be(e, t, o) {
+function xe(e, t, o) {
   const n = Number(e), i = Number(t);
   let a = 0;
   if (o) {
@@ -521,7 +521,7 @@ function Xe(e, t) {
   }
   return !0;
 }
-function At(e) {
+function qt(e) {
   const t = e.replace(/\r\n?/g, `
 `).replace(/^\uFEFF/, "").split(`
 `), o = { metadata: {}, offsetMs: 0 }, n = /\[(\d{1,2}):(\d{1,2})(?:[.:](\d{1,3}))?\]/g, i = [];
@@ -533,11 +533,11 @@ function At(e) {
     n.lastIndex = 0;
     let d;
     for (; (d = n.exec(s)) !== null && d.index === u; )
-      r.push(be(d[1], d[2], d[3])), u = d.index + d[0].length;
+      r.push(xe(d[1], d[2], d[3])), u = d.index + d[0].length;
     if (r.length === 0) continue;
-    const m = s.slice(u).trim();
-    for (const p of r)
-      i.push({ start: p, text: m });
+    const p = s.slice(u).trim();
+    for (const m of r)
+      i.push({ start: m, text: p });
   }
   i.sort((l, s) => l.start - s.start);
   const a = o.offsetMs / 1e3;
@@ -556,41 +556,41 @@ function Bt(e) {
     const u = [];
     let d = 0;
     n.lastIndex = 0;
-    let m;
-    for (; (m = n.exec(r)) !== null && m.index === d; )
-      u.push(be(m[1], m[2], m[3])), d = m.index + m[0].length;
+    let p;
+    for (; (p = n.exec(r)) !== null && p.index === d; )
+      u.push(xe(p[1], p[2], p[3])), d = p.index + p[0].length;
     if (u.length === 0) continue;
-    const p = r.slice(d);
+    const m = r.slice(d);
     for (const c of u)
-      a.push({ start: c, raw: p });
+      a.push({ start: c, raw: m });
   }
   a.sort((s, r) => s.start - r.start);
   const l = o.offsetMs / 1e3;
   return { format: "elrc", cues: a.map((s, r) => {
     const u = [];
-    let d = "", m = 0, p = null;
+    let d = "", p = 0, m = null;
     i.lastIndex = 0;
     let c;
     for (; (c = i.exec(s.raw)) !== null; ) {
-      const h = s.raw.slice(m, c.index);
-      p !== null && h && u.push({ start: Math.max(0, p - l), text: h }), d += h, p = be(c[1], c[2], c[3]), m = c.index + c[0].length;
+      const L = s.raw.slice(p, c.index);
+      m !== null && L && u.push({ start: Math.max(0, m - l), text: L }), d += L, m = xe(c[1], c[2], c[3]), p = c.index + c[0].length;
     }
-    const w = s.raw.slice(m);
-    p !== null && w && u.push({ start: Math.max(0, p - l), text: w }), d += w;
-    const _ = Math.max(0, s.start - l), S = a[r + 1], j = S ? Math.max(_, S.start - l) : _ + 5;
+    const w = s.raw.slice(p);
+    m !== null && w && u.push({ start: Math.max(0, m - l), text: w }), d += w;
+    const P = Math.max(0, s.start - l), j = a[r + 1], M = j ? Math.max(P, j.start - l) : P + 5;
     return {
-      start: _,
-      end: j,
+      start: P,
+      end: M,
       text: d.trim(),
       words: u.length ? u : void 0
     };
   }), metadata: o.metadata };
 }
-function Le(e) {
+function We(e) {
   const t = e.trim().split(":");
   return t.length !== 3 ? 0 : Number(t[0]) * 3600 + Number(t[1]) * 60 + Number(t[2].replace(",", "."));
 }
-function We(e, t) {
+function Ie(e, t) {
   const o = e.replace(/\r\n?/g, `
 `).replace(/^\uFEFF/, "").split(`
 `);
@@ -606,21 +606,21 @@ function We(e, t) {
       l.push(r);
       continue;
     }
-    const m = /^Format:\s*(.+)$/i.exec(u);
-    if (m) {
-      i = m[1].split(",").map((I) => I.trim());
+    const p = /^Format:\s*(.+)$/i.exec(u);
+    if (p) {
+      i = p[1].split(",").map((D) => D.trim());
       continue;
     }
-    const p = /^(Dialogue|Comment):\s*(.+)$/i.exec(u);
-    if (!p || p[1].toLowerCase() === "comment" || i.length === 0) continue;
-    const c = i.length, w = p[2].split(","), _ = w.slice(0, c - 1), S = w.slice(c - 1).join(","), j = {};
-    i.forEach((I, x) => {
-      j[I] = x === c - 1 ? S : _[x] ?? "";
+    const m = /^(Dialogue|Comment):\s*(.+)$/i.exec(u);
+    if (!m || m[1].toLowerCase() === "comment" || i.length === 0) continue;
+    const c = i.length, w = m[2].split(","), P = w.slice(0, c - 1), j = w.slice(c - 1).join(","), M = {};
+    i.forEach((D, q) => {
+      M[D] = q === c - 1 ? j : P[q] ?? "";
     });
-    const h = Le(j.Start || ""), R = Le(j.End || ""), B = (j.Text || "").replace(/\\N/g, `
+    const L = We(M.Start || ""), g = We(M.End || ""), z = (M.Text || "").replace(/\\N/g, `
 `).replace(/\\n/g, `
 `).replace(/\\h/g, " ").replace(/\{[^}]*\}/g, "");
-    a.push({ start: h, end: R, text: B, style: j.Style });
+    a.push({ start: L, end: g, text: z, style: M.Style });
   }
   return a.sort((s, r) => s.start - r.start), {
     format: t,
@@ -629,7 +629,7 @@ function We(e, t) {
 `).trim() || void 0
   };
 }
-function Z(e) {
+function G(e) {
   const t = e.trim();
   if (!t) return 0;
   const o = /^(\d+(?:\.\d+)?)(h|m|s|ms|f|t)$/i.exec(t);
@@ -640,27 +640,27 @@ function Z(e) {
   const n = t.split(":");
   return n.length === 3 ? Number(n[0]) * 3600 + Number(n[1]) * 60 + Number(n[2]) : n.length === 2 ? Number(n[0]) * 60 + Number(n[1]) : Number(t) || 0;
 }
-function qt(e) {
+function Ot(e) {
   return e.replace(/&#x([0-9a-fA-F]+);/g, (t, o) => String.fromCharCode(parseInt(o, 16))).replace(/&#(\d+);/g, (t, o) => String.fromCharCode(Number(o))).replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&apos;/g, "'").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&");
 }
-function Ot(e) {
+function Ut(e) {
   var t, o, n;
   const i = [], a = /<(?:[\w-]+:)?p\b([^>]*)>([\s\S]*?)<\/(?:[\w-]+:)?p\s*>/gi;
   let l;
   for (; (l = a.exec(e)) !== null; ) {
-    const s = l[1], r = l[2], u = ((t = /\bbegin\s*=\s*["']([^"']+)["']/i.exec(s)) == null ? void 0 : t[1]) || "", d = ((o = /\bend\s*=\s*["']([^"']+)["']/i.exec(s)) == null ? void 0 : o[1]) || "", m = ((n = /\bdur\s*=\s*["']([^"']+)["']/i.exec(s)) == null ? void 0 : n[1]) || "", p = Z(u);
+    const s = l[1], r = l[2], u = ((t = /\bbegin\s*=\s*["']([^"']+)["']/i.exec(s)) == null ? void 0 : t[1]) || "", d = ((o = /\bend\s*=\s*["']([^"']+)["']/i.exec(s)) == null ? void 0 : o[1]) || "", p = ((n = /\bdur\s*=\s*["']([^"']+)["']/i.exec(s)) == null ? void 0 : n[1]) || "", m = G(u);
     let c;
-    d ? c = Z(d) : m ? c = p + Z(m) : c = p + 5;
-    const w = qt(
+    d ? c = G(d) : p ? c = m + G(p) : c = m + 5;
+    const w = Ot(
       r.replace(/<(?:[\w-]+:)?br\s*\/?>/gi, `
 `).replace(/<[^>]+>/g, "")
     ).replace(/[ \t]+/g, " ").replace(/\n /g, `
 `).trim();
-    (w || p || c) && i.push({ start: p, end: c, text: w });
+    (w || m || c) && i.push({ start: m, end: c, text: w });
   }
   return i.sort((s, r) => s.start - r.start), { format: "ttml", cues: i };
 }
-function Ut(e) {
+function Ht(e) {
   const t = e.replace(/^\uFEFF/, "");
   if (typeof DOMParser < "u") {
     const o = new DOMParser().parseFromString(t, "application/xml");
@@ -669,67 +669,67 @@ function Ut(e) {
       if (n.length > 0) {
         const i = [];
         for (let a = 0; a < n.length; a++) {
-          const l = n[a], s = l.getAttribute("begin") || "", r = l.getAttribute("end") || "", u = l.getAttribute("dur") || "", d = Z(s);
-          let m;
-          r ? m = Z(r) : u ? m = d + Z(u) : m = d + 5;
-          let p = "";
+          const l = n[a], s = l.getAttribute("begin") || "", r = l.getAttribute("end") || "", u = l.getAttribute("dur") || "", d = G(s);
+          let p;
+          r ? p = G(r) : u ? p = d + G(u) : p = d + 5;
+          let m = "";
           l.childNodes.forEach((w) => {
             if (w.nodeType === 3)
-              p += w.nodeValue || "";
+              m += w.nodeValue || "";
             else if (w.nodeType === 1) {
-              const _ = w;
-              (_.localName || _.tagName).toLowerCase() === "br" ? p += `
-` : p += _.textContent || "";
+              const P = w;
+              (P.localName || P.tagName).toLowerCase() === "br" ? m += `
+` : m += P.textContent || "";
             }
           });
-          const c = p.replace(/[ \t]+/g, " ").replace(/\n /g, `
+          const c = m.replace(/[ \t]+/g, " ").replace(/\n /g, `
 `).trim();
-          (c || d || m) && i.push({ start: d, end: m, text: c });
+          (c || d || p) && i.push({ start: d, end: p, text: c });
         }
         return i.sort((a, l) => a.start - l.start), { format: "ttml", cues: i };
       }
     }
   }
-  return Ot(t);
+  return Ut(t);
 }
-function $n(e, t) {
-  switch (t ?? Dt(e)) {
+function Ln(e, t) {
+  switch (t ?? At(e)) {
     case "lrc":
-      return At(e);
+      return qt(e);
     case "elrc":
       return Bt(e);
     case "ass":
-      return We(e, "ass");
+      return Ie(e, "ass");
     case "ssa":
-      return We(e, "ssa");
+      return Ie(e, "ssa");
     case "ttml":
-      return Ut(e);
+      return Ht(e);
     case "vtt":
-      return $e(e, "vtt");
+      return Le(e, "vtt");
     case "srt":
     default:
-      return $e(e, "srt");
+      return Le(e, "srt");
   }
 }
-async function Ln(e) {
-  return Ct.loadAsync(e);
+async function Wn(e) {
+  return _t.loadAsync(e);
 }
-function Wn(e) {
+function In(e) {
   const t = [];
   return e.forEach((o, n) => {
     var i;
-    const a = n.dir, l = a && !o.endsWith("/") ? o + "/" : o, s = a ? l.replace(/\/$/, "") : l, r = s.lastIndexOf("/"), u = r >= 0 ? s.slice(r + 1) : s, d = r >= 0 ? s.slice(0, r) : "", m = a ? 0 : ((i = n._data) == null ? void 0 : i.uncompressedSize) ?? 0;
+    const a = n.dir, l = a && !o.endsWith("/") ? o + "/" : o, s = a ? l.replace(/\/$/, "") : l, r = s.lastIndexOf("/"), u = r >= 0 ? s.slice(r + 1) : s, d = r >= 0 ? s.slice(0, r) : "", p = a ? 0 : ((i = n._data) == null ? void 0 : i.uncompressedSize) ?? 0;
     t.push({
       path: l,
       name: u,
       dir: d,
       isDir: a,
-      size: m,
+      size: p,
       date: n.date
     });
   }), t;
 }
-function In(e) {
+function Dn(e) {
   const t = { name: "", path: "", isDir: !0, children: [], size: 0 }, o = /* @__PURE__ */ new Map();
   o.set("", t);
   const n = (a) => {
@@ -763,16 +763,16 @@ function In(e) {
   };
   return i(t), t;
 }
-async function Dn(e, t, o) {
+async function An(e, t, o) {
   const n = e.file(t);
   if (!n) throw new Error(`ZIP entry not found: ${t}`);
   const i = await n.async("arraybuffer");
   return new Blob([i], o ? { type: o } : void 0);
 }
-function Ht(e) {
+function Vt(e) {
   return e ? e.startsWith("#") ? e : e.length === 8 ? "#" + e.substring(2) : e.length === 6 ? "#" + e : "#000000" : "#000000";
 }
-const Vt = [
+const Zt = [
   "FFFFFF",
   "000000",
   "E7E6E6",
@@ -783,7 +783,7 @@ const Vt = [
   "FFC000",
   "5B9BD5",
   "70AD47"
-], Zt = [
+], Gt = [
   "000000",
   "FFFFFF",
   "FF0000",
@@ -849,48 +849,48 @@ const Vt = [
   "333399",
   "333333"
 ];
-function Gt(e, t) {
+function Xt(e, t) {
   const o = parseInt(e.substring(0, 2), 16), n = parseInt(e.substring(2, 4), 16), i = parseInt(e.substring(4, 6), 16), a = (u) => t < 0 ? Math.round(u * (1 + t)) : Math.round(u + (255 - u) * t), l = Math.min(255, Math.max(0, a(o))), s = Math.min(255, Math.max(0, a(n))), r = Math.min(255, Math.max(0, a(i)));
   return l.toString(16).padStart(2, "0") + s.toString(16).padStart(2, "0") + r.toString(16).padStart(2, "0");
 }
-function Xt(e) {
+function Kt(e) {
   if (e && e.type === "pattern" && e.pattern === "solid") {
     const t = e.fgColor;
     if (t)
-      return Fe(t);
+      return Ce(t);
   }
 }
-function Fe(e) {
+function Ce(e) {
   if (e) {
     if ("argb" in e && typeof e.argb == "string" && e.argb)
-      return Ht(e.argb);
+      return Vt(e.argb);
     if ("theme" in e && typeof e.theme == "number") {
-      const t = Vt[e.theme] || "000000", o = "tint" in e && typeof e.tint == "number" ? e.tint : 0;
-      return "#" + (o !== 0 ? Gt(t, o) : t);
+      const t = Zt[e.theme] || "000000", o = "tint" in e && typeof e.tint == "number" ? e.tint : 0;
+      return "#" + (o !== 0 ? Xt(t, o) : t);
     }
     if ("indexed" in e && typeof e.indexed == "number") {
-      const t = Zt[e.indexed];
+      const t = Gt[e.indexed];
       if (t) return "#" + t;
     }
   }
 }
-function Kt(e) {
+function Yt(e) {
   if (!e || !e.style) return;
-  const t = Fe(e.color) || "#000000";
+  const t = Ce(e.color) || "#000000";
   return [e.style, t];
 }
-function Yt(e) {
+function Jt(e) {
   const t = {};
   let o = !1;
   if (e.font) {
     const i = e.font;
     if ((i.name || i.size || i.bold || i.italic) && (o = !0, t.font = {}, i.name && (t.font.name = i.name), i.size && (t.font.size = i.size), i.bold && (t.font.bold = !0), i.italic && (t.font.italic = !0)), i.color) {
-      const a = Fe(i.color);
+      const a = Ce(i.color);
       a && (o = !0, t.color = a);
     }
     i.underline && (o = !0, t.underline = !0), i.strike && (o = !0, t.strike = !0);
   }
-  const n = Xt(e.fill);
+  const n = Kt(e.fill);
   if (n && (o = !0, t.bgcolor = n), e.alignment) {
     const i = e.alignment;
     i.horizontal && (o = !0, t.align = i.horizontal), i.vertical && (o = !0, t.valign = i.vertical), i.wrapText && (o = !0, t.textwrap = !0);
@@ -900,25 +900,25 @@ function Yt(e) {
     let a = !1;
     const l = ["top", "bottom", "left", "right"];
     for (const s of l) {
-      const r = Kt(e.border[s]);
+      const r = Yt(e.border[s]);
       r && (i[s] = r, a = !0);
     }
     a && (o = !0, t.border = i);
   }
   return o ? t : null;
 }
-function Jt(e) {
+function Qt(e) {
   return JSON.stringify(e);
 }
-function Qt(e, t, o) {
-  const n = Yt(e);
+function eo(e, t, o) {
+  const n = Jt(e);
   if (!n) return -1;
-  const i = Jt(n), a = o.get(i);
+  const i = Qt(n), a = o.get(i);
   if (a !== void 0) return a;
   const l = t.length;
   return t.push(n), o.set(i, l), l;
 }
-function eo(e) {
+function to(e) {
   const t = e.value;
   if (t == null) return "";
   if (typeof t == "string") return t;
@@ -932,8 +932,8 @@ function eo(e) {
   }
   return typeof t == "object" && "richText" in t ? t.richText.map((o) => o.text).join("") : typeof t == "object" && "hyperlink" in t ? t.text || "" : typeof t == "object" && "error" in t ? String(t.error) : String(t);
 }
-function to(e) {
-  const t = e.split(":"), o = Ie(t[0]), n = t[1] ? Ie(t[1]) : o;
+function oo(e) {
+  const t = e.split(":"), o = De(t[0]), n = t[1] ? De(t[1]) : o;
   return {
     top: o.row,
     left: o.col,
@@ -941,7 +941,7 @@ function to(e) {
     right: n.col
   };
 }
-function Ie(e) {
+function De(e) {
   const t = e.match(/^([A-Z]+)(\d+)$/);
   if (!t) return { row: 1, col: 1 };
   const o = t[1], n = parseInt(t[2], 10);
@@ -950,33 +950,33 @@ function Ie(e) {
     i = i * 26 + (o.charCodeAt(a) - 64);
   return { row: n, col: i };
 }
-function An(e) {
+function qn(e) {
   const t = [];
   return e.eachSheet((o) => {
     const n = [], i = /* @__PURE__ */ new Map(), a = [], l = {}, s = {}, r = o.columnCount;
-    for (let p = 1; p <= r; p++) {
-      const c = o.getColumn(p);
-      c.width && (s[String(p - 1)] = { width: Math.round(c.width * 7.5) });
+    for (let m = 1; m <= r; m++) {
+      const c = o.getColumn(m);
+      c.width && (s[String(m - 1)] = { width: Math.round(c.width * 7.5) });
     }
     s.len = Math.max(r, 26);
-    const u = /* @__PURE__ */ new Map(), d = o.model, m = (d == null ? void 0 : d.merges) || [];
-    for (const p of m) {
-      a.push(p);
-      const { top: c, left: w, bottom: _, right: S } = to(p), j = _ - c, h = S - w;
-      u.set(`${c - 1},${w - 1}`, [j, h]);
+    const u = /* @__PURE__ */ new Map(), d = o.model, p = (d == null ? void 0 : d.merges) || [];
+    for (const m of p) {
+      a.push(m);
+      const { top: c, left: w, bottom: P, right: j } = oo(m), M = P - c, L = j - w;
+      u.set(`${c - 1},${w - 1}`, [M, L]);
     }
-    o.eachRow({ includeEmpty: !0 }, (p, c) => {
-      const w = c - 1, _ = {};
-      p.eachCell({ includeEmpty: !1 }, (j, h) => {
-        const R = h - 1;
-        if (j.isMerged && j.master !== j) return;
-        const B = eo(j), I = Qt(j, n, i), x = { text: B };
-        I !== -1 && (x.style = I);
-        const ee = `${w},${R}`;
-        u.has(ee) && (x.merge = u.get(ee)), _[String(R)] = x;
+    o.eachRow({ includeEmpty: !0 }, (m, c) => {
+      const w = c - 1, P = {};
+      m.eachCell({ includeEmpty: !1 }, (M, L) => {
+        const g = L - 1;
+        if (M.isMerged && M.master !== M) return;
+        const z = to(M), D = eo(M, n, i), q = { text: z };
+        D !== -1 && (q.style = D);
+        const x = `${w},${g}`;
+        u.has(x) && (q.merge = u.get(x)), P[String(g)] = q;
       });
-      const S = { cells: _ };
-      p.height && (S.height = Math.round(p.height * 1.333)), l[String(w)] = S;
+      const j = { cells: P };
+      m.height && (j.height = Math.round(m.height * 1.333)), l[String(w)] = j;
     }), t.push({
       name: o.name,
       styles: n,
@@ -997,12 +997,12 @@ function Bn(e, t, o = "Sheet1") {
   const l = n ? 1 : 0;
   return t.forEach((s, r) => {
     const u = {};
-    s.forEach((d, m) => {
-      d !== void 0 && d !== "" && (u[String(m)] = { text: d });
+    s.forEach((d, p) => {
+      d !== void 0 && d !== "" && (u[String(p)] = { text: d });
     }), a[String(r + l)] = { cells: u };
   }), [{ name: o, styles: i, rows: a }];
 }
-function qn(e, t) {
+function On(e, t) {
   var o;
   if (typeof window > "u") return;
   const n = (e == null ? void 0 : e.version) || ((o = e == null ? void 0 : e.GlobalWorkerOptions) == null ? void 0 : o.version) || "", {
@@ -1012,13 +1012,19 @@ function qn(e, t) {
   } = t || {};
   e.GlobalWorkerOptions && (e.GlobalWorkerOptions.workerSrc = i, e.GlobalWorkerOptions.cMapUrl = a, e.GlobalWorkerOptions.cMapPacked = l);
 }
-const oo = {
+const no = {
   // ─────── common ───────
   "common.download": "下载",
   "common.close": "关闭",
   "common.loading": "加载中",
   "common.unknown_error": "未知错误",
   "common.unsupported_preview": "不支持预览此文件类型 ({type})",
+  "common.retry": "重试",
+  // ─────── accessibility ───────
+  "accessibility.previousFile": "上一个文件",
+  "accessibility.nextFile": "下一个文件",
+  "accessibility.closePreview": "关闭预览",
+  "accessibility.downloadFile": "下载文件",
   // ─────── toolbar ───────
   "toolbar.zoom_in": "放大",
   "toolbar.zoom_out": "缩小",
@@ -1028,6 +1034,7 @@ const oo = {
   "toolbar.fit_to_window": "适应窗口",
   "toolbar.original_size": "原始尺寸",
   "toolbar.toc": "目录",
+  "toolbar.outline": "大纲",
   "toolbar.prev_page": "上一页",
   "toolbar.next_page": "下一页",
   "toolbar.full_width": "全屏宽度",
@@ -1129,13 +1136,19 @@ const oo = {
   "font.meta.glyphs": "字形数量",
   "font.meta.format": "格式",
   "font.sample_text_placeholder": "输入自定义文本..."
-}, no = {
+}, ao = {
   // ─────── common ───────
   "common.download": "Download",
   "common.close": "Close",
   "common.loading": "Loading",
   "common.unknown_error": "Unknown error",
   "common.unsupported_preview": "Preview not supported for this file type ({type})",
+  "common.retry": "Retry",
+  // ─────── accessibility ───────
+  "accessibility.previousFile": "Previous file",
+  "accessibility.nextFile": "Next file",
+  "accessibility.closePreview": "Close preview",
+  "accessibility.downloadFile": "Download file",
   // ─────── toolbar ───────
   "toolbar.zoom_in": "Zoom in",
   "toolbar.zoom_out": "Zoom out",
@@ -1145,6 +1158,7 @@ const oo = {
   "toolbar.fit_to_window": "Fit to window",
   "toolbar.original_size": "Original size",
   "toolbar.toc": "Table of contents",
+  "toolbar.outline": "Outline",
   "toolbar.prev_page": "Previous page",
   "toolbar.next_page": "Next page",
   "toolbar.full_width": "Full width",
@@ -1247,11 +1261,11 @@ const oo = {
   "font.meta.format": "Format",
   "font.sample_text_placeholder": "Type custom text..."
 }, ne = {
-  "zh-CN": oo,
-  "en-US": no
-}, ao = /\{(\w+)\}/g;
-function io(e, t) {
-  return t ? e.replace(ao, (o, n) => {
+  "zh-CN": no,
+  "en-US": ao
+}, io = /\{(\w+)\}/g;
+function lo(e, t) {
+  return t ? e.replace(io, (o, n) => {
     const i = t[n];
     return i === void 0 ? `{${n}}` : String(i);
   }) : e;
@@ -1261,10 +1275,10 @@ function Ke(e) {
   const o = e.fallbackLocale ?? "zh-CN", n = ne[e.locale] ?? ne[o] ?? ne["zh-CN"], i = (t = e.messages) == null ? void 0 : t[e.locale], a = i ? { ...n, ...i } : n, l = ne["zh-CN"];
   return (s, r) => {
     const u = a[s] ?? l[s] ?? s;
-    return io(u, r);
+    return lo(u, r);
   };
 }
-const lo = {
+const ro = {
   // 标准图片格式
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
@@ -1345,16 +1359,16 @@ const lo = {
   ttml: "application/ttml+xml",
   dfxp: "application/ttml+xml"
 };
-function ro(e) {
+function so(e) {
   const t = e.toLowerCase();
-  return lo[t] || "application/octet-stream";
+  return ro[t] || "application/octet-stream";
 }
-function so(e) {
+function uo(e) {
   var t;
   const o = ((t = e.split(".").pop()) == null ? void 0 : t.toLowerCase()) || "";
-  return ro(o);
+  return so(o);
 }
-function uo(e) {
+function co(e) {
   return [
     "image/heic",
     "image/heif",
@@ -1371,33 +1385,33 @@ function uo(e) {
     "image/jpx"
   ].includes(e);
 }
-const he = /* @__PURE__ */ new Map();
-async function On(e) {
-  if (he.has(e))
-    return he.get(e);
-  if (!uo(e))
+const be = /* @__PURE__ */ new Map();
+async function Un(e) {
+  if (be.has(e))
+    return be.get(e);
+  if (!co(e))
     return null;
   try {
     let t = null;
-    return e === "image/heic" || e === "image/heif" ? t = (await import("./heicLoader-CH_raQNn-1fBLaICM.mjs")).default : e === "image/avif" ? t = (await import("./avifLoader-BP3fgcMm-BnpxLhxp.mjs")).default : e === "image/tiff" ? t = (await import("./tiffLoader-CTFKVLqJ-B84NfwhR.mjs")).default : e === "image/x-canon-cr2" || e === "image/x-nikon-nef" || e === "image/x-sony-arw" || e === "image/x-adobe-dng" || e === "image/x-fuji-raf" || e === "image/x-olympus-orf" ? t = (await import("./rawLoader-0mLvxCNp-CJmERiK7.mjs")).default : e === "image/vnd.adobe.photoshop" ? t = (await import("./psdLoader-Doxw3mWm-DVOGFSlh.mjs")).default : (e === "image/jp2" || e === "image/jpx") && (t = (await import("./jp2Loader-Bn-qPMbD-Bn-qPMbD.mjs")).default), t && he.set(e, t), t;
+    return e === "image/heic" || e === "image/heif" ? t = (await import("./heicLoader-CH_raQNn-1fBLaICM.mjs")).default : e === "image/avif" ? t = (await import("./avifLoader-BP3fgcMm-BnpxLhxp.mjs")).default : e === "image/tiff" ? t = (await import("./tiffLoader-CTFKVLqJ-B84NfwhR.mjs")).default : e === "image/x-canon-cr2" || e === "image/x-nikon-nef" || e === "image/x-sony-arw" || e === "image/x-adobe-dng" || e === "image/x-fuji-raf" || e === "image/x-olympus-orf" ? t = (await import("./rawLoader-0mLvxCNp-CJmERiK7.mjs")).default : e === "image/vnd.adobe.photoshop" ? t = (await import("./psdLoader-Doxw3mWm-DVOGFSlh.mjs")).default : (e === "image/jp2" || e === "image/jpx") && (t = (await import("./jp2Loader-Bn-qPMbD-Bn-qPMbD.mjs")).default), t && be.set(e, t), t;
   } catch (t) {
     return console.warn(`Failed to load image decoder for ${e}:`, t), null;
   }
 }
-async function Un(e) {
+async function Hn(e) {
   if (e.type && e.type !== "application/octet-stream")
     return e.type;
-  const t = so(e.name);
+  const t = uo(e.name);
   if (t !== "application/octet-stream")
     return t;
   if (e instanceof Blob || e instanceof File) {
-    const o = await co(e);
+    const o = await fo(e);
     if (o !== "application/octet-stream")
       return o;
   }
   return "application/octet-stream";
 }
-async function co(e) {
+async function fo(e) {
   try {
     const t = new Uint8Array(await e.slice(0, 12).arrayBuffer());
     if (t[4] === 102 && t[5] === 116 && t[6] === 121 && t[7] === 112) {
@@ -1419,37 +1433,37 @@ async function co(e) {
   return "application/octet-stream";
 }
 const Ye = Symbol("file-preview-locale");
-function fo(e, t) {
-  const o = M(() => v(e) ?? "zh-CN"), n = M(
+function po(e, t) {
+  const o = R(() => v(e) ?? "zh-CN"), n = R(
     () => Ke({ locale: o.value, messages: v(t) })
   );
   ie(Ye, { locale: o, t: n });
 }
-let ge = null;
-function po() {
-  return ge || (ge = Ke({ locale: "zh-CN" })), ge;
+let we = null;
+function mo() {
+  return we || (we = Ke({ locale: "zh-CN" })), we;
 }
-function Ce() {
-  const e = xe(Ye, null);
+function _e() {
+  const e = ye(Ye, null);
   if (e) return e;
-  const t = M(() => "zh-CN"), o = M(() => po());
+  const t = R(() => "zh-CN"), o = R(() => mo());
   return { locale: t, t: o };
 }
 const Je = Symbol("vfp-resolved-theme");
-function mo(e) {
-  const t = M(() => v(e));
+function vo(e) {
+  const t = R(() => v(e));
   ie(Je, t);
 }
-function Hn() {
-  const e = xe(Je, null);
-  return e || M(() => "dark");
+function Vn() {
+  const e = ye(Je, null);
+  return e || R(() => "dark");
 }
 const Qe = Symbol("file-preview:request");
-function vo(e) {
-  const t = M(() => {
+function ho(e) {
+  const t = R(() => {
     const o = typeof e == "function" ? e() : e;
     return {
-      fetcher: $t({
+      fetcher: Lt({
         requestInit: o.requestInit,
         requestHandler: o.requestHandler
       }),
@@ -1458,24 +1472,24 @@ function vo(e) {
   });
   return ie(Qe, t), t;
 }
-function ho() {
+function go() {
   return { fetcher: (e, t) => fetch(e, t) };
 }
 function et() {
-  const e = xe(Qe, void 0);
-  return e || M(() => ho());
+  const e = ye(Qe, void 0);
+  return e || R(() => go());
 }
-function go() {
+function bo() {
   const e = et();
-  return M(() => e.value.fetcher);
+  return R(() => e.value.fetcher);
 }
-function bo(e) {
-  const t = et(), o = C("");
+function wo(e) {
+  const t = et(), o = _("");
   let n = null;
   const i = () => {
     n && (URL.revokeObjectURL(n), n = null);
   };
-  return A(
+  return O(
     () => {
       var s, r;
       const a = e.value, l = !!(a && ((r = (s = t.value).shouldFetchAsBlob) != null && r.call(s, a)));
@@ -1491,24 +1505,24 @@ function bo(e) {
         d = !0;
       }), o.value = "";
       try {
-        const m = await Lt(a.url, s);
+        const p = await Wt(a.url, s);
         if (d) {
-          URL.revokeObjectURL(m);
+          URL.revokeObjectURL(p);
           return;
         }
-        i(), n = m, o.value = m;
-      } catch (m) {
-        d || (console.error("[file-preview] resolve blob url failed:", m), o.value = a.url);
+        i(), n = p, o.value = p;
+      } catch (p) {
+        d || (console.error("[file-preview] resolve blob url failed:", p), o.value = a.url);
       }
     },
     { immediate: !0 }
-  ), G(i), M(() => {
+  ), X(i), R(() => {
     var s, r;
     const a = e.value;
     return a ? !((r = (s = t.value).shouldFetchAsBlob) != null && r.call(s, a)) ? a.url : o.value : "";
   });
 }
-const xo = (e, { attrs: t }) => O("svg", {
+const xo = (e, { attrs: t }) => H("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -1518,7 +1532,7 @@ const xo = (e, { attrs: t }) => O("svg", {
   "stroke-linejoin": "round",
   ...t
 }, [
-  O("text", {
+  H("text", {
     x: "12",
     y: "17.5",
     "text-anchor": "middle",
@@ -1528,55 +1542,63 @@ const xo = (e, { attrs: t }) => O("svg", {
     stroke: "none"
   }, "1:1")
 ]);
-function wo(e) {
+function yo(e) {
   return [
     {
       items: [
-        { type: "button", icon: Ae, tooltip: e.t("toolbar.zoom_out"), action: e.onZoomOut, disabled: e.zoom <= 0.01 },
+        { type: "button", icon: qe, tooltip: e.t("toolbar.zoom_out"), action: e.onZoomOut, disabled: e.zoom <= 0.01 },
         { type: "text", content: `${Math.round(e.zoom * 100)}%`, minWidth: "3rem" },
         { type: "button", icon: Be, tooltip: e.t("toolbar.zoom_in"), action: e.onZoomIn, disabled: e.zoom >= 10 }
       ]
     },
     {
       items: [
-        { type: "button", icon: bt, tooltip: e.t("toolbar.fit_to_window"), action: e.onFitToWidth },
+        { type: "button", icon: wt, tooltip: e.t("toolbar.fit_to_window"), action: e.onFitToWidth },
         { type: "button", icon: xo, tooltip: e.t("toolbar.original_size"), action: e.onOriginalSize }
       ]
     },
     {
       items: [
         { type: "button", icon: xt, tooltip: e.t("toolbar.rotate_left"), action: e.onRotateLeft },
-        { type: "button", icon: wt, tooltip: e.t("toolbar.rotate_right"), action: e.onRotateRight }
+        { type: "button", icon: yt, tooltip: e.t("toolbar.rotate_right"), action: e.onRotateRight }
       ]
     },
     {
       items: [
-        { type: "button", icon: qe, tooltip: e.t("toolbar.reset"), action: e.onReset }
+        { type: "button", icon: Oe, tooltip: e.t("toolbar.reset"), action: e.onReset }
       ]
     }
   ];
 }
-function yo(e) {
-  return [
-    {
-      items: [
-        { type: "button", icon: Ae, tooltip: e.t("toolbar.zoom_out"), action: e.onZoomOut, disabled: e.zoom <= 0.01 },
-        { type: "text", content: `${Math.round(e.zoom * 100)}%`, minWidth: "3rem" },
-        { type: "button", icon: Be, tooltip: e.t("toolbar.zoom_in"), action: e.onZoomIn, disabled: e.zoom >= 10 }
-      ]
-    },
-    {
-      items: [
-        { type: "button", icon: qe, tooltip: e.t("toolbar.reset"), action: e.onReset }
-      ]
-    }
-  ];
+function Fo(e) {
+  const t = [];
+  return e.onToggleOutline && t.push({
+    items: [
+      { type: "button", icon: ke, tooltip: e.t("toolbar.outline"), action: e.onToggleOutline }
+    ]
+  }), t.push({
+    items: [
+      { type: "button", icon: le, tooltip: e.t("toolbar.prev_page"), action: e.onPrevPage, disabled: e.currentPage <= 1 },
+      { type: "text", content: `${e.currentPage} / ${e.totalPages}`, minWidth: "4rem" },
+      { type: "button", icon: re, tooltip: e.t("toolbar.next_page"), action: e.onNextPage, disabled: e.currentPage >= e.totalPages }
+    ]
+  }), t.push({
+    items: [
+      { type: "button", icon: qe, tooltip: e.t("toolbar.zoom_out"), action: e.onZoomOut, disabled: e.zoom <= 0.01 },
+      { type: "text", content: `${Math.round(e.zoom * 100)}%`, minWidth: "3rem" },
+      { type: "button", icon: Be, tooltip: e.t("toolbar.zoom_in"), action: e.onZoomIn, disabled: e.zoom >= 10 }
+    ]
+  }), t.push({
+    items: [
+      { type: "button", icon: Oe, tooltip: e.t("toolbar.reset"), action: e.onReset }
+    ]
+  }), t;
 }
 function ko(e) {
   return [
     {
       items: [
-        { type: "button", icon: Oe, tooltip: e.t("toolbar.toc"), action: () => {
+        { type: "button", icon: ke, tooltip: e.t("toolbar.toc"), action: () => {
           var t;
           return (t = e.epubRef) == null ? void 0 : t.toggleToc();
         } }
@@ -1584,12 +1606,12 @@ function ko(e) {
     },
     {
       items: [
-        { type: "button", icon: ye, tooltip: e.t("toolbar.prev_page"), action: () => {
+        { type: "button", icon: le, tooltip: e.t("toolbar.prev_page"), action: () => {
           var t;
           return (t = e.epubRef) == null ? void 0 : t.prevPage();
         } },
         { type: "text", content: `${e.current} / ${e.total}`, minWidth: "4rem" },
-        { type: "button", icon: ke, tooltip: e.t("toolbar.next_page"), action: () => {
+        { type: "button", icon: re, tooltip: e.t("toolbar.next_page"), action: () => {
           var t;
           return (t = e.epubRef) == null ? void 0 : t.nextPage();
         } }
@@ -1610,11 +1632,11 @@ function ko(e) {
     }
   ];
 }
-function Fo(e) {
+function Co(e) {
   return [
     {
       items: [
-        { type: "button", icon: Oe, tooltip: e.t("toolbar.toc"), action: () => {
+        { type: "button", icon: ke, tooltip: e.t("toolbar.toc"), action: () => {
           var t;
           return (t = e.mobiRef) == null ? void 0 : t.toggleToc();
         } }
@@ -1622,12 +1644,12 @@ function Fo(e) {
     },
     {
       items: [
-        { type: "button", icon: ye, tooltip: e.t("toolbar.prev_page"), action: () => {
+        { type: "button", icon: le, tooltip: e.t("toolbar.prev_page"), action: () => {
           var t;
           return (t = e.mobiRef) == null ? void 0 : t.prevPage();
         } },
         { type: "text", content: `${e.current} / ${e.total}`, minWidth: "4rem" },
-        { type: "button", icon: ke, tooltip: e.t("toolbar.next_page"), action: () => {
+        { type: "button", icon: re, tooltip: e.t("toolbar.next_page"), action: () => {
           var t;
           return (t = e.mobiRef) == null ? void 0 : t.nextPage();
         } }
@@ -1648,26 +1670,26 @@ function Fo(e) {
     }
   ];
 }
-function Co({ stats: e }) {
+function _o({ stats: e }) {
   return e ? [
     {
       items: [
         {
           type: "text",
-          content: `${e.files} files · ${e.dirs} dirs · ${Tt(e.size)}`,
+          content: `${e.files} files · ${e.dirs} dirs · ${Et(e.size)}`,
           minWidth: "10rem"
         }
       ]
     }
   ] : [];
 }
-function _o(e) {
+function Ro(e) {
   const t = [
     {
       items: [
         {
           type: "button",
-          icon: O(yt, { class: "vfp-w-4 vfp-h-4" }),
+          icon: H(Ft, { class: "vfp-w-4 vfp-h-4" }),
           tooltip: e.wordWrap ? e.t("toolbar.wrap_off") : e.t("toolbar.wrap_on"),
           action: e.onToggleWrap
         }
@@ -1678,20 +1700,20 @@ function _o(e) {
     items: [
       {
         type: "button",
-        icon: e.htmlPreview ? O(Ve, { class: "vfp-w-4 vfp-h-4" }) : O(Ze, { class: "vfp-w-4 vfp-h-4" }),
+        icon: e.htmlPreview ? H(Ve, { class: "vfp-w-4 vfp-h-4" }) : H(Ze, { class: "vfp-w-4 vfp-h-4" }),
         tooltip: e.htmlPreview ? e.t("toolbar.source") : e.t("toolbar.preview"),
         action: e.onToggleHtmlPreview
       }
     ]
   }), t;
 }
-function Ro(e) {
+function Po(e) {
   return [
     {
       items: [
         {
           type: "button",
-          icon: e.viewMode === "preview" ? O(Ve, { class: "vfp-w-4 vfp-h-4" }) : O(Ze, { class: "vfp-w-4 vfp-h-4" }),
+          icon: e.viewMode === "preview" ? H(Ve, { class: "vfp-w-4 vfp-h-4" }) : H(Ze, { class: "vfp-w-4 vfp-h-4" }),
           tooltip: e.viewMode === "preview" ? e.t("toolbar.source") : e.t("toolbar.preview"),
           action: e.onToggleViewMode
         }
@@ -1699,22 +1721,22 @@ function Ro(e) {
     }
   ];
 }
-const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-text-fg-muted" }, Mo = { class: "vfp-flex vfp-flex-col vfp-items-center vfp-gap-3" }, jo = { class: "vfp-text-sm" }, Po = /* @__PURE__ */ X({
+const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-text-fg-muted" }, Mo = { class: "vfp-flex vfp-flex-col vfp-items-center vfp-gap-3" }, jo = { class: "vfp-text-sm" }, To = /* @__PURE__ */ K({
   __name: "RendererLoading",
   setup(e) {
-    const { t } = Ce();
+    const { t } = _e();
     return (o, n) => (f(), b("div", zo, [
-      T("div", Mo, [
-        n[0] || (n[0] = T("div", { class: "vfp-w-8 vfp-h-8 vfp-rounded-full vfp-border-2 vfp-border-fg-muted vfp-border-t-transparent vfp-animate-spin" }, null, -1)),
-        T("span", jo, D(v(t)("common.loading") || "Loading..."), 1)
+      S("div", Mo, [
+        n[0] || (n[0] = S("div", { class: "vfp-w-8 vfp-h-8 vfp-rounded-full vfp-border-2 vfp-border-fg-muted vfp-border-t-transparent vfp-animate-spin" }, null, -1)),
+        S("span", jo, B(v(t)("common.loading") || "Loading..."), 1)
       ])
     ]));
   }
-}), E = (e) => ft({
+}), N = (e) => pt({
   loader: e,
-  loadingComponent: { render: () => O(Po) },
+  loadingComponent: { render: () => H(To) },
   delay: 0
-}), To = E(() => import("./index-DT9dPz8I.mjs")), Eo = E(() => import("./index-Zwl5J-Uw.mjs")), So = E(() => import("./index-DyipSoKh.mjs")), No = E(() => import("./index-DEoR7aDN.mjs")), $o = E(() => import("./index-Cjnw238n.mjs")), Lo = E(() => import("./index-B2lqsdp7.mjs")), Wo = E(() => import("./index-DX_NBPzS.mjs")), Io = E(() => import("./index-BHi1WRQZ.mjs")), Do = E(() => import("./index-Ctd0JQ6K.mjs")), Ao = E(() => import("./index-BvegaxQF.mjs")), Bo = E(() => import("./index-Dw1U4YqT.mjs")), qo = E(() => import("./index-DBw8tvyb.mjs")), Oo = E(() => import("./index-GGGDPwxX.mjs")), Uo = E(() => import("./index-DIe0vHlt.mjs")), Ho = E(() => import("./index-CYt6tpQC.mjs")), Vo = E(() => import("./index-CyrFxdIJ.mjs")), Zo = E(() => import("./index-DTtHrdBl.mjs")), Go = E(() => import("./index-BTW1xwB9.mjs")), Xo = { class: "vfp-flex vfp-flex-col vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-p-8 vfp-gap-6" }, Ko = { class: "vfp-w-32 vfp-h-32 vfp-rounded-full vfp-bg-surface-2 vfp-flex vfp-items-center vfp-justify-center" }, Yo = { class: "vfp-text-fg-primary vfp-text-center" }, Jo = { class: "vfp-text-xl vfp-font-medium vfp-mb-2" }, Qo = { class: "vfp-text-fg-secondary" }, De = /* @__PURE__ */ X({
+}), Eo = N(() => import("./index-CGSq7-Q-.mjs")), So = N(() => import("./index-CYa_XneH.mjs")), No = N(() => import("./index-B-LW-GJO.mjs")), $o = N(() => import("./index-CoITLoYL.mjs")), Lo = N(() => import("./index-BT9hXA6r.mjs")), Wo = N(() => import("./index-OOoaYpkl.mjs")), Io = N(() => import("./index-8ETACZ6T.mjs")), Do = N(() => import("./index-C-Mu0fvH.mjs")), Ao = N(() => import("./index-By6vGdnK.mjs")), qo = N(() => import("./index-DAdO2lkI.mjs")), Bo = N(() => import("./index-DglMeKJM.mjs")), Oo = N(() => import("./index-jcgLzyDR.mjs")), Uo = N(() => import("./index-DGqDJMot.mjs")), Ho = N(() => import("./index-DTyG1Wzp.mjs")), Vo = N(() => import("./index-CbJkkdEB.mjs")), Zo = N(() => import("./index-BcKI75RW.mjs")), Go = N(() => import("./index-CWpU8prZ.mjs")), Xo = N(() => import("./index-nFIiu1lA.mjs")), Ko = { class: "vfp-flex vfp-flex-col vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-p-6 vfp-gap-4" }, Yo = { class: "vfp-w-20 vfp-h-20 vfp-rounded-full vfp-bg-surface-2 vfp-flex vfp-items-center vfp-justify-center" }, Jo = { class: "vfp-text-fg-primary vfp-text-center" }, Qo = { class: "vfp-text-lg vfp-font-medium vfp-mb-2" }, en = { class: "vfp-text-fg-secondary" }, Ae = /* @__PURE__ */ K({
   __name: "index",
   props: {
     fileName: {},
@@ -1722,25 +1744,25 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
   },
   emits: ["download"],
   setup(e, { emit: t }) {
-    const { t: o } = Ce(), n = t;
-    return (i, a) => (f(), b("div", Xo, [
-      T("div", Ko, [
-        H(v(kt), { class: "vfp-w-16 vfp-h-16 vfp-text-fg-secondary" })
+    const { t: o } = _e(), n = t;
+    return (i, a) => (f(), b("div", Ko, [
+      S("div", Yo, [
+        Z(v(kt), { class: "vfp-w-10 vfp-h-10 vfp-text-fg-secondary" })
       ]),
-      T("div", Yo, [
-        T("p", Jo, D(e.fileName), 1),
-        T("p", Qo, D(v(o)("common.unsupported_preview", { type: e.fileType })), 1)
+      S("div", Jo, [
+        S("p", Qo, B(e.fileName), 1),
+        S("p", en, B(v(o)("common.unsupported_preview", { type: e.fileType })), 1)
       ]),
-      T("button", {
-        class: "vfp-flex vfp-items-center vfp-gap-2 vfp-px-6 vfp-py-3 vfp-bg-surface-2 hover:vfp-bg-surface-3 vfp-backdrop-blur-sm vfp-rounded-lg vfp-text-fg-primary vfp-font-medium vfp-transition-all",
+      S("button", {
+        class: "vfp-flex vfp-items-center vfp-gap-2 vfp-px-4 vfp-py-2 vfp-bg-surface-2 hover:vfp-bg-surface-3 vfp-backdrop-blur-sm vfp-rounded-lg vfp-text-fg-primary vfp-font-medium vfp-transition-all",
         onClick: a[0] || (a[0] = (l) => n("download"))
       }, [
-        H(v(Ge), { class: "vfp-w-5 vfp-h-5" }),
-        pt(" " + D(v(o)("common.download")), 1)
+        Z(v(Ge), { class: "vfp-w-5 vfp-h-5" }),
+        mt(" " + B(v(o)("common.download")), 1)
       ])
     ]));
   }
-}), en = 2e3, tn = /* @__PURE__ */ X({
+}), tn = 2e3, on = /* @__PURE__ */ K({
   __name: "NavArrows",
   props: {
     containerRef: {},
@@ -1750,28 +1772,28 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
   },
   emits: ["prev", "next"],
   setup(e, { emit: t }) {
-    const o = e, n = t, i = C(!0);
+    const o = e, n = t, i = _(!0);
     let a = null;
     const l = () => {
       a !== null && clearTimeout(a), a = window.setTimeout(() => {
         i.value = !1;
-      }, en);
+      }, tn);
     }, s = () => {
       i.value || (i.value = !0), l();
     };
     let r = null;
     const u = () => {
       r && (r.removeEventListener("mousemove", s), r = null);
-    }, d = (m) => {
-      r !== m && (u(), m && (m.addEventListener("mousemove", s), r = m));
+    }, d = (p) => {
+      r !== p && (u(), p && (p.addEventListener("mousemove", s), r = p));
     };
-    return A(() => o.containerRef, (m) => d(m), { immediate: !0 }), A(() => o.resetKey, () => {
+    return O(() => o.containerRef, (p) => d(p), { immediate: !0 }), O(() => o.resetKey, () => {
       i.value = !0, l();
-    }), we(() => {
+    }), Fe(() => {
       l();
-    }), G(() => {
+    }), X(() => {
       a !== null && clearTimeout(a), u();
-    }), (m, p) => (f(), b(P, null, [
+    }), (p, m) => (f(), b(T, null, [
       e.hasPrev ? (f(), b("button", {
         key: 0,
         style: ae({
@@ -1781,11 +1803,11 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
           transition: "opacity 0.2s, transform 0.2s"
         }),
         class: "vfp-absolute vfp-z-20 vfp-left-2 md:vfp-left-4 vfp-top-1/2 vfp-w-10 vfp-h-10 md:vfp-w-12 md:vfp-h-12 vfp-rounded-full vfp-backdrop-blur-xl vfp-border vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors vfp-shadow-2xl vfp-bg-surface-nav vfp-border-line hover:vfp-bg-surface-nav-hover vfp-text-fg-primary",
-        onClick: p[0] || (p[0] = (c) => n("prev")),
+        onClick: m[0] || (m[0] = (c) => n("prev")),
         onMouseenter: s
       }, [
-        H(v(ye), { class: "vfp-w-5 vfp-h-5 md:vfp-w-6 md:vfp-h-6" })
-      ], 36)) : L("", !0),
+        Z(v(le), { class: "vfp-w-5 vfp-h-5 md:vfp-w-6 md:vfp-h-6" })
+      ], 36)) : I("", !0),
       e.hasNext ? (f(), b("button", {
         key: 1,
         style: ae({
@@ -1795,24 +1817,24 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
           transition: "opacity 0.2s, transform 0.2s"
         }),
         class: "vfp-absolute vfp-z-20 vfp-right-2 md:vfp-right-4 vfp-top-1/2 vfp-w-10 vfp-h-10 md:vfp-w-12 md:vfp-h-12 vfp-rounded-full vfp-backdrop-blur-xl vfp-border vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors vfp-shadow-2xl vfp-bg-surface-nav vfp-border-line hover:vfp-bg-surface-nav-hover vfp-text-fg-primary",
-        onClick: p[1] || (p[1] = (c) => n("next")),
+        onClick: m[1] || (m[1] = (c) => n("next")),
         onMouseenter: s
       }, [
-        H(v(ke), { class: "vfp-w-5 vfp-h-5 md:vfp-w-6 md:vfp-h-6" })
-      ], 36)) : L("", !0)
+        Z(v(re), { class: "vfp-w-5 vfp-h-5 md:vfp-w-6 md:vfp-h-6" })
+      ], 36)) : I("", !0)
     ], 64));
   }
-}), on = ["tabindex", "data-theme"], nn = {
+}), nn = ["tabindex", "data-theme"], an = {
   key: 0,
   class: "vfp-flex-shrink-0 vfp-z-10 vfp-backdrop-blur-md vfp-border-b vfp-bg-surface-toolbar vfp-border-line",
   style: { "padding-top": "env(safe-area-inset-top, 0px)" }
-}, an = { class: "vfp-flex vfp-items-center vfp-justify-between vfp-px-3 md:vfp-px-5 vfp-py-1.5 md:vfp-py-2.5" }, ln = { class: "vfp-flex vfp-items-center vfp-flex-1 vfp-min-w-0 vfp-mr-2 md:vfp-mr-3" }, rn = { class: "vfp-font-medium vfp-text-xs md:vfp-text-sm vfp-truncate vfp-text-fg-primary" }, sn = { class: "vfp-text-xs vfp-ml-2 vfp-flex-shrink-0 vfp-text-fg-muted" }, un = { class: "vfp-flex vfp-items-center vfp-gap-1 md:vfp-hidden vfp-flex-shrink-0" }, dn = ["data-tooltip", "disabled", "onClick"], cn = { class: "vfp-hidden md:vfp-flex vfp-items-center vfp-gap-1 vfp-flex-shrink-0" }, fn = ["data-tooltip", "disabled", "onClick"], pn = ["data-tooltip", "disabled", "onClick"], mn = {
+}, ln = { class: "vfp-flex vfp-items-center vfp-justify-between vfp-px-3 md:vfp-px-5 vfp-py-1.5 md:vfp-py-2.5" }, rn = { class: "vfp-flex vfp-items-center vfp-flex-1 vfp-min-w-0 vfp-mr-2 md:vfp-mr-3" }, sn = { class: "vfp-font-medium vfp-text-xs md:vfp-text-sm vfp-truncate vfp-text-fg-primary" }, un = { class: "vfp-text-xs vfp-ml-2 vfp-flex-shrink-0 vfp-text-fg-muted" }, dn = { class: "vfp-flex vfp-items-center vfp-gap-1 md:vfp-hidden vfp-flex-shrink-0" }, cn = ["data-tooltip", "disabled", "onClick"], fn = { class: "vfp-hidden md:vfp-flex vfp-items-center vfp-gap-1 vfp-flex-shrink-0" }, pn = ["data-tooltip", "disabled", "onClick"], mn = ["data-tooltip", "disabled", "onClick"], vn = {
   key: 0,
   class: "vfp-flex vfp-items-center vfp-gap-1 vfp-px-3 vfp-pb-1.5 vfp-overflow-x-auto scrollbar-hide md:vfp-hidden"
-}, vn = {
+}, hn = {
   key: 0,
   class: "vfp-w-px vfp-h-4 vfp-mx-0.5 vfp-bg-divide"
-}, hn = ["data-tooltip", "disabled", "onClick"], gn = 3, bn = /* @__PURE__ */ X({
+}, gn = ["data-tooltip", "disabled", "onClick"], bn = 3, wn = /* @__PURE__ */ K({
   __name: "FilePreviewContent",
   props: {
     files: {},
@@ -1827,210 +1849,230 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
     requestInit: { type: Function, default: void 0 },
     requestHandler: { type: Function, default: void 0 },
     shouldFetchAsBlob: { type: Function, default: void 0 },
-    onDownload: { type: Function, default: void 0 }
+    onDownload: { type: Function, default: void 0 },
+    onClose: { type: Function, default: void 0 }
   },
   emits: ["navigate", "close", "custom-event"],
   setup(e, { emit: t }) {
     const o = e;
-    vo(() => ({
+    ho(() => ({
       requestInit: o.requestInit,
       requestHandler: o.requestHandler,
       shouldFetchAsBlob: o.shouldFetchAsBlob
     }));
     const n = t;
-    fo(Ee(o, "locale"), Ee(o, "messages"));
-    const { t: i } = Ce(), a = C(
+    po(Se(o, "locale"), Se(o, "messages"));
+    const { t: i } = _e(), a = _(
       typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !0
     );
     let l = null;
-    A(
+    O(
       () => o.theme,
       (y) => {
         if (l && (l(), l = null), y === "auto") {
-          const g = window.matchMedia("(prefers-color-scheme: dark)"), N = (W) => {
-            a.value = W.matches;
+          const h = window.matchMedia("(prefers-color-scheme: dark)"), W = ($) => {
+            a.value = $.matches;
           };
-          g.addEventListener("change", N), l = () => g.removeEventListener("change", N);
+          h.addEventListener("change", W), l = () => h.removeEventListener("change", W);
         }
       },
       { immediate: !0 }
-    ), G(() => {
+    ), X(() => {
       l && l();
     });
-    const s = M(
+    const s = R(
       () => o.theme === "auto" ? a.value ? "dark" : "light" : o.theme
     );
-    mo(s);
-    const r = C(1), u = C(0), d = C(1), m = C(1), p = C(0), c = C(0), w = C(0), _ = C(null), S = C(null), j = M(() => jt(o.files)), h = M(() => j.value[o.currentIndex]), R = bo(h), B = M(() => h.value && o.customRenderers.find((y) => y.test(h.value)) || null), I = M(() => !B.value || !h.value ? null : B.value.render(h.value, te.value)), x = M(() => h.value ? Pt(h.value) : "unsupported"), ee = (y, g) => {
-      if (!h.value) return;
-      const N = { name: y, payload: g, file: h.value };
-      n("custom-event", N);
-    }, te = M(() => ({
-      emit: ee,
+    vo(s);
+    const r = _(1), u = _(0), d = _(1), p = _(1), m = _(0), c = _(0), w = _(0), P = _(!1), j = _(null), M = _(null), L = R(() => jt(o.files)), g = R(() => L.value[o.currentIndex]), z = wo(g), D = R(() => g.value && o.customRenderers.find((y) => y.test(g.value)) || null), q = R(() => !D.value || !g.value ? null : D.value.render(g.value, te.value)), x = R(() => g.value ? Tt(g.value) : "unsupported"), tt = (y, h) => {
+      if (!g.value) return;
+      const W = { name: y, payload: h, file: g.value };
+      n("custom-event", W);
+    }, te = R(() => ({
+      emit: tt,
       t: i.value,
       theme: s.value,
       locale: o.locale ?? "zh-CN"
     }));
-    ie("file-preview:custom-ctx", te), A(
+    ie("file-preview:custom-ctx", te), O(
       () => o.currentIndex,
       () => {
-        r.value = 1, u.value = 0, d.value = 1, m.value = 1, p.value = 0, c.value = 0, w.value = 0, re.value = 0, se.value = 0, ue.value = !1, de.value = 0, ce.value = 0, fe.value = !1, pe.value = null, K.value = !0, Y.value = !1, J.value = "preview";
+        r.value = 1, u.value = 0, d.value = 1, p.value = 1, m.value = 0, c.value = 0, w.value = 0, ue.value = 0, de.value = 0, ce.value = !1, fe.value = 0, pe.value = 0, me.value = !1, ve.value = null, Y.value = !0, J.value = !1, Q.value = "preview";
       }
-    ), A(
-      [x, p, c],
+    ), O(
+      [x, m, c],
       () => {
-        if (x.value === "image" && p.value > 0 && c.value > 0 && _.value) {
-          const y = _.value.clientWidth, g = _.value.clientHeight, N = y / p.value, W = g / c.value, V = Math.min(N, W);
-          r.value = Math.max(0.01, Math.min(10, V));
+        if (x.value === "image" && m.value > 0 && c.value > 0 && j.value) {
+          const y = j.value.clientWidth, h = j.value.clientHeight, W = y / m.value, $ = h / c.value, A = Math.min(W, $);
+          r.value = Math.max(0.01, Math.min(10, A));
         }
       }
     );
     const oe = (y) => {
-      y.key === "Escape" && o.mode === "modal" ? n("close") : y.key === "ArrowLeft" && o.currentIndex > 0 ? n("navigate", o.currentIndex - 1) : y.key === "ArrowRight" && o.currentIndex < j.value.length - 1 && n("navigate", o.currentIndex + 1);
+      y.key === "Escape" && o.mode === "modal" ? n("close") : y.key === "ArrowLeft" && o.currentIndex > 0 ? n("navigate", o.currentIndex - 1) : y.key === "ArrowRight" && o.currentIndex < L.value.length - 1 && n("navigate", o.currentIndex + 1);
     };
-    we(() => {
-      o.mode === "modal" ? window.addEventListener("keydown", oe) : S.value && S.value.addEventListener("keydown", oe);
-    }), G(() => {
-      o.mode === "modal" ? window.removeEventListener("keydown", oe) : S.value && S.value.removeEventListener("keydown", oe);
+    Fe(() => {
+      o.mode === "modal" ? window.addEventListener("keydown", oe) : M.value && M.value.addEventListener("keydown", oe);
+    }), X(() => {
+      o.mode === "modal" ? window.removeEventListener("keydown", oe) : M.value && M.value.removeEventListener("keydown", oe);
     });
-    const Re = () => {
+    const Pe = () => {
       r.value = Math.min(r.value + 0.1, 10);
     }, ze = () => {
       r.value = Math.max(r.value - 0.1, 0.01);
-    }, tt = () => {
-      u.value = u.value + 90;
     }, ot = () => {
-      u.value = u.value - 90;
+      u.value = u.value + 90;
     }, nt = () => {
-      if (_.value && p.value > 0 && c.value > 0) {
-        const y = _.value.clientWidth, g = _.value.clientHeight, N = y / p.value, W = g / c.value, V = Math.min(N, W);
-        r.value = Math.max(0.01, Math.min(10, V));
+      u.value = u.value - 90;
+    }, at = () => {
+      if (j.value && m.value > 0 && c.value > 0) {
+        const y = j.value.clientWidth, h = j.value.clientHeight, W = y / m.value, $ = h / c.value, A = Math.min(W, $);
+        r.value = Math.max(0.01, Math.min(10, A));
       } else
         r.value = 1;
       u.value = 0, w.value++;
-    }, at = () => {
+    }, it = () => {
       r.value = 1, u.value = 0, w.value++;
-    }, it = (y) => {
+    }, lt = (y) => {
       r.value = y;
     }, Me = () => {
       r.value = 1, u.value = 0, w.value++;
-    }, lt = go(), le = async () => {
-      if (h.value) {
+    }, rt = bo(), se = async () => {
+      if (g.value) {
         if (o.onDownload) {
-          await o.onDownload(h.value);
+          await o.onDownload(g.value);
           return;
         }
         try {
-          await Wt(h.value.url, h.value.name, lt.value);
+          await It(g.value.url, g.value.name, rt.value);
         } catch (y) {
           console.error("[file-preview] download failed:", y);
         }
       }
-    }, rt = M(() => o.mode === "modal"), je = C(null), re = C(0), se = C(0), ue = C(!1), Pe = C(null), de = C(0), ce = C(0), fe = C(!1), st = (y, g) => {
-      re.value = y, se.value = g;
-    }, ut = (y, g) => {
-      de.value = y, ce.value = g;
-    }, pe = C(null), dt = (y) => {
-      pe.value = y;
-    }, K = C(!0), Y = C(!1), J = C("preview"), me = M(() => {
-      var y, g, N;
-      if (B.value)
-        return ((g = (y = B.value).getToolbarGroups) == null ? void 0 : g.call(y, h.value, te.value)) ?? [];
+    }, st = R(() => !!o.onClose), je = _(null), ue = _(0), de = _(0), ce = _(!1), Te = _(null), fe = _(0), pe = _(0), me = _(!1), ut = (y, h) => {
+      ue.value = y, de.value = h;
+    }, dt = (y, h) => {
+      fe.value = y, pe.value = h;
+    }, ve = _(null), ct = (y) => {
+      ve.value = y;
+    }, Y = _(!0), J = _(!1), Q = _("preview"), he = R(() => {
+      var y, h, W;
+      if (D.value)
+        return ((h = (y = D.value).getToolbarGroups) == null ? void 0 : h.call(y, g.value, te.value)) ?? [];
       if (x.value === "image")
-        return wo({
+        return yo({
           zoom: r.value,
-          onZoomIn: Re,
+          onZoomIn: Pe,
           onZoomOut: ze,
-          onFitToWidth: nt,
-          onOriginalSize: at,
-          onRotateLeft: ot,
-          onRotateRight: tt,
+          onFitToWidth: at,
+          onOriginalSize: it,
+          onRotateLeft: nt,
+          onRotateRight: ot,
           onReset: Me,
           t: i.value
         });
       if (x.value === "pdf")
-        return yo({
+        return Fo({
           zoom: r.value,
-          onZoomIn: Re,
+          currentPage: d.value,
+          totalPages: p.value || 0,
+          onZoomIn: Pe,
           onZoomOut: ze,
           onReset: Me,
+          onPrevPage: () => {
+            var E;
+            const $ = (E = j.value) == null ? void 0 : E.querySelector(".vfp-overflow-auto");
+            if (!$) return;
+            const F = $.querySelectorAll("[data-page-number]")[Math.max(0, d.value - 2)];
+            F && F.scrollIntoView({ behavior: "smooth", block: "start" });
+          },
+          onNextPage: () => {
+            var E;
+            const $ = (E = j.value) == null ? void 0 : E.querySelector(".vfp-overflow-auto");
+            if (!$) return;
+            const A = $.querySelectorAll("[data-page-number]"), F = A[Math.min(A.length - 1, d.value)];
+            F && F.scrollIntoView({ behavior: "smooth", block: "start" });
+          },
+          onToggleOutline: () => {
+            P.value = !P.value;
+          },
           t: i.value
         });
       if (x.value === "epub")
         return ko({
           epubRef: je.value,
-          current: re.value,
-          total: se.value,
-          fullWidth: ue.value,
+          current: ue.value,
+          total: de.value,
+          fullWidth: ce.value,
           t: i.value
         });
       if (x.value === "mobi")
-        return Fo({
-          mobiRef: Pe.value,
-          current: de.value,
-          total: ce.value,
-          fullWidth: fe.value,
+        return Co({
+          mobiRef: Te.value,
+          current: fe.value,
+          total: pe.value,
+          fullWidth: me.value,
           t: i.value
         });
       if (x.value === "zip")
-        return Co({ stats: pe.value, t: i.value });
+        return _o({ stats: ve.value, t: i.value });
       if (x.value === "text") {
-        const W = ((N = h.value.name.split(".").pop()) == null ? void 0 : N.toLowerCase()) || "";
-        return _o({
-          wordWrap: K.value,
+        const $ = ((W = g.value.name.split(".").pop()) == null ? void 0 : W.toLowerCase()) || "";
+        return Ro({
+          wordWrap: Y.value,
           onToggleWrap: () => {
-            K.value = !K.value;
+            Y.value = !Y.value;
           },
-          isHtml: W === "html" || W === "htm",
-          htmlPreview: Y.value,
+          isHtml: $ === "html" || $ === "htm",
+          htmlPreview: J.value,
           onToggleHtmlPreview: () => {
-            Y.value = !Y.value;
+            J.value = !J.value;
           },
           t: i.value
         });
       }
-      return x.value === "markdown" ? Ro({
-        viewMode: J.value,
+      return x.value === "markdown" ? Po({
+        viewMode: Q.value,
         onToggleViewMode: () => {
-          J.value = J.value === "preview" ? "source" : "preview";
+          Q.value = Q.value === "preview" ? "source" : "preview";
         },
         t: i.value
       }) : [];
-    }), Te = M(() => {
+    }), Ee = R(() => {
       const y = [
         {
           items: [
-            { type: "button", icon: Ge, tooltip: i.value("common.download"), action: le }
+            { type: "button", icon: Ge, tooltip: i.value("common.download"), action: se }
           ]
         }
       ];
-      return rt.value && y.push({
+      return st.value && y.push({
         items: [
-          { type: "button", icon: Ft, tooltip: i.value("common.close"), action: () => n("close") }
+          { type: "button", icon: Ct, tooltip: i.value("common.close"), action: () => n("close") }
         ]
       }), y;
-    }), ct = M(() => me.value.length > 0);
-    return (y, g) => {
-      var N, W, V;
+    }), ft = R(() => he.value.length > 0);
+    return (y, h) => {
+      var W, $, A;
       return f(), b("div", {
         ref_key: "rootRef",
-        ref: S,
+        ref: M,
         tabindex: e.mode === "embed" ? 0 : -1,
         "data-theme": s.value,
         class: "vfp-relative vfp-w-full vfp-h-full vfp-flex vfp-flex-col vfp-overflow-hidden vfp-outline-none"
       }, [
-        e.headless ? L("", !0) : (f(), b("div", nn, [
-          T("div", an, [
-            T("div", ln, [
-              T("h2", rn, D((N = h.value) == null ? void 0 : N.name), 1),
-              T("span", sn, D(e.currentIndex + 1) + "/" + D(j.value.length), 1)
+        e.headless ? I("", !0) : (f(), b("div", an, [
+          S("div", ln, [
+            S("div", rn, [
+              S("h2", sn, B((W = g.value) == null ? void 0 : W.name), 1),
+              S("span", un, B(e.currentIndex + 1) + "/" + B(L.value.length), 1)
             ]),
-            T("div", un, [
-              (f(!0), b(P, null, q(Te.value, (z, $) => (f(), b(P, {
-                key: "m-action-" + $
+            S("div", dn, [
+              (f(!0), b(T, null, U(Ee.value, (F, E) => (f(), b(T, {
+                key: "m-action-" + E
               }, [
-                (f(!0), b(P, null, q(z.items, (k, U) => (f(), b(P, {
-                  key: "m-action-" + $ + "-" + U
+                (f(!0), b(T, null, U(F.items, (k, V) => (f(), b(T, {
+                  key: "m-action-" + E + "-" + V
                 }, [
                   k.type === "button" ? (f(), b("button", {
                     key: 0,
@@ -2039,17 +2081,17 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
                     disabled: k.disabled,
                     onClick: k.action
                   }, [
-                    (f(), F(Q(k.icon), { class: "vfp-w-4 vfp-h-4" }))
-                  ], 8, dn)) : L("", !0)
+                    (f(), C(ee(k.icon), { class: "vfp-w-4 vfp-h-4" }))
+                  ], 8, cn)) : I("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ]),
-            T("div", cn, [
-              (f(!0), b(P, null, q(me.value, (z, $) => (f(), b(P, {
-                key: "d-tool-" + $
+            S("div", fn, [
+              (f(!0), b(T, null, U(he.value, (F, E) => (f(), b(T, {
+                key: "d-tool-" + E
               }, [
-                (f(!0), b(P, null, q(z.items, (k, U) => (f(), b(P, {
-                  key: "d-tool-" + $ + "-" + U
+                (f(!0), b(T, null, U(F.items, (k, V) => (f(), b(T, {
+                  key: "d-tool-" + E + "-" + V
                 }, [
                   k.type === "button" ? (f(), b("button", {
                     key: 0,
@@ -2058,20 +2100,20 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
                     disabled: k.disabled,
                     onClick: k.action
                   }, [
-                    (f(), F(Q(k.icon), { class: "vfp-w-4 vfp-h-4" }))
-                  ], 8, fn)) : k.type === "text" ? (f(), b("span", {
+                    (f(), C(ee(k.icon), { class: "vfp-w-4 vfp-h-4" }))
+                  ], 8, pn)) : k.type === "text" ? (f(), b("span", {
                     key: 1,
                     class: "vfp-text-xs vfp-text-center vfp-font-medium vfp-tabular-nums vfp-text-fg-tertiary",
                     style: ae({ minWidth: k.minWidth || "auto" })
-                  }, D(k.content), 5)) : L("", !0)
+                  }, B(k.content), 5)) : I("", !0)
                 ], 64))), 128)),
-                g[9] || (g[9] = T("div", { class: "vfp-w-px vfp-h-4 vfp-mx-1 vfp-bg-divide" }, null, -1))
+                h[10] || (h[10] = S("div", { class: "vfp-w-px vfp-h-4 vfp-mx-1 vfp-bg-divide" }, null, -1))
               ], 64))), 128)),
-              (f(!0), b(P, null, q(Te.value, (z, $) => (f(), b(P, {
-                key: "d-action-" + $
+              (f(!0), b(T, null, U(Ee.value, (F, E) => (f(), b(T, {
+                key: "d-action-" + E
               }, [
-                (f(!0), b(P, null, q(z.items, (k, U) => (f(), b(P, {
-                  key: "d-action-" + $ + "-" + U
+                (f(!0), b(T, null, U(F.items, (k, V) => (f(), b(T, {
+                  key: "d-action-" + E + "-" + V
                 }, [
                   k.type === "button" ? (f(), b("button", {
                     key: 0,
@@ -2080,19 +2122,19 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
                     disabled: k.disabled,
                     onClick: k.action
                   }, [
-                    (f(), F(Q(k.icon), { class: "vfp-w-4 vfp-h-4" }))
-                  ], 8, pn)) : L("", !0)
+                    (f(), C(ee(k.icon), { class: "vfp-w-4 vfp-h-4" }))
+                  ], 8, mn)) : I("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])
           ]),
-          ct.value ? (f(), b("div", mn, [
-            (f(!0), b(P, null, q(me.value, (z, $) => (f(), b(P, {
-              key: "m-tool-" + $
+          ft.value ? (f(), b("div", vn, [
+            (f(!0), b(T, null, U(he.value, (F, E) => (f(), b(T, {
+              key: "m-tool-" + E
             }, [
-              $ > 0 ? (f(), b("div", vn)) : L("", !0),
-              (f(!0), b(P, null, q(z.items, (k, U) => (f(), b(P, {
-                key: "m-tool-" + $ + "-" + U
+              E > 0 ? (f(), b("div", hn)) : I("", !0),
+              (f(!0), b(T, null, U(F.items, (k, V) => (f(), b(T, {
+                key: "m-tool-" + E + "-" + V
               }, [
                 k.type === "button" ? (f(), b("button", {
                   key: 0,
@@ -2101,139 +2143,141 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
                   disabled: k.disabled,
                   onClick: k.action
                 }, [
-                  (f(), F(Q(k.icon), { class: "vfp-w-4 vfp-h-4" }))
-                ], 8, hn)) : k.type === "text" ? (f(), b("span", {
+                  (f(), C(ee(k.icon), { class: "vfp-w-4 vfp-h-4" }))
+                ], 8, gn)) : k.type === "text" ? (f(), b("span", {
                   key: 1,
                   class: "vfp-text-xs vfp-text-center vfp-font-medium vfp-tabular-nums vfp-text-fg-tertiary",
                   style: ae({ minWidth: k.minWidth || "auto" })
-                }, D(k.content), 5)) : L("", !0)
+                }, B(k.content), 5)) : I("", !0)
               ], 64))), 128))
             ], 64))), 128))
-          ])) : L("", !0)
+          ])) : I("", !0)
         ])),
         (f(), b("div", {
           ref_key: "contentRef",
-          ref: _,
+          ref: j,
           class: "vfp-flex-1 vfp-flex vfp-items-center vfp-justify-center vfp-overflow-auto",
-          key: (W = h.value) == null ? void 0 : W.url
+          key: ($ = g.value) == null ? void 0 : $.url
         }, [
-          h.value ? (f(), b(P, { key: 0 }, [
-            I.value ? (f(), F(Q(I.value), {
+          g.value ? (f(), b(T, { key: 0 }, [
+            q.value ? (f(), C(ee(q.value), {
               key: 0,
-              file: h.value,
+              file: g.value,
               ctx: te.value
-            }, null, 8, ["file", "ctx"])) : (f(), b(P, { key: 1 }, [
-              x.value === "image" ? (f(), F(v(To), {
+            }, null, 8, ["file", "ctx"])) : (f(), b(T, { key: 1 }, [
+              x.value === "image" ? (f(), C(v(Eo), {
                 key: 0,
-                url: v(R),
+                url: v(z),
                 zoom: r.value,
                 rotation: u.value,
                 "reset-key": w.value,
-                "file-size": h.value.size,
-                file: h.value,
-                onZoomChange: it,
-                onNaturalWidthChange: g[0] || (g[0] = (z) => p.value = z),
-                onNaturalHeightChange: g[1] || (g[1] = (z) => c.value = z)
-              }, null, 8, ["url", "zoom", "rotation", "reset-key", "file-size", "file"])) : x.value === "pdf" ? (f(), F(v(Eo), {
+                "file-size": g.value.size,
+                file: g.value,
+                onZoomChange: lt,
+                onNaturalWidthChange: h[0] || (h[0] = (F) => m.value = F),
+                onNaturalHeightChange: h[1] || (h[1] = (F) => c.value = F)
+              }, null, 8, ["url", "zoom", "rotation", "reset-key", "file-size", "file"])) : x.value === "pdf" ? (f(), C(v(So), {
                 key: 1,
-                url: v(R),
+                url: v(z),
                 zoom: r.value,
                 "current-page": d.value,
-                onPageChange: g[2] || (g[2] = (z) => d.value = z),
-                onTotalPagesChange: g[3] || (g[3] = (z) => m.value = z),
-                onPageWidthChange: g[4] || (g[4] = (z) => p.value = z)
-              }, null, 8, ["url", "zoom", "current-page"])) : x.value === "docx" ? (f(), F(v(So), {
+                "show-outline": P.value,
+                onPageChange: h[2] || (h[2] = (F) => d.value = F),
+                onTotalPagesChange: h[3] || (h[3] = (F) => p.value = F),
+                onPageWidthChange: h[4] || (h[4] = (F) => m.value = F),
+                onToggleOutline: h[5] || (h[5] = () => P.value = !P.value)
+              }, null, 8, ["url", "zoom", "current-page", "show-outline"])) : x.value === "docx" ? (f(), C(v(No), {
                 key: 2,
-                url: v(R)
-              }, null, 8, ["url"])) : x.value === "xlsx" ? (f(), F(v(No), {
+                url: v(z)
+              }, null, 8, ["url"])) : x.value === "xlsx" ? (f(), C(v($o), {
                 key: 3,
-                url: v(R)
-              }, null, 8, ["url"])) : x.value === "pptx" ? (f(), F(v($o), {
+                url: v(z)
+              }, null, 8, ["url"])) : x.value === "pptx" ? (f(), C(v(Lo), {
                 key: 4,
-                url: v(R)
-              }, null, 8, ["url"])) : x.value === "msg" ? (f(), F(v(Lo), {
+                url: v(z)
+              }, null, 8, ["url"])) : x.value === "msg" ? (f(), C(v(Wo), {
                 key: 5,
-                url: v(R)
-              }, null, 8, ["url"])) : x.value === "epub" ? (f(), F(v(Wo), {
+                url: v(z)
+              }, null, 8, ["url"])) : x.value === "epub" ? (f(), C(v(Io), {
                 key: 6,
                 ref_key: "epubRef",
                 ref: je,
-                url: v(R),
-                onChapterChange: st,
-                onFullWidthChange: g[5] || (g[5] = (z) => ue.value = z)
-              }, null, 8, ["url"])) : x.value === "mobi" ? (f(), F(v(Io), {
+                url: v(z),
+                onChapterChange: ut,
+                onFullWidthChange: h[6] || (h[6] = (F) => ce.value = F)
+              }, null, 8, ["url"])) : x.value === "mobi" ? (f(), C(v(Do), {
                 key: 7,
                 ref_key: "mobiRef",
-                ref: Pe,
-                url: v(R),
-                onChapterChange: ut,
-                onFullWidthChange: g[6] || (g[6] = (z) => fe.value = z)
-              }, null, 8, ["url"])) : x.value === "video" ? (f(), F(v(Do), {
+                ref: Te,
+                url: v(z),
+                onChapterChange: dt,
+                onFullWidthChange: h[7] || (h[7] = (F) => me.value = F)
+              }, null, 8, ["url"])) : x.value === "video" ? (f(), C(v(Ao), {
                 key: 8,
-                url: v(R),
-                "file-name": (V = h.value) == null ? void 0 : V.name
-              }, null, 8, ["url", "file-name"])) : x.value === "audio" ? (f(), F(v(Ao), {
+                url: v(z),
+                "file-name": (A = g.value) == null ? void 0 : A.name
+              }, null, 8, ["url", "file-name"])) : x.value === "audio" ? (f(), C(v(qo), {
                 key: 9,
-                url: v(R),
-                "file-name": h.value.name
-              }, null, 8, ["url", "file-name"])) : x.value === "markdown" ? (f(), F(v(Bo), {
+                url: v(z),
+                "file-name": g.value.name
+              }, null, 8, ["url", "file-name"])) : x.value === "markdown" ? (f(), C(v(Bo), {
                 key: 10,
-                url: v(R),
-                "view-mode": J.value
-              }, null, 8, ["url", "view-mode"])) : x.value === "json" ? (f(), F(v(qo), {
+                url: v(z),
+                "view-mode": Q.value
+              }, null, 8, ["url", "view-mode"])) : x.value === "json" ? (f(), C(v(Oo), {
                 key: 11,
-                url: v(R),
-                "file-name": h.value.name
-              }, null, 8, ["url", "file-name"])) : x.value === "csv" ? (f(), F(v(Oo), {
+                url: v(z),
+                "file-name": g.value.name
+              }, null, 8, ["url", "file-name"])) : x.value === "csv" ? (f(), C(v(Uo), {
                 key: 12,
-                url: v(R),
-                "file-name": h.value.name
-              }, null, 8, ["url", "file-name"])) : x.value === "xml" ? (f(), F(v(Uo), {
+                url: v(z),
+                "file-name": g.value.name
+              }, null, 8, ["url", "file-name"])) : x.value === "xml" ? (f(), C(v(Ho), {
                 key: 13,
-                url: v(R),
-                "file-name": h.value.name
-              }, null, 8, ["url", "file-name"])) : x.value === "subtitle" ? (f(), F(v(Ho), {
+                url: v(z),
+                "file-name": g.value.name
+              }, null, 8, ["url", "file-name"])) : x.value === "subtitle" ? (f(), C(v(Vo), {
                 key: 14,
-                url: v(R),
-                "file-name": h.value.name
-              }, null, 8, ["url", "file-name"])) : x.value === "zip" && o.zipNestingDepth >= gn ? (f(), F(De, {
+                url: v(z),
+                "file-name": g.value.name
+              }, null, 8, ["url", "file-name"])) : x.value === "zip" && o.zipNestingDepth >= bn ? (f(), C(Ae, {
                 key: 15,
-                "file-name": h.value.name,
-                "file-type": h.value.type,
-                onDownload: le
-              }, null, 8, ["file-name", "file-type"])) : x.value === "zip" ? (f(), F(v(Vo), {
+                "file-name": g.value.name,
+                "file-type": g.value.type,
+                onDownload: se
+              }, null, 8, ["file-name", "file-type"])) : x.value === "zip" ? (f(), C(v(Zo), {
                 key: 16,
-                url: v(R),
+                url: v(z),
                 "nesting-depth": o.zipNestingDepth,
-                onStatsChange: dt
-              }, null, 8, ["url", "nesting-depth"])) : x.value === "text" ? (f(), F(v(Zo), {
+                onStatsChange: ct
+              }, null, 8, ["url", "nesting-depth"])) : x.value === "text" ? (f(), C(v(Go), {
                 key: 17,
-                url: v(R),
-                "file-name": h.value.name,
-                "word-wrap": K.value,
-                "html-preview": Y.value
-              }, null, 8, ["url", "file-name", "word-wrap", "html-preview"])) : x.value === "font" ? (f(), F(v(Go), {
+                url: v(z),
+                "file-name": g.value.name,
+                "word-wrap": Y.value,
+                "html-preview": J.value
+              }, null, 8, ["url", "file-name", "word-wrap", "html-preview"])) : x.value === "font" ? (f(), C(v(Xo), {
                 key: 18,
-                url: v(R)
-              }, null, 8, ["url"])) : (f(), F(De, {
+                url: v(z)
+              }, null, 8, ["url"])) : (f(), C(Ae, {
                 key: 19,
-                "file-name": h.value.name,
-                "file-type": h.value.type,
-                onDownload: le
+                "file-name": g.value.name,
+                "file-type": g.value.type,
+                onDownload: se
               }, null, 8, ["file-name", "file-type"]))
             ], 64))
-          ], 64)) : L("", !0)
+          ], 64)) : I("", !0)
         ])),
-        !e.headless && j.value.length > 1 ? (f(), F(tn, {
+        !e.headless && L.value.length > 1 ? (f(), C(on, {
           key: 1,
-          "container-ref": _.value,
+          "container-ref": j.value,
           "has-prev": e.currentIndex > 0,
-          "has-next": e.currentIndex < j.value.length - 1,
+          "has-next": e.currentIndex < L.value.length - 1,
           "reset-key": e.currentIndex,
-          onPrev: g[7] || (g[7] = (z) => n("navigate", e.currentIndex - 1)),
-          onNext: g[8] || (g[8] = (z) => n("navigate", e.currentIndex + 1))
-        }, null, 8, ["container-ref", "has-prev", "has-next", "reset-key"])) : L("", !0)
-      ], 8, on);
+          onPrev: h[8] || (h[8] = (F) => n("navigate", e.currentIndex - 1)),
+          onNext: h[9] || (h[9] = (F) => n("navigate", e.currentIndex + 1))
+        }, null, 8, ["container-ref", "has-prev", "has-next", "reset-key"])) : I("", !0)
+      ], 8, nn);
     };
   }
 }), xn = (e, t) => {
@@ -2241,11 +2285,11 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
   for (const [n, i] of t)
     o[n] = i;
   return o;
-}, _e = /* @__PURE__ */ xn(bn, [["__scopeId", "data-v-ae1697ec"]]), Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Re = /* @__PURE__ */ xn(wn, [["__scopeId", "data-v-57fe6bde"]]), Zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _e
+  default: Re
 }, Symbol.toStringTag, { value: "Module" }));
-function wn(e) {
+function yn(e) {
   let t = "", o = "", n = !1;
   const i = () => {
     if (n || typeof document > "u") return;
@@ -2255,13 +2299,13 @@ function wn(e) {
   }, a = () => {
     !n || typeof document > "u" || (document.body.style.overflow = t, document.body.style.paddingRight = o, n = !1);
   };
-  return we(() => {
+  return Fe(() => {
     e() && i();
-  }), mt(() => {
+  }), vt(() => {
     a();
   }), { lock: i, unlock: a };
 }
-const yn = ["data-theme"], Zn = /* @__PURE__ */ X({
+const Fn = ["data-theme"], Gn = /* @__PURE__ */ K({
   __name: "FilePreviewModal",
   props: {
     files: {},
@@ -2279,52 +2323,52 @@ const yn = ["data-theme"], Zn = /* @__PURE__ */ X({
   },
   emits: ["close", "navigate", "custom-event"],
   setup(e, { emit: t }) {
-    const o = e, n = t, { lock: i, unlock: a } = wn(() => o.isOpen);
-    A(
+    const o = e, n = t, { lock: i, unlock: a } = yn(() => o.isOpen);
+    O(
       () => o.isOpen,
-      (p) => {
-        p ? i() : a();
+      (m) => {
+        m ? i() : a();
       }
     );
-    const l = C(
+    const l = _(
       typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !0
     );
     let s = null;
-    A(
+    O(
       () => o.theme,
-      (p) => {
-        if (s && (s(), s = null), p === "auto") {
-          const c = window.matchMedia("(prefers-color-scheme: dark)"), w = (_) => {
-            l.value = _.matches;
+      (m) => {
+        if (s && (s(), s = null), m === "auto") {
+          const c = window.matchMedia("(prefers-color-scheme: dark)"), w = (P) => {
+            l.value = P.matches;
           };
           c.addEventListener("change", w), s = () => c.removeEventListener("change", w);
         }
       },
       { immediate: !0 }
-    ), G(() => {
+    ), X(() => {
       s && s();
     });
-    const r = M(
+    const r = R(
       () => o.theme === "auto" ? l.value ? "dark" : "light" : o.theme
-    ), u = () => n("close"), d = (p) => p.stopPropagation(), m = (p) => p.stopPropagation();
-    return (p, c) => (f(), F(vt, { to: "body" }, [
-      H(ht, { name: "vfp-fade" }, {
-        default: gt(() => [
+    ), u = () => n("close"), d = (m) => m.stopPropagation(), p = (m) => m.stopPropagation();
+    return (m, c) => (f(), C(ht, { to: "body" }, [
+      Z(gt, { name: "vfp-fade" }, {
+        default: bt(() => [
           e.isOpen ? (f(), b("div", {
             key: 0,
             class: "vfp-root",
             "data-theme": r.value
           }, [
-            T("div", {
+            S("div", {
               class: "vfp-fixed vfp-inset-0 vfp-z-[9999] vfp-flex vfp-items-center vfp-justify-center vfp-backdrop-blur-md vfp-overflow-hidden vfp-bg-surface-overlay",
               onClick: u,
-              onWheel: m
+              onWheel: p
             }, [
-              T("div", {
+              S("div", {
                 class: "vfp-relative vfp-w-full vfp-h-full",
                 onClick: d
               }, [
-                H(_e, {
+                Z(Re, {
                   mode: "modal",
                   files: e.files,
                   "current-index": e.currentIndex,
@@ -2337,19 +2381,20 @@ const yn = ["data-theme"], Zn = /* @__PURE__ */ X({
                   "request-handler": e.requestHandler,
                   "should-fetch-as-blob": e.shouldFetchAsBlob,
                   "on-download": e.onDownload,
+                  "on-close": () => n("close"),
                   onClose: c[0] || (c[0] = (w) => n("close")),
                   onNavigate: c[1] || (c[1] = (w) => n("navigate", w)),
                   onCustomEvent: c[2] || (c[2] = (w) => n("custom-event", w))
-                }, null, 8, ["files", "current-index", "custom-renderers", "locale", "messages", "headless", "theme", "request-init", "request-handler", "should-fetch-as-blob", "on-download"])
+                }, null, 8, ["files", "current-index", "custom-renderers", "locale", "messages", "headless", "theme", "request-init", "request-handler", "should-fetch-as-blob", "on-download", "on-close"])
               ])
             ], 32)
-          ], 8, yn)) : L("", !0)
+          ], 8, Fn)) : I("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}), kn = ["data-theme"], Fn = { class: "vfp-relative vfp-w-full vfp-h-full vfp-overflow-hidden vfp-bg-surface-overlay" }, Gn = /* @__PURE__ */ X({
+}), kn = ["data-theme"], Cn = { class: "vfp-relative vfp-w-full vfp-h-full vfp-overflow-hidden vfp-bg-surface-overlay" }, Xn = /* @__PURE__ */ K({
   __name: "FilePreviewEmbed",
   props: {
     files: {},
@@ -2364,29 +2409,30 @@ const yn = ["data-theme"], Zn = /* @__PURE__ */ X({
     requestInit: { type: Function, default: void 0 },
     requestHandler: { type: Function, default: void 0 },
     shouldFetchAsBlob: { type: Function, default: void 0 },
-    onDownload: { type: Function, default: void 0 }
+    onDownload: { type: Function, default: void 0 },
+    onClose: { type: Function, default: void 0 }
   },
-  emits: ["navigate", "custom-event"],
+  emits: ["navigate", "custom-event", "close"],
   setup(e, { emit: t }) {
-    const o = e, n = t, i = C(
+    const o = e, n = t, i = _(
       typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !0
     );
     let a = null;
-    A(
+    O(
       () => o.theme,
       (r) => {
         if (a && (a(), a = null), r === "auto") {
-          const u = window.matchMedia("(prefers-color-scheme: dark)"), d = (m) => {
-            i.value = m.matches;
+          const u = window.matchMedia("(prefers-color-scheme: dark)"), d = (p) => {
+            i.value = p.matches;
           };
           u.addEventListener("change", d), a = () => u.removeEventListener("change", d);
         }
       },
       { immediate: !0 }
-    ), G(() => {
+    ), X(() => {
       a && a();
     });
-    const l = M(
+    const l = R(
       () => o.theme === "auto" ? i.value ? "dark" : "light" : o.theme
     ), s = {
       width: typeof o.width == "number" ? `${o.width}px` : o.width,
@@ -2397,8 +2443,8 @@ const yn = ["data-theme"], Zn = /* @__PURE__ */ X({
       style: s,
       "data-theme": l.value
     }, [
-      T("div", Fn, [
-        H(_e, {
+      S("div", Cn, [
+        Z(Re, {
           mode: "embed",
           files: e.files,
           "current-index": e.currentIndex,
@@ -2411,48 +2457,50 @@ const yn = ["data-theme"], Zn = /* @__PURE__ */ X({
           "request-handler": e.requestHandler,
           "should-fetch-as-blob": e.shouldFetchAsBlob,
           "on-download": e.onDownload,
+          "on-close": e.onClose,
           onNavigate: u[0] || (u[0] = (d) => n("navigate", d)),
-          onCustomEvent: u[1] || (u[1] = (d) => n("custom-event", d))
-        }, null, 8, ["files", "current-index", "custom-renderers", "locale", "messages", "headless", "theme", "request-init", "request-handler", "should-fetch-as-blob", "on-download"])
+          onCustomEvent: u[1] || (u[1] = (d) => n("custom-event", d)),
+          onClose: u[2] || (u[2] = () => n("close"))
+        }, null, 8, ["files", "current-index", "custom-renderers", "locale", "messages", "headless", "theme", "request-init", "request-handler", "should-fetch-as-blob", "on-download", "on-close"])
       ])
     ], 8, kn));
   }
-}), Xn = Rt.version;
+}), Kn = Pt.version;
 export {
-  In as A,
-  qn as B,
-  Tt as C,
-  Wn as D,
-  Sn as E,
-  Pt as F,
-  Un as G,
-  An as I,
+  Dn as A,
+  On as B,
+  Et as C,
+  In as D,
+  Nn as E,
+  Tt as F,
+  Hn as G,
+  qn as I,
   Ye as L,
-  Tn as M,
-  Nn as N,
+  En as M,
   $n as P,
-  Dn as R,
-  En as S,
+  An as R,
+  Sn as S,
+  Ln as T,
   Bn as U,
-  Xn as V,
+  Kn as V,
   Ke as W,
   xn as _,
-  go as a,
+  bo as a,
   jn as b,
-  Hn as c,
-  ve as d,
-  _e as e,
-  Gn as f,
-  Zn as g,
+  Vn as c,
+  ge as d,
+  Re as e,
+  Xn as f,
+  Gn as g,
   Mt as h,
-  Vn as i,
-  Ln as j,
-  Pn as k,
-  fo as p,
-  On as q,
-  Ce as u,
+  Zn as i,
+  Wn as j,
+  Tn as k,
+  po as p,
+  Un as q,
+  _e as u,
   zn as v,
   jt as w,
   Mn as y
 };
-//# sourceMappingURL=index-Oxwizt6-.mjs.map
+//# sourceMappingURL=index-D9QQL7U6.mjs.map