@milaboratories/graph-maker 1.1.168 → 1.1.170

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

@@ -1,4 +1,4 @@
-import { j as e } from "../../node_modules/react/jsx-runtime.js";
+import { j as t } from "../../node_modules/react/jsx-runtime.js";
 import { r as O } from "../../_virtual/index.js";
 import { r as H } from "../../node_modules/react-dom/index.js";
 import { Tooltip as I } from "../../common/Tooltip.js";
@@ -7,101 +7,101 @@ import { FONT_SIZE as Y, FACET_TITLE_OFFSET as N } from "../constants.js";
 import { AxisCaptions as P } from "./AxisCaptions.js";
 function $({
   facetKey: p,
-  dimensions: l,
-  scales: s,
-  cells: y,
-  colorScale: A,
-  sizeScale: D,
+  dimensions: s,
+  scales: l,
+  cells: u,
+  colorScale: v,
+  sizeScale: A,
   chartSettings: x,
-  cellsMeta: u,
-  stepX: n,
+  cellsMeta: y,
+  stepX: r,
   stepY: d,
   aes: S,
-  labelAngles: E,
+  labelAngles: D,
   chartSizes: c,
   margins: f,
   tooltipsContainer: z,
-  tooltipsData: t,
+  tooltipsData: e,
   getTooltip: L
 }) {
-  const [m, v] = O.useState(), { xAxis: B, yAxis: M } = x, { width: V, height: _ } = l.inner, { padding: i, sideElementBBoxes: r } = l, { xLabels: w, yLabels: F } = u, h = s.x.domain(), j = s.y.domain(), K = {
-    left: f.left + l.left + i.left,
-    right: c.totalWidth - (f.left + l.left + i.left),
-    top: f.top + l.top + i.top,
-    bottom: c.totalHeight - (f.top + l.top + i.top)
-  }, T = !1, W = t.fixed && m;
-  return /* @__PURE__ */ e.jsxs("g", { transform: `translate(${l.left},${l.top})`, fontSize: Y, children: [
-    /* @__PURE__ */ e.jsxs("g", { transform: `translate(${i.left},${i.top})`, children: [
-      r.top.facetTitle.isVisible && /* @__PURE__ */ e.jsx(
+  const [h, E] = O.useState(), { xAxis: V, yAxis: B } = x, { width: F, height: M } = s.inner, { padding: i, sideElementBBoxes: n } = s, { xLabels: _, yLabels: w } = y, m = l.x.domain(), j = l.y.domain(), K = {
+    left: f.left + s.left + i.left,
+    right: c.totalWidth - (f.left + s.left + i.left),
+    top: f.top + s.top + i.top,
+    bottom: c.totalHeight - (f.top + s.top + i.top)
+  }, T = !1, W = e.fixed && h;
+  return /* @__PURE__ */ t.jsxs("g", { transform: `translate(${s.left},${s.top})`, fontSize: Y, children: [
+    /* @__PURE__ */ t.jsxs("g", { transform: `translate(${i.left},${i.top})`, children: [
+      n.top.facetTitle.isVisible && /* @__PURE__ */ t.jsx(
         "text",
         {
-          x: r.top.facetTitle.x,
-          y: r.top.facetTitle.y + r.top.facetTitle.height - N,
+          x: n.top.facetTitle.x,
+          y: n.top.facetTitle.y + n.top.facetTitle.height - N,
           fontWeight: "500",
           fontSize: "20px",
-          children: u.facetKeyValues[p].join(", ")
+          children: y.facetKeyValues[p].join(", ")
         }
       ),
       T,
-      h.map(
+      m.map(
         (a) => j.map((g) => {
-          var b;
-          const o = (b = y == null ? void 0 : y[a]) == null ? void 0 : b[g], k = W && o && t.selectedData === o, C = o ? /* @__PURE__ */ e.jsx(
+          var C;
+          const o = (C = u == null ? void 0 : u[a]) == null ? void 0 : C[g], k = W && o && e.selectedData === o, b = o ? /* @__PURE__ */ t.jsx(
             "circle",
             {
-              cx: s.x(a) + n / 2,
-              cy: s.y(g) + d / 2,
-              r: D(o.normalizedSizeValue),
+              cx: l.x(a) + r / 2,
+              cy: l.y(g) + d / 2,
+              r: A(o.normalizedValue.sizeValue),
               stroke: S.cellStrokeColor,
-              fill: o.colorValue === null ? S.emptyCellColor : A(o.normalizedColorValue),
-              onMouseOver: () => t.onMouseEnter(o, p),
-              onMouseLeave: () => t.onMouseLeave()
+              fill: o.value.colorValue === null ? S.emptyCellColor : v(o.normalizedValue.colorValue),
+              onMouseOver: () => e.onMouseEnter(o, p),
+              onMouseLeave: () => e.onMouseLeave()
             },
             o ? o.id : `${a}_${g}`
           ) : null;
-          return k ? H.createPortal(C, m) : C;
+          return k ? H.createPortal(b, h) : b;
         })
       ),
-      /* @__PURE__ */ e.jsx("g", { children: x.frame.type === "full" && /* @__PURE__ */ e.jsx("rect", { fill: "none", stroke: X, x: "0", y: "0", width: V, height: _ }) }),
-      /* @__PURE__ */ e.jsx("g", { fontWeight: "500", children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx("g", { children: x.frame.type === "full" && /* @__PURE__ */ t.jsx("rect", { fill: "none", stroke: X, x: "0", y: "0", width: F, height: M }) }),
+      /* @__PURE__ */ t.jsx("g", { fontWeight: "500", children: /* @__PURE__ */ t.jsx(
         P,
         {
-          sideElementBBoxes: r,
-          xKeys: h,
+          sideElementBBoxes: n,
+          xKeys: m,
           yKeys: j,
-          scales: s,
-          xAxis: B,
-          yAxis: M,
-          stepX: n,
+          scales: l,
+          xAxis: V,
+          yAxis: B,
+          stepX: r,
           stepY: d,
-          labelAngles: E,
-          xLabels: w,
-          yLabels: F,
+          labelAngles: D,
+          xLabels: _,
+          yLabels: w,
           debug: T
         }
       ) }),
-      t.fixed && /* @__PURE__ */ e.jsx("rect", { width: c.chartWidth, height: c.chartHeight, fill: "rgba(255,255,255,0.8)" }),
-      /* @__PURE__ */ e.jsx(
+      e.fixed && /* @__PURE__ */ t.jsx("rect", { width: c.chartWidth, height: c.chartHeight, fill: "rgba(255,255,255,0.8)" }),
+      /* @__PURE__ */ t.jsx(
         "g",
         {
           ref: (a) => {
-            a && !m && v(a);
+            a && !h && E(a);
           }
         }
       )
     ] }),
-    x.tooltips.show && t.selectedData && t.currentFacet === p && /* @__PURE__ */ e.jsx(
+    x.tooltips.show && e.selectedData && e.currentFacet === p && /* @__PURE__ */ t.jsx(
       I,
       {
-        content: L(t.selectedData),
-        x: s.x(String(t.selectedData.x)) + n / 2,
-        y: s.y(String(t.selectedData.y)) + d / 2,
-        offset: h.length > 1 ? n / 2 : 0,
+        content: L(e.selectedData),
+        x: l.x(String(e.selectedData.x)) + r / 2,
+        y: l.y(String(e.selectedData.y)) + d / 2,
+        offset: m.length > 1 ? r / 2 : 0,
         active: !0,
         sideDistances: K,
         container: z,
-        onClose: t.onClose,
-        fixed: t.fixed
+        onClose: e.onClose,
+        fixed: e.fixed
       }
     )
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/bubble/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 { BLACK } from '../../constants';\nimport type { DataValue } from '../../types';\nimport type { BubbleSettingsImpl } from '../BubbleSettingsImpl';\nimport { FACET_TITLE_OFFSET, FONT_SIZE } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getGroupedCellsData';\nimport { AxisCaptions } from './AxisCaptions';\nimport type { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, LabelAngles, Margins } from './types';\n\nexport function Chart({\n    facetKey,\n    dimensions,\n    scales,\n    cells,\n    colorScale,\n    sizeScale,\n    chartSettings,\n    cellsMeta,\n    stepX,\n    stepY,\n    aes,\n    labelAngles,\n    chartSizes,\n    margins,\n    tooltipsContainer,\n    tooltipsData,\n    getTooltip\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    colorScale: (value: DataValue) => string;\n    sizeScale: (value: DataValue) => number;\n    chartSettings: BubbleSettingsImpl['chartSettings'];\n    cellsMeta: GroupedCellsData['meta'];\n    stepX: number;\n    stepY: number;\n    aes: BubbleSettingsImpl['aes'];\n    labelAngles: LabelAngles;\n    margins: Margins;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<Cell>\n    getTooltip: (cell: Cell) => string[],\n}) {\n    const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n\n    const {xAxis, yAxis} = chartSettings;\n    const {width, height} = dimensions.inner;\n    const {padding, sideElementBBoxes} = dimensions;\n    const {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\n    const dimmedBackground = tooltipsData.fixed && activeElementContainer;\n    return (\n        <g transform={`translate(${dimensions.left},${dimensions.top})`} fontSize={FONT_SIZE}>\n            <g transform={`translate(${padding.left},${padding.top})`}>\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 = dimmedBackground && cell && tooltipsData.selectedData === cell;\n                        const cellElement = cell ? (\n                            <circle\n                                key={cell ? cell.id : `${xKey}_${yKey}`}\n                                cx={scales.x(xKey) + stepX / 2}\n                                cy={scales.y(yKey) + stepY / 2}\n                                r={sizeScale(cell.normalizedSizeValue as number)}\n                                stroke={aes.cellStrokeColor}\n                                fill={cell.colorValue === null ? aes.emptyCellColor : colorScale(cell.normalizedColorValue)}\n                                onMouseOver={() => tooltipsData.onMouseEnter(cell, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                            />\n                        ) : null;\n                        return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n                    })\n                )}\n                <g>\n                    {chartSettings.frame.type === 'full' && <rect fill=\"none\" stroke={BLACK} x=\"0\" y=\"0\" width={width} height={height} />}\n                </g>\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                </g>\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            {chartSettings.tooltips.show && tooltipsData.selectedData && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltip(tooltipsData.selectedData)}\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                    container={tooltipsContainer}\n                    onClose={tooltipsData.onClose}\n                    fixed={tooltipsData.fixed}\n                />\n            )}\n        </g>\n    );\n}\n"],"names":["Chart","facetKey","dimensions","scales","cells","colorScale","sizeScale","chartSettings","cellsMeta","stepX","stepY","aes","labelAngles","chartSizes","margins","tooltipsContainer","tooltipsData","getTooltip","activeElementContainer","setActiveElementContainer","useState","xAxis","yAxis","width","height","padding","sideElementBBoxes","xLabels","yLabels","xKeys","yKeys","sideDistances","debug","dimmedBackground","jsxs","FONT_SIZE","jsx","FACET_TITLE_OFFSET","xKey","yKey","cell","_a","highlighted","cellElement","createPortal","t","BLACK","AxisCaptions","node","Tooltip"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Chart.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/bubble/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 { BLACK } from '../../constants';\nimport type { DataValue } from '../../types';\nimport type { BubbleSettingsImpl } from '../BubbleSettingsImpl';\nimport { FACET_TITLE_OFFSET, FONT_SIZE } from '../constants';\nimport type { CellBubble, GroupedCellsBubble } from '../getGroupedCellsData';\nimport { AxisCaptions } from './AxisCaptions';\nimport type { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, LabelAngles, Margins } from './types';\n\nexport function Chart({\n    facetKey,\n    dimensions,\n    scales,\n    cells,\n    colorScale,\n    sizeScale,\n    chartSettings,\n    cellsMeta,\n    stepX,\n    stepY,\n    aes,\n    labelAngles,\n    chartSizes,\n    margins,\n    tooltipsContainer,\n    tooltipsData,\n    getTooltip\n}: {\n    facetKey: string;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    cells: GroupedCellsBubble['facets'][keyof GroupedCellsBubble['facets']]['cells'];\n    colorScale: (value: DataValue) => string;\n    sizeScale: (value: DataValue) => number;\n    chartSettings: BubbleSettingsImpl['chartSettings'];\n    cellsMeta: GroupedCellsBubble['meta'];\n    stepX: number;\n    stepY: number;\n    aes: BubbleSettingsImpl['aes'];\n    labelAngles: LabelAngles;\n    margins: Margins;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<CellBubble>\n    getTooltip: (cell: CellBubble) => string[],\n}) {\n    const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n\n    const {xAxis, yAxis} = chartSettings;\n    const {width, height} = dimensions.inner;\n    const {padding, sideElementBBoxes} = dimensions;\n    const {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\n    const dimmedBackground = tooltipsData.fixed && activeElementContainer;\n    return (\n        <g transform={`translate(${dimensions.left},${dimensions.top})`} fontSize={FONT_SIZE}>\n            <g transform={`translate(${padding.left},${padding.top})`}>\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 = dimmedBackground && cell && tooltipsData.selectedData === cell;\n                        const cellElement = cell ? (\n                            <circle\n                                key={cell ? cell.id : `${xKey}_${yKey}`}\n                                cx={scales.x(xKey) + stepX / 2}\n                                cy={scales.y(yKey) + stepY / 2}\n                                r={sizeScale(cell.normalizedValue.sizeValue as number)}\n                                stroke={aes.cellStrokeColor}\n                                fill={cell.value.colorValue === null ? aes.emptyCellColor : colorScale(cell.normalizedValue.colorValue)}\n                                onMouseOver={() => tooltipsData.onMouseEnter(cell, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                            />\n                        ) : null;\n                        return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n                    })\n                )}\n                <g>\n                    {chartSettings.frame.type === 'full' && <rect fill=\"none\" stroke={BLACK} x=\"0\" y=\"0\" width={width} height={height} />}\n                </g>\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                </g>\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            {chartSettings.tooltips.show && tooltipsData.selectedData && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltip(tooltipsData.selectedData)}\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                    container={tooltipsContainer}\n                    onClose={tooltipsData.onClose}\n                    fixed={tooltipsData.fixed}\n                />\n            )}\n        </g>\n    );\n}\n"],"names":["Chart","facetKey","dimensions","scales","cells","colorScale","sizeScale","chartSettings","cellsMeta","stepX","stepY","aes","labelAngles","chartSizes","margins","tooltipsContainer","tooltipsData","getTooltip","activeElementContainer","setActiveElementContainer","useState","xAxis","yAxis","width","height","padding","sideElementBBoxes","xLabels","yLabels","xKeys","yKeys","sideDistances","debug","dimmedBackground","jsxs","FONT_SIZE","jsx","FACET_TITLE_OFFSET","xKey","yKey","cell","_a","highlighted","cellElement","createPortal","t","BLACK","AxisCaptions","node","Tooltip"],"mappings":";;;;;;;AAYO,SAASA,EAAM;AAAA,EAClB,UAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,WAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,WAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,KAAAC;AAAAA,EACA,aAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,SAAAC;AAAAA,EACA,mBAAAC;AAAAA,EACA,cAAAC;AAAAA,EACA,YAAAC;AACJ,GAmBG;AACC,QAAM,CAACC,GAAwBC,CAAyB,IAAIC,cAEtD,EAAC,OAAAC,GAAO,OAAAC,MAASf,GACjB,EAAC,OAAAgB,GAAO,QAAAC,EAAAA,IAAUtB,EAAW,OAC7B,EAAC,SAAAuB,GAAS,mBAAAC,MAAqBxB,GAC/B,EAAC,SAAAyB,GAAS,SAAAC,MAAWpB,GAErBqB,IAAQ1B,EAAO,EAAE,UACjB2B,IAAQ3B,EAAO,EAAE,OAAA,GAEjB4B,IAAgB;AAAA,IAClB,MAAMjB,EAAQ,OAAOZ,EAAW,OAAOuB,EAAQ;AAAA,IAC/C,OAAOZ,EAAW,cAAcC,EAAQ,OAAOZ,EAAW,OAAOuB,EAAQ;AAAA,IACzE,KAAKX,EAAQ,MAAMZ,EAAW,MAAMuB,EAAQ;AAAA,IAC5C,QAAQZ,EAAW,eAAeC,EAAQ,MAAMZ,EAAW,MAAMuB,EAAQ;AAAA,EAAA,GAGvEO,IAAQ,IAERC,IAAmBjB,EAAa,SAASE;AAC/C,SACIgB,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAahC,EAAW,IAAI,IAAIA,EAAW,GAAG,KAAK,UAAUiC,GACvE,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAaT,EAAQ,IAAI,IAAIA,EAAQ,GAAG,KAEjD,UAAA;AAAA,MAAAC,EAAkB,IAAI,WAAW,aAC9BU,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAGV,EAAkB,IAAI,WAAW;AAAA,UACpC,GACIA,EAAkB,IAAI,WAAW,IACjCA,EAAkB,IAAI,WAAW,SACjCW;AAAAA,UAEJ,YAAW;AAAA,UACX,UAAS;AAAA,UAER,UAAA7B,EAAU,eAAeP,CAAQ,EAAE,KAAK,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGpD+B;AAAAA,MAiBAH,EAAM;AAAA,QAAI,CAAAS,MACPR,EAAM,IAAI,CAAAS,MAAQ;;AACd,gBAAMC,KAAOC,IAAArC,KAAA,gBAAAA,EAAQkC,CAAAA,MAAR,gBAAAG,EAAgBF,CAAAA,GACvBG,IAAcT,KAAoBO,KAAQxB,EAAa,iBAAiBwB,GACxEG,IAAcH,IAChBJ,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEG,IAAIjC,EAAO,EAAEmC,CAAI,IAAI7B,IAAQ;AAAA,cAC7B,IAAIN,EAAO,EAAEoC,CAAI,IAAI7B,IAAQ;AAAA,cAC7B,GAAGJ,EAAUkC,EAAK,gBAAgB,SAAmB;AAAA,cACrD,QAAQ7B,EAAI;AAAA,cACZ,MAAM6B,EAAK,MAAM,eAAe,OAAO7B,EAAI,iBAAiBN,EAAWmC,EAAK,gBAAgB,UAAU;AAAA,cACtG,aAAa,MAAMxB,EAAa,aAAawB,GAAMvC,CAAQ;AAAA,cAC3D,cAAc,MAAMe,EAAa,aAAA;AAAA,YAAA;AAAA,YAP5BwB,IAAOA,EAAK,KAAK,GAAGF,CAAI,IAAIC,CAAI;AAAA,UAAA,IASzC;AACJ,iBAAOG,IAAcE,EAAAA,aAAaD,GAAazB,CAAsB,IAAIyB;AAAAA,QAC7E,CAAC;AAAA,MAAA;AAAA,MAAAE,gBAAAA,EAAA,IAEJ,KAAA,EACI,UAAAtC,EAAc,MAAM,SAAS,UAAAsC,gBAAAA,EAAA,IAAW,QAAA,EAAK,MAAK,QAAO,QAAQC,GAAO,GAAE,KAAI,GAAE,KAAI,OAAAvB,GAAc,QAAAC,EAAAA,CAAgB,EAAA,CACvH;AAAA,MACAY,gBAAAA,EAAAA,IAAC,KAAA,EAAE,YAAW,OACV,UAAAA,gBAAAA,EAAAA;AAAAA,QAACW;AAAAA,QAAA;AAAA,UACG,mBAAArB;AAAAA,UACA,OAAAG;AAAAA,UACA,OAAAC;AAAAA,UACA,QAAA3B;AAAAA,UACA,OAAAkB;AAAAA,UACA,OAAAC;AAAAA,UACA,OAAAb;AAAAA,UACA,OAAAC;AAAAA,UACA,aAAAE;AAAAA,UACA,SAAAe;AAAAA,UACA,SAAAC;AAAAA,UACA,OAAAI;AAAAA,QAAA;AAAA,MAAA,GAER;AAAA,MACChB,EAAa,SAASoB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,OAAOvB,EAAW,YAAY,QAAQA,EAAW,aAAa,MAAK,yBAAuB;AAAA,MACvHuB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAAE,KAAK,CAAAY,MAAQ;AACRA,YAAAA,KAAQ,CAAC9B,KACTC,EAA0B6B,CAAI;AAAA,UAEtC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACCzC,EAAc,SAAS,QAAQS,EAAa,gBAAgBA,EAAa,iBAAiBf,KACvFmC,gBAAAA,EAAAA;AAAAA,MAACa;AAAAA,MAAA;AAAA,QACG,SAAShC,EAAWD,EAAa,YAAY;AAAA,QAC7C,GAAGb,EAAO,EAAE,OAAOa,EAAa,aAAa,CAAC,CAAC,IAAIP,IAAQ;AAAA,QAC3D,GAAGN,EAAO,EAAE,OAAOa,EAAa,aAAa,CAAC,CAAC,IAAIN,IAAQ;AAAA,QAC3D,QAAQmB,EAAM,SAAS,IAAIpB,IAAQ,IAAI;AAAA,QACvC,QAAM;AAAA,QACN,eAAAsB;AAAAA,QACA,WAAWhB;AAAAA,QACX,SAASC,EAAa;AAAA,QACtB,OAAOA,EAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGhC;AAER;","x_google_ignoreList":[0]}

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

@@ -1 +1 @@
-{"version":3,"file":"ChartsGroup.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/bubble/components/ChartsGroup.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport { useTooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport type { DataValue } from '../../types';\nimport type { BubbleSettingsImpl } from '../BubbleSettingsImpl';\nimport { LEGEND_OFFSET } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getGroupedCellsData';\nimport { Chart } from './Chart';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes, LabelAngles, Margins\n} from './types';\n\nexport function ChartsGroup({\n    margins,\n    captionsSizes,\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    facetKeys,\n    scales,\n    colorScale,\n    sizeScale,\n    groupedCells,\n    cellsMeta,\n    step,\n    legend,\n    aes,\n    columnsCount,\n    labelAngles,\n    getCellTooltip,\n    onTooltipHintSwitch\n}: {\n    margins: Margins;\n    captionsSizes: CaptionsSizes;\n    chartSettings: BubbleSettingsImpl['chartSettings'];\n    facetSettings: BubbleSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    scales: ChartScales;\n    facetKeys: string[];\n    settingsId: string;\n    colorScale: (value: DataValue) => string;\n    sizeScale: (value: DataValue) => number;\n    groupedCells: GroupedCellsData['facets'];\n    cellsMeta: GroupedCellsData['meta'];\n    step: {x: number; y: number};\n    legend: LegendData;\n    aes: BubbleSettingsImpl['aes'];\n    columnsCount: number;\n    labelAngles: LabelAngles;\n    getCellTooltip: (cell: Cell) => string[],\n    onTooltipHintSwitch: (v: boolean) => void\n}) {\n    const tooltipsData = useTooltip<Cell>(onTooltipHintSwitch);\n    const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\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} = groupedCells[facetKey];\n                        return (\n                            <Chart\n                                captionsSizes={captionsSizes}\n                                key={facetKey}\n                                facetKey={facetKey}\n                                dimensions={chartsDimensions[facetKey]}\n                                scales={scales}\n                                cells={cells}\n                                cellsMeta={cellsMeta}\n                                stepX={step.x}\n                                stepY={step.y}\n                                colorScale={colorScale}\n                                sizeScale={sizeScale}\n                                chartSettings={chartSettings}\n                                aes={aes}\n                                labelAngles={labelAngles}\n                                margins={margins}\n                                chartSizes={chartSizes}\n                                tooltipsData={tooltipsData}\n                                tooltipsContainer={tooltipsContainer}\n                                getTooltip={getCellTooltip}\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","scales","colorScale","sizeScale","groupedCells","cellsMeta","step","legend","aes","columnsCount","labelAngles","getCellTooltip","onTooltipHintSwitch","tooltipsData","useTooltip","tooltipsContainer","setTooltipsContainer","useState","tooltipsRef","useRef","useEffect","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","facetKey","cells","Chart","Legend"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartsGroup.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/bubble/components/ChartsGroup.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport { useTooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport type { DataValue } from '../../types';\nimport type { BubbleSettingsImpl } from '../BubbleSettingsImpl';\nimport { LEGEND_OFFSET } from '../constants';\nimport type { CellBubble, GroupedCellsBubble } from '../getGroupedCellsData';\nimport { Chart } from './Chart';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes, LabelAngles, Margins\n} from './types';\n\nexport function ChartsGroup({\n    margins,\n    captionsSizes,\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    facetKeys,\n    scales,\n    colorScale,\n    sizeScale,\n    groupedCells,\n    cellsMeta,\n    step,\n    legend,\n    aes,\n    columnsCount,\n    labelAngles,\n    getCellTooltip,\n    onTooltipHintSwitch\n}: {\n    margins: Margins;\n    captionsSizes: CaptionsSizes;\n    chartSettings: BubbleSettingsImpl['chartSettings'];\n    facetSettings: BubbleSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    scales: ChartScales;\n    facetKeys: string[];\n    settingsId: string;\n    colorScale: (value: DataValue) => string;\n    sizeScale: (value: DataValue) => number;\n    groupedCells: GroupedCellsBubble['facets'];\n    cellsMeta: GroupedCellsBubble['meta'];\n    step: {x: number; y: number};\n    legend: LegendData;\n    aes: BubbleSettingsImpl['aes'];\n    columnsCount: number;\n    labelAngles: LabelAngles;\n    getCellTooltip: (cell: CellBubble) => string[],\n    onTooltipHintSwitch: (v: boolean) => void\n}) {\n    const tooltipsData = useTooltip<CellBubble>(onTooltipHintSwitch);\n    const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\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} = groupedCells[facetKey];\n                        return (\n                            <Chart\n                                captionsSizes={captionsSizes}\n                                key={facetKey}\n                                facetKey={facetKey}\n                                dimensions={chartsDimensions[facetKey]}\n                                scales={scales}\n                                cells={cells}\n                                cellsMeta={cellsMeta}\n                                stepX={step.x}\n                                stepY={step.y}\n                                colorScale={colorScale}\n                                sizeScale={sizeScale}\n                                chartSettings={chartSettings}\n                                aes={aes}\n                                labelAngles={labelAngles}\n                                margins={margins}\n                                chartSizes={chartSizes}\n                                tooltipsData={tooltipsData}\n                                tooltipsContainer={tooltipsContainer}\n                                getTooltip={getCellTooltip}\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","scales","colorScale","sizeScale","groupedCells","cellsMeta","step","legend","aes","columnsCount","labelAngles","getCellTooltip","onTooltipHintSwitch","tooltipsData","useTooltip","tooltipsContainer","setTooltipsContainer","useState","tooltipsRef","useRef","useEffect","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","facetKey","cells","Chart","Legend"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/bubble/getCellTooltip.js

@@ -1,17 +1,17 @@
 function s(e, l, u, i = []) {
-  const o = [
+  const n = [
     `X: ${u.xLabels[l.x]}`,
     `Y: ${u.yLabels[l.y]}`,
-    `Value (color): ${a(l.colorValue)}${l.colorValue !== l.normalizedColorValue ? ` (${a(l.normalizedColorValue)})` : ""}`,
-    `Value (size): ${a(l.sizeValue)}${l.sizeValue !== l.normalizedSizeValue ? ` (${a(l.normalizedSizeValue)})` : ""}`
+    `Value (color): ${a(l.value.colorValue)}${l.value.colorValue !== l.normalizedValue.colorValue ? ` (${a(l.normalizedValue.colorValue)})` : ""}`,
+    `Value (size): ${a(l.value.sizeValue)}${l.value.sizeValue !== l.normalizedValue.sizeValue ? ` (${a(l.normalizedValue.sizeValue)})` : ""}`
   ];
-  for (const n of i) {
-    const r = n.valueLabels ?? n.value;
+  for (const o of i) {
+    const r = o.valueLabels ?? o.value;
     if (r === void 0) continue;
     const t = e.getColumnValue(r, l.idx);
-    o.push(`${n.label}: ${t}`);
+    n.push(`${o.label}: ${t}`);
   }
-  return o;
+  return n;
 }
 function a(e) {
   if (e === null)

package/dist/node_modules/@milaboratories/miplots4/dist/bubble/getCellTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCellTooltip.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/bubble/getCellTooltip.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue } from '../types';\nimport type { Cell, GroupedCellsData } from './getGroupedCellsData';\n\nexport function getCellTooltip(dataFrame: DataFrame, cell: Cell, cellsMeta: GroupedCellsData['meta'], columnsList: ColumnName[] = []) {\n    const lines = [\n        `X: ${cellsMeta.xLabels[cell.x as string]}`,\n        `Y: ${cellsMeta.yLabels[cell.y as string]}`,\n        `Value (color): ${formatCellValue(cell.colorValue)}${cell.colorValue !== cell.normalizedColorValue ? ` (${formatCellValue(cell.normalizedColorValue)})`: ''}`,\n        `Value (size): ${formatCellValue(cell.sizeValue)}${cell.sizeValue !== cell.normalizedSizeValue ? ` (${formatCellValue(cell.normalizedSizeValue)})`: ''}`,\n    ];\n    for (const column of columnsList) {\n        const labelColumn =column.valueLabels ?? column.value;\n        if (labelColumn === undefined) continue;\n        const valueLabel = dataFrame.getColumnValue(labelColumn, cell.idx);\n        lines.push(`${column.label}: ${valueLabel}`);\n    }\n    return lines;\n}\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}"],"names":["getCellTooltip","dataFrame","cell","cellsMeta","columnsList","lines","formatCellValue","column","labelColumn","valueLabel","v","whole","decimal"],"mappings":"AAIO,SAASA,EAAeC,GAAsBC,GAAYC,GAAqCC,IAA4B,CAAA,GAAI;AAClI,QAAMC,IAAQ;AAAA,IACV,MAAMF,EAAU,QAAQD,EAAK,CAAW,CAAC;AAAA,IACzC,MAAMC,EAAU,QAAQD,EAAK,CAAW,CAAC;AAAA,IACzC,kBAAkBI,EAAgBJ,EAAK,UAAU,CAAC,GAAGA,EAAK,eAAeA,EAAK,uBAAuB,KAAKI,EAAgBJ,EAAK,oBAAoB,CAAC,MAAK,EAAE;AAAA,IAC3J,iBAAiBI,EAAgBJ,EAAK,SAAS,CAAC,GAAGA,EAAK,cAAcA,EAAK,sBAAsB,KAAKI,EAAgBJ,EAAK,mBAAmB,CAAC,MAAK,EAAE;AAAA,EAAA;AAE1J,aAAWK,KAAUH,GAAa;AAC9B,UAAMI,IAAaD,EAAO,eAAeA,EAAO;AAChD,QAAIC,MAAgB,OAAW;AAC/B,UAAMC,IAAaR,EAAU,eAAeO,GAAaN,EAAK,GAAG;AACjEG,IAAAA,EAAM,KAAK,GAAGE,EAAO,KAAK,KAAKE,CAAU,EAAE;AAAA,EAC/C;AACA,SAAOJ;AACX;AAEA,SAASC,EAAiBI,GAA+B;AACrD,MAAIA,MAAM;AACN,WAAO;AAEX,MAAI,OAAOA,KAAM,UAAU;AACvB,UAAMC,IAAQD,IAAI,IAAI,KAAK,MAAMA,CAAC,IAAI,KAAK,KAAKA,CAAC,GAC3CE,IAAUF,IAAIC;AACpB,WAAOA,IAAQ,OAAOC,EAAQ,YAAY,CAAC,CAAC;AAAA,EAChD;AACA,SAAOF;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"getCellTooltip.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/bubble/getCellTooltip.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue } from '../types';\nimport type { CellBubble, GroupedCellsBubble } from './getGroupedCellsData';\n\nexport function getCellTooltip(dataFrame: DataFrame, cell: CellBubble, cellsMeta: GroupedCellsBubble['meta'], columnsList: ColumnName[] = []) {\n    const lines = [\n        `X: ${cellsMeta.xLabels[cell.x as string]}`,\n        `Y: ${cellsMeta.yLabels[cell.y as string]}`,\n        `Value (color): ${formatCellValue(cell.value.colorValue)}${cell.value.colorValue !== cell.normalizedValue.colorValue ? ` (${formatCellValue(cell.normalizedValue.colorValue)})`: ''}`,\n        `Value (size): ${formatCellValue(cell.value.sizeValue)}${cell.value.sizeValue !== cell.normalizedValue.sizeValue ? ` (${formatCellValue(cell.normalizedValue.sizeValue)})`: ''}`,\n    ];\n    for (const column of columnsList) {\n        const labelColumn =column.valueLabels ?? column.value;\n        if (labelColumn === undefined) continue;\n        const valueLabel = dataFrame.getColumnValue(labelColumn, cell.idx);\n        lines.push(`${column.label}: ${valueLabel}`);\n    }\n    return lines;\n}\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}"],"names":["getCellTooltip","dataFrame","cell","cellsMeta","columnsList","lines","formatCellValue","column","labelColumn","valueLabel","v","whole","decimal"],"mappings":"AAIO,SAASA,EAAeC,GAAsBC,GAAkBC,GAAuCC,IAA4B,CAAA,GAAI;AAC1I,QAAMC,IAAQ;AAAA,IACV,MAAMF,EAAU,QAAQD,EAAK,CAAW,CAAC;AAAA,IACzC,MAAMC,EAAU,QAAQD,EAAK,CAAW,CAAC;AAAA,IACzC,kBAAkBI,EAAgBJ,EAAK,MAAM,UAAU,CAAC,GAAGA,EAAK,MAAM,eAAeA,EAAK,gBAAgB,aAAa,KAAKI,EAAgBJ,EAAK,gBAAgB,UAAU,CAAC,MAAK,EAAE;AAAA,IACnL,iBAAiBI,EAAgBJ,EAAK,MAAM,SAAS,CAAC,GAAGA,EAAK,MAAM,cAAcA,EAAK,gBAAgB,YAAY,KAAKI,EAAgBJ,EAAK,gBAAgB,SAAS,CAAC,MAAK,EAAE;AAAA,EAAA;AAElL,aAAWK,KAAUH,GAAa;AAC9B,UAAMI,IAAaD,EAAO,eAAeA,EAAO;AAChD,QAAIC,MAAgB,OAAW;AAC/B,UAAMC,IAAaR,EAAU,eAAeO,GAAaN,EAAK,GAAG;AACjEG,MAAM,KAAK,GAAGE,EAAO,KAAK,KAAKE,CAAU,EAAE;AAAA,EAC/C;AACA,SAAOJ;AACX;AAEA,SAASC,EAAiBI,GAA+B;AACrD,MAAIA,MAAM;AACN,WAAO;AAEX,MAAI,OAAOA,KAAM,UAAU;AACvB,UAAMC,IAAQD,IAAI,IAAI,KAAK,MAAMA,CAAC,IAAI,KAAK,KAAKA,CAAC,GAC3CE,IAAUF,IAAIC;AACpB,WAAOA,IAAQ,OAAOC,EAAQ,YAAY,CAAC,CAAC;AAAA,EAChD;AACA,SAAOF;AACX;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/bubble/getGroupedCellsData.js

@@ -1,94 +1,60 @@
-import { l as w } from "../node_modules/lodash/lodash.js";
-import j from "../node_modules/d3-array/src/deviation.js";
-import L from "../node_modules/d3-array/src/mean.js";
-import q from "../node_modules/d3-array/src/extent.js";
-const _ = 1e6;
-function D(o) {
-  const r = j(o), u = L(o);
-  return r === void 0 || u === void 0 || r === 0 ? (s) => s : (s) => (s - u) / r;
-}
-function N(o) {
-  const r = L(o), [u, s] = q(o);
-  return r === void 0 || u === void 0 || s === void 0 ? (x) => x : (x) => (x - r) / (s - u);
-}
-function B(o, r) {
-  return o === "standardScaling" ? D(r) : o === "meanNormalization" ? N(r) : (u) => u;
-}
-function A(o, r, u, s, x, C, g, h, z) {
-  const V = g.map((t) => t.join("_")), e = {
+import { fillCellsData as i } from "../heatmap/fillCellsData.js";
+const G = 1e6;
+function f() {
+  return {
     meta: {
-      facetKeys: V,
+      valueSources: ["sizeValue", "colorValue"],
+      facetKeys: [],
+      xGroupKeys: [],
+      yGroupKeys: [],
       xKeys: [],
+      // all the keys from facets
       yKeys: [],
+      // all the keys from facets
+      xKeysByGroups: {},
+      yKeysByGroups: {},
       xLabels: {},
       yLabels: {},
-      facetKeyValues: V.reduce((t, a, l) => (t[a] = g[l], t), {}),
-      valueExtentSize: [1 / 0, -1 / 0],
-      valueExtentColor: [1 / 0, -1 / 0]
+      xGroupLabels: {},
+      yGroupLabels: {},
+      facetKeyValues: {},
+      xGroupKeyValues: {},
+      yGroupKeyValues: {},
+      xDataByKeys: {},
+      yDataByKeys: {},
+      valueExtent: {
+        sizeValue: [1 / 0, -1 / 0],
+        colorValue: [1 / 0, -1 / 0]
+      }
     },
     facets: {}
-  }, p = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ new Set(), M = r.valueLabels ?? r.value, $ = u.valueLabels ?? u.value;
-  for (let t = 0; t < o.rowsCount; t++) {
-    const a = C.length ? C.map((c) => o.getColumnValue(c.value, t)).join("_") : "null", l = o.getColumnValue(r.value, t), n = o.getColumnValue(u.value, t), i = o.getColumnValue(s.value, t) ?? z, m = o.getColumnValue(x.value, t) ?? z;
-    if (l === null || n === null || i === null || m === null)
-      continue;
-    e.facets[a] || (e.facets[a] = {
-      xKeys: [],
-      yKeys: [],
-      cells: {}
-    }), e.facets[a].xKeys.push(l), e.facets[a].yKeys.push(n), p.has(l) || (p.add(l), e.meta.xKeys.push(l)), S.has(n) || (S.add(n), e.meta.yKeys.push(n)), e.facets[a].cells[l] || (e.facets[a].cells[l] = {}), e.meta.valueExtentSize[0] = Math.min(i, e.meta.valueExtentSize[0]), e.meta.valueExtentSize[1] = Math.max(i, e.meta.valueExtentSize[1]), e.meta.valueExtentColor[0] = Math.min(m, e.meta.valueExtentColor[0]), e.meta.valueExtentColor[1] = Math.max(m, e.meta.valueExtentColor[1]);
-    const K = String(o.getColumnValue(M, t)), d = String(o.getColumnValue($, t));
-    if (e.facets[a].cells[l][n])
-      throw Error(`More than 1 value for x=${l}, y=${n}`);
-    if (e.meta.xLabels[l] && K !== e.meta.xLabels[l])
-      throw Error(`More than 1 x-label value for x=${l}`);
-    if (e.meta.yLabels[n] && d !== e.meta.yLabels[n])
-      throw Error(`More than 1 y-label value for y=${n}`);
-    e.meta.xLabels[l] = K, e.meta.yLabels[n] = d, e.facets[a].cells[l][n] = {
-      id: `${l}_${n}`,
-      idx: t,
-      x: l,
-      y: n,
-      sizeValue: i,
-      normalizedSizeValue: i,
-      colorValue: m,
-      normalizedColorValue: m
-    };
-  }
-  if (e.meta.facetKeys = e.meta.facetKeys.filter((t) => e.facets[t]), e.meta.facetKeys.forEach((t) => {
-    const a = e.facets[t];
-    if (a.xKeys = w.uniq(a.xKeys), a.yKeys = w.uniq(a.yKeys), a.xKeys.length * a.yKeys.length > _)
-      throw Error(`Too many cells for graph rendering (${a.xKeys.length * a.yKeys.length})`);
-  }), h) {
-    const t = [1 / 0, -1 / 0];
-    e.meta.facetKeys.forEach((a) => {
-      if (!e.facets[a])
-        return;
-      const { xKeys: l, yKeys: n, cells: i } = e.facets[a], m = h.direction === "row" ? l : n, K = h.direction === "row" ? n : l, d = h.direction === "row" ? (c, v) => {
-        var f;
-        return (f = i[c]) == null ? void 0 : f[v];
-      } : (c, v) => {
-        var f;
-        return (f = i[v]) == null ? void 0 : f[c];
-      };
-      K.forEach((c) => {
-        const v = [];
-        m.forEach((E) => {
-          var y;
-          const b = (y = d(E, c)) == null ? void 0 : y.colorValue;
-          b !== void 0 && v.push(b);
-        });
-        const f = B(h.method, v);
-        m.forEach((E) => {
-          const y = d(E, c);
-          y !== void 0 && (y.normalizedColorValue = f(y.colorValue), t[0] = Math.min(y.normalizedColorValue, t[0]), t[1] = Math.max(y.normalizedColorValue, t[1]));
-        });
-      });
-    }), e.meta.valueExtentColor = t;
-  }
-  return e.meta.valueExtentSize[0] === 1 / 0 && (e.meta.valueExtentSize[0] = 0), e.meta.valueExtentSize[1] === -1 / 0 && (e.meta.valueExtentSize[1] = 0), e.meta.valueExtentColor[0] === 1 / 0 && (e.meta.valueExtentColor[0] = 0), e.meta.valueExtentColor[1] === -1 / 0 && (e.meta.valueExtentColor[1] = 0), e;
+  };
+}
+function m(l, a, s, o, u, y, r, t, n, K, c, p, V, x) {
+  const e = f();
+  if (i(
+    e,
+    l,
+    a,
+    s,
+    { sizeValue: o, colorValue: u },
+    y,
+    r,
+    t,
+    [],
+    null,
+    null,
+    { sizeValue: null, colorValue: n },
+    K,
+    c,
+    p,
+    V,
+    x
+  ), e.meta.xKeys.length * e.meta.yKeys.length > G)
+    throw Error(`Too many cells for graph rendering (${e.meta.xKeys.length * e.meta.yKeys.length})`);
+  return e;
 }
 export {
-  A as getGroupedCellsData
+  m as getGroupedCellsData
 };
 //# sourceMappingURL=getGroupedCellsData.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/bubble/getGroupedCellsData.js.map

@@ -1 +1 @@
-{"version":3,"file":"getGroupedCellsData.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/bubble/getGroupedCellsData.ts"],"sourcesContent":["import { deviation, extent, mean } from 'd3-array';\nimport { uniq } from 'lodash';\nimport type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue, NormalizationMethod } from '../types';\nimport type { BubbleSettingsImpl } from './BubbleSettingsImpl';\n\nconst MAX_RENDERED_CELLS_COUNT = 1000000;\nfunction normalizeByStd(values: number[]) {\n    const stdValue = deviation(values);\n    const meanValue = mean(values);\n\n    if (stdValue === undefined || meanValue === undefined || stdValue === 0) {\n        return (v: number) => v;\n    }\n    return (v: number) => (v - meanValue) / stdValue;\n}\n\nfunction normalizeByMinMax(values: number[]) {\n    const meanValue = mean(values);\n    const [min, max] = extent(values);\n    if (meanValue === undefined || min === undefined || max === undefined) {\n        return (v: number) => v;\n    }\n    return (v: number) => (v - meanValue) / (max - min);\n}\n\nfunction getNormalizationFn(method: NormalizationMethod, values: number[]) {\n    if (method === 'standardScaling') {\n        return normalizeByStd(values);\n    }\n    if (method === 'meanNormalization') {\n        return normalizeByMinMax(values);\n    }\n    return (v: number) => v;\n}\n\nexport type Cell = {\n    id: string;\n    idx: number;\n    sizeValue: DataValue;\n    colorValue: DataValue;\n    normalizedSizeValue: DataValue;\n    normalizedColorValue: DataValue;\n    x: DataValue;\n    y: DataValue;\n};\n\nexport type GroupedCellsData = {\n    meta: {\n        facetKeys: string[];\n        facetKeyValues: Record<string, string[]>;\n        xKeys: string[]; // all the keys from facets\n        yKeys: string[]; // all the keys from facets\n        xLabels: Record<string, string>;\n        yLabels: Record<string, string>;\n        valueExtentSize: [number, number]; // for size scales\n        valueExtentColor: [number, number]; // for color scales\n    };\n    //facet groups\n    facets: Record<\n        string,\n        {\n            // axis keys\n            xKeys: string[];\n            yKeys: string[];\n            // cells grouped by X, then by Y\n            cells: Record<string, Record<string, Cell>>;\n        }\n    >;\n};\n\nexport function getGroupedCellsData(\n    data: DataFrame,\n    xColumn: ColumnName,\n    yColumn: ColumnName,\n    valueColumnSize: ColumnName,\n    valueColumnColor: ColumnName,\n    facetBy: ColumnName[],\n    facetKeysCombinations: string[][],\n    normalization: BubbleSettingsImpl['normalization'],\n    NAValueAs: BubbleSettingsImpl['NAValueAs']\n): GroupedCellsData {\n    const facetKeys = facetKeysCombinations.map(v => v.join('_'));\n    const result: GroupedCellsData = {\n        meta: {\n            facetKeys,\n            xKeys: [],\n            yKeys: [],\n            xLabels: {},\n            yLabels: {},\n            facetKeyValues: facetKeys.reduce((res: Record<string, string[]>, key, index) => {\n                res[key] = facetKeysCombinations[index];\n                return res;\n            }, {}),\n            valueExtentSize: [Infinity, -Infinity],\n            valueExtentColor: [Infinity, -Infinity],\n        },\n        facets: {},\n    };\n    const usedXKeys = new Set();\n    const usedYKeys = new Set();\n\n    const xLabelsSource = xColumn.valueLabels ?? xColumn.value;\n    const yLabelsSource = yColumn.valueLabels ?? yColumn.value;\n\n    for (let i = 0; i < data.rowsCount; i++) {\n        const facetKey = facetBy.length ? facetBy.map(column => data.getColumnValue(column.value, i)).join('_') : 'null';\n        const x = data.getColumnValue(xColumn.value, i) as string;\n        const y = data.getColumnValue(yColumn.value, i) as string;\n        const sizeValue = (data.getColumnValue(valueColumnSize.value, i) ?? NAValueAs) as (null | number);\n        const colorValue = (data.getColumnValue(valueColumnColor.value, i) ?? NAValueAs) as (null | number);\n    \n        if (x === null || y === null || sizeValue === null || colorValue === null) {\n            continue;\n        }\n\n        if (!result.facets[facetKey]) {\n            result.facets[facetKey] = {\n                xKeys: [],\n                yKeys: [],\n                cells: {},\n            };\n        }\n        result.facets[facetKey].xKeys.push(x);\n        result.facets[facetKey].yKeys.push(y);\n\n        if (!usedXKeys.has(x)) {\n            usedXKeys.add(x);\n            result.meta.xKeys.push(x);\n        }\n        if (!usedYKeys.has(y)) {\n            usedYKeys.add(y);\n            result.meta.yKeys.push(y);\n        }\n        if (!result.facets[facetKey].cells[x]) {\n            result.facets[facetKey].cells[x] = {};\n        }\n        result.meta.valueExtentSize[0] = Math.min(sizeValue, result.meta.valueExtentSize[0]);\n        result.meta.valueExtentSize[1] = Math.max(sizeValue, result.meta.valueExtentSize[1]);\n        result.meta.valueExtentColor[0] = Math.min(colorValue, result.meta.valueExtentColor[0]);\n        result.meta.valueExtentColor[1] = Math.max(colorValue, result.meta.valueExtentColor[1]);\n\n        const xLabelsValueStr = String(data.getColumnValue(xLabelsSource, i));\n        const yLabelsValueStr = String(data.getColumnValue(yLabelsSource, i));\n\n        if (result.facets[facetKey].cells[x][y]) {\n            throw Error(`More than 1 value for x=${x}, y=${y}`);\n        }\n        if (result.meta.xLabels[x] && xLabelsValueStr !== result.meta.xLabels[x]) {\n            throw Error(`More than 1 x-label value for x=${x}`);\n        }\n        if (result.meta.yLabels[y] && yLabelsValueStr !== result.meta.yLabels[y]) {\n            throw Error(`More than 1 y-label value for y=${y}`);\n        }\n        result.meta.xLabels[x] = xLabelsValueStr;\n        result.meta.yLabels[y] = yLabelsValueStr;\n        result.facets[facetKey].cells[x][y] = {\n            id: `${x}_${y}`,\n            idx: i,\n            x,\n            y,\n            sizeValue,\n            normalizedSizeValue: sizeValue,\n            colorValue,\n            normalizedColorValue: colorValue,\n        };\n    }\n    result.meta.facetKeys = result.meta.facetKeys.filter((key) => result.facets[key]); // filter only used;\n\n    // make uniq x, y, x-group and y-group keys\n    result.meta.facetKeys.forEach(facetKey => {\n        const facet = result.facets[facetKey];\n        facet.xKeys = uniq(facet.xKeys);\n        facet.yKeys = uniq(facet.yKeys);\n\n        if (facet.xKeys.length * facet.yKeys.length > MAX_RENDERED_CELLS_COUNT) {\n            throw Error(`Too many cells for graph rendering (${facet.xKeys.length * facet.yKeys.length})`);\n        }\n    });\n\n    if (normalization) {\n        //const valueExtentSize = [Infinity, -Infinity] as [number, number];\n        const valueExtentColor = [Infinity, -Infinity] as [number, number];\n        result.meta.facetKeys.forEach(facetKey => {\n            if (!result.facets[facetKey]) {\n                return;\n            }\n            const {xKeys, yKeys, cells} = result.facets[facetKey];\n            const cellKeys = normalization.direction === 'row' ? xKeys : yKeys;\n            const groupKeys = normalization.direction === 'row' ? yKeys : xKeys;\n            const cellGetter =\n                normalization.direction === 'row'\n                    ? (cellKey: string, groupKey: string) => cells[cellKey]?.[groupKey]\n                    : (cellKey: string, groupKey: string) => cells[groupKey]?.[cellKey];\n            groupKeys.forEach(groupKey => {\n                //const sizeValues:number[] = [];\n                const colorValues: number[] = [];\n                cellKeys.forEach(cellKey => {\n                    //const sizeV = cellGetter(cellKey, groupKey)?.sizeValue;\n                    const colorV = cellGetter(cellKey, groupKey)?.colorValue;\n                    // if (sizeV !== undefined) {\n                    //     sizeValues.push(sizeV as number);\n                    // }\n                    if (colorV !== undefined) {\n                        colorValues.push(colorV as number);\n                    }\n                });\n                // const normalizeSize = getNormalizationFn(normalization.method, sizeValues);\n                const normalizeColor = getNormalizationFn(normalization.method, colorValues);\n                cellKeys.forEach(cellKey => {\n                    const cell = cellGetter(cellKey, groupKey);\n                    if (cell !== undefined) {\n                        // cell.normalizedSizeValue = normalizeSize(cell.sizeValue as number);\n                        cell.normalizedColorValue = normalizeColor(cell.colorValue as number);\n                        // valueExtentSize[0] = Math.min(cell.normalizedSizeValue, valueExtentSize[0]);\n                        // valueExtentSize[1] = Math.max(cell.normalizedSizeValue, valueExtentSize[1]);\n                        valueExtentColor[0] = Math.min(cell.normalizedColorValue, valueExtentColor[0]);\n                        valueExtentColor[1] = Math.max(cell.normalizedColorValue, valueExtentColor[1]);\n                    }\n                });\n            });\n        });\n        // result.meta.valueExtentSize = valueExtentSize;\n        result.meta.valueExtentColor = valueExtentColor;\n    }\n\n    // avoid render errors on empty data\n    if (result.meta.valueExtentSize[0] === Infinity) {\n        result.meta.valueExtentSize[0] = 0;\n    }\n    if (result.meta.valueExtentSize[1] === -Infinity) {\n        result.meta.valueExtentSize[1] = 0;\n    }\n    if (result.meta.valueExtentColor[0] === Infinity) {\n        result.meta.valueExtentColor[0] = 0;\n    }\n    if (result.meta.valueExtentColor[1] === -Infinity) {\n        result.meta.valueExtentColor[1] = 0;\n    }\n\n    return result;\n}\n"],"names":["MAX_RENDERED_CELLS_COUNT","normalizeByStd","values","stdValue","deviation","meanValue","mean","v","normalizeByMinMax","min","max","extent","getNormalizationFn","method","getGroupedCellsData","data","xColumn","yColumn","valueColumnSize","valueColumnColor","facetBy","facetKeysCombinations","normalization","NAValueAs","facetKeys","result","res","key","index","usedXKeys","usedYKeys","xLabelsSource","yLabelsSource","i","facetKey","column","x","y","sizeValue","colorValue","xLabelsValueStr","yLabelsValueStr","facet","uniq","valueExtentColor","xKeys","yKeys","cells","cellKeys","groupKeys","cellGetter","cellKey","groupKey","_a","colorValues","colorV","normalizeColor","cell"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"getGroupedCellsData.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/bubble/getGroupedCellsData.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName } from '../types';\nimport type { BubbleSettingsImpl } from './BubbleSettingsImpl';\nimport { type Cell, fillCellsData, type GroupedCellsData } from '../heatmap/fillCellsData';\n\nconst MAX_RENDERED_CELLS_COUNT = 1000000;\n\ntype BubbleDataFields = 'sizeValue'|'colorValue';\nexport type CellBubble = Cell<BubbleDataFields>;\nexport type GroupedCellsBubble = GroupedCellsData<BubbleDataFields>;\n\nfunction createEmptyGroupedCells(): GroupedCellsBubble {\n    return {\n        meta: {\n            valueSources: ['sizeValue', 'colorValue'],\n            facetKeys: [],\n            xGroupKeys: [],\n            yGroupKeys: [],\n\n            xKeys: [], // all the keys from facets\n            yKeys: [], // all the keys from facets\n            xKeysByGroups: {},\n            yKeysByGroups: {},\n\n            xLabels: {},\n            yLabels: {},\n            xGroupLabels: {},\n            yGroupLabels: {},\n\n            facetKeyValues: {},\n            xGroupKeyValues: {},\n            yGroupKeyValues: {},\n\n            xDataByKeys: {},\n            yDataByKeys: {},\n\n            valueExtent: {\n                sizeValue: [Infinity, -Infinity],\n                colorValue: [Infinity, -Infinity]\n            }\n        },\n        facets: {},\n    };\n}\n\nexport function getGroupedCellsData(\n    data: DataFrame,\n    xColumn: ColumnName,\n    yColumn: ColumnName,\n    valueColumnSize: ColumnName,\n    valueColumnColor: ColumnName,\n    facetBy: ColumnName[],\n    xGroupBy: ColumnName[],\n    yGroupBy: ColumnName[],\n    normalization: BubbleSettingsImpl['normalization'],\n    NAValueAs: BubbleSettingsImpl['NAValueAs'],\n    keysOrder: BubbleSettingsImpl['keysOrder'],\n    xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n    yAxis: BubbleSettingsImpl['chartSettings']['yAxis'],\n    aggregation: BubbleSettingsImpl['aggregation'],\n): GroupedCellsBubble {\n    const result: GroupedCellsBubble = createEmptyGroupedCells();\n\n    fillCellsData(\n        result,\n        data,\n        xColumn, yColumn, {sizeValue: valueColumnSize, colorValue: valueColumnColor},\n        facetBy, xGroupBy, yGroupBy,\n        [],\n        null, null,\n        {sizeValue: null, colorValue: normalization},\n        NAValueAs,\n        keysOrder,\n        xAxis,\n        yAxis,\n        aggregation\n    );\n\n    if (result.meta.xKeys.length * result.meta.yKeys.length > MAX_RENDERED_CELLS_COUNT) {\n        throw Error(`Too many cells for graph rendering (${result.meta.xKeys.length * result.meta.yKeys.length})`);\n    }\n    return result;\n}\n"],"names":["MAX_RENDERED_CELLS_COUNT","createEmptyGroupedCells","getGroupedCellsData","data","xColumn","yColumn","valueColumnSize","valueColumnColor","facetBy","xGroupBy","yGroupBy","normalization","NAValueAs","keysOrder","xAxis","yAxis","aggregation","result","fillCellsData"],"mappings":";AAKA,MAAMA,IAA2B;AAMjC,SAASC,IAA8C;AACnD,SAAO;AAAA,IACH,MAAM;AAAA,MACF,cAAc,CAAC,aAAa,YAAY;AAAA,MACxC,WAAW,CAAA;AAAA,MACX,YAAY,CAAA;AAAA,MACZ,YAAY,CAAA;AAAA,MAEZ,OAAO,CAAA;AAAA;AAAA,MACP,OAAO,CAAA;AAAA;AAAA,MACP,eAAe,CAAA;AAAA,MACf,eAAe,CAAA;AAAA,MAEf,SAAS,CAAA;AAAA,MACT,SAAS,CAAA;AAAA,MACT,cAAc,CAAA;AAAA,MACd,cAAc,CAAA;AAAA,MAEd,gBAAgB,CAAA;AAAA,MAChB,iBAAiB,CAAA;AAAA,MACjB,iBAAiB,CAAA;AAAA,MAEjB,aAAa,CAAA;AAAA,MACb,aAAa,CAAA;AAAA,MAEb,aAAa;AAAA,QACT,WAAW,CAAC,OAAU,MAAS;AAAA,QAC/B,YAAY,CAAC,OAAU,MAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGxC,QAAQ,CAAA;AAAA,EAAA;AAEhB;AAEO,SAASC,EACZC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACkB;AAClB,QAAMC,IAA6BhB,EAAAA;AAiBnC,MAfAiB;AAAAA,IACID;AAAAA,IACAd;AAAAA,IACAC;AAAAA,IAASC;AAAAA,IAAS,EAAC,WAAWC,GAAiB,YAAYC,EAAAA;AAAAA,IAC3DC;AAAAA,IAASC;AAAAA,IAAUC;AAAAA,IACnB,CAAA;AAAA,IACA;AAAA,IAAM;AAAA,IACN,EAAC,WAAW,MAAM,YAAYC,EAAAA;AAAAA,IAC9BC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAA,GAGAC,EAAO,KAAK,MAAM,SAASA,EAAO,KAAK,MAAM,SAASjB;AACtD,UAAM,MAAM,uCAAuCiB,EAAO,KAAK,MAAM,SAASA,EAAO,KAAK,MAAM,MAAM,GAAG;AAE7G,SAAOA;AACX;","x_google_ignoreList":[0]}