@eternalheart/vue-file-preview 1.3.13 → 1.3.14

package/lib/chunks/{index-GGGDPwxX.mjs → index-C0OWrmU8.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent as k, ref as p, onMounted as T, watch as D, onBeforeUnmount as M, openBlock as v, createElementBlock as h, createElementVNode as m, toDisplayString as S, unref as z, createCommentVNode as w, createBlock as C, normalizeStyle as N } from "vue";
 import B from "x-data-spreadsheet";
 /* empty css                       */
-import { u as E, a as H, E as R, S as W, M as U, U as V } from "./index-Oxwizt6-.mjs";
+import { u as E, a as H, E as R, S as W, M as U, U as V } from "./index-CFaWV6cC.mjs";
 import { _ as F } from "./RendererError.vue_vue_type_script_setup_true_lang-CbgZBSDr.mjs";
 const L = { class: "vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full" }, O = {
   key: 0,
@@ -101,4 +101,4 @@ const L = { class: "vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-fu
 export {
   K as default
 };
-//# sourceMappingURL=index-GGGDPwxX.mjs.map
+//# sourceMappingURL=index-C0OWrmU8.mjs.map

package/lib/chunks/{index-GGGDPwxX.mjs.map → index-C0OWrmU8.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-GGGDPwxX.mjs","sources":["../../src/renderers/Csv/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount } from 'vue';\nimport Spreadsheet from 'x-data-spreadsheet';\nimport 'x-data-spreadsheet/dist/xspreadsheet.css';\nimport {\n  parseCsv,\n  guessCsvDelimiter,\n  fetchTextUtf8,\n  convertCsvToSpreadsheetData,\n} from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport RendererError from '../RendererError.vue';\n\nconst props = defineProps<{\n  url: string;\n  fileName: string;\n}>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\n\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst containerRef = ref<HTMLDivElement | null>(null);\nlet sheetData: Record<string, unknown>[] | null = null;\nlet resizeObserver: ResizeObserver | null = null;\nlet resizeTimeout: number | null = null;\nlet lastDimensions = { width: 0, height: 0 };\n\nconst calculateDimensions = () => {\n  if (!containerRef.value) return { width: 800, height: 600 };\n  const rawWidth = containerRef.value.clientWidth;\n  const rawHeight = containerRef.value.clientHeight;\n  const width = rawWidth > 100 ? rawWidth : 800;\n  const height = rawHeight > 100 ? rawHeight : 600;\n  return { width, height };\n};\n\nconst mountSpreadsheet = () => {\n  if (!containerRef.value || !sheetData) return;\n\n  containerRef.value.innerHTML = '';\n\n  const { width, height } = calculateDimensions();\n  const isMobile = width < 640;\n\n  const s = new Spreadsheet(containerRef.value, {\n    mode: 'read',\n    showToolbar: false,\n    showContextmenu: false,\n    showGrid: true,\n    row: {\n      len: 100,\n      height: 25,\n    },\n    col: {\n      len: 26,\n      width: isMobile ? 80 : 100,\n      indexWidth: isMobile ? 40 : 60,\n      minWidth: isMobile ? 40 : 60,\n    },\n    view: {\n      height: () => height,\n      width: () => width,\n    },\n  });\n\n  s.loadData(sheetData as unknown as Record<string, unknown>);\n};\n\nconst loadCsv = async () => {\n  if (!containerRef.value) return;\n\n  loading.value = true;\n  error.value = null;\n\n  try {\n    const text = await fetchTextUtf8(props.url, { fetcher: fetcher.value });\n    const parsed = parseCsv(text, { delimiter: guessCsvDelimiter(props.fileName) });\n    const data = convertCsvToSpreadsheetData(parsed.header, parsed.rows, props.fileName);\n\n    sheetData = data as unknown as Record<string, unknown>[];\n    mountSpreadsheet();\n    loading.value = false;\n  } catch (err) {\n    console.error('CSV 解析错误:', err);\n    error.value = t.value('csv.load_failed');\n    loading.value = false;\n  }\n};\n\nonMounted(() => {\n  if (!containerRef.value) return;\n\n  let isInitialRender = true;\n\n  resizeObserver = new ResizeObserver(() => {\n    if (isInitialRender) {\n      isInitialRender = false;\n      lastDimensions = calculateDimensions();\n      return;\n    }\n\n    const newDimensions = calculateDimensions();\n    const widthDiff = Math.abs(lastDimensions.width - newDimensions.width);\n    const heightDiff = Math.abs(lastDimensions.height - newDimensions.height);\n\n    if (widthDiff < 10 && heightDiff < 10) return;\n\n    lastDimensions = newDimensions;\n\n    if (resizeTimeout !== null) clearTimeout(resizeTimeout);\n\n    resizeTimeout = window.setTimeout(() => {\n      if (sheetData) mountSpreadsheet();\n    }, 500);\n  });\n\n  resizeObserver.observe(containerRef.value);\n\n  setTimeout(() => {\n    requestAnimationFrame(() => loadCsv());\n  }, 100);\n});\n\nwatch(\n  () => props.url,\n  () => {\n    loadCsv();\n  }\n);\n\nonBeforeUnmount(() => {\n  if (resizeObserver) resizeObserver.disconnect();\n  if (resizeTimeout !== null) clearTimeout(resizeTimeout);\n  sheetData = null;\n  if (containerRef.value) containerRef.value.innerHTML = '';\n});\n</script>\n\n<template>\n  <div class=\"vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full\">\n    <div\n      v-if=\"loading\"\n      class=\"vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10\"\n    >\n      <div class=\"vfp-text-center\">\n        <div\n          class=\"vfp-w-10 vfp-h-10 md:vfp-w-12 md:vfp-h-12 vfp-mx-auto vfp-mb-3 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n        />\n        <p class=\"vfp-text-xs md:vfp-text-sm vfp-text-fg-secondary vfp-font-medium\">{{ t('csv.loading') }}</p>\n      </div>\n    </div>\n\n    <RendererError\n      v-if=\"error && !loading\"\n      :message=\"error\"\n      class=\"vfp-absolute vfp-inset-0 vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10\"\n    />\n\n    <div\n      v-if=\"!error\"\n      ref=\"containerRef\"\n      class=\"xlsx-spreadsheet-container vfp-w-full vfp-h-full\"\n      :style=\"{ opacity: loading ? 0 : 1 }\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","t","useTranslator","fetcher","useFetcher","loading","ref","error","containerRef","sheetData","resizeObserver","resizeTimeout","lastDimensions","calculateDimensions","rawWidth","rawHeight","width","height","mountSpreadsheet","isMobile","Spreadsheet","loadCsv","text","fetchTextUtf8","parsed","parseCsv","guessCsvDelimiter","convertCsvToSpreadsheetData","err","onMounted","isInitialRender","newDimensions","widthDiff","heightDiff","watch","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_unref","_createBlock","RendererError"],"mappings":"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"}
+{"version":3,"file":"index-C0OWrmU8.mjs","sources":["../../src/renderers/Csv/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount } from 'vue';\nimport Spreadsheet from 'x-data-spreadsheet';\nimport 'x-data-spreadsheet/dist/xspreadsheet.css';\nimport {\n  parseCsv,\n  guessCsvDelimiter,\n  fetchTextUtf8,\n  convertCsvToSpreadsheetData,\n} from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport RendererError from '../RendererError.vue';\n\nconst props = defineProps<{\n  url: string;\n  fileName: string;\n}>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\n\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst containerRef = ref<HTMLDivElement | null>(null);\nlet sheetData: Record<string, unknown>[] | null = null;\nlet resizeObserver: ResizeObserver | null = null;\nlet resizeTimeout: number | null = null;\nlet lastDimensions = { width: 0, height: 0 };\n\nconst calculateDimensions = () => {\n  if (!containerRef.value) return { width: 800, height: 600 };\n  const rawWidth = containerRef.value.clientWidth;\n  const rawHeight = containerRef.value.clientHeight;\n  const width = rawWidth > 100 ? rawWidth : 800;\n  const height = rawHeight > 100 ? rawHeight : 600;\n  return { width, height };\n};\n\nconst mountSpreadsheet = () => {\n  if (!containerRef.value || !sheetData) return;\n\n  containerRef.value.innerHTML = '';\n\n  const { width, height } = calculateDimensions();\n  const isMobile = width < 640;\n\n  const s = new Spreadsheet(containerRef.value, {\n    mode: 'read',\n    showToolbar: false,\n    showContextmenu: false,\n    showGrid: true,\n    row: {\n      len: 100,\n      height: 25,\n    },\n    col: {\n      len: 26,\n      width: isMobile ? 80 : 100,\n      indexWidth: isMobile ? 40 : 60,\n      minWidth: isMobile ? 40 : 60,\n    },\n    view: {\n      height: () => height,\n      width: () => width,\n    },\n  });\n\n  s.loadData(sheetData as unknown as Record<string, unknown>);\n};\n\nconst loadCsv = async () => {\n  if (!containerRef.value) return;\n\n  loading.value = true;\n  error.value = null;\n\n  try {\n    const text = await fetchTextUtf8(props.url, { fetcher: fetcher.value });\n    const parsed = parseCsv(text, { delimiter: guessCsvDelimiter(props.fileName) });\n    const data = convertCsvToSpreadsheetData(parsed.header, parsed.rows, props.fileName);\n\n    sheetData = data as unknown as Record<string, unknown>[];\n    mountSpreadsheet();\n    loading.value = false;\n  } catch (err) {\n    console.error('CSV 解析错误:', err);\n    error.value = t.value('csv.load_failed');\n    loading.value = false;\n  }\n};\n\nonMounted(() => {\n  if (!containerRef.value) return;\n\n  let isInitialRender = true;\n\n  resizeObserver = new ResizeObserver(() => {\n    if (isInitialRender) {\n      isInitialRender = false;\n      lastDimensions = calculateDimensions();\n      return;\n    }\n\n    const newDimensions = calculateDimensions();\n    const widthDiff = Math.abs(lastDimensions.width - newDimensions.width);\n    const heightDiff = Math.abs(lastDimensions.height - newDimensions.height);\n\n    if (widthDiff < 10 && heightDiff < 10) return;\n\n    lastDimensions = newDimensions;\n\n    if (resizeTimeout !== null) clearTimeout(resizeTimeout);\n\n    resizeTimeout = window.setTimeout(() => {\n      if (sheetData) mountSpreadsheet();\n    }, 500);\n  });\n\n  resizeObserver.observe(containerRef.value);\n\n  setTimeout(() => {\n    requestAnimationFrame(() => loadCsv());\n  }, 100);\n});\n\nwatch(\n  () => props.url,\n  () => {\n    loadCsv();\n  }\n);\n\nonBeforeUnmount(() => {\n  if (resizeObserver) resizeObserver.disconnect();\n  if (resizeTimeout !== null) clearTimeout(resizeTimeout);\n  sheetData = null;\n  if (containerRef.value) containerRef.value.innerHTML = '';\n});\n</script>\n\n<template>\n  <div class=\"vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full\">\n    <div\n      v-if=\"loading\"\n      class=\"vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10\"\n    >\n      <div class=\"vfp-text-center\">\n        <div\n          class=\"vfp-w-10 vfp-h-10 md:vfp-w-12 md:vfp-h-12 vfp-mx-auto vfp-mb-3 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n        />\n        <p class=\"vfp-text-xs md:vfp-text-sm vfp-text-fg-secondary vfp-font-medium\">{{ t('csv.loading') }}</p>\n      </div>\n    </div>\n\n    <RendererError\n      v-if=\"error && !loading\"\n      :message=\"error\"\n      class=\"vfp-absolute vfp-inset-0 vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10\"\n    />\n\n    <div\n      v-if=\"!error\"\n      ref=\"containerRef\"\n      class=\"xlsx-spreadsheet-container vfp-w-full vfp-h-full\"\n      :style=\"{ opacity: loading ? 0 : 1 }\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","t","useTranslator","fetcher","useFetcher","loading","ref","error","containerRef","sheetData","resizeObserver","resizeTimeout","lastDimensions","calculateDimensions","rawWidth","rawHeight","width","height","mountSpreadsheet","isMobile","Spreadsheet","loadCsv","text","fetchTextUtf8","parsed","parseCsv","guessCsvDelimiter","convertCsvToSpreadsheetData","err","onMounted","isInitialRender","newDimensions","widthDiff","heightDiff","watch","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_unref","_createBlock","RendererError"],"mappings":";;;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,GAKR,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAUC,EAAA,GAEVC,IAAUC,EAAI,EAAI,GAClBC,IAAQD,EAAmB,IAAI,GAC/BE,IAAeF,EAA2B,IAAI;AACpD,QAAIG,IAA8C,MAC9CC,IAAwC,MACxCC,IAA+B,MAC/BC,IAAiB,EAAE,OAAO,GAAG,QAAQ,EAAA;AAEzC,UAAMC,IAAsB,MAAM;AAChC,UAAI,CAACL,EAAa,MAAO,QAAO,EAAE,OAAO,KAAK,QAAQ,IAAA;AACtD,YAAMM,IAAWN,EAAa,MAAM,aAC9BO,IAAYP,EAAa,MAAM,cAC/BQ,IAAQF,IAAW,MAAMA,IAAW,KACpCG,IAASF,IAAY,MAAMA,IAAY;AAC7C,aAAO,EAAE,OAAAC,GAAO,QAAAC,EAAA;AAAA,IAClB,GAEMC,IAAmB,MAAM;AAC7B,UAAI,CAACV,EAAa,SAAS,CAACC,EAAW;AAEvC,MAAAD,EAAa,MAAM,YAAY;AAE/B,YAAM,EAAE,OAAAQ,GAAO,QAAAC,EAAA,IAAWJ,EAAA,GACpBM,IAAWH,IAAQ;AAuBzB,MArBU,IAAII,EAAYZ,EAAa,OAAO;AAAA,QAC5C,MAAM;AAAA,QACN,aAAa;AAAA,QACb,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,KAAK;AAAA,UACH,KAAK;AAAA,UACL,QAAQ;AAAA,QAAA;AAAA,QAEV,KAAK;AAAA,UACH,KAAK;AAAA,UACL,OAAOW,IAAW,KAAK;AAAA,UACvB,YAAYA,IAAW,KAAK;AAAA,UAC5B,UAAUA,IAAW,KAAK;AAAA,QAAA;AAAA,QAE5B,MAAM;AAAA,UACJ,QAAQ,MAAMF;AAAA,UACd,OAAO,MAAMD;AAAA,QAAA;AAAA,MACf,CACD,EAEC,SAASP,CAA+C;AAAA,IAC5D,GAEMY,IAAU,YAAY;AAC1B,UAAKb,EAAa,OAElB;AAAA,QAAAH,EAAQ,QAAQ,IAChBE,EAAM,QAAQ;AAEd,YAAI;AACF,gBAAMe,IAAO,MAAMC,EAAcxB,EAAM,KAAK,EAAE,SAASI,EAAQ,OAAO,GAChEqB,IAASC,EAASH,GAAM,EAAE,WAAWI,EAAkB3B,EAAM,QAAQ,GAAG;AAG9E,UAAAU,IAFakB,EAA4BH,EAAO,QAAQA,EAAO,MAAMzB,EAAM,QAAQ,GAGnFmB,EAAA,GACAb,EAAQ,QAAQ;AAAA,QAClB,SAASuB,GAAK;AACZ,kBAAQ,MAAM,aAAaA,CAAG,GAC9BrB,EAAM,QAAQN,EAAE,MAAM,iBAAiB,GACvCI,EAAQ,QAAQ;AAAA,QAClB;AAAA;AAAA,IACF;AAEA,WAAAwB,EAAU,MAAM;AACd,UAAI,CAACrB,EAAa,MAAO;AAEzB,UAAIsB,IAAkB;AAEtB,MAAApB,IAAiB,IAAI,eAAe,MAAM;AACxC,YAAIoB,GAAiB;AACnB,UAAAA,IAAkB,IAClBlB,IAAiBC,EAAA;AACjB;AAAA,QACF;AAEA,cAAMkB,IAAgBlB,EAAA,GAChBmB,IAAY,KAAK,IAAIpB,EAAe,QAAQmB,EAAc,KAAK,GAC/DE,IAAa,KAAK,IAAIrB,EAAe,SAASmB,EAAc,MAAM;AAExE,QAAIC,IAAY,MAAMC,IAAa,OAEnCrB,IAAiBmB,GAEbpB,MAAkB,QAAM,aAAaA,CAAa,GAEtDA,IAAgB,OAAO,WAAW,MAAM;AACtC,UAAIF,KAAWS,EAAA;AAAA,QACjB,GAAG,GAAG;AAAA,MACR,CAAC,GAEDR,EAAe,QAAQF,EAAa,KAAK,GAEzC,WAAW,MAAM;AACf,8BAAsB,MAAMa,GAAS;AAAA,MACvC,GAAG,GAAG;AAAA,IACR,CAAC,GAEDa;AAAA,MACE,MAAMnC,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAsB,EAAA;AAAA,MACF;AAAA,IAAA,GAGFc,EAAgB,MAAM;AACpB,MAAIzB,OAA+B,WAAA,GAC/BC,MAAkB,QAAM,aAAaA,CAAa,GACtDF,IAAY,MACRD,EAAa,UAAOA,EAAa,MAAM,YAAY;AAAA,IACzD,CAAC,cAIC4B,EAAA,GAAAC,EAyBM,OAzBNC,GAyBM;AAAA,MAvBIjC,EAAA,SADR+B,EAAA,GAAAC,EAUM,OAVNE,GAUM;AAAA,QANJC,EAKM,OALNC,GAKM;AAAA,0BAJJD,EAEE,OAAA,EADA,OAAM,iKAAA,GAAgK,MAAA,EAAA;AAAA,UAExKA,EAAsG,KAAtGE,GAAsGC,EAAvBC,EAAA3C,CAAA,EAAC,aAAA,CAAA,GAAA,CAAA;AAAA,QAAA;;MAK5EM,EAAA,UAAUF,EAAA,cADlBwC,EAIEC,GAAA;AAAA;QAFC,SAASvC,EAAA;AAAA,QACV,OAAM;AAAA,MAAA;MAICA,EAAA,0BADT8B,EAKE,OAAA;AAAA;iBAHI;AAAA,QAAJ,KAAI7B;AAAA,QACJ,OAAM;AAAA,QACL,oBAAkBH,EAAA,QAAO,IAAA,GAAA;AAAA,MAAA;;;;"}

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

@@ -1,7 +1,7 @@
-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 { 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 k, 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 Fe, Minimize2 as Ue, Maximize2 as He, WrapText as yt, Code as Ve, Eye as Ze, FileQuestion as Ft, Download as Ge, X as kt } from "lucide-vue-next";
 import Ct from "jszip";
-const _t = "1.3.13", Rt = {
+const _t = "1.3.14", Rt = {
   version: _t
 }, zn = [
   "image",
@@ -857,10 +857,10 @@ function Xt(e) {
   if (e && e.type === "pattern" && e.pattern === "solid") {
     const t = e.fgColor;
     if (t)
-      return Fe(t);
+      return ke(t);
   }
 }
-function Fe(e) {
+function ke(e) {
   if (e) {
     if ("argb" in e && typeof e.argb == "string" && e.argb)
       return Ht(e.argb);
@@ -876,7 +876,7 @@ function Fe(e) {
 }
 function Kt(e) {
   if (!e || !e.style) return;
-  const t = Fe(e.color) || "#000000";
+  const t = ke(e.color) || "#000000";
   return [e.style, t];
 }
 function Yt(e) {
@@ -885,7 +885,7 @@ function Yt(e) {
   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 = ke(i.color);
       a && (o = !0, t.color = a);
     }
     i.underline && (o = !0, t.underline = !0), i.strike && (o = !0, t.strike = !0);
@@ -1572,7 +1572,7 @@ function yo(e) {
     }
   ];
 }
-function ko(e) {
+function Fo(e) {
   return [
     {
       items: [
@@ -1589,7 +1589,7 @@ function ko(e) {
           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: Fe, tooltip: e.t("toolbar.next_page"), action: () => {
           var t;
           return (t = e.epubRef) == null ? void 0 : t.nextPage();
         } }
@@ -1610,7 +1610,7 @@ function ko(e) {
     }
   ];
 }
-function Fo(e) {
+function ko(e) {
   return [
     {
       items: [
@@ -1627,7 +1627,7 @@ function Fo(e) {
           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: Fe, tooltip: e.t("toolbar.next_page"), action: () => {
           var t;
           return (t = e.mobiRef) == null ? void 0 : t.nextPage();
         } }
@@ -1714,7 +1714,7 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
   loader: e,
   loadingComponent: { render: () => O(Po) },
   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({
+}), To = E(() => import("./index-BkMYaea2.mjs")), Eo = E(() => import("./index-GcvjVFMf.mjs")), So = E(() => import("./index-DYrRDrZL.mjs")), No = E(() => import("./index-dG-p4BPD.mjs")), $o = E(() => import("./index-CUA_z4GJ.mjs")), Lo = E(() => import("./index-Bz9nKaz5.mjs")), Wo = E(() => import("./index-P8naV3DU.mjs")), Io = E(() => import("./index-5hGtGeD4.mjs")), Do = E(() => import("./index-DVJfd09T.mjs")), Ao = E(() => import("./index-CJ86PaaF.mjs")), Bo = E(() => import("./index-VTsO_yR7.mjs")), qo = E(() => import("./index-B-f41wjl.mjs")), Oo = E(() => import("./index-C0OWrmU8.mjs")), Uo = E(() => import("./index-CMKtCKpo.mjs")), Ho = E(() => import("./index-BI32fnT-.mjs")), Vo = E(() => import("./index-Cr0Z36a0.mjs")), Zo = E(() => import("./index-BgdBpGYv.mjs")), Go = E(() => import("./index-BlD2p_KC.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({
   __name: "index",
   props: {
     fileName: {},
@@ -1725,7 +1725,7 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
     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" })
+        H(v(Ft), { class: "vfp-w-16 vfp-h-16 vfp-text-fg-secondary" })
       ]),
       T("div", Yo, [
         T("p", Jo, D(e.fileName), 1),
@@ -1798,7 +1798,7 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
         onClick: p[1] || (p[1] = (c) => n("next")),
         onMouseenter: s
       }, [
-        H(v(ke), { class: "vfp-w-5 vfp-h-5 md:vfp-w-6 md:vfp-h-6" })
+        H(v(Fe), { class: "vfp-w-5 vfp-h-5 md:vfp-w-6 md:vfp-h-6" })
       ], 36)) : L("", !0)
     ], 64));
   }
@@ -1827,7 +1827,8 @@ 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 }) {
@@ -1926,7 +1927,7 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
           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) => {
+    }, rt = M(() => !!o.onClose), 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;
@@ -1957,7 +1958,7 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
           t: i.value
         });
       if (x.value === "epub")
-        return ko({
+        return Fo({
           epubRef: je.value,
           current: re.value,
           total: se.value,
@@ -1965,7 +1966,7 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
           t: i.value
         });
       if (x.value === "mobi")
-        return Fo({
+        return ko({
           mobiRef: Pe.value,
           current: de.value,
           total: ce.value,
@@ -2006,7 +2007,7 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
       ];
       return rt.value && y.push({
         items: [
-          { type: "button", icon: Ft, tooltip: i.value("common.close"), action: () => n("close") }
+          { type: "button", icon: kt, tooltip: i.value("common.close"), action: () => n("close") }
         ]
       }), y;
     }), ct = M(() => me.value.length > 0);
@@ -2029,17 +2030,17 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
               (f(!0), b(P, null, q(Te.value, (z, $) => (f(), b(P, {
                 key: "m-action-" + $
               }, [
-                (f(!0), b(P, null, q(z.items, (k, U) => (f(), b(P, {
+                (f(!0), b(P, null, q(z.items, (F, U) => (f(), b(P, {
                   key: "m-action-" + $ + "-" + U
                 }, [
-                  k.type === "button" ? (f(), b("button", {
+                  F.type === "button" ? (f(), b("button", {
                     key: 0,
                     class: "toolbar-btn",
-                    "data-tooltip": k.tooltip,
-                    disabled: k.disabled,
-                    onClick: k.action
+                    "data-tooltip": F.tooltip,
+                    disabled: F.disabled,
+                    onClick: F.action
                   }, [
-                    (f(), F(Q(k.icon), { class: "vfp-w-4 vfp-h-4" }))
+                    (f(), k(Q(F.icon), { class: "vfp-w-4 vfp-h-4" }))
                   ], 8, dn)) : L("", !0)
                 ], 64))), 128))
               ], 64))), 128))
@@ -2048,39 +2049,39 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
               (f(!0), b(P, null, q(me.value, (z, $) => (f(), b(P, {
                 key: "d-tool-" + $
               }, [
-                (f(!0), b(P, null, q(z.items, (k, U) => (f(), b(P, {
+                (f(!0), b(P, null, q(z.items, (F, U) => (f(), b(P, {
                   key: "d-tool-" + $ + "-" + U
                 }, [
-                  k.type === "button" ? (f(), b("button", {
+                  F.type === "button" ? (f(), b("button", {
                     key: 0,
                     class: "toolbar-btn",
-                    "data-tooltip": k.tooltip,
-                    disabled: k.disabled,
-                    onClick: k.action
+                    "data-tooltip": F.tooltip,
+                    disabled: F.disabled,
+                    onClick: F.action
                   }, [
-                    (f(), F(Q(k.icon), { class: "vfp-w-4 vfp-h-4" }))
-                  ], 8, fn)) : k.type === "text" ? (f(), b("span", {
+                    (f(), k(Q(F.icon), { class: "vfp-w-4 vfp-h-4" }))
+                  ], 8, fn)) : F.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)
+                    style: ae({ minWidth: F.minWidth || "auto" })
+                  }, D(F.content), 5)) : L("", !0)
                 ], 64))), 128)),
                 g[9] || (g[9] = T("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(P, null, q(z.items, (k, U) => (f(), b(P, {
+                (f(!0), b(P, null, q(z.items, (F, U) => (f(), b(P, {
                   key: "d-action-" + $ + "-" + U
                 }, [
-                  k.type === "button" ? (f(), b("button", {
+                  F.type === "button" ? (f(), b("button", {
                     key: 0,
                     class: "toolbar-btn",
-                    "data-tooltip": k.tooltip,
-                    disabled: k.disabled,
-                    onClick: k.action
+                    "data-tooltip": F.tooltip,
+                    disabled: F.disabled,
+                    onClick: F.action
                   }, [
-                    (f(), F(Q(k.icon), { class: "vfp-w-4 vfp-h-4" }))
+                    (f(), k(Q(F.icon), { class: "vfp-w-4 vfp-h-4" }))
                   ], 8, pn)) : L("", !0)
                 ], 64))), 128))
               ], 64))), 128))
@@ -2091,22 +2092,22 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
               key: "m-tool-" + $
             }, [
               $ > 0 ? (f(), b("div", vn)) : L("", !0),
-              (f(!0), b(P, null, q(z.items, (k, U) => (f(), b(P, {
+              (f(!0), b(P, null, q(z.items, (F, U) => (f(), b(P, {
                 key: "m-tool-" + $ + "-" + U
               }, [
-                k.type === "button" ? (f(), b("button", {
+                F.type === "button" ? (f(), b("button", {
                   key: 0,
                   class: "toolbar-btn",
-                  "data-tooltip": k.tooltip,
-                  disabled: k.disabled,
-                  onClick: k.action
+                  "data-tooltip": F.tooltip,
+                  disabled: F.disabled,
+                  onClick: F.action
                 }, [
-                  (f(), F(Q(k.icon), { class: "vfp-w-4 vfp-h-4" }))
-                ], 8, hn)) : k.type === "text" ? (f(), b("span", {
+                  (f(), k(Q(F.icon), { class: "vfp-w-4 vfp-h-4" }))
+                ], 8, hn)) : F.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)
+                  style: ae({ minWidth: F.minWidth || "auto" })
+                }, D(F.content), 5)) : L("", !0)
               ], 64))), 128))
             ], 64))), 128))
           ])) : L("", !0)
@@ -2118,12 +2119,12 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
           key: (W = h.value) == null ? void 0 : W.url
         }, [
           h.value ? (f(), b(P, { key: 0 }, [
-            I.value ? (f(), F(Q(I.value), {
+            I.value ? (f(), k(Q(I.value), {
               key: 0,
               file: h.value,
               ctx: te.value
             }, null, 8, ["file", "ctx"])) : (f(), b(P, { key: 1 }, [
-              x.value === "image" ? (f(), F(v(To), {
+              x.value === "image" ? (f(), k(v(To), {
                 key: 0,
                 url: v(R),
                 zoom: r.value,
@@ -2134,7 +2135,7 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
                 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), {
+              }, null, 8, ["url", "zoom", "rotation", "reset-key", "file-size", "file"])) : x.value === "pdf" ? (f(), k(v(Eo), {
                 key: 1,
                 url: v(R),
                 zoom: r.value,
@@ -2142,80 +2143,80 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
                 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), {
+              }, null, 8, ["url", "zoom", "current-page"])) : x.value === "docx" ? (f(), k(v(So), {
                 key: 2,
                 url: v(R)
-              }, null, 8, ["url"])) : x.value === "xlsx" ? (f(), F(v(No), {
+              }, null, 8, ["url"])) : x.value === "xlsx" ? (f(), k(v(No), {
                 key: 3,
                 url: v(R)
-              }, null, 8, ["url"])) : x.value === "pptx" ? (f(), F(v($o), {
+              }, null, 8, ["url"])) : x.value === "pptx" ? (f(), k(v($o), {
                 key: 4,
                 url: v(R)
-              }, null, 8, ["url"])) : x.value === "msg" ? (f(), F(v(Lo), {
+              }, null, 8, ["url"])) : x.value === "msg" ? (f(), k(v(Lo), {
                 key: 5,
                 url: v(R)
-              }, null, 8, ["url"])) : x.value === "epub" ? (f(), F(v(Wo), {
+              }, null, 8, ["url"])) : x.value === "epub" ? (f(), k(v(Wo), {
                 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), {
+              }, null, 8, ["url"])) : x.value === "mobi" ? (f(), k(v(Io), {
                 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), {
+              }, null, 8, ["url"])) : x.value === "video" ? (f(), k(v(Do), {
                 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), {
+              }, null, 8, ["url", "file-name"])) : x.value === "audio" ? (f(), k(v(Ao), {
                 key: 9,
                 url: v(R),
                 "file-name": h.value.name
-              }, null, 8, ["url", "file-name"])) : x.value === "markdown" ? (f(), F(v(Bo), {
+              }, null, 8, ["url", "file-name"])) : x.value === "markdown" ? (f(), k(v(Bo), {
                 key: 10,
                 url: v(R),
                 "view-mode": J.value
-              }, null, 8, ["url", "view-mode"])) : x.value === "json" ? (f(), F(v(qo), {
+              }, null, 8, ["url", "view-mode"])) : x.value === "json" ? (f(), k(v(qo), {
                 key: 11,
                 url: v(R),
                 "file-name": h.value.name
-              }, null, 8, ["url", "file-name"])) : x.value === "csv" ? (f(), F(v(Oo), {
+              }, null, 8, ["url", "file-name"])) : x.value === "csv" ? (f(), k(v(Oo), {
                 key: 12,
                 url: v(R),
                 "file-name": h.value.name
-              }, null, 8, ["url", "file-name"])) : x.value === "xml" ? (f(), F(v(Uo), {
+              }, null, 8, ["url", "file-name"])) : x.value === "xml" ? (f(), k(v(Uo), {
                 key: 13,
                 url: v(R),
                 "file-name": h.value.name
-              }, null, 8, ["url", "file-name"])) : x.value === "subtitle" ? (f(), F(v(Ho), {
+              }, null, 8, ["url", "file-name"])) : x.value === "subtitle" ? (f(), k(v(Ho), {
                 key: 14,
                 url: v(R),
                 "file-name": h.value.name
-              }, null, 8, ["url", "file-name"])) : x.value === "zip" && o.zipNestingDepth >= gn ? (f(), F(De, {
+              }, null, 8, ["url", "file-name"])) : x.value === "zip" && o.zipNestingDepth >= gn ? (f(), k(De, {
                 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), {
+              }, null, 8, ["file-name", "file-type"])) : x.value === "zip" ? (f(), k(v(Vo), {
                 key: 16,
                 url: v(R),
                 "nesting-depth": o.zipNestingDepth,
                 onStatsChange: dt
-              }, null, 8, ["url", "nesting-depth"])) : x.value === "text" ? (f(), F(v(Zo), {
+              }, null, 8, ["url", "nesting-depth"])) : x.value === "text" ? (f(), k(v(Zo), {
                 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), {
+              }, null, 8, ["url", "file-name", "word-wrap", "html-preview"])) : x.value === "font" ? (f(), k(v(Go), {
                 key: 18,
                 url: v(R)
-              }, null, 8, ["url"])) : (f(), F(De, {
+              }, null, 8, ["url"])) : (f(), k(De, {
                 key: 19,
                 "file-name": h.value.name,
                 "file-type": h.value.type,
@@ -2224,7 +2225,7 @@ const zo = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp
             ], 64))
           ], 64)) : L("", !0)
         ])),
-        !e.headless && j.value.length > 1 ? (f(), F(tn, {
+        !e.headless && j.value.length > 1 ? (f(), k(tn, {
           key: 1,
           "container-ref": _.value,
           "has-prev": e.currentIndex > 0,
@@ -2241,7 +2242,7 @@ 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({
+}, _e = /* @__PURE__ */ xn(bn, [["__scopeId", "data-v-25be0487"]]), Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: _e
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2307,7 +2308,7 @@ const yn = ["data-theme"], Zn = /* @__PURE__ */ X({
     const r = M(
       () => 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" }, [
+    return (p, c) => (f(), k(vt, { to: "body" }, [
       H(ht, { name: "vfp-fade" }, {
         default: gt(() => [
           e.isOpen ? (f(), b("div", {
@@ -2337,10 +2338,11 @@ 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)
@@ -2349,7 +2351,7 @@ const yn = ["data-theme"], Zn = /* @__PURE__ */ X({
       })
     ]));
   }
-}), kn = ["data-theme"], Fn = { class: "vfp-relative vfp-w-full vfp-h-full vfp-overflow-hidden vfp-bg-surface-overlay" }, Gn = /* @__PURE__ */ X({
+}), Fn = ["data-theme"], kn = { class: "vfp-relative vfp-w-full vfp-h-full vfp-overflow-hidden vfp-bg-surface-overlay" }, Gn = /* @__PURE__ */ X({
   __name: "FilePreviewEmbed",
   props: {
     files: {},
@@ -2364,9 +2366,10 @@ 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(
       typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !0
@@ -2397,7 +2400,7 @@ const yn = ["data-theme"], Zn = /* @__PURE__ */ X({
       style: s,
       "data-theme": l.value
     }, [
-      T("div", Fn, [
+      T("div", kn, [
         H(_e, {
           mode: "embed",
           files: e.files,
@@ -2411,11 +2414,13 @@ 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));
+    ], 8, Fn));
   }
 }), Xn = Rt.version;
 export {
@@ -2455,4 +2460,4 @@ export {
   jt as w,
   Mn as y
 };
-//# sourceMappingURL=index-Oxwizt6-.mjs.map
+//# sourceMappingURL=index-CFaWV6cC.mjs.map