@milaboratories/miplots4 1.0.123 → 1.0.124

package/dist/discrete/components/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../src/discrete/components/Grid.tsx"],"sourcesContent":["import {BLACK, GRID_GRAY} from '../../constants';\nimport {MIN_TICK_STEP} from '../constants';\nimport type {AxisSettings, FrameType} from '../../types';\nimport type {Orientation} from '../../types';\nimport type {ScaleBand, ScaleLinear, ScaleLogarithmic} from 'd3-scale';\nimport React from 'react';\nimport {useEffect, useState} from 'react';\n\nconst GRID_FRAME_WIDTH = 1;\n\ninterface GridProps {\n    scaleY: ScaleLinear<number, number> | ScaleLogarithmic<number, number>;\n    scaleX: ScaleBand<string>;\n    width: number;\n    height: number;\n    orientation: Orientation;\n    axisX: AxisSettings;\n    axisY: AxisSettings;\n    frameType: FrameType;\n}\n\nexport function Grid({scaleX, scaleY, orientation, width, height, axisX, axisY, frameType}: GridProps) {\n    const [ticksX, setTicksX] = useState<string[] | number[]>(scaleX.domain());\n\n    // set ticks count depending on chart size\n    const range = Math.abs(scaleY.range()[0] - scaleY.range()[1]);\n    const ticksCount = Math.min(Math.floor(range / MIN_TICK_STEP), 10);\n    const [ticksY, setTicksY] = useState<string[] | number[]>(scaleY.ticks(ticksCount));\n    const halfXGroup = scaleX.bandwidth() / 2;\n    const getXScaleShift = (d: string | number) => (scaleX(d as string) ?? 0) + halfXGroup;\n    const getYScaleShift = (d: string | number) => scaleY(d as number);\n    const isVertical = orientation === 'vertical';\n\n    useEffect(() => {\n        const ticksX = scaleX.domain();\n        const ticksY = scaleY.ticks(ticksCount);\n\n        setTicksX(ticksX);\n        setTicksY(ticksY);\n    }, [scaleX, scaleY]);\n\n    return (\n        <g stroke={GRID_GRAY}>\n            {axisX.showGrid &&\n                ticksX.map(tick => {\n                    const x = getXScaleShift(tick) + (axisX.linesBetweenCategories ? halfXGroup : 0);\n                    return (\n                        <line\n                            key={`x_${tick}`}\n                            x1={isVertical ? x : 0}\n                            x2={isVertical ? x : width}\n                            y1={isVertical ? 0 : x}\n                            y2={isVertical ? height : x}\n                        />\n                    );\n                })}\n            {axisY.showGrid &&\n                ticksY.map(tick => {\n                    const y = getYScaleShift(tick);\n                    return (\n                        <line\n                            key={`y_${tick}`}\n                            x1={isVertical ? 0 : y}\n                            x2={isVertical ? width : y}\n                            y1={isVertical ? y : 0}\n                            y2={isVertical ? y : height}\n                        />\n                    );\n                })}\n            {frameType !== 'empty' && (\n                <g strokeWidth={GRID_FRAME_WIDTH}>\n                    {(axisX.showGrid || frameType !== 'left') && <line stroke={frameType === 'left' ? GRID_GRAY : BLACK} x1=\"0\" x2={width} y1={height} y2={height} />}\n                    {(axisX.showGrid || frameType !== 'bottom') && <line stroke={frameType === 'bottom' ? GRID_GRAY : BLACK} x1=\"0\" x2=\"0\" y1=\"0\" y2={height} />}\n                    {(axisX.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1={width} x2={width} y1=\"0\" y2={height} />}\n                    {(axisY.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1=\"0\" x2={width} y1=\"0\" y2=\"0\" />}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["GRID_FRAME_WIDTH","Grid","scaleX","scaleY","orientation","width","height","axisX","axisY","frameType","ticksX","setTicksX","useState","range","ticksCount","MIN_TICK_STEP","ticksY","setTicksY","halfXGroup","getXScaleShift","d","getYScaleShift","isVertical","useEffect","jsxs","GRID_GRAY","tick","x","jsx","y","BLACK"],"mappings":";;;;AAQA,MAAMA,IAAmB;AAalB,SAASC,EAAK,EAAC,QAAAC,GAAQ,QAAAC,GAAQ,aAAAC,GAAa,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,OAAAC,GAAO,WAAAC,KAAuB;AACnG,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAAA,SAA8BV,EAAO,QAAQ,GAGnEW,IAAQ,KAAK,IAAIV,EAAO,MAAA,EAAQ,CAAC,IAAIA,EAAO,MAAA,EAAQ,CAAC,CAAC,GACtDW,IAAa,KAAK,IAAI,KAAK,MAAMD,IAAQE,CAAa,GAAG,EAAE,GAC3D,CAACC,GAAQC,CAAS,IAAIL,EAAAA,SAA8BT,EAAO,MAAMW,CAAU,CAAC,GAC5EI,IAAahB,EAAO,UAAA,IAAc,GAClCiB,IAAiB,CAACC,OAAwBlB,EAAOkB,CAAW,KAAK,KAAKF,GACtEG,IAAiB,CAACD,MAAuBjB,EAAOiB,CAAW,GAC3DE,IAAalB,MAAgB;AAEnCmB,SAAAA,EAAAA,UAAU,MAAM;AACZ,UAAMb,IAASR,EAAO,OAAA,GAChBc,IAASb,EAAO,MAAMW,CAAU;AAEtC,IAAAH,EAAUD,CAAM,GAChBO,EAAUD,CAAM;AAAA,EACpB,GAAG,CAACd,GAAQC,CAAM,CAAC,GAGfqB,gBAAAA,EAAAA,KAAC,KAAA,EAAE,QAAQC,GACN,UAAA;AAAA,IAAAlB,EAAM,YACHG,EAAO,IAAI,CAAAgB,MAAQ;AACf,YAAMC,IAAIR,EAAeO,CAAI,KAAKnB,EAAM,yBAAyBW,IAAa;AAC9E,aACIU,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,IAAIN,IAAaK,IAAI;AAAA,UACrB,IAAIL,IAAaK,IAAItB;AAAA,UACrB,IAAIiB,IAAa,IAAIK;AAAA,UACrB,IAAIL,IAAahB,IAASqB;AAAA,QAAA;AAAA,QAJrB,KAAKD,CAAI;AAAA,MAAA;AAAA,IAO1B,CAAC;AAAA,IACJlB,EAAM,YACHQ,EAAO,IAAI,CAAAU,MAAQ;AACf,YAAMG,IAAIR,EAAeK,CAAI;AAC7B,aACIE,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,IAAIN,IAAa,IAAIO;AAAA,UACrB,IAAIP,IAAajB,IAAQwB;AAAA,UACzB,IAAIP,IAAaO,IAAI;AAAA,UACrB,IAAIP,IAAaO,IAAIvB;AAAA,QAAA;AAAA,QAJhB,KAAKoB,CAAI;AAAA,MAAA;AAAA,IAO1B,CAAC;AAAA,IACJjB,MAAc,WACXe,gBAAAA,OAAC,KAAA,EAAE,aAAaxB,GACV,UAAA;AAAA,OAAAO,EAAM,YAAYE,MAAc,WAAWmB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAQnB,MAAc,SAASgB,IAAYK,GAAO,IAAG,KAAI,IAAIzB,GAAO,IAAIC,GAAQ,IAAIA,GAAQ;AAAA,OAC7IC,EAAM,YAAYE,MAAc,aAAamB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAQnB,MAAc,WAAWgB,IAAYK,GAAO,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAIxB,GAAQ;AAAA,OACxIC,EAAM,YAAYE,MAAc,WAAWmB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAQnB,MAAc,SAASqB,IAAQL,GAAW,IAAIpB,GAAO,IAAIA,GAAO,IAAG,KAAI,IAAIC,GAAQ;AAAA,OAC5IE,EAAM,YAAYC,MAAc,WAAWmB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAQnB,MAAc,SAASqB,IAAQL,GAAW,IAAG,KAAI,IAAIpB,GAAO,IAAG,KAAI,IAAG,IAAA,CAAI;AAAA,IAAA,EAAA,CACzI;AAAA,EAAA,GAER;AAER;"}

package/dist/discrete/components/NumberAxis.d.ts

@@ -0,0 +1,14 @@
+import { ScaleLinear, ScaleLogarithmic } from 'd3-scale';
+type Scale = ScaleLinear<number, number> | ScaleLogarithmic<number, number>;
+type Orient = 'left' | 'bottom';
+export declare const NumberAxis: ({ scale, tickSize, tickPadding, orient, onlyPositive, offset, hiddenLabels }: {
+    scale: Scale;
+    tickSize?: number;
+    tickPadding?: number;
+    offset?: number;
+    orient?: Orient;
+    onlyPositive?: boolean;
+    hiddenLabels?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NumberAxis.d.ts.map

package/dist/discrete/components/NumberAxis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberAxis.d.ts","sourceRoot":"","sources":["../../../src/discrete/components/NumberAxis.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAE5D,KAAK,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5E,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAsBhC,eAAO,MAAM,UAAU,GAAI,8EAQxB;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,4CAgDA,CAAC"}

package/dist/discrete/components/NumberAxis.js

@@ -0,0 +1,59 @@
+import { j as e } from "../../node_modules/react/jsx-runtime.js";
+import { BLACK as u } from "../../constants.js";
+import { TICK_OFFSET as a, MIN_TICK_STEP as C } from "../constants.js";
+function F(t) {
+  return `translate(${t},0)`;
+}
+function $(t) {
+  return `translate(0,${t})`;
+}
+function v(t) {
+  return t === "bottom" ? `translate(0,${a})` : `translate(${-a},0)`;
+}
+function B(t) {
+  return t === "bottom" ? "hanging" : "central";
+}
+function E(t) {
+  return t === "bottom" ? "middle" : "end";
+}
+const P = ({
+  scale: t,
+  tickSize: s = 6,
+  tickPadding: x = a,
+  orient: o = "bottom",
+  onlyPositive: i = !1,
+  offset: p = typeof window < "u" && window.devicePixelRatio > 1 ? 0 : 0.5,
+  hiddenLabels: d = !1
+}) => {
+  function g(n) {
+    return (r) => {
+      const l = n(r);
+      return l === void 0 ? 0 : +l;
+    };
+  }
+  const h = Math.abs(t.range()[0] - t.range()[1]), f = Math.min(Math.floor(h / C), 10), m = d ? [] : t.ticks(f).filter((n) => i && n >= 0 || !i), b = m.some((n) => Math.abs(n) < 1e-4 && n !== 0 || n > 1e4) ? ",e" : ",f", j = (n) => t.tickFormat(f, b)(n), M = Math.max(s, 0) + x, T = g(t.copy()), w = o === "bottom" ? F : $, c = o === "left" ? -1 : 1, y = {
+    [(o === "left" ? "x" : "y") + "2"]: c * s
+  }, A = {
+    [o === "left" ? "x" : "y"]: c * M
+  };
+  return /* @__PURE__ */ e.jsx("g", { children: m.map((n, r) => /* @__PURE__ */ e.jsxs("g", { className: "tick", transform: w(T(n) + p), children: [
+    /* @__PURE__ */ e.jsx("line", { stroke: u, ...y }),
+    /* @__PURE__ */ e.jsx("g", { transform: v(o), children: /* @__PURE__ */ e.jsx(
+      "text",
+      {
+        fill: u,
+        fontSize: "14px",
+        fontWeight: "500",
+        fontFamily: "Manrope",
+        dominantBaseline: B(o),
+        textAnchor: E(o),
+        ...A,
+        children: j(n)
+      }
+    ) })
+  ] }, r)) });
+};
+export {
+  P as NumberAxis
+};
+//# sourceMappingURL=NumberAxis.js.map

package/dist/discrete/components/NumberAxis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberAxis.js","sources":["../../../src/discrete/components/NumberAxis.tsx"],"sourcesContent":["import {BLACK} from '../../constants';\nimport {MIN_TICK_STEP, TICK_OFFSET} from '../constants';\nimport React from 'react';\nimport type {ScaleLinear, ScaleLogarithmic} from 'd3-scale';\n\ntype Scale = ScaleLinear<number, number> | ScaleLogarithmic<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 NumberAxis = ({\n    scale,\n    tickSize = 6,\n    tickPadding = TICK_OFFSET,\n    orient = 'bottom',\n    onlyPositive = false,\n    offset = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5,\n    hiddenLabels = false\n}: {\n    scale: Scale;\n    tickSize?: number;\n    tickPadding?: number;\n    offset?: number;\n    orient?: Orient;\n    onlyPositive?: boolean;\n    hiddenLabels?: 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 range = Math.abs(scale.range()[0] - scale.range()[1]);\n    const ticksCount = Math.min(Math.floor(range / MIN_TICK_STEP), 10);\n    const values = hiddenLabels ? [] : scale.ticks(ticksCount).filter((v) => onlyPositive && (v >= 0) || (!onlyPositive));\n    const specifier = values.some((tick) => Math.abs(tick as number) < 0.0001 && tick !== 0 || tick > 10000) ? ',e' : ',f';\n    const format = (tick:number) => scale.tickFormat(ticksCount, specifier)(tick as number),\n        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                    <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                </g>\n            ))}\n        </g>\n    );\n};\n"],"names":["translateX","x","translateY","y","getRotationTransform","orient","TICK_OFFSET","getDominantBaseline","getTextAnchor","NumberAxis","scale","tickSize","tickPadding","onlyPositive","offset","hiddenLabels","number","d","value","range","ticksCount","MIN_TICK_STEP","values","v","specifier","tick","format","spacing","position","transform","k","lineProps","textProps","i","jsxs","jsx","BLACK"],"mappings":";;;AAQA,SAASA,EAAWC,GAAW;AAC3B,SAAO,aAAaA,CAAC;AACzB;AAEA,SAASC,EAAWC,GAAW;AAC3B,SAAO,eAAeA,CAAC;AAC3B;AAEA,SAASC,EAAqBC,GAA2B;AACrD,SAAOA,MAAW,WAAW,eAAeC,CAAW,MAAM,aAAa,CAACA,CAAW;AAC1F;AAEA,SAASC,EAAoBF,GAA2B;AACpD,SAAOA,MAAW,WAAW,YAAY;AAC7C;AAEA,SAASG,EAAeH,GAA2B;AAC/C,SAAQA,MAAW,WAAW,WAAW;AAC7C;AAEO,MAAMI,IAAa,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAcN;AAAA,EACd,QAAAD,IAAS;AAAA,EACT,cAAAQ,IAAe;AAAA,EACf,QAAAC,IAAS,OAAO,SAAW,OAAe,OAAO,mBAAmB,IAAI,IAAI;AAAA,EAC5E,cAAAC,IAAe;AACnB,MAQM;AACF,WAASC,EAAON,GAAc;AAC1B,WAAO,CAACO,MAAc;AAClB,YAAMC,IAAQR,EAAMO,CAAC;AACrB,aAAOC,MAAU,SAAY,IAAI,CAACA;AAAA,IACtC;AAAA,EACJ;AACA,QAAMC,IAAQ,KAAK,IAAIT,EAAM,MAAA,EAAQ,CAAC,IAAIA,EAAM,MAAA,EAAQ,CAAC,CAAC,GACpDU,IAAa,KAAK,IAAI,KAAK,MAAMD,IAAQE,CAAa,GAAG,EAAE,GAC3DC,IAASP,IAAe,CAAA,IAAKL,EAAM,MAAMU,CAAU,EAAE,OAAO,CAACG,MAAMV,KAAiBU,KAAK,KAAO,CAACV,CAAa,GAC9GW,IAAYF,EAAO,KAAK,CAACG,MAAS,KAAK,IAAIA,CAAc,IAAI,QAAUA,MAAS,KAAKA,IAAO,GAAK,IAAI,OAAO,MAC5GC,IAAS,CAACD,MAAgBf,EAAM,WAAWU,GAAYI,CAAS,EAAEC,CAAc,GAClFE,IAAU,KAAK,IAAIhB,GAAU,CAAC,IAAIC,GAClCgB,IAAYZ,EAAQN,EAAM,MAAM,GAE9BmB,IAAYxB,MAAW,WAAWL,IAAaE,GAC/C4B,IAAIzB,MAAW,SAAS,KAAK,GAE7B0B,IAAY;AAAA,IACd,EAAE1B,MAAW,SAAS,MAAM,OAAO,GAAG,GAAGyB,IAAInB;AAAA,EAAA,GAG3CqB,IAAY;AAAA,IACd,CAAC3B,MAAW,SAAS,MAAM,GAAG,GAAGyB,IAAIH;AAAA,EAAA;AAGzC,+BACK,KAAA,EACI,UAAAL,EAAO,IAAI,CAACG,GAAcQ,MACvBC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAU,QAAe,WAAWL,EAAUD,EAASH,CAAI,IAAIX,CAAM,GACpE,UAAA;AAAA,IAAAqB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAQC,GAAQ,GAAGL,EAAA,CAAW;AAAA,IACpCI,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAW/B,EAAqBC,CAAM,GACrC,UAAA8B,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAMC;AAAA,QACN,UAAS;AAAA,QACT,YAAW;AAAA,QACX,YAAW;AAAA,QACX,kBAAkB7B,EAAoBF,CAAM;AAAA,QAC5C,YAAYG,EAAcH,CAAM;AAAA,QAC/B,GAAG2B;AAAA,QAEH,YAAOP,CAAI;AAAA,MAAA;AAAA,IAAA,EAChB,CACJ;AAAA,EAAA,KAdqBQ,CAezB,CACH,GACL;AAER;"}

package/dist/discrete/components/layers/BarElement.d.ts

@@ -0,0 +1,13 @@
+import { ChartScales } from '../types';
+import { Bar } from '../../layers';
+import { BarLayer } from '../../DiscreteSettingsImpl';
+import { Orientation } from '../../../types';
+interface BarProps {
+    scales: ChartScales;
+    bar: Bar;
+    orientation: Orientation;
+    aes: BarLayer['aes'];
+}
+export declare function BarElement({ scales, orientation, bar, aes, }: BarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BarElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/BarElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAA8B,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAG7E,UAAU,QAAQ;IACd,MAAM,EAAE,WAAW,CAAC;IACpB,GAAG,EAAE,GAAG,CAAC;IACT,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;CACxB;AAmBD,wBAAgB,UAAU,CAAC,EACvB,MAAM,EACN,WAAW,EACX,GAAG,EACH,GAAG,GACN,EAAE,QAAQ,2CA4BV"}

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

@@ -0,0 +1,41 @@
+import { j as x } from "../../../node_modules/react/jsx-runtime.js";
+function h(t, n, o, i) {
+  if (o && typeof o == "object" && "type" in o) {
+    if (o.type === "primaryGrouping")
+      return t.xPrimaryAes(i.primaryGrouping)[n];
+    if (o.type === "secondaryGrouping")
+      return t.xSecondaryAes(i.secondaryGrouping)[n];
+  }
+  return o;
+}
+function f({
+  scales: t,
+  orientation: n,
+  bar: o,
+  aes: i
+}) {
+  const r = n === "vertical", d = (t.xPrimary(o.primaryGrouping) ?? 0) + (t.xSecondary(o.secondaryGrouping) ?? 0) + t.xSecondary.bandwidth() / 2, e = t.xSecondary.bandwidth(), y = i.width === "auto" ? e * 0.8 : Math.min(e, i.width), p = Math.abs(t.y(o.value) - t.y(0)), u = h(t, "lineColor", i.lineColor, o), c = h(t, "fillColor", i.fillColor, o);
+  return /* @__PURE__ */ x.jsx(
+    "g",
+    {
+      transform: r ? `translate(${d},0)` : `translate(0, ${d})`,
+      opacity: i.opacity,
+      stroke: u,
+      strokeWidth: i.lineWidth,
+      children: /* @__PURE__ */ x.jsx(
+        "rect",
+        {
+          width: r ? y : p,
+          height: r ? p : y,
+          x: r ? -y / 2 : t.y(o.boundsY.min),
+          y: r ? t.y(o.boundsY.max) : -y / 2,
+          fill: c
+        }
+      )
+    }
+  );
+}
+export {
+  f as BarElement
+};
+//# sourceMappingURL=BarElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarElement.js","sources":["../../../../src/discrete/components/layers/BarElement.tsx"],"sourcesContent":["import type {ChartScales} from '../types';\nimport type {Bar} from '../../layers';\nimport type {BarLayer} from '../../DiscreteSettingsImpl';\nimport type {AesItem, InheritAesDiscrete, Orientation} from '../../../types';\nimport React from 'react';\n\ninterface BarProps {\n    scales: ChartScales;\n    bar: Bar;\n    orientation: Orientation;\n    aes: BarLayer['aes'];\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: Bar\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(geom.primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(geom.secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nexport function BarElement({\n    scales,\n    orientation,\n    bar,\n    aes,\n}: BarProps) {\n    const isVertical = orientation === 'vertical';\n    const boxXPosition =\n        (scales.xPrimary(bar.primaryGrouping) ?? 0) +\n        (scales.xSecondary(bar.secondaryGrouping) ?? 0) +\n        scales.xSecondary.bandwidth() / 2;\n    const boxOuterWidth = scales.xSecondary.bandwidth();\n    const boxWidth = aes.width === 'auto' ? boxOuterWidth * 0.8 : Math.min(boxOuterWidth, aes.width);\n    const boxHeight = Math.abs(scales.y(bar.value) - scales.y(0));\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, bar);\n    const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, bar);\n\n    return (\n        <g\n            transform={isVertical ? `translate(${boxXPosition},0)` : `translate(0, ${boxXPosition})`}\n            opacity={aes.opacity}\n            stroke={lineColor}\n            strokeWidth={aes.lineWidth}\n        >\n            <rect\n                width={isVertical ? boxWidth : boxHeight}\n                height={isVertical ? boxHeight : boxWidth}\n                x={isVertical ? -boxWidth / 2 : scales.y(bar.boundsY.min)}\n                y={isVertical ? scales.y(bar.boundsY.max) : -boxWidth / 2}\n                fill={fillColor}\n            />\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","geom","BarElement","orientation","bar","aes","isVertical","boxXPosition","boxOuterWidth","boxWidth","boxHeight","lineColor","fillColor","jsx"],"mappings":";AAaA,SAASA,EACLC,GACAC,GACAC,GACAC,GACS;AACT,MAAID,KAAS,OAAOA,KAAU,YAAY,UAAUA,GAAO;AACvD,QAAIA,EAAM,SAAS;AACf,aAAOF,EAAO,YAAYG,EAAK,eAAe,EAAEF,CAAK;AAEzD,QAAIC,EAAM,SAAS;AACf,aAAOF,EAAO,cAAcG,EAAK,iBAAiB,EAAEF,CAAK;AAAA,EAEjE;AACA,SAAOC;AACX;AAEO,SAASE,EAAW;AAAA,EACvB,QAAAJ;AAAA,EACA,aAAAK;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AACJ,GAAa;AACT,QAAMC,IAAaH,MAAgB,YAC7BI,KACDT,EAAO,SAASM,EAAI,eAAe,KAAK,MACxCN,EAAO,WAAWM,EAAI,iBAAiB,KAAK,KAC7CN,EAAO,WAAW,cAAc,GAC9BU,IAAgBV,EAAO,WAAW,UAAA,GAClCW,IAAWJ,EAAI,UAAU,SAASG,IAAgB,MAAM,KAAK,IAAIA,GAAeH,EAAI,KAAK,GACzFK,IAAY,KAAK,IAAIZ,EAAO,EAAEM,EAAI,KAAK,IAAIN,EAAO,EAAE,CAAC,CAAC,GACtDa,IAAYd,EAAYC,GAAQ,aAAaO,EAAI,WAAWD,CAAG,GAC/DQ,IAAYf,EAAYC,GAAQ,aAAaO,EAAI,WAAWD,CAAG;AAErE,SACIS,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWP,IAAa,aAAaC,CAAY,QAAQ,gBAAgBA,CAAY;AAAA,MACrF,SAASF,EAAI;AAAA,MACb,QAAQM;AAAA,MACR,aAAaN,EAAI;AAAA,MAEjB,UAAAQ,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAOP,IAAaG,IAAWC;AAAA,UAC/B,QAAQJ,IAAaI,IAAYD;AAAA,UACjC,GAAGH,IAAa,CAACG,IAAW,IAAIX,EAAO,EAAEM,EAAI,QAAQ,GAAG;AAAA,UACxD,GAAGE,IAAaR,EAAO,EAAEM,EAAI,QAAQ,GAAG,IAAI,CAACK,IAAW;AAAA,UACxD,MAAMG;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EAAA;AAGZ;"}

package/dist/discrete/components/layers/BinnedDotsElement.d.ts

@@ -0,0 +1,29 @@
+import { TooltipsData } from '../../../common/Tooltip';
+import { ChartScales } from '../types';
+import { BinnedDotsLayer } from '../../DiscreteSettingsImpl';
+import { BinnedDots } from '../../layers';
+import { Orientation } from '../../../types';
+interface BinnedDotsProps {
+    facetKey: string;
+    scales: ChartScales;
+    geom: BinnedDots;
+    orientation: Orientation;
+    aes: BinnedDotsLayer['aes'];
+    binsCount: number;
+    min: number;
+    max: number;
+    hasKeyFromColumn: boolean;
+    sideDistances: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    showTooltips: boolean;
+    tooltipsData: TooltipsData<unknown>;
+    activeElementContainer?: Element;
+    tooltipsContainer?: Element;
+}
+export declare function BinnedDotsElement({ facetKey, scales, orientation, geom, aes, min, max, binsCount, hasKeyFromColumn, sideDistances, showTooltips, activeElementContainer, tooltipsContainer, tooltipsData, }: BinnedDotsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BinnedDotsElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BinnedDotsElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/BinnedDotsElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAA8B,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAK7E,UAAU,eAAe;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAmBD,wBAAgB,iBAAiB,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,IAAI,EACJ,GAAG,EACH,GAAG,EACH,GAAG,EACH,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,eAAe,2CAgEjB"}

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

@@ -0,0 +1,76 @@
+import { j as u } from "../../../node_modules/react/jsx-runtime.js";
+import { Tooltip as O } from "../../../common/Tooltip.js";
+import { numberFormat as b } from "../../../utils/numberFormat.js";
+import { r as V } from "../../../node_modules/react-dom/index.js";
+function j(i, r, e, n) {
+  if (e && typeof e == "object" && "type" in e) {
+    if (e.type === "primaryGrouping")
+      return i.xPrimaryAes(n.primaryGrouping)[r];
+    if (e.type === "secondaryGrouping")
+      return i.xSecondaryAes(n.secondaryGrouping)[r];
+  }
+  return e;
+}
+function T({
+  facetKey: i,
+  scales: r,
+  orientation: e,
+  geom: n,
+  aes: t,
+  min: k,
+  max: C,
+  binsCount: a,
+  hasKeyFromColumn: G,
+  sideDistances: $,
+  showTooltips: M,
+  activeElementContainer: s,
+  tooltipsContainer: P,
+  tooltipsData: o
+}) {
+  const c = e === "vertical", p = (r.xPrimary(n.primaryGrouping) ?? 0) + (r.xSecondary(n.secondaryGrouping) ?? 0) + r.xSecondary.bandwidth() / 2, S = j(r, "lineColor", t.lineColor, n), z = j(r, "fillColor", t.fillColor, n), A = n.bins, f = t.dotSize ? t.dotSize : Math.abs(r.y(C) - r.y(k)) / a / 2, E = s && o.fixed;
+  return /* @__PURE__ */ u.jsx("g", { children: A.map(({ x: y, count: F, dots: v }) => /* @__PURE__ */ u.jsx("g", { children: v.map((d, B) => {
+    const x = (B - F / 2) * 2 * f + f, l = c ? x : 0, h = c ? 0 : x, m = `binnedDot_${n.key}_${d.key}`, L = o.selectedData === m && o.currentFacet === i && E, g = /* @__PURE__ */ u.jsxs(
+      "g",
+      {
+        transform: c ? `translate(${p},${r.y(y)})` : `translate(${r.y(y)},${p})`,
+        stroke: S,
+        fill: z,
+        strokeWidth: t.lineWidth,
+        children: [
+          /* @__PURE__ */ u.jsx(
+            "circle",
+            {
+              opacity: t.opacity,
+              cx: l,
+              cy: h,
+              r: f,
+              onMouseOver: () => o.onMouseOver(m, i),
+              onMouseLeave: () => o.onMouseLeave()
+            }
+          ),
+          M && /* @__PURE__ */ u.jsx(
+            O,
+            {
+              content: G ? [d.key, b(d.value)] : [b(d.value)],
+              x: (c ? p : r.y(y)) + l,
+              y: (c ? r.y(y) : p) + h,
+              sideDistances: $,
+              horizontal: c,
+              offset: f,
+              active: m === o.selectedData && o.currentFacet === i,
+              fixed: o.fixed,
+              onClose: o.onClose,
+              container: P
+            }
+          )
+        ]
+      },
+      d.key
+    );
+    return L ? V.createPortal(g, s) : g;
+  }) }, y)) });
+}
+export {
+  T as BinnedDotsElement
+};
+//# sourceMappingURL=BinnedDotsElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BinnedDotsElement.js","sources":["../../../../src/discrete/components/layers/BinnedDotsElement.tsx"],"sourcesContent":["import type { TooltipsData} from '../../../common/Tooltip';\nimport {Tooltip} from '../../../common/Tooltip';\nimport type {ChartScales} from '../types';\nimport type {BinnedDotsLayer} from '../../DiscreteSettingsImpl';\nimport type {BinnedDots} from '../../layers';\nimport type {AesItem, InheritAesDiscrete, Orientation} from '../../../types';\nimport {numberFormat} from '../../../utils/numberFormat';\nimport React from 'react';\nimport {createPortal} from 'react-dom';\n\ninterface BinnedDotsProps {\n    facetKey: string;\n    scales: ChartScales;\n    geom: BinnedDots;\n    orientation: Orientation;\n    aes: BinnedDotsLayer['aes'];\n    binsCount: number;\n    min: number;\n    max: number;\n    hasKeyFromColumn: boolean;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: BinnedDots\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(geom.primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(geom.secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nexport function BinnedDotsElement({\n    facetKey,\n    scales,\n    orientation,\n    geom,\n    aes,\n    min,\n    max,\n    binsCount,\n    hasKeyFromColumn,\n    sideDistances,\n    showTooltips,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: BinnedDotsProps) {\n    const isVertical = orientation === 'vertical';\n    const groupXPosition =\n        (scales.xPrimary(geom.primaryGrouping) ?? 0) +\n        (scales.xSecondary(geom.secondaryGrouping) ?? 0) +\n        scales.xSecondary.bandwidth() / 2;\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, geom);\n    const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, geom);\n    const bins = geom.bins;\n    const r = aes.dotSize ? aes.dotSize : Math.abs(scales.y(max) - scales.y(min)) / binsCount / 2;\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g>\n            {bins.map(({x, count, dots}) => {\n                return (\n                    <g key={x}>\n                        {dots.map((dot, idx) => {\n                            const xPos = (idx - count / 2) * 2 * r + r;\n                            const cx = isVertical ? xPos : 0;\n                            const cy = isVertical ? 0 : xPos;\n                            const globalKey = `binnedDot_${geom.key}_${dot.key}`;\n                            const highlightedDot = tooltipsData.selectedData === globalKey && tooltipsData.currentFacet === facetKey && dimmedBackground;\n                            const dotElement = (\n                                <g key={dot.key}\n                                   transform={isVertical ? `translate(${groupXPosition},${scales.y(x)})` : `translate(${scales.y(x)},${groupXPosition})`}\n                                   stroke={lineColor}\n                                   fill={fillColor}\n                                   strokeWidth={aes.lineWidth}\n                                >\n                                    <circle\n                                        opacity={aes.opacity}\n                                        cx={cx}\n                                        cy={cy}\n                                        r={r}\n                                        onMouseOver={() => tooltipsData.onMouseOver(globalKey, facetKey)}\n                                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                    />\n                                    {showTooltips && (\n                                        <Tooltip\n                                            content={\n                                                hasKeyFromColumn ? [dot.key, numberFormat(dot.value)] : [numberFormat(dot.value)]\n                                            }\n                                            x={(isVertical ? groupXPosition : scales.y(x)) + cx}\n                                            y={(isVertical ? scales.y(x) : groupXPosition) + cy}\n                                            sideDistances={sideDistances}\n                                            horizontal={isVertical}\n                                            offset={r}\n                                            active={globalKey === tooltipsData.selectedData && tooltipsData.currentFacet === facetKey}\n                                            fixed={tooltipsData.fixed}\n                                            onClose={tooltipsData.onClose}\n                                            container={tooltipsContainer}\n                                        />\n                                    )}\n                                </g>\n                            );\n                            return highlightedDot ? createPortal(dotElement, activeElementContainer) : dotElement;\n                        })}\n                    </g>\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","geom","BinnedDotsElement","facetKey","orientation","aes","min","max","binsCount","hasKeyFromColumn","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","groupXPosition","lineColor","fillColor","bins","r","dimmedBackground","jsx","x","count","dots","dot","idx","xPos","cx","cy","globalKey","highlightedDot","dotElement","jsxs","Tooltip","numberFormat","createPortal"],"mappings":"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"}

package/dist/discrete/components/layers/BoxElement.d.ts

@@ -0,0 +1,27 @@
+import { TooltipsData } from '../../../common/Tooltip';
+import { ChartScales } from '../types';
+import { BoxLayer } from '../../DiscreteSettingsImpl';
+import { Box } from '../../layers';
+import { Orientation } from '../../../types';
+interface BoxProps {
+    facetKey: string;
+    scales: ChartScales;
+    box: Box;
+    orientation: Orientation;
+    aes: BoxLayer['aes'];
+    hasKeyFromColumn: boolean;
+    sideDistances: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    showTooltips: boolean;
+    elementsAmount: number;
+    tooltipsData: TooltipsData<unknown>;
+    activeElementContainer?: Element;
+    tooltipsContainer?: Element;
+}
+export declare function BoxElement({ facetKey, scales, orientation, box, aes, hasKeyFromColumn, sideDistances, showTooltips, elementsAmount, activeElementContainer, tooltipsContainer, tooltipsData, }: BoxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BoxElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/BoxElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EAA+B,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAM/E,UAAU,QAAQ;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,GAAG,EAAE,GAAG,CAAC;IACT,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACrB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA8BD,wBAAgB,UAAU,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,WAAW,EACX,GAAG,EACH,GAAG,EACH,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,QAAQ,2CA8HV"}

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

@@ -0,0 +1,160 @@
+import { j as d } from "../../../node_modules/react/jsx-runtime.js";
+import { Tooltip as P } from "../../../common/Tooltip.js";
+import { NO_GROUPED as C } from "../../../DataFrame.js";
+import { getLineShape as V } from "../../../utils/getLineShape.js";
+import { getPointShape as H } from "../../../utils/getPointShape.js";
+import { numberFormat as f } from "../../../utils/numberFormat.js";
+import { r as L } from "../../../node_modules/react-dom/index.js";
+function x(t, n, m, r) {
+  if (m && typeof m == "object" && "type" in m) {
+    if (m.type === "primaryGrouping")
+      return r.primaryGrouping !== C ? t.xPrimaryAes(r.primaryGrouping)[n] : void 0;
+    if (m.type === "secondaryGrouping")
+      return r.secondaryGrouping !== C ? t.xSecondaryAes(r.secondaryGrouping)[n] : void 0;
+  }
+  return m;
+}
+function N(t, n) {
+  return n ? [t.id, `${f(t.y)}`] : [`${f(t.y)}`];
+}
+function Z({
+  facetKey: t,
+  scales: n,
+  orientation: m,
+  box: r,
+  aes: y,
+  hasKeyFromColumn: W,
+  sideDistances: S,
+  showTooltips: c,
+  elementsAmount: z,
+  activeElementContainer: M,
+  tooltipsContainer: g,
+  tooltipsData: i
+}) {
+  const e = m === "vertical", h = (n.xPrimary(r.primaryGrouping) ?? 0) + (n.xSecondary(r.secondaryGrouping) ?? 0) + n.xSecondary.bandwidth() / 2, u = n.xSecondary.bandwidth(), p = y.boxWidth === "auto" ? u * 0.8 : Math.min(u, y.boxWidth), $ = Math.abs(n.y(r.lower) - n.y(r.upper)), G = x(n, "lineColor", y.lineColor, r), F = x(n, "fillColor", y.fillColor, r), A = x(n, "dotShape", y.dotShape, r), B = x(n, "dotSize", y.dotSize, r), E = H(A, B, G), O = Math.abs(n.y.range()[0] - n.y.range()[1]), w = M && i.fixed, R = i.selectedData === r && w, k = /* @__PURE__ */ d.jsxs(
+    "g",
+    {
+      transform: e ? `translate(${h},0)` : `translate(0, ${h})`,
+      opacity: y.opacity,
+      stroke: G,
+      strokeWidth: y.lineWidth,
+      strokeDasharray: V(y.lineShape),
+      children: [
+        /* @__PURE__ */ d.jsx(
+          "line",
+          {
+            x1: e ? 0 : n.y(r.min),
+            x2: e ? 0 : n.y(r.lower),
+            y1: e ? n.y(r.min) : 0,
+            y2: e ? n.y(r.lower) : 0
+          }
+        ),
+        /* @__PURE__ */ d.jsx(
+          "line",
+          {
+            x1: e ? 0 : n.y(r.upper),
+            x2: e ? 0 : n.y(r.max),
+            y1: e ? n.y(r.upper) : 0,
+            y2: e ? n.y(r.max) : 0
+          }
+        ),
+        /* @__PURE__ */ d.jsx(
+          "rect",
+          {
+            width: e ? p : $,
+            height: e ? $ : p,
+            x: e ? -p / 2 : n.y(r.lower),
+            y: e ? n.y(r.upper) : -p / 2,
+            fill: F
+          }
+        ),
+        /* @__PURE__ */ d.jsx(
+          "line",
+          {
+            x1: e ? -p / 2 : n.y(r.middle),
+            x2: e ? p / 2 : n.y(r.middle),
+            y1: e ? n.y(r.middle) : -p / 2,
+            y2: e ? n.y(r.middle) : p / 2
+          }
+        ),
+        c && g && /* @__PURE__ */ d.jsx(
+          "rect",
+          {
+            onMouseOver: () => i.onMouseOver(r, t),
+            onMouseLeave: i.onMouseLeave,
+            width: e ? u : O,
+            x: e ? -u / 2 : 0,
+            y: e ? 0 : -u / 2,
+            height: e ? O : u,
+            fill: "transparent",
+            stroke: "none"
+          }
+        ),
+        y.showOutliers && r.outliers.map((o) => {
+          const j = i.selectedData === o && i.currentFacet === t && w, a = e ? j ? h : 0 : n.y(o.y), U = e ? n.y(o.y) : j ? h : 0, v = /* @__PURE__ */ d.jsxs(
+            "g",
+            {
+              transform: `translate(${a},${U})`,
+              strokeDasharray: "0",
+              children: [
+                E,
+                c && g && /* @__PURE__ */ d.jsx(
+                  "circle",
+                  {
+                    onMouseOver: () => i.onMouseOver(o, t),
+                    onMouseLeave: i.onMouseLeave,
+                    r: "15",
+                    fill: "transparent",
+                    stroke: "none"
+                  }
+                ),
+                c && /* @__PURE__ */ d.jsx(
+                  P,
+                  {
+                    content: N(o, W),
+                    x: e ? h : n.y(o.y),
+                    y: e ? n.y(o.y) : h,
+                    sideDistances: S,
+                    horizontal: !0,
+                    active: i.selectedData === o && i.currentFacet === t,
+                    onClose: i.onClose,
+                    fixed: i.fixed,
+                    container: g
+                  }
+                )
+              ]
+            },
+            o.id
+          );
+          return j ? L.createPortal(v, M) : v;
+        }),
+        c && /* @__PURE__ */ d.jsx(
+          P,
+          {
+            content: [
+              `Max = ${f(r.max)}`,
+              `Upper = ${f(r.upper)}`,
+              `Median = ${f(r.middle)}`,
+              `Lower = ${f(r.lower)}`,
+              `Min = ${f(r.min)}`
+            ],
+            x: e ? h : n.y(r.middle),
+            y: e ? n.y(r.middle) : h,
+            sideDistances: S,
+            horizontal: e,
+            active: i.active && i.selectedData === r && i.currentFacet === t,
+            fixed: i.fixed,
+            onClose: i.onClose,
+            offset: z > 1 ? u / 2 : u / 4,
+            container: g
+          }
+        )
+      ]
+    }
+  );
+  return R ? L.createPortal(k, M) : k;
+}
+export {
+  Z as BoxElement
+};
+//# sourceMappingURL=BoxElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxElement.js","sources":["../../../../src/discrete/components/layers/BoxElement.tsx"],"sourcesContent":["import type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport { NO_GROUPED } from '../../../DataFrame';\nimport type { ChartScales } from '../types';\nimport type { BoxLayer } from '../../DiscreteSettingsImpl';\nimport type { Box } from '../../layers';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { getLineShape } from '../../../utils/getLineShape';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport { createPortal } from 'react-dom';\n\ninterface BoxProps {\n    facetKey: string;\n    scales: ChartScales;\n    box: Box;\n    orientation: Orientation;\n    aes: BoxLayer['aes'];\n    hasKeyFromColumn: boolean;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    elementsAmount: number;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: Box\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return geom.primaryGrouping !== NO_GROUPED\n                ? scales.xPrimaryAes(geom.primaryGrouping)[field] as ValueType\n                : undefined as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return geom.secondaryGrouping !== NO_GROUPED\n                ? scales.xSecondaryAes(geom.secondaryGrouping)[field] as ValueType\n                : undefined as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getTooltipContent(outlier: Box['outliers'][0], hasKeyFromColumn: boolean) {\n    if (hasKeyFromColumn) {\n        return [outlier.id, `${numberFormat(outlier.y)}`];\n    }\n    return [`${numberFormat(outlier.y)}`];\n}\n\nexport function BoxElement({\n    facetKey,\n    scales,\n    orientation,\n    box,\n    aes,\n    hasKeyFromColumn,\n    sideDistances,\n    showTooltips,\n    elementsAmount,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: BoxProps) {\n    const isVertical = orientation === 'vertical';\n    const boxXPosition =\n        (scales.xPrimary(box.primaryGrouping as string) ?? 0) +\n        (scales.xSecondary(box.secondaryGrouping as string) ?? 0) +\n        scales.xSecondary.bandwidth() / 2;\n    const boxOuterWidth = scales.xSecondary.bandwidth();\n    const boxWidth = aes.boxWidth === 'auto' ? boxOuterWidth * 0.8 : Math.min(boxOuterWidth, aes.boxWidth);\n    const boxHeight = Math.abs(scales.y(box.lower) - scales.y(box.upper));\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, box);\n    const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, box);\n    const outliersShape = getAesValue(scales, 'dotShape', aes.dotShape, box);\n    const outliersSize = getAesValue(scales, 'dotSize', aes.dotSize, box);\n    const shape = getPointShape(outliersShape, outliersSize, lineColor);\n\n    const yRange = Math.abs(scales.y.range()[0] - scales.y.range()[1]);\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    const highlightedBox = tooltipsData.selectedData === box && dimmedBackground;\n\n    const boxElement = (\n        <g\n            transform={isVertical ? `translate(${boxXPosition},0)` : `translate(0, ${boxXPosition})`}\n            opacity={aes.opacity}\n            stroke={lineColor}\n            strokeWidth={aes.lineWidth}\n            strokeDasharray={getLineShape(aes.lineShape)}\n        >\n            <line\n                x1={isVertical ? 0 : scales.y(box.min)}\n                x2={isVertical ? 0 : scales.y(box.lower)}\n                y1={isVertical ? scales.y(box.min) : 0}\n                y2={isVertical ? scales.y(box.lower) : 0}\n            />\n            <line\n                x1={isVertical ? 0 : scales.y(box.upper)}\n                x2={isVertical ? 0 : scales.y(box.max)}\n                y1={isVertical ? scales.y(box.upper) : 0}\n                y2={isVertical ? scales.y(box.max) : 0}\n            />\n            <rect\n                width={isVertical ? boxWidth : boxHeight}\n                height={isVertical ? boxHeight : boxWidth}\n                x={isVertical ? -boxWidth / 2 : scales.y(box.lower)}\n                y={isVertical ? scales.y(box.upper) : -boxWidth / 2}\n                fill={fillColor}\n            />\n            <line\n                x1={isVertical ? -boxWidth / 2 : scales.y(box.middle)}\n                x2={isVertical ? boxWidth / 2 : scales.y(box.middle)}\n                y1={isVertical ? scales.y(box.middle) : -boxWidth / 2}\n                y2={isVertical ? scales.y(box.middle) : boxWidth / 2}\n            />\n            {showTooltips && tooltipsContainer && (\n                <rect\n                    onMouseOver={() => tooltipsData.onMouseOver(box, facetKey)}\n                    onMouseLeave={tooltipsData.onMouseLeave}\n                    width={isVertical ? boxOuterWidth : yRange}\n                    x={isVertical ? -boxOuterWidth / 2 : 0}\n                    y={isVertical ? 0 : -boxOuterWidth / 2}\n                    height={isVertical ? yRange : boxOuterWidth}\n                    fill=\"transparent\"\n                    stroke=\"none\"\n                />\n            )}\n            {aes.showOutliers &&\n                box.outliers.map(outlier => {\n                    const highlightedOutlier = tooltipsData.selectedData  === outlier && tooltipsData.currentFacet === facetKey && dimmedBackground;\n                    const x = isVertical ? (highlightedOutlier ? boxXPosition : 0) : scales.y(outlier.y);\n                    const y = isVertical ? scales.y(outlier.y) : (highlightedOutlier ? boxXPosition : 0);\n                    const el = (\n                        <g\n                            key={outlier.id}\n                            transform={`translate(${x},${y})`}\n                            strokeDasharray=\"0\"\n                        >\n                            {shape}\n                            {showTooltips && tooltipsContainer && (\n                                <circle\n                                    onMouseOver={() => tooltipsData.onMouseOver(outlier, facetKey)}\n                                    onMouseLeave={tooltipsData.onMouseLeave}\n                                    r=\"15\"\n                                    fill=\"transparent\"\n                                    stroke=\"none\"\n                                />\n                            )}\n                            {showTooltips && (\n                                <Tooltip\n                                    content={getTooltipContent(outlier, hasKeyFromColumn)}\n                                    x={isVertical ? boxXPosition : scales.y(outlier.y)}\n                                    y={isVertical ? scales.y(outlier.y) : boxXPosition}\n                                    sideDistances={sideDistances}\n                                    horizontal\n                                    active={tooltipsData.selectedData === outlier && tooltipsData.currentFacet === facetKey}\n                                    onClose={tooltipsData.onClose}\n                                    fixed={tooltipsData.fixed}\n                                    container={tooltipsContainer}\n                                />\n                            )}\n                        </g>\n                    );\n                    return highlightedOutlier ? createPortal(el, activeElementContainer) : el;\n                })}\n            {showTooltips && (\n                <Tooltip\n                    content={[\n                        `Max = ${numberFormat(box.max)}`,\n                        `Upper = ${numberFormat(box.upper)}`,\n                        `Median = ${numberFormat(box.middle)}`,\n                        `Lower = ${numberFormat(box.lower)}`,\n                        `Min = ${numberFormat(box.min)}`,\n                    ]}\n                    x={isVertical ? boxXPosition : scales.y(box.middle)}\n                    y={isVertical ? scales.y(box.middle) : boxXPosition}\n                    sideDistances={sideDistances}\n                    horizontal={isVertical}\n                    active={tooltipsData.active && tooltipsData.selectedData === box && tooltipsData.currentFacet === facetKey}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    offset={elementsAmount > 1 ? boxOuterWidth / 2 : boxOuterWidth / 4}\n                    container={tooltipsContainer}\n                />\n            )}\n        </g>\n    );\n    return highlightedBox ? createPortal(boxElement, activeElementContainer) : boxElement;\n}\n"],"names":["getAesValue","scales","field","value","geom","NO_GROUPED","getTooltipContent","outlier","hasKeyFromColumn","numberFormat","BoxElement","facetKey","orientation","box","aes","sideDistances","showTooltips","elementsAmount","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","boxXPosition","boxOuterWidth","boxWidth","boxHeight","lineColor","fillColor","outliersShape","outliersSize","shape","getPointShape","yRange","dimmedBackground","highlightedBox","boxElement","jsxs","getLineShape","jsx","highlightedOutlier","x","y","el","Tooltip","createPortal"],"mappings":";;;;;;;AAgCA,SAASA,EACLC,GACAC,GACAC,GACAC,GACS;AACT,MAAID,KAAS,OAAOA,KAAU,YAAY,UAAUA,GAAO;AACvD,QAAIA,EAAM,SAAS;AACf,aAAOC,EAAK,oBAAoBC,IAC1BJ,EAAO,YAAYG,EAAK,eAAe,EAAEF,CAAK,IAC9C;AAEV,QAAIC,EAAM,SAAS;AACf,aAAOC,EAAK,sBAAsBC,IAC5BJ,EAAO,cAAcG,EAAK,iBAAiB,EAAEF,CAAK,IAClD;AAAA,EAEd;AACA,SAAOC;AACX;AAEA,SAASG,EAAkBC,GAA6BC,GAA2B;AAC/E,SAAIA,IACO,CAACD,EAAQ,IAAI,GAAGE,EAAaF,EAAQ,CAAC,CAAC,EAAE,IAE7C,CAAC,GAAGE,EAAaF,EAAQ,CAAC,CAAC,EAAE;AACxC;AAEO,SAASG,EAAW;AAAA,EACvB,UAAAC;AAAA,EACA,QAAAV;AAAA,EACA,aAAAW;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,kBAAAN;AAAA,EACA,eAAAO;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AACJ,GAAa;AACT,QAAMC,IAAaT,MAAgB,YAC7BU,KACDrB,EAAO,SAASY,EAAI,eAAyB,KAAK,MAClDZ,EAAO,WAAWY,EAAI,iBAA2B,KAAK,KACvDZ,EAAO,WAAW,cAAc,GAC9BsB,IAAgBtB,EAAO,WAAW,UAAA,GAClCuB,IAAWV,EAAI,aAAa,SAASS,IAAgB,MAAM,KAAK,IAAIA,GAAeT,EAAI,QAAQ,GAC/FW,IAAY,KAAK,IAAIxB,EAAO,EAAEY,EAAI,KAAK,IAAIZ,EAAO,EAAEY,EAAI,KAAK,CAAC,GAC9Da,IAAY1B,EAAYC,GAAQ,aAAaa,EAAI,WAAWD,CAAG,GAC/Dc,IAAY3B,EAAYC,GAAQ,aAAaa,EAAI,WAAWD,CAAG,GAC/De,IAAgB5B,EAAYC,GAAQ,YAAYa,EAAI,UAAUD,CAAG,GACjEgB,IAAe7B,EAAYC,GAAQ,WAAWa,EAAI,SAASD,CAAG,GAC9DiB,IAAQC,EAAcH,GAAeC,GAAcH,CAAS,GAE5DM,IAAS,KAAK,IAAI/B,EAAO,EAAE,MAAA,EAAQ,CAAC,IAAIA,EAAO,EAAE,MAAA,EAAQ,CAAC,CAAC,GAE3DgC,IAAmBf,KAA0BE,EAAa,OAC1Dc,IAAiBd,EAAa,iBAAiBP,KAAOoB,GAEtDE,IACFC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWf,IAAa,aAAaC,CAAY,QAAQ,gBAAgBA,CAAY;AAAA,MACrF,SAASR,EAAI;AAAA,MACb,QAAQY;AAAA,MACR,aAAaZ,EAAI;AAAA,MACjB,iBAAiBuB,EAAavB,EAAI,SAAS;AAAA,MAE3C,UAAA;AAAA,QAAAwB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAIjB,IAAa,IAAIpB,EAAO,EAAEY,EAAI,GAAG;AAAA,YACrC,IAAIQ,IAAa,IAAIpB,EAAO,EAAEY,EAAI,KAAK;AAAA,YACvC,IAAIQ,IAAapB,EAAO,EAAEY,EAAI,GAAG,IAAI;AAAA,YACrC,IAAIQ,IAAapB,EAAO,EAAEY,EAAI,KAAK,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAE3CyB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAIjB,IAAa,IAAIpB,EAAO,EAAEY,EAAI,KAAK;AAAA,YACvC,IAAIQ,IAAa,IAAIpB,EAAO,EAAEY,EAAI,GAAG;AAAA,YACrC,IAAIQ,IAAapB,EAAO,EAAEY,EAAI,KAAK,IAAI;AAAA,YACvC,IAAIQ,IAAapB,EAAO,EAAEY,EAAI,GAAG,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEzCyB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAOjB,IAAaG,IAAWC;AAAA,YAC/B,QAAQJ,IAAaI,IAAYD;AAAA,YACjC,GAAGH,IAAa,CAACG,IAAW,IAAIvB,EAAO,EAAEY,EAAI,KAAK;AAAA,YAClD,GAAGQ,IAAapB,EAAO,EAAEY,EAAI,KAAK,IAAI,CAACW,IAAW;AAAA,YAClD,MAAMG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEVW,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAIjB,IAAa,CAACG,IAAW,IAAIvB,EAAO,EAAEY,EAAI,MAAM;AAAA,YACpD,IAAIQ,IAAaG,IAAW,IAAIvB,EAAO,EAAEY,EAAI,MAAM;AAAA,YACnD,IAAIQ,IAAapB,EAAO,EAAEY,EAAI,MAAM,IAAI,CAACW,IAAW;AAAA,YACpD,IAAIH,IAAapB,EAAO,EAAEY,EAAI,MAAM,IAAIW,IAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtDR,KAAgBG,KACbmB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,aAAa,MAAMlB,EAAa,YAAYP,GAAKF,CAAQ;AAAA,YACzD,cAAcS,EAAa;AAAA,YAC3B,OAAOC,IAAaE,IAAgBS;AAAA,YACpC,GAAGX,IAAa,CAACE,IAAgB,IAAI;AAAA,YACrC,GAAGF,IAAa,IAAI,CAACE,IAAgB;AAAA,YACrC,QAAQF,IAAaW,IAAST;AAAA,YAC9B,MAAK;AAAA,YACL,QAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdT,EAAI,gBACDD,EAAI,SAAS,IAAI,CAAAN,MAAW;AACxB,gBAAMgC,IAAqBnB,EAAa,iBAAkBb,KAAWa,EAAa,iBAAiBT,KAAYsB,GACzGO,IAAInB,IAAckB,IAAqBjB,IAAe,IAAKrB,EAAO,EAAEM,EAAQ,CAAC,GAC7EkC,IAAIpB,IAAapB,EAAO,EAAEM,EAAQ,CAAC,IAAKgC,IAAqBjB,IAAe,GAC5EoB,IACFN,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEG,WAAW,aAAaI,CAAC,IAAIC,CAAC;AAAA,cAC9B,iBAAgB;AAAA,cAEf,UAAA;AAAA,gBAAAX;AAAA,gBACAd,KAAgBG,KACbmB,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,aAAa,MAAMlB,EAAa,YAAYb,GAASI,CAAQ;AAAA,oBAC7D,cAAcS,EAAa;AAAA,oBAC3B,GAAE;AAAA,oBACF,MAAK;AAAA,oBACL,QAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGdJ,KACGsB,gBAAAA,EAAAA;AAAAA,kBAACK;AAAA,kBAAA;AAAA,oBACG,SAASrC,EAAkBC,GAASC,CAAgB;AAAA,oBACpD,GAAGa,IAAaC,IAAerB,EAAO,EAAEM,EAAQ,CAAC;AAAA,oBACjD,GAAGc,IAAapB,EAAO,EAAEM,EAAQ,CAAC,IAAIe;AAAA,oBACtC,eAAAP;AAAA,oBACA,YAAU;AAAA,oBACV,QAAQK,EAAa,iBAAiBb,KAAWa,EAAa,iBAAiBT;AAAA,oBAC/E,SAASS,EAAa;AAAA,oBACtB,OAAOA,EAAa;AAAA,oBACpB,WAAWD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA;AAAA,YAzBCZ,EAAQ;AAAA,UAAA;AA6BrB,iBAAOgC,IAAqBK,EAAAA,aAAaF,GAAIxB,CAAsB,IAAIwB;AAAA,QAC3E,CAAC;AAAA,QACJ1B,KACGsB,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACG,SAAS;AAAA,cACL,SAASlC,EAAaI,EAAI,GAAG,CAAC;AAAA,cAC9B,WAAWJ,EAAaI,EAAI,KAAK,CAAC;AAAA,cAClC,YAAYJ,EAAaI,EAAI,MAAM,CAAC;AAAA,cACpC,WAAWJ,EAAaI,EAAI,KAAK,CAAC;AAAA,cAClC,SAASJ,EAAaI,EAAI,GAAG,CAAC;AAAA,YAAA;AAAA,YAElC,GAAGQ,IAAaC,IAAerB,EAAO,EAAEY,EAAI,MAAM;AAAA,YAClD,GAAGQ,IAAapB,EAAO,EAAEY,EAAI,MAAM,IAAIS;AAAA,YACvC,eAAAP;AAAA,YACA,YAAYM;AAAA,YACZ,QAAQD,EAAa,UAAUA,EAAa,iBAAiBP,KAAOO,EAAa,iBAAiBT;AAAA,YAClG,OAAOS,EAAa;AAAA,YACpB,SAASA,EAAa;AAAA,YACtB,QAAQH,IAAiB,IAAIM,IAAgB,IAAIA,IAAgB;AAAA,YACjE,WAAWJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAIZ,SAAOe,IAAiBU,EAAAA,aAAaT,GAAYjB,CAAsB,IAAIiB;AAC/E;"}

package/dist/discrete/components/layers/DotsGroupElement.d.ts

@@ -0,0 +1,26 @@
+import { TooltipsData } from '../../../common/Tooltip';
+import { ChartScales } from '../types';
+import { DotsGroup } from '../../layers';
+import { DotLayer } from '../../DiscreteSettingsImpl';
+import { Orientation } from '../../../types';
+interface DotsProps {
+    facetKey: string;
+    scales: ChartScales;
+    geom: DotsGroup;
+    orientation: Orientation;
+    aes: DotLayer['aes'];
+    hasKeyFromColumn: boolean;
+    sideDistances: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    showTooltips: boolean;
+    tooltipsData: TooltipsData<unknown>;
+    activeElementContainer?: Element;
+    tooltipsContainer?: Element;
+}
+export declare function DotsGroupElement({ facetKey, scales, orientation, geom, aes, hasKeyFromColumn, sideDistances, showTooltips, activeElementContainer, tooltipsContainer, tooltipsData, }: DotsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DotsGroupElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotsGroupElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/DotsGroupElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE1D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,4BAA4B,CAAC;AAGzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAKhD,UAAU,SAAS;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACrB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA0BD,wBAAgB,gBAAgB,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,IAAI,EACJ,GAAG,EACH,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,SAAS,2CAwDX"}

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

@@ -0,0 +1,65 @@
+import { j as x } from "../../../node_modules/react/jsx-runtime.js";
+import { Tooltip as E } from "../../../common/Tooltip.js";
+import { getPointShape as J } from "../../../utils/getPointShape.js";
+import { numberFormat as b } from "../../../utils/numberFormat.js";
+import { r as L } from "../../../node_modules/react-dom/index.js";
+function s(e, r, n, t) {
+  if (n && typeof n == "object" && "type" in n) {
+    if (n.type === "primaryGrouping")
+      return e.xPrimaryAes(t.primaryGrouping)[r];
+    if (n.type === "secondaryGrouping")
+      return e.xSecondaryAes(t.secondaryGrouping)[r];
+  }
+  return n;
+}
+function O(e, r, n) {
+  return n ? [r, `${b(e)}`] : [`${b(e)}`];
+}
+function W({
+  facetKey: e,
+  scales: r,
+  orientation: n,
+  geom: t,
+  aes: c,
+  hasKeyFromColumn: C,
+  sideDistances: P,
+  showTooltips: u,
+  activeElementContainer: h,
+  tooltipsContainer: m,
+  tooltipsData: o
+}) {
+  const y = n === "vertical", d = (r.xPrimary(t.primaryGrouping) ?? 0) + (r.xSecondary(t.secondaryGrouping) ?? 0) + r.xSecondary.bandwidth() / 2, F = r.xSecondary.bandwidth() * c.jitter, j = (i) => (1 - i * 2) * (F / 2), M = s(r, "lineColor", c.lineColor, t), g = s(r, "dotFill", c.dotFill, t), k = s(r, "dotShape", c.dotShape, t), A = J(k, c.dotSize, g), l = h && o.fixed;
+  return /* @__PURE__ */ x.jsx("g", { transform: y ? `translate(${d},0)` : `translate(0, ${d})`, stroke: M, children: t.values.map((i) => {
+    const { jitter: S, id: a } = i, f = o.selectedData === i && l, p = j(S), v = y ? f ? d + p : p : r.y(i.y), G = y ? r.y(i.y) : f ? d + p : p, $ = /* @__PURE__ */ x.jsxs("g", { opacity: c.opacity, transform: `translate(${v},${G})`, children: [
+      A,
+      u && m && /* @__PURE__ */ x.jsx(
+        "circle",
+        {
+          onMouseOver: () => o.onMouseOver(i, e),
+          onMouseLeave: () => o.onMouseLeave(),
+          r: "4",
+          fill: "transparent",
+          stroke: "none"
+        }
+      ),
+      u && /* @__PURE__ */ x.jsx(
+        E,
+        {
+          content: O(i.y, a, C),
+          x: d + j(S),
+          y: G,
+          active: o.active && o.selectedData === i && o.currentFacet === e,
+          fixed: o.fixed,
+          onClose: o.onClose,
+          sideDistances: P,
+          container: m
+        }
+      )
+    ] }, a);
+    return f ? L.createPortal($, h) : $;
+  }) });
+}
+export {
+  W as DotsGroupElement
+};
+//# sourceMappingURL=DotsGroupElement.js.map