@m4l/widgets 0.0.2 → 0.0.3-beta-add-widget-serieschart.1

package/charts/SeriesChart/__tests__/helpers/theme.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Create a theme for ECharts options tests.
+ */
+export declare function createTheme(overrides?: Record<string, unknown>): {
+    vars: {
+        palette: {
+            text: {
+                primary: string;
+                disabled: string;
+                contrastText: string;
+            };
+            background: {
+                base: string;
+                default: string;
+                neutral: string;
+            };
+            border: {
+                disabled: string;
+            };
+        };
+    };
+};
+/**
+ * Theme ready to pass to generateOptions (avoids repeating "as any" in specs).
+ */
+export declare function getThemeForOptions(overrides?: Record<string, unknown>): any;
+/**
+ * Empty theme for testing theme fallbacks in generateOptions.
+ */
+export declare const emptyTheme: any;
+//# sourceMappingURL=theme.d.ts.map

package/charts/SeriesChart/__tests__/helpers/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/widgets/src/charts/SeriesChart/__tests__/helpers/theme.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,WAAW,CAAC,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM;;;;;;;;;;;;;;;;;;EAWlE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GACvC,GAAG,CACrC;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAS,GAAG,CAAC"}

package/charts/SeriesChart/__tests__/helpers/tooltip.d.ts

@@ -0,0 +1,10 @@
+import { TooltipParam } from './types';
+/**
+ * Create a tooltip param for formatter tests.
+ */
+export declare function createTooltipParam(overrides?: Partial<TooltipParam>): TooltipParam;
+/**
+ * Create a tooltip params for formatter tests.
+ */
+export declare function createTooltipParams(partials: Partial<TooltipParam>[]): TooltipParam[];
+//# sourceMappingURL=tooltip.d.ts.map

package/charts/SeriesChart/__tests__/helpers/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/widgets/src/charts/SeriesChart/__tests__/helpers/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAc5C;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,GAAE,OAAO,CAAC,YAAY,CAAM,GAAG,YAAY,CAEtF;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,GAAG,YAAY,EAAE,CAErF"}

package/charts/SeriesChart/__tests__/helpers/types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ECharts tooltip param shape for formatter tests.
+ */
+export interface TooltipParam {
+    name: string;
+    dataIndex: number;
+    seriesIndex: number;
+    color: string;
+    borderColor: string;
+    seriesType: 'bar' | 'line';
+}
+//# sourceMappingURL=types.d.ts.map

package/charts/SeriesChart/__tests__/helpers/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/widgets/src/charts/SeriesChart/__tests__/helpers/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,KAAK,GAAG,MAAM,CAAC;CAC5B"}

package/charts/SeriesChart/__tests__/helpers/values.d.ts

@@ -0,0 +1,45 @@
+import { SeriesChartValueItem } from '../../types';
+/** Single series item shape for test overrides. */
+export type SeriesItemShape = SeriesChartValueItem['series'][number];
+/** One row of values used across options specs (single point). */
+export declare const oneRowValues: SeriesChartValueItem['values'];
+/** One row with a unit in the label (e.g. for yAxis name extraction). */
+export declare const oneRowValuesWithUnit: (unit: string) => SeriesChartValueItem["values"];
+/** Default bar series item. Override with spread for tests. */
+export declare const barSeriesItem: SeriesItemShape;
+/** Default line series item. Override with spread for tests. */
+export declare const lineSeriesItem: SeriesItemShape;
+/** Default scatter series item (for "other than line or bar" tests). */
+export declare const scatterSeriesItem: SeriesItemShape;
+/** Single yAxis used when testing yAxisIndex fallback. */
+export declare const singleYAxis: {
+    id: string;
+    title: string;
+}[];
+/**
+ * Default values for SeriesChart (two rows, one series).
+ */
+export declare const defaultSeriesChartValues: SeriesChartValueItem;
+/**
+ * Minimal values (single row) for component render tests.
+ */
+export declare const minimalSeriesChartValues: SeriesChartValueItem;
+/**
+ * Two xAxis, two yAxis, two series (for options multi-axis test).
+ */
+export declare const multiAxisSeriesChartValues: SeriesChartValueItem;
+/**
+ * Two rows with numeric labels (for tooltipFormatter "row per param" test).
+ */
+export declare const twoRowsTooltipValues: SeriesChartValueItem;
+/**
+ * Three xAxis, three yAxis (only two series so third yAxis has no related series).
+ * Covers grid.top when xAxis.length > 2, grid.right when yAxis.length > 1,
+ * xAxis/yAxis offset when index > 1, and relatedSeries undefined for orphan yAxis.
+ */
+export declare const threeAxisSeriesChartValues: SeriesChartValueItem;
+/**
+ * Build chart values with partial overrides.
+ */
+export declare function createSeriesChartValues(overrides?: Partial<SeriesChartValueItem>): SeriesChartValueItem;
+//# sourceMappingURL=values.d.ts.map

package/charts/SeriesChart/__tests__/helpers/values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"values.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/widgets/src/charts/SeriesChart/__tests__/helpers/values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,mDAAmD;AACnD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,kEAAkE;AAClE,eAAO,MAAM,YAAY,EAAE,oBAAoB,CAAC,QAAQ,CAEvD,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,oBAAoB,CAAC,QAAQ,CAEhF,CAAC;AAEF,+DAA+D;AAC/D,eAAO,MAAM,aAAa,EAAE,eAM3B,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,cAAc,EAAE,eAM5B,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,iBAAiB,EAAE,eAM/B,CAAC;AAEF,0DAA0D;AAC1D,eAAO,MAAM,WAAW;;;GAA6B,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,oBAUtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,oBAOtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,oBAgBxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,oBAMlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,oBAkBxC,CAAC;AAEF;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,GAAE,OAAO,CAAC,oBAAoB,CAAM,GAC5C,oBAAoB,CAEtB"}

package/charts/SeriesChart/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const SERIES_KEY_COMPONENT = "M4LSeriesChart";
+//# sourceMappingURL=constants.d.ts.map

package/charts/SeriesChart/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/SeriesChart/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,mBAAmB,CAAC"}

package/charts/SeriesChart/constants.js

@@ -0,0 +1,4 @@
+const E = "M4LSeriesChart";
+export {
+  E as SERIES_KEY_COMPONENT
+};

package/charts/SeriesChart/helpers/options.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@mui/material/styles';
+import { SeriesChartProps } from '../types';
+/**
+ * Builds ECharts option config for the series chart from data and theme.
+ */
+export declare function generateOptions(values: SeriesChartProps['values'], theme: Theme, scrollable: boolean): any;
+//# sourceMappingURL=options.d.ts.map

package/charts/SeriesChart/helpers/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/charts/SeriesChart/helpers/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAK5C;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,GAAG,GAAG,CA4O1G"}

package/charts/SeriesChart/helpers/options.js

@@ -0,0 +1,229 @@
+import { getColorHexFromVar as i, getColorHexFromToken as n } from "../../../tools/color.js";
+import * as f from "echarts";
+import { remapTooltipFormatter as y } from "./tooltipFormatter.js";
+function m(o, r, d) {
+  const e = {
+    textPrimaryColor: i(r.vars?.palette?.text?.primary),
+    textDisabledColor: i(r.vars?.palette?.text?.disabled),
+    themeBackgroundColor: i(r.vars?.palette?.background?.default),
+    contrastTextColor: i(r.vars?.palette?.text?.contrastText),
+    backgroundNeutralColor: i(r.vars?.palette?.background?.neutral),
+    contrastDefaultColor: i(r.vars?.palette?.background?.contrastDefault)
+  }, c = g(o.values[0]);
+  return {
+    baseOption: {
+      /**
+       * Tooltip configuration.
+       */
+      tooltip: {
+        trigger: "axis",
+        backgroundColor: "transparent",
+        borderColor: "transparent",
+        shadowColor: "transparent",
+        borderWidth: 0,
+        textStyle: {
+          color: e.contrastTextColor,
+          fontFamily: "Inter",
+          fontSize: 13,
+          fontWeight: 700
+        },
+        formatter: (t) => y(t, o, e),
+        axisPointer: {
+          type: "cross",
+          lineStyle: {
+            color: e.textDisabledColor,
+            type: "solid"
+          },
+          crossStyle: {
+            color: e.textDisabledColor,
+            type: "solid"
+          },
+          label: {
+            backgroundColor: e.backgroundNeutralColor,
+            color: e.textPrimaryColor,
+            fontFamily: "Inter",
+            fontSize: 13,
+            fontWeight: 400,
+            borderRadius: 6
+          }
+        }
+      },
+      /**
+       * Data zoom configuration.
+       */
+      dataZoom: d ? [
+        {
+          type: "slider",
+          show: !0,
+          realtime: !0,
+          start: 0,
+          end: Math.max(1, Math.round(300 / o.values.length)),
+          height: 15,
+          bottom: 5
+        },
+        {
+          type: "inside",
+          realtime: !0,
+          start: 30,
+          end: 70,
+          xAxisIndex: [0, 1]
+        }
+      ] : [{ show: !1 }],
+      /**
+       * Legend configuration.
+       */
+      legend: {
+        show: !0,
+        type: "scroll",
+        top: "0%",
+        left: "center",
+        orient: "horizontal",
+        itemGap: 30,
+        itemWidth: 11,
+        itemHeight: 11,
+        textStyle: {
+          fontSize: 12,
+          color: e.textPrimaryColor
+        },
+        data: o.series.map((t) => t.title)
+      },
+      /**
+       * X-axis configuration.
+       */
+      xAxis: o.xAxis.map((t, a) => ({
+        type: "category",
+        data: o.values.map((l) => l[t.field]),
+        offset: a > 1 ? (a - 1) * 20 : 0,
+        axisLine: { show: !1 },
+        axisTick: { show: !1 },
+        axisLabel: {
+          interval: 0,
+          lineHeight: 15,
+          fontFamily: "Inter",
+          fontSize: 11,
+          fontWeight: 500,
+          hideOverlap: !0,
+          color: e.textPrimaryColor
+        }
+      })),
+      /**
+       * Y-axis configuration.
+       */
+      yAxis: o.yAxis.map((t, a) => {
+        const l = o.series.find((s) => s.yAxisId === t.id), p = c[l?.field || ""] || "", x = n(l?.pallet_color || "", "contained", "backgroundColorTone");
+        return {
+          type: "value",
+          name: t.title + " (" + p + ")",
+          position: a === 0 ? "left" : "right",
+          offset: a > 1 ? (a - 1) * 70 : 0,
+          alignTicks: !0,
+          splitLine: {
+            show: !0,
+            lineStyle: {
+              type: "dashed",
+              color: e.textDisabledColor,
+              opacity: 0.3,
+              width: 1,
+              dashOffset: 0
+            }
+          },
+          nameTextStyle: {
+            color: e.textDisabledColor,
+            fontFamily: "Inter",
+            fontSize: "12px",
+            fontWeight: 500
+          },
+          nameRotate: 90,
+          nameLocation: "middle",
+          axisLabel: {
+            color: e.textPrimaryColor,
+            fontFamily: "Jura",
+            fontSize: "13px",
+            fontWeight: 700,
+            overflow: "break",
+            ellipsis: "...",
+            width: 30,
+            formatter: (s) => `${s}`
+          },
+          axisLine: {
+            show: !0,
+            lineStyle: { color: x, width: 0.5, opacity: 1 }
+          }
+        };
+      }),
+      /**
+       * Grid configuration.
+       */
+      grid: {
+        left: "8%",
+        bottom: "10%",
+        right: o.yAxis.length > 1 ? (o.yAxis.length - 1) * 70 : "8%",
+        top: o.xAxis.length > 2 ? (o.xAxis.length - 1) * 35 : "15%",
+        containLabel: !1
+      },
+      /**
+       * Series configuration.
+       */
+      series: o.series.map((t) => {
+        const a = o.yAxis.findIndex((l) => l.id === t.yAxisId);
+        return {
+          name: t.title,
+          type: t.type,
+          yAxisIndex: a !== -1 ? a : 0,
+          areaStyle: {
+            color: new f.graphic.LinearGradient(0, 0, 0, 1, [
+              {
+                offset: 0,
+                color: n(t?.pallet_color || "", "contained", "backgroundColor")
+              },
+              {
+                offset: 0.8,
+                color: "transparent"
+              }
+            ])
+          },
+          data: o.values.map((l) => l[t.field].r),
+          ...t.type === "line" && {
+            symbol: "circle",
+            symbolSize: 10,
+            itemStyle: {
+              borderWidth: 2,
+              borderColor: n(t.pallet_color, "contained", "backgroundColorTone"),
+              color: e.themeBackgroundColor
+            },
+            lineStyle: {
+              width: 2,
+              color: n(t.pallet_color, "contained", "backgroundColorTone")
+            },
+            emphasis: {
+              itemStyle: {
+                color: n(t.pallet_color, "contained", "backgroundColorTone")
+              }
+            }
+          },
+          ...t.type === "bar" && {
+            barGap: "20%",
+            barCategoryGap: "35%",
+            barMaxWidth: 40,
+            itemStyle: {
+              borderRadius: [6, 6, 0, 0]
+            },
+            color: n(t.pallet_color, "contained", "backgroundColorTone")
+          }
+        };
+      })
+      /**
+       * Next configuration.
+       */
+    }
+  };
+}
+function g(o) {
+  return Object.keys(o).reduce((r, d) => {
+    const e = o[d];
+    return e && typeof e == "object" && "v" in e && (r[d] = e.v.replace(/[0-9.\s]+/g, "")), r;
+  }, {});
+}
+export {
+  m as generateOptions
+};

package/charts/SeriesChart/helpers/tooltipFormatter.d.ts

@@ -0,0 +1,6 @@
+import { SeriesChartProps } from '../types';
+/**
+ * Formats ECharts tooltip params to HTML for SeriesChart.
+ */
+export declare function remapTooltipFormatter(params: any[], values: SeriesChartProps['values'], themeColors: any): string;
+//# sourceMappingURL=tooltipFormatter.d.ts.map

package/charts/SeriesChart/helpers/tooltipFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipFormatter.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/charts/SeriesChart/helpers/tooltipFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,UA+FxG"}

package/charts/SeriesChart/helpers/tooltipFormatter.js

@@ -0,0 +1,85 @@
+function d(a, s, t) {
+  let r = `
+    <div style="
+      display: flex;
+      padding: var(--theme-vars-size-baseSpacings-sp3, 12px);
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      border-radius: var(--size-borderRadius-r3, 12px);
+      background: color-mix(in srgb, ${t.contrastDefaultColor} 90%, transparent);
+      box-shadow: 0 4px 8px -5px var(--customShadowsColors-sh3, rgba(95, 108, 125, 0.16)), 0 8px 30px -1px var(--customShadowsColors-sh2, rgba(109, 124, 146, 0.12));
+      gap: var(--theme-vars-size-baseSpacings-sp2, 8px);
+    ">
+      <h3 style="
+        color: ${t.contrastTextColor};
+        font-family: var(--typographyInter-font-family, Inter);
+        font-size: var(--typoghaphy-size-Inter-paragraph, 13px);
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+        letter-spacing: var(--typographyInter-letter-spacing-dens, 0.8px);
+        align-self: stretch;
+      ">
+        ${a[0].name}
+      </h3>
+      <div style="
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: flex-start;
+          gap: var(--theme-vars-size-baseSpacings-Sp0, 0);
+          align-self: stretch;
+        ">
+  `;
+  return a.forEach((e) => {
+    const o = s.values[e.dataIndex][s.series[e.seriesIndex].field].v, i = e.color, n = e.borderColor, l = `
+      <div style="
+        width: 11px;
+        height: 0;
+        stroke-width: 3px;
+        stroke: ${n};
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      ">
+        <svg width="14" height="3" viewBox="0 0 14 3" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M1.5 1.5H12.5" stroke="${n}" stroke-width="3" stroke-linecap="round"/>
+        </svg>
+      </div>`, p = `
+      <span style="
+        width: 11px;
+        height: 11px;
+        border-radius: 5px;
+        background: ${i};
+      ">
+      </span>`, c = e.seriesType === "line" ? l : p;
+    r += `
+      <div style="
+        display: flex;
+        height: var(--theme-vars-size-device-size-action, 24px);
+        padding: 4px 8px;
+        align-items: center;
+        gap: 8px;
+        border-radius: 6px;
+      ">
+        ${c}
+        <span style="
+          color: ${t.contrastTextColor};
+          font-family: var(--typographyInter-font-family, Inter);
+          font-size: var(--typoghaphy-size-Inter-body, 11px);
+          font-style: normal;
+          font-weight: 500;
+          line-height: normal;
+          letter-spacing: var(--typographyInter-letter-spacing-normal, 0.5px);
+        "><b>${o}</b></span>
+      </div>
+    `;
+  }), r += `
+      </div>
+    </div>
+  `, r;
+}
+export {
+  d as remapTooltipFormatter
+};

package/charts/SeriesChart/hooks/useChartResize.d.ts

@@ -0,0 +1,8 @@
+import { default as ReactECharts } from 'echarts-for-react';
+/**
+ * Custom hook to resize the chart when the container size changes.
+ * @param chartRef - Reference to the chart element
+ * @returns Reference to the chart parent element
+ */
+export declare function useChartResize(chartRef: React.RefObject<ReactECharts | null>): (node: HTMLDivElement | null) => void;
+//# sourceMappingURL=useChartResize.d.ts.map

package/charts/SeriesChart/hooks/useChartResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartResize.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/charts/SeriesChart/hooks/useChartResize.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,YAAY,MAAM,mBAAmB,CAAC;AAGlD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,yCAoB5E"}

package/charts/SeriesChart/hooks/useChartResize.js

@@ -0,0 +1,17 @@
+import { useEffect as s } from "react";
+import { useStateRef as a, useSizeContainer as o } from "@m4l/components";
+function l(e) {
+  const [t, n] = a(null), r = o(t, {
+    throttleTime: 200,
+    excludePadding: !1,
+    leading: !0,
+    trailing: !0
+  });
+  return s(() => {
+    const i = e.current?.getEchartsInstance();
+    window.requestAnimationFrame(() => i?.resize());
+  }, [r, e]), n;
+}
+export {
+  l as useChartResize
+};

package/charts/SeriesChart/index.d.ts

@@ -0,0 +1,3 @@
+export { SeriesChart } from './SeriesChart';
+export type { SeriesChartProps, SeriesChartValueItem, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/charts/SeriesChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/SeriesChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/charts/SeriesChart/slots/SeriesChartEnum.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Slot names for the series chart component.
+ * Must match the keys in SeriesChart.styles.ts.
+ */
+export declare enum SeriesChartSlots {
+    seriesRoot = "seriesRoot",
+    seriesParent = "seriesParent",
+    chartContainer = "chartContainer",
+    legendContainer = "legendContainer",
+    legendItem = "legendItem",
+    legendItemColor = "legendItemColor",
+    legendItemTextContainer = "legendItemTextContainer",
+    legendItemTextSubContainer = "legendItemTextSubContainer",
+    legendItemName = "legendItemName",
+    legendItemValueBadge = "legendItemValueBadge",
+    legendItemCategory = "legendItemCategory"
+}
+//# sourceMappingURL=SeriesChartEnum.d.ts.map

package/charts/SeriesChart/slots/SeriesChartEnum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeriesChartEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/charts/SeriesChart/slots/SeriesChartEnum.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oBAAY,gBAAgB;IAC1B,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,cAAc,mBAAmB;IACjC,eAAe,oBAAoB;IACnC,UAAU,eAAe;IACzB,eAAe,oBAAoB;IACnC,uBAAuB,4BAA4B;IACnD,0BAA0B,+BAA+B;IACzD,cAAc,mBAAmB;IACjC,oBAAoB,yBAAyB;IAC7C,kBAAkB,uBAAuB;CAC1C"}

package/charts/SeriesChart/slots/SeriesChartEnum.js

@@ -0,0 +1,4 @@
+var n = /* @__PURE__ */ ((e) => (e.seriesRoot = "seriesRoot", e.seriesParent = "seriesParent", e.chartContainer = "chartContainer", e.legendContainer = "legendContainer", e.legendItem = "legendItem", e.legendItemColor = "legendItemColor", e.legendItemTextContainer = "legendItemTextContainer", e.legendItemTextSubContainer = "legendItemTextSubContainer", e.legendItemName = "legendItemName", e.legendItemValueBadge = "legendItemValueBadge", e.legendItemCategory = "legendItemCategory", e))(n || {});
+export {
+  n as SeriesChartSlots
+};

package/charts/SeriesChart/slots/SeriesChartSlots.d.ts

@@ -0,0 +1,28 @@
+export declare const SeriesChartRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').SeriesChartOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const SeriesChartParentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').SeriesChartOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const ChartContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').SeriesChartOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const LegendContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').SeriesChartOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const LegendItemStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').SeriesChartOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const LegendItemColorStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').SeriesChartOwnerState> & Record<string, unknown>) | undefined;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LegendItemTextContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').SeriesChartOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const LegendItemTextSubContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').SeriesChartOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const LegendItemNameStyled: any;
+export declare const LegendItemValueBadgeStyled: any;
+export declare const LegendItemCategoryStyled: any;
+//# sourceMappingURL=SeriesChartSlots.d.ts.map

package/charts/SeriesChart/slots/SeriesChartSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeriesChartSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/charts/SeriesChart/slots/SeriesChartSlots.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,qBAAqB;;6NAGF,CAAC;AAEjC,eAAO,MAAM,uBAAuB;;6NAGF,CAAC;AAEnC,eAAO,MAAM,oBAAoB;;6NAGG,CAAC;AAErC,eAAO,MAAM,qBAAqB;;6NAGG,CAAC;AAEtC,eAAO,MAAM,gBAAgB;;6NAGG,CAAC;AAEjC,eAAO,MAAM,qBAAqB;;yGAIG,CAAC;AAEtC,eAAO,MAAM,6BAA6B;;6NAGG,CAAC;AAE9C,eAAO,MAAM,gCAAgC;;6NAGG,CAAC;AAEjD,eAAO,MAAM,oBAAoB,EAAE,GAGC,CAAC;AAErC,eAAO,MAAM,0BAA0B,EAAE,GAGC,CAAC;AAE3C,eAAO,MAAM,wBAAwB,EAAE,GAGC,CAAC"}

package/charts/SeriesChart/slots/SeriesChartSlots.js

@@ -0,0 +1,54 @@
+import { styled as e } from "@mui/material/styles";
+import { Typography as r } from "@mui/material";
+import { seriesChartStyles as t } from "../SeriesChart.styles.js";
+import { SeriesChartSlots as o } from "./SeriesChartEnum.js";
+import { SERIES_KEY_COMPONENT as n } from "../constants.js";
+const g = e("div", {
+  name: n,
+  slot: o.seriesRoot
+})(t.seriesRoot);
+e("div", {
+  name: n,
+  slot: o.seriesParent
+})(t.seriesParent);
+const C = e("div", {
+  name: n,
+  slot: o.chartContainer
+})(t.chartContainer);
+e("div", {
+  name: n,
+  slot: o.legendContainer
+})(t.legendContainer);
+e("div", {
+  name: n,
+  slot: o.legendItem
+})(t.legendItem);
+e("div", {
+  name: n,
+  slot: o.legendItemColor,
+  shouldForwardProp: (a) => a !== "ownerState"
+})(t.legendItemColor);
+e("div", {
+  name: n,
+  slot: o.legendItemTextContainer
+})(t.legendItemTextContainer);
+e("div", {
+  name: n,
+  slot: o.legendItemTextSubContainer
+})(t.legendItemTextSubContainer);
+e(r, {
+  name: n,
+  slot: o.legendItemName
+})(t.legendItemName);
+e(r, {
+  name: n,
+  slot: o.legendItemValueBadge
+})(t.legendItemValueBadge);
+e(r, {
+  name: n,
+  slot: o.legendItemCategory
+})(t.legendItemCategory);
+export {
+  C as ChartContainerStyled,
+  g as SeriesChartRootStyled
+};