@milaboratories/graph-maker 1.1.131 → 1.1.133

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapSettingsImpl.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/HeatmapSettingsImpl.ts"],"sourcesContent":["import {BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL} from '../constants';\nimport {HeatmapSettingsSchema} from '../types';\nimport type {DendrogramDistance, DendrogramLinkage, NormalizationDirection, NormalizationMethod} from '../types';\nimport type {AesMap, LineShape} from '../types';\nimport type {\n    ColumnName,\n    HeatmapSettings,\n    LegendPosition,\n    PointShape,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport lodash from 'lodash';\n\nconst DEFAULT_DENDRO_AES = {\n    lineColor: BLACK,\n    dotShape: '21' as PointShape,\n    dotFill: BLACK,\n    dotSize: 3,\n    lineShape: 'solid' as LineShape,\n    lineWidth: 1,\n};\nconst DEFAULT_DENDRO: HeatmapDendrogramSettings = {\n    size: 150,\n    distance: 'euclidean',\n    linkage: 'average',\n    fillNA: 0,\n    showNodes: true,\n    hidden: false,\n    edgeInheritance: 'up',\n    aes: DEFAULT_DENDRO_AES,\n};\n\nexport interface HeatmapDendrogramSettings {\n    size: number;\n    distance: DendrogramDistance;\n    linkage: DendrogramLinkage;\n    fillNA: number;\n    showNodes: boolean;\n    hidden: boolean;\n    edgeInheritance: 'up' | 'down';\n    aes: {\n        lineColor: string | ColumnName;\n        dotFill: string | ColumnName;\n        dotShape: PointShape | ColumnName;\n        dotSize: number | ColumnName;\n        lineShape: LineShape | ColumnName;\n        lineWidth: number | ColumnName;\n    };\n}\n\ninterface HeatmapDendrogramSettingsX extends HeatmapDendrogramSettings {\n    position: 'top' | 'bottom';\n}\ninterface HeatmapDendrogramSettingsY extends HeatmapDendrogramSettings {\n    position: 'left' | 'right';\n}\n\ninterface HeatmapAnnotation {\n    id: string;\n    valueColumn: ColumnName;\n    showTitle: boolean;\n    type: 'discrete' | 'continuous';\n    colors: string[];\n}\n\ninterface HeatmapAnnotationX extends HeatmapAnnotation {\n    axis: 'x';\n    position: 'top' | 'bottom';\n    titlePosition: 'left' | 'right';\n}\ninterface HeatmapAnnotationY extends HeatmapAnnotation {\n    axis: 'y';\n    position: 'left' | 'right';\n    titlePosition: 'top' | 'bottom';\n}\n\nexport class HeatmapSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'heatmap';\n    readonly facetSettings: {\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n    };\n    readonly xColumn: ColumnName;\n    readonly xGroupBy: ColumnName[];\n    readonly yColumn: ColumnName;\n    readonly yGroupBy: ColumnName[];\n    readonly valueColumn: ColumnName;\n    readonly facetBy: ColumnName[];\n    readonly normalization: {direction: NormalizationDirection, method: NormalizationMethod, colorRange?: number[]} | null;\n    readonly chartSettings: {\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly size: {width: number; height: number};\n        readonly frame: {type: 'full' | 'groups' | 'none'};\n        readonly valueType: 'discrete' | 'continuous';\n        readonly yAxis: {\n            title: string;\n            showTicks: boolean;\n            showTitle: boolean;\n            showAxisLabels: boolean;\n            showGroupLabels: boolean;\n            position: 'left' | 'right';\n            groupingPosition: 'left' | 'right';\n            axisLabelsAngle: 0 | 45 | 90;\n            groupLabelsAngle: 0 | 45 | 90;\n            sorting: 'asc' | 'desc';\n        };\n        readonly xAxis: {\n            title: string;\n            showTicks: boolean;\n            showTitle: boolean;\n            showAxisLabels: boolean;\n            showGroupLabels: boolean;\n            position: 'bottom' | 'top';\n            groupingPosition: 'bottom' | 'top';\n            axisLabelsAngle: 0 | 45 | 90;\n            groupLabelsAngle: 0 | 45 | 90;\n            sorting: 'asc' | 'desc';\n        };\n        readonly legend: {show: boolean; position: LegendPosition};\n        readonly tooltips: {show: boolean; content?: ColumnName[]};\n    };\n    readonly aes: {\n        colorsList: string[];\n        colorsMap: Record<string, string> | null;\n        valueColors: string[] | null;\n        valuesByColors: number[] | null;\n        groupGap: number;\n        cellStrokeColor: string;\n        emptyCellColor: string;\n    };\n\n    readonly annotations: (HeatmapAnnotationX | HeatmapAnnotationY)[];\n\n    readonly dendrogramX: HeatmapDendrogramSettingsX | null;\n    readonly dendrogramY: HeatmapDendrogramSettingsY | null;\n    readonly inheritedDendrogramAes: Record<string, AesMap> | null;\n    readonly NAValueAs: number | null;\n\n    constructor(settings: HeatmapSettings) {\n        HeatmapSettingsSchema.parse(settings);\n\n        this.id = lodash.uniqueId('settings');\n        this.facetSettings = {\n            sharedX: (settings.facetBy ?? []).length > 0,\n            sharedY: (settings.facetBy ?? []).length > 0,\n            ...settings.facetSettings,\n        };\n        this.xColumn = settings.xColumn;\n        this.xGroupBy = settings.xGroupBy ?? [];\n        this.yColumn = settings.yColumn;\n        this.yGroupBy = settings.yGroupBy ?? [];\n        this.valueColumn = settings.valueColumn;\n        this.facetBy = settings.facetBy ?? [];\n        this.chartSettings = {\n            title: {\n                position: 'left',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            size: {\n                width: settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH),\n                height: settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n            },\n            frame: {type: settings.frame?.type ?? 'none'},\n            valueType: settings.valueType ?? 'continuous',\n            yAxis: {\n                title: settings.yColumn.label ?? settings.yColumn.value,\n                showTicks: true,\n                showTitle: true,\n                showAxisLabels: true,\n                showGroupLabels: true,\n                position: 'left',\n                groupingPosition: 'left',\n                axisLabelsAngle: 90,\n                groupLabelsAngle: 0,\n                sorting: 'asc',\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.xColumn.label ?? settings.xColumn.value,\n                showTicks: true,\n                showTitle: true,\n                showAxisLabels: true,\n                showGroupLabels: true,\n                position: 'bottom',\n                groupingPosition: 'bottom',\n                axisLabelsAngle: 90,\n                groupLabelsAngle: 0,\n                sorting: 'asc',\n                ...settings.xAxis,\n            },\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n            tooltips: {\n                show: true,\n                ...settings.tooltips,\n            },\n        };\n        this.normalization = this.chartSettings.valueType === 'continuous' ? settings.normalization ?? null : null;\n        this.NAValueAs = settings.NAValueAs ?? null;\n        this.aes = {\n            colorsList: settings.aes?.colorsList ?? ['black', 'white', 'red'],\n            colorsMap: settings.aes?.colorsMap ?? null,\n            valueColors: settings.aes?.valueColors ?? null,\n            valuesByColors: settings.aes?.valuesByColors ?? null,\n            cellStrokeColor: settings.aes?.cellStrokeColor ?? 'none',\n            groupGap: settings.aes?.groupGap ?? 3,\n            emptyCellColor: settings.aes?.emptyCellColor ?? 'white',\n        };\n\n        this.annotations = (settings.annotations ?? []).map(item => {\n            if (item.axis === 'x') {\n                return {\n                    id: lodash.uniqueId('annotation'),\n                    axis: 'x',\n                    valueColumn: item.valueColumn,\n                    position: item.position ?? this.chartSettings.xAxis.position,\n                    titlePosition: item.titlePosition ?? 'right',\n                    showTitle: item.showTitle ?? true,\n                    type: item.type,\n                    colors: item.colors ?? ['white', 'black'],\n                };\n            }\n            return {\n                id: lodash.uniqueId('annotation'),\n                axis: 'y',\n                valueColumn: item.valueColumn,\n                position: item.position ?? this.chartSettings.yAxis.position,\n                titlePosition: item.titlePosition ?? 'top',\n                showTitle: item.showTitle ?? true,\n                type: item.type,\n                colors: item.colors ?? ['white', 'black'],\n            };\n        });\n\n        if (settings.valueType === 'discrete' && (settings.dendrogramX || settings.dendrogramY)) {\n            throw Error('Dendrogram is not available with discrete cells values');\n        }\n\n        this.dendrogramX = settings.dendrogramX\n            ? {\n                  ...DEFAULT_DENDRO,\n                  position: 'top',\n                  ...settings.dendrogramX,\n                  aes: {\n                      ...DEFAULT_DENDRO_AES,\n                      ...settings.dendrogramX?.aes,\n                  },\n              }\n            : null;\n        this.dendrogramY = settings.dendrogramY\n            ? {\n                  ...DEFAULT_DENDRO,\n                  position: 'left',\n                  ...settings.dendrogramY,\n                  aes: {\n                      ...DEFAULT_DENDRO_AES,\n                      ...settings.dendrogramY?.aes,\n                  },\n              }\n            : null;\n        this.inheritedDendrogramAes = settings.inheritedDendrogramAes ?? null;\n    }\n}\n"],"names":["DEFAULT_DENDRO_AES","BLACK","DEFAULT_DENDRO","HeatmapSettingsImpl","settings","__publicField","HeatmapSettingsSchema","lodash","_a","_b","DEFAULT_WIDTH_SMALL","DEFAULT_WIDTH","_c","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","_d","_e","_f","_g","_h","_i","_j","_k","item","_l","_m"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Annotations/Annotation.js

@@ -0,0 +1,150 @@
+import { j as u } from "../../../node_modules/react/jsx-runtime.js";
+import { r as F } from "../../../node_modules/react-dom/index.js";
+import { BLACK as G } from "../../../constants.js";
+import { ANNOTATION_WIDTH as c } from "../../constants.js";
+function H(y, x, o, p, f) {
+  if (y) {
+    const $ = c / 2, j = o === "top" ? -5 : f + 5;
+    return { x: $, y: j, rotate: x === "left" ? -90 : 90, anchor: x === "left" && o === "top" ? "start" : "end" };
+  }
+  const l = o === "right" ? p + 5 : -5, s = c / 2;
+  return { x: l, y: s, rotate: 0, anchor: o === "right" ? "start" : "end" };
+}
+function P(y) {
+  return y !== null && !("data" in y);
+}
+function R({
+  facetKey: y,
+  data: x,
+  scales: o,
+  stepX: p,
+  stepY: f,
+  x: l,
+  y: s,
+  annotation: $,
+  showTitle: j,
+  width: L,
+  height: S,
+  colorScale: v,
+  aes: _,
+  frame: k,
+  xGroupKeys: w,
+  yGroupKeys: A,
+  xKeysByGroups: h,
+  yKeysByGroups: d,
+  tooltipsData: a,
+  activeElementContainer: C
+}) {
+  const { position: K, titlePosition: O, valueColumn: g } = $, r = K === "left" || K === "right", T = (r ? o.y : o.x).domain(), m = H(r, K, O, L, S), W = a.fixed && C;
+  return /* @__PURE__ */ u.jsxs("g", { children: [
+    T.map((e) => {
+      const t = x == null ? void 0 : x[e], i = v.type === "continuous" ? v.scale(Number(t)) : v.scale(String(t)), n = l + (r ? 0 : o.x(e)), D = s + (r ? o.y(e) : 0), M = r ? c : p, N = r ? f : c, b = r ? null : e, B = r ? e : null, z = W && P(a.selectedData) && a.selectedData.xKey === b && a.selectedData.yKey === B && y === a.currentFacet, E = /* @__PURE__ */ u.jsx(
+        "rect",
+        {
+          x: n,
+          y: D,
+          width: M,
+          height: N,
+          fill: i,
+          stroke: _.cellStrokeColor,
+          onMouseOver: () => a.onMouseEnter({
+            x: n + M,
+            y: D + N / 2,
+            xKey: b,
+            yKey: B,
+            value: t,
+            title: g.label ?? g.value
+          }, y),
+          onMouseLeave: () => a.onMouseLeave()
+        },
+        e
+      );
+      return z ? F.createPortal(E, C) : E;
+    }),
+    a.fixed && !r && w.map((e) => {
+      const t = h[e].length;
+      if (t === 0)
+        return null;
+      const i = t * p, n = o.x(h[e][0]);
+      return /* @__PURE__ */ u.jsx(
+        "rect",
+        {
+          x: n + l,
+          y: s,
+          width: i,
+          height: c,
+          stroke: "none",
+          fill: "rgba(255, 255, 255, 0.8)"
+        },
+        `${n}_${s}`
+      );
+    }),
+    a.fixed && r && A.map((e) => {
+      const t = d[e].length;
+      if (t === 0)
+        return null;
+      const i = t * f, n = o.y(d[e][0]);
+      return /* @__PURE__ */ u.jsx(
+        "rect",
+        {
+          x: l,
+          y: n + s,
+          width: c,
+          height: i,
+          stroke: "none",
+          fill: "rgba(255, 255, 255, 0.8)"
+        },
+        `${l}_${n}`
+      );
+    }),
+    k.type === "groups" && !r && w.map((e) => {
+      const t = h[e].length;
+      if (t === 0)
+        return null;
+      const i = t * p, n = o.x(h[e][0]);
+      return /* @__PURE__ */ u.jsx(
+        "rect",
+        {
+          x: n + l,
+          y: s,
+          width: i,
+          height: c,
+          stroke: G,
+          fill: "none"
+        },
+        `${n}_${s}`
+      );
+    }),
+    k.type === "groups" && r && A.map((e) => {
+      const t = d[e].length;
+      if (t === 0)
+        return null;
+      const i = t * f, n = o.y(d[e][0]);
+      return /* @__PURE__ */ u.jsx(
+        "rect",
+        {
+          x: l,
+          y: n + s,
+          width: c,
+          height: i,
+          stroke: G,
+          fill: "none"
+        },
+        `${l}_${n}`
+      );
+    }),
+    j && /* @__PURE__ */ u.jsx(
+      "g",
+      {
+        fontWeight: "500",
+        fontSize: "14px",
+        transform: `translate(${l + m.x},${s + m.y}) rotate(${m.rotate})`,
+        children: /* @__PURE__ */ u.jsx("text", { textAnchor: m.anchor, dominantBaseline: "central", children: g.label ?? g.value })
+      }
+    )
+  ] });
+}
+export {
+  R as Annotation
+};
+//# sourceMappingURL=Annotation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Annotation.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Annotations/Annotation.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { BLACK } from '../../../constants';\nimport type { DataValue } from '../../../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { Cell, GroupedCellsData } from '../../getCells';\nimport type { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';\nimport type { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';\n\nfunction getTextPosition(\n    vertical: boolean,\n    annotationPosition: string,\n    titlePosition: string,\n    width: number,\n    height: number\n) {\n    if (vertical) {\n        const x = ANNOTATION_WIDTH / 2;\n        const y = titlePosition === 'top' ? -5 : height + 5;\n        const rotate = annotationPosition === 'left' ? -90 : 90;\n        const anchor = annotationPosition === 'left' && titlePosition === 'top' ? 'start' : 'end';\n        return {x, y, rotate, anchor};\n    }\n    const x = titlePosition === 'right' ? width + 5 : -5;\n    const y = ANNOTATION_WIDTH / 2;\n    const anchor = titlePosition === 'right' ? 'start' : 'end';\n    return {x, y, rotate: 0, anchor};\n}\ninterface AnnotationProps {\n    facetKey: string;\n    scales: ChartScales;\n    data: Record<string, DataValue>;\n    annotation: HeatmapSettingsImpl['annotations'][0];\n    stepX: number;\n    stepY: number;\n    vertical?: boolean;\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    showTitle: boolean;\n    colorScale: AnnotationColorScales[string];\n    aes: HeatmapSettingsImpl['aes'];\n    frame: HeatmapSettingsImpl['chartSettings']['frame'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n    activeElementContainer?: Element;\n}\n\nfunction isAnnotationTooltip(d:Cell|AnnotationTooltipData|null):d is AnnotationTooltipData {\n    return d !== null && !('data' in d);\n}\n\nexport function Annotation({\n    facetKey,\n    data,\n    scales,\n    stepX,\n    stepY,\n    x,\n    y,\n    annotation,\n    showTitle,\n    width,\n    height,\n    colorScale,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    activeElementContainer\n}: AnnotationProps) {\n    const {position, titlePosition, valueColumn} = annotation;\n    const vertical = position === 'left' || position === 'right';\n    const keys = (vertical ? scales.y : scales.x).domain();\n    const textPosition = getTextPosition(vertical, position, titlePosition, width, height);\n    const isDimmedBackground = tooltipsData.fixed && activeElementContainer;\n\n    return (\n        <g>\n            {keys.map(key => {\n                const value = data?.[key];\n                const fillColor = colorScale.type === 'continuous'\n                    ? colorScale.scale(Number(value))\n                    : colorScale.scale(String(value));\n                const xInner= x + (vertical ? 0 : scales.x(key));\n                const yInner= y + (vertical ? scales.y(key) : 0);\n                const width = vertical ? ANNOTATION_WIDTH : stepX;\n                const height = vertical ? stepY : ANNOTATION_WIDTH;\n                const xKey = vertical ? null : key;\n                const yKey = vertical ? key : null;\n                const highlighted = isDimmedBackground\n                    && isAnnotationTooltip(tooltipsData.selectedData)\n                    && tooltipsData.selectedData.xKey === xKey\n                    && tooltipsData.selectedData.yKey === yKey\n                    && facetKey === tooltipsData.currentFacet;\n                const cellElement = (\n                    <rect\n                        key={key}\n                        x={xInner}\n                        y={yInner}\n                        width={width}\n                        height={height}\n                        fill={fillColor}\n                        stroke={aes.cellStrokeColor}\n                        onMouseOver={() => tooltipsData.onMouseEnter({\n                            x: xInner + width,\n                            y: yInner + height / 2,\n                            xKey,\n                            yKey,\n                            value,\n                            title: valueColumn.label ?? valueColumn.value\n                        } as AnnotationTooltipData, facetKey)}\n                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    />\n                );\n                return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n            })}\n            {tooltipsData.fixed && !vertical && xGroupKeys.map(xGroupKey => {\n                const keysCountX = xKeysByGroups[xGroupKey].length;\n                if (keysCountX === 0) {\n                    return null;\n                }\n                const groupWidth = keysCountX * stepX;\n                const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                return (\n                    <rect\n                        key={`${groupX}_${y}`}\n                        x={groupX + x}\n                        y={y}\n                        width={groupWidth}\n                        height={ANNOTATION_WIDTH}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {tooltipsData.fixed && vertical && yGroupKeys.map(yGroupKey => {\n                const keysCountY = yKeysByGroups[yGroupKey].length;\n                if (keysCountY === 0) {\n                    return null;\n                }\n                const groupHeight = keysCountY * stepY;\n                const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                return (\n                    <rect\n                        key={`${x}_${groupY}`}\n                        x={x}\n                        y={groupY + y}\n                        width={ANNOTATION_WIDTH}\n                        height={groupHeight}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {frame.type === 'groups' &&\n                !vertical &&\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 groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${groupX}_${y}`}\n                            x={groupX + x}\n                            y={y}\n                            width={groupWidth}\n                            height={ANNOTATION_WIDTH}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {frame.type === 'groups' &&\n                vertical &&\n                yGroupKeys.map(yGroupKey => {\n                    const keysCountY = yKeysByGroups[yGroupKey].length;\n                    if (keysCountY === 0) {\n                        return null;\n                    }\n                    const groupHeight = keysCountY * stepY;\n                    const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${x}_${groupY}`}\n                            x={x}\n                            y={groupY + y}\n                            width={ANNOTATION_WIDTH}\n                            height={groupHeight}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {showTitle && (\n                <g\n                    fontWeight=\"500\"\n                    fontSize=\"14px\"\n                    transform={`translate(${x + textPosition.x},${y + textPosition.y}) rotate(${textPosition.rotate})`}\n                >\n                    <text textAnchor={textPosition.anchor} dominantBaseline=\"central\">\n                        {valueColumn.label ?? valueColumn.value}\n                    </text>\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["getTextPosition","vertical","annotationPosition","titlePosition","width","height","x","ANNOTATION_WIDTH","y","isAnnotationTooltip","d","Annotation","facetKey","data","scales","stepX","stepY","annotation","showTitle","colorScale","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","activeElementContainer","position","valueColumn","keys","textPosition","isDimmedBackground","u","key","value","fillColor","xInner","yInner","xKey","yKey","highlighted","cellElement","jsx","createPortal","xGroupKey","keysCountX","groupWidth","groupX","yGroupKey","keysCountY","groupHeight","groupY","BLACK"],"mappings":";;;;AASA,SAASA,EACLC,GACAC,GACAC,GACAC,GACAC,GACF;AACE,MAAIJ,GAAU;AACV,UAAMK,IAAIC,IAAmB,GACvBC,IAAIL,MAAkB,QAAQ,KAAKE,IAAS;AAGlD,WAAO,EAAC,GAAAC,GAAG,GAAAE,GAAG,QAFCN,MAAuB,SAAS,MAAM,IAE/B,QADPA,MAAuB,UAAUC,MAAkB,QAAQ,UAAU,MAAA;AAAA,EAExF;AACA,QAAMG,IAAIH,MAAkB,UAAUC,IAAQ,IAAI,IAC5CI,IAAID,IAAmB;AAE7B,SAAO,EAAC,GAAAD,GAAG,GAAAE,GAAG,QAAQ,GAAG,QADVL,MAAkB,UAAU,UAAU,MAAA;AAEzD;AAyBA,SAASM,EAAoBC,GAA8D;AACvF,SAAOA,MAAM,QAAQ,EAAE,UAAUA;AACrC;AAEO,SAASC,EAAW;AAAA,EACvB,UAAAC;AAAAA,EACA,MAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,GAAAV;AAAAA,EACA,GAAAE;AAAAA,EACA,YAAAS;AAAAA,EACA,WAAAC;AAAAA,EACA,OAAAd;AAAAA,EACA,QAAAC;AAAAA,EACA,YAAAc;AAAAA,EACA,KAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,cAAAC;AAAAA,EACA,wBAAAC;AACJ,GAAoB;AAChB,QAAM,EAAC,UAAAC,GAAU,eAAAzB,GAAe,aAAA0B,EAAAA,IAAeZ,GACzChB,IAAW2B,MAAa,UAAUA,MAAa,SAC/CE,KAAQ7B,IAAWa,EAAO,IAAIA,EAAO,GAAG,OAAA,GACxCiB,IAAe/B,EAAgBC,GAAU2B,GAAUzB,GAAeC,GAAOC,CAAM,GAC/E2B,IAAqBN,EAAa,SAASC;AAEjD,SAAAM,gBAAAA,EAAA,KACK,KAAA,EACI,UAAA;AAAA,IAAAH,EAAK,IAAI,CAAAI,MAAO;AACb,YAAMC,IAAQtB,KAAA,OAAA,SAAAA,EAAOqB,IACfE,IAAYjB,EAAW,SAAS,eAChCA,EAAW,MAAM,OAAOgB,CAAK,CAAC,IAC9BhB,EAAW,MAAM,OAAOgB,CAAK,CAAC,GAC9BE,IAAQ/B,KAAKL,IAAW,IAAIa,EAAO,EAAEoB,CAAG,IACxCI,IAAQ9B,KAAKP,IAAWa,EAAO,EAAEoB,CAAG,IAAI,IACxC9B,IAAQH,IAAWM,IAAmBQ,GACtCV,IAASJ,IAAWe,IAAQT,GAC5BgC,IAAOtC,IAAW,OAAOiC,GACzBM,IAAOvC,IAAWiC,IAAM,MACxBO,IAAcT,KACbvB,EAAoBiB,EAAa,YAAY,KAC7CA,EAAa,aAAa,SAASa,KACnCb,EAAa,aAAa,SAASc,KACnC5B,MAAac,EAAa,cAC3BgB,IACFC,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,GAAGN;AAAAA,UACH,GAAGC;AAAAA,UACH,OAAOlC;AAAAA,UACP,QAAQC;AAAAA,UACR,MAAM+B;AAAAA,UACN,QAAQhB,EAAI;AAAA,UACZ,aAAa,MAAMM,EAAa,aAAa;AAAA,YACzC,GAAGW,IAASjC;AAAAA,YACZ,GAAGkC,IAASjC,IAAS;AAAA,YACrB,MAAAkC;AAAAA,YACA,MAAAC;AAAAA,YACA,OAAAL;AAAAA,YACA,OAAON,EAAY,SAASA,EAAY;AAAA,UAAA,GAChBjB,CAAQ;AAAA,UACpC,cAAc,MAAMc,EAAa,aAAA;AAAA,QAAA;AAAA,QAf5BQ;AAAAA,MAAA;AAkBb,aAAOO,IAAcG,EAAAA,aAAaF,GAAaf,CAAsB,IAAIe;AAAAA,IAC7E,CAAC;AAAA,IACAhB,EAAa,SAAS,CAACzB,KAAYqB,EAAW,IAAI,CAAAuB,MAAa;AAC5D,YAAMC,IAAatB,EAAcqB,CAAS,EAAE;AAC5C,UAAIC,MAAe;AACf,eAAO;AAEX,YAAMC,IAAaD,IAAa/B,GAC1BiC,IAASlC,EAAO,EAAEU,EAAcqB,CAAS,EAAE,CAAC,CAAC;AACnD,aACIF,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,GAAGK,IAAS1C;AAAAA,UACZ,GAAAE;AAAAA,UACA,OAAOuC;AAAAA,UACP,QAAQxC;AAAAA,UACR,QAAO;AAAA,UACP,MAAK;AAAA,QAAA;AAAA,QANA,GAAGyC,CAAM,IAAIxC,CAAC;AAAA,MAAA;AAAA,IAS/B,CAAC;AAAA,IACAkB,EAAa,SAASzB,KAAYsB,EAAW,IAAI,CAAA0B,MAAa;AAC3D,YAAMC,IAAazB,EAAcwB,CAAS,EAAE;AAC5C,UAAIC,MAAe;AACf,eAAO;AAEX,YAAMC,IAAcD,IAAalC,GAC3BoC,IAAStC,EAAO,EAAEW,EAAcwB,CAAS,EAAE,CAAC,CAAC;AACnD,aACIN,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,GAAArC;AAAAA,UACA,GAAG8C,IAAS5C;AAAAA,UACZ,OAAOD;AAAAA,UACP,QAAQ4C;AAAAA,UACR,QAAO;AAAA,UACP,MAAK;AAAA,QAAA;AAAA,QANA,GAAG7C,CAAC,IAAI8C,CAAM;AAAA,MAAA;AAAA,IAS/B,CAAC;AAAA,IACA/B,EAAM,SAAS,YACZ,CAACpB,KACDqB,EAAW,IAAI,CAAAuB,MAAa;AACxB,YAAMC,IAAatB,EAAcqB,CAAS,EAAE;AAC5C,UAAIC,MAAe;AACf,eAAO;AAEX,YAAMC,IAAaD,IAAa/B,GAC1BiC,IAASlC,EAAO,EAAEU,EAAcqB,CAAS,EAAE,CAAC,CAAC;AACnD,aACIF,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,GAAGK,IAAS1C;AAAAA,UACZ,GAAAE;AAAAA,UACA,OAAOuC;AAAAA,UACP,QAAQxC;AAAAA,UACR,QAAQ8C;AAAAA,UACR,MAAK;AAAA,QAAA;AAAA,QANA,GAAGL,CAAM,IAAIxC,CAAC;AAAA,MAAA;AAAA,IAS/B,CAAC;AAAA,IACJa,EAAM,SAAS,YACZpB,KACAsB,EAAW,IAAI,CAAA0B,MAAa;AACxB,YAAMC,IAAazB,EAAcwB,CAAS,EAAE;AAC5C,UAAIC,MAAe;AACf,eAAO;AAEX,YAAMC,IAAcD,IAAalC,GAC3BoC,IAAStC,EAAO,EAAEW,EAAcwB,CAAS,EAAE,CAAC,CAAC;AACnD,aACIN,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,GAAArC;AAAAA,UACA,GAAG8C,IAAS5C;AAAAA,UACZ,OAAOD;AAAAA,UACP,QAAQ4C;AAAAA,UACR,QAAQE;AAAAA,UACR,MAAK;AAAA,QAAA;AAAA,QANA,GAAG/C,CAAC,IAAI8C,CAAM;AAAA,MAAA;AAAA,IAS/B,CAAC;AAAA,IACJlC,KACGyB,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,UAAS;AAAA,QACT,WAAW,aAAarC,IAAIyB,EAAa,CAAC,IAAIvB,IAAIuB,EAAa,CAAC,YAAYA,EAAa,MAAM;AAAA,QAE/F,UAAAY,gBAAAA,EAAAA,IAAC,QAAA,EAAK,YAAYZ,EAAa,QAAQ,kBAAiB,WACnD,UAAAF,EAAY,SAASA,EAAY,OACtC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGZ;AAER;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,104 @@
+import { j as i } from "../../../node_modules/react/jsx-runtime.js";
+import { Annotation as p } from "./Annotation.js";
+import { ANNOTATION_WIDTH as y, ANNOTATIONS_OFFSET as m } from "../../constants.js";
+function u(n, o) {
+  return n.showTitle && o.includes(n.titlePosition);
+}
+function W({
+  facetKey: n,
+  sideElementBBoxes: o,
+  annotations: x,
+  annotationColorScales: s,
+  cellsMeta: f,
+  chartEdgeSides: e,
+  sharedX: h,
+  sharedY: K,
+  width: T,
+  height: v,
+  scales: g,
+  stepX: B,
+  stepY: G,
+  aes: S,
+  frame: w,
+  xGroupKeys: C,
+  yGroupKeys: N,
+  xKeysByGroups: j,
+  yKeysByGroups: A,
+  tooltipsData: D,
+  activeElementContainer: E
+}) {
+  const l = x.filter((t) => e.includes(t.position) || !h && ["left", "right"].includes(t.position) || !K && ["top", "bottom"].includes(t.position)), O = l.filter((t) => t.position === "left"), b = l.filter((t) => t.position === "right"), I = l.filter((t) => t.position === "top"), X = l.filter((t) => t.position === "bottom"), { xDataByKeys: c, yDataByKeys: d } = f, r = {
+    facetKey: n,
+    scales: g,
+    stepX: B,
+    stepY: G,
+    width: T,
+    height: v,
+    aes: S,
+    frame: w,
+    xGroupKeys: C,
+    yGroupKeys: N,
+    xKeysByGroups: j,
+    yKeysByGroups: A,
+    tooltipsData: D,
+    activeElementContainer: E
+  };
+  return /* @__PURE__ */ i.jsxs("g", { children: [
+    O.map((t, a) => /* @__PURE__ */ i.jsx(
+      p,
+      {
+        annotation: t,
+        colorScale: s[t.id],
+        data: d[t.valueColumn.value],
+        showTitle: u(t, e),
+        x: o.left.annotations.x + a * y,
+        y: o.left.annotations.y,
+        ...r
+      },
+      t.id
+    )),
+    b.map((t, a) => /* @__PURE__ */ i.jsx(
+      p,
+      {
+        annotation: t,
+        colorScale: s[t.id],
+        data: d[t.valueColumn.value],
+        showTitle: u(t, e),
+        x: o.right.annotations.x + a * y + m,
+        y: o.right.annotations.y,
+        ...r
+      },
+      t.id
+    )),
+    I.map((t, a) => /* @__PURE__ */ i.jsx(
+      p,
+      {
+        annotation: t,
+        colorScale: s[t.id],
+        data: c[t.valueColumn.value],
+        showTitle: u(t, e),
+        x: o.top.annotations.x,
+        y: o.top.annotations.y + a * y,
+        ...r
+      },
+      t.id
+    )),
+    X.map((t, a) => /* @__PURE__ */ i.jsx(
+      p,
+      {
+        annotation: t,
+        colorScale: s[t.id],
+        data: c[t.valueColumn.value],
+        showTitle: u(t, e),
+        x: o.bottom.annotations.x,
+        y: o.bottom.annotations.y + a * y + m,
+        ...r
+      },
+      t.id
+    ))
+  ] });
+}
+export {
+  W as Annotations
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Annotations/index.tsx"],"sourcesContent":["import type {TooltipsData} from '../../../common/Tooltip';\nimport {Annotation} from './Annotation';\nimport type {\n    AnnotationColorScales,\n    AnnotationTooltipData,\n    ChartDimensionsData,\n    ChartScales,\n} from '../types';\nimport {ANNOTATION_WIDTH, ANNOTATIONS_OFFSET} from '../../constants';\nimport type {Cell} from '../../getCells';\nimport type {GroupedCellsData} from '../../getCells';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\nfunction showTitle(item: HeatmapSettingsImpl['annotations'][0], chartEdgeSides: ChartDimensionsData['chartEdgeSides']) {\n    return item.showTitle && chartEdgeSides.includes(item.titlePosition);\n}\n\ninterface AnnotationProps {\n    facetKey: string;\n    sideElementBBoxes: ChartDimensionsData['sideElementBBoxes'];\n    annotations: HeatmapSettingsImpl['annotations'];\n    cellsMeta: GroupedCellsData['meta'];\n    annotationColorScales: AnnotationColorScales;\n    sharedX: boolean;\n    sharedY: boolean;\n    chartEdgeSides: ChartDimensionsData['chartEdgeSides'];\n    width: number;\n    height: number;\n    scales: ChartScales;\n    stepX: number;\n    stepY: number;\n    aes: HeatmapSettingsImpl['aes'];\n    frame: HeatmapSettingsImpl['chartSettings']['frame'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<Cell|AnnotationTooltipData>;\n    activeElementContainer?: Element;\n}\n\nexport function Annotations({\n    facetKey,\n    sideElementBBoxes,\n    annotations,\n    annotationColorScales,\n    cellsMeta,\n    chartEdgeSides,\n    sharedX,\n    sharedY,\n    width,\n    height,\n    scales,\n    stepX,\n    stepY,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    activeElementContainer\n}: AnnotationProps) {\n    const usedAnnotations = annotations.filter(item => {\n        return (\n            chartEdgeSides.includes(item.position) ||\n            (!sharedX && ['left', 'right'].includes(item.position)) ||\n            (!sharedY && ['top', 'bottom'].includes(item.position))\n        );\n    });\n    const leftAnnotations = usedAnnotations.filter(item => item.position === 'left');\n    const rightAnnotations = usedAnnotations.filter(item => item.position === 'right');\n    const topAnnotations = usedAnnotations.filter(item => item.position === 'top');\n    const bottomAnnotations = usedAnnotations.filter(item => item.position === 'bottom');\n    const {xDataByKeys, yDataByKeys} = cellsMeta;\n\n    const commonProps = {\n        facetKey,\n        scales,\n        stepX,\n        stepY,\n        width,\n        height,\n        aes,\n        frame,\n        xGroupKeys,\n        yGroupKeys,\n        xKeysByGroups,\n        yKeysByGroups,\n        tooltipsData,\n        activeElementContainer\n    };\n    return (\n        <g>\n            {leftAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={yDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.left.annotations.x + idx * ANNOTATION_WIDTH}\n                        y={sideElementBBoxes.left.annotations.y}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {rightAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={yDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.right.annotations.x + idx * ANNOTATION_WIDTH + ANNOTATIONS_OFFSET}\n                        y={sideElementBBoxes.right.annotations.y}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {topAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={xDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.top.annotations.x}\n                        y={sideElementBBoxes.top.annotations.y + idx * ANNOTATION_WIDTH}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {bottomAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={xDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.bottom.annotations.x}\n                        y={sideElementBBoxes.bottom.annotations.y + idx * ANNOTATION_WIDTH + ANNOTATIONS_OFFSET}\n                        {...commonProps}\n                    />\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["showTitle","item","chartEdgeSides","Annotations","facetKey","sideElementBBoxes","annotations","annotationColorScales","cellsMeta","sharedX","sharedY","width","height","scales","stepX","stepY","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","activeElementContainer","usedAnnotations","leftAnnotations","rightAnnotations","topAnnotations","bottomAnnotations","xDataByKeys","yDataByKeys","commonProps","i","idx","jsx","Annotation","ANNOTATION_WIDTH","ANNOTATIONS_OFFSET"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,116 @@
+import { j as t } from "../../../node_modules/react/jsx-runtime.js";
+import { BLACK as a } from "../../../constants.js";
+import { DEFAULT_TICKS_SIZE as k, TICK_OFFSET as $ } from "../../constants.js";
+function D({
+  sideElementBBoxes: s,
+  debug: f,
+  xKeys: L,
+  yKeys: u,
+  scales: w,
+  xAxis: A,
+  yAxis: g,
+  stepX: B,
+  stepY: E,
+  labelAngles: o,
+  xLabels: K,
+  yLabels: S
+}) {
+  const V = A.showTicks ? k : 0, T = g.showTicks ? k : 0, C = s.top.axis.isVisible || s.bottom.axis.isVisible, n = s.top.axisTitle.isVisible ? s.top.axisTitle : s.bottom.axisTitle, h = s.top.axis.isVisible ? s.top.axis : s.bottom.axis, F = s.left.axis.isVisible || s.right.axis.isVisible, i = s.left.axisTitle.isVisible ? s.left.axisTitle : s.right.axisTitle, x = s.left.axis.isVisible ? s.left.axis : s.right.axis;
+  return /* @__PURE__ */ t.jsxs("g", { children: [
+    /* @__PURE__ */ t.jsxs("g", { children: [
+      n.isVisible && /* @__PURE__ */ t.jsxs("g", { transform: `translate(${n.x},${n.y})`, children: [
+        /* @__PURE__ */ t.jsx(
+          "text",
+          {
+            x: n.width / 2,
+            y: n.height / 2,
+            textAnchor: "middle",
+            dominantBaseline: "central",
+            children: A.title
+          }
+        ),
+        f && /* @__PURE__ */ t.jsx(
+          "rect",
+          {
+            width: n.width,
+            height: n.height,
+            stroke: a,
+            fill: "none"
+          }
+        )
+      ] }),
+      C && /* @__PURE__ */ t.jsxs("g", { fontSize: "14px", transform: `translate(${h.x},${h.y})`, children: [
+        L.map((r) => {
+          const y = o.xAxisLabels !== 0, e = A.position === "bottom", d = e ? 0 : h.height, m = e ? d + V : d - V, b = e ? m + $ : m - $, l = w.x(r) + B / 2, c = -o.xAxisLabels, p = y ? e ? "end" : "start" : "middle";
+          return /* @__PURE__ */ t.jsxs("g", { children: [
+            /* @__PURE__ */ t.jsx("line", { x1: l, x2: l, y1: d, y2: m, stroke: a }),
+            /* @__PURE__ */ t.jsx(
+              "text",
+              {
+                x: l,
+                y: b,
+                textAnchor: p,
+                transform: `rotate(${c},${l},${b})`,
+                dominantBaseline: y ? "central" : e ? "hanging" : "auto",
+                children: K[r]
+              }
+            )
+          ] }, r);
+        }),
+        f && /* @__PURE__ */ t.jsx("rect", { width: h.width, height: h.height, stroke: a, fill: "none" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsxs("g", { children: [
+      i.isVisible && /* @__PURE__ */ t.jsx(
+        "g",
+        {
+          transform: `translate(
+                                ${i.x + i.width / 2},
+                                ${i.y + i.height / 2})`,
+          children: /* @__PURE__ */ t.jsx(
+            "text",
+            {
+              transform: `rotate(${g.position === "left" ? -90 : 90})`,
+              dominantBaseline: "central",
+              textAnchor: "middle",
+              children: g.title
+            }
+          )
+        }
+      ),
+      f && /* @__PURE__ */ t.jsx(
+        "rect",
+        {
+          x: i.x,
+          y: i.y,
+          width: i.width,
+          height: i.height,
+          stroke: a,
+          fill: "none"
+        }
+      ),
+      F && /* @__PURE__ */ t.jsx("g", { fontSize: "14px", transform: `translate(${x.x},${x.y})`, children: u.map((r) => {
+        const y = o.yAxisLabels !== 0, e = g.position === "left", d = -(90 - o.yAxisLabels), m = o.yAxisLabels === 0 ? "middle" : e ? "end" : "start", b = y ? "central" : e ? "auto" : "hanging", l = e ? x.width : 0, c = e ? l - T : l + T, p = e ? c - $ : c + $, j = w.y(r) + E / 2;
+        return /* @__PURE__ */ t.jsxs("g", { children: [
+          /* @__PURE__ */ t.jsx("line", { x1: l, x2: c, y1: j, y2: j, stroke: a }),
+          /* @__PURE__ */ t.jsx("text", { x: p, y: j, textAnchor: m, transform: `rotate(${d},${p},${j})`, dominantBaseline: b, children: S[r] })
+        ] }, r);
+      }) }),
+      f && /* @__PURE__ */ t.jsx(
+        "rect",
+        {
+          x: x.x,
+          y: x.y,
+          height: x.height,
+          width: x.width,
+          stroke: a,
+          fill: "none"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  D as AxisCaptions
+};
+//# sourceMappingURL=AxisCaptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AxisCaptions.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Captions/AxisCaptions.tsx"],"sourcesContent":["import {BLACK} from '../../../constants';\nimport type {ChartScales, ChartSideElementsBBoxes, LabelAngles} from '../types';\nimport {DEFAULT_TICKS_SIZE, TICK_OFFSET} from '../../constants';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\ninterface AxisCaptionsProps {\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    labelAngles: LabelAngles;\n    xLabels: Record<string, string>;\n    yLabels: Record<string, string>;\n}\nexport function AxisCaptions({\n    sideElementBBoxes,\n    debug,\n    xKeys,\n    yKeys,\n    scales,\n    xAxis,\n    yAxis,\n    stepX,\n    stepY,\n    labelAngles,\n    xLabels,\n    yLabels\n}: AxisCaptionsProps) {\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n\n    const xAxisVisible = sideElementBBoxes.top.axis.isVisible || sideElementBBoxes.bottom.axis.isVisible;\n    const xAxisTitleBBox = sideElementBBoxes.top.axisTitle.isVisible\n        ? sideElementBBoxes.top.axisTitle\n        : sideElementBBoxes.bottom.axisTitle;\n    const xAxisBBox = sideElementBBoxes.top.axis.isVisible ? sideElementBBoxes.top.axis : sideElementBBoxes.bottom.axis;\n\n    const yAxisVisible = sideElementBBoxes.left.axis.isVisible || sideElementBBoxes.right.axis.isVisible;\n    const yAxisTitleBBox = sideElementBBoxes.left.axisTitle.isVisible\n        ? sideElementBBoxes.left.axisTitle\n        : sideElementBBoxes.right.axisTitle;\n    const yAxisBBox = sideElementBBoxes.left.axis.isVisible\n        ? sideElementBBoxes.left.axis\n        : sideElementBBoxes.right.axis;\n    return (\n        <g>\n            {/* x-axis title, ticks and captions */}\n            <g>\n                {xAxisTitleBBox.isVisible && (\n                    <g transform={`translate(${xAxisTitleBBox.x},${xAxisTitleBBox.y})`}>\n                        <text\n                            x={xAxisTitleBBox.width / 2}\n                            y={xAxisTitleBBox.height / 2}\n                            textAnchor=\"middle\"\n                            dominantBaseline=\"central\"\n                        >\n                            {xAxis.title}\n                        </text>\n                        {debug && (\n                            <rect\n                                width={xAxisTitleBBox.width}\n                                height={xAxisTitleBBox.height}\n                                stroke={BLACK}\n                                fill=\"none\"\n                            />\n                        )}\n                    </g>\n                )}\n                {xAxisVisible && (\n                    <g fontSize=\"14px\" transform={`translate(${xAxisBBox.x},${xAxisBBox.y})`}>\n                        {xKeys.map(key => {\n                            const inclined = labelAngles.xAxisLabels !== 0;\n                            const onBottom = xAxis.position === 'bottom';\n                            const tickY1 = onBottom ? 0 : xAxisBBox.height;\n                            const tickY2 = onBottom ? tickY1 + tickSizeX : tickY1 - tickSizeX;\n                            const textY = onBottom ? tickY2 + TICK_OFFSET : tickY2 - TICK_OFFSET;\n                            const x = scales.x(key) + stepX / 2;\n                            const angle = -labelAngles.xAxisLabels;\n                            const textAnchor = !inclined ? 'middle' : onBottom ? 'end' : 'start';\n                            return (\n                                <g key={key}>\n                                    <line x1={x} x2={x} y1={tickY1} y2={tickY2} stroke={BLACK} />\n                                    <text\n                                        x={x}\n                                        y={textY}\n                                        textAnchor={textAnchor}\n                                        transform={`rotate(${angle},${x},${textY})`}\n                                        dominantBaseline={inclined ? 'central' : onBottom ? 'hanging' :'auto'}\n                                    >\n                                        {xLabels[key]}\n                                    </text>\n                                </g>\n                            );\n                        })}\n                        {debug && <rect width={xAxisBBox.width} height={xAxisBBox.height} stroke={BLACK} fill=\"none\" />}\n                    </g>\n                )}\n            </g>\n            {/* y-axis title, ticks and captions */}\n            <g>\n                {yAxisTitleBBox.isVisible && (\n                    <g\n                        transform={`translate(\n                                ${yAxisTitleBBox.x + yAxisTitleBBox.width / 2},\n                                ${yAxisTitleBBox.y + yAxisTitleBBox.height / 2})`}\n                    >\n                        <text\n                            transform={`rotate(${yAxis.position === 'left' ? -90 : 90})`}\n                            dominantBaseline=\"central\"\n                            textAnchor=\"middle\"\n                        >\n                            {yAxis.title}\n                        </text>\n                    </g>\n                )}\n                {debug && (\n                    <rect\n                        x={yAxisTitleBBox.x}\n                        y={yAxisTitleBBox.y}\n                        width={yAxisTitleBBox.width}\n                        height={yAxisTitleBBox.height}\n                        stroke={BLACK}\n                        fill=\"none\"\n                    />\n                )}\n                {yAxisVisible && (\n                    <g fontSize=\"14px\" transform={`translate(${yAxisBBox.x},${yAxisBBox.y})`}>\n                        {yKeys.map(key => {\n                            const inclined = labelAngles.yAxisLabels !== 0;\n                            const onLeft = yAxis.position === 'left';\n                            const angle = -(90 - labelAngles.yAxisLabels);\n                            const textAnchor = labelAngles.yAxisLabels === 0 ? 'middle' : onLeft ? 'end' : 'start';\n                            const dominantBaseline = inclined ? 'central' : onLeft ? 'auto' : 'hanging';\n                            const tickX1 = onLeft ? yAxisBBox.width : 0;\n                            const tickX2 = onLeft ? tickX1 - tickSizeY : tickX1 + tickSizeY;\n                            const textX = onLeft ? tickX2 - TICK_OFFSET : tickX2 + TICK_OFFSET;\n                            const y = scales.y(key) + stepY / 2;\n                            return (\n                                <g key={key}>\n                                    <line x1={tickX1} x2={tickX2} y1={y} y2={y} stroke={BLACK} />\n                                    <text x={textX} y={y} textAnchor={textAnchor} transform={`rotate(${angle},${textX},${y})`} dominantBaseline={dominantBaseline}>\n                                        {yLabels[key]}\n                                    </text>\n                                </g>\n                            );\n                        })}\n                    </g>\n                )}\n                {debug && (\n                    <rect\n                        x={yAxisBBox.x}\n                        y={yAxisBBox.y}\n                        height={yAxisBBox.height}\n                        width={yAxisBBox.width}\n                        stroke={BLACK}\n                        fill=\"none\"\n                    />\n                )}\n            </g>\n        </g>\n    );\n}\n"],"names":["AxisCaptions","sideElementBBoxes","debug","xKeys","yKeys","scales","xAxis","yAxis","stepX","stepY","labelAngles","xLabels","yLabels","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","xAxisVisible","xAxisTitleBBox","xAxisBBox","yAxisVisible","yAxisTitleBBox","yAxisBBox","t","jsxs","jsx","BLACK","key","inclined","onBottom","tickY1","tickY2","textY","TICK_OFFSET","x","angle","textAnchor","onLeft","dominantBaseline","tickX1","tickX2","textX","y"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,73 @@
+import { j as r } from "../../../node_modules/react/jsx-runtime.js";
+function K({
+  sideElementBBoxes: s,
+  xGroupKeys: y,
+  yGroupKeys: f,
+  xKeysByGroups: d,
+  yKeysByGroups: b,
+  xGroupLabels: G,
+  yGroupLabels: j,
+  scales: c,
+  stepX: $,
+  stepY: L,
+  xAxis: w,
+  yAxis: B,
+  labelAngles: n,
+  debug: m
+}) {
+  const V = s.top.groups.isVisible || s.bottom.groups.isVisible, l = s.top.groups.isVisible ? s.top.groups : s.bottom.groups, A = s.left.groups.isVisible || s.right.groups.isVisible, t = s.left.groups.isVisible ? s.left.groups : s.right.groups;
+  return /* @__PURE__ */ r.jsxs("g", { children: [
+    V && /* @__PURE__ */ r.jsx("g", { transform: `translate(${l.x},${l.y})`, children: y.map((e) => {
+      const a = d[e].length;
+      if (a === 0)
+        return null;
+      const i = n.xGroupLabels !== 0, o = w.groupingPosition === "top", p = a * $, g = c.x(d[e][0]) + p / 2, u = i ? o ? l.height : 0 : l.height / 2, h = -n.xGroupLabels, x = i ? o ? "start" : "end" : "middle";
+      return /* @__PURE__ */ r.jsxs("g", { transform: `translate(${g},${u})`, children: [
+        /* @__PURE__ */ r.jsx("text", { transform: `rotate(${h})`, dominantBaseline: "central", textAnchor: x, children: G[e] }),
+        m && /* @__PURE__ */ r.jsx(
+          "rect",
+          {
+            x: -p / 2,
+            width: p,
+            height: l.height,
+            stroke: "black",
+            fill: "none"
+          }
+        )
+      ] }, e);
+    }) }),
+    A && /* @__PURE__ */ r.jsx("g", { transform: `translate(${t.x},${t.y})`, children: f.map((e) => {
+      const a = b[e].length;
+      if (a === 0)
+        return null;
+      const i = a * L, o = B.groupingPosition === "left", p = o ? t.width : 0, g = c.y(b[e][0]) + i / 2, u = n.yGroupLabels !== 0, h = n.yGroupLabels === 45 ? -45 : (o ? -1 : 1) * (90 - n.yGroupLabels), x = u ? o ? "end" : "start" : "middle";
+      return /* @__PURE__ */ r.jsxs("g", { transform: `translate(${p},${g})`, children: [
+        /* @__PURE__ */ r.jsx(
+          "text",
+          {
+            y: u ? 0 : -t.width / 2,
+            transform: `rotate(${h})`,
+            dominantBaseline: "central",
+            textAnchor: x,
+            children: j[e]
+          }
+        ),
+        m && /* @__PURE__ */ r.jsx(
+          "rect",
+          {
+            x: -t.width / 2,
+            y: -i / 2,
+            width: t.width,
+            height: i,
+            stroke: "black",
+            fill: "none"
+          }
+        )
+      ] }, e);
+    }) })
+  ] });
+}
+export {
+  K as GroupCaptions
+};
+//# sourceMappingURL=GroupCaptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupCaptions.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Captions/GroupCaptions.tsx"],"sourcesContent":["import type {ChartScales, ChartSideElementsBBoxes, LabelAngles} from '../types';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\ninterface GroupCaptionsProps {\n    sideElementBBoxes: ChartSideElementsBBoxes;\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: Record<string, string[]>;\n    yKeysByGroups: Record<string, string[]>;\n    xGroupLabels: Record<string, string>;\n    yGroupLabels: Record<string, string>;\n    scales: ChartScales;\n    stepX: number;\n    stepY: number;\n    xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];\n    yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];\n    labelAngles: LabelAngles;\n    debug: boolean;\n}\nexport function GroupCaptions({\n    sideElementBBoxes,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    xGroupLabels,\n    yGroupLabels,\n    scales,\n    stepX,\n    stepY,\n    xAxis,\n    yAxis,\n    labelAngles,\n    debug,\n}: GroupCaptionsProps) {\n    const xGroupsVisible = sideElementBBoxes.top.groups.isVisible || sideElementBBoxes.bottom.groups.isVisible;\n    const xGroupsBBox = sideElementBBoxes.top.groups.isVisible\n        ? sideElementBBoxes.top.groups\n        : sideElementBBoxes.bottom.groups;\n\n    const yGroupsVisible = sideElementBBoxes.left.groups.isVisible || sideElementBBoxes.right.groups.isVisible;\n    const yGroupsBBox = sideElementBBoxes.left.groups.isVisible\n        ? sideElementBBoxes.left.groups\n        : sideElementBBoxes.right.groups;\n\n    return (\n        <g>\n            {/* x group titles */}\n            {xGroupsVisible && (\n                <g transform={`translate(${xGroupsBBox.x},${xGroupsBBox.y})`}>\n                    {xGroupKeys.map(xGroupKey => {\n                        const keysCount = xKeysByGroups[xGroupKey].length;\n                        if (keysCount === 0) {\n                            return null;\n                        }\n                        const inclined = labelAngles.xGroupLabels !== 0;\n                        const onTop = xAxis.groupingPosition === 'top';\n                        const groupWidth = keysCount * stepX;\n                        const x = scales.x(xKeysByGroups[xGroupKey][0]) + groupWidth / 2;\n                        const y = inclined ? (onTop ? xGroupsBBox.height : 0) : xGroupsBBox.height / 2;\n                        const angle = -labelAngles.xGroupLabels;\n                        const textAnchor = !inclined ? 'middle' : onTop ? 'start' : 'end';\n                        return (\n                            <g key={xGroupKey} transform={`translate(${x},${y})`}>\n                                <text transform={`rotate(${angle})`} dominantBaseline=\"central\" textAnchor={textAnchor}>\n                                    {xGroupLabels[xGroupKey]}\n                                </text>\n                                {debug && (\n                                    <rect\n                                        x={-groupWidth / 2}\n                                        width={groupWidth}\n                                        height={xGroupsBBox.height}\n                                        stroke=\"black\"\n                                        fill=\"none\"\n                                    />\n                                )}\n                            </g>\n                        );\n                    })}\n                </g>\n            )}\n            {/* y group titles */}\n            {yGroupsVisible && (\n                <g transform={`translate(${yGroupsBBox.x},${yGroupsBBox.y})`}>\n                    {yGroupKeys.map(yGroupKey => {\n                        const keysCount = yKeysByGroups[yGroupKey].length;\n                        if (keysCount === 0) {\n                            return null;\n                        }\n                        const groupWidth = keysCount * stepY;\n                        const onLeft = yAxis.groupingPosition === 'left';\n                        const x = onLeft ? yGroupsBBox.width : 0;\n                        const y = scales.y(yKeysByGroups[yGroupKey][0]) + groupWidth / 2;\n                        const inclined = labelAngles.yGroupLabels !== 0;\n                        const angle =\n                            labelAngles.yGroupLabels === 45 ? -45 : (onLeft ? -1 : 1) * (90 - labelAngles.yGroupLabels);\n                        const textAnchor = !inclined ? 'middle' : onLeft ? 'end' : 'start';\n                        return (\n                            <g key={yGroupKey} transform={`translate(${x},${y})`}>\n                                <text\n                                    y={inclined ? 0 : -yGroupsBBox.width / 2}\n                                    transform={`rotate(${angle})`}\n                                    dominantBaseline=\"central\"\n                                    textAnchor={textAnchor}\n                                >\n                                    {yGroupLabels[yGroupKey]}\n                                </text>\n                                {debug && (\n                                    <rect\n                                        x={-yGroupsBBox.width / 2}\n                                        y={-groupWidth / 2}\n                                        width={yGroupsBBox.width}\n                                        height={groupWidth}\n                                        stroke=\"black\"\n                                        fill=\"none\"\n                                    />\n                                )}\n                            </g>\n                        );\n                    })}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["GroupCaptions","sideElementBBoxes","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","xGroupLabels","yGroupLabels","scales","stepX","stepY","xAxis","yAxis","labelAngles","debug","xGroupsVisible","xGroupsBBox","yGroupsVisible","yGroupsBBox","n","jsx","xGroupKey","keysCount","inclined","onTop","groupWidth","x","y","angle","textAnchor","yGroupKey","onLeft"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,66 @@
+import { j as s } from "../../../node_modules/react/jsx-runtime.js";
+import { GroupCaptions as g } from "./GroupCaptions.js";
+import { AxisCaptions as L } from "./AxisCaptions.js";
+function j({
+  sideElementBBoxes: e,
+  debug: y,
+  xKeys: t,
+  yKeys: i,
+  scales: o,
+  xAxis: x,
+  yAxis: p,
+  stepX: l,
+  stepY: r,
+  xGroupKeys: u,
+  yGroupKeys: b,
+  xKeysByGroups: n,
+  yKeysByGroups: G,
+  labelAngles: a,
+  xLabels: K,
+  yLabels: A,
+  xGroupLabels: B,
+  yGroupLabels: m
+}) {
+  return /* @__PURE__ */ s.jsxs("g", { fontWeight: "500", children: [
+    /* @__PURE__ */ s.jsx(
+      L,
+      {
+        sideElementBBoxes: e,
+        xKeys: t,
+        yKeys: i,
+        scales: o,
+        xAxis: x,
+        yAxis: p,
+        stepX: l,
+        stepY: r,
+        labelAngles: a,
+        xLabels: K,
+        yLabels: A,
+        debug: y
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      g,
+      {
+        sideElementBBoxes: e,
+        xGroupKeys: u,
+        yGroupKeys: b,
+        xKeysByGroups: n,
+        yKeysByGroups: G,
+        xGroupLabels: B,
+        yGroupLabels: m,
+        scales: o,
+        stepX: l,
+        stepY: r,
+        xAxis: x,
+        yAxis: p,
+        labelAngles: a,
+        debug: y
+      }
+    )
+  ] });
+}
+export {
+  j as Captions
+};
+//# sourceMappingURL=index.js.map