vlite3 1.4.27 → 1.4.28

package/components/Stats/StatItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as M, computed as y, openBlock as e, createElementBlock as n, normalizeStyle as I, normalizeClass as c, Fragment as w, createBlock as l, createCommentVNode as d, createElementVNode as o, toDisplayString as u, unref as h, withCtx as x, createVNode as D } from "vue";
+import { defineComponent as M, computed as y, openBlock as e, createElementBlock as o, normalizeStyle as I, normalizeClass as c, Fragment as w, createElementVNode as l, createBlock as n, createCommentVNode as u, toDisplayString as d, unref as b, withCtx as x, createVNode as D } from "vue";
 import { $t as v } from "../../utils/i18n.js";
 import { formatCurrency as N, formatNumber as $ } from "../../utils/functions.js";
 import k from "./components/StatTrend.vue.js";
@@ -7,37 +7,37 @@ import S from "../Tooltip.vue.js";
 import E from "../Chart/LineChart.vue.js";
 import { configState as L } from "../../core/config.js";
 import { resolveColor as q } from "../Chart/utils.js";
-const A = {
-  key: 1,
+const A = { class: "flex items-start gap-3 w-full" }, G = { class: "flex-1 min-w-0" }, J = {
+  key: 0,
   class: "h-8 w-28 bg-gray-50 animate-pulse rounded-md mt-1"
-}, G = {
-  key: 4,
+}, K = {
+  key: 0,
   class: "mt-auto pt-3 -mx-1"
-}, J = {
-  key: 6,
+}, O = {
+  key: 2,
   class: "mt-auto pt-3 h-14 bg-gray-50/80 animate-pulse rounded-md"
-}, K = { class: "flex items-center justify-between w-full mt-1" }, O = {
+}, Q = { class: "flex items-center justify-between w-full mt-1" }, R = {
   key: 0,
   class: "h-8 w-24 bg-gray-50 animate-pulse rounded-md"
-}, Q = {
+}, U = {
   key: 0,
   class: "h-9 w-24 bg-gray-50 animate-pulse rounded-md"
-}, R = {
+}, W = {
   key: 1,
   class: "h-8 w-20 bg-gray-50 animate-pulse rounded-md mt-1"
-}, U = {
+}, X = {
   key: 4,
   class: "flex-1 flex flex-col justify-center min-w-0"
-}, W = {
+}, Y = {
   key: 0,
   class: "h-9 w-24 bg-gray-50 animate-pulse rounded-md mt-0.5"
-}, X = {
+}, Z = {
   key: 1,
   class: "h-6 w-5 bg-gray-50 animate-pulse rounded-sm shrink-0"
-}, Y = { class: "flex-1 flex flex-col justify-center min-w-0" }, Z = { class: "flex items-baseline gap-2 mt-1" }, p = {
+}, p = { class: "flex-1 flex flex-col justify-center min-w-0" }, _ = { class: "flex items-baseline gap-2 mt-1" }, tt = {
   key: 0,
   class: "h-8 w-24 bg-gray-50 animate-pulse rounded-md"
-}, ct = /* @__PURE__ */ M({
+}, ut = /* @__PURE__ */ M({
   __name: "StatItem",
   props: {
     item: {},
@@ -69,7 +69,7 @@ const A = {
       if (!a.item.isPrice && !a.item.numberFormat || (a.item.numberFormat || (a.item.isPrice ? "compact" : "standard")) !== "compact") return !1;
       const s = a.item.compactThreshold ?? L?.components?.price?.compactThreshold ?? 1e3;
       return Math.abs(i) >= s;
-    }), b = y(() => {
+    }), h = y(() => {
       const i = Number(a.item.value) || 0;
       return a.item.isPrice ? N(i, { numberFormat: "standard" }) : a.item.numberFormat ? $(i, { numberFormat: "standard" }) : String(a.item.value);
     }), j = y(() => {
@@ -156,46 +156,50 @@ const A = {
     ), V = y(
       () => a.item.sparklineFill === void 0 ? !0 : a.item.sparklineFill
     );
-    return (i, r) => (e(), n("div", {
+    return (i, r) => (e(), o("div", {
       class: c(j.value),
       style: I(T.value)
     }, [
-      t.layout === "layout-9" ? (e(), n(w, { key: 0 }, [
-        t.item.icon ? (e(), l(z, {
-          key: 0,
-          item: t.item,
-          variant: t.variant,
-          layout: t.layout,
-          attached: t.attached,
-          "icon-box-shape": t.iconBoxShape,
-          "icon-box-style": t.iconBoxStyle,
-          "icon-size": t.iconSize || "w-4 h-4",
-          class: "!p-2.5 self-start"
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0),
-        o("h3", {
-          class: c([
-            t.titleSize || "text-xs font-medium text-muted-foreground",
-            "truncate mt-3 w-full"
+      t.layout === "layout-9" ? (e(), o(w, { key: 0 }, [
+        l("div", A, [
+          t.item.icon ? (e(), n(z, {
+            key: 0,
+            item: t.item,
+            variant: t.variant,
+            layout: t.layout,
+            attached: t.attached,
+            "icon-box-shape": t.iconBoxShape,
+            "icon-box-style": t.iconBoxStyle,
+            "icon-size": t.iconSize || "w-4 h-4",
+            class: "!p-2.5 shrink-0"
+          }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0),
+          l("div", G, [
+            l("h3", {
+              class: c([
+                t.titleSize || "text-xs font-medium text-muted-foreground",
+                "truncate w-full"
+              ])
+            }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+            t.loading ? (e(), o("div", J)) : (e(), n(S, {
+              key: 1,
+              content: h.value,
+              disabled: !g.value
+            }, {
+              default: x(() => [
+                l("p", {
+                  class: c(t.valueSize || "text-2xl font-bold text-foreground truncate mt-1")
+                }, d(f(t.item)), 3)
+              ]),
+              _: 1
+            }, 8, ["content", "disabled"])),
+            t.item.trend && !t.loading ? (e(), n(k, {
+              key: 2,
+              trend: t.item.trend,
+              layout: t.layout
+            }, null, 8, ["trend", "layout"])) : u("", !0)
           ])
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        t.loading ? (e(), n("div", A)) : (e(), l(S, {
-          key: 2,
-          content: b.value,
-          disabled: !g.value
-        }, {
-          default: x(() => [
-            o("p", {
-              class: c(t.valueSize || "text-2xl font-bold text-foreground truncate mt-1")
-            }, u(f(t.item)), 3)
-          ]),
-          _: 1
-        }, 8, ["content", "disabled"])),
-        t.item.trend && !t.loading ? (e(), l(k, {
-          key: 3,
-          trend: t.item.trend,
-          layout: t.layout
-        }, null, 8, ["trend", "layout"])) : d("", !0),
-        !t.loading && B.value.length ? (e(), n("div", G, [
+        ]),
+        !t.loading && B.value.length ? (e(), o("div", K, [
           D(E, {
             data: B.value,
             height: C.value,
@@ -214,36 +218,36 @@ const A = {
             colors: [H.value],
             "line-width": 2
           }, null, 8, ["data", "height", "fill", "colors"])
-        ])) : t.loading ? (e(), n("div", J)) : (e(), n("div", {
-          key: 5,
+        ])) : t.loading ? (e(), o("div", O)) : (e(), o("div", {
+          key: 1,
           class: "mt-auto pt-3",
           style: I({ minHeight: `${C.value}px` })
         }, null, 4))
-      ], 64)) : t.layout === "layout-4" ? (e(), n(w, { key: 1 }, [
-        o("h3", {
+      ], 64)) : t.layout === "layout-4" ? (e(), o(w, { key: 1 }, [
+        l("h3", {
           class: c(t.titleSize || "text-sm font-medium text-muted-foreground truncate w-full")
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        o("div", K, [
-          o("div", null, [
-            t.loading ? (e(), n("div", O)) : (e(), l(S, {
+        }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+        l("div", Q, [
+          l("div", null, [
+            t.loading ? (e(), o("div", R)) : (e(), n(S, {
               key: 1,
-              content: b.value,
+              content: h.value,
               disabled: !g.value
             }, {
               default: x(() => [
-                o("p", {
+                l("p", {
                   class: c(t.valueSize || "text-2xl font-bold text-foreground truncate")
-                }, u(f(t.item)), 3)
+                }, d(f(t.item)), 3)
               ]),
               _: 1
             }, 8, ["content", "disabled"])),
-            t.item.trend && !t.loading ? (e(), l(k, {
+            t.item.trend && !t.loading ? (e(), n(k, {
               key: 2,
               trend: t.item.trend,
               layout: t.layout
-            }, null, 8, ["trend", "layout"])) : d("", !0)
+            }, null, 8, ["trend", "layout"])) : u("", !0)
           ]),
-          t.item.icon ? (e(), l(z, {
+          t.item.icon ? (e(), n(z, {
             key: 0,
             item: t.item,
             variant: t.variant,
@@ -252,31 +256,31 @@ const A = {
             "icon-box-shape": t.iconBoxShape,
             "icon-box-style": t.iconBoxStyle,
             "icon-size": t.iconSize
-          }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0)
+          }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0)
         ])
-      ], 64)) : t.layout === "layout-5" ? (e(), n(w, { key: 2 }, [
-        t.loading ? (e(), n("div", Q)) : (e(), l(S, {
+      ], 64)) : t.layout === "layout-5" ? (e(), o(w, { key: 2 }, [
+        t.loading ? (e(), o("div", U)) : (e(), n(S, {
           key: 1,
-          content: b.value,
+          content: h.value,
           disabled: !g.value
         }, {
           default: x(() => [
-            o("p", {
+            l("p", {
               class: c(t.valueSize || "text-3xl font-bold text-foreground")
-            }, u(f(t.item)), 3)
+            }, d(f(t.item)), 3)
           ]),
           _: 1
         }, 8, ["content", "disabled"])),
-        o("h3", {
+        l("h3", {
           class: c(t.titleSize || "text-sm font-medium text-muted-foreground")
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        t.item.trend && !t.loading ? (e(), l(k, {
+        }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+        t.item.trend && !t.loading ? (e(), n(k, {
           key: 2,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : d("", !0)
-      ], 64)) : t.layout === "layout-6" ? (e(), n(w, { key: 3 }, [
-        t.item.icon ? (e(), l(z, {
+        }, null, 8, ["trend", "layout"])) : u("", !0)
+      ], 64)) : t.layout === "layout-6" ? (e(), o(w, { key: 3 }, [
+        t.item.icon ? (e(), n(z, {
           key: 0,
           item: t.item,
           variant: t.variant,
@@ -286,52 +290,52 @@ const A = {
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize,
           class: "absolute top-4 right-4"
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0),
-        o("h3", {
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0),
+        l("h3", {
           class: c(t.titleSize || "text-sm font-medium text-muted-foreground truncate pr-12")
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        t.loading ? (e(), n("div", R)) : (e(), l(S, {
+        }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+        t.loading ? (e(), o("div", W)) : (e(), n(S, {
           key: 2,
-          content: b.value,
+          content: h.value,
           disabled: !g.value
         }, {
           default: x(() => [
-            o("p", {
+            l("p", {
               class: c(t.valueSize || "text-2xl font-bold text-foreground truncate mt-1")
-            }, u(f(t.item)), 3)
+            }, d(f(t.item)), 3)
           ]),
           _: 1
         }, 8, ["content", "disabled"])),
-        t.item.trend && !t.loading ? (e(), l(k, {
+        t.item.trend && !t.loading ? (e(), n(k, {
           key: 3,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : d("", !0)
-      ], 64)) : t.layout === "layout-7" ? (e(), n("div", U, [
-        o("h3", {
+        }, null, 8, ["trend", "layout"])) : u("", !0)
+      ], 64)) : t.layout === "layout-7" ? (e(), o("div", X, [
+        l("h3", {
           class: c(
             t.titleSize || "text-xs font-semibold uppercase tracking-widest text-muted-foreground truncate"
           )
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        t.loading ? (e(), n("div", W)) : (e(), l(S, {
+        }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+        t.loading ? (e(), o("div", Y)) : (e(), n(S, {
           key: 1,
-          content: b.value,
+          content: h.value,
           disabled: !g.value
         }, {
           default: x(() => [
-            o("p", {
+            l("p", {
               class: c(t.valueSize || "text-3xl font-black text-foreground truncate mt-0.5")
-            }, u(f(t.item)), 3)
+            }, d(f(t.item)), 3)
           ]),
           _: 1
         }, 8, ["content", "disabled"])),
-        t.item.trend && !t.loading ? (e(), l(k, {
+        t.item.trend && !t.loading ? (e(), n(k, {
           key: 2,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : d("", !0)
-      ])) : t.layout === "layout-8" ? (e(), n(w, { key: 5 }, [
-        t.item.icon ? (e(), l(z, {
+        }, null, 8, ["trend", "layout"])) : u("", !0)
+      ])) : t.layout === "layout-8" ? (e(), o(w, { key: 5 }, [
+        t.item.icon ? (e(), n(z, {
           key: 0,
           item: t.item,
           variant: t.variant,
@@ -340,29 +344,29 @@ const A = {
           "icon-box-shape": t.iconBoxShape,
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0),
-        o("span", {
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0),
+        l("span", {
           class: c([t.titleSize || "-text-fs-2 font-medium text-muted-foreground truncate", "flex-1 min-w-0"])
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        t.loading ? (e(), n("div", X)) : (e(), l(S, {
+        }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+        t.loading ? (e(), o("div", Z)) : (e(), n(S, {
           key: 2,
-          content: b.value,
+          content: h.value,
           disabled: !g.value
         }, {
           default: x(() => [
-            o("span", {
+            l("span", {
               class: c(t.valueSize || "-text-fs-1 font-semibold text-foreground tabular-nums shrink-0")
-            }, u(f(t.item)), 3)
+            }, d(f(t.item)), 3)
           ]),
           _: 1
         }, 8, ["content", "disabled"])),
-        t.item.trend && !t.loading ? (e(), l(k, {
+        t.item.trend && !t.loading ? (e(), n(k, {
           key: 3,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : d("", !0)
-      ], 64)) : (e(), n(w, { key: 6 }, [
-        t.item.icon && t.layout !== "layout-2" ? (e(), l(z, {
+        }, null, 8, ["trend", "layout"])) : u("", !0)
+      ], 64)) : (e(), o(w, { key: 6 }, [
+        t.item.icon && t.layout !== "layout-2" ? (e(), n(z, {
           key: 0,
           item: t.item,
           variant: t.variant,
@@ -371,32 +375,32 @@ const A = {
           "icon-box-shape": t.iconBoxShape,
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0),
-        o("div", Y, [
-          o("h3", {
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0),
+        l("div", p, [
+          l("h3", {
             class: c(t.titleSize || "text-sm font-medium text-muted-foreground truncate")
-          }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-          o("div", Z, [
-            t.loading ? (e(), n("div", p)) : (e(), l(S, {
+          }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+          l("div", _, [
+            t.loading ? (e(), o("div", tt)) : (e(), n(S, {
               key: 1,
-              content: b.value,
+              content: h.value,
               disabled: !g.value
             }, {
               default: x(() => [
-                o("p", {
+                l("p", {
                   class: c(t.valueSize || "text-2xl font-bold text-foreground truncate")
-                }, u(f(t.item)), 3)
+                }, d(f(t.item)), 3)
               ]),
               _: 1
             }, 8, ["content", "disabled"]))
           ]),
-          t.item.trend && !t.loading ? (e(), l(k, {
+          t.item.trend && !t.loading ? (e(), n(k, {
             key: 0,
             trend: t.item.trend,
             layout: t.layout
-          }, null, 8, ["trend", "layout"])) : d("", !0)
+          }, null, 8, ["trend", "layout"])) : u("", !0)
         ]),
-        t.item.icon && t.layout === "layout-2" ? (e(), l(z, {
+        t.item.icon && t.layout === "layout-2" ? (e(), n(z, {
           key: 1,
           item: t.item,
           variant: t.variant,
@@ -405,11 +409,11 @@ const A = {
           "icon-box-shape": t.iconBoxShape,
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0)
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0)
       ], 64))
     ], 6));
   }
 });
 export {
-  ct as default
+  ut as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "1.4.27",
+  "version": "1.4.28",
   "type": "module",
   "main": "index.js",
   "module": "index.js",