@carto/ps-react-ui 4.17.3 → 4.19.0

package/dist/widgets-v2/timeseries.js

@@ -1,8 +1,8 @@
 import * as R from "echarts";
-import { n as A, h as _, d as z, g as Y, c as q, f as H } from "../option-builders-DPeoyQaM.js";
-import { jsxs as O, jsx as d } from "react/jsx-runtime";
+import { n as S, h as M, d as z, g as Y, c as q, f as H } from "../option-builders-DPeoyQaM.js";
+import { jsxs as O, jsx as y } from "react/jsx-runtime";
 import { c as U } from "react/compiler-runtime";
-import { Box as S, Skeleton as b } from "@mui/material";
+import { Box as A, Skeleton as b } from "@mui/material";
 import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
 import "@mui/icons-material";
@@ -20,17 +20,17 @@ import "zustand";
 import "zustand/vanilla";
 import "zustand/middleware";
 import "zustand/react/shallow";
-import { Z as B } from "../transforms-Cdx4fkU5.js";
+import { Z as _ } from "../transforms-Cdx4fkU5.js";
 import { m as V, r as W } from "../resolve-theme-color-BdojIw0K.js";
 import { p as J } from "../data-zoom-layout-D_FYdnap.js";
 import { b as Q } from "../png-item-9dNbB37T.js";
 import { b as X } from "../csv-item-hH_Gt7ur.js";
 function ee({
   theme: e,
-  formatter: i,
-  labelFormatter: r
+  formatter: n,
+  labelFormatter: o
 }) {
-  let c = 0, a = 1;
+  let l = 0, a = 1;
   return {
     grid: {
       left: parseInt(e.spacing(1)),
@@ -54,7 +54,7 @@ function ee({
         type: "line"
       },
       position: Y(e),
-      formatter: N(i, r)
+      formatter: N(n, o)
     },
     // Legend styling baked here; `show` is toggled by the merger based on
     // series count.
@@ -78,19 +78,19 @@ function ee({
         show: !1
       },
       axisLabel: {
-        ..._(e),
+        ...M(e),
         padding: [parseInt(e.spacing(0.5)), 0, 0, 0],
         margin: 0,
         hideOverlap: !0,
-        ...r && {
-          formatter: (o) => r(new Date(o))
+        ...o && {
+          formatter: (r) => o(new Date(r))
         }
       }
     },
     yAxis: {
       type: "value",
-      min: (o) => (c = o.min < 0 ? A(o.min) : 0, c),
-      max: (o) => (a = o.max <= 0 ? 1 : A(o.max), a),
+      min: (r) => (l = r.min < 0 ? S(r.min) : 0, l),
+      max: (r) => (a = r.max <= 0 ? 1 : S(r.max), a),
       axisLine: {
         show: !1
       },
@@ -104,33 +104,33 @@ function ee({
         }
       },
       axisLabel: {
-        ..._(e),
+        ...M(e),
         margin: parseInt(e.spacing(1)),
         show: !0,
         showMaxLabel: !0,
         showMinLabel: !0,
         verticalAlign: "bottom",
         inside: !0,
-        formatter: (o) => o !== a && o !== c || o === 0 ? "" : i ? i(o) : String(o)
+        formatter: (r) => r !== a && r !== l || r === 0 ? "" : n ? n(r) : String(r)
       }
     }
   };
 }
 function Oe(e) {
   const {
-    theme: i,
-    formatter: r,
-    labelFormatter: c,
+    theme: n,
+    formatter: o,
+    labelFormatter: l,
     optionsOverride: a
-  } = e, o = e.series, y = e.smooth ?? !0, f = e.area ?? !1, l = e.selection, s = l && l.length > 0 ? new Set(l) : null, m = (t) => t instanceof Date ? t.getTime() : t;
+  } = e, r = e.series, p = e.smooth ?? !0, g = e.area ?? !1, c = e.selection, s = c && c.length > 0 ? new Set(c) : null, m = (t) => t instanceof Date ? t.getTime() : t;
   return (t, x, Z) => {
     if (t == null) {
-      const n = ee({
-        theme: i,
-        formatter: r,
-        labelFormatter: c
+      const i = ee({
+        theme: n,
+        formatter: o,
+        labelFormatter: l
       });
-      return a ? V(n, a) : n;
+      return a ? V(i, a) : i;
     }
     const w = Array.isArray(x) ? x : [];
     if (w.length === 0)
@@ -139,46 +139,46 @@ function Oe(e) {
         dataset: [],
         series: []
       };
-    const L = w.length > 1, v = Array.isArray(t.series) ? t.series : [], F = v[0] ?? {}, j = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, k = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, P = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, $ = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, I = Z?.formatter;
-    let C = 0, T = 1;
-    const D = J(t.dataZoom, L), E = typeof k.bottom == "number" ? k.bottom : 24, M = L ? 56 : E, G = D ? M + B.sliderHeight + B.sliderGap : M, K = {
-      color: (n) => {
-        const h = n.value?.name, p = n.color;
-        return !s || h == null || s.has(m(h)) ? p : R.color.modifyAlpha(p, 0.15);
+    const L = w.length > 1, j = Array.isArray(t.series) ? t.series : [], F = j[0] ?? {}, v = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, k = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, P = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, $ = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, T = Z?.formatter;
+    let I = 0, C = 1;
+    const D = J(t.dataZoom, L), E = typeof k.bottom == "number" ? k.bottom : 24, B = L ? 56 : E, G = D ? B + _.sliderHeight + _.sliderGap : B, K = {
+      color: (i) => {
+        const h = i.value?.name, f = i.color;
+        return !s || h == null || s.has(m(h)) ? f : R.color.modifyAlpha(f, 0.15);
       }
     };
     return {
       ...t,
-      dataset: w.map((n) => ({
-        source: n
+      dataset: w.map((i) => ({
+        source: i
       })),
-      series: w.map((n, g) => {
-        const h = v[g] ?? F, p = W(i, o?.[g]?.color);
+      series: w.map((i, d) => {
+        const h = j[d] ?? F, f = W(n, r?.[d]?.color);
         return {
           ...typeof h == "object" ? h : {},
           type: "line",
-          datasetIndex: g,
-          name: o?.[g]?.name ?? `Series ${g + 1}`,
+          datasetIndex: d,
+          name: r?.[d]?.name ?? `Series ${d + 1}`,
           encode: {
             x: "name",
             y: "value"
           },
-          smooth: y,
+          smooth: p,
           // When a selection is active, surface markers so the per-point
           // color callback has something to dim — a continuous line would
           // hide the visual selection feedback.
           showSymbol: s != null,
-          ...f ? {
+          ...g ? {
             areaStyle: {}
           } : {},
           emphasis: {
             focus: "series"
           },
           itemStyle: K,
-          ...p ? {
-            color: p,
+          ...f ? {
+            color: f,
             lineStyle: {
-              color: p
+              color: f
             }
           } : {}
         };
@@ -195,29 +195,29 @@ function Oe(e) {
         dataZoom: D
       } : {},
       yAxis: {
-        ...j,
-        min: (n) => (C = n.min < 0 ? A(n.min) : 0, C),
-        max: (n) => (T = n.max <= 0 ? 1 : A(n.max), T),
+        ...v,
+        min: (i) => (I = i.min < 0 ? S(i.min) : 0, I),
+        max: (i) => (C = i.max <= 0 ? 1 : S(i.max), C),
         axisLabel: {
-          ...j.axisLabel ?? {},
-          formatter: (n) => n !== T && n !== C || n === 0 ? "" : I ? I(n) : String(n)
+          ...v.axisLabel ?? {},
+          formatter: (i) => i !== C && i !== I || i === 0 ? "" : T ? T(i) : String(i)
         }
       },
       tooltip: {
         ...P,
-        formatter: N(I, c)
+        formatter: N(T, l)
       }
     };
   };
 }
-function N(e, i) {
-  return H((r) => {
-    const c = r.value, a = c?.value, o = typeof a == "number" && e ? e(a) : a ?? "", y = typeof r.marker == "string" ? r.marker : "", f = r.seriesName ? `${r.seriesName}: ` : "", l = c?.name ?? r.name, s = i && l != null ? i(l instanceof Date ? l : new Date(l)) : l ?? "";
+function N(e, n) {
+  return H((o) => {
+    const l = o.value, a = l?.value, r = typeof a == "number" && e ? e(a) : a ?? "", p = typeof o.marker == "string" ? o.marker : "", g = o.seriesName ? `${o.seriesName}: ` : "", c = l?.name ?? o.name, s = n && c != null ? n(c instanceof Date ? c : new Date(c)) : c ?? "";
     return {
       name: String(s),
-      seriesName: f,
-      marker: y,
-      value: o
+      seriesName: g,
+      marker: p,
+      value: r
     };
   });
 }
@@ -277,62 +277,73 @@ const u = {
     }) => e(1.5)
   }
 };
-function ve() {
+function je() {
   const e = U(2);
-  let i;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ O(S, { sx: u.graph, children: [
-    /* @__PURE__ */ d(b, { variant: "rectangular", sx: u.segmentA }),
-    /* @__PURE__ */ d(b, { variant: "rectangular", sx: u.segmentB }),
-    /* @__PURE__ */ d(b, { variant: "rectangular", sx: u.segmentC })
-  ] }), e[0] = i) : i = e[0];
-  let r;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ O(S, { sx: u.container, children: [
-    i,
-    /* @__PURE__ */ d(S, { sx: u.legend, children: [0, 1].map(te) })
-  ] }), e[1] = r) : r = e[1], r;
+  let n;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ O(A, { sx: u.graph, children: [
+    /* @__PURE__ */ y(b, { variant: "rectangular", sx: u.segmentA }),
+    /* @__PURE__ */ y(b, { variant: "rectangular", sx: u.segmentB }),
+    /* @__PURE__ */ y(b, { variant: "rectangular", sx: u.segmentC })
+  ] }), e[0] = n) : n = e[0];
+  let o;
+  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ O(A, { sx: u.container, children: [
+    n,
+    /* @__PURE__ */ y(A, { sx: u.legend, children: [0, 1].map(te) })
+  ] }), e[1] = o) : o = e[1], o;
 }
 function te(e) {
-  return /* @__PURE__ */ O(S, { sx: u.legendItem, children: [
-    /* @__PURE__ */ d(b, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ d(b, { width: 48, height: 8 })
+  return /* @__PURE__ */ O(A, { sx: u.legendItem, children: [
+    /* @__PURE__ */ y(b, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ y(b, { width: 48, height: 8 })
   ] }, `legend-${e}`);
 }
-function je(e) {
-  const i = [];
-  return e.getCaptureEl && i.push(Q({
+function ve(e) {
+  const n = [];
+  return e.getCaptureEl && n.push(Q({
     filename: e.filename,
     getCaptureEl: e.getCaptureEl,
     pixelRatio: e.pngPixelRatio,
     backgroundColor: e.pngBackgroundColor
-  })), i.push(X({
+  })), n.push(X({
     filename: e.filename,
     getRows: () => {
-      const r = e.getData(), c = r.length, a = [], o = /* @__PURE__ */ new Set();
-      for (const s of r)
+      const o = e.getData(), l = o.length, a = [], r = /* @__PURE__ */ new Set();
+      for (const s of o)
         for (const m of s) {
           const t = String(m.name);
-          o.has(t) || (o.add(t), a.push(m.name));
+          r.has(t) || (r.add(t), a.push(m.name));
         }
-      const y = r.map((s) => new Map(s.map((m) => [String(m.name), m.value]))), f = ["time"];
-      for (let s = 0; s < c; s++)
-        f.push(e.seriesNames?.[s] ?? `series_${s + 1}`);
-      const l = [f];
+      const p = o.map((s) => new Map(s.map((m) => [String(m.name), m.value]))), g = ["time"];
+      for (let s = 0; s < l; s++)
+        g.push(e.seriesNames?.[s] ?? `series_${s + 1}`);
+      const c = [g];
       for (const s of a) {
         const m = [re(s)], t = String(s);
-        for (const x of y) m.push(x.get(t) ?? "");
-        l.push(m);
+        for (const x of p) m.push(x.get(t) ?? "");
+        c.push(m);
       }
-      return l;
+      return c;
     }
-  })), i;
+  })), n;
 }
 function re(e) {
   return e instanceof Date ? e.toISOString() : typeof e == "number" ? new Date(e).toISOString() : e;
 }
+function Be(e, n) {
+  if (n.length === 0 || !Array.isArray(e)) return e;
+  const o = new Set(n);
+  return e.map((l) => Array.isArray(l) ? l.filter((a) => {
+    if (a == null || typeof a != "object" || !("name" in a))
+      return !1;
+    const r = a.name, p = r instanceof Date ? r.getTime() : r;
+    return (typeof p == "string" || typeof p == "number") && o.has(p);
+  }) : l);
+}
 export {
-  ve as TimeseriesSkeleton,
-  je as createTimeseriesDownloadConfig,
+  je as TimeseriesSkeleton,
+  ve as createTimeseriesDownloadConfig,
   Oe as createTimeseriesOptionFactory,
+  Be as filterTimeseriesByLockedItems,
   ee as timeseriesOptions
 };
 //# sourceMappingURL=timeseries.js.map

package/dist/widgets-v2/timeseries.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeseries.js","sources":["../../src/widgets-v2/timeseries/options.ts","../../src/widgets-v2/timeseries/skeleton.tsx","../../src/widgets-v2/timeseries/download.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildAxisLabelStyle,\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../../widgets/utils/chart-config'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { positionDataZoomForLegend } from '../utils/data-zoom-layout'\nimport type {\n  TimeseriesEChartsOption,\n  TimeseriesOptionFactoryInput,\n  TimeseriesOptionsInput,\n  TimeseriesWidgetData,\n} from './types'\n\n/**\n * Builds the **structural** ECharts option for a timeseries widget —\n * time x-axis, value y-axis, themed tooltip, themed legend, CARTO color\n * palette. Mirrors {@link import('../bar/options').barOptions} so all\n * four ECharts widgets share v1 look-and-feel.\n *\n * Intentional deviations from bar (timeseries-specific):\n *   - **X-axis is `type: 'time'`** (not 'category'). ECharts handles\n *     uneven sample spacing and zoom-level-aware label formatting.\n *     `labelFormatter` is wrapped so the consumer sees a `Date`, not\n *     a numeric timestamp.\n *   - **Tooltip body reads `{ name, value }` rows**, same as bar, but\n *     the `name` may arrive as `Date | number | string`. The\n *     `labelFormatter` receives a `Date` regardless.\n *\n * Intentionally data-agnostic: no series, no dataset, no `legend.show`\n * (those depend on data and are added by the option factory's merge\n * phase via {@link createTimeseriesOptionFactory}).\n */\nexport function timeseriesOptions({\n  theme,\n  formatter,\n  labelFormatter,\n}: TimeseriesOptionsInput): TimeseriesEChartsOption {\n  // Closure shared between yAxis min/max callbacks and the label formatter,\n  // so only the rounded extents are labelled (matches v1 + bar).\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    grid: {\n      left: parseInt(theme.spacing(1)),\n      top: parseInt(theme.spacing(3)),\n      right: parseInt(theme.spacing(1)),\n      // Default: no legend. Merger bumps this when there are >1 series.\n      ...buildGridConfig(false, theme),\n      containLabel: true,\n    },\n    tooltip: {\n      trigger: 'axis',\n      backgroundColor: theme.palette.grey[900],\n      borderWidth: 0,\n      padding: [parseInt(theme.spacing(1)), parseInt(theme.spacing(1))],\n      textStyle: {\n        color: theme.palette.common.white,\n        fontSize: 11,\n        fontFamily: theme.typography.caption.fontFamily,\n      },\n      axisPointer: { type: 'line' },\n      position: createTooltipPositioner(theme),\n      formatter: buildTimeseriesTooltipFormatter(formatter, labelFormatter),\n    },\n    // Legend styling baked here; `show` is toggled by the merger based on\n    // series count.\n    legend: {\n      ...buildLegendConfig({ hasLegend: false }),\n    },\n    axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n    color: [\n      theme.palette.secondary.main,\n      ...Object.values(\n        (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n          .qualitative?.bold ?? {},\n      ),\n    ],\n    xAxis: {\n      type: 'time',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n        margin: 0,\n        hideOverlap: true,\n        ...(labelFormatter && {\n          formatter: (value: number) => labelFormatter(new Date(value)),\n        }),\n      },\n    },\n    yAxis: {\n      type: 'value',\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      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom',\n        inside: true,\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    },\n  } as TimeseriesEChartsOption\n}\n\n/**\n * Returns the timeseries widget's {@link OptionFactory} — one closure\n * that owns BOTH phases of option construction:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link timeseriesOptions}, optionally merging\n *     the consumer-supplied `optionsOverride`. Called once by Provider to\n *     seed `rawOptions` in the store.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`TimeseriesWidgetData`) into the option via the dataset API: one\n *     dataset per series, each series referencing its dataset by index,\n *     encoded by `name` (x — time) and `value` (y). Mirrors {@link import('../bar/options').createBarOptionFactory}:\n *     series-template merge for `addStack`, reactive formatters from\n *     `ctx`, `niceNum`-rounded y-axis bounds at fusion time, and\n *     `positionDataZoomForLegend` layout for ZoomToggle sliders.\n */\nexport function createTimeseriesOptionFactory(\n  options: TimeseriesOptionFactoryInput,\n): OptionFactory {\n  const { theme, formatter, labelFormatter, optionsOverride } = options\n  const series = options.series\n  const smooth = options.smooth ?? true\n  const area = options.area ?? false\n  const selection = options.selection\n  const selectionSet =\n    selection && selection.length > 0\n      ? new Set<string | number>(selection)\n      : null\n  // `name` may be Date | number | string. Normalize to the same type the\n  // selection is keyed on (Date → ms) so Set lookups match.\n  const normalizeName = (n: Date | number | string): string | number =>\n    n instanceof Date ? n.getTime() : n\n  return (option, data, ctx) => {\n    if (option == null) {\n      const structural = timeseriesOptions({ theme, formatter, labelFormatter })\n      return optionsOverride\n        ? (mergeOptions(\n            structural as unknown as Record<string, unknown>,\n            optionsOverride as Partial<Record<string, unknown>>,\n          ) as EChartsOption)\n        : structural\n    }\n\n    const seriesArr = Array.isArray(data) ? (data as TimeseriesWidgetData) : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    const hasLegend = seriesArr.length > 1\n    const seriesTemplates = Array.isArray(option.series) ? option.series : []\n    const broadcastTemplate = seriesTemplates[0] ?? {}\n    const baseYAxis =\n      typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n        ? option.yAxis\n        : {}\n    const baseGrid =\n      typeof option.grid === 'object' && !Array.isArray(option.grid)\n        ? option.grid\n        : {}\n    const baseTooltip =\n      typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n        ? option.tooltip\n        : {}\n    const baseLegend =\n      typeof option.legend === 'object' && !Array.isArray(option.legend)\n        ? option.legend\n        : {}\n\n    // Reactive (live store) formatter from ctx — distinct from the\n    // closure-time `formatter` captured for the structural-build branch\n    // above. RelativeData can install a percent formatter on the store\n    // after the factory was constructed; the merge phase reads `ctx` to\n    // pick that up. `labelFormatter` (Date → string) is structural-only —\n    // not relativizable — so the merge branch reads the closure-time value.\n    const liveFormatter = ctx?.formatter\n\n    // Closure shared between the yAxis min/max callbacks and the label\n    // formatter, so only the rounded extents are labelled (matches v1 +\n    // bar). Delegating the extent to ECharts (rather than precomputing\n    // scalars from the raw data) keeps stacked lines inside the plot: when\n    // StackToggle marks the series, ECharts feeds the *post-stack* extent\n    // to these callbacks, so `niceNum` rounds the stacked total.\n    let niceMin = 0\n    let niceMax = 1\n\n    // Zoom slider layout: when ZoomToggle has installed `dataZoom`, push the\n    // slider above the legend (if any) and reserve room in the grid below.\n    const dataZoomLayout = positionDataZoomForLegend(option.dataZoom, hasLegend)\n    const fallbackBottom =\n      typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n    const baseBottom = hasLegend ? 56 : fallbackBottom\n    const gridBottom = dataZoomLayout\n      ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : baseBottom\n\n    // Dim non-selected points via `series.itemStyle.color`. Per-row\n    // `itemStyle` on dataset object-rows is silently ignored when\n    // `series.encode` is in play.\n    //\n    // We *always* emit `itemStyle.color` (a passthrough when nothing is\n    // selected), not conditionally — dropping the key between renders\n    // would let ECharts' default merge keep the previous callback alive\n    // and points would stay dimmed forever after an external clear.\n    // Always emitting lets normal merge swap the callback in place, no\n    // `replaceMerge` and no entry-animation flash on selection on/off.\n    const dimItemStyle = {\n      color: (params: CallbackDataParams) => {\n        const datum = params.value as\n          | { name?: Date | number | string }\n          | undefined\n        const raw = datum?.name\n        const base = params.color as string\n        if (!selectionSet || raw == null) return base\n        return selectionSet.has(normalizeName(raw))\n          ? base\n          : echarts.color.modifyAlpha(base, 0.15)\n      },\n    }\n\n    return {\n      ...option,\n      dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n      series: seriesArr.map((_, i) => {\n        const template =\n          (seriesTemplates[i] as object | undefined) ??\n          (broadcastTemplate as object)\n        // For line series, set BOTH `series[i].color` (legend swatch +\n        // markers) AND `series[i].lineStyle.color` (the line itself) so\n        // the override paints everywhere a series has a colour slot.\n        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n        return {\n          ...(typeof template === 'object' ? template : {}),\n          type: 'line' as const,\n          datasetIndex: i,\n          name: series?.[i]?.name ?? `Series ${i + 1}`,\n          encode: { x: 'name', y: 'value' },\n          smooth,\n          // When a selection is active, surface markers so the per-point\n          // color callback has something to dim — a continuous line would\n          // hide the visual selection feedback.\n          showSymbol: selectionSet != null,\n          ...(area ? { areaStyle: {} } : {}),\n          emphasis: { focus: 'series' },\n          itemStyle: dimItemStyle,\n          ...(overrideColor\n            ? { color: overrideColor, lineStyle: { color: overrideColor } }\n            : {}),\n        }\n      }),\n      legend: { ...baseLegend, show: hasLegend },\n      grid: { ...baseGrid, bottom: gridBottom },\n      ...(dataZoomLayout ? { dataZoom: dataZoomLayout } : {}),\n      yAxis: {\n        ...baseYAxis,\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        axisLabel: {\n          ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n          formatter: (value: number) => {\n            if (value !== niceMax && value !== niceMin) return ''\n            if (value === 0) return ''\n            return liveFormatter ? liveFormatter(value) : String(value)\n          },\n        },\n      } as EChartsOption['yAxis'],\n      tooltip: {\n        ...baseTooltip,\n        formatter: buildTimeseriesTooltipFormatter(\n          liveFormatter,\n          labelFormatter,\n        ),\n      },\n    } as EChartsOption\n  }\n}\n\n/**\n * Tooltip formatter for the timeseries `{ name, value }` row shape.\n * `name` arrives as `Date | number | string` (the time-axis stores the\n * raw value the consumer supplied). The consumer's `labelFormatter`\n * expects a `Date`, so we coerce non-Date values via `new Date(...)`\n * before invoking it.\n */\nfunction buildTimeseriesTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: Date) => string) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const row = item.value as\n      | { name?: Date | number | string; value?: number }\n      | undefined\n    const raw = row?.value\n    const formattedValue =\n      typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    const rawName = row?.name ?? item.name\n    const name =\n      labelFormatter && rawName != null\n        ? labelFormatter(rawName instanceof Date ? rawName : new Date(rawName))\n        : (rawName ?? '')\n    return { name: String(name), seriesName, marker, value: formattedValue }\n  })\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    gap: ({ spacing }) => spacing(1),\n    height: ({ spacing }) => spacing(38),\n  },\n  graph: {\n    position: 'relative',\n    flex: '1 1 auto',\n    width: '100%',\n  },\n  segmentA: {\n    position: 'absolute',\n    left: 0,\n    right: '70%',\n    top: '60%',\n    height: 4,\n  },\n  segmentB: {\n    position: 'absolute',\n    left: '25%',\n    right: '40%',\n    top: '35%',\n    height: 4,\n  },\n  segmentC: {\n    position: 'absolute',\n    left: '55%',\n    right: 0,\n    top: '50%',\n    height: 4,\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n    height: ({ spacing }) => spacing(5),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\n/**\n * Loading state for the Timeseries widget. Mirrors a line chart's\n * silhouette — three thin horizontal segments at staggered offsets to\n * suggest a moving line, plus a 2-dot legend stub. Sibling-consistent\n * with Bar / Histogram / Scatter skeletons (column-flex container with\n * legend strip below).\n */\nexport function TimeseriesSkeleton() {\n  return (\n    <Box sx={styles.container}>\n      <Box sx={styles.graph}>\n        <Skeleton variant='rectangular' sx={styles.segmentA} />\n        <Skeleton variant='rectangular' sx={styles.segmentB} />\n        <Skeleton variant='rectangular' sx={styles.segmentC} />\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  buildPngDownloadItem,\n  type DownloadItem,\n} from '../actions/download'\nimport type { TimeseriesWidgetData } from './types'\n\n/**\n * Download menu items for the Timeseries widget. Always includes a CSV\n * item with `time, series_1, series_2, …` columns (one row per unique time\n * across all series; ISO-8601 strings for `Date`/numeric times). When\n * `getCaptureEl` is supplied, prepends a PNG item that rasterises the\n * captured element via `html2canvas`.\n */\nexport function createTimeseriesDownloadConfig(args: {\n  filename: string\n  getData: () => TimeseriesWidgetData\n  seriesNames?: readonly string[]\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push(\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: () => {\n        const data = args.getData()\n        const seriesCount = data.length\n\n        // Collect every unique time, preserving insertion order.\n        const timeKeys: (Date | number | string)[] = []\n        const seenKeys = new Set<string>()\n        for (const series of data) {\n          for (const point of series) {\n            const key = String(point.name)\n            if (!seenKeys.has(key)) {\n              seenKeys.add(key)\n              timeKeys.push(point.name)\n            }\n          }\n        }\n\n        // Build a quick lookup per series for O(rows × series) emit.\n        const lookups = data.map(\n          (series) => new Map(series.map((p) => [String(p.name), p.value])),\n        )\n\n        const header: unknown[] = ['time']\n        for (let i = 0; i < seriesCount; i++) {\n          header.push(args.seriesNames?.[i] ?? `series_${i + 1}`)\n        }\n        const rows: unknown[][] = [header]\n        for (const key of timeKeys) {\n          const row: unknown[] = [formatTime(key)]\n          const lookupKey = String(key)\n          for (const lookup of lookups) row.push(lookup.get(lookupKey) ?? '')\n          rows.push(row)\n        }\n\n        return rows\n      },\n    }),\n  )\n  return items\n}\n\nfunction formatTime(v: Date | number | string): string {\n  if (v instanceof Date) return v.toISOString()\n  if (typeof v === 'number') return new Date(v).toISOString()\n  return v\n}\n"],"names":["timeseriesOptions","theme","formatter","labelFormatter","niceMin","niceMax","grid","left","parseInt","spacing","top","right","buildGridConfig","containLabel","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","textStyle","color","common","white","fontSize","fontFamily","typography","caption","axisPointer","type","position","createTooltipPositioner","buildTimeseriesTooltipFormatter","legend","buildLegendConfig","hasLegend","lineStyle","secondary","main","Object","values","qualitative","bold","xAxis","axisLine","show","axisTick","axisLabel","buildAxisLabelStyle","margin","hideOverlap","value","Date","yAxis","min","extent","niceNum","max","splitLine","black","divider","showMaxLabel","showMinLabel","verticalAlign","inside","String","createTimeseriesOptionFactory","options","optionsOverride","series","smooth","area","selection","selectionSet","length","Set","normalizeName","n","getTime","option","data","ctx","structural","mergeOptions","seriesArr","Array","isArray","dataset","seriesTemplates","broadcastTemplate","baseYAxis","baseGrid","baseTooltip","baseLegend","liveFormatter","dataZoomLayout","positionDataZoomForLegend","dataZoom","fallbackBottom","bottom","baseBottom","gridBottom","ZOOM_LAYOUT","sliderHeight","sliderGap","dimItemStyle","params","raw","name","base","has","echarts","modifyAlpha","map","s","source","_","i","template","overrideColor","resolveThemeColor","datasetIndex","encode","x","y","showSymbol","areaStyle","emphasis","focus","itemStyle","createTooltipFormatter","item","row","formattedValue","marker","seriesName","rawName","styles","container","display","flexDirection","justifyContent","gap","height","graph","flex","width","segmentA","segmentB","segmentC","alignItems","legendItem","TimeseriesSkeleton","$","_c","t0","Symbol","for","jsxs","Box","jsx","Skeleton","t1","_temp","createTimeseriesDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","pngBackgroundColor","buildCsvDownloadItem","getRows","getData","seriesCount","timeKeys","seenKeys","point","key","add","lookups","Map","p","header","seriesNames","rows","formatTime","lookupKey","lookup","get","v","toISOString"],"mappings":"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"}
+{"version":3,"file":"timeseries.js","sources":["../../src/widgets-v2/timeseries/options.ts","../../src/widgets-v2/timeseries/skeleton.tsx","../../src/widgets-v2/timeseries/download.ts","../../src/widgets-v2/timeseries/transforms.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildAxisLabelStyle,\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../../widgets/utils/chart-config'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { positionDataZoomForLegend } from '../utils/data-zoom-layout'\nimport type {\n  TimeseriesEChartsOption,\n  TimeseriesOptionFactoryInput,\n  TimeseriesOptionsInput,\n  TimeseriesWidgetData,\n} from './types'\n\n/**\n * Builds the **structural** ECharts option for a timeseries widget —\n * time x-axis, value y-axis, themed tooltip, themed legend, CARTO color\n * palette. Mirrors {@link import('../bar/options').barOptions} so all\n * four ECharts widgets share v1 look-and-feel.\n *\n * Intentional deviations from bar (timeseries-specific):\n *   - **X-axis is `type: 'time'`** (not 'category'). ECharts handles\n *     uneven sample spacing and zoom-level-aware label formatting.\n *     `labelFormatter` is wrapped so the consumer sees a `Date`, not\n *     a numeric timestamp.\n *   - **Tooltip body reads `{ name, value }` rows**, same as bar, but\n *     the `name` may arrive as `Date | number | string`. The\n *     `labelFormatter` receives a `Date` regardless.\n *\n * Intentionally data-agnostic: no series, no dataset, no `legend.show`\n * (those depend on data and are added by the option factory's merge\n * phase via {@link createTimeseriesOptionFactory}).\n */\nexport function timeseriesOptions({\n  theme,\n  formatter,\n  labelFormatter,\n}: TimeseriesOptionsInput): TimeseriesEChartsOption {\n  // Closure shared between yAxis min/max callbacks and the label formatter,\n  // so only the rounded extents are labelled (matches v1 + bar).\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    grid: {\n      left: parseInt(theme.spacing(1)),\n      top: parseInt(theme.spacing(3)),\n      right: parseInt(theme.spacing(1)),\n      // Default: no legend. Merger bumps this when there are >1 series.\n      ...buildGridConfig(false, theme),\n      containLabel: true,\n    },\n    tooltip: {\n      trigger: 'axis',\n      backgroundColor: theme.palette.grey[900],\n      borderWidth: 0,\n      padding: [parseInt(theme.spacing(1)), parseInt(theme.spacing(1))],\n      textStyle: {\n        color: theme.palette.common.white,\n        fontSize: 11,\n        fontFamily: theme.typography.caption.fontFamily,\n      },\n      axisPointer: { type: 'line' },\n      position: createTooltipPositioner(theme),\n      formatter: buildTimeseriesTooltipFormatter(formatter, labelFormatter),\n    },\n    // Legend styling baked here; `show` is toggled by the merger based on\n    // series count.\n    legend: {\n      ...buildLegendConfig({ hasLegend: false }),\n    },\n    axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n    color: [\n      theme.palette.secondary.main,\n      ...Object.values(\n        (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n          .qualitative?.bold ?? {},\n      ),\n    ],\n    xAxis: {\n      type: 'time',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n        margin: 0,\n        hideOverlap: true,\n        ...(labelFormatter && {\n          formatter: (value: number) => labelFormatter(new Date(value)),\n        }),\n      },\n    },\n    yAxis: {\n      type: 'value',\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      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom',\n        inside: true,\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    },\n  } as TimeseriesEChartsOption\n}\n\n/**\n * Returns the timeseries widget's {@link OptionFactory} — one closure\n * that owns BOTH phases of option construction:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link timeseriesOptions}, optionally merging\n *     the consumer-supplied `optionsOverride`. Called once by Provider to\n *     seed `rawOptions` in the store.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`TimeseriesWidgetData`) into the option via the dataset API: one\n *     dataset per series, each series referencing its dataset by index,\n *     encoded by `name` (x — time) and `value` (y). Mirrors {@link import('../bar/options').createBarOptionFactory}:\n *     series-template merge for `addStack`, reactive formatters from\n *     `ctx`, `niceNum`-rounded y-axis bounds at fusion time, and\n *     `positionDataZoomForLegend` layout for ZoomToggle sliders.\n */\nexport function createTimeseriesOptionFactory(\n  options: TimeseriesOptionFactoryInput,\n): OptionFactory {\n  const { theme, formatter, labelFormatter, optionsOverride } = options\n  const series = options.series\n  const smooth = options.smooth ?? true\n  const area = options.area ?? false\n  const selection = options.selection\n  const selectionSet =\n    selection && selection.length > 0\n      ? new Set<string | number>(selection)\n      : null\n  // `name` may be Date | number | string. Normalize to the same type the\n  // selection is keyed on (Date → ms) so Set lookups match.\n  const normalizeName = (n: Date | number | string): string | number =>\n    n instanceof Date ? n.getTime() : n\n  return (option, data, ctx) => {\n    if (option == null) {\n      const structural = timeseriesOptions({ theme, formatter, labelFormatter })\n      return optionsOverride\n        ? (mergeOptions(\n            structural as unknown as Record<string, unknown>,\n            optionsOverride as Partial<Record<string, unknown>>,\n          ) as EChartsOption)\n        : structural\n    }\n\n    const seriesArr = Array.isArray(data) ? (data as TimeseriesWidgetData) : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    const hasLegend = seriesArr.length > 1\n    const seriesTemplates = Array.isArray(option.series) ? option.series : []\n    const broadcastTemplate = seriesTemplates[0] ?? {}\n    const baseYAxis =\n      typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n        ? option.yAxis\n        : {}\n    const baseGrid =\n      typeof option.grid === 'object' && !Array.isArray(option.grid)\n        ? option.grid\n        : {}\n    const baseTooltip =\n      typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n        ? option.tooltip\n        : {}\n    const baseLegend =\n      typeof option.legend === 'object' && !Array.isArray(option.legend)\n        ? option.legend\n        : {}\n\n    // Reactive (live store) formatter from ctx — distinct from the\n    // closure-time `formatter` captured for the structural-build branch\n    // above. RelativeData can install a percent formatter on the store\n    // after the factory was constructed; the merge phase reads `ctx` to\n    // pick that up. `labelFormatter` (Date → string) is structural-only —\n    // not relativizable — so the merge branch reads the closure-time value.\n    const liveFormatter = ctx?.formatter\n\n    // Closure shared between the yAxis min/max callbacks and the label\n    // formatter, so only the rounded extents are labelled (matches v1 +\n    // bar). Delegating the extent to ECharts (rather than precomputing\n    // scalars from the raw data) keeps stacked lines inside the plot: when\n    // StackToggle marks the series, ECharts feeds the *post-stack* extent\n    // to these callbacks, so `niceNum` rounds the stacked total.\n    let niceMin = 0\n    let niceMax = 1\n\n    // Zoom slider layout: when ZoomToggle has installed `dataZoom`, push the\n    // slider above the legend (if any) and reserve room in the grid below.\n    const dataZoomLayout = positionDataZoomForLegend(option.dataZoom, hasLegend)\n    const fallbackBottom =\n      typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n    const baseBottom = hasLegend ? 56 : fallbackBottom\n    const gridBottom = dataZoomLayout\n      ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : baseBottom\n\n    // Dim non-selected points via `series.itemStyle.color`. Per-row\n    // `itemStyle` on dataset object-rows is silently ignored when\n    // `series.encode` is in play.\n    //\n    // We *always* emit `itemStyle.color` (a passthrough when nothing is\n    // selected), not conditionally — dropping the key between renders\n    // would let ECharts' default merge keep the previous callback alive\n    // and points would stay dimmed forever after an external clear.\n    // Always emitting lets normal merge swap the callback in place, no\n    // `replaceMerge` and no entry-animation flash on selection on/off.\n    const dimItemStyle = {\n      color: (params: CallbackDataParams) => {\n        const datum = params.value as\n          | { name?: Date | number | string }\n          | undefined\n        const raw = datum?.name\n        const base = params.color as string\n        if (!selectionSet || raw == null) return base\n        return selectionSet.has(normalizeName(raw))\n          ? base\n          : echarts.color.modifyAlpha(base, 0.15)\n      },\n    }\n\n    return {\n      ...option,\n      dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n      series: seriesArr.map((_, i) => {\n        const template =\n          (seriesTemplates[i] as object | undefined) ??\n          (broadcastTemplate as object)\n        // For line series, set BOTH `series[i].color` (legend swatch +\n        // markers) AND `series[i].lineStyle.color` (the line itself) so\n        // the override paints everywhere a series has a colour slot.\n        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n        return {\n          ...(typeof template === 'object' ? template : {}),\n          type: 'line' as const,\n          datasetIndex: i,\n          name: series?.[i]?.name ?? `Series ${i + 1}`,\n          encode: { x: 'name', y: 'value' },\n          smooth,\n          // When a selection is active, surface markers so the per-point\n          // color callback has something to dim — a continuous line would\n          // hide the visual selection feedback.\n          showSymbol: selectionSet != null,\n          ...(area ? { areaStyle: {} } : {}),\n          emphasis: { focus: 'series' },\n          itemStyle: dimItemStyle,\n          ...(overrideColor\n            ? { color: overrideColor, lineStyle: { color: overrideColor } }\n            : {}),\n        }\n      }),\n      legend: { ...baseLegend, show: hasLegend },\n      grid: { ...baseGrid, bottom: gridBottom },\n      ...(dataZoomLayout ? { dataZoom: dataZoomLayout } : {}),\n      yAxis: {\n        ...baseYAxis,\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        axisLabel: {\n          ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n          formatter: (value: number) => {\n            if (value !== niceMax && value !== niceMin) return ''\n            if (value === 0) return ''\n            return liveFormatter ? liveFormatter(value) : String(value)\n          },\n        },\n      } as EChartsOption['yAxis'],\n      tooltip: {\n        ...baseTooltip,\n        formatter: buildTimeseriesTooltipFormatter(\n          liveFormatter,\n          labelFormatter,\n        ),\n      },\n    } as EChartsOption\n  }\n}\n\n/**\n * Tooltip formatter for the timeseries `{ name, value }` row shape.\n * `name` arrives as `Date | number | string` (the time-axis stores the\n * raw value the consumer supplied). The consumer's `labelFormatter`\n * expects a `Date`, so we coerce non-Date values via `new Date(...)`\n * before invoking it.\n */\nfunction buildTimeseriesTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: Date) => string) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const row = item.value as\n      | { name?: Date | number | string; value?: number }\n      | undefined\n    const raw = row?.value\n    const formattedValue =\n      typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    const rawName = row?.name ?? item.name\n    const name =\n      labelFormatter && rawName != null\n        ? labelFormatter(rawName instanceof Date ? rawName : new Date(rawName))\n        : (rawName ?? '')\n    return { name: String(name), seriesName, marker, value: formattedValue }\n  })\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    gap: ({ spacing }) => spacing(1),\n    height: ({ spacing }) => spacing(38),\n  },\n  graph: {\n    position: 'relative',\n    flex: '1 1 auto',\n    width: '100%',\n  },\n  segmentA: {\n    position: 'absolute',\n    left: 0,\n    right: '70%',\n    top: '60%',\n    height: 4,\n  },\n  segmentB: {\n    position: 'absolute',\n    left: '25%',\n    right: '40%',\n    top: '35%',\n    height: 4,\n  },\n  segmentC: {\n    position: 'absolute',\n    left: '55%',\n    right: 0,\n    top: '50%',\n    height: 4,\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n    height: ({ spacing }) => spacing(5),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\n/**\n * Loading state for the Timeseries widget. Mirrors a line chart's\n * silhouette — three thin horizontal segments at staggered offsets to\n * suggest a moving line, plus a 2-dot legend stub. Sibling-consistent\n * with Bar / Histogram / Scatter skeletons (column-flex container with\n * legend strip below).\n */\nexport function TimeseriesSkeleton() {\n  return (\n    <Box sx={styles.container}>\n      <Box sx={styles.graph}>\n        <Skeleton variant='rectangular' sx={styles.segmentA} />\n        <Skeleton variant='rectangular' sx={styles.segmentB} />\n        <Skeleton variant='rectangular' sx={styles.segmentC} />\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  buildPngDownloadItem,\n  type DownloadItem,\n} from '../actions/download'\nimport type { TimeseriesWidgetData } from './types'\n\n/**\n * Download menu items for the Timeseries widget. Always includes a CSV\n * item with `time, series_1, series_2, …` columns (one row per unique time\n * across all series; ISO-8601 strings for `Date`/numeric times). When\n * `getCaptureEl` is supplied, prepends a PNG item that rasterises the\n * captured element via `html2canvas`.\n */\nexport function createTimeseriesDownloadConfig(args: {\n  filename: string\n  getData: () => TimeseriesWidgetData\n  seriesNames?: readonly string[]\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push(\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: () => {\n        const data = args.getData()\n        const seriesCount = data.length\n\n        // Collect every unique time, preserving insertion order.\n        const timeKeys: (Date | number | string)[] = []\n        const seenKeys = new Set<string>()\n        for (const series of data) {\n          for (const point of series) {\n            const key = String(point.name)\n            if (!seenKeys.has(key)) {\n              seenKeys.add(key)\n              timeKeys.push(point.name)\n            }\n          }\n        }\n\n        // Build a quick lookup per series for O(rows × series) emit.\n        const lookups = data.map(\n          (series) => new Map(series.map((p) => [String(p.name), p.value])),\n        )\n\n        const header: unknown[] = ['time']\n        for (let i = 0; i < seriesCount; i++) {\n          header.push(args.seriesNames?.[i] ?? `series_${i + 1}`)\n        }\n        const rows: unknown[][] = [header]\n        for (const key of timeKeys) {\n          const row: unknown[] = [formatTime(key)]\n          const lookupKey = String(key)\n          for (const lookup of lookups) row.push(lookup.get(lookupKey) ?? '')\n          rows.push(row)\n        }\n\n        return rows\n      },\n    }),\n  )\n  return items\n}\n\nfunction formatTime(v: Date | number | string): string {\n  if (v instanceof Date) return v.toISOString()\n  if (typeof v === 'number') return new Date(v).toISOString()\n  return v\n}\n","/**\n * `LockSelection` filter for Timeseries. Data is `{name, value}[][]` like\n * Bar/Pie/Category, but `name` may arrive as `Date | number | string` (the\n * time axis stores a `Date`). `lockedItems` is snapshotted from `selection`,\n * whose keys are already normalized to `Date → ms` (see `options.ts`'s\n * `normalizeName`) — so a raw `Date` name must be normalized the same way\n * before the membership check, or every point would compare a `Date` object\n * against a `number` and silently fail to match, filtering everything out.\n */\nexport function filterTimeseriesByLockedItems(\n  input: unknown,\n  lockedItems: readonly (string | number)[],\n): unknown {\n  if (lockedItems.length === 0) return input\n  if (!Array.isArray(input)) return input\n  const locked = new Set<string | number>(lockedItems)\n  return input.map((series: unknown): unknown => {\n    if (!Array.isArray(series)) return series\n    return series.filter((item: unknown) => {\n      if (item == null || typeof item !== 'object' || !('name' in item)) {\n        return false\n      }\n      const raw = (item as { name: unknown }).name\n      const name = raw instanceof Date ? raw.getTime() : raw\n      return (\n        (typeof name === 'string' || typeof name === 'number') &&\n        locked.has(name)\n      )\n    })\n  })\n}\n"],"names":["timeseriesOptions","theme","formatter","labelFormatter","niceMin","niceMax","grid","left","parseInt","spacing","top","right","buildGridConfig","containLabel","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","textStyle","color","common","white","fontSize","fontFamily","typography","caption","axisPointer","type","position","createTooltipPositioner","buildTimeseriesTooltipFormatter","legend","buildLegendConfig","hasLegend","lineStyle","secondary","main","Object","values","qualitative","bold","xAxis","axisLine","show","axisTick","axisLabel","buildAxisLabelStyle","margin","hideOverlap","value","Date","yAxis","min","extent","niceNum","max","splitLine","black","divider","showMaxLabel","showMinLabel","verticalAlign","inside","String","createTimeseriesOptionFactory","options","optionsOverride","series","smooth","area","selection","selectionSet","length","Set","normalizeName","n","getTime","option","data","ctx","structural","mergeOptions","seriesArr","Array","isArray","dataset","seriesTemplates","broadcastTemplate","baseYAxis","baseGrid","baseTooltip","baseLegend","liveFormatter","dataZoomLayout","positionDataZoomForLegend","dataZoom","fallbackBottom","bottom","baseBottom","gridBottom","ZOOM_LAYOUT","sliderHeight","sliderGap","dimItemStyle","params","raw","name","base","has","echarts","modifyAlpha","map","s","source","_","i","template","overrideColor","resolveThemeColor","datasetIndex","encode","x","y","showSymbol","areaStyle","emphasis","focus","itemStyle","createTooltipFormatter","item","row","formattedValue","marker","seriesName","rawName","styles","container","display","flexDirection","justifyContent","gap","height","graph","flex","width","segmentA","segmentB","segmentC","alignItems","legendItem","TimeseriesSkeleton","$","_c","t0","Symbol","for","jsxs","Box","jsx","Skeleton","t1","_temp","createTimeseriesDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","pngBackgroundColor","buildCsvDownloadItem","getRows","getData","seriesCount","timeKeys","seenKeys","point","key","add","lookups","Map","p","header","seriesNames","rows","formatTime","lookupKey","lookup","get","v","toISOString","filterTimeseriesByLockedItems","input","lockedItems","locked","filter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCO,SAASA,GAAkB;AAAA,EAChCC,OAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,gBAAAA;AACsB,GAA4B;AAGlD,MAAIC,IAAU,GACVC,IAAU;AAEd,SAAO;AAAA,IACLC,MAAM;AAAA,MACJC,MAAMC,SAASP,EAAMQ,QAAQ,CAAC,CAAC;AAAA,MAC/BC,KAAKF,SAASP,EAAMQ,QAAQ,CAAC,CAAC;AAAA,MAC9BE,OAAOH,SAASP,EAAMQ,QAAQ,CAAC,CAAC;AAAA;AAAA,MAEhC,GAAGG,EAAgB,IAAOX,CAAK;AAAA,MAC/BY,cAAc;AAAA,IAAA;AAAA,IAEhBC,SAAS;AAAA,MACPC,SAAS;AAAA,MACTC,iBAAiBf,EAAMgB,QAAQC,KAAK,GAAG;AAAA,MACvCC,aAAa;AAAA,MACbC,SAAS,CAACZ,SAASP,EAAMQ,QAAQ,CAAC,CAAC,GAAGD,SAASP,EAAMQ,QAAQ,CAAC,CAAC,CAAC;AAAA,MAChEY,WAAW;AAAA,QACTC,OAAOrB,EAAMgB,QAAQM,OAAOC;AAAAA,QAC5BC,UAAU;AAAA,QACVC,YAAYzB,EAAM0B,WAAWC,QAAQF;AAAAA,MAAAA;AAAAA,MAEvCG,aAAa;AAAA,QAAEC,MAAM;AAAA,MAAA;AAAA,MACrBC,UAAUC,EAAwB/B,CAAK;AAAA,MACvCC,WAAW+B,EAAgC/B,GAAWC,CAAc;AAAA,IAAA;AAAA;AAAA;AAAA,IAItE+B,QAAQ;AAAA,MACN,GAAGC,EAAkB;AAAA,QAAEC,WAAW;AAAA,MAAA,CAAO;AAAA,IAAA;AAAA,IAE3CP,aAAa;AAAA,MAAEQ,WAAW;AAAA,QAAEf,OAAOrB,EAAMgB,QAAQC,KAAK,GAAG;AAAA,MAAA;AAAA,IAAE;AAAA,IAC3DI,OAAO,CACLrB,EAAMgB,QAAQqB,UAAUC,MACxB,GAAGC,OAAOC,OACPxC,EAAMgB,QACJyB,aAAaC,QAAQ,CAAA,CAC1B,CAAC;AAAA,IAEHC,OAAO;AAAA,MACLd,MAAM;AAAA,MACNe,UAAU;AAAA,QAAEC,MAAM;AAAA,MAAA;AAAA,MAClBC,UAAU;AAAA,QAAED,MAAM;AAAA,MAAA;AAAA,MAClBE,WAAW;AAAA,QACT,GAAGC,EAAoBhD,CAAK;AAAA,QAC5BmB,SAAS,CAACZ,SAASP,EAAMQ,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QAC/CyC,QAAQ;AAAA,QACRC,aAAa;AAAA,QACb,GAAIhD,KAAkB;AAAA,UACpBD,WAAWA,CAACkD,MAAkBjD,EAAe,IAAIkD,KAAKD,CAAK,CAAC;AAAA,QAAA;AAAA,MAC9D;AAAA,IACF;AAAA,IAEFE,OAAO;AAAA,MACLxB,MAAM;AAAA,MACNyB,KAAKA,CAACC,OACJpD,IAAUoD,EAAOD,MAAM,IAAIE,EAAQD,EAAOD,GAAG,IAAI,GAC1CnD;AAAAA,MAETsD,KAAKA,CAACF,OACJnD,IAAUmD,EAAOE,OAAO,IAAI,IAAID,EAAQD,EAAOE,GAAG,GAC3CrD;AAAAA,MAETwC,UAAU;AAAA,QAAEC,MAAM;AAAA,MAAA;AAAA,MAClBC,UAAU;AAAA,QAAED,MAAM;AAAA,MAAA;AAAA,MAClBa,WAAW;AAAA,QACTb,MAAM;AAAA,QACNT,WAAW;AAAA,UAAEf,OAAOrB,EAAMgB,QAAQ2C,QAAQ,CAAC,KAAK3D,EAAMgB,QAAQ4C;AAAAA,QAAAA;AAAAA,MAAQ;AAAA,MAExEb,WAAW;AAAA,QACT,GAAGC,EAAoBhD,CAAK;AAAA,QAC5BiD,QAAQ1C,SAASP,EAAMQ,QAAQ,CAAC,CAAC;AAAA,QACjCqC,MAAM;AAAA,QACNgB,cAAc;AAAA,QACdC,cAAc;AAAA,QACdC,eAAe;AAAA,QACfC,QAAQ;AAAA,QACR/D,WAAWA,CAACkD,MACNA,MAAU/C,KAAW+C,MAAUhD,KAC/BgD,MAAU,IAAU,KACjBlD,IAAYA,EAAUkD,CAAK,IAAIc,OAAOd,CAAK;AAAA,MACpD;AAAA,IACF;AAAA,EACF;AAEJ;AAkBO,SAASe,GACdC,GACe;AACf,QAAM;AAAA,IAAEnE,OAAAA;AAAAA,IAAOC,WAAAA;AAAAA,IAAWC,gBAAAA;AAAAA,IAAgBkE,iBAAAA;AAAAA,EAAAA,IAAoBD,GACxDE,IAASF,EAAQE,QACjBC,IAASH,EAAQG,UAAU,IAC3BC,IAAOJ,EAAQI,QAAQ,IACvBC,IAAYL,EAAQK,WACpBC,IACJD,KAAaA,EAAUE,SAAS,IAC5B,IAAIC,IAAqBH,CAAS,IAClC,MAGAI,IAAgBA,CAACC,MACrBA,aAAazB,OAAOyB,EAAEC,YAAYD;AACpC,SAAO,CAACE,GAAQC,GAAMC,MAAQ;AAC5B,QAAIF,KAAU,MAAM;AAClB,YAAMG,IAAanF,GAAkB;AAAA,QAAEC,OAAAA;AAAAA,QAAOC,WAAAA;AAAAA,QAAWC,gBAAAA;AAAAA,MAAAA,CAAgB;AACzE,aAAOkE,IACFe,EACCD,GACAd,CACF,IACAc;AAAAA,IACN;AAEA,UAAME,IAAYC,MAAMC,QAAQN,CAAI,IAAKA,IAAgC,CAAA;AACzE,QAAII,EAAUV,WAAW;AACvB,aAAO;AAAA,QAAE,GAAGK;AAAAA,QAAQQ,SAAS,CAAA;AAAA,QAAIlB,QAAQ,CAAA;AAAA,MAAA;AAE3C,UAAMlC,IAAYiD,EAAUV,SAAS,GAC/Bc,IAAkBH,MAAMC,QAAQP,EAAOV,MAAM,IAAIU,EAAOV,SAAS,CAAA,GACjEoB,IAAoBD,EAAgB,CAAC,KAAK,CAAA,GAC1CE,IACJ,OAAOX,EAAO1B,SAAU,YAAY,CAACgC,MAAMC,QAAQP,EAAO1B,KAAK,IAC3D0B,EAAO1B,QACP,CAAA,GACAsC,IACJ,OAAOZ,EAAO1E,QAAS,YAAY,CAACgF,MAAMC,QAAQP,EAAO1E,IAAI,IACzD0E,EAAO1E,OACP,CAAA,GACAuF,IACJ,OAAOb,EAAOlE,WAAY,YAAY,CAACwE,MAAMC,QAAQP,EAAOlE,OAAO,IAC/DkE,EAAOlE,UACP,CAAA,GACAgF,IACJ,OAAOd,EAAO9C,UAAW,YAAY,CAACoD,MAAMC,QAAQP,EAAO9C,MAAM,IAC7D8C,EAAO9C,SACP,CAAA,GAQA6D,IAAgBb,GAAKhF;AAQ3B,QAAIE,IAAU,GACVC,IAAU;AAId,UAAM2F,IAAiBC,EAA0BjB,EAAOkB,UAAU9D,CAAS,GACrE+D,IACJ,OAAOP,EAASQ,UAAW,WAAWR,EAASQ,SAAS,IACpDC,IAAajE,IAAY,KAAK+D,GAC9BG,IAAaN,IACfK,IAAaE,EAAYC,eAAeD,EAAYE,YACpDJ,GAYEK,IAAe;AAAA,MACnBpF,OAAOA,CAACqF,MAA+B;AAIrC,cAAMC,IAHQD,EAAOvD,OAGFyD,MACbC,IAAOH,EAAOrF;AACpB,eAAI,CAACoD,KAAgBkC,KAAO,QACrBlC,EAAaqC,IAAIlC,EAAc+B,CAAG,CAAC,IADDE,IAGrCE,EAAQ1F,MAAM2F,YAAYH,GAAM,IAAI;AAAA,MAC1C;AAAA,IAAA;AAGF,WAAO;AAAA,MACL,GAAG9B;AAAAA,MACHQ,SAASH,EAAU6B,IAAKC,CAAAA,OAAO;AAAA,QAAEC,QAAQD;AAAAA,MAAAA,EAAyB;AAAA,MAClE7C,QAAQe,EAAU6B,IAAI,CAACG,GAAGC,MAAM;AAC9B,cAAMC,IACH9B,EAAgB6B,CAAC,KACjB5B,GAIG8B,IAAgBC,EAAkBxH,GAAOqE,IAASgD,CAAC,GAAGhG,KAAK;AACjE,eAAO;AAAA,UACL,GAAI,OAAOiG,KAAa,WAAWA,IAAW,CAAA;AAAA,UAC9CzF,MAAM;AAAA,UACN4F,cAAcJ;AAAAA,UACdT,MAAMvC,IAASgD,CAAC,GAAGT,QAAQ,UAAUS,IAAI,CAAC;AAAA,UAC1CK,QAAQ;AAAA,YAAEC,GAAG;AAAA,YAAQC,GAAG;AAAA,UAAA;AAAA,UACxBtD,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA,UAIAuD,YAAYpD,KAAgB;AAAA,UAC5B,GAAIF,IAAO;AAAA,YAAEuD,WAAW,CAAA;AAAA,UAAC,IAAM,CAAA;AAAA,UAC/BC,UAAU;AAAA,YAAEC,OAAO;AAAA,UAAA;AAAA,UACnBC,WAAWxB;AAAAA,UACX,GAAIc,IACA;AAAA,YAAElG,OAAOkG;AAAAA,YAAenF,WAAW;AAAA,cAAEf,OAAOkG;AAAAA,YAAAA;AAAAA,UAAc,IAC1D,CAAA;AAAA,QAAC;AAAA,MAET,CAAC;AAAA,MACDtF,QAAQ;AAAA,QAAE,GAAG4D;AAAAA,QAAYhD,MAAMV;AAAAA,MAAAA;AAAAA,MAC/B9B,MAAM;AAAA,QAAE,GAAGsF;AAAAA,QAAUQ,QAAQE;AAAAA,MAAAA;AAAAA,MAC7B,GAAIN,IAAiB;AAAA,QAAEE,UAAUF;AAAAA,MAAAA,IAAmB,CAAA;AAAA,MACpD1C,OAAO;AAAA,QACL,GAAGqC;AAAAA,QACHpC,KAAKA,CAACC,OACJpD,IAAUoD,EAAOD,MAAM,IAAIE,EAAQD,EAAOD,GAAG,IAAI,GAC1CnD;AAAAA,QAETsD,KAAKA,CAACF,OACJnD,IAAUmD,EAAOE,OAAO,IAAI,IAAID,EAAQD,EAAOE,GAAG,GAC3CrD;AAAAA,QAET2C,WAAW;AAAA,UACT,GAAK2C,EAAqC3C,aAAa,CAAA;AAAA,UACvD9C,WAAWA,CAACkD,MACNA,MAAU/C,KAAW+C,MAAUhD,KAC/BgD,MAAU,IAAU,KACjB2C,IAAgBA,EAAc3C,CAAK,IAAIc,OAAOd,CAAK;AAAA,QAC5D;AAAA,MACF;AAAA,MAEFtC,SAAS;AAAA,QACP,GAAG+E;AAAAA,QACH3F,WAAW+B,EACT8D,GACA5F,CACF;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AACF;AASA,SAAS8B,EACP/B,GACAC,GACA;AACA,SAAOgI,EAAwBC,CAAAA,MAAS;AACtC,UAAMC,IAAMD,EAAKhF,OAGXwD,IAAMyB,GAAKjF,OACXkF,IACJ,OAAO1B,KAAQ,YAAY1G,IAAYA,EAAU0G,CAAG,IAAKA,KAAO,IAC5D2B,IAAS,OAAOH,EAAKG,UAAW,WAAWH,EAAKG,SAAS,IACzDC,IAAaJ,EAAKI,aAAa,GAAGJ,EAAKI,UAAU,OAAO,IACxDC,IAAUJ,GAAKxB,QAAQuB,EAAKvB,MAC5BA,IACJ1G,KAAkBsI,KAAW,OACzBtI,EAAesI,aAAmBpF,OAAOoF,IAAU,IAAIpF,KAAKoF,CAAO,CAAC,IACnEA,KAAW;AAClB,WAAO;AAAA,MAAE5B,MAAM3C,OAAO2C,CAAI;AAAA,MAAG2B,YAAAA;AAAAA,MAAYD,QAAAA;AAAAA,MAAQnF,OAAOkF;AAAAA,IAAAA;AAAAA,EAC1D,CAAC;AACH;ACpVA,MAAMI,IAAS;AAAA,EACbC,WAAW;AAAA,IACTC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgB;AAAA,IAChBC,KAAKA,CAAC;AAAA,MAAEtI,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,CAAC;AAAA,IAC/BuI,QAAQA,CAAC;AAAA,MAAEvI,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,EAAE;AAAA,EAAA;AAAA,EAErCwI,OAAO;AAAA,IACLlH,UAAU;AAAA,IACVmH,MAAM;AAAA,IACNC,OAAO;AAAA,EAAA;AAAA,EAETC,UAAU;AAAA,IACRrH,UAAU;AAAA,IACVxB,MAAM;AAAA,IACNI,OAAO;AAAA,IACPD,KAAK;AAAA,IACLsI,QAAQ;AAAA,EAAA;AAAA,EAEVK,UAAU;AAAA,IACRtH,UAAU;AAAA,IACVxB,MAAM;AAAA,IACNI,OAAO;AAAA,IACPD,KAAK;AAAA,IACLsI,QAAQ;AAAA,EAAA;AAAA,EAEVM,UAAU;AAAA,IACRvH,UAAU;AAAA,IACVxB,MAAM;AAAA,IACNI,OAAO;AAAA,IACPD,KAAK;AAAA,IACLsI,QAAQ;AAAA,EAAA;AAAA,EAEV9G,QAAQ;AAAA,IACN0G,SAAS;AAAA,IACTW,YAAY;AAAA,IACZR,KAAKA,CAAC;AAAA,MAAEtI,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,CAAC;AAAA,IAC/BuI,QAAQA,CAAC;AAAA,MAAEvI,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,CAAC;AAAA,EAAA;AAAA,EAEpC+I,YAAY;AAAA,IACVZ,SAAS;AAAA,IACTW,YAAY;AAAA,IACZR,KAAKA,CAAC;AAAA,MAAEtI,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,GAAG;AAAA,EAAA;AAErC;AASO,SAAAgJ,KAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAGDF,IAAA,gBAAAG,EAACC,GAAA,EAAQ,IAAAtB,EAAMO,OACb,UAAA;AAAA,IAAA,gBAAAgB,EAACC,GAAA,EAAiB,SAAA,eAAkB,IAAAxB,EAAMU,UAAS;AAAA,sBAClDc,GAAA,EAAiB,SAAA,eAAkB,IAAAxB,EAAMW,UAAS;AAAA,sBAClDa,GAAA,EAAiB,SAAA,eAAkB,IAAAxB,EAAMY,SAAAA,CAAS;AAAA,EAAA,GACrD,GAAMI,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KALRK,sBAACH,GAAA,EAAQ,IAAAtB,EAAMC,WACbiB,UAAAA;AAAAA,IAAAA;AAAAA,IAKA,gBAAAK,EAACD,GAAA,EAAQ,IAAAtB,EAAMxG,mBACX,GAAG,CAAC,EAACgF,IAAKkD,EAKX,EAAA,CACH;AAAA,EAAA,GACF,GAAMV,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GAdNS;AAcM;AAhBH,SAAAC,GAAA9C,GAAA;AAAA,SAUG,gBAAAyC,EAACC,GAAA,EAA4B,IAAAtB,EAAMc,YACjC,UAAA;AAAA,IAAA,gBAAAS,EAACC,KAAiB,SAAA,YAAkB,OAAA,GAAW,QAAA,GAAC;AAAA,IAChD,gBAAAD,EAACC,GAAA,EAAgB,OAAA,IAAY,QAAA,EAAA,CAAC;AAAA,EAAA,EAAA,GAFtB,UAAU5C,CAAC,EAGrB;AAAM;ACxDT,SAAS+C,GAA+BC,GAO5B;AACjB,QAAMC,IAAwB,CAAA;AAC9B,SAAID,EAAKE,gBACPD,EAAME,KACJC,EAAqB;AAAA,IACnBC,UAAUL,EAAKK;AAAAA,IACfH,cAAcF,EAAKE;AAAAA,IACnBI,YAAYN,EAAKO;AAAAA,IACjB7J,iBAAiBsJ,EAAKQ;AAAAA,EAAAA,CACvB,CACH,GAEFP,EAAME,KACJM,EAAqB;AAAA,IACnBJ,UAAUL,EAAKK;AAAAA,IACfK,SAASA,MAAM;AACb,YAAM/F,IAAOqF,EAAKW,QAAAA,GACZC,IAAcjG,EAAKN,QAGnBwG,IAAuC,CAAA,GACvCC,wBAAexG,IAAAA;AACrB,iBAAWN,KAAUW;AACnB,mBAAWoG,KAAS/G,GAAQ;AAC1B,gBAAMgH,IAAMpH,OAAOmH,EAAMxE,IAAI;AAC7B,UAAKuE,EAASrE,IAAIuE,CAAG,MACnBF,EAASG,IAAID,CAAG,GAChBH,EAASV,KAAKY,EAAMxE,IAAI;AAAA,QAE5B;AAIF,YAAM2E,IAAUvG,EAAKiC,IAClB5C,OAAW,IAAImH,IAAInH,EAAO4C,IAAKwE,CAAAA,MAAM,CAACxH,OAAOwH,EAAE7E,IAAI,GAAG6E,EAAEtI,KAAK,CAAC,CAAC,CAClE,GAEMuI,IAAoB,CAAC,MAAM;AACjC,eAASrE,IAAI,GAAGA,IAAI4D,GAAa5D;AAC/BqE,QAAAA,EAAOlB,KAAKH,EAAKsB,cAActE,CAAC,KAAK,UAAUA,IAAI,CAAC,EAAE;AAExD,YAAMuE,IAAoB,CAACF,CAAM;AACjC,iBAAWL,KAAOH,GAAU;AAC1B,cAAM9C,IAAiB,CAACyD,GAAWR,CAAG,CAAC,GACjCS,IAAY7H,OAAOoH,CAAG;AAC5B,mBAAWU,KAAUR,EAASnD,CAAAA,EAAIoC,KAAKuB,EAAOC,IAAIF,CAAS,KAAK,EAAE;AAClEF,QAAAA,EAAKpB,KAAKpC,CAAG;AAAA,MACf;AAEA,aAAOwD;AAAAA,IACT;AAAA,EAAA,CACD,CACH,GACOtB;AACT;AAEA,SAASuB,GAAWI,GAAmC;AACrD,SAAIA,aAAa7I,OAAa6I,EAAEC,YAAAA,IAC5B,OAAOD,KAAM,WAAiB,IAAI7I,KAAK6I,CAAC,EAAEC,YAAAA,IACvCD;AACT;ACxEO,SAASE,GACdC,GACAC,GACS;AAET,MADIA,EAAY3H,WAAW,KACvB,CAACW,MAAMC,QAAQ8G,CAAK,EAAG,QAAOA;AAClC,QAAME,IAAS,IAAI3H,IAAqB0H,CAAW;AACnD,SAAOD,EAAMnF,IAAI,CAAC5C,MACXgB,MAAMC,QAAQjB,CAAM,IAClBA,EAAOkI,OAAO,CAACpE,MAAkB;AACtC,QAAIA,KAAQ,QAAQ,OAAOA,KAAS,YAAY,EAAE,UAAUA;AAC1D,aAAO;AAET,UAAMxB,IAAOwB,EAA2BvB,MAClCA,IAAOD,aAAevD,OAAOuD,EAAI7B,YAAY6B;AACnD,YACG,OAAOC,KAAS,YAAY,OAAOA,KAAS,aAC7C0F,EAAOxF,IAAIF,CAAI;AAAA,EAEnB,CAAC,IAXkCvC,CAYpC;AACH;"}

package/dist/widgets-v2.js

@@ -13,17 +13,17 @@ import "./lasso-tool-YLFRgb-S.js";
 import "./cjs-D4KH3azB.js";
 import { T as Xe } from "./tooltip-BDnrRKrp.js";
 import "@carto/ps-utils";
-import { o as Ze, a as Ke, E as Ye } from "./echart-Bdvbfx9s.js";
-import { D as $n } from "./echart-Bdvbfx9s.js";
+import { o as Ze, a as Ke, E as Ye } from "./echart-B10dhEaM.js";
+import { D as $n } from "./echart-B10dhEaM.js";
 import { MarkdownContent as Je } from "./markdown-content-Dk2DSgbf.js";
-import { C as Qe, L as et, F as tt, j as nt, R as ot, B as rt, Z as it, m as lt, n as st, l as at, k as ct } from "./change-column-CiVAjOUB.js";
+import { C as Qe, L as et, F as tt, j as nt, R as ot, B as rt, Z as it, m as lt, n as st, l as at, k as ct } from "./change-column-Fu1DCYQ3.js";
 import "html2canvas";
 import { a as dt, F as ft } from "./formula-DuC0NQLH.js";
 import { a as pt, M as mt } from "./markdown-DdqANCiN.js";
 import "react-markdown";
 import { b as ut, a as gt } from "./spread-4MYPOntd.js";
 import { a as ht, R as yt } from "./range-l4fNHLEg.js";
-import { f as xt, C as bt } from "./category-CGS_eHr4.js";
+import { f as xt, C as bt } from "./category-Ct2BzADB.js";
 import { c as vt, T as St } from "./table-CTcLOycx.js";
 function wt(t) {
   const e = T(31), {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/ps-react-ui",
-  "version": "4.17.3",
+  "version": "4.19.0",
   "description": "CARTO's Professional Service React Material library",
   "type": "module",
   "devDependencies": {

package/src/widgets-v2/actions/change-column/change-column.tsx

@@ -14,7 +14,12 @@ import {
   sortableKeyboardCoordinates,
   verticalListSortingStrategy,
 } from '@dnd-kit/sortable'
-import { IconButton, Menu, type SvgIconProps } from '@mui/material'
+import {
+  IconButton,
+  ListSubheader,
+  Menu,
+  type SvgIconProps,
+} from '@mui/material'
 import { Tooltip } from '../../../components'
 import { getWidgetStore, useWidget, useWidgetId } from '../../stores'
 import { ChangeColumnIcon } from './change-column-icon'
@@ -150,6 +155,7 @@ export function ChangeColumn({
         sensors={sensors}
         collisionDetection={closestCenter}
         onDragEnd={handleDragEnd}
+        autoScroll={false}
       >
         <Menu
           id='change-column-menu'
@@ -160,6 +166,9 @@ export function ChangeColumn({
           transformOrigin={{ vertical: 'top', horizontal: 'right' }}
           slotProps={{ paper: { sx: styles.menuPaper } }}
         >
+          <ListSubheader disableSticky role='presentation' sx={styles.header}>
+            {_labels.title}
+          </ListSubheader>
           <SortableContext
             items={orderedIds}
             strategy={verticalListSortingStrategy}

package/src/widgets-v2/actions/change-column/labels.ts

@@ -1,9 +1,11 @@
 export interface ChangeColumnLabels {
   trigger: string
+  title?: string
   reset: string
 }
 
 export const DEFAULT_CHANGE_COLUMN_LABELS: ChangeColumnLabels = {
   trigger: 'Change column order',
+  title: 'Column reorder',
   reset: 'Reset to default',
 }

package/src/widgets-v2/actions/change-column/sortable-column-item.tsx

@@ -45,11 +45,18 @@ export function SortableColumnItem({
       style={transformStyle}
       {...attributes}
       {...listeners}
+      disableGutters
       role='menuitem'
       tabIndex={0}
       sx={{ ...styles.item, ...(isDragging && styles.itemDragging) }}
     >
-      <HandleIcon sx={styles.dragHandle} />
+      <HandleIcon
+        className='change-column-drag-handle'
+        sx={{
+          ...styles.dragHandle,
+          ...(isDragging && styles.dragHandleVisible),
+        }}
+      />
       <ListItemText>{label}</ListItemText>
     </MenuItem>
   )

package/src/widgets-v2/actions/change-column/style.ts

@@ -10,23 +10,49 @@ export const styles = {
   },
   menuPaper: {
     overflow: 'hidden',
-    minWidth: 220,
+  },
+  header: {
+    color: 'text.secondary',
+    backgroundColor: 'transparent',
+    typography: 'caption',
+    px: 2,
+    py: 0.75,
   },
   item: {
+    position: 'relative',
     cursor: 'grab',
+    px: 2,
+    touchAction: 'none',
+    '&:hover .change-column-drag-handle': {
+      opacity: 1,
+    },
     '&:focus-visible': {
       outline: '2px solid',
       outlineColor: 'primary.main',
       outlineOffset: -2,
     },
+    '&:focus-visible .change-column-drag-handle': {
+      opacity: 1,
+    },
   },
   itemDragging: {
     opacity: 0.5,
     cursor: 'grabbing',
   },
   dragHandle: {
+    position: 'absolute',
+    left: 0,
+    top: '50%',
+    transform: 'translateY(-50%)',
     color: 'text.secondary',
-    mr: 1,
     fontSize: 18,
+    opacity: 0,
+    transition: 'opacity 0.1s',
+    '@media (hover: none)': {
+      opacity: 1,
+    },
+  },
+  dragHandleVisible: {
+    opacity: 1,
   },
 } satisfies Record<string, SxProps<Theme>>