@carto/ps-react-ui 4.19.0 → 4.20.1

package/dist/widgets/histogram.js

@@ -1,213 +1,194 @@
-import { jsx as m, jsxs as L } from "react/jsx-runtime";
-import { c as _ } from "react/compiler-runtime";
-import "react";
-import "echarts";
-import "../widget-store-Bw5zRUGg.js";
-import "zustand/shallow";
-import { g as k } from "../options-CthfUJDz.js";
-import { m as C } from "../utils-BOhInag6.js";
-import { j as v, f as $, g as A, n as u, c as M, d as T } from "../option-builders-DPeoyQaM.js";
-import { Box as f, Skeleton as y } from "@mui/material";
-import "@mui/icons-material";
-import { d as h, a as d } from "../exports-Cr43OCul.js";
-import "../lasso-tool-YLFRgb-S.js";
-import "../cjs-D4KH3azB.js";
-import "@carto/ps-utils";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-import "react-dom";
-import { b as D } from "../styles-cohnxh9F.js";
-function F(e, n, t) {
-  if (!e?.length || e[0]?.length === 0) return [];
-  const o = e[0]?.length ?? 0, a = b(o, n, t), r = e.length;
-  return [r > 1 ? ["Bin", ...Array.from({
-    length: r
-  }, (c, s) => `Series ${s + 1}`)] : ["Bin", "Value"], ...a.map((c, s) => [c, ...e.map((i) => String(i[s] ?? 0))])];
+import { _ as e, v as t } from "../actions-DKX98LlI.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-BGt7wkK7.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 se({
-  refUI: e,
-  ticks: n,
-  labelFormatter: t
-}) {
-  return [{
-    ...h,
-    modifier: () => h.modifier(e)
-  }, {
-    ...d,
-    modifier: async (o) => d.modifier(F(o, n, t))
-  }];
+function _({ refUI: n, ticks: r, labelFormatter: i }) {
+	return [{
+		...t,
+		modifier: () => t.modifier(n)
+	}, {
+		...e,
+		modifier: async (t) => e.modifier(g(t, r, i))
+	}];
 }
-function b(e, n, t) {
-  const o = (a) => String(t ? t(a) : a);
-  return Array.from({
-    length: e
-  }, (a, r) => {
-    const p = n[r] ?? r, l = n[r + 1];
-    return l !== void 0 && isFinite(l) ? `${o(p)}-${o(l)}` : `${o(p)}+`;
-  });
+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)}+`;
+	});
 }
-function le(e) {
-  return {
-    type: "histogram",
-    option: C(k(e), I(e)),
-    formatter: e.formatter,
-    labelFormatter: e.labelFormatter
-  };
+function y(e) {
+	return {
+		type: "histogram",
+		option: n(l(e), b(e)),
+		formatter: e.formatter,
+		labelFormatter: e.labelFormatter
+	};
 }
-function I({
-  data: e = [],
-  ticks: n,
-  theme: t,
-  formatter: o,
-  labelFormatter: a
-}) {
-  const r = (e?.length ?? 0) > 1, p = e[0]?.length ?? 0, l = b(p, n, a);
-  let c = 0, s = 1;
-  return {
-    legend: T({
-      hasLegend: r,
-      labelFormatter: a
-    }),
-    grid: M(r, t),
-    xAxis: {
-      type: "category",
-      data: l,
-      axisLine: {
-        show: !1
-      },
-      axisLabel: {
-        fontSize: t.typography.overlineDelicate.fontSize,
-        fontFamily: t.typography.overlineDelicate.fontFamily,
-        showMinLabel: void 0,
-        showMaxLabel: void 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",
-      min: (i) => (c = i.min < 0 ? u(i.min) : 0, c),
-      max: (i) => (s = i.max <= 0 ? 1 : u(i.max), s),
-      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",
-        formatter: (i) => i !== s && i !== c || i === 0 ? "" : o ? o(i) : String(i)
-      },
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      splitLine: {
-        show: !0,
-        lineStyle: {
-          color: t.palette.black[4]
-        }
-      }
-    },
-    tooltip: {
-      position: A(t),
-      formatter: $((i) => {
-        const g = i.value, x = typeof g == "number" && o ? o(g) : String(g ?? ""), S = typeof i.marker == "string" ? i.marker : "", w = i.seriesName ? `${i.seriesName}: ` : "";
-        return {
-          name: i.name,
-          seriesName: w,
-          marker: S,
-          value: x
-        };
-      })
-    },
-    series: e.map((i) => ({
-      type: "bar",
-      data: i,
-      barGap: "1%",
-      barCategoryGap: "1%",
-      emphasis: {
-        focus: "series"
-      },
-      ...v(o)
-    }))
-  };
+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)
+		}))
+	};
 }
-const N = {
-  skeleton: {
-    graph: D.graph
-  }
-};
-function ce() {
-  const e = _(2);
-  let n;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ m(f, { sx: {
-    display: "flex",
-    alignItems: "flex-end",
-    justifyContent: "space-between",
-    gap: B,
-    height: V,
-    width: "100%"
-  }, children: Array(8).fill(0).map(G) }), e[0] = n) : n = e[0];
-  let t;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ L(f, { sx: N.skeleton.graph.container, children: [
-    n,
-    /* @__PURE__ */ m(f, { sx: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      width: "100%",
-      mt: z
-    }, children: Array(4).fill(0).map(j) })
-  ] }), e[1] = t) : t = e[1], t;
+//#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 j(e, n) {
-  return /* @__PURE__ */ m(y, { width: 32, height: 8 }, `skeleton-label-${n}`);
+function C(e, t) {
+	return /* @__PURE__ */ m(p, {
+		width: 32,
+		height: 8
+	}, `skeleton-label-${t}`);
 }
-function z(e) {
-  const {
-    spacing: n
-  } = e;
-  return n(1);
+function w(e) {
+	let { spacing: t } = e;
+	return t(1);
 }
-function G(e, n) {
-  const o = `${[60, 80, 95, 85, 70, 55, 40, 30][n]}%`;
-  return /* @__PURE__ */ m(y, { variant: "rectangular", sx: {
-    flex: 1,
-    height: o
-  } }, `skeleton-bar-${n}`);
+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}`);
 }
-function V(e) {
-  const {
-    spacing: n
-  } = e;
-  return n(30);
+function E(e) {
+	let { spacing: t } = e;
+	return t(30);
 }
-function B(e) {
-  const {
-    spacing: n
-  } = e;
-  return n(0.5);
+function D(e) {
+	let { spacing: t } = e;
+	return t(.5);
 }
-export {
-  ce as HistogramSkeleton,
-  le as histogramConfig,
-  F as histogramDataToCSV,
-  se as histogramDownloadConfig
-};
-//# sourceMappingURL=histogram.js.map
+//#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 { 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"],"names":["histogramDataToCSV","data","ticks","labelFormatter","length","dataLength","labels","createAxisLabels","seriesCount","Array","from","_","i","map","label","series","String","histogramDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","fmt","v","low","high","undefined","isFinite","histogramConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","theme","hasLegend","axisLabels","niceMin","niceMax","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","min","extent","niceNum","max","splitNumber","verticalAlign","value","tooltip","position","createTooltipPositioner","createTooltipFormatter","item","_value","formattedValue","marker","seriesName","name","seriesData","barGap","barCategoryGap","emphasis","focus","buildHistogramSeriesLabelConfig","styles","skeleton","graph","baseSkeletonStyles","HistogramSkeleton","$","_c","t0","Symbol","for","jsx","Box","display","alignItems","justifyContent","gap","_temp","height","_temp2","width","fill","_temp3","t1","container","mt","_temp4","_temp5","__0","i_0","Skeleton","spacing_1","flex","spacing_0"],"mappings":"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"}
+{"version":3,"file":"histogram.js","names":["getCommonOptions","mergeEchartWidgetConfig","EchartOptionsProps","HistogramConfig","HistogramWidgetConfig","buildLegendConfig","buildGridConfig","createTooltipPositioner","createTooltipFormatter","niceNum","buildHistogramSeriesLabelConfig","downloadToCSV","downloadToPNG","DownloadItem","ConfigProps","HistogramDownloadConfigProps","ticks","labelFormatter","value","histogramDataToCSV","data","length","dataLength","labels","createAxisLabels","seriesCount","isMulti","headers","Array","from","_","i","map","label","series","String","histogramDownloadConfig","refUI","modifier","fmt","v","low","high","undefined","isFinite","histogramConfig","props","type","option","getOption","formatter","theme","hasLegend","axisLabels","niceMin","niceMax","legend","grid","xAxis","axisLine","show","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","margin","padding","parseInt","spacing","color","palette","black","axisTick","splitLine","lineStyle","yAxis","const","min","extent","max","splitNumber","verticalAlign","tooltip","position","item","_value","formattedValue","marker","seriesName","name","seriesData","barGap","barCategoryGap","emphasis","focus","SxProps","Theme","baseSkeletonStyles","styles","skeleton","graph","Record","Box","Skeleton","styles","HistogramSkeleton","$","_c","t0","Symbol","for","display","alignItems","justifyContent","gap","_temp","height","_temp2","width","Array","fill","map","_temp3","t1","skeleton","graph","container","mt","_temp4","_temp5","__0","i_0","i","spacing","spacing_1","_","heights","flex","spacing_0"],"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":";;;;;;;;;AAsBA,SAAgBmB,EACdC,GACAJ,GACAC,GACY;CACZ,IAAI,CAACG,GAAMC,UAAUD,EAAK,EAAE,EAAEC,WAAW,GAAG,OAAO,CAAA;CAGnD,IAAME,IAASC,EADIJ,EAAK,EAAE,EAAEC,UAAU,GACML,GAAOC,CAAc,GAC3DQ,IAAcL,EAAKC;CAUzB,OAAO,CATSI,IAAc,IAG1B,CACE,OACA,GAAGG,MAAMC,KAAK,EAAER,QAAQI,EAAY,IAAIK,GAAGC,MAAM,UAAUA,IAAI,GAAG,CAAC,IAErE,CAAC,OAAO,OAAO,GAIjB,GAAGR,EAAOS,KAAKC,GAAOF,MAAM,CAC1BE,GACA,GAAGb,EAAKY,KAAKE,MAAWC,OAAOD,EAAOH,MAAM,CAAC,CAAC,CAAC,CAChD,CAAC;AAEN;AAEA,SAAgBK,EAAwB,EACtCC,UACArB,UACAC,qBAC2D;CAC3D,OAAO,CACL;EACE,GAAGL;EACH0B,gBAAgB1B,EAAc0B,SAASD,CAAK;CAC9C,GACA;EACE,GAAG1B;EACH2B,UAAU,OAAOlB,MACfT,EAAc2B,SAASnB,EAAmBC,GAAMJ,GAAOC,CAAc,CAAC;CAC1E,CAAC;AAEL;AAYA,SAASO,EACPF,GACAN,GACAC,GACU;CACV,IAAMsB,KAAOC,MACML,OAAjBlB,IAAwBA,EAAeuB,CAAC,IAAYA,CAAC;CAEvD,OAAOZ,MAAMC,KAAK,EAAER,QAAQC,EAAW,IAAIQ,GAAGC,MAAM;EAClD,IAAMU,IAAMzB,EAAMe,MAAMA,GAClBW,IAAO1B,EAAMe,IAAI;EACvB,OAAOW,MAASC,KAAAA,KAAaC,SAASF,CAAI,IACtC,GAAGH,EAAIE,CAAG,EAAC,GAAIF,EAAIG,CAAI,MACvB,GAAGH,EAAIE,CAAG,EAAC;CACjB,CAAC;AACH;AAaA,SAAgBI,EAAgBC,GAA+C;CAC7E,OAAO;EACLC,MAAM;EACNC,QAAQ/C,EAAwBD,EAAiB8C,CAAK,GAAGG,EAAUH,CAAK,CAAC;EACzEI,WAAWJ,EAAMI;EACjBjC,gBAAgB6B,EAAM7B;CACxB;AACF;AAEA,SAASgC,EAAU,EACjB7B,UAAO,CAAA,GACPJ,UACAmC,UACAD,cACAjC,qBACsC;CACtC,IAAMmC,KAAahC,GAAMC,UAAU,KAAK,GAElCgC,IAAa7B,EADAJ,EAAK,EAAE,EAAEC,UAAU,GACUL,GAAOC,CAAc,GAEjEqC,IAAU,GACVC,IAAU;CAEd,OAAO;EACLC,QAAQnD,EAAkB;GAAE+C;GAAWnC;EAAe,CAAC;EACvDwC,MAAMnD,EAAgB8C,GAAWD,CAAK;EACtCO,OAAO;GACLX,MAAM;GACN3B,MAAMiC;GACNM,UAAU,EACRC,MAAM,GACR;GACAC,WAAW;IACTC,UAAUX,EAAMY,WAAWC,iBAAiBF;IAC5CG,YAAYd,EAAMY,WAAWC,iBAAiBC;IAC9CC,cAAcvB,KAAAA;IACdwB,cAAcxB,KAAAA;IACdyB,aAAa;IACbC,QAAQ;IACRC,SAAS;KACPC,SAASpB,EAAMqB,QAAQ,EAAG,CAAC;KAC3BD,SAASpB,EAAMqB,QAAQ,EAAG,CAAC;KAC3B;KACAD,SAASpB,EAAMqB,QAAQ,EAAG,CAAC;IAAC;IAE9BC,OAAOtB,EAAMuB,QAAQC,MAAM;GAC7B;GACAC,UAAU,EACRhB,MAAM,GACR;GACAiB,WAAW;IACTjB,MAAM;IACNkB,WAAW,EACTL,OAAOtB,EAAMuB,QAAQC,MAAM,GAC7B;GACF;EACF;EACAI,OAAO;GACLhC,MAAM;GACNkC,MAAMC,OACJ5B,IAAU4B,EAAOD,MAAM,IAAIxE,EAAQyE,EAAOD,GAAG,IAAI,GAC1C3B;GAET6B,MAAMD,OACJ3B,IAAU2B,EAAOC,OAAO,IAAI,IAAI1E,EAAQyE,EAAOC,GAAG,GAC3C5B;GAET6B,aAAa;GACbvB,WAAW;IACTC,UAAUX,EAAMY,WAAWC,iBAAiBF;IAC5CG,YAAYd,EAAMY,WAAWC,iBAAiBC;IAC9CI,QAAQE,SAASpB,EAAMqB,QAAQ,CAAC,CAAC;IACjCZ,MAAM;IACNO,cAAc;IACdD,cAAc;IACdmB,eAAe;IACfnC,YAAYhC,MACNA,MAAUqC,KAAWrC,MAAUoC,KAC/BpC,MAAU,IAAU,KACjBgC,IAAYA,EAAUhC,CAAK,IAAIiB,OAAOjB,CAAK;GAEtD;GACAyC,UAAU,EACRC,MAAM,GACR;GACAgB,UAAU,EACRhB,MAAM,GACR;GACAiB,WAAW;IACTjB,MAAM;IACNkB,WAAW,EACTL,OAAOtB,EAAMuB,QAAQC,MAAM,GAC7B;GACF;EACF;EACAW,SAAS;GACPC,UAAUhF,EAAwB4C,CAAK;GACvCD,WAAW1C,GAAwBgF,MAAS;IAC1C,IAAMC,IAASD,EAAKtE,OAEdwE,IACJ,OAAOD,KAAW,YAAYvC,IAC1BA,EAAUuC,CAAM,IAChBtD,OAAOsD,KAAU,EAAE,GAEnBE,IAAS,OAAOH,EAAKG,UAAW,WAAWH,EAAKG,SAAS,IACzDC,IAAaJ,EAAKI,aAAa,GAAGJ,EAAKI,WAAU,MAAO;IAG9D,OAAO;KAAEC,MAFIL,EAAKK;KAEHD;KAAYD;KAAQzE,OAAOwE;IAAe;GAC3D,CAAC;EACH;EACAxD,QAAQd,EAAKY,KAAK8D,OAA0B;GAC1C/C,MAAM;GACN3B,MAAM0E;GACNC,QAAQ;GACRC,gBAAgB;GAChBC,UAAU,EACRC,OAAO,SACT;GACA,GAAGxF,EAAgCwC,CAAS;EAC9C,EAAE;CACJ;AACF;;;AClOA,IAAaoD,IAAS,EACpBC,UAAU,EACRC,OAAOH,EAAmBG,MAC5B,EACF;;;ACJA,SAAOK,IAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAAAC;CAAA,AAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,KAGDF,IAAA,kBAAC,GAAD;EACM,IAAA;GAAAG,SACO;GAAMC,YACH;GAAUC,gBACN;GAAeC,KAC1BC;GAA6BC,QAC1BC;GAA4BC,OAC7B;EACT;EAECC,UAAAA,MAAM,CAAC,CAAC,CAAAC,KACD,CAAC,CAAC,CAAAC,IACHC,CAcJ;CA1BD,CAAA,GA2BEhB,EAAA,KAAAE,KAAAA,IAAAF,EAAA;CAAA,IAAAiB;CAgBF,OAhBEjB,EAAA,OAAAG,OAAAC,IAAA,2BAAA,KA5BRa,IAAA,kBAAC,GAAD;EAAS,IAAAnB,EAAMoB,SAASC,MAAMC;EAA9B,UAAA,CACElB,GA4BA,kBAAC,GAAD;GACM,IAAA;IAAAG,SACO;IAAMC,YACH;IAAQC,gBACJ;IAAeK,OACxB;IAAMS,IACTC;GACN;GAECT,UAAAA;;;;;GAAO,CAAC,CAAAC,KACD,CAAC,CAAC,CAAAC,IACHQ,CAEJ;EAbD,CAAA,CA7BF;KA4CEvB,EAAA,KAAAiB,KAAAA,IAAAjB,EAAA,IA5CNiB;AA4CM;AA9CH,SAAAM,EAAAC,GAAAC,GAAA;CAAA,OA2CK,kBAAC,GAAD;EAA6C,OAAA;EAAY,QAAA;CAAC,GAA3C,kBAAkBC,GAAyB;AAAI;AA3CnE,SAAAJ,EAAApB,GAAA;CAqCQ,IAAA,EAAAyB,SAAAC,MAAA1B;CAAW,OAAKyB,EAAQ,CAAC;AAAC;AArClC,SAAAX,EAAAa,GAAAH,GAAA;CAkBK,IAAAhB,IAAe,GAAGoB;EADD;EAAI;EAAI;EAAI;EAAI;EAAI;EAAI;EAAI;CAC3BA,CAAAA,CAAQJ,GAAE;CAAG,OAE7B,kBAAC,GAAD;EAEU,SAAA;EACJ,IAAA;GAAAK,MACI;GAACrB;EAET;CAAC,GALI,gBAAgBgB,GAKpB;AACD;AA3BT,SAAAf,EAAAT,GAAA;CASY,IAAA,EAAAyB,SAAAK,MAAA9B;CAAW,OAAKyB,EAAQ,EAAE;AAAC;AATvC,SAAAlB,EAAAP,GAAA;CAQS,IAAA,EAAAyB,eAAAzB;CAAW,OAAKyB,EAAQ,EAAG;AAAC"}

package/dist/widgets/loader.js

@@ -1,64 +1,66 @@
-import { c as W } from "react/compiler-runtime";
-import { useRef as x, useEffect as n } from "react";
-import { u as w, w as y } from "../widget-store-Bw5zRUGg.js";
-import { d as A } from "../cjs-D4KH3azB.js";
-function v(e) {
-  const i = W(25);
-  let t;
-  i[0] !== e.id ? (t = (L) => L.widgets[e.id]?.registeredTools, i[0] = e.id, i[1] = t) : t = i[1];
-  const F = w(t), C = x(e.data), h = x(e.config), P = x(!1);
-  let d;
-  i[2] !== e.config || i[3] !== e.data ? (d = () => {
-    C.current = e.data, h.current = e.config;
-  }, i[2] = e.config, i[3] = e.data, i[4] = d) : d = i[4], n(d);
-  let f, c;
-  i[5] !== e.error || i[6] !== e.id || i[7] !== e.isFetching || i[8] !== e.isLoading || i[9] !== e.type ? (f = () => {
-    y.setWidget(e.id, {
-      type: e.type,
-      isLoading: e.isLoading ?? !1,
-      isFetching: e.isFetching ?? !1,
-      error: e.error
-    });
-  }, c = [e.id, e.type, e.isLoading, e.isFetching, e.error], i[5] = e.error, i[6] = e.id, i[7] = e.isFetching, i[8] = e.isLoading, i[9] = e.type, i[10] = f, i[11] = c) : (f = i[10], c = i[11]), n(f, c);
-  let a, g;
-  i[12] !== e.config || i[13] !== e.id ? (a = () => {
-    e.config && y.executeConfigPipeline(e.id, e.config);
-  }, g = [e.id, e.config], i[12] = e.config, i[13] = e.id, i[14] = a, i[15] = g) : (a = i[14], g = i[15]), n(a, g);
-  let l, u;
-  i[16] !== e.data || i[17] !== e.id ? (l = () => {
-    y.executeToolPipeline(e.id, e.data);
-  }, u = [e.id, e.data], i[16] = e.data, i[17] = e.id, i[18] = l, i[19] = u) : (l = i[18], u = i[19]), n(l, u);
-  let r;
-  i[20] !== e.id ? (r = () => {
-    if (!P.current) {
-      P.current = !0;
-      return;
-    }
-    const L = requestAnimationFrame(() => {
-      const {
-        executeToolPipeline: R,
-        executeConfigPipeline: T
-      } = y;
-      R(e.id, C.current), h.current && T(e.id, h.current);
-    });
-    return () => cancelAnimationFrame(L);
-  }, i[20] = e.id, i[21] = r) : r = i[21];
-  let m;
-  return i[22] !== e.id || i[23] !== F ? (m = [F, e.id], i[22] = e.id, i[23] = F, i[24] = m) : m = i[24], n(r, m), e.children;
+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;
 }
-function E(e, i, t) {
-  return typeof e == "function" ? e(i, t) : e;
+//#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 I(...e) {
-  return A(e[0] ?? {}, e[1] ?? {}, {
-    arrayMerge(i, t) {
-      return t;
-    }
-  });
+function u(...e) {
+	return (0, c.default)(e[0] ?? {}, e[1] ?? {}, { arrayMerge(e, t) {
+		return t;
+	} });
 }
-export {
-  v as WidgetLoader,
-  I as mergeWidgetConfig,
-  E as resolveConfig
-};
-//# sourceMappingURL=loader.js.map
+//#endregion
+export { s as WidgetLoader, u as mergeWidgetConfig, l as resolveConfig };
+
+//# sourceMappingURL=loader.js.map