vlite3 1.1.1 → 1.1.4

package/components/AttachmentsList/AttachmentsList.vue.d.ts

@@ -1,23 +1,8 @@
 import { AttachmentsListProps } from './';
 declare const _default: import('vue').DefineComponent<AttachmentsListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AttachmentsListProps> & Readonly<{}>, {
-    variant: "default" | "list" | "inline" | "card";
-    size: "sm" | "md" | "lg";
-    itemClass: string;
-    gridClass: string;
-    canDownload: boolean;
     canView: boolean;
+    canDownload: boolean;
     clickToPreview: boolean;
     showDownloadInList: boolean;
-    rootClass: string;
-    cardClass: string;
-    cardThumbnailClass: string;
-    cardInfoClass: string;
-    cardActionsClass: string;
-    listClass: string;
-    itemIconBoxClass: string;
-    itemNameClass: string;
-    itemSizeClass: string;
-    itemActionsClass: string;
-    emptyClass: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/AttachmentsList/AttachmentsList.vue.js

@@ -1,48 +1,116 @@
-import { defineComponent as S, ref as L, computed as f, openBlock as a, createElementBlock as o, normalizeClass as l, Fragment as v, renderList as U, createElementVNode as d, createBlock as u, unref as i, withCtx as T, createVNode as p, createCommentVNode as m, withModifiers as j, toDisplayString as y } from "vue";
-import x from "../Modal.vue.js";
-import P from "../Icon.vue.js";
-import N from "../Button.vue.js";
+import { defineComponent as de, computed as o, ref as K, openBlock as t, createElementBlock as s, normalizeClass as i, Fragment as x, renderList as L, createElementVNode as U, createVNode as N, createCommentVNode as c, createBlock as p, unref as d, withCtx as V, withModifiers as O, toDisplayString as z } from "vue";
+import P from "../Modal.vue.js";
+import f from "../Icon.vue.js";
+import j from "../Button.vue.js";
 import { $t as w } from "../../utils/i18n.js";
-import { downloadFile as E } from "../../utils/functions.js";
-import b from "../FilePreview/FilePreview.vue.js";
-import { getFileTypeIcon as F } from "./fileTypeIcon.js";
-const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-list__item-size text-xs text-muted-foreground mt-0.5" }, H = ["onClick"], J = { class: "flex items-center gap-3 overflow-hidden min-w-0 flex-1" }, O = ["src"], Q = { class: "flex flex-col overflow-hidden leading-tight min-w-0" }, R = ["title"], X = ["aria-label"], Y = ["aria-label", "onClick"], ie = /* @__PURE__ */ S({
+import { downloadFile as me } from "../../utils/functions.js";
+import { getComponentConfig as ve } from "../../utils/configUtils.js";
+import I from "../FilePreview/FilePreview.vue.js";
+import { getFileTypeIcon as R } from "./fileTypeIcon.js";
+const pe = ["onClick"], he = {
+  key: 0,
+  class: "absolute inset-0 bg-background/50 flex items-center justify-center z-10 backdrop-blur-[2px] transition-all"
+}, we = ["src"], ye = ["title"], ge = {
+  key: 1,
+  class: "vl-attachments-list__item-size text-xs text-muted-foreground mt-0.5"
+}, be = ["onClick"], xe = { class: "flex items-center gap-3 overflow-hidden min-w-0 flex-1" }, fe = {
+  key: 0,
+  class: "absolute inset-0 bg-background/60 flex items-center justify-center z-10 backdrop-blur-[1px] transition-all"
+}, _e = ["src"], Ce = {
+  key: 0,
+  class: "flex flex-col overflow-hidden leading-tight min-w-0"
+}, ke = ["title"], Ne = ["aria-label"], ze = ["aria-label", "onClick"], $e = /* @__PURE__ */ de({
   __name: "AttachmentsList",
   props: {
     attachments: {},
-    canView: { type: Boolean, default: !0 },
-    canDownload: { type: Boolean, default: !0 },
-    variant: { default: "default" },
-    size: { default: "md" },
-    clickToPreview: { type: Boolean, default: !1 },
-    showDownloadInList: { type: Boolean, default: !0 },
-    rootClass: { default: "" },
-    gridClass: { default: "" },
-    cardClass: { default: "" },
-    cardThumbnailClass: { default: "" },
-    cardInfoClass: { default: "" },
-    cardActionsClass: { default: "" },
-    listClass: { default: "" },
-    itemClass: { default: "" },
-    itemIconBoxClass: { default: "" },
-    itemNameClass: { default: "" },
-    itemSizeClass: { default: "" },
-    itemActionsClass: { default: "" },
-    emptyClass: { default: "" }
+    canView: { type: Boolean, default: void 0 },
+    canDownload: { type: Boolean, default: void 0 },
+    variant: {},
+    size: {},
+    clickToPreview: { type: Boolean, default: void 0 },
+    showDownloadInList: { type: Boolean, default: void 0 },
+    rootClass: {},
+    gridClass: {},
+    cardClass: {},
+    cardThumbnailClass: {},
+    cardInfoClass: {},
+    cardActionsClass: {},
+    listClass: {},
+    itemClass: {},
+    itemIconBoxClass: {},
+    itemNameClass: {},
+    itemSizeClass: {},
+    itemActionsClass: {},
+    emptyClass: {}
   },
-  setup(t) {
-    const c = t, g = L(null), k = f(() => c.attachments ? Array.isArray(c.attachments) ? c.attachments : [c.attachments] : []), I = (n) => {
-      if (!n) return "0 Bytes";
-      const h = 1024, e = ["Bytes", "KB", "MB", "GB"], s = Math.floor(Math.log(n) / Math.log(h));
-      return parseFloat((n / Math.pow(h, s)).toFixed(2)) + " " + e[s];
-    }, D = async (n) => {
-      n.fileUrl && n.fileUrl !== "#" && await E(n.fileUrl, n.fileName || "attachment");
-    }, A = (n) => n.fileType && n.fileType.startsWith("image/") ? !0 : /\.(jpg|jpeg|png|gif|webp|svg|bmp)(\?.*)?$/i.test(n.fileUrl || ""), V = (n) => {
-      c.clickToPreview && c.canView && (g.value = n);
-    }, $ = () => {
-      g.value = null;
-    }, r = f(() => {
-      switch (c.size) {
+  setup(X) {
+    const l = X, r = ve("attachmentsList") || {}, y = o(() => l.canView ?? r.canView ?? !0), h = o(() => l.canDownload ?? r.canDownload ?? !0), g = o(() => l.variant ?? r.variant ?? "default"), E = o(() => l.size ?? r.size ?? "md"), b = o(() => l.clickToPreview ?? r.clickToPreview ?? !1), q = o(
+      () => l.showDownloadInList ?? r.showDownloadInList ?? !0
+    ), H = o(() => l.rootClass ?? r.rootClass ?? ""), J = o(() => l.gridClass ?? r.gridClass ?? ""), Q = o(() => l.cardClass ?? r.cardClass ?? ""), Y = o(
+      () => l.cardThumbnailClass ?? r.cardThumbnailClass ?? ""
+    ), Z = o(() => l.cardInfoClass ?? r.cardInfoClass ?? ""), ee = o(
+      () => l.cardActionsClass ?? r.cardActionsClass ?? ""
+    ), te = o(() => l.listClass ?? r.listClass ?? ""), ae = o(() => l.itemClass ?? r.itemClass ?? ""), se = o(
+      () => l.itemIconBoxClass ?? r.itemIconBoxClass ?? ""
+    ), oe = o(() => l.itemNameClass ?? r.itemNameClass ?? ""), le = o(() => l.itemSizeClass ?? r.itemSizeClass ?? ""), ne = o(
+      () => l.itemActionsClass ?? r.itemActionsClass ?? ""
+    ), ie = o(() => l.emptyClass ?? r.emptyClass ?? ""), B = K(null), v = K(/* @__PURE__ */ new Set()), re = [
+      "pdf",
+      "docx",
+      "xlsx",
+      "xls",
+      "csv",
+      "jpg",
+      "jpeg",
+      "png",
+      "webp",
+      "gif",
+      "svg",
+      "mp4",
+      "webm",
+      "ogg",
+      "mov",
+      "mp3",
+      "wav",
+      "json",
+      "js",
+      "ts",
+      "vue",
+      "html",
+      "css",
+      "txt",
+      "md"
+    ], S = o(() => l.attachments ? Array.isArray(l.attachments) ? l.attachments : [l.attachments] : []), F = (a) => {
+      if (!a) return "0 Bytes";
+      const u = 1024, e = ["Bytes", "KB", "MB", "GB"], n = Math.floor(Math.log(a) / Math.log(u));
+      return parseFloat((a / Math.pow(u, n)).toFixed(2)) + " " + e[n];
+    }, ce = (a) => {
+      if (!a) return "";
+      const u = a.split("?")[0].split("#")[0], e = u.lastIndexOf(".");
+      return e !== -1 ? u.slice(e + 1).toLowerCase() : "";
+    }, _ = (a) => {
+      const u = ce(a.fileName || a.fileUrl);
+      return re.includes(u);
+    }, A = async (a, u) => {
+      if (a.fileUrl && a.fileUrl !== "#")
+        try {
+          if (u !== void 0) {
+            const e = new Set(v.value);
+            e.add(u), v.value = e;
+          }
+          await me(a.fileUrl, a.fileName || "attachment");
+        } finally {
+          if (u !== void 0) {
+            const e = new Set(v.value);
+            e.delete(u), v.value = e;
+          }
+        }
+    }, M = (a) => a.fileType && a.fileType.startsWith("image/") ? !0 : /\.(jpg|jpeg|png|gif|webp|svg|bmp)(\?.*)?$/i.test(a.fileUrl || ""), C = (a) => a.fileName !== void 0 && a.fileName !== null && String(a.fileName).trim() !== "", k = (a) => a.fileSize !== void 0 && a.fileSize !== null && String(a.fileSize).trim() !== "", W = async (a, u) => {
+      b.value && (y.value && _(u) ? B.value = a : h.value && await A(u, a));
+    }, G = () => {
+      B.value = null;
+    }, m = o(() => {
+      switch (E.value) {
         case "sm":
           return {
             item: "pl-2 pr-2.5 py-1.5 gap-1.5",
@@ -74,45 +142,54 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
             actionIcon: "w-4 h-4"
           };
       }
-    }), z = f(() => c.canView && !c.clickToPreview), B = f(() => c.canDownload && c.showDownloadInList), M = f(() => z.value || B.value);
-    return (n, h) => (a(), o("div", {
-      class: l(["vl-attachments-list w-full", t.rootClass])
+    }), T = o(() => y.value && !b.value), $ = o(() => h.value && q.value), ue = o(() => T.value || $.value);
+    return (a, u) => (t(), s("div", {
+      class: i(["vl-attachments-list w-full", H.value])
     }, [
-      k.value.length > 0 ? (a(), o(v, { key: 0 }, [
-        t.variant === "card" ? (a(), o("div", {
+      S.value.length > 0 ? (t(), s(x, { key: 0 }, [
+        g.value === "card" ? (t(), s("div", {
           key: 0,
-          class: l(["vl-attachments-list__grid grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", t.gridClass])
+          class: i(["vl-attachments-list__grid grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", J.value])
         }, [
-          (a(!0), o(v, null, U(k.value, (e, s) => (a(), o("div", {
-            key: s,
-            class: l(["vl-attachments-list__card relative group rounded-xl border border-border bg-body overflow-hidden hover:shadow-md transition-all flex flex-col", [{ "cursor-pointer": t.clickToPreview && t.canView }, t.cardClass]]),
-            onClick: (C) => V(s)
+          (t(!0), s(x, null, L(S.value, (e, n) => (t(), s("div", {
+            key: n,
+            class: i(["vl-attachments-list__card relative group rounded-xl border border-border bg-body overflow-hidden hover:shadow-md transition-all flex flex-col", [{ "cursor-pointer": b.value && (y.value || h.value) }, Q.value]]),
+            onClick: (D) => W(n, e)
           }, [
-            d("div", {
-              class: l(["vl-attachments-list__card-thumbnail h-40 w-full bg-muted/30 flex items-center justify-center overflow-hidden relative border-b border-border", t.cardThumbnailClass])
+            U("div", {
+              class: i(["vl-attachments-list__card-thumbnail h-40 w-full bg-muted/30 flex items-center justify-center overflow-hidden relative", [
+                Y.value,
+                C(e) || k(e) ? "border-b border-border" : ""
+              ]])
             }, [
-              A(e) ? (a(), o("img", {
-                key: 0,
+              v.value.has(n) ? (t(), s("div", he, [
+                N(f, {
+                  icon: "lucide:loader-2",
+                  class: "w-8 h-8 text-primary animate-spin"
+                })
+              ])) : c("", !0),
+              M(e) ? (t(), s("img", {
+                key: 1,
                 src: e.thumbnailUrl || e.fileUrl,
                 class: "w-full h-full object-cover transition-transform group-hover:scale-105"
-              }, null, 8, K)) : (a(), u(P, {
-                key: 1,
-                icon: i(F)(e.fileName, e.fileUrl, e.fileType),
+              }, null, 8, we)) : (t(), p(f, {
+                key: 2,
+                icon: d(R)(e.fileName, e.fileUrl, e.fileType),
                 class: "w-12 h-12 text-muted-foreground/40 transition-transform group-hover:scale-110"
               }, null, 8, ["icon"])),
-              t.clickToPreview ? m("", !0) : (a(), o("div", {
-                key: 2,
-                class: l(["vl-attachments-list__card-actions absolute top-2 right-2 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", t.cardActionsClass])
+              b.value ? c("", !0) : (t(), s("div", {
+                key: 3,
+                class: i(["vl-attachments-list__card-actions absolute top-2 right-2 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", ee.value])
               }, [
-                t.canView ? (a(), u(x, {
+                y.value && _(e) ? (t(), p(P, {
                   key: 0,
-                  title: e.fileName || i(w)("common.words.preview", "Preview"),
+                  title: e.fileName || d(w)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(b),
-                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
+                  body: d(I),
+                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: h.value }
                 }, {
-                  trigger: T(() => [
-                    p(N, {
+                  trigger: V(() => [
+                    N(j, {
                       variant: "secondary",
                       size: "xs",
                       icon: "lucide:eye",
@@ -120,172 +197,193 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
                     })
                   ]),
                   _: 1
-                }, 8, ["title", "body", "bodyProps"])) : m("", !0),
-                t.canDownload ? (a(), u(N, {
+                }, 8, ["title", "body", "bodyProps"])) : c("", !0),
+                h.value ? (t(), p(j, {
                   key: 1,
                   variant: "secondary",
                   size: "xs",
-                  icon: "lucide:download",
+                  icon: v.value.has(n) ? "lucide:loader-2" : "lucide:download",
+                  loading: v.value.has(n),
                   class: "h-7 w-7 px-0 rounded-md shadow-sm",
-                  onClick: j((C) => D(e), ["stop"])
-                }, null, 8, ["onClick"])) : m("", !0)
+                  onClick: O((D) => A(e, n), ["stop"])
+                }, null, 8, ["icon", "loading", "onClick"])) : c("", !0)
               ], 2))
             ], 2),
-            d("div", {
-              class: l(["vl-attachments-list__card-info p-3 flex flex-col min-w-0", t.cardInfoClass])
+            C(e) || k(e) ? (t(), s("div", {
+              key: 0,
+              class: i(["vl-attachments-list__card-info p-3 flex flex-col min-w-0", Z.value])
             }, [
-              d("span", {
+              C(e) ? (t(), s("span", {
+                key: 0,
                 class: "vl-attachments-list__item-name text-sm font-medium truncate",
                 title: e.fileName
-              }, y(e.fileName || "Unnamed File"), 9, W),
-              d("span", q, y(I(e.fileSize)), 1)
-            ], 2),
-            t.clickToPreview && t.canView ? (a(), u(x, {
-              key: 0,
-              show: g.value === s,
-              title: e.fileName || i(w)("common.words.preview", "Preview"),
+              }, z(e.fileName), 9, ye)) : c("", !0),
+              k(e) ? (t(), s("span", ge, z(F(e.fileSize)), 1)) : c("", !0)
+            ], 2)) : c("", !0),
+            b.value && y.value && _(e) ? (t(), p(P, {
+              key: 1,
+              show: B.value === n,
+              title: e.fileName || d(w)("common.words.preview", "Preview"),
               "max-width": "max-w-3xl",
-              body: i(b),
-              bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload },
-              onClose: $
-            }, null, 8, ["show", "title", "body", "bodyProps"])) : m("", !0)
-          ], 10, G))), 128))
-        ], 2)) : (a(), o("div", {
+              body: d(I),
+              bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: h.value },
+              onClose: G
+            }, null, 8, ["show", "title", "body", "bodyProps"])) : c("", !0)
+          ], 10, pe))), 128))
+        ], 2)) : (t(), s("div", {
           key: 1,
-          class: l(["vl-attachments-list__list flex flex-col gap-1.5", t.listClass])
+          class: i(["vl-attachments-list__list flex flex-col gap-1.5", te.value])
         }, [
-          (a(!0), o(v, null, U(k.value, (e, s) => (a(), o("div", {
-            key: s,
-            class: l(["vl-attachments-list__item flex items-center justify-between transition-colors rounded-lg", [
-              t.variant === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "border border-border bg-muted/20 hover:bg-muted/40",
-              r.value.item,
-              t.clickToPreview && t.canView ? "cursor-pointer select-none" : "",
-              t.itemClass
+          (t(!0), s(x, null, L(S.value, (e, n) => (t(), s("div", {
+            key: n,
+            class: i(["vl-attachments-list__item flex items-center justify-between transition-colors rounded-lg", [
+              g.value === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "border border-border bg-muted/20 hover:bg-muted/40",
+              m.value.item,
+              b.value && (y.value || h.value) ? "cursor-pointer select-none" : "",
+              ae.value
             ]]),
-            onClick: (C) => V(s)
+            onClick: (D) => W(n, e)
           }, [
-            d("div", J, [
-              d("div", {
-                class: l(["vl-attachments-list__item-icon-box flex items-center justify-center shrink-0 overflow-hidden relative", [
-                  r.value.iconBox,
-                  t.variant === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "bg-primary/10",
-                  t.itemIconBoxClass
+            U("div", xe, [
+              U("div", {
+                class: i(["vl-attachments-list__item-icon-box flex items-center justify-center shrink-0 overflow-hidden relative", [
+                  m.value.iconBox,
+                  g.value === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "bg-primary/10",
+                  se.value
                 ]])
               }, [
-                A(e) ? (a(), o("img", {
-                  key: 0,
+                v.value.has(n) ? (t(), s("div", fe, [
+                  N(f, {
+                    icon: "lucide:loader-2",
+                    class: i([m.value.icon, "text-primary animate-spin"])
+                  }, null, 8, ["class"])
+                ])) : c("", !0),
+                M(e) ? (t(), s("img", {
+                  key: 1,
                   src: e.thumbnailUrl || e.fileUrl,
                   class: "w-full h-full object-cover"
-                }, null, 8, O)) : (a(), u(P, {
-                  key: 1,
-                  icon: i(F)(e.fileName, e.fileUrl, e.fileType),
-                  class: l([r.value.icon, t.variant === "inline" ? "opacity-75" : "text-primary"])
+                }, null, 8, _e)) : (t(), p(f, {
+                  key: 2,
+                  icon: d(R)(e.fileName, e.fileUrl, e.fileType),
+                  class: i([m.value.icon, g.value === "inline" ? "opacity-75" : "text-primary"])
                 }, null, 8, ["icon", "class"]))
               ], 2),
-              d("div", Q, [
-                d("span", {
-                  class: l(["vl-attachments-list__item-name font-medium truncate block", [
-                    r.value.text,
-                    t.variant === "inline" ? "" : "text-foreground",
-                    t.itemNameClass
+              C(e) || k(e) ? (t(), s("div", Ce, [
+                C(e) ? (t(), s("span", {
+                  key: 0,
+                  class: i(["vl-attachments-list__item-name font-medium truncate block", [
+                    m.value.text,
+                    g.value === "inline" ? "" : "text-foreground",
+                    oe.value
                   ]]),
                   title: e.fileName
-                }, y(e.fileName || "Unnamed File"), 11, R),
-                d("span", {
-                  class: l(["vl-attachments-list__item-size mt-0.5", [
-                    r.value.subtext,
-                    t.variant === "inline" ? "opacity-50" : "text-muted-foreground",
-                    t.itemSizeClass
+                }, z(e.fileName), 11, ke)) : c("", !0),
+                k(e) ? (t(), s("span", {
+                  key: 1,
+                  class: i(["vl-attachments-list__item-size mt-0.5", [
+                    m.value.subtext,
+                    g.value === "inline" ? "opacity-50" : "text-muted-foreground",
+                    le.value
                   ]])
-                }, y(I(e.fileSize)), 3)
-              ])
+                }, z(F(e.fileSize)), 3)) : c("", !0)
+              ])) : c("", !0)
             ]),
-            M.value ? (a(), o("div", {
+            ue.value ? (t(), s("div", {
               key: 0,
-              class: l(["vl-attachments-list__item-actions flex items-center shrink-0 ml-2", [t.size !== "lg" ? "gap-0.5" : "gap-0", t.itemActionsClass]]),
-              onClick: h[0] || (h[0] = j(() => {
+              class: i(["vl-attachments-list__item-actions flex items-center shrink-0 ml-2", [E.value !== "lg" ? "gap-0.5" : "gap-0", ne.value]]),
+              onClick: u[0] || (u[0] = O(() => {
               }, ["stop"]))
             }, [
-              t.variant === "inline" ? (a(), o(v, { key: 0 }, [
-                z.value ? (a(), u(x, {
+              g.value === "inline" ? (t(), s(x, { key: 0 }, [
+                T.value && _(e) ? (t(), p(P, {
                   key: 0,
-                  title: e.fileName || i(w)("common.words.preview", "Preview"),
+                  title: e.fileName || d(w)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(b),
-                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
+                  body: d(I),
+                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: h.value }
                 }, {
-                  trigger: T(() => [
-                    d("button", {
+                  trigger: V(() => [
+                    U("button", {
                       type: "button",
-                      class: l(["inline-flex items-center justify-center rounded opacity-60 hover:opacity-100 bg-transparent! transition-all", r.value.actions]),
-                      "aria-label": i(w)("common.words.preview", "Preview")
+                      class: i(["inline-flex items-center justify-center rounded opacity-60 hover:opacity-100 bg-transparent! transition-all", m.value.actions]),
+                      "aria-label": d(w)("common.words.preview", "Preview")
                     }, [
-                      p(P, {
+                      N(f, {
                         icon: "lucide:eye",
-                        class: l(r.value.actionIcon)
+                        class: i(m.value.actionIcon)
                       }, null, 8, ["class"])
-                    ], 10, X)
+                    ], 10, Ne)
                   ]),
                   _: 1
-                }, 8, ["title", "body", "bodyProps"])) : m("", !0),
-                B.value ? (a(), o("button", {
+                }, 8, ["title", "body", "bodyProps"])) : c("", !0),
+                $.value ? (t(), s("button", {
                   key: 1,
                   type: "button",
-                  class: l(["inline-flex items-center justify-center rounded opacity-60 hover:opacity-100 bg-transparent! transition-all", r.value.actions]),
-                  "aria-label": i(w)("common.words.download", "Download"),
-                  onClick: (C) => D(e)
+                  class: i(["inline-flex items-center justify-center rounded opacity-60 hover:opacity-100 bg-transparent! transition-all", m.value.actions]),
+                  "aria-label": d(w)("common.words.download", "Download"),
+                  onClick: (D) => A(e, n)
                 }, [
-                  p(P, {
+                  v.value.has(n) ? (t(), p(f, {
+                    key: 0,
+                    icon: "lucide:loader-2",
+                    class: i([m.value.actionIcon, "animate-spin"])
+                  }, null, 8, ["class"])) : (t(), p(f, {
+                    key: 1,
                     icon: "lucide:download",
-                    class: l(r.value.actionIcon)
-                  }, null, 8, ["class"])
-                ], 10, Y)) : m("", !0)
-              ], 64)) : (a(), o(v, { key: 1 }, [
-                z.value ? (a(), u(x, {
+                    class: i(m.value.actionIcon)
+                  }, null, 8, ["class"]))
+                ], 10, ze)) : c("", !0)
+              ], 64)) : (t(), s(x, { key: 1 }, [
+                T.value && _(e) ? (t(), p(P, {
                   key: 0,
-                  title: e.fileName || i(w)("common.words.preview", "Preview"),
+                  title: e.fileName || d(w)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(b),
-                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
+                  body: d(I),
+                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: h.value }
                 }, {
-                  trigger: T(() => [
-                    p(N, {
+                  trigger: V(() => [
+                    N(j, {
                       variant: "ghost",
                       size: "xs",
-                      class: l([r.value.actions, "px-0"]),
+                      class: i([m.value.actions, "px-0"]),
                       icon: "lucide:eye"
                     }, null, 8, ["class"])
                   ]),
                   _: 1
-                }, 8, ["title", "body", "bodyProps"])) : m("", !0),
-                B.value ? (a(), u(N, {
+                }, 8, ["title", "body", "bodyProps"])) : c("", !0),
+                $.value ? (t(), p(j, {
                   key: 1,
                   variant: "ghost",
                   size: "xs",
-                  class: l([r.value.actions, "px-0"]),
-                  icon: "lucide:download",
-                  onClick: (C) => D(e)
-                }, null, 8, ["class", "onClick"])) : m("", !0)
+                  class: i([m.value.actions, "px-0"]),
+                  icon: v.value.has(n) ? "lucide:loader-2" : "lucide:download",
+                  loading: v.value.has(n),
+                  onClick: (D) => A(e, n)
+                }, null, 8, ["class", "icon", "loading", "onClick"])) : c("", !0)
               ], 64))
-            ], 2)) : m("", !0)
-          ], 10, H))), 128)),
-          t.clickToPreview && t.canView ? (a(!0), o(v, { key: 0 }, U(k.value, (e, s) => (a(), u(x, {
-            key: `preview-${s}`,
-            show: g.value === s,
-            title: e.fileName || i(w)("common.words.preview", "Preview"),
-            "max-width": "max-w-3xl",
-            body: i(b),
-            bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload },
-            onClose: $
-          }, null, 8, ["show", "title", "body", "bodyProps"]))), 128)) : m("", !0)
+            ], 2)) : c("", !0)
+          ], 10, be))), 128)),
+          b.value ? (t(!0), s(x, { key: 0 }, L(S.value, (e, n) => (t(), s(x, {
+            key: `preview-${n}`
+          }, [
+            y.value && _(e) ? (t(), p(P, {
+              key: 0,
+              show: B.value === n,
+              title: e.fileName || d(w)("common.words.preview", "Preview"),
+              "max-width": "max-w-3xl",
+              body: d(I),
+              bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: h.value },
+              onClose: G
+            }, null, 8, ["show", "title", "body", "bodyProps"])) : c("", !0)
+          ], 64))), 128)) : c("", !0)
         ], 2))
-      ], 64)) : (a(), o("div", {
+      ], 64)) : (t(), s("div", {
         key: 1,
-        class: l(["vl-attachments-list__empty text-sm text-muted-foreground italic bg-muted/10 p-4 rounded-lg border border-dashed border-border text-center", t.emptyClass])
-      }, y(i(w)("common.words.noAttachments", "No attachments found.")), 3))
+        class: i(["vl-attachments-list__empty text-sm text-muted-foreground italic bg-muted/10 p-4 rounded-lg border border-dashed border-border text-center", ie.value])
+      }, z(d(w)("common.words.noAttachments", "No attachments found.")), 3))
     ], 2));
   }
 });
 export {
-  ie as default
+  $e as default
 };

package/components/Avatar.vue.js

@@ -30,7 +30,7 @@ const y = ["src", "alt"], z = { key: 0 }, A = /* @__PURE__ */ k({
     }), x = {
       xs: "h-6 w-6 text-[10px]",
       sm: "h-7.5 w-7.5 text-xs",
-      md: "h-10 w-10 text-sm",
+      md: "h-9.5 w-9.5 text-sm",
       lg: "h-14 w-14 text-base",
       xl: "h-18 w-18 text-lg",
       "2xl": "h-22 w-22 text-xl"

package/components/AvatarUploader/AvatarUploader.vue.d.ts

@@ -24,8 +24,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     alt: string;
     size: AvatarSize;
     rounded: AvatarRounded;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
     modelValue: any;
     editable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;