@revolugo/elements 6.8.2-beta.33 → 6.8.2-beta.35

package/dist/{revolugo.vautocomplete.Ct5J0tRD.min.js → revolugo.vautocomplete.0LoBsyoD.min.js}

@@ -1,15 +1,15 @@
-import { u as ke, m as be, a as we } from "./revolugo.vselect.ho1sqVZQ.min.js";
-import { c as Fe, V as X } from "./revolugo.vtextfield.BKLBPM7L.min.js";
-import { d as Ce, u as xe, p as Ee } from "./revolugo.webcomponentwrapper.Ggu2FW__.min.js";
-import { $ as ae, a6 as _, J as V, p as U, a9 as Me, a4 as W, aX as Ie, _ as _e, ad as Le, k as j, a3 as J, O as B, a7 as Oe, a as c, D as O, bP as Z, bQ as q, bR as Ae, T as ee, bx as Te, F as G, bS as Pe, bT as Re, f as De } from "./revolugo.index.wc.WVpKRxMB.min.js";
-import { b as Ke } from "./revolugo.vinput.Z7Yl1GBk.min.js";
+import { u as ke, m as be, a as we } from "./revolugo.vselect.BSFUUjXr.min.js";
+import { c as Fe, V as X } from "./revolugo.vtextfield.DkSiBN62.min.js";
+import { d as Ce, u as Ee, p as xe } from "./revolugo.webcomponentwrapper.BA74s5EB.min.js";
+import { a2 as ae, a9 as _, H as V, p as U, ac as Me, a7 as Q, aZ as Ie, a1 as _e, ag as Le, k as j, a6 as $, O as B, aa as Ae, a as c, D as A, bX as J, bY as q, bZ as Oe, W as ee, bA as Pe, F as Y, b_ as Re, b$ as Te, f as De } from "./revolugo.index.wc.CwyY7Qwx.min.js";
+import { b as Ke } from "./revolugo.vinput.CD7lhK2w.min.js";
 import { f as Ne } from "./revolugo.forwardrefs.VVhh1qV3.min.js";
-import { u as Ue, a as je, V as te } from "./revolugo.vlist.Dc4CBbyk.min.js";
-import { V as le } from "./revolugo.vicon.DNDpBQSo.min.js";
-import { V as Be } from "./revolugo.vmenu.M77T6yV3.min.js";
-import { a as Ge } from "./revolugo.vcheckboxbtn.DOldzxr3.min.js";
-import { h as Ye, a as ze } from "./revolugo.index.DmlGotxY.min.js";
-import { V as He } from "./revolugo.btag.DqKCcO64.min.js";
+import { u as Ue, a as je, V as te } from "./revolugo.vlist.DC7UsAn1.min.js";
+import { V as le } from "./revolugo.vicon.Xwi5lUjX.min.js";
+import { V as Be } from "./revolugo.vmenu.DQ3XhScv.min.js";
+import { a as Ye } from "./revolugo.vcheckboxbtn.CllPJG2d.min.js";
+import { h as Ge, a as ze } from "./revolugo.index.Jxvf1PFa.min.js";
+import { V as He } from "./revolugo.btag.DeeJpOs_.min.js";
 function Se(e) {
   try {
     if (typeof document < "u") {
@@ -30,7 +30,7 @@ function Se(e) {
     console.error("[revolugo-elements] ", s);
   }
 }
-const Qe = (e, s, l) => e == null || s == null ? -1 : e.toString().toLocaleLowerCase().indexOf(s.toString().toLocaleLowerCase()), $e = ae({
+const We = (e, s, l) => e == null || s == null ? -1 : e.toString().toLocaleLowerCase().indexOf(s.toString().toLocaleLowerCase()), Ze = ae({
   customFilter: Function,
   customKeyFilter: Object,
   filterKeys: [Array, String],
@@ -40,26 +40,26 @@ const Qe = (e, s, l) => e == null || s == null ? -1 : e.toString().toLocaleLower
   },
   noFilter: Boolean
 }, "filter");
-function Je(e, s, l) {
-  const p = [], d = l?.default ?? Qe, m = l?.filterKeys ? W(l.filterKeys) : !1, g = Object.keys(l?.customKeyFilter ?? {}).length;
+function $e(e, s, l) {
+  const p = [], d = l?.default ?? We, m = l?.filterKeys ? Q(l.filterKeys) : !1, g = Object.keys(l?.customKeyFilter ?? {}).length;
   if (!e?.length) return p;
   e: for (let S = 0; S < e.length; S++) {
-    const [h, F = h] = W(e[S]), b = {}, i = {};
+    const [h, F = h] = Q(e[S]), b = {}, i = {};
     let n = -1;
     if ((s || g > 0) && !l?.noFilter) {
       if (typeof h == "object") {
         const L = m || Object.keys(F);
-        for (const E of L) {
-          const M = Ie(F, E), A = l?.customKeyFilter?.[E];
-          if (n = A ? A(M, s, h) : d(M, s, h), n !== -1 && n !== !1)
-            A ? b[E] = n : i[E] = n;
+        for (const x of L) {
+          const M = Ie(F, x), O = l?.customKeyFilter?.[x];
+          if (n = O ? O(M, s, h) : d(M, s, h), n !== -1 && n !== !1)
+            O ? b[x] = n : i[x] = n;
           else if (l?.filterMode === "every")
             continue e;
         }
       } else
         n = d(h, s, h), n !== -1 && n !== !1 && (i.title = n);
-      const C = Object.keys(i).length, x = Object.keys(b).length;
-      if (!C && !x || l?.filterMode === "union" && x !== g && !C || l?.filterMode === "intersection" && (x !== g || !C)) continue;
+      const C = Object.keys(i).length, E = Object.keys(b).length;
+      if (!C && !E || l?.filterMode === "union" && E !== g && !C || l?.filterMode === "intersection" && (E !== g || !C)) continue;
     }
     p.push({
       index: S,
@@ -71,10 +71,10 @@ function Je(e, s, l) {
   }
   return p;
 }
-function We(e, s, l, p) {
+function Qe(e, s, l, p) {
   const d = _([]), m = _(/* @__PURE__ */ new Map()), g = V(() => U(s));
   Me(() => {
-    const h = typeof l == "function" ? l() : U(l), F = typeof h != "string" && typeof h != "number" ? "" : String(h), b = Je(g.value, F, {
+    const h = typeof l == "function" ? l() : U(l), F = typeof h != "string" && typeof h != "number" ? "" : String(h), b = $e(g.value, F, {
       customKeyFilter: {
         ...e.customKeyFilter,
         ...U(p?.customKeyFilter)
@@ -84,13 +84,13 @@ function We(e, s, l, p) {
       filterMode: e.filterMode,
       noFilter: e.noFilter
     }), i = U(s), n = [], C = /* @__PURE__ */ new Map();
-    b.forEach((x) => {
+    b.forEach((E) => {
       let {
         index: L,
-        matches: E
-      } = x;
+        matches: x
+      } = E;
       const M = i[L];
-      n.push(M), C.set(M.value, E);
+      n.push(M), C.set(M.value, x);
     }), d.value = n, m.value = C;
   });
   function S(h) {
@@ -105,7 +105,7 @@ function We(e, s, l, p) {
 function Xe(e, s, l) {
   if (s == null) return e;
   if (Array.isArray(s)) throw new Error("Multiple matches is not implemented");
-  return typeof s == "number" && ~s ? c(G, null, [c("span", {
+  return typeof s == "number" && ~s ? c(Y, null, [c("span", {
     class: "v-autocomplete__unmask"
   }, [e.substr(0, s)]), c("span", {
     class: "v-autocomplete__mask"
@@ -113,26 +113,26 @@ function Xe(e, s, l) {
     class: "v-autocomplete__unmask"
   }, [e.substr(s + l)])]) : e;
 }
-const Ze = ae({
+const Je = ae({
   autoSelectFirst: {
     type: [Boolean, String]
   },
   clearOnSelect: Boolean,
   search: String,
-  ...$e({
+  ...Ze({
     filterKeys: ["title"]
   }),
   ...be(),
-  ...Oe(Fe({
+  ...Ae(Fe({
     modelValue: null,
     role: "combobox"
   }), ["validationValue", "dirty", "appendInnerIcon"]),
-  ...Ee({
+  ...xe({
     transition: !1
   })
 }, "VAutocomplete"), ft = _e()({
   name: "VAutocomplete",
-  props: Ze(),
+  props: Je(),
   emits: {
     "update:focused": (e) => !0,
     "update:search": (e) => !0,
@@ -145,25 +145,25 @@ const Ze = ae({
     } = s;
     const {
       t: p
-    } = Le(), d = j(), m = _(!1), g = _(!0), S = _(!1), h = j(), F = j(), b = J(e, "menu"), i = V({
+    } = Le(), d = j(), m = _(!1), g = _(!0), S = _(!1), h = j(), F = j(), b = $(e, "menu"), i = V({
       get: () => b.value,
       set: (t) => {
         b.value && !t && h.value?.ΨopenChildren.size || (b.value = t);
       }
-    }), n = _(-1), C = V(() => d.value?.color), x = V(() => i.value ? e.closeText : e.openText), {
+    }), n = _(-1), C = V(() => d.value?.color), E = V(() => i.value ? e.closeText : e.openText), {
       items: L,
-      transformIn: E,
+      transformIn: x,
       transformOut: M
     } = Ue(e), {
-      textColorClasses: A,
+      textColorClasses: O,
       textColorStyles: ne
-    } = Ce(C), v = J(e, "search", ""), u = J(e, "modelValue", [], (t) => E(t === null ? [null] : W(t)), (t) => {
+    } = Ce(C), v = $(e, "search", ""), u = $(e, "modelValue", [], (t) => x(t === null ? [null] : Q(t)), (t) => {
       const r = M(t);
       return e.multiple ? r : r[0] ?? null;
     }), ue = V(() => typeof e.counterValue == "function" ? e.counterValue(u.value) : typeof e.counterValue == "number" ? e.counterValue : u.value.length), D = Ke(e), {
-      filteredItems: Y,
+      filteredItems: G,
       getMatches: oe
-    } = We(e, L, () => g.value ? "" : v.value), w = V(() => e.hideSelected ? Y.value.filter((t) => !u.value.some((r) => r.value === t.value)) : Y.value), K = V(() => !!(e.chips || l.chip)), T = V(() => K.value || !!l.selection), se = V(() => u.value.map((t) => t.props.value)), z = V(() => (e.autoSelectFirst === !0 || e.autoSelectFirst === "exact" && v.value === w.value[0]?.title) && w.value.length > 0 && !g.value && !S.value), H = V(() => e.hideNoData && !w.value.length || D.isReadonly.value || D.isDisabled.value), Q = j(), ie = ke(Q, d);
+    } = Qe(e, L, () => g.value ? "" : v.value), w = V(() => e.hideSelected ? G.value.filter((t) => !u.value.some((r) => r.value === t.value)) : G.value), K = V(() => !!(e.chips || l.chip)), P = V(() => K.value || !!l.selection), se = V(() => u.value.map((t) => t.props.value)), z = V(() => (e.autoSelectFirst === !0 || e.autoSelectFirst === "exact" && v.value === w.value[0]?.title) && w.value.length > 0 && !g.value && !S.value), H = V(() => e.hideNoData && !w.value.length || D.isReadonly.value || D.isDisabled.value), W = j(), ie = ke(W, d);
     function re(t) {
       e.openOnClear && (i.value = !0), v.value = "";
     }
@@ -174,7 +174,7 @@ const Ze = ae({
       H.value || (m.value && (t.preventDefault(), t.stopPropagation()), i.value = !i.value);
     }
     function ve(t) {
-      t.key !== " " && Z(t) && d.value?.focus();
+      t.key !== " " && J(t) && d.value?.focus();
     }
     function de(t) {
       if (D.isReadonly.value) return;
@@ -184,8 +184,8 @@ const Ze = ae({
           value: o
         } = a;
         return o === w.value[0].value;
-      }) && I(w.value[0]), t.key === "ArrowDown" && z.value && Q.value?.focus("next"), ["Backspace", "Delete"].includes(t.key)) {
-        if (!e.multiple && T.value && u.value.length > 0 && !v.value) return I(u.value[0], !1);
+      }) && I(w.value[0]), t.key === "ArrowDown" && z.value && W.value?.focus("next"), ["Backspace", "Delete"].includes(t.key)) {
+        if (!e.multiple && P.value && u.value.length > 0 && !v.value) return I(u.value[0], !1);
         if (~n.value) {
           t.preventDefault();
           const a = n.value;
@@ -202,7 +202,7 @@ const Ze = ae({
           if (n.value < 0) return;
           const a = n.value + 1;
           u.value[a] ? n.value = a : (n.value = -1, d.value.setSelectionRange(0, 0));
-        } else ~n.value && Z(t) && (n.value = -1);
+        } else ~n.value && J(t) && (n.value = -1);
     }
     function me(t) {
       if (q(d.value, ":autofill") || q(d.value, ":-webkit-autofill")) {
@@ -225,14 +225,14 @@ const Ze = ae({
       S.value = !1;
     }
     function Ve(t) {
-      (t == null || t === "" && !e.multiple && !T.value) && (u.value = []);
+      (t == null || t === "" && !e.multiple && !P.value) && (u.value = []);
     }
-    const $ = _(!1);
+    const Z = _(!1);
     function I(t) {
       let r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
       if (!(!t || t.props.disabled))
         if (e.multiple) {
-          const f = u.value.findIndex((o) => (e.valueComparator || Ae)(o.value, t.value)), a = r ?? !~f;
+          const f = u.value.findIndex((o) => (e.valueComparator || Oe)(o.value, t.value)), a = r ?? !~f;
           if (~f) {
             const o = a ? [...u.value, t] : [...u.value];
             o.splice(f, 1), u.value = o;
@@ -240,32 +240,32 @@ const Ze = ae({
           e.clearOnSelect && (v.value = "");
         } else {
           const f = r !== !1;
-          u.value = f ? [t] : [], v.value = f && !T.value ? t.title : "", ee(() => {
+          u.value = f ? [t] : [], v.value = f && !P.value ? t.title : "", ee(() => {
             i.value = !1, g.value = !0;
           });
         }
     }
     return B(m, (t, r) => {
-      t !== r && (t ? ($.value = !0, v.value = e.multiple || T.value ? "" : String(u.value.at(-1)?.props.title ?? ""), g.value = !0, ee(() => $.value = !1)) : (!e.multiple && v.value == null && (u.value = []), i.value = !1, u.value.some((f) => {
+      t !== r && (t ? (Z.value = !0, v.value = e.multiple || P.value ? "" : String(u.value.at(-1)?.props.title ?? ""), g.value = !0, ee(() => Z.value = !1)) : (!e.multiple && v.value == null && (u.value = []), i.value = !1, u.value.some((f) => {
         let {
           title: a
         } = f;
         return a === v.value;
       }) || (v.value = ""), n.value = -1));
     }), B(v, (t) => {
-      !m.value || $.value || (t && (i.value = !0), g.value = !t);
+      !m.value || Z.value || (t && (i.value = !0), g.value = !t);
     }), B(i, () => {
       if (!e.hideSelected && i.value && u.value.length) {
         const t = w.value.findIndex((r) => u.value.some((f) => r.value === f.value));
-        Te && window.requestAnimationFrame(() => {
+        Pe && window.requestAnimationFrame(() => {
           t >= 0 && F.value?.scrollToIndex(t);
         });
       }
     }), B(() => e.items, (t, r) => {
       i.value || m.value && !r.length && t.length && (i.value = !0);
-    }), xe(() => {
+    }), Ee(() => {
       const t = !!(!e.hideNoData || w.value.length || l["prepend-item"] || l["append-item"] || l["no-data"]), r = u.value.length > 0, f = X.filterProps(e);
-      return c(X, O({
+      return c(X, A({
         ref: d
       }, f, {
         modelValue: v.value,
@@ -279,7 +279,7 @@ const Ze = ae({
         class: ["v-autocomplete", `v-autocomplete--${e.multiple ? "multiple" : "single"}`, {
           "v-autocomplete--active-menu": i.value,
           "v-autocomplete--chips": !!e.chips,
-          "v-autocomplete--selection-slot": !!T.value,
+          "v-autocomplete--selection-slot": !!P.value,
           "v-autocomplete--selecting-index": n.value > -1
         }, e.class],
         style: e.style,
@@ -290,7 +290,7 @@ const Ze = ae({
         onKeydown: de
       }), {
         ...l,
-        default: () => c(G, null, [c(Be, O({
+        default: () => c(Y, null, [c(Be, A({
           ref: h,
           modelValue: i.value,
           "onUpdate:modelValue": (a) => i.value = a,
@@ -305,8 +305,8 @@ const Ze = ae({
           onAfterEnter: he,
           onAfterLeave: pe
         }, e.menuProps), {
-          default: () => [t && c(je, O({
-            ref: Q,
+          default: () => [t && c(je, A({
+            ref: W,
             selected: se.value,
             selectStrategy: e.multiple ? "independent" : "single-independent",
             onMousedown: (a) => a.preventDefault(),
@@ -331,7 +331,7 @@ const Ze = ae({
                   index: k,
                   itemRef: N
                 } = a;
-                const P = O(o.props, {
+                const R = A(o.props, {
                   ref: N,
                   key: o.value,
                   active: z.value && k === 0 ? !0 : void 0,
@@ -340,20 +340,20 @@ const Ze = ae({
                 return l.item?.({
                   item: o,
                   index: k,
-                  props: P
-                }) ?? c(te, O(P, {
+                  props: R
+                }) ?? c(te, A(R, {
                   role: "option"
                 }), {
-                  prepend: (R) => {
+                  prepend: (T) => {
                     let {
                       isSelected: y
-                    } = R;
-                    return c(G, null, [e.multiple && !e.hideSelected ? c(Ge, {
+                    } = T;
+                    return c(Y, null, [e.multiple && !e.hideSelected ? c(Ye, {
                       key: o.value,
                       modelValue: y,
                       ripple: !1,
                       tabindex: "-1"
-                    }, null) : void 0, o.props.prependAvatar && c(Ye, {
+                    }, null) : void 0, o.props.prependAvatar && c(Ge, {
                       image: o.props.prependAvatar
                     }, null), o.props.prependIcon && c(le, {
                       icon: o.props.prependIcon
@@ -378,7 +378,7 @@ const Ze = ae({
             },
             modelValue: !0,
             "onUpdate:modelValue": void 0
-          }, P = K.value ? !!l.chip : !!l.selection, R = P ? Re(K.value ? l.chip({
+          }, R = K.value ? !!l.chip : !!l.selection, T = R ? Te(K.value ? l.chip({
             item: a,
             index: o,
             props: N
@@ -386,10 +386,10 @@ const Ze = ae({
             item: a,
             index: o
           })) : void 0;
-          if (!(P && !R))
+          if (!(R && !T))
             return c("div", {
               key: a.value,
-              class: ["v-autocomplete__selection", o === n.value && ["v-autocomplete__selection--selected", A.value]],
+              class: ["v-autocomplete__selection", o === n.value && ["v-autocomplete__selection--selected", O.value]],
               style: o === n.value ? ne.value : {}
             }, [K.value ? l.chip ? c(ze, {
               key: "chip-defaults",
@@ -401,14 +401,14 @@ const Ze = ae({
                 }
               }
             }, {
-              default: () => [R]
-            }) : c(He, O({
+              default: () => [T]
+            }) : c(He, A({
               key: "chip",
               closable: e.closableChips,
               size: "small",
               text: a.title,
               disabled: a.props.disabled
-            }, N), null) : R ?? c("span", {
+            }, N), null) : T ?? c("span", {
               class: "v-autocomplete__selection-text"
             }, [a.title, e.multiple && o < u.value.length - 1 && c("span", {
               class: "v-autocomplete__selection-comma"
@@ -417,13 +417,13 @@ const Ze = ae({
         "append-inner": function() {
           for (var a = arguments.length, o = new Array(a), k = 0; k < a; k++)
             o[k] = arguments[k];
-          return c(G, null, [l["append-inner"]?.(...o), e.menuIcon ? c(le, {
+          return c(Y, null, [l["append-inner"]?.(...o), e.menuIcon ? c(le, {
             class: "v-autocomplete__menu-icon",
             icon: e.menuIcon,
             onMousedown: fe,
-            onClick: Pe,
-            "aria-label": p(x.value),
-            title: p(x.value),
+            onClick: Re,
+            "aria-label": p(E.value),
+            title: p(E.value),
             tabindex: "-1"
           }, null) : void 0]);
         }
@@ -433,7 +433,7 @@ const Ze = ae({
       isPristine: g,
       menu: i,
       search: v,
-      filteredItems: Y,
+      filteredItems: G,
       select: I
     }, d);
   }
@@ -442,4 +442,4 @@ Se("css/revolugo.vautocomplete.CuVjyvcC.css");
 export {
   ft as V
 };
-//# sourceMappingURL=revolugo.vautocomplete.Ct5J0tRD.min.js.map
+//# sourceMappingURL=revolugo.vautocomplete.0LoBsyoD.min.js.map

package/dist/{revolugo.vbadge.QbwE0z0S.min.js → revolugo.vbadge.BIu8Bf7n.min.js}

@@ -1,8 +1,8 @@
-import { _ as E, $ as h, ac as i, ad as y, bI as C, bJ as L, a as s, D as r, aK as N, a0 as V, L as T, M as k } from "./revolugo.index.wc.WVpKRxMB.min.js";
-import { b as _, d as x, u as B, p as O, e as w, m as R, M as P } from "./revolugo.webcomponentwrapper.Ggu2FW__.min.js";
-import { l as M, p as Y } from "./revolugo.index.DmlGotxY.min.js";
-import { b as U, a as G } from "./revolugo.rounded.9zOj37mK.min.js";
-import { V as I } from "./revolugo.vicon.DNDpBQSo.min.js";
+import { a1 as E, a2 as h, af as i, ag as y, bO as C, bP as L, a as s, D as r, aM as N, a3 as V, J as T, K as k } from "./revolugo.index.wc.CwyY7Qwx.min.js";
+import { b as _, d as O, u as x, p as B, e as w, m as P, M as R } from "./revolugo.webcomponentwrapper.BA74s5EB.min.js";
+import { l as M, p as Y } from "./revolugo.index.Jxvf1PFa.min.js";
+import { b as U, a as G } from "./revolugo.rounded.Cqycgkgu.min.js";
+import { V as I } from "./revolugo.vicon.Xwi5lUjX.min.js";
 function S(e) {
   try {
     if (typeof document < "u") {
@@ -23,7 +23,7 @@ function S(e) {
     console.error("[revolugo-elements] ", t);
   }
 }
-const $ = h({
+const A = h({
   bordered: Boolean,
   color: String,
   content: [Number, String],
@@ -43,20 +43,20 @@ const $ = h({
   offsetX: [Number, String],
   offsetY: [Number, String],
   textColor: String,
-  ...R(),
+  ...P(),
   ...Y({
     location: "top end"
   }),
   ...G(),
   ...w(),
   ...N(),
-  ...O({
+  ...B({
     transition: "scale-rotate-transition"
   })
 }, "VBadge"), F = E()({
   name: "VBadge",
   inheritAttrs: !1,
-  props: $(),
+  props: A(),
   setup(e, t) {
     const {
       backgroundColorClasses: n,
@@ -68,13 +68,13 @@ const $ = h({
     } = y(), {
       textColorClasses: u,
       textColorStyles: m
-    } = x(i(e, "textColor")), {
-      themeClasses: b
+    } = O(i(e, "textColor")), {
+      themeClasses: f
     } = C(), {
-      locationStyles: f
+      locationStyles: g
     } = M(e, !0, (a) => (e.floating ? e.dot ? 2 : 4 : e.dot ? 8 : 12) + (["top", "bottom"].includes(a) ? Number(e.offsetY ?? 0) : ["left", "right"].includes(a) ? Number(e.offsetX ?? 0) : 0));
-    return B(() => {
-      const a = Number(e.content), l = !e.max || isNaN(a) ? e.content : a <= Number(e.max) ? a : `${e.max}+`, [g, v] = L(t.attrs, ["aria-atomic", "aria-label", "aria-live", "role", "title"]);
+    return x(() => {
+      const a = Number(e.content), l = !e.max || isNaN(a) ? e.content : a <= Number(e.max) ? a : `${e.max}+`, [b, v] = L(t.attrs, ["aria-atomic", "aria-label", "aria-live", "role", "title"]);
       return s(e.tag, r({
         class: ["v-badge", {
           "v-badge--bordered": e.bordered,
@@ -87,17 +87,17 @@ const $ = h({
       }), {
         default: () => [s("div", {
           class: "v-badge__wrapper"
-        }, [t.slots.default?.(), s(P, {
+        }, [t.slots.default?.(), s(R, {
           transition: e.transition
         }, {
           default: () => [T(s("span", r({
-            class: ["v-badge__badge", b.value, n.value, d.value, u.value],
-            style: [o.value, m.value, e.inline ? {} : f.value],
+            class: ["v-badge__badge", f.value, n.value, d.value, u.value],
+            style: [o.value, m.value, e.inline ? {} : g.value],
             "aria-atomic": "true",
             "aria-label": c(e.label, a),
             "aria-live": "polite",
             role: "status"
-          }, g), [e.dot ? void 0 : t.slots.badge ? t.slots.badge?.() : e.icon ? s(I, {
+          }, b), [e.dot ? void 0 : t.slots.badge ? t.slots.badge?.() : e.icon ? s(I, {
             icon: e.icon
           }, null) : l]), [[k, e.modelValue]])]
         })])]
@@ -109,4 +109,4 @@ S("css/revolugo.vbadge.C45eZpxy.css");
 export {
   F as V
 };
-//# sourceMappingURL=revolugo.vbadge.QbwE0z0S.min.js.map
+//# sourceMappingURL=revolugo.vbadge.BIu8Bf7n.min.js.map