@milaboratories/miplots4 1.2.4 → 1.4.0

package/dist/bubble/BubbleSettingsImpl.d.ts

@@ -12,10 +12,10 @@ export declare class BubbleSettingsImpl implements SettingsInterface {
     };
     readonly valueColumnSize: ColumnName;
     readonly valueColumnColor: ColumnName;
-    readonly xColumn: ColumnName;
+    readonly x: ColumnName[];
     readonly xGroupBy: ColumnName[];
     readonly xSortBy: ColumnName[];
-    readonly yColumn: ColumnName;
+    readonly y: ColumnName[];
     readonly yGroupBy: ColumnName[];
     readonly ySortBy: ColumnName[];
     readonly facetBy: ColumnName[];
@@ -54,6 +54,7 @@ export declare class BubbleSettingsImpl implements SettingsInterface {
             position: 'left' | 'right';
             axisLabelsAngle: 0 | 45 | 90;
             sorting: 'asc' | 'desc';
+            labelParts: ColumnName['value'][] | null;
         };
         readonly xAxis: {
             title: string;
@@ -63,6 +64,7 @@ export declare class BubbleSettingsImpl implements SettingsInterface {
             position: 'bottom' | 'top';
             axisLabelsAngle: 0 | 45 | 90;
             sorting: 'asc' | 'desc';
+            labelParts: ColumnName['value'][] | null;
         };
         readonly frame: {
             type: FrameType;

package/dist/bubble/BubbleSettingsImpl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BubbleSettingsImpl.d.ts","sourceRoot":"","sources":["../../src/bubble/BubbleSettingsImpl.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BubbleSettingsImpl.d.ts","sourceRoot":"","sources":["../../src/bubble/BubbleSettingsImpl.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACR,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,SAAS,EACT,cAAc,EACd,sBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EAChB,MAAM,UAAU,CAAC;AAIlB,qBAAa,kBAAmB,YAAW,iBAAiB;IACxD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,YAAY;IACzB,QAAQ,CAAC,aAAa,EAAE;QACpB,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACvB,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;KAC9C,CAAC;IACF,QAAQ,CAAC,eAAe,EAAE,UAAU,CAAC;IACrC,QAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC;IACtC,QAAQ,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;IAC/B,QAAQ,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;IAC/B,QAAQ,CAAC,aAAa,EAAE;QACpB,SAAS,EAAE,sBAAsB,CAAC;QAClC,MAAM,EAAE,mBAAmB,CAAC;QAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;KACxB,GAAG,IAAI,CAAC;IACT,QAAQ,CAAC,WAAW,EAAE;QAClB,CAAC,EAAE,OAAO,CAAC;QACX,CAAC,EAAE,OAAO,CAAC;QACX,MAAM,EAAE,iBAAiB,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,SAAS,EAAE,KAAK,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAC7C,QAAQ,CAAC,aAAa,EAAE;QACpB,QAAQ,CAAC,IAAI,EAAE;YAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;YAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE,CAAC;QACxF,QAAQ,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,aAAa,CAAA;SAAE,CAAC;QACzE,QAAQ,CAAC,KAAK,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC;YACd,SAAS,EAAE,OAAO,CAAC;YACnB,SAAS,EAAE,OAAO,CAAC;YACnB,cAAc,EAAE,OAAO,CAAC;YACxB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;YAC3B,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;YAC7B,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC;YACxB,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC;SAC5C,CAAC;QACF,QAAQ,CAAC,KAAK,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC;YACd,SAAS,EAAE,OAAO,CAAC;YACnB,SAAS,EAAE,OAAO,CAAC;YACnB,cAAc,EAAE,OAAO,CAAC;YACxB,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAC;YAC3B,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;YAC7B,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC;YACxB,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC;SAC5C,CAAC;QACF,QAAQ,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,SAAS,CAAA;SAAE,CAAC;QACpC,QAAQ,CAAC,MAAM,EAAE;YAAE,IAAI,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,cAAc,CAAA;SAAE,CAAC;QAC7D,QAAQ,CAAC,QAAQ,EAAE;YAAE,IAAI,EAAE,OAAO,CAAC;YAAC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;SAAE,CAAC;KAChE,CAAC;IACF,QAAQ,CAAC,GAAG,EAAE;QACV,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,EAAE,CAAC;QACrB,eAAe,EAAE,MAAM,CAAC;QACxB,cAAc,EAAE,MAAM,CAAC;KAC1B,CAAC;gBAEU,QAAQ,EAAE,cAAc;CAgFvC"}

package/dist/bubble/BubbleSettingsImpl.js

@@ -1,17 +1,18 @@
 import "../constants.js";
 import { BubblesSettingsSchema as e } from "../types/bubble.js";
 import "../types/index.js";
-import t from "lodash";
-var n = class {
+import { joinAxisTitle as t, resolveLabelParts as n } from "../heatmap/labelParts.js";
+import r from "lodash";
+var i = class {
 	id;
 	type = "bubble";
 	facetSettings;
 	valueColumnSize;
 	valueColumnColor;
-	xColumn;
+	x;
 	xGroupBy;
 	xSortBy;
-	yColumn;
+	y;
 	yGroupBy;
 	ySortBy;
 	facetBy;
@@ -24,75 +25,77 @@ var n = class {
 	keysOrder;
 	chartSettings;
 	aes;
-	constructor(n) {
-		e.parse(n), this.id = t.uniqueId("settings"), this.facetSettings = {
+	constructor(i) {
+		e.parse(i), this.id = r.uniqueId("settings"), this.facetSettings = {
 			sharedX: !0,
 			sharedY: !0,
 			titlePosition: "left",
-			order: n.facetSettings?.order ?? null,
-			...n.facetSettings
-		}, this.facetBy = n.facetBy ?? [], this.valueColumnSize = n.valueSize, this.valueColumnColor = n.valueColor, this.xColumn = n.xColumn, this.xGroupBy = n.xGroupBy ?? [], this.xSortBy = n.xSortBy ?? [], this.yColumn = n.yColumn, this.yGroupBy = n.yGroupBy ?? [], this.ySortBy = n.ySortBy ?? [], this.NAValueAs = n.NAValueAs ?? null, this.transform = n.transform ?? null, this.showEmptyRows = n.showEmptyRows ?? !1, this.showEmptyColumns = n.showEmptyColumns ?? !1, this.keysOrder = n.keysOrder ?? {}, this.normalization = n.normalization ?? null;
-		let r = n.size?.cellSize ?? null;
+			order: i.facetSettings?.order ?? null,
+			...i.facetSettings
+		}, this.facetBy = i.facetBy ?? [], this.valueColumnSize = i.valueSize, this.valueColumnColor = i.valueColor, this.x = i.x, this.xGroupBy = i.xGroupBy ?? [], this.xSortBy = i.xSortBy ?? [], this.y = i.y, this.yGroupBy = i.yGroupBy ?? [], this.ySortBy = i.ySortBy ?? [], this.NAValueAs = i.NAValueAs ?? null, this.transform = i.transform ?? null, this.showEmptyRows = i.showEmptyRows ?? !1, this.showEmptyColumns = i.showEmptyColumns ?? !1, this.keysOrder = i.keysOrder ?? {}, this.normalization = i.normalization ?? null;
+		let a = i.size?.cellSize ?? null;
 		this.chartSettings = {
 			size: {
-				width: r ? null : n?.size?.width ?? (this.facetBy.length ? 400 : 600),
-				height: r ? null : n?.size?.height ?? (this.facetBy.length ? 250 : 350),
-				cellSize: r
+				width: a ? null : i?.size?.width ?? (this.facetBy.length ? 400 : 600),
+				height: a ? null : i?.size?.height ?? (this.facetBy.length ? 250 : 350),
+				cellSize: a
 			},
 			title: {
 				position: "center",
 				show: !0,
-				...n.title,
-				name: n.title?.name ?? "Chart"
+				...i.title,
+				name: i.title?.name ?? "Chart"
 			},
 			yAxis: {
-				title: n.yColumn.label ?? n.yColumn.value,
+				title: t(n(i.y, i.yAxis?.labelParts)),
 				showTicks: !0,
 				showTitle: !0,
 				showAxisLabels: !0,
 				position: "left",
 				axisLabelsAngle: 90,
 				sorting: "asc",
-				...n.yAxis
+				labelParts: null,
+				...i.yAxis
 			},
 			xAxis: {
-				title: n.xColumn.label ?? n.xColumn.value,
+				title: t(n(i.x, i.xAxis?.labelParts)),
 				showTicks: !0,
 				showTitle: !0,
 				showAxisLabels: !0,
 				position: "bottom",
 				axisLabelsAngle: 90,
 				sorting: "asc",
-				...n.xAxis
+				labelParts: null,
+				...i.xAxis
 			},
-			frame: { type: n.frame?.type ?? "full" },
+			frame: { type: i.frame?.type ?? "full" },
 			legend: {
 				show: !0,
 				position: "right",
-				...n.legend
+				...i.legend
 			},
 			tooltips: {
 				show: !0,
-				...n.tooltips
+				...i.tooltips
 			}
 		}, this.aggregation = {
 			x: !1,
 			y: !1,
 			method: "min",
-			...n.aggregation
+			...i.aggregation
 		}, this.aes = {
-			minRadius: n.aes?.minRadius ?? 3,
-			maxRadius: n.aes?.maxRadius ?? 20,
-			colorsList: n.aes?.colorsList ?? [
+			minRadius: i.aes?.minRadius ?? 3,
+			maxRadius: i.aes?.maxRadius ?? 20,
+			colorsList: i.aes?.colorsList ?? [
 				"black",
 				"white",
 				"red"
 			],
-			cellStrokeColor: n.aes?.cellStrokeColor ?? "#110529",
-			emptyCellColor: n.aes?.emptyCellColor ?? "white"
+			cellStrokeColor: i.aes?.cellStrokeColor ?? "#110529",
+			emptyCellColor: i.aes?.emptyCellColor ?? "white"
 		};
 	}
 };
-export { n as BubbleSettingsImpl };
+export { i as BubbleSettingsImpl };
 
 //# sourceMappingURL=BubbleSettingsImpl.js.map

package/dist/bubble/BubbleSettingsImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"BubbleSettingsImpl.js","names":[],"sources":["../../src/bubble/BubbleSettingsImpl.ts"],"sourcesContent":["import { BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL } from '../constants';\nimport { BubblesSettingsSchema } from '../types';\nimport type {\n    AggregationMethod,\n    BubbleSettings,\n    ColumnName,\n    FrameType,\n    LegendPosition,\n    NormalizationDirection,\n    NormalizationMethod,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport lodash from 'lodash';\n\nexport class BubbleSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'bubble';\n    readonly facetSettings: {\n        order: string[] | null;\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n        titlePosition: 'left' | 'center' | 'right';\n    };\n    readonly valueColumnSize: ColumnName;\n    readonly valueColumnColor: ColumnName;\n    readonly xColumn: ColumnName;\n    readonly xGroupBy: ColumnName[];\n    readonly xSortBy: ColumnName[];\n    readonly yColumn: ColumnName;\n    readonly yGroupBy: ColumnName[];\n    readonly ySortBy: ColumnName[];\n    readonly facetBy: ColumnName[];\n    readonly normalization: {\n        direction: NormalizationDirection;\n        method: NormalizationMethod;\n        colorRange?: number[];\n        sizeRange?: number[];\n    } | null;\n    readonly aggregation: {\n        x: boolean;\n        y: boolean;\n        method: AggregationMethod;\n    };\n    readonly NAValueAs: number | null;\n    readonly transform: 'log' | null;\n    readonly showEmptyRows: boolean;\n    readonly showEmptyColumns: boolean;\n    readonly keysOrder: Record<string, string[]>;\n    readonly chartSettings: {\n        readonly size: { width: number | null; height: number | null, cellSize: number | null };\n        readonly title: { name: string; show: boolean; position: TitlePosition };\n        readonly yAxis: {\n            title: string;\n            showTicks: boolean;\n            showTitle: boolean;\n            showAxisLabels: boolean;\n            position: 'left' | 'right';\n            axisLabelsAngle: 0 | 45 | 90;\n            sorting: 'asc' | 'desc';\n        };\n        readonly xAxis: {\n            title: string;\n            showTicks: boolean;\n            showTitle: boolean;\n            showAxisLabels: boolean;\n            position: 'bottom' | 'top';\n            axisLabelsAngle: 0 | 45 | 90;\n            sorting: 'asc' | 'desc';\n        };\n        readonly frame: { type: FrameType };\n        readonly legend: { show: boolean; position: LegendPosition };\n        readonly tooltips: { show: boolean; content?: ColumnName[] };\n    };\n    readonly aes: {\n        minRadius: number;\n        maxRadius: number;\n        colorsList: string[];\n        cellStrokeColor: string;\n        emptyCellColor: string;\n    };\n\n    constructor(settings: BubbleSettings) {\n        BubblesSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.facetSettings = { sharedX: true, sharedY: true, titlePosition: 'left', order: settings.facetSettings?.order ?? null, ...settings.facetSettings };\n        this.facetBy = settings.facetBy ?? [];\n        this.valueColumnSize = settings.valueSize;\n        this.valueColumnColor = settings.valueColor;\n        this.xColumn = settings.xColumn;\n        this.xGroupBy = settings.xGroupBy ?? [];\n        this.xSortBy = settings.xSortBy ?? [];\n        this.yColumn = settings.yColumn;\n        this.yGroupBy = settings.yGroupBy ?? [];\n        this.ySortBy = settings.ySortBy ?? [];\n        this.NAValueAs = settings.NAValueAs ?? null;\n        this.transform = settings.transform ?? null;\n        this.showEmptyRows = settings.showEmptyRows ?? false;\n        this.showEmptyColumns = settings.showEmptyColumns ?? false;\n        this.keysOrder = settings.keysOrder ?? {};\n        this.normalization = settings.normalization ?? null;\n\n        const cellSize = settings.size?.cellSize ?? null;\n        const width = cellSize ? null : settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH);\n        const height = cellSize ? null : settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT);\n        this.chartSettings = {\n            size: { width, height, cellSize },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                title: settings.yColumn.label ?? settings.yColumn.value,\n                showTicks: true,\n                showTitle: true,\n                showAxisLabels: true,\n                position: 'left',\n                axisLabelsAngle: 90,\n                sorting: 'asc',\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.xColumn.label ?? settings.xColumn.value,\n                showTicks: true,\n                showTitle: true,\n                showAxisLabels: true,\n                position: 'bottom',\n                axisLabelsAngle: 90,\n                sorting: 'asc',\n                ...settings.xAxis,\n            },\n            frame: { type: settings.frame?.type ?? 'full' },\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n            tooltips: {\n                show: true,\n                ...settings.tooltips,\n            },\n        };\n\n        this.aggregation = {\n            x: false,\n            y: false,\n            method: 'min',\n            ...settings.aggregation\n        };\n\n        this.aes = {\n            minRadius: settings.aes?.minRadius ?? 3,\n            maxRadius: settings.aes?.maxRadius ?? 20,\n            colorsList: settings.aes?.colorsList ?? ['black', 'white', 'red'],\n            cellStrokeColor: settings.aes?.cellStrokeColor ?? BLACK,\n            emptyCellColor: settings.aes?.emptyCellColor ?? 'white',\n        };\n    }\n}\n"],"mappings":";;;;AAeA,IAAa,IAAb,MAA6D;CACzD;CACA,OAAgB;CAChB;CAQA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAMA;CAKA;CACA;CACA;CACA;CACA;CACA;CAyBA;CAQA,YAAY,GAA0B;AAkBlC,EAjBA,EAAsB,MAAM,EAAS,EACrC,KAAK,KAAK,EAAO,SAAS,WAAW,EACrC,KAAK,gBAAgB;GAAE,SAAS;GAAM,SAAS;GAAM,eAAe;GAAQ,OAAO,EAAS,eAAe,SAAS;GAAM,GAAG,EAAS;GAAe,EACrJ,KAAK,UAAU,EAAS,WAAW,EAAE,EACrC,KAAK,kBAAkB,EAAS,WAChC,KAAK,mBAAmB,EAAS,YACjC,KAAK,UAAU,EAAS,SACxB,KAAK,WAAW,EAAS,YAAY,EAAE,EACvC,KAAK,UAAU,EAAS,WAAW,EAAE,EACrC,KAAK,UAAU,EAAS,SACxB,KAAK,WAAW,EAAS,YAAY,EAAE,EACvC,KAAK,UAAU,EAAS,WAAW,EAAE,EACrC,KAAK,YAAY,EAAS,aAAa,MACvC,KAAK,YAAY,EAAS,aAAa,MACvC,KAAK,gBAAgB,EAAS,iBAAiB,IAC/C,KAAK,mBAAmB,EAAS,oBAAoB,IACrD,KAAK,YAAY,EAAS,aAAa,EAAE,EACzC,KAAK,gBAAgB,EAAS,iBAAiB;EAE/C,IAAM,IAAW,EAAS,MAAM,YAAY;AAkD5C,EA/CA,KAAK,gBAAgB;GACjB,MAAM;IAAE,OAHE,IAAW,OAAO,GAAU,MAAM,UAAU,KAAK,QAAQ,SAAA,MAAA;IAGpD,QAFJ,IAAW,OAAO,GAAU,MAAM,WAAW,KAAK,QAAQ,SAAA,MAAA;IAE9C;IAAU;GACjC,OAAO;IACH,UAAU;IACV,MAAM;IACN,GAAG,EAAS;IACZ,MAAM,EAAS,OAAO,QAAQ;IACjC;GACD,OAAO;IACH,OAAO,EAAS,QAAQ,SAAS,EAAS,QAAQ;IAClD,WAAW;IACX,WAAW;IACX,gBAAgB;IAChB,UAAU;IACV,iBAAiB;IACjB,SAAS;IACT,GAAG,EAAS;IACf;GACD,OAAO;IACH,OAAO,EAAS,QAAQ,SAAS,EAAS,QAAQ;IAClD,WAAW;IACX,WAAW;IACX,gBAAgB;IAChB,UAAU;IACV,iBAAiB;IACjB,SAAS;IACT,GAAG,EAAS;IACf;GACD,OAAO,EAAE,MAAM,EAAS,OAAO,QAAQ,QAAQ;GAC/C,QAAQ;IACJ,MAAM;IACN,UAAU;IACV,GAAG,EAAS;IACf;GACD,UAAU;IACN,MAAM;IACN,GAAG,EAAS;IACf;GACJ,EAED,KAAK,cAAc;GACf,GAAG;GACH,GAAG;GACH,QAAQ;GACR,GAAG,EAAS;GACf,EAED,KAAK,MAAM;GACP,WAAW,EAAS,KAAK,aAAa;GACtC,WAAW,EAAS,KAAK,aAAa;GACtC,YAAY,EAAS,KAAK,cAAc;IAAC;IAAS;IAAS;IAAM;GACjE,iBAAiB,EAAS,KAAK,mBAAA;GAC/B,gBAAgB,EAAS,KAAK,kBAAkB;GACnD"}
+{"version":3,"file":"BubbleSettingsImpl.js","names":[],"sources":["../../src/bubble/BubbleSettingsImpl.ts"],"sourcesContent":["import { BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL } from '../constants';\nimport { BubblesSettingsSchema } from '../types';\nimport type {\n    AggregationMethod,\n    BubbleSettings,\n    ColumnName,\n    FrameType,\n    LegendPosition,\n    NormalizationDirection,\n    NormalizationMethod,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport lodash from 'lodash';\nimport { joinAxisTitle, resolveLabelParts } from '../heatmap/labelParts';\n\nexport class BubbleSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'bubble';\n    readonly facetSettings: {\n        order: string[] | null;\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n        titlePosition: 'left' | 'center' | 'right';\n    };\n    readonly valueColumnSize: ColumnName;\n    readonly valueColumnColor: ColumnName;\n    readonly x: ColumnName[];\n    readonly xGroupBy: ColumnName[];\n    readonly xSortBy: ColumnName[];\n    readonly y: ColumnName[];\n    readonly yGroupBy: ColumnName[];\n    readonly ySortBy: ColumnName[];\n    readonly facetBy: ColumnName[];\n    readonly normalization: {\n        direction: NormalizationDirection;\n        method: NormalizationMethod;\n        colorRange?: number[];\n        sizeRange?: number[];\n    } | null;\n    readonly aggregation: {\n        x: boolean;\n        y: boolean;\n        method: AggregationMethod;\n    };\n    readonly NAValueAs: number | null;\n    readonly transform: 'log' | null;\n    readonly showEmptyRows: boolean;\n    readonly showEmptyColumns: boolean;\n    readonly keysOrder: Record<string, string[]>;\n    readonly chartSettings: {\n        readonly size: { width: number | null; height: number | null, cellSize: number | null };\n        readonly title: { name: string; show: boolean; position: TitlePosition };\n        readonly yAxis: {\n            title: string;\n            showTicks: boolean;\n            showTitle: boolean;\n            showAxisLabels: boolean;\n            position: 'left' | 'right';\n            axisLabelsAngle: 0 | 45 | 90;\n            sorting: 'asc' | 'desc';\n            labelParts: ColumnName['value'][] | null;\n        };\n        readonly xAxis: {\n            title: string;\n            showTicks: boolean;\n            showTitle: boolean;\n            showAxisLabels: boolean;\n            position: 'bottom' | 'top';\n            axisLabelsAngle: 0 | 45 | 90;\n            sorting: 'asc' | 'desc';\n            labelParts: ColumnName['value'][] | null;\n        };\n        readonly frame: { type: FrameType };\n        readonly legend: { show: boolean; position: LegendPosition };\n        readonly tooltips: { show: boolean; content?: ColumnName[] };\n    };\n    readonly aes: {\n        minRadius: number;\n        maxRadius: number;\n        colorsList: string[];\n        cellStrokeColor: string;\n        emptyCellColor: string;\n    };\n\n    constructor(settings: BubbleSettings) {\n        BubblesSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.facetSettings = { sharedX: true, sharedY: true, titlePosition: 'left', order: settings.facetSettings?.order ?? null, ...settings.facetSettings };\n        this.facetBy = settings.facetBy ?? [];\n        this.valueColumnSize = settings.valueSize;\n        this.valueColumnColor = settings.valueColor;\n        this.x = settings.x;\n        this.xGroupBy = settings.xGroupBy ?? [];\n        this.xSortBy = settings.xSortBy ?? [];\n        this.y = settings.y;\n        this.yGroupBy = settings.yGroupBy ?? [];\n        this.ySortBy = settings.ySortBy ?? [];\n        this.NAValueAs = settings.NAValueAs ?? null;\n        this.transform = settings.transform ?? null;\n        this.showEmptyRows = settings.showEmptyRows ?? false;\n        this.showEmptyColumns = settings.showEmptyColumns ?? false;\n        this.keysOrder = settings.keysOrder ?? {};\n        this.normalization = settings.normalization ?? null;\n\n        const cellSize = settings.size?.cellSize ?? null;\n        const width = cellSize ? null : settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH);\n        const height = cellSize ? null : settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT);\n        this.chartSettings = {\n            size: { width, height, cellSize },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                title: joinAxisTitle(resolveLabelParts(settings.y, settings.yAxis?.labelParts)),\n                showTicks: true,\n                showTitle: true,\n                showAxisLabels: true,\n                position: 'left',\n                axisLabelsAngle: 90,\n                sorting: 'asc',\n                labelParts: null,\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: joinAxisTitle(resolveLabelParts(settings.x, settings.xAxis?.labelParts)),\n                showTicks: true,\n                showTitle: true,\n                showAxisLabels: true,\n                position: 'bottom',\n                axisLabelsAngle: 90,\n                sorting: 'asc',\n                labelParts: null,\n                ...settings.xAxis,\n            },\n            frame: { type: settings.frame?.type ?? 'full' },\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n            tooltips: {\n                show: true,\n                ...settings.tooltips,\n            },\n        };\n\n        this.aggregation = {\n            x: false,\n            y: false,\n            method: 'min',\n            ...settings.aggregation\n        };\n\n        this.aes = {\n            minRadius: settings.aes?.minRadius ?? 3,\n            maxRadius: settings.aes?.maxRadius ?? 20,\n            colorsList: settings.aes?.colorsList ?? ['black', 'white', 'red'],\n            cellStrokeColor: settings.aes?.cellStrokeColor ?? BLACK,\n            emptyCellColor: settings.aes?.emptyCellColor ?? 'white',\n        };\n    }\n}\n"],"mappings":";;;;;AAgBA,IAAa,IAAb,MAA6D;CACzD;CACA,OAAgB;CAChB;CAQA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAMA;CAKA;CACA;CACA;CACA;CACA;CACA;CA2BA;CAQA,YAAY,GAA0B;AAkBlC,EAjBA,EAAsB,MAAM,EAAS,EACrC,KAAK,KAAK,EAAO,SAAS,WAAW,EACrC,KAAK,gBAAgB;GAAE,SAAS;GAAM,SAAS;GAAM,eAAe;GAAQ,OAAO,EAAS,eAAe,SAAS;GAAM,GAAG,EAAS;GAAe,EACrJ,KAAK,UAAU,EAAS,WAAW,EAAE,EACrC,KAAK,kBAAkB,EAAS,WAChC,KAAK,mBAAmB,EAAS,YACjC,KAAK,IAAI,EAAS,GAClB,KAAK,WAAW,EAAS,YAAY,EAAE,EACvC,KAAK,UAAU,EAAS,WAAW,EAAE,EACrC,KAAK,IAAI,EAAS,GAClB,KAAK,WAAW,EAAS,YAAY,EAAE,EACvC,KAAK,UAAU,EAAS,WAAW,EAAE,EACrC,KAAK,YAAY,EAAS,aAAa,MACvC,KAAK,YAAY,EAAS,aAAa,MACvC,KAAK,gBAAgB,EAAS,iBAAiB,IAC/C,KAAK,mBAAmB,EAAS,oBAAoB,IACrD,KAAK,YAAY,EAAS,aAAa,EAAE,EACzC,KAAK,gBAAgB,EAAS,iBAAiB;EAE/C,IAAM,IAAW,EAAS,MAAM,YAAY;AAoD5C,EAjDA,KAAK,gBAAgB;GACjB,MAAM;IAAE,OAHE,IAAW,OAAO,GAAU,MAAM,UAAU,KAAK,QAAQ,SAAA,MAAA;IAGpD,QAFJ,IAAW,OAAO,GAAU,MAAM,WAAW,KAAK,QAAQ,SAAA,MAAA;IAE9C;IAAU;GACjC,OAAO;IACH,UAAU;IACV,MAAM;IACN,GAAG,EAAS;IACZ,MAAM,EAAS,OAAO,QAAQ;IACjC;GACD,OAAO;IACH,OAAO,EAAc,EAAkB,EAAS,GAAG,EAAS,OAAO,WAAW,CAAC;IAC/E,WAAW;IACX,WAAW;IACX,gBAAgB;IAChB,UAAU;IACV,iBAAiB;IACjB,SAAS;IACT,YAAY;IACZ,GAAG,EAAS;IACf;GACD,OAAO;IACH,OAAO,EAAc,EAAkB,EAAS,GAAG,EAAS,OAAO,WAAW,CAAC;IAC/E,WAAW;IACX,WAAW;IACX,gBAAgB;IAChB,UAAU;IACV,iBAAiB;IACjB,SAAS;IACT,YAAY;IACZ,GAAG,EAAS;IACf;GACD,OAAO,EAAE,MAAM,EAAS,OAAO,QAAQ,QAAQ;GAC/C,QAAQ;IACJ,MAAM;IACN,UAAU;IACV,GAAG,EAAS;IACf;GACD,UAAU;IACN,MAAM;IACN,GAAG,EAAS;IACf;GACJ,EAED,KAAK,cAAc;GACf,GAAG;GACH,GAAG;GACH,QAAQ;GACR,GAAG,EAAS;GACf,EAED,KAAK,MAAM;GACP,WAAW,EAAS,KAAK,aAAa;GACtC,WAAW,EAAS,KAAK,aAAa;GACtC,YAAY,EAAS,KAAK,cAAc;IAAC;IAAS;IAAS;IAAM;GACjE,iBAAiB,EAAS,KAAK,mBAAA;GAC/B,gBAAgB,EAAS,KAAK,kBAAkB;GACnD"}

package/dist/bubble/getGroupedCellsData.d.ts

@@ -5,6 +5,6 @@ import { Cell, GroupedCellsData } from '../heatmap/fillCellsData';
 type BubbleDataFields = 'sizeValue' | 'colorValue';
 export type CellBubble = Cell<BubbleDataFields>;
 export type GroupedCellsBubble = GroupedCellsData<BubbleDataFields>;
-export declare function getGroupedCellsData(data: DataFrame, xColumn: ColumnName, yColumn: ColumnName, valueColumnSize: ColumnName, valueColumnColor: ColumnName, facetBy: ColumnName[], xGroupBy: ColumnName[], yGroupBy: ColumnName[], xSortBy: ColumnName[], ySortBy: ColumnName[], facetSettings: BubbleSettingsImpl['facetSettings'], normalization: BubbleSettingsImpl['normalization'], NAValueAs: BubbleSettingsImpl['NAValueAs'], transform: BubbleSettingsImpl['transform'], keysOrder: BubbleSettingsImpl['keysOrder'], xAxis: BubbleSettingsImpl['chartSettings']['xAxis'], yAxis: BubbleSettingsImpl['chartSettings']['yAxis'], aggregation: BubbleSettingsImpl['aggregation'], showEmptyRows?: boolean, showEmptyColumns?: boolean): GroupedCellsBubble;
+export declare function getGroupedCellsData(data: DataFrame, x: ColumnName[], y: ColumnName[], valueColumnSize: ColumnName, valueColumnColor: ColumnName, facetBy: ColumnName[], xGroupBy: ColumnName[], yGroupBy: ColumnName[], xSortBy: ColumnName[], ySortBy: ColumnName[], facetSettings: BubbleSettingsImpl['facetSettings'], normalization: BubbleSettingsImpl['normalization'], NAValueAs: BubbleSettingsImpl['NAValueAs'], transform: BubbleSettingsImpl['transform'], keysOrder: BubbleSettingsImpl['keysOrder'], xAxis: BubbleSettingsImpl['chartSettings']['xAxis'], yAxis: BubbleSettingsImpl['chartSettings']['yAxis'], aggregation: BubbleSettingsImpl['aggregation'], showEmptyRows?: boolean, showEmptyColumns?: boolean): GroupedCellsBubble;
 export {};
 //# sourceMappingURL=getGroupedCellsData.d.ts.map

package/dist/bubble/getGroupedCellsData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getGroupedCellsData.d.ts","sourceRoot":"","sources":["../../src/bubble/getGroupedCellsData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,KAAK,IAAI,EAAiB,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI3F,KAAK,gBAAgB,GAAG,WAAW,GAAC,YAAY,CAAC;AACjD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC;AAChD,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AAoCpE,wBAAgB,mBAAmB,CAC/B,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,eAAe,EAAE,UAAU,EAC3B,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EAAE,UAAU,EAAE,EACrB,QAAQ,EAAE,UAAU,EAAE,EACtB,QAAQ,EAAE,UAAU,EAAE,EACtB,OAAO,EAAE,UAAU,EAAE,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,EAClD,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,EAClD,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC1C,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC1C,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC1C,KAAK,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACnD,KAAK,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACnD,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,EAC9C,aAAa,GAAE,OAAe,EAC9B,gBAAgB,GAAE,OAAe,GAClC,kBAAkB,CA4BpB"}
+{"version":3,"file":"getGroupedCellsData.d.ts","sourceRoot":"","sources":["../../src/bubble/getGroupedCellsData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,KAAK,IAAI,EAAiB,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI3F,KAAK,gBAAgB,GAAG,WAAW,GAAC,YAAY,CAAC;AACjD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC;AAChD,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AAoCpE,wBAAgB,mBAAmB,CAC/B,IAAI,EAAE,SAAS,EACf,CAAC,EAAE,UAAU,EAAE,EACf,CAAC,EAAE,UAAU,EAAE,EACf,eAAe,EAAE,UAAU,EAC3B,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EAAE,UAAU,EAAE,EACrB,QAAQ,EAAE,UAAU,EAAE,EACtB,QAAQ,EAAE,UAAU,EAAE,EACtB,OAAO,EAAE,UAAU,EAAE,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,EAClD,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,EAClD,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC1C,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC1C,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC1C,KAAK,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACnD,KAAK,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACnD,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,EAC9C,aAAa,GAAE,OAAe,EAC9B,gBAAgB,GAAE,OAAe,GAClC,kBAAkB,CA4BpB"}

package/dist/bubble/getGroupedCellsData.js

@@ -32,8 +32,8 @@ function r(r, i, a, o, s, c, l, u, d, f, p, m, h, g, _, v, y, b, x = !1, S = !1)
 	let C = n();
 	if (e(C, {
 		data: r,
-		xColumn: i,
-		yColumn: a,
+		x: i,
+		y: a,
 		valueColumns: {
 			sizeValue: o,
 			colorValue: s

package/dist/bubble/getGroupedCellsData.js.map

@@ -1 +1 @@
-{"version":3,"file":"getGroupedCellsData.js","names":[],"sources":["../../src/bubble/getGroupedCellsData.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName } from '../types';\nimport type { BubbleSettingsImpl } from './BubbleSettingsImpl';\nimport { type Cell, fillCellsData, type GroupedCellsData } from '../heatmap/fillCellsData';\n\nconst MAX_RENDERED_CELLS_COUNT = 1000000;\n\ntype BubbleDataFields = 'sizeValue'|'colorValue';\nexport type CellBubble = Cell<BubbleDataFields>;\nexport type GroupedCellsBubble = GroupedCellsData<BubbleDataFields>;\n\nfunction createEmptyGroupedCells(): GroupedCellsBubble {\n    return {\n        meta: {\n            valueSources: ['sizeValue', 'colorValue'],\n            facetKeys: [],\n            xGroupKeys: [],\n            yGroupKeys: [],\n\n            xKeys: [], // all the keys from facets\n            yKeys: [], // all the keys from facets\n            xKeysByGroups: {},\n            yKeysByGroups: {},\n\n            xLabels: {},\n            yLabels: {},\n            xGroupLabels: {},\n            yGroupLabels: {},\n\n            facetKeyValues: {},\n            xGroupKeyValues: {},\n            yGroupKeyValues: {},\n\n            xDataByKeys: {},\n            yDataByKeys: {},\n\n            valueExtent: {\n                sizeValue: [Infinity, -Infinity],\n                colorValue: [Infinity, -Infinity]\n            }\n        },\n        facets: {},\n    };\n}\n\nexport function getGroupedCellsData(\n    data: DataFrame,\n    xColumn: ColumnName,\n    yColumn: ColumnName,\n    valueColumnSize: ColumnName,\n    valueColumnColor: ColumnName,\n    facetBy: ColumnName[],\n    xGroupBy: ColumnName[],\n    yGroupBy: ColumnName[],\n    xSortBy: ColumnName[],\n    ySortBy: ColumnName[],\n    facetSettings: BubbleSettingsImpl['facetSettings'],\n    normalization: BubbleSettingsImpl['normalization'],\n    NAValueAs: BubbleSettingsImpl['NAValueAs'],\n    transform: BubbleSettingsImpl['transform'],\n    keysOrder: BubbleSettingsImpl['keysOrder'],\n    xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n    yAxis: BubbleSettingsImpl['chartSettings']['yAxis'],\n    aggregation: BubbleSettingsImpl['aggregation'],\n    showEmptyRows: boolean = false,\n    showEmptyColumns: boolean = false,\n): GroupedCellsBubble {\n    const result: GroupedCellsBubble = createEmptyGroupedCells();\n\n    fillCellsData(result, {\n        data,\n        xColumn, yColumn,\n        valueColumns: { sizeValue: valueColumnSize, colorValue: valueColumnColor },\n        facetBy, xGroupBy, yGroupBy,\n        xSortBy, ySortBy,\n        facetSettings,\n        annotations: [],\n        dendrogramX: null,\n        dendrogramY: null,\n        normalizationBySource: { sizeValue: null, colorValue: normalization },\n        NAValueAs,\n        transformBySource: { sizeValue: null, colorValue: transform },\n        keysOrder,\n        xAxis,\n        yAxis,\n        aggregation,\n        showEmptyRows,\n        showEmptyColumns,\n    });\n\n    if (result.meta.xKeys.length * result.meta.yKeys.length > MAX_RENDERED_CELLS_COUNT) {\n        throw Error(`Too many cells for graph rendering (${result.meta.xKeys.length * result.meta.yKeys.length})`);\n    }\n    return result;\n}\n"],"mappings":";AAKA,IAAM,IAA2B;AAMjC,SAAS,IAA8C;AACnD,QAAO;EACH,MAAM;GACF,cAAc,CAAC,aAAa,aAAa;GACzC,WAAW,EAAE;GACb,YAAY,EAAE;GACd,YAAY,EAAE;GAEd,OAAO,EAAE;GACT,OAAO,EAAE;GACT,eAAe,EAAE;GACjB,eAAe,EAAE;GAEjB,SAAS,EAAE;GACX,SAAS,EAAE;GACX,cAAc,EAAE;GAChB,cAAc,EAAE;GAEhB,gBAAgB,EAAE;GAClB,iBAAiB,EAAE;GACnB,iBAAiB,EAAE;GAEnB,aAAa,EAAE;GACf,aAAa,EAAE;GAEf,aAAa;IACT,WAAW,CAAC,UAAU,UAAU;IAChC,YAAY,CAAC,UAAU,UAAU;IACpC;GACJ;EACD,QAAQ,EAAE;EACb;;AAGL,SAAgB,EACZ,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,IAAyB,IACzB,IAA4B,IACV;CAClB,IAAM,IAA6B,GAAyB;AAuB5D,KArBA,EAAc,GAAQ;EAClB;EACA;EAAS;EACT,cAAc;GAAE,WAAW;GAAiB,YAAY;GAAkB;EAC1E;EAAS;EAAU;EACnB;EAAS;EACT;EACA,aAAa,EAAE;EACf,aAAa;EACb,aAAa;EACb,uBAAuB;GAAE,WAAW;GAAM,YAAY;GAAe;EACrE;EACA,mBAAmB;GAAE,WAAW;GAAM,YAAY;GAAW;EAC7D;EACA;EACA;EACA;EACA;EACA;EACH,CAAC,EAEE,EAAO,KAAK,MAAM,SAAS,EAAO,KAAK,MAAM,SAAS,EACtD,OAAM,MAAM,uCAAuC,EAAO,KAAK,MAAM,SAAS,EAAO,KAAK,MAAM,OAAO,GAAG;AAE9G,QAAO"}
+{"version":3,"file":"getGroupedCellsData.js","names":[],"sources":["../../src/bubble/getGroupedCellsData.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName } from '../types';\nimport type { BubbleSettingsImpl } from './BubbleSettingsImpl';\nimport { type Cell, fillCellsData, type GroupedCellsData } from '../heatmap/fillCellsData';\n\nconst MAX_RENDERED_CELLS_COUNT = 1000000;\n\ntype BubbleDataFields = 'sizeValue'|'colorValue';\nexport type CellBubble = Cell<BubbleDataFields>;\nexport type GroupedCellsBubble = GroupedCellsData<BubbleDataFields>;\n\nfunction createEmptyGroupedCells(): GroupedCellsBubble {\n    return {\n        meta: {\n            valueSources: ['sizeValue', 'colorValue'],\n            facetKeys: [],\n            xGroupKeys: [],\n            yGroupKeys: [],\n\n            xKeys: [], // all the keys from facets\n            yKeys: [], // all the keys from facets\n            xKeysByGroups: {},\n            yKeysByGroups: {},\n\n            xLabels: {},\n            yLabels: {},\n            xGroupLabels: {},\n            yGroupLabels: {},\n\n            facetKeyValues: {},\n            xGroupKeyValues: {},\n            yGroupKeyValues: {},\n\n            xDataByKeys: {},\n            yDataByKeys: {},\n\n            valueExtent: {\n                sizeValue: [Infinity, -Infinity],\n                colorValue: [Infinity, -Infinity]\n            }\n        },\n        facets: {},\n    };\n}\n\nexport function getGroupedCellsData(\n    data: DataFrame,\n    x: ColumnName[],\n    y: ColumnName[],\n    valueColumnSize: ColumnName,\n    valueColumnColor: ColumnName,\n    facetBy: ColumnName[],\n    xGroupBy: ColumnName[],\n    yGroupBy: ColumnName[],\n    xSortBy: ColumnName[],\n    ySortBy: ColumnName[],\n    facetSettings: BubbleSettingsImpl['facetSettings'],\n    normalization: BubbleSettingsImpl['normalization'],\n    NAValueAs: BubbleSettingsImpl['NAValueAs'],\n    transform: BubbleSettingsImpl['transform'],\n    keysOrder: BubbleSettingsImpl['keysOrder'],\n    xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n    yAxis: BubbleSettingsImpl['chartSettings']['yAxis'],\n    aggregation: BubbleSettingsImpl['aggregation'],\n    showEmptyRows: boolean = false,\n    showEmptyColumns: boolean = false,\n): GroupedCellsBubble {\n    const result: GroupedCellsBubble = createEmptyGroupedCells();\n\n    fillCellsData(result, {\n        data,\n        x, y,\n        valueColumns: { sizeValue: valueColumnSize, colorValue: valueColumnColor },\n        facetBy, xGroupBy, yGroupBy,\n        xSortBy, ySortBy,\n        facetSettings,\n        annotations: [],\n        dendrogramX: null,\n        dendrogramY: null,\n        normalizationBySource: { sizeValue: null, colorValue: normalization },\n        NAValueAs,\n        transformBySource: { sizeValue: null, colorValue: transform },\n        keysOrder,\n        xAxis,\n        yAxis,\n        aggregation,\n        showEmptyRows,\n        showEmptyColumns,\n    });\n\n    if (result.meta.xKeys.length * result.meta.yKeys.length > MAX_RENDERED_CELLS_COUNT) {\n        throw Error(`Too many cells for graph rendering (${result.meta.xKeys.length * result.meta.yKeys.length})`);\n    }\n    return result;\n}\n"],"mappings":";AAKA,IAAM,IAA2B;AAMjC,SAAS,IAA8C;AACnD,QAAO;EACH,MAAM;GACF,cAAc,CAAC,aAAa,aAAa;GACzC,WAAW,EAAE;GACb,YAAY,EAAE;GACd,YAAY,EAAE;GAEd,OAAO,EAAE;GACT,OAAO,EAAE;GACT,eAAe,EAAE;GACjB,eAAe,EAAE;GAEjB,SAAS,EAAE;GACX,SAAS,EAAE;GACX,cAAc,EAAE;GAChB,cAAc,EAAE;GAEhB,gBAAgB,EAAE;GAClB,iBAAiB,EAAE;GACnB,iBAAiB,EAAE;GAEnB,aAAa,EAAE;GACf,aAAa,EAAE;GAEf,aAAa;IACT,WAAW,CAAC,UAAU,UAAU;IAChC,YAAY,CAAC,UAAU,UAAU;IACpC;GACJ;EACD,QAAQ,EAAE;EACb;;AAGL,SAAgB,EACZ,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,IAAyB,IACzB,IAA4B,IACV;CAClB,IAAM,IAA6B,GAAyB;AAuB5D,KArBA,EAAc,GAAQ;EAClB;EACA;EAAG;EACH,cAAc;GAAE,WAAW;GAAiB,YAAY;GAAkB;EAC1E;EAAS;EAAU;EACnB;EAAS;EACT;EACA,aAAa,EAAE;EACf,aAAa;EACb,aAAa;EACb,uBAAuB;GAAE,WAAW;GAAM,YAAY;GAAe;EACrE;EACA,mBAAmB;GAAE,WAAW;GAAM,YAAY;GAAW;EAC7D;EACA;EACA;EACA;EACA;EACA;EACH,CAAC,EAEE,EAAO,KAAK,MAAM,SAAS,EAAO,KAAK,MAAM,SAAS,EACtD,OAAM,MAAM,uCAAuC,EAAO,KAAK,MAAM,SAAS,EAAO,KAAK,MAAM,OAAO,GAAG;AAE9G,QAAO"}

package/dist/bubble/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/bubble/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,cAAc,EAAoC,MAAM,UAAU,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAwC,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGtG,qBAAa,WAAY,SAAQ,aAAa;IAC1C,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAE7B,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAmB;IAC3D,cAAc,EAAE;QACZ,gBAAgB,EAAE,kBAAkB,CAAC;KACxC,GAAG,IAAI,CAAQ;gBAEJ,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,EAAE,mBAAmB;IAU1F,KAAK,CAAC,IAAI,EAAE,WAAW;IAiBvB,OAAO;IAIP,qBAAqB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc;IA2B/D,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAIhD,MAAM,IAAI,MAAM;IAKhB,mCAAmC,CAAC,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,kBAAkB;IAwBlG,+BAA+B,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS;IAUpE,WAAW;IA+BX,gBAAgB;IAOhB,YAAY;IAoBZ,OAAO,CAAC,WAAW,CAIjB;CACL"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/bubble/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,cAAc,EAAoC,MAAM,UAAU,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAwC,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAKtG,qBAAa,WAAY,SAAQ,aAAa;IAC1C,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAE7B,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAmB;IAC3D,cAAc,EAAE;QACZ,gBAAgB,EAAE,kBAAkB,CAAC;KACxC,GAAG,IAAI,CAAQ;gBAEJ,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,EAAE,mBAAmB;IAU1F,KAAK,CAAC,IAAI,EAAE,WAAW;IAiBvB,OAAO;IAIP,qBAAqB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc;IA2B/D,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAIhD,MAAM,IAAI,MAAM;IAKhB,mCAAmC,CAAC,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,kBAAkB;IA0BlG,+BAA+B,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS;IAUpE,WAAW;IA+BX,gBAAgB;IAOhB,YAAY;IAoBZ,OAAO,CAAC,WAAW,CAIjB;CACL"}

package/dist/bubble/index.js

@@ -2,18 +2,20 @@ import { AbstractChart as e } from "../AbstractChart.js";
 import { getUnknownErrorInfo as t, isErrorInfo as n } from "../types/common.js";
 import "../types/index.js";
 import { arraysAreDifferent as r } from "../utils/arraysAreDifferent.js";
-import { BubbleSettingsImpl as i } from "./BubbleSettingsImpl.js";
-import a from "./ChartRenderer.js";
-import { getCellTooltip as o } from "./getCellTooltip.js";
-import { getGroupedCellsData as s } from "./getGroupedCellsData.js";
-import { renderToString as c } from "react-dom/server.browser";
-var l = class extends e {
+import { labelPartsChanged as i } from "../heatmap/labelParts.js";
+import { compareColumnGroups as a } from "../utils/compareColumnGroups.js";
+import { BubbleSettingsImpl as o } from "./BubbleSettingsImpl.js";
+import s from "./ChartRenderer.js";
+import { getCellTooltip as c } from "./getCellTooltip.js";
+import { getGroupedCellsData as l } from "./getGroupedCellsData.js";
+import { renderToString as u } from "react-dom/server.browser";
+var d = class extends e {
 	settings;
 	chartRenderer;
 	onTooltipHintSwitch = () => void 0;
 	calculatedData = null;
 	constructor(e, t, n) {
-		super(e, t), this.settings = new i(t), this.chartRenderer = new a(), n && (this.onTooltipHintSwitch = n[0]);
+		super(e, t), this.settings = new o(t), this.chartRenderer = new s(), n && (this.onTooltipHintSwitch = n[0]);
 	}
 	mount(e) {
 		try {
@@ -28,7 +30,7 @@ var l = class extends e {
 	updateSettingsAndData(e, r) {
 		try {
 			let t = this.settings, n = this.data;
-			this.settings = new i(r), this.data = e, this._needUpdateCalculatedDataBySettings(t, this.settings) || this._needUpdateCalculatedDataByData(n, this.data) ? this._updateData() : this._updateAesInData(), this._updateChart(), this.hasError = !1, this.errorInfo = null;
+			this.settings = new o(r), this.data = e, this._needUpdateCalculatedDataBySettings(t, this.settings) || this._needUpdateCalculatedDataByData(n, this.data) ? this._updateData() : this._updateAesInData(), this._updateChart(), this.hasError = !1, this.errorInfo = null;
 		} catch (e) {
 			this.hasError = !0, e instanceof Error && (this.errorInfo = n(e.cause) ? e.cause : t(e), this.chartRenderer.renderError(e.message), console.error(e));
 		}
@@ -37,19 +39,18 @@ var l = class extends e {
 		console.warn("no chart state for bubble chart");
 	}
 	export() {
-		return this._updateChart(), c(this.chartRenderer.component);
+		return this._updateChart(), u(this.chartRenderer.component);
 	}
 	_needUpdateCalculatedDataBySettings(e, t) {
-		let n = (e, t) => e.length !== t.length || e.some((e, n) => e.value !== t[n].value);
-		return e.facetBy.some((e, n) => e.value !== t.facetBy[n]?.value) || r(e.facetSettings?.order ?? [], t.facetSettings?.order ?? []) || e.normalization?.method !== t.normalization?.method || e.normalization?.direction !== t.normalization?.direction || e.xColumn.value !== t.xColumn.value || e.yColumn.value !== t.yColumn.value || e.valueColumnColor.value !== t.valueColumnColor.value || e.valueColumnSize.value !== t.valueColumnSize.value || n(e.xSortBy, t.xSortBy) || n(e.ySortBy, t.ySortBy) || e.chartSettings.xAxis.sorting !== t.chartSettings.xAxis.sorting || e.chartSettings.yAxis.sorting !== t.chartSettings.yAxis.sorting || e.NAValueAs !== t.NAValueAs || e.transform !== t.transform || e.aggregation?.method !== t.aggregation?.method || e.aggregation?.x !== t.aggregation?.x || e.aggregation?.y !== t.aggregation?.y || e.showEmptyRows !== t.showEmptyRows || e.showEmptyColumns !== t.showEmptyColumns;
+		return e.facetBy.some((e, n) => e.value !== t.facetBy[n]?.value) || r(e.facetSettings?.order ?? [], t.facetSettings?.order ?? []) || e.normalization?.method !== t.normalization?.method || e.normalization?.direction !== t.normalization?.direction || a(e.x, t.x) || a(e.y, t.y) || a(e.xGroupBy, t.xGroupBy) || a(e.yGroupBy, t.yGroupBy) || e.valueColumnColor.value !== t.valueColumnColor.value || e.valueColumnSize.value !== t.valueColumnSize.value || a(e.xSortBy, t.xSortBy) || a(e.ySortBy, t.ySortBy) || e.chartSettings.xAxis.sorting !== t.chartSettings.xAxis.sorting || e.chartSettings.yAxis.sorting !== t.chartSettings.yAxis.sorting || e.NAValueAs !== t.NAValueAs || e.transform !== t.transform || e.aggregation?.method !== t.aggregation?.method || e.aggregation?.x !== t.aggregation?.x || e.aggregation?.y !== t.aggregation?.y || e.showEmptyRows !== t.showEmptyRows || e.showEmptyColumns !== t.showEmptyColumns || i(e.chartSettings.xAxis.labelParts, t.chartSettings.xAxis.labelParts) || i(e.chartSettings.yAxis.labelParts, t.chartSettings.yAxis.labelParts);
 	}
 	_needUpdateCalculatedDataByData(e, t) {
 		let n = Object.keys(e.data), r = Object.keys(t.data);
 		return e.id !== t.id || n.length !== r.length || n.some((n) => e.data[n].length !== t.data[n]?.length);
 	}
 	_updateData() {
-		let { facetBy: e, facetSettings: t, xGroupBy: n, yGroupBy: r, xSortBy: i, ySortBy: a, xColumn: o, yColumn: c, valueColumnSize: l, valueColumnColor: u, normalization: d, NAValueAs: f, transform: p, aggregation: m, chartSettings: h, keysOrder: g, showEmptyRows: _, showEmptyColumns: v } = this.settings;
-		this.calculatedData = { groupedCellsData: s(this.data, o, c, l, u, e, n, r, i, a, t, d, f, p, g, h.xAxis, h.yAxis, m, _, v) };
+		let { facetBy: e, facetSettings: t, xGroupBy: n, yGroupBy: r, xSortBy: i, ySortBy: a, x: o, y: s, valueColumnSize: c, valueColumnColor: u, normalization: d, NAValueAs: f, transform: p, aggregation: m, chartSettings: h, keysOrder: g, showEmptyRows: _, showEmptyColumns: v } = this.settings;
+		this.calculatedData = { groupedCellsData: l(this.data, o, s, c, u, e, n, r, i, a, t, d, f, p, g, h.xAxis, h.yAxis, m, _, v) };
 	}
 	_updateAesInData() {
 		this.calculatedData;
@@ -59,8 +60,8 @@ var l = class extends e {
 		let { id: e, chartSettings: t, facetSettings: n, valueColumnColor: r, valueColumnSize: i, normalization: a, aes: o } = this.settings;
 		this.chartRenderer.render(this.data, e, t, n, this.calculatedData.groupedCellsData, r, i, a, o, this._getTooltip, this.onTooltipHintSwitch);
 	}
-	_getTooltip = (e) => this.calculatedData ? o(this.data, e, this.calculatedData.groupedCellsData.meta, this.settings?.chartSettings?.tooltips?.content) : ["No data available"];
+	_getTooltip = (e) => this.calculatedData ? c(this.data, e, this.calculatedData.groupedCellsData.meta, this.settings?.chartSettings?.tooltips?.content) : ["No data available"];
 };
-export { l as ChartBubble };
+export { d as ChartBubble };
 
 //# sourceMappingURL=index.js.map

package/dist/bubble/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/bubble/index.ts"],"sourcesContent":["import { renderToString } from 'react-dom/server.browser';\nimport { AbstractChart } from '../AbstractChart';\nimport type { DataFrame } from '../DataFrame';\nimport { type BubbleEventHandlers, type BubbleSettings, getUnknownErrorInfo, isErrorInfo } from '../types';\nimport { BubbleSettingsImpl } from './BubbleSettingsImpl';\nimport ChartRenderer from './ChartRenderer';\nimport { getCellTooltip } from './getCellTooltip';\nimport { type CellBubble, getGroupedCellsData, type GroupedCellsBubble } from './getGroupedCellsData';\nimport { arraysAreDifferent } from '../utils/arraysAreDifferent';\n\nexport class ChartBubble extends AbstractChart {\n    settings: BubbleSettingsImpl;\n    chartRenderer: ChartRenderer;\n\n    onTooltipHintSwitch: (v:boolean) => void = () => undefined;\n    calculatedData: {\n        groupedCellsData: GroupedCellsBubble;\n    } | null = null;\n\n    constructor(data: DataFrame, settings: BubbleSettings, eventHandlers?: BubbleEventHandlers) {\n        super(data, settings);\n\n        this.settings = new BubbleSettingsImpl(settings);\n        this.chartRenderer = new ChartRenderer();\n        if (eventHandlers) {\n            this.onTooltipHintSwitch = eventHandlers[0];\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this._updateChart();\n            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: BubbleSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new BubbleSettingsImpl(settings);\n            this.data = data;\n            if (\n                this._needUpdateCalculatedDataBySettings(previousSettings, this.settings) ||\n                this._needUpdateCalculatedDataByData(previousData, this.data)\n            ) {\n                this._updateData();\n            } else {\n                this._updateAesInData();\n            }\n            this._updateChart();\n            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    updateChartState(_field: string, _value: unknown) {\n        console.warn('no chart state for bubble chart');\n    }\n\n    export(): string {\n        this._updateChart();\n        return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: BubbleSettingsImpl, settings: BubbleSettingsImpl) {\n        const compareColumnGroups = (a: typeof prevSettings.xSortBy, b: typeof settings.xSortBy) =>\n            a.length !== b.length || a.some((col, idx) => col.value !== b[idx].value);\n        return prevSettings.facetBy.some((el, idx) => el.value !== settings.facetBy[idx]?.value) ||\n            arraysAreDifferent(prevSettings.facetSettings?.order ?? [], settings.facetSettings?.order ?? []) ||\n            prevSettings.normalization?.method !== settings.normalization?.method ||\n            prevSettings.normalization?.direction !== settings.normalization?.direction ||\n            prevSettings.xColumn.value !== settings.xColumn.value ||\n            prevSettings.yColumn.value !== settings.yColumn.value ||\n            prevSettings.valueColumnColor.value !== settings.valueColumnColor.value ||\n            prevSettings.valueColumnSize.value !== settings.valueColumnSize.value ||\n            compareColumnGroups(prevSettings.xSortBy, settings.xSortBy) ||\n            compareColumnGroups(prevSettings.ySortBy, settings.ySortBy) ||\n            prevSettings.chartSettings.xAxis.sorting !== settings.chartSettings.xAxis.sorting ||\n            prevSettings.chartSettings.yAxis.sorting !== settings.chartSettings.yAxis.sorting ||\n            prevSettings.NAValueAs !== settings.NAValueAs ||\n            prevSettings.transform !== settings.transform ||\n            prevSettings.aggregation?.method !== settings.aggregation?.method ||\n            prevSettings.aggregation?.x !== settings.aggregation?.x ||\n            prevSettings.aggregation?.y !== settings.aggregation?.y ||\n            prevSettings.showEmptyRows !== settings.showEmptyRows ||\n            prevSettings.showEmptyColumns !== settings.showEmptyColumns;\n    }\n\n    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame) {\n        const prevKeys = Object.keys(prevData.data);\n        const keys = Object.keys(data.data);\n        return (\n            prevData.id !== data.id ||\n            prevKeys.length !== keys.length ||\n            prevKeys.some(key => prevData.data[key].length !== data.data[key]?.length)\n        );\n    }\n\n    _updateData() {\n        const {facetBy, facetSettings, xGroupBy, yGroupBy, xSortBy, ySortBy, xColumn, yColumn, valueColumnSize, valueColumnColor, normalization, NAValueAs, transform, aggregation, chartSettings, keysOrder, showEmptyRows, showEmptyColumns} = this.settings;\n\n        const groupedCellsData = getGroupedCellsData(\n            this.data,\n            xColumn,\n            yColumn,\n            valueColumnSize,\n            valueColumnColor,\n            facetBy,\n            xGroupBy,\n            yGroupBy,\n            xSortBy,\n            ySortBy,\n            facetSettings,\n            normalization,\n            NAValueAs,\n            transform,\n            keysOrder,\n            chartSettings.xAxis,\n            chartSettings.yAxis,\n            aggregation,\n            showEmptyRows,\n            showEmptyColumns,\n        );\n\n        this.calculatedData = {\n            groupedCellsData,\n        };\n    }\n\n    _updateAesInData() {\n        const calculated = this.calculatedData;\n        if (!calculated) {\n            return;\n        }\n    }\n\n    _updateChart() {\n        if (!this.calculatedData) {\n            return;\n        }\n        const {id, chartSettings, facetSettings, valueColumnColor, valueColumnSize, normalization, aes} = this.settings;\n        this.chartRenderer.render(\n            this.data,\n            id,\n            chartSettings,\n            facetSettings,\n            this.calculatedData.groupedCellsData,\n            valueColumnColor,\n            valueColumnSize,\n            normalization,\n            aes,\n            this._getTooltip,\n            this.onTooltipHintSwitch,\n        );\n    }\n\n    private _getTooltip = (cell: CellBubble): string[] => {\n        return this.calculatedData\n            ? getCellTooltip(this.data, cell, this.calculatedData.groupedCellsData.meta, this.settings?.chartSettings?.tooltips?.content)\n            : ['No data available'];\n    };\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/bubble/index.ts"],"sourcesContent":["import { renderToString } from 'react-dom/server.browser';\nimport { AbstractChart } from '../AbstractChart';\nimport type { DataFrame } from '../DataFrame';\nimport { type BubbleEventHandlers, type BubbleSettings, getUnknownErrorInfo, isErrorInfo } from '../types';\nimport { BubbleSettingsImpl } from './BubbleSettingsImpl';\nimport ChartRenderer from './ChartRenderer';\nimport { getCellTooltip } from './getCellTooltip';\nimport { type CellBubble, getGroupedCellsData, type GroupedCellsBubble } from './getGroupedCellsData';\nimport { arraysAreDifferent } from '../utils/arraysAreDifferent';\nimport { compareColumnGroups } from '../utils/compareColumnGroups';\nimport { labelPartsChanged } from '../heatmap/labelParts';\n\nexport class ChartBubble extends AbstractChart {\n    settings: BubbleSettingsImpl;\n    chartRenderer: ChartRenderer;\n\n    onTooltipHintSwitch: (v:boolean) => void = () => undefined;\n    calculatedData: {\n        groupedCellsData: GroupedCellsBubble;\n    } | null = null;\n\n    constructor(data: DataFrame, settings: BubbleSettings, eventHandlers?: BubbleEventHandlers) {\n        super(data, settings);\n\n        this.settings = new BubbleSettingsImpl(settings);\n        this.chartRenderer = new ChartRenderer();\n        if (eventHandlers) {\n            this.onTooltipHintSwitch = eventHandlers[0];\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this._updateChart();\n            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: BubbleSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new BubbleSettingsImpl(settings);\n            this.data = data;\n            if (\n                this._needUpdateCalculatedDataBySettings(previousSettings, this.settings) ||\n                this._needUpdateCalculatedDataByData(previousData, this.data)\n            ) {\n                this._updateData();\n            } else {\n                this._updateAesInData();\n            }\n            this._updateChart();\n            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    updateChartState(_field: string, _value: unknown) {\n        console.warn('no chart state for bubble chart');\n    }\n\n    export(): string {\n        this._updateChart();\n        return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: BubbleSettingsImpl, settings: BubbleSettingsImpl) {\n        return prevSettings.facetBy.some((el, idx) => el.value !== settings.facetBy[idx]?.value) ||\n            arraysAreDifferent(prevSettings.facetSettings?.order ?? [], settings.facetSettings?.order ?? []) ||\n            prevSettings.normalization?.method !== settings.normalization?.method ||\n            prevSettings.normalization?.direction !== settings.normalization?.direction ||\n            compareColumnGroups(prevSettings.x, settings.x) ||\n            compareColumnGroups(prevSettings.y, settings.y) ||\n            compareColumnGroups(prevSettings.xGroupBy, settings.xGroupBy) ||\n            compareColumnGroups(prevSettings.yGroupBy, settings.yGroupBy) ||\n            prevSettings.valueColumnColor.value !== settings.valueColumnColor.value ||\n            prevSettings.valueColumnSize.value !== settings.valueColumnSize.value ||\n            compareColumnGroups(prevSettings.xSortBy, settings.xSortBy) ||\n            compareColumnGroups(prevSettings.ySortBy, settings.ySortBy) ||\n            prevSettings.chartSettings.xAxis.sorting !== settings.chartSettings.xAxis.sorting ||\n            prevSettings.chartSettings.yAxis.sorting !== settings.chartSettings.yAxis.sorting ||\n            prevSettings.NAValueAs !== settings.NAValueAs ||\n            prevSettings.transform !== settings.transform ||\n            prevSettings.aggregation?.method !== settings.aggregation?.method ||\n            prevSettings.aggregation?.x !== settings.aggregation?.x ||\n            prevSettings.aggregation?.y !== settings.aggregation?.y ||\n            prevSettings.showEmptyRows !== settings.showEmptyRows ||\n            prevSettings.showEmptyColumns !== settings.showEmptyColumns ||\n            labelPartsChanged(prevSettings.chartSettings.xAxis.labelParts, settings.chartSettings.xAxis.labelParts) ||\n            labelPartsChanged(prevSettings.chartSettings.yAxis.labelParts, settings.chartSettings.yAxis.labelParts);\n    }\n\n    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame) {\n        const prevKeys = Object.keys(prevData.data);\n        const keys = Object.keys(data.data);\n        return (\n            prevData.id !== data.id ||\n            prevKeys.length !== keys.length ||\n            prevKeys.some(key => prevData.data[key].length !== data.data[key]?.length)\n        );\n    }\n\n    _updateData() {\n        const {facetBy, facetSettings, xGroupBy, yGroupBy, xSortBy, ySortBy, x, y, valueColumnSize, valueColumnColor, normalization, NAValueAs, transform, aggregation, chartSettings, keysOrder, showEmptyRows, showEmptyColumns} = this.settings;\n\n        const groupedCellsData = getGroupedCellsData(\n            this.data,\n            x,\n            y,\n            valueColumnSize,\n            valueColumnColor,\n            facetBy,\n            xGroupBy,\n            yGroupBy,\n            xSortBy,\n            ySortBy,\n            facetSettings,\n            normalization,\n            NAValueAs,\n            transform,\n            keysOrder,\n            chartSettings.xAxis,\n            chartSettings.yAxis,\n            aggregation,\n            showEmptyRows,\n            showEmptyColumns,\n        );\n\n        this.calculatedData = {\n            groupedCellsData,\n        };\n    }\n\n    _updateAesInData() {\n        const calculated = this.calculatedData;\n        if (!calculated) {\n            return;\n        }\n    }\n\n    _updateChart() {\n        if (!this.calculatedData) {\n            return;\n        }\n        const {id, chartSettings, facetSettings, valueColumnColor, valueColumnSize, normalization, aes} = this.settings;\n        this.chartRenderer.render(\n            this.data,\n            id,\n            chartSettings,\n            facetSettings,\n            this.calculatedData.groupedCellsData,\n            valueColumnColor,\n            valueColumnSize,\n            normalization,\n            aes,\n            this._getTooltip,\n            this.onTooltipHintSwitch,\n        );\n    }\n\n    private _getTooltip = (cell: CellBubble): string[] => {\n        return this.calculatedData\n            ? getCellTooltip(this.data, cell, this.calculatedData.groupedCellsData.meta, this.settings?.chartSettings?.tooltips?.content)\n            : ['No data available'];\n    };\n}\n"],"mappings":"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"}

package/dist/discrete/components/layers/ErrorBarElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBarElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/ErrorBarElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAA+B,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,UAAU,aAAa;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1B,aAAa,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAmBD,wBAAgB,eAAe,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,EACR,GAAG,EACH,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,aAAa,2CAuEf"}
+{"version":3,"file":"ErrorBarElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/ErrorBarElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAA+B,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,UAAU,aAAa;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1B,aAAa,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAmBD,wBAAgB,eAAe,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,EACR,GAAG,EACH,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,aAAa,2CAwEf"}

package/dist/discrete/components/layers/ErrorBarElement.js

@@ -13,6 +13,7 @@ function o(e, t, n, r) {
 function s({ facetKey: s, scales: c, orientation: l, errorBar: u, aes: d, sideDistances: f, showTooltips: p, activeElementContainer: m, tooltipsContainer: h, tooltipsData: g }) {
 	let _ = l === "vertical", v = o(c, "lineColor", d.lineColor, u), y = o(c, "fillColor", d.fillColor, u), b = o(c, "dotShape", d.dotShape, u), x = (c.xPrimary(u.primaryGrouping) ?? 0) + c.xPrimary.bandwidth() / 2, S = d.width === "auto" ? c.xPrimary.bandwidth() * .2 : d.width, C = c.y(u.min), w = c.y(u.max), T = c.y(u.value), E = n(b, d.dotSize, y), D = m && g.fixed, O = g.selectedData === u && D, k = d.showDots ? /* @__PURE__ */ i("g", {
 		transform: _ ? `translate(${x},${T})` : `translate(${T},${x})`,
+		strokeWidth: 1,
 		children: [
 			E,
 			p && h && /* @__PURE__ */ r("circle", {

package/dist/discrete/components/layers/ErrorBarElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBarElement.js","names":[],"sources":["../../../../src/discrete/components/layers/ErrorBarElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { ErrorBar } from '../../layers';\nimport type { ErrorBarsData } from '../../layers/types';\nimport type { ChartScales } from '../types';\n\ninterface ErrorBarProps {\n    facetKey: string;\n    scales: ChartScales;\n    errorBar: ErrorBar;\n    orientation: Orientation;\n    aes: ErrorBarsData['aes'];\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: ErrorBar\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(geom.primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(geom.secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nexport function ErrorBarElement({\n    facetKey,\n    scales,\n    orientation,\n    errorBar,\n    aes,\n    sideDistances,\n    showTooltips,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: ErrorBarProps) {\n    const isVertical = orientation === 'vertical';\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, errorBar);\n    const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, errorBar);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, errorBar);\n    const x = (scales.xPrimary(errorBar.primaryGrouping) ?? 0) + scales.xPrimary.bandwidth() / 2;\n    const width = aes.width === 'auto' ? scales.xPrimary.bandwidth() * 0.2 : aes.width;\n    const min = scales.y(errorBar.min);\n    const max = scales.y(errorBar.max);\n    const value = scales.y(errorBar.value);\n    const shape = getPointShape(dotShape, aes.dotSize, fillColor);\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    const highlightedDot = tooltipsData.selectedData === errorBar && dimmedBackground;\n\n    const dot = aes.showDots ? (\n        <g transform={isVertical ? `translate(${x},${value})` : `translate(${value},${x})`}>\n            {shape}\n            {showTooltips && tooltipsContainer && (\n                <circle\n                    onMouseOver={() => tooltipsData.onMouseEnter(errorBar, facetKey)}\n                    onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    r=\"15\"\n                    fill=\"transparent\"\n                    stroke=\"none\"\n                />\n            )}\n            {showTooltips && (\n                <Tooltip\n                    content={[numberFormat(errorBar.value)]}\n                    x={isVertical ? x : value}\n                    y={isVertical ? value : x}\n                    sideDistances={sideDistances}\n                    horizontal\n                    active={tooltipsData.active && tooltipsData.selectedData === errorBar && tooltipsData.currentFacet === facetKey}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n        </g>\n    ) : null;\n    return (\n        <g\n            opacity={aes.opacity}\n            stroke={lineColor}\n            fill=\"none\"\n            strokeWidth={aes.lineWidth}\n        >\n            <g transform={isVertical ? `translate(${x},0)` : `translate(0,${x})`}>\n                <line\n                    x1={isVertical ? 0 : min}\n                    x2={isVertical ? 0 : max}\n                    y1={isVertical ? min : 0}\n                    y2={isVertical ? max : 0}\n                />\n                <line\n                    x1={isVertical ? -width / 2 : min}\n                    x2={isVertical ? width / 2 : min}\n                    y1={isVertical ? min : -width / 2}\n                    y2={isVertical ? min : width / 2}\n                />\n                <line\n                    x1={isVertical ? -width / 2 : max}\n                    x2={isVertical ? width / 2 : max}\n                    y1={isVertical ? max : -width / 2}\n                    y2={isVertical ? max : width / 2}\n                />\n            </g>\n            {highlightedDot ? createPortal(dot, activeElementContainer) : dot}\n        </g>\n    );\n}\n"],"mappings":";;;;;AA4BA,SAAS,EACL,GACA,GACA,GACA,GACS;AACT,KAAI,KAAS,OAAO,KAAU,YAAY,UAAU,GAAO;AACvD,MAAI,EAAM,SAAS,kBACf,QAAO,EAAO,YAAY,EAAK,gBAAgB,CAAC;AAEpD,MAAI,EAAM,SAAS,oBACf,QAAO,EAAO,cAAc,EAAK,kBAAkB,CAAC;;AAG5D,QAAO;;AAGX,SAAgB,EAAgB,EAC5B,aACA,WACA,gBACA,aACA,QACA,kBACA,iBACA,2BACA,sBACA,mBACc;CACd,IAAM,IAAa,MAAgB,YAC7B,IAAY,EAAY,GAAQ,aAAa,EAAI,WAAW,EAAS,EACrE,IAAY,EAAY,GAAQ,aAAa,EAAI,WAAW,EAAS,EACrE,IAAW,EAAY,GAAQ,YAAY,EAAI,UAAU,EAAS,EAClE,KAAK,EAAO,SAAS,EAAS,gBAAgB,IAAI,KAAK,EAAO,SAAS,WAAW,GAAG,GACrF,IAAQ,EAAI,UAAU,SAAS,EAAO,SAAS,WAAW,GAAG,KAAM,EAAI,OACvE,IAAM,EAAO,EAAE,EAAS,IAAI,EAC5B,IAAM,EAAO,EAAE,EAAS,IAAI,EAC5B,IAAQ,EAAO,EAAE,EAAS,MAAM,EAChC,IAAQ,EAAc,GAAU,EAAI,SAAS,EAAU,EACvD,IAAmB,KAA0B,EAAa,OAC1D,IAAiB,EAAa,iBAAiB,KAAY,GAE3D,IAAM,EAAI,WACZ,kBAAC,KAAD;EAAG,WAAW,IAAa,aAAa,EAAE,GAAG,EAAM,KAAK,aAAa,EAAM,GAAG,EAAE;YAAhF;GACK;GACA,KAAgB,KACb,kBAAC,UAAD;IACI,mBAAmB,EAAa,aAAa,GAAU,EAAS;IAChE,oBAAoB,EAAa,cAAc;IAC/C,GAAE;IACF,MAAK;IACL,QAAO;IACT,CAAA;GAEL,KACG,kBAAC,GAAD;IACI,SAAS,CAAC,EAAa,EAAS,MAAM,CAAC;IACvC,GAAG,IAAa,IAAI;IACpB,GAAG,IAAa,IAAQ;IACT;IACf,YAAA;IACA,QAAQ,EAAa,UAAU,EAAa,iBAAiB,KAAY,EAAa,iBAAiB;IACvG,OAAO,EAAa;IACpB,SAAS,EAAa;IACtB,WAAW;IACb,CAAA;GAEN;MACJ;AACJ,QACI,kBAAC,KAAD;EACI,SAAS,EAAI;EACb,QAAQ;EACR,MAAK;EACL,aAAa,EAAI;YAJrB,CAMI,kBAAC,KAAD;GAAG,WAAW,IAAa,aAAa,EAAE,OAAO,eAAe,EAAE;aAAlE;IACI,kBAAC,QAAD;KACI,IAAI,IAAa,IAAI;KACrB,IAAI,IAAa,IAAI;KACrB,IAAI,IAAa,IAAM;KACvB,IAAI,IAAa,IAAM;KACzB,CAAA;IACF,kBAAC,QAAD;KACI,IAAI,IAAa,CAAC,IAAQ,IAAI;KAC9B,IAAI,IAAa,IAAQ,IAAI;KAC7B,IAAI,IAAa,IAAM,CAAC,IAAQ;KAChC,IAAI,IAAa,IAAM,IAAQ;KACjC,CAAA;IACF,kBAAC,QAAD;KACI,IAAI,IAAa,CAAC,IAAQ,IAAI;KAC9B,IAAI,IAAa,IAAQ,IAAI;KAC7B,IAAI,IAAa,IAAM,CAAC,IAAQ;KAChC,IAAI,IAAa,IAAM,IAAQ;KACjC,CAAA;IACF;MACH,IAAiB,EAAa,GAAK,EAAuB,GAAG,EAC9D"}
+{"version":3,"file":"ErrorBarElement.js","names":[],"sources":["../../../../src/discrete/components/layers/ErrorBarElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { ErrorBar } from '../../layers';\nimport type { ErrorBarsData } from '../../layers/types';\nimport type { ChartScales } from '../types';\n\ninterface ErrorBarProps {\n    facetKey: string;\n    scales: ChartScales;\n    errorBar: ErrorBar;\n    orientation: Orientation;\n    aes: ErrorBarsData['aes'];\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: ErrorBar\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(geom.primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(geom.secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nexport function ErrorBarElement({\n    facetKey,\n    scales,\n    orientation,\n    errorBar,\n    aes,\n    sideDistances,\n    showTooltips,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: ErrorBarProps) {\n    const isVertical = orientation === 'vertical';\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, errorBar);\n    const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, errorBar);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, errorBar);\n    const x = (scales.xPrimary(errorBar.primaryGrouping) ?? 0) + scales.xPrimary.bandwidth() / 2;\n    const width = aes.width === 'auto' ? scales.xPrimary.bandwidth() * 0.2 : aes.width;\n    const min = scales.y(errorBar.min);\n    const max = scales.y(errorBar.max);\n    const value = scales.y(errorBar.value);\n    const shape = getPointShape(dotShape, aes.dotSize, fillColor);\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    const highlightedDot = tooltipsData.selectedData === errorBar && dimmedBackground;\n\n    const dot = aes.showDots ? (\n        // Dot border must not scale with the error bar's lineWidth; keep it at the fixed default.\n        <g transform={isVertical ? `translate(${x},${value})` : `translate(${value},${x})`} strokeWidth={1}>\n            {shape}\n            {showTooltips && tooltipsContainer && (\n                <circle\n                    onMouseOver={() => tooltipsData.onMouseEnter(errorBar, facetKey)}\n                    onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    r=\"15\"\n                    fill=\"transparent\"\n                    stroke=\"none\"\n                />\n            )}\n            {showTooltips && (\n                <Tooltip\n                    content={[numberFormat(errorBar.value)]}\n                    x={isVertical ? x : value}\n                    y={isVertical ? value : x}\n                    sideDistances={sideDistances}\n                    horizontal\n                    active={tooltipsData.active && tooltipsData.selectedData === errorBar && tooltipsData.currentFacet === facetKey}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n        </g>\n    ) : null;\n    return (\n        <g\n            opacity={aes.opacity}\n            stroke={lineColor}\n            fill=\"none\"\n            strokeWidth={aes.lineWidth}\n        >\n            <g transform={isVertical ? `translate(${x},0)` : `translate(0,${x})`}>\n                <line\n                    x1={isVertical ? 0 : min}\n                    x2={isVertical ? 0 : max}\n                    y1={isVertical ? min : 0}\n                    y2={isVertical ? max : 0}\n                />\n                <line\n                    x1={isVertical ? -width / 2 : min}\n                    x2={isVertical ? width / 2 : min}\n                    y1={isVertical ? min : -width / 2}\n                    y2={isVertical ? min : width / 2}\n                />\n                <line\n                    x1={isVertical ? -width / 2 : max}\n                    x2={isVertical ? width / 2 : max}\n                    y1={isVertical ? max : -width / 2}\n                    y2={isVertical ? max : width / 2}\n                />\n            </g>\n            {highlightedDot ? createPortal(dot, activeElementContainer) : dot}\n        </g>\n    );\n}\n"],"mappings":";;;;;AA4BA,SAAS,EACL,GACA,GACA,GACA,GACS;AACT,KAAI,KAAS,OAAO,KAAU,YAAY,UAAU,GAAO;AACvD,MAAI,EAAM,SAAS,kBACf,QAAO,EAAO,YAAY,EAAK,gBAAgB,CAAC;AAEpD,MAAI,EAAM,SAAS,oBACf,QAAO,EAAO,cAAc,EAAK,kBAAkB,CAAC;;AAG5D,QAAO;;AAGX,SAAgB,EAAgB,EAC5B,aACA,WACA,gBACA,aACA,QACA,kBACA,iBACA,2BACA,sBACA,mBACc;CACd,IAAM,IAAa,MAAgB,YAC7B,IAAY,EAAY,GAAQ,aAAa,EAAI,WAAW,EAAS,EACrE,IAAY,EAAY,GAAQ,aAAa,EAAI,WAAW,EAAS,EACrE,IAAW,EAAY,GAAQ,YAAY,EAAI,UAAU,EAAS,EAClE,KAAK,EAAO,SAAS,EAAS,gBAAgB,IAAI,KAAK,EAAO,SAAS,WAAW,GAAG,GACrF,IAAQ,EAAI,UAAU,SAAS,EAAO,SAAS,WAAW,GAAG,KAAM,EAAI,OACvE,IAAM,EAAO,EAAE,EAAS,IAAI,EAC5B,IAAM,EAAO,EAAE,EAAS,IAAI,EAC5B,IAAQ,EAAO,EAAE,EAAS,MAAM,EAChC,IAAQ,EAAc,GAAU,EAAI,SAAS,EAAU,EACvD,IAAmB,KAA0B,EAAa,OAC1D,IAAiB,EAAa,iBAAiB,KAAY,GAE3D,IAAM,EAAI,WAEZ,kBAAC,KAAD;EAAG,WAAW,IAAa,aAAa,EAAE,GAAG,EAAM,KAAK,aAAa,EAAM,GAAG,EAAE;EAAI,aAAa;YAAjG;GACK;GACA,KAAgB,KACb,kBAAC,UAAD;IACI,mBAAmB,EAAa,aAAa,GAAU,EAAS;IAChE,oBAAoB,EAAa,cAAc;IAC/C,GAAE;IACF,MAAK;IACL,QAAO;IACT,CAAA;GAEL,KACG,kBAAC,GAAD;IACI,SAAS,CAAC,EAAa,EAAS,MAAM,CAAC;IACvC,GAAG,IAAa,IAAI;IACpB,GAAG,IAAa,IAAQ;IACT;IACf,YAAA;IACA,QAAQ,EAAa,UAAU,EAAa,iBAAiB,KAAY,EAAa,iBAAiB;IACvG,OAAO,EAAa;IACpB,SAAS,EAAa;IACtB,WAAW;IACb,CAAA;GAEN;MACJ;AACJ,QACI,kBAAC,KAAD;EACI,SAAS,EAAI;EACb,QAAQ;EACR,MAAK;EACL,aAAa,EAAI;YAJrB,CAMI,kBAAC,KAAD;GAAG,WAAW,IAAa,aAAa,EAAE,OAAO,eAAe,EAAE;aAAlE;IACI,kBAAC,QAAD;KACI,IAAI,IAAa,IAAI;KACrB,IAAI,IAAa,IAAI;KACrB,IAAI,IAAa,IAAM;KACvB,IAAI,IAAa,IAAM;KACzB,CAAA;IACF,kBAAC,QAAD;KACI,IAAI,IAAa,CAAC,IAAQ,IAAI;KAC9B,IAAI,IAAa,IAAQ,IAAI;KAC7B,IAAI,IAAa,IAAM,CAAC,IAAQ;KAChC,IAAI,IAAa,IAAM,IAAQ;KACjC,CAAA;IACF,kBAAC,QAAD;KACI,IAAI,IAAa,CAAC,IAAQ,IAAI;KAC9B,IAAI,IAAa,IAAQ,IAAI;KAC7B,IAAI,IAAa,IAAM,CAAC,IAAQ;KAChC,IAAI,IAAa,IAAM,IAAQ;KACjC,CAAA;IACF;MACH,IAAiB,EAAa,GAAK,EAAuB,GAAG,EAC9D"}

package/dist/discrete/components/layers/LineElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/LineElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAW,YAAY,EAAsB,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAIzG,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,UAAU,SAAS;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACtB,aAAa,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,YAAY,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAyCD,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,WAAW,EACX,IAAI,EACJ,GAAG,EACH,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,SAAS,2CAoEX"}
+{"version":3,"file":"LineElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/LineElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAW,YAAY,EAAsB,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAIzG,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,UAAU,SAAS;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACtB,aAAa,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,YAAY,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAyCD,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,WAAW,EACX,IAAI,EACJ,GAAG,EACH,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,SAAS,2CAsEX"}

package/dist/discrete/components/layers/LineElement.js

@@ -41,6 +41,7 @@ function d({ facetKey: e, scales: d, orientation: f, line: p, aes: m, sideDistan
 				transform: x ? `translate(${r},${c})` : `translate(${c},${r})`,
 				strokeDasharray: "none",
 				stroke: "none",
+				strokeWidth: 1,
 				children: [
 					D,
 					g && y && /* @__PURE__ */ a("circle", {

package/dist/discrete/components/layers/LineElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineElement.js","names":[],"sources":["../../../../src/discrete/components/layers/LineElement.tsx"],"sourcesContent":["import { isArray } from 'lodash';\nimport { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, GroupingData, InheritAesDiscrete, Orientation, PointShape } from '../../../types';\nimport { getLineShape } from '../../../utils/getLineShape';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { Line } from '../../layers';\nimport type { LinesData } from '../../layers/types';\nimport type { ChartScales } from '../types';\n\ninterface LineProps {\n    facetKey: string;\n    scales: ChartScales;\n    line: Line;\n    orientation: Orientation;\n    aes: LinesData['aes'];\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: Line\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            throw new Error('Line cannot have aesthetics by primary grouping');\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(geom.key)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction createPoints(\n    points: Record<string, number>,\n    primaryKeys: string[],\n    scales: ChartScales\n): [number, number, string, number][] {\n    const xShift = scales.xPrimary.bandwidth() / 2;\n    return primaryKeys.map(\n        key =>\n            [(scales.xPrimary(key) ?? 0) + xShift, scales.y(points[key]), key, points[key]] as [\n                number,\n                number,\n                string,\n                number\n            ]\n    );\n}\n\nfunction getTooltipContent(secondaryGrouping:GroupingData, secondaryKey: string, value:number) {\n    const keyLabel = secondaryGrouping.valueLabels[secondaryKey];\n    return keyLabel ? [keyLabel, numberFormat(value)] : [numberFormat(value)];\n}\n\nexport function LineElement({\n    facetKey,\n    scales,\n    orientation,\n    line,\n    aes,\n    sideDistances,\n    showTooltips,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: LineProps) {\n    const isVertical = orientation === 'vertical';\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, line);\n    const fillColor = getAesValue(scales, 'dotFill', aes.fillColor, line);\n    const lineShape = getAesValue(scales, 'lineShape', aes.lineShape, line);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, line);\n    const points = createPoints(line.dots, scales.xPrimary.domain(), scales);\n    const shape = getPointShape(dotShape as PointShape, aes.dotSize, fillColor);\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g\n            opacity={aes.opacity}\n            stroke={lineColor}\n            strokeDasharray={getLineShape(lineShape)}\n            strokeWidth={aes.lineWidth}\n        >\n            <polyline\n                key={line.key}\n                points={points.map(([x, y]) => (isVertical ? [x, y] : [y, x])).join(' ')}\n                stroke={lineColor}\n                fill=\"none\"\n            />\n            {aes.dotShape !== null && (\n                <g>\n                    {points.map((geomValue) => {\n                        const [x, y, key, value] = geomValue;\n                        const data = tooltipsData.selectedData;\n                        const tooltipSelected = Boolean(data && facetKey === tooltipsData.currentFacet && isArray(data) && data.every((el, idx) => el === geomValue[idx]));\n                        const highlightedDot =  tooltipSelected && dimmedBackground;\n                        const dot = (\n                            <g\n                                key={key}\n                                transform={isVertical ? `translate(${x},${y})` : `translate(${y},${x})`}\n                                strokeDasharray=\"none\"\n                                stroke=\"none\"\n                            >\n                                {shape}\n                                {showTooltips && tooltipsContainer && (\n                                    <circle\n                                        onMouseOver={() => tooltipsData.onMouseEnter(geomValue, facetKey)}\n                                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                        r=\"15\"\n                                        fill=\"transparent\"\n                                        stroke=\"none\"\n                                    />\n                                )}\n                                {showTooltips && (\n                                    <Tooltip\n                                        content={getTooltipContent(secondaryGrouping, line.key, value)}\n                                        x={isVertical ? x : y}\n                                        y={isVertical ? y : x}\n                                        sideDistances={sideDistances}\n                                        horizontal\n                                        active={tooltipSelected}\n                                        fixed={tooltipsData.fixed}\n                                        onClose={tooltipsData.onClose}\n                                        container={tooltipsContainer}\n                                    />\n                                )}\n                            </g>\n                        );\n                        return highlightedDot ? createPortal(dot, activeElementContainer) : dot;\n                    })}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"mappings":";;;;;;;AA+BA,SAAS,EACL,GACA,GACA,GACA,GACS;AACT,KAAI,KAAS,OAAO,KAAU,YAAY,UAAU,GAAO;AACvD,MAAI,EAAM,SAAS,kBACf,OAAU,MAAM,kDAAkD;AAEtE,MAAI,EAAM,SAAS,oBACf,QAAO,EAAO,cAAc,EAAK,IAAI,CAAC;;AAG9C,QAAO;;AAGX,SAAS,EACL,GACA,GACA,GACkC;CAClC,IAAM,IAAS,EAAO,SAAS,WAAW,GAAG;AAC7C,QAAO,EAAY,KACf,MACI;GAAE,EAAO,SAAS,EAAI,IAAI,KAAK;EAAQ,EAAO,EAAE,EAAO,GAAK;EAAE;EAAK,EAAO;EAAK,CAMtF;;AAGL,SAAS,EAAkB,GAAgC,GAAsB,GAAc;CAC3F,IAAM,IAAW,EAAkB,YAAY;AAC/C,QAAO,IAAW,CAAC,GAAU,EAAa,EAAM,CAAC,GAAG,CAAC,EAAa,EAAM,CAAC;;AAG7E,SAAgB,EAAY,EACxB,aACA,WACA,gBACA,SACA,QACA,kBACA,iBACA,sBACA,2BACA,sBACA,mBACU;CACV,IAAM,IAAa,MAAgB,YAC7B,IAAY,EAAY,GAAQ,aAAa,EAAI,WAAW,EAAK,EACjE,IAAY,EAAY,GAAQ,WAAW,EAAI,WAAW,EAAK,EAC/D,IAAY,EAAY,GAAQ,aAAa,EAAI,WAAW,EAAK,EACjE,IAAW,EAAY,GAAQ,YAAY,EAAI,UAAU,EAAK,EAC9D,IAAS,EAAa,EAAK,MAAM,EAAO,SAAS,QAAQ,EAAE,EAAO,EAClE,IAAQ,EAAc,GAAwB,EAAI,SAAS,EAAU,EACrE,IAAmB,KAA0B,EAAa;AAEhE,QACI,kBAAC,KAAD;EACI,SAAS,EAAI;EACb,QAAQ;EACR,iBAAiB,EAAa,EAAU;EACxC,aAAa,EAAI;YAJrB,CAMI,kBAAC,YAAD;GAEI,QAAQ,EAAO,KAAK,CAAC,GAAG,OAAQ,IAAa,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAE,CAAC,KAAK,IAAI;GACxE,QAAQ;GACR,MAAK;GACP,EAJO,EAAK,IAIZ,EACD,EAAI,aAAa,QACd,kBAAC,KAAD,EAAA,UACK,EAAO,KAAK,MAAc;GACvB,IAAM,CAAC,GAAG,GAAG,GAAK,KAAS,GACrB,IAAO,EAAa,cACpB,IAAkB,GAAQ,KAAQ,MAAa,EAAa,gBAAgB,EAAQ,EAAK,IAAI,EAAK,OAAO,GAAI,MAAQ,MAAO,EAAU,GAAK,GAC3I,IAAkB,KAAmB,GACrC,IACF,kBAAC,KAAD;IAEI,WAAW,IAAa,aAAa,EAAE,GAAG,EAAE,KAAK,aAAa,EAAE,GAAG,EAAE;IACrE,iBAAgB;IAChB,QAAO;cAJX;KAMK;KACA,KAAgB,KACb,kBAAC,UAAD;MACI,mBAAmB,EAAa,aAAa,GAAW,EAAS;MACjE,oBAAoB,EAAa,cAAc;MAC/C,GAAE;MACF,MAAK;MACL,QAAO;MACT,CAAA;KAEL,KACG,kBAAC,GAAD;MACI,SAAS,EAAkB,GAAmB,EAAK,KAAK,EAAM;MAC9D,GAAG,IAAa,IAAI;MACpB,GAAG,IAAa,IAAI;MACL;MACf,YAAA;MACA,QAAQ;MACR,OAAO,EAAa;MACpB,SAAS,EAAa;MACtB,WAAW;MACb,CAAA;KAEN;MA5BK,EA4BL;AAER,UAAO,IAAiB,EAAa,GAAK,EAAuB,GAAG;IACtE,EACF,CAAA,CAER"}
+{"version":3,"file":"LineElement.js","names":[],"sources":["../../../../src/discrete/components/layers/LineElement.tsx"],"sourcesContent":["import { isArray } from 'lodash';\nimport { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, GroupingData, InheritAesDiscrete, Orientation, PointShape } from '../../../types';\nimport { getLineShape } from '../../../utils/getLineShape';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { Line } from '../../layers';\nimport type { LinesData } from '../../layers/types';\nimport type { ChartScales } from '../types';\n\ninterface LineProps {\n    facetKey: string;\n    scales: ChartScales;\n    line: Line;\n    orientation: Orientation;\n    aes: LinesData['aes'];\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: Line\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            throw new Error('Line cannot have aesthetics by primary grouping');\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(geom.key)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction createPoints(\n    points: Record<string, number>,\n    primaryKeys: string[],\n    scales: ChartScales\n): [number, number, string, number][] {\n    const xShift = scales.xPrimary.bandwidth() / 2;\n    return primaryKeys.map(\n        key =>\n            [(scales.xPrimary(key) ?? 0) + xShift, scales.y(points[key]), key, points[key]] as [\n                number,\n                number,\n                string,\n                number\n            ]\n    );\n}\n\nfunction getTooltipContent(secondaryGrouping:GroupingData, secondaryKey: string, value:number) {\n    const keyLabel = secondaryGrouping.valueLabels[secondaryKey];\n    return keyLabel ? [keyLabel, numberFormat(value)] : [numberFormat(value)];\n}\n\nexport function LineElement({\n    facetKey,\n    scales,\n    orientation,\n    line,\n    aes,\n    sideDistances,\n    showTooltips,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: LineProps) {\n    const isVertical = orientation === 'vertical';\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, line);\n    const fillColor = getAesValue(scales, 'dotFill', aes.fillColor, line);\n    const lineShape = getAesValue(scales, 'lineShape', aes.lineShape, line);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, line);\n    const points = createPoints(line.dots, scales.xPrimary.domain(), scales);\n    const shape = getPointShape(dotShape as PointShape, aes.dotSize, fillColor);\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g\n            opacity={aes.opacity}\n            stroke={lineColor}\n            strokeDasharray={getLineShape(lineShape)}\n            strokeWidth={aes.lineWidth}\n        >\n            <polyline\n                key={line.key}\n                points={points.map(([x, y]) => (isVertical ? [x, y] : [y, x])).join(' ')}\n                stroke={lineColor}\n                fill=\"none\"\n            />\n            {aes.dotShape !== null && (\n                <g>\n                    {points.map((geomValue) => {\n                        const [x, y, key, value] = geomValue;\n                        const data = tooltipsData.selectedData;\n                        const tooltipSelected = Boolean(data && facetKey === tooltipsData.currentFacet && isArray(data) && data.every((el, idx) => el === geomValue[idx]));\n                        const highlightedDot =  tooltipSelected && dimmedBackground;\n                        const dot = (\n                            <g\n                                key={key}\n                                transform={isVertical ? `translate(${x},${y})` : `translate(${y},${x})`}\n                                strokeDasharray=\"none\"\n                                stroke=\"none\"\n                                // Dot border must not scale with the line's lineWidth; keep it at the fixed default.\n                                strokeWidth={1}\n                            >\n                                {shape}\n                                {showTooltips && tooltipsContainer && (\n                                    <circle\n                                        onMouseOver={() => tooltipsData.onMouseEnter(geomValue, facetKey)}\n                                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                        r=\"15\"\n                                        fill=\"transparent\"\n                                        stroke=\"none\"\n                                    />\n                                )}\n                                {showTooltips && (\n                                    <Tooltip\n                                        content={getTooltipContent(secondaryGrouping, line.key, value)}\n                                        x={isVertical ? x : y}\n                                        y={isVertical ? y : x}\n                                        sideDistances={sideDistances}\n                                        horizontal\n                                        active={tooltipSelected}\n                                        fixed={tooltipsData.fixed}\n                                        onClose={tooltipsData.onClose}\n                                        container={tooltipsContainer}\n                                    />\n                                )}\n                            </g>\n                        );\n                        return highlightedDot ? createPortal(dot, activeElementContainer) : dot;\n                    })}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"mappings":";;;;;;;AA+BA,SAAS,EACL,GACA,GACA,GACA,GACS;AACT,KAAI,KAAS,OAAO,KAAU,YAAY,UAAU,GAAO;AACvD,MAAI,EAAM,SAAS,kBACf,OAAU,MAAM,kDAAkD;AAEtE,MAAI,EAAM,SAAS,oBACf,QAAO,EAAO,cAAc,EAAK,IAAI,CAAC;;AAG9C,QAAO;;AAGX,SAAS,EACL,GACA,GACA,GACkC;CAClC,IAAM,IAAS,EAAO,SAAS,WAAW,GAAG;AAC7C,QAAO,EAAY,KACf,MACI;GAAE,EAAO,SAAS,EAAI,IAAI,KAAK;EAAQ,EAAO,EAAE,EAAO,GAAK;EAAE;EAAK,EAAO;EAAK,CAMtF;;AAGL,SAAS,EAAkB,GAAgC,GAAsB,GAAc;CAC3F,IAAM,IAAW,EAAkB,YAAY;AAC/C,QAAO,IAAW,CAAC,GAAU,EAAa,EAAM,CAAC,GAAG,CAAC,EAAa,EAAM,CAAC;;AAG7E,SAAgB,EAAY,EACxB,aACA,WACA,gBACA,SACA,QACA,kBACA,iBACA,sBACA,2BACA,sBACA,mBACU;CACV,IAAM,IAAa,MAAgB,YAC7B,IAAY,EAAY,GAAQ,aAAa,EAAI,WAAW,EAAK,EACjE,IAAY,EAAY,GAAQ,WAAW,EAAI,WAAW,EAAK,EAC/D,IAAY,EAAY,GAAQ,aAAa,EAAI,WAAW,EAAK,EACjE,IAAW,EAAY,GAAQ,YAAY,EAAI,UAAU,EAAK,EAC9D,IAAS,EAAa,EAAK,MAAM,EAAO,SAAS,QAAQ,EAAE,EAAO,EAClE,IAAQ,EAAc,GAAwB,EAAI,SAAS,EAAU,EACrE,IAAmB,KAA0B,EAAa;AAEhE,QACI,kBAAC,KAAD;EACI,SAAS,EAAI;EACb,QAAQ;EACR,iBAAiB,EAAa,EAAU;EACxC,aAAa,EAAI;YAJrB,CAMI,kBAAC,YAAD;GAEI,QAAQ,EAAO,KAAK,CAAC,GAAG,OAAQ,IAAa,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAE,CAAC,KAAK,IAAI;GACxE,QAAQ;GACR,MAAK;GACP,EAJO,EAAK,IAIZ,EACD,EAAI,aAAa,QACd,kBAAC,KAAD,EAAA,UACK,EAAO,KAAK,MAAc;GACvB,IAAM,CAAC,GAAG,GAAG,GAAK,KAAS,GACrB,IAAO,EAAa,cACpB,IAAkB,GAAQ,KAAQ,MAAa,EAAa,gBAAgB,EAAQ,EAAK,IAAI,EAAK,OAAO,GAAI,MAAQ,MAAO,EAAU,GAAK,GAC3I,IAAkB,KAAmB,GACrC,IACF,kBAAC,KAAD;IAEI,WAAW,IAAa,aAAa,EAAE,GAAG,EAAE,KAAK,aAAa,EAAE,GAAG,EAAE;IACrE,iBAAgB;IAChB,QAAO;IAEP,aAAa;cANjB;KAQK;KACA,KAAgB,KACb,kBAAC,UAAD;MACI,mBAAmB,EAAa,aAAa,GAAW,EAAS;MACjE,oBAAoB,EAAa,cAAc;MAC/C,GAAE;MACF,MAAK;MACL,QAAO;MACT,CAAA;KAEL,KACG,kBAAC,GAAD;MACI,SAAS,EAAkB,GAAmB,EAAK,KAAK,EAAM;MAC9D,GAAG,IAAa,IAAI;MACpB,GAAG,IAAa,IAAI;MACL;MACf,YAAA;MACA,QAAQ;MACR,OAAO,EAAa;MACpB,SAAS,EAAa;MACtB,WAAW;MACb,CAAA;KAEN;MA9BK,EA8BL;AAER,UAAO,IAAiB,EAAa,GAAK,EAAuB,GAAG;IACtE,EACF,CAAA,CAER"}

package/dist/heatmap/HeatmapSettingsImpl.d.ts

@@ -49,10 +49,10 @@ export declare class HeatmapSettingsImpl implements SettingsInterface {
         nRows?: number;
         nCols?: number;
     };
-    readonly xColumn: ColumnName;
+    readonly x: ColumnName[];
     readonly xGroupBy: ColumnName[];
     readonly xSortBy: ColumnName[];
-    readonly yColumn: ColumnName;
+    readonly y: ColumnName[];
     readonly yGroupBy: ColumnName[];
     readonly ySortBy: ColumnName[];
     readonly valueColumn: ColumnName;
@@ -91,6 +91,7 @@ export declare class HeatmapSettingsImpl implements SettingsInterface {
             axisLabelsAngle: 0 | 45 | 90;
             groupLabelsAngle: 0 | 45 | 90;
             sorting: 'asc' | 'desc';
+            labelParts: ColumnName['value'][] | null;
         };
         readonly xAxis: {
             title: string;
@@ -103,6 +104,7 @@ export declare class HeatmapSettingsImpl implements SettingsInterface {
             axisLabelsAngle: 0 | 45 | 90;
             groupLabelsAngle: 0 | 45 | 90;
             sorting: 'asc' | 'desc';
+            labelParts: ColumnName['value'][] | null;
         };
         readonly legend: {
             show: boolean;

package/dist/heatmap/HeatmapSettingsImpl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapSettingsImpl.d.ts","sourceRoot":"","sources":["../../src/heatmap/HeatmapSettingsImpl.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"HeatmapSettingsImpl.d.ts","sourceRoot":"","sources":["../../src/heatmap/HeatmapSettingsImpl.ts"],"names":[],"mappings":"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"}