vlite3 1.0.5 → 1.0.6

package/components/AttachmentsList/AttachmentsList.vue.js

@@ -4,9 +4,9 @@ import P from "../Icon.vue.js";
 import N from "../Button.vue.js";
 import { $t as w } from "../../utils/i18n.js";
 import { downloadFile as E } from "../../utils/functions.js";
-import g from "../FilePreview/FilePreview.vue.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" }, 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({
+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({
   __name: "AttachmentsList",
   props: {
     attachments: {},
@@ -31,16 +31,16 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
     emptyClass: { default: "" }
   },
   setup(t) {
-    const c = t, b = L(null), k = f(() => c.attachments ? Array.isArray(c.attachments) ? c.attachments : [c.attachments] : []), I = (n) => {
+    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 && (b.value = n);
+      c.clickToPreview && c.canView && (g.value = n);
     }, $ = () => {
-      b.value = null;
+      g.value = null;
     }, r = f(() => {
       switch (c.size) {
         case "sm":
@@ -108,7 +108,7 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
                   key: 0,
                   title: e.fileName || i(w)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(g),
+                  body: i(b),
                   bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
                 }, {
                   trigger: T(() => [
@@ -142,10 +142,10 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
             ], 2),
             t.clickToPreview && t.canView ? (a(), u(x, {
               key: 0,
-              show: b.value === s,
+              show: g.value === s,
               title: e.fileName || i(w)("common.words.preview", "Preview"),
               "max-width": "max-w-3xl",
-              body: i(g),
+              body: i(b),
               bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload },
               onClose: $
             }, null, 8, ["show", "title", "body", "bodyProps"])) : m("", !0)
@@ -184,7 +184,7 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
               ], 2),
               d("div", Q, [
                 d("span", {
-                  class: l(["vl-attachments-list__item-name font-medium truncate", [
+                  class: l(["vl-attachments-list__item-name font-medium truncate block", [
                     r.value.text,
                     t.variant === "inline" ? "" : "text-foreground",
                     t.itemNameClass
@@ -211,7 +211,7 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
                   key: 0,
                   title: e.fileName || i(w)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(g),
+                  body: i(b),
                   bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
                 }, {
                   trigger: T(() => [
@@ -245,7 +245,7 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
                   key: 0,
                   title: e.fileName || i(w)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(g),
+                  body: i(b),
                   bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
                 }, {
                   trigger: T(() => [
@@ -271,10 +271,10 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
           ], 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: b.value === s,
+            show: g.value === s,
             title: e.fileName || i(w)("common.words.preview", "Preview"),
             "max-width": "max-w-3xl",
-            body: i(g),
+            body: i(b),
             bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload },
             onClose: $
           }, null, 8, ["show", "title", "body", "bodyProps"]))), 128)) : m("", !0)

package/components/Avatar.vue.js

@@ -29,11 +29,11 @@ const y = ["src", "alt"], z = { key: 0 }, A = /* @__PURE__ */ k({
       return l.length === 1 ? l[0].slice(0, 2).toUpperCase() : (l[0][0] + l[l.length - 1][0]).toUpperCase();
     }), x = {
       xs: "h-6 w-6 text-[10px]",
-      sm: "h-8 w-8 text-xs",
+      sm: "h-7.5 w-7.5 text-xs",
       md: "h-10 w-10 text-sm",
       lg: "h-14 w-14 text-base",
       xl: "h-18 w-18 text-lg",
-      "2xl": "h-20 w-20 text-xl"
+      "2xl": "h-22 w-22 text-xl"
     }, h = {
       none: "rounded-none",
       sm: "rounded-sm",

package/components/Badge.vue.js

@@ -11,9 +11,9 @@ const p = /* @__PURE__ */ b({
     const e = o, s = d(() => {
       const r = {
         xs: "px-1.5 h-4 text-[9.8px] font-medium leading-none",
-        sm: "px-2 h-5.5 text-xs font-medium",
-        md: "px-2.5 h-6.5 text-xs font-semibold",
-        lg: "px-3 h-7.5 text-sm font-semibold"
+        sm: "px-2 h-5 text-xs font-medium",
+        md: "px-2.5 h-6 text-xs font-semibold",
+        lg: "px-2.5 h-7 text-sm font-semibold"
       }, l = `inline-flex items-center ${e.rounded === "none" ? "rounded-none" : `rounded-${e.rounded}`} border ${r[e.size] || r.md} focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`, t = {
         default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
         outline: "text-foreground border-border",

package/components/Chat/ChatBubble.vue.js

@@ -1,23 +1,20 @@
-import { defineComponent as y, computed as b, ref as k, openBlock as t, createElementBlock as s, normalizeClass as o, createVNode as u, createCommentVNode as l, createElementVNode as n, toDisplayString as c, unref as B, createBlock as C, withModifiers as S } from "vue";
+import { defineComponent as h, computed as b, ref as k, openBlock as t, createElementBlock as a, normalizeClass as l, createVNode as u, createCommentVNode as s, createElementVNode as r, toDisplayString as c, unref as S, createBlock as B, withModifiers as C } from "vue";
 import D from "../Avatar.vue.js";
 import f from "../Button.vue.js";
-import T from "../AttachmentsList/AttachmentsList.vue.js";
-const p = {
+import E from "../AttachmentsList/AttachmentsList.vue.js";
+const T = {
   key: 0,
   class: "flex-shrink-0 flex flex-col justify-end pb-1"
-}, A = {
-  key: 0,
-  class: "mb-1 text-xs text-muted-foreground ml-1"
-}, E = {
+}, z = {
   key: 0,
-  class: "text-sm whitespace-pre-wrap leading-relaxed"
-}, N = { class: "opacity-0 group-hover/bubble:opacity-100 focus-within:opacity-100 transition-opacity flex gap-1 px-2 pointer-events-none group-hover/bubble:pointer-events-auto focus-within:pointer-events-auto" }, z = {
+  class: "mb-0.5 text-[9px] font-medium tracking-wide uppercase opacity-80 truncate text-gray-900/80"
+}, A = {
   key: 1,
-  class: "relative flex items-center"
-}, $ = {
+  class: "text-sm whitespace-pre-wrap leading-relaxed break-words"
+}, N = {
   key: 1,
-  class: "mt-1 text-[10px] text-muted-foreground mx-1"
-}, M = /* @__PURE__ */ y({
+  class: "relative flex items-center"
+}, V = /* @__PURE__ */ h({
   __name: "ChatBubble",
   props: {
     message: {},
@@ -31,47 +28,47 @@ const p = {
   },
   emits: ["delete", "edit"],
   setup(e, { emit: g }) {
-    const r = e, m = g, x = b(() => r.message.timestamp ? new Date(r.message.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : ""), a = k(!1);
-    let i = null;
-    const v = () => {
-      if (r.confirmDelete === !1) {
-        m("delete", r.message.id);
+    const o = e, m = g, x = b(() => o.message.timestamp ? new Date(o.message.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : ""), i = k(!1);
+    let n = null;
+    const w = () => {
+      if (o.confirmDelete === !1) {
+        m("delete", o.message.id);
         return;
       }
-      a.value ? (a.value = !1, i && (clearTimeout(i), i = null), m("delete", r.message.id)) : (a.value = !0, i = setTimeout(() => {
-        a.value = !1, i = null;
+      i.value ? (i.value = !1, n && (clearTimeout(n), n = null), m("delete", o.message.id)) : (i.value = !0, n = setTimeout(() => {
+        i.value = !1, n = null;
       }, 3e3));
-    }, h = () => {
-      a.value = !1, i && (clearTimeout(i), i = null);
+    }, v = () => {
+      i.value = !1, n && (clearTimeout(n), n = null);
     };
-    return (w, d) => (t(), s("div", {
-      class: o(["flex w-full gap-3 group", e.isSender ? "flex-row-reverse" : "flex-row"])
+    return (y, d) => (t(), a("div", {
+      class: l(["flex w-full min-w-0 gap-3 group", e.isSender ? "flex-row-reverse" : "flex-row"])
     }, [
-      e.showAvatar ? (t(), s("div", p, [
+      e.showAvatar ? (t(), a("div", T, [
         u(D, {
           src: e.message.avatar,
           alt: e.message.senderName,
           size: "sm"
         }, null, 8, ["src", "alt"])
-      ])) : l("", !0),
-      n("div", {
-        class: o(["flex flex-col max-w-[85%] md:max-w-[75%]", e.isSender ? "items-end" : "items-start"])
+      ])) : s("", !0),
+      r("div", {
+        class: l(["flex flex-col min-w-0 overflow-hidden max-w-[85%]", e.isSender ? "items-end" : "items-start"])
       }, [
-        e.showUserInfo && e.message.senderName && !e.isSender ? (t(), s("div", A, c(e.message.senderName), 1)) : l("", !0),
-        n("div", {
-          class: o(["relative flex items-center group/bubble", e.isSender ? "flex-row-reverse" : "flex-row"])
+        r("div", {
+          class: l(["relative flex items-center min-w-0 max-w-full group/bubble", e.isSender ? "flex-row-reverse" : "flex-row"])
         }, [
-          n("div", {
-            class: o(["px-3.5 py-2.5 rounded-2xl break-words relative min-w-[60px]", [
+          r("div", {
+            class: l(["px-3.5 py-2.5 rounded-2xl break-words relative min-w-[60px] max-w-full min-w-0 overflow-hidden", [
               e.isSender ? "bg-primary text-primary-foreground rounded-br-sm" : "bg-muted text-foreground rounded-bl-sm"
             ]])
           }, [
-            e.message.text ? (t(), s("p", E, c(e.message.text), 1)) : l("", !0),
-            e.message.attachments && e.message.attachments.length > 0 ? (t(), s("div", {
-              key: 1,
-              class: o({ "mt-2": e.message.text })
+            e.showUserInfo && e.message.senderName && !e.isSender ? (t(), a("div", z, c(e.message.senderName), 1)) : s("", !0),
+            e.message.text ? (t(), a("p", A, c(e.message.text), 1)) : s("", !0),
+            e.message.attachments && e.message.attachments.length > 0 ? (t(), a("div", {
+              key: 2,
+              class: l({ "mt-2": e.message.text || e.showUserInfo && !e.isSender })
             }, [
-              u(B(T), {
+              u(S(E), {
                 attachments: e.message.attachments,
                 variant: "inline",
                 size: "sm",
@@ -80,14 +77,29 @@ const p = {
                 "click-to-preview": !0,
                 "show-download-in-list": !1
               }, null, 8, ["attachments"])
-            ], 2)) : l("", !0),
-            e.message.isEdited ? (t(), s("div", {
-              key: 2,
-              class: o(["text-[10px] opacity-70 mt-0.5 text-right", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
-            }, " (edited) ", 2)) : l("", !0)
+            ], 2)) : s("", !0),
+            e.showTimestamp && (e.message.timestamp || e.message.isEdited) ? (t(), a("div", {
+              key: 3,
+              class: l(["mt-1 flex items-center gap-1", e.isSender ? "justify-end" : "justify-start"])
+            }, [
+              e.message.isEdited ? (t(), a("span", {
+                key: 0,
+                class: l(["text-[10px] opacity-60", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
+              }, " edited ", 2)) : s("", !0),
+              e.message.isEdited && e.message.timestamp ? (t(), a("span", {
+                key: 1,
+                class: l(["text-[10px] opacity-40", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
+              }, " · ", 2)) : s("", !0),
+              e.message.timestamp ? (t(), a("span", {
+                key: 2,
+                class: l(["text-[10px] opacity-60 tabular-nums", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
+              }, c(x.value), 3)) : s("", !0)
+            ], 2)) : s("", !0)
           ], 2),
-          n("div", N, [
-            (e.isSender || e.allowEditAll) && e.message.text?.trim() ? (t(), C(f, {
+          r("div", {
+            class: l(["opacity-0 group-hover/bubble:opacity-100 focus-within:opacity-100 transition-opacity flex gap-0 pointer-events-none group-hover/bubble:pointer-events-auto focus-within:pointer-events-auto z-10", e.isSender ? "right-full pr-1" : "left-full pl-1"])
+          }, [
+            (e.isSender || e.allowEditAll) && e.message.text?.trim() ? (t(), B(f, {
               key: 0,
               variant: "ghost",
               size: "xs",
@@ -96,24 +108,24 @@ const p = {
               class: "text-muted-foreground hover:text-foreground h-7 w-7",
               onClick: d[0] || (d[0] = (j) => m("edit", e.message)),
               "aria-label": "Edit message"
-            })) : l("", !0),
-            e.isSender || e.allowDeleteAll ? (t(), s("div", z, [
+            })) : s("", !0),
+            e.isSender || e.allowDeleteAll ? (t(), a("div", N, [
               u(f, {
                 variant: "ghost",
                 size: "xs",
-                icon: a.value ? "lucide:check" : "lucide:trash-2",
+                icon: i.value ? "lucide:check" : "lucide:trash-2",
                 rounded: "full",
                 class: "h-7 w-7 transition-colors",
-                onClick: v,
-                "aria-label": a.value ? "Confirm delete" : "Delete message"
+                onClick: w,
+                "aria-label": i.value ? "Confirm delete" : "Delete message"
               }, null, 8, ["icon", "aria-label"]),
-              a.value ? (t(), s("button", {
+              i.value ? (t(), a("button", {
                 key: 0,
                 class: "absolute -top-1.5 -right-1.5 w-3.5 h-3.5 rounded-full bg-muted border border-border flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors",
-                onClick: S(h, ["stop"]),
+                onClick: C(v, ["stop"]),
                 "aria-label": "Cancel delete"
               }, [...d[1] || (d[1] = [
-                n("svg", {
+                r("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   viewBox: "0 0 24 24",
                   fill: "none",
@@ -123,28 +135,27 @@ const p = {
                   "stroke-linejoin": "round",
                   class: "w-2 h-2"
                 }, [
-                  n("line", {
+                  r("line", {
                     x1: "18",
                     y1: "6",
                     x2: "6",
                     y2: "18"
                   }),
-                  n("line", {
+                  r("line", {
                     x1: "6",
                     y1: "6",
                     x2: "18",
                     y2: "18"
                   })
                 ], -1)
-              ])])) : l("", !0)
-            ])) : l("", !0)
-          ])
-        ], 2),
-        e.showTimestamp && e.message.timestamp ? (t(), s("div", $, c(x.value), 1)) : l("", !0)
+              ])])) : s("", !0)
+            ])) : s("", !0)
+          ], 2)
+        ], 2)
       ], 2)
     ], 2));
   }
 });
 export {
-  M as default
+  V as default
 };