@milaboratories/graph-maker 1.1.132 → 1.1.133

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/NumberAxis.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/NumberAxis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberAxis.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/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","e","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;AAAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAcN;AAAAA,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;AAAAA,IACtC;AAAA,EACJ;AACA,QAAMC,IAAQ,KAAK,IAAIT,EAAM,QAAQ,CAAC,IAAIA,EAAM,QAAQ,CAAC,CAAC,GACpDU,IAAa,KAAK,IAAI,KAAK,MAAMD,IAAQE,CAAa,GAAG,EAAE,GAC3DC,IAASP,IAAe,KAAKL,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,KAAA,CAAM,GAE9BmB,IAAYxB,MAAW,WAAWL,IAAaE,GAC/C4B,IAAIzB,MAAW,SAAS,KAAK,GAE7B0B,IAAY;AAAA,IACd,EAAE1B,MAAW,SAAS,MAAM,OAAO,GAAG,GAAGyB,IAAInB;AAAAA,EAAA,GAG3CqB,IAAY;AAAA,IACd,CAAC3B,MAAW,SAAS,MAAM,GAAG,GAAGyB,IAAIH;AAAAA,EAAA;AAGzC,SAAAM,gBAAAA,EAAA,IACK,KAAA,EACI,UAAAX,EAAO,IAAI,CAACG,GAAcS,MACvBC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAU,QAAe,WAAWN,EAAUD,EAASH,CAAI,IAAIX,CAAM,GACpE,UAAA;AAAA,IAAAsB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAQC,GAAQ,GAAGN,GAAW;AAAA,IACpCK,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAWhC,EAAqBC,CAAM,GACrC,UAAA+B,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAMC;AAAAA,QACN,UAAS;AAAA,QACT,YAAW;AAAA,QACX,YAAW;AAAA,QACX,kBAAkB9B,EAAoBF,CAAM;AAAA,QAC5C,YAAYG,EAAcH,CAAM;AAAA,QAC/B,GAAG2B;AAAAA,QAEH,YAAOP,CAAI;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,EAAA,KAdqBS,CAezB,CACH,GACL;AAER;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/BarElement.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/BarElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/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;AAAAA,EACA,aAAAK;AAAAA,EACA,KAAAC;AAAAA,EACA,KAAAC;AACJ,GAAa;AACT,QAAMC,IAAaH,MAAgB,YAC7BI,KACDT,EAAO,SAASM,EAAI,eAAe,KAAK,MACxCN,EAAO,WAAWM,EAAI,iBAAiB,KAAK,KAC7CN,EAAO,WAAW,UAAA,IAAc,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;AAAAA,MACR,aAAaN,EAAI;AAAA,MAEjB,UAAAQ,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAOP,IAAaG,IAAWC;AAAAA,UAC/B,QAAQJ,IAAaI,IAAYD;AAAAA,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;AAAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACV;AAGZ;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/BinnedDotsElement.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/BinnedDotsElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BinnedDotsElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/layers/BinnedDotsElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { BinnedDotsLayer } from '../../DiscreteSettingsImpl';\nimport type { BinnedDots } from '../../layers';\nimport type { ChartScales } from '../types';\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.onMouseEnter(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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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/BoxElement.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/BoxElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/layers/BoxElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport { NO_GROUPED } from '../../../DataFrame';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { getLineShape } from '../../../utils/getLineShape';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { BoxLayer } from '../../DiscreteSettingsImpl';\nimport type { Box } from '../../layers';\nimport type { ChartScales } from '../types';\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.onMouseEnter(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.onMouseEnter(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":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/DotsGroupElement.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/DotsGroupElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsGroupElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/layers/DotsGroupElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { DotLayer } from '../../DiscreteSettingsImpl';\nimport type { DotsGroup } from '../../layers';\nimport type { ChartScales } from '../types';\n\ninterface DotsProps {\n    facetKey: string;\n    scales: ChartScales;\n    geom: DotsGroup;\n    orientation: Orientation;\n    aes: DotLayer['aes'];\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: DotsGroup\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\nfunction getTooltipContent(y: number, id: string, hasKeyFromColumn: boolean) {\n    if (hasKeyFromColumn) {\n        return [id, `${numberFormat(y)}`];\n    }\n    return [`${numberFormat(y)}`];\n}\n\nexport function DotsGroupElement({\n    facetKey,\n    scales,\n    orientation,\n    geom,\n    aes,\n    hasKeyFromColumn,\n    sideDistances,\n    showTooltips,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: DotsProps) {\n    const isVertical = orientation === 'vertical';\n    const xPosition =\n        (scales.xPrimary(geom.primaryGrouping) ?? 0) +\n        (scales.xSecondary(geom.secondaryGrouping) ?? 0) +\n        scales.xSecondary.bandwidth() / 2;\n    const boxWidth = scales.xSecondary.bandwidth() * aes.jitter;\n    const getJitterX = (v: number) => (1 - v * 2) * (boxWidth / 2);\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, geom);\n    const fillColor = getAesValue(scales, 'dotFill', aes.dotFill, geom);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, geom);\n    const shape = getPointShape(dotShape, aes.dotSize, fillColor);\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    return (\n        <g transform={isVertical ? `translate(${xPosition},0)` : `translate(0, ${xPosition})`} stroke={lineColor}>\n            {geom.values.map(geomValue => {\n                const {jitter, id} = geomValue;\n                const highlightedDot = tooltipsData.selectedData === geomValue && dimmedBackground;\n                const xJitter = getJitterX(jitter);\n                const x = isVertical ? (highlightedDot ? xPosition + xJitter : xJitter) : scales.y(geomValue.y);\n                const y = isVertical ? scales.y(geomValue.y) : highlightedDot ? xPosition + xJitter : xJitter;\n                const dot = (\n                    <g key={id} opacity={aes.opacity} transform={`translate(${x},${y})`}>\n                        {shape}\n                        {showTooltips && tooltipsContainer && (\n                            <circle\n                                onMouseOver={() => tooltipsData.onMouseEnter(geomValue, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                r=\"4\"\n                                fill=\"transparent\"\n                                stroke=\"none\"\n                            />\n                        )}\n                        {showTooltips && (\n                            <Tooltip\n                                content={getTooltipContent(geomValue.y, id, hasKeyFromColumn)}\n                                x={xPosition + getJitterX(jitter)}\n                                y={y}\n                                active={\n                                    tooltipsData.active &&\n                                    tooltipsData.selectedData === geomValue &&\n                                    tooltipsData.currentFacet === facetKey\n                                }\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                sideDistances={sideDistances}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n                return highlightedDot ? createPortal(dot, activeElementContainer) : dot;\n            })}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","geom","getTooltipContent","y","id","hasKeyFromColumn","numberFormat","DotsGroupElement","facetKey","orientation","aes","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","xPosition","boxWidth","getJitterX","v","lineColor","fillColor","dotShape","shape","getPointShape","dimmedBackground","jsx","geomValue","jitter","highlightedDot","xJitter","x","dot","jsxs","Tooltip","createPortal"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/ErrorBarElement.js

@@ -0,0 +1,99 @@
+import { j as s } from "../../../node_modules/react/jsx-runtime.js";
+import { r as D } from "../../../node_modules/react-dom/index.js";
+import { Tooltip as S } from "../../../common/Tooltip.js";
+import { getPointShape as G } from "../../../utils/getPointShape.js";
+import { numberFormat as b } from "../../../utils/numberFormat.js";
+function x(m, t, a, r) {
+  if (a && typeof a == "object" && "type" in a) {
+    if (a.type === "primaryGrouping")
+      return m.xPrimaryAes(r.primaryGrouping)[t];
+    if (a.type === "secondaryGrouping")
+      return m.xSecondaryAes(r.secondaryGrouping)[t];
+  }
+  return a;
+}
+function A({
+  facetKey: m,
+  scales: t,
+  orientation: a,
+  errorBar: r,
+  aes: o,
+  sideDistances: $,
+  showTooltips: d,
+  activeElementContainer: u,
+  tooltipsContainer: f,
+  tooltipsData: n
+}) {
+  const e = a === "vertical", g = x(t, "lineColor", o.lineColor, r), j = x(t, "fillColor", o.fillColor, r), v = x(t, "dotShape", o.dotShape, r), l = (t.xPrimary(r.primaryGrouping) ?? 0) + t.xPrimary.bandwidth() / 2, i = o.width === "auto" ? t.xPrimary.bandwidth() * 0.2 : o.width, c = t.y(r.min), y = t.y(r.max), p = t.y(r.value), C = G(v, o.dotSize, j), w = u && n.fixed, P = n.selectedData === r && w, h = o.showDots ? /* @__PURE__ */ s.jsxs("g", { transform: e ? `translate(${l},${p})` : `translate(${p},${l})`, children: [
+    C,
+    d && f && /* @__PURE__ */ s.jsx(
+      "circle",
+      {
+        onMouseOver: () => n.onMouseEnter(r, m),
+        onMouseLeave: () => n.onMouseLeave(),
+        r: "15",
+        fill: "transparent",
+        stroke: "none"
+      }
+    ),
+    d && /* @__PURE__ */ s.jsx(
+      S,
+      {
+        content: [b(r.value)],
+        x: e ? l : p,
+        y: e ? p : l,
+        sideDistances: $,
+        horizontal: !0,
+        active: n.active && n.selectedData === r && n.currentFacet === m,
+        fixed: n.fixed,
+        onClose: n.onClose,
+        container: f
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ s.jsxs(
+    "g",
+    {
+      opacity: o.opacity,
+      stroke: g,
+      fill: "none",
+      strokeWidth: o.lineWidth,
+      children: [
+        /* @__PURE__ */ s.jsxs("g", { transform: e ? `translate(${l},0)` : `translate(0,${l})`, children: [
+          /* @__PURE__ */ s.jsx(
+            "line",
+            {
+              x1: e ? 0 : c,
+              x2: e ? 0 : y,
+              y1: e ? c : 0,
+              y2: e ? y : 0
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            "line",
+            {
+              x1: e ? -i / 2 : c,
+              x2: e ? i / 2 : c,
+              y1: e ? c : -i / 2,
+              y2: e ? c : i / 2
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            "line",
+            {
+              x1: e ? -i / 2 : y,
+              x2: e ? i / 2 : y,
+              y1: e ? y : -i / 2,
+              y2: e ? y : i / 2
+            }
+          )
+        ] }),
+        P ? D.createPortal(h, u) : h
+      ]
+    }
+  );
+}
+export {
+  A as ErrorBarElement
+};
+//# sourceMappingURL=ErrorBarElement.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/ErrorBarElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBarElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/layers/ErrorBarElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { ErrorBar } from '../../layers';\nimport type { ErrorBarsData } from '../../layers/types';\nimport type { ChartScales } from '../types';\n\ninterface ErrorBarProps {\n    facetKey: string;\n    scales: ChartScales;\n    errorBar: ErrorBar;\n    orientation: Orientation;\n    aes: ErrorBarsData['aes'];\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: ErrorBar\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(geom.primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(geom.secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nexport function ErrorBarElement({\n    facetKey,\n    scales,\n    orientation,\n    errorBar,\n    aes,\n    sideDistances,\n    showTooltips,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: ErrorBarProps) {\n    const isVertical = orientation === 'vertical';\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, errorBar);\n    const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, errorBar);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, errorBar);\n    const x = (scales.xPrimary(errorBar.primaryGrouping) ?? 0) + scales.xPrimary.bandwidth() / 2;\n    const width = aes.width === 'auto' ? scales.xPrimary.bandwidth() * 0.2 : aes.width;\n    const min = scales.y(errorBar.min);\n    const max = scales.y(errorBar.max);\n    const value = scales.y(errorBar.value);\n    const shape = getPointShape(dotShape, aes.dotSize, fillColor);\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    const highlightedDot = tooltipsData.selectedData === errorBar && dimmedBackground;\n\n    const dot = aes.showDots ? (\n        <g transform={isVertical ? `translate(${x},${value})` : `translate(${value},${x})`}>\n            {shape}\n            {showTooltips && tooltipsContainer && (\n                <circle\n                    onMouseOver={() => tooltipsData.onMouseEnter(errorBar, facetKey)}\n                    onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    r=\"15\"\n                    fill=\"transparent\"\n                    stroke=\"none\"\n                />\n            )}\n            {showTooltips && (\n                <Tooltip\n                    content={[numberFormat(errorBar.value)]}\n                    x={isVertical ? x : value}\n                    y={isVertical ? value : x}\n                    sideDistances={sideDistances}\n                    horizontal\n                    active={tooltipsData.active && tooltipsData.selectedData === errorBar && tooltipsData.currentFacet === facetKey}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n        </g>\n    ) : null;\n    return (\n        <g\n            opacity={aes.opacity}\n            stroke={lineColor}\n            fill=\"none\"\n            strokeWidth={aes.lineWidth}\n        >\n            <g transform={isVertical ? `translate(${x},0)` : `translate(0,${x})`}>\n                <line\n                    x1={isVertical ? 0 : min}\n                    x2={isVertical ? 0 : max}\n                    y1={isVertical ? min : 0}\n                    y2={isVertical ? max : 0}\n                />\n                <line\n                    x1={isVertical ? -width / 2 : min}\n                    x2={isVertical ? width / 2 : min}\n                    y1={isVertical ? min : -width / 2}\n                    y2={isVertical ? min : width / 2}\n                />\n                <line\n                    x1={isVertical ? -width / 2 : max}\n                    x2={isVertical ? width / 2 : max}\n                    y1={isVertical ? max : -width / 2}\n                    y2={isVertical ? max : width / 2}\n                />\n            </g>\n            {highlightedDot ? createPortal(dot, activeElementContainer) : dot}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","geom","ErrorBarElement","facetKey","orientation","errorBar","aes","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","lineColor","fillColor","dotShape","x","width","min","max","shape","getPointShape","dimmedBackground","highlightedDot","dot","jsxs","jsx","Tooltip","numberFormat","createPortal"],"mappings":"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","x_google_ignoreList":[0]}