@validationcloud/fractal-ui 1.63.0 → 1.65.0

package/dist/components/echarts-renderer/formatters/formatter-functions.d.ts

@@ -16,7 +16,39 @@ export declare function getFormatter(token: FormatterToken): EChartsFormatter;
  * Creates a formatter function from a template with prefix/suffix.
  *
  * @example
- * const formatter = createTemplateFormatter({ token: "COMPACT_1", prefix: "$", suffix: " USD" });
+ * const formatter = createTemplateFormatter({ token: "VC_COMPACT_1", prefix: "$", suffix: " USD" });
  * formatter(1500) // "$1.5k USD"
  */
 export declare function createTemplateFormatter(template: FormatterTemplate): EChartsFormatter;
+/**
+ * ECharts params object passed to series/edge label formatters.
+ */
+type EChartsParams = {
+    value?: number | string | number[];
+    name?: string;
+    data?: unknown;
+    [key: string]: unknown;
+};
+/**
+ * Formatter function that receives ECharts params object.
+ */
+export type EChartsParamsFormatter = (params: EChartsParams) => string;
+/**
+ * Creates a params-based formatter for series/edge labels.
+ * Extracts params.value and applies the token formatter.
+ *
+ * @example
+ * const formatter = createParamsFormatter("VC_COMPACT_1");
+ * formatter({ value: 1500, name: "Node" }) // "1.5k"
+ */
+export declare function createParamsFormatter(token: FormatterToken): EChartsParamsFormatter;
+/**
+ * Creates a params-based template formatter for series/edge labels.
+ * Extracts params.value and applies the template formatter with prefix/suffix.
+ *
+ * @example
+ * const formatter = createParamsTemplateFormatter({ token: "VC_COMPACT_1", prefix: "$", suffix: "M" });
+ * formatter({ value: 1500, name: "Node" }) // "$1.5kM"
+ */
+export declare function createParamsTemplateFormatter(template: FormatterTemplate): EChartsParamsFormatter;
+export {};

package/dist/components/echarts-renderer/formatters/formatter-functions.js

@@ -1,43 +1,43 @@
-function a(t) {
+function c(t) {
   return t.includes(".") ? t.replace(/\.?0+$/, "") : t;
 }
-function d(t) {
-  const o = t.toString().split("."), e = o[0] ?? "0", r = o[1], c = e.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-  return r !== void 0 ? `${c}.${r}` : c;
+function _(t) {
+  const r = t.toString().split("."), e = r[0] ?? "0", o = r[1], u = e.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  return o !== void 0 ? `${u}.${o}` : u;
 }
-function n(t, o) {
-  const r = t.toFixed(o).split("."), c = r[0] ?? "0", i = r[1], s = c.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+function n(t, r) {
+  const o = t.toFixed(r).split("."), u = o[0] ?? "0", i = o[1], s = u.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
   return i !== void 0 ? `${s}.${i}` : s;
 }
-function _(t, o) {
-  const e = Math.abs(t), r = t < 0 ? "-" : "";
-  return e >= 1e12 ? `${r}${(e / 1e12).toFixed(o)}T` : e >= 1e9 ? `${r}${(e / 1e9).toFixed(o)}B` : e >= 1e6 ? `${r}${(e / 1e6).toFixed(o)}M` : e >= 1e3 ? `${r}${(e / 1e3).toFixed(o)}k` : a(n(t, o));
+function $(t, r) {
+  const e = Math.abs(t), o = t < 0 ? "-" : "";
+  return e >= 1e12 ? `${o}${(e / 1e12).toFixed(r)}T` : e >= 1e9 ? `${o}${(e / 1e9).toFixed(r)}B` : e >= 1e6 ? `${o}${(e / 1e6).toFixed(r)}M` : e >= 1e3 ? `${o}${(e / 1e3).toFixed(r)}k` : c(n(t, r));
 }
-function I(t, o) {
+function h(t, r) {
   if (t === 0) return 0;
-  const e = Math.floor(Math.log10(Math.abs(t))), r = Math.pow(10, o - e - 1);
-  return Math.round(t * r) / r;
+  const e = Math.floor(Math.log10(Math.abs(t))), o = Math.pow(10, r - e - 1);
+  return Math.round(t * o) / o;
 }
-function u(t, o) {
-  const e = Math.abs(t), r = t < 0 ? "-" : "", c = [
+function a(t, r) {
+  const e = Math.abs(t), o = t < 0 ? "-" : "", u = [
     { threshold: 1e12, divisor: 1e12, suffix: "T" },
     { threshold: 1e9, divisor: 1e9, suffix: "B" },
     { threshold: 1e6, divisor: 1e6, suffix: "M" },
     { threshold: 1e3, divisor: 1e3, suffix: "k" }
   ];
-  for (const s of c)
+  for (const s of u)
     if (e >= s.threshold) {
-      const C = `${r}${d(e)}`, m = e / s.divisor, f = I(m, o), N = Math.floor(Math.log10(f)) + 1, $ = Math.max(0, o - N), l = `${r}${f.toFixed($)}${s.suffix}`, b = `${r}${a(f.toFixed($))}${s.suffix}`;
-      return l.length < C.length ? b : C;
+      const f = `${o}${_(e)}`, d = e / s.divisor, m = h(d, r), C = Math.floor(Math.log10(m)) + 1, I = Math.max(0, r - C), b = `${o}${m.toFixed(I)}${s.suffix}`, x = `${o}${c(m.toFixed(I))}${s.suffix}`;
+      return b.length < f.length ? x : f;
     }
-  const i = I(e, o);
+  const i = h(e, r);
   if (i >= 1e3) {
-    const s = `${r}${d(i)}`, C = i / 1e3, m = Math.floor(Math.log10(C)) + 1, f = Math.max(0, o - m), N = `${r}${a(C.toFixed(f))}k`;
-    return N.length < s.length ? N : s;
+    const s = `${o}${_(i)}`, f = i / 1e3, d = Math.floor(Math.log10(f)) + 1, m = Math.max(0, r - d), C = `${o}${c(f.toFixed(m))}k`;
+    return C.length < s.length ? C : s;
   }
-  return `${r}${a(d(i))}`;
+  return `${o}${c(_(i))}`;
 }
-const h = {
+const N = {
   // Fixed decimal places with thousand separators
   VC_PRECISION_0: (t) => n(Number(t), 0),
   VC_PRECISION_1: (t) => n(Number(t), 1),
@@ -47,30 +47,44 @@ const h = {
   VC_PRECISION_5: (t) => n(Number(t), 5),
   VC_PRECISION_6: (t) => n(Number(t), 6),
   // Significant digits with compact notation (k/M/B/T) when shorter
-  VC_SIGNIFICANT_1: (t) => u(Number(t), 1),
-  VC_SIGNIFICANT_2: (t) => u(Number(t), 2),
-  VC_SIGNIFICANT_3: (t) => u(Number(t), 3),
-  VC_SIGNIFICANT_4: (t) => u(Number(t), 4),
-  VC_SIGNIFICANT_5: (t) => u(Number(t), 5),
-  VC_SIGNIFICANT_6: (t) => u(Number(t), 6),
+  VC_SIGNIFICANT_1: (t) => a(Number(t), 1),
+  VC_SIGNIFICANT_2: (t) => a(Number(t), 2),
+  VC_SIGNIFICANT_3: (t) => a(Number(t), 3),
+  VC_SIGNIFICANT_4: (t) => a(Number(t), 4),
+  VC_SIGNIFICANT_5: (t) => a(Number(t), 5),
+  VC_SIGNIFICANT_6: (t) => a(Number(t), 6),
   // Compact notation
-  VC_COMPACT_0: (t) => _(Number(t), 0),
-  VC_COMPACT_1: (t) => _(Number(t), 1),
-  VC_COMPACT_2: (t) => _(Number(t), 2),
+  VC_COMPACT_0: (t) => $(Number(t), 0),
+  VC_COMPACT_1: (t) => $(Number(t), 1),
+  VC_COMPACT_2: (t) => $(Number(t), 2),
   // Percentage formatting (multiplies by 100) with thousand separators, trailing zeros stripped
   VC_PERCENT_0: (t) => `${n(Number(t) * 100, 0)}%`,
-  VC_PERCENT_1: (t) => `${a(n(Number(t) * 100, 1))}%`,
-  VC_PERCENT_2: (t) => `${a(n(Number(t) * 100, 2))}%`
+  VC_PERCENT_1: (t) => `${c(n(Number(t) * 100, 1))}%`,
+  VC_PERCENT_2: (t) => `${c(n(Number(t) * 100, 2))}%`
 };
-function x(t) {
-  return h[t];
+function F(t) {
+  return N[t];
 }
 function V(t) {
-  const o = h[t.token];
-  return (e) => `${t.prefix}${o(e)}${t.suffix}`;
+  const r = N[t.token];
+  return (e) => `${t.prefix}${r(e)}${t.suffix}`;
+}
+function l(t) {
+  const r = t.value;
+  return Array.isArray(r) ? Number(r[0]) : Number(r);
+}
+function P(t) {
+  const r = N[t];
+  return (e) => r(l(e));
+}
+function g(t) {
+  const r = N[t.token];
+  return (e) => `${t.prefix}${r(l(e))}${t.suffix}`;
 }
 export {
+  P as createParamsFormatter,
+  g as createParamsTemplateFormatter,
   V as createTemplateFormatter,
-  h as formatterRegistry,
-  x as getFormatter
+  N as formatterRegistry,
+  F as getFormatter
 };

package/dist/components/echarts-renderer/formatters/replace-formatter-tokens.d.ts

@@ -8,7 +8,11 @@ export type EChartsOptionWithTokens = Record<string, unknown>;
  * Replaces formatter token strings with actual formatter functions.
  *
  * Traverses known ECharts formatter paths and replaces any token strings
- * (e.g., "PRECISION_2") with the corresponding formatter function.
+ * (e.g., "VC_PRECISION_2") with the corresponding formatter function.
+ *
+ * Handles two types of formatter paths:
+ * - Value paths: Receive raw values (axis labels, valueFormatter)
+ * - Params paths: Receive params objects with { value, name, ... } (series labels, edge labels)
  *
  * @param options - ECharts options that may contain formatter tokens
  * @returns New options object with tokens replaced by functions
@@ -16,11 +20,11 @@ export type EChartsOptionWithTokens = Record<string, unknown>;
  * @example
  * ```ts
  * const options = {
- *   xAxis: { axisLabel: { formatter: 'PRECISION_2' } },
- *   tooltip: { valueFormatter: 'COMPACT_1' }
+ *   xAxis: { axisLabel: { formatter: '{VC_PRECISION_2}' } },
+ *   series: [{ edgeLabel: { formatter: '${VC_COMPACT_1}' } }]
  * };
  * const resolved = replaceFormatterTokens(options);
- * // resolved.xAxis.axisLabel.formatter is now a function
+ * // Formatters are now functions that handle their respective input types
  * ```
  */
 export declare function replaceFormatterTokens(options: EChartsOptionWithTokens): EChartsOption;

package/dist/components/echarts-renderer/formatters/replace-formatter-tokens.js

@@ -1,14 +1,14 @@
-import { getFormatter as p, createTemplateFormatter as u } from "./formatter-functions.js";
-import { isFormatterToken as A, parseFormatterTemplate as b } from "./formatter-tokens.js";
-function l(t) {
+import { createParamsFormatter as b, getFormatter as u, createParamsTemplateFormatter as x, createTemplateFormatter as F } from "./formatter-functions.js";
+import { isFormatterToken as L, parseFormatterTemplate as T } from "./formatter-tokens.js";
+function m(t) {
   if (t === null || typeof t != "object")
     return t;
   if (Array.isArray(t))
-    return t.map((o) => l(o));
-  const e = {};
-  for (const r of Object.keys(t))
-    e[r] = l(t[r]);
-  return e;
+    return t.map((a) => m(a));
+  const r = {};
+  for (const e of Object.keys(t))
+    r[e] = m(t[e]);
+  return r;
 }
 const y = [
   // Axis formatters (single object form)
@@ -19,52 +19,59 @@ const y = [
   // Axis formatters (array form)
   "xAxis[].axisLabel.formatter",
   "yAxis[].axisLabel.formatter",
-  // Tooltip formatters
-  "tooltip.formatter",
+  // Tooltip value formatters (receive raw value)
   "tooltip.valueFormatter",
-  // Series formatters
-  "series[].label.formatter",
-  "series[].labelLine.formatter",
-  "series[].emphasis.label.formatter",
   "series[].tooltip.valueFormatter",
-  "series[].tooltip.formatter",
   // Legend formatter
   "legend.formatter",
   // Visual map formatters
   "visualMap.formatter",
   "visualMap[].formatter"
+], h = [
+  // Tooltip formatter (receives params object)
+  "tooltip.formatter",
+  // Series label formatters (receive params object)
+  "series[].label.formatter",
+  "series[].labelLine.formatter",
+  "series[].emphasis.label.formatter",
+  "series[].tooltip.formatter",
+  // Edge/link label formatters (Sankey, Graph - receive params with value)
+  "series[].edgeLabel.formatter",
+  "series[].emphasis.edgeLabel.formatter"
 ];
-function T(t) {
-  const e = l(t);
-  for (const r of y)
-    x(e, r);
-  return e;
+function P(t) {
+  const r = m(t);
+  for (const e of y)
+    p(r, e, "value");
+  for (const e of h)
+    p(r, e, "params");
+  return r;
 }
-function x(t, e) {
-  const r = e.split(".");
-  n(t, r, 0);
+function p(t, r, e) {
+  const a = r.split(".");
+  n(t, a, 0, e);
 }
-function n(t, e, r) {
-  if (t == null || r >= e.length || typeof t != "object") return;
-  const o = e[r];
-  if (o === void 0) return;
-  const c = r === e.length - 1, m = o.endsWith("[]"), s = m ? o.slice(0, -2) : o, i = t;
-  if (m) {
-    const a = i[s];
-    if (Array.isArray(a))
-      for (const f of a)
-        n(f, e, r + 1);
-  } else if (c) {
-    const a = i[s];
-    if (A(a))
-      i[s] = p(a);
+function n(t, r, e, a) {
+  if (t == null || e >= r.length || typeof t != "object") return;
+  const l = r[e];
+  if (l === void 0) return;
+  const A = e === r.length - 1, c = l.endsWith("[]"), s = c ? l.slice(0, -2) : l, i = t;
+  if (c) {
+    const o = i[s];
+    if (Array.isArray(o))
+      for (const f of o)
+        n(f, r, e + 1, a);
+  } else if (A) {
+    const o = i[s];
+    if (L(o))
+      i[s] = a === "params" ? b(o) : u(o);
     else {
-      const f = b(a);
-      f && (i[s] = u(f));
+      const f = T(o);
+      f && (i[s] = a === "params" ? x(f) : F(f));
     }
   } else
-    n(i[s], e, r + 1);
+    n(i[s], r, e + 1, a);
 }
 export {
-  T as replaceFormatterTokens
+  P as replaceFormatterTokens
 };

package/dist/components/echarts-renderer/mavrik-theme-horizontal.json.d.ts

@@ -232,6 +232,73 @@ declare const _default: {
       "color": "#A7A9AD"
     }
   },
+  "sankey": {
+    "left": 120,
+    "right": 80,
+    "top": 82,
+    "bottom": 32,
+    "nodeWidth": 20,
+    "nodeGap": 40,
+    "layoutIterations": 32,
+    "draggable": false,
+    "emphasis": {
+      "focus": "adjacency"
+    },
+    "label": {
+      "show": true,
+      "formatter": "{b}",
+      "color": "#FCFCFC",
+      "fontSize": 11
+    },
+    "edgeLabel": {
+      "show": false,
+      "fontSize": 9,
+      "color": "#A7A9AD",
+      "backgroundColor": "rgba(26, 29, 31, 0.85)",
+      "padding": [2, 6],
+      "borderRadius": 3
+    },
+    "lineStyle": {
+      "color": "gradient",
+      "opacity": 0.4,
+      "curveness": 0.5
+    },
+    "itemStyle": {
+      "borderWidth": 0
+    },
+    "levels": [
+      {
+        "depth": 0,
+        "itemStyle": {
+          "color": "#C14E64"
+        },
+        "lineStyle": {
+          "color": "gradient",
+          "opacity": 0.4
+        }
+      },
+      {
+        "depth": 1,
+        "itemStyle": {
+          "color": "#56B4E9"
+        },
+        "lineStyle": {
+          "color": "gradient",
+          "opacity": 0.4
+        }
+      },
+      {
+        "depth": 2,
+        "itemStyle": {
+          "color": "#0072B2"
+        },
+        "lineStyle": {
+          "color": "gradient",
+          "opacity": 0.4
+        }
+      }
+    ]
+  },
   "markPoint": {
     "label": {
       "color": "#A7A9AD"

package/dist/components/echarts-renderer/mavrik-theme-horizontal.json.js

@@ -1,37 +1,39 @@
-const M = [{ type: "linear", x: 0, y: 0, x2: 1, y2: 0, colorStops: [{ offset: 0, color: "#C14E64" }, { offset: 1, color: "#DE7385" }] }, "#00BBFA", "#0072B2", "#E69F00", "#D66119", "#56B4E9", "#45B26B", "#F0E442", "#FF99BF", "#8277D8"], L = "#1A1D1F", N = { fontFamily: "Poppins, sans-serif", fontWeight: 500 }, j = { top: 32, left: 32, textStyle: { color: "#FFFFFF", fontSize: 16, fontWeight: 600 }, subtextStyle: { color: "#A7A9AD" } }, D = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, areaStyle: { opacity: 0.15 }, showSymbol: !1, symbolSize: 5, symbol: "circle", smooth: !1, sampling: "lttb" }, A = { barGap: "25%", barCategoryGap: "25%" }, g = { axisLine: { show: !0, lineStyle: { color: "#3A3D46", type: "dashed" } }, axisTick: { show: !1 }, axisLabel: { show: !0, color: "#A7A9AD", hideOverlap: !0 }, nameLocation: "middle", nameTextStyle: { color: "#A7A9AD", fontSize: 11, fontWeight: 400 }, splitLine: { show: !1 } }, I = { axisLine: { show: !1 }, axisTick: { show: !1 }, axisLabel: { show: !0, color: "#A7A9AD", hideOverlap: !0 }, nameLocation: "middle", nameTextStyle: { color: "#A7A9AD", fontSize: 11, fontWeight: 400 }, splitLine: { show: !0, lineStyle: { color: ["#3A3D46"], type: "dashed" } } }, u = { axisLine: { show: !1 }, axisTick: { show: !1 }, axisLabel: { show: !0, color: "#A7A9AD", hideOverlap: !0 }, nameLocation: "middle", nameTextStyle: { color: "#A7A9AD", fontSize: 11, fontWeight: 400 }, splitLine: { show: !0, lineStyle: { color: ["#3A3D46"], type: "dashed" } } }, t = { axisLine: { show: !0, lineStyle: { color: "#3A3D46" } }, axisTick: { show: !1 }, axisLabel: { show: !0, color: "#A7A9AD", hideOverlap: !0 }, nameLocation: "middle", nameTextStyle: { color: "#A7A9AD", fontSize: 11, fontWeight: 400 }, splitLine: { show: !1 } }, T = { top: 82, left: "auto", right: 32, icon: "circle", itemGap: 22, itemWidth: 12, itemHeight: 12, textStyle: { color: "#A7A9AD", fontSize: 11 } }, y = { top: 132, left: 32, right: 32, bottom: 32, outerBoundsMode: "same", outerBoundsContain: "axisLabel" }, S = { backgroundColor: "rgba(26, 29, 31, 0)", borderColor: "#3A3D46", borderRadius: 4, dataBackground: { lineStyle: { color: "#606060", width: 1 }, areaStyle: { color: "rgba(96, 96, 96, 0.3)" } }, selectedDataBackground: { lineStyle: { color: "#b36674", width: 1 }, areaStyle: { color: "rgba(164, 91, 105, 0.5)" } }, fillerColor: "rgba(82, 45, 52, 0.35)", handleStyle: { color: "#C14E64", borderColor: "#C14E64" }, moveHandleStyle: { color: "#b36674" }, brushStyle: { color: "rgba(95, 58, 65, 0.2)" }, emphasis: { handleStyle: { color: "rgb(209, 123, 140)", borderColor: "rgb(209, 123, 140)" } }, handleSize: "100%", textStyle: { color: "#A7A9AD" } }, z = { label: { color: "#A7A9AD" }, emphasis: { label: { color: "#FFFFFF" } } }, i = { confine: !0, backgroundColor: "transparent", padding: 10, borderRadius: 8, borderColor: "#50525A", borderWidth: 1, textStyle: { color: "#FCFCFC", fontFamily: "Poppins, sans-serif", fontSize: 11, fontStyle: "normal", fontWeight: 500 }, extraCssText: "letter-spacing: 0.22px; box-shadow: 0 14px 11px -4px rgba(0, 0, 0, 0.30), 0 -4px 4px 0 rgba(0, 0, 0, 0.04) inset; background: radial-gradient(ellipse at 25% 0%, rgba(217, 217, 217, 0.12) 0%, transparent 60%), #1A1D1F;" }, x = { type: "image", id: "fractal-watermark", left: "center", top: "middle", style: { image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTAiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMTAgMjQiPgogIDxnIGZpbGw9IiNhN2E5YWQiIGZpbGwtb3BhY2l0eT0iMC4zIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMzLjczMyAxLjg2OGgtMjEuNjdDNi40MzggMS44NjggMS44NzggNi40MDQgMS44NzggMTJzNC41NiAxMC4xMzIgMTAuMTg1IDEwLjEzMmgyMS42N2M1LjYyNSAwIDEwLjE4NS00LjUzNiAxMC4xODUtMTAuMTMyUzM5LjM1OCAxLjg2OCAzMy43MzMgMS44NjhNMCAxMmMwIDYuNjI3IDUuNCAxMiAxMi4wNjMgMTJoMjEuNjdjNi42NjIgMCAxMi4wNjMtNS4zNzMgMTIuMDYzLTEycy01LjQtMTItMTIuMDYzLTEyaC0yMS42N0M1LjQwMSAwIDAgNS4zNzMgMCAxMiIgY2xpcC1ydWxlPSJldmVub2RkIi8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMy43MzQgNS4xNzRoLTIxLjY3QzguMjczIDUuMTc0IDUuMiA4LjIzIDUuMiAxMnMzLjA3MyA2LjgyNiA2Ljg2MyA2LjgyNmgyMS42N2MzLjc5IDAgNi44NjItMy4wNTYgNi44NjItNi44MjZzLTMuMDcyLTYuODI2LTYuODYyLTYuODI2TTMuMzIzIDEyYzAgNC44MDIgMy45MTIgOC42OTUgOC43NCA4LjY5NWgyMS42N2M0LjgyNyAwIDguNzQtMy44OTMgOC43NC04LjY5NXMtMy45MTMtOC42OTUtOC43NC04LjY5NWgtMjEuNjdjLTQuODI4IDAtOC43NCAzLjg5My04Ljc0IDguNjk1IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMzLjczMyA4LjQ4aC0yMS42N0EzLjUzIDMuNTMgMCAwIDAgOC41MjMgMTJhMy41MyAzLjUzIDAgMCAwIDMuNTQgMy41MjFoMjEuNjdhMy41MyAzLjUzIDAgMCAwIDMuNTQtMy41MiAzLjUzIDMuNTMgMCAwIDAtMy41NC0zLjUyMk02LjY0NiAxMmMwIDIuOTc2IDIuNDI1IDUuMzkgNS40MTcgNS4zOWgyMS42N2MyLjk5MiAwIDUuNDE4LTIuNDE0IDUuNDE4LTUuMzlzLTIuNDI2LTUuMzktNS40MTgtNS4zOWgtMjEuNjdjLTIuOTkyIDAtNS40MTcgMi40MTQtNS40MTcgNS4zOSIgY2xpcC1ydWxlPSJldmVub2RkIi8+CiAgICA8cGF0aCBkPSJNNTguNDUgMjAuNjk1aC0yLjc3TDQ4LjU5MiAzLjMyN2gyLjdsNS43NzMgMTQuNTQyIDUuNzczLTE0LjU0MmgyLjd6TTczLjk4NiAyMC42OTVoLTIuMDZsLS4xNC0xLjQ4MnEtLjY0LjgxLTEuNjE3IDEuMjYyLS45NzguNDUtMi4xNjUuNDUxLTEuMjQ2IDAtMi4yMjMtLjQ4NmEzLjg2IDMuODYgMCAwIDEtMS41MzctMS4zMzIgMy40IDMuNCAwIDAgMS0uNTU5LTEuOTIycTAtMS4xMzQuNjA2LTEuOTkxLjYwNS0uODY4IDEuNjUzLTEuMzU1IDEuMDQ3LS40OTggMi4zODYtLjQ5OC44MzggMCAxLjY5OS4xOTdhNi42IDYuNiAwIDAgMSAxLjU3MS41NTZ2LS40MjlxMC0uODQ0LS40NDItMS40NDdhMi43IDIuNyAwIDAgMC0xLjE4Ny0uOTM4IDQuMSA0LjEgMCAwIDAtMS42NTMtLjMyNHEtLjgwMiAwLTEuNjQxLjI3OC0uODI2LjI3Ny0xLjU2Ljg1N2wtLjcyMS0xLjkzNGE5LjMgOS4zIDAgMCAxIDIuMi0uOTUgOC4zIDguMyAwIDAgMSAyLjI1Ny0uMzIzcTEuNTgzIDAgMi43MjQuNjI1YTQuMzUgNC4zNSAwIDAgMSAxLjc4IDEuNzgzcS42MyAxLjE0Ni42MyAyLjcxem0tNS41MTctMS43ODNxLjgyNyAwIDEuNTI1LS4zMzZhMi45MyAyLjkzIDAgMCAwIDEuMTI5LS45NzNxLjQ0Mi0uNjM2LjQ3Ny0xLjQ4MnYtLjE2MmE0LjcgNC43IDAgMCAwLTEuMzM4LS42ODMgNC42IDQuNiAwIDAgMC0xLjUwMi0uMjU1cS0xLjE3NiAwLTEuOTU1LjU1Ni0uNzguNTU1LS43OCAxLjQyNCAwIC41NDQuMzE0Ljk4NC4zMjYuNDMuODczLjY4My41Ni4yNDQgMS4yNTcuMjQ0TTc3Ljk4OCAyMC42OTVoLTIuNTRWMi44NjRoMi41NHpNODAuNjY2IDUuNzU4cS0uNTQ4IDAtLjkyLS4zODJhMS4yOCAxLjI4IDAgMCAxLS4zNzMtLjkyNnEwLS41NDUuMzczLS45MTUuMzcyLS4zODIuOTItLjM4Mi41NiAwIC45MzIuMzgyLjM4NS4zNy4zODUuOTE1dC0uMzg1LjkyNnEtLjM3My4zODItLjkzMi4zODJtMS4xODggMTQuOTM3aC0yLjM4OFY5LjExNmgyLjM4OHpNOTUuNjI4IDIwLjY5NUg5My41MmwtLjEyOC0xLjY1NmE1LjcgNS43IDAgMCAxLTEuOTA5IDEuMzlxLTEuMTA2LjQ5Ny0yLjQzMi40OTctMS42NzcgMC0zLjAwMy0uNzg3YTUuNyA1LjcgMCAwIDEtMi4wOTUtMi4xNTRxLS43NTctMS4zNjUtLjc1Ny0zLjA4IDAtMS43MjQuNzU3LTMuMDhhNS43IDUuNyAwIDAgMSAyLjA5NS0yLjE1M3ExLjMyNi0uNzg3IDMuMDAzLS43ODcgMS4yNTcgMCAyLjMyOC40NTFhNS41IDUuNSAwIDAgMSAxLjg2MiAxLjI2MlYzLjMyN2gyLjM4NnptLTYuMTgtMS45cTEuMDU5IDAgMS45MDgtLjQ4NmEzLjc1IDMuNzUgMCAwIDAgMS4zNzQtMS4zMnEuNTEyLS44MzMuNTEyLTEuODk4di0uMzk0cTAtMS4wNjUtLjUxMi0xLjg5OWEzLjY2IDMuNjYgMCAwIDAtMS4zNzQtMS4zMDhxLS44NS0uNDc1LTEuOTA4LS40NzUtMS4wODMgMC0xLjk0NC41MWEzLjcgMy43IDAgMCAwLTEuMzYyIDEuMzg5cS0uNS44NjktLjUgMS45OHQuNSAxLjk5MWEzLjggMy44IDAgMCAwIDEuMzYyIDEuNDAxcS44NjEuNTEgMS45NDQuNTFNMTA3LjI2OSAyMC42OTVoLTIuMDYxbC0uMTM5LTEuNDgycS0uNjQuODEtMS42MTggMS4yNjItLjk3OC40NS0yLjE2NS40NTEtMS4yNDUgMC0yLjIyMy0uNDg2YTMuODYgMy44NiAwIDAgMS0xLjUzNi0xLjMzMiAzLjQgMy40IDAgMCAxLS41Ni0xLjkyMnEwLTEuMTM0LjYwNi0xLjk5MS42MDUtLjg2OCAxLjY1My0xLjM1NSAxLjA0Ny0uNDk4IDIuMzg2LS40OThhNy42IDcuNiAwIDAgMSAxLjY5OS4xOTcgNi42IDYuNiAwIDAgMSAxLjU3MS41NTZ2LS40MjlxMC0uODQ0LS40NDItMS40NDdhMi43IDIuNyAwIDAgMC0xLjE4Ny0uOTM4IDQuMSA0LjEgMCAwIDAtMS42NTMtLjMyNCA1LjE2NiA1LjE2NiAwIDAgMC0zLjIgMS4xMzVsLS43MjItMS45MzRhOS4zIDkuMyAwIDAgMSAyLjItLjk1IDguMyA4LjMgMCAwIDEgMi4yNTgtLjMyM3ExLjU4MyAwIDIuNzIzLjYyNWE0LjM1IDQuMzUgMCAwIDEgMS43ODEgMS43ODNxLjYyOSAxLjE0Ni42MjkgMi43MXptLTUuNTE3LTEuNzgzcS44MjYgMCAxLjUyNC0uMzM2YTIuOSAyLjkgMCAwIDAgMS4xMjktLjk3M3EuNDQyLS42MzYuNDc3LTEuNDgydi0uMTYyYTQuNiA0LjYgMCAwIDAtMS4zMzgtLjY4MyA0LjYgNC42IDAgMCAwLTEuNTAyLS4yNTVxLTEuMTc1IDAtMS45NTUuNTU2LS43OC41NTUtLjc4IDEuNDI0IDAgLjU0NC4zMTQuOTg0LjMyNy40My44NzMuNjgzLjU2LjI0NCAxLjI1OC4yNDRNMTE2LjQyNCAyMC40MDVxLTEuMjIxLjUyMS0yLjM2Mi41MjF0LTIuMDAyLS40ODZhMy41IDMuNSAwIDAgMS0xLjMzOS0xLjM2NnEtLjQ3Ny0uODkyLS40NzctMi4wNXYtNS43ODloLTIuMDM3VjkuMTE2aDIuMTUzVjYuMjIyaDIuMjd2Mi44OTRoMy4zOTl2Mi4xMTloLTMuMzk5djUuMzVxMCAxLjAxOC41NDcgMS42Mi41NTguNTkgMS40MzIuNTkuNzM0IDAgMS40NTUtLjQ0ek0xMTguNTggNS43NThxLS41NDggMC0uOTItLjM4MmExLjI4IDEuMjggMCAwIDEtLjM3My0uOTI2cTAtLjU0NS4zNzMtLjkxNS4zNzItLjM4Mi45Mi0uMzgyLjU2IDAgLjkzMi4zODIuMzg1LjM3LjM4NS45MTV0LS4zODUuOTI2YTEuMjUgMS4yNSAwIDAgMS0uOTMyLjM4Mm0xLjE4OCAxNC45MzdoLTIuMzg4VjkuMTE2aDIuMzg4ek0xMjcuMjU3IDIwLjkyNnEtMS43NDYgMC0zLjE0My0uNzg3YTUuODUgNS44NSAwIDAgMS0yLjItMi4xNDJxLS44MDMtMS4zNjYtLjgwMy0zLjA5MiAwLTEuNzEzLjgwMy0zLjA2OGE1LjggNS44IDAgMCAxIDIuMi0yLjE1M3ExLjM5Ny0uOCAzLjE0My0uOCAxLjc1NyAwIDMuMTQyLjhhNS43NiA1Ljc2IDAgMCAxIDIuMTc3IDIuMTUzcS44MDMgMS4zNTUuODAzIDMuMDY4IDAgMS43MjUtLjgwMyAzLjA5MmE1LjggNS44IDAgMCAxLTIuMTc3IDIuMTQycS0xLjM4NS43ODctMy4xNDIuNzg3bS0uMDEyLTIuMTNxMS4wNiAwIDEuODg2LS41MWEzLjcgMy43IDAgMCAwIDEuMzE1LTEuMzlxLjQ4OS0uODguNDg5LTIuMDAyIDAtMS4xLS40ODktMS45NjlhMy42IDMuNiAwIDAgMC0xLjMxNS0xLjM4OXEtLjgyNy0uNTItMS44ODYtLjUyLTEuMDQ3IDAtMS44ODUuNTJhMy43IDMuNyAwIDAgMC0xLjMyNyAxLjM5cS0uNDc3Ljg2OC0uNDc3IDEuOTY4IDAgMS4xMjMuNDc3IDIuMDAzYTMuOCAzLjggMCAwIDAgMS4zMjcgMS4zOXEuODM3LjUwOSAxLjg4NS41MDlNMTQ1LjgxNiAyMC42OTVoLTIuMzg2di02LjI4N3EwLTEuNTQtLjg0OS0yLjQ1NS0uODM5LS45MTUtMi4yNTgtLjkxNS0xLjQ2NiAwLTIuMzYzLjk3My0uODk2Ljk3Mi0uODk2IDIuNTgydjYuMTAyaC0yLjM4NlY5LjExNmgyLjAxM2wuMDgyIDEuODY0YTQuMjUgNC4yNSAwIDAgMSAxLjY3Ni0xLjU1MXExLjAzNS0uNTQ0IDIuNDMyLS41NDQgMi4yOTQgMCAzLjYwOSAxLjM3NyAxLjMyNiAxLjM3OSAxLjMyNiAzLjc5OHpNMTY2LjE3OCAxOC40ODNhOC43IDguNyAwIDAgMS0yLjg4OCAxLjg4N3EtMS42NjQuNjcyLTMuNjMxLjY3MnQtMy42MzItLjY3MmE4LjcgOC43IDAgMCAxLTIuODk4LTEuODg3IDguOSA4LjkgMCAwIDEtMS45MDgtMi44NzFxLS42NzYtMS42NTYtLjY3Ni0zLjYwMSAwLTEuOTU3LjY3Ni0zLjYwMWE4LjcgOC43IDAgMCAxIDEuOTA4LTIuODcyIDguNyA4LjcgMCAwIDEgMi44OTgtMS44ODdxMS42NjUtLjY3MSAzLjYzMi0uNjcxIDEuOTU1IDAgMy42MTkuNjgzIDEuNjc3LjY3MSAyLjg3NSAxLjg2NGwtMS43OCAxLjgwNmE2LjIgNi4yIDAgMCAwLTIuMDk0LTEuNTRxLTEuMjEyLS41NjctMi42NTQtLjU2Ny0xLjM5NyAwLTIuNTczLjUxYTYgNiAwIDAgMC0yLjA0OSAxLjQyMyA2LjYgNi42IDAgMCAwLTEuMzYxIDIuMTU0cS0uNDc4IDEuMjM5LS40NzggMi42OTh0LjQ3OCAyLjY5OGE2LjcgNi43IDAgMCAwIDEuMzYxIDIuMTY1IDYuMiA2LjIgMCAwIDAgMi4wNDkgMS40MjRxMS4xNzUuNDk4IDIuNTczLjQ5OCAxLjQ0MiAwIDIuNjU0LS41NTZhNi4yIDYuMiAwIDAgMCAyLjA4My0xLjU1MnpNMTcwLjA5MiAyMC42OTVoLTIuNTRWMi44NjRoMi41NHpNMTc3LjUzNCAyMC45MjZxLTEuNzQ1IDAtMy4xNDMtLjc4N2E1Ljg0IDUuODQgMCAwIDEtMi4xOTktMi4xNDJxLS44MDMtMS4zNjYtLjgwMy0zLjA5MiAwLTEuNzEzLjgwMy0zLjA2OGE1LjggNS44IDAgMCAxIDIuMTk5LTIuMTUzcTEuMzk4LS44IDMuMTQzLS44IDEuNzU4IDAgMy4xNDIuOGE1Ljc1IDUuNzUgMCAwIDEgMi4xNzYgMi4xNTNxLjgwNCAxLjM1NS44MDMgMy4wNjggMCAxLjcyNS0uODAzIDMuMDkyYTUuOCA1LjggMCAwIDEtMi4xNzYgMi4xNDJxLTEuMzg0Ljc4Ny0zLjE0Mi43ODdtLS4wMTMtMi4xM3ExLjA2IDAgMS44ODctLjUxYTMuNyAzLjcgMCAwIDAgMS4zMTUtMS4zOXEuNDg4LS44OC40ODgtMi4wMDIgMC0xLjEtLjQ4OC0xLjk2OWEzLjYgMy42IDAgMCAwLTEuMzE1LTEuMzg5cS0uODI3LS41Mi0xLjg4Ny0uNTJhMy41IDMuNSAwIDAgMC0xLjg4NS41MiAzLjcgMy43IDAgMCAwLTEuMzI2IDEuMzlxLS40NzcuODY4LS40NzcgMS45NjggMCAxLjEyMy40NzcgMi4wMDNhMy44IDMuOCAwIDAgMCAxLjMyNiAxLjM5IDMuNTYgMy41NiAwIDAgMCAxLjg4NS41MDlNMTk2LjEgMjAuNjk1aC0yLjAyNmwtLjA4Mi0xLjg2NHEtLjY0IDEuMDE4LTEuNjc2IDEuNTYzLTEuMDI1LjUzMi0yLjQzMy41MzItMi4yOCAwLTMuNjA3LTEuMzc4LTEuMzE2LTEuMzktMS4zMTYtMy43OTdWOS4xMTZoMi4zODd2Ni4yODdxMCAxLjU0LjgzNyAyLjQ1NS44NC45MTUgMi4yNTguOTE1IDEuNDY4IDAgMi4zNjQtLjk3My45MDctLjk4NC45MDctMi41ODJWOS4xMTZoMi4zODd6TTIwOS44NCAyMC42OTVoLTIuMTA2bC0uMTI5LTEuNjU2YTUuNyA1LjcgMCAwIDEtMS45MDggMS4zOXEtMS4xMDUuNDk3LTIuNDMzLjQ5Ny0xLjY3NiAwLTMuMDAyLS43ODdhNS43IDUuNyAwIDAgMS0yLjA5Ni0yLjE1NHEtLjc1Ni0xLjM2NS0uNzU2LTMuMDggMC0xLjcyNC43NTYtMy4wOGE1LjcgNS43IDAgMCAxIDIuMDk2LTIuMTUzcTEuMzI2LS43ODcgMy4wMDItLjc4NyAxLjI1NyAwIDIuMzI5LjQ1MWE1LjUgNS41IDAgMCAxIDEuODYyIDEuMjYyVjMuMzI3aDIuMzg1em0tNi4xOC0xLjlxMS4wNTkgMCAxLjkwOC0uNDg2YTMuNzQgMy43NCAwIDAgMCAxLjM3NC0xLjMycS41MTItLjgzMy41MTMtMS44OTh2LS4zOTRxMC0xLjA2NS0uNTEzLTEuODk5YTMuNjUgMy42NSAwIDAgMC0xLjM3NC0xLjMwOHEtLjg0OS0uNDc1LTEuOTA4LS40NzUtMS4wODIgMC0xLjk0My41MWEzLjcgMy43IDAgMCAwLTEuMzYzIDEuMzg5cS0uNS44NjktLjQ5OSAxLjk4IDAgMS4xMTEuNDk5IDEuOTkxYTMuOCAzLjggMCAwIDAgMS4zNjMgMS40MDFxLjg2LjUxIDEuOTQzLjUxIi8+CiAgPC9nPgo8L3N2Zz4=", width: 210, height: 24 }, z: 100, silent: !0 }, C = {
+const M = [{ type: "linear", x: 0, y: 0, x2: 1, y2: 0, colorStops: [{ offset: 0, color: "#C14E64" }, { offset: 1, color: "#DE7385" }] }, "#00BBFA", "#0072B2", "#E69F00", "#D66119", "#56B4E9", "#45B26B", "#F0E442", "#FF99BF", "#8277D8"], L = "#1A1D1F", N = { fontFamily: "Poppins, sans-serif", fontWeight: 500 }, j = { top: 32, left: 32, textStyle: { color: "#FFFFFF", fontSize: 16, fontWeight: 600 }, subtextStyle: { color: "#A7A9AD" } }, A = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, areaStyle: { opacity: 0.15 }, showSymbol: !1, symbolSize: 5, symbol: "circle", smooth: !1, sampling: "lttb" }, D = { barGap: "25%", barCategoryGap: "25%" }, g = { axisLine: { show: !0, lineStyle: { color: "#3A3D46", type: "dashed" } }, axisTick: { show: !1 }, axisLabel: { show: !0, color: "#A7A9AD", hideOverlap: !0 }, nameLocation: "middle", nameTextStyle: { color: "#A7A9AD", fontSize: 11, fontWeight: 400 }, splitLine: { show: !1 } }, u = { axisLine: { show: !1 }, axisTick: { show: !1 }, axisLabel: { show: !0, color: "#A7A9AD", hideOverlap: !0 }, nameLocation: "middle", nameTextStyle: { color: "#A7A9AD", fontSize: 11, fontWeight: 400 }, splitLine: { show: !0, lineStyle: { color: ["#3A3D46"], type: "dashed" } } }, I = { axisLine: { show: !1 }, axisTick: { show: !1 }, axisLabel: { show: !0, color: "#A7A9AD", hideOverlap: !0 }, nameLocation: "middle", nameTextStyle: { color: "#A7A9AD", fontSize: 11, fontWeight: 400 }, splitLine: { show: !0, lineStyle: { color: ["#3A3D46"], type: "dashed" } } }, t = { axisLine: { show: !0, lineStyle: { color: "#3A3D46" } }, axisTick: { show: !1 }, axisLabel: { show: !0, color: "#A7A9AD", hideOverlap: !0 }, nameLocation: "middle", nameTextStyle: { color: "#A7A9AD", fontSize: 11, fontWeight: 400 }, splitLine: { show: !1 } }, y = { top: 82, left: "auto", right: 32, icon: "circle", itemGap: 22, itemWidth: 12, itemHeight: 12, textStyle: { color: "#A7A9AD", fontSize: 11 } }, T = { top: 132, left: 32, right: 32, bottom: 32, outerBoundsMode: "same", outerBoundsContain: "axisLabel" }, S = { backgroundColor: "rgba(26, 29, 31, 0)", borderColor: "#3A3D46", borderRadius: 4, dataBackground: { lineStyle: { color: "#606060", width: 1 }, areaStyle: { color: "rgba(96, 96, 96, 0.3)" } }, selectedDataBackground: { lineStyle: { color: "#b36674", width: 1 }, areaStyle: { color: "rgba(164, 91, 105, 0.5)" } }, fillerColor: "rgba(82, 45, 52, 0.35)", handleStyle: { color: "#C14E64", borderColor: "#C14E64" }, moveHandleStyle: { color: "#b36674" }, brushStyle: { color: "rgba(95, 58, 65, 0.2)" }, emphasis: { handleStyle: { color: "rgb(209, 123, 140)", borderColor: "rgb(209, 123, 140)" } }, handleSize: "100%", textStyle: { color: "#A7A9AD" } }, i = { left: 120, right: 80, top: 82, bottom: 32, nodeWidth: 20, nodeGap: 40, layoutIterations: 32, draggable: !1, emphasis: { focus: "adjacency" }, label: { show: !0, formatter: "{b}", color: "#FCFCFC", fontSize: 11 }, edgeLabel: { show: !1, fontSize: 9, color: "#A7A9AD", backgroundColor: "rgba(26, 29, 31, 0.85)", padding: [2, 6], borderRadius: 3 }, lineStyle: { color: "gradient", opacity: 0.4, curveness: 0.5 }, itemStyle: { borderWidth: 0 }, levels: [{ depth: 0, itemStyle: { color: "#C14E64" }, lineStyle: { color: "gradient", opacity: 0.4 } }, { depth: 1, itemStyle: { color: "#56B4E9" }, lineStyle: { color: "gradient", opacity: 0.4 } }, { depth: 2, itemStyle: { color: "#0072B2" }, lineStyle: { color: "gradient", opacity: 0.4 } }] }, z = { label: { color: "#A7A9AD" }, emphasis: { label: { color: "#FFFFFF" } } }, o = { confine: !0, backgroundColor: "transparent", padding: 10, borderRadius: 8, borderColor: "#50525A", borderWidth: 1, textStyle: { color: "#FCFCFC", fontFamily: "Poppins, sans-serif", fontSize: 11, fontStyle: "normal", fontWeight: 500 }, extraCssText: "letter-spacing: 0.22px; box-shadow: 0 14px 11px -4px rgba(0, 0, 0, 0.30), 0 -4px 4px 0 rgba(0, 0, 0, 0.04) inset; background: radial-gradient(ellipse at 25% 0%, rgba(217, 217, 217, 0.12) 0%, transparent 60%), #1A1D1F;" }, e = { type: "image", id: "fractal-watermark", left: "center", top: "middle", style: { image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTAiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMTAgMjQiPgogIDxnIGZpbGw9IiNhN2E5YWQiIGZpbGwtb3BhY2l0eT0iMC4zIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMzLjczMyAxLjg2OGgtMjEuNjdDNi40MzggMS44NjggMS44NzggNi40MDQgMS44NzggMTJzNC41NiAxMC4xMzIgMTAuMTg1IDEwLjEzMmgyMS42N2M1LjYyNSAwIDEwLjE4NS00LjUzNiAxMC4xODUtMTAuMTMyUzM5LjM1OCAxLjg2OCAzMy43MzMgMS44NjhNMCAxMmMwIDYuNjI3IDUuNCAxMiAxMi4wNjMgMTJoMjEuNjdjNi42NjIgMCAxMi4wNjMtNS4zNzMgMTIuMDYzLTEycy01LjQtMTItMTIuMDYzLTEyaC0yMS42N0M1LjQwMSAwIDAgNS4zNzMgMCAxMiIgY2xpcC1ydWxlPSJldmVub2RkIi8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMy43MzQgNS4xNzRoLTIxLjY3QzguMjczIDUuMTc0IDUuMiA4LjIzIDUuMiAxMnMzLjA3MyA2LjgyNiA2Ljg2MyA2LjgyNmgyMS42N2MzLjc5IDAgNi44NjItMy4wNTYgNi44NjItNi44MjZzLTMuMDcyLTYuODI2LTYuODYyLTYuODI2TTMuMzIzIDEyYzAgNC44MDIgMy45MTIgOC42OTUgOC43NCA4LjY5NWgyMS42N2M0LjgyNyAwIDguNzQtMy44OTMgOC43NC04LjY5NXMtMy45MTMtOC42OTUtOC43NC04LjY5NWgtMjEuNjdjLTQuODI4IDAtOC43NCAzLjg5My04Ljc0IDguNjk1IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMzLjczMyA4LjQ4aC0yMS42N0EzLjUzIDMuNTMgMCAwIDAgOC41MjMgMTJhMy41MyAzLjUzIDAgMCAwIDMuNTQgMy41MjFoMjEuNjdhMy41MyAzLjUzIDAgMCAwIDMuNTQtMy41MiAzLjUzIDMuNTMgMCAwIDAtMy41NC0zLjUyMk02LjY0NiAxMmMwIDIuOTc2IDIuNDI1IDUuMzkgNS40MTcgNS4zOWgyMS42N2MyLjk5MiAwIDUuNDE4LTIuNDE0IDUuNDE4LTUuMzlzLTIuNDI2LTUuMzktNS40MTgtNS4zOWgtMjEuNjdjLTIuOTkyIDAtNS40MTcgMi40MTQtNS40MTcgNS4zOSIgY2xpcC1ydWxlPSJldmVub2RkIi8+CiAgICA8cGF0aCBkPSJNNTguNDUgMjAuNjk1aC0yLjc3TDQ4LjU5MiAzLjMyN2gyLjdsNS43NzMgMTQuNTQyIDUuNzczLTE0LjU0MmgyLjd6TTczLjk4NiAyMC42OTVoLTIuMDZsLS4xNC0xLjQ4MnEtLjY0LjgxLTEuNjE3IDEuMjYyLS45NzguNDUtMi4xNjUuNDUxLTEuMjQ2IDAtMi4yMjMtLjQ4NmEzLjg2IDMuODYgMCAwIDEtMS41MzctMS4zMzIgMy40IDMuNCAwIDAgMS0uNTU5LTEuOTIycTAtMS4xMzQuNjA2LTEuOTkxLjYwNS0uODY4IDEuNjUzLTEuMzU1IDEuMDQ3LS40OTggMi4zODYtLjQ5OC44MzggMCAxLjY5OS4xOTdhNi42IDYuNiAwIDAgMSAxLjU3MS41NTZ2LS40MjlxMC0uODQ0LS40NDItMS40NDdhMi43IDIuNyAwIDAgMC0xLjE4Ny0uOTM4IDQuMSA0LjEgMCAwIDAtMS42NTMtLjMyNHEtLjgwMiAwLTEuNjQxLjI3OC0uODI2LjI3Ny0xLjU2Ljg1N2wtLjcyMS0xLjkzNGE5LjMgOS4zIDAgMCAxIDIuMi0uOTUgOC4zIDguMyAwIDAgMSAyLjI1Ny0uMzIzcTEuNTgzIDAgMi43MjQuNjI1YTQuMzUgNC4zNSAwIDAgMSAxLjc4IDEuNzgzcS42MyAxLjE0Ni42MyAyLjcxem0tNS41MTctMS43ODNxLjgyNyAwIDEuNTI1LS4zMzZhMi45MyAyLjkzIDAgMCAwIDEuMTI5LS45NzNxLjQ0Mi0uNjM2LjQ3Ny0xLjQ4MnYtLjE2MmE0LjcgNC43IDAgMCAwLTEuMzM4LS42ODMgNC42IDQuNiAwIDAgMC0xLjUwMi0uMjU1cS0xLjE3NiAwLTEuOTU1LjU1Ni0uNzguNTU1LS43OCAxLjQyNCAwIC41NDQuMzE0Ljk4NC4zMjYuNDMuODczLjY4My41Ni4yNDQgMS4yNTcuMjQ0TTc3Ljk4OCAyMC42OTVoLTIuNTRWMi44NjRoMi41NHpNODAuNjY2IDUuNzU4cS0uNTQ4IDAtLjkyLS4zODJhMS4yOCAxLjI4IDAgMCAxLS4zNzMtLjkyNnEwLS41NDUuMzczLS45MTUuMzcyLS4zODIuOTItLjM4Mi41NiAwIC45MzIuMzgyLjM4NS4zNy4zODUuOTE1dC0uMzg1LjkyNnEtLjM3My4zODItLjkzMi4zODJtMS4xODggMTQuOTM3aC0yLjM4OFY5LjExNmgyLjM4OHpNOTUuNjI4IDIwLjY5NUg5My41MmwtLjEyOC0xLjY1NmE1LjcgNS43IDAgMCAxLTEuOTA5IDEuMzlxLTEuMTA2LjQ5Ny0yLjQzMi40OTctMS42NzcgMC0zLjAwMy0uNzg3YTUuNyA1LjcgMCAwIDEtMi4wOTUtMi4xNTRxLS43NTctMS4zNjUtLjc1Ny0zLjA4IDAtMS43MjQuNzU3LTMuMDhhNS43IDUuNyAwIDAgMSAyLjA5NS0yLjE1M3ExLjMyNi0uNzg3IDMuMDAzLS43ODcgMS4yNTcgMCAyLjMyOC40NTFhNS41IDUuNSAwIDAgMSAxLjg2MiAxLjI2MlYzLjMyN2gyLjM4NnptLTYuMTgtMS45cTEuMDU5IDAgMS45MDgtLjQ4NmEzLjc1IDMuNzUgMCAwIDAgMS4zNzQtMS4zMnEuNTEyLS44MzMuNTEyLTEuODk4di0uMzk0cTAtMS4wNjUtLjUxMi0xLjg5OWEzLjY2IDMuNjYgMCAwIDAtMS4zNzQtMS4zMDhxLS44NS0uNDc1LTEuOTA4LS40NzUtMS4wODMgMC0xLjk0NC41MWEzLjcgMy43IDAgMCAwLTEuMzYyIDEuMzg5cS0uNS44NjktLjUgMS45OHQuNSAxLjk5MWEzLjggMy44IDAgMCAwIDEuMzYyIDEuNDAxcS44NjEuNTEgMS45NDQuNTFNMTA3LjI2OSAyMC42OTVoLTIuMDYxbC0uMTM5LTEuNDgycS0uNjQuODEtMS42MTggMS4yNjItLjk3OC40NS0yLjE2NS40NTEtMS4yNDUgMC0yLjIyMy0uNDg2YTMuODYgMy44NiAwIDAgMS0xLjUzNi0xLjMzMiAzLjQgMy40IDAgMCAxLS41Ni0xLjkyMnEwLTEuMTM0LjYwNi0xLjk5MS42MDUtLjg2OCAxLjY1My0xLjM1NSAxLjA0Ny0uNDk4IDIuMzg2LS40OThhNy42IDcuNiAwIDAgMSAxLjY5OS4xOTcgNi42IDYuNiAwIDAgMSAxLjU3MS41NTZ2LS40MjlxMC0uODQ0LS40NDItMS40NDdhMi43IDIuNyAwIDAgMC0xLjE4Ny0uOTM4IDQuMSA0LjEgMCAwIDAtMS42NTMtLjMyNCA1LjE2NiA1LjE2NiAwIDAgMC0zLjIgMS4xMzVsLS43MjItMS45MzRhOS4zIDkuMyAwIDAgMSAyLjItLjk1IDguMyA4LjMgMCAwIDEgMi4yNTgtLjMyM3ExLjU4MyAwIDIuNzIzLjYyNWE0LjM1IDQuMzUgMCAwIDEgMS43ODEgMS43ODNxLjYyOSAxLjE0Ni42MjkgMi43MXptLTUuNTE3LTEuNzgzcS44MjYgMCAxLjUyNC0uMzM2YTIuOSAyLjkgMCAwIDAgMS4xMjktLjk3M3EuNDQyLS42MzYuNDc3LTEuNDgydi0uMTYyYTQuNiA0LjYgMCAwIDAtMS4zMzgtLjY4MyA0LjYgNC42IDAgMCAwLTEuNTAyLS4yNTVxLTEuMTc1IDAtMS45NTUuNTU2LS43OC41NTUtLjc4IDEuNDI0IDAgLjU0NC4zMTQuOTg0LjMyNy40My44NzMuNjgzLjU2LjI0NCAxLjI1OC4yNDRNMTE2LjQyNCAyMC40MDVxLTEuMjIxLjUyMS0yLjM2Mi41MjF0LTIuMDAyLS40ODZhMy41IDMuNSAwIDAgMS0xLjMzOS0xLjM2NnEtLjQ3Ny0uODkyLS40NzctMi4wNXYtNS43ODloLTIuMDM3VjkuMTE2aDIuMTUzVjYuMjIyaDIuMjd2Mi44OTRoMy4zOTl2Mi4xMTloLTMuMzk5djUuMzVxMCAxLjAxOC41NDcgMS42Mi41NTguNTkgMS40MzIuNTkuNzM0IDAgMS40NTUtLjQ0ek0xMTguNTggNS43NThxLS41NDggMC0uOTItLjM4MmExLjI4IDEuMjggMCAwIDEtLjM3My0uOTI2cTAtLjU0NS4zNzMtLjkxNS4zNzItLjM4Mi45Mi0uMzgyLjU2IDAgLjkzMi4zODIuMzg1LjM3LjM4NS45MTV0LS4zODUuOTI2YTEuMjUgMS4yNSAwIDAgMS0uOTMyLjM4Mm0xLjE4OCAxNC45MzdoLTIuMzg4VjkuMTE2aDIuMzg4ek0xMjcuMjU3IDIwLjkyNnEtMS43NDYgMC0zLjE0My0uNzg3YTUuODUgNS44NSAwIDAgMS0yLjItMi4xNDJxLS44MDMtMS4zNjYtLjgwMy0zLjA5MiAwLTEuNzEzLjgwMy0zLjA2OGE1LjggNS44IDAgMCAxIDIuMi0yLjE1M3ExLjM5Ny0uOCAzLjE0My0uOCAxLjc1NyAwIDMuMTQyLjhhNS43NiA1Ljc2IDAgMCAxIDIuMTc3IDIuMTUzcS44MDMgMS4zNTUuODAzIDMuMDY4IDAgMS43MjUtLjgwMyAzLjA5MmE1LjggNS44IDAgMCAxLTIuMTc3IDIuMTQycS0xLjM4NS43ODctMy4xNDIuNzg3bS0uMDEyLTIuMTNxMS4wNiAwIDEuODg2LS41MWEzLjcgMy43IDAgMCAwIDEuMzE1LTEuMzlxLjQ4OS0uODguNDg5LTIuMDAyIDAtMS4xLS40ODktMS45NjlhMy42IDMuNiAwIDAgMC0xLjMxNS0xLjM4OXEtLjgyNy0uNTItMS44ODYtLjUyLTEuMDQ3IDAtMS44ODUuNTJhMy43IDMuNyAwIDAgMC0xLjMyNyAxLjM5cS0uNDc3Ljg2OC0uNDc3IDEuOTY4IDAgMS4xMjMuNDc3IDIuMDAzYTMuOCAzLjggMCAwIDAgMS4zMjcgMS4zOXEuODM3LjUwOSAxLjg4NS41MDlNMTQ1LjgxNiAyMC42OTVoLTIuMzg2di02LjI4N3EwLTEuNTQtLjg0OS0yLjQ1NS0uODM5LS45MTUtMi4yNTgtLjkxNS0xLjQ2NiAwLTIuMzYzLjk3My0uODk2Ljk3Mi0uODk2IDIuNTgydjYuMTAyaC0yLjM4NlY5LjExNmgyLjAxM2wuMDgyIDEuODY0YTQuMjUgNC4yNSAwIDAgMSAxLjY3Ni0xLjU1MXExLjAzNS0uNTQ0IDIuNDMyLS41NDQgMi4yOTQgMCAzLjYwOSAxLjM3NyAxLjMyNiAxLjM3OSAxLjMyNiAzLjc5OHpNMTY2LjE3OCAxOC40ODNhOC43IDguNyAwIDAgMS0yLjg4OCAxLjg4N3EtMS42NjQuNjcyLTMuNjMxLjY3MnQtMy42MzItLjY3MmE4LjcgOC43IDAgMCAxLTIuODk4LTEuODg3IDguOSA4LjkgMCAwIDEtMS45MDgtMi44NzFxLS42NzYtMS42NTYtLjY3Ni0zLjYwMSAwLTEuOTU3LjY3Ni0zLjYwMWE4LjcgOC43IDAgMCAxIDEuOTA4LTIuODcyIDguNyA4LjcgMCAwIDEgMi44OTgtMS44ODdxMS42NjUtLjY3MSAzLjYzMi0uNjcxIDEuOTU1IDAgMy42MTkuNjgzIDEuNjc3LjY3MSAyLjg3NSAxLjg2NGwtMS43OCAxLjgwNmE2LjIgNi4yIDAgMCAwLTIuMDk0LTEuNTRxLTEuMjEyLS41NjctMi42NTQtLjU2Ny0xLjM5NyAwLTIuNTczLjUxYTYgNiAwIDAgMC0yLjA0OSAxLjQyMyA2LjYgNi42IDAgMCAwLTEuMzYxIDIuMTU0cS0uNDc4IDEuMjM5LS40NzggMi42OTh0LjQ3OCAyLjY5OGE2LjcgNi43IDAgMCAwIDEuMzYxIDIuMTY1IDYuMiA2LjIgMCAwIDAgMi4wNDkgMS40MjRxMS4xNzUuNDk4IDIuNTczLjQ5OCAxLjQ0MiAwIDIuNjU0LS41NTZhNi4yIDYuMiAwIDAgMCAyLjA4My0xLjU1MnpNMTcwLjA5MiAyMC42OTVoLTIuNTRWMi44NjRoMi41NHpNMTc3LjUzNCAyMC45MjZxLTEuNzQ1IDAtMy4xNDMtLjc4N2E1Ljg0IDUuODQgMCAwIDEtMi4xOTktMi4xNDJxLS44MDMtMS4zNjYtLjgwMy0zLjA5MiAwLTEuNzEzLjgwMy0zLjA2OGE1LjggNS44IDAgMCAxIDIuMTk5LTIuMTUzcTEuMzk4LS44IDMuMTQzLS44IDEuNzU4IDAgMy4xNDIuOGE1Ljc1IDUuNzUgMCAwIDEgMi4xNzYgMi4xNTNxLjgwNCAxLjM1NS44MDMgMy4wNjggMCAxLjcyNS0uODAzIDMuMDkyYTUuOCA1LjggMCAwIDEtMi4xNzYgMi4xNDJxLTEuMzg0Ljc4Ny0zLjE0Mi43ODdtLS4wMTMtMi4xM3ExLjA2IDAgMS44ODctLjUxYTMuNyAzLjcgMCAwIDAgMS4zMTUtMS4zOXEuNDg4LS44OC40ODgtMi4wMDIgMC0xLjEtLjQ4OC0xLjk2OWEzLjYgMy42IDAgMCAwLTEuMzE1LTEuMzg5cS0uODI3LS41Mi0xLjg4Ny0uNTJhMy41IDMuNSAwIDAgMC0xLjg4NS41MiAzLjcgMy43IDAgMCAwLTEuMzI2IDEuMzlxLS40NzcuODY4LS40NzcgMS45NjggMCAxLjEyMy40NzcgMi4wMDNhMy44IDMuOCAwIDAgMCAxLjMyNiAxLjM5IDMuNTYgMy41NiAwIDAgMCAxLjg4NS41MDlNMTk2LjEgMjAuNjk1aC0yLjAyNmwtLjA4Mi0xLjg2NHEtLjY0IDEuMDE4LTEuNjc2IDEuNTYzLTEuMDI1LjUzMi0yLjQzMy41MzItMi4yOCAwLTMuNjA3LTEuMzc4LTEuMzE2LTEuMzktMS4zMTYtMy43OTdWOS4xMTZoMi4zODd2Ni4yODdxMCAxLjU0LjgzNyAyLjQ1NS44NC45MTUgMi4yNTguOTE1IDEuNDY4IDAgMi4zNjQtLjk3My45MDctLjk4NC45MDctMi41ODJWOS4xMTZoMi4zODd6TTIwOS44NCAyMC42OTVoLTIuMTA2bC0uMTI5LTEuNjU2YTUuNyA1LjcgMCAwIDEtMS45MDggMS4zOXEtMS4xMDUuNDk3LTIuNDMzLjQ5Ny0xLjY3NiAwLTMuMDAyLS43ODdhNS43IDUuNyAwIDAgMS0yLjA5Ni0yLjE1NHEtLjc1Ni0xLjM2NS0uNzU2LTMuMDggMC0xLjcyNC43NTYtMy4wOGE1LjcgNS43IDAgMCAxIDIuMDk2LTIuMTUzcTEuMzI2LS43ODcgMy4wMDItLjc4NyAxLjI1NyAwIDIuMzI5LjQ1MWE1LjUgNS41IDAgMCAxIDEuODYyIDEuMjYyVjMuMzI3aDIuMzg1em0tNi4xOC0xLjlxMS4wNTkgMCAxLjkwOC0uNDg2YTMuNzQgMy43NCAwIDAgMCAxLjM3NC0xLjMycS41MTItLjgzMy41MTMtMS44OTh2LS4zOTRxMC0xLjA2NS0uNTEzLTEuODk5YTMuNjUgMy42NSAwIDAgMC0xLjM3NC0xLjMwOHEtLjg0OS0uNDc1LTEuOTA4LS40NzUtMS4wODIgMC0xLjk0My41MWEzLjcgMy43IDAgMCAwLTEuMzYzIDEuMzg5cS0uNS44NjktLjQ5OSAxLjk4IDAgMS4xMTEuNDk5IDEuOTkxYTMuOCAzLjggMCAwIDAgMS4zNjMgMS40MDFxLjg2LjUxIDEuOTQzLjUxIi8+CiAgPC9nPgo8L3N2Zz4=", width: 210, height: 24 }, z: 100, silent: !0 }, x = {
   color: M,
   backgroundColor: L,
   textStyle: N,
   title: j,
-  line: D,
-  bar: A,
+  line: A,
+  bar: D,
   categoryAxis: g,
-  valueAxis: I,
-  logAxis: u,
+  valueAxis: u,
+  logAxis: I,
   timeAxis: t,
-  legend: T,
-  grid: y,
+  legend: y,
+  grid: T,
   dataZoom: S,
+  sankey: i,
   markPoint: z,
-  tooltip: i,
-  graphic: x
+  tooltip: o,
+  graphic: e
 };
 export {
   L as backgroundColor,
-  A as bar,
+  D as bar,
   g as categoryAxis,
   M as color,
   S as dataZoom,
-  C as default,
-  x as graphic,
-  y as grid,
-  T as legend,
-  D as line,
-  u as logAxis,
+  x as default,
+  e as graphic,
+  T as grid,
+  y as legend,
+  A as line,
+  I as logAxis,
   z as markPoint,
+  i as sankey,
   N as textStyle,
   t as timeAxis,
   j as title,
-  i as tooltip,
-  I as valueAxis
+  o as tooltip,
+  u as valueAxis
 };

package/dist/components/echarts-renderer/mavrik-theme.json.d.ts

@@ -232,6 +232,73 @@ declare const _default: {
       "color": "#A7A9AD"
     }
   },
+  "sankey": {
+    "left": 120,
+    "right": 80,
+    "top": 82,
+    "bottom": 32,
+    "nodeWidth": 20,
+    "nodeGap": 40,
+    "layoutIterations": 32,
+    "draggable": false,
+    "emphasis": {
+      "focus": "adjacency"
+    },
+    "label": {
+      "show": true,
+      "formatter": "{b}",
+      "color": "#FCFCFC",
+      "fontSize": 11
+    },
+    "edgeLabel": {
+      "show": false,
+      "fontSize": 9,
+      "color": "#A7A9AD",
+      "backgroundColor": "rgba(26, 29, 31, 0.85)",
+      "padding": [2, 6],
+      "borderRadius": 3
+    },
+    "lineStyle": {
+      "color": "gradient",
+      "opacity": 0.4,
+      "curveness": 0.5
+    },
+    "itemStyle": {
+      "borderWidth": 0
+    },
+    "levels": [
+      {
+        "depth": 0,
+        "itemStyle": {
+          "color": "#C14E64"
+        },
+        "lineStyle": {
+          "color": "gradient",
+          "opacity": 0.4
+        }
+      },
+      {
+        "depth": 1,
+        "itemStyle": {
+          "color": "#56B4E9"
+        },
+        "lineStyle": {
+          "color": "gradient",
+          "opacity": 0.4
+        }
+      },
+      {
+        "depth": 2,
+        "itemStyle": {
+          "color": "#0072B2"
+        },
+        "lineStyle": {
+          "color": "gradient",
+          "opacity": 0.4
+        }
+      }
+    ]
+  },
   "markPoint": {
     "label": {
       "color": "#A7A9AD"