@comercti/vue-components-hmg 0.44.1 → 0.44.2

package/comerc-style-guide.es.js

@@ -606,17 +606,16 @@ const xn = (e) => {
     showLoading: { type: Boolean, default: !1 },
     background: { default: "smoky" },
     blur: { type: Boolean, default: !1 },
-    showText: { type: Boolean, default: !0 }
+    showText: { type: Boolean, default: !0 },
+    size: { default: "medium" }
   },
   setup(e) {
-    const t = W(() => ({
-      "w-10 h-10 border-4 border-green-500 border-t-transparent rounded-full animate-spin": !0
-    })), a = W(() => ({
-      "w-10 h-10 border-4 border-green-500 border-t-transparent border-l-transparent rounded-full animate-spin": !0
-    })), n = W(() => ({
-      "w-[50px] h-[50px] relative ": !0
-    }));
-    return (r, s) => e.showLoading ? (d(), f("div", {
+    const t = e, a = (i) => i === "small" ? "w-6 h-6 border-2" : i === "medium" ? "w-8 h-8 border-4" : "w-10 h-10 border-4", n = W(() => ({
+      [`${a(t.size)} border-green-500 border-t-transparent rounded-full animate-spin`]: !0
+    })), r = W(() => ({
+      [`${a(t.size)} border-green-500 border-t-transparent border-l-transparent rounded-full animate-spin`]: !0
+    })), s = W(() => "w-[50px] h-[50px] relative ");
+    return (i, l) => e.showLoading ? (d(), f("div", {
       key: 0,
       class: y(["fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center", {
         "backdrop-blur-md": e.blur,
@@ -629,14 +628,14 @@ const xn = (e) => {
         c("div", Ao, [
           e.type === "spinner" ? (d(), f("div", {
             key: 0,
-            class: y(t.value)
+            class: y(n.value)
           }, null, 2)) : e.type === "semi-circle" ? (d(), f("div", {
             key: 1,
-            class: y(a.value)
+            class: y(r.value)
           }, null, 2)) : e.type === "dots" ? (d(), f("div", {
             key: 2,
-            class: y(n.value)
-          }, [...s[0] || (s[0] = [
+            class: y(s.value)
+          }, [...l[0] || (l[0] = [
             pn('<div class="absolute -top-1 left-1/2 transform -translate-x-1/2 w-3 h-3 bg-green-500 rounded-full opacity-0 animate-fade"></div><div class="absolute top-0 left-10 transform -translate-x-1/2 w-3 h-3 bg-green-500 rounded-full opacity-0 animate-fade delay-15"></div><div class="absolute top-3 left-[3rem] transform -translate-x-1/2 w-3 h-3 bg-green-500 rounded-full opacity-0 animate-fade delay-30"></div><div class="absolute top-7 left-[3rem] transform -translate-x-1/2 w-3 h-3 bg-green-500 rounded-full opacity-0 animate-fade delay-45"></div><div class="absolute top-10 left-[2.5rem] transform -translate-x-1/2 w-3 h-3 bg-green-500 rounded-full opacity-0 animate-fade delay-60"></div><div class="absolute top-[2.7rem] left-[1.5rem] transform -translate-x-1/2 w-3 h-3 bg-green-500 rounded-full opacity-0 animate-fade delay-75"></div><div class="absolute top-[2.4rem] left-[0.6rem] transform -translate-x-1/2 w-3 h-3 bg-green-500 rounded-full opacity-0 animate-fade delay-90"></div><div class="absolute top-[1.5rem] right-9 transform -translate-x-1/2 w-3 h-3 bg-green-500 rounded-full opacity-0 animate-fade delay-105"></div><div class="absolute top-0 right-7 transform -translate-x-1/2 w-3 h-3 bg-green-500 rounded-full opacity-0 animate-fade delay-135"></div><div class="absolute top-[0.70rem] right-9 transform -translate-x-1/2 w-3 h-3 bg-green-500 rounded-full opacity-0 animate-fade delay-120"></div>', 10)
           ])], 2)) : C("", !0),
           e.showText ? (d(), f("p", Bo, "Carregando...")) : C("", !0)
@@ -9278,7 +9277,8 @@ const t2 = /* @__PURE__ */ J({
     showLoading: { type: Boolean, default: !1 },
     background: { default: "smoky" },
     blur: { type: Boolean, default: !1 },
-    showText: { type: Boolean, default: !0 }
+    showText: { type: Boolean, default: !0 },
+    size: { default: "medium" }
   },
   setup(e) {
     const { exibirLoading: t } = hn();
@@ -9287,8 +9287,9 @@ const t2 = /* @__PURE__ */ J({
       "show-loading": e.showLoading || o(t),
       background: e.background,
       blur: e.blur,
-      "show-text": e.showText
-    }, null, 8, ["type", "show-loading", "background", "blur", "show-text"]));
+      "show-text": e.showText,
+      size: e.size
+    }, null, 8, ["type", "show-loading", "background", "blur", "show-text", "size"]));
   }
 }), { addCeToast: a2, removeCeToast: n2, toasts: o2 } = vn(), { activateCeLoading: r2, disableCeLoading: l2 } = hn(), d0 = { class: "w-full" }, u0 = ["src", "alt"], c0 = {
   key: 1,