@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/charts/xy-chart-adoption/timeseries/utils/collect-annotations-slots.js

@@ -0,0 +1,58 @@
+import { Children } from "react";
+import { isSlot } from "../../../../core/utils/is-slot.js";
+import { populateMissingMarkerProps } from "../../../core/components/annotations/utils/populate-missing-marker-props.js";
+import { populateMissingTrackProps } from "../../../core/components/annotations/utils/populate-missing-track-props.js";
+import { Marker } from "../../../timeseries/slots/annotations/Marker.js";
+import { AnnotationsTooltip } from "../../../timeseries/slots/annotations/Tooltip.js";
+import { Track } from "../../../timeseries/slots/annotations/Track.js";
+const collectAnnotationsSlots = (annotationsProps) => {
+  const {
+    children,
+    showLabels = true,
+    visibleTracksLimit,
+    annotationsActions,
+    tooltip: tooltipProp
+  } = annotationsProps;
+  const tracks = [];
+  let tooltip = tooltipProp ?? {
+    template: void 0,
+    hidden: false
+  };
+  Children.forEach(children, (child) => {
+    if (isSlot(child, Track)) {
+      const { children: trackChildren, ...trackProps } = child.props;
+      const currentTrack = {
+        ...trackProps,
+        markers: []
+      };
+      Children.forEach(trackChildren, (trackChild) => {
+        if (isSlot(trackChild, Marker)) {
+          const marker = populateMissingMarkerProps(
+            trackChild.props,
+            trackProps
+          );
+          currentTrack.markers.push(marker);
+        }
+      });
+      const track = populateMissingTrackProps(currentTrack);
+      tracks.push(track);
+    } else if (isSlot(child, AnnotationsTooltip)) {
+      const { children: tooltipChildren, hidden } = child.props;
+      tooltip = {
+        template: tooltipChildren,
+        hidden: hidden ?? false
+      };
+    }
+  });
+  return {
+    tracks,
+    showLabels,
+    visibleTracksLimit,
+    annotationsActions,
+    tooltip
+  };
+};
+export {
+  collectAnnotationsSlots
+};
+//# sourceMappingURL=collect-annotations-slots.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/collect-annotations-slots.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/collect-annotations-slots.ts"],
+  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport type { AnnotationsTooltipConfig } from '../../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport type { AnnotationsMarkerConfig } from '../../../core/components/annotations/types/annotations-marker-props.js';\nimport type { AnnotationsTrackConfig } from '../../../core/components/annotations/types/annotations-track-props.js';\nimport type { AnnotationsActionsHandler } from '../../../core/components/annotations/types/annotations.js';\nimport { populateMissingMarkerProps } from '../../../core/components/annotations/utils/populate-missing-marker-props.js';\nimport { populateMissingTrackProps } from '../../../core/components/annotations/utils/populate-missing-track-props.js';\nimport type { TimeseriesChartAnnotationsProps } from '../../../timeseries/slots/annotations/Annotations.js';\nimport { Marker } from '../../../timeseries/slots/annotations/Marker.js';\nimport { AnnotationsTooltip } from '../../../timeseries/slots/annotations/Tooltip.js';\nimport { Track } from '../../../timeseries/slots/annotations/Track.js';\n\nexport type AnnotationsSlotsConfig = {\n  tracks: AnnotationsTrackConfig[];\n  showLabels: boolean;\n  visibleTracksLimit: number | undefined;\n  annotationsActions: AnnotationsActionsHandler | undefined;\n  tooltip: AnnotationsTooltipConfig;\n};\n\nexport const collectAnnotationsSlots = (\n  annotationsProps: TimeseriesChartAnnotationsProps & { children?: ReactNode },\n): AnnotationsSlotsConfig => {\n  const {\n    children,\n    showLabels = true,\n    visibleTracksLimit,\n    annotationsActions,\n    tooltip: tooltipProp,\n  } = annotationsProps;\n\n  const tracks: AnnotationsTrackConfig[] = [];\n  let tooltip: AnnotationsTooltipConfig = tooltipProp ?? {\n    template: undefined,\n    hidden: false,\n  };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Track)) {\n      const { children: trackChildren, ...trackProps } = child.props;\n      const currentTrack = {\n        ...trackProps,\n        markers: [] as AnnotationsMarkerConfig[],\n      };\n\n      Children.forEach(trackChildren, (trackChild) => {\n        if (isSlot(trackChild, Marker)) {\n          const marker = populateMissingMarkerProps(\n            trackChild.props,\n            trackProps,\n          );\n          currentTrack.markers.push(marker);\n        }\n      });\n\n      const track = populateMissingTrackProps(currentTrack);\n      tracks.push(track);\n    } else if (isSlot(child, AnnotationsTooltip)) {\n      const { children: tooltipChildren, hidden } = child.props;\n      tooltip = {\n        template: tooltipChildren,\n        hidden: hidden ?? false,\n      };\n    }\n  });\n\n  return {\n    tracks,\n    showLabels,\n    visibleTracksLimit,\n    annotationsActions,\n    tooltip,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,gBAAgC;AAEzC,SAAS,cAAc;AAKvB,SAAS,kCAAkC;AAC3C,SAAS,iCAAiC;AAE1C,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,aAAa;AAUf,MAAM,0BAA0B,CACrC,qBAC2B;AAC3B,QAAM;AAAA,IACJ;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,IAAI;AAEJ,QAAM,SAAmC,CAAC;AAC1C,MAAI,UAAoC,eAAe;AAAA,IACrD,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAEA,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,KAAK,GAAG;AACxB,YAAM,EAAE,UAAU,eAAe,GAAG,WAAW,IAAI,MAAM;AACzD,YAAM,eAAe;AAAA,QACnB,GAAG;AAAA,QACH,SAAS,CAAC;AAAA,MACZ;AAEA,eAAS,QAAQ,eAAe,CAAC,eAAe;AAC9C,YAAI,OAAO,YAAY,MAAM,GAAG;AAC9B,gBAAM,SAAS;AAAA,YACb,WAAW;AAAA,YACX;AAAA,UACF;AACA,uBAAa,QAAQ,KAAK,MAAM;AAAA,QAClC;AAAA,MACF,CAAC;AAED,YAAM,QAAQ,0BAA0B,YAAY;AACpD,aAAO,KAAK,KAAK;AAAA,IACnB,WAAW,OAAO,OAAO,kBAAkB,GAAG;AAC5C,YAAM,EAAE,UAAU,iBAAiB,OAAO,IAAI,MAAM;AACpD,gBAAU;AAAA,QACR,UAAU;AAAA,QACV,QAAQ,UAAU;AAAA,MACpB;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/derive-xychart-props-from-config.js

@@ -0,0 +1,12 @@
+const deriveXYChartPropsFromConfig = (config, rootOnZoomChange) => ({
+  disableZoom: config.interactions?.zoom?.enabled === false,
+  disablePan: config.interactions?.pan?.enabled === false,
+  toolbarEnabled: config.toolbar?.enabled !== false,
+  toolbarPlacement: config.toolbar?.placement,
+  toolbarIntents: config.toolbar?.intents,
+  onZoomChange: rootOnZoomChange ?? config.interactions?.onZoomChange
+});
+export {
+  deriveXYChartPropsFromConfig
+};
+//# sourceMappingURL=derive-xychart-props-from-config.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/derive-xychart-props-from-config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/derive-xychart-props-from-config.ts"],
+  "sourcesContent": ["import type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport type { ZoomChangeHandler } from '../../../core/types/interactions.js';\nimport type { ToolbarPlacement } from '../../../core/types/toolbar.js';\nimport type { ResolvedTimeseriesChartConfig } from '../types/timeseries.js';\n\nexport type DerivedXYChartProps = {\n  /** Whether the XYChart x-axis should disable zoom. */\n  disableZoom: boolean;\n  /** Whether the XYChart x-axis should disable pan. */\n  disablePan: boolean;\n  /** Whether the XYChart toolbar should be visible. */\n  toolbarEnabled: boolean;\n  /** Toolbar placement (or undefined if defaults should apply). */\n  toolbarPlacement: ToolbarPlacement | undefined;\n  /** Resolved toolbar intents. */\n  toolbarIntents: IntentProps[] | undefined;\n  /**\n   * Effective onZoomChange handler. Timeseries exposes it both at root-prop\n   * level and (after merging) inside `interactions`. Root prop wins.\n   */\n  onZoomChange: ZoomChangeHandler | undefined;\n};\n\n/**\n * Derives the props the `TimeseriesToXY` adapter needs to forward to the\n * underlying `XYChart` (and its slots) from a resolved\n * `TimeseriesChartConfiguration`.\n */\nexport const deriveXYChartPropsFromConfig = (\n  config: ResolvedTimeseriesChartConfig,\n  rootOnZoomChange: ZoomChangeHandler | undefined,\n): DerivedXYChartProps => ({\n  disableZoom: config.interactions?.zoom?.enabled === false,\n  disablePan: config.interactions?.pan?.enabled === false,\n  toolbarEnabled: config.toolbar?.enabled !== false,\n  toolbarPlacement: config.toolbar?.placement,\n  toolbarIntents: config.toolbar?.intents,\n  onZoomChange: rootOnZoomChange ?? config.interactions?.onZoomChange,\n});\n"],
+  "mappings": "AA4BO,MAAM,+BAA+B,CAC1C,QACA,sBACyB;AAAA,EACzB,aAAa,OAAO,cAAc,MAAM,YAAY;AAAA,EACpD,YAAY,OAAO,cAAc,KAAK,YAAY;AAAA,EAClD,gBAAgB,OAAO,SAAS,YAAY;AAAA,EAC5C,kBAAkB,OAAO,SAAS;AAAA,EAClC,gBAAgB,OAAO,SAAS;AAAA,EAChC,cAAc,oBAAoB,OAAO,cAAc;AACzD;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/iterate-config-slots.js

@@ -0,0 +1,173 @@
+import { isEmpty, merge } from "lodash-es";
+import { Children } from "react";
+import { isElement } from "react-is";
+import { collectAnnotationsSlots } from "./collect-annotations-slots.js";
+import {
+  Intent
+} from "../../../../core/slots/Intent/Intent.js";
+import { isSlot } from "../../../../core/utils/is-slot.js";
+import { ChartInteractions } from "../../../core/slots/chart-interactions/ChartInteractions.js";
+import { ColorRule, isValidColorRule } from "../../../core/slots/ColorRule.js";
+import { ChartToolbar } from "../../../core/slots/toolbar/ChartToolbar.js";
+import { sanitizeProps } from "../../../core/slots/toolbar/CompactToolbar.js";
+import { DownloadData } from "../../../core/slots/toolbar/DownloadData.js";
+import { extractBehaviorTrackingProps } from "../../../core/utils/extract-behavior-tracking-props.js";
+import { getConfigPlusDefaultOrEmpty } from "../../../core/utils/interactions.js";
+import { iterateChartInteractionsSlots } from "../../../core/utils/iterate-chart-interactions-slots.js";
+import { Annotations } from "../../../timeseries/slots/annotations/Annotations.js";
+import { TimeseriesChartDownloadCSVSlot } from "../../../timeseries/slots/DownloadCSV.js";
+import { Legend } from "../../../timeseries/slots/Legend.js";
+import { Pan } from "../../../timeseries/slots/Pan.js";
+import { Select } from "../../../timeseries/slots/Select.js";
+import { ThresholdIndicator } from "../../../timeseries/slots/ThresholdIndicator.js";
+import { Toolbar } from "../../../timeseries/slots/Toolbar.js";
+import { Tooltip } from "../../../timeseries/slots/Tooltip.js";
+import { XAxis } from "../../../timeseries/slots/XAxis.js";
+import { YAxis } from "../../../timeseries/slots/YAxis.js";
+import { Zoom } from "../../../timeseries/slots/Zoom.js";
+const slotInteractionsDefaultValues = {
+  zoom: { enabled: true },
+  zoomX: { enabled: true },
+  pan: { enabled: true }
+};
+const chartInteractionsDefaultValues = {
+  zoom: { enabled: false },
+  zoomX: { enabled: false },
+  pan: { enabled: false }
+};
+const getInteractionsConfig = (chartConfig, slotsConfig) => {
+  const chartApiValues = getConfigPlusDefaultOrEmpty(
+    chartInteractionsDefaultValues,
+    chartConfig
+  );
+  const slotsApiValues = getConfigPlusDefaultOrEmpty(
+    slotInteractionsDefaultValues,
+    slotsConfig
+  );
+  return merge({}, chartApiValues, slotsApiValues);
+};
+const disabledOnlyWhenSpecified = ({ disabled }) => disabled;
+const iterateConfigSlots = (children) => {
+  let slots = {
+    toolbar: {},
+    legend: {},
+    xAxis: {},
+    tooltip: {},
+    yAxis: [],
+    thresholds: [],
+    interactions: {},
+    colorRules: []
+  };
+  let intents;
+  let slotToolbar = {};
+  let chartToolbar = {};
+  let slotInteractions = {};
+  let chartInteractions = {};
+  Children.forEach(children, (child) => {
+    if (isSlot(child, ChartInteractions)) {
+      const { children: children2, ...previousInteractions } = child.props;
+      const interactions = iterateChartInteractionsSlots(children2);
+      chartInteractions = {
+        ...previousInteractions,
+        ...interactions
+      };
+    } else if (isSlot(child, ChartToolbar)) {
+      const { children: children2, ...toolbar } = child.props;
+      const childrenToolbar = iterateChartToolbarSlots(children2);
+      chartToolbar = {
+        enabled: true,
+        ...toolbar,
+        ...childrenToolbar
+      };
+    } else if (isSlot(child, Toolbar)) {
+      slotToolbar = {
+        enabled: child.props.hidden !== true,
+        ...slotToolbar,
+        ...sanitizeProps(child.props),
+        ...extractBehaviorTrackingProps(child.props)
+      };
+    } else if (isSlot(child, TimeseriesChartDownloadCSVSlot)) {
+      slotToolbar = { ...slotToolbar, downloadData: { enabled: true } };
+    } else if (isSlot(child, Zoom)) {
+      const enabled = !disabledOnlyWhenSpecified(child.props);
+      slotInteractions = {
+        ...slotInteractions,
+        zoom: { enabled },
+        zoomX: { enabled }
+      };
+    } else if (isSlot(child, Pan)) {
+      const enabled = !disabledOnlyWhenSpecified(child.props);
+      slotInteractions = { ...slotInteractions, pan: { enabled } };
+    } else if (isSlot(child, Legend)) {
+      const legend = child.props;
+      slots = {
+        ...slots,
+        legend
+      };
+    } else if (isSlot(child, Intent)) {
+      intents = intents ? [...intents, child.props] : [child.props];
+    } else if (isSlot(child, XAxis)) {
+      const xAxis = child.props;
+      slots = {
+        ...slots,
+        xAxis
+      };
+    } else if (isSlot(child, YAxis)) {
+      const yAxis = child.props;
+      slots.yAxis.push(yAxis);
+    } else if (isSlot(child, Tooltip)) {
+      const tooltip = child.props;
+      slots = {
+        ...slots,
+        tooltip
+      };
+    } else if (isSlot(child, Annotations)) {
+      slots = {
+        ...slots,
+        annotations: collectAnnotationsSlots(child.props)
+      };
+    } else if (isSlot(child, ThresholdIndicator)) {
+      const thresholdProps = child.props;
+      slots.thresholds.push(thresholdProps);
+    } else if (isSlot(child, Select)) {
+      const select = child.props;
+      slots = {
+        ...slots,
+        select
+      };
+    } else if (isSlot(child, ColorRule)) {
+      const colorRule = child.props;
+      if (isValidColorRule(colorRule)) {
+        slots.colorRules.push(colorRule);
+      }
+    }
+  });
+  const hasInteractionConfig = Object.keys(chartInteractions).length > 0 || Object.keys(slotInteractions).length > 0;
+  slots.interactions = hasInteractionConfig ? getInteractionsConfig(chartInteractions, slotInteractions) : {};
+  const hasToolbarConfig = !isEmpty(slotToolbar) || !isEmpty(chartToolbar) || intents;
+  if (hasToolbarConfig) {
+    slots.toolbar = {
+      ...chartToolbar,
+      ...slotToolbar,
+      enabled: slotToolbar.enabled ?? chartToolbar.enabled ?? true,
+      intents
+    };
+  }
+  return slots;
+};
+const iterateChartToolbarSlots = (children) => {
+  let toolbar = {};
+  Children.forEach(children, (childToolbar) => {
+    if (isElement(childToolbar) && childToolbar.type === DownloadData) {
+      toolbar = {
+        ...toolbar,
+        downloadData: { enabled: true }
+      };
+    }
+  });
+  return toolbar;
+};
+export {
+  iterateConfigSlots
+};
+//# sourceMappingURL=iterate-config-slots.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/iterate-config-slots.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/iterate-config-slots.ts"],
+  "sourcesContent": ["import { isEmpty, merge } from 'lodash-es';\nimport { Children, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport { collectAnnotationsSlots } from './collect-annotations-slots.js';\nimport {\n  Intent,\n  type IntentProps,\n} from '../../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { ChartInteractions } from '../../../core/slots/chart-interactions/ChartInteractions.js';\nimport { ColorRule, isValidColorRule } from '../../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../../core/slots/toolbar/DownloadData.js';\nimport { ChartInteractionsConfig } from '../../../core/types/interactions.js';\nimport { extractBehaviorTrackingProps } from '../../../core/utils/extract-behavior-tracking-props.js';\nimport { getConfigPlusDefaultOrEmpty } from '../../../core/utils/interactions.js';\nimport { iterateChartInteractionsSlots } from '../../../core/utils/iterate-chart-interactions-slots.js';\nimport { Annotations } from '../../../timeseries/slots/annotations/Annotations.js';\nimport { TimeseriesChartDownloadCSVSlot } from '../../../timeseries/slots/DownloadCSV.js';\nimport { Legend } from '../../../timeseries/slots/Legend.js';\nimport { Pan } from '../../../timeseries/slots/Pan.js';\nimport { Select } from '../../../timeseries/slots/Select.js';\nimport { ThresholdIndicator } from '../../../timeseries/slots/ThresholdIndicator.js';\nimport { Toolbar } from '../../../timeseries/slots/Toolbar.js';\nimport { Tooltip } from '../../../timeseries/slots/Tooltip.js';\nimport { XAxis } from '../../../timeseries/slots/XAxis.js';\nimport { YAxis } from '../../../timeseries/slots/YAxis.js';\nimport { Zoom } from '../../../timeseries/slots/Zoom.js';\nimport { TimeseriesChartSlots } from '../types/timeseries-config.js';\nimport { TimeseriesChartToolbarConfig } from '../types/toolbar.js';\n\n/**\n * Adoption-local port of the legacy `iterateConfigSlots` used by\n * `useTimeseriesChartConfig`, kept independent from `../../../timeseries`.\n * Only the slot iteration needed for chart-level config is duplicated here;\n * series-shape slots (Line/Area/Bar/Band) are handled separately by\n * `../iterate-slots.js`.\n */\n\nconst slotInteractionsDefaultValues = {\n  zoom: { enabled: true },\n  zoomX: { enabled: true },\n  pan: { enabled: true },\n};\n\nconst chartInteractionsDefaultValues = {\n  zoom: { enabled: false },\n  zoomX: { enabled: false },\n  pan: { enabled: false },\n};\n\nconst getInteractionsConfig = (\n  chartConfig: ChartInteractionsConfig,\n  slotsConfig: ChartInteractionsConfig,\n) => {\n  const chartApiValues = getConfigPlusDefaultOrEmpty(\n    chartInteractionsDefaultValues,\n    chartConfig,\n  );\n  const slotsApiValues = getConfigPlusDefaultOrEmpty(\n    slotInteractionsDefaultValues,\n    slotsConfig,\n  );\n  return merge({}, chartApiValues, slotsApiValues);\n};\n\nconst disabledOnlyWhenSpecified = ({ disabled }: { disabled?: boolean }) =>\n  disabled;\n\nexport const iterateConfigSlots = (\n  children: ReactNode,\n): TimeseriesChartSlots => {\n  let slots: TimeseriesChartSlots = {\n    toolbar: {},\n    legend: {},\n    xAxis: {},\n    tooltip: {},\n    yAxis: [],\n    thresholds: [],\n    interactions: {},\n    colorRules: [],\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  let slotToolbar: TimeseriesChartToolbarConfig = {};\n  let chartToolbar: TimeseriesChartToolbarConfig = {};\n  let slotInteractions = {};\n  let chartInteractions = {};\n\n  Children.forEach(children, (child) => {\n    /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n    if (isSlot(child, ChartInteractions)) {\n      const { children, ...previousInteractions } = child.props;\n      const interactions = iterateChartInteractionsSlots(children);\n\n      chartInteractions = {\n        ...previousInteractions,\n        ...interactions,\n      };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      // TODO APPDEV-15615: Remove deprecated ChartToolbar handling\n      const { children, ...toolbar } = child.props;\n      const childrenToolbar = iterateChartToolbarSlots(children);\n\n      chartToolbar = {\n        enabled: true,\n        ...toolbar,\n        ...childrenToolbar,\n      };\n    } else if (isSlot(child, Toolbar)) {\n      // TODO: APPDEV-15615: Remove enabled key after deprecation\n      slotToolbar = {\n        enabled: child.props.hidden !== true,\n        ...slotToolbar,\n        ...sanitizeProps(child.props),\n        ...extractBehaviorTrackingProps(child.props),\n      };\n    } else if (isSlot(child, TimeseriesChartDownloadCSVSlot)) {\n      slotToolbar = { ...slotToolbar, downloadData: { enabled: true } };\n    } else if (isSlot(child, Zoom)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n\n      slotInteractions = {\n        ...slotInteractions,\n        zoom: { enabled },\n        zoomX: { enabled },\n      };\n    } else if (isSlot(child, Pan)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n      slotInteractions = { ...slotInteractions, pan: { enabled } };\n    } else if (isSlot(child, Legend)) {\n      const legend = child.props;\n\n      slots = {\n        ...slots,\n        legend,\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, XAxis)) {\n      const xAxis = child.props;\n      slots = {\n        ...slots,\n        xAxis,\n      };\n    } else if (isSlot(child, YAxis)) {\n      const yAxis = child.props;\n      slots.yAxis.push(yAxis);\n    } else if (isSlot(child, Tooltip)) {\n      const tooltip = child.props;\n      slots = {\n        ...slots,\n        tooltip,\n      };\n    } else if (isSlot(child, Annotations)) {\n      slots = {\n        ...slots,\n        annotations: collectAnnotationsSlots(child.props),\n      };\n    } else if (isSlot(child, ThresholdIndicator)) {\n      const thresholdProps = child.props;\n      slots.thresholds.push(thresholdProps);\n    } else if (isSlot(child, Select)) {\n      const select = child.props;\n\n      slots = {\n        ...slots,\n        select,\n      };\n    } else if (isSlot(child, ColorRule)) {\n      const colorRule = child.props;\n      if (isValidColorRule(colorRule)) {\n        slots.colorRules.push(colorRule);\n      }\n    }\n  });\n\n  const hasInteractionConfig =\n    Object.keys(chartInteractions).length > 0 ||\n    Object.keys(slotInteractions).length > 0;\n\n  slots.interactions = hasInteractionConfig\n    ? getInteractionsConfig(chartInteractions, slotInteractions)\n    : {};\n\n  const hasToolbarConfig =\n    !isEmpty(slotToolbar) || !isEmpty(chartToolbar) || intents;\n\n  if (hasToolbarConfig) {\n    slots.toolbar = {\n      ...chartToolbar,\n      ...slotToolbar,\n      enabled: slotToolbar.enabled ?? chartToolbar.enabled ?? true,\n      intents,\n    };\n  }\n\n  return slots;\n};\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (\n  children: ReactNode,\n): TimeseriesChartToolbarConfig => {\n  let toolbar = {};\n\n  Children.forEach(children, (childToolbar) => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (isElement(childToolbar) && childToolbar.type === DownloadData) {\n      toolbar = {\n        ...toolbar,\n        downloadData: { enabled: true },\n      };\n    }\n  });\n\n  return toolbar;\n};\n"],
+  "mappings": "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",
+  "names": ["children"]
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/map-axis-slots.js

@@ -0,0 +1,43 @@
+function normalizeTimeAxisBound(value, fallback) {
+  if (value === void 0 || value === "auto") {
+    return fallback;
+  }
+  if (typeof value === "string") {
+    return new Date(value);
+  }
+  return value;
+}
+function mapYAxisSlots(leftYAxis, rightYAxis, allUnits) {
+  const configuredAxes = [
+    leftYAxis ? { position: "left", config: leftYAxis } : null,
+    rightYAxis ? { position: "right", config: rightYAxis } : null
+  ].filter((entry) => entry !== null);
+  const renderedUnits = configuredAxes.length > 0 ? allUnits.slice(0, configuredAxes.length) : allUnits;
+  return { configuredAxes, renderedUnits };
+}
+function mapYAxisSlotToProps(index, axisEntry) {
+  const defaultPosition = index % 2 === 0 ? "left" : "right";
+  const position = axisEntry ? axisEntry.position : defaultPosition;
+  const config = axisEntry?.config;
+  return {
+    type: config?.scale === "log" ? "log" : "numerical",
+    position,
+    min: config?.min ?? "auto",
+    max: config?.max ?? "auto",
+    label: config?.label,
+    formatter: config?.formatter
+  };
+}
+function mapXAxisSlot(xAxis) {
+  return {
+    min: normalizeTimeAxisBound(xAxis?.min, "data-min"),
+    max: normalizeTimeAxisBound(xAxis?.max, "data-max"),
+    label: xAxis?.label
+  };
+}
+export {
+  mapXAxisSlot,
+  mapYAxisSlotToProps,
+  mapYAxisSlots
+};
+//# sourceMappingURL=map-axis-slots.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/map-axis-slots.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/map-axis-slots.ts"],
+  "sourcesContent": ["import type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport type { TimeseriesChartXAxisProps } from '../../../timeseries/slots/XAxis.js';\nimport type { TimeseriesChartYAxisProps } from '../../../timeseries/slots/YAxis.js';\nimport type { XYChartTimeAxisProps } from '../../../xy-chart/types/xy-chart-props.js';\n\ntype TimeAxisFallback = 'data-min' | 'data-max';\n\nfunction normalizeTimeAxisBound(\n  value: number | string | Date | undefined,\n  fallback: 'data-min',\n): 'data-min' | number | Date;\nfunction normalizeTimeAxisBound(\n  value: number | string | Date | undefined,\n  fallback: 'data-max',\n): 'data-max' | number | Date;\nfunction normalizeTimeAxisBound(\n  value: number | string | Date | undefined,\n  fallback: TimeAxisFallback,\n): TimeAxisFallback | number | Date {\n  if (value === undefined || (value as unknown) === 'auto') {\n    return fallback;\n  }\n  if (typeof value === 'string') {\n    return new Date(value);\n  }\n  return value;\n}\n\nexport type ConfiguredAxis = {\n  position: 'left' | 'right';\n  config: TimeseriesChartYAxisProps;\n};\n\nexport function mapYAxisSlots(\n  leftYAxis: TimeseriesChartYAxisProps | undefined,\n  rightYAxis: TimeseriesChartYAxisProps | undefined,\n  allUnits: ChartUnit[],\n): { configuredAxes: ConfiguredAxis[]; renderedUnits: ChartUnit[] } {\n  const configuredAxes = [\n    leftYAxis ? { position: 'left' as const, config: leftYAxis } : null,\n    rightYAxis ? { position: 'right' as const, config: rightYAxis } : null,\n  ].filter((entry): entry is ConfiguredAxis => entry !== null);\n\n  const renderedUnits =\n    configuredAxes.length > 0\n      ? allUnits.slice(0, configuredAxes.length)\n      : allUnits;\n\n  return { configuredAxes, renderedUnits };\n}\n\nexport function mapYAxisSlotToProps(\n  index: number,\n  axisEntry: ConfiguredAxis | undefined,\n) {\n  const defaultPosition = index % 2 === 0 ? 'left' : 'right';\n  const position = axisEntry ? axisEntry.position : defaultPosition;\n  const config = axisEntry?.config;\n  return {\n    type: config?.scale === 'log' ? ('log' as const) : ('numerical' as const),\n    position,\n    min: config?.min ?? ('auto' as const),\n    max: config?.max ?? ('auto' as const),\n    label: config?.label,\n    formatter: config?.formatter,\n  };\n}\n\nexport function mapXAxisSlot(\n  xAxis: TimeseriesChartXAxisProps | undefined,\n): Pick<XYChartTimeAxisProps, 'min' | 'max' | 'label'> {\n  return {\n    min: normalizeTimeAxisBound(xAxis?.min, 'data-min'),\n    max: normalizeTimeAxisBound(xAxis?.max, 'data-max'),\n    label: xAxis?.label,\n  };\n}\n"],
+  "mappings": "AAeA,SAAS,uBACP,OACA,UACkC;AAClC,MAAI,UAAU,UAAc,UAAsB,QAAQ;AACxD,WAAO;AAAA,EACT;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO,IAAI,KAAK,KAAK;AAAA,EACvB;AACA,SAAO;AACT;AAOO,SAAS,cACd,WACA,YACA,UACkE;AAClE,QAAM,iBAAiB;AAAA,IACrB,YAAY,EAAE,UAAU,QAAiB,QAAQ,UAAU,IAAI;AAAA,IAC/D,aAAa,EAAE,UAAU,SAAkB,QAAQ,WAAW,IAAI;AAAA,EACpE,EAAE,OAAO,CAAC,UAAmC,UAAU,IAAI;AAE3D,QAAM,gBACJ,eAAe,SAAS,IACpB,SAAS,MAAM,GAAG,eAAe,MAAM,IACvC;AAEN,SAAO,EAAE,gBAAgB,cAAc;AACzC;AAEO,SAAS,oBACd,OACA,WACA;AACA,QAAM,kBAAkB,QAAQ,MAAM,IAAI,SAAS;AACnD,QAAM,WAAW,YAAY,UAAU,WAAW;AAClD,QAAM,SAAS,WAAW;AAC1B,SAAO;AAAA,IACL,MAAM,QAAQ,UAAU,QAAS,QAAmB;AAAA,IACpD;AAAA,IACA,KAAK,QAAQ,OAAQ;AAAA,IACrB,KAAK,QAAQ,OAAQ;AAAA,IACrB,OAAO,QAAQ;AAAA,IACf,WAAW,QAAQ;AAAA,EACrB;AACF;AAEO,SAAS,aACd,OACqD;AACrD,SAAO;AAAA,IACL,KAAK,uBAAuB,OAAO,KAAK,UAAU;AAAA,IAClD,KAAK,uBAAuB,OAAO,KAAK,UAAU;AAAA,IAClD,OAAO,OAAO;AAAA,EAChB;AACF;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/render-series.js

@@ -7,8 +7,6 @@ const baseSeriesProps = ({ data, unit, seriesId }) => ({
   data,
   xAxisId,
   yAxisId: defineAxisId(unit),
-  x0Accessor: "start",
-  x1Accessor: "end",
   seriesIdAccessor: "seriesId",
   nameAccessor: "seriesName",
   key: seriesId
@@ -17,7 +15,11 @@ const renderLineSeries = (series, options = {}) => /* @__PURE__ */ jsx(
   XYChart.LineSeries,
   {
     ...baseSeriesProps(series),
+    x0Accessor: "resolvedCenter",
+    x1Accessor: "resolvedEnd",
     y0Accessor: "value",
+    color: series.color,
+    pointsDisplay: series.pointsDisplay,
     actions: options.actions
   }
 );
@@ -25,7 +27,11 @@ const renderAreaSeries = (series, options = {}) => /* @__PURE__ */ jsx(
   XYChart.AreaSeries,
   {
     ...baseSeriesProps(series),
+    x0Accessor: "resolvedCenter",
+    x1Accessor: "resolvedEnd",
     y1Accessor: "value",
+    color: series.color,
+    pointsDisplay: series.pointsDisplay,
     actions: options.actions
   }
 );
@@ -33,8 +39,11 @@ const renderBarSeries = (series, options = {}) => /* @__PURE__ */ jsx(
   XYChart.BarSeries,
   {
     ...baseSeriesProps(series),
+    x0Accessor: "start",
+    x1Accessor: "end",
     variant: "stack",
     y1Accessor: "value",
+    color: series.color,
     actions: options.actions
   }
 );
@@ -42,8 +51,11 @@ const renderBandSeries = (series, options = {}) => /* @__PURE__ */ jsx(
   XYChart.AreaSeries,
   {
     ...baseSeriesProps(series),
+    x0Accessor: "start",
+    x1Accessor: "end",
     y0Accessor: "y0",
     y1Accessor: "y1",
+    color: series.color,
     actions: options.actions
   }
 );

package/esm/charts/xy-chart-adoption/timeseries/utils/render-series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/render-series.tsx"],
-  "sourcesContent": ["import type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport { getUnitAsString } from '../../../core/utils/get-unit-as-string.js';\nimport { XYChart } from '../../../xy-chart/XYChartRoot.js';\nimport type {\n  XYAreaSeriesActions,\n  XYBarSeriesActions,\n  XYLineSeriesActions,\n} from '../map-series-actions.js';\nimport type { SeriesProps } from '../transformer-data-to-xy.js';\n\nexport const xAxisId = 'x-axis';\n\nexport const defineAxisId = (unit: ChartUnit) =>\n  `y-axis-${getUnitAsString(unit)}`;\n\nconst baseSeriesProps = ({ data, unit, seriesId }: SeriesProps) => ({\n  data,\n  xAxisId,\n  yAxisId: defineAxisId(unit),\n  x0Accessor: 'start',\n  x1Accessor: 'end',\n  seriesIdAccessor: 'seriesId',\n  nameAccessor: 'seriesName',\n  key: seriesId,\n});\n\ntype LineSeriesOptions = { actions?: XYLineSeriesActions };\ntype AreaSeriesOptions = { actions?: XYAreaSeriesActions };\ntype BarSeriesOptions = { actions?: XYBarSeriesActions };\ntype BandSeriesOptions = { actions?: XYAreaSeriesActions };\n\nexport const renderLineSeries = (\n  series: SeriesProps,\n  options: LineSeriesOptions = {},\n) => (\n  <XYChart.LineSeries\n    {...baseSeriesProps(series)}\n    y0Accessor=\"value\"\n    actions={options.actions}\n  />\n);\n\nexport const renderAreaSeries = (\n  series: SeriesProps,\n  options: AreaSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    y1Accessor=\"value\"\n    actions={options.actions}\n  />\n);\n\nexport const renderBarSeries = (\n  series: SeriesProps,\n  options: BarSeriesOptions = {},\n) => (\n  <XYChart.BarSeries\n    {...baseSeriesProps(series)}\n    variant=\"stack\"\n    y1Accessor=\"value\"\n    actions={options.actions}\n  />\n);\n\nexport const renderBandSeries = (\n  series: SeriesProps,\n  options: BandSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    y0Accessor=\"y0\"\n    y1Accessor=\"y1\"\n    actions={options.actions}\n  />\n);\n"],
-  "mappings": "AAmCE;AAlCF,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAQjB,MAAM,UAAU;AAEhB,MAAM,eAAe,CAAC,SAC3B,UAAU,gBAAgB,IAAI,CAAC;AAEjC,MAAM,kBAAkB,CAAC,EAAE,MAAM,MAAM,SAAS,OAAoB;AAAA,EAClE;AAAA,EACA;AAAA,EACA,SAAS,aAAa,IAAI;AAAA,EAC1B,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,KAAK;AACP;AAOO,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,kBAAkB,CAC7B,QACA,UAA4B,CAAC,MAE7B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,SAAQ;AAAA,IACR,YAAW;AAAA,IACX,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,SAAS,QAAQ;AAAA;AACnB;",
+  "sourcesContent": ["import type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport { getUnitAsString } from '../../../core/utils/get-unit-as-string.js';\nimport { XYChart } from '../../../xy-chart/XYChartRoot.js';\nimport type {\n  XYAreaSeriesActions,\n  XYBarSeriesActions,\n  XYLineSeriesActions,\n} from '../map-series-actions.js';\nimport type { SeriesProps } from '../transformer-data-to-xy.js';\n\nexport const xAxisId = 'x-axis';\n\nexport const defineAxisId = (unit: ChartUnit) =>\n  `y-axis-${getUnitAsString(unit)}`;\n\nconst baseSeriesProps = ({ data, unit, seriesId }: SeriesProps) => ({\n  data,\n  xAxisId,\n  yAxisId: defineAxisId(unit),\n  seriesIdAccessor: 'seriesId',\n  nameAccessor: 'seriesName',\n  key: seriesId,\n});\n\ntype LineSeriesOptions = { actions?: XYLineSeriesActions };\ntype AreaSeriesOptions = { actions?: XYAreaSeriesActions };\ntype BarSeriesOptions = { actions?: XYBarSeriesActions };\ntype BandSeriesOptions = { actions?: XYAreaSeriesActions };\n\nexport const renderLineSeries = (\n  series: SeriesProps,\n  options: LineSeriesOptions = {},\n) => (\n  <XYChart.LineSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"resolvedCenter\"\n    x1Accessor=\"resolvedEnd\"\n    y0Accessor=\"value\"\n    color={series.color}\n    pointsDisplay={series.pointsDisplay}\n    actions={options.actions}\n  />\n);\n\nexport const renderAreaSeries = (\n  series: SeriesProps,\n  options: AreaSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"resolvedCenter\"\n    x1Accessor=\"resolvedEnd\"\n    y1Accessor=\"value\"\n    color={series.color}\n    pointsDisplay={series.pointsDisplay}\n    actions={options.actions}\n  />\n);\n\nexport const renderBarSeries = (\n  series: SeriesProps,\n  options: BarSeriesOptions = {},\n) => (\n  <XYChart.BarSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"start\"\n    x1Accessor=\"end\"\n    variant=\"stack\"\n    y1Accessor=\"value\"\n    color={series.color}\n    actions={options.actions}\n  />\n);\n\nexport const renderBandSeries = (\n  series: SeriesProps,\n  options: BandSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"start\"\n    x1Accessor=\"end\"\n    y0Accessor=\"y0\"\n    y1Accessor=\"y1\"\n    color={series.color}\n    actions={options.actions}\n  />\n);\n"],
+  "mappings": "AAiCE;AAhCF,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAQjB,MAAM,UAAU;AAEhB,MAAM,eAAe,CAAC,SAC3B,UAAU,gBAAgB,IAAI,CAAC;AAEjC,MAAM,kBAAkB,CAAC,EAAE,MAAM,MAAM,SAAS,OAAoB;AAAA,EAClE;AAAA,EACA;AAAA,EACA,SAAS,aAAa,IAAI;AAAA,EAC1B,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,KAAK;AACP;AAOO,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,kBAAkB,CAC7B,QACA,UAA4B,CAAC,MAE7B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,SAAQ;AAAA,IACR,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,SAAS,QAAQ;AAAA;AACnB;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/timeseries/utils/resolve-gap-policy.js

@@ -0,0 +1,16 @@
+function resolveGapPolicy(slotPolicies, rootPolicy) {
+  const defined = slotPolicies.filter(
+    (p) => p !== void 0
+  );
+  if (defined.some((p) => p === "connect")) {
+    return "connect";
+  }
+  if (defined.length > 0) {
+    return defined[0];
+  }
+  return rootPolicy;
+}
+export {
+  resolveGapPolicy
+};
+//# sourceMappingURL=resolve-gap-policy.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/resolve-gap-policy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/resolve-gap-policy.ts"],
+  "sourcesContent": ["import type { TimeGapPolicy } from '../../../core/types/gap-policy.js';\n\nexport function resolveGapPolicy(\n  slotPolicies: (TimeGapPolicy | undefined)[],\n  rootPolicy?: TimeGapPolicy,\n): TimeGapPolicy | undefined {\n  const defined = slotPolicies.filter(\n    (p): p is TimeGapPolicy => p !== undefined,\n  );\n\n  if (defined.some((p) => p === 'connect')) {\n    return 'connect';\n  }\n\n  if (defined.length > 0) {\n    return defined[0];\n  }\n\n  return rootPolicy;\n}\n"],
+  "mappings": "AAEO,SAAS,iBACd,cACA,YAC2B;AAC3B,QAAM,UAAU,aAAa;AAAA,IAC3B,CAAC,MAA0B,MAAM;AAAA,EACnC;AAEA,MAAI,QAAQ,KAAK,CAAC,MAAM,MAAM,SAAS,GAAG;AACxC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,SAAS,GAAG;AACtB,WAAO,QAAQ,CAAC;AAAA,EAClB;AAEA,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/serialize-timeseries-config.js

@@ -0,0 +1,19 @@
+import { ChartType } from "../../../core/types/chart-types.js";
+const serializeTimeseriesConfig = (config) => {
+  const { thresholds, ...rest } = config;
+  const yAxisEntries = [config.yAxis.left, config.yAxis.right];
+  const yAxis = yAxisEntries.filter(
+    (axis) => axis !== void 0
+  );
+  const thresholdIndicators = thresholds ? [...thresholds.left ?? [], ...thresholds.right ?? []] : void 0;
+  return JSON.stringify({
+    type: ChartType.TimeSeries,
+    ...rest,
+    yAxis,
+    thresholdIndicators
+  });
+};
+export {
+  serializeTimeseriesConfig
+};
+//# sourceMappingURL=serialize-timeseries-config.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/serialize-timeseries-config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/serialize-timeseries-config.ts"],
+  "sourcesContent": ["import { ChartType } from '../../../core/types/chart-types.js';\nimport type { ResolvedTimeseriesChartConfig } from '../types/timeseries.js';\n\n/**\n * Produces the same Timeseries-shaped serialized config payload as the\n * legacy `TimeseriesChartImperativeHandler.getConfig()`.\n *\n * This is the single source of truth for the export shape consumed by the\n * `TimeseriesChartConfig` import API and `TimeseriesChartRef.getConfig()`.\n *\n * Duplicates the flattening logic from the legacy `normalizeConfig` rather\n * than importing it, to keep the adoption layer decoupled from\n * `../../../timeseries`.\n */\nexport const serializeTimeseriesConfig = (\n  config: ResolvedTimeseriesChartConfig,\n): string => {\n  const { thresholds, ...rest } = config;\n\n  const yAxisEntries = [config.yAxis.left, config.yAxis.right];\n  const yAxis = yAxisEntries.filter(\n    (axis): axis is NonNullable<(typeof yAxisEntries)[number]> =>\n      axis !== undefined,\n  );\n\n  const thresholdIndicators = thresholds\n    ? [...(thresholds.left ?? []), ...(thresholds.right ?? [])]\n    : undefined;\n\n  return JSON.stringify({\n    type: ChartType.TimeSeries,\n    ...rest,\n    yAxis,\n    thresholdIndicators,\n  });\n};\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAcnB,MAAM,4BAA4B,CACvC,WACW;AACX,QAAM,EAAE,YAAY,GAAG,KAAK,IAAI;AAEhC,QAAM,eAAe,CAAC,OAAO,MAAM,MAAM,OAAO,MAAM,KAAK;AAC3D,QAAM,QAAQ,aAAa;AAAA,IACzB,CAAC,SACC,SAAS;AAAA,EACb;AAEA,QAAM,sBAAsB,aACxB,CAAC,GAAI,WAAW,QAAQ,CAAC,GAAI,GAAI,WAAW,SAAS,CAAC,CAAE,IACxD;AAEJ,SAAO,KAAK,UAAU;AAAA,IACpB,MAAM,UAAU;AAAA,IAChB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/transformer-thresholds-to-xy.js

@@ -0,0 +1,20 @@
+import { xAxisId as X_AXIS_ID } from "./render-series.js";
+import { isDynamic, isDynamicRange } from "../../../core/types/type-guards.js";
+import {
+  reduceThresholdsToXY
+} from "../../shared/utils/thresholds/reduce-thresholds-to-xy.js";
+function mapTimeseriesToXYThresholds(thresholds, yAxes) {
+  return reduceThresholdsToXY(thresholds, yAxes, X_AXIS_ID, (data) => {
+    if (isDynamic(data)) {
+      return data.map((d) => ({ y: d.value, x: d.date }));
+    }
+    if (isDynamicRange(data)) {
+      return data.map((d) => ({ yMin: d.min, yMax: d.max, x: d.date }));
+    }
+    return null;
+  });
+}
+export {
+  mapTimeseriesToXYThresholds
+};
+//# sourceMappingURL=transformer-thresholds-to-xy.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/transformer-thresholds-to-xy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/transformer-thresholds-to-xy.ts"],
+  "sourcesContent": ["import { xAxisId as X_AXIS_ID } from './render-series.js';\nimport { isDynamic, isDynamicRange } from '../../../core/types/type-guards.js';\nimport type { XYChartThresholdIndicatorProps } from '../../../xy-chart/types/xy-chart-props.js';\nimport {\n  type AxisEntry,\n  reduceThresholdsToXY,\n} from '../../shared/utils/thresholds/reduce-thresholds-to-xy.js';\nimport type { TimeseriesChartThresholdIndicatorProps } from '../types/timeseries.js';\n\nexport function mapTimeseriesToXYThresholds(\n  thresholds: TimeseriesChartThresholdIndicatorProps[],\n  yAxes: AxisEntry[],\n): XYChartThresholdIndicatorProps[] {\n  return reduceThresholdsToXY(thresholds, yAxes, X_AXIS_ID, (data) => {\n    if (isDynamic(data)) {\n      return data.map((d) => ({ y: d.value, x: d.date }));\n    }\n    if (isDynamicRange(data)) {\n      return data.map((d) => ({ yMin: d.min, yMax: d.max, x: d.date }));\n    }\n    return null;\n  });\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW,iBAAiB;AACrC,SAAS,WAAW,sBAAsB;AAE1C;AAAA,EAEE;AAAA,OACK;AAGA,SAAS,4BACd,YACA,OACkC;AAClC,SAAO,qBAAqB,YAAY,OAAO,WAAW,CAAC,SAAS;AAClE,QAAI,UAAU,IAAI,GAAG;AACnB,aAAO,KAAK,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,GAAG,EAAE,KAAK,EAAE;AAAA,IACpD;AACA,QAAI,eAAe,IAAI,GAAG;AACxB,aAAO,KAAK,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,GAAG,EAAE,KAAK,EAAE;AAAA,IAClE;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "names": []
+}

package/esm/content/accordion/Accordion.css

@@ -1,45 +1,45 @@
-._12zc70k0-3-7-1 {
+._12zc70k0-3-9-0 {
   width: 100%;
-  color: var(--_bx32h0-3-7-1);
+  color: var(--_bx32h0-3-9-0);
 }
-._12zc70k1-3-7-1 {
+._12zc70k1-3-9-0 {
   margin: var(--dt-spacings-size-8, 8px) 0;
 }
-._12zc70k2-3-7-1 {
+._12zc70k2-3-9-0 {
   margin: var(--dt-spacings-size-4, 4px) 0;
 }
-._12zc70k3-3-7-1 {
+._12zc70k3-3-9-0 {
   transition-duration: var(--dt-animations-expand-collapse-duration-fast, 250ms);
   transition-timing-function: var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1));
   transition-property: transform;
 }
-._12zc70k4-3-7-1 {
+._12zc70k4-3-9-0 {
   transform: rotate(-90deg);
 }
-._12zc70k5-3-7-1 {
+._12zc70k5-3-9-0 {
   transform: rotate(90deg);
 }
-._12zc70k6-3-7-1 {
+._12zc70k6-3-9-0 {
   transform: rotate(0);
 }
-._12zc70k7-3-7-1 {
+._12zc70k7-3-9-0 {
   box-sizing: border-box;
   transform-origin: top center;
   display: flex;
 }
-._12zc70k8-3-7-1 {
+._12zc70k8-3-9-0 {
   width: 100%;
   box-sizing: border-box;
-  color: var(--_bx32h0-3-7-1);
+  color: var(--_bx32h0-3-9-0);
 }
-._12zc70k9-3-7-1 {
+._12zc70k9-3-9-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
 }
-._12zc70ka-3-7-1 {
+._12zc70ka-3-9-0 {
   padding-top: var(--dt-spacings-size-4, 4px);
 }
 @media (prefers-reduced-motion) {
-  ._12zc70k3-3-7-1 {
+  ._12zc70k3-3-9-0 {
     transition-duration: 0s;
   }
 }

package/esm/content/accordion/Accordion.sty.js

@@ -2,14 +2,14 @@ import "../../core/components/app-root/AppRoot.css";
 import "../../styles/field.css";
 import "./Accordion.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var accordionContentCSS = _7a468({ defaultClassName: "_12zc70k8-3-7-1", variantClassNames: { size: { "default": "_12zc70k9-3-7-1", condensed: "_12zc70ka-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var accordionContentWrapperCSS = "_12zc70k7-3-7-1";
-var accordionDividerMarginCSS = { "default": "_12zc70k1-3-7-1", condensed: "_12zc70k2-3-7-1" };
-var accordionLabelCSS = "_12zc70k0-3-7-1";
-var accordionTriggerIconCSS = "_12zc70k3-3-7-1";
-var accordionTriggerIconEndCSS = "_12zc70k5-3-7-1";
-var accordionTriggerIconExpandedCSS = "_12zc70k6-3-7-1";
-var accordionTriggerIconStartCSS = "_12zc70k4-3-7-1";
+var accordionContentCSS = _7a468({ defaultClassName: "_12zc70k8-3-9-0", variantClassNames: { size: { "default": "_12zc70k9-3-9-0", condensed: "_12zc70ka-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var accordionContentWrapperCSS = "_12zc70k7-3-9-0";
+var accordionDividerMarginCSS = { "default": "_12zc70k1-3-9-0", condensed: "_12zc70k2-3-9-0" };
+var accordionLabelCSS = "_12zc70k0-3-9-0";
+var accordionTriggerIconCSS = "_12zc70k3-3-9-0";
+var accordionTriggerIconEndCSS = "_12zc70k5-3-9-0";
+var accordionTriggerIconExpandedCSS = "_12zc70k6-3-9-0";
+var accordionTriggerIconStartCSS = "_12zc70k4-3-9-0";
 export {
   accordionContentCSS,
   accordionContentWrapperCSS,

package/esm/content/accordion/Accordion.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/accordion/Accordion.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Accordion.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var accordionContentCSS = _7a468({defaultClassName:'_12zc70k8-3-7-1',variantClassNames:{size:{'default':'_12zc70k9-3-7-1',condensed:'_12zc70ka-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-7-1';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-7-1',condensed:'_12zc70k2-3-7-1'};\nexport var accordionLabelCSS = '_12zc70k0-3-7-1';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-7-1';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-7-1';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-7-1';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-7-1';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Accordion.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var accordionContentCSS = _7a468({defaultClassName:'_12zc70k8-3-9-0',variantClassNames:{size:{'default':'_12zc70k9-3-9-0',condensed:'_12zc70ka-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-9-0';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-9-0',condensed:'_12zc70k2-3-9-0'};\nexport var accordionLabelCSS = '_12zc70k0-3-9-0';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-9-0';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-9-0';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-9-0';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/L,IAAI,6BAA6B;AACjC,IAAI,4BAA4B,EAAC,WAAU,mBAAkB,WAAU,kBAAiB;AACxF,IAAI,oBAAoB;AACxB,IAAI,0BAA0B;AAC9B,IAAI,6BAA6B;AACjC,IAAI,kCAAkC;AACtC,IAAI,+BAA+B;",
   "names": []
 }