@eternalheart/vue-file-preview 1.3.6 → 1.3.7

package/lib/FilePreviewContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewContent.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewContent.vue"],"names":[],"mappings":"AA2vBA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACX,KAAK,QAAQ,EACb,KAAK,KAAK,EACV,KAAK,0BAA0B,EAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAyB,MAAM,SAAS,CAAC;AA+BrE,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;;;UAXQ,OAAO,GAAG,OAAO;WAUhB,KAAK;qBAZK,cAAc,EAAE;qBAIhB,MAAM;YAEf,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAulCpB,wBAQG"}
+{"version":3,"file":"FilePreviewContent.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewContent.vue"],"names":[],"mappings":"AAmvBA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACX,KAAK,QAAQ,EACb,KAAK,KAAK,EACV,KAAK,0BAA0B,EAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAyB,MAAM,SAAS,CAAC;AAoCrE,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;;;UAXQ,OAAO,GAAG,OAAO;WAUhB,KAAK;qBAZK,cAAc,EAAE;qBAIhB,MAAM;YAEf,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAkrCpB,wBAQG"}

package/lib/FilePreviewEmbed.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewEmbed.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewEmbed.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7H,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;YATU,MAAM,GAAG,MAAM;WAFhB,MAAM,GAAG,MAAM;WAUf,KAAK;kBAbE,MAAM;qBACH,cAAc,EAAE;YAMzB,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAqJpB,wBAQG"}
+{"version":3,"file":"FilePreviewEmbed.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewEmbed.vue"],"names":[],"mappings":"AAsGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7H,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;YATU,MAAM,GAAG,MAAM;WAFhB,MAAM,GAAG,MAAM;WAUf,KAAK;kBAbE,MAAM;qBACH,cAAc,EAAE;YAMzB,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAwJpB,wBAQG"}

package/lib/FilePreviewModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewModal.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewModal.vue"],"names":[],"mappings":"AAqHA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7H,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;;;WADS,KAAK;qBARK,cAAc,EAAE;YAEzB,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAkMpB,wBAQG"}
+{"version":3,"file":"FilePreviewModal.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewModal.vue"],"names":[],"mappings":"AAoHA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7H,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;;;WADS,KAAK;qBARK,cAAc,EAAE;YAEzB,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAyMpB,wBAQG"}

package/lib/chunks/index-BI0dSTSM.mjs

@@ -0,0 +1,77 @@
+import { defineComponent as x, ref as n, computed as y, watch as h, openBlock as e, createElementBlock as t, createElementVNode as v, toDisplayString as m, normalizeClass as w } from "vue";
+import { u as _, b, j as k, h as T, _ as B } from "./index-DpAxU2JM.mjs";
+import { codeToHtml as N } from "shiki";
+const j = {
+  key: 0,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
+}, H = {
+  key: 1,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
+}, W = { class: "vfp-text-fg-secondary vfp-text-center" }, C = { class: "vfp-text-lg" }, E = {
+  key: 2,
+  class: "vfp-w-full vfp-h-full vfp-bg-surface-toolbar"
+}, L = ["srcdoc", "title"], M = {
+  key: 3,
+  class: "vfp-w-full vfp-h-full vfp-overflow-auto",
+  style: { background: "var(--fp-code-bg)" }
+}, P = ["innerHTML"], z = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    url: {},
+    fileName: {},
+    wordWrap: { type: Boolean, default: !0 },
+    htmlPreview: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const i = l, { t: g } = _(), u = b(), o = n(""), a = n(""), p = n(!0), r = n(null), f = y(() => k(i.fileName)), c = async () => {
+      p.value = !0, r.value = null;
+      try {
+        const s = await T(i.url);
+        if (o.value = s, f.value !== "text")
+          try {
+            a.value = await N(s, {
+              lang: f.value,
+              theme: u.value === "light" ? "github-light" : "dark-plus"
+            });
+          } catch {
+            a.value = "";
+          }
+        else
+          a.value = "";
+      } catch (s) {
+        console.error(s), r.value = g.value("text.load_failed");
+      } finally {
+        p.value = !1;
+      }
+    };
+    return h(() => i.url, c, { immediate: !0 }), h(u, () => {
+      o.value && f.value !== "text" && c();
+    }), (s, d) => p.value ? (e(), t("div", j, [...d[0] || (d[0] = [
+      v("div", { class: "vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin" }, null, -1)
+    ])])) : r.value ? (e(), t("div", H, [
+      v("div", W, [
+        v("p", C, m(r.value), 1)
+      ])
+    ])) : l.htmlPreview && f.value === "html" ? (e(), t("div", E, [
+      v("iframe", {
+        srcdoc: o.value,
+        sandbox: "allow-same-origin",
+        class: "vfp-w-full vfp-h-full vfp-border-0",
+        title: l.fileName
+      }, null, 8, L)
+    ])) : (e(), t("div", M, [
+      a.value ? (e(), t("div", {
+        key: 1,
+        class: w(["shiki-wrapper", { "no-wrap": !l.wordWrap }]),
+        innerHTML: a.value
+      }, null, 10, P)) : (e(), t("pre", {
+        key: 0,
+        class: w(["vfp-p-6 vfp-text-fg-primary vfp-font-mono vfp-text-sm", l.wordWrap ? "vfp-whitespace-pre-wrap vfp-break-words" : "vfp-whitespace-pre"])
+      }, m(o.value), 3))
+    ]));
+  }
+}), S = /* @__PURE__ */ B(z, [["__scopeId", "data-v-22859c1e"]]);
+export {
+  S as default
+};
+//# sourceMappingURL=index-BI0dSTSM.mjs.map

package/lib/chunks/index-BI0dSTSM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BI0dSTSM.mjs","sources":["../../src/renderers/Text/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue';\nimport { getLanguageFromFileName, fetchTextUtf8 } from '@eternalheart/file-preview-core';\nimport { codeToHtml } from 'shiki';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useResolvedTheme } from '../../composables/useResolvedTheme';\n\nconst props = withDefaults(defineProps<{\n  url: string;\n  fileName: string;\n  wordWrap?: boolean;\n  htmlPreview?: boolean;\n}>(), {\n  wordWrap: true,\n  htmlPreview: false,\n});\n\nconst { t } = useTranslator();\nconst resolvedTheme = useResolvedTheme();\n\nconst content = ref<string>('');\nconst highlighted = ref<string>('');\nconst loading = ref(true);\nconst error = ref<string | null>(null);\n\nconst language = computed(() => getLanguageFromFileName(props.fileName));\n\nconst loadText = async () => {\n  loading.value = true;\n  error.value = null;\n  try {\n    const text = await fetchTextUtf8(props.url);\n    content.value = text;\n\n    if (language.value !== 'text') {\n      try {\n        highlighted.value = await codeToHtml(text, {\n          lang: language.value,\n          theme: resolvedTheme.value === 'light' ? 'github-light' : 'dark-plus',\n        });\n      } catch {\n        highlighted.value = '';\n      }\n    } else {\n      highlighted.value = '';\n    }\n  } catch (err) {\n    console.error(err);\n    error.value = t.value('text.load_failed');\n  } finally {\n    loading.value = false;\n  }\n};\n\nwatch(() => props.url, loadText, { immediate: true });\nwatch(resolvedTheme, () => {\n  // 主题切换时重新高亮\n  if (content.value && language.value !== 'text') {\n    loadText();\n  }\n});\n</script>\n\n<template>\n  <div v-if=\"loading\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div\n      class=\"vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n    />\n  </div>\n\n  <div v-else-if=\"error\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-text-fg-secondary vfp-text-center\">\n      <p class=\"vfp-text-lg\">{{ error }}</p>\n    </div>\n  </div>\n\n  <!-- HTML 预览模式 -->\n  <div v-else-if=\"htmlPreview && language === 'html'\" class=\"vfp-w-full vfp-h-full vfp-bg-surface-toolbar\">\n    <iframe\n      :srcdoc=\"content\"\n      sandbox=\"allow-same-origin\"\n      class=\"vfp-w-full vfp-h-full vfp-border-0\"\n      :title=\"fileName\"\n    />\n  </div>\n\n  <!-- 源码模式 -->\n  <div v-else class=\"vfp-w-full vfp-h-full vfp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n    <pre\n      v-if=\"!highlighted\"\n      class=\"vfp-p-6 vfp-text-fg-primary vfp-font-mono vfp-text-sm\"\n      :class=\"wordWrap ? 'vfp-whitespace-pre-wrap vfp-break-words' : 'vfp-whitespace-pre'\"\n    >{{ content }}</pre>\n    <div v-else class=\"shiki-wrapper\" :class=\"{ 'no-wrap': !wordWrap }\" v-html=\"highlighted\" />\n  </div>\n</template>\n\n<style scoped>\n.shiki-wrapper :deep(pre) {\n  margin: 0;\n  padding: 1.5rem 1.5rem 1.5rem 0;\n  background: transparent !important;\n  font-size: 0.875rem;\n  overflow-x: auto;\n}\n.shiki-wrapper :deep(code) {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n  counter-reset: line;\n}\n.shiki-wrapper :deep(code .line) {\n  counter-increment: line;\n}\n.shiki-wrapper :deep(code .line::before) {\n  content: counter(line);\n  display: inline-block;\n  width: 3em;\n  padding-right: 1em;\n  margin-right: 0.5em;\n  text-align: right;\n  color: var(--fp-fg-disabled);\n  user-select: none;\n  border-right: 1px solid var(--fp-line);\n}\n.shiki-wrapper.no-wrap :deep(code) {\n  white-space: pre;\n  word-break: normal;\n  overflow-wrap: normal;\n}\n.shiki-wrapper:not(.no-wrap) :deep(code) {\n  white-space: pre-wrap;\n  word-break: break-word;\n  overflow-wrap: break-word;\n}\n</style>\n"],"names":["props","__props","t","useTranslator","resolvedTheme","useResolvedTheme","content","ref","highlighted","loading","error","language","computed","getLanguageFromFileName","loadText","text","fetchTextUtf8","codeToHtml","err","watch","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_7","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAUR,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAgBC,EAAA,GAEhBC,IAAUC,EAAY,EAAE,GACxBC,IAAcD,EAAY,EAAE,GAC5BE,IAAUF,EAAI,EAAI,GAClBG,IAAQH,EAAmB,IAAI,GAE/BI,IAAWC,EAAS,MAAMC,EAAwBb,EAAM,QAAQ,CAAC,GAEjEc,IAAW,YAAY;AAC3B,MAAAL,EAAQ,QAAQ,IAChBC,EAAM,QAAQ;AACd,UAAI;AACF,cAAMK,IAAO,MAAMC,EAAchB,EAAM,GAAG;AAG1C,YAFAM,EAAQ,QAAQS,GAEZJ,EAAS,UAAU;AACrB,cAAI;AACF,YAAAH,EAAY,QAAQ,MAAMS,EAAWF,GAAM;AAAA,cACzC,MAAMJ,EAAS;AAAA,cACf,OAAOP,EAAc,UAAU,UAAU,iBAAiB;AAAA,YAAA,CAC3D;AAAA,UACH,QAAQ;AACN,YAAAI,EAAY,QAAQ;AAAA,UACtB;AAAA;AAEA,UAAAA,EAAY,QAAQ;AAAA,MAExB,SAASU,GAAK;AACZ,gBAAQ,MAAMA,CAAG,GACjBR,EAAM,QAAQR,EAAE,MAAM,kBAAkB;AAAA,MAC1C,UAAA;AACE,QAAAO,EAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,WAAAU,EAAM,MAAMnB,EAAM,KAAKc,GAAU,EAAE,WAAW,IAAM,GACpDK,EAAMf,GAAe,MAAM;AAEzB,MAAIE,EAAQ,SAASK,EAAS,UAAU,UACtCG,EAAA;AAAA,IAEJ,CAAC,aAIYL,EAAA,SAAXW,EAAA,GAAAC,EAIM,OAJNC,GAIM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,MAHJC,EAEE,OAAA,EADA,OAAM,oHAAA,GAAmH,MAAA,EAAA;AAAA,IAAA,QAI7Gd,EAAA,SAAhBU,EAAA,GAAAC,EAIM,OAJNI,GAIM;AAAA,MAHJD,EAEM,OAFNE,GAEM;AAAA,QADJF,EAAsC,KAAtCG,GAAsCC,EAAZlB,EAAA,KAAK,GAAA,CAAA;AAAA,MAAA;UAKnBT,EAAA,eAAeU,EAAA,UAAQ,UAAvCS,KAAAC,EAOM,OAPNQ,GAOM;AAAA,MANJL,EAKE,UAAA;AAAA,QAJC,QAAQlB,EAAA;AAAA,QACT,SAAQ;AAAA,QACR,OAAM;AAAA,QACL,OAAOL,EAAA;AAAA,MAAA;WAKZmB,EAAA,GAAAC,EAOM,OAPNS,GAOM;AAAA,MALKtB,EAAA,cAITa,EAA2F,OAAA;AAAA;QAA/E,OAAKU,EAAA,CAAC,iBAAe,EAAA,WAAA,CAAuB9B,EAAA,SAAA,CAAQ,CAAA;AAAA,QAAI,WAAQO,EAAA;AAAA,MAAA,yBAL5Ea,EAIoB,OAAA;AAAA;QAFlB,OAAKU,EAAA,CAAC,yDACE9B,EAAA,WAAQ,4CAAA,oBAAA,CAAA;AAAA,MAAA,KACdK,EAAA,KAAO,GAAA,CAAA;AAAA;;;"}

package/lib/chunks/index-BW61ZRev.mjs

@@ -0,0 +1,111 @@
+import { defineComponent as T, ref as x, onMounted as D, watch as z, onBeforeUnmount as M, openBlock as u, createElementBlock as c, createElementVNode as f, toDisplayString as w, unref as b, createCommentVNode as g, createVNode as N, normalizeStyle as S } from "vue";
+import { FileSpreadsheet as C } from "lucide-vue-next";
+import H from "x-data-spreadsheet";
+/* empty css                       */
+import { u as R, h as V, g as W, m as j, k as B } from "./index-DpAxU2JM.mjs";
+const E = { class: "vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full" }, F = {
+  key: 0,
+  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"
+}, L = { class: "vfp-text-center" }, O = { class: "vfp-text-xs md:vfp-text-sm vfp-text-fg-secondary vfp-font-medium" }, q = {
+  key: 1,
+  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"
+}, A = { class: "vfp-text-center vfp-max-w-sm md:vfp-max-w-md vfp-px-4" }, G = { class: "vfp-w-24 vfp-h-24 md:vfp-w-32 md:vfp-h-32 vfp-mx-auto vfp-mb-4 md:vfp-mb-6 vfp-rounded-2xl md:vfp-rounded-3xl vfp-bg-gradient-to-br vfp-from-green-500 vfp-via-emerald-500 vfp-to-teal-500 vfp-flex vfp-items-center vfp-justify-center vfp-shadow-2xl" }, I = { class: "vfp-text-lg md:vfp-text-xl vfp-text-fg-primary vfp-mb-2 md:vfp-mb-3 vfp-font-medium" }, U = { class: "vfp-text-xs md:vfp-text-sm vfp-text-fg-tertiary vfp-mb-4 md:vfp-mb-6" }, Y = /* @__PURE__ */ T({
+  __name: "index",
+  props: {
+    url: {},
+    fileName: {}
+  },
+  setup(k) {
+    const a = k, { t: m } = R(), n = x(!0), r = x(null), s = x(null);
+    let i = null, v = null, o = null, p = { width: 0, height: 0 };
+    const h = () => {
+      if (!s.value) return { width: 800, height: 600 };
+      const t = s.value.clientWidth, e = s.value.clientHeight, l = t > 100 ? t : 800, d = e > 100 ? e : 600;
+      return { width: l, height: d };
+    }, _ = () => {
+      if (!s.value || !i) return;
+      s.value.innerHTML = "";
+      const { width: t, height: e } = h(), l = t < 640;
+      new H(s.value, {
+        mode: "read",
+        showToolbar: !1,
+        showContextmenu: !1,
+        showGrid: !0,
+        row: {
+          len: 100,
+          height: 25
+        },
+        col: {
+          len: 26,
+          width: l ? 80 : 100,
+          indexWidth: l ? 40 : 60,
+          minWidth: l ? 40 : 60
+        },
+        view: {
+          height: () => e,
+          width: () => t
+        }
+      }).loadData(i);
+    }, y = async () => {
+      if (s.value) {
+        n.value = !0, r.value = null;
+        try {
+          const t = await V(a.url), e = W(t, { delimiter: j(a.fileName) });
+          i = B(e.header, e.rows, a.fileName), _(), n.value = !1;
+        } catch (t) {
+          console.error("CSV 解析错误:", t), r.value = m.value("csv.load_failed"), n.value = !1;
+        }
+      }
+    };
+    return D(() => {
+      if (!s.value) return;
+      let t = !0;
+      v = new ResizeObserver(() => {
+        if (t) {
+          t = !1, p = h();
+          return;
+        }
+        const e = h(), l = Math.abs(p.width - e.width), d = Math.abs(p.height - e.height);
+        l < 10 && d < 10 || (p = e, o !== null && clearTimeout(o), o = window.setTimeout(() => {
+          i && _();
+        }, 500));
+      }), v.observe(s.value), setTimeout(() => {
+        requestAnimationFrame(() => y());
+      }, 100);
+    }), z(
+      () => a.url,
+      () => {
+        y();
+      }
+    ), M(() => {
+      v && v.disconnect(), o !== null && clearTimeout(o), i = null, s.value && (s.value.innerHTML = "");
+    }), (t, e) => (u(), c("div", E, [
+      n.value ? (u(), c("div", F, [
+        f("div", L, [
+          e[0] || (e[0] = f("div", { 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" }, null, -1)),
+          f("p", O, w(b(m)("csv.loading")), 1)
+        ])
+      ])) : g("", !0),
+      r.value && !n.value ? (u(), c("div", q, [
+        f("div", A, [
+          f("div", G, [
+            N(b(C), { class: "vfp-w-12 vfp-h-12 md:vfp-w-16 md:vfp-h-16 vfp-text-fg-primary" })
+          ]),
+          f("p", I, w(b(m)("csv.load_failed")), 1),
+          f("p", U, w(r.value), 1)
+        ])
+      ])) : g("", !0),
+      r.value ? g("", !0) : (u(), c("div", {
+        key: 2,
+        ref_key: "containerRef",
+        ref: s,
+        class: "xlsx-spreadsheet-container vfp-w-full vfp-h-full",
+        style: S({ opacity: n.value ? 0 : 1 })
+      }, null, 4))
+    ]));
+  }
+});
+export {
+  Y as default
+};
+//# sourceMappingURL=index-BW61ZRev.mjs.map

package/lib/chunks/index-BW61ZRev.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BW61ZRev.mjs","sources":["../../src/renderers/Csv/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount } from 'vue';\nimport { FileSpreadsheet } from 'lucide-vue-next';\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';\n\nconst props = defineProps<{\n  url: string;\n  fileName: string;\n}>();\n\nconst { t } = useTranslator();\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);\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    <div\n      v-if=\"error && !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 vfp-max-w-sm md:vfp-max-w-md vfp-px-4\">\n        <div\n          class=\"vfp-w-24 vfp-h-24 md:vfp-w-32 md:vfp-h-32 vfp-mx-auto vfp-mb-4 md:vfp-mb-6 vfp-rounded-2xl md:vfp-rounded-3xl vfp-bg-gradient-to-br vfp-from-green-500 vfp-via-emerald-500 vfp-to-teal-500 vfp-flex vfp-items-center vfp-justify-center vfp-shadow-2xl\"\n        >\n          <FileSpreadsheet class=\"vfp-w-12 vfp-h-12 md:vfp-w-16 md:vfp-h-16 vfp-text-fg-primary\" />\n        </div>\n        <p class=\"vfp-text-lg md:vfp-text-xl vfp-text-fg-primary vfp-mb-2 md:vfp-mb-3 vfp-font-medium\">\n          {{ t('csv.load_failed') }}\n        </p>\n        <p class=\"vfp-text-xs md:vfp-text-sm vfp-text-fg-tertiary vfp-mb-4 md:vfp-mb-6\">{{ error }}</p>\n      </div>\n    </div>\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","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","_hoisted_5","_hoisted_6","_hoisted_7","_createVNode","FileSpreadsheet","_hoisted_8","_hoisted_9"],"mappings":"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"}

package/lib/chunks/index-C8ZF84WX.mjs

@@ -0,0 +1,113 @@
+import { defineComponent as x, ref as p, onMounted as g, watch as k, onBeforeUnmount as b, openBlock as a, createElementBlock as d, createElementVNode as t, toDisplayString as c, unref as m, createCommentVNode as w } from "vue";
+import j from "video.js";
+import { u as T, a as h } from "./index-DpAxU2JM.mjs";
+const C = {
+  key: 0,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
+}, D = { class: "vfp-text-center" }, B = { class: "vfp-text-lg vfp-font-medium vfp-text-fg-primary vfp-mb-2" }, E = { class: "vfp-text-sm vfp-text-fg-tertiary" }, L = {
+  key: 1,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
+}, P = { class: "vfp-w-full vfp-h-full vfp-relative" }, V = {
+  key: 0,
+  class: "vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-3 vfp-backdrop-blur-sm vfp-z-10"
+}, q = { class: "vfp-text-center" }, N = { class: "vfp-text-sm vfp-text-fg-secondary vfp-font-medium" }, A = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    url: {}
+  },
+  setup(y) {
+    const o = y, { t: s } = T(), n = p(null), f = p(!0), v = p(null);
+    let e = null;
+    return g(() => {
+      if (!v.value || e) return;
+      const l = document.createElement("video-js");
+      l.classList.add("vjs-big-play-centered", "vjs-theme-apple"), v.value.appendChild(l);
+      const r = h(o.url), _ = r === "video/quicktime" ? [
+        { src: o.url, type: "video/quicktime" },
+        { src: o.url, type: "video/mp4" }
+      ] : [{ src: o.url, type: r }];
+      e = j(l, {
+        controls: !0,
+        fill: !0,
+        preload: "auto",
+        controlBar: {
+          children: [
+            "playToggle",
+            "volumePanel",
+            "currentTimeDisplay",
+            "timeDivider",
+            "durationDisplay",
+            "progressControl",
+            "remainingTimeDisplay",
+            "fullscreenToggle"
+          ],
+          volumePanel: {
+            inline: !1
+          }
+        },
+        html5: {
+          vhs: {
+            overrideNative: !0
+          },
+          nativeVideoTracks: !1,
+          nativeAudioTracks: !1,
+          nativeTextTracks: !1
+        },
+        sources: _
+      });
+      const u = e.el().querySelector("video");
+      u && (u.style.objectFit = "contain"), e.on("loadeddata", () => {
+        f.value = !1;
+      }), e.on("error", () => {
+        const i = e == null ? void 0 : e.error();
+        console.error("Video.js error:", i), n.value = s.value("video.load_failed_with_error", { error: (i == null ? void 0 : i.message) || s.value("common.unknown_error") }), f.value = !1;
+      });
+    }), k(
+      () => o.url,
+      () => {
+        e && !e.isDisposed() && e.src({ src: o.url, type: h(o.url) });
+      }
+    ), b(() => {
+      e && !e.isDisposed() && (e.dispose(), e = null);
+    }), (l, r) => n.value ? (a(), d("div", C, [
+      t("div", D, [
+        r[0] || (r[0] = t("div", { class: "vfp-w-16 vfp-h-16 vfp-mx-auto vfp-mb-4 vfp-rounded-full vfp-bg-red-500/10 vfp-flex vfp-items-center vfp-justify-center" }, [
+          t("svg", {
+            class: "vfp-w-8 vfp-h-8 vfp-text-red-400",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor"
+          }, [
+            t("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+            })
+          ])
+        ], -1)),
+        t("p", B, c(m(s)("video.load_failed")), 1),
+        t("p", E, c(n.value), 1)
+      ])
+    ])) : (a(), d("div", L, [
+      t("div", P, [
+        f.value ? (a(), d("div", V, [
+          t("div", q, [
+            r[1] || (r[1] = t("div", { class: "vfp-w-12 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" }, null, -1)),
+            t("p", N, c(m(s)("video.loading")), 1)
+          ])
+        ])) : w("", !0),
+        t("div", {
+          ref_key: "videoContainerRef",
+          ref: v,
+          class: "vfp-overflow-hidden vfp-w-full vfp-h-full",
+          style: { "box-shadow": "0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05)" }
+        }, null, 512)
+      ])
+    ]));
+  }
+});
+export {
+  A as default
+};
+//# sourceMappingURL=index-C8ZF84WX.mjs.map

package/lib/chunks/index-C8ZF84WX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C8ZF84WX.mjs","sources":["../../src/renderers/Video/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, onMounted, onBeforeUnmount, watch } from 'vue';\nimport videojs from 'video.js';\nimport 'video.js/dist/video-js.css';\nimport { getVideoMimeType } from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\n\ntype VideoJsPlayer = ReturnType<typeof videojs>;\n\nconst props = defineProps<{\n  url: string;\n}>();\n\nconst { t } = useTranslator();\n\nconst error = ref<string | null>(null);\nconst isLoading = ref(true);\nconst videoContainerRef = ref<HTMLDivElement | null>(null);\nlet player: VideoJsPlayer | null = null;\n\nconst initPlayer = () => {\n  if (!videoContainerRef.value || player) return;\n\n  const videoElement = document.createElement('video-js');\n  videoElement.classList.add('vjs-big-play-centered', 'vjs-theme-apple');\n  videoContainerRef.value.appendChild(videoElement);\n\n  const videoType = getVideoMimeType(props.url);\n\n  const sources =\n    videoType === 'video/quicktime'\n      ? [\n          { src: props.url, type: 'video/quicktime' },\n          { src: props.url, type: 'video/mp4' },\n        ]\n      : [{ src: props.url, type: videoType }];\n\n  player = videojs(videoElement, {\n    controls: true,\n    fill: true,\n    preload: 'auto',\n    controlBar: {\n      children: [\n        'playToggle',\n        'volumePanel',\n        'currentTimeDisplay',\n        'timeDivider',\n        'durationDisplay',\n        'progressControl',\n        'remainingTimeDisplay',\n        'fullscreenToggle',\n      ],\n      volumePanel: {\n        inline: false,\n      },\n    },\n    html5: {\n      vhs: {\n        overrideNative: true,\n      },\n      nativeVideoTracks: false,\n      nativeAudioTracks: false,\n      nativeTextTracks: false,\n    },\n    sources,\n  });\n\n  const videoEl = player.el().querySelector('video');\n  if (videoEl) {\n    (videoEl as HTMLVideoElement).style.objectFit = 'contain';\n  }\n\n  player.on('loadeddata', () => {\n    isLoading.value = false;\n  });\n\n  player.on('error', () => {\n    const err = player?.error();\n    console.error('Video.js error:', err);\n    error.value = t.value('video.load_failed_with_error', { error: err?.message || t.value('common.unknown_error') });\n    isLoading.value = false;\n  });\n};\n\nonMounted(initPlayer);\n\nwatch(\n  () => props.url,\n  () => {\n    if (player && !player.isDisposed()) {\n      player.src({ src: props.url, type: getVideoMimeType(props.url) });\n    }\n  }\n);\n\nonBeforeUnmount(() => {\n  if (player && !player.isDisposed()) {\n    player.dispose();\n    player = null;\n  }\n});\n</script>\n\n<template>\n  <div v-if=\"error\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-text-center\">\n      <div\n        class=\"vfp-w-16 vfp-h-16 vfp-mx-auto vfp-mb-4 vfp-rounded-full vfp-bg-red-500/10 vfp-flex vfp-items-center vfp-justify-center\"\n      >\n        <svg\n          class=\"vfp-w-8 vfp-h-8 vfp-text-red-400\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n          />\n        </svg>\n      </div>\n      <p class=\"vfp-text-lg vfp-font-medium vfp-text-fg-primary vfp-mb-2\">{{ t('video.load_failed') }}</p>\n      <p class=\"vfp-text-sm vfp-text-fg-tertiary\">{{ error }}</p>\n    </div>\n  </div>\n\n  <div v-else class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-w-full vfp-h-full vfp-relative\">\n      <div\n        v-if=\"isLoading\"\n        class=\"vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-3 vfp-backdrop-blur-sm vfp-z-10\"\n      >\n        <div class=\"vfp-text-center\">\n          <div\n            class=\"vfp-w-12 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-sm vfp-text-fg-secondary vfp-font-medium\">{{ t('video.loading') }}</p>\n        </div>\n      </div>\n\n      <div\n        ref=\"videoContainerRef\"\n        class=\"vfp-overflow-hidden vfp-w-full vfp-h-full\"\n        style=\"box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05)\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","t","useTranslator","error","ref","isLoading","videoContainerRef","player","onMounted","videoElement","videoType","getVideoMimeType","sources","videojs","videoEl","err","watch","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_unref","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9"],"mappings":"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"}