@mx-cartographer/experiences 7.2.9-alpha-finstrong-testing → 7.2.9-alpha.san3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/{AccountDetailsContent-BcX5y6ja.mjs → AccountDetailsContent-CmdOOZw1.mjs} +1 -1
  2. package/dist/{AccountDetailsHeader-Cj5DDzkQ.mjs → AccountDetailsHeader-CaIoP_2Q.mjs} +1 -1
  3. package/dist/{FinstrongStore-CjErZ73K.mjs → FinstrongStore-C74yHCOj.mjs} +10 -10
  4. package/dist/{LineChart-CDnYtQKZ.mjs → LineChart-Ct9DNmhS.mjs} +208 -180
  5. package/dist/accounts/index.es.js +3 -3
  6. package/dist/common/components/charts/LineChart.d.ts +8 -2
  7. package/dist/common/components/charts/linechart/CustomMark.d.ts +4 -0
  8. package/dist/common/index.es.js +2 -2
  9. package/dist/common/types/Widgets.d.ts +2 -0
  10. package/dist/debts/index.es.js +1 -1
  11. package/dist/finstrong/FinstrongWidget.d.ts +1 -1
  12. package/dist/finstrong/components/KeyIndicatorsSpendTab.d.ts +4 -1
  13. package/dist/finstrong/components/KeyIndicatorsTabItem.d.ts +2 -0
  14. package/dist/finstrong/components/KeyIndicatorsTabItemDrawer.d.ts +3 -1
  15. package/dist/finstrong/components/KeyIndicatorsTabsWidget.d.ts +4 -1
  16. package/dist/finstrong/components/SpendLessThanYouMake/SpendLessThanYouMakeComponent.d.ts +4 -1
  17. package/dist/finstrong/components/shared/LineGraph.d.ts +1 -1
  18. package/dist/finstrong/index.es.js +1298 -1237
  19. package/dist/finstrong/util/finstrongUtils.d.ts +1 -1
  20. package/dist/goals/index.es.js +2 -2
  21. package/dist/networth/index.es.js +1 -1
  22. package/dist/trends/index.es.js +1 -1
  23. package/package.json +1 -1
package/dist/{LineChart-CDnYtQKZ.mjs → LineChart-Ct9DNmhS.mjs} RENAMED
@@ -1,27 +1,27 @@
1
- import { jsxs as i, Fragment as B, jsx as e } from "react/jsx-runtime";
2
- import nt from "@mui/material/Box";
3
- import { useTheme as X } from "@mui/material/styles";
4
- import { ResponsiveChartContainer as at, ChartsReferenceLine as rt, AreaPlot as it, LinePlot as ot, MarkPlot as lt, BarPlot as st, ChartsXAxis as ct, ChartsYAxis as dt, ChartsAxisHighlight as ht } from "@mui/x-charts";
5
- import { f as b, c as mt } from "./NumberFormatting-Buh7u8Oi.mjs";
6
- import ut from "@mui/material/useMediaQuery";
7
- import { observer as xt } from "mobx-react-lite";
8
- import { Stack as u, Box as N, useTheme as ft } from "@mui/material";
1
+ import { jsxs as i, Fragment as I, jsx as e } from "react/jsx-runtime";
2
+ import lt from "@mui/material/Box";
3
+ import { useTheme as Y } from "@mui/material/styles";
4
+ import { ResponsiveChartContainer as st, ChartsReferenceLine as ct, AreaPlot as dt, LinePlot as ht, MarkPlot as mt, BarPlot as ut, ChartsXAxis as ft, ChartsYAxis as xt, ChartsAxisHighlight as gt } from "@mui/x-charts";
5
+ import { f as b, c as yt } from "./NumberFormatting-Buh7u8Oi.mjs";
6
+ import pt from "@mui/material/useMediaQuery";
7
+ import { observer as bt } from "mobx-react-lite";
8
+ import { Stack as x, Box as E, useTheme as kt } from "@mui/material";
9
9
  import { Text as l } from "@mxenabled/mxui";
10
- import { u as gt } from "./hooks-C41HAxM5.mjs";
11
- import { ChartsTooltip as yt } from "@mui/x-charts/ChartsTooltip";
12
- const pt = (t) => {
13
- const r = X(), o = t.showLabel, s = t.style, y = Number(t.x), m = Number(t.y), x = t.handlers?.onMarkClick, f = t.handlers?.onMouseEnter, c = t.handlers?.onMouseLeave, d = ut(r.breakpoints.up("sm")), a = t.valueFormatterString ? b(t.yData[t.dataIndex], t.valueFormatterString) : String(t.yData[t.dataIndex]), h = d ? r.typography.Small?.fontSize : r.typography.XSmall?.fontSize, k = h ? parseFloat(h.toString()) * 0.6 : 8, D = a.length * k + 8 + 8, T = 24, $ = y - D / 2, M = m - 30;
14
- return /* @__PURE__ */ i(B, { children: [
15
- o && /* @__PURE__ */ i(B, { children: [
10
+ import { u as Ct } from "./hooks-C41HAxM5.mjs";
11
+ import { ChartsTooltip as Mt } from "@mui/x-charts/ChartsTooltip";
12
+ const wt = (t) => {
13
+ const r = Y(), s = t.showLabel, o = t.style, k = o?.markLabelStyles, m = Number(t.x), u = Number(t.y), f = t.handlers?.onMarkClick, c = t.handlers?.onMouseEnter, d = t.handlers?.onMouseLeave, a = pt(r.breakpoints.up("sm")), h = t.valueFormatterString ? b(t.yData[t.dataIndex], t.valueFormatterString) : String(t.yData[t.dataIndex]), y = a ? r.typography.Small?.fontSize : r.typography.XSmall?.fontSize, v = y ? parseFloat(y.toString()) * 0.6 : 8, T = h.length * v + 8 + 8, D = 24, B = m - T / 2, $ = u - 30;
14
+ return /* @__PURE__ */ i(I, { children: [
15
+ s && /* @__PURE__ */ i(I, { children: [
16
16
  t.labelBackgroundColor && /* @__PURE__ */ e(
17
17
  "rect",
18
18
  {
19
19
  fill: t.labelBackgroundColor,
20
- height: T,
20
+ height: D,
21
21
  rx: "3",
22
- width: D,
23
- x: $,
24
- y: M
22
+ width: T,
23
+ x: B,
24
+ y: $
25
25
  }
26
26
  ),
27
27
  /* @__PURE__ */ e(
@@ -31,43 +31,44 @@ const pt = (t) => {
31
31
  dominantBaseline: "middle",
32
32
  fill: t.labelFontColor ? t.labelFontColor : r.palette.text.primary,
33
33
  style: {
34
- fontSize: t.labelFontSize ? t.labelFontSize : h
34
+ fontSize: t.labelFontSize ? t.labelFontSize : y,
35
+ ...k
35
36
  },
36
37
  textAnchor: "middle",
37
- x: y,
38
- y: m - 28 + T / 2,
39
- children: a
38
+ x: m,
39
+ y: u - 28 + D / 2,
40
+ children: h
40
41
  }
41
42
  )
42
43
  ] }),
43
- /* @__PURE__ */ e(
44
+ t.showMark && /* @__PURE__ */ e(
44
45
  "path",
45
46
  {
46
- cursor: x ? "pointer" : "unset",
47
+ cursor: f ? "pointer" : "unset",
47
48
  d: "M4.514,0A4.514,4.514,0,1,1,-4.514,0A4.514,4.514,0,1,1,4.514,0",
48
49
  height: "20px",
49
- onClick: (R) => {
50
- x?.(R, t.dataIndex);
50
+ onClick: (j) => {
51
+ f?.(j, t.dataIndex);
51
52
  },
52
53
  onMouseEnter: () => {
53
- f?.(t.dataIndex);
54
+ c?.(t.dataIndex);
54
55
  },
55
56
  onMouseLeave: () => {
56
- c?.();
57
+ d?.();
57
58
  },
58
59
  style: {
59
- fill: s?.fill ? s.fill : r.palette.background.paper,
60
- stroke: s?.stroke ? s.stroke : r.palette.primary.main,
60
+ fill: o?.fill ? o.fill : r.palette.background.paper,
61
+ stroke: o?.stroke ? o.stroke : r.palette.primary.main,
61
62
  strokeWidth: 2,
62
63
  transform: `translate(${t.x}px, ${t.y}px)`,
63
64
  transformOrigin: `${t.x}px, ${t.y}px`,
64
- filter: s?.filter ? s.filter : "none"
65
+ filter: o?.filter ? o.filter : "none"
65
66
  },
66
67
  width: "20px"
67
68
  }
68
69
  )
69
70
  ] });
70
- }, bt = (t) => /* @__PURE__ */ i(B, { children: [
71
+ }, Lt = (t) => /* @__PURE__ */ i(I, { children: [
71
72
  /* @__PURE__ */ e("clipPath", { id: t.id, children: /* @__PURE__ */ e("rect", { height: t.height, width: t.width, x: "0", y: "0" }) }),
72
73
  /* @__PURE__ */ e("g", { children: /* @__PURE__ */ e(
73
74
  "path",
@@ -84,35 +85,35 @@ const pt = (t) => {
84
85
  }
85
86
  }
86
87
  ) })
87
- ] }), kt = ({
88
+ ] }), St = ({
88
89
  label: t,
89
90
  customLegendVariant: r
90
91
  }) => {
91
- const o = r || "Small";
92
- return typeof t == "string" ? /* @__PURE__ */ e(l, { variant: o, children: t }) : typeof t == "object" && t.amount && t.label ? /* @__PURE__ */ i(B, { children: [
93
- /* @__PURE__ */ e(l, { variant: o, children: t.label }),
94
- /* @__PURE__ */ e(l, { bold: !0, sx: { marginLeft: 8 }, variant: o, children: b(t.amount, "0,0") })
92
+ const s = r || "Small";
93
+ return typeof t == "string" ? /* @__PURE__ */ e(l, { variant: s, children: t }) : typeof t == "object" && t.amount && t.label ? /* @__PURE__ */ i(I, { children: [
94
+ /* @__PURE__ */ e(l, { variant: s, children: t.label }),
95
+ /* @__PURE__ */ e(l, { bold: !0, sx: { marginLeft: 8 }, variant: s, children: b(t.amount, "0,0") })
95
96
  ] }) : null;
96
- }, Ct = ({
97
+ }, vt = ({
97
98
  average: t,
98
99
  customLegendVariant: r,
99
- labels: o = [],
100
- series: s,
101
- style: y,
100
+ labels: s = [],
101
+ series: o,
102
+ style: k,
102
103
  title: m,
103
- valueFormatterString: x
104
+ valueFormatterString: u
104
105
  }) => {
105
- const { common: f } = gt(), c = r || "Small";
106
- return /* @__PURE__ */ i(u, { style: { flexDirection: "row", gap: 24, ...y }, children: [
107
- s.map((d, a) => {
108
- const h = o[a];
106
+ const { common: f } = Ct(), c = r || "Small";
107
+ return /* @__PURE__ */ i(x, { style: { flexDirection: "row", gap: 24, ...k }, children: [
108
+ o.map((d, a) => {
109
+ const h = s[a];
109
110
  return h ? /* @__PURE__ */ i(
110
- u,
111
+ x,
111
112
  {
112
113
  style: { alignItems: "center", flexDirection: "row", flexWrap: "wrap" },
113
114
  children: [
114
115
  /* @__PURE__ */ e(
115
- N,
116
+ E,
116
117
  {
117
118
  sx: {
118
119
  width: 10,
@@ -122,42 +123,42 @@ const pt = (t) => {
122
123
  }
123
124
  }
124
125
  ),
125
- /* @__PURE__ */ e(kt, { customLegendVariant: r, label: h })
126
+ /* @__PURE__ */ e(St, { customLegendVariant: r, label: h })
126
127
  ]
127
128
  },
128
129
  a
129
130
  ) : null;
130
131
  }),
131
- t && /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
132
+ t && /* @__PURE__ */ i(x, { sx: { alignItems: "center", flexDirection: "row" }, children: [
132
133
  /* @__PURE__ */ e(l, { bold: !0, sx: { marginRight: 8 }, variant: c, children: "– –" }),
133
134
  /* @__PURE__ */ i(l, { variant: c, children: [
134
135
  m || f.average,
135
136
  "  "
136
137
  ] }),
137
- /* @__PURE__ */ e(l, { bold: !0, variant: c, children: x ? b(t, x) : t })
138
+ /* @__PURE__ */ e(l, { bold: !0, variant: c, children: u ? b(t, u) : t })
138
139
  ] })
139
140
  ] });
140
- }, Mt = xt(Ct);
141
- function wt({
141
+ }, Tt = bt(vt);
142
+ function Dt({
142
143
  customLabels: t,
143
144
  labels: r = [],
144
- valueFormatterString: o = "0,0"
145
+ valueFormatterString: s = "0,0"
145
146
  }) {
146
- const s = ft();
147
+ const o = kt();
147
148
  return /* @__PURE__ */ e(
148
- yt,
149
+ Mt,
149
150
  {
150
151
  showCrosshair: !0,
151
152
  slots: {
152
- axisContent: (y) => {
153
- const { axisValue: m, dataIndex: x, series: f } = y, c = x ?? 0;
153
+ axisContent: (k) => {
154
+ const { axisValue: m, dataIndex: u, series: f } = k, c = u ?? 0;
154
155
  if (t) {
155
156
  const d = t[c]?.[0]?.header || String(m);
156
157
  return /* @__PURE__ */ i(
157
- u,
158
+ x,
158
159
  {
159
160
  sx: {
160
- backgroundColor: s.palette.background.paper,
161
+ backgroundColor: o.palette.background.paper,
161
162
  boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 0.12)",
162
163
  flexDirection: "column",
163
164
  alignItems: "flex-start",
@@ -169,7 +170,7 @@ function wt({
169
170
  },
170
171
  children: [
171
172
  /* @__PURE__ */ i(
172
- u,
173
+ x,
173
174
  {
174
175
  sx: {
175
176
  flexDirection: "row",
@@ -181,14 +182,14 @@ function wt({
181
182
  },
182
183
  children: [
183
184
  /* @__PURE__ */ e(l, { variant: "H3", children: d }),
184
- /* @__PURE__ */ e(l, { bold: !0, variant: "H3", children: b(f[0]?.data[c], o) })
185
+ /* @__PURE__ */ e(l, { bold: !0, variant: "H3", children: b(f[0]?.data[c], s) })
185
186
  ]
186
187
  }
187
188
  ),
188
189
  t[c]?.some((a) => (typeof a == "string" ? 0 : a.amount) !== 0) ? t[c]?.map((a) => {
189
- const h = typeof a == "string" ? a : a.label, k = typeof a == "string" ? 0 : a.amount;
190
- return k === 0 ? null : /* @__PURE__ */ i(
191
- u,
190
+ const h = typeof a == "string" ? a : a.label, y = typeof a == "string" ? 0 : a.amount;
191
+ return y === 0 ? null : /* @__PURE__ */ i(
192
+ x,
192
193
  {
193
194
  sx: {
194
195
  flexDirection: "row",
@@ -200,7 +201,7 @@ function wt({
200
201
  },
201
202
  children: [
202
203
  /* @__PURE__ */ i(
203
- u,
204
+ x,
204
205
  {
205
206
  sx: {
206
207
  flexDirection: "row",
@@ -211,7 +212,7 @@ function wt({
211
212
  },
212
213
  children: [
213
214
  /* @__PURE__ */ e(
214
- N,
215
+ E,
215
216
  {
216
217
  sx: {
217
218
  width: "12px",
@@ -225,7 +226,7 @@ function wt({
225
226
  ]
226
227
  }
227
228
  ),
228
- /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(Math.abs(k), o) })
229
+ /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(Math.abs(y), s) })
229
230
  ]
230
231
  },
231
232
  h
@@ -236,10 +237,10 @@ function wt({
236
237
  );
237
238
  }
238
239
  return /* @__PURE__ */ i(
239
- u,
240
+ x,
240
241
  {
241
242
  sx: {
242
- backgroundColor: s.palette.background.paper,
243
+ backgroundColor: o.palette.background.paper,
243
244
  boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 0.12)",
244
245
  flexDirection: "column",
245
246
  alignItems: "flex-start",
@@ -252,7 +253,7 @@ function wt({
252
253
  children: [
253
254
  /* @__PURE__ */ e(l, { variant: "H3", children: String(m) }),
254
255
  f.map((d, a) => /* @__PURE__ */ i(
255
- u,
256
+ x,
256
257
  {
257
258
  sx: {
258
259
  flexDirection: "row",
@@ -263,9 +264,9 @@ function wt({
263
264
  marginTop: 4
264
265
  },
265
266
  children: [
266
- /* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
267
+ /* @__PURE__ */ i(x, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
267
268
  /* @__PURE__ */ e(
268
- N,
269
+ E,
269
270
  {
270
271
  sx: {
271
272
  width: "12px",
@@ -277,7 +278,7 @@ function wt({
277
278
  ),
278
279
  /* @__PURE__ */ e(l, { variant: "Body", children: typeof r[a] == "string" ? r[a] : r[a]?.label })
279
280
  ] }),
280
- /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(d.data[c], o) })
281
+ /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(d.data[c], s) })
281
282
  ]
282
283
  },
283
284
  d.id
@@ -291,68 +292,78 @@ function wt({
291
292
  }
292
293
  );
293
294
  }
294
- const zt = ({
295
- axisColor: t,
296
- baseline: r = "max",
295
+ const Gt = ({
296
+ areaColor: t,
297
+ axisColor: r,
298
+ baseline: s = "max",
297
299
  chartFor: o,
298
- chartXaxisSx: s,
299
- chartYaxisSx: y,
300
- colors: m,
301
- curveType: x = "linear",
302
- customLegendVariant: f,
303
- customTooltipLabels: c,
304
- datasets: d,
305
- height: a,
306
- isGraphClippingXAxis: h = !1,
307
- labels: k,
308
- labelBackgroundColor: I,
309
- labelFontColor: P,
310
- labelFontSize: E,
311
- margin: D,
312
- markHandlers: T,
313
- markStyles: $,
314
- onItemClick: M,
315
- showArea: R = !1,
316
- showAverage: H = !1,
317
- showAxisHighlight: Y = !1,
318
- showBars: j = !1,
319
- showLegend: q = !1,
320
- showMarkLabel: G = !1,
321
- showTooltip: O = !1,
322
- showXAxis: Q = !1,
323
- showXAxisTicks: U = !1,
324
- showYAxis: V = !1,
325
- showYAxisTicks: J = !1,
326
- title: K,
327
- useCustomMark: Z = !1,
300
+ chartXaxisSx: k,
301
+ chartYaxisSx: m,
302
+ colors: u,
303
+ curveType: f = "linear",
304
+ customLegendVariant: c,
305
+ customTooltipLabels: d,
306
+ datasets: a,
307
+ height: h,
308
+ isGraphClippingXAxis: y = !1,
309
+ labels: v,
310
+ labelBackgroundColor: W,
311
+ labelFontColor: H,
312
+ labelFontSize: G,
313
+ margin: T,
314
+ markHandlers: D,
315
+ markStyles: B,
316
+ minRange: $,
317
+ maxRange: j,
318
+ onItemClick: z,
319
+ showArea: F = !1,
320
+ showAverage: O = !1,
321
+ showAxisHighlight: q = !1,
322
+ showBars: N = !1,
323
+ showLegend: Q = !1,
324
+ showMark: U = !0,
325
+ showMarkLabel: V = !1,
326
+ showTooltip: J = !1,
327
+ showXAxis: K = !1,
328
+ showXAxisTicks: Z = !1,
329
+ showYAxis: _ = !1,
330
+ showYAxisTicks: tt = !1,
331
+ title: et,
332
+ useCustomMark: nt = !1,
328
333
  valueFormatterString: C,
329
- width: _
334
+ width: rt
330
335
  }) => {
331
- const g = X(), tt = d.flat().map((n) => n.x), w = d.flat().map((n) => n.y), F = Math.round(w.reduce((n, v) => v + n, 0) / w.length), L = Math.floor(Math.min(...w) / 100) * 100, S = Math.ceil(Math.max(...w) / 100) * 100, z = d.map((n, v) => ({
332
- type: j ? "bar" : "line",
333
- curve: x,
334
- color: j ? g.palette.chart?.chart6 : m[v] ?? g.palette.primary.main,
336
+ const g = Y(), at = a.flat().map((n) => n.x), M = a.flat().map((n) => n.y), X = Math.round(M.reduce((n, S) => S + n, 0) / M.length), w = Math.floor(Math.min(...M) / 100) * 100, L = Math.ceil(Math.max(...M) / 100) * 100, P = a.map((n, S) => ({
337
+ type: N ? "bar" : "line",
338
+ curve: f,
339
+ color: N ? g.palette.chart?.chart6 : u[S] ?? g.palette.primary.main,
335
340
  data: n.map((p) => p.y),
336
- area: R,
337
- baseline: r,
341
+ area: F,
342
+ baseline: s,
338
343
  showMark: !0,
339
344
  valueFormatter: (p) => C ? b(p || 0, C) : String(p)
340
- })), et = {
345
+ })), it = {
341
346
  ...{
342
347
  top: 60,
343
348
  right: 35,
344
349
  bottom: 50,
345
350
  left: 50
346
351
  },
347
- ...D
352
+ ...T
348
353
  };
349
- let A = L, W = S;
354
+ let R = $ ?? w, A = j ?? L;
350
355
  if (o === "networthChart") {
351
- const n = S - L, v = n < S * 0.05 ? 0.25 : 0.2, p = Math.max(n * v, S * 0.015);
352
- A = L - p < 0 ? L : L - p, W = S + p;
356
+ const n = L - w, S = n < L * 0.05 ? 0.25 : 0.2, p = Math.max(n * S, L * 0.015);
357
+ R = w - p < 0 ? w : w - p, A = L + p;
353
358
  }
359
+ const ot = () => {
360
+ if (o === "creditOverTime")
361
+ return [300, 450, 600, 725, 850];
362
+ if (o === "networthChart")
363
+ return yt(R, A, 5);
364
+ };
354
365
  return /* @__PURE__ */ i(
355
- nt,
366
+ lt,
356
367
  {
357
368
  sx: {
358
369
  position: "relative",
@@ -371,11 +382,11 @@ const zt = ({
371
382
  },
372
383
  children: [
373
384
  /* @__PURE__ */ i(
374
- at,
385
+ st,
375
386
  {
376
- height: a,
377
- margin: et,
378
- series: z,
387
+ height: h,
388
+ margin: it,
389
+ series: P,
379
390
  sx: {
380
391
  p: 4,
381
392
  "& .MuiBarLabel-root": {
@@ -392,45 +403,61 @@ const zt = ({
392
403
  fontFamily: g.typography.Small.fontFamily
393
404
  }
394
405
  },
395
- width: _,
396
- xAxis: [{ data: tt, scaleType: j ? "band" : "point" }],
406
+ width: rt,
407
+ xAxis: [{ data: at, scaleType: N ? "band" : "point" }],
397
408
  yAxis: [
398
409
  {
399
- tickInterval: o === "networthChart" ? mt(A, W, 5) : void 0,
400
- min: h ? -22 : A,
401
- max: W || 100,
402
- colorMap: R && z.length < 2 ? {
410
+ tickInterval: ot(),
411
+ min: y ? -22 : R,
412
+ max: A || 100,
413
+ colorMap: F && P.length < 2 ? {
403
414
  type: "continuous",
404
- min: A,
405
- max: W,
415
+ min: R,
416
+ max: A,
406
417
  color: [
407
418
  g.palette.background.paper,
408
- m[0] ?? g.palette.primary.main
419
+ u[0] ?? g.palette.primary.main
409
420
  ]
410
421
  } : void 0,
411
422
  valueFormatter: (n) => C ? b(n, C) : String(n)
412
423
  }
413
424
  ],
414
425
  children: [
415
- H && /* @__PURE__ */ e(
416
- rt,
426
+ O && /* @__PURE__ */ e(
427
+ ct,
417
428
  {
418
429
  lineStyle: {
419
- stroke: I ? g.palette.neutral.main : g.palette.neutral.dark,
430
+ stroke: W ? g.palette.neutral.main : g.palette.neutral.dark,
420
431
  strokeDasharray: "10, 8",
421
432
  strokeWidth: 2
422
433
  },
423
- y: F
434
+ y: X
424
435
  }
425
436
  ),
426
- /* @__PURE__ */ e(it, { onItemClick: M }),
427
437
  /* @__PURE__ */ e(
428
- ot,
438
+ dt,
429
439
  {
430
- onItemClick: M,
440
+ onItemClick: z,
441
+ ...t && {
442
+ slots: {
443
+ area: (n) => /* @__PURE__ */ i("g", { children: [
444
+ /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ i("linearGradient", { id: "customGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
445
+ /* @__PURE__ */ e("stop", { offset: "0%", stopColor: t }),
446
+ /* @__PURE__ */ e("stop", { offset: "100%", stopColor: t, stopOpacity: 0.02 })
447
+ ] }) }),
448
+ /* @__PURE__ */ e("path", { ...n, fill: "url(#customGradient)" })
449
+ ] })
450
+ }
451
+ }
452
+ }
453
+ ),
454
+ /* @__PURE__ */ e(
455
+ ht,
456
+ {
457
+ onItemClick: z,
431
458
  slots: {
432
459
  line: (n) => /* @__PURE__ */ e(
433
- bt,
460
+ Lt,
434
461
  {
435
462
  ...n,
436
463
  lineColor: n.ownerState.color ?? g.palette.primary.main
@@ -440,21 +467,22 @@ const zt = ({
440
467
  }
441
468
  ),
442
469
  /* @__PURE__ */ e(
443
- lt,
470
+ mt,
444
471
  {
445
- onItemClick: M,
446
- slots: Z ? {
472
+ onItemClick: z,
473
+ slots: nt ? {
447
474
  mark: (n) => /* @__PURE__ */ e(
448
- pt,
475
+ wt,
449
476
  {
450
- handlers: T,
451
- labelBackgroundColor: I,
452
- labelFontColor: P,
453
- labelFontSize: E,
454
- showLabel: G,
455
- style: $?.(n.dataIndex) ?? {},
477
+ handlers: D,
478
+ labelBackgroundColor: W,
479
+ labelFontColor: H,
480
+ labelFontSize: G,
481
+ showLabel: V,
482
+ showMark: U || n.dataIndex === a[0].length - 1,
483
+ style: B?.(n.dataIndex) ?? {},
456
484
  valueFormatterString: C,
457
- yData: w,
485
+ yData: M,
458
486
  ...n
459
487
  }
460
488
  )
@@ -462,73 +490,73 @@ const zt = ({
462
490
  }
463
491
  ),
464
492
  /* @__PURE__ */ e(
465
- st,
493
+ ut,
466
494
  {
467
495
  barLabel: (n) => Number(n.value) > 0 ? `$${n.value}` : null,
468
496
  borderRadius: 10
469
497
  }
470
498
  ),
471
499
  /* @__PURE__ */ e(
472
- ct,
500
+ ft,
473
501
  {
474
- disableLine: !Q,
475
- disableTicks: !U,
476
- slotProps: t ? {
502
+ disableLine: !K,
503
+ disableTicks: !Z,
504
+ slotProps: r ? {
477
505
  axisLine: {
478
506
  style: {
479
- stroke: t
507
+ stroke: r
480
508
  }
481
509
  },
482
510
  axisTick: {
483
511
  style: {
484
- stroke: t
512
+ stroke: r
485
513
  }
486
514
  }
487
515
  } : {},
488
- sx: { ...s }
516
+ sx: { ...k }
489
517
  }
490
518
  ),
491
519
  /* @__PURE__ */ e(
492
- dt,
520
+ xt,
493
521
  {
494
- disableLine: !V,
495
- disableTicks: !J,
496
- slotProps: t ? {
522
+ disableLine: !_,
523
+ disableTicks: !tt,
524
+ slotProps: r ? {
497
525
  axisLine: {
498
526
  style: {
499
- stroke: t
527
+ stroke: r
500
528
  }
501
529
  },
502
530
  axisTick: {
503
531
  style: {
504
- stroke: t
532
+ stroke: r
505
533
  }
506
534
  }
507
535
  } : {},
508
- sx: { ...y }
536
+ sx: { ...m }
509
537
  }
510
538
  ),
511
- Y && /* @__PURE__ */ e(ht, { x: "line" }),
512
- O && /* @__PURE__ */ e(
513
- wt,
539
+ q && /* @__PURE__ */ e(gt, { x: "line" }),
540
+ J && /* @__PURE__ */ e(
541
+ Dt,
514
542
  {
515
- customLabels: c,
516
- labels: k,
543
+ customLabels: d,
544
+ labels: v,
517
545
  valueFormatterString: C
518
546
  }
519
547
  )
520
548
  ]
521
549
  }
522
550
  ),
523
- q && /* @__PURE__ */ e(
524
- Mt,
551
+ Q && /* @__PURE__ */ e(
552
+ Tt,
525
553
  {
526
- average: H ? F : void 0,
527
- customLegendVariant: f,
528
- labels: k,
529
- series: z,
554
+ average: O ? X : void 0,
555
+ customLegendVariant: c,
556
+ labels: v,
557
+ series: P,
530
558
  style: { position: "absolute", top: 16, left: 16 },
531
- title: K,
559
+ title: et,
532
560
  valueFormatterString: C
533
561
  }
534
562
  )
@@ -537,5 +565,5 @@ const zt = ({
537
565
  );
538
566
  };
539
567
  export {
540
- zt as L
568
+ Gt as L
541
569
  };