@dskripchenko/ui 1.6.0 → 1.6.2

package/dist/index.mjs

@@ -874,6 +874,7 @@ var it = ["for"], at = {
 		]]) }, [e.dot ? s("", !0) : A(t.$slots, "default", { key: 0 })], 2));
 	}
 }), nn = {
+	code: "ru-RU",
 	common: {
 		clear: "Очистить",
 		close: "Закрыть",
@@ -6255,14 +6256,15 @@ var Cc = {
 		variant: { default: "card" },
 		icon: {},
 		loading: { type: Boolean },
-		footer: {}
+		footer: {},
+		locale: { default: void 0 }
 	},
 	setup(t) {
-		let n = t, r = a(() => n.value === void 0 ? "" : n.formatter ? n.formatter(n.value) : typeof n.value == "number" ? n.value.toLocaleString("ru-RU", {
+		let n = t, r = $(), i = a(() => n.locale ?? r.value.code ?? "ru-RU"), d = a(() => n.value === void 0 ? "" : n.formatter ? n.formatter(n.value) : typeof n.value == "number" ? n.value.toLocaleString(i.value, {
 			minimumFractionDigits: n.precision,
 			maximumFractionDigits: n.precision
-		}) : String(n.value)), i = a(() => n.trend === void 0 ? null : n.trend > 0 ? "up" : n.trend < 0 ? "down" : "flat"), d = a(() => i.value === "up" ? ne : i.value === "down" ? te : null), f = a(() => n.trend === void 0 ? "" : `${Math.abs(n.trend).toLocaleString("ru-RU", { maximumFractionDigits: 2 })}${n.trendSuffix}`);
-		return (n, a) => (T(), c("div", { class: y(["uid-stat", [
+		}) : String(n.value)), f = a(() => n.trend === void 0 ? null : n.trend > 0 ? "up" : n.trend < 0 ? "down" : "flat"), p = a(() => f.value === "up" ? ne : f.value === "down" ? te : null), m = a(() => n.trend === void 0 ? "" : `${Math.abs(n.trend).toLocaleString(i.value, { maximumFractionDigits: 2 })}${n.trendSuffix}`);
+		return (n, r) => (T(), c("div", { class: y(["uid-stat", [
 			`uid-stat--${t.tone}`,
 			t.variant === "ghost" && "uid-stat--ghost",
 			t.loading && "uid-stat--loading"
@@ -6274,16 +6276,16 @@ var Cc = {
 			t.title ? (T(), c("p", Qc, P(t.title), 1)) : s("", !0),
 			l("div", $c, [l("span", el, [A(n.$slots, "value", {}, () => [
 				t.prefix ? (T(), c("span", tl, P(t.prefix), 1)) : s("", !0),
-				l("span", null, P(r.value), 1),
+				l("span", null, P(d.value), 1),
 				t.suffix ? (T(), c("span", nl, P(t.suffix), 1)) : s("", !0)
 			])]), t.trend !== void 0 || n.$slots.trend ? (T(), c("span", {
 				key: 0,
-				class: y(["uid-stat__trend", i.value && `uid-stat__trend--${i.value}`])
-			}, [A(n.$slots, "trend", {}, () => [d.value ? (T(), o(e, {
+				class: y(["uid-stat__trend", f.value && `uid-stat__trend--${f.value}`])
+			}, [A(n.$slots, "trend", {}, () => [p.value ? (T(), o(e, {
 				key: 0,
-				icon: d.value,
+				icon: p.value,
 				size: 12
-			}, null, 8, ["icon"])) : s("", !0), l("span", null, P(f.value), 1)])], 2)) : s("", !0)]),
+			}, null, 8, ["icon"])) : s("", !0), l("span", null, P(m.value), 1)])], 2)) : s("", !0)]),
 			t.footer || n.$slots.footer ? (T(), c("p", rl, [A(n.$slots, "footer", {}, () => [u(P(t.footer), 1)])])) : s("", !0)
 		])], 2));
 	}
@@ -8615,14 +8617,16 @@ var Cc = {
 			center: "center",
 			end: "end",
 			stretch: "stretch"
-		}, r = a(() => ({
-			gridTemplateColumns: typeof t.cols == "number" ? `repeat(${t.cols}, minmax(0, 1fr))` : t.cols,
-			gap: t.rowGap || t.colGap ? void 0 : t.gap,
-			rowGap: t.rowGap,
-			columnGap: t.colGap,
-			alignItems: t.align ? n[t.align] : void 0,
-			justifyItems: t.justify ? n[t.justify] : void 0
-		}));
+		}, r = a(() => {
+			let e = !!(t.rowGap || t.colGap), r = {
+				gridTemplateColumns: typeof t.cols == "number" ? `repeat(${t.cols}, minmax(0, 1fr))` : t.cols,
+				rowGap: e ? t.rowGap : t.gap,
+				columnGap: e ? t.colGap : t.gap,
+				alignItems: t.align ? n[t.align] : void 0,
+				justifyItems: t.justify ? n[t.justify] : void 0
+			};
+			return Object.fromEntries(Object.entries(r).filter(([, e]) => e !== void 0 && e !== ""));
+		});
 		return (t, n) => (T(), o(M(e.as), {
 			class: "uid-grid",
 			style: b(r.value)
@@ -9089,6 +9093,7 @@ var wp = { class: "uid-layout-sidebar__sidebar" }, Tp = { class: "uid-layout-sid
 		return on(a(() => t.locale)), (e, t) => A(e.$slots, "default");
 	}
 }), Hp = {
+	code: "en-US",
 	common: {
 		clear: "Clear",
 		close: "Close",

package/dist/locales/types.d.ts

@@ -1,4 +1,6 @@
 export interface UidLocale {
+    /** BCP 47 tag used for Intl / toLocaleString number and date formatting. */
+    code?: string;
     common: {
         clear: string;
         close: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dskripchenko/ui",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "Vue 3 component, token, and theme library on CSS custom properties",
   "keywords": [
     "vue",