@bcc-code/vue-bcc-chat-ui 7.0.38 → 7.0.40

package/dist/vue-bcc-chat-ui.js

@@ -8318,57 +8318,54 @@ var fd = { class: "w-full" }, pd = {
 		function h(e) {
 			return { aspectRatio: String(m(e)) };
 		}
-		return (n, d) => (x(), a("div", qd, [(x(!0), a(e, null, w(t.message.attachments, (e) => (x(), a("div", {
-			key: `${t.message.id}-${e.name}`,
-			class: "w-full"
-		}, [e.kind === "image" && e.url ? (x(), r(A(L), {
+		return (n, d) => (x(), a("div", qd, [(x(!0), a(e, null, w(t.message.attachments, (n) => (x(), a(e, { key: `${t.message.id}-${n.name}` }, [n.kind === "image" && n.url ? (x(), r(A(L), {
 			key: 0,
 			preview: "",
-			src: e.url,
-			alt: e.name,
-			"image-class": "bg-elevation-surface-raised-default rounded-lg",
-			class: "rounded-lg"
-		}, null, 8, ["src", "alt"])) : e.kind === "video" && e.url ? (x(), a("div", {
+			src: n.url,
+			alt: n.name,
+			"image-class": "bg-elevation-surface-raised-default object-contain rounded-sm max-h-96 max-w-96",
+			class: "mx-auto rounded-lg"
+		}, null, 8, ["src", "alt"])) : n.kind === "video" && n.url ? (x(), a("div", {
 			key: 1,
 			class: "attachment-media-bleed media-surface attachment-media-frame group relative rounded-xl",
-			style: _(h(e))
+			style: _(h(n))
 		}, [o("video", Jd, [o("source", {
-			src: e.url,
-			type: e.mimeType || void 0
+			src: n.url,
+			type: n.mimeType || void 0
 		}, null, 8, Yd)]), o("button", {
 			type: "button",
 			tabindex: "-1",
 			class: "border-inverse text-inverse absolute top-2 right-2 inline-flex size-6 items-center justify-center rounded-full border bg-(--color-background-inverse-subtle-default) backdrop-blur",
 			"aria-label": A(l)("openVideoViewer"),
-			onClick: (t) => s("openMedia", e)
+			onClick: (e) => s("openMedia", n)
 		}, [(x(), r(E(A(au)), {
-			class: "size-5",
+			class: "size-4",
 			"aria-hidden": "true"
-		}))], 8, Xd)], 4)) : e.kind === "audio" && e.url ? (x(), a("button", {
+		}))], 8, Xd)], 4)) : n.kind === "audio" && n.url ? (x(), a("button", {
 			key: 2,
 			type: "button",
 			class: "flex w-full items-center justify-between gap-3 rounded-2xl px-3 py-2 text-left text-sm transition hover:opacity-90",
-			onClick: (t) => s("openMedia", e)
-		}, [o("span", Qd, [d[0] ||= o("span", { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 items-center justify-center rounded-full" }, " ♪ ", -1), c(" " + O(A(l)("audioMessage")), 1)])], 8, Zd)) : e.url ? (x(), a("a", {
+			onClick: (e) => s("openMedia", n)
+		}, [o("span", Qd, [d[0] ||= o("span", { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 items-center justify-center rounded-full" }, " ♪ ", -1), c(" " + O(A(l)("audioMessage")), 1)])], 8, Zd)) : n.url ? (x(), a("a", {
 			key: 3,
-			href: e.url,
+			href: n.url,
 			target: "_blank",
 			rel: "noreferrer",
 			class: "flex items-center justify-between gap-3 rounded-2xl px-3 py-2 text-sm no-underline transition hover:opacity-90"
-		}, [o("span", ef, [o("span", tf, [(x(), r(E(f(e)), {
+		}, [o("span", ef, [o("span", tf, [(x(), r(E(f(n)), {
 			class: "size-5",
 			"aria-hidden": "true"
-		}))]), o("span", nf, O(e.name), 1)]), o("span", rf, O(u(e.size)), 1)], 8, $d)) : (x(), a("div", af, [o("span", of, [o("span", sf, [(x(), r(E(f(e)), {
+		}))]), o("span", nf, O(n.name), 1)]), o("span", rf, O(u(n.size)), 1)], 8, $d)) : (x(), a("div", af, [o("span", of, [o("span", sf, [(x(), r(E(f(n)), {
 			class: "size-5",
 			"aria-hidden": "true"
-		}))]), o("span", cf, O(e.name), 1)]), o("span", lf, O(u(e.size) || A(l)("queued")), 1)]))]))), 128)), p(t.message) ? (x(), r(Kd, {
+		}))]), o("span", cf, O(n.name), 1)]), o("span", lf, O(u(n.size) || A(l)("queued")), 1)]))], 64))), 128)), p(t.message) ? (x(), r(Kd, {
 			key: 0,
 			text: t.message.text,
 			"is-own": t.message.isOwn,
 			"text-class": "whitespace-normal wrap-break-word body-md text-default"
 		}, null, 8, ["text", "is-own"])) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-ed336d58"]]), pf = { class: "message-status" }, mf = { key: 0 }, hf = /* @__PURE__ */ bu(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-c82e820d"]]), pf = { class: "message-status" }, mf = { key: 0 }, hf = /* @__PURE__ */ bu(/* @__PURE__ */ u({
 	__name: "MessageDeliveryStatus",
 	props: { message: {} },
 	setup(e) {
@@ -8675,7 +8672,7 @@ var fd = { class: "w-full" }, pd = {
 			]), l(hf, { message: t.message }, null, 8, ["message"])])
 		], 34)], 64))], 10, zf));
 	}
-}), [["__scopeId", "data-v-cff1a803"]]), Hf = [
+}), [["__scopeId", "data-v-cb4a4183"]]), Hf = [
 	"👍",
 	"❤️",
 	"🔥",