drizzle-cube 0.4.52 → 0.5.0

package/dist/client/chunks/{chart-kpi-delta-KQjUIeal.js → chart-kpi-delta-CYE0S1x_.js}

@@ -1,9 +1,9 @@
-import { B as e, z as t } from "./chart-data-table-2iCsn0CF.js";
-import { _ as n } from "./chart-activity-grid-DLktOINm.js";
-import r, { useEffect as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { B as e, z as t } from "./chart-data-table-C3Xh9jwL.js";
+import { _ as n, k as r } from "./chart-activity-grid-CWT0gLv4.js";
+import i, { useEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/client/utils/periodUtils.ts
-function l(e, t) {
+function u(e, t) {
 	let n = new Date(e);
 	switch (t.toLowerCase()) {
 		case "day":
@@ -29,14 +29,14 @@ function l(e, t) {
 	}
 	return n;
 }
-function u(e, t, n) {
+function d(e, t, n) {
 	if (!e || !t || !n) return !0;
 	let r = e[t];
 	if (!r) return !0;
 	let i = new Date(r);
-	return isNaN(i.getTime()) ? !0 : l(i, n) <= /* @__PURE__ */ new Date();
+	return isNaN(i.getTime()) ? !0 : u(i, n) <= /* @__PURE__ */ new Date();
 }
-function d(e, t) {
+function f(e, t) {
 	if (!e?.timeDimensions || e.timeDimensions.length === 0) return null;
 	if (t) {
 		let n = e.timeDimensions.find((e) => e.dimension === t || e.dimension?.includes(t) || t?.includes(e.dimension));
@@ -44,7 +44,7 @@ function d(e, t) {
 	}
 	return e.timeDimensions[0]?.granularity || null;
 }
-function f(e, t, n, r, i = !1) {
+function p(e, t, n, r, i = !1) {
 	let a = {
 		filteredData: e,
 		excludedIncompletePeriod: !1,
@@ -52,7 +52,7 @@ function f(e, t, n, r, i = !1) {
 		granularity: null
 	};
 	if (e.length < 2) return a;
-	let o = d(n, t);
+	let o = f(n, t);
 	if (i) return {
 		filteredData: e.slice(0, -1),
 		excludedIncompletePeriod: !1,
@@ -65,7 +65,7 @@ function f(e, t, n, r, i = !1) {
 	};
 	if (!o) return a;
 	let s = e[e.length - 1];
-	return u(s, t, o) ? {
+	return d(s, t, o) ? {
 		...a,
 		granularity: o
 	} : {
@@ -77,29 +77,29 @@ function f(e, t, n, r, i = !1) {
 }
 //#endregion
 //#region src/client/components/charts/KpiDelta.tsx
-function p({ values: e, lastValue: t, positiveColor: n, negativeColor: r, formatValue: i, width: a, height: o }) {
-	let l = Math.max(10, Math.floor(a / 10)), u = e.length > l ? e.slice(-l) : e, d = u.map((e) => e - t), f = Math.min(...d, 0), p = Math.max(...d, 0);
-	if (Math.max(Math.abs(f), Math.abs(p)) === 0 || d.length === 0) return /* @__PURE__ */ s("div", {
+function m({ values: e, lastValue: t, positiveColor: n, negativeColor: r, formatValue: i, width: a, height: o }) {
+	let s = Math.max(10, Math.floor(a / 10)), u = e.length > s ? e.slice(-s) : e, d = u.map((e) => e - t), f = Math.min(...d, 0), p = Math.max(...d, 0);
+	if (Math.max(Math.abs(f), Math.abs(p)) === 0 || d.length === 0) return /* @__PURE__ */ c("div", {
 		className: "dc:flex dc:items-center dc:justify-center bg-dc-bg-secondary dc:rounded-sm dc:border border-dc-border",
 		style: {
 			width: `${a}px`,
 			height: `${o}px`
 		},
-		children: /* @__PURE__ */ s("span", {
+		children: /* @__PURE__ */ c("span", {
 			className: "dc:text-xs text-dc-text-muted",
 			children: "No variance data"
 		})
 	});
 	let m = a - (u.length - 1) * 2, h = Math.max(4, m / u.length), g = p - f, _ = g > 0 ? p / g * 100 : 50;
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		className: "dc:flex dc:items-center dc:space-x-2",
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ l("div", {
 			className: "dc:relative",
 			style: {
 				width: `${a}px`,
 				height: `${o}px`
 			},
-			children: [/* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ c("div", {
 				className: "dc:absolute dc:left-0 dc:right-0",
 				style: {
 					height: "1px",
@@ -108,13 +108,13 @@ function p({ values: e, lastValue: t, positiveColor: n, negativeColor: r, format
 					zIndex: 1
 				}
 			}), d.map((e, t) => {
-				let a = Math.abs(e) / g, c = Math.max(2, a * (o - 4)), l = e >= 0, d = t === u.length - 1, f = l ? n : r;
-				return /* @__PURE__ */ s("div", {
+				let a = Math.abs(e) / g, s = Math.max(2, a * (o - 4)), l = e >= 0, d = t === u.length - 1, f = l ? n : r;
+				return /* @__PURE__ */ c("div", {
 					className: "dc:absolute rounded-xs",
 					style: {
 						left: `${t * (h + 2)}px`,
 						width: `${h}px`,
-						height: `${c}px`,
+						height: `${s}px`,
 						backgroundColor: f,
 						opacity: d ? 1 : .6,
 						...l ? { bottom: `${100 - _}%` } : { top: `${_}%` },
@@ -123,25 +123,25 @@ function p({ values: e, lastValue: t, positiveColor: n, negativeColor: r, format
 					title: `${i(u[t])}: ${e >= 0 ? "+" : ""}${i(e)} vs current`
 				}, t);
 			})]
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: "dc:flex dc:flex-col dc:justify-between dc:text-xs text-dc-text-muted",
 			style: { height: `${o}px` },
-			children: [/* @__PURE__ */ c("span", { children: ["+", i(p)] }), /* @__PURE__ */ c("span", { children: ["", i(f)] })]
+			children: [/* @__PURE__ */ l("span", { children: ["+", i(p)] }), /* @__PURE__ */ l("span", { children: ["", i(f)] })]
 		})]
 	});
 }
-var m = r.memo(function({ data: r, chartConfig: l, displayConfig: u = {}, queryObject: d, height: m = "100%", colorPalette: h }) {
-	let [g, _] = o(32), [v, y] = o(250), b = a(null), x = a(null), S = n();
-	if (i(() => {
+var h = i.memo(function({ data: i, chartConfig: u, displayConfig: d = {}, queryObject: f, height: h = "100%", colorPalette: g }) {
+	let { t: _ } = r(), [v, y] = s(32), [b, x] = s(250), S = o(null), C = o(null), w = n();
+	if (a(() => {
 		let e = () => {
-			if (b.current) {
-				let e = b.current.getBoundingClientRect(), t = e.width, n = e.height;
+			if (S.current) {
+				let e = S.current.getBoundingClientRect(), t = e.width, n = e.height;
 				if (t > 0 && n > 0) {
 					let e = t / 4, r = n / 4;
-					_(Math.max(28, Math.min(Math.min(e, r), 140))), setTimeout(() => {
-						if (x.current) {
-							let e = x.current.getBoundingClientRect().width, n = t - 100, r = Math.max(e, Math.min(n, t * .7));
-							y(Math.max(100, r));
+					y(Math.max(28, Math.min(Math.min(e, r), 140))), setTimeout(() => {
+						if (C.current) {
+							let e = C.current.getBoundingClientRect().width, n = t - 100, r = Math.max(e, Math.min(n, t * .7));
+							x(Math.max(100, r));
 						}
 					}, 10);
 				}
@@ -149,186 +149,186 @@ var m = r.memo(function({ data: r, chartConfig: l, displayConfig: u = {}, queryO
 		}, t = setTimeout(e, 50), n = new ResizeObserver(() => {
 			setTimeout(e, 10);
 		});
-		return b.current && n.observe(b.current), () => {
+		return S.current && n.observe(S.current), () => {
 			clearTimeout(t), n.disconnect();
 		};
-	}, [r, l]), !r || r.length === 0) return /* @__PURE__ */ s("div", {
+	}, [i, u]), !i || i.length === 0) return /* @__PURE__ */ c("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
 		style: {
-			height: m === "100%" ? "100%" : m,
-			minHeight: m === "100%" ? "200px" : void 0
+			height: h === "100%" ? "100%" : h,
+			minHeight: h === "100%" ? "200px" : void 0
 		},
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ l("div", {
 			className: "dc:text-center text-dc-text-muted",
-			children: [/* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ c("div", {
 				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: "No data available"
-			}), /* @__PURE__ */ s("div", {
+				children: _("chart.runtime.noData")
+			}), /* @__PURE__ */ c("div", {
 				className: "dc:text-xs text-dc-text-secondary",
 				children: "No data points to display"
 			})]
 		})
 	});
-	let C = [], w = [];
-	if (l?.yAxis && (C = Array.isArray(l.yAxis) ? l.yAxis : [l.yAxis]), l?.xAxis && (w = Array.isArray(l.xAxis) ? l.xAxis : [l.xAxis]), C.length === 0) return /* @__PURE__ */ s("div", {
+	let T = [], E = [];
+	if (u?.yAxis && (T = Array.isArray(u.yAxis) ? u.yAxis : [u.yAxis]), u?.xAxis && (E = Array.isArray(u.xAxis) ? u.xAxis : [u.xAxis]), T.length === 0) return /* @__PURE__ */ c("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
 		style: {
-			height: m === "100%" ? "100%" : m,
-			minHeight: m === "100%" ? "200px" : void 0,
+			height: h === "100%" ? "100%" : h,
+			minHeight: h === "100%" ? "200px" : void 0,
 			backgroundColor: "var(--dc-danger-bg)",
 			color: "var(--dc-danger)",
 			borderColor: "var(--dc-danger-border)"
 		},
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ l("div", {
 			className: "dc:text-center",
-			children: [/* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ c("div", {
 				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: "Configuration Error"
-			}), /* @__PURE__ */ s("div", {
+				children: _("chart.runtime.configError")
+			}), /* @__PURE__ */ c("div", {
 				className: "dc:text-xs",
-				children: "No measure field configured"
+				children: _("chart.runtime.configErrorHint.noMeasure")
 			})]
 		})
 	});
-	let T = C[0], E = w[0], D = [...r];
-	E && (D = D.sort((e, t) => {
-		let n = e[E], r = t[E];
+	let D = T[0], O = E[0], k = [...i];
+	O && (k = k.sort((e, t) => {
+		let n = e[O], r = t[O];
 		return n < r ? -1 : n > r ? 1 : 0;
 	}));
-	let { useLastCompletePeriod: O = !0, skipLastPeriod: k = !1 } = u, { filteredData: A, excludedIncompletePeriod: j, skippedLastPeriod: M, granularity: N } = f(D, E, d, O, k), P = A.map((e) => e[T]).filter((e) => e != null && !isNaN(Number(e))).map((e) => Number(e));
-	if (P.length < 2) return /* @__PURE__ */ s("div", {
+	let { useLastCompletePeriod: A = !0, skipLastPeriod: j = !1 } = d, { filteredData: M, excludedIncompletePeriod: N, skippedLastPeriod: P, granularity: F } = p(k, O, f, A, j), I = M.map((e) => e[D]).filter((e) => e != null && !isNaN(Number(e))).map((e) => Number(e));
+	if (I.length < 2) return /* @__PURE__ */ c("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
 		style: {
-			height: m === "100%" ? "100%" : m,
-			minHeight: m === "100%" ? "200px" : void 0,
+			height: h === "100%" ? "100%" : h,
+			minHeight: h === "100%" ? "200px" : void 0,
 			backgroundColor: "var(--dc-warning-bg)",
 			color: "var(--dc-warning)",
 			borderColor: "var(--dc-warning-border)"
 		},
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ l("div", {
 			className: "dc:text-center",
 			children: [
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: "Insufficient Data"
+					children: _("chart.runtime.kpiDelta.insufficientData")
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					className: "dc:text-xs",
-					children: "Delta calculation requires at least 2 data points"
+					children: _("chart.runtime.kpiDelta.requiresTwoPoints")
 				}),
 				/* @__PURE__ */ c("div", {
 					className: "dc:text-xs",
-					children: ["Current data points: ", P.length]
+					children: _("chart.runtime.kpiDelta.currentPoints", { count: I.length })
 				})
 			]
 		})
 	});
-	let F = P[P.length - 1], I = P[P.length - 2], L = F - I, R = I === 0 ? 0 : L / Math.abs(I) * 100, z = L >= 0, B = (e) => {
-		if (u.formatValue) return u.formatValue(e);
+	let L = I[I.length - 1], R = I[I.length - 2], z = L - R, B = R === 0 ? 0 : z / Math.abs(R) * 100, V = z >= 0, H = (e) => {
+		if (d.formatValue) return d.formatValue(e);
 		if (e == null) return "—";
-		let t = u.decimals ?? 0, n = u.prefix ?? "", r;
+		let t = d.decimals ?? 0, n = d.prefix ?? "", r;
 		return r = Math.abs(e) >= 1e9 ? (e / 1e9).toFixed(t) + "B" : Math.abs(e) >= 1e6 ? (e / 1e6).toFixed(t) + "M" : Math.abs(e) >= 1e3 ? (e / 1e3).toFixed(t) + "K" : e.toFixed(t), n + r;
-	}, V = () => {
-		if (u.positiveColorIndex !== void 0 && h?.colors) {
-			let e = u.positiveColorIndex;
-			if (e >= 0 && e < h.colors.length) return h.colors[e];
+	}, U = () => {
+		if (d.positiveColorIndex !== void 0 && g?.colors) {
+			let e = d.positiveColorIndex;
+			if (e >= 0 && e < g.colors.length) return g.colors[e];
 		}
 		return "#10b981";
-	}, H = () => {
-		if (u.negativeColorIndex !== void 0 && h?.colors) {
-			let e = u.negativeColorIndex;
-			if (e >= 0 && e < h.colors.length) return h.colors[e];
+	}, W = () => {
+		if (d.negativeColorIndex !== void 0 && g?.colors) {
+			let e = d.negativeColorIndex;
+			if (e >= 0 && e < g.colors.length) return g.colors[e];
 		}
 		return "#ef4444";
-	}, U = V(), W = H(), G = z ? U : W;
-	return /* @__PURE__ */ c("div", {
-		ref: b,
+	}, G = U(), K = W(), q = V ? G : K;
+	return /* @__PURE__ */ l("div", {
+		ref: S,
 		className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4",
 		style: {
-			height: m === "100%" ? "100%" : m,
-			minHeight: m === "100%" ? "200px" : void 0
+			height: h === "100%" ? "100%" : h,
+			minHeight: h === "100%" ? "200px" : void 0
 		},
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "text-dc-text-secondary dc:font-bold dc:text-center dc:mb-2 dc:flex dc:items-center dc:justify-center dc:gap-1",
 				style: {
 					fontSize: "14px",
 					lineHeight: "1.2"
 				},
-				children: [/* @__PURE__ */ s("span", { children: (() => {
-					let e = S(T);
-					return e && e.length > 1 ? e : T;
-				})() }), (j || M) && /* @__PURE__ */ s("span", {
-					title: M ? `Excludes last ${N || "period"}` : `Excludes current incomplete ${N}`,
+				children: [/* @__PURE__ */ c("span", { children: (() => {
+					let e = w(D);
+					return e && e.length > 1 ? e : D;
+				})() }), (N || P) && /* @__PURE__ */ c("span", {
+					title: P ? `Excludes last ${F || "period"}` : `Excludes current incomplete ${F}`,
 					className: "dc:cursor-help",
-					children: /* @__PURE__ */ s(e, {
+					children: /* @__PURE__ */ c(e, {
 						icon: t,
 						className: "dc:w-4 dc:h-4 text-dc-text-muted dc:opacity-70"
 					})
 				})]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "dc:flex dc:items-center dc:justify-center dc:space-x-4 dc:mb-2",
-				children: [/* @__PURE__ */ s("div", {
-					ref: x,
+				children: [/* @__PURE__ */ c("div", {
+					ref: C,
 					className: "dc:font-bold dc:leading-none",
 					style: {
-						fontSize: `${g}px`,
+						fontSize: `${v}px`,
 						color: "var(--dc-text)"
 					},
-					children: B(F)
-				}), /* @__PURE__ */ c("div", {
+					children: H(L)
+				}), /* @__PURE__ */ l("div", {
 					className: "dc:flex dc:items-center dc:space-x-1",
-					children: [/* @__PURE__ */ s("div", {
+					children: [/* @__PURE__ */ c("div", {
 						className: "dc:font-bold",
 						style: {
-							color: G,
-							fontSize: `${g * .35}px`
+							color: q,
+							fontSize: `${v * .35}px`
 						},
-						children: z ? "▲" : "▼"
-					}), /* @__PURE__ */ c("div", {
+						children: V ? "▲" : "▼"
+					}), /* @__PURE__ */ l("div", {
 						className: "dc:text-left",
-						children: [/* @__PURE__ */ c("div", {
+						children: [/* @__PURE__ */ l("div", {
 							className: "dc:font-bold dc:leading-tight",
 							style: {
-								fontSize: `${g * .35}px`,
-								color: G
+								fontSize: `${v * .35}px`,
+								color: q
 							},
-							children: [z ? "+" : "", B(L)]
-						}), /* @__PURE__ */ c("div", {
+							children: [V ? "+" : "", H(z)]
+						}), /* @__PURE__ */ l("div", {
 							className: "dc:font-semibold dc:leading-tight",
 							style: {
-								fontSize: `${g * .28}px`,
-								color: G,
+								fontSize: `${v * .28}px`,
+								color: q,
 								opacity: .8
 							},
 							children: [
-								z ? "+" : "",
-								R.toFixed(1),
+								V ? "+" : "",
+								B.toFixed(1),
 								"%"
 							]
 						})]
 					})]
 				})]
 			}),
-			u.suffix && !u.formatValue && /* @__PURE__ */ s("div", {
+			d.suffix && !d.formatValue && /* @__PURE__ */ c("div", {
 				className: "text-dc-text-muted dc:text-center dc:mb-3",
 				style: {
 					fontSize: "14px",
 					lineHeight: "1.2",
 					opacity: .8
 				},
-				children: u.suffix
+				children: d.suffix
 			}),
-			u.showHistogram !== !1 && P.length > 2 && /* @__PURE__ */ s("div", {
+			d.showHistogram !== !1 && I.length > 2 && /* @__PURE__ */ c("div", {
 				className: "dc:mt-2 dc:w-full dc:flex dc:justify-center dc:overflow-hidden",
-				children: /* @__PURE__ */ s(p, {
-					values: P,
-					lastValue: F,
-					positiveColor: U,
-					negativeColor: W,
-					formatValue: B,
-					width: v,
+				children: /* @__PURE__ */ c(m, {
+					values: I,
+					lastValue: L,
+					positiveColor: G,
+					negativeColor: K,
+					formatValue: H,
+					width: b,
 					height: 64
 				})
 			})
@@ -336,6 +336,6 @@ var m = r.memo(function({ data: r, chartConfig: l, displayConfig: u = {}, queryO
 	});
 });
 //#endregion
-export { u as a, d as i, f as n, l as r, m as t };
+export { d as a, f as i, p as n, u as r, h as t };
 
-//# sourceMappingURL=chart-kpi-delta-KQjUIeal.js.map
+//# sourceMappingURL=chart-kpi-delta-CYE0S1x_.js.map

package/dist/client/chunks/chart-kpi-delta-CYE0S1x_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-kpi-delta-CYE0S1x_.js","names":[],"sources":["../../../src/client/utils/periodUtils.ts","../../../src/client/components/charts/KpiDelta.tsx"],"sourcesContent":["/**\n * Utility functions for detecting incomplete time periods in KPI charts\n */\n\n/**\n * Get the end date of a period based on granularity\n * @param date - The date within the period\n * @param granularity - The time granularity (day, week, month, quarter, year)\n * @returns The end date of the period (end of day)\n */\nexport function getPeriodEndDate(date: Date, granularity: string): Date {\n  const endDate = new Date(date)\n\n  switch (granularity.toLowerCase()) {\n    case 'day':\n      // End of the same day\n      endDate.setHours(23, 59, 59, 999)\n      break\n\n    case 'week': {\n      // End of the week (Saturday, assuming week starts Sunday)\n      const dayOfWeek = endDate.getDay()\n      const daysUntilSaturday = 6 - dayOfWeek\n      endDate.setDate(endDate.getDate() + daysUntilSaturday)\n      endDate.setHours(23, 59, 59, 999)\n      break\n    }\n\n    case 'month':\n      // Last day of the month\n      endDate.setMonth(endDate.getMonth() + 1, 0) // Set to day 0 of next month = last day of current month\n      endDate.setHours(23, 59, 59, 999)\n      break\n\n    case 'quarter': {\n      // Last day of the quarter\n      const currentMonth = endDate.getMonth()\n      const quarterEndMonth = Math.floor(currentMonth / 3) * 3 + 2 // 0->2, 3->5, 6->8, 9->11\n      endDate.setMonth(quarterEndMonth + 1, 0) // Last day of quarter end month\n      endDate.setHours(23, 59, 59, 999)\n      break\n    }\n\n    case 'year':\n      // December 31st\n      endDate.setMonth(11, 31) // December 31\n      endDate.setHours(23, 59, 59, 999)\n      break\n\n    default:\n      // Unknown granularity - treat as complete\n      endDate.setHours(23, 59, 59, 999)\n  }\n\n  return endDate\n}\n\n/**\n * Check if the last period in the data is complete based on granularity\n * @param lastDataPoint - The last data point in the sorted dataset\n * @param timeDimensionField - The field name containing the time value\n * @param granularity - The time granularity\n * @returns true if the period is complete, false if it's incomplete\n */\nexport function isLastPeriodComplete(\n  lastDataPoint: any,\n  timeDimensionField: string,\n  granularity: string\n): boolean {\n  if (!lastDataPoint || !timeDimensionField || !granularity) {\n    return true // Assume complete if we can't determine\n  }\n\n  const timeValue = lastDataPoint[timeDimensionField]\n  if (!timeValue) {\n    return true // Assume complete if no time value\n  }\n\n  // Parse the time value\n  const date = new Date(timeValue)\n  if (isNaN(date.getTime())) {\n    return true // Assume complete if invalid date\n  }\n\n  // Get the end of this period\n  const periodEnd = getPeriodEndDate(date, granularity)\n\n  // Compare with current time\n  const now = new Date()\n\n  // If the period end is in the future, the period is incomplete\n  return periodEnd <= now\n}\n\n/**\n * Extract granularity from a query object\n * @param queryObject - The CubeQuery object\n * @param dimensionField - Optional specific dimension field to match\n * @returns The granularity string or null if not found\n */\nexport function getQueryGranularity(\n  queryObject: any,\n  dimensionField?: string\n): string | null {\n  if (!queryObject?.timeDimensions || queryObject.timeDimensions.length === 0) {\n    return null\n  }\n\n  // If a specific dimension field is provided, try to find its granularity\n  if (dimensionField) {\n    const matchingDim = queryObject.timeDimensions.find((td: any) =>\n      td.dimension === dimensionField ||\n      td.dimension?.includes(dimensionField) ||\n      dimensionField?.includes(td.dimension)\n    )\n    if (matchingDim?.granularity) {\n      return matchingDim.granularity\n    }\n  }\n\n  // Fallback to first time dimension's granularity\n  const firstTimeDim = queryObject.timeDimensions[0]\n  return firstTimeDim?.granularity || null\n}\n\n/**\n * Filter data to exclude incomplete or last period\n * @param data - The data array sorted by time\n * @param timeDimensionField - The field containing time values\n * @param queryObject - The query object containing timeDimensions\n * @param useLastCompletePeriod - Whether to check for incomplete periods\n * @param skipLastPeriod - Whether to always skip the last period (overrides useLastCompletePeriod)\n * @returns Object with filtered data and whether filtering was applied\n */\nexport function filterIncompletePeriod(\n  data: any[],\n  timeDimensionField: string | undefined,\n  queryObject: any,\n  useLastCompletePeriod: boolean,\n  skipLastPeriod: boolean = false\n): { filteredData: any[]; excludedIncompletePeriod: boolean; skippedLastPeriod: boolean; granularity: string | null } {\n  // Default return - no filtering\n  const noFilter = {\n    filteredData: data,\n    excludedIncompletePeriod: false,\n    skippedLastPeriod: false,\n    granularity: null\n  }\n\n  // Need at least 2 data points to filter\n  if (data.length < 2) {\n    return noFilter\n  }\n\n  const granularity = getQueryGranularity(queryObject, timeDimensionField)\n\n  // If skipLastPeriod is enabled, always skip the last period\n  if (skipLastPeriod) {\n    return {\n      filteredData: data.slice(0, -1),\n      excludedIncompletePeriod: false,\n      skippedLastPeriod: true,\n      granularity\n    }\n  }\n\n  // Skip incomplete period check if feature is disabled\n  if (!useLastCompletePeriod) {\n    return { ...noFilter, granularity }\n  }\n\n  // Skip if no time dimension field\n  if (!timeDimensionField) {\n    return { ...noFilter, granularity }\n  }\n\n  // Skip if no time dimensions in query\n  if (!queryObject?.timeDimensions || queryObject.timeDimensions.length === 0) {\n    return { ...noFilter, granularity }\n  }\n\n  if (!granularity) {\n    return noFilter\n  }\n\n  // Check if last period is incomplete\n  const lastRow = data[data.length - 1]\n  if (!isLastPeriodComplete(lastRow, timeDimensionField, granularity)) {\n    return {\n      filteredData: data.slice(0, -1),\n      excludedIncompletePeriod: true,\n      skippedLastPeriod: false,\n      granularity\n    }\n  }\n\n  return { ...noFilter, granularity }\n}\n","import React, { useState, useRef, useEffect } from \"react\";\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { Icon } from \"@iconify/react\";\nimport infoCircleIcon from \"@iconify-icons/tabler/info-circle\";\nimport { useCubeFieldLabel } from \"../../hooks/useCubeFieldLabel\";\nimport { filterIncompletePeriod } from \"../../utils/periodUtils\";\nimport type { ChartProps } from \"../../types\";\n\ninterface VarianceHistogramProps {\n  values: number[];\n  lastValue: number;\n  positiveColor: string;\n  negativeColor: string;\n  formatValue: (value: number) => string;\n  width: number;\n  height: number;\n}\n\nfunction VarianceHistogram({\n  values,\n  lastValue,\n  positiveColor,\n  negativeColor,\n  formatValue,\n  width,\n  height,\n}: VarianceHistogramProps) {\n  // Limit to most recent N values to fit in the histogram\n  // Calculate max bars based on width (minimum 8px per bar including gap)\n  const maxBars = Math.max(10, Math.floor(width / 10));\n  const limitedValues =\n    values.length > maxBars\n      ? values.slice(-maxBars) // Take the most recent values\n      : values;\n\n  // Calculate variance (difference) from current/last value for each point\n  const variances = limitedValues.map((value) => value - lastValue);\n\n  // Find min/max variance for scaling (include 0 as baseline)\n  const minVariance = Math.min(...variances, 0);\n  const maxVariance = Math.max(...variances, 0);\n  const range = Math.max(Math.abs(minVariance), Math.abs(maxVariance));\n\n  if (range === 0 || variances.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center bg-dc-bg-secondary dc:rounded-sm dc:border border-dc-border\"\n        style={{ width: `${width}px`, height: `${height}px` }}\n      >\n        <span className=\"dc:text-xs text-dc-text-muted\">No variance data</span>\n      </div>\n    );\n  }\n\n  // Calculate bar dimensions\n  const barGap = 2;\n  const availableWidth = width - (limitedValues.length - 1) * barGap;\n  const barWidth = Math.max(4, availableWidth / limitedValues.length);\n\n  // Calculate where zero line should be positioned (as percentage from top)\n  // If maxVariance = 67 and minVariance = -24, total range = 91\n  // Zero should be at 67/91 = 73.6% from top\n  const totalRange = maxVariance - minVariance;\n  const zeroLinePercent =\n    totalRange > 0 ? (maxVariance / totalRange) * 100 : 50;\n\n  return (\n    <div className=\"dc:flex dc:items-center dc:space-x-2\">\n      {/* Histogram bars */}\n      <div\n        className=\"dc:relative\"\n        style={{\n          width: `${width}px`,\n          height: `${height}px`,\n        }}\n      >\n        {/* Zero line (represents current value) */}\n        <div\n          className=\"dc:absolute dc:left-0 dc:right-0\"\n          style={{\n            height: \"1px\",\n            top: `${zeroLinePercent}%`,\n            backgroundColor: \"var(--dc-border)\",\n            zIndex: 1,\n          }}\n        />\n\n        {/* Variance bars - oldest to newest (left to right) */}\n        {variances.map((variance, index) => {\n          // Calculate bar height as proportion of total range\n          const normalizedHeight = Math.abs(variance) / totalRange;\n          const barHeight = Math.max(2, normalizedHeight * (height - 4));\n          const isPositive = variance >= 0;\n          const isLastValue = index === limitedValues.length - 1;\n          const color = isPositive ? positiveColor : negativeColor;\n          const xPosition = index * (barWidth + barGap);\n\n          return (\n            <div\n              key={index}\n              className=\"dc:absolute rounded-xs\"\n              style={{\n                left: `${xPosition}px`,\n                width: `${barWidth}px`,\n                height: `${barHeight}px`,\n                backgroundColor: color,\n                opacity: isLastValue ? 1 : 0.6,\n                // Position bar relative to zero line\n                ...(isPositive\n                  ? { bottom: `${100 - zeroLinePercent}%` }\n                  : { top: `${zeroLinePercent}%` }),\n                zIndex: 2,\n              }}\n              title={`${formatValue(limitedValues[index])}: ${variance >= 0 ? \"+\" : \"\"}${formatValue(variance)} vs current`}\n            />\n          );\n        })}\n      </div>\n\n      {/* Variance labels on the right - show actual value difference */}\n      <div\n        className=\"dc:flex dc:flex-col dc:justify-between dc:text-xs text-dc-text-muted\"\n        style={{ height: `${height}px` }}\n      >\n        <span>+{formatValue(maxVariance)}</span>\n        <span>\n          {minVariance < 0 ? \"\" : \"\"}\n          {formatValue(minVariance)}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nconst KpiDelta = React.memo(function KpiDelta({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n}: ChartProps) {\n  const { t } = useTranslation();\n  const [fontSize, setFontSize] = useState(32);\n  const [textWidth, setTextWidth] = useState(250);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const valueRef = useRef<HTMLDivElement>(null);\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel();\n\n  // Calculate font size and text width based on container dimensions\n  useEffect(() => {\n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const container = containerRef.current;\n        const rect = container.getBoundingClientRect();\n        const containerWidth = rect.width;\n        const containerHeight = rect.height;\n\n        if (containerWidth > 0 && containerHeight > 0) {\n          const widthBasedSize = containerWidth / 4;\n          const heightBasedSize = containerHeight / 4;\n          const baseFontSize = Math.min(widthBasedSize, heightBasedSize);\n          const clampedFontSize = Math.max(28, Math.min(baseFontSize, 140));\n          setFontSize(clampedFontSize);\n\n          setTimeout(() => {\n            if (valueRef.current) {\n              const textRect = valueRef.current.getBoundingClientRect();\n              const measuredWidth = textRect.width;\n              // Scale histogram width with container, accounting for labels on the right (~60px)\n              const maxHistogramWidth = containerWidth - 100; // Leave room for padding and labels\n              const effectiveWidth = Math.max(\n                measuredWidth,\n                Math.min(maxHistogramWidth, containerWidth * 0.7),\n              );\n              setTextWidth(Math.max(100, effectiveWidth)); // Minimum 100px\n            }\n          }, 10);\n        }\n      }\n    };\n\n    const timer = setTimeout(updateDimensions, 50);\n\n    const resizeObserver = new ResizeObserver(() => {\n      setTimeout(updateDimensions, 10);\n    });\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n    }\n\n    return () => {\n      clearTimeout(timer);\n      resizeObserver.disconnect();\n    };\n  }, [data, chartConfig]);\n\n  if (!data || data.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? \"200px\" : undefined,\n        }}\n      >\n        <div className=\"dc:text-center text-dc-text-muted\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            No data points to display\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Extract value and dimension fields from chart config\n  let valueFields: string[] = [];\n  let dimensionFields: string[] = [];\n\n  if (chartConfig?.yAxis) {\n    valueFields = Array.isArray(chartConfig.yAxis)\n      ? chartConfig.yAxis\n      : [chartConfig.yAxis];\n  }\n\n  if (chartConfig?.xAxis) {\n    dimensionFields = Array.isArray(chartConfig.xAxis)\n      ? chartConfig.xAxis\n      : [chartConfig.xAxis];\n  }\n\n  if (valueFields.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? \"200px\" : undefined,\n          backgroundColor: \"var(--dc-danger-bg)\",\n          color: \"var(--dc-danger)\",\n          borderColor: \"var(--dc-danger-border)\",\n        }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n          <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.noMeasure')}</div>\n        </div>\n      </div>\n    );\n  }\n\n  const valueField = valueFields[0];\n  const dimensionField = dimensionFields[0]; // Optional\n\n  // Sort data by dimension if available (for time series)\n  let sortedData = [...data];\n  if (dimensionField) {\n    sortedData = sortedData.sort((a, b) => {\n      const aVal = a[dimensionField];\n      const bVal = b[dimensionField];\n      if (aVal < bVal) return -1;\n      if (aVal > bVal) return 1;\n      return 0;\n    });\n  }\n\n  // Filter out incomplete or last period if enabled\n  const { useLastCompletePeriod = true, skipLastPeriod = false } =\n    displayConfig;\n  const {\n    filteredData,\n    excludedIncompletePeriod,\n    skippedLastPeriod,\n    granularity,\n  } = filterIncompletePeriod(\n    sortedData,\n    dimensionField,\n    queryObject,\n    useLastCompletePeriod,\n    skipLastPeriod,\n  );\n\n  // Use filtered data for calculations\n  const dataToUse = filteredData;\n\n  // Extract values from filtered data\n  const values = dataToUse\n    .map((row) => row[valueField])\n    .filter((val) => val !== null && val !== undefined && !isNaN(Number(val)))\n    .map((val) => Number(val));\n\n  if (values.length < 2) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? \"200px\" : undefined,\n          backgroundColor: \"var(--dc-warning-bg)\",\n          color: \"var(--dc-warning)\",\n          borderColor: \"var(--dc-warning-border)\",\n        }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.kpiDelta.insufficientData')}</div>\n          <div className=\"dc:text-xs\">\n            {t('chart.runtime.kpiDelta.requiresTwoPoints')}\n          </div>\n          <div className=\"dc:text-xs\">{t('chart.runtime.kpiDelta.currentPoints', { count: values.length })}</div>\n        </div>\n      </div>\n    );\n  }\n\n  // Calculate delta between last and second-last values\n  const lastValue = values[values.length - 1];\n  const secondLastValue = values[values.length - 2];\n  const absoluteChange = lastValue - secondLastValue;\n  const percentageChange =\n    secondLastValue !== 0\n      ? (absoluteChange / Math.abs(secondLastValue)) * 100\n      : 0;\n\n  const isPositiveChange = absoluteChange >= 0;\n\n  // Format number with appropriate units and decimals\n  const formatNumber = (value: number | null | undefined): string => {\n    // If custom formatValue is provided, use it exclusively\n    if (displayConfig.formatValue) {\n      return displayConfig.formatValue(value);\n    }\n\n    // Null handling: Show placeholder for missing data\n    if (value === null || value === undefined) {\n      return \"—\";\n    }\n\n    const decimals = displayConfig.decimals ?? 0;\n    const prefix = displayConfig.prefix ?? \"\";\n\n    let formattedValue: string;\n\n    if (Math.abs(value) >= 1e9) {\n      formattedValue = (value / 1e9).toFixed(decimals) + \"B\";\n    } else if (Math.abs(value) >= 1e6) {\n      formattedValue = (value / 1e6).toFixed(decimals) + \"M\";\n    } else if (Math.abs(value) >= 1e3) {\n      formattedValue = (value / 1e3).toFixed(decimals) + \"K\";\n    } else {\n      formattedValue = value.toFixed(decimals);\n    }\n\n    return prefix + formattedValue;\n  };\n\n  // Get colors from palette\n  const getPositiveColor = (): string => {\n    if (\n      displayConfig.positiveColorIndex !== undefined &&\n      colorPalette?.colors\n    ) {\n      const colorIndex = displayConfig.positiveColorIndex;\n      if (colorIndex >= 0 && colorIndex < colorPalette.colors.length) {\n        return colorPalette.colors[colorIndex];\n      }\n    }\n    return \"#10b981\"; // Default green\n  };\n\n  const getNegativeColor = (): string => {\n    if (\n      displayConfig.negativeColorIndex !== undefined &&\n      colorPalette?.colors\n    ) {\n      const colorIndex = displayConfig.negativeColorIndex;\n      if (colorIndex >= 0 && colorIndex < colorPalette.colors.length) {\n        return colorPalette.colors[colorIndex];\n      }\n    }\n    return \"#ef4444\"; // Default red\n  };\n\n  const positiveColor = getPositiveColor();\n  const negativeColor = getNegativeColor();\n  const currentColor = isPositiveChange ? positiveColor : negativeColor;\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4\"\n      style={{\n        height: height === \"100%\" ? \"100%\" : height,\n        minHeight: height === \"100%\" ? \"200px\" : undefined,\n      }}\n    >\n      {/* Field Label */}\n      <div\n        className=\"text-dc-text-secondary dc:font-bold dc:text-center dc:mb-2 dc:flex dc:items-center dc:justify-center dc:gap-1\"\n        style={{\n          fontSize: \"14px\",\n          lineHeight: \"1.2\",\n        }}\n      >\n        <span>\n          {(() => {\n            const label = getFieldLabel(valueField);\n            return label && label.length > 1 ? label : valueField;\n          })()}\n        </span>\n        {(excludedIncompletePeriod || skippedLastPeriod) && (\n          <span\n            title={\n              skippedLastPeriod\n                ? `Excludes last ${granularity || \"period\"}`\n                : `Excludes current incomplete ${granularity}`\n            }\n            className=\"dc:cursor-help\"\n          >\n            <Icon\n              icon={infoCircleIcon}\n              className=\"dc:w-4 dc:h-4 text-dc-text-muted dc:opacity-70\"\n            />\n          </span>\n        )}\n      </div>\n\n      {/* Main KPI Value and Delta */}\n      <div className=\"dc:flex dc:items-center dc:justify-center dc:space-x-4 dc:mb-2\">\n        {/* Main KPI Value */}\n        <div\n          ref={valueRef}\n          className=\"dc:font-bold dc:leading-none\"\n          style={{\n            fontSize: `${fontSize}px`,\n            color: \"var(--dc-text)\", // Keep main value neutral\n          }}\n        >\n          {formatNumber(lastValue)}\n        </div>\n\n        {/* Delta Information */}\n        <div className=\"dc:flex dc:items-center dc:space-x-1\">\n          {/* Arrow */}\n          <div\n            className=\"dc:font-bold\"\n            style={{\n              color: currentColor,\n              fontSize: `${fontSize * 0.35}px`,\n            }}\n          >\n            {isPositiveChange ? \"▲\" : \"▼\"}\n          </div>\n\n          {/* Delta Values */}\n          <div className=\"dc:text-left\">\n            <div\n              className=\"dc:font-bold dc:leading-tight\"\n              style={{\n                fontSize: `${fontSize * 0.35}px`,\n                color: currentColor,\n              }}\n            >\n              {isPositiveChange ? \"+\" : \"\"}\n              {formatNumber(absoluteChange)}\n            </div>\n            <div\n              className=\"dc:font-semibold dc:leading-tight\"\n              style={{\n                fontSize: `${fontSize * 0.28}px`,\n                color: currentColor,\n                opacity: 0.8,\n              }}\n            >\n              {isPositiveChange ? \"+\" : \"\"}\n              {percentageChange.toFixed(1)}%\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Unit/Suffix (hidden when formatValue is provided) */}\n      {displayConfig.suffix && !displayConfig.formatValue && (\n        <div\n          className=\"text-dc-text-muted dc:text-center dc:mb-3\"\n          style={{\n            fontSize: \"14px\",\n            lineHeight: \"1.2\",\n            opacity: 0.8,\n          }}\n        >\n          {displayConfig.suffix}\n        </div>\n      )}\n\n      {/* Variance Histogram */}\n      {displayConfig.showHistogram !== false && values.length > 2 && (\n        <div className=\"dc:mt-2 dc:w-full dc:flex dc:justify-center dc:overflow-hidden\">\n          <VarianceHistogram\n            values={values}\n            lastValue={lastValue}\n            positiveColor={positiveColor}\n            negativeColor={negativeColor}\n            formatValue={formatNumber}\n            width={textWidth}\n            height={64}\n          />\n        </div>\n      )}\n    </div>\n  );\n})\n\nexport default KpiDelta\n"],"mappings":";;;;;AAUA,SAAgB,EAAiB,GAAY,GAA2B;CACtE,IAAM,IAAU,IAAI,KAAK,EAAK;AAE9B,SAAQ,EAAY,aAAa,EAAjC;EACE,KAAK;AAEH,KAAQ,SAAS,IAAI,IAAI,IAAI,IAAI;AACjC;EAEF,KAAK,QAAQ;GAGX,IAAM,IAAoB,IADR,EAAQ,QAAQ;AAGlC,GADA,EAAQ,QAAQ,EAAQ,SAAS,GAAG,EAAkB,EACtD,EAAQ,SAAS,IAAI,IAAI,IAAI,IAAI;AACjC;;EAGF,KAAK;AAGH,GADA,EAAQ,SAAS,EAAQ,UAAU,GAAG,GAAG,EAAE,EAC3C,EAAQ,SAAS,IAAI,IAAI,IAAI,IAAI;AACjC;EAEF,KAAK,WAAW;GAEd,IAAM,IAAe,EAAQ,UAAU,EACjC,IAAkB,KAAK,MAAM,IAAe,EAAE,GAAG,IAAI;AAE3D,GADA,EAAQ,SAAS,IAAkB,GAAG,EAAE,EACxC,EAAQ,SAAS,IAAI,IAAI,IAAI,IAAI;AACjC;;EAGF,KAAK;AAGH,GADA,EAAQ,SAAS,IAAI,GAAG,EACxB,EAAQ,SAAS,IAAI,IAAI,IAAI,IAAI;AACjC;EAEF,QAEE,GAAQ,SAAS,IAAI,IAAI,IAAI,IAAI;;AAGrC,QAAO;;AAUT,SAAgB,EACd,GACA,GACA,GACS;AACT,KAAI,CAAC,KAAiB,CAAC,KAAsB,CAAC,EAC5C,QAAO;CAGT,IAAM,IAAY,EAAc;AAChC,KAAI,CAAC,EACH,QAAO;CAIT,IAAM,IAAO,IAAI,KAAK,EAAU;AAYhC,QAXI,MAAM,EAAK,SAAS,CAAC,GAChB,KAIS,EAAiB,GAAM,EAAY,oBAGzC,IAAI,MAAM;;AAYxB,SAAgB,EACd,GACA,GACe;AACf,KAAI,CAAC,GAAa,kBAAkB,EAAY,eAAe,WAAW,EACxE,QAAO;AAIT,KAAI,GAAgB;EAClB,IAAM,IAAc,EAAY,eAAe,MAAM,MACnD,EAAG,cAAc,KACjB,EAAG,WAAW,SAAS,EAAe,IACtC,GAAgB,SAAS,EAAG,UAAU,CACvC;AACD,MAAI,GAAa,YACf,QAAO,EAAY;;AAMvB,QADqB,EAAY,eAAe,IAC3B,eAAe;;AAYtC,SAAgB,EACd,GACA,GACA,GACA,GACA,IAA0B,IAC0F;CAEpH,IAAM,IAAW;EACf,cAAc;EACd,0BAA0B;EAC1B,mBAAmB;EACnB,aAAa;EACd;AAGD,KAAI,EAAK,SAAS,EAChB,QAAO;CAGT,IAAM,IAAc,EAAoB,GAAa,EAAmB;AAGxE,KAAI,EACF,QAAO;EACL,cAAc,EAAK,MAAM,GAAG,GAAG;EAC/B,0BAA0B;EAC1B,mBAAmB;EACnB;EACD;AAcH,KAVI,CAAC,KAKD,CAAC,KAKD,CAAC,GAAa,kBAAkB,EAAY,eAAe,WAAW,EACxE,QAAO;EAAE,GAAG;EAAU;EAAa;AAGrC,KAAI,CAAC,EACH,QAAO;CAIT,IAAM,IAAU,EAAK,EAAK,SAAS;AAUnC,QATK,EAAqB,GAAS,GAAoB,EAAY,GAS5D;EAAE,GAAG;EAAU;EAAa,GAR1B;EACL,cAAc,EAAK,MAAM,GAAG,GAAG;EAC/B,0BAA0B;EAC1B,mBAAmB;EACnB;EACD;;;;AC/KL,SAAS,EAAkB,EACzB,WACA,cACA,kBACA,kBACA,gBACA,UACA,aACyB;CAGzB,IAAM,IAAU,KAAK,IAAI,IAAI,KAAK,MAAM,IAAQ,GAAG,CAAC,EAC9C,IACJ,EAAO,SAAS,IACZ,EAAO,MAAM,CAAC,EAAQ,GACtB,GAGA,IAAY,EAAc,KAAK,MAAU,IAAQ,EAAU,EAG3D,IAAc,KAAK,IAAI,GAAG,GAAW,EAAE,EACvC,IAAc,KAAK,IAAI,GAAG,GAAW,EAAE;AAG7C,KAFc,KAAK,IAAI,KAAK,IAAI,EAAY,EAAE,KAAK,IAAI,EAAY,CAAC,KAEtD,KAAK,EAAU,WAAW,EACtC,QACE,kBAAC,OAAD;EACE,WAAU;EACV,OAAO;GAAE,OAAO,GAAG,EAAM;GAAK,QAAQ,GAAG,EAAO;GAAK;YAErD,kBAAC,QAAD;GAAM,WAAU;aAAgC;GAAuB,CAAA;EACnE,CAAA;CAKV,IACM,IAAiB,KAAS,EAAc,SAAS,KAAK,GACtD,IAAW,KAAK,IAAI,GAAG,IAAiB,EAAc,OAAO,EAK7D,IAAa,IAAc,GAC3B,IACJ,IAAa,IAAK,IAAc,IAAc,MAAM;AAEtD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GACE,WAAU;GACV,OAAO;IACL,OAAO,GAAG,EAAM;IAChB,QAAQ,GAAG,EAAO;IACnB;aALH,CAQE,kBAAC,OAAD;IACE,WAAU;IACV,OAAO;KACL,QAAQ;KACR,KAAK,GAAG,EAAgB;KACxB,iBAAiB;KACjB,QAAQ;KACT;IACD,CAAA,EAGD,EAAU,KAAK,GAAU,MAAU;IAElC,IAAM,IAAmB,KAAK,IAAI,EAAS,GAAG,GACxC,IAAY,KAAK,IAAI,GAAG,KAAoB,IAAS,GAAG,EACxD,IAAa,KAAY,GACzB,IAAc,MAAU,EAAc,SAAS,GAC/C,IAAQ,IAAa,IAAgB;AAG3C,WACE,kBAAC,OAAD;KAEE,WAAU;KACV,OAAO;MACL,MAAM,GAPM,KAAS,IAAW,GAOb;MACnB,OAAO,GAAG,EAAS;MACnB,QAAQ,GAAG,EAAU;MACrB,iBAAiB;MACjB,SAAS,IAAc,IAAI;MAE3B,GAAI,IACA,EAAE,QAAQ,GAAG,MAAM,EAAgB,IAAI,GACvC,EAAE,KAAK,GAAG,EAAgB,IAAI;MAClC,QAAQ;MACT;KACD,OAAO,GAAG,EAAY,EAAc,GAAO,CAAC,IAAI,KAAY,IAAI,MAAM,KAAK,EAAY,EAAS,CAAC;KACjG,EAfK,EAeL;KAEJ,CACE;MAGN,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,QAAQ,GAAG,EAAO,KAAK;aAFlC,CAIE,kBAAC,QAAD,EAAA,UAAA,CAAM,KAAE,EAAY,EAAY,CAAQ,EAAA,CAAA,EACxC,kBAAC,QAAD,EAAA,UAAA,CACqB,IAClB,EAAY,EAAY,CACpB,EAAA,CAAA,CACH;KACF;;;AAIV,IAAM,IAAW,EAAM,KAAK,SAAkB,EAC5C,MAAA,GACA,gBACA,mBAAgB,EAAE,EAClB,gBACA,YAAS,QACT,mBACa;CACb,IAAM,EAAE,SAAM,GAAgB,EACxB,CAAC,GAAU,KAAe,EAAS,GAAG,EACtC,CAAC,GAAW,KAAgB,EAAS,IAAI,EACzC,IAAe,EAAuB,KAAK,EAC3C,IAAW,EAAuB,KAAK,EAEvC,IAAgB,GAAmB;AAmDzC,KAhDA,QAAgB;EACd,IAAM,UAAyB;AAC7B,OAAI,EAAa,SAAS;IAExB,IAAM,IADY,EAAa,QACR,uBAAuB,EACxC,IAAiB,EAAK,OACtB,IAAkB,EAAK;AAE7B,QAAI,IAAiB,KAAK,IAAkB,GAAG;KAC7C,IAAM,IAAiB,IAAiB,GAClC,IAAkB,IAAkB;AAK1C,KAFA,EADwB,KAAK,IAAI,IAAI,KAAK,IADrB,KAAK,IAAI,GAAgB,EAAgB,EACF,IAAI,CAAC,CACrC,EAE5B,iBAAiB;AACf,UAAI,EAAS,SAAS;OAEpB,IAAM,IADW,EAAS,QAAQ,uBAAuB,CAC1B,OAEzB,IAAoB,IAAiB,KACrC,IAAiB,KAAK,IAC1B,GACA,KAAK,IAAI,GAAmB,IAAiB,GAAI,CAClD;AACD,SAAa,KAAK,IAAI,KAAK,EAAe,CAAC;;QAE5C,GAAG;;;KAKN,IAAQ,WAAW,GAAkB,GAAG,EAExC,IAAiB,IAAI,qBAAqB;AAC9C,cAAW,GAAkB,GAAG;IAChC;AAMF,SAJI,EAAa,WACf,EAAe,QAAQ,EAAa,QAAQ,QAGjC;AAEX,GADA,aAAa,EAAM,EACnB,EAAe,YAAY;;IAE5B,CAAC,GAAM,EAAY,CAAC,EAEnB,CAAC,KAAQ,EAAK,WAAW,EAC3B,QACE,kBAAC,OAAD;EACE,WAAU;EACV,OAAO;GACL,QAAQ,MAAW,SAAS,SAAS;GACrC,WAAW,MAAW,SAAS,UAAU,KAAA;GAC1C;YAED,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAuC,EAAE,uBAAuB;IAAO,CAAA,EACtF,kBAAC,OAAD;IAAK,WAAU;cAAoC;IAE7C,CAAA,CACF;;EACF,CAAA;CAKV,IAAI,IAAwB,EAAE,EAC1B,IAA4B,EAAE;AAclC,KAZI,GAAa,UACf,IAAc,MAAM,QAAQ,EAAY,MAAM,GAC1C,EAAY,QACZ,CAAC,EAAY,MAAM,GAGrB,GAAa,UACf,IAAkB,MAAM,QAAQ,EAAY,MAAM,GAC9C,EAAY,QACZ,CAAC,EAAY,MAAM,GAGrB,EAAY,WAAW,EACzB,QACE,kBAAC,OAAD;EACE,WAAU;EACV,OAAO;GACL,QAAQ,MAAW,SAAS,SAAS;GACrC,WAAW,MAAW,SAAS,UAAU,KAAA;GACzC,iBAAiB;GACjB,OAAO;GACP,aAAa;GACd;YAED,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAuC,EAAE,4BAA4B;IAAO,CAAA,EAC3F,kBAAC,OAAD;IAAK,WAAU;cAAc,EAAE,0CAA0C;IAAO,CAAA,CAC5E;;EACF,CAAA;CAIV,IAAM,IAAa,EAAY,IACzB,IAAiB,EAAgB,IAGnC,IAAa,CAAC,GAAG,EAAK;AAC1B,CAAI,MACF,IAAa,EAAW,MAAM,GAAG,MAAM;EACrC,IAAM,IAAO,EAAE,IACT,IAAO,EAAE;AAGf,SAFI,IAAO,IAAa,KACpB,IAAO,IAAa,IACjB;GACP;CAIJ,IAAM,EAAE,2BAAwB,IAAM,oBAAiB,OACrD,GACI,EACJ,iBACA,6BACA,sBACA,mBACE,EACF,GACA,GACA,GACA,GACA,EACD,EAMK,IAHY,EAIf,KAAK,MAAQ,EAAI,GAAY,CAC7B,QAAQ,MAAQ,KAAQ,QAA6B,CAAC,MAAM,OAAO,EAAI,CAAC,CAAC,CACzE,KAAK,MAAQ,OAAO,EAAI,CAAC;AAE5B,KAAI,EAAO,SAAS,EAClB,QACE,kBAAC,OAAD;EACE,WAAU;EACV,OAAO;GACL,QAAQ,MAAW,SAAS,SAAS;GACrC,WAAW,MAAW,SAAS,UAAU,KAAA;GACzC,iBAAiB;GACjB,OAAO;GACP,aAAa;GACd;YAED,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAuC,EAAE,0CAA0C;KAAO,CAAA;IACzG,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAE,2CAA2C;KAC1C,CAAA;IACN,kBAAC,OAAD;KAAK,WAAU;eAAc,EAAE,wCAAwC,EAAE,OAAO,EAAO,QAAQ,CAAC;KAAO,CAAA;IACnG;;EACF,CAAA;CAKV,IAAM,IAAY,EAAO,EAAO,SAAS,IACnC,IAAkB,EAAO,EAAO,SAAS,IACzC,IAAiB,IAAY,GAC7B,IACJ,MAAoB,IAEhB,IADC,IAAiB,KAAK,IAAI,EAAgB,GAAI,KAG/C,IAAmB,KAAkB,GAGrC,KAAgB,MAA6C;AAEjE,MAAI,EAAc,YAChB,QAAO,EAAc,YAAY,EAAM;AAIzC,MAAI,KAAU,KACZ,QAAO;EAGT,IAAM,IAAW,EAAc,YAAY,GACrC,IAAS,EAAc,UAAU,IAEnC;AAYJ,SAVA,AAOE,IAPE,KAAK,IAAI,EAAM,IAAI,OACH,IAAQ,KAAK,QAAQ,EAAS,GAAG,MAC1C,KAAK,IAAI,EAAM,IAAI,OACV,IAAQ,KAAK,QAAQ,EAAS,GAAG,MAC1C,KAAK,IAAI,EAAM,IAAI,OACV,IAAQ,KAAK,QAAQ,EAAS,GAAG,MAElC,EAAM,QAAQ,EAAS,EAGnC,IAAS;IAIZ,UAAiC;AACrC,MACE,EAAc,uBAAuB,KAAA,KACrC,GAAc,QACd;GACA,IAAM,IAAa,EAAc;AACjC,OAAI,KAAc,KAAK,IAAa,EAAa,OAAO,OACtD,QAAO,EAAa,OAAO;;AAG/B,SAAO;IAGH,UAAiC;AACrC,MACE,EAAc,uBAAuB,KAAA,KACrC,GAAc,QACd;GACA,IAAM,IAAa,EAAc;AACjC,OAAI,KAAc,KAAK,IAAa,EAAa,OAAO,OACtD,QAAO,EAAa,OAAO;;AAG/B,SAAO;IAGH,IAAgB,GAAkB,EAClC,IAAgB,GAAkB,EAClC,IAAe,IAAmB,IAAgB;AAExD,QACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAU;EACV,OAAO;GACL,QAAQ,MAAW,SAAS,SAAS;GACrC,WAAW,MAAW,SAAS,UAAU,KAAA;GAC1C;YANH;GASE,kBAAC,OAAD;IACE,WAAU;IACV,OAAO;KACL,UAAU;KACV,YAAY;KACb;cALH,CAOE,kBAAC,QAAD,EAAA,iBACU;KACN,IAAM,IAAQ,EAAc,EAAW;AACvC,YAAO,KAAS,EAAM,SAAS,IAAI,IAAQ;QACzC,EACC,CAAA,GACL,KAA4B,MAC5B,kBAAC,QAAD;KACE,OACE,IACI,iBAAiB,KAAe,aAChC,+BAA+B;KAErC,WAAU;eAEV,kBAAC,GAAD;MACE,MAAM;MACN,WAAU;MACV,CAAA;KACG,CAAA,CAEL;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,OAAD;KACE,KAAK;KACL,WAAU;KACV,OAAO;MACL,UAAU,GAAG,EAAS;MACtB,OAAO;MACR;eAEA,EAAa,EAAU;KACpB,CAAA,EAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,kBAAC,OAAD;MACE,WAAU;MACV,OAAO;OACL,OAAO;OACP,UAAU,GAAG,IAAW,IAAK;OAC9B;gBAEA,IAAmB,MAAM;MACtB,CAAA,EAGN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OACE,WAAU;OACV,OAAO;QACL,UAAU,GAAG,IAAW,IAAK;QAC7B,OAAO;QACR;iBALH,CAOG,IAAmB,MAAM,IACzB,EAAa,EAAe,CACzB;UACN,kBAAC,OAAD;OACE,WAAU;OACV,OAAO;QACL,UAAU,GAAG,IAAW,IAAK;QAC7B,OAAO;QACP,SAAS;QACV;iBANH;QAQG,IAAmB,MAAM;QACzB,EAAiB,QAAQ,EAAE;QAAC;QACzB;SACF;QACF;OACF;;GAGL,EAAc,UAAU,CAAC,EAAc,eACtC,kBAAC,OAAD;IACE,WAAU;IACV,OAAO;KACL,UAAU;KACV,YAAY;KACZ,SAAS;KACV;cAEA,EAAc;IACX,CAAA;GAIP,EAAc,kBAAkB,MAAS,EAAO,SAAS,KACxD,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACU;KACG;KACI;KACA;KACf,aAAa;KACb,OAAO;KACP,QAAQ;KACR,CAAA;IACE,CAAA;GAEJ;;EAER"}