npm - @milaboratories/miplots4 - Versions diffs - 1.1.0 → 1.2.0 - Mend

@milaboratories/miplots4 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

package/dist/MiPlots.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MiPlots.d.ts","sourceRoot":"","sources":["../src/MiPlots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,iBAAiB,CAAC;~~AASnE~~,OAAO,KAAK,EAER,kBAAkB,EAMlB,QAAQ,EACX,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AAEzC,qBAAa,OAAQ,YAAW,cAAc;IAC1C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IAErB,OAAO,CAAC,MAAM,CAAC,WAAW;~~IAsC1B~~,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,GAAG,OAAO;gBAK3F,KAAK,EAAE,aAAa;IAIhC,IAAI,cAAc,mCAEjB;IAED,IAAI,QAAQ,YAEX;IAED,IAAI,SAAS,uCAEZ;IAED,KAAK,CAAC,IAAI,EAAE,WAAW;IAKvB,OAAO;IAKP,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;IAgBvD,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;IAI9C,MAAM;CAGT"}
1	+ {"version":3,"file":"MiPlots.d.ts","sourceRoot":"","sources":["../src/MiPlots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,iBAAiB,CAAC;AAWnE,OAAO,KAAK,EAER,kBAAkB,EAMlB,QAAQ,EACX,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AAEzC,qBAAa,OAAQ,YAAW,cAAc;IAC1C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IAErB,OAAO,CAAC,MAAM,CAAC,WAAW;IA0C1B,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,GAAG,OAAO;gBAK3F,KAAK,EAAE,aAAa;IAIhC,IAAI,cAAc,mCAEjB;IAED,IAAI,QAAQ,YAEX;IAED,IAAI,SAAS,uCAEZ;IAED,KAAK,CAAC,IAAI,EAAE,WAAW;IAKvB,OAAO;IAKP,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;IAgBvD,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;IAI9C,MAAM;CAGT"}

package/dist/MiPlots.js CHANGED Viewed

@@ -7,23 +7,25 @@ import { ChartHistogram as a } from "./histogram/index.js";
 import { ChartScatterplot as o } from "./scatterplot/index.js";
 import { ChartScatterplotUmap as s } from "./scatterplot-umap/index.js";
 import { ChartBubble as c } from "./bubble/index.js";
-var l = class l {
+import { ChartSelection as l } from "./selection/index.js";
+var u = class u {
 	node;
 	chart;
-	static createChart(n, l, u) {
-		let { type: d } = l;
-		if (d === "discrete") return new r(n, l, u);
-		if (d === "dendro") return new t(n, l, u);
-		if (d === "scatterplot") return new o(n, l, u);
-		if (d === "scatterplot-umap") return new s(n, l, u);
-		if (d === "heatmap") return new i(n, l, u);
-		if (d === "histogram") return new a(n, l, u);
-		if (d === "bubble") return new c(n, l, u);
-		e(d, `Unknown chart type: ${d}`);
+	static createChart(n, u, d) {
+		let { type: f } = u;
+		if (f === "discrete") return new r(n, u, d);
+		if (f === "dendro") return new t(n, u, d);
+		if (f === "scatterplot") return new o(n, u, d);
+		if (f === "scatterplot-umap") return new s(n, u, d);
+		if (f === "heatmap") return new i(n, u, d);
+		if (f === "histogram") return new a(n, u, d);
+		if (f === "bubble") return new c(n, u, d);
+		if (f === "selection") return new l(n, u, d);
+		e(f, `Unknown chart type: ${f}`);
 	}
 	static newPlot(e, t, r) {
 		let i = n.from(e);
-		return new this(l.createChart(i, t, r));
+		return new this(u.createChart(i, t, r));
 	}
 	constructor(e) {
 		this.chart = e;
@@ -45,7 +47,7 @@ var l = class l {
 	}
 	updateSettingsAndData(e, t) {
 		if (t.type !== this.chart.settings.type) {
-			let e = l.createChart(this.chart.data, t);
+			let e = u.createChart(this.chart.data, t);
 			this.node ? (this.chart.unmount(), this.chart = e, this.chart.mount(this.node)) : this.chart = e;
 		} else this.chart.updateSettingsAndData(n.from(e), t);
 	}
@@ -56,6 +58,6 @@ var l = class l {
 		return this.chart.export();
 	}
 };
-export { l as MiPlots };
+export { u as MiPlots };
 //# sourceMappingURL=MiPlots.js.map

package/dist/MiPlots.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MiPlots.js","names":[],"sources":["../src/MiPlots.ts"],"sourcesContent":["import type {AbstractChart, ChartInterface} from './AbstractChart';\nimport {ChartDendro} from './dendro';\nimport {ChartDiscrete} from './discrete';\nimport {ChartHeatmap} from './heatmap';\nimport {ChartHistogram} from './histogram';\nimport {ChartScatterplot} from './scatterplot';\nimport {ChartScatterplotUmap} from './scatterplot-umap';\nimport {ChartBubble} from './bubble';\nimport {DataFrame} from './DataFrame';\nimport type {\n BubbleEventHandlers,\n ChartEventHandlers,\n DendroEventHandlers,\n DiscreteEventHandlers,\n HeatmapEventHandlers,\n HistogramEventHandlers,\n ScatterplotEventHandlers,\n Settings,\n} from './types';\nimport {exhaustive} from './utils';\nimport type {DataSet} from './DataFrame';\n\nexport class MiPlots implements ChartInterface {\n node?: HTMLElement;\n chart: AbstractChart;\n\n private static createChart(\n data: DataFrame,\n settings: Settings,\n eventHandlers?: ChartEventHandlers<unknown>\n ): AbstractChart {\n const {type} = settings;\n\n if (type === 'discrete') {\n return new ChartDiscrete(data, settings, eventHandlers as DiscreteEventHandlers);\n }\n\n if (type === 'dendro') {\n return new ChartDendro(data, settings, eventHandlers as DendroEventHandlers);\n }\n\n if (type === 'scatterplot') {\n return new ChartScatterplot(data, settings, eventHandlers as ScatterplotEventHandlers);\n }\n\n if (type === 'scatterplot-umap') {\n return new ChartScatterplotUmap(data, settings, eventHandlers as ScatterplotEventHandlers);\n }\n\n if (type === 'heatmap') {\n return new ChartHeatmap(data, settings, eventHandlers as HeatmapEventHandlers);\n }\n\n if (type === 'histogram') {\n return new ChartHistogram(data, settings, eventHandlers as HistogramEventHandlers);\n }\n\n if (type === 'bubble') {\n return new ChartBubble(data, settings, eventHandlers as BubbleEventHandlers);\n }\n\n exhaustive(type, `Unknown chart type: ${type}`);\n }\n\n static newPlot(data: DataSet, settings: Settings, eventHandlers?: ChartEventHandlers<unknown>): MiPlots {\n const dataFrame = DataFrame.from(data);\n return new this(MiPlots.createChart(dataFrame, settings, eventHandlers));\n }\n\n constructor(chart: AbstractChart) {\n this.chart = chart;\n }\n\n get calculatedData() {\n return this.chart.calculatedData;\n }\n\n get hasError() {\n return this.chart.hasError;\n }\n\n get errorInfo() {\n return this.chart.errorInfo;\n }\n\n mount(node: HTMLElement) {\n this.node = node;\n this.chart.mount(node);\n }\n\n unmount() {\n delete this.node;\n this.chart.unmount();\n }\n\n updateSettingsAndData(data: DataSet, settings: Settings) {\n if (settings.type !== this.chart.settings.type) {\n const newChart = MiPlots.createChart(this.chart.data, settings);\n\n if (this.node) {\n this.chart.unmount();\n this.chart = newChart;\n this.chart.mount(this.node);\n } else {\n this.chart = newChart;\n }\n } else {\n this.chart.updateSettingsAndData(DataFrame.from(data), settings);\n }\n }\n\n updateChartState(field: string, value: unknown) {\n this.chart.updateChartState(field, value);\n }\n\n export() {\n return this.chart.export();\n }\n}\n"],"mappings":"~~;;;;;;;;;AAsBA~~,IAAa,IAAb,MAAa,EAAkC;CAC3C;CACA;CAEA,OAAe,YACX,GACA,GACA,GACa;EACb,IAAM,EAAC,YAAQ;AAEf,MAAI,MAAS,WACT,QAAO,IAAI,EAAc,GAAM,GAAU,EAAuC;AAGpF,MAAI,MAAS,SACT,QAAO,IAAI,EAAY,GAAM,GAAU,EAAqC;AAGhF,MAAI,MAAS,cACT,QAAO,IAAI,EAAiB,GAAM,GAAU,EAA0C;AAG1F,MAAI,MAAS,mBACT,QAAO,IAAI,EAAqB,GAAM,GAAU,EAA0C;AAG9F,MAAI,MAAS,UACT,QAAO,IAAI,EAAa,GAAM,GAAU,EAAsC;AAGlF,MAAI,MAAS,YACT,QAAO,IAAI,EAAe,GAAM,GAAU,EAAwC;AAGtF,MAAI,MAAS,SACT,QAAO,IAAI,EAAY,GAAM,GAAU,EAAqC;AAGhF,IAAW,GAAM,uBAAuB,IAAO;;CAGnD,OAAO,QAAQ,GAAe,GAAoB,GAAsD;EACpG,IAAM,IAAY,EAAU,KAAK,EAAK;AACtC,SAAO,IAAI,KAAK,EAAQ,YAAY,GAAW,GAAU,EAAc,CAAC;;CAG5E,YAAY,GAAsB;AAC9B,OAAK,QAAQ;;CAGjB,IAAI,iBAAiB;AACjB,SAAO,KAAK,MAAM;;CAGtB,IAAI,WAAW;AACX,SAAO,KAAK,MAAM;;CAGtB,IAAI,YAAY;AACZ,SAAO,KAAK,MAAM;;CAGtB,MAAM,GAAmB;AAErB,EADA,KAAK,OAAO,GACZ,KAAK,MAAM,MAAM,EAAK;;CAG1B,UAAU;AAEN,EADA,OAAO,KAAK,MACZ,KAAK,MAAM,SAAS;;CAGxB,sBAAsB,GAAe,GAAoB;AACrD,MAAI,EAAS,SAAS,KAAK,MAAM,SAAS,MAAM;GAC5C,IAAM,IAAW,EAAQ,YAAY,KAAK,MAAM,MAAM,EAAS;AAE/D,GAAI,KAAK,QACL,KAAK,MAAM,SAAS,EACpB,KAAK,QAAQ,GACb,KAAK,MAAM,MAAM,KAAK,KAAK,IAE3B,KAAK,QAAQ;QAGjB,MAAK,MAAM,sBAAsB,EAAU,KAAK,EAAK,EAAE,EAAS;;CAIxE,iBAAiB,GAAe,GAAgB;AAC5C,OAAK,MAAM,iBAAiB,GAAO,EAAM;;CAG7C,SAAS;AACL,SAAO,KAAK,MAAM,QAAQ"}
1	+ {"version":3,"file":"MiPlots.js","names":[],"sources":["../src/MiPlots.ts"],"sourcesContent":["import type {AbstractChart, ChartInterface} from './AbstractChart';\nimport {ChartDendro} from './dendro';\nimport {ChartDiscrete} from './discrete';\nimport {ChartHeatmap} from './heatmap';\nimport {ChartHistogram} from './histogram';\nimport {ChartScatterplot} from './scatterplot';\nimport {ChartScatterplotUmap} from './scatterplot-umap';\nimport {ChartBubble} from './bubble';\nimport {ChartSelection} from './selection';\nimport type {SelectionEventHandlers} from './selection';\nimport {DataFrame} from './DataFrame';\nimport type {\n BubbleEventHandlers,\n ChartEventHandlers,\n DendroEventHandlers,\n DiscreteEventHandlers,\n HeatmapEventHandlers,\n HistogramEventHandlers,\n ScatterplotEventHandlers,\n Settings,\n} from './types';\nimport {exhaustive} from './utils';\nimport type {DataSet} from './DataFrame';\n\nexport class MiPlots implements ChartInterface {\n node?: HTMLElement;\n chart: AbstractChart;\n\n private static createChart(\n data: DataFrame,\n settings: Settings,\n eventHandlers?: ChartEventHandlers<unknown>\n ): AbstractChart {\n const {type} = settings;\n\n if (type === 'discrete') {\n return new ChartDiscrete(data, settings, eventHandlers as DiscreteEventHandlers);\n }\n\n if (type === 'dendro') {\n return new ChartDendro(data, settings, eventHandlers as DendroEventHandlers);\n }\n\n if (type === 'scatterplot') {\n return new ChartScatterplot(data, settings, eventHandlers as ScatterplotEventHandlers);\n }\n\n if (type === 'scatterplot-umap') {\n return new ChartScatterplotUmap(data, settings, eventHandlers as ScatterplotEventHandlers);\n }\n\n if (type === 'heatmap') {\n return new ChartHeatmap(data, settings, eventHandlers as HeatmapEventHandlers);\n }\n\n if (type === 'histogram') {\n return new ChartHistogram(data, settings, eventHandlers as HistogramEventHandlers);\n }\n\n if (type === 'bubble') {\n return new ChartBubble(data, settings, eventHandlers as BubbleEventHandlers);\n }\n\n if (type === 'selection') {\n return new ChartSelection(data, settings, eventHandlers as SelectionEventHandlers);\n }\n\n exhaustive(type, `Unknown chart type: ${type}`);\n }\n\n static newPlot(data: DataSet, settings: Settings, eventHandlers?: ChartEventHandlers<unknown>): MiPlots {\n const dataFrame = DataFrame.from(data);\n return new this(MiPlots.createChart(dataFrame, settings, eventHandlers));\n }\n\n constructor(chart: AbstractChart) {\n this.chart = chart;\n }\n\n get calculatedData() {\n return this.chart.calculatedData;\n }\n\n get hasError() {\n return this.chart.hasError;\n }\n\n get errorInfo() {\n return this.chart.errorInfo;\n }\n\n mount(node: HTMLElement) {\n this.node = node;\n this.chart.mount(node);\n }\n\n unmount() {\n delete this.node;\n this.chart.unmount();\n }\n\n updateSettingsAndData(data: DataSet, settings: Settings) {\n if (settings.type !== this.chart.settings.type) {\n const newChart = MiPlots.createChart(this.chart.data, settings);\n\n if (this.node) {\n this.chart.unmount();\n this.chart = newChart;\n this.chart.mount(this.node);\n } else {\n this.chart = newChart;\n }\n } else {\n this.chart.updateSettingsAndData(DataFrame.from(data), settings);\n }\n }\n\n updateChartState(field: string, value: unknown) {\n this.chart.updateChartState(field, value);\n }\n\n export() {\n return this.chart.export();\n }\n}\n"],"mappings":";;;;;;;;;;AAwBA,IAAa,IAAb,MAAa,EAAkC;CAC3C;CACA;CAEA,OAAe,YACX,GACA,GACA,GACa;EACb,IAAM,EAAC,YAAQ;AAEf,MAAI,MAAS,WACT,QAAO,IAAI,EAAc,GAAM,GAAU,EAAuC;AAGpF,MAAI,MAAS,SACT,QAAO,IAAI,EAAY,GAAM,GAAU,EAAqC;AAGhF,MAAI,MAAS,cACT,QAAO,IAAI,EAAiB,GAAM,GAAU,EAA0C;AAG1F,MAAI,MAAS,mBACT,QAAO,IAAI,EAAqB,GAAM,GAAU,EAA0C;AAG9F,MAAI,MAAS,UACT,QAAO,IAAI,EAAa,GAAM,GAAU,EAAsC;AAGlF,MAAI,MAAS,YACT,QAAO,IAAI,EAAe,GAAM,GAAU,EAAwC;AAGtF,MAAI,MAAS,SACT,QAAO,IAAI,EAAY,GAAM,GAAU,EAAqC;AAGhF,MAAI,MAAS,YACT,QAAO,IAAI,EAAe,GAAM,GAAU,EAAwC;AAGtF,IAAW,GAAM,uBAAuB,IAAO;;CAGnD,OAAO,QAAQ,GAAe,GAAoB,GAAsD;EACpG,IAAM,IAAY,EAAU,KAAK,EAAK;AACtC,SAAO,IAAI,KAAK,EAAQ,YAAY,GAAW,GAAU,EAAc,CAAC;;CAG5E,YAAY,GAAsB;AAC9B,OAAK,QAAQ;;CAGjB,IAAI,iBAAiB;AACjB,SAAO,KAAK,MAAM;;CAGtB,IAAI,WAAW;AACX,SAAO,KAAK,MAAM;;CAGtB,IAAI,YAAY;AACZ,SAAO,KAAK,MAAM;;CAGtB,MAAM,GAAmB;AAErB,EADA,KAAK,OAAO,GACZ,KAAK,MAAM,MAAM,EAAK;;CAG1B,UAAU;AAEN,EADA,OAAO,KAAK,MACZ,KAAK,MAAM,SAAS;;CAGxB,sBAAsB,GAAe,GAAoB;AACrD,MAAI,EAAS,SAAS,KAAK,MAAM,SAAS,MAAM;GAC5C,IAAM,IAAW,EAAQ,YAAY,KAAK,MAAM,MAAM,EAAS;AAE/D,GAAI,KAAK,QACL,KAAK,MAAM,SAAS,EACpB,KAAK,QAAQ,GACb,KAAK,MAAM,MAAM,KAAK,KAAK,IAE3B,KAAK,QAAQ;QAGjB,MAAK,MAAM,sBAAsB,EAAU,KAAK,EAAK,EAAE,EAAS;;CAIxE,iBAAiB,GAAe,GAAgB;AAC5C,OAAK,MAAM,iBAAiB,GAAO,EAAM;;CAG7C,SAAS;AACL,SAAO,KAAK,MAAM,QAAQ"}

package/dist/common/ContinuousAxis.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ScaleLinear, ScaleLogarithmic, ScaleSymLog } from 'd3-scale';
 type Scale = ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;
 type Orient = 'left' | 'bottom';
-export declare const ContinuousAxis: ({ scale, tickSize, tickPadding, orient, onlyPositive, hiddenLabels, offset, }: {
+export declare const ContinuousAxis: ({ scale, tickSize, tickPadding, orient, onlyPositive, hiddenLabels, offset, tickFormat, }: {
     scale: Scale;
     tickSize?: number;
     tickPadding?: number;
@@ -9,6 +9,8 @@ export declare const ContinuousAxis: ({ scale, tickSize, tickPadding, orient, on
     orient?: Orient;
     hiddenLabels?: boolean;
     onlyPositive?: boolean;
+    /** Override the auto-derived label formatter (e.g. percent suffix). */
+    tickFormat?: (value: number) => string;
 }) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ContinuousAxis.d.ts.map

package/dist/common/ContinuousAxis.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContinuousAxis.d.ts","sourceRoot":"","sources":["../../src/common/ContinuousAxis.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAEzE,KAAK,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1G,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAsBhC,eAAO,MAAM,cAAc,GAAI~~,+EAQ5B~~;IACC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;~~CAC1B~~,~~4CA8CA~~,CAAC"}
1	+ {"version":3,"file":"ContinuousAxis.d.ts","sourceRoot":"","sources":["../../src/common/ContinuousAxis.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAEzE,KAAK,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1G,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAsBhC,eAAO,MAAM,cAAc,GAAI,2FAS5B;IACC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,4CA+CA,CAAC"}

package/dist/common/ContinuousAxis.js CHANGED Viewed

@@ -17,20 +17,20 @@ function s(e) {
 function c(e) {
 	return e === "bottom" ? "middle" : "end";
 }
-const l = ({ scale: l, tickSize: u = 6, tickPadding: d = 4, orient: f = "bottom", onlyPositive: p = !1, hiddenLabels: m = !1, offset: h = typeof window < "u" && window.devicePixelRatio > 1 ? 0 : .5 }) => {
-	function g(e) {
+const l = ({ scale: l, tickSize: u = 6, tickPadding: d = 4, orient: f = "bottom", onlyPositive: p = !1, hiddenLabels: m = !1, offset: h = typeof window < "u" && window.devicePixelRatio > 1 ? 0 : .5, tickFormat: g }) => {
+	function _(e) {
 		return (t) => {
 			let n = e(t);
 			return n === void 0 ? 0 : +n;
 		};
 	}
-	let { ticks: _, format: v } = t(l, p, f === "bottom"), y = Math.max(u, 0) + d, b = g(l.copy()), x = f === "bottom" ? i : a, S = f === "left" ? -1 : 1, C = { [(f === "left" ? "x" : "y") + "2"]: S * u }, w = { [f === "left" ? "x" : "y"]: S * y };
-	return /* @__PURE__ */ n("g", { children: _.map((t, i) => /* @__PURE__ */ r("g", {
+	let { ticks: v, format: y } = t(l, p, f === "bottom"), b = g ?? y, x = Math.max(u, 0) + d, S = _(l.copy()), C = f === "bottom" ? i : a, w = f === "left" ? -1 : 1, T = { [(f === "left" ? "x" : "y") + "2"]: w * u }, E = { [f === "left" ? "x" : "y"]: w * x };
+	return /* @__PURE__ */ n("g", { children: v.map((t, i) => /* @__PURE__ */ r("g", {
 		className: "tick",
-		transform: x(b(t) + h),
+		transform: C(S(t) + h),
 		children: [/* @__PURE__ */ n("line", {
 			stroke: e,
-			...C
+			...T
 		}), !m && /* @__PURE__ */ n("g", {
 			transform: o(f),
 			children: /* @__PURE__ */ n("text", {
@@ -40,8 +40,8 @@ const l = ({ scale: l, tickSize: u = 6, tickPadding: d = 4, orient: f = "bottom"
 				fontFamily: "Manrope",
 				dominantBaseline: s(f),
 				textAnchor: c(f),
-				...w,
-				children: v(t)
+				...E,
+				children: b(t)
 			})
 		})]
 	}, i)) });

package/dist/common/ContinuousAxis.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContinuousAxis.js","names":[],"sources":["../../src/common/ContinuousAxis.tsx"],"sourcesContent":["import {BLACK} from '../constants';\nimport {TICK_OFFSET} from '../discrete/constants';\nimport {getTicksAndFormat} from '../scatterplot/utils/getTicksAndFormat';\nimport React from 'react';\nimport type {ScaleLinear, ScaleLogarithmic, ScaleSymLog} from 'd3-scale';\n\ntype Scale = ScaleLinear<number, number> \| ScaleLogarithmic<number, number> \| ScaleSymLog<number, number>;\ntype Orient = 'left' \| 'bottom';\n\nfunction translateX(x: number) {\n return `translate(${x},0)`;\n}\n\nfunction translateY(y: number) {\n return `translate(0,${y})`;\n}\n\nfunction getRotationTransform(orient: 'left' \| 'bottom') {\n return orient === 'bottom' ? `translate(0,${TICK_OFFSET})` : `translate(${-TICK_OFFSET},0)`;\n}\n\nfunction getDominantBaseline(orient: 'left' \| 'bottom') {\n return orient === 'bottom' ? 'hanging' : 'central';\n}\n\nfunction getTextAnchor( orient: 'left' \| 'bottom') {\n return orient === 'bottom' ? 'middle' : 'end';\n}\n\nexport const ContinuousAxis = ({\n scale,\n tickSize = 6,\n tickPadding = TICK_OFFSET,\n orient = 'bottom',\n onlyPositive = false,\n hiddenLabels = false,\n offset = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5,\n}: {\n scale: Scale;\n tickSize?: number;\n tickPadding?: number;\n offset?: number;\n orient?: Orient;\n hiddenLabels?: boolean;\n onlyPositive?: boolean;\n}) => {\n function number(scale: Scale) {\n return (d: number) => {\n const value = scale(d);\n return value === undefined ? 0 : +value;\n };\n }\n const {ticks: values, format} = getTicksAndFormat(scale, onlyPositive, orient === 'bottom');\n const spacing = Math.max(tickSize, 0) + tickPadding,\n position = (number)(scale.copy());\n\n const transform = orient === 'bottom' ? translateX : translateY;\n const k = orient === 'left' ? -1 : 1;\n\n const lineProps = {\n [(orient === 'left' ? 'x' : 'y') + '2']: k * tickSize,\n };\n\n const textProps = {\n [orient === 'left' ? 'x' : 'y']: k * spacing,\n };\n\n return (\n <g>\n {values.map((tick: number, i: number) => (\n <g className=\"tick\" key={i} transform={transform(position(tick) + offset)}>\n <line stroke={BLACK} {...lineProps} />\n {!hiddenLabels && (\n <g transform={getRotationTransform(orient)}>\n <text\n fill={BLACK}\n fontSize=\"14px\"\n fontWeight=\"500\"\n fontFamily=\"Manrope\"\n dominantBaseline={getDominantBaseline(orient)}\n textAnchor={getTextAnchor(orient)}\n {...textProps}\n >\n {format(tick)}\n </text>\n </g>\n )}\n </g>\n ))}\n </g>\n );\n};\n"],"mappings":";;;;AASA,SAAS,EAAW,GAAW;AAC3B,QAAO,aAAa,EAAE;;AAG1B,SAAS,EAAW,GAAW;AAC3B,QAAO,eAAe,EAAE;;AAG5B,SAAS,EAAqB,GAA2B;AACrD,QAAO,MAAW,WAAW,mBAAgC;;AAGjE,SAAS,EAAoB,GAA2B;AACpD,QAAO,MAAW,WAAW,YAAY;;AAG7C,SAAS,EAAe,GAA2B;AAC/C,QAAQ,MAAW,WAAW,WAAW;;AAG7C,MAAa,KAAkB,EAC5B,UACA,cAAW,GACX,iBAAA,GACA,YAAS,UACT,kBAAe,IACf,kBAAe,IACf,YAAS,OAAO,SAAW,OAAe,OAAO,mBAAmB,IAAI,IAAI,~~SASzE~~;CACF,SAAS,EAAO,GAAc;AAC1B,UAAQ,MAAc;GAClB,IAAM,IAAQ,EAAM,EAAE;AACtB,UAAO,MAAU,KAAA,IAAY,IAAI,CAAC;;;CAG1C,IAAM,EAAC,OAAO,GAAQ,~~cAAU~~,EAAkB,GAAO,GAAc,MAAW,SAAS,~~EACrF~~,IAAU,KAAK,IAAI,GAAU,EAAE,GAAG,GACpC,IAAY,EAAQ,EAAM,MAAM,CAAC,EAE/B,IAAY,MAAW,WAAW,IAAa,GAC/C,IAAI,MAAW,SAAS,KAAK,GAE7B,IAAY,IACZ,MAAW,SAAS,MAAM,OAAO,MAAM,IAAI,GAChD,EAEK,IAAY,GACb,MAAW,SAAS,MAAM,MAAM,IAAI,GACxC;AAED,QACI,kBAAC,KAAD,EAAA,UACK,EAAO,KAAK,GAAc,MACvB,kBAAC,KAAD;EAAG,WAAU;EAAe,WAAW,EAAU,EAAS,EAAK,GAAG,EAAO;YAAzE,CACI,kBAAC,QAAD;GAAM,QAAQ;GAAO,GAAI;GAAa,CAAA,EACrC,CAAC,KACE,kBAAC,KAAD;GAAG,WAAW,EAAqB,EAAO;aACtC,kBAAC,QAAD;IACI,MAAA;IACA,UAAS;IACT,YAAW;IACX,YAAW;IACX,kBAAkB,EAAoB,EAAO;IAC7C,YAAY,EAAc,EAAO;IACjC,GAAI;cAEH,EAAO,EAAK;IACV,CAAA;GACP,CAAA,CAER;IAjBqB,EAiBrB,CACN,EACF,CAAA"}
1	+ {"version":3,"file":"ContinuousAxis.js","names":[],"sources":["../../src/common/ContinuousAxis.tsx"],"sourcesContent":["import {BLACK} from '../constants';\nimport {TICK_OFFSET} from '../discrete/constants';\nimport {getTicksAndFormat} from '../scatterplot/utils/getTicksAndFormat';\nimport React from 'react';\nimport type {ScaleLinear, ScaleLogarithmic, ScaleSymLog} from 'd3-scale';\n\ntype Scale = ScaleLinear<number, number> \| ScaleLogarithmic<number, number> \| ScaleSymLog<number, number>;\ntype Orient = 'left' \| 'bottom';\n\nfunction translateX(x: number) {\n return `translate(${x},0)`;\n}\n\nfunction translateY(y: number) {\n return `translate(0,${y})`;\n}\n\nfunction getRotationTransform(orient: 'left' \| 'bottom') {\n return orient === 'bottom' ? `translate(0,${TICK_OFFSET})` : `translate(${-TICK_OFFSET},0)`;\n}\n\nfunction getDominantBaseline(orient: 'left' \| 'bottom') {\n return orient === 'bottom' ? 'hanging' : 'central';\n}\n\nfunction getTextAnchor( orient: 'left' \| 'bottom') {\n return orient === 'bottom' ? 'middle' : 'end';\n}\n\nexport const ContinuousAxis = ({\n scale,\n tickSize = 6,\n tickPadding = TICK_OFFSET,\n orient = 'bottom',\n onlyPositive = false,\n hiddenLabels = false,\n offset = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5,\n tickFormat,\n}: {\n scale: Scale;\n tickSize?: number;\n tickPadding?: number;\n offset?: number;\n orient?: Orient;\n hiddenLabels?: boolean;\n onlyPositive?: boolean;\n /** Override the auto-derived label formatter (e.g. percent suffix). /\n tickFormat?: (value: number) => string;\n}) => {\n function number(scale: Scale) {\n return (d: number) => {\n const value = scale(d);\n return value === undefined ? 0 : +value;\n };\n }\n const {ticks: values, format: defaultFormat} = getTicksAndFormat(scale, onlyPositive, orient === 'bottom');\n const format = tickFormat ?? defaultFormat;\n const spacing = Math.max(tickSize, 0) + tickPadding,\n position = (number)(scale.copy());\n\n const transform = orient === 'bottom' ? translateX : translateY;\n const k = orient === 'left' ? -1 : 1;\n\n const lineProps = {\n [(orient === 'left' ? 'x' : 'y') + '2']: k tickSize,\n };\n\n const textProps = {\n [orient === 'left' ? 'x' : 'y']: k * spacing,\n };\n\n return (\n <g>\n {values.map((tick: number, i: number) => (\n <g className=\"tick\" key={i} transform={transform(position(tick) + offset)}>\n <line stroke={BLACK} {...lineProps} />\n {!hiddenLabels && (\n <g transform={getRotationTransform(orient)}>\n <text\n fill={BLACK}\n fontSize=\"14px\"\n fontWeight=\"500\"\n fontFamily=\"Manrope\"\n dominantBaseline={getDominantBaseline(orient)}\n textAnchor={getTextAnchor(orient)}\n {...textProps}\n >\n {format(tick)}\n </text>\n </g>\n )}\n </g>\n ))}\n </g>\n );\n};\n"],"mappings":";;;;AASA,SAAS,EAAW,GAAW;AAC3B,QAAO,aAAa,EAAE;;AAG1B,SAAS,EAAW,GAAW;AAC3B,QAAO,eAAe,EAAE;;AAG5B,SAAS,EAAqB,GAA2B;AACrD,QAAO,MAAW,WAAW,mBAAgC;;AAGjE,SAAS,EAAoB,GAA2B;AACpD,QAAO,MAAW,WAAW,YAAY;;AAG7C,SAAS,EAAe,GAA2B;AAC/C,QAAQ,MAAW,WAAW,WAAW;;AAG7C,MAAa,KAAkB,EAC5B,UACA,cAAW,GACX,iBAAA,GACA,YAAS,UACT,kBAAe,IACf,kBAAe,IACf,YAAS,OAAO,SAAW,OAAe,OAAO,mBAAmB,IAAI,IAAI,IAC5E,oBAWG;CACF,SAAS,EAAO,GAAc;AAC1B,UAAQ,MAAc;GAClB,IAAM,IAAQ,EAAM,EAAE;AACtB,UAAO,MAAU,KAAA,IAAY,IAAI,CAAC;;;CAG1C,IAAM,EAAC,OAAO,GAAQ,QAAQ,MAAiB,EAAkB,GAAO,GAAc,MAAW,SAAS,EACpG,IAAS,KAAc,GACvB,IAAU,KAAK,IAAI,GAAU,EAAE,GAAG,GACpC,IAAY,EAAQ,EAAM,MAAM,CAAC,EAE/B,IAAY,MAAW,WAAW,IAAa,GAC/C,IAAI,MAAW,SAAS,KAAK,GAE7B,IAAY,IACZ,MAAW,SAAS,MAAM,OAAO,MAAM,IAAI,GAChD,EAEK,IAAY,GACb,MAAW,SAAS,MAAM,MAAM,IAAI,GACxC;AAED,QACI,kBAAC,KAAD,EAAA,UACK,EAAO,KAAK,GAAc,MACvB,kBAAC,KAAD;EAAG,WAAU;EAAe,WAAW,EAAU,EAAS,EAAK,GAAG,EAAO;YAAzE,CACI,kBAAC,QAAD;GAAM,QAAQ;GAAO,GAAI;GAAa,CAAA,EACrC,CAAC,KACE,kBAAC,KAAD;GAAG,WAAW,EAAqB,EAAO;aACtC,kBAAC,QAAD;IACI,MAAA;IACA,UAAS;IACT,YAAW;IACX,YAAW;IACX,kBAAkB,EAAoB,EAAO;IAC7C,YAAY,EAAc,EAAO;IACjC,GAAI;cAEH,EAAO,EAAK;IACV,CAAA;GACP,CAAA,CAER;IAjBqB,EAiBrB,CACN,EACF,CAAA"}

package/dist/common/Legend.d.ts CHANGED Viewed

@@ -1,7 +1,18 @@
 import { LegendData } from './types';
 interface LegendProps {
     legendData: LegendData;
+    /**
+     * Fired when the pointer enters a discrete legend item (with the item's
+     * `value`) and again with `null` when it leaves. Lets consumers mirror
+     * legend hover into the chart (e.g. dim non-hovered groups).
+     */
+    onItemHover?: (value: string | null) => void;
+    /**
+     * Fired when a discrete legend item is clicked. Lets consumers treat
+     * legend clicks like clicks on the corresponding chart element.
+     */
+    onItemClick?: (value: string) => void;
 }
-export declare function Legend({ legendData }: LegendProps): import("react/jsx-runtime").JSX.Element;
+export declare function Legend({ legendData, onItemHover, onItemClick }: LegendProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Legend.d.ts.map

package/dist/common/Legend.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../src/common/Legend.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAc,UAAU,EAAkD,MAAM,SAAS,CAAC;AAMtG,UAAU,WAAW;IACjB,UAAU,EAAE,UAAU,CAAC;~~CAC1B~~;AAmGD,wBAAgB,MAAM,CAAC,EAAC,UAAU,EAAC,EAAE,WAAW,~~2CAuI/C~~"}
1	+ {"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../src/common/Legend.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAc,UAAU,EAAkD,MAAM,SAAS,CAAC;AAMtG,UAAU,WAAW;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAmGD,wBAAgB,MAAM,CAAC,EAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAC,EAAE,WAAW,2CAqJzE"}

package/dist/common/Legend.js CHANGED Viewed

@@ -56,7 +56,8 @@ function p({ aes: e, label: i }) {
 		children: i
 	})] });
 }
-function m({ legendData: t }) {
+function m({ legendData: t, onItemHover: i, onItemClick: c }) {
+	let l = !!(i || c);
 	return /* @__PURE__ */ r("g", { children: [/* @__PURE__ */ n("defs", { children: t.items.filter((e) => e.type === "continuous").map((e) => /* @__PURE__ */ n("linearGradient", {
 		id: e.id,
 		gradientTransform: "rotate(90)",
@@ -113,23 +114,27 @@ function m({ legendData: t }) {
 					y: o,
 					children: t.title
 				}),
-				t.values.map((i, o) => /* @__PURE__ */ r("g", {
-					transform: `translate(0, ${o * (a + 4)})`,
+				t.values.map((o, s) => /* @__PURE__ */ r("g", {
+					transform: `translate(0, ${s * (a + 4)})`,
+					onMouseEnter: i ? () => i(o) : void 0,
+					onMouseLeave: i ? () => i(null) : void 0,
+					onClick: c ? () => c(o) : void 0,
+					style: l ? { cursor: "pointer" } : void 0,
 					children: [/* @__PURE__ */ n("rect", {
 						x: "0",
 						y: "0",
 						width: a,
 						height: a,
-						fill: t.scale(i),
+						fill: t.scale(o),
 						rx: "1",
 						ry: "1",
 						stroke: e
 					}), /* @__PURE__ */ n("text", {
 						x: a + 8,
 						y: 10,
-						children: t.labels[i] ?? i
+						children: t.labels[o] ?? o
 					})]
-				}, i)),
+				}, o)),
 				!1
 			]
 		}, t.id);
@@ -145,6 +150,9 @@ function m({ legendData: t }) {
 				}),
 				t.values.map((e, r) => /* @__PURE__ */ n("g", {
 					transform: `translate(0, ${r * (a + 4)})`,
+					onMouseEnter: i ? () => i(e) : void 0,
+					onMouseLeave: i ? () => i(null) : void 0,
+					style: i ? { cursor: "pointer" } : void 0,
 					children: /* @__PURE__ */ n(f, {
 						aes: t.scale(e),
 						label: t.labels[e],

package/dist/common/Legend.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Legend.js","names":[],"sources":["../../src/common/Legend.tsx"],"sourcesContent":["import { color } from 'd3-color';\nimport { BLACK } from '../constants';\nimport type { AesItem, LineShape } from '../types';\nimport { getPointShape } from '../utils/getPointShape';\nimport type { DotAesItem, LegendData, LegendItemDiscreteMultiAes, LegendItemGradient } from './types';\n\nconst LEGEND_ITEM_SIZE = 12;\nconst TITLE_POSITION = -12;\nconst COLOR_ITEM_WIDTH_C = 14;\n\ninterface LegendProps {\n legendData: LegendData;\n}\n\nfunction getLineShapePath(lineShape:LineShape\|null = null):string {\n if (lineShape === 'dashed') {\n return 'M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z';\n }\n if (lineShape === 'dotted') {\n return 'M2.75 11.25H1.25V12.75H2.75V11.25Z M11.25 11.25H12.75V12.75H11.25V11.25Z M22.75 11.25H21.25V12.75H22.75V11.25Z M7.75 11.25H6.25V12.75H7.75V11.25Z M16.25 11.25H17.75V12.75H16.25V11.25Z';\n }\n if (lineShape === 'longdash') {\n return 'M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z';\n }\n if (lineShape === 'dotdash') {\n return 'M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z';\n }\n if (lineShape === 'twodash') {\n return 'M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z';\n }\n return 'M1 11.25H23V12.75H1V11.25Z';\n}\n\nconst POINT_SIZE = 3;\nconst LINE_WIDTH = 24;\n\nfunction getAesItemStroke(fillColor?:string, lineColor?:string) {\n if (fillColor === 'transparent') {\n return BLACK;\n }\n // black border for white square if fill color is white\n const fill = color(fillColor ?? lineColor ?? '');\n if (fill && fill.formatHex() === '#ffffff') {\n return BLACK;\n }\n return fillColor ?? lineColor;\n}\nfunction AesLegendItem({ aes, label, usedAes }: { aes: AesItem; label: string, usedAes: LegendItemDiscreteMultiAes['usedAes'] }) {\n const needRenderLine = usedAes.lineShape;\n const needRenderDot = usedAes.dotShape;\n const needRenderRect = usedAes.fillColor \|\|\n (usedAes.lineColor && !usedAes.lineShape) \|\|\n (usedAes.dotFill && !usedAes.dotShape);\n\n const shape = needRenderDot ? getPointShape(\n aes.dotShape ?? '21',\n POINT_SIZE,\n needRenderRect ? BLACK : aes.dotFill ?? BLACK\n ) : null;\n\n const lineOffset = (needRenderDot && needRenderLine ? 2 * LEGEND_ITEM_SIZE : 0 ) - 6;\n const textOffset = needRenderLine ? lineOffset + LINE_WIDTH + 8 : LEGEND_ITEM_SIZE + 8;\n return (\n <g>\n {needRenderRect && (\n <rect\n width={LEGEND_ITEM_SIZE}\n height={LEGEND_ITEM_SIZE}\n stroke={getAesItemStroke(aes.fillColor, aes.lineColor)}\n fill={aes.fillColor ?? aes.lineColor}\n rx=\"1\"\n ry=\"1\"\n />\n )}\n {needRenderDot && <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>\n {shape}\n </g>}\n {needRenderLine && (\n <path\n transform={`translate(${lineOffset},-5)`}\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d={getLineShapePath(aes.lineShape)}\n fill={aes.lineColor}\n />\n )}\n <text\n x={textOffset}\n y={LEGEND_ITEM_SIZE / 2}\n dominantBaseline=\"central\"\n fontWeight={500}\n >\n {label}\n </text>\n </g>\n );\n}\n\nfunction DotAesItemElement({aes, label}: {aes: DotAesItem; label: string}) {\n const shape = getPointShape(aes.shape, aes.size, aes.color);\n\n return (\n <g>\n <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>{shape}</g>\n <text x={LEGEND_ITEM_SIZE + 8} y={LEGEND_ITEM_SIZE / 2} dominantBaseline=\"central\" fontWeight={500}>\n {label}\n </text>\n </g>\n );\n}\n\nexport function Legend({legendData}: LegendProps) {\n const debug = false;\n const continuousItems= legendData.items.filter((item) => item.type === 'continuous') as LegendItemGradient[];\n return (\n <g>\n <defs>\n {continuousItems.map(item => (\n <linearGradient key={item.id} id={item.id} gradientTransform=\"rotate(90)\">\n {item.scale.domain().reverse().map(value => {\n const domain = item.scale.domain();\n const range = domain[domain.length - 1] - domain[0];\n const percent = range > 0 ? 100 - (value - domain[0]) / range * 100 : 0;\n return (\n <stop\n key={value}\n offset={`${percent}%`}\n stopColor={item.scale(value)}\n />\n );\n })}\n </linearGradient>\n ))}\n </defs>\n {legendData.items.map(item => {\n if (item.type === 'continuous') {\n return (\n <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\">\n <text fontWeight={500} fontSize=\"14px\" y={TITLE_POSITION}>{item.title}</text>\n <rect\n x=\"0\"\n y=\"0\"\n width={COLOR_ITEM_WIDTH_C}\n height={item.height}\n stroke={BLACK}\n fill={`url(#${item.id})`}\n />\n <g transform={`translate(${COLOR_ITEM_WIDTH_C},0)`}>\n {item.values.map(value => {\n const y = item.tickPositionScale(value) ?? 0;\n return (\n <g key={value} transform={`translate(0,${y})`}>\n <line x1=\"0\" x2={-4} stroke={BLACK} />\n <text x={8} y={4}>{value}</text>\n </g>\n );\n })}\n </g>\n {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n </g>\n );\n }\n if (item.type === 'discreteColor') {\n return (\n <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\">\n <text fontWeight={500} y={TITLE_POSITION}>{item.title}</text>\n {item.values.map((value, idx) => {\n return <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n <rect\n x=\"0\"\n y=\"0\"\n width={LEGEND_ITEM_SIZE}\n height={LEGEND_ITEM_SIZE}\n fill={item.scale(value)}\n rx=\"1\"\n ry=\"1\"\n stroke={BLACK}\n />\n <text x={LEGEND_ITEM_SIZE + 8} y={10}>{item.labels[value] ?? value}</text>\n </g>;\n })}\n {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n </g>\n );\n }\n if (item.type === 'discreteMulti') {\n return (\n <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n <text fontWeight={600} y={TITLE_POSITION}>\n {item.title}\n </text>\n {item.values.map((value, idx) => {\n return (\n <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n <AesLegendItem\n aes={item.scale(value)}\n label={item.labels[value]}\n usedAes={item.usedAes}\n />\n </g>\n );\n })}\n {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n </g>\n );\n }\n if (item.type === 'dots') {\n return (\n <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n <text fontWeight={500} y={TITLE_POSITION}>\n {item.title}\n </text>\n {item.values.map((value, idx) => {\n return (\n <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n <DotAesItemElement aes={item.scale(value)} label={item.labels[value]} />\n </g>\n );\n })}\n {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n </g>\n );\n }\n if (item.type === 'size') {\n const size = item.height / item.values.length;\n return (\n <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n <text fontWeight={500} y={TITLE_POSITION}>\n {item.title}\n </text>\n {item.values.map((value, idx) => {\n const r = item.scale(value);\n return (\n <g key={value} transform={`translate(0, ${idx * size})`}>\n <circle r={r} cx={size / 2} cy={size / 2} fill=\"none\" stroke={BLACK} strokeWidth={1} />\n <text x={size + 4} y={size / 2} alignmentBaseline=\"central\">{item.labels[value]}</text>\n </g>\n );\n })}\n {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n </g>\n );\n }\n })}\n </g>\n );\n}\n"],"mappings":";;;;AAMA,IAAM,IAAmB,IACnB,IAAiB,KACjB,IAAqB;AAM3B,SAAS,EAAiB,IAA2B,MAAa;AAgB9D,QAfI,MAAc,WACP,0FAEP,MAAc,WACP,4LAEP,MAAc,aACP,2DAEP,MAAc,YACP,2FAEP,MAAc,YACP,+FAEJ;;AAGX,IAAM,IAAa,GACb,IAAa;AAEnB,SAAS,EAAiB,GAAmB,GAAmB;AAC5D,KAAI,MAAc,cACd,QAAO;CAGX,IAAM,IAAO,EAAM,KAAa,KAAa,GAAG;AAIhD,QAHI,KAAQ,EAAK,WAAW,KAAK,YACtB,IAEJ,KAAa;;AAExB,SAAS,EAAc,EAAE,QAAK,UAAO,cAA4F;CAC7H,IAAM,IAAiB,EAAQ,WACzB,IAAgB,EAAQ,UACxB,IAAiB,EAAQ,aAC1B,EAAQ,aAAa,CAAC,EAAQ,aAC9B,EAAQ,WAAW,CAAC,EAAQ,UAE3B,IAAQ,IAAgB,EAC1B,EAAI,YAAY,MAChB,GACA,IAAiB,IAAQ,EAAI,WAAA,UAChC,GAAG,MAEE,KAAc,KAAiB,IAAiB,IAAI,IAAmB,KAAM,GAC7E,IAAa,IAAiB,IAAa,IAAa,IAAI,IAAmB;AACrF,QACI,kBAAC,KAAD,EAAA,UAAA;EACK,KACG,kBAAC,QAAD;GACI,OAAO;GACP,QAAQ;GACR,QAAQ,EAAiB,EAAI,WAAW,EAAI,UAAU;GACtD,MAAM,EAAI,aAAa,EAAI;GAC3B,IAAG;GACH,IAAG;GACL,CAAA;EAEL,KAAiB,kBAAC,KAAD;GAAG,WAAW,aAAa,IAAmB,EAAE,GAAG,IAAmB,EAAE;aACrF;GACD,CAAA;EACH,KACG,kBAAC,QAAD;GACI,WAAW,aAAa,EAAW;GACnC,UAAS;GACT,UAAS;GACT,GAAG,EAAiB,EAAI,UAAU;GAClC,MAAM,EAAI;GACZ,CAAA;EAEN,kBAAC,QAAD;GACI,GAAG;GACH,GAAG,IAAmB;GACtB,kBAAiB;GACjB,YAAY;aAEX;GACE,CAAA;EACP,EAAA,CAAA;;AAIZ,SAAS,EAAkB,EAAC,QAAK,YAA0C;CACvE,IAAM,IAAQ,EAAc,EAAI,OAAO,EAAI,MAAM,EAAI,MAAM;AAE3D,QACI,kBAAC,KAAD,EAAA,UAAA,CACI,kBAAC,KAAD;EAAG,WAAW,aAAa,IAAmB,EAAE,GAAG,IAAmB,EAAE;YAAK;EAAU,CAAA,EACvF,kBAAC,QAAD;EAAM,GAAG,IAAmB;EAAG,GAAG,IAAmB;EAAG,kBAAiB;EAAU,YAAY;YAC1F;EACE,CAAA,CACP,EAAA,CAAA;;AAIZ,SAAgB,EAAO,EAAC,iBAA0B;AAG9C,QACI,kBAAC,KAAD,EAAA,UAAA,CACI,kBAAC,QAAD,EAAA,UAHe,EAAW,MAAM,QAAQ,MAAS,EAAK,SAAS,aAAa,CAIvD,KAAI,MACjB,kBAAC,kBAAD;EAA8B,IAAI,EAAK;EAAI,mBAAkB;YACxD,EAAK,MAAM,QAAQ,CAAC,SAAS,CAAC,KAAI,MAAS;GACxC,IAAM,IAAS,EAAK,MAAM,QAAQ,EAC5B,IAAQ,EAAO,EAAO,SAAS,KAAK,EAAO;AAEjD,UACI,kBAAC,QAAD;IAEI,QAAQ,GAJA,IAAQ,IAAI,OAAO,IAAQ,EAAO,MAAM,IAAQ,MAAM,EAI3C;IACnB,WAAW,EAAK,MAAM,EAAM;IAC9B,EAHO,EAGP;IAER;EACW,EAbI,EAAK,GAaT,CACnB,EACC,CAAA,EACN,EAAW,MAAM,KAAI,MAAQ;AAC1B,MAAI,EAAK,SAAS,aACd,QACI,kBAAC,KAAD;GAAiB,WAAW,aAAa,EAAK,KAAK,GAAG,EAAK,IAAI;GAAI,UAAS;aAA5E;IACI,kBAAC,QAAD;KAAM,YAAY;KAAK,UAAS;KAAO,GAAG;eAAiB,EAAK;KAAa,CAAA;IAC7E,kBAAC,QAAD;KACI,GAAE;KACF,GAAE;KACF,OAAO;KACP,QAAQ,EAAK;KACb,QAAQ;KACR,MAAM,QAAQ,EAAK,GAAG;KACxB,CAAA;IACF,kBAAC,KAAD;KAAG,WAAW,aAAa,EAAmB;eACzC,EAAK,OAAO,KAAI,MAGT,kBAAC,KAAD;MAAe,WAAW,eAFpB,EAAK,kBAAkB,EAAM,IAAI,EAEI;gBAA3C,CACI,kBAAC,QAAD;OAAM,IAAG;OAAI,IAAI;OAAI,QAAQ;OAAS,CAAA,EACtC,kBAAC,QAAD;OAAM,GAAG;OAAG,GAAG;iBAAI;OAAa,CAAA,CAChC;QAHI,EAGJ,CAEV;KACF,CAAA;IACH;IACD;KAtBI,EAAK,GAsBT;AAGZ,MAAI,EAAK,SAAS,gBACd,QACI,kBAAC,KAAD;GAAiB,WAAW,aAAa,EAAK,KAAK,GAAG,EAAK,IAAI;GAAI,UAAS;aAA5E;IACI,kBAAC,QAAD;KAAM,YAAY;KAAK,GAAG;eAAiB,EAAK;KAAa,CAAA;IAC5D,EAAK,OAAO,KAAK,GAAO,MACd,kBAAC,KAAD;KAAe,WAAW,gBAAgB,KAAO,IAAmB,GAAG;eAAvE,CACH,kBAAC,QAAD;MACI,GAAE;MACF,GAAE;MACF,OAAO;MACP,QAAQ;MACR,MAAM,EAAK,MAAM,EAAM;MACvB,IAAG;MACH,IAAG;MACH,QAAQ;MACV,CAAA,EACF,kBAAC,QAAD;MAAM,GAAG,IAAmB;MAAG,GAAG;gBAAK,EAAK,OAAO,MAAU;MAAa,CAAA,CAC1E;OAZW,EAYX,CACN;IACD;IACD;KAlBI,EAAK,GAkBT;AAGZ,MAAI,EAAK,SAAS,gBACd,QACI,kBAAC,KAAD;GAAiB,WAAW,aAAa,EAAK,KAAK,GAAG,EAAK,IAAI;GAAI,UAAS;GAAO,YAAY;aAA/F;IACI,kBAAC,QAAD;KAAM,YAAY;KAAK,GAAG;eACrB,EAAK;KACH,CAAA;IACN,EAAK,OAAO,KAAK,GAAO,MAEjB,kBAAC,KAAD;KAAe,WAAW,gBAAgB,KAAO,IAAmB,GAAG;eACnE,kBAAC,GAAD;MACI,KAAK,EAAK,MAAM,EAAM;MACtB,OAAO,EAAK,OAAO;MACnB,SAAS,EAAK;MAChB,CAAA;KACF,EANI,EAMJ,CAEV;IACD;IACD;KAhBI,EAAK,GAgBT;AAGZ,MAAI,EAAK,SAAS,OACd,QACI,kBAAC,KAAD;GAAiB,WAAW,aAAa,EAAK,KAAK,GAAG,EAAK,IAAI;GAAI,UAAS;GAAO,YAAY;aAA/F;IACI,kBAAC,QAAD;KAAM,YAAY;KAAK,GAAG;eACrB,EAAK;KACH,CAAA;IACN,EAAK,OAAO,KAAK,GAAO,MAEjB,kBAAC,KAAD;KAAe,WAAW,gBAAgB,KAAO,IAAmB,GAAG;eACnE,kBAAC,GAAD;MAAmB,KAAK,EAAK,MAAM,EAAM;MAAE,OAAO,EAAK,OAAO;MAAU,CAAA;KACxE,EAFI,EAEJ,CAEV;IACD;IACD;KAZI,EAAK,GAYT;AAGZ,MAAI,EAAK,SAAS,QAAQ;GACtB,IAAM,IAAO,EAAK,SAAS,EAAK,OAAO;AACvC,UACI,kBAAC,KAAD;IAAiB,WAAW,aAAa,EAAK,KAAK,GAAG,EAAK,IAAI;IAAI,UAAS;IAAO,YAAY;cAA/F;KACI,kBAAC,QAAD;MAAM,YAAY;MAAK,GAAG;gBACrB,EAAK;MACH,CAAA;KACN,EAAK,OAAO,KAAK,GAAO,MAAQ;MAC7B,IAAM,IAAI,EAAK,MAAM,EAAM;AAC3B,aACI,kBAAC,KAAD;OAAe,WAAW,gBAAgB,IAAM,EAAK;iBAArD,CACI,kBAAC,UAAD;QAAW;QAAG,IAAI,IAAO;QAAG,IAAI,IAAO;QAAG,MAAK;QAAO,QAAQ;QAAO,aAAa;QAAK,CAAA,EACvF,kBAAC,QAAD;QAAM,GAAG,IAAO;QAAG,GAAG,IAAO;QAAG,mBAAkB;kBAAW,EAAK,OAAO;QAAc,CAAA,CACvF;SAHI,EAGJ;OAEV;KACD;KACD;MAdI,EAAK,GAcT;;GAGd,CACF,EAAA,CAAA"}
1	+ {"version":3,"file":"Legend.js","names":[],"sources":["../../src/common/Legend.tsx"],"sourcesContent":["import { color } from 'd3-color';\nimport { BLACK } from '../constants';\nimport type { AesItem, LineShape } from '../types';\nimport { getPointShape } from '../utils/getPointShape';\nimport type { DotAesItem, LegendData, LegendItemDiscreteMultiAes, LegendItemGradient } from './types';\n\nconst LEGEND_ITEM_SIZE = 12;\nconst TITLE_POSITION = -12;\nconst COLOR_ITEM_WIDTH_C = 14;\n\ninterface LegendProps {\n legendData: LegendData;\n /*\n Fired when the pointer enters a discrete legend item (with the item's\n * `value`) and again with `null` when it leaves. Lets consumers mirror\n * legend hover into the chart (e.g. dim non-hovered groups).\n /\n onItemHover?: (value: string \| null) => void;\n /\n Fired when a discrete legend item is clicked. Lets consumers treat\n * legend clicks like clicks on the corresponding chart element.\n /\n onItemClick?: (value: string) => void;\n}\n\nfunction getLineShapePath(lineShape:LineShape\|null = null):string {\n if (lineShape === 'dashed') {\n return 'M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z';\n }\n if (lineShape === 'dotted') {\n return 'M2.75 11.25H1.25V12.75H2.75V11.25Z M11.25 11.25H12.75V12.75H11.25V11.25Z M22.75 11.25H21.25V12.75H22.75V11.25Z M7.75 11.25H6.25V12.75H7.75V11.25Z M16.25 11.25H17.75V12.75H16.25V11.25Z';\n }\n if (lineShape === 'longdash') {\n return 'M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z';\n }\n if (lineShape === 'dotdash') {\n return 'M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z';\n }\n if (lineShape === 'twodash') {\n return 'M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z';\n }\n return 'M1 11.25H23V12.75H1V11.25Z';\n}\n\nconst POINT_SIZE = 3;\nconst LINE_WIDTH = 24;\n\nfunction getAesItemStroke(fillColor?:string, lineColor?:string) {\n if (fillColor === 'transparent') {\n return BLACK;\n }\n // black border for white square if fill color is white\n const fill = color(fillColor ?? lineColor ?? '');\n if (fill && fill.formatHex() === '#ffffff') {\n return BLACK;\n }\n return fillColor ?? lineColor;\n}\nfunction AesLegendItem({ aes, label, usedAes }: { aes: AesItem; label: string, usedAes: LegendItemDiscreteMultiAes['usedAes'] }) {\n const needRenderLine = usedAes.lineShape;\n const needRenderDot = usedAes.dotShape;\n const needRenderRect = usedAes.fillColor \|\|\n (usedAes.lineColor && !usedAes.lineShape) \|\|\n (usedAes.dotFill && !usedAes.dotShape);\n\n const shape = needRenderDot ? getPointShape(\n aes.dotShape ?? '21',\n POINT_SIZE,\n needRenderRect ? BLACK : aes.dotFill ?? BLACK\n ) : null;\n\n const lineOffset = (needRenderDot && needRenderLine ? 2 LEGEND_ITEM_SIZE : 0 ) - 6;\n const textOffset = needRenderLine ? lineOffset + LINE_WIDTH + 8 : LEGEND_ITEM_SIZE + 8;\n return (\n <g>\n {needRenderRect && (\n <rect\n width={LEGEND_ITEM_SIZE}\n height={LEGEND_ITEM_SIZE}\n stroke={getAesItemStroke(aes.fillColor, aes.lineColor)}\n fill={aes.fillColor ?? aes.lineColor}\n rx=\"1\"\n ry=\"1\"\n />\n )}\n {needRenderDot && <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>\n {shape}\n </g>}\n {needRenderLine && (\n <path\n transform={`translate(${lineOffset},-5)`}\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d={getLineShapePath(aes.lineShape)}\n fill={aes.lineColor}\n />\n )}\n <text\n x={textOffset}\n y={LEGEND_ITEM_SIZE / 2}\n dominantBaseline=\"central\"\n fontWeight={500}\n >\n {label}\n </text>\n </g>\n );\n}\n\nfunction DotAesItemElement({aes, label}: {aes: DotAesItem; label: string}) {\n const shape = getPointShape(aes.shape, aes.size, aes.color);\n\n return (\n <g>\n <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>{shape}</g>\n <text x={LEGEND_ITEM_SIZE + 8} y={LEGEND_ITEM_SIZE / 2} dominantBaseline=\"central\" fontWeight={500}>\n {label}\n </text>\n </g>\n );\n}\n\nexport function Legend({legendData, onItemHover, onItemClick}: LegendProps) {\n const interactive = Boolean(onItemHover \|\| onItemClick);\n const debug = false;\n const continuousItems= legendData.items.filter((item) => item.type === 'continuous') as LegendItemGradient[];\n return (\n <g>\n <defs>\n {continuousItems.map(item => (\n <linearGradient key={item.id} id={item.id} gradientTransform=\"rotate(90)\">\n {item.scale.domain().reverse().map(value => {\n const domain = item.scale.domain();\n const range = domain[domain.length - 1] - domain[0];\n const percent = range > 0 ? 100 - (value - domain[0]) / range * 100 : 0;\n return (\n <stop\n key={value}\n offset={`${percent}%`}\n stopColor={item.scale(value)}\n />\n );\n })}\n </linearGradient>\n ))}\n </defs>\n {legendData.items.map(item => {\n if (item.type === 'continuous') {\n return (\n <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\">\n <text fontWeight={500} fontSize=\"14px\" y={TITLE_POSITION}>{item.title}</text>\n <rect\n x=\"0\"\n y=\"0\"\n width={COLOR_ITEM_WIDTH_C}\n height={item.height}\n stroke={BLACK}\n fill={`url(#${item.id})`}\n />\n <g transform={`translate(${COLOR_ITEM_WIDTH_C},0)`}>\n {item.values.map(value => {\n const y = item.tickPositionScale(value) ?? 0;\n return (\n <g key={value} transform={`translate(0,${y})`}>\n <line x1=\"0\" x2={-4} stroke={BLACK} />\n <text x={8} y={4}>{value}</text>\n </g>\n );\n })}\n </g>\n {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n </g>\n );\n }\n if (item.type === 'discreteColor') {\n return (\n <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\">\n <text fontWeight={500} y={TITLE_POSITION}>{item.title}</text>\n {item.values.map((value, idx) => {\n return <g\n key={value}\n transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}\n onMouseEnter={onItemHover ? () => onItemHover(value as string) : undefined}\n onMouseLeave={onItemHover ? () => onItemHover(null) : undefined}\n onClick={onItemClick ? () => onItemClick(value as string) : undefined}\n style={interactive ? { cursor: 'pointer' } : undefined}\n >\n <rect\n x=\"0\"\n y=\"0\"\n width={LEGEND_ITEM_SIZE}\n height={LEGEND_ITEM_SIZE}\n fill={item.scale(value)}\n rx=\"1\"\n ry=\"1\"\n stroke={BLACK}\n />\n <text x={LEGEND_ITEM_SIZE + 8} y={10}>{item.labels[value] ?? value}</text>\n </g>;\n })}\n {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n </g>\n );\n }\n if (item.type === 'discreteMulti') {\n return (\n <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n <text fontWeight={600} y={TITLE_POSITION}>\n {item.title}\n </text>\n {item.values.map((value, idx) => {\n return (\n <g\n key={value}\n transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}\n onMouseEnter={onItemHover ? () => onItemHover(value as string) : undefined}\n onMouseLeave={onItemHover ? () => onItemHover(null) : undefined}\n style={onItemHover ? { cursor: 'pointer' } : undefined}\n >\n <AesLegendItem\n aes={item.scale(value)}\n label={item.labels[value]}\n usedAes={item.usedAes}\n />\n </g>\n );\n })}\n {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n </g>\n );\n }\n if (item.type === 'dots') {\n return (\n <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n <text fontWeight={500} y={TITLE_POSITION}>\n {item.title}\n </text>\n {item.values.map((value, idx) => {\n return (\n <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n <DotAesItemElement aes={item.scale(value)} label={item.labels[value]} />\n </g>\n );\n })}\n {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n </g>\n );\n }\n if (item.type === 'size') {\n const size = item.height / item.values.length;\n return (\n <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n <text fontWeight={500} y={TITLE_POSITION}>\n {item.title}\n </text>\n {item.values.map((value, idx) => {\n const r = item.scale(value);\n return (\n <g key={value} transform={`translate(0, ${idx * size})`}>\n <circle r={r} cx={size / 2} cy={size / 2} fill=\"none\" stroke={BLACK} strokeWidth={1} />\n <text x={size + 4} y={size / 2} alignmentBaseline=\"central\">{item.labels[value]}</text>\n </g>\n );\n })}\n {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n </g>\n );\n }\n })}\n </g>\n );\n}\n"],"mappings":";;;;AAMA,IAAM,IAAmB,IACnB,IAAiB,KACjB,IAAqB;AAiB3B,SAAS,EAAiB,IAA2B,MAAa;AAgB9D,QAfI,MAAc,WACP,0FAEP,MAAc,WACP,4LAEP,MAAc,aACP,2DAEP,MAAc,YACP,2FAEP,MAAc,YACP,+FAEJ;;AAGX,IAAM,IAAa,GACb,IAAa;AAEnB,SAAS,EAAiB,GAAmB,GAAmB;AAC5D,KAAI,MAAc,cACd,QAAO;CAGX,IAAM,IAAO,EAAM,KAAa,KAAa,GAAG;AAIhD,QAHI,KAAQ,EAAK,WAAW,KAAK,YACtB,IAEJ,KAAa;;AAExB,SAAS,EAAc,EAAE,QAAK,UAAO,cAA4F;CAC7H,IAAM,IAAiB,EAAQ,WACzB,IAAgB,EAAQ,UACxB,IAAiB,EAAQ,aAC1B,EAAQ,aAAa,CAAC,EAAQ,aAC9B,EAAQ,WAAW,CAAC,EAAQ,UAE3B,IAAQ,IAAgB,EAC1B,EAAI,YAAY,MAChB,GACA,IAAiB,IAAQ,EAAI,WAAA,UAChC,GAAG,MAEE,KAAc,KAAiB,IAAiB,IAAI,IAAmB,KAAM,GAC7E,IAAa,IAAiB,IAAa,IAAa,IAAI,IAAmB;AACrF,QACI,kBAAC,KAAD,EAAA,UAAA;EACK,KACG,kBAAC,QAAD;GACI,OAAO;GACP,QAAQ;GACR,QAAQ,EAAiB,EAAI,WAAW,EAAI,UAAU;GACtD,MAAM,EAAI,aAAa,EAAI;GAC3B,IAAG;GACH,IAAG;GACL,CAAA;EAEL,KAAiB,kBAAC,KAAD;GAAG,WAAW,aAAa,IAAmB,EAAE,GAAG,IAAmB,EAAE;aACrF;GACD,CAAA;EACH,KACG,kBAAC,QAAD;GACI,WAAW,aAAa,EAAW;GACnC,UAAS;GACT,UAAS;GACT,GAAG,EAAiB,EAAI,UAAU;GAClC,MAAM,EAAI;GACZ,CAAA;EAEN,kBAAC,QAAD;GACI,GAAG;GACH,GAAG,IAAmB;GACtB,kBAAiB;GACjB,YAAY;aAEX;GACE,CAAA;EACP,EAAA,CAAA;;AAIZ,SAAS,EAAkB,EAAC,QAAK,YAA0C;CACvE,IAAM,IAAQ,EAAc,EAAI,OAAO,EAAI,MAAM,EAAI,MAAM;AAE3D,QACI,kBAAC,KAAD,EAAA,UAAA,CACI,kBAAC,KAAD;EAAG,WAAW,aAAa,IAAmB,EAAE,GAAG,IAAmB,EAAE;YAAK;EAAU,CAAA,EACvF,kBAAC,QAAD;EAAM,GAAG,IAAmB;EAAG,GAAG,IAAmB;EAAG,kBAAiB;EAAU,YAAY;YAC1F;EACE,CAAA,CACP,EAAA,CAAA;;AAIZ,SAAgB,EAAO,EAAC,eAAY,gBAAa,kBAA2B;CACxE,IAAM,IAAc,GAAQ,KAAe;AAG3C,QACI,kBAAC,KAAD,EAAA,UAAA,CACI,kBAAC,QAAD,EAAA,UAHe,EAAW,MAAM,QAAQ,MAAS,EAAK,SAAS,aAAa,CAIvD,KAAI,MACjB,kBAAC,kBAAD;EAA8B,IAAI,EAAK;EAAI,mBAAkB;YACxD,EAAK,MAAM,QAAQ,CAAC,SAAS,CAAC,KAAI,MAAS;GACxC,IAAM,IAAS,EAAK,MAAM,QAAQ,EAC5B,IAAQ,EAAO,EAAO,SAAS,KAAK,EAAO;AAEjD,UACI,kBAAC,QAAD;IAEI,QAAQ,GAJA,IAAQ,IAAI,OAAO,IAAQ,EAAO,MAAM,IAAQ,MAAM,EAI3C;IACnB,WAAW,EAAK,MAAM,EAAM;IAC9B,EAHO,EAGP;IAER;EACW,EAbI,EAAK,GAaT,CACnB,EACC,CAAA,EACN,EAAW,MAAM,KAAI,MAAQ;AAC1B,MAAI,EAAK,SAAS,aACd,QACI,kBAAC,KAAD;GAAiB,WAAW,aAAa,EAAK,KAAK,GAAG,EAAK,IAAI;GAAI,UAAS;aAA5E;IACI,kBAAC,QAAD;KAAM,YAAY;KAAK,UAAS;KAAO,GAAG;eAAiB,EAAK;KAAa,CAAA;IAC7E,kBAAC,QAAD;KACI,GAAE;KACF,GAAE;KACF,OAAO;KACP,QAAQ,EAAK;KACb,QAAQ;KACR,MAAM,QAAQ,EAAK,GAAG;KACxB,CAAA;IACF,kBAAC,KAAD;KAAG,WAAW,aAAa,EAAmB;eACzC,EAAK,OAAO,KAAI,MAGT,kBAAC,KAAD;MAAe,WAAW,eAFpB,EAAK,kBAAkB,EAAM,IAAI,EAEI;gBAA3C,CACI,kBAAC,QAAD;OAAM,IAAG;OAAI,IAAI;OAAI,QAAQ;OAAS,CAAA,EACtC,kBAAC,QAAD;OAAM,GAAG;OAAG,GAAG;iBAAI;OAAa,CAAA,CAChC;QAHI,EAGJ,CAEV;KACF,CAAA;IACH;IACD;KAtBI,EAAK,GAsBT;AAGZ,MAAI,EAAK,SAAS,gBACd,QACI,kBAAC,KAAD;GAAiB,WAAW,aAAa,EAAK,KAAK,GAAG,EAAK,IAAI;GAAI,UAAS;aAA5E;IACI,kBAAC,QAAD;KAAM,YAAY;KAAK,GAAG;eAAiB,EAAK;KAAa,CAAA;IAC5D,EAAK,OAAO,KAAK,GAAO,MACd,kBAAC,KAAD;KAEH,WAAW,gBAAgB,KAAO,IAAmB,GAAG;KACxD,cAAc,UAAoB,EAAY,EAAgB,GAAG,KAAA;KACjE,cAAc,UAAoB,EAAY,KAAK,GAAG,KAAA;KACtD,SAAS,UAAoB,EAAY,EAAgB,GAAG,KAAA;KAC5D,OAAO,IAAc,EAAE,QAAQ,WAAW,GAAG,KAAA;eAN1C,CAQH,kBAAC,QAAD;MACI,GAAE;MACF,GAAE;MACF,OAAO;MACP,QAAQ;MACR,MAAM,EAAK,MAAM,EAAM;MACvB,IAAG;MACH,IAAG;MACH,QAAQ;MACV,CAAA,EACF,kBAAC,QAAD;MAAM,GAAG,IAAmB;MAAG,GAAG;gBAAK,EAAK,OAAO,MAAU;MAAa,CAAA,CAC1E;OAlBK,EAkBL,CACN;IACD;IACD;KAzBI,EAAK,GAyBT;AAGZ,MAAI,EAAK,SAAS,gBACd,QACI,kBAAC,KAAD;GAAiB,WAAW,aAAa,EAAK,KAAK,GAAG,EAAK,IAAI;GAAI,UAAS;GAAO,YAAY;aAA/F;IACI,kBAAC,QAAD;KAAM,YAAY;KAAK,GAAG;eACrB,EAAK;KACH,CAAA;IACN,EAAK,OAAO,KAAK,GAAO,MAEjB,kBAAC,KAAD;KAEI,WAAW,gBAAgB,KAAO,IAAmB,GAAG;KACxD,cAAc,UAAoB,EAAY,EAAgB,GAAG,KAAA;KACjE,cAAc,UAAoB,EAAY,KAAK,GAAG,KAAA;KACtD,OAAO,IAAc,EAAE,QAAQ,WAAW,GAAG,KAAA;eAE7C,kBAAC,GAAD;MACI,KAAK,EAAK,MAAM,EAAM;MACtB,OAAO,EAAK,OAAO;MACnB,SAAS,EAAK;MAChB,CAAA;KACF,EAXK,EAWL,CAEV;IACD;IACD;KAtBI,EAAK,GAsBT;AAGZ,MAAI,EAAK,SAAS,OACd,QACI,kBAAC,KAAD;GAAiB,WAAW,aAAa,EAAK,KAAK,GAAG,EAAK,IAAI;GAAI,UAAS;GAAO,YAAY;aAA/F;IACI,kBAAC,QAAD;KAAM,YAAY;KAAK,GAAG;eACrB,EAAK;KACH,CAAA;IACN,EAAK,OAAO,KAAK,GAAO,MAEjB,kBAAC,KAAD;KAAe,WAAW,gBAAgB,KAAO,IAAmB,GAAG;eACnE,kBAAC,GAAD;MAAmB,KAAK,EAAK,MAAM,EAAM;MAAE,OAAO,EAAK,OAAO;MAAU,CAAA;KACxE,EAFI,EAEJ,CAEV;IACD;IACD;KAZI,EAAK,GAYT;AAGZ,MAAI,EAAK,SAAS,QAAQ;GACtB,IAAM,IAAO,EAAK,SAAS,EAAK,OAAO;AACvC,UACI,kBAAC,KAAD;IAAiB,WAAW,aAAa,EAAK,KAAK,GAAG,EAAK,IAAI;IAAI,UAAS;IAAO,YAAY;cAA/F;KACI,kBAAC,QAAD;MAAM,YAAY;MAAK,GAAG;gBACrB,EAAK;MACH,CAAA;KACN,EAAK,OAAO,KAAK,GAAO,MAAQ;MAC7B,IAAM,IAAI,EAAK,MAAM,EAAM;AAC3B,aACI,kBAAC,KAAD;OAAe,WAAW,gBAAgB,IAAM,EAAK;iBAArD,CACI,kBAAC,UAAD;QAAW;QAAG,IAAI,IAAO;QAAG,IAAI,IAAO;QAAG,MAAK;QAAO,QAAQ;QAAO,aAAa;QAAK,CAAA,EACvF,kBAAC,QAAD;QAAM,GAAG,IAAO;QAAG,GAAG,IAAO;QAAG,mBAAkB;kBAAW,EAAK,OAAO;QAAc,CAAA,CACvF;SAHI,EAGJ;OAEV;KACD;KACD;MAdI,EAAK,GAcT;;GAGd,CACF,EAAA,CAAA"}

package/dist/index.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import { ChartInterface } from './AbstractChart';
 import { DataByColumns } from './DataFrame';
 import { MiPlots } from './MiPlots';
-import { BubbleSettings, DendroSettings, DiscreteSettings, ErrorInfo, ErrorInfoUnknown, HeatmapSettings, HistogramSettings, ScatterplotSettings, ScatterplotUmapSettings, Settings, AxisSettingsContinuous, AxisSettingsDiscrete } from './types';
+import { BubbleSettings, DendroSettings, DiscreteSettings, ErrorInfo, ErrorInfoUnknown, HeatmapSettings, HistogramSettings, ScatterplotSettings, ScatterplotUmapSettings, SelectionSettings, Settings, AxisSettingsContinuous, AxisSettingsDiscrete } from './types';
 import { LassoControlsState, Polygon } from './scatterplot-umap/types';
 import { SCATTERPLOT_CONTROLS_EVENTS } from './scatterplot-umap/constants';
 import { getFacetKeysFromValueLists } from './utils/getFacetKeysFromValueLists';
 import { getKeysCombinations } from './utils/getKeysCombination';
-export { BubbleSettings, ChartInterface, DataByColumns, DendroSettings, DiscreteSettings, getFacetKeysFromValueLists, getKeysCombinations, HeatmapSettings, HistogramSettings, MiPlots, ScatterplotSettings, ScatterplotUmapSettings, Settings, AxisSettingsDiscrete, AxisSettingsContinuous, SCATTERPLOT_CONTROLS_EVENTS, LassoControlsState, Polygon, ErrorInfo, ErrorInfoUnknown };
+export { BubbleSettings, ChartInterface, DataByColumns, DendroSettings, DiscreteSettings, getFacetKeysFromValueLists, getKeysCombinations, HeatmapSettings, HistogramSettings, MiPlots, ScatterplotSettings, ScatterplotUmapSettings, Settings, AxisSettingsDiscrete, AxisSettingsContinuous, SCATTERPLOT_CONTROLS_EVENTS, LassoControlsState, Polygon, ErrorInfo, ErrorInfoUnknown, SelectionSettings, };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;~~AACzM~~,OAAO,KAAK,EAAC,kBAAkB,EAAE,OAAO,EAAC,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAC,2BAA2B,EAAC,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EACH,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,mBAAmB,EAChI,eAAe,EAAE,iBAAiB,EAAE,OAAO,EAAE,mBAAmB,EAChE,uBAAuB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,sBAAsB,EAC/E,2BAA2B,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,~~EACxF~~,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5N,OAAO,KAAK,EAAC,kBAAkB,EAAE,OAAO,EAAC,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAC,2BAA2B,EAAC,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EACH,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,mBAAmB,EAChI,eAAe,EAAE,iBAAiB,EAAE,OAAO,EAAE,mBAAmB,EAChE,uBAAuB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,sBAAsB,EAC/E,2BAA2B,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EACrF,iBAAiB,GACpB,CAAC"}

package/dist/selection/ChartRenderer.d.ts ADDED Viewed

@@ -0,0 +1,90 @@
+import { ReactElement } from 'react';
+import { Root } from 'react-dom/client';
+import { LegendData } from '../common/types';
+import { ColumnName, FrameType, TitlePosition } from '../types';
+import { Margins } from './components/types';
+import { FacetedSelectionData } from './createSelectionData';
+import { SelectionFillColor, SelectionSettingsImpl, SelectionXAxisSettings, SelectionYAxisSettings } from './SelectionSettingsImpl';
+type GroupingSettings = NonNullable<SelectionSettingsImpl['grouping']>;
+declare class ChartRenderer {
+    reactRoot: Root | null;
+    parentNode: HTMLElement | null;
+    rootNode: HTMLElement | null;
+    component: ReactElement;
+    cellPlotWidth: number;
+    cellPlotHeight: number;
+    nCols: number;
+    nRows: number;
+    isFaceted: boolean;
+    cellLabelHeight: number;
+    orderedFaceted: FacetedSelectionData;
+    facetLabels: Record<string, string[]>;
+    facetTitles: Record<string, string[]>;
+    grouped: boolean;
+    groupNames: string[];
+    colorMap: Map<string, string>;
+    solidColor: string;
+    xLabelsByFacet: Record<string, Record<string, string[]>>;
+    xCountsByFacet: Record<string, Record<string, string>>;
+    xLabelsPosition: 'center' | '45deg' | '90deg';
+    maxLabelLines: number;
+    maxLabelPx: number;
+    yTickWidth: number;
+    labelBlock: number;
+    xTitleHeight: number;
+    yTitleWidth: number;
+    yTickReserve: number;
+    xLabelTopReserve: number;
+    topPad: number;
+    rightPad: number;
+    fullLeftPad: number;
+    fullBottomPad: number;
+    colLeftPads: number[];
+    rowBottomPads: number[];
+    colXOffsets: number[];
+    rowYOffsets: number[];
+    gridWidth: number;
+    gridHeight: number;
+    legend: LegendData;
+    mainTitle: string[];
+    margins: Margins;
+    totalWidth: number;
+    totalHeight: number;
+    clear(): void;
+    init(node: HTMLElement): void;
+    updateChartSizes(width: number, height: number): void;
+    updateGrid({ faceted, facetLabels, facetBy, facetSettings, }: {
+        faceted: FacetedSelectionData;
+        facetLabels: Record<string, string[]>;
+        facetBy: ColumnName[];
+        facetSettings: SelectionSettingsImpl['facetSettings'];
+    }): void;
+    updateGroupingMaps(grouping: GroupingSettings | undefined, fillColor: SelectionFillColor): void;
+    createAxisLabels(xAxis: SelectionXAxisSettings): void;
+    updateCaptionsSize(xAxis: SelectionXAxisSettings, yAxis: SelectionYAxisSettings): void;
+    updateChartDimensions(): void;
+    updateLegendSize(showLegend: boolean, grouping: GroupingSettings | undefined): void;
+    createMainTitle(title: string, showTitle: boolean): void;
+    updateMargins(): void;
+    render({ faceted, facetLabels, width, height, title, showTitle, grouping, showLegend, facetBy, facetSettings, xAxis, yAxis, frame, titlePosition, fillColor, opacity, }: {
+        faceted: FacetedSelectionData;
+        facetLabels: Record<string, string[]>;
+        width: number;
+        height: number;
+        title: string;
+        showTitle: boolean;
+        grouping: GroupingSettings | undefined;
+        showLegend: boolean;
+        facetBy: ColumnName[];
+        facetSettings: SelectionSettingsImpl['facetSettings'];
+        xAxis: SelectionXAxisSettings;
+        yAxis: SelectionYAxisSettings;
+        frame: FrameType;
+        titlePosition: TitlePosition;
+        fillColor: SelectionFillColor;
+        opacity: number;
+    }): void;
+    renderError(message: string): void;
+}
+export default ChartRenderer;
+//# sourceMappingURL=ChartRenderer.d.ts.map

package/dist/selection/ChartRenderer.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChartRenderer.d.ts","sourceRoot":"","sources":["../../src/selection/ChartRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAI7C,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,iBAAiB,CAAC;AAG9D,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAIrE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAiBlD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EACV,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAGjC,KAAK,gBAAgB,GAAG,WAAW,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC;AAEvE,cAAM,aAAa;IACjB,SAAS,EAAE,IAAI,GAAG,IAAI,CAAQ;IAC9B,UAAU,EAAE,WAAW,GAAG,IAAI,CAAQ;IACtC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAQ;IACpC,SAAS,EAAE,YAAY,CAAS;IAGhC,aAAa,SAAK;IAClB,cAAc,SAAK;IAGnB,KAAK,SAAK;IACV,KAAK,SAAK;IACV,SAAS,UAAS;IAClB,eAAe,SAAK;IACpB,cAAc,EAAE,oBAAoB,CAAkD;IACtF,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAM;IAE3C,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAM;IAG3C,OAAO,UAAS;IAChB,UAAU,EAAE,MAAM,EAAE,CAAM;IAC1B,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAa;IAC1C,UAAU,SAAM;IAGhB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAM;IAC9D,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAM;IAC5D,eAAe,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IACzD,aAAa,SAAK;IAClB,UAAU,SAAK;IAGf,UAAU,SAAK;IACf,UAAU,SAAK;IACf,YAAY,SAAK;IACjB,WAAW,SAAK;IAIhB,YAAY,SAAK;IACjB,gBAAgB,SAAK;IAGrB,MAAM,SAAK;IACX,QAAQ,SAAe;IACvB,WAAW,SAAK;IAChB,aAAa,SAAK;IAClB,WAAW,EAAE,MAAM,EAAE,CAAM;IAC3B,aAAa,EAAE,MAAM,EAAE,CAAM;IAC7B,WAAW,EAAE,MAAM,EAAE,CAAO;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAO;IAC5B,SAAS,SAAK;IACd,UAAU,SAAK;IAGf,MAAM,EAAE,UAAU,CAAsC;IACxD,SAAS,EAAE,MAAM,EAAE,CAAM;IACzB,OAAO,EAAE,OAAO,CAAgF;IAChG,UAAU,SAAK;IACf,WAAW,SAAK;IAEhB,KAAK;IAYL,IAAI,CAAC,IAAI,EAAE,WAAW;IAStB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAK9C,UAAU,CAAC,EACT,OAAO,EACP,WAAW,EACX,OAAO,EACP,aAAa,GACd,EAAE;QACD,OAAO,EAAE,oBAAoB,CAAC;QAC9B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACtC,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;KACvD;IA6BD,kBAAkB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,SAAS,EAAE,SAAS,EAAE,kBAAkB;IAoCxF,gBAAgB,CAAC,KAAK,EAAE,sBAAsB;IA+C9C,kBAAkB,CAAC,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,sBAAsB;IAkC/E,qBAAqB;IA6CrB,gBAAgB,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,GAAG,SAAS;IAgC5E,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO;IAKjD,aAAa;IAab,MAAM,CAAC,EACL,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,OAAO,EACP,aAAa,EACb,KAAK,EACL,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,OAAO,GACR,EAAE;QACD,OAAO,EAAE,oBAAoB,CAAC;QAC9B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACtC,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,OAAO,CAAC;QACnB,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAC;QACvC,UAAU,EAAE,OAAO,CAAC;QACpB,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;QACtD,KAAK,EAAE,sBAAsB,CAAC;QAC9B,KAAK,EAAE,sBAAsB,CAAC;QAC9B,KAAK,EAAE,SAAS,CAAC;QACjB,aAAa,EAAE,aAAa,CAAC;QAC7B,SAAS,EAAE,kBAAkB,CAAC;QAC9B,OAAO,EAAE,MAAM,CAAC;KACjB;IA0ED,WAAW,CAAC,OAAO,EAAE,MAAM;CAG5B;AAED,eAAe,aAAa,CAAC"}