@gravity-ui/charts 1.51.0 → 1.51.3

package/dist/esm/{core/series/prepare-bar-y.d.ts → plugins/bar-y/prepare.d.ts}

@@ -1,6 +1,6 @@
 import type { ScaleOrdinal } from 'd3-scale';
+import type { PreparedLegend } from '../../core/series/types';
 import type { BarYSeries, BarYSeriesData, ChartSeriesOptions } from '../../types';
-import type { PreparedLegend } from './types';
 type PrepareBarYSeriesArgs = {
     colorScale: ScaleOrdinal<string, string>;
     series: BarYSeries[];
@@ -17,11 +17,11 @@ export declare function prepareBarYSeries(args: PrepareBarYSeriesArgs): Promise<
         padding: number;
         enabled: boolean;
         inside: boolean;
-        style: import("..").BaseTextStyle;
+        style: import("../..").BaseTextStyle;
         maxHeight: number;
         maxWidth: number;
         html: boolean;
-        format?: import("..").ValueFormat;
+        format?: import("../..").ValueFormat;
         allowOverlap: boolean;
     };
     borderRadius: number;
@@ -36,9 +36,9 @@ export declare function prepareBarYSeries(args: PrepareBarYSeriesArgs): Promise<
         groupId: string;
         itemText: string;
         enabled: boolean;
-        symbol: import("./types").PreparedLegendSymbol;
+        symbol: import("../../core/series/types").PreparedLegendSymbol;
     };
     cursor: string | null;
-    tooltip: import("..").ChartSeries["tooltip"];
+    tooltip: import("../..").ChartSeries["tooltip"];
 })[]>;
 export {};

package/dist/esm/{core/series/prepare-bar-y.js → plugins/bar-y/prepare.js}

@@ -1,8 +1,8 @@
 import get from 'lodash/get';
-import { DEFAULT_DATALABELS_STYLE } from '../constants';
-import { getLabelsSize, getUniqId } from '../utils';
-import { getFormattedValue } from '../utils/format';
-import { getSeriesStackId, prepareLegendSymbol } from './utils';
+import { DEFAULT_DATALABELS_STYLE } from '../../core/constants';
+import { getSeriesStackId, prepareLegendSymbol } from '../../core/series/utils';
+import { getLabelsSize, getUniqId } from '../../core/utils';
+import { getFormattedValue } from '../../core/utils/format';
 const DEFAULT_LABEL_PADDING = 7;
 function prepareSeriesData(series) {
     var _a;

package/dist/esm/plugins/funnel/index.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesPlugin } from '../../core/series/plugin';
+import type { FunnelSeries } from '../../types';
+export declare const funnelPlugin: SeriesPlugin<FunnelSeries>;

package/dist/esm/plugins/funnel/index.js

@@ -0,0 +1,5 @@
+import { prepareFunnelSeries } from './prepare';
+export const funnelPlugin = {
+    type: 'funnel',
+    prepareSeries: ({ series, seriesOptions, legend, colors }) => prepareFunnelSeries({ series: series, seriesOptions, legend, colors }),
+};

package/dist/esm/{core/series/prepare-funnel.d.ts → plugins/funnel/prepare.d.ts}

@@ -1,7 +1,7 @@
+import type { PreparedLegend, PreparedSeries } from '../../core/series/types';
 import type { ChartSeriesOptions, FunnelSeries } from '../../types';
-import type { PreparedLegend, PreparedSeries } from './types';
 type PrepareFunnelSeriesArgs = {
-    series: FunnelSeries;
+    series: FunnelSeries[];
     seriesOptions?: ChartSeriesOptions;
     legend: PreparedLegend;
     colors: string[];

package/dist/{cjs/core/series/prepare-funnel.js → esm/plugins/funnel/prepare.js}

@@ -1,16 +1,20 @@
 import { scaleOrdinal } from 'd3-scale';
 import get from 'lodash/get';
-import { DEFAULT_DATALABELS_STYLE } from '../constants';
-import { getUniqId } from '../utils';
-import { prepareLegendSymbol } from './utils';
+import { DEFAULT_DATALABELS_STYLE } from '../../core/constants';
+import { prepareLegendSymbol } from '../../core/series/utils';
+import { getUniqId } from '../../core/utils';
 export function prepareFunnelSeries(args) {
-    var _a, _b, _c;
-    const { series, legend, colors } = args;
+    var _a, _b, _c, _d;
+    const { series: seriesList, legend, colors } = args;
+    const series = seriesList[0];
     const dataNames = series.data.map((d) => d.name);
     const colorScale = scaleOrdinal(dataNames, colors);
     const shape = (_a = series.shape) !== null && _a !== void 0 ? _a : 'rectangle';
     const isTrapezoid = shape === 'trapezoid';
-    const isConnectorsEnabled = (_c = (_b = series.connectors) === null || _b === void 0 ? void 0 : _b.enabled) !== null && _c !== void 0 ? _c : !isTrapezoid;
+    const userSpecifiedHeight = ((_b = series.connectors) === null || _b === void 0 ? void 0 : _b.height) !== undefined;
+    // For trapezoid: enable connectors only when the user has explicitly set a height or enabled them.
+    // For rectangle: enable by default.
+    const isConnectorsEnabled = (_d = (_c = series.connectors) === null || _c === void 0 ? void 0 : _c.enabled) !== null && _d !== void 0 ? _d : (isTrapezoid ? userSpecifiedHeight : true);
     const preparedSeries = series.data.map((dataItem) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
         const id = getUniqId();
@@ -42,12 +46,14 @@ export function prepareFunnelSeries(args) {
             tooltip: series.tooltip,
             connectors: {
                 enabled: isConnectorsEnabled,
-                height: isConnectorsEnabled ? ((_q = (_p = series.connectors) === null || _p === void 0 ? void 0 : _p.height) !== null && _q !== void 0 ? _q : '25%') : 0,
+                height: isConnectorsEnabled
+                    ? ((_q = (_p = series.connectors) === null || _p === void 0 ? void 0 : _p.height) !== null && _q !== void 0 ? _q : (isTrapezoid ? 0 : '25%'))
+                    : 0,
                 lineDashStyle: (_s = (_r = series.connectors) === null || _r === void 0 ? void 0 : _r.lineDashStyle) !== null && _s !== void 0 ? _s : 'Dash',
-                lineOpacity: (_u = (_t = series.connectors) === null || _t === void 0 ? void 0 : _t.lineOpacity) !== null && _u !== void 0 ? _u : 1,
+                lineOpacity: (_u = (_t = series.connectors) === null || _t === void 0 ? void 0 : _t.lineOpacity) !== null && _u !== void 0 ? _u : (isTrapezoid ? 0 : 1),
                 lineColor: (_w = (_v = series.connectors) === null || _v === void 0 ? void 0 : _v.lineColor) !== null && _w !== void 0 ? _w : 'var(--g-color-line-generic-active)',
                 areaColor: (_y = (_x = series.connectors) === null || _x === void 0 ? void 0 : _x.areaColor) !== null && _y !== void 0 ? _y : color,
-                areaOpacity: (_0 = (_z = series.connectors) === null || _z === void 0 ? void 0 : _z.areaOpacity) !== null && _0 !== void 0 ? _0 : 0.25,
+                areaOpacity: (_0 = (_z = series.connectors) === null || _z === void 0 ? void 0 : _z.areaOpacity) !== null && _0 !== void 0 ? _0 : (isTrapezoid ? 0 : 0.25),
                 lineWidth: (_2 = (_1 = series.connectors) === null || _1 === void 0 ? void 0 : _1.lineWidth) !== null && _2 !== void 0 ? _2 : 1,
             },
         };

package/dist/esm/plugins/heatmap/index.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesPlugin } from '../../core/series/plugin';
+import type { HeatmapSeries } from '../../types';
+export declare const heatmapPlugin: SeriesPlugin<HeatmapSeries>;

package/dist/esm/plugins/heatmap/index.js

@@ -0,0 +1,10 @@
+import { prepareHeatmapSeries } from './prepare';
+export const heatmapPlugin = {
+    type: 'heatmap',
+    prepareSeries: ({ series, seriesOptions, legend, colorScale }) => prepareHeatmapSeries({
+        series: series,
+        seriesOptions,
+        legend,
+        colorScale,
+    }),
+};

package/dist/{cjs/core/series/prepare-heatmap.d.ts → esm/plugins/heatmap/prepare.d.ts}

@@ -1,6 +1,6 @@
 import type { ScaleOrdinal } from 'd3-scale';
+import type { PreparedLegend, PreparedSeries } from '../../core/series/types';
 import type { ChartSeriesOptions, HeatmapSeries } from '../../types';
-import type { PreparedLegend, PreparedSeries } from './types';
 type PrepareHeatmapSeriesArgs = {
     colorScale: ScaleOrdinal<string, string>;
     series: HeatmapSeries[];

package/dist/{cjs/core/series/prepare-heatmap.js → esm/plugins/heatmap/prepare.js}

@@ -1,8 +1,8 @@
 import get from 'lodash/get';
-import { DEFAULT_DATALABELS_STYLE } from '../constants';
-import { getUniqId } from '../utils';
-import { DEFAULT_DATALABELS_PADDING } from './constants';
-import { prepareLegendSymbol } from './utils';
+import { DEFAULT_DATALABELS_STYLE } from '../../core/constants';
+import { DEFAULT_DATALABELS_PADDING } from '../../core/series/constants';
+import { prepareLegendSymbol } from '../../core/series/utils';
+import { getUniqId } from '../../core/utils';
 function prepareSeriesData(series) {
     var _a;
     const nullMode = (_a = series.nullMode) !== null && _a !== void 0 ? _a : 'skip';

package/dist/esm/plugins/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/plugins/index.js

@@ -0,0 +1,27 @@
+import { registerSeriesPlugin } from '../core/series/seriesRegistry';
+import { areaPlugin } from './area';
+import { barXPlugin } from './bar-x';
+import { barYPlugin } from './bar-y';
+import { funnelPlugin } from './funnel';
+import { heatmapPlugin } from './heatmap';
+import { linePlugin } from './line';
+import { piePlugin } from './pie';
+import { radarPlugin } from './radar';
+import { sankeyPlugin } from './sankey';
+import { scatterPlugin } from './scatter';
+import { treemapPlugin } from './treemap';
+import { waterfallPlugin } from './waterfall';
+import { xRangePlugin } from './x-range';
+registerSeriesPlugin(areaPlugin);
+registerSeriesPlugin(barXPlugin);
+registerSeriesPlugin(barYPlugin);
+registerSeriesPlugin(funnelPlugin);
+registerSeriesPlugin(heatmapPlugin);
+registerSeriesPlugin(linePlugin);
+registerSeriesPlugin(piePlugin);
+registerSeriesPlugin(radarPlugin);
+registerSeriesPlugin(sankeyPlugin);
+registerSeriesPlugin(scatterPlugin);
+registerSeriesPlugin(treemapPlugin);
+registerSeriesPlugin(waterfallPlugin);
+registerSeriesPlugin(xRangePlugin);

package/dist/esm/plugins/line/index.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesPlugin } from '../../core/series/plugin';
+import type { LineSeries } from '../../types';
+export declare const linePlugin: SeriesPlugin<LineSeries>;

package/dist/esm/plugins/line/index.js

@@ -0,0 +1,5 @@
+import { prepareLineSeries } from './prepare';
+export const linePlugin = {
+    type: 'line',
+    prepareSeries: ({ series, seriesOptions, legend, colorScale }) => prepareLineSeries({ series: series, seriesOptions, legend, colorScale }),
+};

package/dist/esm/{core/series/prepare-line.d.ts → plugins/line/prepare.d.ts}

@@ -1,12 +1,12 @@
 import type { ScaleOrdinal } from 'd3-scale';
+import type { PreparedLegend, PreparedLineSeries } from '../../core/series/types';
 import type { ChartSeriesOptions, LineSeries } from '../../types';
-import type { PreparedLegend, PreparedLineSeries } from './types';
 export declare const DEFAULT_LEGEND_SYMBOL_SIZE = 16;
 export declare const DEFAULT_LINE_WIDTH = 1;
 export declare const DEFAULT_DASH_STYLE: "Solid";
 export declare const DEFAULT_MARKER: {
     enabled: boolean;
-    symbol: `${import("..").SymbolType}`;
+    symbol: `${import("../../core/constants").SymbolType}`;
     borderColor: string;
     borderWidth: number;
     radius: number;

package/dist/esm/{core/series/prepare-line.js → plugins/line/prepare.js}

@@ -1,8 +1,8 @@
 import get from 'lodash/get';
 import merge from 'lodash/merge';
-import { DASH_STYLE, DEFAULT_DATALABELS_STYLE, LineCap, LineJoin, seriesRangeSliderOptionsDefaults, } from '../constants';
-import { getUniqId } from '../utils';
-import { DEFAULT_DATALABELS_PADDING, DEFAULT_HALO_OPTIONS, DEFAULT_LEGEND_SYMBOL_PADDING, DEFAULT_POINT_MARKER_OPTIONS, } from './constants';
+import { DASH_STYLE, DEFAULT_DATALABELS_STYLE, LineCap, LineJoin, seriesRangeSliderOptionsDefaults, } from '../../core/constants';
+import { DEFAULT_DATALABELS_PADDING, DEFAULT_HALO_OPTIONS, DEFAULT_LEGEND_SYMBOL_PADDING, DEFAULT_POINT_MARKER_OPTIONS, } from '../../core/series/constants';
+import { getUniqId } from '../../core/utils';
 export const DEFAULT_LEGEND_SYMBOL_SIZE = 16;
 export const DEFAULT_LINE_WIDTH = 1;
 export const DEFAULT_DASH_STYLE = DASH_STYLE.Solid;

package/dist/esm/plugins/pie/index.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesPlugin } from '../../core/series/plugin';
+import type { PieSeries } from '../../types';
+export declare const piePlugin: SeriesPlugin<PieSeries>;

package/dist/esm/plugins/pie/index.js

@@ -0,0 +1,5 @@
+import { preparePieSeries } from './prepare';
+export const piePlugin = {
+    type: 'pie',
+    prepareSeries: ({ series, seriesOptions, legend, colors }) => preparePieSeries({ series: series, seriesOptions, legend, colors }),
+};

package/dist/esm/{core/series/prepare-pie.d.ts → plugins/pie/prepare.d.ts}

@@ -1,7 +1,7 @@
+import type { PreparedLegend, PreparedSeries } from '../../core/series/types';
 import type { ChartSeriesOptions, PieSeries } from '../../types';
-import type { PreparedLegend, PreparedSeries } from './types';
 type PreparePieSeriesArgs = {
-    series: PieSeries;
+    series: PieSeries[];
     seriesOptions?: ChartSeriesOptions;
     legend: PreparedLegend;
     colors: string[];

package/dist/esm/plugins/pie/prepare.js

@@ -0,0 +1,84 @@
+import { scaleOrdinal } from 'd3-scale';
+import get from 'lodash/get';
+import { DEFAULT_DATALABELS_STYLE } from '../../core/constants';
+import { DEFAULT_DATALABELS_PADDING } from '../../core/series/constants';
+import { prepareLegendSymbol } from '../../core/series/utils';
+import { getUniqId } from '../../core/utils';
+function prepareSeriesData(series) {
+    var _a;
+    const nullMode = (_a = series.nullMode) !== null && _a !== void 0 ? _a : 'skip';
+    const data = series.data;
+    switch (nullMode) {
+        case 'zero':
+            return data.map((p) => { var _a; return (Object.assign(Object.assign({}, p), { value: (_a = p.value) !== null && _a !== void 0 ? _a : 0 })); });
+        case 'skip':
+        default:
+            return data.filter((p) => p.value !== null);
+    }
+}
+export function preparePieSeries(args) {
+    const { series: seriesList, seriesOptions, legend, colors } = args;
+    return seriesList.flatMap((series) => {
+        const preparedData = prepareSeriesData(series);
+        const dataNames = preparedData.map((d) => d.name);
+        const colorScale = scaleOrdinal(dataNames, colors);
+        const stackId = getUniqId();
+        const seriesHoverState = get(seriesOptions, 'pie.states.hover');
+        return preparedData.map((dataItem) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+            const id = getUniqId();
+            const result = {
+                type: 'pie',
+                data: dataItem,
+                dataLabels: {
+                    enabled: get(series, 'dataLabels.enabled', true),
+                    style: Object.assign({}, DEFAULT_DATALABELS_STYLE, (_a = series.dataLabels) === null || _a === void 0 ? void 0 : _a.style),
+                    padding: get(series, 'dataLabels.padding', DEFAULT_DATALABELS_PADDING),
+                    allowOverlap: get(series, 'dataLabels.allowOverlap', false),
+                    connectorPadding: get(series, 'dataLabels.connectorPadding', 5),
+                    connectorShape: get(series, 'dataLabels.connectorShape', 'polyline'),
+                    distance: get(series, 'dataLabels.distance', 25),
+                    connectorCurve: get(series, 'dataLabels.connectorCurve', 'basic'),
+                    html: get(series, 'dataLabels.html', false),
+                    format: (_b = series.dataLabels) === null || _b === void 0 ? void 0 : _b.format,
+                },
+                label: dataItem.label,
+                value: dataItem.value,
+                visible: typeof dataItem.visible === 'boolean' ? dataItem.visible : true,
+                name: dataItem.name,
+                id,
+                color: dataItem.color || colorScale(dataItem.name),
+                legend: {
+                    enabled: (_f = (_d = (_c = dataItem.legend) === null || _c === void 0 ? void 0 : _c.enabled) !== null && _d !== void 0 ? _d : (_e = series.legend) === null || _e === void 0 ? void 0 : _e.enabled) !== null && _f !== void 0 ? _f : legend.enabled,
+                    symbol: ((_g = dataItem.legend) === null || _g === void 0 ? void 0 : _g.symbol)
+                        ? prepareLegendSymbol(dataItem)
+                        : prepareLegendSymbol(series),
+                    groupId: (_j = (_h = dataItem.legend) === null || _h === void 0 ? void 0 : _h.groupId) !== null && _j !== void 0 ? _j : getUniqId(),
+                    itemText: (_l = (_k = dataItem.legend) === null || _k === void 0 ? void 0 : _k.itemText) !== null && _l !== void 0 ? _l : dataItem.name,
+                },
+                center: series.center || ['50%', '50%'],
+                borderColor: series.borderColor || '',
+                borderRadius: (_m = series.borderRadius) !== null && _m !== void 0 ? _m : 0,
+                borderWidth: (_o = series.borderWidth) !== null && _o !== void 0 ? _o : 1,
+                radius: (_q = (_p = dataItem.radius) !== null && _p !== void 0 ? _p : series.radius) !== null && _q !== void 0 ? _q : '100%',
+                innerRadius: series.innerRadius || 0,
+                minRadius: series.minRadius,
+                stackId,
+                states: {
+                    hover: {
+                        halo: {
+                            enabled: get(seriesHoverState, 'halo.enabled', true),
+                            opacity: get(seriesHoverState, 'halo.opacity', 0.25),
+                            size: get(seriesHoverState, 'halo.size', 10),
+                        },
+                    },
+                },
+                renderCustomShape: series.renderCustomShape,
+                opacity: get(dataItem, 'opacity', null),
+                cursor: get(series, 'cursor', null),
+                tooltip: series.tooltip,
+            };
+            return result;
+        });
+    });
+}

package/dist/esm/plugins/radar/index.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesPlugin } from '../../core/series/plugin';
+import type { RadarSeries } from '../../types';
+export declare const radarPlugin: SeriesPlugin<RadarSeries>;

package/dist/esm/plugins/radar/index.js

@@ -0,0 +1,5 @@
+import { prepareRadarSeries } from './prepare';
+export const radarPlugin = {
+    type: 'radar',
+    prepareSeries: ({ series, seriesOptions, legend, colors }) => prepareRadarSeries({ series: series, seriesOptions, legend, colors }),
+};

package/dist/esm/{core/series/prepare-radar.d.ts → plugins/radar/prepare.d.ts}

@@ -1,5 +1,5 @@
+import type { PreparedLegend, PreparedRadarSeries } from '../../core/series/types';
 import type { ChartSeriesOptions, RadarSeries } from '../../types';
-import type { PreparedLegend, PreparedRadarSeries } from './types';
 type PrepareRadarSeriesArgs = {
     series: RadarSeries[];
     seriesOptions?: ChartSeriesOptions;
@@ -9,7 +9,7 @@ type PrepareRadarSeriesArgs = {
 export declare const DEFAULT_MARKER: {
     enabled: boolean;
     radius: number;
-    symbol: `${import("..").SymbolType}`;
+    symbol: `${import("../../core/constants").SymbolType}`;
     borderColor: string;
     borderWidth: number;
 };

package/dist/esm/{core/series/prepare-radar.js → plugins/radar/prepare.js}

@@ -1,10 +1,10 @@
 import { scaleOrdinal } from 'd3-scale';
 import get from 'lodash/get';
 import merge from 'lodash/merge';
-import { DEFAULT_DATALABELS_STYLE } from '../constants';
-import { getUniqId } from '../utils';
-import { DEFAULT_DATALABELS_PADDING, DEFAULT_HALO_OPTIONS, DEFAULT_POINT_MARKER_OPTIONS, } from './constants';
-import { prepareLegendSymbol } from './utils';
+import { DEFAULT_DATALABELS_STYLE } from '../../core/constants';
+import { DEFAULT_DATALABELS_PADDING, DEFAULT_HALO_OPTIONS, DEFAULT_POINT_MARKER_OPTIONS, } from '../../core/series/constants';
+import { prepareLegendSymbol } from '../../core/series/utils';
+import { getUniqId } from '../../core/utils';
 export const DEFAULT_MARKER = Object.assign(Object.assign({}, DEFAULT_POINT_MARKER_OPTIONS), { enabled: true, radius: 2 });
 function prepareMarker(series, seriesOptions) {
     var _a;

package/dist/esm/plugins/sankey/index.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesPlugin } from '../../core/series/plugin';
+import type { SankeySeries } from '../../types';
+export declare const sankeyPlugin: SeriesPlugin<SankeySeries>;

package/dist/esm/plugins/sankey/index.js

@@ -0,0 +1,5 @@
+import { prepareSankeySeries } from './prepare';
+export const sankeyPlugin = {
+    type: 'sankey',
+    prepareSeries: ({ series, seriesOptions, legend, colorScale }) => prepareSankeySeries({ series: series, seriesOptions, legend, colorScale }),
+};

package/dist/esm/{core/series/prepare-sankey.d.ts → plugins/sankey/prepare.d.ts}

@@ -1,6 +1,6 @@
 import type { ScaleOrdinal } from 'd3-scale';
+import type { PreparedLegend, PreparedSankeySeries } from '../../core/series/types';
 import type { ChartSeriesOptions, SankeySeries } from '../../types';
-import type { PreparedLegend, PreparedSankeySeries } from './types';
 type PrepareSankeySeriesArgs = {
     colorScale: ScaleOrdinal<string, string>;
     legend: PreparedLegend;

package/dist/esm/{core/series/prepare-sankey.js → plugins/sankey/prepare.js}

@@ -1,7 +1,7 @@
 import get from 'lodash/get';
-import { DEFAULT_DATALABELS_STYLE } from '../constants';
-import { getUniqId } from '../utils';
-import { prepareLegendSymbol } from './utils';
+import { DEFAULT_DATALABELS_STYLE } from '../../core/constants';
+import { prepareLegendSymbol } from '../../core/series/utils';
+import { getUniqId } from '../../core/utils';
 export function prepareSankeySeries(args) {
     const { colorScale, legend, series } = args;
     return series.map((s) => {

package/dist/esm/plugins/scatter/index.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesPlugin } from '../../core/series/plugin';
+import type { ScatterSeries } from '../../types';
+export declare const scatterPlugin: SeriesPlugin<ScatterSeries>;

package/dist/esm/plugins/scatter/index.js

@@ -0,0 +1,10 @@
+import { prepareScatterSeries } from './prepare';
+export const scatterPlugin = {
+    type: 'scatter',
+    prepareSeries: ({ series, seriesOptions, legend, colorScale }) => prepareScatterSeries({
+        series: series,
+        seriesOptions,
+        legend,
+        colorScale,
+    }),
+};

package/dist/esm/{core/series/prepare-scatter.d.ts → plugins/scatter/prepare.d.ts}

@@ -1,6 +1,6 @@
 import type { ScaleOrdinal } from 'd3-scale';
+import type { PreparedLegend, PreparedScatterSeries } from '../../core/series/types';
 import type { ChartSeriesOptions, ScatterSeries } from '../../types';
-import type { PreparedLegend, PreparedScatterSeries } from './types';
 interface PrepareScatterSeriesArgs {
     colorScale: ScaleOrdinal<string, string>;
     series: ScatterSeries[];

package/dist/{cjs/core/series/prepare-scatter.js → esm/plugins/scatter/prepare.js}

@@ -1,9 +1,9 @@
 import get from 'lodash/get';
 import merge from 'lodash/merge';
-import { DEFAULT_DATALABELS_STYLE, seriesRangeSliderOptionsDefaults } from '../constants';
-import { getSymbolType, getUniqId } from '../utils';
-import { DEFAULT_DATALABELS_PADDING, DEFAULT_HALO_OPTIONS, DEFAULT_POINT_MARKER_OPTIONS, } from './constants';
-import { prepareLegendSymbol } from './utils';
+import { DEFAULT_DATALABELS_STYLE, seriesRangeSliderOptionsDefaults } from '../../core/constants';
+import { DEFAULT_DATALABELS_PADDING, DEFAULT_HALO_OPTIONS, DEFAULT_POINT_MARKER_OPTIONS, } from '../../core/series/constants';
+import { prepareLegendSymbol } from '../../core/series/utils';
+import { getSymbolType, getUniqId } from '../../core/utils';
 function prepareMarker(series, seriesOptions, index) {
     const seriesHoverState = get(seriesOptions, 'scatter.states.hover');
     const markerNormalState = Object.assign(Object.assign({}, DEFAULT_POINT_MARKER_OPTIONS), { enabled: true, symbol: series.symbolType || getSymbolType(index) });

package/dist/esm/plugins/treemap/index.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesPlugin } from '../../core/series/plugin';
+import type { TreemapSeries } from '../../types';
+export declare const treemapPlugin: SeriesPlugin<TreemapSeries>;

package/dist/esm/plugins/treemap/index.js

@@ -0,0 +1,5 @@
+import { prepareTreemap } from './prepare';
+export const treemapPlugin = {
+    type: 'treemap',
+    prepareSeries: ({ series, seriesOptions, legend, colorScale }) => prepareTreemap({ series: series, seriesOptions, legend, colorScale }),
+};

package/dist/{cjs/core/series/prepare-treemap.d.ts → esm/plugins/treemap/prepare.d.ts}

@@ -1,6 +1,6 @@
 import type { ScaleOrdinal } from 'd3-scale';
+import type { PreparedLegend, PreparedTreemapSeries } from '../../core/series/types';
 import type { ChartSeriesOptions, TreemapSeries } from '../../types';
-import type { PreparedLegend, PreparedTreemapSeries } from './types';
 type PrepareTreemapSeriesArgs = {
     colorScale: ScaleOrdinal<string, string>;
     legend: PreparedLegend;

package/dist/esm/{core/series/prepare-treemap.js → plugins/treemap/prepare.js}

@@ -1,8 +1,8 @@
 import get from 'lodash/get';
-import { DEFAULT_DATALABELS_STYLE, LayoutAlgorithm } from '../constants';
-import { getUniqId } from '../utils';
-import { DEFAULT_DATALABELS_PADDING } from './constants';
-import { prepareLegendSymbol } from './utils';
+import { DEFAULT_DATALABELS_STYLE, LayoutAlgorithm } from '../../core/constants';
+import { DEFAULT_DATALABELS_PADDING } from '../../core/series/constants';
+import { prepareLegendSymbol } from '../../core/series/utils';
+import { getUniqId } from '../../core/utils';
 export function prepareTreemap(args) {
     const { colorScale, legend, series } = args;
     return series.map((s) => {

package/dist/esm/plugins/waterfall/index.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesPlugin } from '../../core/series/plugin';
+import type { WaterfallSeries } from '../../types';
+export declare const waterfallPlugin: SeriesPlugin<WaterfallSeries>;

package/dist/esm/plugins/waterfall/index.js

@@ -0,0 +1,5 @@
+import { prepareWaterfallSeries } from './prepare';
+export const waterfallPlugin = {
+    type: 'waterfall',
+    prepareSeries: ({ series, legend, colorScale, colors }) => prepareWaterfallSeries({ series: series, legend, colorScale, colors }),
+};

package/dist/esm/{core/series/prepare-waterfall.d.ts → plugins/waterfall/prepare.d.ts}

@@ -1,6 +1,6 @@
 import type { ScaleOrdinal } from 'd3-scale';
+import type { PreparedLegend, PreparedSeries } from '../../core/series/types';
 import type { WaterfallSeries } from '../../types';
-import type { PreparedLegend, PreparedSeries } from './types';
 type PrepareWaterfallSeriesArgs = {
     colorScale: ScaleOrdinal<string, string>;
     series: WaterfallSeries[];

package/dist/{cjs/core/series/prepare-waterfall.js → esm/plugins/waterfall/prepare.js}

@@ -1,8 +1,8 @@
 import get from 'lodash/get';
-import { DEFAULT_DATALABELS_STYLE } from '../constants';
-import { getUniqId } from '../utils';
-import { DEFAULT_DATALABELS_PADDING } from './constants';
-import { prepareLegendSymbol } from './utils';
+import { DEFAULT_DATALABELS_STYLE } from '../../core/constants';
+import { DEFAULT_DATALABELS_PADDING } from '../../core/series/constants';
+import { prepareLegendSymbol } from '../../core/series/utils';
+import { getUniqId } from '../../core/utils';
 function prepareSeriesData(series) {
     var _a;
     const nullMode = (_a = series.nullMode) !== null && _a !== void 0 ? _a : 'skip';

package/dist/esm/plugins/x-range/index.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesPlugin } from '../../core/series/plugin';
+import type { XRangeSeries } from '../../types';
+export declare const xRangePlugin: SeriesPlugin<XRangeSeries>;

package/dist/esm/plugins/x-range/index.js

@@ -0,0 +1,5 @@
+import { prepareXRangeSeries } from './prepare';
+export const xRangePlugin = {
+    type: 'x-range',
+    prepareSeries: ({ series, seriesOptions, legend, colorScale }) => prepareXRangeSeries({ series: series, seriesOptions, legend, colorScale }),
+};

package/dist/esm/{core/series/prepare-x-range.d.ts → plugins/x-range/prepare.d.ts}

@@ -1,6 +1,6 @@
 import type { ScaleOrdinal } from 'd3-scale';
+import type { PreparedLegend, PreparedXRangeSeries } from '../../core/series/types';
 import type { ChartSeriesOptions, XRangeSeries } from '../../types';
-import type { PreparedLegend, PreparedXRangeSeries } from './types';
 type PrepareXRangeSeriesArgs = {
     colorScale: ScaleOrdinal<string, string>;
     series: XRangeSeries[];

package/dist/esm/{core/series/prepare-x-range.js → plugins/x-range/prepare.js}

@@ -1,8 +1,8 @@
 import get from 'lodash/get';
-import { DASH_STYLE, DEFAULT_DATALABELS_STYLE } from '../constants';
-import { getUniqId } from '../utils';
-import { DEFAULT_DATALABELS_PADDING } from './constants';
-import { prepareLegendSymbol } from './utils';
+import { DASH_STYLE, DEFAULT_DATALABELS_STYLE } from '../../core/constants';
+import { DEFAULT_DATALABELS_PADDING } from '../../core/series/constants';
+import { prepareLegendSymbol } from '../../core/series/utils';
+import { getUniqId } from '../../core/utils';
 export function prepareXRangeSeries(args) {
     const { colorScale, series: seriesList, seriesOptions, legend } = args;
     return seriesList.map((series) => {

package/dist/esm/setup-jsdom.d.ts

@@ -0,0 +1 @@
+import './plugins';

package/dist/esm/setup-jsdom.js

@@ -1,4 +1,4 @@
-"use strict";
+import './plugins';
 // Global mocks for jsdom environment.
 // Guarded by typeof checks so this file is safe to run in the `node` environment too.
 if (typeof document !== 'undefined') {
@@ -11,10 +11,36 @@ if (typeof document !== 'undefined') {
     }
 }
 if (typeof ResizeObserver === 'undefined') {
+    const resizeObserverCallbacks = new Map();
     global.ResizeObserver = class ResizeObserver {
-        observe() { }
-        unobserve() { }
-        disconnect() { }
+        constructor(callback) {
+            this.callback = callback;
+        }
+        observe(target) {
+            if (!resizeObserverCallbacks.has(target)) {
+                resizeObserverCallbacks.set(target, new Set());
+            }
+            resizeObserverCallbacks.get(target).add(this.callback);
+        }
+        unobserve(target) {
+            var _a;
+            (_a = resizeObserverCallbacks.get(target)) === null || _a === void 0 ? void 0 : _a.delete(this.callback);
+        }
+        disconnect() {
+            resizeObserverCallbacks.forEach((callbacks) => {
+                callbacks.delete(this.callback);
+            });
+        }
+    };
+    /**
+     * Test helper: simulate a ResizeObserver notification for the given element.
+     */
+    global.__triggerResizeObserver = (target) => {
+        const callbacks = resizeObserverCallbacks.get(target);
+        if (callbacks) {
+            const entry = [{ target, contentRect: target.getBoundingClientRect() }];
+            callbacks.forEach((cb) => cb(entry, {}));
+        }
     };
 }
 if (typeof HTMLCanvasElement !== 'undefined') {