@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

package/dist/bigconsole/components/widgets/pivot-table/PivotTableWidget.js

@@ -4,22 +4,23 @@ import t from "../../../hooks/useWidgetOperations.js";
 import "../../../hooks/index.js";
 import { memo as n, useCallback as r, useMemo as i, useState as a } from "react";
 import { ChevronDown as o, ChevronRight as s, GripVertical as c, Settings as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/pivot-table/PivotTableWidget.tsx
-var f = [
+var p = [
 	"sum",
 	"count",
 	"average",
 	"min",
 	"max"
-], p = {
+], m = {
 	sum: (e) => e.reduce((e, t) => e + t, 0),
 	count: (e) => e.length,
 	average: (e) => e.length ? e.reduce((e, t) => e + t, 0) / e.length : 0,
 	min: (e) => e.length ? Math.min(...e) : 0,
 	max: (e) => e.length ? Math.max(...e) : 0
 };
-function m(e, t, n, r = 0) {
+function h(e, t, n, r = 0) {
 	let i = {
 		key: "root",
 		values: {},
@@ -30,7 +31,7 @@ function m(e, t, n, r = 0) {
 	if (t.length === 0) {
 		for (let t of n) {
 			let n = e.map((e) => Number(e[t.field]) || 0).filter((e) => !isNaN(e));
-			i.values[t.field] = p[t.aggregation](n);
+			i.values[t.field] = m[t.aggregation](n);
 		}
 		return i;
 	}
@@ -40,22 +41,22 @@ function m(e, t, n, r = 0) {
 		s.has(e) || s.set(e, []), s.get(e).push(t);
 	}
 	for (let [e, t] of s) {
-		let a = m(t, o, n, r + 1);
+		let a = h(t, o, n, r + 1);
 		a.key = e, i.children.set(e, a);
 	}
 	for (let t of n) {
 		let n = e.map((e) => Number(e[t.field]) || 0).filter((e) => !isNaN(e));
-		i.values[t.field] = p[t.aggregation](n);
+		i.values[t.field] = m[t.aggregation](n);
 	}
 	return i;
 }
-function h(e, t) {
+function g(e, t) {
 	if (t.length === 0) return ["Total"];
 	let n = t[0], r = /* @__PURE__ */ new Set();
 	for (let t of e) r.add(String(t[n] ?? "Unknown"));
 	return Array.from(r).sort();
 }
-function g(e, t, n, r) {
+function _(e, t, n, r) {
 	let i = e;
 	for (let [e, t] of Object.entries(r)) i = i.filter((n) => String(n[e]) === t);
 	let a = /* @__PURE__ */ new Map();
@@ -63,23 +64,23 @@ function g(e, t, n, r) {
 		let e = {};
 		for (let t of n) {
 			let n = i.map((e) => Number(e[t.field]) || 0).filter((e) => !isNaN(e));
-			e[t.field] = p[t.aggregation](n);
+			e[t.field] = m[t.aggregation](n);
 		}
 		return a.set("Total", e), a;
 	}
-	let o = t[0], s = h(e, t);
+	let o = t[0], s = g(e, t);
 	for (let e of s) {
 		let t = i.filter((t) => String(t[o]) === e), r = {};
 		for (let e of n) {
 			let n = t.map((t) => Number(t[e.field]) || 0).filter((e) => !isNaN(e));
-			r[e.field] = p[e.aggregation](n);
+			r[e.field] = m[e.aggregation](n);
 		}
 		a.set(e, r);
 	}
 	return a;
 }
-var _ = n(function({ widget: n, data: c = [], onDrilldown: f }) {
-	let p = i(() => Array.isArray(c) ? c : [], [c]), _ = i(() => {
+var v = n(function({ widget: n, data: c = [], onDrilldown: p }) {
+	let { t: m } = u(), v = i(() => Array.isArray(c) ? c : [], [c]), y = i(() => {
 		let e = {
 			rows: [],
 			columns: [],
@@ -95,22 +96,22 @@ var _ = n(function({ widget: n, data: c = [], onDrilldown: f }) {
 			...e,
 			...n.config
 		} : e;
-	}, [n.config]), v = e(), { updateWidget: b } = t(void 0, void 0, { skipFetch: !0 }), x = JSON.stringify({
-		rows: _.rows,
-		columns: _.columns,
-		values: _.values
-	}), [S, C] = a({
-		rows: _.rows,
-		columns: _.columns,
-		values: _.values
-	}), [w, T] = a(x);
-	x !== w && (T(x), C({
-		rows: _.rows,
-		columns: _.columns,
-		values: _.values
+	}, [n.config]), x = e(), { updateWidget: S } = t(void 0, void 0, { skipFetch: !0 }), C = JSON.stringify({
+		rows: y.rows,
+		columns: y.columns,
+		values: y.values
+	}), [w, T] = a({
+		rows: y.rows,
+		columns: y.columns,
+		values: y.values
+	}), [E, D] = a(C);
+	C !== E && (D(C), T({
+		rows: y.rows,
+		columns: y.columns,
+		values: y.values
 	}));
-	let { rows: E, columns: D, values: O } = S, k = r((e) => {
-		v && b({
+	let { rows: O, columns: k, values: A } = w, j = r((e) => {
+		x && S({
 			id: n.id,
 			config: {
 				...n.config,
@@ -120,128 +121,128 @@ var _ = n(function({ widget: n, data: c = [], onDrilldown: f }) {
 			}
 		});
 	}, [
-		v,
-		b,
+		x,
+		S,
 		n.id,
 		n.config
-	]), A = r((e) => {
-		C(e), k(e);
-	}, [k]), [j, M] = a(new Set(["root"])), N = i(() => m(p, E, O), [
-		p,
-		E,
-		O
-	]), P = i(() => h(p, D), [p, D]), F = i(() => _.showColumnTotals ? g(p, D, O, {}) : null, [
-		_.showColumnTotals,
-		p,
-		D,
-		O
-	]), I = i(() => p.length > 0 ? Object.keys(p[0]) : [], [p]), L = i(() => {
+	]), M = r((e) => {
+		T(e), j(e);
+	}, [j]), [N, P] = a(new Set(["root"])), F = i(() => h(v, O, A), [
+		v,
+		O,
+		A
+	]), I = i(() => g(v, k), [v, k]), L = i(() => y.showColumnTotals ? _(v, k, A, {}) : null, [
+		y.showColumnTotals,
+		v,
+		k,
+		A
+	]), R = i(() => v.length > 0 ? Object.keys(v[0]) : [], [v]), z = i(() => {
 		let e = new Set([
-			...E,
-			...D,
-			...O.map((e) => e.field)
+			...O,
+			...k,
+			...A.map((e) => e.field)
 		]);
-		return I.filter((t) => !e.has(t));
+		return R.filter((t) => !e.has(t));
 	}, [
-		I,
-		E,
-		D,
-		O
-	]), R = r((e, t, n) => {
+		R,
+		O,
+		k,
+		A
+	]), B = r((e, t, n) => {
 		if (t === n) return;
 		let r = {
-			rows: t === "rows" ? E.filter((t) => t !== e) : [...E],
-			columns: t === "columns" ? D.filter((t) => t !== e) : [...D],
-			values: t === "values" ? O.filter((t) => t.field !== e) : [...O]
+			rows: t === "rows" ? O.filter((t) => t !== e) : [...O],
+			columns: t === "columns" ? k.filter((t) => t !== e) : [...k],
+			values: t === "values" ? A.filter((t) => t.field !== e) : [...A]
 		};
 		n === "rows" && !r.rows.includes(e) ? r.rows.push(e) : n === "columns" && !r.columns.includes(e) ? r.columns.push(e) : n === "values" && !r.values.some((t) => t.field === e) && r.values.push({
 			field: e,
 			aggregation: "sum"
-		}), A(r);
+		}), M(r);
 	}, [
-		E,
-		D,
 		O,
-		A
-	]), z = r((e, t) => {
-		A({
-			rows: [...E],
-			columns: [...D],
-			values: O.map((n) => n.field === e ? {
+		k,
+		A,
+		M
+	]), V = r((e, t) => {
+		M({
+			rows: [...O],
+			columns: [...k],
+			values: A.map((n) => n.field === e ? {
 				...n,
 				aggregation: t
 			} : n)
 		});
 	}, [
-		E,
-		D,
 		O,
-		A
-	]), B = r((e) => {
+		k,
+		A,
+		M
+	]), H = r((e) => {
 		if (isNaN(e)) return "-";
-		switch (_.numberFormat) {
+		switch (y.numberFormat) {
 			case "currency": return new Intl.NumberFormat("en-US", {
 				style: "currency",
 				currency: "USD",
-				minimumFractionDigits: _.decimalPlaces,
-				maximumFractionDigits: _.decimalPlaces
+				minimumFractionDigits: y.decimalPlaces,
+				maximumFractionDigits: y.decimalPlaces
 			}).format(e);
 			case "percentage": return new Intl.NumberFormat("en-US", {
 				style: "percent",
-				minimumFractionDigits: _.decimalPlaces,
-				maximumFractionDigits: _.decimalPlaces
+				minimumFractionDigits: y.decimalPlaces,
+				maximumFractionDigits: y.decimalPlaces
 			}).format(e / 100);
 			default: return new Intl.NumberFormat("en-US", {
-				minimumFractionDigits: _.decimalPlaces,
-				maximumFractionDigits: _.decimalPlaces
+				minimumFractionDigits: y.decimalPlaces,
+				maximumFractionDigits: y.decimalPlaces
 			}).format(e);
 		}
-	}, [_.numberFormat, _.decimalPlaces]), V = r((e) => {
-		M((t) => {
+	}, [y.numberFormat, y.decimalPlaces]), U = r((e) => {
+		P((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), H = r((e, t) => {
-		f && f({
+	}, []), W = r((e, t) => {
+		p && p({
 			rowFilter: e,
 			columnValue: t,
 			type: "pivot_cell_click"
 		});
-	}, [f]), U = r((e, t, n, r) => {
-		let i = [], a = e.children.size > 0, c = j.has(n), l = E[r - 1];
+	}, [p]), G = r((e, t, n, r) => {
+		let i = [], a = e.children.size > 0, c = N.has(n), l = O[r - 1];
 		if (r > 0) {
-			let l = g(p, D, O, t);
-			i.push(/* @__PURE__ */ d("tr", {
+			let l = _(v, k, A, t);
+			i.push(/* @__PURE__ */ f("tr", {
 				className: "hover:bg-bg-sunken/50 transition-colors",
 				children: [
-					/* @__PURE__ */ u("td", {
+					/* @__PURE__ */ d("td", {
 						className: "sticky left-0 bg-bg-surface border-r border-border-default px-3 py-2 font-medium text-sm",
 						style: { paddingLeft: `${r * 16 + 8}px` },
-						children: /* @__PURE__ */ d("div", {
+						children: /* @__PURE__ */ f("div", {
 							className: "flex items-center gap-1",
 							children: [
-								_.expandable && a && /* @__PURE__ */ u("button", {
+								y.expandable && a && /* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => V(n),
+									onClick: () => U(n),
 									className: "p-0.5 hover:bg-bg-sunken rounded",
-									children: u(c ? o : s, { className: "w-4 h-4 text-text-secondary" })
+									children: d(c ? o : s, { className: "w-4 h-4 text-text-secondary" })
 								}),
-								!a && _.expandable && /* @__PURE__ */ u("span", { className: "w-5" }),
-								/* @__PURE__ */ u("span", { children: e.key })
+								!a && y.expandable && /* @__PURE__ */ d("span", { className: "w-5" }),
+								/* @__PURE__ */ d("span", { children: e.key })
 							]
 						})
 					}),
-					P.map((e) => {
+					I.map((e) => {
 						let n = l.get(e) || {};
-						return O.map((r) => /* @__PURE__ */ u("td", {
+						return A.map((r) => /* @__PURE__ */ d("td", {
 							className: "px-3 py-2 text-sm text-right tabular-nums cursor-pointer hover:bg-action-primary-bg/10",
-							onClick: () => H(t, e),
-							children: B(n[r.field] || 0)
+							onClick: () => W(t, e),
+							children: H(n[r.field] || 0)
 						}, `${e}-${r.field}`));
 					}),
-					_.showRowTotals && O.map((t) => /* @__PURE__ */ u("td", {
+					y.showRowTotals && A.map((t) => /* @__PURE__ */ d("td", {
 						className: "px-3 py-2 text-sm text-right tabular-nums font-medium bg-bg-sunken/30",
-						children: B(e.values[t.field] || 0)
+						children: H(e.values[t.field] || 0)
 					}, `total-${t.field}`))
 				]
 			}, n));
@@ -253,190 +254,190 @@ var _ = n(function({ widget: n, data: c = [], onDrilldown: f }) {
 					...t,
 					[l]: o
 				} : t;
-				i.push(...U(a, c, s, r + 1));
+				i.push(...G(a, c, s, r + 1));
 			}
 		}
 		return i;
 	}, [
-		p,
-		_,
-		E,
-		D,
+		v,
+		y,
 		O,
-		P,
-		j,
-		B,
+		k,
+		A,
+		I,
+		N,
 		H,
-		V
-	]), W = E.length > 0 || O.length > 0;
-	return p.length === 0 ? /* @__PURE__ */ d("div", {
+		W,
+		U
+	]), K = O.length > 0 || A.length > 0;
+	return v.length === 0 ? /* @__PURE__ */ f("div", {
 		className: "flex flex-col items-center justify-center h-full p-8 text-text-secondary",
 		children: [
-			/* @__PURE__ */ u(l, { className: "w-12 h-12 mb-4 opacity-50" }),
-			/* @__PURE__ */ u("p", {
+			/* @__PURE__ */ d(l, { className: "w-12 h-12 mb-4 opacity-50" }),
+			/* @__PURE__ */ d("p", {
 				className: "text-sm",
-				children: "No data available"
+				children: m("bigconsole.widget.pivotTable.noData", "No data available")
 			}),
-			/* @__PURE__ */ u("p", {
+			/* @__PURE__ */ d("p", {
 				className: "text-xs mt-1",
-				children: "Configure data source to populate pivot table"
+				children: m("bigconsole.widget.pivotTable.noDataHint", "Configure data source to populate pivot table")
 			})
 		]
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ f("div", {
 		className: "flex flex-col h-full overflow-hidden",
-		children: [v && /* @__PURE__ */ u(y, {
-			rowFields: E,
-			columnFields: D,
-			valueFields: O,
-			availableFields: L,
-			onMoveField: R,
-			onChangeAggregation: z
-		}), W ? /* @__PURE__ */ u("div", {
+		children: [x && /* @__PURE__ */ d(b, {
+			rowFields: O,
+			columnFields: k,
+			valueFields: A,
+			availableFields: z,
+			onMoveField: B,
+			onChangeAggregation: V
+		}), K ? /* @__PURE__ */ d("div", {
 			className: "flex-1 overflow-auto",
-			children: /* @__PURE__ */ d("table", {
+			children: /* @__PURE__ */ f("table", {
 				className: "w-full border-collapse",
 				children: [
-					/* @__PURE__ */ d("thead", {
+					/* @__PURE__ */ f("thead", {
 						className: "sticky top-0 z-10",
-						children: [/* @__PURE__ */ d("tr", {
+						children: [/* @__PURE__ */ f("tr", {
 							className: "bg-bg-sunken",
 							children: [
-								/* @__PURE__ */ u("th", {
+								/* @__PURE__ */ d("th", {
 									className: "sticky left-0 bg-bg-sunken border-r border-b border-border-default px-3 py-2 text-left text-xs font-semibold uppercase tracking-wider text-text-secondary",
-									children: E.length > 0 ? E.map((e) => e.replace(/_/g, " ")).join(" / ") : "Values"
+									children: O.length > 0 ? O.map((e) => e.replace(/_/g, " ")).join(" / ") : m("bigconsole.widget.pivotTable.valuesHeader", "Values")
 								}),
-								P.map((e) => /* @__PURE__ */ u("th", {
-									colSpan: O.length || 1,
+								I.map((e) => /* @__PURE__ */ d("th", {
+									colSpan: A.length || 1,
 									className: "border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary",
 									children: e
 								}, e)),
-								_.showRowTotals && /* @__PURE__ */ u("th", {
-									colSpan: O.length || 1,
+								y.showRowTotals && /* @__PURE__ */ d("th", {
+									colSpan: A.length || 1,
 									className: "border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary bg-bg-sunken/50",
-									children: "Total"
+									children: m("bigconsole.widget.pivotTable.total", "Total")
 								})
 							]
-						}), O.length > 1 && /* @__PURE__ */ d("tr", {
+						}), A.length > 1 && /* @__PURE__ */ f("tr", {
 							className: "bg-bg-surface",
 							children: [
-								/* @__PURE__ */ u("th", { className: "sticky left-0 bg-bg-surface border-r border-b border-border-default" }),
-								P.map((e) => O.map((t) => /* @__PURE__ */ u("th", {
+								/* @__PURE__ */ d("th", { className: "sticky left-0 bg-bg-surface border-r border-b border-border-default" }),
+								I.map((e) => A.map((t) => /* @__PURE__ */ d("th", {
 									className: "border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary",
 									children: t.label || t.field.replace(/_/g, " ")
 								}, `${e}-${t.field}`))),
-								_.showRowTotals && O.map((e) => /* @__PURE__ */ u("th", {
+								y.showRowTotals && A.map((e) => /* @__PURE__ */ d("th", {
 									className: "border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary bg-bg-sunken/30",
 									children: e.label || e.field.replace(/_/g, " ")
 								}, `total-${e.field}`))
 							]
 						})]
 					}),
-					/* @__PURE__ */ u("tbody", {
+					/* @__PURE__ */ d("tbody", {
 						className: "divide-y divide-border-default",
-						children: U(N, {}, "root", 0)
+						children: G(F, {}, "root", 0)
 					}),
-					_.showColumnTotals && /* @__PURE__ */ u("tfoot", { children: /* @__PURE__ */ d("tr", {
+					y.showColumnTotals && /* @__PURE__ */ d("tfoot", { children: /* @__PURE__ */ f("tr", {
 						className: "bg-bg-sunken/50 font-medium",
 						children: [
-							/* @__PURE__ */ u("td", {
+							/* @__PURE__ */ d("td", {
 								className: "sticky left-0 bg-bg-sunken/50 border-r border-t border-border-default px-3 py-2 text-sm",
-								children: "Total"
+								children: m("bigconsole.widget.pivotTable.total", "Total")
 							}),
-							P.map((e) => {
-								let t = F?.get(e) || {};
-								return O.map((n) => /* @__PURE__ */ u("td", {
+							I.map((e) => {
+								let t = L?.get(e) || {};
+								return A.map((n) => /* @__PURE__ */ d("td", {
 									className: "border-t border-border-default px-3 py-2 text-sm text-right tabular-nums",
-									children: B(t[n.field] || 0)
+									children: H(t[n.field] || 0)
 								}, `footer-${e}-${n.field}`));
 							}),
-							_.showRowTotals && _.showGrandTotal && O.map((e) => /* @__PURE__ */ u("td", {
+							y.showRowTotals && y.showGrandTotal && A.map((e) => /* @__PURE__ */ d("td", {
 								className: "border-t border-border-default px-3 py-2 text-sm text-right tabular-nums font-bold bg-bg-sunken",
-								children: B(N.values[e.field] || 0)
+								children: H(F.values[e.field] || 0)
 							}, `grand-${e.field}`))
 						]
 					}) })
 				]
 			})
-		}) : /* @__PURE__ */ d("div", {
+		}) : /* @__PURE__ */ f("div", {
 			className: "flex flex-col items-center justify-center flex-1 p-8 text-text-secondary",
 			children: [
-				/* @__PURE__ */ u(l, { className: "w-12 h-12 mb-4 opacity-50" }),
-				/* @__PURE__ */ u("p", {
+				/* @__PURE__ */ d(l, { className: "w-12 h-12 mb-4 opacity-50" }),
+				/* @__PURE__ */ d("p", {
 					className: "text-sm",
-					children: "Configure Pivot Table"
+					children: m("bigconsole.widget.pivotTable.configureTitle", "Configure Pivot Table")
 				}),
-				/* @__PURE__ */ u("p", {
+				/* @__PURE__ */ d("p", {
 					className: "text-xs mt-1",
-					children: v ? "Drag fields into the Rows and Values zones above" : "Add row fields and value fields in widget settings"
+					children: x ? m("bigconsole.widget.pivotTable.configureHintEdit", "Drag fields into the Rows and Values zones above") : m("bigconsole.widget.pivotTable.configureHintView", "Add row fields and value fields in widget settings")
 				})
 			]
 		})]
 	});
-}), v = "application/x-pivot-field", y = ({ rowFields: e, columnFields: t, valueFields: n, availableFields: r, onMoveField: i, onChangeAggregation: o }) => {
-	let [s, l] = a(null), p = (e) => (t) => {
-		t.preventDefault(), t.stopPropagation(), l(null);
-		let n = t.dataTransfer.getData(v) || t.dataTransfer.getData("text/plain");
+}), y = "application/x-pivot-field", b = ({ rowFields: e, columnFields: t, valueFields: n, availableFields: r, onMoveField: i, onChangeAggregation: o }) => {
+	let { t: s } = u(), [l, m] = a(null), h = (e) => (t) => {
+		t.preventDefault(), t.stopPropagation(), m(null);
+		let n = t.dataTransfer.getData(y) || t.dataTransfer.getData("text/plain");
 		if (n) try {
 			let { field: t, from: r } = JSON.parse(n);
 			t && i(t, r, e);
 		} catch {}
-	}, m = (e, t, n) => /* @__PURE__ */ d("span", {
+	}, g = (e, t, n) => /* @__PURE__ */ f("span", {
 		draggable: !0,
 		onDragStart: (n) => {
 			let r = JSON.stringify({
 				field: e,
 				from: t
 			});
-			n.dataTransfer.setData(v, r), n.dataTransfer.setData("text/plain", r), n.dataTransfer.effectAllowed = "move";
+			n.dataTransfer.setData(y, r), n.dataTransfer.setData("text/plain", r), n.dataTransfer.effectAllowed = "move";
 		},
 		className: "inline-flex items-center gap-1 px-2 py-1 rounded-md bg-bg-surface border border-border-default text-xs text-text-primary cursor-grab",
 		children: [
-			/* @__PURE__ */ u(c, {
+			/* @__PURE__ */ d(c, {
 				className: "w-3 h-3 text-text-tertiary",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ u("span", { children: (n?.label || e).replace(/_/g, " ") }),
-			n && /* @__PURE__ */ u("select", {
+			/* @__PURE__ */ d("span", { children: (n?.label || e).replace(/_/g, " ") }),
+			n && /* @__PURE__ */ d("select", {
 				value: n.aggregation,
 				onChange: (t) => o(e, t.target.value),
 				onClick: (e) => e.stopPropagation(),
-				"aria-label": `Aggregation for ${e}`,
+				"aria-label": s("bigconsole.widget.pivotTable.aggregationForField", "Aggregation for {{field}}", { field: e }),
 				className: "ml-1 bg-bg-sunken text-text-secondary rounded px-1 py-0.5 text-[10px] uppercase",
-				children: f.map((e) => /* @__PURE__ */ u("option", {
+				children: p.map((e) => /* @__PURE__ */ d("option", {
 					value: e,
 					children: e
 				}, e))
 			})
 		]
-	}, e), h = (e, t, n) => /* @__PURE__ */ d("div", {
+	}, e), _ = (e, t, n) => /* @__PURE__ */ f("div", {
 		onDragOver: (e) => {
-			e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "move", s !== t && l(t);
+			e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "move", l !== t && m(t);
 		},
-		onDragLeave: () => l((e) => e === t ? null : e),
-		onDrop: p(t),
-		className: `flex-1 min-w-[8rem] rounded-md border p-2 transition-colors ${s === t ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default bg-bg-sunken/30"}`,
-		children: [/* @__PURE__ */ u("div", {
+		onDragLeave: () => m((e) => e === t ? null : e),
+		onDrop: h(t),
+		className: `flex-1 min-w-[8rem] rounded-md border p-2 transition-colors ${l === t ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default bg-bg-sunken/30"}`,
+		children: [/* @__PURE__ */ d("div", {
 			className: "text-[10px] font-semibold uppercase tracking-wider text-text-tertiary mb-1.5",
 			children: e
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ d("div", {
 			className: "flex flex-wrap gap-1.5 min-h-[1.75rem]",
 			children: n
 		})]
 	});
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		className: "flex flex-wrap gap-2 p-2 border-b border-border-default bg-bg-surface",
 		children: [
-			h("Rows", "rows", e.map((e) => m(e, "rows"))),
-			h("Columns", "columns", t.map((e) => m(e, "columns"))),
-			h("Values", "values", n.map((e) => m(e.field, "values", e))),
-			h("Available", "available", r.length > 0 ? r.map((e) => m(e, "available")) : /* @__PURE__ */ u("span", {
+			_(s("bigconsole.widget.pivotTable.zoneRows", "Rows"), "rows", e.map((e) => g(e, "rows"))),
+			_(s("bigconsole.widget.pivotTable.zoneColumns", "Columns"), "columns", t.map((e) => g(e, "columns"))),
+			_(s("bigconsole.widget.pivotTable.zoneValues", "Values"), "values", n.map((e) => g(e.field, "values", e))),
+			_(s("bigconsole.widget.pivotTable.zoneAvailable", "Available"), "available", r.length > 0 ? r.map((e) => g(e, "available")) : /* @__PURE__ */ d("span", {
 				className: "text-[11px] text-text-tertiary italic",
-				children: "All fields in use"
+				children: s("bigconsole.widget.pivotTable.allFieldsInUse", "All fields in use")
 			}))
 		]
 	});
 };
 //#endregion
-export { _ as default };
+export { v as default };
 
 //# sourceMappingURL=PivotTableWidget.js.map