@milaboratories/miplots4 1.0.176 → 1.0.178

package/dist/scatterplot/components/Chart.js

@@ -1,116 +1,79 @@
-import { j as r } from "../../_virtual/jsx-runtime.js";
-import { r as B } from "../../_virtual/index.js";
-import { useFunction as s } from "../../utils/hooks/useFunction.js";
-import { ChartAxis as E } from "./ChartAxis.js";
-import { ChartAxisTitles as G } from "./ChartAxisTitles.js";
-import { ChartFacetTitle as H } from "./ChartFacetTitle.js";
-import { ChartLayersData as I } from "./ChartLayersData.js";
-import { ChartTrendsData as J } from "./ChartTrendsData.js";
-import { Grid as N } from "./Grid.js";
-const L = B.memo(({
-  facetKey: c,
-  width: t,
-  height: p,
-  dimensions: m,
-  scales: a,
-  xAxis: f,
-  yAxis: o,
-  frameType: C,
-  dotsData: b,
-  facetSettings: F,
-  trendsData: T,
-  captionsSizes: X,
-  facetTitle: Y,
-  onlyPositive: $,
-  layersData: R,
-  aesGetters: u,
-  discreteLabelsX: d,
-  discreteLabelsY: k,
-  onMouseEnterDot: x,
-  onMouseLeaveDot: j
-}) => {
-  const { padding: g } = m, q = s((l) => {
-    x == null || x(l, c);
-  }), z = s((l) => {
-    j == null || j(l, c);
-  });
-  return /* @__PURE__ */ r.jsxs("g", { transform: `translate(${m.left + g.left},${m.top + g.top})`, children: [
-    !1,
-    /* @__PURE__ */ r.jsx(
-      H,
-      {
-        width: t,
-        dimensions: m,
-        frameType: C,
-        facetTitle: Y
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      G,
-      {
-        debug: !1,
-        width: t,
-        height: p,
-        dimensions: m,
-        xAxis: f,
-        yAxis: o,
-        dotsData: b
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      N,
-      {
-        width: t,
-        height: p,
-        scaleX: a.x,
-        scaleY: a.y,
-        axisX: f,
-        axisY: o,
-        frameType: C
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      E,
-      {
-        debug: !1,
-        width: t,
-        height: p,
-        dimensions: m,
-        scales: a,
-        xAxis: f,
-        yAxis: o,
-        facetSettings: F,
-        captionsSizes: X,
-        discreteLabelsX: d,
-        discreteLabelsY: k,
-        onlyPositive: $
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      J,
-      {
-        width: t,
-        scales: a,
-        trendsData: T,
-        aesGetters: u
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      I,
-      {
-        width: t,
-        height: p,
-        scales: a,
-        dotsData: b,
-        layersData: R,
-        aesGetters: u,
-        onMouseEnterDot: q,
-        onMouseLeaveDot: z
-      }
-    )
-  ] });
+import { useFunction as e } from "../../utils/hooks/useFunction.js";
+import { ChartAxis as t } from "./ChartAxis.js";
+import { ChartAxisTitles as n } from "./ChartAxisTitles.js";
+import { ChartFacetTitle as r } from "./ChartFacetTitle.js";
+import { ChartLayersData as i } from "./ChartLayersData.js";
+import { ChartTrendsData as a } from "./ChartTrendsData.js";
+import { Grid as o } from "./Grid.js";
+import { memo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+const u = s(({ facetKey: s, width: u, height: d, dimensions: f, scales: p, xAxis: m, yAxis: h, frameType: g, dotsData: _, facetSettings: v, trendsData: y, captionsSizes: b, facetTitle: x, onlyPositive: S, layersData: C, aesGetters: w, discreteLabelsX: T, discreteLabelsY: E, onMouseEnterDot: D, onMouseLeaveDot: O }) => {
+	let { padding: k } = f, A = e((e) => {
+		D?.(e, s);
+	}), j = e((e) => {
+		O?.(e, s);
+	});
+	return /* @__PURE__ */ l("g", {
+		transform: `translate(${f.left + k.left},${f.top + k.top})`,
+		children: [
+			!1,
+			/* @__PURE__ */ c(r, {
+				width: u,
+				dimensions: f,
+				frameType: g,
+				facetTitle: x
+			}),
+			/* @__PURE__ */ c(n, {
+				debug: !1,
+				width: u,
+				height: d,
+				dimensions: f,
+				xAxis: m,
+				yAxis: h,
+				dotsData: _
+			}),
+			/* @__PURE__ */ c(o, {
+				width: u,
+				height: d,
+				scaleX: p.x,
+				scaleY: p.y,
+				axisX: m,
+				axisY: h,
+				frameType: g
+			}),
+			/* @__PURE__ */ c(t, {
+				debug: !1,
+				width: u,
+				height: d,
+				dimensions: f,
+				scales: p,
+				xAxis: m,
+				yAxis: h,
+				facetSettings: v,
+				captionsSizes: b,
+				discreteLabelsX: T,
+				discreteLabelsY: E,
+				onlyPositive: S
+			}),
+			/* @__PURE__ */ c(a, {
+				width: u,
+				scales: p,
+				trendsData: y,
+				aesGetters: w
+			}),
+			/* @__PURE__ */ c(i, {
+				width: u,
+				height: d,
+				scales: p,
+				dotsData: _,
+				layersData: C,
+				aesGetters: w,
+				onMouseEnterDot: A,
+				onMouseLeaveDot: j
+			})
+		]
+	});
 });
-export {
-  L as Chart
-};
-//# sourceMappingURL=Chart.js.map
+export { u as Chart };
+
+//# sourceMappingURL=Chart.js.map

package/dist/scatterplot/components/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../src/scatterplot/components/Chart.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { FrameType } from '../../types';\nimport { useFunction } from '../../utils/hooks/useFunction';\nimport type { Dot, GroupedDots } from '../dots';\nimport type { ScatterplotLayerData } from '../getLayersData';\nimport type { TrendsData } from '../linearRegression';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport { ChartAxis } from './ChartAxis';\nimport { ChartAxisTitles } from './ChartAxisTitles';\nimport { ChartFacetTitle } from './ChartFacetTitle';\nimport { ChartLayersData } from './ChartLayersData';\nimport { ChartTrendsData } from './ChartTrendsData';\nimport { Grid } from './Grid';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales\n} from './types';\nimport type { ScaleLinear } from 'd3-scale';\n\ninterface ChartProps {\n    facetKey: string;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'];\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'];\n    frameType: FrameType;\n    facetSettings: ScatterplotSettingsImpl['facetSettings'];\n    dotsData: GroupedDots[keyof GroupedDots];\n    trendsData: TrendsData[keyof TrendsData] | null;\n    captionsSizes: CaptionsSizes;\n    facetTitle: string[];\n    onlyPositive: {x: boolean; y: boolean};\n    layersData: ScatterplotLayerData[];\n    aesGetters: AesGetters;\n    discreteLabelsX: Record<string, string[]>;\n    discreteLabelsY: Record<string, string[]>;\n    onMouseEnterDot?: (dot: Dot, facetKey: string) => void;\n    onMouseLeaveDot?: (dot: Dot, facetKey: string) => void;\n}\n\nexport const Chart = memo(({\n    facetKey,\n    width,\n    height,\n    dimensions,\n    scales,\n    xAxis,\n    yAxis,\n    frameType,\n    dotsData,\n    facetSettings,\n    trendsData,\n    captionsSizes,\n    facetTitle,\n    onlyPositive,\n    layersData,\n    aesGetters,\n    discreteLabelsX,\n    discreteLabelsY,\n    onMouseEnterDot,\n    onMouseLeaveDot,\n}: ChartProps) => {\n    const debug = false;\n\n    const {padding} = dimensions;\n    \n    const handleMouseEnterDot = useFunction((dot: Dot) => {\n        onMouseEnterDot?.(dot, facetKey);\n    });\n    const handleMouseLeaveDot = useFunction((dot: Dot) => {\n        onMouseLeaveDot?.(dot, facetKey);\n    });\n\n    return (\n        <g transform={`translate(${dimensions.left + padding.left},${dimensions.top + padding.top})`}>\n            {debug && (\n                <g fill=\"none\" stroke=\"green\" strokeWidth=\"2px\">\n                    <rect width={width} height={padding.top} x={0} y={-padding.top} />\n                    <rect width={width} height={padding.bottom} x={0} y={height} />\n                    <rect width={padding.left} height={height} x={-padding.left} y={0} />\n                    <rect width={padding.right} height={height} x={width} y={0} />\n                </g>\n            )}\n\n            <ChartFacetTitle\n                width={width}\n                dimensions={dimensions}\n                frameType={frameType}\n                facetTitle={facetTitle}\n            />\n            \n            <ChartAxisTitles\n                debug={debug}\n                width={width}\n                height={height}\n                dimensions={dimensions}\n                xAxis={xAxis}\n                yAxis={yAxis}\n                dotsData={dotsData}\n            />\n\n            <Grid\n                width={width}\n                height={height}\n                scaleX={scales.x as ScaleLinear<number, number>}\n                scaleY={scales.y as ScaleLinear<number, number>}\n                axisX={xAxis}\n                axisY={yAxis}\n                frameType={frameType}\n            />\n\n            <ChartAxis\n                debug={debug}\n                width={width}\n                height={height}\n                dimensions={dimensions}\n                scales={scales}\n                xAxis={xAxis}\n                yAxis={yAxis}\n                facetSettings={facetSettings}\n                captionsSizes={captionsSizes}\n                discreteLabelsX={discreteLabelsX}\n                discreteLabelsY={discreteLabelsY}\n                onlyPositive={onlyPositive}\n            />\n\n            <ChartTrendsData\n                width={width}\n                scales={scales}\n                trendsData={trendsData}\n                aesGetters={aesGetters}\n            />\n\n            <ChartLayersData\n                width={width}\n                height={height}\n                scales={scales}\n                dotsData={dotsData}\n                layersData={layersData}\n                aesGetters={aesGetters}\n                onMouseEnterDot={handleMouseEnterDot}\n                onMouseLeaveDot={handleMouseLeaveDot}\n            />\n        </g>\n    );\n});\n"],"names":["Chart","memo","facetKey","width","height","dimensions","scales","xAxis","yAxis","frameType","dotsData","facetSettings","trendsData","captionsSizes","facetTitle","onlyPositive","layersData","aesGetters","discreteLabelsX","discreteLabelsY","onMouseEnterDot","onMouseLeaveDot","padding","handleMouseEnterDot","useFunction","dot","handleMouseLeaveDot","jsxs","jsx","ChartFacetTitle","ChartAxisTitles","Grid","ChartAxis","ChartTrendsData","ChartLayersData"],"mappings":";;;;;;;;;AA4CO,MAAMA,IAAQC,EAAAA,KAAK,CAAC;AAAA,EACvB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AACJ,MAAkB;AAGd,QAAM,EAAC,SAAAC,MAAWjB,GAEZkB,IAAsBC,EAAY,CAACC,MAAa;AAClD,IAAAL,KAAA,QAAAA,EAAkBK,GAAKvB;AAAA,EAC3B,CAAC,GACKwB,IAAsBF,EAAY,CAACC,MAAa;AAClD,IAAAJ,KAAA,QAAAA,EAAkBI,GAAKvB;AAAA,EAC3B,CAAC;AAED,SACIyB,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAatB,EAAW,OAAOiB,EAAQ,IAAI,IAAIjB,EAAW,MAAMiB,EAAQ,GAAG,KACpF,UAAA;AAAA,IAAA;AAAA,IASDM,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAA1B;AAAA,QACA,YAAAE;AAAA,QACA,WAAAI;AAAA,QACA,YAAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJc,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACG;AAAA,QACA,OAAA3B;AAAA,QACA,QAAAC;AAAA,QACA,YAAAC;AAAA,QACA,OAAAE;AAAA,QACA,OAAAC;AAAA,QACA,UAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJkB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACG,OAAA5B;AAAA,QACA,QAAAC;AAAA,QACA,QAAQE,EAAO;AAAA,QACf,QAAQA,EAAO;AAAA,QACf,OAAOC;AAAA,QACP,OAAOC;AAAA,QACP,WAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJmB,gBAAAA,EAAAA;AAAAA,MAACI;AAAA,MAAA;AAAA,QACG;AAAA,QACA,OAAA7B;AAAA,QACA,QAAAC;AAAA,QACA,YAAAC;AAAA,QACA,QAAAC;AAAA,QACA,OAAAC;AAAA,QACA,OAAAC;AAAA,QACA,eAAAG;AAAA,QACA,eAAAE;AAAA,QACA,iBAAAK;AAAA,QACA,iBAAAC;AAAA,QACA,cAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJa,gBAAAA,EAAAA;AAAAA,MAACK;AAAA,MAAA;AAAA,QACG,OAAA9B;AAAA,QACA,QAAAG;AAAA,QACA,YAAAM;AAAA,QACA,YAAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJW,gBAAAA,EAAAA;AAAAA,MAACM;AAAA,MAAA;AAAA,QACG,OAAA/B;AAAA,QACA,QAAAC;AAAA,QACA,QAAAE;AAAA,QACA,UAAAI;AAAA,QACA,YAAAM;AAAA,QACA,YAAAC;AAAA,QACA,iBAAiBM;AAAA,QACjB,iBAAiBG;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACJ;AAER,CAAC;"}
+{"version":3,"file":"Chart.js","names":[],"sources":["../../../src/scatterplot/components/Chart.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { FrameType } from '../../types';\nimport { useFunction } from '../../utils/hooks/useFunction';\nimport type { Dot, GroupedDots } from '../dots';\nimport type { ScatterplotLayerData } from '../getLayersData';\nimport type { TrendsData } from '../linearRegression';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport { ChartAxis } from './ChartAxis';\nimport { ChartAxisTitles } from './ChartAxisTitles';\nimport { ChartFacetTitle } from './ChartFacetTitle';\nimport { ChartLayersData } from './ChartLayersData';\nimport { ChartTrendsData } from './ChartTrendsData';\nimport { Grid } from './Grid';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales\n} from './types';\nimport type { ScaleLinear } from 'd3-scale';\n\ninterface ChartProps {\n    facetKey: string;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'];\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'];\n    frameType: FrameType;\n    facetSettings: ScatterplotSettingsImpl['facetSettings'];\n    dotsData: GroupedDots[keyof GroupedDots];\n    trendsData: TrendsData[keyof TrendsData] | null;\n    captionsSizes: CaptionsSizes;\n    facetTitle: string[];\n    onlyPositive: {x: boolean; y: boolean};\n    layersData: ScatterplotLayerData[];\n    aesGetters: AesGetters;\n    discreteLabelsX: Record<string, string[]>;\n    discreteLabelsY: Record<string, string[]>;\n    onMouseEnterDot?: (dot: Dot, facetKey: string) => void;\n    onMouseLeaveDot?: (dot: Dot, facetKey: string) => void;\n}\n\nexport const Chart = memo(({\n    facetKey,\n    width,\n    height,\n    dimensions,\n    scales,\n    xAxis,\n    yAxis,\n    frameType,\n    dotsData,\n    facetSettings,\n    trendsData,\n    captionsSizes,\n    facetTitle,\n    onlyPositive,\n    layersData,\n    aesGetters,\n    discreteLabelsX,\n    discreteLabelsY,\n    onMouseEnterDot,\n    onMouseLeaveDot,\n}: ChartProps) => {\n    const debug = false;\n\n    const {padding} = dimensions;\n    \n    const handleMouseEnterDot = useFunction((dot: Dot) => {\n        onMouseEnterDot?.(dot, facetKey);\n    });\n    const handleMouseLeaveDot = useFunction((dot: Dot) => {\n        onMouseLeaveDot?.(dot, facetKey);\n    });\n\n    return (\n        <g transform={`translate(${dimensions.left + padding.left},${dimensions.top + padding.top})`}>\n            {debug && (\n                <g fill=\"none\" stroke=\"green\" strokeWidth=\"2px\">\n                    <rect width={width} height={padding.top} x={0} y={-padding.top} />\n                    <rect width={width} height={padding.bottom} x={0} y={height} />\n                    <rect width={padding.left} height={height} x={-padding.left} y={0} />\n                    <rect width={padding.right} height={height} x={width} y={0} />\n                </g>\n            )}\n\n            <ChartFacetTitle\n                width={width}\n                dimensions={dimensions}\n                frameType={frameType}\n                facetTitle={facetTitle}\n            />\n            \n            <ChartAxisTitles\n                debug={debug}\n                width={width}\n                height={height}\n                dimensions={dimensions}\n                xAxis={xAxis}\n                yAxis={yAxis}\n                dotsData={dotsData}\n            />\n\n            <Grid\n                width={width}\n                height={height}\n                scaleX={scales.x as ScaleLinear<number, number>}\n                scaleY={scales.y as ScaleLinear<number, number>}\n                axisX={xAxis}\n                axisY={yAxis}\n                frameType={frameType}\n            />\n\n            <ChartAxis\n                debug={debug}\n                width={width}\n                height={height}\n                dimensions={dimensions}\n                scales={scales}\n                xAxis={xAxis}\n                yAxis={yAxis}\n                facetSettings={facetSettings}\n                captionsSizes={captionsSizes}\n                discreteLabelsX={discreteLabelsX}\n                discreteLabelsY={discreteLabelsY}\n                onlyPositive={onlyPositive}\n            />\n\n            <ChartTrendsData\n                width={width}\n                scales={scales}\n                trendsData={trendsData}\n                aesGetters={aesGetters}\n            />\n\n            <ChartLayersData\n                width={width}\n                height={height}\n                scales={scales}\n                dotsData={dotsData}\n                layersData={layersData}\n                aesGetters={aesGetters}\n                onMouseEnterDot={handleMouseEnterDot}\n                onMouseLeaveDot={handleMouseLeaveDot}\n            />\n        </g>\n    );\n});\n"],"mappings":";;;;;;;;;AA4CA,MAAa,IAAQ,GAAM,EACvB,aACA,UACA,WACA,eACA,WACA,UACA,UACA,cACA,aACA,kBACA,eACA,kBACA,eACA,iBACA,eACA,eACA,oBACA,oBACA,oBACA,yBACc;CACd,IAEM,EAAC,eAAW,GAEZ,IAAsB,GAAa,MAAa;AAClD,MAAkB,GAAK,EAAS;GAClC,EACI,IAAsB,GAAa,MAAa;AAClD,MAAkB,GAAK,EAAS;GAClC;AAEF,QACI,kBAAC,KAAD;EAAG,WAAW,aAAa,EAAW,OAAO,EAAQ,KAAK,GAAG,EAAW,MAAM,EAAQ,IAAI;YAA1F;GACK;GASD,kBAAC,GAAD;IACW;IACK;IACD;IACC;IACd,CAAA;GAEF,kBAAC,GAAD;IACW;IACA;IACC;IACI;IACL;IACA;IACG;IACZ,CAAA;GAEF,kBAAC,GAAD;IACW;IACC;IACR,QAAQ,EAAO;IACf,QAAQ,EAAO;IACf,OAAO;IACP,OAAO;IACI;IACb,CAAA;GAEF,kBAAC,GAAD;IACW;IACA;IACC;IACI;IACJ;IACD;IACA;IACQ;IACA;IACE;IACA;IACH;IAChB,CAAA;GAEF,kBAAC,GAAD;IACW;IACC;IACI;IACA;IACd,CAAA;GAEF,kBAAC,GAAD;IACW;IACC;IACA;IACE;IACE;IACA;IACZ,iBAAiB;IACjB,iBAAiB;IACnB,CAAA;GACF;;EAEV"}

package/dist/scatterplot/components/ChartAxis.js

@@ -1,56 +1,55 @@
-import { j as o } from "../../_virtual/jsx-runtime.js";
-import { r as y } from "../../_virtual/index.js";
-import { DEFAULT_TICKS_SIZE as b, TITLE_LINE as C, TICK_OFFSET as x } from "../constants.js";
-import { ContinuousAxis as c } from "../../common/ContinuousAxis.js";
-import { BandAxis as k } from "../../common/BandAxis.js";
-import { isNumericScale as L } from "../utils/isNumericScale.js";
-const w = y.memo(({
-  debug: d,
-  width: j,
-  height: n,
-  dimensions: a,
-  scales: i,
-  xAxis: s,
-  yAxis: r,
-  facetSettings: e,
-  captionsSizes: h,
-  discreteLabelsX: p,
-  discreteLabelsY: E,
-  onlyPositive: m
-}) => {
-  const l = s.showTicks ? b : 0, t = r.showTicks ? b : 0, T = a.chartEdgeSides.includes("left") || !(e != null && e.sharedY), u = a.chartEdgeSides.includes("bottom") || !(e != null && e.sharedX);
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    u && /* @__PURE__ */ o.jsxs("g", { transform: `translate(0,${n})`, children: [
-      L(i.x) ? /* @__PURE__ */ o.jsx(c, { scale: i.x, orient: "bottom", tickSize: l, onlyPositive: m.x, hiddenLabels: s.hiddenLabels }) : /* @__PURE__ */ o.jsx(k, { scale: i.x, orient: "bottom", labels: p, labelsPosition: s.labelsPosition, tickSize: l, hiddenLabels: s.hiddenLabels }),
-      d && /* @__PURE__ */ o.jsx(
-        "rect",
-        {
-          x: "0",
-          y: l + x,
-          width: j,
-          height: C,
-          fill: "none",
-          stroke: "black"
-        }
-      )
-    ] }),
-    T && /* @__PURE__ */ o.jsxs("g", { children: [
-      L(i.y) ? /* @__PURE__ */ o.jsx(c, { scale: i.y, orient: "left", tickSize: t, onlyPositive: m.y, hiddenLabels: r.hiddenLabels }) : /* @__PURE__ */ o.jsx(k, { scale: i.y, orient: "left", labels: E, labelsPosition: r.labelsPosition, tickSize: t, hiddenLabels: r.hiddenLabels }),
-      d && /* @__PURE__ */ o.jsx(
-        "rect",
-        {
-          x: -t - x - h.yAxisCaptionsWidth,
-          y: "0",
-          width: h.yAxisCaptionsWidth,
-          height: n,
-          fill: "none",
-          stroke: "black"
-        }
-      )
-    ] })
-  ] });
+import { BandAxis as e } from "../../common/BandAxis.js";
+import { ContinuousAxis as t } from "../../common/ContinuousAxis.js";
+import { isNumericScale as n } from "../utils/isNumericScale.js";
+import { memo as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+const s = r(({ debug: r, width: s, height: c, dimensions: l, scales: u, xAxis: d, yAxis: f, facetSettings: p, captionsSizes: m, discreteLabelsX: h, discreteLabelsY: g, onlyPositive: _ }) => {
+	let v = d.showTicks ? 4 : 0, y = f.showTicks ? 4 : 0, b = l.chartEdgeSides.includes("left") || !p?.sharedY;
+	return /* @__PURE__ */ o(i, { children: [(l.chartEdgeSides.includes("bottom") || !p?.sharedX) && /* @__PURE__ */ o("g", {
+		transform: `translate(0,${c})`,
+		children: [n(u.x) ? /* @__PURE__ */ a(t, {
+			scale: u.x,
+			orient: "bottom",
+			tickSize: v,
+			onlyPositive: _.x,
+			hiddenLabels: d.hiddenLabels
+		}) : /* @__PURE__ */ a(e, {
+			scale: u.x,
+			orient: "bottom",
+			labels: h,
+			labelsPosition: d.labelsPosition,
+			tickSize: v,
+			hiddenLabels: d.hiddenLabels
+		}), r && /* @__PURE__ */ a("rect", {
+			x: "0",
+			y: v + 6,
+			width: s,
+			height: 20,
+			fill: "none",
+			stroke: "black"
+		})]
+	}), b && /* @__PURE__ */ o("g", { children: [n(u.y) ? /* @__PURE__ */ a(t, {
+		scale: u.y,
+		orient: "left",
+		tickSize: y,
+		onlyPositive: _.y,
+		hiddenLabels: f.hiddenLabels
+	}) : /* @__PURE__ */ a(e, {
+		scale: u.y,
+		orient: "left",
+		labels: g,
+		labelsPosition: f.labelsPosition,
+		tickSize: y,
+		hiddenLabels: f.hiddenLabels
+	}), r && /* @__PURE__ */ a("rect", {
+		x: -y - 6 - m.yAxisCaptionsWidth,
+		y: "0",
+		width: m.yAxisCaptionsWidth,
+		height: c,
+		fill: "none",
+		stroke: "black"
+	})] })] });
 });
-export {
-  w as ChartAxis
-};
-//# sourceMappingURL=ChartAxis.js.map
+export { s as ChartAxis };
+
+//# sourceMappingURL=ChartAxis.js.map

package/dist/scatterplot/components/ChartAxis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartAxis.js","sources":["../../../src/scatterplot/components/ChartAxis.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { DEFAULT_TICKS_SIZE, TICK_OFFSET, TITLE_LINE } from '../constants';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales\n} from './types';\nimport { ContinuousAxis } from '../../common/ContinuousAxis';\nimport { BandAxis } from '../../common/BandAxis';\nimport { isNumericScale } from '../utils/isNumericScale';\nimport type { AxisSettingsDiscrete } from '../../types';\n\ninterface Props {\n    debug?: boolean;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'];\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'];\n    facetSettings: ScatterplotSettingsImpl['facetSettings'];\n    captionsSizes: CaptionsSizes;\n    discreteLabelsX: Record<string, string[]>;\n    discreteLabelsY: Record<string, string[]>;\n    onlyPositive: {x: boolean; y: boolean};\n}\n\nexport const ChartAxis = memo(({\n    debug,\n    width,\n    height,\n    dimensions,\n    scales,\n    xAxis,\n    yAxis,\n    facetSettings,\n    captionsSizes,\n    discreteLabelsX,\n    discreteLabelsY,\n    onlyPositive,\n}: Props) => {\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const needLeftAxis = dimensions.chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = dimensions.chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n\n    return (\n        <>\n            {needBottomAxis && (\n                <g transform={`translate(0,${height})`}>\n                    {isNumericScale(scales.x) ? (\n                        <ContinuousAxis scale={scales.x} orient=\"bottom\" tickSize={tickSizeX} onlyPositive={onlyPositive.x} hiddenLabels={xAxis.hiddenLabels} />\n                    ): (\n                        <BandAxis scale={scales.x} orient=\"bottom\" labels={discreteLabelsX} labelsPosition={(xAxis as AxisSettingsDiscrete).labelsPosition} tickSize={tickSizeX} hiddenLabels={xAxis.hiddenLabels} />\n                    )}\n                    {debug && (\n                        <rect\n                            x=\"0\"\n                            y={tickSizeX + TICK_OFFSET}\n                            width={width}\n                            height={TITLE_LINE}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n\n            {needLeftAxis && (\n                <g>\n                    {isNumericScale(scales.y) ? (\n                        <ContinuousAxis scale={scales.y} orient=\"left\" tickSize={tickSizeY} onlyPositive={onlyPositive.y} hiddenLabels={yAxis.hiddenLabels} />\n                    ): (\n                        <BandAxis scale={scales.y} orient=\"left\" labels={discreteLabelsY} labelsPosition={(yAxis as AxisSettingsDiscrete).labelsPosition} tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n                    )}\n                    {debug && (\n                        <rect\n                            x={-tickSizeY - TICK_OFFSET - captionsSizes.yAxisCaptionsWidth}\n                            y=\"0\"\n                            width={captionsSizes.yAxisCaptionsWidth}\n                            height={height}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n        </>\n    );\n});\n"],"names":["ChartAxis","memo","debug","width","height","dimensions","scales","xAxis","yAxis","facetSettings","captionsSizes","discreteLabelsX","discreteLabelsY","onlyPositive","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","needLeftAxis","needBottomAxis","jsxs","Fragment","isNumericScale","jsx","ContinuousAxis","BandAxis","TICK_OFFSET","TITLE_LINE"],"mappings":";;;;;;AA4BO,MAAMA,IAAYC,EAAAA,KAAK,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AACJ,MAAa;AACT,QAAMC,IAAYP,EAAM,YAAYQ,IAAqB,GACnDC,IAAYR,EAAM,YAAYO,IAAqB,GACnDE,IAAeZ,EAAW,eAAe,SAAS,MAAM,KAAK,EAACI,KAAA,QAAAA,EAAe,UAC7ES,IAAiBb,EAAW,eAAe,SAAS,QAAQ,KAAK,EAACI,KAAA,QAAAA,EAAe;AAEvF,SACIU,gBAAAA,EAAAA,KAAAC,YAAA,EACK,UAAA;AAAA,IAAAF,KACGC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,eAAef,CAAM,KAC9B,UAAA;AAAA,MAAAiB,EAAef,EAAO,CAAC,IACpBgB,gBAAAA,EAAAA,IAACC,KAAe,OAAOjB,EAAO,GAAG,QAAO,UAAS,UAAUQ,GAAW,cAAcD,EAAa,GAAG,cAAcN,EAAM,aAAA,CAAc,0BAErIiB,GAAA,EAAS,OAAOlB,EAAO,GAAG,QAAO,UAAS,QAAQK,GAAiB,gBAAiBJ,EAA+B,gBAAgB,UAAUO,GAAW,cAAcP,EAAM,cAAc;AAAA,MAE9LL,KACGoB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAE;AAAA,UACF,GAAGR,IAAYW;AAAA,UACf,OAAAtB;AAAA,UACA,QAAQuB;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GAER;AAAA,IAGHT,4BACI,KAAA,EACI,UAAA;AAAA,MAAAI,EAAef,EAAO,CAAC,IACpBgB,gBAAAA,EAAAA,IAACC,KAAe,OAAOjB,EAAO,GAAG,QAAO,QAAO,UAAUU,GAAW,cAAcH,EAAa,GAAG,cAAcL,EAAM,aAAA,CAAc,0BAEnIgB,GAAA,EAAS,OAAOlB,EAAO,GAAG,QAAO,QAAO,QAAQM,GAAiB,gBAAiBJ,EAA+B,gBAAgB,UAAUQ,GAAW,cAAcR,EAAM,cAAc;AAAA,MAE5LN,KACGoB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAG,CAACN,IAAYS,IAAcf,EAAc;AAAA,UAC5C,GAAE;AAAA,UACF,OAAOA,EAAc;AAAA,UACrB,QAAAN;AAAA,UACA,MAAK;AAAA,UACL,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,EAAA,CAER;AAAA,EAAA,GAER;AAER,CAAC;"}
+{"version":3,"file":"ChartAxis.js","names":[],"sources":["../../../src/scatterplot/components/ChartAxis.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { DEFAULT_TICKS_SIZE, TICK_OFFSET, TITLE_LINE } from '../constants';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales\n} from './types';\nimport { ContinuousAxis } from '../../common/ContinuousAxis';\nimport { BandAxis } from '../../common/BandAxis';\nimport { isNumericScale } from '../utils/isNumericScale';\nimport type { AxisSettingsDiscrete } from '../../types';\n\ninterface Props {\n    debug?: boolean;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'];\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'];\n    facetSettings: ScatterplotSettingsImpl['facetSettings'];\n    captionsSizes: CaptionsSizes;\n    discreteLabelsX: Record<string, string[]>;\n    discreteLabelsY: Record<string, string[]>;\n    onlyPositive: {x: boolean; y: boolean};\n}\n\nexport const ChartAxis = memo(({\n    debug,\n    width,\n    height,\n    dimensions,\n    scales,\n    xAxis,\n    yAxis,\n    facetSettings,\n    captionsSizes,\n    discreteLabelsX,\n    discreteLabelsY,\n    onlyPositive,\n}: Props) => {\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const needLeftAxis = dimensions.chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = dimensions.chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n\n    return (\n        <>\n            {needBottomAxis && (\n                <g transform={`translate(0,${height})`}>\n                    {isNumericScale(scales.x) ? (\n                        <ContinuousAxis scale={scales.x} orient=\"bottom\" tickSize={tickSizeX} onlyPositive={onlyPositive.x} hiddenLabels={xAxis.hiddenLabels} />\n                    ): (\n                        <BandAxis scale={scales.x} orient=\"bottom\" labels={discreteLabelsX} labelsPosition={(xAxis as AxisSettingsDiscrete).labelsPosition} tickSize={tickSizeX} hiddenLabels={xAxis.hiddenLabels} />\n                    )}\n                    {debug && (\n                        <rect\n                            x=\"0\"\n                            y={tickSizeX + TICK_OFFSET}\n                            width={width}\n                            height={TITLE_LINE}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n\n            {needLeftAxis && (\n                <g>\n                    {isNumericScale(scales.y) ? (\n                        <ContinuousAxis scale={scales.y} orient=\"left\" tickSize={tickSizeY} onlyPositive={onlyPositive.y} hiddenLabels={yAxis.hiddenLabels} />\n                    ): (\n                        <BandAxis scale={scales.y} orient=\"left\" labels={discreteLabelsY} labelsPosition={(yAxis as AxisSettingsDiscrete).labelsPosition} tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n                    )}\n                    {debug && (\n                        <rect\n                            x={-tickSizeY - TICK_OFFSET - captionsSizes.yAxisCaptionsWidth}\n                            y=\"0\"\n                            width={captionsSizes.yAxisCaptionsWidth}\n                            height={height}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n        </>\n    );\n});\n"],"mappings":";;;;;AA4BA,MAAa,IAAY,GAAM,EAC3B,UACA,UACA,WACA,eACA,WACA,UACA,UACA,kBACA,kBACA,oBACA,oBACA,sBACS;CACT,IAAM,IAAY,EAAM,YAAA,IAAiC,GACnD,IAAY,EAAM,YAAA,IAAiC,GACnD,IAAe,EAAW,eAAe,SAAS,OAAO,IAAI,CAAC,GAAe;AAGnF,QACI,kBAAA,GAAA,EAAA,UAAA,EAHmB,EAAW,eAAe,SAAS,SAAS,IAAI,CAAC,GAAe,YAK3E,kBAAC,KAAD;EAAG,WAAW,eAAe,EAAO;YAApC,CACK,EAAe,EAAO,EAAE,GACrB,kBAAC,GAAD;GAAgB,OAAO,EAAO;GAAG,QAAO;GAAS,UAAU;GAAW,cAAc,EAAa;GAAG,cAAc,EAAM;GAAgB,CAAA,GAExI,kBAAC,GAAD;GAAU,OAAO,EAAO;GAAG,QAAO;GAAS,QAAQ;GAAiB,gBAAiB,EAA+B;GAAgB,UAAU;GAAW,cAAc,EAAM;GAAgB,CAAA,EAEhM,KACG,kBAAC,QAAD;GACI,GAAE;GACF,GAAG,IAAA;GACI;GACP,QAAA;GACA,MAAK;GACL,QAAO;GACT,CAAA,CAEN;KAGP,KACG,kBAAC,KAAD,EAAA,UAAA,CACK,EAAe,EAAO,EAAE,GACrB,kBAAC,GAAD;EAAgB,OAAO,EAAO;EAAG,QAAO;EAAO,UAAU;EAAW,cAAc,EAAa;EAAG,cAAc,EAAM;EAAgB,CAAA,GAEtI,kBAAC,GAAD;EAAU,OAAO,EAAO;EAAG,QAAO;EAAO,QAAQ;EAAiB,gBAAiB,EAA+B;EAAgB,UAAU;EAAW,cAAc,EAAM;EAAgB,CAAA,EAE9L,KACG,kBAAC,QAAD;EACI,GAAG,CAAC,IAAA,IAA0B,EAAc;EAC5C,GAAE;EACF,OAAO,EAAc;EACb;EACR,MAAK;EACL,QAAO;EACT,CAAA,CAEN,EAAA,CAAA,CAET,EAAA,CAAA;EAET"}

package/dist/scatterplot/components/ChartAxisTitles.js

@@ -1,57 +1,49 @@
-import { j as n } from "../../_virtual/jsx-runtime.js";
-import { r as y } from "../../_virtual/index.js";
-import { useDataFrame as A } from "../../common/useDataFrame.js";
-import { BLACK as E } from "../../constants.js";
-import { MIN_PADDING as i, TITLE_LINE as r } from "../constants.js";
-function f(l, e, t) {
-  return typeof e == "string" ? e : t.length ? l.getColumnValue(e.value, t[0].idx) : "";
+import "../../constants.js";
+import { useDataFrame as e } from "../../common/useDataFrame.js";
+import { memo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+function i(e, t, n) {
+	return typeof t == "string" ? t : n.length ? e.getColumnValue(t.value, n[0].idx) : "";
 }
-const B = y.memo(({
-  debug: l,
-  width: e,
-  height: t,
-  dimensions: s,
-  xAxis: d,
-  yAxis: u,
-  dotsData: p
-}) => {
-  const m = A(), { padding: o } = s, { dots: a } = p, T = f(m, d.title, a), j = f(m, u.title, a), x = s.chartEdgeSides.includes("left"), c = s.chartEdgeSides.includes("bottom");
-  return (c || x) && /* @__PURE__ */ n.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: E, children: [
-    c && /* @__PURE__ */ n.jsx("text", { x: e / 2, y: t + o.bottom - i - r / 2, children: T }),
-    l && c && /* @__PURE__ */ n.jsx(
-      "rect",
-      {
-        x: "0",
-        y: t + o.bottom - i - r,
-        width: e,
-        height: r,
-        fill: "none",
-        stroke: "red"
-      }
-    ),
-    x && /* @__PURE__ */ n.jsx(
-      "text",
-      {
-        x: -o.left + i + r / 2,
-        y: t / 2,
-        transform: `rotate(-90,${-o.left + i + r / 2},${t / 2})`,
-        children: j
-      }
-    ),
-    l && x && /* @__PURE__ */ n.jsx(
-      "rect",
-      {
-        x: -o.left + i,
-        y: "0",
-        width: r,
-        height: t,
-        fill: "none",
-        stroke: "blue"
-      }
-    )
-  ] });
+const a = t(({ debug: t, width: a, height: o, dimensions: s, xAxis: c, yAxis: l, dotsData: u }) => {
+	let d = e(), { padding: f } = s, { dots: p } = u, m = i(d, c.title, p), h = i(d, l.title, p), g = s.chartEdgeSides.includes("left"), _ = s.chartEdgeSides.includes("bottom");
+	return (_ || g) && /* @__PURE__ */ r("g", {
+		dominantBaseline: "central",
+		textAnchor: "middle",
+		fontWeight: "500",
+		fontSize: "14px",
+		fill: "#110529",
+		children: [
+			_ && /* @__PURE__ */ n("text", {
+				x: a / 2,
+				y: o + f.bottom - 12 - 20 / 2,
+				children: m
+			}),
+			t && _ && /* @__PURE__ */ n("rect", {
+				x: "0",
+				y: o + f.bottom - 12 - 20,
+				width: a,
+				height: 20,
+				fill: "none",
+				stroke: "red"
+			}),
+			g && /* @__PURE__ */ n("text", {
+				x: -f.left + 12 + 20 / 2,
+				y: o / 2,
+				transform: `rotate(-90,${-f.left + 12 + 20 / 2},${o / 2})`,
+				children: h
+			}),
+			t && g && /* @__PURE__ */ n("rect", {
+				x: -f.left + 12,
+				y: "0",
+				width: 20,
+				height: o,
+				fill: "none",
+				stroke: "blue"
+			})
+		]
+	});
 });
-export {
-  B as ChartAxisTitles
-};
-//# sourceMappingURL=ChartAxisTitles.js.map
+export { a as ChartAxisTitles };
+
+//# sourceMappingURL=ChartAxisTitles.js.map

package/dist/scatterplot/components/ChartAxisTitles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartAxisTitles.js","sources":["../../../src/scatterplot/components/ChartAxisTitles.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport { BLACK } from '../../constants';\nimport type { DataFrame } from '../../DataFrame';\nimport type { ColumnName } from '../../types';\nimport { MIN_PADDING, TITLE_LINE } from '../constants';\nimport type { Dot, GroupedDots } from '../dots';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport type {\n    ChartDimensionsData\n} from './types';\n\ninterface Props {\n    debug?: boolean;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'];\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'];\n    dotsData: GroupedDots[keyof GroupedDots];\n}\n\nfunction getTitle(dataFrame: DataFrame, title: string | ColumnName, dots: Dot[]): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    if (!dots.length) {\n        return '';\n    }\n    return dataFrame.getColumnValue(title.value, dots[0].idx) as string;\n}\n\nexport const ChartAxisTitles = memo(({\n    debug,\n    width,\n    height,\n    dimensions,\n    xAxis,\n    yAxis,\n    dotsData,\n}: Props) =>{\n    const dataFrame = useDataFrame();\n    const {padding} = dimensions;\n    const {dots} = dotsData;\n    const xTitle = getTitle(dataFrame, xAxis.title, dots);\n    const yTitle = getTitle(dataFrame, yAxis.title, dots);\n\n    const needLeftAxisTitle = dimensions.chartEdgeSides.includes('left');\n    const needBottomAxisTitle = dimensions.chartEdgeSides.includes('bottom');\n\n    return (needBottomAxisTitle || needLeftAxisTitle) && (\n         <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n            {needBottomAxisTitle && (\n                <text x={width / 2} y={height + padding.bottom - MIN_PADDING - TITLE_LINE / 2}>\n                    {xTitle}\n                </text>\n            )}\n            {debug && needBottomAxisTitle && (\n                <rect\n                    x=\"0\"\n                    y={height + padding.bottom - MIN_PADDING - TITLE_LINE}\n                    width={width}\n                    height={TITLE_LINE}\n                    fill=\"none\"\n                    stroke=\"red\"\n                />\n            )}\n            {needLeftAxisTitle && (\n                <text\n                    x={-padding.left + MIN_PADDING + TITLE_LINE / 2}\n                    y={height / 2}\n                    transform={`rotate(-90,${-padding.left + MIN_PADDING + TITLE_LINE / 2},${height / 2})`}\n                >\n                    {yTitle}\n                </text>\n            )}\n            {debug && needLeftAxisTitle && (\n                <rect\n                    x={-padding.left + MIN_PADDING}\n                    y=\"0\"\n                    width={TITLE_LINE}\n                    height={height}\n                    fill=\"none\"\n                    stroke=\"blue\"\n                />\n            )}\n        </g>\n    );\n});"],"names":["getTitle","dataFrame","title","dots","ChartAxisTitles","memo","debug","width","height","dimensions","xAxis","yAxis","dotsData","useDataFrame","padding","xTitle","yTitle","needLeftAxisTitle","needBottomAxisTitle","jsxs","BLACK","jsx","MIN_PADDING","TITLE_LINE"],"mappings":";;;;;AAsBA,SAASA,EAASC,GAAsBC,GAA4BC,GAAqB;AACrF,SAAI,OAAOD,KAAU,WACVA,IAENC,EAAK,SAGHF,EAAU,eAAeC,EAAM,OAAOC,EAAK,CAAC,EAAE,GAAG,IAF7C;AAGf;AAEO,MAAMC,IAAkBC,EAAAA,KAAK,CAAC;AAAA,EACjC,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACJ,MAAY;AACR,QAAMX,IAAYY,EAAA,GACZ,EAAC,SAAAC,MAAWL,GACZ,EAAC,MAAAN,MAAQS,GACTG,IAASf,EAASC,GAAWS,EAAM,OAAOP,CAAI,GAC9Ca,IAAShB,EAASC,GAAWU,EAAM,OAAOR,CAAI,GAE9Cc,IAAoBR,EAAW,eAAe,SAAS,MAAM,GAC7DS,IAAsBT,EAAW,eAAe,SAAS,QAAQ;AAEvE,UAAQS,KAAuBD,MAC1BE,gBAAAA,EAAAA,KAAC,KAAA,EAAE,kBAAiB,WAAU,YAAW,UAAS,YAAW,OAAM,UAAS,QAAO,MAAMC,GACrF,UAAA;AAAA,IAAAF,KACGG,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAGd,IAAQ,GAAG,GAAGC,IAASM,EAAQ,SAASQ,IAAcC,IAAa,GACvE,UAAAR,GACL;AAAA,IAEHT,KAASY,KACNG,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAE;AAAA,QACF,GAAGb,IAASM,EAAQ,SAASQ,IAAcC;AAAA,QAC3C,OAAAhB;AAAA,QACA,QAAQgB;AAAA,QACR,MAAK;AAAA,QACL,QAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGdN,KACGI,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAG,CAACP,EAAQ,OAAOQ,IAAcC,IAAa;AAAA,QAC9C,GAAGf,IAAS;AAAA,QACZ,WAAW,cAAc,CAACM,EAAQ,OAAOQ,IAAcC,IAAa,CAAC,IAAIf,IAAS,CAAC;AAAA,QAElF,UAAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGRV,KAASW,KACNI,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAG,CAACP,EAAQ,OAAOQ;AAAA,QACnB,GAAE;AAAA,QACF,OAAOC;AAAA,QACP,QAAAf;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GAER;AAER,CAAC;"}
+{"version":3,"file":"ChartAxisTitles.js","names":[],"sources":["../../../src/scatterplot/components/ChartAxisTitles.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport { BLACK } from '../../constants';\nimport type { DataFrame } from '../../DataFrame';\nimport type { ColumnName } from '../../types';\nimport { MIN_PADDING, TITLE_LINE } from '../constants';\nimport type { Dot, GroupedDots } from '../dots';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport type {\n    ChartDimensionsData\n} from './types';\n\ninterface Props {\n    debug?: boolean;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'];\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'];\n    dotsData: GroupedDots[keyof GroupedDots];\n}\n\nfunction getTitle(dataFrame: DataFrame, title: string | ColumnName, dots: Dot[]): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    if (!dots.length) {\n        return '';\n    }\n    return dataFrame.getColumnValue(title.value, dots[0].idx) as string;\n}\n\nexport const ChartAxisTitles = memo(({\n    debug,\n    width,\n    height,\n    dimensions,\n    xAxis,\n    yAxis,\n    dotsData,\n}: Props) =>{\n    const dataFrame = useDataFrame();\n    const {padding} = dimensions;\n    const {dots} = dotsData;\n    const xTitle = getTitle(dataFrame, xAxis.title, dots);\n    const yTitle = getTitle(dataFrame, yAxis.title, dots);\n\n    const needLeftAxisTitle = dimensions.chartEdgeSides.includes('left');\n    const needBottomAxisTitle = dimensions.chartEdgeSides.includes('bottom');\n\n    return (needBottomAxisTitle || needLeftAxisTitle) && (\n         <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n            {needBottomAxisTitle && (\n                <text x={width / 2} y={height + padding.bottom - MIN_PADDING - TITLE_LINE / 2}>\n                    {xTitle}\n                </text>\n            )}\n            {debug && needBottomAxisTitle && (\n                <rect\n                    x=\"0\"\n                    y={height + padding.bottom - MIN_PADDING - TITLE_LINE}\n                    width={width}\n                    height={TITLE_LINE}\n                    fill=\"none\"\n                    stroke=\"red\"\n                />\n            )}\n            {needLeftAxisTitle && (\n                <text\n                    x={-padding.left + MIN_PADDING + TITLE_LINE / 2}\n                    y={height / 2}\n                    transform={`rotate(-90,${-padding.left + MIN_PADDING + TITLE_LINE / 2},${height / 2})`}\n                >\n                    {yTitle}\n                </text>\n            )}\n            {debug && needLeftAxisTitle && (\n                <rect\n                    x={-padding.left + MIN_PADDING}\n                    y=\"0\"\n                    width={TITLE_LINE}\n                    height={height}\n                    fill=\"none\"\n                    stroke=\"blue\"\n                />\n            )}\n        </g>\n    );\n});"],"mappings":";;;;AAsBA,SAAS,EAAS,GAAsB,GAA4B,GAAqB;AAOrF,QANI,OAAO,KAAU,WACV,IAEN,EAAK,SAGH,EAAU,eAAe,EAAM,OAAO,EAAK,GAAG,IAAI,GAF9C;;AAKf,MAAa,IAAkB,GAAM,EACjC,UACA,UACA,WACA,eACA,UACA,UACA,kBACQ;CACR,IAAM,IAAY,GAAc,EAC1B,EAAC,eAAW,GACZ,EAAC,YAAQ,GACT,IAAS,EAAS,GAAW,EAAM,OAAO,EAAK,EAC/C,IAAS,EAAS,GAAW,EAAM,OAAO,EAAK,EAE/C,IAAoB,EAAW,eAAe,SAAS,OAAO,EAC9D,IAAsB,EAAW,eAAe,SAAS,SAAS;AAExE,SAAQ,KAAuB,MAC1B,kBAAC,KAAD;EAAG,kBAAiB;EAAU,YAAW;EAAS,YAAW;EAAM,UAAS;EAAO,MAAA;YAAnF;GACI,KACG,kBAAC,QAAD;IAAM,GAAG,IAAQ;IAAG,GAAG,IAAS,EAAQ,SAAA,KAAA,KAAoC;cACvE;IACE,CAAA;GAEV,KAAS,KACN,kBAAC,QAAD;IACI,GAAE;IACF,GAAG,IAAS,EAAQ,SAAA,KAAA;IACb;IACP,QAAA;IACA,MAAK;IACL,QAAO;IACT,CAAA;GAEL,KACG,kBAAC,QAAD;IACI,GAAG,CAAC,EAAQ,OAAA,KAAA,KAAkC;IAC9C,GAAG,IAAS;IACZ,WAAW,cAAc,CAAC,EAAQ,OAAA,KAAA,KAAkC,EAAE,GAAG,IAAS,EAAE;cAEnF;IACE,CAAA;GAEV,KAAS,KACN,kBAAC,QAAD;IACI,GAAG,CAAC,EAAQ,OAAA;IACZ,GAAE;IACF,OAAA;IACQ;IACR,MAAK;IACL,QAAO;IACT,CAAA;GAEN;;EAEV"}

package/dist/scatterplot/components/ChartFacetTitle.js

@@ -1,37 +1,30 @@
-import { j as r } from "../../_virtual/jsx-runtime.js";
-import { r as f } from "../../_virtual/index.js";
-import { BLACK as p } from "../../constants.js";
-import { FACET_TITLE_LINE as e } from "../constants.js";
-const j = f.memo(({
-  width: n,
-  dimensions: i,
-  frameType: m,
-  facetTitle: o
-}) => {
-  const { padding: t } = i;
-  return o.length && /* @__PURE__ */ r.jsxs("g", { children: [
-    m === "full" && /* @__PURE__ */ r.jsx("rect", { x: "0", y: -t.top, height: t.top, width: n, fill: "#F7F8FA", stroke: p }),
-    o.map((l, s) => {
-      const x = o.length, c = (t.top - e * x) / 2;
-      return /* @__PURE__ */ r.jsx(
-        "text",
-        {
-          fontSize: "14px",
-          fontWeight: "500",
-          fill: p,
-          x: n / 2,
-          dy: c + e / 2 - t.top,
-          y: s * e,
-          textAnchor: "middle",
-          dominantBaseline: "central",
-          children: l
-        },
-        s
-      );
-    })
-  ] });
+import "../../constants.js";
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+const r = e(({ width: e, dimensions: r, frameType: i, facetTitle: a }) => {
+	let { padding: o } = r;
+	return a.length && /* @__PURE__ */ n("g", { children: [i === "full" && /* @__PURE__ */ t("rect", {
+		x: "0",
+		y: -o.top,
+		height: o.top,
+		width: e,
+		fill: "#F7F8FA",
+		stroke: "#110529"
+	}), a.map((n, r) => {
+		let i = a.length, s = (o.top - 20 * i) / 2;
+		return /* @__PURE__ */ t("text", {
+			fontSize: "14px",
+			fontWeight: "500",
+			fill: "#110529",
+			x: e / 2,
+			dy: s + 20 / 2 - o.top,
+			y: r * 20,
+			textAnchor: "middle",
+			dominantBaseline: "central",
+			children: n
+		}, r);
+	})] });
 });
-export {
-  j as ChartFacetTitle
-};
-//# sourceMappingURL=ChartFacetTitle.js.map
+export { r as ChartFacetTitle };
+
+//# sourceMappingURL=ChartFacetTitle.js.map

package/dist/scatterplot/components/ChartFacetTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartFacetTitle.js","sources":["../../../src/scatterplot/components/ChartFacetTitle.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { BLACK } from '../../constants';\nimport type { FrameType } from '../../types';\nimport { FACET_TITLE_LINE } from '../constants';\nimport type {\n    ChartDimensionsData\n} from './types';\n\ninterface ChartProps {\n    width: number;\n    dimensions: ChartDimensionsData;\n    frameType: FrameType;\n    facetTitle: string[];\n}\n\nexport const ChartFacetTitle = memo(({\n    width,\n    dimensions,\n    frameType,\n    facetTitle,\n}: ChartProps) => {\n    const {padding} = dimensions;\n\n    return facetTitle.length && (\n        <g>\n            {frameType === 'full' && (\n                <rect x=\"0\" y={-padding.top} height={padding.top} width={width} fill=\"#F7F8FA\" stroke={BLACK} />\n            )}\n            {facetTitle.map((titleLine, idx) => {\n                const linesCount = facetTitle.length;\n                const topOffset = (padding.top - FACET_TITLE_LINE * linesCount) / 2;\n                return (\n                    <text\n                        key={idx}\n                        fontSize=\"14px\"\n                        fontWeight=\"500\"\n                        fill={BLACK}\n                        x={width / 2}\n                        dy={topOffset + FACET_TITLE_LINE / 2 - padding.top}\n                        y={idx * FACET_TITLE_LINE}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"central\"\n                    >\n                        {titleLine}\n                    </text>\n                );\n            })}\n        </g>\n    );\n});"],"names":["ChartFacetTitle","memo","width","dimensions","frameType","facetTitle","padding","jsxs","jsx","BLACK","titleLine","idx","linesCount","topOffset","FACET_TITLE_LINE"],"mappings":";;;;AAeO,MAAMA,IAAkBC,EAAAA,KAAK,CAAC;AAAA,EACjC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACJ,MAAkB;AACd,QAAM,EAAC,SAAAC,MAAWH;AAElB,SAAOE,EAAW,UACdE,gBAAAA,EAAAA,KAAC,KAAA,EACI,UAAA;AAAA,IAAAH,MAAc,UACXI,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,KAAI,GAAG,CAACF,EAAQ,KAAK,QAAQA,EAAQ,KAAK,OAAAJ,GAAc,MAAK,WAAU,QAAQO,GAAO;AAAA,IAEjGJ,EAAW,IAAI,CAACK,GAAWC,MAAQ;AAChC,YAAMC,IAAaP,EAAW,QACxBQ,KAAaP,EAAQ,MAAMQ,IAAmBF,KAAc;AAClE,aACIJ,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,UAAS;AAAA,UACT,YAAW;AAAA,UACX,MAAMC;AAAA,UACN,GAAGP,IAAQ;AAAA,UACX,IAAIW,IAAYC,IAAmB,IAAIR,EAAQ;AAAA,UAC/C,GAAGK,IAAMG;AAAA,UACT,YAAW;AAAA,UACX,kBAAiB;AAAA,UAEhB,UAAAJ;AAAA,QAAA;AAAA,QAVIC;AAAA,MAAA;AAAA,IAajB,CAAC;AAAA,EAAA,GACL;AAER,CAAC;"}
+{"version":3,"file":"ChartFacetTitle.js","names":[],"sources":["../../../src/scatterplot/components/ChartFacetTitle.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { BLACK } from '../../constants';\nimport type { FrameType } from '../../types';\nimport { FACET_TITLE_LINE } from '../constants';\nimport type {\n    ChartDimensionsData\n} from './types';\n\ninterface ChartProps {\n    width: number;\n    dimensions: ChartDimensionsData;\n    frameType: FrameType;\n    facetTitle: string[];\n}\n\nexport const ChartFacetTitle = memo(({\n    width,\n    dimensions,\n    frameType,\n    facetTitle,\n}: ChartProps) => {\n    const {padding} = dimensions;\n\n    return facetTitle.length && (\n        <g>\n            {frameType === 'full' && (\n                <rect x=\"0\" y={-padding.top} height={padding.top} width={width} fill=\"#F7F8FA\" stroke={BLACK} />\n            )}\n            {facetTitle.map((titleLine, idx) => {\n                const linesCount = facetTitle.length;\n                const topOffset = (padding.top - FACET_TITLE_LINE * linesCount) / 2;\n                return (\n                    <text\n                        key={idx}\n                        fontSize=\"14px\"\n                        fontWeight=\"500\"\n                        fill={BLACK}\n                        x={width / 2}\n                        dy={topOffset + FACET_TITLE_LINE / 2 - padding.top}\n                        y={idx * FACET_TITLE_LINE}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"central\"\n                    >\n                        {titleLine}\n                    </text>\n                );\n            })}\n        </g>\n    );\n});"],"mappings":";;;AAeA,MAAa,IAAkB,GAAM,EACjC,UACA,eACA,cACA,oBACc;CACd,IAAM,EAAC,eAAW;AAElB,QAAO,EAAW,UACd,kBAAC,KAAD,EAAA,UAAA,CACK,MAAc,UACX,kBAAC,QAAD;EAAM,GAAE;EAAI,GAAG,CAAC,EAAQ;EAAK,QAAQ,EAAQ;EAAY;EAAO,MAAK;EAAU,QAAA;EAAiB,CAAA,EAEnG,EAAW,KAAK,GAAW,MAAQ;EAChC,IAAM,IAAa,EAAW,QACxB,KAAa,EAAQ,MAAA,KAAyB,KAAc;AAClE,SACI,kBAAC,QAAD;GAEI,UAAS;GACT,YAAW;GACX,MAAA;GACA,GAAG,IAAQ;GACX,IAAI,IAAA,KAA+B,IAAI,EAAQ;GAC/C,GAAG,IAAA;GACH,YAAW;GACX,kBAAiB;aAEhB;GACE,EAXE,EAWF;GAEb,CACF,EAAA,CAAA;EAEV"}

package/dist/scatterplot/components/ChartLayersData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLayersData.d.ts","sourceRoot":"","sources":["../../../src/scatterplot/components/ChartLayersData.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,KAAK,EACR,UAAU,EACV,WAAW,EACd,MAAM,SAAS,CAAC;AAGjB,UAAU,KAAK;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC,MAAM,WAAW,CAAC,CAAC;IACzC,UAAU,EAAE,oBAAoB,EAAE,CAAC;IACnC,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACxC;AAID,eAAO,MAAM,eAAe,uIASzB,KAAK,6DAyBN,CAAC;AAEH,eAAO,MAAM,cAAc,uIASxB,KAAK,6CAmDN,CAAC;AAEH,eAAO,MAAM,eAAe,uEAIzB;IACC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;CAC1B,2DAiCC,CAAC;AAEH,eAAO,MAAM,SAAS,sGAMnB,IAAI,CAAC,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC,GAAG;IACnD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC,6CAeC,CAAC;AAEH,eAAO,MAAM,QAAQ,6DAMlB;IACC,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC,4CAaC,CAAC;AAEH,eAAO,MAAM,WAAW,gFAIrB;IACC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,KAAM,IAAI,CAAC;IAClC,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,KAAM,IAAI,CAAC;CACrC,6CAiCC,CAAC"}
+{"version":3,"file":"ChartLayersData.d.ts","sourceRoot":"","sources":["../../../src/scatterplot/components/ChartLayersData.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,KAAK,EACR,UAAU,EACV,WAAW,EACd,MAAM,SAAS,CAAC;AAGjB,UAAU,KAAK;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC,MAAM,WAAW,CAAC,CAAC;IACzC,UAAU,EAAE,oBAAoB,EAAE,CAAC;IACnC,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACxC;AAID,eAAO,MAAM,eAAe,uIASzB,KAAK,6DAyBN,CAAC;AAEH,eAAO,MAAM,cAAc,uIASxB,KAAK,6CAmDN,CAAC;AAEH,eAAO,MAAM,eAAe,uEAIzB;IACC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;CAC1B,2DAiCC,CAAC;AAEH,eAAO,MAAM,SAAS,sGAMnB,IAAI,CAAC,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC,GAAG;IACnD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC,6CAeC,CAAC;AAEH,eAAO,MAAM,QAAQ,GAAK,0DAMvB;IACC,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC,4CAaC,CAAC;AAEH,eAAO,MAAM,WAAW,gFAIrB;IACC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,KAAM,IAAI,CAAC;IAClC,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,KAAM,IAAI,CAAC;CACrC,6CAiCC,CAAC"}