vlite3 1.4.32 → 1.4.34

package/components/Dropdown/Dropdown.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as ae, ref as a, computed as f, inject as ie, onMounted as se, onUnmounted as re, watch as x, provide as L, reactive as de, toRefs as ue, openBlock as R, createElementBlock as ce, normalizeStyle as fe, createVNode as N, unref as u, withCtx as m, createBlock as me, normalizeClass as ve, createSlots as he, renderSlot as v, normalizeProps as z, guardReactiveProps as j, createCommentVNode as ye, createElementVNode as ge } from "vue";
-import be from "v-tooltip-lite";
+import { defineComponent as re, ref as a, computed as u, inject as de, onMounted as ue, onUnmounted as ce, watch as x, provide as L, reactive as fe, toRefs as me, openBlock as N, createElementBlock as ve, normalizeStyle as ye, createVNode as R, unref as c, withCtx as m, createBlock as j, normalizeClass as he, createSlots as ge, renderSlot as v, normalizeProps as z, guardReactiveProps as U, createCommentVNode as q, createElementVNode as be } from "vue";
+import Ce from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
-import Ce from "./DropdownMenu.vue.js";
-import pe from "./DropdownTrigger.vue.js";
-import Se from "../ConfirmationModal.vue.js";
-import { useDropdownIds as we } from "./composables/useDropdownIds.js";
-import { useDropdownSelection as Oe } from "./composables/useDropdownSelection.js";
-import { useDropdownHydration as $e } from "./composables/useDropdownHydration.js";
-const He = /* @__PURE__ */ ae({
+import pe from "./DropdownMenu.vue.js";
+import Se from "./DropdownTrigger.vue.js";
+import we from "../ConfirmationModal.vue.js";
+import { useDropdownIds as Oe } from "./composables/useDropdownIds.js";
+import { useDropdownSelection as $e } from "./composables/useDropdownSelection.js";
+import { useDropdownHydration as Ie } from "./composables/useDropdownHydration.js";
+const Ve = /* @__PURE__ */ re({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -54,63 +54,65 @@ const He = /* @__PURE__ */ ae({
     trigger: { default: "click" }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(t, { emit: U }) {
-    const l = t, h = U, b = a(!1), y = a(null), r = a({
+  setup(t, { emit: F }) {
+    const n = t, y = F, h = a(!1), g = a(null), G = u(() => n.doubleConfirmation || h.value ? !0 : (n.options ?? []).some(
+      (e) => typeof e == "object" && e !== null && !!e.confirmation
+    )), r = a({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), q = f(() => l.position ? l.position : l.direction === "rtl" ? "bottom-end" : "bottom-start"), F = f(() => l.nestedPosition ? l.nestedPosition : l.direction === "rtl" ? "left-start" : "right-start"), C = a(l.isOpen || !1), p = a(0), G = a(null), O = a(null), $ = () => {
+    }), J = u(() => n.position ? n.position : n.direction === "rtl" ? "bottom-end" : "bottom-start"), K = u(() => n.nestedPosition ? n.nestedPosition : n.direction === "rtl" ? "left-start" : "right-start"), C = a(n.isOpen || !1), p = a(0), Q = a(null), O = a(null), $ = () => {
       O.value && setTimeout(() => {
         O.value?.focus({ preventScroll: !0 });
       }, 10);
-    }, J = `dropdown-${Math.random().toString(36).substring(2, 9)}`, I = f(() => l.menuId || J), g = a([]), s = ie("dropdown-context", null), K = (e) => {
-      g.value.includes(e) || g.value.push(e), s?.registerChildId?.(e);
-    }, Q = (e) => {
-      g.value = g.value.filter((o) => o !== e), s?.unregisterChildId?.(e);
+    }, X = `dropdown-${Math.random().toString(36).substring(2, 9)}`, I = u(() => n.menuId || X), b = a([]), s = de("dropdown-context", null), Y = (e) => {
+      b.value.includes(e) || b.value.push(e), s?.registerChildId?.(e);
+    }, Z = (e) => {
+      b.value = b.value.filter((o) => o !== e), s?.unregisterChildId?.(e);
     };
-    se(() => {
+    ue(() => {
       s?.registerChildId && s.registerChildId(`#${I.value}`);
-    }), re(() => {
+    }), ce(() => {
       s?.unregisterChildId && s.unregisterChildId(`#${I.value}`);
     }), x(
-      () => l.isOpen,
+      () => n.isOpen,
       (e) => {
         if (e !== void 0) {
-          if ((l.disabled || l.readonly) && e) return;
+          if ((n.disabled || n.readonly) && e) return;
           C.value = e;
         }
       }
     );
     const A = (e) => {
-      if (l.disabled || l.readonly) {
-        C.value = !1, h("update:isOpen", !1);
+      if (n.disabled || n.readonly) {
+        C.value = !1, y("update:isOpen", !1);
         return;
       }
-      C.value = e, h("update:isOpen", e), h(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
+      C.value = e, y("update:isOpen", e), y(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
     }, S = () => {
       A(!1);
-    }, X = (e) => {
+    }, _ = (e) => {
       e ? p.value++ : p.value = Math.max(0, p.value - 1);
     };
     L("dropdown-context", {
       close: S,
       onChildToggle: (e) => {
-        X(e), s?.onChildToggle?.(e);
+        _(e), s?.onChildToggle?.(e);
       },
-      registerChildId: K,
-      unregisterChildId: Q
+      registerChildId: Y,
+      unregisterChildId: Z
     }), L("modal-context", null);
-    const k = f(() => l.options ? l.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), w = a([]), E = a(!1), T = a(!1);
+    const k = u(() => n.options ? n.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), w = a([]), E = a(!1), T = a(!1);
     x(
       k,
       (e) => {
         if (e) {
-          if (l.remote) {
+          if (n.remote) {
             const o = [...w.value];
-            e.forEach((n) => {
-              o.some((i) => i.value !== void 0 && n.value !== void 0 ? typeof i.value == "object" && i.key && n.key ? i.key === n.key && i.value[i.key] === n.value[n.key] : i.value === n.value : i.label === n.label) || o.push(n);
+            e.forEach((l) => {
+              o.some((i) => i.value !== void 0 && l.value !== void 0 ? typeof i.value == "object" && i.key && l.key ? i.key === l.key && i.value[i.key] === l.value[l.key] : i.value === l.value : i.label === l.label) || o.push(l);
             }), w.value = o;
           } else
             w.value = e;
@@ -121,24 +123,24 @@ const He = /* @__PURE__ */ ae({
       },
       { immediate: !0 }
     );
-    const c = f(() => {
-      const e = [...w.value], o = new Set(e.map((n) => n.value ?? n.label));
-      return B.value.forEach((n, d) => {
-        o.has(d) || (e.unshift(n), o.add(d));
+    const f = u(() => {
+      const e = [...w.value], o = new Set(e.map((l) => l.value ?? l.label));
+      return B.value.forEach((l, d) => {
+        o.has(d) || (e.unshift(l), o.add(d));
       }), e;
-    }), { selectedBuffer: B, isHydrating: Y, hydrateSelected: H } = $e({
-      fetchSelected: l.fetchSelected,
-      getAvailableOptions: () => c.value,
+    }), { selectedBuffer: B, isHydrating: ee, hydrateSelected: H } = Ie({
+      fetchSelected: n.fetchSelected,
+      getAvailableOptions: () => f.value,
       isReady: () => T.value
-    }), { getAllRecursiveIds: Z } = we(), _ = de({
-      ...ue(l),
-      options: c
-    }), { currentValue: M, selectedLabel: V, selectedIcon: W, selectOption: ee } = Oe(
-      _,
-      h
-    ), te = f(() => {
-      const e = l.ignoreClickOutside || [], o = Z(c.value);
-      return [.../* @__PURE__ */ new Set([...e, ...o, ...g.value])];
+    }), { getAllRecursiveIds: te } = Oe(), ne = fe({
+      ...me(n),
+      options: f
+    }), { currentValue: M, selectedLabel: V, selectedIcon: W, selectOption: le } = $e(
+      ne,
+      y
+    ), oe = u(() => {
+      const e = n.ignoreClickOutside || [], o = te(f.value);
+      return [.../* @__PURE__ */ new Set([...e, ...o, ...b.value])];
     });
     x(
       () => M.value,
@@ -147,9 +149,9 @@ const He = /* @__PURE__ */ ae({
       },
       { deep: !0 }
     );
-    const le = (e) => {
-      if (l.disabled || l.readonly || e.disabled) return;
-      l.doubleConfirmation || !!e.confirmation ? (y.value = e, typeof e.confirmation == "object" ? r.value = {
+    const ae = (e) => {
+      if (n.disabled || n.readonly || e.disabled) return;
+      n.doubleConfirmation || !!e.confirmation ? (g.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
@@ -161,50 +163,50 @@ const He = /* @__PURE__ */ ae({
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, b.value = !0, S()) : (D(e), l.closeOnSelect && (S(), $()));
+      }, h.value = !0, S()) : (D(e), n.closeOnSelect && (S(), $()));
     }, D = (e) => {
-      if (l.disabled || l.readonly || e.disabled) return;
+      if (n.disabled || n.readonly || e.disabled) return;
       const o = e.value ?? e.label;
       B.value.has(o) || B.value.set(o, e);
-      const n = ee(e);
-      if (!l.isNested) {
+      const l = le(e);
+      if (!n.isNested) {
         const d = e._originalOption || e, i = d.value ?? d.label;
         (e._path || [d]).forEach((P) => {
           typeof P.onSelect == "function" && P.onSelect({
             value: i,
             option: P,
-            data: c.value || [],
-            values: n
+            data: f.value || [],
+            values: l
           });
         });
       }
-    }, ne = () => {
-      y.value && (D(y.value), y.value = null, b.value = !1, $());
-    }, oe = () => {
-      y.value = null, b.value = !1, $();
+    }, ie = () => {
+      g.value && (D(g.value), g.value = null, h.value = !1, $());
+    }, se = () => {
+      g.value = null, h.value = !1, $();
     };
-    return (e, o) => (R(), ce("div", {
+    return (e, o) => (N(), ve("div", {
       class: "relative inline-block text-left",
-      style: fe({ direction: t.direction }),
+      style: ye({ direction: t.direction }),
       ref_key: "dropdownWrapper",
-      ref: G
+      ref: Q
     }, [
-      N(u(be), {
+      R(c(Ce), {
         content: "",
         trigger: t.trigger,
         arrow: !1,
         disabled: t.disabled || t.readonly,
         teleport: t.teleport,
         offset: t.offset,
-        placement: q.value,
+        placement: J.value,
         isOpen: C.value,
         keepAlive: p.value > 0,
         menuId: I.value,
-        ignoreClickOutside: te.value,
+        ignoreClickOutside: oe.value,
         class: "w-full flex!",
         className: "dropdown " + (t.className || "") + (t.variant === "transparent" ? " unstyled-dropdown" : "") + (t.variant === "secondary" ? " dropdown-secondary" : ""),
-        onOnShow: o[2] || (o[2] = (n) => e.$emit("onOpen")),
-        onOnHide: o[3] || (o[3] = (n) => e.$emit("onClose")),
+        onOnShow: o[2] || (o[2] = (l) => e.$emit("onOpen")),
+        onOnHide: o[3] || (o[3] = (l) => e.$emit("onClose")),
         "onUpdate:isOpen": A,
         triggerClass: "w-full flex items-center",
         styles: {
@@ -215,16 +217,16 @@ const He = /* @__PURE__ */ ae({
           ...t.variant === "transparent" ? { background: "transparent", border: "none", boxShadow: "none" } : {}
         }
       }, {
-        trigger: m(({ isOpen: n }) => [
-          v(e.$slots, "trigger", z(j({
-            selectedLabel: u(V),
-            selectedIcon: t.showSelectedIcon ? u(W) : void 0,
-            isOpen: n
+        trigger: m(({ isOpen: l }) => [
+          v(e.$slots, "trigger", z(U({
+            selectedLabel: c(V),
+            selectedIcon: t.showSelectedIcon ? c(W) : void 0,
+            isOpen: l
           })), () => [
-            N(pe, {
-              "selected-label": u(V),
-              "selected-icon": t.showSelectedIcon ? u(W) : void 0,
-              "is-open": n,
+            R(Se, {
+              "selected-label": c(V),
+              "selected-icon": t.showSelectedIcon ? c(W) : void 0,
+              "is-open": l,
               direction: t.direction,
               disabled: t.disabled,
               readonly: t.readonly,
@@ -234,34 +236,34 @@ const He = /* @__PURE__ */ ae({
           ])
         ]),
         default: m(() => [
-          !(t.disabled || t.readonly) && (k.value.length || c.value.length || e.$slots.menu || e.$slots.item || e.$slots.default || t.remote || t.searchable) ? (R(), me(Ce, {
+          !(t.disabled || t.readonly) && (k.value.length || f.value.length || e.$slots.menu || e.$slots.item || e.$slots.default || t.remote || t.searchable) ? (N(), j(pe, {
             key: 0,
             options: k.value,
-            cachedOptions: c.value,
-            class: ve(t.className),
+            cachedOptions: f.value,
+            class: he(t.className),
             emptyMessage: t.emptyMessage,
             searchEmptyMessage: t.searchEmptyMessage,
-            selected: u(M),
+            selected: c(M),
             selectedIndex: t.selectedIndex,
             maxHeight: t.maxHeight,
-            nestedPosition: F.value,
+            nestedPosition: K.value,
             nestedOffset: t.nestedOffset,
             selectable: t.selectable,
             direction: t.direction,
             isCustomSlotMenu: !!e.$slots?.default || !!e.$slots?.menu,
             layout: t.layout,
             columns: t.columns,
-            loading: t.loading || u(Y),
+            loading: t.loading || c(ee),
             hasMore: t.hasMore,
             searchable: t.searchable,
             remote: t.remote,
             debounceTime: t.debounceTime,
             trigger: t.trigger,
-            onSelect: le,
+            onSelect: ae,
             onClose: S,
-            onLoadMore: o[0] || (o[0] = (n) => e.$emit("load-more")),
-            onSearch: o[1] || (o[1] = (n) => e.$emit("search", n))
-          }, he({ _: 2 }, [
+            onLoadMore: o[0] || (o[0] = (l) => e.$emit("load-more")),
+            onSearch: o[1] || (o[1] = (l) => e.$emit("search", l))
+          }, ge({ _: 2 }, [
             e.$slots.menu || e.$slots?.default ? {
               name: "menu",
               fn: m(() => [
@@ -272,8 +274,8 @@ const He = /* @__PURE__ */ ae({
             } : void 0,
             e.$slots.item ? {
               name: "item",
-              fn: m((n) => [
-                v(e.$slots, "item", z(j(n)))
+              fn: m((l) => [
+                v(e.$slots, "item", z(U(l)))
               ]),
               key: "1"
             } : void 0,
@@ -291,21 +293,22 @@ const He = /* @__PURE__ */ ae({
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "emptyMessage", "searchEmptyMessage", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "isCustomSlotMenu", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime", "trigger"])) : ye("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "emptyMessage", "searchEmptyMessage", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "isCustomSlotMenu", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime", "trigger"])) : q("", !0)
         ]),
         _: 3
       }, 8, ["trigger", "disabled", "teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className", "styles"]),
-      N(Se, {
-        show: b.value,
+      G.value ? (N(), j(we, {
+        key: 0,
+        show: h.value,
         title: r.value.title,
         description: r.value.description,
         "confirm-text": r.value.confirmText,
         "cancel-text": r.value.cancelText,
         variant: r.value.variant,
-        onConfirm: ne,
-        onCancel: oe
-      }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"]),
-      ge("span", {
+        onConfirm: ie,
+        onCancel: se
+      }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])) : q("", !0),
+      be("span", {
         ref_key: "focusTrapAfter",
         ref: O,
         tabindex: "-1",
@@ -316,5 +319,5 @@ const He = /* @__PURE__ */ ae({
   }
 });
 export {
-  He as default
+  Ve as default
 };

package/components/ExportData/ExportData.vue.js

@@ -1,13 +1,11 @@
-import { defineComponent as _, computed as k, openBlock as i, createElementBlock as g, createBlock as f, withCtx as v, createElementVNode as u, toDisplayString as y, Fragment as j, renderList as T, createVNode as D } from "vue";
-import * as d from "xlsx";
-import N from "papaparse";
-import { saveAs as b } from "file-saver";
-import w from "../Button.vue.js";
+import { defineComponent as N, computed as k, openBlock as c, createElementBlock as E, createBlock as v, withCtx as w, createElementVNode as u, toDisplayString as g, Fragment as V, renderList as A, createVNode as D } from "vue";
+import b from "../Button.vue.js";
 import I from "../Modal.vue.js";
 import O from "../Icon.vue.js";
 import { showToast as p } from "../../composables/useNotifications.js";
-import { $t as E } from "../../utils/i18n.js";
-const V = { class: "px-1 py-1 text-sm" }, U = { class: "font-medium mb-3 text-muted-foreground" }, A = { class: "space-y-3" }, H = /* @__PURE__ */ _({
+import { $t as F } from "../../utils/i18n.js";
+import { resolveModuleRuntime as h } from "../../utils/UtilsModuleInterop.js";
+const R = { class: "px-1 py-1 text-sm" }, L = { class: "font-medium mb-3 text-muted-foreground" }, M = { class: "space-y-3" }, H = /* @__PURE__ */ N({
   __name: "ExportData",
   props: {
     data: {},
@@ -20,105 +18,129 @@ const V = { class: "px-1 py-1 text-sm" }, U = { class: "font-medium mb-3 text-mu
     mode: { default: "frontend" },
     onExport: {}
   },
-  setup(n, { expose: F }) {
-    const a = n, s = (r, e, t) => {
-      const o = t ? E(r, t) : E(r);
-      return o !== r ? o : e;
-    }, $ = (r, e) => {
-      if (!(!r || !e))
-        return e.includes(".") ? e.split(".").reduce((t, o) => t?.[o], r) : r[e];
-    }, h = k(() => [
+  setup(s, { expose: B }) {
+    const S = async () => {
+      const o = await import("xlsx"), e = h(
+        o,
+        (t) => !!(t && typeof t == "object" && "utils" in t && "write" in t && typeof t.write == "function")
+      );
+      if (!e)
+        throw new Error("The spreadsheet export runtime is unavailable.");
+      return e;
+    }, C = async () => {
+      const o = await import("papaparse"), e = h(
+        o,
+        (t) => !!(t && typeof t == "object" && "unparse" in t && typeof t.unparse == "function")
+      );
+      if (!e)
+        throw new Error("The CSV export runtime is unavailable.");
+      return e;
+    }, m = async (o, e) => {
+      const t = await import("file-saver"), r = t, a = h(
+        t,
+        (l) => typeof l == "function"
+      ) || r.saveAs || r.default?.saveAs;
+      if (!a)
+        throw new Error("The file download runtime is unavailable.");
+      a(o, e);
+    }, n = s, i = (o, e, t) => {
+      const r = t ? F(o, t) : F(o);
+      return r !== o ? r : e;
+    }, $ = (o, e) => {
+      if (!(!o || !e))
+        return e.includes(".") ? e.split(".").reduce((t, r) => t?.[r], o) : o[e];
+    }, y = k(() => [
       { label: "Excel (.xlsx)", value: "excel", icon: "lucide:file-spreadsheet" },
       { label: "CSV (.csv)", value: "csv", icon: "lucide:file-text" },
       { label: "JSON (.json)", value: "json", icon: "lucide:file-json" }
-    ].filter((e) => a.formats.includes(e.value))), B = () => a.data.map((r) => {
+    ].filter((e) => n.formats.includes(e.value))), j = () => n.data.map((o) => {
       const e = {};
-      return a.fields.forEach((t) => {
-        const o = $(r, t.field);
-        t.format ? e[t.title] = t.format(o, r) : e[t.title] = o ?? "";
+      return n.fields.forEach((t) => {
+        const r = $(o, t.field);
+        t.format ? e[t.title] = t.format(r, o) : e[t.title] = r ?? "";
       }), e;
-    }), x = async (r, e) => {
-      if (a.mode === "backend" && a.onExport)
+    }), f = async (o, e) => {
+      if (n.mode === "backend" && n.onExport)
         try {
-          await a.onExport(r), e && e();
+          await n.onExport(o), e && e();
           return;
         } catch (t) {
-          console.error("Backend export error:", t), p(s("vlite.exportData.error", "An error occurred while exporting data."), "error");
+          console.error("Backend export error:", t), p(i("vlite.exportData.error", "An error occurred while exporting data."), "error");
           return;
         }
-      if (!a.data || a.data.length === 0) {
-        p(s("vlite.exportData.noData", "No data available to export."), "warning");
+      if (!n.data || n.data.length === 0) {
+        p(i("vlite.exportData.noData", "No data available to export."), "warning");
         return;
       }
       try {
-        const t = a.filename ? a.filename : `${a.title.toLowerCase().replace(/\s+/g, "-")}-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`, o = B();
-        switch (r) {
+        const t = n.filename ? n.filename : `${n.title.toLowerCase().replace(/\s+/g, "-")}-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`, r = j();
+        switch (o) {
           case "excel": {
-            const l = d.utils.book_new(), c = d.utils.json_to_sheet(o);
-            d.utils.book_append_sheet(l, c, a.title.substring(0, 31));
-            const m = d.write(l, { bookType: "xlsx", type: "array" }), C = new Blob([m], { type: "application/octet-stream" });
-            b(C, `${t}.xlsx`);
+            const a = await S(), l = a.utils.book_new(), x = a.utils.json_to_sheet(r);
+            a.utils.book_append_sheet(l, x, n.title.substring(0, 31));
+            const d = a.write(l, { bookType: "xlsx", type: "array" }), _ = new Blob([d], { type: "application/octet-stream" });
+            await m(_, `${t}.xlsx`);
             break;
           }
           case "csv": {
-            const c = N.unparse(o), m = new Blob(["\uFEFF" + c], { type: "text/csv;charset=utf-8;" });
-            b(m, `${t}.csv`);
+            const a = await C(), l = "\uFEFF", x = a.unparse(r), d = new Blob([l + x], { type: "text/csv;charset=utf-8;" });
+            await m(d, `${t}.csv`);
             break;
           }
           case "json": {
-            const l = JSON.stringify(o, null, 2), c = new Blob([l], { type: "application/json" });
-            b(c, `${t}.json`);
+            const a = JSON.stringify(r, null, 2), l = new Blob([a], { type: "application/json" });
+            await m(l, `${t}.json`);
             break;
           }
         }
         p(
-          s("vlite.exportData.success", `Data exported successfully as ${r.toUpperCase()}`, {
-            format: r.toUpperCase()
+          i("vlite.exportData.success", `Data exported successfully as ${o.toUpperCase()}`, {
+            format: o.toUpperCase()
           }),
           "success"
         ), e && e();
       } catch (t) {
-        console.error("Export error:", t), p(s("vlite.exportData.error", "An error occurred while exporting data."), "error");
+        console.error("Export error:", t), p(i("vlite.exportData.error", "An error occurred while exporting data."), "error");
       }
-    }, S = k(() => s("vlite.exportData.selectFormat", "Select Export Format"));
-    return F({
-      exportData: x,
-      availableFormats: h
-    }), (r, e) => (i(), g("div", null, [
-      n.formats.length === 1 ? (i(), f(w, {
+    }, T = k(() => i("vlite.exportData.selectFormat", "Select Export Format"));
+    return B({
+      exportData: f,
+      availableFormats: y
+    }), (o, e) => (c(), E("div", null, [
+      s.formats.length === 1 ? (c(), v(b, {
         key: 0,
-        text: n.buttonText,
-        icon: n.buttonIcon,
+        text: s.buttonText,
+        icon: s.buttonIcon,
         variant: "outline",
-        onClick: e[0] || (e[0] = (t) => x(n.formats[0]))
-      }, null, 8, ["text", "icon"])) : (i(), f(I, {
+        onClick: e[0] || (e[0] = (t) => f(s.formats[0]))
+      }, null, 8, ["text", "icon"])) : (c(), v(I, {
         key: 1,
-        title: n.title,
+        title: s.title,
         "max-width": "sm:max-w-[400px]"
       }, {
-        trigger: v(() => [
-          D(w, {
-            text: n.buttonText,
-            icon: n.buttonIcon,
+        trigger: w(() => [
+          D(b, {
+            text: s.buttonText,
+            icon: s.buttonIcon,
             variant: "outline"
           }, null, 8, ["text", "icon"])
         ]),
-        default: v(({ close: t }) => [
-          u("div", V, [
-            u("h6", U, y(S.value), 1),
-            u("div", A, [
-              (i(!0), g(j, null, T(h.value, (o) => (i(), f(w, {
-                key: o.value,
+        default: w(({ close: t }) => [
+          u("div", R, [
+            u("h6", L, g(T.value), 1),
+            u("div", M, [
+              (c(!0), E(V, null, A(y.value, (r) => (c(), v(b, {
+                key: r.value,
                 variant: "outline",
                 class: "w-full flex items-center justify-start gap-3 h-12",
-                onClick: (l) => x(o.value, t)
+                onClick: (a) => f(r.value, t)
               }, {
-                default: v(() => [
+                default: w(() => [
                   D(O, {
-                    icon: o.icon,
+                    icon: r.icon,
                     class: "text-muted-foreground h-5 w-5"
                   }, null, 8, ["icon"]),
-                  u("span", null, y(o.label), 1)
+                  u("span", null, g(r.label), 1)
                 ]),
                 _: 2
               }, 1032, ["onClick"]))), 128))

package/components/FilePreview/FilePreview.vue.js

@@ -1,27 +1,45 @@
-import { defineComponent as l, openBlock as n, createElementBlock as r, createElementVNode as o, createVNode as t, unref as a } from "vue";
-import { VFileViewer as d } from "v-file-preview";
+import { defineComponent as c, shallowRef as n, onMounted as s, openBlock as l, createElementBlock as a, createElementVNode as i, createBlock as d, resolveDynamicComponent as u } from "vue";
 import "v-file-preview/dist/style.css";
-const c = { class: "flex flex-col h-[70vh] w-full min-h-[400px]" }, i = { class: "flex-1 relative bg-muted/10 rounded-lg border border-border overflow-hidden flex items-center justify-center" }, u = { class: "w-full h-full overflow-auto" }, v = /* @__PURE__ */ l({
+const m = { class: "flex flex-col h-[70vh] w-full min-h-[400px]" }, v = { class: "flex-1 relative bg-muted/10 rounded-lg border border-border overflow-hidden flex items-center justify-center" }, f = { class: "w-full h-full overflow-auto" }, w = {
+  key: 1,
+  class: "p-6 text-center text-sm text-muted",
+  role: "alert"
+}, p = {
+  key: 2,
+  class: "p-6 text-center text-sm text-muted",
+  role: "status",
+  "aria-live": "polite"
+}, y = /* @__PURE__ */ c({
   __name: "FilePreview",
   props: {
     url: {},
     name: {},
     canDownload: { type: Boolean, default: !0 }
   },
-  setup(e) {
-    return (f, m) => (n(), r("div", c, [
-      o("div", i, [
-        o("div", u, [
-          t(a(d), {
-            url: e.url,
-            name: e.name,
-            "can-download": e.canDownload
-          }, null, 8, ["url", "name", "can-download"])
+  setup(o) {
+    const r = n(null), t = n("loading");
+    return s(async () => {
+      try {
+        const e = await import("v-file-preview");
+        if (!e.VFileViewer) throw new Error("The file viewer component is unavailable.");
+        r.value = e.VFileViewer, t.value = "ready";
+      } catch (e) {
+        console.error("File preview runtime failed to load.", e), t.value = "error";
+      }
+    }), (e, h) => (l(), a("div", m, [
+      i("div", v, [
+        i("div", f, [
+          t.value === "ready" && r.value ? (l(), d(u(r.value), {
+            key: 0,
+            url: o.url,
+            name: o.name,
+            "can-download": o.canDownload
+          }, null, 8, ["url", "name", "can-download"])) : t.value === "error" ? (l(), a("p", w, " This file preview is unavailable. ")) : (l(), a("p", p, " Loading file preview… "))
         ])
       ])
     ]));
   }
 });
 export {
-  v as default
+  y as default
 };