@milaboratories/miplots4 1.0.123 → 1.0.125

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

@@ -0,0 +1 @@
+{"version":3,"file":"PairedPointsElement.js","sources":["../../../../src/discrete/components/layers/PairedPointsElement.tsx"],"sourcesContent":["import type { TooltipsData} from '../../../common/Tooltip';\nimport {Tooltip} from '../../../common/Tooltip';\nimport type {ChartScales} from '../types';\nimport type {PairedPoints} from '../../layers';\nimport type {PairedPointsData} from '../../layers/types';\nimport type {AesItem, InheritAesDiscrete, Orientation, PointShape} from '../../../types';\nimport {getPointShape} from '../../../utils/getPointShape';\nimport {getLineShape} from '../../../utils/getLineShape';\nimport {numberFormat} from '../../../utils/numberFormat';\nimport React from 'react';\nimport {createPortal} from 'react-dom';\n\ninterface PairedPointsProps {\n    facetKey: string;\n    scales: ChartScales;\n    geom: PairedPoints;\n    orientation: Orientation;\n    aes: PairedPointsData['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    key: string\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(key)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(key)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nexport function PairedPointsElement({\n    facetKey,\n    scales,\n    orientation,\n    geom,\n    aes,\n    sideDistances,\n    showTooltips,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: PairedPointsProps) {\n    const isVertical = orientation === 'vertical';\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, geom.id);\n    const lineShape = getAesValue(scales, 'lineShape', aes.lineShape, geom.id);\n\n    const fillColor1 = getAesValue(scales, 'fillColor', aes.dotFill, geom.key1);\n    const dotShape1 = getAesValue(scales, 'dotShape', aes.dotShape, geom.key1);\n\n    const fillColor2 = getAesValue(scales, 'fillColor', aes.dotFill, geom.key2);\n    const dotShape2 = getAesValue(scales, 'dotShape', aes.dotShape, geom.key2);\n    const shape1 = getPointShape(dotShape1 as PointShape, aes.dotSize, fillColor1);\n    const shape2 = getPointShape(dotShape2 as PointShape, aes.dotSize, fillColor2);\n\n    function getX(key: string) {\n        if (geom.grouping === 'primary') {\n            return (scales.xPrimary(key) ?? 0) + scales.xPrimary.bandwidth() / 2;\n        }\n        return (scales.xPrimary(geom.id) ?? 0) + (scales.xSecondary(key) ?? 0) + scales.xSecondary.bandwidth() / 2;\n    }\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g opacity={aes.opacity}>\n            {geom.pairs.map(pair => {\n                const x1 = isVertical ? getX(geom.key1) : scales.y(pair.key1.value);\n                const x2 = isVertical ? getX(geom.key2) : scales.y(pair.key2.value);\n                const y1 = isVertical ? scales.y(pair.key1.value) : getX(geom.key1);\n                const y2 = isVertical ? scales.y(pair.key2.value) : getX(geom.key2);\n                const globalKey1 = `pairedPoints_${pair.id}_${pair.key1.id}`;\n                const globalKey2 = `pairedPoints_${pair.id}_${pair.key2.id}`;\n                const highlightedPoint1 = tooltipsData.currentFacet === facetKey && tooltipsData.selectedData === globalKey1 && dimmedBackground;\n                const highlightedPoint2 = tooltipsData.currentFacet === facetKey && tooltipsData.selectedData === globalKey2 && dimmedBackground;\n\n                const point1 = (\n                    <g transform={`translate(${x1},${y1})`}>\n                        {shape1}\n                        {showTooltips && tooltipsContainer && (\n                            <circle\n                                onMouseOver={() => tooltipsData.onMouseOver(globalKey1, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                r=\"15\"\n                                fill=\"transparent\"\n                                stroke=\"none\"\n                            />\n                        )}\n                        {showTooltips && (\n                            <Tooltip\n                                content={[pair.id, numberFormat(pair.key1.value)]}\n                                x={x1}\n                                y={y1}\n                                sideDistances={sideDistances}\n                                horizontal\n                                active={globalKey1 === tooltipsData.selectedData && tooltipsData.currentFacet === facetKey}\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n                const point2 = (\n                    <g transform={`translate(${x2},${y2})`}>\n                        {shape2}\n                        {showTooltips && tooltipsContainer && (\n                            <circle\n                                onMouseOver={() => tooltipsData.onMouseOver(globalKey2, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                r=\"15\"\n                                fill=\"transparent\"\n                                stroke=\"none\"\n                            />\n                        )}\n                        {showTooltips && (\n                            <Tooltip\n                                content={[pair.id, numberFormat(pair.key2.value)]}\n                                x={x2}\n                                y={y2}\n                                sideDistances={sideDistances}\n                                horizontal\n                                active={globalKey2 === tooltipsData.selectedData && tooltipsData.currentFacet === facetKey}\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n                return (\n                    <g key={pair.id}>\n                        <line\n                            x1={x1}\n                            y1={y1}\n                            x2={x2}\n                            y2={y2}\n                            stroke={lineColor}\n                            strokeDasharray={getLineShape(lineShape)}\n                            strokeWidth={aes.lineWidth}\n                            fill=\"none\"\n                        />\n                        {highlightedPoint1 ? createPortal(point1, activeElementContainer) : point1}\n                        {highlightedPoint2 ? createPortal(point1, activeElementContainer) : point2}\n                    </g>\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","key","PairedPointsElement","facetKey","orientation","geom","aes","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","lineColor","lineShape","fillColor1","dotShape1","fillColor2","dotShape2","shape1","getPointShape","shape2","getX","dimmedBackground","jsx","pair","x1","x2","y1","y2","globalKey1","globalKey2","highlightedPoint1","highlightedPoint2","point1","Tooltip","numberFormat","point2","getLineShape","createPortal"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+import { ChartScales } from '../types';
+import { Sina } from '../../layers';
+import { SinaLayer } from '../../DiscreteSettingsImpl';
+import { Orientation } from '../../../types';
+interface SinaProps {
+    scales: ChartScales;
+    geom: Sina;
+    orientation: Orientation;
+    aes: SinaLayer['aes'];
+    hasKeyFromColumn: boolean;
+    sideDistances: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    showTooltips: boolean;
+    tooltipsContainer?: Element;
+}
+export declare function SinaElement({ scales, orientation, geom, aes, hasKeyFromColumn, sideDistances, showTooltips, tooltipsContainer, }: SinaProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SinaElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SinaElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/SinaElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AACvC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAG1D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAIhD,UAAU,SAAS;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACtB,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,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA0BD,wBAAgB,WAAW,CAAC,EACxB,MAAM,EACN,WAAW,EACX,IAAI,EACJ,GAAG,EACH,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,iBAAiB,GACpB,EAAE,SAAS,2CAmDX"}

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

@@ -0,0 +1,69 @@
+import { j as p } from "../../../node_modules/react/jsx-runtime.js";
+import { Tooltip as A } from "../../../common/Tooltip.js";
+import { getPointShape as E } from "../../../utils/getPointShape.js";
+import { r as M } from "../../../_virtual/index.js";
+import { numberFormat as l } from "../../../utils/numberFormat.js";
+function g(t, o, r, n) {
+  if (r && typeof r == "object" && "type" in r) {
+    if (r.type === "primaryGrouping")
+      return t.xPrimaryAes(n.primaryGrouping)[o];
+    if (r.type === "secondaryGrouping")
+      return t.xSecondaryAes(n.secondaryGrouping)[o];
+  }
+  return r;
+}
+function D(t, o, r) {
+  return r ? [o, `${l(t)}`] : [`${l(t)}`];
+}
+function J({
+  scales: t,
+  orientation: o,
+  geom: r,
+  aes: n,
+  hasKeyFromColumn: b,
+  sideDistances: j,
+  showTooltips: s,
+  tooltipsContainer: u
+}) {
+  const [G, x] = M.useState(null), a = o === "vertical", c = (t.xPrimary(r.primaryGrouping) ?? 0) + (t.xSecondary(r.secondaryGrouping) ?? 0) + t.xSecondary.bandwidth() / 2, y = t.xSecondary.bandwidth(), P = n.width === "auto" ? y * 0.8 : Math.min(y, n.width), m = (i) => (1 - i * 2) * (P / 2), $ = g(t, "dotFill", n.dotFill, r), F = g(t, "dotShape", n.dotShape, r), w = E(F, n.dotSize, $);
+  return /* @__PURE__ */ p.jsx("g", { transform: a ? `translate(${c},0)` : `translate(0, ${c})`, children: r.points.map(({ x: i, y: d, jitter: f, id: e }) => {
+    const h = a ? d * m(f) : t.y(i), S = a ? t.y(i) : d * m(f);
+    return /* @__PURE__ */ p.jsxs(
+      "g",
+      {
+        opacity: n.opacity,
+        transform: `translate(${h},${S})`,
+        children: [
+          w,
+          s && u && /* @__PURE__ */ p.jsx(
+            "circle",
+            {
+              onMouseOver: () => x(e),
+              onMouseLeave: () => x(null),
+              r: "4",
+              fill: "transparent",
+              stroke: "none"
+            }
+          ),
+          s && /* @__PURE__ */ p.jsx(
+            A,
+            {
+              content: D(d, e, b),
+              x: c + h,
+              y: S,
+              active: G === e,
+              fixed: !1,
+              sideDistances: j,
+              container: u
+            }
+          )
+        ]
+      },
+      e
+    );
+  }) });
+}
+export {
+  J as SinaElement
+};
+//# sourceMappingURL=SinaElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SinaElement.js","sources":["../../../../src/discrete/components/layers/SinaElement.tsx"],"sourcesContent":["import {Tooltip} from '../../../common/Tooltip';\nimport type {ChartScales} from '../types';\nimport type {Sina} from '../../layers';\nimport type {SinaLayer} from '../../DiscreteSettingsImpl';\nimport {getPointShape} from '../../../utils/getPointShape';\nimport type {AesItem, InheritAesDiscrete} from '../../../types';\nimport type {Orientation} from '../../../types';\nimport React, {useState} from 'react';\nimport {numberFormat} from '../../../utils/numberFormat';\n\ninterface SinaProps {\n    scales: ChartScales;\n    geom: Sina;\n    orientation: Orientation;\n    aes: SinaLayer['aes'];\n    hasKeyFromColumn: boolean;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: Sina\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 SinaElement({\n    scales,\n    orientation,\n    geom,\n    aes,\n    hasKeyFromColumn,\n    sideDistances,\n    showTooltips,\n    tooltipsContainer,\n}: SinaProps) {\n    const [selectedDot, setSelectedDot] = useState<string | null>(null);\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 boxOuterWidth = scales.xSecondary.bandwidth();\n    const boxWidth = aes.width === 'auto' ? boxOuterWidth * 0.8 : Math.min(boxOuterWidth, aes.width);\n    const getJitterX = (v: number) => (1 - v * 2) * (boxWidth / 2);\n    const dotFill = getAesValue(scales, 'dotFill', aes.dotFill, geom);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, geom);\n    const shape = getPointShape(dotShape, aes.dotSize, dotFill);\n\n    return (\n        <g transform={isVertical ? `translate(${xPosition},0)` : `translate(0, ${xPosition})`}>\n            {geom.points.map(({x, y, jitter, id}) => {\n                const xPos = isVertical ? y * getJitterX(jitter) : scales.y(x);\n                const yPos = isVertical ? scales.y(x) : y * getJitterX(jitter);\n                return (\n                    <g\n                        key={id}\n                        opacity={aes.opacity}\n                        transform={`translate(${xPos},${yPos})`}\n                    >\n                        {shape}\n                        {showTooltips && tooltipsContainer && (\n                            <circle\n                                onMouseOver={() => setSelectedDot(id)}\n                                onMouseLeave={() => setSelectedDot(null)}\n                                r=\"4\"\n                                fill=\"transparent\"\n                                stroke=\"none\"\n                            />\n                        )}\n                        {showTooltips && (\n                            <Tooltip\n                                content={getTooltipContent(y, id, hasKeyFromColumn)}\n                                x={xPosition + xPos}\n                                y={yPos}\n                                active={selectedDot === id}\n                                fixed={false}\n                                sideDistances={sideDistances}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","geom","getTooltipContent","y","id","hasKeyFromColumn","numberFormat","SinaElement","orientation","aes","sideDistances","showTooltips","tooltipsContainer","selectedDot","setSelectedDot","useState","isVertical","xPosition","boxOuterWidth","boxWidth","getJitterX","v","dotFill","dotShape","shape","getPointShape","x","jitter","xPos","yPos","jsxs","jsx","Tooltip"],"mappings":";;;;;AA0BA,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;AAEA,SAASE,EAAkBC,GAAWC,GAAYC,GAA2B;AACzE,SAAIA,IACO,CAACD,GAAI,GAAGE,EAAaH,CAAC,CAAC,EAAE,IAE7B,CAAC,GAAGG,EAAaH,CAAC,CAAC,EAAE;AAChC;AAEO,SAASI,EAAY;AAAA,EACxB,QAAAT;AAAA,EACA,aAAAU;AAAA,EACA,MAAAP;AAAA,EACA,KAAAQ;AAAA,EACA,kBAAAJ;AAAA,EACA,eAAAK;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AACJ,GAAc;AACV,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAAA,SAAwB,IAAI,GAC5DC,IAAaR,MAAgB,YAC7BS,KACDnB,EAAO,SAASG,EAAK,eAAe,KAAK,MACzCH,EAAO,WAAWG,EAAK,iBAAiB,KAAK,KAC9CH,EAAO,WAAW,cAAc,GAC9BoB,IAAgBpB,EAAO,WAAW,UAAA,GAClCqB,IAAWV,EAAI,UAAU,SAASS,IAAgB,MAAM,KAAK,IAAIA,GAAeT,EAAI,KAAK,GACzFW,IAAa,CAACC,OAAe,IAAIA,IAAI,MAAMF,IAAW,IACtDG,IAAUzB,EAAYC,GAAQ,WAAWW,EAAI,SAASR,CAAI,GAC1DsB,IAAW1B,EAAYC,GAAQ,YAAYW,EAAI,UAAUR,CAAI,GAC7DuB,IAAQC,EAAcF,GAAUd,EAAI,SAASa,CAAO;AAE1D,+BACK,KAAA,EAAE,WAAWN,IAAa,aAAaC,CAAS,QAAQ,gBAAgBA,CAAS,KAC7E,UAAAhB,EAAK,OAAO,IAAI,CAAC,EAAC,GAAAyB,GAAG,GAAAvB,GAAG,QAAAwB,GAAQ,IAAAvB,QAAQ;AACrC,UAAMwB,IAAOZ,IAAab,IAAIiB,EAAWO,CAAM,IAAI7B,EAAO,EAAE4B,CAAC,GACvDG,IAAOb,IAAalB,EAAO,EAAE4B,CAAC,IAAIvB,IAAIiB,EAAWO,CAAM;AAC7D,WACIG,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,SAASrB,EAAI;AAAA,QACb,WAAW,aAAamB,CAAI,IAAIC,CAAI;AAAA,QAEnC,UAAA;AAAA,UAAAL;AAAA,UACAb,KAAgBC,KACbmB,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACG,aAAa,MAAMjB,EAAeV,CAAE;AAAA,cACpC,cAAc,MAAMU,EAAe,IAAI;AAAA,cACvC,GAAE;AAAA,cACF,MAAK;AAAA,cACL,QAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAGdH,KACGoB,gBAAAA,EAAAA;AAAAA,YAACC;AAAA,YAAA;AAAA,cACG,SAAS9B,EAAkBC,GAAGC,GAAIC,CAAgB;AAAA,cAClD,GAAGY,IAAYW;AAAA,cACf,GAAGC;AAAA,cACH,QAAQhB,MAAgBT;AAAA,cACxB,OAAO;AAAA,cACP,eAAAM;AAAA,cACA,WAAWE;AAAA,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,MAAA;AAAA,MAvBCR;AAAA,IAAA;AAAA,EA2BjB,CAAC,EAAA,CACL;AAER;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackedBarElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/StackedBarElement.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,UAAU,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AACjD,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,OAAO,CAAC;IACnB,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,iBAAiB,EAAE,YAAY,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA0BD,wBAAgB,iBAAiB,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,IAAI,EACJ,GAAG,EACH,aAAa,EACb,YAAY,EACZ,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,eAAe,2CAuEjB"}

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

@@ -0,0 +1,84 @@
+import { j as f } from "../../../node_modules/react/jsx-runtime.js";
+import { Tooltip as F } from "../../../common/Tooltip.js";
+import { numberFormat as O } from "../../../utils/numberFormat.js";
+import { r as H } from "../../../node_modules/react-dom/index.js";
+function P(c, r, n, t, o) {
+  if (n && typeof n == "object" && "type" in n) {
+    if (n.type === "primaryGrouping")
+      return c.xPrimaryAes(t)[r];
+    if (n.type === "secondaryGrouping")
+      return c.xSecondaryAes(o)[r];
+  }
+  return n;
+}
+function T(c, r, n, t) {
+  const o = c.valueLabels[n], x = O(r.valuesMap[n].height) + (t ? "%" : "");
+  return o ? [o, x] : [x];
+}
+function X({
+  facetKey: c,
+  scales: r,
+  orientation: n,
+  geom: t,
+  aes: o,
+  sideDistances: x,
+  showTooltips: v,
+  elementsAmount: G,
+  normalize: S,
+  secondaryGrouping: w,
+  activeElementContainer: g,
+  tooltipsContainer: L,
+  tooltipsData: e
+}) {
+  const u = n === "vertical", h = r.xPrimary.bandwidth(), a = (r.xPrimary(t.primaryGrouping) ?? 0) + h / 2, d = o.width === "auto" ? h * 0.8 : Math.min(h, o.width), M = r.xSecondary.domain().reverse(), b = {};
+  let m = 0;
+  M.forEach((i) => {
+    if (!t.valuesMap[i])
+      return;
+    const p = t.valuesMap[i].height;
+    b[i] = {
+      y1: m,
+      y2: m + p
+    }, m += p;
+  });
+  const V = g && e.fixed;
+  return /* @__PURE__ */ f.jsx("g", { opacity: o.opacity, strokeWidth: o.lineWidth, children: M.map((i) => {
+    if (!t.valuesMap[i])
+      return null;
+    const { y1: p, y2: W } = b[i], s = r.y(p), l = r.y(W), C = Math.abs(s - l), A = P(r, "lineColor", o.lineColor, t.primaryGrouping, i), B = P(r, "fillColor", o.fillColor, t.primaryGrouping, i), y = `stackedBar_${String(t.primaryGrouping)}_${String(i)}`, j = /* @__PURE__ */ f.jsx(
+      "rect",
+      {
+        width: u ? d : C,
+        height: u ? C : d,
+        x: u ? a - d / 2 : Math.min(s, l),
+        y: u ? Math.min(s, l) : a - d / 2,
+        fill: B,
+        stroke: A,
+        onMouseOver: () => e.onMouseOver(y, c),
+        onMouseLeave: () => e.onMouseLeave()
+      }
+    ), E = e.selectedData === y && c === e.currentFacet && V;
+    return /* @__PURE__ */ f.jsxs("g", { children: [
+      E ? H.createPortal(j, g) : j,
+      v && /* @__PURE__ */ f.jsx(
+        F,
+        {
+          content: T(w, t, i, S),
+          x: u ? a : (s + l) / 2,
+          y: u ? (s + l) / 2 : a,
+          sideDistances: x,
+          horizontal: u,
+          offset: G > 1 ? h / 2 : h / 4,
+          active: y === e.selectedData && c === e.currentFacet,
+          fixed: e.fixed,
+          onClose: e.onClose,
+          container: L
+        }
+      )
+    ] }, i);
+  }) });
+}
+export {
+  X as StackedBarElement
+};
+//# sourceMappingURL=StackedBarElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackedBarElement.js","sources":["../../../../src/discrete/components/layers/StackedBarElement.tsx"],"sourcesContent":["import type { TooltipsData} from '../../../common/Tooltip';\nimport {Tooltip} from '../../../common/Tooltip';\nimport type {ChartScales} from '../types';\nimport type {StackedBar} from '../../layers';\nimport type {StackedBarLayer} from '../../DiscreteSettingsImpl';\nimport type {GroupingData} from '../../../types';\nimport type {AesItem, InheritAesDiscrete, Orientation} from '../../../types';\nimport React from 'react';\nimport {numberFormat} from '../../../utils/numberFormat';\nimport {createPortal} from 'react-dom';\n\ninterface StackedBarProps {\n    facetKey: string;\n    scales: ChartScales;\n    geom: StackedBar;\n    orientation: Orientation;\n    aes: StackedBarLayer['aes'];\n    normalize: boolean;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    elementsAmount: number;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    primaryGrouping: string,\n    secondaryGrouping: string\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getTooltipContent(secondaryGrouping:GroupingData, geom:StackedBar, secondaryKey: string, normalize:boolean) {\n    const keyLabel = secondaryGrouping.valueLabels[secondaryKey];\n    const heightValue = numberFormat(geom.valuesMap[secondaryKey].height) + (normalize ? '%' : '');\n    return keyLabel ? [keyLabel, heightValue] : [heightValue];\n}\n\nexport function StackedBarElement({\n    facetKey,\n    scales,\n    orientation,\n    geom,\n    aes,\n    sideDistances,\n    showTooltips,\n    elementsAmount,\n    normalize,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: StackedBarProps) {\n    const isVertical = orientation === 'vertical';\n    const boxOuterWidth = scales.xPrimary.bandwidth();\n    const boxXPosition = (scales.xPrimary(geom.primaryGrouping) ?? 0) + boxOuterWidth / 2;\n    const boxWidth = aes.width === 'auto' ? boxOuterWidth * 0.8 : Math.min(boxOuterWidth, aes.width);\n    const secondaryKeys = scales.xSecondary.domain().reverse();\n    const yValues:Record<string, {y1: number, y2: number}> = {};\n    let currentHeight = 0;\n    secondaryKeys.forEach(secondaryKey => {\n        if (!geom.valuesMap[secondaryKey]) {\n            return;\n        }\n        const height = geom.valuesMap[secondaryKey].height;\n        yValues[secondaryKey] = {\n            y1: currentHeight,\n            y2: currentHeight + height,\n        };\n        currentHeight += height;\n    });\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g opacity={aes.opacity} strokeWidth={aes.lineWidth}>\n            {secondaryKeys.map(key => {\n                if (!geom.valuesMap[key]) {\n                    return null;\n                }\n                const {y1, y2} = yValues[key];\n                const y1Px = scales.y(y1);\n                const y2Px = scales.y(y2);\n                const boxHeight = Math.abs(y1Px - y2Px);\n                const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, geom.primaryGrouping, key);\n                const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, geom.primaryGrouping, key);\n                const globalKey = `stackedBar_${String(geom.primaryGrouping)}_${String(key)}`;\n\n                const section = (\n                    <rect\n                        width={isVertical ? boxWidth : boxHeight}\n                        height={isVertical ? boxHeight : boxWidth}\n                        x={isVertical ? boxXPosition - boxWidth / 2 : Math.min(y1Px, y2Px)}\n                        y={isVertical ? Math.min(y1Px, y2Px) : boxXPosition - boxWidth / 2}\n                        fill={fillColor}\n                        stroke={lineColor}\n                        onMouseOver={() => tooltipsData.onMouseOver(globalKey, facetKey)}\n                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    />\n                );\n                const highlightedSection = tooltipsData.selectedData === globalKey && facetKey === tooltipsData.currentFacet && dimmedBackground;\n                return (\n                    <g key={key}>\n                        {highlightedSection ? createPortal(section, activeElementContainer) : section}\n                        {showTooltips && (\n                            <Tooltip\n                                content={getTooltipContent(secondaryGrouping, geom, key, normalize)}\n                                x={isVertical ? boxXPosition : (y1Px + y2Px) / 2}\n                                y={isVertical ? (y1Px + y2Px) / 2 : boxXPosition}\n                                sideDistances={sideDistances}\n                                horizontal={isVertical}\n                                offset={elementsAmount > 1 ? boxOuterWidth / 2 : boxOuterWidth / 4}\n                                active={globalKey === tooltipsData.selectedData && facetKey === tooltipsData.currentFacet}\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","primaryGrouping","secondaryGrouping","getTooltipContent","geom","secondaryKey","normalize","keyLabel","heightValue","numberFormat","StackedBarElement","facetKey","orientation","aes","sideDistances","showTooltips","elementsAmount","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","boxOuterWidth","boxXPosition","boxWidth","secondaryKeys","yValues","currentHeight","height","dimmedBackground","jsx","key","y1","y2","y1Px","y2Px","boxHeight","lineColor","fillColor","globalKey","section","highlightedSection","createPortal","Tooltip"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { ChartScales } from '../types';
+import { StatsData } from '../../layers/types';
+import { Orientation } from '../../../types';
+interface StatsProps {
+    scales: ChartScales;
+    orientation: Orientation;
+    values: [string[], number][];
+    testMethod: StatsData['meta']['testMethod'];
+    statType: StatsData['meta']['statType'];
+    format: StatsData['meta']['format'];
+    ns: StatsData['meta']['ns'];
+    significanceLevels: StatsData['meta']['significanceLevels'];
+    yShift: number;
+}
+export declare function StatsPValue({ orientation, scales, testMethod, values, statType, format, ns, significanceLevels, yShift }: StatsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=StatsPValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatsPValue.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/StatsPValue.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,UAAU,UAAU;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC;IAC7B,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IACxC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IACpC,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;IAC5B,kBAAkB,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAC5D,MAAM,EAAE,MAAM,CAAC;CAClB;AAwCD,wBAAgB,WAAW,CAAC,EACxB,WAAW,EACX,MAAM,EACN,UAAU,EACV,MAAM,EACN,QAAQ,EACR,MAAM,EACN,EAAE,EACF,kBAAkB,EAClB,MAAM,EACT,EAAE,UAAU,kDAyFZ"}

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

@@ -0,0 +1,98 @@
+import { j as e } from "../../../node_modules/react/jsx-runtime.js";
+import { BLACK as R } from "../../../constants.js";
+import { NO_GROUPED as S } from "../../../DataFrame.js";
+import { P_VALUE_LINE_HEIGHT as O } from "../../constants.js";
+import { sortPairwiseKeys as b, getPairwiseStatLevels as K } from "../../utils/statsPValue.js";
+import { numberFormat as N } from "../../../utils/numberFormat.js";
+const y = {
+  ttest: "TTest",
+  anova: "ANOVA",
+  kruskalWallis: "Kruskal-Wallis",
+  wilcoxon: "Wilcoxon"
+};
+function G(o, r) {
+  return o <= r.three ? "***" : o <= r.two ? "**" : o <= r.one ? "*" : "ns";
+}
+function g(o, r, f, a) {
+  return !a && o > f.one ? "" : r === "significance" ? G(o, f) : N(o);
+}
+const i = 18, P = 12;
+function T({
+  orientation: o,
+  scales: r,
+  testMethod: f,
+  values: a,
+  statType: m,
+  format: j,
+  ns: c,
+  significanceLevels: h,
+  yShift: E
+}) {
+  if (!a.length)
+    return null;
+  const x = (n) => (r.xPrimary(n) ?? 0) + r.xPrimary.bandwidth() / 2, t = o === "vertical", u = Math.abs(r.xPrimary.range()[1] - r.xPrimary.range()[0]), V = Math.abs(r.y.range()[1] - r.y.range()[0]), A = r.xPrimary.domain(), _ = m === "pairwise" ? b(a, A, h, !c) : a, $ = m === "pairwise" ? K(_, A) : [], w = Math.max(...$);
+  return /* @__PURE__ */ e.jsxs("g", { fontSize: "14px", transform: t ? `translate(0,${E})` : `translate(${V - E},0)`, children: [
+    m === "overall" && /* @__PURE__ */ e.jsx(
+      "text",
+      {
+        x: t ? u / 2 : -i,
+        y: t ? i : u / 2,
+        transform: t ? "" : `rotate(90,${-i},${u / 2})`,
+        textAnchor: "middle",
+        children: `${y[f]}, p = ${g(
+          a[0][1],
+          "pValue",
+          h,
+          !0
+        )}`
+      }
+    ),
+    m === "referenceGroup" && /* @__PURE__ */ e.jsx("g", { children: a.map(([[n], s]) => /* @__PURE__ */ e.jsx(
+      "text",
+      {
+        x: t ? x(n) : -i,
+        y: t ? i : x(n),
+        transform: t ? "" : `rotate(90,${-i},${x(n)})`,
+        textAnchor: "middle",
+        children: g(s, j, h, c)
+      },
+      n
+    )) }),
+    m === "pairwise" && /* @__PURE__ */ e.jsx("g", { children: _.map(([[n, s], F], M) => {
+      if (n === S || s === S)
+        return null;
+      const l = x(n), d = x(s), p = (l + d) / 2;
+      return /* @__PURE__ */ e.jsxs(
+        "g",
+        {
+          transform: t ? `translate(0,${(w - $[M]) * O})` : `translate(${-(w - $[M]) * O},0)`,
+          children: [
+            /* @__PURE__ */ e.jsx(
+              "text",
+              {
+                x: t ? p : -P,
+                y: t ? P : p,
+                transform: t ? "" : `rotate(90,${-P},${p})`,
+                textAnchor: "middle",
+                children: g(F, j, h, c)
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "path",
+              {
+                d: t ? `M ${l},21 v-4 h ${d - l} v4` : `M -21,${l} h 4 v ${d - l} h-4`,
+                fill: "none",
+                stroke: R
+              }
+            )
+          ]
+        },
+        `${n}_${s}`
+      );
+    }) })
+  ] });
+}
+export {
+  T as StatsPValue
+};
+//# sourceMappingURL=StatsPValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatsPValue.js","sources":["../../../../src/discrete/components/layers/StatsPValue.tsx"],"sourcesContent":["import { BLACK } from '../../../constants';\nimport { NO_GROUPED } from '../../../DataFrame';\nimport type { ChartScales } from '../types';\nimport { P_VALUE_LINE_HEIGHT } from '../../constants';\nimport type { StatLayer } from '../../DiscreteSettingsImpl';\nimport type { StatsData } from '../../layers/types';\nimport { getPairwiseStatLevels, sortPairwiseKeys } from '../../utils/statsPValue';\nimport type { Orientation } from '../../../types';\nimport { numberFormat } from '../../../utils/numberFormat';\n\ninterface StatsProps {\n    scales: ChartScales;\n    orientation: Orientation;\n    values: [string[], number][];\n    testMethod: StatsData['meta']['testMethod'];\n    statType: StatsData['meta']['statType'];\n    format: StatsData['meta']['format'];\n    ns: StatsData['meta']['ns'];\n    significanceLevels: StatsData['meta']['significanceLevels'];\n    yShift: number;\n}\n\nconst METHOD_NAME = {\n    ttest: 'TTest',\n    anova: 'ANOVA',\n    kruskalWallis: 'Kruskal-Wallis',\n    wilcoxon: 'Wilcoxon',\n};\n\nfunction getSignificanceStars(value: number, significanceLevels: StatsData['meta']['significanceLevels']) {\n    if (value <= significanceLevels.three) {\n        return '***';\n    }\n    if (value <= significanceLevels.two) {\n        return '**';\n    }\n    if (value <= significanceLevels.one) {\n        return '*';\n    }\n    return 'ns';\n}\n\nfunction formatPValue(\n    value: number,\n    format: StatLayer['format'],\n    significanceLevels: StatsData['meta']['significanceLevels'],\n    ns: boolean\n): string {\n    if (!ns && value > significanceLevels.one) {\n        return '';\n    }\n    if (format === 'significance') {\n        return getSignificanceStars(value, significanceLevels);\n    }\n    return numberFormat(value);\n}\n\nconst Y_OFFSET = 18;\nconst Y_OFFSET_BRACE = 12;\n\nexport function StatsPValue({\n    orientation,\n    scales,\n    testMethod,\n    values,\n    statType,\n    format,\n    ns,\n    significanceLevels,\n    yShift\n}: StatsProps) {\n    if (!values.length) {\n        return null;\n    }\n    const getX = (key: string) => (scales.xPrimary(key) ?? 0) + scales.xPrimary.bandwidth() / 2;\n    const isVertical = orientation === 'vertical';\n    const primaryRange = Math.abs(scales.xPrimary.range()[1] - scales.xPrimary.range()[0]);\n    const yRange = Math.abs(scales.y.range()[1] - scales.y.range()[0]);\n    const primaryKeys = scales.xPrimary.domain();\n    // Sort pairs by left key, then by right key, remove items with ns-values\n    const valuesSorted = statType === 'pairwise' ? sortPairwiseKeys(values, primaryKeys, significanceLevels, !ns) : values;\n    const levels = statType === 'pairwise' ? getPairwiseStatLevels(valuesSorted, primaryKeys) : [];\n    const maxLevel = Math.max(...levels);\n\n    return (\n        <g fontSize=\"14px\" transform={isVertical ? `translate(0,${yShift})` : `translate(${yRange - yShift},0)`}>\n            {statType === 'overall' && (\n                <text\n                    x={isVertical ? primaryRange / 2 : -Y_OFFSET}\n                    y={isVertical ? Y_OFFSET : primaryRange / 2}\n                    transform={isVertical ? '' : `rotate(90,${-Y_OFFSET},${primaryRange / 2})`}\n                    textAnchor=\"middle\"\n                >\n                    {`${METHOD_NAME[testMethod]}, p = ${formatPValue(\n                        values[0][1],\n                        'pValue',\n                        significanceLevels,\n                        true\n                    )}`}\n                </text>\n            )}\n            {statType === 'referenceGroup' && (\n                <g>\n                    {values.map(([[key], value]) => (\n                        <text\n                            key={key}\n                            x={isVertical ? getX(key) : -Y_OFFSET}\n                            y={isVertical ? Y_OFFSET : getX(key)}\n                            transform={isVertical ? '' : `rotate(90,${-Y_OFFSET},${getX(key)})`}\n                            textAnchor=\"middle\"\n                        >\n                            {formatPValue(value, format, significanceLevels, ns)}\n                        </text>\n                    ))}\n                </g>\n            )}\n            {statType === 'pairwise' && (\n                <g>\n                    {valuesSorted.map(([[key1, key2], value], index) => {\n                        if (key1 === NO_GROUPED || key2 === NO_GROUPED) { \n                            return null;\n                        }\n\n                        const left = getX(key1);\n                        const right = getX(key2);\n                        const center = (left + right) / 2;\n                        return (\n                            <g\n                                key={`${key1}_${key2}`}\n                                transform={\n                                    isVertical\n                                        ? `translate(0,${(maxLevel - levels[index]) * P_VALUE_LINE_HEIGHT})`\n                                        : `translate(${-(maxLevel - levels[index]) * P_VALUE_LINE_HEIGHT},0)`\n                                }\n                            >\n                                <text\n                                    x={isVertical ? center : -Y_OFFSET_BRACE}\n                                    y={isVertical ? Y_OFFSET_BRACE : center}\n                                    transform={isVertical ? '' : `rotate(90,${-Y_OFFSET_BRACE},${center})`}\n                                    textAnchor=\"middle\"\n                                >\n                                    {formatPValue(value, format, significanceLevels, ns)}\n                                </text>\n                                <path\n                                    d={\n                                        isVertical\n                                            ? `M ${left},21 v-4 h ${right - left} v4`\n                                            : `M -21,${left} h 4 v ${right - left} h-4`\n                                    }\n                                    fill=\"none\"\n                                    stroke={BLACK}\n                                />\n                            </g>\n                        );\n                    })}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["METHOD_NAME","getSignificanceStars","value","significanceLevels","formatPValue","format","ns","numberFormat","Y_OFFSET","Y_OFFSET_BRACE","StatsPValue","orientation","scales","testMethod","values","statType","yShift","getX","key","isVertical","primaryRange","yRange","primaryKeys","valuesSorted","sortPairwiseKeys","levels","getPairwiseStatLevels","maxLevel","jsxs","jsx","key1","key2","index","NO_GROUPED","left","right","center","P_VALUE_LINE_HEIGHT","BLACK"],"mappings":";;;;;;AAsBA,MAAMA,IAAc;AAAA,EAChB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AACd;AAEA,SAASC,EAAqBC,GAAeC,GAA6D;AACtG,SAAID,KAASC,EAAmB,QACrB,QAEPD,KAASC,EAAmB,MACrB,OAEPD,KAASC,EAAmB,MACrB,MAEJ;AACX;AAEA,SAASC,EACLF,GACAG,GACAF,GACAG,GACM;AACN,SAAI,CAACA,KAAMJ,IAAQC,EAAmB,MAC3B,KAEPE,MAAW,iBACJJ,EAAqBC,GAAOC,CAAkB,IAElDI,EAAaL,CAAK;AAC7B;AAEA,MAAMM,IAAW,IACXC,IAAiB;AAEhB,SAASC,EAAY;AAAA,EACxB,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAV;AAAA,EACA,IAAAC;AAAA,EACA,oBAAAH;AAAA,EACA,QAAAa;AACJ,GAAe;AACX,MAAI,CAACF,EAAO;AACR,WAAO;AAEX,QAAMG,IAAO,CAACC,OAAiBN,EAAO,SAASM,CAAG,KAAK,KAAKN,EAAO,SAAS,UAAA,IAAc,GACpFO,IAAaR,MAAgB,YAC7BS,IAAe,KAAK,IAAIR,EAAO,SAAS,MAAA,EAAQ,CAAC,IAAIA,EAAO,SAAS,MAAA,EAAQ,CAAC,CAAC,GAC/ES,IAAS,KAAK,IAAIT,EAAO,EAAE,MAAA,EAAQ,CAAC,IAAIA,EAAO,EAAE,MAAA,EAAQ,CAAC,CAAC,GAC3DU,IAAcV,EAAO,SAAS,OAAA,GAE9BW,IAAeR,MAAa,aAAaS,EAAiBV,GAAQQ,GAAanB,GAAoB,CAACG,CAAE,IAAIQ,GAC1GW,IAASV,MAAa,aAAaW,EAAsBH,GAAcD,CAAW,IAAI,CAAA,GACtFK,IAAW,KAAK,IAAI,GAAGF,CAAM;AAEnC,SACIG,gBAAAA,EAAAA,KAAC,KAAA,EAAE,UAAS,QAAO,WAAWT,IAAa,eAAeH,CAAM,MAAM,aAAaK,IAASL,CAAM,OAC7F,UAAA;AAAA,IAAAD,MAAa,aACVc,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAGV,IAAaC,IAAe,IAAI,CAACZ;AAAA,QACpC,GAAGW,IAAaX,IAAWY,IAAe;AAAA,QAC1C,WAAWD,IAAa,KAAK,aAAa,CAACX,CAAQ,IAAIY,IAAe,CAAC;AAAA,QACvE,YAAW;AAAA,QAEV,UAAA,GAAGpB,EAAYa,CAAU,CAAC,SAAST;AAAA,UAChCU,EAAO,CAAC,EAAE,CAAC;AAAA,UACX;AAAA,UACAX;AAAA,UACA;AAAA,QAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAGRY,MAAa,oBACVc,gBAAAA,EAAAA,IAAC,KAAA,EACI,UAAAf,EAAO,IAAI,CAAC,CAAC,CAACI,CAAG,GAAGhB,CAAK,MACtB2B,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,GAAGV,IAAaF,EAAKC,CAAG,IAAI,CAACV;AAAA,QAC7B,GAAGW,IAAaX,IAAWS,EAAKC,CAAG;AAAA,QACnC,WAAWC,IAAa,KAAK,aAAa,CAACX,CAAQ,IAAIS,EAAKC,CAAG,CAAC;AAAA,QAChE,YAAW;AAAA,QAEV,UAAAd,EAAaF,GAAOG,GAAQF,GAAoBG,CAAE;AAAA,MAAA;AAAA,MAN9CY;AAAA,IAAA,CAQZ,GACL;AAAA,IAEHH,MAAa,cACVc,gBAAAA,EAAAA,IAAC,KAAA,EACI,YAAa,IAAI,CAAC,CAAC,CAACC,GAAMC,CAAI,GAAG7B,CAAK,GAAG8B,MAAU;AAChD,UAAIF,MAASG,KAAcF,MAASE;AAChC,eAAO;AAGX,YAAMC,IAAOjB,EAAKa,CAAI,GAChBK,IAAQlB,EAAKc,CAAI,GACjBK,KAAUF,IAAOC,KAAS;AAChC,aACIP,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WACIT,IACM,gBAAgBQ,IAAWF,EAAOO,CAAK,KAAKK,CAAmB,MAC/D,aAAa,EAAEV,IAAWF,EAAOO,CAAK,KAAKK,CAAmB;AAAA,UAGxE,UAAA;AAAA,YAAAR,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACG,GAAGV,IAAaiB,IAAS,CAAC3B;AAAA,gBAC1B,GAAGU,IAAaV,IAAiB2B;AAAA,gBACjC,WAAWjB,IAAa,KAAK,aAAa,CAACV,CAAc,IAAI2B,CAAM;AAAA,gBACnE,YAAW;AAAA,gBAEV,UAAAhC,EAAaF,GAAOG,GAAQF,GAAoBG,CAAE;AAAA,cAAA;AAAA,YAAA;AAAA,YAEvDuB,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACG,GACIV,IACM,KAAKe,CAAI,aAAaC,IAAQD,CAAI,QAClC,SAASA,CAAI,UAAUC,IAAQD,CAAI;AAAA,gBAE7C,MAAK;AAAA,gBACL,QAAQI;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,QAvBK,GAAGR,CAAI,IAAIC,CAAI;AAAA,MAAA;AAAA,IA0BhC,CAAC,EAAA,CACL;AAAA,EAAA,GAER;AAER;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViolinElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/ViolinElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAE5D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAIhD,OAAO,KAAK,EAAE,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAI3D,UAAU,WAAW;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,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;AAmBD,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,MAAM,EACN,GAAG,EACH,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,WAAW,2CA0Fb"}

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

@@ -0,0 +1,114 @@
+import { j as o } from "../../../node_modules/react/jsx-runtime.js";
+import { getLineShape as h } from "../../../utils/getLineShape.js";
+import { numberFormat as x } from "../../../utils/numberFormat.js";
+import { Tooltip as G } from "../../../common/Tooltip.js";
+import { r as P } from "../../../node_modules/react-dom/index.js";
+function l(q, t, i, r) {
+  if (i && typeof i == "object" && "type" in i) {
+    if (i.type === "primaryGrouping")
+      return q.xPrimaryAes(r.primaryGrouping)[t];
+    if (i.type === "secondaryGrouping")
+      return q.xSecondaryAes(r.secondaryGrouping)[t];
+  }
+  return i;
+}
+function Q({
+  facetKey: q,
+  scales: t,
+  orientation: i,
+  violin: r,
+  aes: y,
+  maxViolinDensity: m,
+  showTooltips: p,
+  sideDistances: S,
+  elementsAmount: L,
+  activeElementContainer: f,
+  tooltipsContainer: g,
+  tooltipsData: u
+}) {
+  const e = i === "vertical", a = (t.xPrimary(r.primaryGrouping) ?? 0) + (t.xSecondary(r.secondaryGrouping) ?? 0) + t.xSecondary.bandwidth() / 2, d = t.xSecondary.bandwidth(), n = y.width === "auto" ? d * 0.8 : Math.min(d, y.width), c = l(t, "lineColor", y.lineColor, r), M = l(t, "fillColor", y.fillColor, r), s = r.getArea(i, t.y, n, m) ?? "", $ = r.getLine(i, t.y, n, m) ?? "", j = Math.abs(t.y.range()[0] - t.y.range()[1]), w = f && u.fixed, C = u.selectedData === r && w, k = /* @__PURE__ */ o.jsxs(
+    "g",
+    {
+      transform: e ? `translate(${a},0)` : `translate(0, ${a})`,
+      opacity: y.opacity,
+      stroke: c,
+      fill: M,
+      strokeWidth: y.lineWidth,
+      strokeDasharray: h(y.lineShape),
+      children: [
+        /* @__PURE__ */ o.jsx("clipPath", { id: `violin_${r.key}`, children: /* @__PURE__ */ o.jsx("path", { d: s }) }),
+        /* @__PURE__ */ o.jsx("path", { d: s, stroke: "none" }),
+        y.showQuartiles && /* @__PURE__ */ o.jsxs("g", { clipPath: `url(#violin_${r.key})`, strokeWidth: y.lineWidth, stroke: c, children: [
+          /* @__PURE__ */ o.jsx(
+            "line",
+            {
+              x1: e ? -n / 2 : t.y(r.quartiles.q1),
+              x2: e ? n / 2 : t.y(r.quartiles.q1),
+              y1: e ? t.y(r.quartiles.q1) : -n / 2,
+              y2: e ? t.y(r.quartiles.q1) : n / 2,
+              strokeDasharray: h(y.quartilesLineStyle)
+            }
+          ),
+          /* @__PURE__ */ o.jsx(
+            "line",
+            {
+              x1: e ? -n / 2 : t.y(r.quartiles.q2),
+              x2: e ? n / 2 : t.y(r.quartiles.q2),
+              y1: e ? t.y(r.quartiles.q2) : -n / 2,
+              y2: e ? t.y(r.quartiles.q2) : n / 2,
+              strokeDasharray: h(y.medianLineStyle)
+            }
+          ),
+          /* @__PURE__ */ o.jsx(
+            "line",
+            {
+              x1: e ? -n / 2 : t.y(r.quartiles.q3),
+              x2: e ? n / 2 : t.y(r.quartiles.q3),
+              y1: e ? t.y(r.quartiles.q3) : -n / 2,
+              y2: e ? t.y(r.quartiles.q3) : n / 2,
+              strokeDasharray: h(y.quartilesLineStyle)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o.jsx("path", { d: $, fill: "none" }),
+        p && g && /* @__PURE__ */ o.jsx(
+          "rect",
+          {
+            onMouseOver: () => u.onMouseOver(r, q),
+            onMouseLeave: u.onMouseLeave,
+            width: e ? d : j,
+            x: e ? -d / 2 : 0,
+            y: e ? 0 : -d / 2,
+            height: e ? j : d,
+            fill: "transparent",
+            stroke: "none"
+          }
+        ),
+        p && /* @__PURE__ */ o.jsx(
+          G,
+          {
+            content: [
+              `Quartile 3 = ${x(r.quartiles.q3)}`,
+              `Median = ${x(r.quartiles.q2)}`,
+              `Quartile 1 = ${x(r.quartiles.q1)}`
+            ],
+            x: e ? a : t.y(r.quartiles.q2),
+            y: e ? t.y(r.quartiles.q2) : a,
+            sideDistances: S,
+            horizontal: e,
+            active: u.active && u.selectedData === r && u.currentFacet === q,
+            fixed: u.fixed,
+            offset: L > 1 ? n / 2 : n / 4,
+            onClose: u.onClose,
+            container: g
+          }
+        )
+      ]
+    }
+  );
+  return C ? P.createPortal(k, f) : k;
+}
+export {
+  Q as ViolinElement
+};
+//# sourceMappingURL=ViolinElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViolinElement.js","sources":["../../../../src/discrete/components/layers/ViolinElement.tsx"],"sourcesContent":["import type {ChartScales} from '../types';\nimport type {Violin} from '../../layers';\nimport type {ViolinLayer} from '../../DiscreteSettingsImpl';\nimport type {AesItem, InheritAesDiscrete} from '../../../types';\nimport type {Orientation} from '../../../types';\nimport {getLineShape} from '../../../utils/getLineShape';\nimport React from 'react';\nimport {numberFormat} from '../../../utils/numberFormat';\nimport type { TooltipsData} from '../../../common/Tooltip';\nimport {Tooltip} from '../../../common/Tooltip';\nimport {createPortal} from 'react-dom';\n\ninterface ViolinProps {\n    facetKey: string;\n    scales: ChartScales;\n    violin: Violin;\n    orientation: Orientation;\n    aes: ViolinLayer['aes'];\n    maxViolinDensity: number;\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: Violin\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 ViolinElement({\n    facetKey,\n    scales,\n    orientation,\n    violin,\n    aes,\n    maxViolinDensity,\n    showTooltips,\n    sideDistances,\n    elementsAmount,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: ViolinProps) {\n    const isVertical = orientation === 'vertical';\n    const xPosition =\n        (scales.xPrimary(violin.primaryGrouping) ?? 0) +\n        (scales.xSecondary(violin.secondaryGrouping) ?? 0) +\n        scales.xSecondary.bandwidth() / 2;\n    const violinOuterWidth = scales.xSecondary.bandwidth();\n    const width = aes.width === 'auto' ? violinOuterWidth * 0.8 : Math.min(violinOuterWidth, aes.width);\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, violin);\n    const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, violin);\n    const area = violin.getArea(orientation, scales.y, width, maxViolinDensity) ?? '';\n    const line = violin.getLine(orientation, scales.y, width, maxViolinDensity) ?? '';\n\n    const yRange = Math.abs(scales.y.range()[0] - scales.y.range()[1]);\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    const highlightedViolin = tooltipsData.selectedData === violin && dimmedBackground;\n\n    const violinElement = (\n        <g\n            transform={isVertical ? `translate(${xPosition},0)` : `translate(0, ${xPosition})`}\n            opacity={aes.opacity}\n            stroke={lineColor}\n            fill={fillColor}\n            strokeWidth={aes.lineWidth}\n            strokeDasharray={getLineShape(aes.lineShape)}\n        >\n            <clipPath id={`violin_${violin.key}`}>\n                <path d={area} />\n            </clipPath>\n            <path d={area} stroke=\"none\" />\n            {aes.showQuartiles && (\n                <g clipPath={`url(#violin_${violin.key})`} strokeWidth={aes.lineWidth} stroke={lineColor}>\n                    <line\n                        x1={isVertical ? -width / 2 : scales.y(violin.quartiles.q1)}\n                        x2={isVertical ? width / 2 : scales.y(violin.quartiles.q1)}\n                        y1={isVertical ? scales.y(violin.quartiles.q1) : -width / 2}\n                        y2={isVertical ? scales.y(violin.quartiles.q1) : width / 2}\n                        strokeDasharray={getLineShape(aes.quartilesLineStyle)}\n                    />\n                    <line\n                        x1={isVertical ? -width / 2 : scales.y(violin.quartiles.q2)}\n                        x2={isVertical ? width / 2 : scales.y(violin.quartiles.q2)}\n                        y1={isVertical ? scales.y(violin.quartiles.q2) : -width / 2}\n                        y2={isVertical ? scales.y(violin.quartiles.q2) : width / 2}\n                        strokeDasharray={getLineShape(aes.medianLineStyle)}\n                    />\n                    <line\n                        x1={isVertical ? -width / 2 : scales.y(violin.quartiles.q3)}\n                        x2={isVertical ? width / 2 : scales.y(violin.quartiles.q3)}\n                        y1={isVertical ? scales.y(violin.quartiles.q3) : -width / 2}\n                        y2={isVertical ? scales.y(violin.quartiles.q3) : width / 2}\n                        strokeDasharray={getLineShape(aes.quartilesLineStyle)}\n                    />\n                </g>\n            )}\n            <path d={line} fill=\"none\" />\n            {showTooltips && tooltipsContainer && (\n                <rect\n                    onMouseOver={() => tooltipsData.onMouseOver(violin, facetKey)}\n                    onMouseLeave={tooltipsData.onMouseLeave}\n                    width={isVertical ? violinOuterWidth : yRange}\n                    x={isVertical ? -violinOuterWidth / 2 : 0}\n                    y={isVertical ? 0 : -violinOuterWidth / 2}\n                    height={isVertical ? yRange : violinOuterWidth}\n                    fill=\"transparent\"\n                    stroke=\"none\"\n                />\n            )}\n            {showTooltips && (\n                <Tooltip\n                    content={[\n                        `Quartile 3 = ${numberFormat(violin.quartiles.q3)}`,\n                        `Median = ${numberFormat(violin.quartiles.q2)}`,\n                        `Quartile 1 = ${numberFormat(violin.quartiles.q1)}`,\n                    ]}\n                    x={isVertical ? xPosition : scales.y(violin.quartiles.q2)}\n                    y={isVertical ? scales.y(violin.quartiles.q2) : xPosition}\n                    sideDistances={sideDistances}\n                    horizontal={isVertical}\n                    active={tooltipsData.active && tooltipsData.selectedData === violin && tooltipsData.currentFacet === facetKey}\n                    fixed={tooltipsData.fixed}\n                    offset={elementsAmount > 1 ? width / 2 : width / 4}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n        </g>\n    );\n    return highlightedViolin ? createPortal(violinElement, activeElementContainer) : violinElement;\n}\n"],"names":["getAesValue","scales","field","value","geom","ViolinElement","facetKey","orientation","violin","aes","maxViolinDensity","showTooltips","sideDistances","elementsAmount","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","xPosition","violinOuterWidth","width","lineColor","fillColor","area","line","yRange","dimmedBackground","highlightedViolin","violinElement","jsxs","getLineShape","jsx","Tooltip","numberFormat","createPortal"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+export declare const seqAlphabet: {
+    A: string;
+    B: string;
+    C: string;
+    D: string;
+    E: string;
+    F: string;
+    G: string;
+    H: string;
+    I: string;
+    K: string;
+    L: string;
+    M: string;
+    N: string;
+    P: string;
+    Q: string;
+    R: string;
+    S: string;
+    T: string;
+    U: string;
+    V: string;
+    W: string;
+    X: string;
+    Y: string;
+    Z: string;
+};
+//# sourceMappingURL=seqAlphabet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seqAlphabet.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/seqAlphabet.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;CAyBvB,CAAC"}