@plumile/backoffice-react 0.2.3 → 0.2.5

package/lib/esm/pages/BackofficeDashboardWidgetContent.js

@@ -5,39 +5,55 @@ import { buildDataTableColumns as r } from "../components/backoffice/columns/bui
 import { resolveLabel as i } from "./BackofficeDashboardPage.helpers.js";
 import { tileBody as a, tileCount as o } from "./backofficeDashboardPage.css.js";
 import s from "./resolveDashboardTargetDestination.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useTranslation as u } from "react-i18next";
-import * as d from "react-relay";
-import { BackofficeEmptyState as f } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
-import { DashboardPanel as p } from "@plumile/ui/components/dashboard/dashboard_panel/DashboardPanel.js";
-import { DashboardQuickActions as m } from "@plumile/ui/components/dashboard/dashboard_quick_actions/DashboardQuickActions.js";
-import { DashboardMetricGroup as h } from "@plumile/ui/components/dashboard/dashboard_metric_group/DashboardMetricGroup.js";
-import { DashboardStatusList as g } from "@plumile/ui/components/dashboard/dashboard_status_list/DashboardStatusList.js";
-import { DashboardBreakdownList as _ } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardBreakdownList.js";
-import { DashboardEntitySpotlight as v } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardEntitySpotlight.js";
-import { DashboardHealthMatrix as y } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardHealthMatrix.js";
-import { DashboardRiskQueue as b } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardRiskQueue.js";
-import { DashboardSlaGauge as x } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardSlaGauge.js";
-import { DashboardTimelineChart as S } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardTimelineChart.js";
-import { DashboardTrendMetric as C } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardTrendMetric.js";
-import { DashboardWindowControl as w } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardWindowControl.js";
-import { DataTable as T } from "@plumile/ui/components/data-table/DataTable.js";
+import { DashboardBreakdownList as c, DashboardEntitySpotlight as l, DashboardHealthMatrix as u, DashboardMetricGroup as d, DashboardPanel as f, DashboardQuickActions as p, DashboardRiskQueue as m, DashboardSlaGauge as h, DashboardStatusList as g, DashboardTimelineChart as _, DashboardTrendMetric as v, DashboardWindowControl as y, DataTable as b } from "@plumile/ui";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useTranslation as C } from "react-i18next";
+import * as w from "react-relay";
+import { BackofficeEmptyState as T } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
 //#region src/pages/BackofficeDashboardWidgetContent.tsx
-var { useLazyLoadQuery: E } = d, D = { window: {
+var { useLazyLoadQuery: E } = w, D = (e, t) => {
+	switch (e) {
+		case "neutral": return t("dashboard.tones.neutral");
+		case "info": return t("dashboard.tones.info");
+		case "success": return t("dashboard.tones.success");
+		case "warning": return t("dashboard.tones.warning");
+		case "danger": return t("dashboard.tones.danger");
+		default: return e;
+	}
+}, O = (e, t) => e == null ? {} : {
+	tone: e,
+	toneLabel: D(e, t)
+}, k = (e, t) => e == null ? {} : {
+	threshold: e,
+	thresholdLabel: t("dashboard.threshold")
+}, A = (e, t, n, r) => e == null ? {} : {
+	sparkline: e,
+	sparklineLabel: t,
+	sparklineDescription: r("dashboard.chart.description", { label: t }),
+	sparklineEmptyMessage: r("dashboard.chart.empty"),
+	locale: n
+}, j = (e, t) => {
+	switch (e) {
+		case "up": return t("dashboard.trendDirections.up");
+		case "down": return t("dashboard.trendDirections.down");
+		case "flat": return t("dashboard.trendDirections.flat");
+		default: return e;
+	}
+}, M = { window: {
 	id: "24h",
 	label: (e) => e("common.time.lastDay", "24 h"),
 	from: (/* @__PURE__ */ new Date(0)).toISOString(),
 	to: (/* @__PURE__ */ new Date(0)).toISOString()
-} }, O = (e, t) => typeof e.variables == "function" ? e.variables(t) : e.variables, k = () => {
+} }, N = (e, t) => typeof e.variables == "function" ? e.variables(t) : e.variables, P = () => {
 	let { t } = e();
-	return /* @__PURE__ */ c(f, { title: t("common.notAvailable") });
-}, A = () => {
+	return /* @__PURE__ */ x(T, { title: t("common.notAvailable") });
+}, F = () => {
 	let { entities: e } = t();
 	return (t, n) => s(t, e, n);
-}, j = ({ metrics: t }) => {
-	let { t: n } = u(), { t: r } = e(), a = A();
-	return /* @__PURE__ */ c(h, {
-		emptyState: /* @__PURE__ */ c(k, {}),
+}, I = ({ metrics: t }) => {
+	let { t: n } = C(), { t: r } = e(), a = F();
+	return /* @__PURE__ */ x(d, {
+		emptyState: /* @__PURE__ */ x(P, {}),
 		metrics: t.map((e) => ({
 			id: e.id,
 			destination: a(e.target, e.href),
@@ -46,111 +62,122 @@ var { useLazyLoadQuery: E } = d, D = { window: {
 			hint: e.meta == null ? void 0 : i(e.meta, n)
 		}))
 	});
-}, M = ({ items: t }) => {
-	let { t: n } = u(), { t: r } = e(), a = A();
-	return /* @__PURE__ */ c(g, {
-		emptyState: /* @__PURE__ */ c(k, {}),
-		items: t.map((e) => ({
-			id: e.id,
-			destination: a(e.target, e.href),
-			label: i(e.label, n),
-			value: e.value ?? r("common.notAvailable")
-		}))
-	});
-}, N = ({ actions: e, layout: t }) => {
-	let { t: n } = u(), r = A();
-	return /* @__PURE__ */ c(m, {
-		layout: t,
-		emptyState: /* @__PURE__ */ c(k, {}),
-		actions: e.map((e) => {
-			let t;
-			return t = typeof e.label == "string" ? e.label : i(e.label, n), {
+}, L = ({ items: t }) => {
+	let { t: n } = C(), { t: r } = e(), a = F();
+	return /* @__PURE__ */ x(g, {
+		emptyState: /* @__PURE__ */ x(P, {}),
+		items: t.map((e) => {
+			let t = a(e.target, e.href), o = {
 				id: e.id,
-				destination: r(e.target, e.href) ?? { pathname: "#" },
-				label: t
+				label: i(e.label, n),
+				value: e.value ?? r("common.notAvailable")
+			};
+			return t == null ? o : {
+				...o,
+				destination: t
 			};
 		})
 	});
-}, P = ({ metric: t }) => {
-	let { t: n } = u(), { t: r } = e(), a = A();
-	return /* @__PURE__ */ c(C, {
-		label: i(t.label, n),
-		value: t.value ?? r("common.notAvailable"),
+}, R = ({ actions: e, layout: t }) => {
+	let { t: n } = C(), r = F(), a = e.flatMap((e) => {
+		let t = r(e.target, e.href);
+		if (t == null) return [];
+		let a;
+		return a = typeof e.label == "string" ? e.label : i(e.label, n), [{
+			id: e.id,
+			destination: t,
+			label: a
+		}];
+	});
+	return /* @__PURE__ */ x(p, {
+		layout: t,
+		emptyState: /* @__PURE__ */ x(P, {}),
+		actions: a
+	});
+}, z = ({ metric: t }) => {
+	let { i18n: n, t: r } = C(), { t: a } = e(), o = F();
+	return /* @__PURE__ */ x(v, {
+		label: i(t.label, r),
+		value: t.value ?? a("common.notAvailable"),
 		unit: t.unit,
-		destination: a(t.target, t.href),
-		tone: t.tone,
+		destination: o(t.target, t.href),
+		...O(t.tone, a),
 		delta: t.delta == null ? void 0 : {
 			...t.delta,
-			label: t.delta.label == null ? void 0 : i(t.delta.label, n)
+			directionLabel: j(t.delta.direction, a),
+			label: t.delta.label == null ? void 0 : i(t.delta.label, r)
 		},
-		sparkline: t.sparkline,
-		sparklineLabel: i(t.label, n)
+		...A(t.sparkline, i(t.label, r), n.language, a)
 	});
-}, F = ({ gauge: t }) => {
-	let { t: n } = u(), { t: r } = e(), a = A();
-	return t.value == null ? /* @__PURE__ */ c(f, { title: r("common.notAvailable") }) : /* @__PURE__ */ c(x, {
+}, B = ({ gauge: t }) => {
+	let { t: n } = C(), { t: r } = e(), a = F();
+	return t.value == null ? /* @__PURE__ */ x(T, { title: r("common.notAvailable") }) : /* @__PURE__ */ x(h, {
 		label: i(t.label, n),
 		value: t.value,
+		valueText: `${t.value}${t.unit ?? ""}`,
 		max: t.max,
-		threshold: t.threshold,
+		...k(t.threshold, r),
 		unit: t.unit,
 		tone: t.tone,
 		destination: a(t.target, t.href)
 	});
-}, I = ({ items: t }) => {
-	let { t: n } = u(), { t: r } = e(), a = A();
-	return /* @__PURE__ */ c(_, {
-		emptyState: /* @__PURE__ */ c(k, {}),
+}, V = ({ items: t }) => {
+	let { t: n } = C(), { t: r } = e(), a = F();
+	return /* @__PURE__ */ x(c, {
+		emptyState: /* @__PURE__ */ x(P, {}),
 		items: t.map((e) => ({
 			id: e.id,
 			destination: a(e.target, e.href),
 			label: i(e.label, n),
 			meta: e.meta == null ? void 0 : i(e.meta, n),
-			tone: e.tone,
+			...O(e.tone, r),
 			value: e.value ?? r("common.notAvailable")
 		}))
 	});
-}, L = ({ ariaLabel: e, chart: t, result: n }) => {
-	let { t: r } = u();
-	return /* @__PURE__ */ c(S, {
-		ariaLabel: i(e, r),
-		chart: t,
-		emptyMessage: n.emptyLabel == null ? "" : i(n.emptyLabel, r),
-		series: n.series.map((e) => ({
+}, H = ({ ariaLabel: t, chart: n, result: r }) => {
+	let { i18n: a, t: o } = C(), { t: s } = e();
+	return /* @__PURE__ */ x(_, {
+		ariaLabel: i(t, o),
+		ariaDescription: s("dashboard.chart.description", { label: i(t, o) }),
+		chart: n,
+		emptyMessage: r.emptyLabel == null ? s("dashboard.chart.empty") : i(r.emptyLabel, o),
+		locale: a.language,
+		series: r.series.map((e) => ({
 			...e,
-			label: i(e.label, r)
+			label: i(e.label, o)
 		}))
 	});
-}, R = ({ items: t }) => {
-	let { t: n } = u(), { t: r } = e(), a = A();
-	return /* @__PURE__ */ c(b, {
-		emptyState: /* @__PURE__ */ c(k, {}),
+}, U = ({ items: t }) => {
+	let { t: n } = C(), { t: r } = e(), a = F();
+	return /* @__PURE__ */ x(m, {
+		emptyState: /* @__PURE__ */ x(P, {}),
 		items: t.map((e) => ({
 			id: e.id,
 			destination: a(e.target, e.href),
 			label: i(e.label, n),
 			meta: e.meta == null ? void 0 : i(e.meta, n),
 			severity: e.severity,
+			severityLabel: D(e.severity, r),
 			value: e.value ?? r("common.notAvailable")
 		}))
 	});
-}, z = ({ item: e }) => {
-	let { t } = u(), n = A();
-	return e == null ? /* @__PURE__ */ c(k, {}) : /* @__PURE__ */ c(v, {
-		destination: n(e.target, e.href),
-		label: i(e.label, t),
-		title: i(e.title, t),
-		tone: e.tone,
-		meta: e.meta?.map((e) => ({
+}, W = ({ item: t }) => {
+	let { t: n } = C(), { t: r } = e(), a = F();
+	return t == null ? /* @__PURE__ */ x(P, {}) : /* @__PURE__ */ x(l, {
+		destination: a(t.target, t.href),
+		label: i(t.label, n),
+		title: i(t.title, n),
+		...O(t.tone, r),
+		meta: t.meta?.map((e) => ({
 			id: e.id,
-			label: i(e.label, t),
+			label: i(e.label, n),
 			value: e.value
 		}))
 	});
-}, B = ({ rows: t }) => {
-	let { t: n } = u(), { t: r } = e(), a = A();
-	return /* @__PURE__ */ c(y, {
-		emptyState: /* @__PURE__ */ c(k, {}),
+}, G = ({ rows: t }) => {
+	let { t: n } = C(), { t: r } = e(), a = F();
+	return /* @__PURE__ */ x(u, {
+		emptyState: /* @__PURE__ */ x(P, {}),
 		rows: t.map((e) => ({
 			id: e.id,
 			label: i(e.label, n),
@@ -158,63 +185,70 @@ var { useLazyLoadQuery: E } = d, D = { window: {
 				id: e.id,
 				destination: a(e.target, e.href),
 				label: i(e.label, n),
-				tone: e.tone,
+				...O(e.tone, r),
 				value: e.value ?? r("common.notAvailable")
 			}))
 		}))
 	});
-}, V = ({ activeWindowPresetId: s, context: d = D, widget: f, data: h, onWindowPresetChange: g, windowPresets: _ = [] }) => {
-	let { t: v } = u(), { t: y } = e(), { entities: b } = t(), x = f.description == null ? void 0 : i(f.description, v), S = () => f.dataSource === "query" && h != null ? f.resolve(h, d) : null;
-	if (f.kind === "textBlock") {
-		let e = i(f.title, v), t = i(f.body, v);
-		return /* @__PURE__ */ c(p, {
+}, K = ({ activeWindowPresetId: s, context: c = M, widget: l, data: u, onWindowPresetChange: d, windowPresets: m = [] }) => {
+	let { i18n: h, t: g } = C(), { t: _ } = e(), { entities: v } = t(), w = l.description == null ? void 0 : i(l.description, g), T = () => l.dataSource === "query" && u != null ? l.resolve(u, c) : null;
+	if (l.kind === "textBlock") {
+		let e = i(l.title, g), t = i(l.body, g);
+		return /* @__PURE__ */ x(f, {
 			title: e,
-			subtitle: x,
-			children: /* @__PURE__ */ c("div", {
+			subtitle: w,
+			children: /* @__PURE__ */ x("div", {
 				className: a,
 				children: t
 			})
 		});
 	}
-	if (f.kind === "shortcut") {
-		let e = b[f.entityId], t = i(f.label, v);
-		return e == null ? /* @__PURE__ */ c(p, {
+	if (l.kind === "shortcut") {
+		let e = v[l.entityId], t = i(l.label, g);
+		return e == null ? /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(k, {})
-		}) : e.kind === "tool" ? /* @__PURE__ */ c(p, {
+			subtitle: w,
+			children: /* @__PURE__ */ x(P, {})
+		}) : e.kind === "tool" ? /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(m, { actions: [{
-				id: e.id,
-				destination: { pathname: e.routes.list },
-				label: y("dashboard.actions.openTool")
-			}] })
-		}) : /* @__PURE__ */ c(p, {
+			subtitle: w,
+			children: /* @__PURE__ */ x(p, {
+				emptyState: /* @__PURE__ */ x(P, {}),
+				actions: [{
+					id: e.id,
+					destination: { pathname: e.routes.list },
+					label: _("dashboard.actions.openTool")
+				}]
+			})
+		}) : /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(m, { actions: [{
-				id: e.id,
-				destination: { pathname: e.routes.list },
-				label: y("dashboard.actions.openList")
-			}] })
+			subtitle: w,
+			children: /* @__PURE__ */ x(p, {
+				emptyState: /* @__PURE__ */ x(P, {}),
+				actions: [{
+					id: e.id,
+					destination: { pathname: e.routes.list },
+					label: _("dashboard.actions.openList")
+				}]
+			})
 		});
 	}
-	if (f.kind === "tablePreview") {
-		let e = S();
-		if (e == null) return /* @__PURE__ */ c(p, {
-			title: i(f.title, v),
-			subtitle: x,
-			children: /* @__PURE__ */ c(k, {})
+	if (l.kind === "tablePreview") {
+		let e = T();
+		if (e == null) return /* @__PURE__ */ x(f, {
+			title: i(l.title, g),
+			subtitle: w,
+			children: /* @__PURE__ */ x(P, {})
 		});
 		let t = r(e.columns, {
-			tApp: v,
-			t: y
-		}), n = i(f.title, v);
-		return /* @__PURE__ */ c(p, {
+			tApp: g,
+			t: _
+		}), n = i(l.title, g);
+		return /* @__PURE__ */ x(f, {
 			title: n,
-			subtitle: x,
-			children: /* @__PURE__ */ c(T, {
+			subtitle: w,
+			children: /* @__PURE__ */ x(b, {
+				"aria-label": n,
 				columns: t,
 				rows: e.rows,
 				getRowId: (e, t) => {
@@ -227,198 +261,200 @@ var { useLazyLoadQuery: E } = d, D = { window: {
 			})
 		});
 	}
-	if (f.kind === "metricGroup") {
-		let e = S();
-		return e == null ? /* @__PURE__ */ c(k, {}) : /* @__PURE__ */ c(j, { metrics: e });
+	if (l.kind === "metricGroup") {
+		let e = T();
+		return e == null ? /* @__PURE__ */ x(P, {}) : /* @__PURE__ */ x(I, { metrics: e });
 	}
-	if (f.kind === "trendMetric") {
-		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
-		return e == null ? /* @__PURE__ */ c(p, {
+	if (l.kind === "trendMetric") {
+		let e = T(), t = l.title == null ? void 0 : i(l.title, g);
+		return e == null ? /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(k, {})
-		}) : /* @__PURE__ */ c(p, {
+			subtitle: w,
+			children: /* @__PURE__ */ x(P, {})
+		}) : /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(P, { metric: e })
+			subtitle: w,
+			children: /* @__PURE__ */ x(z, { metric: e })
 		});
 	}
-	if (f.kind === "slaGauge") {
-		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
-		return e == null ? /* @__PURE__ */ c(p, {
+	if (l.kind === "slaGauge") {
+		let e = T(), t = l.title == null ? void 0 : i(l.title, g);
+		return e == null ? /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(k, {})
-		}) : /* @__PURE__ */ c(p, {
+			subtitle: w,
+			children: /* @__PURE__ */ x(P, {})
+		}) : /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(F, { gauge: e })
+			subtitle: w,
+			children: /* @__PURE__ */ x(B, { gauge: e })
 		});
 	}
-	if (f.kind === "breakdownList") {
-		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
-		return e == null ? /* @__PURE__ */ c(p, {
+	if (l.kind === "breakdownList") {
+		let e = T(), t = l.title == null ? void 0 : i(l.title, g);
+		return e == null ? /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(k, {})
-		}) : /* @__PURE__ */ c(p, {
+			subtitle: w,
+			children: /* @__PURE__ */ x(P, {})
+		}) : /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(I, { items: e })
+			subtitle: w,
+			children: /* @__PURE__ */ x(V, { items: e })
 		});
 	}
-	if (f.kind === "timelineChart") {
-		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
-		return e == null ? /* @__PURE__ */ c(p, {
+	if (l.kind === "timelineChart") {
+		let e = T(), t = l.title == null ? void 0 : i(l.title, g);
+		return e == null ? /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(k, {})
-		}) : /* @__PURE__ */ c(p, {
+			subtitle: w,
+			children: /* @__PURE__ */ x(P, {})
+		}) : /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(L, {
-				ariaLabel: f.ariaLabel,
-				chart: f.chart,
+			subtitle: w,
+			children: /* @__PURE__ */ x(H, {
+				ariaLabel: l.ariaLabel,
+				chart: l.chart,
 				result: e
 			})
 		});
 	}
-	if (f.kind === "riskQueue") {
-		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
-		return e == null ? /* @__PURE__ */ c(p, {
+	if (l.kind === "riskQueue") {
+		let e = T(), t = l.title == null ? void 0 : i(l.title, g);
+		return e == null ? /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(k, {})
-		}) : /* @__PURE__ */ c(p, {
+			subtitle: w,
+			children: /* @__PURE__ */ x(P, {})
+		}) : /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(R, { items: e })
+			subtitle: w,
+			children: /* @__PURE__ */ x(U, { items: e })
 		});
 	}
-	if (f.kind === "entitySpotlight") {
-		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
-		return /* @__PURE__ */ c(p, {
+	if (l.kind === "entitySpotlight") {
+		let e = T(), t = l.title == null ? void 0 : i(l.title, g);
+		return /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(z, { item: e })
+			subtitle: w,
+			children: /* @__PURE__ */ x(W, { item: e })
 		});
 	}
-	if (f.kind === "healthMatrix") {
-		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
-		return e == null ? /* @__PURE__ */ c(p, {
+	if (l.kind === "healthMatrix") {
+		let e = T(), t = l.title == null ? void 0 : i(l.title, g);
+		return e == null ? /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(k, {})
-		}) : /* @__PURE__ */ c(p, {
+			subtitle: w,
+			children: /* @__PURE__ */ x(P, {})
+		}) : /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(B, { rows: e })
+			subtitle: w,
+			children: /* @__PURE__ */ x(G, { rows: e })
 		});
 	}
-	if (f.kind === "billingUsageChart") {
-		let e = S(), t = i(f.title, v);
-		return e == null ? /* @__PURE__ */ c(p, {
+	if (l.kind === "billingUsageChart") {
+		let e = T(), t = i(l.title, g);
+		return e == null ? /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(k, {})
-		}) : /* @__PURE__ */ c(p, {
+			subtitle: w,
+			children: /* @__PURE__ */ x(P, {})
+		}) : /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(n, {
-				ariaLabel: i(f.ariaLabel, v),
+			subtitle: w,
+			children: /* @__PURE__ */ x(n, {
+				ariaLabel: i(l.ariaLabel, g),
 				buckets: e.buckets,
-				categories: f.categories.map((e) => ({
+				categories: l.categories.map((e) => ({
 					id: e.id,
-					label: i(e.label, v),
+					label: i(e.label, g),
 					color: e.color
 				})),
 				currency: e.currency,
-				emptyLabel: i(f.emptyLabel, v),
+				emptyLabel: i(l.emptyLabel, g),
 				from: e.from,
-				rangePrefix: i(f.rangePrefix, v),
+				locale: h.language,
+				rangePrefix: i(l.rangePrefix, g),
 				to: e.to,
 				totalAmount: e.totalAmount
 			})
 		});
 	}
-	if (f.kind === "quickActions") {
-		let e = f.title == null ? y("dashboard.actions.openTool") : i(f.title, v);
-		return /* @__PURE__ */ c(p, {
+	if (l.kind === "quickActions") {
+		let e = l.title == null ? _("dashboard.actions.openTool") : i(l.title, g);
+		return /* @__PURE__ */ x(f, {
 			title: e,
-			subtitle: x,
-			children: /* @__PURE__ */ c(N, {
-				layout: f.layout?.zone === "aside" ? "stack" : "grid",
-				actions: f.actions
+			subtitle: w,
+			children: /* @__PURE__ */ x(R, {
+				layout: l.layout?.zone === "aside" ? "stack" : "grid",
+				actions: l.actions
 			})
 		});
 	}
-	if (f.kind === "windowControl") return /* @__PURE__ */ c(p, {
-		title: i(f.title, v),
-		subtitle: x,
-		children: /* @__PURE__ */ c(w, {
-			activePresetId: s ?? d.window.id,
+	if (l.kind === "windowControl") return /* @__PURE__ */ x(f, {
+		title: i(l.title, g),
+		subtitle: w,
+		children: /* @__PURE__ */ x(y, {
+			label: _("dashboard.windowLabel"),
+			activePresetId: s ?? c.window.id,
 			onChange: (e) => {
-				g?.(e);
+				d?.(e);
 			},
-			presets: _.map((e) => ({
+			presets: m.map((e) => ({
 				id: e.id,
-				label: i(e.label, v)
+				label: i(e.label, g)
 			}))
 		})
 	});
-	if (f.kind === "statusSummary") {
-		let e = S();
+	if (l.kind === "statusSummary") {
+		let e = T();
 		if (e == null) {
-			let e = f.title == null ? void 0 : i(f.title, v);
-			return /* @__PURE__ */ c(p, {
+			let e = l.title == null ? void 0 : i(l.title, g);
+			return /* @__PURE__ */ x(f, {
 				title: e,
-				subtitle: x,
-				children: /* @__PURE__ */ c(k, {})
+				subtitle: w,
+				children: /* @__PURE__ */ x(P, {})
 			});
 		}
-		let t = f.title == null ? void 0 : i(f.title, v);
-		return /* @__PURE__ */ c(p, {
+		let t = l.title == null ? void 0 : i(l.title, g);
+		return /* @__PURE__ */ x(f, {
 			title: t,
-			subtitle: x,
-			children: /* @__PURE__ */ c(M, { items: e })
+			subtitle: w,
+			children: /* @__PURE__ */ x(L, { items: e })
 		});
 	}
-	if (f.kind === "recentItems") {
-		let e = f.title == null ? y("dashboard.title") : i(f.title, v);
-		return /* @__PURE__ */ c(p, {
+	if (l.kind === "recentItems") {
+		let e = l.title == null ? _("dashboard.title") : i(l.title, g);
+		return /* @__PURE__ */ x(f, {
 			title: e,
-			subtitle: x,
-			children: /* @__PURE__ */ c(k, {})
+			subtitle: w,
+			children: /* @__PURE__ */ x(P, {})
 		});
 	}
-	let C = b[f.entityId];
-	if (C?.kind !== "list-detail") return /* @__PURE__ */ c(p, {
-		title: i(f.label, v),
-		subtitle: x,
-		children: /* @__PURE__ */ c(k, {})
+	let E = v[l.entityId];
+	if (E?.kind !== "list-detail") return /* @__PURE__ */ x(f, {
+		title: i(l.label, g),
+		subtitle: w,
+		children: /* @__PURE__ */ x(P, {})
 	});
-	let E = S(), O = y("common.notAvailable");
-	typeof E?.count == "number" && (O = E.count);
-	let A = i(f.label, v);
-	return /* @__PURE__ */ c(p, {
-		title: A,
-		subtitle: x,
-		children: /* @__PURE__ */ l("div", {
+	let D = T(), O = _("common.notAvailable");
+	typeof D?.count == "number" && (O = D.count);
+	let k = i(l.label, g);
+	return /* @__PURE__ */ x(f, {
+		title: k,
+		subtitle: w,
+		children: /* @__PURE__ */ S("div", {
 			className: a,
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ x("div", {
 				className: o,
 				children: O
-			}), /* @__PURE__ */ c(N, { actions: [{
-				id: C.id,
-				href: E?.href ?? C.routes.list,
-				target: E?.target,
-				label: y("dashboard.actions.openList")
+			}), /* @__PURE__ */ x(R, { actions: [{
+				id: E.id,
+				href: D?.href ?? E.routes.list,
+				target: D?.target,
+				label: _("dashboard.actions.openList")
 			}] })]
 		})
 	});
-}, H = ({ activeWindowPresetId: e, context: t = D, onWindowPresetChange: n, widget: r, windowPresets: i }) => {
-	let a = E(r.query, O(r, t), { fetchPolicy: "store-or-network" });
-	return /* @__PURE__ */ c(V, {
+}, q = ({ activeWindowPresetId: e, context: t = M, onWindowPresetChange: n, widget: r, windowPresets: i }) => {
+	let a = E(r.query, N(r, t), { fetchPolicy: "store-or-network" });
+	return /* @__PURE__ */ x(K, {
 		activeWindowPresetId: e,
 		context: t,
 		data: a,
@@ -426,14 +462,14 @@ var { useLazyLoadQuery: E } = d, D = { window: {
 		widget: r,
 		windowPresets: i
 	});
-}, U = (e) => {
+}, J = (e) => {
 	let { widget: t } = e;
-	return t.dataSource === "query" ? /* @__PURE__ */ c(H, {
+	return t.dataSource === "query" ? /* @__PURE__ */ x(q, {
 		...e,
 		widget: t
-	}) : /* @__PURE__ */ c(V, { ...e });
+	}) : /* @__PURE__ */ x(K, { ...e });
 };
 //#endregion
-export { U as BackofficeDashboardWidgetContent, U as default };
+export { J as BackofficeDashboardWidgetContent, J as default };
 
 //# sourceMappingURL=BackofficeDashboardWidgetContent.js.map