@bagelink/vue 1.15.645 → 1.15.647

package/dist/index.mjs

@@ -4525,6 +4525,7 @@ var s3 = /* @__PURE__ */ zl({
           { "color-white keep-white": l.round && !l.soft && X.value }
         ]]),
         style: Il(f.value),
+        "aria-hidden": "true",
         translate: "no"
       }, tl(t.value), 7)) : i.value === "font-awesome" ? (L(), y("span", {
         key: `font-awesome-${t.value}`,
@@ -4542,6 +4543,7 @@ var s3 = /* @__PURE__ */ zl({
           }
         ]]),
         style: Il(f.value),
+        "aria-hidden": "true",
         translate: "no"
       }, null, 6)) : k("", !0)]),
       _: 1
@@ -12814,7 +12816,7 @@ var XV = ["transform"], yV = [
       class: "absolute-fill"
     }))], 16));
   }
-}), es = /* @__PURE__ */ Jl(uT, [["__scopeId", "data-v-5dea601d"]]), bT = ["title"], rT = /* @__PURE__ */ zl({
+}), es = /* @__PURE__ */ Jl(uT, [["__scopeId", "data-v-5dea601d"]]), bT = ["aria-label", "title"], rT = /* @__PURE__ */ zl({
   name: "BglAvatar",
   __name: "Avatar",
   props: {
@@ -12832,12 +12834,17 @@ var XV = ["transform"], yV = [
     innerClass: {}
   },
   setup(l) {
-    const e = l, { isMobile: t } = Si(), a = x(() => t.value && e.mobileSize !== void 0 ? e.mobileSize : e.size), n = x(() => e.status === !0 ? "green" : e.status || null), i = x(() => Math.max(7, Math.min(14, Math.round(a.value * 0.28)))), d = x(() => e.square ? e.square === !0 ? "var(--bgl-btn-border-radius)" : `${e.square}px` : "1000px"), c = x(() => e.color ? {
+    const e = l, { isMobile: t } = Si(), a = x(() => t.value && e.mobileSize !== void 0 ? e.mobileSize : e.size), n = x(() => e.status === !0 ? "green" : e.status || null), i = x(() => Math.max(7, Math.min(14, Math.round(a.value * 0.28)))), d = {
+      green: "Online",
+      gray: "Offline",
+      orange: "Away",
+      red: "Busy"
+    }, c = x(() => n.value ? e.statusTitle || d[n.value] || "Status" : ""), s = x(() => e.square ? e.square === !0 ? "var(--bgl-btn-border-radius)" : `${e.square}px` : "1000px"), o = x(() => e.color ? {
       background: `color-mix(in srgb, var(--bgl-${e.color}) 14%, transparent)`,
       color: `var(--bgl-${e.color})`,
       border: "none"
     } : {});
-    return (s, o) => (L(), y("div", {
+    return (m, Z) => (L(), y("div", {
       class: "avatar-wrap",
       style: Il({
         width: `${a.value}px`,
@@ -12848,13 +12855,13 @@ var XV = ["transform"], yV = [
       style: Il({
         width: `${a.value}px`,
         height: `${a.value}px`,
-        borderRadius: d.value,
-        ...c.value
+        borderRadius: s.value,
+        ...o.value
       })
     }, [l.src ? (L(), sl(es, {
       key: 0,
       src: l.src,
-      alt: l.alt || l.name
+      alt: l.alt ?? l.name ?? ""
     }, null, 8, ["src", "alt"])) : l.icon ? (L(), sl(N(fl), {
       key: 1,
       icon: l.icon,
@@ -12869,7 +12876,9 @@ var XV = ["transform"], yV = [
     }, tl((l.fallback || N(EK)(l.name || "")).toUpperCase()), 5))], 6), n.value ? (L(), y("span", {
       key: 0,
       class: "avatar-status",
-      title: l.statusTitle,
+      role: "img",
+      "aria-label": c.value,
+      title: c.value,
       style: Il({
         width: `${i.value}px`,
         height: `${i.value}px`,
@@ -12877,7 +12886,7 @@ var XV = ["transform"], yV = [
       })
     }, null, 12, bT)) : k("", !0)], 4));
   }
-}), hT = /* @__PURE__ */ Jl(rT, [["__scopeId", "data-v-5df95272"]]), WT = ["disabled"], pT = { class: "flex h-100 justify-content-center relative" }, GT = {
+}), hT = /* @__PURE__ */ Jl(rT, [["__scopeId", "data-v-c3f9d8bf"]]), WT = ["disabled"], pT = { class: "flex h-100 justify-content-center relative" }, GT = {
   key: 0,
   class: "loading absolute inset-0 mx-auto"
 }, NT = {