@mx-cartographer/experiences 7.2.11 → 7.2.12-alpha-ram1-finstrong-testing

package/dist/{LineChart-D4GI7nVh.mjs → LineChart-Ct9DNmhS.mjs}

@@ -1,27 +1,27 @@
-import { jsxs as i, Fragment as B, jsx as e } from "react/jsx-runtime";
-import nt from "@mui/material/Box";
-import { useTheme as X } from "@mui/material/styles";
-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";
-import { f as b, c as mt } from "./NumberFormatting-Buh7u8Oi.mjs";
-import ut from "@mui/material/useMediaQuery";
-import { observer as xt } from "mobx-react-lite";
-import { Stack as u, Box as N, useTheme as ft } from "@mui/material";
+import { jsxs as i, Fragment as I, jsx as e } from "react/jsx-runtime";
+import lt from "@mui/material/Box";
+import { useTheme as Y } from "@mui/material/styles";
+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";
+import { f as b, c as yt } from "./NumberFormatting-Buh7u8Oi.mjs";
+import pt from "@mui/material/useMediaQuery";
+import { observer as bt } from "mobx-react-lite";
+import { Stack as x, Box as E, useTheme as kt } from "@mui/material";
 import { Text as l } from "@mxenabled/mxui";
-import { u as gt } from "./hooks-D6XlXHf4.mjs";
-import { ChartsTooltip as yt } from "@mui/x-charts/ChartsTooltip";
-const pt = (t) => {
-  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;
-  return /* @__PURE__ */ i(B, { children: [
-    o && /* @__PURE__ */ i(B, { children: [
+import { u as Ct } from "./hooks-C41HAxM5.mjs";
+import { ChartsTooltip as Mt } from "@mui/x-charts/ChartsTooltip";
+const wt = (t) => {
+  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;
+  return /* @__PURE__ */ i(I, { children: [
+    s && /* @__PURE__ */ i(I, { children: [
       t.labelBackgroundColor && /* @__PURE__ */ e(
         "rect",
         {
           fill: t.labelBackgroundColor,
-          height: T,
+          height: D,
           rx: "3",
-          width: D,
-          x: $,
-          y: M
+          width: T,
+          x: B,
+          y: $
         }
       ),
       /* @__PURE__ */ e(
@@ -31,43 +31,44 @@ const pt = (t) => {
           dominantBaseline: "middle",
           fill: t.labelFontColor ? t.labelFontColor : r.palette.text.primary,
           style: {
-            fontSize: t.labelFontSize ? t.labelFontSize : h
+            fontSize: t.labelFontSize ? t.labelFontSize : y,
+            ...k
           },
           textAnchor: "middle",
-          x: y,
-          y: m - 28 + T / 2,
-          children: a
+          x: m,
+          y: u - 28 + D / 2,
+          children: h
         }
       )
     ] }),
-    /* @__PURE__ */ e(
+    t.showMark && /* @__PURE__ */ e(
       "path",
       {
-        cursor: x ? "pointer" : "unset",
+        cursor: f ? "pointer" : "unset",
         d: "M4.514,0A4.514,4.514,0,1,1,-4.514,0A4.514,4.514,0,1,1,4.514,0",
         height: "20px",
-        onClick: (R) => {
-          x?.(R, t.dataIndex);
+        onClick: (j) => {
+          f?.(j, t.dataIndex);
         },
         onMouseEnter: () => {
-          f?.(t.dataIndex);
+          c?.(t.dataIndex);
         },
         onMouseLeave: () => {
-          c?.();
+          d?.();
         },
         style: {
-          fill: s?.fill ? s.fill : r.palette.background.paper,
-          stroke: s?.stroke ? s.stroke : r.palette.primary.main,
+          fill: o?.fill ? o.fill : r.palette.background.paper,
+          stroke: o?.stroke ? o.stroke : r.palette.primary.main,
           strokeWidth: 2,
           transform: `translate(${t.x}px, ${t.y}px)`,
           transformOrigin: `${t.x}px, ${t.y}px`,
-          filter: s?.filter ? s.filter : "none"
+          filter: o?.filter ? o.filter : "none"
         },
         width: "20px"
       }
     )
   ] });
-}, bt = (t) => /* @__PURE__ */ i(B, { children: [
+}, Lt = (t) => /* @__PURE__ */ i(I, { children: [
   /* @__PURE__ */ e("clipPath", { id: t.id, children: /* @__PURE__ */ e("rect", { height: t.height, width: t.width, x: "0", y: "0" }) }),
   /* @__PURE__ */ e("g", { children: /* @__PURE__ */ e(
     "path",
@@ -84,35 +85,35 @@ const pt = (t) => {
       }
     }
   ) })
-] }), kt = ({
+] }), St = ({
   label: t,
   customLegendVariant: r
 }) => {
-  const o = r || "Small";
-  return typeof t == "string" ? /* @__PURE__ */ e(l, { variant: o, children: t }) : typeof t == "object" && t.amount && t.label ? /* @__PURE__ */ i(B, { children: [
-    /* @__PURE__ */ e(l, { variant: o, children: t.label }),
-    /* @__PURE__ */ e(l, { bold: !0, sx: { marginLeft: 8 }, variant: o, children: b(t.amount, "0,0") })
+  const s = r || "Small";
+  return typeof t == "string" ? /* @__PURE__ */ e(l, { variant: s, children: t }) : typeof t == "object" && t.amount && t.label ? /* @__PURE__ */ i(I, { children: [
+    /* @__PURE__ */ e(l, { variant: s, children: t.label }),
+    /* @__PURE__ */ e(l, { bold: !0, sx: { marginLeft: 8 }, variant: s, children: b(t.amount, "0,0") })
   ] }) : null;
-}, Ct = ({
+}, vt = ({
   average: t,
   customLegendVariant: r,
-  labels: o = [],
-  series: s,
-  style: y,
+  labels: s = [],
+  series: o,
+  style: k,
   title: m,
-  valueFormatterString: x
+  valueFormatterString: u
 }) => {
-  const { common: f } = gt(), c = r || "Small";
-  return /* @__PURE__ */ i(u, { style: { flexDirection: "row", gap: 24, ...y }, children: [
-    s.map((d, a) => {
-      const h = o[a];
+  const { common: f } = Ct(), c = r || "Small";
+  return /* @__PURE__ */ i(x, { style: { flexDirection: "row", gap: 24, ...k }, children: [
+    o.map((d, a) => {
+      const h = s[a];
       return h ? /* @__PURE__ */ i(
-        u,
+        x,
         {
           style: { alignItems: "center", flexDirection: "row", flexWrap: "wrap" },
           children: [
             /* @__PURE__ */ e(
-              N,
+              E,
               {
                 sx: {
                   width: 10,
@@ -122,42 +123,42 @@ const pt = (t) => {
                 }
               }
             ),
-            /* @__PURE__ */ e(kt, { customLegendVariant: r, label: h })
+            /* @__PURE__ */ e(St, { customLegendVariant: r, label: h })
           ]
         },
         a
       ) : null;
     }),
-    t && /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+    t && /* @__PURE__ */ i(x, { sx: { alignItems: "center", flexDirection: "row" }, children: [
       /* @__PURE__ */ e(l, { bold: !0, sx: { marginRight: 8 }, variant: c, children: "– –" }),
       /* @__PURE__ */ i(l, { variant: c, children: [
         m || f.average,
         "  "
       ] }),
-      /* @__PURE__ */ e(l, { bold: !0, variant: c, children: x ? b(t, x) : t })
+      /* @__PURE__ */ e(l, { bold: !0, variant: c, children: u ? b(t, u) : t })
     ] })
   ] });
-}, Mt = xt(Ct);
-function wt({
+}, Tt = bt(vt);
+function Dt({
   customLabels: t,
   labels: r = [],
-  valueFormatterString: o = "0,0"
+  valueFormatterString: s = "0,0"
 }) {
-  const s = ft();
+  const o = kt();
   return /* @__PURE__ */ e(
-    yt,
+    Mt,
     {
       showCrosshair: !0,
       slots: {
-        axisContent: (y) => {
-          const { axisValue: m, dataIndex: x, series: f } = y, c = x ?? 0;
+        axisContent: (k) => {
+          const { axisValue: m, dataIndex: u, series: f } = k, c = u ?? 0;
           if (t) {
             const d = t[c]?.[0]?.header || String(m);
             return /* @__PURE__ */ i(
-              u,
+              x,
               {
                 sx: {
-                  backgroundColor: s.palette.background.paper,
+                  backgroundColor: o.palette.background.paper,
                   boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 0.12)",
                   flexDirection: "column",
                   alignItems: "flex-start",
@@ -169,7 +170,7 @@ function wt({
                 },
                 children: [
                   /* @__PURE__ */ i(
-                    u,
+                    x,
                     {
                       sx: {
                         flexDirection: "row",
@@ -181,14 +182,14 @@ function wt({
                       },
                       children: [
                         /* @__PURE__ */ e(l, { variant: "H3", children: d }),
-                        /* @__PURE__ */ e(l, { bold: !0, variant: "H3", children: b(f[0]?.data[c], o) })
+                        /* @__PURE__ */ e(l, { bold: !0, variant: "H3", children: b(f[0]?.data[c], s) })
                       ]
                     }
                   ),
                   t[c]?.some((a) => (typeof a == "string" ? 0 : a.amount) !== 0) ? t[c]?.map((a) => {
-                    const h = typeof a == "string" ? a : a.label, k = typeof a == "string" ? 0 : a.amount;
-                    return k === 0 ? null : /* @__PURE__ */ i(
-                      u,
+                    const h = typeof a == "string" ? a : a.label, y = typeof a == "string" ? 0 : a.amount;
+                    return y === 0 ? null : /* @__PURE__ */ i(
+                      x,
                       {
                         sx: {
                           flexDirection: "row",
@@ -200,7 +201,7 @@ function wt({
                         },
                         children: [
                           /* @__PURE__ */ i(
-                            u,
+                            x,
                             {
                               sx: {
                                 flexDirection: "row",
@@ -211,7 +212,7 @@ function wt({
                               },
                               children: [
                                 /* @__PURE__ */ e(
-                                  N,
+                                  E,
                                   {
                                     sx: {
                                       width: "12px",
@@ -225,7 +226,7 @@ function wt({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(Math.abs(k), o) })
+                          /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(Math.abs(y), s) })
                         ]
                       },
                       h
@@ -236,10 +237,10 @@ function wt({
             );
           }
           return /* @__PURE__ */ i(
-            u,
+            x,
             {
               sx: {
-                backgroundColor: s.palette.background.paper,
+                backgroundColor: o.palette.background.paper,
                 boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 0.12)",
                 flexDirection: "column",
                 alignItems: "flex-start",
@@ -252,7 +253,7 @@ function wt({
               children: [
                 /* @__PURE__ */ e(l, { variant: "H3", children: String(m) }),
                 f.map((d, a) => /* @__PURE__ */ i(
-                  u,
+                  x,
                   {
                     sx: {
                       flexDirection: "row",
@@ -263,9 +264,9 @@ function wt({
                       marginTop: 4
                     },
                     children: [
-                      /* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
+                      /* @__PURE__ */ i(x, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
                         /* @__PURE__ */ e(
-                          N,
+                          E,
                           {
                             sx: {
                               width: "12px",
@@ -277,7 +278,7 @@ function wt({
                         ),
                         /* @__PURE__ */ e(l, { variant: "Body", children: typeof r[a] == "string" ? r[a] : r[a]?.label })
                       ] }),
-                      /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(d.data[c], o) })
+                      /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(d.data[c], s) })
                     ]
                   },
                   d.id
@@ -291,68 +292,78 @@ function wt({
     }
   );
 }
-const zt = ({
-  axisColor: t,
-  baseline: r = "max",
+const Gt = ({
+  areaColor: t,
+  axisColor: r,
+  baseline: s = "max",
   chartFor: o,
-  chartXaxisSx: s,
-  chartYaxisSx: y,
-  colors: m,
-  curveType: x = "linear",
-  customLegendVariant: f,
-  customTooltipLabels: c,
-  datasets: d,
-  height: a,
-  isGraphClippingXAxis: h = !1,
-  labels: k,
-  labelBackgroundColor: I,
-  labelFontColor: P,
-  labelFontSize: E,
-  margin: D,
-  markHandlers: T,
-  markStyles: $,
-  onItemClick: M,
-  showArea: R = !1,
-  showAverage: H = !1,
-  showAxisHighlight: Y = !1,
-  showBars: j = !1,
-  showLegend: q = !1,
-  showMarkLabel: G = !1,
-  showTooltip: O = !1,
-  showXAxis: Q = !1,
-  showXAxisTicks: U = !1,
-  showYAxis: V = !1,
-  showYAxisTicks: J = !1,
-  title: K,
-  useCustomMark: Z = !1,
+  chartXaxisSx: k,
+  chartYaxisSx: m,
+  colors: u,
+  curveType: f = "linear",
+  customLegendVariant: c,
+  customTooltipLabels: d,
+  datasets: a,
+  height: h,
+  isGraphClippingXAxis: y = !1,
+  labels: v,
+  labelBackgroundColor: W,
+  labelFontColor: H,
+  labelFontSize: G,
+  margin: T,
+  markHandlers: D,
+  markStyles: B,
+  minRange: $,
+  maxRange: j,
+  onItemClick: z,
+  showArea: F = !1,
+  showAverage: O = !1,
+  showAxisHighlight: q = !1,
+  showBars: N = !1,
+  showLegend: Q = !1,
+  showMark: U = !0,
+  showMarkLabel: V = !1,
+  showTooltip: J = !1,
+  showXAxis: K = !1,
+  showXAxisTicks: Z = !1,
+  showYAxis: _ = !1,
+  showYAxisTicks: tt = !1,
+  title: et,
+  useCustomMark: nt = !1,
   valueFormatterString: C,
-  width: _
+  width: rt
 }) => {
-  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) => ({
-    type: j ? "bar" : "line",
-    curve: x,
-    color: j ? g.palette.chart?.chart6 : m[v] ?? g.palette.primary.main,
+  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) => ({
+    type: N ? "bar" : "line",
+    curve: f,
+    color: N ? g.palette.chart?.chart6 : u[S] ?? g.palette.primary.main,
     data: n.map((p) => p.y),
-    area: R,
-    baseline: r,
+    area: F,
+    baseline: s,
     showMark: !0,
     valueFormatter: (p) => C ? b(p || 0, C) : String(p)
-  })), et = {
+  })), it = {
     ...{
       top: 60,
       right: 35,
       bottom: 50,
       left: 50
     },
-    ...D
+    ...T
   };
-  let A = L, W = S;
+  let R = $ ?? w, A = j ?? L;
   if (o === "networthChart") {
-    const n = S - L, v = n < S * 0.05 ? 0.25 : 0.2, p = Math.max(n * v, S * 0.015);
-    A = L - p < 0 ? L : L - p, W = S + p;
+    const n = L - w, S = n < L * 0.05 ? 0.25 : 0.2, p = Math.max(n * S, L * 0.015);
+    R = w - p < 0 ? w : w - p, A = L + p;
   }
+  const ot = () => {
+    if (o === "creditOverTime")
+      return [300, 450, 600, 725, 850];
+    if (o === "networthChart")
+      return yt(R, A, 5);
+  };
   return /* @__PURE__ */ i(
-    nt,
+    lt,
     {
       sx: {
         position: "relative",
@@ -371,11 +382,11 @@ const zt = ({
       },
       children: [
         /* @__PURE__ */ i(
-          at,
+          st,
           {
-            height: a,
-            margin: et,
-            series: z,
+            height: h,
+            margin: it,
+            series: P,
             sx: {
               p: 4,
               "& .MuiBarLabel-root": {
@@ -392,45 +403,61 @@ const zt = ({
                 fontFamily: g.typography.Small.fontFamily
               }
             },
-            width: _,
-            xAxis: [{ data: tt, scaleType: j ? "band" : "point" }],
+            width: rt,
+            xAxis: [{ data: at, scaleType: N ? "band" : "point" }],
             yAxis: [
               {
-                tickInterval: o === "networthChart" ? mt(A, W, 5) : void 0,
-                min: h ? -22 : A,
-                max: W || 100,
-                colorMap: R && z.length < 2 ? {
+                tickInterval: ot(),
+                min: y ? -22 : R,
+                max: A || 100,
+                colorMap: F && P.length < 2 ? {
                   type: "continuous",
-                  min: A,
-                  max: W,
+                  min: R,
+                  max: A,
                   color: [
                     g.palette.background.paper,
-                    m[0] ?? g.palette.primary.main
+                    u[0] ?? g.palette.primary.main
                   ]
                 } : void 0,
                 valueFormatter: (n) => C ? b(n, C) : String(n)
               }
             ],
             children: [
-              H && /* @__PURE__ */ e(
-                rt,
+              O && /* @__PURE__ */ e(
+                ct,
                 {
                   lineStyle: {
-                    stroke: I ? g.palette.neutral.main : g.palette.neutral.dark,
+                    stroke: W ? g.palette.neutral.main : g.palette.neutral.dark,
                     strokeDasharray: "10, 8",
                     strokeWidth: 2
                   },
-                  y: F
+                  y: X
+                }
+              ),
+              /* @__PURE__ */ e(
+                dt,
+                {
+                  onItemClick: z,
+                  ...t && {
+                    slots: {
+                      area: (n) => /* @__PURE__ */ i("g", { children: [
+                        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ i("linearGradient", { id: "customGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
+                          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: t }),
+                          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: t, stopOpacity: 0.02 })
+                        ] }) }),
+                        /* @__PURE__ */ e("path", { ...n, fill: "url(#customGradient)" })
+                      ] })
+                    }
+                  }
                 }
               ),
-              /* @__PURE__ */ e(it, { onItemClick: M }),
               /* @__PURE__ */ e(
-                ot,
+                ht,
                 {
-                  onItemClick: M,
+                  onItemClick: z,
                   slots: {
                     line: (n) => /* @__PURE__ */ e(
-                      bt,
+                      Lt,
                       {
                         ...n,
                         lineColor: n.ownerState.color ?? g.palette.primary.main
@@ -440,21 +467,22 @@ const zt = ({
                 }
               ),
               /* @__PURE__ */ e(
-                lt,
+                mt,
                 {
-                  onItemClick: M,
-                  slots: Z ? {
+                  onItemClick: z,
+                  slots: nt ? {
                     mark: (n) => /* @__PURE__ */ e(
-                      pt,
+                      wt,
                       {
-                        handlers: T,
-                        labelBackgroundColor: I,
-                        labelFontColor: P,
-                        labelFontSize: E,
-                        showLabel: G,
-                        style: $?.(n.dataIndex) ?? {},
+                        handlers: D,
+                        labelBackgroundColor: W,
+                        labelFontColor: H,
+                        labelFontSize: G,
+                        showLabel: V,
+                        showMark: U || n.dataIndex === a[0].length - 1,
+                        style: B?.(n.dataIndex) ?? {},
                         valueFormatterString: C,
-                        yData: w,
+                        yData: M,
                         ...n
                       }
                     )
@@ -462,73 +490,73 @@ const zt = ({
                 }
               ),
               /* @__PURE__ */ e(
-                st,
+                ut,
                 {
                   barLabel: (n) => Number(n.value) > 0 ? `$${n.value}` : null,
                   borderRadius: 10
                 }
               ),
               /* @__PURE__ */ e(
-                ct,
+                ft,
                 {
-                  disableLine: !Q,
-                  disableTicks: !U,
-                  slotProps: t ? {
+                  disableLine: !K,
+                  disableTicks: !Z,
+                  slotProps: r ? {
                     axisLine: {
                       style: {
-                        stroke: t
+                        stroke: r
                       }
                     },
                     axisTick: {
                       style: {
-                        stroke: t
+                        stroke: r
                       }
                     }
                   } : {},
-                  sx: { ...s }
+                  sx: { ...k }
                 }
               ),
               /* @__PURE__ */ e(
-                dt,
+                xt,
                 {
-                  disableLine: !V,
-                  disableTicks: !J,
-                  sx: { ...y },
-                  slotProps: t ? {
+                  disableLine: !_,
+                  disableTicks: !tt,
+                  slotProps: r ? {
                     axisLine: {
                       style: {
-                        stroke: t
+                        stroke: r
                       }
                     },
                     axisTick: {
                       style: {
-                        stroke: t
+                        stroke: r
                       }
                     }
-                  } : {}
+                  } : {},
+                  sx: { ...m }
                 }
               ),
-              Y && /* @__PURE__ */ e(ht, { x: "line" }),
-              O && /* @__PURE__ */ e(
-                wt,
+              q && /* @__PURE__ */ e(gt, { x: "line" }),
+              J && /* @__PURE__ */ e(
+                Dt,
                 {
-                  customLabels: c,
-                  labels: k,
+                  customLabels: d,
+                  labels: v,
                   valueFormatterString: C
                 }
               )
             ]
           }
         ),
-        q && /* @__PURE__ */ e(
-          Mt,
+        Q && /* @__PURE__ */ e(
+          Tt,
           {
-            average: H ? F : void 0,
-            customLegendVariant: f,
-            labels: k,
-            series: z,
+            average: O ? X : void 0,
+            customLegendVariant: c,
+            labels: v,
+            series: P,
             style: { position: "absolute", top: 16, left: 16 },
-            title: K,
+            title: et,
             valueFormatterString: C
           }
         )
@@ -537,5 +565,5 @@ const zt = ({
   );
 };
 export {
-  zt as L
+  Gt as L
 };