@undp/data-viz 2.5.4 → 2.6.1

package/dist/BulletChart-Du9F0JhJ.js

@@ -0,0 +1,799 @@
+import { o as e } from "./chunk-foFoljWS.js";
+import { t } from "./jsx-runtime-C76bEyh7.js";
+import { l as n, u as r } from "./Icons-BLXwPP3h.js";
+import { Colors as i } from "./Colors.js";
+import { ColorLegend as ee } from "./ColorLegend.js";
+import { GraphFooter as a } from "./GraphFooter.js";
+import { GraphHeader as te } from "./GraphHeader.js";
+import { t as o } from "./checkIfNullOrUndefined-C5gqSAtF.js";
+import { t as s } from "./lodash.sum-CX6zs3_n.js";
+import { n as ne, t as re } from "./GraphContainer-DgEB1AVN.js";
+import { n as ie, t as c } from "./parse-5MWhaq6h.js";
+import { t as l } from "./lodash.orderby-Dn2sr3tw.js";
+import { t as u } from "./EmptyState-DBmT1Adf.js";
+import { n as ae } from "./ensureCompleteData-VxAHq-s7.js";
+import { t as d } from "./getSliderMarks-CTKVxOEm.js";
+import { t as oe } from "./linear-BkosG4OK.js";
+import { t as se } from "./band-XivI9IHG.js";
+import { t as f } from "./fast-deep-equal--80N92KJ.js";
+import { t as p } from "./proxy-BiRrIImK.js";
+import { t as ce } from "./AnimatePresence-CE6xBsMZ.js";
+import { t as le } from "./use-in-view-CjlKdln1.js";
+import { t as ue } from "./Axis-B3ai1eeP.js";
+import { t as de } from "./AxisTitle-DqJw_G-f.js";
+import { t as fe } from "./XAxesLabels-DIs04SK7.js";
+import { t as pe } from "./numberFormattingFunction-Cha8dhHc.js";
+import { t as me } from "./XTicksAndGridLines-B2XZgwzW.js";
+import { t as he } from "./YAxesLabels-voV_CThY.js";
+import { t as m } from "./YTicksAndGridLines-CVTzNJYP.js";
+import { t as ge } from "./DetailsModal-DxUowfkg.js";
+import { n as _e, t as h } from "./ReferenceLine-C8owKJx1.js";
+import { t as ve } from "./Tooltip-Y6uTGwkF.js";
+import { cn as ye } from "@undp/design-system-react/cn";
+import { useEffect as g, useMemo as be, useRef as xe, useState as _ } from "react";
+import { SliderUI as v } from "@undp/design-system-react/SliderUI";
+//#region src/Components/Graphs/BulletChart/Graph.tsx
+var y = /* @__PURE__ */ e(l(), 1), Se = /* @__PURE__ */ e(f(), 1), b = /* @__PURE__ */ e(s(), 1), x = t();
+function Ce(e) {
+	let { data: t, width: n, height: r, barColor: i, suffix: ee, prefix: a, barPadding: te, showLabels: s, showValues: ne, showTicks: re, truncateBy: ie, leftMargin: c = 20, rightMargin: l = 20, topMargin: u = 20, bottomMargin: ae = 25, tooltip: d, onSeriesMouseOver: f, refValues: me, maxValue: he, minValue: h, highlightedDataPoints: g, onSeriesMouseClick: v, labelOrder: y, maxBarThickness: Ce, minBarThickness: we, resetSelectionOnDoubleClick: Te, detailsOnClick: Ee, barAxisTitle: S, valueColor: C, noOfTicks: w, styles: T, classNames: E, targetStyle: D, targetColor: O, qualitativeRangeColors: k, measureBarWidthFactor: De, animate: A, dimmedOpacity: j, precision: M, customLayers: N, naLabel: Oe, targetLineThickness: ke, hideAxisLine: Ae, locale: je, padZeros: P } = e, Me = xe(null), F = le(Me, {
+		once: A.once,
+		amount: A.amount
+	}), I = {
+		top: u,
+		bottom: ae,
+		left: S ? c + 30 : c,
+		right: l
+	}, [L, R] = _(void 0), [z, B] = _(void 0), [V, H] = _(void 0), [Ne, U] = _(void 0), W = n - I.left - I.right, G = r - I.top - I.bottom, K = Math.max(...t.filter((e) => !o(e.size)).map((e) => e.size)) < 0 ? 0 : Math.max(...t.filter((e) => !o(e.size)).map((e) => e.size)), Pe = Math.max(...t.filter((e) => !o(e.target)).map((e) => e.target)) < 0 ? 0 : Math.max(...t.filter((e) => !o(e.size)).map((e) => e.target)), Fe = Math.max(...t.map((e) => (0, b.default)((e.qualitativeRange || []).filter((e) => !o(e))) || 0)), Ie = o(he) ? Math.max(...[
+		K,
+		Pe,
+		Fe
+	].filter(Number.isFinite)) < 0 ? 0 : Math.max(...[
+		K,
+		Pe,
+		Fe
+	].filter(Number.isFinite)) : he, Le = Math.min(...t.filter((e) => !o(e.size)).map((e) => e.size)) >= 0 ? 0 : Math.min(...t.filter((e) => !o(e.size)).map((e) => e.size)), Re = Math.min(...t.filter((e) => !o(e.target)).map((e) => e.target)) >= 0 ? 0 : Math.min(...t.filter((e) => !o(e.target)).map((e) => e.target)), q = o(h) ? Math.min(...[Le, Re].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[Le, Re].filter(Number.isFinite)) : h, J = be(() => {
+		let e = /* @__PURE__ */ new Set(), n = t.map((t, n) => {
+			let r = y ? `${t.label}` : `${n}`;
+			return e.add(r), {
+				...t,
+				id: r
+			};
+		}), r = y ? y.filter((t) => !e.has(t)) : [];
+		return [...n, ...r.map((e) => ({
+			id: e,
+			label: e,
+			size: null,
+			target: null,
+			qualitativeRange: null
+		}))];
+	}, [t, y]), Y = be(() => y ?? J.map((e) => `${e.id}`), [y, J]), X = oe().domain([q, Ie]).range([G, 0]).nice(), Z = se().domain(Y).range([0, we ? Math.max(W, we * Y.length) : Ce ? Math.min(W, Ce * Y.length) : W]).paddingInner(te), Q = X.ticks(w);
+	return /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [
+		/* @__PURE__ */ (0, x.jsx)(p.svg, {
+			width: `${n}px`,
+			height: `${r}px`,
+			viewBox: `0 0 ${n} ${r}`,
+			direction: "ltr",
+			ref: Me,
+			children: /* @__PURE__ */ (0, x.jsxs)("g", {
+				transform: `translate(${I.left},${I.top})`,
+				children: [
+					/* @__PURE__ */ (0, x.jsx)(ue, {
+						hideAxisLine: Ae,
+						y1: X(q < 0 ? 0 : q),
+						y2: X(q < 0 ? 0 : q),
+						x1: 0 - c,
+						x2: W + I.right,
+						label: re ? pe(q < 0 ? 0 : q, Oe, M, a, ee, je, P) : void 0,
+						labelPos: {
+							x: 0 - c,
+							dx: 0,
+							dy: Ie < 0 ? "1em" : -5,
+							y: X(q < 0 ? 0 : q)
+						},
+						classNames: {
+							axis: E?.xAxis?.axis,
+							label: E?.yAxis?.labels
+						},
+						styles: {
+							axis: T?.xAxis?.axis,
+							label: T?.yAxis?.labels
+						}
+					}),
+					re ? /* @__PURE__ */ (0, x.jsx)(m, {
+						values: Q.filter((e) => e !== 0),
+						y: Q.filter((e) => e !== 0).map((e) => X(e)),
+						x1: 0 - c,
+						x2: W + I.right,
+						styles: {
+							gridLines: T?.yAxis?.gridLines,
+							labels: T?.yAxis?.labels
+						},
+						classNames: {
+							gridLines: E?.yAxis?.gridLines,
+							labels: E?.yAxis?.labels
+						},
+						suffix: ee,
+						prefix: a,
+						labelType: "secondary",
+						showGridLines: !0,
+						labelPos: "vertical",
+						precision: M,
+						locale: je,
+						padZeros: P
+					}) : null,
+					/* @__PURE__ */ (0, x.jsx)(de, {
+						x: 0 - c - 15,
+						y: G / 2,
+						style: T?.yAxis?.title,
+						className: E?.yAxis?.title,
+						text: S,
+						rotate90: !0
+					}),
+					N.filter((e) => e.position === "before").map((e) => e.layer),
+					/* @__PURE__ */ (0, x.jsxs)(ce, { children: [J.map((e) => o(Z(e.id)) ? null : /* @__PURE__ */ (0, x.jsxs)(p.g, {
+						className: "undp-viz-g-with-hover",
+						onMouseEnter: (t) => {
+							R(e), U(t.clientY), H(t.clientX), f?.(e);
+						},
+						onClick: () => {
+							(v || Ee) && ((0, Se.default)(z, e) && Te ? (B(void 0), v?.(void 0)) : (B(e), v?.(e)));
+						},
+						onMouseMove: (t) => {
+							R(e), U(t.clientY), H(t.clientX);
+						},
+						onMouseLeave: () => {
+							R(void 0), H(void 0), U(void 0), f?.(void 0);
+						},
+						exit: {
+							opacity: 0,
+							transition: { duration: A.duration }
+						},
+						variants: {
+							initial: {
+								x: Z(`${e.id}`),
+								y: 0,
+								opacity: g && g.indexOf(e.label) === -1 ? j : .85
+							},
+							whileInView: {
+								x: Z(`${e.id}`),
+								y: 0,
+								opacity: g && g.indexOf(e.label) === -1 ? j : .85,
+								transition: { duration: A.duration }
+							}
+						},
+						initial: "initial",
+						animate: F ? "whileInView" : "initial",
+						children: [
+							e.qualitativeRange ? e.qualitativeRange.map((t, n) => /* @__PURE__ */ (0, x.jsx)(p.rect, {
+								x: 0,
+								exit: {
+									height: 0,
+									y: X(0),
+									transition: { duration: A.duration }
+								},
+								variants: {
+									initial: {
+										height: 0,
+										y: X(0),
+										fill: k[n]
+									},
+									whileInView: {
+										height: Math.abs(X((0, b.default)(e.qualitativeRange.filter((e, t) => t <= n && e))) - X((0, b.default)(e.qualitativeRange.filter((e, t) => t < n && e)))),
+										y: X((0, b.default)(e.qualitativeRange.filter((e, t) => t <= n && e))),
+										fill: k[n],
+										transition: { duration: A.duration }
+									}
+								},
+								initial: "initial",
+								animate: F ? "whileInView" : "initial",
+								width: Z.bandwidth()
+							}, n)) : null,
+							e.target && D === "background" ? /* @__PURE__ */ (0, x.jsx)(p.rect, {
+								x: 0,
+								width: Z.bandwidth(),
+								exit: {
+									height: 0,
+									y: X(0),
+									fill: O,
+									transition: { duration: A.duration }
+								},
+								variants: {
+									initial: {
+										height: 0,
+										fill: O,
+										y: X(0)
+									},
+									whileInView: {
+										height: Math.abs(X(e.target) - X(0)),
+										fill: O,
+										y: e.target > 0 ? X(e.target) : X(0),
+										transition: { duration: A.duration }
+									}
+								},
+								initial: "initial",
+								animate: F ? "whileInView" : "initial"
+							}) : null,
+							e.size ? /* @__PURE__ */ (0, x.jsx)(p.rect, {
+								x: Z.bandwidth() * ((1 - De) / 2),
+								width: Z.bandwidth() * De,
+								style: { fill: i },
+								exit: {
+									height: 0,
+									y: X(0),
+									transition: { duration: A.duration }
+								},
+								variants: {
+									initial: {
+										height: 0,
+										y: X(0)
+									},
+									whileInView: {
+										height: Math.abs(X(e.size) - X(0)),
+										y: e.size > 0 ? X(e.size) : X(0),
+										transition: { duration: A.duration }
+									}
+								},
+								initial: "initial",
+								animate: F ? "whileInView" : "initial"
+							}) : null,
+							e.target && D === "line" ? /* @__PURE__ */ (0, x.jsx)(p.rect, {
+								x: 0,
+								width: Z.bandwidth(),
+								exit: {
+									y: X(0),
+									opacity: 0,
+									fill: O,
+									transition: { duration: A.duration }
+								},
+								variants: {
+									initial: {
+										y: X(0),
+										opacity: 0,
+										fill: O
+									},
+									whileInView: {
+										y: X(e.target) - ke / 2,
+										opacity: 1,
+										fill: O,
+										transition: { duration: A.duration }
+									}
+								},
+								initial: "initial",
+								animate: F ? "whileInView" : "initial",
+								height: ke
+							}) : null,
+							s ? /* @__PURE__ */ (0, x.jsx)(fe, {
+								value: `${e.label}`.length < ie ? `${e.label}` : `${`${e.label}`.substring(0, ie)}...`,
+								y: (e.size || 0) < 0 ? 0 : X(0) + 5,
+								x: 0,
+								width: Z.bandwidth(),
+								height: (e.size || 0) < 0 ? X(0) - 5 : I.bottom,
+								style: T?.xAxis?.labels,
+								className: E?.xAxis?.labels,
+								alignment: (e.size || 0) < 0 ? "bottom" : "top",
+								animate: A,
+								isInView: F
+							}) : null,
+							ne ? /* @__PURE__ */ (0, x.jsx)(p.text, {
+								x: Z.bandwidth() / 2,
+								style: {
+									textAnchor: "middle",
+									...T?.graphObjectValues || {}
+								},
+								className: ye("graph-value text-sm", !C && i.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", E?.graphObjectValues),
+								dy: e.size ? e.size >= 0 ? "-5px" : "1em" : "-5px",
+								exit: {
+									opacity: 0,
+									transition: { duration: A.duration }
+								},
+								variants: {
+									initial: {
+										y: X(0),
+										opacity: 0,
+										fill: C || i
+									},
+									whileInView: {
+										y: X(e.size || 0),
+										opacity: 1,
+										fill: C || i,
+										transition: { duration: A.duration }
+									}
+								},
+								initial: "initial",
+								animate: F ? "whileInView" : "initial",
+								children: pe(e.size, Oe, M, a, ee, je, P)
+							}) : null
+						]
+					}, e.label)), me?.map((e) => /* @__PURE__ */ (0, x.jsx)(_e, {
+						text: e.text,
+						color: e.color,
+						y: X(e.value),
+						x1: 0 - c,
+						x2: W + I.right,
+						classNames: e.classNames,
+						styles: e.styles,
+						animate: A,
+						isInView: F
+					}, e.text))] }),
+					N.filter((e) => e.position === "after").map((e) => e.layer)
+				]
+			})
+		}),
+		L && d && V && Ne ? /* @__PURE__ */ (0, x.jsx)(ve, {
+			data: L,
+			body: d,
+			xPos: V,
+			yPos: Ne,
+			backgroundStyle: T?.tooltip,
+			className: E?.tooltip
+		}) : null,
+		Ee && z !== void 0 ? /* @__PURE__ */ (0, x.jsx)(ge, {
+			body: Ee,
+			data: z,
+			setData: B,
+			className: E?.modal
+		}) : null
+	] });
+}
+function we(e) {
+	let { data: t, topMargin: n = 25, bottomMargin: r = 10, leftMargin: i = 100, rightMargin: ee = 40, barColor: a, suffix: te, prefix: s, barPadding: ne, showValues: re, showTicks: ie, truncateBy: c, width: l, height: u, showLabels: ae, tooltip: d, onSeriesMouseOver: f, refValues: fe, highlightedDataPoints: m, maxValue: _e, minValue: g, onSeriesMouseClick: v, labelOrder: y, rtl: Ce, maxBarThickness: we, minBarThickness: Te, resetSelectionOnDoubleClick: Ee, detailsOnClick: S, barAxisTitle: C, valueColor: w, noOfTicks: T, styles: E, classNames: D, targetStyle: O, targetColor: k, qualitativeRangeColors: De, measureBarWidthFactor: A, animate: j, dimmedOpacity: M, precision: N, customLayers: Oe, naLabel: ke, targetLineThickness: Ae, hideAxisLine: je, locale: P, padZeros: Me } = e, F = xe(null), I = le(F, {
+		once: j.once,
+		amount: j.amount
+	}), [L, R] = _(void 0), [z, B] = _(void 0), [V, H] = _(void 0), [Ne, U] = _(void 0), W = {
+		top: C ? n + 25 : n,
+		bottom: r,
+		left: i,
+		right: ee
+	}, G = l - W.left - W.right, K = u - W.top - W.bottom, Pe = Math.max(...t.filter((e) => !o(e.size)).map((e) => e.size)) < 0 ? 0 : Math.max(...t.filter((e) => !o(e.size)).map((e) => e.size)), Fe = Math.max(...t.filter((e) => !o(e.target)).map((e) => e.target)) < 0 ? 0 : Math.max(...t.filter((e) => !o(e.target)).map((e) => e.target)), Ie = Math.max(...t.map((e) => (0, b.default)((e.qualitativeRange || []).filter((e) => !o(e))) || 0)), Le = o(_e) ? Math.max(...[
+		Pe,
+		Fe,
+		Ie
+	].filter(Number.isFinite)) < 0 ? 0 : Math.max(...[
+		Pe,
+		Fe,
+		Ie
+	].filter(Number.isFinite)) : _e, Re = Math.min(...t.filter((e) => !o(e.size)).map((e) => e.size)) >= 0 ? 0 : Math.min(...t.filter((e) => !o(e.size)).map((e) => e.size)), q = Math.min(...t.filter((e) => !o(e.target)).map((e) => e.target)) >= 0 ? 0 : Math.min(...t.filter((e) => !o(e.target)).map((e) => e.target)), J = o(g) ? Math.min(...[Re, q].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[Re, q].filter(Number.isFinite)) : g, Y = be(() => {
+		let e = /* @__PURE__ */ new Set(), n = t.map((t, n) => {
+			let r = y ? `${t.label}` : `${n}`;
+			return e.add(r), {
+				...t,
+				id: r
+			};
+		}), r = y ? y.filter((t) => !e.has(t)) : [];
+		return [...n, ...r.map((e) => ({
+			id: e,
+			label: e,
+			size: null,
+			target: null,
+			qualitativeRange: null
+		}))];
+	}, [t, y]), X = be(() => y ?? Y.map((e) => `${e.id}`), [y, Y]), Z = oe().domain([J, Le]).range([0, G]).nice(), Q = se().domain(X).range([0, Te ? Math.max(K, Te * X.length) : we ? Math.min(K, we * X.length) : K]).paddingInner(ne), ze = Z.ticks(T);
+	return /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [
+		/* @__PURE__ */ (0, x.jsx)(p.svg, {
+			width: `${l}px`,
+			height: `${u}px`,
+			viewBox: `0 0 ${l} ${u}`,
+			direction: "ltr",
+			ref: F,
+			children: /* @__PURE__ */ (0, x.jsxs)("g", {
+				transform: `translate(${W.left},${W.top})`,
+				children: [
+					ie ? /* @__PURE__ */ (0, x.jsx)(me, {
+						values: ze.filter((e) => e !== 0),
+						x: ze.filter((e) => e !== 0).map((e) => Z(e)),
+						y1: 0 - n,
+						y2: K + W.bottom,
+						styles: {
+							gridLines: E?.xAxis?.gridLines,
+							labels: E?.xAxis?.labels
+						},
+						classNames: {
+							gridLines: D?.xAxis?.gridLines,
+							labels: D?.xAxis?.labels
+						},
+						suffix: te,
+						prefix: s,
+						labelType: "secondary",
+						showGridLines: !0,
+						precision: N,
+						locale: P,
+						padZeros: Me
+					}) : null,
+					/* @__PURE__ */ (0, x.jsx)(de, {
+						x: G / 2,
+						y: 0 - W.top + 15,
+						style: E?.xAxis?.title,
+						className: D?.xAxis?.title,
+						text: C
+					}),
+					/* @__PURE__ */ (0, x.jsx)(ue, {
+						hideAxisLine: je,
+						x1: Z(J < 0 ? 0 : J),
+						x2: Z(J < 0 ? 0 : J),
+						y1: -2.5,
+						y2: K + W.bottom,
+						classNames: { axis: D?.yAxis?.axis },
+						styles: { axis: E?.yAxis?.axis }
+					}),
+					Oe.filter((e) => e.position === "before").map((e) => e.layer),
+					/* @__PURE__ */ (0, x.jsxs)(ce, { children: [Y.map((e) => o(Q(e.id)) ? null : /* @__PURE__ */ (0, x.jsxs)(p.g, {
+						className: "undp-viz-g-with-hover",
+						onMouseEnter: (t) => {
+							R(e), U(t.clientY), H(t.clientX), f?.(e);
+						},
+						onClick: () => {
+							(v || S) && ((0, Se.default)(z, e) && Ee ? (B(void 0), v?.(void 0)) : (B(e), v?.(e)));
+						},
+						onMouseMove: (t) => {
+							R(e), U(t.clientY), H(t.clientX);
+						},
+						onMouseLeave: () => {
+							R(void 0), H(void 0), U(void 0), f?.(void 0);
+						},
+						exit: {
+							opacity: 0,
+							transition: { duration: j.duration }
+						},
+						variants: {
+							initial: {
+								x: 0,
+								y: Q(`${e.id}`),
+								opacity: m && m.indexOf(e.label) === -1 ? M : .85
+							},
+							whileInView: {
+								x: 0,
+								y: Q(`${e.id}`),
+								opacity: m && m.indexOf(e.label) === -1 ? M : .85,
+								transition: { duration: j.duration }
+							}
+						},
+						initial: "initial",
+						animate: I ? "whileInView" : "initial",
+						children: [
+							e.qualitativeRange ? e.qualitativeRange.map((t, n) => /* @__PURE__ */ (0, x.jsx)(p.rect, {
+								exit: {
+									width: 0,
+									x: Z(0),
+									transition: { duration: j.duration }
+								},
+								variants: {
+									initial: {
+										x: Z(0),
+										width: 0,
+										fill: De[n]
+									},
+									whileInView: {
+										x: Z(n === 0 ? 0 : (0, b.default)(e.qualitativeRange.filter((e, t) => t < n && e))),
+										width: Z(t),
+										fill: De[n],
+										transition: { duration: j.duration }
+									}
+								},
+								initial: "initial",
+								animate: I ? "whileInView" : "initial",
+								y: 0,
+								height: Q.bandwidth()
+							}, n)) : null,
+							e.target && O === "background" ? /* @__PURE__ */ (0, x.jsx)(p.rect, {
+								y: 0,
+								x: e.target >= 0 ? Z(0) : Z(e.target),
+								height: Q.bandwidth(),
+								exit: {
+									width: 0,
+									x: Z(0),
+									fill: k,
+									transition: { duration: j.duration }
+								},
+								variants: {
+									initial: {
+										x: Z(0),
+										fill: k,
+										width: 0
+									},
+									whileInView: {
+										x: e.target >= 0 ? Z(0) : Z(e.target),
+										fill: k,
+										width: e.target >= 0 ? Z(e.target) - Z(0) : Z(0) - Z(e.target),
+										transition: { duration: j.duration }
+									}
+								},
+								initial: "initial",
+								animate: I ? "whileInView" : "initial"
+							}) : null,
+							e.size ? /* @__PURE__ */ (0, x.jsx)(p.rect, {
+								y: Q.bandwidth() * ((1 - A) / 2),
+								style: { fill: a },
+								height: Q.bandwidth() * A,
+								exit: {
+									width: 0,
+									x: Z(0),
+									transition: { duration: j.duration }
+								},
+								variants: {
+									initial: {
+										x: Z(0),
+										width: 0
+									},
+									whileInView: {
+										x: e.size >= 0 ? Z(0) : Z(e.size),
+										width: e.size >= 0 ? Z(e.size) - Z(0) : Z(0) - Z(e.size),
+										transition: { duration: j.duration }
+									}
+								},
+								initial: "initial",
+								animate: I ? "whileInView" : "initial"
+							}) : null,
+							e.target && O === "line" ? /* @__PURE__ */ (0, x.jsx)(p.rect, {
+								y: 0,
+								height: Q.bandwidth(),
+								width: Ae,
+								exit: {
+									opacity: 0,
+									x: Z(0),
+									fill: k,
+									transition: { duration: j.duration }
+								},
+								variants: {
+									initial: {
+										x: Z(0),
+										opacity: 0,
+										fill: k
+									},
+									whileInView: {
+										x: Z(e.target) - Ae / 2,
+										opacity: 1,
+										fill: k,
+										transition: { duration: j.duration }
+									}
+								},
+								initial: "initial",
+								animate: I ? "whileInView" : "initial"
+							}) : null,
+							ae ? /* @__PURE__ */ (0, x.jsx)(he, {
+								value: `${e.label}`.length < c ? `${e.label}` : `${`${e.label}`.substring(0, c)}...`,
+								y: 0,
+								x: (e.size || 0) < 0 ? Z(0) : 0 - W.left,
+								width: (e.size || 0) < 0 ? l - Z(0) : Z(0) + W.left,
+								height: Q.bandwidth(),
+								alignment: e.size && e.size < 0 ? "left" : "right",
+								style: E?.yAxis?.labels,
+								className: D?.yAxis?.labels,
+								animate: j,
+								isInView: I
+							}) : null,
+							re ? /* @__PURE__ */ (0, x.jsx)(p.text, {
+								y: Q.bandwidth() / 2,
+								style: {
+									textAnchor: e.size && e.size < 0 ? "end" : "start",
+									...E?.graphObjectValues || {}
+								},
+								className: ye("graph-value text-sm", !w && a.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", D?.graphObjectValues),
+								dx: e.size && e.size < 0 ? -5 : 5,
+								dy: "0.33em",
+								exit: {
+									opacity: 0,
+									transition: { duration: j.duration }
+								},
+								variants: {
+									initial: {
+										x: Z(0),
+										opacity: 0,
+										fill: w || a
+									},
+									whileInView: {
+										x: e.size ? Z(e.size) : Z(0),
+										opacity: 1,
+										fill: w || a,
+										transition: { duration: j.duration }
+									}
+								},
+								initial: "initial",
+								animate: I ? "whileInView" : "initial",
+								children: pe(e.size, ke, N, s, te, P, Me)
+							}) : null
+						]
+					}, e.label)), fe?.map((e) => /* @__PURE__ */ (0, x.jsx)(h, {
+						text: e.text,
+						color: e.color,
+						x: Z(e.value),
+						y1: 0 - W.top,
+						y2: K + W.bottom,
+						textSide: Z(e.value) > G * .75 || Ce ? "left" : "right",
+						classNames: e.classNames,
+						styles: e.styles,
+						animate: j,
+						isInView: I
+					}, e.text))] }),
+					Oe.filter((e) => e.position === "after").map((e) => e.layer)
+				]
+			})
+		}),
+		L && d && V && Ne ? /* @__PURE__ */ (0, x.jsx)(ve, {
+			data: L,
+			body: d,
+			xPos: V,
+			yPos: Ne,
+			backgroundStyle: E?.tooltip,
+			className: D?.tooltip
+		}) : null,
+		S && z !== void 0 ? /* @__PURE__ */ (0, x.jsx)(ge, {
+			body: S,
+			data: z,
+			setData: B,
+			className: D?.modal
+		}) : null
+	] });
+}
+//#endregion
+//#region src/Components/Graphs/BulletChart/index.tsx
+function Te(e) {
+	let { data: t, graphTitle: s, barColor: l = i.primaryColors["blue-600"], barPadding: oe = .25, showTicks: se = !0, leftMargin: f, rightMargin: p, topMargin: ce, bottomMargin: le, truncateBy: ue = 999, showLabels: de = !0, showValues: fe = !0, backgroundColor: pe = !1, suffix: me = "", prefix: he = "", sources: m, graphDescription: ge, height: _e, width: h, footNote: ve, colorDomain: ye, colorLegendTitle: Se, padding: b, relativeHeight: Te, tooltip: Ee, onSeriesMouseOver: S, refValues: C, showColorScale: w = !0, graphID: T, maxValue: E, minValue: D, highlightedDataPoints: O, onSeriesMouseClick: k, valueColor: De, orientation: A = "vertical", styles: j, classNames: M, qualitativeRangeColors: N, targetColor: Oe = i.light.grays["gray-700"], filterNA: ke = !0, targetStyle: Ae = "line", measureBarWidthFactor: je = .4, animate: P = !1, dimmedOpacity: Me = .3, customLayers: F = [], naLabel: I = "NA", graphDownload: L = !1, dataDownload: R = !1, language: z = "en", theme: B = "light", sortData: V, labelOrder: H, minHeight: Ne = 0, maxBarThickness: U, maxNumberOfBars: W, minBarThickness: G, ariaLabel: K, resetSelectionOnDoubleClick: Pe = !0, detailsOnClick: Fe, barAxisTitle: Ie, noOfTicks: Le = 5, targetLineThickness: Re = 2, timeline: q = {
+		enabled: !1,
+		autoplay: !1,
+		showOnlyActiveDate: !0
+	}, hideAxisLine: J = !1, numberDisplayOptions: Y } = e, [X, Z] = _(0), [Q, ze] = _(0), Be = xe(null), Ve = xe(null), He = A === "horizontal" ? we : Ce, [Ue, We] = _(q.autoplay), $ = be(() => {
+		let e = [...new Set(t.filter((e) => e.date).map((e) => c(`${e.date}`, q.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()))];
+		return e.sort((e, t) => e - t), e;
+	}, [t, q.dateFormat]), [Ge, Ke] = _(q.autoplay ? 0 : $.length - 1);
+	g(() => {
+		let e = new ResizeObserver((e) => {
+			Z(e[0].target.clientWidth || 620), ze(e[0].target.clientHeight || 480);
+		});
+		return Be.current && e.observe(Be.current), () => e.disconnect();
+	}, []), g(() => {
+		let e = setInterval(() => {
+			Ke((e) => e < $.length - 1 ? e + 1 : 0);
+		}, (q.speed || 2) * 1e3);
+		return Ue || clearInterval(e), () => clearInterval(e);
+	}, [
+		$,
+		Ue,
+		q.speed
+	]);
+	let qe = d($, Ge, q.showOnlyActiveDate, q.dateFormat || "yyyy");
+	return /* @__PURE__ */ (0, x.jsxs)(ne, {
+		className: M?.graphContainer,
+		style: j?.graphContainer,
+		id: T,
+		ref: Ve,
+		"aria-label": K,
+		backgroundColor: pe,
+		theme: B,
+		language: z,
+		minHeight: Ne,
+		width: h,
+		height: _e,
+		relativeHeight: Te,
+		padding: b,
+		children: [
+			s || ge || L || R ? /* @__PURE__ */ (0, x.jsx)(te, {
+				styles: {
+					title: j?.title,
+					description: j?.description
+				},
+				classNames: {
+					title: M?.title,
+					description: M?.description
+				},
+				graphTitle: s,
+				graphDescription: ge,
+				width: h,
+				graphDownload: L ? Ve : void 0,
+				dataDownload: R ? t.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? t.map((e) => e.data).filter((e) => e !== void 0) : t.filter((e) => e !== void 0) : null
+			}) : null,
+			q.enabled && $.length > 0 && qe ? /* @__PURE__ */ (0, x.jsxs)("div", {
+				className: "flex gap-6 items-center",
+				dir: "ltr",
+				children: [/* @__PURE__ */ (0, x.jsx)("button", {
+					type: "button",
+					onClick: () => {
+						We(!Ue);
+					},
+					className: "p-0 border-0 cursor-pointer bg-transparent",
+					"aria-label": Ue ? "Click to pause animation" : "Click to play animation",
+					children: Ue ? /* @__PURE__ */ (0, x.jsx)(n, {}) : /* @__PURE__ */ (0, x.jsx)(r, {})
+				}), /* @__PURE__ */ (0, x.jsx)(v, {
+					min: $[0],
+					max: $[$.length - 1],
+					marks: qe,
+					step: null,
+					defaultValue: $[$.length - 1],
+					value: $[Ge],
+					onChangeComplete: (e) => {
+						Ke($.indexOf(e));
+					},
+					onChange: (e) => {
+						Ke($.indexOf(e));
+					},
+					"aria-label": "Time slider. Use arrow keys to adjust selected time period."
+				})]
+			}) : null,
+			/* @__PURE__ */ (0, x.jsxs)("div", {
+				className: "grow flex flex-col justify-center gap-3 w-full",
+				children: [w && t.filter((e) => e.qualitativeRange).length !== 0 && ye && t.length > 0 ? /* @__PURE__ */ (0, x.jsx)(ee, {
+					width: h,
+					colorLegendTitle: Se,
+					colors: N || i[B].sequentialColors.positiveColorsx10,
+					colorDomain: ye,
+					showNAColor: !1,
+					className: M?.colorLegend
+				}) : null, /* @__PURE__ */ (0, x.jsxs)(re, {
+					ref: Be,
+					children: [t.length === 0 && /* @__PURE__ */ (0, x.jsx)(u, {}), X && Q && t.length > 0 ? /* @__PURE__ */ (0, x.jsx)(He, {
+						hideAxisLine: J,
+						data: V ? (0, y.default)(ae(t, q.dateFormat || "yyyy").filter((e) => q.enabled ? `${e.date}` === ie(new Date($[Ge]), q.dateFormat || "yyyy") : e).filter((e) => ke ? !o(e.size) : e), [(e) => e.size === void 0 ? V === "asc" ? (A === "horizontal" ? 1 : -1) * Infinity : (A === "horizontal" ? -1 : 1) * Infinity : e.size], [V]).filter((e, t) => W ? t < W : !0) : ae(t, q.dateFormat || "yyyy").filter((e) => q.enabled ? `${e.date}` === ie(new Date($[Ge]), q.dateFormat || "yyyy") : e).filter((e) => ke ? !o(e.size) : e).filter((e, t) => W ? t < W : !0),
+						barColor: l,
+						targetColor: Oe,
+						width: X,
+						refValues: C,
+						height: Q,
+						suffix: me,
+						prefix: he,
+						barPadding: oe,
+						showLabels: de,
+						showValues: fe,
+						showTicks: se,
+						truncateBy: ue,
+						leftMargin: f,
+						rightMargin: p,
+						qualitativeRangeColors: N || i[B].sequentialColors.positiveColorsx10,
+						topMargin: ce,
+						bottomMargin: le,
+						tooltip: Ee,
+						onSeriesMouseOver: S,
+						maxValue: E,
+						minValue: D,
+						highlightedDataPoints: O,
+						onSeriesMouseClick: k,
+						labelOrder: H,
+						maxBarThickness: U,
+						minBarThickness: G,
+						resetSelectionOnDoubleClick: Pe,
+						detailsOnClick: Fe,
+						barAxisTitle: Ie,
+						noOfTicks: Le,
+						valueColor: De,
+						styles: j,
+						classNames: M,
+						targetStyle: Ae,
+						dimmedOpacity: Me,
+						measureBarWidthFactor: je,
+						animate: P === !0 ? {
+							duration: .5,
+							once: !0,
+							amount: .5
+						} : P || {
+							duration: 0,
+							once: !0,
+							amount: 0
+						},
+						customLayers: F,
+						naLabel: I,
+						targetLineThickness: Re,
+						rtl: z === "ar" || z === "he",
+						locale: Y?.locale || "en",
+						padZeros: Y?.padZeros || !1,
+						precision: Y?.precision ?? 2
+					}) : null]
+				})]
+			}),
+			m || ve ? /* @__PURE__ */ (0, x.jsx)(a, {
+				styles: {
+					footnote: j?.footnote,
+					source: j?.source
+				},
+				classNames: {
+					footnote: M?.footnote,
+					source: M?.source
+				},
+				sources: m,
+				footNote: ve,
+				width: h
+			}) : null
+		]
+	});
+}
+//#endregion
+export { Te as t };
+
+//# sourceMappingURL=BulletChart-Du9F0JhJ.js.map