@milaboratories/miplots4 1.0.123 → 1.0.125

package/dist/scatterplot-umap/components/LowerSVG.js

@@ -0,0 +1,171 @@
+import { j as e } from "../../node_modules/react/jsx-runtime.js";
+import { ChartsTitle as O } from "../../common/ChartsTitle.js";
+import { ContinuousGrid as R } from "../../common/ContinuousGrid.js";
+import M from "../../common/fonts.js";
+import { Legend as U } from "../../common/Legend.js";
+import { Tooltip as Z } from "../../common/Tooltip.js";
+import { BLACK as q } from "../../constants.js";
+import { DEFAULT_TICKS_SIZE as L, TITLE_LINE as g, LEGEND_OFFSET as G } from "../constants.js";
+import { Axis as P } from "../../scatterplot/components/Axis.js";
+import { numberFormat as F } from "../../utils/numberFormat.js";
+import J, { r as j } from "../../_virtual/index.js";
+import Q from "../../node_modules/d3-shape/src/line.js";
+import V from "../../node_modules/d3-shape/src/curve/basis.js";
+function S(i, s, c = []) {
+  const d = i.data, n = [`x: ${F(i.x)}`, `y: ${F(i.y)}`];
+  s != null && s.label && n.unshift(`${s.label}: ${d[s.label]}`);
+  for (const t of c)
+    n.push(`${t.label}: ${d[t.valueLabels ?? t.value]}`);
+  return n;
+}
+function k(i) {
+  return typeof i == "string" ? i : i.label ?? i.value;
+}
+const A = Q().curve(V);
+function z({
+  scales: i,
+  chartSettings: s,
+  mainTitle: c,
+  keyColumn: d,
+  margins: n,
+  chartSizes: t,
+  onlyPositive: u,
+  container: y,
+  zoomStateKey: w,
+  legendData: B,
+  dotsByGrouping: C,
+  layers: D,
+  aesGetters: f,
+  tooltipData: a
+}) {
+  var b;
+  const { title: $, xAxis: p, yAxis: m, frame: I, legend: _ } = s, X = p.showTicks ? L : 0, Y = m.showTicks ? L : 0, T = p.title, v = m.title, K = {
+    left: 0,
+    right: t.chartWidth,
+    top: 0,
+    bottom: t.chartHeight
+  };
+  if (!y)
+    return null;
+  const o = D.find((r) => r.type === "curve"), [W, N] = j.useState([]);
+  function E() {
+    const x = Object.entries(C).map(([h, l]) => ({
+      key: h,
+      d: o != null && o.smoothing ? A(l) ?? "" : l.map((H) => `${i.x(H.x)},${i.y(H.y)}`).join(" "),
+      dot: l[0]
+    }));
+    N(x);
+  }
+  return j.useEffect(() => {
+    o && (A.x((r) => i.x(r.x)).y((r) => i.y(r.y)), E());
+  }, [w]), j.useEffect(() => {
+    o && E();
+  }, [o == null ? void 0 : o.smoothing]), /* @__PURE__ */ e.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: `0 0 ${t.totalWidth} ${t.totalHeight}`,
+      width: t.totalWidth,
+      height: t.totalHeight,
+      style: { pointerEvents: "none" },
+      children: [
+        /* @__PURE__ */ e.jsx("defs", { children: M }),
+        /* @__PURE__ */ e.jsxs("g", { transform: `translate(${n.left},${n.top})`, fontFamily: "Manrope", children: [
+          /* @__PURE__ */ e.jsx("clipPath", { id: "viewportClipPath", children: /* @__PURE__ */ e.jsx("rect", { x: "0", y: "0", width: t.chartWidth, height: t.chartHeight }) }),
+          /* @__PURE__ */ e.jsx(
+            O,
+            {
+              title: c,
+              show: $.show,
+              position: $.position,
+              leftPadding: n.left,
+              rightPadding: n.right,
+              chartsWidth: t.chartWidth
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: q, children: [
+            T && /* @__PURE__ */ e.jsx(
+              "text",
+              {
+                x: t.chartWidth / 2,
+                y: t.chartHeight + n.bottom - g / 2,
+                children: k(T)
+              }
+            ),
+            v && /* @__PURE__ */ e.jsx(
+              "text",
+              {
+                x: -n.left + g / 2,
+                y: t.chartHeight / 2,
+                transform: `rotate(-90,${-n.left + g / 2},${t.chartHeight / 2})`,
+                children: k(v)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            R,
+            {
+              width: t.chartWidth,
+              height: t.chartHeight,
+              scaleX: i.x,
+              scaleY: i.y,
+              axisX: p,
+              axisY: m,
+              updatingKey: w,
+              frameType: I.type
+            }
+          ),
+          /* @__PURE__ */ e.jsx("g", { transform: `translate(0,${t.chartHeight})`, children: /* @__PURE__ */ e.jsx(P, { scale: i.x, orient: "bottom", onlyPositive: u.x, tickSize: X }) }),
+          /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(P, { scale: i.y, orient: "left", onlyPositive: u.y, tickSize: Y }) }),
+          o && o.smoothing && /* @__PURE__ */ e.jsx("g", { clipPath: "url(#viewportClipPath)", children: W.map(({ key: r, d: x, dot: h }) => {
+            var l;
+            return /* @__PURE__ */ e.jsx(
+              "path",
+              {
+                d: x,
+                fill: "none",
+                stroke: f.dotFill(h.data),
+                strokeWidth: (l = o.aes) == null ? void 0 : l.lineWidth,
+                strokeDasharray: f.lineType(h.data)
+              },
+              r
+            );
+          }) }),
+          o && !o.smoothing && /* @__PURE__ */ e.jsx("g", { clipPath: "url(#viewportClipPath)", children: W.map(({ key: r, d: x, dot: h }) => {
+            var l;
+            return /* @__PURE__ */ e.jsx(
+              "polyline",
+              {
+                points: x,
+                fill: "none",
+                stroke: f.dotFill(h.data),
+                strokeWidth: (l = o.aes) == null ? void 0 : l.lineWidth,
+                strokeDasharray: f.lineType(h.data)
+              },
+              r
+            );
+          }) }),
+          a.selectedData && /* @__PURE__ */ e.jsx(
+            Z,
+            {
+              content: S(a.selectedData, d, (b = s.tooltips) == null ? void 0 : b.content),
+              x: i.x(a.selectedData.x),
+              y: i.y(a.selectedData.y),
+              active: !0,
+              fixed: a.fixed,
+              sideDistances: K,
+              container: y,
+              onClose: a.onClose
+            }
+          ),
+          _.show && /* @__PURE__ */ e.jsx("g", { transform: `translate(${t.chartWidth + G},0)`, children: /* @__PURE__ */ e.jsx(U, { legendData: B }) })
+        ] })
+      ]
+    }
+  );
+}
+const ct = J.memo(z);
+export {
+  ct as default
+};
+//# sourceMappingURL=LowerSVG.js.map

package/dist/scatterplot-umap/components/LowerSVG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LowerSVG.js","sources":["../../../src/scatterplot-umap/components/LowerSVG.tsx"],"sourcesContent":["import { ChartsTitle } from '../../common/ChartsTitle';\nimport { ContinuousGrid } from '../../common/ContinuousGrid';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport { BLACK } from '../../constants';\nimport { DEFAULT_TICKS_SIZE, LEGEND_OFFSET, TITLE_LINE } from '../constants';\nimport type { ScatterplotUmapSettingsImpl } from '../SettingsImpl';\nimport type { CaptionsSizes, ChartScales, ChartSizes, Dot, DotInfo, Margins, SVGLayerProps } from '../types';\nimport { Axis } from '../../scatterplot/components/Axis';\nimport type { ColumnName } from '../../types';\nimport type { CurveUmapLayer } from '../../types/scatterplot-umap';\nimport { numberFormat } from '../../utils/numberFormat';\nimport { curveBasis, line } from 'd3-shape';\nimport React, { useEffect, useState } from 'react';\n\nfunction getTooltipContent(dot: DotInfo, keyColumn: ColumnName | null, columnsList: ColumnName[] = []) {\n    const row = dot.data;\n    const lines = [`x: ${numberFormat(dot.x)}`, `y: ${numberFormat(dot.y)}`];\n    if (keyColumn?.label) {\n        lines.unshift(`${keyColumn.label}: ${row[keyColumn.label]}`);\n    }\n    for (const column of columnsList) {\n        lines.push(`${column.label}: ${row[column.valueLabels ?? column.value]}`);\n    }\n    return lines;\n}\n\nfunction getTitle(title: string | ColumnName): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    return title.label ?? title.value;\n}\n\nconst lineGenerator = line<Dot>().curve(curveBasis);\n\nfunction LowerSvg({\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn,\n    margins,\n    chartSizes,\n    onlyPositive,\n    container,\n    zoomStateKey,\n    legendData,\n    dotsByGrouping,\n    layers,\n    aesGetters,\n    tooltipData\n}: {\n    aesGetters: SVGLayerProps['aesGetters'];\n    scales: ChartScales;\n    chartSettings: ScatterplotUmapSettingsImpl['chartSettings'];\n    mainTitle: string[];\n    keyColumn: ColumnName | null;\n    margins: Margins;\n    chartSizes: ChartSizes;\n    onlyPositive: {x: boolean; y: boolean};\n    captionsSizes: CaptionsSizes;\n    selectedDot?: DotInfo | null;\n    container: SVGElement | null;\n    zoomStateKey: string;\n    legendData: LegendData;\n    dotsByGrouping: Record<string, Dot[]>;\n    layers: ScatterplotUmapSettingsImpl['layers'];\n    tooltipData: TooltipsData<DotInfo>;\n}) {\n    const {title, xAxis, yAxis, frame, legend} = chartSettings;\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const xTitle = xAxis.title;\n    const yTitle = yAxis.title;\n    const needLeftAxis = true;\n    const needBottomAxis = true;\n\n    const sideDistances = {\n        left: 0,\n        right: chartSizes.chartWidth,\n        top: 0,\n        bottom: chartSizes.chartHeight,\n    };\n\n    if (!container) {\n        return null;\n    }\n\n    const curveLayer = layers.find(layer => layer.type === 'curve') as CurveUmapLayer | undefined;\n    const [lines, setLines] = useState<{key: string, d:string, dot: Dot}[]>([]);\n\n    function updateLines() {\n        const data = Object.entries(dotsByGrouping);\n        const nextLines = data.map(([key, dots]) => ({\n            key,\n            d: curveLayer?.smoothing ? lineGenerator(dots) ?? '' : dots.map(d => `${scales.x(d.x)},${scales.y(d.y)}`).join(' '),\n            dot: dots[0]\n        }));\n        setLines(nextLines);\n    }\n    useEffect(() => {\n        if (!curveLayer) {\n            return;\n        }\n        lineGenerator\n            .x((d: Dot) => scales.x(d.x))\n            .y((d: Dot) => scales.y(d.y));\n        updateLines();\n    }, [zoomStateKey]);\n\n    useEffect(() => {\n        if (!curveLayer) {\n            return;\n        }\n        updateLines();\n    }, [curveLayer?.smoothing]);\n\n    return (\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            style={{pointerEvents: 'none'}}\n        >\n            <defs>{fonts}</defs>\n            <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n                <clipPath id=\"viewportClipPath\">\n                    <rect x=\"0\" y=\"0\" width={chartSizes.chartWidth} height={chartSizes.chartHeight}/>\n                </clipPath>\n                <ChartsTitle\n                    title={mainTitle}\n                    show={title.show}\n                    position={title.position}\n                    leftPadding={margins.left}\n                    rightPadding={margins.right}\n                    chartsWidth={chartSizes.chartWidth}\n                />\n                <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n                    {xTitle && (\n                        <text\n                            x={chartSizes.chartWidth / 2}\n                            y={chartSizes.chartHeight + margins.bottom - TITLE_LINE / 2}\n                        >\n                            {getTitle(xTitle)}\n                        </text>\n                    )}\n                    {yTitle && (\n                        <text\n                            x={-margins.left + TITLE_LINE / 2}\n                            y={chartSizes.chartHeight / 2}\n                            transform={`rotate(-90,${-margins.left + TITLE_LINE / 2},${\n                                chartSizes.chartHeight / 2\n                            })`}\n                        >\n                            {getTitle(yTitle)}\n                        </text>\n                    )}\n                </g>\n                <ContinuousGrid\n                    width={chartSizes.chartWidth}\n                    height={chartSizes.chartHeight}\n                    scaleX={scales.x}\n                    scaleY={scales.y}\n                    axisX={xAxis}\n                    axisY={yAxis}\n                    updatingKey={zoomStateKey}\n                    frameType={frame.type}\n                />\n                {needBottomAxis && (\n                    <g transform={`translate(0,${chartSizes.chartHeight})`}>\n                        <Axis scale={scales.x} orient=\"bottom\" onlyPositive={onlyPositive.x} tickSize={tickSizeX} />\n                    </g>\n                )}\n                {needLeftAxis && (\n                    <g>\n                        <Axis scale={scales.y} orient=\"left\" onlyPositive={onlyPositive.y} tickSize={tickSizeY} />\n                    </g>\n                )}\n                {curveLayer && curveLayer.smoothing && (\n                    <g clipPath=\"url(#viewportClipPath)\">\n                        {lines.map(({key, d, dot}) => (\n                            <path\n                                key={key}\n                                d={d}\n                                fill=\"none\"\n                                stroke={aesGetters.dotFill(dot.data)}\n                                strokeWidth={curveLayer.aes?.lineWidth}\n                                strokeDasharray={aesGetters.lineType(dot.data)}\n                            />\n                        ))}\n                    </g>\n                )}\n                {curveLayer && !curveLayer.smoothing && (\n                    <g clipPath=\"url(#viewportClipPath)\">\n                        {lines.map(({key, d, dot}) => (\n                            <polyline\n                                key={key}\n                                points={d}\n                                fill=\"none\"\n                                stroke={aesGetters.dotFill(dot.data)}\n                                strokeWidth={curveLayer.aes?.lineWidth}\n                                strokeDasharray={aesGetters.lineType(dot.data)}\n                            />\n                        ))}\n                    </g>\n                )}\n                {tooltipData.selectedData && (\n                    <Tooltip\n                        content={getTooltipContent(tooltipData.selectedData, keyColumn, chartSettings.tooltips?.content)}\n                        x={scales.x(tooltipData.selectedData.x)}\n                        y={scales.y(tooltipData.selectedData.y)}\n                        active={true}\n                        fixed={tooltipData.fixed}\n                        sideDistances={sideDistances}\n                        container={container}\n                        onClose={tooltipData.onClose}\n                    />\n                )}\n                {legend.show && (\n                    <g transform={`translate(${chartSizes.chartWidth + LEGEND_OFFSET},0)`}>\n                        <Legend legendData={legendData} />\n                    </g>\n                )}\n            </g>\n        </svg>\n    );\n}\n\nexport default React.memo(LowerSvg);\n"],"names":["getTooltipContent","dot","keyColumn","columnsList","row","lines","numberFormat","column","getTitle","title","lineGenerator","line","curveBasis","LowerSvg","scales","chartSettings","mainTitle","margins","chartSizes","onlyPositive","container","zoomStateKey","legendData","dotsByGrouping","layers","aesGetters","tooltipData","xAxis","yAxis","frame","legend","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","xTitle","yTitle","sideDistances","curveLayer","layer","setLines","useState","updateLines","nextLines","key","dots","d","useEffect","jsxs","jsx","fonts","ChartsTitle","BLACK","TITLE_LINE","ContinuousGrid","Axis","_a","Tooltip","LEGEND_OFFSET","Legend","LowerSvg$1","React"],"mappings":"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"}

package/dist/scatterplot-umap/components/SVGLayer.d.ts

@@ -0,0 +1,3 @@
+import { SVGLayerProps } from '../types';
+export declare function SVGLayer({ settingsId, scales, chartSettings, mainTitle, keyColumn, margins, chartSizes, captionsSizes, onlyPositive, container, zoomStateKey, aesGetters, legendData, labels, onPolygonUpdate, onTooltipHintSwitch, onLassoControlsStateUpdate, dotsByGrouping, layers, defaultPolygons, selectedDot, }: SVGLayerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SVGLayer.d.ts.map

package/dist/scatterplot-umap/components/SVGLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGLayer.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,wBAAgB,QAAQ,CAAC,EACrB,UAAU,EACV,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,EACb,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,MAAM,EACN,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,cAAc,EACd,MAAM,EACN,eAAe,EACf,WAAkB,GACrB,EAAE,aAAa,kDAoDf"}

package/dist/scatterplot-umap/components/SVGLayer.js

@@ -0,0 +1,81 @@
+import { j as p } from "../../node_modules/react/jsx-runtime.js";
+import { useTooltip as w } from "../../common/Tooltip.js";
+import y from "./LowerSVG.js";
+import B from "./UpperSVG.js";
+import { r as G } from "../../_virtual/index.js";
+import { ErrorBoundary as I } from "../../common/ErrorBoundary.js";
+import { r as O } from "../../node_modules/react-dom/index.js";
+function k({
+  settingsId: s,
+  scales: f,
+  chartSettings: x,
+  mainTitle: a,
+  keyColumn: n,
+  margins: j,
+  chartSizes: i,
+  captionsSizes: l,
+  onlyPositive: E,
+  container: r,
+  zoomStateKey: t,
+  aesGetters: u,
+  legendData: e,
+  labels: v,
+  onPolygonUpdate: d,
+  onTooltipHintSwitch: L,
+  onLassoControlsStateUpdate: M,
+  dotsByGrouping: V,
+  layers: g,
+  defaultPolygons: h,
+  selectedDot: o = null
+}) {
+  if (!r)
+    return null;
+  const m = w(L);
+  return G.useEffect(() => {
+    o ? m.onMouseOver(o) : m.onMouseLeave();
+  }, [o]), /* @__PURE__ */ p.jsx("div", { children: /* @__PURE__ */ p.jsxs(I, { dataId: s, children: [
+    /* @__PURE__ */ p.jsx(
+      y,
+      {
+        aesGetters: u,
+        dotsByGrouping: V,
+        layers: g,
+        scales: f,
+        keyColumn: n,
+        margins: j,
+        mainTitle: a,
+        captionsSizes: l,
+        chartSettings: x,
+        chartSizes: i,
+        onlyPositive: E,
+        container: r,
+        zoomStateKey: t,
+        legendData: e,
+        tooltipData: m
+      }
+    ),
+    O.createPortal(
+      /* @__PURE__ */ p.jsx(
+        B,
+        {
+          scales: f,
+          container: r,
+          aesGetters: u,
+          labels: v,
+          chartSizes: i,
+          zoomStateKey: t,
+          selectedDot: o,
+          defaultPolygons: h,
+          onPolygonUpdate: d,
+          onLassoControlsStateUpdate: M,
+          tooltipData: m
+        }
+      ),
+      r
+    )
+  ] }) });
+}
+export {
+  k as SVGLayer
+};
+//# sourceMappingURL=SVGLayer.js.map

package/dist/scatterplot-umap/components/SVGLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGLayer.js","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"sourcesContent":["import {useTooltip} from '../../common/Tooltip';\nimport LowerSvg from './LowerSVG';\nimport UpperSVG from './UpperSVG';\nimport type {DotInfo} from '../types';\nimport type {SVGLayerProps} from '../types';\nimport React, {useEffect} from 'react';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport {createPortal} from 'react-dom';\n\nexport function SVGLayer({\n    settingsId,\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn,\n    margins,\n    chartSizes,\n    captionsSizes,\n    onlyPositive,\n    container,\n    zoomStateKey,\n    aesGetters,\n    legendData,\n    labels,\n    onPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate,\n    dotsByGrouping,\n    layers,\n    defaultPolygons,\n    selectedDot = null,\n}: SVGLayerProps) {\n    if (!container) {\n        return null;\n    }\n    const tooltipData = useTooltip<DotInfo>(onTooltipHintSwitch);\n    useEffect(() => {\n        if (selectedDot) {\n            tooltipData.onMouseOver(selectedDot);\n        } else {\n            tooltipData.onMouseLeave();\n        }\n    }, [selectedDot]);\n\n    return (\n        <div>\n        <ErrorBoundary dataId={settingsId}>\n            <LowerSvg\n                aesGetters={aesGetters}\n                dotsByGrouping={dotsByGrouping}\n                layers={layers}\n                scales={scales}\n                keyColumn={keyColumn}\n                margins={margins}\n                mainTitle={mainTitle}\n                captionsSizes={captionsSizes}\n                chartSettings={chartSettings}\n                chartSizes={chartSizes}\n                onlyPositive={onlyPositive}\n                container={container}\n                zoomStateKey={zoomStateKey}\n                legendData={legendData}\n                tooltipData={tooltipData}\n            />\n            {createPortal(\n                <UpperSVG\n                    scales={scales}\n                    container={container}\n                    aesGetters={aesGetters}\n                    labels={labels}\n                    chartSizes={chartSizes}\n                    zoomStateKey={zoomStateKey}\n                    selectedDot={selectedDot}\n                    defaultPolygons={defaultPolygons}\n                    onPolygonUpdate={onPolygonUpdate}\n                    onLassoControlsStateUpdate={onLassoControlsStateUpdate}\n                    tooltipData={tooltipData}\n                />,\n                container\n            )}\n        </ErrorBoundary>\n        </div>\n    );\n}\n"],"names":["SVGLayer","settingsId","scales","chartSettings","mainTitle","keyColumn","margins","chartSizes","captionsSizes","onlyPositive","container","zoomStateKey","aesGetters","legendData","labels","onPolygonUpdate","onTooltipHintSwitch","onLassoControlsStateUpdate","dotsByGrouping","layers","defaultPolygons","selectedDot","tooltipData","useTooltip","useEffect","jsx","jsxs","ErrorBoundary","LowerSvg","createPortal","UpperSVG"],"mappings":";;;;;;;AASO,SAASA,EAAS;AAAA,EACrB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAClB,GAAkB;AACd,MAAI,CAACX;AACD,WAAO;AAEX,QAAMY,IAAcC,EAAoBP,CAAmB;AAC3DQ,SAAAA,EAAAA,UAAU,MAAM;AACZ,IAAIH,IACAC,EAAY,YAAYD,CAAW,IAEnCC,EAAY,aAAA;AAAA,EAEpB,GAAG,CAACD,CAAW,CAAC,GAGZI,gBAAAA,EAAAA,IAAC,OAAA,EACD,UAAAC,gBAAAA,EAAAA,KAACC,GAAA,EAAc,QAAQ1B,GACnB,UAAA;AAAA,IAAAwB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACG,YAAAhB;AAAA,QACA,gBAAAM;AAAA,QACA,QAAAC;AAAA,QACA,QAAAjB;AAAA,QACA,WAAAG;AAAA,QACA,SAAAC;AAAA,QACA,WAAAF;AAAA,QACA,eAAAI;AAAA,QACA,eAAAL;AAAA,QACA,YAAAI;AAAA,QACA,cAAAE;AAAA,QACA,WAAAC;AAAA,QACA,cAAAC;AAAA,QACA,YAAAE;AAAA,QACA,aAAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHO,EAAAA;AAAAA,MACGJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACG,QAAA5B;AAAA,UACA,WAAAQ;AAAA,UACA,YAAAE;AAAA,UACA,QAAAE;AAAA,UACA,YAAAP;AAAA,UACA,cAAAI;AAAA,UACA,aAAAU;AAAA,UACA,iBAAAD;AAAA,UACA,iBAAAL;AAAA,UACA,4BAAAE;AAAA,UACA,aAAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJZ;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACA;AAER;"}

package/dist/scatterplot-umap/components/UpperSVG.d.ts

@@ -0,0 +1,18 @@
+import { TooltipsData } from '../../common/Tooltip';
+import { AesGetters, LassoControlsState, Polygon, ChartScales, ChartSizes, DotInfo } from '../types';
+import { Label } from '../../scatterplot/utils/getVisibleLabels';
+declare function UpperSVG({ scales, container, labels, aesGetters, chartSizes, zoomStateKey, defaultPolygons, onPolygonUpdate, onLassoControlsStateUpdate, tooltipData }: {
+    scales: ChartScales;
+    container: SVGElement | null;
+    aesGetters: AesGetters;
+    labels: Label[];
+    chartSizes: ChartSizes;
+    zoomStateKey: string;
+    defaultPolygons: Polygon[];
+    onLassoControlsStateUpdate: (v: LassoControlsState) => void;
+    onPolygonUpdate: (data: Polygon[]) => void;
+    tooltipData: TooltipsData<DotInfo>;
+    selectedDot?: DotInfo | null;
+}): import("react/jsx-runtime").JSX.Element | null;
+export default UpperSVG;
+//# sourceMappingURL=UpperSVG.d.ts.map

package/dist/scatterplot-umap/components/UpperSVG.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpperSVG.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/UpperSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAC,UAAU,EAAE,kBAAkB,EAAE,OAAO,EAAC,MAAM,UAAU,CAAC;AACtE,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,UAAU,CAAC;AAC/D,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,0CAA0C,CAAC;AAGpE,iBAAS,QAAQ,CAAC,EACd,MAAM,EACN,SAAS,EACT,MAAM,EACN,UAAU,EACV,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,0BAA0B,EAC1B,WAAW,EACd,EAAE;IACC,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,0BAA0B,EAAE,CAAC,CAAC,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,IAAI,EAAC,OAAO,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC,kDAkDA;AAED,eAAe,QAAQ,CAAC"}

package/dist/scatterplot-umap/components/UpperSVG.js

@@ -0,0 +1,64 @@
+import { j as e } from "../../node_modules/react/jsx-runtime.js";
+import { Lasso as p } from "./Lasso.js";
+function u({
+  scales: n,
+  container: l,
+  labels: o,
+  aesGetters: i,
+  chartSizes: r,
+  zoomStateKey: a,
+  defaultPolygons: c,
+  onPolygonUpdate: h,
+  onLassoControlsStateUpdate: m,
+  tooltipData: t
+}) {
+  return l ? /* @__PURE__ */ e.jsxs("g", { children: [
+    o.map((s) => {
+      const { name: f, height: d, bbox: x, width: j } = s;
+      return /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${x.minX},${x.minY})`, children: [
+        /* @__PURE__ */ e.jsx("rect", { x: "0", y: "0", width: j, height: d, fill: "transparent", stroke: "none" }),
+        /* @__PURE__ */ e.jsx(
+          "text",
+          {
+            x: 0,
+            y: d / 2,
+            stroke: "white",
+            strokeWidth: 2,
+            paintOrder: "stroke",
+            style: { pointerEvents: "none" },
+            fontFamily: "Manrope",
+            fontSize: "16px",
+            dominantBaseline: "middle",
+            children: f
+          }
+        )
+      ] }) }, s.dot.id);
+    }),
+    t.selectedData && /* @__PURE__ */ e.jsx(
+      "circle",
+      {
+        cx: n.x(t.selectedData.x),
+        cy: n.y(t.selectedData.y),
+        r: Math.max(i.dotSize(t.selectedData.data) * 1.2, 5),
+        fill: i.dotFill(t.selectedData.data),
+        style: { pointerEvents: "none" }
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      p,
+      {
+        scales: n,
+        chartSizes: r,
+        zoomStateKey: a,
+        defaultPolygons: c,
+        onPolygonsApply: h,
+        onLassoControlsStateUpdate: m
+      }
+    ),
+    t.fixed && /* @__PURE__ */ e.jsx("rect", { width: r.chartWidth, height: r.chartHeight, fill: "rgba(255,255,255,0.8)" })
+  ] }) : null;
+}
+export {
+  u as default
+};
+//# sourceMappingURL=UpperSVG.js.map

package/dist/scatterplot-umap/components/UpperSVG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpperSVG.js","sources":["../../../src/scatterplot-umap/components/UpperSVG.tsx"],"sourcesContent":["import type {TooltipsData} from '../../common/Tooltip';\nimport {Lasso} from './Lasso';\nimport type {AesGetters, LassoControlsState, Polygon} from '../types';\nimport type {ChartScales, ChartSizes, DotInfo} from '../types';\nimport type {Label} from '../../scatterplot/utils/getVisibleLabels';\nimport React from 'react';\n\nfunction UpperSVG({\n    scales,\n    container,\n    labels,\n    aesGetters,\n    chartSizes,\n    zoomStateKey,\n    defaultPolygons,\n    onPolygonUpdate,\n    onLassoControlsStateUpdate,\n    tooltipData\n}: {\n    scales: ChartScales;\n    container: SVGElement | null;\n    aesGetters: AesGetters;\n    labels: Label[];\n    chartSizes: ChartSizes;\n    zoomStateKey: string;\n    defaultPolygons: Polygon[];\n    onLassoControlsStateUpdate: (v:LassoControlsState) => void;\n    onPolygonUpdate: (data:Polygon[]) => void;\n    tooltipData: TooltipsData<DotInfo>;\n    selectedDot?: DotInfo | null;\n}) {\n    if (!container) {\n        return null;\n    }\n\n    return (\n        <g>\n            {labels.map(label => {\n                const {name, height, bbox, width} = label;\n                return (\n                    <g key={label.dot.id}>\n                        <g transform={`translate(${bbox.minX},${bbox.minY})`}>\n                            <rect x=\"0\" y=\"0\" width={width} height={height} fill=\"transparent\" stroke=\"none\" />\n                            <text\n                                x={0}\n                                y={height / 2}\n                                stroke=\"white\"\n                                strokeWidth={2}\n                                paintOrder=\"stroke\"\n                                style={{pointerEvents: 'none'}}\n                                fontFamily=\"Manrope\"\n                                fontSize=\"16px\"\n                                dominantBaseline=\"middle\"\n                            >\n                                {name}\n                            </text>\n                        </g>\n                    </g>\n                );\n            })}\n            {tooltipData.selectedData && (\n                <circle\n                    cx={scales.x(tooltipData.selectedData.x)}\n                    cy={scales.y(tooltipData.selectedData.y)}\n                    r={Math.max(aesGetters.dotSize(tooltipData.selectedData.data) * 1.2, 5)}\n                    fill={aesGetters.dotFill(tooltipData.selectedData.data)}\n                    style={{pointerEvents: 'none'}}\n                />\n            )}\n            <Lasso\n                scales={scales}\n                chartSizes={chartSizes}\n                zoomStateKey={zoomStateKey}\n                defaultPolygons={defaultPolygons}\n                onPolygonsApply={onPolygonUpdate}\n                onLassoControlsStateUpdate={onLassoControlsStateUpdate}\n            />\n            {tooltipData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255,255,255,0.8)\"/>}\n        </g>\n    );\n}\n\nexport default UpperSVG;\n"],"names":["UpperSVG","scales","container","labels","aesGetters","chartSizes","zoomStateKey","defaultPolygons","onPolygonUpdate","onLassoControlsStateUpdate","tooltipData","label","name","height","bbox","width","jsx","jsxs","Lasso"],"mappings":";;AAOA,SAASA,EAAS;AAAA,EACd,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,aAAAC;AACJ,GAYG;AACC,SAAKR,2BAKA,KAAA,EACI,UAAA;AAAA,IAAAC,EAAO,IAAI,CAAAQ,MAAS;AACjB,YAAM,EAAC,MAAAC,GAAM,QAAAC,GAAQ,MAAAC,GAAM,OAAAC,MAASJ;AACpC,aACIK,gBAAAA,EAAAA,IAAC,KAAA,EACG,UAAAC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAaH,EAAK,IAAI,IAAIA,EAAK,IAAI,KAC7C,UAAA;AAAA,QAAAE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,KAAI,GAAE,KAAI,OAAAD,GAAc,QAAAF,GAAgB,MAAK,eAAc,QAAO,OAAA,CAAO;AAAA,QACjFG,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,GAAG;AAAA,YACH,GAAGH,IAAS;AAAA,YACZ,QAAO;AAAA,YACP,aAAa;AAAA,YACb,YAAW;AAAA,YACX,OAAO,EAAC,eAAe,OAAA;AAAA,YACvB,YAAW;AAAA,YACX,UAAS;AAAA,YACT,kBAAiB;AAAA,YAEhB,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CACJ,EAAA,GAhBID,EAAM,IAAI,EAiBlB;AAAA,IAER,CAAC;AAAA,IACAD,EAAY,gBACTM,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAIf,EAAO,EAAES,EAAY,aAAa,CAAC;AAAA,QACvC,IAAIT,EAAO,EAAES,EAAY,aAAa,CAAC;AAAA,QACvC,GAAG,KAAK,IAAIN,EAAW,QAAQM,EAAY,aAAa,IAAI,IAAI,KAAK,CAAC;AAAA,QACtE,MAAMN,EAAW,QAAQM,EAAY,aAAa,IAAI;AAAA,QACtD,OAAO,EAAC,eAAe,OAAA;AAAA,MAAM;AAAA,IAAA;AAAA,IAGrCM,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAAjB;AAAA,QACA,YAAAI;AAAA,QACA,cAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,iBAAiBC;AAAA,QACjB,4BAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHC,EAAY,SAASM,gBAAAA,EAAAA,IAAC,QAAA,EAAK,OAAOX,EAAW,YAAY,QAAQA,EAAW,aAAa,MAAK,wBAAA,CAAuB;AAAA,EAAA,GAC1H,IA9CO;AAgDf;"}

package/dist/scatterplot-umap/constants.d.ts

@@ -0,0 +1,18 @@
+export declare const PADDINGS: {
+    TOP: number;
+    BOTTOM: number;
+    LEFT: number;
+    RIGHT: number;
+};
+export declare const TITLE_LINE = 20;
+export declare const DEFAULT_TICKS_SIZE = 4;
+export declare const TICK_OFFSET = 6;
+export declare const MIN_PADDING = 12;
+export declare const LEGEND_OFFSET = 24;
+export declare const SCATTERPLOT_LASSO_EVENTS: {
+    delete: string;
+    selectMode: string;
+    back: string;
+    forward: string;
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/scatterplot-umap/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/scatterplot-umap/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC,eAAO,MAAM,wBAAwB;;;;;CAKpC,CAAC"}

package/dist/scatterplot-umap/constants.js

@@ -0,0 +1,19 @@
+const E = {
+  TOP: 30,
+  BOTTOM: 30,
+  LEFT: 30,
+  RIGHT: 30
+}, S = 20, T = 4, L = 24, O = {
+  delete: "LASSO_DELETE",
+  selectMode: "LASSO_SELECT_MODE",
+  back: "LASSO_BACK",
+  forward: "LASSO_FORWARD"
+};
+export {
+  T as DEFAULT_TICKS_SIZE,
+  L as LEGEND_OFFSET,
+  E as PADDINGS,
+  O as SCATTERPLOT_LASSO_EVENTS,
+  S as TITLE_LINE
+};
+//# sourceMappingURL=constants.js.map

package/dist/scatterplot-umap/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../src/scatterplot-umap/constants.ts"],"sourcesContent":["// inner paddings in chart area\nexport const PADDINGS = {\n    TOP: 30,\n    BOTTOM: 30,\n    LEFT: 30,\n    RIGHT: 30\n};\n\nexport const TITLE_LINE = 20;\nexport const DEFAULT_TICKS_SIZE = 4;\nexport const TICK_OFFSET = 6;\nexport const MIN_PADDING = 12;\n\nexport const LEGEND_OFFSET = 24;\n\nexport const SCATTERPLOT_LASSO_EVENTS = {\n    delete: 'LASSO_DELETE',\n    selectMode: 'LASSO_SELECT_MODE',\n    back: 'LASSO_BACK',\n    forward: 'LASSO_FORWARD'\n};\n"],"names":["PADDINGS","TITLE_LINE","DEFAULT_TICKS_SIZE","LEGEND_OFFSET","SCATTERPLOT_LASSO_EVENTS"],"mappings":"AACO,MAAMA,IAAW;AAAA,EACpB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACX,GAEaC,IAAa,IACbC,IAAqB,GAIrBC,IAAgB,IAEhBC,IAA2B;AAAA,EACpC,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,SAAS;AACb;"}

package/dist/scatterplot-umap/index.d.ts

@@ -0,0 +1,39 @@
+import { AbstractChart } from '../AbstractChart';
+import { LassoControlsState, Polygon, Dot, DotsExtents } from './types';
+import { Label } from '../scatterplot/utils/getVisibleLabels';
+import { ScatterplotEventHandlers } from '../types';
+import { ScatterplotUmapLegendInfo, ScatterplotUmapSettings } from '../types/scatterplot-umap';
+import { default as ChartRenderer } from './ChartRenderer';
+import { ScatterplotUmapSettingsImpl } from './SettingsImpl';
+import { DataFrame } from '../DataFrame';
+export declare class ChartScatterplotUmap extends AbstractChart {
+    settings: ScatterplotUmapSettingsImpl;
+    chartRenderer: ChartRenderer;
+    onPolygonUpdate: (data: number[], polygons: Polygon[]) => void;
+    onTooltipHintSwitch: (v: boolean) => void;
+    onLassoControlsStateUpdate: (v: LassoControlsState) => void;
+    calculatedData: {
+        onlyPositive: {
+            x: boolean;
+            y: boolean;
+        };
+        dots: Dot[];
+        groupingKeys: string[];
+        dotsByGrouping: Record<string, Dot[]>;
+        allPossibleLabels: Label[];
+        dotsExtents: DotsExtents;
+        legendLabels: ScatterplotUmapLegendInfo;
+    } | null;
+    constructor(data: DataFrame, settings: ScatterplotUmapSettings, eventHandlers?: ScatterplotEventHandlers);
+    mount(node: HTMLElement): void;
+    unmount(): void;
+    updateSettingsAndData(data: DataFrame, settings: ScatterplotUmapSettings): void;
+    updateChartState(field: string, value: unknown): void;
+    export(): string;
+    _needUpdateCalculatedDataBySettings(prevSettings: ScatterplotUmapSettingsImpl, settings: ScatterplotUmapSettingsImpl): boolean | "" | undefined;
+    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame): boolean;
+    _updateData(): void;
+    _updateAesInData(): void;
+    _updateChart(): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/scatterplot-umap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scatterplot-umap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAG/C,OAAO,KAAK,EAAC,kBAAkB,EAAa,OAAO,EAAC,MAAM,SAAS,CAAC;AACpE,OAAO,KAAK,EAAC,GAAG,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,uCAAuC,CAAC;AAEjE,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAEvD,OAAO,KAAK,EAAC,yBAAyB,EAAE,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAElG,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAC,2BAA2B,EAAC,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgC5C,qBAAa,oBAAqB,SAAQ,aAAa;IACnD,QAAQ,EAAE,2BAA2B,CAAC;IACtC,aAAa,gBAAuB;IAEpC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,IAAI,CAAmB;IACjF,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAmB;IAC3D,0BAA0B,EAAE,CAAC,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAmB;IAE9E,cAAc,EAAE;QACZ,YAAY,EAAE;YAAC,CAAC,EAAE,OAAO,CAAC;YAAC,CAAC,EAAE,OAAO,CAAA;SAAC,CAAC;QACvC,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,YAAY,EAAE,MAAM,EAAE,CAAC;QACvB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;QACtC,iBAAiB,EAAE,KAAK,EAAE,CAAC;QAC3B,WAAW,EAAE,WAAW,CAAC;QACzB,YAAY,EAAE,yBAAyB,CAAA;KAC1C,GAAG,IAAI,CAAQ;gBAEJ,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,uBAAuB,EAAE,aAAa,CAAC,EAAE,wBAAwB;IAWxG,KAAK,CAAC,IAAI,EAAE,WAAW;IAYvB,OAAO;IAIP,qBAAqB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,uBAAuB;IA8BxE,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;IA8B9C,MAAM,IAAI,MAAM;IAOhB,mCAAmC,CAAC,YAAY,EAAE,2BAA2B,EAAE,QAAQ,EAAE,2BAA2B;IAQpH,+BAA+B,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS;IAUpE,WAAW;IA8FX,gBAAgB;IA0BhB,YAAY;CAsBf"}