@milaboratories/graph-maker 1.1.132 → 1.1.133

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Captions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Captions/index.tsx"],"sourcesContent":["import {GroupCaptions} from './GroupCaptions';\nimport type {ChartScales, ChartSideElementsBBoxes, LabelAngles} from '../types';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\nimport {AxisCaptions} from './AxisCaptions';\n\ninterface CaptionsProps {\n    sideElementBBoxes: ChartSideElementsBBoxes;\n    debug: boolean;\n    xKeys: string[];\n    yKeys: string[];\n    scales: ChartScales;\n    xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];\n    yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];\n    stepX: number;\n    stepY: number;\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: Record<string, string[]>;\n    yKeysByGroups: Record<string, string[]>;\n    labelAngles: LabelAngles;\n    xLabels: Record<string, string>;\n    yLabels: Record<string, string>;\n    xGroupLabels: Record<string, string>;\n    yGroupLabels: Record<string, string>;\n}\n\nexport function Captions({\n    sideElementBBoxes,\n    debug,\n    xKeys,\n    yKeys,\n    scales,\n    xAxis,\n    yAxis,\n    stepX,\n    stepY,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    labelAngles,\n    xLabels,\n    yLabels,\n    xGroupLabels,\n    yGroupLabels,\n}: CaptionsProps) {\n    return (\n        <g fontWeight=\"500\">\n            <AxisCaptions\n                sideElementBBoxes={sideElementBBoxes}\n                xKeys={xKeys}\n                yKeys={yKeys}\n                scales={scales}\n                xAxis={xAxis}\n                yAxis={yAxis}\n                stepX={stepX}\n                stepY={stepY}\n                labelAngles={labelAngles}\n                xLabels={xLabels}\n                yLabels={yLabels}\n                debug={debug}\n            />\n            <GroupCaptions\n                sideElementBBoxes={sideElementBBoxes}\n                xGroupKeys={xGroupKeys}\n                yGroupKeys={yGroupKeys}\n                xKeysByGroups={xKeysByGroups}\n                yKeysByGroups={yKeysByGroups}\n                xGroupLabels={xGroupLabels}\n                yGroupLabels={yGroupLabels}\n                scales={scales}\n                stepX={stepX}\n                stepY={stepY}\n                xAxis={xAxis}\n                yAxis={yAxis}\n                labelAngles={labelAngles}\n                debug={debug}\n            />\n        </g>\n    );\n}\n"],"names":["Captions","sideElementBBoxes","debug","xKeys","yKeys","scales","xAxis","yAxis","stepX","stepY","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","labelAngles","xLabels","yLabels","xGroupLabels","yGroupLabels","jsxs","jsx","AxisCaptions","GroupCaptions"],"mappings":";;;AA2BO,SAASA,EAAS;AAAA,EACrB,mBAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,aAAAC;AAAAA,EACA,SAAAC;AAAAA,EACA,SAAAC;AAAAA,EACA,cAAAC;AAAAA,EACA,cAAAC;AACJ,GAAkB;AACd,SACIC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,YAAW,OACV,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAAA,MAAA;AAAA,QACG,mBAAApB;AAAAA,QACA,OAAAE;AAAAA,QACA,OAAAC;AAAAA,QACA,QAAAC;AAAAA,QACA,OAAAC;AAAAA,QACA,OAAAC;AAAAA,QACA,OAAAC;AAAAA,QACA,OAAAC;AAAAA,QACA,aAAAK;AAAAA,QACA,SAAAC;AAAAA,QACA,SAAAC;AAAAA,QACA,OAAAd;AAAAA,MAAA;AAAA,IAAA;AAAA,IAEJkB,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACG,mBAAArB;AAAAA,QACA,YAAAS;AAAAA,QACA,YAAAC;AAAAA,QACA,eAAAC;AAAAA,QACA,eAAAC;AAAAA,QACA,cAAAI;AAAAA,QACA,cAAAC;AAAAA,QACA,QAAAb;AAAAA,QACA,OAAAG;AAAAA,QACA,OAAAC;AAAAA,QACA,OAAAH;AAAAA,QACA,OAAAC;AAAAA,QACA,aAAAO;AAAAA,QACA,OAAAZ;AAAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Chart.js

@@ -0,0 +1,224 @@
+import { j as o } from "../../node_modules/react/jsx-runtime.js";
+import { r as ee } from "../../_virtual/index.js";
+import { r as te } from "../../node_modules/react-dom/index.js";
+import { Tooltip as T } from "../../common/Tooltip.js";
+import { FONT_SIZE as se, FACET_TITLE_OFFSET as ae } from "../constants.js";
+import { Annotations as oe } from "./Annotations/index.js";
+import { Captions as le } from "./Captions/index.js";
+import { Dendrograms as re } from "./Dendrograms.js";
+import { Frames as ne } from "./Frames.js";
+function S(e) {
+  if (e === null)
+    return "null";
+  if (typeof e == "number") {
+    const a = e > 0 ? Math.floor(e) : Math.ceil(e), s = e - a;
+    return a + Number(s.toPrecision(2));
+  }
+  return e;
+}
+function ie(e, a, s = []) {
+  const l = e.data, d = [
+    `X: ${a.xLabels[e.x]}`,
+    `Y: ${a.yLabels[e.y]}`,
+    `Value: ${S(e.value)}${e.value !== e.normalizedValue ? ` (${S(e.normalizedValue)})` : ""}`
+  ];
+  for (const i of s)
+    d.push(`${i.label}: ${l[i.valueLabels ?? i.value]}`);
+  return d;
+}
+function ye(e, a) {
+  const s = [];
+  return e.xKey && s.push(`X: ${a.xLabels[e.xKey]}`), e.yKey && s.push(`Y: ${a.yLabels[e.yKey]}`), s.push(`${e.title}: ${S(e.value)}`), s;
+}
+function ue(e) {
+  return e !== null && !("data" in e);
+}
+function $(e) {
+  return e !== null && "data" in e;
+}
+function be({
+  dendrograms: e,
+  facetKey: a,
+  dimensions: s,
+  scales: l,
+  cells: d,
+  xGroupKeys: i,
+  yGroupKeys: g,
+  xKeysByGroups: b,
+  yKeysByGroups: B,
+  colorScale: w,
+  chartSettings: f,
+  cellsMeta: y,
+  stepX: p,
+  stepY: x,
+  sharedX: z,
+  sharedY: V,
+  annotations: _,
+  annotationColorScales: O,
+  dendrogramAesScales: W,
+  aes: G,
+  labelAngles: k,
+  chartSizes: m,
+  margins: h,
+  tooltipsContainer: L,
+  tooltipsData: t
+}) {
+  const [K, H] = ee.useState(), { xAxis: I, yAxis: J, tooltips: j } = f, { width: C, height: E } = s.inner, { padding: r, chartEdgeSides: N, sideElementBBoxes: u } = s, { xGroupLabels: P, yGroupLabels: q, xLabels: Q, yLabels: U } = y, D = l.x.domain(), A = l.y.domain(), Y = {
+    left: h.left + s.left + r.left,
+    right: m.totalWidth - (h.left + s.left + r.left),
+    top: h.top + s.top + r.top,
+    bottom: m.totalHeight - (h.top + s.top + r.top)
+  }, M = !1, Z = K && t.fixed;
+  return /* @__PURE__ */ o.jsxs("g", { transform: `translate(${s.left},${s.top})`, fontSize: se, children: [
+    /* @__PURE__ */ o.jsxs("g", { transform: `translate(${r.left},${r.top})`, children: [
+      /* @__PURE__ */ o.jsx(
+        oe,
+        {
+          facetKey: a,
+          sideElementBBoxes: u,
+          annotations: _,
+          cellsMeta: y,
+          annotationColorScales: O,
+          sharedX: z,
+          sharedY: V,
+          chartEdgeSides: N,
+          width: C,
+          height: E,
+          scales: l,
+          stepX: p,
+          stepY: x,
+          aes: G,
+          frame: f.frame,
+          xGroupKeys: i,
+          yGroupKeys: g,
+          xKeysByGroups: b,
+          yKeysByGroups: B,
+          tooltipsData: t,
+          activeElementContainer: K
+        }
+      ),
+      /* @__PURE__ */ o.jsx(
+        re,
+        {
+          dendrograms: e,
+          sideElementBBoxes: u,
+          xDataByKeys: y.xDataByKeys,
+          yDataByKeys: y.yDataByKeys,
+          aesScales: W
+        }
+      ),
+      u.top.facetTitle.isVisible && /* @__PURE__ */ o.jsx(
+        "text",
+        {
+          x: u.top.facetTitle.x,
+          y: u.top.facetTitle.y + u.top.facetTitle.height - ae,
+          fontWeight: "500",
+          fontSize: "20px",
+          children: y.facetKeyValues[a].join(", ")
+        }
+      ),
+      M,
+      D.map(
+        (c) => A.map((v) => {
+          var X;
+          const n = (X = d == null ? void 0 : d[c]) == null ? void 0 : X[v], R = Z && $(t.selectedData) && (n == null ? void 0 : n.id) === t.selectedData.id, F = n ? /* @__PURE__ */ o.jsx(
+            "rect",
+            {
+              x: l.x(c),
+              y: l.y(v),
+              width: p,
+              height: x,
+              stroke: G.cellStrokeColor,
+              fill: n.value === null ? G.emptyCellColor : w(n.normalizedValue),
+              onMouseOver: () => t.onMouseEnter(n, a),
+              onMouseLeave: () => t.onMouseLeave()
+            },
+            n ? n.id : `${c}_${v}`
+          ) : null;
+          return R ? te.createPortal(F, K) : F;
+        })
+      ),
+      /* @__PURE__ */ o.jsx(
+        ne,
+        {
+          frame: f.frame,
+          xGroupKeys: i,
+          yGroupKeys: g,
+          xKeysByGroups: b,
+          yKeysByGroups: B,
+          scales: l,
+          stepX: p,
+          stepY: x,
+          width: C,
+          height: E
+        }
+      ),
+      /* @__PURE__ */ o.jsx(
+        le,
+        {
+          xAxis: I,
+          yAxis: J,
+          scales: l,
+          stepX: p,
+          stepY: x,
+          debug: M,
+          sideElementBBoxes: u,
+          xKeys: D,
+          yKeys: A,
+          xGroupKeys: i,
+          yGroupKeys: g,
+          xKeysByGroups: b,
+          yKeysByGroups: B,
+          xGroupLabels: P,
+          yGroupLabels: q,
+          labelAngles: k,
+          xLabels: Q,
+          yLabels: U
+        }
+      )
+    ] }),
+    f.tooltips.show && $(t.selectedData) && t.currentFacet === a && /* @__PURE__ */ o.jsx(
+      T,
+      {
+        content: ie(t.selectedData, y, j == null ? void 0 : j.content),
+        x: l.x(String(t.selectedData.x)) + p / 2,
+        y: l.y(String(t.selectedData.y)) + x / 2,
+        offset: D.length > 1 ? p / 2 : 0,
+        active: !0,
+        sideDistances: Y,
+        fixed: t.fixed,
+        onClose: t.onClose,
+        container: L
+      }
+    ),
+    f.tooltips.show && ue(t.selectedData) && t.currentFacet === a && /* @__PURE__ */ o.jsx(
+      T,
+      {
+        content: ye(t.selectedData, y),
+        x: t.selectedData.x,
+        y: t.selectedData.y,
+        offset: 0,
+        active: !0,
+        sideDistances: Y,
+        fixed: t.fixed,
+        onClose: t.onClose,
+        container: L
+      }
+    ),
+    /* @__PURE__ */ o.jsxs("g", { transform: `translate(${r.left},${r.top})`, children: [
+      t.fixed && /* @__PURE__ */ o.jsx("rect", { width: m.chartWidth, height: m.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
+      /* @__PURE__ */ o.jsx(
+        "g",
+        {
+          ref: (c) => {
+            c && !K && H(c);
+          }
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  be as Chart
+};
+//# sourceMappingURL=Chart.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Chart.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport type { ColumnName, DataValue } from '../../types';\nimport { FACET_TITLE_OFFSET, FONT_SIZE } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getCells';\nimport type { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';\nimport { Annotations } from './Annotations';\nimport { Captions } from './Captions';\nimport { Dendrograms } from './Dendrograms';\nimport { Frames } from './Frames';\nimport type { AnnotationColorScales, AnnotationTooltipData, CaptionsSizes, ChartDendrograms, ChartDimensionsData, ChartScales, ChartSizes, DendrogramAesScales, LabelAngles, Margins } from './types';\n\nfunction formatCellValue (v:DataValue):number|string {\n    if (v === null) {\n        return 'null';\n    }\n    if (typeof v === 'number') {\n        const whole = v > 0 ? Math.floor(v) : Math.ceil(v);\n        const decimal = v - whole;\n        return whole + Number(decimal.toPrecision(2));\n    }\n    return v;\n}\nfunction getTooltipContent(cell: Cell, cellsMeta:GroupedCellsData['meta'], columnsList: ColumnName[] = []) {\n    const row = cell.data;\n    const lines = [\n        `X: ${cellsMeta.xLabels[cell.x as string]}`,\n        `Y: ${cellsMeta.yLabels[cell.y as string]}`,\n        `Value: ${formatCellValue(cell.value)}${cell.value !== cell.normalizedValue ? ` (${formatCellValue(cell.normalizedValue)})`: ''}`,\n    ];\n    for (const column of columnsList) {\n        lines.push(`${column.label}: ${row[column.valueLabels ?? column.value]}`);\n    }\n    return lines;\n}\nfunction getAnnotationTooltipContent(data:AnnotationTooltipData, cellsMeta:GroupedCellsData['meta']) {\n    const lines:string[] = [];\n    if (data.xKey) {\n        lines.push(`X: ${cellsMeta.xLabels[data.xKey as string]}`);\n    }\n    if (data.yKey) {\n        lines.push(`Y: ${cellsMeta.yLabels[data.yKey as string]}`);\n    }\n    lines.push(`${data.title}: ${formatCellValue(data.value)}`);\n    return lines;\n}\n\nfunction isAnnotationTooltip(d:Cell|AnnotationTooltipData|null):d is AnnotationTooltipData {\n    return d !== null && !('data' in d);\n}\nfunction isCellTooltip(d:Cell|AnnotationTooltipData|null):d is Cell {\n    return d !== null && 'data' in d;\n}\n\nexport function Chart<ValueType>({\n    dendrograms,\n    facetKey,\n    dimensions,\n    scales,\n    cells,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    colorScale,\n    chartSettings,\n    cellsMeta,\n    stepX,\n    stepY,\n    sharedX,\n    sharedY,\n    annotations,\n    annotationColorScales,\n    dendrogramAesScales,\n    aes,\n    labelAngles,\n    chartSizes,\n    margins,\n    tooltipsContainer,\n    tooltipsData,\n}: {\n    facetKey: string;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    colorScale: (value: ValueType) => string;\n    chartSettings: HeatmapSettingsImpl['chartSettings'];\n    cellsMeta: GroupedCellsData['meta'];\n    stepX: number;\n    stepY: number;\n    annotations: HeatmapSettingsImpl['annotations'];\n    annotationColorScales: AnnotationColorScales;\n    sharedX: boolean;\n    sharedY: boolean;\n    aes: HeatmapSettingsImpl['aes'];\n    dendrograms: ChartDendrograms;\n    dendrogramAesScales: DendrogramAesScales;\n    labelAngles: LabelAngles;\n    margins: Margins;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<Cell|AnnotationTooltipData>;\n}) {\n    const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n\n    const {xAxis, yAxis, tooltips} = chartSettings;\n    const {width, height} = dimensions.inner;\n    const {padding, chartEdgeSides, sideElementBBoxes} = dimensions;\n    const {xGroupLabels, yGroupLabels, xLabels, yLabels} = cellsMeta;\n\n    const xKeys = scales.x.domain();\n    const yKeys = scales.y.domain();\n\n    const sideDistances = {\n        left: margins.left + dimensions.left + padding.left,\n        right: chartSizes.totalWidth - (margins.left + dimensions.left + padding.left),\n        top: margins.top + dimensions.top + padding.top,\n        bottom: chartSizes.totalHeight - (margins.top + dimensions.top + padding.top),\n    };\n\n    const debug = false;\n    const isDimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g transform={`translate(${dimensions.left},${dimensions.top})`} fontSize={FONT_SIZE}>\n            <g transform={`translate(${padding.left},${padding.top})`}>\n                <Annotations\n                    facetKey={facetKey}\n                    sideElementBBoxes={sideElementBBoxes}\n                    annotations={annotations}\n                    cellsMeta={cellsMeta}\n                    annotationColorScales={annotationColorScales}\n                    sharedX={sharedX}\n                    sharedY={sharedY}\n                    chartEdgeSides={chartEdgeSides}\n                    width={width}\n                    height={height}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    aes={aes}\n                    frame={chartSettings.frame}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    tooltipsData={tooltipsData}\n                    activeElementContainer={activeElementContainer}\n                />\n                <Dendrograms\n                    dendrograms={dendrograms}\n                    sideElementBBoxes={sideElementBBoxes}\n                    xDataByKeys={cellsMeta.xDataByKeys}\n                    yDataByKeys={cellsMeta.yDataByKeys}\n                    aesScales={dendrogramAesScales}\n                />\n                {/* facet title */}\n                {sideElementBBoxes.top.facetTitle.isVisible && (\n                    <text\n                        x={sideElementBBoxes.top.facetTitle.x}\n                        y={\n                            sideElementBBoxes.top.facetTitle.y +\n                            sideElementBBoxes.top.facetTitle.height -\n                            FACET_TITLE_OFFSET\n                        }\n                        fontWeight=\"500\"\n                        fontSize=\"20px\"\n                    >\n                        {cellsMeta.facetKeyValues[facetKey].join(', ')}\n                    </text>\n                )}\n                {debug && (\n                    <g fill=\"green\" opacity=\"0.2\">\n                        <rect\n                            x={-padding.left}\n                            y={-padding.top}\n                            width={dimensions.outer.width}\n                            height={dimensions.outer.height}\n                            fill=\"none\"\n                            stroke=\"red\"\n                        />\n                        <rect x={-padding.left} y=\"0\" width={padding.left} height={height} />\n                        <rect x={width} y=\"0\" width={padding.right} height={height} />\n                        <rect x=\"0\" y={-padding.top} width={width} height={padding.top} />\n                        <rect x=\"0\" y={height} width={width} height={padding.bottom} />\n                    </g>\n                )}\n                {/* cells */}\n                {xKeys.map(xKey =>\n                    yKeys.map(yKey => {\n                        const cell = cells?.[xKey]?.[yKey];\n                        const highlighted = isDimmedBackground && isCellTooltip(tooltipsData.selectedData) && cell?.id === tooltipsData.selectedData.id;\n                        const cellElement = cell ? (\n                            <rect\n                                key={cell ? cell.id : `${xKey}_${yKey}`}\n                                x={scales.x(xKey)}\n                                y={scales.y(yKey)}\n                                width={stepX}\n                                height={stepY}\n                                stroke={aes.cellStrokeColor}\n                                fill={cell.value === null ? aes.emptyCellColor : colorScale(cell.normalizedValue as ValueType)}\n                                onMouseOver={() => tooltipsData.onMouseEnter(cell, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                            />\n                        ) : null;\n                        return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n                    })\n                )}\n                <Frames\n                    frame={chartSettings.frame}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    width={width}\n                    height={height}\n                />\n                <Captions\n                    xAxis={xAxis}\n                    yAxis={yAxis}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    debug={debug}\n                    sideElementBBoxes={sideElementBBoxes}\n                    xKeys={xKeys}\n                    yKeys={yKeys}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    xGroupLabels={xGroupLabels}\n                    yGroupLabels={yGroupLabels}\n                    labelAngles={labelAngles}\n                    xLabels={xLabels}\n                    yLabels={yLabels}\n                />\n            </g>\n            {chartSettings.tooltips.show && isCellTooltip(tooltipsData.selectedData) && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltipContent(tooltipsData.selectedData, cellsMeta, tooltips?.content)}\n                    x={scales.x(String(tooltipsData.selectedData.x)) + stepX / 2}\n                    y={scales.y(String(tooltipsData.selectedData.y)) + stepY / 2}\n                    offset={xKeys.length > 1 ? stepX / 2 : 0}\n                    active\n                    sideDistances={sideDistances}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n            {chartSettings.tooltips.show && isAnnotationTooltip(tooltipsData.selectedData) && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getAnnotationTooltipContent(tooltipsData.selectedData, cellsMeta)}\n                    x={tooltipsData.selectedData.x}\n                    y={tooltipsData.selectedData.y}\n                    offset={0}\n                    active\n                    sideDistances={sideDistances}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n            <g transform={`translate(${padding.left},${padding.top})`}>\n                {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255, 255, 255, 0.8)\"/>}\n                <g ref={node => {\n                    if (node && !activeElementContainer) {\n                        setActiveElementContainer(node);\n                    }\n                }}\n                />\n            </g>\n        </g>\n    );\n}\n"],"names":["formatCellValue","v","whole","decimal","getTooltipContent","cell","cellsMeta","columnsList","row","lines","column","getAnnotationTooltipContent","data","isAnnotationTooltip","d","isCellTooltip","Chart","dendrograms","facetKey","dimensions","scales","cells","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","colorScale","chartSettings","stepX","stepY","sharedX","sharedY","annotations","annotationColorScales","dendrogramAesScales","aes","labelAngles","chartSizes","margins","tooltipsContainer","tooltipsData","activeElementContainer","setActiveElementContainer","useState","xAxis","yAxis","tooltips","width","height","padding","chartEdgeSides","sideElementBBoxes","xGroupLabels","yGroupLabels","xLabels","yLabels","xKeys","yKeys","sideDistances","debug","isDimmedBackground","jsxs","FONT_SIZE","jsx","Annotations","Dendrograms","FACET_TITLE_OFFSET","xKey","yKey","_a","highlighted","cellElement","createPortal","Frames","Captions","Tooltip","node"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/ChartsGroup.js

@@ -0,0 +1,108 @@
+import { j as e } from "../../node_modules/react/jsx-runtime.js";
+import { useTooltip as b } from "../../common/Tooltip.js";
+import { Chart as I } from "./Chart.js";
+import { ErrorBoundary as L } from "../../common/ErrorBoundary.js";
+import { ChartsTitle as M } from "../../common/ChartsTitle.js";
+import { LEGEND_OFFSET as N } from "../constants.js";
+import { r as d } from "../../_virtual/index.js";
+import P from "../../common/fonts.js";
+import { Legend as R } from "../../common/Legend.js";
+function tt({
+  margins: a,
+  captionsSizes: g,
+  settingsId: y,
+  chartSettings: o,
+  chartSizes: s,
+  chartsDimensions: n,
+  facetKeys: i,
+  facetSettings: r,
+  xGroupKeys: u,
+  yGroupKeys: f,
+  scales: p,
+  colorScale: x,
+  groupedCells: S,
+  cellsMeta: l,
+  step: h,
+  annotations: G,
+  annotationColorScales: K,
+  legend: j,
+  aes: w,
+  dendrograms: C,
+  dendrogramAesScales: B,
+  columnsCount: D,
+  labelAngles: E,
+  onTooltipHintSwitch: W
+}) {
+  const [Y, $] = d.useState(), v = b(W), c = d.useRef(null);
+  d.useEffect(() => {
+    c.current && $(c.current);
+  }, []);
+  const m = n[i[0]].padding, z = n[i[D - 1]].padding, A = a.left + s.chartsWidth + N, F = a.top + m.top;
+  return /* @__PURE__ */ e.jsx(L, { dataId: y, children: /* @__PURE__ */ e.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: `0 0 ${s.totalWidth} ${s.totalHeight}`,
+      width: s.totalWidth,
+      height: s.totalHeight,
+      fontFamily: "Manrope",
+      children: [
+        /* @__PURE__ */ e.jsx("defs", { children: P }),
+        /* @__PURE__ */ e.jsxs("g", { transform: `translate(${a.left},${a.top})`, children: [
+          /* @__PURE__ */ e.jsx(
+            M,
+            {
+              title: [o.title.name],
+              show: o.title.show,
+              position: o.title.position,
+              leftPadding: m.left,
+              rightPadding: z.right,
+              chartsWidth: s.chartsWidth
+            }
+          ),
+          i.map((t) => {
+            const { cells: H, xKeysByGroups: T, yKeysByGroups: X } = S[t];
+            return /* @__PURE__ */ e.jsx(
+              I,
+              {
+                dendrograms: C[t],
+                captionsSizes: g,
+                facetKey: t,
+                dimensions: n[t],
+                xGroupKeys: u,
+                yGroupKeys: f,
+                xKeysByGroups: r.sharedX ? l.xKeysByGroups : T,
+                yKeysByGroups: r.sharedY ? l.yKeysByGroups : X,
+                sharedX: r.sharedX,
+                sharedY: r.sharedY,
+                scales: { x: p.x[t], y: p.y[t] },
+                cells: H,
+                cellsMeta: l,
+                stepX: h.x[t],
+                stepY: h.y[t],
+                colorScale: x,
+                chartSettings: o,
+                aes: w,
+                annotations: G,
+                annotationColorScales: K,
+                dendrogramAesScales: B,
+                labelAngles: E,
+                margins: a,
+                chartSizes: s,
+                tooltipsContainer: Y,
+                tooltipsData: v
+              },
+              t
+            );
+          })
+        ] }),
+        /* @__PURE__ */ e.jsx("g", { transform: `translate(${A},${F})`, children: /* @__PURE__ */ e.jsx(R, { legendData: j }) }),
+        /* @__PURE__ */ e.jsx("g", { ref: c, style: { outline: "none" } })
+      ]
+    }
+  ) });
+}
+export {
+  tt as ChartsGroup
+};
+//# sourceMappingURL=ChartsGroup.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/ChartsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsGroup.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/ChartsGroup.tsx"],"sourcesContent":["import type {Cell} from '../getCells';\nimport {useTooltip} from '../../common/Tooltip';\nimport {Chart} from './Chart';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport {ChartsTitle} from '../../common/ChartsTitle';\nimport type {AnnotationTooltipData} from './types';\nimport type {LabelAngles} from './types';\nimport type {\n    AnnotationColorScales,\n    CaptionsSizes,\n    ChartDendrograms,\n    DendrogramAesScales,\n    Margins,\n} from './types';\nimport type {ChartDimensionsData, ChartSizes, ChartsScales} from './types';\nimport {LEGEND_OFFSET} from '../constants';\nimport type {GroupedCellsData} from '../getCells';\nimport type {HeatmapSettingsImpl} from '../HeatmapSettingsImpl';\nimport React, {useEffect, useRef, useState} from 'react';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport type { LegendData } from '../../common/types';\n\nexport function ChartsGroup({\n    margins,\n    captionsSizes,\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    facetKeys,\n    facetSettings,\n    xGroupKeys,\n    yGroupKeys,\n    scales,\n    colorScale,\n    groupedCells,\n    cellsMeta,\n    step,\n    annotations,\n    annotationColorScales,\n    legend,\n    aes,\n    dendrograms,\n    dendrogramAesScales,\n    columnsCount,\n    labelAngles,\n    onTooltipHintSwitch\n}: {\n    margins: Margins;\n    captionsSizes: CaptionsSizes;\n    chartSettings: HeatmapSettingsImpl['chartSettings'];\n    facetSettings: HeatmapSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    scales: ChartsScales;\n    facetKeys: string[];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    settingsId: string;\n    colorScale: (value:unknown) => string;\n    annotationColorScales: AnnotationColorScales;\n    groupedCells: GroupedCellsData['facets'];\n    cellsMeta: GroupedCellsData['meta'];\n    annotations: HeatmapSettingsImpl['annotations'];\n    step: {\n        x: Record<string, number>;\n        y: Record<string, number>;\n    };\n    legend: LegendData;\n    aes: HeatmapSettingsImpl['aes'];\n    dendrograms: Record<string, ChartDendrograms>;\n    dendrogramAesScales: DendrogramAesScales;\n    columnsCount: number;\n    labelAngles: LabelAngles;\n    onTooltipHintSwitch: (v:boolean) => void;\n}) {\n    const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n    const tooltipsData = useTooltip<Cell|AnnotationTooltipData>(onTooltipHintSwitch);\n    const tooltipsRef = useRef<SVGGElement>(null);\n    useEffect(() => {\n        if (tooltipsRef.current) {\n            setTooltipsContainer(tooltipsRef.current);\n        }\n    }, []);\n\n    const leftTopChartPadding = chartsDimensions[facetKeys[0]].padding;\n    const rightTopChartPadding = chartsDimensions[facetKeys[columnsCount - 1]].padding;\n\n    const legendLeft = margins.left + chartSizes.chartsWidth + LEGEND_OFFSET;\n    const legendTop = margins.top + leftTopChartPadding.top;\n\n    return (\n        <ErrorBoundary dataId={settingsId}>\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n                width={chartSizes.totalWidth}\n                height={chartSizes.totalHeight}\n                fontFamily=\"Manrope\"\n            >\n                <defs>{fonts}</defs>\n                <g transform={`translate(${margins.left},${margins.top})`}>\n                    <ChartsTitle\n                        title={[chartSettings.title.name]}\n                        show={chartSettings.title.show}\n                        position={chartSettings.title.position}\n                        leftPadding={leftTopChartPadding.left}\n                        rightPadding={rightTopChartPadding.right}\n                        chartsWidth={chartSizes.chartsWidth}\n                    />\n                    {facetKeys.map(facetKey => {\n                        const {cells, xKeysByGroups, yKeysByGroups} = groupedCells[facetKey];\n                        return (\n                            <Chart\n                                dendrograms={dendrograms[facetKey]}\n                                captionsSizes={captionsSizes}\n                                key={facetKey}\n                                facetKey={facetKey}\n                                dimensions={chartsDimensions[facetKey]}\n                                xGroupKeys={xGroupKeys}\n                                yGroupKeys={yGroupKeys}\n                                xKeysByGroups={facetSettings.sharedX ? cellsMeta.xKeysByGroups : xKeysByGroups}\n                                yKeysByGroups={facetSettings.sharedY ? cellsMeta.yKeysByGroups : yKeysByGroups}\n                                sharedX={facetSettings.sharedX}\n                                sharedY={facetSettings.sharedY}\n                                scales={{x: scales.x[facetKey], y: scales.y[facetKey]}}\n                                cells={cells}\n                                cellsMeta={cellsMeta}\n                                stepX={step.x[facetKey]}\n                                stepY={step.y[facetKey]}\n                                colorScale={colorScale}\n                                chartSettings={chartSettings}\n                                aes={aes}\n                                annotations={annotations}\n                                annotationColorScales={annotationColorScales}\n                                dendrogramAesScales={dendrogramAesScales}\n                                labelAngles={labelAngles}\n                                margins={margins}\n                                chartSizes={chartSizes}\n                                tooltipsContainer={tooltipsContainer}\n                                tooltipsData={tooltipsData}\n                            />\n                        );\n                    })}\n                </g>\n                <g transform={`translate(${legendLeft},${legendTop})`}>\n                    <Legend legendData={legend} />\n                </g>\n                <g ref={tooltipsRef} style={{outline: 'none'}} />\n            </svg>\n        </ErrorBoundary>\n    );\n}\n"],"names":["ChartsGroup","margins","captionsSizes","settingsId","chartSettings","chartSizes","chartsDimensions","facetKeys","facetSettings","xGroupKeys","yGroupKeys","scales","colorScale","groupedCells","cellsMeta","step","annotations","annotationColorScales","legend","aes","dendrograms","dendrogramAesScales","columnsCount","labelAngles","onTooltipHintSwitch","tooltipsContainer","setTooltipsContainer","useState","tooltipsData","useTooltip","tooltipsRef","useRef","useEffect","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","facetKey","cells","xKeysByGroups","yKeysByGroups","Chart","Legend"],"mappings":";;;;;;;;;AAuBO,SAASA,GAAY;AAAA,EACxB,SAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,kBAAAC;AAAAA,EACA,WAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,cAAAC;AAAAA,EACA,WAAAC;AAAAA,EACA,MAAAC;AAAAA,EACA,aAAAC;AAAAA,EACA,uBAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,KAAAC;AAAAA,EACA,aAAAC;AAAAA,EACA,qBAAAC;AAAAA,EACA,cAAAC;AAAAA,EACA,aAAAC;AAAAA,EACA,qBAAAC;AACJ,GA4BG;AACC,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAAA,SAAAA,GAC5CC,IAAeC,EAAuCL,CAAmB,GACzEM,IAAcC,EAAAA,OAAoB,IAAI;AAC5CC,EAAAA,EAAAA,UAAU,MAAM;AACRF,IAAAA,EAAY,WACZJ,EAAqBI,EAAY,OAAO;AAAA,EAEhD,GAAG,CAAA,CAAE;AAEL,QAAMG,IAAsB3B,EAAiBC,EAAU,CAAC,CAAC,EAAE,SACrD2B,IAAuB5B,EAAiBC,EAAUe,IAAe,CAAC,CAAC,EAAE,SAErEa,IAAalC,EAAQ,OAAOI,EAAW,cAAc+B,GACrDC,IAAYpC,EAAQ,MAAMgC,EAAoB;AAEpD,SACIK,gBAAAA,EAAAA,IAACC,GAAA,EAAc,QAAQpC,GACnB,UAAAqC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,SAAS,OAAOnC,EAAW,UAAU,IAAIA,EAAW,WAAW;AAAA,MAC/D,OAAOA,EAAW;AAAA,MAClB,QAAQA,EAAW;AAAA,MACnB,YAAW;AAAA,MAEX,UAAA;AAAA,QAAAiC,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAG,GAAM;AAAA,QACbD,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAavC,EAAQ,IAAI,IAAIA,EAAQ,GAAG,KAClD,UAAA;AAAA,UAAAqC,gBAAAA,EAAAA;AAAAA,YAACI;AAAAA,YAAA;AAAA,cACG,OAAO,CAACtC,EAAc,MAAM,IAAI;AAAA,cAChC,MAAMA,EAAc,MAAM;AAAA,cAC1B,UAAUA,EAAc,MAAM;AAAA,cAC9B,aAAa6B,EAAoB;AAAA,cACjC,cAAcC,EAAqB;AAAA,cACnC,aAAa7B,EAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAE3BE,EAAU,IAAI,CAAAoC,MAAY;AACvB,kBAAM,EAAC,OAAAC,GAAO,eAAAC,GAAe,eAAAC,EAAAA,IAAiBjC,EAAa8B,CAAQ;AACnE,mBACIL,gBAAAA,EAAAA;AAAAA,cAACS;AAAAA,cAAA;AAAA,gBACG,aAAa3B,EAAYuB,CAAQ;AAAA,gBACjC,eAAAzC;AAAAA,gBAEA,UAAAyC;AAAAA,gBACA,YAAYrC,EAAiBqC,CAAQ;AAAA,gBACrC,YAAAlC;AAAAA,gBACA,YAAAC;AAAAA,gBACA,eAAeF,EAAc,UAAUM,EAAU,gBAAgB+B;AAAAA,gBACjE,eAAerC,EAAc,UAAUM,EAAU,gBAAgBgC;AAAAA,gBACjE,SAAStC,EAAc;AAAA,gBACvB,SAASA,EAAc;AAAA,gBACvB,QAAQ,EAAC,GAAGG,EAAO,EAAEgC,CAAQ,GAAG,GAAGhC,EAAO,EAAEgC,CAAQ,EAAA;AAAA,gBACpD,OAAAC;AAAAA,gBACA,WAAA9B;AAAAA,gBACA,OAAOC,EAAK,EAAE4B,CAAQ;AAAA,gBACtB,OAAO5B,EAAK,EAAE4B,CAAQ;AAAA,gBACtB,YAAA/B;AAAAA,gBACA,eAAAR;AAAAA,gBACA,KAAAe;AAAAA,gBACA,aAAAH;AAAAA,gBACA,uBAAAC;AAAAA,gBACA,qBAAAI;AAAAA,gBACA,aAAAE;AAAAA,gBACA,SAAAtB;AAAAA,gBACA,YAAAI;AAAAA,gBACA,mBAAAoB;AAAAA,gBACA,cAAAG;AAAAA,cAAA;AAAA,cAxBKe;AAAAA,YAAA;AAAA,UA2BjB,CAAC;AAAA,QAAA,GACL;AAAA,QACAL,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAW,aAAaH,CAAU,IAAIE,CAAS,KAC9C,UAAAC,gBAAAA,EAAAA,IAACU,GAAA,EAAO,YAAY9B,EAAAA,CAAQ,GAChC;AAAA,QACAoB,gBAAAA,MAAC,KAAA,EAAE,KAAKR,GAAa,OAAO,EAAC,SAAS,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEvD;AAER;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Dendrograms.js

@@ -0,0 +1,81 @@
+import { j as i } from "../../node_modules/react/jsx-runtime.js";
+import { isColumnName as L } from "../../utils/index.js";
+import { getLineShape as g } from "../../utils/getLineShape.js";
+import { getPointShape as f } from "../../utils/getPointShape.js";
+function j(o, d = "top") {
+  const { source: s, target: t } = o;
+  return d === "top" || d === "bottom" ? `M ${s.x},${s.y} L ${t.x},${s.y} L${t.x},${t.y}` : `M ${s.x},${s.y} L ${s.x},${t.y} L${t.x},${t.y}`;
+}
+function k(o, d, s, t, u) {
+  if (!s)
+    return "";
+  const r = s.aes[o];
+  if (!L(r))
+    return r;
+  const n = r.value, c = u[n], p = t[n][d.data.keys[0]];
+  return d.data.keys.every(($) => p === t[n][$]) ? c(String(p))[o] : c.unknown()[o];
+}
+const S = { x: 0, y: 0 };
+function C({ dendrograms: o, sideElementBBoxes: d, xDataByKeys: s, yDataByKeys: t, aesScales: u }) {
+  const r = o.x.data, n = o.y.data, c = r ? d[r.position].dendro : S, p = n ? d[n.position].dendro : S;
+  function $(a, l) {
+    return k(a, l, r, s, u);
+  }
+  function y(a, l) {
+    return k(a, l, n, t, u);
+  }
+  return /* @__PURE__ */ i.jsxs("g", { children: [
+    /* @__PURE__ */ i.jsx("g", { transform: `translate(${c.x},${c.y})`, children: r && !r.hidden && o.x.trees.map((a, l) => {
+      const h = a.links(), m = a.descendants();
+      return /* @__PURE__ */ i.jsxs("g", { children: [
+        h.map((e) => {
+          const x = r.edgeInheritance === "up" ? e.source : e.target;
+          return /* @__PURE__ */ i.jsx(
+            "path",
+            {
+              d: j(e, r.position),
+              stroke: $("lineColor", x),
+              strokeWidth: $("lineWidth", x),
+              strokeDasharray: g($("lineShape", x)),
+              fill: "none"
+            },
+            `${e.source.x},${e.source.y},${e.target.x},${e.target.y}`
+          );
+        }),
+        r.showNodes && m.map((e) => /* @__PURE__ */ i.jsx("g", { transform: `translate(${e.x},${e.y})`, children: f(
+          $("dotShape", e),
+          $("dotSize", e),
+          $("dotFill", e)
+        ) }, `${e.x},${e.y}`))
+      ] }, l);
+    }) }),
+    /* @__PURE__ */ i.jsx("g", { transform: `translate(${p.x},${p.y})`, children: n && !n.hidden && o.y.trees.map((a, l) => {
+      const h = a.links(), m = a.descendants();
+      return /* @__PURE__ */ i.jsxs("g", { children: [
+        h.map((e) => {
+          const x = n.edgeInheritance === "up" ? e.source : e.target;
+          return /* @__PURE__ */ i.jsx(
+            "path",
+            {
+              d: j(e, n.position),
+              stroke: y("lineColor", x),
+              strokeWidth: y("lineWidth", x),
+              strokeDasharray: g(y("lineShape", x)),
+              fill: "none"
+            },
+            `${e.source.x},${e.source.y},${e.target.x},${e.target.y}`
+          );
+        }),
+        n.showNodes && m.map((e) => /* @__PURE__ */ i.jsx("g", { transform: `translate(${e.x},${e.y})`, children: f(
+          y("dotShape", e),
+          y("dotSize", e),
+          y("dotFill", e)
+        ) }, `${e.x},${e.y}`))
+      ] }, l);
+    }) })
+  ] });
+}
+export {
+  C as Dendrograms
+};
+//# sourceMappingURL=Dendrograms.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Dendrograms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dendrograms.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Dendrograms.tsx"],"sourcesContent":["import type {ChartDendrograms, ChartDimensionsData, Cluster, DendrogramAesScales} from './types';\nimport type {HeatmapDendrogramSettings, HeatmapSettingsImpl} from '../HeatmapSettingsImpl';\nimport type {DataValue} from '../../types';\nimport type {LineShape, PointShape} from '../../types';\nimport {isColumnName} from '../../utils';\nimport {getLineShape} from '../../utils/getLineShape';\nimport {getPointShape} from '../../utils/getPointShape';\nimport type {HierarchyPointLink, HierarchyPointNode} from 'd3-hierarchy';\nimport React from 'react';\n\nfunction getLinkPath(link: HierarchyPointLink<Cluster>, position = 'top'): string {\n    const {source, target} = link;\n    if (position === 'top' || position === 'bottom') {\n        return `M ${source.x},${source.y} L ${target.x},${source.y} L${target.x},${target.y}`;\n    }\n    return `M ${source.x},${source.y} L ${source.x},${target.y} L${target.x},${target.y}`;\n}\n\nfunction getAes<ValueType>(\n    field: keyof HeatmapDendrogramSettings['aes'],\n    node: HierarchyPointNode<Cluster>,\n    dendrogram: HeatmapSettingsImpl['dendrogramX' | 'dendrogramY'],\n    data: Record<string, Record<string, DataValue>>,\n    aesScales: DendrogramAesScales\n): ValueType {\n    if (!dendrogram) {\n        return '' as ValueType;\n    }\n    const value = dendrogram.aes[field];\n    if (!isColumnName(value)) {\n        return value as ValueType;\n    }\n    const columnName = value.value;\n    const scale = aesScales[columnName];\n    const valueByFirstKey = data[columnName][node.data.keys[0]];\n    if (node.data.keys.every(key => valueByFirstKey === data[columnName][key])) {\n        return scale(String(valueByFirstKey))[field] as ValueType;\n    } else {\n        return scale.unknown()[field] as ValueType;\n    }\n}\n\nconst EMPTY_BBOX = {x: 0, y: 0, width: 0, height: 0};\n\ninterface DendrogramProps {\n    dendrograms: ChartDendrograms;\n    sideElementBBoxes: ChartDimensionsData['sideElementBBoxes'];\n    xDataByKeys: Record<string, Record<string, DataValue>>;\n    yDataByKeys: Record<string, Record<string, DataValue>>;\n    aesScales: DendrogramAesScales;\n}\n\nexport function Dendrograms({dendrograms, sideElementBBoxes, xDataByKeys, yDataByKeys, aesScales}: DendrogramProps) {\n    const dataX = dendrograms.x.data;\n    const dataY = dendrograms.y.data;\n    const dendroXBBox = dataX ? sideElementBBoxes[dataX.position].dendro : EMPTY_BBOX;\n    const dendroYBBox = dataY ? sideElementBBoxes[dataY.position].dendro : EMPTY_BBOX;\n\n    function aesGetterX<ValueType>(field: keyof HeatmapDendrogramSettings['aes'], node: HierarchyPointNode<Cluster>) {\n        return getAes<ValueType>(field, node, dataX, xDataByKeys, aesScales);\n    }\n    function aesGetterY<ValueType>(field: keyof HeatmapDendrogramSettings['aes'], node: HierarchyPointNode<Cluster>) {\n        return getAes<ValueType>(field, node, dataY, yDataByKeys, aesScales);\n    }\n    return (\n        <g>\n            <g transform={`translate(${dendroXBBox.x},${dendroXBBox.y})`}>\n                {dataX && !dataX.hidden &&\n                    dendrograms.x.trees.map((root, idx) => {\n                        const links = root.links();\n                        const nodes = root.descendants();\n                        return (\n                            <g key={idx}>\n                                {links.map(link => {\n                                    const node = dataX.edgeInheritance === 'up' ? link.source : link.target;\n                                    return (\n                                        <path\n                                            key={`${link.source.x},${link.source.y},${link.target.x},${link.target.y}`}\n                                            d={getLinkPath(link, dataX.position)}\n                                            stroke={aesGetterX<string>('lineColor', node)}\n                                            strokeWidth={aesGetterX<number>('lineWidth', node)}\n                                            strokeDasharray={getLineShape(aesGetterX<LineShape>('lineShape', node))}\n                                            fill=\"none\"\n                                        />\n                                    );\n                                })}\n                                {dataX.showNodes &&\n                                    nodes.map(node => (\n                                        <g key={`${node.x},${node.y}`} transform={`translate(${node.x},${node.y})`}>\n                                            {getPointShape(\n                                                aesGetterX<PointShape>('dotShape', node),\n                                                aesGetterX<number>('dotSize', node),\n                                                aesGetterX<string>('dotFill', node)\n                                            )}\n                                        </g>\n                                    ))}\n                            </g>\n                        );\n                    })}\n            </g>\n            <g transform={`translate(${dendroYBBox.x},${dendroYBBox.y})`}>\n                {dataY && !dataY.hidden &&\n                    dendrograms.y.trees.map((root, idx) => {\n                        const links = root.links();\n                        const nodes = root.descendants();\n                        return (\n                            <g key={idx}>\n                                {links.map(link => {\n                                    const node = dataY.edgeInheritance === 'up' ? link.source : link.target;\n                                    return (\n                                        <path\n                                            key={`${link.source.x},${link.source.y},${link.target.x},${link.target.y}`}\n                                            d={getLinkPath(link, dataY.position)}\n                                            stroke={aesGetterY<string>('lineColor', node)}\n                                            strokeWidth={aesGetterY<number>('lineWidth', node)}\n                                            strokeDasharray={getLineShape(aesGetterY<LineShape>('lineShape', node))}\n                                            fill=\"none\"\n                                        />\n                                    );\n                                })}\n                                {dataY.showNodes &&\n                                    nodes.map(node => (\n                                        <g key={`${node.x},${node.y}`} transform={`translate(${node.x},${node.y})`}>\n                                            {getPointShape(\n                                                aesGetterY<PointShape>('dotShape', node),\n                                                aesGetterY<number>('dotSize', node),\n                                                aesGetterY<string>('dotFill', node)\n                                            )}\n                                        </g>\n                                    ))}\n                            </g>\n                        );\n                    })}\n            </g>\n        </g>\n    );\n}\n"],"names":["getLinkPath","link","position","source","target","getAes","field","node","dendrogram","data","aesScales","value","isColumnName","columnName","scale","valueByFirstKey","key","EMPTY_BBOX","Dendrograms","dendrograms","sideElementBBoxes","xDataByKeys","yDataByKeys","dataX","dataY","dendroXBBox","dendroYBBox","aesGetterX","aesGetterY","i","jsx","e","root","idx","links","nodes","getLineShape","t","getPointShape","r"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Frames.js

@@ -0,0 +1,46 @@
+import { j as t } from "../../node_modules/react/jsx-runtime.js";
+import { BLACK as h } from "../../constants.js";
+function G({
+  frame: e,
+  width: c,
+  height: f,
+  xGroupKeys: m,
+  yGroupKeys: x,
+  xKeysByGroups: r,
+  yKeysByGroups: s,
+  scales: n,
+  stepX: a,
+  stepY: g
+}) {
+  return /* @__PURE__ */ t.jsxs("g", { children: [
+    e.type === "full" && /* @__PURE__ */ t.jsx("rect", { fill: "none", stroke: h, x: "0", y: "0", width: c, height: f }),
+    e.type === "groups" && m.map((o) => {
+      const l = r[o].length;
+      if (l === 0)
+        return null;
+      const d = l * a, p = n.x(r[o][0]);
+      return x.map((i) => {
+        const u = s[i].length;
+        if (u === 0)
+          return null;
+        const K = u * g, y = n.y(s[i][0]);
+        return /* @__PURE__ */ t.jsx(
+          "rect",
+          {
+            x: p,
+            y,
+            width: d,
+            height: K,
+            stroke: h,
+            fill: "none"
+          },
+          `${p}_${y}`
+        );
+      });
+    })
+  ] });
+}
+export {
+  G as Frames
+};
+//# sourceMappingURL=Frames.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Frames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Frames.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Frames.tsx"],"sourcesContent":["import {BLACK} from '../../constants';\nimport type {ChartScales} from './types';\nimport type {HeatmapSettingsImpl} from '../HeatmapSettingsImpl';\nimport React from 'react';\n\ninterface FramesProps {\n    frame: HeatmapSettingsImpl['chartSettings']['frame']\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: Record<string, string[]>;\n    yKeysByGroups: Record<string, string[]>;\n    scales: ChartScales;\n    stepX: number;\n    stepY: number;\n    width: number;\n    height: number;\n}\nexport function Frames({\n    frame,\n    width,\n    height,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    scales,\n    stepX,\n    stepY,\n}:FramesProps) {\n    return (\n        <g>\n            {frame.type === 'full' && <rect fill=\"none\" stroke={BLACK} x=\"0\" y=\"0\" width={width} height={height} />}\n            {frame.type === 'groups' &&\n                xGroupKeys.map(xGroupKey => {\n                    const keysCountX = xKeysByGroups[xGroupKey].length;\n                    if (keysCountX === 0) {\n                        return null;\n                    }\n                    const groupWidth = keysCountX * stepX;\n                    const x = scales.x(xKeysByGroups[xGroupKey][0]);\n                    return yGroupKeys.map(yGroupKey => {\n                        const keysCountY = yKeysByGroups[yGroupKey].length;\n                        if (keysCountY === 0) {\n                            return null;\n                        }\n                        const groupHeight = keysCountY * stepY;\n                        const y = scales.y(yKeysByGroups[yGroupKey][0]);\n                        return (\n                            <rect\n                                key={`${x}_${y}`}\n                                x={x}\n                                y={y}\n                                width={groupWidth}\n                                height={groupHeight}\n                                stroke={BLACK}\n                                fill=\"none\"\n                            />\n                        );\n                    });\n                })}\n        </g>\n    );\n}\n"],"names":["Frames","frame","width","height","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","scales","stepX","stepY","t","jsx","BLACK","xGroupKey","keysCountX","groupWidth","x","yGroupKey","keysCountY","groupHeight","y","g"],"mappings":";;AAiBO,SAASA,EAAO;AAAA,EACnB,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AACJ,GAAe;AACX,SAAAC,gBAAAA,EAAA,KACK,KAAA,EACI,UAAA;AAAA,IAAAV,EAAM,SAAS,UAAUW,gBAAAA,EAAAA,IAAC,QAAA,EAAK,MAAK,QAAO,QAAQC,GAAO,GAAE,KAAI,GAAE,KAAI,OAAAX,GAAc,QAAAC,GAAgB;AAAA,IACpGF,EAAM,SAAS,YACZG,EAAW,IAAI,CAAAU,MAAa;AACxB,YAAMC,IAAaT,EAAcQ,CAAS,EAAE;AAC5C,UAAIC,MAAe;AACf,eAAO;AAEX,YAAMC,IAAaD,IAAaN,GAC1BQ,IAAIT,EAAO,EAAEF,EAAcQ,CAAS,EAAE,CAAC,CAAC;AAC9C,aAAOT,EAAW,IAAI,CAAAa,MAAa;AAC/B,cAAMC,IAAaZ,EAAcW,CAAS,EAAE;AAC5C,YAAIC,MAAe;AACf,iBAAO;AAEX,cAAMC,IAAcD,IAAaT,GAC3BW,IAAIb,EAAO,EAAED,EAAcW,CAAS,EAAE,CAAC,CAAC;AAC9C,eACIN,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEG,GAAAK;AAAAA,YACAK;AAAA,YACA,OAAON;AAAAA,YACP,QAAQI;AAAAA,YACR,QAAQP;AAAAA,YACR,MAAK;AAAA,UAAA;AAAA,UANA,GAAGI,CAAC,IAAII,CAAC;AAAA,QAAA;AAAA,MAS1B,CAAC;AAAA,IACL,CAAC;AAAA,EAAA,GACT;AAER;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/constants.js

@@ -0,0 +1,32 @@
+import { BLACK as a } from "../constants.js";
+const o = 15, T = 8, i = 30, t = 48, E = 24, _ = 16, n = 4, I = 4, e = 20, S = 16, l = 16, N = 8, F = {
+  left: ["annotations", "axis", "groups", "axisTitle", "dendro"],
+  right: ["annotations", "axis", "groups", "axisTitle", "dendro"],
+  top: ["annotations", "axis", "groups", "axisTitle", "dendro", "facetTitle"],
+  bottom: ["annotations", "axis", "groups", "axisTitle", "dendro"]
+}, r = {
+  fillColor: "white",
+  lineColor: a,
+  lineWidth: 1,
+  lineShape: "solid",
+  dotSize: 3,
+  dotFill: a,
+  dotShape: "21"
+};
+export {
+  N as ANNOTATIONS_OFFSET,
+  l as ANNOTATION_WIDTH,
+  F as CHART_SIDE_ELEMENTS,
+  r as DEFAULT_AES,
+  I as DEFAULT_TICKS_SIZE,
+  t as FACET_TITLE_LINE,
+  E as FACET_TITLE_OFFSET,
+  S as FONT_SIZE,
+  e as LEGEND_OFFSET,
+  T as MIN_MARGIN,
+  o as MIN_PADDING,
+  _ as MIN_STEP_FOR_VISIBLE_LABELS,
+  n as TICK_OFFSET,
+  i as TITLE_LINE
+};
+//# sourceMappingURL=constants.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/constants.ts"],"sourcesContent":["import {BLACK} from '../constants';\nimport type {AesItem} from '../types';\n\nexport const MIN_PADDING = 15;\nexport const MIN_MARGIN = 8;\n\nexport const TITLE_LINE = 30;\nexport const FACET_TITLE_LINE = 48;\nexport const FACET_TITLE_OFFSET = 24;\n\nexport const MIN_STEP_FOR_VISIBLE_LABELS = 16;\n\nexport const TICK_OFFSET = 4;\nexport const DEFAULT_TICKS_SIZE = 4;\n\nexport const LEGEND_OFFSET = 20;\nexport const FONT_SIZE = 16;\n\nexport const ANNOTATION_WIDTH = 16;\nexport const ANNOTATIONS_OFFSET = 8;\n\nexport const CHART_SIDE_ELEMENTS = {\n    left: ['annotations', 'axis', 'groups', 'axisTitle', 'dendro'],\n    right: ['annotations', 'axis', 'groups', 'axisTitle', 'dendro'],\n    top: ['annotations', 'axis', 'groups', 'axisTitle', 'dendro', 'facetTitle'],\n    bottom: ['annotations', 'axis', 'groups', 'axisTitle', 'dendro']\n};\n\nexport const DEFAULT_AES:AesItem = {\n    fillColor: 'white',\n    lineColor: BLACK,\n    lineWidth: 1,\n    lineShape: 'solid',\n    dotSize: 3,\n    dotFill: BLACK,\n    dotShape: '21',\n};\n"],"names":["MIN_PADDING","MIN_MARGIN","TITLE_LINE","FACET_TITLE_LINE","FACET_TITLE_OFFSET","MIN_STEP_FOR_VISIBLE_LABELS","TICK_OFFSET","DEFAULT_TICKS_SIZE","LEGEND_OFFSET","FONT_SIZE","ANNOTATION_WIDTH","ANNOTATIONS_OFFSET","CHART_SIDE_ELEMENTS","DEFAULT_AES","BLACK"],"mappings":";AAGO,MAAMA,IAAc,IACdC,IAAa,GAEbC,IAAa,IACbC,IAAmB,IACnBC,IAAqB,IAErBC,IAA8B,IAE9BC,IAAc,GACdC,IAAqB,GAErBC,IAAgB,IAChBC,IAAY,IAEZC,IAAmB,IACnBC,IAAqB,GAErBC,IAAsB;AAAA,EAC/B,MAAM,CAAC,eAAe,QAAQ,UAAU,aAAa,QAAQ;AAAA,EAC7D,OAAO,CAAC,eAAe,QAAQ,UAAU,aAAa,QAAQ;AAAA,EAC9D,KAAK,CAAC,eAAe,QAAQ,UAAU,aAAa,UAAU,YAAY;AAAA,EAC1E,QAAQ,CAAC,eAAe,QAAQ,UAAU,aAAa,QAAQ;AACnE,GAEaC,IAAsB;AAAA,EAC/B,WAAW;AAAA,EACX,WAAWC;AAAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAASA;AAAAA,EACT,UAAU;AACd;","x_google_ignoreList":[0]}