npm - @milaboratories/graph-maker - Versions diffs - 1.1.157 → 1.1.159 - Mend

@milaboratories/graph-maker 1.1.157 → 1.1.159

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

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

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

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

	@@ -1 +1 @@
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 && ('isAnnotation' 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 onMouseEnter={() => tooltipsData.onMouseEnter({\n isAnnotation: true,\n x: xInner + width,\n y: yInner + height / 2,\n xKey,\n yKey,\n value,\n title: valueColumn.label ?? valueColumn.value,\n column: annotation.valueColumn\n } satisfies 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","h","key","value","fillColor","xInner","yInner","xKey","yKey","highlighted","cellElement","jsx","createPortal","xGroupKey","keysCountX","groupWidth","groupX","yGroupKey","keysCountY","groupHeight","groupY","BLACK"],"mappings":"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","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"Annotation.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Annotations/Annotation.tsx"],"sourcesContent":["import 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';\nimport { AnnotationCellsCanvas } from './AnnotationCellsCanvas';\nimport { AnnotationCellsSvg } from './AnnotationCellsSvg';\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 cellsRenderingMode: 'canvas' \| 'svg'\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 cellsRenderingMode,\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\n return (\n <g>\n {cellsRenderingMode === 'svg' && (\n <AnnotationCellsSvg\n facetKey={facetKey}\n scales={scales}\n keys={keys}\n x={x}\n y={y}\n stepX={stepX}\n stepY={stepY}\n vertical={vertical}\n aes={aes}\n colorScale={colorScale}\n data={data}\n annotation={annotation}\n tooltipsData={tooltipsData}\n />\n )}\n {cellsRenderingMode === 'canvas' && (\n <AnnotationCellsCanvas\n facetKey={facetKey}\n scales={scales}\n keys={keys}\n x={x}\n y={y}\n stepX={stepX}\n stepY={stepY}\n vertical={vertical}\n aes={aes}\n colorScale={colorScale}\n data={data}\n annotation={annotation}\n tooltipsData={tooltipsData}\n />\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","k","Annotation","facetKey","data","scales","stepX","stepY","annotation","showTitle","colorScale","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","cellsRenderingMode","position","valueColumn","keys","textPosition","h","jsx","AnnotationCellsSvg","AnnotationCellsCanvas","xGroupKey","keysCountX","groupWidth","groupX","yGroupKey","keysCountY","groupHeight","groupY","BLACK"],"mappings":";;;;;AAUA,SAASA,EACLC,GACAC,GACAC,GACAC,GACAC,GACF;AACE,MAAIJ,GAAU;AACV,UAAMK,IAAIC,IAAmB,GACvBC,IAAIL,MAAkB,QAAQ,KAAKE,IAAS;AAGlD,WAAO,EAAEI,GAAG,GAAAD,GAAG,QAFAN,MAAuB,SAAS,MAAM,IAE9B,QADRA,MAAuB,UAAUC,MAAkB,QAAQ,UAAU,MAAA;AAAA,EAExF;AACA,QAAMG,IAAIH,MAAkB,UAAUC,IAAQ,IAAI,IAC5CI,IAAID,IAAmB;AAE7B,SAAO,EAAE,GAAAD,GAAG,GAAAE,GAAG,QAAQ,GAAG,QADXL,MAAkB,UAAU,UAAU,MAAA;AAEzD;AAyBO,SAASO,EAAW;AAAA,EACvB,UAAAC;AAAAA,EACA,MAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,GAAAT;AAAAA,EACA,GAAAE;AAAAA,EACA,YAAAQ;AAAAA,EACA,WAAAC;AAAAA,EACA,OAAAb;AAAAA,EACA,QAAAC;AAAAA,EACA,YAAAa;AAAAA,EACA,KAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,cAAAC;AAAAA,EACA,oBAAAC;AACJ,GAAoB;AAChB,QAAM,EAAE,UAAAC,GAAU,eAAAxB,GAAe,aAAAyB,MAAgBZ,GAC3Cf,IAAW0B,MAAa,UAAUA,MAAa,SAC/CE,KAAQ5B,IAAWY,EAAO,IAAIA,EAAO,GAAG,OAAA,GACxCiB,IAAe9B,EAAgBC,GAAU0B,GAAUxB,GAAeC,GAAOC,CAAM;AAErF,SAAA0B,gBAAAA,EAAA,KACK,KAAA,EACI,UAAA;AAAA,IAAAL,MAAuB,SACpBM,gBAAAA,EAAAA;AAAAA,MAACC;AAAAA,MAAA;AAAA,QACG,UAAAtB;AAAAA,QACA,QAAAE;AAAAA,QACA,MAAAgB;AAAAA,QACA,GAAAvB;AAAAA,QACA,GAAAE;AAAAA,QACA,OAAAM;AAAAA,QACA,OAAAC;AAAAA,QACA,UAAAd;AAAAA,QACA,KAAAkB;AAAAA,QACA,YAAAD;AAAAA,QACA,MAAAN;AAAAA,QACA,YAAAI;AAAAA,QACA,cAAAS;AAAAA,MAAA;AAAA,IAAA;AAAA,IAGPC,MAAuB,YACpBM,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACG,UAAAvB;AAAAA,QACA,QAAAE;AAAAA,QACA,MAAAgB;AAAAA,QACA,GAAAvB;AAAAA,QACA,GAAAE;AAAAA,QACA,OAAAM;AAAAA,QACA,OAAAC;AAAAA,QACA,UAAAd;AAAAA,QACA,KAAAkB;AAAAA,QACA,YAAAD;AAAAA,QACA,MAAAN;AAAAA,QACA,YAAAI;AAAAA,QACA,cAAAS;AAAAA,MAAA;AAAA,IAAA;AAAA,IAGPA,EAAa,SAAS,CAACxB,KAAYoB,EAAW,IAAI,CAAAc,MAAa;AAC5D,YAAMC,IAAab,EAAcY,CAAS,EAAE;AAC5C,UAAIC,MAAe;AACf,eAAO;AAEX,YAAMC,IAAaD,IAAatB,GAC1BwB,IAASzB,EAAO,EAAEU,EAAcY,CAAS,EAAE,CAAC,CAAC;AACnD,aACIH,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,GAAGM,IAAShC;AAAAA,UACZ,GAAAE;AAAAA,UACA,OAAO6B;AAAAA,UACP,QAAQ9B;AAAAA,UACR,QAAO;AAAA,UACP,MAAK;AAAA,QAAA;AAAA,QANA,GAAG+B,CAAM,IAAI9B,CAAC;AAAA,MAAA;AAAA,IAS/B,CAAC;AAAA,IACAiB,EAAa,SAASxB,KAAYqB,EAAW,IAAI,CAAAiB,MAAa;AAC3D,YAAMC,IAAahB,EAAce,CAAS,EAAE;AAC5C,UAAIC,MAAe;AACf,eAAO;AAEX,YAAMC,IAAcD,IAAazB,GAC3B2B,IAAS7B,EAAO,EAAEW,EAAce,CAAS,EAAE,CAAC,CAAC;AACnD,aACIP,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,GAAA1B;AAAAA,UACA,GAAGoC,IAASlC;AAAAA,UACZ,OAAOD;AAAAA,UACP,QAAQkC;AAAAA,UACR,QAAO;AAAA,UACP,MAAK;AAAA,QAAA;AAAA,QANA,GAAGnC,CAAC,IAAIoC,CAAM;AAAA,MAAA;AAAA,IAS/B,CAAC;AAAA,IACAtB,EAAM,SAAS,YACZ,CAACnB,KACDoB,EAAW,IAAI,CAAAc,MAAa;AACxB,YAAMC,IAAab,EAAcY,CAAS,EAAE;AAC5C,UAAIC,MAAe;AACf,eAAO;AAEX,YAAMC,IAAaD,IAAatB,GAC1BwB,IAASzB,EAAO,EAAEU,EAAcY,CAAS,EAAE,CAAC,CAAC;AACnD,aACIH,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,GAAGM,IAAShC;AAAAA,UACZ,GAAAE;AAAAA,UACA,OAAO6B;AAAAA,UACP,QAAQ9B;AAAAA,UACR,QAAQoC;AAAAA,UACR,MAAK;AAAA,QAAA;AAAA,QANA,GAAGL,CAAM,IAAI9B,CAAC;AAAA,MAAA;AAAA,IAS/B,CAAC;AAAA,IACJY,EAAM,SAAS,YACZnB,KACAqB,EAAW,IAAI,CAAAiB,MAAa;AACxB,YAAMC,IAAahB,EAAce,CAAS,EAAE;AAC5C,UAAIC,MAAe;AACf,eAAO;AAEX,YAAMC,IAAcD,IAAazB,GAC3B2B,IAAS7B,EAAO,EAAEW,EAAce,CAAS,EAAE,CAAC,CAAC;AACnD,aACIP,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,GAAA1B;AAAAA,UACA,GAAGoC,IAASlC;AAAAA,UACZ,OAAOD;AAAAA,UACP,QAAQkC;AAAAA,UACR,QAAQE;AAAAA,UACR,MAAK;AAAA,QAAA;AAAA,QANA,GAAGrC,CAAC,IAAIoC,CAAM;AAAA,MAAA;AAAA,IAS/B,CAAC;AAAA,IACJzB,KACGe,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,UAAS;AAAA,QACT,WAAW,aAAa1B,IAAIwB,EAAa,CAAC,IAAItB,IAAIsB,EAAa,CAAC,YAAYA,EAAa,MAAM;AAAA,QAE/F,UAAAE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,YAAYF,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/AnnotationCellsCanvas.js ADDED Viewed

@@ -0,0 +1,99 @@
+import { j as E } from "../../../node_modules/react/jsx-runtime.js";
+import { ANNOTATION_WIDTH as k } from "../../constants.js";
+import { r as N } from "../../../_virtual/index.js";
+import { useFunction as I } from "../../../utils/hooks/useFunction.js";
+function P(o, t, r, n, e, l, a, i, h) {
+  if (o) {
+    o.beginPath(), o.clearRect(0, 0, i, h);
+    for (const u of n) {
+      const v = r == null ? void 0 : r[u], c = a.type === "continuous" ? a.scale(Number(v)) : a.scale(String(v)), x = e ? 0 : t.x(u), m = e ? t.y(u) : 0;
+      o.fillStyle = c, o.fillRect(x, m, i, h);
+    }
+  }
+}
+function D(o, t, r) {
+  let n = 0, e = o.length - 1;
+  for (; n <= e; ) {
+    const l = Math.floor((n + e) / 2);
+    if (Math.abs(o[l] - t) < r)
+      return o[l] >= t ? l - 1 : l;
+    t < o[l] ? e = l - 1 : n = l + 1;
+  }
+  return -1;
+}
+function A(o, t, r, n) {
+  const e = D(t, o, n);
+  return e === -1 ? -1 : r[e];
+}
+function F({
+  facetKey: o,
+  scales: t,
+  data: r,
+  keys: n,
+  vertical: e,
+  annotation: l,
+  x: a,
+  y: i,
+  stepX: h,
+  stepY: u,
+  aes: v,
+  colorScale: c,
+  tooltipsData: x
+}) {
+  const { valueColumn: m } = l, y = e ? k : h, d = e ? u : k, p = e ? y : y * n.length, M = e ? d * n.length : d, w = N.useRef(null), C = window.devicePixelRatio || 1, g = N.useRef(null), R = () => {
+    P(
+      g.current,
+      t,
+      r,
+      n,
+      e,
+      v.cellStrokeColor,
+      c,
+      y,
+      d
+    );
+  };
+  N.useEffect(() => {
+    const s = w.current;
+    g.current || (g.current = (s == null ? void 0 : s.getContext("2d")) ?? null), s && g.current && (s.style.width = p + "px", s.style.height = M + "px", g.current.scale(C, C)), R();
+  }, [p, M]), R();
+  const K = I((s) => {
+    const L = s.nativeEvent.offsetX, O = s.nativeEvent.offsetY, f = e ? A(O, t.y.range(), t.y.domain(), u) : A(L, t.x.range(), t.x.domain(), h);
+    if (f !== -1) {
+      const S = e ? 0 : t.x(f), j = e ? t.y(f) : 0, b = r[f], T = c.type === "continuous" ? c.scale(Number(b)) : c.scale(String(b));
+      x.onMouseEnter({
+        isAnnotation: !0,
+        x: a + S + y,
+        y: i + j + d / 2,
+        cell: {
+          x: a + S,
+          y: i + j,
+          width: y,
+          height: d,
+          fill: T,
+          stroke: v.cellStrokeColor
+        },
+        xKey: e ? null : f,
+        yKey: e ? f : null,
+        value: b,
+        title: m.label ?? m.value,
+        column: l.valueColumn
+      }, o);
+    } else
+      x.onMouseLeave();
+  });
+  return /* @__PURE__ */ E.jsx("foreignObject", { x: a, y: i, width: p, height: M, children: /* @__PURE__ */ E.jsx(
+    "canvas",
+    {
+      ref: w,
+      width: C * p,
+      height: C * M,
+      onMouseMove: K,
+      onMouseLeave: () => x.onMouseLeave()
+    }
+  ) });
+}
+export {
+  F as AnnotationCellsCanvas
+};
+//# sourceMappingURL=AnnotationCellsCanvas.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Annotations/AnnotationCellsCanvas.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AnnotationCellsCanvas.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Annotations/AnnotationCellsCanvas.tsx"],"sourcesContent":["\nimport type { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { DataValue } from '../../../types/common';\nimport type { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';\nimport type { Cell } from '../../getCells';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport type { MouseEventHandler } from 'react';\nimport { useEffect, useRef } from 'react';\nimport { useFunction } from '../../../utils/hooks/useFunction';\n\ninterface AnnotationCellsCanvasProps {\n facetKey: string,\n scales: ChartScales,\n keys: string[],\n x: number,\n y: number,\n stepX: number,\n stepY: number,\n vertical: boolean,\n aes: HeatmapSettingsImpl['aes'];\n colorScale: AnnotationColorScales[keyof AnnotationColorScales],\n data: Record<string, DataValue>;\n annotation: HeatmapSettingsImpl['annotations'][0];\n tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n}\n\nfunction renderCells(\n ctx: CanvasRenderingContext2D | null,\n scales: ChartScales,\n data: Record<string, DataValue>,\n keys: string[],\n vertical: boolean,\n strokeColor: string,\n colorScale: AnnotationColorScales[keyof AnnotationColorScales],\n width: number,\n height: number\n) {\n if (!ctx) {\n return;\n }\n ctx.beginPath(); // Start a new path\n ctx.clearRect(0, 0, width, height);\n for (const key of keys) {\n const value = data?.[key];\n const fillColor = colorScale.type === 'continuous'\n ? colorScale.scale(Number(value))\n : colorScale.scale(String(value));\n const x = (vertical ? 0 : scales.x(key));\n const y = (vertical ? scales.y(key) : 0);\n\n ctx.fillStyle = fillColor;\n ctx.fillRect(x, y, width, height); // Add a rectangle to the current path\n }\n}\n\nfunction binarySearch(arr: number[], val: number, step: number) {\n let start = 0;\n let end = arr.length - 1;\n\n while (start <= end) {\n const mid = Math.floor((start + end) / 2);\n if (Math.abs(arr[mid] - val) < step) {\n return arr[mid] >= val ? mid - 1 : mid;\n }\n\n if (val < arr[mid]) {\n end = mid - 1;\n } else {\n start = mid + 1;\n }\n }\n return -1;\n}\nfunction searchKey(px: number, positions: number[], keys: string[], step: number) {\n const pos = binarySearch(positions, px, step);\n if (pos === -1) {\n return -1;\n }\n return keys[pos];\n}\n\nexport function AnnotationCellsCanvas({\n facetKey,\n scales,\n data,\n keys,\n vertical,\n annotation,\n x, y, stepX, stepY,\n aes,\n colorScale,\n tooltipsData,\n}: AnnotationCellsCanvasProps) {\n const { valueColumn } = annotation;\n const cellWidth = vertical ? ANNOTATION_WIDTH : stepX;\n const cellHeight = vertical ? stepY : ANNOTATION_WIDTH;\n const annotationWidth = vertical ? cellWidth : cellWidth * keys.length;\n const annotationHeight = vertical ? cellHeight * keys.length : cellHeight;\n const canvasRef = useRef<HTMLCanvasElement | null>(null);\n const canvasRatio = window.devicePixelRatio || 1;\n const ctx = useRef<CanvasRenderingContext2D | null>(null);\n const render = () => {\n renderCells(\n ctx.current,\n scales,\n data,\n keys,\n vertical,\n aes.cellStrokeColor,\n colorScale,\n cellWidth,\n cellHeight\n );\n };\n useEffect(() => {\n const canvasEl = canvasRef.current;\n if (!ctx.current) {\n ctx.current = canvasEl?.getContext('2d') ?? null;\n }\n if (canvasEl && ctx.current) {\n canvasEl.style.width = annotationWidth + 'px';\n canvasEl.style.height = annotationHeight + 'px';\n ctx.current.scale(canvasRatio, canvasRatio);\n }\n render();\n }, [annotationWidth, annotationHeight]);\n render();\n\n const moveOnCanvas: MouseEventHandler<HTMLCanvasElement> = useFunction((e: React.MouseEvent) => {\n const mouseX = e.nativeEvent.offsetX;\n const mouseY = e.nativeEvent.offsetY;\n const key = vertical\n ? searchKey(mouseY, scales.y.range(), scales.y.domain(), stepY)\n : searchKey(mouseX, scales.x.range(), scales.x.domain(), stepX);\n if (key !== -1) {\n const innerX = (vertical ? 0 : scales.x(key));\n const innerY = (vertical ? scales.y(key) : 0);\n const value = data[key];\n const fillColor = colorScale.type === 'continuous'\n ? colorScale.scale(Number(value))\n : colorScale.scale(String(value));\n tooltipsData.onMouseEnter({\n isAnnotation: true,\n x: x + innerX + cellWidth,\n y: y + innerY + cellHeight / 2,\n cell: {\n x: x + innerX,\n y: y + innerY,\n width: cellWidth,\n height: cellHeight,\n fill: fillColor,\n stroke: aes.cellStrokeColor\n },\n xKey: vertical ? null : key,\n yKey: vertical ? key : null,\n value,\n title: valueColumn.label ?? valueColumn.value,\n column: annotation.valueColumn\n } satisfies AnnotationTooltipData, facetKey);\n } else {\n tooltipsData.onMouseLeave();\n }\n });\n return (\n <foreignObject x={x} y={y} width={annotationWidth} height={annotationHeight}>\n <canvas\n ref={canvasRef}\n width={canvasRatio * annotationWidth}\n height={canvasRatio * annotationHeight}\n onMouseMove={moveOnCanvas}\n onMouseLeave={() => tooltipsData.onMouseLeave()}\n />\n </foreignObject>\n );\n}"],"names":["renderCells","ctx","scales","data","keys","vertical","strokeColor","colorScale","width","height","key","value","fillColor","x","y","binarySearch","arr","val","step","start","end","mid","searchKey","px","positions","pos","AnnotationCellsCanvas","facetKey","annotation","stepX","stepY","aes","tooltipsData","valueColumn","cellWidth","ANNOTATION_WIDTH","cellHeight","annotationWidth","annotationHeight","canvasRef","useRef","canvasRatio","render","useEffect","canvasEl","moveOnCanvas","useFunction","e","mouseX","mouseY","innerX","innerY","k","jsx"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Annotations/AnnotationCellsSvg.js ADDED Viewed

@@ -0,0 +1,57 @@
+import { j as A } from "../../../node_modules/react/jsx-runtime.js";
+import { ANNOTATION_WIDTH as x } from "../../constants.js";
+function j({
+  facetKey: h,
+  scales: u,
+  data: i,
+  keys: C,
+  vertical: e,
+  annotation: c,
+  x: f,
+  y: k,
+  stepX: N,
+  stepY: S,
+  aes: m,
+  colorScale: l,
+  tooltipsData: y
+}) {
+  const { valueColumn: p } = c;
+  return C.map((t) => {
+    const o = i == null ? void 0 : i[t], v = l.type === "continuous" ? l.scale(Number(o)) : l.scale(String(o)), a = f + (e ? 0 : u.x(t)), n = k + (e ? u.y(t) : 0), s = e ? x : N, r = e ? S : x, d = e ? null : t, g = e ? t : null;
+    return /* @__PURE__ */ A.jsx(
+      "rect",
+      {
+        x: a,
+        y: n,
+        width: s,
+        height: r,
+        fill: v,
+        stroke: m.cellStrokeColor,
+        onMouseEnter: () => y.onMouseEnter({
+          isAnnotation: !0,
+          x: a + s,
+          y: n + r / 2,
+          cell: {
+            x: a,
+            y: n,
+            width: s,
+            height: r,
+            fill: v,
+            stroke: m.cellStrokeColor
+          },
+          xKey: d,
+          yKey: g,
+          value: o,
+          title: p.label ?? p.value,
+          column: c.valueColumn
+        }, h),
+        onMouseLeave: () => y.onMouseLeave()
+      },
+      t
+    );
+  });
+}
+export {
+  j as AnnotationCellsSvg
+};
+//# sourceMappingURL=AnnotationCellsSvg.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Annotations/AnnotationCellsSvg.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AnnotationCellsSvg.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Annotations/AnnotationCellsSvg.tsx"],"sourcesContent":["\nimport type { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { DataValue } from '../../../types/common';\nimport type { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';\nimport type { Cell } from '../../getCells';\nimport type { TooltipsData } from '../../../common/Tooltip';\n\ninterface AnnotationCellsSvgProps {\n facetKey: string,\n scales: ChartScales,\n keys: string[],\n x: number,\n y: number,\n stepX: number,\n stepY: number,\n vertical: boolean,\n aes: HeatmapSettingsImpl['aes'];\n colorScale: AnnotationColorScales[keyof AnnotationColorScales],\n data: Record<string, DataValue>;\n annotation: HeatmapSettingsImpl['annotations'][0];\n tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n}\n\nexport function AnnotationCellsSvg({\n facetKey,\n scales,\n data,\n keys,\n vertical,\n annotation,\n x, y, stepX, stepY,\n aes,\n colorScale,\n tooltipsData,\n}: AnnotationCellsSvgProps) {\n const { valueColumn } = annotation;\n return 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 return (\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 onMouseEnter={() => tooltipsData.onMouseEnter({\n isAnnotation: true,\n x: xInner + width,\n y: yInner + height / 2,\n cell: {\n x: xInner,\n y: yInner,\n width,\n height,\n fill: fillColor,\n stroke: aes.cellStrokeColor\n },\n xKey,\n yKey,\n value,\n title: valueColumn.label ?? valueColumn.value,\n column: annotation.valueColumn\n } satisfies AnnotationTooltipData, facetKey)}\n onMouseLeave={() => tooltipsData.onMouseLeave()}\n />\n );\n });\n}"],"names":["AnnotationCellsSvg","facetKey","scales","data","keys","vertical","annotation","x","y","stepX","stepY","aes","colorScale","tooltipsData","valueColumn","key","value","fillColor","xInner","yInner","width","ANNOTATION_WIDTH","height","xKey","yKey","jsx"],"mappings":";;AAwBO,SAASA,EAAmB;AAAA,EAC/B,UAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,MAAAC;AAAAA,EACA,MAAAC;AAAAA,EACA,UAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,GAAAC;AAAAA,EAAG,GAAAC;AAAAA,EAAG,OAAAC;AAAAA,EAAO,OAAAC;AAAAA,EACb,KAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,cAAAC;AACJ,GAA4B;AACxB,QAAM,EAAE,aAAAC,EAAAA,IAAgBR;AACxB,SAAOF,EAAK,IAAI,CAAAW,MAAO;AACnB,UAAMC,IAAQb,KAAA,OAAA,SAAAA,EAAOY,IACfE,IAAYL,EAAW,SAAS,eAChCA,EAAW,MAAM,OAAOI,CAAK,CAAC,IAC9BJ,EAAW,MAAM,OAAOI,CAAK,CAAC,GAC9BE,IAASX,KAAKF,IAAW,IAAIH,EAAO,EAAEa,CAAG,IACzCI,IAASX,KAAKH,IAAWH,EAAO,EAAEa,CAAG,IAAI,IACzCK,IAAQf,IAAWgB,IAAmBZ,GACtCa,IAASjB,IAAWK,IAAQW,GAC5BE,IAAOlB,IAAW,OAAOU,GACzBS,IAAOnB,IAAWU,IAAM;AAC9B,WACIU,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,GAAGP;AAAAA,QACH,GAAGC;AAAAA,QACH,OAAAC;AAAAA,QACA,QAAAE;AAAAA,QACA,MAAML;AAAAA,QACN,QAAQN,EAAI;AAAA,QACZ,cAAc,MAAME,EAAa,aAAa;AAAA,UAC1C,cAAc;AAAA,UACd,GAAGK,IAASE;AAAAA,UACZ,GAAGD,IAASG,IAAS;AAAA,UACrB,MAAM;AAAA,YACF,GAAGJ;AAAAA,YACH,GAAGC;AAAAA,YACH,OAAAC;AAAAA,YACA,QAAAE;AAAAA,YACA,MAAML;AAAAA,YACN,QAAQN,EAAI;AAAA,UAAA;AAAA,UAEhB,MAAAY;AAAAA,UACA,MAAAC;AAAAA,UACA,OAAAR;AAAAA,UACA,OAAOF,EAAY,SAASA,EAAY;AAAA,UACxC,QAAQR,EAAW;AAAA,QAAA,GACYL,CAAQ;AAAA,QAC3C,cAAc,MAAMY,EAAa,aAAA;AAAA,MAAA;AAAA,MAzB5BE;AAAAA,IAAA;AAAA,EA4BjB,CAAC;AACL;","x_google_ignoreList":[0]}