@carto/ps-react-ui 5.0.0-widgets.9 → 5.0.0

package/dist/widgets/histogram.js

@@ -1,176 +1,194 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { c as f } from "react/compiler-runtime";
-import "react";
-import "echarts";
-import "../widget-store-CB6Trp_0.js";
-import "zustand/shallow";
-import { g as m } from "../options-D9wflre6.js";
-import { m as g } from "../utils-Dv5Z47UQ.js";
-import { f as u, c as h, b as y, a as d, d as b } from "../styles-dOu_pRNb.js";
-import { Box as n, Skeleton as l } from "@mui/material";
-import "@mui/icons-material";
-import "react-markdown";
-import { d as a, a as s } from "../exports-Cr43OCul.js";
-import "../lasso-tool-CYn3ivf-.js";
-import "../cjs-D9ro6BXv.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-function W({
-  refUI: e
-}) {
-  return [{
-    ...a,
-    modifier: () => a.modifier(e)
-  }, {
-    ...s,
-    modifier: async (t) => {
-      const i = u(t);
-      return s.modifier(i);
-    }
-  }];
+import { _ as e, v as t } from "../actions-CGJD6q0t.js";
+import { a as n } from "../shared-resize-observer-BEiP2rQt.js";
+import { a as r, d as i, f as a, o, s, u as c } from "../chart-config-B_fdIcD3.js";
+import { t as l } from "../echart-BkaV3V5G.js";
+import { t as u } from "../styles-Y-qGBELO.js";
+import { c as d } from "react/compiler-runtime";
+import { Box as f, Skeleton as p } from "@mui/material";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/widgets/histogram/config.ts
+function g(e, t, n) {
+	if (!e?.length || e[0]?.length === 0) return [];
+	let r = v(e[0]?.length ?? 0, t, n), i = e.length;
+	return [i > 1 ? ["Bin", ...Array.from({ length: i }, (e, t) => `Series ${t + 1}`)] : ["Bin", "Value"], ...r.map((t, n) => [t, ...e.map((e) => String(e[n] ?? 0))])];
 }
-function q(e) {
-  return {
-    type: "histogram",
-    option: g(m(e), x(e))
-  };
+function _({ refUI: n, ticks: r, labelFormatter: i }) {
+	return [{
+		...t,
+		modifier: () => t.modifier(n)
+	}, {
+		...e,
+		modifier: async (t) => e.modifier(g(t, r, i))
+	}];
 }
-function x({
-  data: e = [],
-  theme: t
-}) {
-  const i = (e?.length ?? 0) > 1;
-  return {
-    legend: d(i),
-    grid: y(i, t),
-    xAxis: {
-      type: "category",
-      axisLine: {
-        show: !1
-      },
-      axisLabel: {
-        fontSize: t.typography.overlineDelicate.fontSize,
-        fontFamily: t.typography.overlineDelicate.fontFamily,
-        showMinLabel: !0,
-        showMaxLabel: !0,
-        hideOverlap: !0,
-        margin: 0,
-        padding: [parseInt(t.spacing(0.5)), parseInt(t.spacing(0.5)), 0, parseInt(t.spacing(0.5))],
-        color: t.palette.black[60]
-      },
-      axisTick: {
-        show: !1
-      },
-      splitLine: {
-        show: !0,
-        lineStyle: {
-          color: t.palette.black[4]
-        }
-      }
-    },
-    yAxis: {
-      type: "value",
-      showMaxLabel: !0,
-      showMinLabel: !0,
-      splitNumber: 1,
-      axisLabel: {
-        fontSize: t.typography.overlineDelicate.fontSize,
-        fontFamily: t.typography.overlineDelicate.fontFamily,
-        margin: parseInt(t.spacing(1)),
-        show: !0,
-        showMaxLabel: !0,
-        showMinLabel: !0,
-        verticalAlign: "bottom"
-      },
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      splitLine: {
-        show: !0,
-        lineStyle: {
-          color: t.palette.black[4]
-        }
-      }
-    },
-    tooltip: {
-      position: h(t)
-    },
-    series: e.map((r, p) => ({
-      datasetIndex: p,
-      type: "bar",
-      barGap: "1%",
-      // No gap between bars in histogram
-      barCategoryGap: "1%",
-      // No gap between categories in histogram
-      emphasis: {
-        focus: "series"
-      }
-    }))
-  };
+function v(e, t, n) {
+	let r = (e) => String(n ? n(e) : e);
+	return Array.from({ length: e }, (e, n) => {
+		let i = t[n] ?? n, a = t[n + 1];
+		return a !== void 0 && isFinite(a) ? `${r(i)}-${r(a)}` : `${r(i)}+`;
+	});
 }
-const w = {
-  skeleton: {
-    graph: b.graph
-  }
-};
-function J() {
-  const e = f(2);
-  let t;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ o(n, { sx: {
-    display: "flex",
-    alignItems: "flex-end",
-    justifyContent: "space-between",
-    gap: k,
-    height: C,
-    width: "100%"
-  }, children: Array(8).fill(0).map(S) }), e[0] = t) : t = e[0];
-  let i;
-  return e[1] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ c(n, { sx: w.skeleton.graph.container, children: [
-    t,
-    /* @__PURE__ */ o(n, { sx: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      width: "100%",
-      mt: L
-    }, children: Array(4).fill(0).map(_) })
-  ] }), e[1] = i) : i = e[1], i;
+function y(e) {
+	return {
+		type: "histogram",
+		option: n(l(e), b(e)),
+		formatter: e.formatter,
+		labelFormatter: e.labelFormatter
+	};
 }
-function _(e, t) {
-  return /* @__PURE__ */ o(l, { width: 32, height: 8 }, t);
+function b({ data: e = [], ticks: t, theme: n, formatter: l, labelFormatter: u }) {
+	let d = (e?.length ?? 0) > 1, f = v(e[0]?.length ?? 0, t, u), p = 0, m = 1;
+	return {
+		legend: s({
+			hasLegend: d,
+			labelFormatter: u
+		}),
+		grid: r(d, n),
+		xAxis: {
+			type: "category",
+			data: f,
+			axisLine: { show: !1 },
+			axisLabel: {
+				fontSize: n.typography.overlineDelicate.fontSize,
+				fontFamily: n.typography.overlineDelicate.fontFamily,
+				showMinLabel: void 0,
+				showMaxLabel: void 0,
+				hideOverlap: !0,
+				margin: 0,
+				padding: [
+					parseInt(n.spacing(.5)),
+					parseInt(n.spacing(.5)),
+					0,
+					parseInt(n.spacing(.5))
+				],
+				color: n.palette.black[60]
+			},
+			axisTick: { show: !1 },
+			splitLine: {
+				show: !0,
+				lineStyle: { color: n.palette.black[4] }
+			}
+		},
+		yAxis: {
+			type: "value",
+			min: (e) => (p = e.min < 0 ? a(e.min) : 0, p),
+			max: (e) => (m = e.max <= 0 ? 1 : a(e.max), m),
+			splitNumber: 1,
+			axisLabel: {
+				fontSize: n.typography.overlineDelicate.fontSize,
+				fontFamily: n.typography.overlineDelicate.fontFamily,
+				margin: parseInt(n.spacing(1)),
+				show: !0,
+				showMaxLabel: !0,
+				showMinLabel: !0,
+				verticalAlign: "bottom",
+				formatter: (e) => e !== m && e !== p || e === 0 ? "" : l ? l(e) : String(e)
+			},
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			splitLine: {
+				show: !0,
+				lineStyle: { color: n.palette.black[4] }
+			}
+		},
+		tooltip: {
+			position: i(n),
+			formatter: c((e) => {
+				let t = e.value, n = typeof t == "number" && l ? l(t) : String(t ?? ""), r = typeof e.marker == "string" ? e.marker : "", i = e.seriesName ? `${e.seriesName}: ` : "";
+				return {
+					name: e.name,
+					seriesName: i,
+					marker: r,
+					value: n
+				};
+			})
+		},
+		series: e.map((e) => ({
+			type: "bar",
+			data: e,
+			barGap: "1%",
+			barCategoryGap: "1%",
+			emphasis: { focus: "series" },
+			...o(l)
+		}))
+	};
 }
-function L(e) {
-  const {
-    spacing: t
-  } = e;
-  return t(1);
+//#endregion
+//#region src/widgets/histogram/style.ts
+var x = { skeleton: { graph: u.graph } };
+//#endregion
+//#region src/widgets/histogram/skeleton.tsx
+function S() {
+	let e = d(2), t;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ m(f, {
+		sx: {
+			display: "flex",
+			alignItems: "flex-end",
+			justifyContent: "space-between",
+			gap: D,
+			height: E,
+			width: "100%"
+		},
+		children: Array(8).fill(0).map(T)
+	}), e[0] = t) : t = e[0];
+	let n;
+	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ h(f, {
+		sx: x.skeleton.graph.container,
+		children: [t, /* @__PURE__ */ m(f, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "space-between",
+				width: "100%",
+				mt: w
+			},
+			children: [
+				,
+				,
+				,
+				,
+			].fill(0).map(C)
+		})]
+	}), e[1] = n) : n = e[1], n;
 }
-function S(e, t) {
-  const r = `${[60, 80, 95, 85, 70, 55, 40, 30][t]}%`;
-  return /* @__PURE__ */ o(l, { variant: "rectangular", sx: {
-    flex: 1,
-    height: r
-  } }, t);
+function C(e, t) {
+	return /* @__PURE__ */ m(p, {
+		width: 32,
+		height: 8
+	}, `skeleton-label-${t}`);
 }
-function C(e) {
-  const {
-    spacing: t
-  } = e;
-  return t(30);
+function w(e) {
+	let { spacing: t } = e;
+	return t(1);
 }
-function k(e) {
-  const {
-    spacing: t
-  } = e;
-  return t(0.5);
+function T(e, t) {
+	let n = `${[
+		60,
+		80,
+		95,
+		85,
+		70,
+		55,
+		40,
+		30
+	][t]}%`;
+	return /* @__PURE__ */ m(p, {
+		variant: "rectangular",
+		sx: {
+			flex: 1,
+			height: n
+		}
+	}, `skeleton-bar-${t}`);
 }
-export {
-  J as HistogramSkeleton,
-  q as histogramConfig,
-  W as histogramDownloadConfig
-};
-//# sourceMappingURL=histogram.js.map
+function E(e) {
+	let { spacing: t } = e;
+	return t(30);
+}
+function D(e) {
+	let { spacing: t } = e;
+	return t(.5);
+}
+//#endregion
+export { S as HistogramSkeleton, y as histogramConfig, g as histogramDataToCSV, _ as histogramDownloadConfig };
+
+//# sourceMappingURL=histogram.js.map

package/dist/widgets/histogram.js.map

@@ -1 +1 @@
-{"version":3,"file":"histogram.js","sources":["../../src/widgets/histogram/config.ts","../../src/widgets/histogram/style.ts","../../src/widgets/histogram/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  HistogramConfig,\n  HistogramWidgetConfig,\n  HistogramWidgetData,\n} from './types'\nimport {\n  flattenObjectArrayToCSV,\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipPositioner,\n} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../root/types'\n\nexport function histogramDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<HistogramWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = flattenObjectArrayToCSV(data)\n        return downloadToCSV.modifier(rows)\n      },\n    },\n  ]\n}\nexport function histogramConfig(props: HistogramConfig): HistogramWidgetConfig {\n  return {\n    type: 'histogram',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n  }\n}\nfunction getOption({ data = [], theme }: HistogramConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n  return {\n    legend: buildLegendConfig(hasLegend),\n    grid: buildGridConfig(hasLegend, theme),\n    xAxis: {\n      type: 'category',\n      axisLine: {\n        show: false,\n      },\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        showMinLabel: true,\n        showMaxLabel: true,\n        hideOverlap: true,\n        margin: 0,\n        padding: [\n          parseInt(theme.spacing(0.5)),\n          parseInt(theme.spacing(0.5)),\n          0,\n          parseInt(theme.spacing(0.5)),\n        ],\n        color: theme.palette.black[60],\n      },\n      axisTick: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          color: theme.palette.black[4],\n        },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      showMaxLabel: true,\n      showMinLabel: true,\n      splitNumber: 1,\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom',\n      },\n      axisLine: {\n        show: false,\n      },\n      axisTick: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          color: theme.palette.black[4],\n        },\n      },\n    },\n    tooltip: {\n      position: createTooltipPositioner(theme),\n    },\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'bar',\n      barGap: '1%', // No gap between bars in histogram\n      barCategoryGap: '1%', // No gap between categories in histogram\n      emphasis: {\n        focus: 'series',\n      },\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../_shared/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function HistogramSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'flex-end',\n          justifyContent: 'space-between',\n          gap: ({ spacing }) => spacing(0.5),\n          height: ({ spacing }) => spacing(30),\n          width: '100%',\n        }}\n      >\n        {Array(8)\n          .fill(0)\n          .map((_, i) => {\n            // Create varying heights for histogram bars\n            const heights = [60, 80, 95, 85, 70, 55, 40, 30]\n            const height = `${heights[i]}%`\n            return (\n              <Skeleton\n                key={i}\n                variant='rectangular'\n                sx={{\n                  flex: 1,\n                  height,\n                }}\n              />\n            )\n          })}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '100%',\n          mt: ({ spacing }) => spacing(1),\n        }}\n      >\n        {Array(4)\n          .fill(0)\n          .map((_, i) => (\n            <Skeleton key={i} width={32} height={8} />\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["histogramDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","flattenObjectArrayToCSV","histogramConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","hasLegend","length","legend","buildLegendConfig","grid","buildGridConfig","xAxis","axisLine","show","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","margin","padding","parseInt","spacing","color","palette","black","axisTick","splitLine","lineStyle","yAxis","splitNumber","verticalAlign","tooltip","position","createTooltipPositioner","series","map","_","index","datasetIndex","barGap","barCategoryGap","emphasis","focus","styles","skeleton","graph","baseSkeletonStyles","HistogramSkeleton","$","_c","t0","Symbol","for","jsx","Box","display","alignItems","justifyContent","gap","_temp","height","_temp2","width","Array","fill","_temp3","t1","container","mt","_temp4","_temp5","__0","i_0","Skeleton","spacing_1","i","flex","spacing_0"],"mappings":";;;;;;;;;;;;;;;;;;AAmBO,SAASA,EAAwB;AAAA,EACtCC,OAAAA;AACW,GAAwC;AACnD,SAAO,CACL;AAAA,IACE,GAAGC;AAAAA,IACHC,UAAUA,MAAMD,EAAcC,SAASF,CAAK;AAAA,EAAA,GAE9C;AAAA,IACE,GAAGG;AAAAA,IACHD,UAAU,OAAOE,MAAS;AACxB,YAAMC,IAAOC,EAAwBF,CAAI;AACzC,aAAOD,EAAcD,SAASG,CAAI;AAAA,IACpC;AAAA,EAAA,CACD;AAEL;AACO,SAASE,EAAgBC,GAA+C;AAC7E,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQC,EAAwBC,EAAiBJ,CAAK,GAAGK,EAAUL,CAAK,CAAC;AAAA,EAAA;AAE7E;AACA,SAASK,EAAU;AAAA,EAAET,MAAAA,IAAO,CAAA;AAAA,EAAIU,OAAAA;AAAuB,GAAuB;AAC5E,QAAMC,KAAaX,GAAMY,UAAU,KAAK;AACxC,SAAO;AAAA,IACLC,QAAQC,EAAkBH,CAAS;AAAA,IACnCI,MAAMC,EAAgBL,GAAWD,CAAK;AAAA,IACtCO,OAAO;AAAA,MACLZ,MAAM;AAAA,MACNa,UAAU;AAAA,QACRC,MAAM;AAAA,MAAA;AAAA,MAERC,WAAW;AAAA,QACTC,UAAUX,EAAMY,WAAWC,iBAAiBF;AAAAA,QAC5CG,YAAYd,EAAMY,WAAWC,iBAAiBC;AAAAA,QAC9CC,cAAc;AAAA,QACdC,cAAc;AAAA,QACdC,aAAa;AAAA,QACbC,QAAQ;AAAA,QACRC,SAAS,CACPC,SAASpB,EAAMqB,QAAQ,GAAG,CAAC,GAC3BD,SAASpB,EAAMqB,QAAQ,GAAG,CAAC,GAC3B,GACAD,SAASpB,EAAMqB,QAAQ,GAAG,CAAC,CAAC;AAAA,QAE9BC,OAAOtB,EAAMuB,QAAQC,MAAM,EAAE;AAAA,MAAA;AAAA,MAE/BC,UAAU;AAAA,QACRhB,MAAM;AAAA,MAAA;AAAA,MAERiB,WAAW;AAAA,QACTjB,MAAM;AAAA,QACNkB,WAAW;AAAA,UACTL,OAAOtB,EAAMuB,QAAQC,MAAM,CAAC;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IAEFI,OAAO;AAAA,MACLjC,MAAM;AAAA,MACNqB,cAAc;AAAA,MACdD,cAAc;AAAA,MACdc,aAAa;AAAA,MACbnB,WAAW;AAAA,QACTC,UAAUX,EAAMY,WAAWC,iBAAiBF;AAAAA,QAC5CG,YAAYd,EAAMY,WAAWC,iBAAiBC;AAAAA,QAC9CI,QAAQE,SAASpB,EAAMqB,QAAQ,CAAC,CAAC;AAAA,QACjCZ,MAAM;AAAA,QACNO,cAAc;AAAA,QACdD,cAAc;AAAA,QACde,eAAe;AAAA,MAAA;AAAA,MAEjBtB,UAAU;AAAA,QACRC,MAAM;AAAA,MAAA;AAAA,MAERgB,UAAU;AAAA,QACRhB,MAAM;AAAA,MAAA;AAAA,MAERiB,WAAW;AAAA,QACTjB,MAAM;AAAA,QACNkB,WAAW;AAAA,UACTL,OAAOtB,EAAMuB,QAAQC,MAAM,CAAC;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IAEFO,SAAS;AAAA,MACPC,UAAUC,EAAwBjC,CAAK;AAAA,IAAA;AAAA,IAEzCkC,QAAQ5C,EAAK6C,IAAI,CAACC,GAAYC,OAAmB;AAAA,MAC/CC,cAAcD;AAAAA,MACd1C,MAAM;AAAA,MACN4C,QAAQ;AAAA;AAAA,MACRC,gBAAgB;AAAA;AAAA,MAChBC,UAAU;AAAA,QACRC,OAAO;AAAA,MAAA;AAAA,IACT,EACA;AAAA,EAAA;AAEN;AClHO,MAAMC,IAAS;AAAA,EACpBC,UAAU;AAAA,IACRC,OAAOC,EAAmBD;AAAAA,EAAAA;AAE9B;ACJO,SAAAE,IAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAGDF,IAAA,gBAAAG,EAACC,KACK,IAAA;AAAA,IAAAC,SACO;AAAA,IAAMC,YACH;AAAA,IAAUC,gBACN;AAAA,IAAeC,KAC1BC;AAAAA,IAA6BC,QAC1BC;AAAAA,IAA4BC,OAC7B;AAAA,EAAA,GAGRC,gBAAM,CAAC,EAACC,KACD,CAAC,EAAC7B,IACH8B,CAcJ,GACL,GAAMjB,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAkB;AAAA,SAAAlB,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KA5BRc,sBAACZ,GAAA,EAAQ,IAAAX,EAAMC,SAASC,MAAMsB,WAC5BjB,UAAAA;AAAAA,IAAAA;AAAAA,IA4BA,gBAAAG,EAACC,KACK,IAAA;AAAA,MAAAC,SACO;AAAA,MAAMC,YACH;AAAA,MAAQC,gBACJ;AAAA,MAAeK,OACxB;AAAA,MAAMM,IACTC;AAAAA,IAAAA,GAGLN,gBAAM,CAAC,EAACC,KACD,CAAC,EAAC7B,IACHmC,CAEJ,EAAA,CACL;AAAA,EAAA,GACF,GAAMtB,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA,GA5CNkB;AA4CM;AA9CH,SAAAI,EAAAC,GAAAC,GAAA;AAAA,2BA2CMC,GAAA,EAAwB,WAAY,cAAC;AAAI;AA3C/C,SAAAJ,EAAAnB,GAAA;AAqCQ,QAAA;AAAA,IAAA7B,SAAAqD;AAAAA,EAAAA,IAAAxB;AAAW,SAAK7B,EAAQ,CAAC;AAAC;AArClC,SAAA4C,EAAA7B,GAAAuC,GAAA;AAkBK,QAAAf,IAAe,GADC,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,EACrBe,CAAC,CAAC;AAAG,SAE7B,gBAAAtB,EAACoB,GAAA,EAES,SAAA,eACJ,IAAA;AAAA,IAAAG,MACI;AAAA,IAAChB,QAAAA;AAAAA,EAAAA,KAHJe,CAKJ;AACD;AA3BT,SAAAd,EAAAX,GAAA;AASY,QAAA;AAAA,IAAA7B,SAAAwD;AAAAA,EAAAA,IAAA3B;AAAW,SAAK7B,EAAQ,EAAE;AAAC;AATvC,SAAAsC,EAAAT,GAAA;AAQS,QAAA;AAAA,IAAA7B,SAAAA;AAAAA,EAAAA,IAAA6B;AAAW,SAAK7B,EAAQ,GAAG;AAAC;"}
+{"version":3,"file":"histogram.js","names":["<Box\n        sx={{\n          display: 'flex',\n          alignItems: 'flex-end',\n          justifyContent: 'space-between',\n          gap: ({ spacing }) => spacing(0.5),\n          height: ({ spacing }) => spacing(30),\n          width: '100%',\n        }}\n      >\n        {Array(8)\n          .fill(0)\n          .map((_, i) => {\n            // Create varying heights for histogram bars\n            const heights = [60, 80, 95, 85, 70, 55, 40, 30]\n            const height = `${heights[i]}%`\n            return (\n              <Skeleton\n                key={`skeleton-bar-${i}`}\n                variant='rectangular'\n                sx={{\n                  flex: 1,\n                  height,\n                }}\n              />\n            )\n          })}\n      </Box>","({ spacing }) => spacing(0.5)","({ spacing }) => spacing(30)","(_, i) => {\n            // Create varying heights for histogram bars\n            const heights = [60, 80, 95, 85, 70, 55, 40, 30]\n            const height = `${heights[i]}%`\n            return (\n              <Skeleton\n                key={`skeleton-bar-${i}`}\n                variant='rectangular'\n                sx={{\n                  flex: 1,\n                  height,\n                }}\n              />\n            )\n          }","<Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'flex-end',\n          justifyContent: 'space-between',\n          gap: ({ spacing }) => spacing(0.5),\n          height: ({ spacing }) => spacing(30),\n          width: '100%',\n        }}\n      >\n        {Array(8)\n          .fill(0)\n          .map((_, i) => {\n            // Create varying heights for histogram bars\n            const heights = [60, 80, 95, 85, 70, 55, 40, 30]\n            const height = `${heights[i]}%`\n            return (\n              <Skeleton\n                key={`skeleton-bar-${i}`}\n                variant='rectangular'\n                sx={{\n                  flex: 1,\n                  height,\n                }}\n              />\n            )\n          })}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '100%',\n          mt: ({ spacing }) => spacing(1),\n        }}\n      >\n        {Array(4)\n          .fill(0)\n          .map((_, i) => (\n            <Skeleton key={`skeleton-label-${i}`} width={32} height={8} />\n          ))}\n      </Box>\n    </Box>","({ spacing }) => spacing(1)","(_, i) => (\n            <Skeleton key={`skeleton-label-${i}`} width={32} height={8} />\n          )","i","{ spacing }","spacing"],"sources":["../../src/widgets/histogram/config.ts","../../src/widgets/histogram/style.ts","../../src/widgets/histogram/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type { HistogramConfig, HistogramWidgetConfig } from './types'\nimport {\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipPositioner,\n  createTooltipFormatter,\n  niceNum,\n  buildHistogramSeriesLabelConfig,\n} from '../utils/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\n\nexport interface HistogramDownloadConfigProps extends ConfigProps {\n  ticks: number[]\n  labelFormatter?: (value: string | number) => string | number\n}\n\nexport function histogramDataToCSV(\n  data: number[][],\n  ticks: number[],\n  labelFormatter?: (value: string | number) => string | number,\n): string[][] {\n  if (!data?.length || data[0]?.length === 0) return []\n\n  const dataLength = data[0]?.length ?? 0\n  const labels = createAxisLabels(dataLength, ticks, labelFormatter)\n  const seriesCount = data.length\n  const isMulti = seriesCount > 1\n\n  const headers = isMulti\n    ? [\n        'Bin',\n        ...Array.from({ length: seriesCount }, (_, i) => `Series ${i + 1}`),\n      ]\n    : ['Bin', 'Value']\n\n  return [\n    headers,\n    ...labels.map((label, i) => [\n      label,\n      ...data.map((series) => String(series[i] ?? 0)),\n    ]),\n  ]\n}\n\nexport function histogramDownloadConfig({\n  refUI,\n  ticks,\n  labelFormatter,\n}: HistogramDownloadConfigProps): DownloadItem<number[][]>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) =>\n        downloadToCSV.modifier(histogramDataToCSV(data, ticks, labelFormatter)),\n    },\n  ]\n}\n\n/**\n * Creates formatted axis labels from tick boundaries.\n *\n * @param dataLength - Number of data points (determines number of labels).\n * @param ticks - Bin boundaries. If `ticks.length === dataLength + 1`, all\n *   bins are ranges. If `ticks.length === dataLength`, the last bin is\n *   open-ended (`+`). A last tick of `Infinity` also produces `+`.\n * @param labelFormatter - Optional formatter applied to each individual tick\n *   value when building the bin range label.\n */\nfunction createAxisLabels(\n  dataLength: number,\n  ticks: number[],\n  labelFormatter?: (value: string | number) => string | number,\n): string[] {\n  const fmt = (v: number) =>\n    labelFormatter ? String(labelFormatter(v)) : String(v)\n\n  return Array.from({ length: dataLength }, (_, i) => {\n    const low = ticks[i] ?? i\n    const high = ticks[i + 1]\n    return high !== undefined && isFinite(high)\n      ? `${fmt(low)}-${fmt(high)}`\n      : `${fmt(low)}+`\n  })\n}\n\n/**\n * Generates ECharts configuration for distribution histogram widgets with\n * adjacent bars (minimal gap) and axis formatting styled with the CARTO theme.\n *\n * Accepts raw `number[][]` data and `ticks` boundaries. The ticks and\n * `labelFormatter` are used to create the x-axis category labels; the raw\n * numeric data is embedded directly in each series.\n *\n * @param props - Histogram configuration including raw data, ticks, and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function histogramConfig(props: HistogramConfig): HistogramWidgetConfig {\n  return {\n    type: 'histogram',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  ticks,\n  theme,\n  formatter,\n  labelFormatter,\n}: HistogramConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n  const dataLength = data[0]?.length ?? 0\n  const axisLabels = createAxisLabels(dataLength, ticks, labelFormatter)\n\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: buildGridConfig(hasLegend, theme),\n    xAxis: {\n      type: 'category',\n      data: axisLabels,\n      axisLine: {\n        show: false,\n      },\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        showMinLabel: undefined,\n        showMaxLabel: undefined,\n        hideOverlap: true,\n        margin: 0,\n        padding: [\n          parseInt(theme.spacing(0.5)),\n          parseInt(theme.spacing(0.5)),\n          0,\n          parseInt(theme.spacing(0.5)),\n        ],\n        color: theme.palette.black[60],\n      },\n      axisTick: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          color: theme.palette.black[4],\n        },\n      },\n    },\n    yAxis: {\n      type: 'value' as const,\n      min: (extent: { min: number }) => {\n        niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n        return niceMin\n      },\n      max: (extent: { min: number; max: number }) => {\n        niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n        return niceMax\n      },\n      splitNumber: 1,\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom' as const,\n        formatter: (value: number) => {\n          if (value !== niceMax && value !== niceMin) return ''\n          if (value === 0) return ''\n          return formatter ? formatter(value) : String(value)\n        },\n      },\n      axisLine: {\n        show: false,\n      },\n      axisTick: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          color: theme.palette.black[4],\n        },\n      },\n    },\n    tooltip: {\n      position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const _value = item.value as number\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : String(_value ?? '')\n\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n        const name = item.name\n\n        return { name, seriesName, marker, value: formattedValue }\n      }),\n    },\n    series: data.map((seriesData: number[]) => ({\n      type: 'bar',\n      data: seriesData,\n      barGap: '1%',\n      barCategoryGap: '1%',\n      emphasis: {\n        focus: 'series',\n      },\n      ...buildHistogramSeriesLabelConfig(formatter),\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function HistogramSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'flex-end',\n          justifyContent: 'space-between',\n          gap: ({ spacing }) => spacing(0.5),\n          height: ({ spacing }) => spacing(30),\n          width: '100%',\n        }}\n      >\n        {Array(8)\n          .fill(0)\n          .map((_, i) => {\n            // Create varying heights for histogram bars\n            const heights = [60, 80, 95, 85, 70, 55, 40, 30]\n            const height = `${heights[i]}%`\n            return (\n              <Skeleton\n                key={`skeleton-bar-${i}`}\n                variant='rectangular'\n                sx={{\n                  flex: 1,\n                  height,\n                }}\n              />\n            )\n          })}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '100%',\n          mt: ({ spacing }) => spacing(1),\n        }}\n      >\n        {Array(4)\n          .fill(0)\n          .map((_, i) => (\n            <Skeleton key={`skeleton-label-${i}`} width={32} height={8} />\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/widgets/loader.js

@@ -0,0 +1,66 @@
+import { r as e } from "../rolldown-runtime-B0aSnxlc.js";
+import { t } from "../cjs-CBrZjPCj.js";
+import { n, t as r } from "../widget-store-BFPKYm4R.js";
+import { c as i } from "react/compiler-runtime";
+import { useEffect as a, useRef as o } from "react";
+//#region src/widgets/loader/loader.tsx
+function s(e) {
+	let t = i(25), s;
+	t[0] === e.id ? s = t[1] : (s = (t) => t.widgets[e.id]?.registeredTools, t[0] = e.id, t[1] = s);
+	let c = r(s), l = o(e.data), u = o(e.config), d = o(!1), f;
+	t[2] !== e.config || t[3] !== e.data ? (f = () => {
+		l.current = e.data, u.current = e.config;
+	}, t[2] = e.config, t[3] = e.data, t[4] = f) : f = t[4], a(f);
+	let p, m;
+	t[5] !== e.error || t[6] !== e.id || t[7] !== e.isFetching || t[8] !== e.isLoading || t[9] !== e.type ? (p = () => {
+		n.setWidget(e.id, {
+			type: e.type,
+			isLoading: e.isLoading ?? !1,
+			isFetching: e.isFetching ?? !1,
+			error: e.error
+		});
+	}, m = [
+		e.id,
+		e.type,
+		e.isLoading,
+		e.isFetching,
+		e.error
+	], t[5] = e.error, t[6] = e.id, t[7] = e.isFetching, t[8] = e.isLoading, t[9] = e.type, t[10] = p, t[11] = m) : (p = t[10], m = t[11]), a(p, m);
+	let h, g;
+	t[12] !== e.config || t[13] !== e.id ? (h = () => {
+		e.config && n.executeConfigPipeline(e.id, e.config);
+	}, g = [e.id, e.config], t[12] = e.config, t[13] = e.id, t[14] = h, t[15] = g) : (h = t[14], g = t[15]), a(h, g);
+	let _, v;
+	t[16] !== e.data || t[17] !== e.id ? (_ = () => {
+		n.executeToolPipeline(e.id, e.data);
+	}, v = [e.id, e.data], t[16] = e.data, t[17] = e.id, t[18] = _, t[19] = v) : (_ = t[18], v = t[19]), a(_, v);
+	let y;
+	t[20] === e.id ? y = t[21] : (y = () => {
+		if (!d.current) {
+			d.current = !0;
+			return;
+		}
+		let t = requestAnimationFrame(() => {
+			let { executeToolPipeline: t, executeConfigPipeline: r } = n;
+			t(e.id, l.current), u.current && r(e.id, u.current);
+		});
+		return () => cancelAnimationFrame(t);
+	}, t[20] = e.id, t[21] = y);
+	let b;
+	return t[22] !== e.id || t[23] !== c ? (b = [c, e.id], t[22] = e.id, t[23] = c, t[24] = b) : b = t[24], a(y, b), e.children;
+}
+//#endregion
+//#region src/widgets/loader/utils.ts
+var c = /* @__PURE__ */ e(t(), 1);
+function l(e, t, n) {
+	return typeof e == "function" ? e(t, n) : e;
+}
+function u(...e) {
+	return (0, c.default)(e[0] ?? {}, e[1] ?? {}, { arrayMerge(e, t) {
+		return t;
+	} });
+}
+//#endregion
+export { s as WidgetLoader, u as mergeWidgetConfig, l as resolveConfig };
+
+//# sourceMappingURL=loader.js.map

package/dist/widgets/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","names":["(state) => state.widgets[props.id]?.registeredTools","id","() => {\n    dataRef.current = props.data\n    configRef.current = props.config\n  }","config","data","() => {\n    widgetStoreActions.setWidget<WrapperState>(props.id, {\n      type: props.type,\n      isLoading: props.isLoading ?? false,\n      isFetching: props.isFetching ?? false,\n      error: props.error,\n    })\n  }","[props.id, props.type, props.isLoading, props.isFetching, props.error]","error","isFetching","isLoading","type","() => {\n    if (props.config) {\n      void widgetStoreActions.executeConfigPipeline(props.id, props.config)\n    }\n  }","[props.id, props.config]","() => {\n    void widgetStoreActions.executeToolPipeline(props.id, props.data)\n  }","[props.id, props.data]","() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true\n      return\n    }\n\n    const rafId = requestAnimationFrame(() => {\n      const { executeToolPipeline, executeConfigPipeline } = widgetStoreActions\n      void executeToolPipeline(props.id, dataRef.current)\n      if (configRef.current) {\n        void executeConfigPipeline(props.id, configRef.current)\n      }\n    })\n\n    return () => cancelAnimationFrame(rafId)\n  }","[registeredTools, props.id]"],"sources":["../../src/widgets/loader/loader.tsx","../../src/widgets/loader/utils.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport type { WidgetLoaderProps } from './types'\nimport { useWidgetStore, widgetStoreActions } from '../stores/widget-store'\nimport type { WrapperState } from '../wrapper'\n\n/**\n * Foundation component for all widgets that manages state initialization, synchronization with the widget store, and data transformation pipeline execution.\n *\n * @remarks\n * The WidgetLoader is stateless -- it manages data flow but does not render any UI. Always wrap it with WidgetWrapper for consistent widget appearance.\n *\n * @example\n * ```tsx\n * <WidgetLoader\n *   id=\"sales-chart\"\n *   type=\"bar\"\n *   data={data}\n *   isLoading={false}\n *   isFetching={false}\n *   config={barConfig({ data })}\n * >\n *   <WidgetWrapper id=\"sales-chart\" title=\"Sales\">\n *     <Echart id=\"sales-chart\" />\n *   </WidgetWrapper>\n * </WidgetLoader>\n * ```\n */\nexport function WidgetLoader<T extends object = Record<string, unknown>>(\n  props: WidgetLoaderProps<T>,\n) {\n  // Subscribe only to this widget's registeredTools via Zustand selector.\n  // The selector returns a stable reference when other widgets change,\n  // avoiding unnecessary re-evaluations of Effect 4.\n  const registeredTools = useWidgetStore(\n    (state) => state.widgets[props.id]?.registeredTools,\n  )\n\n  const dataRef = useRef(props.data)\n  const configRef = useRef(props.config)\n  const isMountedRef = useRef(false)\n\n  useEffect(() => {\n    dataRef.current = props.data\n    configRef.current = props.config\n  })\n\n  // Effect 1: Metadata — type, loading, and error states in a single setWidget call.\n  // Merged to reduce store updates from 2 to 1 per widget during initialization.\n  useEffect(() => {\n    widgetStoreActions.setWidget<WrapperState>(props.id, {\n      type: props.type,\n      isLoading: props.isLoading ?? false,\n      isFetching: props.isFetching ?? false,\n      error: props.error,\n    })\n  }, [props.id, props.type, props.isLoading, props.isFetching, props.error])\n\n  // Effect 2: Config updates — run through config pipeline\n  useEffect(() => {\n    if (props.config) {\n      void widgetStoreActions.executeConfigPipeline(props.id, props.config)\n    }\n  }, [props.id, props.config])\n\n  // Effect 3: Execute tool pipeline when props.data changes\n  useEffect(() => {\n    void widgetStoreActions.executeToolPipeline(props.id, props.data)\n  }, [props.id, props.data])\n\n  // Effect 4: Re-execute pipelines when registered tools change.\n  // Uses requestAnimationFrame to coalesce rapid successive registeredTools\n  // changes (e.g., 6 action components each calling registerTool on mount)\n  // into a single pipeline execution instead of 6 pairs.\n  useEffect(() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true\n      return\n    }\n\n    const rafId = requestAnimationFrame(() => {\n      const { executeToolPipeline, executeConfigPipeline } = widgetStoreActions\n      void executeToolPipeline(props.id, dataRef.current)\n      if (configRef.current) {\n        void executeConfigPipeline(props.id, configRef.current)\n      }\n    })\n\n    return () => cancelAnimationFrame(rafId)\n  }, [registeredTools, props.id])\n\n  return props.children\n}\n","import deepmerge from 'deepmerge'\n\n/**\n * Config can be either an object or a function that receives baseConfig and data\n * and returns a partial config to be merged with the base.\n */\nexport type ConfigOrFn<TConfig, TData = unknown> =\n  Partial<TConfig> | ((baseConfig: TConfig, data: TData) => Partial<TConfig>)\n\n/**\n * Resolves a widget config that may be either a partial object or a function receiving the computed base config and data. If it is a function, calls it with `baseConfig` and `data`; otherwise returns the value as-is.\n *\n * @param config - The config object or function to resolve.\n * @param baseConfig - The computed base configuration.\n * @param data - The widget data.\n * @returns Resolved partial config, or undefined.\n *\n * @example\n * ```tsx\n * const resolved = resolveConfig(\n *   (base, data) => ({ maxItems: base.maxItems + 5 }),\n *   baseConfig,\n *   widgetData,\n * )\n * ```\n */\nexport function resolveConfig<TConfig, TData>(\n  config: ConfigOrFn<TConfig, TData> | undefined,\n  baseConfig: TConfig,\n  data: TData,\n): Partial<TConfig> | undefined {\n  if (typeof config === 'function') {\n    return config(baseConfig, data)\n  }\n  return config\n}\n\n/**\n * Deep-merges two partial widget config objects using `deepmerge`, with arrays replaced rather than concatenated.\n *\n * @param options - A tuple of two partial configs to merge (base and override).\n * @returns The merged config object.\n *\n * @example\n * ```tsx\n * const finalConfig = mergeWidgetConfig(baseConfig, resolvedConfig)\n * ```\n */\nexport function mergeWidgetConfig<T>(\n  ...options: [Partial<T> | undefined, Partial<T> | undefined]\n): T {\n  return deepmerge(options[0] ?? {}, options[1] ?? {}, {\n    arrayMerge(_, source) {\n      return source as T[keyof T][]\n    },\n  })\n}\n"],"mappings":";;;;;;AA2BA,SAAgB,EACd,GACA;gBAKEA;CAA+BC,AAAAA,EAAAA,OAAAA,EAAAA,iBAA/B,KAAC,MAAU,EAAM,QAAQ,EAAM,GAAG,EAAE,iBAALA,EAAAA,KAAAA,EAAAA;CADjC,IAAM,IAAkB,EACtBD,CACF,GAEM,IAAU,EAAO,EAAM,IAAI,GAC3B,IAAY,EAAO,EAAM,MAAM,GAC/B,IAAe,EAAO,EAAK,GAEvBE;CAAV,AAE4BC,EAAAA,OAAAA,EAAAA,UAAAA,EAAAA,OADFC,EAAAA,QADhB,UAAM;EAEd,AADA,EAAQ,UAAU,EAAM,MACxB,EAAU,UAAU,EAAM;CAC5B,GAD4BD,EAAAA,KAAAA,EAAAA,QADFC,EAAAA,KAAAA,EAAAA,4BAD1B,EAAUF,CAGT;CAISG,IAAAA,GAOPC;CAPH,AAKiBC,EAAAA,OAAAA,EAAAA,SAAAA,EAAAA,OAJkCN,EAAAA,MAAAA,EAAAA,OAG7BO,EAAAA,cAAAA,EAAAA,OADDC,EAAAA,aAAAA,EAAAA,OADLC,EAAAA,QAFN,UAAM;EACd,EAAmB,UAAwB,EAAM,IAAI;GACnD,MAAM,EAAM;GACZ,WAAW,EAAM,aAAa;GAC9B,YAAY,EAAM,cAAc;GAChC,OAAO,EAAM;EACf,CAAC;CACH,GAAG,IAAA;EAAC,EAAM;EAAI,EAAM;EAAM,EAAM;EAAW,EAAM;EAAY,EAAM;CAAK,GAFvDH,EAAAA,KAAAA,EAAAA,OAJkCN,EAAAA,KAAAA,EAAAA,IAG7BO,EAAAA,KAAAA,EAAAA,YADDC,EAAAA,KAAAA,EAAAA,WADLC,EAAAA,KAAAA,EAAAA,sDAFhB,EAAUL,GAOPC,CAAsE;CAG/DK,IAAAA,GAIPC;CAJH,AACYT,EAAAA,QAAAA,EAAAA,UAAAA,EAAAA,QAC4CF,EAAAA,MAF9C,UAAM;EACd,AAAI,EAAM,UACH,EAAmB,sBAAsB,EAAM,IAAI,EAAM,MAAM;CAExE,GAAG,IAAA,CAAC,EAAM,IAAI,EAAM,MAAM,GAHdE,EAAAA,MAAAA,EAAAA,QAC4CF,EAAAA,MAAAA,EAAAA,oDAFxD,EAAUU,GAIPC,CAAwB;CAGjBC,IAAAA,GAEPC;CAFH,AAC8DV,EAAAA,QAAAA,EAAAA,QAAAA,EAAAA,QAAVH,EAAAA,MAD1C,UAAM;EACT,EAAmB,oBAAoB,EAAM,IAAI,EAAM,IAAI;CAClE,GAAG,IAAA,CAAC,EAAM,IAAI,EAAM,IAAI,GADsCG,EAAAA,MAAAA,EAAAA,MAAVH,EAAAA,MAAAA,EAAAA,oDADpD,EAAUY,GAEPC,CAAsB;CAMfC,IAAAA;CAQyBd,AAAAA,EAAAA,QAAAA,EAAAA,kBARzB,UAAM;EACd,IAAI,CAAC,EAAa,SAAS;GACzB,EAAa,UAAU;GACvB;EACF;EAEA,IAAM,IAAQ,4BAA4B;GACxC,IAAM,EAAE,wBAAqB,6BAA0B;GAEvD,AADK,EAAoB,EAAM,IAAI,EAAQ,OAAO,GAC9C,EAAU,WACP,EAAsB,EAAM,IAAI,EAAU,OAAO;EAE1D,CAAC;EAED,aAAa,qBAAqB,CAAK;CACzC,GAPmCA,EAAAA,MAAAA,EAAAA;CAOhCe,IAAAA;CAEH,OAF2Bf,EAAAA,QAAAA,EAAAA,MAAAA,EAAAA,QAAvB,KAAD,IAAA,CAAC,GAAiB,EAAM,EAAE,GAAFA,EAAAA,MAAAA,EAAAA,IAAvB,EAAA,MAAA,2BAfJ,EAAUc,GAePC,CAA2B,GAEvB,EAAM;AACf;;;;ACjEA,SAAgB,EACd,GACA,GACA,GAC8B;CAI9B,OAHI,OAAO,KAAW,aACb,EAAO,GAAY,CAAI,IAEzB;AACT;AAaA,SAAgB,EACd,GAAG,GACA;CACH,QAAA,GAAO,EAAA,QAAA,CAAU,EAAQ,MAAM,CAAC,GAAG,EAAQ,MAAM,CAAC,GAAG,EACnD,WAAW,GAAG,GAAQ;EACpB,OAAO;CACT,EACF,CAAC;AACH"}